@charset "utf-8";
/*====================
原css和layout合并。
prototype的样式。
尽量以间隔和大小来到排版达到效果。
======================*/


/*总体大小，样式重定义*/
*{-webkit-text-size-adjust:none;}/*禁用了这一属性，在chrome下放大网页，会导致其它元素均放大，而文字却依然为原定义的“12px”*/

body{font-family:"microsoft yahei";font-size:12px;margin:0px;padding:0px;overflow-y:scroll;}
img{border:none;}

/* 设置默认字体,用 ascii 字符表示，使得在任何编码下都无问题  */
body,button, input, select, textarea { font: 12px/1  "microsoft yahei", "\5b8b\4f53", sans-serif;}


/*清除浮动*/
.clearfloat{clear:both;height:0;font-size:1px;line-height:0px;}
.clearright{clear:right;height:0;font-size:1px;line-height:0px;}
.clearleftt{clear:right;height:0;font-size:1px;line-height:0px;}

/*清除边框*/
.nbt{border-top:none!important;}
.nbb{border-bottom:none!important;}
.nbl{border-left:none!important;}
.nbr{border-right:none!important;}

.nm{margin:0px!important;}

/*以下为整站样式设置，上为不改动，下为改动，是否将此转移至style?*/
/*连接颜色*/
/*20121208更新去掉背景透明，文字颜色设置*/

a:link      {text-decoration:none;}
a:active    {text-decoration:none;}
a:visited   {text-decoration:none;}
a:hover     {text-decoration:underline;}

/*关于样式重置
样式重置，不宜于直接在*{}设置或者body *设置
因为如果在content处，读取数据库内文章，则会出现导致富文本中样式也重置，可能达不到作者之前预览的效果。
所以决定分段处理,待实际需要写边距的元素，再独立添加样式.
.topbar *{margin:0px;padding:0px}
.menu *{margin:0px;padding:0px}
.sidebar *{margin:0px;padding:0px}
.footer *{margin:0px;padding:0px}*/




 
/*翻页样式未进行进一步优化*/

