/**
 * Theme Name: My-2019
 */
/*google-font*/
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto'), local('Roboto-Regular'), url(https://img.derunledlights.com/fonts/google-fonts/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*style-begin*/
BLOCKQUOTE,BUTTON,FIELDSET,INPUT,LEGEND,blockquote,body,code,dd,dl,dt,form,h1,h2,h3,h4,h5,h6,li,ol,pre,ul{margin:0;padding:0;list-style-type:none}
input,button,img{border:0;}
body{background:#fff;}
div{word-wrap:break-word;word-break:keep-all}
input,button,.search-nav-x,.close-x,.close-gallery,#inquiry_re_val,.close-inq,.con-div-box1{
	-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;
	border-radius:5px;
	}
.have-radius{
	-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;
	border-radius:15px;
	}
.have-smradio{
	-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;
	border-radius:5px;
}
.close-inq{-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;
	border-radius:100%;}
@media screen and (max-width:600px) {
	.have-radius{-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;
	border-radius:5px;}
}
input:focus, textarea:focus ,button:focus{outline: none;}
#side-nav-hide-btn,.dow-tittle,.acc-box-img,.close-gallery,.btn-dow,.spec-list,button{cursor:pointer;}
input[type="search"]::-webkit-search-cancel-button{-webkit-appearance: none;}

.add-trans{-webkit-transition: all .2s;-o-transition: all .2s;-ms-transition: all .2s;transition: all .2s;}
.add-trans2{-webkit-transition: all 0.4s;-o-transition: all 0.4s;-ms-transition: all 0.4s;transition: all 0.4s;}
.add-trans3 a:hover img{opacity:0.3;filter:alpha(opacity=30);transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;
}
.add-trans4 img:hover{transform:scale(0.97);
-ms-transform:scale(0.97); 	/* IE 9 */
-moz-transform:scale(0.97); 	/* Firefox */
-webkit-transform:scale(0.97); /* Safari ?? Chrome */
-o-transform:scale(0.97); 	/* Opera */}

.wrap-26::-webkit-scrollbar { width: 0 !important }/*chrome.Safari*/
.black-overlay::-webkit-scrollbar { width: 0 !important }/*chrome.Safari*/
#side-nav::-webkit-scrollbar { width: 0 !important }/*chrome.Safari*/
#banner-index-box::-webkit-scrollbar { width: 0 !important }/*chrome.Safari*/
.black-overlay,.wrap-26,#banner-index-box,#side-nav{ -ms-overflow-style: none; }/*IE 10+*/
.black-overlay,.wrap-26,#banner-index-box,#side-nav{ overflow: -moz-scrollbars-none; }/*Firefox*/

