html {
    
}
/*
Free Bootstrap Themes : http://www.365bootstrap.com
*/

/* ==== Google font ==== */

/* ---------------------------------------------------------------------------- */
/* ------------------------------------Html-Body------------------------------- */
/* ---------------------------------------------------------------------------- */
body {font: 300 1em/1.8 PingFang SC, Lantinghei SC, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans;}
html, body {width:100%; padding:0; margin:0;  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;}

/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
html { -webkit-text-size-adjust: none;}
.video embed,.video object,.video iframe { width: 100%;  height: auto;}
img{max-width:100%;	height: auto;width: auto\9; /* ie8 */}

h1 {font-size: 38px;}
h2 {font-size: 36px;}
h3 {font-size: 32px;}
h4 {font-size: 28px;}
h5 {font-size: 24px;}
h6 {font-size: 20px;}

h1,h2,h3,h4,h5,h6 {font-family: Microsoft YaHei, sans-serif;font-weight: 600;color: #111;}

p {margin: 0 0 20px;}

a {
   color: #333;
   -webkit-transition: all .2s ease-in-out;
   -moz-transition: all .2s ease-in-out;
   transition: all .2s ease-in-out;
   text-decoration: none;  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
a:hover,
a:focus {text-decoration: none;}

ul {padding: 0;margin: 0;}
ul li {list-style:none;}

select {border: 0;background: transparent;}

.clear{content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix:after, .clearfix:before{clear: both; content: '\0020'; display: block; visibility: hidden; width: 0; height: 0;}

/* --Line-- */
hr.line { margin: 15px auto; padding: 0; max-width: 90px;border: 0; border-top: solid 5px #ddd;text-align: center;}

/* ---------------------------------------------------------------------------- */
/* -----------------------------------Header----------------------------------- */
/* ---------------------------------------------------------------------------- */
#top {background: #F6F6F6;padding: 7px 0;}
#top .language{}
#top .currency {}
#top ul.top-link {float: right;}
#top ul.top-link li {display: inline-block;padding-right: 5px;margin-right: 5px;border-right: 1px solid #bbb;}
#top ul.top-link li:last-child {border: none;}
@media(max-width:767px) {
	#top ul.top-link li{float: none;border: none;}
}

header {padding: 5px 0; }
header #logo{margin: 15px 0 15px;}
header #cart {float: right;}
header .form-search input{width: 70%;height: 56px;}
header .form-search button {background: #222; color: #fff;padding: 12px 20px;font-size: 20px;}
header .form-search button:hover {color: #eee;}
@media(max-width:968px) {
	header #cart {margin-top: 20px;}
	header #cart {float: none;}
}

#menu {background-color:#42356B;border-radius: 0;}
#menu #heading {float: left;padding-left: 15px;font-size: 20px;font-weight: 700;line-height: 40px;color: #fff;margin-top: 10px;text-transform: uppercase;}
#menu .dropdown-menu {background-color: #111;}
#menu .dropdown-menu li > a:hover {color: #ffffff;background-color: #3f3f3f;}
#menu .dropdown-inner {display: table;}
#menu .dropdown-inner ul {display: table-cell;}
#menu .dropdown-inner a {min-width: 160px;display: block;padding: 3px 20px;clear: both;line-height: 20px;color: #333333;font-size: 12px;}
#menu li.dropdown:hover>a, #menu li.dropdown:focus>a, #menu li.dropdown:active>a{background: #272727;}
#menu ul.nav li a{color: #fff;text-transform: uppercase;}
#menu ul.nav li a:hover{background-color: #3f3f3f;}
#menu .btn-navbar {font-size: 20px;color: #FFF;padding: 5px 15px;float: right;border: 3px solid #fff;}

@media (min-width: 768px) {
	#menu .dropdown:hover .dropdown-menu {display: block;}
}
@media(max-width:767px) {
	#menu .navbar-brand {display: block;color: #fff;}
	#menu {border-radius: 4px;}
	#menu .dropdown-inner {display: block;}
	#menu div.dropdown-inner > ul.list-unstyled {display: block;}
	#menu .dropdown-inner a {width: 100%;color: #fff;}
	#menu div.dropdown-menu {margin-left: 0 !important;	padding-bottom: 10px;background-color: rgba(0, 0, 0, 0.1);}
	#menu .dropdown-menu a:hover,
	#menu .dropdown-menu ul li a:hover {background: rgba(0, 0, 0, 0.1);}
}
/* ---------------------------------------------------------------------------- */
/* -----------------------------------Content---------------------------------- */
/* ---------------------------------------------------------------------------- */
#page-content{}
#page-content.home-page{margin: 0;}
#page-content.single-page {margin: 50px 0;}
#page-content .row{	margin-bottom: 30px;}

.carousel-inner{}
.banner div{margin-bottom: 10px;}

.heading {border-bottom: 1px solid #ddd;margin-bottom: 0px; height:40px; }
.heading h1, .heading h2{font-size: 16px;margin:0px;padding-bottom: 18px;    height: 40px;
    line-height: 40px;font: bold 18px/40px "microsoft yahei";
    border-bottom: 3px solid #195cad;
    position: absolute;
    z-index: 100;
    padding: 0 10px;}

/* ---breadcrumb--- */
.breadcrumb {margin-bottom: 40px;border: 1px solid #ddd;}
.breadcrumb i {font-size: 15px;}
.breadcrumb > li {text-shadow: 0 1px 0 #FFF;padding: 0 20px;position: relative;white-space: nowrap;}
.breadcrumb > li + li:before {content: '';padding: 0;}
.breadcrumb > li:after {content: '';display: block;position: absolute;top: -3px;right: -5px;width: 31px;height: 31px;border-right: 1px solid #DDD;border-bottom: 1px solid #DDD;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}

/* ---Product--- */
.products {text-align: center;}
.products:after, .products:before{clear: both; content: '\0020'; display: block; visibility: hidden; width: 0; height: 0;}
.products .product{margin-bottom: 50px;}

.product {}
.product:after, .product:before{clear: both; content: '\0020'; display: block; visibility: hidden; width: 0; height: 0;}
.product .image-more {margin-top: 15px;}
.product .image-more img{border: 1px solid #DDD;max-height: 85px;margin-bottom: 10px;}
.product .buttons {margin: 10px 0;}
.product .buttons a {background-color: #eee;}
.product .name {border-bottom: 1px solid #eee;}
.product .name h3{font-weight: 500;font-size: 20px;color: #666;margin-top: 10px;}
.product .info ul li{margin: 10px 0;}
.product .price {font-size: 22px;margin: 10px 0;}
.product .price span{color: #aaa;margin-left: 10px;text-decoration: line-through;} 
.product .rating{margin: 10px 0;}
.product .rating span {margin-right: 5px;}
.product .options {margin: 10px 0;}
.product .options select{border: 1px solid #eee; width: 100%;}
.product input.form-inline {border-radius: 4px;border: 1px solid #ccc;padding: 4px 6px;width: 40px;}
.product .share .share-btn {margin-right: 25px;padding-top: 20px;}
@media(max-width:767px) {.product{border: none;}}

.product-desc{margin: 50px 0;}

.pricedetails {margin-top: 20px;}
.pricedetails table td {padding-right: 70px;}


/* IMG thumb - product.html */
.modal-body {padding:5px !important;}
.modal-content {border-radius:0;}.modal-dialog img {text-align:center;margin:0 auto;}
.controls{width:50px;display:block;font-size:19px;font-weight:500;}
.next {float:right;text-align:right;}
/*override modal for demo only*/
.modal-dialog {max-width:500px;padding-top: 90px;}
@media screen and (min-width: 768px){
	.modal-dialog {width:500px;padding-top: 90px}          
}

/* ---------------------------------------------------------------------------- */
/* -----------------------------------Sidebar---------------------------------- */
/* ---------------------------------------------------------------------------- */
#sidebar{ background-color:#f2f3f5}

.widget {margin-bottom: 20px;}
.widget .heading {height: 40px;
    line-height: 24px;
    border-left: 3px solid #3668a5;
    padding: 0px 15px;}
.widget .heading h4{float: left;
    font-size: 16px;;}
.widget .content {padding: 15px 20px;}

.widget.wid-categories {}
.widget.wid-categories ul li{margin-bottom: 10px; line-height:28px;}
.widget.wid-categories ul li a{font-size: 16px;}

.widget.wid-product h5{font-size: 19px;font-weight: 500;margin-top: 0;}
.widget.wid-product img{float: left; margin: 10px; max-height: 110px;}
.widget.wid-product .wrapper {vertical-align: middle;text-align: left;padding-bottom: 7px;margin-top: 22px;display: inline-block;}

.widget.wid-discouts {}
.widget.wid-discouts .checkbox, .widget.wid-brand .checkbox{font-weight: 500;}

.widget.wid-type {}
.widget.wid-type select{width: 100%; border: 1px solid #aaa;margin-top: 20px;padding: 3px;}

/* ---------------------------------------------------------------------------- */
/* -----------------------------------Footer---------------------------------- */
/* ---------------------------------------------------------------------------- */
footer {background: #42356B;}

footer .wrap-footer {padding: 50px 0;}

footer .col-footer {border-right: 1px solid #666;padding: 0 30px;}
footer .col-footer:last-child {border: none;}
footer .col-footer .heading {margin: 0 0 20px;}
footer .col-footer .heading h4{color: #fff;font-size: 23px;font-weight: 500;margin: 0 0 20px;}
footer .col-footer a {color: #fff;}
footer .col-footer ul {padding-left: 25px;}
footer .col-footer ul li{list-style: circle;}

footer .footer-1 img{margin-bottom: 10px;}
footer .footer-2 {}
footer .footer-3 {}
footer .footer-4 ul{padding-left: 0px;}
footer .footer-4 ul li{margin-top: 10px; list-style: none;}
footer .footer-4 span{margin-right:10px;}

footer .copyright {background: #42356B;
    padding: 20px 0;
    color: #fff;}
footer .copyright a {color: #fff;}
footer .copyright a:hover {text-decoration: underline;}
footer .copyright ul li {display: inline-block;margin-left: 10px;}

/* ---------------------------------------------------------------------------- */
/* ---------------------------------Form--------------------------------------- */
/* ---------------------------------------------------------------------------- */
.form-group {margin-bottom: 25px;}
.form-group input,.form-group textarea {padding: 10px;}
.form-group input.form-control {height: auto;}
.form-group textarea.form-control {height: 180px;}

.review-form {}
.review-form label textarea {height:130px;}
.review-form label input, .review-form label textarea {width: 100%;}
.review-form label, .review-form label span {display: block;}
.review-form label span {margin: 10px 0;}

/* ---------------------------------------------------------------------------- */
/* ------------------------------------Tabs------------------------------------ */
/* ---------------------------------------------------------------------------- */
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{background: #272727;border-radius: 0;color: #fff;}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {background: #272727;border-radius: 0;color: #fff;}
.tab-content {border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;border-left: 1px solid #ccc;padding: 25px;}

/* ---------------------------------------------------------------------------- */
/* -----------------------------------Button----------------------------------- */
/* ---------------------------------------------------------------------------- */
.btn {}
.btn.btn-1{ background-color: #222;color: #fff;font-size: 25px;padding: 10px 15px;}
.btn.btn-2{margin-left: 5px;background: #D9534F;color: #fff;}

.toptext { width:450px; float:right; padding:10px; overflow:hidden}
/* slide */
.slide,.slide li{width:680px;height:340px;background-color:#fbfbfb; float:left}
.slide{overflow:hidden;position:relative;}
.slide li{position:absolute;overflow:hidden;display:none;}
.slide li.current{display:block;}
.slide li .image{position:absolute;top:-2px;left:-2px;}
.slide li .text{bottom:0;overflow:hidden;background-color:rgba(0,0,0,0.6);position:relative;height:auto;background:0;filter:none;text-indent:0;margin:0px 10px 0 0;padding:6px 0;text-align:center;}
.slide li .text a{color:#fff;font-size:14px;line-height:17px;float:left;}
.slide li img{width:680px;height:340px;}
.slide li .text .title a{    font-size: 24px;
    font-weight: 700;
    color: #fff;
    font-family: Microsoft YaHei,"宋体";
    line-height: 22px;
    text-indent: 0;
    float: none;
    text-shadow: -1px -1px 0 rgba(76, 71, 71, 0),1px 1px 0 #040404,1px 1px 0 #F5EFEF;}
.slide li .text p{color:#fff;font-size:14px;text-indent:0;clear:both;line-height:24px;margin-top:20px;text-shadow: -1px -1px 0 #0E0E0E,1px 1px 0 #333,1px 1px 0 #444;}

.slide .triggers{position:absolute;z-index:1;width:230px;text-align:center;bottom:10px;height:38px;right:0;left:0;padding:0 0 8px;}
.slide .triggers a{font-size:11px;line-height:12px;color:#000;overflow:hidden;border-radius:1px;-webkit-text-size-adjust:none;float:none;width:62px;height:42px;text-align:center;display:inline-block;background:0;margin:0 3px 0 0;}
.slide .triggers a:hover{text-decoration:none;}
.slide .triggers a img{width:58px;height:38px;border:1px #999 solid;vertical-align:middle;opacity:.6;}
.slide .triggers a.current img{border:2px #2fac00 solid;opacity:1;}

.slide .icon-dot{display:inline-block;position:absolute;bottom:20px;right:43px;}
.slide .icon-dot a{width:9px;height:9px;display:inline-block;background-image:url(../images/nav.png);background-repeat:no-repeat;background-position:-1px -1px;overflow:hidden;margin:0 2px;}
.slide .icon-dot a.current{background-position:-1px -12px;}

.slide .link-watch{width:30px;height:44px;display:none;position:absolute;top:110px;background:url(../images/arrow.png) no-repeat 0 -57px;filter:alpha(opacity=60);cursor:pointer;}
.slide .link-watch.pre{left:0;}
.slide .link-watch.next{left:648px;right:0;background-position:right -57px;}
.slide .link-watch.down{background-position-y:-2px;}
#focusImage .top{background:url(http://www.southcn.com/public/2014fix/styles/ldqne.png) 0px 50% no-repeat; height:28px; line-height:30px; margin-bottom:30px;}
#focusImage .titleq{ padding-top:10px;float:left; color:#fff; font-size:14px; font-weight:bold; padding-left:15px;}
#focusImage .more{float:right; font-size:14px;}
#focusImage .more a,.sn-pad-gdzy .more a:visited{color:#000; text-decoration:none;}
#focusImage .more a:hover{color:#3668a5;}
#focusImage .title{ font-size:30px; line-height:30px;}

.toptext .text .top{background:url(https://www.itdcw.com/uploads/allimg/220610/1_1534572551.png) 0px 50% no-repeat; height:28px; line-height:30px; margin-bottom:10px;}
 .titleq a{ padding-top:0px;float:left; color:#fff; font-size:14px; font-weight:bold; padding-left:45px;}
.toptext .text .more{float:right; font-size:14px;}
.toptext  .text .more a,.sn-pad-gdzy .more a:visited{color:#000; text-decoration:none;}
.toptext  .text .more a:hover{color:#3668a5;}
.toptext  .text .title{ font-size:30px; line-height:30px;}
.toptext .text .title a{font-size:20px; font-weight:bolder;color: #3668a5;font-family:Microsoft YaHei,"宋体";line-height:22px;text-indent:0;float:none;font-weight:bold;}
.toptext p{color:#888;font-size:14px;text-indent:0;clear:both;line-height:24px;margin-top:10px; margin-bottom:10px;}
/* 列表 */
.list-news{list-style:none; overflow:hidden; width:100%;  text-overflow: ellipsis; padding-left:10px;}
.list-news li{line-height: 40px;
    border-bottom: 1px dotted #e5e5e5;
    text-wrap: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 16px;
    background: url(http://www.itdcw.com/uploads/allimg/151126/1_1653388841.png) 0px 50% no-repeat;
    overflow: hidden;
    margin-bottom: -1px;
    text-indent: 15px;}

.list-news li:hover{background-color:#f2f3f5;}
.list-news span.dv{margin:0px 6px; color:#ccc;}
.list-news a{color:#000; text-decoration:none;}
.list-news-small li{ font-size:14px; line-height:29px; height:29px; padding:0px 0px 0px 10px; background-position:0px 50%;}
.list-news-small span.dv{margin:0px 6px; color:#ccc;}

.entry-list{ border-bottom:1px solid #e5e5e5; padding-top:20px; margin-bottom:20px;}
.entry-list:hover{ position:relative;border-bottom:1px solid #e5e5e5;background: #f3f3f3; padding-top:20px;}
.entry-list-left{ position:relative; float:left; width:30.3131%; margin:0 0 1.5em 0}
.entry-list-thumb{ position:relative; overflow:hidden; margin-bottom:0;}
.entry-list-right{ margin-left:33.3434%; padding-right:10px;}
.entry-title{ font-size:1.0em; line-height:1.375; margin:0 0 0.5em;font-weight: bold;}
.post-excerpt{ font-size:14px}
.entry-meta{ position:relative; overflow:hidden;font-size:0.8em; margin:10px 0 1.5em; color:#999; font-family:"Microsoft YaHei","微软雅黑","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif}
.entry-title a{ font-size:22px}
.techTag{ float:left; margin-right:10px;}
.shareTo{ float:right;margin-top: 2px;padding-right:10px;}
.shareToo{ float:right;}
.ct{ padding:5px 15px 10px 15px;}
.ct h3{line-height:30px;}
.ab{overflow:hidden; height:80px; font-size:14px}
.ct p img.thumb{float:left; margin-right:10px; width:120px; height:80px;}
.ct p img.zj{float:left; margin-right:10px; width:70px; height:80px;}
.entry-thumb{    height: 130px;
    overflow: hidden;}
.ct2{ margin-bottom:5px;}
.ct2 img{display:block;}

.ct3{ padding:10px 0px 0px 15px;}
.ct3 .thumb{ display:inline; width:155px; height:217px; float:right; margin-left:10px;}
.ct3 h3{ font-size:18px; margin-bottom:10px; line-height:24px; font-weight:normal;}
.ct3 h3 a,.ct3 h3 a:visited{color:#565656;}
.ct3 h3 a:hover{color:#3668a5;}
/* 选项卡 */
 .ct h3{line-height:30px; font-size:18px; margin-bottom:5px; margin-top:5px;}
 .ct strong{width:100%;display:block;text-wrap: none;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden;}
.sn-pad-tabs-small{ width:240px; overflow:hidden;}
.sn-pad-tabs-small .top{ height:37px; width:300px;}
.sn-pad-tabs-small .top a,.sn-pad-tabs-small .top a:visited{ line-height:33px; height:33px; width:120px; margin:0px; padding:0px; text-align:center; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-top:3px solid #f2f3f5; }
.sn-pad-tabs-small .top a.current{ border-top:3px solid #3668a5; background-color:#f2f3f5; border-bottom:1px solid #f2f3f5; }
.sn-pad-tabs-small .tab{ padding:10px 15px;}
/* 栏目包 */
.sn-pad p{ line-height:21px; font-size:14px; color:#828282;}
.sn-pad h3 a,.sn-pad h3 a:visited{color:#000; text-decoration:none;}
.sn-pad h3 a:hover{color:#3668a5;}