@charset "utf-8";
/* CSS Document */
/* @import url("common.css"); */
.secCen{ width: 1090px; margin: 0 auto;}


.inItem{ padding-top: 130px; position: relative;}
.inIit{ text-align: center; height: 75px; padding-bottom: 100px;}
.inIit span{color: #ddd; font-size: 87px; display: inline-block;}
.inIit p{display: inline-block; padding-left: 5px; font-size: 24px; color: #787878; text-align: left}
.inIit p b{ font-size: 36px; color: #c2996d; display:block; padding-bottom: 20px;}
.inItemCon{ overflow: hidden;}
.inItemCon .inItemUl{ height: 570px; overflow: hidden; width: 100%;}
.inItemCon .inItemUl li{ width: 347px; height: 524px; margin-right:25px; overflow: hidden; padding-top: 45px; float: left; background-color: #e9e7ec; background-position: center 65px;  background-repeat: no-repeat; position: relative}
.inItemUl li.itemp1{ background-image: url(../images/initemp1.png)}
.inItemUl li.itemp2{ background-image: url(../images/initemp2.png)}
.inItemUl li.itemp3{ background-image: url(../images/initemp3.png)}
.inItemUl li.itemp4{ background-image: url(../images/initemp4.png)}
.inItemUl li.itemp5{ background-image: url(../images/initemp5.png)}
.inItemUl li.itemp6{ background-image: url(../images/initemp6.png)}
.inItemCon .inItemUl *,.qhBtn{ transition:ease all 0.5s}
.inItemA{ padding-top: 280px}
.inItemUl li .inItemA a{display: block; width: 162px; margin: 0 auto; text-align: center; font-size: 22px; color: #c0976d; background: url(../images/itemdz.png) no-repeat center; font-weight: bold}
.inItemUl li .inItemA b{ display: block; text-align: center; font-size: 16px; color: #999; padding: 10px 0 0; font-weight: lighter}
.inItemUl li i{display: block; width: 158px; height: 40px; margin: 0 auto; color: #fff; background:#c0976d; text-align: center; line-height: 40px; font-size: 18px; cursor: pointer; position: absolute; bottom: 43px; left: 94px;}
.inItemUl li i:hover{ background: #fff; color: #c0976d;}
.inItemCon .inItemUl li:hover{ background: #454545; background-position: center -400px}
.inItemCon .inItemUl li:hover .inItemA{ padding-top: 16px}
.inItemCon .inItemUl li:hover .inItemA b{color: #fff;}
.inItemCon .inItemUl li:hover i{ animation: itembtn 0.6s ease}
@keyframes itembtn{
	0%{ transform: scale(0)}
	50%{ transform: scale(0)}
	100%{ transform: scale(1)}
}
.inItemIco{ width: 80px; height: 80px; margin: 0 auto; border-radius: 50%; background-color: #c0976d; background-position: center; background-repeat: no-repeat; transform: scale(0)}
.inItemIco.ico1{ background-image: url(../images/itemi1.png)}
.inItemIco.ico2{ background-image: url(../images/itemi2.png)}
.inItemIco.ico3{ background-image: url(../images/itemi3.png)}
.inItemIco.ico4{ background-image: url(../images/itemi4.png)}
.inItemIco.ico5{ background-image: url(../images/itemi5.png)}
.inItemIco.ico6{ background-image: url(../images/itemi6.png)}
.inItemCon .inItemUl li:hover .inItemIco{transform: scale(1)}
.inItemCon .inItemUl li em{display: block; padding: 20px 5px; border-bottom: 1px solid #6e6e6e; border-top: 1px solid #6e6e6e; margin: 150px 50px 23px; color: #fff; text-align: center;}
.inItemCon .inItemUl li:hover em{ margin-top: 23px}
.inItemCon .inItemUl li p{ padding: 0 50px;}
.inItemCon .inItemUl li p a{ display: block; height: 30px; line-height: 30px; overflow: hidden; background: url(../images/sanjiao.png) no-repeat 2px; padding-left: 19px; color: #c9c9c9;}
.inItemCon .inItemUl li p a:hover{ color: #c0976d; background: url(../images/sanjiaoh.png) no-repeat 2px; }
.inItemCon .inItemUl li:hover p{ margin-top: 0}
.qhBtn{ width: 37px; height: 132px; position: absolute; top: 508px; cursor: pointer; background: url(../images/itemqh.png) no-repeat center;}
.qhBtn:hover{ background: url(../images/itemqh_h.png) no-repeat center}
.qhBtn.inItemQhP{ left: -52px;}
.qhBtn.inItemQhN{ right: -52px; transform: rotate(-180deg)}
.qhBtn.inItemQhP:hover{ left: -60px}
.qhBtn.inItemQhN:hover{ right: -60px}

.inYs{ padding-top: 130px;}
.inYs *{ transition: ease all 0.5s }
.inYs .inYsCon{ height:455px; background: url(../images/inysxian.jpg) no-repeat left; background-size: 2px auto; width: 1245px;}
.inYs .inYsCon:hover{ width: 1576px;}
.inYs .inYsCon li{ width: 153px; background: url(../images/inysxian.jpg) no-repeat right; padding-right: 2px; float: left;}
/* .inYs .inYsCon li:hover{ width: 489px; background: url(../images/inysxian.jpg) no-repeat right,url(../imgnew/ysbg.jpg) no-repeat center -50px;} */
.inYs .inYsCon li:hover{ width: 489px; background: url(../images/inysxian.jpg) no-repeat right;}
.inYs .inYsCon li:hover .inYsMain .inYsName{ transform: translateX(-100px);}
.inYs .inYsCon li .inYsMain{ overflow: hidden; position:relative;}
.inYs .inYsCon li.y1 .inYsMain{ background: url(../images/inys1.png) no-repeat 2px 0;}
.inYs .inYsCon li.y2 .inYsMain{ background: url(../images/inys2.png) no-repeat;}
.inYs .inYsCon li.y3 .inYsMain{ background: url(../images/inys3.png) no-repeat;}
.inYs .inYsCon li.y4 .inYsMain{ background: url(../images/inys4.png) no-repeat;}
.inYs .inYsCon li.y5 .inYsMain{ background: url(../images/inys5.png) no-repeat;}
.inYs .inYsCon li.y6 .inYsMain{ background: url(../images/inys6.png) no-repeat;}
.inYs .inYsCon li.y7 .inYsMain{ background: url(../images/inys7.png) no-repeat;}
.inYs .inYsCon li.y8 .inYsMain{ background: url(../images/inys8.png) no-repeat;}
.inYs .inYsCon li:nth-child(even) .inYsMain{ margin-top:54px;}
.inYs .inYsCon li .inYsMain .inYsName{ width: 80px; margin-top: 244px; margin-left:20px; overflow: hidden;}
.inYsName i{display: block; width: 22px; padding-bottom: 10px; font-size: 16px; padding-right: 5px; margin-right: 10px; line-height: 17px; border-right: 1px solid #333; color: #333; float: left}
.inYsName b{display: block; width: 30px; font-size: 24px; color: #333; line-height: 26px; float: left; box-shadow: 0 0 2px #fff}
.inYstext{ width: 313px; overflow: hidden; position: absolute; top: 100px; left:160px; opacity: 0}
.inYstext b{ display: block; font-size : 28px }
.inYstext p{ padding: 24px 0 10px; line-height: 30px }
.inYstext i{display: block; color: #c2996d; font-size: 18px}
.inYstext span{display: block; padding:10px 0 42px}
.inYstext a{display: block; width: 170px; height: 38px; line-height: 38px; border: 1px solid #ccc; text-align: center; font-size: 18px; color: #c2996d; float: right}
.inYstext a:hover{ background: #c2996d; color: #fff; border:1px solid #c2996d; }
.inYs .inYsCon li:hover .inYsMain .inYstext{ top: 61px; opacity: 1}
.inYsBtn{ width: 424px; margin:175px auto 0; overflow: hidden;}
.inYsBtn *{display: block; color: #fff; font-size: 18px; text-indent: 40px; width: 177px; height: 51px; line-height: 38px; cursor: pointer;}
.inYsBtn i{ background: url(../images/ppzxbtn.jpg) no-repeat; float: left}
.inYsBtn a{ background: url(../images/ppzxbtn2.jpg) no-repeat; float: right; color: #fff;}

.inPp{ padding-top: 130px; margin-bottom:85px;}
.inPp .inPpTop{ text-align: center; height: 60px; padding-bottom: 30px}
.inPp .inPpTop li{display: inline-block; font-size: 18px;}
.inPp .inPpTop li a{display: block; padding: 0 35px; background: url(../images/xx.jpg) no-repeat right 4px;}
.inPp .inPpTop li.on{ color: #c2996d; background: url(../images/xj2.png) no-repeat center bottom; height: 60px;}
.inPp .inPpTop li.on a{ color: #c2996d; }
.inPp .inPpTop li.more a{ background: none }
.inPp .inPpCon{}
.inPp .inJg{}
.inJgMain{ width: 110%; overflow: hidden; transition: ease height 0.5s}
.inPp .inJg li{ width: 182px; margin-right:16px; margin-bottom: 33px; float: left; text-align: center; }
.inPp .inJg li span{display: block; width: 182px; height: 156px; border-radius: 10px; overflow: hidden; }
.inPp .inJg li p{ padding-top: 10px }
.inPpMore{ width:190px; height: 40px; line-height: 40px; margin: 10px auto 0; font-size: 16px; text-align: center; color: #fff; background:#c2996d; cursor: pointer;}
.inPp .inJg .inPpPN{ text-align: center; margin-top: 10px}
.inPp .inJg .inPpPN div{ display: inline-block; width: 20px; height: 29px; cursor: pointer; margin: 0 10px}
.inPp .inPpCon .inPpPrev{ background: url(../images/prev.jpg) no-repeat;}
.inPp .inPpCon .inPpNext{ background: url(../images/next.jpg) no-repeat;}
.inPp .inJg li span img,.inPpOther p img{ transition: ease 0.5s all }
.inPp .inJg li:hover span img,.inPpOther p:hover img{ transform: scale(1.1); }
.inPpOther{ position: relative; height: 506px; overflow: hidden;}
.inPpOther p{ position: absolute; border-radius: 15px; overflow: hidden;}
.inPpOther p i{display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 45px; line-height: 45px; text-align: center; color: #fff; background: rgba(0,0,0,0.6); z-index: 2}
.inPpOther p.p1{ width: 611px; height: 331px; top: 0; left: 0}
.inPpOther p.p2{ width: 459px; height: 158px; top: 0; right: 0}
.inPpOther p.p3{ width: 199px; height: 153px; top: 177px; left: 632px}
.inPpOther p.p4{ width: 230px; height: 153px; top: 351px; left: 0}
.inPpOther p.p5{ width: 361px; height: 153px; top: 351px; left: 251px}
.inPpOther p.p6{ width: 200px; height: 153px; top: 351px; left: 632px}
.inPpOther p.p7{ width: 240px; height: 326px; top: 177px; right: 0}
/*.inPpOther:nth-of-type(4) p{ border: 1px solid #ccc}*/