/* CSS Document */
* { margin: 0; padding: 0; font-family:"微软雅黑"}
ul,li { list-style: none;}
a { color: #000000; text-decoration: none;}

#top { width: 100%; background: #FFFFFF;}
.top { width: 1200px; height: 100px; margin: 0px auto;}
.top #logo { float: left; margin: 9px auto 0px;;}
.top #var { float: right; line-height: 20px; margin: 40px 0px;}
.top #var li { float: left;}
.top #var li a { padding: 0px 25px; display: block; font-family: "微软雅黑"}
.top #var li a:hover { color: #0060fe;}
.top #var span { float: left; background: #000000; margin: 3px auto; width: 1px; height: 15px;}

#var_1 { width: 100%; height: 5px; background: #0060FE;}
#var_2 { width: 100%; background: #0060FE; height: 60px;}
.var_2 { width: 1050px; margin: auto; padding-left: 150px;}
.var_2 .var_3 { float: left;}
.var_2 .var_3 a { padding: 5px 20px; display: block; font-size: 14px; color: #FFFFFF;}
.var_2 .var_3 a:hover,.var_2 .var_3 a:visited { background: #074cbf;}

#banner { width: 100%; height: 452px; background: url(../imges/banner.jpg) no-repeat center;}
#banner_2 { width: 100%; height: 452px;  background: url(../imges/banner_2.jpg) no-repeat center;}
#banner_3 { width: 100%; height: 452px;  background: url(../imges/banner_3.jpg) no-repeat center;}
#banner_4 { width: 100%; height: 452px;  background: url(../imges/banner_4.jpg) no-repeat center;}
#banner_5 { width: 100%; height: 452px;  background: url(../imges/banner_5.jpg) no-repeat center;}
#banner_6 { width: 100%; height: 452px;  background: url(../imges/banner_6.jpg) no-repeat center;}
#banner_7 { width: 100%; height: 452px;  background: url(../imges/banner_7.jpg) no-repeat center;}
#banner_8 { width: 100%; height: 452px;  background: url(../imges/banner_8.jpg) no-repeat center;}

#activity { width: 100%;}
.activity { width: 1200px; margin: 0px auto;}
.activity .bt { margin: 30px auto 15px; height: 30px; padding: 3px 5px; border-bottom: 2px solid #115eee;}
.activity .bt h3 { float: left;}
.activity .bt a { float: right; margin-top: 5px;}
.activity .himg { padding: 0px 15px; float: left;}
.activity .himg a { margin-top: 25px; padding: 10px 10px 6px; background: #FFFFFF; display: block; border-radius: 5px;}

#selling {  margin-top: 20px;}
.selling {  margin: auto; }
.selling .bt { margin: 30px auto 10px; height: 30px; padding: 3px 5px; border-bottom: 2px solid #115eee;}
.selling .bt h3 { float: left;}
.selling .bt a { float: right; margin-top: 5px;}
.selling .mimg { width: 1200px;}
.selling .mimg .img { padding: 10px; margin: 25px 35px; height: 430px; background: #FFFFFF; float: left;}
.selling .mimg .img .ximg { font-size: 10px; width: 149px; padding: 0px 10px; text-overflow: ellipsis; text-align: center; float: left;}
.selling .mimg .img .ximg a:hover { color: #FF0004;}
.selling .mimg .img .ximg .text { margin: 5px auto;}

#product { width: 100%; margin-top: 20px;}
.product { width: 1200px; margin: auto;}
.product .discunt { padding: 10px; height: 251px; background: #FFFFFF; margin-bottom: 10px;}
.product .discunt img { float: left;}
.product .discunt .text { float: left; padding: 30px 0px 0px 30px; margin: 0px;}
.product .discunt .text h3 { height: 45px; width: 250px; border-bottom: 1px solid #BFBFBF;float: left;}

#product .sousuo{ width:450px; height:40px;margin: 0 auto 20px;}
#product .sousuo .ss{border:3px #0060FE solid;width: 440px;height: 35px;}
#product .sousuo .anniu{width: 90px;height: 35px;line-height: 35px;background: #0060FE;color: #FFF;border: 0px;}
#product .sousuo .kuang{width: 340px;height: 35px;line-height: 35px;border: 0;padding-left: 10px;}

.product .discunt .text p { line-height: 70px; width: 620px; color: #8d8d8d; border-bottom: 1px solid #BFBFBF;clear: both;}
.product .discunt .text .span { color: #8d8d8d; margin-top: 50px;}

.product #cimg { width: 1200px; height: 1800px;}
.product #cimg .vv { height: 285px;}
.product #cimg .cimg { float: left; padding: 27px 15px; font-size: 14px; background: #FFFFFF; position: relative; width: 230px; text-overflow: ellipsis; text-align: center; margin: 15px 20px 10px; height: 100%}
.product #cimg .cimg .text { color: #909090;}
.product #cimg .cimg .text span { float: left; position: absolute; left: 10px; bottom: 15px; font-size: 18px; margin-left: 10px; color: #000000;}

#cimg { }
#cimg .vv { height: 285px;}
#cimg .cimg { float: left; padding: 27px 15px; font-size: 14px; background: #FFFFFF; position: relative; width: 180px; text-overflow: ellipsis;  margin: 15px 20px 10px; height: 85.5%}
#cimg .cimg .text {/* color: #909090;*/height: 40px;
overflow: hidden;margin-top: 10px;}
#cimg .cimg .text span { float: left; position: absolute; left: 10px; bottom: 0px; font-size: 18px; margin-left: 10px; color: #000000;}

#business { width: 100%; margin-top: 30px;}
.business { width: 1200px; margin: auto; text-align: center;}
.business h1 { color: #0460f9; margin-top: 50px;}
.business p { color: #6f6d6d; font-size: 14px; text-align: left;}
.business h4 { margin: 5px 0px -15px; text-align: left; font-size: 14px;}

#about { width: 100%; margin-top: 50px;}
#about .about { width: 1200px; margin: auto; text-align: center}
#about h1 { color: #0460f9; margin: 80px auto 40px;}
#about .text { line-height: 40px; text-align: left; color: #6f6d6d; width: 910px; margin: 5px auto;}
#about img { margin: 50px auto 0px;}

#union { width: 100%; padding-top: 50px; background: #f3efef;}
.union { width: 1200px; height: 1250px; margin: auto;}
.union .img { padding: 20px; margin: 20px; background: #FFFFFF; float: left;}
.union .img img { float: left;}
.union .img p { color: #848484; float: left; width: 335px; line-height: 40px; font-weight: 500; margin-left: 20px;}
.union .img span { color: #000000; font-size: 20px; font-weight: 600;}

#union_1 { width: 100%; padding-top: 50px; background: #f3efef;}
.union_1 { width: 1200px; margin: auto;}
.union_1 .img { width:1160px; padding: 20px; height: 345px; background: #FFFFFF;}
.union_1 .img img { float: left;}
.union_1 .img .text { float: left; margin-left: 30px;}
.union_1 .img .text h3 { font-weight: 600; margin: 20px 0px 15px;}
.union_1 .img .text p { color: #000000; line-height: 50px;}
.union_1 .img .text span { color: #848484;}
.union_1 .img .text a { display: block; padding: 7px 30px; margin: 20px 0px; border: 1px solid #B3B3B3; float: left; color: #B3B3B3;}
.union_1 .img .text a:hover { border: 1px solid #0460f9; color: #0460f9}
.union_1 .details { width: 1200px; background-color: #FFFFFF; margin-top: 30px;}
.union_1 .details .bt { font-size: 16px; font-weight: 400; padding-left: 20px; width: 100%; background-color: #F0F0F0; line-height: 40px; border: 1px solid #ECECEC}
.union_1 .details .img_1 {}
.union_1 .details .img_1 img { margin: 15px 20px;}

.details { width: 100%; background-color: #FFFFFF; margin-top: 30px;}
.details .bt { text-align: center; font-size: 16px; font-weight: 400; padding-left: 20px; width: 100%; background-color: #F0F0F0; line-height: 40px; border: 1px solid #ECECEC}
.details .img_1 { padding: 15px 10px;}
.details .img_1 img { margin: 15px 20px;}


#help { width: 100%; padding-top: 30px; background: #f3efef;}
.help { width: 1200px; margin: auto; height: 1000px;}
.help .hr { width: 100%; height:1px; margin: 20px 0px; background: #D4D4D4;}
.help .left { width: 350px; padding: 20px; background: #FFFFFF; float: left;}
.help .left .bt { background: url(../imges/help.png) no-repeat center; width: 200px; height: 66px; margin-left: -45px;}
.help .left h3 { margin-left: 50px; line-height: 50px;}
.help .left p { margin-left: 70px; line-height: 50px;}
.help .left p a { display: block;}oo
.help .left p a:hover { color: #0460f9;}
.help .right { width: 780px; background: #FFFFFF; margin-left: 30px; float: left;}
.help .right h3 { padding: 30px 0px 10px 40px;}
.help .right h3 span { color: #969696; font-weight: 500;}
.help .right .text { padding: 10px 40px 40px 50px; line-height: 50px;} 

#bottom { width: 100%; margin-top: 100px; height: 430px; background: #212830;clear: both;}
#bottom .stop { width: 100%; padding: 20px 0px;}
#bottom .stop .tt { width: 25%; text-align: center; float: left}
#bottom .stop .tt img { margin: auto;}
#bottom .ewm { margin: 70px auto 30px; width: 1200px}
#bottom .ewm img { float: left; margin-left: 20px;}
#bottom .ewm .about { float: left; color: #FFFFFF; padding: 25px 70px 0px 40px; line-height: 40px;}
#bottom .ewm .about span { font-size: 24px;}
#bottom .ewm .xx { width: 1px; float: left; background: #FFFFFF; height: 130px; margin-top: 45px}
#bottom .ewm .contact { float: right; padding: 28px 50px 0px 0px; color: #FFFFFF; line-height: 40px;}
#bottom .var { margin-top: 350px; width: 950px; font-size: 14px;}
#bottom .var li { float: left;}
#bottom .var li a { color: #787878; padding: 0px 30px; display: block;}
#bottom .var li a:hover { text-decoration: underline;}
#bottom .var span { float: left; background: #787878; margin: 4px auto; width: 1px; height: 12px;}


.vv .cimg .youn{min-width:142px;min-height:172px;position:absolute;display:none;top:27px;background: #fff;z-index: 1000;color: #fff;background: rgba(0,0,0,0.5);padding: 15px 23px 5px;font-size: 20px;}
.vv .cimg:hover .youn{display:block}

.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}