@charset "utf-8";



body{color:#ffffff; background-color:#ffffff;}

a{color:#ff9900 }

#maincontent{ width:1000px; margin: 0 auto}











/*总体大小，样式重定义*/

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

body{font-family:"microsoft yahei";font-size:13px!important;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;}







/*连接颜色*/

/*20121208更新去掉背景透明，文字颜色设置*/



a:link      {text-decoration:none;}

a:active    {text-decoration:none;}

a:visited   {text-decoration:none;}

a:hover     {text-decoration:underline;}







 









/*按钮部 开始 此段代码配合图片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:大版块标题

h4:sitebar中的版块标题

h5:版块中的分类标题/板块标题下级层次

h6:版块中的文章,产品标题

*/



/*关于标题的样式设置*/

h1{font-size:36px;font-weight:700;}

h2{font-size:24px;font-weight:700;}

h3{font-size:20px;font-weight:700;}

h4{font-size:18px;font-weight:700;}

h5{font-size:16px;font-weight:700;}

h6{font-size:14px;font-weight:700;}



/*标题通用样式*/

h1,h2,h3,h4,h5,h6{word-wrap:break-word;margin:0px;padding:0px;}





 



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







.title-data{font-size:10px;color:#666666;}

.title-notice{font-size:12px;color:#AD3F40;}

.title-alarm{font-size:12px;color:#AD3F40;}





 







/*=================

智能云台

=================*/

#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); color:#ffffff; }









/*=================

返回顶部:

后期可以加多一些样式

=================*/

p#back-to-top {

    position: fixed;

    right: 33px;

    bottom: 320px;



}



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;

}











 

 





/*

===========================================================

                公共部分样式结束

===========================================================

*/

/*所有块的居中中间部分*/

/*每个板块的main用margin来到定位距离。*/

.main          {width: 1000px;margin:30px auto 0 auto;overflow:hidden;color:#7f7f7f;}

.box           {overflow: hidden}

.box h6        { }

.box .image     { }

.box .content  { }

.box .function { }











/*顶部栏样式====================================================*/

#topbar { margin:0; padding:0; background-color:#111; overflow:hidden }



/*顶部栏  功能按钮 样式*/

#topbar .function { padding:0; margin:0; list-style-position:inside; overflow:hidden; }

#topbar .function li { padding:5px 10px; float:right; margin:0; height:20px; line-height:20px; }

#topbar .function li:hover { background-color:#222 }



#topbar .function li a { padding:0 0 0 23px; margin:0; color:#FFF; height:20px; display:block; vertical-align:top; text-align:left; background: url(../images/sprite.png) no-repeat; }



#topbar .function li:hover a { color:#09F; text-decoration:none }

#topbar .function .contact a { background-position: 0 0; }

#topbar .function .favorite a { background-position: 0 -100px; }

#topbar .function .sethomepage a { background-position: 0 -150px; }

#topbar .function .homepage a { background-position: 0 -50px; }

#topbar .function .contact:hover a { background-position: -100px 0; }

#topbar .function .favorite:hover a { background-position: -100px -100px; }

#topbar .function .sethomepage:hover a { background-position: -100px -150px; }

#topbar .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:20px; line-height:20px; }

.language li:hover { background-color:#222 }

.language li a { padding:0 0 0px 33px; margin:0; color:#FFF; height:20px; display:block; vertical-align:top; text-align:left; background-image:url(../images/sprite.png); background-repeat:no-repeat; }

.language li:hover a { color:#09F; text-decoration:none }

.language .cn a { background-position: 0 -250px; }

.language .en a { background-position: 0 -300px; }

.language .cn:hover a { background-position: -100px -250px; }

.language .en:hover a { background-position: -100px -300px; }











/*header栏 样式 =================================================== */

#header              { margin :0; padding :10px 0 0 0;  }

#header .main        { margin :25px auto 0 auto; }

#header .image       { float :left; overflow :hidden; margin :0 30px 0 0 }

#header .content     { float :left; margin :30px 0 0 0 }

#header .content h2  { margin :0 0 15px 0 }

#header .content h3  { margin :0 0 15px 0 }

#header .content div { margin :0 0 15px 0 }


























/*导航栏 样式 ===================================================*/

.menu { z-index: 999; background-color:#232323}

.menu>ul { margin: 2px auto; height:51px; width:960px;padding:0; }

.menu ul li a,

.menu ul li a:visited { display:block; text-decoration:none; text-align:center; color:#fff; background:#333333; 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:#fff; background:#666666; }

/*二级目录*/

/*top:51px;是控制二级目录展开时候，的位置。*/

.menu ul li ol { display:none; }

.menu ul li:hover ol { display:block; position:absolute; top:50px; left:-40px; width:205px; z-index: 999 }

.menu ul li:hover ol li { width:205px; }

.menu ul li:hover ol li a { padding:15px 5px; display:block; background:#666666; color:#000; text-align: left }

.menu ul li:hover ol li a:hover { background:#888888; color:#ffffff; }

/*三级目录*/

.menu ul li ol li ul { display:none; }

.menu ul li ol li ul li { display:none; }

.menu ul li ol li ul li a { display:block; }

.menu ul li:hover>ol>li:hover ul { display:block; position:absolute; left:205px; top:0; }

.menu ul li:hover>ol>li:hover ul li { display:block; }

.menu ul li ol li ul li:hover ul { display:block; }

.menu ul li ol li ul li:hover ul li { display:block; }

.menu ul li ol li ul li a { padding:15px 5px; display:block; background:#666666; color:#000; text-align:left }

/*.menu ul li:hover>ol>li:hover ul.left {left:-105px;}*/















/*========顶部横幅============*/
.banner              {height:400px; 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;padding:0; margin: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:-45px auto 0; list-style: none }
.dot ul li           {background:#FFF; height:10px; width:10px; float:left; margin-right:15px; border-radius:50%; cursor:pointer; }












/*========中部横幅============*/

.banner_two       { height: 145px; }

.banner_two ul,

.banner_two ul li { height: 100%; }

.home_latest_list { padding: 40px 0 70px 0}

















/*========面包学:位置指示=========*/

.location      { overflow: hidden; padding: 10px 0 30px; font-family: "Tahoma" ;background:url("../images/home_loc.png") center left no-repeat; width:980px; color:#7f7f7f }
.location ul  { list-style: none; padding: 12px  0px 0px 20px; margin: 0px;}

.location li   { float: left; font-size: 12px;padding-top: 8px;}

.location li a { color: #7f7f7f; font-size: 12px; }











/*========主体部分=========*/

#container { margin:0; padding:15px 0 0 0; overflow:hidden;   }

#main{ padding:5px; margin:0 auto 20px auto;background-color:#ffffff; overflow:hidden; }











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



.footer                       { background-color: #333333; overflow: hidden }

.footer a                     {color: #ffffff}

.footer .main                 {margin: 0 auto; }

.footer-menu                  { margin: 0 0 25px 0; overflow: hidden; }

.footer-menu li               { float: left; margin: 0 10px; padding-top: 10px; }

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

.footer .img                  { float: left;   margin-right: 20px;}

.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: 85px 35px 35px 35px; width: 260px; }

.footer .box ul li            { line-height: 18px; margin-bottom: 10px;overflow: hidden; }

.footer .box h3               { margin-bottom: 15px; color: #ffffff; }

.footer .box a                {color: #ffffff; }



.copyright {height:50px; line-height:50px; font-size:12px; color:#fff; text-align:center; background-color:#454442; }
.copyright .main{ margin-top: 0!important}

.copyright a {color: #ffffff}

.copyright p { margin: 0 10px; color: #c7c7c7;text-align: center; }

.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                 {margin-top:10px;margin-bottom:35px; overflow: hidden}

.share-links a               {width:27px;height:27px;display:block;float:left;margin-right:25px;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           { width:320px; float: left; height: 300px; }

.index-introduce .image    { background-color: #ff9900; text-align:center}

.index-contact             { width:320px; float: left; height: 300px; }

.index-contact .image      { background-color: #ff9900; text-align:center}

.index-product-term        { width:320px; float: left; height: 300px; }

.index-product-term .image { background-color: #ff9900; text-align:center}





















/*home*/

.home_area_header                { padding: 60px 25px 15px; border-bottom: #4e4e4e 1px solid; font-size: 30px; font-weight: bold; color: #4e4e4e; }

.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; border: #f1f1f1 3px solid; color: #FFF; text-decoration: none; }

.home_feature_list li a img      { width: 208px; height: 208px; }

.home_feature_list li a .li_text { padding: 0 10px; background: #3f3f3f; overflow: hidden; line-height: 20px; }

.home_feature_list li a p        { font-size: 16px; margin: 10px 0; padding: 0; height: 41px; overflow: hidden; text-overflow: ellipsis; }

.home_feature_list li a span     { font-size: 14px; color: #d1d0d0; margin: 15px 0; display: block; height: 40px; overflow: hidden; border-top: #d1d0d0 1px solid; text-overflow: ellipsis; }

.home_feature_list li a:hover    { border-radius: 3px; }



.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: 0px 8px 65px; }

.home_article_list li { margin-bottom: 15px; }

.home_article_list li a { display: block; text-decoration: none; overflow: hidden; }

.home_article_list li a img { float: left; }

.home_article_list li a .li_text { float: left; padding: 0 15px; line-height: 22px; width: 720px; background: #FFF; height: 208px; }

.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; }











/*detail page area*/

.detail_body .banner { height: 350px; }

.main_header         {
    font-size: 36px;
    font-family: "Tahoma";
    color: #7f7f7f;
    line-height: 1.2;
    z-index: 4;
    text-align: center;

}

.main_header div {
    font-size: 14px;
    font-family: "Tahoma";
    font-weight: 100;
margin-top: 15px;
}




.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; }

.content_detail p{margin:0;}
/*contact area*/

.contact_area        { margin: 40px 10px 110px; overflow: hidden; }

.contact_area img    { display: block; margin-bottom: 20px; }

.contact_box         { padding: 65px; background: #FFF; margin-left: 20px; width: 355px; height: 804px; line-height: 28px; }





/*product area*/


.side_area { width: 162px; }

.side_area > ul > li { height: 160px; margin-bottom: 15px; position: relative; }

.side_area > ul > li > a { display: block; background: #3f3f3f; 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: 245px; }

.product_list .home_feature_list { padding: 0; margin-left: 78px; width: 738px; }


.product_list .list_cont_l {width: 158px!important;}

.product_list  .list_cont_l_b a{padding-right: 10px!important;}

.product_list .term_two_list li a{padding-right: 10px!important;}

.product_list .list_cont_l h2{ font-size: 24px;
}

.term_two_list { padding-left: 20px; }

.term_two_list ul { padding:0 0 10px 0!important;}

.term_two_list li { padding:0; border-bottom: #FFF 1px solid; line-height: 14px; }

.term_two_list li:last-child { border-bottom: none; }

.term_two_list li a { text-align: right; color: #FFF; font-size: 12px!important; text-decoration: none; font-weight: 100!important;line-height: 14px!important;
    height: 16px!important;}

.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; }







/*pages area*/




.pages_num          { float: left; overflow: hidden; }


.pages_num span.ell { color: #858585; }




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

/*翻页*/




.product-function{clear:both;}
.pages { margin:20px auto; height:20px;clear:both;}

.page-guide {margin:0px;padding:0px; border-left:solid 15px #7f7f7f}


.page-guide span,
.page-guide a       {  padding:0 10px; background-color:#7f7f7f; margin: 0 10px 0 0;   width: 30px; height: 20px; line-height:20px; text-align: center; border: none; font-size: 12px; color:#fff;}
.page-guide a:hover { text-decoration: none;background-color:#cccccc; color:#7f7f7f; height: 20px; }

.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 #7f7f7f;margin:2px;background:#e9e9e9;color: #999;}



.page-guide label{float:left;padding-top:4px;margin-right:10px;}







/*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; }



/*user bar*/

.user_box              { color: #FFF; overflow: hidden; background-color: #000066; }

.user_box .main        {margin: 0 auto; }

.user_box a            { color: #FFF; padding: 0 10px; }

.user_box .user_area_1,

.user_box .user_area_2 { float: right; }









.news-detail h1{background-image: url("../images/news-line-bg.png");}
.news-detail h1{ margin:25px 0 0 0 ; font-weight: 100; text-align: left; padding: 0 15px 15px  15px; background-repeat: no-repeat; background-position: bottom;}

.news-detail .content_area{ margin:0px; padding-top: 0px;padding-bottom: 50px; }




.product_list { padding:  10px 80px; overflow: hidden; }
.list_cont {padding:0 0 0 0!important;  margin: 0px!important;}


/*筛选*/
.list_top_ko_bar{ overflow: hidden; }


.product-list .pages{padding: 0 0 0 20px!important; }

.left_area{margin-left: 225px;}



body div .list_cont_l {width: 158px!important;margin-left:80px;margin-top:0px;padding-right:13px;padding-bottom:5px;}
.list_cont_l ul{ list-style: none; margin: 0px; padding: 0px;}
.list_cont_l ul li{ list-style: none; }

.list_cont_l ul .layui-colla-content dd{
    line-height: 30px;
    margin: 0 0 0 10px;
    overflow: hidden;}

.product_list .product_list_box li { float: left; margin:0 15px 0px 10px!important;;padding:0px; }
.product_list .product_list_box ul { list-style: none; overflow: hidden;padding: 0px 0px 0px 18px;}
.product_list .product_list_box li a{ width: 145px; height: 180px; }
.product_list .product_list_box li img { width: 145px;   }
.product_list .product_list_box li a span { color: #666; }


.product_list_box  {padding: 0px 0 5px 9px;overflow: hidden;}
.product_list_box .function  { border: solid 1px #232323; height: 35px; }


.product_list_box li a          { display: block;   color: #FFF; text-decoration: none; }


.product_list_box li a .li_text { padding:0px; overflow: hidden; color: #7f7f7f; margin:0 0 5px;}
.product_list_box li a .li_text p{ padding:0px 0px 15px 0px; margin:5px 0 0;}



.product_list_box li a:hover    { border-radius: 3px; }




.project-list{ width: 1000px;   overflow: hidden}
.project .main{ width: 1000px; }
.project-list #masonry li{ float: left}

.project-list ul li a:hover{ text-decoration: none}


.layui-nav-tree{width:100%!important;
margin-right: 50px; text-align: right}




.layui-colla-content a:hover{background:url("../images/youjian.png") right center no-repeat;}


#container .project_detail img , #container .project_detail table{
    /*width: 100%;*/
    margin: 10px auto;
    color:#7f7f7f;
}















/* 客服窗口 */
.floatwindow_fd_conct {
    position: fixed;
    z-index: 9999999999;
    top: 25%;
    right: 5px;
    cursor: pointer;
    transition: all .3s ease;
    font-size: 14px;
}

.floatwindow_fd_img {
    position: absolute;
    top: 0;
    right: 0;
    width: 42px;
}

.floatwindow_fd_conct img {
    border: none;
    max-width: 100%;
    max-height: 100%;
}

.floatwindow_fd_main {
    position: absolute;
    top: 0;
    right: -170px;
    border: 1px #e5e5e5 solid;
    border-radius: 5px;
    background: #fff;
    opacity: 0;
}


.floatwindow_fd_main .floatwindow_admin {
    position: absolute;
    top: -48px;
    left: 50%;
    margin-left: -39px;
}

.floatwindow_fd_main>span {
    text-align: center;
    font-size: 18px;
    color: #666;
    display: block;
    margin-top: 60px;
    margin-bottom: 15px;
}

.floatwindow_im-tel {
    padding: 0 10px;
    margin: 0;
    list-style: none;
}

.floatwindow_im-tel i {
    background-repeat: no-repeat;
    background-size: 20px;
    width: 20px;
    height: 20px;
    background-position: 50%;
    margin-top: 7px;
    line-height: 35px;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
}

.floatwindow_im-tel li {
    text-align: center;
    height: 35px;
    margin: 0;
    margin-bottom: 7px;
    padding: 0;
    list-style: none;
}

.floatwindow_im-tel li:hover {
    border: none;
}

.floatwindow_im-tel li:hover a {
    background: #5996ff;
    color: #fff;
}

.floatwindow_im-tel li a {
    display: block;
    width: 100%;
    display: flex;
    background: linear-gradient(#eee, #fefefe);
    background: -webkit-linear-gradient(#eee, #fefefe);
    background: -o-linear-gradient(#eee, #fefefe);
    background: -moz-linear-gradient(#eee, #fefefe);
    border-radius: 5px;
    border: 1px #eee solid;
    color: #373937;
    text-decoration: none;
}

.floatwindow_im-tel span {
    line-height: 35px;
    padding: 0 5px 0 10px;
    font-size: 15px;
    white-space: nowrap;
}

.floatwindow_phone {
    text-align: center;
    margin-top: 15px;
    width: 100%;
}

.floatwindow_phone img {
    width: 24px;
    height: 24px;
}

.floatwindow_fd_conct img {
    border: none;
    max-width: 100%;
    max-height: 100%;
}

.floatwindow_tel-num {
    text-align: center;
    font-size: 18px;
    color: #fd3939;
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: 5px;
}