@charset "utf-8";

.col-Area{margin:0 auto; position:relative;}
.MgLt{margin-left:35px;}

/*首页标题*/
.col-hd-1{ position: relative; margin-bottom: 25px; height: 45px; border-bottom: 1px solid #29a0f5;}
.col-hd-1 h2 {position:relative; float: left; border-bottom: 3px solid #29a0f5; padding: 5px 15px 0 0; line-height: 39px; font-size: 16px; color: #29a0f5; }
.col-hd-1 h2 .hot-ico { position: absolute; top:5px; right: -10px; width: 25px; height: 15px; }
.col-hd-1 .more { position: absolute; top: 18px; right: 15px; }
.col-hd-1 .more a { font-size: 12px; color: #888; }
.col-hd-1 .more a:hover{color:#29a0f5;}

.col-hd-2{ height: 50px; margin-bottom:25px; background: url("../images/xian.png") no-repeat center center; text-align: center;}
.col-hd-2 h2 { position:relative; color: #29a0f5; font-size: 16px; width: 145px; padding-top: 5px; margin: 0 auto; text-align: center; }
.col-hd-2 h2 em{ display: block; color: #a8a7a7; font-size: 10px; font-family: arial, helvetica, sans-serif; text-transform: uppercase; }
.col-hd-2 h2 .hot-ico { position: absolute; top: -3px; right: 15px; width: 25px; height: 15px; }

.col-hd-3{text-align:center;}

/*首页图片列表*/
.pic-list-panel{ position: relative; width:100%;}
.pic-list-panel .tempWrap{width:100% !important;}
.pic-list-panel .prev, .pic-list-panel .next { position: absolute; top:26%; width: 56px; height: 56px; }
.pic-list-panel .prev { left:-70px; }
.pic-list-panel .next { right:-70px; }
.pic-list-panel .prev a { display: block; width: 56px; height: 56px;  background: url("../images/aPrev_1.png") no-repeat; }
.pic-list-panel .prev a:hover{ background: url("../images/aPrev_01.png") no-repeat; }
.pic-list-panel .next a{ display: block; width: 56px; height: 56px;  background: url("../images/aNext_1.png") no-repeat; }
.pic-list-panel .next a:hover{ background: url("../images/aNext_01.png") no-repeat; }

.pic-list-panel li{ float: left; text-align:center; padding:5px 0 20px;}
.pic-list-panel li.noMg{margin-right:0 !important;}
.pic-list-panel li .pic img{border:1px solid #C5C5C5;}
.pic-list-panel .tit { margin-top: 6px; text-align: center; }
.pic-list-panel .tit a { font-size: 14px; color: #666; line-height: 2.2; }
.pic-list-panel .detail { padding: 6px 0; font-size: 12px; color: #999;}
.pic-list-panel .detail a {display:block; margin:0 auto; width:84px; line-height:24px; text-align:center; border-radius: 5px; background: #29a0f5; color:#fff;}
.pic-list-panel li:hover .pic {padding:1px;}
.pic-list-panel li:hover .pic img{border:1px solid #29a0f5;}
.pic-list-panel li:hover .tit a {color: #29a0f5;}

/*首页新闻列表 */
.news-list-panel li{margin-bottom:7px; padding:5px;}
.news-list-panel li h4 {padding-left:15px; height:20px; line-height:20px;}
.news-list-panel li h4 a { position: relative; /*color: #fef1cb;*/ font-weight: bold; }
.news-list-panel li h4 a:before {position: absolute; content: ""; width: 6px; height: 6px; border-radius: 4px; top: 6px; left: -15px; border: 1px solid #766021; }
.news-list-panel li h4 span {float:right; padding-left: 15px; font-size: 12px; color: #908f8f; font-weight:100;}
.news-list-panel li .i{font-size: 12px; color: #999; line-height: 20px; padding:6px 0 0 15px;}
.news-list-panel li .i a {color: #29a0f5; }

.news-list-panel li:hover { background: #fef1cb; transition: all 0.3s ease 0s; }
.news-list-panel li:hover h4 a { color: #2e2e2e; }
.news-list-panel li:hover h4 a:before {  border: 1px solid #dba389; }
.news-list-panel li:hover .i{ color: #767474;}

.news-list-tit li{margin-bottom:0;}
.news-list-tit li h4 a{ font-weight:100;}
.news-list-tit li:hover{background:none; transition:none;}
.news-list-tit li:hover h4 a{color:#29a0f5;}
.news-list-tit li:hover h4 a:before{border: 1px solid #29a0f5;}

/*首页栏目Tab切换*/
.tab-pic-panel{}

.tab-menu{ float: left; width: 247px;}
.tab-menu .hd { height:101px; background: #29a0f5; text-align: center; }
.tab-menu .hd h2 { padding-top: 30px; font-size: 24px; color: #fff; font-weight: normal; }
.tab-menu .hd h2 em { display: block; text-transform: uppercase; font-size: 10px; font-family: arial, helvetica, sans-serif;}
.tab-menu .bd {background: #fff; padding:5px 8px;}
.tab-menu .bd dl dt { position: relative; padding-left:40px; height: 44px; line-height: 44px; border-bottom: 1px solid #f0f0f0;}
.tab-menu .bd dl dt a {position: absolute; left: 0; top: 0; width: 204px; padding-left:20px; height: 44px;color: #666; font-size: 12.5px; }
.tab-menu .bd dl dt a:before {position: absolute; content: ""; top:19px; left:10px; width:6px; height: 6px; border-radius: 4px; border: 1px solid #c1c1c1; }
.tab-menu .bd dl dt.on a {background: url("../images/pro-menu_01.png") no-repeat; color: #fff; }
.tab-menu .bd dl dt.on a:before {border: 1px solid #fff; }

.tab-menu .service-line {background: #6d6d6d; text-align: center; color: #fff; padding:0 0 2px;}
.tab-menu .service-line .s1 { padding:10px 0 5px; }
.tab-menu .service-line .s1 em { padding-left: 5px; vertical-align: middle; font-size: 14px;}
.tab-menu .service-line .s2 { font-size: 24px; font-weight: bold; font-family: arial, helvetica, sans-serif; }

.tab-show{float: right; width: 918px; background: #fff; border-bottom:2px solid #29a0f5; }
.pic-show-list { padding:20px 40px; }
.pic-show-list .pic-item { float: left; margin-top:13px; text-align: center; }
.pic-show-list .pic-item .pic{ border: 1px solid #ebebeb; }
.pic-show-list .pic-item dl {margin-top: 2px; }
.pic-show-list .pic-item dl dt a { font-size: 14px;line-height: 2.5; }

/*首页图片轮显切换 */
.focus-panel{position:relative;}
.focus-panel .prev, .focus-panel .next{position:absolute; left:10px; top:50%; margin-top:-22px; width:22px; height:44px; cursor:pointer; z-index:2;}
.focus-panel .next{left:auto; right:10px;}
.focus-panel .bd{ position:relative; z-index:0;}
.focus-panel .bd li{ vertical-align:top; zoom:1;}
.focus-panel .hd { position:absolute; width:100%; left:0; bottom:4%; padding-top: 15px; text-align: center; }
.focus-panel .hd li { display: inline-block; width:15px; height: 15px; border-radius: 15px; margin: 0 7px; background: #fefefe; cursor: pointer; text-indent:-999em;}
.focus-panel .hd li.on { background: #29a0f5;}


/*首页图文模式 */
.picTxt-panel .pic { text-align:center; padding-bottom:10px;}
.picTxt-panel .pic img { border:1px solid #e7e6e6; }
.picTxt-panel .fl{padding:0 10px 5px 0;}
.picTxt-panel .fr{padding:0 0 5px 10px;}
.picTxt-panel .txt { padding:0 5px; line-height: 24px; color: #666; }

.picTxt-panel .detail { padding:12px 0 0 5px; }
.picTxt-panel .detail a { padding: 3px 20px; border-radius: 4px; background: #29a0f5; color: #fff; }

/*--------------------------------------内页样式------------------------------------------- */
.main-container{ background:#fff; padding:30px 0;}

/*左侧导航 */

.left-area{ float: left; width:247px;}

.left-area .iTitle { height:101px; background: #29a0f5; text-align: center; }
.left-area .iTitle h2 { padding-top: 30px; font-size: 24px; color: #fff; font-weight: normal; }
.left-area .iTitle h2 em { display: block; text-transform: uppercase; font-size: 10px; font-family: arial, helvetica, sans-serif; }
.left-area .menu { background: #fff; padding:5px 0;}
.left-area .menu dt {position:relative; border-top: 1px solid #f0f0f0; }
.left-area .menu dt a {display: block; position: relative; padding:10px 0 10px 28px; line-height:24px; color: #666; font-size: 13px; }
.left-area .menu dt a:before { position: absolute; content: ""; top:50%; margin-top:-4px; left:10px; width:8px; height: 8px; border-radius: 4px; border: 1px solid #c1c1c1;   }
.left-area .menu dt a:hover, .left-area .menu dt .current {  background: #29a0f5; color: #fff; }
.left-area .menu dt a:hover:before, .left-area .menu dt .current:before { border: 1px solid #fff; }

.left-area .menu dd {border-top: 1px dashed #f0f0f0; position:relative; margin:0 10px;}
.left-area .menu dd a { position: relative; display:block; line-height:22px; padding:8px 0 8px 42px;}
.left-area .menu dd a:before { position: absolute; content: ""; top:50%; margin-top:-4px; left:26px; width: 8px; height: 8px; border-radius: 8px; background: #666; }
.left-area .menu dd a:hover, .left-area .menu dd .current { color:#29a0f5; }
.left-area .menu dd a:hover:before, .left-area .menu dd .current:before { background:#29a0f5; }

.left-area .service-line { height: 82px; background: #6d6d6d; text-align: center; color: #fff; }
.left-area .service-line .s1 { padding:12px 0 5px; }
.left-area .service-line .s1 em { padding-left: 5px; vertical-align: middle; font-size: 14px; }
.left-area .service-line .s2 { font-size: 24px; font-weight: bold; font-family: arial, helvetica, sans-serif; }

/*右侧内容区 */
.right-area{float: right; width: 910px;}

.breadcrumbs{height: 40px; line-height: 40px; border-bottom: 2px solid #29a0f5; }
.breadcrumbs .column{float:left; font-size: 16px; font-weight: bold; color: #29a0f5; }
.breadcrumbs .column_site { float: right; color: #8d8d8d; font-size: 12px;  }
.breadcrumbs .column_site a {color: #8d8d8d; padding: 0 2px; }
.breadcrumbs .column_site a:hover, .breadcrumbs .column_site .current{color:#29a0f5;}

/*内容模式 */
.art-box {padding:20px 20px 0; border-bottom: 1px solid #4a4a4a; text-align: center; }
.art-box h2 { line-height:24px; padding:5px 0; font-weight: bold; font-size: 16px; color: #29a0f5; }
.art-box .info { font-size: 12px; color: #bcbcbc; line-height: 3;}

.article_content{padding:20px 15px 30px; line-height:200%; word-wrap:break-word; word-break:break-all; color: #666; }

/*产品详情页 */
.picShow-panel { margin: 20px 0 0; padding:15px; background:#FCF4E4;}
.picShow-panel .pic{ position: relative; float:left; text-align:center; color:#666;}
.picShow-panel .noPic{border:1px solid #ccc;}
.picShow-panel .intro {float:right; width:400px; background:#fff;}
.picShow-panel .intro h2 {font-size:16px; color:#fff; line-height:34px; padding:10px 15px; background: #29a0f5;}
.picShow-panel .intro .info{color: #444; line-height:24px; padding:10px 15px; font-size:13px; min-height:200px;}
.picShow-panel .intro .iservice-tel {padding-left:16px; height:60px; overflow:hidden; line-height:60px; background:#6d6d6d; font-size:14px; color: #fff; }
.picShow-panel .intro .iservice-tel em {font-size:22px; padding:0 5px; vertical-align: middle;}
.picShow-panel .intro .iservice-tel img { padding-right: 5px; }
.picShow-panel .intro .iservice-tel a { padding-left: 15px; }

.ipro-tit { height:35px; line-height: 35px; padding:20px 0 0; border-bottom: 1px solid #555; }
.ipro-tit h2 { font-size: 14px; color: #29a0f5; font-size: 16px; }

/* 新闻列表 */
.newsList{padding:20px 10px 10px;}
.newsList li{padding:10px 0; border-bottom:1px dashed #777;}
.newsList li h4 {padding-left:15px; height:20px; line-height:20px; font-weight:100;}
.newsList li h4 a { position: relative; color: #000; }
.newsList li h4 a:before {position: absolute; content: ""; width: 6px; height: 6px; border-radius: 4px; top: 6px; left: -15px; border: 1px solid #666;}
.newsList li h4 span {float:right; padding-left: 15px; font-size: 12px; color: #908f8f;}
.newsList li h4 a:hover{color:#29a0f5;}
.newsList li h4 a:hover:before {border: 1px solid #29a0f5;}
.newsList li .i{font-size: 12px; color: #b2b2b2; line-height: 20px; padding:6px 0 5px 15px;}
.newsList li .i a {color: #29a0f5; }

/* 图片列表 */
.picList{padding:25px 15px 20px;}
.picList li{float: left; text-align:center; padding:5px 0 10px;}
.picList li .pic{text-align:center; color:#f2f2f2; border:1px solid #C5C5C5;}
.picList li .pic img{vertical-align:top;}
.picList li .tit {margin-top: 6px; text-align: center; }
.picList li .tit a { font-size: 14px; color: #666; line-height: 2.2; }
.picList li:hover .pic{border:1px solid #29a0f5;}
.picList li:hover .tit a {color: #29a0f5;}

/* 图文列表 */
.picTxt{padding:5px 10px; }
.picTxt .list-item {padding:18px 0;}
.picTxt .list-item .pic {float: left; border: 1px solid #C5C5C5; text-align:center;}
.picTxt .list-item .txt {float:right;}
.picTxt .list-item .txt h4 {line-height: 30px; border-bottom: 1px solid #595959; }
.picTxt .list-item .txt h4 a {padding-left:5px; font-weight: bold; font-size: 16px; color: #29a0f5; }
.picTxt .list-item .txt h4 a em{ font-size:12px; padding-right:5px; font-weight:100;}
.picTxt .list-item .txt .i { height: 90px; line-height: 24px; color: #bcbcbc; padding: 15px 10px 0 15px; }
.picTxt .list-item .txt .detail { padding-left: 15px; }
.picTxt .list-item .txt .detail a { padding: 5px 30px; background: #29a0f5; border-radius: 4px; color: #171717; font-size: 12px; font-weight: bold; }

/* 分页 */
.page {background: #29a0f5; margin:20px 0 0; text-align: center; line-height: 45px; }
.page a { font-size: 14px; padding:3px 10px; border-radius:4px; color: #333;  }
.page a:hover,.page .current { background: #fff; color: #333; }


/*上一页下一页 */
.up-down { margin: 20px 0; }
.up-down li { float: left; width:410px; background: #29a0f5; line-height:30px; padding: 6px 20px; color: #fff; }
.up-down li a { color: #fff; }

/* 相关信息 */
.related-news { padding: 20px 0; }
.related-news h2 { font-size: 16px; color: #969595; line-height: 2.5; border-bottom: 1px solid #4a4a4a; }
.related-news ul { padding: 10px 0 0; }
.related-news ul li { float: left; width:440px; height: 42px; line-height: 42px; border-bottom: 1px dashed #5f5d5d; }
.related-news ul li span { float: right; font-size: 12px; color: #666; }
.related-news ul li a {color: #666;}
.related-news ul li a em{padding-right:3px; font-size:12px;}
.related-news ul li a:hover{color:#29a0f5;}

/* 相关产品 */
.related-product {padding:20px 15px 15px;}
.related-product ul {padding:5px 0 0; }
.related-product ul li { float: left;}
.related-product ul li .pic{border:1px solid #c5c5c5;}
.related-product ul li .t{padding:10px 5px 0; font-size:14px; text-align:center;}
.related-product ul li .t a {color:#666;}
.related-product ul li .t a:hover{color:#29a0f5;}

/* 留言列表 */
.message { margin:0; padding:10px 0; font-family:"微软雅黑";}
.message-list{padding:10px 10px 20px; margin:0 10px; border-bottom:1px dashed #d2d2d2; color:#666;}
.message-list dt{padding:8px 0; line-height:22px; font-size:14px; position:relative;}
.message-list h4{float:left; width:100px; font-weight:100; text-align:right; padding-right:5px;}
.message-list h4:before {position: absolute; content: ""; top:15px; left:10px; width: 10px; height: 10px; border-radius: 5px; background: #999; }
.message-list .i{float:left; width:730px; line-height:22px; }
.message-list dd{position:relative;}
.message-list dd h4:before{top:4px; background:#fbcf4e;}
.message-list dd .i{color:#29a0f5;}

.applyTit{font-weight:100; margin:0 10px; border-bottom:1px solid #bbb; font-size:16px; color:#29a0f5; line-height:30px; padding-bottom:3px;}

/* 表单 */
.form-area { padding:25px 20px 30px; font-size:14px;}
.form-area .tips { padding:5px 0 15px 105px; color:#fa3030; font-weight:bold;  text-align:left; }
.form-area li{padding:10px 0; color:#666;}
.form-area li span {float:left; width:100px; line-height:24px; text-align:right; padding-right:5px;}
.form-area li span em{color:#fa3030; padding-right:4px;}
.form-area li input{ vertical-align:middle;}
.form-area li .text { height:26px; line-height:26px; padding:1px 3px; border:1px solid #D0D0D0; background:#f2f2f2; color:#444; font-family:"微软雅黑"; font-size:14px;}
.form-area li .textarea { width:460px; height:120px; padding:1px 3px; border:1px solid #D0D0D0; background:#f2f2f2; color:#444; font-family:"微软雅黑"; font-size:14px;}
.form-area .input-btn{padding:15px 0 0 105px;}
.form-area .input-btn input {float:left; display:inline; margin-right:15px; width:80px; height:28px; border:none; background:#29a0f5; font-family:"微软雅黑"; font-size:14px; color:#fff; border-radius:5px;}

















