/*****************************
 * tougesoft-web style 
 * 源于 tougesoft.com 驼格软件
 * 专业精品网站建设、UI设计、软件开发、外包服务
 -----------------------------
 Global.css
 -----------------------------
 $1 - reset & basic
 $2 - header
 $3 - nav 
 $4 - layout
 $5 - footer 
 $6 - pager 
 $7 - QQ
 ****************************/
/*html5*/
html { min-height: 100%; margin-bottom: 1px; overflow-y: scroll; -webkit-text-size-adjust: none; }
article, aside, dialog, footer, header, section, footer, nav, figure, menu { display: block; }
/*
 * $1 reset & basic
 */
body { margin-top: 0; font-family: "", 'Open Sans', sans-serif; -webkit-text-size-adjust: none; }
.container { max-width: 1170px; }
h1, h2, h3, h4, h5, h6, a { font-family: "", 'Open Sans', sans-serif !important; }
.form-horizontal .control-label { padding-top: 2px; }
.box { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 14px; color: #333; word-break: break-all; word-wrap: break-word; background-color: #fff; border: 1px solid #ddd; }
.box-only-top-border { padding: 20px 0 20px 0; border: none; border-top: 1px solid #ddd; }
.box .box-title { }
.box .box-title .big-title { font-size: 24px; color: #333333; line-height: 30px; text-transform: uppercase; margin-bottom: 1.587%; font-weight: lighter; }
.box .box-title a { float: right; }
.box .box-content { background: #fff; }
table { border-collapse: collapse; border: 1px solid #dddddd; width: 100%; }
table th { border: 1px solid #dddddd; text-align : center; padding: 3px 6px; font-size: 12px; color: #666666; font-weight: bold; background-color: #eeeeee; text-indent: 0em; }
table th span { font-weight: lighter; }
table td { border: 1px solid #dddddd; text-align : center; padding: 3px 6px; font-size: 12px; text-indent: 0em; }
table td span { font-weight: lighter; }
.share-image { width: 1px; height: 1px; position: fixed; left: 0; top: 0; z-index: 99999; overflow: hidden; }
.share-image img { margin-top: 100px; }
.top-line { height: 10px; background: #000; overflow: hidden; }
.navbar { margin-bottom: 0; padding: 30px 0 20px 0; }
.main-menu { border-bottom: 1px solid #dcdcdc; }
.main-menu .nav { display: none; }
.main-menu .hot-tel { line-height: 50px; color: #888; }
.main-menu .hot-tel i { font-style: normal; font-size: 24px; }
.main-menu-footer { height: 20px; overflow: hidden; }
.navbar-collapse { border: 0; }
.header-logo { margin-left: 20px; margin-right: 80px; display: inline-block !important; float: left; }
.mobile-logo { width: 140px; float: left; }
.mobile-logo img { margin-left: 5px; width: 120px; max-width: 120px; }
.navbar-header { padding: 15px 0 15px 0; }
.main-nav { line-height: 30px; float: right; }
.main-nav li { float: left; }
.main-nav li a { display: inline-block; padding: 0 20px 0 20px; color: #4d4e53; font-size: 16px; }
.main-nav li a:hover { background: #fff; }
.top-search { display: inline-block; padding-left: 100px; }
.top-search .search { width: 270px; height: 35px; float: right; margin-top: 26px; margin-left: 40px; }
.top-search .search form { width: 270px; height: 35px; display: block; clear: both; }
.top-search .top-search-keyword { width: 196px; height: 33px; border: 1px solid #ccc; display: block; float: left; padding: 0 10px; padding-left: 15px; line-height: 26px; font-size: 12px; color: #666; border-right: 0px; }
.top-search .search-btn { width: 48px; height: 33px; background-color: #157f25; display: block; border: 1px solid #157f25; border-left: 0px; float: left; cursor: pointer; background-image: url(../images/btn-search.png); background-repeat: no-repeat; background-position: center center; }
.top-search .search-btn:hover { background-image: url(../images/btn-search.png); background-color: #1250b3; border: 1px solid #1250b3; border-left: 0px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;/*过渡效果*/ }
.top-mobile-search { float: left; display: inline-block; padding-left: 15px; padding-top: 8px; }
.top-mobile-search .search { width: 100px; height: 35px; float: right; margin-top: 26px; margin-left: 40px; }
.top-mobile-search .search form { width: 270px; height: 35px; display: block; clear: both; }
.top-mobile-search .top-search-keyword { width: 130px; height: 33px; border: 1px solid #ccc; display: block; float: left; padding: 0 10px; padding-left: 15px; line-height: 26px; font-size: 12px; color: #666; border-right: 0px; }
.top-mobile-search .search-btn { width: 48px; height: 33px; background-color: #157f25; display: block; border: 1px solid #157f25; border-left: 0px; float: left; cursor: pointer; background-image: url(../images/btn-search.png); background-repeat: no-repeat; background-position: center center; }
.top-mobile-search .search-btn:hover { background-image: url(../images/btn-search.png); background-color: #1250b3; border: 1px solid #1250b3; border-left: 0px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;/*过渡效果*/ }
.crumbs { }
.crumbs i { font-size: 10px; color: #ccc; }
.homepage-banner { margin-bottom: 30px; }
.homepage-row-section { padding: 20px 0 20px 0; }
.homepage-row-section .section-title h4 { margin-bottom: 10px; color: #999; }
.homepage-row-section .section-title { color: #4d4e53; text-align: center; margin-bottom: 20px; }
.homepage-row-section p { color: #888; }
.homepage-products .item { position: relative; margin-bottom: -20px; overflow: hidden; padding: 0; }
.homepage-products .item:nth-child(2n-1){ clear:left;}
.homepage-products .item a { display: block; }
.homepage-products .item h4 { box-sizing: border-box; background: rgba(0,0,0,.5); width: 100%; z-index: 999; background-clip: content-box; padding: 0; height: 40px; line-height: 40px; text-align: center; position: relative; left: 0; bottom: 40px; }
.homepage-products .item h4 a { color: #fff; font-weight: lighter; }
.homepage-products .left-item .item-content { margin-right: 15px; overflow: hidden; }
.homepage-products .right-item .item-content { margin-left: 15px; overflow: hidden; }
.page-title { font-size: 24px; color: #333333; line-height: 30px; text-transform: uppercase; margin-bottom: 1.587%; font-weight: lighter; margin-bottom: 20px; }
.single-footer a { color: #aaa; }
.single-footer a:hover { color: #fff; }
.slide .carousel-caption { top: 30%; text-align: left; left: 10%; }
.slide .btn-more { color: #fff; font-size: 14px; background: #1250b3; padding: 8px 20px 8px 20px; }
.sub-nav { margin-bottom: 100px; }
.sub-nav .title { font-size: 20px; line-height: 20px; color: #1250b3; text-transform: uppercase; position: relative; text-indent: 15px; margin-bottom: 8.653%; border-left: solid 3px #1250b3; ; }
.sub-nav ul li { margin-bottom: 2px; }
.sub-nav ul li .arrow { font-size: 8px; position: absolute; left: 8px; top: 12px; z-index: 999; }
.sub-nav ul li a { display: block; position: relative; background: #ececec; line-height: 37px; padding-left: 25px; font-size: 16px; text-decoration: none; color: #686868; }
.sub-nav ul li a:hover { background: #1250b3; color: #fff; }
.sub-nav ul li a:hover .arrow { color: #fff; }
.sub-nav ul li.on a { background: #1250b3; color: #fff; }
.sub-nav ul li.on a .arrow { color: #fff; }
.inner-banner { margin-bottom: 20px; }
.mobile-inner-banner { margin-bottom: 20px; }
.notebook-readme { padding: 0px 0px 10px 0px; font-size: 14px; color: #000; line-height: 22px; }
.notebook-write-area { background-color: #f8f8f8; padding-bottom: 20px; }
.notebook-write-area2 { background-color: #f8f8f8; }
.notebook-write-area table { }
.notebook-write-area table td { width: 384px; padding: 3px; }
.notebook-write-area table td.l { width: 80px; text-align: center; font-size: 12px; }
.notebook-write-area .ip-title { width: 772px; }
.notebook-write-area .iparea { width: 772px; }
.notebook-form { height: 320px; }
.order-form { height: 370px; }
.contact-details .tel { font-size: 24px; color: #d0251f; }
.notebook-list { text-indent: 0em; font-family: "", "SimSun"; padding: 0px; }
.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 { display: block; color: #ccc; 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; }
footer { margin-top: 20px; }
footer .footer-weixin-qr { margin-top: 10px; }
.footer-menu ul li.sp { color: #ccc; font-size: 12px; }
.footer-contact-us { text-align: center; background-color: #ebebeb; padding: 30px; margin-top: 20px; }
.footer-contact-us h3 { font-size: 32px; font-weight: lighter; }
.footer-contact-us p { font-size: 16px; }
.footer-contact-us .btn-more { margin-top: 5px; color: #fff; font-size: 16px; background: #1250b3; padding: 8px 20px 8px 20px; }
.mobile-footer-contact-us { margin-top: 20px; text-align: center; background-color: #ebebeb; padding: 30px; }
.mobile-footer-contact-us h3 { font-size: 32px; font-weight: lighter; }
.mobile-footer-contact-us p { font-size: 16px; }
.mobile-footer-contact-us .btn-more { margin-top: 5px; color: #fff; font-size: 16px; background: #1250b3; padding: 8px 20px 8px 20px; }
.mobile-copy-text { text-align: center; margin-top: 10px; margin-bottom: 10px; }
.mobile-copy-text p { font-size: 12px; color: #aaa; margin: 0; padding: 0; }
.mobile-copy-text .logo { width: 100px; }
.tag-selector { margin-bottom: 20px; }
.tag-selector .dropdown { display: inline-block; margin-right: 10px; margin-bottom: 10px; width: 150px; height: 37px; line-height: 37px; background-color: #f5f5f5; border: 1px solid #dcdcdc; box-sizing: border-box; padding: 0 10px 0 10px; }
.tag-selector .dropdown .caret { margin-top: 15px; }
.product-content { clear: both; }
.product-content .main-image img { max-width: 300px; }
.product-content .details h1 { margin-top: 30px; font-size: 24px; color: #666; margin-bottom: 20px; }
.related-products { }
.related-products-title { font-size: 16px; text-align: left; margin-bottom: 20px; line-height: 16px; padding-left: 10px; border-left: solid 3px #1250b3; color: #1250b3; }
.related-products .list li { text-align: center; margin-bottom: 20px; }
/*
 * $6 pager
 */ 
.pager { height: 35px; padding: 20px 0px 10px 0px; font: 12px "", "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; }
*html .pager { margin-bottom: 20px; }
*+html .pager { margin-bottom: 20px; }
.pro-list { }
.pro-list li { float: left; overflow: hidden; margin-bottom: 20px; }
.pro-list li:nth-child(3n-2){ clear:left;}
.pro-list li .img { text-align: center; padding: 0 0 10px 0; }
.pro-list li .img img { width: 100%; max-width: 250px; }
.pro-list li .description { padding: 20px 20px 20px 20px; }
.pro-list li .description h4 a { display: block; font-size: 16px; font-weight: lighter; height: 22px; line-height: 22px; overflow: hidden; }
.pro-list li .description p { display: block; line-height: 22px; height: 88px; overflow: hidden; font-size: 12px; }
.pro-list .pro-group { clear: both; }
.pro-list .pro-group .group-name { border-left: solid 3px #1250b3; font-size: 24px; color: #1250b3; padding-left: 10px; line-height: 24px; text-transform: uppercase; margin-bottom: 1.587%; font-weight: lighter; }
.pro-list .pro-group .links-area { text-align: center; padding: 0 0 60px 0; }
.pro-list .pro-group .links-area a { display: block; margin: auto; border: solid 1px #ccc; width: 150px; }
.pro-list .pro-group .links-area a:hover { background: #1250b3; border: solid 1px #1250b3; color: #fff; }
.product-content { padding: 10px; background-color: #fff; font-family: "", "SimSun"; font-size: 14px; overflow: hidden; }
.product-content h1 { font-family: "", "SimSun"; color: #000; font-size: 24px; font-weight: lighter; text-align: left; }
.product-content .summary { padding: 10px 0px 10px 0px; overflow: hidden; color: #666; font-size: 12px; font-style: normal; }
.product-content .content { font-size: 14px; line-height: 24px; text-indent: 2em; margin-top: 20px; color: #666; }
.product-content .content img { max-width: 100%; _max-width: 100; }
.product-content .content p { padding: 6px 0 6px 0; }
.product-content .content div { padding: 6px 0 6px 0; }
.product-content .main-image { text-align: center; }
 @media screen and (max-width: 1024px) {
.sub-nav .title { font-size: 18px; text-indent: 5px; }
.sub-nav ul li a { font-size: 14px; }
.main-nav li a { padding: 0 10px 0 10px; }
.top-search { padding-left: 20px; }
}
 @media screen and (max-width: 830px) {
.top-search { display: none; }
.main-nav li a { padding: 0 10px 0 10px; }
.top-mobile-search .top-search-keyword { width: 160px; }
}
 @media (min-width: 768px) {
.navbar-header { float: right; width: 100%; }
}
 @media screen and (max-width: 767px) {
.navbar-header { padding: 0 0 0 0; }
.navbar { margin-bottom: 0; padding: 10px 0 10px 0; }
.main-nav { margin-bottom: 0; }
.main-nav li a { padding: 0 10px 0 10px; }
.homepage-products .item { margin-bottom: -20px; }
.homepage-products .left-item .item-content { margin-right: 0; }
.homepage-products .right-item .item-content { margin-left: 0; }
.homepage-banner { padding-left: 0; padding-right: 0px; }
/*.hot-tel { display:none; }*/
    /*footer { display:none; }*/
.main-menu .nav { display: block; }
.main-nav { display: none; }
.top-search { display: none; }
.copyright { }
.copy-text { text-align: center; }
.footer-menu { text-align: center; float: none !important; }
.slide .carousel-caption { top: 20%; }
.slide .carousel-caption h1 { font-size: 32px; }
.slide .carousel-caption p { font-size: 20px; }
.sub-nav { display: none; margin-bottom: 0; }
.footer-menu.pull-right { margin-top: 0; }
.homepage-row-section { padding-bottom: 0px; padding-top: 0px; }
.homepage-row-section .container .section-title h4 { font-weight: lighter; }
.homepage-row-section .container .section-title h3 { font-size: 24px; font-weight: lighter; }
}
 @media screen and (max-width: 480px) {
.form-horizontal .control-label { padding-top: 7px; }
.slide .carousel-caption { text-align: center; }
.sub-nav .title { font-size: 16px; text-indent: 0; }
.sub-nav ul li a { font-size: 12px; }
.homepage-row-section .container .section-title h4 { font-weight: lighter; }
.homepage-row-section .container .section-title h3 { font-size: 24px; font-weight: lighter; }
.top-mobile-search .top-search-keyword { width: 130px; }
}
 @media screen and (max-width: 380px) {
.top-mobile-search .top-search-keyword { width: 80px; }
}
 @media screen and (max-width: 320px) {
.top-mobile-search { display: none; }
}