﻿

.subbanner{ width:980px; margin:0 auto 10px}

.leftAbout{ width:227px; margin:10px auto 0;}

.leftContact{ width:227px; margin:10px 0;}
.leftContact .leftTel{}
.leftContact .leftadr{ border:1px solid #e6e6e6; border-top:0; padding:15px 20px 20px; width:185px;}
.leftContact .leftQq{ margin-top:5px;}
.leftContact .leftQq a{ margin-right:10px;}


.newsList{ height:372px; border:1px solid #e6e6e6; border-top:0;}
.newsList ul{ padding:10px 9px 10px 10px; width:206px;}
.newsList ul li{ border-bottom:1px dotted #e6e6e6;}
.newsList ul li a{ display:block; background:url(../images/common/icon-newsli.gif) no-repeat 0px center; padding-left:10px; height:31px; line-height:31px;}

.leftNav{border:1px solid #e6e6e6; border-top:0;}
.leftNav ul{ padding:10px;}
.leftNav ul li{ height:30px; line-height:30px; border-bottom:1px dotted #e6e6e6;}
.leftNav ul li a{padding-left:20px; height:30px; line-height:30px; background:url(../images/common/icon-leftLi.png) no-repeat 10px center; display:block;}
.leftNav ul li a:hover,.leftNav ul li a.current{color:#1d9531;}

.proRightW{ padding:0px 0 10px;}
.proRightW ul{ padding:0 7px 0 8px; width:728px;}
.proRightW ul li{ float:left; padding:0 5px; width:172px; display:block; overflow:hidden; height:220px;}
.proRightW ul li a{ width:172px; display:block; }
.proRightW ul li a img{ width:170px; height:170px; border:1px solid #e6e6e6}
.proRightW ul li a span{ display:block; margin-top:10px; width:172px; height:28px; line-height:28px; text-align:center;}
.proRightW ul li a:hover img{border:1px solid #1d9531;}
.proRightW ul li a:hover span{ color:#1d9531;}


.rightCont{ padding:0px 6px 10px 7px; width:730px;}


/*proImgBig*/
.left-proDetail{ float:left; width:312px;}
.left-proDetail img{vertical-align:top;}
.left-proDetail .topPro{height:312px;}
.left-proDetail .topPro img{ border:1px #ccc solid;}
.left-proDetail h3.topSdl{ background:#9d1c56; height:30px; line-height:30px; font-weight:700; color:#fff; padding:0 10px;}
.left-proDetail .proDtl{ float:left; width:388px;}
.left-proDetail .pro_li{ height:150px; overflow:hidden; padding:10px; line-height:25px;}
.left-proDetail .ncdfig { height:75px;overflow:hidden;}
.left-proDetail .ncdfig .bgList li {float:left; text-align:center; width:80px; margin:0; line-height:20px}
.left-proDetail .ncdfig .bgList li img{ background:#fff; border:1px solid #ccc;}

.proDtl-right{ width:405px; overflow:hidden; float:right;}
.proDtl-right .proTit{position:relative;height:18px; border-bottom:1px solid #d6d6d6; padding-bottom:8px; margin-bottom:10px;}
.proDtl-right .proTit h2{ font-size:14px; color:#3f3f3f;font-weight:bold;}
.proDtl-right .proTit a.back-pro{position:absolute; right:0; top:0; display:inline-block; color:#666;font-family:\5B8B\4F53; font-size:12px; font-weight:normal;}
.proDtl-cont{ line-height:26px;}

.proDt-xp{ border-bottom:1px solid #1d9531; height:25px; line-height:25px; margin-top:20px;}
.proDt-xp li{font-weight:bold; height:25px; line-height:25px; position:relative; float:left; padding:0 25px; color:#fff;}
.proDt-xp li.current{ color:#fff; background:url(../images/else/li-icon.png) repeat-x;}

.proDt-Details{_height:100px; min-height:100px;padding:10px 0;}
.proDtl-tit{margin:40px 0 10px; height:20px; font-size:14px; font-weight:bold; color:#454545; border-bottom:1px solid #d5d5d5;}


.recommend{ margin-top:20px;}
.recommend .titr{ position:relative; border-bottom:1px solid #1d9531; height:25px; line-height:25px; margin-bottom:20px;}
.recommend .titr b{font-weight: bold;height: 25px;line-height: 25px;float: left;padding: 0 25px; color:#fff;background: url(../images/else/li-icon.png) repeat-x;}
.recommend .titr a.more{ position:absolute; top:0; right:5px; font-size:12px; font-weight:bold; color:#1d9531;}
.recommend .pro{}
.recommend .pro ul{ width:728px; margin:0 auto;}
.recommend .pro ul li{ float:left; padding:0 5px; width:172px; display:block; overflow:hidden; height:220px;}
.recommend .pro ul li a{ width:172px; display:block; }
.recommend .pro ul li a img{ width:170px; height:170px; border:1px solid #e6e6e6}
.recommend .pro ul li a span{ display:block; margin-top:10px; width:172px; height:28px; line-height:28px; text-align:center;}
.recommend .pro ul li a:hover img{border:1px solid #1d9531;}
.recommend .pro ul li a:hover span{ color:#1d9531;}



/* imgNews List */
.imgNewsList{ width:730px;}
.imgNewsList li{ width:730px; height:100px; padding:10px 0; border-bottom:1px dotted #e6e6e6;}
.imgNewsList li .Img{ float:left; padding-right:15px;}
.imgNewsList li .Img a{ width:150px; height:100px; display:block;}
.imgNewsList li .Info{ float:left; width:565px; height:100px;}
.imgNewsList li .Info .tit{ height:26px; line-height:26px; font-size:14px; font-weight:bold;}
.imgNewsList li .Info p{ height:54px; line-height:18px;}
.imgNewsList li .Info .more{ height:20px; line-height:20px; color:#666;}
.imgNewsList li .Info .more:hover{color:#1d9531}


/* News List */
ul.newsList{ width:730px;}
ul.newsList li{border-bottom:1px dotted #e6e6e6; height:27px; line-height:27px; background:url(../images/common/li-icon-news.png) no-repeat left center; padding-left:10px; margin-bottom:5px; position:relative;}
ul.newsList li a{ display:block;}
ul.newsList li a span{ position:absolute; top:0; right:0; color:#b2b2b2; cursor:pointer;}
ul.newsList li a:hover{ color:#ff0000;}
ul.newsList li a:hover span{color:#b2b2b2;}


/* News Detail */
.newsMain{ width:730px; overflow:hidden}
.newsMain .headTit{ border-bottom:1px dotted #dccfbd; text-align:center; padding:10px 0; position:relative;}
.newsMain .headTit h1,.newsMain .headTit h2{ font-size:16px; line-height:18px; color:#341A00; font-family:\5FAE\8F6F\96C5\9ED1;margin-bottom:10px; width:730px; text-align:center;}
.newsMain .headTit .time{ font-size:10px;color:#ccc; width:730px; text-align:center;}
.newsMain .headTit .clickhov{ width:730px; text-align:center;}
.newsMain .headTit .clickhov span{margin-left:10px;color:#999;}
.newsMain .headTit a.return{ position:absolute; right:0px; top:5px; width:60px; height:25px; line-height:25px; display:block; background:#d91212; color:#fff; text-align:center;font-family: \5B8B\4F53;}

.newsMain .texBody{ min-height:200px; _height:200px; padding-top:20px; text-indent:2em}
.newsMain .back { border-top:1px dotted #ccc; margin-top:20px; padding-top:5px;}
.newsMain .back a.blka { background-color: #999; color:#FFF; display: block; float:right; height: 20px; line-height: 20px; margin-top: 1px; text-align: center; text-decoration: none; padding:0 10px;}

.newsTj {}
.newsTj li em{ font-family:\5B8B\4F53; margin-right:5px;color:#999;}

.search-tit{ background:#e8e8e8; padding:5px 10px; font-weight:700; color:#8F621D; margin:10px 0;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; display:none;}

.newsMain .nextPre{margin-top:20px;background-color:#e8e8e8;padding:5px; padding-top:0; display:none;}
.newsMain .nextPre ul li{display:block;}
.newsMain .nextPre .pre{background:url(../images/common/icon-pre.png) no-repeat 0 center; padding-left:15px;}
.newsMain .nextPre a{ color:#000;}
.newsMain .nextPre .next{background:url(../images/common/icon-next.png) no-repeat 0 center; padding-left:15px;}


/* Company Mien */
.companyMien{ margin:0 auto 10px; width:620px;}
.loading {background-image: url(../images/common/loading.gif);background-position: 50% 50%;background-repeat: no-repeat;}

.gracefulTit,.gracefulBig,.gracefulSmall{width:620px; margin:0 10px;}
.gracefulTit{font-size:14px;margin-top:20px;}
.gracefulTit time{font-size:11px;margin-left:10px;}
.gracefulBig{height:413px;position:relative;margin-top:10px;}
.gracefulBig span.txt{display:block;position:absolute;left:0;bottom:0;width:100%;padding:10px 0;color:#fff;
	filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');background:rgba(0,0,0,0.5);}
:root .gracefulBig span.txt{filter:none;}/*for IE9*/
.gracefulBig span.txt em{font-size:14px;padding-left:20px;font-size:14px;}
.gracefulBig span.txt time{float:right;font-size:11px;padding-right:20px;}
.gracefulBigJ{background:url(../images/else/gracefulJ1.png) no-repeat;width:50px;height:65px;
	cursor:pointer;display:block;position:absolute;top:50%;margin-top:-32px;}
.gracefulBigJLeft{left:0;}
.gracefulBigJRight{right:0;background-position:-50px;}
.gracefulSmall{margin-top:4px;height:80px;overflow:hidden;}
.gracefulSmall li{float:left;width:120px; margin:0 2px; display:block; cursor:pointer;*filter:Alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	-ms-transition:all 0.2s linear;
	transition:all 0.2s linear;}
.gracefulSmall li:hover,.gracefulSmall li.current{filter:Alpha(opacity=100);-moz-opacity:1;opacity:1;}


/* Honour */
ul.honourList{ width:714px; margin:0 auto;}
ul.honourList li{ float:left; width:208px; background:url(../images/else/btmHhonour.jpg) no-repeat 0 151px; padding:0 10px; margin-bottom:20px;}
ul.honourList li a img{padding:1px; border:1px solid #e3e3e3;}
ul.honourList li a span.txt{ padding:10px 0; text-align:center; line-height:20px; height:20px; display:block;}


/* Customs List */
.customsList{ width:720px; margin:0 auto;}
.customsList ul li{ float:left; width:164px; margin:0 8px 8px; height:84px; display:block; overflow:hidden;}
.customsList ul li img{ width:160px; height:80px; padding:1px; border:1px solid #e3e3e3;}

/* Contact */
.contactWrap{ margin:0 auto 10px; width:730px;}
.contactWrap h2{ border-bottom:1px dashed #CCCCCC; color:#ff0200;font-weight: bold;font-family: "微软雅黑";font-size: 18px; padding-bottom:10px; padding-left:10px;}
.contactWrap .contactCont{ margin:10px auto 0; width:730px;}
.contactCont .infoWrap{ float:left; width:330px;}
.contactCont .dituWrap{border: #ccc 1px solid; width: 390px; height: 280px; float:right;}


/* Message */
.form_contont {border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;margin-top:10px;background:#fff;min-height:300px;_height:300px;border:1px solid #E6E6E6;padding:5px;}
.form_contont .for_tit{ color:#666; margin-bottom:30px; background:#E6E6E6; padding:0 10px; height:26px; line-height:26px; font-weight:700; position:relative;}
.form_contont .for_tit span{ position:absolute;right:10px; top:0; font-weight:400;}
.form_contont .formW{ width:680px; margin:0 auto; height:410px; padding-bottom:20px;}
.form_contont .formW .leftW{ float:left; width:255px; padding:159px 9px 29px 14px; border:1px solid #ddd; margin-right:20px; height:220px;background:#f1f1f1 url(../images/else/formL.png) no-repeat 15px 30px;}
.form_contont .formW .leftW .txt1{ font-size:16px;font-family: "微软雅黑"; color:#999; font-weight:bold;}
.form_contont .formW .leftW .txt2{ font-size:14px;font-family: "微软雅黑"; color:#666; margin-bottom:10px;}
.form_contont .formW .leftW .txt2 em{font-size:25px; font-family:Arial; color:#f09210; font-weight:bold;}
.form_contont .formW .leftW .txt3{ font-size:14px;font-family: "微软雅黑"; color:#666; font-weight:bold; padding-left:20px; background:url(../images/else/formQQ.gif) no-repeat left center; margin-bottom:30px;}
.form_contont .formW .rightW{ float:left; width:380px; height:410px;}
.form_contont .formW .tit{ padding:12px 0 12px 78px; margin-bottom:15px; height:40px; line-height:20px; background:url(../images/else/formTit.png) no-repeat left center; font-weight:bold; color:#aaa;}
.form_contont p.bt{background-color:#f8f8f8;padding:0 20px;margin-bottom:10px;}
.form_contont p.bt em{color:red;margin:0 5px;}
.formTabInput td,.formTabInput th{ padding:3px 4px;}
.formTabInput th{ font-weight:700; text-align:right;}
.formTabInput td em{margin-left:5px;color:red;}
.formTabInput .ptInput { background:none; border: 1px solid #cccccc; height: 19px; line-height: 19px; padding: 1px 5px; width: 300px;  font-size:12px; float:left; margin-top:4px;}
.formTabInput .ptInput01 { background:none; border: 1px solid #cccccc; height: 19px; line-height: 19px; padding: 1px 5px; width: 180px; }
.formTabInput .ptTexttare { background:none; border: 1px solid #cccccc; height: 80px; padding: 1px 5px; width: 400px;  font-size:12px;}
.formTabInput .ptInput02 { background: none; border: 1px solid #cccccc; height: 19px; line-height: 19px; padding: 1px 5px; width: 55px; }
.formTabInput .inputCor{color:#ccc;}
.formTabInput .subMit01{ padding:3px 10px; border:1px solid #666; background:#999; color:white; cursor:pointer}
.formTabInput .delu{ background:#1d9531; width:49px; height:21px; text-align:center; color:#fff; display:inline-block;  cursor:pointer; border:0; margin-right:10px;}
.formTabInput .delu02{background:#d2d2d2; width:49px; height:21px; text-align:center; color:#fff; display:inline-block; cursor:pointer; border:0;}
.formTabInput img{ margin-top:4px; float:left;}


/* webMap */
.webMap a{ color:#666;}
.webMap a:hover{ color:#ff6666; text-decoration:underline;}
.webMap li { border-bottom: 1px dashed #ddd; padding: 10px 0; }
.webMap a.mp { display: inline-block; padding: 0 10px; background: #0b9c26; color: #ffffff;}
.webMap dl { padding-top: 10px; }
.webMap dd { float: left; margin-right: 20px; }
.webMap dd em { font-family: \5B8B\4F53; }
.webMap dd a { white-space: nowrap; display: inline-block; background: url(../images/else/icon-webMap.png) no-repeat left center; padding-left: 10px; margin-right:5px; }
.webMap dd a.protype{ font-weight:bold; background:none; padding-left:0;}
.webMap .downDiv dt a { font-weight: 700; color: #C4020C; }
.webMap .downDiv .dt_dtm a { margin: 0 10px 0 0; }


/* Crumbs */
.crumbs{ width:723px; padding:0 10px; margin:10px auto 20px; border-bottom:1px solid #cacaca; height:30px; line-height:30px;}
.crumbsLeft{ float:left; font-weight:bold;}
.crumbsLeft span.ch{font-family: "微软雅黑"; color:#1d9531;; font-size:14px; margin-right:5px;}
.crumbsLeft span.en{font-family: Arial; color:#999999; font-size:12px;}
.crumbsRight{ float:right; color:#717171;}
.crumbsRight a{}
.crumbsRight em{font-family: \5B8B\4F53; margin:0 5px;}
.crumbsRight span.span2{ color:#cc0000;}

/*关于我们单页*/
.showbox h3{ line-height:24px; font-weight:bold; padding:10px 0px;}
.showbox h3 span{ color:#093;}
.showl,.showr{ float:left;}
.showl{ border:1px solid #ccc; padding:1px; }
.showr{ width:456px; padding-left:10px;}
.showr p{ padding:4px 0px;}
.titcol{ height:40px; line-height:40px; padding:0px 10px;background: url(../images/else/bg_col.png) repeat-x; border:1px solid #ccc; margin-bottom:10px; font-size:14px;}
.simgbox{ padding-bottom:10px;}
.servicecon p{ line-height:24px; padding:4px 0px;}
.servicecon p span{ color:#f69100;}
.afterbox b{ display:block; float:left; color:#69a950; width:108px; overflow:hidden;}
.afterbox p{ line-height:24px;}


/* Product New List */
.proNewList{ width:730px; margin:0 auto; color:#262626;}
.proNewList ul{ width:730px;}
.proNewList ul li{ width:720px; padding:4px; margin-bottom:10px; border:1px solid #e5e5e5;}
.proNewList ul li .img{ width:172px; height:223px; float:left; margin-right:1px;}
.proNewList ul li .img a.proImg{ border:1px solid #e5e5e5; width:170px; height:170px; display:block;}
.proNewList ul li .img a.proImg:hover{ border:1px solid #1d9531;}
.proNewList ul li .img a.more{ background:#e5e5e5; margin-top:1px; width:172px; height:50px; line-height:50px; text-align:center; display:block; color:#262626;}
.proNewList ul li .img a.more:hover{ background:#ffd401; color:#262626;}
.proNewList ul li .cont{ float:left; width:522px; padding:13px 0 10px 25px;}
.proNewList ul li .cont .nr{ width:230px;float:left; padding-right:25px;}
.proNewList ul li .cont .nr a.tit1{ font-size:14px; font-weight:bold; height:22px; line-height:22px; width:230px; display:block; overflow:hidden;}
.proNewList ul li .cont .nr .nrms{ font-size:12px; width:230px; line-height:22px; display:block; overflow:hidden;}
.proNewList ul li .cont .csbg{background:#e5e5e5; width:253px; padding-right:4px; padding-bottom:4px;float:left;}
.proNewList ul li .cont .canshu{ background:#fff; margin-left:-4px; margin-top:-4px; padding:12px 20px; border:1px solid #e5e5e5; z-index:52;}
.proNewList ul li .cont .canshu .tit2{ font-size:14px; font-weight:bold; height:22px; line-height:22px; width:213px; display:block; overflow:hidden; color:#1d9531; }
.proNewList ul li .cont .canshu .csnr{ font-size:12px; min-height:154px; _height:154px; width:213px; display:block; overflow:hidden;}



/* Product Detail */
.proDt-Details .tit1{ width:730px; height:49px; border-bottom:1px solid #e5e5e5; margin-bottom:20px;}
.proDt-Details .tit1 h6{ font-size:30px; font-weight:bolder; float:left; line-height:49px; color:#209837;font-family: "微软雅黑";}
.proDt-Details .tit1 span{ font-size:14px; float:right; line-height:49px;}
.proDt-Details .tit1 span font{ font-size:20px; font-family:Arial; font-weight:bold; color:#cc0000;}

.proDt-Details .bd{ border:1px solid #209837;}
.proDt-Details .mar28_27_10{ margin-left:28px; margin-right:27px; margin-bottom:10px;}
.proDt-Details .pd20_0{ padding:20px 0;}
.proDt-Details .fl{ float:left;}
.proDt-Details .fr{ float:right;}
.proDt-Details .txt453{ width:430px; padding-left:13px; padding-right:10px;}
.proDt-Details .txtNumb{ display:block; height:190px; color:#fff; font-weight:bold; font-size:14px; padding-top:20px;}
.proDt-Details .corBg1{background: url(../images/else/corBg1.png) no-repeat; width:140px; padding-left:32px;}
.proDt-Details .corBg2{background: url(../images/else/corBg2.png) no-repeat; width:140px; padding-left:31px;}

.proDt-Details .tit2{ width:660px; border-bottom:1px solid #209837; color:#209837; padding-left:13px; font-size:18px; font-weight:bold; height:38px; line-height:38px;font-family: "微软雅黑"; margin-bottom:10px;}
.proDt-Details .pd0_10_20{ padding:0px 10px 20px;}


.proDt-Details .txt420{ width:400px; padding:0 10px;}
.proDt-Details .txt395{ width:375px; padding:0 10px;}


.detList{ width:730px;}
.detList li{ padding:20px 10px; border-bottom:1px dotted #e5e5e5;}
.detList li .imgl{ float:left; padding:1px; border:1px solid #e5e5e5;width:364px;}
.detList li .imgr{ float:left; padding-left:12px; width:330px;}
.detList li .imgr .tit{background: url(../images/else/icon-tit.jpg) no-repeat left center; height:30px; line-height:30px; display:block; font-weight:bold; padding-left:15px;}
.detList li .imgr .img{margin-bottom:5px;}
.detList li .imgr .txt{}

/* design */
.desg1{ padding-bottom:15px; border-bottom:1px dotted #d6d6d6;}
.desgTit1{ padding-top:15px;}
.desg1l{ float:left; width:455px; padding-right:10px;}
.desg1r{ float:left; width:250px; padding-top:20px;}
.desg1r ul{ float:left; width:125px;}
.desg1r ul li{ width:115px; padding-left:10px; margin-bottom:10px;}
.desg2{ padding:5px 0 10px; border-bottom:1px dotted #d6d6d6;}
.desg2l{ float:left; width:425px; padding-right:10px;}
.desg2r{ float:left; width:255px;}
.desgTit2{ padding-top:15px;}
.desg3{ padding:5px 0 10px;}
.desg2 p,.desg3 p{ text-indent:2em;}