﻿@charset "utf-8";
body{ margin:0; padding:0;}

.banner { width: 1169px; margin: 0 auto;margin-top: 7px; margin-bottom: 10px; background-position: center top; background-repeat: no-repeat;}
.content { width: 1169px; margin: 0 auto; overflow: hidden; padding:0;background: url(../images/page_bg.gif) repeat-y 0 0;}
.contbody { width: 1169px; margin: 0 auto; padding: 0;}
.left { float:left; width:271px; padding:0; background:none;}
	.left .class { overflow: hidden;}
	.left .class .hd { height: 60px; background: url(../images/page_title.jpg) no-repeat; border-radius: 0;}
	.left .class .hd h3 {font: 18px/45px "microsoft yahei"; color: #fff; padding-left: 46px; width: 174px; text-align: center;padding-top:2px; font-weight:normal}
	.left .bd {}
	.left .class .hd h3  a:link{ color: #f7f405; text-decoration: none; outline:none;}
	.left .class .hd h3  a:visited{ color: #f7f405; text-decoration: none; outline:none;}

	.left ul li { background:url(../images/dayu.gif) no-repeat 46px 4px; padding-left:66px;}
	.left ul li.cur { background-image:url(../images/dayu_cur.gif);}
	.left ul.list { padding: 0px; background: none; overflow: hidden;}
	.left ul.list li a,.left ul.list li a:link,.left ul.list li a:visited {display: block; font: 16px/32px "microsoft yahei";color: #707070; overflow: hidden; background:none;}
	.left ul.list li a:hover {color: #c52500;text-decoration: none;}
	.left ul.list li.cur a { background:none; color: #c52500; text-decoration: none;}
	.left ul.list li .sublist { padding:5px 0 5px 0px;}
	.left ul.list li .sublist a { font-size:12px; height:30px; line-height:30px; width: auto; background: url(../images/icon/arr1.gif) no-repeat 0 12px; padding:0 0 0 12px; display:block; font-weight:normal; border: none;color: #707070;}
	.left ul.list li .sublist a.cur { color: #c52500;}
	.left ul.list li .sublist .suba { padding-left: 15px;}
	.left ul.list li .sublist .suba a { background:none; padding: 0;}
	.left .contact { overflow: hidden; text-align: center; height: 150px; background: url(../images/contact.gif) no-repeat 0 0;}
	.left .contact .hd { height: 55px; background: url(../images/left_bg.gif) repeat-y 0 0;font: 16px/55px "microsoft yahei"; color: #870c2c;}
	.left .contact img { padding-top:15px;}


.right { width:887px;float: right; padding:0; min-height:450px;}

	.Crumbs { height: 47px; line-height: 47px; color: #666; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; padding:0 20px;}
	.Crumbs a,.Crumbs a:link,.Crumbs a:visited { line-height: 20px;display: inline-block; color: #333;}
	.Crumbs a.home { }
	.Crumbs em {display: inline-block;width: 30px;height: 47px;background: url(../images/icon/span.gif) no-repeat center center;padding: 0 0px;}
	.Crumbs .local { float: left; background: url(../images/icon/home.png) no-repeat left center; padding-left: 35px;}
/*底边线*/
/*底边线*/
#bottomBarBox{position:relative;width:1169px;margin: 0 auto;}
#mainBarBorder{float:right;width:887px;height:9px;line-height:0;font-size:0;border-bottom:#e9e9e9 1px solid; background:url(../images/page_bg.gif) repeat-y right top;}
#sideBarBorder{float:left;width:271px;height:9px;line-height:0;font-size:0;border-bottom:#c7c7c7 1px solid; background:url(../images/sideBarBorder.jpg) no-repeat center bottom;}


/*正文主体*/
#Main-Article { position: relative; overflow:hidden;width:952px; margin:8px auto 0 auto;}


/*图片区*/
ul.piclist { overflow: hidden; display:table; border-spacing:0px; }
ul.piclist li {border:0px solid #ccc; width:250px; height:208px; text-align:center; vertical-align:middle; position:relative;/* margin:12px 8px 8px 8px;*/ *float:left; float:left; display: table-cell;}
ul.piclist li .pic { *position:absolute; top:50%; } 
ul.piclist li .pic img { *position:relative; top:-50%; left:-50%; padding:3px; width:200px; background:#f5f5f5; border:1px #ccc solid; } 
ul.piclist li a.textlink { display:block; line-height:26px;}

/*新闻栏目列表*/
.news_top1 { overflow: hidden; padding-bottom: 20px;border-bottom: 1px #d9d9d9 solid; margin-bottom: 10px;}
	.news_top1 .newspic img { max-width: 500px}
	.news_top1 .intro {}
	.news_top1 .intro h6 {height: 20px;padding: 20px 0 10px 0;font: bold 12px/20px "microsoft yahei";color: #222;}
	.news_top1 .intro h6 a,.news_top1 .intro h6 a:link,.news_top1 .intro h6 a:visited {padding-right: 20px; font: bold 18px/20px "microsoft yahei";color: #007fbf;}
	.news_top1 .intro .text {font: 12px/24px "microsoft yahei";color: #666;}
dl.newslist { margin:0 auto; line-height: 24px; padding: 8px; clear:both; overflow: hidden; background: none;}
dl.newslist:hover {-webkit-transition: background-color .3s ease-in,color .3s ease-in;moz-transition: background-color .3s ease-in,color .3s ease-in;-ms-transition: background-color .3s ease-in,color .3s ease-in;-o-transition: background-color .3s ease-in,color .3s ease-in;transition: background-color .3s ease-in,color .3s ease-in; background:#f5f5f5;}
dl.newslist dd span.date { padding-left: 10px;}
dl.newslist dt a.img { float:left; width:140px; display:block;}
dl.newslist dt a.img img { width: 120px; padding: 2px; border: 1px #ccc solid;}
dl.newslist dd.title {}
dl.newslist dd a.textlink,dl.newslist dd a.textlink:link,dl.newslist dd a.textlink:visited { font: bold 14px/20px "microsoft yahei"; padding-bottom:10px; color: #000}
dl.newslist dd.intro { /*text-indent:2em;*/ color: #999; background: none; font-size: 12px;}

/*专卖店*/
.sales {}
.salessearch { clear: both; float: right; font-size: 14px;}
	.salessearch label { display: inline-block;float: left;height: 29px; line-height: 29px; padding: 0 10px;}
	.salessearch select { display: inline-block;float: left;height: 29px; line-height: 29px;font-size: 14px;}
	.salessearch .q { display: inline-block;float: left;height: 15px; line-height: 14px; padding: 5px 5px;}
	.salessearch .search {display: inline-block;float: left;width: 71px;height: 29px;border: none;background: #2a9ad4;font: 12px/25px "microsoft yahei";color: #fff;text-align: center;cursor: pointer;}

dl.saleslist { margin:0 auto; line-height: 24px; padding: 15px 0 15px 0px; overflow: hidden; background: none; /*float: left; width: 355px;*/ height: 80px; border-bottom: 1px #ccc solid;}
dl.saleslist dt { float:left; width:100px; display:block; height: 80px;}
dl.saleslist img.shop { float: right; height:75px; padding: 2px; border: 1px #ccc solid;}
dl.saleslist dd { line-height: 20px;font: 14px/20px "microsoft yahei";}
dl.saleslist .title { color: #007fbf; font-weight: 700}
dl.saleslist dd.intro { /*text-indent:2em;*/ font-size: 12px; color: #999; padding-top: 5px;}

/*销售网络*/
#vv {}
	#vv p { padding-left:15px; font-size: 14px; color: #000; line-height: 30px; }
	.shoplist { overflow: hidden; padding-bottom: 20px; color: #000;}
	.shoplist h5 { padding-left:15px; border-top: 2px #6f6f6f solid; background: #ccc; font-size: 14px; line-height: 24px; height: 24px; border-bottom: 1px #fff solid;}
	.shoplist ul li { line-height: 24px; overflow: hidden; border-bottom: 1px #e1e1e1 solid; font-size: 14px; clear: both;}
	.shoplist ul li span { width: 85px; background: #f0f0f0; text-align: right; margin-right: 15px; height: 24px; float: left; display: block; padding-right: 15px;}

/*产品栏目列表*/
.proList { overflow: hidden; padding: 20px 5px;}
.proList dl { overflow: hidden;}
.proList dt { height:40px;position:relative}
.proList dt a{ float:right;margin:12px;color:#666}
.proList dd { width:202px;height:220px;margin:10px 6px 10px 6px;float:left;display:inline; position: relative;}
.proList dd i{ width:48px;height:9px;background:url(../images/icon/new.gif) no-repeat 0 0; position: absolute; right: 0px; top: 10px;}
.proList dd a{ line-height:20px;display:block}
.proList dd a:hover{text-decoration:none}
.proList dd span { padding-top:8px; clear: both; display: block; text-align: center; line-height: 16px;}
.proList dd img{margin-top:expression(100-this.width/2);max-width:200px;max-height:200px;_width:200px;_height:200px;}
.proList dd p{width:200px;height:180px;border:1px solid #f0f0f0;overflow:hidden;text-align:center;vertical-align:middle;display:table-cell; background: #fff; border-radius: 5px 5px 5px 5px;}
.proList dd p:hover {border-color: #cdcdcd; -webkit-box-shadow: 0 1px 8px #cdcdcd;-moz-box-shadow: 0 1px 8px #cdcdcd; box-shadow: 0 1px 8px #cdcdcd;}

/*video*/
.videolist { overflow: hidden;position:relative; width: 322px; padding: 10px; float: left;}
.videolist i{position: absolute;width: 78px;height: 78px;background: url(../images/v.png) no-repeat 0 0;display: block;left: 126px;top: 72px;}
.videolist dt img { height: 244px; width: 318px;border: 2px #fff solid;}
.videolist a:hover img {border: 2px #ccc solid;}
.videolist dd { font-size: 12px; text-align: center; height: 28px; line-height: 28px; width: 100%; display: block;}

/*友情链接*/
.shop a { width: 200px; float: left; display: block; height: 125px; padding: 10px 18px; line-height: 25px; text-align: center;}

/*产品内容页*/
#Products {font-size: 14px;}
	#Products .pic { padding: 0px 0px;/* box-shadow: 0 0 10px 1px rgba(190,189,189,.74); border: 1px #ccc solid; border-radius: 35px 0 35px 0*/}
	#Products .cont { line-height:25px; padding-bottom:20px; width: 430px; margin: 0}
	#Products .cont h1 { text-align: left; font-weight: normal; color: #222; padding: 0 10px; }	
	#Products .cont h3 { background: #eeeeee; line-height: 38px; padding: 0 10px; font-weight: normal; font-size: 18px;}
	#Products .cont h4 { line-height: 38px; padding: 0 10px; font-weight: normal; font-size: 18px;}
	#Products .cont h4.line { border-bottom: 1px #bfbfbf solid;}
	#Products .cont .exp { padding: 10px;}
	#Products .cont ul { display: block; list-style-type: disc; padding-left: 60px;}
	#Products .cont ul li {list-style-type: disc;}
	#Products .detail { border-bottom: 1px #ccc solid; position: relative; height: 35px;}
	#Products .detail h3 {line-height: 34px;color: #b10000;border-top: 1px solid #ccc;border-left: 1px solid #ccc;border-right: 1px solid #ccc; padding: 0 10px; width: 80px; text-align: center; right: 10px; position: absolute; background: #fff;}
	#Products .ccont { padding: 20px 10px;}
	#Products .ccont .lbody,#Products .ccont .rbody { width: 368px; float: left;}
	#Products .ccont .rbody { float: right;}
	#Products .ccont .title { background: url(../images/cont_bg.gif) repeat-x 0 0; height: 31px; border:1px #efefef solid;}
	#Products .ccont .title h3 { line-height: 31px; padding-left: 35px; font-size: 18px; font-weight: normal;}
	#Products .ccont .lbody .bd { padding:5px 10px; overflow:hidden; margin: 0}
	#Products .ccont .rbody .bd { padding:15px 5px; overflow:hidden; margin: 0}
	#Products .ccont .bd td { padding: 3px; line-height: 18px;}
	#Products .ccont .bd p,#Products .ccont .bd div,#Products .ccont .bd center {line-height: 25px;margin: 10px auto 0;color:#555555;}
	#Products .order { margin: 10px; height: 62px; background: #ebebeb url(../images/order.gif) no-repeat 0 0; line-height: 62px; font-size: 18px; padding-left: 58px; padding-right: 30px;}
	#Products .order a.odonline { font-size: 18px; color: #fff; background: #177ad6; width: 150px; height: 38px; line-height: 38px; margin-top: 13px; display: block; border-radius: 8px; text-align: center; float: right;}


	#Products .tabs {background: url(../images/promore_bg.gif) repeat-x left bottom;height:40px; overflow: hidden;}
	#Products .tabs li{ float: left; display:inline; height:40px; font-size:18px; line-height:35px; border-top:5px #888 solid; cursor:pointer; width:200px; text-align:center;overflow: hidden; color: #fff; background: #888; border-radius: 6px 6px 0 0;}
	#Products .tabs li.current { color:#545454; background:#fff; border-top:5px #0096f2 solid; width: 198px; border-left: 1px #cecdcd solid; border-right: 1px #cecdcd solid;}
	#Products .tabs li.sod { width:1px; height:40px; padding:0; background:none; background:#fff; overflow: hidden; display:inline; float:left; border:none;}	
	#Products #content .bodybox { padding:8px 10px; overflow:hidden; margin: 0}
	#Products #content,#Products #content p,#Products #content div,#Products #content center {line-height: 25px;margin: 20px auto 0;color:#555555;}
	#Products a.promore { line-height: 48px; height: 48px; display: block; float: left; padding: 0 10px; font-size: 18px; color: #fff; border: 1px #ecaa01 solid; background: url(../images/promore.gif) repeat-x 0 0;}
	#Products a.promore:hover { background-image: url(../images/promore_h.gif); text-decoration: none; border-color: #555555;}

.rollphotos { overflow: hidden;  zoom: 1; position: relative;margin-top: 16px;background: #fff; width: 400px;}
.rollphotos .LeftBotton {width: 18px;height: 34px;background: url(../images/slider-arrow.png) no-repeat -196px -151px; left:0px; top: 30%;  cursor: pointer; position: absolute; z-index: 1;}
.rollphotos .LeftBotton:hover { background-position: -136px -151px; }
.rollphotos .RightBotton{ width: 18px;height: 34px;background: url(../images/slider-arrow.png) no-repeat -80px -151px; right: 0px; top: 30%; cursor: pointer; position: absolute; z-index: 1;}
.rollphotos .RightBotton:hover { background-position: -20px -151px; }
.rollphotos .Cont {	margin: 0px auto; overflow: hidden; width: 1070px; }
.rollphotos .box {	float: left; border: none;}
.rollphotos .box .piclist  a img{height:70px; padding: 2px 4px 2px 0; border: 0px #ccc solid;}

.rollphotos_news { overflow: hidden;  zoom: 1; position: relative; margin-top: 16px;background: #fff; width: 840px;}
.rollphotos_news .LeftBotton {width: 18px;height: 34px;background: url(../images/slider-arrow.png) no-repeat -196px -151px; left:0px; top: 30%;  cursor: pointer; position: absolute; z-index: 1;}
.rollphotos_news .LeftBotton:hover { background-position: -136px -151px; }
.rollphotos_news .RightBotton{ width: 18px;height: 34px;background: url(../images/slider-arrow.png) no-repeat -80px -151px; right: 0px; top: 30%; cursor: pointer; position: absolute; z-index: 1;}
.rollphotos_news .RightBotton:hover { background-position: -20px -151px; }
.rollphotos_news .Cont {	margin: 0px auto; overflow: hidden; width: 1070px; }
.rollphotos_news .box {	float: left; border: none;}
.rollphotos_news .box .piclist  a img{ height:97px; padding: 2px 4px 2px 0; border: 0px #ccc solid;}

/*分页*/
.cutpage{font-size:12px; text-align:center; padding:10px 0; background: url("../images/dotline.gif") repeat-x center top; margin-top: 20px;}
.cutpage a:link,.cutpage a:visited{color:#007fbf;}
.cutpage a {font-family: Arial;display: inline-block;height: 22px;line-height: 22px;background: #fff;border: 1px solid #e3e3e3;text-align: center;padding: 0 5px;}
.cutpage a span{ background:url("../images/pages.png") right top no-repeat; padding:3px 8px; display:inline-block; cursor:pointer; height:24px; line-height:24px;}
.cutpage a.current,.cutpage a.current:link,.cutpage a.current:visited{background:#5a85b2;color:#fff;}
.cutpage a:hover{background:#f5f5f5; text-decoration: none;}
.cutpage a.current:hover{color:#fff;}


/*侧栏推荐图片及推荐文章*/
.left .bd .picBox ul { padding:10px 0 0; width:220px;}
.left .bd .picBox ul li { background:none; float: left; border:0; padding:0; width: 105px; height:115px; overflow:hidden; margin-right:5px; }
.left .bd .picBox img { background: #fff; border: 1px solid #d6d5d5; height: 67px; padding: 1px; width: 100px; display:block; }
.left .bd .picBox ul li a.textlink { font-size:12px; font-weight:normal; display: block; line-height: 16px; text-align:center; }

.innerBox {  padding: 15px 0; width:219px; margin:0 auto;} 
.innerBox li { line-height: 25px; height: 25px; overflow: hidden; }
.innerBox li a,.innerBox li a:link { color: #083671;} 
.innerBox em {background: url("../images/allpic.png") no-repeat scroll -251px -358px; color: #fff; float: left; font-family: Arial; font-size: 10px; height: 15px; line-height: 15px; margin-right: 9px; text-align: center; width: 15px; margin-top:5px;}
.innerBox em.hot1,.innerBox em.hot2,.innerBox em.hot3 { background-position:-251px -332px;}


/*内容页*/
#Article { overflow:hidden; margin:0 auto; padding-bottom:20px;line-height: 25px;color:#333; font-size:14px;}
#Article p, #Article center {line-height: 25px;margin: 10px auto 0;color:#333; font-size:14px;}
.table_noborder th,.table_noborder td { padding: 5px 3px; line-height: 22px;}
.table th,.table td { padding: 5px 5px; line-height: 18px; border-right: 1px #eee solid; border-bottom: 1px #eee solid;}
.table th { background: #f7f7f7}
.table { border-top: 5px #eee solid; border-left: 5px #eee solid; border-right: 4px #eee solid; border-bottom: 4px #eee solid;}

.Article { padding: 10px;}
.Article .hd {padding-bottom: 0;padding-top: 22px;text-align: center;height:auto;}
.Article .hd, .Article .bd, .Article .ft {margin: 0 auto;overflow: hidden;}
.Article .bd { padding:0;}
.Article h1 {color: #000;font: bold 18px/30px "microsoft yahei";font-size-adjust: none;font-stretch: normal;font-style: normal;font-variant: normal;font-weight: normal;line-height: 30px;margin-bottom: 9px;margin-top: 10px; text-align: center}
.Article h2,.h2 { font-size: 18px; padding-left: 30px; color: #9e3937; font-weight: normal; background: url(../images/cont_bg.gif) repeat-x 0 0; line-height: 31px; border:1px #efefef solid;}
.h2 { margin: 20px 20px ;}
.Article h3 { font-weight: normal; font-size: 18px;}
.Article .titBar {border-bottom: 1px solid #E5E5E5;overflow: hidden;padding: 5px 0;position: relative;}
	.titBar .tools { position:absolute; right:0; margin:0;}
	a.print { padding-left:20px; background:url(../images/icon/print.png) no-repeat left center;}
.Article .info {color: #7E7E7E;height: 18px;}
.Article .infoCol {padding-right: 19px;}
.where, .auth, .editer, .time {color: #7E7E7E;padding-right: 19px; font-size:1em;}
.time { font-style:italic;}
.Article .fontSize {color: #7E7E7E;position: absolute;right: 8px;top: 3px;}
.Article .fontSize span {cursor: pointer;font-family: "Times New Roman",arial;font-weight: bold;}
.Article .fontSize .small {color: #666666;font-size: 10px;padding-left: 3px;padding-right: 3px;}
.Article .fontSize .big {color: #0B3B8C;font-size: 13px;padding-left: 3px;padding-right: 3px;}
.Article .Introduction { background:#f5f5f5; line-height:24px; font-size:14px; padding-left:20px; padding-top:13px;padding-bottom:13px; padding-right:24px; margin:15px auto 15px auto; }

.ttop { overflow: hidden; padding-bottom: 20px;}
	.ttop .iimgs { float: left; padding-right: 20px;}
	.ttop .tbg { background: #44a7d5}
	.ttop .ttopbg { background: #44a7d5; float: left; height: 100%; padding-right: 20px; color: #fff; font-size: 26px; line-height: 60px; height: 234px;}
	.ttop .ttoptxt {float: right; width: 345px;}
	.ttop h3 { color: #9e3937;}
	.ttop h4 { background: #eeeeee; line-height: 28px; padding: 0 10px; font-weight: normal; font-size: 18px; margin-top: 5px;}
	.ttop p { line-height: 25px; padding: 10px 0}
	.ttop a.mmore { display: block; width: 100px; height: 28px; line-height: 28px; text-align: center; font-size: 14px; color: #fff; background: #177ad6; border-radius: 3px; float: right; margin-top: 5px;}
	.ttop a.mmore:hover { text-decoration: none; background: #c52500;}



/*内容相关*/
.ft a,.ft a:link { color:#0b3b8c;}
.ft a:active,.ft a:hover { color:}
.otherNews,.next { background: url("../images/dotline.gif") repeat-x center top; padding: 15px 0; color:#1c2c58;}
.otherNews h2 a { padding-right:10px; font-weight:normal;}
.otherNews ul { padding:5px 0 0; overflow:hidden;}
.otherNews ul li { line-height:22px; font-size:14px; padding-left:12px; background:url("../images/allpic.png") no-repeat -967px -316px;}
.next h5 { font-weight:normal; line-height:26px; }

.user { background: url(../images/member/login_con_bg_body.jpg) repeat-y center top; overflow: hidden; width:395px; margin:20px auto 0 auto; padding:0px}
.user h4 { background: url(../images/member/login_con_bg_title.jpg) no-repeat center top; padding: 0 20px; font-size: 14px; line-height: 50px; text-align: center;}
.user .foot { background: url(../images/member/login_con_bg_footer.jpg) no-repeat center bottom; height: 30px;}
.user .userbody { padding: 0 20px; overflow: hidden;}
.user p { overflow: hidden; clear: both;  padding: 2px 0}
.user label { width: 80px; line-height: 28px; float: left; display: inline-block; text-align: right; font-size: 14px;}
.user input.buttun { float: left; display: inline-block; vertical-align: middle;font-family: Arial;
font-size: 14px;padding: 3px 7px;width: 200px;height: 22px;line-height: 22px;border: 1px solid #B6B6B6;border-color: #7B7B7B #B6B6B6 #B6B6B6 #7B7B7B;}
.user img {vertical-align: middle;display: inline-block; padding-top: 9px}

.user_tips {}
	.user_tips h5 { line-height: 50px; font-size: 16px; font-weight: normal;}
	.user_tips p { padding-top: 10px; font-size: 14px;}