
/*产品详情页*/

  ul,li{list-style: none;margin:0;padding:0;}
    .bg{padding:20px;border:1px 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:45%;  
    z-index: 0;}
	
	
#div_box-right-1 {height:70px;margin-left:20px;position:relative; line-height:40px;}
#div_box-right-1-span_1 {position:absolute;left:0;font-weight:700; font-size:18px; }
#div_box-right-1-span_2 {position:absolute;left:0;color:#ff0036;bottom:0;font-size:15px;}
#div_box-right-2 {height:43px;margin-top:15px;position:relative;background-image:url(../image/beij.png)}
#div_box-right-2-span_1 {position:absolute;left:0;color:#838383;line-height:43px;font-size:12px;margin-left:15px}
#div_box-right-2-span_2 {position:absolute;left:0;color:#CC0B0B;line-height:43px;font-size:22px;margin-left:90px;font-weight:600}
#div_box-right-3 {height:40px;margin-top:5px;position:relative}
#div_box-right-3-span_1 {position:absolute;left:0;color:#838383;line-height:40px;font-size:12px;margin-left:15px}
#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:43px;position:relative;border-top:1px dashed #e5e4e4;border-bottom:1px dashed #e5e4e4}
#div_box-right-4-div-1 {position:absolute;width:250px;height:43px;float:left;text-align:center}
#div_box-right-4-div-2 {position:absolute;width:350px;height:43px;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:43px;font-size:13px}
#div_box-right-4-div-1 a,#div_box-right-4-div-2 a {color:#838383;line-height:43px;font-size:13px;text-decoration:none}
#div_box-right-5 { overflow:hidden;margin-top:10px;position:relative; margin-bottom:2%}
#div_box-right-5 span {position:absolute;left:0;color:#838383;line-height:43px;font-size:12px;margin-left:15px;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:8px; padding-right:8px;left:0;top:6.5px;font-size:13px;border:.2px solid #e5e4e4;text-align:center;line-height:30px;cursor:pointer}
#div_box-right-5-div-1 {margin-left:5px; margin-top:5px;}
#div_box-right-6 {overflow:hidden;margin-top:5px;position:relative; margin-bottom:2%}
#div_box-right-7 {height:120px;margin-top:5px;position:relative}
#div_box-right-8 {width:355px;height:40px;margin-top:15px;position:relative;margin-left:90px}
#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:43px;font-size:12px;margin-left:15px;float:left}
#div_box-right-7-div-1 {float:left;position:absolute;left:0;top:2.5px;font-size:13px;border:.2px solid #e5e4e4;line-height:40px;margin-left:90px;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:170px;height:40px;border:1px solid #CC0B0B;color:#CC0B0B;line-height:40px;text-align:center;cursor:pointer;background-color:#ffeded;position:absolute;float:left}
#div_box-right-8-div-2 {width:170px;height:40px;border:1px solid #CC0B0B;color:#fff;line-height:40px;text-align:center;cursor:pointer;background-color:#CC0B0B;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:1200px; margin:0 auto; margin-bottom:50px;}
#myscroll{display:block;width:100%;position:relative;height:300px;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:180px; margin-left:20px;}
#myscroll ul li a{display:block;float:left;width:180px;padding:0;position:relative;height:300px;color:#333}
#myscroll a .intro{position:absolute;left:0;z-index:10;background-color:#353535;filter:alpha(opacity=70);width:180px;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:180px;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:19.6%;cursor:pointer;  margin-bottom:30px;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:#BB0000;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:60px;line-height:60px;font-size:16px;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:#BB0000;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:#BB0000;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}
