@import url(global.css);
body{background: url(../images/bj.jpg) center top no-repeat; background-size:100%;}

#wrapper { width: 100%; overflow: hidden; background:#FFF;  }
.swipe ul, .swipe li { margin: 0; padding: 0; list-style: none; overflow: hidden; }
.swipe img { width:100%; height:auto; display: block;}
.swipe { overflow: hidden; position: relative; }
.swipe ul { -webkit-transition: left 800ms ease-in 0; -moz-transition: left 800ms ease-in 0; -o-transition: left 800ms ease-in 0; -ms-transition: left 800ms ease-in 0; transition: left 800ms ease-in 0; }
.swipe #pagenavi { position: absolute; left: 0; bottom: 7px; text-align: center; width: 100%; }
.swipe #pagenavi a { width:10px; height:10px;  line-height: 99em; background:#eee;  border-radius: 50%; margin:0 3px; overflow: hidden; cursor: pointer; display: inline-block; *display:inline;*zoom:1;}
.swipe #pagenavi a.active { background:#666; }

.himg{ width:100%; padding:5% 0 2.5% 0; background:none;}
.himg img{ width:100%;}

.swiper-slide img{ display:block;width:100%;height:auto; float:left;}
.swiper-pagination-bullet{ width:5px; height:5px;}

.welcome{ width:100%; height:100%; overflow:hidden; margin-bottom:10%;}
.welcome .top{ padding:22% 0 16% 0;}
.welcome img{ width:100%;}
.welcome .sider{ width:100%; height:100%; overflow:hidden; margin-bottom:20px;}
.welcome .sider font{ width:15%; text-align:center;padding-top:3%; height:50px; display:block; float:left; margin-left:14%; font-size:14px; color:#fff; font-weight:lighter; }
.welcome .sider font .img{ width:90%; height:2px; padding:0; overflow:hidden; text-align:center; margin:0 auto;  margin-top:5px;}
.welcome .sider font .img img{ width:50%; height:2px; padding:0; display:block; margin: 0 auto; cursor: pointer; transition: all 1s;}
.welcome .sider .hover .img img{ width:100%;}
.welcome li{ width:100%;display:block; float:left; overflow:hidden; position:relative;}
.welcome .con{ width:70%; padding:0% 15% 10.5% 15%; color:#fff; line-height:12px; position:absolute; bottom:0; background-size:100%;}
.welcome .con h6{ font-size:14px; display:block; width:100%; font-weight:lighter;}
.welcome .con span{ width:100%; display:block; font-size:8px;text-transform:uppercase; margin-bottom:2px; font-family:Arial;} 
.welcome .con p{ font-size:10px; font-weight:lighter;}
.welcome .con .en{ font-size:10px; font-family:Arial;}

.details {height:100%; overflow:hidden; text-align: center; padding:10% 0 10% 0;}
.details img{ width:100%; display: block; margin-bottom:5.5%;}
.details a { width:15%; background: url(../images/b2.png) no-repeat center; background-size:100%; padding:5% 0; display:block; margin:0 auto; background-size:100%;}


.story1{ width:100%; padding:6% 0 5% 0; background:none;}
.story1 img{ width:100%;}

.story2{ width:100%; padding:13% 0 5% 0; background:none;}
.story2 img{ width:100%;}


.case{ width:80%; height:100%; overflow:hidden; margin-bottom:80px; padding:0 10%;}
.case .model{ width:100%; height:100%; overflow:hidden; }
.case img{ padding-bottom:0px;}
.case .text{ width:94%; height:60px; padding-top:20px; position:absolute; bottom:0;  FILTER:alpha(opacity=70); opacity:0.7; -moz-opacity:0.7; color:#fff; line-height:14px; font-size:14px; text-align:left; padding:0 3%;}
.case .text h6{ width:83%; float:left; font-size:16px; display:block; margin-bottom:5px; font-weight:lighter;}
.case .text p{ width:83%; float:left; font-size:11px; display:block; margin-bottom:5px; font-weight:lighter;}


.news{ width:100%; height:100%; overflow:hidden;}
.news .text{ width:94%; position:absolute; bottom:0; background:#000; color:#fff; line-height:16px; font-size:12px; text-align:left; padding:3% 3% 6% 3%; FILTER:alpha(opacity=70); opacity:0.7; -moz-opacity:0.7;}
.news .text h6{font-size:14px; display:block; margin-bottom:5px;}

/*------------------------------------*/
.case .swiper-container {width: 100%; height:auto; overflow: hidden;}
.case .swiper-slide { text-align: center;font-size: 18px; background: none; display: -webkit-box;display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center;-webkit-justify-content: center; justify-content: center;
        -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center; align-items: center;}
.case .swiper-slide a { display:block;width:100%;}
.case .swiper-slide .img{ padding-bottom:80px;float:left;border-radius:20px; }
.case .swiper-slide img{ width:98%;border-radius:20px; border:3px solid #666;}

.case .text a{ width:15%; padding:2% 0; float:right; background: url(../images/b3.png) no-repeat center top; background-size:100%; display:block; background-size:100%;}


/*------------------------------------*/
.contacts{ width:78%; margin:10% 11%; height:100%; overflow:hidden;}
.contacts .top{ height:100%; overflow:hidden; color:#d2d5d7; font-size:13px; line-height:15px; padding:5% 3%;}
.contacts .top .img{ width:35%; float:left; padding-top:20px;}
.contacts .top .img img{ width:80%;}
.contacts .top .con{ width:65%; float:right;color:#999;}
.contacts .top h6{ display:block; width:100%; border-bottom:1px solid #888; padding-bottom:8px; margin-bottom:8px; font-size:16px;}

.contacts form { padding:30px 0 80px 0;}
.contacts form p{ width:50%; height:50px; float:left;}
.contacts form p img{ width:28px; display:block; float:left; margin-left:5%;} 
.contacts form p .in { width:65%; height:28px;line-height:28px;display:block;text-indent:10px;font-size:1em; border:none; background:#2d2f30; border:1px solid #4f5254;color:#666; float:left; float:left; margin-left:3%; border-radius: 6px;}
.contacts form textarea{ width:82%;  height:54px;line-height:22px;display:block; text-indent:10px; background:#2d2f30; border:1px solid #4f5254; font-size:14px;color:#666; float:left; margin-left:1.6%; border-radius: 6px;}
.contacts form .btn { padding:6% 8%; background: url(../images/fb1.png) no-repeat center top; background-size:100%; border: none; display: block; float:right;}
.contacts form a {padding:6% 8%; background: url(../images/fb2.png) no-repeat center top; background-size:100%; border: none; display: block; float:right; margin-left:3%; margin-right:2.8%;}