﻿.indexCon{ background:url(../images/index01.gif) #fff repeat-x;padding-top:36px;}

.region{height:380px;}
.about{ width:210px; float:left;}
.about .title{ height:26px; background:url(../images/index02.gif) repeat-x; line-height:26px; margin-bottom:24px;}
.title .ttsp01{ width:85px; height:26px; display:block; float:left; background:url(../images/index00.gif) no-repeat; text-align:center; font-weight:bold; color:#0d4e9b;}
.title .ttsp02{ float:left; color:#a3a3a3; font-weight:bold; padding-left:12px;}
.about .title a{ float:right; padding-top:9px;}
.about .content{ line-height:20px;text-align:justify;text-justify:inter-ideograph; padding-right:5px;}
.index_products { padding-left:20px; margin-top:-10px; height:260px}
.index_products h3{ background:url(../images/libg.gif) no-repeat 0 0; width:185px; height:24px; line-height:24px; text-indent:10px}
.index_products ul{ margin-left:20px}
.index_products li{ height:24px; line-height:24px}
.index_products li a{ display:block; background:url(../images/index11.gif) no-repeat left center; text-indent:10px}


.news{width:412px; float:left; margin-left:40px; margin-right:50px; display:inline;}
.news .title{height:26px; background:url(../images/index02.gif) repeat-x; line-height:26px; margin-bottom:13px;}
.news .title ul{}
.news .title li{ width:110px; float:left; text-align:center;}
.news .title li a{ color:#7f7f7f;}
.news .title li.tab{ background:url(../images/index03.gif) no-repeat;}
.news .title li.tab a{ color:#0d4e9b; font-weight:bold;}
.news .title li.tab a:hover{ text-decoration:none;}
.news .title .more{ float:right;padding-top:9px;}
.news .title .more a{ display:block; width:37px; height:7px; background:url(../images/more.jpg) no-repeat }
.news .list{}
.news .list li{ height:30px; background:url(../images/listli.gif) no-repeat bottom; line-height:30px; width:412px; float:left;}
.news .list li a{ float:left; color:#555555; background:url(../images/listico.gif) no-repeat 5px; padding-left:15px;}
.news .list li span{ float:right; color:#acacac;}

.contact{ width:238px; float:left;}
.contact .title{height:26px; background:url(../images/index02.gif) repeat-x; line-height:26px; font-size:13px; color:#333333; font-weight:bold; margin-bottom:15px;}
.contact .contactUs{ line-height:30px; background:url(../images/index05.jpg) no-repeat bottom right; height:auto; overflow:hidden; color:#555555;}

.typecontact{ width:224px; float:left; border-top:1px solid #d5d5d5;}
.typecontact .titlebox{height:26px; background:url(../images/index04.gif) no-repeat left; line-height:26px; color:#333333; font-weight:bold; padding-left:68px; margin:15px auto;}
.typecontact .contactUs{ line-height:23px; background:url(../images/index05.jpg) no-repeat right bottom; height:207px; color:#555555; margin-top: 10px;}

.project{height:250px; padding-bottom:4px;}
.project .title{ height:32px; background:url(../images/index06.gif) no-repeat; line-height:32px; padding-left:16px; padding-right:10px;}
.project .title span{ float:left; color:#0d4e9b; font-weight:bold;}
.project .title a{ float:right; padding-top:20px;display:block; width:37px; height:7px; background:url(../images/more.jpg) no-repeat 0 13px;}
.index_an{width:950px; position:relative; z-index:1;}
.index_an .indexHotPrev{left:2px;width:25px; height:47px; position:absolute; display:block; top:70px; background:url(../images/hotPrev.jpg) no-repeat center center}
.index_an .indexHotNext{right:2px;width:25px; height:47px; position:absolute; display:block; top:70px;background:url(../images/hotNext.jpg) no-repeat center center}
.project .content{height:192px; border:1px solid #e8e8e8; padding-top:21px;}
.project .content li{width:170px;height:187px; float:left; margin-right:8px;display:inline;}
.project .content li img{width:170px; height:145px;display:block; border:1px solid #e8e8e8;}
.project .content li span{height:40px;line-height:40px; display:block; text-align:center;}
.project .content li span a{color:#444444 !important;}
.pannel{height:185px; overflow:hidden; position:relative;width:896px; margin:0px auto;}
.pannel .pannelList{ width:100%; height:185px; position:absolute; display:block;}

.links{ padding-top:20px; padding-bottom:15px; line-height:20px;}
.links li{ float:left}
.links span{ font-weight:bold; color:#555555;float:left}
.links a{ color:#555555 !important; padding-right:8px;}

/* page style began */
.subleft{width:224px;float:left;}
.subleft .title{ height:30px;background:url(../images/typetitle.gif) no-repeat; line-height:30px; font-weight:bold; font-size:14px; color:#ffffff; padding-left:30px;}
.typelist{ padding:16px;}
.typelist li{line-height:37px; border-top:1px dashed #a3a3a3; }
.typelist li a{display:block;padding-left:36px; color:#333333;background:url(../images/index09.gif) no-repeat 6px;}
.typelist li a:hover{color:#333333; font-weight:bold;text-decoration:none;background:url(../images/index10.gif) no-repeat 6px;}
.typelist li ul li{ line-height:26px; border:none;overflow:hidden;height:26px; }
.typelist li ul li a{color:#848383;background:url(../images/index11.gif) no-repeat 36px; padding-left:48px;}
.typelist li ul li a:hover{ background:url(../images/index12.gif) no-repeat 36px; color:#1a62a8; font-weight:bold;}

.tjlist{ padding:16px; padding-left:0}
.tjlist li{line-height:30px; border-top:1px dashed #a3a3a3; }
.tjlist li a{display:block; width:192px; height:30px; overflow:hidden;padding-left:20px; color:#333333;background:url(../images/index11.gif) no-repeat 6px;}
.tjlist li a:hover{color:#333333; font-weight:bold;text-decoration:none;background:url(../images/index12.gif) no-repeat 6px; }
.tjlist li ul li{ line-height:26px; border:none;overflow:hidden;height:26px; }
.tjlist li ul li a{color:#848383;background:url(../images/index11.gif) no-repeat 36px; padding-left:48px;}
.tjlist li ul li a:hover{ background:url(../images/index12.gif) no-repeat 36px; color:#1a62a8;}

.typephone{ border-bottom:1px solid #d5d5d5; border-top:1px solid #d5d5d5; height:71px; margin-top:5px;}

.subright{width:706px;float:right; background:url(../images/index13.gif) repeat-y; overflow:hidden;}
.comCrumb{ height:39px; line-height:39px; background:url(../images/crumb.gif) no-repeat; padding-left:34px; color:#8b8a8a;}
.comCrumb a{ color:#8b8a8a !important;}
.subright .comfoot{ height:8px; background:url(../images/index14.gif) no-repeat; overflow:hidden;}
.singletop{ height:7px; background:url(../images/single_bg.gif) no-repeat 0 0}

/* page 产品列表 style */
.blockoff{ height:20px;}
.prolist{width:668px;height:147px; padding-left:38px; margin-top:28px;}
.prolist .propic{ width:171px; background:url(../images/index15.gif) no-repeat; height:141px; padding:3px; float:left;}
.prolist .propic img{ width:171px; height:141px; display:block;}
.prolist .procom{ float:left; padding:15px 0 0 22px; width:430px;}
.prolist .procom h2{ height:22px; line-height:22px;}
.prolist .procom h2 a{ color:#555555 !important;font-size:14px; font-weight:bold;}
.prolist .procom .des{ line-height:18px; color:#8d8d8d;text-align:justify; text-justify:inter-ideograph; height:86px; overflow:hidden; padding-top:5px;}
.prolist .procom .des a{color:#1a62a8;}
.prolist .procom .detailed{ height:28px; border-bottom:1px dashed #d7d7d7;border-top:1px dashed #d7d7d7; padding-top:4px;}
.prolist .procom .detailed .cook01{ width:77px; height:24px; line-height:24px; background:#f8a118; display:block; float:right; text-align:center; color:#fefefe; margin-left:8px;}
.prolist .procom .detailed .cook02{ width:77px; height:24px; line-height:24px; background:#2bacec; display:block; float:right; text-align:center; color:#fefefe;margin-left:8px;}
.subright .page {display:block;height:30px;margin:20px auto;text-align:right; padding-right:34px;}

.dede_pages{ 
}
.dede_pages ul{
	float:left;
	padding:12px 0px 12px 16px;
}
.dede_pages ul li{
	float:left;
	font-family:Tahoma;
	line-height:17px;
	margin-right:6px;
	border:1px solid #E9E9E9;
}
.dede_pages ul li a{
	float:left;
	padding:2px 4px 2px;
	color:#555;
	display:block;
}
.dede_pages ul li a:hover{
	color:#690;
	text-decoration:none;
	padding:2px 4px 2px;
}

/* page 新闻列表 style */
.newslist{width:668px; padding-left:38px; padding-top:10px;}
.newslist li{ width:600px; float:left; height:34px; line-height:34px; border-bottom:1px dashed #bcbcbc; background:url(../images/index16.gif) no-repeat 4px; padding-left:30px; }
.newslist li a{ color:#333333; float:left;}
.newslist li span{ background:url(../images/newstime.gif) no-repeat left; padding-left:10px; float:right; color:#787878;}

/* page 单文章 style */
.editor_com {width:636px;line-height:25px;color:#333333; overflow:hidden; padding:20px 35px 20px 35px;}
.editor_com p {margin-bottom:10px;line-height:25px;color:#333333;}

/* page 产品详情 style */
.editor_con {width:636px;overflow:hidden; padding:20px 35px 20px 35px;}
.editor_con .destitle{ height:40px; line-height:40px; font-size:16px; font-weight:bold; color:#555555;}
.editor_con .despic{width:310px;border:1px solid #bababa;}
.editor_con .despic img{width:310px; height:258px;}
.editor_con .download{ height:40px; line-height:40px; background:url(../images/index18.gif) no-repeat left; padding-left:30px; border-bottom:1px dashed #d7d7d7;}
.editor_con .download a{ color:#2bacec !important; text-decoration:underline;}
.editor_con .deseditor{ line-height:26px; color:#222222; padding-top:10px; border-bottom: 1px solid #e2e2e2;}
.editor_con .similar{ margin-top:15px}
.editor_con .similar span{ padding-left:10px; color:#0064b1}
.editor_con .similar li{ width:318px; text-align:center; float:left; line-height:26px; height:26px}


.editor_con .preNext{ border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2; height:21px; line-height:21px;color:#333333; padding-top:8px; margin-top:15px; padding-left:15px; padding-right:15px; padding-bottom:8px;}
.editor_con .preNext span{ width:57px; height:21px; text-align:center; line-height:21px; display:inline-block; padding-right:15px;}
.editor_con .preNext a{ color:#333333;}
.fleft{ float:left;}
.fright{ float:right;}
.ArticleTitle {color:#0064b1;font-family:微软雅黑;font-size:18px;line-height:48px;margin-bottom:10px;text-align:center; font-weight:normal}
.ArticleMessage {border-bottom:1px dotted #e2e2e2;border-top:1px dotted #e2e2e2;color:#666666;height:26px;line-height: 26px;margin-bottom:20px;text-align: center;}
.ArticleMessage span{ padding-left:10px; padding-right:10px;}

.editor_con .titline{ width:100%; height:1px; border-bottom:1px solid #e2e2e2; margin-bottom:25px}
.editor_con .protop{ width:100%; height:234px;}
.editor_con .proimg{ width:276px; height:228px; border:1px solid #e2e2e2; float:left }
.editor_con .proimg img{width:276px; height:228px; }
.editor_con .jj{ width:150px; height:150px; line-height:30px; float:left; margin:45px 0 0 106px; font-size:14px; color:#000000}
.editor_con .jj span{ font-size:14px; color:#707070}
.editor_con .jj i{font-size:16px; font-weight:bold; color:#ff6600}
.editor_con .probox{ width:636; height:auto; margin-top:36px;}
.editor_con .probox_top{background:url(../images/erji_t.jpg) repeat-x; height:30px; border-bottom:2px solid #02419f; position:relative}
.editor_con .probox ul{position:absolute; left:10px; top:-3px; padding-top:3px}
.editor_con .probox ul li{height:30px; line-height:30px; padding:0 15px; float:left; cursor:pointer }
.editor_con .probox ul li.cur{ height:35px; margin-top:-5px; background-color:#FFFFFF; border:2px solid #02419f; color: #02419f; font-weight:bold;border-bottom:none; position:relative}
.probox_content{ margin-top:20px; line-height:26px}












/* page 产品频道 style */
.ceannel{ width:600px; margin:0px auto;}
.groom{ width:600px;}
.groom .title{ height:38px; background:url(../images/index19.gif) no-repeat; line-height:38px; padding-left:22px; margin-top:15px;}
.groom .title span{ font-size:16px; font-weight:bold; color:#333333; float:left;}
.groom .title a{ float:right; padding-top:18px;}
.groom .list{}
.groom .list .split{ height:81px; width:285px; float:left; margin-top:30px;}
.groom .list .splitpic{ width:94px; padding:1px; border:1px solid #cfcfcf; height:77px;float:left;}
.groom .list .splitpic img{width:94px;height:77px; display:block;}
.groom .list .splitdes{float:left; width:172px; padding-left:15px; line-height:27px; color:#444444;}
.groom .list .splitdes a{ color:#444444 !important;}
.groom .can_mr{ margin-left:30px; display:inline;}
.prodclass{ padding-top:20px;}
.prodclass .title{ background:url(../images/index20.gif) no-repeat; height:34px; padding-top:43px; line-height:34px;padding-left:22px;}
.prodclass .title span{ color:#333333;font-size:16px; font-weight:bold;}
.prodclass .list{ padding-top:20px;}
.prodclass .list .split{ height:117px; width:285px; float:left; margin-bottom:30px;}
.prodclass .list .splitt{ height:26px; line-height:26px; background:url(../images/index21.gif) no-repeat; margin-bottom:10px; padding-left:22px; padding-right:6px;}
.prodclass .list .splitt span{ color:#333333; float:left;}
.prodclass .list .splitt a{ float:right; padding-top:6px;}
.prodclass .list .splitpic{ width:94px; padding:1px; border:1px solid #cfcfcf; height:77px;float:left;}
.prodclass .list .splitpic img{width:94px;height:77px; display:block;}
.prodclass .list .splitdes{float:left; width:172px; padding-left:15px; line-height:22px; color:#444444;padding-top:6px;}
.prodclass .list .splitdes li{}
.prodclass .list .splitdes li a{ color:#444444 !important;}
.prodclass .can_mr{ margin-left:30px;display:inline;}

.honor{width:706px; padding-left:18px; padding-top:10px;}
.honor li{ width:202px; float:left;text-align:center; height:168px;margin-top:15px; margin-bottom:20px; display:inline; margin-left:16px;}
.honor li img{ border:1px solid #aaaaaa; padding:4px; width:192px; height:138px;}
.honor li span{ height:30px; line-height:30px; display:inline-block; }
.honor li span a{color:#8f8f8f !important;}

#faqbox{ width:480px; padding:20px; margin:0px auto;}
#faqbox .text{ width:200px; height:26px; border:1px solid #ccc; line-height:26px; background:#eee; padding-left:5px;}
#faqbox th{ color:#565656; font-weight:normal; font-size:13px;}
#faqbox select{ height:28px; border:1px solid #ccc; line-height:28px; background:#eee; padding-left:5px; margin:0;}
#faqbox .textarea{ width:400px; height:130px; border:1px solid #ccc; line-height:28px; background:#eee; padding-left:5px}
#faqbox .login_verification{ width:50px;  height:28px; border:1px solid #ccc; line-height:28px; background:#eee; padding-left:5px;}
#faqbox .button{ width:80px; height:32px; line-height:32px; text-align:center; margin-top:10px;}
#faqbox input,#faqbox select,#faqbox textarea{ _margin:5px 0;}
#Messageform{width:480px;margin:0 auto;line-height:300%;}
#faqbox .message-code{ width:60px; height:26px; border:1px solid #ccc; line-height:26px; background:#eee; paddi1px solid #d3efc4;}

.deseditor table{border-collapse: collapse;border:1px solid #e2e2e2;}
.deseditor tr{border:1px solid #e2e2e2;text-indent:10px;}
.deseditor strong{
 white-space: normal;
 line-height: 28px;
 font-size: 16px;
 color: #262626;
 letter-spacing: 0.2px;
 text-indent: 0em;
 margin-bottom: 15px;
}
td,th,tr{border-left:1px solid #e2e2e2; border-top:1px solid #e2e2e2;}

.float { position: fixed;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop)); _margin-top:320px;right: 0;top: 340px;width: 120px; height:200px; z-index:1000}
