<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
/*浜у搧璇︽儏椤�*/
  ul,li{list-style: none;margin:0;padding:0;}
    .bg{width:1190px;padding:20px;border:1px solid #E8E8E8;overflow: hidden;min-width:1190px;box-sizing: border-box;background: #fff;}
    .bg_left{width: 430px;height:auto;float: left}
    .bg_right{float: left;position: absolute; left:40%; z-index:999}
    .show{width:500px;height: 336px;margin-bottom: 10px;position: relative;border:1px solid #E8E8E8;cursor:move}
    .show img{height: 336px;}
    .mask{width: 215px;height: 215px;background: #000;filter: Alpha(opacity=50);opacity:0.5;position: absolute;top: 0;left: 0;display: none;}
    .bigshow{width: 430px;height: 430px;overflow: hidden;margin-left: 10px;display: none;border:1px solid #E8E8E8;}
    .bigshow img{height:800px;margin-right: 10px;z-index: 999;}
    .smallshow{width: 100%;position: relative}
    .smallshow img{width:100%;border:1px solid #e8e8e8;box-sizing: border-box;transition: all 0.5s}
    .smallshow&gt;.middle_box{margin-left: 30px;margin-right: 30px;width:370px;overflow: hidden;}
    .smallshow .middle{overflow: hidden;transition: all 0.5s;}
    .smallshow .middle&gt;li{width: 80px;float: left;cursor:pointer;padding:0 5px;}
    .smallshow&gt;p{position: absolute;top:50%;width: 22px;height: 32px;margin-top: -16px;}
    .smallshow&gt;.prev{left: 0;background: url(../fd/hover-prev.png) no-repeat;transition: all 0.5s}
    .smallshow&gt;.next{right: 0;background: url(../fd/hover-next.png) no-repeat;transition: all 0.5s}
    .smallshow&gt;.prev.prevnone{left: 0;background: url(../fd/prev.png) no-repeat;cursor: not-allowed}
    .smallshow&gt;.next.nextnone{right: 0;background: url(../fd/next.png) no-repeat;cursor: not-allowed}
	.dggtfr{ float:right;  width:55%;  
    z-index: 0;}
/* maincont */
.maincont{width:940px;background-color: #fff;padding: 0 10px;margin-bottom: 10px;}

.menu li{width:49.8%;border-left: 1px solid #eaeaea;height: 60px;line-height: 60px;text-align: center;font-size: 16px;color: #fff;background: #333;cursor:pointer;}
.menu li.status_on{background: #333;}
/* maincont */
.conR{padding-top: 20px;position: relative;}
.conR h3{font-size: 24px;color: #333333;font-weight: normal;}
.conR i{display: block;width: 541px;height: 2px;margin: 28px 0 42px 0;}
.conR h4{font-size: 14px;color: #333333;font-weight: normal;margin: 46px 0 26px;}
.conR p{font-size: 14px;color: #666666;line-height: 35px;}
.conR .box{width: 100%;position: absolute; padding-top:40px;left: 0;}
.conR .box .zx{display: block;width: 197px;height: 60px;float: left;font-size: 22px;color: #fff;line-height: 60px;background: url(../images/proDetailsIntroBg01.png) no-repeat center;text-align: center;text-decoration: none;}
.conL .conBox li img {
    display: block;
 
   
}
.conR .box .zx img{position: relative;top: 4px;margin-left: 8px;}
.conR .box .phone{float: left;padding-left: 56px;; background: url(../images/proListClassify_phone.png) no-repeat left center;margin-left: 46px;margin-top: 6px;}
.conR .box .phone span{display: block;font-size: 14px;color: #333333;}
.conR .box .phone em{display: block;font-size: 28px;color: #000;font-family: arial;}
/* proDetailsLy*/
.conL .conBox li:hover img{transform: scale(1.2);}
.conL .conBox li:hover{box-shadow: 0 0 8px 4px #f3f3f3;}

.conL .conBox li img{display: block;transition: all 1s ease-out;  transform: scale(1);}



/* 浜у搧 Advantage YangFangLing 2018骞�12鏈�13鏃� */
.Advantage{padding: 27px 0 86px;position: relative;}
.Advantage .container02{position:  relative;z-index: 9;}

.AdvantageCon{margin-top:60px;overflow: hidden;}
.AdvantageCon dl{float: left;width: 300px;}
.AdvantageCon dl dt{width: 300px;height: 250px;overflow: hidden;}
.AdvantageCon dl dt img{display: block;width: 300px;height: 250px;transition: .8s;}
.AdvantageCon dl:hover dt img{transform: scale(1.03);}
.AdvantageCon dl dd{background-color: #FBEAB5;height: 250px;padding: 40px;position: relative;}
.AdvantageCon dl dd h3{font-weight: normal;color:#6E0611;font-size: 18px;line-height: 25px;}
.AdvantageCon dl dd p{font-size: 14px;color:#C3B58A;line-height: 25px;margin-top: 20px;}
.AdvantageCon dl:hover dd h3{font-weight: bold;}
.AdvantageCon dl dd i{width: 17px;height: 10px;display: block;background: url(../images/sjx02.png) no-repeat center center;position: absolute;left: 50%;margin-left: -8.5px;top: -10px;z-index: 9;}

.Advantage span.Img{width: 459px;height: 265px;display: block;position: absolute;left: 50%;margin-left: -229.5px;top: 110px;z-index: 1;}
.Advantage span.Img img{width: 459px;height: 265px;display: block;webkit-animation: fadeIn 2s infinite linear;animation: fadeIn 2s infinite linear;}
/* Advantage End */

.scrollpic{ width:1200px; margin:0 auto; margin-bottom:50px;}
#myscroll{display:block;width:100%;position:relative;height:220px;overflow:hidden}
#myscroll #myscrollbox{display:block;float:left;position:absolute;left:0;top:0;width:1000000px}
#myscroll ul{display:block;float:left;list-style-type:none;padding:0;margin:0}
#myscroll ul li{display:block;float:left;padding:0;width:280px; margin-left:20px;}
#myscroll ul li a{display:block;float:left;width:280px;padding:0;position:relative;height:220px;color:#333}
#myscroll a .intro{position:absolute;left:0;z-index:10;background-color:#353535;filter:alpha(opacity=70);width:280px;color:#fff;-moz-opacity:.7;-khtml-opacity:.7;opacity:.7;text-align:center; color:#000000}
#myscroll a .intro h5{padding:0;margin:0;font-size:15px;height:40px;width:280px;line-height:30px;border-bottom:1px solid #FFF5D2;font-weight:100; color:#FFFFFF}
#myscroll a .intro p{font-size:13px;line-height:20px;margin:65px 40px;height:70px;overflow:hidden}
#myscroll a .intro{bottom:-211px}
#myscroll a:hover .intro{bottom:0}
#mybtns{margin:10px 0;width:1100px;display:block;height:42px}
#mybtns a{width:42px;height:42px;display:block;float:right;margin-right:1px;background-color:#c1c1c1;margin-left:10px}
#mybtns a:hover{background-color:#DA251D}
#mybtns a:hover,#myscroll,#mybtns a,#myscroll a:hover .intro,#myscroll a .intro,#myscroll #myscrollbox{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
#mybtns #left{background-image:url(../images/jt_l.png)}
#mybtns #right{background-image:url(../images/jt_r.png)}
#kinMaxShow{visibility:hidden;width:100%;height:500px;overflow:hidden}


/*浜у搧鍒楄〃椤�*/
.scroll-watch-in-view.show_bottom{opacity:1;visibility:visible;transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0)}
.img_scale{overflow:hidden}
.img_scale img{transition:transform cubic-bezier(.215,.61,.355,1) 2s;-ms-transition:transform cubic-bezier(.215,.61,.355,1) 2s;-o-transition:transform cubic-bezier(.215,.61,.355,1) 2s;-webkit-transition:transform cubic-bezier(.215,.61,.355,1) 2s;-moz-transition:transform cubic-bezier(.215,.61,.355,1) 2s}
.img_scale:hover img{transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1)}
.img_scale:hover .full{transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1)}

.scene-list{width:33%;cursor:pointer;  margin-bottom:20px;min-height: 100%;display: block; display: inline-block;

}

.scene-list:first-child{transition-delay:.1s}
.scene-list:nth-child(2){transition-delay:.2s}
.scene-list:nth-child(2n){margin-right:0}
.scene-list:last-child{margin-bottom:30px;transition-delay:.1s}
.scene-list.this .desc,.scene-list:hover .desc{background:#626262;color:#fff;}
.scene-list.this .scene-line-tb:after,.scene-list.this .scene-line-tb:before,.scene-list:hover .scene-line-tb:after,.scene-list:hover .scene-line-tb:before{width:100%}
.scene-list.this .scene-line-lr:after,.scene-list:hover .scene-line-lr:after{height:100%;left:auto;right:0}
.scene-list.this .scene-line-lr:before,.scene-list:hover .scene-line-lr:before{height:100%;top:auto;bottom:0}
.scene-list span{font-family:'Helvetica Neue LT Pro';color:#ef8200;font-size:22px;margin-right:20px}
.scene-list .warper{width:calc(100% - 10px);position:relative;}
.scene-list .pro{width:100%;height:auto!important;}
.dcd{ width:30%; float:left;height:auto!important;}


.scene-list .pro{ position: relative; overflow: hidden; }
.scene-list .pro:after{ content: ""; width: 180px; height: 500px; background-color: rgba(255,255,255,.3); transform: rotate(-45deg); position: absolute; left: -140px; top: 80px; transition: all ease-in-out .6s; }
.scene-list .pro:hover:after{ left: calc(100% + 90px); top: calc(-100% - 130px); }

.scene-list .desc{width:100%;height:60px;line-height:60px;font-size:18px;color:#fff;background:#484f5f; overflow:hidden; padding-left:10px;}
.scene-list .desc a:hover{ color:#FFFFFF}
.scene-list .desc a{color:#FFFFFF}
.option{padding-left:120px}
.option-list{margin-right:80px;cursor:pointer}
.option-list:nth-child(2){transition-delay:.1s}
.option-list:nth-child(3){transition-delay:.2s}
.option-list:nth-child(4){transition-delay:.3s}
.option-list:last-child{margin-right:0;margin-bottom:70px}
.option-list.this p,.option-list:hover p{color:#fff;background:#4e5b9f}
.option-list span{font-size:22px;font-family:'Helvetica Neue LT Pro';margin-right:20px;display:inline-block;color:#ef8200}
.option-list p{font-family:'Helvetica Neue LT Pro';font-size:16px;color:#333;padding:0 30px;min-width:120px;height:38px;line-height:38px;text-align:center;display:inline-block;background:#4e5b9f;border-radius:3px}





/*寮瑰嚭妯″潡*/

.ue_grid_1,.ue_grid_2,.ue_grid_3,.ue_grid_4,.ue_grid_5,.ue_grid_6{float:left;position:relative}
.ue_grid_1{width:280px;margin-right:20px;margin-bottom:50px}
.ue_grid_2{width:580px;margin-right:20px;margin-bottom:50px}
.ue_grid_3{width:880px;margin-right:20px;margin-bottom:50px}
.ue_grid_4{width:1180px;margin-right:20px;margin-bottom:50px}
.ue_grid_5{width:1480px;margin-right:20px;margin-bottom:50px}
.ue_grid_6{width:1780px;margin-right:20px;margin-bottom:50px}
.omega{margin-right:0}
.drb{margin-bottom:0}
.pull2{left:600px}
</pre></body></html>