/* CSS Document */
.container{display:block; width:100%; margin-top:50px;}


.container .wrap{display:block; width:1100px; height:220px; margin:0 auto;}
.container .wrap .about{width:367px; height:220px; background:url(../images/aboutbg.jpg) no-repeat left top;}
.container .wrap .news{ width:368px; height:220px; background:#09b9d9;}
.container .wrap .contact{width:365px; height:220px; background:url(../images/contactbg.jpg) no-repeat left top;}

.container .wrap .about .a_in{display:block; padding:25px;}
.container .wrap .about .title{display:block; height:38px; padding-left:8px; background:url(../images/tiao.jpg) no-repeat left center;}
.container .wrap .about .title h4{display:block; height:26px; line-height:26px; font-size:22px; font-weight:bold; color:#fff;}
.container .wrap .about .title .en{display:block; height:12px; line-height:12px; font-size:12px; color:#b4e2f0; font-family:"san Francisco Display" ,Arial, Helvetica, sans-serif;  text-transform:uppercase;}
.container .wrap .about .more{float:right; width:67px; height:26px; background:url(../images/more.png) no-repeat left top; margin-top:5px;}
.container .wrap .about .more:hover{float:right; width:67px; height:26px; background:url(../images/moreh.png) no-repeat left top; margin-top:5px;}
.container .wrap .about .con{display:block; color:#fff; padding-top:15px; font-size:13px;}
.container .wrap .about .con a{font-size:13px; color:#fff;}



.container .wrap .news{ width:368px; height:220px; background:#09b9d9;}
.container .wrap .news .n_in{ display:block; padding:25px;}
.container .wrap .news .title{display:block; height:38px; padding-left:8px; background:url(../images/tiao.jpg) no-repeat left center;}
.container .wrap .news .title h4{display:block; height:26px; line-height:26px; font-size:22px; font-weight:bold; color:#fff;}
.container .wrap .news .title .en{display:block; height:12px; line-height:12px; font-size:12px; color:#b4e2f0;font-family:"san Francisco Display" ,Arial, Helvetica, sans-serif;  text-transform:uppercase;}
.container .wrap .news .more{float:right; width:67px; height:26px; background:url(../images/more.png) no-repeat left top; margin-top:5px;}
.container .wrap .news .more:hover{float:right; width:67px; height:26px; background:url(../images/moreh.png) no-repeat left top; margin-top:5px;}

.container .wrap .news .n_in .con{display:block; padding-top:15px;}
.container .wrap .news .n_in ul{display:block;}
.container .wrap .news .n_in ul li{display:block;}
.container .wrap .news .n_in ul li a{display:block; height:25px; line-height:25px; font-size:13px; color:#fff; padding-left:10px; background:url(../images/quan.png) no-repeat left center;}
.container .wrap .news .n_in ul li .time{float:right; color:#fff; line-height:25px;}



.container .wrap .contact .c_in{display:block; padding:25px;}
.container .wrap .contact .title{display:block; height:39px; padding-left:8px; background:url(../images/tiao.jpg) no-repeat left center;}
.container .wrap .contact .title h4{display:block; height:26px; line-height:26px; font-size:22px; font-weight:bold; color:#fff;}
.container .wrap .contact .title .en{display:block; height:12px; line-height:12px; font-size:12px; color:#b4e2f0; font-family:"san Francisco Display" ,Arial, Helvetica, sans-serif; text-transform:uppercase;}
.container .wrap .contact .more{float:right; width:67px; height:26px; background:url(../images/more.png) no-repeat left top; margin-top:5px;}
.container .wrap .contact .more:hover{float:right; width:67px; height:26px; background:url(../images/moreh.png) no-repeat left top; margin-top:5px;}

.container .wrap .contact .c_in .con{display:block; padding-top:15px; color:#fff; font-size:13px;}

.container .products{display:block; width:1100px; margin:0 auto; margin-top:50px;}
.container .products .dtitle{display:block; width:1100px; height:123px; margin:0 auto;}
.container .products .dtitle .title{float:left; width:163px; height:123px; background:url(../images/p_tit.jpg) no-repeat left top; font-size:26px; line-height:123px; text-align:center; color:#444; font-weight:bold;}
.container .products .dtitle .fr{float:right; width:935px; height:121px; border:1px solid #e1e1e1; border-left:none;}
.container .products .dtitle .fr .c_in{display:block; padding:22px 25px; }
.container .products .dtitle .fr a{font-size:15px;  padding:2px 15px;display:inline-block;}
.container .products .con{display:block; padding-top:15px;}
.container .products .con ul{display:block; width:1116px;}
.container .products .con li{float:left; margin-right:16px; margin-bottom:15px;}
.container .products .con li img{display:block; width:263px; height:263px;}
.container .products .con li a.pic{display:block; width:263px; height:263px; box-shadow:0px 0px 4px #ccc;}
.container .products .con li a.pic:hover{box-shadow:0px 0px 4px #09b9d9;}
.container .products .con li a.tit{display:block;height:40px; width:263px; line-height:40px; font-size:14px; text-align:center;}

.container .re_pro{display:block; width:1100px; margin:0 auto; margin-top:50px;}
.container .re_pro .fl{width:149px;border:1px solid #e1e1e1; height:490px;}
.container .re_pro .fr{width:920px;}

.container .re_pro .fl dd{display:block; width:149px; height:245px;border-bottom:1px solid #e1e1e1;}
.container .re_pro .fl dd .en{padding-top:85px; display:block; padding-left:20px;}

.container .re_pro .fl dd.first a{display:block; width:149px; height:245px; background:url(../images/re2.png) no-repeat 20px 100px;}
.container .re_pro .fl dd.first a:hover{display:block; width:149px; height:245px;background:#09b9d9 url(../images/re1.png) no-repeat 20px 100px;}
.container .re_pro .fl dd.first a.current{display:block; width:149px; height:245px;background:#09b9d9 url(../images/re1.png) no-repeat 20px 100px;}

.container .re_pro .fl dd.second a{display:block; width:149px; height:245px;background:url(../images/ht1.png) no-repeat 20px 100px;}
.container .re_pro .fl dd.second a:hover{display:block; width:149px; height:245px;background:#09b9d9  url(../images/ht2.png) no-repeat 20px 100px;}


.container .re_pro ul {display:none; width:920px;}
.container .re_pro ul li{float:left; margin-right:22px; margin-bottom:15px;}
.container .re_pro ul li  a.pic{display:block; width:213px; height:213px;box-shadow:0px 0px 4px #ccc; }
.container .re_pro ul li  a.pic:hover{box-shadow:0px 0px 4px #09b9d9;}
.container .re_pro ul li  a.tit{display:block; height:40px; line-height:40px; text-align:center; font-size:14px;}

.container .re_pro ul li img{dislay:Block; width:213px; height:213px;}


.container .advantage{display:block; width:100%; margin-top:50px; height:561px; background:url(../images/youshibg.jpg) no-repeat center top;}
.container .advantage .inner{display:block; padding-top:41px;}

.container .advantage .inner .fl{width:348px;}
.container .advantage .inner .fr{width:752px;}
.container .advantage .inner .fl .zx{display:block; width:101px; height:31px;background:#f64626; line-height:31px; font-size:14px; text-align:center;margin-top:305px; margin-left:37px; color:#fff;}

.container .advantage .inner .fr .title{float:left; width:126px;}
.container .advantage .inner .fr .con{float:right; width:596px;}

.container .advantage .inner .fr .title li{display:block; width:126px; height:104px; background:url(../images/ge.jpg) repeat-x left bottom;}
.container .advantage .inner .fr .title li a{display:block; width:126px; height:104px;}

.container .advantage .inner .fr .title li.first a{background:url(../images/y1.png) no-repeat left top;}
.container .advantage .inner .fr .title li.first a:hover{background:#f0f0f0 url(../images/y1h.png) no-repeat left top;}
.container .advantage .inner .fr .title li.first a.current{background:#f0f0f0 url(../images/y1h.png) no-repeat left top;}


.container .advantage .inner .fr .title li.second a{background:url(../images/y2.png) no-repeat left top;}
.container .advantage .inner .fr .title li.second a:hover{background:#f0f0f0 url(../images/y2h.png) no-repeat left top;}
.container .advantage .inner .fr .title li.second a.current{background:#f0f0f0 url(../images/y2h.png) no-repeat left top;}

.container .advantage .inner .fr .title li.third a{background:url(../images/y3.png) no-repeat left top;}
.container .advantage .inner .fr .title li.third a:hover{background:#f0f0f0 url(../images/y3h.png) no-repeat left top;}
.container .advantage .inner .fr .title li.third a.current{background:#f0f0f0 url(../images/y3h.png) no-repeat left top;}

.container .advantage .inner .fr .title li.fourth a{background:url(../images/y4.png) no-repeat left top;}
.container .advantage .inner .fr .title li.fourth a:hover{background:#f0f0f0 url(../images/y4h.png) no-repeat left top;}
.container .advantage .inner .fr .title li.fourth a.current{background:#f0f0f0 url(../images/y4h.png) no-repeat left top;}

.container .advantage .inner .fr .title li.fifth{background:none;}
.container .advantage .inner .fr .title li.fifth a{background:url(../images/y5.png) no-repeat left top;}
.container .advantage .inner .fr .title li.fifth a:hover{background:#f0f0f0 url(../images/y5h.png) no-repeat left top;}
.container .advantage .inner .fr .title li.fifth a.current{background:#f0f0f0 url(../images/y5h.png) no-repeat left top;}

.container .advantage .inner .fr .con dd{display:none;padding-top:40px;}
.container .advantage .inner .fr .con dd img{display:block; margin-bottom:20px;}
.container .advantage .inner .fr .con dd h4{display:block; height:40px; line-height:40px; font-size:24px; color:#09b9d9; font-weight:normal;}
.container .advantage .inner .fr .con dd .detail{display:block; font-size:14px; padding-top:20px; line-height:26px;}


.container .application{display:block;width:1100px; margin:0 auto; margin-top:60px; }
.container .application .title{display:block; padding-left:10px;height:38px;background:url(../images/tiao2.jpg) no-repeat left center;}
.container .application .title h4{display:block; height:26px; line-height:26px; font-size:22px; font-weight:bold; color:#444;}
.container .application .title .en{display:block; height:12px; line-height:12px; font-size:12px; color:#999; font-family:"san Francisco Display" ,Arial, Helvetica, sans-serif;  text-transform:uppercase;}
.container .application .more{float:right; height:26px;marign-top:6px;width:67px; background:url(../images/more3.png) no-repeat left center;}
.container .application .con{display:block; padding-top:20px;}


.gun{display:block; width:1100px; margin:0 auto; position:relative; z-index:2; left:0; top:0;}
.gun .arrow_l{position:absolute; left:-70px; top:100px; width:50px; height:50px; background:url(../images/l.jpg) no-repeat left center; cursor:pointer;}
.gun .arrow_r{position:absolute; right:-70px; top:100px; width:50px; height:50px; background:url(../images/r.jpg) no-repeat left center; cursor:pointer;}
#scrollarea{display:block; width:1100px; height:303px; margin:0 auto; overflow:hidden;}
#inrea{display:block; width:800%;}
#area1{float:left;}
#area2{float:left;}
#scrollarea li{float:left; width:263px; margin-left:20px; font-size:16px; color:#666; text-align:center; line-height:40px; }
#scrollarea li a{font-size:16px; line-height:40px; text-align:center;}
#scrollarea li img{display:block; width:263px; height:263px;}