/*
Theme Name: DouPHP Default
Theme URI: http://demo.douco.com/
Description: DouPHP 默认模板
Version: 1.0
Author: DouCo Co.,Ltd.
Author URI: http://www.douco.com/
*/

/* 初始化
----------------------------------------------- */
body {
 font-family: Microsoft Yahei!important;
 color: #555;
 background-color: #F4F4F4;
}
body, button, input, textarea {
/*  font-size: 12px;
line-height: 1.531; */
 outline: none;
 margin: 0;
 padding: 0;
 border: 0;
}
p, ul, ol, dl, dt, dd, form, blockquote {
 margin: 0;
 padding: 0;
}
a {
 text-decoration: none;
 color: #333333;
 font-family: Microsoft Yahei!important;
}
ul, ol {
 list-style: none;
}
h1, h2, h3, h4, h5, h6 {
/*  font-size: 12px; */
 margin: 0;
 padding: 0;
}
input, select {
 font-family: Microsoft Yahei;
 vertical-align: middle;
}
em, b, i {
 font-style: normal;
 font-weight: normal;
}
img {
 vertical-align: middle;
 border: 0;
}
label {
  cursor: pointer;
}
/* 主体框架
----------------------------------------------- */
#wrapper .wrap {
 width: 1200px;
 margin: 0px auto;
}
/* -- page -- */
#pageLeft {
 float: left;
 width: 218px;
 margin-right: 20px;
}
#pageIn {
 float: right;
 width: 932px;
 overflow: hidden;
 margin-top: 20px;
}
/* 分页 */
.page_bar{ text-align:center; padding-top:30px; padding-bottom:50px}

