@charset "utf-8";
/* CSS Document */

/* ͨÓÃÊôÐÔ */
* { margin:0; padding:0; list-style:none; }
body { font-size:14px; color:#666; font-family:Microsoft YaHei,sans-serif; }
img { border:0; vertical-align:top; }
html, body {width: 100%;max-width: 100%;min-width: 1320px;min-height: 100%;height: auto;}
address, caption, cite, code, dfn, em, th, dt, var {font-style: normal;font-weight: normal;}

/* a */
a { color:#333; text-decoration:none; }
a:visited { }
a:active, a:hover { text-decoration:none; color:#ff8108; }
a:focus { outline:none; text-decoration:none; }
h1,h2,h3,h4,h5,h6 { font-weight:normal; }
h1,h2,h3,h4,h5,h6,p,ol,ul{padding: 0;margin: 0;}
:focus{outline: none;}
.ovfl{overflow: hidden;}
.flex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; }
.lflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; }
.ltflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:flex-start; -ms-flex-align:flex-start; -webkit-align-items:flex-start; align-items:flex-start; }
.lbflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:flex-end; -ms-flex-align:flex-end; -webkit-align-items:flex-end; align-items:flex-end; }
.rflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; }
.rtflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:flex-start; -ms-flex-align:flex-start; -webkit-align-items:flex-start; align-items:flex-start; }
.rbflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:flex-end; -ms-flex-align:flex-end; -webkit-align-items:flex-end; align-items:flex-end; }
.mflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; flex-direction:column; -webkit-flex-direction:column; text-align:center; }
.mtflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; flex-direction:column; -webkit-flex-direction:column; text-align:center; }
.mbflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; flex-direction:column; -webkit-flex-direction:column; text-align:center; }
.transition300em{transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;}
.donghua{-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
::after, ::before {-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.dhwz{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.mar0a{margin: 0 auto;}
.con-fff{width:100%;height:100%;}
.fl {float:left;}
.fr {float:right;}
input { border-radius:0; -webkit-appearance:none; appearance:none; background:none; border:0; box-shadow:0 0 0; font-size:14px; }
textarea { border-radius:0; -webkit-appearance:none; appearance:none;  background:none; border:0; box-shadow:0 0 0; font-size:14px; }
.clear{clear:both; height:0; line-height:0; font-size:0;}
table {border-collapse:collapse; border-spacing:0;}
table td, table th{padding: 5px 10px;border: 1px solid #ddd;}
.header , .content , .footer , .container{margin-left:auto; margin-right:auto; width:1200px; font-family:microsoft yahei;}


/*header*/
.header{width:100%; overflow:hidden; background-color:#fff;}
.htop{ background:#f4f4f4;}
.htop .container{ height:40px; line-height:40px; overflow:hidden;}
.htop em{ float:left; font-size:13px;}
.htop span{ float:right;}
.htop span a{text-decoration:none; font-size:13px; margin-left: 20px;}
.htop span a.noBl{ border-left:none;}
.htop span a.noBr{ padding-right:0;}

.hcont{ padding:20px 0;}
.hcont .dlogo{ float:left;}
.hcont .dlogo dl{ overflow:hidden;}
.hcont .dlogo dt{ float:left;}
.hcont .dlogo dt img{ display:block; float:left;}
.hcont .dlogo dd{ float:left; border-left:#dfdfdf 1px solid; padding-left:15px; margin-top:12px; margin-left:15px;}
.hcont .dlogo dd p { font-size:24px; color:#626463; font-weight:bold;}
.hcont .dlogo dd p font { font-size:24px; color:#ff8108; font-weight:bold;}
.hcont .dlogo dd h2{font-size:16px; font-weight:normal; color:#333; line-height: 2;}
.hcont .dphone{ float:right; position:relative;}
.hcont .dphone dl{ padding-left:60px; margin-top:15px; background:url(/html/staticres/images/htphone.png) no-repeat left center;}
.hcont .dphone dt{ font-size:15px;}
.hcont .dphone dd{ font-size:24px; color:#e31d1e; font-weight: bold;}
.hcont .dphone img{ margin-top:15px;}


/*nav*/
.menu{ width:100%; height:65px; background: url(/html/staticres/images/menu_bj.jpg) repeat-x; }
.NavCeshi { width:1200px; margin: auto;} 
.NavCeshi > li { float: left; width:130px; top: 0px; transition: 0.2s all ease-in-out; padding-right: 0px; background: url(/html/staticres/images/menu_bj1.jpg) no-repeat right;}
.NavCeshi > li:first-child{ background: none}
.NavCeshi > li > a { display: block; text-align: center;font-size: 16px; line-height: 65px; color: #fff; transition: 0.2s all ease-in-out; height: 65px; position: relative; z-index: 1113; }
.NavCeshi > li > a:after,.NavCeshi > li > a::after{ content: ''; width: 0%; height: 3px; background: #be1a24; display: block; position: absolute; left: 0; bottom: 0; transition:0.3s all ease-in-out; }
.NavCeshi > li.navcurrent > a:after,.NavCeshi > li.navcurrent > a::after,.NavCeshi > li:hover > a:after,.NavCeshi > li:hover > a::after{ width: 100%; }
.NavCeshi > li > a > .en{ display: block; font-size: 12px; font-weight: 100; color: #ccc; line-height:35px; overflow: hidden; text-indent: 0; transition:0.2s all ease-in-out; white-space: nowrap; }
.NavCeshi > li.navcurrent > a, .NavCeshi > li:hover > a { color: #fff; background: #d0000d; }
.NavCeshi > li.navcurrent > a > .en,.NavCeshi > li:hover > a > .en{ }
.NavCeshi .cur{ background:#d0000d !important}


/*banner*/
#banner{position: relative;}
#banner .homeban .bd ul li {overflow: hidden;}
#banner .homeban .bd ul li a{display: block; height: 100%;}
#banner .homeban .hd{position: absolute; bottom: 20px; z-index: 2; left: 50%; margin-left: -84px;}
#banner .homeban .hd ul li{width: 46px; height: 8px; background:#717174; float: left; margin: 0 5px;}
#banner .homeban .hd ul li.cur{background:#ff8108;}

.sousuo{width:100%; margin:auto; background:url(/html/staticres/images/sousuo.jpg) repeat; overflow: hidden}
.sousuo_nr{width:1200px; margin:0 auto; margin-top:30px;}
.sousuo_nr .gjc{float: left; border-right:1px #ccc solid; font-size:24px; color:#b66f08; font-weight:bold; margin-bottom:30px; }
.sousuo_nr .gjc span{font-weight: normal; font-size: 14px; padding:0px 6px; display: block; background:#333; color:#fff; height:26px; line-height:26px;letter-spacing:2px; margin-top:7px; margin-right:45px;}
.sousuo_nr .sc{float:left; width:528px; margin-left:50px;}
.sousuo_nr .sc1{width:528px; background: none;outline: none; margin-right: 20px; border-top:1px #b2b2b2 solid; border-bottom: 1px #b2b2b2 solid; border-right: none; border-left: none; height:40px; line-height: 40px; color:#c7c7c7;}
.sousuo_nr .sc1 .tt{ float:left; width:430px; height:40px; line-height:40px; padding:0 10px; background:none; border:1px solid #eee; font-size:13px; color:#a1a0a0; outline:none; border-radius:25px 0 0 25px;}
.sousuo_nr .sc1 .s_bt{ border:0px ; float:left; width:65px; height:38px; line-height:38px; text-align:center; font-size:0px; color:#fff; text-decoration:none; background:url(/html/staticres/images/sc1.png) no-repeat center;}
.sousuo_nr .sc2{width:528px; text-align:left; color:#4b4b4b; font-size:14px;}
.sousuo_nr .sc2 span{ float:left; font-size:14px; color:#333; font-weight:bold; margin-top:5px;}
.sousuo_nr .sc2 a{color:#4b4b4b; font-size:14px; float:left; line-height:30px;margin-right:5px;}
.sousuo_nr .ydh{float:right;  height:30px; font-size: 15px; padding-left:36px; background:url(/html/staticres/images/tel.png) left no-repeat;}
.sousuo_nr .ydh span{ font-size:24px; color:#b66f08; }


/*youshi*/
.you_bg{ background:#f6f6f6; font-size: 0; overflow: hidden; padding:60px 0 ; width: 100%; }
.you h2{font-weight: normal;height: 106px;text-align: center;font-size: 28px;color: #222; font-weight:bold;}
.you h2 span{display: block;font-size: 16px;color: #666; padding:10px 0 0;font-weight: normal;}
.you ul li{width: 180px;height: 180px;float: left; margin:0 75px 0 0;transition: all 1s ease-in-out 0s;}
.you ul li:hover{ transform: rotateY(360deg);}
.you ul li a{font-size: 14px;color: #333;width: 180px;height: 180px;display: block;text-align: center;}
.you ul li.cur a,.you ul li a:hover{color: #fff; text-decoration:none; background-image:url(/html/staticres/images/youcur.png);}
.you ul li b{display: block;font-size: 18px; padding:98px 0 8px;}
.you .you_li05{margin: 0;}
.you .you_li01 a{ background-image:url(/html/staticres/images/you.png);}
.you .you_li02 a{ background-image:url(/html/staticres/images/you.png); background-position:-255px 0;}
.you .you_li03 a{ background-image:url(/html/staticres/images/you.png); background-position:-510px 0;}
.you .you_li04 a{ background-image:url(/html/staticres/images/you.png); background-position:-765px 0;}
.you .you_li05 a{ background-image:url(/html/staticres/images/you.png); background-position:-1020px 0;}



/*product*/
.prod { padding: 60px 0; overflow: hidden;}
.prd_row1{ width: 280px; height: 100px; margin: 0 auto; display: block; }
.tiwny_t{height:60px;font-size: 34px; color:#333333;text-align: center; line-height:30px; overflow: hidden;}
.tiwny_t i{ font-style:normal; font-size: 16px; font-weight: normal; color:#666;font-family: Arial;display: block; text-transform: uppercase;}
.tiwny_t a{ color:#333333; font-size: 28px; font-weight: bold}
.tiwny_t span{ color:#333;}
.kose{ overflow:hidden; text-align: center; margin-top: 20px;}
.kose ul{overflow: hidden; display: inline-block;}
.kose li{float:left; padding: 0 30px;}
.kose li h3:hover{ background:#ff7300; color:#fff;}
.kose li h3{background:#e4e4e4; color:#4b4b4b; font-size:15px; border-radius:25px; overflow:hidden; line-height:40px; height:40px; display:block; text-align:center; padding: 0 40px;}
.kose li a:hover{}
.prod .npro_row4 table{ float:left; width:400px;}
.list-case ul li{ float: left; position: relative; margin:0 9px; margin-top: 20px;}
.list-case ul li img{width: 280px; border:1px solid #dedede;}
.list-case ul li p{ position: absolute; bottom: 0; width: 100%; line-height: 36px; background:rgba(0,0,0,.7); font-size: 15px; text-align: center; color: #fff; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; }
.list-case ul li:hover img{border:1px solid #ff8108;}
.list-case ul li:hover p{background:rgba(255,139,0,.7);}



/*Ê×Ò³ÓÅÊÆ*/
.edgebj2{overflow: hidden; background:#f2f2f2;}
.edge2{padding-top:56px;height:1148px;}
.edge2 h3{text-align: center; margin-bottom: 30px;}
.edge2 h3 span{display:block; font-size: 38px; color:#282828; line-height: 2; font-weight: bold;}
.edge2 h3 span i{font-weight: bold;}
.edge2 h3 em{display: block; font-size: 22px; color:#282828; }
.edge2 dl{width:576px;float:left; margin-bottom: 40px; margin-left: 47px;}
.edge2 dl dt{width:576px; height:221px; margin-bottom: 20px; overflow: hidden;}
.edge2 dl dt img{width:576px; height:221px;transition: all 0.5s linear;}
.edge2 dl:hover img{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);}
.edge2 dl dd span{display:block;padding-left:86px;font-size: 25px; color:#2e2e2e;height:77px; position: relative;}
.edge2 dl dd .e1{display: block;background:url(/html/staticres/images/01.jpg) no-repeat left top;}
.edge2 dl dd .e2{display: block;background:url(/html/staticres/images/02.jpg) no-repeat left top;}
.edge2 dl dd .e3{display: block;background:url(/html/staticres/images/03.jpg) no-repeat left top;}
.edge2 dl dd .e4{display: block;background:url(/html/staticres/images/04.jpg) no-repeat left top;}
.edge2 dl dd span::before{width:62px; height:2px; background:#4a4a4a; content:""; position: absolute;bottom:0; left:87px;}
.edge2 dl dd span b{font-size: 25px; color:#2e2e2e;}
.edge2 dl dd span em{display: block;font-size: 12px; line-height: 12px; color:#ababab; text-transform: uppercase; margin-top: 11px;}
.edge2 dl dd p{font-size: 16px; color:#919292;padding-left:86px; margin-top: 28px; line-height:25px;}
.edge2 dl.first{margin-left: 0;}


/*Á÷³Ì*/
.liuc{ width:100%; padding: 50px 0 30px;}
.liuc_top{width:1200px; margin:auto;font-weight: normal;text-align: center;font-size: 28px;color: #222; font-weight:bold;}
.liuc_top span{display: block;font-size: 16px;color: #666; padding:10px 0 0;font-weight: normal;}
.w1100{ width:1200px; overflow: hidden; position: relative; margin:auto; }
.w1100 ul.dz_pic { margin-top: 20px; overflow: hidden; display: flex; }
.w1100 ul.dz_pic li {background: url(/html/staticres/images/dz_to.png) no-repeat right 48px;float: left; flex:1; }
.w1100 ul.dz_pic li p{text-align: center; line-height: 3;}
.dz_pic li i {	display: block;	height: 108px;	width: 108px; margin:0 auto;}
.dz_pic li.li01 i {	background: url(/html/staticres/images/dz_step01.png) no-repeat;}
.dz_pic li.li02 i {	background: url(/html/staticres/images/dz_step02.png) no-repeat;}
.dz_pic li.li03 i {	background: url(/html/staticres/images/dz_step03.png) no-repeat;}
.dz_pic li.li04 i {	background: url(/html/staticres/images/dz_step04.png) no-repeat;}
.dz_pic li.li05 i {	background: url(/html/staticres/images/dz_step05.png) no-repeat;}
.dz_pic li.li06 i {	background: url(/html/staticres/images/dz_step07.png) no-repeat;}
.dz_pic li.li07 i {	background: url(/html/staticres/images/dz_step06.png) no-repeat;}
.dz_words {	width: 1200px;}
.dz_words li {width:134px;float: left;text-align: center;margin-right: 28px;color:#4b4b4b;font-size: 14px;}
.dz_words li p {font-size: 12px;color: #555;}


/*Ê×Ò³¹ØÓÚÖ¯ßé*/
.syabout{width:100%; padding: 50px 0 30px; overflow: hidden;}
.syabout_top{ width:1200px; margin:auto;font-weight: normal;text-align: center;font-size: 28px;color: #222; font-weight:bold;  }
.syabout_top span{display: block;font-size: 16px;color: #666; padding:10px 0 0;font-weight: normal;}
.syabout_nr{width:1200px; margin:auto; margin-top:20px;}
.syabout_nr dt{float:right;width: 600px;height: 401px;}
.syabout_nr dd{width:580px; float:left; padding-top: 40px;}
.syabout_nr dd h3{border-bottom: 1px solid #dddddd;}
.syabout_nr dd h3 a{font-size: 60px;color: #ff7300;font-weight: bold;height: 150px;font-family: Arial;}
.syabout_nr dd h3 a em{font-size: 20px; color: #333; font-weight: bold; display: block; padding-bottom: 20px;}
.syabout_nr dd p{font-size: 15px; color: #555; line-height: 2; margin-top: 24px;}
.syabout_nr span a{margin-top: 20px; display: inline-block; width: 120px; line-height: 40px; color: #fff; background-color: #333;  text-align: center; display: block; float: left; margin-right: 15px;}
.syabout_nr span a:hover{background-color: #ff8b00; }

/*strength*/
.strength{ overflow: hidden; padding-bottom: 30px;}
.strength .parHd {text-align: center; background:url(/html/staticres/images/gszs.png) no-repeat center;}
.strength .parHd ul{ overflow: hidden; display: inline-block; }
.strength .parHd ul li{ float: left; color: #666; font-size: 18px; padding: 0 20px;  line-height: 1.5; border-right: 1px solid #dedede; }
.strength .parHd ul li:last-of-type{border-right: none;}
.strength .parHd ul li.cur{color: #ff7300; }
.strength .parBd{margin-top: 20px; position: relative;}
.strength .parBd ul li{float: left; padding: 0 7px;}
.strength .parBd ul li img{ width: 280px; padding: 2px; border:1px solid #dedede;}
.strength .parBd ul li p{text-align: center; line-height: 2; font-size: 15px; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
.strength .parBd .sPrev{width: 20px; height: 40px; background:url(/html/staticres/images/sPrev.png) no-repeat center; display: block; position: absolute; left: -30px; z-index: 9; top: 50%; margin-top: -20px;}
.strength .parBd .sNext{width: 20px; height: 40px; background:url(/html/staticres/images/sNext.png) no-repeat center; display: block; position: absolute; right: -30px; z-index: 9; top: 50%; margin-top: -20px;}
.strength .parBd ul li:hover img{border:1px solid #ff7300;}

#news{ overflow: hidden; padding:50px 0; background-color: #f2f2f2;}
#news .news_l{ width: 335px; height: 440px; background: #ff7300;  padding: 20px; float: left;}
#news .news_l img{ width: 335px; height: 222px; padding: 15px 0;}
#news .news_l ul li h3{color: #fff; font-size: 16px; font-weight: normal; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
#news .news_l ul li p{ color: #fff; line-height: 28px; margin:10px 0; height: 84px; overflow: hidden;}
#news .news_t h6{ color: #fff; font-size: 18px;}
#news .news_t h6 em{ font-size: 14px;}
#news .news_l ul li em{ font-size: 14px; color: #dd2523; display: block; background: #fff; width: 90px; height: 32px; line-height: 32px; text-align: center;}
#news .news_r{ width: 380px; background: #fff; height: 480px; float: left; margin-left: 32px;}
#news .news_r .news_t{ line-height: 58px; border-bottom: 1px solid #eaeaea; padding: 0 20px; overflow: hidden;}
#news .news_r .news_t h6{ color: #222; float: left;}
#news .news_r .news_t h6 em{ font-size: 14px;}
#news .news_r .news_t a{ display: block; line-height: 60px; float: right;}
#news .news_r ul{border-top:1px solid #f5f5f5;}
#news .news_r ul li {padding: 0 20px; }
#news .news_r ul li a{display: block; border-bottom: 1px solid #f0f0f0; overflow: hidden;}
#news .news_r ul li h3{ font-size: 14px; font-weight: normal; float: left; line-height: 40px; width: calc(100% - 110px); text-overflow:ellipsis; white-space: nowrap; overflow: hidden; position: relative; padding-left: 20px;}
#news .news_r ul li h3::before{position: absolute; content: ''; width: 12px; height: 2px; background: #999; left: 0; top: 18px; }
#news .news_r ul li em{ float: right; line-height: 40px; }
#news .news_r ul li:hover h3{color: #dd2523; }
#news .news_r ul li:hover em{color: #dd2523; }
#news .news_r ul li:hover h3::before{background: #dd2523; }


/*µ×²¿Í¨ÓÃ*/
.dbfoot{width:100%; background: url(/html/staticres/images/menu_bj.jpg) repeat-x;}
.dbfoot1{ width:1200px;  height: 65px; margin:auto;}
.dbfoot1 ul li{ width:133px; height:65px; line-height:65px; color:#fff; font-size:15px; text-align:center; border-right:1px #f1f1f1 solid;}
.dbfoot1 a{color:#fff; font-size:15px; text-align:center; line-height:65px; padding:0 33px; border-right: 1px #f1f1f1 solid;}
.dbfoot1 a:hover{ font-weight: bold;}
.dbfoot_nr{width:100%; background:url(/html/staticres/images/dbfoot_bj.jpg) no-repeat; overflow: hidden; padding: 40px 0;}
.dbfoot_nr .ftlogo{float:left; padding:15px 0px;}
.dbfoot_nr .ftlogo dt{ float:left; margin-left:20px; margin-top:10px;border-right:1px #5e5e5e solid;}
.dbfoot_nr .ftlogo dt img{ display: block; }
.dbfoot_nr .ftlogo dd{ float: left; margin-top: 10px; padding-left: 15px;}
.dbfoot_nr .ftlogo dd p{ font-size:14px; color:#f1f1f1; line-height: 30px; }
.dbfoot_nr .ftlogo dd p a{ color:#f1f1f1;}
.dbfoot_nr .ftlogo dd p a:hover{ color:#f1f1f1; }
.dbfoot_nr .ftwx{float:right; margin-top:10px;}
.dbfoot_nr .ftwx p{color:#fff;  line-height: 25px; text-align: center;}

/*ÓÑÇéÁ´½Ó*/
.link{width:100%; background:#4b4b4b; border-top: 1px #5d5d5d solid; padding: 10px 0; overflow: hidden;}
.link h2{ float: left; font-size:14px; color:#f1f1f1; line-height: 2; }
.link li{ float: left; font-size:14px; line-height: 2;  color:#fff;  padding:0 10px;}
.link li a{ font-size: 14px; color: #fff; }



/* ÔÚÏß¿Í·þ */
.diyos {position: fixed;width: 54px;right: 0;top: 50%;z-index: 1000000;}
.diyos ul{position:relative;list-style: none;margin: 0;padding: 0;}
.diyos ul li {width: 54px;height: 54px;background: #02acfa;float: left;position: relative;border-top:1px solid #333;z-index:1;}
.diyos ul li:first-child{ border-top:0;}
.diyos ul li:hover{ background:#0087db;}
.diyos ul li .sidebox, .diyos ul li .semail {position: absolute;width: 54px;height: 54px;top: 0;right: 0;color: #fff;font-size:14px;line-height:54px;overflow: hidden;background:#02acfa;}
.diyos ul li .sidetop {width: 54px;height: 54px;line-height: 54px;display: inline-block;}
.diyos ul li.sideewm {width: 54px;height: 54px;line-height: 54px;display: inline-block;}
.diyos ul li .sideewmshow{width: 150px;position:absolute; top:0; left:-151px; z-index:120; display:none;max-width:none;border: 1px solid #e5e5e5;}
.diyos ul li.sideewm:hover .sideewmshow{ display:block;}
.diyos ul li img {float: left;}
.retract{position:absolute;left:-36px;top:50%;margin-top:-30px;width:36px;height:60px;background:url(/html/staticres/images/djt.png) no-repeat center right #02acfa;border-radius: 30px 0 0 30px;box-shadow: -2px 0 7px 0 rgb(0 0 0 / 50%);cursor:pointer;}
.loadont{position: absolute;right: 0;top: 0;background: #ff8108;color: #fff;width: 20px;text-align: center;padding: 10px;font-size: 16px;line-height: 20px;box-shadow: 0 0 5px 0px rgb(0 0 0 / 50%);cursor:pointer;display:none;}

/*Ãæ°üм*/
.location{width: 100%;height: 45px;border-bottom: 1px solid #eee;}
.location span{display:block;line-height: 45px;font-size: 14px;background: url(/html/staticres/images/location.png) no-repeat 0 15px;text-indent: 20px;color: #666;}
.location span a{color: #666;}
.location span a:hover{color: #ff8108;}

/*ÄÚÒ³Ñùʽ*/
.inside{padding:25px 0;}
.nocontect{background-image: url(/html/staticres/images/error.png);background-repeat: no-repeat;background-position: 10px 10px;height: 100px;padding-top: 40px;padding-left: 120px;font-size: 14px;}

/*ÄÚÒ³×ó²àµ¼º½*/
.nynav{width:270px;float:left;}
.nyjc{margin-bottom:20px;}
.nyjc-til{padding:15px;border-radius: 10px 10px 0 0;color:#fff;background: #ff8108;}
.nyjc-til p{font-size: 24px;}
.nyjc-til i{display: block;height: 1px;width: 100px;background: #fff;margin:10px 0;}
#sidebar{padding:10px;background: #fff;border: 1px solid #dedede;}
#sidebar li{margin-top: 10px;}
#sidebar li:first-child{margin-top: 0px;}
#sidebar li a{line-height: 40px;height: 40px;display: block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;text-align: center;color: #666;background: #eee;}
#sidebar li.cur a, #sidebar li:hover a{background: #ff8108;color: #fff;}
.nyhotpro{margin-bottom:20px;}
.nyhotpro .bd{overflow:hidden;padding:10px;background: #fff;border: 1px solid #ff8108;}
.nyhotpro .bd ul li{text-align:center;margin-bottom:10px;}
.nyhotpro .bd ul li a{display:block;}
.nyhotpro .bd ul li a img{margin-bottom:10px;max-width:100%;padding:2px;border:1px solid #ccc;box-sizing:border-box;}
.nyhotpro .bd ul li p a{font-size:16px;line-height:30px;background:#ccc;}
.nyhotpro .bd ul li a:hover img{border-color:#ff8108;}
.nycontel-con{padding:10px;background: #fff;border: 1px solid #ff8108;line-height:1.8;}
.nycontel-con img{max-width:100%;height:auto !important;}

/*ÄÚÒ³×ó²à²úÆ·µ¼º½*/
.nynav .nyprojc-til { line-height: 70px; background-color: #ff8108; }
.nynav .nyprojc-til p{ font-size: 24px; color: #fff; padding-left: 25px;}
.nynav .nyprojc ul{border:1px solid #dedede; padding: 10px;}
.nynav .nyprojc ul li{ margin-bottom: 10px;}
.nynav .nyprojc ul li a span{font-size: 15px; line-height: 40px; background-color: #E1E6ED; display: block; padding-left: 20px; }






/*ÄÚÒ³ÓÒ²àÄÚÈÝ*/

.nyshow-til{line-height: 40px;height: 41px;border-bottom: 1px #ccc solid;margin-bottom:20px;}
.nyshow-til>h1, .nyshow-til>h2{float: left;padding-right:15px;text-indent: 25px;height: 40px;line-height: 40px;border-bottom: 2px #ff8108 solid;color: #ff8108;font-size: 18px;font-weight: bold;position:relative;}
.nyshow-til>h1::before, .nyshow-til>h2::before{content:'';position:absolute;left:0;top:50%;margin-top: -15px;width:6px;height:30px;background:#ff8108;}
.nyshowdesc{font-size: 16px;line-height: 1.8;text-align:justify;margin-bottom:20px;}
.nyshowdesc img{max-width:100%;height:auto !important;}

/*ÍƼöÐÂÎÅ*/
.nyhotnews{line-height: 40px;height: 41px;border-bottom: 1px #ccc solid;}
.nyhotnews>h3{float: left;width: 150px;text-indent: 30px;height: 40px;line-height: 40px;border-bottom: 2px #ff8108 solid;color: #ff8108;font-size: 18px;font-weight: bold;background:url(/html/staticres/images/nyhotnewico.png) no-repeat left;}
.nyhotnews-list{margin-top:10px;overflow:hidden;}
.nyhotnews-list li{width:50%;float:left;font-size: 14px;line-height: 30px;padding: 0 15px;background: url(/html/staticres/images/iyuan.png) no-repeat left;background-size: 8px;box-sizing:border-box;}
.nyhotnews-list li a{float:left;width:380px;color:#333;}
.nyhotnews-list li span{float:right;color:#666;}
.nyhotnews-list li:hover{background: url(/html/staticres/images/iyuan_on.png) no-repeat left;background-size: 8px;}
.nyhotnews-list li:hover a{color:#ff8108;}

/*ÊÓƵÁбí*/
.nyvideo-ul{overflow:hidden;}
.nyvideo-ul li{width:33.33%;float:left;padding:0 10px;margin-bottom:20px;box-sizing:border-box;}
.nyvideo-div a{display:block;border:1px solid #ddd;padding:2px;overflow:hidden;}
.nyvideo-div a img{display:block;max-width: 100%;width: 311px;}
.nyvideo-div a.nyvideo-a{padding:0 10px;border:none;line-height:25px;text-align:center;}
.nyvideo-div:hover a{border-color:#ff8108;color:#ff8108;}

/*ÊÓƵÏêÇé*/
.showvideo-top{padding-bottom: 10px;border-bottom: 1px solid #f0f2f5;margin-bottom:15px;}
.showvideo-top>h1{line-height: 1.5;color: #333;text-align: center;font-size: 26px;margin-bottom: 5px;}
.showvideo-time{text-align:center;}
.showvideo-time span{font-size: 14px;color: #a3afb7;margin-right: 10px;}
.showvideo-time span:last-child{margin-right:0;}
.showvideo-mp{margin-bottom:20px;text-align:center;}
.showvideo-mp video, .showvideo-mp iframe{max-width:800px;}
.showvideo-con {font-size: 16px;line-height: 1.8;text-align:justify;margin-bottom:20px;}
.showvideo-con  img{max-width:100%;height:auto !important;}

/*ÏÂÔØÁбí*/
.nydown-list{margin-bottom:20px;}
.nydown-list table{width:100%;text-align:center;}
.nydown-list table thead{background:#ff8108;color:#fff;font-size:16px;line-height:2;}
.nydown-list table tbody{line-height:1.6}
.nydown-list table tbody tr td{color:#666;}
.nydown-list table tbody tr td:first-child{color:#333;}

/*ÏÂÔØÏêÇé*/
.showdown-top{margin-bottom:20px;}
.showdown-top>h1{font-size: 18px;margin-bottom:10px;color:#333;font-weight:bold;padding-left:20px;}
.showdown-top>ul{padding:10px;background:#f6f6f6;}
.showdown-top>ul>li{border-bottom: 1px solid #eee;font-size:12px;color:#666;margin-bottom:5px;line-height:20px;}
.showdown-top>ul>li:last-child{margin-bottom:0;}
.showdown-top>ul>li>span{padding: 0px 10px;margin-right: 5px;}
.showdown-con {font-size: 16px;line-height: 1.8;text-align:justify;margin-bottom:20px;}
.showdown-con  img{max-width:100%;height:auto !important;}

/*ͼƬÁбí*/
.nyimg-ul{overflow:hidden;}
.nyimg-ul li{width:33.33%;float:left;padding:0 10px;margin-bottom:10px;box-sizing:border-box;}
.nyimg-div a{display:block;border:1px solid #ddd;padding:2px;overflow:hidden;}
.nyimg-div a img{display:block;max-width: 100%;width: 311px;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.nyimg-div a.nyimg-a{padding:0 5px; border:none; line-height:2; text-align:center; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
.nyimg-div:hover a{border-color:#ff8108;color:#ff8108;}
.nyimg-div:hover a img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}

/*ͼƬÏêÇé*/
.showimg-top{padding-bottom: 10px;border-bottom: 1px solid #f0f2f5;margin-bottom:15px;}
.showimg-top h1{line-height: 1.5;color: #333;text-align: center;font-size: 26px;margin-bottom: 5px;}
.showimg-time{text-align:center;}
.showimg-time span{font-size: 14px;color: #a3afb7;margin-right: 10px;}
.showimg-time span:last-child{margin-right:0;}
.showimg-img{margin-bottom:15px;text-align:center;}
.showimg-img img{max-width:100%;}
.ctitle{margin-bottom:15px;}
.ctitle h3{padding-left:20px;background: url(/html/staticres/images/dt-7.gif) no-repeat left center;line-height:30px;border-bottom: 1px dotted #ccc;color:#666;font-weight:bold;}
.showimg-con {font-size: 16px;line-height: 1.8;text-align:justify;margin-bottom:20px;}
.showimg-con  img{max-width:100%;height:auto !important;}

/*ÐÂÎÅÁбí*/
.nynews-ul{overflow:hidden;}
.nynews-ul li{margin-bottom: 15px;}
.nynews-ul li a{overflow: hidden;display: block;}
.nynews-ul li a dl{overflow: hidden;border: 1px solid #ddd;padding: 15px 10px 18px 22px;width:100%;box-sizing:border-box;}
.nynews-ul li a dl dt{float:left;box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);}
.nynews-ul li a dl dt img{display: block;width: 230px;}
.nynews-ul li a dl dd{float: left;width: 700px;margin-top: 20px;margin-left: 30px;}
.nynews-ul li a dl dd h5{width: 460px;float: left;font-size: 18px;line-height: 32px;font-weight: normal;color: #333;}
.nynews-ul li a dl dd em{float: right;height: 30px;line-height: 30px;font-size: 14px;color: #999;}
.nynews-ul li a dl dd p{line-height: 20px;font-size: 14px;margin-top: 15px;height: 60px;color:#666;float: left;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.nynews-ul li a dl dd span{width: 135px;border: 1px solid #ddd;line-height: 35px;height: 35px;font-size: 16px;color: #666;margin-top: 10px;float: right;display: block;text-align: center;}
.nynews-ul li a:hover dl{border:1px solid #ff8108;}
.nynews-ul li a:hover dl dt{box-shadow: 0 0 5px 0 rgb(2 128 246 / 80%);}
.nynews-ul li a:hover dl dd h5{color:#ff8108;}
.nynews-ul li a:hover dl dd span{border: 1px solid #ff8108;background: #ff8108;color: #fff;}

/*ÐÂÎÅÏêÇé*/
.shownews-top{padding-bottom: 10px;border-bottom: 1px solid #f0f2f5;margin-bottom:15px;}
.shownews-top h1{line-height: 1.5;color: #333;text-align: center;font-size: 26px;margin-bottom: 5px;}
.shownews-time{text-align:center;}
.shownews-time span{font-size: 14px;color: #a3afb7;margin-right: 10px;}
.shownews-time span:last-child{margin-right:0;}
.shownews-con {font-size: 15px;line-height: 1.8;text-align:justify;margin-bottom:20px;}
.shownews-con  img{max-width:100%;height:auto !important;}

/*²úÆ·Áбí*/
.nypro-ul{overflow:hidden;}
.nypro-ul li{width:320px;margin-right:25px;margin-bottom:25px;float:left;}
.nypro-ul li *{transition: 0.3s all ease-in-out;}
.nypro-ul li:nth-child(3n){margin-right:0;}
.nypro-ul li a{display:block;position:relative;}
.nypro-ul li a .nypro-img{overflow:hidden;position:relative;}
.nypro-ul li a .nypro-img img{max-width:100%;display:block;}
.nypro-ul li a .nypro-img .nypro-hov{position:absolute;top:100%;width:100%;height:100%;opacity:0;background:url(/html/staticres/images/nyproico.png) no-repeat center rgba(2,128,246,0.6);}
.nypro-ul li a .nypro-txt{width: 100%;position: relative;z-index: 4;padding: 10px 0 20px;background: #f5f5f5;}
.nypro-ul li a .nypro-txt p{padding: 0 20px;font-size: 18px;line-height: 36px;height: 36px;font-weight: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #444;}
.nypro-ul li a .nypro-txt span{font-size: 13px;display: block;height: 25px;line-height: 25px;padding: 0 20px;
color: #777;font-weight: 100;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.nypro-ul li a:hover .nypro-img .nypro-hov{top: 0;opacity: 1;}
.nypro-ul li a:hover .nypro-txt{background:#fff;}

/*²úÆ·ÏêÇé*/
.nyproshow-top{overflow:hidden;}
.nyproshow-top>dt{padding-bottom: 15px;float:left;width:402px;}

/*bigzoompic*/
#MagnifierWrap2{position: relative;}
.MagnifierMain{position: relative;border:1px solid #ccc;}
.MagnifierMain img{width: 100%;display:block;}
.MagnifierDrag{position: absolute;top:0;left: 0;background-color: #ccc; opacity: 0.4;filter:alpha(opacity = 40);cursor: move;}
.MagnifierPop{position: absolute;top:0;overflow: hidden;background:#fff url(../images/loading.gif) no-repeat center center; }
.MagnifierImg{position: absolute;top:0; left: 0;}
.spec-items{position: relative;width: 344px;height: 82px;overflow: hidden;margin: 10px auto 0;}
.spec-items ul{width: 500%;position: absolute; left: 0;}
.spec-items ul *{-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.spec-items li{width: 80px;float: left;overflow: hidden;margin-right: 5px;border: 1px solid #ccc;cursor: pointer;}
.spec-items li.on{border:1px solid #ff8108;}
.spec-items li img{width: 100%;display:block;}
span.spe_leftBtn,span.spe_rightBtn{position: absolute;bottom: 6px; display: block;width: 20px;height: 70px;line-height: 70px;font-family: "ºÚÌå";text-align: center;font-size: 30px;color: #ddd;cursor: default;background-color: #f9f9f9;}
span.on{background-color: #ccc;color: #999;cursor: pointer;}
span.spe_leftBtn{left: 0;}
span.spe_rightBtn{right: 0;}
.nyproshow-txt{float:left;width: 440px;margin-left: 28px;z-index:1;}
.nyproshow-txt>h1{font-size: 20px;color: #333;border-bottom: 1px dashed #bbbbbb;padding: 2px 0 10px;line-height: 32px;margin-bottom:10px;}

/*²úÆ·²ÎÊý*/
.nyproshow-info{line-height:1.8;color:#666;margin-bottom:20px;}
.showpro-tel{overflow:hidden;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:10px 0;}
.showpro-telx{float:left;line-height:40px;}
.showpro-telx img{float:left;margin-right:12px; width: 40px;}
.showpro-telcon{float:left;}
.showpro-telcon p{float:left;color:#666;margin-bottom:0;}
.showpro-telcon span{float:left;color:#333;font-size:24px;font-family: arial;}
.showpro-tel a{float:right;display:block;line-height:40px;padding:0 20px;background:#ff8108;color:#fff;}
.showpro-tel a i{margin-right:5px;}
.showpro-tel a:hover{background:#034ad8;}
.showpro-con{margin-top: 20px;}
.showpro-con ul{border-bottom: 1px solid #ccc;line-height: 40px;margin-bottom: 10px;overflow:hidden;}
.showpro-con ul li{text-align: center;padding:0 24px;font-size: 16px;background: #e6e6e6;color:#333;float: left;margin-right: 10px;cursor: pointer;}
.showpro-con ul li.on{background: #ff8108;color:#fff;}
.showpro-con ul li:last-child{margin-right: 0;}
.showpro-details{font-size: 16px;line-height: 1.8;overflow: hidden;}
.showpro-details .showpro-det{display:none;min-height:200px;}
.showpro-details div{margin-bottom: 10px;}
.showpro-details img{max-width: 100%;height:auto !important;}

/*Ïà¹Ø²úÆ·*/
.nyaboutpro{line-height: 40px;height: 41px;border-bottom: 1px #ccc solid;}
.nyaboutpro>h3{float: left;width: 150px;text-indent: 30px;height: 40px;line-height: 40px;border-bottom: 2px #ff8108 solid;color: #ff8108;font-size: 18px;font-weight: bold;background:url(/html/staticres/images/nyaboutproico.png) no-repeat left;}
#abprolist{margin:20px 0;}
#abprolist li{padding:0 10px;}
#abprolist li a{display:block;}
#abprolist li a .abpro-img{padding:2px;border:1px solid #ccc;}
#abprolist li a .abpro-img img{display:block;max-width:100%;}
#abprolist li a p{margin-top:5px;line-height:30px;height:30px;text-align:center;background:#ccc;padding:0 10px;color:#333;}
#abprolist li a:hover .abpro-img{border-color:#ff8108;}
#abprolist li a:hover p{background:#ff8108;color:#fff;}

/*±êÇ©*/
.pro_key {line-height: 35px;font-size: 15px;color: #333;font-weight: bold;}
.pro_key a{font-size: 14px;background: #9e9c9c;padding: 2px 6px;color:#fff;font-weight: normal;text-decoration: none;}
.pro_key a:hover{background:#ff8108;}
/*·ÖÏí°´Å¥*/
.jiathis{ padding:0px 5px; height:35px; line-height:30px;border-top:1px dotted #ccc; text-align:right; position:relative; color:#666;margin-bottom:20px;}
.jiathis .jiathis_txt{float: left;}
/*ÉÏÏÂÒ³°´Å¥*/
.ny-page{overflow: hidden;margin-bottom:30px;}
.ny-pagea{width:50%;float:left;padding:0 10px;box-sizing:border-box;}
.ny-page a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 10px 15px;border: 1px solid #e4eaec;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;max-width: 100%;}
.ny-page a:hover{border-color: #e4eaec;background-color: #f3f7f9;}

/*ËÑË÷Ä£¿é*/
.nysearch-ul{overflow: hidden;}
.nysearch-ul li.nysearch-li{padding: 0 0 15px 0;margin-bottom: 25px;border-bottom: 1px dashed #dedede; overflow:hidden;}
.nysearch-til>a{line-height: 14px;color: #fff;vertical-align: baseline;white-space: nowrap;display: inline-block;background: #ff8108;margin-right: 5px;position: relative;top:0;padding: 4px 6px;}
.nysearch-til>a .nysearch-arrow{position: absolute;width: 0;height: 0;vertical-align: top;top: 7px;right: -4px;border-left: 4px solid #000;border-top: 4px solid transparent;border-bottom: 4px solid transparent;border-left-color: #ff8108;}
.nysearch-til>a:hover{background:#034ad8;}
.nysearch-til>a:hover .nysearch-arrow{border-left-color:#034ad8;}
.nysearch-til>h2{display: inline;font-size: 19px;margin: 0;font-weight: bold;position: relative;top: 1px;line-height: 25px;}
.nysearch-con p.nysearch-desp{color: #666;font-size: 14px;line-height: 23px;margin: 5px 0;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.nysearch-date {color: #333;line-height: 20px;font-size: 12px;}
.nysearch-date span{color: #999;}
.nysearch-date p{float: left;margin: 0;}
.nysearch-date i{margin-right: 5px;}
.nysearch-con a.nysearch-more{position:relative;left:0;color: #ffffff;font-size: 13px;width:100px;height:30px;line-height:30px;background: #999;margin-top: 10px;display: block;border-radius: 20px;float:left;text-align: center;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;-ms-transition: 0.5s all;}
.nysearch-con a.nysearch-more:hover{background: #ff8108;left:10px;}

/*ÊÖ»úÑùʽ*/
.m-header, .m-nav, .g-adv, .m-main, .m-fewm, .m-fbtn, .m-location{display:none; }
@media (max-width: 767px){
	html, body{max-width: 640px; min-width: 320px; margin: 0 auto; overflow-x: hidden; position: relative;}
	body{padding-bottom: 50px;}
	*{box-sizing:border-box;}
	.htop, .dphone, .sticky-wrapper, .navBox, #banner, .search, .about, #countup, .product, .news, .footer, .fcopy, .diyos, .location, .nyhotpro, .nyjc-til, .nyshow-til, .dbfoot, .dbfoot_nr, .link{display:none;}

	.m-header, .m-nav, .g-adv, .m-main, .m-fewm, .m-fbtn, .m-location{display:block;}
	.container{width:100%;}
	/* -- Ò³ÃæÕûÌå²¼¾Ö -- */
	.m-header{overflow: hidden;padding-bottom: 10px;}
	.m-header h1{text-align: center;padding:3%;}
	.m-header h1 img{max-width: 100%;vertical-align: middle;}
	.m-header .m-slogan{color: #393939;text-align: center;}
	.m-header .m-slogan p{font-size: 1.2rem;}
	.m-header .m-slogan span{font-size: 1rem;}
	/*µ¼º½*/
	.m-nav{ height:5.875rem; overflow:hidden; background:#ff8108; position:relative;}
	.m-nav:before{content: ''; position: absolute; width: 100%; left: 0; top: 50%; border-bottom: 1px solid #fff;}
	.m-nav a{display: block;float: left;width: 25%;font: 1rem/2.92rem "microsoft yahei";height: 2.92rem;color: #fff;text-align: center;border-right: 1px solid #fff;}
	.m-nav a:nth-child(4n){border-right: none;}
	.m-nav a:hover{color:#fff;}
	/*banÂÖ²¥¹ã¸æ*/
	.g-adv{overflow:hidden;}
	.g-adv img{ display: block;width: 100%;height: auto;}
	/*±êÌâ*/
	.m-title>h2{font-size:1.5rem;color:#333;text-align:center;}
	.m-title>p{font-size:1rem;color:#666;text-align:center;}
	/*²úÆ·ÖÐÐÄ*/
	
	.g-pro .wlist{display: flex;flex-wrap: wrap;align-content: flex-start;margin-top:20px;}
	.g-pro .wlist li{flex:1}
	.g-pro .wlist li a{display:block; padding: 0 15px; line-height:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;color:#666; text-align:center; border: 1px solid #E5E5E5;}
	.g-pro .wlist li.z-on a{background:#ff8108; color:#fff; border:1px solid #ff8108 ;}
	.g-pro .wcont li{width:50%;float:left;padding:5px;}
	.g-pro .wcont li a{display:block;}
	.g-pro .wcont li a img{max-width:100%;border:1px solid #ddd;}
	.g-pro .wcont li a p{line-height:30px;padding:0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;}
	.g-pro .wcont li:nth-child(n+5){display: none;}
	/*¹ØÓÚÎÒÃÇ*/
	.g-about{margin-bottom:20px;}
	.g-about-box{margin-top:20px;}
	.g-about-box img{width:100%;display:block}
	.g-about-txt{margin-top:20px;padding:0 10px;text-align:center;}
	.g-about-txt h3{text-align: center;font-size: 1.2rem;font-weight: bold;color: #282828;margin-bottom: 0.5rem;}
	.g-about-txt div{color: #242424;font-size: 1rem;height: 6rem;line-height: 1.5rem;overflow: hidden;margin-bottom:10px;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;text-align:justify;}
	.about-btn{margin:20px auto 0;}
	/*ÐÂÎÅ×ÊѶ*/
	.m-new{overflow: hidden;padding-bottom:20px;}
	.n_q{ height: 3.17rem; line-height:3.17rem; overflow: hidden; background: #f0f0f0; margin-bottom: 1rem;display:flex;}
	.n_q li{flex:1;font-size: 1rem;color: #393939; font-weight: normal;text-align: center; height: 3.17rem; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; }
	.n_q li.z-on{ border-top: 0.25rem solid #ff8108; font-weight: bold; color: #ff8108; background: #fff;}
	.m-new .con{ float: left; display: inline; width: 100%;}
	.n_c ul{ padding: 0 3.9%;}
	.n_c ul li{ padding-left: 1.25rem; height:2.46rem; line-height: 2.46rem; font-size: 1rem; font-family: "microsoft yahei"; overflow: hidden; border-bottom: 1px dashed #e0e0e0; position: relative;}
	.n_c ul li:before{ content: ''; width: 0.33rem; height: 0.33rem; border-radius: 1rem; background: #a9a9a9; position: absolute; top: 1rem; left: 0;}
	.n_c ul li a{ color: #333333; display: block; float: left; width: calc(100% - 100px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	.n_c ul li:nth-child(6){ border-bottom: 0;}
	.n_c ul li span{ float: right; font-size: 1rem; color: #c1c1c1;}
	/*β²¿¶þάÂë*/
	.m-fewm{text-align:center;padding:10px}
	.m-wx{display:inline-block;font-size:0;margin: 0 5px;}
	.m-wx img{width:120px;}
	.m-wx p{font-size:12px;margin-top:5px;}
	/*µ×²¿°´Å¥*/
	.m-fbtn{position:fixed;bottom:0;overflow: hidden;z-index: 999;width: 100%;background: #ff8108;text-align: center;display:flex;min-width: 320px;max-width: 640px;}
	.m-fbtn a{flex:1;padding:7px 0;color:#fff;}
	.m-fbtn a i{font-size:16px;display:block;}
	.m-fbtn a span{display:block;line-height:20px;}
	/*ÄÚÒ³Ãæ°üмµ¼º½Ñùʽ ¿ªÊ¼*/
	.m-btit {
		line-height: 35px;
		padding-left: 12px;
		font-size:14px;
		color:#666;
		overflow:hidden;
		white-space:nowrap;
		text-overflow:ellipsis;
		border-top:1px solid #d9d9d9;
		box-shadow:0 1px #fff;
		position:relative;
		background-color:#f6f6f6;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#eaeaea));
		background-image: -webkit-linear-gradient(top, #f6f6f6, #eaeaea);  /*±³¾°½¥±ä£¬Õë¶ÔÆ»¹ûä¯ÀÀÆ÷дµÄ¼æÈÝ*/
		background-image: -moz-linear-gradient(top, #f6f6f6, #eaeaea); /*±³¾°½¥±ä£¬Õë¶Ô»ðºüä¯ÀÀÆ÷дµÄ¼æÈÝ*/
		background-image: -o-linear-gradient(top, #f6f6f6, #eaeaea); /*±³¾°½¥±ä£¬Õë¶ÔÅ·Åóä¯ÀÀÆ÷дµÄ¼æÈÝ*/
		background-image: -ms-linear-gradient(top, #f6f6f6, #eaeaea); /*±³¾°½¥±ä£¬Õë¶ÔÊÖ»ú΢Èíä¯ÀÀÆ÷дµÄ¼æÈÝ*/
		background-image: linear-gradient(top, #f6f6f6, #eaeaea); /*±³¾°½¥±ä£¬Õý³£µÄд·¨*/
		border-bottom:1px solid #d9d9d9;
		} /*ÄÚÒ³Ãæ°üмµ¼º½±³¾°*/
	.m-btit:before{content:""; /*ÅäºÏ:beforeÕâ¸öÊôÐÔ£¬Ð´ beforeµÄʱºòÒ»¶¨Òª¼ÓÉÏÈ¥*/
		position:absolute;
		left:0;
		top:0;
		width:100%;
		border-top: 1px solid #fff;}	/*ÄÚÒ³Ãæ°üмµ¼º½±³¾°ÉÏÃæµÄÏßÌõ*/
	.m-btit a{color:#666;}
	.m-btit span{ padding:0 8px; position:relative; height:100%; top:3px; left:-2px; display:inline;}
	.m-btit span:before{content:""; /*ÅäºÏ:beforeÕâ¸öÊôÐÔ£¬Ð´ beforeµÄʱºòÒ»¶¨Òª¼ÓÉÏÈ¥*/
		position:absolute;
		background:#7c7c7c;
		width:8px;
		height:8px;
		left:2px;
		top:3px;
		z-index:10;
		-moz-transform: rotate(45deg); /*½Ç¶È45¶È£¬Õë¶Ô»ðºüä¯ÀÀÆ÷дµÄ¼æÈÝ*/
		-o-transform: rotate(45deg); /*½Ç¶È45¶È£¬Õë¶ÔÅ·Åóä¯ÀÀÆ÷дµÄ¼æÈÝ*/
		-webkit-transform: rotate(45deg); /*½Ç¶È45¶È£¬Õë¶ÔÆ»¹ûä¯ÀÀÆ÷дµÄ¼æÈÝ*/
		transform: rotate(45deg);}  /*½Ç¶È45¶È£¬ÄÚÒ³Ãæ°üм¼ýÍ·Ñùʽ*/
	.m-btit span:after{content:""; /*ÅäºÏ:beforeÕâ¸öÊôÐÔ£¬Ð´ beforeµÄʱºòÒ»¶¨Òª¼ÓÉÏÈ¥*/
		position:absolute;
		width:8px;
		height:8px;
		left:1px;
		top:3px;
		z-index:11; background-color:#f2f2f2;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#eeeeee)); /*Õë¶ÔÆ»¹ûÀÏʽä¯ÀÀÆ÷дµÄ¼æÈÝ*/
		background-image: -webkit-linear-gradient(top, #f2f2f2, #eeeeee); /*±³¾°½¥±ä£¬Õë¶ÔÆ»¹ûä¯ÀÀÆ÷дµÄ¼æÈÝ*/
		background-image: -moz-linear-gradient(top, #f2f2f2, #eeeeee); /*±³¾°½¥±ä£¬Õë¶Ô»ðºüä¯ÀÀÆ÷дµÄ¼æÈÝ*/
		background-image: -o-linear-gradient(top, #f2f2f2, #eeeeee); /*±³¾°½¥±ä£¬Õë¶ÔÅ·Åóä¯ÀÀÆ÷дµÄ¼æÈÝ*/
		background-image: -ms-linear-gradient(top, #f2f2f2, #eeeeee); /*±³¾°½¥±ä£¬Õë¶ÔÊÖ»ú΢Èíä¯ÀÀÆ÷дµÄ¼æÈÝ*/
		background-image: linear-gradient(top, #f2f2f2, #eeeeee);  /*±³¾°½¥±ä£¬Õý³£µÄд·¨*/
		-moz-transform: rotate(45deg); /*½Ç¶È45¶È£¬Õë¶Ô»ðºüä¯ÀÀÆ÷дµÄ¼æÈÝ*/
		-o-transform: rotate(45deg); /*½Ç¶È45¶È£¬Õë¶ÔÅ·Åóä¯ÀÀÆ÷дµÄ¼æÈÝ*/
		-webkit-transform: rotate(45deg); /*½Ç¶È45¶È£¬Õë¶ÔÆ»¹ûä¯ÀÀÆ÷дµÄ¼æÈÝ*/
		transform: rotate(45deg);	} /*½Ç¶È45¶È£¬ÄÚÒ³Ãæ°üм¼ýÍ·Ñùʽ*/
	/*ÄÚÒ³Ãæ°üмµ¼º½Ñùʽ ½áÊø*/
	/*ÄÚÒ³Ö÷Ìå*/
	.inside{padding:0;margin-bottom:20px;}
	.nynav{width:100%;background: #f3f3f3;}
	.nyjc{margin-bottom:0;}
	#sidebar{padding: 0px;background: transparent;border: none;display: flex;flex-wrap: wrap;align-content: flex-start;}
	#sidebar li{margin-top: 0px;flex:1;}
	#sidebar li a{padding: 0 5px;}
	.nyshow{width:100%;}
	.nyshowdesc{margin-top: 10px;padding: 0 10px;line-height: 1.6;font-size:14px;word-break: break-all;width: 100%;overflow-x: auto;}
	.nyshowdesc>div{width:100% !important;}
	.nyshowdesc table{white-space: nowrap;}
	.nyhotnews>h3{background: url(/html/staticres/images/nyhotnewico.png) no-repeat left 10px top 10px;padding-left: 10px;}
	.nyhotnews-list li{width:100%;background:none;border-bottom: 1px dashed #ddd;}
	.nyhotnews-list li a{width:calc(100% - 90px);}
	.ny-page a{padding:8px;font-size:12px;}
	/*ͼƬÄ£¿é*/
	.nyimg-ul{margin-top:20px;}
	.nyimg-ul li{width:50%;margin-bottom:10px}
	.showimg-top{margin-top:20px;}
	.showimg-top h1{font-size:20px;}
	.showimg-time span{font-size:12px;}
	.showimg-con{padding:0 10px;line-height: 1.6;font-size:14px;word-break: break-all;width: 100%;}
	/*ÊÓƵÄ£¿é*/
	.nyvideo-ul{margin-top:20px;}
	.nyvideo-ul li{width:50%;margin-bottom:10px}
	.nyvideo-div a.nyvideo-a{font-size:12px;}
	.showvideo-top{margin-top:20px;}
	.showvideo-top h1{font-size:20px;}
	.showvideo-time span{font-size:12px;}
	.showvideo-mp video, .showvideo-mp iframe{max-width:100%;}
	/*ÏÂÔØÄ£¿é*/
	.nydown-list{margin-top:20px;}
	.nydown-list table thead{font-size:14px;white-space:nowrap;}
	.nydown-list table th{width: 30%;}
	.showdown-top{margin-top:20px;}
	/*ÎÄÕÂÄ£¿é*/
	.nynews-ul{margin-top:10px;}
	.nynews-ul li{padding:0 10px;margin-bottom:10px;}
	.nynews-ul li a dl{padding:8px;}
	.nynews-ul li a dl dt img{width:130px;}
	.nynews-ul li a dl dd{width:calc(100% - 140px);margin-top:0;margin-left:10px;}
	.nynews-ul li a dl dd h5{width:100%;font-size:14px;line-height:20px;}
	.nynews-ul li a dl dd em{height: 18px;line-height: 18px;font-size: 12px;}
	.nynews-ul li a dl dd p{font-size:12px;margin-top:0;}
	.nynews-ul li a dl dd span{display:none;}
	.shownews-top{margin-top:20px;}
	.shownews-top h1{font-size:20px;}
	.shownews-time span{font-size:12px;}
	.shownews-con{padding:0 10px;line-height: 1.6;font-size:14px;word-break: break-all;width: 100%;}
	/*±êÇ©*/
	.pro_key{padding:0 10px;}
	/*ËÑË÷Ä£¿é*/
	.nysearch-ul{margin-top:10px;padding:0 10px;}
	.nysearch-ul li.nysearch-li{padding-bottom:10px;margin-bottom:10px;}
	.nysearch-til>h2{font-size:16px;}
	/*²úÆ·Ä£¿é*/
	.nyprojc-til{background-size:100%;}
	.nyprojc-til a{padding:20px;}
	.nyprojc-til a span{color:#fff;}
	#sidebar1 li>a{line-height: 40px;height: 40px;}
	#sidebar1 li>a::before{height:40px;}
	#sidebar1 li>a>span{font-size:14px;}
	#sidebar1 li>a>i{top: 12px;}
	#sidebar1 li>.nypronav2{padding:5px 0;}
	#sidebar1 li>.nypronav2>a{font-size:12px;line-height:30px;}
	.nypro-ul li{width:50%;margin:0;padding:0 10px;box-sizing:border-box;}
	.nypro-ul li a .nypro-txt{padding:10px 0;}
	.nypro-ul li a .nypro-txt p{padding:0;font-size: 14px;line-height: 25px;height: 25px;}
	.nypro-ul li a .nypro-txt span{padding:0;font-size: 12px;line-height: 20px;height: 20px;}
	.nyproshow-top>dt{width:100%;padding:0 10px;box-sizing:border-box;margin-bottom:20px;}
	.spec-items{width: calc(100% - 50px);}
	.nyproshow-txt{width:100%;padding:0 10px;box-sizing:border-box;margin-left:0;}
	.nyproshow-txt>h1{font-size:18px;text-align:center;}
	.showpro-telcon span{font-size:20px;}
	.showpro-tel a{display:none;}
	.showpro-con ul{margin-bottom:0;}
	.showpro-details .showpro-det{padding:10px;}
	.nyaboutpro>h3{padding-left:10px;background: url(/html/staticres/images/nyaboutproico.png) no-repeat 10px;}
}

@media (max-width: 768px) and (min-width:320px) {
	html { font-size:75%;}
}
@media (max-width: 768px) and (min-width:360px) {
	html { font-size:85%;}
}
@media (max-width: 768px) and (min-width:375px) {
	html { font-size:87.5%;}
}
@media (max-width: 768px) and (min-width:414px) {
	html { font-size:96%;}
}
@media (max-width: 768px) and (min-width:480px) {
	html { font-size:110.5%;}
}
@media (max-width: 768px) and (min-width:568px) {
	html { font-size:129%;}
}
@media (max-width: 768px) and (min-width:639px) {
	html { font-size:150%;}
}

@media(max-width: 767px){
	.hcont{padding: 10px 0;}
	.container{padding: 0 5px;}
	.hcont .dlogo img{max-width: 100%; width: 60%;}
	.hcont .dlogo dt{width: 100%; text-align: center; display: block;}
	.hcont .dlogo dt img{ float: inherit; margin:0 auto;}
	.hcont .dlogo dd{border-left: none; padding-left:0; margin: 0; width: 100%;  }
	.hcont .dlogo dd p font{font-size: 18px;}
	.hcont .dlogo dd p{text-align: center; font-size: 18px; }
	.hcont .dlogo dd h2{ font-size: 14px;  width: 100%; text-align: center;}
	.nav, .sousuo, .you_bg, .prod, .edgebj2, .liuc, .syabout, .strength, #news  {display: none;}
}



/*·­Ò³Ñùʽ*/
.metpager_1{ text-align:center;}
.metpager_2{ text-align:center;}
.metpager_3{ text-align:center;}

#flip{line-height: 25px;}
.digg4{ padding:3px; margin:3px; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
.digg4 a,.digg4 span.miy{ margin:2px; text-decoration:none;}
.digg4 .disabledfy{ font-family: Tahoma, Verdana;}

.metpager_4 a,.metpager_4 span.miy{ border:1px solid #aaaadd; padding:2px 5px 2px 5px; color:#009;}
.metpager_4 a:hover { border:1px solid #009; color:#000;}
.metpager_4 a:active {border:1px solid #009; color:#000;}
.metpager_4 span.current { border:1px solid #009; background-color:#009; padding:2px 5px 2px 5px; margin:2px; color:#FFFFFF; text-decoration:none;}
.metpager_4 span.disabled { border:1px solid #eee; padding:2px 5px 2px 5px; margin:2px; color:#ddd;}

.metpager_5 a,.metpager_5 span.miy{ border:1px solid #ccdbe4; padding:2px 8px 2px 8px; color:#ff8108; display: inline-block; }
.metpager_5 a:hover { border:1px solid #ff8108; color:#fff; background-color:#ff8108;}
.metpager_5 a:active {border:1px solid #009; color:#000;}
.metpager_5 span.current { padding:2px 8px 2px 8px; margin:2px; color:#fff; background:#ff8108; border:1px solid #ff8108; text-decoration:none;display: inline-block;}
.metpager_5 span.disabled { border:1px solid #ccdbe4; padding:2px 8px 2px 8px; margin:2px; color:#999;display: inline-block;}

.metpager_6{ color:#ff6500; }
.metpager_6 a,.metpager_6 span.miy{ border:1px solid  #ff9600; padding:2px 7px 2px 7px; background-position:50% bottom; color:#ff6500; background-image:url(/html/staticres/images/page/page6.jpg);}
.metpager_6 a:hover { border:1px solid #ff9600; color:#ff6500; background-color:#ffc794;}
.metpager_6 a:active {border:1px solid #ff9600; color:#ff6500; background-color:#ffc794;}
.metpager_6 span.current {border:1px solid #ff6500; padding:2px 7px 2px 7px; margin:2px; color:#ff6500; background-color:#ffbe94; text-decoration:none;}
.metpager_6 span.disabled { border:1px solid #ffe3c6; padding:2px 7px 2px 7px; margin:2px; color:#ffe3c6;}

.metpager_7 a,.metpager_7 span.miy{ border:1px solid  #2c2c2c; padding:2px 5px 2px 5px; background:url(/html/staticres/images/page/page7.gif) #2c2c2c; color:#fff;}
.metpager_7 a:hover { border:1px solid #aad83e; color:#fff;background:url(/html/staticres/images/page/page7_2.gif) #aad83e;}
.metpager_7 a:active { border:1px solid #aad83e; color:#fff;background:urlurl(/html/staticres/images/page/page7_2.gif) #aad83e;}
.metpager_7 span.current {border:1px solid #aad83e; padding:2px 5px 2px 5px; margin:2px; color:#fff;background:url(/html/staticres/images/page/page7_2.gif) #aad83e; text-decoration:none;}
.metpager_7 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;}

.metpager_8 a,.metpager_8 span.miy{ border:1px solid #ddd; padding:2px 5px 2px 5px; color:#aaa;}
.metpager_8 a:hover { border:1px solid #a0a0a0; }
.metpager_8 a:hover { border:1px solid #a0a0a0; }
.metpager_8 span.current {border:1px solid #e0e0e0; padding:2px 5px 2px 5px; margin:2px; color:#aaa; background-color:#f0f0f0; text-decoration:none;}
.metpager_8 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;}

.metpager_9 a,.metpager_9 span.miy{ border:1px solid #ddd; padding:2px 5px 2px 5px; color:#88af3f; } 
.metpager_9 a:hover { border:1px solid #85bd1e; color:#638425; background-color:#f1ffd6; } 
.metpager_9 a:hover { border:1px solid #85bd1e; color:#638425; background-color:#f1ffd6; } 
.metpager_9 span.current {border:1px solid #b2e05d; padding:2px 5px 2px 5px; margin:2px; color:#fff; background-color:#b2e05d; text-decoration:none;} 
.metpager_9 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;}




#page{ padding: 30px 0; overflow: hidden;}
#page .pagenav{ width: 270px; float: left;}
#page .pagenav h2{line-height: 70px; background-color: #ff8108; font-size: 20px; font-weight: bold; color: #fff; text-align: center;}
#page .pagenav .pagepro{ margin-top: 20px;}
#page .pagenav .pagepro .bd{border:1px solid #dedede; padding: 10px;}
#page .pagenav .pagepro .bd ul li {margin-top: 15px;}
#page .pagenav .pagepro .bd ul li img{width: 242px; border:1px solid #dedede; padding: 2px; display: block;}
#page .pagenav .pagepro .bd ul li h3{text-align: center; font-size: 15px; line-height: 2;}
#page .pagenav .pagepro .bd ul li:hover img{border:1px solid #ff8108;}
#page .pageright { float: right; width:900px;}
#page .pageright .pagerighttxt{border:1px solid #dedede; padding: 10px; overflow: hidden; }
#page .pageright .pagerighttxt .pageright_t h2{ font-size: 18px; font-weight: bold; color: #ff8108;  border-bottom: 1px solid #dedede; margin-bottom: 10px; padding-bottom: 10px;}
#page .pageright .pagerighttxt .pagerightcon{ line-height: 2; font-size: 15px;}
#page .pagenews{padding: 10px; border:1px solid #dedede; overflow: hidden; margin-top: 20px;}
#page .pagenews h2{ font-size: 18px; font-weight: bold; color: #ff8108;  border-bottom: 1px solid #dedede; margin-bottom: 10px; padding-bottom: 10px;}
#page .pagenews ul li{width:50%; float: left; border-bottom: 1px dashed #dedede;}
#page .pagenews ul li a{display: block; padding: 0 8px;}
#page .pagenews ul li h3{ float: left; font-size: 14px; color: #333; width:calc(100% - 80px); line-height: 2; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
#page .pagenews ul li em{ float: right; color: #666; line-height: 2;}
#page .pagenews ul li:hover h3{color: #ff8b00; }
#page .pagenews ul li:hover em{color: #ff8b00; }

.pagerightnews ul li{overflow: hidden; border-bottom: 1px dashed #dedede; padding-bottom: 15px; margin-bottom: 15px;}
.pagerightnews ul li dl dt{ float: left;}
.pagerightnews ul li dl dd{width:580px; float: right;}
.pagerightnews ul li img{ width:270px; border:5px solid #f3f3f3;}
.pagerightnews ul li dl dd h3{ font-size: 16px; color: #333; line-height: 2; font-weight: bold; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
.pagerightnews ul li dl dd p{ color: #666; line-height: 2;}
.pagerightnews ul li dl dd em{color: #999; line-height: 2; display: block;}
.pagerightnews ul li:hover h3{color: #ff8108; }

.shownews h1{ color: #333; text-align: center;}
.shownews-time{ line-height: 2; }
.shownews .shownews-con{line-height: 2;}
.shownews .shownews-con img{margin-top: 10px;}

.pageproli ul{overflow: hidden;}
.pageproli ul li{ float: left; margin-top: 16px;} 
.pageproli ul li a{display: block; padding: 0 8px;}
.pageproli ul li img{border:1px solid #dedede; padding: 2px; width: 270px;}
.pageproli ul li:hover img{border:1px solid #ff8108;}
.pageproli ul li h3{ line-height: 2; font-size: 15px; text-align: center; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}

@media(max-width: 767px){
	#page .pageright{width: 100%;}
	.pageproli ul li{width: 50%; float: left; margin-top: 6px;}
	.pageproli ul li a{padding: 0 3px;}
	.pageproli ul li img{max-width: 100%;}
	.pageproli ul li h3{ font-size: 14px;}
	.pagenews{display: none; }
	.pagepro{display: none; }
	#page .pagenav{width: 100%; }
	#sidebar{display: block;}
	#page{padding: 0; }
	#page .pagenav h2{display: none; }
	#page .pagenav ul li{width: 33.333%; float: left; border-bottom: 1px solid #dedede; border-right: 1px solid #dedede;}
	#page .pageright .pagerighttxt{margin-top: 20px;}
	.nyproshow-top>dt{padding: 0;}
	.pagerightnews ul li img{width: 100%; }
	.nyimg-ul li{padding: 0 3px;}
	.pagerightnews ul li dl dd{width: 100%; }
}