.container{display:block; width:100%; margin-top:80px;}
.container .products{display:block;}
.container .products .title{display:block; margin-bottom:20px;}
.container .products .title h2 .yellow{color:#ffb701;}
.container .products .title h2{display:block;font-size: 35px;color: #08af53; height:40px; line-height:40px; text-align:center; font-weight: bold; background:url(../images/list_back.png) no-repeat 68% center;}
.container .products .title .tip{display:block; height:24px; line-height:24px; font-size:18px; text-align:center; color:#282828;  margin-top:8px;}
.container .products .fl{width:20%;}
.container .products .show{width:76%;}

.container .products .fl .search{display:block;width:99%; height:42px; border:1px solid #e1e1e1;}
.container .products .fl .search .m_txt{float:left; width:68%; padding-left:2%; height:42px; line-height:42px; background:none; border:none;}
.container .products .fl .search .m_btn{float:right; width:28%; height:42px; line-height:42px; background:none; border:none; background:#fca838 url(../images/mbtn.jpg) no-repeat center center; cursor:pointer;}

.container .products .fl .list{display:block; width:100%; margin-top:15px;}
.container .products .fl .list .mtitle{display:block; width:100%; background:#08af53; padding:20px 0px;}
.container .products .fl .list .mtitle h4{display:block; height:30px; line-height:30px; font-size:24px; font-weight:normal; color:#fff; padding-left:20px;}
.container .products .fl .list .con{display:block; }
.container .products .fl .list .con ul{display:block;}
.container .products .fl .list .con ul li{display:block;}
.container .products .fl .list .con ul li a{display:block; font-size:16px; line-height:64px; height:64px; border-bottom:1px solid #e1e1e1; padding-left:10px;}
.container .products .fl .list .con ul li a i{font-style:normal; margin-right:8px; color:#282828;}
.container .products .fl .list .con ul li a:hover{background:#08af53; color:#fff;}
.container .products .fl .list .con ul li a:hover i{color:#fff;}
.container .products .show dl{display:block; width:100%;}
.container .products .show dl dd{float:left; width:31%; margin-right:2.333%; margin-bottom:30px;}
.container .products .show dl dd a.pic{display:block; width:100%; background:#08af53;}
.container .products .show dl dd a.pic img{display:block; width:100%;}
.container .products .show dl dd a.pic .tit{display:block; height:50px; line-height:50px; color:#fff; font-size:28px; text-align:center; font-weight:bold; padding:25px 0px;}


.container .about{display:block; width:100%; background:url(../images/line03.jpg) no-repeat center top; margin-top:80px; padding-top:60px;}
.container .about .pic{width:120px;max-width:20%;}
.container .about .wz01{width:28%; margin-left:20px;}
.container .about .wz02{width:50%;}
.container .about .wz01 .title{display:block; padding-bottom:10px; background:url(../images/line04.jpg) no-repeat left bottom; margin-bottom:10px;}
.container .about .wz01 .title .en{display:block; font-size:18px; color:#282828; font-family:Arial, Helvetica, sans-serif; line-height:24px;}
.container .about .wz01 .title h2{display:block; height:40px; line-height:40px; font-size:24px; font-weight:normal; color:#282828;}
.container .about .wz01 .con{display:block; margin-top:15px; font-size:16px; line-height:25px; color:#282828;}
.container .about .wz01 .con .detail{display:block; font-size:16px; line-height:25px; color:#282828;}
.container .about .wz01 .con .moret{display:block; width:80px; line-height:28px; height:28px; border:1px solid #e1e1e1; text-align:center; font-size:16px; font-family:Arial, Helvetica, sans-serif; margin-top:20px;}
.container .about .wz01 .con .moret:hover{background:#08af53; color:#fff; border:1px solid #08af53;}

.container .about .wz02 .detail{display:block; font-size:15px; color:#282828;}
.container .about .wz02  ul{display:block; width:100%; margin-top:25px;}
.container .about .wz02  ul li{float:left; width:25%;}
.container .about .wz02  ul li .num{display:block; font-size:40px; line-height:46px; color:#282828; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-align:center;}
.container .about .wz02  ul li .num i{font-style:normal; line-height:46px; font-weight:normal; font-size:16px;}
.container .about .wz02  ul li .zz{display:block; font-size:16px;height:20px; line-height:20px; color:#282828; text-align:center;}

.container .mservice{display:block; width:100%; margin-top:80px; background:#f0f0f0;}
.container .mservice .wz{width:50%;}
.container .mservice .wz .w_in{ max-width:600px; float:right; padding-top:60px;}
.container .mservice .wz .w_in .title{display:block; padding-bottom:20px; background:url(../images/line04.jpg) no-repeat left bottom; margin-bottom:15px;}
.container .mservice .wz .w_in .title h2{display:block; font-size:24px; line-height:30px; color:#282828; font-weight:normal;}
.container .mservice .wz .w_in .title .en{display:block; font-size:15px; height:28px; line-height:28px; color:#282828; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}
.container .mservice .wz .w_in .con{display:block; width:80%; font-size:16px; color:#282828;}

.container .mservice .pic{width:50%;}
.container .mservice .pic img{display:block; width:100%;}


.container .mproject{display:block;  margin-top:80px;}
.container .mproject .title{display:block; margin-bottom:20px;}
.container .mproject .title h2 .yellow{color:#ffb701;}
.container .mproject .title h2{display:block;font-size: 35px;color: #08af53; height:40px; line-height:40px; text-align:center; font-weight: bold; background:url(../images/list_back.png) no-repeat 68% center;}
.container .mproject .title .tip{display:block; height:24px; line-height:24px; font-size:18px; text-align:center; color:#282828; margin-top:8px;}
.container .mproject .c_case{display:block; margin-top:20px; position:relative; z-index:2; left:0; top:0;}
.container .mproject .c_case #scrollarea{display:block; max-width:1200px;  margin:0 auto; overflow:hidden; }
.container .mproject .c_case #inrea{display:block; width:1600%;}
.container .mproject .c_case #area1{float:left;}
.container .mproject .c_case #area2{float:left;}
.container .mproject .c_case #scrollarea li{float:left; width:320px; margin-right:15px; }
.container .mproject .c_case #scrollarea li a.pic{display:block; width:100%; position:relative; z-index:2; left:0; top:0; }
.container .mproject .c_case #scrollarea li a.pic img{display:block; width:100%; background:#fff;}
.container .mproject .c_case #scrollarea li a.pic .tit{display:block; font-size:16px; line-height:40px; height:40px; text-align:center;}
.container .mproject .c_case #scrollarea li a.pic:hover .tit{background:#08af53; color:#fff;}
.container .mproject .c_case .arrow_l{position:absolute; left:10px; width:35px; height:280px; background:url(../images/left.png) no-repeat left center; cursor:pointer;}
.container .mproject .c_case .arrow_l.current{position:absolute; left:10px;  width:35px; height:280px; background:url(../images/lefth.png) no-repeat left center; cursor:pointer;}
.container .mproject .c_case .arrow_r{position:absolute; right:10px;  width:35px; height:280px; background:url(../images/right.png) no-repeat left center; cursor:pointer;}
.container .mproject .c_case .arrow_r.current{position:absolute;right:10px; width:35px; height:280px; background:url(../images/righth.png) no-repeat left center; cursor:pointer;}

.container .news{display:block; margin-top:80px;}
.container .news .wz{width:46%;}
.container .news .pic{width:48%;}

.container .news .wz .title{display:block; margin-bottom:10px;}
.container .news .wz .title ul li{float:left; margin-right:8px;}
.container .news .wz .title ul li a{display:block; width:110px; height:42px; font-size:18px; color:#282828; text-align:center; line-height:42px;}
.container .news .wz .title ul li a:hover{background:#08af53; color:#fff;}
.container .news .wz .title ul li a.current{background:#08af53; color:#fff;}

.container .news .wz .con{display:block;}
.container .news .wz .con .box{display:none;}
.container .news .wz .con .rescommend{display:block;}
.container .news .wz .con .rescommend .time{display:block; font-size:14px; color:#08af53; font-weight:bold;}
.container .news .wz .con .rescommend .tit{display:block; font-size:20px;line-height:30px; color:#282828;}
.container .news .wz .con .rescommend .tit:hover{color:#08af53; text-decoration:underline;}
.container .news .wz .con .rescommend .detail{display:block; font-size:14px; color:#999; margin-top:15px;}
.container .news .wz .con .rescommend .detail:hover{text-decoration:underline; color:#08af53;}
.container .news .wz .con .rescommend .moret{display:block; width:118px; height:38px; line-height:38px; background:#08af53; border-radius:38px; font-size:15px; color:#fff; text-align:center;}
.container .news .wz .con .rescommend .moret:hover{background:#ffb701;}

.container .news .wz .con .box dl dd{display:block;}
.container .news .wz .con .box dl dd a{display:block; line-height:36px; font-size:15px;}
.container .news .wz .con .box dl dd .time{float:right; line-height:36px; font-size:12px; color:#aaa;}
.container .news .wz .con .box dl dd a:hover{text-decoration:underline; color:#08af53;}


.container .news .pic ul{display:block; width:100%;}
.container .news .pic ul li.li01{float:left; width:64%;}
.container .news .pic ul li.li01 img{display:block; width:100%;}
.container .news .pic ul li.li02{float:right; width:34%;}
.container .news .pic ul li.li02 img{display:block; width:100%;}
.container .news .pic ul li.li03{float:right; width:34%;   margin-top:12px;}
.container .news .pic ul li.li03 a{display:block; padding-top:60px; background:#08af53 url(../images/message.png) no-repeat center 25px; line-height:40px; color:#fff; font-size:15px; text-align:center; height:60px;}
.container .news .pic ul li.li03 a:hover{background:#ffb701 url(../images/message.png) no-repeat center 25px;}


.container .mcontact{display:block; margin-top:80px;}
.container .mcontact .fl{width:50%; background:#08af53;}
.container .mcontact .fl .f_in{display:block; padding:25px;}
.container .mcontact .fl .f_in .title{display:block;}
.container .mcontact .fl .f_in .title h4{display:block; font-size:24px; line-height:40px; height:40px;color:#fff; font-weight:normal;}
.container .mcontact .fl .f_in .title .en{display:block; font-size:32px; height:34px; line-height:34px; color:#fff; font-family:Arial, Helvetica, sans-serif;}
.container .mcontact .fl .f_in .con{display:block;  margin-top:18px;}
.container .mcontact .fl .f_in .con dl dd{display:block; font-size:14px; color:#fff;}


.container .mcontact .fr{width:50%; background:#f4f4f4;}
.container .mcontact .fr .f_in{display:block; padding:25px; background:url(../images/weixin.png) no-repeat 96% 94%;}
.container .mcontact .fr .f_in .title{display:block; padding-left:54px; background:url(../images/tels.png) no-repeat left top;}
.container .mcontact .fr .f_in .title h4{display:block; font-size:24px; line-height:40px; color:#282828; font-weight:normal;}
.container .mcontact .fr .f_in .title .en{display:block; height:30px; line-height:30px; font-size:30px; font-family:Arial, Helvetica, sans-serif; color:#08af53; font-weight:normal; }
.container .mcontact .fr .f_in .con{display:block; font-size:14px; line-height:26px; margin-top:20px; padding-left:54px;}


.container .partner{display:block;margin-top:80px;}
.container .partner .title{display:block; margin-bottom:20px;}
.container .partner .title h2 .yellow{color:#ffb701;}
.container .partner .title h2{display:block;font-size: 35px;color: #08af53; height:40px; line-height:40px; text-align:center; font-weight: bold; background:url(../images/list_back.png) no-repeat 72% center;}
.container .partner .title .tip{display:block; height:24px; line-height:24px; font-size:18px; text-align:center; color:#282828;  margin-top:8px;}
.container .partner .con{display:block; margin-top:18px; }
.container .partner .con ul{display:block; width:100%;}
.container .partner .con ul li{float:left; width:15.6%; margin-right:1%; margin-bottom:18px;}
.container .partner .con ul li .l_in{display:block; width:99%;border:1px solid #e1e1e1;}
.container .partner .con ul li img{display:block; width:100%; }
.container .partner .con ul li .tit{display:block; height:30px; line-height:30px; background:#dcdcdc; font-size:14px; color:#282828; text-align:center;}
.container .partner .con ul li:hover img{border:1px solid #08af53;}
.container .partner .con ul li:hover .tit{background:#08af53; color:#fff;}