
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
li{list-style:none;}

body { color:#333;font:12px/1.231 Verdana, Arial, Helvetica, sans-serif "";} /*网站字体颜色*/
a { color:#333; text-decoration:none; }  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
a:hover { color:#333; text-decoration:underline;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0; overflow:hidden;}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.fw{ font-family:"微软雅黑","宋体";}
.pa{ position:absolute;}
.pr{ position:relative}
.mt8{ margin-top:8px;}
.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
/* -- 购物车外部框架 -- */

/* -- 页面整体布局 -- */
.dxCaseyx{margin:0px; padding:0px; width:100%; position:relative;background:#f6f7f7;}
.header{background:url(../Images/sdw_01.jpg) repeat-x;height:177px;}
 .container{margin-left: auto;margin-right: auto;width:1104px;}
.wfix{width:1060px;margin:0 auto; position:relative;}
.align_r{text-align:right;}
.align_c{text-align:center;}
.left { width:220px; float:left; overflow:hidden;}
.left2 { width:670px; float:left; overflow:hidden;background:#fff;}
.left3 { width:754px; float:left; overflow:hidden; color:#666;}
.lefttop {  height:3px; font-size:0; overflow:hidden;}
.left2top { background:url(../images/left2_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.leftbot { height:3px; font-size:0; overflow:hidden;  margin-bottom:10px;}
.left2bot { background:url(../images/right_bot2_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px;}
.hot_icon{ position:absolute; left:468px; top:90px;}

.right { width:730px; float:left; display:inline; margin-left:10px; overflow:hidden;}
.right2 { width:275px;  float:right; overflow:hidden;background:#fff}
.right3 { width:201px; float:right; overflow:hidden; color:#666;}
.righttop {  font-size:0; overflow:hidden;}
.right2top { background:url(../images/right2_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.rightbot {  height:3px; font-size:0; overflow:hidden; margin-bottom:10px;}
.right2bot { background:url(../images/left_bot2_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px;}

.right_main { width:728px; min-height:458px; border:solid 1px #d5d5d5;border-top:0;  padding-bottom:15px; overflow:hidden;background:#fff}
.right2_main { width:273px; border:solid 1px #d5d5d5; border-top:0; border-bottom:0; padding-bottom:15px; overflow:hidden;}
.left2_main { width:668px;  border:solid 1px #d5d5d5; border-top:0; border-bottom:0; overflow:hidden;}

/* CSS Document */
/* *{transition:all .5s;}*/

.caseBanner{width:100%; height:225px; background:url(../images/caseBanner.jpg) no-repeat center;}

.caseBody{/*background:url(Img/Case/caseBody.jpg) repeat;overflow-x:hidden;*/ background-color:#DEDEDE;}

.aljuchiBox{position:relative; height:0px;}
.aljuchiBox .juchi{position:absolute; left:0px; top:-4px; width:100%; height:4px; background:url(../images/aljuchi_ico.png) repeat-x center;}

.alCont{width:1158px; min-height:435px; padding-bottom:50px; position:relative; margin-top:20px;}

.alMu{position: absolute; top:0px; left:-115px; width:150px;}
.fixed{position:fixed; top:10px; left:20px;}
.alMu li{height:32px; line-height:32px; font-size:14px;transition:all 0s;}
.alMu li a{padding-left:34px; display:block; color:#858585; text-decoration:none;  background:url(../images/alMu_ico.png) no-repeat left 8px;}
.alMu li a:hover , .alMu li a.cur{font-weight:bold; color:#ff5b00;}
.alMu li a.a01{background-position:-266px 8px;}
.alMu li a.a02{background-position:-266px -26px;}
.alMu li a.a03{background-position:-266px -54px;}
.alMu li a.a04{background-position:-266px -88px;}
.alMu li a.a05{background-position:-266px -120px;}
.alMu li a.a06{background-position:-266px -148px;}
.alMu li a.a07{background-position:-266px -184px;}
.alMu li a.a08{background-position:-266px -216px;}
.alMu li a.a09{background-position:-266px -248px;}
.alMu li a.a010{background-position:-266px -280px;}
.alMu li a.a011{background-position:-266px -312px;}
.alMu li a.a012{background-position:-266px -344px;}
.alMu li a.a013{background-position:-266px -378px;}
.alMu li a.a014{background-position:-266px -410px;}
.alMu li a.a015{background-position:-266px -442px;}

.alMu li a.a01:hover , .alMu li a.a01.cur{background-position:0px 8px;}
.alMu li a.a02:hover , .alMu li a.a02.cur{background-position:0px -26px;}
.alMu li a.a03:hover , .alMu li a.a03.cur{background-position:0px -54px;}
.alMu li a.a04:hover , .alMu li a.a04.cur{background-position:0px -88px;}
.alMu li a.a05:hover , .alMu li a.a05.cur{background-position:0px -120px;}
.alMu li a.a06:hover , .alMu li a.a06.cur{background-position:0px -148px;}
.alMu li a.a07:hover , .alMu li a.a07.cur{background-position:0px -184px;}
.alMu li a.a08:hover , .alMu li a.a08.cur{background-position:0px -216px;}
.alMu li a.a09:hover , .alMu li a.a09.cur{background-position:0px -248px;}
.alMu li a.a010:hover , .alMu li a.a10.cur{background-position:0px -280px;}
.alMu li a.a011:hover , .alMu li a.a11.cur{background-position:0px -312px;}
.alMu li a.a012:hover , .alMu li a.a12.cur{background-position:0px -344px;}
.alMu li a.a013:hover , .alMu li a.a13.cur{background-position:0px -378px;}
.alMu li a.a014:hover , .alMu li a.a14.cur{background-position:0px -410px;}
.alMu li a.a015:hover , .alMu li a.a15.cur{background-position:0px -442px;}




.alList{padding:0px 20px; overflow:hidden; *margin-bottom:15px;}
.alList li{position:relative; float:left; margin-left:13px; margin-bottom:20px; padding:10px; width:244px; height:400px; background:url(../images/alLiBg.png) no-repeat center; box-shadow:3px 3px 5px 3px rgba(0,0,0,.1);}
.alList li>a{display:block;width:244px; height:300px;overflow:hidden}
.alList li span , .alList li p{font-size:14px; color:#333;}
.alList li span{margin-top:16px; display:inline-block;}
.alList li p{padding: 20px 0px;height: 40px;line-height: 20px;overflow: hidden;margin-bottom: 0px;}
.alList li div{}
.alList li div a{padding-right:20px; color:#939393; font-size:14px;}
.alList li div a.fl_jump{background:url(../images/fl_jump.png) no-repeat right -36px;}
.alList li div a.fr_like{background:url(../images/fr_like.png) no-repeat right -36px;}
.alList li i.mask{position:absolute; left:10px; top:10px; width:244px; height:0px; background:url(../images/al_mask.png) no-repeat center;}
.alList li.noMr{margin-right:0px;}
.alList li:hover{background-image:url(../images/alLiBgH.png); box-shadow:3px 3px 8px 5px rgba(0,0,0,.3);}
.alList li:hover span , .alList li:hover p{color:#fff;}
.alList li:hover div a{color:#fff; background-position:right -6px;}
.alList li:hover i.mask{height:300px;}

.alCont .alGgl{margin-bottom:15px; text-align:center;}


/**/
.mulu{width: 1044px;position: relative;margin:0px auto;height:25px;line-height:25px;padding:10px 10px;font-size:14px;border-bottom:1px solid #ccc;    }
.mulu ul li{ float:left; margin-right:3px; font-size:14px;line-height:20px;}
.mulu ul li a:hover,.mulu ul li a.cur{ color:#ff5d00;}
.muludiqu{ background-color:#ff5d00; height:20px; padding:0px 10px; line-height:20px; color:#fff;}






/*............................................................................................*/
/*微信客户案例中心*/
.main{display:block;width:1000px;margin:0 auto;}
.modlist{display:block;padding:0px 0 0px 0px;min-height:600px;}
.modpic li{display:block;float:left; padding:2px;width:229px;height:400px;border:1px solid #ccc;margin:12px 15px 0px 0; display:inline;}
.modpic li a{display:block;position:relative;width:229px;height:400px;overflow:hidden;}
.modpic li a span{display:block;position:absolute;left:0px;top:375px;width:232px;height:400px;background-color:#FFF;filter:alpha(opacity=70);-moz-opacity:0.9;opacity:0.9;text-align:center;font-size:14px;color:#fff;}
.modpic li a span p{line-height:22px;text-align:center; padding-top:10px;width:230px; background-color:#333} 

.flash{margin-bottom:15px; padding:0px; text-align:center; width:1058px; height:200px; overflow:hidden; float:left; border:1px solid #ddd;}


#ab_flash{margin-bottom:8px; margin-top:5px; padding:0px; width:998px; height:200px; float:left ; border:1px solid #ddd;}
.page{margin-top:10px; padding-top:8px; width:100%; clear:both;height:25px; font-size:12px; color:#666; text-align: right; background-color:#eeeeee;}

#left{margin:0px; padding:0px; float:left; width:250px;  min-height:330px; height:auto!important;height:330px; overflow:hidden;}
#Zznews{margin-bottom:15px; padding:0px; width:1000px; height:300px; overflow:hidden; float:left;}
#Zznews .zzCont{margin-right:12px; display:inline; padding:10px; width:221px; height:290px; float:left;background-color:#EAEAEA;} 
#Zznews .zRtCont{margin:0px; padding:10px; width:221px; height:290px; float:left;background-color:#EAEAEA;} 

#Zznews .zzCont h2,.zRtCont h2{margin:0px; padding:12px 0px 0px 10px;width:220px; height:34px; float:left; font-size:14px; color:#fff; font-weight:normal; background:url(../images/lbBj.gif) no-repeat;}
#Zznews .zzCont .Zzimg,.zRtCont .Zzimg{margin-bottom:10px; padding:0px; width:220px; float:left;}
#Zznews .zzCont .Zzlerong,.zRtCont .Zzlerong{margin-bottom:6px; padding:0px; width:220px; height:65px; overflow:hidden; line-height:20px; color:#666;}
#Zznews .zzCont .Zznsli,.zRtCont .Zznsli{margin:0px; padding:0px; width:220px; height:65px; overflow:hidden; line-height:20px; }
#Zznews .zzCont .Zznsli li,.zRtCont .Zznsli li{margin:0px; padding:0px; width:220px; height:22px; line-height:22px; float:left;}
#Zznews .zzCont .Zzlerong_2,.zRtCont .Zzlerong_2{margin-bottom:6px; padding:0px; width:220px; height:80px; overflow:hidden; line-height:20px; color:#666;}
#Zznews .zzCont .Til_2,.zRtCont .Til_2{margin:0px; padding-top:8px;width:220px; text-align:center; height:20px; float:left; font-size:12px; color:#fff;background-color:#FEE9E0; border-bottom:1px dashed #FCC19A;border-top:1px dashed  #FCC19A;}

.leftbont{margin:0px; padding:0px; width:250px; height:100px; float:left;}
.leftbj_bt1{margin:0px; padding:15px 0px 0px 10px; float:left; width:239px; height:30px; background:url(../images/left_bj3.jpg) no-repeat; font-size:14px; color:#333333; font-weight:bold;}
.leftbj_title{margin:0px; padding:10px 0px 0px 10px; float:left; width:240px; height:19px; background:url(../images/left_bj1.jpg) no-repeat; font-size:14px; color:#333333; font-weight:bold;}
#leftLb{margin-top:5px; padding:0px; width:240px; min-height:215px; height:auto! important; height:215px; float:left;}
.leftbj_cont1{margin-bottom:10px; padding:0px; float:left; width:247px;border-left:1px solid #dddddd; border-right:1px solid #dddddd; border-top:1px solid #dddddd; border-bottom:1px solid  #dddddd; }
.leftbj_cont1 ul{margin:0px; padding:0px;list-style-type:none;}
.leftbj_cont1 li{margin:0px; padding:2px 0px 0px 10px; width:230px; height:24px; line-height:24px; float:left;border-bottom:1px dashed #ccc; }
.leftbj_cont1 a{ font-size:12px; color:#333333; text-decoration:none;padding:5px 0px 0px 15px; margin:0px;}
.leftbj_cont1 a:link,a:visited,.leftbj_cont1 a:link,a:visited{ color:#333333;}
.leftbj_cont1 a:hover,.tu a:hover{ font-size:12px; color:#FF3300; background-color:#FF0000; display:block;}
.leftbj_cont2{margin-bottom:5px; padding-top:3px; float:left; width:247px; height:98px; border:1px solid  #FECE9E; background-color:#FDF4D5;}
/*............................................................................................*/
.flash1{margin-bottom:5px; padding:0px; text-align:center; width:680px; height:215px; float:left;}