.page_bar a,.page_bar span{border:1px solid #ccc; padding:5px 10px; display:inline-block; color:#333; margin:3px}

.page_bar a:hover, .page_bar .active{background:#3a9dfa; color:#fff}

 

.pageMore{ display:none; padding: 0.2rem 0;}

.pageMore a{ display:block; color:#fff; height: 0.9rem; line-height: 0.9rem; text-align:center; font-size:0.36rem; background: #3a9dfa; width: 100%;}

.disabled{	
	border:1px solid #ccc; padding: 2px 18px; display:inline-block;background:#fff;;
}

.page_bar .active{
border:1px solid #ccc;padding: 2px 18px; display:inline-block;background:#3a9dfa; color:#fff
}
/*  */
/* -- index -- */
#indexLeft {
 float: left;
 width: 600px;
}
#indexRight {
 float: right;
 width: 360px;
 text-align: left;
}
/* 头部导航
----------------------------------------------- */
/* -- top -- */
#top {
 background-color: #EEEEEE;
 height: 30px;
 border-bottom: 1px solid #D8D8D8;
 text-align: right;
 color: #CCC;
}
#top a {
 height: 28px;
 line-height: 28px;
 color: #555;
}
#top s {
 top: 9px;
 left: 0;
 width: 0;
 height: 12px;
 border-left: 1px solid #DDD;
 overflow: hidden;
}
/* userTop */
#top .userTop {
 float:left;
}
#top .userTop s {
 margin:0 12px;
}
/* topNav */
#top .topNav {
 position: relative;
 z-index: 1000;
 height: 30px;
 float: right;
 margin-right:-5px;
}
#top .topNav li {
 border: 1px solid #EEEEEE;
 border-bottom: 0;
 float: left;
 zoom: 1;
 text-align: center;
}
#top .topNav li a {
 padding: 0 12px;
}
#top .topNav li.hover {
 position: relative;
 background: #FFFFFF;
 border: 1px solid #DDDDDD;
 border-bottom: 0;
}
#top .topNav li.hover s {
 border-left: 1px solid #FFF;
}
#top .topNav ul {
 background: #FFFFFF;
 border: 1px solid #DDDDDD;
 border-top: 0;
 width: 100%;
 display: none;
 position: absolute;
 top: 100%;
 left: -1px;
 padding-bottom: 4px;
}
#top .topNav ul li {
 float: none;
}
#top .topNav li.hover ul li {
 border: none;
}
#top .topNav li.hover ul li a {
 height: 25px;
 line-height: 25px;
}
/* -- header -- */
#header {
 min-height: 80px;
}
#header .wrap {
 zoom:1;
 overflow:hidden;
}
#header .logo {
 padding: 14px 0;
 float: left;
}
#header .search {
 float: right;
 margin: 30px 10px 0 0!important;
}
#header .search div {
 float: right;
}
/* -- mainNav -- */
#mainNav {
 margin-bottom: 10px;
 height: 35px;
 font-size: 14px;
}
/* LEVEL ONE */
#mainNav ul.wrap {
 background: #E0E0E0 url(../image/main_nav_right.gif) no-repeat right top;
 position: relative;
 z-index: 1000;
}
#mainNav ul li {
 background-color: #E0E0E0;
 float: left;
 zoom: 1;
}
#mainNav ul li a {
 display: block;
 width: 101px;
 padding: 0 12px;
 text-align: center;
 border-right: 1px solid #F4F4F4;
 height: 35px;
 line-height: 35px;
 color: #000000;
 text-decoration: none;
}
#mainNav ul li.hover, #mainNav ul li.cur {
 background: #19B4EA;
 position: relative;
}
#mainNav ul li.hover a, #mainNav ul li.cur a {
 color: #FFF;
}
#mainNav ul li .first {
 background: #E0E0E0 url(../image/main_nav_left.gif) no-repeat left top;
 width: 74px;
}
#mainNav ul li.hover .first, #mainNav ul li.cur .first {
 background: #19B4EA url(../image/main_nav_left.gif) no-repeat left bottom;
}
#mainNav ul li .last {
 background: #E0E0E0 url(../image/main_nav_right.gif) no-repeat right top;
 margin-right: -1px;
}
#mainNav ul li.hover .last, #mainNav ul li.cur .last {
 background: #19B4EA url(../image/main_nav_right.gif) no-repeat right bottom;
}
/* LEVEL TWO */
#mainNav ul ul {
 min-width: 125px;
 _width: 125px;
 display: none;
 position: absolute;
 top: 100%;
 left: 0;
 border-top: 1px solid white;
 background: #E0E0E0;
}
#mainNav ul ul li {
 font-weight: normal;
 background: #E0E0E0;
 float: none;
}
#mainNav ul li.hover ul li a {
 color: #24313C;
 border-right: none;
 display: inline-block;
}
#mainNav ul li.hover ul li.hover a {
 color: #FFF;
}
#mainNav ul li.hover ul a.parent {
 background: url(../image/icon_red.gif) no-repeat 100px 50%;
}
/* LEVEL THREE */
#mainNav ul ul ul {
 left: 100%;
 top: 0;
 border-top: 0;
 _border-top: 1px;
}
#mainNav ul li.hover ul li.hover ul li a {
 color: #24313C;
}
#mainNav ul li.hover ul li.hover ul li.hover a {
 color: #FFF;
}
/* 首页样式
----------------------------------------------- */
/* -- slideShow -- */
.slideShow {
 position: relative;
 margin: 0 auto 10px;
 padding: 0;
 *zoom: 1;
}
.slideShow .slides a {
 display: block;
 height: 500px;
 background-repeat: no-repeat;
 background-position: center center;
 background-size: cover;
}
.slideShow .slideBox {
 background: #fff;
 /*fix other elements on the page moving (on Chrome)*/
 -webkit-transform: translatez(0);
 -moz-transform: translatez(0);
 -ms-transform: translatez(0);
 -o-transform: translatez(0);
 transform: translatez(0);
}
/* -- slideLoading -- */
.slideShow .slideLoading {
 min-height: 50px;
 background: url(../image/slide_loader.gif) center center no-repeat #fff;
 height: 100%;
 width: 100%;
 position: absolute;
 top: 0;
 left: 0;
 z-index: 60;
}
/* -- previous 和 next 按钮 -- */
.slideShow .arrowBox a {
 z-index: 70;
 font-family: \5b8b\4f53, sans-serif;
 position: absolute;
 display: block;
 margin-bottom: -20px;
 width: 40px;
 height: 40px;
 bottom: 50%;
 line-height: 40px;
 text-decoration: none;
 text-align: center;
 color: #fff;
 font-size: 2em;
 background-color: #333;
 background-color: rgba(50, 50, 50, .3);
}
.slideShow .arrowBox a.disabled {
 display: none;
}
.slideShow .arrowBox .arrowPrev {
 left: 20px;
}
.slideShow .arrowBox .arrowNext {
 right: 20px;
}
.slideShow .arrowBox a:hover {
 background-color: rgba(50, 50, 50, .6);
}
/* -- controlBox -- */
.slideShow .controlBox {
 z-index: 70;
 position: absolute;
 bottom: 10px;
 width: 100%;
 text-align: center;
 font-size: .85em;
 font-family: Arial;
 font-weight: bold;
 color: #666;
}
.slideShow .controlBox .control {
 display: inline-block;
 *zoom: 1;
 *display: inline;
}
.slideShow .controlBox.controlDefault a {
 background: url(../image/inactive.png) no-repeat 50% 50%;
 text-indent: -9999px;
 overflow:hidden;
 width: 20px;
 height: 30px;
 clear: none;
 display: block;
}
.slideShow .controlBox.controlDefault a:hover, .slideShow .controlBox.controlDefault a.active {
 background: url(../image/active.png) no-repeat 50% 50%;
}
/* -- slideTitle -- */
.slideShow .slideTitle {
 z-index: 70;
 position: absolute;
 bottom: 0;
 left: 0;
 background: #666\9;
 background: rgba(80, 80, 80, 0.75);
 width: 100%;
}
.slideShow .slideTitle span {
 color: #fff;
 display: block;
 font-size: .85em;
 padding: 15px 10px;
}
/* -- sileThumb -- */
.slideShow .sileThumb {
 z-index: 70;
 text-align: center;
 position: absolute;
 bottom: 8px;
 right: 8px;
}
.slideShow .sileThumb a {
 margin: 0 3px;
}
.slideShow .sileThumb a img {
 border: solid #B0B0B0 1px;
}
.slideShow .sileThumb a.active img {
 border: solid #19B4EA 1px;
}
/* -- recommendProduct -- */
.recommendProduct {
 padding-top: 10px;
 zoom:1;
 overflow:hidden;
}
.recommendProduct li {
 float: left;
 width: 137px;
 height: 200px;
 margin-right: 17px;
 text-align: center;
}
.recommendProduct li.clearBorder {
 margin-right: 0;
}
.recommendProduct .img {
 border: 1px solid #E4E4E4;
 margin-bottom: 8px;
}
/* -- recommendArticle -- */
.recommendArticle li {
 background: url(../image/icon_red.gif) no-repeat left 50%;
 border-bottom: 1px dotted #D1D1D1;
 line-height: 38px;
 padding-left: 15px;
}
.recommendArticle li b {
 float: right;
 color: #999999;
}
.recommendArticle li.last {
 border-bottom: 0;
}
/* -- about -- */
.about {
 padding-top: 13px;
}
.about p {
 float: left;
 width: 120px;
 height: 154px;
}
.about dl {
 float: right;
 width: 465px;
 height: 154px;
}
.about dl dt {
 display: block;
 font-size: 16px;
 font-weight: bold;
 color: #313131;
 padding: 5px 0;
}
.about dl dd {
 line-height: 200%;
 color: #999999;
 word-wrap: break-word;
 word-break: normal;
}
.about .aboutBtn {
 display: block;
 text-decoration: underline;
 color: #CC0000;
 font-weight: bold;
 margin-top: 12px;
}
/* -- contact -- */
.contact {
 border: 1px solid #CBD1D3;
 background-color: #EFEFEF;
 padding: 15px;
}
.contact h3 {
 border-bottom: 1px solid #CBD1D3;
 padding-bottom: 10px;
 font-size: 14px;
 color: #7A7F81;
}
.contact .box {
 padding:15px 0 0 3px;
}
.contact dl {
 margin-bottom: 8px;
 zoom:1;
 overflow:hidden;
}
.contact dt {
 float:left;
 background: url(../image/icon_contact.png) no-repeat 0 0;
 width:30px;
 height: 30px;
 margin-right:17px;
}
.contact dt.tel {
 background-position: 0 -30px;
}
.contact dt.fax {
 background-position: 0 -60px;
}
.contact dt.url {
 background-position: 0 -90px;
}
.contact dt.email {
 background-position: 0 -120px;
}
.contact dd {
 float:left;
 width:278px;
 color: #7A7F81;
 line-height:30px;
}
/* -- link -- */
.link {
 margin-bottom: 10px;
}
.link strong {
 color: #7A7F81;
 font-weight: bold;
}
.link a {
 color: #555;
}
/* page
----------------------------------------------- */
#page {
 padding: 20px 0;
 width: 932px;
 position: relative;
}
#page h1 {
 color: #333333;
 font-size: 18px;
 font-weight: bold;
}
#page .info {
 padding: 2px 0 20px 0;
 color: #999999;
 font-size: 13px;
}
#page .content {
 color: #666666;
 line-height: 200%;
 padding-top: 10px;
}
/* product_category
----------------------------------------------- */
.productList {
 padding-top: 20px;
 color: #999999;
}
.productList dl {
 float: left;
 width: 370px;
 height: 160px;
 margin: 0 20px 30px 0;
}
.productList dl.last {
 margin-right: 0;
}
.productList dt {
 float: left;
 width: 160px;
}
.productList dd {
 float: left;
 width: 195px;
 padding: 15px 0 0 15px;
}
.productList dt img {
 border: 1px solid #EEEEEE;
}
.productList .name {
 height: 18px;
 overflow: hidden;
}
.productList .name a {
 color: #333333;
 font-weight: bold;
}
.productList .brief {
 color: #999999;
 padding-top: 8px;
 height: 60px;
}
.productList .price {
 padding-bottom: 10px;
}
#brand{background: #fff;}
/* product
----------------------------------------------- */
#product {
 padding: 15px 0;
 background: #fff;
}
#product .productImg {
 float: left;
 width: 300px;
}
#product .productInfo {
 float: left;
 width: 465px;
 padding: 10px 0 0 15px;
 line-height: 200%;
}
#product .productInfo h1 {
 font-size: 18px;
}
#product .productInfo ul {
 padding-top: 10px;
 margin-bottom:50px;
}
#product .productInfo .productPrice {
 margin-bottom: 5px;
}
#product .productInfo .productPrice .price {
 font-family: Arial;
 font-size: 20px;
 font-weight: bold;
}
#product .productInfo .btnAsk {
 zoom: 1;
 overflow: hidden;
}
#product .productInfo .btnAsk dt {
 float: left;
 width: 88px;
 height: 39px;
 line-height: 39px;
 text-align: right;
 padding-right: 3px;
 margin-right: 6px;
 background-color: #E0E0E0;
 color: #333;
 font-weight: bold;
}
#product .productInfo .btnAsk dd {
 float: left;
 width: 300px;
}
#product .productInfo .btnBuy {
 margin-bottom: 40px;
}
#product .productInfo .btnBuy .addToCart {
 background:#19B4EA url(../image/btn_addtocart.png) no-repeat 20px 50%;
 color: #FFFFFF;
 padding: 8px 25px 8px 50px;
 text-decoration: none;
 cursor: pointer;
 font-size:16px;
}
#product .productInfo .btnBuy .addToCart:hover {
 background-color: #44C4EE;
}
#product .productContent {
 padding: 15px 0;
}
#product .productContent h3 {
 height: 35px;
 line-height: 35px;
 color: #7A7F81;
 font-weight: bold;
 font-size: 14px;
 border-bottom: 1px solid #CBD1D3;
}
#product .productContent ul {
 padding: 15px 0;
 color: #666;
 line-height: 200%;
}
/* article_category
----------------------------------------------- */
#articleList dl {
 border-bottom: 1px dotted #D1D1D1;
 padding: 20px 0;
 zoom:1;
 overflow:hidden;
}
#articleList dl.last {
 border-bottom: 0;
}
#articleList dt {
 width: 620px;
 background: url(../image/icon_red.gif) no-repeat left 50%;
 padding-left: 15px;
 margin-bottom: 10px;
}
#articleList dd {
 color: #999999;
 padding-left: 2px;
 line-height: 180%;
 zoom: 1;
 overflow: hidden;
}
#articleList dd p {
 float: left;
}
#articleList dd p.img {
 margin-right: 10px;
}
#articleList dd p.desc {
 width: 590px;
}
#articleList .numDate {
 float: right;
 text-align: right;
 padding-top: 12px;
}
#articleList .numDate em {
 background-color: #0072C6;
 color: #FFF;
 padding: 3px 4px;
 font-size: 14px;
 font-weight: bold;
}
#articleList .numDate p {
 font-size: 16px;
 color: #999999;
 margin-top: 5px;
}
/* article
----------------------------------------------- */
#article {
 padding: 20px 0;
}
#article h1 {
 color: #333333;
 font-size: 18px;
 font-weight: bold;
}
#article .info {
 padding: 2px 0 20px 0;
 color: #999999;
 font-size: 13px;
}
#article .content {
 color: #666666;
 line-height: 180%;
}
/* 提示信息
----------------------------------------------- */
#douMsg {
 padding: 10px 0 100px 0;
}
#douMsg dl {
 padding: 160px 0 200px 0;
 text-align: center;
 border: 1px solid #E4E4E4;
}
#douMsg dt {
 color: #0072C6;
 font-size: 16px;
 margin-bottom: 30px;
 font-weight: bold;
}
#douMsg dd {
 color: #666;
}
#douMsg dd a {
 margin-left: 5px;
 color: #000;
}
/* 全局样式
----------------------------------------------- */
/* -- common -- */
.captcha {
 text-transform: uppercase;
}
#vcode {
 cursor: pointer;
}
.clear {
 clear: both;
 height: 0;
 line-height: 0;
 font-size: 0;
}
.none {
 display: none;
}
.cue {
 color: red;
 font-size:12px;
}
.price {
 color: #CC0000;
}
/* -- form -- */
.btn {
 display: inline-block;
 background-color: #0072C6;
 color: #EEE;
 padding: 6px 25px;
 text-transform: capitalize;
 cursor: pointer;
 font-weight: bold;
 text-align:center;
 -webkit-appearance: none;
}
.btn:hover {
 text-decoration: none;
 color: #FFFFFF;
 background-color: #007AD5;
}
.btnGray {
 display: inline-block;
 background-color: #CCC;
 border: 0;
 color: #333;
 padding: 6px 15px;
 text-transform: capitalize;
 cursor: pointer;
 font-weight: bold;
 -webkit-appearance: none;
}
.btnPayment {
 display: inline-block;
 background-color: #ff4246;
 color: #FFF;
 padding: 7px 28px;
 text-transform: capitalize;
 cursor: pointer;
 font-weight: bold;
 font-size:14px;
 text-align:center;
 -webkit-appearance: none;
}
/* -- input -- */
.textInput {
 height: 20px;
 padding: 6px;
 font-size: 14px;
 border: 1px solid #DDD;
 background-color:#F4F4F4;
 color:#666;
 -webkit-appearance: none;
}
.textArea {
 padding: 4px;
 border: 1px solid #DDDDDD;
 background-color:#F4F4F4;
 line-height: 20px;
 -webkit-appearance: none;
}
.textAreaAuto {
 border: 1px solid #DBDBDB;
 background-color:#F4F4F4;
 padding: 0;
 font-size: 12x;
 line-height: 20px;
 resize: none;
 min-height: 40px;
 -webkit-appearance: none;
}
/* -- incBox -- */
.incBox {
 margin-bottom: 15px;
}
.incBox h3 {
 height: 35px;
 line-height: 35px;
 color: #7A7F81;
 font-weight: bold;
 font-size: 14px;
 border-bottom: 1px solid #CBD1D3;
}
.incBox h3 a {
 color: #7A7F81;
}
/* -- urHere -- */
.urHere {
 height: 35px;
 line-height: 35px;
 color: #999999;
 border-bottom: 1px solid #CBD1D3;
}
.urHere a {
 color: #999999;
}
.urHere b {
 margin: 0 8px;
}

