@charset "utf-8";

/* CSS Document */
* {padding: 0;margin: 0;}
body {margin: 0px;padding: 0px;color: #1b1b1b5;font-family:"微软雅黑", Arial, Helvetica, sans-serif;font-size:14px;background:#fff;text-align:left;position:relative; line-height:20px; min-width:1200px;}
img {border: 0;position:relative;}
.clear {height:0px;line-height:0px;font-size:0px;clear:both;visibility:hidden;overflow:hidden;padding:0;margin:0;}
div,ul,dl,dd,dt,li,td,tr,table,p,span,h1,h2,h3,h4,h5,h6,form{ margin:0px;  padding:0px; list-style:none; list-style-type: none; word-wrap:break-word;position:relative; border:none; font-weight:400;}
a {color:#1b1b1b;text-decoration: none;position:relative;cursor:pointer;}
header, footer, nav, section, article, menu, aside {display:block;position:relative;  } 
textarea { resize:none;font-family:"微软雅黑";font-size:14px;}
table { border-collapse:collapse;border-spacing:0;}
th , td { text-align:left;}
input {font-family:"微软雅黑";font-size:14px;}
input:focus {outline:none;}
input.sub {cursor:pointer; background:none; border:none;}
input.text {background:none; border:none;}
/* common main */
.red,a.red { color:#cc0031;}
.white,a.white { color:#fff;}
.c3,a.c3 { color:#333;}
.c4,a.c4 { color:#444;}
.c5,a.c5 { color:#555;}
.c6,a.c6 { color:#666;}
.c7,a.c7 { color:#777;}
.c8,a.c8 { color:#888;}
.c9,a.c9 { color:#999;}
a:hover {color:#f30;}
.fs12 { font-size:12px;}
.fs14 { font-size:14px;}
.fs16 { font-size:16px;}
.fs18 { font-size:18px;}
.fs20 { font-size:20px;}
.fs22 { font-size:22px;}
.fs24 { font-size:24px;}
.fw-b { font-weight:bold;}
.fw400 { font-weight:400;}
.ti2 { text-indent:2em;}
.lh18 { line-height:18px;}
.lh20 { line-height:20px;}
.lh25 { line-height:25px;}
.lh30 { line-height:30px;}
.lh35 { line-height:35px;}
.lh40 { line-height:40px;}
.unl { text-decoration:underline;}
.unl-no { text-decoration:none;}
.ta-l { text-align:left;}
.ta-c { text-align:center;}
.ta-r { text-align:right;}
.fl { float:left;}
.fr { float:right;}
.va-m { vertical-align:middle;}
.va-t { vertical-align:top;}
.pr { position:relative;}
.pa { position:absolute;}
.oh { overflow:hidden;}
.none { display:none;}
.block { display:block;}
.inblock { display:inline-block;}
.pointer { cursor:pointer;}
.w100 { width:100%;}
.w1000 { width:1000px;}
.w1200 { width:1200px;}
.h5 { height:5px;}
.h10 { height:10px;}
.h15 { height:15px;}
.h20 { height:20px;}
.h25 { height:25px;}
.h30 { height:30px;}
.h40 { height:40px;}
.h50 { height:50px;}
.h60 { height:60px;}
.h70 { height:70px;}
.h100 { height:100%;}
.ma2 { margin:2px;}
.ma5 { margin:5px;}
.ma10 { margin:10px;}
.ma15 { margin:15px;}
.ma20 { margin:20px;}
.pa2 { padding:2px;}
.pa5 { padding:5px;}
.pa10 { padding:10px;}
.pa15 { padding:15px;}
.pa20 { padding:20px;}
.ml5 { margin-left:5px;}
.ml10 { margin-left:10px;}
.ml15 { margin-left:15px;}
.ml20 { margin-left:20px;}
.mr5 { margin-right:5px;}
.mr10 { margin-right:10px;}
.mr15 { margin-right:15px;}
.mr20 { margin-right:20px;}
.mt5 { margin-top:5px;}
.mt10 { margin-top:10px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mb5 { margin-bottom:5px;}
.mb10 { margin-bottom:10px;}
.mb15 { margin-bottom:15px;}
.mb20 { margin-bottom:20px;}
.pl5 { padding-left:5px;}
.pl10 { padding-left:10px;}
.pl15 { padding-left:15px;}
.pl20 { padding-left:20px;}
.pr5 { padding-right:5px;}
.pr10 { padding-right:10px;}
.pr15 { padding-right:15px;}
.pr20 { padding-right:20px;}
.pt2 { padding-top:2px;}
.pt5 { padding-top:5px;}
.pt10 { padding-top:10px;}
.pt15 { padding-top:15px;}
.pt20 { padding-top:20px;}
.pb5 { padding-bottom:5px;}
.pb10 { padding-bottom:10px;}
.pb15 { padding-bottom:15px;}
.pb20 { padding-bottom:20px;}
.mga { margin-left:auto;margin-right:auto;}
.main {width:1200px;margin-left:auto;margin-right:auto;}
.absolute-r { position:absolute;left:auto;right:0;}
.absolute-l { position:absolute;left:0;right:auto;}
.comtab { table-layout:fixed;width:100%;border-collapse:collapse;}

/* 详细样式 */
.bannerbox {width:100%;	height:650px;max-width:1920px;margin:0 auto;overflow:hidden;}
#indexbanner {width:100%;height:650px;}
#indexbanner a {display:block;width:100%;height:650px;background-repeat:no-repeat;background-position:center center;position:absolute;left:0;top:0;}
#bannernum {position:absolute;width:100%;bottom:15px;text-align:center;}
#bannernum span { display:inline-block;width:35px;height:5px;background:#666; opacity:0.8; line-height:0px; font-size:0px; margin:0 4px;}
#bannernum span.numsel { background:#fff;}



.topnav{width:100%;height:98px; background:url(../images/topnavbg.png) center top no-repeat;}
.topnav .navbox{width:1200px;height:98px;margin:0 auto;}
.topnav .navbox .logo{width:180px;height:98px;float: left;}
.topnav .navbox .logo img{margin:20px 0px 0px 20px;}
.topnav .navbox .navli{float: left;}
.topnav .navbox .navli ul li{float:left;width:144px;height:98px;text-align: center; border-right:1px solid #8c8c8c;}
.topnav .navbox .navli ul li a{width:145px;height:68px;display: block;color: #fff;font-size:14px;padding-top: 30px;}
.topnav .navbox .navli ul li a span{color: #666;font-size:12px;line-height:22px;}
.topnav .navbox .navli ul li .sel{ background-color:#999;}
.topnav .navbox .navli ul li a:hover{ background-color:#999; color:#F63;}
.topnav .navbox .navli ul .subnav .nav2{z-index:99;background-color: #999;}
.topnav .navbox .navli ul .subnav .nav2 a{height:31px;padding-top:5px;}
.topnav .navbox .navli ul .subnav .nav2 a:hover{ background-color:#CCC;}

.mainbox{width:1200px; height:306px;margin:56px auto 100px;}
.mainbox .ppjs{width:630px ;height:300px; float:left;}
.mainbox .ppjs .tit{font-size:24px;color:#353535;}
.mainbox .ppjs .tit span{font-size:18px; color:#d1d1d1;}
.mainbox .ppjs .con-box{width:600px;height:235px;border:1px solid #bfc0c0;padding:15px; margin-top:15px;}
.mainbox .ppjs .con-box .con-txt{ font-size: 14px; width: 247px; float: right; color:#666; text-indent: 28px; text-align:justify; }
.mainbox .ppjs .con-box .con-txt p{height:190px; overflow:hidden;}
.mainbox .ppjs .con-box .con-txt .more{width:247px;height:33px; background-color:#d5d5d5; text-align:center; font-size:33px;display: block;border-radius: 3px;text-indent:0px;line-height: 30px;margin-top:10px;}
.mainbox .ppjs .con-box .con-txt .more:hover{background-color:#b7b7b7;}

.mainbox .fr{width:536px ;height:106px; }
.mainbox .fr .tit{font-size:24px;color:#353535;}
.mainbox .fr .tit span{font-size:18px; color:#d1d1d1;}
.mainbox .fr .con-box{width:536px ;height:104px;border:1px solid #bfc0c0;margin-top:15px;margin-bottom:17px;}
.mainbox .fr .con-box ul{margin:15px 0px 0px 10px;}
.mainbox .fr .con-box ul li{width:251px;height:96px;float:left;margin-right: 10px;}
.mainbox .fr .con-box ul li a img{width:80px;height:75px;float:left;}
.mainbox .fr .con-box ul li a p{width:160px;height:58px;float:right;font-size:14px;color:#000;line-height:20px;display:block;}
.mainbox .fr .con-box ul li a p:hover{color:#C03;}
.mainbox .fr .con-box ul li a span{width:160px;float:right;font-size:14px;color:#000;line-height:20px;display:block;}
.mainbox .fr .con-box .picMarquee-left .picList{margin-top:5px;}
.mainbox .fr .con-box .picMarquee-left .picList li{width:123px;height:88px;}
.mainbox .fr .con-box .picMarquee-left .picList li .pic a img{width:123px;height:88px;}
.mainbox .fr .con-box .picMarquee-left .picList{height:85px; overflow:hidden;}
.mainbox .fr .con-box .picMarquee-left{margin-top:5px;}


.foot{width:100%;height:162px;}
.foot_bg{width:100%;height:125px; background:url(../images/footbg.png) repeat-x;}
.footbox{height:125px}
.footbox .right{font-size:14px; color:#fff;width:600px;float:left;margin-top: 40px;}
.footbox .right .footnav { margin-left:-5px;}
.footbox .footnav a{margin:0px 5px; color:#fff;} 
.footbox .right a:hover{color:#f30;}
.footbox .right p{font-size:14px; color:#666; line-height:20px;}
.footbox .call{height:97px;width:353px; `background-color:#039;margin-top: 28px;}
.footbox .call .fl.kk{width:182px;height:82px;border-radius:5px;border:1px solid #CCC; text-align:center;}
.footbox .call .fl.kk p{font-size:20px; color:#fff; line-height:39px;}
.footbox .call .fl.kk .dh{width:32px;height:32px; display:block; float:left; background:url(../images/dh.png) center center no-repeat;margin: 5px 5px 5px 11px;}
.footbox .call .fl.kk .wx{width:32px;height:32px; display:block; float:left; background:url(../images/wx.png) center center no-repeat;margin: 5px;}
.footbox .call .fl.kk .qq{width:32px;height:32px; display:block; float:left; background:url(../images/qq.png) center center no-repeat;margin: 5px;}
.footbox .call .fl.kk .dz{width:32px;height:32px; display:block; float:left; background:url(../images/dz.png) center center no-repeat;margin: 5px;}

.footbox .call .fl.kk .wxpic{width:182px; height:140px; background-color: #232323; border:1px solid #fff; border-radius:5px 5px 0px 0px;position: absolute;
top: -146px;left: -54px;border-bottom: none;}
.footbox .call .fl.kk .wx .wxpic img{width:130px;height:130px;margin-top:5px;}
.footbox .call .fl.kk .qq .qqkf{width:182px; height:140px; background-color: #232323; border:1px solid #fff; border-radius:5px 5px 0px 0px;position: absolute;
top: -138px;left: -96px;border-bottom: none;}
.qqkf a{ display:block; text-align:center; margin-top:3px; color:#fff;}
.qqkf a:hover{ color:#f30;}
.footbox .call .fr.kk-r{width:150px;}
.footbox .call .fr.kk-r .txt{width:130px; padding:0px 10px;border-radius: 5px;height: 26px;}
.footbox .call .fr.kk-r .searchbtn{width: 33px;position: absolute;top: 3px;height: 26px;right: 0px;border: none; background:url(../images/chakan.png)  center center no-repeat}
.foot .f02{ background-color:#161616;height:38px;width:100%;}
.foot .f02 .f02box{width:1200px; margin:0 auto;font-size:12px;line-height:38px;}
.foot .f02 .f02box p{width:750px; float:left; color:#5f5f5f;}
.foot .f02 .f02box a{color:#5f5f5f;}
.foot .f02 .f02box a:hover{ color:#f30;}
.foot .f02 .f02box .fr.lang{width:90px; color:#5f5f5f;}

.con_bg{ width:100%; min-height:810px; background:url(../images/photos/body_bg01.jpg) no-repeat center top; max-width:1920px; overflow:hidden;}
.comconbox{ margin-top:82px;}
.comconL{ float:left; width:246px; height:610px; padding:20px 17px; background:url(../images/whitebg88.png) repeat;overflow: auto;}
.comconL .tit{ background:url(../images/darkbg40.png) repeat;  padding-left:70px; height:60px;line-height: 60px; font-size:24px; color:#1b1b1b;}
.comconL .tit p{ font-size:14px; color:#1b1b1b; padding-left:30px; margin-top:5px;}
.comconL a.a1{ display:block; text-align:center; height:40px; line-height:40px;}
.comconL a.a1 span{ display:none; position:absolute; right:70px; top:0px;}
.comconL a.a1:hover span,.comconL a.a1.sel span{ display:block;}
.comconL a.a1:hover{ color:#1b1b1b;}
.catalog{ margin-left:105px; border-left:solid 1px #666565; padding-left:10px;}
.catalog a{ display:block; height:32px; line-height:32px;}
.catalog a:hover,.catalog a.sel{ color:#c8141d;}
.comlistL_bg{ height:32px; background:url(../images/darkbg40.png) repeat; margin-top:30px;}
.comconR{ float:right; width:860px; height:630px; background:url(../images/whitebg88.png) repeat; padding:10px 20px;overflow: auto;}
.goods_list{ margin-top:7px; overflow:hidden; width:100%;}
.goods_list ul{ width:873px; margin-right:-13px;}
.goods_list li{ float:left; margin-right:13px; margin-bottom:30px;}
.goods_list li a{ display:block;}
.goods_list li span{ display:block; width:205px; height:134px;  text-align:center;}
.goods_list li span img{ }
.goods_list li a:hover img{	transform:scale(1.1);
    -webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	-ms-transform:scale(1.1);
	filter:alpha(opacity=80)}
.goods_list li p{ margin-top:12px; text-align:center; color:#000; width:100%; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.compage{ text-align:center;}
.compage a{ display:inline-block; padding:0px 8px;}
.compage a:hover,.compage a.sel{ color:#f8f8f9; font-weight:bold;} 
.compage em{font-style: normal;}

.goods_detail p{ color:#000; line-height:24px;}
.goods_detail p a:hover{ color:#f30;}
.goods_detail .add_txt{ height:560px; overflow:auto;}
.goods_detail h3{ font-size:20px; color:#000; text-align:center; font-weight:bold;}
.goods_detail .img img{ display:block; margin:auto; margin-top:20px;}
.goods_detail h4{ font-weight:bold; font-size:14px; margin-top:30px; margin-bottom:8px;}
.call_bg{ padding:25px 20px; height:510px; background:#f8f1d7; -moz-box-shadow:0px 2px 5px #333333; -webkit-box-shadow:0px 2px 5px #333333; box-shadow:0px 2px 3px #333333; color:#000;s}
.call_bg h2.tit{ font-size:22px; margin-bottom:15px;}
.call_L i{ width:112px; height:25px; border-radius:2px; display:block; background:url(../images/photos/call_icon01.jpg) no-repeat; margin-bottom:5px;}
.call_L p{ line-height:26px; color:#000;}
.call_map{ border:solid 1px #bbb9b7; width:818px; height:320px; margin-top:20px; padding-top:0px; overflow:hidden;}
.call_map img{ display:block; margin:auto;}
.call_news{ padding:20px 15px;}
.call_news .row{ overflow:hidden; margin-bottom:9px;}
.call_news .row p{ font-size:16px; color:#000; width:75px; height:37px; line-height:37px;}
.call_news .row input{ float:left; height:35px; line-height:35px; width:362px; border:solid 1px #d2d2d2; background:#fff; padding:0px 10px;}
.call_news .row textarea { width:680px; min-height:140px; border:solid 1px #d2d2d2; background:#fff; padding:5px 10px;}
.call_news .row input.txt01{ width:120px; margin-right:20px;} 
.call_news .row span.ewm{ float:left; margin-top:1px;}
.call_news .subm{ width:210px; height:40px; color:#000; background:#ffcb0c; font-size:16px; border:none; margin-left:150px; margin-top:15px; cursor:pointer;}

.brand_detail .tit{ color:#000px; font-size:20px; font-weight:bold; text-align:center; margin-bottom:20px;}
.brand_detail p{ text-indent:2em; line-height:26px;}
.brand_detail .img { text-align:center;}
.brand_detail .img img{  margin:20px 7px;}
.goods_list h2.tit{ color:#000px; font-size:20px; font-weight:bold; text-align:center; margin-bottom:20px;}

.call_news .row input.txt02{ background:#fff; width:143px; height:35px;}
.web_con .map{ padding:13px 15px; background:#f8f1d7; margin-bottom:20px; text-align:center;}
.web_con p{ text-align:center; color:#000;}

.news_list{ margin-top:7px; overflow:hidden; width:100%;}
.news_list ul{ width:880px; margin-right:-17px;}
.news_list li{ float:left; width:276px; height:185px; margin-right:17px; margin-bottom:10px; position:relative; overflow:hidden;}
.news_list li img{ width:100%;}
.news_list li a{ display:block;}
.news_list li a:hover img{ opacity:0.6; -webkit-opacity:0.6; filter:alpha(opacity=60) transition:all ease-in 0.3s; }
.news_list li p{ display:block; text-align:center; color:#fff; height:32px; line-height:32px; width:94%; padding:0px 3%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; position:absolute; bottom:0px; left:0px; background:url(../images/darkbg80.png) repeat; z-index:3;}
.news_list li a i{ display:none; width:272px; height:181px; background:url(../images/video_bg.png) no-repeat; border:solid 2px #c8484f; position:absolute; top:0px; left:0px; z-index:2;}
.news_list li a:hover i{ display:block;}

.news_listing li{ border-bottom:solid 1px #9f9fa0; line-height:50px; height:50px; padding:0px 15px; color:#000; font-size:16px;}
.news_listing li a{ display:block; width:730px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.news_listing li span{ position:absolute; right:15px;top:5px;}
.news_listing li a:hover{ color:#f30;}

.news_detail p{ text-indent:2em; line-height:28px; text-align:justify;}
.news_page{ margin-top:20px;}
.news_page a{ display:block; line-height:26px;}
.news_page a:hover{ color:#f30; text-decoration:underline;}

















