/* CSS Document */
.container{display:block; width:100%; margin-top:60px;}
.container .products{display:block; width:1101px; margin:0 auto;}


.container .products .list{width:230px;}
.container .products .list .title{display:block;width:230px; height:47px; background:url(../images/list_tit.jpg) no-repeat left top; padding-top:15px;}
.container .products .list .title h4{display:block; margin-left:40px;padding-left:30px; background:url(../images/biao.png) no-repeat left center;  height:30px; line-height:30px; font-size:24px; color:#fff;}

.container .products .list .con{display:block; border:1px solid #e1e1e1; border-top:none; padding:14px;}
.container .products .list .con ul{display:block; width:200px;}
.container .products .list .con ul li{display:block; width:200px;margin-bottom:10px;}
.container .products .list .con ul li a{display:block; width:158px; height:34px; line-height:34px; font-size:15px;padding-left:40px; border:1px solid #e1e1e1; border-radius:20px;}
.container .products .list .con ul li a:hover{ background:#3575c0; color:#fff;border:1px solid #3575c0; }

.container .products .list .con ul li dd{display:block; }
.container .products .list .con ul li dd a{border:none;padding-left:50px; width:148px; background:url(../images/dian.jpg) no-repeat 40px center; text-align:left; font-size:13px;border:none;height:28px; line-height:28px;}
.container .products .list .con ul li dd a:hover{background:url(../images/dianh.jpg) no-repeat 40px center;border:none; color:#3575c0;}


.container .products  .show{width:841px;}
.container .products  .show .title{display:block; width:839px; height:50px; background:url(../images/pro_bg.jpg) repeat-x left top;  border-right:1px solid #e1e1e1;}
.container .products  .show .title li{float:left; width:167px; height:50px; line-height:50px;}
.container .products  .show .title li a{display:block; width:167px; height:50px; line-height:50px; font-size:16px; color:#444; text-align:center; border-left:1px solid #e1e1e1;}
.container .products  .show .title li a.current{width:167px; height:46px; line-height:46px; font-size:16px; text-align:center; color:#3575c0; background:#fff;border-top:4px solid #3575c0;}
.container .products  .show .con{display:block; padding-top:20px; width:841px; overflow:hidden;}
.container .products  .show .con dl{display:none; width:851px;}
.container .products  .show .con dl dd{float:left; width:273px; box-shadow:0px 0px 2px #ccc;border:1px solid #e1e1e1; margin-right:8px; margin-bottom:12px;}
.container .products  .show .con dl dd a.pic{display:block; width:273px; height:205px;}
.container .products  .show .con dl dd img{display:block; width:273px; height:205px;}
.container .products  .show .con dl dd a.tit{display:Block; width:261px; height:40px; padding-left:10px; line-height:40px; font-size:15px; color:#666; background:url(../images/arrow.jpg) no-repeat 241px center;}
.container .products  .show .con dl dd a.tit:hover{background:url(../images/arrowh.jpg) no-repeat 241px center; color:#3575c0; }

.container .products  .show .con dl dd:hover{border:1px solid #3575c0;}
.container .products  .show .con dl dd:hover .tit{background:url(../images/arrowh.jpg) no-repeat 241px center; color:#3575c0;}


.container .project{display:block; width:1101px; margin:0 auto; margin-top:60px;}
.container .project .fl{width:494px; position:relative; z-index:2; left:0; top:0;}
.container .project .fr{width:607px;}

/*-------------------------------------------------------»ÃµÆƬ-------------------------------------*/
.container .project .fr .huan_out{didsplay:block; width:607px; height:456px; position:relative; z-index:2; }
.container .project .fr .huan_out .huan{display:block; width:607px; height:456px;position:relative;z-index:2;overflow:hidden;}
.container .project .fr .huan_out .huan .ze{display:block; position:absolute;width:587px; left:0;padding:0px 10px; bottom:0;   height:41px;line-height:41px; z-index:3;color:#fff;background:url(../images/ze.png) repeat left top; font-size:16px; color:#fff;}
.container .project .fr .huan_out .huan .pic{display:block; width:700%;}
.container .project .fr .huan_out .huan .pic li img{display:block; width:607px; height:456px;}
.container .project .fr .huan_out .huan .pic li{float:left; width:607px; height:456px;}
.container .project .fr .huan_out .huan .btnt{ position:absolute;right:4px; bottom:0; z-index:24;height:32px;margin-right:2px;}
.container .project .fr .huan_out .huan .btnt li{float:left;width:23px; height:23px;background:#494848;font-size:16px;margin-right:3px;cursor:pointer; text-align:center;line-height:23px; color:#fff;border:1px solid #666666; }
.container .project .fr .huan_out .huan .btnt li.red{background:#4b8bc2; border:1px solid #77a9d5;}

.container .project .fr .arrow_l{display:block;position:absolute; left:-81px; top:27px; width:40px; height:40px;z-index:5; background:url(../images/a_l.jpg) no-repeat left top;cursor:pointer;}
.container .project .fr .arrow_l:hover{background:url(../images/a_l_h.jpg) no-repeat left top;}
.container .project .fr .arrow_r{display:block;position:absolute; left:-40px; top:27px; width:40px; height:40px;z-index:4;background:url(../images/a_r.jpg) no-repeat left top; cursor:pointer;}
.container .project .fr .arrow_r:hover{background:url(../images/a_r_h.jpg) no-repeat left top;}

/*----------------------------------------------------------------------------------------------------*/
.container .project .fl .title{display:block; position:absolute; z-index:3; height:147px; }
.container .project .fl .title .box{float:left;; margin-left:25px; width:158px; height:147px; background:url(../images/c_title_bg.png) no-repeat left top;}
.container .project .fl .title .box .en{padding-top:15px; font-size:28px; font-family:Candara,Arial, Helvetica, sans-serif; color:#666; font-weight:bold; margin-left:15px; text-transform:uppercase; padding-bottom:18px; background:url(../images/line2.jpg) no-repeat left bottom;}
.container .project .fl .title .box  h4{display:block; height:30px; line-height:30px; font-size:22px; color:#444;margin-left:15px;padding-top:15px;}

.container .project .fl .title  .tip{float:right; padding-top:108px;}

.container .project .fl .con{display:block; width:494px; height:282px; background:#3575c0;margin-top:67px; padding-top:95px;}
.container .project .fl .con ul{display:block; margin-left:30px;}
.container .project .fl .con li{float:left;width:220px; height:28px; font-size:13px; line-height:28px;}
.container .project .fl .con li a{display:block; height:28px; font-size:13px; line-height:28px; color:#fff;}
.container .project .fl .con .more{display:block; width:106px; height:36px; border:2px solid #fff; border-radius:20px; line-height:36px; font-size:14px; color:#fff;padding-left:45px; background:url(../images/arrow2.png) no-repeat 86px center; margin-left:30px; margin-top:20px;}
.container .project .fl .con .more:hover{color:#ea090d;background:#fff url(../images/arrow2h.png) no-repeat 86px center;}


.container .customer{display:block;width:1101px; margin:0 auto; margin-top:60px;}
.container .customer .title{display:block; width:100%; height:70px;}
.container .customer .title h4{display:block; width:100%; height:40px; line-height:40px; font-size:26px; color:#3575c0; font-weight:bold; text-align:center;}
.container .customer .title .en{display:block; height:20px; line-height:20px; text-align:center; color:#999; font-size:16px;padding-bottom:20px; background:url(../images/t_bg.jpg) no-repeat center bottom;}
.container .customer .con{display:block; padding-top:35px;}


.advantage{display:block; width:100%; margin-top:70px; position:relative; z-index:2; left:0; top:0;}
.advantage .title{display:block; position:absolute; z-index:3;right:0px; top:0px; height:147px; }
.advantage .title .box{float:right; margin-left:25px; width:158px; height:147px; background:url(../images/c_title_bg.png) no-repeat left top;}
.advantage .title .box .en{padding-top:15px; font-size:28px; font-family:Candara,Arial, Helvetica, sans-serif; color:#666; font-weight:bold; margin-left:15px; text-transform:uppercase; padding-bottom:18px; background:url(../images/line2.jpg) no-repeat left bottom;}
.advantage .title .box  h4{display:block; height:30px; line-height:30px; font-size:22px; color:#444;margin-left:15px;padding-top:15px;}


.advantage .first{display:block; width:100%; height:480px; background:url(../images/firstbg.jpg) no-repeat center 30px; margin-top:67px;}
.advantage .first .inner{display:block; width:1101px; position:relative; z-index:2; left:0; top:0;}
.advantage .first .inner .fl{float:left; width:415px; height:525px; position:absolute; z-index:3; left:0; top:0;}
.advantage .first .inner .fr{width:644px; position:absolute; right:0px; top:0px; z-index:4; height:400px;}
.advantage .first .inner .fr .tit{display:block; width:334px; padding-left:60px;height:74px; background:url(../images/f_tit.png) no-repeat left top;margin-top:60px;}
.advantage .first .inner .fr .tit h4{display:block; height:32px; line-height:32px; font-weight:bold; font-size:28px; color:#fff;padding-top:4px;}
.advantage .first .inner .fr .tit .en{font-size:22px; font-family:Candara; font-weight:normal; line-height:32px; margin-left:8px;color:#f8d0d2;}
.advantage .first .inner .fr .tit .tip{display:block; height:26px; line-height:26px; font-size:20px; color:#f8d0d2; }
.advantage .first .inner .fr .h_t1{display:block; margin-left:70px;margin-top:30px; padding-bottom:4px; background:url(../images/h_x.png) no-repeat left bottom;}
.advantage .first .inner .fr .h_p{display:block; font-size:13px;line-height:20px; color:#c6d9ed; margin-left:70px; margin-top:15px;}
.advantage .first .inner .fr .p_img{display:block; margin-left:70px; margin-top:25px; width:576px; height:65px;}
.advantage .first .inner .fr .p_cj{display:block;width:585px; height:70px;margin-left:70px;margin-top:20px;}
.advantage .f_bg{display:block; width:100%; padding-bottom:60px;background:url(../images/f_bg.jpg) repeat-y left top;}
.advantage .f_bg .f_in{display:block; width:1101px; margin:0 auto; padding-top:100px;}
.advantage .f_bg .f_in ul{display:block; width:1101px;}
.advantage .f_bg .f_in ul li{ width:547px;}
.advantage .f_bg .f_in ul li .wz{ width:290px;}
.advantage .f_bg .f_in ul li .wz .tit{display:block; height:62px;}
.advantage .f_bg .f_in ul li .wz .tit .num{float:left; width:52px; height:62px;}
.advantage .f_bg .f_in ul li .wz .tit h4{display:block; height:30px; line-height:30px; font-size:27px; color:#444;padding-top:5px;}
.advantage .f_bg .f_in ul li .wz .tit .en{display:block;height:20px; line-height:20px; font-size:14px; color:#666; text-transform:uppercase; margin-top:5px;}
.advantage .f_bg .f_in ul li .wz .con{display:block;padding-top:20px;height:140px;}
.advantage .f_bg .f_in ul li .wz .con dd{display:block; font-size:14px;  line-height:28px; padding-left:12px; background:url(../images/x.png) no-repeat left 12px;}
.advantage .f_bg .f_in ul li .wz .con dd.blue{}
.advantage .f_bg .f_in ul li .wz .con .moret{display:block; width:127px; height:36px; line-height:36px; border:2px solid #3575c0;padding-left:40px; font-size:14px;  border-radius:20px; margin-top:20px; background:url(../images/arrow4.png) no-repeat 100px center;}
.advantage .f_bg .f_in ul li .wz .con .moret:hover{color:#3575c0; background:url(../images/arrow3.png) no-repeat 100px center;}

.advantage .f_bg .f_in ul li .pic{ width:247px; height:249px; margin-top:30px;}

.advantage .f_bg .f_in ul li.fourth{margin-top:40px;}
.advantage .f_bg .f_in ul li.fifth{margin-top:40px;}


.company{display:block; width:1101px; margin:0 auto; margin-top:60px; position:relative; z-index:2; left:0; top:0;padding-top:95px; }
.company .title{display:block; position:absolute; z-index:3; height:147px;left:0px; top:0px; }
.company .title .box{float:left; width:158px; height:147px; background:url(../images/c_title_bg.png) no-repeat left top;}
.company .title .box .en{padding-top:15px; font-size:28px; font-family:Candara,Arial, Helvetica, sans-serif; color:#666; font-weight:bold;  text-transform:uppercase; padding-bottom:18px; background:url(../images/line2.jpg) no-repeat left bottom;margin-left:15px;}
.company .title .box  h4{display:block; height:30px; line-height:30px; font-size:22px; color:#444;padding-top:15px;margin-left:15px;}
.company .title  .tip{float:right; padding-top:108px;}
.company .con{display:block; width:1101px; border-top:3px solid #e1e1e1;  padding-top:65px;}
.company .con .wz{float:left; width:633px; font-size:13px;}
.company .con .pic{float:right; width:417px; height:322px;}
.company .con .pic img{display:block; width:417px; height:322px;}
.company .con .wz .more{display:block; width:112px; height:36px; line-height:36px; border:2px solid #3575c0;padding-left:55px; font-size:14px;  border-radius:20px; margin-top:20px; background:url(../images/arrow4.png) no-repeat 90px center;}
.company .con .wz .more:hover{color:#3575c0; background:url(../images/arrow3.png) no-repeat 90px center;}


.zhuo_pic{display:block; width:1101px; margin:0 auto; margin-top:60px;}
.zhuo_pic .title{display:block; width:1101px; height:41px; background:url(../images/zhuo_pic_bg.jpg) no-repeat center top; line-height:41px; }
.zhuo_pic .title h4{display:Block; width:1101px; height:41px;line-height:41px; text-align:center; margin:0 auto; font-size:24px; color:#3575c0; font-weight:normal;}
.zhuo_pic .con{display:block; padding-top:40px; overflow:hidden;}
.zhuo_pic .con ul{display:block; width:1131px; }
.zhuo_pic .con li{float:left; width:240px; height:221px;padding:6px;padding-bottom:0px; box-shadow:0px 0px 3px #aaa; margin-right:28px;background:#3575c0;}
.zhuo_pic .con li a{display:block; width:240px; overflow:hidden;}
.zhuo_pic .con li img{display:block; width:240px; height:181px; transition:all 1.2s linear 0s;}
.zhuo_pic .con li .tit{display:block; height:30px; font-size:15px; line-height:30px; color:#fff; background:url(../images/arrow2.png) no-repeat 210px center;margin-top:7px;}
.zhuo_pic .con li a:hover .tit{font-weight:bold;}
.zhuo_pic .con li a:hover img{transform:scale(1.1);}

.dianfan{display:block; width:100%; height:264px; background:url(../images/dianf.jpg) no-repeat center top; margin-top:60px;}
.dianfan .d_wz{float:right;width:220px; margin-top:40px;}
.dianfan .d_wz h4{display:block; height:40px; line-height:40px; font-size:25px; font-weight:normal; color:#fff;}
.dianfan .d_wz .d_tel{display:block; padding-top:20px; font-size:18px; color:#fff; line-height:20px;}
.dianfan .d_wz .d_tel .code{display:block; height:36px; line-height:36px; font-size:28px;color:#fff; font-weight:bold;}
.dianfan .d_wz .Consultation{display:block;width:115px; height:39px; border:2px solid #fff; line-height:39px; padding-left:24px; font-size:15px; color:#fff;background:url(../images/arrow2.png) no-repeat 90px center;margin-top:25px;}

.wrap{display:block;width:1101px; margin:0 auto; margin-top:60px; }
.wrap .news{width:531px;}
.wrap .tech{ width:531px;}

.wrap  .title{display:block; width:529px; height:51px; background:url(../images/news_bg.jpg) repeat-x left top;border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1;}
.wrap  .title h4{display:block; padding-left:15px; height:51px; line-height:51px; font-size:20px; color:#444; }
.wrap  .title .more{float:right;margin-right:20px; margin-top:16px; width:52px; height:22px; background:url(../images/more.jpg) no-repeat left top;}
.wrap  .title .more:hover{ background:url(../images/moreh.jpg) no-repeat left top;}

.wrap  .rescommend{display:block; width:530px; height:169px; background:#f0f0f0;margin-top:10px;}
.wrap  .rescommend .pic{float:left; width:229px; height:168px; overflow:hidden;}
.wrap  .rescommend .pic img{display:block;width:229px; }
.wrap  .rescommend  .wz{float:right; width:270px;margin-right:8px;}
.wrap  .rescommend  .wz .tit{display:block; line-height:24px; font-size:17px; color:#3575c0;padding-top:8px;}
.wrap  .rescommend  .wz .time{display:block;height:20px; line-height:20px;font-size:12px; color:#999;}
.wrap  .rescommend  .wz .detail{display:block; font-size:12px;padding-top:7px; line-height:20px; color:#999;}
.wrap  ul{display:block; margin-top:20px; }
.wrap  ul li{display:block; height:32px; line-height:32px; font-size:14px;}
.wrap  ul li a{display:block; height:32px; line-height:32px; font-size:14px; padding-left:12px; background:url(../images/dianh.jpg) no-repeat left center;}
.wrap  ul li .time{float:right; line-height:32px;font-size:12px; color:#999;}
.wrap  ul li a:hover{}