@charset "gbk";
/* CSS Document */
/*Hongyi WebSite CSS Version 1.0*/
/*Power by:SEAWE, Designer:John*/
/*Page CSS*/
body{}

.subBanner{ height:180px; clear:both; position:relative; background:url(/images/loading.gif) 50% no-repeat; overflow: hidden;}
.aboutBanner{ background:url(/images/aboutBanner.jpg) center top no-repeat;}
.newsBanner{ background:url(/images/newsBanner.jpg) center top no-repeat;}
.caseBanner{ background:url(/images/caseBanner.jpg) center top no-repeat;}
.servicesBanner{ background:url(/images/servicesBanner.jpg) center top no-repeat;}
.contactBanner{ background:url(/images/contactBanner.jpg) center top no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:180px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:none;width:14px;height:14px;line-height:40px;overflow:hidden;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:none;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px; display:none;}
.flex-direction-nav li a.flex-next{right:40px; display:none;}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Main*/
.mainLayer{}
.main{ width:990px; padding-top:6px; overflow:hidden;}
/*Main Left*/
.main .leftCol{ width:242px; background-color:#f3f3f3;float:left;}
.main .leftCol .leftTitle{ margin:0 5px; height:36px; line-height:36px; background:url(/images/title_icon.png) 16px center no-repeat; border-bottom:#d6d6d6 1px solid;}
.main .leftCol .leftTitle h3{ padding-left:30px; font-size:16px; font-weight: bold; color:#003c41;}
.main .leftCol .menu{ margin:0 5px; padding-bottom:10px; width:230px;overflow:hidden;}
.main .leftCol .menu li{ _height:34px; line-height:34px; border-bottom:#d6d6d6 1px dotted;}
.main .leftCol .menu li a{ padding-left:40px;  background:url(/images/menu_li_icon.png) 30px center no-repeat; font-size:14px; font-weight:bold; color:#666;display:block;}
.main .leftCol .menu li a.curHere,.main .leftCol .menu li a:hover{ color:#fff; background:url(/images/menu_li_hover_icon.png) 30px center no-repeat #003c41; }
.main .leftCol .menu li.lastLi{ border:none;}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Main Right*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.main .rightCol{ margin-left:34px; width:714px; min-height:600px; _height:600px; float:left; display:inline; overflow:hidden; _overflow:visible;}
.main .rightCol .rightTitle{ height:32px; line-height:32px; font-size:14px; font-weight:bold; color:#333; border-bottom:#d6d6d6 1px solid;}
.main .rightCol .rightTitle span{ margin-right:5px; font-weight:normal; color:#666; float:right; display:inline;}
.main .rightCol .rightTitle span a{ font-size:12px; color:#666;}
.main .rightCol .rightTitle span a:hover{ color:#003c41; text-decoration:underline;}
.main .rightCol .pageInfo{ padding-top:10px; padding-bottom:30px; line-height:23px; overflow:hidden;}
.main .rightCol .pageInfo .titleBar{ padding-left:14px; height:32px; line-height:30px; font-weight:bold; background:url(/images/title_line.png) left center no-repeat;}
.main .rightCol .pageInfo .titleBar span{ margin-right:5px; font-weight:normal; color:#666; float:right; display:inline;}
.main .rightCol .pageInfo .titleBar span a{ font-size:12px; color:#666;}
.main .rightCol .pageInfo .titleBar span a:hover{ color:#003c41; text-decoration:underline;}
.filterBox{_width:700px; margin-bottom:20px; padding-top:15px; padding-bottom:10px; border-bottom:#d6d6d6 1px dotted; overflow:hidden;}
.filterBox dl{ margin:0; padding:0;  clear:both;}
.filterBox dl dt{ margin-right:10px; line-height:40px; width:110px; text-align:right; font-size:14px; color:#333; float:left; display:inline;}
.filterBox dl dd{ padding:5px 0; width:580px; float:left;}
.filterBox dl dd a,.filterBox dl dd span{ padding:2px 10px; margin:3px 5px; background-color:#dcdcdc; display:inline-block;}
.filterBox dl dd span,.filterBox dl dd a:hover{ background-color:#003c41; color:#fff;}
.caseList{ margin:0; padding:0; overflow:hidden;}
/*Reset li Css*/
.caseList li{  margin:10px 7px 20px 7px; line-height:40px;}
.caseList li.resetLi{ width:auto; margin:0; float:none; border:none;}
.caseList li.resetLi img{ width:714px; height:auto; border:none;}
dl.clientInfo{ margin:0; padding:15px 0; overflow:hidden; border-bottom:#d6d6d6 1px dotted;}
dl.clientInfo dt{ margin-right:5px; width:180px; height:100px; float:left; display:inline;}
dl.clientInfo dd{ width:529px; line-height:24px; float:left; clear:right;}
dl.clientInfo dd b{ color:#003c41;}
.mulImgBox{ padding:15px 0;}
.mulImgBox img{ width:700px; /*height:500px;*/}
/*News*/
.articleList{ margin:0; padding:0; margin-top:25px; list-style:none; overflow:hidden;}
.articleList li{ padding-left:14px; line-height:32px; color:#757575; border-bottom:#d6d6d6 1px dotted; background:url(/images/arrow.gif) left center no-repeat; overflow:hidden;}
.articleList li span{ color:#757575; float:right;}
.articleList li a{color:#666;}
.articleList li a:hover{color:#177f4f; text-decoration:underline;}
.newsList{ margin:0; padding:0; list-style:none; overflow:hidden;}
.newsList li{ margin:0; padding:0 10px; padding-bottom:10px; margin-bottom:15px; _height:105px; color:#757575;  border-bottom:#d6d6d6 1px dotted; overflow:hidden;}
.newsList li .newsTitle{ height:36px; line-height:36px;}
.newsList li.curLi{ background-color:#f3f3f3;}
.newsList li .newsTitle span{ margin-right:15px; color:#757575; float:right; display:inline;}
.newsList li .newsTitle a{ font-size:14px; font-weight:bold;color:#003c41;}
.newsList li .newsTitle a:hover{color:#003c41; text-decoration:underline;}
.newsList li .newsBox p{ line-height:24px;}
.newsList li .newsBox p a{ color:#333;}
.newsList li .newsBox p a:hover{ color:#003c41;  text-decoration:underline;}
/*Article Show*/
.showTitle{ font-size:16px; height:45px; line-height:45px; color:#333; text-align:center;}
.publishInfo{ height:30px; line-height:30px; font-size:12px; color:#999; text-align:center; font-weight:normal; border-bottom:#d6d6d6 1px dotted;}
.newsInfo{ padding:20px 10px 60px 10px; line-height:24px; overflow:hidden;}
.newsInfo p{ margin:0; padding:0; line-height:24px;}
.newsInfo p img{ border:none;}

/*Feedback*/
#comments{ width:550px; overflow:hidden;}
#comments dl{clear:both;padding:5px 0;font-size:14px; line-height:28px;font-family:"Microsoft Yahei";}
#comments dl dt{display:block; float:left;width:100px;text-align:right; font-size:14px;}
#comments dl dt em{padding-right:5px; color:#FF0000; font-style:normal;}
#comments dl dd{margin-left:100px; padding-left:10px;}
#comments dl dd i{display: inline; line-height:28px; color:#999; font-size:12px; font-style:normal; }
#comments dl dd .btn_submit{ width:240px; height:36px; border:none; background-color:#003c41; color:#fff;font-size:16px;line-height:36px;cursor:pointer; }
#comments dl dd a{ color:#f00;}
input.wide{width:250px;}
input.txt{width:200px;}
input.small{width:50px;}
textarea.wide{ width:300px; display:inline;margin-right:5px;padding:5px;line-height:18px;vertical-align:middle;background:#fff;color:#999px;border:1px solid #CACACA;border-radius:4px 4px 4px 4px;font-family:'Microsoft YaHei';}
.input{display:inline;margin-right:5px;padding:5px;height:18px;line-height:18px;vertical-align:middle;background:#fff;color:#999px;border:1px solid #CACACA;border-radius:4px 4px 4px 4px;font-family:'Microsoft YaHei';}
#txtCode{ margin-bottom:5px; float:left; display:inline;}
#verifyCode{ margin-top:3px; float:left; display:none;}
.theme-popover-mask{z-index:9999;position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.5;filter:alpha(opacity=50);-moz-opacity:0.5;display:none;}
#msgTip{ z-index:10000; left:50%; top:80%; margin-left:-150px; margin-top:-50px; width:300px; height:80px; border:#d6d6d6 2px solid; background:#fff;  font-size:14px; color:#f00; position:absolute; display:none;}
#msgTip .tipsTitle{ width:200px; padding-top:20px; height:50px; line-height:40px;}
#msgTip .tipsTitle img{ margin-right:5px; width:35px; height:35px; border:none; float:left;}
#msgTip .tipsTitle b{ font-size:16px; color:#f00;}

/*Pager*/
.cutPager { width:1200px; height:100%; margin-top:25px; margin-bottom:25px; clear:both}
.cutPager a { display:block}
span.page_number { width:20px; height:20px; line-height:20px; text-align:center; display:inline-block; border:1px dotted #ddd; margin-right:5px; cursor:pointer}
span.page_number:hover { border:1px solid #003c41}
span.page_current { border:1px dotted #fff; color:#003c41;}
span.previous , span.next { width:50px}