.top{background: url(../images/dt_02_1.png) no-repeat center; width: 100%; height: 520px;}
.top_t1{ text-align: center; font-size: 34px; color: #333; line-height: 40px; padding-top: 100px;}
.top_t2{text-align: center; font-size: 24px; color: #333; line-height: 40px; padding-top: 30px;}
.top_t2 span{display: inline-block; color: #ff3346;}
.top_t3{text-align: center; font-size: 18px; color: #333; line-height: 40px;padding-top: 26px;}
.top_butoon{width: 390px; margin: 0 auto; padding-top: 50px;}
.top_butoon a{display: inline-block;font-size: 16px; margin: 0 20px; width: 150px; text-align: center; color: #ff3346; border: 1px #ff3030 solid; line-height: 46px;}
.top_butoon a:hover{background: #ff3346; color: #fff;}
.navdt{width: 100%; margin: 0 auto;padding-top: 40px; overflow: hidden; }
.navdt ul{float: left;}
.navdt ul li{cursor: pointer; float: left; width: 140px; text-align: center; line-height: 40px; position: relative; padding-bottom: 25px; font-size: 16px;}
.navdt ul li a {color: #000;}
.navdt ul li a:hover {color: #000;}
.navdt ul li img{display: none;width: 25px; height: 13px; margin: 10px auto 0;position: absolute; top: 43px; left: 57.5px;z-index: 4;}
.navdt ul li.navdt_active{ color: #ff3030;}
.navdt ul li.navdt_active a{ color: #ff3030;}
.navdt ul li.navdt_active a:hover{ color: #ff3030;}
.navdt ul li.navdt_active img{display: block;}
.search{float: right;width: 228px; position: relative;}
.search img{display: block; width: 48px; height: 40px; }
.sub_text{width: 160px; background: #f2f2f2; color: #333; line-height: 40px; border: none;padding: 0 10px; outline: none; float: left;}
.submit{width: 48px;background: #ff3346; color: #fff;line-height: 40px; border: none; outline: none;position: absolute; right: 0; top: 0;z-index: 5;opacity: 0;}
.line{width:100%; background: #e5e5e5; height: 1px;}
.bottom{width: 1200px; margin: 0 auto; overflow: hidden;padding: 30px 0;}
.bottom ul li{padding: 11px 0; overflow: hidden;}
.bottom ul li a{display: inline-block;}
.bottom ul li a img{display: block;width: 200px; height: 140px;}
.dt_img{width: 200px; float: left;}
.dt_center{width: 850px; float: left; padding-left: 20px;color: #777777;}
.dt_time{width: 100px; float: left; padding-left: 30px; color: #666666;}
.dt_title{width: 850px; font-size: 20px; color: #666666; font-weight: bold; line-height: 30px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; margin: 15px 0;}
.dt_main{width: 850px; font-size: 14px; color: #777777; line-height: 20px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;}
.dt_center:hover,.dt_time:hover,.dt_title:hover,.dt_main:hover{color: #333;}
/*.page{width: 1200px; margin: 0 auto; text-align: center; padding: 40px 0;}
.page a{font-size: 12px; display: inline-block;text-align: center;margin: 0 4px; width: 29px; line-height: 29px; border: 1px #d1d1d1 solid;color: #666666;}
.page .dian{border: none;display: inline-block; width: 35px; line-height: 29px;text-align: center;color: #666666;}
.page a.next{width: 50px;}
.page a:hover{background: #3388ff; color: #fff;border: 1px #3388ff solid;}
.page a.page_active{background: #3388ff; color: #fff;border: 1px #3388ff solid;}*/
.products{width: 1200px; margin: 0 auto; overflow: hidden; padding: 30px 0;}
.pro_head{text-align: center; font-size: 26px; color: #333;}
.pro_head img{margin-right: 4px; width: 34px; height: 34px;}
.products ul{width: 1200px; margin: 0 auto; padding:60px 0; overflow: hidden;}
.products ul li{width: 276px; float:left; margin-right: 32px; margin-bottom: 30px;}
.products ul li:nth-child(4),.products ul li:nth-child(8){margin-right: 0;}
.products ul li a{display: inline-block;width: 276px;}
.products ul li a img{display: block; width: 276px; height: 276px; margin: 0 auto;}
.pro_bottom{background: #f6f6f6; padding: 15px 15px;width: 246px;}
.pro_title{ width: 246px;font-size: 16px; color: #333; line-height: 30px;  margin-bottom: 8px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.pro_main{ width: 246px;color: #777777; line-height: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.products ul li:hover .pro_bottom{background: #fff;}

.logs{width: 1200px; margin: 0 auto; overflow: hidden; padding: 60px 0;}
.logs_nav{float: left; width: 190px; margin: 0 30px;}
.logs_nav ul li{cursor: pointer; width: 190px; text-align: center; font-size: 16px; line-height: 70px; margin-bottom: 2px; background: #f2f2f2; color: #333;}
.logs_nav ul li a {color: #333;}
.logs_nav ul li a:hover {color: #333;}
.logs_nav ul li.log_active{background: #5ca0ff; color: #fff;}
.logs_nav ul li.log_active a {color: #fff;}
.logs_nav ul li.log_active a:hover {color: #fff;}
.logs_list{float: left; width: 920px;}
.logs_list ul li{padding: 30px 0; border-bottom: 1px #dcdcdc dashed; overflow: hidden;}
.logs_list ul li:first-child{padding-top: 0;}
.logs_left{display: inline-block; float: left; width: 85px; height: 85px; background: #f2f2f2; color: #666666; text-align: center; margin-right: 20px;}
.logs_day{font-size: 22px; line-height: 26px; padding-top: 20px;}
.logs_month{font-size: 12px; line-height: 16px;}
.logs_right{display: inline-block; float: left;width: 815px;}
.logs_title{width: 815px; font-size: 16px; color: #333; line-height: 30px;  margin-bottom: 8px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.logs_main{width: 815px;color: #888; line-height: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.logs_right:hover .logs_main{color: #333;}
.logpage{width: 920px; margin: 0 auto; text-align: center; padding: 40px 0;}
.logpage a{font-size: 12px; display: inline-block;text-align: center;margin: 0 4px; width: 29px; line-height: 29px; border: 1px #d1d1d1 solid;color: #666666;}
.logpage .dian{border: none;display: inline-block; width: 35px; line-height: 29px;text-align: center;color: #666666;}
.logpage a.next{width: 50px;}
.logpage a:hover{background: #3388ff; color: #fff;border: 1px #3388ff solid;}
.logpage a.page_active{background: #3388ff; color: #fff;border: 1px #3388ff solid;}



.shipin_list{float: left; width: 920px;}
.shipin_list ul{width: 920px; overflow: hidden;}
.shipin_list ul li{ width:285px; float:left;margin: 0 10px 20px;}
.shipin_list ul li p{font-size: 16px; text-align: center; line-height: 24px; padding: 15px 0;}
.shipin_list ul li a{display: inline-block; width: 285px; height: 190px; position: relative;}
.zhezhao{position: absolute;width: 285px; height: 190px; background: rgba(0, 0, 0, .5); top: 0; left: 0;}
.zhezhao img{display: block;width: 48px; height: 48px; margin: 71px auto;}

.use_list{float: left; width: 920px;}
.use_list ul{width: 920px; overflow: hidden;}
.use_list ul li{padding: 15px 0; border-bottom: 1px #dcdcdc dashed; overflow: hidden; width: 100%; margin: 0 auto;}
.use_list ul li:first-child{padding-top: 0;}
.use_list ul li a{display: inline-block; color: #666;}
.use_list_left{width: 820px; float: left; display: inline-block; line-height: 30px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.use_list_right{float: left; display: inline-block;line-height: 30px;}
.use_list ul li:hover a{color: #333;}


.list{float: left; width: 190px; margin: 0 30px;}
.list ul li{border-bottom: 2px #fff solid;background: #f2f2f2; color: #333; font-size: 16px; line-height: 70px; }
.list ul li a{padding-left: 20px; color: #333;  display: block; position: relative;
}
.list ul li .inactive{ background:url(../images/off.png) no-repeat 170px center;}
.list ul li .inactives{color: #333;  background:url(../images/on.png) no-repeat 170px center;}
.list ul li ul{display: none;}
.list ul li ul li {font-size: 14px; color: #666; line-height: 46px;background: #eaf3ff;border-bottom: 2px #fff solid;}
.list ul li ul li:last-child{border-bottom: none;}
.list ul li ul li ul{display: none;}
.list ul li ul li a{ padding-left:20px;}
.list ul li ul li ul li { background-color:#f2f2f2; border-color:#fff; }
/*.last{ background-color:#fff; border-color:#fff; } */
.list ul li ul li ul li a{ color:#5ca0ff; padding-left:30px;}
.list ul li .list_bg{background: #5ca0ff;}
.list ul li .list_bg a.inactive{ color: #fff;}
.list ul li li.list_bg a{color: #fff;}
.list ul li .first_bg{background: #5ca0ff;color: #fff;}