@charset "gb2312";
html,body{margin:0;padding:0;font:100%/150%"arial";color:#333; background:#f0f0f0; font-family:arial,"Hiragino Sans GB","Microsoft Yahei",sans-serif;overflow:hidden;}
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;}
.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}
ul,li{list-style:none;padding:0;margin:0;}
dl{display:block;}
blockquote{font-style:normal;}
h1,h2,h3,h4,h4,h6{ font-weight:normal; font-size:100%;}
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;}
.row{ margin:0; padding:0; line-height:0; height:20px;}
ul{margin:0;padding:0;list-style:none}
a,a:link{color:#333;text-decoration:none}
a:hover{color:#448ccb;text-decoration:none}
input{ font-size:90%;}
.fr{ float:right;}
.fl{ float:left;}
.indexc{ height:10px;}
/*字号*/
h1,h2{ font-size:25px;}
h3{ font-size:18px;}
h6{ font-size:16px;}
h4{ font-size:13px;}
/*icon*/
.icon{background:url(../images/icon.png) no-repeat; background-size:cover;}
.header-icon,.icon_foot{height:20px;width:20px;margin:0.95em .7em 0 .7em; background-size:cover;}
.home{background-position:0px 0;}
.icon_menu{background-position:-20px 0px;}
.icon_new1{ background:url(../images/biao.png); background-size:cover; width:21px; height:29px; float:left; margin:0 15px;}
.nav-icon{width:30px; height:30px; margin:12px auto;}
.icon-about{background-position:-60px 0; }
.icon-news{background-position:-90px 0;}
.icon-p{background-position:-120px 0;}
.icon-ff{background-position:-327px 0;}

.n-icon{width:30px; height:30px;margin:12px; float:left;}

.icon-a{background-position:-357px 0;}
.icon-b{background-position:-386px 0;}
.icon-c{background-position:-416px 0;}
.icon-d{background-position:-60px 0;}

.icon_foot{ margin:6px auto 0 auto; }
.icon_a1{background-position:-120px 0;}
.icon_a2{background-position:-140px 0;}
.icon_a3{background-position:0px 0;}
.icon_a4{background-position:-181px 0;}
.icon_a5{background-position:-100px 0;}

.icon1{background:url(../images/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;}


.rowtitle{ background:#1585c3; width:94%; margin:1em auto; height:40px;}
.rowtitle div{ float:left; line-height:40px; color:#fff; margin-left:10px;}
.rowmenu{ background:#2a6391; padding:0 10px;}

#page1{width:100%;height:100%;}
/*页头*/
.header{width:100%; background-image: -webkit-gradient(linear, left top, left bottom, from( #1298e8), to( #0984cd));
	background-image: -webkit-linear-gradient( #1298e8, #0984cd); /* Chrome 10+, Saf5.1+ */
	background-image:-moz-linear-gradient( #1298e8, #0984cd); /* FF3.6 */
	background-image:-ms-linear-gradient( #1298e8, #0984cd); /* IE10 */
	background-image:-o-linear-gradient( #1298e8, #0984cd); /* Opera 11.10+ */
	background-image:linear-gradient( #1298e8, #0984cd);
	filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#1298e8,endColorStr=#0984cd);/*IE9+*/
	-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#1298e8,endColorStr=#0984cd)";/*IE8+*/ 
	height:42px; background-size:100%;}
.header .title{text-align:center; font-size:18px; font-weight:bold; line-height:220%;color:#fff;letter-spacing:.1em; text-shadow:1px 1px 0 #000;}
.header .left{position: absolute;top: 0;left: 0;}
.header .right{float:right;position: absolute;top:0;right:0;}
.title img{ margin:0.4em auto; width:50%;}
.return{ background-position:-297px 0;}

#menu_title{ border-radius:3px; width:30%;  right:0; text-align:center; position:absolute; top:45px; z-index:3; background:rgba(0,0,0,0.8);}
#menu_title dt{ width:100%;  height:40px; line-height:40px;border-bottom:rgba(255,255,255,0.1) 1px dashed;}
#menu_title li{ width:100%;  height:40px; line-height:40px;border-bottom:rgba(255,255,255,0.1) 1px dashed;}
#menu_title a{ color:#fff;}

/*隐藏菜单*/
.nav{margin:5px auto 0 auto; width:100%; position:absolute; top:40px;}
.nav li{ width:40%;padding:2% 0;margin:3%;background:rgba(72,125,168,0.8); text-align:center; color:#fff; font-size:80%;}
.nav li a{ display:block; color:#fff}
nav li:hover{ background:#448ccb; color:#fff}
/*详情-身体*/
#content{width:100%;position:absolute;top:42px;letter-spacing:.05em; bottom:50px;}	
.ct{  margin:0 auto;}
.ct p{ text-indent:2em;}
.box{ margin:10px auto 0 auto}
.ct time{ color:#666;}
.ct hr{ height:1px;background:#ccc;border:none;}
.ct dd{ text-align:center;}

.ct h2{padding: 5px 0;}
.ct h2 span{background: #fff;color: #448ccb;margin: 0 0 0 10px;padding: 4px 10px;text-align: center;}
.ct h3{margin: 5px auto 0 auto;
letter-spacing: .1em;
font-size: 18px;
color: #0B81C2;}
.ct h4{ color:#999;}

.ct h6{height:35px;line-height:35px;background:#1585c3;text-align:center; margin:10px auto; color:#fff;}
.ct h6 a{display:block}
.ct h6 a:hover{ background:#1585c3; color:#fff;}

.ct dl{ width:95%; margin:0 auto; border-bottom:1px #ccc solid}
.ct dt{ width:45%;display:inline-block; margin:5% 2% 0 2%;text-align:center;}
.title1{ line-height:30px; font-size:130%;color:#2a6391; margin-left:10px; margin-top:10px;}

/*产品详情*/
.wrapper{ width:100%; background:rgba(0,0,0,0.7); }
.wrapper ul{ width:690px; height:180px; overflow:hidden;}
.wrapper li{ width:160px; float:left; margin:10px 0; margin-right:10px; height:160px; overflow:hidden;}
.jg{ width:100%; display:inline-block;}
.jg li{ float:left; width:25%;}

.title2{ width:100%; border:#ccc 1px solid; border-width:1px 0 1px 0; height:40px; line-height:40px;}
.p-x{ color:#999;}

.newslist{ background:#fff;padding:0 0 10px 0; margin:10px auto;}
.newslist li{text-indent:1em;height:49px;line-height:49px; border-bottom:1px #ccc dashed;background: url(../images/icon-08.png) 95% 15px no-repeat;background-size: 22px;}
.newslist a{ color:#1585c3;}
.newslist blockquote{width:85%;}

.fx {text-indent: 90px;}

/*产品列表*/
.Product a,.Product a:link{ color:#333;}
.Product{ width: 98%;
margin: 5px auto;
padding: 2px 8px}
.text{ width:100%; text-align:center;overflow:hidden; font-size:80%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.price{ color:#F00;}
.ct dd,
.Product blockquote{border-width:1px 0 1px 0; padding:5px;margin:10px 0;}
.Product li{background:#fff;width:42%; padding:3% 3% 1%; display:inline-block; float:left; margin-right:2%; margin-bottom:2%; overflow:hidden;}
.Product li span{ width:100%;  display:block;}
.Product img{  width: 100%;min-width: 100%;height: 155px;}
#pullUp{ display:inline-block;margin-left: 2%;text-align:center;color:#fff;background:rgba(134, 131, 131, 0.5); width: 96%;margin-left: 2%;}
/*产品分类*/
.products{ z-index:2;font-size:90%;}
.products li{border-bottom:1px solid #ccc;padding:12px 0px;background: url(../images/icon-08.png) 100% 50% no-repeat; background-size:20px;width:94%; margin:0 auto}
.products img{float:left;width:40%;}
.products blockquote{float:left;width:50%;margin: 0 0 0 10px;}
.products span{ color:#EC4712; display:block;}
.box-list li {
width: 47%;
margin: 2% 2px 0px 5px;
float: left;
height: 32px;
line-height: 32px;
text-align: center;
border: 1px solid #C7C7C7;}
.box-list li a{ font-size:12px; display:block;text-align:center;color:#F00;}
.box-list li a:hover{background-color:rgba(0,0,0,0.2)}

.box-list2 li {
width: 30.5%;
margin: 2% 2px 0px 5px;
float: left;
height: 32px;
line-height: 32px;
text-align: center;
border: 1px solid #C7C7C7;}
.box-list2 li a{ font-size:12px; display:block;text-align:center;color:#F00;}
.box-list2 li a:hover{background-color:rgba(0,0,0,0.2)}
/*简写区*/
.nav li,.main-news h1 blockquote,.main-news h1 span{ float:left}
.newslist,.main-news,.ct h6,.ct-w{width:97%;}
.newslist,.main-news,.ct-w,{margin:10px auto;}

.main-news h1 blockquote,.newslist blockquote,.ct dt{
text-overflow:ellipsis;/*这就是省略号喽*/
white-space:nowrap;/*设置不折行*/
-o-text-overflow:ellipsis;/*兼容opera*/
overflow: hidden;}

/*文字-盒子-阴影*/
.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;}

/*页脚-*/
.footer{ 
overflow: visible;text-align: center;
_position: absolute;position:fixed;clear: both;cursor:pointer;
_top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);
width:100%;bottom: 0px;display:table;padding:0;
z-index:2;color:#fff;text-align:center; bottom:0;
}
.footer{background:#0984CB;}
.footer li{font-size:70%;width:25%;display:table-cell;}
.footer,.footer li,.footer li a{text-align:center;color:#fff;}
.footer li strong{font-weight:normal; display:block;}
.abc{ width:60%; margin:0 auto;}
.abc:hover{ width:60%; background:rgba(0,0,0,0.2); border-radius:5px;}
.ct h2{
	background-image: -webkit-gradient(linear, left top, left bottom, from( #6ba5d4), to( #1585c3));
	background-image: -webkit-linear-gradient( #6ba5d4, #1585c3); /* Chrome 10+, Saf5.1+ */
	background-image:-moz-linear-gradient( #6ba5d4, #1585c3); /* FF3.6 */
	background-image:-ms-linear-gradient( #6ba5d4, #1585c3); /* IE10 */
	background-image:-o-linear-gradient( #6ba5d4, #1585c3); /* Opera 11.10+ */
	background-image:linear-gradient( #6ba5d4, #1585c3);
	filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#6ba5d4,endColorStr=#1585c3);/*IE9+*/
	-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#6ba5d4,endColorStr=#1585c3)";/*IE8+*/
	cursor:pointer;
}
.menulist{ display:inline-block; width:100%;}
.menulist dt{ width:33.33%; float: left; text-align:center; height:35px; line-height:35px;}


/*幻灯*/
#wrapper{width:96%;display:block;margin:2% auto 1% auto;}
#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:80%;z-index:1000;position: relative;}
.swUl > li {text-indent:-9999em;width:6px; height:6px;background:#9c9c9c;overflow:hidden;margin:0 5px 0 0;
border-radius:9px;}
.swUl > li.active {background:#fff;}
.swUl > li:last-child {margin:0;}
#outer{ width:100%; text-align:center; margin:0 auto; border-radius:.4em;-webkit-border-radius:.4em; border:1px solid #000; }
#inner{ width:100%;}
.dd{ width:100%; margin-left:15%;}
.yd{width:6px; height:6px;background:#cccccc;overflow:hidden;margin:9px 3px; float:left;
border-radius:9px;}

/*文字-盒子-阴影*/
.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;}

/*首页*/
.about{ width:96%; margin:0 auto; text-align:center;}
.about1 { width:34%; float:left;}
.about2{ float:left;width:64%; margin-left:2%;}
.about3{ float:left;width:64%; margin-right:2%;}
.about22{ width:100%;}
.about222{ width: 48%;
margin: 4% 0 0 0;
color: #555;
background:#fff; 
font-size: 16px; text-align:center; height:36px; line-height:36px;}
.about333{ width: 31%;
margin: 4% 0 0 0;
color: #555;
background:#fff; 
font-size: 14px; text-align:center; height:36px; line-height:36px;}
.martop2{ margin-top:2%;}
.marleft2{ margin-left:4%;}
.line{ width:94%; height:1px; border-top:1px solid #ece8e8; margin:8px auto;}
.bottom{ position:fixed; bottom:52px; width:100%;}
.foot{ width:100%; background:#c1b28c; position:absolute; bottom:0px; height:50px;}
.foot li{ }
.foot li a{ display: block; width:25%; margin: 0 auto; float:left;}
/*翻页*/
.Page{width:95%;text-align:center;margin:15px auto;font-size:70%; color:#888}
.btn-a{width:80px;color:#fff;display:inline-table;padding:5px 0;text-align:center; margin:0 20px;border-radius:.4em;-webkit-border-radius:.4em;}
.btn-a:link,.btn-a:hover{color:#fff !important;background:#A0696B;}
.btn-a{background:#B99193;}
#piclist li img{ min-width: 70%;margin: 0px auto;margin-top: 5%;}
/*详情*/
.details img{ width:100%;}
.details div{ width:96%; margin:2% auto;}
.details{font-size: 14px;
margin:2% 3%;
line-height: 1.5em;
color: #666;
background-color: #fff;
border-radius: 5px;
box-shadow: 0 1px 2px #888;
padding: 2%;}
.details h4{ font-size:12px; color:#999999; width:98%;border-bottom: 1px dashed #ddd;padding-bottom: 2%;}

.paging{ margin:5% 0; padding-bottom:5%; color:#eee;}
.paging .first{ display:none;}
.paging .end{ display:none;}
.paging .prev{ float:left;width:25%; margin-left:3%; text-align:center;border:1px solid #333; color:#000; font-size:0.3rem; border-radius:0.07rem}
.paging .current{ position:absolute; left:33%;width:33%; text-align:center; font-size:0.2rem; font-weight:bold; line-height:2;}
.paging .next{float:right; width:25%;margin-right:3%; text-align:center; border:1px solid #333; color:#000; font-size:0.3rem;border-radius:0.07rem}