﻿/*****************************
 * 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: "Microsoft YaHei", 'Open Sans', sans-serif; -webkit-text-size-adjust:none; }
.container { max-width: 1170px; }

h1, h2, h3, h4, h5, h6, a { font-family: "Microsoft YaHei", '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 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:"Microsoft YaHei","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 "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 ; }
 
*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 .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:"Microsoft YaHei","SimSun"; font-size:14px; overflow:hidden; }
.product-content h1 { font-family:"Microsoft YaHei","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; }
.crumbs {
 display:none;
}
}

@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; }
}