@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:"微软雅黑";}
/*结束*/

/*00*/
.xcjy_bigbox{ width: 100%; position: relative; overflow: hidden; }
/* .xcjy_box{width:1920px;height:1308px;background-image:url(../images/xcjy_11.jpg);position:fixed;left:0;top:0;z-index: 1;} */
.xcjy_box{height:1308px;background-image:url(../images/xcjy_11.jpg);position:fixed;left:0;top:0;z-index: 1;}
.xcjy_boxqh{/* width:1920px; */height:1308px;background-image:url(../images/xcjy_17.jpg);position:fixed;left:0;top:0;z-index: 1;}

.xcjy_box01{width:1920px;height:915px;position:relative;left:50%;margin-left:-960px;background-image:url(../images/xcjy_1.jpg); padding-top:100px;z-index:2;background-repeat:no-repeat;background-position:center top;padding-bottom:10px;background-color: #ffffff;}
.xcjy_box01 img{ display: block; width: auto; margin: 0 auto; margin-bottom: 50px; animation-delay: 1s;}
.xcjy_box01 ul{ width: 1088px; margin: 0 auto;}
.xcjy_box01 li{width:200px;height:200px;padding:6px;border:2px solid #ffffff;border-radius:120px;float: left; margin:0 28px; animation-delay: 1.5s;}
.xcjy_box01 li img{ display: block; width: 100%;}
.xcjy_box01 li div{  width: 200px; height: 200px; overflow: hidden; border-radius:100px; position: relative;}
.xcjy_box01 li span{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.xcjy_box01 li b{color:#ffffff;display:block;text-align:center;font-size:30px;line-height:30px; margin: 80px 0 100px 0; }
.xcjy_box01 li p{ text-align: left; color: #ffffff; width: 170px; margin: 0 auto;font-size: 18px; line-height:27px;}
.xcjy_box01 li:hover b{ margin: 35px 0 10px 0;}

.xcjy_box01 a{ display: block; border: 2px solid #ffe400; width: 300px; text-align: center; margin: 50px auto; color: #cbcbcb;font-size: 30px; line-height: 48px;border-radius: 20px; animation-delay: 2s;  background-color: rgba(0,0,0,0.40);}
.xcjy_box01 a:hover{ color: #ffffff;background-color: rgba(0,0,0,0);}


.xcjy_box02{width:1920px;position:relative;left:50%;margin-left:-960px;border-top:5px solid #414141;padding-top: 50px;z-index: 2; background-color: #ffffff; }
.xcjy_box02 img{ display: block; margin: 0 auto;}
.xcjy_box02 p{width:780px;margin:0 auto; padding:40px 0;padding-left:420px;font-size:18px;line-height:36px; /* background-image: url(../images/xcjy_9.jpg); */ background-repeat: no-repeat; background-position: center left;}


.xcjy_box03{ position: relative; z-index: 2; width: 1920px; left: 50%; margin-left: -960px; /* background-color: rgba(255,255,255,0); */ background-image: url(../images/xcjy_11.jpg);padding-top: 50px;padding-bottom:30px;}
.xcjy_box03 img{ display: block; width: auto; margin: 0 auto; margin-bottom: 50px;}
.xcjy_box03 div{background-color:rgba(255,255,255,0.8);width:1100px;margin:0 auto;border-radius:20px;padding:50px 0;overflow: hidden;}
.xcjy_box03 h2{width: 550px; float: left; text-align: center;font-size: 30px;font-weight: bold; color: #333333; line-height: 30px;}
.xcjy_box03 p{ width: 400px; float: left;font-size: 18px; line-height: 36px; margin-left: 100px; margin-top: 30px;}

.xcjy_box03 a{ display: block; border: 2px solid #ffe400; width: 300px; text-align: center; margin: 40px auto; color: #cbcbcb;font-size: 30px; line-height: 48px;border-radius: 20px; animation-delay: 1s;  background-color: rgba(0,0,0,0.40);}
.xcjy_box03 a:hover{ color: #ffffff;background-color: rgba(0,0,0,0);}

/* .xcjy_box04{width:1920px;position:relative;left:50%;margin-left:-960px;overflow:hidden;background-color:#ffffff;background-image: url(../images/xcjy_15.jpg);z-index:2;background-repeat:no-repeat;background-position:center;padding:200px 0;} */
.xcjy_box04{width:1920px;position:relative;left:50%;margin-left:-960px;overflow:hidden;background-color:#ffffff;z-index:2;background-repeat:no-repeat;background-position:center;padding:50px 0;}
.xcjy_box04 img{ display: block; width: auto; margin: 0 auto; }
.xcjy_box04 div:nth-child(2){width:1150px;height:420px;background-image:url(../images/xcjy_13.jpg);margin:0 auto; margin-top: 50px;}
.xcjy_box04 div:nth-child(2) h3{ margin-left: 630px; color: #ffffff;font-size: 30px; padding-top: 50px;}
.xcjy_box04 div:nth-child(2) p{ margin-left: 630px; color: #ffffff;font-size: 18px; line-height: 36px;}

/* .xcjy_box04 div:nth-child(3){width:1150px;height:420px;background-image:url(../images/xcjy_14.jpg);margin:0 auto; margin-top: 50px;}
.xcjy_box04 div:nth-child(3) h3{ margin-left: 200px; color: #ffffff;font-size: 30px; padding-top: 30px;}
.xcjy_box04 div:nth-child(3) p{ margin-left: 200px; color: #ffffff;font-size: 18px; line-height: 36px;} */

.xcjy_box04 a{ display: block; border: 2px solid #333333; width: 300px; text-align: center; margin: 50px auto 0 auto; color: #333333;font-size: 30px; line-height: 48px;border-radius: 20px; animation-delay: 1s;}
.xcjy_box04 a:hover{ border: 2px solid #808080; background-color: #cccaca; color: #333333;}



.xcjy_box05{width:1920px;position:relative;left:50%;margin-left:-960px;overflow:hidden; z-index: 2; padding: 50px 0;background-image:url(../images/xcjy_17.jpg);}
.xcjy_box05 img{ display: block; margin: 0 auto; width: auto;}
.xcjy_box05 ul{ width: 870px; margin: 0 auto; overflow: hidden;}
.xcjy_box05 li{ position: relative; width: 200px; height: 200px; margin: 45px; border-radius: 100px;overflow: hidden;float: left;}
.xcjy_box05 span{ position: absolute; left: 0; top: 0; height:100%; width: 100%;}
.xcjy_box05 p{ position: absolute; left: 0; top: 0; height:100%; width: 100%;}
.xcjy_box05 span img{ margin-top: 80px;}
.xcjy_box05 p{text-align:center;font-size:24px;color:#ffffff;padding-top:65px;line-height:36px;opacity:0;background-color: rgba(0,0,0,0.45);}
.xcjy_box05 li:hover p{ opacity: 1;}
.xcjy_box05 li:hover span{ opacity: 0;}


.xcjy_box06{width:1920px;position:relative;left:50%;margin-left:-960px;z-index:2;background-color:#ffffff;padding:50px 0;}
.xcjy_box06 img{ display: block; width: auto; margin: 0 auto;}
.xcjy_box06 ul{ width: 1200px; overflow: hidden; margin: 0 auto; margin-top: 50px;}
.xcjy_box06 ul li{ width: 400px; height: 290px; float: left; background-size: 100%; background-position: center;
-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
}
.xcjy_box06 ul li:hover{ background-size: 110%;}
.xcjy_box06 ul li:nth-child(1){ background-image: url(../images/xcjy_31.jpg);}
.xcjy_box06 ul li:nth-child(2){ background-image: url(../images/xcjy_32.jpg);}
.xcjy_box06 ul li:nth-child(3){ background-image: url(../images/xcjy_33.jpg);}
.xcjy_box06 ul li:nth-child(4){ background-image: url(../images/xcjy_34.jpg);}
.xcjy_box06 ul li:nth-child(5){ background-image: url(../images/xcjy_35.jpg);}
.xcjy_box06 ul li:nth-child(6){ background-image: url(../images/xcjy_36.jpg);}

.xcjy_box06 a{ display: block; border: 2px solid #333333; width: 300px; text-align: center; margin: 50px auto 0 auto; color: #333333;font-size: 28px; line-height: 48px;border-radius: 20px; animation-delay: 1s;}
.xcjy_box06 a:hover{ border: 2px solid #808080; background-color: #cccaca; color: #333333;}


.xcjy_box07{width:1920px;position:relative;left:50%;margin-left:-960px;overflow:hidden;z-index:2;background-color:#ffffff;padding: 50px 0;}
.xcjy_box07 img{ display: block; width: auto; margin: 0 auto;}
.xcjy_box07 div{ width: 1200px; margin: 0 auto; overflow: hidden;}
.xcjy_box07 a{ display: block; width: 350px; float: left; overflow: hidden; margin: 25px;}
.xcjy_box07 a div{ width: 350px; height: 240px; overflow: hidden;}
.xcjy_box07 a span{ display: block; width: 100%; background-color: #ffa800; color: #ffffff; text-align: center; font-size: 30px;font-weight: bold; line-height: 45px;}
.xcjy_box07 a:hover img{ width: 110%; margin-left: -5%;
-webkit-transition:all 0.8s ease-out;
	-moz-transition:all 0.8s ease-out;
	-o-transition:all 0.8s ease-out;
	-ms-transition:all 0.8s ease-out;
	transition:all 0.8s ease-out;
}










