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

.feature{display:block; width:1200px; margin:0 auto; padding-bottom:100px; background:url(../images/feature_bg.jpg) no-repeat center top;}
.feature .fl{width:400px;padding-top:25px;}
.feature .mid{float:left;width:400px;}
.feature .fr{width:400px;padding-top:25px;}

.feature dl{display:block; margin-bottom:50px;}
.feature dl dt{display:block;width:240px; height:44px; border:1px solid #0cd386; background:#fff; line-height:40px; font-size:20px; color:#0cd386; font-weight:bold;}
.feature dl dt .num{float:left; width:44px; height:44px; line-height:44px; text-align:center; font-size:26px; color:#fff; font-family:Arial, Helvetica, sans-serif; background:#0cd386;margin-right:10px;}

.feature dl dd{display:block;font-size:15px; line-height:28px; margin-top:15px;}


.feature .mid .title{display:block; margin-top:40px; padding-bottom:25px; background:url(../images/line.jpg) no-repeat center bottom;}
.feature .mid .title .en{display:block; line-height:40px; text-align:center; font-size:34px; color:#fff; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
.feature .mid .title  h4{display:block; line-height:30px; font-size:24px; color:#fff; text-align:center;}
.feature .mid .tip{display:block;line-height:30px; font-size:24px; text-align:center; color:#fff; margin-top:20px;}





.container .products{display:block; width:100%; margin-top:80px; background:url(../images/pro_bg.jpg) repeat-x center top;}
.container .products .inner{display:block; padding-top:70px;}
.container .products .title{display:block; padding-bottom:15px; background:url(../images/line.jpg) no-repeat center bottom;}
.container .products .title .en{display:block; line-height:40px; font-size:34px; text-align:center; color:#fff; text-transform:uppercase;}
.container .products .title  h4{display:block;line-height:40px; font-size:24px; color:#fff; text-align:center;}
.container .products .inner .mtitle{display:block; width:100%;margin:0 auto; margin-top:12px;}
.container .products .inner .mtitle li{float:left; width:12%; margin-right:0.5%; margin-bottom:6px;}
.container .products .inner .mtitle li a{display:block; width:99.2%; height:44px; line-height:44px; font-size:17px; text-align:center; border:1px solid #fff; color:#fff; font-weight:bold;}
.container .products .inner .mtitle li a:hover{background:#fff;color:#0cd386;}


.container .products .con{display:block; padding-top:22px;}
.container .products .con li{float:left;width:23%; margin-right:2%; margin-bottom:2%;}
.container .products .con li a{display:block; width:100%; background:#fff; }
.container .products .con li a img{display:block; width:100%;}
.container .products .con li a .tit{display:block;height:60px; line-height:60px; font-size:17px; color:#0cd386;box-shadow:1px 2px 3px 1px #f0f0f0; padding-left:10px; background:url(../images/ar.png) no-repeat 97% center;}
.container .products .con li a:hover .tit{display:block;height:60px; line-height:60px; font-size:17px; color:#0cd386;box-shadow:1px 2px 3px 1px #f0f0f0; padding-left:10px; background:#0cd386 url(../images/arh.png) no-repeat 97% center; color:#fff;}
.container .products .con .moret{display:block; width:210px;font-size:16px; line-height:44px; text-align:center; color:#0cd386; border:2px solid #0cd386; margin:0 auto; margin-top:50px;}


.container .project{display:block; max-width:1200px; margin:0 auto; margin-top:80px;}
.container .project .title{display:block;}
.container .project .title .en{display:block; line-height:40px; font-size:34px; text-align:center; text-transform:uppercase; color:#c2c2c2; font-family:Arial, Helvetica, sans-serif;}
.container .project .title h4{display:block; line-height:40px; color:#777; font-size:24px; text-align:center;background:url(../images/ge.jpg) no-repeat center center;}
.container .project .tip{display:block; font-size:15px; line-height:24px; text-align:center; width:90%; margin:0 auto; color:#777777; padding-top:20px;}
.container .project .con{display:block; width:100%; padding-top:20px;}
.container .project .con dd{float:left; width:33.33%; position:relative; z-index:2; left:0; top:0; margin-bottom:25px;}
.container .project .con dd .pic{display:block; width:100%;background:#0cd386;}
.container .project .con dd .pic img{display:block; width:100%; opacity:1;filter: alpha(opacity=100)}
.container .project .con dd .wz{display:none; width:84%; padding:8%; position:absolute; left:0; z-index:9; top:0;}
.container .project .con dd .wz .tit{display:block; line-height:30px; font-size:20px; color:#fff; text-align:center; font-weight:bold;}
.container .project .con dd .wz .detail{display:block; font-size:14px; line-height:24px; color:#fff; padding:4%; border:1px solid #fff; width:92%; margin:0 auto; margin-top:30px;}

.container .project .con dd:hover .wz{display:block;}
.container .project .con dd:hover .pic img{opacity:0.2;filter: alpha(opacity=20);}


.container .message{display:block; width:100%; background:#f2f2f2; margin-top:80px;}
.container .message .inner{display:block; max-width:1200px; padding:50px 0px;}
.container .message .inner .fl{width:80%;}
.container .message .inner .fr{width:19%;}
.container .message .inner .fl .title{display:block;line-height:50px; font-size:34px; padding-left:60px; background:url(../images/icon.jpg) no-repeat left center;  color:#777;}
.container .message .inner .fl .con{display:block; font-size:16px;color:#777; line-height:40px; padding-top:10px; padding-left:60px;}
.container .message .inner .fl .con .tel{color:#0cd386; font-size:28px; font-family:Arial, Helvetica, sans-serif;}
.container .message .inner .fr .consl{float:right;display:block; width:120px; height:120px;line-height:120px; font-size:28px; color:#0cd386; border:1px solid #0cd386; text-align:center;}


.container .wrap{display:block; width:100%; height:677px; background:url(../images/wrap_bg.jpg) no-repeat center top;}
.container .wrap .inner{display:block; width:1200px; padding:80px 0px; margin:0 auto;}
.container .wrap .inner .profile{width:31%; height:515px; background:#fff; border:1px solid #e1e1e1; }
.container .wrap .inner .news{float:right; width:67%;}

.container .wrap .inner .profile .p_in{display:block; padding:40px;}
.container .wrap .inner .profile .p_in .title{display:block; padding-bottom:25px; background:url(../images/line2.jpg) no-repeat left bottom;}
.container .wrap .inner .profile .p_in .title .en{display:block; line-height:30px;color:#bbbbbb; font-size:28px; text-transform:uppercase;}
.container .wrap .inner .profile .p_in .title h4{display:block; line-height:40px; font-size:24px; color:#777;}
.container .wrap .inner .profile .p_in .title h4 .red{color:#0cd386;}
.container .wrap .inner .profile .p_in .con{display:block; padding-top:20px; font-size:14px; line-height:26px; }
.container .wrap .inner .profile .p_in .con a{display:block; font-size:14px; line-height:26px;}
.container .wrap .inner .profile .p_in .con .moret{display:block; color:#0cd386; font-size:16px; width:148px; height:42px; line-height:42px;  text-align:center; border:2px solid #0cd386; margin-top:50px;}

.container .wrap .inner .news .title{display:block;}
.container .wrap .inner .news .title h4{display:block; line-height:50px; font-size:21px; color:#777;margin-left:3%;}
.container .wrap .inner .news .title .more{float:right; line-height:50px; font-size:14px; text-align:right; color:#777;}
.container .wrap .inner .news .con{display:block; width:100%;}
.container .wrap .inner .news .con  dl{display:block; width:100%;}
.container .wrap .inner .news .con dd{float:left; width:47%; margin-left:3%;background:#fff; padding-bottom:20px; border-bottom:1px solid #e1e1e1;}
.container .wrap .inner .news .con dd a.pic{display:block; width:100%;margin-bottom:10px;}
.container .wrap .inner .news .con dd a.pic img{display:block; width:100%;}
.container .wrap .inner .news .con dd a.tit{display:block; width:92%; margin:0 auto; line-height:50px; font-size:18px; color:#0cd386;}
.container .wrap .inner .news .con dd a.detail{display:block; width:92%; margin:0 auto; font-size:14px; line-height:24px;}