#layerslider p {}
.slide-box{padding-left:60px; padding-top:90px}
#layerslider .ls-slide a {}
@media screen and (max-width:1100px) {
.w1050{ width:100%;padding-left:25px; padding-right:25px}
.pro_cate li{ width:32%; margin-right:2%; margin-top:2%}
.myads img{ display:block; width:100%; height:auto}
.propage_desc .table-responsives,.propage_desc .table-responsive{ width:100%; overflow:auto}
.pro_ulist .pro_panel{ width:22.62727272727273vw;}
}
@media screen and (max-width:1050px) {
.w1050{ width:100%;padding-left:0px; padding-right:0px}
#top{ margin-left:25px; margin-right:25px}
.pro_cate,.pro_app{ margin-left:25px; margin-right:25px}
.news_lt{ padding-left:25px; width:50%; padding-right:50px}
.news_rt{ padding-right:25px; width:50%}
footer{ padding:0 0px}
footer .address{ padding-left:25px; padding-right:25px}
.pro_app p{ width:33.33333333333%; left:0}
.pro_app p.mobile,.pro_app p.network{ left:0}
.pro_app p.led,.pro_app p.car,.pro_app p.sun{ left:66.666666666%}
footer .address span.addr,footer .address span.tel{ margin-right:50px}
.pro_form li.submit{ margin-right:0}
}
@media screen and (max-width:1050px) {
.propage_lt{ width:30%; margin-left:0; padding-left:25px;}
.propage_rt{ width:65%; margin-right:25px}
.pro_form li label{ display:block; text-align:left; padding-bottom:6px}
.pro_ulist{ padding:0 1.5%}
.pro_ulist .pro_panel{ width:31.333333333333333%; margin:0 1%; margin-bottom:2%}
.banner_desc .desc_p{position:static;padding:50px 25px; z-index:12}
.banner_desc{ background-position:0px center; background-repeat:no-repeat; background-size:100% 100%}
.banner_desc img{ display:none}
.banner_desc .desc_p p{}
.blog_item{ margin-left:25px; margin-right:25px}
.contact_lt{ margin-left:25px; width:40%}
.contact_rt{ margin-right:25px; width:50%}
.about_info,.about_culture,.about_histroy,.about_company{ margin-left:25px; margin-right:25px}
.about_desc{ padding-left:0; padding-right:0}
.about_culture li{ width:33.3333333333%}
.about_culture li b, .about_culture li p{ padding-right:12.66666666666667vw}
.about_histroy ul{ margin-left:0;margin-right:0}
.about_histroy li:nth-child(2n):after{ left:-13.8%;}
.about_jd{ margin-left:25px; margin-right:25px;}
}

@media screen and (max-width:1020px) {
.about_histroy li:nth-child(2n):after{ left:-13.5%;}
}
@media screen and (max-width:1000px) {
.about_histroy li{ width:100%;}
.about_histroy li:before{ left:-9px;background-image: url(../images/icon_jts1.jpg);}
.about_histroy ul:before{ left:0; margin-left:0}
.about_histroy li:after{ left:-56px; margin:0;}
.about_histroy li:nth-child(2n):after{ left:-56px; margin:0}
.about_histroy ul{ padding-left:50px;}
.about_histroy li{ margin-top:25px; text-align:left}
}
@media screen and (max-width:940px) {
.propage_lt{ width:auto; float:none; margin-left:25px;padding-left:0px;margin-right:25px}
.propage_rt{ width:auto; float:none; margin-right:25px;margin-left:25px}
.blog_item{ margin-top:25px}
.blog_item .blog_desc{ width:100%}
.blog_item .thumb{ width:100%; margin-top:25px}
.blog_item .thumb img{ width:320px; height:auto;}
.pdf_items .desc{ width:70%; padding-bottom:0}
.pdf_items .thumb{ width:30%}
.pdf_items .more{ width:100%; padding-left:25px; padding-right:25px; padding-bottom:25px;margin-top:0;}
.contact_lt{ margin-left:25px;margin-right:25px;width:auto; float:none}
.contact_rt{ margin-left:25px;margin-right:25px;width:auto; float:none; margin-top:25px}
.about_jd li{ width:48%; margin-right:4%; margin-top:4%}
.about_jd li:nth-child(4n){margin-right:4%}
.about_jd li:nth-child(2n){margin-right:0%}
.pz_serice li{ padding-left:15%}
.pz_serice ul{ max-width:100%}
.pz_serice li:nth-child(2n){ padding-right:15%}
.pz_lt{ width:100%; padding-left:0; margin-bottom:25px}
.pz_ulist li{ width:48%}
.pz_rt{ width:50%; float:left}
#pz_test .pz_rt{ float:left}
.customer{ padding-left:0}
.job_zr_ul{ width:100%}
#join_zr .job_rt{ float:left; margin-top:25px}
}