/*翻页*/
.pages{ background-color:#0e1a2a;overflow: hidden; margin:15px 0 55px 0; height:40px; text-align:center; width:100%}
.page-guide {margin:0px;padding:0px; display:inline-block;}

.product-function{clear:both;}

.page-guide a{display:block;border:solid 1px #CCC;margin:2px;padding:2px 8px;float:left}
.page-guide span{float: left;padding: 2px 8px 2px 8px;border: 1px solid #CCC;margin:2px;color: #999;}
.page-guide label{float:left;padding-top:4px;margin-right:10px;}



.page-guide span,
.page-guide a       { padding: 0; margin: 0 10px 0 0; color: #FFF; width: 40px; height: 34px; line-height: 34px; text-align: center; border: none; font-size: 13px; }
.page-guide a:hover { border: none; text-decoration: none; color:#23ABF1 }
.pages_num          { float: left; overflow: hidden; }
.pages_num span,
.pages_num a        { background: none!important; width: auto; color: #ffffff; }
.pages_num span.ell { color: #858585; }
.pages_num a:hover  { background: none; }








/*按钮部 开始 此段代码配合图片sprit.png使用*/

.submit,.cancel,.search,.more,.buy{background-image:url(../images/sprite.png)!important;display:block;border:none;background:transparent;margin:0px;padding:0px;cursor:pointer}

.submit{width:85px;height:26px;background-position:0px 0px;}
.submit:hover{background-position:-101px 0px}

.cancel{width:85px;height:26px;background-position:0px -50px;}
.cancel:hover{background-position:-101px -50px}

.search{width:71px;height:21px;background-position:0px -101px;}
.search:hover{background-position:-101px -101px}

.more{width:52px;height:16px;background-position:0px -140px;}
.more:hover{background-position:-101px -140px}

.buy{width:107px;height:26px;background-position:0px -174px;}
.buy:hover{background-position:-144px -174px;}

/*列表图标，包含圆形和正方形，未加上三角形。需要把样式添加至li以上的ul中，因为是直接对样式下的li全部控制*/

.circle li,.square li,.circle li:hover,.square li:hover{background-image:url(../images/sprite.png);background-repeat:no-repeat}

.circle li{background-position:-690px 9px;}
.circle li:hover{background-position:-690px -41px;}
.square li{background-position:-690px -91px;}
.square li:hover{background-position:-690px -141px;}



/*主要放置一些标题类的样式，字体的样式,例如文章标题，sidebar标题，content的标题，其他list中的标题*/
/*
h1:详细页面的产品、文章标题,目录名
h2:顶部logo，标语等使用
h3:content中的版块标题
h4:sitebar中的版块标题
h5:版块中的分类标题/板块标题下级层次
h6:版块中的文章,产品标题
*/

/*关于标题的样式设置*/
h1{font-size:36px;font-weight:100;}
h2{font-size:24px;font-weight:100;}
h3{font-size:20px;font-weight:100;}
h4{font-size:18px;font-weight:100;}
h5{font-size:16px;font-weight:100;}
h6{font-size:14px;font-weight:100;}

/*标题通用样式*/
h1,h2,h3,h4,h5,h6{word-wrap:break-word;margin:0px;padding:0px;}


/*关于标题的超链接样式设置*/
h1 a{color:#0000ff!important;}
h2 a{color:#0000ff!important;}
h3 a{color:#993399!important;}
h4 a{color:#0000ff!important;}
h5 a{color:#0000ff!important;}
h6 a{color:#993399!important;}

h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover{text-decoration:none;!important;}
h6 a:hover{text-decoration:underline;}


.title-data{font-size:10px;color:#666666;}
.title-notice{font-size:12px;color:#AD3F40;}
.title-alarm{font-size:12px;color:#AD3F40;}


ul, li{ padding: 0; margin: 0; list-style: none;}

#metro{position:fixed;left:0px;top:0px;background-color:#222222;width:100%; height:0px;padding:0px;z-index:100000; float:left;overflow:hidden;background: rgba(0,0,0,0.9);}

.line{ height: 1px;line-height: 0;overflow: hidden;margin: 30px 0;padding: 0;background: #000;}

/*返回顶部*/
p#back-to-top {
    position: fixed;
    right: 30px;
    bottom: 100px;

}

p#back-to-top a {
    text-align: center;
    text-decoration: none;
    color: #d1d1d1;
    display: block;
    width: 30px;
    /*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/
    -moz-transition: color 1s;
    -webkit-transition: color 1s;
    -o-transition: color 1s;
}
p#back-to-top a:hover{
    color:#979797;
}
p#back-to-top a span{
    background:#d1d1d1 url("../images/arrow-up.jpg") no-repeat;

    border-radius:6px;
    display:block;
    height:50px;/*如果高低设置，少于100，会有动画的哦*/
    width:40px;
    margin-bottom:5px;
    /*使用CSS3中的transition属性给<span>标签背景颜色添加渐变效果*/
    -moz-transition:background 1s;
    -webkit-transition:background 1s;
    -o-transition:background 1s;
}
#back-to-top a:hover span{
    background:#979797 url("../images/arrow-up.jpg")  no-repeat center center;
}



















@charset "utf-8";

#topbar .main,
#header .main,
#maincontent,
#footer .main,
.menu .main,
.banner
{border-left:dashed 1px #f90;border:dashed 0px #f90;}


/*
===========================================================
                公共部分样式结束
===========================================================
*/
/*所有块的居中中间部分*/
.main          { width: 1000px; margin:0 auto }
.box           { overflow:hidden}
.box h6        { }
.box .img      { }
.box .content  { }
.box .function { }





/*顶部栏样式====================================================*/
#topbar { margin:0; padding:0; background-color:#111; overflow:hidden }
#topbar .main { padding:0; margin:0 auto; width:1000px; overflow:hidden }
/*顶部栏  功能按钮 样式*/
#topbar .main .function { padding:0; margin:0; list-style-position:inside; overflow:hidden; }
#topbar .main .function li { padding:5px 8px; float:right; margin:0; height:20px; line-height:20px; }
#topbar .main .function li:hover { background-color:#222 }

#topbar .main .function li a { padding:0 0 0 23px; margin:0; color:#FFF; height:20px; display:block; vertical-align:top; text-align:left; }

#topbar .main .function li:hover a { color:#09F; text-decoration:none }
#topbar .main .function .contact a { background-position: 0 0; }
#topbar .main .function .favorite a { background-position: 0 -100px; }
#topbar .main .function .sethomepage a { background-position: 0 -150px; }
#topbar .main .function .homepage a { background-position: 0 -50px; }
#topbar .main .function .contact:hover a { background-position: -100px 0; }
#topbar .main .function .favorite:hover a { background-position: -100px -100px; }
#topbar .main .function .sethomepage:hover a { background-position: -100px -150px; }
#topbar .main .function .homepage:hover a { background-position: -100px -50px; }

/*顶部栏 语言选择 样式*/
.language { padding:0; margin:0; list-style: none inside; overflow:hidden; float:left }
.language li { padding:5px 8px; float:left; margin:0 5px 0 0; height:35px; line-height:35px; }
.language li a { padding:0 0 0px 33px; margin:0; color:#FFF; height:35px; display:block; vertical-align:top; text-align:left; background-image:url(/images/sprite.png); background-repeat:no-repeat; }
.language li a:hover { color:#09F!important; text-decoration:underline }


.search_box {  height: 32px; width:160px; padding: 5px 20px; float: left; }
.search_box input { float: left; border: none; color: #cbcbcb; margin: 0; padding: 0; height: 30px; font-size: 18px; }
.search_box .function { background: url("../images/search_btn.jpg") no-repeat center; width: 30px; height: 32px; }
.search_box .content { width: 130px; }




.left_area{ float:left; }



/*header栏 样式 =================================================== */
#header  { width:1000px;margin:27px auto 0 auto; padding: 5px 0 0 0; }






/*导航栏 样式 ===================================================*/
.menu { z-index: 999; height:250px;position:absolute;width: 100%;; background-image:url("../images/top-bg.png"); background-repeat:no-repeat; background-position:top center}

.menu>ul { width: 1000px; margin: 2px auto; height:51px; }
.menu ul li a,
.menu ul li a:visited { display:block; text-decoration:none; text-align:center; color:#fff; overflow:hidden; padding: 0 10px }
/*一级目录的框*/
.menu ul li { float:left; position:relative; margin: 0 2px; }
/*特别控制第一组的li的大小*/
.menu>ul>li { height:50px; }
.menu>ul>li>a { height:50px; line-height:50px!important; }
/* specific to non IE browsers */
.menu ul li:hover a { color:#23ABF1;  }
/*二级目录*/
/*top:51px;是控制二级目录展开时候，的位置。*/
.menu ul li ol { display:none;background:#000000;  }
.menu ul li:hover ol { display:block; position:absolute; top:13px; left:0px; width:165px; z-index: 999; margin:0px; padding:25px 0px 10px 10px;}
.menu ul li:hover ol li { width:165px; }
.menu ul li:hover ol li a { padding:15px 5px; display:block; color:#000; text-align: left; color:#ffffff }
.menu ul li:hover ol li a:hover {color:#cccccc; }


.menumain{ margin:0 auto; width:1000px;height:60px!important; font-size:14px;}
.menumain ul li {margin-right:30px!important;}
.menu-left,.menu-right{ width:400px!important;float:left}


.menu-right{margin-top: -45px; margin-left: 600px;}





/*顶部横幅 样式 ===================================================*/
.banner              { height: 500px; position: relative; text-indent: -999999px; }
.detail_body .banner { background: none; }
.bannerlong          { width: 100%; height: 100%; overflow: hidden; position: relative; background: #000; }
.bannerlong ul       { height: 100%; position: absolute; left: 0; top: 0; }
.bannerlong ul li    { height: 100%; float: left; }
.bannerlong ul li a  { height: 100%; display: block;}

.dot                 { width: 1000px; margin: 0 auto; height: 15px; position: relative; }
.onlydot             { display: none; }
.dot ul              { margin: -18px auto 0; }
.dot ul li           { background: #FFF; height: 10px; width: 10px; float: left; margin-right: 15px; border-radius: 50%; cursor: pointer; }
/*banner area end*/





/*位置指示 样式 ===================================================*/
.location      { overflow: hidden; padding: 10px 0 30px;line-height:20px!important; margin:45px 0 35px 0 ;}
.location .icon{background-image:url(../images/sprite.png);  padding-left:30px; background-position:0 -200px; display:block; float:left; width:30px;}
.location li   { float: left; font-size: 13px; }
.location li a { color: #4e4e4e; font-size: 13px; }





/*=============================主体部分========================================*/
#container { margin:0; padding:0;overflow:hidden; }
#maincontent { padding:5px; margin:0 auto 0px auto;background-color:#0c192a;height:590px;}
#maincontent .box{margin:0 auto 0 auto; width:1000px;}

#maincontent h2{color:#ffffff; border-left:solid 4px #ffffff;line-height:45px;padding:0 0 0 15px;margin:70px 0 0 25px;}
#maincontent .logo{ width:215px;height:535px;float:right; margin-right:25px;z-idnex:99;z-index:99; margin-top:-200px;}

.index-introduce .introduce  {width:400px;height:230px; margin-left:50px}
.index-introduce ul {width:700px;margin-left:50px}
.index-introduce ul li{ width:120px; margin-right:15px;float:left; height:190px!important; text-align:center}
.index-introduce ul li a{ color:#ffffff}
.index-introduce ul li img{width:120px;height:120px; margin-bottom:15px;}



/*footer  样式 ===================================================*/

.footer                       { background-color: #000000; overflow: hidden; height:310px; color:#ffffff }
.footer a                     {color: #ffffff}
.footer .main                 { width: 1000px; margin: 0 auto; }
.footer-menu                  { margin:45px 0 25px 0; overflow: hidden; }

.footer-menu li               { float: left; margin:0 10px; padding:0px; border-left:solid 1px #ffffff}

.footer-menu li a             { color: #FFF; font-size: 12px; display: block; text-decoration: none; padding: 2px 0 2px 20px; }

.footer .img                  { float: left;margin:25px 20px 0 0; width:170px; height:170px;}


.footer h2                    { font-size: 24px;color: #FFF; margin-bottom: 20px;}
.footer h3                    { font-size: 16px; color: #FFF; }
.footer .search_box           { top: 90px; border: #FFF 2px solid; }
.footer .search-box .content  { color: #FFF; }
.footer .search-box .function { background: url("../images/search_btn_footer.png") no-repeat center; }

.footer .box                  { float: left; margin: 50px 35px 35px 05px; width: 220px;}
.footer .footer-contact-box   {width: 320px; line-height:18px!important;}

.footer .box ul li            { margin-bottom: 10px;overflow: hidden; }
.footer .box h3               { margin-bottom: 15px; color: #ffffff; }
.footer .box .content               {line-height: 14px; }
.footer .box a                {color: #ffffff; }

.copyright { background: #454545; height: 60px; line-height: 60px; }
.copyright a {color: #ffffff}
.copyright p { margin: 0 10px; color: #c7c7c7; }
.copyright .sitemap_btn { float: right; background: url("../images/footer_sitemap.jpg") no-repeat center left; padding-left: 35px; height: 28px; line-height: 28px; color: #c7c7c7; margin-top: 15px; margin-right: 20px; text-decoration: none; }
.copyright .fvorite_btn { float: right; background: url("../images/footer_fav.jpg") no-repeat center left; padding-left: 35px; height: 28px; line-height: 28px; color: #c7c7c7; margin-top: 15px; text-decoration: none; }





/*分享按钮  样式 ===================================================*/
/*
新浪微博(点击去到网页)
腾讯微博(点击去到网页)
微信(点击出现二维码)

电子邮件(点击直接发送邮件)

skype(点击是在线客服)
wangwang(点击是在线客服)
QQ(点击是在线客服)

留言板(点击进入留言页面)
*/

.share-links                 {width: 1000px; margin:43px auto 0px auto;overflow: hidden}
.share-links a               {width:27px;height:27px;display:block;float:right;margin-right:20px;background-image:url(../images/footer-sprite.png);}

.share-links #swb            {background-position:0px 0px;}
.share-links #swb:hover      {background-position:-50px 0px;}

.share-links #qq             {background-position:0px -50px;}
.share-links #qq:hover       {background-position:-50px -50px;}

.share-links #wx             {background-position:0px -100px;}
.share-links #wx:hover       {background-position:-50px -100px;}

.share-links #mail           {background-position:-0px -150px;}
.share-links #mail:hover     {background-position:-50px -150px;}

.share-links #twb            {background-position:-0px -200px;}
.share-links #twb:hover      {background-position:-50px -200px;}

.share-links #gbook          {background-position:-0px -250px;}
.share-links #gbook:hover    {background-position:-50px -250px;}

.share-links #sky            {background-position:-0px -300px;}
.share-links #sky:hover      {background-position:-50px -300px;}

.share-links #wangwang       {background-position:-0px -350px;}
.share-links #wangwang:hover {background-position:-50px -350px;}










/*首页部分 样式 ===================================================*/
.index-introduce-box         { width: 30%; float: left; height: 300px; }
.index-introduce-box .img    { background-color: #000066 }


.index-contact-box           { width: 30%; float: left; height: 300px; }
.index-contact-box .img      { background-color: #000066 }
.index-product-term-box      { width: 30%; float: left; height: 300px; }
.index-product-term-box .img { background-color: #000066 }




/*home*/



.home_area_header                { padding: 10px 25px 15px; font-size: 30px; font-weight: bold; color: #4e4e4e;height:265px;}
.home_area_header a              { float: right; font-size: 30px; text-decoration: none; }
.home_feature_list               { padding: 20px 0 90px 9px; overflow: hidden; }
.home_feature_list li            { float: left; width: 212px; height: 340px; margin: 0 16px; }
.home_feature_list li a          { display: block; text-decoration: none; }
.home_feature_list li a img      { width: 208px; }
.home_feature_list li a .li_text { padding: 0 10px; overflow: hidden; line-height: 20px; }
.home_feature_list li a p        { font-size: 16px; margin:5px 0; padding: 0; height: 20px; overflow: hidden; text-overflow: ellipsis; }
.home_feature_list li a span     { font-size: 15px; margin: 10px 0; display: block; height: 25px; overflow: hidden; text-overflow: ellipsis; }
.home_feature_list li a:hover    { border-radius: 3px; }


.banner_two { height: 145px; }
.banner_two ul,
.banner_two ul li { height: 100%; }
.home_latest_list { padding: 40px 0 70px 0; overflow: hidden; }
.home_latest_list li { float: left; margin: 0 0 28px 25px; }
.home_latest_list li a { display: block; border: #f1f1f1 3px solid; text-decoration: none; overflow: hidden; }
.home_latest_list li a img { float: left; width: 208px; height: 208px; }
.home_latest_list li a .li_text { float: left; padding: 0 15px; width: 220px; line-height: 22px; }
.home_latest_list li a p { font-size: 16px; margin: 10px 0; padding: 0; color: #000; overflow: hidden; max-height: 66px; text-overflow: ellipsis; display: -webkit-box; }
.home_latest_list li a span { font-size: 14px; color: #333; display: block; padding-bottom: 24px; overflow: hidden; max-height: 66px; text-overflow: ellipsis; display: -webkit-box; }
.home_latest_list li a p.last_p { padding: 0; line-height: 24px; height: auto; margin: 0; }
.home_latest_list li a i { float: left; margin-right: 7px; width: 35px; height: 24px; background: #7f7f7f url("../images/icon_views.png") no-repeat center; }
.home_latest_list li a:hover { border-radius: 3px; }
.home_area_3 { background: #fafafa; }
.home_article_list { padding: 30px 8px 65px; }
.home_article_list li { margin-bottom: 15px; }
.home_article_list li a { display: block; border: #fafafa 3px solid; text-decoration: none; overflow: hidden; }
.home_article_list li a img { float: left; width: 208px; height: 208px; }
.home_article_list li a .li_text { float: left; padding: 0 15px; line-height: 22px;  background: #FFF;  }
.home_article_list li a p { font-size: 16px; margin: 0; padding: 10px 0 20px; color: #000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.home_article_list li a span { font-size: 14px; color: #333; display: block; padding-bottom: 5px; max-height: 74px; overflow: hidden; }
.home_article_list li a i { float: left; margin-right: 7px; width: 35px; height: 24px; background: #7f7f7f url("../images/icon_views.png") no-repeat center; }
.home_article_list li a:hover { border-radius: 3px; }







.index-product-box{background-image:url(../images/index-mid-bg.jpg);}
.index-product-box .home_area_header{ height:200px;background-image:url(../images/title-bg.png); background-repeat:no-repeat; background-position:center 35px; }
.index-product-box .home_area_header h6{color:#ffffff; text-align:center;width:100%; font-size:26px;padding:90px 0 0 0; margin:0 0 15px 0;}

.index-product-box .home_area_header div a{color:#ffffff; text-align:center;width:100%; font-size:18px; }



.index-product-box .home_feature_list  {padding-bottom:10px;}
.index-product-box .home_feature_list ul{margin-left:-73px; }
.index-product-box .home_feature_list li{ width:240px; height:410px; margin:0 0 55px 105px; overflow:hidden; border:solid 1px #cccccc; background-color:#ffffff}
.index-product-box .home_feature_list li a{ color:#333333; text-align:center}
.index-product-box .home_feature_list li a .li_text{ height:70px;padding-top:5px; font-size:24px; font-weight:bold}

.index-product-box .home_feature_list li img{ width:240px; height:240px; margin-top:25px;}
.index-product-box .home_feature_list li .function{ height:80px;width:50px; margin:0 auto; background-image:url(../images/fangdajing.png); background-repeat:no-repeat}


.mid-banner{height:445px; text-align:center}
.mid-banner img{ margin:85px auto 0 auto;}


.index-news-box  {padding-top:85px; background-color:#ffffff}
.index-news-box .main{background-image:url("../images/index-news-bg.jpg"); background-repeat:no-repeat; background-position:150px 150px;}
.index-news-box .home_area_header  {color:#ffffff; text-align:center; font-size:26px;padding: 0; margin:85px 0 15px 0; width:340px; height:300px; float:left;background-image:url(../images/title-bg.png); background-repeat:no-repeat; background-position:center 25px;}

.index-news-box .home_area_header h6{ text-align:center;width:100%; font-size:26px;padding: 0; margin:75px 0 15px 0;  }
.index-news-box .home_area_header div a{color:#ffffff; text-align:center;width:100%; font-size:18px; }



.index-news-box .home_article_list{ margin:0 0 0 500px; padding-top:120px; }
.index-news-box .home_article_list li{ border:solid 1px #000000; }
.index-news-box .home_article_list li:hover{ border:solid 1px #cccccc!important; }
.index-news-box .home_article_list li .li_text{text-overflow: ellipsis; width:427px;}
.index-news-box .home_article_list li a p{ padding:0; margin:0; font-weight:bold}
.index-news-box .home_article_list li a span{ font-size:15px; font-size:10px;}




/*detail page area*/
.detail_body .banner { height: 500px; }
.main_header         { font-size: 24px; padding: 10px 25px; border-left:solid 3px #000000;line-height:38px;height:38px; }
.main_introduce      { font-size: 16px; margin-top: 10px; padding: 10px 25px; background: #ddd; }
.content_area        { padding: 25px; overflow: hidden; margin: 40px 10px 145px; }
.content_area > h2   { line-height: 32px; }
.content_area > span { display: block; margin: 15px 0 25px 0; }
.content_detail      { font-size: 14px; line-height: 24px; }
/*contact area*/
.contact_area        { margin: 40px 10px 110px; overflow: hidden; background-image:url("../images/contact-bg.jpg"); background-repeat:no-repeat; background-position:left bottom; padding-bottom:55px; }
.contact_area img    { display: block; margin-bottom: 20px; }
.contact_box         { padding: 65px;  margin-left: 20px; width: 385px;  line-height: 28px; margin:0 auto }


/*product area*/
.product_list { padding:20px 10px 5px 0px; overflow: hidden; }
.side_area { width: 230px; }
.side_area > ul > li { height: 70px; margin-bottom:8px; position: relative; background-color:#0c192a; }
.side_area > ul > li > a { display: block;height: 100%; color: #FFF; font-size: 14px; text-decoration: none; text-align: center; }
.side_area > ul > li > a { display: block;height: 100%; color: #FFF; font-size: 14px; text-decoration: none; text-align: center; }
.side_area > ul > li > a span { display: block; height: 100%; line-height:75px; }





.product_list .home_feature_list  {padding-bottom:10px;margin-left:5px;float:left; width:745px; padding-top:0px;}
.product_list .home_feature_list ul{margin:0; padding:0px; }
.product_list .home_feature_list li{ width:240px; height:410px; margin:0 0 55px 5px; overflow:hidden; border:solid 1px #cccccc; background-color:#ffffff}
.product_list .home_feature_list li a{ color:#333333; text-align:center}
.product_list .home_feature_list li a .li_text{ height:80px;padding-top:10px; font-size:24px; font-weight:bold}
.product_list .home_feature_list .function{ height:80px;width:50px; margin:0 auto; background-image:url(../images/fangdajing.png); background-repeat:no-repeat}




.term_two_list { position: absolute; left: 162px; top: 0; width: 210px; display: none; padding-left: 20px; }
.term_two_list ul { padding: 10px 25px; width: 160px; min-height: 140px; }
.term_two_list li { padding: 10px 0; border-bottom: #FFF 1px solid; line-height: 18px; }
.term_two_list li:last-child { border-bottom: none; }
.term_two_list li a { color: #FFF; font-size: 14px; text-decoration: none; }
.term_two_list li a:hover { color: #4e4e4e; }
.term_two_arrow { position: absolute; left: 167px; top: 30px; width:0; height:0; border-top:15px solid transparent; border-bottom:15px solid transparent; display: none; }
.side_area > ul > li:hover .term_two_list,
.side_area > ul > li:hover .term_two_arrow { display: block; opacity: 0.8; }





/*search area*/
.search_list { margin-left: 0!important; width: 985px!important; }
.search_list ul{ margin-bottom:50px!important;}
.product_list .home_feature_list.search_list li { margin: 0 16px 20px!important; }

/*share area*/
.share_box li                { float: left; width: 34px; height: 30px; margin: 0 15px; }
.share_box li a              { display: block; height: 100%; }
.share_box li a.share_qq     { background: url("../images/share_qq.jpg") no-repeat center; }
.share_box li a.share_shouhu { background: url("../images/share_shouhu.jpg") no-repeat center; }
.share_box li a.share_weixin { background: url("../images/share_weixin.jpg") no-repeat center; }
.share_box li a.share_weibo  { background: url("../images/share_weibo.jpg") no-repeat center; }

/*message book area*/
.message_box { border: #faa61a 1px solid; padding-left: 20px; }
.message_box textarea { padding: 10px; width: 100%; margin-left: -20px; border: none; border-bottom: #ddd 1px solid; border-top: #ddd 1px solid; height: 60px; font-size: 16px; }
.message_sub { padding: 10px 0; overflow: hidden; }
.message_btn { background: #faa61a; padding: 10px 30px; font-size: 14px; border: none; border-radius: 5px; color: #FFF; float: right; margin-right: 20px; cursor: pointer; }
.message_list ul li { border-bottom: #ddd 1px solid; padding: 20px 20px 0; }
.message_list ul li:first-child { color: #999; font-size: 16px; padding-bottom: 20px; }
.message_list ul li:last-child { border-bottom: none; }
.message_name { font-size: 14px; color: #faa61a; }
.message_name span { margin-left: 15px; font-size: 12px; color: #bbb; }
.message_content { margin: 10px 0 20px; }
.message_content p { margin: 0; font-size: 14px; line-height: 24px; }
.message_name_box { margin: 10px 0; color: #999; }
.message_name_box input { border: #ddd 1px solid; padding: 3px 5px; }




.gbook-detail-box{padding:20px 10px 35px 0px; overflow: hidden; }
.gbook-detail-box ul { width:800px ;margin:0 auto}
.gbook-detail-box ul li {padding:20px 10px 5px 0px; overflow: hidden; font-size:16px; }
.gbook-detail-box ul li label{ width:150px; display:block; float:left; text-align:right; margin-right:15px}
.gbook-detail-box ul li input{ width:450px; height:24px;}
.gbook-detail-box ul li textarea{ width:450px; height:128px;}
.gbook-detail-box .detail-boxing-function{ margin-left:165px;}
.gbook-detail-box .detail-boxing-function input{width:80px; height:35px; background-color:#003366; border:solid 0px #003366; font-size:16px;color:#ffffff; margin-right:10px;}




.product .content_detail img { width:625px;  }
.product .content_detail .logo { float:left}
.product .content_detail h1 { font-size:24px;float:left; height:530px; text-align:center; width:300px; background-image:url("../images/detail-bg.jpg"); background-repeat:no-repeat; background-position: center top;padding-top:125px;}

.product .content_detail h1 div {padding-top:295px;}


.product .content_detail h5 {
    height: 200px;
    background-image: url(../images/title-bg.png);
    background-repeat: no-repeat;
    background-position: center 35px;
    line-height:200px;
    color:#ffffff;
    font-size:24px;
    text-align:center;
    margin-bottom: 25px;
    }




.news-list-box li a {height:125px; margin:0px ; padding:0px; border:solid 0px #ffffff;}
.news-list-box li a:hover {color:#23ABF1; background-image:url(../images/news-list-bg.jpg); background-repeat:no-repeat; background-position:right top}
.news-list-box li a .li_text{ float:none; background:none }
.news-list-box li a .li_text span{margin-right:200px}
.news-list-box li a .li_text p{ margin:0px; padding:5px 0px 0px 0px; }
.news-list-box li a img{height:125px; width:215px;margin:0px 15px 0px 0px; padding:0px}
.news-list-box li {height:125px; border:solid 1px #000000; margin:0px 0px 15px 0px; padding:0px}


.news-detail .date{ text-align:center; font-size:14px; margin-bottom:25px; }
.news-detail { padding-top:15px; margin-top:15px;}




.introduce-detail .content_area{background-image:url("../images/introduce-detail-bg.jpg"); background-position:bottom right; background-repeat:no-repeat;  }


.introduce-detail .content_detail { margin-right: 410px;}






.product_list .home_feature_list li a img{margin-top: 30px;}