/*
* name:Global && Pc StyleSheet
* version:v3.3.1
* update:雪碧图对齐
* date:2016-04-30
*/
/* @font-face {
font-family:'my_impact';
src:url('../fonts/impact.eot');
src:url('../fonts/impact.eot?#iefix') format('embedded-opentype'),
url('../fonts/impact.woff') format('woff'),
url('../fonts/impact.ttf') format('truetype'),
url('../fonts/impact.svg#impact') format('svg');
} */






@import url(animate.css);
/*时间延迟*/
.delay1,.delay5 { -webkit-animation-delay: 0s; animation-delay: 0s;}
.delay2,.delay6 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s;}
.delay3,.delay7 { -webkit-animation-delay: 0.4s; animation-delay: 0.4s;}
.delay4,.delay8 { -webkit-animation-delay: 0.6s; animation-delay: 0.6s;}

.newdelay1{-webkit-animation-delay: 0s; animation-delay: 0s; }
.newdelay2{-webkit-animation-delay: 0.2s; animation-delay: 0.2s; }
.newdelay3{-webkit-animation-delay: 0.4s; animation-delay: 0.4s; }
.newdelay4{-webkit-animation-delay: 0.6s; animation-delay: 0.6s; }
.newdelay5{-webkit-animation-delay: 0.8s; animation-delay: 0.8s; }
.newdelay6{-webkit-animation-delay: 1s; animation-delay: 1s; }
.newdelay7{-webkit-animation-delay: 1.2s; animation-delay: 1.2s; }
/* ---滚动条默认显示样式--  
::-webkit-scrollbar-thumb { background-color:#cc000c; height:50px; outline-offset:-2px; outline:0px solid #fff; -webkit-border-radius:4px; border:0px solid #fff;}  
---鼠标点击滚动条显示样式--  
::-webkit-scrollbar-thumb:hover{ background-color:#cc000c; height:50px; -webkit-border-radius:4px;}  
---滚动条大小--  
::-webkit-scrollbar{ width:0px; height:0px;}  
---滚动框背景样式--  
::-webkit-scrollbar-track-piece{ background-color:#ccc; -webkit-border-radius:0;}
::-webkit-scrollbar-thumb:active{ height:50px; background-color:#cc000c; -webkit-border-radius:4px;} */

