@charset "utf-8";
html,body{margin:0;padding:0;font:100%/150%"arial","Hiragino Sans GB","Microsoft Yahei",sans-serif;color:#333;background:#fcfafe;overflow:hidden;}
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:#0159BA;}
input{ font-size:90%;}
#content{width:100%;position:absolute;top:55px;letter-spacing:.05em;bottom:50px;background-color:#f7f7f7;}	
/*头部底部图标*/
.icon{background:url(icon.png) no-repeat; background-size:cover;}
.icon_foot,.header-icon,.icon_foot2{height:22px;width:22px;}
.header-icon{ margin:13px;}
.icon_foot{margin:8px auto -1px auto;}
.icon_menu{background-position:-285px 0px;}
.return{ background-position:-110px 0;}
.icon_home{ background-position:0px 0;}
.icon_tel{ background-position:-308px 0;}
.icon_share{ background-position:-212px 0;}
.icon_location{ background-position:-235px 0;}
.icon_mark{ background-position:-108px 0;}
.icon_sms{ background-position:-126px 0;}

/*右侧弹出拦*/
#pagemenu{border-right:1px solid #ccc; position:absolute; width:46%; top:47px; bottom:0; z-index:11; background:rgba(0,0,0,0.8);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:center;}
#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;}

/**/
.indexdh{width:96%; margin:5px auto; border:1px solid #ccc; background:#f8f2e4;}
.indexdh li a{ width:28%; float:left;display:block;padding:8px; text-align:center; color:#a1827b; font-size:90%; }
.indexdh li a:hover{ color:#fff; background:#a1827b;}
.bor-right{border-right:1px solid #ccc;}
.bor-right2{border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.bor-bottom{border-bottom:1px solid #ccc;}

.main-title{height:35px;line-height:35px;width:100%; margin:0% auto;text-indent:10px;color:#101010; font-size:100%;}
.main-title a{color:#a5a4a4;margin-left:62%;font-size:90%;}

/*头部*/
#page, #page1, body{width: 100%;position: absolute;top: 0;bottom: 0;}
.header{ height:55px; width:100%; background:#1C0809; position:relative; z-index:100;}
.header .logo{ background:url(../images/header.png) no-repeat; height:55px; width:100%; margin:0 auto; background-size:100%;}
.header .title{font-size:20px; font-weight:bold; line-height:220%;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;}
/*头部导航栏*/
.nav{ float:left; width:100%;}
.nav ul li{ width:20%;text-align:center;background-image:-moz-linear-gradient(top,#40c5f0,#40c5f0);background-image:-webkit-gradient(linear,0% 0%,0% 100%, from(#40c5f0), to(#40c5f0)); float:left; }
.nav ul .selected{background-image:-moz-linear-gradient(top,#40c5f0,#40c5f0);background-image:-webkit-gradient(linear,0% 0%,0% 100%, from(#40c5f0), to(#40c5f0));}
.nav ul li{height:34px;line-height:37px; vertical-align:middle; position:relative;}
.nav ul li a{color:#FFF;font-size:70%;}
.nav_open{ position:absolute; width:120%; top:40px; left:0; z-index:1000; display:none;}
.nav_open ul a li{ height:35px; line-height:35px; background-color:#1C0809; width:100%;}

/*产品页*/
.Product{width:98%; margin:0 auto;}
.Product li{font-size:80%;line-height:20px; margin:5px 10px;color:#fffdfd;float:left;width:27%;text-align:center;}
.Product img{width:100%; height:60px;}
.Product li a{  display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width:100%;word-break: keep-all;}


.Product001{width:98%; margin:0 auto;}
.Product001 li{font-size:80%;line-height:30px; margin:5px 10px;float:left;width:100%;color: #6f6f6f;}
.Product001 img{width:100%; height:60px;}
.Product001 li a{  display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width:70%;word-break: keep-all;float: left;}
.product001 li span{float: right;display: block;}

.protitle{ height:45px; line-height:45px; text-indent:10px; font-size:90%;}
.protitle span{ color:#dad9d9; font-size:80%}
.Product1{width:98%; margin:0 auto;}
.Product1 li{font-size:80%;line-height:20px; margin:15px 3.5%;color:#fffdfd;float:left;width:26%;text-align:center;}
.Product1 img{width:100%; height:80px;}
.Product1 li a{  display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width:100%;word-break: keep-all;}

.index_three{width:98%; margin:-1% auto;}
.index_three li{width:23%;font-size:80%;margin:10px 1%; margin-bottom:0;padding:5px 0px;text-align: center;float:left; background:#1C0809}
.index_three li a{color:#fff;}

/*产品展示
-----------------------------------------------------------------------------------------------------------*/
.box{width:95%; margin:10px auto;padding:2.5%; font-size:80%; margin-top:0px;}
.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:#111111;letter-spacing:.1em;width:100%;margin:10px auto; text-align:center}
.box h4{color:#c4c4c4; font-size:70%;margin: 0 0 10px 0; width:100%; text-align:right;}
.box .lxwm li{ padding:5px 0;}
#piclist li img{width:100%; min-width:100%; margin-bottom:10px;}

/*底部*/
.footer{background:#40c5f0; height:50px; width:100%; position:absolute; bottom:0; border-top:1px solid #e6e4e4;}
.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{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: 40%;padding: 0.3em 0;color: #fff;text-align: center;margin: 10px 30%;display: inline-block;}
.enter-btn{ width:60%; position:absolute; bottom:60px; left:20%; text-align:center;padding:5px; border-radius:5px; color:#fff;background: #B5652A;}

/*轮播*/
#wrapper{width:96%;display:block;margin:8px auto; margin-bottom:0; position:relative;}
#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:#fff;overflow:hidden;margin:0 10px 0 0;
border-radius:9px;}
.swUl > li.active {background:#535353;}
.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; }

/*翻译按钮
-----------------------------------------------------------------------------------------------------------*/
.btn-a{width:50px; height:50px;display:inline-table;position:fixed;top:40%; }
.ff{ left:-10px;background:url(leftarrow.png) no-repeat center center;background-size:50px;}
.rr{ right:-10px;background:url(rightarrow.png) no-repeat center center;background-size:50px;}

/*首页大图标分类*/
.classify{ width:100%;float:left; background-color:#f3f2f2;}
.classify ul a li{ width:23%; height:50px; margin:5px 1%; border-radius:3px; float:left; background-color:#40c5f0; text-align:center}
.classify ul a .selected{ background-color:#40c5f0;}
.classify ul a li span{ margin-top:27px; display:block; color:#FFF; font-size:65%}
.cf-1{ background:url(../images/classfy1.png) no-repeat center 9px; background-size:22px 22px;}
.cf-2{ background:url(../images/classfy2.png) no-repeat center 9px; background-size:22px 22px;}
.cf-3{ background:url(../images/classfy3.png) no-repeat center 9px; background-size:22px 22px;}
.cf-4{ background:url(../images/classfy4.png) no-repeat center 9px; background-size:22px 22px;}

.stage{ background-color:#f3f2f2; border-bottom:#e4e4e4 solid 1px; float:left; width:100%;}
.specal{ width:98%; margin:8px 1%; float:left;}
.specal a li{ width:24.5%; height:50px; margin:0; float:left; border-bottom:#e8e8e8 solid 1px; border-right:#e8e8e8 solid 1px; text-align:center;}
.specal a li span{ font-size:50%; color:#3d3d3d;}
.specal a li img{ width:100%; margin:0px auto; height:29px; margin-top:5px;}

/*三级分类*/
.fourgrade{ width:98%; margin:0 1%; background-color:#FFF;position:relative;}
.fgtitle{ height:30px; line-height:30px; vertical-align:middle; text-indent:10px; font-size:18px;width:40%; color:#FFF; background-color:#30b6e6;}
.fg{ width:34px; height:30px; background:url(../images/fgtitle.png) no-repeat; position:absolute; left:39%; top:0;}
.fgcontent{ padding:5px; border-left:#30b6e6 solid 3px; background:#FFF; float:left; width:100%;}
.fgcontent ul li{ padding:1px 4px; float:left; height:20px; line-height:20px; text-align:center; vertical-align:middle; border-right:#666666 solid 1px; margin-top:5px;}
.fgcontent ul li a{ font-size:15px;} 

/*新闻列表*/
.newstitle{width:100%; border-bottom:solid 1px #e4e4e4;height:50px;background:#FFF;}
.newstitle ul li{ height:50px; text-align:center; float:left; width:25%;background:#FFF; line-height:50px;}
.newstitle ul .selected{ border-bottom:#30b6e6 solid 3px;}
.newslist{width:100%;}
.newslist li{text-indent:1em;height:35px;line-height:35px;}
.newslist blockquote{width:95%;
text-overflow:ellipsis;
white-space:nowrap;
-o-text-overflow:ellipsis;
overflow: hidden; color:#707070; font-size:80%;}
#pullUp,#more{width:80%;margin:25px auto;padding:8px 0;font-size:90%;background:rgba(245,137,68,0.8);text-align:center;color:#fff;cursor: pointer;border-radius:5px; position:relative; font-size:18px;}
.down{ height:30px; width:30px; background:url(icon-2.png) -78px -8px no-repeat; position:absolute; right:20%; top:0px;}

/*二级下拉菜单*/
.leveltwo{ width:100%; float:left;}
.lt_title{background:rgba(245,133,61,0.9); height:40px; line-height:40px;text-indent:1em; position:relative; border-top:#FFF solid 1px;color:#FFF;}

.leveltwo ul li{text-indent:2em; height:35px; line-height:35px;  width:100%; float:left; display:none; background:url(list.png) 2% center no-repeat; background-size:20px; }
.lticon{ width:30px; height:30px; background:url(icon-2.png) 7% 50% no-repeat; position:absolute;top:4px; right:2%;}

.line{ width:100%; border-bottom:#FFF solid 1px;border-top:#e4e4e4 solid 1px;}

.hi{
	margin-left: 90px;
}