body a:link{color:#252525;text-decoration:none}
body a:hover{color:#D91019;text-decoration:underline}
body a:active{color:#252525;text-decoration:none}
body a:visited{color:#252525;text-decoration:none}
html{font-family: 'Roboto',Serif;font-size:16px;}

.font-12{font-size:12px;line-height:18px;}
.font-14{font-size:14px;line-height:21px;}
.font-16{font-size:16px;line-height:24px;}
.font-17{font-size:16px;line-height:24px;font-weight:normal;}
.font-18{font-size:18px;line-height:27px;font-weight:bold;}
.font-20{font-size:20px;line-height:30px;}
.font-22{font-size:22px;font-weight:bold;line-height:33px;letter-spacing:0.5px;}
.font-24{font-family:Arial;font-size:24px;font-weight:bold;line-height:28px;}
.font-25{font-family:Arial;font-size:24px;line-height:35px;}
.font-30{font-family:Arial;font-size:30px;font-weight:bold;line-height:28px;}
.font-35{font-family:Arial;font-size:35px;font-weight:bold;line-height:40px;}
.font-40{font-weight:normal;font-size:40px;line-height:60px;}
.font-indexma{font-size:16px;line-height:24px;}
@media screen and (max-width:1400px) {
	.font-40,.font-35{font-size:30px;line-height:30px;}
	.font-30{font-size:24px;line-height:28px;}
	.font-25{font-size:20px;line-height:28px;}
	.font-24{font-size:22px;line-height:24px;}
	.font-20{font-size:16px;line-height:18px;}
}
@media screen and (max-width:1260px) {
	.font-40,.font-35{font-size:26px;line-height:30px;}
	.font-24{font-size:18px;line-height:20px;}
	.font-22{font-size:16px;line-height:20px;}
	.font-20{font-size:14px;line-height:16px;}
	.font-18{font-size:14px;line-height:16px;}
	.font-16{font-size:14px;line-height:21px;}
}
@media screen and (max-width:1022px) {
	.font-40,.font-35{font-size:24px;line-height:28px;}
	.font-30{font-size:18px;line-height:24px;}
	.font-25{font-size:16px;line-height:20px;}
	.font-24{font-size:14px;line-height:14px;}
}
@media screen and (max-width:875px) {
	.font-30{font-size:16px;line-height:18px;}
	.font-25{font-size:14px;line-height:16px;}
	.font-17{font-size:14px;line-height:21px;}
}
@media screen and (max-width:700px) {

}
@media screen and (max-width:500px) {
	.font-40,.font-35{font-size:16px;line-height:20px;}
	.font-14{font-size:12px;line-height:18px;}
}

.body_max_width{overflow-x:hidden;position:relative;width:100%;margin:0 auto;}

.btn-normal,.btn-normal:hover,#foot-email-b,#foot-email-b:hover,#back-to-top:hover,#foot-email,#foot-email:focus{-webkit-transition: all .3s ease;-o-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;}

#wrapper{z-index:50;position:relative;width:100%;margin-top:80px;float:left;background:#f6f6f6;}
#wrapper-cat{z-index:50;position:relative;width:100%;margin-top:80px;float:left;background:#fff;}

.roll-head{z-index:200;position:relative;float:left;color:#fff;width:100%;height:90px;border-bottom:1px solid #ddd;display:inline;}
.logo-head{position:relative;float:left;margin:10px 0 0 7%;width:82px;height:60px;}
.logo-head img{width:82px;height:60px;float:left;}

#fixed-head-big-bg{z-index:51;position:fixed;top:0;background:#fff;width:100%;height:80px;}

.fixed-head{z-index:200;position:fixed;top:0;left:50%;transform:translateX(-50%);color:#545454;width:1920px;height:80px;}
.fix-1{z-index:2;position:absolute;top:0;width:100%;height:80px;background:#fefefe;}
.fix-logo{position:relative;float:left;margin:16px 0 0 7%;width:74px;height:48px;}
.fix-logo img{width:100%;height:100%;float:left;}
.shadow{z-index:198;position:absolute;bottom:-10px;width:100%;height:10px;background:url(https://img.derunledlights.com/style_me/images/ico2.png) repeat-x;background-position:0 -415px;}

.roll-top{margin-top:42px;}
.fix-top{margin-top:32px;}
.roll-top2{margin-top:34px;}
.fix-top2{margin-top:29px;}

.search-head{position:relative;float:right;margin-right:30px;}

@media screen and (max-width:1920px) {
	.fixed-head{width:100%;}
}


/*公共属性*/
.search-nav,.search-ico,.num-ico{background:url(https://img.derunledlights.com/style_me/images/ico2.png) no-repeat;cursor:pointer;overflow:hidden;}

.search-nav{float:right;width:26px;height:22px;margin-right:7%;position:relative;}
.search-ico{float:right;width:21px;height:22px;}
.email-ico{float:right;width:30px;height:22px;line-height:22px;margin-right:35px;cursor:pointer;}
.trans-language{float:right;width:80px;height:22px;line-height:22px;margin-right:35px;cursor:pointer;}
.trans-language a:link{color:#888888;}
.trans-language a:hover{color:#888888;}
.trans-language a:active{color:#888888;}
.trans-language a:visited{color:#888888;}

.roll-mail:link{color:#fff;}
.roll-mail:visited{color:#fff;}
.num-ico{float:left;width:34px;height:22px;margin:0 5px;}
/*---*/
.search-nav-x,.close-x{position:relative;float:right;width:21px;height:21px;line-height:21px;text-align:center;font-size:16px;cursor:pointer;}
.search-nav-x{margin-right:7%;display:none;border:1px solid #fff;}
.close-x{clear:both;margin:32px 30px 20px 0;color:#fff;border:1px solid #fff;}


.roll-nav{background-position:-62px -383px;}
.roll-ico{background-position:-33px -383px;}
.roll-num-ico{background-position:-220px -384px;}
.fix-nav{background-position:-146px -385px;}
.fix-ico{background-position:-123px -385px;}
.fix-num-ico{background-position:-185px -384px;}

.search-w{z-index:10000;position:fixed;top:0;width:100%;height:100px;background:#fff;display:none;}
.search{width:79%;margin:30px 10% 0 10%;height:32px;}
.search-input{width:88%;height:40px;line-height:40px;float:left;font-size:30px;color:#666;}
.search-close-x{position:relative;float:right;width:30px;height:40px;line-height:40px;text-align:center;font-size:25px;cursor:pointer;}

.nav-head{float:left;margin-left:35px;height:100%;line-height:80px;}
.nav-head ul{float:left;height:100%;}
.nav-head ul li{display:block;float:left;margin:0 12px;height:100%;}
.nav-LHT{line-height:90px;}

.nav-ma{position:relative;height:100%;display:block;font-size:14px;font-weight:bold;letter-spacing:1.5px;}
/*hover动态下划线*/
.nav-ma:after{content: "";display: block;position: absolute;left: 50%;right: 50%;bottom:14px;height: 3px;opacity: 0;background-color: #D91019;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.maa:after{bottom:0px;}

.nav-ma:hover{text-decoration:none;color:#D91019;}
.nav-ma:hover:after{left: 1%;right: 1%;opacity: 1;
-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}

/*hover静态下划线*/

.sel span{position:absolute;width:100%;display:block;bottom:14px;border-bottom:3px solid #D91019;}
.sel:hover:after{opacity: 0;}
.sel-2 span{bottom:0px;}

.roll-head .nav-ma:link{color:#fff;}
.roll-head .nav-ma:hover{color:#D91019;}
.roll-head .nav-ma:active{color:#fff;}
.roll-head .nav-ma:visited{color:#fff;}

.wrap-D{position:relative;width:70%;float:left;margin:3% 15%;}
.nav-bga{background:rgba(80,80,80,0.9);}

.nav-derun-lst{position:absolute;left:0;top:75px;width:100%;overflow:hidden;height:0;opacity:0;color:#fff;}
.nav-dlst-box{position:relative;width:20%;float:left;height:0;padding-bottom:20%;margin:2.5% 2.3% 4% 2.3%;border:1px solid #eee;}
.nav-dlst-box div{position:relative;float:left;width:100%;height:auto;line-height:18px;margin-top:10px;color:#fff;}
.nav-dlst-box a{position:relative;float:left;display:block;width:100%;height:auto;}
.nav-dlst-box a img{position:relative;float:left;width:100%;height:100%;margin:auto;}


.plst-box-line{position:relative;float:left;height:340px;width:1px;background:#fff;}
.nav-plst-box{position:relative;width:20%;margin:0 2.4%;line-height:30px;float:left;}
.nav-plst-box ul{width:100%;float:left;line-height:30px;font-weight:bold;}
.nav-plst-box ul span{letter-spacing:1px;}
.nav-plst-box ul li{width:90%;line-height:20px;float:left;font-weight:normal;letter-spacing:1px;}


.hot-box{position:relative;width:100%;float:left;margin:2% 0;}
.box-w-h{width:45%;margin:2% 2.5%;float:left;line-height:20px;}
.box-w-biao{width:13%;position:absolute;top:-5px;left:-10px;}

.li-nav-guid{position:relative;}
.nav-guid{position:absolute;left:50%;margin-left:-125px;margin-top:-10px;overflow:hidden;height:0;opacity:0;}
.nav-guid ul li{float:left;clear:both;width:250px;padding:13px 0;line-height:21px;text-align:center;font-size:14px;border-bottom:1px solid #fff;}

.nav-guid ul li a{width:100%;height:100%;display:inline-block;}
.nav-guid ul li a:link{color:#fff;}
.nav-guid ul li a:hover{color:red;}
.nav-guid a:active{color:#fff;}
.nav-guid a:visited{color:#fff;}

.nav-plst-box ul a:link{color:#fff;}
.nav-plst-box ul a:hover{color:red;}
.nav-plst-box ul li a:link{color:#fff;}
.nav-plst-box ul li a:hover{color:red;}
.nav-plst-box a:active{color:#fff;}
.nav-plst-box a:visited{color:#fff;}

.nav-derun:hover .nav-derun-lst{height:auto;opacity:1;}
.li-nav-guid:hover .nav-guid{height:auto;opacity:1;}

.nav-derun-lst img:hover{transform:scale(0.97);
-ms-transform:scale(0.97); 	/* IE 9 */
-moz-transform:scale(0.97); 	/* Firefox */
-webkit-transform:scale(0.97); /* Safari ?? Chrome */
-o-transform:scale(0.97); 	/* Opera */}

@media screen and (max-width:1280px) {
	.nav-head{display:block;}
	.email-ico{display:none;}
}
@media screen and (max-width:1200px) {
	#guid-display,#guid-display-r{display:none;}
	.nav-dlst-box{margin-bottom:6%;}
}
@media screen and (max-width:1025px) {
	.box-w-h{width:80%;margin:2% 5%;float:left;min-height:40px;line-height:20px;}
	.box-w-biao{width:23%;position:absolute;top:-5px;left:-10px;}
	.plst-box-line{height:300px;}
	.nav-dlst-box{margin-bottom:8%;}
}
@media screen and (max-width:1050px) {
	#derun-display,#derun-display-r{display:none;}
}

@media screen and (max-width:960px) {
	#cus-display,#cus-display-r{display:none;}
	.nav-dlst-box{margin:2.5% 2% 10% 2%;}
}
@media screen and (max-width:760px) {
	#home-display,#home-display-r{display:none;}
}
@media screen and (max-width:700px) {
	#contact-display,#contact-display-r{display:none;}
}

@media screen and (max-width:510px) {
	.nav-head{display:none;}
}


/*想根据窗口大小缩小fix-header高度就用这个
@media screen and (max-width:600px) {
	.fixed-head{height:80px;}
	.fix-1{height:75px;}
	.fix-logo{margin:15px 0 0 7%;}
	.shadow{height:5px;}
	.roll-top2{margin-top:28px;}
	.nav-head{line-height:80px;}
	#wrapper,#wrapper-cat{margin-top:70px;}
}
@media screen and (max-width:420px) {
	.fixed-head{height:60px;}
	.fix-1{height:55px;}
	.fix-logo{margin:10px 0 0 7%;width:59px;height:38px;}
	.shadow{height:5px;}
	.fix-top2{margin-top:20px;}
	.nav-head{line-height:60px;}
	#wrapper,#wrapper-cat{margin-top:50px;}
}
*/


#side-nav{z-index:1000;position:fixed;top:0;bottom:0;right:0;width:0;border-left:1px solid #fff;background:#33658A;overflow-x:hidden;overflow-y:scroll;}
.side-nav-lst{position:relative;width:100%;float:left;display:none;text-align:left;overflow:hidden;margin-bottom:50px;}
.side-nav-lst ul{float:left;width:100%;clear:both;}
.side-nav-lst ul li{position:relative;display:block;float:left;width:100%;margin:0;padding:2.7% 5%;clear:both;letter-spacing:1px;}
.side-nav-lst ul li a{width:100%;display:block;line-height:20px;}
.side-nav-lst ul li ul{}

.side-nav-lst a:link{color:#fff;}
.side-nav-lst a:visited{color:#fff;}
.side-nav-lst a:hover{color:red;}
.side-nav-lst a:active{color:#fff;}

#side-nav-hide-btn{z-index:1000;position:fixed;bottom:50%;right:285px;width:30px;height:50px;margin-bottom:-25px;line-height:50px;text-align:center;display:none;}
#side-nav-hide-bgm{z-index:1000;position:fixed;right:285px;width:100%;height:100%;display:none;}

#yanzhenggg2{display:none;}
#yanzhenggg{display:none;}
.btn-inqs{position:relative;margin-left:10px;}
.g-recaptcha{margin:0 0 15px 10px;}
.add-tongyong{position:absolute;top:32px;left:25px;}
.add-snews{position:absolute;right:0;bottom:0;}
@media screen and (max-width: 400px){  
.g-recaptcha {transform:scale(0.82);-webkit-transform:scale(0.82);transform-origin:0 0;-webkit-transform-origin:0 0;}  
.add-snews{bottom:-20px;}
}




.red-bg{background:#D91019;color:#fff;}
.white-bg{background:#fff;color:#D91019;}
.white-bg2{background:#fff;}
.gray-bg{background:#efefef;}
.black-bg{background:#aaa;}
.blue-bg{background:#33658A;color:#fff;}
.b0-bg{background:#000;color:#fff;}
.opacity{background:rgba(255,255,255,0.9)}
.blue2-bg{background:#3e87bd;}

.border-B{border-bottom:1px solid #888;}
.border-B2{border-bottom:1px solid #ddd;}
.wrap-50{width:47.5%;float:left;margin:0;}

.blue-alink a:link{color:#0066ff;}
.blue-alink a:visited{color:#0066ff;}
.blue-alink a:hover{color:#D91019}
.blue-alink a:active{color:#33658A}

.liubai{margin:3% 5%}
.liubai-L{margin-left:5%;}
.liubai-R{margin-right:5%;}
.liubai-B{margin-bottom:3%;}
.liubai-T{margin-top:3%;}
.liubai-LR{margin:0 5%;}
.liubai-TB{margin:4% 0;}
.pd-TB{padding:3% 0;}
.pd-LR{padding:0 3%;}
.pd-ALL{padding:3%;}
.pd-T{padding-top:3%;}
.pd-B{padding-bottom:3%;}


.wrap-A{position:relative;float:left;width:90%;margin:3% 5%;}
.wrap-B{position:relative;float:left;width:100%;}
.wrap-C{position:relative;float:left;width:90%;margin:0 5%;}
.wrap-fixwidth{position:relative;width:90%;max-width:1100px;margin:3% auto;clear:both;}
.wbg{position:relative;float:left;width:100%;background:#fff;}
.title-10px{margin-left:10px;margin-right:10px;}
.title-10px-all{position:relative;float:left;width:calc(100% - 20px);margin-left:10px;margin-right:10px;}


.btn-normal{height:35px;min-width:60px;line-height:35px;padding:0 10px;font-weight:bold;border:1px solid #D91019;}
.btn-normal:hover{background:#33658A;color:#fff;border:1px solid #fff;}
.button-center{display:block;margin:0 auto;}
.btn-1{position:relative;float:left;min-width:200px;left:50%;margin-left:-100px;margin-top:3%;}
.none-wap{display:none;}

.wap-fit{text-align:right;}
.iframesize{width:800px;height:450px;}

.page-title h1{text-align:center;}
.post-content h2,.post-content h3{font-size:18px;line-height:27px;}

.post-content ul{display:block;margin:20px 0 20px 30px;list-style:disc;}
.post-content ul li{list-style:disc;line-height:21px;}
.post-content figure img{width:100%;max-width:100%;}
.post-content hr{border-bottom:1px solid #eee;}

table{border-style:none;border-collapse:collapse;background:#ebebeb;font-size:14px;margin:20px 0;table-layout: fixed;}
table td{border-right:2px solid #fff;text-align:left;padding-top:7px;padding-bottom:7px;padding-left:10px;padding-right:10px;min-width:250px;}
table tr.altrow{background-color:#fff}

@media screen and (max-width:1000px){
	table{width:100%;}
	.iframesize{width:600px;height:337px;}
}

@media screen and (max-width:800px){
	.iframesize{width:600px;height:337px;}
}

@media screen and (max-width:650px){
  table{font-size:12px;}
  .wrap-A{width:100%;margin:2% 0;}
  .wrap-C{width:100%;margin:0;}
}

@media screen and (max-width:600px){
	.iframesize{width:400px;height:225px;}
	.dis-wap{display:none;}
	.none-wap{display:block;}
	.wap-fit{width:94%;margin:2% 3%;text-align:center;}
}

@media screen and (max-width:450px){
	.iframesize{width:100%;height:100%;}
}
@media screen and (max-width:375px){
	.btn-1{min-width:120px;margin-left:-60px;}
}

.con-div-t{position:relative;display:block;width:100%;float:left;text-align:center;}
.t2{margin:2% 0 5% 0;color:#777;}

#back-to-top{z-index:250;position:fixed;bottom:0px;right:30px;width:30px;height:15px;line-height:20px;background:#ddd;color:#fff;font-size:20px;text-align:center;border-radius:5px;cursor:pointer;}
#back-to-top:hover{width:30px;height:25px;line-height:30px;}

/*inquiry*/
.inquiry-now{z-index:250;font-size:30px;position:fixed;bottom:50%;right:18px;}
.email_button{width:auto;padding:0 10px;height:40px;line-height:40px;color:#fff;cursor:pointer;text-align:center;border-radius:8px;display:block;overflow:hidden;}
.email_button img{width:100%;height:auto;}
.word_in1{display:inline;height:auto;}
.word_in2{display:none;height:0;}

/*whatsapp*/
.whatsapp-chat{z-index:250;font-size:30px;position:fixed;bottom:5%;right:20px;width:50px;height:50px;cursor:pointer;}
.wa-a{position:relative;float:right;width:50px;height:50px;display:block;}
.wa-tubiao{position:relative;z-index:251;width:100%;height:100%;}

.whatsapp-hover-text{position:absolute;background:#49E670;right:50px;font-size:16px;color:#fff;padding:7px;margin:9px 13px 9px 0;display:none;border-radius:5px;}
.whatsapp-chat,.whatsapp-chat-style1:hover .whatsapp-hover-text{display:inline;}

.whatsapp-hover-text::before {
    content: '';
    position: absolute;
    top: 50%;
    right: -10px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 10px solid #49E670;
    transform: translateY(-50%);
}

.whatsapp-use-this-sytle{display:normal;}
.whatsapp-non-display{display:none;}
.whatsapp-chat-style1{z-index:250;font-size:30px;position:fixed;bottom:5%;right:20px;width:50px;height:50px;cursor:pointer;}
.wa-a-style1{position:relative;width:50px;height:50px;float:right;display:block;}
.wa-tubiao-style1{position:relative;z-index:251;width:100%;height:100%;}

.whatsapp-chat-style2{z-index:250;font-size:30px;position:fixed;bottom:5%;right:20px;width:102px;height:90px;cursor:pointer;}
.wa-a-style2a{right:0;top:0;}
.wa-a-style2b{right:0;top:50px;}
.wa-a-style2{position:absolute;width:102px;height:50px;display:block;}
.wa-a-style2 span{font-size:14px;font-weight:bold;color:white;text-align:center;background:#25d366;border-radius:5px 0 0 5px;position:relative;float:left;width:50px;height:30px;margin:5px 0;padding:0 5px;line-height:30px;display:block;}
.wa-tubiao-style2{position:relative;float:right;z-index:251;width:39px;height:39px;}


/*pop-up-inquiry*/
.black-overlay{display:none;position:fixed;top:0;left:0;bottom:0;right:0;width:100%;height:100%;z-index:1000;overflow-y:scroll;
background-color: #222;background-color: rgba(0, 0, 0, 0.8);}
.pop-gallery{display:none;position:absolute;width:600px;height:650px;left:0;right:0;top:0;bottom:0;margin:auto;z-index:1000;color:#fff;}	
.pop-gallery-b{position:relative;float:left;width:100%;height:620px;border:1px solid #fff;background:#33658A;}

.empty-val{display:none;position:absolute;margin:0 70px;color:red;height:30px;line-height:30px;z-index:10;width:100%;}

@media screen and (max-height:650px){
  .pop-gallery{margin:50px auto;}
}

@media screen and (max-width:1200px){
  .email_button{height:40px;line-height:40px;}
}
@media screen and (max-width:680px){
  .pop-gallery{width:80%;}
}
@media screen and (max-width:600px){
  .email_button{height:40px;line-height:40px;}
}
@media screen and (max-width:500px){
  .pop-gallery{width:90%;}
  /*.email_button{width:40px;height:40px;line-height:40px;padding:0;}*/
  
  /*.word_in2{display:inline;height:auto;}
  .word_in1{display:none;height:0;}*/
}
@media screen and (max-width:375px){

}


#inq_dingwei{position:relative;top:-70px;left:0;width:10px;height:10px;}

.inquiry_form{width:90%;margin:0 5%;text-align:left;float:left;}
.inquiry_form select{border-radius:3px;border:1px solid #aaa;display:block;padding:8px;float:left;background:#fff;color:#666;line-height:18px;margin-left:10px;*margin-left:0px;}
.inquiry_form label{width:95%;float:left;display:block;line-height:25px;}
.inquiry_form span{color:red;float:left;height:30px;line-height:30px;display:block;margin-right:5px;}
.inquiry_form input:focus{outline:0;color:#000;}
.inquiry_form textarea:focus{outline:0;color:#000;}
.inquiry_form textarea{border-radius:3px;border:1px solid #aaa;display:block;padding:8px;float:left;background:#fff;color:#666;line-height:18px;}
.form_ipt{border-radius:3px;padding-left:10px;float:left;border:1px solid #aaa;display:block;border:1px solid #aaa;color:#666;background:#fff}
.CheckCode_input{border-radius:3px;border:1px solid #aaa;padding-left:5px;width:100px;float:left;height:30px;line-height:30px;display:block;margin-left:10px;*margin-left:0px;background:#fff}
.inquiry_checkcode{width:65px;margin-left:10px;float:left;cursor:pointer;}
#yzmtips,#yzmtips_f,.yzmtips_f{position:relative;top:10px;width:100%;height:20px;clear:both;color:red;margin:5px 0 0 10px;}


.Inq_F_ipt_p{position:relative;width:100%;clear:both;float:left;margin:5px 0 5px 10px;}
.Inq_F_ipt_p{position:relative;width:100%;clear:both;float:left;margin:5px 0 5px 10px;}


.L_M_form_ipt{width:94%;height:30px;line-height:30px;}
.L_M_Txa{width:93.5%;margin-left:10px;*margin-left:0px;height:100px;}
.Cus_Txa{width:93.5%;height:180px;}

@media screen and (max-width:700px){
  .inquiry_form{width:96%;margin:0 2%;}
  .L_M_form_ipt{width:90%;}
  .L_M_Txa{width:89%}
  .Cus_Txa{width:89%}
}
@media screen and (max-width:500px){
  .L_M_form_ipt{width:87%;}
  .L_M_Txa{width:85.5%}
  .Cus_Txa{width:85.5%}
}
@media screen and (max-width:420px){
  .L_M_form_ipt{width:85%;}
  .L_M_Txa{width:83.1%}
  .Cus_Txa{width:83.1%}
}

.leave_msg{width:100%;display:block;height:30px;line-height:30px;color:#333;font-weight:bold;}
.LM_title{margin-left:20px;}
.LM_FORM{float:left;margin-left:10px;width:95%;}


.Inq_F_ipt{width:49%;float:left;margin-top:10px;}
.inquiry_form_ipt{width:90%;height:40px;line-height:40px;}
.Inq_F_Txa{width:90%;height:126px;}

/*FOOT*/
.footer{z-index:200;position:relative;top:0px;width:100%;float:left;}
.footer-1{width:100%;min-height:325px;padding-bottom:60px;float:left;background:#1a1a1a;}
.footer-1-w{position:relative;margin:0 auto;padding:0 30px;max-width:1200px;}
.foot-sub{float:left;max-width:240px;margin:60px 30px 0 30px;}
.foot-sub-title{clear:both;margin:20px 0 20px 0;height:auto;line-height:20px;font-size:14px;font-weight:bold;color:#fff;letter-spacing:2px;}
.foot-sub-content{width:100%;float:left;line-height:30px;color:#999;overflow:hidden;word-wrap:break-word;}
.foot-sub-ul{float:left;}
.foot-sub-ul a{display:block;height:30px;line-height:30px;clear:both;}
.foot-sub-2{float:left;max-width:340px;margin:60px 0 0 30px;}

.foot-sub-resize{max-width:90%;width:90%;margin:60px 5% 0 5%;}
.foot-sub-resize-2{max-width:90%;width:90%;margin:60px 5% 0 5%;}

.foot-sub-recss{max-width:44%;width:44%;margin:60px 2.5% 0 2.5%;}
.foot-sub-recss2{max-width:44%;width:44%;margin:60px 2.5% 0 2.5%;}


.footer-1 a:link{color:#aaa;}
.footer-1 a:hover{color:#D91019;}
.footer-1 a:active{color:#aaa;}
.footer-1 a:visited{color:#aaa;}
.foot-form{width:100%;float:left;}
.foot-form input{width:100%;max-width:320px;height:40px;line-height:40px;font-size:16px;border:3px solid #D91019;color:#666;background:#eee;padding-left:10px;margin-bottom:5px;}
.foot-form input:focus{background:none;}
#foot-country{width:0;height:0;border:none;}
#foot-email-b{width:140px;height:40px;line-height:40px;font-size:14px;font-weight:bold;color:#fff;background:#D91019;margin-top:10px;cursor:pointer;}
#foot-email-b:hover{background:#CA1306;color:#0066ff;}

.footer-2{width:90%;float:left;margin:25px 5%;background:#fff;text-align:center;color:#666;}
@media screen and (max-width:1220px) {
	.foot-sub,.foot-sub-2{max-width:44%;width:44%;margin:40px 2.5% 0 2.5%;}
}
@media screen and (max-width:760px) {
	.foot-sub,.foot-sub-2{max-width:90%;width:90%;margin:20px 5% 0 5%;}
}
@media screen and (max-width:600px) {
	.footer-2{font-size:12px;}
}

.footer-2 a:link{color:#000;}
.footer-2 a:hover{color:#D91019;}
.footer-2 a:active{color:#000;}
.footer-2 a:visited{color:#000;}

/*page 404*/
.page-404{position:relative;width:100%;height:570px;background:#f6fbfb;float:left;padding-top:70px;text-align:center;}
.page-404 img{width:auto;}
.page-404 div{font-weight:bold;width:100%;float:left;}
.page-404-title{font-size:50px;height:80px;line-height:80px;color:#33658A;}
.page-404-title2{font-size:30px;height:30px;line-height:30px;color:#3a3a3a;}
.page-404-title3{font-size:14px;height:50px;line-height:50px;color:#3a3a3a;}
/*--------------------*/
#page_con{background:#fff;}
#page_con font{font-weight:700}
#page_con p{line-height:24px;margin:15px 0;}
#page_con img{max-width:100%;height:auto;}


.width_page_con_80{position:relative;width:90%;max-width:1000px;margin:0 auto;clear:both;}
.width_page_con_cat{position:relative;width:90%;max-width:1200px;margin:0 auto;clear:both;}
.width_page_con_cat_normal{position:relative;width:90%;max-width:1100px;margin:0 auto;clear:both;}
.width_page_con_100{position:relative;width:100%;margin:0 0 50px 0;}
@media screen and (max-width:1024px){
	.width_page_con_80{margin:0 auto 3% auto;}
}
@media screen and (max-width:600px){
	.width_page_con_80{width:93%;}
}
#page_nav{height:60px;line-height:60px;position:relative;float:left;top:80px;padding-left:20px;text-align:left;color:#333;background:#fff}
.width_page_nav_cat{width:82%;margin:0 9%;}
.width_page_nav{width:86%;margin:0 7%;}
/**/
.clear{clear:both;}
.black_overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;
background-color: #222;
background-color: rgba(0, 0, 0, 0.8);-moz-opacity:.9;opacity:.9;filter:alpha(opacity=90)}
.close-gallery{z-index:10000;position:fixed;display:none;width:80px;left:50%;margin-left:-40px;bottom:100px;padding:10px 0px;text-align:center;background:#33658A;color:#fff;}
.white_content,.white_content_allum{display:none;position:fixed;top:0;left:0;bottom:0;right:0;margin:auto;*+top:80px;*+left:50%;*+margin-left:-400px;border:1px solid #fff;border-radius:10px;z-index:1500;overflow:hidden}
.white_content{width:800px;height:400px}
.white_content_allum{width:800px;height:500px}
.white_content img,.white_content_allum img{width:320px;height:213px;float:left;margin:70px 0 0 30px;padding:2px;border:1px solid #eee}

@media screen and (max-width:900px){
  .white_content{width:95%;height:auto;margin:15% 2.3%;overflow-y:scroll;}
  .white_content img{width:80%;height:60%;margin:7%;}
  .close-gallery{bottom:50px;}
}
@media screen and (max-width:700px){
  .white_content{width:95%;height:auto;margin:15% 2.3%;overflow-y:scroll;}
  .white_content img{width:80%;height:60%;margin:7%;}
}
@media screen and (max-width:600px){
  .white_content{margin:20% 2.3%;}
}
@media screen and (max-width:450px){
  .white_content{margin:25% 2.3% 25% 2.3%;}
  .close-gallery{bottom:40px;}
}
@media screen and (max-width:350px){
   .close-gallery{bottom:30px;}
}

.down-check{position:relative;float:left;margin-left:35%;margin-top:7%;}
.down-check p{clear:both;color:#fff;}
.pas_sbipt{clear:both;}
.down-check a:link{text-decoration:none;color:#ff1616;}
.down-check a:visited{text-decoration:none;color:#ff1616;}

.pas_ipt_p{text-align:left;clear:both;color:#444;}
.pas_ipt,.pas_sbipt{height:38px;line-height:38px;position:relative;float:left;margin:6% 6% 6% 0;}
.pas_ipt{padding-left:10px;width:150px;border:1px solid #eee;}
.passtips{color:red;clear:both;float:left;height:16px;line-height:16px;}
@media screen and (max-width:600px){
   .down-check{margin-left:30%;margin-top:20%;}
}
@media screen and (max-width:500px){
   .down-check{margin-left:25%;margin-top:30%;}
}

.BG_ceng{display:none;position:fixed;z-index:499;top:0;left:0;width:100%;height:100%;
background-color: #222;
background-color: rgba(0, 0, 0, 0.8);-moz-opacity:.9;opacity:.9;filter:alpha(opacity=90)}
#loading_img{display:none;z-index:500;width:58px;height:58px;position:fixed;margin:auto;left:0;right:0;top:0;bottom:0;}
#loading_img img{position:absolute;width:58px;height:58px;}

/*nav-single*/
.single_cat_01{float:left;}
.single_cat_01 font{color:#333;font-weight:0;}
.single_cat_01 h1{float:left;line-height:30px;color:#333}

.single_cat_01 a:link{color:#0066ff;}
.single_cat_01 a:visited{color:#0066ff;}
.single_cat_01 a:hover{color:#D91019}
.single_cat_01 a:active{color:#33658A}


/*news nav*/
.navigation{float:left;width:100%;text-align:left;margin:10px 0 10px 0;line-height:30px;}
.previous_page{position:relative;margin:10px 0 10px 20px;}
.next_page{position:relative;margin:0 0 10px 20px;}
.navigation span{position:relative;float:left;display:block;width:16px;height:8px;top:10px;}
.navigation span img{position:absolute;width:180px;height:180px;}
/*page nav*/
.pagination_pan{float:left;width:100%;text-align:left;margin:10px 0 10px 0;line-height:30px;}
.pagination{display:block;float:left;margin:20px;}
.pagination li{width:30px;height:30px;line-height:30px;margin:0 15px 10px 0;float:left;display:inline-block;text-align:center;}
.pagination li a{display:block;border:1px solid #ccc}
.pagination li a:hover{background:#ff1616;border:1px solid #ff1616;color:#fff;text-decoration:none;}
.current{display:block;background:#ff1616;color:#fff}
/*foot-inq*/
#inquiry_end{display:none;z-index:300;position:fixed;z-index:499;top:0;left:0;width:100%;height:100%;
background-color: #222;
background-color: rgba(0, 0, 0, 0.8);-moz-opacity:.9;opacity:.9;filter:alpha(opacity=90)}
#inquiry_re_val{display:none;width:400px;height:200px;position:absolute;left:0;top:0;bottom:0;right:0;margin:auto;background:#33658A;color:#fff;border:2px solid #fff;border-top:5px solid #fff;}
.close-inq{position:absolute;right:-15px;top:-15px;width:30px;height:30px;border:1px solid #fff;background:#ddd;color:#0B3861;cursor:pointer;line-height:30px;text-align:center;}
#re_val{position:absolute;left:50px;top:50px;bottom:50px;right:50px;}
#inquiry_tj{display:none;position:absolute;left:50%;top:50%;bottom:50%;right:50%;margin-left:-29px;margin-top:-29px;width:58px;height:58px;background:url(https://img.derunledlights.com/style_me/images/loader.gif) no-repeat;background-size:100% auto;}
@media screen and (max-width:420px){
	#inquiry_re_val{width:260px;height:160px;}
	#re_val{left:20px;top:20px;bottom:20px;right:20px;}
}

/*accessories*/
.acc-box{width:16%;float:left;margin:2% 2%;}
.acc-box-img{position:relative;width:100%;height:0;padding-bottom:100%;float:left;border:2px solid #ddd;overflow:hidden;}
.acc-box-img img{position:absolute;width:100%;height:100%;}
.acc-box-title{width:100%;height:43px;float:left;text-align:center;overflow:hidden;margin-top:5%;}
.acc-box-pt{width:65%;float:left;}
.acc-box-pt img{width:100%;}

@media screen and (max-width:900px){
	.acc-box{width:20%;margin:2% 2.3%;}
}
@media screen and (max-width:750px){
	.acc-box{width:25%;margin:2% 4%;}
}
@media screen and (max-width:375px){
	.acc-box{width:45%;margin:2% 2.5%;}
}
/**/
.align_left{text-align:left;}
.align_center{text-align:center;}
.align_right{text-align:right;}
/*all page have*/
.page_title{position:relative;float:left;width:100%;text-align:center;}
.page_title h3{font-weight:500;height:120px;line-height:120px;}
.page_title_none{position:relative;width:90%;max-width:1000px;padding-bottom:3.5%;margin:0 auto;clear:both;background:none;}
#page_top_bg,#banner_color_tem{z-index:50px;position:relative;top:80px;width:100%;float:left;max-height:320px;min-height:90px;overflow:hidden;}
#banner_color_tem img{width:100%;height:auto;float:left;}
.pb_a_1 img{width:100%;}
.pb_a_1{position:relative;width:100%;}
@media screen and (max-width:600px) {
	#page_top_bg,#banner_color_tem{min-height:80px;max-height:140px;}
}
@media screen and (max-width:495px) {
	#page_top_bg,#banner_color_tem{min-height:40px;max-height:100px;}
	#banner_color_tem img{height:100%;}
}
#pg_title {
	width:100%;text-align:center;font-weight:600px;color:white;
	position:absolute;
	bottom:48%;opacity:1;
	animation:myfirst 2s;
-moz-animation:myfirst 2s; /* Firefox */
-webkit-animation:myfirst 2s; /* Safari and Chrome */
-o-animation:myfirst 2s; /* Opera */

}
/*all-page-related-products*/
.all-related-p{width:100%;float:left;margin-bottom:50px;}
.all-related-p_bar{width:100%;height:60px;line-height:80px;float:left;text-align:left;font-weight:bold;border-bottom:1px solid #eee;padding-left:10px;margin-bottom:15px;}
.all-related-p_pan{width:25%;margin:2% 0;height:auto;float:left;}
.all-related-p_img{width:94%;margin:0 3%;height:auto;float:left;}
.all-related-p_img a{position:relative;height:0;padding-bottom:66.66%;width:100%;float:left;border:1px solid #eee;border-radius:3px;display:block;overflow:hidden;}
.all-related-p_img a img{width:100%;height:100%;cursor:pointer;transition:all 3s;}
.all-related-p_img a img:hover{transform:scale(1.2);}
.all-related-p_title{width:94%;height:40px;line-height:19px;margin:10px 3%;float:left;text-align:center;cursor:pointer;overflow:hidden;}

@media screen and (max-width:600px){
	.all-related-p_bar{width:94%;margin:0 3%;}
	.all-related-p_pan{width:31%;margin:2% 1%;}
}
@media screen and (max-width:375px){
	.all-related-p_pan{width:47.5%;margin:2% 1%;}
}
/*end-all-page-related-products*/

@keyframes myfirst
{
from {bottom:0;opacity:0;}
to {bottom:48%;opacity:1;}
}

@-moz-keyframes myfirst /* Firefox */
{
from {bottom:0;opacity:0;}
to {bottom:48%;opacity:1;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
from {bottom:0;opacity:0;}
to {bottom:48%;opacity:1;}
}

@-o-keyframes myfirst /* Opera */
{
from {bottom:0;opacity:0;}
to {bottom:48%;opacity:1;}
}�������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������