@charset "utf-8";
/* 样式来源于www.weilianbao.net,zxl*/
*{margin:0 auto;padding:0;list-style-type:none;}
a,img{border:0;}
body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体"; text-align:center}
#n{margin:10px auto; width:920px; border:1px solid #CCC;font-size:12px; line-height:30px;}
#n a{ padding:0 4px; color:#333}

/* flexslider */
.flexslider{position:relative;height:450px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:450px;}
.slides li a{ display:block; width:100%; height:100%; text-align:left; text-indent:-9999px}
.flex-control-nav{position:absolute;bottom:10px;z-index:2; left:45%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px; float:left;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3; left:0;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:60px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:60px;background:url(../images/next.png) center center no-repeat;}

/*新加的css*/
.slideBox{ width:1200px; height:555px; overflow:hidden; position:relative; margin:0 auto;}
.slideBox .hd{ height:18px; overflow:hidden; position:absolute; right:46%; bottom:30px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:10px; width:20px; height:18px; background:url(../images/hq_pic9.png) no-repeat; cursor:pointer; text-indent:-9999px;}
.slideBox .hd ul li.on{ background:url(../images/hq_pic8.png) no-repeat;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:1200px; height:555px; display:block;  }

.floatdiv{}
.floatdiv li{ width:63px; height:63px; text-align:center; background:#0095DA; margin-bottom:1px; position:relative; cursor:pointer;}
.floatdiv li img{ padding:5px 0;}
.floatdiv li p{ color:#FFF;}
.floatdiv li:hover{ background:#0095DA;}
.floatdiv li .subdiv{ display:none;}
.floatdiv li:hover .subdiv{ background:#0095DA; position:absolute; top:0; left:-143px; width:143px; display:block;}
.floatdiv li:hover .subdiv dt{ font-size:14px; color:#FFF; height:53px; padding-top:10px;}
.floatdiv li:hover .subdiv dd{ border:#dcdcdc 1px solid; background:#FFF; margin-bottom:5px; padding:5px 0;}
.floatdiv li:hover .subdiv dd a{ display:block; color:#777; background:url(../images/hq_pic153.jpg) 15px center no-repeat; padding-left:15px; height:30px; line-height:30px;}

.txtMarquee-left{ width:1200px;  position:relative; background:url(../images/hq_pic67.png) 125px center no-repeat #0094DA; height:30px;}
.txtMarquee-left .hd{ overflow:hidden;}
.txtMarquee-left .hd .prev,.txtMarquee-left .hd .next{ display:block; width:8px; height:13px; overflow:hidden; cursor:pointer; position:absolute; top:9px; }
.txtMarquee-left .hd .next{ background:url(../images/hq_pic69.png) no-repeat; right:115px;}
.txtMarquee-left .hd .prev{ background:url(../images/hq_pic68.png) no-repeat; right:130px;}
.txtMarquee-left .bd{ width:900px; margin:0 auto;}
.txtMarquee-left .bd .tempWrap{ float:left; width:900px !important; }/* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */
.txtMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.txtMarquee-left .bd ul li{ margin-right:20px;  float:left; height:30px; line-height:30px;  text-align:left; _display:inline; width:auto !important;  } 
.txtMarquee-left .bd ul li a{ color:#fff;}
.txtMarquee-left .bd ul li span{ color:#efefef; padding-left:80px;}

/*首页产品滑动*/
.sy_product{ height:520px; background:url(../images/pro_bj.jpg) no-repeat center top; }
.sy_pro_nr{ width:1120px; margin:0 auto;}
.sy_pro_nr h1{ height:70px; line-height:70px;  }
.sy_pro_nr h2{ height:15px;  margin-bottom:42px; }
.sy_pro_nr .probg { width:1120px; height:113px; background:url(../images/probg.png) no-repeat 0 0;}
.abbg { width:100%; height:113px; background:#fff url(../images/abbg.png) center no-repeat; margin:0 auto; padding:10px 0;}
.sy_pro_list .liangx{ height:40px; line-height:40px; background:url(../images/index_pro_xian.gif) repeat-x center center;  }
.sy_pro_list .liangx ul{ width:698px; margin:0 auto; background:#FBFBFB;  }
.sy_pro_list .liangx ul li{ float:left; width:115px; height:40px; line-height:40px; border:1px solid #DFDFDF; text-align:center; cursor:pointer; font-size:15px; color:#555555; }
.sy_pro_list .lxqhlr{ height:398px; margin-top:48px; overflow:hidden; width:1118px; position:relative;  }
.sy_pro_list .lxqhlr .lxqhlr_nr{ width:6720px; position:absolute; left:0px; top:0px; zoom:1;  }  
.sy_pro_list .liangx ul .commonmo{ color:#ffffff; font-size:15px; background:#A1228E; border:1px solid #A1228E;  }
.sy_pro_list .lxqhlr .group{ float:left; width:1120px; height:260px; overflow:hidden; }
.sy_pro_list .lxqhlr .commonmo{ display:block;}
.sy_pro_list .lxqhlr .group ul li{ width:260px; float:left; height:260px; background:#E1E8EC; margin-right:26px; }
.sy_pro_list .lxqhlr .group ul li img{ width:260px; height:220px; }
.sy_pro_list .lxqhlr .group ul li dl dt{ height:40px; line-height:40px; }
.sy_pro_list .lxqhlr .group ul li dl dt a{ display:block; width:260px; height:40px; line-height:40px;color:#333333; font-size:16px; text-decoration:none; }
.sy_pro_list .lxqhlr .group ul li dl dt a:hover{ color:#333333; background-color:#A3A3A3;}
.sy_pro_list .lxqhlr .group ul li dl dd{ color:#666666; font-size:13px; height:48px; line-height:24px; overflow:hidden;}

.clearfix:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix{display:block;}
.clear{clear:both; float:none; height:0;}

/*首页banner滑动*/
.banner-cloudapp{background:url(../../images/b1.jpg) center center no-repeat;}
.banner-cps{background:url(../../images/b2.jpg) center center no-repeat;}
.banner-trust{background:url(../../images/b3.jpg) center center no-repeat;}

.banner-engine{height:580px;position:relative;overflow:hidden;}
.banner-engine .banner-ul{position:relative;width:100%;height:560px}
.banner-engine .banner-text{position:absolute;left:0;top:-620px;width:100%;height:560px}
.banner-engine .banner-text{display:none}
.banner-engine .banner-text1{font-size:50px;line-height:50px;color:#fff}
.banner-engine .banner-text2{margin-top:28px;font-size:20px;line-height:20px;color:#e4e7eb}
.banner-engine .banner-link-button{display:inline-block;background:rgba(255,255,255, 0.7); margin-top:54px;width:160px;height:44px;line-height:42px;text-align:center;font-size:16px;color:#666}
.banner-engine .banner-link-button:hover{background:#008FD7;color:#fff;border:0px solid #008FD7}
.banner-ul li{display:none;height:100%;width:100%;float:left}
.banner-engine .banner-ul li{z-index:-1;position:absolute;left:0;top:0;display:block;height:100%;width:100%;float:left}
.banner-engine .banner-ul li:first-child{z-index:initial}

.banner-point{display:none;position:absolute;bottom:48px;left:0;width:100%;height:18px;line-height:18px}
.banner-engine .banner-point{display:block}

.slider-main{display:none;position:relative;margin:0 auto;min-width:1200px;max-width:1200px}
.banner-engine .slider-main{display:block}
.slider-text{position:absolute;margin-top:214px}
.banner-area{width:100%;text-align:center}
.banner-area li{margin:0 15px;display:inline-block;width:10px;height:10px;background:url(../images/pagination_02.png) no-repeat}
.banner-area li.active{background:url(../images/pagination_01.png) no-repeat}

/*首页五个特点*/
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.clearfix{height:1%}
.solution-list{position:relative;height:412px;z-index:9;width:1200px;margin:0 auto;}
.short-bar{position:absolute;top:187px;left:50%;margin-left:-15px;width:30px;height:3px;background-color:#fff}
.active .short-bar{top:201px;background-color:#fff}
.solution-list ul li{float:left;width:240px;position:relative;height:412px;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.solution-item-wrapper{width:240px;height:412px;background:url(../img/1_mix.jpg) center no-repeat}
.solution-item-02{background-image:url(../img/2_mix.jpg)}
.solution-item-03{background-image:url(../img/3_mix.jpg)}
.solution-item-04{background-image:url(../img/4_mix.jpg)}
.solution-item-05{background-image:url(../img/5_mix.jpg)}
.active .solution-item-wrapper{position:absolute;z-index:9;top:-62px;left:-51px;width:341px;height:526px;background:url(../img/1_max.jpg) no-repeat;-webkit-box-shadow:0 5px 40px rgba(0,0,0,.5);-moz-box-shadow:0 5px 40px rgba(0,0,0,.5);box-shadow:0 5px 40px rgba(0,0,0,.5)}

@media only screen and (max-width:1400px){
	.product-special-li-5.active .solution-item-wrapper{left:-102px}
}
.active .solution-item-02{background-image:url(../img/2_max.jpg)}
.active .solution-item-03{background-image:url(../img/3_max.jpg)}
.active .solution-item-04{background-image:url(../img/4_max.jpg)}
.active .solution-item-05{background-image:url(../img/5_max.jpg)}
.solution-list ul li p.solution-title{position:absolute;top:211px;width:100%;text-align:center;color:#fff;font-size:18px;z-index:2}
.solution-list ul li p.solution-intro{position:absolute;top:282px;left:50%;margin-left:-121px;width:242px;overflow:hidden;color:#eee;line-height:2;z-index:2;opacity:0;filter:alpha(opacity=0);font-size:14px;text-align:justify; text-align:center;}
.solution-list ul li a{display:none;position:absolute;top:452px;left:50%;margin-left:-87px;width:174px;height:40px;line-height:40px;text-align:center;font-size:14px;color:#fff;z-index:2;background-color:#0af}
.solution-list ul li a:hover{background-color:#0099e5;transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s}
.solution-list ul li.active p.solution-title{top:158px;font-size:22px}
.solution-list ul li.active p.solution-intro{top:230px;opacity:1;filter:alpha(opacity=100)}
.solution-list ul li.active a{top:410px;display:block}

/* index pic roll*/
#wrapper{text-align:center;}
.overlay{position: absolute; top: 0;left: 0; width: 100%;height: 100%;z-index: 10;text-align:center; display:none;}
.jscarousal{width: 1200px;height: 210px;margin:0 auto;padding: 0;position: relative; /*overflow: hidden;*/}
.jscarousal .jscarousal-left, .jscarousal .jscarousal-right{float: left;width: 15px;height: 98px;background-color: #121212;color: White;position: relative;top: 12px;cursor: pointer;}
.jscarousal .jscarousal-left{background-image: url(../images/left_arrow.jpg);background-repeat: no-repeat;background-position: left;}
.jscarousal .jscarousal-right{background-image: url(../images/right_arrow.jpg);background-repeat: no-repeat;background-position: right;}
.jscarousal-contents{width: 1150px;height: 210px;float: left;position: relative;overflow: hidden;}
.jscarousal-contents > div{position: absolute;width: 100%;height: 170px;}
.jscarousal-contents > div > div{float: left;margin-left: 6px;margin-right: 6px;}
.jscarousal-contents img{width: 212px;height: 170px;border: solid 1px #ccc;padding:2px;}
.hidden{display: none;}
.visible{display: block;}
.thumbnail-active{filter: alpha(opacity=60);opacity: 0.6;cursor: pointer;}
.thumbnail-inactive{filter: alpha(opacity=100);opacity: 1.0;cursor: pointer;}
.thumbnail-text{color: #333;text-align: center;display: block;padding: 10px 2px 2px 0px; font-size:14px;}