@media screen and (max-width:900px) {
.banner_desc .desc_p p{ width:auto;}
.banner_desc{background-size:auto 100%; background-position:-10px center}
}
.pro_app h2{ display:none; text-align:center}
copyright a{ vertical-align:middle}
@media screen and (max-width:900px) {
.pro_form li select{ width:148px}
.pro_form li button{ padding:9px 25px;}
.pro_form li{ margin-right:15px}
}	
@media screen and (max-width:820px) {
.pro_app h2 {width:100%;color:#0161b0;font-size:24px;letter-spacing: 0;display:block;margin-bottom:35px;}
.app_thumb{ display:none}
.pro_app{ padding-left:4%; margin-top:50px; margin-bottom:50px;display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.pro_app p{ position:static; width:30%; padding:0; text-align:left; float:left}
.pro_app p.mobile, .pro_app p.network,.pro_app p.pc{ padding:0; padding-top:65px; background-position:left top; text-align:left; margin-bottom:25px}
.pro_app p.pc{ padding-top:65px; background-position:left 18px;}
.pro_app p.led, .pro_app p.car,.pro_app p.sun{padding:0;padding-top:65px; text-align:left}
.pro_app p.car{ padding-top:65px; background-position:left 18px}
.pro_app{ float:left;}
.news_rt{ width:100%; padding:0 25px;}
.news_lt{ width:100%; padding:0 25px; margin-top:35px}
.myads{ margin-top:50px}
footer .address span.addr{ margin-right:0px; width:100%; margin-bottom:10px}
copyright span{display:block;}
copyright a{ margin-left:0}
.pro_form li{ width:48%; margin-right:0; padding:0 1.5%; margin-bottom:15px}
.pro_form li select{ width:100%}
.pdf_items .thumb{ width:100%; float:none; text-align:center}
.pdf_items .desc{ width:100%; padding-top:0}
.about_culture li{ width:100%; margin-bottom:25px}
.about_culture{ margin-top:25px}
.about_histroy{ margin-top:15px}
.about_company .thead{ display:none}
.about_company .h3_title{ margin-bottom:0px}
.about_company ul{ margin-top:15px}
.about_company li span.company,.about_company li span.desc{ width:100%}
.about_company li span{ padding:0 25px}
.about_company li{ padding:15px 0}
.pz_rt{ width:60%; float:left}
.job_lt{ width:100%; padding-right:0}
.job_rt{ width:50%; float:left; margin-top:25px}
#join_px .job_rt{ padding-left:0}
.job_rt img{ margin-top:0}
.join_hr li{ width:50%}
}
@media screen and (max-width:650px) {
.pro_app p{ position:static; width:50%; padding:0; text-align:left; float:left}
.pro_cate li{ width:49%; margin-right:2%}
.pro_cate li:nth-child(3n){ margin-right:2%;}
.pro_cate li:nth-child(2n){ margin-right:0%;}
.page_h3{ font-size:16px}
.propage_desc{font-size:14px;line-height: 1.5;}
.imglefts{ width:100%}
.imgrights{ width:100%}
.page_height{ height:30px}
.pro_ulist .pro_panel{ width:46%; margin:0 2%; margin-bottom:4%}
.pz_serice ul{ width:350px; margin:0 auto}
.pz_serice li{ padding-left:0; width:100%; padding-top:0}
.pz_serice li:nth-child(2n){ padding-right:0; margin-top:25px}
.pz_serice li p{ display:inline-block; margin:0 15px}
.pz_serice{ height:auto; padding:50px 25px; background-size:auto 100%}
.pz_rt{ width:100%; float:left}
.pz_ulist li{ width:50%}
.job_rt{ width:100%}
#join_zr .job_rt{ width:100%}
.join_hr li{ width:100%}
.join_hr li:last-child{ margin-top:25px}
}
@media screen and (max-width:460px) {
.pro_app{ padding-left:0;}	
.pro_app p{ position:static; width:100%; padding:0; text-align:center; float:left}
.pro_app p.mobile, .pro_app p.network,.pro_app p.pc{ background-position:center top; text-align:center; margin-bottom:15px}
.pro_app p.led, .pro_app p.car,.pro_app p.sun{background-position:center top; text-align:center;margin-top:15px}
.pro_app p.pc{ padding-top:45px;}
.pro_app p.led{ margin-top:0}
.pro_app p.car{ padding-top:45px;}
footer .address span.tel{ margin-right:0; width:100%; margin-bottom:10px}
.linka{ text-align:center}
.linka a:last-child{ margin-right:0}
.linka:after{ display:block; position:static; margin:0 auto; margin-top:10px}
.blog_item .thumb img{ width:100%; height:auto;}
.blog_item h2, .blog_item h2 a{ font-size:18px}
#formsumit li.name, #formsumit li.tel, #formsumit li.name, #formsumit li.pcs{ margin-right:0}
#formsumit li{ width:100%}
#formsumit li.submit{ text-align:center}
.about_histroy ul{ margin-top:30px}
.about_histroy li b{ font-size:16px}
.about_jd li b{ font-size:15px;}
.pz_ulist li{ width:100%}
}
@media screen and (max-width:400px){
.pro_form li{ width:100%; padding:0 25px}
.pro_ulist .pro_panel{ width:100%; float:none; margin-left:25px; margin-right:25px}
.banner{ margin-bottom:15px}
.proapp_cate p a{ font-size:12px}
.proapp_cate{ padding-left:10px; padding-right:10px}
.banner_desc .desc_p h3{ font-size:18px}
.banner_desc .desc_p span{ font-size:16px}
.banner_desc .desc_p p{ font-size:14px; margin-top:15px}
.app_cate span{ font-size:16px}
.h3_title{ font-size:18px}
#formsumit li{ margin-bottom:10px}
.linka{}
.about_jd li{ width:100%; margin-right:0; margin-top:25px}
.about_jd li b{ font-size:16px;}
.about_jd li:nth-child(4n){margin-right:0%}
.about_jd li:nth-child(2n){margin-right:0%}
}
@media screen and (max-width:968px) {
.w1050{ width:100%;}
#top{}
#layerslider p { font-size:2.47933884297521vw; line-height:1.6; display:block; margin-bottom:1.5495867768595vw;}
.slide-box{ padding-left:10.33057851239669vw; padding-top:9.29752066115702vw}
#layerslider .ls-slide a {padding:1.03305785123967vw 1.5495867768595vw;}
.ls-v5 .ls-nav-next,.ls-v5 .ls-nav-prev{
transform:scale(0.8);
transform-origin:0 0;
-ms-transform:scale(0.8);
-ms-transform-origin:0 0;
-webkit-transform:scale(0.8);
-webkit-transform-origin:0 0;
-moz-transform:scale(0.8);
-moz-transform-origin:0 0;
-o-transform:scale(0.8);
-o-transform-origin:0 0;
margin-top:-20px
}
@media screen and (max-width:500px) {
#layerslider p { font-size:2.97933884297521vw; line-height:1.6; display:block; margin-bottom:1.5495867768595vw;}
.slide-box{ padding-left:12.33057851239669vw; padding-top:9.29752066115702vw}
#layerslider .ls-slide a {padding:1.53305785123967vw 1.5495867768595vw;}
body .ls-v5 .ls-nav-next,body .ls-v5 .ls-nav-prev{
transform:scale(0.5);
transform-origin:0 0;
-ms-transform:scale(0.5);
-ms-transform-origin:0 0;
-webkit-transform:scale(0.5);
-webkit-transform-origin:0 0;
-moz-transform:scale(0.5);
-moz-transform-origin:0 0;
-o-transform:scale(0.5);
-o-transform-origin:0 0;
margin-top:-10px;
top:50%
}
body .ls-v5 .ls-nav-next{ right:-8px}
}
@media screen and (max-width:400px) {
.slide-box{ padding-left:12.33057851239669vw; padding-top:6.29752066115702vw}
#layerslider .ls-slide a {padding:1.53305785123967vw 1.5495867768595vw; font-size:12px}
}
/***********************氓炉录猫藛陋***********************/
div.burger { height:50px; width:40px; position:absolute; top:25px; right:-12px; cursor:pointer; z-index:9999; display:none; }
/**************************************************************/
div.x, div.y, div.z { position:absolute; margin:auto; top:0; bottom:0; background:#266fb3; border-radius:2px; -webkit-transition:all .2s ease-out;
-moz-transition:all .2s ease-out;
-ms-transition:all .2s ease-out;
-o-transition:all .2s ease-out;
transition:all .2s ease-out
}
div.x, div.y, div.z { height:2px; width:26px; -webkit-transition:all .1s ease-out;
-moz-transition:all .1s ease-out;
-ms-transition:all .1s ease-out;
-o-transition:all .1s ease-out;
transition:all .1s ease-out
}
div.y.squize { width:0; -webkit-transition:all .1s ease-out;
-moz-transition:all .1s ease-out;
-ms-transition:all .1s ease-out;
-o-transition:all .1s ease-out;
transition:all .1s ease-out
}
div.y { top:18px }
div.z { top:37px }
div.open div.x, div.open div.z { top:19px; -webkit-transition:all 70ms ease-out; -moz-transition:all 70ms ease-out; -ms-transition:all 70ms ease-out; -o-transition:all 70ms ease-out; transition:all 70ms ease-out }
div.rotate30 { -ms-transform:rotate(30deg); -webkit-transform:rotate(30deg); transform:rotate(30deg); -webkit-transition:all 70ms ease-out; -moz-transition:all 70ms ease-out; -ms-transition:all 70ms ease-out; -o-transition:all 70ms ease-out; transition:all 70ms ease-out }
div.rotate150 { -ms-transform:rotate(150deg); -webkit-transform:rotate(150deg); transform:rotate(150deg); -webkit-transition:all 70ms ease-out; -moz-transition:all 70ms ease-out; -ms-transition:all 70ms ease-out; -o-transition:all 70ms ease-out; transition:all 70ms ease-out }
div.rotate45 { -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); -webkit-transition:all .1s ease-out;
-moz-transition:all .1s ease-out;
-ms-transition:all .1s ease-out;
-o-transition:all .1s ease-out;
transition:all .1s ease-out
}
div.rotate135 { -ms-transform:rotate(135deg); -webkit-transform:rotate(135deg); transform:rotate(135deg); -webkit-transition:all .1s ease-out;
-moz-transition:all .1s ease-out;
-ms-transition:all .1s ease-out;
-o-transition:all .1s ease-out;
transition:all .1s ease-out
}
@media screen and (max-width:968px) {
div.burger { display: block; }
.site-header { height:60px; }
#mobile_height { height:60px; }
nav { z-index: 9998; padding-top:100px; right: 0; width: 100%; top: 0; border:0; height: 100%; position: fixed; display: none; margin-right: 0; }
nav a{ height:auto; line-height:normal}
#menu { background:#005fb3; overflow: auto; padding:10px 0 }
#menu li { float: left; width: 100%; padding: 0; margin: 0; border: 0; margin-bottom: 0px; line-height: normal; border-bottom: 1px solid rgba(255, 255, 255, 0.2) }
#menu li li { margin-bottom: 0 }
#menu li .sub_menu ul{ background:none}
#menu li ul li:last-child { border-bottom: 0 }
#menu .dropdown { width: 100%; padding-bottom: 30px; float:left;}
#menu li a { display: block; padding: 0; border: 0; margin: 0; padding:15px 30px; color: #fff; font-size:16px; position: relative; float: none }
#menu li a .fa{ position: absolute; right: 30px; top:20px; display: block }
#menu li .sub_menu {position: static;background: rgba(255, 255, 255, 0.1);width: 100%;text-align: left;}
#menu li#menu154 .sub_menu{width:100%;padding: 5px 0;}
#menu li#menu155 .sub_menu{ width:100%;}
#menu li ul li a, #menu li.selected li a { text-align: left; color: #fff; border: 0 }
#menu li ul li { border-color: rgba(255, 255, 255, 0.2) }
#menu li a:hover, #menu li.selected a { color: #fff; background: rgba(0, 0, 0, 0.3) }
#menu li ul li a, #menu li.selected li a { padding:10px 30px; font-size:15px; }
#menu li a:after, #menu li a:hover:after, #menu li.selected a:after { display: none }
#menu li ul li a:hover { color: #fff; background: rgba(0, 0, 0, 0.2); color: #fff }
#menu li { position: relative }
#menu li * { float: none }
#menu li .sub_menu { float: left; padding: 0 }
#menu li ul li { padding: 0 0px; float: none }
#menu li ul li a, #menu li.selected li a { padding: 15px 30px; display: block }
#menu li ul li a:before, #menu li.selected li a:before { display: none }
}

@media screen and (max-width:600px) {
#top{ height:80px;}
.logo{ height:40px; width:150px; background-size:100% 100%; top:20px}
div.burger{ top:18px}
.language a, .language em{ font-size:12px}
nav{padding-top:80px}
.banner b{ height:80px; line-height:80px; padding:0 25px; font-size:18px;}
}
@media screen and (max-width:400px) {
.pro_cate li{ width:100%; margin-right:0%}
.pro_cate li:nth-child(3n){ margin-right:0%;}
.pro_cate li:nth-child(2n){ margin-right:0%;}
.pro_cate h2{font-size: 18px;line-height: 1.2;}
.pro_cate p{font-size: 14px;line-height: 1.2;}
.h2_title{ font-size:18px}
.language em{ margin:0 10px}
}