html,body {color: #333;margin: 0;height: 100%;font-family: "Myriad Set Pro","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-weight: normal;}
html, body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, button, fieldset, form, input, legend, textarea, th, td, center{ margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
h1,h2,h3,h4,h5{ font-weight:normal; display:block;}
figure, header, section { display: block; }
button {outline: 0;}

li {list-style: none;}
img {border: 0;}
a {text-decoration: none;color: #666;}
a:hover {color: #eee;}

.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.fl{ float:left;}
.fr{ float:right;}

.center{ width:100%; overflow:hidden; padding:40px 0;}

.loupan{ width:100%;}
.loupan li{ width:450px; float:left; display:block; margin:0 25px 20px 0; background:#fff; overflow:hidden; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -o-transition:all 0.4s linear; transition:all 0.4s linear;}
.loupan li:nth-child(3n){ margin-right:0;}
.loupan li em{ display:block; overflow:hidden;}
.loupan li em img{ display:block; width:100%; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -o-transition:all 0.4s linear; transition:all 0.4s linear;}
.loupan li:hover em img{ -webkit-transform:scale(1.06); -moz-transform:scale(1.06); -ms-transform:scale(1.06); -o-transform:scale(1.06); transform:scale(1.06);}
.loupan li .tit{ padding:26px 30px 0 30px; overflow:hidden;}
.loupan li .tit h2{ font-size:20px; padding-bottom:5px; text-align:center;}
.loupan li .tit strong{ display:table; margin:14px auto; line-height:20px;}
.loupan li .tit strong i{ display:inline-block; width:20px; height:20px; overflow:hidden; background:url('../images/loupan/icon.png') -140px -46px no-repeat; vertical-align:middle;}
.loupan li .tit strong span{ display:inline-block; color:#666; vertical-align:middle; padding-left:5px;}
.loupan li .tit figure{ display:table; padding:18px 0 30px 0; line-height:20px; margin:0 auto;}
.loupan li .tit figure i{ display:inline-block; width:20px; height:20px; overflow:hidden; background:url('../images/loupan/icon.png') -173px -47px no-repeat; vertical-align:middle;}
.loupan li .tit figure span{ display:inline-block; color:#333; vertical-align:middle; padding-left:5px; font-size:18px;}
.loupan li:hover{ box-shadow:0 0 40px rgba(0,0,0,0.1);}

.loupan_detail{ width:100%; overflow:hidden;}
.gundong{ width:600px; float:left; overflow:hidden; position:relative;}
.gundong .hd{ display:none;}
.gundong .bd{ overflow:hidden;}
.gundong .bd li{ zoom:1}
.gundong .bd img{ display:block; width:100%; height:450px;}
.gundong .prev,.gundong .next{ position:absolute; left:3%; top:50%; margin-top:-16px; display:block; width:32px; height:32px; background:url('../images/loupan/slider-arrow.png') no-repeat; filter:alpha(opacity=50);opacity:0.5;}
.gundong .prev{ background-position:-115px 0;}
.gundong .next{ left:auto; right:3%; background-position:14px 0;}
.gundong .prev:hover,.gundong .next:hover{ filter:alpha(opacity=100);opacity:1;  }

.loupan_info{ width:760px; overflow:hidden;}
.loupan_info h1{ font-size:28px; font-weight:bold; line-height:50px; padding-bottom:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.loupan_info dl{ display:block; overflow:hidden; margin-top:10px;}
.loupan_info dl dt{ color:#666; width:80px; display:block; float:left; overflow:hidden;}
.loupan_info dl dd{ font-size:14px;width:680px; display:block; float:right; overflow:hidden;}
.loupan_info ol{ overflow:hidden; margin-top:30px;}
.loupan_info ol li{ width:320px; float:left; border-bottom:1px #e0e0e0 dotted; overflow:hidden; line-height:44px; color:#555;}
.loupan_info ol li.on{ padding-right:20px;}
.loupan_info ol li span{ display:block; float:left; width:80px;}
.loupan_info ol li b{ display:block; font-weight:normal; width:240px; float:right; overflow:hidden;}

.loupan_info .xp{ width:100%; position:relative; z-index:20; margin-top:50px;}
.loupan_info .xp strong{ display:block; float:left; overflow:hidden;}
.loupan_info .xp strong a{ display:inline-block; padding:0 30px; line-height:44px; border-radius:4px; color:#fff; font-size:16px; background:#333;}
.loupan_info .xp .annu{ width:210px; float:left; position:relative; z-index:90;}
.loupan_info .xp .annu .sqgh{ display:inline-block; padding:0 30px; line-height:44px; border-radius:4px; color:#fff; font-size:16px; background:#006960; cursor:pointer;}

.popup{ position:absolute; width:100%; left:0; bottom:50px; visibility:hidden; z-index:100; opacity:0; width:200px; background:rgba(0,0,0,0.8); padding:30px;}
.popup.is-visible { opacity: 1; visibility: visible;-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;-moz-transition: opacity 0.3s 0s, visibility 0s 0s;transition: opacity 0.3s 0s, visibility 0s 0s;}
.popup .popup-close { position:absolute; top:8px; right:8px; width:30px;height:30px; color:#fff; font-size:30px;}
.popup input.text{ width:180px; height:40px; line-height:40px; background:#fff; padding:0 10px; margin-top:15px; border:none;}
.popup input.sub{ border:none; background:#006960; color:#fff; height:40px; line-height:40px; margin-top:15px; font-size:16px; width:100%;}
.popup p{ color:#fff; line-height:40px; overflow:hidden;}
.popup p i{ color:#006960; font-size:18px; font-weight:bold; display:inline-block; padding:0 3px;}

.other_tit{ line-height:50px; height:50px; border-bottom:1px #e0e0e0 solid;}
.other_tit h1{ float:left; height:50px; border-bottom:1px #006960 solid; overflow:hidden; font-size:18px; color:#006960;}
.other_tit a{ float:right; color:#555;}

.case_list{width: inherit; height: auto; float: left;}
.case_list_ul{float: left; margin-left: -15px;}
.case_list_ul>li{float: left; margin: 20px 0 0 15px; box-shadow: 0px 0px 10px #f3e3e3; cursor: pointer;}
.case_list_ul>li:hover{box-shadow: 0px 0px 20px #f3e3e3;}
.case_item{width: 692px; height: 436px; background: #fff; }
.case_item_btn{background: #54a51c; color: #fff; border-radius: 8px; float: right; margin-top: -7px; display: block; width: 90px; height: 25px; text-align: center; line-height: 25px;}
.case_item_btn{background: #f3860f;}
.case_item_btn:hover{background: #f3860f;}
.case_pic{width: inherit; height: 346px; position: relative;}
.case_pic_imgbox{width: inherit; height: inherit; overflow: hidden;}
.case_pic_imgbox>a{width: inherit; height: inherit; display: inline-block; transition: transform 0.5s; -moz-transition: -moz-transform 0.5s; -webkit-transition: -webkit-transform 0.5s; -o-transition: -o-transform 0.5s; }
.case_pic_imgbox>a>img{width: inherit; height: inherit;}
.case_pic:hover .case_pic_imgbox>a{transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1);}
.case_pic>img{width: inherit; height: 346px;}
.case_info_box{width: 592px; height: 68px; padding: 12px;}
.case_info_title{font-size: 18px; width: 592px; height: 27px; overflow: hidden;}
.case_info_btn_box{width: inherit; height: 25px; margin-top: 15px;}
.case_info_btn_box>h5{float: left; font-size: 14px;}
.case_info_btn_box>a{text-decoration: none; margin-top: 0;}
.case_info_btn2{background: #6a6a6a; margin-left: 10px;}