@charset "utf-8";
/* CSS Document */
 
/* reset css */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* to preserve line-height and selector appearance */
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
input,
button,
textarea,
select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
	width:auto;
	overflow:visible;
}
/*because legend doesn't inherit in IE */
legend {
	color:#000;
}

h1,h2,h3,h4,h5,h6{
	font-weight:normal;
}
/* end reset css */

a,a:active{
	color:#333;
	text-decoration:none;
	outline:none;
}
/*float clear*/
.clear:after {
	content: "\200c";
	display :block;
	height: 0;
	font-size: 0;
	clear: both;
}
.none{
	display:none;
	overflow:hidden;
}

a,button,
input[type=submit],
input[type=button]{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}

body {
    color: #333;
    background-image: url(../images/hfs0716101aaa.jpg);
    background-attachment: fixed;
    background-color: #17191a;
}

@media (max-width: 990px){
	body {
		background-size: cover;
	}
}


.in_clear{
	width: 500px;
	height: 0;
	clear: left;
	line-height: 0;
	font-size: 0;
}

.in_clear_r{
	width: 500px;
	height: 0;
	clear: right;
	line-height: 0;
	font-size: 0;
}








.page_bg_line{
	width: 100%;
	overflow: hidden;
	opacity: 0;
	transition: all 1s;
}

.page_bg_line.animation{
	opacity: 1;
}

