@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0}
header{width:100%;float:left;}
nav{width:100%;float:left;}
footer{width:100%;float:left;}
body {-webkit-text-size-adjust:none;background:#fff;font-family: "微软雅黑", Arial;font-style: normal;font-weight: normal;font-variant: normal;}
a {text-decoration: none; border: 0px none; outline: 0px none;} 
a:link{ text-decoration: none}
a:visited{ text-decoration: none}
a:hover{text-decoration: none}
a:active{text-decoration: none}
.clear {margin: 0px;padding: 0px;clear: both;}
.clearfix:after{content:' ';display:block;clear:both;height:0;visibility:hidden}
ul,li,dt,dl,dd{	list-style-type: none;	margin: 0px; padding: 0px; background:none; }
p {	margin: 0px; padding: 0px;}
img{ width:100%; }

.att{width:100%; position:relative;}
.att a{display:block;width:100%; text-align:center;color:#fff;font-weight:bold; position:absolute;left:0;top:10%;}

.wrap{width:100%; background:url(../images/bg_wrap.jpg) repeat-y; background-size:100%; padding:1px 0 5%;}
.ttBox{width:100%; margin:5% auto;}
.ttBox .tt1{width:52%; margin:0 auto;}
.ttBox .tt2{width:70%; margin:0 auto;}
.ttBox .tt3{width:68%; margin:0 auto;}
.ttBox .tt4{width:48%; margin:0 auto;}
.ttBox h3{color:#000;font-weight:normal; text-align:center; margin-top:1%;}
.ttBox h3 a{color:#000;}
.ttBox h2{width:42%; margin:3% auto 0; position:relative;}
.ttBox h2 p{width:100%; position:absolute;left:0;top:0;text-align:center;color:#fff;}

.p1{width:70%; margin:0 auto; position:relative;}

.bgs-tb{width:95%; margin:0 auto;}
.bgs-m{width:95%; margin:0 auto;background:url(../images/bgs_m.png) repeat-y;background-size:100%;padding:1px 0;}
.caseimg2{width:82%; margin:5% auto;}

.clickbtn{display:block;width:70%; margin:5% auto; position:relative;}
.clickbtn p{width:100%;position:absolute;left:0;top:15%; text-align:center;color:#fff; font-weight:bold;}
.clickbtn .shou{width:13%;position:absolute;right:5%;top:25%;animation:shouclick 2s infinite;}

.gxq{color:#3c3c3c;text-align:center;}
.gxq span{ display:inline-block;width:5%; vertical-align:middle; margin-right:1%;}

.infoul{width:94%; margin:5% auto 10%; overflow:hidden;}
.infoul li{width:50%;float:left; text-align:center;}
.infoul li.li1{background:#a29489;border-right:1px solid #fff; box-sizing: border-box;}
.infoul li.li2{background:#343d58;}
.infoul li a{display:block;color:#fff; padding:0.3em 0;}
.infoul li a strong{ display:block;}

.infoul li.li3{width:100%;background:#a29489;}

.ysinfo{width:81%; margin:5% auto; line-height:1.5em;}

.xmul{width:98%; padding:0 1%; margin:5% auto;}
.xmul>li{width:47%; margin-left:2%;float:left;padding-bottom:5%;margin-bottom: 7%; background:rgba(100,77,77,0.2); border-radius:3%; position:relative;}
.xmul>li .img{ margin:5%;}
.xmul>li dl dt{color:#3c3c3c;font-weight:bold; text-align:center;}
.xmul>li dl dd{width:90%; margin:0 auto;color:#3c3c3c; line-height:1.5em;}
.xmul>li dl dd.line{height:1px; background:#c6c4c3; margin:2% auto;}
.xmul>li dl dd span{width:10%;display:inline-block; margin-right:2%; vertical-align:middle;}
.xmul>li dl dd a{color:#9e4d43;float:right;}
.xmul>li .yyzxnum{width:100%; margin:5% auto; overflow:hidden;}
.xmul>li .yyzxnum li{width:50%;float:left; text-align:center;color:#3c3c3c;}
.xmul>li .yyzxnum li span{width:15%;display:inline-block; margin-right:2%; vertical-align:middle;}

.clickbtn2{display:block;width:70%; position:absolute;left:15%;bottom:-5%; text-align:center; background:#9e4d43;color:#fff; padding:0.4em 0; line-height:1em; border-radius:1.8em;}
.clickbtn2 span{width:10%;display:inline-block; margin-right:2%; vertical-align:middle;}
.clickbtn2 .shou{width:19%;position:absolute;right:-3%;top:23%;animation:shouclick 2s infinite;}

.askul{width:90%; margin:5% auto; overflow:hidden;}
.askul li{width:50%;float:left; box-sizing:border-box;}
.askul li a{display:block; text-align:center; color:#3c3c3c; font-weight:bold; padding:1.5em 0;}
.askul li a span{display:block; width:15%; margin:0 auto;}
.askul li.bdright{border-right:1px solid #e5e5e5;}
.askul li.bdbottom{border-bottom:1px solid #e5e5e5;}


@media(min-width:320px){
.font100{font-size:42px;}
.font54{font-size:23px;}
.font48{font-size:22px;}
.font40{font-size:16px;}
.font36{font-size:15px;}
.font32{font-size:15px;}
.font30{font-size:14px;}
.font27{font-size:13px;}
.font24{font-size:12px;}

}

@media(min-width:360px){
.font100{font-size:48px;}
.font54{font-size:25px;}
.font48{font-size:23px;}
.font40{font-size:18px;}
.font36{font-size:17px;}
.font32{font-size:16px;}
.font30{font-size:15px;}
.font27{font-size:14px;}
.font24{font-size:13px;}

}

@media(min-width:375px){
.font100{font-size:50px;}
.font54{font-size:27px;}
.font48{font-size:24px;}
.font40{font-size:20px;}
.font36{font-size:18px;}
.font32{font-size:17px;}
.font30{font-size:16px;}
.font27{font-size:15px;}
.font24{font-size:13px;}

}

@media(min-width:414px){
.font100{font-size:55px;}
.font54{font-size:29px;}
.font48{font-size:26px;}
.font40{font-size:22px;}
.font36{font-size:20px;}
.font32{font-size:18px;}
.font30{font-size:17px;}
.font27{font-size:16px;}
.font24{font-size:15px;}

}

@media(min-width:768px){
.font100{font-size:100px;}
.font54{font-size:54px;}
.font48{font-size:48px;}
.font40{font-size:40px;}
.font36{font-size:36px;}
.font32{font-size:32px;}
.font30{font-size:30px;}
.font27{font-size:27px;}
.font24{font-size:24px;}

}




@keyframes shouclick {
  0% {
    transform:rotate(0deg) scale(1,1);
  }
  20% {
    transform:rotate(-3deg) scale(1,0.9);
  }
  40% {
    transform:rotate(0deg) scale(1,1.2);
  }
  60% {
    transform:rotate(-3deg) scale(1,0.9);
  }
  80% {
    transform:rotate(0deg) scale(1,1.2);
  }
  100% {
    transform:rotate(0deg) scale(1,1);
  }
}


.cuxiaobox{width:100%;margin:5% auto;position:relative;cursor:pointer; }
.cuxiaobox .thinfo{width:50%;position:absolute;left:25%;top:4%; height:50%; overflow:hidden;}
.cuxiaobox p{font-size:16px;line-height:160%;text-align:center;}
.cuxiaobox p span{width:100%;display:block;color:#9e4d43;font-weight:600;font-size:18px;}
.cuxiaobox p span i{font-style:normal;}
.cuxiaobox p span.other{font-size:26px;}
.cuxiaobox p.other{width:50%;position:absolute;left:25%;top:72%;font-size:16px;text-align:center;color:#fff;line-height:100%;}
.cuxiaobox p.other span{font-size:12px;color:#ccc;line-height:100%;font-family:"FangSong";}

@media(min-width:320px){
.cuxiaobox p{top:9%;font-size:16px;}
.cuxiaobox p span{font-size:18px;}
.cuxiaobox p span i{font-size:12px;}
.cuxiaobox p span.other{font-size:26px;}
.cuxiaobox p.other{font-size:14px;}
.cuxiaobox p.other span{font-size:10px;}
}
@media(min-width:360px){
.cuxiaobox p{top:9%;font-size:18px;}
.cuxiaobox p span{font-size:20px;}
.cuxiaobox p span i{font-size:13px;}
.cuxiaobox p span.other{font-size:30x;}
.cuxiaobox p.other{top:73%;font-size:16px;}
.cuxiaobox p.other span{font-size:10px;}
}
@media(min-width:414px){
.cuxiaobox p{top:9%;font-size:20px;}
.cuxiaobox p span{font-size:22px;}
.cuxiaobox p span i{font-size:14px;}
.cuxiaobox p span.other{font-size:32px;}
.cuxiaobox p.other{top:73%;font-size:18px;}
.cuxiaobox p.other span{font-size:12px;}
}
@media(min-width:768px){
.cuxiaobox p{top:9%;font-size:34px;}
.cuxiaobox p span{font-size:36px;}
.cuxiaobox p span i{font-size:24px;}
.cuxiaobox p span.other{font-size:48px;}
.cuxiaobox p.other{top:73%;font-size:32px;}
.cuxiaobox p.other span{font-size:22px;}
}


#myswiper1 .swiper-pagination-bullet-active{background:#9e4d43;}