@charset "UTF-8";
html,body,div,ol,ul,li,ol,h1,h2,h3,h4,p,dl,dt,dd,form,a,input,textarea,select,label,img {margin: 0;padding: 0;font-weight: normal;font-family: "微软雅黑", arial, "宋体"; font-size: 14px;}
body,button,input,select,textarea {font-family: "微软雅黑", arial, "宋体"; font-size: 14px;}
body {color: #444;background-color: #fff;min-width: 320px;}
a{text-decoration: none;color: #444;}
a:hover {text-decoration: none;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;transition: all 0.3s linear;color: #ff7701;}
a:focus {
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
  text-decoration: none;
}
img {border: 0;vertical-align: top;}
ul,ol,li {list-style: none;}
a,a:focus,input,input:focus {outline: none;}

.djt_header{width: 100%;}
.djt_logo{max-width: 1200px; margin: 10px auto;}
.djt_menu_bg{width: 100%; background: #ff7500;}
.djt_menu{max-width: 1200px; margin: auto;}
.djt_menu li{line-height: 46px; display: inline-block;}
.djt_menu li a{padding: 0px 30px; display: block; font-size: 16px; color: #fff;}
.djt_menu li a:hover{background: #a74d00;}
.djt_box_bg{width: 100%; background: #f9f9f9; padding: 20px 0px 40px;}
.djt_box{max-width: 1200px; margin: auto;}
.djt_left{width: 800px; background: #fff; float: left;}
.djt_left h1{line-height: 45px; font-size: 20px; color: #333; padding-left: 24px; border-bottom: 2px solid #ff7500;}
.djt_left h1 img{display: inline-block; vertical-align: middle; margin-right: 12px; margin-top: -4px;}
.djt_left_libiao li{margin: 20px 24px; padding-bottom: 20px; overflow: hidden; border-bottom: 1px dashed #cccccc;}
.djt_left_libiao li .djt_img{width: 200px; height: 135px; float: left;}
.djt_left_libiao li .djt_img img{display: block; width: 200px; height: 135px;}
.djt_left_libiao li .djt_text{width: 530px; float: right;}
.djt_text_h1{font-size: 18px; color: #333; line-height: 36px;}
.djt_text_p{font-size: 14px; line-height: 24px; color: #666;}
.djt_text_p img{display: inline-block; vertical-align: middle; margin-top: -2px;}
.djt_button_a1,.djt_button_a2{display: inline-block; margin-right: 10px; margin-top: 10px;}
.djt_button_a1 a,.djt_button_a2 a{width: 98px; display: block; line-height: 26px; font-size: 14px; text-align: center; border-radius: 13px;}
.djt_button_a1 a{color: #ff7500; border: 1px solid #ff7500;}
.djt_button_a1 a:hover{color: #fff; background: #ff7500;}
.djt_button_a2 a{color: #c6e40a; border: 1px solid #c6e40a;}
.djt_button_a2 a:hover{color: #fff; background: #c6e40a;}
.djt_right{width: 380px; float: right;}
.djt_right_news{background: #fff; margin-bottom: 20px;}
.djt_right_news h1{line-height: 45px; font-size: 20px; color: #333; padding-left: 34px; border-bottom: 2px solid #c5e407; position: relative;}
.djt_right_news h1:after{position: absolute;content: "";width: 3px; height: 16px; left: 20px; background: #ff7500; top: 15px; border-radius: 2px;}
.djt_right_news ul{margin: 0px 20px; padding: 20px 0px;}
.rmtj_icon{color: #666;font-size: 18px; line-height: 30px;}
.djt_right_news li a{font-size: 14px; line-height: 30px; color: #333;}
.djt_right_news li a:hover{color: #ff7500;}

/*翻页*/
.pagination{text-align: center; padding-bottom: 30px; padding-top: 10px; clear: both;}
.pagination li {display: inline-block; color: #333;font-size: 14px;cursor: pointer; margin: 0px 2px;}
.pagination li a{color: #333;font-size: 14px; border: 1px solid #ccc; padding: 5px 10px;}
.pagination li a:hover{background: #ff7500; color: #fff;}
.pagination .active a{background: #ff7500; color: #fff;}


@media (max-width: 768px){
.djt_logo{margin: 10px 20px;}
.djt_menu li{line-height: 40px; display: inline-block;}
.djt_menu li a{padding: 0px 10px; font-size: 16px;}
.djt_box_bg{padding: 20px 0px 0px;}
.djt_left{width: 100%; float: none;}
.djt_left h1{line-height: 40px; font-size: 18px; padding-left: 20px;}
.djt_left_libiao li{margin: 20px 20px; padding-bottom: 20px;}
.djt_left_libiao li .djt_img{width: 100%; height: auto; float: none;}
.djt_left_libiao li .djt_img img{display: block; width: 100%; height: auto;}
.djt_left_libiao li .djt_text{width: 100%; float: none;}
.djt_text_h1{font-size: 16px; color: #333; line-height: 30px;}
.djt_right{width: 100%; float: none;}
.djt_right_news h1{line-height: 40px; font-size: 18px; padding-left: 34px;}
.djt_right_news h1:after{position: absolute;content: "";width: 3px; height: 16px; left: 20px; top: 13px;}
}


.djt_detail_img img {
    width: 100%;
    display: block;
    height: auto;
}

.djt_left_detail {
    padding: 30px 20px;
}

.djt_content {
    padding: 30px 20px;
}

.djt_content {
    line-height: 30px;
    font-size: 14px;
    color: #333;
}
    .djt_content img {
        max-width: 100%;
    }

.djt_shipinlist {
    display: block;
    overflow: hidden;
    padding: 30px 20px;
}

    .djt_shipinlist li {
        width: 49%;        
        float: left;
        margin-right: 2%;
    }

        .djt_shipinlist li:nth-child(2n) {
            margin-right: 0;
        }

    .djt_shipinlist .licontent {
        width: 100%;
        height: 220px;
        position: relative;
        border-radius: 8px;
        border: 1px solid #ddd ;
        overflow: hidden;
    }

    .djt_shipinlist .imgvedio {
        display: block;
        width: 100%;
        height: auto;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        /*border-radius: 8px;*/
    }

    .djt_shipinlist li:last-child {
        margin-right: 0px;
    }

    .djt_shipinlist .shipin {
        position: absolute;
        top: 50%;
        height: 64px;
        width: 64px;
        margin-top: -32px;
        left: 50%;
        margin-left: -32px;
    }

.djtlist_text {
    font-size: 14px;
    color: #666;
    line-height: 40px;
    text-align: center;
    height: 40px;
    overflow: hidden;
}

.djt_left_item {
    border-bottom: 20px solid #f9f9f9;
}

    .djt_left_item h1 {
        line-height: 45px;
        font-size: 20px;
        color: #333;
        padding-left: 24px;
        border-bottom: 2px solid #ff7500;
    }

        .djt_left_item h1 img {
            display: inline-block;
            vertical-align: middle;
            margin-right: 12px;
            margin-top: -4px;
        }


@media (max-width: 768px) {
    .djt_shipinlist li {
        width: 100%;
        float: none;
        margin-right: 0;
    }
}