@charset "utf-8";

/*首页*/
.box{margin: 20px 0;}
.left{width: 330px; float: left;}
.zhaichao-banner{width: 800px; height: 395px; float: left; overflow: hidden;}
.zhaichao-banner img{width: 100%; height: 395px;}
.swiper-pagination{width: 100%; height: 15px; position: absolute; bottom: 10px;}
.swiper-pagination-bullet{width: 30px; height: 10px; border-radius: 0; background: #5aa3e1; margin: 0 5px;}
.zhaichao-button-prev,
.zhaichao-button-next{height: 40px; width: 22px; position: absolute; z-index: 999; padding: 10px 5px; margin-top: -20px; top: 50%; cursor: pointer;}
.zhaichao-button-prev{background: url(../../images/bannerL.png) no-repeat center; left: 0px; background-color: rgba(0, 0, 0, .3);}
.zhaichao-button-next{background: url(../../images/bannerR.png) no-repeat center; right: 0px; background-color: rgba(0, 0, 0, .3);}
.zhaichao-top-right{float: right; width: 350px; height: 380px;overflow:hidden;}
.zhaichao-ranking{margin-top: 10px; margin-bottom: 5px}
.zhaichao-ranking li{white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.zhaichao-ranking li .title_color{display: inline;}
.zhaichao-ranking li{padding: 6px 0; height: 20px; line-height: 20px;}
.zhaichao-ranking li em{display: inline-block; width: 18px; line-height: 18px; height: 18px; background: #626262; color: #fff; text-align: center; float: left; margin-right: 5px; font-style: normal;}
.zhaichao-ranking li .date{float: right;}
.zhaichao-ranking li:nth-child(-n+3)>em{background: #59a6f5;}
.zhaichao-ranking li:nth-child(-n+3)>.date{color: #3f7ddb;}
.zhaichao-text-thumbs{min-height: 400px;overflow:hidden}
.zhaichao-text-thumb{width: 50%; float: left; margin: 10px 0;height: 150px;}
.zhaichao-text-thumbl{width: 250px; height: 150px; float: left; margin-right: 10px;overflow: hidden;}
.zhaichao-text-thumb img{width: 250px; height: 150px;transition:.5s}
.zhaichao-text-thumb img:hover{width: 250px; height: 150px;transform: scale(1.1);}
.zhaichao-text-thumbr{padding-right: 10px;}
.zhaichao-text-thumbr a{font-size: 16px;}
.zhaichao-text-thumbr p{font-size: 12px; color: #666; margin-top: 5px}
.zhaichao-index-50{width: 28%; float: left; min-height: 370px;overflow:hidden;margin: 10px;}
.zhaichao-text-list ul li{width: 100%; margin-bottom: 5px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: relative;}
.zhaichao-text-list ul li a{margin-left: 15px;}
.zhaichao-date{float: right; font-size: 12px; color: #888;}
.zhaichao-author{float: right; font-size: 12px; color: #999; width: 100px;  text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.zhaichao-last{float: right; font-size: 12px; color: #ef6941;width: 300px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.zhaichao-text-list ul li::before{position: absolute; content: ""; width: 3px; height: 3px; background: #666; border-radius: 100%; left: 0; top: 10px;}
.zhaichao-img-list{min-height: 465px;overflow:hidden}
.zhaichao-img-list ul li{width: 25%; float: left; overflow: hidden; margin: 10px 0;}
.zhaichao-img-list ul li a{overflow: hidden; display: block; margin: 0 7px; border: #f1f1f1 1px solid;}
.zhaichao-img-list ul li p{color: #333; padding: 5px 10px; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.zhaichao-img-list ul li a i{height: 150px; display: block; overflow: hidden;}
.zhaichao-img-list ul li a img{width: 100%; height: 150px; display: inline-block; vertical-align: middle; transition: .5s;}
.zhaichao-img-list ul li a:hover img{transform: scale(1.1);}
.zhaichao-tag{min-height: 100px;overflow:hidden}
.zhaichao-tag ul li a{display: block; color: #666; width: 100px; text-align: center; float: left; margin: 5px 6px; padding: 4px 6px; background: #f1f1f1; line-height: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.zhaichao-tag ul li a:hover{background: #5aa3e1; color: #fff;}
.zhaichao-advertise{height: 100px; line-height: 100px; text-align: center; background:#5aa3e1; color: #fff;}
.zhaichao-link{min-height: 100px;overflow:hidden;}
.zhaichao-link ul li{float: left; white-space: nowrap; padding: 5px 10px;}
/*首页*/

/*频道内容页*/
.zhaichao-main{}
.zhaichao-chapter-left{float: left; width: 100%; margin: 20px 0;}
.zhaichao-main-left{float: left; width: 800px; margin: 20px 0;}
.zhaichao-box-left{width: 800px;}
.zhaichao-main-right{float: right; width: 350px; margin: 20px 0;}
.zhaichao-tag-list{padding-bottom: 10px; overflow: hidden;}
.zhaichao-tag-list a{font-size: 14px; line-height: 24px; height: 24px; display: block; background: #f1f1f1; float: left; padding: 3px 10px; margin: 10px 5px 0 0; border-radius: 3px; transition: all .2s; color: #525252;}
.zhaichao-tag-list a:hover{background: #5aa3e1; color: #fff;}
.zhaichao-flag{font-style: normal;font-size: 12px;background:#f60;color:#fff;padding: 1px 3px;font-weight:normal;margin-right:3px;}
.zhaichao-news{margin: 20px 0; height: 170px; border-bottom: 1px dashed #d3d3d3; overflow: hidden;}
.zhaichao-news .zhaichao-news-img{width: 230px; height: 150px; float: left; margin-right: 10px; overflow: hidden;}
.zhaichao-news .zhaichao-news-img img{width: 100%; height: 150px; transition: .5s;}
.zhaichao-news .zhaichao-news-img img:hover{transform: scale(1.1);}
.zhaichao-news-right{padding-right: 10px; padding-top: 10px;}
.zhaichao-news-right em{font-style: normal; font-size: 12px; background: #f60; color: #fff; padding: 1px 3px; font-weight: normal; margin-right: 5px;}
.zhaichao-news-right a{font-size: 16px;}
.zhaichao-news-right p{font-size: 12px; color: #666; margin-top: 5px; margin-bottom: 10px}
.zhaichao-news-tags a{color: #666; padding: 4px 8px; border-radius: 3px; margin-right: 10px; font-size: 12px; margin-top: 5px; background: #e5e5e5}
.zhaichao-news-tags a:hover{background: #5aa3e1; color: #fff;}
.zhaichao-like-list li{white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.zhaichao-like-list li .title_color{display: inline;}
.zhaichao-like-list li{padding: 6px 0; height: 20px; line-height: 20px;}
.zhaichao-like-list .date{float: right;}
.zhaichao-comment-list li{margin-bottom: 10px; border-bottom: 1px dashed #ddd; padding-bottom: 5px}
.zhaichao-comment-list a{font-size: 14px;}
.zhaichao-comment-list p em{color: #cc5755; font-style: normal;}
.zhaichao-list-advertise{background: #ffa19e; color: #fff; font-size: 20px; text-align: center; padding: 20px 0; transition: .3s; background: linear-gradient(45deg, rgb(169 99 89), rgba(255, 54, 72, 0.9));}
.zhaichao-list-advertise a{color: #fff;}
.zhaichao-list-advertise .zhaichao-ad{font-size: 14px; line-height: 50px}
.zhaichao-list-advertise:hover{opacity: 0.9; color: #fff;}
.zhaichao-content-container{margin: 20px 0;}
.zhaichao-content-container h1{font-size: 22px; margin-bottom: 20px;}
.zhaichao-content-info{margin-bottom: 20px}
.zhaichao-content-info span{margin-right: 20px; color: #888;}
.zhaichao-content h2{font-size: 16px; margin: 20px 0; padding-left: 10px; border-left: 3px solid #5aa3e1;}
.zhaichao-content img{max-width: 100%;}
.zhaichao-content p{margin-bottom: 10px;line-height: 2em;}
.zhaichao-content p span{ color: rgb(51, 51, 51);  font-size: 14px!important;  text-align: justify;  background-color: rgb(255, 255, 255);  font-family: 宋体, SimSun; line-height: 2em;}
.zhaichao-content a{color: #4394ff;}
.zhaichao-content .chapter-list{display: flex;flex-wrap: wrap;justify-content: space-between;}
.zhaichao-content .chapter-list li{ width: 32%;border-bottom: 1px solid #e6e6e6;padding: 3px 0;margin:5px 0;text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.zhaichao-content pre{color: #444;font-family: Monaco,Menlo,Consolas,"Courier New",monospace;display: block;margin:10px 0; padding: 9px;border: 1px solid #ccc;border: 1px solid rgba(0,0,0,.15); border-radius: 3px;background-color: #f5f5f5;white-space: pre-wrap;word-wrap: break-word;font-size: 11px;line-height: 20px;word-break: break-all;}
.zhaichao-content-tag a{color: #666; padding: 4px 8px; border-radius: 3px; margin-right: 10px; font-size: 12px; margin-top: 5px; background: #e5e5e5;}
.zhaichao-content-tag a:hover{background: #5aa3e1; color: #fff;}
.zhaichao-operate{margin: 10px 0;}
.zhaichao-operate a{margin-right: 10px; background: #5aa3e1; height:25px;width:70px;display: inline-block;text-align: center; color: #fff; font-size: 12px}
.zhaichao-operate a:hover{opacity: 0.8;color:#fff;}
/*频道内容页*/


/*单页面*/
.zhaichao-page{margin: 20px 0; overflow: hidden;}
.zhaichao-page-left{width: 250px; float: left; padding: 20px 20px;}
.zhaichao-page-right{width: 820px; float: right}
.zhaichao-page-left ul li{margin: 10px 0;}
.zhaichao-page-left ul li a{display: block; border: 1px solid #ddd; text-align: center; padding: 8px 0; border-radius: 3px; font-size: 16px}
.zhaichao-page-left ul li a:hover,
.zhaichao-page-current{background: #1487f4; color: #fff; border: #1487f4 1px solid;}
.zhaichao-page-content{padding: 20px 0;}
.zhaichao-page-content h1{font-size: 18px; margin-bottom: 20px}
/*单页面*/


/*评论区*/
.zhaichao-comment-more h1{font-size: 22px;text-align:center;margin-top:50px;}
.zhaichao-comment-more-box{width:80%;margin:20px auto;padding:30px 0;}
.zhaichao-comment-explain{font-size:12px;color:red;margin-left:10px}
.zhaichao-comment-box{position: relative; margin: 20px 0}
.zhaichao-comment-box h3{height: 28px; line-height: 28px}
.zhaichao-comment-form{width: 100%; position: relative}
.textarea{width: 98%; height: 78px; border: 1px solid #ccc; padding: 5px 5px; outline: none; color: #333; line-height: 20px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px;}
.textarea2{width: 98%}
.zhaichao-comment-form p{height: 28px; line-height: 28px; position: relative}
.zhaichao-comment-form .emotion{width: 42px; height: 20px; background: url(../../images/icon.gif) no-repeat 2px 2px; padding-left: 20px; cursor: pointer; color: #999}
.zhaichao-comment-form .emotion:hover{background-position: 2px -28px; color: #666}
.qqFace{margin-top: 4px; background: #fff; padding: 2px; border: 1px #dfe6f6 solid;}
.qqFace table td{padding: 0px;}
.qqFace table td img{cursor: pointer; border: 1px #fff solid;}
.qqFace table td img:hover{border: 1px #0066cc solid;}
.zhaichao-comment-submit{background-color: #e6e6e6; background-image: linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6); background-repeat: no-repeat; border-bottom-right-radius: 3px; border-color: #ddd #ddd #aaa; border-style: solid; border-width: 1px; box-shadow: 0 0 1px #fff inset; color: #555; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; height: 32px; position: absolute; right: 0; text-align: center; text-shadow: 0 1px 0 #fff; top: 0; transition: all 0.15s linear 0s; width: 100px; cursor: pointer; border-radius: 2px; margin-top: 5px; outline: none;}
.zhaichao-comment-submit:hover{background-position: 0 -15px; color: #121212}
.static{position: static; float: right;}
.zhaichao-comment-list-box{border: 1px solid #ddd; margin: 25px 0 15px; overflow: hidden;}
.zhaichao-comment-list-top{background: #fbfbfb; color: #555; font-size: 14px; padding: 0 12px; height: 30px; line-height: 30px; border-bottom: 1px dotted #ddd;}
.zhaichao-comment-list-top a{color:#de1513;}
.zhaichao-comment-list-body ul{padding: 0 12px;}
.zhaichao-comment-list-body ul li{padding: 10px 0; border-bottom: 1px dotted #ddd; overflow: hidden;}
.zhaichao-comment-list-body ul li:last-child{border-bottom: none;}
.zhaichao-comm-right{margin-left: 50px;}
.zhaichao-comm-right strong{font-weight:normal;}
.zhaichao-comm-right .user_name{color: #017cb9}
.zhaichao-comm-right .user_name:hover{color: #2a6496; text-decoration: underline; transition: all 0.15s linear 0s;}
.zhaichao-comment-list-body .user_pic{float: left;}
.zhaichao-comment-list-body p{font-size: 14px; line-height: 1.5em; color: #666; margin: 5px 0;}
.zhaichao-comment-list-body .original_comment{display: block; margin: 5px 0;}
.zhaichao-comment-list-body .comm_time{font-size: 12px; color: #999;}
.zhaichao-comment-list-body .comm_a{font-size: 12px; color: #999; margin: 0 5px; transition: all 0.15s linear 0s;}
.zhaichao-comment-list-body .comm_a:hover{color: #555}
.none{display: none;}
.original_comment{display: block; margin: 5px 0;}
/*评论区*/


/* 留言板 */
.zhaichao-book{margin-bottom: 20px}
.zhaichao-book-list{padding: 10px; background: #fafafa; border: 1px solid #dadada; line-height: 25px; margin-bottom: 10px; color: #666}
.zhaichao-book-head{font-size: 12px; border-bottom: 1px dashed #8e8e8e; padding: 5px 0;}
.zhaichao-book-head span{color: #9a9a9a; margin-left: 5px; font-size: 12px}
.zhaichao-book-content{margin: 10px 0;}
.zhaichao-book-content .admin_repay strong{color: #DE4C1C;}
/* 留言板 */


/* 下载模型 */
.zhaichao-down-list{padding: 20px 0; height: 110px; border-bottom: 1px dashed #bbbbbb}
.zhaichao-down-list-left{height: 100px; width: 150px; float: left; margin-right: 15px; overflow: hidden;}
.zhaichao-down-list-left img{height: 110px; width: 150px; transition: .5s;}
.zhaichao-down-list-left img:hover{transform: scale(1.1);}
.zhaichao-down-title{margin-top: 5px}
.zhaichao-down-title a{font-size: 16px; color: #232323;}
.zhaichao-down-date{float: right; font-size: 12px; color: #999}
.zhaichao-down-info{color: #666}
.zhaichao-down-info em{color: #c00; font-style: normal}
.zhaichao-down-desc{line-height: 20px; color: #888}
.zhaichao-down-msg{margin: 20px 0; overflow: hidden;}
.zhaichao-down-msg .zhaichao-desc{background: #f9f8f8; padding: 10px; width: 417px; float: right; margin-bottom: 10px}
.zhaichao-down-msg .zhaichao-desc span{color: #5aa3e1;}
.zhaichao-down-msg img{width: 300px; height: 200px; float: left; margin-right: 20px}
.zhaichao-down-msg ul{float: left;}
.zhaichao-down-msg ul strong{margin-right: 10px;}
.zhaichao-down-url ul{margin: 20px 0 10px 0;}
.zhaichao-down-url ul li{background: #fafafa; line-height: 35px}
.zhaichao-down-url ul li a{padding-left: 20px; font-size: 14px; background: url(../../images/icon.png) no-repeat 0px -121px; margin: 0 5px;}
/* 下载模型 */


/*产品模型*/
.zhaichao-product{margin: 20px 0;}
.zhaichao-product-list-box{width: 50%; float: left; color: #333; font-size: 14px; box-sizing: border-box; margin: 10px 0;}
.zhaichao-product-list{border: 1px #e8e8e8 solid; margin: 5px; padding: 20px; overflow: hidden; height: 160px;}
.zhaichao-product-list:hover{border: 1px #5aa3e1 solid;}
.zhaichao-product-img{width: 216px; height: 150px; float: left; overflow: hidden;}
.zhaichao-product-list img{width: 216px; height: 150px; float: left; transition: .5s;}
.zhaichao-product-list img:hover{transform: scale(1.1);}
.zhaichao-product-right{float: right; width: 270px;}
.zhaichao-product-title{font-size: 16px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 35px}
.zhaichao-product-price{color: #ff5522; line-height: 35px}
.zhaichao-product-stock{line-height: 35px}
.zhaichao-product-details{background: #ff5522; border-radius: 3px; display: block; width: 130px; height: 35px; line-height: 35px; text-align: center; color: #fff; transition: 0.3s; font-size: 16px;}
.zhaichao-product-details:hover{color: #fff; opacity: 0.8}
.zhaichao-image{width: 100%; height: 450px; line-height: 450px; text-align: center; border: 1px solid #ddd; background: #f9f8f8}
.zhaichao-image img{width: 600px; height: 450px; overflow: hidden;}
.zhaichao-switch{width: 100%; height: 87px; border: 1px solid #ddd; margin: 5px auto;}
.zhaichao-icon1{display: inline; width: 30px; float: left; padding-top: 28px; text-indent: -9999px; margin-left: 10px;}
.zhaichao-icon1 a{display: block; width: 32px; height: 32px; background: url(../../images/left.png) no-repeat;}
.zhaichao-icon2{float: right; width: 38px; padding-top: 28px; text-indent: -9999px;}
.zhaichao-icon2 a{display: block; width: 32px; height: 32px; background: url(../../images/right.png) no-repeat;}
.zhaichao-switch-center{float: left; width: 665px; height: 83px; margin-left: 10px; overflow: hidden; padding-top: 3px;}
.zhaichao-switch-center li{display: inline; float: left; width: 100px; height: 66px; margin: 0 5px; padding-top: 10px;}
.zhaichao-switch-center li a{display: block; width: 88px; height: 60px; border: 1px solid #ddd;}
.zhaichao-switch-center li a img{width: 88px; height: 60px;}
.zhaichao-switch-center li a.on{border: 1px solid #ff9900;}
.zhaichao-switch-center li a:hover{border: 1px solid #ff9900;}
/*产品模型*/

@media screen and (max-width: 900px) {
    h1{font-size: 22px;}
    .zhaichao-logo{display: none;}
    .zhaichao-header{width: 100%;  padding: 1px 0; height: 0;}
    .zhaichao-search{float: none;margin-left: 5px;}
    .searchtxt{width: 70%;}
    .searchtxt input{width: 55%;}
    .zhaichao-nav{width: 100%;}
    .zhaichao-menu{height:100%; overflow: hidden;}
    .zhaichao-nav li{width: 33.3%;}
    .zhaichao-nav li a{width: 100%;}
    .zhaichao-container-box{min-width:100%;}
    .zhaichao-banner{display: none;}
    .zhaichao-container{width: 100%;}
    .zhaichao-top-right{width: 100%;box-sizing: border-box;}
    .zhaichao-index-50{width: 100%;margin: 10px 0;}
    .zhaichao-tag ul li a{width: 42%;}
    .zhaichao-img-list ul li{width: 100%;margin: 2px 0;}
    .zhaichao-img-list ul li p{text-align: left;}
    #page{text-align: left;float: left;padding: 5px 9px;height: 60px;}
    .zhaichao-main-left,.zhaichao-main-right{width: 100%;box-sizing: border-box;}
    .zhaichao-news img{display: none;}
    .zhaichao-news .zhaichao-news-img{width: 100%;float: none;}
    .zhaichao-content-container{margin-top: 40px;}
    .zhaichao-last{width: 100%;margin-left: 20px;border-bottom: 1px solid #e6e6e6;}
}