@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol{margin:0;padding:0}em,i{font-style:normal}li{list-style:none}a,a:hover{text-decoration:none}img{-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100%;height:auto;vertical-align:middle;border:0}table{border-collapse:collapse;border-spacing:0}label{cursor:default}body,button,input,select,textarea{font:13px/1.5 arial,'microsoft yahei',\5b8b\4f53}textarea{resize:none}a,a:focus{outline:none}.clearfix:after{content:'\20';display:block;height:0;clear:both}.clearfix{*zoom:1}.clear{display:block;height:0;clear:both;font-size:0;line-height:0;overflow:hidden}.fl{float:left;display:inline}.fr{float:right;display:inline}.fn{float:none}.tl{text-align:left}.tr{text-align:right}.tc{text-align:center}.noBg{background:none!important}
body{position:relative;background:#ddd;color:#444;}
a{color:#444;text-decoration:none;}
#g-wp { max-width:640px; margin:0 auto; padding:0 0 40px; background:#fff; }
.to{ width:96%; height:20px; background:#E82128; padding:1% 2%; font-size:12px; position:relative}
.t1{ width:auto;  float:left; text-align:left;}
.t2{ width:auto; float:right; text-align:right;}
.t2 a{ font-size:12px;}
.red{ color:#FF0000 }
#header { width:100%; background:#fff; /*background:linear-gradient(#eee,#aaa);*/}

.logo{ position:relative; font-size:0; height:auto; text-align:center; background-size:contain; background-repeat:no-repeat; background-position:center;}
.logo a { display:block; width:100%; height:100%;}

.search{position:relative; font-size:12px; height:32px; line-height:32px; width: 98%; margin:2% 1%; background-size:100% 32px; background-repeat:no-repeat; background-position:center;background-image:url(images/search.gif);}
.search .txt{width:84%;height:100%; background:none;border:0;margin-left:2%;}
.search .submit{width:42px;height:32px;background:url(images/go.gif);border:none;position:absolute;top:0;right:0;cursor:pointer;}

.nav { /*padding:0.4em 0; */background:#EAEAEA; background:linear-gradient(#F6F6F6,#EAEAEA); }
.nav li { position:relative; display:inline-block; float:left; width:33.33%; color:#333333; line-height:32px; text-align:center;}
.nav li::before { /*content:"|";*/ position:absolute; top:5px; right:0; color:#333333; font-size:12px; font-weight:100; line-height:32px; }
.nav li:nth-child(4n)::before { /*content:"";*/}
.nav li a { display:block; height:32px; font-size:12px; color:#333333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.nav .li0,.nav .li1,.nav .li2,.nav .li3{border-bottom:1px solid #fff;}
.nav .li4,.nav .li5,.nav .li6,.nav .li7{border-top:1px solid #DDDDDD;}
.nav .li0,.nav .li3,.nav .li2,.nav .li5,.nav .li6{background:url(images/navline.gif) right repeat-y; }

.banner { position:relative; margin-bottom:5px; overflow:hidden; }
.banner .hd{ position:absolute; height:28px; line-height:28px; bottom:0; right:0; z-index:1; }
.banner .hd li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#333; text-indent:-9999px; overflow:hidden; margin:0 6px; }
.banner .hd li.on{ background:#fff; }
.banner .bd{ position:relative; z-index:0; }
.banner .bd li{ position:relative; text-align:center; }
.banner .bd li img{ background:url(images/loading.gif) center center no-repeat;  vertical-align:top; width:100%;/* ͼƬ100%ﵽӦЧ */}
.banner .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* ȥӴ */
.addWrap{ position:relative; width:100%;background:#fff;margin:0; padding:0;}
.addWrap .swipe{overflow: hidden;visibility: hidden;position:relative;}
.addWrap .swipe-wrap{overflow:hidden;position:relative;}
.addWrap .swipe-wrap > div {float: left;width: 100%;position:relative;}
#position{ position:absolute; bottom:0; right:0; padding-right:3%; margin:0; background:#000; opacity: 0.4; width:97%; filter: alpha(opacity=50);text-align:right;}
#position li{width:10px;height:10px;margin:0 2px;display:inline-block;-webkit-border-radius:5px;border-radius:5px;background-color:#AFAFAF;}
#position li.cur{background-color:#FF0000;}
.img-responsive { display: block; max-width:100%;height: auto;}
.box_main {
	width:184px;
	height:30px;
	overflow:hidden;
	line-height:30px;
	background:url(images/skj.jpg) no-repeat center;
	border:none;
	color:#999;
	padding-left:8px;
}
.submit {
	width:105px;
	height:30px;
	overflow:hidden;
	float:right;
	position:relative;
}
.sub {
	width:105px;
	height: 30px;
	overflow: hidden;
	line-height: 30px;
	padding: 0;
	margin: 0 auto;
	text-align: center;
	background: #5FAC2C;
	color: #FFF;
	border: none;
	font-size:16px;
	font-family:"微软雅黑";
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	position: relative;
}
.u-tt { /*border-top:3px solid #023D99;*/ }
.u-tt2 { padding-bottom:5px;}
.u-tt2 td { border:#999999 1px solid; padding:2%; font-size:11px; }
.u-tt .hd { position:relative; height:40px; border-bottom:1px solid #144A76; background:#194C84; background:linear-gradient(#1E7DBD,#194C84); line-height:40px; }
.u-tt .hd h2 { float:left; padding:0 15px; border-right:1px solid #DEEEFA;/* background:linear-gradient(#f59d0d,#ef8400); */color:#555; font-size:14px; font-weight:normal; vertical-align:top; }
.u-tt .hd h2 a { color:#555; font-weight:normal; }
.u-tt .hd h2 span { color:#FF0000; font-weight:normal; }
.u-tt .hd h2 em { padding-left:5px; opacity:0.3; font-size:11px; text-transform:uppercase; vertical-align:top; font-weight:normal;}
.u-tt .hd .more { position:absolute; top:12px; right:8px; width:15px; height:15px; padding:0; background:url(images/icon_arr_arrow.png) no-repeat; background-size:contain; overflow:hidden; }
.u-tt .hd .more a { display:block; background:none; line-height:999px; }
.u-tt .bd2 { padding:3% 4%; line-height:180%; background-color:#F9F5F4 }
.u-tt .bd { padding:0 4% 3%; line-height:180%; }
.u-tt .bd .mi {width:95%; height:25px; line-height:25px;}
.u-tt .hdd { position:relative; height:34px; border-bottom:1px solid #CCCCCC; background:#fff; background:linear-gradient(#F2F2F2,#fff); line-height:40px; }
.u-tt .hdd h2 { float:left; padding:0 15px; height:40px;  background:#194C84; background:linear-gradient(#1E7DBD,#194C84); border-right:1px solid #F5B7B4;/* background:linear-gradient(#f59d0d,#ef8400); */color:#555; font-size:14px; font-weight:normal; vertical-align:top; }
.u-tt .hdd h2 a { color:#555; font-weight:normal; }
.xwq{ width:100%; position:relative; float:left; height:auto; margin-bottom:4% }
.xwq ul{ list-style:none }
.xwq ul li{ width:23%; height:32px; margin:3% 1% 0; line-height:32px; float:left}

.q1 {
	text-align:center;
	color: #fff;
	font-size: 14px;
	font-weight:bold;
	background-color:#3367CC;
}
.q2 {
	text-align:center;
	font-size: 14px;
	font-weight:bold;
	background-color:#CCCCCC;
}
.q2 a{
	color: #666;
}
.q1 a{
	color: #D1231A;
}
.fwu{width:100%; height:auto; padding:4% 0; border-bottom:#ccc 1px dotted; margin:0 auto; position:relative}
.nwc2{width:100%; height:auto; padding:4% 0 0; background-color:#FFFFFF; margin:0 auto; position:relative}
.m-pList3 li { float:left; width:96%; padding:4% 2%; border-bottom:#B4B4B4 1px solid; text-align:center;}
.m-pList3 li .p { float:left; width:30%; overflow:hidden; }
.m-pList3 li .t { width:67%; float:right; text-align:left; overflow:hidden; }
.m-pList3 li .t3 { width:67%; float:right; font-weight:bold; text-align:left; overflow:hidden; }
.m-pList3 li .t2 { width:67%; color:#999999; float:right; text-align:left; overflow:hidden; }
.m-pList3 li .t a{ font-size:13px; color:#666666;}
.m-pList3 li .t a:hover{ color:#064BA5 }
.m-pList3 a:hover{ color:#064BA5;}
.jzt1 {width:94%; margin:0 auto; padding-top:3%; }
.jzt2 {width:94%; line-height:150%; text-align:left; border-bottom:#ccc 1px dotted; margin:0 auto; padding:3% 0; overflow:hidden; }
.jzt2 a{font-size:14px; color:#DA0C02; }
.jzt2 strong{font-size:14px; font-weight:bold; color:#DA0C02; }
.box { border-bottom:0; background:#fff; }

.u-yy{text-align:center;border-bottom:10px solid #f2f2f2; border-top:2px solid #f2f2f2; background:#fff; padding:3% 0; line-height:1.8em;}
.u-yy a{margin-right:3%;}
.copyRight{color:#888;}

.box-isd .hd { border-bottom:10px solid #f2f2f2; background:#fff; }
.box-isd .hd h2 { border-right:0; background:#fff; color:#1e1201; }
.box-isd .hd .col { float:right; height:24px; margin:7px 10px 0 0; padding:0 20px; line-height:24px; border-radius:3px; border:1px solid #ddd; text-align:center; }
.box-isd .hd .col a { color:#333; }

.u-xx{padding-top:1%;}
.u-xx h2{font-size:15px;line-height:15px;text-align:center;color:#fe0000;}
.u-xx em{font-size:11px;display:block;text-transform: uppercase;color:#aaa;font-family:Arial;}
.u-xx .hd{display:none;}
.u-xx .bd{padding:3% 0 !important;}
.u-xx .bd ul{width:100%;float:left;display:inline;}
.u-xx .bd ul li{width:23.75%;float:left;display:inline;margin-left:1%;}
.u-xx .bd ul li img{border: 1px solid #B4B4B4; width:100%;height:104px}

/* ͼƬб һ */
.m-pList{ font-size: 0px;}
.m-pList li { /*float:left;*/ display: inline-block; vertical-align: top; width:46%; padding:0 2%; text-align:center;}
.m-pList li .t { padding:8px 0; font-size:13px; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.m-pList li img{ border:#FDEAEA 1px solid; min-height:150px;}
.m-pList6 li { float:left; width:27.3%; padding:0 3% 4%; text-align:center;}
.m-pList6 li .t { padding:8px 0; font-size:13px; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.ke-zeroborder img {display:none}

.m-pList2 li { float:left; width:46%; padding:0 2% 2%; text-align:center;}
.m-pList2 li .t { padding:8px 0; font-size:13px; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.m-pList4 li { float:left; width:33.33%; padding:0 0 2%; text-align:center;}

/* ͼƬб һһ */
.m-pFList li { position:relative; padding:0 2% 3%; }
.m-pFList li .p { float:left; width:auto; left:0; margin-right:5%; }
.m-pFList li .p img{ border:#EEEEEE 1px solid }
.m-pFList li .c { display:block; overflow:hidden; zoom:1; }
.m-pFList li .t { padding:0 0 8px; font-weight:bold; font-size:14px; }
.m-pFList li .t a { color:#000; }
.m-pFList li .i { padding:0 0 8px; color:#777; font-size:12px; }
.m-pFList li .m { font-size:12px; }

.m-tList { padding:0 12px 8px; }
.m-tList li { padding:10px 0; border-bottom:1px solid #eee; color:#777; font-size:12px; line-height:18px; }
.m-tList li h2 { padding-bottom:5px; font-size:15px; }

.m-list { padding:0 2% 3%; }
.m-list li { padding:7px 4px; border-bottom:1px solid #D9D9D9; font-size:12px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.m-list li a{ display:block; padding:5px 0; font-weight:bold; font-size:14px;}
.m-list li p{ width:100%; line-height:150%; overflow:hidden;text-overflow: ellipsis;
    white-space: nowrap;}
.m-listt { padding:0 2% 1%; }
.m-listt li { padding:4% 4px; line-height:150%; border-bottom:1px solid #D9D9D9; font-size:12px; overflow:hidden; }
.m-listt li img{ float:left; padding:0 2% 0 0; width:35%;}
.m-listt li a{ font-size:14px; font-weight:bold; color:#000000;}

/* ҳ绰 */
.m-tel { padding:3%; }
.m-tel a { display:block; padding:0 3%; border-radius:5px; background:#f59d0d; background:linear-gradient(#f59d0d,#ef8400); color:#fff; }
.m-tel a span { display:inline-block; padding:3%; }
.m-tel a span::before { content:""; padding-left:10px; border-left:10px solid #fff; }

/*  */
.article { padding:3% 2% 0; line-height:1.8; word-wrap:break-word; }
.article .mt { text-align:center; padding-bottom:10px}
.article .mt h1 { padding:5px 0 0; font-size:20px; line-height:120%; font-weight:100; }
.article .mt .titBar { padding:4px 0; border-bottom:1px dashed #e1e0e0; color:#777; font-size:12px; line-height:24px; }
.article .mc { padding:20px 0 10px; font-size:13px; word-wrap:break-word; }

/*  */
.action-share { height:24px; padding:15px 0; text-align:center; overflow:hidden; }
.bdshare-button-style0-24{line-height:24px;}
.bdshare-button-style0-24 a{position:relative;display:inline-block;width:24px;height:24px;margin-left:5px;background:url(images/share.png);vertical-align:top;cursor:pointer;opacity:.8;}
.bdshare-button-style0-24 a:hover{opacity:1;}
.bdshare-button-style0-24 a.bds_tsina{background-position:0 0;}
.bdshare-button-style0-24 a.bds_weixin{background-position:0 -32px;}
.bdshare-button-style0-24 a.bds_qzone{background-position:0 -65px;}
.bdshare-button-style0-24 a.bds_sqq{background-position:0 -98px;}
.bdshare-button-style0-24 a.bds_renren{background-position:0 -131px;}
.bdshare-button-style0-24 a.bds_tqq{background-position:0 -163px;}
.bdshare-button-style0-24 a.bds_douban{background-position:0 -196px;}
.bdshare-button-style0-24 a.bds_fbook{background-position:0 -226px;}

/* ҳ */
.more { padding:8px; }
.more a { display:block; border-radius:5px; background:#eee; line-height:30px; text-align:center; }

.pager-next-pre { display:table; width:100%; text-align:center; }
.pager-next-pre a { float:left; width:50%; padding:8px 0; background:#eee; background:linear-gradient(#eee,#ddd); display:table-cell; }
.pager-next-pre .btn_next { background:#000; background:#313231; background:linear-gradient(#313231,#101110); color:#fff; }

.page{text-align:center;font-size:14px;padding:2% 0 4%;}
.page span{margin-right:5px;}
.page a:hover,.page .current{color:#ef8400;}

/* ݲ˵ */
#fixed-foot { position:fixed; left:0; bottom:0; width:100%; height:50px; background: #EAEAEA; background: linear-gradient(#F6F6F6,#EAEAEA); line-height:24px; text-align:center; z-index:1; }
#fixed-foot li { float:left; width:33.33%; margin:0 -1px; border-left:1px solid rgba(255,255,255,.1); border-right:1px solid rgba(0,0,0,.2); }
#fixed-foot li a { display:block; padding:8px 0 0; color:#333; }
.fixed-button { display:block; width:19px; height:17px; margin:0 auto; background:url(images/icon_arr_tel_white.png) no-repeat; overflow:hidden; }
.icon_arr_email { background-image:url(images/icon_arr_email.png) }
.icon_arr_map { background-image:url(images/icon_arr_map.png) }
.icon_arr_share { background-image:url(images/icon_arr_share.png) }
.icon_arr_book { background-image:url(images/icon_arr_book.png) }
#fdl { position:fixed; left:0; top:50%; width:100%; height:99px;}

.menu { overflow:hidden; }
.menu li { position:relative; float:left; width:33.333%; margin-top:-1px; border:solid #ddd; border-width:1px 0 1px; background:#fafafa; background:linear-gradient(#fafafa,#eee); line-height:30px; text-align:center; }
.menu li::before { content:"|"; position:absolute; top:0; right:0; border-right:1px solid #ddd; background:#fafafa; background:linear-gradient(#fafafa,#eee); color:#fff; font-size:12px; font-weight:100; }
.menu li:nth-child(3n)::before { content:""; }
.menu li a { display:block; }
.menu .current a { color:#f60; }

/* ˵ */
.m-mask{ position:fixed; top:0; right:0; left:0; bottom:0; background-color:rgba(0,0,0,0); z-index: 98;  overflow: hidden; display:none;}
.m-nav-show .m-mask { display:block; }

.m-menu { position:fixed; top:0; right:-50%; width:45%; height:100%; padding:7% 5%; background:#999; z-index:99; opacity:0; overflow:auto; }
.m-menu .site-nav { min-height:400px; overflow-y:auto; }
.m-menu li { padding-bottom:12px; font-size:15px; }
.m-menu li ul { padding-left:15%; }
.m-menu li li { padding-top:8px; padding-bottom:0; font-size:12px; }
.m-menu li a { color:#fff; }
.m-menu li li a { color:#eee; }

.m-copy { padding:3% 5% 6%; background:#666; color:#fff; text-align:center; }

/*Form*/
.form-panel { margin: 0 10px; }
.form-panel h4 { margin-bottom: 10px; padding: 2px 20px; background: #eee; line-height: 22px; }
.form-panel .tips { padding: 10px 0 10px 110px; color: #cc3732; font-weight: bold; font-size: 14px;}
.form-panel .field { clear: both; }
.form-panel li.field label { display: block; float: left; width: 25%; line-height: 24px; text-align: right; }
.form-panel .input { padding: 5px 0; color: #666; zoom: 1; }
.form-panel .field:after { content: '\20'; display: block; height: 0; clear: both; }
.form-panel .text { width: 70%; height: 20px; padding: 1px 3px; border: 1px solid #d0d0d0; background: #f2f2f2; color: #666; }
.form-panel .textarea { width: 70%; height: 100px; padding: 1px 3px; border: 1px solid #d0d0d0; background: #f2f2f2; color: #666; }
.form-panel .submit-field { padding: 0 10px 20px 100px; clear: both; }
.form-panel .submit-field input { margin-right: 10px; }
.form-panel .btn-submit { width: 78px; height: 24px; border: none; background:#999; cursor: pointer; }
.form-panel .btn-reset { width: 78px; height: 24px; border: none; background:#eee; cursor: pointer; }

.hr {padding:0 1%;}
.hr-list { margin-bottom: 10px; padding: 10px 0 0; }
.hr-list .title { padding: 2px 20px; background: #efefef; font-weight: bold; line-height: 22px; }
.hr-list .title span { float: right; color: #333; font-weight: 100; }
.hr-list .info { padding: 5px 10px; line-height: 24px; }
.hr-list .apply { padding: 5px; text-align: right; }
.hr-list .apply a { color: #ba0012; }

.float-t{width:35%;height:35%;position:fixed;bottom:4.1rem;left:1rem;z-index:99;}
.float-b{width:100%;height:100%;border:1px solid #aaa;background:#fff;opacity:0.8;display:none;}
.float-c{width: 4rem;height: 3rem; padding-top:1rem; position: absolute; left: -0.75rem; bottom: -0.75rem; background:#ef8400; border-radius:100%; border:6px solid #fff; box-shadow:0 0 6px #888; }
.float-c p{display:block;margin:0 auto 0.4rem;width:2.5rem;height:0.35rem;background:#fff;border-radius:2px;}
.float-m{width:100%;height:100%;position:absolute;top:1px;left:1px;display:none;}
.float-m li{padding:8%;text-align:center;}
.float-m a{display:block;height:100%;font-size:4.5vw;border-bottom:1px dotted #999;text-align:center;}
.sx{ width: 96.6%; position:relative; padding:2% 0 0; }
.sx a:active{text-decoration:underline}
.sx a:link{text-decoration:underline}
.sx a:visited{text-decoration:underline}
.sx a:hover{ color:#FB8F0E}
.btn_sb {background-color:#DA231C;display:inline-block;width:40%;height:28px;line-height:28px;text-align:center; color: white;}

.tit {
	width:100%;
	height:40px;
	overflow:hidden;
	line-height:40px;
	padding:0;
	margin:5px auto 4%;
	font-family:"Microsoft YaHei";
	font-size:18px;
	color:#333;
	text-align:center;
	background:url(images/line.png) no-repeat center bottom;
	position:relative;
}
.tit1 {
	width:100%;
	height:40px;
	overflow:hidden;
	line-height:40px;
	padding:0;
	margin:5px auto 4%;
	font-family:"Microsoft YaHei";
	font-size:18px;
	color:#333;
	text-align:center;
	background:url(images/line.png) no-repeat center bottom;
	position:relative;
}

.tit span {
	font-family:Arial;
	color:#666;
	margin:0 0 0 10px;
}
.jdms {
	width:95%;
	height:auto;
	overflow:hidden;
	line-height:150%;
	padding:0;
	margin:12px auto 0;
	text-align:center;
	font-size:12px;
	color:#999;
	font-family:"Microsoft YaHei";
	position:relative;
}
.gdd{
	width:95%;
	height:30px;
	overflow:hidden;
	padding:0;
	margin:10px auto;
	text-align:center;
	position:relative;
}
.gdd a{
	width:100%;
	height:30px;
	line-height:30px;
	overflow:hidden;
	padding:0;
	margin:0 auto;
	text-align:center;
	font-size:12px;
	background-color:#575757;
	color:#fff;
	font-family:"Microsoft YaHei";
	display:block
}
.ys1{ width:100%; text-align:center; margin:0 auto; position:relative}
.ys2{ width:100%; text-align:center; margin:0 auto; position:relative}
.ys1 iframe { height:50%}
.ys2 iframe { height:50%}
@media screen and (min-width: 450px){ .float-m a { font-size:20px; } }
.tpk{ width:100%; text-align:center; margin:0 auto; position:relativ}
.cpm{ width:100%; text-align:center; font-size:16px; padding:3% 0; margin:0 auto; position:relativ}
.cpm2{ width:100%; line-height:180%; text-align:left; margin:0 auto; position:relativ}
.cpm3{ width:96%; text-align:left; background-color:#F3F6F7; border-left:#EF4623 3px solid; font-size:14px; text-align:left; padding:2% 0 2% 3%;  margin:3% auto; position:relativ}
.cpm4{ width:100%; line-height:180%; text-align:left; margin:0 auto; position:relativ}
.cpm4 td{ padding-left:1%; border:#CCCCCC 1px solid}
.cpm5{ width:100%; line-height:180%; margin:0 auto; position:relativ}
.nba{ width:100%; margin:0 auto; position:relativ}
.language {
	width:100%;
	height:22px;

	background: #F3F3F3;
}
.language a{
	display:block;
	width:20%;
	height:100%;
	font-size:12px;
		line-height:22px;
	color:#FFF;
	background:#F00;
	text-align:center;
	float:right;
}
.product_detail-xxk{
	width: 90%;
	display: flex;
	justify-content: space-between;
	text-align: center;
	line-height: 3rem;
	margin: 2rem;
}
.product_detail-xxk li{
	width: 30%;
}
.product_detail-xxk .on {
    background: #E70011;
    color: white;
    border-radius: 5px 5px 0 0;
}
.product_detail-tcent {
	width: 90%;
	margin: 2rem auto;
	line-height: 2rem;
}
.product_detail-tcent li{
	display: none;
}
.product_detail-tcent li:first-child{
	display: block;
}
.product_detail-tcent img{max-width:90%;}