.page1-line1{width: 800px; height: 800px; border: 1px solid #2f3132; border-radius: 50%; position: fixed; left: 50%; bottom: 58px; margin-left: -400px; z-index: -1; animation: line1 8s linear infinite 0s; opacity: 0;}
.page1-line2{width: 800px; height: 800px; border: 1px solid #2f3132; border-radius: 50%; position: fixed; left: 50%; bottom: 58px; margin-left: -400px; z-index: -1; animation: line1 8s linear infinite 2s; opacity: 0;}
.page1-line3{width: 800px; height: 800px; border: 1px solid #2f3132; border-radius: 50%; position: fixed; left: 50%; bottom: 58px; margin-left: -400px; z-index: -1; animation: line1 8s linear infinite 4s; opacity: 0;}
.page1-line4{width: 800px; height: 800px; border: 1px solid #2f3132; border-radius: 50%; position: fixed; left: 50%; bottom: 58px; margin-left: -400px; z-index: -1; animation: line1 8s linear infinite 6s; opacity: 0;}


@keyframes line1{
  0% {
    transform: scale(0);
    opacity: 1;
  }
  50% {
    transform: scale(1.5);
    opacity: 1;
  }
  100% {
    transform: scale(3);
    opacity: 0;
  }
}


.main_div_0{
	position: relative;
	height: 100%;
    width: 100%;
	background-image:url(../images/hfs0819101c.jpg);
	background-color: #000000;
	background-position: center top;
	text-align: center;
	z-index: 1;
}

.main_div_0 span{
	position: relative;
    top: 57%;
	font-size: 33px;
	color: #b49972;
	display: table;
	margin: 0 auto;
}

.main_div_0 p{
	position: relative;
	color: #ffffff;
	font-size: 43px;
    top: 58%;
	display: table;
	margin: 0 auto;
}





.main_div{
    width: 100%;
	padding-top: 300px;
	position: relative;
}









@media (max-width:1200px) {
	.main_div_0 {
    background-size: cover;
	}
	.main_div_0 span img {
		max-width: 80%;
	}
	.main_div_0 p img {
		max-width: 90%;
	}
	
}





.main_div_shitou{
	position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
}

.main_div_1{
    position: absolute;
    text-align: center;
    width: 955px;
    height: 610px;
	left: 51%;
    top: 99%;
    transform: translate(-50%, -50%) scale(.3);
	opacity: 0;
	transition: all 1.6s;
}

.main_div_1.animation{
    left: 53%;
    top: 65%;
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
}

.main_div_1 div{
	position: absolute;
	transition: all .6s;
}




/* xin1-原始 */
.main_div_1a_01{top: -21px;left: 92px;}
.main_div_1a_02{top: 56px;left: 14px;}
.main_div_1a_03{top: 156px;left:-21px;}
.main_div_1a_04{top: 339px;left: -24px;}
.main_div_1a_05{top: 91px;left: 88px;}
.main_div_1a_06{top: -27px;left: 210px;}
.main_div_1a_07{top: 146px;left: 229px;}
.main_div_1a_08{top: 190px;left: 132px;}
.main_div_1a_09{top: 296px;left: 64px;}
.main_div_1a_10{top: 406px;left: 11px;}
.main_div_1a_11{top: -28px;left: 319px;}
.main_div_1a_12{top: 57px;left: 356px;}
.main_div_1a_13{top: 198px;left: 275px;}
.main_div_1a_14{top: 280px;left: 177px;}
.main_div_1a_15{top: 365px;left: 153px;}
.main_div_1a_16{top: -13px;left: 525px;}
.main_div_1a_17{top: 8px;left: 466px;}
.main_div_1a_18{top: 145px;left: 404px;}
.main_div_1a_19{top: 259px;left: 315px;}
.main_div_1a_20{top: 386px;left: 262px;}
.main_div_1a_21{top: 467px;left: 109px;}
.main_div_1a_22{top: 467px;left: 238px;}
.main_div_1a_23{top: 91px;left: 525px;}
.main_div_1a_24{top: 195px;left: 569px;}
.main_div_1a_25{top: 308px;left: 484px;}
.main_div_1a_26{top: 430px;left: 422px;}
.main_div_1a_27{top: 61px;left: 678px;}
.main_div_1a_28{top: 127px;left: 708px;}
.main_div_1a_29{top: 183px;left: 723px;}
.main_div_1a_30{top: 278px;left: 712px;}
.main_div_1a_31{top: 306px;left: 606px;}
.main_div_1a_32{top: 304px;left: 793px;}
.main_div_1a_33{top: 377px;left: 605px;}
.main_div_1a_34{top: 427px;left: 519px;}

/* jiu开裂 */
.main_div_1b_01.animation{top: -21px;left: -7px;}
.main_div_1b_02.animation{top: -19px;left: -10px;}
.main_div_1b_03.animation{top: -15px;left: -11px;}
.main_div_1b_04.animation{top: -12px;left: -10px;}
.main_div_1b_05.animation{top: -18px;left: -7px;}
.main_div_1b_06.animation{top: -20px;left: -4px;}
.main_div_1b_07.animation{top: -17px;left: -4px;}
.main_div_1b_08.animation{top: -14px;left: -8px;}
.main_div_1b_09.animation{top: -13px;left: -8px;}
.main_div_1b_10.animation{top: -10px;left: -8px;}
.main_div_1b_11.animation{top: -20px;left: 0px;}
.main_div_1b_12.animation{top: -18px;left: -2px;}
.main_div_1b_13.animation{top: -14px;left: -3px;}
.main_div_1b_14.animation{top: -12px;left: -6px;}
.main_div_1b_15.animation{top: -10px;left: -6px;}
.main_div_1b_16.animation{top: -18px;left: 3px;}
.main_div_1b_17.animation{top: -16px;left: 1px;}
.main_div_1b_18.animation{top: -14px;left: 0px;}
.main_div_1b_19.animation{top: -11px;left: -2px;}
.main_div_1b_20.animation{top: -8px;left: -2px;}
.main_div_1b_21.animation{top: -7px;left: -7px;}
.main_div_1b_22.animation{top: -6px;left: -4px;}
.main_div_1b_23.animation{top: -15px;left: 4px;}
.main_div_1b_24.animation{top: -12px;left: 3px;}
.main_div_1b_25.animation{top: -10px;left: 1px;}
.main_div_1b_26.animation{top: -9px;left: 1px;}
.main_div_1b_27.animation{top: -16px;left: 5px;}
.main_div_1b_28.animation{top: -14px;left: 7px;}
.main_div_1b_29.animation{top: -11px;left: 6px;}
.main_div_1b_30.animation{top: -9px;left: 6px;}
.main_div_1b_31.animation{top: -8px;left: 3px;}
.main_div_1b_32.animation{top: -8px;left: 8px;}
.main_div_1b_33.animation{top: -6px;left: 6px;}
.main_div_1b_34.animation{top: -8px;left: 3px;}

/* xin1开裂 */
.main_div_1a_01.animation{top: -25px;left: 90px;}
.main_div_1a_02.animation{top: 51px;left: 12px;}
.main_div_1a_03.animation{top: 151px;left:-23px;}
.main_div_1a_04.animation{top: 334px;left: -27px;}
.main_div_1a_05.animation{top: 87px;left: 86px;}
.main_div_1a_06.animation{top: -31px;left: 212px;}
.main_div_1a_07.animation{top: 142px;left: 230px;}
.main_div_1a_08.animation{top: 186px;left: 129px;}
.main_div_1a_09.animation{top: 292px;left: 61px;}
.main_div_1a_10.animation{top: 402px;left: 5px;}
.main_div_1a_11.animation{top: -34px;left: 325px;}
.main_div_1a_12.animation{top: 53px;left: 358px;}
.main_div_1a_13.animation{top: 194px;left: 276px;}
.main_div_1a_14.animation{top: 276px;left: 179px;}
.main_div_1a_15.animation{top: 361px;left: 155px;}
.main_div_1a_16.animation{top: -20px;left: 529px;}
.main_div_1a_17.animation{top: 1px;left: 473px;}
.main_div_1a_18.animation{top: 143px;left: 411px;}
.main_div_1a_19.animation{top: 256px;left: 325px;}
.main_div_1a_20.animation{top: 381px;left: 260px;}
.main_div_1a_21.animation{top: 463px;left: 111px;}
.main_div_1a_22.animation{top: 463px;left: 240px;}
.main_div_1a_23.animation{top: 92px;left: 535px;}
.main_div_1a_24.animation{top: 196px;left: 575px;}
.main_div_1a_25.animation{top: 306px;left: 492px;}
.main_div_1a_26.animation{top: 428px;left: 429px;}
.main_div_1a_27.animation{top: 57px;left: 692px;}
.main_div_1a_28.animation{top: 123px;left: 722px;}
.main_div_1a_29.animation{top: 178px;left: 736px;}
.main_div_1a_30.animation{top: 273px;left: 725px;}
.main_div_1a_31.animation{top: 313px;left: 620px;}
.main_div_1a_32.animation{top: 298px;left: 806px;}
.main_div_1a_33.animation{top: 375px;left: 621px;}
.main_div_1a_34.animation{top: 426px;left: 538px;}

/* jiu爆炸 */
.main_div_1_01.boom{top: -264px;left: -61px;transform: scale(1);}
.main_div_1_02.boom{top: -211px;left: -249px;transform: scale(1);}
.main_div_1_03.boom{top: -126px;left: -281px;transform: scale(1);}
.main_div_1_04.boom{top: -49px;left: -275px;transform: scale(1);}
.main_div_1_05.boom{top: -148px;left: -284px;transform: scale(1);}
.main_div_1_06.boom{top: -196px;left: -339px;transform: scale(1);}
.main_div_1_07.boom{top: 89px;left: -443px;transform: scale(1);}
.main_div_1_08.boom{top: -429px;left: 59px;transform: scale(1);}
.main_div_1_09.boom{top: 257px;left: -203px;transform: scale(1);}
.main_div_1_10.boom{top: 67px;left: -319px;transform: scale(1);}
.main_div_1_11.boom{top: -195px;left: 40px; transform: scale(1);}
.main_div_1_12.boom{top: -334px;left: 222px;}
.main_div_1_13.boom{top: -514px;left: 423px;}
.main_div_1_14.boom{top: -521px;left: 562px;}
.main_div_1_15.boom{top: 280px;left: -205px;}
.main_div_1_16.boom{top: -518px;left: 3px;}
.main_div_1_17.boom{top: 566px;left: 1px;}
.main_div_1_18.boom{top: 484px;left: -310px;}
.main_div_1_19.boom{top: -637px;left: -61px;}
.main_div_1_20.boom{top: 299px;left: 30px;}
.main_div_1_21.boom{top: -16px;left: -642px;}
.main_div_1_22.boom{top: 166px;left: -624px;}
.main_div_1_23.boom{top: -279px;left: 446px;}
.main_div_1_24.boom{top: -312px;left: 603px;}
.main_div_1_25.boom{top: -310px;left: 701px;}
.main_div_1_26.boom{top: -9px;left: 801px;}
.main_div_1_27.boom{top: 606px;left: -85px;}
.main_div_1_28.boom{top: 536px;left: 7px;}
.main_div_1_29.boom{top: -11px;left: 500px;}
.main_div_1_30.boom{top: 409px;left: 180px;}
.main_div_1_31.boom{top: -88px;left: 663px;}
.main_div_1_32.boom{top: -8px;left: 508px;}
.main_div_1_33.boom{top: -6px;left: 506px;}
.main_div_1_34.boom{top: 150px;left: 663px;}

/* xin1爆炸 */
.main_div_1a_01.boom{top: -325px;left: -590px;transform: scale(.4);}
.main_div_1a_02.boom{top: -189px;left: -731px;transform: scale(.4);}
.main_div_1a_03.boom{top: 86px;left: -581px;transform: scale(.4);}
.main_div_1a_04.boom{top: 334px;left: -527px;transform: scale(.4);}
.main_div_1a_05.boom{top: -95px;left: -563px;transform: scale(.4);}
.main_div_1a_06.boom{top: -414px;left: -212px;transform: scale(.4);}
.main_div_1a_08.boom{top: 508px;left: -529px;transform: scale(.4);}
.main_div_1a_09.boom{top: 692px;left: -261px;transform: scale(.4);}
.main_div_1a_10.boom{top: 663px;left: -535px;transform: scale(.4);}
.main_div_1a_11.boom{top: -334px;left: 325px;transform: scale(.4);}
.main_div_1a_15.boom{top: 686px;left: -102px;transform: scale(.4);}
.main_div_1a_16.boom{top: -320px;left: 629px;transform: scale(.4);}

.main_div_1a_21.boom{top: 682px;    left: 500px;transform: scale(.4);}
.main_div_1a_22.boom{top: 672px;    left: 100px;transform: scale(.4);}
.main_div_1a_23.boom{top: 92px;    left: 1335px;transform: scale(.4);}
.main_div_1a_25.boom{top: 676px;    left: 932px;transform: scale(.4);}
.main_div_1a_26.boom{top: 678px;    left: 729px;transform: scale(.4);}
.main_div_1a_27.boom{top: -257px;    left: 892px;transform: scale(.4);}
.main_div_1a_28.boom{top: -223px;    left: 1022px;transform: scale(.3);}
.main_div_1a_29.boom{top: -278px;    left: 1236px;transform: scale(.4);}
.main_div_1a_30.boom{top: 273px;    left: 1325px;transform: scale(.5);}
.main_div_1a_31.boom{top: 413px;    left: 1320px;transform: scale(.3);}
.main_div_1a_32.boom{top: -98px;    left: 1327px;transform: scale(.4);}
.main_div_1a_33.boom{top: 550px;    left: 1321px;transform: scale(.5);}
.main_div_1a_34.boom{top: 676px;    left: 1138px;transform: scale(.8);}

.main_div_1a_07.boom{    
	    top: 134px;
    left: -202px;
    transform: scale(.5) rotateY(62deg) rotateX(28deg) rotateZ(13deg);
    filter: blur(5px);
}

.main_div_1a_12.boom{    
	top: -85px;
	left: -58px;
	transform: scale(.4);
}
.main_div_1a_13.boom{
	top: 1194px;    
	left: 276px;
	transform: scale(.4);
}
.main_div_1a_14.boom{    
	    top: 350px;
    left: -55px;
    transform: scale(.4) rotateY(235deg) rotateX(43deg) rotateZ(25deg);
    filter: blur(3px);
}
.main_div_1a_17.boom{        
    top: -111px;
    left: 473px;
    transform: scale(.5) rotateY(36deg) rotateX(79deg) rotateZ(299deg);
    filter: blur(10px);
}
.main_div_1a_18.boom{
	    top: 290px;
    left: 796px;
    transform: scale(.4) rotateY(68deg) rotateX(55deg) rotateZ(21deg);
    filter: blur(6px);
}
.main_div_1a_20.boom{    
	top: 481px;    
	left: 460px;
	transform: scale(.4);
}
.main_div_1a_24.boom{    
	top: 6px;
    left: 975px;
    transform: scale(.35) rotateY(64deg) rotateX(39deg) rotateZ(27deg);
    filter: blur(3px);
}
.main_div_1a_19.boom{
	top: 376px;
    left: 265px;
    transform: scale(.4) rotateY(115deg) rotateX(147deg) rotateZ(221deg);
    filter: blur(20px);
}


/* xin2-原始 */
.main_div_1c_01{top: -21px;left: 92px;}
.main_div_1c_02{top: 56px;left: 14px;}
.main_div_1c_03{top: 156px;left:-21px;}
.main_div_1c_04{top: 339px;left: -24px;}
.main_div_1c_05{top: 91px;left: 88px;}
.main_div_1c_06{top: -27px;left: 210px;}
.main_div_1c_07{top: 146px;left: 229px;}
.main_div_1c_08{top: 190px;left: 132px;}
.main_div_1c_09{top: 296px;left: 64px;}
.main_div_1c_10{top: 406px;left: 11px;}
.main_div_1c_11{top: -28px;left: 319px;}
.main_div_1c_12{top: 57px;left: 356px;}
.main_div_1c_13{top: 198px;left: 275px;}
.main_div_1c_14{top: 280px;left: 177px;}
.main_div_1c_15{top: 365px;left: 153px;}
.main_div_1c_16{top: -13px;left: 525px;}
.main_div_1c_17{top: 8px;left: 466px;}
.main_div_1c_18{top: 145px;left: 404px;}
.main_div_1c_19{top: 259px;left: 315px;}
.main_div_1c_20{top: 386px;left: 262px;}
.main_div_1c_21{top: 467px;left: 109px;}
.main_div_1c_22{top: 467px;left: 238px;}
.main_div_1c_23{top: 91px;left: 525px;}
.main_div_1c_24{top: 195px;left: 569px;}
.main_div_1c_25{top: 308px;left: 484px;}
.main_div_1c_26{top: 430px;left: 422px;}
.main_div_1c_27{top: 61px;left: 678px;}
.main_div_1c_28{top: 127px;left: 708px;}
.main_div_1c_29{top: 183px;left: 723px;}
.main_div_1c_30{top: 278px;left: 712px;}
.main_div_1c_31{top: 306px;left: 606px;}
.main_div_1c_32{top: 304px;left: 793px;}
.main_div_1c_33{top: 377px;left: 605px;}
.main_div_1c_34{top: 427px;left: 519px;}


/* xin2 四边裂开 */

.main_div_1c_a{top: 0px;left: 0px;transition: all .3s;}
.main_div_1c_b{top: 0px;left: 0px;transition: all .3s;}
.main_div_1c_c{top: 0px;left: 0px;transition: all .3s;}
.main_div_1c_d{top: 0px;left: 0px;transition: all .3s;}
.main_div_1c_e{top: 0px;left: 0px;transition: all .3s;}
.main_div_1c_f{top: 0px;left: 0px;transition: all .3s;}
.main_div_1c_g{top: 0px;left: 0px;transition: all .3s;}
.main_div_1c_h{top: 0px;left: 0px;transition: all .3s;}

/* 裂开 */
.main_div_1c_a.animation{    top: -13px;
    left: -3px;}
.main_div_1c_b.animation{top: -4px;    left: -10px;}
.main_div_1c_c.animation{    top: 10px;    left: -7px;}
.main_div_1c_d.animation{    top: -10px;    left: 7px;}
.main_div_1c_e.animation{top: 5px;left: 6px;}
.main_div_1c_f.animation{top: 0px;left: 0px;}
.main_div_1c_g.animation{top: -1px;left: -6px;}


/*.main_div_1c_a.boom{top: -575px;
    left: -703px;
    transform: scale(3);
    opacity: 0;}
.main_div_1c_b.boom{top: -546px;
    left: -733px;
    transform: scale(3);
    opacity: 0;}
.main_div_1c_c.boom{top: -516px;
    left: -698px;
    transform: scale(3);
    opacity: 0;}
.main_div_1c_d.boom{top: -572px;
    left: -671px;
    transform: scale(3);
    opacity: 0;}
.main_div_1c_e.boom{    top: -526px;
    left: -641px;
    transform: scale(3);
    opacity: 0;}*/






.main_div_1c_18.animation {
    top: 153px;
    left: 403px;
}


.main_div_1c_07.boom {
    transform: scale(8);
    z-index: 99;
    top: 188px;
    left: 170px;
    opacity: 0;
}


.main_div_1c_12.boom {
    transform: scale(8);
    z-index: 99;
    top: 107px;
    left: 484px;
    opacity: 0;
}

.main_div_1c_18.boom {
    transform: scale(8);
    top: 150px;
    left: 404px;
    z-index: 99;
    opacity: 0;
}

.main_div_1c_19.boom {
    transform: scale(8);
    z-index: 99;
    z-index: 99;
    top: 128px;
    left: -184px;
    opacity: 0;
}

.main_div_1c_23.boom {
    transform: scale(8);
    z-index: 99;
    top: 213px;
    left: 833px;
    opacity: 0;
}

.main_div_1c_24.boom {
    transform: scale(8);
    z-index: 99;
    top: 213px;
    left: 484px;
    opacity: 0;
}

.main_div_1c_25.boom {
    transform: scale(8);
    z-index: 99;
    top: 213px;
    left: 484px;
	opacity: 0;
}





/* xin2 爆炸 */

/*
.main_div_1c_01.boom{top: -325px;left: -590px;transform: scale(.4);}
.main_div_1c_02.boom{top: -189px;left: -731px;transform: scale(.4);}
.main_div_1c_03.boom{top: 86px;left: -581px;transform: scale(.4);}
.main_div_1c_04.boom{top: 334px;left: -527px;transform: scale(.4);}
.main_div_1c_05.boom{top: -95px;left: -563px;transform: scale(.4);}
.main_div_1c_06.boom{top: -414px;left: -212px;transform: scale(.4);}
.main_div_1c_08.boom{top: 508px;left: -529px;transform: scale(.4);}
.main_div_1c_09.boom{top: 692px;left: -261px;transform: scale(.4);}
.main_div_1c_10.boom{top: 663px;left: -535px;transform: scale(.4);}
.main_div_1c_11.boom{top: -334px;left: 325px;transform: scale(.4);}
.main_div_1c_15.boom{top: 686px;left: -102px;transform: scale(.4);}
.main_div_1c_16.boom{top: -320px;left: 629px;transform: scale(.4);}

.main_div_1c_21.boom{top: 682px;    left: 500px;transform: scale(.4);}
.main_div_1c_22.boom{top: 672px;    left: 100px;transform: scale(.4);}
.main_div_1c_23.boom{top: 92px;    left: 1335px;transform: scale(.4);}
.main_div_1c_25.boom{top: 676px;    left: 932px;transform: scale(.4);}
.main_div_1c_26.boom{top: 678px;    left: 729px;transform: scale(.4);}
.main_div_1c_27.boom{top: -257px;    left: 892px;transform: scale(.4);}
.main_div_1c_28.boom{top: -223px;    left: 1022px;transform: scale(.3);}
.main_div_1c_29.boom{top: -278px;    left: 1236px;transform: scale(.4);}
.main_div_1c_30.boom{top: 273px;    left: 1325px;transform: scale(.5);}
.main_div_1c_31.boom{top: 413px;    left: 1320px;transform: scale(.3);}
.main_div_1c_32.boom{top: -98px;    left: 1327px;transform: scale(.4);}
.main_div_1c_33.boom{top: 550px;    left: 1321px;transform: scale(.5);}
.main_div_1c_34.boom{top: 676px;    left: 1138px;transform: scale(.8);}

.main_div_1c_07.boom{    
	    top: 134px;
    left: -202px;
    transform: scale(.5) rotateY(62deg) rotateX(28deg) rotateZ(13deg);
    filter: blur(5px);
}

.main_div_1c_12.boom{    
	top: -85px;
	left: -58px;
	transform: scale(.4);
}
.main_div_1c_13.boom{
	    top: 212px;
    left: 276px;
    transform: scale(5);
    opacity: 0;
    filter: blur(10px);
}
.main_div_1c_14.boom{    
	    top: 350px;
    left: -55px;
    transform: scale(.4) rotateY(235deg) rotateX(43deg) rotateZ(25deg);
    filter: blur(3px);
}
.main_div_1c_17.boom{
    top: -111px;
    left: 473px;
    transform: scale(.5) rotateY(36deg) rotateX(79deg) rotateZ(299deg);
    filter: blur(10px);
}
.main_div_1c_18.boom{
	top: 171px;
    left: 589px;
    transform: scale(6);
    filter: blur(10px);
    opacity: 0;
}
.main_div_1c_20.boom{    
	top: 481px;    
	left: 460px;
	transform: scale(.4);
}
.main_div_1c_24.boom{    
	top: 6px;
    left: 975px;
    transform: scale(.35) rotateY(64deg) rotateX(39deg) rotateZ(27deg);
    filter: blur(3px);
}
.main_div_1c_19.boom{
	    top: 376px;
    left: 265px;
    transform: scale(.4) rotateY(115deg) rotateX(147deg) rotateZ(221deg);
    filter: blur(5px);
}







.main_div_1.suoxiao {
	opacity: 1;
	transform:translate(-52%, -50%) scale(.5);
	top: 59%;
}

.main_div_1.fangda{
	opacity: 1;
	transform:translate(-52%, -50%) scale(.2);
	top: 59%;
}*/




.main_div_1.fangda{
	animation:guangonggoBig .8s ease-in-out 0s 1 alternate forwards;
}

.bianhuan22{
	animation:bianHuans 2.3s ease-out 0s infinite alternate forwards;
}

@keyframes bianHuans{
	0%{
	    filter: brightness(.8);
	}
	50%{
	    filter: brightness(2.3);
	}
	100%{
	    filter: brightness(.8);
	}
}



.main_div_1.yincang {
	opacity: 0;
}

.main_div_2{
    margin: 0 auto;
    display: table;
    text-align: center;
    transition: all 0.8s;
    position: fixed;
    left: 50%;
    width: 100%;
    margin-left: -50%;
    top: 20%;
	opacity: 0;
	margin-top:250px;
	transform:scale(.5);
}

.main_div_2.animation {
	opacity: 1;
	margin-top:0px;
	transform:scale(1);
}

.main_div_3{
	left: 53%;
    top: 57%;
    transform: translate(-50%, -50%) scale(1);
    text-align: center;
    transition: all 1.5s;
    opacity: 0;
    position: absolute;
}

.main_div_3 img{
	width: 340px;
}




.main_div_3.animation{
	animation:guangonggoSmall 4s ease-in-out 1.6s 1 alternate forwards;
}




.main_div_4{
	left: 74%;
    top: 60%;
    transform: translate(-50%, -50%);
    text-align: center;
	transition: all 1.5s;
	opacity: 1;
}

.main_div_3.animation{
	opacity: 0;
	margin-left: -50px;
}

.main_div_4.animation{
	opacity: 0;
	left:78%;
}




.xiaoshi{
	animation:pagegoSmall 1.6s ease-out .6s 1 alternate forwards;
}

@keyframes pagegoSmall{
	
	0% {
		transform:translate(-50%, -50%) scale(1);
		opacity: 1;
	}
	90% {
		transform:translate(-50%, -50%) scale(0.05);
		opacity: 0.1;
	}

	100% {
		opacity: 0;
		transform:translate(-50%, -50%) scale(0);
	}
}


.main_div_5{
	position: fixed;
	left: 51%;
    top: 59%;
    transform: translate(-50%, -50%) scale(0.1);
    text-align: center;
	transition: all 1s;
	opacity: 0;
}

.main_div_5.animation{
	opacity: 1;
	left: 50%;
    top: 55%;
	transform: translate(-50%, -50%) scale(0.8);
}

.main_div_5.qudiao{
	display: none;
}



.main_div_6{
	position: fixed;
    left: 50%;
    top: 28%;
    transform: translate(-50%, -50%);
    text-align: center;
	transition: all 1s;
	opacity: 0;
}

.main_div_6.animation {
	animation:zigoChuxian 1.6s ease-out 6s 1 alternate forwards;
}


@keyframes zigoChuxian{
	
	0% {
		
		opacity: 0;
	}

	100% {
		margin-top:-50px;
		opacity: 1;
	}
}



.main_div_7{
	position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 50%;
    text-align: center;
	transition: all 1.5s;
	opacity: 0;
}


.chuxian{
	animation:pagegoBig 1.6s ease-out 2.1s 1 alternate forwards;
}

.chuxiana{
	animation:pagegoBig 1.6s ease-out 2.3s 1 alternate forwards;
}

.chuxianb{
	animation:pagegoBig 1.6s ease-out 2.5s 1 alternate forwards;
}

.chuxianc{
	animation:pagegoBig 1.6s ease-out 2.7s 1 alternate forwards;
}


@keyframes pagegoBig{
	
	0% {
		transform:translate(-50%, -50%) scale(0);
		opacity: 0;
	}
	90% {
		transform:translate(-50%, -50%) scale(0.99);
		opacity: 0.9;
	}

	100% {
		opacity: 1;
		transform:translate(-50%, -50%) scale(1);
	}
}





@keyframes guangonggoBig{
	
	0% {
		transform: translate(-50%, -50%) scale(1);
		opacity: 1;
	}

	100% {
		transform: translate(-50%, -50%) scale(7);
		opacity: 0;
	}
}



@keyframes guangonggoSmall{
	
	0% {
		transform: translate(-50%, -50%) scale(7);
		opacity: 0;
	}

	100% {
		transform: translate(-50%, -50%) scale(1);
		opacity: 1;
	}
}






.in_con_2{
	width: 100%;
	height: 3600px;
	background-color: #1d1d1d;
	background-image: url(../images/hfs0717108.jpg);
	background-position: center top;
	position: absolute;
	top:4500px;
}

.in_con_2_con{
	width: 1300px;
	margin: 0 auto;
}


.in_con_2_1{
	margin-top: 150px;
	position: relative;
}

.in_con_2_1 .left{
	float: left;
	width: 578px;
}

.in_con_2_1 .right{
	float: right;
	width: 578px;
	padding-top: 86px;
}



.in_con_2_1 .left_img_2{
	position: absolute;
	left: 100px;
	    z-index: 1;
}


.in_con_2_1 .right_2{
	font-size: 36px;
	color: #fff;
	width: 100%;
	height: 120px;
	line-height: 120px;
	border-bottom: 1px solid #fff;
	font-weight: 100;	
}

.in_con_2_1 .right_3{
	margin-top: 65px;
	line-height: 36px;
	color: #fff;font-size: 18px;
}

.in_con_2_1 .right_3 p{
	padding: 20px 0;
}


.in_con_2_2{
	margin-top: 200px;
	position: relative;
}

.in_con_2_2 .left{
	float: left;
	width: 578px;
	padding-top: 22px;
}

.in_con_2_2 .right{
	float: right;
	
}

.in_con_2_2 .left_2{
	font-size: 36px;
	color: #fff;
	width: 100%;
	height: 120px;
	line-height: 120px;
	border-bottom: 1px solid #fff;
	font-weight: 100;	
}

.in_con_2_2 .left_3{
	margin-top: 60px;
	line-height: 36px;
	color: #fff;font-size: 18px;
}

.in_con_2_2 .left_3 p{
	padding: 20px 0;
}




.in_con_2_3{
	margin-top: 200px;
	position: relative;
}

.in_con_2_3 .left{
	float: left;
}

.in_con_2_3 .right{
	float: right;
	width: 578px;
	padding-top: 86px;
}



.in_con_2_3 .left_img_2{
	position: absolute;
	left: 100px;
	    z-index: 1;
}


.in_con_2_3 .right_2{
	font-size: 36px;
	color: #fff;
	width: 100%;
	height: 120px;
	line-height: 120px;
	border-bottom: 1px solid #fff;
	font-weight: 100;	
}

.in_con_2_3 .right_3{
	margin-top: 65px;
	line-height: 36px;
	color: #fff;font-size: 18px;
}

.in_con_2_3 .right_3 p{
	padding: 20px 0;
}


.in_con_2_4{
	margin-top: 160px;
	position: relative;
}

.in_con_2_4 .left{
	float: left;
	width: 578px;
	padding-top: 90px;
}

.in_con_2_4 .right{
	float: right;
	
}

.in_con_2_4 .left_2{
	font-size: 36px;
	color: #fff;
	width: 100%;
	height: 120px;
	line-height: 120px;
	border-bottom: 1px solid #fff;
	font-weight: 100;	
}

.in_con_2_4 .left_3{
	margin-top: 60px;
	line-height: 36px;
	color: #fff;font-size: 18px;
}

.in_con_2_4 .left_3 p{
	padding: 20px 0;
}



.in_con_2_5{
	margin-top: 260px;
	position: relative;
}

.in_con_2_5 .left{
	float: left;
}

.in_con_2_5 .right{
	float: right;
	width: 578px;
	padding-top: 86px;
}



.in_con_2_5 .left_img_2{
	position: absolute;
	left: 100px;
	    z-index: 1;
}


.in_con_2_5 .right_2{
	font-size: 36px;
	color: #fff;
	width: 100%;
	height: 120px;
	line-height: 120px;
	border-bottom: 1px solid #fff;
	font-weight: 100;	
}

.in_con_2_5 .right_3{
	margin-top: 65px;
	line-height: 36px;
	color: #fff;font-size: 18px;
}

.in_con_2_5 .right_3 p{
	padding: 20px 0;
}



.in_con_3{
	width: 100%;
	height: 3457px;
	background-color: #1d1d1d;
	position: absolute;
	top:4500px;
}

.in_con_3 .div{
	width: 100%;
	height: 572px;
	background-position: center top;
	position: relative;
	text-align: center;
}

.in_con_3 .div img{
	
    text-align: center;
	transition: all 1.5s;
	opacity: 1;
	padding-top: 53px;
	
} 

.in_con_3_1{
	background-image: url(../images/hfs0718202.jpg);
}

.in_con_3_1 img{
	padding-top: 145px !important;
}

.in_con_3_2{
	background-image: url(../images/hfs0718203.jpg);
	margin-top: 5px;
}

.in_con_3_3{
	background-image: url(../images/hfs0718204.jpg);
	margin-top: 5px;
}

.in_con_3_4{
	background-image: url(../images/hfs0718205.jpg);
	margin-top: 5px;
}

.in_con_3_5{
	background-image: url(../images/hfs0718206.jpg);
	margin-top: 5px;
}

.in_con_3_6{
	background-image: url(../images/hfs0718207.jpg);
	margin-top: 5px;
}


.in_con_4{
	width: 100%;
	background-color: #1a1a1a;
	position: absolute;
	    top: 100%;
}
.in_con_4_1{
	width: 100%;
	height: 550px;
	background-color: #fff;
	background-image: url(../images/bg01.png);
	text-align: center;
}

.in_con_4_1_til{
	    font-size: 32px;
    color: #000000;
    padding-top: 130px;
}

.in_con_4_1_2{
	width: 825px;
	margin: 0 auto;
	margin-top: 55px !important;
	line-height: 36px;
	font-size: 16px;
	color: #464646;
}

.in_con_4_1_3{
	margin-top: 50px !important;
}


.in_con_4_2{
	width: 100%;
	overflow: hidden;
}

.in_con_4_2_1{
	width: 60%;
    float: left;
}

.in_con_4_2_1 img{
	width: 100%;
	    vertical-align: top;
}
.in_con_4_2_2{
	width: 30%;
    padding: 3% 5% 0;
    color: #FFF;
	float: right;
}

.in_con_4_2_2 h2{
	    margin-bottom: 1em;
    letter-spacing: 0.1em;
    line-height: 1.5;
    font-size: 1.786em;
	    font-size: 2.5em;
    padding-top: 10%;
}

.in_con_4_2_2 h2 span {
    display: block;
    font-size: 14px;
    font-family: Abel;
    letter-spacing: 0.01em;
	    color: #473f35;
}

.in_con_4_2_2 p {
    margin-bottom: 2em;
	font-size: 18px;
	    color: #c5c5c5;
}



.in_con_4_3{
	width: 100%;
	overflow: hidden;
}

.in_con_4_3_1{
	width: 30%;
    padding: 6% 5% 0;
    color: #FFF;
	float: left;
}

.in_con_4_3_2{
	width: 60%;
    float: right;
}

.in_con_4_3_2 img{
	width: 100%;
	    vertical-align: top;
}

.in_con_4_3_1 h2{
	    margin-bottom: 1em;
    letter-spacing: 0.1em;
    line-height: 1.5;
    font-size: 1.786em;
	    font-size: 2.5em;
    padding-top: 10%;
}

.in_con_4_3_1 h2 span {
    display: block;
    font-size: 14px;
    font-family: Abel;
    letter-spacing: 0.01em;
	    color: #473f35;
}

.in_con_4_3_1 p {
    margin-bottom: 2em;
	font-size: 18px;
	color: #c5c5c5;
}




.in_con_4_4{
	width: 100%;
	overflow: hidden;
}

.in_con_4_4_1{
	width: 60%;
    float: left;
}

.in_con_4_4_1 img{
	width: 100%;
	    vertical-align: top;
}
.in_con_4_4_2{
	width: 30%;
    padding: 3% 5% 0;
    color: #FFF;
	float: right;
}

.in_con_4_4_2 h2{
	    margin-bottom: 1em;
    letter-spacing: 0.1em;
    line-height: 1.5;
    font-size: 1.786em;
	    font-size: 2.5em;
    padding-top: 10%;
}

.in_con_4_4_2 h2 span {
    display: block;
    font-size: 14px;
    font-family: Abel;
    letter-spacing: 0.01em;
	    color: #473f35;
}

.in_con_4_4_2 p {
    margin-bottom: 2em;
	font-size: 18px;
	color: #c5c5c5;
}


/* 旧的样式 */



.section, .section .section-content p {
	transition: all 2s ease-out;
}

header {
	text-align: center;
	line-height: 100px;
	position: fixed;
}
.page-wrapper {
	width: 80%;
	margin: 50px auto;
	box-sizing: border-box;
}
.section {
	width: 100%;
	height: 100px;
	padding: 40px 0;
	opacity: 0;
	transform: translateY(50px);
	background-color: #8e6c4a;
	position: fixed;
}
	
.section2 {
	background-color: #000;
}
.section h2 {
	font-size: 30px;
	text-align: center;
}
.section .section-content {
	width: 80%;
	margin: 0 auto;
	text-align: center;
}
.section .section-content p {
	max-width: 80%;
	margin: 20px auto 50px;
	transform: translateX(-100px);
}
.section.animation {
	opacity: 1;
	transform: translateY(0);
}
.section.animation .section-content p {
	transform: translateX(0);
}







@media (max-width:1200px) {
	
	.in_con_4_1_2 {
    max-width: 80%;
		margin-top: 38px !important;
	}
	.in_con_4_2_1 {
    width: 100%;
    float: none;
}
	.in_con_4_2_2 {
    width: 85%;
    padding: 0;
    float: none;
    margin: 0 auto;
}
	.in_con_4_2_2 h2 {
    padding-top: 6%;
}
	.in_con_4_3 {
    position: relative;
}
	.in_con_4_3_1 {
        width: 85%;
    padding: 0;
    float: none;
    margin: 0 auto;
    margin-top: 61%;
}
	.in_con_4_3_2 {
    width: 100%;
    float: none;
    position: absolute;
    top: 0;
}
	.in_con_4_4_1 {
    width: 100%;
    float: none;
}
	.in_con_4_4_2 {
    width: 85%;
    padding: 0;
    float: none;
    margin: 0 auto;
}
	.in_con_4_3_1 h2 {
    padding-top: 6%;
}
	.in_con_4 {
    padding-bottom: 150px;
}
	.in_con_4_1_til {
    font-size: 32px;
    color: #000000;
    padding-top: 37px;
}
	.in_con_4_1{
		    padding-bottom: 50px;
		    height: auto;
	}

}












@keyframes page1goBig{
	
0% {
	opacity:0;
	transform: scale(.1);

}
	


65% {
	opacity:1;

}
100% {
	opacity: 1;
	transform: scale(1);
}

}




/* page2 */

.page2 .page2_1{
	position: absolute;
	bottom:-5px;
	left: 2%;
	animation:page2goRight 0.8s ease-out .6s 1 alternate forwards;
	opacity: 0;
}

.page2 .page2_2{
	position: absolute;
	top:20%;
	right: 4%;
	width: 674px;
	text-align: left;
	
}

.page2_1_1{
	position: relative;
	animation:page2goLeft .8s ease-out .9s 1 alternate forwards;
	opacity:0;
}

.page2_1_2{
	margin-top: 88px;
	color: #fdfdfd;
	line-height: 30px;
	position: relative;
	animation:page2goLeft .8s ease-out 1.2s 1 alternate forwards;
	opacity:0;
}

.page2_1_3{
	margin-top: 50px;
	position: relative;
	animation:page2goLeft .8s ease-out 1.5s 1 alternate forwards;
	opacity:0;
}

@keyframes page2goRight{
	
0% {
	opacity:0;
	left: -12%;
	transform: scale(1);

}
100% {
	opacity: 1;
	left: 2%;
	transform: scale(1);
}

}

@keyframes page2goLeft{
	
0% {
	opacity:0;
	transform: scale(1);
	right: -200px;

}
100% {
	opacity: 1;
	transform: scale(1);
	right: 0px;
}

}



/* page3 */

.page3 .page3_1{
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 50%;
    text-align: center;
}

.page_3_1_1{
	opacity:0;
	animation:page3goBig 3s ease-out 0.3s 1 alternate forwards;
}

.page3_bg{
	background-image: url(../images/wrap_3_bg.jpg);
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
	animation-name: kenburns-1;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-duration: 10s;
	opacity: 1;
	transform: scale(1.6);
	position: absolute;
	z-index: 0;
}



@keyframes kenburns-1 {
	0% {
	opacity: 1;
	transform: scale(1.6);
	}
	1.5625% {
	opacity: 1;
	}
	23.4375% {
	opacity: 1;
	}
	26.5625% {
	opacity: 1;
	transform: scale(1.4);
	}
	100% {
	opacity: 1;
	transform: scale(1.6);
	}
	98.4375% {
	opacity: 1;
	transform: scale(1.61176);
	}
	100% {
	opacity: 1;
	}
}



@keyframes page3goBig{
	
0% {
	opacity:0;
	transform: scale(.1);

}
65% {
	opacity:1;

}
100% {
	opacity: 1;
	transform: scale(1);
}

}



/* page4 */

.page4_1{
	width: 25%;
	height: 100%;
	float: left;
	position: relative;
	background: url(../images/wrap_4_1.jpg) repeat center;
	cursor:pointer;
	opacity: 0;
	animation:page4goTop .6s ease-out 0.3s 1 alternate forwards;
}

.page4_1 span{
	width: 100%;
    background-color: rgba(0,0,0,.5);
    height: 100%;
    display: block;
	transition: all 0.5s;
}

.page4_1 img{
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 50%;
    text-align: center;
	transition: all 0.5s;
}

.page4_1:before{
    position: absolute;
    content: '';
    left: 50%;
    bottom: 5px;
    width: 0px;
    height: 0px;
    background-color: #fff;
    margin-left: 0px;
    top: 62%;
    transition: all .3s;
}

.page4_1:hover:before{
    width: 17px;
    height: 3px;
	margin-left: -8px;
}

.page4_1:hover span{
	background-color: rgba(80, 3, 3, 0.9);
}

.page4_1:hover img{
	top: 40%;
}

.page4_2{
	width: 25%;
	height: 100%;
	float: left;
	position: relative;
	background: url(../images/wrap_4_3.jpg) repeat center;
	cursor:pointer;
	opacity: 0;
	animation:page4goTop .6s ease-out 0.6s 1 alternate forwards;
}
.page4_2 span{
	width: 100%;
    background-color: rgba(0,0,0,.5);
    height: 100%;
    display: block;
	transition: all .3s;
}
.page4_2 img{
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 50%;
    text-align: center;
	transition: all .3s;
}


.page4_2:before{
    position: absolute;
    content: '';
    left: 50%;
    bottom: 5px;
    width: 0px;
    height: 0px;
    background-color: #fff;
    margin-left: 0px;
    top: 62%;
    transition: all .3s;
}

.page4_2:hover:before{
    width: 17px;
    height: 3px;
	margin-left: -8px;
}

.page4_2:hover span{
	background-color: rgba(80, 3, 3, 0.9);
}

.page4_2:hover img{
	top: 40%;
}

.page4_3{
	width: 25%;
	height: 100%;
	float: left;
	position: relative;
	background: url(../images/wrap_4_4.jpg) repeat center;
	cursor:pointer;
	opacity: 0;
	animation:page4goTop .6s ease-out 0.9s 1 alternate forwards;
}
.page4_3 span{
	width: 100%;
    background-color: rgba(0,0,0,.5);
    height: 100%;
    display: block;
	transition: all .3s;
}
.page4_3 img{
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 50%;
    text-align: center;
	transition: all .3s;
}


.page4_3:before{
    position: absolute;
    content: '';
    left: 50%;
    bottom: 5px;
    width: 0px;
    height: 0px;
    background-color: #fff;
    margin-left: 0px;
    top: 62%;
    transition: all .3s;
}

.page4_3:hover:before{
    width: 17px;
    height: 3px;
	margin-left: -8px;
}

.page4_3:hover span{
	background-color: rgba(80, 3, 3, 0.9);
}

.page4_3:hover img{
	top: 40%;
}
.page4_4{
	width: 25%;
	height: 100%;
	float: left;
	position: relative;
	background: url(../images/wrap_4_5.jpg) repeat center;
	cursor:pointer;
	opacity: 0;
	animation:page4goTop .6s ease-out 1.2s 1 alternate forwards;
}
.page4_4 span{
	width: 100%;
    background-color: rgba(0,0,0,.5);
    height: 100%;
    display: block;
	transition: all .3s;
}
.page4_4 img{
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 50%;
    text-align: center;
	transition: all .3s;
}


.page4_4:before{
    position: absolute;
    content: '';
    left: 50%;
    bottom: 5px;
    width: 0px;
    height: 0px;
    background-color: #fff;
    margin-left: 0px;
    top: 62%;
    transition: all .3s;
}

.page4_4:hover:before{
    width: 17px;
    height: 3px;
	margin-left: -8px;
}

.page4_4:hover span{
	background-color: rgba(80, 3, 3, 0.9);
}

.page4_4:hover img{
	top: 40%;
}


@keyframes page4goTop{
	
0% {
	bottom:-60px;
	opacity: 0;
}
100% {
	bottom:0px;
	opacity: 1;
}

}





/* page6动画end */

@keyframes goHeight
{
	
0% {
	top:-550px;
}

100% {
	top:0px;
}

}


@keyframes goUp
{
	
0% {
	opacity:0;
	top:60px;
}
100% {
	opacity: 1;
	top:100px;
}

}

@keyframes goUp2
{
	
0% {
	opacity:0;
	top:90px;
}
100% {
	opacity: 1;
	top:0px;
}

}

@keyframes goLeft
{
	
0% {
	opacity:0;
	left:150px;
	transform: scale(.1);
	top:10px;
}
100% {
	opacity: 1;
	left:0px;
	transform: scale(1);
	top:-10px;
}

}

@keyframes goLeftpx
{
	
0% {
	opacity:1;
	left:-250px;
}
100% {
	opacity: 1;
	left:0px;
}

}

@keyframes goRight{
	
0% {
	opacity:0;
	right:-150px;
	transform: scale(.1);
	top:10px;
}
100% {
	opacity: 1;
	right:0px;
	transform: scale(1);
	top:-10px;
}

}


@keyframes goDown
{
	
0% {
	opacity:0;
	top:-50px;
}
100% {
	opacity: 1;
	top:0px;
}

}









.trans3d {
	-webkit-transform-style: preserve-3d;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform-style: preserve-3d;
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform-style: preserve-3d;
	-ms-transform: translate3d(0, 0, 0);
	transform-style: preserve-3d;
	transform: translate3d(0, 0, 0)
}
#contentContainer {
	position: absolute;
	margin-left: -500px;
	margin-top: -500px;
	left: 50%;
	top: 50%;
	width: 1000px;
	height: 1000px
}
#carouselContainer {
	position: absolute;
	margin-left: -500px;
	margin-top: -500px;
	left: 50%;
	top: 50%;
	width: 1000px;
	height: 1000px
}
.carouselItem {
	width: 150px;
	height: 200px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -100px;
	margin-top: -90px;
	visibility: hidden
}
.carouselItemInner {
	width: 150px;
	height: 200px;
	position: absolute;
	color: aqua;
	font-size: 72px;
	left: 50%;
	top: 50%;
	margin-left: -100px;
	margin-top: -90px;
	text-align: center;
	padding-top: 50px;
	background-repeat:no-repeat;
	background-position: center;
}





/* 内页样式 */
.nei_content{
	position: relative;
    top: 20%;
    text-align: center;
	width: 100%;
	padding-bottom: 180px;
	
}

.nei_content:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* 工艺介绍 */

.nei_con_gyjj_til{
	width: 100%;
}


.nei_con_gyjj_1{
	margin-top: 100px;
	}
.nei_con_gyjj_2{
	margin-top: 20px;
	}
.nei_con_gyjj_3{
	    writing-mode: tb-rl;
	    font-size: 20px;
    color: #5e5e5e;
    line-height: 60px;
    letter-spacing: 4px;
	height: 460px;
	margin: 0 auto;
	text-align: left;
	margin-top: 77px;
}

.nei_con_gyjj_4{
	width: 100%;
	height: 805px;
	margin-top: 135px;
}

.nei_con_gyjj_4:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.nei_con_gyjj_4_1{
	width: 33.333%;
	height: 805px;
	float: left;
	background-image: url(../images/hfs0809104.jpg);
	position: relative;
	cursor: pointer;
	text-align: left;
}

.nei_con_gyjj_4_1_con{
	position: absolute;
	top: 107px;
	left: 80px;
	width: 65%;
}

.kuang span{
	font-size: 24px;
	color: #fff;
	display: block;
}

.kuang p{
	font-size: 16px;
	color: #fff;
	display: block;
	margin-top: 30px;
	line-height: 2.2em;
}

.nei_con_gyjj_4_1_con:before{
	width: 0px;
	height: 3px;
	background-color: #c91a12;
	position: absolute;
    content: '';
	top: 287px;
	opacity: 1;
	transition: all .3s;
}

.nei_con_gyjj_4_1:hover .nei_con_gyjj_4_1_con:before{
	width: 30px;
	opacity: 1;
}

.nei_con_gyjj_4_1:before{
    position: absolute;
    content: '';
    left: 0%;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
	transition: all .3s;
}

.nei_con_gyjj_4_1:hover:before{
	background-color: rgba(0,0,0,0);
}



.nei_con_gyjj_4_2{
	width: 33.333%;
	float: left;
	background-image: url(../images/hfs0809105.jpg);
	height: 805px;
	position: relative;
	cursor: pointer;
	text-align: left;
}

.nei_con_gyjj_4_2_con{
	position: absolute;
	top: 107px;
	left: 80px;
	width: 65%;
}


.nei_con_gyjj_4_2_con:before{
	width: 0px;
	height: 3px;
	background-color: #c91a12;
	position: absolute;
    content: '';
	top: 287px;
	opacity: 1;
	transition: all .3s;
}

.nei_con_gyjj_4_2:hover .nei_con_gyjj_4_2_con:before{
	width: 30px;
	opacity: 1;
}

.nei_con_gyjj_4_2:before{
    position: absolute;
    content: '';
    left: 0%;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
	transition: all .3s;
}

.nei_con_gyjj_4_2:hover:before{
	background-color: rgba(0,0,0,0);
}


.nei_con_gyjj_4_3{
	width: 33.333%;
	float: left;
	background-image: url(../images/hfs0809106.jpg);
	height: 805px;
	position: relative;
	cursor: pointer;
	text-align: left;
}


.nei_con_gyjj_4_3_con{
	position: absolute;
	top: 107px;
	left: 80px;
	width: 65%;
}


.nei_con_gyjj_4_3_con:before{
	width: 0px;
	height: 3px;
	background-color: #c91a12;
	position: absolute;
    content: '';
	top: 287px;
	opacity: 1;
	transition: all .3s;
}

.nei_con_gyjj_4_3:hover .nei_con_gyjj_4_3_con:before{
	width: 30px;
	opacity: 1;
}

.nei_con_gyjj_4_3:before{
    position: absolute;
    content: '';
    left: 0%;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
	transition: all .3s;
}

.nei_con_gyjj_4_3:hover:before{
	background-color: rgba(0,0,0,0);
}

.nei_con_gyjj_5{
	margin-top: 104px;
}

.nei_con_gyjj_6{
	margin-top: 30px;
}

.nei_con_gyjj_7{
	margin-top: 60px;
	font-size: 18px;
	color: #747474;
	line-height: 36px;
}

.nei_con_gyjj_8{
	display: table;
	margin: 0 auto;
	margin-top: 80px;
}

.gobgju{
	float: left;
	margin: 0 33px;
}

.gobgju h2{
	display: block;
	height: 80px;
	line-height: 80px;
	background-position: left center;
	background-repeat: no-repeat;
	color: #e5b688;
	font-size: 22px;
	text-align: right;
	width: 214px;
	border-bottom: solid 1px #545557;
}

.gongju_1 h2{
	background-image: url(../images/hfs0814112.png);
}

.gongju_2 h2{
	background-image: url(../images/hfs0814113.png);
}

.gongju_3 h2{
	background-image: url(../images/hfs0814114.png);
}

.gongju_4 h2{
	background-image: url(../images/hfs0814115.png);
}

.gongju_5 h2{
	background-image: url(../images/hfs0814116.png);
}

.gobgju ul li{
	display: block;
	line-height: 28px;
	height: 28px;
	color: #fff;
	text-align: left;
}


.nei_con_gyjj_9{
	
	display: table;
	margin: 0 auto;
	margin-top: 80px;
}

.nei_con_gyjj_9 .d1{
	float: left;
	margin: 0px 20px;
	position: relative;
}

.nei_con_gyjj_9 .d2{
	float: left;
	margin: 0px 20px;
	position: relative;
}

.nei_con_gyjj_9 .da span{
	font-size: 24px;
	color: #fff;
	display: block;
}

.nei_con_gyjj_9 .da i{
	margin: 25px 0px;
	display: block;
}

.nei_con_gyjj_9 .da p{
	font-size: 14px;
	color: #afafaf;
	display: block;
}

.nei_con_gyjj_9 .da .text{
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
	transition: all .3s;
}

.nei_con_gyjj_9 .da .texta{
	width: 100%;
    height: 99%;
    background-color: rgba(0,0,0,.8);
    position: absolute;
    left: 0;
    top: 0;
}






@media (max-width: 1200px){
	.nei_con_gyjj_1 img {
    width: 85%;
}
	.nei_con_gyjj_3 {
    writing-mode: horizontal-tb;
    font-size: 20px;
    color: #5e5e5e;
    line-height: 42px;
    letter-spacing: 0px;
    margin: 0 auto;
    text-align: left;
    margin-top: 77px;
    width: 85%;
    text-indent: 41px;
}
	.nei_con_gyjj_4 {
        width: 100%;
    height: auto;
    margin-top: 98px;
}
	
	.nei_con_gyjj_4_1 {
    width: 100%;
    height: 350px;
		background-size: cover;
	}
	.nei_con_gyjj_4_1_con {
        top: 10%;
    left: 10%;
    width: 80%;
}
	.kuang p {
    font-size: 16px;
    line-height: 1.7em;
}
	.nei_con_gyjj_4_1_con:before {
    top: 233px;
	}
	
		.nei_con_gyjj_4_2 {
    width: 100%;
    height: 350px;
			background-size: cover;
	}
	.nei_con_gyjj_4_2_con {
        top: 10%;
    left: 10%;
    width: 80%;
}
	.nei_con_gyjj_4_2_con:before {
    top: 233px;
	}
	
			.nei_con_gyjj_4_3 {
    width: 100%;
    height: 350px;
				background-size: cover;
	}
	.nei_con_gyjj_4_3_con {
        top: 10%;
    left: 10%;
    width: 80%;
}
	.nei_con_gyjj_4_3_con:before {
    top: 233px;
	}
	
	
	.nei_con_gyjj_5 img{
		width: 85%;
	}
	.nei_con_gyjj_7 {
    line-height: 34px;
    width: 90%;
    margin: 60px auto 0px;
		font-size: 16px;
}
	.gobgju {
    float: left;
    margin: 0 4%;
    width: 42%;
    height: 292px;
}
	.gobgju h2 {
    width: 100%;
		font-size: 18px;
}
	.nei_con_gyjj_8 {
    margin-top: 30px;
}
	
	.nei_con_gyjj_9 .da img{
		    max-width: 100%;
	}
	
	.nei_con_gyjj_9 .d2 {
    margin-top: 17px;
}
	.nei_con_gyjj_6 img{
		max-width: 80%;
	}
	
}









/* 新闻列表 */
.nei_newlist_1{
	width: 100%;
	margin-top: 50px;
	margin-right: -35px;
	padding-bottom: 50px;
}

.nei_newlist_1 li{
	    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 30.33%;
    box-sizing: border-box;
    padding: 0 35px 46px 0;
	    text-align: left;
}

.nei_newlist_1 li img{
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    display: block;
}

.nei_newlist_1 li a {
    display: block;
}

.nei_newlist_1 li div {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 50%;
    overflow: hidden;
	margin-bottom: 10px;
}

.nei_newlist_1 li p {
    font-size: 17.6px;
	line-height: 2.2em;
	height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: 1px;
    color: #666;
    transition: all .3s;
	display: block;
}

.nei_newlist_1 li p span{
	    color: #929292;
}


.nei_con_lxwm_1{
	width: 78%;
	text-align: left;
	margin: 0 auto;
	font-size: 24px;
	color: #fff;
	line-height: 38px;
	margin-top: 40px;
}

.nei_con_lxwm_2{
	width: 80%;
	text-align: center;
	margin: 0 auto;
	margin-top: 55px;
}


.liebiao{
	position: relative;
    display: inline-block;
	width: 32%;
	border-right:  1px solid #373737;
	padding: 35px 0px 40px 0px;
}

.liebiao:nth-child(1){
	border-left:  1px solid #373737;
}

.liebiao div{
	margin-bottom: 25px;
}

.liebiao p{
	font-size: 20px;
	color: #fff;
	height: 42px;
	line-height: 42px;
}

.liebiao span{
	    font-size: 22px;
    color: #fff;
    height: 80px;
    line-height: 42px;
    display: block;
    margin-top: 18px;
    overflow: hidden;
}

.liebiao span a{
	color: #fff;
}



.nei_gsjj_1{

	text-align: left;
	margin: 0 auto;
	writing-mode: tb-rl;
    color: #5e5e5e;
    letter-spacing: 4px;
    height: 470px;
    margin-top: 340px;
}

.nei_gsjj_1_2{
	display: inline-block;
	writing-mode: tb-rl;
	    font-size: 18px;
    color: #5e5e5e;
    line-height: 40px;
	height: 460px;
	margin: 0 auto;
	text-align: left;
}

.nei_gsjj_1_1{
	display: inline-block;
	margin-left: 55px;
}

.nei_gsjj_1_more{
	text-align: center;
	font-size: 14px;
	color: #656666;
	margin-top: 100px;
}

.nei_gsjj_1_more a{
	color: #656666;
}

.nei_gsjj_2{
	width: 100%;
	height: 770px;
	background-image: url(../images/hfs0810118.jpg);
	background-position: center;
	margin-top: 220px;
	background-attachment: fixed;
	position: relative;
}

.nei_gsjj_2_con{
	z-index: 2;
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.nei_gsjj_3{
	margin: 0 auto;
	position: relative;
	width: 100%;
	padding: 100px 0px 50px;
	background-color: #151618;
	
}


.nei_gsjj_3_con{
	width: 100%;
	margin: 0 auto;
	
}

.nei_gsjj_3_con .d1{
	background-image: url(../images/hfs0930105.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

.nei_gsjj_3_con .d1 span{
	font-size: 30px;
	color: #ccbaa8;
}

.nei_gsjj_3_con .d1 p{
	font-size: 12px;
	color: #a2a2a3;
}

.nei_gsjj_3_con .d2{
	font-size: 14px;
	color: #989899;
	width: 50%;
	margin: 30px auto;
	line-height: 30px;
}

.nei_gsjj_3_con .d3 ul{
	display: table;
	margin: 0 auto;
}

.nei_gsjj_3_con .d3 ul li{
	display: inline-block;
	margin: 5px 20px;
}

.nei_gsjj_3_con .d3 ul li p{
	display: block;
	text-align: right;
	font-size: 14px;
	color: #818182;
	line-height: 30px;
}

.nei_gsjj_3_more{
	text-align: center;
	font-size: 14px;
	color: #5d5d5d;
	background-color: #151618;
	padding: 20px 0 50px;
}

.nei_gsjj_3_more a{
	color: #5d5d5d;
}


.nei_gsjj_4{
	width: 100%;
	height: 595px;
	background-image: url(../images/hfs0930106.jpg);
	background-position: center;
}

.nei_gsjj_4_con{
	
	margin: 0 auto;
	position: relative;
}

.nei_gsjj_4_con .d1{
	    float: left;
    width: 400px;
    position: absolute;
    left: 50%;
        margin-left: -352px;
    top: 200px;
}

.nei_gsjj_4_con .d1 span{
	font-size: 34px;
	color: #fff;
	text-align: left;
	display: block;
}
.nei_gsjj_4_con .d1 p{
	font-size: 16px;
	color: #fff;
	padding-top: 30px;
	text-align: left;
	display: block;
	line-height: 30px;
}

.nei_gsjj_4_con .d2{
	float: left;
    position: absolute;
    left: 50%;
    margin-left: 108px;
    top: 194px;
}

.nei_gsjj_4_con .d2 img{
	width: 600px;
}




@media (max-width:1200px) {
	
	.nei_content {
	top: 34%;
	background-image: none !important;
	}
	
	.nei_gsjj_1 {
    writing-mode: horizontal-tb;
    height: auto;
    margin-top: 32px;
	}
	.nei_gsjj_1_1 {
    display: block;
    margin-left: 55px;
    margin: 0 auto;
    text-align: center;
}
	.nei_gsjj_1_2 {

 writing-mode: horizontal-tb;
    height: auto;
    width: 88%;
    margin: 0 auto;
    display: block;
		    margin-top: 41px !important;
		    line-height: 32px;
		text-indent: 44px;
		text-align: justify;
}
.nei_gsjj_1_more {
    margin-top: 30px;
}
	
	.nei_gsjj_2 {
    margin-top: 34px;
		height: 500px;
	}

	.nei_gsjj_3_con .d3 ul img{
		width: 100%;
	}
	.nei_gsjj_3_con .d2 {
    width: 80%;
	}
	
	.nei_gsjj_4_con .d1 {
    float: left;
    width: 80%;
    position: absolute;
    left: 59%;
    margin-left: -50%;
    top: 76px;
}
.nei_gsjj_4_con .d2 img {
    width: 60%;
}
	.nei_gsjj_4_con .d2 {
        width: 80%;
    left: 59%;
    margin-left: -50%;
    top: 80%;
    margin-top: 392px;
    text-align: left;
}
	.nei_gsjj_4 {
        width: 100%;
    height: 48rem;
    background-size: cover;
	}
	
	.nei_newlist_1 li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 49%;
    box-sizing: border-box;
    padding: 0 3% 3% 3%;
    text-align: left;
    float: left;
}
	
	.liebiao {
    width: 100%;
    border-right: 0px solid #373737;
    padding: 35px 0px 40px 0px;
}
	.liebiao:nth-child(1) {
    border-left: 0px solid #373737;
}
	.nei_con_lxwm_1 {
    width: 78%;
    color: #fff;
    line-height: 38px;
    margin-top: 40px;
		text-align: center;
}
	
}

/* 公司简介详情页 */

.nei_con_gsjjdeta_1{
color: #7b7b7b;
font-size: 16px;
margin-top: 200px;
border-bottom: 1px solid #444546;
padding-bottom: 30px;
}

.nei_con_gsjjdeta_1 a{
	margin: 0 20px;
	color: #7b7b7b;
}


.nei_con_gsjjdeta_2{
	width: 70%;
	margin: 5% auto 5%;
	text-align: left;
	font-size: 16px;
	color: #787879;
	line-height: 2.2em;
}

.nei_con_gsjjdeta_2 p,.nei_con_gsjjdeta_2 a{
	font-size: 16px;
	color: #787879;
	line-height: 2.2em;
}

@media (max-width:1200px) {
	.nei_con_gsjjdeta_2{
		width: 90%;
		font-size: 14px;
		line-height: 2.0em;
	}
	.nei_con_gsjjdeta_2 p,.nei_con_gsjjdeta_2 a{
		font-size: 14px;
		line-height: 2.0em;
	}
	.nei_con_gsjjdeta_1 {
		margin-top: 60px;
	}
	.nei_con_gsjjdeta_1 a{
		margin: 0 3px;
	}
	
}



/* 工艺流程 */


.nei_con_gylc_til{
	width: 100%;
	
}

.nei_gylc_1{
	position: relative;
	  margin-top: 136px;
	
}

.nei_gylc_1_1{
	    height: 400px;
    display: table;
    margin: 0 auto;
    line-height: 50px;
    font-family: "华文仿宋","宋体";
    writing-mode: tb-rl;
    text-align: left;
    color: #fff;
    position: relative;
    z-index: 9;
}

.gongyi_1_1{
	font-size: 36px;
	font-weight: 600;
}

.gongyi_1_2{
	font-size: 26px;
	margin-right: 36px;
}

.nei_gylc_1_2{
	width: 100%;
	height: 693px;
	background-image: url(../images/hfs1008102.jpg);
	background-position: center;
	position: relative;
    margin-top: -126px;
    z-index: 1;
}

.nei_gylc_2{
	display: table;
	margin: 0 auto;
	position: relative;
	margin-top: 111px;
	
}

.nei_gylc_2_1{
	float: left;
}

.nei_gylc_2_2{
	float: left;
}

.gongyi_2_2{
	position: relative;
    font-family: "华文仿宋","宋体";
    writing-mode: tb-rl;
    text-align: left;
    height: 400px;
    font-size: 24px;
    color: #fff;
    display: table;
    margin: 0 auto;
    margin-top: -90px;
    line-height: 45px;
}

.gongyi_3_1{
	position: relative;
    font-family: "华文仿宋","宋体";
    writing-mode: tb-rl;
    text-align: left;
    height: 290px;
    font-size: 36px;
    color: #fff;
    display: table;
    margin: 0 auto;
	margin-top: 53px;
    line-height: 45px;
	z-index: 9;
}

.gongyi_3_2{
	position: relative;
	margin-top: -92px;
	z-index: 1;
}



.nei_gylc_3{
	width: 100%;
	margin-top: 123px;
	position: relative;
	display: table;
}
.nei_gylc_3_1{
	float: left;
	width: 50%;
	position: relative;
	cursor: pointer;
}

.nei_gylc_3_2{
	float: left;
	width: 50%;
	position: relative;
	cursor: pointer;
}
.nei_gylc_3_1 img{
	    vertical-align: top;
	width: 100%;
}

.nei_gylc_3_2 img{
	    vertical-align: top;
	width: 100%;
}

.nei_gylc_3_1:before{
    position: absolute;
    content: '';
    left: 0%;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0);
	transition: all .3s;
}

.nei_gylc_3_1:hover:before{
	background-color: rgba(0,0,0,0);
}


.nei_gylc_3 .text{
	position: absolute;
	bottom:0;
	text-align: center;
	width: 100%;
	padding: 50px 0px;
	background-color: rgba(0,0,0,.38);
}

.nei_gylc_3 .text span{
	font-size: 18px;
	color: #fff;
	line-height: 22px;
}

.nei_gylc_3 .text p{
	font-size: 14px;
	color: #fff;
	line-height: 22px;
	padding-top: 13px;
	
}








.nei_gylc_3_2:before{
    position: absolute;
    content: '';
    left: 0%;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0);
	transition: all .3s;
}

.nei_gylc_3_2:hover:before{
	background-color: rgba(0,0,0,0);
}


.nei_gylc_4{
	width: 100%;
	padding-top: 133px;
	background-image: url(../images/hfs0814125.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	display: table;
	background-color: #151718;
}


.nei_gylc_4_1{
	width: 1123px;
	height: 523px;
	background-image: url(../images/hfs0814126.jpg);
	margin:0 auto;
	position: relative;
	
}

.nei_gylc_4_1 span{
	font-size: 32px;
	color: #fff;
	font-family: "华文仿宋","宋体";
	display: block;
	    margin-left: 12px;
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 50%;
    text-align: center;
	    z-index: 5;
	letter-spacing:20px;
}

.nei_gylc_4_1:after{
	position: absolute;
    content: '';
    left: 0%;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
	transition: all .3s;
	    z-index: 0;
}


.nei_gylc_4_1:hover:after{
	background-color: rgba(0,0,0,0);
}

.nei_gylc_4_2{
	height: 345px;
	margin: 0 auto;
	margin-top: 73px;
	writing-mode: tb-rl;
	font-size: 18px;
    color: #fff;
    line-height: 40px;
	text-align: left;
	font-family: "华文仿宋","宋体";
}


.gongyi_4_1{
	display: inline-block;
	font-size: 36px;
	font-weight: 300;
}

.gongyi_4_2{
	display: inline-block;
	font-size: 24px;
	margin-right: 60px;
}

.nei_gylc_5{
	width: 100%;
	height: 621px;
	background-image: url(../images/hfs0814132.jpg);
}

.nei_gylc_5 ul{
	display: table;
	margin: 0 auto;
	margin-top: 100px;
}

.nei_gylc_5 li{
	float: left;
	margin: 0 88px;
}

.nei_gylc_5 li:nth-child(1),.nei_gylc_5 li:nth-child(3),.nei_gylc_5 li:nth-child(5){
	margin-top: 87px;
}

.nei_gylc_6{
	display: table;
	margin: 0 auto;
}

.nei_gylc_6_1{
	width: 542px;
	float: left;
	background-color: #1a1d1e;
	position: relative;
}

.nei_gylc_6_2{
	width: 542px;
	float: left;
	margin-left: 39px;
	background-color: #1a1d1e;
	position: relative;
}

.gongyi_5_1{
	position: relative;
}

.gongyi_5_2{
	writing-mode: tb-rl;
	font-size: 18px;
	text-align: left;
	position: relative;
	color: #fff;
	font-family: "华文仿宋","宋体";
	padding: 50px;
	line-height: 35px;
	margin: 0 auto;
}

.gongyi_con{
	height: 270px;
	display: table;
	margin: 0 auto;
}

.gongyi_con h2{
	font-size: 36px;
	margin-left: 48px;
	margin-top: -145px;
}

.gongyi_con p{
	font-size: 20px;
}

.gongyi_6_1{
	position: relative;
}

.gongyi_6_2{
	writing-mode: tb-rl;
	font-size: 18px;
	text-align: left;
	position: relative;
	color: #fff;
	font-family: "华文仿宋","宋体";
	padding: 50px;
	line-height: 35px;
	margin: 0 auto;
}





@media (max-width:1200px) {
	.nei_gylc_1_1 {
    height: auto;
	max-height: 150%;
    margin: 0 auto;
    line-height: 44px;
    text-align: left;
    color: #fff;
    max-width: 85%;
}
	
	.gongyi_1_2 {
    margin-right: 10px;
		    font-size: 22px;
}
	.nei_gylc_1 {
    margin-top: 66px;
}
	.nei_gylc_1_2 {
    height: 376px;
		    background-size: cover;
	}
	
	.gongyi_2_1 img{
		width: 100%;
	}
	
	.gongyi_2_1 {
    width: 100%;
}
	.nei_gylc_2_1 {
    float: left;
    width: 50%;
}
	.nei_gylc_2_2 {
    float: left;
    width: 50%;
}
	
	.gongyi_3_2 img{
		width: 100%;
	}
	
	
	.nei_gylc_2 {
    width: 90%;
}
	
	.gongyi_2_2 {
	min-height: 463px;
    font-size: 20px;
    color: #fff;
    display: table;
    margin: 0 auto;
    margin-top: -90px;
    width: auto;
    line-height: 28px;
}
	
	.nei_gylc_3 .text {
    height: 51%;
    padding: 15% 0px;
    background-color: rgba(0,0,0,.38);
}
	
	.nei_gylc_3 .text span {
    font-size: 20px;
    color: #fff;
    line-height: 22px;
}
	
	.nei_gylc_3 {
    margin-top: 80px;
}
	
	.nei_gylc_4_1 {
    width: 85%;
    height: 322px;
    background-size: cover;
		    background-position: center;
}
	
	.gongyi_4_2 {
    display: inline-block;
    font-size: 20px;
    margin-right: 14px;
}
	.nei_gylc_4_2 {
    min-height: 345px;
    height: auto;
    margin-top: 73px;
    font-size: 18px;
    line-height: 37px;
}
	
	.nei_gylc_5 li {
    float: left;
    margin: 0 33px;
    width: 16%;
}
	
	.nei_gylc_5 li img {
    height: 219px;
}
	
	.nei_gylc_5 ul {
        width: 91%;
}
	.nei_gylc_5 li {
    margin: 0px 6%;
    width: 15%;
}
	
	.nei_gylc_5 {
    width: 124%;
	}
	
	.nei_gylc_6_1 {
        width: 85%;
    float: none;
		    margin: 0 auto;
}
	.nei_gylc_6_2 {
     width: 85%;
    float: none;
		    margin: 0 auto;
    margin-top: 30px;
}
	
	.nei_gylc_5 {
    height: auto;
    padding-bottom: 89px;
	}
	
	.gongyi_5_1 img{
		width: 100%;
	}
	
	.gongyi_6_1 img{
		width: 100%;
	}
	
	.gongyi_con h2 {
    margin-left: 18px;
}
	
	.gongyi_5_2 {
    font-size: 18px;
    padding: 2%;
    line-height: 22px;
    margin: 0 auto;
}
	
}





/* 产品分类展示 */


.nei_con_prolei_til{
	width: 100%;
}

.nei_con_prolei_1{
	width: 90%;
	margin: 0 auto;
	
}

.nei_con_prolei_1 .tvclass {
    float: left;
	width: 22%;
	margin: 7% 1.5% 0;
	display: inline-block;
}



.nei_con_prolei_1 .tvclass1{
	margin-top: 15px;
	text-align: left;
	height: 120px;
}

.nei_con_prolei_1 .tvclass-ico {
    
    width: 80px;
    height: 80px;
    margin-bottom: 25px;
}

.nei_con_prolei_1 .tvclass:nth-child(1) .tvclass-ico {
	background: url(../images/hfs1208103.png) no-repeat;
}

.nei_con_prolei_1 .tvclass:nth-child(2) .tvclass-ico {
	background: url(../images/hfs1208113.png) no-repeat;
}

.nei_con_prolei_1 .tvclass:nth-child(3) .tvclass-ico {
	background: url(../images/hfs1208114.png) no-repeat;
}

.nei_con_prolei_1 .tvclass:nth-child(4) .tvclass-ico {
	background: url(../images/hfs1208115.png) no-repeat;
}

.nei_con_prolei_1 .tvclass:nth-child(5) .tvclass-ico {
	background: url(../images/hfs1208116.png) no-repeat;
}

.nei_con_prolei_1 .tvclass:nth-child(6) .tvclass-ico {
	background: url(../images/hfs1208117.png) no-repeat;
}

.nei_con_prolei_1 .tvclass:nth-child(7) .tvclass-ico {
	background: url(../images/hfs1208118.png) no-repeat;
}

.nei_con_prolei_1 .tvclass:nth-child(8) .tvclass-ico {
	background: url(../images/hfs1208119.png) no-repeat;
}




.nei_con_prolei_1 .tvclass h4 {
    font-size: 18px;
	color: #fff;
	text-align: left;
}

.nei_con_prolei_1 .tvclass1 a {
    color: #a7a7a7;
    display:inline-block;
    
    margin-top: 12px;
	min-width: 70px;
	font-size: 14px;
}

.nei_con_prolei_1 .tvclass1 span {
    font-size: 10px;
    color: #c4c4c4;
	margin-top: 12px;
	margin-right: 12px;
	display:inline-block;
}


@media (max-width: 990px){

	.nei_con_prolei_1 .tvclass {
		float: none;
		width: 95%;
		margin: 7% 0% 7%;
		display: inline-block;
	}

	.nei_con_prolei_1 .tvclass1 {
		height: auto;
		clear: left;
	}
	.nei_con_prolei_1 {
		margin-top: 15%;
		width: 95%;
	}
	.nei_con_prolei_1 .tvclass-ico {
		float: left;
		margin-bottom: 10px;
	}
	.nei_con_prolei_1 .tvclass h4 {
		font-size: 22px;
		width: 60%;
		height: 80px;
		line-height: 80px;
		display: block;
		float: left;
		margin-left: 10%;
	}

}



/* 产品列表展示 */


.nei_con_prolist_til{
	width: 100%;
}


.nei_con_prolist_1{
	width: 100%;
	margin: 7% auto 0;
	padding: 0% 0 2%;
	border-bottom: 1px solid #444546;
}

.nei_con_prolist_1 ul{
	display: table;
	margin: 0 auto;
}

.nei_con_prolist_1 ul li{
	float: left;
	display: inline;
	background-color: #2d2e30;
	width: 126px;
	height: 126px;
	margin: 0 15px;
	position: relative;
}

.nei_con_prolist_1 ul li:before{
    position: absolute;
    content: '';
    left: 50%;
    bottom: 0px;
    width: 0%;
    height: 3px;
    background-color: none;
    transition: all .5s;
}

.nei_con_prolist_1 ul li:hover:before{
    width: 100%;
    background-color: #b82822;
  left: 0%;
}

.nei_con_prolist_1 ul li a{
	padding: 10px;
    display: block;
}


.nei_con_prolist_1 ul li span{
	display: block;
	color: #9c9c9d;
	font-size: 16px;
	margin-top: 5px;
}

.nei_con_prolist_2{
	width: 100%;
	margin: 3% 0 3%;
	font-size: 16px;
	color: #787879;
}

.nei_con_prolist_2 span{
	margin: 0 15px;
}

.nei_con_prolist_2 a{
	color: #787879;
}


.nei_con_prolist_3{
	width: 80%;
	margin: 0 auto;
}

.nei_con_prolist_3:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.nei_con_prolist_3 ul li{
	float: left;
	display: inline-block;
	width: 19%;
	margin: 0% 0.5% 2%;
	overflow: hidden;
}

.nei_con_prolist_3 ul li img{
	width: 100%;
	height: auto;
	max-height: 215px;
}

/* @media (max-width: 1900px){
	.nei_con_prolist_3 ul li img{
		height: 210px;
	}
} */

.pro_search{
	margin-top: 60px;
}

.pro_search input:nth-child(1){
	background-color: #3a3a45;
	border: 0;
	outline:none;
	width: 300px;
    height: 35px;
    padding-left: 20px;
    color: #fff;
}

.pro_search input:nth-child(2){
	background-color: #000;
	color: #fff;
	border: 0;
	outline:none;
	width: 100px;
	height: 35px;
	cursor: pointer;
}

.nei_con_prolist_3 span{
	color: #fff;
	font-size: 16px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	width: 100%;
	margin-top: 10px;
	transition:all 0.3s ease 0s;
}

.nei_con_prolist_3 ul li:hover span{
	color: #b82822;
}

.nei_con_prolist_4{
	width: 100%;
	margin-top: 3%;
}

.nei_con_prolist_4 ul {
	display: inline-block;
    margin: 0;
    padding: 0;
}


.nei_con_prolist_4 ul li{
	float: left;
	display: inline;
}

.nei_con_prolist_4 ul li:first-child span {
    margin-left: 0;
    border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.nei_con_prolist_4 ul li:first-child.disabled span{
	cursor: not-allowed;
}

.nei_con_prolist_4 ul li span,.nei_con_prolist_4 ul li a{
	font-size: 16px;
    display: inline-block;
    margin: 0 5px;
	position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #fff;
    background-color: #25272b;
    border: 1px solid #313337;
}

.nei_con_prolist_4 ul li:hover span,.nei_con_prolist_4 ul li:hover a{
	background-color: #33353b;
}

.nei_con_prolist_4 ul li:last-child a, .nei_con_prolist_4 ul li:last-child span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}


.nei_con_prolist_4 ul li.active a,.nei_con_prolist_4 ul li.active a:hover, .nei_con_prolist_4 ul li.active span, .nei_con_prolist_4 ul li.active span:hover {
    background-color: #9f0d09;
	border-color: #9f0d09;
	color: #fff;
}

.nei_con_prolist_4 ul li.disabled span {
	cursor: not-allowed;
}


@media (max-width: 990px){
	.nei_con_prolist_1 ul li {
		width: 21%;
		height: 109px;
		margin: 0 2% 3%;
	}
	.nei_con_prolist_2 {
		width: 90%;
		margin: 3% auto 3%;
		font-size: 16px;
		text-align: left;
		line-height: 2em;
	}
	.nei_con_prolist_2 span {
		margin: 0 7px;
	}
	.nei_con_prolist_1 ul li a {
		padding: 5px 0px;
    	display: block;
	}
	.nei_con_prolist_1 ul li span {
		font-size: 14px;
		margin-top: 0px;
	}
	.nei_con_prolist_3 {
		width: 95%;
		margin: 0 auto;
	}
	.nei_con_prolist_3 ul li {
		width: 46%;
		margin: 0% 2% 2%;
	}
}









/* 产品详情页 */








.nei_con_prodetail_til{
	width: 100%;
}


.nei_con_prodetail_3{
	width: 80%;
	margin: 0 auto;
}

.nei_con_prodetail_3:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


.prodetail_3_1{
	float: left;
	width: 40%;
}

.prodetail_3_1 img{
	width: 100%;
}

.prodetail_3_2{
	float: left;
	width: 45%;
	margin-left: 10%;
	text-align: left;
	padding: 2% 0 0 0;
	color: #787879;
}

.prodetail_3_2 ul li:nth-child(1){
	font-size: 30px;
	margin-bottom: 20px;
}

.prodetail_3_2 ul li{
	font-size: 16px;
	height: 45px;
	line-height: 45px;
}

.prodetail_3_2 .dianhua{
	border-radius: 6px;
	background-color: #9f0d09;
	padding-left: 20px;
	color: #fff;
	margin-top: 40px;
	width: 70%;
}

.prodetail_3_2 .dianhua a{
	color: #fff;
}

.prodetail_3_2 ul li a{
	color: #787879;
}



.nei_con_prodetail_4{
	width: 80%;
	margin: 80px auto 0;
}

.prodetail_4_1{
	width: 100%;
	height: 56px;
	background-color: #808080;
	line-height: 56px;
}

.prodetail_4_1 span{
	width: 15%;
	text-align: center;
	display: block;
	background-color: #9f0d09;
	color: #fff;
	font-size: 16px;
}

.prodetail_4_2{
	color: #787879;
	text-align: left;
	font-size: 16px;
	line-height: 2.5em;
	padding: 2%;
	background-color: #fff;
}

.prodetail_4_2 p img:nth-child(1)
{
	display: none;
}

.prodetail_4_2 img{
	display: none;
}

@media (max-width: 1400px){
	.nei_con_prodetail_3 {
		width: 90%;
	}
	.prodetail_3_2 .dianhua {
		padding-left: 20px;
		color: #fff;
		margin-top: 10px;
		width: 91%;
	}
	.prodetail_4_2 img{
		max-width: 100%;
	}
	.prodetail_4_1 span{
		width: 40%;
	}
}



@media (max-width: 990px){

	.nei_con_prodetail_3 {
		width: 95%;
		margin: 6% auto 0%;
	}
	.prodetail_3_1 {
		float: none;
		width: 100%;
	}
	.prodetail_3_2 {
		float: none;
		width: 90%;
		margin: 0 auto;
		text-align: left;
		padding: 5% 0 0 0;
		color: #787879;
	}
	.nei_con_prodetail_4 {
		width: 95%;
		margin: 3% auto 0;
	}
	.prodetail_3_1 img{
		width: 100%;
	}
	.prodetail_4_2 {
		line-height: 2em;
	}

}