@charset "gb2312";
/* CSS Document */

.footer{ width:100%; height:40px;z-index:999; bottom:0px; position:fixed;}
.footer2 ul{ height:40px; background:#0048b4; max-width:640px; min-width:320px; margin:0 auto}
.footer2 ul li{ float:left; width:33%; text-align:center}
.footer2 ul li a{ color:#FFF; height:40px; line-height:40px; font-family:"Î¢ÈíÑÅºÚ"; font-size:16px}
.online{ border-left:solid #FFF 1px;border-right:solid #FFF 1px}
.footer1{height:70px; width:100%; display:block;}
.footer1-top{ height:30px;}
.footer1-top ul,.footer1-bottom ul{ margin:0 auto; max-width:640px; min-width:320px; background:#e8e8e8; height:38px; overflow:hidden}
.footer1-top ul li{ float:left; text-align:center; width:25%; height:18px; margin-top:13px; border-right:solid 1px #595757; margin-left:-1px; line-height:18px}
.footer1-top ul li:last-child{ border:none}
.footer1-top ul li a{ color:#595757; font-family:"Î¢ÈíÑÅºÚ"; font-size:14px}
.footer1-bottom{}
.footer1-bottom ul{ height:38px; margin:0 auto; width:100%; line-height:38px}
.footer1-bottom ul li{ float:left; text-align:left;width:40%;height:15px; line-height:15px; width:10%; text-align:center; color:#595757; margin-top:9px}
.footer1-bottom ul li:first-child{ text-align:right; width:43%; padding-right:5px}
.footer1-bottom ul li:last-child{float:right; width:43%; text-align:left}
.footer1-bottom ul li a{ margin-left:5px; color:#595757; font-size:12px}

/*Ê×Ò³banner¹ö¶¯*/
.banners{width:100%;position:relative; overflow:hidden; margin-top:40px;}
.swipes {overflow: hidden;position: relative;margin: 0px auto 0;}
.swipe-wrap {overflow: hidden;position: relative;}
.swipe-wrap > div {float: left;width: 100%;position: relative;}
.swipe_pic {position: relative;overflow: hidden;background-color: #efefef;background-position: center center;background-size: 60px auto;background-repeat: no-repeat;}
.swipe_pic img {width: 100%;}
.swipe_num {position: absolute;right:50%;margin-right:-20px;bottom: 10px;}
.swipe_num li {float: left;width: 10px;height: 10px;font-size: 0;text-indent: 999em;background:url(../images/hd1.png) center center no-repeat;margin: 0 5px;overflow: hidden}
.swipe_num li.active {width: 10px;height: 10px;}
.swipe_num li.active{background:url(../images/hd.png) center center no-repeat;}


/*.main{width:95%; margin:0 auto; margin-top:20px;padding-bottom:20px;color:#595757; overflow:hidden}*/
.index{width:100%; margin:0 auto;padding-bottom:20px;color:#595757; overflow:hidden}

.wrapper{margin:0 auto; max-width:640px; min-width:320px; position:relative;height:100%; padding-bottom:40px}
.wrapper .header{ width:100%; height:40px; background:#0171ef;position: fixed;width: 100%;z-index:999;top:0px;margin: 0px;max-width: 640px;min-width: 320px;}
.wrapper .logo{ margin:8px 0 0 10px; width:180px; float:left;}
.wrapper .out-bt{ float:right; margin:6px 10px 0 0; cursor:pointer; position:relative;z-index:999; }
.wrapper .header-list{position:absolute; top:34px; right:-10px; width:260px; display:none; overflow-y:scroll; height:252px;}
.wrapper .header-list h2{ height:35px; line-height:35px; border-bottom:1px solid #fff; color:#FFF; font-size:16px; padding-left:17px; background:#0d86fe; position:relative}
.wrapper .header-list h2 img{ position:absolute;top:10px; right:5px}

.wrapper .header-list li{background:#eae9e9;}
.wrapper .header-list2{ display:none}
.wrapper .header-list2 li{padding-left:17px; height:35px; line-height:35px; border-bottom:solid 1px #0d86fe; position:relative}
.wrapper .header-list2 li img{ position:absolute; top:8px; right:17px}
.wrapper .header-list2 li a{color:#0d86fe; font-size:14px}

/*À¸Ä¿*/
.weblist{margin:0px auto;padding:10px 0px;width:96%;display:block;overflow:hidden;}
.weblist ul{ margin:0px auto; padding:0px; display:block; overflow:hidden; width:99%}
.weblist ul li {margin:10px 3%;padding:0px;width:27%;color:#000;float:left;list-style:none;font-size:14px;text-align:center;line-height:15px;}
.weblist ul li i{width:100%;display:block;margin: 0px auto 8px;}
.weblist ul li i img{ width:100%; height:auto;}
.h_about{ width:100%; height:auto; overflow:hidden; display:block; margin:0px auto; padding:0px;}

.nav3{ height:auto}
.nav3 table{ border:solid 1px #c9c9c9}
.nav3 table tr td{text-align:center; width:33%; border:solid 1px #c9c9c9}
.nav3 table tr td img{ width:35%; margin:5px; auto}
.nav3 table td a{ color:#727171; font-family:"Î¢ÈíÑÅºÚ"; font-size:0.8em; letter-spacing:3px}
.nav3 table td a p{; margin-bottom:10px}

.nav2{ height:auto}
.h2-logo{ height:45px; background:#f4f4f4; line-height:45px; color:#980517; font-size:20px; font-family:"Î¢ÈíÑÅºÚ";}
.h2-logo p{ margin:0 0 0 15px ;}
.h2-logo img{ float:right; margin:-33px 15px; width:15px !important; height:auto !important;}
.nav2 ul li{ height:22px; border-bottom:dashed 1px #c9c9c9; padding-left:20px; margin-top:10px; padding-bottom:5px; line-height:22px; overflow:hidden; background: url(/images/smahuis.gif) no-repeat left;}
.nav2 ul li a{ font-family:"Î¢ÈíÑÅºÚ"; font-size:0.9em; color:#727171}
.nav2 ul li span{ font-family:"Î¢ÈíÑÅºÚ"; font-size:0.8em; color:#9fa0a0;}


.content{ border:solid 1px #FFF;width:95%; margin:0 auto;padding-bottom:20px;color:#595757; overflow:hidden}
.content h2{text-align:center; height:30px; line-height:30px; font-size:18px; font-family:"Î¢ÈíÑÅºÚ"; color:#595757; margin:30px auto}
.content p,.about-us .t-area,.content p,.about-us .t-area p{height:100%;font-size:16px; margin-bottom:35px; color:#898989; overflow:hidden}

.ft{ height:40px; line-height:40px; width:100%; text-align:center; border-top:solid 1px #e0e0e0}
.ft a{ width:100%; color:#996633; font-size:18px; font-family:"Î¢ÈíÑÅºÚ";margin-top:20px}
.ft a img{margin-right:10px; margin-top:-3px}


.about-us .nav1{ background:#dbdada; height:35px; position:absolute; top:40px; left:0; width:100%; display:block;}
.about-us .nav1 ul{margin:auto auto}
.about-us .nav1 ul li{ float:left; width:17.5%; height:35px; line-height:35px; margin-left:2.5%;  text-align:left;}
.about-us .nav1 ul li a{; font-size:14px; font-family:"Î¢ÈíÑÅºÚ"; color:#666666}
.about-us .nav1 ul li a:hover,.ahover{ color:#663300; border-bottom:2px solid #663300;padding-bottom:6px}
.t-area{width:95%; margin:0 auto; margin-top:10px;padding-bottom:20px;color:#595757; overflow:hidden}
.t-area p{ color:#595757}
.c-img{ width:100%; margin-top:30px}
.c-img ul{margin:0 auto; padding-left:5px}
.c-img ul li{ float:left}
.c-img ul li img{width:100%;}
.two-nav li{ margin:0 8px}


.contact{width:100%; margin:0 auto; margin-top:44px;padding-bottom:20px;color:#595757; overflow:hidden}
.contact .c-first{width:95%; height:64px; font-family:"Î¢ÈíÑÅºÚ"; font-size:30px; color:#956134; margin:0px auto 14px; background:#F0F0F0; line-height:64px; overflow:hidden}
.contact .c-first img,.contact .c-first p{ float:left}
.contact .c-first img{ margin-top:25px; margin-left:17px}
.contact .c-first p{ color:#7d7d7d; font-size:17px; margin-left:10px; margin-right:10px; overflow:hidden}
.contact .c-second{width:95%; height:190px;background:#F0F0F0; margin:14px auto}
.contact .c-second ul{ ; margin-left:17px}
.contact .c-second h2,.contact .c-second ul li{ height:72px; line-height:72px; font-family:"Î¢ÈíÑÅºÚ"; font-size:1.0em; color:#727171}
.contact .c-second ul li{ height:30px; line-height:30px; overflow:hidden}
.contact .c-second ul li img{ margin-right:10px}

.pro-detial{width:95%; margin:0 auto; margin-top:30px;padding-bottom:20px;color:#595757; overflow:hidden}
.pro-detial ul{ width:100%; margin:0 auto}
.pro-detial ul img{ width:95%; margin-left:10px}
.pro-detial .img-1{ margin:20px 0}
.pro-detial2 ul{ height:35px; width:100%; line-height:35px; background:#e7e7e7; border-bottom:solid 0px #926333}
.pro-detial2 ul li{ float:left; text-align:center; width:49%; height:26px; line-height:26px; margin-top:5px}
.pro-detial2 ul li a{ color:#6a3906; font-size:18px; font-family:"Î¢ÈíÑÅºÚ";}
.pro-detial2 .border1{ border-right:#a5a39f 2px dashed}
.pro-detial2 ul li a:hover{ color:#6a3906; background:url(../images/02.png) no-repeat bottom;padding-bottom:14px}
.pro-detial .img-2{margin-top:10px;}
.pro-detial .img-2 img{ margin-bottom:10px}
.pro-detial .img-1 img,.pro-detial .img-2 img{ max-width:100%; height:auto}
.check{ height:35px; line-height:35px; margin-top:20px; width:100%}
.check .nav{ width:100%; text-align:center; margin:auto auto;background:#fabe00; border-radius:5px; height:35px; line-height:35px}
.check .nav a{ font-size:17px; color:#572e02; font-family:"Î¢ÈíÑÅºÚ"}
.check .nav img{ margin-left:15px; margin-top:-2px}

.pro-center{width:95%; margin:0 auto; margin-top:30px;padding-bottom:20px;color:#595757; overflow:hidden}
.pro-center ul{ width:100%; margin:auto auto; margin-bottom:35px}
.pro-center ul li img{width:100%; margin-top:20px}
.check .nav img{ width:auto}

.brand-activity{ width:100%; height:auto}
.brand-activity ul{ width:100%; margin-left:0px}
.brand-activity ul li{ float:left; margin-top:15px}
.b-left{ width:40%}
.b-right{ width:58%; margin-left:2%;}
.b-right ul li{ clear:both; text-align:left; margin-top:0px;}
.b-right ul li a{ color:#656463; font-size:0.9em;}
.b-right ul li span{ font-size:0.8em; color:#fabe00}
.border-bottom img{ margin-top:15px; width:100%}
.b-right .time{ margin-top:0px}

.store{width:100%; margin:0 auto; margin-top:10px;padding-bottom:20px;color:#595757; overflow:hidden}
.store-list{ width:100%; height:auto; margin-bottom:1px}
.store-banner{ width:100%; margin-bottom:10px}
.store-list h2{ height:35px; line-height:35px; background:#f0f0f0; color:#595757; font-size:14px; font-family:"Î¢ÈíÑÅºÚ"; padding-left:43px; cursor:pointer}
.block{ display:none}
.store-list h2 img{float:right; width:15px; margin-top:10px; margin-right:10px}
.store-list .store-list-content{height:auto;background:#f0f0f0; margin-top:20px; margin-left:20px; margin-right:20px}
.store-content ul:last-child{ margin-bottom:35px} 
.store-list .store-list-content h3{ height:30px; line-height:30px; color:#595757; font-size:14px; font-family:"Î¢ÈíÑÅºÚ"; padding-left:23px; padding-top:5px;}
.store-list .store-list-content h3 span{ float:right; padding-right:20px;}
.store-list .store-list-content h3 span a{ color:#956134; font-size:14px}
.store-list .store-list-content li{padding:0 20px; color:#7d7d7d; font-size:14px; padding}
.store-list .store-list-content li:last-child{ padding-bottom:10px}
.store-list .store-list-content li img{ margin-right:10px}
.store-content{ margin-bottom:1px;}

.tuzhuang-lead{ width:100%; margin:0 auto; margin-top:40px;padding-bottom:20px;color:#595757; overflow:hidden}
.tuzhuang-lead h2{ color:#956134; font-size:18px; height:45px; line-height:45px; margin-left:17px; width:95%; margin:0 auto}
.tuzhuang-lead p{ font-size:15px; color:#898989; height:25px; line-height:25px; width:95%; margin:0 auto}
.tuzhuang-lead img{ width:95%; margin:5px 10px}
.tuzhuang-lead ul{width:95%; margin:50px 10px 0 10px; border:solid 1px #000000}
.tuzhuang-lead ul h3{ color:#956134; font-size:15px; height:30px; line-height:30px}
.tuzhuang-lead ul li{ font:14px; color:#898989; margin-bottom:20px}

.qiliang-count{width:95%; margin:0 auto; margin-top:50px;padding-bottom:10px;color:#595757; overflow:hidden}
.qiliang-count img{ width:95%; margin:-5px 10px}
.qiliang-count ul{width:93%; margin:0 auto; padding-bottom:20px}
.qiliang-count ul h2{ height:88px; line-height:88px; color:#956134; font-size:18px; font-family:"Î¢ÈíÑÅºÚ"}
.qiliang-count .construction-area{ color:#898989; font-size:18px}
.qiliang-count .construction-area .box{ height:39px; width:50%; text-align:right; color:#898989; border:solid 1px #cccccc}
.qiliang-count .construction-area .c-buttom{width:14%; height:37px; margin-left:10px; background:#efa311; border:none; color:#FFF}
.qiliang-count ul li{ color:#898989; font-size:14px; margin-bottom:30px}
.qiliang-count ul li:last-child{ margin-bottom:0}

.rspp{width:100%; margin:0 auto; margin-top:40px;padding-bottom:20px;color:#595757; overflow:hidden}
.rspp img{ width:95%; margin:5px 13px}
.rspp .rspp-word{ width:95%; margin:20px auto;}
.rspp .rspp-word p{ font-size:16px; color:#898989; margin-bottom:20px}

.rspp-detial{width:95%; margin:0 auto; margin-top:0;padding-bottom:20px;color:#595757; overflow:hidden}
.rspp-detial img{ width:95%; margin:15px 13px}
.rspp-detial h2{ color:#595757; font-size:18px; margin-bottom:20px}
.rspp-detial p{ color:#898989; font-size:16px; margin-bottom:20px}

.gongyihuodong{ width:95%; margin:0 auto; margin-top:30px;padding-bottom:20px;color:#595757; overflow:hidden}
.gongyihuodong ul{ width:100%; margin:0 auto}
.gongyihuodong ul li img{ width:100%; margin-top:15px}
.gongyihuodong .g-word{height:40px; line-height:40px; background:#f0f0f0; padding-left:12px; font-size:15px; color:#7d7d7d}
.gongyihuodong .g-word-arrow{ float:right; margin:11px 24px; width:auto; width:13px}

.a-video{width:95%; margin:0 auto; margin-top:40px;padding-bottom:20px;color:#595757; overflow:hidden}
.a-video ul{ width:100%; margin:auto auto}
.a-video ul li{ width:100%; float:left; margin:5px auto; }
.a-video ul li span{ height:190px;}
.a-video ul li img{ width:100%}
.a-video ul li p{ margin-top:5px; text-align:center; font-size:15px; color:#595757; margin-bottom:10px}
.a-video .check{ clear:both}
#t-area{ min-height:449px;}
#t-area1{ min-height:449px;}
/*3.25*/
#news_list{display: inline-block;height: 100%;position: relative;}
#news_date{display: block;position: absolute;bottom:-5px;}
#news_title{ padding-bottom:10px;}
.info_content p{ text-indent:0em !important;}
.info_content img{ max-width:100% !important; height:auto !important;}
.info_content .mu {line-height:24px;font-size:18px;font-weight:bold;font-family:"Î¢ÈíÑÅºÚ";color:#993300; text-align:center; padding-bottom:10px;}
.pro-detial2 ul li a:hover{ background:none;}
.pro-detial ul img{ width:auto; margin-left:0px;}
.b-left img { max-width:100%; height:auto;}
.pro_nav li{ width:auto !important; min-width:20% !important;}
/*Ê×Ò³²úÆ·ÍÆ¼ö*/
.hpro_list{ width:96%; margin:0 auto;font-size:14px;display:block; color:#666; display:block; overflow:hidden;}
.hpro_list ul li{ width:46%; margin:10px 2%; float:left; overflow:hidden; min-height:188px;}
.hpro_list ul li dl{ overflow:hidden; display:block; font-size:14px;margin:0px; padding:0px;}
.hpro_list ul li dl dt{border:1px solid #CCC; overflow:hidden; display:block;margin:0px; position:relative; padding-top:calc(100% - 2px);}
.hpro_list ul li dl dt img{width:100%; margin:0px; padding:0px; height:auto; position:absolute; top:0px; left:0px;}
.hpro_list ul li dl dd{ margin:5px 6px 0px 6px; line-height:22px;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis; overflow:hidden; text-align:center; }

.n_t {height: 35px;padding-left: 38px;background: #fbfbfb;border: 1px #bababa solid;border-top: 2px #bababa solid !important;border-right: none;border-left: none;text-align: center;line-height: 35px;font-size: 20px;color: #666;position: relative;z-index: 0; margin-top:50px; z-index:99}
.jt {position: absolute;left: 0;top: -3px;_top: 0;}
.jt img {width: 38px;height: 38px;}
.newslist{ width:100%; display:block; overflow:hidden;}
.newslist ul{ display:block; overflow:hidden; margin:0px;}
.newslist ul li{border-bottom: solid 1px #c9c9c9;padding-left:5px;margin-top:10px;padding-bottom: 10px; padding-right:5px; overflow:hidden;}
.newslist ul li a {font-family: "Î¢ÈíÑÅºÚ";font-size: 0.9em;color: #727171;}
.newslist ul li span {font-family: "Î¢ÈíÑÅºÚ";font-size: 0.8em;color: #9fa0a0;}
.news_jz{ display:block; text-align:center; width:100%; font-size:16px; color:#666;  margin:20px 0px; cursor:pointer;}
.pro_img{ padding-bottom:0px; display:block; overflow:hidden; padding-top:5px; padding-left:5px; padding-right:5px;}
.pro_img img{ width:100%; height:auto;}
.pro_cs{padding-bottom:5px; width:100%; display:block; overflow:hidden; }
#f_kefu{ cursor:pointer}
#zxkf {position: absolute;bottom: 40px;color: #000;text-align: center;background: #FFF;display: none; width:100%; left:-1px;}
#zxkf p{ padding:3px 0px;}

/*ËÑË÷*/
.pro_search{ padding:0 10px; overflow:hidden; display:block;}
.path{ overflow:hidden; display:block; color:#333; font-size:18px; line-height:18px; padding:15px 0px 10px 0px;}
.search{ display:block; overflow:hidden; height:auto; font-size:14px; color:#666; padding-top:10px;}
.sear_l{ margin-right:70px;}
.sear_l span{ display:inline-block; width:100%;}.sear_l span font{ margin-right:15px; display:block;}
.text{ width:100%; height:18px; line-height:18px; padding:5px 5px; border:1px solid #999; margin-right:20px; background:#FFF;}
.sear_r{ width:70px; text-align:right;}
.btn{ background:url(../images/btm.jpg) right center no-repeat; width:60px; height:30px; border:none; overflow:hidden; cursor:pointer; background-size:96%; }


@media screen and (min-width:350px) {
	
.hpro_list ul li{ width:46%; margin:10px 2%; float:left; overflow:hidden; min-height:128px;}
.weblist ul li,#menu,.er_menu{ font-size:16px;}
#menu ul li{height:29px;line-height:30px;}
.pro_class ul li{padding:7px 0px;margin:7px 2%;}
}
@media screen and (min-width:400px) {
.path{font-size:20px; line-height:20px; padding:18px 0px 15px 0px;}
.weblist ul li,#menu,.er_menu{ font-size:17px;}
#menu ul li{height:31px;line-height:32px;}
.pro_class ul li{padding:8px 0px;margin:8px 2%;}	
}
@media screen and (min-width:450px) {
#menu ul li{height:34px;line-height:35px;}
.weblist ul li,#menu,.er_menu{ font-size:18px;}
}
@media screen and (min-width:480px) {
#menu ul li{height:37px;line-height:38px;}
.path{font-size:22px; line-height:22px; padding:20px 0px 17px 0px;}
.weblist ul li,#menu,.er_menu{ font-size:18px;}
}
@media screen and (min-width:550px) {

#menu ul li{height:41px;line-height:42px;}
.pro_class ul li{padding:10px 0px;margin:10px 2%;font-size:18px;}	
.weblist ul li,#menu,.er_menu{ font-size:19px;}
.v_menu{ font-size:16px;}
.video_list dl{ margin:10px 10px;}
}
@media screen and (min-width:639px) {
.path{font-size:24px; line-height:24px; padding:22px 0px 19px 0px;}
.weblist ul li,#menu,.er_menu{ font-size:20px;}
.v_menu{ font-size:16px;}
.pro_class ul li{padding:12px 0px;margin:12px 2%;font-size:20px;}	
#menu{ right:50%; margin-right:-320px;}
.video_list dl{ margin:10px 17px;}
}

.xxk ul {/*border: 1px solid #0771B8;-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;*/overflow: hidden;list-style: none;}
.xxk ul li { height:auto; line-height: 35px;font-size: 16px;background-color:#F0F0F0;border-top: 1px solid White; padding-right:25px; display:none}
.xxk ul li:last-child{ margin-bottom:40px;}
.xxk ul div.tt {color: #0071ba; font-size: 22px;height: 35px;line-height: 35px;cursor: pointer;background: url(../images/m_xia.png) 100% 12px no-repeat; display:list-item !important;padding-right:25px; }
.xxk ul div.tt.nbg{ background:none; padding-right:0px;}
.xxk ul li a {height: 35px; line-height: 35px;border-top: 0px;border-bottom: 0px;font-size: 18px;color: #656565;background-color:#F0F0F0;width:100%; margin:0px; padding:0px;}
.xxk ul li a.hover {color: #0771B8;}
.xxk ul li a.hover {background: #F4F4F4;border-top: 0px; border-bottom: 0px;color: #1494B9;width:100%;}