@charset "utf-8";
/* CSS Document */

.meiti{background:#fff; padding:60px 0;}
.meiti h3{position:relative; background:url(../images/haiwai-title-bg.png) bottom left no-repeat; height:65px;}
.meiti .title{ font-size:36px; color:#282828; position:absolute; z-index:2;}
.meiti p{ font-size:56px;text-transform:Uppercase; color:#f1f1f1; font-weight:bold; position:absolute; top:0; left:0; z-index:1;}
.meiti .des{ font-size:14px; color:#999999; line-height:50px;}
.meiti .media{ padding:40px 0 0;}
.meiti .media ul li{ width:290px; float:left; margin-right:160px; margin-bottom:40px;}
.meiti .media ul li:nth-child(3n){ margin-right:0;}
.meiti .media ul li .img{ height:45px; position:relative; margin-bottom:5px;}
.meiti .media ul li .img img{ position:absolute; bottom:0;}
.meiti .media ul li .media-t{ font-size:18px; color:#282828; font-weight:bold; height:40px; line-height:40px;}
.meiti .media ul li .info{ font-size:14px; line-height:24px; color:#999999;}

.meiti .mimg{ padding-top:20px;}
.meiti .mimg ul li{ width:378px; padding-top:200px; border:1px solid #dddddd; position:relative; float:left; margin-bottom:20px;}
.meiti .mimg ul li:nth-child(2),.meiti .mimg ul li:nth-child(5){ margin:0 30px;}
.meiti .mimg ul li img{ width:380px; height:200px; position:absolute; top:-1px; left:-1px;}
.meiti .mimg ul li .mtitle{ width:120px; height:34px; background:url(../images/mimg-title-bg.png); line-height:34px; font-size:14px; color:#fff; text-indent:1em; position:absolute; top:18px; left:-1px; z-index:2;}
.meiti .mimg ul li .info{ padding:30px; color:#282828; font-size:14px; line-height:24px;}


.case{ background:#f9f9f9;padding:60px 0 40px;}
.case h3{position:relative; background:url(../images/haiwai-title-bg.png) bottom left no-repeat; height:65px;}
.case .title{ font-size:36px; color:#282828; position:absolute; z-index:2;}
.case p{ font-size:56px;text-transform:Uppercase; color:#f1f1f1; font-weight:bold; position:absolute; top:0; left:0; z-index:1;}
.case .des{ font-size:14px; color:#999999; line-height:50px;}
.case .caseli{ padding:20px 0;}
.case .caseli ul li{width:285px; height:340px; position:relative; cursor:pointer; float:left; margin-right:20px; margin-bottom:20px;}
.case .caseli ul li:nth-child(4n){ margin-right:0;}
.case .caseli ul li img{width:285px; height:340px;}
.case .caseli ul li .txtbg{width:285px; height:50px;background: rgba(0, 0, 0, 0.3); position:absolute; bottom:0;webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.case .caseli ul li .txt{position:absolute;width:285px;height:50px; line-height:50px; text-align:center; color:#fff; font-size:16px;bottom:0;webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.case .caseli ul li .hbg{width:285px; height:340px;background: rgba(0, 0, 0, 0.5);position:absolute; top:0; left:0; z-index:2;opacity:0;}


.case .caseli ul li .hover{width:225px; height:260px; padding:40px 30px; position:absolute; top:0; left:0; z-index:3;opacity: 0;}
.case .caseli ul li .hbg,.case .caseli ul li .hover{webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.case .caseli ul li:hover .hbg,.case .caseli ul li:hover .hover{opacity: 1;}

.case .caseli ul li:hover .txtbg,.case .caseli ul li:hover .txt{opacity: 0;}
.case .caseli ul li .hover .t{font-size:16px; font-weight:bold; color:#ffffff; height:40px; line-height:40px; background:url(../images/case-title-bg.jpg) bottom left no-repeat; padding-bottom:10px; margin-bottom:20px;}
.case .caseli ul li .hover .info{ font-size:14px; color:#fff; line-height:24px;}


.hezuo{ background:#ffffff;padding:60px 0 40px;}
.hezuo h3{position:relative; background:url(../images/haiwai-title-bg.png) bottom left no-repeat; height:65px;}
.hezuo .title{ font-size:36px; color:#282828; position:absolute; z-index:2;}
.hezuo p{ font-size:56px;text-transform:Uppercase; color:#f1f1f1; font-weight:bold; position:absolute; top:0; left:0; z-index:1;}
.hezuo .hezuoli{ padding:30px 0 0;}
.hezuo .hezuoli ul li{ width:130px; height:58px; float:left; margin-right:22px; margin-bottom:20px;}
.hezuo .hezuoli ul li img{width:130px; height:58px;}
.hezuo .hezuoli ul li:nth-child(8n){ margin-right:0;}

.liucheng{ height:236px; background:url(../images/haiwai-lc-bg.png) center center no-repeat;}
.liucheng .middle{height:236px; background:url(../images/haiwai-lc-li-bg.png) center center no-repeat;}
.liucheng ul li{ width:52px; height:54px; padding:25px 20px; font-size:18px; color:#ffffff; font-weight:bold; text-align:center; background:url(../images/haiwai-lc-li.png) center center no-repeat; float:left; margin-right:93px; margin-top:62px;}
.liucheng ul li:nth-child(1){ margin-left:90px;}
.liucheng ul li:nth-child(6){ margin-right:0;}