@charset "utf-8";
@import url(animate.css);
/*清除属性*/
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:"微软雅黑";}
/*结束*/

/*01*/
.xbxczc_bigbox{ width: 100%; position: relative; overflow: hidden; background-image: url(../images/xczc08.jpg);}
.xbxczc_box01{ width: 1920px; height: 800px; position: relative; left: 50%; margin-left: -960px; background-image: url(../images/xczc01.jpg);}
.xbxczc_img01{ display: block; width:646px; position: relative; left: 50%; margin-left: -323px; top: 300px; animation-delay: 1s;}
.xbxczc_img02{  display: block; width:1200px; position: relative; left: 50%; margin-left: -600px; top: 350px;animation-delay: 1s;}
/*02*/
.xbxczc_box02{ width: 1200px; position: relative; left: 50%; margin-left: -600px; height:400px; }
.xbxczc_box02 li{ width: 300px; float: left; position: relative; height: 400px;}
.xbxczc_box02 .xbxczc_ycbox{ width: 300px; height:525px; position: absolute; left: 0; bottom: 0; overflow: hidden; }
.xbxczc_box02 li:nth-child(1){ background-color: #ebcb78;}
.xbxczc_box02 li:nth-child(2){ background-color: #ffffff;}
.xbxczc_box02 li:nth-child(3){ background-color: #ebcb78;}
.xbxczc_box02 li:nth-child(4){ background-color: #ffffff;}

.xbxczc_box02 li:nth-child(1) .xbxczc_ycbox div{ width:249px; height: 246px; background-image: url(../images/xczc04.png); background-repeat: no-repeat; background-position: center; border-radius: 123px; margin: 0 auto; margin-top: 150px;
-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.xbxczc_box02 li:nth-child(2) .xbxczc_ycbox div{ width:249px; height: 246px; background-image: url(../images/xczc05.png); background-repeat: no-repeat; background-position: center; border-radius: 123px; margin: 0 auto; margin-top: 150px;
-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.xbxczc_box02 li:nth-child(3) .xbxczc_ycbox div{ width:249px; height: 246px; background-image: url(../images/xczc06.png); background-repeat: no-repeat; background-position: center; border-radius: 123px; margin: 0 auto; margin-top: 150px;
-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.xbxczc_box02 li:nth-child(4) .xbxczc_ycbox div{ width:249px; height: 246px; background-image: url(../images/xczc07.png); background-repeat: no-repeat; background-position: center; border-radius: 123px; margin: 0 auto; margin-top: 150px;
-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}

.xbxczc_box02 li h2{ color: #666258;font-size: 30px; text-align: center; line-height: 30px; margin: 50px auto 15px auto;
-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}

.xbxczc_box02 li:nth-child(1) p{ text-align: center; font-size: 18px; line-height: 36px; color: #ffffff; margin-top: 50px;
-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.xbxczc_box02 li:nth-child(2) p{ text-align: center; font-size: 18px; line-height: 36px; color: #ebcb78; margin-top: 50px;
-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.xbxczc_box02 li:nth-child(3) p{ text-align: center; font-size: 18px; line-height: 36px; color: #ffffff; margin-top: 50px;
-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.xbxczc_box02 li:nth-child(4) p{ text-align: center; font-size: 18px; line-height: 36px; color: #ebcb78; margin-top: 50px;
-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}

.xbxczc_box02 li:nth-child(1) a{ display: block; width:180px; margin: 10px auto; text-align: center; color: #666258; background-color: #ffffff; line-height: 40px;}
.xbxczc_box02 li:nth-child(2) a{ display: block; width:180px; margin: 10px auto; text-align: center; color: #ffffff; background-color: #ebcb78; line-height: 40px;}
.xbxczc_box02 li:nth-child(3) a{ display: block; width:180px; margin: 10px auto; text-align: center; color: #666258; background-color: #ffffff; line-height: 40px;}
.xbxczc_box02 li:nth-child(4) a{ display: block; width:180px; margin: 10px auto; text-align: center; color: #ffffff; background-color: #ebcb78; line-height: 40px;}

.xbxczc_box02 li:nth-child(1) a:hover{ background-color:#ebcb78 ; border: 2px solid #ffffff;}
.xbxczc_box02 li:nth-child(2) a:hover{ background-color:#ffffff ; border: 2px solid #ebcb78; color: #666258;}
.xbxczc_box02 li:nth-child(3) a:hover{ background-color:#ebcb78 ; border: 2px solid #ffffff;}
.xbxczc_box02 li:nth-child(4) a:hover{ background-color:#ffffff ; border: 2px solid #ebcb78; color: #666258;}

.xbxczc_box02 li:nth-child(1):hover .xbxczc_ycbox div{ margin-top: 0; border: 2px dashed #ffffff;}
.xbxczc_box02 li:nth-child(2):hover .xbxczc_ycbox div{ margin-top: 0; border: 2px dashed #ebcb78;}
.xbxczc_box02 li:nth-child(3):hover .xbxczc_ycbox div{ margin-top: 0; border: 2px dashed #ffffff;}
.xbxczc_box02 li:nth-child(4):hover .xbxczc_ycbox div{ margin-top: 0; border: 2px dashed #ebcb78;}

.xbxczc_box02 li:hover h2{ margin-top: 15px;}
.xbxczc_box02 li:hover p{ margin-top: 0px;}

/*03*/
.xbxczc_box03{ width: 1920px; position: relative; left: 50%; margin-left: -960px;}


.xbxczc_box03 img{ display: block; width: auto; margin: 50px auto;}
.xbxczc_box03 p{ width: 1200px; margin: 0 auto; text-align:center; font-size: 24px; color: #666666; line-height: 36px; margin-bottom: 50px;}

.xbxczc_box03 .xczc_video{ width:644px; margin: 0 auto; margin-left: 638px;}
.xbxczc_box03 .mask{width:644px; height: 363px;z-index: 3; position: absolute; top: 292px; left: 50%; margin-left: -322px;}
.xbxczc_box03 .mask_btn{display: block; width: 80px; margin: 0 auto; position: absolute; left: 50%; top: 138px; margin-left: -40px; animation-delay: 0s; cursor: pointer;}
.xbxczc_box03 .mask_btn:hover{transform: scale(1.2);}


/*04*/
.xbxczc_box04{ width: 1920px; position: relative; left: 50%; margin-left: -960px; height: 800px; padding-top: 45px; background-image: url(../images/xczc11.jpg); background-position: center;}
.xbxczc_box04 img{ display: block; width: auto; margin: 0 auto;}
.xbxczc_box04 p{ text-align: center; font-size: 18px; color: #ffffff; line-height: 36px; margin-top: 20px;}

.xbxczc_xq{ width: 1200px; margin-top: 50px; height: 400px; position: relative; left: 50%; margin-left: -600px; background-color: rgba(255,255,255,0.3);}
.xbxczc_xqimg{ width: 400px;  height: 400px; overflow: hidden; position: absolute; left: 0; top: 0;}
.xbxczc_xqimg li{ position: absolute; left: 0; top: 0;}
.xbxczc_xqimg img{ display: block; width: 100%;}

.xbxczc_xqbox{ width: 400px; height: 400px; position: absolute; left: 400px; top: 0px; background-color: #ddb858;}

.xbxczc_xqbox li{ width: 400px; text-align: center; line-height: 100px; cursor: pointer; font-size: 24px; color: #333333; position: relative; z-index: 3;}
.xbxczc_xqbox img{ position: absolute; width: 462px; left: -31px; top: 0px; z-index: 1;}

.xbxczc_xqxq{ width: 360px; height: 320px; overflow: hidden; position: absolute; left: 800px; top: 0; padding-left: 36px; padding-right: 14px; padding-top: 40px;}
.xbxczc_xqxq li{ width: 346px; overflow-y: scroll; height: 320px; padding-right: 17px;}
.xbxczc_xqxq h2{ font-size: 24px; text-align: center;line-height: 24px; color: #ffffff; margin-bottom: 30px;}
.xbxczc_xqxq span{ display: block; font-size: 18px; line-height: 30px; color: #ffffff;}
.xbxczc_xqxq li::-webkit-scrollbar{width:6px;border-radius:3px;}
.xbxczc_xqxq li::-webkit-scrollbar-track{background-color:#ffffff; border-radius:3px;}
.xbxczc_xqxq li::-webkit-scrollbar-thumb{background-color:#ee7800;border-radius:3px;}
.xbxczc_xqxq li::-webkit-scrollbar-thumb:hover {background-color:#ebcb78;}
.xbxczc_xqxq li::-webkit-scrollbar-thumb:active {background-color:#ebcb78;}
.xbxczc_box04 a{ display: block; width: 400px; margin:0 auto; color: #ebcb78;font-size: 24px; line-height: 48px; text-align: center; border: 2px solid #ebcb78; margin-top: 50px;;}
.xbxczc_box04 a:hover{ background-color: #ebcb78; color:#333333;border: 2px solid #ebcb78;}
/*05*/
.xbxczc_box05{ width: 1920px; position: relative; left: 50%; margin-left: -960px; padding-top: 50px;}
.xbxczc_box05 img{ display: block; width:auto; margin: 0 auto;}
.xbxczc_box05 p{ text-align: center; font-size: 18px; line-height: 36px; color: #666666; margin-top: 30px;}
/* .xbxczc_box05 ul{ width: 1215px; overflow: hidden; margin: 0 auto;} */
.xbxczc_box05 ul{ width: 815px; overflow: hidden; margin: 0 auto;}
.xbxczc_box05 ul li{ float: left; margin: 30px 7.5px; position: relative; width: 390px; overflow: hidden; }

.xbxczc_box05 ul div{ width:350px; position: absolute; left: 0px; top:510px; color: #ffffff; font-size: 18px; line-height: 25px;background-color: rgba(0,0,0,0.70); padding:12px 20px; padding-bottom: 15px; height: 360px;
	-webkit-transition:all 0.5s ease-out;
	-moz-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	-ms-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
}
.xbxczc_box05 ul li div h2{font-size: 24px; color: #ebcb78; line-height: 36px; margin-bottom: 5px;}
.xbxczc_box05 ul li div img{ display: block; width: 100%; margin-top: 15px;}
.xbxczc_box05 ul li:hover div{ top: 0;}

.xbxczc_zx01{ width: 888px; margin: 0 auto; overflow: hidden;}
.xbxczc_zx01 a{ display: block; width: 240px; height: 50px; border: 2px solid #333333; color: #333333; font-size: 24px; line-height: 50px; text-align: center; float: left; margin: 30px 100px;}
.xbxczc_zx01 a:hover{ color: #ebcb78; background-color: #333333;}
/*06*/
.xbxczc_box06{ width: 1920px; position: relative; left: 50%; margin-left: -960px; height: 800px; padding-top: 45px; background-image: url(../images/xczc25.jpg); background-position: center;}
.xbxczc_box06 img{ display: block; width: auto; margin: 0 auto;}
.xbxczc_box06 p{font-size: 18px; text-align: center; line-height: 36px; color: #ffffff; margin-top: 20px;}
.xbxczc_box06 ul{ width: 1200px; position: relative; margin: 0 auto; height: 400px; margin-top: 40px;}
.xbxczc_box06 ul li{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden;}

.xbxczc_hjleft{ position: absolute; left: 0; top: 0;}
.xbxczc_hjleft span{ display: block; position: absolute;left: 0; bottom: -48px;  width: 100%; text-align: center; background-color: rgba(0,0,0,0.7); color: #ffffff; font-size: 18px; line-height: 48px;
	-webkit-transition:all 0.5s ease-out;
	-moz-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	-ms-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
}
.xbxczc_hjleft:hover span{ bottom: 0;}

.xbxczc_xszp{ width: 608px; position: absolute; left: 594px; top: 0; height: 100%;}
.xbxczc_xszp div{ float: left; margin: 2px; position: relative; overflow: hidden;}
.xbxczc_xszp div span{ display: block; position: absolute;left: 0; bottom: -48px;  width: 100%; text-align: center; background-color: rgba(0,0,0,0.7); color: #ffffff; font-size: 18px; line-height: 48px;
	-webkit-transition:all 0.5s ease-out;
	-moz-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	-ms-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
}
.xbxczc_xszp div:hover span{ bottom: 0;}

.xbxczc_jtbox{ width: 350px; margin: 0 auto; overflow: hidden; margin-top: 50px;}
.xbxczc_jtbox p{ width: 250px; text-align: center; font-size: 24px; line-height: 50px; float: left; margin-top: 0;}
.xbxczc_jtbox p a{ display: block; width: 100%; color: #ffffff;}
.xbxczc_jtbox p a:hover{color:#ebcb78; }
.xbxczc_jt01{ width: 50px; height: 50px; float: left; background-image: url(../images/xczc37.png);cursor:pointer;}
.xbxczc_jt02{ width: 50px; height: 50px; float: left; background-image: url(../images/xczc38.png);cursor:pointer;}
.xbxczc_jt01:hover{ width: 50px; height: 50px; float: left; background-image: url(../images/xczc39.png);cursor:pointer;}
.xbxczc_jt02:hover{ width: 50px; height: 50px; float: left; background-image: url(../images/xczc40.png);cursor:pointer;}

/*07*/
.xbxczc_box07{ width: 1920px; position: relative; left: 50%; margin-left: -960px; padding-top: 50px; padding-bottom: 20px;}
.xbxczc_box07 img{ display: block; width:auto; margin: 0 auto;}
.xbxczc_box07 p{ text-align: center; font-size: 18px; line-height: 36px; color: #666666; margin-top: 30px;}

.xbxczc_jycy{ width: 1200px; margin: 0 auto; background-color: #ebcb78; height: 500px; overflow: hidden; margin-bottom: 50px; margin-top: 40px; position: relative;}
.xbxczc_jycy ul{ width:700px; position: absolute; left: 0; top: 0;}
.xbxczc_jycy ul li{ position: absolute; left: 0; top: 0;}

.xbxczc_jyxq{ width: 500px; position: absolute; left: 700px; top: 0; padding-top: 30px;}
.xbxczc_jyxx{ width: 360px; overflow: hidden; border-radius: 6px; height: 40px; margin: 0 auto; margin-bottom: 15px;}
.xbxczc_jyxx li{ width: 180px; float: left; text-align: center; font-size: 18px; line-height: 40px; background-color: #ffffff; color: #333333; cursor: pointer;}
.xbxczc_jyxx li:hover{ background-color: #333333; color:#ebcb78; }
.xbxczc_jyxx .colorli{ background-color: #333333; color:#ebcb78; }
.xbxczc_jyxq h2{ font-size: 24px; text-align: center; color: #333333; line-height: 36px;}
.xbxczc_jyxq span{ display: block; text-align: center; font-size: 16px; margin-bottom: 20px; color: #333333;}
.xbxczc_jyxq b{ font-size:16px; text-align: center; display: block; line-height: 30px; color: #333333; font-weight: normal;}
.xbxczc_jyxq a{ display: block; width: 200px; text-align: center; margin: 0 auto; font-size: 16px; line-height: 32px; border: 1px solid #333333; color: #333333; margin-top: 25px; border-radius: 6px;}
.xbxczc_jyxq a:hover{ background-color: #333333; color: #ebcb78;}
.xbxczc_cyjy{ height: 220px; overflow: hidden; position: relative;}
.xbxczc_cyjy li{ position: absolute; left: 0; top: 0; width: 100%;}

/*08*/
.xbxczc_box08{ width: 1920px; position: relative; left: 50%; margin-left: -960px; height: 651px; padding-top: 45px; background-image: url(../images/xczc45.jpg); background-position: center;}
.xbxczc_box08 img{ display: block; width: auto; margin: 0 auto;}
.xbxczc_box08 ul{ width: 1284px; margin: 0 auto; overflow: hidden;}
.xbxczc_box08 ul li{ width: 360px; margin: 34px; float: left;}
.xbxczc_box08 ul p{ text-align: center; background-color: #ebcb78; font-size: 24px; line-height: 50px; color: #333333;}
.xbxczc_box08 ul li:hover{border: 4px solid #ebcb78;margin: 30px; }

.xbxczc_zx02{ width: 888px; margin: 0 auto; overflow: hidden;}
.xbxczc_zx02 a{ display: block; width: 240px; height: 50px; border: 2px solid #ebcb78; color: #ebcb78; font-size: 24px; line-height: 50px; text-align: center; float: left; margin: 30px 100px;}
.xbxczc_zx02 a:hover{ background-color: #ebcb78; color: #333333;}