@charset "utf-8"; /* css document */ div,form,img,ul,ol,li,dl,dt,dd,p,input,body,strong,span,pre{margin:0; padding:0; border:0; background-repeat:no-repeat;} h1,h2,h3,h4,h5,h6,p{ margin:0; padding:0; font-weight:normal;} body{font-size:14px; font-family:"寰蒋闆呴粦";margin:0px;padding:0px;color:#333;height:auto;clear:both;min-width: 1200px;} img{border:0px;} ul,li{ list-style:none;} em,i{ font-style:normal;} a{ text-decoration:none; color:#666;display: block; outline: none} a:hover{ background-repeat:no-repeat;} /*top*/ .top_zhiding{position: fixed;top: 0;z-index: 5;width: 100%;} .home_margin{margin-right: 100px;} .top_po{position: absolute;top: 0;width: 100%;z-index: 2;background: url(/uploads/image/ssimages/nav_bg.png) no-repeat top;} .top_bg{width: 1200px;margin:0 auto;} .logo{float: left;} .logo a{display: block;padding:15px 0;} .logo a img{height: 30px;} .clear_none{clear: both;} /*sousuo*/ .sousuo{float: right;position: relative;z-index: 9;} .fdj{padding:12px 10px;cursor: pointer;} .ss_in{position: absolute;top: 40px;right: 0;width: 270px;display: none;} .ss_in form{overflow: hidden;} .ss_in form input{float: left;} .shuru{width: 200px;height: 40px;line-height: 40px;padding:0 10px;outline: none;background:rgba(45, 45, 45, 0.8); color: #fff} .tijiao{cursor: pointer;width: 50px;height: 40px;line-height: 40px;background: #fdd000;color: #fff;} /*鍒嗗叕鍙?/ .fgs{float: right;margin-left: 30px;position: relative;} .fgs_zi{background: url(/uploads/image/ssimages/xia.png) no-repeat right;padding-right: 25px;color: #fff;cursor: pointer;margin:10px 0;} .fgs_list{position: absolute;top: 39px;right: -10px; background: rgba(45, 45, 45, 0.8);width: 100px;text-align: center;display: none;} .fgs_list li{line-height: 40px;} .fgs_list li a{font-size: 12px;color: #fff;} .fgs_list li a:hover{background: #fdd000;color: #fff;} /*nav*/ .nav_bg{float: left;margin-left: 100px;} .minnav ul{ display:block;} .minnav ul li{float:left; position:relative; z-index:2;height: 40px;line-height: 40px;} .minnav ul li .yiji{padding:0 35px; font-size:14px;display: block;color: #fff;} #dangqian{color:#fdd000;} .minnav ul li:hover .yiji{color: #fdd000;} .minnav ul li .yiji:hover{color: #fdd000;} /*浜岀骇涓嬫媺*/ .minnav ul li .navdrop{width:128px; position:absolute; left:0; top:40px;z-index:9999; display:none; background:rgba(45, 45, 45, 0.8);} .minnav ul li .navdrop p{ font-size: 14px; overflow:hidden;} .minnav ul li .navdrop p a{height: 40px;line-height: 40px; display: block;color: #fff;text-indent:35px; border:none; background:none; font-size:14px;} .minnav ul li .navdrop p a:hover{color: #fff;background: #fdd000;} /*浜у搧涓嬫媺*/ .fn-clear{clear: both;} .hide {display:none;} .cpnav_fenlei{width: 1200px;margin:0 auto;position: relative;} .headnav{ height:40px; position: absolute;z-index: 10;left: 356px;} .headnav .navcon .navcon-cate{ width:110px; height:40px;line-height:40px; color:#fff; position:relative;} .navcon-cate-title{text-align: center; } .headnav .navcon .navcon-cate .navcon-cate-title a{ color:#ffffff;} .headnav .navcon .navcon-cate .navcon-cate-title a:hover{ text-decoration:none;} .headnav .navcon .navcon-cate .catemenu{ width:170px; position:absolute; left:0px; box-shadow:4px 2px 5px rgba(0, 0, 0, 0.3); background:rgba(45, 45, 45, 0.8); cursor:pointer;} .headnav .navcon .navcon-cate .catemenu li{overflow:hidden;} .headnav .navcon .navcon-cate .catemenu li .cate-tag{text-indent: 16px; overflow:hidden;} .headnav .navcon .navcon-cate .catemenu li .cate-tag a{ font-size:14px;line-height:40px; color:#fff;background:url(/uploads/image/ssimages/cp_you.png) no-repeat 150px;} .headnav .navcon .navcon-cate .catemenu li .cate-tag a:hover{background:url(/uploads/image/ssimages/cp_you.png) no-repeat 150px #fdd000;} .headnav .navcon .navcon-cate .catemenu .list-item{width:650px;background:#ffffff; box-shadow:4px 3px 5px rgba(0, 0, 0, 0.5); background:rgba(45, 45, 45, 0.8); position:absolute; left:150px; top:0px;} .headnav .navcon .navcon-cate .catemenu .list-item .itemleft{overflow: hidden; } .headnav .navcon .navcon-cate .catemenu .list-item dl{float: left;width: 280px;padding:10px 20px; } .headnav .navcon .navcon-cate .catemenu .list-item dt{ color:#fdd000; font-size:15px;height: 40px;line-height: 40px; border-bottom:1px solid #000; margin-bottom:8px; } .headnav .navcon .navcon-cate .catemenu .list-item dt a{ color:#fdd000;} .headnav .navcon .navcon-cate .catemenu .list-item dd{font-size:12px; font-weight:normal; text-indent:0px; line-height:26px;} .headnav .navcon .navcon-cate .catemenu .list-item dd a{ color:#fff; margin:0 20px 5px 0; height:22px; overflow:hidden; display:block;} .headnav .navcon .navcon-cate .catemenu .list-item dd a:hover{ color:#fdd000;} /*nav_img*/ .nav_img{overflow: hidden;padding:20px;margin-top: 20px;border-top: 1px solid #eee;} .nav_img a{float: left;margin-right: 15px;} .nav_img a img{width: 140px;height:80px;display: block;} /*banner*/ .flexslider{position:relative;overflow:hidden;width: 100%;} .slides{position:relative;z-index:1;} .slides li{height: 755px;} .slides img{max-width: 100%;height: auto;display: block;} .flex-control-nav{position:absolute;bottom:20px;z-index:2;width:100%;text-align:center;} .flex-control-nav li{display:inline-block;width:20x;height:2px;margin:0 3px;} .flex-control-nav a{display:inline-block;width:20px;height:2px;line-height:40px;overflow:hidden;background:url(/uploads/image/ssimages/dot.png) right 0 no-repeat;cursor:pointer;} .flex-control-nav .flex-active{background-position:0 0;} .flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;} .flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;} .flex-direction-nav li a.flex-prev{left:0;background:url(/uploads/image/ssimages/prev.png) center no-repeat;} .flex-direction-nav li a.flex-next{right:0;background:url(/uploads/image/ssimages/next.png) center no-repeat;} /*banner-end*/ /*page*/ .page{ overflow:hidden;font-size: 0; margin-top: 30px; display: inline-block;} .page a{padding: 0 12px; height:30px; font-size:13px;line-height:30px;margin-right:10px; display:inline-block;background:#f6f6f6;color:#999; font-size:12px; text-align: center; transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;border-radius: 50px;} .page a:hover,.page span{background:#2e2ac5;color:#fff;border-radius: 50px;} .page span{line-height:30px; height:30px; padding:0 12px; font-size:14px; text-align:center; margin:0 10px 0 0; display:inline-block;} .page a.next-btn{ width:75px;} /*鏂板搧*/ .new_product{width: 1200px;margin: 0 auto;padding:50px 0;position: relative;} .sy_title{text-align: center;} .sy_title h1{font-size: 26px;font-weight: 100;} .sy_title img{margin:5px auto 0 auto;} .new_product .picscroll-left{padding-top: 40px;} .shopbtn {position: fixed; top: 30%;background: url(/uploads/image/ssimages/shop.png) 4px 5px no-repeat rgba(255,255,255,0.6);border-radius: 3px; width: 30px; height: 26px; overflow: hidden;} .shopbtn i{ width: 20px; font-size: 13px; display: block; text-align: center; margin: 0 auto;padding: 25px 0 5px;} @media (max-width: 1366px) { .new_product .hd .prev{left: -5%!important;} .new_product .hd .next{right: -5%!important;} } .new_product .hd .prev{ display:block; width:80px; height:80px; float:left;overflow:hidden;position: absolute;bottom: 35%;left:-7%; cursor:pointer; background:url(/uploads/image/ssimages/zuo.png) no-repeat;z-index: 1;} .new_product .hd .prev:hover{ background: no-repeat;} .new_product .hd .next{ display:block; width:80px; height:80px; float:right;overflow:hidden;position: absolute;bottom: 35%;right: -8%; cursor:pointer; background:url(/uploads/image/ssimages/you.png) no-repeat;z-index: 1;} .new_product .hd .next:hover{background: no-repeat;} .new_product .hd ul{ text-align: center; overflow:hidden; zoom:1; padding-top:30px; zoom:1; position: absolute;bottom: 0;width: 100%;} .new_product .hd ul li{ display: inline-block; width:100px; height:1px; overflow:hidden; margin:5px; text-indent:-999px; cursor:pointer; background: 0 -1px no-repeat; } .new_product .hd ul li.on{ background-position:0 0; } .new_product .bd{} .new_product .bd ul{} .new_product .bd ul li{width:285px;float:left;margin: 30px 10px;} .new_product .bd ul li a{display: block;-webkit-transition: all ease-in-out 0.4s;transition: all ease-in-out 0.4s;} .new_product .bd ul li a:hover{box-shadow: 0px 16px 22px 0px rgba(90, 91, 95, 0.3);transform: translate3d(0,-5px,0); -webkit-transform: translate3d(0,-5px,0);-moz-transform: translate3d(0,-5px,0);-o-transform: translate3d(0,-5px,0);border-radius: 5px;} /*.new_product .bd ul li a:hover .xp_more{opacity: 1;}*/ .new_product .cp_img{position: relative;text-align: center;} .new_product .cp_img img{display: block;width: 285px; height: 330px;} .new_product .cp_img h3{font-size: 15px;padding: 20px 10px;} .xp_more{position: absolute;bottom: 0;width: 100%;height: 100%;background: url(/uploads/image/ssimages/xp_more.png) no-repeat center;color: #fff;opacity: 0; transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;} .xp_more h1{padding: 240px 20px 0 20px;font-size: 20px;font-weight: 100;height: 40px;line-height: 40px;overflow: hidden;} .xp_more b{display: inline-block;margin:10px 0;width: 50px;height: 2px;background: #fff;margin-left: 20px;} .xp_more span{display: block;padding:0 20px;} /*鍒嗙被*/ .fenlei_bg{background: #f5f5f5;padding:80px 0;margin:50px 0;} .fenlei_main{width: 1200px;margin:0 auto;} .fenlei_main ul{} .fenlei_main ul li{float: left;width:135px;text-align: center;margin: 20px 130px 0 0;} .fenlei_main ul li h3{font-size: 14px;padding-top: 20px;} .fl_img{width: 120px;height: 120px;border:1px solid #ddd;margin:0 auto;border-radius: 200px;transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;} .flimg_a{background: url(/uploads/image/ssimages/fenlei_07.png) no-repeat center;} .flimg_b{background: url(/uploads/image/ssimages/fenlei_05.png) no-repeat center;} .flimg_c{background: url(/uploads/image/ssimages/fenlei_03.png) no-repeat center;} .flimg_d{background: url(/uploads/image/ssimages/fenlei_09.png) no-repeat center;} .flimg_e{background: url(/uploads/image/ssimages/fenlei_10.png) no-repeat center;} .flimg_a:hover{background: url(/uploads/image/ssimages/fenlei_072.png) no-repeat center #c00;border:1px solid #c00;box-shadow: 0 10px 30px rgba(204,0,0,.3)} .flimg_b:hover{background: url(/uploads/image/ssimages/fenlei_052.png) no-repeat center #c00;border:1px solid #c00;box-shadow: 0 10px 30px rgba(204,0,0,.3)} .flimg_c:hover{background: url(/uploads/image/ssimages/fenlei_032.png) no-repeat center #c00;border:1px solid #c00;box-shadow: 0 10px 30px rgba(204,0,0,.3)} .flimg_d:hover{background: url(/uploads/image/ssimages/fenlei_092.png) no-repeat center #c00;border:1px solid #c00;box-shadow: 0 10px 30px rgba(204,0,0,.3)} .flimg_e:hover{background: url(/uploads/image/ssimages/fenlei_102.png) no-repeat center #c00;border:1px solid #c00;box-shadow: 0 10px 30px rgba(204,0,0,.3)} /*鐑攢*/ .rexiao{width: 1200px;margin: 40px auto;position: relative;padding-bottom: 80px;} .rexiao .picscroll-left{padding-top: 40px;} .rexiao .hd ul{ text-align: center; overflow:hidden; zoom:1; padding-top:30px; zoom:1; position: absolute;bottom: 0;width: 100%;} .rexiao .hd ul li{ display: inline-block; width:10px; height:10px; overflow:hidden; margin:5px; text-indent:-999px; cursor:pointer; background: 0 -10px no-repeat; } .rexiao .hd ul li.on{ background-position:0 0; } .rexiao .bd{overflow: hidden;} .rexiao .bd ul{} .rexiao .bd ul li{width:300px;float:left;text-align: center;margin-top: 10px;} .rexiao .bd ul li a img{max-width: 285px;height: 330px;margin: 0 auto;} .rexiao .bd ul li a{transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;} .rexiao .bd ul li a h4{font-size: 14px;color: #666;padding-top: 40px;} .rexiao .bd ul li a:hover{transform: translate3d(0,-5px,0);-webkit-transform: translate3d(0,-5px,0); -moz-transform: translate3d(0,-5px,0);-o-transform: translate3d(0,-5px,0);} .rexiao .bd ul li a:hover h4{color: #c00;} /*瑙嗛*/ .sy_video{width: 1200px;margin:0 auto;overflow:hidden; position:relative;} .sy_video .hd{ overflow:hidden; } .sy_video .hd a{ display:block;} .sy_video .hd .prev{width:40px;position: absolute;top: 100px; height:40px; float:left; overflow:hidden;cursor:pointer; background:url(/uploads/image/ssimages/case_zuo1.png) no-repeat;opacity: 0;} .sy_video .hd .prev:hover{background:url(/uploads/image/ssimages/case_zuo2.png) no-repeat;} .sy_video .hd .next{ width:40px;position: absolute;top: 100px;right: 0; height:40px; float:right; overflow:hidden;cursor:pointer; background:url(/uploads/image/ssimages/case_you1.png) no-repeat;opacity: 0;} .sy_video .hd .next:hover{background:url(/uploads/image/ssimages/case_you2.png) no-repeat;} .sy_video .hd ul{ text-align: center; overflow:hidden; zoom:1; margin-top:30px; zoom:1; } .sy_video .hd ul li{ display: inline-block; width:10px; height:10px; overflow:hidden; margin:5px; text-indent:-999px; cursor:pointer; background: 0 -10px no-repeat; } .sy_video .hd ul li.on{ background-position:0 0; } .sy_video:hover .prev{opacity: 1;} .sy_video:hover .next{opacity: 1;} .sy_video .bd ul{ overflow:hidden; zoom:1; } .sy_video .bd ul li{ margin-right:15px;width: 400px;height: 250px; float:left; display:inline; overflow:hidden; text-align:center; position: relative; } .sy_video ul li{position: relative;} .sy_video ul li img{} .sy_video ul li a:hover .bofang { filter: alpha(opacity=70); opacity: .7; } /**/ .plyr input[type=range]:focus,.plyr:focus{outline:0} .plyr .plyr__video-embed iframe,.plyr__tooltip{pointer-events:none} @keyframes plyr-progress{to{background-position:25px 0}} .plyr{position:relative;max-width:100%;min-width:200px;font-family:avenir,'avenir next','helvetica neue','segoe ui',helvetica,arial,sans-serif;direction:ltr} .plyr,.plyr *,.plyr ::after,.plyr ::before{box-sizing:border-box} .plyr a,.plyr button,.plyr input,.plyr label{-ms-touch-action:manipulation;touch-action:manipulation} .plyr audio,.plyr video{width:100%;height:350px;vertical-align:middle;border-radius:inherit} .plyr input[type=range]{display:block;height:20px;width:100%;margin:0;padding:0;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border:none;background:0 0} .plyr input[type=range]::-webkit-slider-runnable-track{height:8px;background:0 0;border:0;border-radius:4px;-webkit-user-select:none;user-select:none} .plyr input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;margin-top:-4px;position:relative;height:16px;width:16px;background:#fff;border:2px solid transparent;border-radius:100%;transition:background .2s ease,border .2s ease,transform .2s ease;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.15);box-sizing:border-box} .plyr input[type=range]::-moz-range-track{height:8px;background:0 0;border:0;border-radius:4px;-moz-user-select:none;user-select:none} .plyr input[type=range]::-moz-range-thumb{position:relative;height:16px;width:16px;background:#fff;border:2px solid transparent;border-radius:100%;transition:background .2s ease,border .2s ease,transform .2s ease;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.15);box-sizing:border-box} .plyr input[type=range]::-ms-track{height:8px;background:0 0;border:0;color:transparent} .plyr input[type=range]::-ms-fill-upper{height:8px;background:0 0;border:0;border-radius:4px;-ms-user-select:none;user-select:none} .plyr input[type=range]::-ms-fill-lower{height:8px;border:0;border-radius:4px;-ms-user-select:none;user-select:none;background:#3498db} .plyr input[type=range]::-ms-thumb{position:relative;height:16px;width:16px;background:#fff;border:2px solid transparent;border-radius:100%;transition:background .2s ease,border .2s ease,transform .2s ease;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.15);box-sizing:border-box;margin-top:0} .plyr input[type=range]::-ms-tooltip{display:none}.plyr input[type=range]::-moz-focus-outer{border:0} .plyr input[type=range].tab-focus:focus{outline-offset:3px} .plyr input[type=range]:active::-webkit-slider-thumb{background:#3498db;border-color:#fff;transform:scale(1.25)} .plyr input[type=range]:active::-moz-range-thumb{background:#3498db;border-color:#fff;transform:scale(1.25)} .plyr input[type=range]:active::-ms-thumb{background:#3498db;border-color:#fff;transform:scale(1.25)} .plyr--video input[type=range].tab-focus:focus{outline:rgba(255,255,255,.5) dotted 1px} .plyr--audio input[type=range].tab-focus:focus{outline:rgba(86,93,100,.5) dotted 1px} .plyr__sr-only{clip:rect(1px,1px,1px,1px);overflow:hidden;position:absolute!important;padding:0!important;border:0!important;height:1px!important;width:1px!important} .plyr__video-wrapper{position:relative;background:#000;border-radius:inherit} .plyr__video-embed{padding-bottom:56.25%;height:0;border-radius:inherit;overflow:hidden;z-index:0} .plyr__video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .plyr__video-embed>div{position:relative;padding-bottom:200%;transform:translatey(-35.95%)} .plyr video::-webkit-media-text-track-container{display:none} .plyr__captions{display:none;position:absolute;bottom:0;left:0;width:100%;padding:20px;transform:translatey(-40px);transition:transform .3s ease;color:#fff;font-size:16px;text-align:center;font-weight:400} .plyr__captions span{border-radius:2px;padding:3px 10px;background:rgba(0,0,0,.7);-webkit-box-decoration-break:clone;box-decoration-break:clone;line-height:150%} .plyr__captions span:empty{display:none} @media (min-width:768px){.plyr__captions{font-size:24px}} .plyr--captions-active .plyr__captions{display:block} .plyr--hide-controls .plyr__captions{transform:translatey(-15px)} @media (min-width:1024px){.plyr--fullscreen-active .plyr__captions{font-size:32px}} .plyr ::-webkit-media-controls{display:none} .plyr__controls{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;line-height:1;text-align:center} .plyr__controls .plyr__progress,.plyr__controls .plyr__time,.plyr__controls>button{margin-left:5px} .plyr__controls .plyr__progress:first-child,.plyr__controls .plyr__time:first-child,.plyr__controls>button:first-child{margin-left:0} .plyr__controls .plyr__volume{margin-left:5px} .plyr__controls [data-plyr=pause]{margin-left:0} .plyr__controls button{position:relative;display:inline-block;-ms-flex-negative:0;flex-shrink:0;overflow:visible;vertical-align:middle;padding:7px;border:0;background:0 0;border-radius:3px;cursor:pointer;transition:background .3s ease,color .3s ease,opacity .3s ease;color:inherit} .plyr__controls button svg{width:18px;height:18px;display:block;fill:currentcolor} .plyr__controls button:focus{outline:0} .plyr__controls .icon--captions-on,.plyr__controls .icon--exit-fullscreen,.plyr__controls .icon--muted{display:none} @media (min-width:480px){.plyr__controls .plyr__progress,.plyr__controls .plyr__time,.plyr__controls>button{margin-left:10px}} .plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none} .plyr--video .plyr__controls{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:50px 10px 10px;background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.5));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;color:#fff;transition:opacity .3s ease} .plyr--video .plyr__controls button.tab-focus:focus,.plyr--video .plyr__controls button:hover{background:#3498db;color:#fff} .plyr--audio .plyr__controls{padding:10px;border-radius:inherit;background:#fff;border:1px solid #dbe3e8;color:#565d64} .plyr--audio .plyr__controls button.tab-focus:focus,.plyr--audio .plyr__controls button:hover,.plyr__play-large{background:none;color:#fff} .plyr__play-large{display:none;position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);padding:10px;border:1px solid currentcolor;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.15);transition:all .3s ease} .plyr__play-large svg{position:relative;left:2px;width:20px;height:20px;display:block;fill:currentcolor} .plyr__play-large:focus{outline:rgba(255,255,255,.5) dotted 1px}.plyr .plyr__play-large{display:inline-block} .plyr--audio .plyr__play-large,.plyr--playing .plyr__controls [data-plyr=play],.plyr__controls [data-plyr=pause]{display:none} .plyr--playing .plyr__play-large{opacity:0;visibility:hidden}.plyr--playing .plyr__controls [data-plyr=pause]{display:inline-block} .plyr--captions-active .plyr__controls .icon--captions-on,.plyr--fullscreen-active .icon--exit-fullscreen,.plyr--muted .plyr__controls .icon--muted{display:block} .plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr--captions-active .plyr__controls .icon--captions-on svg,.plyr--fullscreen-active .icon--exit-fullscreen svg,.plyr--muted .plyr__controls .icon--muted svg{display:none} .plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen]{display:inline-block}.plyr__tooltip{position:absolute;z-index:2;bottom:100%;margin-bottom:10px;padding:5px 7.5px;opacity:0; background:rgba(0,0,0,.7);border-radius:3px;color:#fff;font-size:14px;line-height:1.3;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .1s ease} .plyr__tooltip::before{content:'';position:absolute;width:0;height:0;left:50%;transform:translatex(-50%);bottom:-4px;border-right:4px solid transparent;border-top:4px solid rgba(0,0,0,.7);border-left:4px solid transparent;z-index:2} .plyr button.tab-focus:focus .plyr__tooltip,.plyr button:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%,0) scale(1)} .plyr button:hover .plyr__tooltip{z-index:3} .plyr__controls button:first-child .plyr__tooltip{left:0;transform:translate(0,10px) scale(.8);transform-origin:0 100%} .plyr__controls button:first-child .plyr__tooltip::before{left:16px} .plyr__controls button:last-child .plyr__tooltip{right:0;transform:translate(0,10px) scale(.8);transform-origin:100% 100%} .plyr__controls button:last-child .plyr__tooltip::before{left:auto;right:16px;transform:translatex(50%)} .plyr__controls button:first-child .plyr__tooltip--visible,.plyr__controls button:first-child.tab-focus:focus .plyr__tooltip,.plyr__controls button:first-child:hover .plyr__tooltip,.plyr__controls button:last-child .plyr__tooltip--visible,.plyr__controls button:last-child.tab-focus:focus .plyr__tooltip,.plyr__controls button:last-child:hover .plyr__tooltip{transform:translate(0,0) scale(1)} .plyr__progress{position:relative;display:none;-ms-flex:1;flex:1} .plyr__progress input[type=range]{position:relative;z-index:2} .plyr__progress input[type=range]::-webkit-slider-runnable-track{background:0 0} .plyr__progress input[type=range]::-moz-range-track{background:0 0} .plyr__progress input[type=range]::-ms-fill-upper{background:0 0} .plyr__progress .plyr__tooltip{left:0} .plyr .plyr__progress{display:inline-block} .plyr__progress--buffer,.plyr__progress--played,.plyr__volume--display{position:absolute;left:0;top:50%;width:100%;height:8px;margin:-4px 0 0;padding:0;vertical-align:top;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:100px} .plyr__progress--buffer::-webkit-progress-bar,.plyr__progress--played::-webkit-progress-bar,.plyr__volume--display::-webkit-progress-bar{background:0 0} .plyr__progress--buffer::-webkit-progress-value,.plyr__progress--played::-webkit-progress-value,.plyr__volume--display::-webkit-progress-value{background:currentcolor;border-radius:100px;min-width:8px} .plyr__progress--buffer::-moz-progress-bar,.plyr__progress--played::-moz-progress-bar,.plyr__volume--display::-moz-progress-bar{background:currentcolor;border-radius:100px;min-width:8px} .plyr__progress--buffer::-ms-fill,.plyr__progress--played::-ms-fill,.plyr__volume--display::-ms-fill{border-radius:100px} .plyr__progress--played,.plyr__volume--display{z-index:1;color:#3498db;background:0 0;transition:none} .plyr__progress--played::-webkit-progress-value,.plyr__volume--display::-webkit-progress-value{min-width:8px;max-width:99%;border-top-right-radius:0;border-bottom-right-radius:0;transition:none} .plyr__progress--played::-moz-progress-bar,.plyr__volume--display::-moz-progress-bar{min-width:8px;max-width:99%;border-top-right-radius:0;border-bottom-right-radius:0;transition:none} .plyr__progress--played::-ms-fill,.plyr__volume--display::-ms-fill{display:none}.plyr__progress--buffer::-webkit-progress-value{transition:width .2s ease} .plyr__progress--buffer::-moz-progress-bar{transition:width .2s ease} .plyr__progress--buffer::-ms-fill{transition:width .2s ease} .plyr--video .plyr__progress--buffer,.plyr--video .plyr__volume--display{background:rgba(255,255,255,.25)} .plyr--video .plyr__progress--buffer{color:rgba(255,255,255,.25)} .plyr--audio .plyr__progress--buffer,.plyr--audio .plyr__volume--display{background:rgba(198,214,219,.66)} .plyr--audio .plyr__progress--buffer{color:rgba(198,214,219,.66)} .plyr--loading .plyr__progress--buffer{animation:plyr-progress 1s linear infinite;background-size:25px 25px;background-repeat:repeat-x;background-image:linear-gradient(-45deg,rgba(0,0,0,.15) 25%,transparent 25%,transparent 50%,rgba(0,0,0,.15) 50%,rgba(0,0,0,.15) 75%,transparent 75%,transparent);color:transparent} .plyr--video.plyr--loading .plyr__progress--buffer{background-color:rgba(255,255,255,.25)} .plyr--audio.plyr--loading .plyr__progress--buffer{background-color:rgba(198,214,219,.66)} .plyr__time{display:inline-block;vertical-align:middle;font-size:14px} .plyr__time .plyr__time{display:none} @media (min-width:768px){.plyr__time .plyr__time{display:inline-block}} .plyr__time .plyr__time::before{content:'\2044';margin-right:10px} .plyr__volume{display:none}.plyr .plyr__volume{-ms-flex:1;flex:1;position:relative} .plyr .plyr__volume input[type=range]{position:relative;z-index:2} @media (min-width:480px){.plyr .plyr__volume{display:block;max-width:60px}} @media (min-width:768px){.plyr .plyr__volume{max-width:100px}} .plyr--is-ios .plyr__volume,.plyr--is-ios [data-plyr=mute]{display:none!important} .plyr--fullscreen-active{position:fixed;top:0;left:0;right:0;bottom:0;height:100%;width:100%;z-index:10000000;background:#000;border-radius:0!important} .plyr--fullscreen-active video{height:100%}.plyr--fullscreen-active .plyr__video-wrapper{height:100%;width:100%} .plyr--fullscreen-active .plyr__video-embed{overflow:visible} .plyr--fullscreen-active .plyr__controls{position:absolute;bottom:0} .plyr--fullscreen-active.plyr--vimeo .plyr__video-wrapper{height:0;top:50%;transform:translatey(-50%)} /*鏂伴椈*/ .news_bg{margin-top: 50px;border-top: 1px solid #eee;} .news_bg .news_main{width: 1200px;margin:0 auto;padding:40px 0;} .news_bg .news_list{overflow: hidden;padding:40px 0;} .news_bg .news_list li{float: left;width: 285px;margin-right: 20px;} .news_bg .news_list li a img{width: 285px;height: 180px;} .news_bg .news_zi{padding:20px;background: #f9f9f9;} .news_bg .news_zi h2{font-size: 15px;color: #333;height: 50px;line-height: 25px;} .news_bg .news_zi p{font-size: 12px;color: #999;height: 30px;line-height: 30px;overflow: hidden;margin-top: 10px;} .margin_none{margin-right: 0!important;} /*搴曢儴*/ .footer_bg{background: #2d363f;padding:50px 0;} .footer_main{width: 1200px;margin:0 auto;overflow: hidden;} .db_a{float: left;padding-right: 50px;background: url(/uploads/image/ssimages/db_hr.png) no-repeat right;} .goumai{margin-top: 20px;} .goumai h2{padding-left: 30px;background: url(/uploads/image/ssimages/goumai.png) no-repeat left;color: #bbb;font-size: 16px;} .goumai b{display: block;height: 1px;width: 20px;background: #424e5b;margin:10px 0 10px 30px;} .goumai ul{overflow: hidden;padding-left: 30px;} .goumai ul li{float: left;margin-right: 30px;} .goumai ul li a{padding-left: 5px;background: url(/uploads/image/ssimages/dian.png) no-repeat left;font-size: 12px;color: #bbb;} .db_c{float: left;/*background: url(/uploads/image/ssimages/db_hr.png) no-repeat left;overflow: hidden;*/position: relative;overflow: hidden;} .db_c dl{float: left;margin-right: 80px;} .db_c dl a:hover{color: #ddd;} .db_c dl dt a{font-size: 16px;color: #fff;padding-left: 25px;margin-bottom: 8px;} .db_c dl.footjobs dt a{margin-bottom: 13px;} .db_c dl dd a{font-size: 14px;color: #7a7b7c;padding-left: 5px;margin-left: 20px; background: url(/uploads/image/ssimages/dian.png) no-repeat left;line-height: 27px;} .db_c dl.footpro dd a{margin-left: 19px;} .banquan{height: 100px;line-height: 100px;font-size: 14px;color: #7a7b7c;text-align: center;background: #1b1f23;} .db_ewm{float: right;overflow: hidden;} .db_ewm img{float: left;margin-left: 20px;width: 140px;} /**/ .db_b{position: absolute;bottom: 5px;right: 88px;} .db_b h1{font-size: 34px;color: #fff;padding-left: 45px;background: url(/uploads/image/ssimages/tel.png) no-repeat left;} /*鍐呴〉*/ /*erji_bg*/ .erji_bg{ background:url(/uploads/image/ssimages/ny_navhr.jpg) repeat-x bottom;} .erji_main{width: 1200px;margin:0 auto;} .weizhi{background: url(/uploads/image/ssimages/) no-repeat left;text-indent: 20px;float: right;line-height: 50px;} .weizhi a{display:inline; font-size: 12px;} .erji_main ul{float: left;position: relative;} .erji_main ul li{float: left;margin-right: 10px;height: 32px;line-height: 32px;padding:10px 20px 15px 0;} .erji_main ul li .ny_yiji{padding:0 10px;color: #333;} .erji_main ul li:hover .ny_yiji{background: #444;color: #fff;border-radius: 10px;} .ny_dangqian{background: #444;color: #fff;border-radius: 10px;} .ny_navdrop{position: absolute;top: 52px; width: 100%;z-index: 999;height: 100%;display: none;} .ny_navdrop p{overflow: hidden;padding-top: 15px;} .ny_navdrop a{color: #666;height: 30px; line-height: 30px;float: left;padding: 0 15px;background: url(/uploads/image/ssimages/nynav_r.jpg) no-repeat left;} .ny_navdrop a.first{background: none; padding-left: 0} .ny_navdrop a:hover{color: #000;} .ny_main{width: 1200px;margin:30px auto;} .cp_list ul {} .cp_list ul li{float: left;width: 285px;margin: 0 20px 50px 0;} .cp_list ul li .nycp_img {margin-bottom:20px;overflow: hidden;-webkit-transition: all ease-in-out 0.4s;transition: all ease-in-out 0.4s;} .cp_list ul li .nycp_img:hover {background: #ffffff;box-shadow: 0px 16px 22px 0px rgba(90, 91, 95, 0.3);transform: translate3d(0,-5px,0); -webkit-transform: translate3d(0,-5px,0);-moz-transform: translate3d(0,-5px,0);-o-transform: translate3d(0,-5px,0);border-radius: 5px;} .cp_list ul li .nycp_img img {border-radius: 5px;width: 285px;height: 330px;} .cp_list ul li h4{text-align: center;} .cp_list ul li h5{color: #bbb;margin-top: 10px;font-size: 12px;} /* pages */ .pages {padding: 20px 0px 60px 0px;text-align: center;clear: both;font-family: arial;margin: 0 auto;width: 100%;} .pages a, .pages span {display: inline-block;height: 30px;line-height: 30px;padding: 2px 15px;border-radius: 5px; font-size:12px;margin: 0px 3px; color: #717171;text-align: center;} .pages span { color:#fff; background:#fdd000;} a.page:hover, span.page {background-position: 0px -38px;color: #ffffff;} .pages a:hover{color: #fdd000;} /* pages -end*/ /*鏂伴椈*/ .ny_news .news_list ul{overflow: hidden;} .ny_news .news_list ul li{float: left;width: 370px;margin: 0 45px 80px 0;} .ny_news .news_list ul li a img{width: 370px;height: 250px;transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;} .ny_news .news_list ul li a img:hover{filter:alpha(opacity=90);opacity: .9;} .ny_news .nyxw_zi{padding-top: 20px;} .ny_news .nyxw_zi h2{font-size: 18px;margin-bottom: 10px;color: #333;line-height: 30px;height: 30px;overflow: hidden;} .ny_news .nyxw_zi h2:hover{color: #fdd000;} .ny_news .nyxw_zi p{font-size: 13px;line-height: 25px;height: 75px;overflow: hidden;color: #888;} .ny_news .nyxw_zi b{text-align: center;height: 40px;line-height: 40px;text-transform: uppercase;font-size: 12px;color: #999;border:1px solid #eee;width: 150px; font-weight: normal;display: block;margin-top: 20px;} .ny_news .nyxw_zi b:hover{background: #fdd000;color: #fff;border:1px solid #fdd000;} /*瑙嗛*/ .video_list ul{overflow: hidden;} .video_list ul li{float: left;width: 370px;margin:0 45px 80px 0;position: relative;} .video_list ul li a img{width: 370px;height: 250px;} .video_list ul li a h4{font-size: 14px;margin-top:20px; text-align: center;} .video_list ul li a:hover .bofang{filter:alpha(opacity=70);opacity: .7;} .bofang{background: url(/uploads/image/ssimages/bofang.png) no-repeat center 42%; position: absolute;top: 0;height: 100%;width: 100%;} .vmore {text-align: center; line-height: 50px;} .vmore a{font-size: 14px; font-weight: 200} .vmore a:hover{color: #c00} .ny_content{line-height: 30px;font-size: 16px; overflow: hidden;} .ny_content h1{text-align: center; margin-bottom: 30px;} .ny_content img{max-width: 100%!important;margin:0 auto;} .ny_content video{width: 100%;} .ny_content embed {width: 100%;height: 500px;} /*fenye*/ .fenye{line-height: 40px;border: 1px solid #ddd;padding:30px;margin-top: 40px;overflow: hidden;} .fenye a{display: inline-block;} .fenye a:hover{color: #fdd000;} /*鍏充簬*/ .nygy_a{overflow: hidden;} .nygy_a .nygy_img{float: left;width: 550px;position: relative;} .nygy_a .nygy_img img{width: 520px;position: relative;z-index: 2;margin-top: 30px;} .nygy_a .nygy_img b{display: block;height: 500px;width: 500px;border:1px solid #fdd000; position: absolute;top: 0;right: 0;} .nygy_a .nygy_zi{float: right;width: 520px;padding-top: 100px;} .nygy_a .nygy_zi h1{font-size: 40px;margin-bottom: 50px;} .nygy_a .nygy_zi p{font-size: 14px;color: #666;line-height: 35px;} /**/ .nygy_b{overflow: hidden;padding:50px 0;margin:50px 0;border-top: 1px solid #eee;} .nygy_b .nygy_img{float: right;width: 550px;position: relative;} .nygy_b .nygy_img img{width: 520px;position: relative;z-index: 2;margin:0 0 30px 30px;} .nygy_b .nygy_img b{display: block;height: 500px;width: 500px;border:1px solid #fdd000; position: absolute;bottom: 0;left: 0;} .nygy_b .nygy_zi{float: left;width: 520px;padding-top: 100px;} .nygy_b .nygy_zi h1{font-size: 40px;margin-bottom: 50px;} .nygy_b .nygy_zi p{font-size: 14px;color: #666;line-height: 35px;} /**/ .nygy_c{overflow: hidden;padding:50px 0;margin:50px 0;border-top: 1px solid #eee;} .nygy_c .nygy_img{float: left;width: 550px;position: relative;} .nygy_c .nygy_img img{width: 520px;position: relative;z-index: 2;margin-top: 30px;} .nygy_c .nygy_img b{display: block;height: 300px;width: 500px;border:1px solid #fdd000; position: absolute;top: 0;right: 0;} .nygy_c .nygy_zi{float: right;width: 520px;padding-top: 50px;} .nygy_c .nygy_zi h1{font-size: 40px;margin-bottom: 50px;} .nygy_c .nygy_zi p{font-size: 14px;color: #666;line-height: 35px;}.nygy_a{overflow: hidden;} .banquan a{font-size: 14px;color: #7a7b7c;display: inline;} /*鏃椾笅*/ .qixia_list{padding:30px 0;} .qixia_list ul{} .qixia_list li{float: left;width: 285px;margin:0 20px 30px 0;} .qixia_list li a{border:1px solid #e5e5e5;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;} .qixia_list li a:hover{transform: translate3d(0,-5px,0);-webkit-transform: translate3d(0,-5px,0); -moz-transform: translate3d(0,-5px,0);-o-transform: translate3d(0,-5px,0);box-shadow: 0 10px 30px #e5e5e5;} .qixia_list li a img{height: 80px;max-width: 100%;margin: 50px auto;display: block;} .fangwei{padding:50px 20px;width:1135px;background:#fff;margin-bottom:20px;-webkit-box-shadow:0 0 2px #757575;-moz-box-shadow:0 0 2px #757575;box-shadow:0 0 2px #757575} .fwinput{padding:10px 10px;border:1px solid #d5d9da;border-radius:5px;box-shadow:0 0 5px #e8e9eb inset;width:200px;font-size:1em;outline:0} .fwsubmit{background-image:-webkit-linear-gradient(hsla(0,0%,100%,.05),hsla(0,0%,0%,.1));background-image:-moz-linear-gradient(hsla(0,0%,100%,.05),hsla(0,0%,0%,.1));background-image:-ms-linear-gradient(hsla(0,0%,100%,.05),hsla(0,0%,0%,.1));background-image:-o-linear-gradient(hsla(0,0%,100%,.05),hsla(0,0%,0%,.1));background-image:linear-gradient(hsla(0,0%,100%,.05),hsla(0,0%,0%,.1));border:none;border-radius:.5em;box-shadow:inset 0 0 0 1px hsla(0,0%,0%,.2),inset 0 2px 0 hsla(0,0%,100%,.1),inset 0 1.2em 0 hsla(0,0%,100%,.1),inset 0 -.2em 0 hsla(0,0%,100%,.1),inset 0 -.25em 0 hsla(0,0%,0%,.25),0 .25em .25em hsla(0,0%,0%,.05);color:#fff;cursor:pointer;display:inline-block;font-size:16px;line-height:1.5;padding:.5em 1.5em .75em;text-decoration:none;text-shadow:0 1px 1px hsla(0,0%,100%,.25);vertical-align:middle;background:#9138ae} #section b{font-size:20px;line-height:34px} #showresult{width:500px;margin:0 auto;text-align:center;border:1px solid #ddd;padding:20px 0;margin-top:15px} #showresult h1{font-size:20px;margin:10px;color:red} #showresult ul li{font-size:16px;line-height:26px} .demo_content{border: none} .demo_main select{line-height: 48px; height: 48px; border: 1px solid #666; border-radius: 5px; width: 188px; text-align: center;} .demo_main .quyu{width: 1200px; margin: 0 auto 20px;} .jobshow{width: 300px ;float: left; margin-bottom: 15px;} .jobshow dt{float: left;width: 80px; margin-left: 20px; color: #666; font-size: 14px;} .jobshow dd{color: #666; font-size: 14px;} .jobcontent{overflow: hidden;} .jobcontent ul{overflow: hidden;clear: both;} .jobcontent ul li{width: 558px; float: left; border: 1px solid #8fc31f; padding: 15px; height: 260px; font-size: 14px; margin: 5px; color: #666} .jobcontent ul li.yaoqiu{border-color: #8c97cb} .jobcontent ul li.zhize{border-color: #f6b37f} .jobcontent ul li.fuli{border-color: #e4007f} /*搴楅摵椋庨噰*/ .nyfc_main{width: 1200px;margin: 0 auto;padding: 50px 0 80px 0;} .nyfc_title{text-align: center;font-size: 30px;margin-bottom: 40px;} /**/ .dpfc_list { position: relative;} .slidegroup .parhd ul li{ float:left;width:240px;position: relative;transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; } .slidegroup .parhd ul li img{display: block;width: 100%;height: 160px;} .slidegroup .parhd ul li h4{position: absolute;top: 0;left: 0;width: 100%;height: 160px;line-height: 160px;color: #fff;font-size: 24px; background: rgba(0,0,0,.7);text-align: center;} .slidegroup .parhd ul li.on{transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2); box-shadow: 0 10px 18px rgba(0,0,0,.3);z-index: 999;} .slidegroup .parhd ul li.on h4{background: rgba(0,0,0,.4);} .slidegroup .slidebox{ overflow:hidden; zoom:1; } .slidegroup .sprev{ position:absolute;z-index: 999; left:-125px; top:35%; display:block; width:80px; height:80px; background:url(/uploads/image/ssimages/prev1.png) no-repeat center;} .slidegroup .slidebox .tempwrap{width: 1200px!important;} .slidegroup .snext{ position:absolute;z-index: 999; right:-125px; top:35%; display:block; width:80px; height:80px; background:url(/uploads/image/ssimages/next1.png) no-repeat center;} .slidegroup .parbd ul{ overflow:hidden; zoom:1; } .slidegroup .parbd ul li{ float:left; height: 448px;width: 1200px;} .slidegroup .parbd ul li img{display: block;width: 100%;} .clear_none{clear: both;} /*dpxg_bg*/ .dpxg_bg{background: #f5f5f5;padding: 50px 0 80px 0;} .dpxgt{padding-top: 30px;overflow: hidden;} .dpxgt img{display: block;width: 100%;opacity: 0.4;} .dpxgt img:hover{opacity: 1;} .dpxgt .blackbg{background: #000;-webkit-transition: all ease-in-out 0.4s;transition: all ease-in-out 0.4s;} .dpxgt .blackbg:hover{transform: translate3d(0,-5px,0); -webkit-transform: translate3d(0,-5px,0);-moz-transform: translate3d(0,-5px,0);-o-transform: translate3d(0,-5px,0);} .dpxg_a{float: left;width: 35%;} .dpxg_b{float: left;width: 45%;margin: 0 1%;} .dpxg_c{float: right;width: 18%;} .dpb_s{overflow: hidden;} .dpb_s .blackbg{float: left;width: 49%;margin: 0 2% 2% 0;} .last{margin-right: 0!important;} /*鎷涘晢鍔犵洘*/ .szjm_main{padding: 50px 0;} .ny_banner{height: 400px; margin-top: 50px;} /*娆㈣繋鍔犲叆*/ .zs_jr{width: 1200px;margin: 0 auto;padding: 50px 0;} .nyzs_title{text-align: center;} .nyzs_title h1{font-size: 30px;line-height: 40px;height: 40px;margin-bottom: 10px;} .nyzs_title h4{font-size: 14px;line-height: 26px;color: #999;padding: 0 350px;} .nyjr_list {padding-top: 50px;} .nyjr_list ul{overflow: hidden;} .nyjr_list ul li{float: left;width: 360px;margin-right: 60px;} .nyjr_list ul li img{display: block;width: 100%;height: 360px;} /*浼樺娍*/ .nyys_bg{background: #f5f5f5;} .nyys_main{width: 1050px;margin: 0 auto;padding: 50px 0;} .nyys_list{padding-top: 50px;} .nyys_list ul li{float: left;width: 500px;margin: 0 50px 50px 0;text-align: center;box-shadow: 0 10px 40px #ccc;} .nyys_list .nyys_li{padding: 50px;} .nyys_list .nyys_li h1{font-size: 40px;color: #333;font-weight: bold;} .nyys_list .nyys_li h4{font-size: 14px;line-height: 26px;height: 104px;margin: 20px 0;padding: 0 50px;} .nyys_a {background: #fdd100;} .nyys_b {background: #fff;} .nyys_a h3{font-size: 26px;line-height: 50px;height: 50px;width: 160px;background: #fff;color: #333;margin: 0 auto;} .nyys_b h3{font-size: 26px;line-height: 50px;height: 50px;width: 160px;background: #fdd100;color: #333;margin: 0 auto;} .ys_img{padding-top: 50px;} .ys_img img{display: block;width: 100%;margin-top: 50px;} /*闂瓟*/ .nywd_bg{background: #e8e8e8;} .nywd_main{width: 1200px;margin: 0 auto;padding: 50px 0;} .nywd_list {padding-top: 50px;} .nywd_list ul li{margin-bottom: 20px;} .nywd_list ul li h1{font-size: 26px;color: #333;line-height: 50px;height: 50px;background: #fff;padding: 0 50px;overflow: hidden;} .nywd_list ul li h4{font-size: 20px;line-height: 30px;background: #fdd100;padding: 20px 50px;overflow: hidden;} .zscontact{text-align: center; font-size: 18px; color: #fff; background: #000;padding: 20px;margin-top: 40px;}