* { font-family:"PingFang SC","Source Han Sans SC","Noto Sans CJK SC","Hiragino Sans GB","Helvetica Neue","Helvetica","Microsoft Yahei",sans-serif; }
.nowrap,.nowrapall,.nowrapall * { white-space: nowrap;text-overflow:ellipsis; overflow:hidden; }
.break,.breakall,.breakall * { word-wrap:break-word; word-break: break-all; }
.animate , .animateall , .animateall * { transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; }
.defaultstyle,.df { position: relative; margin: 0; padding:0; }
.clear::after {content:'\20';display:block; height:0;line-height:0;font-size:0;clear:both;visibility:hidden;}
body {margin: 0; padding: 0;color: #666; font-size: 14px;line-height: 20px;border: 0;}
/*CSShack*/
body{ min-width: 1200px\9;-webkit-tap-highlight-color:transparent; }
a { -webkit-tap-highlight-color:transparent;}
.maxsize { margin-left: auto; margin-right: auto; }
@media all and (min-width: 0px) {body { min-width: auto; }}
.vcenter { position: absolute;  bottom: 0; width: 100%; left: 0;height: 100%; }
.tb { display: table;height: 100%;width: 100%; } .vcenter .tb{height: 100%;}					.tb-c { display: table-cell;vertical-align: middle; }
a { text-decoration: none;color: #666; } 							ul,dl,dt,dd { list-style: none;margin: 0;padding: 0; }
input:focus , select:focus , textarea:focus { outline: none; } 		img { max-width: 100%; height: auto; border: 0; } 
h1,h2,h3,h4,h5,p { margin: 0; padding: 0; line-height: 1.2; }  		table { border-collapse: collapse; }
.table { overflow: hidden; } 		.table .tr { overflow: hidden; } 	.table .tr .td , .table .tr .th { float: left; }
.hide { display: none; } 			.block { display: block; } 			.inb { display: inline-block; }
.posr { position: relative; } 		.posa { position: absolute; } 		.poss { position: static; }
.row { overflow: hidden; } 		.row .fl { float: left; } 				.cl { clear: both; } 
.tal { text-align: left; } 			.tac { text-align: center; } 			.tar { text-align: right; }
.md1 { width: 8.3333%; } 	.md2 { width: 16.6666%; } 	.md3 { width: 25%; }
.md4 { width: 33.3333%; } 	.md5 { width: 41.6666%; } 	.md6 { width: 50%; }
.md7 { width: 58.3333%; } 	.md8 { width: 66.6666%; } 	.md9 { width: 75%; }
.md10 { width: 83.3333%; } 	.md11 { width: 91.6666%; } 	.md12 { width: 100%; }
.mp0 { margin: 0 !important; padding: 0 !important; }
.md1, .md2,.md3,.md4,.md5,.md6,
.md7, .md8,.md9,.md10,.md11,.dv { float: left; }
.pb80{ padding-bottom:80px;}
input[type="text"], input[type="password"],input[type="button"], input[type="submit"],
select , textarea { -webkit-appearance: none; margin: 0; padding: 0; border: 0;} 
input::-webkit-input-placeholder { color: #aaa !important;}
input:-moz-placeholder {color: #aaa !important;}
input::-moz-placeholder {color: #aaa !important;}
input:-ms-input-placeholder {color: #aaa !important;}

.nicescroll::-webkit-scrollbar{width:9px; background-color:rgba(255,255,255,0.7);}
.nicescroll::-webkit-scrollbar-thumb{border:none; width:5px;background-color:rgba(0,0,0,0.4);}
.nicescroll::-webkit-scrollbar-corner{background-color:rgba(255,255,255,0.7);}
.nicescroll::-webkit-scrollbar:horizontal{height:9px;}
.helpFul{display: none;}
.cl:after,.clear:after { content: '';display: block; clear: both; }
.cc { position: absolute; margin: auto; left: 0 ;right: 0; bottom: 0 ; top: 0; }

.clip { -webkit-background-clip: text; }
.clear:after,.cl:after { content: '';display: block;clear:both; }
.maxsize { max-width: 1200px; }
.ieBg{position: absolute;top: 0;left: 0;height: 100%;width: 100%;background-position: center;background-size: cover;}
@media screen and (max-width: 800px) {
	.maxsize { overflow-x: auto; }

}

h1{letter-spacing: 1px!important;}
h2{letter-spacing: 0px!important;}
small{letter-spacing: 1px!important;}
.en_p{letter-spacing: 1px!important;max-width: 750px;margin: auto;text-align: left;}

.cover-full{background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;background-size:cover;}
.cover-w{background-position:center center;background-repeat:no-repeat;-webkit-background-size:100% auto;background-size:100% auto;}
.cover-h{background-position:center center;-webkit-background-size:auto 100%;background-size:auto 100%;}
.cover-fixed{background-attachment: fixed;}
.cover-repeat{background-repeat: no-repeat;}
.home-cover{width:100%;height:100%;position: absolute;top:0px;left:0px;}
.play_btn,.play_btn img{width:60px;height:60px;}
.play_btn{position:absolute;left:50%;margin-left:-30px;bottom:26%;display: none;}

.index .banner div.home-video{position: absolute;top: 50%;left: 50%;overflow: hidden;}
.index .banner div.home-video video {-webkit-appearance: none;appearance: none;}
.goTop{
	position: fixed;font-size: 20px;color: #fff;display: none;
    width: 40px;bottom: 30px;right: 50px;cursor: pointer;
    height: 40px;
    margin-bottom: 15px;
    border-radius: 40px;
    line-height: 40px;
    background: rgba(63,158,126,.5);
}
.goTop > i{
	font-size: 20px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    display: block;
    font-style: normal;
}

/*公共样式*/
/*body { background: #333; }*/
.header { position: fixed; top: 0; left: 0; right:0; background: #fff; padding: 0 105px; z-index: 9999999; box-shadow: 0 0 10px rgba(0,0,0,0.1); } /*default height 74px*/
.header.fixed { top: 0; left: 0; right: 0; }
	.header .logo { position: absolute; width: 120px; height: 25px; top: 25px; left: 105px; }
	.header .functions { position: absolute; right: 105px; top: 0; line-height: 74px; padding: 0 15px;}
		.header .functions .lang { float: left; color: #b0b0b0; line-height: 74px; padding: 0 15px;}
			.header .functions .lang a { color: #666; font-size: 14px; display: inline-block; padding: 0 5px; }
		.header .functions .search { float: left; display: inline-block; padding: 0 15px; color:#666;font-size: 22px; }
		.header .functions .contact { float: left;  display: inline-block; padding: 0 15px; color: #666; font-size: 14px; font-weight: 500;}
		.header .functions .login { float: left;  display: inline-block; padding: 0 12px; color: #666; font-size: 14px; font-weight: 500;}
		.header .functions .login:hover { color: #333; font-size: 14px; }
		.header .functions .lang:hover .langlist { display: block; box-shadow: 0 0 20px rgba(0,0,0,0.1); }
		.header .functions .langlist { background: #fff; position: absolute; top: 100%; left: 50%; width: 120px; margin-left: -60px; display: none;}
		.header .functions .langlist:before { content: '';display: block; left: 50%; bottom: 100%; width: 0; height: 0; border: 8px solid; border-color: transparent transparent #fff transparent; position: absolute; margin-left: -8px; }
		.header .functions .langlist a { display: block; float: none; color:#666; text-align: center; line-height: 45px; border-bottom: 1px solid #3fa683; }
			.header .functions .langlist a:hover { background: #3fa683; color: #fff; border-color:#292929; }

	.header .searchinput {position: absolute; left: 0; right: 0; top: 100%; background: #fff; text-align: center; border-top: 1px solid #eaeaea; padding: 30px 0; display: none;}
		.header .searchinput .inb { overflow: hidden; border-bottom: 1px solid #3fa683; }
		.header .searchinput input { float: left; line-height: 35px; background: none; padding: 0 10px; height: 35px;}
		.header .searchinput input[type="text"] { width: 400px; }
		.header .searchinput input[type="button"],
		.header .searchinput input[type="submit"] { font-size: 20px; color: #3fa683; }
		.header .searchinput .close { position: absolute; top: 20px; right: 20px; display: inline-block;line-height: 40px; width: 40px; text-align: center; transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; font-size:20px; }
		.header .searchinput .close:hover { transform:rotate(-90deg);-webkit-transform:rotate(-90deg);color: #3fa683; }
	.header .menu { text-align: left; }
		.header .menu .menulist { display: inline-block; padding-left: 180px; }
		.header .menu .menulist li { float: left; }
			.header .menu .menulist li >a { display: block; line-height: 74px; font-size: 14px; padding: 0 18px; color: #404040; transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;text-transform: uppercase; }

		.header .menu .menulist li:hover > a,.header .menu .menulist li.on>a { color: #3fa683; }
		.header .menu .menulist .sub { display: none; position: absolute; left: 0; right: 0; top: 100%; text-align: left; background: #efefef; padding: 10px 105px 30px 105px; transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;}
			.header .sub:before { content: '';display: block; position: absolute; top: 20px; left: 105px; right: 105px; height: 1px; background: #d9d9d9;display: none; }
			.header .sub b { color: #3f9e7e; font-size: 16px; letter-spacing: 5px; display: inline-block; line-height: 20px; background: #fff; position: relative; z-index: 2; padding-right: 5px; display: none;} 
			/*.header .sub .submenus { padding-left: 50%; margin-left: -371px; width: 742px; overflow: hidden; }*/
			.header .sub .submenus { margin-left: 150px; }
				.header .sub .submenus dl {float: left; width: 25%; position: relative; z-index: 2; max-width: 230px; }
				.header .sub .submenus dt { display: inline-block; padding-left: 20px; background: #efefef; line-height: 20px; font-size: 15px;color:#262626; letter-spacing: 5px;/*font-weight: 900; */position: relative; margin-bottom: 10px; }
					.header .sub .submenus dt a { transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;font-weight: 700;text-transform: uppercase;letter-spacing: 0;
    font-size: 14px;text-transform: uppercase; }
					.header .sub .submenus dt a:hover {color:#3fa683; }
				.header .sub .submenus dt:before {content: '';display: block; height: 6px; width: 6px; border-radius: 100%;background: #262626; top: 50%; left: 0; margin-top: -3px; position: absolute;display: none; }
				.header .sub .submenus dd { padding-left: 20px; }
				.header .sub .submenus dd a { display: block; line-height: 32px; color: #808080; transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; }
				.header .sub .submenus dd a:hover { color:#3fa683; }
		.header .menu .menulist li:hover .sub { display: block; }

.menubtn { padding: 7px 0; display: none; width: 22px; position: absolute; z-index: 9999; top: 20px ; right: 20px; }
.menubtn i { height: 3px; background: #3fa683; border-radius: 3px;display: block; position: relative;}
.menubtn i:before { content: '';display: block; bottom: 100%; margin-bottom: 3px; position: absolute; left:0; right: 0; background: #3fa683; height: 100%; border-radius: 3px; }
.menubtn i:after { content: '';display: block; top: 100%; margin-top: 3px; position: absolute; left:0; right: 0; background: #3fa683; height: 100%; border-radius: 3px; }
@media screen and (max-width: 1600px) {
	.header { padding: 0 75px;  }
	.header .logo { left: 75px; }

    .header .functions {right: 75px;}
}
@media screen and (max-width: 1400px) {
	.header { padding: 0 50px;}
	.header .logo { left: 50px; }
    .header .functions {right: 50px;}
	.header .menu .menulist li >a { padding: 0 10px;text-transform: uppercase; }
	.header .menu .menulist .sub { padding: 10px 50px 30px 50px; }
	.header .sub .submenus dt { letter-spacing: 0; font-size: 14px; }
	.header .sub b { letter-spacing: 0; font-size: 15px; }


}
@media screen and (max-width: 1024px) {
	.header { padding: 0 20px; left: 0px; right: 0px; top: 0;}
	.header .logo {left: 20px; }
    .header .functions {right: 20px;}
	.header .sub .submenus dd a { line-height: 25px; }
	.header .menu .menulist li >a {padding: 0 10px; }
	.header .menu .menulist .sub { padding: 10px 20px 20px 20px; }
	.header .functions .lang a { font-size: 14px; }
	.header .functions .search { margin-left: 5px; padding: 0 5px; }
	.header .logo { top: 15px; }
	.header .menu .menulist li >a,
	.header .functions .search,
	.header .functions .login,
	.header .functions .contact,
	.header .functions .lang { line-height: 55px; }

    article.pro {padding-top: 56px;}
    .header .menu .menulist {padding-left: 140px;}
}
@media screen and (max-width: 800px) {

    .play_btn {display: none;}

	.header .functions .lang { display: none; }
	.menubtn { display: block; }
	.header .functions { right: 55px; }
	.header .functions .login { font-size: 16px; }
	.header .functions .search { font-size: 16px; }
	.header { height: 55px; }
	.header .menu { position: absolute; left: 0; right: 0; top: 100%; background: #fff; border-top: 1px solid #eaeaea; display: none; box-shadow: 0 20px 40px rgba(0,0,0,0.2); }
	.header .menu .menulist { display: block; }
	.header .menu .menulist li { float: none; width: auto; }
	.header .menu .menulist li >a { line-height: 35px; text-align: left; padding: 0 20px; }
	.header .menu .menulist .sub { position: relative; top: auto; left: auto; bottom: auto; right: auto; padding: 10px 20px 0 20px;background: #fafafa; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; }
	.header .sub b,
	.header .sub:before { display: none; }
	.header .sub .submenus { width: auto; margin: 0; padding: 0;  }
	.header .sub .submenus dl { width: 50%; margin-bottom: 10px; }
	.header .sub .submenus dl:nth-child(2n+1) { clear: both; }
	.header .sub .submenus dt { background: none; margin-bottom: 6px; }
	.header .sub .submenus dd a { font-size: 12px; line-height: 24px; }
	.header .searchinput input[type="text"] { width: 250px; }
	.header .searchinput .close { display: none; }
	.helpFul{min-height: 100px;text-align: center;}
	.helpFulBox{position: static!important;}
	.fd .btns,.pd .pages .btns{display: none;}
}
.uikit_gradinentbg { background: #37b8ab;background: -moz-linear-gradient(left,  #37b8ab 0%, #3cc78d 100%);background: -webkit-linear-gradient(left,  #37b8ab 0%,#3cc78d 100%);background: linear-gradient(to right,  #37b8ab 0%,#3cc78d 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37b8ab', endColorstr='#3cc78d',GradientType=1 );  }
.uikit_clip { background: #37b8ab;background: -moz-linear-gradient(left,  #37b8ab 0%, #3cc78d 100%);background: -webkit-linear-gradient(left,  #37b8ab 0%,#3cc78d 100%);background: linear-gradient(to right,  #37b8ab 0%,#3cc78d 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37b8ab', endColorstr='#3cc78d',GradientType=1 );-webkit-background-clip: text; color: transparent;}
.growbtn {background: #37b8ab;background: -moz-linear-gradient(left,  #37b8ab 0%, #3cc78d 100%);background: -webkit-linear-gradient(left,  #37b8ab 0%,#3cc78d 100%);background: linear-gradient(to right,  #37b8ab 0%,#3cc78d 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37b8ab', endColorstr='#3cc78d',GradientType=1 ); box-shadow: 0 5px 30px #27c480; display: inline-block; /*text-shadow: 0 2px 4px rgba(48,71,64,.3);*/}
.growbtn2 {background: #45d6c8;background: -moz-linear-gradient(left,  #45d6c8 0%, #4bdb9f 100%);background: -webkit-linear-gradient(left,  #45d6c8 0%,#4bdb9f 100%);background: linear-gradient(to right,  #45d6c8 0%,#4bdb9f 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45d6c8', endColorstr='#4bdb9f',GradientType=1 ); display: inline-block; /*text-shadow: 0 2px 4px rgba(48,71,64,.3);*/}


.index > section { position: relative; z-index: 2; }
.index .banner  { position: fixed; left: 0; right: 0; top: 0;bottom: 0; background-size: cover; background-position: center; z-index:1; overflow: hidden; background: #fff; }
	.index .banner .bg { z-index:1;position: relative; transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; opacity: 1;}
	.index .banner .text , .index .banner .btns { position: absolute; z-index: 1; }
	.index .banner .text { color: #fff; position: relative; display: inline-block; padding: 40px 0 0;text-align: center;width:100%; background: url("../images/alan-banner-bg.png") no-repeat center center;background-size: cover;height: 160px;box-sizing: border-box; }

.index .banner .text h1 { font-size: 42px; font-weight: normal; letter-spacing: 1px; margin-bottom: 15px; }
		.index .banner .text small {display: block; font-size: 20px; letter-spacing: 2px; color: #fff; }
	.index  .Tbtn {  right: 0; margin-right: 45px; bottom: 50%; transform: translateY(50%);z-index: 2222;}
		.index  .Tbtn a { color: #fff; }
			.index  .Tbtn ul { width: 40px; margin: 0 auto; padding-bottom: 30px; position: relative;}
			.index  .Tbtn ul:before { content: '';display: none; left: 50%; bottom: 100%; height: 9999px;width: 1px; background: rgba(255,255,255,.2);position: absolute; }
			.index  .Tbtn ul:after { content: '';display: none; left: 50%; top: 100%; height: 9999px;width: 1px; background: rgba(255,255,255,.2);position: absolute; margin-top: -30px; }
			.index  .Tbtn ul li { height: 40px; position: relative; display: inline-block; margin-bottom: 15px;border-radius: 40px; line-height: 40px;/*border: 1px solid; */background: rgba(63,158,126,.5); position: relative; }
			.index  .Tbtn ul li:after { content: '';display: none; left: 19px; width: 1px; height: 16px; top: 100%; background: rgba(255,255,255,.2); position: absolute; }
			.index  .Tbtn ul li i { font-size: 20px; width: 40px; text-align: center; line-height: 40px; display: block; font-style: normal;}
			.index  .Tbtn ul li span { display: none; line-height: 40px; white-space: nowrap;text-overflow:ellipsis; overflow:hidden; position: absolute; right: 100%;top: 0; }
			.index  .Tbtn ul li:hover { border-color: #fff; }
			.index  .Tbtn ul li:hover i { background: rgba(63,158,126,1); border-top-right-radius: 40px; border-bottom-right-radius: 40px; }
			.index  .Tbtn ul li:hover span {display: block; background: rgba(63,158,126,1); padding-left: 20px;border-top-left-radius: 40px; border-bottom-left-radius: 40px; }


.pd .pages .btns {  right: 0; margin-right: 45px; bottom: 50%; transform: translateY(50%);position: fixed;}
		.pd .pages .btns a { color: #fff; }
			.pd .pages .btns ul { width: 40px; margin: 0 auto; padding-bottom: 30px; position: relative;}
			.pd .pages .btns ul:before { content: '';display: none; left: 50%; bottom: 100%; height: 9999px;width: 1px; background: rgba(255,255,255,.2);position: absolute; }
			.pd .pages .btns ul:after { content: '';display: none; left: 50%; top: 100%; height: 9999px;width: 1px; background: rgba(255,255,255,.2);position: absolute; margin-top: -30px; }
			.pd .pages .btns ul li { height: 40px; position: relative; display: inline-block; margin-bottom: 15px;border-radius: 40px; line-height: 40px;/*border: 1px solid; */background: rgba(63,158,126,.5); position: relative; }
			.pd .pages .btns ul li:after { content: '';display: none; left: 19px; width: 1px; height: 16px; top: 100%; background: rgba(255,255,255,.2); position: absolute; }
			.pd .pages .btns ul li i { font-size: 20px; width: 40px; text-align: center; line-height: 40px; display: block; font-style: normal;}
			.pd .pages .btns ul li span { display: none; line-height: 40px; white-space: nowrap;text-overflow:ellipsis; overflow:hidden; position: absolute; right: 100%;top: 0; }
			.pd .pages .btns ul li:hover { border-color: #fff; }
			.pd .pages .btns ul li:hover i { background: rgba(63,158,126,1); border-top-right-radius: 40px; border-bottom-right-radius: 40px; }
			.pd .pages .btns ul li:hover span {display: block; background: rgba(63,158,126,1); padding-left: 20px;border-top-left-radius: 40px; border-bottom-left-radius: 40px; }
.fd .btns {  right: 0; margin-right: 45px; bottom: 50%; transform: translateY(50%);position: fixed;z-index: 100;}
		.fd .btns a { color: #fff; }
			.fd .btns ul { width: 40px; margin: 0 auto; padding-bottom: 30px; position: relative;}
			.fd .btns ul:before { content: '';display: none; left: 50%; bottom: 100%; height: 9999px;width: 1px; background: rgba(255,255,255,.2);position: absolute; }
			.fd .btns ul:after { content: '';display: none; left: 50%; top: 100%; height: 9999px;width: 1px; background: rgba(255,255,255,.2);position: absolute; margin-top: -30px; }
			.fd .btns ul li { height: 40px; position: relative; display: inline-block; margin-bottom: 15px;border-radius: 40px; line-height: 40px;/*border: 1px solid; */background: rgba(63,158,126,.5); position: relative; }
			.fd .btns ul li:after { content: '';display: none; left: 19px; width: 1px; height: 16px; top: 100%; background: rgba(255,255,255,.2); position: absolute; }
			.fd .btns ul li i { font-size: 20px; width: 40px; text-align: center; line-height: 40px; display: block; font-style: normal;}
			.fd .btns ul li span { display: none; line-height: 40px; white-space: nowrap;text-overflow:ellipsis; overflow:hidden; position: absolute; right: 100%;top: 0; }
			.fd .btns ul li:hover { border-color: #fff; }
			.fd .btns ul li:hover i { background: rgba(63,158,126,1); border-top-right-radius: 40px; border-bottom-right-radius: 40px; }
			.fd .btns ul li:hover span {display: block; background: rgba(63,158,126,1); padding-left: 20px;border-top-left-radius: 40px; border-bottom-left-radius: 40px; }

	.index .banner .bg:before { content: '';display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.65);z-index: 3;display: none; }
	.index .banner .growbtn { line-height: 54px; width: 192px; text-align: center; font-size: 16px; letter-spacing: 5px; border-radius: 54px; font-weight: normal; z-index: 3;position: relative;} 

.index .about { padding: 200px 0; background: #fff url('../images/index-about-bg.png') no-repeat center center;background-size: cover; }
	.index .about .title { padding-bottom:20px; }
		.index .about .title h1 { font-size: 40px; font-weight: normal; color:#262626; letter-spacing: 5px; margin-bottom: 10px; }
		.index .about .title h1 font { color:#3fa683; }
		.index .about .title small {color:#c2c2c2; letter-spacing: 3px; }
		.index .about .icon { position: relative;padding: 85px;  }
		.index .about .icon .hover { position: absolute; left: 50%; top: 50%;  border-radius: 100%; border: 1px solid #3fa683; background-size: cover; background-position: center; height: 0px; margin: 0px; width:0px;z-index: 3;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out; filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0; }
		.index .about .icon:hover .hover { width: 194px;height: 194px;margin: -97px; filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;  }
		.index .about .icon:after { content: '';display: block;position: absolute; bottom: 0; height: 85px;left: 50%; width: 1px; background: #46a988 }
		.index .about .icon .iconfont { width: 100px; height: 100px; text-align: center; line-height: 100px;background: #fff; font-size: 40px; color: #000; display: inline-block;border-radius: 100%;border: 2px solid #46a988; position: relative; }
		.index .about .icon .iconfont:before { content: '';display: block;position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 20px solid; margin: -20px; border-radius: 100%; z-index: 2; border-color: #e8f7f6;-webkit-animation: indexaboutcirclea 2s infinite ease-out; -o-animation: indexaboutcirclea 2s infinite ease-out;  -moz-animation: indexaboutcirclea 2s infinite ease-out; animation: indexaboutcirclea 2s infinite ease-out; -webkit-animation-delay:0.2s;animation-delay: 0.2s;}
		.index .about .icon .iconfont:after {content: '';display: block;position: absolute; top: -20px; left: -20px; right: -20px; bottom: -20px;border: 20px solid; margin: -20px; border-radius: 100%; z-index: 1; border-color: #f5fbfb; -webkit-animation: indexaboutcircleb 2s infinite ease-out; -o-animation: indexaboutcircleb 2s infinite ease-out;  -moz-animation: indexaboutcircleb 2s infinite ease-out; animation: indexaboutcircleb 2s infinite ease-out;}
	.index .about .cont { padding: 0 20px; }
	.index .about .cont h2 { color: #21a67a;font-size: 28px; font-weight: normal; letter-spacing: 5px;margin-bottom: 30px; margin-top: 10px;}
	.index .about .cont h2 br { display: none; }
	.index .about .cont p { font-size: 14px; color: #000; display: inline-block; padding-left: 30px; position: relative; letter-spacing: 2px;}
	.index .about small { font-size: 32px; margin: 20px 0; display: block; color: #afd6ca; }

@media screen and (max-width: 1400px) {
	.index .about .cont h2 { font-size: 22px; letter-spacing: 0; margin-bottom: 15px; }
	.index .about .cont p { font-size: 13px; letter-spacing: 0; }
	.index .about .title h1 { letter-spacing: 0; margin-bottom: 5px; }
	.index .about { padding: 50px 0 }
}
@media screen and (max-width: 1024px) {
	.index .banner .text h1 { font-size: 35px; margin-bottom: 5px; }
	.index .banner .text small { font-size: 15px; letter-spacing: 0; }

	.index .banner .btns { top: 40%; }
	.index .about { padding: 40px 0; }
	.index .about .title h1 { font-size: 35px;  }
	.index .about .title small { letter-spacing: 0; }
	.index .about .cont h2 { font-size: 18px; margin-bottom: 5px; }
	.index .about .cont p { font-size: 12px; }
	.index .about .icon { padding: 60px; }
	.index .about .icon:after { height: 60px; }
	.index .about .icon .iconfont { width: 80px; height: 80px; line-height: 80px; font-size: 35px; }
	.index .about .icon:hover .hover { width: 150px; height: 150px; margin: -75px; }
}
@media screen and (max-width: 800px) {
	.index .banner { position: relative; }
	.index .banner .bg { position: absolute; top: 0; left: 0;right: 0; bottom:0; }
	.index .banner .bg .cover { position: absolute; top: 0; left: 0; width: 100%;height: 100%; background: #fff; opacity: 0; }
    /*大海在2017-5-4修改*/
    .index .banner .bg video { /*display: none;*/  height: 100%;}



	.index .banner .text h1 { font-size: 25px!important;}
	.index .banner .text small { font-size: 12px!important;}
	.index .about .title h1 { font-size: 25px;margin-bottom: 0px; }
	.index .about { padding: 30px 10px; }
	.index .about .icon .iconfont { width: 50px; height: 50px; line-height: 50px; font-size: 25px; }
	.index .about .icon { padding: 20px; }
	.index .about .cont { padding: 0 10px; }
	.index .about .icon:after { height: 20px; }
	.index .about .cont h2 { font-size: 15px; line-height: 20px; height: 40px; }
	.index .about .cont p { font-size: 10px; line-height: 15px; }
	.index .about .icon:hover .hover { width: 100px; height: 100px; margin: -50px; }
	.index .banner .btns ul li:hover span { display: none; }
	.index .banner .btns ul li:hover .iconfont { position: relative; }
	/*.index .about .icon .hover { display: block; width: 80px; height: 80px; margin: -40px; opacity: 1}*/
}
@media screen and (max-width: 480px) {
	.index .banner  { background: url('../images/index_video_cover.jpg') no-repeat; background-size: cover; background-position: 75% center;}
	.index .banner .btns { top: auto; bottom: 140px; left: 0; right: 0; margin: 0; }
	.index .banner .btns ul { display: inline-block;width: auto;  }
	.index .banner .btns ul li { float: left; margin: 0 5px; }
	.index .banner .btns ul li:after { display: none; }
	.index .about .cont p { display: none; }
	.index .about .cont h2 br { display: block; }
	.index .banner .text h1 { letter-spacing: 0px; }
	/*.index .about .md6 { width: auto; float: none;margin-bottom: 10px; }*/
}
@media screen and (max-width: 320px) {
	.index .banner .text h1 { letter-spacing: 3px; }
}
.solution { background: #fff; /*height: 600px;*/ height: 542px; position: relative; z-index:10; padding: 0 100px; overflow: hidden;}
.solution>.posr {height: 100%; max-width: 1200px; width: 100%; margin: 0 auto;} 
.solution .contain { width: 50%; height: 100%; position: relative; transition: all .5s ease-out;-webkit-transition: all .5s ease-out;-o-transition: all .5s ease-out;-moz-transition: all .5s ease-out; z-index: 1; position: absolute; top: 0; overflow: hidden; overflow: hidden;}
@media screen and (min-width:800px) {
	.solution>.posr:hover .contain { width: 20%; z-index: 1; }
    .solution>.posr .contain:hover { width: 80%; z-index: 2; }
}
.solution .contain>* {  z-index: 2;position: relative; }
	.solution .contain .bg { z-index: 0; width: 100%; height: 100%; position: absolute; }
	.solution .contain .bg > div { position: absolute; left: -10px; right: -10px; bottom: -10px; top: -10px; background-size: cover; background-position: center;filter:url(blur.svg#blur);-webkit-filter: blur(5px);-moz-filter: blur(5px);-o-filter: blur(5px);-ms-filter: blur(5px);filter:blur(5px);filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=5, MakeShadow=false); }
	.solution .contain .bg:before { content: '';position: absolute; top: 0;right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.6); z-index: 2;}

.solution .contain .videobg { position: absolute; top: 0; left: 0; width: 100%;height: 100%; z-index: 1; opacity: 0; transition: all .5s ease-out;-webkit-transition: all .5s ease-out;-o-transition: all .5s ease-out;-moz-transition: all .5s ease-out;}
.solution .contain .videobg:before { content: '';position: absolute; left:0; right: 0;bottom: 0; top: 0; background: rgba(0,0,0,0.4); transition: all .5s ease-out;-webkit-transition: all .5s ease-out;-o-transition: all .5s ease-out;-moz-transition: all .5s ease-out; }
.solution .contain .videobg video { width: 960px; height: 100%; /*padding-left: 50%; margin-left: -960px;*/ }
.solution .audio { left: 0; background: #333; }
.solution .video { right: 0; /*background: #666;*/ }
	.solution .text { position: absolute; top: 50px; left: 10%; color: #fff; }
	.solution .text h1 { font-size: 30px; letter-spacing: 5px; font-weight: normal; margin-bottom: 10px; white-space: nowrap;text-overflow:ellipsis; overflow:hidden;}
	.solution .text small { font-size: 14px; white-space: nowrap;text-overflow:ellipsis; overflow:hidden; }
	.solution .btns { position: absolute; top: 65%; right: 50px; border-top: 1px solid rgba(255,255,255,0.5); width: 340px; transition: all .5s ease-out;-webkit-transition: all .5s ease-out;-o-transition: all .5s ease-out;-moz-transition: all .5s ease-out; height: 130px; }
	.solution .contain:hover .btns { border-color: rgba(255,255,255,0); }
		.solution .btns ul { position: relative; height: 100%;display:-moz-box;display:-webkit-box;display:box;}
			.solution .btns ul:before { content: '';display: block; left: 0; right: 0; top: 0; background: #fff; position: absolute; z-index: 0;height: 0; border-radius: 5px; overflow: hidden;}
		.solution .btns ul li { float: left; width: 25%; position: relative; z-index: 1; text-align: center; display: none; height: 100%;}
		.solution .audio .btns ul li { width: 33.333%; } 
			.solution .btns ul li:before { content: '';left: 0; top: 9px; bottom: 0; width: 1px;background: #e0e0e0;position: absolute; }
			.solution .btns ul li:first-of-type:before { display: none; }
			.solution .btns ul li a { padding: 25px; display: block;}
            .solution .btns ul li a:hover {color: #3fa683;}
.solution .btns ul li a:hover i {color: #3fa683;}
.solution .btns ul li a:before { content: 'MORE'; font-size: 12px; line-height: 60px; padding-left: 40px; color: #fff;  background: #37b8ab;background: -moz-linear-gradient(left,  #37b8ab 0%, #3cc78d 100%);background: -webkit-linear-gradient(left,  #37b8ab 0%,#3cc78d 100%);background: linear-gradient(to right,  #37b8ab 0%,#3cc78d 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37b8ab', endColorstr='#3cc78d',GradientType=1 );position: absolute; top: 100%; left: 0;right: 0; text-align: left; -webkit-animation: flipIn .5s ease-out; -o-animation: flipIn .5s ease-out;  -moz-animation: flipIn .5s ease-out; animation: flipIn .5s ease-out; display: none; transform-origin: top center;}
			.solution .btns ul li a:after { content: '\e64e';font-family: 'iconfont';position: absolute; line-height: 60px; top: 100%; right: 0; padding-right: 40px; font-size: 30px; color: #fff; display: none;transform-origin: top center; -webkit-animation: flipIn .5s ease-out; -o-animation: flipIn .5s ease-out;  -moz-animation: flipIn .5s ease-out; animation: flipIn .5s ease-out; display: none; transform-origin: top center;}
			.solution .btns ul li .iconfont { font-size: 40px; color: #444; display: block; line-height: 50px; margin-bottom: 10px; transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;}
			.solution .btns ul li p { font-size: 14px; letter-spacing: 1px;text-overflow:ellipsis; overflow:hidden; }
	.solution .btns:before {content: '\e61a';display: none;font-family: 'iconfont'; line-height: 55px; width: 55px; text-align: center; border-radius: 100%; background: #37b8ab;background: -moz-linear-gradient(left,  #37b8ab 0%, #3cc78d 100%);background: -webkit-linear-gradient(left,  #37b8ab 0%,#3cc78d 100%);background: linear-gradient(to right,  #37b8ab 0%,#3cc78d 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37b8ab', endColorstr='#3cc78d',GradientType=1 ); color:#fff; font-size: 20px; position: absolute; left: -60px; top: -22px; transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; opacity: 1; }
	.solution .btns >p { position: absolute; left: -158px; top: 130px; font-size: 12px; line-height: 24px; color: #fff; text-transform: uppercase;width: 450px;border-top: 1px solid #fff; }

	.solution:hover .contain .btns { opacity: 0; }
	.solution:hover .contain:hover .btns { opacity: 1; }
	.solution .contain:hover .videobg { opacity: 1; }
	.solution .contain:hover .videobg:before { opacity: 0.5; }
	.solution .contain:hover .btns { width: 860px; }
	.solution .contain:hover .btns:before { opacity: 0; }
	.solution .contain:hover .btns > p { opacity: 0; }
	.solution .contain:hover .btns ul li { display: block; }
	.solution .contain:hover .btns ul:before { height: 100%; transition: all .5s ease-out .5s;-webkit-transition: all .5s ease-out .5s;-o-transition: all .5s ease-out .5s;-moz-transition: all .5s ease-out .5s;}
	/*.solution .btns ul li:hover a:after ,
	.solution .btns ul li:hover a:before { display: block; }*/
	.solution .btns ul li:hover .iconfont { color: #2fc296; }
@media screen and (max-width: 1600px) {
	.solution { height: 550px; padding: 0 75px; }
}
@media screen and (max-width: 1400px) {
	.solution { height: 540px; }
	.solution { padding: 0 50px; }
	.solution .contain .btns { height: 100px;}
	.solution .contain:hover .btns { width: 660px; height: 100px;}
	.solution .btns ul li a { padding: 15px 0; }
	.solution .btns ul li .iconfont { font-size: 30px; line-height: 40px; }
	.solution .btns ul li p { letter-spacing: 0; font-size: 13px; }
	.solution .btns ul li:hover a:after ,
	.solution .btns ul li:hover a:before { line-height: 50px; padding: 0 20px; }
	.solution .text {top:60px; }
}
@media screen and (max-width: 1200px) {
	.solution { padding: 0; }
	.solution { height: 500px; }
}
@media screen and (max-width: 1024px) {
	.solution { height: 480px; padding: 0; }
	.solution .btns { width: 250px; }
	.solution .contain:hover .btns,
	.solution .contain .btns {  height: 90px;}
	.solution .contain:hover .btns { width: 500px;}
	.solution .btns ul li a { padding: 10px 0; }
	.solution .btns ul li .iconfont { font-size: 30px; line-height: 40px; }
	.solution .btns ul li p { letter-spacing: 0; font-size: 12px; }
	.solution .text h1 {font-size: 35px; margin-bottom: 5px;letter-spacing: 0;}
	.solution .btns { top: 60%; }
	.solution .btns ul li:hover a:after ,
	.solution .btns ul li:hover a:before { line-height: 40px; padding: 0 10px;  }
	.solution .btns:before { font-size: 15px; line-height: 40px; width: 40px; left: -45px; }
}
@media screen and (max-width: 800px) {
	.solution .text h1 {font-size: 25px; margin-bottom: 0; }
	.solution .text small { font-size: 12px; }
	.solution .text { top: 30px;left:30px; }
	.solution { height: auto; }
	.solution .contain { position: relative; top: auto; left: auto; bottom: auto; right: auto; float: none; width: auto; height: 480px;}
	.solution .contain:hover {width: auto; }
	.solution:hover .contain { width: auto; }
	.solution .contain .videobg { display: none !important; }
	.solution .btns >p,
	.solution .btns:before { display: none !important; }
	.solution .btns ul:before { display: none; }
	.solution .btns ul { background: #fff; }
	.solution .btns ul li { display: block !important; }
    .solution .btns ul li p {white-space: normal;line-height: 1.5;}
	.solution .btns { left: 0; right: 0; bottom: 0; top: auto; width: auto; }
	.solution .contain:hover .btns:before {display: none; }
	.solution .contain .btns,
	.solution .contain:hover .btns,
	.solution:hover .contain .btns { width: auto; display: block !important; opacity: 1;height: auto; border-bottom: 2px solid #3fa683; }
	.solution .contain .bg:before { background: rgba(0,0,0,0.4); }
	.solution .contain .bg > div {filter:url(blur.svg#blur);-webkit-filter: blur(0px);-moz-filter: blur(0px);-o-filter: blur(0px);-ms-filter: blur(0px);filter:blur(0px);filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=0, MakeShadow=false);}
}
@media screen and (max-width: 480px) {
	.solution .btns ul li .iconfont {font-size: 25px; line-height: 30px; }
	.solution .contain { height: 300px; }
}

.index .products {  background: #fff; position: relative; padding: 80px 0 0!important; }
	.index .products:before {content: 'products'; position: absolute; z-index: 0; font-size: 160px; font-weight: 900;font-family: Arial; color: #f9f9f9; right: 50%; margin-right: -600px; bottom: 20%; line-height: 1; }
.index .products .item { position: relative;height:602px;background-size: cover;background-position: center center;background-repeat: no-repeat; }
.index .products .item a {display: block;width: 1200px;margin: 0 auto;padding-left: 20px;color: #fff;height: 100%;}
@media screen and (min-width: 800px){
    .index .products .item a .tb {width: 428px;}
}
.index .products .item a h2 {font-size: 30px;letter-spacing: 3px;margin-bottom: 30px;}
.index .products .item a p {font-size: 16px;line-height: 1.5;letter-spacing: 1px;}

.index .products .text { position: absolute; right: 55%; left: 0; top: 50%; height: 220px; margin-top: -210px;z-index: 1; color: #fff; padding: 100px 100px;}
	.index .products .text:before { content: '';display: block; width: 75%; right: 50%; margin-right: 100px; height: 2px; margin-top: -1px; background: #f2f2f2; position: absolute; top: 50%;  display: none;}
	.index .products .text h2 { position: absolute; bottom: 50%; margin-bottom: 25px; font-size: 28px; line-height: 36px; letter-spacing: 3px;}
	.index .products .text p { position: absolute; top: 50%; margin-top: 25px; font-size: 14px; line-height: 2;letter-spacing: 4px;  }
.index .products .face { position: relative; width: 65%; float: right; height: 590px;background-size: contain; background-position: center; z-index: 0; background-repeat: no-repeat;}
.index .products .pages { position: absolute; top: 0; right: -200px; width: 450px;text-align: right; z-index: 3;}
	.index .products .pages p {color: #646464; position: relative;font-family: Arial;border-bottom: 1px solid #3fa683;}
	.index .products .pages p sup { position: absolute; top: 0; right: 90px; font-size: 30px;}
	.index .products .pages p strong { font-size: 90px;line-height: 1; letter-spacing: 8px; }
	.index .products .pages .pager { margin-top: 15px; padding-right: 8px; }
	.index .products .pages .pager li { border: 1px solid #3fa683; border-radius: 100%; width: 10px; height: 10px; border-radius: 100%; display: inline-block; margin: 0 3px; }
	.index .products .pages .pager li a { background: #fff; text-indent: 999px; overflow: hidden; display: block; position: relative; line-height: 10px; border-radius: 100%; }
	.index .products .pages .pager li.active a:before { -webkit-animation: widerthenwider 3s linear; -o-animation: widerthenwider 3s linear;  -moz-animation: widerthenwider 3s linear; animation: widerthenwider 3s linear; content: ''; display: block; width: 0%; background: #3fa683; position: absolute; left: 0; top: 0; height: 100%; }
	.index .products .bx-controls { text-align: center;position: absolute;bottom:50px;left: 0;width: 100%; }
	.index .products .bx-pager { display: inline-block; margin-top: 30px; }
	.index .products .bx-pager .bx-pager-item { float: left; position: relative; padding: 0 20px;}
	.index .products .bx-pager .bx-pager-item a { display: block; width: 12px; height: 12px; border-radius: 100%; background: rgba(255,255,255,.5); text-indent: -99999px; position: relative;}
	.index .products .bx-pager .bx-pager-item a.active { background: rgba(255,255,255,1); }

@media screen and (max-width: 1600px) {
	.index .products .pages { right: 10px; }
}
@media screen and (max-width: 1400px) {
	/*.index .products .pages { display: none; }*/
	
	.index .products:before { position: relative; top: auto; left: auto; bottom: auto; right: auto; margin: 0; padding: 0; font-size: 40px; color: #ccc; padding-left: 20px; font-weight: normal; text-transform: uppercase; font-family: 'enfont',"Microsoft Yahei"; content: '产品 products'; line-height: 1; display: none; }
	.index .products .face { height: 500px; }
	.index .products .text { height: 180px; margin-top: -190px; }
}
@media screen and (max-width: 800px) {
	.index .products .text p  { letter-spacing: 0; }
	.index .products .pages p  { display: none; }
	.index .products .pages { position: absolute; bottom: 20px; left: 0; right: 0; top: auto; z-index: 99;}
	.index .products { padding: 30px 0;  }
	.index .products .pages {  width: auto; }
	.index .products .pages .pager { margin: 0; text-align: center; }
	.index .products .pages .pager li { margin: 0 5px; }
	.index .products:before { font-size: 35px; margin-bottom: 15px; }
	.index .products .items { padding-bottom: 50px; }
	.index .products .face { height: 300px; width: 60%; background-size: cover; background-position: center; }
	.index .products .text { margin: 0; padding: 0; top: 0; left: 0; bottom: 0; right: 60%; width: auto; position: absolute; height: auto;padding: 30px; }
	.index .products .text:before { display: none; }
	.index .products .text h2,.index .products .text p { position: relative; top: auto; left: auto; bottom: auto; right: auto; }
	.index .products .text h2 { font-size: 20px;margin-bottom: 10px; letter-spacing: 0; font-weight: normal; line-height: 1.5;}
	.index .products .text p { line-height: 1.5; }
}
@media screen and (max-width: 480px) {
	.index .products { padding: 10px 0;  padding-top: 0;}
	.index .products .text { position: relative; top: auto; left: auto; bottom: auto; right: auto; padding: 20px; }
	.index .products .text h2 br{ display: none; }
	.index .products .face { height: 250px;width: auto;float: none; }
}

.index .slogan { background: #fff; position: relative; display: none;}
.index .slogan .text { padding: 250px 0; position: relative; }
.index .slogan .text:after {content: '';display: block; bottom: 0; margin-top: 40px; height: 200px; left: 50%;width: 1px; background: #b2dbcd; position: absolute; }
.index .slogan .text h1 { padding-left: 100px; font-weight: normal; font-size: 40px; color: #262626; }
	.index .slogan .text h1 font { color: #3fa683; }
.index .slogan .text small { display: block; text-align: center; }
.index .slogan .years { position: absolute; top: 0; right: 0; width: 50%; height: 100%; }
.index .slogan .years:before { content: '';width: 100%;height: 100%; position: absolute; top: 0; letter-spacing: 0;background: url('../images/shadow.png') no-repeat top center; z-index: 3;}
.index .slogan .years strong { font-size: 300px; font-weight: 900; display: block; line-height: 420px; position: absolute; top: 0; left: 50%; margin-left: -250px; width: 500px; text-align: center; }
@media screen and (max-width: 800px) {
	.index .slogan { display: none; }
    .index .products .item a {width: 100%;}
    .index .news h2 {text-indent: 20px;width: 100%;}
    .index .news .new .text {padding-left: 20px;width: 100%;}

    .index .products .item a h2 {font-size: 18px;letter-spacing: 3px;margin-bottom: 20px;width: 95%;padding-top: 20px;}
    .index .products .item a p {font-size: 12px;line-height: 2;letter-spacing: 1px;width: 95%;max-height: 144px;overflow: hidden;}

    .index .products .item a .tb-c {vertical-align: top;}
    .index .products .bx-controls {bottom: 20px;}

    .index .products .item {height: 400px;}
    .index .products .item::before{position: absolute;content: '';display: none;width: 100%;height: 100%;background-color: rgba(0,0,0,.3);z-index: 0;}
    .index .products .item a {padding: 0 20px;position: relative;z-index: 1;}


}

.index .friends { background: #f3f3f4; padding:50px 0;}
.index .friends .title { margin-bottom: 20px;}
	.index .friends .title h1 { font-weight: normal; font-size: 30px; letter-spacing: 5px; color: #595757;text-indent: 27px; }
		.index .friends .title h1 font { color: #3fa683; }
	.index .friends .tabs li { float: left; width: 50%; }
		.index .friends .tabs li a {margin: 2px; border-bottom: 2px solid #b3b3b3;display: block; padding: 10px; color:#b3b3b3;}
		.index .friends .tabs li p { font-size: 14px; line-height: 1.2; }
		.index .friends .tabs li p em {font-style: normal; font-weight: normal; }
		.index .friends .tabs li p small { display: block; opacity: 0.5; }
		.index .friends .tabs li:hover a,
		.index .friends .tabs li.active a { color: #3fa683; border-color: #3fa683; }
	.index .friends .uikit_tabpages {  }
	.index .friends .page { margin-top: 30px; display: none;}
	.index .friends .page.active { display: block; }
	.index .friends .page li { width: 20%; float: left; margin-top: 15px; text-align: center;}
	.index .friends .growbtn2 { margin-top: 35px; line-height: 55px; border-radius: 55px; padding: 0 40px; color:#fff; font-size: 15px; letter-spacing: 2px; box-shadow: 0px 10px 32px rgba(68,224,171,.3); }
@media screen and (max-width: 1400px) {
	.index .friends { padding: 50px; }
}
@media screen and (max-width: 1024px) {
	.index .friends { padding: 30px; }
	.index .friends .title h1 { font-size: 35px; letter-spacing: 0; }
	.index .friends .page { margin-top: 20px; }
	.index .friends .growbtn { margin-top: 60px; }
}
@media screen and (max-width: 800px) {
	.index .friends { padding: 20px; }
	.index .friends .title h1 { font-size: 25px;  }
	.index .friends .title { margin-bottom: 10px; }
	.index .friends .growbtn { margin-top: 40px; }
}
@media screen and (max-width: 480px) {
	.index .friends .page li { width: 50%; }
	.index .friends .growbtn { margin-top: 20px; }
	/*.index .friends .title h1 { display: none; }*/
}
.index { overflow: hidden; }
.index .advantage { background: #fff;background-size: cover;padding: 40px 0; }
.index .advantage h2.tac { font-size: 18px;font-weight: normal; color: #000; letter-spacing: 4px; }
.index .advantage .items { margin: 0 -42px; position: relative; z-index: 1; padding: 100px 0;}
.index .advantage .items .item { float: left; width: 33.333%; }
.index .advantage .items .item:nth-child(2) { margin: -30px 0; }
.index .advantage .items .item .card { margin: 0 42px; background: #fff;box-shadow: 9px 0 60px rgba(0,0,0,0.14); padding: 40px 55px; transition: all .2s ease-out;-webkit-transition: all .2s ease-out;-o-transition: all .2s ease-out;-moz-transition: all .2s ease-out; }
.index .advantage .card:hover {transform:translateY(-5px);-webkit-transform:translateY(-5px); }
.index .advantage .items .item:nth-child(2) .card { padding: 70px 55px; }
	.index .advantage .card .face { display: inline-block; width: 140px; height: 140px; border-radius: 100%; background-size: cover; background-position: center; margin-bottom: 43px; }
	.index .advantage .card .title {position: relative; padding-bottom: 20px; margin-bottom: 20px; }
		.index .advantage .card .title h1 { font-size: 28px; font-weight: normal; color: #000; line-height: 1; margin-bottom: 15px; }
		.index .advantage .card .title small { color:#000; opacity: .5; font-size: 14px; }
	.index .advantage .card .title:after { content:'';position: absolute; bottom: 0; height: 2px; left: 0; right: 0; background: #37b8ab;background: -moz-linear-gradient(left,  #37b8ab 0%, #3cc78d 100%);background: -webkit-linear-gradient(left,  #37b8ab 0%,#3cc78d 100%);background: linear-gradient(to right,  #37b8ab 0%,#3cc78d 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37b8ab', endColorstr='#3cc78d',GradientType=1 ); }
	.index .advantage .card p { line-height: 40px; font-size: 14px; color: #404040; letter-spacing: 2px; }
@media screen and (max-width: 1400px) {
	.index .advantage:before { display: none; }
	.index .advantage .items { margin: 0 -21px; }
	.index .advantage .items .item .card { margin: 0 21px; }
}
@media screen and (max-width: 1024px) {
	.index .advantage .items .item .card { padding: 30px; }
	.index .advantage .items .item:nth-child(2) {margin: -20px 0; }
	.index .advantage .items .item:nth-child(2) .card { padding: 50px 30px; }
	.index .advantage .card .face { width: 100px; height: 100px;margin-bottom: 20px; }
	.index .advantage .card .title h1 { font-size: 20px;margin-bottom: 0px; }
	.index .advantage .card .title small { font-size: 12px; }
	.index .advantage .card .title {padding-bottom: 10px;margin-bottom: 10px; }
	.index .advantage .card p { line-height: 2.5; font-size: 13px; }
	.index .advantage {padding: 30px 0; }
}
@media screen and (max-width: 800px) {
	.index .advantage .items .item:nth-child(n) { margin: 0; padding: 0; float: none; width: auto; } 
	.index .advantage .items .item:nth-child(n) .card { padding: 25px; margin-bottom: 10px;} 
	.index .advantage .items .item:nth-child(n) .card:hover { transform:translateY(0px);-webkit-transform:translateY(0px); }
	.index .advantage {padding: 20px 0; }
}
@media screen and (max-width: 480px) {
	.index .advantage .items { margin: 0; padding: 0; width: 100%; }
	.index .advantage .items .item { float: none; }
	.index .advantage .items .item .card { box-shadow: none; margin: 0; padding: 20px; text-align: center; }
	.index .advantage .bx-controls { text-align: center; }
	.index .advantage .bx-pager { display: inline-block; overflow: hidden; }
	.index .advantage .bx-pager-item { display: inline-block; margin: 0 2px; float: left; }
	.index .advantage .bx-pager-item a {  display: inline-block; width: 20px; height: 4px; border: 1px solid #3fa683; text-indent: -999px; overflow: hidden; }
	.index .advantage .bx-pager-item a.active { background: #3fa683 }
	.index .advantage .card p { font-size: 14px; }
	.index .advantage {display: none; }
}
.index .news { background: #fff; padding: 50px 0;}
	.index .news .title { margin-bottom: 40px; position: relative; }
	.index .news .title:after { content: '';display: none; bottom: -70px; height: 60px; position: absolute; left: 50%; background: #b2dbcd; width: 1px; }
	.index .news .title h1 { font-size: 40px; letter-spacing: 4px; color: #000; font-weight: normal;text-align: left;}
		.index .news .title h1 font { color:#3fa683; }
	.index .news h2 { width: 90%;margin-bottom: 24px;text-align: left; line-height: 70px; font-size: 28px; color: #000; letter-spacing: 5px;position: relative; border-bottom: 1px solid #9fa0a0;}
	.index .news .new h2:before { content: '';display: none; width: 9999px; height: 100%;position: absolute; right: 100%; top: 0;background: #f6f6f6; }
	.index .news .new .text { width: 90%;}
	.index .news .new h5 { font-size: 16px; line-height: 1.8;margin-bottom: 5px; color:#3fa683; font-weight: normal; margin-bottom: 10px; }
	.index .news .new small { font-size: 12px; letter-spacing: 1px; color: #bcbcbc; display: block; margin-bottom: 20px; }
	.index .news .new p { line-height: 14px; line-height: 24px; color: #000; letter-spacing: 1px; }
	.index .news .new { position: relative; }
	.index .news .new a { display: inline-block; font-size: 14px; width: 140px;height: 30px;line-height: 30px; color:#fff;text-align: center; margin-top: 30px;background: url("../images/alan-btn-bg.png") no-repeat center center;background-size: cover;border-radius: 5px;}
		.index .news .new a:hover { background: #3fa683; color: #fff; }
		.index .news .new a:hover:after { color: #fff; }
	.index .news .hot h2 {  width: 100%; }
	.index .news .hot .face {position: relative; overflow: hidden; }
	.index .news .hot .face img { width: 100%;transition: all .3s ease-out;-webkit-transition: all .3s ease-out;-o-transition: all .3s ease-out;-moz-transition: all .3s ease-out; }
	.index .news .hot .face:hover img { -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1); }
	.index .news .hot .face p { position: absolute; left: 0;right: 0; bottom: 0; padding: 10px 50px; background: rgba(0,0,0,0.4); color: #fff; line-height: 2; letter-spacing: 1px; }
	.index .news .text { display: none; }
	.index .news .text.active { display: block; }
	.index .news .pages { position: absolute; bottom: 90px; left: -180px; right: 50px; border-bottom: 1px solid #e1e1e1; }
	.index .news .pages .page { position: relative; }
	.index .news .pages .page sup { position: absolute; top: 0; left: -60px; font-size: 30px; }
	.index .news .pages .page strong { font-size: 96px; line-height: 1.2; }
@media screen and (max-width: 1400px) {
	.index .news .title { margin-bottom: 50px; }
	.index .news .title h1 { font-size: 35px; }
	.index .news h2 { font-size: 22px; letter-spacing: 0; font-weight: normal; line-height: 60px; }
	.index .news .new .text {  padding-top: 45px; }
	.index .news .new a { margin-top: 50px; }
}
@media screen and (max-width: 1200px) {
	.index .news .pages { display: none; }
}
@media screen and (max-width: 800px) {
	.header .functions { background: none; padding: 0 10px;}
    .index .news .new .text {  padding-top:0; }
	.header .functions .contact ,
	.header .functions .login,
	.header .functions .search { color: #292929; padding: 0 5px; }
	.index .news .title h1 { font-size: 25px; text-align: center;}
	.index .news .title { margin-bottom: 20px; }
	.index .news { padding: 25px 0;}
	.index .news .new h5 { letter-spacing: 0; font-size: 20px; }
	.index .news .new small { letter-spacing: 0; }
	.index .news .new p {letter-spacing: 0; }
	.index .news .hot .face p { padding: 10px; letter-spacing: 0;font-size: 12px; line-height: 1.5; }
	.index .news .new a { margin-top: 30px;margin-bottom: 25px; }
	.index .news .new a:after { right: 20px; font-size: 20px; }
	.index .news  h2 { font-size: 16px; line-height: 45px;text-indent: 20px; }
}
@media screen and (max-width: 480px) {
	.index .news .md6 { float: none; width: auto; margin-bottom: 15px; }
}

.index .gotop {background: #f3f3f4; padding: 50px 0; }
	.index .gotop a { display: block; color: #bbb; letter-spacing: 5px; }
	.index .gotop .dot { display: inline-block; width: 6px; height: 6px; border-radius: 100%; background: #3fa683; position: relative;margin-bottom: 10px; }
	.index .gotop .dot:before { content: ''; display: block; position: absolute; left: 100%; margin-left: 10px;  width: 80px; height: 1px ;background: #ccc; top: 50%; }
	.index .gotop .dot:after { content: ''; display: block; position: absolute; right: 100%; margin-right: 10px;  width: 80px; height: 1px ;background: #ccc; top: 50%; }


.footer img { height: 25px; float: left; }
.footer p { float: left; line-height: 25px; color: #7d7d7d; font-size: 14px; padding-left: 50px; position: relative;  }
/*.footer p:before { content: '';display: block; width: 50px; height: 1px; position: absolute; left: 15px; background: #fff; top: 50%; }*/

@media screen and (max-width: 480px) {
	.index .gotop {padding: 20px 0; padding-top: 0; display: none; }
	.footer { padding: 10px 20px; }
	.footer img { float: none; height: 20px; }
	.footer p { float: none; margin-top: 10px; letter-spacing: 0; font-size: 12px; padding: 0; line-height: 1; color: #aaa; }
	.footer p:before {  content: '';display: none; }
	.index .news { padding-bottom: 0; }
	.index .news .md6 { margin-bottom: 0; }
}

/*字体引入*/
.iconfont{
	font-family:"iconfont" !important;
	font-style:normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
@font-face {
  font-family: 'iconfont';  /* project id 221123 */
  src: url('//at.alicdn.com/t/font_mt85woz5f43lq5mi.eot');
  src: url('//at.alicdn.com/t/font_mt85woz5f43lq5mi.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_mt85woz5f43lq5mi.woff') format('woff'),
  url('//at.alicdn.com/t/font_mt85woz5f43lq5mi.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_mt85woz5f43lq5mi.svg#iconfont') format('svg');
}
.enfont ,.enfont *{ font-family: 'enfont'; }
@font-face {
	font-family: 'enfont';
	src: url('fonts/enfont.eot'); 
	src: url('fonts/enfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/enfont.woff') format('woff'),
	url('fonts/enfont.ttf') format('truetype'),
	url('fonts/enfont.svg#enfont') format('svg');
}

.notice { background: #4cb2d6; color: #fff;position: relative; z-index: 9999999; display: none; position: fixed; bottom: 0; left: 0; right: 0;}
	.notice .maxsize { position: relative; padding: 20px; }
	.notice p { padding-right: 100px; font-size: 14px; line-height: 24px; }
	.notice .btn { position: absolute; top: 50%; margin-top: -12px; right: 20px; line-height: 22px; font-size: 14px; background: #fff; padding: 0 20px; border-radius: 4px; border: 1px solid #fff; color: #4cb2d6; }
	.notice .btn:hover { background: #4cb2d6; color: #fff; }

.loading .circular{-webkit-animation:sm-rotate 2s linear infinite;-o-animation:sm-rotate 2s linear infinite;animation:sm-rotate 2s linear infinite;transform-origin:center center;}
.loading .path{stroke-dasharray:1, 200;stroke-dashoffset:0;-webkit-animation:sm-dash 1.5s ease-in-out infinite, sm-color 6s ease-in-out infinite;-o-animation:sm-dash 1.5s ease-in-out infinite, sm-color 6s ease-in-out infinite;animation:sm-dash 1.5s ease-in-out infinite, sm-color 6s ease-in-out infinite;stroke-linecap:round}
@keyframes sm-rotate{100%{transform:rotate(360deg)}}
@keyframes sm-dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35px}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124px}}
@keyframes sm-color{100%,0%{stroke:#d9534f}40%{stroke:#2ca1c3}66%{stroke:#94bd31}80%,90%{stroke:#f0ad4e}}


@keyframes 'indexaboutcirclea' {
	0% { border: 0px solid; border-color: rgba(60,199,185,0); margin: -0; }
	50% { border: 0px solid; border-color: rgba(60,199,185,.1); margin: -20px; }
	100% { border: 40px solid; border-color: rgba(60,199,185,0); margin: -40px; }
}
@-webkit-keyframes 'indexaboutcirclea' {
	0% { border:0px solid; border-color: rgba(60,199,185,.0); margin: -0px; }
	50% { border: 20px solid; border-color: rgba(60,199,185,.1); margin: -20px; }
	100% { border: 40px solid; border-color: rgba(60,199,185,0); margin: -40px; }
}
@keyframes 'indexaboutcircleb' {
	0% { border: 0px solid; border-color: rgba(60,199,185,0); margin: 0px; }
	50% { border: 20px solid; border-color: rgba(60,199,185,.1); margin: -20px; }
	100% { border: 40px solid; border-color: rgba(60,199,185,0); margin: -40px; }
}
@-webkit-keyframes 'indexaboutcircleb' {
	00% { border: 0px solid; border-color: rgba(60,199,185,0); margin: 0px; }
	50% { border: 20px solid; border-color: rgba(60,199,185,.1); margin: -20px; }
	100% { border: 40px solid; border-color: rgba(60,199,185,0); margin: -40px; }
}


@-webkit-keyframes flipIn{0%{-webkit-transform:perspective(400px) rotateX(-90deg);transform:perspective(400px) rotateX(-90deg);opacity:0}100%{-webkit-transform:perspective(400px) rotateX(0);transform:perspective(400px) rotateX(0);opacity:1}}@keyframes flipIn{0%{-webkit-transform:perspective(400px) rotateX(-90deg);-ms-transform:perspective(400px) rotateX(-90deg);transform:perspective(400px) rotateX(-90deg);opacity:0}100%{-webkit-transform:perspective(400px) rotateX(0);-ms-transform:perspective(400px) rotateX(0);transform:perspective(400px) rotateX(0);opacity:1}}

@keyframes 'widerthenwider' {
	0% { width: 0%; }
	100% { width: 100%; }
}
@-webkit-keyframes 'widerthenwider' {
	0% { width: 0%; }
	100% { width: 100%; }
}
.index .tiyan { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100; background: rgba(0,0,0,0.4); display: none; }
.index .tiyan .win { width: 750px; background: #fff; margin: 0 auto; position: absolute; left: 50%; top: 100px; bottom: 100px; margin-left: -375px;}
.index .tiyan .win .nicescroll { width: 100%; height: 100%; overflow-y: scroll;}
.index .tiyan .close { position: absolute; top: -30px; right: -30px; width: 60px; height: 60px; border-radius: 100%; background: #000; color: #fff; text-align: center; font-size: 20px; line-height: 60px; }
.index .tiyan .win .face {height: 230px; background-size: contain; background-position: center; background-repeat: no-repeat; }
.index .tiyan .win .cont { padding: 30px 45px; padding-top: 10px; }
	.index .tiyan .win h3 { line-height: 50px; font-size: 16px; color:#262626; border-bottom: 1px solid #e6e6e6; text-align: center;font-weight: normal; margin-bottom: 10px; }
	.index .tiyan .win p { font-size: 13px; line-height: 24px; color: #262626; }
	.index .tiyan .win .form { padding: 20px 0; }
	.index .tiyan .win .input { padding: 10px 30px; }
	.index .tiyan .win .input input {border-bottom: 1px solid #d9d9d9; line-height: 40px; width: 100%; height: 40px; }
	.index .tiyan .win .tip { color:#a6a6a6; margin-bottom: 20px; }
	.index .tiyan .win  a.btn { line-height: 45px; color:#fff;display: inline-block; padding: 0 40px ;border-radius: 45px; font-size: 16px; box-shadow: none;}
@media screen and (max-width: 800px) {
	.index .tiyan .win { width: auto; margin: 0; left: 10px ;right: 10px; }
	.index .tiyan .win .input { padding: 10px; }
	.index .tiyan .win .face { height: 200px; }
	.index .tiyan .win .cont { padding: 20px; }
	.index .tiyan .close { width: 35px; height: 35px; right: -10px; top: -10px; line-height: 35px; font-size: 20px; }
}
@media screen and (max-width: 480px) {
	.index .tiyan .win .face { height: 150px; }
	.index .tiyan .win h3 { line-height: 35px; font-size: 14px; }
	.index .tiyan .win p { font-size: 12px; line-height: 1.5; }
	.index .tiyan .win .form .md6 { float: none; width: auto; }
	.index .tiyan .win .input input { line-height: 30px; }
}


.pd .tiyan { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100; background: rgba(0,0,0,0.4); display: none; }
.pd .tiyan .win { width: 750px; background: #fff; margin: 0 auto; position: absolute; left: 50%; top: 210px; bottom: 100px; margin-left: -375px;}
.pd .tiyan .win .nicescroll { width: 100%; height: 100%; overflow-y: scroll;}
.pd .tiyan .close { position: absolute; top: -30px; right: -30px; width: 60px; height: 60px; border-radius: 100%; background: #000; color: #fff; text-align: center; font-size: 20px; line-height: 60px; }
.pd .tiyan .win .face {height: 230px; background-size: contain; background-position: center; background-repeat: no-repeat; }
.pd .tiyan .win .cont { padding: 30px 45px; padding-top: 10px; }
	.pd .tiyan .win h3 { line-height: 50px; font-size: 16px; color:#262626; border-bottom: 1px solid #e6e6e6; text-align: center;font-weight: normal; margin-bottom: 10px; }
	.pd .tiyan .win p { font-size: 13px; line-height: 24px; color: #262626; }
	.pd .tiyan .win .form { padding: 20px 0; }
	.pd .tiyan .win .input { padding: 10px 30px; }
	.pd .tiyan .win .input input {border-bottom: 1px solid #d9d9d9; line-height: 40px; width: 100%; height: 40px; }
	.pd .tiyan .win .tip { color:#a6a6a6; margin-bottom: 20px; }
	.pd .tiyan .win  a.btn { line-height: 45px; color:#fff;display: inline-block; padding: 0 40px ;border-radius: 45px; font-size: 16px; box-shadow: none;}
@media screen and (max-width: 800px) {
	.pd .tiyan .win { width: auto; margin: 0; left: 10px ;right: 10px; }
	.pd .tiyan .win .input { padding: 10px; }
	.pd .tiyan .win .face { height: 200px; }
	.pd .tiyan .win .cont { padding: 20px; }
	.pd .tiyan .close { width: 35px; height: 35px; right: -10px; top: -10px; line-height: 35px; font-size: 20px; }
}
@media screen and (max-width: 480px) {
	.pd .tiyan .win .face { height: 150px; }
	.pd .tiyan .win h3 { line-height: 35px; font-size: 14px; }
	.pd .tiyan .win p { font-size: 12px; line-height: 1.5; }
	.pd .tiyan .win .form .md6 { float: none; width: auto; }
	.pd .tiyan .win .input input { line-height: 30px; }
}

.fd .tiyan { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100; background: rgba(0,0,0,0.4); display: none; }
.fd .tiyan .win { width: 750px; background: #fff; margin: 0 auto; position: absolute; left: 50%; top: 210px; bottom: 100px; margin-left: -375px;}
.fd .tiyan .win .nicescroll { width: 100%; height: 100%; overflow-y: scroll;}
.fd .tiyan .close { position: absolute; top: -30px; right: -30px; width: 60px; height: 60px; border-radius: 100%; background: #000; color: #fff; text-align: center; font-size: 20px; line-height: 60px; }
.fd .tiyan .win .face {height: 230px; background-size: contain; background-position: center; background-repeat: no-repeat; }
.fd .tiyan .win .cont { padding: 30px 45px; padding-top: 10px; }
	.fd .tiyan .win h3 { line-height: 50px; font-size: 16px; color:#262626; border-bottom: 1px solid #e6e6e6; text-align: center;font-weight: normal; margin-bottom: 10px; }
	.fd .tiyan .win p { font-size: 13px; line-height: 24px; color: #262626; }
	.fd .tiyan .win .form { padding: 20px 0; }
	.fd .tiyan .win .input { padding: 10px 30px; }
	.fd .tiyan .win .input input {border-bottom: 1px solid #d9d9d9; line-height: 40px; width: 100%; height: 40px; }
	.fd .tiyan .win .tip { color:#a6a6a6; margin-bottom: 20px; }
	.fd .tiyan .win  a.btn { line-height: 45px; color:#fff;display: inline-block; padding: 0 40px ;border-radius: 45px; font-size: 16px; box-shadow: none;}
@media screen and (max-width: 800px) {
	.fd .tiyan .win { width: auto; margin: 0; left: 10px ;right: 10px; }
	.fd .tiyan .win .input { padding: 10px; }
	.fd .tiyan .win .face { height: 200px; }
	.fd .tiyan .win .cont { padding: 20px; }
	.fd .tiyan .close { width: 35px; height: 35px; right: -10px; top: -10px; line-height: 35px; font-size: 20px; }
}
@media screen and (max-width: 480px) {
	.fd .tiyan .win .face { height: 150px; }
	.fd .tiyan .win h3 { line-height: 35px; font-size: 14px; }
	.fd .tiyan .win p { font-size: 12px; line-height: 1.5; }
	.fd .tiyan .win .form .md6 { float: none; width: auto; }
	.fd .tiyan .win .input input { line-height: 30px; }
}

.askbtn { position: fixed; top: 60%; right: 20px; z-index: 2; }
.askbtn>a {  color:#fff; padding: 0 15px; line-height: 42px; border-radius: 42px; }
.askbtn>a .iconfont { display: inline-block; float: left;}
.askbtn>a span { width: 0; transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; white-space: nowrap;overflow:hidden; display: inline-block; float: left; letter-spacing: 5px;}
.askbtn>a:hover span { width: 80px; margin-left: 10px; }
.zixun { position: fixed; background: #fff; border-radius: 6px; box-shadow: 0 0 60px rgba(0,0,0,.1); left: 50%; top: 50%; display: none; margin: -200px; z-index: 99;}
.zixun .cont { position: relative; z-index: 9; padding: 20px 45px; background: #fff; border-radius: 6px;width: 310px;}
.zixun:before { content: ''; left: -999px; right: -999px; top: -999px; bottom: -999px; background: rgba(0,0,0,0.5); position: absolute; z-index: -1; }
.zixun .close { position: absolute; top: -10px; right: -10px; line-height: 40px; width: 40px; text-align: center; color: #fff; font-size: 20px; background: #000; border-radius: 100%; z-index: 10; }
	.zixun h3 { font-size: 18px; color:#000; font-weight: normal; margin-bottom: 10px; }
	.zixun .labels li { float: left; white-space: nowrap;text-overflow:ellipsis; overflow:hidden; }
	.zixun .form { border: 1px solid #e6e6e6; border-radius: 5px; overflow: hidden; margin: 15px 0;}
	.zixun .form .bottom,
	.zixun .form .top { border-bottom: 1px solid #e6e6e6; padding: 10px; }
	.zixun .form .top input { width: 100%;line-height: 30px; height: 30px;}
	.zixun .form .bottom textarea { width: 100%; }
	.zixun .form .code { padding: 10px; }
	.zixun .growbtn { line-height: 42px; padding: 0 30px; color: #fff; border-radius: 42px; box-shadow: none; }
	.zixun .btn { position: relative; }
	.zixun .btn .pic { position: absolute; top: 50%; margin-top: -20px; }

@media screen and (max-width: 800px) {
	.askbtn { position: fixed; bottom: 20px; right: 20px; top: auto; z-index: 9;}
	.zixun { position: fixed; top: 50% ;left: 10px; right: 10px ;width: auto; margin: 0; margin-top: -200px; }
	.zixun .cont {padding: 20px;width: auto; }
}

.index > section.solution  { z-index: 5;}
.qrcodewin { position: fixed; top: 50%; left: 50%; margin: -100px; width: 200px; margin-top: -100px; top: 50%; z-index: 99; background: #fff;display: none; }
.qrcodewin .title { position: relative; border-bottom: 1px solid #eaeaea; padding: 0 20px; }
.qrcodewin .cont { padding: 10px; }
	.qrcodewin .title h1 { font-weight: normal; font-size: 16px; line-height: 35px;  }
	.qrcodewin .title a.close { position: absolute; top: 0; right: 0; line-height: 35px; width: 35px; border-left: 1px solid #eaeaea; text-align: center; }

.footer { background: #5f5f5f; padding: 0; }
.footer .sitemap { padding-bottom: 30px; padding-top: 15px; }
.footer .sitemap dl { float: left; width: 14.2857%; }
.footer .sitemap dt a { margin-bottom: 20px;color:#fff; font-size: 16px; display: block; }
.footer .sitemap dd a { display: block; line-height: 30px; font-size: 14px; }
.footer .sitemap dd a:hover { color: #fff; }
.footer .sitemap dd.sns a { display: inline-block; margin-right: 10px;margin-top: 20px; }
.footer .sitemap .iconfont { font-size: 20px; line-height: 35px; width: 35px; border-radius: 100%;display: inline-block; text-align: center; border: 1px solid #fff; color: #fff; }
.footer .sitemap a { color: #868686; }
.footer .copy { background: #565656; display: block; padding: 20px 0; text-align: center; }


@media screen and (max-width: 800px) {
	.footer .sitemap { padding-bottom: 0px;}
	.footer_mobile dl{width: 25% !important;text-align: center;}
}


/*partner*/
.uikit_slogan { text-align: center; position: relative; padding-top: 120px; background-size: cover; background-position: center; color: #fff; }
.uikit_slogan .text { padding: 120px 0; }
.uikit_slogan .text h1 { font-size: 40px; letter-spacing: 8px; font-weight: normal; text-transform: uppercase; margin-bottom: 33px; padding-bottom: 33px; position: relative; }
.uikit_slogan .text h1:after { content: '';display: none; position: absolute; bottom: 0; left: 50%; width: 6px; height: 6px; margin: -3px; background: #fff; border-radius: 100%; }
.uikit_slogan .text h1 font { color: #3fa683; }
.uikit_slogan .text small { font-size: 13px; letter-spacing: 20px; display: block; }
.uikit_slogan .text .btns { margin-top: 50px; display: inline-block;  }
.uikit_slogan .text .btns a { display: block; float: left; width: 280px;  border: 1px solid #81726b; line-height: 65px; margin: 0 10px;border-radius: 6px; }
.uikit_slogan .text .btns a span { display: inline-block; color: #fff; position: relative; padding-top: 28px; font-size: 14px; }
.uikit_slogan .text .btns a span .iconfont { position: absolute; top: 28%; left: 0; right: 0;margin: auto;line-height: 30px; margin-top: -15px; color: rgba(255,255,255,.3); font-size: 20px; }
.uikit_slogan .text .btns a span font {  letter-spacing: 1px; }

.partner > .tabs { background: #f2f4f5; }
.partner > .tabs .md4 .con { padding: 65px 10px; text-align: center;display: block;position: relative;}
.partner > .tabs .icon { background: #3cc78d;background: -moz-linear-gradient(top,  #3cc78d 0%, #3cc7b9 100%);background: -webkit-linear-gradient(top,  #3cc78d 0%,#3cc7b9 100%);background: linear-gradient(to bottom,  #3cc78d 0%,#3cc7b9 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3cc78d', endColorstr='#3cc7b9',GradientType=0 ); display: inline-block; width: 150px; height: 150px; border-radius: 100%; }
.partner > .tabs .icon h2 { line-height: 148px; margin: 1px;background: #f2f4f5; border-radius: 100%;font-size: 14px; color: #404040; letter-spacing: 3px;height: 148px;overflow: hidden;}
.partner > .tabs p { margin-top: 25px; font-size: 13px; color: #595959; }
.partner > .tabs .active .icon h2 { background: none; color: #fff; }
.partner > .tabs .active p { color: #4ecaab; }
.partner > .tabs .md4.active .con:after { content: '';width: 1px; height: 1px; position: absolute; bottom: 0; border: 20px solid; margin-left: -20px; left: 50%; border-color: transparent transparent #fff ;}
.partner > .content { padding: 45px 0; background: #fff; }

.tobepartner { letter-spacing: 2px; padding: 30px 0;text-align: left!important;max-width: 750px;margin: auto;}
.tobepartner a { color: #3fa683; padding-left: 20px; font-style: normal; }
.tobepartner a font {  text-decoration: underline; }
.tobepartner a .iconfont { padding-left: 5px; }
.partner .whytitle { border-bottom: 1px solid #d9d9d9; padding: 40px 0;position: relative;margin-bottom: 30px; }
.partner .whytitle:after { content: '';display: block; width: 50px; height: 14px; position: absolute; top: 100%; left: 50%; margin-left: -25px; background: url('../images/arrowDown.png'); }
.partner .whytitle h1 { font-size: 42px; color: #262626; font-weight: normal; letter-spacing: 10px; margin-bottom: 20px; }
.partner .whytitle p { font-size: 12px; color: #a8a8a8; letter-spacing: 3px; text-transform: uppercase;}
.partner .content .block { margin-bottom: 30px; }
.partner .content .block .title { text-align: center; padding: 30px 0; }
.partner .content .block .title h1 { position: relative;font-size: 22px; color: #000;font-weight: normal; letter-spacing: 10px; padding-bottom: 25px; position: relative; }
.partner .content .block .title h1:after { content: ''; display: none; position: absolute; bottom: 0; left: 50%; width: 50px; height: 2px; background: #3fa683; margin-left: -25px; }

.partner .reason .con { padding: 0 14px; text-align: center; }
.partner .reason .con img { width: 100%; }
.partner .reason .con p { display: inline-block; padding-left: 25px; margin-top: 25px; font-size: 14px; color: #404040; letter-spacing: 1px; position: relative;text-align: left;max-width: 750px;margin: auto;padding-top: 10px;}
.partner .reason .con p:before { content: '';position: absolute; top: 50%; left: 0; width: 4px; height: 4px; background: #e5e5e5; margin: -2px; border-radius: 100%; }

.partner .support ul { padding: 0 20px; }
.partner .support li { float: left; width: 20%; text-align: center;}
.partner .support li .con { padding: 0 30px;  }
.partner .support li .icon { line-height: 95px;  border: 1px solid #e5e5e5; margin-bottom: 25px;border-radius: 6px; }
.partner .support li .icon .iconfont {  display: block; font-size: 30px; color: #3cc7a0; }
.partner .support li p { font-size: 14px; color: #595959;letter-spacing: 1px; line-height: 24px; text-align: left;}

.partner .step li { float: left; width: 33.333%; text-align: center; }
.partner .step li img { width: 100%; }
.partner .step li p { margin-top: 25px; display: inline-block; letter-spacing: 1px; padding-right: 25px; display: inline-block; position: relative;text-align: left;}
.partner .step li p:after { content: '\e685'; font-family: 'iconfont';color: #3cc7a0; font-size: 18px; position: absolute; right: 0; top: 50%; line-height: 30px; margin-top: -15px; }

.partner .form .top  { background: #f7f7f7; padding: 20px 50px; margin-bottom: 19px; }
.partner .form .md8 label { float: left; width: 25%; position: relative;margin-bottom: 20px; }
.partner .form .md8 label span { position:relative;  }
.partner .form .md8 label input { text-indent: 50px; width: 58%; line-height: 30px; height: 30px;background: none; border-bottom: 1px solid transparent; transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; }
.partner .form .md8 label input:focus { border-bottom: 1px solid #3cc78d ; transform:translateY(2px);-o-transform:translateY(2px);-ms-transform:translateY(2px);-moz-transform:translateY(2px);-webkit-transform:translateY(2px); }
.partner .form .md4 select { float: left; width: 23.333%;margin: 0 5%; background: url(../images/xiala.png) no-repeat top right; height: 30px; line-height: 30px; }
.partner .form .bottom { background: #f7f7f7; padding: 20px 50px; margin-bottom: 19px; }
.partner .form .bottom textarea { width: 100%; line-height: 30px; height: 90px; background: none; }
.partner .form .growbtn2 { color: #fff; font-size: 14px; font-weight: 900; line-height: 35px; padding: 0 50px; border-radius: 6px;box-shadow: 0 10px 26px rgba(68,224,171,.4);  }

.uikit_gotop { text-align: center; padding-top: 30px; }
.uikit_gotop a { display: inline-block; padding: 0 50px; line-height: 50px; color: #b3b3b3; border: 1px solid #b3b3b3; }

.partner .plist { position: relative; }
.partner .plist .title { padding: 44px 0; text-align: center; }
.partner .plist .title h1 { font-size: 28px; color: #262626; font-weight: normal; margin-bottom: 50px; letter-spacing: 10px; }
.partner .plist .title p { font-style: italic; font-size:16px;color: #262626; letter-spacing: 1px;text-align: left;max-width: 750px;margin: auto;}

.partner .plist ul li { float: left; width: 20%; }
.partner .plist ul li .con { padding: 20px;text-align: center; }
.partner .plist ul li .icon { height: 80px; border: 1px solid #e5e5e5; margin-bottom:  20px;}
.partner .plist ul li p { white-space: nowrap;text-overflow:ellipsis; overflow:hidden;color: #8c8c8c; font-style: italic;font-size: 14px; line-height: 30px; }

.plogin { background-position:top center;background-repeat: no-repeat; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center;}
.plogin .win { width: 100%; max-width: 350px; display: inline-block; padding-top: 100px; }
.plogin .win .title { margin-bottom: 80px; }
.plogin .win .tabs { position: relative; text-align: left; margin-bottom: 30px;}
.plogin .win .tabs a { font-size: 16px; color: #c8c8c8; font-size: 16px;font-weight: 900; display: inline-block; padding: 0 10px; position: relative;}
.plogin .win .tabs a.active { color: #4c9e83; }
.plogin .win .tabs a.active:after { content: '';display: block; position: absolute; bottom: -32px; left: 50%; width: 16px;height: 9px; margin-left: -8px; background: url('../images/arrowUp.jpg') no-repeat top center;z-index: 9; }
.plogin .win .tabs .forget { position: absolute; top: 50%; right: 0; line-height: 40px; margin-top: -20px; font-weight: normal; font-size: 13px; color: #4c9e83; }
.plogin .win .page { text-align: left; display: none; }
.plogin .win .page.active { display: block; }
.plogin .win .page .input { background: #f2f4f5; border-top: 1px solid #c2c3c4; border-radius: 4px;overflow: hidden; margin-bottom: 20px; }
.plogin .win .page .input .iconfont { position: absolute; top: 50%; left: 0; width: 40px; text-align: center; color: #4c9e83; line-height: 40px; margin-top: -20px; }
.plogin .win .page .input input { width: 100%; background: none; text-indent: 40px; line-height: 55px; }
.plogin .win .page .input input[type="button"],
.plogin .win .page .input input[type="submit"] { text-indent: 0; background: #3cc78d;background: -moz-linear-gradient(top,  #3cc78d 0%, #3cc7b9 100%);background: -webkit-linear-gradient(top,  #3cc78d 0%,#3cc7b9 100%);background: linear-gradient(to bottom,  #3cc78d 0%,#3cc7b9 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3cc78d', endColorstr='#3cc7b9',GradientType=0 ); color: #fff; border: 0; font-size: 18px; letter-spacing: 2px; }
.plogin .win .page >.tac { font-size: 13px; }
.plogin .win .page >.tac a {color: #4c9e83; text-decoration: underline; }
.pfooter { background: rgba(0,0,0,0.25); position: fixed;bottom: 30px; left: 0; right: 0; text-align: center; padding: 20px 0;}
.pfooter p { max-width: 1200px; display: inline-block; color: #fff; }

.dl .slogan { padding-top: 120px; background-size: cover; background-position: center; text-align: center; }
.dl .slogan .text { padding: 120px 0; color: #fff; }
.dl .slogan .text h1 {font-size: 40px; font-weight: normal; letter-spacing: 10px; margin-bottom: 30px; padding-bottom: 30px; position: relative; }
.dl .slogan .text h1:after { content: '';display: block; position: absolute; bottom: 0; left: 50%; margin: -3px; width: 6px; height: 6px; border-radius: 100%; background: #fff; }
.dl .content { background: #fff; padding: 80px 0;}
.dl .content .block { margin-bottom: 50px; }
.dl .content .block .list { padding-left: 50px; }
.dl .content .block .list li { list-style: disc; padding: 10px 0; position: relative;}
.dl .content .block .list.go a:after { content: '\e635';font-family: 'iconfont'; font-size: 16px; line-height: 30px; margin-top: -15px; top: 50%; position: absolute; left: 100%; margin-left: 20px; color: #78d8db; }
.dl .content .block .list li a { text-decoration: underline; position: relative; display: inline-block; }
.dl .content .block .list li a:hover {color: #78d8db; }
.dl .content .block .title { margin-bottom: 20px; position: relative; overflow: hidden;}
.dl .content .block .title h1 { display: inline-block; background: #fff; font-size: 28px; letter-spacing: 5px; color: #262626; z-index: 3;position: relative;}
.dl .content .block .title h1:after { content: '';display: block; top: 50%;left: 100%; margin-left: 20px; width: 9999px;  height: 1px; background: #e6e6e6; position: absolute; z-index: 0; }
.dl .content .block .bao li { float: left; width: 20%; text-align: center; }
.dl .content .block .bao li .icon { background: #3cc78d;background: -moz-linear-gradient(top,  #3cc78d 0%, #3cc7b9 100%);background: -webkit-linear-gradient(top,  #3cc78d 0%,#3cc7b9 100%);background: linear-gradient(to bottom,  #3cc78d 0%,#3cc7b9 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3cc78d', endColorstr='#3cc7b9',GradientType=0 ); color: #fff; border: 0; font-size: 18px; letter-spacing: 2px;width: 120px; height: 120px; border-radius: 100%; position: relative; display: inline-block; }
.dl .content .block .bao li .icon .iconfont { line-height: 170px;height: 118px; text-align: center; background: #fff; border-radius: 100%;width: 118px;display: block; margin: 1px; color: #404040; font-size: 25px; }
.dl .content .block .bao li .icon span { display: block; position: absolute; background: #fff; color: #404040; font-size: 13px; line-height: 20px; top: 50%; margin-top: -32px;right: 10%; width: 80%;}
.dl .content .ziliao { padding: 0 20px; }
.dl .content .ziliao .con { padding: 10px; text-align: center; transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; }
.dl .content .ziliao .con:hover { transform:translateY(-3px);-webkit-transform:translateY(-3px); }
.dl .content .ziliao .con a { display: block; }
.dl .content .ziliao .con img { width: 100%; }
.dl .content .ziliao .con p { margin: 35px 0 15px; font-size: 14px; color: #595959; }
.dl .content .ziliao .con small { color: #c8d1d1; font-size: 14px; letter-spacing: 3px; }





/*小秋做的*/
.innerheader{z-index: 999;}
.innerheader .header{left: 0;right: 0;top: 0;}
.mobile{display: none;}
@media screen and (max-width: 640px) {
	.pc{display: none;}
	.mobile{display: block;}
}
.picbg,.row{background-size: cover;background-position: center center;background-repeat: no-repeat;}
.picbg{height: 100%;width: 100%;}
.fl{float: left;}  .fr{float: right;}
.clearfix:after,
.clearfix:before{content: "";display: block;height:0;width: 100%;clear: both;overflow: hidden;font-size: 0;line-height: 0;}
.clearboth{width: 100%;height:0;clear: both;overflow: hidden;font-size: 0;line-height: 0;}
.fake:after,
.fake:before{content: "";position: absolute;}
.common_btn{display: inline-block;position: relative;z-index: 1;overflow: hidden;}
.common_btn:after,
.common_btn:before{content: "";position: absolute;bottom:100%;left: 0;z-index:-1;width: 100%;height: 100%;background: #32c08a;}
.common_btn:after{opacity: .2;background: #fff;height: 50%;}
.common_btn:hover:before{transition: all .2s ease-out;-webkit-transition: all .2s ease-out;-o-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition: all .2s ease-out;bottom: 0;}
.common_btn:hover:after{bottom:-50%;transition: all .4s ease-out .25s;-webkit-transition: all .4s ease-out .25s;-o-transition: all .4s ease-out .25s;-moz-transition: all .4s ease-out .25s;-ms-transition: all .4s ease-out .25s;}
.common_btn:hover{color: #fff !important;}
.ani{transition: all .2s ease-out;-webkit-transition: all .2s ease-out;-o-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition: all .2s ease-out;}
.backtop,
.morebtn{width: 165px;height: 50px;border:1px solid #b3b3b3;text-align: center;line-height: 50px;color: rgba(0,0,0,.5);display: block;margin: 0 auto;margin-top: 60px;}
/*分页*/
.page_box{text-align: center;margin-top: 70px;}
.page_box .page{display: inline-block;}
.page_box .page a{float: left;height: 40px;line-height: 40px;font-size: 20px;font-weight: bold;color: #000;padding: 0 10px;transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;}
.page_box .page a:hover{color: #3cc792;}
.page_box .page a.active{color: #3fa683;}
    
	
.page_box .page a.prev,
.page_box .page a.next{width: 40px;padding: 0;border-radius: 50%;color: #cdcdcd;}
.page_box .page a.prev{margin-right:10px;}
.page_box .page a.next{margin-left:10px;}
.page_box .page a.prev:hover,
.page_box .page a.next:hover{
background: #45d6c8; 
background: -moz-linear-gradient(left,  #45d6c8 0%, #4bdb9f 100%); 
background: -webkit-linear-gradient(left,  #45d6c8 0%,#4bdb9f 100%); 
background: linear-gradient(to right,  #45d6c8 0%,#4bdb9f 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45d6c8', endColorstr='#4bdb9f',GradientType=1 );box-shadow:0 6px 18px rgba(68,224,171,.5);
}
/*共用背景颜色*/
.commonbg{background: #45d6c8; background: -moz-linear-gradient(left,  #45d6c8 0%, #4bdb9f 100%); background: -webkit-linear-gradient(left,  #45d6c8 0%,#4bdb9f 100%); background: linear-gradient(to right,  #45d6c8 0%,#4bdb9f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45d6c8', endColorstr='#4bdb9f',GradientType=1 );box-shadow:0 6px 18px rgba(68,224,171,.5);color: #fff;}
/*弹出层*/
.pop{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,.3);z-index: 999;top: 0;left: 0;display: none;}
.pop .maxsize{max-width: 800px;background: #fff;padding: 10px;height: 500px;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
.pop .close{width: 30px;height: 30px;text-align: center;line-height: 30px;top:-0px;right:-32px;background: #fff;color: #b4b4b4;position: absolute;cursor: pointer;}






/*内页导航*/
.nav_box{padding: 25px 0;border-bottom: 1px solid #e6e6e6;}
.nav_bar{height: 35px;position: relative;overflow: hidden;text-align: center;}
.nav_bar .nav_list{position: relative;left: 0;}
.nav_bar .nav_list ul{position: relative;display: inline-block;}
.nav_bar .nav_list ul li{display: inline-block;position: relative;z-index: 1;}
.nav_bar .nav_list ul li a{display: block;padding: 0 20px;line-height: 35px;color: #000;font-size: 14px;letter-spacing: 1px;transition: all .3s ease-out;-webkit-transition: all .3s ease-out;-o-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;}
/*.nav_bar .nav_list ul li a:hover{color: #3fa683;}*/
.nav_bar .nav_list ul li.active a {color: #fff;}
.nav_bar .nav_list ul li.active a{background: #3fa683;border-radius:8px;}
.nav_bar .nav_list ul li.sideline{position: absolute;height:35px;left: 0;top:0;pointer-events: none;padding: 0;z-index: 0;transition: all .3s ease-out;-webkit-transition: all .3s ease-out;-o-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;}
.nav_bar .nav_list ul li.sideline span{display: block;height: 100%;border:1px solid #3fa683;border-radius:8px;box-sizing: border-box;}
@media screen and (max-width: 640px) {
	.nav_box{padding: 0;}
	.nav_bar{margin: 0 15px;height: 30px;}
	.nav_bar .nav_list{position: absolute;}
	.nav_bar .nav_list ul{font-size: 0;white-space: nowrap;display: block;}
	.nav_bar .nav_list ul li a{line-height: 30px;}
	.nav_bar .nav_list ul li.sideline{height: 30px;}
	.nav_bar .nav_list ul li.active a,
	.nav_bar .nav_list ul li.sideline{border-radius: 0;}
}
.body_box{/*padding-top: 74px;*/line-height: 1;font-family:"Microsoft Yahei", Arial, "Helvetica Neue", Helvetica, sans-serif;}
.innerbanner{position: relative;overflow: hidden;height: 335px; padding-top: 120px;}
.innerbanner .picbg{-webkit-transform: scale(1.08);-moz-transform: scale(1.08);-o-transform: scale(1.08);-ms-transform: scale(1.08);transform: scale(1.08);transition: all 5s ease-out;-webkit-transition: all 5s ease-out;-o-transition: all 5s ease-out;-moz-transition: all 5s ease-out;-ms-transition: all 5s ease-out; position: absolute; top: 0;left: 0;right: 0; bottom: 0;}
.innerbanner .picbg.animated{-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.innerbanner .con{width: 100%;height: 100%;top: 60px;left: 0;text-align: center;color: #fff;}
.innerbanner h3{font-size: 30px;font-size: 40px;letter-spacing:6px;text-transform: uppercase;}
.innerbanner h3 span{color: #3fa683;padding-left:20px;}
.innerbanner .circle{width: 6px;height: 6px;background: #fff;border-radius: 50%;margin:25px auto;display: none;}
.innerbanner h4{font-size: 16px;letter-spacing: 6px;}
.innerbanner h3.animated{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}
.innerbanner h4.animated{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;}

.common_tit1{color: #000;font-size: 28px;margin-bottom:20px;font-weight: bold;letter-spacing:3px;}
.about .content{padding: 80px 0;color: #000;}
.about_box .pc{text-align: center;margin-top: 100px;}
.about_box .txt p,
.about_box .txt{line-height:40px;}
.about_box .value_box{margin-bottom: 50px;}
.about_box .list{position: relative;margin-top:40px;width: 50%;}
.about_box .list:before{width:0;border-left: 1px dashed #c5e2d8;top:60px;bottom:60px;left:100%;}
.about_box .list li{width:100%;position:relative;z-index: 1;}
.about_box .list li:nth-child(2n){margin-left: 100%;}
.about_box .list li:after,
.about_box .list li:before{border-radius: 50%;top: 50%;background: #3cc792;transition: all .3s ease-out;-webkit-transition: all .3s ease-out;-o-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;}
.about_box .list li:before{background: #d6eee8;width:32px;height: 32px;margin-top: -16px;-webkit-transform: scale(.5);-moz-transform: scale(.5);-o-transform: scale(.5);-ms-transform: scale(.5);transform: scale(.5);}
.about_box .list li:after{width: 16px;height: 16px;margin-top: -8px;-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);transform: scale(0);}
.about_box .list li:nth-child(2n+1):after{right: -8px;}
.about_box .list li:nth-child(2n+1):before{right: -16px;}
.about_box .list li:nth-child(2n):after{left: -8px;}
.about_box .list li:nth-child(2n):before{left: -16px;}
.about_box .list li .item{border:1px solid #d9d9d9;position: relative;}
.about_box .list li .box{position: relative;}
.about_box .list li:nth-child(2n+1) .item{margin-right: 95px;}
.about_box .list li:nth-child(2n) .item{margin-left: 95px;}
.about_box .list li .item:after,
.about_box .list li .item:before{width:0;height: 0;top: 50%;}
.about_box .list li .item:before{border:6px solid;margin-top: -6px;}
.about_box .list li .item:after{border:5px solid;margin-top: -5px;}
.about_box .list li:nth-child(2n+1) .item:before{border-color: transparent transparent transparent #d9d9d9;left:100%;}
.about_box .list li:nth-child(2n+1) .item:after{border-color: transparent transparent transparent #fff;left:100%;}
.about_box .list li:nth-child(2n) .item:before{border-color: transparent #d9d9d9 transparent transparent;right:100%;}
.about_box .list li:nth-child(2n) .item:after{border-color: transparent #fff transparent transparent;right:100%;}
.about_box .list li .item dl{padding: 25px;}
.about_box .list li .item dt,
.about_box .list li .item dd{position: relative;padding-left: 20px;}
.about_box .list li .item dt{font-size: 20px;font-weight: bold;margin-bottom: 10px;}
.about_box .list li .item dd{line-height: 24px;}
.about_box .list li .item dd:before{width:6px;height: 6px;background: #3cc792;border-radius: 50%;left: 0;margin-top: -3px;top: 50%;}
.about_box .list li .item dl:after{width:0;height: 2px;bottom:-1px;left:0;background: #45d6c8; background: -moz-linear-gradient(left,  #45d6c8 0%, #4bdb9f 100%); background: -webkit-linear-gradient(left,  #45d6c8 0%,#4bdb9f 100%); background: linear-gradient(to right,  #45d6c8 0%,#4bdb9f 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45d6c8', endColorstr='#4bdb9f',GradientType=1 );transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;}
.about_box .list li:hover:after,
.about_box .list li:hover:before{-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.about_box .list li:hover .item{box-shadow:0 3px 15px rgba(0,0,0,.1);}
.about_box .list li:hover .item dl:after{width: 100%;}
.about_box .list li:hover .item dt{background: #45d6c8; background: -moz-linear-gradient(left,  #45d6c8 0%, #4bdb9f 100%); background: -webkit-linear-gradient(left,  #45d6c8 0%,#4bdb9f 100%); background: linear-gradient(to right,  #45d6c8 0%,#4bdb9f 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45d6c8', endColorstr='#4bdb9f',GradientType=1 );-webkit-background-clip: text;-webkit-text-fill-color: transparent;}


.navtab .sideline{position: absolute;display: none;}
.navtab li{float: left;text-align: center;padding: 20px 0;position: relative;cursor: pointer;}
.navtab li:hover .box{transform:translateY(-5px);-o-transform:translateY(-5px);-ms-transform:translateY(-5px);-moz-transform:translateY(-5px);-webkit-transform:translateY(-5px);}
.navtab1{background: #fff;box-shadow:2px 0 20px rgba(0,0,0,.2);margin: 40px 0;}
.navtab1 li{width:14.285%;}
.navtab1 li i{width:100%; height: 50px;line-height: 50px;display: block; font-size: 35px;}
.navtab li span{display: block;line-height: 24px;margin-top: 10px; white-space: nowrap;text-overflow:ellipsis; overflow:hidden;}
.navtab1 li:after{background: #45d6c8; background: -moz-linear-gradient(left,  #45d6c8 0%, #4bdb9f 100%); background: -webkit-linear-gradient(left,  #45d6c8 0%,#4bdb9f 100%); background: linear-gradient(to right,  #45d6c8 0%,#4bdb9f 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45d6c8', endColorstr='#4bdb9f',GradientType=1 );height: 2px;width: 40px;bottom: 0;left: 50%;margin-left: -20px;-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);transform: scale(0);transform-origin: 50% 50%;-o-transform-origin: 50% 50%;-moz-transform-origin: 50% 50%;-webkit-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;transition: all .2s ease-out;-webkit-transition: all .2s ease-out;-o-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition: all .2s ease-out;}
.navtab1 li.active:after{-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.navtab1 li:hover:after{-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.navtab1 li:hover{color: #3f9e7e;}
.navtab2{border-bottom:2px solid #47d8b8;margin-bottom: 60px;position: relative;}
.navtab2 .nav_list{overflow-y: auto;height:180px; }
.navtab2 li{width: 20%;padding-bottom: 30px;}
.navtab2 li i{height: 95px;}
.navtab2 li i img { width: 240px; height: 95px;}
.navtab2:after,
.navtab2:before{top: 100%;left: 50%;}
.navtab2:before{margin-left: -12px;border:12px solid;border-color:#47d8b8 transparent transparent transparent;}
.navtab2:after{margin-left: -10px;border:10px solid;border-color:#fff transparent transparent transparent;}
.case_box{padding-bottom: 50px;}
.case_box .list li{position: relative;margin-bottom: 15px;}
.case_box .list li a{display: block;color: #262626;border:1px solid #e5e5e5;overflow: hidden;}
.case_box .list li a:after,
.case_box .list li a:before{top:0;width: 1px;height: 100%;transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;}
.case_box .list li a:before{background:#e5e5e5;left: 20%;}
.case_box .list li a:after{width: 2px;height: 0;background: #3cc7a3;right:-1px;}
.case_box .list .pic{width: 20%;}
.case_box .list .con{width: 80%;line-height: 32px;}
.case_box .list .txt{padding: 20px;padding-left:70px;position: relative;}
.case_box .list .txt:before{width:8px;height: 8px;border-radius: 50%;/*background: #000;*/top:32px;left: 40px;}
.case_box .list li:hover{box-shadow:12px 0 42px rgba(0,0,0,.1);transform:translateY(-3px);-o-transform:translateY(-3px);-ms-transform:translateY(-3px);-moz-transform:translateY(-3px);-webkit-transform:translateY(-3px);}
.case_box .list li:hover a:after{height: 100%;}
.z9 { position: relative; z-index: 9; }
.sel_box{text-align:center;}
.sel_box .sel{display: inline-block;width: 280px;background: #f5f6f7; position: relative;}
.sel_box .sel:hover .down { display: block;background: #f5f6f7;  }
.sel_box .txt{height: 32px;line-height: 32px;cursor: pointer;color: #262626;position: relative;}
.sel_box .txt:after{width: 0;height: 0;border:6px solid;border-color: #999 transparent transparent transparent;right: 20px;top: 50%;margin-top: -3px;transition: all .2s ease-out;-webkit-transition: all .2s ease-out;-o-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition: all .2s ease-out;}
.sel_box .txt.active:after{border-color: transparent transparent #999 transparent;margin-top: -6px;}
.sel_box .down{display: none; position: absolute; top: 100%; left: 0 ; right: 0; z-index:99}
.sel_box .down li{border-top: 1px solid #ebebeb;line-height: 35px;cursor: pointer;}
.news_box .list li{margin-top: 80px;}
.news_box .list li:hover{box-shadow:0 15px 42px rgba(0,0,0,.1);transform:translateY(-3px);-o-transform:translateY(-3px);-ms-transform:translateY(-3px);-moz-transform:translateY(-3px);-webkit-transform:translateY(-3px);}
.news_box .list a{display: block;color: #262626;}
.news_box .list .pic{height: 225px;width:32.5%;}
.news_box .list .con{width: 67.5%;}
.news_box .list .txt{padding:0 30px;}
.news_box .list .txt,
.news_box .list .txt p{line-height: 32px;}
.news_box .list .name{color: #000;font-size: 20px;font-weight: bold;}
.news_box .list .time{font-size: 15px;color: #000;padding: 20px 0;}
/*企业荣誉*/
.body_box h6,
.body_box h5,
.body_box h4,
.body_box h3,
.body_box h2{font-weight: normal;}
.honor_box dl{margin-top: 50px;}
.honor_box dl dt{margin-bottom:70px;color: #3f9e7e;font-size: 20px;text-indent: 54px;}
.honor_box dl dd{border:1px solid #3fa683;}
.honor_box dl .list{padding: 0 39px;margin-top: -40px;}
.honor_box dl .list li{margin-bottom: 25px; float: left;width: 25%;text-align: center;color: #747474;cursor: pointer;}
.honor_box dl .list .pic{height: 160px;border:1px solid #d9d9d9;margin: 0 15px; width: auto;}
.honor_box dl .list h4{height: 48px;line-height: 24px;overflow: hidden;margin-top: 15px;padding: 0 15px;}
.honor_box dl .list {}
.honor_box .pop{text-align: center;}
.honor_box .pop .pic{height:340px;}
.honor_box .pop .pic img {height: 440px;}
.honor_box .pop h4{height: 50px;margin-top: 10px;}

@media screen and (max-width: 1440px) {
    .pop .maxsize {height: 400px;width: 640px;}
    .honor_box .pop .pic img {height: 350px;}
}

@media screen and (max-width: 800px) {
    .pop .maxsize {height: 200px;width: 290px;}
    .honor_box .pop .pic {height: 150px;}
    .honor_box .pop .pic img {height: 150px;}
    .pop .close {right: 2px;top:0;}
}
/*市场活动*/
.activity_box{padding-bottom: 80px;}
.activity_box .list li{position: relative;}
.activity_box .list .picbg{top: 0;left: 0;z-index: 1;}
.activity_box .list .box,
.activity_box .list .con{min-height: 390px;}
.activity_box .list .box{z-index: 2;padding: 70px 0;text-align: right;}
.activity_box .list .con{padding: 30px 55px;display: inline-block;text-align: left;width: 460px;background: #fff;box-shadow: 0 6px 60px rgba(0,0,0,.07);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.activity_box .list .name{font-size: 20px;font-weight: bold;color: #000;margin-bottom: 25px;line-height: 36px;}
.activity_box .list small{font-size: 16px;color: #010101;}
.activity_box .list .txt{line-height: 32px;margin: 20px 0;}
.activity_box .list .weixin i{font-size: 20px;color: #3f9e7e;}
.activity_box .list .btn{width: 110px;height: 50px;line-height: 50px;text-indent: 20px;font-size: 12px;border-radius: 50px;left: 0;right: 0;margin: 0 auto;bottom: -25px;letter-spacing: 2px;}
/*.activity_box .list .btn:after{content: '\e64e';font-family: 'iconfont';font-size: 40px;right:25px;transition: all .2s ease-out;-webkit-transition: all .2s ease-out;-o-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition: all .2s ease-out;}*/
.activity_box .list .btn:hover:after{transform:translateX(5px);-o-transform:translateX(5px);-ms-transform:translateX(5px);-moz-transform:translateX(5px);-webkit-transform:translateX(5px);}
.activity_box .list .over{text-align: center;background:#808080;color: #fff;box-shadow: none;text-indent: 0;}
.activity_box .list .over:after{display: none;}

/*社会责任*/
.duty_box .fixnav{position: absolute;top:120px;left:87.5%;}
.duty_box .fixnav ul{background: #edeff0;}
.duty_box .fixNav{position: fixed;top:140px;}

.duty_box .fixnav a{width: 40px;height: 40px;border-bottom: 1px solid #fff;text-align: center;line-height: 40px;color: #fff;display: block;font-size: 22px;}
.duty_box .fixnav .current,
.duty_box .fixnav li:hover a{background: #45d6c8; background: -moz-linear-gradient(left,  #45d6c8 0%, #4bdb9f 100%); background: -webkit-linear-gradient(left,  #45d6c8 0%,#4bdb9f 100%); background: linear-gradient(to right,  #45d6c8 0%,#4bdb9f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45d6c8', endColorstr='#4bdb9f',GradientType=1 );}
.duty_box dl{margin: 0 -30px;margin-bottom: 60px;}
.duty_box dl dt i{font-size: 26px;float: left;color: #3f9e7e;margin-right: 15px; font-weight: normal;}
.duty_box dl dd,
.duty_box dl dd p{line-height: 36px;color: #262626;}
.duty_box dl dd{padding: 0 45px;}
/*小秋做的结束*/


.k .filter  { position: relative;padding: 100px 0; }
.k .filter .clear { padding: 0 13px;border-bottom: 2px solid #3cc7a4;  }
.k .filter .con { padding: 0 13px; text-align: center; -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray; opacity: .5; position: relative; display: block; transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;}
.k .filter .md4:hover .con,
.k .filter .active .con { opacity: 1;-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: gray; }
.k .filter .active .con:before { content: '';border: 12px solid; position: absolute; left: 50%; bottom: -2px; margin-left: -12px; border-color: transparent transparent #3cc7a4 transparent;}
.k .filter .active .con:after { content: '';border: 10px solid; position: absolute; left: 50%; bottom: -2px; margin-left: -10px; border-color: transparent transparent #fff transparent;}
.k .filter img { width: 100%; }
.k .filter .text { padding: 40px 0; position: relative; }
.k .filter .text p { margin-bottom: 10px; font-size: 16px; color: #3cc7a4;}
.k .filter .text small { color: #ccc; }
.k .jiazhiguan .img { padding-bottom: 100px; }
.k .jiazhiguan { padding-bottom: 100px; }
.k .jiazhiguan .items { padding: 0 100px;padding-top: 50px; }
.k .jiazhiguan .items .item { margin-bottom: 45px;position: relative; overflow: hidden; }
.k .jiazhiguan .items .item .text { width: 50%; float: right; }
.k .jiazhiguan .items .item .text .con {  padding: 70px 100px; }
.k .jiazhiguan .items .item .text h5 { display: inline-block; color: #595959; letter-spacing: 10px; font-size: 16px; border-bottom: 1px solid #3cc78d; padding-bottom: 30px; margin-bottom: 30px;}
.k .jiazhiguan .items .item .text p { font-size: 13px; line-height: 24px; letter-spacing: 5px; }
.k .jiazhiguan .items .item .face { position: absolute; top: 0; bottom: 0; width: 50%;left: 0; background-size: cover; background-position: center; }
.k .jiazhiguan .items .item:nth-child(2n+2) .text { float: left; }
.k .jiazhiguan .items .item:nth-child(2n+2) .face { left: auto; right: 0;}

.k .fuli { padding-top: 40px; padding-bottom: 60px; }
.k .fuli .con { margin: 0 20px;margin-bottom: 40px; position: relative; overflow: hidden; box-shadow: 0 12px 50px rgba(0,0,0,0.14); transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;}
.k .fuli .con:hover { transform:translateY(-5px);-o-transform:translateY(-5px);-ms-transform:translateY(-5px);-moz-transform:translateY(-5px);-webkit-transform:translateY(-5px); }
.k .fuli .con>.iconfont { color: #f7f7f7; font-size: 100px; position: absolute; right: -20px; bottom: -20px; line-height: 1; z-index: 0; }
.k .fuli .con .text { position: relative; z-index: 2; padding: 40px 60px 40px 150px;  }
.k .fuli .con .text h5 { font-size: 14px; letter-spacing: 3px; margin-bottom: 15px; color: #404040; }
.k .fuli .con .text p { color:#595959; font-size: 13px; line-height: 24px; height: 48px; }
.k .fuli .con .icon .iconfont { font-size: 40px; position: absolute; line-height: 100px; top: 50%; margin-top: -50px;left: 0; width: 150px; text-align: center; display: block; color: #63d2b4; }


@media screen and (max-width: 800px) {
    .k .fuli .con {margin: 12px 10px;}
    .k .fuli .con .text {padding:60px 10px 10px;}
    .k .fuli .con>.iconfont {display: none;}
    .k .fuli .con {overflow: visible;height: 230px;}

    .k .fuli .con .icon .iconfont {top:15%;}
}


.k .fengcai { padding-bottom: 100px; }
.k .fengcai .title h1 { font-size: 28px; letter-spacing: 14px; font-weight: normal; color: #262626; padding-bottom: 50px; position: relative; }
.k .fengcai .title h1:before { content: '';border: 11px solid; position: absolute; left: 50%; bottom: -1px; margin-left: -11px; border-color: transparent transparent #3cc7a4 transparent;}
.k .fengcai .title h1:after { content: '';border: 10px solid; position: absolute; left: 50%; bottom: -1px; margin-left: -10px; border-color: transparent transparent #fff transparent;}
.k .fengcai .frame { margin: 0 100px; border: 1px solid #3cc7a4; }
.k .fengcai .items { margin: 0 -100px; padding-top: 45px; }
.k .fengcai .items .item { float: left; width: 33.333%;margin-bottom: 45px; }
.k .fengcai .items .item .con { padding: 0 32px; }
.k .fengcai .items .item i { display: block; text-align: center; font-size: 15px; color: #404040; margin-top:20px; }
.k .fengcai .items .item .img {border: 5px solid #e6e6e6; }

.k .peixun .items { padding: 0 70px; }
.k .peixun .items .item { transform:skew(-10deg);-ms-transform:skew(-10deg);-moz-transform:skew(-10deg);-webkit-transform:skew(-10deg);-o-transform:skew(-10deg);border: 1px solid #d9d9d9; padding: 40px 100px; margin-bottom: 35px;}
.k .peixun .items .item .con { transform:skew(10deg);-ms-transform:skew(10deg);-moz-transform:skew(10deg);-webkit-transform:skew(10deg);-o-transform:skew(10deg);text-align: center; }
.k .peixun .items .item h5 { font-size: 15px; color: #595959; margin-bottom: 20px; letter-spacing: 10px; }
.k .peixun .items .item p { font-size: 13px; line-height: 24px; color: #595959; }

.k .shzp { padding: 100px 0; }
.k .shzp .title {  padding-bottom: 40px; margin-bottom: 50px; text-align: center; position: relative;}
.k .shzp .title:after {content: '\e677';font-family: 'iconfont'; position: absolute; bottom: 0; left: 50%; width: 50px; text-align: center; margin-left: -25px; color: #aec0c8; font-size: 18px;}
.k .shzp .title h1 {  font-size: 28px;letter-spacing: 14px; color: #262626; font-weight: normal;}
.k .shzp .clear { margin: 0 -22px; }
.k .shzp .con { padding: 30px; margin: 0 22px; box-shadow: 0 9px 60px rgba(51,51,51,.16); }
.k .shzp .con h1 { border-bottom: 1px solid #3cc78d; margin: 0 40px; font-size: 16px; color: #5e8192; letter-spacing: 5px; text-align: center; padding-bottom: 30px; }
.k .shzp .con ul { padding: 20px 0;/* height: 200px;*/ }
.k .shzp .con ul li a { line-height: 40px; border-radius: 40px; padding: 0 50px;display: block;position: relative; }
.k .shzp .con ul li a:before { content: '';display: block; width: 6px; height: 6px; border-radius: 100%; position: absolute; top: 50%; left: 22px; background: #494949;margin-top: -3px; }
.k .shzp .con ul li a:hover { background: #3cc79f; color: #fff; }
.k .shzp .con ul li a:hover:before { background: #fff; }
.k .shzp .con ul li a:hover:after { content: 'MORE'; position: absolute; top: 0; right: 20px; font-size: 12px; color: #fff; line-height: 40px; display: block; }
.k .shzp .btns { padding-top: 60px; }
.k .shzp .btns a { display: inline-block; padding: 0 50px; line-height: 30px;}
.k .shzp .btns a span { text-decoration: underline; padding-right: 20px; }
.k .shzp .btns a .iconfont { color: #3ec7a1;font-size: 16px; }

.sj .slogan { padding-top: 120px; background-size: cover; background-position: center; }
.sj .slogan .text { padding: 160px 0; color: #fff; }
.sj .slogan h1 { font-size: 38px; letter-spacing: 30px; font-weight: normal; margin-bottom: 20px; }
.sj .slogan p { font-size: 14px; letter-spacing: 16px; margin-bottom: 50px; }
.sj .slogan .growbtn2 { color: #fff; line-height: 42px; border-radius: 42px; padding: 0 50px; font-size: 18px; letter-spacing:  4px; display: inline-block;}
.sj .slogan ul { margin-top: 100px; color: #404040; }
.sj .slogan ul li { padding:  0 45px; display: inline-block; text-decoration: underline; font-style: italic; }
.sj .slogan ul li a { transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; }
.sj .slogan ul li a:hover { color: #3cc7a4; }

.sj .title h1 { text-align: center; position: relative; font-size: 28px; color: #262626; font-weight: normal; letter-spacing: 10px; padding-bottom: 50px; }
.sj .xuqiu { padding-top: 80px; }
.sj .xuqiu .item {  float: left; width: 33.33%; }
.sj .xuqiu .item .con { margin: 0 50px; margin-bottom: 50px; border: 1px solid #dcdcdc; position: relative; overflow: hidden; height: 128px;}
.sj .xuqiu .item .con .info { padding: 40px 0; text-align: center; }
.sj .xuqiu .item .con .info h5 { font-size: 14px; margin-bottom: 15px;font-weight: normal; color: #404040; }
.sj .xuqiu .item .con .info p { color: #aaa; font-style: italic; letter-spacing: 3px; }
.sj .xuqiu .item .con .hideinfo { position: absolute; bottom: -41px; overflow: hidden; left: 0; right: 0; border-top: 1px solid #dcdcdc;}
.sj .xuqiu .item .con .hideinfo a { display: block; float: left; width: 50%; text-align: center; line-height: 40px; font-size: 14px; }
.sj .xuqiu .item .con .hideinfo a:hover { color: #3cc78d; }
.sj .xuqiu .item .con:hover { transform:translateY(-10px);-o-transform:translateY(-10px);-ms-transform:translateY(-10px);-moz-transform:translateY(-10px);-webkit-transform:translateY(-10px); box-shadow: 0 10px 30px rgba(0,0,0,0.14); }
.sj .xuqiu .item .con:hover .info { padding: 20px 0 60px 0;}
.sj .xuqiu .item .con:hover .hideinfo { bottom: 0; }

.sj .xingcheng { padding-top: 80px; }
.sj .xingcheng .table { margin: 0 50px; box-shadow: 0 9px 60px rgba(0,0,0,0.1); }
.sj .xingcheng .table table { width: 100%; }
.sj .xingcheng .table table th,
.sj .xingcheng .table table td { padding: 8px; text-align: center; border: 1px solid #f5f5f5; }
.sj .xingcheng .table table th { border: 0; background: #49daad; color: #fff; }

@media screen and (max-width:800px) {
    .sj .xingcheng .table {margin:0 10px;}
}

.sj .liucheng { padding-top: 80px; }
.sj .liucheng .title h1:before { content: '';border: 11px solid; position: absolute; left: 50%; bottom: -1px; margin-left: -11px; border-color: transparent transparent #3cc7a4 transparent;}
.sj .liucheng .title h1:after { content: '';border: 10px solid; position: absolute; left: 50%; bottom: -1px; margin-left: -10px; border-color: transparent transparent #fff transparent;}
.sj .liucheng .img { border: 1px solid #3cc7ad; padding:  50px; margin: 0 50px; }

.sj .faq { padding: 80px 0; }
.sj .faq .title { border-bottom: 2px solid #3cc7a4;  margin: 0 50px;}
.sj .faq .title h1:before { content: '';border: 12px solid; position: absolute; left: 50%; bottom: -2px; margin-left: -12px; border-color: transparent transparent #3cc7a4 transparent;}
.sj .faq .title h1:after { content: '';border: 10px solid; position: absolute; left: 50%; bottom: -2px; margin-left: -10px; border-color: transparent transparent #fff transparent;}
.sj .faq dl { padding: 30px 50px; }
.sj .faq dl p {line-height: 2;}
.sj .faq dd { padding: 20px 0; padding-left: 50px; }
.sj .faq dd h5 { position: relative; font-size: 14px; color: #4eac82; margin-bottom: 15px; }
.sj .faq dd h5:before { content: ''; display: block; position: absolute; top: 50%; left: -22px; width: 4px; height: 4px; border-radius: 100%; margin-top: -2px; background:#494949; }

.touzi .filter { border-bottom: 2px solid #3cc799; margin: 50px 0;}
.touzi .filter .clear {  margin: 0 -6px; }
.touzi .filter li { float: left; width: 25%; position: relative; }
.touzi .filter .con { margin: 0 6px; position: relative; margin-bottom: 40px; background: #f7f7f7; color: #404040; font-size: 14px; text-align: center; padding: 15px; height: 70px; display: block; }
.touzi .filter .con h5 { line-height: 70px;display: inline-block; font-style: italic; font-size: 14px;}

.touzi .filter li.active .con,
.touzi .filter li:hover .con { background: #3cc79a; color: #fff; }
.touzi .filter .con h5:after,
.touzi .filter .con h5:before { content: ' - '; }
/*.touzi .filter li.active h5,*/
/*.touzi .filter li:hover h5 { line-height: 30px; }*/
.touzi .filter li:hover .con h5:after,
.touzi .filter li:hover .con h5:before,
.touzi .filter li.active .con h5:after,
.touzi .filter li.active .con h5:before { display: none; }
.touzi .filter .con i,
.touzi .filter .con small { display: none; line-height: 20px; }
.touzi .filter li.active .con small,
.touzi .filter li.active .con i ,
.touzi .filter li:hover .con small,
.touzi .filter li:hover .con i { display: block; }
.touzi .filter li.active .con:before { content: '';border: 12px solid; position: absolute; left: 50%; bottom: -42px; margin-left: -12px; border-color: transparent transparent #3cc7a4 transparent;}
.touzi .filter li.active .con:after { content: '';border: 10px solid; position: absolute; left: 50%; bottom: -42px; margin-left: -10px; border-color: transparent transparent #fff transparent;}

.touzi .nl { position: relative; padding-bottom: 80px; }
.touzi .nl .title { text-align: center; margin-bottom: 50px; }
.touzi .nl .title h1 { font-size: 28px; letter-spacing: 4px; font-weight: normal; color: #000; margin-bottom: 15px; }
.touzi .nl .title p { letter-spacing: 4px; font-size: 12px; color: #cbcbcb; }
.touzi .nl dl { padding-bottom: 50px; }
.touzi .nl dd a { position: relative;display: block; }
.touzi .nl dd a:before { content: ''; width: 4px; height: 4px; border-radius: 100%; background: #000; position: absolute; top: 50%; left: 140px; margin-top: -2px; }
.touzi .nl dd p { padding: 0 160px; padding-right: 200px; white-space: nowrap;text-overflow:ellipsis; overflow:hidden;line-height: 75px; }
.touzi .nl dd small { position: absolute; right: 100px; display: block; line-height: 75px; top: 0;color: #c7c7c7; }
.touzi .nl dd a:hover { box-shadow: 0 10px 30px rgba(0,0,0,0.1); transform:translateY(-2px);-o-transform:translateY(-2px);-ms-transform:translateY(-2px);-moz-transform:translateY(-2px);-webkit-transform:translateY(-2px);}

.touzi .pager { text-align: center; }
.touzi .pager ul li { display: inline-block; }
.touzi .pager ul li a { display: block; line-height: 45px; width: 45px; text-align: center; border-radius: 100%; font-weight:600;}
.touzi .pager ul li a:hover { background: #45d6c8;background: -moz-linear-gradient(left,  #45d6c8 0%, #4bdb9f 100%);background: -webkit-linear-gradient(left,  #45d6c8 0%,#4bdb9f 100%);background: linear-gradient(to right,  #45d6c8 0%,#4bdb9f 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45d6c8', endColorstr='#4bdb9f',GradientType=1 );box-shadow: 0 5px 20px rgba(0,0,0,.1); color: #fff;} 
.touzi .nl .contact { overflow: hidden; }
.touzi .contact .face { float: left; width: 50%; }
.touzi .contact .text  { float: left; width: 50%; }
.touzi .contact .text .con { padding-left: 60px; }
.touzi .contact .text .iconlogo { padding: 50px 50px; }
.touzi .contact .text table { border-top: 1px solid #E6e6e6;width: 100%; }
.touzi .contact .text table tr:nth-child(2n+1) { background: #fafafa; }
.touzi .contact .text table th,
.touzi .contact .text table td { padding: 35px 0; font-style: italic; line-height: 1.5;}
.touzi .contact .text table th { color: #3fa683;font-weight: normal; font-style: normal; width: 150px; }

.touzi .nd { padding: 100px 0 0; max-width: 800px; margin: 0 auto;}
.touzi .pt0{ padding-top:0px;}
.touzi .nd .title { text-align: center; padding-bottom: 50px;border-bottom: 1px solid #f5f5f5; }
.touzi .nd .title h1 { font-size: 28px; letter-spacing: 4px; font-weight: normal; color: #000; margin-bottom: 15px; }
.touzi .nd .title p { letter-spacing: 4px; font-size: 12px; color: #cbcbcb; }
.touzi .nd .detial { padding-top: 80px; }
.touzi .nd .detial p { line-height: 24px; margin-bottom: 24px; font-size: 14px;  }
.touzi .nd .detial .growbtn2 { font-size: 16px; color: #fff; padding: 0 60px; line-height: 45px; border-radius: 45px; margin-top: 50px; }
.touzi .nd { overflow: hidden; }
.touzi .nd .more { margin: 0 -1px;margin-top: 50px; }
.touzi .nd .more table { width: 100%; }
.touzi .nd .more table td { border: 1px solid #f5f5f5; }
.touzi .nd .more table td a { display: block; padding: 20px 40px; position: relative; transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; }
.touzi .nd .more table td a:hover { background: #3fa683; color: #fff; }
.touzi .nd .more table td a.prev { text-align: left; }
.touzi .nd .more table td a.next { text-align: right; }
.touzi .nd .more table td .iconfont { font-size: 40px; line-height: 20px; }
.touzi .nd .more table td a p { white-space: nowrap;text-overflow:ellipsis; overflow:hidden; }


@media screen and (max-width: 800px) {
    .touzi .contact .face {display: none;}
    .touzi .contact .text table th,
    .touzi .contact .text table td {padding: 15px 0;}
    .touzi .contact .text {width: 100%;}
    .touzi .contact .text  .con {padding-left:0;}
    .touzi .contact .text table th {width: 84px;display: block;}
    .touzi .nd .title h1 {font-size: 18px;}
    .touzi .nd {padding: 40px 15px;}

    .touzi .contact .text .iconlogo {display: none;}
    .touzi .nd .detial {padding-top: 20px;}
    .touzi .nd .more table td a p {white-space: normal;}
}

.sr.maxsize { max-width: 900px; padding: 100px 0;}
.sr .search { text-align: center; }
.sr .hl { color: #3fa683; text-decoration: underline; }
.sr .con { border: 1px solid #ccc; display: inline-block; width: 400px; position: relative; margin-bottom: 20px; }
.sr .con .text { float: left; width: 75%; line-height: 50px; height: 50px; text-indent: 10px; }
.sr .con .iconfont { position: absolute; right: 0; top: 0; line-height: 50px; height: 50px; font-size: 20px; text-align: center; width: 25%; cursor: pointer; }
.sr .con .iconfont:hover {background: #3fa683; color: #fff; }
.sr .list { padding: 50px 0; }
.sr .list .item { margin-bottom: 10px; }
.sr .list .item a { display: block; padding: 20px; }
.sr .list .item:hover a { transform:translateY(-2px);-o-transform:translateY(-2px);-ms-transform:translateY(-2px);-moz-transform:translateY(-2px);-webkit-transform:translateY(-2px); box-shadow: 0 10px 20px rgba(0,0,0,0.1); }
.sr .list .item h5 { font-weight: normal; font-size: 18px; line-height: 40px; border-bottom: 1px solid #dadada;margin-bottom: 15px; }
.sr .list .item h5 span { padding-right: 15px; margin-right: 15px; border-right: 1px solid #dadada; }
.sr .list .item p { line-height: 24px; font-size: 14px; }
.sr .pager { text-align: center; }
.sr .pager ul { display: inline-block; }
.sr .pager ul li { display: inline-block;}
.sr .pager ul li a { display: block; margin: 0 5px; min-width: 15px; text-align: center; padding: 0 10px; line-height: 35px; border: 1px solid #dadada; }
.sr .pager ul li a.active,
.sr .pager ul li a:hover { background: #3fa683; color: #fff; border-color: #3fa683; }

.ct .contact { padding: 50px 0; }
.ct .contact .face { float: left; width: 50%; position: relative; }
.ct .contact .face .qrcode { position: absolute; bottom: 0; left: 0; width: 130px; }
.ct .contact .text  { float: left; width: 50%; }
.ct .contact .text  .con { padding: 35px 0;padding-left: 60px; }
.ct .contact .t h2 { font-size: 28px; letter-spacing: 5px; padding-left: 10px; font-weight: normal; margin-bottom: 30px;color: #000;}
.ct .contact .l { padding: 15px 0; }
.ct .contact .l h5 { font-size: 20px; font-weight: normal; color: #3f9e7e; margin-bottom: 10px; }
.ct .contact .l p { font-size: 14px; color: #262626; }

.pro { padding-top: 75px; background: #fff; }
.pro .filter { margin:20px 0 50px; text-align: center; }
.pro .filter .bg {  height: 125px; background: url('../images/product_filter.png') no-repeat top center; display: inline-block; width: 700px; overflow: hidden; }
.pro .filter .bg a { float: left; width: 50%; display: block; height: 125px; }
.pro .filter2 { border-bottom: 1px solid #3cc78d; }
.pro .filter2 .item { float: left; width: 150px; position: relative; }
.pro .filter2 .item.active:before { content: '';border: 12px solid; position: absolute; left: 50%; bottom: -1px; margin-left: -12px; border-color: transparent transparent #3cc7a4 transparent;}
.pro .filter2 .item.active:after { content: '';border: 10px solid; position: absolute; left: 50%; bottom: -1px; margin-left: -10px; border-color: transparent transparent #fff transparent;}
.pro .filter2 .item a { display: block; padding-bottom: 55px;}
.pro .filter2 .item .iconfont { font-size: 50px; display: block; margin-bottom: 30px; }
.pro .filter2 .item p { font-size: 12px; letter-spacing: 3px; font-style: italic; color: #aaa; line-height: 20px; height: 20px; }
.pro .filter2 .item:hover .iconfont,
.pro .filter2 .item.active .iconfont { color: #3cc7a4; }
.pro .filter2 .item:hover p,
.pro .filter2 .item.active p { color: #666;  font-size: 15px;}
.pro .list { padding: 0 120px; padding-top: 30px; }
.pro .list .item { margin-bottom: 30px;float: left; width: 33.33%; text-align: center; }
.pro .list .item a { display: block;padding: 0 25px; }
.pro .list .item .face { box-shadow: 0 10px 30px rgba(0,0,0,0.1); position: relative; border-radius: 4px; overflow: hidden; height: 160px;}
.pro .list .item p { margin-top: 10px; font-size: 12px; color: #999; }
.pro .list .item h5 { margin-top: 25px; font-size: 14px; color: #262626;font-weight:bolder; }

.pro .list .item .face:before { content: '';position: absolute; display: none; top: 0;left: 0; right: 0; bottom: 0;background: #45d6c8;background: -moz-linear-gradient(left,  #45d6c8 0%, #4bdb9f 100%);background: -webkit-linear-gradient(left,  #45d6c8 0%,#4bdb9f 100%);background: linear-gradient(to right,  #45d6c8 0%,#4bdb9f 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45d6c8', endColorstr='#4bdb9f',GradientType=1 ); opacity: 0; transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; }
.pro .list .item .face:after { content: attr(hovertext); position: absolute; top: 0; left: 0;right: 0; bottom: 0; line-height: 160px; font-size: 18px; color: #fff;letter-spacing: 4px; font-weight: 900; opacity: 0; transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;  }
.pro .list .item a:hover .face:after { opacity: 1; }
.pro .list .item a:hover .face:before { opacity: .8; }

.filter .inb a {}

.jd { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 99;display: none;}
.jd .cont { background: #fff; margin-top: 100px; border-radius: 6px; overflow: hidden;position: relative; padding: 30px 85px; }
.jd .cont .close { position: absolute; top: 20px; right: 20px; font-size: 25px; }
.jd .title { border-bottom: 1px solid #3cc7a4; padding-bottom: 30px; }
.jd .title h5 { font-size: 16px; color: #595959; margin-bottom: 10px; }
.jd .title small { display: block; font-size: 12px; letter-spacing: 3px; color: #aaa;text-transform: uppercase; }
.jd .con { padding: 30px 20px; height: 320px; overflow-y: scroll; }
.jd .btns { margin-top: 50px; }
.jd .btns a { display: inline-block; line-height: 35px; width: 150px; margin: 0 17px; color: #fff; font-size: 14px; background: #3cc78e; border-radius: 5px; overflow: hidden; }
.jd .btns a.upload { background: #27c4b5;  }

@media screen and (max-width: 1600px) {
	.jd .cont { margin-top: 80px; padding: 20px 50px; }
	.jd .title { padding-bottom: 20px; }
	.jd .con { padding: 10px 20px; height: 220px; }
	.jd .btns { margin-top: 30px; }
}

.pd { padding-top: 90px; padding-bottom: 30px;}
.alan-pd.pd {padding-top:180px; }
.pd .filter { padding: 40px 0; position: fixed;background: #fff; padding: 20px 0; top: 74px; left:0; right: 0; z-index: 99999; transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; background: #fff; }
.pd .filter.fixed { top: 74px; }
.pd .filter a { display: inline-block; line-height: 35px; padding: 0 20px; border-radius: 35px; margin: 0 10px; font-style: italic; text-decoration: underline;}
.pd .filter a:hover,
.pd .filter a.active {background: #45d6c8;background: -moz-linear-gradient(left,  #45d6c8 0%, #4bdb9f 100%);background: -webkit-linear-gradient(left,  #45d6c8 0%,#4bdb9f 100%);background: linear-gradient(to right,  #45d6c8 0%,#4bdb9f 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45d6c8', endColorstr='#4bdb9f',GradientType=1 );color: #fff; font-style: normal; text-decoration: none; }
.pd .bg { background: url('../images/diwen.jpg') no-repeat center; }
.pd .xiangqing .title { padding: 60px 0 30px; position: relative; margin-bottom: 30px; }
.pd .xiangqing .title:after {content: '';display: block; position: absolute; left: 50%; width: 36px; margin-left: -18px; height: 2px; background: #3cc78e; bottom: 0; }
.pd .xiangqing .title h1 {font-size: 32px; font-weight: normal; color: #000; }
.pd .xiangqing .block { margin-top: 30px; padding-bottom: 70px; position: relative; }
.pd .xiangqing .block.type1 { text-align: center;  }
.pd .xiangqing .block.type2 { text-align: center;  }
.pd .xiangqing .block.type1 h2 { font-size: 16px; letter-spacing: 4px; color: #000; margin-bottom: 30px; }
.pd .xiangqing .block.type1 p { font-size: 14px; line-height: 24px; color: #3e464c; margin-bottom: 24px;max-width: 730px; display: inline-block; text-align: left; }
.pd .xiangqing .block.type1>.tac { margin-top: 20px; }

.pd .xiangqing .block.type2 h1 {font-size: 28px; display: block; margin-bottom: 30px;padding-bottom: 30px; position: relative; font-weight: normal;color: #262626; }
.pd .xiangqing .block.type2 h1:after {content: '';display: block; position: absolute; left: 50%; width: 36px; margin-left: -18px; height: 2px; background: #3cc78e; bottom: 0; }
.pd .xiangqing .block.type2 p  { font-size: 14px; line-height: 24px; color: #3e464c; margin-bottom: 24px; letter-spacing: 1px!important;max-width: 750px;margin: auto;text-align: left;}
.pd .xiangqing .block.type3,
.pd .xiangqing .block.type4 { overflow: hidden; margin: 0; padding: 0; padding: 10px 0; }
.pd .xiangqing .block.type3 .face { float: right; }
.pd .xiangqing .block.type4 .face { float: left; }
.pd .xiangqing .block.type4 .face > img{width: 100%}
.pd .xiangqing .block.type3 .text { left: 0; right: 55%; }
.pd .xiangqing .block.type4 .text { right: 0; left: 55%;}
.pd .xiangqing .block>.text { position: absolute; top: 0; bottom: 0; }
.pd .xiangqing .block>.text h3 { font-size: 28px; letter-spacing: 0px; font-weight: normal; margin-bottom: 30px;padding-bottom: 30px; position: relative; }
.pd .xiangqing .block>.text h3:after {content: '';display: block; position: absolute; left: 0; width: 36px;height: 2px; background: #3cc78e; bottom: 0; }
.pd .xiangqing .block>.text p { font-size: 14px; line-height: 24px; color: #262626; }
.pd .pages .page { display: none;     padding: 0 10px;}
.pd .pages .page.active { display: block; }

.pd .ziliao { padding-bottom: 80px; }
.pd .ziliao table { width: 100%; }
.pd .ziliao th,
.pd .ziliao td { border: 1px solid #e5e5e5; padding: 5px 15px; color: #666; line-height: 30px;}
.pd .ziliao th { color: #000; }
.pd .ziliao td .iconfont { font-size: 16px; padding-right: 10px; color: #3cc793; }

.pd .software { padding-bottom: 80px; }
.pd .software table { width: 100%; }
.pd .software th,
.pd .software td { border: 1px solid #e5e5e5; padding: 5px 15px; color: #666; line-height: 30px;}
.pd .software th { color: #000; }
.pd .software td span { position: relative; }
.pd .software td span.new { padding-left: 35px; }
.pd .software td span.new:before { content: 'NEW'; display: inline-block; position: absolute; width: 30px; background: #3cc793; color: #fff; line-height: 14px; font-size: 12px; border-radius: 4px; text-align: center; top: 50%; margin-top: -7px; left: 0;}
.pd .peijian { padding-bottom:100px; }
.pd .peijian .title { text-align: center; position: relative; margin-bottom: 0px; padding-bottom: 32px; padding-top: 0px; }
.pd .peijian .title:after{content: '';display: block; position: absolute; left: 50%; width: 36px; margin-left: -18px; height: 2px; /*background: #3cc78e;*/ bottom: 0;}
.pd .peijian .title h1 { font-size: 20px; font-weight: normal; letter-spacing: 10px; }
.pd .peijian table { /*width: 100%;*/ }
.pd .peijian table td { padding: 20px; border: 1px solid #dadada;vertical-align: top; }
.pd .peijian table h4 {  color: #3cc78e; font-weight: normal; font-size: 16px; margin-bottom: 20px; }
.pd .peijian table ul { list-style: disc; padding-left: 20px }
.pd .peijian table ul li { margin-bottom: 10px; font-size: 14px;word-break: break-word; }
.pd .peijian table ul a{color:#3cc78e;}

.pd .anli { padding-bottom: 100px;}
.pd .anli li { overflow: hidden; }
.pd .anli .title { text-align: center; position: relative; margin-bottom: 60px; padding-bottom: 32px; padding-top: 50px; }
.pd .anli .title:after{content: '';display: block; position: absolute; left: 50%; width: 36px; margin-left: -18px; height: 2px; background: #3cc78e; bottom: 0;}
.pd .anli .title h1 { font-size: 20px; font-weight: normal; letter-spacing: 10px; }
.pd .anli li .item { width: 33.333%; float: left; text-align: center; padding: 20px 0; }
.pd .anli .bx-pager { text-align: center; padding-top: 50px; }
.pd .anli .bx-pager-item { display: inline-block; margin: 0 5px;}
.pd .anli .bx-pager-item a { display: block; height: 5px; width: 15px; background: #dadada;border-radius: 5px; text-indent: -9999px; overflow: hidden; transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; }
.pd .anli .bx-pager-item a.active { width: 25px; background: #3cc78e; }

.pd .video { position: relative; margin-top: 60px; }
.pd .video h1 { font-size: 16px; font-weight: normal; left: 0; right: 0; position: absolute; top: 0; line-height: 60px; border-bottom: 1px solid #dadada; }
.pd .video .cont { margin-left: 175px; height: 380px; position: relative;}
.pd .video .cont .play { position: absolute;top: 0; left: 0; width: 100%; height: 100%;background-size: cover; background-position: center; }
.pd .video .cont .play .playbtn { text-align: center; }
.pd .video .playlist { position: absolute; bottom: 0; left: 0; right: 0; }
.pd .video .playlist li { float: left; width: 33.333%; }
.pd .video .playlist li a { line-height: 50px; padding: 0 20px; text-align: center; white-space: nowrap;text-overflow:ellipsis; overflow:hidden; display: block; border-top: 1px solid rgba(255,255,255,0.2);border-right: 1px solid rgba(255,255,255,0.2); background: rgba(0,0,0,0.5); color: rgba(255,255,255,.5); }
.pd .video .playlist li.active a { color: #fff; background: rgba(60,199,184,.5); }


footer { position: relative; z-index: 1; }
.footer { z-index: 3; position: relative; }
body { position: relative; z-index: 2; overflow-x: hidden;}
.footer .sns a { position: relative; }
.footer .sns .qrcode { position: absolute; bottom: 100%; left: 50%; width: 120px; margin-left: -70px;padding: 10px; background: #fff;margin-bottom: 10px; box-shadow: 0 10px 30px rgba(0,0,0,0.1);display: none; }
.footer .sns a:hover .qrcode { display: block;}
.footer .sns .qrcode:before { content: '';display: block; width: 0;height: 0; position: absolute; left: 50%; border: 10px solid; border-color: #fff transparent transparent transparent; bottom: -20px; margin-left: -10px;}
.footer .sns .qrcode img { height: auto; width: 100%; }


.activity_box .list .box .weixin { position: relative; }
.activity_box .list .box .weixin .sub { position: absolute; bottom: 100%; margin-bottom: 10px; box-shadow: 0 5px 20px rgba(0,0,0,0.1); left: 50%; width: 110px; margin-left: -60px ; padding: 5px;  display: none; background: #fff;}
.activity_box .list .box .weixin:hover .sub { display: block; }
.activity_box .list .box .weixin .sub:after { content: '';display: block; position: absolute; border: 10px solid; border-color: #fff transparent transparent transparent ; margin-left: -10px; left: 50%; top: 100%; }

.t170406 table { width: 100%; border-collapse: collapse; border: 1px solid #dadada;}
.t170406 table th { min-width: 160px; }
.t170406 table tr:first-of-type { background: #f5f5f5; }
.t170406 table tr:nth-child(2) { border-bottom: 1px solid #dadada;}
.t170406 table tr:nth-child(2) th a { background: #45d6c8;background: -moz-linear-gradient(left,  #45d6c8 0%, #4bdb9f 100%);background: -webkit-linear-gradient(left,  #45d6c8 0%,#4bdb9f 100%);background: linear-gradient(to right,  #45d6c8 0%,#4bdb9f 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45d6c8', endColorstr='#4bdb9f',GradientType=1 );border: 0; border-radius: 35px; line-height: 35px; padding: 0 30px; margin: 0 10px; font-weight: normal;color: #fff; }
.t170406 table th { border-right: 1px solid #dadada; }
.t170406 table th span,
.t170406 table td span,
.t170406 table a { display: block; padding: 10px 10px; text-decoration: none; text-align: center;}
.t170406 table a { border: 1px solid #dadada; border-left: 0;border-top: 0; }
.t170406 table td a { text-align: center;}
.t170406 table td a:hover { background: #45d6c8;background: -moz-linear-gradient(left,  #45d6c8 0%, #4bdb9f 100%);background: -webkit-linear-gradient(left,  #45d6c8 0%,#4bdb9f 100%);background: linear-gradient(to right,  #45d6c8 0%,#4bdb9f 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45d6c8', endColorstr='#4bdb9f',GradientType=1 );font-weight: normal;color: #fff; position: relative; }
.t170406 table td a:hover:after { content: '\e677';font-family: 'iconfont'; font-size: 16px; line-height: 20px; position: absolute; right: 15px; top: 50%; margin-top: -10px; }
.pddownload { margin-top: 50px; line-height: 45px; padding: 0 50px; color: #fff; border-radius: 45px; }

/*.duibi  img{ max-width: inherit;}*/
@media screen and (max-width: 768px) {
    .pd .peijian .title {padding-bottom: 0px;margin-bottom: 0;padding-top: 0;}


    .pd .filter {padding: 10px 0;top:90px;}

    .t170406 table td img,.duibi table td img {width: 70px!important;/*height: 70px!important;*/}
    .t170406 table th,.duibi table th {min-width: 20px;}
    .t170406 table tr:nth-child(2) th a,.duibi table tr:nth-child(2) th a {margin: 0;padding: 0;background: none;color: #000;}
    .t170406 table tr:last-child td img,.duibi table tr:last-child td img {width: 262px!important;}



    .pd .xiangqing .block.type3 .face {display: block;position: relative;float: none;}
    .pd .xiangqing .block.type3 .text {display: block;position: relative;float: none;height: 250px;left: 0;right:0;}
    .pd .xiangqing .block.type4 .face {display: block;position: relative;float: none;}
    .pd .xiangqing .block.type4 .text {display: block;position: relative;float: none;height: 250px;left: 0;}
}

@media screen and (min-width: 800px){
    .pages {}
}


/*alan 05-20 修改*/
.alan-banner .tb-c {vertical-align: bottom;}
.video {background-position: center;background-size: cover;background-repeat: no-repeat;}

.alan-page .con{width: 960px;margin: 0 auto;}
.alan-page .page-tt {min-height: 34px;line-height: 34px;background: linear-gradient(to right,#54d473,#3ab7cf);}
.alan-page .page-tt a {width: 168px;display: block;float: left;height: 34px;color: #fff;text-align: center;font-size: 14px;}
.alan-page .page-tt a.active {color: #3fa683;background-color:#efefef;}
.alan-page .page-cc {min-height: 90px;background-color:#efefef;}
.alan-page .page-cc .item { float: left; width: 155px; position: relative;}
.alan-page .page-cc .item a { display: block; text-align: center;padding-top: 25px;}
.alan-page .page-cc .item .iconfont { font-size: 36px; display: block; margin-bottom: 18px; }
.alan-page .page-cc .item p { font-size: 12px;font-weight: bolder; letter-spacing: 1px;color: #595757; line-height: 20px;height: 40px;overflow: hidden;text-align: center!important;}
.alan-page .page-cc .item:hover .iconfont,
.alan-page .page-cc .item.active .iconfont { color: #3fa683; }
.alan-page .page-cc .item:hover p,
.alan-page .page-cc .item.active p { color: #3fa683;}

@media screen and (max-width: 800px) {
    .alan-page .con{width: 90%;margin: 0 5%;}
    .alan-page .page-cc .item {width: 33.333%;}
}

.alan.products {display: block; background: #fff; position: relative; padding: 60px 0 0;}
.alan.products:before {content: ''; position: absolute; z-index: 0; font-size: 160px; font-weight: 900;font-family: Arial; color: #f9f9f9; right: 50%; margin-right: -600px; bottom: 20%; line-height: 1; }

.alan.products .item { position: relative;height:340px;background-size: cover;background-position: center center;background-repeat: no-repeat; }
.alan.products .item a {display: block;width: 1200px;margin: 0 auto;padding-left: 20px;color: #fff;height: 100%;}


@media screen and (min-width: 800px){
    .alan.products .item a .tb {width: 428px;}
}
.alan.products .item a h2 {font-size: 30px;letter-spacing: 3px;margin-bottom: 30px;}
.alan.products .item a p {font-size: 16px;line-height: 1.5;letter-spacing: 4px;}

.alan.products .bx-controls { text-align: center;position: absolute;bottom:50px;left: 0;width: 100%; }
.alan.products .bx-pager { display: inline-block; margin-top: 30px; }
.alan.products .bx-pager .bx-pager-item { float: left; position: relative; padding: 0 20px;}
.alan.products .bx-pager .bx-pager-item a { display: block; width: 12px; height: 12px; border-radius: 100%; background:rgba(255,255,255,.5); text-indent: -99999px; position: relative; }
.alan.products .bx-pager .bx-pager-item a.active { background: rgba(255,255,255,1); }



@media screen and (max-width: 1400px) {

    .index .banner .text {height: 120px;padding-top: 20px;}
    .index .banner .text h1 {font-size: 38px;}
    .index .banner .text small {font-size: 16px;}

}

@media screen and (max-width: 800px) {

    .alan.products .item a h2 {font-size: 18px;letter-spacing: 3px;margin-bottom: 20px;width: 95%;padding-top: 20px;}
    .alan.products .item a p {font-size: 12px;line-height: 2;letter-spacing: 4px;width: 95%;}
    .alan.products .item {height: 400px;}
    .alan.products .item::before::before{position: absolute;content: '';display: block;width: 100%;height: 100%;background-color: rgba(0,0,0,.3);z-index: 0;}
    .alan.products .item a {width: 100%;position: relative;z-index: 1;}

    .alan.products .item a .tb-c {vertical-align: top;}
    .alan.products .bx-controls {bottom: 20px;}

}
.news-video {height: 400px;position: relative;width: 100%;margin-bottom: 20px;}
.news-video video{display: block;margin: 0 auto;}
.news-video .play-btn {width: 100%;height: 100%;position: absolute;left: 0;top:0;text-align: center;}
.news-video .play-btn i {color: #fff;font-size: 30px;cursor: pointer;}

li img.honor_list_img{width:246px;}


/*下载页*/

#download_box {
  margin: 0 18.75%;
  background-color: #fff;
  padding-top: 30px;
  box-shadow: 0 12px 60px rgba(0, 34, 41, 0.15);
}
#download_box a {
  cursor: pointer;
}
#download_box .download_top {
  height: 65px;
  padding: 0 50px;
}
#download_box .download_top .type {
  display: inline-block;
  font-size: 24px;
  color: #595959;
  height: 100%;
  margin-right: 18px;
  position: relative;
  line-height: 65px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
}
#download_box .download_top .type:after {
  content: '';
  position: absolute;
  height: 1px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.15);
  bottom: 0;
  left: 0;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
}
#download_box .download_top .type:hover {
  color: #3fa683;
}
#download_box .download_top .type:hover:after {
  height: 3px;
  background-color: #3fa683;
}
#download_box .download_top .active {
  color: #3fa683;
}
#download_box .download_top .active:after {
  height: 3px;
  background-color: #3fa683;
}
#download_box .download_center .download_row {
  min-height: 35px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  position: relative;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
}
#download_box .download_center .download_type {
  line-height: 56px;
  font-size: 14px;
  color: #808080;
  padding: 20px 50px;
}
#download_box .download_center .download_type .downType {
  display: inline-block;
  border-radius: 14px;
  height: 28px;
  line-height: 28px;
  min-width: 82px;
  border: 1px solid #3fa683;
  font-size: 14px;
	padding: 0 15px;
  color: #8c8c8c;
  text-align: center;
  margin: 0 7px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
}
#download_box .download_center .download_childType{
	background-color: #f3f5f4;position: relative;
}
#download_box .download_center .download_childType:after{
	content: '';position: absolute;width: 0px;height: 0;border-style: solid;
	border-width: 10px;border-color: #fff transparent transparent transparent;
	top: -1px;left: 50%;
}
#download_box .download_center .download_childType:before{
	content: '';position: absolute;width: 0px;height: 0;border-style: solid;
	border-width: 11px;border-color: rgba(0,0,0,0.15) transparent transparent transparent;
	top: -1px;left: calc(50% - 1px);
}
#download_box .download_center .download_type .downType:hover {
  color: #fff;
  background-color: #3fa683;
}
#download_box .download_center .download_type .downType:first-child {
  margin-left: 7px;
}
#download_box .download_center .download_type .active {
  color: #fff;
  background-color: #3fa683;
}
#download_box .download_center .download_search {
  box-shadow: 0 12px 60px rgba(0, 34, 41, 0.15);
  padding: 25px 50px;
  height: 60px;
  left: -50px;
  top: 45px;
  position: absolute;
  width: 100%;
  background-color: #fff;
}
#download_box .download_center .download_search .leftCol {
  position: absolute;
  height: 60px;
  line-height: 60px;
  left: 100px;
  top: 25px;
}
#download_box .download_center .download_search .leftCol > span {
  display: inline-block;
  width: 40px;
  position: relative;
}
#download_box .download_center .download_search .leftCol > span > i {
  color: #3fa683;
  cursor:pointer;
}
#download_box .download_center .download_search .leftCol > span:after {
  content: '';
  height: 50%;
  width: 1px;
  background-color: rgba(89, 89, 89, 0.15);
  right: 0;
  top: 25%;
  position: absolute;
}
#download_box .download_center .download_search .leftCol > input {
  height: 30px;
  border: none;
  margin: 15px;
  color: rgba(89, 89, 89, 0.5);
}
#download_box .download_center .download_search .rightCol {
  position: absolute;
  height: 60px;
  line-height: 60px;
  right: 100px;
  bottom: 25px;
}
#download_box .download_center .download_search .rightCol > a {
  font-size: 12px;
  color: #808080;
  display: inline-block;
  margin: 0 12px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
}
#download_box .download_center .download_search .rightCol > a:last-child {
  margin-right: 0;
}
#download_box .download_center .download_search .rightCol > a > i {
  margin-right: 6px;
  vertical-align: middle;
  font-size: 20px;
  color: #8c8c8c;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
}
#download_box .download_center .download_search .rightCol > a:hover {
  color: #3fa683;
}
#download_box .download_center .download_search .rightCol a.active {
  color: #3fa683;
}
#download_box .download_center .download_search .rightCol > a:hover > i {
  color: #3fa683;
}
#download_box .download_center .download_col {
  padding: 0 50px;padding-bottom: 60px;
}
#download_box .download_center .download_col .download_txt {
  display: inline-block;
  position: relative;
  transition: all 0.3s;
  width: calc(100% - 300px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  height: 100%;
  line-height: 110px;
  font-size: 14px;
  font-weight: bold;
}
#download_box .download_center .download_col .download_txt .small {
  position: absolute;
  display: inline-block;
  font-size: 12px;
  font-weight: 100;
  height: 40px;
  line-height: 40px;
  color: #bfbfbf;
  width: 100%;
  left: 0;
  bottom: 0;
  letter-spacing: 2px;
}
#download_box .download_center .download_col .rightCol {
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 0;
}
#download_box .download_center .download_col .rightCol .downloadSet {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  margin-left: 15px;
  font-size: 14px;
  color: rgba(89, 89, 89, 0.7);
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
}
#download_box .download_center .download_col .rightCol .downloadSet > i {
  margin-right: 6px;
  vertical-align: middle;
  font-size: 20px;
  color: #d9d9d9;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
}
#download_box .download_center .download_col .rightCol .downloadSet:first-child {
  min-width: 40px;
}
#download_box .download_center .download_col .download_row:hover {
  border-color: #3fa683;
}
#download_box .download_center .download_col .download_row:hover .download_txt {
  color: #3fa683;
}
#download_box .download_center .download_col .download_row:hover .rightCol .downloadSet {
  color: #3fa683;
}
#download_box .download_center .download_col .download_row:hover .rightCol .downloadSet > i {
  color: #3fa683;
}
#download_box .download_page {
  height: 120px;
  line-height: 120px;
  text-align: center;
}
#download_box .download_page > a {
  font-size: 16px;
  color: #bfbfbf;
  margin: 0 6px;
  display: inline-block;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
}
#download_box .download_page > a:hover {
  color: #3fa683;
}
#download_box .download_page .active {
  color: #3fa683;
}
#download_box .download_page .TpageSet {
  margin: 0 15px;
}
#download_box .download_page .TpageSet:last-child {
  transform-origin: 50% 49%;
  transform: rotate(180deg);
}
#download_box .download_page .TpageSet > i {
  vertical-align: middle;
}
#download_box .zixun .star .active i{
	color: #3fa683;
}
.starList{
	margin: 0 5px;cursor: pointer;
}

.starList i{font-size: 20px;vertical-align: middle;color: #ccc;-webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;}

#Tform {
  background-color: #fff;
  padding: 0 9%;
  max-width: 1200px;
  margin: auto;
  box-sizing: border-box;
  box-shadow: 0 12px 30px -8px rgba(0, 34, 41, 0.12);
}

#Tform .redDot {
  color: #ff0040;
}
#Tform .TdownRow {
  overflow: visible!important;
}
#Tform .cl {
  clear: both;
  margin-bottom: 28px;
}
#Tform .formMain {
  width: 100%;
  padding: 55px 0;
}
#Tform .formMain .Tradio {
  display: none;
}
#Tform .formMain .Tradio + label {
  border: 1px solid #bfbfbf;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  position: relative;
  display: inline-block;
  vertical-align: sub;
  margin: 0 7px;
}
#Tform .formMain .Tradio + label + b {
  color: #595959;
}
#Tform .formMain .Tradio:checked + label + b {
  color: #3fa683;
}
#Tform .formMain .Tradio:checked + label {
  border-color: #3fa683;
}
#Tform .formMain .Tradio:checked + label:after {
  content: '';
  position: absolute;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  background-color: #3fa683;
  top: 4px;
  left: 4px;
}
#Tform .formMain .Ttop {
  max-width: 625px;
  margin: auto;
}
#Tform .formMain .Ttop > h5 {
  color: #3fa683;
  font-size: 32px;
  text-align: center;
  margin-bottom: 54px;
}
#Tform .formMain .Ttop > p {
  color:rgba(89,89,89,0.5);
  font-size: 14px;
  text-align: center;
  margin-bottom: 20px;
}
#Tform .formMain .Tbottom {
  text-align: center;
  transform: translateY(-32px);
}
#Tform .formMain .Tbottom div:first-child {
  height: 30px;
  background-color: #fff;
  display: inline-block;
  padding: 0 20px;
  margin-bottom: 30px;
}
#Tform .formMain .Tbottom > button {
  background: #45d6c8;
  border: none;
  border-radius: 50px;
  font-size: 14px;
  width: 120px;
  text-align: center;
  color: #fff;
  height: 34px;
  line-height: 34px;
  cursor: pointer;
  transition: all 0.3s;
  background: -moz-linear-gradient(left, #45d6c8 0%, #4bdb9f 100%);
  background: -webkit-linear-gradient(left, #45d6c8 0%, #4bdb9f 100%);
  background: linear-gradient(to right, #45d6c8 0%, #4bdb9f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45d6c8', endColorstr='#4bdb9f', GradientType=1);
  display: inline-block;
  margin-top: 5px;
  text-transform: uppercase;
}
#Tform .formMain .Tline {
  clear: both;
  border-top: 1px solid #e5e5e5;
  margin: 20px 0;
}
#Tform .formMain .Tcenter {
  max-width: 625px;
  margin: auto;
}
#Tform .formMain .Tcenter .inputRow {
  overflow: hidden;
  margin-bottom: 28px;
}
#Tform .formMain .Tcenter .inputRow .Tinput {
  height: 38px;
  line-height: 38px;
  background-color: #f2f2f2;
  padding: 0 15px;
}
#Tform .formMain .Tcenter .inputRow .Tinput > input {
  border: none;
  background-color: transparent;
  height: 100%;
  width: 100%;
}
#Tform .formMain .Tcenter .inputRow .Tinput > textarea {
  height: 100%;
  width: 100%;
  background-color: transparent;
  border: none;
  padding: 8px 0;
  box-sizing: border-box;
}
#Tform .formMain .Tcenter .inputRow .TdownMain {
  position: absolute;
  width: 100%;
  background-color: #f2f2f2;
  display: none;
  z-index: 20;
	height: 224px;overflow: auto;
  box-shadow: 0 5px 6px -2px rgba(0, 14, 34, 0.12);
}
#Tform .formMain .Tcenter .inputRow .TdownMain > li {
  font-size: 13px;
  color: #595959;
  padding: 0 15px;
  height: 28px;
  line-height: 28px;
  transition: all 0.3s;
  cursor: pointer;
}
#Tform .formMain .Tcenter .inputRow .TdownMain > li:hover {
  background-color: #e5e5e5;
}
#Tform .formMain .Tcenter .inputRow .downBox {
  position: relative;
}
#Tform .formMain .Tcenter .inputRow .downBox input {
  cursor: pointer;
}
#Tform .formMain .Tcenter .inputRow .downBox .Zdown {
  display: inline-block;
  position: absolute;
  cursor: pointer;
  width: 22px;
  height: 22px;
  background-color: #fff;
  top: 7px;
  right: 15px;
  line-height: 22px;
  text-align: center;
}
#Tform .formMain .Tcenter .inputRow .left {
  float: left;
  width: 49%;
  position: relative;
}
#Tform .formMain .Tcenter .inputRow .left div:first-child {
  font-weight: 700;
  font-size: 13px;
  color: #595959;
  height: 38px;
  line-height: 20px;
}
#Tform .formMain .Tcenter .inputRow .left div:first-child > span {
  color: #ff0040;
}
#Tform .formMain .Tcenter .inputRow .right {
  float: right;
  width: 49%;
  position: relative;
}
#Tform .formMain .Tcenter .inputRow .right div:first-child {
  font-weight: 700;
  font-size: 13px;
  color: #595959;
  height: 38px;
  line-height: 20px;
}
#Tform .formMain .Tcenter .inputRow .right div:first-child > span {
  color: #ff0040;
}
#Tform .formMain .Tcenter .startSearch {
  border: 1px solid #e5e5e5;
  border-radius: 50px;
  height: 48px;
  text-align: center;
  margin: 70px 0;
}
#Tform .formMain .Tcenter .startSearch > span {
  background-color: #fff;
  width: 185px;
  text-align: center;
  display: inline-block;
  min-height: 25px;
  line-height: 25px;
  font-size: 13px;
  color: #595959;
  transform: translateY(-12px);
}
#Tform .formMain .Tcenter .startSearch > button {
  background: #45d6c8;
  border: none;
  border-radius: 50px;
  font-size: 14px;
  width: 120px;
  text-align: center;
  color: #fff;
  height: 34px;
  line-height: 34px;
  cursor: pointer;
  transition: all 0.3s;
  background: -moz-linear-gradient(left, #45d6c8 0%, #4bdb9f 100%);
  background: -webkit-linear-gradient(left, #45d6c8 0%, #4bdb9f 100%);
  background: linear-gradient(to right, #45d6c8 0%, #4bdb9f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45d6c8', endColorstr='#4bdb9f', GradientType=1);
  display: inline-block;
  margin-top: 5px;
  text-transform: uppercase;
}
#Tform .formMain .Tcenter .Tcode > span {
  width: 207px;
  padding: 0 15px;
  transform: translateY(-58px);
}
#Tform .formMain .Tcenter .Tcode > button {
  transform: translateY(-46px);
}
#Tform .formMain .Tcenter .Tcode .right {
  padding: 0;
}
#Tform .formMain .Tcenter .Tcode .right > img {
  width: 100%;
  height: 38px;
}
#Tform .formMain .Tcenter .Ttip {
  margin-bottom: 30px;
}
#Tform .formMain .Tcenter .Ttip > h5 {
  color: #808080;
  font-weight: 700;
  font-size: 16px;
  min-height: 30px;
}
#Tform .formMain .Tcenter .Ttip > p {
  color:rgba(89,89,89,0.5);
  line-height: 150%;
}#Tform .formMain .Tcenter .Ttip > p > a {
	color:rgba(89,89,89,0.5);
	font-style: italic;
	cursor: pointer;
}
#Tform .formMain .Tcenter .Ttip .radioMsg {
  color: rgba(89,89,89,0.5);
  font-weight: 700;
  margin: 8px 0;
  overflow: hidden;
}
#Tform .formMain .Tcenter .Ttip .radioMsg > span {
  float: right;
}