@charset "UTF-8";
/*-----default model-----*/
body,h1, h2, h3, h4, h5, h6,p,ul, ol, dl, dd,figure, menu, input, textarea, button, select, th, td,figcaption {margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6,b, strong {font-size: 100%;font-weight: normal;}
li {list-style: none;}
em, i {font-style: normal;}
img {border:none;}
input,textarea,button,select {outline: 0 none;}
textarea {resize: vertical;}
a {text-decoration: none;outline: 0 none;color:inherit}
table{border-collapse:collapse;width: 100%;color: #333;text-align: center; margin:0 auto;}
.clearfix:before,.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.clearfix{zoom:1} 
body{width: 100%;height:100%;font-size: 12px;min-width: 1100px!important; font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;color: #444;background: #fff;}
#footer_bx{clear: both;}


a[title="站长统计"]{display: none;}
@media only screen and (min-width: 800px) {
	.pc-hide{display:none !important;}
}
.wrap{position: relative; width: 1100px; margin: 0 auto;font-size: 0;text-align: center;}


.section .title{margin-top: 75px;}
 /* 输入框填充背景 */
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
        -webkit-box-shadow: 0 0 0 1000px white inset;
}
.section{display: inline-block;width: 100%;float: left;}
/* 输入框填充透明 */
/* input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #fff;
  transition: background-color 5000s ease-out 0.5s;
} */
.title p{
	font-size: 46px;font-weight: bold;color: #333;line-height: 41px;
}
.title p::after{
	display: inline-block;content: '';width: 100%;height: 15px;background: url(../images/titBg.png) no-repeat center bottom;background-size: auto 100%;
}
/*banner*/
.banner-box{
	display: inline-block; width: 100%;height: auto;
}
.banxq{
	display: inline-block;width: 100%; height: 600px;background: url(../images/banner01.jpg) no-repeat center top;background-size: auto 100%;
}
.banTs{
	display: inline-block;width: 100%;background: #fff;margin-top: 495px;
	-webkit-box-shadow: 0 6px 15px rgba(247, 248, 248);
	-moz-box-shadow: 0 6px 15px rgba(247, 248, 248);
	box-shadow: 0 6px 15px rgba(247, 248, 248);
}
.banTs p{
	display: inline-block;width: 89%; margin: 42px 5.5% 40px;font-size: 17px;color: #333;text-align: left;line-height: 28px;
}

/* section1 */
.sec1{
	margin-top: 56px;
}
.s1main{
	display: inline-block;width: 100%;height: 672px;background: url(../images/s1Bg.jpg) no-repeat center top;background-size: 100% 100%;margin-top: 25px;
}
.s1main .video-box{
	float: left;width: 973px;height: 548px;display: block;margin-top: 60px;margin-left: 62px;
}

/* section2 */
.sec2{
	margin-top: 6px;
}
.s2main{
	display: inline-block;width: 100%;height: 730px;background: url(../images/s2img2.jpg) no-repeat center top;background-size: auto 708px;margin-top: 52px;position: relative;
}
.s2main>div{
	position: absolute;cursor: pointer;transition: all .5s;
}
.s2main>div:hover{
	transform: scale(1.05)
}
.s2xq>div{
	display: inline-block;float: right;
}
.s2L .p1{
	font-size: 23px;color: #d44047;margin-bottom: 8px;
}
.s2L .p2{
	font-size: 17px;color: #333;
}
.s2R{
	width: 65px;margin-top: 5px;margin-left: 15px;
}
.s2R img{
	width: 100%;
}
.s2xR .s2L{
	float: left;
}
.s2xR .s2R{
	float: right;
	margin-right: 18px;
}
.s2xL .s2R{
	float: left;
	margin-right: 18px;
}
.s2xL>div>p{
	text-align: left;
}
.s2xR>div>p{
	text-align: right;
}
.s2nr11 {
    left: 25px;
    top: 488px;
}
.s2nr10 {
    left: 262px;
    top: 650px;
}
.s2nr9 {
    left: 283px;
    top: 413px;
}
.s2nr9 .s2L {
    margin-left: -54px;
    margin-right: 47px;
}
.s2nr9 .s2R{
	margin-top: 16px;
}
.s2nr8 {
    right: 320px;
    top: 572px;
}
.s2nr7 {
    left: 420px;
    top: 303px;
}
.s2nr6 {
    right: 48px;
    top: 424px;
}
.s2nr5 {
    left: 160px;
    top: 188px;
}
.s2nr4 {
    right: 36px;
    top: 282px;
}
.s2nr3 {
    left: 248px;
    top: 35px;
}
.s2nr2 {
    right: 166px;
    top: 150px;
}
.s2nr1 {
    right: 61px;
    top: -22px;
}
.s2nr1 .s2L .p2{
	color: #d44047;
}
.s2main .cur .s2L .p1{
	font-weight: bold;font-size: 25px;
}
.s2main .cur .s2L .p2{
	font-weight: bold;font-size: 18px;
}

/* section3 */
.sec3{
	display: inline-block;width: 100%;height: 944px;background: url(../images/s3Bg.jpg) no-repeat center top;background-size: auto 100%;margin-top: 120px;
}
.s3main{
	display: inline-block;width: 100%;height: 720px; background: url(../images/s3img1.png) no-repeat center top;background-size: auto 450px;margin-top: 64px;position: relative;overflow: hidden;
}
.s3main>div{
	display: inline-block;width: 110px;position: absolute;transition: all .5s;cursor: pointer;
}
.s3main>div:hover{
	margin-top: -20px;
}
.s3xq>span{
	display: inline-block; font-size: 24px;font-weight: bold;color: #333;line-height: 56px;
}
.s3xq>p{
	width: 110px;height: 30px;margin-bottom: 12px;font-size: 18px;color: #333;background: #fff;box-shadow: 0 0 0px 10px rgba(247, 248, 248, 1);
}
.s3nr1 {
    left: 7px;top: 292px;
}
.s3nr2 {
    left: 218px;top: 350px;
}
.s3nr3 {
    left: 530px;top: 32px;
}
.s3main .s3nr4 {
    width: 230px;right: 155px;top: 55px;
}
.s3main .s3nr4 span{
	display: block;clear: both;
}
.s3main .s3nr4 p{
	display: inline-block;float: left; margin-right: 10px;
}
.s3main .s3nr4 p:nth-of-type(2n){
	margin-right: 0;
}
.s3nr5 {
    right: 8px;top: 305px;
}
.s3main .s3nr6 {
    width: 230px;right: 168px;top: 450px;
}
.s3main .s3nr6 span{
	display: block;clear: both;
}
.s3main .s3nr6 p{
	display: inline-block;float: left; margin-right: 10px;
}
.s3main .s3nr6 p:nth-of-type(2n){
	margin-right: 0;
}
.s3nr7 {
    left: 445px;
    top: 365px;
}
.s3main .cur span{
	font-size: 26px;color: #d54047;
}
.s3main .cur p{
	font-size: 20px;color: #d54047;
}
.s3main .s3nr2:hover{
	margin-bottom: 20px;
}
.s3main .s3nr6:hover{
	margin-bottom: 20px;
}

/* section4 */
.s4main>div{
	display: inline-block;width: 100%;
}
.s4T{
	height: 504px;background: url(../images/s4img4.jpg) no-repeat center top;background-size:auto 100%;margin-top: 56px;position: relative;
}
.s4xT>div{
	width: 118px;height: 118px;border-radius: 100px;cursor: pointer;position: absolute;
}
.s4xt>div{
	display: inline-block;width: 100px;height: 100px;border: 2px solid #cdcdcc;border-radius: 50px;background: #f7f8f8;overflow: hidden;margin-top: 7px;position: relative;box-shadow: 0 0 0.1rem 0.2rem rgba(211, 211, 211, 0.2);
}
.s4xq img{
	margin-top: 13px;
	margin-left: -10px;
}
.s4xq span{
	display: inline-block;width: 10px; font-size: 12px;color: #999;position: absolute;top: 15px;right: 14px;line-height: 15px;
}
.s4xT .cur{
	border: 1px dashed #d74f56;
}
.s4xT .cur .s4xq{
	border: 2px solid #d44047;background: #fff;box-shadow: 0 0 0.1rem 0.2rem rgba(220, 103, 109, 0.1);
}
.s4xT .cur .s4xq span{
	color: #e84b52;
}
.s4dT{
	display: inline-block;width: 294px; position: absolute;bottom: 0;left: 37%;
}
.s4dT>div{
	display: none;
}
.s4dT .cur{
	display: inline-block;
}
.s4dt>span{
	display: inline-block;width: 31px;height: 75px;font-size: 20px;color: #fff;position: absolute;top: -13px;right: 20px;line-height: 23px;padding-top: 5px;
	background: #d44047;
	background: -webkit-linear-gradient(top, #d44047 , #e6615b); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(bottom, #d44047, #e6615b); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(bottom, #d44047, #e6615b); /* Firefox 3.6 - 15 */
	background: linear-gradient(to bottom, #d44047 , #e6615b); /* 标准的语法 */
}
.s4dt>span::after{
	display: block;content: ''; width: 31px;height: 4px;background: #d6bf99;margin-top: 6px;
}
.s4xt1{
	left: 26px;top: 16px;
}
.s4xt2{
	left: 160px;top: 16px;
}
.s4xt3{
	left: 293px;top: 16px;
}
.s4xt4{
	left: 92px;top: 167px;
}
.s4xt5{
	left: 225px;top: 167px;
}
.s4xt6{
	left: 26px;top: 322px;
}
.s4xt7{
	left: 160px;top: 322px;
}
.s4xt8{
	left: 293px;top: 322px;
}
.s4xt9{
	right:283px;top: 16px;
}
.s4xt10{
	right:150px;top: 16px;
}
.s4xt11{
	right: 16px;top: 16px;
}
.s4xt12{
	right: 215px;top: 167px;
}
.s4xt13{
	right: 82px;top: 167px;
}
.s4xt14{
	right: 283px;top: 322px;
}
.s4xt15{
	right: 150px;top: 322px;
}
.s4xt16{
	right: 16px;top: 322px;
}
.s4main .s4B{
	display: inline-block;width:68%;height: 103px;background: url(../images/s4img3.png) no-repeat center top;background-size: auto 100%;padding: 0 16%;margin-top: -22px;
}
.s4B>div{
	display: inline-block;float: left;width: 50%;margin-top: 40px;
}
.s4B>div .sp1{
	display: inline-block;
}
.s4B>div .sp1 img{
	vertical-align: middle;
}
.s4B>div .sp2{
	font-size: 24px;color: #333;display: inline-block;vertical-align: middle;margin-left: 15px;
}

/* section5 */
.s5main{
	margin-top: 45px;
}
.s5main>div{
	display: inline-block;float: left;width: 540px;margin-right: 20px;margin-bottom: 33px;
}
.s5main>div:nth-of-type(2n){
	margin-right: 0;
}
.s5xq>p{
	font-size: 24px;font-weight: bold;color: #fff;width: 300px;height: 68px;line-height: 68px;margin: 0 auto; border-top-left-radius: 16px;border-top-right-radius: 16px;
	background: #d44047;
	background: -webkit-linear-gradient(left, #e7625b , #d44047); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #e7625b, #d44047); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #e7625b, #d44047); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #e7625b , #d44047); /* 标准的语法 */
}
.s5xq>div{
	display: inline-block;width: 100%;height: 302px;background: url(../images/s5img5.png) no-repeat center top;background-size: 100% 100%;
}
.s5nr>div{
	display: inline-block;width: 486px;height: 248px;background: #fff;border: 2px solid #ffccd6;margin-top: 22px;
}
.s5x>div{
	display: inline-block;float: left;
}
.s5L{
	width: 236px;margin-right: 28px;
}
.s5L p{
	font-size: 16px;color: #333;text-align: left;line-height: 25px;margin-top: 19px;margin-left: 26px;
}
.s5R{
	width: 191px;margin-top: 28px;
}
.s5R img{
	width: 100%;animation: bx 6s infinite ease-in-out alternate;
}
.s5sR img{
	animation: bx 7s infinite ease-in-out alternate;
}

/* section6 */
.sec6{
	display: inline-block;width: 100%;min-height: 400px;background: url(../images/s6Bg.jpg) no-repeat center top;background-size: auto 400px;margin-top: 55px;
}
.sec6 .title p{
	color: #fff;
}
.s6main{
	display: inline-block;width: 100%;height: 500px;background: #f2f2f2;margin-top: 40px;
}
.s6U{
	display: inline-block;width: 100%;margin: 45px 0;
}
.s6U li{
	display: inline-block;width: 196px;height: 44px; line-height: 46px;border: 2px solid #d3d3d3;background: #fff;border-radius: 50px;font-size: 22px;color: #333;margin: 0 15px;cursor: pointer;
}
.s6U li.cur{
	color: #d44047;background: #fdebef;border: 2px solid #d44047;
}
.s6nr .s6xq{
	display: none;width: 94%;margin-left: 3%;
}
.s6nr .cur{
	display: inline-block;
}
.s6xq>div{
	display: inline-block;float: left;width: 18%;height: 298px;border: 1px solid #e1e1e1;margin-right: 1.3%;background: #fff;border-radius: 15px;transition: all .5s;cursor: pointer;
}
.s6xq>div:hover{
	margin-top: -20px;box-shadow: 0 0 .5rem rgba(0, 0, 0, 0.2);
}
.s6xq>div:last-child{
	margin-right: 0;
}
.s6x .p2{
	font-size: 24px;font-weight: bold;color: #333;line-height: 64px;position: relative;
}
.s6x .p2::after{
	display: inline-block;content: '';width: 39px;height: 4px;background: #d44046;position: absolute;bottom: 0;left: 42%;
}
.s6x .p1{
	margin-top: 32px;
}
.s6x .p3{
	text-align: left;font-size: 18px;color: #666;width: 75%;margin: 18px 12.5% 0;line-height: 26px;
}
.kjP{
	font-size: 18px;color: #333;text-align: left;margin-top: 15px;line-height: 28px;
}

/* section7 */
.sec7{
	margin-top: 40px;
}
.s7main{
	margin-top: 36px;
}
.s7main>div{
	display: inline-block;float: left;
}
.s7U{
	width: 269px;height: 373px;padding-top: 28px;margin-top: 30px;
	background: #d44047;
	background: -webkit-linear-gradient(left, #e7625b , #d44047); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #e7625b, #d44047); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #e7625b, #d44047); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #e7625b , #d44047); /* 标准的语法 */
}
.s7U li{
	display: block;width: 218px;height: 66px;line-height: 66px;border: 1px solid #efadad;margin: 0 auto 15px;border-radius: 8px;font-size: 24px;color: #fff;cursor: pointer;
}
.s7U li.cur{
	background: #fff;color: #d44047;font-weight: bold;
}
.s7LI{
	width: 206px;margin: 50px auto 0;
}
.s7LI img{
	width: 100%;animation: bx 3s infinite ease-in-out alternate;
}
.s7nr{
	width: 827px;height: 463px;background: #f2f2f2;
}
.s7Lb {width: 766px; margin: 28px auto 0; overflow: hidden; position: relative;}
.s7Lb .bd {width: 100%; margin: 0 auto; position: relative; height: 100%; z-index: 0;}
.s7Lb .bd li {width: 100%; margin: 0 auto; zoom: 1; overflow: hidden;}
.s7Lb .bd li img {width: 100%; height: auto;}
.s7b>p{
	font-size: 17px;color: #333;text-align: left;line-height: 27px;width: 94%;margin: 32px 3% 0;
}
.s7bx{
	display: inline-block;width: 90%;float: left; margin-left: 38px;margin-top: 22px;
}
.s7bx>div{
	display: inline-block;float: left;width: 228px;height: 80px;background: #fff;border: 1px solid #f9f9f9;margin-right: 27px;margin-bottom: 20px;cursor: pointer;
}
.s7bx>div:hover{
	margin-top: -20px;box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5);
}
.s7bx>div:nth-of-type(3n){
	margin-right: 0;
}
.s7px span{
	display: inline-block;float: left;
}
.s7px .sp1{
	width: 51px;margin-top: 12px;margin-left: 24px;margin-right: 18px;
}
.s7px .sp2{
	font-size: 24px;color: #333;line-height: 80px;
}
.s7nr>div{
	display: none;
}
.s7nr .cur{
	display: inline-block;
}

/* section8 */
.sec8{
	margin-top: 12px;
}
.s8main{display: inline-block; width: 100%;margin: 6px auto 0;}
.s8main .tempWrap{margin: 0 auto;height: 320px;}
.eight_phm {width: 98.7%; padding: 0 1%; margin: 0 auto; position: relative;}
.eight_phm .hd {width: 100%; margin: 0 auto;}
.eight_phm .hd .prev,.eight_phm .hd .next {display: block; width: 37px; height: 37px; cursor: pointer; position: absolute; left: 0; top: 40%; margin-top: 28px; z-index: 1;border-radius: 50px;overflow: hidden;}
.eight_phm .hd .prev {background: url(../images/eight_010.png) center no-repeat; background-size: 100% 100%; left: auto; left:-1.5%;}
.eight_phm .hd .next {background: url(../images/eight_011.png) center no-repeat; background-size: 100% 100%; left: auto; right: -1%;}
.eight_phm .hd .prev:hover,.eight_phm .hd .next:hover{
	-webkit-box-shadow: 0 0 40px rgb(202 206 219);
	-moz-box-shadow: 0 0 40px rgba(202, 206, 219);
	box-shadow: 0 0 40px rgb(202 206 219);	
}
.eight_phm .bd {width: 100%; margin: 0 auto; z-index: 0;}
.eight_phm .bd ul {/* overflow: hidden; */ zoom: 1;padding: 52px 0!important 0;padding-top: 20px!important;}
.eight_phm .bd ul li {width: 238px;height: 298px; margin: 0; float: left; _display: inline; overflow: hidden; text-align: center;cursor: pointer;margin-left: 10px; margin-right: 13px;border: 1px solid #d3d3d3;background: #f2f2f2;
}
.eight_phm .bd ul li img {display: block;margin:0 auto;}
.eight_phm .bd ul li:hover{
	-webkit-box-shadow: 0 0 10px rgba(202, 206, 219);
	-moz-box-shadow: 0 0 10px rgba(202, 206, 219);
	box-shadow: 0 0 10px rgba(202, 206, 219);
}
.eight_phb {width: 100%; margin: 30px auto 0; text-align: center;}
.s8xq .p1{
	display: inline-block; height: 36px;line-height: 36px;font-size: 18px;color: #fff;float: left; padding: 0 15px;border-bottom-right-radius: 20px;
	background: -webkit-linear-gradient(left, #d44047 , #e7625b); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #d44047, #e7625b); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #d44047, #e7625b); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #d44047 , #e7625b); /* 标准的语法 */
}
.s8xq .p4{
	display: inline-block; margin-top: 22px;
}
.s8P{
	font-size: 17px;color: #333;text-align: left;line-height: 30px;width: 93%;margin: 30px 3.5% 0;
}

/* section9 */
.s9P{
	font-size: 17px;color: #333;text-align: left;line-height: 30px;width: 91%;margin: 42px 4.5% 20px;
}
.s9main>div{
	display: inline-block;float: left;width: 538px;height: 500px;background: #f2f2f2;position: relative;
}
.s9main>div::after{
	display: inline-block;content: '';width: 140px;height: 4px;background: #e7625c;position: absolute;bottom: 0;left: 38%;
}
.s9main>div:nth-of-type(2){
	margin-left: 24px;
}
.s9Lb{
	display: inline-block;width: 100%;margin-top: 21px;
}
.s9Rb{
	display: inline-block;width: 100%;margin-top: 21px;
}
.s9B{
	display: inline-block;width: 100%;
}
.s9B .p1{
	font-size: 24px;font-weight: bold;color: #d44047;
}
.s9B .p2{
	font-size: 15px;color: #333;text-align: left;width: 90%;margin: 20px 5% 0;line-height: 22px;
}

/* section10 */
.s10main{display: inline-block;width: 100%;margin-top: 52px;}
.s10main>div{display: inline-block;float: left;}
.s10L{}
.s10L ul li{width: 100%;height: 65px;line-height: 65px;font-size: 18px;color: #333333;text-align: left;}
.s10L ul li span{display: inline-block; font-weight: bold;color: #f0f3f7;font-size: 48px;font-style: oblique;margin-right: 30px;vertical-align: sub;transform: rotate(5deg);}
.s10L ul li.cur{font-weight: bold;color: #ff2e30;}
.s10L ul li.cur span{color: #ff2e30;}
.s10L ul li.cur::after{content: '';display: inline-block;width: 16px;height: 16px;background: url(../images/s9Icon.png) no-repeat center;float: right;margin-top: 26px;margin-right: -8px;}
.s10R {width: 879px;height: 532px;background: url(../images/s10lb.png) no-repeat center top;background-size: 100%;}
/* .s10R .s10xq{display: none;}
.s10R .cur{display: inline-block;}
.s10xq>div{display: inline-block;width: 100%;} */
.nine {background: url(../images/nine_bg.jpg) center no-repeat;}
.nine .pub_cen .title .title_p {background: url(../images/title_bg.png) 79% bottom no-repeat; color: #fff;}
.s10xq {width: 76%; margin: 0 auto; overflow: hidden; position: relative;}
.s10xq .bd {width: 100%; margin: 0 auto; position: relative; height: 100%; z-index: 0;}
.s10xq .bd li {width: 100%; margin: 0 auto; zoom: 1; overflow: hidden;}
.s10xq .bd li img {width: 662px; height: auto;margin-top:32px;}

/* section11 */
.sec11{
	background: url(../images/s11Bg.jpg) no-repeat center top;background-size: auto 100%;height: 638px;
}
.s11main{
	display: inline-block;width: 100%;margin-top: 40px;
}
.s11U li{
	display: inline-block;font-size: 22px;color: #333;width: 198px;height: 46px;line-height: 46px;border: 1px solid #d3d3d3;border-radius: 30px;background: #fff;margin: 0 15px;cursor: pointer;
}
.s11U li.cur{
	color: #d44047;background: #fdebef;border: 1px solid #d44047;
}
.s11nr{
	display: inline-block;width: 100%;margin-top: 48px;
}
.s11nr>div{
	display: none;
}
.s11nr .cur{
	display: inline-block;
}
.s11Tb>div{
	display: inline-block;width: 260px;height: 347px;background: #fff;box-shadow: 0 0 0.7rem rgba(0, 0, 0, 0.2);margin-right: 14px;transition: all .5s;float: left;
}
.s11Tb>div:last-child{
	margin-right: 0;
}
/* .s11Tb>div:hover{
	margin-top: -20px;
} */
.s11xq .p1{
	width: 100%;
}
.s11xq .p1 img{
	width: 100%;
}
.s11xq .p2{
	width: 87%;margin: 10px 6.5% 0;text-align: left;font-size: 15px;color: #333;line-height: 24px;
}

/* section12 */
.sec12{
	background: url(../images/s12Bg.jpg) no-repeat center top;background-size: auto 100%;height: 596px;
}
.s12main{display: inline-block; width: 100%;margin: 6px auto 0;}
.tempWrap{margin: 0 auto;}
.s12nr {width: 98%;margin: 0 auto; position: relative;display: inline-block;}
.s12nr .bd {width: 100%; margin: 0 auto; z-index: 0;display: inline-block;}
.s12nr .bd ul {/* overflow: hidden; */ zoom: 1;padding: 52px 0!important 0;padding-top: 20px!important;padding-bottom: 20px!important;}
.s12nr .bd ul li {width: 260px;height: 296px; margin: 0; float: left; _display: inline; overflow: hidden; text-align: center;cursor: pointer; margin-right: 16px;border: 2px solid #fff;background: #f2f2f2;
}
.s12nr .bd ul li img {display: block;margin:0 auto;}
.s12nr .bd ul li:hover{
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0);
	-moz-box-shadow: 0 0 15px rgba(0, 0, 0);
	box-shadow: 0 0 15px rgba(0, 0, 0);
}
.s12nr .bd ul li>div .p1{
	display: inline-block;width: 100%;position: relative;
}
.s12nr .bd ul li>div .p1::after{
	display: inline-block;content: '';width: 100%;height: 155px;background: #d3d3d3;position: absolute;top: 0;left: 0;
}
.s12nr .bd ul li>div .p1 img{
	position: relative;z-index: 1;margin-top: 14px;
}
.s12xq .p2{
	margin: 18px auto 14px;
}
.s12xq .p3{
	font-size: 17px;color: #333;margin-bottom: 2px;
}
.s12xq .p4{
	font-size: 18px;color: #333;font-weight: bold;
}




















@keyframes bx {
  0% {
    transform: translateY(-.3rem)
  }
  100% {
    transform: translateY(.05rem)
  }
}