@charset "utf-8";
/* CSS Document */

/* --------------------全局样式定义-------------------- */
/* 将具有默认margin和padding的标记置零，所有标记的margin、padding都在使用时具体定义 */
*{ margin:0; padding:0; font-size:12px; }
img{ border:0;}
a{text-decoration: none; color:#686869;}
a:hover{ color:#258eed;}
ul, li {list-style-type: none;}
/* 修正IE5.x和IE6的斜体溢出bug */
* html body{ overflow:visible;}
* html iframe, * html frame{ overflow:auto;}
* html frameset{ overflow:hidden;}
/* 常用标签，基本标签默认样式取消，HTML标签，取消基本标签默认样式，防止不同浏览器显示效果不同，text-align:center; 解决不同浏览器居中问题 */
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
/*解决IE6下不兼容 position:fixed 的问题*/

body{ height:auto; font-family:Arial, Helvetica, sans-serif; font-size: 12px; line-height: 160%; margin:0px; padding:0px; -webkit-font-smoothing: antialiased;background: #fff; -webkit-text-size-adjust: none;} 
.clear{
    clear: both;
    background: none;
    border: 0;
    display: block;
    float: none;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;}



/* --------------------全局样式定义 end-------------------- */
.warp_index{ min-width:1060px; margin:0 auto; overflow:hidden;}


/* --------------------head-------------------- */

#header_outer{ height:78px;background:url(images/headerbg.jpg) left top repeat-x;padding-top:20px; z-index:101; position:relative; }
#header_outer div.header{ width:1000px; margin:0 auto; padding:0; display:block}
#header_outer div.header div.logo{ width:175px; /*padding:0 0 0 25px;*/ float:left;display:block; margin-top: -6px;}
#header_outer div.header div.topmenu{ width:745px; float:right; padding:0px 0 0 0;}
#header_outer div.header div.topmenu ul{ padding:0; margin:0;float:right;}
#header_outer div.header div.topmenu li{ list-style:none; float:left;  display:block; height:20px; }



.wxqr{position:relative;}
.wxqrtab{
	background:url(images/wxqr.png) no-repeat;
	width: 200px;
	height: 200px;
	z-index:100;
	position: absolute;
	top: 65px;
	left: -76px;
	text-align: center;
	padding: 5px;
	display: none;
	line-height:110%;
	color:#000000;
	cursor:pointer;
}



#header_outer div.header div.topmenu li a{color:#3e3e3e}
#header_outer div.header div.topmenu li a:hover{color:#26A4A4;text-decoration: none;   }
#header_outer div.header div.topmenu li.search{background:url(images/searchbg.gif) left top no-repeat; width:110px;margin:27px 0 0 0;padding:0 10px;}
#header_outer div.header div.topmenu li.search input{ width:75px; margin:0 5px 0 0; outline: 0; background:#ddd; border:1px solid #ddd; color:#858585; float: left; height: 18px;}
.mirrow{ display:block; margin-top:6px; float: left;}

#header_outer div.header div.topmenu li.line{background:url(images/topmenu_line.gif) right center no-repeat;margin:27px 10px 0 0; padding:0 10px;}

#navi_outer{  background: #0066cc; /* Old browsers */
              background: -moz-linear-gradient(left,  #0066cc 0%, #14a83b 100%); /* FF3.6+ */
              background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0066cc), color-stop(100%,#14a83b)); /* Chrome,Safari4+ */
              background: -webkit-linear-gradient(left,  #0066cc 0%,#14a83b 100%); /* Chrome10+,Safari5.1+ */
              background: -o-linear-gradient(left,  #0066cc 0%,#14a83b 100%); /* Opera 11.10+ */
              background: -ms-linear-gradient(left,  #0066cc 0%,#14a83b 100%); /* IE10+ */
              background: linear-gradient(left,  #0066cc 0%,#14a83b 100%); /* W3C */
              filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0066cc', endColorstr='#14a83b',GradientType=1 ); /* IE6-9 */
              border-top:1px solid #01549E;border-bottom:1px solid #005887;
              height:40px;
			  position:relative;
			  z-index:100;
}
#navi_outer div#navi_in{ width:960px; margin:0 auto; padding:0;height:40px;background:url(images/naviline.png) right top repeat-y;}

.topnav ul{
    background-image: url(images/naviline.png);
    background-repeat: no-repeat;
    background-position: right top;
}
.topnav {width:960px; background:url(images/naviline.png) right top no-repeat; z-index:999; position: relative;margin:0 auto;}
.topnav li {list-style:none; width:137px; float:left; color:#fff;font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4 , "Microsoft JhengHei"; font: bold 15px/40px Verdana, Arial, Helvetica, sans-serif; text-align:center; position: relative; letter-spacing:1px}
.topnav li a, .nav li a:link, .nav li a:active, .nav li a:visited {}
.topnav li a:hover {text-decoration:none;color:#fff;font: bold 13px/40px Verdana, Arial, Helvetica, sans-serif;}
.topnav li a{color:#fff;}
.topnav li.leftline{background:url(images/naviline.png) left repeat-y; }

.topnav{ margin:0 auto;width:960px;}






/* ------------------head end------------------ */

/* --------------------banner-------------------- */
.banner{width:100%; height:400px; min-width:1000px;overflow:hidden; position:relative; z-index:0;}
.bd {overflow: hidden;width:100%;height:400px;position:relative;min-width:1000px;}
.bd ul {width: 1680px;height: 400px;left: 50%;margin-left: -840px;overflow: hidden;position: relative;}
.bd li {position:absolute;width: 1680px;height: 400px;overflow: hidden;list-style: none;}
.slider a {color:#fff;}
.slider a img {border:none;}
.sliderArrows-bg{ /* background:url(images/bullets-bg.png) no-repeat;*/ width:1000px; height:24px; z-index:10; position:relative; bottom:24px; margin:0 auto;}
.banner_post { z-index: 10;}
.banner .pic { height: auto; display: block;}
.banner .pic:hover { text-decoration: none;}
.banner .slide_nav {
    z-index:999;
    position: absolute;
    left: 50%;
    bottom:0;
    margin-left:-148px;

}
.banner .slide_nav a {
    cursor:pointer;
    float:left;
    font-size:28px;
    font-family: arial;
    color: #888;
    padding:0 10px;
}
.banner .slide_nav li:hover,.banner .slide_nav .on{text-decoration: none;color: #9c0;filter: alpha(opacity=80);opacity: 0.8;}





.banner_pre,.banner_next {
    display:block;text-indent:-9999px;outline:none;z-index:50;background-image:url(images/bannerbtn.png);width:62px;height:62px;position:absolute;top:50%;margin-top:-32px;
}
.banner_pre {
    background-position:left top;left:9px;
}
.banner_pre:hover {
    background-position:left bottom;
}
.banner_next {
    right:9px;background-position:right top;
}
.banner_next:hover {
    background-position:right bottom;
}



#banner_main{ width: 100%;position: relative; background-color:#fff;height: 240px;overflow: hidden;z-index: 0;}
.banner_main{ width: 1680px;position: relative;left: 50%;margin-left: -840px;height: 240px;}
/* ------------------banner end------------------ */

/* --------------------content-------------------- */

.content {width:1000px; height:auto; margin: 34px auto 0; position:relative;}
.home_newproduct{ width:1000px; margin:0 auto 34px;}
.home_pro_title{ height:39px; text-indent:-300px; overflow:hidden; background:url(images/newpro.jpg) no-repeat left top;}
.newproduct{ width:100%; height:198px;}
.newproduct .left{width:208px;height:198px; float:left; margin:0 9px;}
.newproduct .bord{width:208px;height:198px;}

.newproduct_img{
    border:1px #e0e0e0 solid; width:206px; height:168px;
    /**//*非IE的主流浏览器识别的垂直居中的方法*/
    display: table-cell;
    vertical-align:middle;
    /**//*设置水平居中*/
    text-align:center;
    /**//* 针对IE的Hack */
    *display: block;
    *font-size: 147px;/**//*约为高度的0.873，168*0.873 约为147*/
    *font-family:Arial;/**//*防止非utf-8引起的hack失效问题，如gbk编码*/
}
.newproduct_img:hover{ border:1px #4493CC solid;}
.newproduct_img img{
    /**//*设置图片垂直居中*/
    vertical-align:middle;
}
.newproduct .bord a{ display:block; color:#545454; text-align: center; line-height:30px; font-size:16px; font-weight:bold;
                     /*单行溢出文本显示省略号 IE下的样式 */ 
                     overflow: hidden;
                     white-space: nowrap;
                     text-overflow: ellipsis;

                     /*单行溢出文本显示省略号 FF 下的样式 */ 
                     content:"...";}
.newproduct .bord a:hover{ color:#016282;}

.newproduct .btns{position:relative;height:1px;font-size:0}
.newproduct .btns a{background:url( images/icon.gif) no-repeat;position:absolute;background-position:0 -60px;width:14px;height:46px;top:-115px;left:20px;}
.newproduct .btns .down{background-position:-20px -60px;left:auto;right:20px;}
.newproduct .btns a:hover.up{background-position:0 -110px}
.newproduct .btns a:hover.down{background-position:-20px -110px}
.newproduct .btns .uN,.newproduct .btns  a:hover.uN{background-position:0 -160px}
.newproduct .btns .dN,.newproduct .btns  a:hover.dN{background-position:-20px -160px}
.newproduct .cons{width:902px;overflow:hidden;position:relative;height:198px; margin:15px auto 0;}
.newproduct .con{float:left;width:9999px;position:absolute;left:0;top:0;}


.home_profile{ width:300px; float:left;}
.home_profile_title{ height:39px; background:url(images/profile.jpg) no-repeat left top; position:relative;}
.home_profile_title .profile_more,.home_news_title .news_more,.home_contact_title .con_more{height:39px;line-height:39px;width:50px;position:absolute;top:0;right:0;}
.profile_more a,.news_more a,.con_more a{font-size:12px;display:block;text-align:center;}
.index_boxh font {font-weight: 100;font-family:Arial, Helvetica, sans-serif;font-size: 14px;color: #b4b4b4;}
.home_profile dl dt{ padding:20px 0 10px;}
.home_profile dl dd { padding: 0 3px;line-height: 24px;text-indent: 2em;color:#686869;}


.home_news {width: 314px;float: left; margin:0 43px;}
.home_news_title{ height:39px; background:url(images/news.jpg) no-repeat left top; position:relative;}
.home_news dl {padding: 20px 0 0;}
.home_news dl dt {
    float: left;margin-right: 10px;width:138px; height:83px;border: 1px #ade7eb solid;
    /**//*非IE的主流浏览器识别的垂直居中的方法*/
    display: table-cell;
    vertical-align:middle;
    /**//*设置水平居中*/
    text-align:center;
    /**//* 针对IE的Hack */
    *display: block;
    *font-size: 74px;/**//*约为高度的0.873，85*0.873 约为74*/
    *font-family:Arial;/**//*防止非utf-8引起的hack失效问题，如gbk编码*/
}
.home_news dl dt img{
    /**//*设置图片垂直居中*/
    vertical-align:middle;
}
.home_news dl dd a {font-size: 15px;line-height: 26px;font-weight: bold;color: #686869;
                    display:block; width:164px; height:26px;
                    /*单行溢出文本显示省略号 IE下的样式 */ 
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;

                    /*单行溢出文本显示省略号 FF 下的样式 */ 
                    content:"...";

}
.topspan {font-weight: normal;float: right;line-height: 26px;color: #686869;}
.home_news ul {padding-top: 10px;}
.home_news ul li {	line-height: 24px;}
.home_news ul li a{
    background:url(images/list_style_type.jpg) no-repeat 8px center;
    width:215px;
    display:block;
    float:left;
    padding-left:22px;
    /*单行溢出文本显示省略号 IE下的样式 */ 
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

    /*单行溢出文本显示省略号 FF 下的样式 */ 
    content:"...";
}
.home_news ul li span {color:#666;  display:block;  float: right;  padding-right: 4px;}


.home_contact{ width:300px; float:left;}
.home_contact_title{ height:39px; background:url(images/contactway.jpg) no-repeat left top;position:relative;}
.home_contact dl dt{ padding-top:20px; line-height:30px; font-size:18px;color:#686869;}
.home_contact dl dd { line-height: 24px;color:#686869;}



/* ------------------content end------------------ */

/* --------------------main-------------------- */

.main{ margin:30px auto 0; position:relative; z-index:10; width:1000px;}
.main_left{	float:left;	width:240px; margin-right:30px;}
.sidebar{ margin-bottom:34px;}
.subnav_title{width:100%; height:52px;}
.subnav{ width:100%; padding:10px 0 50px; background-color:#f2f2f2;}
.subnav li{margin:0 20px; height: auto;line-height: 32px; border-bottom:1px solid #d5d5d5;}
.subnav a{display: block; padding-left:10px;color: #666; background-image:url(images/list_style_type2.jpg); background-position: left bottom; background-repeat:no-repeat;font-size: 14px;position: relative;height: 32px;line-height: 32px;font-weight:bold;}
#subnav_on{background-position: left top; color:#0087c5;}
.subnav a:hover{background-position: left top; color:#0087c5; }


.pr-title{width:100%; height:31px;}
.pr-more {background: #9e9e9e;color: #fff;display: inline-block;padding: 0 6px;float: right;margin: 8px 37px 12px 0;line-height: 14px;}
.pr-more:hover{background:#0087c5;color: #fff;}
.pr-box{ background-color:#f2f2f2; margin-bottom:33px;}
#products-r_CSSBox{overflow:hidden; margin:0 auto;}
#products-r_CSSBox ul li{ float:left; list-style:none; width:190px; height:205px;}
#products-r_l{ cursor:pointer; position:absolute; top:102px; left:17px; z-index:50;height:14px;width:8px;float:left; background-image:url(images/news_list-bg.gif); background-repeat:no-repeat; background-position:left -309px;}
#products-r_l:hover{background-position:-8px -309px;}
#products-r_r{ cursor:pointer; position:absolute; top:102px; right:17px; z-index:50;height:14px;width:8px;float:left; background-image:url(images/news_list-bg.gif); background-repeat:no-repeat; background-position:-8px -323px;}
#products-r_r:hover{background-position:left -323px;}
#products-r{width:100%; height:205px;position: relative;overflow: hidden;margin-top: 8px;}


.newpro {
    width:190px; height:165px;
    /**//*非IE的主流浏览器识别的垂直居中的方法*/
    display: table-cell;
    vertical-align:middle;
    /**//*设置水平居中*/
    text-align:center;
    /**//* 针对IE的Hack */
    *display: block;
    *font-size: 144px;/**//*约为高度的0.873，165*0.873 约为144*/
    *font-family:Arial;/**//*防止非utf-8引起的hack失效问题，如gbk编码*/
}
.newpro img{
    /**//*设置图片垂直居中*/
    vertical-align:middle;
}
#products-r_CSSContent a{ display:block; color:#545454; font-size:16px; text-align: center; line-height:40px;font-family:Arial, Helvetica, sans-serif;
                          /*单行溢出文本显示省略号 IE下的样式 */ 
                          overflow: hidden;
                          white-space: nowrap;
                          text-overflow: ellipsis;

                          /*单行溢出文本显示省略号 FF 下的样式 */ 
                          content:"...";}
#products-r_CSSContent a:hover{ color:#0087c5;}
.contactway{ background-color:#f2f2f2;}
.contactway-title{width:100%; height:31px;}
.contactway dl{ padding:0 5px 13px;}
.contactway dl dt{ padding-top:20px; line-height:30px; font-size:14px;color:#0087c5;}
.contactway dl dd { line-height: 24px;color:#686869;}

.main_right{ width:730px; float:right;}






.position{color: #666; float:right;height:51px; line-height:51px;}
#crumbs{height: 51px;display: block;overflow: hidden;max-width: 400px; _width:400px;}
#crumbs a{color: #666;font-family: Microsoft YaHei;}
#crumbs a:hover{color:#0087c5; }
.current{ color:#666;}
#main{ width:100%;}
.main_top{ width:100%; height:51px; border-bottom:1px solid #ccc; margin-bottom:19px;}
.main_right h4 {font-size: 18px;color: #333;font-weight: bold;font-family: Microsoft YaHei; float:left; padding-left:2px;line-height:51px;}
.main_text{ width:100%; height:auto;}










/* ------------------main end------------------ */

/* --------------------site map start-------------------- */
.sitmap{ width:100%; height:209px; background:url(images/sitemap-bg.jpg) repeat-x;}
#sitmap{ width:1068px; margin:0 auto; overflow:hidden;}
#sitmap ul{ margin:35px auto 0;}
#sitmap li{ text-align:center; float:left;}
#sitmap_3{ width:175px;}
#sitmap dl{ width:175px; float:left;}
#sitmap dd{ width:100%;}
.warp_index .sitmap #sitmap #sitmap_p{width:auto; float:none;}
#sitmap h1 a{ font-weight:bold; color:#fff; line-height:30px;}
#sitmap dl dd a{ line-height:20px; color:#fff;}
#sitmap a:hover{text-decoration: underline;}
#sitmapline{ width:2px; height:140px; background:url(images/sitmapline.jpg) no-repeat;}
/* ---------------------site map end--------------------- */

/* --------------------footer-------------------- */
.footer{ width:100%; height:60px; background:url(images/fbg.jpg) repeat-x left top; margin-top: 70px; }
.copyright{ width:1046px; height:60px; margin:0 auto;}
.link{ width:364px; line-height:60px; padding-right:11px; float:right;}
.link li{ float:right; }
.line{ margin: 0 14px; color:#333;}
.link a{ color:#333; text-decoration: none; }
.link a:hover { text-decoration: underline; }

.copyright_text{ color:#333; line-height:60px; padding-left:11px; float:left;}
.copyright_text a{ color:#333; text-decoration: none; }
.copyright_text a:hover { text-decoration: underline; }
/* ------------------footer end------------------ */

/* --------------------news-------------------- */
.news{padding-top: 20px; width:730px; margin:0 auto;overflow: hidden; padding-bottom:29px; border-bottom:1px #d9d9d9 solid;}
.news li{ margin:0 auto; width:692px; height:27px; background:url(images/news_list-bg.gif) no-repeat left -166px; margin-bottom:6px;}
.news a{ line-height:27px; color:#666666; text-indent:20px; float:left;}
.news a:hover{ color:#003b82;}
.news span{ float:right; line-height:27px; margin-right:15px; color:#666666;}
#topnews{ width:692px; height:145px; background:url(images/news_list-bg.gif) no-repeat left top; overflow:hidden; margin-bottom:21px;}
#topnews_img{ border:1px solid #666666; margin:16px 25px 0 30px; display:block; width:156px; height:103px; float:left;}
.topnews_main{ width:448px; float:left; margin-top:8px;}
.topnews_title{ width:100%; line-height:30px; height:30px;}
.topnews_title a{ width:80%; font-size:15px; font-weight:bold; color:#333333; float:left;text-indent:0px;}
.topnews_title a:hover{color:#003b82;}
.topnews_title span{ font-family:Arial, Helvetica, sans-serif; color:#999999; line-height:30px; float: right; margin-right:13px;}
.topnews_digest{ width:100%;}
.topnews_digest p{ width:100%; line-height:20px; color:#888888; margin:0; padding:0;}
.news_main{min-height: 237px; width:740px; margin:0 auto; overflow:hidden; padding-bottom:29px; border-bottom:1px #d9d9d9 solid;}
.news_mian_title{ width:100%; height:45px; line-height:45px; text-align:center; font-size:18px; font-weight:bold; color:#333333;}
.news_time{ width:100; height:29px; text-align:center; line-height:29px; color:#5e5e5e;}
.news_bottom{ width:740px; margin:13px auto 45px;;}
.news_pn{ width:80%; display:block; float:left; line-height:24px; margin-left:26px;}
.news_pn li,.news_pn a{ color:#545454;}
.news_pn a:hover{color: #003B82;}
.goblack{ cursor:pointer; margin-right:24px;width:92px; height:45px; background-image:url(images/news_list-bg.gif); background-repeat:no-repeat; background-position:-93px -207px; display:block; float:right; border:0; text-indent:96px;}
.goblack:hover{ background-position: left -207px;}
.engoblack{ cursor:pointer; margin-right:24px;width:92px; height:45px; background-image:url(images/ennews_list-bg.gif); background-repeat:no-repeat; background-position:-93px -207px; display:block; float:right; border:0; text-indent:96px;}
.engoblack:hover{ background-position: left -207px;}






.entry-content {
    color: #555;
    line-height: 28px;
    text-indent: 2em;
    text-align: justify;
}
.entry-title {
    font-size: 20px;
    text-align: center;
    line-height: 30px;
}
.entry-meta {
    text-align: center;
    line-height: 28px;
    color: #555;
}
.main_post_header{}
.main_post_header p{
    display:block; color:#545454; font-size:16px; line-height:25px; width:650px; float:left;
    /*单行溢出文本显示省略号 IE下的样式 */ 
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

    /*单行溢出文本显示省略号 FF 下的样式 */ 
    content:"...";
}
.main_post_header p a{ font-size:20px;}
.main_post_header span{ line-height:25px; font-size:14px;}
.main_post_summary a{ line-height:25px;}
.main_post_summary { border-bottom:1px solid #555; padding-bottom:5px; margin-bottom:10px;}






/* ------------------news end------------------ */

/* --------------------Paginate-------------------- */
.pager{ margin-top:25px; padding-bottom:56px; padding-left:16px;}
.pager a{ display:block; float:left; margin:0 4px; width:69px; height:25px; padding:4px 3px 3px 1px; color:#666; line-height:25px; text-align:center; background:url(images/pagerbtn.png) no-repeat;}
.pager a:hover{ text-decoration: underline; }


/* ------------------Paginate end------------------ */

/* --------------------product-------------------- */
.product_list{ width:100%;; height:auto; margin:0 auto;padding-bottom:18px; border-bottom:1px #d9d9d9 solid;}
.product_list ul{ display:inline-block; margin:0 auto;}
.product_list li{ width:219px; height:248px; float:left; margin:17px 11px 0;}
.product_list_img{
    border:1px #999999 solid; width:201px; height:193px; padding:8px;
    /**//*非IE的主流浏览器识别的垂直居中的方法*/
    display: table-cell;
    vertical-align:middle;
    /**//*设置水平居中*/
    text-align:center;
    /**//* 针对IE的Hack */
    *display: block;
    *font-size: 169px;/**//*约为高度的0.873，193*0.873 约为169*/
    *font-family:Arial;/**//*防止非utf-8引起的hack失效问题，如gbk编码*/
}
.product_list_img:hover{ border:1px #0087c5 solid;}
.product_list_img img{
    /**//*设置图片垂直居中*/
    vertical-align:middle;
}
.product_list a{ display:block; color:#545454; font-size:15px; text-align: center; line-height:37px;
                 /*单行溢出文本显示省略号 IE下的样式 */ 
                 overflow: hidden;
                 white-space: nowrap;
                 text-overflow: ellipsis;

                 /*单行溢出文本显示省略号 FF 下的样式 */ 
                 content:"...";}
.product_list a:hover{ color:#0087c5;}






.page-body{
    position: relative;
}
.page-body h2{
    color: #123766;
    font-size: 16px;
    font-weight: bold;
}
.page-body h3{
    font-size: 14px;
    color: #123766;
}
.page-body > img {
    min-width: 100%;
}
.product-slide h3 {
    text-align: center;
    font-size: 24px;
}
.page-body h3.proname {
    text-align: center;
    font-size: 24px;
}

.product-slide h3{
    text-align: center;
    font-size: 24px;
}
.page-body h3.proname{
    text-align: center;
    line-height: 50px;
    font-size: 24px;
}
.product-slide .tabable{
    position: relative;
    width: 593px;
    height: 390px;
    padding-right: 121px;
    margin: -1px 0 0 -1px;
    border: 1px solid #b0c1d5;
    background: #fff;
    box-shadow: 1px 1px 10px rgba(177,195,220,.75)
}
.product-slide .tab-pane{
    width:593px;
    height: 390px;
    text-align: center;
}
/*.product-slide .tab-pane img{
    max-width: 100%;
    min-height: 100%;
    max-height: 100%;
}*/
.slide-tab-holder{
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    box-shadow: -2px 0 4px rgba(0,0,0,.13);
    background: #fafafa;
    overflow: hidden;
}
.slide-tab-vertical{
    width: 121px;
}
.slide-tab-vertical .slide-tab-inner{
    position: absolute;
    width: 100%;
    height: 302px;
    top: 43px;
    bottom: 43px;
    overflow: hidden;
}
.slide-tab-inner .nav > li > a{
    padding: 0;
}
.slide-tab-control{
    position: absolute;
    width: 100%;
    height: 43px;
    display: block;
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 2;
}
.slide-tab-control:hover{
    text-decoration: none;
}
.slide-tab-prev{
    top: 0;
    background-image: url(images/btn-arrow-up.png);
}
.slide-tab-next{
    bottom: 0;
    background-image: url(images/btn-arrow-down.png);
}
#productFeatures .nav-tabs{
    margin: 0 -7px 0;
    text-align: center;
    background: #7c8a9a;
}
#productFeatures .nav-tabs{
    height: 87px;
    padding: 0 58px;
    border: none;
    background: url("images/nav-bar.png") no-repeat scroll -2px 0 transparent;
}
#productFeatures .nav-tabs > li{
    margin-top: 5px;
}
#productFeatures .nav-tabs > li > a{
    padding-bottom: 9px;
    line-height: 48px;
    border-radius: 0;
    color: #fff;
    font-weight: bold;
    border: none;
    border-right: 1px solid #d9ebff;
    margin: 0;
}
#productFeatures .nav-tabs > li:first-child > a{
    border-left: 1px solid #d9ebff;
}
#productFeatures .nav-tabs > li > a:hover{
    background: #0087c5;
}
#productFeatures .nav-tabs > li.active > a, #productFeatures .nav-tabs > li.active > a:hover, #productFeatures .nav-tabs > li.active > a:focus{
    color: #fff;
    background: #0087c5;
}
#productFeatures .nav-tabs > li.active > a:after{
    content: '';
    position: absolute;
    left: 50%;
    top: 100%;
    display: block;
    width: 0;
    height: 0;
    margin-left: -8px;
    border: 8px solid #0087c5;
    border-bottom: 0;
    border-color: #0087c5 transparent;
}
#productFeatures .tab-content{
    margin-top: 40px;
    padding: 0 36px 15px;
}
#productFeatures .nav{

}
#productFeatures .nav{

}

.product-slide .tab-pane {
    position: relative;
}
.product-slide .tab-pane {
    width: 590px;
    height: 390px;
    /*background:url(images/probg.jpg) no-repeat left top;
    text-align: left;*/
    overflow: hidden;

}
.product-slide .tab-pane .productimg{
    width: 590px;
    height: 390px;
	/*background-color:#738eac;*/
    display: table-cell;
    vertical-align:middle;
    /**//*设置水平居中*/
    text-align:center;
    /**//* 针对IE的Hack */
    *display: block;
    *font-size: 340px;/**//*约为高度的0.873，390*0.873 约为340*/
    *font-family:Arial;/**//*防止非utf-8引起的hack失效问题，如gbk编码*/
}
.product-slide .tab-pane .productimg img{
    /**//*设置图片垂直居中*/
    vertical-align:middle;
}
.promain{ margin:0 7px; border:1px solid #d6d6d6;}



table{border-collapse:collapse;border-spacing:0}
.table{width:100%;margin-bottom:20px}.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{padding:8px;/*line-height:1.428571429;*/ font-size:14px; vertical-align:top;border-top:1px solid #ddd}
.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}
.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>td{border-top:0}
.table>tbody+tbody{border-top:2px solid #ddd}
.table .table{background-color:#fff}
.table-condensed>thead>tr>th,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>td,.table-condensed>tfoot>tr>td{padding:5px}
.table-bordered{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{border:1px solid #ddd}
.table-bordered>thead>tr>th,.table-bordered>thead>tr>td{border-bottom-width:2px}
.table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th{background-color:#f2f2f2}
.table-hover>tbody>tr:hover>td,.table-hover>tbody>tr:hover>th{background-color:#f5f5f5}
table col[class*="col-"]{float:none;display:table-column}
table td[class*="col-"],table th[class*="col-"]{float:none;display:table-cell}
.table>thead>tr>td.active,.table>tbody>tr>td.active,.table>tfoot>tr>td.active,.table>thead>tr>th.active,.table>tbody>tr>th.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td,.table>tfoot>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th,.table>tfoot>tr.active>th{background-color:#f5f5f5}
.table>thead>tr>td.success,.table>tbody>tr>td.success,.table>tfoot>tr>td.success,.table>thead>tr>th.success,.table>tbody>tr>th.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>tbody>tr.success>td,.table>tfoot>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr.success>th,.table>tfoot>tr.success>th{background-color:#dff0d8}
.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th{background-color:#d0e9c6}
.table>thead>tr>td.danger,.table>tbody>tr>td.danger,.table>tfoot>tr>td.danger,.table>thead>tr>th.danger,.table>tbody>tr>th.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>tbody>tr.danger>td,.table>tfoot>tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr.danger>th,.table>tfoot>tr.danger>th{background-color:#f2dede}
.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th{background-color:#ebcccc}
.table>thead>tr>td.warning,.table>tbody>tr>td.warning,.table>tfoot>tr>td.warning,.table>thead>tr>th.warning,.table>tbody>tr>th.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>tbody>tr.warning>td,.table>tfoot>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr.warning>th,.table>tfoot>tr.warning>th{background-color:#fcf8e3}
.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th{background-color:#faf2cc}

.fade.in {
    opacity: 1;
}
.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear;
}
.row {
    margin-left: -15px;
    margin-right: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}
.col-md-4 {
    width: 156px;
}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11 {
    float: left;
}
.row hr{
    clear: both;
    border-top-color: #dedede;
    box-shadow: 0 1px 0 rgba(255,255,255,.9)
}
#featureTab1 p{ line-height:30px; font-size:14px; color:#333;}
#featureTab3 .col-md-4{
    margin: 0 19px 20px;
}
#featureTab3 .product-media {
    padding: 4px;
    border: 1px solid #d4d8da;
    background: #fff;
}
/*#featureTab3 .product-media img {
    width: 146px;
    height: 110px;
    border: 1px solid #cecece;
}*/
#featureTab3 .product-detail {

}
#featureTab3 .product-detail h3{
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 14px;
}
#featureTab3 .product-detail h3 a{
    color: #2f912d;
    display:block;
    text-align: center;
    /*单行溢出文本显示省略号 IE下的样式 */ 
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

    /*单行溢出文本显示省略号 FF 下的样式 */ 
    content:"...";
}
#featureTab3 .product-detail h3 a:hover{ text-decoration: underline; }



#featureTab3 .product-type a{
    display: inline-block;
    width: 49%;
    margin-right: .5%;
    color: #4b4c4e;
    font-size: 12px;
}

#featureTab3 .product-media {
    width: 146px;
    height: 110px;
    display: block;
    padding: 4px;
    border: 1px solid #d4d8da;
    background: #fff;
}
.product-media-img img{
    /**//*设置图片垂直居中*/
    vertical-align:middle;
}

.product-media-img{
    /*background-color: #738eac;*/
    width: 146px;
    height: 110px;
    display: table-cell;
    vertical-align:middle;
    /**//*设置水平居中*/
    text-align:center;
    /**//* 针对IE的Hack */
    *display: block;
    *font-size: 96px;/**//*约为高度的0.873，110*0.873 约为96*/
    *font-family:Arial;/**//*防止非utf-8引起的hack失效问题，如gbk编码*/
}
.product-media {
    position: relative;
}
.pronavimg{/*background-color: #738eac;*/
           width: 120px;
           height: 105px;
           display: table-cell;
           vertical-align:middle;
           /**//*设置水平居中*/
           text-align:center;
           /**//* 针对IE的Hack */
           *display: block;
           *font-size: 92px;/**//*约为高度的0.873，105*0.873 约为92*/
           *font-family:Arial;/**//*防止非utf-8引起的hack失效问题，如gbk编码*/
}
.pronavimg img{
    /**//*设置图片垂直居中*/
    vertical-align:middle;
}
/*.img-responsive {
display: block;
max-width: 100%;
height: auto;
}*/


.nav{margin-bottom:0;padding-left:0;list-style:none}.nav:before,.nav:after{content:" ";display:table;}
.nav:after{clear:both}
.nav:before,.nav:after{content:" ";display:table;}
.nav:after{clear:both}
.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:#eee}
.nav>li.disabled>a{color:#999}.nav>li.disabled>a:hover,.nav>li.disabled>a:focus{color:#999;text-decoration:none;background-color:transparent;cursor:not-allowed}
.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{background-color:#eee;border-color:#428bca}.nav .open>a .caret,.nav .open>a:hover .caret,.nav .open>a:focus .caret{border-top-color:#2a6496;border-bottom-color:#2a6496}
.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}
.nav>li>a>img{max-width:none}
.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.428571429;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color:#555;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default}
.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{text-align:center;margin-bottom:5px}
.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}




.tab-content>.tab-pane{display:none}
.tab-content>.active{display: block}
.nav .caret{border-top-color:#428bca;border-bottom-color:#428bca}
.nav a:hover .caret{border-top-color:#2a6496;border-bottom-color:#2a6496}
.nav-tabs .dropdown-menu{margin-top:-1px;border-top-right-radius:0;border-top-left-radius:0}
.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}.navbar:before,.navbar:after{content:" ";display:table;}
.navbar:after{clear:both}
.navbar:before,.navbar:after{content:" ";display:table;}
.navbar:after{clear:both}













/* ------------------product end------------------ */

/* --------------------recruitment-------------------- */
.recruitment{width:730px;; height:auto; margin:0 auto;padding-bottom:18px; border-bottom:1px #d9d9d9 solid;}
.recruitment_top{margin:0 auto 11px; width:692px; height:27px; background:url(images/news_list-bg.gif) no-repeat left -166px;}
.recruitment_top li{ line-height:27px; float:left; font-size:16px; font-weight:bold;font-family: Microsoft YaHei;}
.recruitment_top li:first-child{ width:350px; text-indent:30px;}
.recruitment_top li:first-child + li { width:110px; text-align: center; margin:0 10px;}
.recruitment_top li:first-child + li + li { width:120px;text-align: center; margin-left:50px;}
.recruitment_bottom{ display:block; width:692px; margin:0 auto; height:auto; background:url(images/recruitment-list-bg.jpg) repeat left top;}
.recruitment_bottom li{ width:692px; margin:0 auto; height:30px; line-height:30px; background: url(images/news_list-bg.gif) no-repeat -189px -297px;}
.recruitment_post{ color:#444444; font-size:16px; width:350px; float:left; text-indent:30px;}
.recruitment_post:hover{ color:#4493CC;}
.recruitment_place{color:#888888; font-size:16px; width:110px; text-align: center; margin:0 10px; float:left;}
.recruitment_time{color:#888888; font-size:16px; width:120px;text-align: center; margin-left:50px; float:left;}
.recruitment_main{margin:0 auto; width:730px; height:auto;}
.recruitment_main_text{margin:0 auto; width:692px; height:auto;padding-bottom:18px;}
.recruitment_main_text ul{ float:left; display:block;}
.recruitment_main_text li{ height:25px;}
.recruitment_main_title{ width:107px; font-weight:bold; color:#999999;}
.recruitment_main_m{ width:239px; color:#333333;}
.recruitment_main_text h1{ margin:25px 0 20px; height:20px; line-height:20px; font-size:16px; color:#999999;font-family: Microsoft YaHei;}
.recruitment_main_text p{ width:100%; line-height:18px; color:#333333;}
/* ------------------recruitment end------------------ */

/* --------------------press-------------------- */
.press_list{ width:730px;; height:auto; margin:0 auto;padding-bottom:18px; border-bottom:1px #d9d9d9 solid;}
.press_list li{ width:166px; height:212px; margin:28px 22px 11px 0; float:left;}
.press_list li:first-child + li + li + li{ margin-right:0px;}
.press_list li:first-child + li + li + li + li + li + li + li{ margin-right:0px;}
.press_list a{ display:block; width:100%; height:100%; color:#545454; font-size:15px; text-align: center; line-height:24px;}
.press_list a:hover{ color:#4493CC;}
.press_list_img{ border:1px #efefef solid; width:120px; height:174px;margin: 0 auto 8px; display:block;}
.press_list_img:hover{ border:1px #4493CC solid;}

/* ------------------press end------------------ */

/* --------------------function-------------------- */
.function_list{ width:730px;; height:auto; margin:0 auto;padding-bottom:18px; border-bottom:1px #d9d9d9 solid;}
.function_list li{ width:166px; height:212px; margin:28px 22px 11px 0; float:left; overflow:hidden;}
.function_list li:first-child + li + li + li{ margin-right:0px;}
.function_list li:first-child + li + li + li + li + li + li + li{ margin-right:0px;}
.function_list a{ display:block; width:100%; height:100%; color:#545454; font-size:15px; text-align: center; line-height:18px;}
.function_list a:hover{ color:#4493CC;}
.function_list_img{ border:1px #efefef solid; width:164px; height:163px; margin-bottom:3px;}
.function_list_img:hover{ border:1px #4493CC solid;}
.function_list p{ width:100%; height:36px;text-overflow:ellipsis;font-size:15px; overflow:hidden;}
.function_bottom{ width:740px; margin:13px auto 45px;;}
.function_pn{ width:80%; display:block; float:left; line-height:24px; margin-left:26px;}
.function_pn li,.function_pn a{ color:#545454;}
.function_pn a:hover{color: #003B82;}

.accordion{	width:744px; margin:0px auto; border-bottom:1px #d9d9d9 solid;list-style:none;padding:0 0 30px;position:relative;overflow:hidden;}
.accordion img, .accordion .caption{position:absolute;left:-9999px;}
.accordion .panel{position:absolute;	overflow:hidden;}
.accordion .shadow{	position:absolute;right:0px;width:25px;height:100%;}
.accordion .preloader{width:62px;height:14px;position:absolute;z-index:15;}
.accordion .caption{overflow:hidden;position:absolute;z-index:20;}
.accordion .caption-background{	background:rgba(0,0,0,0.5);position:absolute;width:100%;height:100%;}
.accordion .caption p{color:#FFF;margin:0px;padding:10px;}
.accordion .caption p a{color:#FFF;}
/* ------------------function end------------------ */

/* --------------------video-------------------- */
#video_list_CSSBox{float:left; margin:0 auto;overflow:hidden;background-color:#ffffff;}
#video_list_CSSBox ul li{ float:left; list-style:none; width:191px; height:155px;margin: 0 7px;}
#video_list_CSSBox ul li span{ display:block; text-align:center; font-size:12px;}
#video_list_l{margin: 48px 6px 0 53px;height:20px;width:18px;float:left; background-image:url(images/news_list-bg.gif); background-repeat:no-repeat; background-position:-18px -284px;}
#video_list_l:hover{background-position:left -284px;}
#video_list_r{margin:48px 53px 0 6px;height:20px;width:18px;float:left; background-image:url(images/news_list-bg.gif); background-repeat:no-repeat; background-position:left -264px;}
#video_list_r:hover{background-position:-18px -264px;}
#video_list{width:100%; margin-bottom:14px; margin-top:29px;}
#video_list_CSSContent img{border:1px solid #e0e0e0; width:189px; height:112px; margin-bottom:12px;}
#video_list_CSSContent a{display:block; width:100%; height:100%; color:#545454; font-size:15px; text-align: center; line-height:24px;}
#video_list_CSSContent a:hover{ color:#4493CC;}
#video_list_CSSContent img:hover{ border:1px #4493CC solid;}
.video_list_title{width:730px; margin:45px auto; height:30px; background:url(images/news_list-bg.gif) no-repeat -190px -237px;border-bottom: 1px solid #E4E4E4;overflow: hidden; text-indent:-60px;}

/* ------------------video end------------------ */


/* --------------------Site Map-------------------- */

.siteMapList{ width:100%; line-height:24px; margin:5px 0 0 0; padding-bottom:5px; overflow:hidden; border-bottom:1px solid #f1f1f1;}
.ensiteMapList{ width:100%; line-height:30px; margin:20px 0 0 0; padding-bottom:5px; overflow:hidden; border-bottom:1px solid #f1f1f1;}
.ensiteMapList a { font-size:18px;}
.siteMapList a:hover , .ensiteMapList a:hover {text-decoration: underline; color: #999999;}
.siteMapList b {margin: 15px 0 5px;display: block;}
.siteMapList b a{font-weight: bold; font-size: 16px;}
.mapSiteList , .enmapSiteList {padding-top: 5px;}
.mapSiteList a {color: #4095ce;margin-right: 20px;display: inline-block;font-size: 12px;}
.enmapSiteList a {color: #4095ce;margin-right: 20px;display: inline-block;font-size: 16px;}
.mapSiteList a:hover , .enmapSiteList a:hover {text-decoration: underline; }
/* ------------------Site Map end------------------ */


/* --------------------picture-------------------- */
.picture_list {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding-bottom: 18px;
    border-bottom: 1px #d9d9d9 solid;
}
.picture_list li {
    padding: 8px;
    width: 203px;
    height: 203px;
    float: left;
    margin: 28px 23px 0;
}
.picture_list_img{
    width:203px; height:203px;
    /**//*非IE的主流浏览器识别的垂直居中的方法*/
    display: table-cell;
    vertical-align:middle;
    /**//*设置水平居中*/
    text-align:center;
    /**//* 针对IE的Hack */
    *display: block;
    *font-size: 175px;/**//*约为高度的0.873，201*0.873 约为175*/
    *font-family:Arial;/**//*防止非utf-8引起的hack失效问题，如gbk编码*/
}
.picture_list_img img{
    /**//*设置图片垂直居中*/
    vertical-align:middle;
}
/* ------------------picture end------------------ */

/* --------------------message-------------------- */
.message{ 
    width:100%;
    height: auto;
    margin: 0 auto;
    padding-bottom: 18px;
    border-bottom: 1px #d9d9d9 solid;
}
#main #singlePage {
    line-height: 24px;
    text-align: justify;
    padding-top: 8px;
}
.c1 {
    width: 220px;
    height: 18px;
    line-height: 18px;
    background: url(images/bginput.jpg) repeat-x left top;
    border: 1px solid #CCCCCC;
}
.c3 {
    width: 450px;
    height: 18px;
    line-height: 18px;
    background: url(images/bginput.jpg) repeat-x left top;
    border: 1px solid #CCCCCC;
}
textarea {
    width: 450px;
    height: 200px;
    border: 1px solid #CCCCCC;
}
.submit {
    background: url(images/bginput.jpg) repeat-x left top;
    border: 1px solid #CCCCCC;
    padding: 4px;
    cursor: pointer;
}
.red {
    color: red;
}
/* ------------------message end------------------ */
.product-view-nop{
    height:50px;
    line-height:50px;
    text-align:right;
}
.product-view-nop a{
    height: 100%;
    display: inline-block;
    margin: 0 10px;
    font-size: 14px;
    font-family: "微软雅黑";
    padding: 10px 0;
}






