﻿@charset "utf-8";
        /* 
        * @description: default css 
        * @copyRight: Dongyi Network Technology CO.,Ltd Design Center
        * @author: Liuyang [2012-06-15 10:00]
        * @update: 
        */  

/*内页banner*/
#banner .hd {top:178px;}
#banner .bd {height:200px;}
#banner .img{height:197px;}

/*内页-侧栏*/
.aside{float:left;overflow:hidden;width:250px;_display:inline;background:#fcfcfc url(images/sideRightBg.jpg) right top repeat-y;}
.aside .rightBg{padding:0 15px 0 10px;background: url(images/sideRightBg2.jpg) right bottom no-repeat;}
.aside .menu17,.aside .menu44,.aside .menu23,.aside .menu28,.aside .menu32,.aside .menu36,.aside .menu61,.aside .menu40,.aside .menu50{display:block;width:225px;height:60px;}
.aside .menu17{background:url(images/com.jpg);}
.aside .menu44{background:url(images/culture.jpg);}
.aside .menu23{background:url(images/pro.jpg);}
.aside .menu28{background:url(images/video.jpg);}
.aside .menu32{background:url(images/news.jpg);}
.aside .menu36{background:url(images/case.jpg);}
.aside .menu61{background:url(images/service.jpg);}
.aside .menu40{background:url(images/caseers.jpg);}
.aside .menu50{background:url(images/jjfa.jpg);}

#linkRIght{width:208px;margin-left:8px;}
#newpro{border:none;background:transparent;}
#newpro .bd{padding:0;margin-top:10px;}
#newpro .v{display:none;}
#newpro .picList li{display:block;_display:inline;margin:0 8px !important;width:94px;;overflow:hidden;}
#newpro .picList li img{width:90px;}

#sideNav{border:none;}
#sideNav .bd{margin:0;padding:0;}
#sideNav #mainNav{padding:0;}
#sideNav ul li.spe{width:0;height:0;}
#sideNav ul li{margin:0;padding:0;width:100%;line-height:40px;font-size:14px;text-align:center;background:url(images/sideNavBg.jpg) no-repeat center bottom;border:none;}
#sideNav ul li a{color:#0476BF;}
#sideNav ul li .li2{height:30px;line-height:30px;font-size:12px;}
#sideNav ul li .li2 a{color:#222;}
#sideNav ul li .li2 a:hover{color:#FE6919;}
#sideNav ul li.on1{background:url(images/sideNavHover.jpg) no-repeat center top;}
#sideNav ul li.on1 a{line-height:40px;color:#fff;}
#sideNav ul li.on1 .h2 a{display:block;line-height:30px;color:#000;}
#sideNav ul li .ul1{display:none;width:auto;}
#sideNav ul li.on1 .ul1{display:block;}
#hotArticle{border:none;}

#newNews{ position:relative; zoom:1; border:none;}
#newNews .bd{padding:6px;}
#newNews .slideNav{ position:absolute; height:20px; overflow:hidden; top:166px; right:13px; z-index:1;}
#newNews .slideNav li {background-color:#fff;cursor:pointer;float:left;width:18px;height:16px;line-height:16px;margin-left:3px;text-align:center;}
#newNews .slideNav li a{ color:#333; } 
#newNews .slideNav li a:hover{ text-decoration:none; }
#newNews .slideNav li.on{ background-color:#f11f1f; color:#FFFFFF;}
#newNews .slideNav li.on a{ font-weight:bold; color:#fff; }
#newNews .slideCon{height:150px;overflow:hidden;border:1px solid #969696;}
#newNews .pe_u_thumb_title{ height:26px; line-height:26px; text-align:center;background:#f3f3f3;   }


/*首页banner*/
#adNews {width:212px;overflow:hidden;margin-left:5px; position:relative; zoom:1;border:1px solid #d3d3d3;}
#adNews .hd {top:55px;height: 15px;overflow: hidden;position: absolute;right: 4px;z-index: 1;}
#adNews .hd ul {float: left;overflow: hidden;}
#adNews .hd ul li {background: none repeat scroll 0 0 #FFFFFF;color: #333333;cursor: pointer;float: left;height: 16px;line-height: 14px;margin-right: 4px;text-align: center;width: 18px;}
#adNews .hd ul li.on {background: none repeat scroll 0 0 #D22924;color: #FFFFFF;}
#adNews .bd {position: relative;height:76px;z-index: 0;}
#adNews .img{height:197px;}
#adNews .bd li {position: relative;vertical-align: middle;}
#adNews .bd .pic {overflow: hidden;position: relative;z-index: 0;}
#adNews .bd .pic img {}
#adNews .bd .title {bottom: 0;display: none;height: 28px;line-height: 28px;padding-left: 10px;position: absolute;width: 100%;z-index: 2;}
#adNews .bd .title a {color: #FFFFFF;}
#adNews .bd .bg {background: none repeat scroll 0 0 #000000;bottom: 0;display: none;height: 28px;opacity: 0.6;position: absolute;width: 100%;z-index: 1;}


/*---- 文章首页 ----*/
#focusNews{width:auto;}
.articleAside{float:left;_display:inline;margin-right:10px;width:310px;}
.articleSide{float:right;_display:inline;width:250px; }
.articleMain{float:left;_display:inline;width:420px;}
.articleVideo{}
.articleMain .topicList .title{height:35px;line-height:35px;}
/*左*/
.articleFocus{overflow:hidden;border:1px solid #ddd;}
.articleFocus .slideBox-news{padding:5px;}
#articleStaff{overflow:hidden;background:#fff;}
#articleStaff li{background: url("images/icon.gif") no-repeat scroll -495px -147px transparent;}
#articleStaff li.t{background:none;padding:0;}
.slideBox-news{ position:relative; zoom:1;}
.slideBox-news .slideNav{ position:absolute; height:20px; overflow:hidden; bottom:5px;width:100%; z-index:1;text-align:center;}
.slideBox-news .slideNav span {display:inline-block;background:#fff url(images/newsSlipt.png);cursor:pointer;width:15px;height:15px;line-height:15px;margin:0 5px;}
.slideBox-news .slideNav span.on{ background:url(images/newsSlipt.png) right top;}
.slideBox-news .slideCon .pic{height:210px;}
.slideBox-news .slideCon .title{text-align:center;background:#fff;line-height:24px;margin-bottom:20px;}
.slideBox-news .pe_u_thumb_title{ height:26px; line-height:26px; text-align:center;background:#f3f3f3;   }

/*中*/
#articleTop .intro{line-height:22px;}
#articleTop .title a{font-size:20px;color:#014479;}
#articleCom li{background: url("images/icon.gif") no-repeat scroll -495px -147px transparent;}
#articleCom{overflow:hidden;border:1px solid #ddd;background:#fff}
/*右*/
#articleIndustryNews{overflow:hidden;}
#articleIndustryNews .con{width:110px;}
#articleIndustryNews li.t{background:none;margin:3px 0;}
/*最新视频*/
#articleVideo{overflow:hidden;height:200px;}
#articleVideo .picList li .pic img{width:auto;height:auto;}
#articleVideo li{position:relative;}
#articleVideo li .v{position:absolute;top:0;left:0;display:block;width:144px;height:109px;}
#articleVideo li div.v:hover{zoom:1;background:url(images/video.png) no-repeat -25px -45px;}

/*---- 文章列表页 ----*/
#articleList{}
#articleList h3{margin-bottom:10px;height:37px;line-height:37px;font-weight:bold;color:#00469C;background:url("images/proTitleBg.jpg") no-repeat scroll 0 0 #F2F7FB;padding-left:25px;}
#articleList li{padding-left:25px;background: url(images/icon.gif) no-repeat -485px -21px;font-size:14px;}
#articleList li .date{font-size:12px;}

/*---- 产品父列表页 ----*/
#proList{}
#proList .hd{line-height:37px;background:#F2F7FB url(images/proTitleBg.jpg) no-repeat 0 0;}
#proList .hd a{font-size:12px;}
#proList .hd span{float:right;padding-right:10px;font-weight:100;}
#proList .bd {margin:0;padding:0;}
#proList .bd .picList li{margin:10px 12px !important;width:154px;height:177px;border:1px solid #fff;}
#proList .bd .picList li:hover{border:1px solid #018FD1;}
#proList .bd .picList li img{border:none;}
#proList .bd .picList li .pic {height:150px;}
#proList .bd .picList li .title a{display:block;height:25px;line-height:25px;color:#666;}
#proList .bd .picList li:hover .title a{background:#018FD1;color:#fff;}
#proList .bd .picList .noData{line-height:180px;}
/*---- 产品子列表页 ----*/
#proList .topicList  li{overflow:hidden;position:relative;width:720px;border:1px solid #fff;border-bottom:1px dotted #ddd;}
#proList .topicList li:hover{background:#f7fbfe;border:1px solid #daeff9;}
#proList .topicList h3{text-align:left;}
#proList .topicList .pic{float:left;margin:20px;width:150px;border:1px solid #ccc;background:#fff;}
#proList .topicList li:hover .pic{border:1px solid #018FD1;}
#proList .topicList .pic img{display:block;margin:0 auto;text-align:center;}
#proList .topicList .title{float:left;margin-top:20px;width:510px;}
#proList .topicList .title h3{font-size:14px; color:#00459D;font-weight:bold;}
#proList .topicList li .more {position:absolute;bottom:10px;right:10px;}
#proList .topicList li a.more{padding:5px 15px;background:#ddd;font-size:14px;color:#333;}
#proList .topicList li:hover .more{background:#f60;color:#fff;}
#proList .topicList li a:hover .more{background:#f60;color:#fff;}

/*产品简介*/
.proDeta{float:right;margin:5px 0 ;width:310px;height:303px;background:#F5F5F5 url("images/proDeta.jpg") repeat ;}
.proDeta .deta{padding:8px;line-height:26px;}
.proDeta .deta h3{font-size:14px;line-height:35px;font-weight:bold;color:#f60;}
.proDeta .deta .detaDec{margin-bottom:5px;}
.proDeta .deta .detaLine{height:1px;line-height:1px;font-size:1px;border-bottom:1px dashed #ddd;}
.proDeta .pdfdown{float:right;}
.proDeta .baidu{height:30px;background:url(images/bdf.jpg) no-repeat;padding:3px 0 0 52px;}

#proList .slideTxtBox .hd li{font-size:14px;}

#con {font-size:12px; margin:0 auto 10px; width:100%;overflow:hidden;}
#tags {padding:0; margin: 0 0 0 10px;height:23px}
#tags LI {background:url(images/tagleft.gif) no-repeat left bottom; float:left; margin-right:: 1px; list-style-type:none;height: 23px;font-size:12px;font-weight:bold;}
#tags LI A {padding:0 15px; background:url(images/tagright.gif) no-repeat right bottom; float:left; color:#999; line-height:23px;  height: 23px; text-decoration: none}
#tags LI.emptyTag {background: none transparent scroll repeat 0% 0%; width:4px}
#tags LI.selectTag {background-position:left top; margin-bottom: -2px; position:relative; height: 25px}
#tags LI.selectTag A {background-position:right top; color:#000; line-height:25px; height:25px}
#tagContent {border:1px solid #aecbd4; padding:1px; background:#fff}
.tagContent {padding: 15px; display: none; background:url(images/tagbg.gif) repeat-x; color:#474747;min-height:250px;}
#tagContent DIV.selectTag {display: block}

/*产品搜索*/
.proSearch{margin:0 8px;color:#0256AC;}
.proSearch #Submit{width:52px;height:22px;background:url(images/btn.jpg) no-repeat 0 2px;border:none;color:#fff;cursor:pointer;}
.proSearch #keyword_PowerEasy{color:#999;}

/*推荐产品*/
#recommend {border:1px solid #ddd;padding:0 10px;height:215px;}
#recommend .hd{line-height:30px;background:url(images/icon.gif) no-repeat -485px -111px;border-bottom:1px solid #C6E3F1;padding-left:12px;}
#recommend .hd a{font-size:12px;}
#recommend .hd h3{padding-left:10px;}
#recommend .hd span{float:right;padding-right:10px;font-weight:100;}
#recommend .bd{padding:0;margin:0 30px;overflow:hidden;}
#recommend .bd .picList li {width:135px; height:160px;margin:0 11px;padding:0;overflow:hidden;}
#recommend .bd .picList li .pic{height:135px;_margin-top:-20px;_display:inline;}
#leftMarquee{position:relative;}
#leftMarquee a.next{position:absolute;left:2px;top:58px;display:block;width:17px;height:34px;background:url(images/lrSprite.png) no-repeat 0 bottom;z-index:101;cursor:pointer;text-indent:-999px;}
#leftMarquee a.prev{position:absolute;right:2px;top:58px;display:block;width:17px;height:34px;background:url(images/lrSprite.png) no-repeat  right bottom;z-index:101;cursor:pointer;text-indent:-999px;}
#leftMarquee a:hover.next{background-position: 0 0;}
#leftMarquee a:hover.prev{background-position: right top;}

/* 图片按钮(上)滚动 - 公用类 */
.picBtnTop{ width:390px; height:302px;  padding:5px;  position:relative;  overflow:hidden;  zoom:1;   }
.picBtnTop .hd{background:#fff !important;border:none !important; width:91px; height:304px; position:absolute;right:0;}
.picBtnTop .hd ul li{width:82px;margin-top:3px;padding:0 2px 0 5px; text-align:center; line-height:0px;  }
.picBtnTop .hd ul li img{padding:0 11px; width:60px; height:60px; border:2px solid #ddd; cursor:pointer;  }
.picBtnTop .hd ul li.on{ background:url("images/icoleft.png") no-repeat 0 28px; }
.picBtnTop .hd ul li.on img{ border-color:#157EFE;  }
.picBtnTop .hd a.sPrev{display:block;margin-left:5px;width:86px;height:16px;background:url(images/t.jpg) no-repeat;text-indent:-999px;overflow:hidden;cursor:pointer;}
.picBtnTop .hd a:hover.sPrev{background:url("images/t_1.jpg") no-repeat ; }
.picBtnTop .hd a.sNext{position:absolute;margin-left:5px;bottom:0;display:block;width:86px;height:16px;background:url(images/b.jpg) no-repeat;text-indent:-999px;overflow:hidden;cursor:pointer;}
.picBtnTop .hd a:hover.sNext{background:url("images/b_1.jpg") no-repeat ; }
.picBtnTop .bd{ width:302px;  height:302px;margin:0;padding:0 !important; position:relative;border:1px solid #ccc;}
.picBtnTop .bd img{max-width:300px;max-height:300px;_width:300px;border:none; margin:1px;}
.picBtnTop .bd li{ position:relative;height:300px !important; zoom:1;margin:0 auto;text-align:center; }
.picBtnTop .bd li .pic{ position:relative; z-index:0; line-height:0px;  }
.picBtnTop .bd li .bg{ width:400px; height:30px; position:absolute; left:0; bottom:0; z-index:1;  background:#000; filter:alpha(opacity=60);opacity:0.6;    }
.picBtnTop .bd li .title{ width:400px; height:30px; line-height:30px; left:0; bottom:0;   position:absolute; z-index:2;  }
.picBtnTop .bd li .title a{ color:#fff;  }
.picBtnTop .bd>a{ display: block; }
.picBtnTop .bd>a .icon{ position: absolute; left: 20px; bottom: 20px; width: 45px; height: 45px; background:url(images/iconPlay.png) no-repeat; }

/* 文本切换盒子 - 公用类 */ 
#slideTxtBox{position:relative;overflow:hidden;}
#slideTxtBox .hd{position:absolute; line-height:30px; background:transparent !important;border:none; padding:0;} 
#slideTxtBox .hd ul{ float:left; left:0;  } 
#slideTxtBox .hd ul li{height:36px; float:left;margin-right:5px; width:103px;line-height:37px;text-align:center; cursor:pointer; background:url(images/detaBg.jpg) no-repeat;color:#333;} 
#slideTxtBox .hd ul li.on{height:37px;background:url(images/detaBgHover.jpg) no-repeat;color:#fff;} 
#slideTxtBox .bd{margin-top:36px;border:1px solid #ccc;_display:inline; } 
#slideTxtBox .bd ul{ padding:15px;  } 
#slideTxtBox .tempWrap{ margin:15px;  } 

/*合作伙伴*/
#partners{overflow:hidden;height:200px;border:none;}
#partners .hd{margin:0;padding:0;}
#partners .bd{padding:0;margin-top:10px;}
#partners .bd li{position:relative;}


/*图片列表*/
#photoList .hd{line-height:24px;background:#F2F7FB url(images/icon.gif) no-repeat -485px -113px;border-bottom:1px solid #C6E3F1;padding-left:15px;}
#photoList .hd a{font-size:12px;}
#photoList .hd span{float:right;padding-right:10px;font-weight:100;}
#photoList li{width:220px;height:220px;margin: 0 10px !important;}
#photoList .bd{margin:0;margin-top:10px;padding:0;}

/*---- 视频父列表页 ----*/
#videoList .hd{line-height:24px;}
#videoList .hd a{font-size:12px;}
#videoList .hd h3{margin-bottom:10px;padding-left:25px;height:37px;line-height:37px;background:url("images/proTitleBg.jpg") no-repeat scroll 0 0 #F2F7FB;}
#videoList .hd span{float:right;padding:10px 10px 0 0;font-weight:100;}
#videoList .picList li{width:150px;margin:0 12px 10px !important;*margin:-20px 10px 0 10px;}
#videoList .picList li img{width:150px;height:auto;}
#videoList .pic {position:relative;}
#videoList .pic .v{position:absolute;top:0;left:0;display:block;width:150px;height:110px;}
#videoList .pic .v:hover{zoom:1;background:url(images/video.png) no-repeat -25px -45px;}
#videoList #leftMarquee .bd{margin:10px 30px;padding:0;overflow:hidden;}
#videoList #leftMarquee .prev{top:40px;}
#videoList #leftMarquee .next{top:40px;}
.contArticle_bot_page {
    border-top: 1px dotted #CCCCCC;
    color: #666666;
    line-height: 25px;
    margin-bottom:10px;
    padding-top: 10px;
}

.menu_list { width: 225px; text-align:left; }
#sideNav a:hover,#firstpane a:hover{color:#00459B;}
#firstpane a{letter-spacing:1px;}
#firstpane li{position:relative;}
#firstpane .h1{position:absolute;margin:12px 0 0 5px;width:20px;height:20px;z-index:999;cursor:pointer;}
#firstpane .h1 a{display:block;overflow:hidden;width:20px;height:20px;text-indent:-999px}
#firstpane .hasUl1 .h1 a{background:url("images/sideNavicon.png") no-repeat 0 0; }
#firstpane .on1 .h1 a{display:block;background-position:0 -20px;}
#firstpane .hid1 {padding:2px 0;height:40px;line-height:40px;font-size:15px;cursor: pointer; position: relative;background:url("images/sideNav.png") no-repeat  center bottom ;font-weight:bold;font-family:微软雅黑; }
#firstpane .ul1 { display:none;margin-bottom:5px;}
#firstpane .ul1 li { display:block;line-height:39px;background:url("images/sideNav.png") no-repeat  center bottom ;cursor:pointer;}
#firstpane  .hid1 a{display:block;text-indent:40px;}
/*#firstpane  .h1 a:hover,#firstpane li:hover .h1 a{color:#fff;background:#fff url("images/sideNavHover.jpg") no-repeat  center bottom ;}*/
#firstpane .on1 .hid1 {color:#fff;background:#fff url("images/sideNavHover.jpg") no-repeat  center center ; }
#firstpane .on1 .hid1 a{color:#fff;}
#firstpane  .h2{}
#firstpane  .h2 a{display:block;text-indent:50px;}
#firstpane  .h2 a:hover,#firstpane .li2:hover .h2 a{background:#fff url("images/sideSideNavHover.jpg") no-repeat  center center ;}
#firstpane  .h3 a{display:block;text-indent:60px;}
#firstpane .on1 .h3{background:#fff url("images/sideNav.png") no-repeat  center bottom ;}
#firstpane .on1 .h3 a{color:#666;}


/*--  纵向-- 一级显示 ================================= --*/
.mainNavType3Ver{ width:225px;}
.mainNavType3Ver ul{ display:none; }
.mainNavType3Ver .hasUl1 .a1{ background:url("images/navIco_r.gif") no-repeat 0 15px;}
.mainNavType3Ver a{ display:block; padding-left:20px; letter-spacing:4px;font-family:微软雅黑;}
.mainNavType3Ver a:hover{color:#0040A1; }
.mainNavType3Ver h4{  line-height:20px; line-height:20px; padding:0 0 0 30px;  }
.mainNavType3Ver .li1{ margin-bottom:2px; }
.mainNavType3Ver .h1{height:43px;line-height:40px; background:url("images/subNavSplit.jpg"); }
.mainNavType3Ver .on1 {display:block;}
.mainNavType3Ver .on1 .h1{background:#dcf0fa url("images/subNavSplit.jpg") right 0;}
.mainNavType3Ver .h2{ padding-left:30px; }
.mainNavType3Ver .h3{ padding-left:40px; }
.mainNavType3Ver .h4{ padding-left:50px; }
.mainNavType3Ver .a1{ font-size:14px;  color:#067ED3;  }
.mainNavType3Ver .ul1{ padding:0 5px; }
.mainNavType3Ver .ul1 h4{height:37px;line-height:35px;background:url("images/sideNav.png") no-repeat center bottom;  }
.mainNavType3Ver .ul1 h4 a:hover,.mainNavType3Ver .on2 .a2{color:#f60; }

.mainNavType3Ver .on1 .a1{ background:url("images/navIco_d.gif") no-repeat 0 15px;color:#fff;}
.mainNavType3Ver .on1 .h1 a:hover{color:#fff;}
.nav23 .mainNavType3Ver a{letter-spacing:5px;}

.menuList{}

.menuList li a{letter-spacing:5px;font-size:14px;display:block; text-align:left; padding:0 0 0 60px;font-family:微软雅黑;}
.menuList li:hover{background:url("images/sideNavHover2.jpg") repeat scroll right 0 #DCF0FA !important;color:#fff !important;}
.menuList li.on{background:url("images/subNavSplit.jpg") repeat scroll right 0 #DCF0FA !important;color:#fff !important;}
.menuList li:hover a,
.menuList li.on a{color:#fff !important;background:url("images/navIco_d.gif") no-repeat scroll 40px 15px  !important; }
