@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:"微软雅黑";}
/*结束*/
.np_bigbox{ width: 100%; overflow: hidden; position: relative;}
.np_dbj{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-image: url(../images/niupai05.jpg); background-position: center; background-size: 100% auto; z-index: 0;} 
.np_dbj02{ background-image: url(../images/niupai12.jpg);background-position: center top;background-size: 100% auto;} 

.np_box01{ width: 1920px; height: 640px; background-image: url(../images/niupai01.jpg); position: relative; z-index: 2; left: 50%; margin-left: -960px;}
.np_img01{ display: block; width: auto; position: absolute; left: 50%; margin-left: 144px; top: 60px; animation-delay: 1s;}


.np_box02{ width: 1920px; position: relative; left: 50%; margin-left: -960px; background-image: url(../images/niupai03.jpg); padding-top: 40px; padding-bottom: 40px; z-index: 2;}
.np_box02 img{ display: block; width: auto; margin: 0 auto;}


.np_box03{ width: 1920px; position: relative; left: 50%; margin-left: -960px; z-index: 2;}
.np_bt01{ width: 1200px; margin: 0 auto; padding-top: 50px;}
.np_bt01 h2{ color: #ffde84; font-size: 48px; line-height: 48px; text-align: center;}
.np_bt01 p{color: #ffde84; font-size: 24px; line-height: 72px;text-align: center;}
.np_bt01 div{ width: 200px; border:1px solid #ffde84; margin: 0 auto;}

.np_bt2{ width: 1250px; position: relative; left: 50%; margin-left: -639px; overflow: hidden;}
.np_bt2 a{ display: block; width: 200px; margin: 25px; float: left; }
.np_bt2 a img{width: 196px;border: 2px solid #f7d680; border-radius: 20px;}
.np_bt2 div{ width: 100%; position: relative; overflow: hidden; border-radius: 20px;}
.np_bt2 div span{ position: absolute; left: 0; top: 100%; width: 78%; padding: 15% 11% 0% 11%; color: #ffffff;font-size: 18px; line-height: 36px; background-color: rgba(0,0,0,0.5); height: 100%;
-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;
}
.np_bt2 h3{ color: #ffde84; text-align: center; font-size: 24px; line-height: 36px; width: 240px; margin-left: -20px;}
.np_bt2 h3 span{font-size: 14px; line-height: 28px;}
.np_bt2 div:hover span{ top: 0;}


.np_box04{ width: 1920px; position: relative; left: 50%; margin-left: -960px;background-image: url(../images/niupai03.jpg); padding-bottom: 40px; z-index: 2;}
.np_box04 a{display:block;width:200px;background-color:#67381a;line-height:50px;font-size:24px;color:#ffffff;text-align:center; margin-top: 28px; margin: 0 auto; }
.np_box04 a:hover{ color: #ffde84}

.np_bt03{ width: 1200px; margin: 0 auto; padding-top: 50px;}
.np_bt03 h2{ color: #ffffff; font-size: 48px; line-height: 48px; text-align: center;}
.np_bt03 p{color: #ffffff; font-size: 24px; line-height: 72px;text-align: center;}
.np_bt03 div{ width: 200px; border:1px solid #ffffff; margin: 0 auto;}

.np_box04 img{ display: block; width: auto; margin:0 auto; margin-top: 40px; padding-bottom: 50px;}

.np_bt04{ width: 1200px; margin: 0 auto; overflow: hidden;}
.np_bt04 li{ width: 500px; position: relative;float: left; margin: 50px; overflow: hidden; border-radius: 30px;}
.np_bt04 span{ display: block; position: absolute; left: 0;  bottom: 0; text-align: center; width: 100%; font-size: 24px; line-height: 72px; color: #333333;}



.np_box05{ width: 1920px; position: relative; left: 50%; margin-left: -960px;background-image: url(../images/niupai03.jpg); padding-bottom: 60px; z-index: 2;}
.np_bt05{ width: 460px; margin: 0 auto; padding-left: 600px;background-image: url(../images/niupai11.jpg); background-position: left top; background-repeat: no-repeat; padding-top: 40px; margin-top: 40px;}
.np_bt05 h2{color: #ffffff; font-size: 30px; line-height: 45px; margin-bottom: 10px;}
.np_bt05 span{ display: block; font-size: 18px; color: #ffffff; padding-bottom: 30px; border-bottom: 1px solid #f6d680;}
.np_bt05 p{font-size: 18px; color: #ffffff; line-height:36px; margin-top: 30px;}
.np_bt05 a{display:block;width:340px;background-color:#f6d680;line-height:50px;font-size:24px;color:#452607;text-align:center; margin-top: 60px; margin-left: -200px; border: 2px solid #f6d680;}
.np_bt05 a:hover{ color: #f6d680; background:none;}

.np_nr01{ width: 1200px; margin: 0 auto; overflow: hidden; position: relative; margin-top: 40px;}
.np_nr02{ width: 370px; color: #ffffff; float: left; margin-left: 80px;}
.np_nr02 p{ font-size: 18px; line-height: 36px;}
.np_nr02 .np_bt07{ width: 100%; margin: 0 auto; padding-top: 100px;}
.np_nr02 .np_bt07 h2{ color: #f6d680; font-size: 30px; line-height: 48px;}
.np_nr02 .np_bt07 p{color: #ffffff; font-size: 24px; line-height: 48px; padding-bottom: 30px;}
.np_nr02 .np_bt07 div{ width:300px; border:1px solid #f6d680; margin-bottom: 20px; }

.np_nr03{ width: 570px; float: left; margin-left: 180px;}
.np_nr03 li{ width: 190px; height: 190px; overflow: hidden; float: left;}
.np_nr03 li img{ display: block; width: auto;}
.np_nr03 .ysli{ background-color: #dca436;}
.np_nr03 span{ display: block; text-align: center; color: #ffffff;font-size: 24px; padding-top: 20px;}
.np_nr03 p{ font-size: 12px; color: #ffffff; line-height: 24px; padding: 5px 15px;}
.np_nr03 a{ display: block; width: 190px; height: 130px; padding-top: 60px; color: #f6d680; text-align: center; font-size: 24px; line-height: 36px;;}
.np_nr03 a:hover{ color: #ffffff;}
.np_nr03 li:nth-child(1) img{ margin-left: 30px; margin-top: 30px;}
.np_nr03 li:nth-child(3) img{ margin-left: 0px; margin-top: 30px;}
.np_nr03 li:nth-child(7) img{ margin-left: 30px; margin-top: 0px;}

.np_box06{ width: 1920px; position: relative; left: 50%; margin-left: -960px;background-image: url(../images/niupai19.jpg);height: 598px; z-index: 2;}
.np_bt06{ width: 1200px; margin: 0 auto; overflow: hidden;}
.np_bt06 a{display:block;width:250px;height:360px;position:relative;margin:25px;float:left;overflow:hidden;border-radius: 20px;}
.np_bt06 a img{ display: block; width: 100%;
-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;
}
.np_bt06 a:hover img{ width: 120%; margin-left: -10%;}
.np_bt06 p{ position: absolute; left: 0; bottom: 0; width: 100%; background-color:rgba(0,0,0,0.5);font-size: 18px; color: #ffffff; text-align: center; padding-bottom: 20px; padding-top: 10px;}
.np_bt06 p span{ display: block; color: #ffde84; text-align: center;font-size: 24px; line-height: 48px;}


.np_navbox{ width:100%; background-image: url(../images/oubao04.jpg); position: relative;z-index: 2}
.np_navbox div{ width: 875px; position: relative; height: 80px; left: 50%; margin-left: -437.5px; }
.np_navbox a{ display: block; width: 125px; float: left; text-align: center; color: #5e3c00; line-height: 76px; font-size: 24px; position: relative; z-index: 2;}
.np_navbox img{ display: block; position: absolute; left: 718px; top: 0; z-index: 1}
.np_navbox a:hover{ color: #a0582b; border-bottom: 4px solid #a0582b;}