﻿#outerContainer_about {
	background: url('../images/index_bg.png') no-repeat scroll center top;
	background-size: initial;
	border-left: 0 solid #000;
	border-right: 0 solid #000;
	border-top: 0 solid #000;
	border-bottom: 0 solid #000;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0
}

#outerContainer_about>.container {
	border-left: 0 solid #000;
	border-right: 0 solid #000;
	border-top: 0 solid #000;
	border-bottom: 0 solid #000;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0
}
.sitewidget-quickNav-about {
	background: url('../images/daohangbg_.png') no-repeat center center;
	background-size: initial;
	border-left: 0 solid #000;
	border-right: 0 solid #000;
	border-top: 0 solid #000;
	border-bottom: 0 solid #000;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 40px;
	padding-right: 0;
	padding-bottom: 40px;
	padding-left: 0;
	box-shadow: 0
}

.sitewidget-quickNav-about .sitewidget-hd {
	display: block;
	border-left: 0 solid #000;
	border-right: 0 solid #000;
	border-top: 0 solid #000;
	border-bottom: 0 solid #000;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0
}

.sitewidget-quickNav-about .sitewidget-bd {
	border-left: 0 solid #333;
	border-right: 0 solid #333;
	border-top: 0 solid #333;
	border-bottom: 0 solid #333;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0
}

.sitewidget-quickNav-about .sitewidget-bd {
	font-size: 14px;
	color: #333
}

.sitewidget-quickNav-about .sitewidget-bd *,.sitewidget-quickNav-about .sitewidget-bd {
	letter-spacing: 99px;
	line-height: 1.7em;
	text-align: center
}

.sitewidget-quickNav-about .sitewidget-bd a {
	font-size: 14px;
	color: #333;
	letter-spacing: 0;
	line-height: 1.8em;
	text-align: left
}

.sitewidget-quickNav-about .sitewidget-bd a:hover {
	color: #276dee
}.sitewidget-text-about {
	border-left: 0 solid #000;
	border-right: 0 solid #000;
	border-top: 0 solid #000;
	border-bottom: 0 solid #000;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	box-shadow: 0
}

.sitewidget-text-about .sitewidget-bd {
	border-left: 0 solid #333;
	border-right: 0 solid #333;
	border-top: 0 solid #333;
	border-bottom: 0 solid #333;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0
}

.sitewidget-text-about .sitewidget-bd {
	font-size: 30px;
	color: #fff
}

.sitewidget-text-about .sitewidget-bd *,.sitewidget-text-about .sitewidget-bd {
	letter-spacing: 0;
	line-height: 1.7em;
	text-align: center
}
@media(min-width:990px) and (max-width:1219px) {
	.sitewidget-text-about.sitewidget-text .sitewidget-bd a,.sitewidget-text-about.sitewidget-text .sitewidget-bd,.sitewidget-text-about.sitewidget-text .sitewidget-bd * {
		font-size: 30px
	}
}

@media(min-width:768px) and (max-width:989px) {
	.sitewidget-text-about.sitewidget-text .sitewidget-bd a,.sitewidget-text-about.sitewidget-text .sitewidget-bd,.sitewidget-text-about.sitewidget-text .sitewidget-bd * {
		font-size: 30px
	}
}

@media(min-width:480px) and (max-width:767px) {
	.sitewidget-text-about.sitewidget-text .sitewidget-bd a,.sitewidget-text-about.sitewidget-text .sitewidget-bd,.sitewidget-text-about.sitewidget-text .sitewidget-bd * {
		font-size: 22px
	}
}

