body,div,span,h1,h2,h3,h4,h5,h6,p,em,img,strong,b,small,u,i,center,dl,dt,dd,ol,ul,li,sub,sup,tt,var,del,dfn,ins,kbd,q,s,samp,strike,applet,object,iframe,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,article,aside,canvas,details,
	embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,blockquote,pre,a,abbr,acronym,address,big,cite,code,mark,audio,video,input,textarea,select{ 	margin:0; padding:0;	}
	ol,ul{ 	list-style:none;}
input, textarea{border: 0; background: none;outline: none;}
a{ text-decoration: none; color: rgb(255,128,0);}

*, ::after, ::before{    box-sizing: border-box;}
body,html{padding: 0; margin: 0;}
body{ font-family: "Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Microsoft YaHei","Microsoft JhengHei","Helvetica Neue",Arial,sans-serif; font-size: 0.9rem; color: rgb(30,30,30);}
.head{height: 68px; display: flex;z-index: 1000; background: rgba(0,0,0,0.5);transition: all 0.2s; color: rgb(230,230,230); position: fixed; top: 0; width: 100%;}
.content_1200{ width:1200px; /*width: 80%; min-width:1200px;*/ margin: auto}
nav{ width: 45%;}
nav ul{ display: flex;}
nav ul li{flex: 1; line-height:68px;}.pro_img_arc
nav ul li:hover>a{ background:#000; font-weight:600}

nav ul li a{ display: block; color: #fff; line-height: 68px;    text-align: center;font-size: 18px;}
.left{float: left;}
.right{float: right;}
.pc_nav{background:rgba(0,0,0,0.8); display: none;}
.pc_nav dl dt a{line-height: 35px; font-size: 14px;z-index: 1; position: relative;}
.pc_nav dl dt{ display: block;position: relative;}
.pc_nav dl dt::after{z-index: 0;position: absolute;background: #ff7600; width: 0; height: 100%; transition: 0.6s; content: "";left: 0;top: 0;}
.pc_nav dl dt:hover::after{width: 100%;}
.firstRow a{border-bottom:1px solid rgba(80,80,80,0.5);}
nav ul li:hover .pc_nav{ display: block;}
.head .logo{ width: 25%; margin-top: 10px;}
.head .logo a{font-size: 35px; color: rgb(255,128,0);    font-weight: 700; }
.head .content_1200{ display: flex}
.head.mini_top{ background: #000;}
.fa{font: normal normal normal 14px/1 FontAwesome}
.share a{display: inline-block;text-align: center;     margin-right:5%;  line-height: 30px; width: 30px; height: 30px; background: #fff; border-radius: 50%; color:#000;}
.share a:hover{ background:rgb(255,128,0); color:#fff}
.head_fr{ width: 30%; display: flex;}
.share{ width: 50%;line-height: 68px; text-align:right; margin-right:2%}
.search{ width: 48%;line-height: 68px; position: relative;}
.search input{ width: 100%; height: 35px; line-height: 35px; background: #fff; border-radius: 10px;padding-left: 10px;}
.button{position: absolute; right: 0px; top: 20px;}
img{ /*display: block;*/ max-width: 100%;}
.home_pro{ margin-top: 90px; margin-bottom: 65px;}
.pro_menu{ text-align: center;}
.pro_menu p{font-size:0.8rem; color:rgb(120,120,120);}
.pro_menu h2{ /*margin-bottom:20px;*/ font-size: 2rem;    text-transform: uppercase;}
.home_pro_list ul{ display: flex; flex:auto}
.home_pro_list ul li{flex-wrap: wrap;}
.home_pro_list ul li .pro_bg{background: #f6f6f6;  display:block;padding: 3px 3px 3px; width: 100%; transition: all 0.6s;}
.home_pro_list ul li .pro_bg:hover {background:rgb(255,128,0);}
.home_pro_list ul li .pro_bg:hover .home_pro_text{color: #fff;}
.home_pro_list ul li .pro_bg:hover .bt span{background: #fff; color: rgb(255,128,0);}
.html5-video-player .video-stream{ width:100% !important; left:0 !important}

.home_pro_list ul li:nth-child(1){ margin-left: 0px;}
.home_pro_list ul li .pro_img{overflow: hidden;}
.home_pro_list ul li .pro_img img{transition: all 0.6s;     width: 100%;
    height: auto;}
.home_pro_list ul li:hover .pro_img img{ transform: scale(1.1);}
.pro_menu{ margin-bottom: 35px;}
.home_pro_text{padding: 0 10px;margin-top: 20px;transition: all 0.6s;}
.bt{    display: flex;width: 100%;}
.bt h3{ flex: 1;    text-overflow: ellipsis;overflow: hidden;padding-right: 10px;
    white-space: nowrap;}
.bt span{display: inline-block;transition: all 0.6s;
    float: right;
    flex: 0 auto;
    background: rgb(255,128,0);
    padding: 0 20px;
    border-radius: 20px;
    line-height: 25px;
    color: #fff;}
.button{ color: rgb(255,128,0);line-height: 35px; background: none;}
.bt_text{margin-top: 10px;}
.bt_text ul li{    width: 100%; margin-left: 0px;
    flex: auto;
    padding: 10px 0px;
    border-bottom: 1px #b5b2b2 dashed;
    display: flex;}
.bt_text ul li .p_cs{    flex: 1; text-transform: uppercase;font-weight: 400; }
.bt_text ul li .p_cs1{ font-weight: 400; }



.bt_text ul { flex-wrap: wrap;}
.tag{ margin-top: 20px;}
.tag a{background: rgb(255,128,0);
    border-radius: 2px;
    margin-left: 5px;
    padding: 0 5px;
    line-height: 18px;
    display: inline-block;
    color: #fff;
    font-size: 12px;}
	.swiper-pagination1 { text-align: center; padding: 20px 0px;}
.swiper-pagination1 .swiper-pagination-bullet-active{background: #000;}

.home_pro .more:hover a{ color: rgb(255,128,0);}
.more{ margin-top: 30px; text-align: center; font-size: 20px; text-transform: uppercase; color: #999;}
#con1{ background:url(../img/bus_bg.webp) no-repeat; background-position:center; color: #fff; height:510px}
.business_text{    width: 50%;
      float: right;
    text-align: justify;
    padding: 50px 0px;
    line-height: 35px;}
.business_text h2{font-size: 2rem; padding-bottom: 30px;}
.home_help .pro_menu{padding: 60px 0px; }
.home_hcon{ display: flex;}
.home_hcon .home_help_con{ width: 44%;    line-height: 25px; margin-top: 10px;
    text-align: justify;
    margin-right: 6%;}
.home_hcon .home_help_img{ width: 50%;}
.home_help_con .more{ font-size: 16px;line-height: 50px; color: #333;  text-align: center; width: 150px;margin:30px auto 0;  display:block;border:1px #ddd solid;}
.home_help_con .more:hover{ color:#fff; background: rgb(255,128,0); border: none;}
#con3{background: url(../img/home-copany-bg.webp) no-repeat; background-position:center; height: 100%; color: #fff; margin-top: 85px;     padding: 30px 0px;}
.about_content{ width: 45%; text-align: justify;/* background: rgba(0,0,0,0.7);    position: relative; padding: 20px;*/}
/*.about_content:after{position:absolute; content:"";  width: 0; top:30%;right:-50px;
    height: 0;
    border-left: 50px solid rgba(0,0,0,0.7);
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;}*/

.about_content h2{ text-transform: uppercase; font-size: 2rem; margin-bottom: 40px;}
.about_content .home_about_nr{line-height: 1.5rem;}
#con4{padding: 50px 0px;}
.home_about_nr a{color:rgb(255,255,255)}
.home_news_list ul{ display: flex;flex-wrap:wrap;}
.home_news_list ul li{ width: 50%;border-bottom: 1px solid #eee; padding: 20px; }
.home_news_sub{display: flex;}
.home_news_img{ width: 30%; overflow: hidden;}
.home_news_img img{ transition: all 0.6s;    height: auto;}
.home_news_list ul li:hover .home_news_img img{ transform: scale(1.2);}
.home_news_text{ width: calc(100% - 30%); padding-left: 20px;}
.home_news_text h3{ font-size: 14px; font-weight: 400; color: #000;}
.home_news_list ul li:hover .home_news_text h3{ color: rgb(255,128,0);}
.fa-clock-o:before{    content: "\f017";}
.home_news_title i{ font-size: 11px;}
.home_news_title span{font-size: 11px;color: #999;position: absolute;
    right: 0;
    margin-right: 10px;}
.home_news_title{ display: flex; position: relative;}
.home_more{    font-size: 30px;
    color: rgb(255,128,0);}
.home_more i{ font-size: 20px;}
 .news_sun{ font-size: 12px;    color: #999;    max-height: 70px;
    overflow: hidden;
    margin-top: 10px;
    margin-left: 0;}   

#con4 .more{width: 150px; margin: auto; border:1px #ddd solid; display: block; margin-top: 33px;line-height: 50px; font-size: 14px;}
#con4 .more:hover{ color: #fff;
    background: rgb(255,128,0);}   
#con5{ background: url(../img/send_bg.webp) no-repeat center; background-position:center; height: 380px; color: #fff;}
#con5 .home_send_bt .send{font-size: 100px; text-transform: uppercase;    line-height: 100px; font-weight:600}
#con5 .home_send_bt .send_c{ font-size: 30px;  text-transform: uppercase;font-weight:600}
#con5 .home_send{ display: flex;}
.m1{ color: #fff; line-height: 50px; height: 50px; border-bottom: 1px #fff solid; width: calc(50% - 80px); font-size: 18px; margin: 0 40px;}
.m11{line-height: 50px; height: 50px; border-bottom: 1px #ddd solid; width: calc(50% - 80px); font-size: 18px; margin: 0 40px;}
input::-webkit-input-placeholder{color: #fff;}
input:-ms-input-placeholder{ color: #fff;}
input:input-placeholder{ color: #fff;}
.lx_form .m11::-webkit-input-placeholder{ color: rgb(108,108,108);}
.lx_form .m11::-moz-placeholder{ color: rgb(108,108,108);}
.lx_form .m11{padding-left: 20px;  font-size: 14px;}
::-webkit-input-placeholder {font-family: Arial, Helvetica, sans-serif;}
::-moz-placeholder  {font-family: Arial, Helvetica, sans-serif;}

::-webkit-inner-spin-button{}
.home_form form{ display: flex; flex-wrap: wrap;}
.home_form .m2{ width: 100%;color: #fff; line-height: 50px; height: 50px; border-bottom: 1px #fff solid;font-size: 18px; margin: 0 40px; padding: 50px 0px;}
.home_send{ padding: 35px 0px;}
.home_form{ margin-top: 20px;}
.submit{ padding: 0 50px; background: rgb(255,128,0); color: #fff; line-height: 50px; margin-top: 35px; border: none; margin-left: 40px; cursor: pointer;}
.home_send_bt p{line-height: 30px; margin-top: 20px;}
.m1  option{ color:#000;line-height:50px;}
optgroup{ color:#000}
select:focus-visible{outline:none}
select.m1{background: none;
    border-top: none;
    border-left: none;
    border-right: none;}
footer{background: #000; color: #fff;}
input:-internal-autofill-selected { background:none;background-color:rgb(255,255,255,0) !important}
select>option:not(.placeholder):checked{background-color:rgb(255,128,0);color:#fff}
.home_send_bt{ width:25%}
.message{ width:calc(100% - 25%)}
.foot_fl{ display: flex; flex-wrap:nowrap; padding: 70px 0px;}
.fu{ flex:1}
.f_nav{display: flex;}
.f_nav dl{flex: 1;}
.f_nav dl a{ color: #f1f1f1; line-height: 25px;}
.f_nav dl a:hover{ color: #ccc;}
.f_nav dl  dt{ margin-bottom: 20px;    font-size: 25px;
    text-transform: uppercase;
    font-weight: 200;
    line-height: 25px;}
.foot_share a{ width: 45px; height: 45px; background: #fff; border-radius: 50%;     display: inline-block;
    line-height: 45px;
    text-align: center; margin-left: 20px; margin-bottom: 20px;}
.foot_share  i{ font-size: 20px;color: #000;}
.foot_share a:hover { background-color:#ff8000; color:#fff;}
.foot_share h2{font-weight: 100; text-transform:uppercase;    line-height: 20px;font-size: 25px;
    margin-left: 20px}
.f_share{ margin-top: 20px;}
.f_logo h2{     font-size: 35px;line-height: 35px;
    color: rgb(255,128,0);
    font-weight: 700;}
.f_logo a>p{ font-size: 18px; font-weight: 600; color:#fff}
.foot_dh{ margin-top: 25px;}
.foot_dh a{color:rgb(255,255,255);}
.foot_dh i{ margin-right: 10px;}
.foot_dh  p{line-height: 25px;}
.bq p{ text-align: center;line-height: 50px; border-top:1px rgb(108,108,108) solid}
.ny_banner img{height: 100%; width: auto;object-fit: cover;}
.dqwz{ background: #dcdcdc; line-height: 35px;}
.page_con{ display: flex;}
#sider{ width: 25%; margin-right: 2%;}
.page_fr{ width: calc(100% - 27%);}
#sider nav{ width: 100%;}
.page_contain{ margin-top: 40px;}
.page_search input{padding-left: 20px; display: block;height: 45px; line-height: 45px; border:1px #ddd solid; width: 100%;}
.page_search{ margin-bottom: 25px; position: relative;}
.page_search .but1{position: absolute; top:0px; right: 20px; background: none;line-height: 45px;}
.ny_nav h2,.tag_con h2{font-size: 16px; font-weight: 400; line-height: 50px;}
.ny_nav h2{position: relative;    display: inline;padding-left: 30px;}
.ny_nav h2::before{position: absolute; left: 0; top: 7px; width: 10px; height: 10px;background: #333; content: "";}
.ny_nav a{ display: block; line-height: 50px; border-top: 1px #ddd solid; position: relative; }
.ny_nav a i{ margin-right: 10px;}
.ny_nav,.tag_con{ padding:0 20px; border:1px #ddd solid}
.ny_nav a:hover{ color: rgb(255,128,0);}
.tag_con{ margin: 20px 0px;}
.tag_con h2{border-bottom:1px #ddd solid ; margin-bottom: 20px;}
.tag_con a{margin-bottom: 10px;    font-size: 12px; line-height: 30px; text-align: center; display: inline-block; margin-right: 2px; border:1px #ddd solid; background: #fafcfb; padding: 0 10px;}
.tag_con a:hover{ background: rgb(255,128,0); color: #fff;}
.aside_contact h3{font-weight: 500;}
.aside_contact .cb_dh .cb{border: 1px solid #eee;
    border-left: 2px solid rgb(255,128,0);
    border-radius: 3px;
    line-height: 40px;
    margin-bottom: 20px;
}

.z1{padding-bottom:20px;}
.z1 h2{font-size:1.8rem; margin:20px 0;}
.z1 h3{font-size:1.3rem; border-left:5px solid rgb(255,128,0); padding:0 10px;color:rgb(58,58,58); font-weight:400;margin:10px 0; }
.z1 h4{ font-size:1.2rem; font-weight:400; color:rgb(80,80,80); margin:8px 0;  &::before{float:left; content:""; display:block; padding:5px; background:rgb(100,100,100); border-radius:50%; margin:6px 6px 6px 0 ;}}
.z1 h5{ font-size:1rem; font-weight:500; color:rgb(100,100,100); margin:6px 0;  &::before{float:left; content:""; display:block; padding:1px 5px; background:rgb(100,100,100); border-radius:0%; margin:11px 6px 0 2px ;} }
.z1 h6{font-size:0.8rem; color:rgb(255,128,0);font-weight:400; line-height:1rem;}
.z1 table tr th{background: rgba(255,128,0,0.9);}
.z1 table tr th, .z1 table tr td{padding: 7px 10px;}
.z1 table tr:nth-child(even){    background: rgb(238,238,238);}
.z1 table tr{ background:#fff;}
.z1 table, .z1 table tr td, .z1 table tr th{    border: 1px solid rgb(180,180,180,0.5);
    border-collapse: collapse !important;
    font-size: 12px;}

.cb_dh{ margin-top: 24px;}
 .aside_contact .cb_dh .cb i{ margin: 0 10px;}  
 .about_con h1{ text-align: center; display: block;}
 .about_con h1 span{ display: block; color: rgb(108,108,108); font-size: 1rem; font-weight: 200;}
.about_arc{ margin: 50px 0;line-height: 1.5rem; color: rgb(108,108,108);}
.news_list ul li .newc{display: flex;}
.news_list ul li{ padding: 30px 0px;    border-bottom: 1px solid #eee;}
.news_list ul li:last-child{ border:none}
.news_list ul li  .news_img{ width: 20%; margin-right: 3%; overflow: hidden;}
.news_list ul li .news_img img{ transition: all 0.6s;    height: auto;}
.news_list ul li:hover .news_text h2{ color: rgb(255,128,0);}
.news_list ul li:hover .news_img img{ transform: scale(1.2);}
.news_list ul li .news_text{ width: calc(100% - 23%);}
.news_text h2{ font-size: 16px; color: #333; font-weight: 400; line-height: 20px;}
.news_text .new_con{color: #999; font-size: 14px;line-height: 20px;
    margin-top: 10px;}
.news_text .time   {    color: #999;
    font-size: 12px;
    margin-top: 10px;}
.page_fr h1{text-transform:uppercase; font-weight: 500;}
.arc_info h1{font-size: 24px;font-weight: 400;}
.info{padding: 15px 0px;     border-bottom: 1px solid #ededed;}
.info span{ color: #999;    margin-right: 20px;}

.tags_con{    border-bottom: 1px solid #ededed;
    padding: 25px 0;}
.tags_con dl{ display: block;}
	.tags_con dl  dt{    line-height: 30px;
    display: inline-block;
    margin-right: 20px;
    font-size: 14px;
    text-transform: uppercase;}
	
	.tags_con dl  dd{  display: inline-block;
	    background: rgb(255,128,0);
	    padding: 0 6px;
	    border-radius: 3px;
	    margin: 0 0 0 5px;}
	.tags_con dl  dd a{ color: #fff;}	  
	 .prev-next { border-bottom: 1px solid #eee; padding: 45px 0; }
	    .prev-next span { display: block; color: #999; float:left}
	    .prev-next span.next{ margin-top: 20px; }
	.prev-next span .prev:hover, .prev-next span .next:hover{ color: rgb(255,128,0);}
	.ny_pro_nav ul{ display: flex;}
	.ny_pro_nav ul li{flex: 1; background: #e6e6e6; height: 45px;line-height: 45px; text-align: center; }
	.ny_pro_nav ul li a{ display: block; color: #000;font-size: 20px}
	.ny_pro_nav ul li.on{ background: #000;}
	.ny_pro_nav ul li.on a{ color: #fff;}
	.pro_list{ margin: 60px 0px;}
	.faq_search h2,.faq_news h2{ font-weight: 500;}
	.faq_search h2{ margin-bottom: 10px;}
	.faq_search input{width: 100%;
    border: 0;
    padding: 15px 20px;
    background: #e5e5e5;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: block;margin-bottom: 20px;}
.faq_search input:-ms-input-placeholder{ color: rgb(108,108,108);}	
.page_search input::-webkit-input-placeholde{ color: rgb(108,108,108);}	
.faq_search input::-webkit-input-placeholder{ color: rgb(108,108,108);}		
.faq_news .text{font-size: 12px;
    color: #999;
    padding-top: 5px;}
.faq_news{ margin-bottom: 25px;}	
.infos h1{font-size: 3rem; font-weight:400; text-transform: uppercase; text-align: center;}	
.infos .title{	
    text-align: center;
    font-size: 18px;
    color: #999;
    text-transform: uppercase;	}
	
.list li{    word-break: break-all;
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    margin-bottom: 20px;}
 .list li > dl dd{
    margin-left: 24px;
    font-size: 12px;
    color: #999;
    margin-top: 5px;}		
.reactions{height: 24px;cursor: pointer;
    line-height: 24px;
}	
.asked dl{padding: 10px 0px;}
.asked p{    display: inline-table;}
.reactions .vote-count{margin: 0px 12px 0px 5px;}
.list li > dl dt em { display: inline-block; background: rgb(80,80,80); color: #fff; margin-right: 10px; line-height: 14px; height: 14px; width: 14px; text-align: center; border-radius: 2px; }
.faq_list{ margin-top: 30px;} 
 .list li > dl > dd > dl > dt em { background: rgb(255,128,0); }
  .list li > dl > dd > dl > dt{ color:rgb(255,128,0) ;}  
.faq_sea{ position: relative;}
.faq_sea button{position: absolute; right: 0; top: 0;border: 0; background: none; line-height: 45px;}
button, input[type=button], input[type=submit]{cursor: pointer;border: none;}	
button:focus{outline: 0;}
.contact{ display: flex; margin-top: 30px; margin-bottom: 50px;}
.contact_q a{color:rgb(255,128,0);}
.contact .contact_q{ font-size: 18px; font-weight: 300;text-transform: uppercase;}	
.contact h1,.contact .contact_g{ font-weight: 300; font-size: 35px;}	
.message_text{ margin: 30px 0px; color: rgb(108,108,108);}	
.lx_form .m11{border:1px #ddd solid; margin: 0; flex:0 auto; margin-right: 20px; width: calc(50% - 20px); margin-top:10px}	
.lx_form .m11:nth-child(2){ margin-right: 0px;}
.lx_form .m11 .m1{    width: 100%;
    color: #000;
    margin: 0;
    font-size: 12px;}
.lx_form{display: flex; flex-wrap: wrap;}
.lx_form .m2{border:1px #ddd solid; height: 195px; padding: 10px;    width: calc(100% - 20px); margin: 10px 0px;}
.but{ display: block; color: #fff; background: rgb(255,128,0); width: 100%; line-height: 45px;height: 45px;}
.lx_fl{ width: 60%;}
.lx_fr{ padding-left: 50px; width: calc(100% - 60%);}
.lx_add ul li i{ margin-right: 10px;}
.lx_add ul li{margin-bottom: 10px;}
.sm a{text-align: center; margin-right: 20px; ;}
.sm i{font-size:1.8rem; color:rgb(30,30,30); padding-top:10px;}
.pro_flcon{ display:flex}
.pro_flcon .pro_arc_tit.infos{width: 60%; margin-right: 5%;}
   .product_icon img{width:8%;height:8%;padding-top:10px;}
   .product_structure img{width:50%;height:50%;padding-top:10px;}
.pro_arc_tit.infos h1{ text-align: left; font-size: 3rem; /*font-weight:800;*/ text-transform: uppercase;}
.pro_img_arc{ margin: 20px 0px;   }
.pro_arc_img{ /**height: 380px !important;**/overflow: hidden;}
.pro_cs ul{/*display: flex;*/}

.summary{ text-align:justify; font-size:1rem; margin-top:20px}

.pro_cs ul li{  text-align: center; flex: 1;/*border-right: 1px #f1f1f1 solid;*/ display:flex;    flex-direction: row;    line-height: 45px;
    border-bottom: 1px #ddd dashed;
    justify-content: space-between;}
/*.pro_cs ul li:last-child{border:none}*/
.pro_cs ul li .p_cs{ font-size: 1rem; font-weight: 200;text-transform: uppercase;}
.pro_cs {/* background: rgb(220,220,220);*/ padding: 20px 0px;}
.pro_cs ul li .p_cs1{ font-size: 1rem;}
.pro_cs ul li span{font-weight: 200px;text-transform: uppercase;}
.pro_arc_details .tabs{text-transform: uppercase;display: flex;    border: 1px solid #eee;
    background: #f7f7f7;
    border-bottom: 1px solid #ddd;}
.pro_arc_details .tabs li{ flex: 1; text-align: center;height: 40px;line-height: 40px; }
.pro_arc_details .tabs li a{ display: block;}
.pro_arc_details .tabs li.active a{background: rgb(255,128,0); color: #fff;}
.pro_arc_details .tabs li:hover a{background: rgb(255,128,0); color: #fff; cursor: pointer;}
.pro_arc_details{ margin-top: 20px; margin-bottom: 60px;}
.pro_arc_con{margin-top: 30px; color: #333;line-height: 25px;}
.pro_con2 h2,.pro_con1 h2{ font-size:1.8rem; margin:20px 0; font-weight: 600;}
.pro_arc_con p{text-align:justify; margin:10px;}
.pro_arc_con h2{font-size:1.8rem; margin:20px 0;}
.pro_arc_con h3{font-size:1.3rem; border-left:5px solid rgb(255,128,0); padding:0 10px;color:rgb(58,58,58); font-weight:400;margin:10px 0; }
.pro_arc_con h4{ font-size:1.2rem; font-weight:400; color:rgb(80,80,80); margin:8px 0;  &::before{float:left; content:""; display:block; padding:5px; background:rgb(100,100,100); border-radius:50%; margin:6px 6px 6px 0 ;}}
.pro_arc_con h5{ font-size:1rem; font-weight:500; color:rgb(100,100,100); margin:6px 0;  &::before{float:left; content:""; display:block; padding:1px 5px; background:rgb(100,100,100); border-radius:0%; margin:11px 6px 0 2px ;} }
.pro_arc_con h6{font-size:0.8rem; color:rgb(255,128,0);font-weight:400; line-height:1rem; margin-top:0;margin: 0;
    
}
.firstRow img{margin:0 auto;}
.pro_arc_details table tr th{background: rgba(255,128,0,0.9);}
.pro_arc_details table tr th,.pro_arc_details table tr td{padding: 7px 10px;}
.pro_arc_details table tr:nth-child(even){    background: rgb(238,238,238);}
.pro_arc_details table tr{ background:#fff;}
.pro_arc_details table, .pro_arc_details table tr td, .pro_arc_details table tr th{    border: 1px solid rgb(180,180,180,0.5);
    border-collapse: collapse !important;
    font-size: 12px;}
.about_arc table{ width: 100%;}
.about_arc table tr th{background: rgba(255,128,0,0.9);}
.about_arc table tr th,.about_arc table tr td{padding: 7px 10px;}
.about_arc table tr:nth-child(even){    background: rgb(238,238,238);}
.about_arc table tr{ background:#fff;}
.about_arc table, .about_arc table tr td, .about_arc table tr th{    border: 1px solid rgb(180,180,180,0.5);
    border-collapse: collapse !important;
    font-size: 12px;}
.arc_news p{margin:10px;}
.arc_news h2{font-size:1.8rem; margin:20px 0;}
.arc_news h3{font-size:1.3rem; border-left:5px solid rgb(255,128,0); padding:0 10px;color:rgb(58,58,58); font-weight:600;margin:10px 0; }
.arc_news h4{ font-size:1.2rem; font-weight:600; color:rgb(80,80,80); margin:8px 0;  &::before{float:left; content:""; display:block; padding:5px; background:rgb(100,100,100); border-radius:50%; margin:6px 6px 6px 0 ;}}
.arc_news h5{font-size:1rem; color:rgb(100,100,100); margin:6px 0;  &::before{float:left; content:""; display:block; padding:1px 5px; background:rgb(100,100,100); border-radius:0%; margin:11px 6px 0 2px ;}}
	.page_contain .home_pro_list>ul { flex-wrap: wrap;}
.thumb{ text-align:center; width:100%}
.thumb span{ color: #999;}
.page_contain .home_pro_list>ul>li { margin-left: 20px; width: calc(25% - 20px); flex: 0 auto; margin-bottom: 40px;}
.page_contain .page_fr .home_pro_list>ul>li{width: calc(33.333% - 20px);}
.pro_arc_details table{ width: 100%;}
.dqwz a{padding:0 10px}
.dqwz a:nth-child(1){padding-left:0; padding-right:10px}
.dqwz a:hover{font-weight:bold;}
    .pro_arc_img img{ width:100%;    object-fit: cover;}
.tags_pro{border-bottom: 1px solid #ededed;
    padding: 25px 0;}
.tags_pro dl{ display: block;}
.tags_pro dl dd{    display: inline-block;
    background: rgb(255,128,0);
    padding: 0 6px;
    border-radius: 3px;
    margin: 0 0 0 5px;}
.tags_pro dl dt{line-height: 30px;
    display: inline-block;
    margin-right: 20px;
    font-size: 14px;
    text-transform: uppercase;}
.tags_pro dl dd a	{    color: #fff;}
.prev-next span.next{    float: right; margin-top: 0;}	
.related_pro_list ul{ display: flex;}
/*.related_pro_list ul li{ flex: 1;}*/
.thumb h4{font-weight: 500;    margin-top: 20px;    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}	
.news_arc .prev-next span.next{ float: none;}
.news_arc .prev-next span{ padding: 10px 0px;}
.news_arc img{margin:20px 0;}
.an_q{    width: 95px;
    border: 1px #ddd solid;
    text-align: center;
    margin: 20px auto;
    border-radius: 3px;}
.an_q a{    display: block;line-height: 30px; font-size: 12px;}
.related_pro_list ul li:hover  .an_q a{ background: rgb(255,128,0); color: #fff;}
.pro_con2{ margin-bottom: 50px;}
.left_nav a{ padding-left: 40px;}
.swiper-button-next,.swiper-button-prev{border:none}
  .swiper-button-prev,
    .swiper-button-next:focus {outline: none;  }
	
 .swiper {
        width: 100%;
        height: 100%;
      }
    .swiper-slide {
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
	.swiper-slide img {
	  display: block;
	  width: 100%;
	  height: 100%;
	  object-fit: cover;
	}
	
.but:hover{background: #fb9136;}
.submit:hover{background: #fb9136;}

#sidebar {
	display: block;
	position: fixed;
	right: 40px;
	top: 30%;
	width: 40px;
	z-index: 9
}

#sidebar .item {
	width: 40px;
	height: 40px;
	border-radius: 20px;
	background: #000;
	text-align: center;
	line-height: 40px;
	margin: 10px 0
}

#sidebar .item a {
	display: block;
	color: #fff
}

#sidebar .item a.tips {
	position: relative
}

#sidebar .item a.tips .tipbox {
	display: none;
	width: 180px;
	text-align: center;
	position: absolute;
	left: -190px;
	background: #333;
	border-radius: 3px
}

#sidebar .item a.tips:hover .tipbox {
	display: block
}

#sidebar .item#scrollup {
	display: none
}

.ny_banner{ position:relative}
.ny_banner h1{    display: block;
    position: absolute;
    content: "";
    top: 40%;
    color: #fff;
    font-weight: 700;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    font-size: 3rem;}
.ny_banner h2{    display: block;
    position: absolute;
    content: "";
    top: 40%;
    color: #fff;
    font-weight: 700;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    font-size: 3rem;
    margin: 0;
}
 .pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 14px;
  padding: 8px 12px;
  margin: 0 5px;
  border-radius: 3px;
}
.pagination span {
    color: #333;
    font-size: 14px;
    padding: 8px 2px;
    margin: 0 5px;
    border-radius: 3px;
}
.pagination a:hover {
  color: rgb(255,128,0);
  border: 1px solid rgb(255,128,0);
}
.pagination a.page-num-current {
  color: #fff;
  background: rgb(255,128,0);
  border: 1px solid rgb(255,128,0);
}
.tc_message{width: 100%; height: 100%;}


body{ position: relative;}
.tc_from{    width: 640px;display: none; 
    margin: auto;
    color: #333;vertical-align: middle; background: #fff;    top: 30%;position: relative;
    padding: 20px;}
.title{text-align: center; color: rgb(255,128,0);
    font-size: 25px;}
.tc_from form{display: flex;flex-wrap: wrap;}
.tc_f{margin: 20px 0px;width:50%;
    flex: 1 auto;
    padding-left: 20px;}
 .tc_f .m1{   
        width: 100%;
    margin: 0;
    line-height: 50px;
    background: #f9f9f9;    color: #000;
    font-size: 12px;}
    
.tc_f span,.tc_f1 span{    display:inline-block; position: relative;
    margin-bottom: 10px;}
.tc_f span::after{position: absolute;right: -10px; content: "*"; color: #f00; line-height: 30px; vertical-align:middle;}
.tc1{    height: 50px;
    line-height: 50px;
    background: #f9f9f9;
    padding-left: 10px;
    width: 100%;}
.tc_f1{    width: 100%;
    flex: 1 auto;}
.tc2{display: block;
    width: 100%;
    height: 200px;
    background: #f9f9f9;
    padding: 10px;}
.tc_f:nth-child(2n-1){padding-left:0px;}
.tc_but{    background: #333;
    color: #fff;
    height: 35px;
    padding: 0 50px;
    margin-top: 20px;}
.tc_but:hover{ background: rgb(255,128,0); color: #fff;}   
   
@media screen and (max-width:1200px){
    
	.content_1200{ width: 93%; /*min-width:200px*/}
	.head .logo{  margin-top: 0px;    text-align: center; width:100%}
	.head .logo a{ font-size: 1.5rem; display：block}
	nav,.head_fr{ display: none;}
.head{ height: 50px; line-height:50px}

.web_nav{position: absolute;  width:35px; height: 25px; right: 23px;     top: 17px;display: block;}
.header-btn{width: 60%;
    height: 66%;
    margin: auto;
    position: relative;}
			.header-btn span.line{
					    width: 100%;
				    height: 2px;
				    position: absolute;
				    left: 0;
				    background-color: rgb(255,128,0);
				    transition: all .2s;
				    transform-origin: center;
				    display: block;
				}
				 .header-btn .line1{
					    top: 0;
				}
				 .header-btn .line2{
					        top: 50%;
				    margin-top: -1px;
				}
				 .header-btn .line3{
					    bottom: 0;}
						
	.pho-header{
					top:1rem;
					height:calc(100% - 1rem);
				}
				.pho-header ul li dt{
					font-size:0.3rem;
					line-height:1rem;
					margin-bottom:0;
				}
				.pho-header ul li dd{
					font-size:0.26rem;
					line-height:0.8rem;
					padding-left:0.2rem;
				}
				.pho-header ul{
					margin-top:0.2rem;
				}
			.pho-header{
				position:fixed;
				top:50px;
				height: calc(100% - 30%);
				background-color:rgba(255,255,255,1);
				left:0;
				width:100%;
				padding-bottom: 50px;
				z-index:100000000;
				display:none;
				padding-bottom: 20px;
				overflow-y: scroll;
				padding-top: 20px;
				box-shadow: 5px 5px 5px 0 rgba(0,0,0,.1);
			}
			.pho-header ul{
				width:87.5%;
				margin: 0 auto;
				
			}
			.pho-header ul li {
				      display: block;
					      line-height: 35px;
			}
			.li_a{ display:block;border-bottom:1px #f1f1f1 solid;    font-size: 1rem; position:relative;text-transform: uppercase;}
			.li_a i{ line-height:40px;color:rgb(108,108,108); position:absolute; right:0px}
			.nav_f i{ float:right; line-height:40px;position:absolute; right:0px}
			.header-btn.cur .line{
			    top: 50%;
			    bottom: auto;
			    margin-top: -1px;
			
			}
			.header-btn.cur .line1{
			    transform: rotate(45deg);
			}
			.header-btn.cur .line2{
				    opacity: 0;
			    filter: alpha(opacity=0);
			}
			 .header-btn.cur .line3{
				transform: rotate(-45deg);
			}
			.home{ display:block !important;    position: absolute;
    line-height: 50px;}
			
			.pho-header ul{ display: block;}
.nav_f a{    font-size: 1rem;padding-left:35px; display:block;    line-height: 40px; border-bottom: 1px #f1f1f1 solid;position:relative}
.home i{ color:#fff}

}
.info i{padding-right: 3px;}
@media screen and (max-width:1024px){
.home_pro{margin-top: 2rem; margin-bottom: 2rem;}
.pro_menu h2,.business_text h2{ font-size: 1.5rem;margin-bottom: 10px;text-align: center;}
.business_text{    width: 100%;margin-left: 0; line-height: 25px;padding:20px 15px; float:none}
#con1{height:100%; background-size:cover}
.home_hcon_text{padding:0px 15px}
.home_help .pro_menu{ padding:2rem 0px;}
.home_hcon{    flex-wrap: wrap-reverse;}
.home_hcon .home_help_con,.home_hcon .home_help_img{ width: 100%; margin-right: 0px;}
.about_content{ width: 100%;}
.home_news_list ul li{ width: 100%;    padding: 10px;}
.home_news_text h3{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.home_news_title span{ display: none;}
.news_sun{    margin-top: 5px; height: 50px;overflow: hidden; line-height: 25px;}
.home_send{flex-wrap: wrap;     padding: 20px 0px;}
.home_send_bt{width: 100%; text-align: center;}
#con5 .home_send_bt .send{    font-size: 2rem;line-height: 2rem;}
#con5 .home_send_bt .send_c{font-size: 1.2rem;}
.message{width: 100%;}
.m1{    margin: 0 10px;    width: calc(50% - 20px);line-height: 35px;  height: 35px; font-size: 14px;}
.home_form .m2{ margin: 0 10px; font-size: 14px;margin: 0 10px; line-height: 35px; height: 35px;  }
.submit{    margin: 35px auto; line-height: 35px;height: 35px;}
 .f_nav{ display: none;}
.f_logo h2{    font-size: 1.5rem;}
.f_logo>p{font-size: 14px;}
.bq p{    line-height: 25px;font-size: 12px;}
#sidebar{right: 10px;}
.ny_banner img{ height: 200px;}
.foot_fl{    flex-wrap: wrap;}
.foot_share{ width:100%; margin-top:20px}
.foot_share i{ font-size:.8rem}

.foot_share a{ width:25px; height:25px; line-height:25px; margin-left:5px}
.f_logo.fu{ width:100%; flex:0 auto}
.foot_share h2{ margin-left:0px; font-size:1.5rem; font-weight:400}
.about_arc{ margin:20px 0px}
.ny_pro_nav ul{flex-wrap: wrap;}
.ny_pro_nav ul li{    flex: 1 auto;    margin: 2px;}
.ny_pro_nav ul li a{ font-size: .8rem;}
.page_contain .home_pro_list>ul>li{    width: calc(50% - 10px);}
.page_contain .home_pro_list>ul>li:nth-child(2n-1){ margin-left: 0px;}
.pro_arc_details .tabs li a{ font-size: 12px;}
.page_fr{    width: 100%;}
.news_list ul li .news_img{    width: 50%;}
.news_list ul li .news_text{    width: calc(100% - 50%);}
.news_text .new_con{    height: 50px;    line-height: 25px; overflow: hidden;}
#sider,.about_content:after{display: none}
.lx_fl,.lx_fr{ width: 100%;}
.contact{flex-wrap: wrap;}
.lx_fr{padding-left: 0px;margin-top: 20px;}
.home_more{font-size:1.2rem}
#con3{ margin-top:2rem; background:#000 url(../img/home_about_bg.jpg) no-repeat;    background-size: auto 100%;}
.pro_arc_details{ margin-top:20px}
.about_content h2{    margin-bottom: 20px;
    text-align: center;}
    .pro_flcon .pro_arc_tit.infos{ width:100%; margin-right:0px}
    .pro_flcon { display:inline}
} 
.map iframe{ width:100%; border:0}

@media screen and (max-width:640px){
    .page_contain .page_fr .home_pro_list>ul>li{ width: 100%;}
    .pro_arc_details table tr th{font-size:1rem}
    .pro_arc_details table tr td{min-width:200px}
    .pro_arc_details table{   width: 100%; font-size: 1rem;
    border: 0;
    overflow: auto;
    display: block;}
    .pro_arc_details table tbody{
          display: table;
    border: 0;
   width:90%; margin: auto;
    overflow-x: scroll;}
    .tc_from{ width:100%}
    .tc_f{}
.tc_f .m1{height                 :50px}
.pro_arc_details img{ width      :100%;padding-top:10px;}
.pro_arc_details .product_icon img{width:15%;height:15%;}
.pro_arc_img{ height             :100% !important}
.pro_arc_tit.infos h1{ text-align:center;    font-size: 1.5rem;}
#con5{    background-size        : cover;    height: 100%;}
.page_contain{ margin-top        :20px}
.infos h1{font-size              :1.5rem}
.pro_img_arc{height              : 100%;}
.summary{font-size               : 0.8rem; line-height: 1rem;    text-align: justify;
color                            : #333;}
.pro_cs ul li .p_cs{    font-size: 0.8rem; float:left}
.pro_cs ul li .p_cs1{ font-size  : 0.8rem; float:right}
.pro_cs ul li span{font-size     : 12px;}
.banner .swiper-slide img{height :180px}
.pro_cs ul{flex-wrap             :wrap;}
.pro_cs ul li{border-bottom      : 1px #f1f1f1 solid; flex:0 auto;border-right:0px;
width                            : 100%;
padding                          : 10px 20px;line-height: 20px;}
.ny_banner 
.banner{ height:180px}
.bt h3{ font-size:1rem}
.bt span,.bt_text ul li .p_cs,.bt_text ul li .p_cs1,.bt_text ul li span{font-size:.8rem}
.pro_menu{margin-bottom:0px}
.home_help_con .more,#con4 .more{line-height:35px}
.home_pro_img{ margin-top:20px}
.pro_con2 h2,.pro_con1 h2{font-size:1.5rem}
.pro_con1 p{font-size:0.8rem; line-height:1.5rem;}
.lx_form .m11{    padding-left: 10px;}
.contact .contact_q{ font-size:1rem;    text-align: center;}
.contact .contact_g{ font-size: 1.5rem;    text-align: center;}
.more{ margin-top:0px}
.pro_list{    margin: 20px 0px;}
.prev-next span.next{float:none}
iframe{ width: 100%;}
.faq_search h2{ text-align:center}
}
.home{ display:none}

@media screen and (max-width:420px){
    .product_icon img{width:15%;height:15%;padding-top:8px;}
    .pro_arc_details .tabs{flex-wrap:wrap}
    .pro_arc_details .tabs li{    flex: 0 auto;    margin: 5px;width: calc(50% - 10px);
    background: #f7f7f7;}
    
    .prev-next span{ width:100%}
    .pro_arc_details .tabs{ background:none;border:none}
    .pro_cs{padding: 0px}
    .pro_arc_details .tabs li{ margin:5px}
    .pro_arc_details .tabs li a{    padding: 0 10px;}
    .ny_pro_nav ul li{ flex: calc(50% - 4px);}
    .foot_fl{    padding: 20px 0px; text-align:center;}
    .foot_dh p{font-size: .8rem;}
    
    .page_contain .home_pro_list>ul>li{ width:100%; margin-left:0px}

}
 .related_pro .swiper-button-next{color:#ddd}
   .related_pro .swiper-button-prev{color:#ddd}

   
@media screen and (min-width:1210px){

  /*.pro_arc_details table tr td{ min-width:150px}
  .pro_arc_details table{    overflow: hidden;border: none;
    overflow-x: scroll;
    display: block;}
    
    .pro_arc_details table tbody{ width:100%; display:table}*/
    
}


@media screen and (max-width:330px){
    
   .tc_from{top:0px} 
   .tc2{ height:100px}
   .tc_f{    margin: 10px 0px;}
    
    
}