/* CSS Document */
.container{display:block; width:100%; margin-top:80px;}
.container .products{display:block; width:1200px; margin:0 auto;}
.container .products .fl{width:330px;}
.container .products .mid{float:left;width:610px; font-size:15px; line-height:23px; color:#444; padding-top:30px;}
.container .products .fr{width:46px;float:right;}

.container .products .fl h4{display:block; line-height:40px; font-size:24px; color:#3569b5;}
.container .products .fl h4 .small{font-weight:normal;}
.container .products .fl  ul{display:block; margin-top:5px;}
.container .products .fl  ul li{float:left;width:137px; height:38px; margin-right:10px;}
.container .products .fl  ul li a{float:left; width:137px; height:38px; line-height:38px; border-radius:20px; background:#fff; box-shadow:0px 0px 3px 2px #eee; font-size:18px; text-align:center;}
.container .products .fl  ul li a:hover{background:#3569b5; color:#fff;}
.container .products .fl  ul li a.current{background:#3569b5; color:#fff;}


.container .products .fr .more{float:right;font-size:15px;line-height:30px;width:46px;border-bottom:3px solid #dfdede; margin-top:40px; text-align:right;}
.container .products .fr .more:hover{ color:#3569b5; border-bottom:3px solid #3569b5;}


.container .products .con{display:block; margin-top:30px; width:1200px; }
.container .products .con ul{display:none; width:1214px;margin-top:5px;margin-left:2px;}
.container .products .con li{float:left; width:290px; height:364px;background:#fff;box-shadow:0px 0px 20px 0px #f0f0f0; margin-right:12px; margin-bottom:12px;}
.container .products .con li img{display:block; margin-bottom:10px;width:290px; height:290px;}
.container .products .con li .tit{display:block; line-height:50px; font-size:16px; text-align:center; }

.container .products .con li:hover{box-shadow:0px 0px 20px 0px #3569b5;}


.container .company{display:block; width:100%; height:488px; background:#f0f0f0 url(../images/gs_bg.jpg) no-repeat center top; margin-top:80px;}
.container .company .inner{display:block; width:1200px; margin:0 auto;}
.container .company .inner .fl{width:406px;}
.container .company .inner .fr{width:740px;}

.container .company .inner .fl .kuang{display:block; width:404px; height:278px; background:url(../images/kuang.png) no-repeat left top; margin-top:100px;}
.container .company .inner .fl .kuang .k_in{display:block; padding-left:30px; padding-top:40px;}
.container .company .inner .fl .kuang .k_in h4{line-height:40px; font-size:24px; color:#ffffff;}
.container .company .inner .fl .kuang .k_in h4 .small{font-weight:normal;}
.container .company .inner .fl .kuang .k_in .en{display:block;line-height:40px; font-size:32px; color:#fff; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}
.container .company .inner .fl .kuang .k_in .title{display:block; padding-bottom:20px; background:url(../images/line.jpg) no-repeat left bottom;}
.container .company .inner .fl .kuang .k_in .tip{display:block;font-size:24px; line-height:40px; color:#fff;padding-top:20px;}

.container .company .inner .fr .f_in{display:block; padding-top:40px; position:relative; z-index:2; left:0; top:0;height:360px;}
.container .company .inner .fr .f_in .wz{float:left; width:300px;}
.container .company .inner .fr .f_in .flash{float:right; width:400px;}

.container .company .inner .fr .f_in h4{display:block; line-height:40px; font-size:24px; color:#3569b5;font-weight:normal;}
.container .company .inner .fr .f_in .con{display:block;margin-top:28px;}
.container .company .inner .fr .f_in .con a{display:block;font-size:13px; line-height:22px; }
.container .company .inner .fr .f_in .more{width:72px; padding-right:18px; height:40px; background:url(../images/arrow.png) no-repeat right center;position:absolute; z-index:9; left:0; bottom:0px;font-size:15px; color:#266dbf;line-height:40px;}
.container .company .inner .fr .f_in .more:hover{font-weight:bold;font-size:15px; color:#266dbf;line-height:40px;}






.container .style{display:block; width:1200px; margin:0 auto; margin-top:20px;}
.container .style .image{float:left;width:574px; padding-top:35px;}
.container .style .finished_pro{float:right;width:600px; padding-top:70px; background:url(../images/line2.jpg) no-repeat left top;}

.container .style .image .title{display:block;}
.container .style .image .title h4{display:block; line-height:30px; font-size:24px; color:#3569b5; text-align:right;}
.container .style .image .title h4 .small{font-weight:normal;}
.container .style .image .title .tip{display:block;font-size:16px; line-height:26px; text-align:right;}
.container .style .image .con{display:block; padding-top:15px; width:590px; overflow:hidden;}
.container .style .image .con ul{display:block;with:615px;}
.container .style .image .con ul li{float:left; width:280px; height:280px;margin-right:15px; margin-bottom:15px;}
.container .style .image .con ul li a{display:block; width:280px; height:280px; position:relative; z-index:2; left:0; top:0;}
.container .style .image .con ul li .detail{display:none; position:absolute; width:280px; height:280px; z-index:4; left:0; top:0; background:url(../images/blue.png) repeat left top;}
.container .style .image .con ul li .detail .tit{display:block;line-height:40px; font-size:24px; color:#fff; text-align:center;padding-top:110px;}
.container .style .image .con ul li .detail .moret{display:block;width:20px; height:20px; background:url(../images/jia.png) no-repeat center center;margin:0 auto;}

.container .style .image .con ul li:hover .detail{display:block;}

.container .style .finished_pro .title{display:block;}
.container .style .finished_pro .title h4{display:block;line-height:20px; font-size:16px; color:#444; font-weight:normal;}
.container .style .finished_pro .title .more{float:right;width:55px; height:22px;line-height:22px;background:#3569b5; font-size:14px; color:#fff; text-align:center;}
.container .style .finished_pro .con{display:block; padding-top:15px;}
.container .style .finished_pro .con .huan_out{display:block; width:600px; height:580px; position:relative; z-index:2;left:0; top:0; }
.container .style .finished_pro .con .huan_out .huan{display:block; width:600px; height:580px;position:relative;z-index:2;overflow:hidden;}
.container .style .finished_pro .con .huan_out .huan .ze{display:block; position:absolute;width:590px; left:0;padding:0px 5px; bottom:0;   height:41px;line-height:41px; z-index:3;color:#fff; font-size:16px; color:#fff;}
.container .style .finished_pro .con .huan_out .huan .pic{display:block; width:600%;}
.container .style .finished_pro .con .huan_out .huan .pic li img{display:block; width:600px; height:580px;}
.container .style .finished_pro .con .huan_out .huan .pic li{float:left; width:600px; height:580px;}
.container .style .finished_pro .con .huan_out .huan .btnt{ position:absolute;right:4px; bottom:0; z-index:24;height:32px;margin-right:2px;}
.container .style .finished_pro .con .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 .style .finished_pro .con .huan_out .huan .btnt li.red{background:#4b8bc2; border:1px solid #77a9d5;}

.container .style .finished_pro .con .huan_out .arrow_l{display:block;position:absolute; left:0px; bottom:0px; width:48px; height:48px;z-index:9; background:url(../images/left.jpg) no-repeat left top;cursor:pointer;}

.container .style .finished_pro .con .huan_out .arrow_l.current{background:url(../images/left_h.jpg) no-repeat left top;}
.container .style .finished_pro .con .huan_out .arrow_r{display:block;position:absolute; left:48px; bottom:0px; width:48px; height:48px;z-index:10;background:url(../images/right.jpg) no-repeat left top; cursor:pointer;}

.container .style .finished_pro .con .huan_out .arrow_r.current{background:url(../images/right_h.jpg) no-repeat left top;}


.container .why{display:block; width:100%; margin-top:80px; height:475px;overflow:hidden; background:#f0f0f0 url(../images/quality_bg.jpg) no-repeat center top;}
.container .why .inner{display:block; padding:80px 0px;}
.container .why .inner .dl_out{display:block; width:640px;margin-left:60px;padding-top:15px;}
.container .why .inner dl{float:left; width:290px;margin-right:30px; margin-bottom:40px;}
.container .why .inner dl dt{display:block; height:60px; line-height:60px; font-size:24px; color:#3569b5; padding-left:15px;}
.container .why .inner dl dd{font-size:14px; line-height:24px; color:#444; display:block;}
.container .why .inner dl.d1 dt{background:url(../images/01.jpg) no-repeat left center;}
.container .why .inner dl.d2 dt{background:url(../images/02.jpg) no-repeat left center;}
.container .why .inner dl.d3 dt{background:url(../images/03.jpg) no-repeat left center;}
.container .why .inner dl.d4 dt{background:url(../images/04.jpg) no-repeat left center;}

.container .news{display:block; width:1200px; margin:0 auto; margin-top:80px;}
.container .news .title{display:block; width:100%; height:70px; background:url(../images/line3.jpg) no-repeat center bottom; position:relative; z-index:2; left:0; top:0;}
.container .news .title h4{display:block; line-height:35px; font-size:24px; color:#3569b5; text-align:center;}
.container .news .title h4 .small{font-weight:normal;}
.container .news .title .tip{display:block;line-height:20px; font-size:15px; color:#444; text-align:center;}
.container .news .title .more{position:absolute; left:50%;z-index:4;top:40px; width:16px; height:16px;margin-left:80px; line-height:16px; text-align:center; font-size:17px; color:#fff; background:#f9ba24;}
.container .news .con{display:block; padding-top:40px; width:1200px; overflow:hidden;}
.container .news .con .dl_out{display:block; width:1280px;}

.container .news .con dl{float:left; width:340px; margin-right:80px; border-bottom:1px solid #e1e1e1; padding-bottom:20px;}
.container .news .con dl dt{display:block; padding-bottom:15px; background:url(../images/line4.jpg) no-repeat left bottom;}
.container .news .con dl dt .time{display:block; line-height:20px; padding-left:20px; background:url(../images/time.jpg) no-repeat left center; font-size:13px; color:#999;}
.container .news .con dl dt a{display:block;line-height:30px; font-size:20px; color:#3569b5;}
.container .news .con dl dd{display:block; font-size:13px; line-height:22px;}
.container .news .con dl dd a{font-size:13px; line-height:22px; display:block; color:#444; padding-top:10px;}
.container .news .con dl dd .moret{display:block;font-size:13px; line-height:22px;}