@charset "gb2312";
/* CSS Document */
/*Index*/
.indexCon{ width:986px; height:191px; margin:13px auto 0}
.indexBox{ width:320px; height:191px; margin-right:12px; display:inline}

/*About*/
.aboutCon{ width:784px; padding:0 100px 0 99px; margin:0 auto; min-height:500px; height:auto!important; height:500px}
.aboutCon h1{ width:100%; height:62px; font-weight:bold; font-size:30px; line-height:62px; color:#000; text-align:center}
.aboutCon h2{ line-height:20px; text-align:center; font-family:Arial, "ËÎÌå"; color:#848484;}
.aboutCon p{ font-size:14px; font-family:Arial, "ËÎÌå"; color:#535353; text-indent:2em}
.aboutCon br{ line-height:18px;}
.aboutCon img{ margin:15px auto 0; display:block}
.album{ width:740px; height:288px; padding:13px 22px 0; background:url("/img/albumBg.jpg") no-repeat; margin:20px auto 0; position:relative}
.album h2{ font:14px/36px Arial, "ËÎÌå"; color:#000}
.album .left{ width:26px; height:15px; background:url("/img/prev01.jpg") no-repeat; cursor:pointer; position:absolute; top:27px; right:49px}
.album .right{ width:26px; height:15px; background:url("/img/next01.jpg") no-repeat; cursor:pointer; position:absolute; top:27px; right:23px}
.album .mid{ width:740px; height:194px; position:relative; overflow:hidden; padding-top:16px;}
.album .mid li{ width:226px; height:194px; margin-right:22px;}
.album .mid li img{ padding:8px 9px; background:url("/img/liBg02.jpg") no-repeat; float:left}
.album .mid li p{ line-height:42px; text-align:center; font-family:Arial, "ËÎÌå";}
.album .mid li a:hover p{ color:#0373db}
.leaderCon{ width:850px; padding:0 17px 0 16px; margin:0 auto}
.leaderCon ul{ *padding-bottom:41px;}
.leaderCon li{ width:850px; height:296px; border-bottom:1px solid #ebebeb; margin:18px 0 41px; position:relative}
.leaderCon li img{ padding:10px; border:1px solid #ebebeb; border-bottom:0 display:inline}
.leaderCon li h2{ width:329px; margin-top:178px; font:bold 18px/36px "΢ÈíÑźÚ","»ªÎÄϸºÚ"; padding:0 25px; float:left}
.leaderCon li p{ width:336px; font:14px/30px Arial, "ËÎÌå"; color:#535353; padding:0 18px 0 25px; float:left}
.leaderCon li.left img{ float:left; margin-right:35px;}
.leaderCon li.left h2{ background:url("/img/sign02.jpg") no-repeat left center}
.leaderCon li.right img{ float:right; margin-left:35px;}
.leaderCon li.right h2{ background:url("/img/sign03.jpg") no-repeat right center; text-align:right}
.leaderCon li.right p{ text-align:right}
.leaderCon h6{ text-align:center; font:14px/36px Arial, "ËÎÌå"; color:#a9a9a9; margin-top:30px;}
.contactCon{ width:762px; padding:6px 131px 25px 90px;}
.contactCon h2{ font:24px/44px "΢ÈíÑźÚ"; color:#000; padding:0 0 1px 16px; background:url("/img/liBg03.jpg") no-repeat left bottom}
.contactCon h2 span{ font:12px/36px Arial, "ËÎÌå"; color:#a4a4a4; padding:8px 0 0 18px;}
.contactCon h2 em{ font:12px/36px Arial, "ËÎÌå"; color:#f60000}
.contactCon h3{ font:14px/30px Arial, "ËÎÌå"; color:#7d7d7d; text-indent:2em; margin:23px auto; padding:0 30px}
.contactCon h3 i{ font-size:18px;}
.contactAdd{ width:368px; padding:34px 0 0 27px; float:left; display:inline; margin-right:53px;}
.contactAdd p{ font-size:14px; line-height:30px;}
.mapBox{ width:268px; height:351px; float:left; margin:65px 0 137px;}
.contactCon td{ font:14px/30px Arial, "ËÎÌå"; color:#7d7d7d; padding:0 0 17px 15px;}
.contactCon td input{ width:320px; height:28px; border:1px solid #d5d5d5; border-radius:3px; float:left}
.contactCon td input.submit{ width:156px; height:38px; background:url("/img/input01.jpg") no-repeat; cursor:pointer; padding:0; border:0}
.contactCon td span{ display:inline-block; color:#c40202; padding:0 10px; float:left; line-height:20px; margin-top:8px;}
.contactCon td p{ line-height:30px; float:left; font-family:Arial, "ËÎÌå"; color:#7d7d7d}
.contactCon td textarea{ width:444px; height:110px; padding:0 3px; border:1px solid #d5d5d5; border-radius:3px}

/*News*/
.newsCon{ width:920px; padding:0 27px 0 27px}
.newsTitle{ width:100%; height:56px; position:relative}
.newsTitle img{ float:left }
.select{ height:20px; position:absolute; bottom:0; right:0}
.select p{ line-height:20px; float:left; font-family:Arial, "ËÎÌå"; color:#333}
.select span{ font-size:16px; padding:0 5px; float:left; line-height:16px; color:#e4e4e4}
.select select{ width:105px; height:20px; float:left}
.select img{ float:left; margin-top:2px;}
.newsBox{ padding-bottom:45px; }
.newsBox h2{ font:16px/30px  "΢ÈíÑźÚ","»ªÎÄϸºÚ"; color:#242424; border-bottom:1px solid #e8e8e8; padding-left:10px; margin-bottom:10px;}
.newsBox td{ padding-left:12px; line-height:30px;}
.newsBox td a{ line-height:30px; color:#08c; font-family:Arial, "ËÎÌå";}
.newsinfoCon{ width:762px; padding:0 127px 0 97px}
.newsinfoCon h1{ font:20px/50px "΢ÈíÑźÚ","»ªÎÄϸºÚ"; color:#151515; text-align:center}
.newsinfoCon h6{ line-height:20px; color:#909090; text-align:center; padding-bottom:6px; border-bottom:1px solid #e8e8e8; margin-bottom:20px;}
.newsinfoDetail img{ display:block; margin:0 auto}
.newsinfoDetail p{ font-family:Arial, "ËÎÌå"; color:#3e3e3e;}

/*Products*/
.proCon{ width:924px; padding:0 50px 0 12px}
.proList{ width:194px; float:left; padding-top:18px;}
.proList li{ margin-bottom:3px}
.proList li a{ display:inline-block; width:172px; height:142px; padding:6px 16px 6px 6px; background:url("/img/liBg04.png") no-repeat left}
.proList li a:hover,.proList li a.on{ background:url("/img/liBg04_h.png") no-repeat left}
.proList li img{ float:left}
.proList li p{ line-height:30px; text-align:center}
.proMain{ width:713px; float:right; padding-left:17px;}
.proMain h1{ font:32px/58px  "»ªÎÄϸºÚ","΢ÈíÑźÚ", "ËÎÌå"; color:#131313; text-align:center}
.proMain h2{ font:16px/30px Arial, "ËÎÌå"; color:#808080; text-align:center;}
.proImg img{ display:block; margin:0 auto; border:2px #c8cacb solid; border-bottom:none;}
.proBoxTitle{ width:100%; height:32px; border-bottom:1px solid #d9d9d9}
.proBoxTitle h3{ font:bold 14px/26px Arial, "ËÎÌå"; color:#000; padding-top:6px; float:left}
.proBoxTitle a{ line-height:32px; color:#0097ed; float:right; padding-right:12px; background:url("/img/sign05.jpg") no-repeat right center; margin-right:7px; display:inline-block}
.proBoxDetail{ padding:10px; padding-bottom:0; /*height:48px; */overflow:hidden; margin-bottom:10px;}
.proBoxDetail p{ font-family:Arial, "ËÎÌå";}
.proBoxTab{ padding:10px; padding-bottom:0;/* height:79px;*/ overflow:hidden;}
.proBoxTab table{ border:1px solid #e8e8e8; border-bottom:0; border-right:0}
.proBoxTab td{ line-height:38px; text-align:center; border:1px solid #e8e8e8; border-top:0; border-left:0}
.proBoxTab td span{ display:inline-block; width:140px; height:38px; font-size:14px; font-family:Arial, "ËÎÌå"; background:#f6f6f6; padding-left:31px; float:left; text-align:left}
.proBoxTab td strong{ font-size:14px;}
.proRec{ width:944px; height:150px; padding:21px 19px 6px 22px; background:url("/img/proRec.png") no-repeat; margin:15px auto 0}
.proRecBox{ height:150px; position:relative;}
.proRecBoxL{ width:308px; margin-right:38px; float:left; display:inline}
.proRecBoxM{ width:293px; margin-right:40px; float:left; display:inline}
.proRecBoxR{ width:265px; float:left}
.proRecBox h2{ font:bold 15px/36px "΢ÈíÑźÚ"; color:#000; position:absolute; left:0; top:0}
.proRecBox ul{ width:105px; position:absolute; top:36px; left:0}
.proRecBox li{ width:105px; line-height:16px;}
.proRecBox li a{ font-size:11px; line-height:16px; color:#353535}
.proRecBox li a.more{ font:12px/24px Arial, "ËÎÌå"; color:#0097ed; padding-right:10px; background:url("/img/sign06.jpg") no-repeat right center; margin-top:15px; float:left}
.proRecBox li a:hover{ color:#0097ed}
.proRecBox img{ float:right}
.page{
    font-size:12px;
    font-weight:bold;
    line-height:22px;
    text-align:center;
    margin-top: 5px;
}
.page a{
    text-decoration:none;
    color:#42454E;
    background:#fff;
    border:1px solid #C2D5E4;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    padding:3px 6px;
    padding-bottom:2px;
    margin-right:3px}
.page a.active{
    background:#E3ECF1;
    border:1px solid #C2D5E4;
    color:#454746}
.page a:hover{
    text-decoration:none;
    color:#454746;
    background:#E3ECF1;}
	 
/*Service*/
.serviceCon{ width:784px; padding:0 100px 25px 99px; margin:0 auto; min-height:500px; height:auto!important; height:500px; position:relative}
.serviceCon h1{ width:100%; height:62px; font-weight:bold; font-size:30px; line-height:42px; color:#000; text-align:center}
.serviceCon table{ border:1px solid #e4e4e4; border-bottom:0; border-right:0}
.serviceCon td{ border:1px solid #e4e4e4; border-top:0; border-left:0; font:14px/26px "΢ÈíÑźÚ"; color:#656565; padding:7px 14px}
.serviceCon td span{ font:18px/26px Arial, "ËÎÌå"; color:#252525}
.serviceCon td em{ font:14px/26px "΢ÈíÑźÚ"; color:#919090}
.serviceCon li{ width:744px; font:14px/26px Arial, "ËÎÌå"; padding:7px 20px; border-bottom:1px solid #e2e2e2}
.serviceCon img{ position:absolute; bottom:-27px; right:0}