﻿@charset "utf-8";

* { margin: 0px; padding: 0px; }

body { margin:0 auto;-webkit-text-size-adjust:none; font-family:Arial, Helvetica, sans-serif;   font-size:12px;text-align:center;color:#333; background: url(../images/top_bg.jpg) repeat-x #fff; }

ul, li { list-style: none; }

h1, h2, h3, h4, h5, h6 { font-size: 100%;  }

img { border:none;}

a:link { text-decoration:none; }
a,area { blr:expression(this.onFocus=this.blur()) }
:focus { outline-style: none; }
.l{ float:left; }
.r{ float:right;}
.clear_b{ clear:both; width:100%;}
a:visited { text-decoration:none; }
a:hover { text-decoration:none; }a:active { text-decoration:none; }
em{ font-style:normal; font-family:Verdana;}
.bw{ font-weight:bold;}
.cr{color:#4a1c2c;}
.cr_b{color:#1b1b1b;}
.t_center{ text-align:center;}
.f14{ font-size:14px;}
.fv{ font-family:Verdana;}
.t_24{ text-indent:24px;}
.m15{ margin-top:15px;}
.index,.page, .header, .content, .footer {
    margin: auto;
}

.fn-clear {
+zoom:1; height:0; width:100%; clear:both; overflow:hidden;
}
.fn-clear:before, .fn-clear:after {
	clear:both;
	content:".";
	font-size:0;
	display:block;
	height:0;
	overflow:hidden;
	visibility:hidden
}
/*header start*/
.top_area{ width:960px; margin:0 auto; text-align:left;}
.top_link{ width:930px; margin:0 15px; height:42px; display:inline-block;}
.index_home{ float:left; padding-left:23px; font-size:14px; background:url(../images/home_icon.jpg) left center no-repeat; height:20px; line-height:20px; margin-top:7px;font-size:14px;}
.index_home a,.join_set a{ color:#461727;line-height:20px; }
.index_home a:hover,.join_set a:hover{ color:#000; text-decoration:underline;}
.join_set{ float:right; margin-top:7px;color:#461727;}
.logo_search{ width:960px; height:105px; position:relative; }
.logo{ float:left; padding-left:35px; padding-top:15px;}
.search_c{ position:absolute; left:381px; top:45px; width:286px; height:41px;background:url(../images/search_bg.jpg) left center no-repeat; }
.search_input{ float:left; margin-left:20px; padding:1px; display:inline; border:0; background:none; height:28px; line-height:28px; width:220px; margin-top:3px; font-family:Arial, Helvetica, sans-serif; color:#a48d95;}
.search_btn{float:left; width:35px; height:35px; background:none; border:0; cursor:pointer; margin-left:8px; display:inline;}
.i_phone{ position:absolute; right:32px; top:50px; width:175px; height:25px;background:url(../images/i_phone_bg.jpg) left center no-repeat; padding-left:18px; line-height:20px; font-size:20px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#7e7e7e;}

.menu{ width:960px; height:37px; padding-top:20px;background:url(../images/menu_bg.jpg) left center no-repeat; position:relative; z-index:23; }
.menu ul{ padding-left:46px; display:inline-block;}
.menu ul li{ position:relative; float:left;background:url(../images/menu_icon.jpg) right center no-repeat; padding:0 9px 0 5px; display:inline;}
.menu ul li.active a{color:#ff3366; background:#5c3342;}
.menu ul li a{ float:left; font-size:14px;color:#fff; line-height:37px; padding:0 28px; }
.menu ul li a:hover{ color:#ff3366; background:#5c3342; }
.menu ul li.clear{ background:none;}
.menu ul li ul{ display:none; position:absolute; left:-17px; width:138px; top:37px; background:#f0ece3; padding:8px 0;}
.menu ul li ul a,.menu ul li.clear ul a	{float:left;font-size:12px; color:#4a1c2c; line-height:30px; padding-left:34px;  margin-left:10px; display:inline; width:94px;}
.menu ul li ul a:hover{ color:#ff3366;}
.xinlang{ background:url(../images/xinlang.jpg) left center no-repeat;}
.tengxun{ background:url(../images/tx.jpg) left center no-repeat;}
.qq{ background:url(../images/qq.jpg) left center no-repeat;}




.banner{ width:920px; height:252px; padding:5px; margin:10px 15px 0 15px; display:inline-block; background:url(../images/banner_bg.jpg) left center no-repeat; position:relative; }
.banner_c{ position:absolute; left:5px; top:5px; overflow:hidden; width:733px; height:252px;}
.banner_c ul li{ float:left;  width:733px; height:252px;}
.banner_no{ position:absolute; right:5px; top:5px; width:183px; height:248px; background:#f0ece3; padding-top:4px; z-index:5;}
.banner_no ul li{ position:relative; width:183px; height:81px;}
.banner_no ul li img{ width:158px; height:61px; background:#fff; padding:3px; border:1px solid #ccc9c0; float:left; margin-top:5px; margin-left:6px; display:inline;}
.banner_no ul li.active a{ position:absolute; width:195px; right:0px; height:81px; background:url(../images/banner_active.png) left center no-repeat;}
.banner_no ul li.active img{ margin-left:18px;border:1px solid #fb4380;}
/*header end*/

/*content start */
.content{width:960px; margin:0 auto; text-align:left;}
.hot_products{ width:960px; position:relative; height:253px; margin-top:15px;}
.hot_products_title{ position:absolute; left:-3px; top:0; z-index:4;}
.hot_products_zt{ position:absolute; left:-50px; top:122px;}
.hot_center{ position:absolute; left:39px; top:47px; width:921px; height:205px;background:url(../images/i_cx_bg.jpg) left center no-repeat; z-index:3; padding-left:2px; }
.hot_center ul li{ float:left; width:131px; padding:36px 11px 0;}
.hot_center ul li .hot_center_ph,.i_products_list ul li .hot_center_ph{ float:left; width:129px; border:1px solid #d1d1d1; height:113px; text-align:center;}
.hot_center ul li .hot_center_ph:hover,.i_products_list ul li .hot_center_ph:hover{border:1px solid #4a1c2c;}
.hot_center ul li .hot_center_ph  span,.i_products_list ul li  span{ width:129px;height:113px; display:table-cell; vertical-align:middle; *font-size:88px;}
.hot_center ul li .hot_center_ph  span img,.i_products_list ul li  span img{vertical-align:middle;} 
.hot_center ul li p,.i_products_list ul li p{ float:left; line-height:32px; width:131px; text-align:center;}
.hot_center ul li p a,.i_products_list ul li p a{ color:#4a1c2c;}
.hot_center ul li p a:hover,.i_products_list ul li p a:hover{ text-align:center;}


.i_products{ width:930px; height:410px; margin:20px 15px 0 15px; display:inline-block;  position:relative;background:url(../images/i_products_bg.jpg) left bottom no-repeat; }
.i_products_btn{ width:907px; padding-left:23px; display:inline-block; padding-top:1px;}
.i_products_btn ul li{ width:101px; float:left; margin-right:10px; height:35px; line-height:35px; text-align:center; background:url(../images/i_p_new_btn.jpg) left center no-repeat; color:#4a1c2c; cursor:pointer; font-weight:bold;}
.i_products_btn ul li.active{ background:url(../images/i_p_new_btn_actie.jpg) left center no-repeat;}

.i_products_list{ padding-left:6px;}
.i_products_list ul li{float:left; width:131px; padding:30px 11px 0px;}








.i_savor{ float:left; padding-left:39px; width:921px; padding-top:7px;}
.i_savor_list_left{ float:left; width:526px;}
.i_savor_list_left ul li{ float:left; width:244px; padding-right:19px; margin-top:14px;}
.i_savor_list_left_ph{ float:left; width:236px; height:117px; padding:2px; border:1px solid #d1d1d1;}
.i_savor_list_left_ph:hover{border:1px solid #4a1c2c;}
.i_savor_list_left ul li p a{ float:left; margin-top:5px; width:244px; height:35px; text-align:center;background:url(../images/i_diy_btn.jpg) left center no-repeat; line-height:32px; color:#000;}
.i_savor_list_left ul li p a:hover{ color:#4a1c2c;}
.i_savor_list_right{ float:right; width:382px;}
.i_about{ width:382px; padding-top:15px; display:inline-block; padding-bottom:32px;background:url(../images/i_savor_title.jpg) right bottom no-repeat; }

.i_about h1 a,.i_news h1 a{ font-size:14px; color:#e63f76; width:100%; margin-bottom:10px; display:inline-block;}
.i_about p,.i_news p{ line-height:22px; color:#4a1c2c;}
.i_video p{ margin-bottom:20px;}
.i_about li{ width:360px; float:left;height:110px; line-height:22px; padding-top:7px; padding-bottom:7px;}
.i_about li a{ color:#4a1c2c;}
.i_about li a:hover,.i_about h1 a:hover,.i_news h1 a:hover,.i_news li a:hover{ color:#000;}
.i_news li{ width:360px; padding-left:22px; float:left;background:url(../images/icon.jpg) left center no-repeat; height:22px; line-height:22px; padding-top:3px; padding-bottom:4px;}
.i_news li a{ width:360px; height:22px;overflow:hidden;text-overflow:ellipsis; word-break:keep-all;white-space:nowrap; color:#4a1c2c; float:left;}
.i_news li a:hover,.i_about li a:hover{ text-decoration:underline;}
/*content end */

/*footer start */
.footer{ width:100%; display:inline-block; margin-top:30px;background:url(../images/foot_bg.jpg) repeat-x; height:172px;}
.footer_link{ color:#fff; height:38px; line-height:40px;}
.footer_link a{ color:#fff;}
.footer_copy{ margin-top:22px;}
/*footer end */
.page_loaction{ width:930px; margin:20px 15px 15px; display:inline-block; background:url(../images/page_home_icon.jpg) left center no-repeat; padding-left:25px; color:#ff3366;color:#491c2c;font-weight:bold;}
.page_loaction a{ color:#491c2c; }
.page_loaction a:hover{ color:#000;}
.page_center{ width:930px; margin:20px 15px 15px; display:inline-block; min-height:450px; _height:450px; line-height:22px; }
.products_top{ width:100%; display:inline-block; margin-bottom:20px;}
.products_top_p{ width:643px; background:#bfe8e9; border:1px solid #00a4a7; padding:2px; float:left;}
.products_top_p_center{ background:#00a4a7; color:#fff; padding:15px 30px; min-height:135px;_height:135px; display:inline-block;}
.products_top_p_center h1{ color:#fff; padding-bottom:10px;}
.products_top_p_center p{ line-height:24px; width:100%; height:114px; overflow:hidden;}
.products_top_ph{ float:left; width:170px; height:170px; padding-left:60px;}
.products_left_list{ float:left; width:203px; margin-right:15px; display:inline;background:url(../images/list_c_bg.jpg)  repeat-y; min-height:300px;_height:300px;}
.products_left_list_title{ width:203px; height:50px; line-height:32px; color:#fff; text-align:center;background:url(../images/list_title_bg.jpg) no-repeat;}
.products_left_list_foot{ float:left; width:203px; height:12px;background:url(../images/list_foot_bg.jpg) no-repeat;}
.products_left_list_c dt{ display:inline-block; margin-left:15px; font-size:14px; color:#006599; width:188px; line-height:32px;}
.products_left_list_c dd{ display:inline-block; margin-left:35px; color:#666; width:168px; line-height:24px;}
.products_left_list_search{ width:100%; display:inline-block; text-align:center; margin-top:15px;}
.products_left_list_search_btn{ display:inline-block; width:103px; height:29px; line-height:29px; text-align:center; color:#fff; border:0;background:url(../images/p_search_btn.jpg) no-repeat; cursor:pointer;}



.products_c ul li{ float:left; width:192px; display:inline; margin-right:50px; margin-bottom:20px;}
.products_c_ph{ float:left; width:170px; height:170px;background:url(../images/p_bg-c.jpg) left top no-repeat; padding:8px 13px 13px 9px; text-align:center;}
.products_c_ph span{ width:170px; height:170px;display:table-cell; *font-size:130px; vertical-align:middle; }
.products_c_ph img{vertical-align:middle;max-width:170px; max-height:170px;}
.products_c ul li p a{ width:100%;overflow: hidden; height: 30px; text-align:center; line-height:30px; color:#491c2c; float:left; font-weight:bold;}
.products_c ul li p a:hover{ text-decoration:underline;}
.products_c ul li.clear{ margin-right:0;}
.page{ width:100%; display:inline-block; text-align:right;}
.page a{ display:inline-block; height:22px; line-height:22px; margin-left:8px; color:#000;}
.page a.active{ width:23px; text-align:center;background:url(../images/page_no_bg.jpg) left top no-repeat;}
.page a:hover{ text-decoration:underline;}
.products_info_ph{ float:left; width:361px;}
.products_info_ph_big{ float:left; padding:9px 11px 9px 10px; width:340px; height:340px;background:url(../images/p_info_ph_bg.jpg) left top no-repeat;overflow:hidden;}
.products_info_ph_big ul li{ float:left; width:340px; height:340px; text-align:center; }
.products_info_ph_big ul li span{ display:table-cell;width:340px; height:340px; vertical-align:middle; *font-size:260px;}
.products_info_ph_big ul li span img{vertical-align:middle;}
.products_info_ph_small{ display:inline-block;margin-top:10px; cursor:pointer;}
.products_info_ph_small ul li{ float:left; width:102px; height:102px; text-align:center; border:1px solid #f0ece3; background:#fff; padding:3px; margin-right:15px;}
.products_info_ph_small ul li span{ display:table-cell;width:102px; height:102px; vertical-align:middle; *font-size:77px; }
.products_info_ph_small ul li span img{ vertical-align:middle;}
.products_info_ph_small ul li.clear{ margin-right:0;}
.products_info_ph_small ul li.active{ border:1px solid #cecece; }

.products_info_p{ float:left; padding-left:38px; width:531px;}
.products_info_p_name{ color:#6e1d2c; font-size:16px;}
.products_info_p_center{ width:531px; height:441px;background:url(../images/p_info_box_bg.jpg) left top no-repeat; margin-top:15px; }
.products_info_p_center_name{ margin-left:30px;  width:120px; height:50px; line-height:50px; text-align:center; color:#6e1d2c; font-size:14px; padding-right:370px;}
.products_info_p_center_box{ padding:0 16px 30px 27px; margin-right:10px; margin-top:25px; width:478px; height:310px; overflow:auto; line-height:26px; color:#6e1d2c;}
.line{ width:100%; height:11px; display:inline-block; margin-top:40px; margin-bottom:10px;}

.products_like_c{ width:930px; height:268px;background:url(../images/like-box.jpg) left top no-repeat;}
.products_like_title{ font-size:14px; font-weight:bold; color:#6e1d2c; line-height:26px;}
.products_like_c_center{ display:inline-block; margin-top:23px; margin-left:10px;}

.products_like_c_center ul li{ float:left; width:122px; padding:0 15px; height:218px; border-right:1px dashed #c6c3b9;}
.products_like_c_center ul li.clear{ border:none;}
.products_like_c_center_ph{ width:121px; border:1px solid #e2e2e2; height:121px; margin-top:20px; float:left; text-align:center;}
.products_like_c_center_ph span{ display:table-cell; width:121px; height:121px; vertical-align:middle; *font-size:80px;}
.products_like_c_center_ph span img{ vertical-align:middle;}
.products_like_c_center ul li p a{ width:100%; display:inline-block; line-height:35px; text-align:center; color:#6e1d2c;}
.products_like_c_center ul li p a:hover{ text-decoration:underline;}

.subject{ width:100%;}
.subject_list{ width:100%; display:inline-block; margin-bottom:25px;}
.subject_list_ph{ float:left; width:198px; height:130px; overflow:hidden;}
.subject_list_ph img{ width:196px; height:128px; border:1px solid #cecece;}
.subject_list_c{ float:left; padding-left:20px; width:680px;}
.subject_list_name a{ color:#491c2c; font-weight:bold;}
.subject_list_name a:hover{ text-decoration:underline;}
.subject_list_p{ width:100%; margin-top:10px; line-height:22px; height:66px; overflow:hidden;}
.subject_list_btn{ width:100%; display:inline-block; margin-top:8px;}
.subject_list_btn_01{ float:left; display:inline; width:85px; height:26px; text-align:center; line-height:26px; color:#fff;background:url(../images/btn_01.jpg) left top no-repeat;}

.subject_list_btn_02{ float:left; margin-left:6px; display:inline; width:108px; height:26px; text-align:center; line-height:26px; color:#fff;background:url(../images/btn_02.jpg) left top no-repeat;}


.subject_info_title{ width:100%; line-height:35px; text-align:center; font-size:14px;  color:#491c2c;}
.subject_info_c{ width:100%; line-height:22px;}
.branch_list{ width:100%; display:inline-block;}
.branch_list dt{ width:100%; color:#fff; font-weight:bold;  height:32px; line-height:32px; background:#4a1c2c; text-indent:17px;}
.branch_list dd{ width:100%; display:inline-block;  margin-bottom:5px;}
.branch_list_name{ width:273px; float:left; line-height:95px; text-indent:20px; font-weight:bold; color:#4a1c2c;}
.branch_list_name_c{ float:left; width:657px;}
.branch_list_name_c li{ float:left; width:100%; height:30px; line-height:30px; margin-top:1px; text-indent:17px; background:#f0ece3;}


.contact_left{ float:left; width:100%;}
.contact_left li{ width:100%; line-height:22px; padding-bottom:5px;}



.feedback{ margin-top:40px; padding-left:105px; display:inline-block;}
.feedback ul li{ padding-bottom:12px; width:100%; float:left;}
.feedback_name{ width:100px; text-align:right; float:left; height:26px; line-height:26px; padding-right:8px;}
.crd{ float:left; padding-left:15px; color:#fd0304; font-size:14px;}
.feedback_input{ float:left; width:219px; height:24px; border-bottom:1px solid #eeeeee;border-right:1px solid #eeeeee; border-left:1px solid #b0afaf;border-top:1px solid #b0afaf; line-height:24px; padding-left:4px;}
.feedback_textarea{ float:left; padding-left:4px; line-height:24px;  border:1px solid #b0afaf; overflow:auto; width:327px; height:123px; padding-top:4px; }

.feedback_btn input{display:inline-block; line-height:26px; width:85px; height:26px; border:none;background:url(../images/btn_01.jpg) left top no-repeat; cursor:pointer; color:#fff; text-align:center;  margin:0 5px;}

.info_title{ width:100%; display:inline-block; margin-top:10px; font-size:16px; text-align:center; margin-bottom:10px;}