/* 雪碧图 */
/* 对齐方案引用(http://www.zhangxinxu.com/wordpress/2016/03/css-layout-base-20px/) */
.ico { display:inline-block; width:20px; height:20px; white-space:nowrap; letter-spacing:-1em; text-indent:-99em; color:transparent; background:url(../img/icos.png);
	*text-indent:0; *zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\3000');}
.ico:before {content:'\3000';}
.ico1_2 { background-position:-20px 0;}
.ico1_3 { background-position:-40px 0;}
.ico1_4 { background-position:-60px 0;}
.ico1_5 { background-position:-80px 0;}
.ico2_1 { background-position:0 -20px;}
.ico2_2 { background-position:-20px -20px;}
.ico2_3 { background-position:-40px -20px;}
.ico2_4 { background-position:-60px -20px;}
.ico2_5 { background-position:-80px -20px;}
.ico3_1 { background-position:0 -40px;}
.ico3_2 { background-position:-20px -40px;}
.ico3_3 { background-position:-40px -40px;}
.ico3_4 { background-position:-60px -40px;}
.ico3_5 { background-position:-80px -40px;}
.ico4_1 { background-position:0 -60px;}
.ico4_2 { background-position:-20px -60px;}
.ico4_3 { background-position:-40px -60px;}
.ico4_4 { background-position:-60px -60px;}
.ico4_5 { background-position:-80px -60px;}
/* 常量设置 */
html { overflow-x:auto;}
html,body,.wrap { min-width:0;}
.wrap { width:auto; margin-right:auto; margin-left:auto;}
body{font-size:13px; font-family:"微软雅黑"; line-height:1.6; color:#555; background:#fff;/*  padding-top:75px; */ /* overflow:hidden;  min-width: 1000px;*/ overflow-x:hidden; }
a{color:inherit;}
a:hover {}
::-moz-selection {color:#fff; background:#cc000c; }
::selection {color:#fff; background:#cc000c; }
::-webkit-input-placeholder { color:#aaa; } 
.placeholder { color:#aaa;}
/*css组件设置*/
.form-control,.input-group-addon, .btn {border-radius:2px; }
.form-control:focus { border-color:#66afe9; outline:0; box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px rgba(102, 175, 233, 0.6);}

.imgZoom img,.imgY180 img { -moz-transition:all .4s ease 0s; -ms-transition:all .4s ease 0s; -o-transition:all .4s ease 0s; -webkit-transition:all .4s ease 0s; transition:all .4s ease 0s;}
.imgZoom { overflow:hidden; }
.imgZoom:hover img{ -moz-transform:scale(1.08,1.08); -ms-transform:scale(1.08,1.08); -o-transform:scale(1.08,1.08); -webkit-transform:scale(1.08,1.08); transform:scale(1.08,1.08);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }
.rotation { -webkit-animation:rotation .8s infinite linear; animation:rotation .8s infinite linear;}
@-webkit-keyframes rotation {
  0% { -webkit-transform:rotateZ(0deg)}
  100% { -webkit-transform:rotateZ(360deg)}
}
@keyframes rotation {
  0% { transform:rotateZ(0deg)}
  100% { transform:rotateZ(360deg)}
}

.sr .anim { visibility:hidden;}
.ie10_below .anim { visibility:visible;}

a.atel { cursor:default;}
/* 滚动条样式 */
.slide_nav::-webkit-scrollbar { width: 8px; height: 8px; }
.slide_nav::-webkit-scrollbar-track { background-color: #808080; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; }
.slide_nav::-webkit-scrollbar-thumb { background-color: #ff4400; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; }

.bigImgNavs::-webkit-scrollbar { width: 8px; height: 8px; cursor: pointer; }
.bigImgNavs::-webkit-scrollbar-track { background-color: #808080; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em;cursor: pointer; }
.bigImgNavs::-webkit-scrollbar-thumb { background-color: #ff4400; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; }


/* 网站样式 */
/*head*/
.pageHeader { background-color:#fff; position:relative; z-index:51; width:100%;  position: relative;/* position:fixed; */ left:0; top:0; -webkit-transition:all 0.2s ease; transition:all 0.2s ease; font:normal 13px/26px "微软雅黑"/*  box-shadow:0 0 5px #aaa; */}
.pageHeader .wrap { position:relative; width:1200px; margin:0px auto; /*padding:0 80px 0 195px; */min-height:95px;}
.pageHeader .logo { padding:0px 0; height:95px; position:absolute; /*left:80px;*/ top:0;}
.top_t_bg{background-color:#cc000c; width:100%; height:30px}
.top_t{width:1200px; margin:0px auto; color:#fff; line-height:30px}
.top_t span{float:right}
.nav { float:right; width:65%;}
.nav > ul { *zoom:1; *clear:both;}
.nav > ul:before,.nav > ul:after { display:table; clear:both; content:'';}

.nav > ul > li { width:13%; float:left; margin-left:1%; position:relative;}
.nav > ul > li > a { display:block; white-space: nowrap; font-size:16px; text-align:center; line-height:95px; height:95px; position:relative; font-weight:normal; color:#313131;}
.nav > ul > li > a:after { content:''; display:block; width:0; height:2px; background-color:#f08200; overflow:hidden; position:absolute; left:50%; bottom:0; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; display:none;}
.nav > ul > li.cur > a:after,.nav > ul > li:hover > a:after { width:100%; left:0;}
.nav > ul > li.cur > a,.nav > ul > li:hover > a { color:#cc000c;}

.nav > ul ul { width:225px; border:#ccc 1px solid; border-top:#cc000c 2px solid; background-color:#fff; position:absolute; left:0; top:95px; opacity:0; visibility:hidden; left:50%; margin-left:-112px;/*  box-shadow:0 0 5px #333; */
  -webkit-transform: translate(0, 20px);
  -moz-transform: translate(0, 20px);
  -ms-transform: translate(0, 20px);
  -o-transform: translate(0, 20px);
  -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.nav > ul ul a { display:block; line-height:24px; padding:8px 35px; font-size:13px; position:relative;}
.nav > ul ul a:after { content:''; display:block; width:10px; height:5px; overflow:hidden; background:url(../img/nav_arr.png) -10px 0 no-repeat; position:absolute; right:20px; top:18px; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
.nav > ul ul a:hover { background-color:#f9f9f9;}
.nav > ul ul a:hover:after { background-position:0 0;}
.nav > ul > li:hover ul { opacity:1; visibility:visible;
	-webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
}
.digital_head .nav{ width: 75%;}

.channelHeader .wrap{ padding-right: 80px;}
.channelHeader .wrap .nav > ul > li{ width: 16%; margin: 0;}


/* page-1 start*/
.page{font-size: 12px; color: #777777; text-align: center;}
.page a,.page span {  color: #000;display: inline-block;border: 1px solid #ededed;padding: 5px 10px;vertical-align: middle;margin: 0 0 10px -1px;background: #f8f8f8;}
/* .page .goprev{margin-right: 10px;} */
.page .count {margin-left: 10px;}
.page a:hover,.page span{color:#fff; background: #f60;}
.page span.goprev,.page span.gonext {color: #777777; background: none}
.page span.count { border: 0;background: 0;color: #777777;}
.page a .ion{color: #f60; font-size: .8em;}
.page a:hover .ion{color: #fff;}

/*top product*/

.ydhl .nav{width: 50%;}

.top_pro_box,.ps_list dl,.ps_list dl:before {-webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
.top_pro_box { width:450px; height:100%; padding:25px 0; position:fixed; right:-500px; top:75px; background-color:#39424b; z-index:50;}
.top_pro_box.show { right:0;}
.proScroll { width:100%; height:100%; position:absolute; overflow:hidden;}
.ps_list a { display:block;}
.ps_list dl { padding:20px 40px 20px 70px; position:relative; line-height:1.2; left:110%; opacity:0; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
.ps_list dl:before { content:''; display:block; width:1px; height:40px; overflow:hidden; background-color:#595f66; position:absolute; left:40px; top:20px;}
.ps_list dt { color:#ffffff; font-size:18px; margin-bottom:5px;}
.ps_list dd { color:#a3a3a3; font-size:14px;}
.ps_list dl:hover { background-color:#525659;}
.ps_list dl:hover:before { width:3px; background-color:#cc000c;}

.top_pro_box .proScroll .scroll_slider { height:200px; background-color:#cc000c;}
.top_pro_box .proScroll .scroll_bar { background:url(../img/scroll-bar-line.png) center top repeat-y; right:15px!important;}
.html_hidden,.html_hidden body { overflow:hidden;}

div.mask { width:100%; height:100%; position:fixed; left:0; top:0; z-index:49; background:url(../img/blank.gif);}

/*语言版本*/
.select_lang {width:35px;height:24px; padding-left:26px;border:1px solid #d2d4d7;border-radius:20px;position:absolute; right:110px; top:50%; background:url(../img/ico_lang.png) no-repeat 6px 5px #fff;overflow:hidden;margin-top:-12px;z-index:4; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
.select_lang:hover {width:137px;}
.select_lang a { white-space: nowrap;display:block;float:left;font-size:13px;color:#666;line-height:24px;position:relative;letter-spacing:1px;font-weight:normal;}
.select_lang a:hover {color:#cc000c;}
.select_lang a.active {color:#cc000c;}
.select_lang a.english {margin-right:10px;}
.select_lang a.english:before,.select_lang a.espanol:before {content:'';width:1px;height:10px;background:#d2d4d7;position:absolute;left:-5px;top:7px;}
.select_lang a.chinese {margin-right:10px;}
/*head end*/

/*foot*/
.pageFooter { background-color:#39424b; padding:0px 0 15px; color:#fff; font-size:14px; width:100%;/*  position:fixed; left:0; bottom:0; */}
.pageFooter a { color:#a2a5a8; display:inline-block;}
.pageFooter a:hover { color:#fff;}
.pageFooter .lt { display:inline-block; margin:0 10px;}
.pageFooter .foot2 .lt{ width: 19%; margin: 0; padding: 5px 0;}
/*foot_nums*/
.foot_nums { height:230px; position:relative; margin-top:40px; margin-bottom:0!important;}
#canvas_box,#anitOut,#anitOut canvas { width:100%; height:100%; position:absolute; left:0; top:0;}
.canvas_box {background-size:100% 100%;}
.foot_nums .inner_wrap { position:relative; z-index:2; color:#fff;}
.animate_nums li { width:32%; float:left; text-align:center; font-size:15px; padding-top:55px;}
.animate_nums .num { line-height:1.1;}
.animate_nums .num span { font-size:96px; font-family:Impact; font-weight:normal; color:#cc000c}

.foot1 { padding:50px 0 35px;}
.foot1 .box { padding-left:220px; position:relative; min-height:255px;}
.foot1 dl { width:15%; padding-left:5%; float:left;}
.foot1 dt { font-size:18px; font-weight:bold; margin-bottom:10px;}
.foot1 dt a { color:#fff;}
.foot1 dd { margin-bottom:14px;}
.foot1 .qr_code { position:absolute; left:0; top:0; width:auto; float:none; text-align:center; padding-left:0;}
.foot1 .qr_code dt { margin-bottom:15px;}
.foot2,.foot3 { font-size:12px; color:#a2a5a8; text-align:left;}
.foot2 { margin-bottom:15px;}
.foot2 .inner_wrap { border-top:#4d555d 1px solid; border-bottom:#4d555d 1px solid; text-align:center; padding:10px 0; line-height:20px; text-align:left;}
.foot3 { padding:15px 0;}
.foot3 .inner_wrap {/*  padding:0 92px; */}
.foot3 .links { margin-left:10px; display:inline-block;}
.rencai_footer .foot2,.rencai_footer .foot3{ color: #fff; opacity: .8;}
.rencai_footer a{ color: #fff; opacity: .8;}
.rencai_footer .foot2 .inner_wrap{ border-color:rgba(255,255,255,.5);}
/*foot end*/




/*banner*/

.fullSlide {
	width:100%;
	position:relative;
	height:676px;
}
.fullSlide .bd {
	margin:0 auto;
	position:relative;
	z-index:0;height:676px;
	overflow:hidden;
}
.fullSlide .bd ul {
	width:100% !important;
}
.fullSlide .bd li {
	width:100% !important;
	height:676px;
	overflow:hidden;
	text-align:center;
}
.fullSlide .bd li a {
	display:block;
	height:676px;
}
.fullSlide .hd {
	width:100%;
	position:absolute;
	z-index:1;
	bottom:45px;
	right:0; height:20px
}
.fullSlide .hd ul {
	text-align:center;
}
.fullSlide .hd ul li {
	cursor:pointer;
	display:inline-block;
	*display:inline;
	zoom:1;
	width:73px;
	height:20px;
	margin:1px 5px;
	overflow:hidden;
	background:url(point2.png) no-repeat;


	line-height:999px;
}
.fullSlide .hd ul .on {

	background:url(point1.png) no-repeat;
}
.fullSlide .prev,.fullSlide .next {
	display:block;
	position:absolute;
	z-index:1;
	top:50%;
	margin-top:-30px;
	left:2%;
	z-index:1;
	width:40px;
	height:60px;
	background:url(slider-arrow.png) -126px -137px #000 no-repeat;
	cursor:pointer;
	filter:alpha(opacity=50);
	opacity:0.5;
	display:none;
}
.fullSlide .next {
	left:auto;
	right:2%;
	background-position:-6px -137px;
}

section.business{background-color:#f7f7f7; height:auto; overflow:hidden; padding:60px 0px 40px 0px}
.business .box{position:relative;margin-top:-55px;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}
.business .box .caption{width:100%;text-align:center;-moz-opacity:0;opacity:100;-webkit-transition:all .5s ease-in-out 0s;-moz-transition:all .5s ease-in-out 0s;-ms-transition:all .5s ease-in-out 0s;-o-transition:all .5s ease-in-out 0s;transition:all .5s ease-in-out 0s; }
.caption{background:url(index_pp_01.jpg) no-repeat center top; padding-top:50px; padding-bottom:20px; font:bold 30px/40px "微软雅黑"; color:#000}
.pp_gd{width:100%; text-align:center; margin-top:25px}
.pp_gd a{display:block;}
.business.active .box .caption{-moz-opacity:1;opacity:1;}
.business .box .caption i{display:block;margin:0 auto;margin-bottom:20px;width:320px;height:31px;background:url(words.png) no-repeat 0px -294px;}
.business .box .caption span{font-size:24px;letter-spacing:3px;}
.business .box ul.items{margin:0 auto;margin-top:60px;}
.business .box ul.items li{width:200px;height:300px; text-align:center; margin:0px 33px 0px 0px;background:url(bg_green.png) no-repeat 0px 400px;overflow:hidden;}
.business .box ul.items li i{display:block;position:relative;margin:0 auto;margin-top:43px;height:69px;}
.business .box ul.items li.pc i{width:69px;background:url(words.png) no-repeat -245px -357px;}
.business .box ul.items li.mobi i{width:64px;background:url(words.png) no-repeat -416px -291px;}
.business .box ul.items li.sys i{width:76px;background:url(words.png) no-repeat -415px -362px;}
.business .box ul.items li.app i{width:74px;background:url(words.png) no-repeat -244px -439px;}
.business .box ul.items li.host i{width:79px;background:url(words.png) no-repeat -420px -439px;}
.business .box ul.items li u{display:block;position:absolute;width:156px;height:156px;margin-left:22px;background:url(words.png) no-repeat 0px -363px;-webkit-transition:all .5s ease-in-out 0s;-moz-transition:all .5s ease-in-out 0s;-ms-transition:all .5s ease-in-out 0s;-o-transition:all .5s ease-in-out 0s;transition:all .5s ease-in-out 0s;}
.business .box ul.items li u.cl{clip:rect(0px,156px,-10px,78px);}
.business.active .box ul.items li u.cl{clip:rect(0px,156px,156px,78px);}
/*.business .box ul.items li u.cr{clip:rect(156px,78px,156px,0px);}*/
.business.active .box ul.items li u.cr{clip:rect(0px,78px,156px,0px);}
.business .box ul.items li strong{display:block;margin-top:60px;font-size:16px;font-weight:normal;text-align:center;}
.business .box ul.items li p{position:relative;top:200px;color:White;font-family:Arial, "微软雅黑";font-size:13px;line-height:20px;text-align:center;}
.business .box ul.items li:hover{background-position:0px 0px;-webkit-transition:all .5s ease-in-out .3s;-moz-transition:all .5s ease-in-out .3s;-ms-transition:all .5s ease-in-out .3s;-o-transition:all .5s ease-in-out .3s;transition:all .5s ease-in-out .3s;}
.business .box ul.items li:hover i{-webkit-transition:all .5s ease-in-out .4s;-moz-transition:all .5s ease-in-out .4s;-ms-transition:all .5s ease-in-out .4s;-o-transition:all .5s ease-in-out .4s;transition:all .5s ease-in-out .4s;}
.business .box ul.items li.pc:hover i{background:url(words.png) no-repeat -168px -357px;}
.business .box ul.items li.mobi:hover i{background:url(words.png) no-repeat -337px -291px;}
.business .box ul.items li.sys:hover i{background:url(words.png) no-repeat -327px -362px;}
.business .box ul.items li.app:hover i{background:url(words.png) no-repeat -164px -439px;}
.business .box ul.items li.host:hover i{background:url(words.png) no-repeat -335px -439px;}
.business .box ul.items li:hover u.cl{clip:rect(0px,156px,-10px,78px);}
.business .box ul.items li:hover u.cr{clip:rect(156px,78px,156px,0px);}
.business .box ul.items li:hover strong{color:White;-webkit-transition-delay:.4s;-moz-transition-delay:.4s;-ms-transition-delay:.4s;-o-transition-delay:.4s;transition-delay:.4s;}
.business .box ul.items li:hover p{top:20px;-webkit-transition:all .3s ease-in-out .5s;-moz-transition:all .3s ease-in-out .5s;-ms-transition:all .3s ease-in-out .5s;-o-transition:all .3s ease-in-out .5s;transition:all .3s ease-in-out .5s;}
.business .box label{display:block;margin:0 auto;margin-top:-40px;width:297px;height:21px;background:url(words.png) no-repeat 0px -333px;}.list-unstyled{padding-left:0;list-style:none}
.list-inline{padding-left:0;margin-left:-5px;list-style:none}
.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}
dl{margin-top:0;margin-bottom:20px}
dt,dd{line-height:1.42857143}
dt{font-weight:700}
dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}
.dl-horizontal dd{margin-left:180px}}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #777}
.initialism{font-size:90%;text-transform:uppercase}
blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}
blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child{margin-bottom:0}
blockquote footer,blockquote small,blockquote .small{display:block;font-size:80%;line-height:1.42857143;color:#777}
blockquote footer:before,blockquote small:before,blockquote .small:before{content:'\2014 \00A0'}
.business .box{width:1200px; margin:0px auto; overflow:hidden}

.business ul{width:1280px}






/* page3  */
.section .bgbg { position: absolute; left: 0; top: 0; width: 110%; height: 110%;}
.section .bgbg img { display: block; width: 110%; height: 110%;}
.bg31 { position: absolute; top: -454px; width: 100%; height: 200px; transition: all 1s; text-align:center;}
.active .bg31 { top:100px; transition-delay: 0.3s;}
.fenlei {position: absolute; display:block; width:450px; height:450px; background:rgba(0, 0, 0, .2); -moz-border-radius:225px;	-webkit-border-radius:225px;	border-radius:225px;	left:50%;	bottom:-500px; -moz-transition:.4s;-o-transition:.4s;-webkit-transition:.4s;transition:.4s;	border:none;	margin-left:-500px; transition: all 1s;}
.active .fenlei {bottom:120px; transition-delay: 0.3s;}
.fenlei.anim {width:330px;	height:330px;	left:50%;	bottom:120px;	margin-left:-440px;	margin-bottom:60px;-moz-transition:.4s;-o-transition:.4s;-webkit-transition:.4s;transition:.4s;}
.fenlei1 {	position: absolute;	display:block;	width:450px;	height:450px;	background:rgba(0, 0, 0, .2);	-moz-border-radius:225px;	-webkit-border-radius:225px;	border-radius:225px;	left:50%;	bottom:-500px;	-moz-transition:.4s;	-o-transition:.4s;	-webkit-transition:.4s;	transition:.4s;	border:none;	margin-left:50px; transition: all 1s;}
.active .fenlei1 {bottom:120px; transition-delay: 0.3s;}
.fenlei1.anim {	width:330px;	height:330px;	left:50%;	bottom:120px;	margin-left:110px;	margin-bottom:60px;	-moz-transition:.4s;	-o-transition:.4s;	-webkit-transition:.4s;	transition:.4s;}




.biaoqian { font-size:16px;  right:4%; margin-right:60px; line-height:50px; text-align:right;   position: absolute; z-index:9; }
.biaoqian a{padding:5px 10px;  background:#999999; color:#FFFFFF; margin-left:10px;  font-size:14px; text-align:center;  }
.biaoqian a:hover { background: #23ac38;color:#fff;}




.fenlei a{  width:330px; height:330px; position:absolute; left:0px; top:0px;  text-align:center; background-color:#23ac38; border-radius: 165px;  -webkit-border-radius: 165px; left:50%; margin-left:-165px; top:50%; margin-top:-165px; }

.fenlei1 a{  width:330px; height:330px; position:absolute; left:0px; top:0px;  text-align:center; background-color:#23ac38; border-radius: 165px;  -webkit-border-radius: 165px; left:50%; margin-left:-165px; top:50%; margin-top:-165px; }

.owl-demo .tishi{ display:none;}
.owl-demo:hover .tishi{ display:block; text-align:center; width:100%;}



.fenlei a,.fenlei1 a { cursor:pointer;}
.fenlei1 a p{
display:block;
font-size:46px;
 color:#FFFFFF;
  padding-top:100px;
}

.fenlei1:hover a span,.fenlei1:hover a p{
			-webkit-animation-name: shake-base;
			animation-name: shake-base;
            -webkit-animation-duration: 0.75s;
			animation-duration: 0.75s;
            -webkit-animation-timing-function: linear;
			animation-timing-function: linear;
            -webkit-animation-iteration-count: 1;
			animation-iteration-count: 1;
}
.fenlei a p{
display:block;
font-size:46px;
 color:#FFFFFF;
 padding-top:100px;
}

.fenlei:hover a p,.fenlei:hover a span{
			-webkit-animation-name: shake-base;
			animation-name: shake-base;
            -webkit-animation-duration: 0.75s;
			animation-duration: 0.75s;
            -webkit-animation-timing-function: linear;
			animation-timing-function: linear;
            -webkit-animation-iteration-count: 1;
			animation-iteration-count: 1;
}

.fadeInUp { position:absolute; top:300px; width:100%; opacity:0; transition: all 1.5s;}
.active .fadeInUp {top:120px; opacity: 1; transition-delay: 0.7s;}
.casesbt { position:absolute; width:347px; height:51px; top:0px; background:url(cases.png) no-repeat;}

#owl-demo11 .owl-controls.clickable { margin:0px;}
.og-grid li {
	display: inline-block;

	vertical-align: top;
	height: 240px;
    width: 380px;
	
}

.og-grid li  a{
	border: none;
	outline: none;
	display: block;
	position: relative;
    width: 100%;
	 transition: all 0.5s;
	
}
.og-grid li  a img {
	border: none;
	outline: none;
	display: block;
	position: relative;
    width: 380px;
    height: 230px;
	 transition: all 0.5s;
	
}
.og-grid li a:hover{
	border: none;
	outline: none;
	display: block;
	position: relative;
    width: 100%;
    height: 230px;

}

.og-grid li a:hover img {
	border: none;
	outline: none;
	display: block;
	position: relative;
    width: 380px;
    height: 230px;
	-webkit-transform:scale(1.1, 1.1); transform:scale(1.1,1.1);
	transition-delay: 0s;
}

.gridpic {height: 230px; width: 380px; position:relative;overflow:hidden;}
.gridtit { padding-left:40px; text-align:left; line-height:40px;}







.fadeInUp { position:absolute; top:300px; width:100%; opacity:0; transition: all 1.5s;}
.active .fadeInUp {top:200px; opacity: 1; transition-delay: 0.7s;}



.og-grid {
	list-style: none;
	margin: 0 auto; margin-top:10px;
	width: 102%;
}

.og-grid li {
	display: inline-block;
	margin:10px 21px 10px 0px;
	vertical-align: top;
	height: 230px;
    width: 380px;
	
}

.og-grid li a{
	border: none;
	outline: none;
	display: block;
	position: relative;
    width: 100%;

	
}
.og-grid li a img {
	border: none;
	outline: none;
	display: block;
	position: relative;
    width: 100%;
    height: 230px;
	 transition: all 0.5s;
	
}
.og-grid li a:hover{
	border: none;
	outline: none;
	display: block;
	position: relative;
    width: 100%;
    height: 230px;

}

.og-grid li a:hover img {
	border: none;
	outline: none;
	display: block;
	position: relative;
    width: 100%;
    height: 230px;
	-webkit-transform:scale(1.1, 1.1); transform:scale(1.1,1.1);
	transition-delay: 0s;
}



.x {  position:absolute; z-index:5; top:140px; right:3.5%; background:url(x.png) no-repeat; width:44px; height:44px;}
.gd{  position:absolute; z-index:5; top:140px; right:3.5%; margin-right:50px;  background:url(gd.png) no-repeat; width:44px; height:44px;}
.gd a,.gw a,.pt a{ width:44px; height:44px; display: block;}
.gw{ position:absolute; z-index:5; top:140px; right:3.5%; margin-right:100px;  background:url(gw.png) no-repeat; width:44px; height:44px;}
.pt{ position:absolute; z-index:5; top:140px; right:3.5%; margin-right:100px;  background:url(pt.png) no-repeat; width:44px; height:44px;}
.x:hover { background:url(xb.png) no-repeat; width:44px; height:44px;}
.gd:hover{ background:url(gdb.png) no-repeat; width:44px; height:44px;}
.gd:hover a{width:44px; height:44px; display:block;}
.gw:hover{ background:url(gwb.png) no-repeat; width:44px; height:44px;}
.pt:hover{ background:url(ptb.png) no-repeat; width:44px; height:44px;}





/*---------------*/
/***** Bubba *****/
/*---------------*/

figure.effect-bubba {
	background:#000;

}

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

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

figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-bubba figcaption::before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

figure.effect-bubba figcaption::after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}

figure.effect-bubba h2 {
	position:absolute;
	top:0px;
	left:0px;
	padding-top: 34%;
	padding-left:40px;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0);
	color:#FFFFFF;
	font-weight:inherit;
	font-family:inherit;
/*	text-shadow: -1px -1px 1px #999,2px 2px 2px #333,2px 2px 2px #333;*/
text-shadow:black 0 3px 3px;
}
figure.effect-bubba:hover h2 {

	text-shadow: none;
}

figure.effect-bubba p {
	position:absolute;
	top:65%;
	left:0px;
	padding: 10px 40px;
	opacity: 0;
	font-size:14px;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,30px,0);
	transform: translate3d(0,30px,0);
	color:#FFFFFF;
	text-align:left;
}

figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	box-shadow: 0 0 0 30px rgba(0,0,0,0.2);
}

figure.effect-bubba:hover h2,
figure.effect-bubba:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	text-align:left;
	
}

.ckgd { font-size:36px; width:50px; height:50px; float:right; text-align:center; line-height:50px; position:relative; z-index:66;  }
.ckgd a{ display:block;  font-size:36px; width:50px; height:50px;   border-radius: 50%; background:#393a3c; color:#FFFFFF;}
.ckgd a:hover{ display:block;  font-size:36px; width:50px; height:50px;   border-radius: 50%; background:#cc000c; color:#FFFFFF;}

.alleft {width:50px; height:50px;   border-radius: 50%; border:1px solid #999999; background:url(lft1.png) no-repeat center; margin:0 5px;}
.alleft:hover {width:50px; height:50px;   border-radius: 50%; border:1px solid #999999; background:url(lft1.png) no-repeat center #fff; margin:0 5px;}
.alright {width:50px; height:50px;   border-radius: 50%; border:1px solid #999999; background:url(lft2.png) no-repeat center; margin:0 5px;}
.alright:hover {width:50px; height:50px;   border-radius: 50%; border:1px solid #999999; background:url(lft2.png) no-repeat center #fff; margin:0 5px;}
.almore { position:relative;}
.almore a{ display:block; width:50px; height:50px;   border-radius: 50%; border:1px solid #999999;  background:url(lft3.png) no-repeat center; position: absolute; left:50%; margin-left:70px; top:-60px; }
.almore a:hover{ display:block; width:50px; height:50px;   border-radius: 50%; border:1px solid #999999;  background:url(lft3.png) no-repeat center #fff; position: absolute; left:50%; margin-left:70px; top:-60px; }



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




figure.effect-bubba h2 {
	position:absolute;
	top:0px;
	left:0px;
	padding-top: 30%;
	padding-left:40px;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,50px,0);
	transform: translate3d(0,50px,0);
	color:#FFFFFF;
	font-weight:inherit;
	font-family:inherit;
	text-shadow:black 0 3px 3px;
}

figure.effect-bubba p {
	position:absolute;
	top:63%;
	left:0px;
	padding: 10px 40px;
	opacity: 0;
	font-size:14px;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,30px,0);
	transform: translate3d(0,30px,0);
	color:#FFFFFF;
	text-align:left;
	line-height:18px;
}


}

/* page3 end */




.in_about_bg{width:100%; height:auto; overflow:hidden; background:url(index_bg.jpg) no-repeat center top; margin-top:60px}
.in_about{width:1200px; margin:0px auto}
.in_about_l{width:630px; float:left; color:#fff}
.in_about_l{padding:80px 0px 50px 0px}
.in_about_l h2{font:normal 26px/32px "微软雅黑"}
.in_about_l h2 a span{font:bold 40px/32px "微软雅黑"; padding-right:15px}
.in_about_l h2 a{color:#fff}
.in_about_l p{font:normal 13px/26px "微软雅黑"; margin-top:80px;}



.in_jjfa{width:1200px; margin:0px auto; margin-top:50px}
.in_jjfa h2{background:url(index_fa_01.jpg) no-repeat center top; text-align:center; font:bold 30px/30px "微软雅黑"; padding-top:60px}
.in_jjfa h2 a{color:#000}
.in_jjfa ul{width:1220px; margin-top:60px; height:540px}
.in_jjfa ul li{width:245px; float:left; height:470px; margin-right:20px; background:url(index2__fa_02.jpg) no-repeat center top; padding:50px 20px 20px 20px}
.in_jjfa li a{text-align:center; font:normal 24px/28px "微软雅黑"; display:block; color:#fff; }
.in_jjfa li p{margin-top:80px; font:normal 13px/26px "微软雅黑"; color:#434343}


.in_contact_bg{background:url(index_con_bg.jpg) no-repeat center top; width:100%; margin-top:60px; height:auto; overflow:hidden; padding:120px 0px}
.in_contact{width:1200px; margin:0px auto; height:auto; overflow:hidden}
.in_contact_l{width:450px; margin-left:50px; float:left;  background:url(index_con_01.png) no-repeat left 20px; color:#fff; font:normal 19px/68px "微软雅黑"; padding-left:50px}
.in_contact_l span{font:bold 54px/68px Arial, Helvetica, sans-serif; color:#cc000c; display:block}
.in_contact_r{width:596px; margin-right:10px; float:right}
.in_contact_r img{ margin-right:40px}



.footer_list_bg{background-color:#97040d; width:100%; padding:25px 0px 15px 0px; height:auto; overflow:hidden}
.footer_list{width:1200px; margin:0px auto}
.footer_list dl{float:left; width:170px}
.footer_list dt{color:#fff; font:bold 16px/36px "微软雅黑"; padding-bottom:10px }
.footer_list dd{width:171px}
.footer_list dd a{color:#dba8ab; font:normal 13px/26px "微软雅黑"}

.in_footer_bg{width:100%; background-color:#161616; padding:15px 0px;}

.in_footer{width:1200px; margin:0px auto; font:normal 13px/26px "微软雅黑"; color:#fff}






/*凤巢网建*/
.fcwj_pc{width:1200px; background-color:#007e9d; height:353px}
.fcwj_pc_l{display:block; width:600px; height:353px; overflow: hidden; float:left}
.fcwj_pc_l img{cursor: pointer;  transition: all 0.6s;  }  
.fcwj_pc_l img:hover{transform: scale(1.1);}  
.fcwj_pc_r{width:480px; float:right; padding:60px}
.fcwj_pc_r a{font:normal 30px/50px "微软雅黑"; color:#fff; margin-bottom:30px; display:block}
.fcwj_pc_r p{font:normal 14px/26px "微软雅黑"; color:#fff; padding-bottom:30px}
.fcwj_pc_r span{width:160px; height:35px; border:1px solid #00b9e7; display:block; text-align:center}
.fcwj_pc_r span a{font:normal 16px/35px "微软雅黑"; color:#99ebff; margin:0px}


.fcwj_sj{width:1200px; background-color:#cc000c; height:353px}
.fcwj_sj_r{display:block; width:600px; float:right; height:353px; overflow: hidden;}
.fcwj_sj_r img{cursor: pointer;  transition: all 0.6s;  }  
.fcwj_sj_r img:hover{transform: scale(1.1);}  
.fcwj_sj_l{width:480px; float:left; padding:60px}
.fcwj_sj_l a{font:normal 30px/50px "微软雅黑"; color:#fff; margin-bottom:30px; display:block}
.fcwj_sj_l p{font:normal 14px/26px "微软雅黑"; color:#fff; padding-bottom:30px}
.fcwj_sj_l span{width:160px; height:35px; border:1px solid #ff4a55; display:block; text-align:center}
.fcwj_sj_l span a{font:normal 16px/35px "微软雅黑"; color:#ffc2c5; margin:0px}





.fcwj_wx{width:1200px; background-color:#f88915; height:353px}
.fcwj_wx_l{display:block; width:600px; float:left; height:353px; overflow: hidden;}
.fcwj_wx_l img{cursor: pointer;  transition: all 0.6s;  }  
.fcwj_wx_l img:hover{transform: scale(1.1);}  
.fcwj_wx_r{width:480px; float:right; padding:60px}
.fcwj_wx_r a{font:normal 30px/50px "微软雅黑"; color:#fff; margin-bottom:30px; display:block}
.fcwj_wx_r p{font:normal 14px/26px "微软雅黑"; color:#fff; padding-bottom:30px}
.fcwj_wx_r span{width:160px; height:35px; border:1px solid #ffa84d; display:block; text-align:center}
.fcwj_wx_r span a{font:normal 16px/35px "微软雅黑"; color:#ffd6ab; margin:0px}




.fcwj_sc{width:1200px; background-color:#007e9d; height:353px}
.fcwj_sc_r{display:block; width:600px; float:right; height:353px; overflow: hidden;}
.fcwj_sc_r img{cursor: pointer;  transition: all 0.6s;  }  
.fcwj_sc_r img:hover{transform: scale(1.1);}  
.fcwj_sc_l{width:480px; float:left; padding:60px}
.fcwj_sc_l a{font:normal 30px/50px "微软雅黑"; color:#fff; margin-bottom:30px; display:block}
.fcwj_sc_l p{font:normal 14px/26px "微软雅黑"; color:#fff; padding-bottom:30px}
.fcwj_sc_l span{width:160px; height:35px; border:1px solid #00b9e7; display:block; text-align:center}
.fcwj_sc_l span a{font:normal 16px/35px "微软雅黑"; color:#f99ebff; margin:0px}



.fcwj_mh{width:1200px; background-color:#cc000c; height:353px}
.fcwj_mh_l{display:block; width:600px; float:left; height:353px; overflow: hidden;}
.fcwj_mh_l img{cursor: pointer;  transition: all 0.6s;  }  
.fcwj_mh_l img:hover{transform: scale(1.1);}  
.fcwj_mh_r{width:480px; float:right; padding:60px}
.fcwj_mh_r a{font:normal 30px/50px "微软雅黑"; color:#fff; margin-bottom:30px; display:block}
.fcwj_mh_r p{font:normal 14px/26px "微软雅黑"; color:#fff; padding-bottom:30px}
.fcwj_mh_r span{width:160px; height:35px; border:1px solid #ff4a55; display:block; text-align:center}
.fcwj_mh_r span a{font:normal 16px/35px "微软雅黑"; color:#ffc2c5; margin:0px}


/*凤巢推广*/
.n_tg{width:580px; margin-top:40px;  height:330px; background-color:#eaeaea; float:left;}
.n_tg a{width:500px; height:250px; color:#434343; display:block; padding:40px;}

.n_tg a:hover{color:#fff; display:block; background-color:#cc000c}
.n_tg p span{display:block; text-align:center; color:#cc000c; border:1px solid #cc000c; width:150px; float:right; margin-top:60px}
.n_tg a:hover p span{color:#ff8188; border:1px solid #ff8188}

.n_tg1{width:580px; height:330px; margin-top:40px; background-color:#eaeaea; float:right;}
.n_tg1 a{width:500px; height:250px; color:#434343; display:block; padding:40px;}

.n_tg1 a:hover{color:#fff; display:block; background-color:#cc000c}
.n_tg1 p span{display:block; text-align:center; color:#cc000c; border:1px solid #cc000c; width:150px; float:right; margin-top:60px}
.n_tg1 a:hover p span{color:#ff8188; border:1px solid #ff8188}

/*凤巢推广*/





/*凤巢jit*/
.n_jit_l{width:580px; height:532px; float:left; background-color:#f1f1f1}
.n_jit_l a {}
.n_jit_l p{font:normal 13px/26px "微软雅黑"; padding:10px 20px; color:#434343}
.n_jit_l p a{font:normal 24px/46px "微软雅黑"; color:#000; padding-bottom:10px; display:block}
.n_jit_l span{display:block; margin-top:15px; margin-right:20px; border:1px solid #CCC; color:#999; float:right; width:150px; text-align:center}
.n_jit_l span a{color:#666}
 
.n_jit_r{width:580px; height:532px; background-color:#f1f1f1; float:right}
.n_jit_r a {}
.n_jit_r p{font:normal 13px/26px "微软雅黑"; padding:10px 20px; color:#434343}
.n_jit_r p a{font:normal 24px/46px "微软雅黑"; color:#000; padding-bottom:10px; display:block}
.n_jit_r span{display:block; margin-top:15px; margin-right:20px; border:1px solid #CCC; color:#999; float:right; width:150px; text-align:center}
.n_jit_r span a{color:#666}


.n_jit_tp{display:block; width:580px; height:352px; overflow: hidden;}
.n_jit_tp img{cursor: pointer;  transition: all 0.6s;  }  
.n_jit_tp img:hover{transform: scale(1.1);}
/*凤巢jit*/


/*凤巢nic*/
.n_nic{width:1240px}
.n_nic ul li{width:580px; height:209px; float:left; margin-right:40px; background-color:#f1f1f1; display:block; margin-bottom:40px}
.n_nic ul li img{float:left; display:block; width:253px; height:209px;}
.n_nic ul li span{font:normal 24px/40px "微软雅黑"; color:#000; margin:25px 20px 25px 30px; width:270px; float:left; display:block}
.n_nic ul li p{font:normal 13px/26px "微软雅黑"; color:#434343; margin:0px 20px 0px 30px; width:270px; display:block; float:left}
.n_nic ul li a:hover{background-color:#cc000c; width:580px; height:209px; display:block; color:#fff}
.n_nic ul li a:hover span{color:#fff}
.n_nic ul li a:hover p{color:#fff}


.n_nic ul li a{display:block; width:580px; height:209px; overflow: hidden;}
.n_nic ul li img{cursor: pointer;  transition: all 0.6s;  }  
.n_nic ul li img:hover{transform: scale(1.1);}


/*凤巢nic*/


/*凤巢运营*/

.n_fcyy ul li{width:400px; height:534px; background-color:#f1f1f1; float:left; display:block}
.n_fcyy ul li p{height:227px; padding:20px;}
.n_fcyy ul li p span{display:block; font: normal 24px/46px "微软雅黑"; color:#000; padding:20px 0px}
.n_fcyy ul li a:hover{color:#fff; background-color:#cc000c; display:block}}
.n_fcyy ul li a:hover p{color:#fff}
.n_fcyy ul li a:hover p span{color:#fff}




.n_fcyy ul li a{display:block; width:400px; height:534px; overflow: hidden;}
.n_fcyy ul li img{cursor: pointer;  transition: all 0.6s;  }  
.n_fcyy ul li img:hover{transform: scale(1.1);}

/*凤巢运营*/



/*凤巢新闻*/
.n_news{width:1240px}
.n_news ul li{width:580px; height:209px; float:left; margin-right:40px; background-color:#f5f5f5; display:block; margin-bottom:40px}
.n_news ul li img{float:left; width:253px; height:209px; margin-right:20px; display:block}
.n_news ul li p span{color:#999; display:block; padding-bottom:10px; display:block}
.n_news ul li p a{font:normal 16px/36px "微软雅黑"; color:#000; padding-top:10px; display:block}
.n_news ul li p{font:normal 13px/26px "微软雅黑"; color:#434343; width:290px; display:block; float:left}


.about_text h2{ font-size:15px;  text-align:center; line-height:40px; background-color:#f6f6f6;}
.about_text h3{ font-size:13px; font-weight:normal; text-align:center; border-bottom:1px solid #EBEBEB; line-height:40px; margin-bottom:10px;}
.xyp{ border-top:1px dashed #CCCCCC; margin-top:15px; padding-top:10px}
.xyp a{padding:5px}
.xyp a:hover{ color:#cc000c;}


.next1{ line-height:75px; text-align:center; color:#454545;}
.next1 a{ margin:0px 3px;  padding:0px 5px}
.next1 a:hover{background-color:#cc000c; color:#fff; padding:0px 5px}
.pages button{ line-height:22px;}
.pagesone{ display:none;}
/*凤巢新闻*/








.in_ly{width:100%; display:block; margin-top:70px}
.in_ly_t{width:250px; margin:0px auto; line-height:60px; text-align:center; font-size:30px; color:#fff; display:block; background-color:#cc000c}
.in_ly_t:hover{color:#fff; display:block; background-color:#cc000c}



/*内页凤巢客户*/

.prod{width:381px; float:left; margin:10px 9px 15px 9px; display:inline;  }
.prod_pic{width:381px; height:238px;}
.prod_pic img{ width:381px; height:238px;}
.zz a{width:381px; height:238px; display:block; margin-top:-205px; position:absolute; z-index:9999}
.zz a:hover{width:381px; height:238px; display:block; background-color:#000; opacity:0.7; filter:alpha(opacity=70)}
.prod_name{ line-height:45px; padding-left:10px; font-size:16px; text-align:center; background:#f1f1f1; margin-top:3px; }
.prod_name a{ color:#434343; font-size:16px; }
.prod_name strong{ float:right; width:45px;}


.next1{ line-height:75px; text-align:center; color:#454545;}
.next1 a{ margin:0px 3px;  padding:0px 5px}
.next1 a:hover{background-color:#0068b7; color:#fff; padding:0px 5px}
.pages button{ line-height:22px;}
.pagesone{ display:none;}