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

   Inner

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

.content { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 0 5px rgba(42,116,158,.17); -moz-box-shadow: 0 0 5px rgba(42,116,158,.17); box-shadow: 0 0 5px rgba(42,116,158,.17); background: #fff url(../images/lg1-bg.gif) repeat-x; color: #555; padding: 20px 35px; }

.content a { color: #1a609c; }

.sidebar { width: 200px; padding: 20px 8px; float: right; min-height: 540px; background: url(../images/shadow.png) no-repeat; margin-top: -20px; }

.right-block { overflow: hidden; zoom: 1; padding-right: 35px; }

.inner-cont { padding: 10px 0; line-height: 2; *zoom:1;

}

.inner-cont p { margin-bottom: 1em; }

.title { position: relative; border-bottom: 1px solid #d7e4ef; border-bottom: 1px solid rgba(26,96,156,.16); padding: 10px 30px; color: #1a609c; font-size: 14px; z-index: 1; }

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

   Sidebar

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

.overview { font-size: 14px; font-weight: 700; text-transform: uppercase; padding: 10px 0 10px 40px; background: url(../images/i-arr1.png) no-repeat 28px; color: #1a609c; margin-bottom: 10px; }

.sidenav { }

.sidenav li,

.sbContact li { padding: 8px 0 8px 40px; position: relative; *zoom:1;

}

.sidenav li { background: url(../images/sn-li-bg.png) no-repeat 50% 100%; }

.sidenav li a:hover,

.sidenav .active > a { color: #e60012 }

.level2 { padding: 4px 0; }

.level2 li { padding: 2px 0; background: none; }

.level2 li a { color: #565656; text-decoration: underline; }

/* sbContact */

.sbContact { margin-top: 20px; color: #1a609c; }

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

   Breadcrumbs

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

.breadcrumb-bar { padding: 15px 20px; }

.breadcrumb { }

.breadcrumb li { float: left; padding-right: 5px; }

.breadcrumb .bc-arr { font-family: simsun; }

.breadcrumb li,

.breadcrumb li a { text-shadow: 1px 1px rgba(0,0,0,.75) }

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

   Right-block

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

.about-pic { text-align: right; padding: 10px 10px 20px 0; }

/* app */

.app-list li { margin-bottom: 20px; background: url(../images/app-separator.png) no-repeat 0 100%; }

.app-list h4 { background: url(../images/app-hd-bg.png) no-repeat; line-height: 30px; position: relative; padding-left: 40px; }

.app-list .app-desc,

.app-list .app-recommend { padding: 10px 20px; }

.app-list .app-recommend { background: url(../images/app-separator.png) no-repeat; color: #1c629e; }

.app-list .app-recommend a { text-decoration: underline; padding: 0 3px; }

/* product */

.pro { padding: 20px 0; }

.pro-hd { padding: 0 35px; }

.pro-hd h4 { font-size: 16px; color: #1a609c; line-height: 1; }

.pro-hd .pro-info { padding: 10px 0; border-bottom: 1px solid #bcdaee; }

.pro-hd .download { text-align: right; padding: 15px; }

.pro-hd .download a { padding-left: 4px; }

.pro-hd .download a:hover { text-decoration: underline; }

/*.pro-table { table-layout: auto;}*/

.pro-table th { background: #bcdaee; color: #153867; padding: 10px; white-space: nowrap; }

.pro-table td { border: 1px solid #d3e8f6; padding: 10px 20px; word-wrap: break-word; }

.pro-cat td { border-right: 0;  }



.pro-op td { background: #d3e8f6; padding: 0 0 0 20px; border: 0 none; }

.pro-op-bd { }

.pro-op-bd .prev-btn { padding: 0 10px; }

.pro-cat td { padding: 15px 10px 10px; }

.pro-cat td a { font-size: 11px; color: #000; }

.pro-cat .cat-bd { background: #fff; padding: 5px 2px; border-style: solid; border-width: 1px; border-color: #2c2c2c #808080 #808080 #2c2c2c; }

.pro-cat .cat-bd li { padding: 2px 0; margin-bottom: 1px; line-height: 1.2; }

.pro-cat .cat-bd li { -webkit-transform: scale(0.85); }

.pro-cat .cat-bd li:hover,

.pro-cat .cat-bd .selected { background: #1a609c; }

.pro-cat .cat-bd li:hover a,

.pro-cat .cat-bd .selected a { color: #fff; }

.cat .reset { background: url(../images/i-reset.png) no-repeat 2px 16px; padding: 10px 0 0 20px; }

.cat .reset a,

.reset-all a { text-decoration: underline; }

.reset-all { position: relative; }

.reset-all a { position: absolute; left: 20px; bottom: 10px; }

/* proshow*/

.proshow { padding-right: 180px; position: relative; }

.proshow h4 { margin-top: 1em; }

.proshow .download { width: 146px; border: 1px solid #9ac1e2; background: #eaf5fc url(../images/download-bg.gif) no-repeat 50%; position: absolute; top: -36px; right: 0; }

.proshow .download-hd,

.proshow .download-ft { padding: 8px 0 8px 30px; position: relative; }

.proshow .download-bd { padding: 30px; text-align: center; }

.proshow .download-bd a { display: block; background: url(../images/pdf.png) no-repeat 50% 0; padding-top: 90px; }

/* news */

.news-list { padding-top:30px;}

.news-list li { padding: 0 12px; border-bottom: 1px dashed #cacaca; line-height: 30px; }

.news-list li a { }

.news-list li span { float: right; }

.news-list li:hover { background: #eee; }

.newsTitle { text-align: center; padding: 20px 0 0;}

.published {text-align: center; padding: 10px 0;}

/* package-table */

.package-title { color: #145184;  font-size: 18px; margin-bottom: 10px;}

.package-table th,

.package-table td {border: 1px solid #bcdaee; }

.package-table th,

.menu-mod-hd  { background: #bcdaee; line-height: 26px; color: #145184; padding: 0 15px; text-align: left; }

.package-table td { padding: 10px 15px;  background: #fff; }

.package-table .sep-row {border: 0 none; height: 6px; background: transparent; }

.menu {  overflow: hidden; margin-top: 20px; width: 630px; }

.menu-mod { float: left; width: 315px; border-bottom: 1px solid #cbdfe2;  }

.menu-mod ul { padding: 5px 0; border-right: 1px solid #cbdfe2;  min-height: 460px; margin-right: -1px;}

.menu-mod li { position: relative;  width: 49%; float: left; }

.menu-mod .arrow span { border-left-color: #145184; }

.menu-mod li a {  padding: 5px 10px 5px 27px; display: block; } 

.menu-mod li a:hover { text-decoration: underline;}

.menu-mod li .arrow { left: 15px;}

.search-result { padding:10px; border-top:1px solid #cbdfe2; margin-top:20px;}

.search-result .toggle-box .btn-link { padding:5px 30px; }

.search-result .toggle-box ul { overflow:hidden; *zoom:1; padding:10px 50px;}

.search-result .toggle-box ul li { float:left; width:25%;}

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

   Pagination

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

#Lb_pager { overflow: hidden; margin-top:30px; }

#Lb_pager .pages { text-align: center; }

#Lb_pager .pages a { color: #02468d; padding: 0 5px; margin:0 5px; background:#ccc; }

#Lb_pager .pages .pgempty { border: 1px solid #eee; color: #eee; }

#Lb_pager .pages .pgcurrent { border: 1px solid #1a609c; color: #fff; font-weight: bold; background: #1a609c; }

.pro-item .anew{ background: url(../images/new.gif) no-repeat 100% 0; padding-right: 40px;}

.btn_jt{display: none;}

.phoneprobox{display: none;}

.phone_download{display: none;}

.proshowcate{display: none;}

@media only screen and (max-width: 767px) {

.search-result .toggle-box ul { overflow:hidden; *zoom:1; padding:10px 10px;}

.search-result .toggle-box ul li { float:left; width:50%;}

  .phoneview{display: none;}

  .proshowcate{display:block;}

.overview { text-transform: uppercase; padding: 10px 0 10px 10px; background:#1a609c; color: #fff; }

.btn_jt{display: block;}

.content {padding:10px; }

.sidebar {width: 100%;padding: 0; float: none; background-image: none;min-height: 0;margin-top:0; display: none;margin-bottom: 20px;}

.sbContact{display: none;}

.btn_jt{width:20px;float: right; text-align: right; cursor: pointer;padding-right: 15px;}

.btn_jt.fa{font-size: 24px;     transition: all 0.5s;}

.sidenav li {background: url(../images/sn-li-bg.png) no-repeat left bottom;}

.right-block {padding-right: 0px;}

.rignewpro {background: #fff;overflow: scroll;}

.rignewpro table{width: 100%;}

.proshow {padding-right: 0px;}

.proshow .download { margin:0 auto;

    width: 146px;

    border: 1px solid #9ac1e2;

    position: relative;

    top: 0;

    right: 0;

}

.phonepro{display: none;}

.phoneprobox{display: block;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 0 5px rgba(42,116,158,.17); -moz-box-shadow: 0 0 5px rgba(42,116,158,.17); box-shadow: 0 0 5px rgba(42,116,158,.17); background: #fff url(../images/lg1-bg.gif) repeat-x; color: #555; padding: 20px 15px; }

.ui-select{padding:5px 10px; line-height: 24px;}

.ui-select01{width:100%}

.phoneprobox dt,.phoneprobox dd{float: left;}

.select_cs dl{height: 40px; overflow: hidden;}

.phoneprobox dt{width: 80px; text-align: right;}

.phoneprobox dd{width: calc(100% - 100px);padding-left: 20px;}

.phoneprobox dd .ui-select02{width: 100%;}

.phoneprobox .protitle03{background: #1a609c; color: #fff; height: 40px; text-align: center;font: 300 18px/40px microsoft yahei;margin:20px 0; }

.prosxlist a{color: #333;}

.prosxlist li{width:50%;float: left;margin-bottom: 10px;}

.prosxlist li a{width: 90%;height: 40px;text-align: center;font: 300 14px/40px microsoft yahei;display: block;border:1px solid #bbbbbb;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  -ms-border-radius: 4px;

  -o-border-radius: 4px;

  border-radius: 4px;

}

.proshow .download{display: none;}



.phone_download{display: block;margin-top: 20px;}

.phone_download li {margin-bottom: 10px;}

.phone_download li a{

  width: 90%;height: 40px;color:#333;text-align: center;font: 300 14px/40px microsoft yahei;display: block;border:1px solid #bbbbbb;margin:0 auto;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  -ms-border-radius: 4px;

  -o-border-radius: 4px;

  border-radius: 4px;

}

.phone_download li a.red{background: #e51c23;color: #fff;border-color: #e51c23;}

.menu {margin-top: 0; width: 100%; }

.menu-mod { float: none; width: 100%; border-bottom: 1px solid #cbdfe2;  }

.menu-mod ul {min-height: auto;}

.right-block img{max-width: 100%;}



.pgnext ,.pgNext{display: none;}



}