/* -- page-tree -- */
.treeBox_zj {
 margin-bottom: 20px;
 border: 1px solid #acacac;
 margin-top: 20px;
}
.treeBox_zj h3 {
 height: 35px;
 line-height: 35px;
 background-color: #acacac;
 color: #fff;
 text-align: center;
 margin-top: 0!important;
 margin-bottom: 0!important;
}
.treeBox_zj ul{
	list-style: inside  url(images/listRadius.jpg);
	margin-top: 0!important;
}
.treeBox_zj li {
 padding-left: 10px;
 line-height: 40px;
 list-style: inside url('../image/active.png');
 text-align: left;
 border-bottom: 1px dotted #acacac;
}
.treeBox_zj li.cur_zj a {
 color:#4a89dc;
 font-size: 14px;
}
.treeBox_zj li a {
 font-size: 15px;
 font-family: '微软雅黑';
 text-decoration: none;
}
.treeBox_zj li a:hover{
	color:#4a89dc;
}
.treeBox_zj .search {
 margin:20px 0;
}
.treeBox_zj .search .keyword {
 width: 136px;
}
.phone{
	margin-top: 20px;
}
.phone>img{
	width: 218px;
	height: 88px;
	display: block;
}


/* -- searchBox -- */
.searchBox {
 border: 1px solid #DDDDDD;
 background-color: #FFF;
 height: 28px;
 padding-left: 10px;
}
.searchBox {
 position: relative;
 white-space: normal
}
.searchBox label {
 height: 0;
 line-height: 0;
 overflow: hidden;
 width: 0;
 position: absolute;
 font-size: 0;
 z-index: -1;
 outline: 0
}
.searchBox .keyword {
 color: #CCCCCC;
}
.searchBox .keyword:focus {
 color: #555
}
.searchBox .keyword::-webkit-input-placeholder {
 color:#CCCCCC;
}
.searchBox .keyword:focus:-moz-placeholder, .searchBox .keyword:focus::-moz-placeholder {
color:transparent!important
}
.searchBox .keyword:focus::-webkit-input-placeholder {
color:transparent!important
}
.searchBox .btnSearch {
 background: #E0E0E0 url(../image/btn_search.gif) no-repeat;
 width: 28px;
 height: 28px;
 text-indent: -999px;
 overflow:hidden;
 cursor: pointer;
}
/*- tableBasic -*/
.tableBasic {
 color: #666666;
 border-left: 1px solid #DDDDDD;
 border-top: 1px solid #DDDDDD;
 border-collapse: collapse;
}
.tableBasic select {
 color: #8F8F8F;
}
.tableBasic td, .tableBasic th {
 border-right: 1px solid #DDDDDD;
 border-bottom: 1px solid #DDDDDD;
}
.tableBasic th {
 background-color: #EFEFEF;
}
.tableBasic .child {
 background-color: #FFFFFF;
}
.tableBasic td label {
 margin-right:15px;
}
.tableBasic td i {
 color:#F00;
 margin-left:5px;
 font-weight:bold;
}
/*- tableDiv -*/
.tableDiv dl {
 zoom:1;
 overflow:hidden;
 margin-bottom:15px;
}
.tableDiv dl dt {
 float:left;
 width:160px;
 text-align:right;
 line-height:34px;
 font-size:13px;
}
.tableDiv dl dd {
 float:left;
 width:640px;
 padding-left:10px;
}
.tableDiv dl dd i {
 color:#F00;
 margin-left:5px;
 font-weight:bold;
}
.tableDiv dl dd label {
 margin-right: 15px;
 line-height:34px;
}

