body{padding-top:0;}
.wrap {background:#fff;}
/*头部开始*/
body .g-hd {height:10.458em; overflow:hidden;}
body .g-hd .u-toptel { height:3.33em; line-height:3.33em; border-bottom:1px solid #dfdfdf; color:#666; font-size:1em; text-align:center; padding:0 0 0 14%; position:relative; background:#fafafa;}
body .g-hd .u-toptel:before { content:""; position:absolute; top:0.83em; left:50%; margin-left:-32%; width:1.625em; height:1.625em; z-index:10;background:url(/mobile/images/common/tel.gif) no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;}
body .g-hd .u-toptel a { font-size:1.66em; color:#ff930f; font-family:Impact;}
body .g-hd .logo { width:34.68%; padding:2.583em 3.125% 0 5.3%;}
body .g-hd .logo img {width:100%; height:auto;display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
body .g-hd .top_r { width:49.68%; padding:1.48em 0 0 3.125%; color:#2d8ce8; font-weight:bold; font-size:1.25em; position:relative;}
body .g-hd .top_r:before { content:""; position:absolute; top:1.5em; left:0; width:2px; height:3em;
background-image: -webkit-gradient(radial, left top, left bottom, from(#949494), to(#fff)); 
background-image: -webkit-radial-gradient(circle, #949494, #fff); 
background-image: -moz-radial-gradient(circle, #949494, #fff); 
background-image: radial-gradient(circle, #949494, #fff);}
body .g-hd .top_r span { color:#666; font-weight:normal; font-size:0.8em; line-height:1.2em; display:block;}

/*头部结束*/

/*通栏广告*/
.g-adv{ height:12.5em;}
.g-adv .sclwrap_box , .g-adv .m-box{ height:12.5em;overflow:hidden;}
.g-adv .m-box img{ display:block;width:100%;vertical-align:top;}

/*导航*/
.g_nav { height:5.92em; overflow:hidden; margin:0.5em 0 0 1.4%;}
.g_nav a li {position:relative;float:left; width:32%; margin:0 1.25% 1.25% 0; text-align:center;height:2.583em; line-height:2.583em; font-size:1em; color:#fff; position:relative; z-index:10;}
.g_nav a li:before { content:""; position:absolute; top:0; left:0; width:8.42em; height:2.583em; z-index:-1; background:url(/mobile/images/index/n01.gif) no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;}
.g_nav a:nth-child(2)li { font-weight:bold; text-shadow:0.08em 0.08em 0 #c56715;}
.g_nav a:nth-child(2) li:before { background:url(/mobile/images/index/n02.gif) no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;}


/*---搜索----*/
.so_box { overflow:hidden; font-size:1em; margin:0 1.4%; padding:1.458em 0 0 7.7%; height:3.75em; position:relative; background:#fafafa;}
.so_box .m-ipt{width:100%;}
.so_box .u-bt{ width:4.25em; height:2.5em; line-height:2.5em; text-shadow:none;float:left; background:url(/mobile/images/index/so.gif) no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover; position:relative; left:0;z-index:99; margin-left:-1.5%;}
.so_box .u-in{ float:left; position:absolute; z-index:100; left:75.8%; top:29.5%; width:17%; height:2.42em; text-align:center; font-size:1em; color:#fff; background:none; border:0;}
.so_box .u-key1 {width:17.625em; border:0; background:url(/mobile/images/index/txt.gif) no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;font-size:1em;color:#c6c6c6; text-indent:4%; font-size:1em; height:2.5em; line-height:2.5em;float:left; z-index:10; position:relative;} /*搜索中的请输入关键词样式*/

/**/

.xt01 { overflow:hidden;}
.xt01 dt { margin:0.92em auto 0; width:93.43%;}
.xt01 dt img { width:100%; height:auto; display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.xt01 dd { padding:1% 2.8% 0;}
.xt01 dd p { color:#333; font-size:1.33em; line-height:1.4em; padding:0 0 3% 0;}
.xt01 dd ul { width:100%; overflow:hidden;}
.xt01 dd ul li { float:left; width:100%; position:relative; color:#23272a; font-size:1em; line-height:2.2em; font-weight:bold; padding:0 0 0 5%;}
.xt01 dd ul li:before { content:""; position:absolute; top:0.8em; left:0; width:0.958em; height:0.92em; background:url(/mobile/images/index/gou.gif) no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;}

.xt_hang {  overflow:hidden;}
.xt_hang h3 { border-bottom:0.25em solid #e3e3e3; background:#f3f3f3; height:2.125em; line-height:2.125em; font-size:1.66em; color:#047ee5; padding:0 0 0 3%;}
.xt_hang p { color:#333; font-size:0.92em; line-height:1.8em; padding:4% 3.125% 0;}
.xt_hang p em { color:#047ee5;}
a.img_xt { margin:4% 3.125% 0; width:93.75%; display:block;}
a.img_xt img { width:100%; height:auto; display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

/**/
.ys_box { overflow:hidden; margin-top:5px;}
.ys_box h2 { width:100%; height:7.166em; font-size:1em; display:block; overflow:hidden;}
.ys_box h2 img { width:100%; height:7.166em; display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.ys_box dl { margin:0 3.125%;}
.ys_box dl dt { width:81.16%; display:block;}
.ys_box dl dt img { width:100%; display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

.ys_box dl dd { padding:3% 0 0 0;}
.ys_box dl dd p { color:#646464; font-size:1em; padding:0 0 0 17%; line-height:1.8em; position:relative;}
.ys_box dl dd p:before { content:""; position:absolute; top:0.7em; left:6.3%; width:0.66em; height:0.2em; background:#646464;}
.ys_box dl dd .ysimg { display:block; width:82.33%; margin:6% auto 8%;}
.ys_box dl dd .ysimg img { width:100%; height:auto;display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

.ys_box dl:nth-child(3) dd .ysimg { width:87.16%; margin:6% auto 7%;}
.ys_box dl:nth-child(4) dd .ysimg { width:77%; margin:5% auto 8%;}
.ys_box dl:nth-child(5) dd .ysimg { width:78.33%; margin:4% auto 0;}
.ys_box dl:nth-child(5) dt { width:85.83%; display:block;}


/**/
.wu_fw { height:35.33em; overflow:hidden;}
.wu_fw h2 { width:100%; height:4em; margin:0.92em 0 0 0; text-align:center; font-size:1em; display:block; overflow:hidden;}
.wu_fw h2 img { width:100%; height:4em; display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.wu_fw dl { margin:0 3.125%;}
.wu_fw dl dt { margin:0.92em auto 0; width:66.66%; display:block;}
.wu_fw dl dt img { width:100%; height:auto;display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.wu_fw dl dd { padding:5% 0 0 0; overflow:hidden;}
.wu_fw dl dd p { position:relative; color:#000; font-size:1em; line-height:2em; padding:0 0 0 7%;}
.wu_fw dl dd p:before { content:""; position:absolute; top:0.3em; left:0; width:1.42em; height:1.33em; background:url(/mobile/images/index/xing.gif) no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;}
.wu_fw dl dd p em { color:#2d8de8;}

/*底部开始*/
.g-ft { width:100%; height:18.5em; overflow:hidden; position:relative;}
a.u_top { display:block; margin:0 3.125%; height:2.5em; line-height:2.5em; font-weight:bold; font-size:1em; text-align:center; color:#666; position:relative; background:#dfdfdf; border-radius:0.2em;}
a.u_top:before { content:""; position:absolute; top:0.8em; left:38%; margin-left:-0.54em; width:1.08em; height:1.08em; background:url(/mobile/images/common/topico.gif) no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;}
.f_dh {width:100%; padding:1.75em 0 0 0 ; height:7em; font-size:1em; margin:0 auto; text-align:center; border-bottom:1px solid #dfdfdf;}
.f_dh a { color:#666; padding:0 6%;line-height:2.8em; position:relative;}
.f_dh a:before { content:""; position:absolute; top:0.3em; right:0; width:2px; height:0.9em; border-right:2px solid #dfdfdf;}
.f_dh a:nth-child(3):before, .f_dh a:nth-child(7):before { border:0;}

.g-ft p {height:2.875em; line-height:2.875em; font-size:1em; text-align:center; color:#666; background:#fafafa; border-top:1px solid #fff;}
.f_nav { border:1px solid #0087ff; height:4.16em; margin:0 auto; text-align:center; width:100%; max-width:640px; min-width:320px; position:fixed; bottom:0; z-index:999; background-color:#189df2;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#34c5ff), to(#017ce3));
	background-image: -webkit-linear-gradient(top, #34c5ff, #017ce3);
	background-image: -moz-linear-gradient(top, #34c5ff, #017ce3);
	background-image: -o-linear-gradient(top, #34c5ff, #017ce3);
	background-image: -ms-linear-gradient(top, #34c5ff, #017ce3);
	background-image: linear-gradient(top, #34c5ff, #017ce3);}
.f_nav:before { content:""; position:absolute; top:0; left:0; width:100%; height:1px; background:#76dcff;}
.f_nav:after { content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#3aa3eb;}
.f_nav li { position:relative; width:25%; height:4.16em; text-align:center; display:inline-block; float:left; font-size:1em;}
.f_nav li:before { content:""; position:absolute; top:0; right:0; width:1px; height:4.16em;
background-image: -webkit-gradient(radial, left top, left bottom, from(#0770c3), to(#34c5ff)); 
background-image: -webkit-radial-gradient(circle, #0770c3, #34c5ff); 
background-image: -moz-radial-gradient(circle, #0770c3, #34c5ff); 
background-image: radial-gradient(circle, #0770c3, #34c5ff);}
.f_nav li:after { content:""; position:absolute; top:0; right:1px; width:1px; height:4.16em;
background-image: -webkit-gradient(radial, left top, left bottom, from(#64bbf5), to(#34c5ff)); 
background-image: -webkit-radial-gradient(circle, #64bbf5, #34c5ff); 
background-image: -moz-radial-gradient(circle, #64bbf5, #34c5ff); 
background-image: radial-gradient(circle, #64bbf5, #34c5ff);}
.f_nav li a { color:#fff; width:100%; height:4.16em; display:inline-block;}
.f_nav li a img { width:2em; height:1.833em; display:block; margin:0.4em auto 0.1em;}
.f_nav li:last-child:before { background:none;}
.f_nav li:last-child:after { background:none;}
/*.f_nav li:first-child { position:relative; border:1px solid #ff7a00; margin:-1px 0 0 -1px; background-color:#189df2;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffd734), to(#ff8101));
	background-image: -webkit-linear-gradient(top, #ffd734, #ff8101);
	background-image: -moz-linear-gradient(top, #ffd734, #ff8101);
	background-image: -o-linear-gradient(top, #ffd734, #ff8101);
	background-image: -ms-linear-gradient(top, #ffd734, #ff8101);
	background-image: linear-gradient(top, #ffd734, #ff8101);}
.f_nav li:first-child:before { content:""; position:absolute; top:0; left:0; width:100%; height:1px; background:#ffe36d;}*/



@media screen and (min-width:320px) {
	body { font-size:75%;}
}
@media screen and (min-width:360px) {
	body { font-size:87%;}
}
@media screen and (min-width:400px) {
	body { font-size:93%;}
}
@media screen and (min-width:480px) {
	body { font-size:112%;}
}
@media screen and (min-width:568px) {
	body { font-size:131%;}
}
@media screen and (min-width:639px) {
	body { font-size:150%;}
}


/* 分页样式  */
.g-page1{ margin-bottom:20px;}/* 底部间距20px*/
.g-page1 .u-pup,.g-page1 .u-pmid,.g-page1 .u-pne{display:inline-block;height: 30px;line-height: 30px;width:30%;text-align: center;}
.g-page1 .u-pup {border-radius:0 3px 3px 0;font-size:1em; border:1px solid #e0e0e0;  color:#a1a1a1; position:relative; } /*上一页样式*/
.g-page1 .u-pup:before{
  content: "";
    height: 22px;width: 22px;
    position: absolute;
    left: -10px;
    top: 4px;
    -moz-transform: rotate(45deg); 
	-o-transform: rotate(45deg); 
	-webkit-transform: rotate(45deg); 
	transform: rotate(45deg);
    z-index: 11; background-color:#fefefe;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f7f7f7)); 
	background-image: -webkit-linear-gradient(top, #fefefe, #f7f7f7); 
	background-image: -moz-linear-gradient(top, #fefefe, #f7f7f7); 
	background-image: -o-linear-gradient(top, #fefefe, #f7f7f7); 
	background-image: -ms-linear-gradient(top, #fefefe, #f7f7f7); 
	background-image: linear-gradient(top, #fefefe, #f7f7f7);}

.g-page1 .u-pup:after{
 content: "";
    height: 22px;width: 22px;
    position: absolute;
    left: -11px;
    top: 4px;
    -moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg); 
	transform: rotate(45deg);
    z-index: 10; background: none repeat scroll 0 0 #e0e0e0;}	

.g-page1 .u-pmid{ border:1px solid #e9e9e9;  height: 30px;line-height: 30px; width:21%; padding-left:9%; text-align:left; color:#363636; position:relative;}
.g-page1 .jt{ position:absolute; right:11px; }
.g-page1 .jt:after{
    content: "";
    height: 9px;
    position: absolute;
    right: 15px;
    top: 8px;
    -moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg); 
	transform: rotate(45deg);
    width: 9px;
    z-index: 10; background: none repeat scroll 0 0 #4e4e4e;
}
.g-page1 .jt:before{
    content: "";
    height: 9px;
    position: absolute;
    right: 15px;
    top: 5px;
    -moz-transform: rotate(45deg); 
	-o-transform: rotate(45deg); 
	-webkit-transform: rotate(45deg); 
	transform: rotate(45deg);
    width: 9px;
    z-index: 11; background: none repeat scroll 0 0 #fff;}
.g-page1 .u-pne { color:#a1a1a1; border:1px solid #e0e0e0; border-radius:0 3px 3px 0; font-size:1em;height:30px;line-height:30px; text-align: center;width:30%; position:relative;} /*下一页样式*/
.g-page1 .u-pne:before{
  content: "";
    height: 22px;width: 22px;
    position: absolute;
    right: -10px;
    top: 4px;
    -moz-transform: rotate(45deg); 
	-o-transform: rotate(45deg); 
	-webkit-transform: rotate(45deg); 
	transform: rotate(45deg);
    z-index: 11; background-color:#fefefe;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f7f7f7)); 
	background-image: -webkit-linear-gradient(top, #fefefe, #f7f7f7); 
	background-image: -moz-linear-gradient(top, #fefefe, #f7f7f7); 
	background-image: -o-linear-gradient(top, #fefefe, #f7f7f7); 
	background-image: -ms-linear-gradient(top, #fefefe, #f7f7f7); 
	background-image: linear-gradient(top, #fefefe, #f7f7f7);}

.g-page1 .u-pne:after{
 content: "";
    height: 22px;width: 22px;
    position: absolute;
    right: -11px;
    top: 4px;
    -moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg); 
	transform: rotate(45deg);
    z-index: 10; background: none repeat scroll 0 0 #e0e0e0;}	


/* -- 产品分页样式有颜色值的样式  -- */
.g-page1 a,.g-page1 .u-pmid { background-color:#ffffff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f6f6f6)); 
	background-image: -webkit-linear-gradient(top, #ffffff, #f6f6f6); 
	background-image: -moz-linear-gradient(top, #ffffff, #f6f6f6); 
	background-image: -o-linear-gradient(top, #ffffff, #f6f6f6); 
	background-image: -ms-linear-gradient(top, #ffffff, #f6f6f6); 
	background-image: linear-gradient(top, #ffffff, #f6f6f6);}
.g-page1 .z-noc { background-color:#e8e8e8; color:#9b0e0e; }


/* 产品详情分页样式二  */
.m-con-5 .g-page2 .u-pup,.m-con-5 .g-page2 .u-pne,.m-con-5 .g-page2 i{ border-radius:0; border:1px solid #e3e1e2; color:#383838;}
.m-con-5 .g-page2 a{ background: none;}
.m-con-5 .g-page2 i {display: inline-block; width: 35%; height: 30px;line-height: 30px; text-align: center; }
.m-con-5 .g-page2 .u-pne,.m-con-5 .g-page2 .u-pup{ position:relative;}
.m-con-5 .g-page2 .u-pne:before,.m-con-5 .g-page2 .u-pup:before{content: ' '; position: absolute; width: 0; height: 0; right:12px; top:9px;  
border-left: 6px solid #7c7c7c;
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;}
.m-con-5 .g-page2 .u-pne:after,.m-con-5 .g-page2 .u-pup:after{
    border-left: 5px solid #F9F9F9;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    content: " ";
    height: 0;
    right: 14px;
    position: absolute;
    top: 10px;
    width: 0;
}