@charset "utf-8";
/* by Sean Lu 20190103 */
/* 移动端全局控制reset */
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,topbar,menu,nav,section,time,audio,video { margin:0; padding:0; }
article,aside,footer,topbar,hgroup,nav,section,audio,canvas,video { display: block; }
body { font-size: 100%;  font-family:"Arial", "Arial", "Verdana", "sans-serif"; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0); background-color: #fff; }
textarea { resize: none; }
iframe,img { border:0; }
ul,ol { pro_list-style:none; list-style-type:none;}
input, select, textarea { outline: 0; -webkit-user-modify: read-write-plaintext-only; }
/* input { -webkit-appearance: none; } */
a { text-decoration: none; color: #666; }
a:hover { text-decoration: none; }

/* 清理浮动 */
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* 全局浮动 */
.fl { float: left; }
.fr { float: right; }

/* 圆细滚动条样式 20180601 */
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#FFF}
::-webkit-scrollbar-thumb:vertical{background-color:#c2c2c2;}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#A0A0A0}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

/* 拖选文字样式 20160628 */
::selection { background: #febd17; color: #fff; }
::-moz-selection { background: #febd17; color: #fff; }

.wrapper { margin: 0 auto; width: 1140px; }

.topline{ background-color:#f0f0f0; line-height:40px;padding: 0 40px;}
.topline img{ vertical-align:middle;}
.topline .boxfl{ float:left;font-size: 13px;color: #000;}
.topline .boxfr{ float:right;font-size: 13px;color: #000;}
.topline .boxfr a{ margin-left: 20px;font-size: 13px;color: #000;position: relative;}
.topline .boxfr a:before{ content: '丨';position: absolute;top: -80%;left: -30%;}

.topbar { height: 90px; padding: 0 40px; background-image: url(../images/menubgs.png);position: relative;}
.topbar .logo { float: left; display: block; height: 100%; }
.topbar .logo img { height: 20px; display: block; margin-top: 38px;}
.topbar .nav { text-align: center; height: 40px; padding-top: 30px; }
.topbar .nav .nli { display: inline-block; position: relative; }
.topbar .nav .nli .na { font-size: 16px;font-weight: bold;color: #fff; display: block; padding: 0 60px; text-decoration: none; line-height: 40px; }
.topbar .nav .nli .sub { background: #f5f5f5; position: absolute; left: 15px; top: 40px; z-index: 9; width: 130px; padding: 10px; text-align: left; opacity: 0; visibility: hidden; -webkit-transition: all .2s; transition: all .2s; -webkit-transform: translateY(-10px); transform: translateY(-10px); }
.topbar .nav .nli:hover .na{color: #fff;text-decoration: underline;}
.topbar .nav .nli:hover .sub { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); }
.topbar .nav .nli .sub .sli { line-height: 30px; }
.topbar .nav .nli .sub .sli .sa { font-size: 16px; color: #000;font-weight: bold; padding-left: 20px; display: block; text-decoration: none; -webkit-transition: all .2s; transition: all .2s; }
.topbar .nav .nli .sub .sli .sa:hover { color: #da9100; padding-left: 26px; }

.topbar .seabox {float: right;height: 36px;box-sizing: border-box; margin: 22px 0;border: 1px solid #feb600;border-radius: 4px;width: 210px;background: #FFF;}
.topbar .seabox .key {float: left;width: 70%;border: 0;box-sizing: border-box;line-height: 100%;height: 100%;padding-left: 36px;background: url(../images/saeb.png) no-repeat 16px center;font-size: 12px;background-size: auto 14px;color:#292929;}
.topbar .seabox .btn {float: right;width: 30%;background: #feb600;color: #333;font-size: 12px;height: 100%;border: 0;cursor: pointer;font-weight: bold;}

.topbar .btnmenu { float: right;width: 20px;height: 20px; display: none;background: url(../images/menu.png) no-repeat center; color: #ed0e00;position: absolute;top: 28%;right: 5%;padding: 10px;border: 1px solid #fff;}
.topbar a.btnmenu {text-decoration: none;}


.bannerslide .swiper-slide { background-position: center; background-size: cover; position: relative;  height:760px;}
.pagination { position: absolute; left: 0; text-align: center; bottom:10px; width: 100%; z-index: 99}
.swiper-pagination-switch {display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #fff; box-shadow: 0px 1px 2px #555 inset; margin: 0 3px; cursor: pointer;}
.swiper-active-switch { background: #feb600;}
.bannerslide .arrow-left { background: url(../images/arrows.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; z-index: 99}
.bannerslide .arrow-right { background: url(../images/arrows.png) no-repeat right bottom; position: absolute; right: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; z-index: 99}


/*homebox1*/
.homebox01{padding: 50px 0;background-color: #f5f5f5;}
.homebox01 .title{font-size: 40px;line-height: 100px;text-align: center;color: #000;font-weight: bold;}
.homebox01 .nav { text-align: center; margin-bottom: 30px; }
.homebox01 .nav a { font-size: 20px;color: #000;background-color: #fff;font-weight: bold; line-height: 40px; height: 40px; padding: 0 40px; display: inline-block; text-decoration: none; }
.homebox01 .nav a:hover { border-color: #405ca3; }
.pro_list .item { width: 24%;background-color: #fff;margin: 0 .5% 16px; -webkit-transition: all .7s; transition: all .7s; float: left; }
.pro_list .item .img {}
.pro_list .item .img a { display: block;}
.pro_list .item .img img { display: block;width: 100%;margin: 0 auto; }
.pro_list .item .info {padding: 20px 0; text-align: center;}
.pro_list.pro_in_list .item .info {padding: 0px 0px 20px; text-align: center;}
.pro_list .item .info .tit{font-size: 14px;color: #666;font-weight: bold;margin-bottom: 10px;}
.pro_list .item .info .sort{font-size: 12px;color: #666;font-family: "Arial", "Arial", "Verdana", "sans-serif";overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.pro_list .item .info .sort i{margin: 0 15px;}
.pro_list .item .info .tit a:hover{color: #febd17;text-decoration: underline;}
.pro_list .item .info .sort a:hover{color: #666;} 

/**/
.inbanner { height: 300px; background: url(../images/inbanner02.jpg) no-repeat center bottom;background-size: cover; position: relative; color: #fff; display: table; width: 100%; -webkit-box-shadow: 2px 2px 30px rgba(0,0,0,0.1); box-shadow: 2px 2px 30px rgba(0,0,0,0.1); z-index: 2; }
/*.inbanner:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/a.png) repeat center; content: ''; }*/
.inbanner .title { position: relative; text-align: center; display: none;vertical-align: middle;}
.inbanner .title .cn { font-size: 38px; letter-spacing: 5px; font-weight: bold; margin-bottom: 5px; }

.container{background-color: #fff;}
.container .page_nam{padding: 100px 0;background-color: #fbfbfb;text-align: center;}
.container .page_nam .tit {font-size: 50px;color: #000;margin-bottom: 30px;font-weight: bold;}
.container .page_nam .txt {font-size: 24px;color: #666;line-height: 30px;font-weight: bold;}
.container .content{position: relative;z-index: 999;width: 100%;padding: 50px 0 80px 0;}
.fr_box{width: 25%;}
.fl_box{width: 70%;}

.lanmu_content{width:100%;overflow:hidden;}
.lanmu_list{display:block;}
.lanmu_list dt{display:block;height:40px;line-height: 40px;background:#feb600;font-size: 16px;font-weight: bold;font-family: "Arial", "Arial", "Verdana", "sans-serif"; color:#000;padding-left:10px;}
.lanmu_list dd{padding-top:2px;}
.lanmu_list dd a{display:block;height:33px;background:#f9f9f9;border-bottom:1px solid #eee;border-top:2px solid #fff;border-left:2px solid #999;border-right:1px solid #eee;font-size: 14px;font-weight: normal;font-family: "Arial", "Arial", "Verdana", "sans-serif";; color:#666;padding-left:25px; line-height: 33px;-webkit-transition: all .2s;transition: all .2s;}
.lanmu_list dd a:hover{padding-left:35px;}
.lanmu_list dd a:hover,.lanmu_list dd a.current{border-left:2px solid #feb600;background-color:#f6f6f6;color:#da9100;font-weight:bold;}


/*company*/
.container .com_box .title{position: relative;margin-bottom: 40px;}
.container .com_box .title:before{content: '';width: 2px;height: 54px;background-color: #feb600;position: absolute;top: 0;left: 0;margin-left: -10px;}
.container .com_box .title .tit{font-size: 30px;color: #000;font-weight: bold;line-height: 30px;}
.container .com_box .title .txt{font-size: 16px;color: #666;line-height: 30px;}
.container .com_box .info p{font-size: 18px;color: #666;line-height: 30px;}
.container .com_box .com_idea{background-color: #feb600;padding: 40px 30px;}
.container .com_box .com_idea .tit{font-size: 24px;font-weight: bold;color: #000;line-height: 40px;margin-bottom: 20px;}
.container .com_box .com_idea i{font-size: 16px;color: #000;line-height: 30px;margin-bottom: 10px;display: block;}
.container .com_box .com_idea p{font-size: 14px;color: #000;line-height: 28px;}

/*product*/
.pro_filter{padding: 3px;border: 1px #da9100 dotted;box-sizing: border-box;}
.pro_filter .tit{width: 90px;line-height: 40px; white-space: nowrap;color: #000;text-align: center;font-size: 14px;font-weight: bold;background-color: #feb600;float: left;}

.pro_filter ul li{float: left;height: 40px;text-align: center;padding: 0 20px;line-height: 40px;margin-left: 10px;}
.pro_filter ul li a{position: relative;}
.pro_filter ul li a:after{content: '';position: absolute;left: 120%;top: 32%;background-image: url(../images/j.png);width: 8px;height: 8px;}
.pro_filter ul li a:hover{color: #da9100;}
.pro_filter ul li a:hover:after{background-image: url(../images/j_click.png);}
.pro_filter ul li.on{border: 1px #da9100 solid;box-sizing: border-box;}
.pro_filter ul li.on a{color: #da9100;}
.pro_filter ul li.on a:after{background-image: url(../images/j_click.png);}

.pro_class{margin-top: 10px;padding: 3px;border: 1px #da9100 dotted;box-sizing: border-box;}
.pro_class .tit{width: 90px;line-height: 40px; white-space: nowrap;color: #000;text-align: center;font-size: 14px;font-weight: bold;background-color: #feb600;float: left;}

.pro_class ul li{float: left;height: 40px;text-align: center;padding: 0 20px;line-height: 40px;margin-left: 10px;}
.pro_class ul li a{position: relative;}
.pro_class ul li a:hover{color: #da9100;}
.pro_class ul li.on a{color: #da9100;}
.pro_class ul li.on{border: 1px #da9100 solid;box-sizing: border-box;}

/* aside */
/*aside { float: left; max-width: 220px;}
.inside { background-color: #f4f4f4; padding: 10px; }
#sidebar.sticky { float: none; position: fixed; top: 20px; z-index: 6; left: auto; }
*/
.aside{width: 25%;height: 100%;margin-top: 20px;background: #f6f6f6;transition: all .3s;box-shadow: 2px 2px 10px rgba(0,0,0,.2)}
.aside a{display: block;overflow: hidden;padding-left: 20px;line-height: 46px;max-height: 46px;color: #000;transition: all .3s;}
.aside a span{margin-left: 30px;}
.nav-item{position: relative;}
.nav-item.nav-show{border-bottom: none;}
.nav-item ul{display: none;background: rgba(246,246,246,.1);padding-left: 20px;}
.nav-item.nav-show ul{display: block;}
.nav-item>a:before{content: "";position: absolute;left: 0px;width: 2px;height: 46px;background: #feb600;opacity:0;transition: all .3s;}
.aside .nav-icon{font-size: 20px;position: absolute;margin-left:-1px;}


.nav-more{float:right;margin-right: 20px;font-size: 12px;transition: transform .3s;}

.nav-more:after{content: "\e621";}

.nav-show .nav-more{transform:rotate(90deg);}
.nav-show,.nav-item>a:hover{color: #da9100;background:rgba(246,246,246,.1);}
.nav-show>a:before,.nav-item>a:hover:before{opacity:1;}
.nav-item li:hover a{color: #da9100;background: rgba(246, 246, 246,.1);}
.content .pro_list{width: 70%;}

.content .pro_list .item{
	width: 32%;
  position: relative;
  cursor: pointer;
  color: white;
  font-family: "Lato";
  font-size: 1.5em;
}
.content .pro_list .item .inner {
  width: 100%;
  height: 100%;
}
.content .pro_list .item:before, .content .pro_list .item:after, .content .pro_list .item .inner:before, .content .pro_list .item .inner:after {
  position: absolute;
  content: "";
  display: block;
  background-color: #ffa726;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.content .pro_list .item:before, .content .pro_list .item:after {
  left: 0;
  width: 100%;
  height: 2px;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
}
.content .pro_list .item .inner:before, .content .pro_list .item .inner:after {
  top: 0;
  width: 2px;
  height: 100%;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
}
.content .pro_list .item .inner:before {
  left: 0;
}
.content .pro_list .item .inner:after {
  right: 0;
}
.content .pro_list .item .inner:hover:before, .content .pro_list .item .inner:hover:after {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
.content .pro_list .item:before {
  top: 0;
}
.content .pro_list .item:after {
  bottom: 0;
}
.content .pro_list .item:hover:before, .content .pro_list .item:hover:after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.content .pro_list .item:hover .inner:before, .content .pro_list .item:hover .inner:after {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
.content .pro_list .item .inner:before {
  -webkit-transform-origin: top center;
          transform-origin: top center;
}
.content .pro_list .item .inner:after {
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
}
.content .pro_list .item:before {
  -webkit-transform-origin: right center;
          transform-origin: right center;
}
.content .pro_list .item:after {
  -webkit-transform-origin: left center;
          transform-origin: left center;
}
.content .pro_list .item:hover .inner:before {
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
}
.content .pro_list .item:hover .inner:after {
  -webkit-transform-origin: top center;
          transform-origin: top center;
}
.content .pro_list .item:hover:before {
  -webkit-transform-origin: left center;
          transform-origin: left center;
}
.content .pro_list .item:hover:after {
  -webkit-transform-origin: right center;
          transform-origin: right center;
}
.content .pro_list .item .img {  padding: 20px; }
.content .pro_list .item:hover{box-shadow: 0px 0px 10px rgba(0,0,0,.3)}
.container .pro_list{}
.container .content .pro_list .item{margin-bottom: 30px;}
.content .pro_list .pro_tit{font-size: 28px;color: #000;text-align: center;line-height: 30px;margin-bottom: 30px;}
.content .pro_list .pro_img{}

.pro_d{margin: 40px auto;}
.pro_dl{}
.pro_dl li{ background-image: linear-gradient(#e4e4e4, #b4b4b4);color: #801480;font-weight: bold;padding:10px 24px;float:left; cursor:pointer; margin-right:5px; margin-bottom:-1px;border-radius: 20px;}
.pro_dl li.on{background:#fff;}
.pro_dl02 li.on{background-image: linear-gradient(#e4e4e4, #b4b4b4);color: #801480;font-weight:bold;}

.pro_dd{ background:#fff; padding:10px;margin: 40px auto;}
.pro_dd li{ display:none;}
.pro_dd li.on{ display:block;}
.pro_dd li h2{position: relative;font-size: 26px;}
.pro_dd li h2:before{content: '';width: 4px;height: 28px;background-color: #feb600;position: absolute;top: 10%;left: -10px;}

/*new*/
.container .content .hot_list .title{font-size: 30px;color: #000;line-height: 50px;padding: 30px 0;}
.container .content .hot_list ul li{border-bottom: 1px dotted #d9d9d9;padding: 10px 0;overflow: hidden;transition: .2s;}

.container .content .hot_list ul li .img{float: left;width: 40%;}
.container .content .hot_list ul li .img img{width: 100%;}
.container .content .hot_list ul li .info{float: right;width:58%;}
.container .content .hot_list ul li .info span{display: block;color: #333;font-size: 15px;line-height: 24px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.container .content .hot_list ul li:hover {background-color: #f1f1f1;}
.container .content .hot_list ul li:hover span{font-weight: bold;color: #da9100;}
.container .content .new_list{}
.container .content .new_list ul li{float: left;border-bottom: 1px dotted #d9d9d9;padding: 25px 0;overflow: hidden;transition: .2s;}

.container .content .new_list ul li .img{width: 20%;float: left;}
.container .content .new_list ul li .img img{width: 100%;}
.container .content .new_list ul li .info{float: right;width: 76%;}
.container .content .new_list ul li .info span{display: block;color: #333;font-size: 15px;line-height: 24px;height: 24px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top: 10px;margin-bottom: 10px;}
.container .content .new_list ul li .info p{color: #808080;font-size: 13px;line-height: 22px;text-align: left;height: 66px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.container .content .new_list ul li:hover {background-color: #f1f1f1;}
.container .content .new_list ul li:hover span{font-weight: bold;color: #da9100;}


/*technical*/
.tec_box ul li{width:23.8%;height:305px;overflow:hidden;}
.tec_box ul li{float:left;border:1px solid #f1f5f8;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;margin:5px 0.6%;border-bottom:#dbdbdb 1px solid;}
.tec_box ul li .img{width:100%;text-align:center;}
.tec_box ul li .ceng{position:absolute;top:180px;background:#fff;padding:10px 25px 20px;color:#888888;height:305px;transition:all 0.5s;-webkit-transition:all 0.5s;}
.tec_box ul li .ceng h3,.tec_box ul li .ceng p{font-size:12px;font-weight:100;}
.tec_box ul li .ceng h2 a{font-size:16px;color:#41a0be;font-weight:100;}
.tec_box ul li .ceng h2 {line-height:30px;}
.tec_box ul li:hover .ceng{top:0;background:rgba(0,0,0,0.6);color:#fff;width:90%;padding:5%;}
.tec_box ul li:hover .ceng h2 {line-height:32px;border:1px solid #FFAD32;margin:8px 0;border-left:none;border-right:none;}
.tec_box ul li:hover .ceng h2 a{color:#FFAD32;}

/*order*/
.order_box .title{text-align: center;font-size: 30px;color: #000;margin-bottom: 30px;}
.order_list { font-size: 14px; line-height: 24px; margin-bottom: 20px;  }
.order_list p { margin-bottom: 20px; }
.order_list h3{font-size: 14px;}
.order_list .check{font-size: 14px;font-weight: bold;}
.messagetit { font-size: 14px; font-weight: bold; line-height: 30px; height: 30px; }
.messagetarea { padding: 10px; border: 1px solid #dedede; font-size: 16px; line-height: 26px;  color: #666; resize: none; width: 96%; height: 90px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messagetarea:focus { color: #333; outline: none; background: #fff; }
.messageinput { width: 30%; padding: 10px; height: 26px; line-height: 26px; font-size: 14px; border: 1px solid #dedede; margin: 0 5px 0 0;  color: #666; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messageinput:focus { color: #333; outline: none; background: #fff; }
.messageinfo{width: 40%; padding: 10px; height: 26px; line-height: 26px; font-size: 14px; border: 1px solid #dedede; margin: 0 5px 0 0;  color: #666; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messagebtn { width: 30%; text-align: center; line-height: 50px; height: 50px; font-size: 16px; border: 0; background: #b8c5ce; color: #2d3e50; border-radius: 4px;  cursor: pointer; margin-right: 10px; margin-bottom: 30px; }
.messagebtn.btnon { width: 50%; color: #000; }
.messagebtn:hover { opacity: .8; filter: alpha(opacity=80); }

.messagebtn.btnon { background: #feb600; }

/*contact*/

.container .content.lx{margin-top: -70px;padding: 0px;background-color: #f7f9fb;box-shadow: 0px 0px 15px rgba(27,27,27,.2);display:inline-block;}
.container .contact{width: 46%;}
.container .contact .con_box{padding: 20px;}
.container .contact .title{}
.container .contact .title .cn{font-size: 30px;text-align: left;}
.container .contact .tit {font-size: 20px;line-height: 30px;margin-bottom: 10px;color: #feb600;font-weight: bold;}
.container .contact p { padding: 10px 0; border-bottom: 1px solid #ddd; width: 100%;font-size: 14px;color: #666;}
.container .feedback{width: 50%;overflow: hidden;background-color: #fff;}
.container .feedback .fb_box{padding: 20px;}
.container .feedback .title .en{font-size: 14px;font-weight: bold;text-transform: uppercase;color: #000;text-align: center;}
.container .feedback .title .en span{padding: 6px 12px;background-color: #feb600;}
.container .feedback .title .cn{font-size: 30px;line-height: 60px;text-align: center;}
.container .feedback .msg_demo{width: 100%;background-color: #fff;}
.container .feedback .msg_demo .mb{margin-bottom: 35px;}
.container .feedback .msg_demo .mb .ctxt{border: 0px none;border-bottom: 1px solid #b5b5b5;color: #333;padding: 8px 0px;height: 20px;line-height: 20px;width: 100%;font-size: 15px;font-family: "微软正黑体","Microsoft JhengHei","Microsoft Yahei","微软雅黑",Arial,Helvetica,sans-serif,"SimHei","黑体";}
.container .feedback .msg_demo .messageBtn {display: block;width: 172px;height: 34px;line-height: 34px;color: #000;background-color: #feb600;font-size: 15px;text-align: center;position: relative;}

/*map*/
#baidu_dituContent {width:100%;height:400px;border:#ccc solid 1px;}
#baidu_dituContent .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
#baidu_dituContent .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
#baidu_dituContent img{ max-width:none; width:auto;}



/*foot*/
.footer{background-color: #222;padding: 80px 0;color: #aaa;}
.footer .line01 .tit{font-size: 20px;font-weight: bold;padding-bottom: 15px;}
.footer .line01 .info{}
.footer .line01 .info .item{float: left;margin-bottom: 25px;font-size: 16px;line-height: 24px;background-color: #3f3f3f;padding: 20px 30px;color: #ccc;margin-right: 10px;border: #666 1px solid;box-sizing: border-box;}
.footer .line01 .txt{font-size: 12px;font-family: "Microsoft Yahei","微软雅黑", "Verdana", "Arial", "sans-serif";}
.footer .line01 .txt a{color: #feb600;font-size: 13px;margin-left: 24px;position: relative;}
.footer .line01 .txt a:after{content: '→';position: absolute;top: 0;left: 110%;color: #feb600;}

.footer .line01 .tit02{text-align: right;}
.footer .line01 .qr{overflow: hidden;float: right;}
.footer .line01 .qr .item{float: left;}
.footer .line01 .qr .item:nth-child(2){margin-left: 20px;}
.footer .line01 .qr .item img{width: 150px;height: 150px;display: block;}
.footer .line01 .qr .item span{display: inline-block;font-size: 15px;color: #aaa;font-weight: bold;}

.footer .line02{margin-top: 50px;line-height: 60px;}
.footer .line02 a{font-size: 12px;font-family: "Microsoft Yahei","微软雅黑", "Verdana", "Arial", "sans-serif";color: #aaa;margin-right: 14px;}
.footer .line02 .site a{font-size: 13px;position: relative;margin:0 0 0 30px;}
.footer .line02 .site a.print:before{content: '';position: absolute;top: 5px;left: -18px;width: 17px;height: 13px;background-image: url(../images/print.gif);background-repeat: no-repeat;}
.footer .line02 .site a.email:before{content: '';position: absolute;top: 5px;left: -18px;width: 17px;height: 13px;background-image: url(../images/email.gif);background-repeat: no-repeat;}
.footer .line02 .site a.top:before{content: '';position: absolute;top: 5px;left: -18px;width: 17px;height: 13px;background-image: url(../images/top.gif);background-repeat: no-repeat;}


.footer .line03{border-top: #333 1px solid;padding: 35px 0 0 0;}
.footer .line03{font-size: 13px;color: #aaa;}
.footer .line03 a{font-size: 14px;display: inline-block;color: #aaa;}
.footer .line03 a.icp{margin-right: 20px;}
.footer .line03 a.icp:hover{text-decoration: underline;}
.footer .line03 i{color: #feb600;display: inline-block;font-style: normal;}
.footer .line03 .note{text-align: center;}
.footer .line03 .note a { font-size: 13px;margin-right: 10px;color: #000;background-color: #feb600; line-height: 40px; height: 40px; padding: 0 20px; display: inline-block; text-decoration: none; }
.footer .line03 .note a:nth-child(2){margin-right: 0;}

/*2021.1.19*/
.pro_dd .proTable{width: 100%;margin-bottom: 20px;color: #333;text-align: center;}
.pro_dd .proTable th{font-size: 16px;
    line-height: 30px;
    padding: 5px 10px;
    background: #33cccc;}
.pro_dd .proTable td {
    font-size: 16px;
    line-height: 30px;
    padding: 5px 10px;
    text-align: left;
}
.pro_dd li:first-child .proTable td{text-align: center;}




@media (max-width:1460px){
 .topbar .nav .nli .na{padding: 0px 50px;}
  
}
@media (max-width:1360px){
 .topbar .nav .nli .na{padding: 0px 40px;}
  
}
@media (max-width:1300px){
 .topbar .nav .nli .na{padding: 0px 30px;}
  
}


@media (max-width:1200px){
	img{ max-width:100%;}
	.wrapper{ width:100%; padding:0 20px; box-sizing:border-box;}
	.bannerslide .swiper-slide{ height: 352px; }

	
}
@media (max-width:1160px){
 .topbar .nav .nli .na{padding: 0px 20px;}
 .topbar .nav .nli .sub { left: -10px;}
  
}
@media (max-width:1070px){
  .topbar .nav .nli .na{padding: 0px 10px;}
  .topbar .nav .nli .sub { left: -15px;}
}

@media (max-width:920px){
	
	.topbar .btnmenu{display: block;}
  .topbar .nav,.topbar .seabox{display: none;}
	.hidden04{display: none;}
	.pro_list .item{width: 32.2%;}
	.footer .line01 .fl,.footer .line01 .fr{float: none;}
	.footer .line01 .tit02{text-align: left;}
	.footer .line01 .qr{float: none;}
	.footer .line03{text-align: center;}
	.container .page_nam{display: none;}
	.inbanner{height: 200px;}
	.inbanner .title{display: block;display: table-cell;}
	.fl_box {width: 60%;}
	.fr_box {width: 35%;}
	.container .contact,.container .feedback{float: none;width: 100%;}

}


@media (max-width:720px){

	.hidden01{display: none;}
	.topline,.topbar{padding: 0 20px;}
	.bannerslide .swiper-slide{ height: 200px; }
	.homebox01 .nav a{margin-bottom: 10px;}
	.aside,.content .pro_list{float: none;width: 100%;}
	.pro_list .item,.content .pro_list .item{width: 100%;}
	.pro_list .item .info{}
	.pro_list .item .img img{width: 100%;}
	.pro_list .item .info{padding: 20px 0px;}
	.pro_list .item .info .tit{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
	.footer{padding: 40px 0 20px;}
	.footer .line01 .info .item{padding: 0px;margin-bottom: 0px;background-color: #222;border: none;}
	.fl_box,.fr_box{float: none;width: 100%;}
	.container .content .hot_list .title {font-size: 24px;padding: 10px 0;}
	.container .content .hot_list ul li .info{float: none;width: 100%;}
	.container .content .hot_list ul li .info:before{content: '';}
	.container .content .new_list ul li .img{width: 33%}
	.container .content .new_list ul li .info{width: 64%}
	.container .content .new_list ul li .info span{height: auto;margin-bottom: 0;margin-top: 0;}
	.tec_box ul li{width: 48.5%;}
	.messageinfo{width: 90%;}
	.messageinput {width: 40%;}
	.pro_dl li{font-size: 14px;}
	.pro_dd li h2{font-size: 20px;}
	.pro_dd li h2:before{height: 20px;}

}
.mm-pagedim-black #mm-blocker { opacity: 0; }
.mm-pagedim-black.mm-opening #mm-blocker { background: #000; opacity: .3; transition: opacity .4s ease .4s; }
.sidefootlogo { font-size: 12px; }
.mm-listview > li > a { text-align: center; font-size: 14px; line-height: 40px; }