li {list-style: none;}
a {text-decoration: none;}
ul{margin: 0;padding: 0;}
img{border:0;}
p,h2,h3{padding: 0;margin: 0;}
body,html{overflow-x: hidden;margin: 0px;padding: 0px;}
.clearfix:after {overflow: hidden;display: block;height: 0;content: '';font-size: 0;clear:both;}

.left{float: left;}.right{float: right;}
.center{width: 1200px;margin: 0 auto;}
.half{ width: 50%; }



.header_logo{background: #fbfbfb;width: 100%;height: 158px;}
.header_logo .center{width: 100%;height: 158px;background: url(../image/dingbu_logo.png) no-repeat center center;}
.header_nav{background: #017aeb;height: 60px;line-height: 60px;}
.header_ul .header_li{width: 129px;line-height:60px;height: 60px;float: left;text-align: center;}
.header_ul li a{font-size: 18px;color: #fff;}
.header_ul .on{background: #77b4ec;}

 
/*首页幻灯片CSS开始*/
.weichuangyi {width:100%;height:500px;margin:0 auto;position: relative;}
.weichuangyi_main{width:100%;height:auto;position: absolute;left:0;top:0;}
.weichuangyi_main li a img {display:block;width:100%;height:500px;position: absolute;left:0;top:0; }
.weichuangyi_span {width:100%;height:6px;position: absolute;left:0;bottom:24px;zoom:1;}
.weichuangyi_span span {width:42px;height:6px;display:block;float:left;margin-left:10px;background: url(../image/nav1.jpg) no-repeat center center;}
.weichuangyi_span p {width:174px;height:6px;margin:0 auto;}
.weichuangyi_span .weichuangyi_span_one{background: url(../image/nav.jpg) no-repeat center center;}
.weichuangyi_left {width:60px;height:90px;cursor: pointer;background:#000 url(http://www.zshetai.com/theme/default/images/ad_ctr.png) no-repeat 5px -180px;filter:alpha(opacity:50);opacity:0.5;position: absolute;left:15%;top:320px;display:none;}
.weichuangyi_left1 {background:#000 url(http://www.zshetai.com/theme/default/images/ad_ctr.png) no-repeat 3px top;}
.weichuangyi_right {width:60px;height:90px;cursor: pointer;background:#000 url(http://www.zshetai.com/theme/default/images/ad_ctr.png) no-repeat -5px bottom;filter:alpha(opacity:50);opacity:0.5;position: absolute;right:15%;top:320px;display:none;}
.weichuangyi_right1 {background:#000 url(http://www.zshetai.com/theme/default/images/ad_ctr.png) no-repeat -3px -90px;}
/*幻灯片css结束*/


.product_header{height: 150px;width: 100%;background: url(../image/product_h.png) no-repeat center center; }
.product_header h2{display: block;text-align: center;font-size: 30px;color: #256cd8;padding-top:63px; }

.case_header{height: 150px;width: 100%;background: url(../image/case_h.png) no-repeat center center; margin-bottom: 20px;}
.case_header h2{display: block;text-align: center;font-size: 30px;color: #256cd8;padding-top:63px; }

/* 工程案例分类列表 */
.clear{clear: both;}
.case_type{width: 1200px;margin: 0 auto 30px;}
.case_type .type_list{width: 222px;margin-right: 20px;margin-bottom: 20px;height: 50px;display: flex;align-items: center;justify-content: center;font-size: 17px;border: 1px solid #256cd8;float: left;}
.case_type .type_list>span{margin: 0 10px 0 0;}
.case_type .on{background: #256cd8;color: #fff;}
.case_type .on>span{background: #256cd8;color: #fff;font-size: 30px;margin: 0 10px 0 0;font-weight: bold;}
.case_type .type_list:nth-child(5n){margin-right: 0;}

/* 工程案例分类列表 end */

.brand_header{height: 150px;width: 100%;background: url(../image/brand_h.png) no-repeat center center; margin-bottom: 20px;}
.brand_header h2{display: block;text-align: center;font-size: 30px;color: #256cd8;padding-top:63px; }

.compare_header{height: 150px;width: 100%;background: url(../image/compare_h.png) no-repeat center center; margin-bottom: 20px;}
.compare_header h2{display: block;text-align: center;font-size: 30px;color: #256cd8;padding-top:63px; }

.honor_header{height: 150px;width: 100%;background: url(../image/honor_h.png) no-repeat center center; margin-bottom: 20px;}
.honor_header h2{display: block;text-align: center;font-size: 30px;color: #256cd8;padding-top:63px; }

.news_header{height: 150px;width: 100%;background: url(../image/news_h.png) no-repeat center center; margin-bottom: 20px;}
.news_header h2{display: block;text-align: center;font-size: 30px;color: #256cd8;padding-top:63px; }


.product_left{width: 236px;height: 843px;  box-shadow: 10px 10px 0px #2687e1;}
.product_right{width: 934px;height: 750px;margin-top:20px;display: none; }
.product_left_nav{height:120px;width: 100%;}
.product_left_nav>img{ width: 236px; height: 120px; }
.product_left_nav h2{font-size: 24px;color: #fff;padding-top: 40px;text-align: center;display: block;margin: 4px auto; }
.product_left_nav span{font-size: 14px;color: #fff;text-align: center;display: block;}
.product_left_li ul{border: 2px solid #3a9dfa;width: 212px;height: 698px;border-bottom: 3px solid #3a9dfa; padding: 10px; background-color: #3a9dfa;}
.product_left_li ul span{ width: 216px; height: 40px; margin-top: 10px; }
.product_left_li ul span img{ width: 216px; height: 40px; }
.product_left_li ul li{height: 54px;line-height: 55px;text-align: center;background: #fff;position: relative; background: url(../image/pro_nav_liBg.jpg) no-repeat center center; background-size: cover; }
.product_left_li ul li hr{width: 180px;margin: 0 25px;color: #cacaca;bottom: -1px;position: absolute;display: block;padding: 0;}
.product_left_li ul li a{font-size: 16px;color: #000;display: block;width: 101%;}
.product_left_li ul li a em{width: 15px;height: 60px;background: url(../image/arrow.png) no-repeat center center;display: inline-block;vertical-align:middle;margin: 0 15px; }
.product_left_li ul li.on a em{background: url(../image/arrow_on.png) no-repeat center center !important;}
.product_left_li ul li.on{ border-left: 4px solid #d82e00; }
.product_left_li ul li.on hr{display: none !important;}
.product_left_li ul li.on a{color: #da4322 !important;}
.product_left_li ul li p{display: inline-block;width: 160px;font-size:16px;text-align:left;}
.product_right_header{background:url(../image/proBg.jpg) no-repeat center center; ;height: 55px;width: 100%;border-bottom:3px solid #d82e00; }
.product_right_header .left{margin-left:20px;display: inline-block;color: #fff;height: 55px;line-height: 55px;font-size: 24px; }
.product_right_header .right{margin-right:20px; display: inline-block;color: #fff;height: 55px;line-height: 55px;font-size: 18px;}
.product_right_li ul li{ width: 212px;float: left;height: 326px;margin:42px 25px 0 0; text-align: center; vertical-align: middle;display: table-cell;}
.product_right_li ul li .img {width: 220px;height: 275px;border: 1px solid #cacaca;text-align: center;overflow: hidden; border-bottom: none;}
.product_right_li ul li .img img{max-height: 275px;max-width: 220px;margin: 0 auto;}
.product_right_li ul li p{height:40px;line-height: 40px;font-size: 18px;color: #3a9dfa;  border: 1px solid #cacaca; width: 220px;}
.product_right_li ul .last{margin-right:0 !important; }


/*工程案例 S*/
#case .game163{ position: relative;overflow: hidden; }
#case .game163 .bigImg{ height: 574px; position: relative; margin-bottom: 10px;}
#case .game163 .bigImg .bigLi{ height: 574px; overflow: visible; }
#case .game163 .bigImg li img{ vertical-align:middle; width:890px; height:574px;  }
#case .game163 .bigImg  h4{ font-size: 18px; color: #fff;padding: 0;margin: 0;font-weight: bold; line-height: 45px; height: 45px; overflow: hidden; text-align: left; width: 890px;position: absolute;bottom: 0px; background:rgba(0,0,0,0.5); text-indent: 15px;}

#case .game163 .smallScroll{ height: 100px; width: 890px;}
#case .game163 .sPrev{ float: left; display: block; width: 30px; height: 100px;  background: url(../image/arrow_L.png);}
#case .game163 .sNext{ float: right; display: block; width: 30px; height: 100px;  background: url(../image/arrow_R.jpg);}
#case .game163 .smallImg{ float:left;  margin: 0 10px;width: 810px; overflow: hidden;}
#case .game163 .smallImg ul{ height:100px;  width: 9999px; overflow: hidden; }
#case .game163 .smallImg li{ float: left;width:155px; cursor:pointer; display: inline; margin: 0 10px 0 0; }
#case .game163 .smallImg li:last-child{display:none!important;width:0!important;height:0!important;}
#case .game163 .smallImg img{ width:155px; height:100px;  }
#case .game163 .smallImg .on img{ border-color: #017aeb;}

#case .right ul{
	height: 684px;
	width: 300px; 
	background: url(../image/caseBg.jpg);
	background-size: cover;
}
#case .right ul>li{
	color: #fff;
	height: 20%; 
	padding: 40px 25px;
	box-sizing: border-box;
}
#case .right ul>li .font26{
	font-size: 26px;
	font-weight: 700;
}
#case .right ul>li .font20{
	font-size: 20px;
	font-weight: 200;
}
#case .right ul>li>a{
	background-color: #fff;
	display: inline-block;
	width: 150px;
	height: 40px;	
	font-size: 20px;
	color: #013f96;
	line-height: 40px;
	text-align: center;	
}







/*工程案例CSS结束*/


/*合作品牌CSS开始*/
#brand .brand_main ul li{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	overflow: hidden;
	width: 190px;
	height: 158px;
}
#brand .brand_main ul li img{
	width: 188px;
	height: 115px;
	border: #b5b5b5 solid 1px;
}
#brand .brand_main ul li p{
	text-align: center;
	padding: 10px;
	font-size: 14px;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/*合作品牌CSS结束*/

/*如何选择需要的品牌*/
#compare{
	background: #fff url(../image/chooseBg.png) no-repeat center center;
	width: 100%;
	height: 1083px;
	color: #fff;
	margin-top: 40px;
}
.compare_main{
	width: 1200px;
	height: 850px;
}
.compare_main ul>li{
	height: 162px;
	margin-top:10px;
	cursor: pointer;
}
.compare_main ul>li.thickBg{
	background: url(../image/comparison_thickBg.jpg) no-repeat center center;
	display: flex;
}
.compare_main ul>li.thickBg .left,.compare_main ul>li.thickBg .right{
	padding: 10px 0;
}
.compare_main ul>li.lightBg{
	background: url(../image/comparison_lightBg.jpg) no-repeat center center;
	display: flex;
}
.compare_main ul>li.lightBg .left,.compare_main ul>li.lightBg .right{
	padding: 10px 0;
}

/*对比的左边*/
.compare_main ul>li .left span.compareImg{
	margin-right: 20px;
	margin-left: 15px;
}
.compare_main ul>li .radius{
	width: 14px;
	height: 28px;
	background: url(../image/radius.png) no-repeat center center;
	margin-right: 15px;
}
.compare_main ul>li .left .compareCaption{
	width: 350px;
}
.compare_main ul>li .compareCaption .font28{
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 20px;
}
/* .compare_main ul>li .compareCaption>p{
	font-size: 18px;
	font-weight: normal;
} */
/*对比的右边*/
.compare_main ul>li .right .compare_right_caption{
	padding-left: 60px;
}
.compare_main ul>li .right .compareCaption{
	width: 500px;
}


/*荣誉证书 S*/
#certificateHonor{
	padding-bottom: 45px;
	background-color: #fbfbfb;
}
#certificateHonor .goLeft,.goRight{
	display: inline-block;
	width: 45px;
	height: 270px;
}
#certificateHonor .goLeft{
	position: absolute;
	left: 0px;
	top: 0px;
}
#certificateHonor .goLeft>img{
}
#certificateHonor .goRight{
	position: absolute;
	right: 0px;
	top: 0px;
}
    /*superSlide修改后代码 S*/
#certificateHonor .picScroll-left{
	position: relative;
} 
#certificateHonor .bd{
	height: 270px;
	margin: 0 75px;
	overflow: hidden;
}
#certificateHonor .picScroll-left .bd ul{ width: 10000px;  }
#certificateHonor .picScroll-left .bd ul>li{ margin-right: 20px; float:left; _display:inline;}
#certificateHonor .picScroll-left .bd ul li a>img{ width:190px; height:270px; display:block;}
	/*superSlide修改后代码 E*/
/*荣誉证书 E*/

/*关于我们 S*/
#aboutUs .leftCaption{
	padding: 50px 20px 50px 0;
	width: 576px;
	height: 361px;
	border: 2px #eee solid;

	border-left:none !important; 
}
#aboutUs .leftCaption .lt {
	margin-bottom: 40px;
}
#aboutUs .leftCaption .lt>p{
	color: #686868;
}
#aboutUs .leftCaption .lt>h2{
	font-family: "微软雅黑";
	color: #256cd8;
}

#aboutUs .leftCaption .lb {
	line-height: 2em;
	margin-bottom: 40px;
}
#aboutUs .leftCaption a.right{
	background-color: #017aeb;
	padding: 20px 30px;
	font-size: 16px;
	color: #FFF;
	font-family: '微软雅黑';

}
#aboutUs .rightImg {
	
}
#aboutUs .rightImg>img{
	width: 960px;
	height: 465px;
	display: block;
}
/*关于我们 E*/


/*新闻资讯 S*/
#news{
	padding-bottom: 20px;
}
#news .new-t{
	width: 300px;
	height: 40px;
	margin-bottom: 35px;
}
#news .new-t>a{
	display: inline-block;
	width: 145px;
	height: 40px;
	background-color: #c8c8c8;
	color: #fff;
	text-align: center;
	line-height: 40px;
	font-family: "微软雅黑";
	font-size: 16px;
}
#news .new-t>a.active{
	background-color: #d82e00;
}

	/*news中的内容*/
#news .new-main ul>li{
	width: 255px;
	height: 300px;
	background-color: #fff;
	float: left;
	margin-right: 33px;
	padding: 10px;
}
	/*最后一个li margin-right为0px*/
/*#news .new-main ul>li.toZero{*/
/*	margin-right: 0px!important;*/
/*}*/
#news .new-main ul>li:last-child {
    margin: 0 !important;
}
#news .new-main ul>li .new-main-caption>p{
	font-family: "微软雅黑";
	color: #746b68;
	text-indent: 30px;
	word-break:break-all;
	word-wrap:break-word;
	font-size: 14px;
}

#news .more{
	width: 150px;
	height: 45px;
	margin-top: 30px;
	text-align: center;
}
#news .more>a{
	font-family: "微软雅黑";
	font-size: 16px;
	color: #013f96;
}

