/*****************************
 * D8CMS-web style  
 * 源于 d8zone.com 八度空间
 * 专业精品网站建设、UI设计、软件开发、外包服务
 -----------------------------
  Global.css
 -----------------------------
  $1 - reset & basic
  $2 - header
  $3 - nav 
  $4 - layout
  $5 - footer  
  $6 - pager  
  $7 - QQ
 ****************************/

/*
 * $1 reset & basic
 */

@charset "utf-8"; 
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img { border: medium none; margin:0; padding:0; font-size:100%;  -webkit-text-size-adjust:none;}
body, button, input, select, textarea { font: 400 14px/1.5 helvetica,verdana,san-serif; }
body { text-align:center; min-width:320px; _min-width:320px; -webkit-text-size-adjust: none; max-height:670px; _max-height:670px; }
 
header, nav, section, aside, footer,article {
display: block;
}
/* force a vertical scrollbar in firefox, prevents horizontal page shifting */
html { min-height: 100%; margin-bottom: 1px; overflow-y: scroll;  -webkit-text-size-adjust:none; background:#aaa; }
img { border: 0px; }
table { border-collapse: collapse; border-spacing: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
em { font-style: normal; }
ul, ol { list-style: none; }
a { color:#222; text-decoration: none; }
a:hover { color:#48b7e0; text-decoration:none; webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out;transition: all .2s ease-in-out; }
a:visited { color:#222; text-decoration: none; }

.cf:after { content:" "; clear: both; display: block; font-size: 0; height: 0; visibility: hidden; }
.cf { display: inline-table; zoom:1; } 

.ip { width:90%; line-height:20px; padding:10px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border:1px solid #ddd; background:url('../images/ip-bg.gif') repeat-x; }
.iparea { width:90%; height:100px; line-height:20px; padding:10px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border:1px solid #ddd; background:url('../images/ip-bg.gif') repeat-x; } 
 
.required { color:Red; margin-left:5px; font-family:"Microsoft YaHei","SimSun"; }
/* Hides from IE-mac \*/
*html .clearfix { height: 1%; }
.clearfix { display: block; }
.hidden { display:none; }
/* End hide from IE-mac */ 
  

select { border:1px #999 solid;}
textarea {width:195px; height:75px;}
.c { min-width:320px; _min-width:320px; overflow:hidden; margin:auto; text-align:left; _max-width:670px; max-width:670px; }
.main-form { min-width:320px; _min-width:320px; overflow:hidden; margin:auto; text-align:left; _max-width:670px; max-width:670px;  background:#eee; }

.sp { height:10px; overflow:hidden; }
.clear { clear:both; }
.mt20 { margin-top:20px; }

textarea  { border:#ddd 1px solid; padding:2px 5px; } 
textarea:focus { border:#ddd 1px solid; } 

.box { border:1px solid #d8dcde; }
.box .box-title {  background:url('../images/box.gif') repeat-x; height:47px; line-height:47px; padding:0px 10px 0px 20px; color: #4f5d84; }
.box .box-title2 { border-bottom:solid 1px #d8dcde; background:url('../images/box2.gif') repeat-x; height:40px; line-height:40px; padding:0px 10px 0px 20px; }
.box .box-title h3 { font-size:14px; }
.box .box-title a { float:right; }
.box .box-content { padding:20px; background:#fff; }


/*
 * $2 header
 */ 
 .top { height:45px; overflow:hidden; padding:5px 0px 5px 0px; background:#645f59; }
 .top .logo { float:left; width:100px; height:45px; overflow:hidden; padding-left:20px; } 
 .top .logo img { height:30px; margin-top:6px; } 
 .top .right { float:right; width:37px; padding:6px 10px 0px 0px; } 
 .top .right .menu-icon { width:23px; height:17px; padding:6px 6px 6px 6px; border:1px solid #645f59; -webkit-border-radius:3px;-moz-border-radius:3px; border-radius:3px; }
 .top .right .menu-icon img { width:23px; height:17px; cursor:pointer; } 
 .top .right .menu-icon-on { background:#878480; border:1px solid #878480; }
 
 .site-nav { display:none; text-align:left; width:100%; position:absolute; z-index:999; top:55px; right:0px; }
 .site-nav .c { background:url('../images/bg.jpg') repeat-x #f5f7f9; border:1px solid #ccc; border-top:0px;  }
 .site-nav .site-nav-content { padding:0px 10px 0px 10px; }
 .site-nav .site-nav-content h4 { border-top:1px solid #ccc; padding:10px 0px 5px 0px; margin:0px; font-size:16px; }
 .site-nav .site-nav-content h4.nb { border-top:0px; }
 .site-nav .site-nav-content .links { padding:0px 0px 10px 0px; font-size:14px; }
 .site-nav .site-nav-content .links a { margin-right:20px; display:inline-block; float:left; }
 .site-nav .site-nav-content-v2 { padding:0px 0px 10px 0px; }
 .site-nav .site-nav-content-links { margin:10px; }
 .site-nav .site-nav-content-v2 li { width:50%; float:left; padding-top:10px; }
 .site-nav .site-nav-content-v2 li a { display:block; margin:0 10px 0 10px; background:#645f59; padding:10px; text-align:center; font-size:14px; color:#fff; 
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; }
 .site-nav .site-nav-content-v2 li a:hover { display:block; margin:0 10px 0 10px; background:#12bcf8; text-decoration:none; }
 .site-nav .site-nav-content-v2 li i { margin-right:5px; }
  
 .top-search { width:263px; height:24px; overflow:hidden; padding:0px 0px 0px 0px; border:1px solid #d8dcde; margin:auto; }
 .top-search .search-key { display:block; width:200px; float:left; height:22px; overflow:hidden; border:0px; line-height:18px; padding:1px; }
 .top-search .search-btn { display:block; font-size:12px; width:60px; float:left; text-align:center; height:25px; line-height:23px; overflow:hidden; cursor:pointer; border-left:1px solid #d8dcde; background:#eeeeee; }
 #top_search_keyword { border:0px; line-height:14px; width:275px; padding:5px 5px 4px 5px; }
 #top_search_keyword:focus{ background:#fff; }
 
.nav { background:#04aae4; height:40px; overflow:hidden; }   
.nav li { float:left; width:25%; height:40px; overflow:hidden; line-height:40px; font-size:14px; font-family:"Microsoft YaHei","SimSun"; text-align:center;}  
.nav li a { color:#fff; width:100%; display:block; height:40px; font-size:14px; padding:0px 0px 0px 0px; }
.nav li a:hover { text-decoration:none; background-color:#029cd2; color:#fff; }
.nav li.on a { text-decoration:none; background-color:#029cd2; color:#fff; }
.nav .sub-menu { display:none; }

.no-data { padding:10px; display:block; }

.sub-nav { padding:20px 0px 0px 0px; }
.sub-nav li { text-align:center; float:left;  background:url(../images/sub-nav-bg.gif) center -66px  no-repeat; height:42px; padding:0px 30px 0px 30px; font-size:14px; color:#fff; line-height:34px; margin-right:10px; -moz-border-radius: 3px;      /* Gecko browsers */ -webkit-border-radius: 3px;   /* Webkit browsers */ border-radius:3px;            /* W3C syntax */}
.sub-nav li.on { float:left; background:url(../images/sub-nav-bg.gif) center 0px  no-repeat;  }
.sub-nav li a { color:#fff; }
.sub-nav li a:hover { color:#fff; text-decoration:none; }
.sub-nav-about li { width:auto; padding:0px 12px 0px 12px; margin-right:5px; }

#mouse_nav { display:none; height:30px; width:100%; min-width:980px; line-height:30px; text-align:center; position:absolute; z-index:999; left:0px; top:155px;  background:url(../images/mouse-nav-bg.png) }
#mouse_nav a { padding:0px 15px 0px 15px; }
*html #mouse_nav { top:150px; }
*+html #mouse_nav { top:150px; }
/*
 * $3 nav
 */ 
.crumbs { font-family:"SimSun"; color:#555; padding:10px 10px 0px 10px; font-size:12px; line-height:20px; height:20px; overflow:hidden; font-weight:lighter; text-align:left; }
.crumbs span { color:#555; } 
.crumbs .welcome { color:#ccc; font-family:Verdana; } 
.crumbs a:link { color: #555; text-decoration: none; }
.crumbs a:visited { color: #555; text-decoration: none; }
.crumbs a:hover { color: #ff0000; text-decoration::underline; }
.crumbs a:active { color: #555; text-decoration: none; } 
  
.hp-about-content { line-height:22px; padding:10px; }
.hp-about-content img { width:120px; height:82px; float:left; padding:0 10px 0 0; }
.hp-about-content a { color:#cc0000; }
  
section { margin:10px 0px 0px 0px;text-align: left; background: #fff;margin-top: 10px !important;  border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
/*section { text-align: left; background: #fff;margin-bottom: 20px !important; border-top:1px solid #ddd; }*/
section .section-title { height:38px; line-height:38px; padding:0px 10px 0px 10px; background:#fafafa; text-shadow: 1px 1px 0px #fff; border-bottom:1px solid #ddd; }
section .section-title h2 { font-size:16px; font-weight:bold; padding:0px; margin:0px; }
section .section-title h1 { font-size:16px; font-weight:bold; padding:0px; margin:0px; }
section .section-title a.more { font-size:14px; float:right; }
section .section-title .total { font-size:12px; float:right; font-weight:lighter; }
section li { line-height:32px; height:32px; overflow:hidden;  border-bottom:solid 1px #eee;  padding:0px 0px 0px 0px; margin:0 10px 0 10px; }
section li a { display:block; width:100%; color:#555; font-family:"SimSun"; font-size:14px; display:inline-block; }
section li a:hover { color:#7f4f21; }
section li.img { padding:10px 0px 10px 0px; margin:0 10px 0 10px; line-height:22px; height:88px; overflow:hidden;  border-bottom:solid 1px #eee; }
section li.img img { width:109px; height:88px; float:left; padding:0px 0px 0px 0px; }
section li.img a.img { width:109px; height:88px; float:left; padding:0px 0px 0px 0px; }
section li.img .desp { padding-left:10px; line-height:22px; height:88px; overflow:hidden; color:#555; font-size:12px; }
section li.img .desp h4 { line-height:30px; height:30px; overflow:hidden; color:#222; font-size:16px; margin-bottom:10px; }
section li.img .desp h4 a { font-size:16px; }
section li.img .desp .txt { line-height:22px; height:44px; overflow:hidden; font-size:14px; }
section li.img a { padding:0px; }
section li.img a:hover { color:#48b7e0; }
section li a strong { color:#ff0000; }
.more-list-content { display:block; line-height:30px; padding:10px; text-align:center; }
section .sub-classes { padding:10px 0 0px 10px; border-bottom:solid 1px #ddd; background:#f3f3f3; }
section .sub-classes a { display:inline-block; margin:0 10px 10px 0; padding:3px 10px 3px 10px; border:solid 1px #ddd; background:#fff; font-size:16px; }
section .sub-classes a:hover { text-decoration:none; background:#04aae4; color:#fff }

.contact-details li { height:auto; }
.contact-details li.qq a { display:inline-block; float:left; width:auto; margin-right:10px; }
.contact-details .tel { font-size:24px; color:#d0251f; } 
.contact-details .tel2 { font-size:14px; color:#d0251f; }  
.contact-details .contact-readme { padding:10px; line-height:22px; border-bottom:1px solid #ddd; }

.about-items li { height:50px; margin:0; }
.about-items li a { display:block; line-height:50px; padding-left:20px; }
.about-items li a:hover { background:#eee; text-decoration:none; }
.about-items li i { width:20px; height:20px; margin-right:10px; }


article { margin:10px 0px 0px 0px; padding:10px; background:#fff; text-align:left; }
article .h1 { font-size:18px; font-weight:bold; padding:0px; margin:10px 0 20px 0; text-align:center; line-height:24px; }
article .topic-content { clear:both; font-size:16px; line-height:24px; padding:10px 10px 10px 10px; color:#555; word-break:break-all; /*支持IE，chrome，FF不支持*/word-wrap:break-word;/*支持IE，chrome，FF*/ }


article .topic-summary { font-size:12px; padding:10px 0px 0px 0px; }
article .topic-summary li { float:right; padding:0px 0px 0px 16px; line-height:22px; color:#888; margin-left:10px; }
article .topic-summary li.time { background:url('../images/skin.png') -480px -46px no-repeat;  }
article .topic-summary li.view { background:url('../images/skin.png') -480px -75px no-repeat;  }
article .topic-content h1 { font-size:26px; color:#333; padding:20px 0 20px 0; margin-top:10px; }
article .topic-content h2 { font-size:22px; color:#333; padding:15px 0 15px 0; margin-top:10px; }
article .topic-content h3 { font-size:16px; color:#333; padding:15px 0 15px 0; }
article .topic-content div { line-height:22px; padding:5px 0 5px 0; }
article .topic-content p { line-height:22px; padding:5px 0 5px 0; }

.updownews { padding:10px 10px 10px 10px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; text-align:left; background:#fff; }
.updownews li { display:block; font-size:14px; height:25px; line-height:25px; overflow:hidden; display:block; }

 
/*
 * $5 footer
 */  
.footer { clear:both; padding:10px 0px 60px 0px; overflow:hidden; background:url('../images/bg.jpg') repeat-x #f5f7f9; line-height:26px; text-align:center;  }
.footer p { padding-top:10px; }
.footer a.tel { background:url('../images/skin.png') -480px -140px no-repeat; padding-left:18px; padding-right:20px; }
.footer a.pc { background:url('../images/skin.png') -480px -110px no-repeat; padding-left:20px; }

.footer-float-bar { width:100%; position:fixed; z-index:999; bottom:0; left:0px; font-size:12px; }
.footer-float-bar .c { background:#20282b; }
.footer-float-bar li { width:25%; float:left; height:55px; text-align:center; color:#fff; padding-top:5px; }
.footer-float-bar li a { color:#fff; display:block; border-left:1px solid #363b3d; border-right:1px solid #0d1315; }
.footer-float-bar li a i { color:#fff; font-size:30px; height:30px; overflow:hidden; font-style:normal; display:block; }
.footer-float-bar li a:hover { text-decoration:none; color:#fff; }
.footer-float-bar li a:hover i { color:#5acdf8; }
 
/*
 * $6 pager
 */ 
.pager { height:35px; padding:20px 0px 10px 0px; font: 12px "Microsoft YaHei","SimSun" ; text-align:center;  }
.pager a{text-decoration: none; height:30px; border-style:solid; border-bottom-width:1px ; border-left-width:1px; border-right-width:1px; border-top-width:1px;border-color:#ccc ; color:#666;  font-size:12px;   padding: 5px 7px 4px 7px; line-height: 16px; margin:1px;background-color:#eee ; }
.pager a:hover{text-decoration: none; height:30px; border-style:solid; border-bottom-width:1px ; border-left-width:1px; border-right-width:1px; border-top-width:1px;border-color:#ccc ; color:#222;  font-size:12px;  padding: 5px 7px 4px 7px; line-height: 16px; margin:1px;background-color:#ddd ; } 
.pager font{text-decoration: none; height:30px; border-style:solid; border-bottom-width:1px ; border-left-width:1px; border-right-width:1px; border-top-width:1px;border-color:#ccc ; color:#333333;  font-size:12px;  padding: 5px 7px 4px 7px; line-height: 16px; margin:1px; background-color:#ffffff ; }
     
/*
 * $8 banner silder 
 */ 
 .hp-banner {   }
 
.rslides{ position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0;}
.rslides li{ -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0 ; top: 0;}
.rslides li:first-child{ position: relative; display: block; float: left;}
.rslides img{ display: block; height: auto; float: left; width: 100%; border: 0;}
.slide_container{ margin-bottom:0px; position: relative; float: left; width: 100%;}
.slide{ position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0;}
.slide li{ position: absolute; width: 100%; left: 0; top: 0;} 
.slide img{ display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0;}
.slide .caption{ display: block; position: absolute; z-index: 2; font-size: 20px; text-shadow: none; color: #fff; background: #000; background: rgba(0,0,0, .8); left: 0; right: 0; bottom: 0; padding: 10px 20px; margin: 0; max-width: none; display:none;}
.slide_nav{ position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 52%; left: 0; opacity: 0.5; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 38px; background: transparent url("../images/slider-btn.gif") no-repeat left top; margin-top: -45px;}
.slide_nav:active{ opacity: 1.0;}
.slide_nav.next{ left: auto; background-position: right top; right: 0;}
.slide_tabs { display:none; text-align:center; height:6px; overflow:hidden; margin:10px 0 10px 0; }
.slide_tabs li { display:inline; height:10px; width:20px; overflow:hidden; padding:0 2px 0 2px; }
.slide_tabs li a { display:inline-block; height:10px; width:20px; background:#ccc; padding-top:20px; }
.slide_tabs li.slide_here a { background:#0f8cd6;width:30px; }


 
.banner-slideBox{ width:980px; height:400px; overflow:hidden; position:relative; }
.banner-slideBox .hd{ height:20px; overflow:hidden; position:absolute; right:10px; bottom:10px; z-index:1; }
.banner-slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.banner-slideBox .hd ul li{ color:#fff; float:left; margin-right:3px;  width:18px; height:18px; line-height:18px; text-align:center; background:#919191; cursor:pointer; border:solid 1px #fff;  }
.banner-slideBox .hd ul li.on{ color:#fff; background: #000; }
.banner-slideBox .bd{ position:relative; height:100%; z-index:0;   }
.banner-slideBox .bd img{ width:980px; height:362px; }

 
  
.hp-news {}
.hp-news-list {  }


.tabs {}
.tabs .tab-title { height:30px; font-family:"SimSun"; }
.tabs .tab-title li { width:71px; height:19px; margin-right:5px; padding-right:10px; text-align:center; line-height:19px; color:#7f4f21; float:left; cursor:pointer; background:url('../images/tab-header-bg.gif') 0px -20px no-repeat; }
*html .tabs .tab-title li { width:81px; }
*+html .tabs .tab-title li { width:81px; }
.tabs .tab-title li.on { color:#fff; background:url('../images/tab-header-bg.gif') 0px 0px no-repeat; }
.tabs .tab-title a.more { float:right; color:#aaa; }
.tabs .tab-content { clear:both; }
.tabs .tab-content .content { display:none; }
.tabs .tab-content .on { display:block; }

.hp-news { overflow:hidden; padding-right:0px; }
.hp-products { overflow:hidden; padding:0px 0px 0px 0px; }

*html .hp-news { width:349px; }
*html .hp-products { width:360px; }
*html .hp-news2 { width:249px; }
*+html .hp-news { width:349px; }
*+html .hp-products { width:360px; }
*+html .hp-news2 { width:249px; }

.scrol-product { width:320px; clear:both; padding-top:10px; height:150px; overflow:hidden; }
.scrol-product .left-arrow { width:20px; height:150px; float:left; cursor:pointer; padding:38px 0px 0px 0px; overflow:hidden; } 
.scrol-product .products { width:280px; float:left; overflow:hidden; height:150px; } 
.scrol-product .products ul { height:170px; } 
.scrol-product .products ul li { float:left; width:140px; height:140px; overflow:hidden; text-align:center; margin:0px; } 
.scrol-product .products ul li img { width:130px; height:100px; margin-bottom:5px; }
.scrol-product .products ul li a { width:130px; height:105px; }
.scrol-product .right-arrow { width:20px; height:150px; float:left; cursor:pointer; padding:38px 0px 0px 0px; overflow:hidden;  }
.scrol-product .right-arrow img { margin-left:5px; }
 

 /*job*/

.job-list {}
.job-list .job-item { color:#555; overflow:hidden; padding:0px 80px 20px 80px; font-size:14px; }
.job-list .job-item h2 { background:url(../images/job-line1.gif) no-repeat 0px 50px; padding-left:20px; font-size:18px; font-family:"Microsoft Yahei"; color:#49352c; padding:20px 0px 15px 0px; margin-bottom:10px; } 
 
.job-list .job-item h3 { font-size:14px; font-family:"Microsoft Yahei"; color:#49352c; padding:10px 0px 10px 0px; } 
.job-list .job-item table th { text-align:left; width:100px; font-weight:lighter; color:#555; font-size:14px; }
.job-list .job-item table td { text-align:left; width:300px; font-size:14px; color:#555; }
.job-list .job-item .btn-link { display:block; padding:3px 10px 6px 10px; background-color:#585765; color:#fff; line-height:18px; width:80px; text-align:center; text-decoration:none; }
.job-list .ddl_jobs { font-size:14px; padding:2px; }
 
#job-submit table { width:780px; }
#job-submit table td { padding:5px; width:auto; }
#job-submit table td.lb { width:100px; }
#job-submit .btn {  padding:3px 20px 6px 20px; background-color:#585765; color:#fff; line-height:18px; }
 
 .friend-links { padding:0px 0px 10px 0px; }
 .friend-links span { font-weight:bold; padding-right:5px; }
 .friend-links a { display:inline-block; padding-right:10px; }
 
 .page-head { padding:30px 10px 10px 10px; font-size:14px; color:#000; line-height:22px; }
 .page-head h1 { font-size:26px; font-weight:bold; color:#333; line-height:26px; padding:0px 0px 10px 0px; }
 .page-head div { padding:5px 0px 5px 0px; }
 .page-head2 { padding:30px 10px 0px 10px; }
 
 /*联系我们*/
  
 
 .notebook-readme { padding:10px 10px 10px 10px; font-size:14px; color:#000; line-height:22px;}
  
 
.notebook-list { text-indent:0em; font-family:"Microsoft YaHei","SimSun"; padding:0px 10px 0px 10px; }
.notebook-list p {  text-indent:0em; }
.notebook-list ul { padding:0px; border-top:dotted 1px #ccc; margin-top:10px; }
.notebook-list li { margin:5px 0px 0px 0px; padding:10px 0px 0px 0px;  border-bottom:dotted 1px #ccc; }
.notebook-list .content { background:url(../images/faq-q.gif) no-repeat 0px 0px; font-size:12px; margin:0px 0px 10px 0px; padding-left:0px; line-height:22px; text-indent:0em; padding-left:50px; }
.notebook-list .content i { color:#aaa; font-size:12px; font-family:Verdana; font-style:normal; } 
.notebook-list .reply { background:url(../images/faq-a.gif) no-repeat 0px 0px; font-size:12px; font-weight:lighter; color:#666; margin-bottom:20px; padding-left:50px; line-height:22px;  } 

 #ClCache { display:none; }

.note-form { padding:5px 10px 10px 10px; }
.note-form li { border:0px; height:auto; }
.note-form li.label { padding-top:5px; }
.note-form .msg { padding:0px 10px 0px 10px; }
.note-form .btns { clear:both; padding:0px 5px 0px 5px; }
.note-form .btns a { text-decoration:none; display:block; background:url(../images/btn_submit_notebook.gif) center 0px no-repeat #6abb07; height:43px;  -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border:1px solid #6abb07;}
.note-form .btn-order a { background:url(../images/btn_submit_order.gif) center 0px no-repeat #6abb07; }
.note-form .thanks { display:block; height:100px; background:url(../images/contacu-us-right-img-1.jpg) 0px 0px no-repeat #fff; padding:50px 10px 0px 115px; }
.note-form .thanks span { display:block; font-size:18px; font-weight:bold; }
.ajax-loading { display:block; height:30px; line-height:30px; text-align:left; font-size:14px; color:Green; background:url(../images/loading.gif) 0px 0px no-repeat #fff; padding-left:35px; }


.gallery-product-list { background:#fff; }
.gallery-product-list li { width:50%; float:left; margin:0; height:auto; text-align:center; }
.gallery-product-list li .list { margin:0; padding:0; }
.gallery-product-list li .item { border-right: solid 1px #eee; border-bottom: solid 1px #eee; padding: 20px 0 0 0; }
.gallery-product-list li .item img { width:90%; max-width: 250px;_max-width: 250px;width: expression(this.width > 250 ? "250px" : this.width); }
.gallery-product-list li .item h4 { font-size:16px; height:30px; line-height:30px; overflow:hidden; display:inline-block; font-weight:lighter; margin:0 10px 0px 10px; }
.gallery-product-list li .item:hover { _background:#f6f6f6; box-shadow:inset 0 0 30px #e9e9e9; text-shadow: 0 0 3px #fff; webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.gallery-product-list-more-product { display:block; line-height:30px; padding-bottom:10px; text-align:center; }

.hp-nav-guide { background:#fff; border-top: solid 1px #ddd; height:162px; overflow:hidden; }
.hp-nav-guide li { float:left; width:25%; height:80px; overflow:hidden; border-bottom: solid 1px #ddd; text-align:center; }
.hp-nav-guide li a { display:block; border-right: solid 1px #ddd;  padding:10px 0 20px 0; font-size:16px; }
.hp-nav-guide li a i { font-size:30px; }
.hp-nav-guide li a:hover { _background:#f6f6f6; box-shadow:inset 0 0 30px #e9e9e9; text-shadow: 0 0 3px #fff; webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out;transition: all .2s ease-in-out; }


.topic-cover {}
.topic-cover img { width:100%; }


.solution-title { height: 125px; background: #fff; width: 100%; margin: 0 auto; text-align:center; border-bottom: solid 1px #ddd; }
.solution-title h1 { font-size: 24px; color: #333; margin:0; padding: 25px 10px 0 10px; font-weight:lighter; }
.solution-title h2 { font-size: 16px; color: #333; margin-top: 10px; font-weight:lighter; }
.solution-title2 { height: 125px; background: #fff; width: 100%; margin: 0 auto; text-align:center; border-bottom: solid 1px #ddd; }
.solution-title2 h2 { font-size: 24px; color: #333; margin:0; padding: 25px 10px 0 10px; font-weight:lighter; }
.solution-title2 h3 { font-size: 16px; color: #333; margin-top: 10px; font-weight:lighter; }
.solution-introduce { clear:both; font-size:16px; line-height:24px; padding:20px; color:#555; word-break:break-all; /*支持IE，chrome，FF不支持*/word-wrap:break-word;/*支持IE，chrome，FF*/ }
.solution-introduce div { padding:5px 0 5px 0; }
.solution-introduce p { padding:5px 0 5px 0; }
.solution-more-product { border-bottom: solid 1px #ddd; }

.no-data-msg { text-align:center; display:block; padding:20px; }