 
/* CSS Document */
body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,input,img{margin:0px;padding:0px;}
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
img{border:none;}
body {color:#666; font-family:\5b8b\4f53,Arial,sans-serif;font-size:12px; width:100%; min-width:1200px;}
ul,ol,li,form, dl {list-style: none;}
p{margin:0px; padding:0px;}
a{text-decoration:none;color:#000; }
div{ margin:0 auto;}
div{
	font-family:微软雅黑;}
/*通用*/
.qcfd{clear:both;}	
.float_l{ float:left;}
.float_r{ float:right;}
.conter{width:1200px;height:auto;font-size:14px; margin:0 auto;}
.conter span{ float:right;}
.msx_20{ margin:20px 0;}
.msx_30{ margin:30px 0;}
.ms_20{ margin-top:20px;}
.mr_10{ margin-right:10px;}
.ml_10{ margin-left:10px;}
.mx_20{ margin-bottom:20px;}
.ps_20{ padding-top:20px;}
.ps_45{ padding-top:45px;}
.jz{ text-align:center;}
/*top*/
.top{width:auto; height:32px; background-color:#ccc; line-height:32px;}
.top img{ width:173px; height:14px; float:right; margin:9px 0;}

/*导航*/
.nav {width:auto; height:100px; background-color:#fff;}
.logo{ width:222px; height:64px; margin:16px 0; margin-right:108px;}
.logo img{ width:350px; height:64px;}
.nav li{ width:122px; float:left; height:70px; line-height:48px; text-align:center; font-size:16px; padding:15px 0; }
.nav_bj1{width:32px; height:32px; background-image:url(../image/nav_img01.png);}
.nav_bj2{width:32px; height:32px; background-image:url(../image/nav_img02.png);}
.nav_bj3{width:32px; height:32px; background-image:url(../image/nav_img03.png);}
.nav_bj4{width:32px; height:32px; background-image:url(../image/nav_img04.png);}
.nav_bj5{width:32px; height:32px; background-image:url(../image/nav_img05.png);}
.nav_bj6{width:32px; height:32px; background-image:url(../image/nav_img06.png);}
.nav_bj7{width:45px; height:32px; background-image:url(../image/nav_img07.png);}
.nav_bj8{width:32px; height:32px; background-image:url(../image/nav_img13.png);}

.nav li:hover { display:block; background-color:#33abe0;}
.nav li:hover a{ color:#fff;}
.nav li:hover .nav_bj1{ background-image:url(../image/nav_img01.png);}
.nav li:hover .nav_bj2{ background-image:url(../image/nav_img02.png);}
.nav li:hover .nav_bj3{ background-image:url(../image/nav_img03.png);}
.nav li:hover .nav_bj4{ background-image:url(../image/nav_img04.png);}
.nav li:hover .nav_bj5{ background-image:url(../image/nav_img05.png);}
.nav li:hover .nav_bj6{ background-image:url(../image/nav_img06.png);}
.nav li:hover .nav_bj7{ background-image:url(../image/nav_img07.png);}
<!--banner-->
.banner{ width:auto; height:auto;}
.flexslider{ height:460px; position:relative; overflow:hidden; background-image:url(404.png) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:600px;}
.flex-control-nav{position:absolute; bottom:20px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;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;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:40px;background:url(404.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{ right:40px;background:url(404.png) center center no-repeat;}

/*产品展示*/
.cp{ width:1200px; height:636px; margin-bottom:30px;}
.zs_bj{ width:1200px; height:60px; background:url(404.png); margin-bottom:30px;}
.cp_l{ width:596px;  height:546px;  margin:0 2px;}
.cp_l img{ width:596px; height:546px;}
.cp_r{ width:596px;  height:546px;  margin:0 2px;}
.cp_s { width:596px; height:296px; margin-bottom:4px;}
.cp_x{   width:596px; height:246px;}
.cp_d{ width:276px; height:216px; background-color:#0096d8; text-align:center; color:#FFF; padding-top:30px;}
.cp_d dd{ font-size:30px; padding-bottom:20px;}
.cp_d a{ width:100px; height:36px; display:block; line-height:36px; background-color:#fff; margin:5px 10px; color:#0096d8; border-radius:30px;}
.lianj{ width:276px; height:auto; text-align:center; margin:0 18px; margin-top:10px; }
/*成功案例*/
.al{ width: auto; height:340px; background-color:#f5f5f5; text-align:center; padding-top:20px;}
.alzs{ width:1200px; height:240px; margin-top:40px; overflow:hidden;}
.alzs li{ width:240px; height:240px; float:left; position:relative; margin:0 10px;}
.alzs li p{ text-align:center; color:#333;}
.alzs li img{ width:240px; height:200px;}
.al_fg{ display: none; overflow:hidden; width:220px; height:180px; background-color:#ff7f00; padding:10px; position:absolute; top:0; color:#fff; text-align:left;  }
.al_fg span{  padding:0 10px; border-bottom:1px solid #fff; border-top:1px solid #FFF;}
.al_fg h3{ margin-top:20px; margin-bottom:10px;}
.al_fg a{ width:100px; height:24px; border:2px solid #fff; display:block; text-align:center; color:#fff; position:absolute; left:60px; bottom:10px;}
.alzs li:hover .al_fg{ display:block;}
.gg{ width:auto; height:250px; background-image:url(../image/add_gg.png); background-position:center; margin-bottom:30px;}
/*新闻*/
.xwbj{ width:1200px; height:650px; margin-top:20px;}
.news{ width:662px;}
.news-list li{ padding:12px 0; border-bottom:1px solid #f5f5f5;}
.news-list li i{ font-style:normal; vertical-align:top; color:#333; display:inline-block; font-size:22px; font-weight:bold; width:174px; text-align:center; line-height:32px;}
.news-list li dl{ width:474px; display:inline-block; padding-right:10px;}
.news-list li dt{ height:32px; line-height:32px;}
.news-list li dt a{ float:left; font-size:16px;}
.news-list li dt span{ float:right; color:#bbb;}
.news-list li dd{ clear:both; display:none; line-height:20px; color:#666; text-indent:2em; height:40px; overflow:hidden;}
.news-list li:hover,.news-list li.first{ background-color:#f5f5f5;}
.news-list li:hover i,.news-list li.first i{ line-height:72px; font-size:36px;}
.news-list li:hover dt a,.news-list li.first dt a{ color:#ff7f00;}
.news-list li:hover dd,.news-list li.first dd{ display:block;}


.dj{ width:642px; height:130px; background-color:#f5f5f5; display:none;  padding:0 10px;  } 
/*.dj a{ color:#ff7f00; font-size:18px; }
.dj p{ line-height:2; text-indent:2em;}
.dj .sj i{ font-size:36px; width:86px; height:86px; margin:12px 0; float:left; margin-right:10px; padding:10px; text-align:center; line-height:86px;}*/
/*简介*/
.jj{ width:538px; height: height:605px;}
.jj_xq{ width:518px; height:195px; background-color:#333333; padding:10px; text-align:center; position:relative;}
.jj_xq img{ margin:10px 0; }
.jj_xq p{  text-indent:2em; text-align:left; color:#ccc; line-height:20px;font-size: 14px;}
.jj_xq a{ color:#ff7f00; position:absolute; bottom:10px; right:10px;}
.viods{ width:538px; height:248px;}

.ryhz{ width:1200px; height:350px; margin:10px auto; text-align:center;}


/*尾部*/
.wb{ line-height:2; width:auto; height:120px; background-color:#262626; text-align:center; border-top: 6px solid #0096d8;  color:#ccc; padding-top:30px;}
.wb a{ color:#cccccc;}

/*QQ在线*/
.main-im{position:fixed;right:10px;top:50%; margin-top:-136px;z-index:100;width:110px;height:272px;}
.main-im .qq-a{display:block;width:106px;height:116px;font-size:14px;color:#0484cd;text-align:center;position:relative;}
.main-im .qq-a span{bottom:5px;position:absolute;width:90px;left:10px;}
.main-im .qq-hover-c{width:70px;height:70px;border-radius:35px;position:absolute;left:18px;top:10px;overflow:hidden;z-index:9;}
.main-im .qq-container{z-index:99;position:absolute;width:109px;height:118px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid #dddddd;background: url(404.png) no-repeat top center}
.main-im .img-qq{max-width:60px;display:block;position:absolute;left:6px;top:3px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.main-im .im-qq:hover .img-qq{max-width:70px;left:1px;top:8px;position:absolute;}
.main-im .im_main{background:#F9FAFB;border:1px solid #dddddd;border-radius:10px;background:#F9FAFB;display:block;}
.main-im .im_main .qq_c{ margin-top:4px; width:109px; height:80px; border-bottom:solid 1px #ddd;}
.main-im .im_main .qq_c a img{ margin-top:10px; margin-left:10px;}
.main-im .im_main .im-tel{color:#000000;text-align:center;width:109px;height:105px;border-bottom:1px solid #dddddd;}
.main-im .im_main .im-tel div{font-weight:bold;font-size:12px;margin-top:6px;}
.main-im .im_main .im-tel .tel-num{font-family:Arial;font-weight:bold;color:#e66d15;}
.main-im .im_main .im-tel:hover{background:#fafafa;}
.main-im .im_main .weixing-container{width:55px;height:47px;border-right:1px solid #dddddd;background:#f5f5f5;border-bottom-left-radius:10px;background: url(404.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show{width:112px;height:172px;background:#ffffff;border-radius:10px;border:1px solid #dddddd;position:absolute;left:-125px;top:-126px;}
.main-im .im_main .weixing-show .weixing-sanjiao{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #ffffff;border-width:6px;left:112px;top:134px;position:absolute;z-index:2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #dddddd;border-width:8px;left:112px;top:132px;position:absolute;}
.main-im .im_main .weixing-show .weixing-ma{width:104px;height:103px;padding-left:5px;padding-top:5px;}
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto;text-align:center;}
.main-im .im_main .go-top{width:50px;height:47px;background:#f5f5f5;border-bottom-right-radius:10px;background: url(404.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a{display:block;width:52px;height:47px;}
.main-im .close-im{position:absolute;right:10px;top:-12px;z-index:100;width:24px;height:24px;}
.main-im .close-im a{display:block;width:24px;height:24px;background: url(404.png) no-repeat left top;}
.main-im .close-im a:hover{text-decoration:none;}
.main-im .open-im{cursor:pointer;margin-left:68px;width:40px;height:133px;background: url(404.png) no-repeat left top; display:none;}
