@charset "utf-8";
/* CSS Document */

/*居中*/
.juzhong { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }

.juzhong2 { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }

.erduan { display: flex; flex-direction: row; justify-content: space-between; align-content: center; align-items: center; }
.shang { display: flex; flex-direction: row; justify-content: space-between; }
.zuo { display: flex; flex-direction: row; justify-content: flex-start; align-content: center; align-items: center; }
.you { display: flex; flex-direction: row; justify-content: flex-end; align-content: center; align-items: center; }



img{ max-width:100%}



.dsboxs{ max-width:1080px; margin:0 auto; font-size:14px;}

.titi{ text-align:center; margin:3% 0px;}
.titi span{ background:#985d71; color:#fff;padding:5px 10px;transform: skewX(-10deg); display:inline-block; letter-spacing:2px;}
.titi h3{ font-size:24px; color:#333;}
.titi p{ margin-top:20px;}
.titi p em{ height:7px; width:7px; background:#985d71; display:inline-block }
.titi p i{ width:24px;height:7px; margin:0px 10px; background-color:#1b2034;display:inline-block }


.titi2{ text-align:center; margin:3% 0px;}
.titi2 span{ background:#71c7df; color:#fff;padding:5px 10px;transform: skewX(-10deg); display:inline-block; letter-spacing:2px;}
.titi2 h3{ font-size:24px; color:#333;}
.titi2 p{ margin-top:20px;}
.titi2 p em{ height:7px; width:7px; background:#71c7df; display:inline-block }
.titi2 p i{ width:24px;height:7px; margin:0px 10px; background-color:#985d71;display:inline-block }

.mt20{ margin-top:20px;}


.maoxs{ border:2px solid #ff0000; padding:20px 40px; box-shadow:0px 5px 10px 0px rgba(0,0,0,0.1)}
.maoxs h2{ color:#333; font-size:18px; margin-bottom:10px;}
.maoxs p{ color:#666;}
.maoxs span{ text-align:right; display:block; color:#888}

.bobxaximg{ margin:20px 0px; text-align:center}
.bobxaximg img{ display:inline-block}


.titit{ border-radius:10px; border:1px solid #d6333c; max-width:240px; margin:40px auto; text-align:center; overflow:hidden; }
.titit p{ font-size:18px; text-transform:uppercase; height:40px; line-height:40px; color:#333b6c; font-weight:bold; overflow:hidden;}
.titit h2{ background-color:#d6333c; color:#fff; height:40px; line-height:40px;letter-spacing:5px; overflow:hidden; border-top-left-radius:10px;border-top-right-radius:10px;}


.shijian{margin-bottom:20px;}
.jibentit{color:#000; font-size:22px;  letter-spacing:2px;  }
.jibentit span{ background:#985d71; color:#fff; border-radius:5px; height:30px; padding:0px 5px; font-size:20px; font-weight:bold;  margin-right:10px;}

.lanse.jibentit span{background:#71c7df;}



.fenge{ margin:30px 0px; background:none}
.fenge i{ height:7px; width:7px; background:#985d71; display:inline-block }
.fenge em{ width:7px;height:7px; margin:0px 10px; background-color:#1b2034;display:inline-block }
.fenge span{ width:90%; height:2px; background:#985d71;}

.qixians{ padding:10px 20px; font-size:18px; border:2px dashed #985d71; color:#985d71; margin:20px auto; text-align:center; max-width:500px;}

.qixians p{ margin:10px 0px; overflow:hidden}
.huxax img{ max-width:15px; margin-right:10px;}


.qixians2{ padding:10px 20px; font-size:18px; border:2px dashed #6fc6de; color:#985d71; margin:20px auto; text-align:center; max-width:500px;}
.qixians2 p{ margin:10px 0px; overflow:hidden}

.jibuax{ min-height:100px;}

.tesexa li{ overflow:hidden; position:relative; margin:10px 0px;}


.tepics{ margin:20px 0px}

.tetxsc{  background:#FFF;box-shadow:0px 0px 10px 10px rgba(0,0,0,0.05);}
.tetxsc{ position:absolute; transform:translate(0,-50%); top:50%;  width:40%}
.tetxsc.fr{left:45%;}
.tetxsc.fl{right:45%; text-align:right}
.huxyas{ padding:30px;}
.huxyas h2{ color:#333; font-size:18px; font-weight:normal; margin-bottom:10px;}
.huxyas p{ font-size:16px; line-height:1.6}


.zhusudc{ margin-top:20px;}
.zhusudc span{ width:48%; display:block}


.tuandisx ul{ width:calc(100% + 20px); margin-left:-20px;}
.tuandisx li{ width:calc( 50% - 20px); margin-left:20px; margin-bottom:20px; float:left;box-shadow:0px 0px 10px 10px rgba(0,0,0,0.05);}
.tanxa{ width:50%;}
.tanxa img{ width:100%}
.atxasd{ width:50%;}
.huxsda{ padding:20px;}
.huxsda h2{ color:#333; font-size:18px; padding-bottom:10px; position:relative; margin:20px 0px;}
.huxsda h2:before{ content:""; width:30px; height:2px; background:#d6333c; position:absolute; left:0px; bottom:0px;}
.huxsda p{ line-height:1.7}

.saxdax{ text-align:center; line-height:1.8; margin:20px 0px; font-size:16px;}
.saxdax span{ color:#d6333c;}


.siaxad ul{ width:calc(100% + 20px); margin-left:-20px;}
.siaxad li{ width:calc( 50% - 20px); margin-left:20px; margin-bottom:30px; float:left;}

.siaxad li p{ width:80%; margin:0 auto; margin-top:-30px; padding:20px; font-size:18px; color:#fff; text-align:center; position:relative; background:#71c7df;}

.shuxsvx{margin:20px auto}
.shuxsvx ul{ width:calc(100% + 30px); margin-left:-30px;}
.shuxsvx li{ width:calc(33.3% - 52px); margin-left:30px; float:left; text-align:center; border-radius:100%; overflow:hidden; padding:10px;margin-bottom:20px; border:1px solid #eee}
.shuxsvx li img{ max-width:100% }

.jiaolians{ margin-top:20px;}
.jiaopics{ width:40%; margin-right:5%}
.jiaotxts{ width:50%;}
.jiaotxts p i{height:7px; width:7px; background:#985d71; display:inline-block; margin-right:10px; }

.jiaotxts p { font-size:18px; color:#985d71; padding:10px 0px;}
.jiaotxts h2{ background-color:#985d71; display:inline-block; padding:0px 20px; height:40px; line-height:40px; color:#fff; margin-bottom:20px; letter-spacing:2px}
.gengds{color:#985d71; font-size:18px; margin-top:20px;}


.huacsxc{ font-size:18px; line-height:2; margin-top:10px;}
.hiacac{ text-align:center; font-size:18px; padding:10px;}

@media screen and (max-width: 768px)

{

    .jiaotxts p{ font-size:14px;}
    .dsboxs{ padding-left:10px; padding-right:10px;}
    .huacsxc{ font-size:14px;}
    .qixians{ font-size:14px;}
    .jiaotxts h2{ font-size:1rem;}
    .jiaotxts{ width:60%}
    .jiaotxts p{ padding:5px 0px}
    .jibentit{ font-size:18px;}
    .titi h3{ font-size:20px;}
}
