/* eyoucms.com 易优CMS -- 好用,免费,安全 */
@charset "utf-8";
/* CSS Document */
body{font-family:"microsoft yahei";font-size:16px;color:#0b0b0b; text-transform : uppercase;font-smoothing: antialiased;/*坐等标准化，有备无患*/
-webkit-font-smoothing: antialiased; /*chrome、safari*/
-moz-osx-font-smoothing: grayscale;/*firefox*/}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{outline:none;margin:0;padding:0;}
html{overflow:0;overflow-x:hidden;}
*{word-wrap:break-word;}
table{border-collapse:collapse;}
fieldset,img{border:none;}
ul,li{list-style-type:none;}
a{text-decoration:none; cursor:pointer; color:#0b0b0b;}
select,input{vertical-align:middle;outline:none;}input[type=button],input[type=reset],input[type=submit],input[type=radio],input[type=checkbox]{cursor:pointer;}
i,em{font-style:normal;}
.clear{clear:both;}
.date{ font-style:normal; float:right; color:#999; font-style:normal;}
.m_m{ width:1200px; margin:0 auto;}
body{min-width:1200px;}
.m_t{ margin-top:15px;}
.m_t30{ margin-top:30px;}
.m_t20{ margin-top:20px;}
.m_r{ margin-right:15px;}
.m_r10{ margin-right:10px;}
.m_r20{ margin-right:20px;}
.m_r30{ width:380px; float:left; margin-right:30px;}
.m_r31{ width:380px; float:left; margin-right:30px;}
.m_r32{ width:380px; float:right; margin-right:0px;}
.p_t30{padding-top:30px;}
.p_t20{padding-top:20px;}
.p_t15{padding-top:15px;}
.p_t10{padding-top:10px;}
.display_none{display:none;}
.display_inline{display:inline;}
.hidden{overflow:hidden;}
.fl{float:left}
.fr{float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
/*layout*/
.top1 span{ width:230px;  float:right;}
.top1 a:last-child{ margin-right:0;}
/*head*/
.toptwo{ height:120px; position:relative; background-color:#FFF;}
.logo{ height:120px; overflow:hidden;}
.logo a{ height:120px; height:120px; display:table-cell; text-align: left; vertical-align:middle; }
.logo a img{ max-width:450px; max-height:120px;vertical-align:middle; }
.phone{ width:550px; height:120px; overflow:hidden; position:relative;}
.phone em{ width:100%; height:45px; color:#303030; font:18px/40px "Microsoft YaHei"; display:inline-block; background:url(../img/phonebg.jpg) center no-repeat; text-align:center; margin-top:15px;}
/*menu*/
.nav{font-family:"Microsoft YaHei",SimSun,SimHei;display: -moz-box; /* Firefox */
	list-style-type: none;
    display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -moz-box-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -moz-box-pack: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
	justify-content: center;
    display: table\9\0;
	}
.nav h3{ width:auto; font-size:100%; font-weight:normal; font-size:18px; text-align:center; }
.nav .m{position:relative; float:left; display:inline; text-align:center; -webkit-box-flex: 1;
 -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1;   -ms-flex: 1; flex: 1; min-width:11%\9\0; display: table-cell\9\0;width:133px\9\0; *width:133px;}
	@media \0screen {.nav .m{width:130px;}}
.nav .m h3 i{ display:inline-block; *display:inline; zoom:1; width:7px; height:4px; background: url(../img/icon.png) 0 -280px no-repeat; overflow:hidden; margin:-2px 0 0 5px; vertical-align:middle; filter:alpha(opacity=50);opacity:0.5; }
.nav .on h3 a i{ filter:alpha(opacity=100);opacity:1; }
.nav .sub{ display:none; /*默认隐藏*/ min-width:133px; padding:10px 0 20px;  position:absolute; *left:0; background:rgba(253, 252, 252, .8);  float:left; -webkit-box-shadow:0 1px 3px #575656;  
-moz-box-shadow:0 1px 3px #575656;  
box-shadow:0 1px 3px #575656; *background-color:#FFF;}
@media \0screen {.nav .sub{background-color:#FFF;}}
.nav .sub>li{ width: auto; text-align:center;  line-height:40px;  border-bottom:1px dashed #CCC; white-space:nowrap; display:block;}
.nav .sub li>a{ color:#333; display:block; zoom:1; padding:0 10px;}
#width{ display:none; /*默认隐藏*/  z-index:1; width:1200px; left:-400px; text-align:center; vertical-align:middle;}
#width li{ display: inline-block; border:none; *float:left;}
#width li a:hover{ background:none; color:#333; }
#width li dl{display:inline-block; *display:inline; zoom:1; vertical-align:top; padding:0 10px; float:left;}
#width li dl dd{ float:left; padding:3px;}
#width li dl dd a{ display:inline-block;}
#width li dl dd a img{ width:100px; height:65px; overflow:hidden; *width:90px;}

#widb{ display:none; /*默认隐藏*/ z-index:1; width:1200px; left:-520px;  text-align:center; vertical-align:middle; overflow:hidden;}
#widb li{ display: inline-block; border:none;*float:left;}
#widb li a:hover{ background:none;  color:#333; }
#widb li dl{display:inline-block; *display:inline; zoom:1; vertical-align:top; padding:0 10px; float:left;}
#widb li dl dd{ float:left; padding:3px;}
#widb li dl dd a{ display:inline-block;}
#widb li dl dd a img{ width:200px; height:130px; overflow:hidden;}

/*banner*/
.focusBox {position:relative; width:100%; height:auto; overflow: hidden;}
.focusBox .pic{width:100%; height:auto;  position:relative; z-index:0; }
.focusBox .pic a{ display:block; width:100%;  height:auto; min-width:1200px;}
.focusBox .pic a img{width:100%;}
.focusBox .hd { width:100%; position: absolute; bottom:15px; text-align: center; font-size:0; z-index:1; }
.focusBox .hd li{margin: 0 5px;width: 16px;height: 16px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;background-color:#fff; cursor: pointer; display:inline-block; *display:inline; zoom:1; overflow:hidden;}
.focusBox .hd .on{width: 16px;height: 16px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;background-color: #fecc03;}
.focusBox .prev,.focusBox .next { width:60px; height:100px; display: none; background: url(../img/ad_ctr.png) 0 0 no-repeat; position: absolute; top:40%;z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=50);opacity:0.5;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;}
.focusBox .prev { left:20px; }
.focusBox .next { background-position:-70px 0; right:20px; }
.focusBox .prev:hover,
.focusBox .next:hover { filter:alpha(opacity=60) !important; opacity:0.6!important; }

/*notice*/
.noticebox{ width:100%; height:70px; line-height:60px; background:url(../img/noticebg.jpg) #f9f9f9 0 50px repeat-x; margin-top:0px; *padding-top:500px;}
.txtMarquee-left{ width:900px; overflow:hidden; padding-top:10px;}
.txtMarquee-left em{ width:100px; float:left; height:35px; font:18px/35px "Microsoft YaHei"; display:inline-block;}
.txtMarquee-left .hd{ width:25px; overflow:hidden;  height:35px; padding:0 10px; float:right;}
.txtMarquee-left .hd .prev,.txtMarquee-left .hd .next{ display:block;  width:5px; height:9px; float:left; margin-right:5px; margin-top:13px;  overflow:hidden; cursor:pointer; background:url(../img/icoright.gif)  no-repeat;}
.txtMarquee-left .hd .next{ background:url(../img/icoleft.gif)  no-repeat;  }
.txtMarquee-left .bd{ width:730px; float:left; overflow:hidden; margin-left:10px;}
.txtMarquee-left .bd .tempWrap{ width:730px !important; }/* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */
.noticeList{ overflow:hidden; zoom:1; }
.noticeList li{ width:325px; padding-left:15px; margin-right:30px; float:left; height:35px; line-height:35px;  text-align:left; _display:inline; width:auto !important; background: url(../img/lb.png) no-repeat center left;}/* 用 width:auto !important 覆盖SuperSlide自动生成的宽度，解决文字不衔接问题 */
.noticeList li a{color:#585959;}
.noticeList li span{ height:35px; line-height:35px;  color:#999;  font-size:14px; padding-left:10px;}

/*search*/
.search{ width:240px; height:42px; background: url(../img/search.jpg) no-repeat right 8px; padding-top:8px;}
.search-input{width:175px; height:30px; line-height:30px; border:0; background: none; padding:0 5px; color:#e1f1fe; margin:5px 0 0 10px; float:left;}
.btn-search{ width:45px; height:30px; line-height:30px; background:none; border:none; cursor:pointer; float:right; margin-top:5px;}
/*about us*/
.aboutkk{ height:500px; overflow:hidden;}
.aboutbox{ width:860px; margin-right:30px;}
.aboutlm{ width:100%; height:40px; font:24px/40px "Microsoft YaHei";}
.aboutlm span{ width:280px; color:#b4b5b5; float:left;}
.aboutlm span em{ color:#232323; font-style:normal;}
.aboutlm span i{ color:#b4b5b5; font-style:normal;}
.aboutlm a{ float:right; color:#7c7b7b; font:16px/40px "Microsoft YaHei";}
.aboutlm a:hover{color: #F00;}

.nrbox{ width:100%; height:200px; overflow:hidden;}
.nrbox span{width:300px; height:200px; overflow:hidden; display:block; float:left;}
.nrbox span img{width:300px; height:200px; overflow:hidden;}
.briefvedio{width:300px; height:200px; overflow:hidden;}
.nrbox p{width:540px; float: right; line-height:28px; padding-left:20px; overflow:hidden;}
.nrbox p a{ color:#ee014f;}
.nrbox p a:hover{ color:#F90;}
.aboutphone em{ width:208px; float:left; line-height:50px;}

/*map*/
.mapbox{ width:858px; height:158px; border:1px solid #CCC;}

/*new puroduct*/
.hotpic{ width:310px;}
.hotshow{width:310px;  overflow:hidden;}
.hotshow ul{ overflow:hidden; zoom:1; }
.hotshow ul li{ text-align:center; zoom:1; position:relative; margin-top:15px;}
.hotshow ul li .pic{ text-align:center; }
.hotshow ul li .pic a{ width:310px; height:200px; display:inline-block; overflow:hidden;}
.hotshow ul li .pic img{ width:310px; height:200px; display:block;}
.hotshow ul li .title{ width:310px; height:35px; line-height:35px; position:absolute; left:0; bottom:0; background:url(../img/d.png) repeat;}
.hotshow ul li .title a{ color:#FFF;}

/*product show*/
.productbox{ height:565px; overflow:hidden;}
.prod_left{ width:200px; margin-right:20px;}
.prod_left ul{}
.prod_left ul li{ width:100%; height:40px; line-height:40px; text-align:center; margin:10px 0; background-color:#e9ecee;}
.prod_left ul li>a{ display:block;}
.classmore:hover{ color:#FF0;}

.showcp{ width:980px;}
.showcp ul{}
.showcp ul li{ width:310px; height:250px; overflow:hidden; margin:25px 25px 0 0;  background-color:#f5f6f6; float:left;*margin:20px 8px;}
@media \0screen {.showcp ul li{margin:20px 8px;}}
.showcp ul li:nth-child(3n){ margin-right:0; behavior: url(css/ie-css3.htc);  /*括号里的路径写绝对路径*/}
.showcp ul li>a{ width:310px; height:200px; overflow:hidden;  display:block; text-align:center;}
.showcp ul li>a img{ width:310px; height:200px; overflow:hidden;}
.showcp ul li p{ line-height:50px; color:#272525; text-align:center;}

/*横幅*/
.hf{width:100%; height:150px; overflow:hidden; padding:25px 0;}
.hfnr{ position: relative; height:150px;}
.hfnr p{ width:60%; height:120px; padding:15px 0; position:absolute; left:0; font:600 40px/50px "Microsoft YaHei"; color:#FFF; text-align:left;}
.hfnr em{ height:50px; position:absolute; right:0; bottom:20px;  font:30px/50px "Microsoft YaHei"; color:#FFF; text-align: right;}

/*case*/
.caseshow{ height:70px; text-align:center;}
.caseshow h1{ font: normal 30px/70px "Microsoft YaHei"; color:#3a3838;}
.caseshow h1 i{color:#b4b5b5;}

.casebox{ height:750px; overflow:hidden;}
.casebox ul{}
.casebox ul li{ width:378px; height:348px; background-color:#f0f2f4; border:1px solid #f0f2f4; text-align:center; margin:25px 30px 0 0; float:left; *margin:20px 10px;}
@media \0screen {.casebox ul li{margin:20px 10px;}}
.casebox ul li:nth-child(3n){  margin-right:0; behavior: url(css/ie-css3.htc);  /*括号里的路径写绝对路径*/}
.casebox ul li>a{ width:378px; height:240px; overflow:hidden; display:block;}
.casebox ul li img{ width:378px; height:240px; overflow:hidden;}
.casebox ul li p{ line-height:50px;}


/*文字栏*/
.wordbox{ width:100%; height:360px; background-color:#f6f7f7; margin-top:30px; padding:30px 0;}
.wzlm{ width:380px; height:50px; font:20px/50px "Microsoft YaHei"; border-bottom:#e3e5e6 solid 1px;}
.wzlm span{color:#b4b5b5; float:left;}
.wzlm span em{ color:#232323; font-style:normal;}
.wzlm span i{ color:#b4b5b5; font-style:normal;}
.wzlm a{ float:right; color:#7c7b7b;  padding-top:20px; font:16px/30px "Microsoft YaHei"; }
.wzlm a:hover{color: #F00;}

.wordnr{}

.wordnr dl dt{ width:380px; height:100px; overflow:hidden; padding:20px 0 10px;}
.wordnr dl dt img{ width:380px; height:100px; overflow:hidden;}
.wordnr dl dd{ line-height:35px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

/*footbox*/
.footlogo{ width:auto; height:140px; float:left;}
.footlogo img{ width:200px; height:140px; overflow:hidden;}
.footdl{ width:640px; height:150px; overflow:hidden; float:left;}
.footdl dl{ width:120px; float:left; text-align:center; margin-right:20px; overflow:hidden;}
.footdl dl dt{ font-size:18px; padding-bottom:10px;}
.footdl dl dd{ line-height:24px; font-size:14px;}

.footdl ul{ width:360px; float:left; text-align:left;}
.footdl ul div{ font-size:18px; padding-bottom:10px;}
.footdl ul li{ line-height:24px; font-size:14px;}

.footerwm{ width:140px; height:150px; overflow:hidden; float: right; text-align:center;}
.footerwm img{ width:120px; height:120px; overflow:hidden;}
/*link*/
.linknr span{ float:left; font-size:18px;}
.linknr p{ float:left;}

/*右侧nav*/
.rightNav{ position:fixed; width:100px;  height:100%; right:0; top:0; *position:absolute; *right:4%; text-align:center; cursor:pointer; background-image:url(about:blank); z-index:9999;}
.rightNav a{display:block; position:relative; height:40px; line-height:40px; margin-bottom:1px;  padding-right:5px; width:95px; overflow:hidden;  cursor:pointer; color:#000; font-size:13px; background-color:#FFF;}
.rightNav a:hover{ text-decoration:none; color:#F60;}
.rightNav a em{ display:block; float:left; width:30px; height:40px; line-height:40px; background:#333; color:#fff;  text-align:center; margin-right:5px; -webkit-transition: -webkit-transform 0.4s ease-out;-moz-transition: -moz-transform 0.4s ease-out;transition: transform 0.4s ease-out; overflow:hidden; text-align:center; vertical-align:middle; border-right:2px solid #FFF;}
.rightNav a em img{ max-width:30px;  text-align:center; vertical-align:middle; *padding-top:10px;}
.rightNav a:hover em{ background:#ff8a01;  -webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);transform: rotate(360deg); display:block;}
.rightNav ul{ position:absolute; top:5%; z-index:99;}
.contentbg{width:100px; height:100%; display:block; position:relative; right:0; top:0;  background:url(../img/translucentbg.png) repeat;}
.Navclose{ width:100%; height:5%; position:absolute; z-index:999; left:0; background:url(../img/close.png) no-repeat left top;}
#qqzx{ background-color:#CCC;}
#qqzx:hover{ background-color:#666; color:#FFF;}
#qqzx em{ background-color:#F90;}

#ys1{background-color:#047ae1; color:#FFF;}
#ys1 em{background-color:#047ae1}

#ys2{background-color:#e60012; color:#FFF;}
#ys2 em{background-color:#e60012}

#ys3{background-color:#5c1e6b; color:#FFF;}
#ys3 em{background-color:#5c1e6b}

#ys4{background-color:#fd7c14; color:#FFF;}
#ys4 em{background-color:#fd7c14}

#ys5{background-color:#f5a100; color:#FFF;}
#ys5 em{background-color:#f5a100}

#ys6{background-color:#02b2b5; color:#fff;}
#ys6 em{background-color:#02b2b5; border-right:2px solid #ECECEC;}

#ys7{background-color:#000; color:#FFF;}
#ys7 em{background-color:#000}

#ys8{background-color:#eb0387; color:#FFF;}
#ys8 em{background-color:#eb0387}

#ys9{background-color:#1e50ae; color:#FFF;}
#ys9 em{background-color:#1e50ae;}

/*==========layout==============================================================================================================*/
.nybanner{ width:100%; height:300px; overflow:hidden;  position:absolute; top:200px; *left:0;}
.nybwz{ height:230px; position:relative; text-align:center; padding-top:80px;}
.nyw{ color:#56759c; font:48px/60px "Microsoft YaHei";}
.nyzw{ color:#FFF; font:36px/60px "Microsoft YaHei";}
.nybwz em{position:absolute; bottom:0;left:570px;}  

.weizhi{background: url(../img/iconhome.png) no-repeat 20px 16px; padding-left:45px; color:#FFF; position:relative; float:left;}
.weizhi i{height:50px; font: normal 16px/50px "Microsoft YaHei"; padding:0 10px;}
.weizhi a{ color:#FFF;}

/*list*/
.news-left{ width:1198px; height:298px; position:relative; border:1px solid  #C3C3C3;  overflow:hidden; margin:20px auto; overflow:hidden;  *position:relative; *top:370px;}
.news-left .wd{ overflow:hidden;  height:40px; line-height:40px; background:#f4f4f4; padding:0 10px;  }
.news-left .wd .prev,.news-left .wd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:15px; overflow:hidden; cursor:pointer; background: url(../img/arrow.png) no-repeat;}
.news-left .wd .next{ background-position:0 -50px;  }
.news-left .wd .prevStop{ background-position:-60px 0; }
.news-left .wd .nextStop{ background-position:-60px -50px; }
.news-left .wd ul{ line-height:40px; float:right; overflow:hidden; zoom:1; margin-top:15px; zoom:1; }
.news-left .wd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url(../img/icocircle.gif) 0 -9px no-repeat; }
.news-left .wd ul li.on{ background-position:0 0; }
.news-left .ad{ padding:15px;}
.news-left .ad ul{ overflow:hidden; zoom:1; }
.news-left .ad ul li{float:left; _display:inline; overflow:hidden; padding:0 5px;}
.news-left .ad ul li .pic{width:420px; height:228px; display:block; overflow:hidden; text-align:center; margin-right:20px;}
.news-left .ad ul li .pic img{ width:420px; height:228px; overflow:hidden;}
.news-left .ad ul li .title{ width:718px; height:228px; overflow:hidden; position:relative;}
.news-left .ad ul li .title h2 a{ width:100%; height:40px; line-height:40px; font-size:20px; text-align:left; font-weight:100;}
.news-left .ad ul li .title i{ width:100%; line-height:30px; display:block; color:#8f8f90;}
.news-left .ad ul li .title p{ line-height:30px; color: #333;}

/**/
.inlist{padding:0 0 15px 0; overflow:hidden; *padding-top:370px;}
.inlist ul li{ height:100px;  border-bottom:1px dashed #CCCCCC; overflow:hidden; padding-bottom:20px; margin:20px 0;}
.newdate{ width:200px; height:100px; text-align:center; background-color: #E4E4E4}
.newdate em{ width:200px; height:60px; font:48px/60px "Microsoft YaHei"; color:#767676; display:block;}
.newdate i{ width:200px; height:40px; font:20px/40px "Microsoft YaHei"; color: #8E8E8E; display:block;}

.newnr{ width:970px; height:100px; overflow:hidden; padding-left:30px;}
.newzi{ width:840px; float:left; padding-right:30px;}
.newzi h3 a{ width:100%; height:40px; line-height:40px; font-size:20px; text-align:left; font-weight:100;}
.newzi p{ line-height:30px; color: #333;}

.mores{ width:100px; height:100px; line-height:100px; text-align:center; display:block; background-color: #D8D8D8;  float: left;}
.mores:hover{ background-color: #CCC; color:#333;}


/*分页*/
.my_page{background-color:#edecf1; text-align:center; padding:10px 0; overflow:hidden; margin:20px 0 30px 0; }
.my_page li { display:inline; text-align:center; margin:0px 5px; line-height:40px;}
.my_page li a{padding:3px 10px; text-align:center; color: #333; border:1px solid #CCC; text-decoration:none; line-height:40px;}
.my_page li span{padding:3px 10px;text-align:center;color: #fff;border:1px solid #CCC;text-decoration:none;line-height:40px;background-color: #23a682;}

/*about*/
.web_nr{ padding:20px 0;  *padding-top:370px;}
.web_nr p{ line-height:30px;}
.web_nr img{ max-width:1200px; height:auto; width:expression(this.width >1200 ? "1200px" : this.width); overflow:hidden;}

/*list info*/
.bt{text-align:center; padding:15px 0;}
.bt h1{color:#151515; font-size:24px; font-weight:bold;}
.info{height:30px;line-height:28px; border-bottom: dashed  #BDBDBD 1px;  margin:3px 0px; text-align:center;  font-size:14px; color: #6A6A6A;}
.nr{ line-height:24px; padding:10px;}
.nr img{max-width:1200px; height:auto; width:expression(this.width >1200 ? "1200px" : this.width); overflow:hidden;}
/*page nest up*/
.fyy{height:auto; overflow:hidden; margin-bottom:20px; border-top:1px solid #C8C8C8; padding-top:10px;}
.fyy ul{}
.fyy ul li{ width:100%; line-height:30px;  float:left;}

/*inproducts 推荐*/
.news-left .pd{ padding:15px 10px;}
.prodList{ overflow:hidden; zoom:1; }
.prodList li{float:left; _display:inline; overflow:hidden; padding:0 12px;}
.prodList li a{width:270px; height:175px; display:block; overflow:hidden; text-align:center;}
.prodList li a img{ width:270px; height:175px; overflow:hidden;}
.produtheight{ height:250px;}

/*分类*/
.page_menu{ clear:both; overflow:hidden; text-align:center; padding-bottom:10px;}
.page_menu li{width:144px; height:46px; overflow:initial; display:inline-block; text-align:center; margin:4px 6px; cursor:pointer; }
.page_menu li a{ color:#666; display:block; border:#ddd solid 1px; height:44px; line-height:44px; overflow: initial; white-space:nowrap;}
.page_menu li.on a{ background:#7f8080; color:#FFF; border:#5f5f60 solid 1px;}
/* Shutter Out Vertical */
.page_menu li a{
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: #fff;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.page_menu li a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #4b4c4c;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.page_menu li a:hover, .page_menu li a:focus, .page_menu li a:active {
  color: #FFF; border:#4b4c4c solid 1px; transform:translate(0,0); transition:all .3s ease-in 0s;
}
.page_menu li a:hover:before, .page_menu li a:focus:before, .page_menu li a:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}


.zsx{ height:10px; background-color:#E6E6E6;}

/*show product*/
.productslist { padding:10px 0 30px 0; overflow:hidden; *padding-top:370px;}
.productslist ul li{ width:378px; height:300px; overflow:hidden; margin:25px 30px 0 0; background-color:#f5f6f6; float:left; *margin:20px 10px;}
@media \0screen {.productslist ul li{margin:20px 10px;}}
.productslist ul li:nth-child(3n){ margin-right:0; behavior: url(css/ie-css3.htc);  /*括号里的路径写绝对路径*/}
.productslist ul li a{ width:378px; height:290px; overflow:hidden; display:block; text-align:center;}
.productslist ul li a img{ width:378px; height:240px; overflow:hidden; display:block;}
.productslist ul li a p{ line-height:50px; color:#272525; text-align:center;}
.productslist ul li a p:hover{color: #da0313;}

/*在线留言*/
.mesagebox{ padding-top:30px;  *padding-top:370px;}
.oinput1{ height:40px; line-height:40px; width:400px; margin-top:10px;  border:1px solid #E1E1E1; }
.textarea{ width:400px; border:1px solid #E1E1E1; margin-top:20px;}
.admin{ color:#F00;}
.mesage_ask{ line-height:40px; background:#FFF;  padding:5px 10px;  margin-top:20px; }
.mesage_ask p{ margin:0;}
.mesage_replay{line-height:40px; padding:5px 10px;}
.mesage_replay p{ margin:0; color:#900;}
/*提示版本*/
.dowebok-explain{display:none; line-height:30px; font-size:14px; text-align: center; color:#fff;  background-color:#000;}

/*qq漂浮*/
.izl-rmenu{
	position:fixed;
	right:0;
	margin-right:0px;
	top:0;
	z-index:999; background: url(../img/ren.png) no-repeat left top;
}
.izl-rmenu .btn{width:72px; height:73px; cursor:pointer; position:relative; display:block; top:73px;}
.izl-rmenu .btn-qq{background:url(../img/r_qq.png) 0px 0px no-repeat; background-color:#ff6d57;}
.izl-rmenu .btn-qq:hover{background-color:#e74e37;}

.izl-rmenu .btn-qqwb{background:url(../img/r_qqwb.png) 0px 0px no-repeat; background-color:#6da9de;}
.izl-rmenu .btn-qqwb:hover{background-color:#44a6fd;}

.izl-rmenu .btn-kf{background:url(../img/r_kf.png) 0px 0px no-repeat; background-color:#40a7fe;}
.izl-rmenu .btn-kf:hover{background-color:#1e8ae5;}
.izl-rmenu .btn-wx{background:url(../img/r_wx.png) 0px 0px no-repeat; background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-150px; top:0px; display:none;width:150px;height:150px;}
.izl-rmenu .btn-phone{background:url(../img/r_phone.png) 0px 0px no-repeat; background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:160px; left:-160px; top:0px; height:73px;  line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none; overflow:hidden;}
.izl-rmenu .btn-top{background:url(../img/r_top.png) 0px 0px no-repeat; background-color:#0277c6; display:none;}
.izl-rmenu .btn-top:hover{background-color:#0167be;}

/*提示版本*/
.dowebok-explain{display:none; line-height:30px; font-size:14px; text-align: center; color:#fff;  background-color:#000;}


.contactB{width:100%;background:#ddd;margin:42px 0px;height:538px;overflow:hidden;}
.contactB_l{width:30.6%;float:left;background:#f5a100;height:100%;color:#fff;position:relative;}
.contactB_l dt{margin:50px 9% 0px 9%;font-size:35px;line-height:50px;padding-bottom:30px;position:relative;}
.contactB_l dt:after{content:'';position:absolute;bottom:0px;left:0px;width:40px;height:1px;background:#fff;}
.contactB_l dd{margin:54px 9% 0px 9%;}
.contactB_l dd p{font-size:16px;line-height:35px;}
.contactB_l:after{content:none;}
.contactB_R{width:61.5%;float:right;margin-right:2.8%;margin-top:12px;}
.contactB_R input{width:35%;float:left;height:52px;background:#f2f2f2;color:#7f7f7f;font-family:"微软雅黑";margin-top:30px;padding:0px 2%;border:1px solid #fff;}
.contactB_R input:nth-child(2n){width:52.2%;float:right;}
.contactB_R textarea{width:96%;float:left;height:178px;background:#f2f2f2;color:#7f7f7f;font-family:"微软雅黑";margin-top:30px;padding:20px 2%;}
.contactB_R .btndemand{float:right;width:142px;height:50px;line-height:50px;border:none;outline-:none;cursor:pointer;text-align:center;color:#fff;background:#f5a100;font-size:16px;margin-top:24px;}
.contactB_R p{width:37%;float:left;height:52px;background:#f2f2f2;color:#7f7f7f;font-family:"微软雅黑";margin-top:30px;padding-left:2%;}
.contactB_R p input{float:left;margin-top:0px;padding:0px;}
.contactB_R p img{float:right;height:100%;}



/*侧边栏*/
#toolbar{position:fixed;z-index:9999;right:5px;bottom:15%}
#toolbar li{margin-bottom:3px;position:relative}
#toolbar li,#toolbar li a{font-size:0;width:45px;height:45px;right:0}
#toolbar li a{display:block;position:absolute;z-index:9;top:0;overflow:hidden;background:#dd3e20;-webkit-transition:all .5s ease;transition:all .5s ease;white-space:nowrap}
#toolbar li .iconfont{width:45px;height:45px;background-color:#f5a100;text-align:center;color:#2b2b2b;font-size:26px}
#toolbar li .iconfont,#toolbar li .wz{display:inline-block;vertical-align:middle;line-height:45px}
#toolbar li .wz{font-size:16px;color:#fff;padding-left:10px}
#toolbar li.ewm .ewm-box{position:absolute;z-index:1;padding:5px;background:#dd3e20;width:110px;right:120%;bottom:0;opacity:0;visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:all .7s;transition:all .7s}
#toolbar li.ewm .ewm-box p{margin-bottom:0}
#toolbar li.ewm .ewm-box img{max-width:100%}
#toolbar li.ewm .ewm-box:after{content:"";position:absolute;right:-5px;bottom:20px;width:0;height:0;line-height:0;font-size:0;overflow:hidden;border-width:5px;cursor:pointer;border-style:dashed dashed dashed solid;border-color:transparent transparent transparent #dd3e20;border-right:none}
#toolbar li.ewm:hover .icon{background-position:-57px -180px}
#toolbar li.ewm:hover .ewm-box{opacity:1;visibility:visible;-webkit-transform:translateY(0);transform:translateY(0)}
#toolbar li.backtop{cursor:pointer}
#toolbar li.backtop .iconfont{color:#fff;background-color:#dd3e20;font-size: 14px;font-weight: 600;}
#toolbar li:hover a{width:200px}
#toolbar li:hover .iconfont{background-color:#dd3e20;color:#fff}
#toolbar li.top:hover a{width:45px;}
@media screen and (max-width:768px){
#toolbar{display:none;}


}

:root {
  --primary: #8B1A2B;
  --primary-dark: #6B0F1E;
  --primary-light: #FFF0F0;
  --accent: #C9A96E;
  --accent-light: #FDF3E4;
  --bg: #FDF8F2;
  --bg-card: #FFFFFF;
  --bg-alt: #F8F0EB;
  --text-primary: #2D1B1B;
  --text-secondary: #6B4B4B;
  --text-muted: #9B7B7B;
  --border: #EBE0D5;
  --radius: 12px;
  --shadow: 0 2px 16px rgba(139,26,43,0.06);
}
/* ========== SECTIONS ========== */
.section-header { text-align:center; margin-bottom:48px; }
.section-tag {
  display:inline-block; padding:4px 16px; background:var(--primary-light);
  color:var(--primary); border-radius:20px; font-size:0.8rem; font-weight:600;
  letter-spacing:1px; margin-bottom:12px; text-transform:uppercase;
}
.section-header h2 { font-size:1.8rem; margin-bottom:8px; }
.section-header p { color:var(--text-muted); font-size:0.95rem; }

/* ========== FAQ ========== */
.faq { padding:80px 0;background:#FDF8F2; }
.faq-channel ul{display: flex;justify-content: center;margin: 20px auto;}
.faq-channel ul li{padding:5px 10px;line-height:1.5;margin:0 10px}
.faq-channel ul li.active,.faq-channel ul li:hover{background-color: #f89303;}
.faq-channel ul li.active a,.faq-channel ul li:hover a{color: #FFF;}
.faq-list {  margin:0 auto; display:none;}
.faq-list.hover{display:block;}
.faq-item { border-bottom:1px solid var(--border); }
.faq-question {
  width:100%; text-align:left; padding:18px 0; background:none; border:none;
  font-size:0.95rem; font-weight:600; color:var(--text-primary); cursor:pointer;
  display:flex; justify-content:space-between; align-items:center; gap:16px;
}
.faq-question:hover { color:var(--primary); }
.faq-icon { font-size:1.2rem; color:var(--accent); transition:transform 0.3s; }
.faq-item.active .faq-icon { transform:rotate(45deg); }
.faq-answer { max-height:0; overflow:hidden; transition:max-height 0.35s ease; }
.faq-item.active .faq-answer { max-height:300px; }
.faq-answer-content { padding:0 0 18px; font-size:0.88rem; color:var(--text-secondary); line-height:1.8; }

/* NEWADCO-MOBILE-RESPONSIVE-20260824-START */
@media screen and (max-width: 768px) {
  html,
  body {
    width: 100%;
    min-width: 0 !important;
    max-width: 100%;
    overflow-x: hidden !important;
  }

  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }

  body {
    font-size: 15px;
    line-height: 1.7;
  }

  .aos-init,
  [data-aos],
  [aos] {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }

  img,
  video,
  iframe,
  table {
    max-width: 100% !important;
    height: auto !important;
  }

  .m_m {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 16px;
    padding-right: 16px;
  }

  .fl,
  .fr {
    float: none;
  }

  .topone {
    height: auto !important;
  }

  .top1 {
    min-height: 30px;
    text-align: center;
  }

  .top1 p {
    float: none;
    line-height: 30px;
    white-space: normal;
  }

  .top1 span,
  .syhomeheadcefl {
    display: none !important;
  }

  .toptwo {
    height: 84px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
  }

  .logo {
    width: 48%;
    height: auto;
    overflow: visible;
  }

  .logo a {
    display: block;
    height: auto;
  }

  .logo a img {
    display: block;
    width: auto;
    max-width: 100%;
    max-height: 62px;
  }

  .phone {
    width: 52% !important;
    height: auto !important;
    overflow: visible;
  }

  .phone em {
    display: none;
  }

  .phone p {
    width: 100% !important;
    height: auto !important;
    float: none !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
    text-align: right !important;
    word-break: break-word;
  }

  .navBar {
    height: 50px !important;
    overflow: hidden;
  }

  .nav {
    height: 50px;
    justify-content: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 8px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .nav::-webkit-scrollbar {
    display: none;
  }

  .nav .m {
    flex: 0 0 auto;
    width: auto;
    min-width: 92px;
  }

  .nav h3 {
    font-size: 15px;
  }

  .nav h3 a {
    line-height: 50px;
    padding: 0 12px;
    white-space: nowrap;
  }

  .nav .sub,
  #width,
  #widb,
  .rightNav,
  #toolbar,
  .izl-rmenu {
    display: none !important;
  }

  .focusBox .pic a {
    min-width: 0 !important;
  }

  .focusBox .prev,
  .focusBox .next {
    display: none !important;
  }

  .noticebox {
    height: auto;
    min-height: 52px;
    line-height: 1.5;
  }

  .txtMarquee-left {
    width: 100%;
    padding: 8px 16px;
  }

  .txtMarquee-left em {
    width: 76px;
    font-size: 15px;
  }

  .txtMarquee-left .bd,
  .txtMarquee-left .bd .tempWrap {
    width: calc(100vw - 150px) !important;
    margin-left: 0;
  }

  .search {
    display: none;
  }

  .nybanner {
    position: relative;
    top: auto;
    height: 160px;
    background-size: cover !important;
    background-position: center !important;
  }

  .nybwz {
    height: 160px;
    padding-top: 36px;
  }

  .nyw {
    font-size: 28px;
    line-height: 42px;
  }

  .nyzw {
    font-size: 25px;
    line-height: 42px;
  }

  .nybwz em {
    display: none;
  }

  .position {
    height: auto !important;
    min-height: 48px;
    margin-top: 0 !important;
    line-height: 1.6 !important;
    overflow: visible !important;
    padding: 0;
  }

  .weizhi {
    width: 100%;
    float: none;
    padding: 12px 16px 12px 42px;
    background-position: 16px 16px;
    overflow-wrap: anywhere;
  }

  .caseshow {
    height: auto;
    min-height: 0;
  }

  .caseshow:empty {
    display: none;
  }

  .caseshow h1,
  .productshow h1 {
    font-size: 24px;
    line-height: 1.35;
    padding: 18px 0;
  }

  .productshow {
    height: auto !important;
  }

  .page_menu {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .page_menu ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .page_menu li {
    width: auto;
    height: auto;
    margin: 0;
  }

  .page_menu li a {
    height: auto;
    min-height: 44px;
    line-height: 1.35;
    white-space: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
  }

  .web_nr,
  .inlist,
  .productslist,
  .productbox,
  .aboutkk,
  .casebox,
  .wordbox,
  .contactB {
    height: auto !important;
    overflow: visible !important;
  }

  .web_nr {
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .bt {
    padding: 8px 0 12px;
  }

  .bt h1 {
    font-size: 23px;
    line-height: 1.45;
  }

  .info {
    height: auto;
    min-height: 30px;
    line-height: 1.6;
    padding-bottom: 8px;
  }

  .nr {
    padding: 10px 0;
    line-height: 1.8;
    overflow-wrap: anywhere;
  }

  .nr h2,
  .web_nr h2 {
    font-size: 20px;
    line-height: 1.45;
    margin: 18px 0 8px;
  }

  .nr h3,
  .web_nr h3 {
    font-size: 17px;
    line-height: 1.5;
    margin: 14px 0 6px;
  }

  .nr p,
  .web_nr p,
  .nr li,
  .web_nr li {
    width: auto !important;
    max-width: 100% !important;
    overflow-wrap: anywhere;
  }

  .fyy {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .fyy li {
    float: none !important;
    overflow-wrap: anywhere;
  }

  .m_r30,
  .m_r31,
  .m_r32,
  .aboutbox,
  .hotpic,
  .hotshow,
  .prod_left,
  .showcp,
  .wzlm,
  .news-left,
  .newnr,
  .newzi,
  .contactB_l,
  .contactB_R,
  .mapbox {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .nrbox {
    height: auto;
    overflow: visible;
  }

  .nrbox span,
  .nrbox p {
    width: 100%;
    height: auto;
    float: none;
    padding-left: 0;
  }

  .nrbox span {
    margin-bottom: 14px;
  }

  .showcp ul,
  .casebox ul,
  .productslist ul {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .showcp ul li,
  .casebox ul li,
  .productslist ul li {
    width: 100% !important;
    max-width: 100%;
    height: auto;
    float: none;
    margin: 0 !important;
  }

  .showcp ul li > a,
  .casebox ul li > a,
  .productslist ul li > a {
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 2;
  }

  .showcp ul li > a img,
  .casebox ul li > a img,
  .productslist ul li > a img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
  }

  .news-left {
    height: auto;
  }

  .news-left .ad ul li,
  .news-left .ad ul li .pic,
  .news-left .ad ul li .title {
    width: 100%;
    height: auto;
    float: none;
    margin: 0;
  }

  .newdate {
    width: 72px;
    height: 82px;
  }

  .newdate em,
  .newdate i {
    width: 72px;
  }

  .newdate em {
    height: 48px;
    font-size: 32px;
    line-height: 48px;
  }

  .newdate i {
    height: 34px;
    font-size: 14px;
    line-height: 34px;
  }

  .inlist ul li {
    height: auto;
    min-height: 100px;
  }

  .newnr {
    padding-left: 14px;
  }

  .newzi {
    padding-right: 0;
  }

  .mores {
    display: none;
  }

  .contactB_l,
  .contactB_R {
    padding: 18px 16px;
  }

  .contactB_l dt,
  .contactB_l dd {
    margin: 16px 0;
  }

  .contactB_R input,
  .contactB_R input:nth-child(2n),
  .contactB_R textarea,
  .contactB_R p {
    width: 100%;
    float: none;
  }

  .footbox {
    height: auto !important;
    padding: 24px 0 !important;
  }

  .footer {
    min-height: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }

  .footlogo,
  .footdl,
  .footdl ul,
  .footerwm {
    width: 100%;
    height: auto;
    float: none;
    margin: 0;
  }

  .footlogo {
    text-align: center;
  }

  .footlogo img {
    width: 160px;
    height: auto;
  }

  .footdl {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
  }

  .footdl dl {
    width: calc(50% - 8px);
    margin: 0;
  }

  .footdl ul {
    text-align: center;
  }

  .footerwm {
    text-align: center;
  }

  .footerwm img {
    width: 120px;
    height: auto;
  }

  .linkbox {
    height: auto !important;
    min-height: 50px;
    line-height: 1.7 !important;
    padding: 12px 0;
  }

  .linknr span,
  .linknr p {
    float: none;
  }

  .footend {
    height: auto !important;
    min-height: 60px;
    line-height: 1.8 !important;
    padding: 12px 0;
  }

  .footend p {
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .faq {
    padding: 44px 0;
  }

  .faq-channel ul {
    flex-wrap: wrap;
    gap: 8px;
  }

  .faq-channel ul li {
    margin: 0;
  }

  .section-header {
    margin-bottom: 24px;
  }
}
/* NEWADCO-MOBILE-RESPONSIVE-20260824-END */