@charset "utf-8";

/* CSS Document */
html{-webkit-text-size-adjust:none;}
body {font-size:14px; color:#343434;line-height:26px; margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; -webkit-text-size-adjust:none; background:#f5f5f5}

img { border:0;}
div,form,ul,ol,li,span,h1,h2,h3,h4,h5,h6,dl,dt,dd {border: 0;margin: 0;padding: 0;list-style-type:none}
.fz12,font,h2,h1 { font-size:12px}
h3,h4,h5 { font-weight:normal; font-size:14px}

input,textarea,button { outline:none; border:0;}
input:focus,textarea:focus,button:focus { outline:none; border:0;}

@media all and (max-width:1440px){
body { min-width:inherit; }
}

a { outline:none;-moz-outline:none; color:#343434; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;text-decoration:none;}
a:hover {color:#D4975C;text-decoration:none}
p { padding:0; margin:0;}
.tar { text-align:right}
.tal { text-align:left}
.tac { text-align:center}
.ft {float:left}
.fr {float:right}
.clear { clear:both}
.bgff { background:#fff}
.w100 { width:90%; margin:0 auto}

@media all and (max-width:1440px){
.w100 { width:90%; margin:0 auto}
}


header { position:fixed; left:0; top:0; z-index:222; height:130px; width:100%; background:#fff; border-bottom:1px #ddd solid; z-index:6666}
header .w100 { padding:0 20px; width:auto}
header .logos { padding-top:10px; float:left}
header .logos img { display:block; height:70px}

header .head_1 { height:60px; line-height:60px; padding-top:10px; z-index:222; float:right; z-index:555; position:relative}
header .head_1 .fr { display:block; float:right; padding-left:15px; position:relative}
header .head_1 .ft { font-size:16px; float:none; position:absolute; left:0; right:0; text-align:center; top:10px}
header .head_1 .ft a { color:#D4975C}

header .head_3 { font-size:16px; float:none; position:absolute; left:0; right:0; text-align:center; top:20px}
header .head_3 a { color:#D4975C}

header .head_1 a { display:block}
header .head_1 .head_home { font-size:18px;}
header .head_1 i { color:#666}
header .head_1 a:hover i { color:#D4975C}

header .head_1 h3 { position:absolute; right:0px; top:45px; background:#fff; box-shadow:0 0 2px #ccc; width:130px; text-align:left; display:none}
header .head_1 h3 a { padding-left:10px; border-bottom:1px #eee solid; line-height:34px}
header .head_1 h3 a:hover { background:#FAF3ED}
header .head_1 h3 a img { display:block; float:left; margin:7px 10px 0 0}

header .head_1 .head_fy:hover h3 { display:block}
header .head_1 .head_help:hover h3 { display:block; width:140px}

header nav { line-height:50px; position:relative; z-index:11; clear:both; text-align:center; }
header nav ul li { display:inline-block; padding:0 20px; font-size:16px; position:relative}
header nav ul li i { padding-left:5px}
header nav ul li h3 { position:absolute; left:50%; width:260px; margin-left:-130px; background:#fff; box-shadow:0 0 2px #ccc; display:none; text-align:left}
header nav ul li h3 a { display:block; padding-left:10px; border-bottom:1px #eee solid; line-height:34px}
header nav ul li h3 a:hover { background:#FAF3ED}
header nav ul li:hover h3 { display:block}

header .head_r2 { display:none}

@media all and (max-width:1600px) {
header nav ul li { display:inline-block; padding:0 15px; font-size:16px;}
}
@media all and (max-width:1400px) {
header nav ul li { padding:0 15px; font-size:14px;}
}
@media all and (max-width:1200px) {
header nav ul li { padding:0 5px;}
header nav ul li i { padding-left:2px}
}

@media all and (max-width:1000px){

header { height:110px}

header .head_r2 { display:block; line-height:40px; float:right}
header .head_r2 i { font-size:18px; color:#666; padding-left:10px}
header .head_1 .ft { float:none; line-height:30px; text-align:right}

header nav { display:none; position:absolute; left:0; right:0; top:110px; background:#fff}
header nav ul li { float:none; border-top:1px #ddd solid; padding:5px 0; font-size:14px; display: block;}
header nav ul li a { display:block; padding-left:15px; text-align:left}
header nav ul li h3 { position: relative; left:auto; width:auto; background:#fff; box-shadow:0 none; display:block; overflow:hidden; margin-left:0; display:none}
header nav ul li:hover h3 { display:none}
header nav ul li h3 a { display:block; padding-left:15px; border-bottom:none; line-height:24px; background:#f5f5f5; float:left; width:40%; font-size:12px}


header .head_3 { top:0; font-size:14px; line-height:20px; left:20px; right:20px}
header .logos { padding-top:40px}
header .head_1 { padding-top:40px; line-height:30px; height:30px; float:none}
header .logos img { height:50px}
header .head_r2 { line-height:30px}
}





.index_gd { position:relative; margin-top:130px; background:#FAF3ED}
.index_gd .bd { overflow:hidden; padding:0 20px; margin:0 auto}
.index_gd .bd ul li img { display:block; width:100%}

.index_gd .hd { position:absolute; left:0; bottom:10px; height:10px; width:100%; text-align:center; height:20px}
.index_gd .hd ul li { display:inline; padding:5px 7px; background:url(../images/ico_5.png) top no-repeat; cursor:pointer}
.index_gd .hd ul li.on { background:url(../images/ico_4.png) top no-repeat}
.index_gd a.next { width:24px; height:37px; background:url(../images/ico_3.png) -24px 0 no-repeat; position:absolute; right:20px; top:50%; cursor:pointer; margin-top:-20px}
.index_gd a.prev { width:24px; height:37px; background:url(../images/ico_3.png) 0 0 no-repeat; position:absolute; left:20px; top:50%; cursor:pointer; margin-top:-20px}

.index_gd2 { display:none}

@media all and (max-width:1200px) {
.index_gd { height:300px}
.index_gd .bd { height:300px;}
.index_gd .bd ul li img { height:300px;}
}

@media all and (max-width:720px) {
.index_gd { height:auto; margin-top:110px}
.index_gd .bd { padding:0; margin:0 auto; height:auto;}
.index_gd .bd ul li img { height:auto;}
.mb0 { height:1px; overflow:hidden; opacity:0}
}




.index_list { width:80%; margin:10px auto 0 auto; background:#fff; box-shadow:0 0 5px #eee}
.index_list h2 { font-size:24px; font-weight:normal; text-align:center; line-height:60px; color:#D4975C; font-variant:normal; position:relative}
.index_list h2 i { border-bottom:2px #D4975C dashed; position:absolute; left:0; top:0; height:49%; width:100%; opacity:0.5; z-index:1}
.index_list h2 a { position:relative; background:#fff; padding:0 20px; z-index:22}

.index_list .product_list { overflow:hidden; width:98%; margin:0 auto}
.index_list .product_list ul li { float:left; width:25%; padding:10px 0 10px 0; border-bottom:3px #eee solid; margin-bottom:10px}
.index_list .product_list ul li a { display:block; width:90%; margin:0 auto; overflow:hidden}
.index_list .product_list ul li img { display:block; width:100%; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;text-decoration:none;}
.index_list .product_list ul li a:hover img { transform:scale(1.05)}
.index_list .product_list ul li h3 { text-align:center; width:90%; margin:0 auto; padding-top:10px; line-height:24px; height:48px; overflow:hidden}
.index_list .product_list ul li h4 { display:none}

.index_list .product_list.nob ul li { border-bottom:0 none; margin-bottom:0px}


@media all and (max-width:720px) {
.index_list .product_list ul li { width:50%;}
}


.pages { height:80px; text-align:center}
.pages ul li { display:inline; margin:0 5px}
.pages ul li a { text-align:center; border-radius:3px; padding:5px 10px; border:1px #ddd solid}
.pages ul li a:hover { background:#D4975C; color:#fff; border:1px #D4975C solid}
.pages ul li.on a { background:#D4975C; color:#fff; border:1px #D4975C solid}
.pages ul li.active span { text-align:center; border-radius:3px; padding:5px 10px; background:#D4975C; color:#fff; border:1px #D4975C solid}


.index_list .s_nav { background:#f5f5f5; text-align:center; overflow:hidden; padding:15px 0}
.index_list .s_nav a { border:1px #D4975C solid; padding:3px 15px; margin:0 5px; background:#fff; color:#D4975C; display:inline-block}
.index_list .s_nav a.on { background:#D4975C; color:#fff}



@media all and (max-width:1440px){
.index_list { width:90%;}
.index_list ul li {  width:33.3}
}

@media all and (max-width:1000px){
.index_list h2 { font-size:18px; line-height:50px;}
.index_list { width:90%;}
.index_list ul li { width:50%}

}



.index_about { padding:30px 0; background:#fff; margin-top:30px; overflow:hidden}
.index_about .bd { display:block; float:right; margin-left:50px; width:630px}
.index_about .bd ul li img { display:block; width:100%; height:480px;}
.index_about h2 { font-size:36px; font-weight:normal; line-height:80px; color:#D4975C; font-variant:normal; text-transform: uppercase;}
.index_about h2 a { color:#D4975C;}
.index_about h3 { font-size:24px; padding-top:15px}
.index_about .infos { padding-top:10px; color:#888}
.index_about .infos .text { height:280px}
.index_about .infos .text a { color:#D4975C;}
.index_about .mores { clear:both; padding-top:15px}
.index_about .mores .text a { color:#D4975C;}

.index_about .hd { float:left; padding-top:15px}
.index_about .hd ul li { float:left; width:110px}
.index_about .hd ul li img { display:block; width:95px; height:95px; cursor:pointer; border:2px #ddd solid}
.index_about .hd ul li.on img { border:2px #D4975C solid}

@media all and (max-width:1400px){
.index_about .bd { margin-left:30px; width:480px}
.index_about .bd ul li img { height:365px}
.index_about h2 { font-size:24px; line-height:50px;}
.index_about .infos .text { height:auto; font-size:14px !important; line-height:24px}

}

@media all and (max-width:1000px){
.index_about .bd { margin-left:0; width:100%}
.index_about .bd ul li img { height:auto; width:100%}

.index_about { padding:30px 0; background:#fff; margin:30px 0 0 0; overflow:hidden}
.index_about h2 { font-size:24px; line-height:40px; padding-top:15px}
.index_about h3 { font-size:24px; padding-top:15px}
.index_about .infos { padding-top:10px; color:#888}
.index_about .hd ul li { padding-bottom:10px}

}


footer { padding:40px 0; background:#FAF3ED; position:relative}
footer .w100 { width:90%}
footer .foot_1 { float:left; width:25%}
footer .foot_1 img { display:block; height:100px}
footer .foot_1 h1 { font-size:16px; color:#ccc; font-weight:normal; line-height:24px; padding:10px 0}
footer .foot_1 ul li { border-bottom:1px #EDD3BC solid; font-size:12px; line-height:20px; padding:10px 0;}
footer .foot_1 ul li b { color:#D4975C; padding-right:10px}
footer .foot_1 a { display:block; float:left; margin:20px 20px 0 0}
footer .foot_1 i { display:block; background:#D4975C; border-radius:50%; width:46px; height:46px; text-align:center; color:#fff; line-height:46px; font-size:24px}

footer h2 { color:#D4975C; font-size:24px; line-height:30px; padding-bottom:15px; text-transform:uppercase; font-weight:normal}
footer .foot_2 { width:25%; float:right}
footer .foot_2 ul li { padding-bottom:5px}
footer .foot_2 ul li .inp1 { background:#fff; line-height:30px; height:30px; padding:0 10px; width:100%;}
footer .foot_2 ul li textarea { background:#fff; width:100%; height:80px; display:block}
footer .foot_2 ul li p { color:#888; padding:5px 0}
footer .foot_2 ul li .inp2 { background:#D4975C; line-height:30px; height:30px; text-align:center; font-weight:bold; font-size:16px; width:100%; color:#fff; cursor:pointer}

footer .foot_3 { float:left; width:20%}
footer .foot_3 ul { width:85%}
footer .foot_3 ul li { border-bottom:1px #EDD3BC solid; color:#fff; font-size:14px; line-height:36px;}
footer .foot_3 ul li i { display:block; float:left; color:#999; line-height:36px; padding-right:10px}
footer .foot_3 ul li a { display:block;}
footer .foot_3 ul li a:hover { padding-left:10px}
footer .foot_3 ul li a:hover i { color:#EB6E6E}

footer .foot_4 { float:left; width:30%}
footer .foot_4 ul { width:85%}
footer .foot_4 ul li { border-bottom:1px #EDD3BC solid; font-size:12px; line-height:20px; padding:0 0 10px 60px; position:relative; margin-bottom:10px; clear:both; overflow:hidden}
footer .foot_4 ul li b { color:#D4975C; position:absolute; left:0; top:0}
footer .foot_4 ul li img { display:block; float:left; padding-right:15px; height:40px; position:absolute; left:5px; top:0}


@media all and (max-width:1440px){
footer { padding:10px 0;}
footer h2 { font-size:18px; padding-bottom:5px; text-transform:uppercase; font-weight:normal}
footer .foot_1 { padding-top:15px}
footer .foot_2 ul li p { font-size:12px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
footer .foot_4 ul li { padding:0 0 5px 60px; margin-bottom:5px;}
footer .foot_2 ul li textarea { height:70px}
}
@media all and (max-width:1000px){
footer .w100 { width:90%}
footer .foot_1 { width:300px; float:none; overflow:hidden; margin:0 auto}
footer .foot_3 { width:auto; padding-top:15px; float:none}
footer .foot_2 { width:auto; left:auto; position:relative; top:auto; margin-left:0px; padding-top:15px; width:auto; float:none}
footer .foot_2 ul li .inp1 { padding:0 3%; width:94%;}
footer .foot_2 ul li textarea { padding:10px 3%; width:94%;}
footer .foot_2 ul li .inp2 { width:100%;}

footer h2 { padding-bottom:5px; text-transform:uppercase}
footer .foot_3 ul { width:auto; overflow:hidden}
footer .foot_3 ul li { float:left; padding-right:20px}
footer .foot_4 { padding-top:15px; float:none; width:auto}
}




.content { max-width:1200px; margin:50px auto; background:#fff; box-shadow:0 0 10px #ccc; border-radius:5px; width:90%}
.content h1 { font-size:48px; text-align:center; line-height:40px; padding:20px 0; background:#FAF3ED; color:#D4975C; font-variant:normal;}
.content .con_text { padding:30px; font-size:14px; line-height:26px}
.content .con_text img { max-width:100%}


@media all and (max-width:1000px){
.content { margin:20px auto}
.content h1 { font-size:24px; line-height:30px}
.content .con_text { padding:20px}
}


.nowsite { line-height:40px}
.nowsite i { padding:0 10px; color:#888}


.h80 { height:130px}

@media all and (max-width:1000px){
.h80 { height:110px}
}



.product { width:90%; margin:0 auto; padding:20px 0; position:relative; min-height:790px}
.product .pro_gd { width:600px; position:fixed}
.product .pro_gd.gd { position:absolute; left:0; bottom:20px;}
.product .pro_gd .bd { height:600px}
.product .pro_gd .bd ul li img { display:block; width:100%; cursor:pointer; height:600px}
.product .pro_gd .hd { padding-top:15px}
.product .pro_gd .hd ul li { float:left; padding-right:15px}
.product .pro_gd .hd ul li img { display:block; width:80px; height:80px; border:2px #ccc solid; cursor:pointer}
.product .pro_gd .hd ul li.on img { border:2px #D4975C solid}

.product .pro_tit { padding-left:650px}
.product .pro_tit h1 { font-size:18px; line-height:40px; font-variant:normal; padding-bottom:5px}
.product .pro_tit h3 { line-height:34px; margin-bottom:15px; color:#D4975C}
.product .pro_tit .pro_info { font-size:14px; line-height:26px}
.product .pro_tit .pro_info img { max-width:100%}


@media all and (max-width:1400px) {
.product .pro_gd { width:500px;}
.product .pro_gd .bd { height:500px}
.product .pro_gd .bd ul li img { height:500px}
.product .pro_gd .hd ul li img { width:60px; height:60px}
.product .pro_tit { padding-left:550px}
}


@media all and (max-width:1000px) {
.product { width:90%; padding:0}
.product .pro_gd { float:none; margin-right:0; width:100%; position:relative}
.product .pro_gd .bd { height:auto; width:100%}
.product .pro_gd .bd ul li img { border:1px #ddd solid; width:100%}

.product .pro_gd .hd { padding-top:10px}
.product .pro_gd .hd ul li { padding-right:10px}
.product .pro_gd .hd ul li img { display:block; width:50px; height:50px; height:auto;}

.product .pro_tit { padding-top:15px; clear:both; padding-left:0}
.product .pro_tit h1 { font-size:16px; line-height:30px;}
.product .pro_tit .pro_info { font-size:14px; line-height:26px}
}




#divOnline {
	Z-INDEX: 99; POSITION: absolute; TEXT-ALIGN: left; WIDTH: 170px; DISPLAY: inline; TOP: 345px; right: 1px
}
.infobox {
	LINE-HEIGHT: 25px; PADDING-LEFT: 10px; WIDTH: 160px; BACKGROUND: url(../images/siderIM_infobox.gif) no-repeat; FLOAT: left; HEIGHT: 25px; COLOR: #000; FONT-SIZE: 14px; FONT-WEIGHT: bold
}
.infoboxcon {
	PADDING-BOTTOM: 9px; WIDTH: 170px; BACKGROUND: url(../images/siderIM_bottom.gif) no-repeat 50% bottom; FLOAT: left
}
UL.online_cont {PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; WIDTH: 160px; PADDING-RIGHT: 5px; BACKGROUND: url(../images/siderIM_bg.gif) repeat-y; FLOAT: left; FONT-SIZE: 11px; PADDING-TOP: 5px
}
UL.online_cont LI {
	PADDING-BOTTOM: 3px; LINE-HEI}
	
@media all and (max-width:720px) {
#divOnline { display:none}
}


header .search { position:relative}
header .search form { position:absolute; right:-15px; top:40px; display:none}
header .search:hover form { display:block}
header .search .inp1 {
	display: block;
	padding: 0 10px;
	line-height: 34px;
	width: 170px;
	border: 1px solid #ccc;
}

header .search .inp2 {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 40px;
	z-index: 444;
	cursor: pointer;
	opacity: 0;
}

header .search form i {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 40px;
	z-index: 33;
	color: #888;
	text-align: center;
	line-height: 32px;
}