<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;"> /*CSS Document */
 
 
 
@font-face {
  font-family: "Poppins-Regular";
  src: url("../font/Poppins-Regular.woff2") format("woff2"), 
       url("../font/Poppins-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}





@font-face {
    font-family: 'avenir_next_lt_proregular';
    src: url('../font/avenirnextltpro-regular-webfont.woff2') format('woff2'),
         url('../font/avenirnextltpro-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'avenir_next_lt_prodemi';
    src: url('../font/avenirnextltpro-demi-webfont.woff2') format('woff2'),
         url('../font/avenirnextltpro-demi-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'avenir_next_lt_proBdCn';
    src: url('../font/avenirnextltpro-boldcn-webfont.woff2') format('woff2'),
         url('../font/avenirnextltpro-boldcn-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


html {
  font-family: "avenir_next_lt_proregular","å¾®è½¯é›…é»‘", Microsoft Yahei, arial, serif;
  scroll-behavior: smooth;
}


 
 
*{padding:0;margin:0;}
h1,h2,h3,h4{font-size:13px;font-weight:normal;}
/*body{font-size:13px;font-family:Arial, Helvetica, sans-serif;color:#555;background:#fff;line-height:22px;}
*/img{border:none;}
ul,li{list-style-type:none;}
a{text-decoration:none;color:#ffffff;}
.clr{clear:both;}
.w1100{width:1300px;margin:0 auto;}
.ml45{margin-left:45px;}
.fl{float:left;}
.fr{float:right;}
*:focus{outline:none;}












/*ç½‘é¡µå¤´éƒ¨å¼€å§‹*/header {position:relative;z-index:3;}
.header-box {width:100%;background:url(../images/head_box_bg.jpg) no-repeat center center;background-size:cover;}
.header-top {align-items:center;padding-top:10px;}
.header-inner {width:70%;margin:auto;max-width:1400px;position:relative;}
/*æ¸…é™¤æµ®åŠ¨*/.clear {clear:both}
/*é¡¶éƒ¨è”ç³»æ–¹å¼*/.header-contact {width:100%;}
.header-contact ul {overflow:hidden;}
.header-contact ul li {vertical-align:top;font-size:14px;color:#f08300;line-height:30px;width:100%;}
.header-contact ul li a {color:#000000;vertical-align:middle;font-weight:normal;}
.header-contact ul li i {display:inline-block;margin-right:5px;vertical-align:middle;color:#000000;}
.header-contact ul li:hover a,.header-contact ul li:hover i {color:#9c5500;}
.header-contact ul li.website-mailbox i {font-size:16px;margin-top:-2px;}
.header-contact ul li.website-phone i {font-size:16px;font-weight:bold;}
/*é¡¶éƒ¨ç¤¾äº¤*/.social-link {/*margin-bottom:15px;*/    overflow:hidden;max-width:30%;float:right;margin-top:2%;margin-right:20px;}
.social-link a {color:#fff;margin-right:5px;float:left;display:inline-block;background-color:#f08300;width:30px;height:30px;line-height:30px;border-radius:30px;text-align:center;}
.social-link a i {color:#000304;}
.social-link a:hover {background-color:#9c5500;color:#fff;}
/*åº•éƒ¨ç¤¾äº¤*/.social-link-bottom {/*margin-bottom:15px;*/    overflow:hidden;max-width:100%;float:left;margin-top:2%;margin-right:20px;}
.social-link-bottom a {color:#fff;margin-right:5px;float:left;display:inline-block;background-color:#f08300;width:30px;height:30px;line-height:30px;border-radius:30px;text-align:center;}
.social-link-bottom a i {color:#000304;}
.social-link-bottom a:hover {background-color:#9c5500;color:#fff;}
.sm {box-sizing:border-box;position:relative;z-index:1;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.sm,.sm ul,.sm li {list-style:none;margin:0;padding:0;line-height:normal;direction:ltr;text-align:left;}
.sm-rtl,.sm-rtl ul,.sm-rtl li {direction:rtl;text-align:right;}
.sm&gt;li&gt;h1,.sm&gt;li&gt;h2,.sm&gt;li&gt;h3,.sm&gt;li&gt;h4,.sm&gt;li&gt;h5,.sm&gt;li&gt;h6 {margin:0;padding:0;}
.sm ul {display:none;}
.sm li,.sm a {position:relative;}
.sm a {display:block;}
.sm a.disabled {cursor:default;}
.sm::after {content:"";display:block;height:0;font:0px/0 serif;clear:both;overflow:hidden;}
.sm *,.sm *::before,.sm *::after {box-sizing:inherit;}
.main-nav {}
.main-nav:after {clear:both;content:"\00a0";display:block;height:0;font:0px/0 serif;overflow:hidden;}
.nav-brand {float:left;margin:0;}
.nav-brand a {display:block;padding:10px 10px 10px 20px;color:#fff;font-size:22px;font-weight:normal;line-height:29px;text-decoration:none;}
#main-menu {clear:both;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
#main-menu:before {content:'';display:block;height:1px;overflow:hidden;background:#343434;}
@media (min-width:768px) {#main-menu:before {display:none;}
}
.main-menu-btn {float:right;margin:10px;position:relative;display:inline-block;width:29px;height:29px;text-indent:29px;white-space:nowrap;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.main-menu-btn-icon,.main-menu-btn-icon:before,.main-menu-btn-icon:after {position:absolute;top:50%;left:2px;height:2px;width:24px;background-color:#3a3a3a;-webkit-transition:all 0.25s;transition:all 0.25s;}
.main-menu-btn-icon:before {content:'';top:-7px;left:0;}
.main-menu-btn-icon:after {content:'';top:7px;left:0;}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon {height:0;background:transparent;}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before {top:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after {top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
#main-menu-state {position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden;clip:rect(1px,1px,1px,1px);}
#main-menu-state:not(:checked) ~ #main-menu {display:none;}
#main-menu-state:checked ~ #main-menu {display:block;}
@media (min-width:768px) {.main-menu-btn {position:absolute;top:-99999px;}
#main-menu-state:not(:checked) ~ #main-menu {overflow:inherit;display:table;width:100%;max-width:1600px;margin:0 auto;}
}
.demo-text {margin:3em 22px;}
.demo-text p {margin-bottom:1em;}
.demo-text a {color:#999;}

/*banner*/.banner_sy {background-color:#000}
.b_dk {display:block;}
.b_dn {display:none;}
.slides {text-align:center;overflow:hidden;display:block}
.flex-container a:active,.flexslider a:active {outline:0}
.slides,.flex-control-nav,.flex-direction-nav {margin:0;padding:0;list-style:none;z-index:2}
.flexslider {width:100%;overflow:hidden;position:relative;zoom:1}
.flexslider .slides&gt;li {display:none}
.flexslider .slides&gt;li::after {/*position:absolute;content:" ";left:50.3%;width:150%;top:0;height:200%;background:rgba(39,128,50,0.8);-moz-transform:rotate(24deg);-ms-transform:rotate(24deg);-webkit-transform:rotate(24deg);-o-transform:rotate(24deg);transform:rotate(24deg)*/}
.flexslider .slides img {width:100%;display:block;text-align:center;overflow:hidden;margin-right:auto;margin-left:auto}
.slides:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
html[xmlns] .slides {display:block}
* html .slides {height:1%}
.no-js .slides&gt;li:first-child {display:block}
.flexslider .slides {zoom:1}
.flexslider .slides&gt;li {position:relative}
.flex-direction-nav li a {width:50px;height:50px;margin:-13px 0 0;display:block;position:absolute;bottom:45%;cursor:pointer;font-size:0;background-position:0 0;z-index:1;color:#f08300;background:#191919;text-align:center}
.flexslider:hover a.next,.flexslider:hover a.prev {filter:alpha(opacity=100);-moz-opacity:1;opacity:1}
.flex-direction-nav li a.next {right:0}
.flex-direction-nav li a.prev {left:0;transform:rotateY(180deg)}
.flex-direction-nav li a.next::before,.flex-direction-nav li a.prev::before {font-family:"iconfont"!important;content:"\e61a";font-style:normal;font-weight:bold;speak:none;-webkit-font-smoothing:antialiased;text-transform:none;font-size:30px;color:#f08300;line-height:50px;margin-right:-3px}
.flex-direction-nav li a:hover::before {color:#f08300}
.flex-control-nav {width:100%;position:absolute;bottom:2%;text-align:center;overflow:hidden;height:20px}
.flex-control-nav li {display:inline-block;zoom:1;*display:inline;margin:0 5px 0 5px}
.flex-control-nav li a {width:50px;height:4px;display:block;cursor:pointer;text-indent:-9999px;background-color:#FFF;}
.flex-control-nav li a:hover {background-color:#CCC}
.flex-control-nav li a.active {cursor:default;background-color:#f08300}
.banner-text {width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;display:none;}
.banner-text-c {width:90%;height:100%;max-width:1200px;margin:auto;position:relative}
.banner-text-c .itme {position:absolute;top:25%;right:0;width:45%;text-align:right}
.banner-text-c .itme .th {font-size:50px;color:#fff;font-weight:600;margin-bottom:10px;text-transform:uppercase}
.banner-text-c .itme p {color:#666;font-size:18px;line-height:28px;margin-bottom:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.banner-text-c .itme span a {color:#191919;display:inline-block;padding:20px 26px;font-weight:600;text-decoration:none;outline:0;background-color:#f08300;text-transform:uppercase;transition:ease all .4s;-webkit-transition:ease all .4s;-moz-transition:ease all .4s;-o-transition:ease all .4s}
.banner-text-c .itme span a:hover {color:#f08300;background-color:#191919}
@media screen and (max-width:1320px) {.banner-text-c .itme .th {font-size:40px}
}
@media screen and (max-width:1044px) {.banner-text-c .itme .th {font-size:30px}
.banner-text-c .itme p {font-size:16px;line-height:24px;margin-bottom:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
}
@media screen and (max-width:768px) {.banner-text-c .itme {top:20%}
.banner-text-c .itme .th {font-size:18px}
.banner-text-c .itme p {display:none}
.banner-text-c .itme span a {line-height:28px;padding:0 10px}
.flex-direction-nav li a {width:30px;height:30px;bottom:40%}
.flex-direction-nav li a.next:before,.flex-direction-nav li a.prev:before {font-size:20px;line-height:30px}
.flex-control-nav li {margin:0 2px 0 2px}
.flex-control-nav li a {width:30px;height:5px;border-radius:0;border:1px solid #FFF}
}
@media screen and (max-width:480px) {.banner-text-c .itme .th {font-size:16px;font-weight:normal}
.banner-text-c .itme span a {font-size:14px;line-height:24px;padding:0 10px;font-weight:normal}
}
/*å¯¼èˆªæ&nbsp;ç½®é¡¶å›ºå®š*/#fixedMenu {width:100%;background:url(../images/menu_bg.png) no-repeat center center;background-size:cover; height:61px}
/*å¤´éƒ¨ä¸­é—´*/.header-middle {width:100%;padding:8px 0;}
.header-middle .header-inner {}
.header-middle .header-logo {float:left;margin:10px 0;max-width:30%;}
.header-logo-box {height:70px;display:table;}
.header-logo-box a {display:table-cell;vertical-align:middle;}
.header-logo-box a img {display:block;max-height:100px;max-width:100%;}
/*å¤´éƒ¨é&nbsp;å³*/.header-inner-right {float:right;margin:12px 0;text-align:left;}
/*å¤´éƒ¨æ&nbsp;¼è¨€*/.company-motto-p {display:table;height:100px;margin:auto;padding:30px 10px;}
.company-motto-p p {display:table-cell;line-height:30px;font-size:28px;vertical-align:middle;}
/*å¤´éƒ¨æœç´¢*/.header-search {position:absolute;top:15px;right:0;z-index:2;}
.header-search:hover .search-btn i {color:#ff3c20;}
.header-search .search-box input.input-text {position:absolute;right:0px;top:0;border:0;width:0;padding:0 5px;line-height:30px;float:left;height:30px;background-color:#3a3a3a;transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;opacity:0;}
.search-box {height:30px;}
.search-box button.search-btn {color:#fff;cursor:pointer;height:30px;width:30px;border:none;float:left;position:relative;z-index:1;background-color:#999;}
.search-box button.search-btn i {font-size:25px;color:#3a3a3a;display:inline-block;padding-bottom:3px;}
.header-search .search-box:hover .input-text,.search-box input.input-text:focus {width:170px;opacity:1;right:30px;}
/*é¦–é¡µéƒ¨åˆ†*//*ç„¦ç‚¹*/.focus {padding:40px 0;overflow:hidden;background-color:#e5e5e5;border-bottom:1px solid #eee;}
.focus-center {width:90%;margin:auto;max-width:1200px;text-align:center;}
.focus-center h1 {font-size:30px;line-height:30px;padding-bottom:10px;}
.focus-center p {font-size:14px;line-height:28px;}
/*å¿«é€Ÿé“¾æŽ¥,æ´¾ç”Ÿè¯*/.quick-links {padding:40px 0;overflow:hidden;background-color:#040203;}
.quick-links-center,.derivative-center {width:90%;margin:auto;max-width:1600px;}
.quick-links-t,.derivative-t {margin-bottom:10px;position:relative;}
.quick-links-t p {font-size:40px;color:#fff;line-height:50px;display:inline-block;text-transform:uppercase;z-index:1;}
.quick-links-t span,.derivative-t span {font-size:30px;color:#fff;line-height:50px;display:inline-block;z-index:1;}
.quick-links-t span {padding-left:10px;}
.quick-links-box ul,.derivative-box ul {font-size:0;margin:0 -8px;}
.quick-links-box ul li {font-size:14px;display:inline-block;vertical-align:top;margin:4px 8px;line-height:35px;width:32%;box-sizing:border-box;}
.quick-links-box ul li::after {content:" ";background:#f08300;width:39px;height:2px;display:block;position:relative;top:-20px;}
.quick-links-box ul li h4 {color:#b4b4b5;font-size:16px;font-weight:normal;padding-left:45px;}
.derivative {padding:20px 0;overflow:hidden;border-top:1px solid #ececec;}
.derivative-box ul li {font-size:12px;display:inline-block;vertical-align:top;margin:5px 8px;line-height:20px;}
.derivative-box ul li h5 {font-size:12px;font-weight:normal;}
.quick-links-box ul li a:hover,.derivative-box ul li a:hover {color:#0363cd;}
@media screen and (max-width:768px){
.quick-links-box ul li::after{ display:none;}
.quick-links-box ul li h4{ padding-left:0;}	
}
/*é¦–é¡µä¸­éƒ¨*/.mian-contain {width:100%;}
.subblock {padding:70px 0;position:relative;overflow:hidden;z-index:1;/*background-color:#dee4eb;*/    background:url(../images/producstbg.jpg) no-repeat center center;background-size:cover;}
/*.subblock::after {content:" ";position:absolute;width:120%;top:0;right:32.7%;height:140%;background:#edf0f4;-moz-transform:rotate(114deg);-ms-transform:rotate(114deg);-webkit-transform:rotate(114deg);-o-transform:rotate(114deg);transform:rotate(114deg);z-index:1;}
*/.subblock .category {width:90%;max-width:1600px;margin:auto;z-index:2;position:relative;}
.subblock .category ul {font-size:0;margin:-15px;}
.subblock .category ul li {width:33.33%;display:inline-block;vertical-align:top;text-align:left;}
.category-box {position:relative;overflow:hidden;margin:15px;}
.category-box a {color:#fff;display:block;overflow:hidden;}
.category-box a img {overflow:hidden;display:block;width:100%;transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;}
.category-box a img:hover {transform:scale(1.1);}
.category-box-detail {color:#282828;padding-top:25px;}
.category-box-type {margin-bottom:17px;}
.category-box-type h2 {font-size:16px;/*text-transform:uppercase;*/    color:#666;}
.category-box-detail span {display:block;width:100%;}
.category-box-detail span a.btn {font-size:14px;font-family:"raleway";font-weight:700;width:60px;height:20px;line-height:20px;color:#f18500;border:1px solid #f18500;border-radius:10px;text-align:center;}
.category-box-detail a.btn i {font-size:22px;color:#f08300;margin-left:10px;transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;}
.category-box-detail span a {display:inline-block;}
.category-box-detail span a.btn:hover i {color:#fff;margin-left:20px;}
.subblock .category ul li:hover span a {background:#f18500;color:#fff;}
.subblock .category ul li:hover .category-box-type h2 {color:#f18500;}
.category_title {width:100%;height:50px;line-height:50px;color:#333;padding:0 10px;margin-bottom:50px;box-sizing:border-box;}
.category_title h3 {font-size:40px;color:#333;float:left;text-transform:uppercase;font-weight:normal;}
.category_title span {color:#dedfdf;font-size:12px;float:right;line-height:50px;text-align:right;}
@media screen and (max-width:768px){
.category-box-detail{ padding-top:15px;}
.category-box-detail span{ display:none;}
.category-box-type{ margin-bottom:0;}	
}
/*ç²¾é€‰äº§å“,çƒ­é—¨äº§å“*/.hot-products {background:url(../images/hotproductsbg.jpg) no-repeat center center;background-size:cover;}
.featured-products,.hot-products {width:100%;overflow:hidden;padding:70px 0;}
.featured-products {background:url(../images/featuredbg.jpg) no-repeat center center;background-size:cover;background-attachment:fixed;}
.featured-products-center,.hot-products-center {width:90%;margin:auto;max-width:1600px;}
.featured-products-t,.hot-products-t {margin-bottom:30px;}
.featured-products-t span,.hot-products-t span {font-size:50px;line-height:50px;position:relative;text-transform:uppercase;}
.featured-products-t span {color:#fff;}
.featured-products-center .category_title {background:none;}
.featured-products-center .category_title h3 {font-size:40px;color:#fff;float:left;font-weight:normal;}
.featured-products-center .category_title span {color:#fff;font-size:12px;float:right;line-height:50px;text-align:right;}
.featured-products.item,.hot-products.item {margin:0 15px;background-color:#3a3a3a;}
.featured-products-box a {overflow:hidden;}
.featured-products-box img,.hot-products-box img {width:100%;overflow:hidden;transition:ease all 0.4s;-webkit-transition:ease all 0.4s;-moz-transition:ease all 0.4s;-o-transition:ease all 0.4s;}
.featured-products-text {overflow:hidden;text-align:center;background:#ffffff;}
.hot-products-text {overflow:hidden;text-align:center;background:#ffffff;}
.featured-products-text a,.hot-products-text a {display:table;height:50px;width:100%}
.featured-products-text h3,.hot-products-text h3 {font-size:16px;font-weight:normal;display:table-cell;vertical-align:middle;line-height:20px;overflow:hidden;}
.featured-products-text h3 {color:#333;}
.hot-products-text h3 {color:#333;}
.featured-products-text:hover h3,.hot-products-text:hover h3 {color:#2c2421;}
.featured-products-text:hover a {background:#9f9fa0;color:#2c2421;}
.featured-products .owl-controls .owl-prev,.featured-products .owl-controls .owl-next {position:absolute;top:35%;width:40px;height:60px;line-height:60px;font-size:0;color:#231815;background-color:#f08300;display:inline-block;overflow:hidden;text-align:center;transition:ease all 0.4s;-webkit-transition:ease all 0.4s;-moz-transition:ease all 0.4s;-o-transition:ease all 0.4s;}
.hot-products .owl-controls .owl-prev,.hot-products .owl-controls .owl-next {position:absolute;top:35%;width:40px;height:60px;line-height:60px;font-size:0;color:#f08200;background-color:#3a3a3a;display:inline-block;overflow:hidden;text-align:center;transition:ease all 0.4s;-webkit-transition:ease all 0.4s;-moz-transition:ease all 0.4s;-o-transition:ease all 0.4s;}
.featured-products .owl-controls .owl-prev:hover,.featured-products .owl-controls .owl-next:hover {background-color:#191919;color:#fff;}
.hot-products .owl-controls .owl-prev:hover,.hot-products .owl-controls .owl-next:hover {background-color:#f08300;color:#fff;}
.featured-products .owl-controls .owl-prev,.hot-products .owl-controls .owl-prev {left:0;}
.featured-products .owl-controls .owl-next,.hot-products .owl-controls .owl-next {right:0;transform:rotateY(180deg);}
.featured-products .owl-controls .owl-prev:before,.featured-products .owl-controls .owl-next:before,.hot-products .owl-controls .owl-prev:before,.hot-products .owl-controls .owl-next:before {font-family:"iconfont" !important;font-style:normal;font-weight:bold;speak:none;-webkit-font-smoothing:antialiased;text-transform:none;font-size:20px;content:"\e7d1";}
@media screen and (max-width:768px){
.featured-products, .hot-products{ padding:40px 0;}
}






/*!- w101-header begin -*/
.w101-header {
  transition: background-color .5s;
  background-color: transparent;
  /*border-bottom: 1px solid rgba(255, 255, 255, 0.2);*/
}
.w101-header .w101-header-wrap {
  position: relative;
  width: 90%;
  margin: 0 auto;
}
.w101-header .w101-header-wrap:before, .w101-header .w101-header-wrap:after {
  display: table;
  content: "";
  width: 100%;
}
.w101-header .w101-header-wrap:after {
  clear: both;
}
.w101-header .w101-header-wrap .w101-header-logo {
  display: block;
  float: left;
  line-height: 90px;
  font-size: 0;
  -webkit-text-size-adjust: none;
}
.w101-header .w101-header-wrap .w101-header-logo &gt; a {
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
}
.w101-header .w101-header-wrap .w101-header-logo &gt; a &gt; img {
  display: block;
  width: auto;
  height: 40px;
}
.w101-header .w101-header-wrap .w101-header-logo &gt; span {
  display: none;
  vertical-align: middle;
  color: #fff;
  font-size: 14px;
}
.w101-header .w101-header-wrap .w101-header-nav {
  display: block;
  float: right;
  line-height: 90px;
}
.w101-header .w101-header-wrap .w101-header-nav:before, .w101-header .w101-header-wrap .w101-header-nav:after {
  display: table;
  content: "";
  width: 100%;
}
.w101-header .w101-header-wrap .w101-header-nav:after {
  clear: both;
}
.w101-header .w101-header-wrap .w101-header-trigger {
  display: none;
  width: 24px;
  height: 20px;
  position: absolute;
  z-index: 1002;
  top: 50%;
  right: 16px;
  margin-top: -10px;
  cursor: pointer;
}
.w101-header .w101-header-nav ul {
  font-size: 0;
  margin-left: -32px;
}
.w101-header .w101-header-nav ul &gt; li {
  display: inline-block;
  vertical-align: top;
  margin-left: 70px;
  line-height:61px;
  position: relative;
  font-size: 16px;
   
  color: rgba(255, 255, 255, 0.85);
}

.w101-header .w101-header-nav ul &gt; li  a{
 
  text-transform: uppercase;
   
}

.w101-header .w101-header-nav ul &gt; li dl dd  a{
 
  text-transform:none;
   
}


.w101-header .w101-header-nav ul &gt; li .arrow {
  display: inline-block;
  vertical-align: -1px;
  width: 16px;
  height: 16px;
  position: relative;
}
.w101-header .w101-header-nav ul &gt; li .arrow:before, .w101-header .w101-header-nav ul &gt; li .arrow:after {
  display: block;
  content: '';
  width: 8px;
  border-bottom: 2px solid;
  position: absolute;
  top: 50%;
  transition: all .5s;
}
.w101-header .w101-header-nav ul &gt; li .arrow:before {
  left: 2px;
  transform: rotate(49deg);
}
.w101-header .w101-header-nav ul &gt; li .arrow:after {
  right: 2px;
  transform: rotate(-49deg);
}
.w101-header .w101-header-nav ul &gt; li a {
  display: block;
  white-space: nowrap;
  position: relative;
  transition: color,background-color .5s;
}
.w101-header .w101-header-nav ul &gt; li dd a {
  display: block;
  white-space: nowrap;
  position: relative;
  transition: color,background-color .5s;
}
.w101-header .w101-header-nav ul &gt; li a:hover, .w101-header .w101-header-nav ul &gt; li a.active {
  color: #EE922B;
}
.w101-header .w101-header-nav ul &gt; li dl {
  display: none;
  min-width: 135px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  background-color: rgba(0, 0, 0, 0.7);
  font-size: 14px;
}
.w101-header .w101-header-nav ul &gt; li dl dd {
  position: relative;
}
.w101-header .w101-header-nav ul &gt; li dl dd a {
  padding: 0 20px;
  line-height: 40px;
   white-space:normal;
}
.w101-header .w101-header-nav ul &gt; li dl dd a .arrow {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 4px;
}
.w101-header .w101-header-nav ul &gt; li dl dd a .arrow:before, .w101-header .w101-header-nav ul &gt; li dl dd a .arrow:after {
  width: 0;
  height: 8px;
  border-left: 0;
  border-right: 2px solid;
  left: 50%;
  top: auto;
  right: auto;
}
.w101-header .w101-header-nav ul &gt; li dl dd a .arrow:before {
  top: 1.5px;
  transform: rotate(-45deg);
}
.w101-header .w101-header-nav ul &gt; li dl dd a .arrow:after {
  bottom: 2px;
  transform: rotate(45deg);
}
.w101-header .w101-header-nav ul &gt; li dl dd a:hover {
  background-color: rgba(0, 0, 0, 0.6);
}
.w101-header .w101-header-nav ul &gt; li dl dd dl {
  left: 100%;
  top: 0;
  transform: translateX(0);
}
.w101-header .w101-header-nav-menu {
  display: block;
  float: left;
  padding-right: 32px;
}
.w101-header .w101-header-nav-extra {
  display: block;
  position: relative;
  float: right;
  padding-left: 32px;
}
.w101-header .w101-header-nav-extra:after {
  display: block;
  content: '';
  height: 16px;
  border-left: 1px solid rgba(255, 255, 255, 0.85);
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -8px;
}
.w101-header .w101-header-icon-text {
  position: relative;
  text-align: left;
}
.w101-header .w101-header-icon-text &gt; .icon {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 16px;
  line-height: 16px;
  font-size: 24px;
  text-align: center;
  margin-right: 6px;
}
.w101-header .w101-header-icon-text &gt; .icon &gt; img {
  display: block;
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: contain;
}
.w101-header .w101-header-icon-text &gt; .icon &gt; i {
  font-size: inherit;
}
.w101-header .w101-header-icon-text &gt; .text {
  display: inline-block;
  vertical-align: middle;
}
.w101-header .w101-header-trigger &gt; span {
  display: block;
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: rgba(255, 255, 255, 0.85);
  top: 50%;
  margin-top: -1px;
  transition: all .5s;
}
.w101-header .w101-header-trigger &gt; span:nth-child(1) {
  transform: translateY(-10px);
}
.w101-header .w101-header-trigger &gt; span:nth-child(2) {
  transform: translateY(9px);
}
.w101-header.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
}
.w101-header.scrolled {
  background-color: #191919;
}
@media screen and (max-width: 1440px) {
  .w101-header .w101-header-nav ul {
    margin-left: -24px;
  }
  .w101-header .w101-header-nav ul &gt; li {
    margin-left: 24px;
  }
  .w101-header .w101-header-nav-menu {
    padding-right: 24px;
  }
  .w101-header .w101-header-nav-extra {
    padding-left: 24px;
  }
}
@media screen and (max-width: 1200px) {
  .w101-header {
    background-color: #191919;
    border-bottom: 0;
  }
  .w101-header .w101-header-wrap {
    width: 100%;
  }
  .w101-header .w101-header-wrap .w101-header-logo {
    float: none;
    position: relative;
    z-index: 1001;
    line-height: 58px;
    padding: 0 16px;
    background-color: #191919;
  }
  .w101-header .w101-header-wrap .w101-header-logo &gt; a &gt; img {
    height: 28px;
  }
  .w101-header .w101-header-wrap .w101-header-logo &gt; span {
    display: inline-block;
  }
  .w101-header .w101-header-wrap .w101-header-nav {
    display: none;
    float: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    line-height: 40px;
    padding-top: 58px;
    overflow-y: auto;
    background-color: #191919;
  }
  .w101-header .w101-header-wrap .w101-header-trigger {
    display: block;
  }
  .w101-header .w101-header-nav ul {
    margin-left: 0;
  }
  .w101-header .w101-header-nav ul &gt; li {
    display: block;
    margin-left: 0;
  }
  .w101-header .w101-header-nav ul &gt; li .arrow {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    margin-top: 0;
    right: 6px;
  }
  .w101-header .w101-header-nav ul &gt; li .arrow:before {
    left: 14px;
    right: auto;
  }
  .w101-header .w101-header-nav ul &gt; li .arrow:after {
    left: auto;
    right: 13px;
  }
  .w101-header .w101-header-nav ul &gt; li a {
    padding: 0 56px 0 16px;
  }
  .w101-header .w101-header-nav ul &gt; li dl {
    min-width: auto;
    position: static;
    left: auto;
    top: auto;
    transform: translateX(0);
    text-align: left;
  }
  .w101-header .w101-header-nav ul &gt; li dl dd a {
    padding: 0 36px 0 16px;
  }
  .w101-header .w101-header-nav ul &gt; li dl dd a .arrow {
    width: 40px;
    height: 40px;
    right: 6px;
    margin-top: 0;
    top: 0;
  }
  .w101-header .w101-header-nav ul &gt; li dl dd a .arrow:before, .w101-header .w101-header-nav ul &gt; li dl dd a .arrow:after {
    width: 8px;
    height: 0;
    border-left: 2px solid;
    border-right: 0;
    top: 50%;
    bottom: auto;
  }
  .w101-header .w101-header-nav ul &gt; li dl dd a .arrow:before {
    left: 14px;
    right: auto;
    transform: rotate(49deg);
  }
  .w101-header .w101-header-nav ul &gt; li dl dd a .arrow:after {
    left: auto;
    right: 13px;
    transform: rotate(-49deg);
  }
  .w101-header .w101-header-nav ul &gt; li dl dd.opened &gt; a .arrow:before {
    transform: rotate(-49deg);
  }
  .w101-header .w101-header-nav ul &gt; li dl dd.opened &gt; a .arrow:after {
    transform: rotate(49deg);
  }
  .w101-header .w101-header-nav ul &gt; li dl dd.opened &gt; dl {
    display: block;
  }
  .w101-header .w101-header-nav ul &gt; li.opened &gt; a .arrow:before {
    transform: rotate(-49deg);
  }
  .w101-header .w101-header-nav ul &gt; li.opened &gt; a .arrow:after {
    transform: rotate(49deg);
  }
  .w101-header .w101-header-nav ul &gt; li.opened &gt; dl {
    display: block;
  }
  .w101-header .w101-header-nav-menu {
    float: none;
    padding-right: 0;
  }
  .w101-header .w101-header-nav-extra {
    float: none;
    padding-left: 0;
  }
  .w101-header .w101-header-nav-extra:after {
    display: none;
  }
  .w101-header .w101-header-nav-extra .w101-header-lang &gt; a {
    display: none;
  }
  .w101-header .w101-header-nav-extra .w101-header-lang &gt; dl {
    display: block;
    font-size: 0;
    -webkit-text-size-adjust: none;
    white-space: nowrap;
    overflow-x: auto;
    padding: 0 8px;
  }
  .w101-header .w101-header-nav-extra .w101-header-lang &gt; dl &gt; dd {
    display: inline-block;
    vertical-align: top;
  }
  .w101-header .w101-header-nav-extra .w101-header-lang &gt; dl &gt; dd &gt; a {
    padding: 0 8px;
    font-size: 14px;
  }
  .w101-header .w101-header-nav-extra .w101-header-search {
    display: none;
  }
  .w101-header.fixed {
    position: sticky;
  }
  .w101-header.opened .w101-header-nav {
    display: block;
  }
  .w101-header.opened .w101-header-trigger &gt; span:nth-child(1) {
    transform: rotate(45deg);
  }
  .w101-header.opened .w101-header-trigger &gt; span:nth-child(2) {
    transform: rotate(-45deg);
  }
  .w101-header.opened .w101-header-trigger &gt; span:nth-child(3) {
    opacity: 0;
  }
}
@media screen and (min-width: 1201px) {
  .w101-header .w101-header-nav ul &gt; li dl dd:hover &gt; dl {
    display: block;
  }
  .w101-header .w101-header-nav ul &gt; li:hover &gt; a .arrow:before {
    transform: rotate(-49deg);
  }
  .w101-header .w101-header-nav ul &gt; li:hover &gt; a .arrow:after {
    transform: rotate(49deg);
  }
  .w101-header .w101-header-nav ul &gt; li:hover &gt; dl {
    display: block;
  }
}

/*!- w101-header end -*/




/*å¤´éƒ¨å¼€å§‹*/
.h-top{height:33px;line-height:33px;background:#424242;color:#fff;}
.wel{padding-left:10px;float:left;}
.t_link{float:right;}
.t_link a{display:inline-block; padding:0 10px;height:28px;color:#fff;}
.t_link a:hover{text-decoration: underline;}
/*å¤´éƒ¨ç»“æŸ*/

/*å¯¼èˆªå¼€å§‹*/
.nav{width:100%;height:115px; background: #ffa035;}
.logo{float:left; width: 318px; background: url(../images/logo_bigbg.png) no-repeat left center; height: 115px;}
.logo img{margin: 22px 0 0 18px;}
.nav ul{float:right; width: 765px; margin-left: 15px;}
.nav li{display:block;width:105px;text-align:center;line-height:108px;float:left;}
.nav li a{color:#fff;font-size:16px; display: block;}
.nav li:hover{background:url(../images/nav_on.png) no-repeat center bottom;}
.nav li:hover a,.nav li.on a{color:#fff;}
.navHover{background:url(../images/nav_on.png) no-repeat center bottom;}
/*å¯¼èˆªç»“æŸ*/


/*bannerå¼€å§‹*/
.banner{width:100%;margin:0 auto;height:550px;position:relative;overflow:hidden;z-index:0;}
.b_btn{width:100%; position: absolute;bottom: 20px;font-size: 0;z-index: 1;text-align:center;}
.banner .hd{width:200px;margin:0 auto;}
.banner .pic li{text-align:center;}
.banner .pic li img{margin-left:-960px;left:50%;position:absolute;}


.banner .hd li{background:#b8b8b8;height:16px;width:16px;cursor: pointer;border-radius:50%;display:block;float:left;margin-left:14px;}
.banner .hd li.on{background:#ffa035;}
/*bannerç»“æŸ*/

/*æœç´¢å¼€å§‹*/
.content_top{padding:10px 0;background:#eee; border-bottom: 1px solid #cfcfcf;}
.c_words{float:left;width:800px;height:65px;border-right:1px solid #c7c7c7;}
.c_words li{float:left;width:200px;}
.c_words img{ position:absolute;}
.c_words  li h2{font-size:22px;color:#555;line-height:65px;float:left; margin-left:50px;}
.c_words h3{font-weight:bold;}

.search{float:right;width:383px;height:34px;margin:15px 0 0 60px;border-top:1px solid #c7c7c7;border-left:1px solid #c7c7c7;border-bottom:1px solid #c7c7c7;border-right:1px solid #c7c7c7;border-radius: 10px;}
.search_txt{height:34px;line-height:34px;background:none;border:none;float:left;width:333px;font-family:"å¾®è½¯é›…é»‘";color:#555;padding-left:5px;}
.loginsubmit{width:44px;height:34px;background:url(../images/s_btn.png) center no-repeat;cursor:pointer;border:none;float:right;}

.content_top .tel{float:right;width:275px;padding-left:70px;height:65px;border-left:1px solid #c7c7c7;line-height:65px;font-size:15px;background:url(../images/c_tel.png) no-repeat 43px center;}
.content_top .tel strong{display:inline-block;float:left;}
.content_top .tel span{font-size:30px;color:#ffa035;font-family:Impact;}

/*æœç´¢ç»“æŸ*/
/*å…³äºŽæˆ‘ä»¬*/
.about{padding:70px 0 70px ;}
.about_box{  margin: 0 auto; width: 1300px;}
.about_pic{float:left;}
.about_words{float:right;width:565px; height: 377px;}
.about_words .details{line-height:24px;margin-top:60px;}
.about_words .details p{padding-bottom:10px; font-size: 14px; }
a.lookmore{display:block;width:80px;height:31px;line-height:31px;color: #fff; padding-left: 40px; transition:all 0.5s;
	background:url(../images/aboutmore_bg.png) no-repeat 10px center #ffa035;font-size:15px;margin-top:20px; }
.about_words a:hover{text-decoration: underline; width: 100px; padding-left: 50px; background:url(../images/aboutmore_bg.png) no-repeat 20px center #424242;}
/*äº§å“ä¸­å¿ƒ*/
.inxprobigboxsub{width: 100%;background: #f8f8f8; padding: 60px 0;}
.probixinxbog{width: 1300px; margin: 0 auto;}
.ixnprotitl{text-align: center;}
.ixnprotitl p{font-size: 14px; color: #464a55;}
.ixnprotitl h2{font-size: 26px; color: #333333; font-weight: bolder; height: 40px; line-height: 40px; background: url(../images/protitlb.jpg) no-repeat center center;}
.ixnprotitl h2 a{color: #333333;}
.inxropreomore{width: 92px; height: 26px; background: #ededed; border:1px solid #e4e4e4; border-radius: 30px; line-height: 26px; text-align: center; margin: 0 auto; color:#333; font-size:14px;}
.inxropreomore a{color:#888; font-size:14px;}
.inxpro_cont{position:relative;/*height:330px;*/margin:0 auto 30px;width:1300px;padding:44px 0;/* border-bottom: 1px solid #c5c5c5;*/}
.pro_left{cursor:pointer; position: absolute; top:28px; left: 405px;}
.pro_right{cursor:pointer;position: absolute; top:28px; right: 405px;}
.inxpro_img{width:1300px;float:left;overflow:hidden; margin-top: 60px;}
.inxpro_img ul li{display:block;float:left;width:265px;/*height:306px;*/ margin-right: 70px;}

.inxpro_img ul li p{font-size: 14px; height: 58px; line-height: 58px; text-align: center; width: 265px;}
.inxpro_img ul li .pic{position: relative; width: 255px;  height: 169px; border:5px solid #ffa035;}
.inxpro_img ul li .pic .pro_bg{width:255px;height:169px;background:url(../images/inxpromore.png) no-repeat center center; cursor: pointer;
	position:absolute;left:0px;bottom:-300px;-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out;}
.inxpro_img ul li:hover .pro_bg{bottom:-1px;}
.inxpro_img ul li:hover p{background: #a7a7a7; color: #000;}
.inxpro_img ul li p a{display: block; cursor: pointer;color: #000;}
/*äº§å“ä¸­å¿ƒ*/

/*äº§å“ä¼˜åŠ¿*/
.product_advantage{height:540px;background:url(../images/pys_bg.jpg) no-repeat center;}
.pa_left{float:left;width:398px;padding-top:100px;}
.pa_left h2{font-size:36px;color:#fff;line-height:60px;}
.pa_left p.line1{width:30px;height:3px;background:#fff;margin:10px 0 70px 0;}
.pa_left h3{line-height:30px;height:50px;font-weight:bold;background:url(../images/pa_icon1.jpg) no-repeat left top;color:#fff;padding-top:40px;font-size:18px;margin-bottom:20px;}
.pa_left p{color:#fff;}

.pa_right{width:674px;float:right;padding-top:100px;}
.pa_right h2{font-size:30px;color:#ffa035;line-height:60px;}
.pa_scroll{height:268px;position:relative;}
.pa_scroll .hd{position:absolute;left:0;bottom:0;}
.pa_scroll .hd li{width:10px;height:10px;border-radius:50%;background:#fff;float:left;margin-right:10px;text-indent:-99999px;}
.pa_scroll .hd li.on{background:#ffa035;}

.pa_scroll .bd{margin-top:75px;}
.pa_scroll .bd ul li{width:240px;float:left;margin-right:97px;height:205px;}
.pa_scroll .bd h3{height:46px;color:#fff;padding-top:40px;font-size:18px;margin-bottom:20px;font-weight:bold;}
.pa_scroll .bd li p{color:#fff;}
.pa_scroll .bd li.li02 h3{background:url(../images/pa_icon2.png) no-repeat left top;}
.pa_scroll .bd li.li03 h3{background:url(../images/pa_icon3.png) no-repeat left top;}
.pa_scroll .bd li.li04 h3{background:url(../images/pa_icon4.png) no-repeat left top;}
.pa_scroll .bd li.li05 h3{background:url(../images/pa_icon5.png) no-repeat left top;}
/*==========æ–°é—»========*/
.news{padding:60px 0;}
.news h2{padding-top:0px;text-align:center; font-size: 26px; font-family: Arial; font-weight: bolder;color:#333;}
.news h3{height:30px;line-height:30px;background:url(../images/line.png) no-repeat center center;font-size:30px;color:#333;text-align:center;margin-top:10px;color:#222;}
.news-con{width:1300px;margin:0 auto;padding-top:40px;}
.news-con-left{width:315px;height:342px;background:#4c4185;float:left;}
.news-con-left p.name,.news-con-left p.date,.news-con-left p.details{display:block;margin-left:10px;color:#fff;}
.news-con-left p.name:hover{text-decoration: underline;}
.news-con-left p.name{margin-top:10px;}
.news-con-left p.date{margin-bottom:10px;color:#fff;}
.news-con-left p.details{color:#fff;height:50px;overflow:hidden;}

.news-con-right{float:left;margin-top:60px; margin-left:40px}
.news-con-right ul li{width:258px;float:left;margin-left:56px;}
.news-con-right .date{width:78px;height:78px;border:2px solid #b8b8b8;text-align:center;}
.news-con-right .date strong,.news-con-right .date b{display:block;font-weight:normal;}
.news-con-right .date strong{margin-top:15px;font-size:16px;color:#222;}
.news-con-right .date b{font-size:16px;color:#999;}
.news-con-right .name{display:block;font-size:15px;color:#333333;padding:20px 0;}
.news-con-right .name a{color: #333; display: block; width: 200px; overflow: hidden; white-space: nowrap;    text-overflow: ellipsis;}
.news-con-right .name a:hover{color:#ffa035;}
.news-con-right .details{/*height:64px;*/overflow:hidden;margin-bottom:30px;margin-top:20px;}
.news-con-right .more a{text-decoration:none;color:#3d3d3d;}
.news-con-right .more a:hover{text-decoration:underline;color:#ffa035;}
/*==========æ–°é—»========*/



/*==========åº•éƒ¨æ&nbsp;·å¼å¼€å§‹========*/
#bot_nav{width: 100%;margin-top: 25px;overflow: hidden;  border-top:3px solid #4c4185; }
.friend_link{width: 100%; height: 32px; padding-top: 25px; border-top: 1px solid #e1e1e1; margin-top: 25px;}
.friend_link h3{display: block; float: left; font-size: 18px; width: 168px;  text-indent: -9999px;
background: url(../images/lingk.png) left top no-repeat; height: 32px;
line-height: 40px;color: #333333;}
.friend_link a{margin: 0 10px; line-height: 32px; margin-left: 20px;}
.friend_link a:hover{color: #ffa035; text-decoration: underline;}
.links_main{margin: 0 auto; width: 1300px; overflow: hidden; }
.foot{height: 230px;width: 1300px;margin:0px auto 0;}
.foot_box{width:100%;}
.foot_left{float: left; padding: 55px 0;width: 390px; background: url(../images/inxbotline.jpg) no-repeat right center; }
.foot_center p{padding-top: 25px;}
.foot_center{float: right;width: 120px;padding:15px 0 14px 0;height: 189px;  }
.foot_add{float: left; width: 520px; overflow: hidden; padding:50px 0 25px 45px;  background: url(../images/inxbotline.jpg) no-repeat right 35px; }
.foot_add p{line-height: 22px; }
#bot_nav a:hover{text-decoration: underline;}
.foot_center h6{font-size: 14px; height:50px; font-weight: normal;
 padding-top: 10px; text-align: center;}
.botnavbox{width: 100%; height: 52px; background: #ffa035; line-height: 52px; color: #fff;}
.botnavbox  a{color: #fff; padding:0 38px; font-size: 15px;}
.botnavbox  a:hover{text-decoration: underline;}
/*==========åº•éƒ¨æ&nbsp;·å¼ç»“æŸ========*/










/*!- w101-footer begin -*/
.w101-footer {
	width:1300px;
	margin:auto;
 /* background: linear-gradient(to right,#000,#00284e);*/
}
.w101-footer .w101-footer-content &gt; ul:before, .w101-footer .w101-footer-content &gt; ul:after {
  display: table;
  content: "";
  width: 100%;
}
.w101-footer .w101-footer-content &gt; ul:after {
  clear: both;
}
.w101-footer .w101-footer-content &gt; ul &gt; li {
  display: block;
  float: left;
  width: 25%;
  padding-top: 32px;
}
.w101-footer .w101-footer-content dl &gt; dd {
  display: block;
  margin-bottom: 8px;
}
.w101-footer .w101-footer-content dl &gt; dd  a{
   color: rgba(0, 0, 0, 0.75);
   font-size:15px;
  transition: color .5s;
}
.w101-footer .w101-footer-content .w101-footer-with-icon {
  position: relative;
  padding-left: 48px;
}
.w101-footer .w101-footer-content .w101-footer-icons-group {
  font-size: 0;
  margin-top: 24px;
}
.w101-footer .w101-footer-content .w101-footer-icons-group &gt; a {
  display: inline-block;
  vertical-align: top;
  margin: 0 16px 16px 0;
  font-size: 32px;
  line-height: 1;
  color: rgba(0, 0, 0, 0.45);
  transition: color .5s;
}
.w101-footer .w101-footer-content .w101-footer-icons-group &gt; a &gt; i {
  font-size: inherit;
}
.w101-footer .w101-footer-content .w101-footer-icons-group &gt; a:hover {
  color: rgba(0, 0, 0, 0.85);
}
.w101-footer .w101-footer-content .w101-footer-icon {
  display: block;
  width: 32px;
  height: 32px;
  line-height: 1;
  text-align: center;
  font-size: 32px;
  position: absolute;
  top: 0;
  left: 0;
  color: rgba(0, 0, 0, 0.45);
}
.w101-footer .w101-footer-content .w101-footer-icon &gt; i {
  font-size: inherit;
}
.w101-footer .w101-footer-content .w101-footer-label {
  display: block;
  font-size: 16px;
  line-height: 24px;
 
  transition: color .5s;
  color: rgba(0, 0, 0, 0.85);
  font-weight:600;
}
.w101-footer .w101-footer-content .w101-footer-label:hover {
  color: rgba(0, 0, 0, 0.85);
}
.w101-footer .w101-footer-content .w101-footer-value {
  display: block;
  font-size: 14px;
  line-height: 24px;
  transition: color .5s;
  color: rgba(0, 0, 0, 0.45);
}
.w101-footer .w101-footer-content .w101-footer-value:hover {
  color: rgba(0, 0, 0, 0.85);
}
.w101-footer .w101-footer-extra {
  font-size: 14px;
  text-align: center;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.75);
}
@media screen and (max-width: 1200px) {
  .w101-footer {
    padding: 24px 0;
  }
  .w101-footer .w101-footer-content &gt; ul &gt; li {
    width: 50%;
    padding: 16px;
  }
  .w101-footer .w101-footer-content .w101-footer-with-icon {
    padding-left: 32px;
  }
  .w101-footer .w101-footer-content .w101-footer-icons-group {
    margin-top: 16px;
  }
  .w101-footer .w101-footer-content .w101-footer-icons-group &gt; a {
    margin: 0 8px 8px 0;
  }
  .w101-footer .w101-footer-content .w101-footer-icon {
    width: 24px;
    height: 24px;
    font-size: 24px;
  }
}
@media screen and (max-width: 768px) {
  .w101-footer {
    padding: 16px 0;
  }
  .w101-footer .w101-footer-content &gt; ul &gt; li {
    width: 100%;
    padding: 0;
    display: none;
  }
  .w101-footer .w101-footer-content &gt; ul &gt; li:last-child {
    display: block;
  }
}

/*!- w101-footer end -*/





/*!- w104-sidebar begin -*/
.w104-sidebar .w104-sidebar-wrap {
  position: fixed;
  top: 50%;
  right: 0;
  z-index: 998;
}
.w104-sidebar .w104-sidebar-item {
  position: relative;
  height: 48px;
}
.w104-sidebar .w104-sidebar-item .wrap {
  position: absolute;
  top: 0;
  left: 0;
  transition: all .3s;
  transform: translateX(-48px);
}
.w104-sidebar .w104-sidebar-item .trigger {
  display: flex;
  color: #fff;
  background-color: #F49628;
}
.w104-sidebar .w104-sidebar-item .trigger .icon {
  display: block;
  flex: none;
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
}
.w104-sidebar .w104-sidebar-item .trigger .icon i {
  font-size: 24px;
}
.w104-sidebar .w104-sidebar-item .trigger .text {
  display: block;
  font-size: 16px;
  line-height: 48px;
  padding: 0 16px 0 8px;
  white-space: nowrap;
  word-break: keep-all;
}
.w104-sidebar .w104-sidebar-item .popover {
  display: none;
  position: absolute;
  top: 0;
  right: 100%;
  padding: 0 12px 0 0;
}
.w104-sidebar .w104-sidebar-item .popover .popover-wrap {
  position: relative;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 6px 20px 2px rgba(0, 0, 0, 0.18);
  padding: 2px 0;
}
.w104-sidebar .w104-sidebar-item .popover .popover-wrap:after {
  display: block;
  content: '';
  position: absolute;
  z-index: 1;
  top: 20px;
  right: -8px;
  border-style: solid;
  border-width: 8px 0 8px 8px;
  border-color: transparent transparent transparent #fff;
}
.w104-sidebar .w104-sidebar-item .popover img {
  display: block;
  max-width: 128px;
  height: auto;
}
.w104-sidebar .w104-sidebar-item .popover ul li a {
  display: block;
  font-size: 14px;
  line-height: 40px;
  padding: 0 16px;
  min-width: 120px;
  white-space: nowrap;
  word-break: keep-all;
  color: #333;
}
.w104-sidebar .w104-sidebar-item .popover ul li a i {
  font-size: 20px;
  vertical-align: -.1em;
}
.w104-sidebar .w104-sidebar-item .popover ul li a i[class*='icon-whatsapp'] {
  color: #25D366;
}
.w104-sidebar .w104-sidebar-item .popover ul li a i[class*='icon-skype'] {
  color: #00AEF3;
}
.w104-sidebar .w104-sidebar-item .popover ul li a i[class*='icon-facebook'] {
  color: #235B9E;
}
.w104-sidebar .w104-sidebar-item .popover ul li a i[class*='icon-twitter'] {
  color: #00ACED;
}
.w104-sidebar .w104-sidebar-item .popover ul li a i[class*='icon-messenger'] {
  color: #008AFF;
}
.w104-sidebar .w104-sidebar-item .popover ul li a i[class*='icon-youtube'] {
  color: #FF0000;
}
.w104-sidebar .w104-sidebar-item .popover ul li a:hover {
  background-color: #e6edf3;
  color: #004785;
}
.w104-sidebar .w104-sidebar-item.top {
  display: none;
}
.w104-sidebar .w104-sidebar-item:hover .wrap {
  transform: translateX(-100%);
}
.w104-sidebar .w104-sidebar-item:hover .popover {
  display: block;
}
.w104-sidebar.scrolled .w104-sidebar-item.top {
  display: block;
}
@media screen and (max-width: 1280px) {
  .w104-sidebar .w104-sidebar-wrap {
    top: auto;
    bottom: 10%;
  }
}
@media screen and (max-width: 992px) {
  .w104-sidebar {
    height: 48px;
  }
  .w104-sidebar .w104-sidebar-wrap {
    top: auto;
    bottom: 0;
    left: 0;
  }
  .w104-sidebar .w104-sidebar-list {
    display: flex;
    background-color: #fff;
    box-shadow: 0 0 0 1px #d9d9d9;
  }
  .w104-sidebar .w104-sidebar-item {
    flex: 1;
    height: auto;
  }
  .w104-sidebar .w104-sidebar-item .wrap {
    position: relative;
    transform: translateX(0);
  }
  .w104-sidebar .w104-sidebar-item .trigger {
    justify-content: center;
    background-color: #fff;
    color: #333;
  }
  .w104-sidebar .w104-sidebar-item .trigger .icon {
    display: block;
    width: auto;
    height: 48px;
    line-height: 48px;
    text-align: center;
  }
  .w104-sidebar .w104-sidebar-item .trigger .text {
    display: none;
    font-size: 12px;
    padding-right: 0;
  }
  .w104-sidebar .w104-sidebar-item .popover {
    display: none;
    position: absolute;
    top: auto;
    left: 50%;
    bottom: 100%;
    right: auto;
    padding: 0 0 12px;
    transform: translateX(-50%);
  }
  .w104-sidebar .w104-sidebar-item .popover .popover-wrap {
    box-shadow: 6px 0 20px 2px rgba(0, 0, 0, 0.18);
  }
  .w104-sidebar .w104-sidebar-item .popover .popover-wrap:after {
    top: auto;
    right: auto;
    left: 50%;
    bottom: -8px;
    margin-left: -8px;
    border-width: 8px 8px 0 8px;
    border-color: #fff transparent transparent transparent;
  }
  .w104-sidebar .w104-sidebar-item.top {
    display: none;
  }
  .w104-sidebar .w104-sidebar-item.primary {
    flex: 2;
    order: 2;
  }
  .w104-sidebar .w104-sidebar-item.primary .trigger {
    background-color: #004785;
    color: #fff;
  }
  .w104-sidebar .w104-sidebar-item.primary .trigger .text {
    display: block;
  }
  .w104-sidebar .w104-sidebar-item:hover .wrap {
    transform: translateX(0);
  }
  .w104-sidebar .w104-sidebar-item:hover .popover {
    display: block;
  }
  .w104-sidebar.scrolled .w104-sidebar-item.top {
    display: none;
  }
}

/*!- w104-sidebar end -*/












/*å†…é¡µæ&nbsp;·å¼å¼€å§‹*/
/*--------------å†…é¡µå·¦ä¾§ä»£ç&nbsp;--------------*/

.box_left {width:265px;height:auto;float:left;}
.mode1 {height: auto;width:265px;}
.mode2 {height: auto;width:265px;padding-top:15px;}
.box_title{color: #fff;font-size: 16px; background:#4c4185; 
	font-weight:bold;height: 45px; line-height: 45px;width: 265px;text-align:center;}

.box_title span{ color:#fff;}
.box_title span h2{ font-size:12px; font-weight:normal;}
.box_t_con {border:1px solid #ccc;}

.box_t_con li{line-height: 40px;height: auto;overflow:hidden; width:263px;font-weight:normal;border-bottom: 1px dotted #ccc;}
.box_t_con ul li a {display:block; text-align:center; font-size:14px; color:#000;}
.box_t_con ul li a:hover{text-decoration:none;background-color:#f90;color:#fff;}
.box_t_con ul li .on{text-decoration:none;background-color:#f90;color:#fff;}

.mode1 .menu_list{  border: 1px solid #ccc; border-top:0; background:#fff; padding:1px 0 0;overflow:hidden;}
.mode1 .menu_head{ border-top: 1px dotted #ccc; height:40px; line-height:40px; }
.mode1 .menu_head:hover{background-color:#f90;color: #fff!important;}
.mode1 .menu_head a{ color:#333; font-size:14px;  display: block; text-align: center;}
.mode1 .menu_head a:hover{color: #fff; }
.mode1 .menu_list .current{background-color:#f90;}
.mode1 .menu_list .current a{color: #fff !important;}
.mode1 .menu_body{width:205px;height:auto;overflow:hidden;line-height:30px;}
.mode1 .menu_body .nva_active{color:#ffa035;background:url(../images/p_iconhover.png) no-repeat 10px center;}
.mode1 .menu_body a{display:block; font-size:14px;background:url(../images/p_icon.jpg) no-repeat 10px center;padding-left: 23px; color: #666;line-height: 40px; overflow: hidden; height:40px;
margin-left:20px;}
.mode1 .menu_body a:hover{text-decoration:none; color:#ffa035;background:url(../images/p_iconhover.png) no-repeat 10px center;}

.font_red{background-color:#f90;color:#fff!important;}


.mode1 .box_tt1 {border:1px solid #6600be; border-top:2px solid #fff;width:233px;}
.mode1 .box_tt1 li span{display:block;float:left;line-height:36px;padding-left:20px;height:36px;}
.mode1 .box_tt1 .box_li{line-height: 36px;height: auto;overflow:hidden; width:233px; font-weight:bold;background-color:#6600be;}
.mode1 .box_tt1 li a{color:#fff;padding-left:20px;}
.mode1 .box_tt1 li a:hover {background-color:#262a32;color:#fff !important;text-decoration:none;}
.mode1 .box_tt1 li  ul li{border-bottom: 1px dotted #ccc; font-weight:normal;background-color:#fff !important;}
.mode1 .box_tt1 li  ul li a{color:#777 !important;padding-left:40px;}
.mode1 .box_tt1 a {display:block;}
.mode1 .box_tt1 li li a:hover {color:#fff;background-color:#ffe897;}

/*--------------å†…é¡µå³ä¾§ä»£ç&nbsp;--------------*/
.sidebar { width:988px; float:right; }
.sidebar_con {  padding-top:15px; }
.title_r a { padding:0 15px;}
.title_r { border:1px solid #ccc; border-top: 2px solid #4c4185; height: 38px;line-height: 38px;text-indent: 10px;}


.title_r1 a { padding:0 15px;}
.title_r1 { border-bottom:2px solid #ccc; line-height:34px;  height:30px; }
.title_r1 span{ color:#ffa035;}


.title_rt { color:#4c4185;font-size:15px; font-weight:bold;}
.bt_text_y { font-size:12px; float:right; height:40px;  padding-right: 10px; }
.bt_text_y a { padding:0; margin:0;color: #333;}
.bt_text_y a:hover { color:#ffa035;}


/*äº§å“è¯¦æƒ…é¡µæ”¾å¤§åŠŸèƒ½start*/
.siderightCon { line-height:24px; margin:20px 0 0 0px; text-align:left;}
.nypro{ width:420px;  float:left;}
#preview{ float:none; margin:0px auto; width:420px;}

.list-h { width:200000px !important;}
.list-h li{ float:left;}
#spec-n5{width:620px; height:56px; padding-top:15px;  }
#spec-left{ background:url(../images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px; margin-right:6px;}
#spec-right{background:url(../images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px; margin-left:6px;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:92px; height:69px; overflow:hidden}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:80px; height:50px;}


.contact_pro{width:988px;padding-top:25px;}
.contact_pro h3{ border:1px solid #ccc; border-top:2px solid #4c4185;line-height:38px; height:38px; text-indent:10px; font-size:16px;color: #333;margin-bottom:10px;}
.contact_pro h4{border:1px solid #ccc; border-top:2px solid #ffa035; text-indent:10px; line-height:38px;
 height:38px; font-size:16px;color: #ffa035;margin-bottom:10px; font-weight: bolder;}
.hot_new{width:830px;padding-top:10px;}
.hot_new h4{border:1px solid #ccc; border-top:2px solid #ffa035;text-indent:10px; font-weight: bolder; 
	line-height:38px; height:38px;font-size:15px;color: #ffa035;margin-bottom:10px;}
.hot_new ul{width:860px;}
.hot_new ul .nyHot_news{border-bottom: 1px dotted #ccc;height:35px;width:400px;float:left;margin-right:30px;line-height: 30px;margin-bottom:10px;}
.hot_new ul .nyHot_news a{overflow: hidden;width: 290px; white-space: nowrap; text-overflow: ellipsis;    float: left; color: #555;}
.hot_new ul .nyHot_news span{float: right;}
.hot_new ul .nyHot_news a:hover{color: #ffa035;}
.hot_new ul .nyHot_news a:hover .nyHot_newsDate{color: #ffa035;}

#demo {overflow:hidden;width:980px; margin:0 auto;padding-top:10px;}
#indemo {float: left;width:10000%;}
#demo2 {float: left;}
#demo1 ul{ float:left;}
#demo ul li{width:254px;float:left;margin-right:30px;}
#demo ul li img{border:1px solid #ececec; }
#demo ul li:hover img{border:1px solid #ffa035;}
#demo ul li p{display:block;width:254px;height:40px;line-height:40px;text-align:center;color:#666;font-size: 14px;}
#demo ul li a{ text-decoration:none;}
#demo ul li a:hover p{ color:#ffa035;}
/*--------------å†…é¡µä¸‹éƒ¨åˆ†ä»£ç&nbsp;--------------*/
#contant{ margin-top:50px;}
.list_box {width: 1300px;margin-right: auto;margin-left: auto; margin-bottom:40px; overflow:hidden;}
.column { width:988px; float:right;}
.column .bt{ height:40px; border-top:1px dashed #ccc; line-height:40px; padding:0 10px 0 0;}
.column .bt b a{color: #ffa035; font-size: 14px; font-weight: bolder;}
.column .menu{ padding:0 10px 10px 0px;}
.column .menu a { margin-right:30px; color:#666;}
.column .menu a:hover{ color:#ffa035;}

.current_content { padding:20px 0; line-height:24px;}
.current_content p{font-size: 13px; margin-bottom: 20px;}
.current_content a:hover span{color:#ffa035;}
.gbook_content { width:818px; height:600px;padding-top:20px; margin:0 auto; line-height:24px;margin-top:20px;padding-left:20px;}
.gbook_content textarea{ width:320px; height:90px; max-width:320px; max-height:90px; margin-top:2px;}
.cur_map{padding-bottom:20px;}
.cur_map h3{border-top: 1px dashed #dedede;font-size: 14px;line-height: 30px;margin-top: 20px;padding-top:10px;}
.cur_map p a{display:block;float:left;margin-right:20px;}



/*--------------æ–°é—»åˆ—è¡¨é¡µ--------------*/

.article_list dl { padding:0 10px 10px; height:82px; border-bottom:1px dashed #d7d7d7; font-size:12px; line-height:30px; margin-bottom:10px;}
.article_list dl dt { float:left; width:140px; margin-right:5px;}
.article_list dl dt img { padding:2px; border:1px solid #ccc;}
.article_list dl dd { height:90px; overflow:hidden;}
.article_list dl a:hover { text-decoration:underline;}
.article_list dl dd p { height:126px; margin-top:5px; overflow:hidden;}

.article_list .art_1 { width:838px;}
.article_list .art_1 dl { padding:15px 0; height:165px; border-bottom:1px dotted #ccc; font-size:13px; line-height:30px; width:800px; margin:0 0 0 15px;}
.article_list .art_1 dl dt { float:left; width:255px; margin-right:15px;}
.article_list .art_1 dl dd { height:190px; overflow:hidden; width:520px; float:right;}
.article_list .art_1 dl dd h3 { font-size:15px; }

.article_list ul { margin-top:10px; }
.article_list ul li {line-height:34px;margin-left:5px;margin-bottom:5px; border-bottom:1px dotted #c2c2c2;}
.article_list ul li a{display:block;color: #333;font-size: 13px;font-weight: bold;}
.article_list ul li a:hover {text-decoration:none;color:#ffa035;  }
.article_list ul li a .date{ float:right; color:#999;font-weight:normal;font-size:13px;}
.article_list ul li a:hover .date {text-decoration:none;color:#ffa035; }

.page { text-align: center; margin:20px auto; clear:both; padding-top:30px;}
.page span{color: #ffa035;}
.page a {  margin:0 7px; color: #555;}
.page a:hover{color: #ffa035;}


/*--------------äº§å“åˆ—è¡¨å·¦ä¾§--------------*/
.n_pro_list { width:235px; float:left;}
.n_pro_list dl { width:250px; height:auto; background:#238330; overflow:hidden; padding-bottom:30px; }
.n_pro_list dl a { color:#fff;}
.n_pro_list dl a:hover {text-decoration:underline; }
.n_pro_list dl dt { height:44px; line-height:44px; font-size:14px;  text-indent:16px;padding:0 20px;}
.n_pro_list dl dt a { background:url(../images/icon.png) no-repeat 0 18px; display:block;}
.n_pro_list dl dd {  background: #269939; line-height:30px; margin-bottom:2px; padding-left:37px;}
.n_pro_list dl dd a { background:url(../images/icon.png) no-repeat 0 -16px; text-indent:14px; display:block;}
.product_list{width:1088px;}
.product_list dl{width:215px;float:left;margin-right:43px;margin-bottom:20px;}
.product_list dl dt{/*width:255px;*/}
.product_list dl dt img{border:solid 1px #ddd;}
.product_list dl dd{width:215px;height:40px;text-align:center;line-height:40px;}
.product_list dl dd a{color: #333;font-size: 14px; display: block; /*width: 230px;*/ overflow: hidden; text-overflow:ellipsis;
 white-space: nowrap; margin: 0 auto;}
.product_list dl:hover dd a{color:#ffa035;text-decoration:none;}
.product_list dl:hover img{border:solid 1px #ffa035;}

.product_list1{width:900px;}
.product_list1 dl{width:254px;float:left;margin-right:37px;margin-bottom:30px;}
.product_list1 dl dt{width:254px;height:160px;}
.product_list1 dl dt img{ width:252px; height:158px;border:solid 1px #ddd;}
.product_list1 dl dd{width:252px;height:40px;text-align:center;line-height:40px;}
.product_list1 dl:hover dd a{color:#ffa035;text-decoration:none;}
.product_list1 dl:hover img{border:solid 1px #ffa035;}


.product_list2{width:900px;}
.product_list2 ul{ margin-top:10px;}
.product_list2 li {  text-align:center; float:left; margin-right:32px;margin-bottom:20px; position:relative; width:257px; line-height:24px;}
.product_list2 li img{ border:1px solid #cecece;}
.product_list2 li img:hover{ border:1px solid #ffa035;}
.product_list2 li span{ font-size:13px; color:#333;}
.product_list2 li a{ text-decoration:none;}
.product_list2 li:hover span{ text-decoration:none; color:#ffa035;}
.ny_proInfo p{text-indent: 0!important;}
.ny_proInfo{overflow: hidden;font-size: 13px;color: #333;line-height: 24px;border-bottom: 2px dotted #aaa;margin-bottom: 10px; padding-bottom: 5px;}
.ny_lianxi a{display: block;float: left;width: 140px; border-radius: 5px;
	height: 30px;background-color: #ffa035;color: #fff;text-align: center;line-height: 30px;font-size: 16px;}
.ny_lianxi span{font-size: 24px;font-weight: bolder;color: #545454;padding-left: 20px;line-height: 30px;}
.ny_Nowbuy a{display: block;height: 30px;background-color: #ffa035; width: 140px; border-radius: 5px; margin-right: 15px;
	color: #fff;text-align: center;line-height: 30px;font-size: 16px;margin-top: 10px; float: left;}
.ny_Nowbuy a:hover,.ny_lianxi a:hover{background-color:#ffa035;}
.ny_newsInfo{width: 838px;height: 50px;overflow: hidden;font-size: 13px;color: #333;line-height: 24px;margin-bottom: 10px;}
.ny_newsTit{margin-left: 10px;max-width: 260px;overflow: hidden;}




/*--------------ç•™è¨€é¡µ--------------*/
#GBookAdd { width:100%;}
.gbook_content #GBookAdd tr { height:30px;}
.gbook_content #GBookAdd input,.gbook_content #GBookAdd textarea { line-height:22px; padding-left:5px; border:1px solid #cecece; }
.gbook_content #GBookAdd #Submit, .gbook_content #GBookAdd #ReSet { color:#fff; background:#ffa035; padding:3px 10px; width:50px; margin-top:15px; border:medium none; cursor:pointer;}


/*--------------æŽ¨èæ–°é—»--------------*/
.hots {background:#fff;border:1px solid #ccc; padding-top:15px; margin-bottom:30px; border-top:none;}
.hots li{margin-left:8px;line-height: 30px;overflow:hidden;width:218px;font-size:13px;text-align:center; margin-bottom:15px;}
.hots li img {border:1px solid #ccc; width:210px; height:170px;}
.hots li img:hover { border:1px solid #ffa035;}
.hots a {display:block; text-decoration:none;}
.hots a p{font-size: 14px;color: #333;}
.hots_news {padding:5px 15px 10px 10px;border:1px solid #ccc; border-top:none;}
.hots_news li{line-height: 32px;height:32px;overflow:hidden;border-bottom: 1px dashed #ccc;margin-bottom:5px;text-indent:10px;}
.hots_news li a{width: 200px; display:block; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.hots_news a:hover{color: #ffa035;}

/*--------------æœç´¢é¡µ--------------*/
.search_list { width:1130px; margin:0 auto 0; }
.search_list li { width:252px; float:left; height:188px; text-align:center; margin:3px 15px 7px; line-height:30px;}
.search_list li img { border:1px solid #cecece;}
.search_list li img:hover { border:1px solid #ff5400;}




/*==========å†…é¡µæ&nbsp;·å¼å¼€å§‹========*/
#content{ width:1300px; margin:25px auto; margin-bottom:20px;}
.list_box {overflow:hidden;}
.list_box .box_bt{ width: 830px; height:39px; font-size:12px; border-bottom:1px solid #e1e1e1;}
.lift_zuo{ width:250px; float:left;}
.n_pro_list .list .hover {background: #ff5400 url(../images/list_li.png) no-repeat 50px -22px !important; display:block; color:#fff;}

.product_bigimg_text .pro_lianxi{ width:380px;}
.product_bigimg_text .pro_lianxi a{ color:#fff; width:80px; height:34px; background:#262a32; text-align:center; font-size:14px; line-height:34px; display:block; margin-bottom:10px;}
.product_bigimg_text .pro_lianxi1 p{ color:#0066ff; font-weight:bold; margin-top:12px; font-size:20px;}


.left_box{width:220px;float:left;}
.list_left {float: left;width: 220px;margin-right: 30px;}
.list_right {float: right;width: 838px;}

.list_right .box_sj .box_y p{ font-size:12px; line-height:24px;}
.list_right .box_sj .box_y p.box_h{ height:45px; overflow:hidden;}
.top_title {line-height:39px;height:39px;text-align: center; background-color:#cc0000;}
.top_title h2 {font-family: "å¾®è½¯é›…é»‘";font-size: 16px; color: #fff;}
.top_title h2 span{ font-size:12px; font-weight:normal;}
.left_con {line-height: 20px;}
.left_con{ border: 1px solid #ccc;}
.left_con ul li {line-height: 34px;border-bottom: 1px dotted #ccc;}
.left_con ul li a {display: block; font-size: 14px; color: #666; text-decoration: none;text-align: center;}
.left_con ul li a:hover {background:#ccc; text-decoration: none; color: #fff;}
.pro_pic {overflow: hidden; width:900px;}
.pro_pic ul li {float: left;margin-right:32px; margin-bottom:20px;position: relative;text-align: center;width: 257px;}
.pro_pic ul li span{ margin-top:10px; display:block; width: 240px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.pro_pic ul li img{border: 1px solid #e1e1e1;}
.pro_pic ul li img:hover{border: 1px solid #ffa035; }
.pro_pic ul { width:900px; margin-top: 15px;}
.pro_pic a{ text-decoration: none;color: #333;font-size: 14px;}
.pro_pic a:hover span{color: #ffa035; }


.pos {    border: 1px solid #ccc;    border-top: 2px solid #ffa035;    line-height: 38px;    height: 38px;    text-indent: 10px;}
.pos h2 {    height: 38px;    line-height: 38px;    font-family: "å¾®è½¯é›…é»‘";    font-size: 15px;    display: block;
    float: left;    color: #ffa035;    font-weight: bolder;}
.pos span {float: right;height: 40px;line-height: 40px;padding-right:15px;}
.pos span a {color: #666; text-decoration: none;}
.pos span a:hover {color: #cc0000; text-decoration: underline;}
.moxing {overflow:hidden;width:220px;}
.lianxi_title h2 {color: #fff;padding-left: 20px;font-family: "å¾®è½¯é›…é»‘";font-size: 15px;}
.lianxi_title{line-height: 39px;background-color: #00AA3A;height: 39px;}
.list_lbot{margin:15px 0 35px 0;}
.list_contact{border: 1px solid #ccc;padding:10px;}
.list_contact p{line-height:24px;color:#818181;padding-left:15px;padding-right:15px;}
.pro_details_tongji {text-align: center;width: 100%;border-bottom: 1px dashed #ccc;padding-bottom: 5px;margin-bottom: 15px; font-size:13px;}
.pro_photo{ padding-top:20px;}

.pro_photo h3 {text-align: center;line-height: 50px;font-size: 14px;padding-top: 10px; font-weight: bold;}
.pro_photo p{color:#333;}
.n_con{ color:#666; font-size:14px; line-height:24px;}
.n_con p {line-height: 24px;color: #333;text-indent: 2em; margin-bottom:5px; color:#666; font-size:14px;}
.goto{ color:#666; font-size:14px; line-height:24px;}
.goto p {line-height: 24px;color: #666;}
.goto p a{ margin-right:30px;}
.info_news span {float: right; color:#999; font-size:12px;}
.info_news li {line-height: 35px;padding-right: 10px;background:url(../images/new_jt.png) left center no-repeat; padding-left: 15px;margin-left: 10px;border-bottom: 1px dashed #CCC;}

.wz1{ margin-top:30px;}
.pro_ph1{ float:right; margin-top:20px;}
.pro_ph1 a{ margin:0 10px; float:right; line-height:36px; font-size:16px; color:#ffa035;}

.article_list_img {background:#f2f2f2; height:120px; padding:10px; margin-bottom:10px;}
.article_list_img dt { float:left; margin-right:20px;}
.article_list_img dd { float:left; width:470px; line-height:24px; height:120px; overflow:hidden;}
.article_list_img dd a { color:#f66304;}
.article_list_img dd a:hover { text-decoration:underline;}

.current_content h1 { text-align:center;  color:#ffa035; font-size:16px; font-weight: bolder;}
.current_content h3 { text-align:center; margin-top:5px; font-weight:normal; line-height:30px; height:32px; font-size:13px;}
.current_content .current_text { margin-top:7px; border-top:1px dashed #ccc; padding-top:15px;}
.current_content .current_text a,.current_content a{color: #ffa035;}
.current_content .current_text p{ line-height:24px;font-size: 13px;}
.current_content a{font-size: 13px; test:expression(target="_blank");}
.current_content a:active {test:expression(target="_blank");}


.hot{ margin-top:50px; margin-bottom:20px;}
.hot div{font-size: 14px;font-weight: bold;color: #545454;}
.lx{ width:838px;}

.leftlx .dianh{padding:0 5px 20px 10px;}
.leftlx p{line-height:24px;}
.hots_news .dianhua {color: #666666;line-height: 20px;padding: 10px 0 10px 0;}
.hots_news .dianhua span {display: block;font: 18px "Impact";color:#545454;}
.dianh p{line-height: 24px;font-size: 13px;}
.nyBanner{width: 1300px;height: 300px;margin: 0 auto;margin-top: 20px;}

/*goTop*/
.right-bar{position: fixed;bottom:10%;right:8%;z-index:30;}
.gotop{width:19px;height:72px;background:url(../images/totop.jpg) no-repeat;cursor:pointer;}


/*å†…é¡µbanner*/

.mainnybanner{width: 100%; height: 350px; margin:0 auto 0; overflow: hidden; margin-top: -4px; }
/*å†…é¡µbanner*/






.kl-logos {width: 1300px;margin: 0 auto;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .kl-logos {
    flex-wrap: wrap;
  }
}

.kl-logos--1 {
  flex-wrap: wrap;
}

.kl-logos--1 .kl-logos__item {
  flex-basis: calc(100% / 1);
}

.kl-logos--2 {
  flex-wrap: wrap;
}

.kl-logos--2 .kl-logos__item {
  flex-basis: calc(100% / 2);
}

.kl-logos--3 {
  flex-wrap: wrap;
}

.kl-logos--3 .kl-logos__item {
  flex-basis: calc(100% / 3);
}

@media screen and (max-width: 340px) {
  .kl-logos--3 .kl-logos__item {
    flex-basis: calc(100% / 2);
  }
}

.kl-logos--4 {
  flex-wrap: wrap;
}

.kl-logos--4 .kl-logos__item {
  flex-basis: calc(100% / 3);
}

@media screen and (max-width: 480px) {
  .kl-logos--4 .kl-logos__item {
    flex-basis: calc(100% / 3);
  }
}

@media screen and (max-width: 340px) {
  .kl-logos--4 .kl-logos__item {
    flex-basis: calc(100% / 2);
  }
}

.kl-logos--5 {
  flex-wrap: wrap;
}

.kl-logos--5 .kl-logos__item {
  flex-basis: calc(100% / 5);
}

@media screen and (max-width: 768px) {
  .kl-logos--5 .kl-logos__item {
    flex-basis: calc(100% / 3);
  }
}

@media screen and (max-width: 480px) {
  .kl-logos--5 .kl-logos__item {
    flex-basis: calc(100% / 3);
  }
}

@media screen and (max-width: 340px) {
  .kl-logos--5 .kl-logos__item {
    flex-basis: calc(100% / 2);
  }
}

.kl-logos--6 {
  flex-wrap: wrap;
}

.kl-logos--6 .kl-logos__item {
  flex-basis: calc(100% / 6);
}

@media screen and (max-width: 768px) {
  .kl-logos--6 .kl-logos__item {
    flex-basis: calc(100% / 3);
  }
}

@media screen and (max-width: 480px) {
  .kl-logos--6 .kl-logos__item {
    flex-basis: calc(100% / 3);
  }
}

@media screen and (max-width: 340px) {
  .kl-logos--6 .kl-logos__item {
    flex-basis: calc(100% / 2);
  }
}

.kl-logos--7 {
  flex-wrap: wrap;
}

.kl-logos--7 .kl-logos__item {
  flex-basis: calc(100% / 7);
}

@media screen and (max-width: 920px) {
  .kl-logos--7 .kl-logos__item {
    flex-basis: calc(100% / 6);
  }
}

@media screen and (max-width: 768px) {
  .kl-logos--7 .kl-logos__item {
    flex-basis: calc(100% / 4);
  }
}

@media screen and (max-width: 480px) {
  .kl-logos--7 .kl-logos__item {
    flex-basis: calc(100% / 3);
  }
}

@media screen and (max-width: 340px) {
  .kl-logos--7 .kl-logos__item {
    flex-basis: calc(100% / 2);
  }
}

.kl-logos--8 {
  flex-wrap: wrap;
}

.kl-logos--8 .kl-logos__item {
  flex-basis: calc(100% / 8);
}

@media screen and (max-width: 920px) {
  .kl-logos--8 .kl-logos__item {
    flex-basis: calc(100% / 6);
  }
}

@media screen and (max-width: 768px) {
  .kl-logos--8 .kl-logos__item {
    flex-basis: calc(100% / 4);
  }
}

@media screen and (max-width: 480px) {
  .kl-logos--8 .kl-logos__item {
    flex-basis: calc(100% / 4);
  }
}

@media screen and (max-width: 340px) {
  .kl-logos--8 .kl-logos__item {
    flex-basis: calc(100% / 2);
  }
}

.kl-logos--9 {
  flex-wrap: wrap;
}

.kl-logos--9 .kl-logos__item {
  flex-basis: calc(100% / 9);
}

@media screen and (max-width: 920px) {
  .kl-logos--9 .kl-logos__item {
    flex-basis: calc(100% / 6);
  }
}

@media screen and (max-width: 768px) {
  .kl-logos--9 .kl-logos__item {
    flex-basis: calc(100% / 4);
  }
}

@media screen and (max-width: 480px) {
  .kl-logos--9 .kl-logos__item {
    flex-basis: calc(100% / 3);
  }
}

@media screen and (max-width: 340px) {
  .kl-logos--9 .kl-logos__item {
    flex-basis: calc(100% / 2);
  }
}

.kl-logos--10 {
  flex-wrap: wrap;
}

.kl-logos--10 .kl-logos__item {
  flex-basis: calc(100% / 10);
}

@media screen and (max-width: 920px) {
  .kl-logos--10 .kl-logos__item {
    flex-basis: calc(100% / 6);
  }
}

@media screen and (max-width: 768px) {
  .kl-logos--10 .kl-logos__item {
    flex-basis: calc(100% / 4);
  }
}

@media screen and (max-width: 480px) {
  .kl-logos--10 .kl-logos__item {
    flex-basis: calc(100% / 3);
  }
}

@media screen and (max-width: 340px) {
  .kl-logos--10 .kl-logos__item {
    flex-basis: calc(100% / 2);
  }
}

.kl-logos--11 {
  flex-wrap: wrap;
}

.kl-logos--11 .kl-logos__item {
  flex-basis: calc(100% / 11);
}

@media screen and (max-width: 920px) {
  .kl-logos--11 .kl-logos__item {
    flex-basis: calc(100% / 6);
  }
}

@media screen and (max-width: 768px) {
  .kl-logos--11 .kl-logos__item {
    flex-basis: calc(100% / 4);
  }
}

@media screen and (max-width: 480px) {
  .kl-logos--11 .kl-logos__item {
    flex-basis: calc(100% / 3);
  }
}

@media screen and (max-width: 340px) {
  .kl-logos--11 .kl-logos__item {
    flex-basis: calc(100% / 2);
  }
}

.kl-logos--12 {
  flex-wrap: wrap;
}

.kl-logos--12 .kl-logos__item {
  flex-basis: calc(100% / 12);
}

@media screen and (max-width: 920px) {
  .kl-logos--12 .kl-logos__item {
    flex-basis: calc(100% / 6);
  }
}

@media screen and (max-width: 768px) {
  .kl-logos--12 .kl-logos__item {
    flex-basis: calc(100% / 4);
  }
}

@media screen and (max-width: 480px) {
  .kl-logos--12 .kl-logos__item {
    flex-basis: calc(100% / 3);
  }
}

@media screen and (max-width: 340px) {
  .kl-logos--12 .kl-logos__item {
    flex-basis: calc(100% / 2);
  }
}

.kl-logos__item {
  padding: 16px 10px;
}

.kl-logos__item a {
  display: block;
}

.kl-logos__item img {
  width: 100%;
  display: block;
}

@media screen and (max-width: 768px) {
  .kl-logos__item {
    flex-basis: 25%;
  }
}

@media screen and (max-width: 480px) {
  .kl-logos__item {
    flex-basis: 25%;
  }
}

@media screen and (max-width: 340px) {
  .kl-logos__item {
    flex-basis: 50%;
  }
}

</pre></body></html>