* {box-sizing:border-box}
@media (min-width: 1440px) {
  html {
    font-size: 16px!important;
  }
}
@media (min-width: 1680px) {
  html {
    font-size: 18px!important;
  }
}

@media (max-width: 1024px) {
  html {
    font-size: 14px!important;
  }
}



body {width:100%;background:#fff;margin:0;padding:0;}
.h10 {height:10px;}
.h20 {height:20px;}
.h30 {height:30px;}
.h40 {height:40px;}
.h50 {height:50px;}
.h100 {height:100px;}



@media (max-width: 1240px) {

.h10 {height:5px;}
.h20 {height:10px;}
.h30 {height:15px;}
.h40 {height:20px;}
.h50 {height:25px;}
.h100 {height:50px;}

}



@media (max-width: 639px) {

.h10 {height:2.5px;}
.h20 {height:5px;}
.h30 {height:7.5px;}
.h40 {height:10px;}
.h50 {height:12.5px;}
.h100 {height:25px;}


}



.wel-case .flex-control-nav {bottom:20px}
.wel-case .flex-control-nav li {margin:0 2px}
.wel-case .flex-control-nav li a {display:none;width:12px;height:12px;background:url(../img/btn01.png) no-repeat center;background-size:100% 100%;transition:background .3s;box-shadow:none}
.manage-bot .flex-control-nav {display:none}
.wel-case .flex-control-nav li a:hover,.wel-case .flex-control-nav li a.flex-active {background:url(../img/btn01_h.png) no-repeat center;background-size:100% 100%;box-shadow:none}
.height80 {height:80px;clear:both;width:100%;}

a {-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
a:hover{color:#FF9000;text-decoration:none;transition: all 300ms ease-in-out 0s;}

.jieshao{ width:100%;padding:1rem 0; border-top:1px solid #ccc;border-bottom:1px solid #ccc; margin-bottom:30px;}

.jieshao_left{ float:left; width:40%; margin-top:1rem;}
.jieshao_left p{  font-size:.9rem; line-height:1.6rem; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei","PingFang TC","PingFang SC","Noto Sans CJK TC","Noto Sans CJK SC","Helvetica Neue",Arial,sans-serif; color:#000;}

.case_show_box{ float:right; width:50%; margin-left:10%; margin-top:-6rem;}

.download_box{ width:100%;padding:0;}
.download_box ul li:first-child{ margin:0;}
.download_box ul li{ line-height:2rem; position:relative; width:130px; display:inline-block; margin: 0px 1rem; padding-left:30px;}
.download_box ul li:before{ position:absolute;  content:''; background:url(../images/pdf.png) no-repeat left 5px; width:26px; height:27px; margin-left:-27px;}
.download_box ul li a{ font-size:1rem;}


.product_right{float:none; width:100%;padding:0; margin-top:0; }
.product_right p{ font-size:.85rem; line-height:1.6rem; width:100%;}
.product_right hr{height:1px;border:none;border-top:1px solid #ccc; margin:8px 0;}


.product_right .pro_biaoti{ font-size:1.1rem;color:#363636; line-height:2rem;}

.product_right .pro_jieshao{ width:100%; padding:0; float:left; font-size:.85rem; min-height:100px;}
.product_right .pro_jieshao h4{ font-size:1rem; color:#363636; line-height:3rem; font-weight:700; height:3rem; background:#fff;}
.product_right .pro_jieshao dd{ width:100%; min-height:2.4rem; line-height:2.4rem; border-bottom:1px solid #eee;font-size:.85rem; }

.product_right .pro_jieshao dd:nth-child(2),.product_right .pro_jieshao dd:nth-child(4),.product_right .pro_jieshao dd:nth-child(6){ background:#f7f7f7;}


.product_right .pro_jieshao p{ padding-left:0;}
.product_right .pro_jieshao h4 span{  margin-right:20px; height:40px; max-width:250px; text-align:left;display:block; color:#C42329;}

.product_right .pro_jieshao ul{ width:100%; clear:both;}
.product_right .pro_jieshao ul li{ width:47%; height:50px; line-height:50px; float:left; text-align:left; padding-left:2%; border:1px solid #eee;  font-size:15px;} 
/*.product_right .pro_jieshao ul li:nth-child(3) {width:30%; }
.product_right .pro_jieshao ul li:nth-child(4) {width:30%; }
.product_right .pro_jieshao ul li:nth-child(5) {width:32%; }
.product_right .pro_jieshao ul li:nth-child(1){ width:40%;}
.product_right .pro_jieshao ul li:nth-child(2){ width:55%; border-left:none;}*/
.product_right .pro_jieshao ul li:nth-child(1),.product_right .pro_jieshao ul li:nth-child(2) { border-bottom:none; }
.product_right .pro_jieshao ul li:nth-child(5),.product_right .pro_jieshao ul li:nth-child(6) { border-top:none;}
.product_right .pro_jieshao ul li:nth-child(7) {width:97%; border-top:none;}
.product_right .pro_jieshao ul li:nth-child(8) {width:97%; border-top:none; height:80px; line-height:30px; margin-top:10px;}

.product_right .pro_jieshao ul li:nth-child(1),.product_right .pro_jieshao ul li:nth-child(4),.product_right .pro_jieshao ul li:nth-child(7){ background:#f7f7f7;}


.jieshao_box img{ max-width:100%;}

.jieshao_box table{ max-width:1000px;}

.jieshao_box table tr td{ font-size:14px; line-height:180%;}


.jieshao_box p{ font-size: .9rem; line-height: 1.6rem;}


.proshow_list_li{overflow:hidden;height:400px;padding:0; text-align:center;  width:400px;  margin:0 auto;}
.proshow_list_li_span{height:400px; display:inline-block; vertical-align:middle; }
.proshow_list_li img{ max-width:100%; max-height:100%;}

@media (max-width: 1300px) {
.proshow_list_li{height:300px; width:300px;}
.proshow_list_li_span{height:300px;}
}




@media (max-width: 1024px) {
.product_right{float:none; width:96%; max-width:100%;padding-left:2%; clear:both; }

}




@media (max-width: 800px) {
.proshow_list_li{height:300px; width:300px;}
.proshow_list_li_span{height:300px;}
.product_right .pro_biaoti{ line-height:1.6rem; font-size:1rem;padding:0px 0 0 0;}
.product_right p{ font-size:0.85rem; line-height:1.3rem;}

.product_right{ border:none;margin-top:1rem; padding:0; width:100%; }
.product_right .pro_jieshao dd{  min-height:2.4rem; line-height:2.4rem; }
.product_right .pro_jieshao{padding:0 0;}
.product_right .pro_jieshao h4{ font-size:1rem;  line-height:1.6rem; height:1.6rem; }

.product_right .pro_jieshao ul li{  height:35px; line-height:35px;font-size:14px; width:97%; padding-left:2%;  } 

.jieshao_box h1{ font-size:14px; line-height:40px; text-align:center; width:120px; height:40px; margin-bottom:10px;}
.jieshao_box p{ line-height:24px; font-size:14px;}

.jieshao{ width:100%;padding:.5rem 0; margin-top:1rem; border-top:1px solid #eee;}

.jieshao_left{ float:none; width:100%; padding:1%; margin-top:0;}

.case_show_box{ float:none; width:100%;  margin:0;}




.download_box{padding:.3rem 0;}
.download_box ul li{ line-height:1.4rem;  width:30.33%;margin: 0px 1.5%; padding-left:10px; text-align:left;}
.download_box ul li:before{background:url(../images/pdf.png) no-repeat left 0; background-size:cover;width:20px; height:20px; margin-left:-15%;}

.download_box ul li a{ font-size:.9rem;}

.jieshao_box table{ white-space:nowrap; overflow:hidden; width:100%;}


}







.wel-case {padding:40px 0 30px 0;width:100%;position:relative;overflow:hidden;background:url(../images/save_bg.png) no-repeat center center #f7f7f7;}
.ser-contact-list li a {display:block;width:100%}
.home_top {font-size:1.3rem;color:#363636;line-height:2rem;text-align:left;}


.home_title {font-size:15px;color:#666;font-weight:normal;line-height:30px;padding-top:10px;}
.home_line0 {position:absolute;left:0;width:70px;height:2px;top:100px;background:#8B0000;}
.home_line {position:absolute;right:7%;width:300px;height:1px;top:58px;background:#ccc;}
a.home_more {position:absolute;right:0;font-size:.9rem;color:#0162AF;font-weight:normal;top:0px;}
a:hover.home_more {color:#D1246E;}


@media (max-width: 1240px) {

.home_top {font-size:1.1rem; margin-left:10px;}
	
a.home_more {right:10px;top:5px;}
}


.animate05 {-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-ms-transition-duration:0.5s;transition-duration:0.5s;}
.swipera-slide .fontw {width:100%;height:100%;color:#fff;background:rgba(1,98,175,.9);position:absolute;top:0;left:0;opacity:0;display:none\9;}
.swipera-slide .fontw h2 {display:block;height:auto;position:absolute;top:60%;margin-top:-40%;width:80%;font-size:1.1rem;left:60%;margin-left:-50%;line-height:30px;text-align:center;-webkit-transform:translateY(20px);-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-ms-transition-duration:0.5s;transition-duration:0.5s;font-weight:normal;}
.swipera-slide .fontw h2 p {width:20%;height:1px;background:#fff;display:block;line-height:28px;margin:10px auto;}
.swipera-slide .fontw h2 span {font-size:.8rem;text-align:center;width:100%;display:block;line-height:28px;}
.swipera-slide:hover .fontw {opacity:1;display:block\9;}
.swipera-slide:hover .fontw span {-webkit-transform:translateY(0px);}
.sous_box1{position:absolute;z-index:999;bottom:8%; width:100%;}
.suoso_box { margin:0 auto;width:80%; max-width:1300px;background:#0162AF;height:4.8rem;border-radius:5px;padding:.6rem;}


.link_box_list {width:20%; max-width:220px;height:2.8rem;float:left;background:#fff;border:1px solid #ccc;position:relative;margin:.6% 1%;color:#ccc; font-size:.9rem;}
.link_box_list select {border:none;outline:none;width:100%;height:2.8rem;line-height:2.8rem;appearance:none;-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box;padding-left:1rem; color:#696969;}
.link_box_list:after {content:"";width:45px;height:2.8rem;background:url(../images/xiala.png) no-repeat center;position:absolute;right:0px;top:0;pointer-events:none;}

.tab2 { float:right;width:77%;margin:.6% 0 .6% 1%;}
.tab2 li {float:left;height:2.8rem;width:90%;margin-right:1%;box-sizing:border-box;background:#fff;line-height:2.8rem;border:1px solid #fff; font-size:.9rem; padding-left:1%;}
.tab2 input {background:#fff;border:1px solid #fff; color:#696969;}
.tab2 input:hover {border-color:#ff0000;}
.tab2 .sumbitaa {width:3.3rem;height:2.8rem; line-height:2.8rem;background:url(../images/youxiang.png) no-repeat center center #eee;display:inline-block;border-radius:0;text-align:center;color:#696969;padding:0;border:none;}

@media (max-width:870px){
.suoso_box {width:90%;}
.tab2 .sumbitaa {width:3rem;background-size:cover;}
}

@media (max-width:700px){

.sous_box1{bottom:4%; }
.link_box_list { min-width:110px;}
.link_box_list:after {content:"";width:2.4rem;background-size:cover;}

.tab2 li {width:85%; }
}



.sousu_box{position:absolute;width:340px; right:150px; font-size:14px;  top:6px;}
.sousu_box .xiala{ width:140px; font-size:12px; float:left; height:2rem; line-height:2rem; margin-top:2px;}

.tab222 { float:left;width:200px; margin-top:3px;}
.tab222 li {float:left;height:1.9rem;width:150px;margin-right:1%; display:inline-block;box-sizing:border-box;background:#fff;line-height:1.9rem;border:1px solid #fff; font-size:.8rem; padding-left:1%;}
.tab222 input {background:#fff;border:1px solid #fff; color:#696969; width:100%;}
.tab222 input:hover {border-color:#ff0000;}
.tab222 .sumbitaa {width:2rem;height:1.9rem; line-height:1.9rem;background:url(../images/youxiang.png) no-repeat center center #eee;display:inline-block;border-radius:0;text-align:center;color:#696969;padding:0;border:none;}



@media (max-width:1380px){
.sousu_box{ display:none;}
.tab222{ display:none;}
}


@media (max-width:639px){

.suoso_box {height:2.8rem;padding:.4em;}


.link_box_list { min-width:100px;height:2rem; line-height:2rem;margin:0 1%;font-size:.8rem;}
.link_box_list select {height:2rem;line-height:2rem;}
.link_box_list:after {width:2rem;height:2rem;}


.tab2 { width:65%;margin:.6% 0 .6% 1%;}
.tab2 li {height:2rem; line-height:2rem;font-size:.8rem; }
.tab2 .sumbitaa {width:2rem;height:2rem; line-height:2rem;background-size:cover;}
}

.link_list_li {overflow:hidden;height:70px;padding:0;text-align:center;width:130px;margin:0 auto;}
.link_list_li_span {height:70px;display:inline-block;vertical-align:middle;}
.link_list_li img {max-width:100%;max-height:100%;}
#partnersI {width:100%;position:relative;}
#partnersI  h1 {font-size:1.3rem;padding-bottom:20px;padding-top:30px;line-height:32px;font-weight:normal;color:#363636;position:relative;}
#partnersI .links li {width:130px;height:75px;position:relative;text-align:center;background:#fff;margin:13px 13px;border:1px solid #ddd;padding:2px;float:left;}
#partnersI .links li .fontW {width:100%;height:100%;color:#fff;background:#0162AF;position:absolute;top:0;left:0;opacity:0;display:none\9;}
#partnersI .links li .fontW span {display:block;width:100%;height:auto;position:absolute;top:20px;width:130px;font-size:.9rem;left:50%;margin-left:-65px;line-height:1.2rem;text-align:center;-webkit-transform:translateY(20px);-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-ms-transition-duration:0.5s;transition-duration:0.5s;}
#partnersI .links li:hover .fontW {opacity:1;display:block\9;}
#partnersI .links li:hover .fontW span {-webkit-transform:translateY(0px);}


@media (max-width:1240px) {

#partnersI  h1 {font-size:1.1rem;padding-bottom:0;padding-top:10px;line-height:2rem;padding-left:1%; }
.link_list_li {height:70px;width:130px;}
.link_list_li_span {height:70px;}
#partnersI .links li {width:17%;height:auto !important;margin:2% 1%;}
}


@media (max-width:1023px) {
.link_list_li {height:75px;width:130px;}
.link_list_li_span {height:75px;}
#partnersI {padding-left:0px;clear:both;width:100%;}
#partnersI .links li {width:17%;height:auto !important;margin:2% 1%;}
#partnersI .links li img {width:100%;height:auto !important;}
#partnersI .links li .fontW {width:100%;height:100%;}
#partnersI .links li .fontW span {top:40px;width:100%;font-size:12px;left:50%;margin-left:-50%;}
}

@media (max-width:639px) {

#partnersI  h1 {padding-left:2%;}

#partnersI {padding-left:0px;}
#partnersI .links li {width:31.33%;height:auto !important;margin:1% 1%;}
#partnersI .links li img {max-width:100%;height:auto !important;}
#partnersI .links li .fontW {width:100%;height:100%;}
#partnersI .links li .fontW span {top:30px;width:100%;font-size:12px;left:50%;margin-left:-50%;}
}



@media (max-width:450px) {

.link_list_li {height:58px;width:100px;}
.link_list_li_span {height:58px;}


#partnersI .links li .fontW span {top:15px;width:100%;font-size:12px;left:50%;margin-left:-50%;}


}




.video_box {float:left;width:70%;}
.video_box h2 {font-size:1.3rem;padding-bottom:1rem;padding-top:1.3rem;line-height:1.3rem;font-weight:normal;color:#363636;}
.video_box h2 span {font-size:.9rem;display:block;color:#0162AF;}
.about_box {float:right;width:28%;margin-left:2%;margin-top:1.3rem;margin-bottom:1rem;}
.about_box h2 {font-size:1.3rem;padding-bottom:2rem;padding-top:1.3rem;line-height:1.3rem;font-weight:normal;color:#363636;}
.about_box h2 span {font-size:.85rem;display:block;color:#0162AF;}
.about_box p {font-size:.85rem;line-height:1.6rem;}


@media (max-width:1240px) {
.video_box h2 {font-size:1.1rem; padding-left:2%;padding-bottom:1rem;padding-top:1.1rem;line-height:1.3rem;}
.video_box h2 span {font-size:1rem;}
.about_box h2 {font-size:1.1rem;padding-bottom:1rem;padding-top:1.1rem;line-height:1.1rem;}
.about_box h2 span {font-size:.9rem;}
.about_box p {font-size:.9rem;line-height:1.6rem;}
}


@media (max-width:1000px) {
.video_box {float:none;width:100%;}
.about_box {float:none;width:98%;margin-left:2%;margin-top:0rem;margin-bottom:1rem;}

}



.erji_menu {width:100%;max-width:100%;background:url(../images/erji_menu_bg.jpg) no-repeat center top;height:500px;}
.width1440 {max-width:1440px;margin:0 auto;position:relative;}


@media (max-width:1450px) {

.width1440 { max-width:100%; margin:0 1%;}


}

@media (max-width:639px) {

.width1440 { margin:0; max-width:100% !important; width:100% !important;}


}


.erji_menu_left {float:left;max-width:500px;margin-top:50px;margin-left:20px;}
.erji_menu_left h2 {font-size:1.2rem;color:#363636;line-height:2rem;}
.erji_menu_left ul {margin-top:25px;width:100%;min-width:250px;}
.erji_menu_left ul li {width:50%;height:2rem;line-height:2rem;float:left;font-size:1rem;}
.erji_menu_left ul li a{ color:#0162AF;}
.erji_menu_right {float:right;}
.erji_menu_left_t {float:left;max-width:230px;margin:3% 20px; }
.erji_menu_left_t h2 {font-size:1rem;color:#363636;line-height:2.2rem;}
.erji_menu_left_t ul {margin-top:0;width:100%;min-width:250px;}
.erji_menu_left_t ul li {width:100%; display:block;height:1.6rem;line-height:1.6rem;font-size:.82rem;}


@media (max-width:1450px) {

.erji_menu_left_t {float:left;max-width:200px;margin:2% 10px; }

}



@media (max-width:1240px) {

.erji_menu_left_t {float:left;max-width:200px;margin:2% 10px; }

}

@media (max-width:1150px) {

.erji_menu_left_t {float:left;max-width:180px;margin:2% 10px; }

}




.n_box_right {float:right;}
.n_box_left {float:left; width:16.6%;max-width:200px;margin-top:0px; background:#f7f7f7; border:1px solid #ccc; padding:.7rem;}
.n_box_left h2 {font-size:.9rem;color:#0162AF;line-height:1.8rem;margin:0;}
.n_box_left h2:hover { color:#0162AF;}
.n_box_left a.currclass {color:#8B0000;}
.n_box_left a.currclass:hover {color:#8B0000;}
.n_box_left a.currclass h1 {color:#8B0000;}
.n_box_left a.currclass:hover h1 {color:#8B0000;}
.n_box_left ul {margin-top:0;width:100%;}
.n_box_left ul li {width:100%; display:block;}
.n_box_left ul li > a{display:block;}
.n_box_left ul li dl dd{line-height:1.6rem;font-size:.80rem; margin-left:1.5rem; position:relative; padding:0;}
.n_box_left ul li dl dd a{display:block;}
.n_box_left ul li dl dd:before{ position:absolute;  content:""; padding-left:0; width:10px; height:1px; background:#8B0000; left:-0.8rem; top:.9rem;}
.n_box_left ul li dl dd:hover{ margin-left:1.8rem;transition: all 300ms ease-in-out 0s;}


.n_box_yy_left {float:left; width:16.6%;max-width:210px;margin-top:0px; background:#f7f7f7; border:1px solid #eee; padding:.7rem;}
.n_box_yy_left h2 {font-size:.9rem;color:#363636;line-height:2rem;margin:0;}
.n_box_yy_left ul {margin-top:0;width:100%;}
.n_box_yy_left ul li {width:100%; display:block;}
.n_box_yy_left ul li > a{display:block;}
.n_box_yy_left ul li dl dd{line-height:1.6rem;font-size:.80rem; margin-left:1.5rem; position:relative; padding:0;}
.n_box_yy_left ul li dl dd a{display:block;}
.n_box_yy_left ul li dl dd:before{ position:absolute;  content:""; padding-left:0; width:10px; height:1px; background:#8B0000; left:-0.8rem; top:.75rem;}
.n_box_yy_left ul li dl dd:hover{ margin-left:1.8rem;transition: all 300ms ease-in-out 0s;}



.n_box_yy01_left {float:left; width:20%;max-width:280px;margin-top:0px; background:#f7f7f7; border:1px solid #eee; padding:.7rem;}
.n_box_yy01_left h2 {font-size:.9rem;color:#363636;line-height:2rem;}
.n_box_yy01_left ul {margin-top:0;width:100%;}
.n_box_yy01_left ul li {width:100%; display:block;}
.n_box_yy01_left ul li dl dd{line-height:1.6rem;font-size:.80rem; margin-left:1.5rem; position:relative;}
.n_box_yy01_left ul li dl dd:before{ position:absolute;  content:""; padding-left:0; width:10px; height:1px; background:#8B0000; left:-0.8rem; top:.9rem;}
.n_box_yy01_left ul li dl dd:hover{ margin-left:1.8rem;transition: all 300ms ease-in-out 0s;}

.pro_xiansi{ display: block;}
.m_xiansi{ display:none;}

.pro_right_box_aa{float:right; width:83.4%;}


.pro_right_box{float:right; width:83.4%;}


.localhost{ line-height:4rem; font-size:.85rem; display:block; text-align:left; position:relative; margin-left:0rem; width:100%;}
.localhost:before{ position:absolute; content:""; color:#ff0000; width:45px; height:45px; background:url(../images/zhuye_pic.png) no-repeat 0px 0px; margin-left:-3rem; left:0;top:0;}



@media (max-width: 1350px) {
.n_box_left{width:20%;}
.n_box_yy_left{width:20%;}
.pro_right_box{width:78%;}

}




@media (max-width: 1240px) {

.localhost{ line-height:1.3rem; padding-top:.6rem; padding-bottom:.75rem; font-size:.85rem; margin-top:25px; position:relative;}
.localhost:before{ display:none;}



}



@media (max-width: 639px) {

.pro_right_box_aa{float:none; width:100%;}

.n_box_left {float:none; width:100%;max-width:100%;margin-top:0px; padding:1%;}
.n_box_left h2 {font-size:.9rem;color:#333;line-height:2rem;margin:0;}
.n_box_left ul {margin-top:0;;width:100%;}
.n_box_left ul li {display:inline-block;width:47%;margin-left:2%;}
.n_box_left ul li dl{width:100%; display:block; clear:both;}
.n_box_left ul li dl dd{line-height:1.3rem;font-size:.8rem; margin-left:4%; position:relative; display:inline-block; width:45%;color:#666;}
.n_box_left ul li dl dd a{ color:#666;}
.n_box_left ul li dl dd:before{ position:absolute;  content:""; padding-left:0; width:6px; height:1px; background:#969696; left:-4%; top:.75rem;}
.n_box_left ul li dl dd:hover{ margin-left:1.8rem;transition: all 300ms ease-in-out 0s;}



.n_box_yy_left {float:none; width:100%;max-width:100%;margin-top:0px; padding:1%;}
.n_box_yy_left h2 {font-size:.9rem;color:#333;line-height:2rem;margin:0;}
.n_box_yy_left ul {margin-top:0;;width:100%;}
.n_box_yy_left ul li {display:inline-block;width:100%; clear: both;}
.n_box_yy_left ul li dl{width:100%; display:block; clear:both;}
.n_box_yy_left ul li dl dd{line-height:1.3rem;font-size:.8rem; margin-left:5%; position:relative; display:inline-block; width:45%; float:left;color:#666;}
.n_box_yy_left ul li dl dd a{ color:#666;}
.n_box_yy_left ul li dl dd:before{ position:absolute;  content:""; padding-left:0; width:6px; height:1px; background:#969696; left:-4%; top:.75rem;}
.n_box_yy_left ul li dl dd:hover{ margin-left:1.8rem;transition: all 300ms ease-in-out 0s;}

.pro_xiansi{ display: none;}
.m_xiansi{ display: block;}


.fld{width:100%;height:2.4rem; line-height:2.4rem;margin:0 auto;text-align:center;font-size:1rem;color:#fff;display:block;  box-shadow: 0 4px 9px rgba(0, 0, 0, 0.1);  background:-webkit-gradient(linear, 0% 0%, 100% 50%, from(#079D70), to(#068DC5), color-stop(0.3, #079D70));}
.nydh-1{float:none;margin:0 auto; z-index:9999; position:relative;}



.pro_right_box{float:none; width:100%;padding:1%;}

.localhost{ line-height:1.3rem; padding-top:.6rem; padding-bottom:.75rem; font-size:.85rem; margin-top:37.5px; position:relative; margin-left:2%; width:96%;}
.localhost:before{ display:none;}

}




.news_left01{float:left; width:100%; margin:0px 0 0px 0px;}
.news_righttitle{ font-size:15px; color:#333; border-bottom:1px solid #ccc; padding-bottom:15px; margin-bottom:15px;}

.news_left01 p img{ max-width:100%; max-height:100%;}

.news_left01 p{ line-height:180%;}

.righttitle{ font-size:22px; line-height:50px; }

.news_righttitle{ font-size:15px; color:#333; border-bottom:1px solid #ccc; padding-bottom:15px; margin-bottom:15px;}
.news_more{float:right;font-size:13px; font-weight:300;color:#999;}
.news_more a{ font-size:13px; font-weight:300;color:#999;}
.news_more a:hover{color:#999; text-decoration:underline;}



.aboutk_tit{ text-align:left; font-size:1.3rem; line-height:2.8rem; font-weight:normal; color:#363636;}

.right_news_click{ text-align:left;  color:#696969; position:relative; width:100%;margin-top:10px;}

.right_news_click h6{ float:left; font-family: Arial, Helvetica, sans-serif; font-weight:normal; font-size:24px; letter-spacing:-1px;line-height:25px;}
.right_news_click p{ float:left; font-size:0.8rem; letter-spacing:normal;line-height:1.6rem; margin:0; padding:0;margin-left:0px; }


.news_close{ position:absolute; right:5px; top:0;}

.text_neirong{line-height:1.8rem;font-size:.9rem; padding-top:1.5rem; }
.text_neirong p{ line-height:1.8rem; font-size:.9rem;}
.text_neirong p img{ max-width:100%; max-height:100%; margin:1rem auto;}


.zhaiyao{ background:#eee; width:96%; padding:10px 2%; line-height:30px; font-size:13px; margin-top:20px; margin-bottom:20px;}
.zhaiyao p{ font-size:13px; display:inline-block;}
.zhaiyao span{ color:#0092C5;}

.text_neirong1{line-height:30px;font-size:15px; padding:0 5px; }

.text_neirong1 p{ line-height:25px; font-size:15px;text-indent:2em; margin:0;}
.text_neirong1  img{ max-width:100%; max-height:100%; display: block; margin:20px auto;}
.text_neirong1 p img{ max-width:100%; max-height:100%; display: block; margin:20px auto;}

.shebei_biaoti{ text-align:left;}
.shebei_biaoti h2{ font-size:24px; color:#31A1A5; line-height:20px; height:30px;}
.shebei_biaoti span{ font-size:15px; color:#ccc; padding-left:10px; font-weight:normal;}
.shebei_biaoti span p{ display:inline-block;}



.news_line{ clear:both; width:100%; line-height:25px;font-size:.9rem;}
.news_line .fl{ float:left;margin-left:45px;position:relative;}
.news_line .fr{ float:right; position:relative; margin-right:45px;}
.news_line .fl::after{ position:absolute; content:""; background:url(../images/shangyipian.png) no-repeat; width:36px; height:11px; left:-45px; top:8px;}
.news_line .fr::after{ position:absolute; content:""; background:url(../images/xiayipian.png) no-repeat; width:36px; height:11px; right:-45px; top:8px;}

@media (max-width: 1023px) {
.text_neirong1{line-height:25px;font-size:14px; padding:0 2%; }
.text_neirong1 p{ font-size:13px;}
.text_neirong{line-height:25px;font-size:14px; padding:0 2%; }
.text_neirong p{ font-size:13px;}
}

@media (max-width: 639px) {


.aboutk_tit{  font-size:1.1rem; line-height:2rem; }



.right_news_click{ margin-top:0px;}

.zhaiyao{ width:98%; padding:5px 1%; line-height:22px; font-size:12px; margin-top:10px; margin-bottom:10px;}
.zhaiyao p{ font-size:12px;}


.text_neirong1{line-height:25px;font-size:12px; padding:0 ; }
.text_neirong1 p{ font-size:12px;}
.text_neirong{line-height:25px;font-size:12px; padding:0; }
.text_neirong p{ font-size:12px;}
.text_neirong1  img{  margin:10px auto;}
.text_neirong1 p img{  margin:10px auto;}

}

/*��ҳ*/
.pageshow{ padding:20px 0px; height:30px; line-height:30px; text-align:center; clear: both; width:100%; }
.pageshow a {padding: 0 15px;
    line-height: 30px;
    display: inline-block;
    border:none;
    margin:0 5px;
    background: #ccc;
	font-size:.8rem;
	color:#333;
	 }

.pageshow a.pagefan ,.pageshow a:hover{background: #0162AF;border: 1px #0162AF solid; color:#FFFFFF;}

@media (max-width: 800px) {
.pageshow{  padding:10px 0px; height:24px; line-height:24px; }
.pageshow a {padding: 0 6px; line-height: 24px; }
}


.pc-footer {display:block;overflow:hidden}
.m-footer {display:none}
.page-footer i {font-style:normal;font-weight:600}
.page-footer .part_box {max-width:1200px;*width:1200px;margin:0 auto;position:relative;overflow:visible;padding-bottom:1%;}

.page-footer .pro_left{ float:left; max-width:500px;}
.page-footer .pro_left ul li{ float:left; width:33.33%; text-align:left;}
.page-footer .pro_left ul li a{ padding:0.55rem 0;font-size:.85rem;color:#ccc;}
.page-footer .pro_left ul li a:hover{color:#fff;}


.page-footer .gongju { width:80px; float:left; text-align:left;}
.page-footer .gongju a{ padding:0.55rem 0;font-size:.85rem;color:#ccc;}

.page-footer {overflow-x:hidden;padding:30px 0 0px 0;background:#282738;color:#ccc;box-sizing:border-box}
.page-footer dl {float:left; min-width:12%;width:130px;box-sizing:border-box}
.page-footer dl:last-child {position:relative;z-index:3}
.page-footer dl:last-child,.page-footer dl:last-child a {color:#ccc}
.page-footer dl dt {font-size:17px;font-size:17px\9;padding:10px 0;font-weight:400;}
.page-footer dl dd {padding:0.55rem 0;font-size:.85rem;color:#ccc;}
.page-footer dl dd a {color:#ccc;}
.page-footer dl dd.lianxiren {background:url(../img/ren.png) no-repeat left top;padding-left:35px;margin:5px 0;display:inline-block;}
.page-footer dl dd.shouji {background:url(../img/dh.png) no-repeat left 5px;padding-left:35px;margin:5px 0;display:inline-block;font-size:30px;}
.page-footer dl dd.zuoji {background:url(../img/zuoji.png) no-repeat left 5px;padding-left:35px;margin:5px 0;display:inline-block;}
.page-footer dl dd.email {background:url(../img/email.png) no-repeat left 5px;padding-left:35px;margin:5px 0;display:inline-block;}
.page-footer dl dd.dizhi {background:url(../img/dizhi.png) no-repeat left 5px;padding-left:35px;margin:5px 0;display:inline-block;}
.page-footer dt.online {margin-top:30px}
.clear {clear:both;overflow:hidden}
.page-footer i {display:inline-block;height:30px;width:30px;vertical-align:middle;margin-right:13px;margin-right:13px\9}
.page-footer i.saler {background:url(../img/footer_icon.png) no-repeat;background-position:-4px -6px}
.page-footer i.c_server {background:url(../img/footer_icon.png) no-repeat;background-position:-60px -1px}
.page-footer a {color:#949ca1;display:inline-block}
.page-footer a:hover {color:#e3e3e3;text-decoration:none}
.footer_bottom {height:60px;clear:both;width:100%;border-top:1px solid #333;padding-top:20px;}

.footer_bottom p {line-height:1.4rem;color:#999;font-size:0.7rem;text-align:left;}
.footer_bottom p a {color:#eee;}

.page-footer div.dianhuahaoma{margin-bottom:20px;width: auto; text-align:right; float:right;padding:0.55rem 0;font-size:.85rem;}
.page-footer div.dianhuahaoma .zihao{font-size:1.6rem; text-align:right;color:#ccc;}

.page-footer div.erweima_aa{text-align:center; width:320px;  float:left; margin-left:10%;}
.page-footer div.erweima_aa span{ display:inline-block; width:80px; margin:0 .7rem;padding:0.55rem 0;font-size:.85rem;color:#ccc;}
.page-footer div.erweima_aa img{ max-width:100%; margin-top:10px;}

.page-footer div.erweima_aa h6{ display:block; text-align:center;padding:0.55rem 0;font-size:.85rem;color:#ccc;}


.wangzhi_1{text-align:right; padding-top:38px;}
.wangzhi_2{ text-align:right; padding-top:3px;}

@media (max-width: 1450px)  {

.page-footer {box-sizing:border-box; padding:20px 2%;}
.page-footer .pro_left{  max-width:40%;}

.page-footer .gongju { margin-left:-3%;}

.page-footer div.erweima_aa{width: auto; max-width:280px; margin-left:2%;}
.page-footer div.erweima_aa span{  margin:0 5px;}
.page-footer div.erweima_aa img{ max-width:90%; }






}



@media (max-width: 1240px)  {
.page-footer div.dianhuahaoma .zihao{font-size:1.4rem;}

}



@media (max-width: 639px)  {

.wangzhi_1{text-align:center; padding-top:10px;}
.wangzhi_2{ text-align:center; padding-top:10px;}


.page-footer {overflow-x:hidden;padding:10px 0 0px 0;background:#282738;color:#ccc;}

.page-footer .gongju { width:100%;float:none; max-width:100%; float:none; text-align:center;}
.page-footer .gongju a{ padding:0.55rem 0;font-size:.85rem;}


.page-footer .pro_left{ float:none; max-width:98%; margin:0 auto; clear:both;}
.page-footer .pro_left ul li{ text-align:left;}
.page-footer .pro_left ul li a{ padding:0.3rem 0;font-size:.85rem;color:#ccc;}


.page-footer div.erweima_aa{ width:100%; max-width:100%;  float:none; margin-left:0;}
.page-footer div.erweima_aa span{ display:inline-block;  margin:0 .6rem;padding:0.3rem 0;}
.page-footer div.erweima_aa img{ max-width:100%; margin-top:10px;}

.page-footer div.erweima_aa h6{ display:block; text-align:center;padding:0.55rem 0;font-size:.85rem;color:#ccc;}


.page-footer div.dianhuahaoma{margin-bottom:0;width:100%; text-align:center; float:none; margin-top:0;padding:0.3rem 0;font-size:.85rem;}
.page-footer div.dianhuahaoma .zihao{font-size:1rem; line-height:1.6rem; text-align:center;}


.footer_bottom {height: auto;padding-top:1rem; padding-bottom:1rem;}
.footer_bottom p {line-height:1.1rem;}


}



/*��ҳbanner*/

/*bannerͼ��ʽ*/.bannertt {position:relative;width:100%;overflow:hidden;margin:0 auto;text-align:center;background:#fff;height:500px;z-index:1;}
.bannertt .bg_123 {background-position:0 center;width:100%;height:500px;margin:0 auto;text-align:center;-webkit-animation:banner_inside 1s ease 1 forwards;-moz-animation:banner_inside 1s ease 1 forwards;-o-animation:banner_inside 1s ease 1 forwards;animation:banner_inside 1s ease 1 forwards;overflow:hidden;}
@media screen and (max-width:1000px) {.bannertt {height:500px;}
}
@media screen and (max-width:787px) {.bannertt {height:450px;}
.bannertt .bg_123 {height:450px;-webkit-animation:bgg linear 50s infinite alternate;-moz-animation:bgg linear 50s infinite alternate;-o-animation:bgg linear 50s infinite alternate;animation:bgg linear 50s infinite alternate;}
@-webkit-keyframes bgg {from {background-position:0 center;}
to {background-position:100% center;}
}
@-moz-keyframes bgg {from {background-position:0 center;}
to {background-position:100% center;}
}
@-o-keyframes bgg {from {background-position:0 center;}
to {background-position:100% center;}
}
@keyframes bgg {from {background-position:0 center;}
to {background-position:100% center;}
}
@-webkit-keyframes banner_inside {from {-webkit-transform:scale(0.9);transform:scale(0.9);}
to {-webkit-transform:scale(1);transform:scale(1);}
}
@-moz-keyframes banner_inside {from {-moz-transform:scale(0.9);transform:scale(0.9);}
to {-moz-transform:scale(1);transform:scale(1);}
}
@-o-keyframes banner_inside {from {-o-transform:scale(0.9);transform:scale(0.9);}
to {-o-transform:scale(1);transform:scale(1);}
}
@keyframes banner_inside {from {-webkit-transform:scale(1.23);-moz-transform:scale(1.23);-o-transform:scale(1.23);transform:scale(1.23);}
to {-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
}
}
.banner_txt {z-index:9999;width:50%;position:absolute;background:#fff;height:150px;bottom:0%;margin-right:50%;right:-50%;}
.banner_txt3 {left:-131px;position:absolute;bottom:-1px;max-width:200px;overflow:hidden;}
.banner_txt4 {left:60px;position:absolute;bottom:-20px;color:#E5B46B;font-size:83px;text-transform:uppercase;font-weight:700;}
.banner_txt4>div {display:inline-block;float:left;letter-spacing:12px;}
.banner_txta {z-index:9999;left:10%;position:absolute;top:35%;overflow:hidden;width:100%;height:300px;}
.banner_txt5 {position:absolute;color:#fff;font-size:2.4rem;line-height:5rem;text-align:left;}
.banner_txt5 p {font-weight:700;font-size:50px;}
.banner_txt6 {color:#fff;font-size:2.4rem;line-height:5rem;text-align:center; margin: 0 auto;}
.banner_txtb {display:none;}
.banner_txt6 i {display:block;margin:0 auto;width:100px;height:134px;background:url(../contact_pic/add.png) no-repeat 0 0;animation:gogogo 2s;-moz-animation:gogogo 2s  infinite linear;/* Firefox */-webkit-animation:gogogo 2s  infinite linear;/* Safari and Chrome */-o-animation:gogogo 2s  infinite linear;/* Opera */}
}
@keyframes gogogo {0% {margin-top:0px;}
50% {margin-top:15px;}
100% {margin-top:0px;}
}
@-webkit-keyframes gogogo {0% {margin-top:0px;}
50% {margin-top:15px;}
100% {margin-top:0px;}
}
/*��ҳ�ֻ�bannerͼ��ʽ*/.allpic img {width:100%;}
.allpic {padding-top:0px;display:block;position:relative;z-index:0;text-align:center;}
.allpic H3 {font-size:24px;color:#fff;font-weight:700;left:5%;position:absolute;top:40%;}
.allpic H4 {font-size:20px;letter-spacing:normal;color:#fff;font-weight:normal;left:5%;position:absolute;top:50%;text-align:left;line-height:30px;}
@media (max-width:1200px) {.banner_txta {top:40%;overflow:hidden;height:200px;}
.banner_txt5 {font-size:48px;line-height:60px;}
.banner_txt5 p {font-size:35px;}
}
@media (max-width:1000px) {.banner_txt {display:none;}
.banner_txtb {display:block;z-index:9999;left:10%;position:absolute;top:40%;overflow:hidden;width:350px;height:200px;}
.banner_txtb5 {position:absolute;color:#fff;font-size:48px;text-transform:uppercase;text-align:left;opacity:0.1;}
.banner_txtb5 p {font-weight:700;font-size:35px;}
}
@media (max-width:639px) {.banner_txt6 i {display:block;margin:0 auto;width:50px;height:67px;background-size:cover!important;}
.allpic H3 {font-size:16px;font-weight:700;top:43%;}
.allpic H4 {font-size:14px;font-weight:normal;top:55%;}
.banner_txta {overflow:hidden;width:100%;height:200px;top:30%;}
.banner_txt5 {font-size:30px;line-height:45px;}
.banner_txt5 p {font-weight:700;font-size:20px;}
}
.scroll_more {-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:70px;margin-bottom:0;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;height:auto;min-height:auto;overflow:visible;position:relative;z-index:99;bottom:30px;margin:0 auto;}
.scroll_div {position:absolute;color:#fff;width:100%;height:78px;bottom:0;border:0;left:0;right:auto;}
.scroll_txt {/* -webkit-transform:rotate(-90deg) translateX(-2rem);transform:rotate(-90deg) translateX(-2rem);*/    position:relative;display:block;/*   font-size:13px;color:#fff;text-transform:uppercase;letter-spacing:0.5px;font-family:Gilroy_Regular;*/margin-left:16px;}
.scroll_bar {width:2px;height:15px;position:absolute;bottom:2.14286rem;left:calc(50% - 1px);-webkit-transform:translateX(-50%);transform:translateX(-50%);margin-top:0;cursor:pointer;overflow:hidden;}
.scroll_bar::after {content:"";background-color:#fff;left:0;top:-100%;height:100%;width:100%;position:absolute;-webkit-animation:slide-down 2s infinite;animation:slide-down 2s infinite;}
@keyframes slide-down {0% {top:-100%;}
100% {top:100%;}
}
@media screen and (max-width:787px) {.scroll_more_m {-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:70px;margin-bottom:0;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;height:auto;min-height:auto;overflow:visible;position:relative;z-index:99;bottom:10px;margin:0 auto;}
.scroll_div_m {position:absolute;color:#fff;width:100%;height:60px;bottom:0;border:0;left:0;right:auto;}
.scroll_txt_m {/* -webkit-transform:rotate(-90deg) translateX(-2rem);transform:rotate(-90deg) translateX(-2rem);*/    position:relative;display:block;/*   font-size:13px;color:#fff;text-transform:uppercase;letter-spacing:0.5px;font-family:Gilroy_Regular;*/margin-left:0px;}
.scroll_bar_m {width:2px;height:15px;position:absolute;bottom:0.3rem;left:calc(50% - 1px);-webkit-transform:translateX(-50%);transform:translateX(-50%);margin-top:0;cursor:pointer;overflow:hidden;}
.scroll_bar_m::after {content:"";background-color:#fff;left:0px;top:-100%;height:100%;width:100%;position:absolute;-webkit-animation:slide-down 2s infinite;animation:slide-down 2s infinite;}
@keyframes slide-down {0% {top:-100%;}
100% {top:100%;}
}
}



.n_about_box{ clear:both; width:100%; background: url(../images/about-bg.jpg) no-repeat left top; height: auto;}


.about_left_box{ float:none;  max-width:100%;margin-top:2%; }
.about_right_box{ float: none;  margin-left:5%; max-width:500px;margin-top:5%;}
.about_right_box img{ max-width:100%; max-height:550px; overflow:hidden;}

.about_tit{ width:100%; clear:both; z-index:3; position:relative; margin:10px auto 10px auto;}
.about_tit h1{ font-size:1.4rem; line-height:2.4rem;font-weight:normal;  }
.about_tit h2{ font-size:.9rem; line-height:1.6rem;color:#696969; font-weight:normal;}
.about_tit h3{ font-size:1.4rem; line-height:2.4rem;font-weight:normal;  }
.about_tit .tit_line{width:100px; height:2px; background:#6f573b; margin-top:5px;}

.about_left_box p{ font-size:0.9rem; line-height:1.8rem;}




@media only screen and (max-width:1170px) {

.about_tit{ margin:20px auto;}
}


@media only screen and (max-width:1000px) {
.about_left_box{ max-width:100%;margin-right:0;margin-top:-10px; padding:0 2%;}
.about_right_box{ margin:15px  auto 0 auto; clear:both; max-width:100%; float:left;}
.about_tit{ margin:10px auto;}
.n_about_box{  height: auto;}

.about_right_box{ margin-left:0;}

}


@media only screen and (max-width:800px) {

.n_about_box{  height: auto;}
.about_tit{ margin:0px auto;}
.about_tit h1{ font-size:1.1rem; line-height:2rem; margin-left:2%;}
.about_tit h3{ font-size:1.1rem; line-height:2rem; margin-left:2%;}
.about_tit h2{ font-size:.85rem; line-height:1.4rem; margin-left:2%;}
}



.contact_box{clear:both; width:100%; background:#f1f1f1; padding:3% 0;}


@media only screen and (max-width:800px) {

.contact_box{clear:both; width:100%; background:#fff; padding:0 0; margin-top:-20px;}

}



.daili_left{max-width:100%; }
.daili_left ul{ margin-top:-1rem;}
.daili_left ul li{ padding:1rem 0; border-bottom:1px solid #eee;}
.daili_left ul li h2{ font-size:1rem;   line-height:2.4rem;}
.daili_left ul li h3{ font-size:.85rem; line-height:1.8rem; color:#969696;}
.daili_left ul li p a{ font-size:.85rem; line-height:1.8rem; color:#0162AF}



.sheji_left{max-width:100%; }
.sheji_left ul{ }
.sheji_left ul li{  float:left; width:23%; margin:2% 1%;}
.sheji_left ul li .pic{ max-width:60px; width:25%; float:left;}
.sheji_left ul li .pic img{ max-width:100%; }
.sheji_left ul li .right{ float:right; width:75%;  text-align:left;}
.sheji_left ul li h2{ font-size:.9rem;line-height:1.4rem;}


@media (max-width:639px) {


.sheji_left ul li{ width:33.33%; margin:1% 1%;}
.sheji_left ul li .pic img{ max-width:80%; }

}




.sheji_left_aa{max-width:100%; }
.sheji_left_aa ul{ }
.sheji_left_aa ul li{  float:left; width:10%; margin:1% 1%;}
.sheji_left_aa ul li .pic{ max-width:113px; width:100%; float:none;}


.sheji_left_aa ul li .pic img{ max-width:100%; }

@media (max-width:1400px) {
.sheji_left_aa ul li{ width:16%;}

}


@media (max-width:1200px) {
.sheji_left_aa ul li{ width:20%;}

}



@media (max-width:639px) {
.sheji_left_aa ul li{ width:31.33%}

}




.feedback_left{float:left; max-width:50%; }
.feedback_left img{ max-width:100%;}
.feedback_right{float:right; width:50%; background:url(../images/xj_xuqiu.jpg);max-width:487px; height:490px;background-size:cover}
.feedback_right .wenzi{ padding:40px 0px 30px 60px ; width:400px; }
.feedback_right .wenzi p{ font-size:.9rem; line-height:1.6rem;}

.n_contact_box_erweima{float:none; margin-top:50px; text-align:left; width:386px; margin-left:20px;}
.n_contact_box_erweima img{ max-width:100%; max-height:100%;}
.n_contact_box_erweima div{ font-size:.9rem; line-height:2.6rem; text-align:center;}


.tab{width:100%;margin-top:2rem;}
.tab li{ margin-bottom:15px; line-height:30px; float:left; width:98%; margin-right:2%;}
.tab input{ width:100%;line-height:2.5rem;padding:.2rem 1.6rem; border:1px solid #eee;box-shadow:2px 2px 3px rgba(0,0,0,0.15); font-size:.9rem; 
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.tab textarea{ width:98%;border:1px solid #eee;line-height:2.5rem;padding:.2rem 1.6rem;box-shadow:2px 2px 3px rgba(0,0,0,0.1);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei","PingFang TC","PingFang SC","Noto Sans CJK TC","Noto Sans CJK SC","Helvetica Neue",Arial,sans-serif; font-size:.9rem;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.tab input:hover ,.tab textarea:hover{ border-color:#FF9000;}
.tab .sumbit{width: 100%; display:block; margin-top:1rem; cursor:pointer;border-style:solid;border-color:#f5f5f5;background-color:#FF9000; border-radius:5px; font-size:1.3rem;padding: 8px 50px; color:#fff;}
.tab .sumbit:hover{ background-color:#d77d08; color:#FFFFFF;}


@media (max-width:1250px) {

.feedback_right{background:none}

}




@media (max-width:800px) {

.feedback_left{float:none; max-width:100%; clear:both;}
.feedback_right{float:none; max-width:100%; background:none; clear:both; height:auto;}

.feedback_right .wenzi{ padding:2%; width: auto; max-width:100%; }
.feedback_right .wenzi p{ font-size:.9rem; line-height:1.6rem;}

.tab{margin-top:1rem;}

.tab input{ line-height:30px;padding: 5px 10px; font-size:1rem;}
.tab textarea{ line-height:24px;padding: 5px 10px;font-size:1rem;}
.tab .sumbit{padding: 6px 0px; color:#fff; margin-top:0; font-size:1rem;}

.n_contact_box_erweima{float:none; clear:both; margin-top:1rem; text-align:left; width: auto; max-width:96%; margin-left:2%; margin-bottom:1rem;}
.n_contact_box_erweima img{ max-width:100%; max-height:100%;}
.n_contact_box_erweima div{ font-size:.9rem; line-height:2.6rem; text-align:center;}




.daili_left{max-width:100%; }

.daili_left ul li{ padding:.5rem 0; border-bottom:1px solid #eee;}
.daili_left ul li h2{ font-size:1rem;   line-height:2rem;}
.daili_left ul li h3{ font-size:.85rem; line-height:1.6rem; color:#969696;}
.daili_left ul li p a{ font-size:.85rem; line-height:1.6rem; color:#0162AF}


}



.toplist{
	
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-align-content: center;
		align-content: center;
		text-align: center;
		border-bottom: 1px solid #DDD;
		line-height:1.5rem;
				background:#8B0000;
				color:#fff;
			
		
	}
	li{
		list-style: none;

	}
	.toplist li{
		flex: 1;
	}
	
	.toplist li{
		font-size: .80rem;
		padding:.2rem;
		position:relative;
		line-height:1.3rem;
	}
	
	
	
	.toplist a{ color:#fff;}
.toplist a:hover{ color:#fff;}

	.toplist li.curr.asc:before{ position:absolute;content:"\f062"; margin-left:-15px;  font-family: 'FontAwesome';}
	
	.toplist li.curr.desc:before{ position:absolute; content:"\f063";margin-left:-15px;  font-family: 'FontAwesome';}

	/* 修復標題列與數據列對齊問題 - 前兩個欄位設置相同的 min-width */
	.toplist li:nth-child(1){ min-width:200px; }
	.toplist li:nth-child(2){ min-width:200px; }

	.htmll ul{
		overflow: hidden;
		overflow: hidden;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-align-content: center;
		align-content: center;
		text-align: left;
		border-bottom: 1px solid #DDD;
	
	}
	.htmll ul:hover{
		background: #EEEEEE;
	}
	.htmll ul li{
		flex: 1;
		font-size: .7rem;
		padding:.8rem 0;
	}
	
	
	.htmll ul li:nth-child(1){text-align:left;padding-left:1%; min-width:200px; }		
	.htmll ul li:nth-child(2){text-align:left;padding-left:1%; min-width:200px; }
	.htmll ul li:nth-child(4){ }
/*	.htmll ul li:nth-child(2){text-align:left; line-height:1rem; padding-left:1%;}*/
	
	
	
	.dfsdf{font-size: .85rem; text-align:center; padding-top:2rem; }
	
	.list_a{ width:100%; background:#fff; padding:2rem 0; display: none !important; }
	.list_a .left{ float:left;}
	.list_a .left img{ max-width:200px;}
	.list_a .right{ float:left; margin-left:100px; font-size:0.9rem; line-height:2rem;}
	.list_a .right h3{ font-size:.9rem;}
	.list_a .right p a{ font-size:.8rem;}
	
	
@media screen and (max-width: 639px) {
	.list_a{  padding:1rem 0; display: none !important; }
	.list_a .left{ float:left; width:40%}
	.list_a .left img{ max-width:80%;}
	.list_a .right{  float:left; width:40%; margin-left:5%;}

#many-app{ width:100%; overflow-x:auto;}
.toplist{	width:800px;}
.htmll ul{	width:800px;}
}

.erji_mulu{ clear: both; width:100%; text-align:center;}
.erji_mulu img{ max-width:100%; max-height:100%;}
.erji_mulu h3{ font-size:1.3rem; line-height:2.4rem; font-weight:normal;}
.erji_mulu h4{ font-size:.9rem; line-height:1.3rem;font-weight:normal;}
.erji_mulu h4 p{ font-size:.85rem; line-height:1.6rem;font-weight:normal; text-align:left;}

/*����������߿������� �߿��ֱ��Ӧ�����������ijߴ�*/::-webkit-scrollbar {width:7px;height:7px;background-color:#ccc;}
/*������������ ����Ӱ+Բ��*/::-webkit-scrollbar-track {border-radius:10px;background-color:#ccc;}
/*���廬�� ����Ӱ+Բ��*/::-webkit-scrollbar-thumb {border-radius:0px;background-color:#666;}

/* 當前分類高亮樣式 */
.currclass {
    color: #007bff !important;
}
.currclass h1 {
    color: #007bff !important;
}

/* 讓當前分類的 h1 標籤也顯示紅色 */
.n_box_left a[style*='color:#CC0000'] h1 {
    color: #8B0000 !important;
}
.n_box_left ul li dl dd a[style*='color:#CC0000'] {
    color: #8B0000 !important;
}


/* 緊湊模式 - 針對特定分類 (classid=143) */
.htmll.compact-mode ul li {
    padding: .4rem 0 !important;
    line-height: 0.5rem !important;
    font-size: 0.6rem !important;
}

/* 緊湊模式的圖片 */
.htmll.compact-mode ul li img {
    max-width: 60px !important;
    margin-top: 4px !important;
}

/* 隱藏 SEO 欄位：這些欄位用於搜索引擎優化，但不應該顯示在產品列表中 */
/* 應用到所有產品列表，不限定 compact-mode */
.toplist li[data-field-name*="SEO"],
.toplist li[data-field-name*="seo"],
.toplist li[data-field-name*="關鍵詞"],
.htmll ul li[data-field-name*="SEO"],
.htmll ul li[data-field-name*="seo"],
.htmll ul li[data-field-name*="關鍵詞"] {
    display: none !important;
}

/* 所有產品列表的尺寸欄位向右移動 5 個字 */
/* 應用到所有產品列表，不限定 compact-mode */
.toplist li[data-field-name*="尺寸"],
.htmll ul li[data-field-name*="尺寸"] {
    padding-left: 5em !important;
}

/* classid=143 RFID 標籤列表欄位寬度調整 - 使用 flex 而非 transform */

/* 產品名稱欄位：固定寬度以容納圖片 */
.toplist.compact-mode li[data-field-name*="產品名稱"],
.htmll.compact-mode ul li[data-field-name*="產品名稱"] {
    flex: 0 0 150px !important;
    min-width: 150px !important;
}

/* 型號欄位：較窄 */
.toplist.compact-mode li[data-field-name*="型號"],
.htmll.compact-mode ul li[data-field-name*="型號"] {
    flex: 0 0 120px !important;
    min-width: 120px !important;
}

/* 應用範圍欄位：加大為原來的 3 倍寬度，字體恢復正常大小 */
.toplist.compact-mode li[data-field-name*="應用範圍"],
.htmll.compact-mode ul li[data-field-name*="應用範圍"] {
    flex: 3 !important;
    font-size: 0.7rem !important;
    line-height: 1.2rem !important;
    padding: .8rem 0 !important;
}

/* 頻率欄位：固定寬度 */
.toplist.compact-mode li[data-field-name*="頻率"],
.htmll.compact-mode ul li[data-field-name*="頻率"] {
    flex: 0 0 150px !important;
    min-width: 150px !important;
}

/* 尺寸欄位：固定寬度，內容向右移動 4 個字體 */
.toplist.compact-mode li[data-field-name*="尺寸"],
.htmll.compact-mode ul li[data-field-name*="尺寸"] {
    flex: 0 0 150px !important;
    min-width: 150px !important;
    padding-left: 4em !important;
}


/* 產品內容區圖片尺寸限制 - 2025-12-04 新增 */
/* 所有產品詳情的圖片自動限制最大寬度 600px */
.proshow_info img,
.product-content img,
article img {
    max-width: 600px !important;
    height: auto !important;
}