@charset "utf-8";
/**/
*{ margin:0; padding:0; border:0;}
body{ margin:0px;background:#fff;font-size:14px; color:#666; line-height:24px; font-family:"微软雅黑";}
html{ height:100%;}
a{font-size:14px; color:#000; text-decoration: none; font-family:"微软雅黑";}
a:hover {color:#dd0000;}



@media(min-width:1200px){
#top1{ width:1200px!important;}

.title{ width:1200px!important;}

#index1{ width:1010px!important;}


#index2{ width:1200px!important;}
#index2 ul li{ float:left; width:298px!important; border-right:solid 1px #eee; text-align:center;}
#index2 ul li p.a2{ width:250px!important; margin:0 auto; line-height:17px;}
#index2 ul li a p.a0{ position:absolute; margin-left:25px!important; width:250px!important; height:250px!important; font-size:24px; color:#fff; line-height:250px!important; border-radius:500px; display:none;}


#index4{ width:1200px!important;}

#index_news{ width:1200px!important;}
#index_news ul{ list-style:none; width:1300px!important;}
#index_news ul li{ margin-right:60px!important; width:360px!important;}
#bottom .bottom_con{ width:1200px!important; }

#kuang1{ width:1200px!important; margin:0 auto;}
#kuang2{ width:1200px!important; margin:0 auto; background:url(image/kuang2.png) repeat-y; overflow:hidden;}
#kuang2 .con{ width:990px!important; margin:0 auto; padding-top:40px;}
#kuang2 .com_pic{ text-align:center; padding:40px 0;}
#kuang2 .com_pic1{ text-align:center; padding:40px 0;}

#kuang3{ width:1200px!important; margin:0 auto 90px auto; overflow:hidden;}

#car{ width:1200px; margin:0 auto; overflow:hidden;}
#car .car1{ position:absolute; margin:-140px 0 0 890px!important;}

#car .car2{ position:absolute; margin:-140px 0 0 890px!important;}


#history{ width:990px!important;}
#history ul li{ width:220px!important; height:145px!important;}
#honor{ width:1000px!important;}


#shop_n{ width:1000px!important;}
#shop_n .shop_l img{ width:500px!important;}
#shop_n .shop_r{ width:450px!important; line-height:29px!important;}



#shop_p{ width:1050px!important; margin:50px auto; overflow:hidden;}


#shop_p ul{ list-style:none;}
#shop_p ul li{width:190px!important; height:182px;}
#shop_p ul li.a5{margin-left:104px!important;}

#news{ width:1000px!important;}
#news ul li a div.b{ float:left; width:670px!important;}

#job{ width:1000px!important;}

#car_pic{ position:absolute; margin:200px 0 0 800px!important;}


#shop_sq{ width:1050px!important; margin:50px auto; overflow:hidden;}

}
@media(min-width:1024px){
#top{ position:fixed; width:100%; z-index:50; top:0;}
#top1{ width:1024px; margin:0 auto; overflow:hidden; margin-top:36px;}
#top1 .logo{ float:left;}
#top1 .logo a.a2{ display:none;}
#top1 .menu{ float:right;}
#top1 .menu ul{ list-style:none;}
#top1 .menu ul li{ float:left;}
#top1 .menu ul li dl{ position:absolute; z-index:20; background:#fff; display:none;}
#top1 .menu ul li dl dd{ border-bottom:solid 1px #eee;}
#top1 .menu ul li dl dd a{ display:block; line-height:40px; padding:0 23px;}


#top1 .menu ul li a{ display:block; color:#fff; font-size:14px; padding:0 23px 24px 23px; line-height:40px;}
#top1 .menu ul li a:hover{ text-decoration:underline;}

#top1 .search{ float:right; margin-left:100px;}
#top1 .search input{ background:none; border-bottom:solid 1px #fff; height:30px; width:0; transition:width 0.5s; font-family:"微软雅黑"; color:#fff;}
#top1 .search a{ display:block; float:right; padding-top:12px; margin-left:10px;}
#top1 .search a img.b2{ display:none;}
#top1 .search:hover input{ width:200px;}
#top1 .menu_btn{ display:none;}

.title{ width:1024px; margin:0 auto; overflow:hidden; text-align:center; padding-top:60px;}
.title p.a2{ font-size:30px; line-height:36px; color:#333; font-family:Arial, Helvetica, sans-serif;}
.title p.a3{ background:url(image/line.jpg) center repeat-x; font-size:18px; color:#333;}
.title p.a3 span{ padding:0 20px; background:#fff;}

.title1{ width:1024px; margin:0 auto 0 auto; overflow:hidden; text-align:center; padding-top:160px;}
.title1 p.a2{ font-size:30px; line-height:36px; color:#333; font-family:Arial, Helvetica, sans-serif;}
.title1 p.a3{ background:url(image/line2.png) center no-repeat; font-size:18px; color:#333;}
.title1 p.a3 span{ padding:0 20px;}

#index1{ width:900px; margin:0 auto; text-align:center; padding-top:40px; padding-bottom:80px;}

#index2{ width:1024px; margin:0 auto; overflow:hidden; padding-top:30px; padding-bottom:0px;}
#index2 ul{ list-style:none;}
#index2 ul li{ float:left; width:251px; border-right:solid 1px #eee; text-align:center; padding-bottom:30px;}
#index2 ul li a{ display:block;}

#index2 ul li a p.a0{ position:absolute; margin-left:25px; width:200px; height:200px; font-size:24px; color:#fff; line-height:200px; border-radius:500px; display:none;}

#index2 ul li.l1 a p.a0{ background:#f08200;}
#index2 ul li.l2 a p.a0{ background:#f7c7db;}
#index2 ul li.l3 a p.a0{ background:#e95098;}
#index2 ul li.l4 a p.a0{ background:#aacd06;}
#index2 ul li a:hover p.a0{ display:inherit;}

#index2 ul li p.a1{ font-size:18px; line-height:60px; color:#000;}
#index2 ul li p.a2{ width:200px; margin:0 auto; line-height:17px; height:100px;}
#index2 ul li p.a3{ display:none;}
#index2 ul li p.a3 a{ transition:background 0.5s;}
#index2 ul li.l1 p.a3 a{ display:block; width:60px; line-height:60px; background:#f08200; color:#fff; text-align:center; margin:0 auto; border-radius:100px;}
#index2 ul li.l2 p.a3 a{ display:block; width:60px; line-height:60px; background:#f7c7db; color:#fff; text-align:center; margin:0 auto; border-radius:100px;}
#index2 ul li.l3 p.a3 a{ display:block; width:60px; line-height:60px; background:#e95098; color:#fff; text-align:center; margin:0 auto; border-radius:100px;}
#index2 ul li.l4 p.a3 a{ display:block; width:60px; line-height:60px; background:#aacd06; color:#fff; text-align:center; margin:0 auto; border-radius:100px;}
#index2 ul li.l4{ border:0;}
#index2 ul li p.a3 a:hover{ background:#000;}

#workshop{ width:100%; overflow:hidden;}
#workshop ul{ list-style:none;}
#workshop ul li{ display:none; float:left;}
#workshop ul li img{ width:100%;}

#index3{ width:100%; position:absolute; margin-top:-90px; z-index:20;}

#shop{ width:1000px; position:absolute; margin-top:-90px; z-index:20;}

#workshopli{ width:630px; height:90px;  overflow:hidden; background:rgba(233,81,153,0.5); margin:0 auto;}
#worshop_pic{ width:400px; margin:0 auto; overflow:hidden; margin-top:30px;}
#worshop_pic ul{ list-style:none; transition:margin 0.5s;}
#worshop_pic ul li{ float:left; margin-right:10px;}
#worshop_pic ul li a{ display:block; border:solid 2px #333;}
#worshop_pic ul li a img{ width:66px; height:41px;}

#workshop_con{ width:530px; margin:0 auto; text-align:center; color:#fff; line-height:18px; font-size:12px; padding-top:40px; display:none;}

#workshopli a.left{ position:absolute;display:block; color:#fff; font-family:"宋体"; font-size:18px; margin:40px 0 0 90px;}
#workshopli a.right{ position:absolute; color:#fff; display:block; font-family:"宋体"; font-size:18px; margin:40px 0 0 520px;}

#workshopli a.left1{ position:absolute;display:block; color:#fff; font-family:"宋体"; font-size:18px; margin:40px 0 0 90px;}
#workshopli a.right1{ position:absolute; color:#fff; display:block; font-family:"宋体"; font-size:18px; margin:40px 0 0 520px;}


#index4{ width:1000px; margin:0 auto; text-align:center; padding-top:40px;}

#more{ overflow:hidden; padding:45px 0;}
#more a{ display:block; width:60px; height:60px; color:#fff; line-height:60px; text-align:center; background:#f6cb21; margin:0 auto; border-radius:100px; transition:background 0.5s;}
#more a:hover{ background:#000;}

#index_news{ width:1024px; margin:0 auto; overflow:hidden; margin-bottom:100px;}
#index_news ul{ list-style:none; width:1100px;}
#index_news ul li{ float:left; width:330px; margin-right:20px;}
#index_news ul li a img{ width:100%;}
#index_news ul li a{ display:block;}
#index_news ul li a p.a1{ font-size:16px; color:#333; line-height:24px; padding-top:10px;}
#index_news ul li a p.a2{ font-size:14px; color:#666; padding-top:20px;}
#index_news ul li a p.a3{ color:#999; padding-top:40px;}
#index_news ul li a p.a1:hover{ color:#d00;}


#index_pro{ width:100%; overflow:hidden;}
#index_pro ul{ list-style:none;}
#index_pro ul li{ display:none; float:left;}
#index_pro ul li img{ width:100%;}

#index5{ width:100%; position:absolute; margin-top:-190px; z-index:20;}
#proli{ width:650px; height:190px;  overflow:hidden; margin:0 auto;}
#pro_pic{ width:600px; margin:0 auto; overflow:hidden; margin-top:30px;}
#pro_pic ul{ list-style:none; transition:margin 0.5s;}
#pro_pic ul li{ float:left; margin-right:10px;}
#pro_pic ul li a{ display:block; border:solid 2px #333;}
#pro_pic ul li a img{ width:136px;}

#proli a.left{ position:absolute;display:block; color:#000; font-family:"宋体"; font-size:24px; margin:60px 0 0 0px;}
#proli a.right{ position:absolute; color:#000; display:block; font-family:"宋体"; font-size:24px; margin:60px 0 0 630px;}

#index6{ text-align:center; background:url(image/di.jpg) center; color:#fff; height:550px; width:100%; overflow:hidden;}
#index6 .a1{ font-size:48px; line-height:60px; padding-top:90px;}
#index6 .a3 a{ display:block; border:solid 1px #fff; color:#fff; border-radius:50px; line-height:38px; width:130px; margin:56px auto 40px auto; transition:background 0.5s,color 0.5s;}
#index6 .a3 a:hover{ background:#fff; color:#000;}

#mbottom{ display:none;}
#mbottom1{ display:none;}
#bottom{ background:#333; width:100%; overflow:hidden;}
#bottom .bottom_con{ width:1024px; margin:0 auto; color:#fff; padding-top:55px; padding-bottom:50px; overflow:hidden;}
#bottom .bottom_con .bottom_l{ float:left; line-height:18px;}
#bottom .bottom_con .bottom_l p{ padding-top:30px; font-size:12px;}
#bottom .bottom_con .bottom_l a{ color:#fff;}
#bottom .bottom_con .bottom_l a:hover{ text-decoration:underline;}
#bottom .bottom_con .bottom_r{ float:right; text-align:center; font-size:12px; line-height:40px;}
#bottom .bottom_con .bottom_r img{ width:90px;}

#zmenu{ width:650px; margin:0 auto; padding-top:20px; overflow:hidden;}
#zmenu ul{ list-style:none;}
#zmenu ul li{ float:left; width:130px;}
#zmenu ul li a{ display:block; background:url(image/btn1.png) center no-repeat; text-align:center; width:123px; height:43px; line-height:40px; transition:background 0.5s,color 0.5s,margin 0.5s;}
#zmenu ul li a:hover{ background:url(image/btn2.png) center no-repeat; color:#a02327; margin-top:10px;}
#zmenu ul li a.it{ background:url(image/btn2.png) center no-repeat; color:#a02327; margin-top:10px;}

#kuang1{ width:1000px; margin:30px auto 0 auto; overflow:hidden;}
#kuang1 img{ width:100%;}
#kuang2{ width:1000px; margin:0 auto; background:url(image/kuang2.png) repeat-y; overflow:hidden; background-size:100% auto;}
#kuang2 .con{ width:890px; margin:0 auto; padding-top:40px;}
#kuang2 .com_pic{ text-align:center; padding:40px 0;}
#kuang2 .com_pic1{ text-align:center; padding:40px 0;}

#kuang3{ width:1000px; margin:0 auto 90px auto; overflow:hidden;}
#kuang3 img{ width:100%;}

#car{ width:1000px; margin:0 auto;}
#car .car1{ position:absolute; margin:-140px 0 0 850px;}
#car .car2{ position:absolute; margin:-140px 0 0 850px;}

#kuang2 .family{ width:1000px; margin:50px auto; overflow:hidden;}
#kuang2 .family ul{ list-style:none;}
#kuang2 .family ul li{ float:left; width:33.33%; text-align:center; }
#kuang2 .family ul li a{ display:block; color:#666; line-height:17px; width:90%; margin:0 auto;}
#kuang2 .family ul li a p.a1{ font-size:18px; line-height:60px; color:#333;}
#kuang2 .family ul li a p.a2{ width:70%; margin:0 auto; height:90px;}

#page{ width:212px; margin:0 auto; overflow:hidden; padding-bottom:60px;}
#page ul{ list-style:none;}
#page ul li{ float:left; width:25%; text-align:center;}

#history{ width:900px; margin:50px auto 100px auto; overflow:hidden;}
#history ul{ list-style:none;}
#history ul li{ float:left; width:190px; height:145px; border-radius:10px; background:#f8cad5; padding:40px; margin:0 15px;}
#history ul li p.a1{ font-size:30px; color:#000; line-height:40px;}
#history ul li p.a2{ color:#000; padding-top:20px; height:72px;}
#history ul li p.a3{ padding-top:15px;}

#honor{ width:900px; margin:0 auto; overflow:hidden; padding-bottom:100px; padding-top:50px;}
#honor ul{ list-style:none;}
#honor ul li{ border-bottom:solid 1px #eee; padding:20px 0;}
#honor ul li img{ float:left; margin-right:10px; margin-top:5px;}
#honor ul li p{ overflow:hidden; color:#333;}

#shop_n{ width:900px; margin:50px auto 50px auto; overflow:hidden;}
#shop_n .shop_l{ float:left;}
#shop_n .shop_l img{ width:450px;}
#shop_n .shop_r{ float:right; width:400px; color:#333; line-height:24px;}
#shop_n .shop_r p.tt{ font-size:18px;}
#shop_n .shop_r p.cont{ line-height:60px; border-bottom:solid 1px #eee;}

#shop_p{ width:950px; margin:50px auto; overflow:hidden;}
#shop_p ul{ list-style:none;}
#shop_p ul li{ float:left; text-align:center; width:170px; height:182px; background:#874848; color:#fff; border-radius:10px; line-height:40px; font-size:18px; margin:0 10px 20px 10px;}
#shop_p ul li.a1{ background:#9c7954}
#shop_p ul li.a2{ background:#9c9454}
#shop_p ul li.a3{ background:#4c7f44}
#shop_p ul li.a4{ background:#447e7f}
#shop_p ul li.a5{ background:#4f6a94; margin-left:104px;}
#shop_p ul li.a6{ background:#7d549d}
#shop_p ul li.a7{ background:#9b6296}
#shop_p ul li.a8{ background:#9b6285}

#shop_p ul li p{ width:80px; height:80px; background:#fff; color:#000; font-size:30px; line-height:80px; text-align:center; margin:0 auto; border-radius:80px; margin-top:36px;}

#news{ width:900px; margin:0 auto; overflow:hidden; padding-bottom:50px; padding-top:30px;}
#news ul{ list-style:none;}
#news ul li{ border-bottom:solid 1px #eee; overflow:hidden; padding:30px 0;}
#news ul li a{ display:block;}
#news ul li a div.a{ float:left; width:60px; height:60px; line-height:60px; background:#fcd500; border-radius:80px; text-align:center; color:#000; margin-right:45px;}
#news ul li a div.b{ float:left; width:600px;}
#news ul li a div.b .b1{ font-size:16px; color:#000;}
#news ul li a div.b .b2{ font-size:12px; color:#000;}
#news ul li a div.b .b3{ font-size:12px; line-height:18px; color:#999; padding-top:20px;}
#news ul li a div.c{ float:right;}
#news ul li a:hover div.b .b1{ font-size:16px; color:#d00;}
#news ul li a div.c img{ width:180px;}

#job{ width:900px; margin:0 auto; padding-top:30px}
#job ul{ list-style:none;}
#job ul li{ border-bottom:solid 1px #eee; overflow:hidden; padding:30px 0; margin-bottom:30px;}
#job ul li p{ width:20%; float:left; line-height:24px;}
#job ul li p span{ font-weight:bold; color:#000;}
#job ul li p.cc{ width:100%;}
#job ul li p a{ display:block; width:102px; line-height:40px; background:#eee; text-align:center; border-radius:5px; margin-top:20px;}

#car_pic{ position:absolute; margin:200px 0 0 700px;}

#shop_sq{ width:950px; margin:50px auto; overflow:hidden;}
#shop_sq p{ width:50%; float:left; overflow:hidden; padding-bottom:20px; border-bottom:solid 1px #eee; padding-top:20px;}
#shop_sq p.tt_sq{ width:100%; overflow:hidden; color:#000; font-weight:bold;}
#shop_sq p input{ border:solid 1px #ddd; width:95%; height:40px; text-indent:10px;}
#shop_sq p.check{ width:100%; overflow:hidden;}
#shop_sq p.check input{ width:20px; vertical-align:middle;}
#shop_sq p.check span{ float:left;}
#shop_sq p.check label{ padding-right:10px; display:block; float:left;}
#shop_sq p.content_sq{ width:100%;}
#shop_sq p.content_sq textarea{ width:96%; border:solid 1px #ddd; height:100px; padding:10px;}
#shop_sq p.mypm_sq{ width:100%;}
#shop_sq p.mypm_sq span{ margin-right:20px;}
#shop_sq p.mypm_sq input{ width:15%;}
#shop_sq p.ok{ width:100%; overflow:hidden;}
#shop_sq p.ok a{ display:block; width:200px; background:#000; border-radius:3px; line-height:50px; text-align:center; color:#fff; text-decoration:none;}


}
@media(max-width:800px){
#top{height:3rem!important; z-index:50; position:fixed; width:100%; background:#fff!important;}
#top1{ width:100%; margin:0 auto;}
#top1 .logo{ float:left; margin-top:.8rem;}
#top1 .logo a.a1{ display:none!important;}
#top1 .logo a.a2{ display:inherit!important;}
#top1 .logo a img{ height:1.4rem; margin-left:.8rem}
#top1 .menu{ width:100%; z-index:60;display:none; background:rgba(0,0,0,0.8); height:40rem; overflow:hidden; }
#top1 .menu ul{ list-style:none; background:url(image/di1.jpg) repeat-y; background-size:50% auto; height:40rem;}
#top1 .menu ul li{ width:100%;}
#top1 .menu ul li a{ display:block; color:#000!important; background:#eee; font-size:.8rem; line-height:3rem; width:50%; text-align:center; border-top:solid 1px #ddd;}
#top1 .menu ul li dl{ width:50%; background:#fff; display:none; overflow:hidden; position:absolute; margin-left:50%; top:3rem;}
#top1 .menu ul li dl dd{ width:100%; float:left; border-top:solid 1px #ddd;}
#top1 .menu ul li dl dd a{ display:block; border:0; font-size:.8rem; margin:0 auto; line-height:3rem; background:#fff;}

#top1 .search{ display:none;}

#top1 .menu_btn{ display:inherit; float:right;}
#top1 .menu_btn img{ height:3rem;}

.title{ width:90%; margin:0 auto; overflow:hidden; text-align:center; padding-top:2rem;}
.title p.a1 img{ width:20%;}
.title p.a2{ font-size:1.5rem; line-height:2rem; color:#333; font-family:Arial, Helvetica, sans-serif;}
.title p.a3{ background:url(image/line.jpg) center repeat-x; font-size:1rem; line-height:1.2rem; color:#333;}
.title p.a3 span{ padding:0 10px; background:#fff;}

.title1{ width:90%; margin:0 auto; overflow:hidden; text-align:center; padding-top:4rem;}
.title1 p.a1 img{ width:20%;}
.title1 p.a2{ font-size:1.5rem; line-height:2rem; color:#333; font-family:Arial, Helvetica, sans-serif;}
.title1 p.a3{ background:url(image/line2.png) center no-repeat; font-size:1rem; line-height:1.2rem; color:#333;}
.title1 p.a3 span{ padding:0 10px;}

#index1{ width:90%; margin:0 auto; text-align:center; padding-top:20px; font-size:.8rem; line-height:1.2rem; padding-bottom:3rem;}

#index2{ width:90%; margin:0 auto; overflow:hidden; padding-top:30px; padding-bottom:0px;}
#index2 ul{ list-style:none;}
#index2 ul li{ float:left; width:49%; border-right:solid 1px #eee; text-align:center; padding-bottom:.5rem; margin-bottom:1rem;}
#index2 ul li p.a0{ display:none;}
#index2 ul li p.a1{ font-size:18px; line-height:60px; color:#000;}
#index2 ul li img{ width:70%;}
#index2 ul li p.a2{ width:90%; margin:0 auto; line-height:1rem; font-size:.6rem; height:80px;}
#index2 ul li p.a3{ display:inherit;}
#index2 ul li p.a3 a{ transition:background 0.5s;}
#index2 ul li.l1 p.a3 a{ display:block; width:60px; line-height:60px; background:#f08200; color:#fff; text-align:center; margin:0 auto; border-radius:100px;}
#index2 ul li.l2 p.a3 a{ display:block; width:60px; line-height:60px; background:#f7c6da; color:#fff; text-align:center; margin:0 auto; border-radius:100px;}
#index2 ul li.l3 p.a3 a{ display:block; width:60px; line-height:60px; background:#e95098; color:#fff; text-align:center; margin:0 auto; border-radius:100px;}
#index2 ul li.l4 p.a3 a{ display:block; width:60px; line-height:60px; background:#aacd06; color:#fff; text-align:center; margin:0 auto; border-radius:100px;}
#index2 ul li.l2{ border:0;}
#index2 ul li.l4{ border:0;}


#workshop{ width:100%; overflow:hidden;}
#workshop ul{ list-style:none;}
#workshop ul li{ display:none; float:left;}
#workshop ul li img{ width:100%;}

#index3{ width:100%;}
#workshopli{ width:100%; height:90px;  overflow:hidden; background:rgba(233,81,153,0.8); margin:0 auto;}
#worshop_pic{ width:80%; margin:0 auto; overflow:hidden; margin-top:30px;}
#worshop_pic ul{ list-style:none; transition:margin 0.5s;}
#worshop_pic ul li{ float:left; margin-right:10px;}
#worshop_pic ul li a{ display:block; border:solid 2px #333;}
#worshop_pic ul li a img{ width:66px; height:41px;}

#workshop_con{ width:90%; margin:0 auto; text-align:center; color:#fff; line-height:18px; font-size:12px; padding-top:40px; display:none;}

#workshopli a.left{ position:absolute;display:block; color:#fff; font-family:"宋体"; font-size:18px; margin:40px 0 0 5%;}
#workshopli a.right{ position:absolute; color:#fff; display:block; font-family:"宋体"; font-size:18px; margin:40px 0 0 93%;}

#workshopli a.left1{ position:absolute;display:block; color:#fff; font-family:"宋体"; font-size:18px; margin:40px 0 0 2%;}
#workshopli a.right1{ position:absolute; color:#fff; display:block; font-family:"宋体"; font-size:18px; margin:40px 0 0 80%;}


#index4{ width:90%; margin:0 auto; text-align:center; padding-top:40px;}

#more{ overflow:hidden; padding:45px 0;}
#more a{ display:block; width:60px; height:60px; color:#fff; line-height:60px; text-align:center; background:#f6cb21; margin:0 auto; border-radius:100px; transition:background 0.5s;}
#more a:hover{ background:#000;}

#index_news{ width:100%; margin:0 auto; overflow:hidden; margin-bottom:0px;}
#index_news ul{ list-style:none;}
#index_news ul li{width:90%; margin:0 auto; padding-bottom:2rem;}
#index_news ul li a img{ width:100%;}
#index_news ul li a{ display:block;}
#index_news ul li a p.a1{ font-size:16px; color:#333; line-height:24px; padding-top:10px;}
#index_news ul li a p.a2{ font-size:14px; color:#666; padding-top:20px;}
#index_news ul li a p.a3{ color:#999; padding-top:40px;}
#index_news ul li a p.a1:hover{ color:#d00;}


#index_pro{ width:100%; overflow:hidden;}
#index_pro ul{ list-style:none;}
#index_pro ul li{ display:none; width:100%;}
#index_pro ul li img{ width:100%;}

#index5{ width:100%;}
#proli{ width:100%; height:100px;  overflow:hidden; background:rgba(152,17,23,0.8); margin:0 auto;}
#pro_pic{ width:80%; margin:0 auto; overflow:hidden; margin-top:30px;}
#pro_pic ul{ list-style:none; transition:margin 0.5s;}
#pro_pic ul li{ float:left; margin-right:10px;}
#pro_pic ul li a{ display:block; border:solid 2px #333;}
#pro_pic ul li a img{ width:66px; height:41px;}

#proli a.left{ position:absolute;display:block; color:#fff; font-family:"宋体"; font-size:18px; margin:40px 0 0 5%;}
#proli a.right{ position:absolute; color:#fff; display:block; font-family:"宋体"; font-size:18px; margin:40px 0 0 93%;}

#index6{ text-align:center; background:url(image/di.jpg) center; color:#fff; height:350px; width:100%; overflow:hidden;}
#index6 .a1{ font-size:2rem; line-height:2.4rem; padding-top:50px;}
#index6 .a3 a{ display:block; border:solid 1px #fff; color:#fff; border-radius:50px; line-height:38px; width:130px; margin:20px auto 40px auto; transition:background 0.5s,color 0.5s;}
#index6 .a3 a:hover{ background:#fff; color:#000;}
#index6 .a4 img{ width:70%;}

#bottom{ display:none;}
#mbottom{ width:100%; position:fixed; overflow:hidden; bottom:0; left:0; z-index:50;}
#mbottom ul{ list-style:none;}
#mbottom ul li{ float:left; width:25%;}
#mbottom ul li a{ display:block;}
#mbottom ul li a img{ width:100%;}
#mbottom1{ width:100%;overflow:hidden;}
#mbottom1 ul{ list-style:none;}
#mbottom1 ul li{ float:left; width:25%;}
#mbottom1 ul li a{ display:block;}
#mbottom1 ul li a img{ width:100%;}


#zmenu{ width:60%; margin-left:3%;  padding-top:.5rem; overflow:hidden;}
#zmenu ul{ list-style:none;}
#zmenu ul li{ float:left; width:50%;}
#zmenu ul li a{ display:block; background:url(image/btn1.png) center no-repeat; background-size:100% auto; font-size:.7rem; text-align:center; width:90%; height:43px; line-height:40px; transition:background 0.5s,color 0.5s,margin 0.5s;}
#zmenu ul li a.it{ background:url(image/btn2.png) center no-repeat; background-size:100% auto;  color:#a02327;}

#kuang1{ width:95%; margin:1rem auto 0 auto; overflow:hidden;}
#kuang1 img{ width:100%;}
#kuang2{ width:95%; margin:0 auto; background:url(image/kuang2.png) repeat-y; overflow:hidden; background-size:100% auto;}
#kuang2 .con{ width:90%; margin:0 auto; padding-top:20px;}
#kuang2 .com_pic{ text-align:center; padding:3rem 0;}
#kuang2 .com_pic img{ width:60%;}
#kuang2 .com_pic1{ text-align:center; padding:3rem 0;}
#kuang2 .com_pic1 img{ width:90%;}
#kuang3{ width:95%; margin:0 auto 1rem auto; overflow:hidden;}
#kuang3 img{ width:100%;}

#car{ width:100%; margin:0 auto;}
#car .car1{ position:absolute; margin:-90px 0 0 70%;}
#car .car1 img{ width:80%;}


#car .car2{ position:absolute; margin:-60px 0 0 75%;}
#car .car2 img{ width:60%;}


#kuang2 .family{ width:100%; margin:50px auto; overflow:hidden;}
#kuang2 .family ul{ list-style:none;}
#kuang2 .family ul li{ float:left; width:50%; text-align:center; }
#kuang2 .family ul li a{ display:block; color:#666; line-height:17px; width:90%; margin:0 auto;}
#kuang2 .family ul li a p.a1{ font-size:18px; line-height:60px; color:#333;}
#kuang2 .family ul li a p.a2{ width:80%; font-size:.7rem; margin:0 auto; height:90px;}
#kuang2 .family ul li a img{ width:60%;}

#page{ width:212px; margin:0 auto; overflow:hidden; padding-bottom:50px;}
#page ul{ list-style:none;}
#page ul li{ float:left; width:25%; text-align:center;}


#history{ width:90%; margin:50px auto 1rem auto; overflow:hidden;}
#history ul{ list-style:none;}
#history ul li{ float:left; width:90%; height:145px; border-radius:10px; background:#f8cad5; padding:40px 5%; margin-bottom:1rem;}
#history ul li p.a1{ font-size:30px; color:#000; line-height:40px;}
#history ul li p.a2{ color:#000; padding-top:20px; height:72px;}
#history ul li p.a3{ padding-top:15px;}

#honor{ width:90%; margin:0 auto; overflow:hidden; padding-bottom:50px; padding-top:50px;}
#honor ul{ list-style:none;}
#honor ul li{ border-bottom:solid 1px #eee; padding:20px 0;}
#honor ul li img{ float:left; margin-right:10px; margin-top:5px;}
#honor ul li p{ overflow:hidden; color:#333;}

#shop_n{ width:90%; margin:20px auto 50px auto; overflow:hidden;}
#shop_n .shop_l{ padding-bottom:1rem;}
#shop_n .shop_l img{ width:100%;}
#shop_n .shop_r{ width:100%; color:#333; line-height:24px; font-size:.8rem;}
#shop_n .shop_r p.tt{ font-size:1rem;}

#shop_p{ width:90%; margin:50px auto 20px auto; overflow:hidden;}
#shop_p ul{ list-style:none;}
#shop_p ul li{ float:left; text-align:center; width:30%; height:120px; background:#874848; color:#fff; border-radius:10px; line-height:40px; font-size:14px; margin:0 1.5% 20px 1.5%;}
#shop_p ul li.a1{ background:#9c7954}
#shop_p ul li.a2{ background:#9c9454}
#shop_p ul li.a3{ background:#4c7f44}
#shop_p ul li.a4{ background:#447e7f}
#shop_p ul li.a5{ background:#4f6a94;}
#shop_p ul li.a6{ background:#7d549d}
#shop_p ul li.a7{ background:#9b6296}
#shop_p ul li.a8{ background:#9b6285}

#shop_p ul li p{ width:50px; height:50px; background:#fff; color:#000; font-size:20px; line-height:50px; text-align:center; margin:0 auto; border-radius:80px; margin-top:20px;}


#news{ width:90%; margin:0 auto; overflow:hidden; padding-bottom:50px;}
#news ul{ list-style:none;}
#news ul li{ border-bottom:solid 1px #eee; overflow:hidden; padding:30px 0;}
#news ul li a{ display:block;}
#news ul li a div.a{ float:left; width:40px; height:40px; line-height:40px; background:#fcd500; border-radius:80px; font-size:.7rem; text-align:center; color:#000; margin-right:20px;}
#news ul li a div.b{ float:left; width:60%;}
#news ul li a div.b .b1{ font-size:.8rem; color:#000; line-height:1rem;}
#news ul li a div.b .b2{ font-size:12px; color:#999;}
#news ul li a div.b .b3{ display:none}
#news ul li a div.c{ float:right; width:20%;}
#news ul li a div.c img{ width:100%;}

#job{ width:90%; margin:0 auto;}
#job ul{ list-style:none;}
#job ul li{ border-bottom:solid 1px #eee; overflow:hidden; padding:30px 0; margin-bottom:30px;}
#job ul li p{ width:100%; float:left; line-height:24px;}
#job ul li p span{ font-weight:bold; color:#000;}
#job ul li p.cc{ width:100%;}
#job ul li p a{ display:block; width:102px; line-height:40px; background:#eee; text-align:center; border-radius:5px; margin-top:20px;}

#car_pic{ position:absolute; margin:-4rem 0 0 60%;}
#car_pic img{ width:6rem;}


#shop_sq{ width:90%; margin:30px auto; overflow:hidden;}
#shop_sq p{ width:100%; float:left; overflow:hidden; padding-bottom:20px;}
#shop_sq p.tt_sq{ width:100%; overflow:hidden; color:#000; font-weight:bold;}
#shop_sq p input{ border:solid 1px #ddd; width:95%; height:40px; text-indent:10px;}
#shop_sq p.check{ width:100%; overflow:hidden;}
#shop_sq p.check input{ width:20px; vertical-align:middle;}
#shop_sq p.check span{ float:left;}
#shop_sq p.check label{ padding-right:10px; display:block; float:left;}
#shop_sq p.content_sq{ width:100%;}
#shop_sq p.content_sq textarea{ width:90%; border:solid 1px #ddd; height:100px; padding:10px;}
#shop_sq p.mypm_sq{ width:100%;}
#shop_sq p.mypm_sq span{ margin-right:20px; display:block;}
#shop_sq p.mypm_sq input{ width:40%;}
#shop_sq p.ok{ width:100%; overflow:hidden;}
#shop_sq p.ok a{ display:block; width:200px; background:#000; border-radius:3px; line-height:50px; text-align:center; color:#fff; text-decoration:none;}

}


@media(min-width:1200px){
#car .car3{ position:absolute; margin:-120px 0 0 890px!important;}
#car .car4{ position:absolute; margin:-125px 0 0 890px!important;}

#car .car5{ position:absolute; margin:-125px 0 0 950px!important;}

#prolist{ width:1050px!important; margin:50px auto; overflow:hidden;}
#prolist2{ width:1050px!important; margin:50px auto; overflow:hidden;}
}

@media(min-width:1024px){
#pro_btn{ width:560px; margin:0 auto; overflow:hidden; padding-top:130px;}
#pro_btn ul{ list-style:none;}
#pro_btn ul li{ float:left; width:140px; text-align:center;}
#pro_btn ul li a{ display:block; width:60px; height:60px; line-height:60px; background:#f08200; border-radius:60px; color:#fff; transition:background 0.5s; margin:0 auto;}
#pro_btn ul li a.b1{ background:#e95098}
#pro_btn ul li a.b2{ background:#727172}
#pro_btn ul li a.b3{ background:#aacd06}
#pro_btn ul li a:hover{ background:#000;}

.title2{ width:1024px; margin:0 auto; overflow:hidden; text-align:center; padding-top:40px;}
.title2 p.a2{ font-size:30px; line-height:36px; color:#333; font-family:Arial, Helvetica, sans-serif;}
.title2 p.a3{ background:url(image/line2.png) center no-repeat; font-size:18px; color:#333;}
.title2 p.a3 span{ padding:0 20px;}

#car{ width:1000px; margin:0 auto;overflow:hidden;}
#car .car3{ position:absolute; margin:-120px 0 0 850px;}
#car .car4{ position:absolute; margin:-125px 0 0 850px;}
#car .car5{ position:absolute; margin:-125px 0 0 900px;}

#pmenu{ width:650px; margin:0 auto; padding-top:15px; overflow:hidden;}
#pmenu ul{ list-style:none;}
#pmenu ul li{ float:left; width:130px;}
#pmenu ul li a{ display:block; background:url(image/btn1.png) center no-repeat; text-align:center; width:123px; height:43px; line-height:40px; transition:background 0.5s,color 0.5s,margin 0.5s;}
#pmenu ul li a:hover{ background:url(image/btn2.png) center no-repeat; color:#a02327; margin-top:10px;}
#pmenu ul li a.it{ background:url(image/btn2.png) center no-repeat; color:#a02327; margin-top:10px;}
#pmenu ul li dl{ position:absolute; z-index:30; display:none;}

#ppmenu{ width:650px; margin:0 auto; padding-top:15px; overflow:hidden;}
#ppmenu ul{ list-style:none;}
#ppmenu ul li{ float:left; width:110px;}
#ppmenu ul li a{ display:block; background:url(image/btn3.png) center no-repeat; text-align:center; width:103px; height:43px; line-height:40px; transition:background 0.5s,color 0.5s,margin 0.5s;}
#ppmenu ul li a:hover{ background:url(image/btn4.png) center no-repeat; color:#a02327; margin-top:10px;}
#ppmenu ul li a.it{ background:url(image/btn4.png) center no-repeat; color:#a02327; margin-top:10px;}

#pzmenu{ width:650px; margin:0 auto; padding-top:50px; overflow:hidden;}
#pzmenu ul{ list-style:none;}
#pzmenu ul li{ float:left; width:130px;}
#pzmenu ul li a{ display:block; background:url(image/btn1.png) center no-repeat; text-align:center; width:123px; height:43px; line-height:40px; transition:background 0.5s,color 0.5s,margin 0.5s;}
#pzmenu ul li a:hover{ background:url(image/btn2.png) center no-repeat; color:#a02327; margin-top:10px;}
#pzmenu ul li a.it{ background:url(image/btn2.png) center no-repeat; color:#a02327; margin-top:10px;}

#prolist{ width:900px; margin:50px auto; overflow:hidden; padding-top:20px;}
#prolist ul{ list-style:none;}
#prolist ul li{ float:left; width:33.33%; text-align:left; padding-bottom:40px; height:400px;}
#prolist ul li a{ display:block; color:#000; width:90%; margin:0 auto; transition:background 0.5s,color 0.5s,padding 0.5s;}
#prolist ul li a img{ border:solid 1px #eee; width:100%}
#prolist ul li a p.a1{ font-size:14px; line-height:40px; height:50px;}
#prolist ul li a p.a2 img{ border:0; width:auto;}
#prolist ul li a:hover{ background:#000; color:#fff; padding:10px;}

#prolist2{ width:900px; margin:50px auto; overflow:hidden; padding-top:20px;}
#prolist2 ul{ list-style:none;}
#prolist2 ul li{ float:left; width:33.33%; text-align:left; padding-bottom:40px; height:300px;}
#prolist2 ul li a{ display:block; color:#000; width:90%; margin:0 auto; transition:background 0.5s,color 0.5s,padding 0.5s;}
#prolist2 ul li a img{ border:solid 1px #eee; width:100%}
#prolist2 ul li a p.a1{ font-size:14px; line-height:40px; height:50px;}
#prolist2 ul li a p.a2 img{ border:0; width:auto;}
#prolist2 ul li a:hover{ background:#000; color:#fff; padding:10px;}
}



@media(max-width:800px){
#pro_btn{ width:90%; margin:0 auto; overflow:hidden; padding-top:4rem;}
#pro_btn ul{ list-style:none;}
#pro_btn ul li{ float:left; width:25%; text-align:center;}
#pro_btn ul li a{ display:block; width:50px; height:50px; line-height:50px; background:#f08200; border-radius:60px; color:#fff; transition:background 0.5s; margin:0 auto;}
#pro_btn ul li a.b1{ background:#e95098}
#pro_btn ul li a.b2{ background:#727172}
#pro_btn ul li a.b3{ background:#aacd06}
#pro_btn ul li a:hover{ background:#000;}

.title2{ width:90%; margin:0 auto; overflow:hidden; text-align:center; padding-top:1rem; padding-bottom:1rem;}
.title2 p.a1 img{ width:20%;}
.title2 p.a2{ font-size:1.5rem; line-height:2rem; color:#333; font-family:Arial, Helvetica, sans-serif;}
.title2 p.a3{ background:url(image/line2.png) center no-repeat; font-size:1rem; line-height:1.2rem; color:#333;}
.title2 p.a3 span{ padding:0 10px;}
#car .car3{ position:absolute; margin:-80px 0 0 70%;}
#car .car3 img{ width:80%;}

#car .car4{ position:absolute; margin:-108px 0 0 70%;}
#car .car4 img{ width:80%;}

#car .car5{ position:absolute; margin:-117px 0 0 70%;}
#car .car5 img{ width:90%;}

#pmenu{ width:60%; margin-left:4%;overflow:hidden;}
#pmenu ul{ list-style:none;}
#pmenu ul li{ float:left; width:50%;}
#pmenu ul li a{ display:block; background:url(image/btn1.png) center no-repeat; background-size:100% auto; font-size:.7rem; text-align:center; width:90%; height:43px; line-height:40px; transition:background 0.5s,color 0.5s,margin 0.5s;}
#pmenu ul li a.it{ background:url(image/btn2.png) center no-repeat; background-size:100% auto;  color:#a02327;}
#pmenu ul li dl{ display:none;}

#ppmenu{ width:60%; margin-left:4%;overflow:hidden;}
#ppmenu ul{ list-style:none;}
#ppmenu ul li{ float:left; width:50%;}
#ppmenu ul li a{ display:block; background:url(image/btn1.png) center no-repeat; background-size:100% auto; font-size:.7rem; text-align:center; width:90%; height:43px; line-height:40px; transition:background 0.5s,color 0.5s,margin 0.5s;}
#ppmenu ul li a.it{ background:url(image/btn2.png) center no-repeat; background-size:100% auto;  color:#a02327;}


#pzmenu{ width:90%;overflow:hidden; margin:0 auto; padding-top:2.5rem;}
#pzmenu ul{ list-style:none;}
#pzmenu ul li{ float:left; width:25%;}
#pzmenu ul li a{ display:block; background:url(image/btn1.png) center no-repeat; background-size:100% auto; font-size:.7rem; text-align:center; width:90%; height:43px; line-height:40px; transition:background 0.5s,color 0.5s,margin 0.5s;}
#pzmenu ul li a.it{ background:url(image/btn2.png) center no-repeat; background-size:100% auto;  color:#a02327;}

#prolist{ width:90%; margin:20px auto; overflow:hidden;}
#prolist ul{ list-style:none;}
#prolist ul li{ float:left; width:50%; text-align:left; padding-bottom:2rem; }
#prolist ul li a{ display:block; color:#666; width:90%; margin:0 auto; }
#prolist ul li a img{ border:solid 1px #eee; width:100%}
#prolist ul li a p.a1{ font-size:.7rem; line-height:1rem; color:#000; height:3rem; padding-top:.5rem;}
#prolist ul li a p.a2 img{ border:0; width:auto;}

#prolist2{ width:90%; margin:20px auto; overflow:hidden;}
#prolist2 ul{ list-style:none;}
#prolist2 ul li{ float:left; width:50%; text-align:left; padding-bottom:2rem; }
#prolist2 ul li a{ display:block; color:#666; width:90%; margin:0 auto; }
#prolist2 ul li a img{ border:solid 1px #eee; width:100%}
#prolist2 ul li a p.a1{ font-size:.7rem; line-height:1rem; color:#000; height:3rem; padding-top:.5rem;}
#prolist2 ul li a p.a2 img{ border:0; width:auto;}
}

@media(min-width:1200px){
#probig_pic{ width:1200px!important;}
#probig_r{width:630px!important;}
#probig_detail{ width:1200px!important;}
}

@media(min-width:1024px){
#probig{ width:100%; margin-top:100px; border-top:solid 1px #eee;}
#probig_pic{ width:1024px; margin:0 auto; overflow:hidden; padding-top:50px;}
#probig_l{ float:left; overflow:hidden;}

#spic{ width:500px; overflow:hidden; padding-top:20px;}
#spic ul{ list-style:none;}
#spic ul li{ float:left; width:60px; margin-right:10px;}
#spic ul li a{ display:block;}
#spic ul li a img{ width:100%;}

#probig_r{ float:right; width:480px;}

#probig_r .a{ border-bottom:solid 1px #eee; font-size:18px; color:#333; line-height:20px; padding:20px 0;}

#probig_r .b{ padding:30px 0; overflow:hidden; border-bottom:solid 1px #eee;}
#probig_r .b p{ width:50%; float:left; color:#333; line-height:30px}

#probig_r .c{ padding-top:50px;}
#probig_r .c a{ display:block; width:200px; height:60px; line-height:60px; text-align:center; color:#fff; background:#e60000; float:left; margin-right:10px; font-size:18px; border-radius:5px; transition:background 0.5s;}
#probig_r .c a.it{ background:#e67e00;}
#probig_r .c a:hover{ background:#000;}


#probig_detail{ width:1024px; border-top:solid 1px #eee; margin:60px auto 0 auto;}
#probig_detail .detail{ text-align:center; padding:50px 0;}
}

@media(max-width:800px){
#bpic{ width:100%; overflow:hidden; padding-top:3rem;}
#bpic ul{ list-style:none;}
#bpic ul li img{ width:100%;}

#spic{ width:100%; overflow:hidden; padding-top:20px;}
#spic ul{ list-style:none;}
#spic ul li{ float:left; width:12%; margin-right:10px;}
#spic ul li a{ display:block;}
#spic ul li a img{ width:100%;}




#probig_r{ width:95%; margin:0 auto; overflow:hidden;}

#probig_r .a{ border-bottom:solid 1px #eee; font-size:18px; color:#333; line-height:20px; padding:20px 0;}

#probig_r .b{ padding:30px 0; overflow:hidden; border-bottom:solid 1px #eee;}
#probig_r .b p{ width:50%; float:left; color:#333; line-height:1.4rem; font-size:.7rem;}

#probig_r .c{ padding-top:50px;}
#probig_r .c a{ display:block; width:100%; line-height:2.8rem; text-align:center; color:#fff; background:#e60000; float:left; margin-bottom:10px; font-size:1rem; border-radius:5px; transition:background 0.5s;}
#probig_r .c a.it{ background:#e67e00;}
#probig_r .c a:hover{ background:#000;}


#probig_detail{ width:100%; border-top:solid 1px #eee; margin:60px auto 0 auto;}
#probig_detail .detail{ text-align:center; padding:50px 0;}
#probig_detail .detail img{ width:100%;}

}