﻿*{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{position:relative;height:450px;overflow:hidden;background:url(../image/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(../image/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(../image/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:60px;background:url(../image/next.png) center center no-repeat;}


.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(../image/hq_pic9.png) no-repeat; cursor:pointer; text-indent:-9999px;}
.slideBox .hd ul li.on{ background:url(../image/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(404.png) 15px center no-repeat; padding-left:15px; height:30px; line-height:30px;}


.txtMarquee-left{ width:1200px;  position:relative; background:url(../image/hq_pic67.png) 125px center no-repeat #46ABDF; 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(../image/hq_pic69.png) no-repeat; right:115px;}
.txtMarquee-left .hd .prev{ background:url(../image/hq_pic68.png) no-repeat; right:130px;}
.txtMarquee-left .bd{ width:900px; margin:0 auto;}
.txtMarquee-left .bd .tempWrap{ float:left; width:900px !important; }
.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:#CFCDCD; padding-left:80px;}


.sy_product{ height:520px; background:url(404.png) 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(404.png) no-repeat 0 0;}
.abbg { width:100%; height:113px; background:#fff url(404.png) center no-repeat; margin:0 auto; padding:10px 0;}
.sy_pro_list .liangx{ height:40px; line-height:40px; background:url(../image/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-cloudapp{background:url(../image/b1.jpg) center center no-repeat;}
.banner-cps{background:url(../image/b2.jpg) center center no-repeat;}


.banner-engine{height:620px;position:relative;overflow:hidden;}
.banner-engine .banner-ul{position:relative;width:100%;height:620px}
.banner-engine .banner-text{position:absolute;left:0;top:-680px;width:100%;height:620px}
.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.3); margin-top:54px;width:160px;height:44px;line-height:42px;text-align:center;font-size:16px;color:#fff}
.banner-engine .banner-link-button:hover{background:#184097;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(../image/pagination_02.png) no-repeat}
.banner-area li.active{background:url(../image/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:#B6B2A3}
.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(404.png) center no-repeat}
.solution-item-02{background-image:url(404.png)}
.solution-item-03{background-image:url(404.png)}
.solution-item-04{background-image:url(404.png)}
.solution-item-05{background-image:url(404.png)}
.active .solution-item-wrapper{position:absolute;z-index:9;top:-62px;left:-51px;width:341px;height:526px;background:url(404.png) 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(404.png)}
.active .solution-item-03{background-image:url(404.png)}
.active .solution-item-04{background-image:url(404.png)}
.active .solution-item-05{background-image:url(404.png)}
.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}
.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:#FE4D00}
.solution-list ul li a:hover{background-color:#B6B2A3;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}



.banners img{ width:100%; height:100%;}
.ico1{
background: url(404.png) no-repeat;
width: 36px;
height: 36px;
}
.ico2{
background: url(404.png) no-repeat -48px 0;
width: 36px;
height: 36px;
}
.ico3{
background: url(404.png) no-repeat -96px 0;
width: 36px;
height: 36px;
}
.ico4{
background: url(404.png) no-repeat -143px 0;
width: 36px;
height: 36px;
}
.ico5{
background: url(404.png) no-repeat -192px 0;
width: 36px;
height: 36px;
}
.ico6{
background: url(404.png) no-repeat -239px 0;
width: 36px;
height: 36px;
}
.ico1:hover{
background: url(404.png) no-repeat;
}
.ico2:hover{
background: url(404.png) no-repeat -48px 0;
}
.ico3:hover{
background: url(404.png) no-repeat -96px 0;
}
.ico4:hover{
background: url(404.png) no-repeat -143px 0;
}
.ico5:hover{
background: url(404.png) no-repeat -192px 0;
}
.ico6:hover{
background: url(404.png) no-repeat -239px 0;
}
.banner-all{
position: relative;
}
.banner-active{
display: block !important;
}
#banner ul li{
display: none;
}
.banner-icons{
position: absolute;
bottom: 30px;
right: 17%;
}
.banner-icons li{
display: inline-block;
margin: 0 4px;
position: relative;
}

.banner-title{
	background: url(404.png) no-repeat;
	width: 102px;
	height: 34px;
	position: absolute;
    top: -40px;
    left: -33px;
    display: none;
    text-align: center;
    line-height: 26px;
    font-size: 12px;
	color:#476a0f
			}

.home-foc,.changephoto,.home-foc .photo{width: 100%; overflow: hidden; 

position:relative;}
.changephoto{}
.home-foc .photo img{width:100%;}
.bd ul{margin:0;padding:0}
.home-foc-nav{ position:absolute; left:50%; width:1090px; margin-left:-500px;bottom:2%}
.home-foc-nav ul{ float:right;}
.home-foc-nav li{ float:left; display:inline;cursor:pointer;  margin:0px 0 0 15px; }
.home-foc-nav a{ background-image:url(404.png); display:block; float:left; cursor: pointer; width:37px; height:37px;position: relative;
-webkit-transition: all 0s ease;
transition: all 0s ease;
}
.home-foc-nav .a01{background-position:0 -40px;}
.home-foc-nav .a02{background-position:-48px -40px;}
.home-foc-nav .a03{background-position:-96px -40px;}
.home-foc-nav .a04{background-position:-144px -40px;}
.home-foc-nav .a05{background-position:-192px -40px;}
.home-foc-nav .a06{background-position:-239px -40px;}
.home-foc-nav .a07{background-position:-328px -40px;}
.home-foc-nav .a08{background-position:-372px -60px;}
.home-foc-nav .on .a01{background-position:0 0;}
.home-foc-nav .on .a02{background-position:-48px 0;}
.home-foc-nav .on .a03{background-position:-96px 0;}
.home-foc-nav .on .a04{background-position:-144px 0;}
.home-foc-nav .on .a05{background-position:-192px 0;}
.home-foc-nav .on .a06{background-position:-239px 0;}
.home-foc-nav .on .a07{background-position:-328px 0;}
.home-foc-nav .on .a08{background-position:-372px 0;}


.home-foc .main{ 

position:absolute; left:0; bottom:0;   width:100%; z-index:1;}
.home-foc .titles{ position:absolute; left:50%; top:5px; margin-left:-470px; width:940px; z-index:1; 

color:#fff; overflow:hidden;}
.home-foc .titles a{ color:#fff;}
.home-foc .titles dl{ float:right;}
.home-foc .titles  dt{ float:left; font-size:40px;font-family:"寰蒋闆呴粦"; line-height:45px; display:inline; padding:10px 25px 0 0;}
.home-foc .titles dd{ width:700px; float:left; line-height:1.8em;}
.home-foc .titles dd p{ font-size:13px; 

line-height:22px;}
.home-foc .more{ padding-bottom:5px; overflow:hidden; width:100%;}
.home-foc .a_more{ float:right;}
.home-foc .bgcolor{background: #de8d45; }


@media screen and (min-width: 960px) and (max-width: 1366px){
.zjnxsy-middle{width:1000px;}
.content-news{width:710px;}
.xsy-news-item-pic{display:none;}
.xsy-news-item{width:343px;}
.zjnxsy-bottom{width:1000px;}
.content-roll{width:710px;}
}