@charset "utf-8";
html,body{margin:0;padding:0;font:100%/150%"arial","Hiragino Sans GB","Microsoft Yahei",sans-serif;color:#333;overflow:hidden; background:url(../images/bg.jpg) no-repeat;}
html, body,div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark,audio, video{margin:0;padding:0;}
h1,h2,h3,h4,h4,h6{font-weight:normal;font-size:100%;}
he,cite,code,dfn,th,var,address{text-align:left;font-weight:normal;font-style:inherit;}
img{border:none;margin:0;padding:0; line-height:0; display:block;}
ul,li{list-style:none;padding:0;margin:0;}
dl{display:block;}
blockquote{font-style:normal;}
.clear{clear:both;font-size:0;line-height:0;height:0;margin:0;padding:0;}
.clearfix{clear:both;font-size:0;line-height:0;height:0;margin:0;padding:0;display:inline-block;}  /* for IE/Mac */
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.row{ margin:0; padding:0; line-height:0; height:10px;}
.red{ color:#fa4949;}
ul{margin:0;padding:0;list-style:none}
a,a:link,a:hover{text-decoration:none}
a,a:link{color:#333;}
a:hover{color:#7b0100;}
input{ font-size:90%;}
#content{width:100%;position:absolute;top:45px;letter-spacing:.05em;bottom:50px;}
#page1,body{position:absolute; top:0; bottom:0; width:100%;background-size: 100%;}
#article{position:absolute; top:0; bottom:0; width:100%; background:rgba(255,255,255,1);}

/*边距*/
.fl{ float:left;}
.m10{ margin:10px} 
.m15{ margin:15px}
.m30{ margin:30px}
.mt5{ margin-top:5px}
.mt10{ margin-top:10px}
.mt15{ margin-top:15px}
.mt20{ margin-top:20px}
.mt30{ margin-top:30px}
.mt50{ margin-top:50px}
.mt100{ margin-top:100px}
.mb5{ margin-bottom:5px}
.mb10{ margin-bottom:10px}
.mb15{ margin-bottom:15px}
.mb30{ margin-bottom:30px}
.mb50{ margin-bottom:50px}
.mb100{ margin-bottom:100px}
.ml5{ margin-left:5px}
.ml10{ margin-left:10px}
.ml15{ margin-left:15px}
.ml20{ margin-left:20px}
.ml30{ margin-left:30px}
.ml50{ margin-left:50px}
	
/*底部图标*/
.icon{background:url(icon.png) no-repeat; background-size:cover;}
.icon_foot,.header-icon,.icon_foot2{height:22px;width:22px;}
.header-icon{background-position: -285px center;margin: 10px;}
.icon_foot{margin:8px auto -1px auto;}
.icon_menu{background-position:-285px 0px;}
.return{ background:url(../images/backup.png) center center; background-size:22px}
.icon_home{background:url(../images/home.png) center center; background-size:22px }
.icon_tel{ background-position:-308px 0;}
.icon_share{ background-position:-212px 0;}
.icon_location{background:url(../images/location.png) center center; background-size:22px}
.icon_mark{ background-position:-44px 0;}
.icon_sms{ background-position:-126px 0;}
.icon_webqq{  background-position:-160px 0;}

/*背景色块*/
.bg1{background:#f5634d;}
.bg2{background:#ffac3b;}
.bg3{background:#83bc83;}
.bg4{background:#439ced;}
.bg5{background:#00387d;}
.bg6{background:#ff6734;}

/*菜单
-----------------------------------------------------------------------------------------------------------*/
#slidermenu{width:50%;position:absolute;top:0;bottom:0;}
#slidermenu a,#slidermenu a:hover{color:#fff;}
.menutop h3{ height:50px;line-height:50px;}
.icon_text{ width:100px; height:25px; background:url(text.png) no-repeat; background-size:cover; margin-left:30%;}
.icon_t2{ background-position:0px -25px;}
.icon_t3{ background-position:0px -50px;}
.icon_t4{ background-position:0px -75px;}
.icon_t5{ background-position:0px -100px;}
#slider_content{position:absolute; bottom:0; top:0px; width:100%;}
#slider_content ul{text-indent:1.5em;margin-top:30px;}
#slider_content li{margin-top:3px;  }

/*top 页头*/
.header{ height:45px; width:100%; background:url(../images/top.jpg) repeat-x;position:relative; z-index:100;}
.header .logo{ background:url(../images/logo.png) no-repeat; height:45px; width:190px; margin:0 auto; background-size:100%;}
.header .title{font-size:110%; font-weight:bold; line-height:260%;color:#FFF;letter-spacing:.1em; text-align:center; margin-left:20px;}
.header .left{position: absolute;top: 0;left: 0;}
.header .right{float:right;position: absolute;top:0;right:0;}

/*页脚
-----------------------------------------------------------------------------------------------------------*/
.footer{height:50px;width:100%; position:absolute; bottom:0;background:#790100;z-index:10;}
.footer li{font-size:70%;width:25%;float:left;}
.footer,.footer li,.footer li a{text-align:center;color:#fff;}
.footer li strong{font-weight:normal;}
.abc{width:60%; margin:0 auto;}
.abc:hover{ width:60%; background:rgba(255,255,255,0.3);border-radius:5px;}

/*yy*/
.crm{ width:90%; margin:0 auto;border-bottom:1px solid #ccc;}
.crm input{border:none;}
.crm li{padding:6px;border-bottom:1px solid #ccc;}
.crm li .rese{border:none;background:none;color:#999;}
.crm li .rese1{border:none;background:#c2c2c2;color:#fff;}
.crm .rese2{background:#fff;overflow-x:hidden;overflow-y:hidden;color:#999;width:86%;height:100px;margin:0 10px;padding:10px;}
.crm .re-ban{text-align:center;color:#fff;padding:10px 0;width:95%;border:none;background:#ec6217;margin:10px auto;display:compact;}
.p_enter{ background:rgba(0,0,0,0.85);width:60%;padding:0.3em 0;color:#464646;text-align:center; margin: 10px 20%; border-radius:5px; border:rgba(255,255,255,0.2) 1px solid; position:absolute; bottom:70px; letter-spacing:0.2em;}
.p_enter2{background: #7e4da0;width:95%;padding:10px 0;color:#fff;text-align:center;margin:10px auto;display: block;}
.enter-btn{ width:60%; position:absolute; bottom:60px; left:20%; text-align:center;padding:5px; border-radius:5px; color:#fff;background:rgba(0,0,0,0.85);}

/*轮播*/
#wrapper{width:100%;display:block;}
#wrapper img{width:100%; margin:0 auto;}  
.swUl, .swUl > li {display:block; float:left;list-style:none;padding:0; margin:0; border-radius:50%; }
.swUl {width:50px; bottom:15px;left:45%;z-index:1000;position: relative;}
.swUl > li {text-indent:-9999em;width:6px; height:6px;background:rgba(0,0,0,0.2);border:rgba(255,255,255,0.5) 2px solid; overflow:hidden;margin:0 2px 0 0;border-radius:9px;}
.swUl > li.active {background:#FFF;}
.swUl > li:last-child {margin:0;}

/*分享图标*/
.fx{text-indent:100px;}
.icon1{background:url(fx.png) no-repeat;background-size:45px 229px;}
.icon_qq{background-position:30px 12px;}
.icon_sina{background-position:30px -38px;}
.icon_r{background-position:24px -90px;}
.icon_k{background-position:30px -140px;}
.icon_dou{background-position:30px -190px;}

/*产品展示阴影*/
.box-shadow{box-shadow:0px 0px 3px 1px rgba(0,0,0,0.1);
-webkit-box-box-shadow:0px 0px 3px 1px rgba(0,0,0,0.1);
-moz-box-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.2);}
.text-shadow,.ct h6 a:hover{text-shadow:1px 1px 0 #444;}
.text-shadow1{text-shadow:1px 1px 0 #fff; }

/*按钮
-----------------------------------------------------------------------------------------------------------*/
.Page{width:100%;margin:10px auto;font-size:70%;}
.Page li{width:45%;margin:0 2%;padding:5px 0;display:inline-table;text-align:center;border-radius:.4em;background:rgba(0,0,0,0.4);}
.Page li a{color:#fff}
.btn-a{width:100%;display:inline-table;padding:5px 0;text-align:left;border-radius:.4em;background:#FFF; border:#eeeeee solid 2px; text-indent:10px;}

/*新闻列表
-----------------------------------------------------------------------------------------------------------*/
.newslist{width:94%;margin:10px auto;padding:0 0 10px 0;border:1px #ccc solid}
.newslist li{text-indent:1em;height:45px;line-height:45px; border-bottom:1px #ccc dashed;background: url(icon-list.png) 95% 50% no-repeat;background-size: 22px;}
.newslist blockquote{width:85%;text-overflow:ellipsis;/*这就是省略号喽*/white-space:nowrap;/*设置不折行*/-o-text-overflow:ellipsis;/*兼容opera*/overflow: hidden;}
.newslist li a{ display:block; width:85%; height:45px;}
#pullUp,#more{width:94%;margin:5px auto;padding:3px 0;font-size:90%;background: #FFFFFF;text-align:center;color: #333333;cursor: pointer}
.jza{background:#fff;height: auto;width:96%;margin:13px auto;}
.line{width:100%; border-top:#FFF solid 1px;border-bottom:#e4e4e4 solid 1px;}
.htmldialog{ text-align:center; margin-top:65% !important; border-bottom:none !important;}

/*产品中心
-----------------------------------------------------------------------------------------------------------*/
.Product{width:98%; margin:10px auto;float:left}
.Product li{font-size:80%;line-height:20px;color:#fffdfd;float:left;width:26%;margin:1.5%;text-align:center;background-color:#FFF; border-radius:5px; padding:5px; border:#e4e4e4 solid 1px;}
.Product li a{display: block;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;word-break:keep-all;}
.Product img{width:100%;height:80px;margin:0 0 5px 0;}
.Product li blockquote{ color:#1a1a1a;}
/*列表页 二级分类
-----------------------------------------------------------------------------------------------------------*/
.index_three{width:98%; margin:-1% auto;}
.index_three li,.index_three1 li{width:20%;font-size:90%;margin:1% 1.5% 1% 1.5%;padding:7px 15px;line-height: 15px;text-align: center;float: left;}
.index_three li a,.index_three1 li a{color:#fff !important}
.index_three1{width:98%; margin:1% auto;}
.index_three1 li{ background:#ccc}

/*信息详情页
-----------------------------------------------------------------------------------------------------------*/
.box{width:95%; margin:0px auto;padding:2.5%;}
.box img{width:100%;min-width:100%;}
.box hr{height:1px;border:0;padding:0;margin:0 auto 10px auto;background:#ccc;}
.box h3{font-size:120%;color:#333;letter-spacing:.1em;width:100%;margin:10px auto;}/*标题*/
.box h4{color:#999;font-size:80%;margin: 0 0 10px 0;}
.box .lxwm li{padding:5px 0;}
#piclist li img{width:100%;min-width:100%;}/*图片集*/

/*首页  栏目设置
-----------------------------------------------------------------------------------------------------------*/
.main-title{width:96%;height:40px;margin:0 auto 5px auto;background:url(../images/tbg.png) no-repeat;background-size:45% 40px; border-bottom:#7b0100 dashed 1px;color:#7b0100;}
.main-title li{width:70%;display:inline-table;}
.main-title li blockquote{font-size:110%;color:#7b0100;text-indent:45px; margin-top:10px;}
.main-title li strong{color:#7b0100;font-weight:normal;}
.main-title li a{font-size:70%;color:#7b0100;text-align:right;display: block;}

/*首页 设置
-----------------------------------------------------------------------------------------------------------*/
/*栏目设置*/
.classify{width:98%; margin:0 1%;float:left;}
.classify li{width:31%; height:70px; margin:2px 1%; float:left;text-align:center;font-size:90%;}
.classify li a{color:#FFF;}
.classify li img{width:30%; margin:2px 65%; max-height:60px}
.classify li span{margin-top:8px;display:block;text-align:left;text-indent:5px;font-weight:bold;}
.classify li p{color:rgba(0,0,0,0.5);}

#pagemenu{border-right:1px solid #ccc; position:absolute; width:46%; top:47px; bottom:0; z-index:11; background:#790100; color:#FFF;}
.menubar{ letter-spacing:3px;width:100%;padding-top:8px; text-align:center; padding-bottom:8px; background:rgba(0,0,0,0.1); border-bottom:rgba(0,0,0,0.2) 1px solid ; }
#pagemenu li{ padding:0.4em 0; border-bottom:rgba(0,0,0,0.2) 1px solid ; color:#FFF; border-top:rgba(255,255,255,0.2) 1px solid ;text-indent:1em;}
#pagemenu dt{    text-align: left;
    font-size: 14px;}
#pagemenu li a{ color:#FFF;}
#pagemenu blockquote{ border-bottom:rgba(0,0,0,0.2) 1px solid ; padding-bottom:0.4em; }
#pagemenu dl{ border-top:rgba(255,255,255,0.2) 1px solid ; padding-top:0.4em;}
#pagemenu dt{ line-height:40px;}


/*头部*/
#page, #page1, body{width:100%;position: absolute;top: 0;bottom: 0; background:#FFF;}
.header{ height:45px; width:100%;background-image:-moz-linear-gradient(top,#68b6dc,#0f90c9);background-image:-webkit-gradient(linear,0% 0%,0% 100%, from(#9b0300), to(#790100)); position:relative; z-index:100;}
.header .logo{ background:url(../images/logo.png) no-repeat; height:40px; width:190px; margin:0 auto; background-size:100%;}
.header .title{font-size:110%; font-weight:bold; line-height:260%;color:#FFF;letter-spacing:.1em; text-align:center; margin-left:20px;}
.header .left{position: absolute;top: 0;left: 0;}
.header .right{float:right;position: absolute;top:0;right:0;}

/*二级导航*/
.product_left li{width:30%; height:90%;background:#EDEDED;font-size:90%;float:left;overflow:auto;}
.product_left li a{padding:10px;display:block; border-bottom: 1px dashed #CDCDCD; }
.product_left li a:hover{color:#fff;background:#9f9f9f;}