@charset "utf-8";
@import url(animate.css);
/* CSS Document */
html{ overflow: -moz-scrollbars-vertical; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,iframe { padding: 0px; margin: 0px;}
DIV, P, I, UL, LI, OL, DL, DT, DD{list-style: none;}
FIELDSET,LABEL,LEGEND,BUTTON,INPUT,FORM { padding: 0px; margin: 0px;}
address,caption,cite,dfn,em,th,var {font-style:normal;font-weight:normal;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
A {BORDER-STYLE: none;border: 0px; text-decoration:none;}
IMG {BORDER-STYLE: none;border: 0px; text-decoration:none;}
table{border-collapse: collapse;border-spacing: 0;} 
html{ font-family:"微软雅黑";}


/*** all ***/
.xd21_box{width: 1920px; position: relative;overflow:hidden; left: 50%; margin-left: -960px;}


.xd21_box01{ width: 100%; height: 900px; position: relative; overflow: hidden; background: url(../images/xidian01.jpg) no-repeat;}
.xd21_box01 .box01_img{ position: absolute; top: 138px; left: 50%; margin-left: -524px; animation-delay: 0.5s;}
.xd21_box01 a{ display: block; width: 340px; height: 80px; position: absolute; top: 640px; left: 50%; margin-left: -170px; animation-delay: 1s; }
.xd21_box01 a img{transition: all 0.5s;}
.xd21_box01 a:hover img{ transform: scale(1.05);}


.xd21_box02{ width: 100%; position: relative; overflow: hidden; background: #ffe65e;}
.xd21_box02 ul{ width: 1250px; position: relative; overflow: hidden; margin: 40px auto;}
.xd21_box02 li{ width: 135px; float: left; margin: 0 12px; background: url(../images/xidian04.png) no-repeat;}
.xd21_box02 li:nth-child(1){ margin-left: 0; background-position: 8px 0;}
.xd21_box02 li:nth-child(2){background-position: -145px 0;}
.xd21_box02 li:nth-child(3){background-position: -298px 0;}
.xd21_box02 li:nth-child(4){background-position: -451px 0;}
.xd21_box02 li:nth-child(5){background-position: -605px 0;}
.xd21_box02 li:nth-child(6){background-position: -758px 0;}
.xd21_box02 li:nth-child(7){background-position: -911px 0;}
.xd21_box02 li:nth-child(8){ margin-right: 0; background-position: -1063px 0;}
.xd21_box02 li p{ font-size: 20px; color: #333333; text-align: center; margin-top: 110px;}


.xd21_box03{width: 100%; position: relative; overflow: hidden; background: #f1ece5;}
.xd21_box03 .xd21_bt{ display: block; margin: 50px auto;}
.xd21_box03 ul{ width: 1200px; position: relative; overflow: hidden; margin: 0 auto;}
.xd21_box03 ul li:nth-child(1){float: left; display: block;}
.xd21_box03 ul li:nth-child(2){ width: 340px; height: 180px; padding: 45px; background: #69390f; float: right; color: #fff;}
.xd21_box03 ul li:nth-child(3){ width: 340px; height: 180px; padding: 45px; background: #452b04; float: right; color: #fff;}
.xd21_box03 ul li h1{ margin-bottom: 32px; font-size: 26px;}
.xd21_box03 ul li p{ line-height: 1.8; font-size: 14px;}
.xd21_zx{ width: 1200px; position: relative; overflow: hidden; margin: 40px auto;}
.xd21_zx a{ display: block; width: 220px; height: 50px; color: #fff; background: #69390f; line-height: 50px; text-align: center; font-size: 24px; border-radius: 110px; margin: 10px 50px; float: left;}
.xd21_zx a:nth-child(1){ background: #c46d0f; margin-left: 330px;}
.xd21_zx a:hover{ font-size: 26px;}


.xd21_box04{width: 100%; position: relative; overflow: hidden; }
.xd21_box04 .xd21_bt{ display: block; margin: 50px auto 20px;}
.xd21_box04 h2{ width: 100%; display: block; font-size: 18px; color: #1a1a1a; text-align: center; margin: 0 auto 50px;}

.xd21_box04 ul{ width: 1305px; position: relative; overflow: hidden; margin: 0 auto;}
.xd21_box04 ul li{width: 260px; height: 260px; float: left; background: #fff; border: 10px solid #f1ece4; margin: 0 13px 50px; color: #333; position: relative; overflow: hidden;}
.xd21_box04 ul li span{ display: block; width: 55px; height: 55px; margin: 25px auto 0;background: url(../images/xidian08.png) no-repeat; }
.xd21_box04 ul li:nth-child(1) span{ background-position: 5px 6px;}
.xd21_box04 ul li:nth-child(2) span{ background-position: -302px 6px;}
.xd21_box04 ul li:nth-child(3) span{ background-position: -610px 6px;}
.xd21_box04 ul li:nth-child(4) span{ background-position: -915px 6px;}
.xd21_box04 ul li h1{ font-size: 24px; text-align: center; margin: 10px auto 15px;}
.xd21_box04 ul li p{ font-size: 18px; text-align: center; line-height: 1.6;}
.xd21_box04 ul li a{ display: block; width: 54px; height: 16px; background: url(../images/xidian09.png) no-repeat; background-position: 0 -16px; margin: 25px auto; z-index: 99; position: relative;}
.xd21_box04 ul li div{ width: 258px; height: 258px; border:1px solid #ffffff; position: absolute; top: 0; left: 0; opacity: 0; transition: all 0.5s;}
.xd21_box04 ul li:hover{ border:10px solid #c46d0f; background: #c46d0f; color: #fff;}
.xd21_box04 ul li:nth-child(1):hover span{background-position: 5px -49px;}
.xd21_box04 ul li:nth-child(2):hover span{background-position: -302px -49px;}
.xd21_box04 ul li:nth-child(3):hover span{background-position: -610px -49px;}
.xd21_box04 ul li:nth-child(4):hover span{background-position: -915px -49px;}
.xd21_box04 ul li:hover a{background-position: 0 0;}
.xd21_box04 ul li:hover div{opacity: 1;}


.xd21_box05{ width: 100%; height: 1066px; position: relative; overflow: hidden; background: url(../images/xd09.jpg);}
.xd21_box05 .xd_bt{ display: block; margin: 40px auto 20px;}
.xd21_box05 h2{ width: 100%; display: block; font-size: 18px; color: #fff; text-align: center; margin: 0 auto 30px;}
.xd21_box05 .box03_nr{ width: 1200px; position: relative; overflow: hidden; margin: 0 auto;}
.xd21_box05 .swiper-container{ width: 950px; position: relative; overflow: hidden; }
.xd21_box05 h3{ color: #fff; font-size: 32px; text-align: center; margin: 24px auto 10px;}
.xd21_box05 .xd_line{ display: block; margin: 0 auto;}
.xd21_box05 p{ width: 950px; font-size: 18px; color: #fff; line-height: 1.5; letter-spacing: 2px; margin: 14px auto 0;}
.xd21_box05 .swiper-button-prev{ width: 31px; height: 54px; background: url(../images/xd44.png) no-repeat; background-position: 0 0; background-size: 590%; left: 48px; outline: none; top: 31%;}
.xd21_box05 .swiper-button-next{width: 31px; height: 54px; background: url(../images/xd44.png) no-repeat; background-position: -88px 0; background-size: 590%;  right: 48px; outline: none; top: 31%;}
.xd21_box05 .xd21_zx a:nth-child(1){color: #c46d0f; background: #fff;}
.xd21_box05 .xd21_zx a:nth-child(2){color: #fff; background: #69390f;}


.xd21_box06{ width: 100%; height: 1066px; position: relative; overflow: hidden; background: #fff; margin-bottom: 60px;}
.xd21_box06 .xd_bt{ display: block; margin: 50px auto 20px;}
.xd21_box06 h2{ width: 100%; display: block; font-size: 18px; color: #1a1a1a; text-align: center; margin: 0 auto 40px;}

.xd21_box06 ul{ width: 1920px; height: 700px; position: relative; overflow: hidden;}
.xd21_box06 ul li{ float:left; position: relative; overflow: hidden; background: #ccc;}
.xd21_box06 ul li:nth-child(1){ width: 384px; height: 200px; background: #452b04;}
.xd21_box06 ul li:nth-child(2){ width: 384px; height: 200px;}
.xd21_box06 ul li:nth-child(3){ width: 384px; height: 200px; background: #c46d0f;}
.xd21_box06 ul li:nth-child(4){ width: 384px; height: 200px;}
.xd21_box06 ul li:nth-child(5){ width: 384px; height: 200px; background: #452b04;}
.xd21_box06 ul li p{ color: #fff; font-size: 24px; text-align: center; line-height: 1.8; margin-top: 55px;}
.xd21_box06 ul li p span{font-size: 14px;}

.xd21_box06 ul li:nth-child(6){ width: 384px; height: 500px;}
.xd21_box06 ul li:nth-child(7){ width: 384px; height: 320px;background: #d1c0a6; }
.xd21_box06 ul li:nth-child(7) img{ display: block; margin: 85px auto 0;}
.xd21_box06 ul li:nth-child(7) p{margin-top: 20px; color: #452b04; line-height: 1.6;}
.xd21_box06 ul li:nth-child(8){ width: 768px; height: 320px; background: url(../images/xidian27.jpg) no-repeat;} 
.xd21_box06 ul li:nth-child(8) p{ margin-left: 390px; margin-top: 110px;}
.xd21_box06 ul li:nth-child(9){ width: 768px; height: 180px;}
.xd21_box06 ul li:nth-child(10){ width: 384px; height: 180px; background: #c46d0f;}
.xd21_box06 ul li:nth-child(10) p{ margin-top: 45px;}
.xd21_box06 ul li:nth-child(11){ width: 384px; height: 500px; position: absolute; bottom: 0; right: 0;}


.xd21_box07{ width: 100%; position: relative; overflow: hidden; background: #f1ece5;}
.xd21_box07 .xd_bt{ display: block; margin: 50px auto 20px;}
.xd21_box07 h2{ width: 100%; display: block; font-size: 18px; color: #1a1a1a; text-align: center; margin: 0 auto 40px;}
.xd21_box07 .box07_nr{ width: 1200px; height: 600px; background: url(../images/xidian31.jpg) no-repeat; position: relative; overflow: hidden; margin: 0 auto;}
.xd21_box07 .box07_nr p{ width: 1120px; height: 60px; background: rgba(0,0,0,0.5); color: #fff; font-size: 20px; text-align: center; line-height: 1.6; padding: 20px 40px; position: absolute; bottom: 0; left: 0;}


.xd21_box08{ width: 100%; position: relative; overflow: hidden; background: #fff;}
.xd21_box08 .xd_bt{ display: block; margin: 50px auto 20px;}
.xd21_box08 h2{ width: 100%; display: block; font-size: 18px; color: #1a1a1a; text-align: center; margin: 0 auto 40px;}
.xd21_box08 ul{ width: 1290px; position: relative; overflow: hidden; margin: 0 auto;}
.xd21_box08 ul li{ width: 340px; height: 320px; float: left; margin: 0 45px 50px; position: relative; overflow: hidden; background: #ffe65e;}
.xd21_box08 ul li p{ font-size: 24px; color: #1a1a1a; margin: 20px 20px 15px; line-height: 1.4;}
.xd21_box08 ul li p span{ font-size: 18px;}
.xd21_box08 .box08_btn{ position: absolute; top: 33px; right: 20px;}


.xd21_box09{width: 100%; position: relative; overflow: hidden; background: #f1ece5;}
.xd21_box09 .xd_bt{ display: block; margin: 50px auto 20px;}
.xd21_box09 h2{ width: 100%; display: block; font-size: 18px; color: #1a1a1a; text-align: center; margin: 0 auto 40px;}
.xd21_box09 .box09_img{ display: block; margin: 0 auto;}

.xd21_box09 ul{width: 1200px; position: relative; overflow: hidden; margin: 0 auto;}
.xd21_box09 ul p{ width: 1150px; font-size: 22px; color: #69390f; text-indent: 2rem; line-height: 1.8; margin: 25px auto;}
.xd21_box09 ul li{ width: 396px; height: 271px; float: left; position: relative; overflow: hidden;}
.xd21_box09 ul li:nth-child(3){margin: 0 6px;}
.xd21_box09 ul li img{ display: block;}
.xd21_box09 ul li h3{ width: 396px; height: 50px; line-height: 50px; color: #fff; background: rgba(0,0,0,0.7); font-size: 20px; text-align: center; position: absolute; bottom: 0; left: 0;}