*{padding: 0; margin: 0;}
html,body {font-family: 'Microsoft Yahei', Helvetica, 'Hiragino Sans GB',  Arial, sans-serif;min-width: 1200px;line-height:2; color:#fff;font-size:18px;}
div,ul,li,a {box-sizing: border-box;  -moz-box-sizing: border-box;  /* Firefox */  -webkit-box-sizing: border-box;  /* Safari */}
li {list-style: none;}
a {text-decoration: none;}
img {border: 0;}
h2{font-size:36px; line-height:80px; font-weight:400;color:#e8c989; text-align:center;background:url(../images/h2.png) center no-repeat; margin-bottom:30px;}
h4{ font-weight:400;}
.l {float: left;}
.r {float: right;}
.clearfix:before,.clearfix:after {content: "";display: block; height: 0; clear: both;visibility: hidden;}
.tc {text-align: center;}
.tr {text-align: right;}
.color-lan{ color:#25bcf0;}
.color-huang{ color:#e3a529;}

.oh {overflow: hidden;}
.g-row {width: 100%;height: auto;overflow: hidden;}
.g-col {height: auto; overflow: hidden; display: inline-block; float: left;}
.g-col-1 {width: 8.33%;}
.g-col-2 {width: 16.66%;}
.g-col-3 {width: 24.99%;}
.g-col-4 {width: 33.32%;}
.g-col-5 {width: 41.65%;}
.g-col-6 {width: 50%;}
.g-col-7 {width: 58.31%;}
.g-col-8 {width: 66.64%;}
.g-col-9 {width: 74.97%;}
.g-col-10 {width: 83.33%;}
.g-col-11 {width: 91.63%;}
.g-col-12 {width: 100%;}
.pic-title {padding-top:70px; padding-bottom:50px;height: auto;overflow: hidden;text-align: center;}
.pic-title img{ display:block;margin: 0 auto;}

.container {position: relative; width: 1200px; margin: 0 auto; position: relative;}
.m-banner{ display:none;}
.banner { width: 100%; height:660px; min-width: 1200px;  overflow: hidden; background:url(../images/banner.jpg) center no-repeat;}
.flex { display: flex; }
.banner img {width: 100%;}
.main { background:#360903 url(../images/main.jpg) top center no-repeat;  position: relative;}
.nav {width: 100%;height: 60px;background: #e9c587;z-index: 9999;}
.nav.roll {position: fixed;top: 0;z-index: 999;}
.nav li {float: left; width:calc(100% / 7);font-size: 17px;text-align: center;}
.nav li a {display: block;height: 20px;line-height: 20px;margin: 20px 0;width: 100%;text-align: center;font-family: Source Han Sans CN;color: #333;font-size:24px;}
.nav li:last-child a { border-right: none}
.nav li.current { background: #cb8844; }
.nav li.current a {color:#e8c486;}
.nav li.last {cursor: pointer; font-size:24px;color: #e7c385;line-height: 60px; padding-left: 30px;background: #aa0c0b url(../images/bm.png) no-repeat 20px center;}

.block1 {width: 100%;padding-top:305px;}
.block1-1{max-width:1200px; margin:0px auto 80px; justify-content:space-between; color:#edc486; font-size:18px; padding:0 475px 0 55px;}
.block1-1 h4{ font-size:30px; border-bottom:1px solid #e9c294; color:#e9c294; margin-bottom:10px; }
.block1-1 p{text-indent:2em; min-height:300px;}
.block1 .block1-2_img{ display:none;}
.block1-2{max-width:1200px; margin:10px auto 0px;}
.block1-3{max-width:1200px; margin:10px auto 80px;}
.block1-4{max-width:1200px; margin:10px auto 80px;}
.block1-2_info li{ margin:0.5%; background:rgba(112,29,9,.8);clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 0 100%); padding:2%; width:95%;}
.block1-2_info li span{ display:block; color:#e8c989; text-align:center; font-size:24px;}
.block1-3 li{ margin:0.5%; background:rgba(112,29,9,.8);clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 0 100%); padding:2%; width:99%;}
.block1-3 li span{ display:block; color:#e8c989;font-size:24px;}
.block1-4 li{ margin:0.5%; background:rgba(112,29,9,.8);clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 0 100%); padding:2%; width:99%;text-indent:2em;}
.block1-4 li span{ display:block; color:#e8c989; text-align:center; font-size:24px;}

.block2 {width: 100%; max-width: 1200px; margin:0 auto; padding:50px 0 50px 0;}
.block2 .block2c { background:#591606; padding:30px 30px 0 30px; border:5px solid #e9c294;}
.block2 .block2c p{text-indent:2em; margin-bottom:3em;}
.block2 .block2c p span{text-indent:0em;}
.block2 .block2c li dd{ font-size:30px; color:#e9c294; display:block;}
.block2 .block2c li { line-height:1.5; padding-left:90px; min-height:130px; margin-bottom:3em;}
.block2 .block2c li:nth-child(1) span{ color:#591606; background:#eac485; padding:0px 5px; border-radius:5px; margin:0 2px; display:inline-block;}
.block2 .block2c li:nth-child(1){background:url(../images/t_07.png) left top no-repeat;}
.block2 .block2c li:nth-child(2){background:url(../images/t_10.png) left top no-repeat;}
.block2 .block2c li:nth-child(3){background:url(../images/t_13.png) left top no-repeat;}


.block3 { position: relative; width: 100%; padding:80px 0 50px 0;}
.block3 .block3c {max-width: 1200px; margin:0 auto;}
.block3 .block3c li{ background:#5c1406; padding:30px; margin-bottom:4em;}
.block3 .block3c li h2{ max-width:160px;margin-bottom:10px;}
.block3 .block3c li p{text-indent:2em;}

.block4 { max-width: 1200px; overflow: hidden; padding-top: 50px; margin:0 auto;}
.block4 .block4_top{ text-align:center;}
.block4 .block4_top h3{ font-size:18px; margin:0 40px; background:#eac486; border-radius:10px; display:inline-block; padding:0 20px; color:#701602;}
.block4 .block4_top span{background:url(../images/t_21.png) left center no-repeat;}
.block4 .block4_top span dt{background:url(../images/t_21.png) right center no-repeat; display:inline-block;}
.block4 ul{ flex-wrap:wrap;}
.block4 ul li{ margin-bottom:30px;background:url(../images/t_25.png) right center no-repeat; width:50%; padding:100px 50px 20px 50px; text-align:center; font-size:22px; text-transform:uppercase;}
.block4 ul li dd{color:#d4ad7e; font-size:20px;}
.block4 ul li span{ font-size:60px; font-weight:bold; padding:0 20px;}
.block4 ul li .flex dd:nth-child(1){ width:70%;}
.block4 ul li .flex dd:nth-child(1) span{display:block; font-size:36px; font-weight:bold; line-height:1;}
.block4 ul li .flex dd:nth-child(2){ width:30%;}
.block4 ul li .flex dd:nth-child(2) p{ border:1px solid #d4ad7e; border-radius:50%; max-width:80px; margin:15px auto 0;}

.block5 { width: 100%; max-width: 1200px; margin:0 auto; padding-top:100px;}
.block5 ul{ position:relative;}
.block5 ul:after{ width:113px; height:846px; content:""; position:absolute; z-index:9; left:0; top:0; background:url(../images/t_32.png) right center no-repeat;}
.block5 ul li{ background:rgba(112,29,9,.8); padding:18px 50px; margin-bottom:52px;}
.block5 ul li span{ color:#e9c294; display:block; font-size:30px; line-height:1.2;}
.block5 ul li:nth-child(1){ margin-left:35px;}
.block5 ul li:nth-child(2){ margin-left:75px;}
.block5 ul li:nth-child(3){ margin-left:35px;}
.block5 ul li:nth-child(4){ margin-left:50px;}
.block5 ul li:nth-child(4) b{color:#eac485; font-weight:400;}
.block5 ul li:nth-child(5){ margin-left:35px;}

.block6 { width: 100%;padding:140px 0 100px 0;}
.block6c{ width:1200px; margin:0 auto; display:block; padding:50px; background:rgba(112,29,9,.8);}
.block6c h2{max-width:220px;margin-bottom:10px; text-align:left;}
.block6c .two{max-width:180px;margin-bottom:10px; text-align:left; margin-top:2em;}
.block6c p{text-indent:2em;}
.block6c p b{ color:#eac485; font-weight:400;}



.footer { position: relative; width: 100%; min-width: 1200px; overflow: hidden; background-color: #cb8844;}
.footer .l { float: left;}
.footer .r { float: right;}
.footer .container { padding: 38px 0 10px; overflow: hidden; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */  -webkit-box-sizing: border-box;  /* Safari */}
.footer .left img { float: left;}
.footer .left .author { margin-left: 110px; line-height: 33px; letter-spacing: 0px; color: #3b0d03;}
.footer .left2{ padding-top:2px;}
.footer .follow { float: right; text-align:center;}
.footer .follow span { color: #3b0d03; display: inline-block; vertical-align: bottom;}
.footer .follow img { width: 110px; height: 110px; display: inline-block; vertical-align: bottom;}
.footer .right { letter-spacing: 0px;color: #3b0d03; text-align: center;}
.footer .right span,.footer .right img {display: inline-block;vertical-align: bottom;}
.footer .right span {padding-right: 15px;padding-bottom: 10px;}
.footer .right span p {padding-top: 5px;}
.footer .center {margin-left: 335px;  font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: #3b0d03;}
.footer .btm {text-align: center; padding: 15px 0; border-top: 1px solid #3b0d03; letter-spacing: 0px; color: #3b0d03;}
.footer .btm a {color: #3b0d03;}

.fudong{ position:fixed; right:5px; bottom:20%; z-index:999; display:none;}
.fudong img{ max-width:60px;}
#gotop{ position: fixed; right:5px;bottom: 10%;z-index: 9999;display:none;}

@media(max-width:768px){
html, body,.footer{ min-width:320px; font-size:14px;line-height:2;}
h2{ font-size:30px;}
.main { background:#360903 url(../images/mainm.jpg) top center repeat-y; background-size:100% auto;margin-top:-10px !important;}
.m-banner{ display:block; margin:0px; padding:0px; }
.m-banner img{ width:100%;}
.banner,.nav {display: none;}
.pic-title { padding-bottom:20px;}
.pic-title img{ max-width:250px;}
.block1{background:url(../images/mt1.png) top center no-repeat; background-size:100% auto;padding-top: 220px;}
.block1 .block1-1{padding:0; font-size:16px;line-height:1.5;}
.block1 .block1-2_img{ display:block;}
.block1 .block1-2_img img{ width:100%;}
.block1 .block1-2_info,.block1-3{ display:none;}
.block1-4 li{ padding:5% 3%;}
.block1 .block1-1,.block1 .block1-3,.block5{ width:92%; margin:0 auto;}
.block1-1 p{ color:#fff;}
.block6{ padding-bottom:50px;}
.block6 .block6c{ width:100%; margin:0 auto;padding: 18px;}
.block1 .block1-2,.block1-3l{ margin-bottom:50px;}
.block1-4{ width:96%; margin:0 auto; margin-bottom:30px;}
.block1-3 h3,.block1-3 h4{ margin-left:0%;}
.block1-1,.block1-2,{ display:block !important;}
.block1-2r,.block1-2l,.block1-3l,.block1-3r{ width:100%;}
.block1-1r{display:none;}
.block1-2l img{max-width:70%;}
.block2,.block4,.block6{background:url(../images/mtr.png) top center no-repeat; background-size:100% auto;}
.block3,.block5{background:url(../images/mtl.png) top center no-repeat; background-size:100% auto;}

.block2 .block2c li{ padding-left:0;line-height: 2; padding-top:50px;}
.block2 .block2c li dd{ font-size:26px; text-align:center;}
.block2 .block2c li:nth-child(1) span{ margin-bottom:8px;}
.block2 .block2c li:nth-child(1){background:url(../images/t_07m.png) center top no-repeat; background-size:auto 50px;}
.block2 .block2c li:nth-child(2){background:url(../images/t_10m.png) center top no-repeat;background-size:auto 50px;}
.block2 .block2c li:nth-child(3){background:url(../images/t_13m.png) center top no-repeat;background-size:auto 50px;}

.block3 .block3c li{ margin-bottom:0;}

.block4 .block4_top h3{ font-size:12px;}
.block4 ul li{ width:90%; margin:0 auto; background-size:100% auto; padding:63px 50px 20px 50px;}
.block4 ul li span{ font-size:32px;}
.block4 ul li .flex dd:nth-child(1) span{ font-size:24px;}
.block4 ul li .flex dd:nth-child(1){ font-size:14px;}
.block4 ul li .flex dd:nth-child(2) p{ margin:0;}

.block5 ul:after{ display:none;}
.block5 ul li:nth-child(1){ margin-left:20px;}
.block5 ul li:nth-child(1):after{width:36px; height:43px; text-align:center; font-size:30px; font-weight:bold; line-height:43px; content:"1"; position:absolute; z-index:9; left:-20px; top:10px ; background:url(../images/t_32m.png) left top no-repeat; background-size:100% auto; color:#5b1806;}
.block5 ul li:nth-child(2){ margin-left:20px;}
.block5 ul li:nth-child(2):after{width:36px; height:43px; text-align:center; font-size:30px; font-weight:bold; line-height:43px; content:"2"; position:absolute; z-index:9; left:-20px; top:10px ; background:url(../images/t_32m.png) left top no-repeat; background-size:100% auto; color:#5b1806;}
.block5 ul li:nth-child(3){ margin-left:20px;}
.block5 ul li:nth-child(3):after{width:36px; height:43px; text-align:center; font-size:30px; font-weight:bold; line-height:43px; content:"3"; position:absolute; z-index:9; left:-20px; top:10px ; background:url(../images/t_32m.png) left top no-repeat; background-size:100% auto; color:#5b1806;}
.block5 ul li:nth-child(4){ margin-left:20px;}
.block5 ul li:nth-child(4):after{width:36px; height:43px; text-align:center; font-size:30px; font-weight:bold; line-height:43px; content:"4"; position:absolute; z-index:9; left:-20px; top:10px ; background:url(../images/t_32m.png) left top no-repeat; background-size:100% auto; color:#5b1806;}
.block5 ul li:nth-child(5){ margin-left:20px;}
.block5 ul li:nth-child(5):after{width:36px; height:43px; text-align:center; font-size:30px; font-weight:bold; line-height:43px; content:"5"; position:absolute; z-index:9; left:-20px; top:10px ; background:url(../images/t_32m.png) left top no-repeat; background-size:100% auto; color:#5b1806;}
.block5 ul li {line-height: 1.5; position:relative;padding: 18px 25px;}
.block5 ul li span{ font-size:18px; margin-bottom:5px;}



.gotop img{ max-width:60px;}
.container{ width:92% !important; margin:0 auto; min-width:320px;}
.r,.l{ float:none;}
.block1 .r{ width:100%;margin:30px auto 0px; padding-left:0px;}


 .footer .follow{ display:none;}
 .footer .left.l{display:none;}
 .footer .left2{ display:block !important;width: 100%;}
 .footer .left .author{ margin-left:0; text-align:center;}
 .footer .left .author span{ display:block;}
 .footer .container{padding:0px 0 10px}
 .fudong,#gotop{ display:block;}

}
 

 .footer .container{ }
 .footer .footerl,.footer .footerr{ display:none;}
 .footer .footerc{ width:100%; text-align:center;}
 .footer .footerc span{ display:none;}
 .block7 .hd{ display:none;}
 .review-list ul li{ width:100% !important;height:auto; max-width:330px;}
 .block6 .txt{ font-size:16px;}
 .block6 .block6t span{font-size:24px;}


.mfooter .container{ width:100%;}
.mfooter .nav { display: block; width: 100%; height: 60px; background: #4cc6c9; z-index: 9999;}
.mfooter .nav.roll { position: fixed; bottom: 0px !important; top:auto; z-index: 999;}
.footer{ margin:0;}
.mfooter .nav li {float: left;width:20%;font-size: 14px;text-align: center;}
.mfooter .nav li a {
  display: block;
  height: 20px;
  line-height: 20px;
  margin: 20px 0;
  width: 100%;
  text-align: center;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #333;
}

.mfooter .nav li:last-child a {border-right: none;}
.mfooter .nav li.current {background: #fff;}
.mfooter .nav li.current a {font-weight: bold;color:#4cc6c9;}
    
    
}



