
/*ÃƒÂ¤Ã‚ÂºÃ‚Â§ÃƒÂ¥Ã¢â‚¬Å“Ã‚ÂÃƒÂ¨Ã‚Â¯Ã‚Â¦ÃƒÂ¦Ã†â€™Ã¢â‚¬Â¦ÃƒÂ©Ã‚Â¡Ã‚Âµ*/

  ul,li{list-style: none;margin:0;padding:0;}
    .bg{padding: 1.25rem;border: 0.01rem solid #E8E8E8;overflow: hidden;box-sizing: border-box;background: #fff;margin-top:3%;}
    .bg_left{ width:45%;height:auto;float: left}
    .bg_right{float: left;position: absolute; left:40%; z-index:999}
    .show{width: 100%;overflow: hidden;margin-bottom: 10px;position: relative;border:1px solid #E8E8E8;cursor:move}
    .show img{}
    .mask{width: 215px;height: 215px;background:url(../image/mask-bg.png);filter: Alpha(opacity=50);opacity:0.5;position: absolute;top: 0;left: 0;display: none;}
    .bigshow{width: 530px;overflow: hidden;margin-left: 10px;display: none;border:1px solid #E8E8E8;}
    .bigshow img{margin-right: 10px;z-index: 999; width:100%}
    .smallshow{width: 100%;position: relative}
    .smallshow img{width:100%;border:1px solid #e8e8e8;box-sizing: border-box;transition: all 0.5s}
    .smallshow>.middle_box{margin-left: 30px;margin-right: 30px;width:370px;overflow: hidden;}
    .smallshow .middle{overflow: hidden;transition: all 0.5s;}
    .smallshow .middle>li{width: 70px;float: left;cursor:pointer;padding:0 5px;}
    .smallshow>p{position: absolute;top:50%;width: 22px;height: 32px;margin-top: -16px;}
    .smallshow>.prev{left: 0;background: url(../jsfd/hover-prev.png) no-repeat;transition: all 0.5s}
    .smallshow>.next{right: 0;background: url(../jsfd/hover-next.png) no-repeat;transition: all 0.5s}
    .smallshow>.prev.prevnone{left: 0;background: url(../jsfd/prev.png) no-repeat;cursor: not-allowed}
    .smallshow>.next.nextnone{right: 0;background: url(../jsfd/next.png) no-repeat;cursor: not-allowed}
	.dggtfr{
    float:right;
    width: 50%;
    z-index: 0;
    }
	
	
#div_box-right-1 {height: 5rem;margin-left: 1.25rem;position:relative;line-height: 2.5rem;}
#div_box-right-1-span_1 {position:absolute;left:0;font-weight:700;font-size: 1.125rem;}
#div_box-right-1-span_2 {position:absolute;left:0;color:#ff0036;bottom:0;font-size: 0.9375rem;}
#div_box-right-2 {height: 2.6875rem;margin-top: 0.9375rem;position:relative;background-image:url(../image/beij.png);}
#div_box-right-2-span_1 {position:absolute;left:0;color:#838383;line-height: 2.6875rem;font-size: 0.75rem;margin-left: 0.9375rem;}
#div_box-right-2-span_2 {position:absolute;left:0;color: #bd0000;line-height: 2.6875rem;font-size: 1.375rem;margin-left: 5rem;font-weight:600;}
#div_box-right-3 {height: 2.5rem;margin-top: 0.3rem;position:relative;}
#div_box-right-3-span_1 {position:absolute;left:0;color:#838383;line-height: 2.5rem;font-size: 0.75rem;margin-left: 0.9375rem;}
#div_box-right-3-span_2 {position:absolute;left:0;line-height:40px;font-size:12px;margin-left:90px}
#div_box-right-3-span_2 a {text-decoration:none;color:#333}
.icon-gw {width:.8em;height:.8em}
#div_box-right-4 {height: 2.6875rem;position:relative;border-top: 0.01rem dashed #e5e4e4;border-bottom: 0.01rem dashed #e5e4e4;}
#div_box-right-4-div-1 {position:absolute;width: 18rem;height: 2.6875rem;float:left;text-align:center;}
#div_box-right-4-div-2 {position:absolute;width: 20rem;height: 2.6875rem;float:left;right:0;text-align:center;}
#div_box-right-4-div-1 span,#div_box-right-4-div-2 span {color:#838383;line-height: 2.6875rem;font-size: 0.8125rem;}
#div_box-right-4-div-1 a,#div_box-right-4-div-2 a {color:#838383;line-height: 2.6875rem;font-size: 0.8125rem;text-decoration:none;}
#div_box-right-5 {overflow:hidden;margin-top: 0.625rem;position:relative;margin-bottom:2%;}
#div_box-right-5 span {position:absolute;left:0;color:#838383;line-height: 2.6875rem;font-size: 0.75rem;margin-left: 0.9375rem;float:left;}
#div_box-right-5-div-1,#div_box-right-5-div-2,#div_box-right-5-div-3,#div_box-right-5-div-4,#div_box-right-5-div-5 {overflow:hidden;float:left;padding-left: 0.45rem;padding-right: 0.45rem;left:0;top: 0.4rem;font-size: 0.8125rem;border: 0.02rem solid #e5e4e4;text-align:center;line-height: 1.875rem;cursor:pointer;}
#div_box-right-5-div-1 {margin-left: 0.3rem;margin-top: 0.3rem;}
#div_box-right-6 {overflow:hidden;margin-top:5px;position:relative; margin-bottom:2%}
#div_box-right-7 {height: 8rem;margin-top: 0.3rem;position:relative;}
#div_box-right-8 {width: 23rem;height: 2.5rem;margin-top: 0.9375rem;position:relative;margin-left: 3rem;font-size: 0.8rem;}
#div_box-right-6 span {position:absolute;left:0;color:#838383;line-height:43px;font-size:12px;margin-left:15px;float:left}
#div_box-right-6-div-1,#div_box-right-6-div-2,#div_box-right-6-div-3,#div_box-right-6-div-4,#div_box-right-6-div-5,#div_box-right-6-div-6,#div_box-right-6-div-7,#div_box-right-6-div-8 {height:70px;float:left;left:0;font-size:13px;border:.2px solid #e5e4e4;display:flex;justify-content:center;align-items:center;cursor:pointer}
#div_box-right-6-div-1 {margin-left:10px}
#div_box-right-7 span {position:absolute;left:0;color:#838383;line-height: 2.6875rem;font-size: 0.75rem;margin-left: 0.9375rem;float:left;}
#div_box-right-7-div-1 {float:left;position:absolute;left:0;top: 0.2rem;font-size: 0.8125rem;border: 0.02rem solid #e5e4e4;line-height: 2.5rem;margin-left: 5rem;color:#838383;}
#div_box-right-7-div-2 {float:left;position:absolute;left:0;top:2.5px;line-height:40px;margin-left:140px;color:#838383}
#div_box-right-7-div-2-onck1,#div_box-right-7-div-2-onck2 {width:20px;height:15px;border:.2px solid #e5e4e4;text-align:center;line-height:15px;cursor:pointer}
#div_box-right-7-div-2-onck2 {margin-top:5px}
#div_box-right-8-div-1 {width: 11rem;height: 2.5rem;border: 0.01rem solid #2957a4;color: #2957a4;line-height: 2.5rem;text-align:center;cursor:pointer;background-color: #2957a438;position:absolute;float:left;}
#div_box-right-8-div-2 {width: 11rem;height: 2.5rem;border: 0.01rem solid #2957a4;color:#fff;line-height: 2.5rem;text-align:center;cursor:pointer;background-color: #2957a4;position:absolute;right: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: 80rem;margin:0 auto;margin-bottom: 3.125rem;}
#myscroll{display:block;width:100%;position:relative;height: 19rem;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: 11rem;margin-left: 1.25rem;}
#myscroll ul li a{display:block;float:left;width: 11rem;padding:0;position:relative;height: 18.8rem;color:#333;}
#myscroll a .intro{position:absolute;left:0;z-index:10;background-color:#353535;filter:alpha(opacity=70);width: 11rem;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: 0.9375rem;height: 2.5rem;width: 11rem;line-height: 2.1875rem;border-bottom: 0.01rem solid #FFF5D2;font-weight:100;color:#FFFFFF;}
#myscroll a .intro p{font-size: 0.8125rem;line-height: 1.25rem;margin: 4.08rem 2.5rem;height: 4.35rem;overflow:hidden;}
#myscroll a .intro{bottom: -12.8rem;}
#myscroll a:hover .intro{bottom:0}
#mybtns{margin: 0.625rem 0;width: 80rem;display:block;height: 2.625rem;}
#mybtns a{width: 2.625rem;height: 2.625rem;display:block;float:right;margin-right: 0.01rem;background-color:#c1c1c1;margin-left: 0.625rem;}
#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: 13.9%;

cursor:pointer;

margin-bottom: 1.875rem;

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: #2957a4;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 .desc{width:100%;height: 3.75rem;line-height: 3.75rem;font-size: 1rem;color:#666;background:#f4f4f4;overflow:hidden;text-align:center;}
.scene-list .desc a:hover{ color:#FFFFFF}
.scene-list .scene-line-tb:after,.scene-list .scene-line-tb:before{content:' ';position:absolute;right:0;top:0;width:0;height:4px;background: #2957a4;transition:.8s 50ms;-ms-transition:.8s 50ms;-o-transition:.8s 50ms;-webkit-transition:.8s 50ms;-moz-transition:.8s 50ms;}
.scene-list .scene-line-tb:after{right:auto;left:0;top:auto;bottom:0}
.scene-list .scene-line-lr:after,.scene-list .scene-line-lr:before{content:' ';position:absolute;left:-1px;top:0;width:4px;height:0;background: #2957a4;transition:.8s 50ms;-ms-transition:.8s 50ms;-o-transition:.8s 50ms;-webkit-transition:.8s 50ms;-moz-transition:.8s 50ms;}
.scene-list .scene-line-lr:after{left:auto;right:0}
.scene-list .scene-line-lr:before{top:auto;bottom:0}
.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:#ef8200}
.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:#d8d8d8;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}
