@charset "gb2312";
body {margin:0 auto; padding:0;font-size:12px;color:#444;line-height:200%; font-family:Arial, Helvetica, sans-serif;}
div ,ul,input,select,h1,h2,h3,h4,form{margin:0;padding:0;}
table{border-collapse:collapse;float:right;}
ul,li{list-style:none;}
img{border:0;}
.img{border:solid 0px #ccc; width:140px; height:120px;}
.clear{clear:both;}

.f_red {color:#990000!important;}

a{color:#444444; text-decoration:none}
a:hover{color:#98437A;text-decoration:underline;}



/*整体结构定义*/
.main{width:1200px;margin:0 auto;border-right:0px solid #CECECE;min-height: 740px;}
.main .leftDiv{width:150px;float:left;padding-bottom:20px;padding-top:170px;}


/*网站首页结构定义*/
.main .indexLef{width:200px;float:left;}
.main .indexCen{width:518px;float:left;overflow:hidden;padding-left:20px;padding-right:20px;}
.main .indexRig{width:200px;float:right;overflow:hidden;}

.indexLef .indexDivW{width:198px;border:1px solid #ccc;margin-bottom:10px;}
.indexCen .indexDivW{width:100%;margin-bottom:10px;}
.indexRig .indexDivW{width:198px;border:1px solid #ccc;margin-bottom:10px;}
.leftDiv .indexDivW{width:198px;border:1px solid #ccc;margin-bottom:10px;}
.rightDiv .indexDivW{width:100%;margin-bottom:10px;}


/*网站首页左边栏目导航定义*/
.indexLef h2{height:28px;line-height:28px;background:url(../images/leftH2.gif) left center no-repeat;border-bottom:1px solid #C5C6C9;margin-bottom:8px;}
.indexLef h2 .title{font-weight:bold;font-size:14px;color:#7F2887;padding-left:15px;float:left;}
.indexLef h2 .titleEn{font-family: Arial, Helvetica, sans-serif;font-size:10px;color:#ccc;font-variant: small-caps;float:left; }
.indexLef h2 a.more{float:right;background:url(../images/dot.gif) left center no-repeat; text-align:right;display:none; text-decoration:none;float:right;}
.indexLef h2 .moreT{color:#999;font-size:10px;font-family: Arial, Helvetica, sans-serif;padding-left:20px;font-weight:lighter;font-variant: small-caps; display:none;}

/*网站首页中间栏目导航定义*/ 
.indexCen h2{position:relative;height:21px;line-height:21px;padding-bottom:20px;background:url(../images/h1bg.gif) left 24px  repeat-x;}
.indexCen h2 .title{font-weight:bold;font-size:14px;color:#7F2887;padding-left:15px;float:left;}
.indexCen h2 .titleEn{font-family: Arial, Helvetica, sans-serif;font-size:10px;color:#ccc;font-variant: small-caps;float:left; }
.indexCen h2 a.more{float:right;background:url(../images/dot.gif) left center no-repeat;display:block; text-decoration:none ;float:right;}
.indexCen h2 .moreT{color:#999;font-size:10px;font-family: Arial, Helvetica, sans-serif;padding-left:20px;font-weight:lighter;font-variant: small-caps;display:none; }

/*网站首页右边栏目导航定义*/
.indexRig h2{height:28px;line-height:28px;background:url(../images/leftH2.gif) left center no-repeat;border-bottom:1px solid #C5C6C9;margin-bottom:8px;position:relative;}
.indexRig h2 .title{font-weight:bold;font-size:14px;color:#7F2887;padding-left:15px;}
.indexRig h2 .titleEn{font-family: Arial, Helvetica, sans-serif;font-size:10px;color:#ccc;font-variant: small-caps; }
.indexRig h2 a.more{float:right;background:url(../images/dot.gif) left center no-repeat;  position:absolute;right:5px; z-index:100;text-align:right;display:block; text-decoration:none }
.indexRig h2 .moreT{color:#999;font-size:10px;font-family: Arial, Helvetica, sans-serif;padding-left:20px;font-weight:lighter;font-variant: small-caps; display:none;}

/*网站内页左边栏目导航定义*/
.leftDiv h2{height:28px;line-height:28px;background:url(../images/leftH2.gif) left center no-repeat;border-bottom:1px solid #C5C6C9;margin-bottom:8px;position:relative;}
.leftDiv h2 .title{font-weight:bold;font-size:14px;color:#7F2887;padding-left:15px;}
.leftDiv h2 .titleEn{font-family: Arial, Helvetica, sans-serif;font-size:10px;color:#ccc;font-variant: small-caps; }
.leftDiv h2 a.more{float:right;background:url(../images/dot.gif) left center no-repeat;  position:absolute;right:5px; z-index:100;text-align:right;display:block; text-decoration:none }
.leftDiv h2 .moreT{color:#999;font-size:10px;font-family: Arial, Helvetica, sans-serif;padding-left:20px;font-weight:lighter;font-variant: small-caps;display:none; }

/*网站内页右边栏目导航定义*/
.rightDiv h2{position:relative;height:21px;line-height:21px;padding-bottom:20px;background:url(../images/h1bg.gif) left 24px  repeat-x;}
.rightDiv h2 .title{font-weight:bold;font-size:14px;color:#7F2887;padding-left:15px;}
.rightDiv h2 .titleEn{font-family: Arial, Helvetica, sans-serif;font-size:10px;color:#ccc;font-variant: small-caps; }
.rightDiv h2 a.more{float:right;background:url(../images/dot.gif) left center no-repeat;  position:absolute;right:5px; z-index:100;text-align:right;display:block; text-decoration:none }
.rightDiv h2 .moreT{color:#999;font-size:10px;font-family: Arial, Helvetica,sans-serif;padding-left:20px;font-weight:lighter;font-variant: small-caps; display:none;}

.textDiv h2,.wordcont h2{background-image:none;}

/*SitePath*/
.SitePath{float:right;background:url(../images/icon-dian.gif) left center no-repeat;  position:absolute;right:5px; z-index:100;text-align:right;display:block; padding-left:20px;font-weight:lighter;font-size:12px;top:0;}
.SitePath a:link,.SitePath a:visited,.SitePath a:hover{color:#999;}
.zhu{color:#888;font-size:12px;font-weight:lighter;}


/*首页搜索框定义*/
.seachDiv{width:100%;height:100px;background:#fff url(../images/search.gif) bottom 10px no-repeat;}
.seachDiv li{display:block;padding-right:20px;}
.seachDiv input{width:140px;font-size:12px;padding:2px;float:right;border:1px solid #C5C6C9;}
.seachDiv input.button{width:52px;margin-top:7px;float:right;border:0;}

/*首页产品分类下拉菜单定义*/

.navAll{width:100%;margin:auto;}
.nav{ position:relative;width:100%;}
.nav h3{font-size:14px;height:45px;line-height:25px; width:100%;background:url(../images/catagorydiv.gif) repeat-x 0 bottom;font-weight:lighter;}

.nav h3 a:hover{color:#7F2887; text-decoration:none;background:url(../images/icon-dian.gif) 10px center no-repeat;}
.nav .subDiv{position:absolute;left:200px;top:0;width:100px;border:1px solid #eee; z-index:999;background:#fff}
.nav .subDiv ul{width:100%;}
li.submenu a{height:22px;line-height:22px;padding:0 5px;width:90px;border-bottom:1px dashed #f2f2f2; display:block;}
li.submenu a:hover{background:#7F2887;display:block; text-decoration:none;color:#fff;}
.nav .current a:link,.nav .current a:visited,.nav .current a:hover{color:#7F2887; text-decoration:underline;}
li.submenu a.end{border:0;}

/*内页公司信息项目列表菜单定义*/
.nav h3.end a{}
.nav h3.end a:hover{}
.nav.current h3 a:link,.nav.current h3 a:visited,.nav.current h3 a:hover{color:#7F2887; text-decoration:underline;}

/*首页关于我们定义*/
.aboutH{width:100%;}
.aboutH .aboutTab{width:100%;margin:auto;}
.aboutTab .aboutText{width:60%; float:left;}
.aboutTab .aboutText p{text-indent:24px;}
.aboutTab .aboutImg{width:35%; float:right;}
.indexLef .aboutTab .aboutText{width:90%;margin:0 auto; float:none;}
.indexLef .aboutTab .aboutImg{display:none;}
.leftDiv .aboutTab .aboutText{width:90%;margin:0 auto; float:none;}
.leftDiv .aboutTab .aboutImg{display:none;}


/*首页底部友情链接定义*/
.indexDivW3{width:100%;}
.indexDivW3 h2{background: url(../images/leftH2.jpg) left top no-repeat; height:32px; line-height:32px;}
.indexDivW3 h2 span.title{ font-size:14px;float:left;padding-left:20px;}
.indexDivW3 h2 span.more{background: url(../images/moreBg.jpg) right top no-repeat;text-align:right;float:right;font-size:12px; font-weight:lighter;padding-right:20px;}
.linkBox{border-left:1px solid #ccc;border-right:1px solid #ccc;width:958px; padding-top:10px;}
.linkDiv{width:98%; margin:0 auto;}
.linkFoot{background: url(../images/linkFoot.gif) left bottom no-repeat;width:960px; }
.linkDiv img{width:125px; height:60px;border:1px solid #eee;}
.linkDiv span{margin-right:5px;}

/*首页左边友情链接定义*/
/*.indexDivW3{width:100%;}
h2.linkH2{background: url(../images/linkDivH2.jpg) left top no-repeat; height:37px; line-height:37px;}
.linkBox{border:1px solid #ccc;border-top:0;width:215px; padding:8px 0;}
.linkDiv{width:95%; margin:0 auto;}
.linkFoot{background: url(../images/linkFoot.gif) left bottom no-repeat;width:217px; display:none;}
.linkDiv img{width:90px; height:40px;border:1px solid #eee;}
.linkDiv span{margin:0 3px;}
.linkDiv a{color:#0664a2;}*/


/*首页快捷导航或广告图片定义*/
.ad{width:100%;}
.navigateImg{width:100%;}
.navigateImg li{margin-bottom:10px;}
.navigateImg img{width:200px;height:60px;}
.navigateImg li.orderAd{}
.navigateImg li.jobAd{}
.navigateImg li.contaceAd{}

/*网站首页中间新闻列表定义*/
.newsDiv{width:100%;margin-bottom:10px;}
.newsTab{width:100%;}
.newsDiv .leftImg{float:left;width:35%;text-align:center;display:none;}
.newsDiv .rightText{ margin:0 auto;width:95%;color:#999;}
.newsDiv .rightText li{background:url(../images/icon-dian.gif) left center no-repeat;padding-left:15px;line-height:30px; text-align:right;padding-right:20px; border-bottom:1px dashed #eee;}
.newsDiv .rightText li a{text-align:left;float:left;}

/*网站首页中间产品列表定义*/
.ImgDiv{width:100%;margin:0 auto;}

.picList{width:490px; overflow:hidden;margin-bottom:10px;}

.ImgDiv .title1{    background: #E7E7E7;border: 1px solid #ccc;text-align: center;height: 28px;overflow: hidden;width:235px;}

/*.ImgDiv .imgBg{background:url(../images/picBg.gif) center center no-repeat;width:141px;height:171px;VERTICAL-ALIGN: middle; OVERFLOW: hidden; LINE-HEIGHT: 171px; text-align:center;}
.ImgDiv .imgBg img{*margin-top: expression(( 160 - this.height ) / 2);border:1px solid #fff;margin:5px 0;width:130px;}*/

/*网站首页中间方案例列表定义*/
.fangan,.newInfo{width:100%;margin:0 auto;}
.fangan ul{float:left;width:100%;background:url(../images/line-dashed.jpg) left bottom repeat-x;line-height:29px;}
.fangan li{background:url(../images/icon-fang.gif) left center no-repeat;padding-left:6%;float:left;width:42%;margin-right:2%;}

/*网站首页视频定义*/
.IndexVideo{width:100%;margin:0 auto;padding-bottom:8px;}
.IndexVideo .videoBox{ text-align:center;}
.IndexVideo .videoBox div{}


/*网站首页联系我们定义*/
.contactDiv{margin:0 auto;background:#fff;padding-bottom:8px;width:100%;}
.contactDiv .conTex{width:95%;margin:5px auto;}
.contactDiv .conTex span{color:#888;}


/*网站底部定义*/
.foot{width:960px;margin:0 auto;text-align:left;height:90px;color:#999;background:url(../images/footBg.jpg) left center repeat-x;}
.foot a:link,.foot a:visited{color:#999; text-decoration:none;}
.foot a:hover{color:#999;text-decoration:underline;}
.foot ul{width:100%;padding-top:20px;}
.foot ul li{text-align:center;line-height:25px;}


/*Pager*/
.page{margin:20px;}


/*NewsList*/
.textDiv{width:95%;margin:20px auto;word-break:break-all; margin-bottom:30px;}
.textDiv ul{font-size:14px;}
.textDiv ul li{background:url(../images/page.gif) left center no-repeat; border-bottom:1px dashed #000; padding-left:3%;line-height:28px;height:28px;width:97%;}
.textDiv p{text-indent:24px;}
.textDiv ul li a{float:left;width:80%;}
.textDiv ul li span.date{color:#666;float:right;width:20%;}
.textFoot{border-top:1px solid #ccc;padding-top:10px;}
.bunUp,.bunDow{color:#688cff;padding-right:5px;}

/*News Info content*/
.wordcont{font-size:13px;width:95%;margin:20px auto;}
.wordcont center strong{font-size:14px;}
.wordcont p{ text-indent:26px;}

/*Product Search*/
#productsearch{background-color:#F4F4F3;border:1px solid #ccc; height:30px; text-align:center; line-height:30px;padding-left:20px;}
#productsearch img{padding-top:2px;padding-right:5px;}
#productsearch input, #productsearch select{font-size:12px;padding:2px; border:1px solid #eee;}

/*Product Info*/
.productInfoDiv{width:95%;margin:0 auto;word-break:break-all;padding-bottom:50px;}
.productImg{float:left;width:40%;}
.productTitleInfo{float:right;}
.proTitle{font-weight:bold;}
.productInfoDiv table{border-top:1px solid #ddd;border-left:1px solid #ddd;}
.productInfoDiv td{border-bottom:1px solid #ddd;border-right:1px solid #ddd;}


/*产品滚动列表*/
#picture { MARGIN: 20px auto 0 auto; HEIGHT: 178px;width:100%;}
#picturetop {BACKGROUND: url(../images/G_72.gif) no-repeat;WIDTH: 100%; HEIGHT: 24px;padding-left:10%;width:90%; font-weight:bold; color:#fff;padding-top:5px;}
#picturemiddle {BACKGROUND: url(../images/G_73.gif) repeat-y; WIDTH: 100%; HEIGHT: 126px}
#picturemiddle_left {DISPLAY: inline; BACKGROUND: url(../images/G_76.gif) no-repeat; FLOAT: left; MARGIN: 15px 0px 0px 8px; WIDTH: 12px; HEIGHT: 87px}
#picturemiddle_middle {PADDING-RIGHT: 8px; PADDING-LEFT: 8px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 90%; PADDING-TOP: 15px; HEIGHT: 115px}
.picture {FLOAT: left; MARGIN: 0px; WIDTH: 128px; HEIGHT: 115px; TEXT-ALIGN: center}
.picture DL {FLOAT: left; MARGIN: 0px; WIDTH: 128px; HEIGHT: 111px; TEXT-ALIGN: center}
.picture DD {FLOAT: left; MARGIN: 0px; WIDTH: 128px; COLOR: #69778e; LINE-HEIGHT: 20px; TEXT-ALIGN: center}
.picture DT {BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #cccccc 1px solid; DISPLAY: inline; PADDING-LEFT: 1px; FLOAT: left; PADDING-BOTTOM: 1px; MARGIN: 0px 9px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 106px; PADDING-TOP: 1px; BORDER-BOTTOM: #cccccc 1px solid; HEIGHT: 80px; TEXT-ALIGN: center}
#picturemiddle_right {DISPLAY: inline; BACKGROUND: url(../images/G_78.gif) no-repeat; FLOAT: left; MARGIN: 15px 8px 0px 0px; WIDTH: 11px; HEIGHT: 87px;}
#picturedown {FONT-SIZE: 1px; BACKGROUND: url(../images/G_82.gif) no-repeat; WIDTH: 100%; HEIGHT: 9px}
.rollBox {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; OVERFLOW: hidden; WIDTH: 100%; PADDING-TOP: 0px; HEIGHT: 115px}
.rollBox .Cont {FLOAT: left; OVERFLOW: hidden; WIDTH: 100%}
.rollBox .ScrCont {	OVERFLOW: hidden; WIDTH: 10000000px; ZOOM: 1}
.rollBox .Cont .pic {PADDING-RIGHT: 3px!important; PADDING-LEFT: 3px!important; FLOAT: left; PADDING-BOTTOM: 0px!important; WIDTH: 80px!important; PADDING-TOP: 0px!important; TEXT-ALIGN: center}
.rollBox .Cont .pic IMG {BORDER: #ccc 1px solid; background:#fff;PADDING: 0 10px;DISPLAY: block;MARGIN: 0px auto; }
.rollBox .Cont .pic P {	COLOR: #505050; LINE-HEIGHT: 24px;margin:0;padding:0;}
.rollBox .Cont A:link {	COLOR: #626466; TEXT-DECORATION: none}
.rollBox .Cont A:visited {OLOR: #626466; TEXT-DECORATION: none}
.rollBox .Cont A:hover {COLOR: #f00; TEXT-DECORATION: underline}
.rollBox #List1 {FLOAT: left}
.rollBox #List2 {FLOAT: left}
.LeftBotton {DISPLAY: inline; BACKGROUND: url(../images/G_76.gif) no-repeat; FLOAT: left; MARGIN: 15px 0px 0px 8px; WIDTH: 12px; CURSOR: pointer; HEIGHT: 87px}
.RightBotton {DISPLAY: inline; BACKGROUND: url(../images/G_78.gif) no-repeat; FLOAT: left; MARGIN: 15px 8px 0px 0px; WIDTH: 11px; CURSOR: pointer; HEIGHT: 87px}
/* To Top*/
.ToTop{text-align:right; padding-right:20px;}
#tagging p{margin:10px;padding-left:20px;}

/*file download*/
.DownLoadDiv{width:100%;marign:auto;}
.DownLoadDiv ul{clear:both;padding-top:15px;padding-bottom:15px;border-bottom:1px dashed #ddd;width:100%;}
.DownLoadDiv .imgBg{float:left;padding-bottom:10px;display: inline;width:24%;}
.DownLoadDiv .title2{font-weight:bold; position:relative;width:75%;}
.DownLoadDiv .title2 span{font-weight: lighter; position:absolute;right:10px;top:0;width:150px; text-align:right;}
.DownLoadDiv .xiazai{text-align:right;display:block;width:100%;}
a.bunXiaZai{background:url(../images/bunXiaZai.jpg) left center no-repeat;padding-left:28px;width:62px;height:27px; display:block; text-align:left;line-height:27px;color:#000}
a.bunXiaZai:hover{ text-decoration:none;color:#000;}

.copyright{padding-left:13px;}


.input3{border:solid 1px #ccc; height:22px;}
.textarea{border:solid 1px #ccc; height:100px;}
.dot{background:#ccc;}
.choose{margin-bottom:10px;border-bottom:1px dashed #ccc;padding-bottom:10px;}
.jobEmail,.moreright{ text-align:right;}

.yingtao{display:none;}

@media only screen and (min-width: 768px) {
 .navList{width:198px;border:1px solid #C5C6C9;margin-bottom:10px;}
 .nav h3 a{padding-left:20px;width:158px;color:#534C44;display:block;height:30px;}
 .main .rightDiv{width:1000px;float:right;overflow:hidden;padding-top:166px;}
 .ImgDiv .imgBg{background:#fff;border:1px solid #ccc;width:225px;height:150px;padding:5px;overflow:hidden}
 .ImgDiv .imgBg img{width:225px;height:150px;}
 .ImgDiv .title1{background: #E7E7E7;border: 1px solid #ccc;text-align: center;height: 28px;overflow: hidden;width:235px;}
 .ImgDiv ul{float:left;width:225px;margin:5px 10px 10px 15px;}
}

@media only screen and (min-width: 240px) and (max-width: 767px){
 .navList{border:1px solid #C5C6C9;margin-bottom:10px;}
 .main .rightDiv {width: 420px;padding-top: 166px;}
 .ImgDiv .imgBg {background: #fff;border: 1px solid #ccc;width: 98px;height: 98px;padding: 5px;overflow: hidden;}
 .ImgDiv .imgBg img{width:98px;}
 .ImgDiv .title1{background: #E7E7E7;border: 1px solid #ccc;text-align: center;height: 28px;overflow: hidden;width:108px;}
 .ImgDiv ul{float:left;width:115px;margin:5px 10px 10px 5px;}
 .nav h3 a{padding-left:20px;color:#534C44;display:block;height:30px;}
}