@media(min-width:1px) and (max-width:479px) {
	.sitewidget-text-about.sitewidget-text .sitewidget-bd a,.sitewidget-text-about.sitewidget-text .sitewidget-bd,.sitewidget-text-about.sitewidget-text .sitewidget-bd * {
		font-size: 20px
	}
}
/*我们有话说*/
.pageBox {
    width: 100%;
}
.services .img.i1:before,.services .img.i3:before,.services .img.i6:before,.services .img.i7:before,.talkabout .page4 .img:before,.about .animal.a1:before,.about .animal.a2:before{content: ' ';position: absolute;top: 0;left: 0;height: 100%;width: 100%;opacity: 0.3;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";filter: alpha(opacity=30);background-image: url("../images/noise.gif");z-index:1;}
.pageFrame{min-height:300px;overflow:hidden;background-color:#fff;}
/*talkabout*/
.talkabout,.talkabout .img .page1 img,.talkabout .page1 .item .page6{width:100%;}
.talkabout .pageBox{float:left;}
.talkabout .cm{max-width:1200px;margin:0 auto;overflow:hidden;}
.talkabout .page1{/*margin-top:120px;*/z-index:5;}
.talkabout .page1 .cm,.talkabout .page4 .cm{max-width:900px;position:relative;}
.talkabout .page1 svg{position:absolute;left:0px;top:23%;stroke-width:0.5;height:auto;z-index:10;}
.talkabout .page1 polyline,.talkabout .page1 polygon,.talkabout .page1 line,.talkabout .page1 path{stroke:#545454;fill:rgba(255,255,255,0);stroke-width:0.65;}
.talkabout .page1 circle{fill:#fff;-webkit-transition:all 2s ease;transition:all 2s ease;}
.talkabout .page1 circle.show{fill:#fff;}
.talkabout .page1 g{z-index:2;position:relative;}
.talkabout .page1 polyline.show,.talkabout .page1 polygon.show,.talkabout .page1 line.show,.talkabout .page1 path.show{stroke-dasharray:1000;stroke-dashoffset: 1000;animation: dash 6s linear forwards;-webkit-animation: dash 6s linear forwards;stroke:#fff;}
.talkabout .page1 .dots{width:100%;}
.talkabout .page1 .debris{width:100%;position:absolute;top:0px;left:0px;opacity:0;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.talkabout .page1 .debris.show{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:1;}
.talkabout .page1 .round{height:100%;position:absolute;top:0px;left:0px;}
.talkabout .page1 .round.r2{left:27.5%;}
.talkabout .page1 .round.r2.show{-webkit-animation:p1round linear 10s infinite;animation:p1round linear 10s infinite;}
.talkabout .page1 .round.r3{left:auto;right:0px;}
@-webkit-keyframes dash {0% {stroke-dashoffset: 1000;}100% {stroke-dashoffset: 0;}}
@keyframes dash {0% {stroke-dashoffset: 1000;}100% {stroke-dashoffset: 0;}}
@-webkit-keyframes p1round {0% {-webkit-transform:rotate(0deg);}100% {-webkit-transform:rotate(360deg);}}
@keyframes p1round {0% {transform:rotate(0deg);}100% {transform:rotate(360deg);}}

.talkabout .page4{position:relative;padding:100px 0;}
.talkabout .page4 .cm{max-width:1200px;}
.talkabout .page4 .NOTOSANSHANS{font-size:110px;width:240px;}
.talkabout .page4 .text{margin-left:260px;}
.talkabout .page2{position:relative;}
.talkabout .page2 .box{width:16.66666%;position:relative;float:left;}
.talkabout .page2 .lines{background-color:#ff2857;}
.talkabout .page2 .box{overflow:hidden;}
.talkabout .page2 .box.grey{background-color:#343338;}
.talkabout .page2 .box.white{background-color:#d6dcd8;}
.talkabout .page2 .box.red{background-color:#f64e51;position:absolute;float:none;bottom:12%;right:8.3%;/*box-shadow:0 0 10px rgba(0,0,0,0.5);*/z-index:20;}
.talkabout .page2 .box.abso{left:16.66666%;margin-top:-16.66666%;z-index:20;}
.talkabout .page2 .box img{width:100%;height:100%;}
.talkabout .page2 .box.w2{width:33.33332%;}
.talkabout .page2 video{width:250%;position:relative;top:-20%;left:-80%;}
.talkabout .page2 .lines::before,.talkabout .page2 .lines::after{pointer-events: none;position: absolute;content: '';opacity: 0;}
.talkabout .page2 .lines::before,.talkabout .page2 .lines::after{-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
.talkabout .page2 .box img{-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out;}
.talkabout .page2 .lines::before{top: 50px;right: 30px;bottom: 50px;left: 30px;border-top: 1px solid #fff;border-bottom: 1px solid #fff;-webkit-transform: scale(0,1);transform: scale(0,1);-webkit-transform-origin: 0 0;transform-origin: 0 0;z-index:2;}
.talkabout .page2 .lines::after{top: 30px;right: 50px;bottom: 30px;left: 50px;border-right: 1px solid #fff;border-left: 1px solid #fff;-webkit-transform: scale(1,0);transform: scale(1,0);-webkit-transform-origin: 100% 0;transform-origin: 100% 0;}
.talkabout .page2 .lines:hover::before,.talkabout .page2 .lines:hover::after{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
.talkabout .page2 .box img:hover{opacity:0.75;-webkit-transform:scale(1.1);transform:scale(1.1);}
.talkabout .page2 .lines:hover::after,.talkabout .page2 .box img{-webkit-transition-delay: 0.15s;transition-delay: 0.15s;}
.talkabout .page3{/*background-color:#f5f5f5;*/padding:100px 0;}
.talkabout .page3 .cm{max-width:800px;margin:0 auto;position:relative;overflow:inherit;}
.talkabout .page3 .photo{width:100%;position:relative;float:left;/*background-color:#f5f5f5;*/margin:0 0 50px;}
.talkabout .page3 .photo .border{width:90%;height:80%;position:absolute;top:10%;left:0px;z-index:10;border:1px #000 solid;pointer-events:none;}
.talkabout .page3 .item{position:absolute;top:0px;left:0px;width:100%;display:none;min-height:300px;}
.talkabout .page3 .item.show{position:relative;float:left;top:auto;left:auto;display:block;}
.talkabout .page3 .item .img,.talkabout .page3 .item .info{width:30%;overflow:hidden;}
.talkabout .page3 .item .info{margin:20px 0 0 0;width:auto;color:#464646;}
.talkabout .page3 .icon{width:26%;height:225px;line-height:200px;float:left;font-size:200px;margin-right:40px;}
.talkabout .page3 .icon img{width:100%;}
.talkabout .page3 .icon i{color:#343338;opacity:0;}
.talkabout .page3 .icon i.show,.talkabout .page3 .item.show{opacity:1;}
.talkabout .page3 .thumb{width:100%;float:left;}
.talkabout .page3 .thumb .cm{max-width:900px;}
.talkabout .page3 .thumb span{width:16.66666%;float:left;text-align:center;cursor:pointer;color:#aaa;font-size:13px;}
.talkabout .page3 .thumb i{width:50px;height:50px;line-height:50px;font-size:40px;float:left;position:relative;left:50%;margin-left:-25px;}
.talkabout .page3 .thumb font{width:100%;float:left;line-height:30px;}
.talkabout .page3 .thumb span:hover,.talkabout .page3 .thumb span.active{color:#464646;}
.talkabout .page3 .mailto{margin-bottom:30px;}
.talkabout .page3 .prev,.talkabout .page3 .next{width:150px;height:50px;line-height:50px;font-size:50px;text-align:center;position:absolute;top:50%;left:-200px;margin-top:-50px;}
.talkabout .page3 .loopbtn{cursor:pointer;}
.talkabout .page3 .next{left:auto;right:-200px;}
.talkabout .page3 .prev:hover,.talkabout .page3 .next:hover{color:#f64e51;}

@media screen and (min-width: 1025px){
	header.nobackg{background:none;}
}
@media screen and (max-width: 1024px){
	header.nobackg{background-color: rgba(0,0,0,0.2);}
	.about .kv.show{background-attachment:inherit;}
}

.bodyMask{width:100%;height:100%;position:fixed;float:none;top:0px;left:0px;z-index:1000;background:#000;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;display:none;}
.bodyWindow{background-color:#fff;padding:20px;position:fixed;float:none;top:45%;left:50%;z-index:1500;display:none;border-radius:4px;}

.bodyWindow.talkabout{width:500px;height:500px;top:50%;left:50%;margin:-225px 0 0 -225px;border-radius:500px;}
.bodyWindow.talkabout .close{width:36px;height:36px;line-height:35px;text-align:center;position:absolute;bottom:20px;left:50%;margin:0 0 0 -18px;border-radius:20px;color:#f94f73;cursor:pointer;font-size:36px;border-radius:50px;}
.bodyWindow.talkabout .close:hover{color:#000;}
.bodyWindow.talkabout .text{margin:90px 70px 0;}
.bodyWindow.talkabout .text font{display:block;}
.bodyWindow.talkabout .text p{margin-bottom:7px;}




.w-100{width:100%;}
.w-80{width:70%; background:#0CF; margin:0 auto}
.w-500{width:50%; margin:0 auto}
.w-40{width:30%; margin-left:16%}
.w-50{width:30%; margin-left:15%;}

.clearBoth{float:none;position:static;}
.clear { clear:both;}
.hide{display:none;}
.h100{height:100px;}
.h60{height:60px;}
.h50{height:50px;}
.h30{height:30px;}
.fr{position:relative;float:right;}
.fl{position:relative;float:left;}
.textoverhidden,.services .text h5 font{white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;}
header,footer{z-index:100;position:relative; }
.services .img.i1:before,.services .img.i3:before,.services .img.i6:before,.services .img.i7:before,.talkabout .page4 .img:before,.about .animal.a1:before,.about .animal.a2:before{content: ' ';position: absolute;top: 0;left: 0;height: 100%;width: 100%;opacity: 0.3;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";filter: alpha(opacity=30);background-image: url("../images/noise.gif");z-index:1;}


.pagenow{opacity:0.01;}
.fadeIn{
	-webkit-animation-name:fadeIn;
	animation-name:fadeIn;
}
.fadeInUp{
	-webkit-animation-name:fadeInUp;
	animation-name:fadeInUp;
}
.fadeInDown{
	-webkit-animation-name:fadeInDown;
	animation-name:fadeInDown;
}
.fadeInRight{
	-webkit-animation-name:fadeInRight;
	animation-name:fadeInRight;
}
.fadeInLeft{
	-webkit-animation-name:fadeInLeft;
	animation-name:fadeInLeft;
}
.fadeInScale{
	-webkit-animation-name:fadeInScale;
	animation-name:fadeInScale;
}
.fadeLoop,.about .box,.timeline.pagenow{opacity:1;}
.fadeInUp,.fadeInRight,.fadeInLeft,.fadeInDown,.fadeIn,.fadeInScale{
	opacity:1;
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	position:relative;
}
/*animate*/
@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-10%,0);transform:translate3d(0,-10%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-10%,0);-ms-transform:translate3d(0,-10%,0);transform:translate3d(0,-10%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-10%,0,0);transform:translate3d(-10%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-10%,0,0);-ms-transform:translate3d(-10%,0,0);transform:translate3d(-10%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(10%,0,0);transform:translate3d(10%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(10%,0,0);-ms-transform:translate3d(10%,0,0);transform:translate3d(10%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,10%,0);-ms-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInScale{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0);}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1);}}@keyframes fadeInScale{0%{opacity:0;-moz-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);transform: scale(0);}100%{opacity:1;-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}}

/* 字体样式 */
.f-12{font-size:1.2rem;}
.f-13{font-size:1.3rem;}
.f-14{font-size:1.4rem;}
.f-15{font-size:1.5rem;}
.f-16{font-size:1.6rem;}
.f-18{font-size:1.8rem;}
.f-20{font-size:2rem;}
.f-22{font-size:2.2rem;}
.f-24{font-size:2.4rem;}
.f-26{font-size:2.6rem;}
.f-28{font-size:2.8rem;}
.f-30{font-size:3rem;}
.f-32{font-size:3.2rem;}
.f-38{font-size:3.8rem;}
.f-40{font-size:4rem;}
.f-48{font-size:4.8rem;}
.f-50{font-size:5rem;}
.f-60{font-size:6rem;}
.f-80{font-size:8rem;}
.f-90{font-size:9rem;}
.fbold{font-weight:bold; font-size:24px; height:55px}
.fbold2{font-weight: normal; font-size:20px; height:50px}
.fboldno{font-weight:normal;}
.f-c{text-align:center;}
.f-r{text-align:right;}
.f-f{font-family:"宋体","Microsoft YaHei","微软雅黑","Arial","Helvetica",sans-serif;}
.f-t{text-decoration:underline;cursor:pointer;}
.f-v{vertical-align:middle;}
.f-v img{float:none;margin:0 5px;}
.f-u{text-transform:uppercase;}
.f-w{white-space:nowrap;}
.greent,a.greent{color:#7acd00;}
.oranget,a.oranget{color:#fa6d40;}
.greyt,a.greyt{color:#999;}
.grey6t,a.grey6t{color:#666;}
.grey6t,a.grey6t{color:#666;}
.redt,a.redt{color:#e55151;}
.blackt,a.blackt{color:#333;}
.bluet,a.bluet{color:#198eed;}
.yellowt,a.yellowt{color:#eaab3e;}
.lightbluet,a.lightbluet,.lightbluet a{color:#66a6e1;}
.lightbluet a:hover{text-decoration:underline;}
.whitet{color:#fff;}
.purplet,a.purplet{color:#eb7a79;}
.wm-70{min-width:70px;}
a.redt:hover,a.greent:hover,a.oranget:hover,a.greyt:hover,a.blackt:hover,a.bluet:hover,a.lightbluet:hover,a.purplet:hover{text-decoration:underline;}
.link a{border-bottom:1px #c1c1c1 dashed;}