/*新闻资讯 E*/

.news{margin-top: 90px;}
.news .news_title{width: 100%;height: 100px;background: url(http://www.zshetai.com/theme/default/images/news.png) no-repeat center center;margin-bottom: 30px;}
.news_center_left,.news_center_right{width: 540px;padding: 15px;}
.news_center_left .img,.news_center_right .img{width: 540px;height:183px;overflow: hidden; }
.news_center_left h3,.news_center_right h3{height: 35px;line-height: 35px;color: #ed705c;margin-top: 40px;}
.news_center_left span,.news_center_right span{height: 45px;line-height: 45px;color: #c7c7c7;}
.news_center_left p,.news_center_right p{line-height: 32px;color: #646464;word-break: break-all;font-size: 15px;}
.news_center_left p a,.news_center_right p a{background: #000;font-size: 15px;color: #fff;margin-left: 10px;padding: 5px;font-size: 12px;}

.footer{margin-top: 40px;}
.footer2{height: 40px;line-height: 40px;width: 100%; text-align: center;font-size: 14px;color: #8f8f8f;background: #0b0b0b;}
.footer2 a{color: #8f8f8f;}
.footer1{width: 100%;height:480px;background: #201f1d;}
.footer_left{width: 450px;float: left;}
.footer_left p{color: #cacaca;font-size: 15px;height: 42px;line-height: 42px;}
.footer_left p span{color: #d58f03;font-size: 18px;}
.footer_left p .wx{width: 42px;height: 42px;background: url(../image/wx.png) no-repeat center center;margin-left:25px;display: inline-block;vertical-align:middle; position: relative; cursor: pointer;}
.footer_left p .wx img{ width: 80px;height: 80px;display: none;z-index: 999;position: absolute;bottom: 45px;left: -15px; }
.footer_left p .wx:hover img{ display: block!important; }
.footer_left p .iphone{width: 42px;height: 42px;background: url(../image/ipad.jpg) no-repeat center center;background-size: cover;margin-left:25px; display: inline-block;vertical-align:middle; position: relative;cursor: pointer; border-radius: 21px;}
.footer_left p .iphone img{ width: 80px;height: 80px;display: none;z-index: 999;position: absolute;bottom: 45px;left: -15px; }
.footer_left p .iphone:hover img{ display: block!important; }
.footer_right{width: 750px;float: right;}
.footer_right ul{margin-top:55px!important; }
.footer_right ul li{border-right: 1px solid #565656;width: 149px;float: left;height: 185px;text-align: center;}
.footer_right ul li p{color: #fff;font-size: 15px;line-height: 32px;height: 32px;}
.footer_right ul li a{color: #acacac;font-size: 15px;line-height: 32px;height: 32px;display: block;}

.thickBg :hover,.lightBg :hover,.brand_main ul li{
	transform: scale(1.01);
    -webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
    -ms-transform: scale(1.01);
    -o-transform: scale(1.01);
    transition:transform 0.3s;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition:-moz-transform 0.3s;
    -o-transition: -o-transform 0.3s;
    -ms-transition: -ms-transform: 0.3s;
}

.about-top{width: 100%;height: 200px;background: url(../image/us.jpg) no-repeat center center; background-size: cover;}
.pro-top{width: 100%;height: 200px;background: url(../image/project_display.jpg) no-repeat center center;background-size: cover!important;}
.case-top{width: 100%;height: 200px;background: url(../image/pro.jpg) no-repeat center center;background-size: cover;}
.beand-top{width: 100%;height: 200px;background: url(../image/brand_co.jpg) no-repeat center center;background-size: cover;}
.contact-top {background: url(../image/contact-us.jpg) no-repeat center center;background-size: cover;!important}
.honor-top{width: 100%;height: 200px;background: url(../image/certi.jpg) no-repeat center center;background-size: cover;}
.acticle-top{width: 100%;height: 200px;background: url(../image/news.jpg) no-repeat center center;background-size: cover;}
.page-top{width: 100%;height: 200px;background: url(../image/about.jpg) no-repeat center center;background-size: cover;}
.newPro-top{width: 100%;height: 200px;background: url(../image/newPro.jpg) no-repeat center center;background-size: cover;}
.newsDetail{
	margin:30px 0;
	border-bottom: 1px dotted #acacac;
}
.newsDetail .img>img{
	width:165px;height: 124px;
	display:inline-block;
	margin-right: 20px;
}
.newsDetail .rightCaption{
	width: 850px;
	position: relative;
	margin-bottom: 10px;
}
.newsDetail .rightCaption h3{
	font-size: 17px;
	font-family: '微软雅黑';
	margin-bottom: 20px;
	color: #746b68;
}
.newsDetail .rightCaption p.desc{
	text-indent: 32px;
	font-family: '宋体';
	font-size: 14px;
	line-height: 1.5em;
}
.newsDetail .rightCaption a{
	color: #3a9dfa;
}
.newsDetail .rightCaption p>a{
	text-decoration: underline;
}
.newsDetail .rightCaption p.left{
	font-size: 14px;
	font-family: '微软雅黑';
	color: #746b68;
	font-weight: 400;
}
.case_header{height: 150px;width: 100%;background: url(../image/case_h.png) no-repeat center center; margin-bottom: 30px;}
.case_header h2{display: block;text-align: center;font-size: 30px;color: #256cd8;padding-top:63px; }
.blueforTop{height: 20px; background-color: #3a9dfa;}

.case_img{ width: 210px; height: 210px; padding: 0;  border: 1px solid #cacaca; border-bottom: none;}
.case_img img{ width: 210px; height: 210px; display: block;  }
.case_right{ width: 932px!important; margin-top: 20px; }
.case_right ul{ margin-top: 20px; }
.case_right ul li{ float: left; margin: 0px 21px 40px 0px;text-align: center;vertical-align: middle;display: table-cell; width: 212px; }
.case_right ul li>a p{border: 1px solid #cacaca; background-color: #fff;}

.bottomMore{ line-height: 28px;font-size: 14px;text-align: right; }
.bottomMore a{ color: #fff; background-color: #d82e00; padding: 5px 10px;  }

.map{ position: absolute; top: 20px; right:50px;  }

.pager{ text-align: right; }

.new-main-caption>a{
	color: #256cd8;
	font-size: 16px;
	font-weight: bold;
	line-height: 32px;
	height: 32px;
}

.relative{ margin-top: 20px;  border: 1px solid #acacac; width: 218px; }
.relative h4{  text-indent: 5px;  line-height: 30px; border-bottom: 1px dotted #cacaca;}
.relative ul li{  font-size: 15px; line-height: 35px; font-family: '微软雅黑'; border-bottom: 1px dotted #cacaca; text-indent: 20px; height: 35px; overflow: hidden; }
.relative ul li>img{.relative ul li a:hover{ color:#4a89dc;  }
	width: 7px;
	height: 7px;
}
.relative ul li a:hover{ color: #4a89dc; }

.new-main-img img{ width: 255px!important; height: 178px; display:inline-block; }
.new-main-caption{height: 122px;}
.new-main-caption p{ height: 60px; }


.goTop {
    z-index: 999999;
    width: 64px;
    height: 64px;
    cursor: pointer;
    background: url(../image/top1.png) no-repeat center center;
    position: fixed;
    bottom: 30%;
    right: 2%;
}
.goTop:hover {
    background: url(../image/top2.png) no-repeat center center;
}
.goTop2 {
    z-index: 999999;
    width: 164px;
    height: 200px;
    cursor: pointer;
    background: url(http://www.zshetai.com/theme/default/images/20181011143127.png) no-repeat center center;
    position: fixed;
    bottom: 6%;
    right: 2%;
}