@charset "utf-8";
/* CSS Document */
html { font-size:100%;}
*html{ background-image:url(about:blank); background-attachment:fixed; } /* position:fixed; 闪动问题 */
body { font-size:14px; margin:0; padding:0; color:#8a8a8a; font-family:'PT Sans',"Microsoft YaHei",Arial,sans-serif; background:#FFF; text-align:left;}
ul,ol,li,p,hr,h1,h2,h3,h4,h5,table,th,td{ margin:0; padding:0}
ul{ list-style:none}
input,img,hr{ border:none}
a{ text-decoration:none; color:#8a8a8a}
a:hover{ color:#F3AF0F}
:focus {outline:0;}

#page{ width:100%; height:100%; min-width:1040px; margin:0 auto; position:relative }

/* 头部 */
#header_container{ width:100%; min-width:1040px; height:105px; background:#FFF;}
#header{ width:1040px; height:100%; margin:0 auto;}
#header .logo{ overflow:hidden; padding-top:20px; float:left;}
#header .logo img{ width:auto; height:64px}
#header ul.lang{ float:right;}
#header ul.lang li{ display:inline-block; float:left; line-height:105px; height:105px; vertical-align:middle;}
#header ul.lang li.aline{ margin:0 7px; font-size:11px; color:#BC9836; line-height:107px;}
#header ul.lang li a{ font-size:12px; color:#BC9836;}

/* 导航 */
.nav_wrapper{ width:100%; min-width:1040px; background:#BC9836; border-top:2px solid #9C7616;}
.nav_wrapper .divider{ width:100%; min-width:1040px; height:3px; background:#EFEEEC; font-size:0px;}
.nav{ width:1040px; height:60px; margin:0 auto; border-left:1px solid #AF8E32; display:block;}
.nav li{ width:129px; height:60px; line-height:60px; vertical-align:middle; text-align:center; border-right:1px solid #AF8E32; display:inline-block; float:left; position:relative; background:#BC9836;}
.nav li a{ font-family:'PT Sans Narrow',"Microsoft YaHei",Arial,sans-serif; font-size:15px; color:#FFF; padding-top:2px; display:block; margin-top:-2px; *zoom:1; _position:relative;}
.nav li span{ display:block; position:absolute; width:0px; height:0px; background:#F3AF0F; top:-2px; left:0;}
.nav li:hover, .nav li.active{ }
.nav li:hover a, .nav li.active a{ color:#FFF;}
.nav li.active a{ color:#FFF; padding-top:0;}
.nav li.active a{ border-top:2px solid #F3AF0F;}

#hnav_wrapper{ position:fixed; top:-40px; left:0; z-index:999; _position:absolute; _top:expression(eval(document.documentElement.scrollTop));}
#hnav_wrapper .nav{ height:35px;}
#hnav_wrapper .nav li{ width:auto; height:35px; line-height:35px;}
#hnav_wrapper .nav li a{ font-size:14px; padding:2px 18px 0;}
#hnav_wrapper .nav li.active a{ padding-top:0;}


/* 首页广告轮播图 */
.flexslider{position:relative;height:400px;overflow:hidden;background:url(../images/slider_loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:400px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center; display:none;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/slider_dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%; display:none;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/slider_prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/slider_next.png) center center no-repeat;}


#home_content_container{ width:1040px; padding:25px 0 110px; margin:0 auto; overflow:hidden;}

.home_column_title{ width:100%; height:50px; position:relative;}
.home_column_title .hline{ width:100%; height:1px; background:#eeeeee; font-size:0px; position:absolute; top:15px; left:0; z-index:9;}
.home_column_title .col_title{ display:inline-block; padding:0 10px 0 30px; position:absolute; top:0; left:0; z-index:10;}
.home_column_title .hil_title{ background:url(../images/icon_blue_flower.png) center left no-repeat #FFF;}
.home_column_title .rbl_title{ background:url(../images/icon_blue_detail.png) center left no-repeat #FFF; padding-left:25px;}

#home_info_list_wrapper{ width:690px; overflow:hidden; float:left;}
#home_info_list_wrapper .home_info_list{ clear:both; overflow:hidden;}
#home_info_list_wrapper .home_info_list li{ width:100%; height:44px; line-height:44px; vertical-align:middle; border-bottom:1px solid #eeeeee; display:block; clear:both; background-image:url(../images/home_list_item_bg.png); background-repeat:no-repeat;}
#home_info_list_wrapper .home_info_list li a{ width:610px; padding-left:30px; font-size:14px; color:#888888; display:inline-block; float:left;}
#home_info_list_wrapper .home_info_list li img.btn_plus{ width:16px; height:16px; padding:12px 10px 0 0; float:right;}
#home_info_list_wrapper .home_info_list li a:hover{ color:#F3AF0F;}

.hil_item_01{ background-position:7px 11px;}
.hil_item_02{ background-position:7px -34px;}
.hil_item_03{ background-position:7px -77px;}
.hil_item_04{ background-position:7px -122px;}
.hil_item_05{ background-position:7px -166px;}

#right_barnner_wrapper{ width:330px; overflow:hidden; float:right;}
#right_barnner_wrapper .right_barnner_list{ clear:both; overflow:hidden;}
#right_barnner_wrapper .right_barnner_list li{ width:328px; border:1px solid #eeeeee; margin-bottom:10px; position:relative;}
#right_barnner_wrapper .right_barnner_list li img.bpic{ width:100%; height:auto; display:block;}
#right_barnner_wrapper .right_barnner_list li .bvideo{ width:100%; height:100%; position:absolute; top:0; left:0;}

/*  */
#breadcrumbs_container{ width:100%; overflow:hidden; background:#fcfcfc; border-bottom:1px solid #eeeeee;}
#breadcrumbs_wrapper{ width:1040px; height:90px; line-height:90px; margin:0 auto; position:relative;}
#breadcrumbs_wrapper h2{ display:inline-block; float:left; font-family:'PT Sans Narrow',"Microsoft YaHei",Arial,sans-serif; font-size:20px; color:#626262}
#breadcrumbs_wrapper .breadcrumbs{ float:right; padding-left:17px; font-size:12px; background:url(../images/icon_home.jpg) center left no-repeat;}
#breadcrumbs_wrapper .breadcrumbs a, .breadcrumbs span{ padding-right:4px; color:#8A8A8A}
#breadcrumbs_wrapper .breadcrumbs span{ margin-left:-2px;}
#breadcrumbs_wrapper .breadcrumbs a:hover{ color:#F3AF0F}

.search_wrapper{ width:180px; height:16px; padding:8px 10px 8px 12px; border:1px solid #eeeeee; overflow:hidden; position:absolute; top:28px; left:180px;}
.search_wrapper input{ width:155px; height:16px; color:#929292; border:none; background:none; float:left;}
.search_wrapper button{ width:16px; height:16px; border:none; background:url(../images/btn_search.jpg) no-repeat; cursor:pointer; float:right;}

.content_wrapper{ width:1040px; overflow:hidden; margin:40px auto 70px;}

/* 分类菜单 */
#cat_container{ width:260px; position:relative}
.cat_wrapper{ border:1px solid #ededed; border-bottom:0;}
.cat_wrapper .cat_title{ width:100%; height:40px; padding:20px 0; border-bottom:1px solid #ededed;}
.cat_wrapper .cat_title h3{ display:inline-block; margin-left:-2px; padding-left:20px; height:40px; line-height:40px; vertical-align:middle; border-left:3px solid #BC9836; font-family:'PT Sans Narrow',"Microsoft YaHei",Arial,sans-serif; font-size:17px; color:#666;}
.cat_wrapper .cat_menu{ color:#999;}
.cat_wrapper .cat_menu li.cat_item{ border-bottom:1px solid #ededed;}
.cat_wrapper .cat_menu li.cat_item a{ display:block; padding:10px; text-align:center; word-break:break-all; font-size:14px; color:#8E8E8E; font-family:'PT Sans',"Microsoft YaHei",Arial,sans-serif; cursor:pointer;}
.cat_wrapper .cat_menu li ul.cat_children{ margin:0 0 10px; padding:10px 0 0; border-top:1px solid #ededed; display:none;}
.cat_wrapper .cat_menu li ul.cat_children li{ width:auto; border-bottom:0px none; background:url("../images/arrow.gif") no-repeat 15px 10px;}
.cat_wrapper .cat_menu li ul.cat_children li a{ padding:0px 30px 10px; display:inline-block; font-size:13px; color:#ABABAB;}
.cat_wrapper .cat_menu li a:hover, .cat_wrapper .cat_menu li ul li a:hover{ color:#F3AF0F;}
.cat_wrapper .cat_menu li.active a, .cat_wrapper .cat_menu li ul li.active a{ color:#F3AF0F;}
.cat_wrapper .cat_arrow{ margin-left:5px; display:inline-block;}

#pro_list_container{ width:740px; padding-top:5px; padding-bottom:150px; float:right; }
.pro_list_wrapper{ width:auto; border-left:1px solid #f2f2f2; border-bottom:5px solid #ededed; display:inline-block; overflow:inherit; background:#fcfcfc; position:relative;}
.pro_item{ width:245px; background:#fcfcfc; border-right:1px solid #f2f2f2; border-top:1px solid #f2f2f2;  position:relative; display:inline; float:left; overflow:inherit;}
.pro_item div.pic_box{ height:auto; display:block; padding-bottom:12px; position:relative;}
.pro_item div.pic_box .pro_img{ height:auto; display:block; border-bottom:1px solid #f2f2f2;}
.pro_item div.pic_box .pro_img img{ width:100%; height:auto; display:block;}
.pro_item div.pic_box span.ptline{ width:1px; height:0; background:#BC9836; position:absolute; bottom:0; left:0; z-index:1; margin-top:9px; display:block;}
.pro_item div.pinfo_box{ height:auto; display:block; position:relative; padding-bottom:30px;}
.pro_item div.pinfo_box h4{ border-left:5px solid #BC9836; margin-left:-2px; padding:0 20px;}
.pro_item div.pinfo_box span.pbline{ width:1px; height:0; background:#BC9836; position:absolute; top:0; left:0; z-index:2; display:block;}
.pro_item span.corner_bg{ width:24px; height:0; background:url(../images/icon_blue_flower.png) center no-repeat; display:inline-block; position:absolute; top:-13px; left:-11px; z-index:3; }
.pro_list_wrapper span.piline{ width:1px; height:0; background:#BC9836; position:absolute; top:0; left:0; z-index:3; margin-top:9px; display:block;}

#pro_info_wrapper{width:740px; overflow:hidden; float:right;}
.pro_info_head{ width:100%; overflow:hidden; clear:both;}
.pro_info_head div.pimg_box{ width:348px; padding:5px; border:1px solid #f2f2f2; text-align:center; float:left;}
.pro_info_head div.pimg_box img{ 
    min-width: 1px;
    max-width: 348px;
    *+min-width: auto;
    *+width: expression(this.offsetWidth > 1 ? (this.offsetWidth < 348 ? 'auto' : '348px') : '1px');
    _width: expression(this.offsetWidth > 1 ? (this.offsetWidth < 348 ? 'auto' : '348px') : '1px');
    /*min-height: 1px;
    max-height: 300px;
    *+min-height: auto;
    *+height: expression(this.offsetHeight > 1 ? (this.offsetHeight < 348 ? 'auto' : '348px') : '1px');
    _height: expression(this.offsetHeight > 1 ? (this.offsetHeight < 348 ? 'auto' : '348px') : '1px');*/
}
.pro_info_head div.pcont_box{ width:360px; overflow:hidden; float:right;}
.pro_info_head div.pcont_box h3{ font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif; font-size:18px; color:#BC9836;}
.pro_info_head div.pcont_box .params{ margin-top:20px; font-size:14px; color:#8E8E8E;}

.pro_detail_wrapper{ width:738px; overflow:hidden; border:1px solid #f2f2f2; margin:40px 0;}
.pro_detail_head{ width:100%; height:90px; display:block; border-bottom:1px solid #f2f2f2; background:url(../images/info-bg-02.png) repeat-x;}
.pro_detail_head .dleft_box{ height:69px; padding:18px 20px 0; display:table-cell; vertical-align:middle; background:url(../images/info-bg-01.png) repeat-x; text-align:center; float:left; border-right:1px solid #f2f2f2;}
.pro_detail_head .dleft_box p{ margin-top:5px; font-size:14px; color:#8E8E8E;}
.pro_detail_box{ width:708px; padding:25px 15px; overflow:hidden;}


/* 新闻列表 */
.news_list{ width:740px; float:left;}
.news_list_item{ margin:0 auto 40px; display:block; overflow:hidden;}
.news_list_item div.date_box{ float:left; display:inline-block; width:50px; overflow:hidden; text-align:center; border:1px solid #E6E6E6; box-shadow: 0px 0px 0px 1px #FFF inset, 0px 2px 0px rgba(0, 0, 0, 0.04);}
.news_list_item div.date_box .day { display:block; padding:10px 0; border-bottom:1px solid #E6E6E6; background:#FBFBFB; line-height:40px; font-family:"Microsoft YaHei",Arial; font-size:30px;}
.news_list_item div.date_box .mouth, .news_list_item div.date_box .year { display:block; background:#FCFCFC; line-height:28px; font-size:12px;}
div.news_content_box{ display:inline-block; width:658px; margin-left:20px; padding-top:10px; overflow:hidden; float:left;}
div.news_content_box h2.news_title { display: block; padding-bottom:15px; border-bottom:1px solid #E6E6E6; font-family:'PT Sans Narrow',"Microsoft YaHei",Arial,sans-serif; font-size:26px; color:#705E75;}
div.news_content_box div.imgeffect{ width:658px; margin:20px 0; position:relative; overflow:hidden; text-align:center;}
div.news_content_box div.imgeffect img.news_img{ 
    min-width: 100px;
    max-width: 658px;
    *+min-width: auto;
    *+width: expression(this.offsetWidth > 100 ? (this.offsetWidth < 658 ? 'auto' : '658px') : '100px');
    _width: expression(this.offsetWidth > 100 ? (this.offsetWidth < 658 ? 'auto' : '658px') : '100px');
}
div.news_content_box p.news_desp{ font-size:13px;}

/* 文章详情页 */
.article_wrapper{ width:740px; overflow:hidden; float:left;}
h2.article_title { display: block; padding:15px 0; border-bottom:1px solid #E6E6E6; font-family:'PT Sans Narrow',"Microsoft YaHei",Arial,sans-serif; font-size:26px; color:#666;}
p.article_desp{ margin-top:50px; font-size:13px; color:#000;}
div.article_content{ margin-top:20px; overflow:hidden;}

/* 文章列表 */
.article_list_wrapper{ width:728px; padding:5px 5px 200px; border:1px solid #E6E6E6; border-bottom:2px solid #E6E6E6; overflow:hidden; float:left;}
.article_imgbox{ width:100%; display:block; position:relative; overflow:hidden;}
.article_imgbox img{ width:100%; height:auto;}
.article_imgbox .art_info{ width:100%; padding:6px 10px; overflow:hidden; position:absolute; left:0; bottom:0; background:#000; color:#FFF; font-size:16px;}
.article_list{ width:688px; margin:30px auto 0;}
.article_list .art_item{ display:block; padding:12px 0; background:url(../images/line.jpg) bottom left repeat-x; font-size:13px;}
.article_list .art_item img.marrow{ display:inline-block; margin:1px 5px 0 0; float:left;}
.article_list .art_item a{ color:#4E4D4D;}
.article_list .art_item a:hover{ color:#2a50b5;}
.certificate_bg{ background:url(../images/certificate.jpg) bottom right no-repeat;}
.knowledge_bg{ background:url(../images/knowledge.jpg) bottom right no-repeat;}

/* 联系方式列表 */
.contact_list_wrapper{ width:330px; margin-top:10px; overflow:hidden; float:left;}
.contact_list{ margin-top:28px;}
.contact_list li{ display:block; padding-bottom:7px; font-size:13px;}
.contact_list li img.icon{ width:15px; height:15px; display:inline-block; margin-top:2px; float:left;}
.contact_list li span{ width:290px; margin-left:10px; display:inline-block;}

.contact_post_wrapper{ width:670px; margin-top:10px; overflow:hidden; float:right;}
.contact_post_wrapper p.desp{ margin-top:28px; font-size:13px; font-style:italic;}

div.contact_form{ margin:5px 0 50px; overflow:hidden}
div.contact_form .row{ margin:15px 0; clear:both;}
div.contact_form label{ display:block; font-size:14px;}
div.contact_form input, div.contact_form textarea{ width:660px; height:45px; border:1px solid #f2f2f2; border-radius:5px;
  -webkit-box-shadow:1px 1px 1px #EEEEEE; -moz-box-shadow:1px 1px 1px #EEEEEE; box-shadow:1px 1px 1px #EEEEEE;    
}
div.contact_form input{ height:45px;}
div.contact_form textarea{ height:150px;}
div.contact_form .buttons input{ width:auto; padding:10px 20px; font-size:14px; color:#8a8a8a; cursor:pointer; 
border:1px solid #E0E0E0; border-radius:5px;  /* 圆角 */ 
-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; /* 阴影 */ 
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#FCFCFC,endColorStr=#EDEDED); /*IE 6 7 8*/ 
background: -ms-linear-gradient(top, #FCFCFC,  #EDEDED);        /* IE 10 */
background:-moz-linear-gradient(top,#FCFCFC,#EDEDED);/*火狐*/ 
background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#FCFCFC), to(#EDEDED));/*谷歌*/ 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FCFCFC), to(#EDEDED));      /* Safari 4-5, Chrome 1-9*/
background: -webkit-linear-gradient(top, #FCFCFC, #EDEDED);   /*Safari5.1 Chrome 10+*/
background: -o-linear-gradient(top, #FCFCFC, #EDEDED);  /*Opera 11.10+*/
}

div.form input.error, div.form textarea.error{ border-color:#C00;}
div.form .errorMessage{ color:red;}
div.form div.success input, div.form div.success textarea, div.form input.success, div.form textarea.success{ background: #E6EFC2; border-color: #C6D880;}
div.form div.success label{color: inherit;}


/* 抛出异常-错误页面 */
.error_wrapper{ width:600px; margin:50px auto; overflow:hidden; border:1px #BC9836 solid}
.error_wrapper h2{ background:#BC9836; padding:10px 0 10px 20px; color:#FFF}
.error_wrapper .error{ width:560px; padding:30px 20px; text-align:center}

/* 分页 */
.pager{ text-align:center; margin-top:30px; color:#4785BD}
.summary{ text-align:right; margin-bottom:5px}
ul.myPager{ border: 0 none; display: inline; font-size: 11px; line-height: 100%; margin: 0; padding: 0}
ul.myPager li{ display:inline; margin:0px}
ul.myPager a { background:none; border:none; color:#383838; padding:2px 6px}
ul.myPager .previous{ margin:0 6px 0 4px }
ul.myPager .next { margin:0 4px 0 6px}
ul.myPager .first a, ul.myPager .last a{ padding:2px 4px}
ul.myPager .previous a, ul.myPager .next a{ padding:2px 6px}
ul.myPager .first a, ul.myPager .last a, ul.myPager .previous a, ul.myPager .next a{ background:#383838; color:#FFF; border:1px solid #383838}
ul.myPager .page a { font-weight:normal; font-size:14px; margin:0}
ul.myPager .selected a { background:none; border:none; color:#F68121; font-weight:bold}
ul.myPager input.page_num{ width:40px; height:19px; border:1px #CCC solid; margin-left:10px}
ul.myPager input.btn_goto{ width:45px; height:23px; color:#FFF; background:#F48221; margin-left:5px}

/* 列表样式 */
.list_view{}
.list_view .summary{ display:none }
.list_view .empty{ display:block; text-align:center}
.list_view .items{ width:100%; overflow:hidden}
.list_view .items .view{ border:1px solid #999; padding:10px; margin-bottom:10px}


/* 底部 */
#footer{ width:100%; min-width:1040px; overflow:hidden; padding:12px 0 80px; border-top:3px solid #efefef; background:#f5f5f5;}
#footer div.f_content{ width:1040px; margin:0 auto; font-family:"PT Sans","Microsoft YaHei",Arial,sans-serif; font-size:13px;}


.orange_title{ font-family:'PT Sans Narrow',"Microsoft YaHei",Arial,sans-serif; font-size:18px; color:#BC9836;}
.blue_title{ font-family:'PT Sans Narrow',"Microsoft YaHei",Arial,sans-serif; font-size:18px; color:#2a50b5;}
.deep_gray_title{ font-family:'PT Sans Narrow',"Microsoft YaHei",Arial,sans-serif; font-weight:bold; font-size:20px; color:#626262;}

.text_over{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}

/* 图片灰白 */
.gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray} 

/* "|" 分割线 */
.split { margin: 0 5px; color: #CCC; }

/* 清除浮动 */
.clear{ height:0; overflow:hidden; clear:both}

.float_left{ float:left;}
.float_right{ float:right;}

.margin-top-35{ margin-top:35px;}
.margin-top-55{ margin-top:55px;}

.opacity-0{ 
    -webkit-opacity: 0;   /* older safari/Chrome browsers */  
    -moz-opacity: 0;  /* Netscape and Older than Firefox 0.9 */  
    -khtml-opacity: 0;  /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/  
    opacity: 0;  /* IE9 + etc...modern browsers */  
    filter:alpha(opacity=0);  /* IE 4-9 */  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)";  /* This works in IE 8 & 9 too */  
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);  /* IE4-IE9 */ 
}
.opacity-50{ 
    -webkit-opacity: 0.5;   /* older safari/Chrome browsers */  
    -moz-opacity: 0.5;  /* Netscape and Older than Firefox 0.9 */  
    -khtml-opacity: 0.5;  /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/  
    opacity: 0.5;  /* IE9 + etc...modern browsers */  
    filter:alpha(opacity=50);  /* IE 4-9 */  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=50)";  /* This works in IE 8 & 9 too */  
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);  /* IE4-IE9 */ 
}
