/* 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; overflow:hidden; background-color:#FFF;}
.logo{ width:650px; height:120px; overflow:hidden;}
.logo a{ width:650px; height:120px; height:120px; display:table-cell; text-align: left; vertical-align:middle; }
.logo a img{ max-width:650px; 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: absolute; top:200px;  width:100%; height:450px; overflow: hidden;}
.focusBox .pic{width:100%; height:450px;  position:relative; z-index:0; }
.focusBox .pic a{ display:block; width:100%;  height:450px; min-width:1200px;}
.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:500px; *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;}

/*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:#029762; color:#FFF;}
#ys5 em{background-color:#029762}

#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;}