@charset "UTF-8";
.mianbao {
    background: url(../img/fangzi.jpg) no-repeat left 8px;
    font-size: 16px;
  
    line-height: 30px;
    padding-left: 21px;
    margin-top: 16px;
}.co00 {
    color: #e60011 !important;
}
.exlie{ border:1px solid #dfdfdf; padding:19px 30px 15px 19px; position:relative; min-height:205px; margin-top:21px; margin-bottom:32px;   }

.extu1{ width:337px; top:19px; left:19px;}

.extu1 a{ display:block; width:100%;}

.extu1 img{ width:100%; max-width:337px; max-height:205px;}

.shijian2{ width:70px; height:76px; background:#fe0000; position:absolute; left:0px; top:0px;}

.shijian2 p{ font-size:30px; color:#fff; text-align:center; padding-top:10px;}

.shijian2 span{ text-align:center; font-size:14px; color:#fff; line-height:4; padding-left:3px;}

.exzi{ padding-left:364px;}

.exbiao{ display:block; font-size:24px;  color:#000; white-space:nowrap;

 text-overflow:ellipsis; 

 -o-text-overflow:ellipsis; 

 overflow: hidden; line-height:40px;}

.exp{ font-size:14px;  line-height:25px; height:125px; overflow:hidden; margin-top:15px;}

.exp p a{ display:block; color:#000;}

.exmor{ display:block; margin-top:14px;}

.exmor img{ width:23px; height:23px;}

.exzi a:hover,.exzi2 a:hover{color:#ff0000;}



.extu2{ width:337px; top:19px; right:30px;}

.extu2 a{ display:block; width:100%;position:relative;overflow:hidden;padding-bottom:65%;}

 /*max-width:337px; max-height:205px;*/
.extu2 img{ width:100%;position:absolute;top:0;left:0;right:0;bottom:0;height:100%;object-fit: cover;display:block;}

.extu2 .shijian2{ right:0px !important; left:auto; top:0px;}

.exzi2{ padding-right:366px;}

.exzi2 .exmor{ float:right;}



.mat4{ margin-top:68px;}

.vido{ background:#f6f6f6; margin-top:44px; padding-top:37px; padding-bottom:56px;}

.vil{ width:515px; float:left;}

.vilbiao{ display:block; font-size:30px;  line-height:44px; color:#666666;}

.viltu{ display:block; text-align:center; margin-top:23px;}

.viltu img{ width:100%; max-width:515px; max-height:342px;box-shadow: 8px 8px 8px 0px rgba(18, 9, 11, 0.3);}

.vir{ width:665px; float:right;}

.virbiao{ display:block; font-size:30px; line-height:44px; color:#666666; margin-left:18px;}



.vixin{ margin-top:22px;}

.vixin .xing{ background:url(../img/xing1.jpg) no-repeat left 26px;}

.vixin .int1{ padding-left:18px;}

.vixin .int1 input{ width:633px; height:49px; border:1px solid #eeeeee; padding-left:11px; font-size:16px;  color:#666666; line-height:49px;}

.vixin .int2{ padding-left:18px; width:290px; float:left; margin-top:10px;}

.vixin .int2 input{ width:278px; height:49px; border:1px solid #eeeeee; padding-left:11px; font-size:16px;  color:#666666; line-height:49px;}

.vixin .int3{ padding-left:14px; width:314px; float:right; margin-top:10px;}

.vixin .int3 input{ width:300px; height:49px; border:1px solid #eeeeee; padding-left:11px; font-size:16px;  color:#666666; line-height:49px;}

.vixin .int4{ padding-left:18px; margin-top:11px;}

.vixin textarea{width:632px; height:83px; border:1px solid #eeeeee; padding-left:11px; font-size:16px;  color:#666666; line-height:49px;}

.vixin .int5{ padding-left:18px; margin-top:11px;}

.vixin .int6{ width:179px; height:49px; border:1px solid #eeeeee; padding-left:11px; font-size:16px;color:#666666; line-height:49px; float:left;}

.viyanzheng{ width:223px; height:53px; float:left; margin-left:38px; cursor:pointer}

.vixin .int7{     width: 179px;
    height: 51px;
    float: none;
    border: 1px solid #eeeeee;
    cursor: pointer;
    background: #ff0000;
    font-size: 16px;
    color: #fff;
    margin: 0 auto;
    display: block;
    text-align: center;
}

.vixin .int7:hover{ background:#df1000;}



@media screen and (min-width:1000px) and (max-width:1401px){

.prxiala a{ width:280px; margin-left:22px;}



.vil{ width:515px; float:left;}

.vir{ width:427px; float:right;}

.vixin .int1 input{ width:395px;}

.vixin .int2{width:184px;}

.vixin .int2 input{ width:170px;}

.vixin .int3{ width:184px;}

.vixin .int3 input{ width:170px;}

.vixin textarea{width:395px;}

.vixin .int6{ width:90px;}

.viyanzheng{ margin-left:10px;}

.vixin .int7{ width:65px; }

}




@media screen and (min-width: 1402px){
.zong {
    width: 1200px;
    margin: auto;
}}

@media screen and (max-width: 1401px) and (min-width: 1000px){
.zong {
    width: 980px;
    margin: auto;
}}
@media screen and (min-width:1000px){

.extu1{ width:100%; max-width:337px; position:absolute;}

.extu2{ position:absolute;}

}

@media only screen and (max-width: 1050px) {.foot .ftl {
    float: left;
    width: 60%;
    margin-right: 0%;
}}
@media only screen and (max-width: 1000px) {.foot .ftr {
 
    display: none;
}.foot .ftl {
    float: none;
    width: 100%;
    margin-right: 0%;
}.foot .ftl dl {
    float: right;
    width: 80%;
}.zong {
    width: 95%;
    margin: auto;
}.exlie{ border:1px solid #dfdfdf; padding:19px 19px 15px 19px;}

.extu1{ width:100%; max-width:337px; margin:auto; position:relative; left:auto}

.extu2{ width:100%; max-width:337px; margin:auto; position:relative; right:auto}

.extu2 .shijian2{ left:0px; top:0px;}

.exzi,.exzi2{ padding-left:0px; padding-top:40px;padding-right:0px;}

.exp{ height:auto;}.vir {
    width: 100%;
    float: none;
    margin-top: 20px;
}.vilbiao, .virbiao {
    text-align: center;
}.vixin .int1 input {
    width: 95%;
}.vixin .int2 input {
    width: 95%;
}.vixin .int3 input {
    width: 95%;
}.vixin .int4 input {
    width: 95%;
}.vixin .int2 {
    width: auto;
    float: none;
}.vixin .int3 {
    width: auto;
    float: none;
}.vixin textarea {
    width: 95%;
}.vil {
    width: 100%;
    float: none;
}
}

@media only screen and (max-width: 974px){}
@media only screen and (max-width: 850px) {}
@media only screen and (max-width: 695px) {.foot .ftlt {
    height: auto;
    width: 100%;
    border-bottom: 0;
}.foot .ftr {
    width: 100%;
    float: none;
    margin-right: 0;
}.foot .ftl dl {
    float: none;
    width: 100%;
}.foot .ftlt .ftltl {
    float: none;
    width: 100%;
}}
@media only screen and (max-width: 640px) {}
@media only screen and (max-width: 414px) {}