/*1*/
/* .modularOne{ width: 100%; height: 662px; margin: auto; background: url("../images/banner/bg1.jpg") no-repeat center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;} */
.containerCnt img{ display: block;}
.img-001{ margin-top: 240px;}
.img-002{ margin-top: 30px;}

/*2*/
.modularTwo{ max-width: 1560px; height: 750px; margin: auto;}
.twoLeft, .twoRight{ width: 640px; float: left; position: relative;}
.twoLeft .p1{ font-size: 14px; color: #2b2b2b; margin-top: 160px;}
.twoLeft .p2{ font-size: 12px; color: #c1c1c1; margin-top: 6px;}
.img-003{ margin-top: 60px;}
.img-004{ margin: 15px 0 30px 0;}
.twoLeft .p3{ font-size: 15px; color: #a6a6a6; line-height: 30px; letter-spacing: 3px;}
.twoLeft a{ display: inline-block; margin-top: 40px; position: relative; height: 40px; line-height: 40px; padding: 0; font-size: 12px; color: #000; -webkit-transition: .4s; -moz-transition: .4s; -ms-transition: .4s; -o-transition: .4s; transition: .4s;}
.twoLeft a i{ display: block; position: absolute; background: #c4a961; -webkit-transition: .4s; -moz-transition: .4s; -ms-transition: .4s; -o-transition: .4s; transition: .4s;}
.twoLeft a i.th1{ top: 0; left: 0; width: 0; height: 2px;}
.twoLeft a i.th2{ top: 0; right: 0; width: 2px; height: 0;}
.twoLeft a i.th3{ bottom: 0; right: 0; width: 0; height: 2px;}
.twoLeft a i.th4{ bottom: 0; left: 0; width: 2px; height: 0;}
.twoLeft a:hover{ padding: 0 20px;}
.twoLeft a:hover i.th1{ width: 100%;}
.twoLeft a:hover i.th2{ height: 100%;}
.twoLeft a:hover i.th3{ width: 100%;}
.twoLeft a:hover i.th4{ height: 100%;}
.img-005{ position: absolute; left: 12px; top: 164px; z-index: 1;}
.img-006{ position: absolute; top: 254px; right: 70px;}

/*3*/
/* .modularThree{ width: 100%; height: 645px; margin: auto; background: url("../images/banner/bg2.jpg") no-repeat center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;} */
.threeLeft, .threeRight{ width: 640px; float: left;}
.img-007{ margin-top: 150px;}
.threeRight .p1{ font-size: 14px; color: #fff; margin-top: 140px;}
.threeRight .p2{ font-size: 12px; color: #c1c1c1; margin-top: 6px;}
.img-008{ margin-top: 60px;}
.img-009{ margin: 15px 0 30px 0;}
.threeRight .p3{ font-size: 15px; color: #afafaf; line-height: 30px;}
.threeRight a{ display: inline-block; margin-top: 40px; position: relative; height: 40px; line-height: 40px; padding: 0; font-size: 12px; color: #000; -webkit-transition: .4s; -moz-transition: .4s; -ms-transition: .4s; -o-transition: .4s; transition: .4s; color: #fff;}
.threeRight a i{ display: block; position: absolute; background: #c4a961; -webkit-transition: .4s; -moz-transition: .4s; -ms-transition: .4s; -o-transition: .4s; transition: .4s;}
.threeRight a i.th1{ top: 0; left: 0; width: 0; height: 2px;}
.threeRight a i.th2{ top: 0; right: 0; width: 2px; height: 0;}
.threeRight a i.th3{ bottom: 0; right: 0; width: 0; height: 2px;}
.threeRight a i.th4{ bottom: 0; left: 0; width: 2px; height: 0;}
.threeRight a:hover{ padding: 0 20px;}
.threeRight a:hover i.th1{ width: 100%;}
.threeRight a:hover i.th2{ height: 100%;}
.threeRight a:hover i.th3{ width: 100%;}
.threeRight a:hover i.th4{ height: 100%;}

/*4*/
.img-012{ float: right; margin-top: 154px;}

/*5*/
/* .modularFive{ width: 100%; height: 817px; background: url("../images/banner/bg3.jpg") no-repeat center;} */
.mduimCnt{ width: 1280px; height: 628px; background: #fff; margin: 94px auto 0; position: relative;}
.rysteam{ display: block; position: absolute; overflow: hidden; cursor: pointer; height: 157px; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: 3s; -moz-transition: 3s; -ms-transition: 3s; -o-transition: 3s; transition: 1.8s;}
.anima{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.rysteam img{ width: 100%; height: 157px; -webkit-transition: .4s; -moz-transition: .4s; -ms-transition: .4s; -o-transition: .4s; transition: .4s;}
.rysteam span{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; opacity: 0; -webkit-transition: .4s; -moz-transition: .4s; -ms-transition: .4s; -o-transition: .4s; transition: .4s;}
.ry-01{ width: 194px; top: 0; left: 0;}
.ry-02{ width: 438px; top: 0; left: 194px;}
.ry-03{ width: 260px; top: 0; left: 632px;}
.ry-04{ width: 194px; top: 0; left: 892px;}
.ry-05{ width: 194px; top: 0; left: 1086px;}
.ry-06{ width: 438px; top: 157px; left: 0;}
.ry-07{ width: 388px; top: 157px; left: 892px;}
.ry-08{ width: 438px; top: 314px; left: 0;}
.ry-09{ width: 194px; top: 314px; left: 892px;}
.ry-10{ width: 194px; top: 314px; left: 1086px;}
.ry-11{ width: 438px; top: 471px; left: 0;}
.ry-12{ width: 194px; top: 471px; left: 438px;}
.ry-13{ width: 210px; top: 471px; left: 632px;}
.ry-14{ width: 438px; top: 471px; left: 842px;}
.rysteam:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.rysteam:hover span{ opacity: .4;}

.teamBox{ width: 454px; height: 314px; position: absolute; background: #fff; top: 157px; left: 438px; text-align: center; overflow: hidden; -webkit-box-shadow: 0 0 10px 0 #ddd; -moz-box-shadow: 0 0 10px 0 #ddd; box-shadow: 0 0 10px 0 #ddd;}
.teamBox > img{ display: block; margin: auto; margin-top: 32px;}
.teamBox > span{ display: block; margin: 14px auto 30px; width: 76px; border-bottom: 1px solid #c4a961;}
.teamBox > p{ padding: 0 35px; font-size: 14px; color: #6d6d6d; line-height: 24px; margin-bottom: 15px;}

/*6*/
.modularSix{ width: 1280px; margin: auto; padding: 100px 0; height: 1110px;}
.musixChina{ text-align: center; font-size: 14px; color: #6d6d6d; line-height: 26px; padding: 0 80px;}
.musixEn{ text-align: center; font-size: 12px; color: #c2c2c2; line-height: 20px; margin-top: 14px;}
.musixther{ margin-top: 60px; padding: 2px; -webkit-box-shadow: 0 0 1px 0 #ddd; -moz-box-shadow: 0 0 1px 0 #ddd; box-shadow: 0 0 1px 0 #ddd; margin-left: 1px;width: 1272px;}
.musixther ul li{ float: left; width: 212px; height: 90px; overflow: hidden; -webkit-box-shadow: 0 0 1px 0 #ddd; -moz-box-shadow: 0 0 1px 0 #ddd; box-shadow: 0 0 1px 0 #ddd; -webkit-transition: .4s; -moz-transition: .4s; -ms-transition: .4s; -o-transition: .4s; transition: .4s;}
.musixther ul li a{ display: flex; display: -webkit-flex; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; width: 100%; height: 100%;}
.musixther ul li a img{ max-width: 180px; max-height: 70px; -webkit-transition: .4s; -moz-transition: .4s; -ms-transition: .4s; -o-transition: .4s; transition: .4s;}
.musixther ul li:hover{ -webkit-box-shadow: 0 0 1px 0 #999; -moz-box-shadow: 0 0 1px 0 #999; box-shadow: 0 0 1px 0 #999;}
.musixther ul li:hover a img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.musfour{ margin-top: 100px;}
.musfour > i{ display: block; width: 30px; border-bottom: 1px solid #000;}
.musfour > h2{ color: #000; margin-top: 40px;}
.musfour > p{ font-size: 14px; color: #b7b7b7; margin-top: 6px;}
.musfour > div{ width: 1280px; height: 200px; overflow: hidden; margin-top: 40px;}
.musfour > div img{ width: 1280px; height: 200px;}

.courselb{ padding: 0 40px; position: relative; margin-top: 40px;}
.cusrAll{ padding: 35px 5px; position: relative; cursor: pointer;}
.cusrOne{ text-align: center;}
.cusrOne p{ font-size: 28px; color: #2e2e2e; -webkit-transition: .4s; -moz-transition: .4s; -ms-transition: .4s; -o-transition: .4s; transition: .4s;}
.cusrOne span{ display: block; font-size: 18px; color: #808080; font-family: SimSun;}
.cusrTwo{ text-align: center; margin-top: 15px; -webkit-transition: .4s; -moz-transition: .4s; -ms-transition: .4s; -o-transition: .4s; transition: .4s; position: relative; display: block;}
.cusrTwo p{ font-size: 14px; color: #999; line-height: 26px;}
.cusrThree{ text-align: center; margin-top: 15px; -webkit-transition: .4s; -moz-transition: .4s; -ms-transition: .4s; -o-transition: .4s; transition: .4s; display: none;}
.cusrThree p{ font-size: 14px; color: #999; line-height: 26px;}
/* .course-l{ background: url("../images/icon/courl.png") no-repeat center; left: 3px;}
.course-r{ background: url("../images/icon/courr.png") no-repeat center; right: 3px;} */
.cusrAll > i{ display: block; position: absolute; width: 0; height: 0; -webkit-transition: .4s; -moz-transition: .4s; -ms-transition: .4s; -o-transition: .4s; transition: .4s;}
.cusrAll > i.cou1{ top: 0; left: 0; border: 1px solid #000; border-right: none; border-bottom: none;}
.cusrAll > i.cou2{ top: 0; right: 0; border: 1px solid #000; border-left: none; border-bottom: none;}
.cusrAll > i.cou3{ right: 0; bottom: 0; border: 1px solid #000; border-top: none; border-left: none;}
.cusrAll > i.cou4{ bottom: 0; left: 0; border: 1px solid #000; border-top: none; border-right: none;}
.course .swiper-wrapper .swiper-slide .cusrAll:hover .cusrTwo{ display: none;}
.course .swiper-wrapper .swiper-slide .cusrAll:hover .cusrThree{ display: block;}
.course .swiper-wrapper .swiper-slide .cusrAll:hover i{ width: 14px; height: 14px;}
.course .swiper-wrapper .swiper-slide .cusrAll:hover .cusrOne p{ color: #c4a961;}

/*7*/
.modularSeven{ width: 100%; height: auto; background: #f4f4f4; padding-bottom: 80px;}
.modularSevenCnt{ width: 1280px; height: auto; margin: auto;}
.musfour h4{ font-weight: normal; font-size: 14px; line-height: 26px; margin-top: 2px;}
.musfour h4.mgh1{ margin-top: 20px;}

/*pbl*/
#container{ position:relative; width:1280px; margin-top: 40px;}
.grid{ width:226px; min-height:100px; padding: 10px; background:#fff; font-size:12px; float:left; box-shadow: 0 1px 3px rgba(34,25,25,0.4); -moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4); -webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4); -webkit-transition: .4s; -moz-transition: .4s; -ms-transition: .4s; -o-transition: .4s; transition: .4s;}
.grid img{ width: 100%;}
.grid:hover{ -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px);}

/*about*/
.posre img{ display: block; position: absolute; z-index: 8; max-width: 100%;}
.aboutbox{ width: 100%; margin: auto;}
.abtHeight1{ height: 1000px;}
.abtHeight2{ height: 950px; background: #f7f6f4; width: 100%;}
.abtHeight3{ height: 900px;}
.abtHeight4{ height: auto; overflow: hidden; zoom: 1;}
.abtHeight5{ height: 660px; background: #f7f6f4;}
.abtHeight6{ height: 730px;}
.abtHeight7{ height: 950px; background: #f7f6f4;}
.abtHeight8{ height: 440px;}
.abtHeight9{ height: 530px; background: #f7f6f4;}
.abtHeight10{ height: 580px;}
.abtHeight11{ height: 610px; background: #f7f6f4;}
.abtHeight12{ height: 620px;}
.abtHeight13{ height: 960px;}
.abtHeight14{ height: 470px;}
.abtHeight15{ height: 570px; background: #f7f6f4;}
.abtHeight16{ height: 580px;}
.abtHeight17{ height: 500px;}
.abtHeight18{ height: 648px;}
.abtHeight19{ height: 610px;}
.abtHeight20{ height: 554px;}
.abtCnt{ width: 1280px; margin: auto;}
.about-l, .about-r{ width: 640px; position: relative;}
.about-l{ float: left;}
.about-r{ float: right;}
.img-030{ top: 110px; left: -65px;}
.img-031{ top: 520px; right: 15px;}
.introduce{ height: auto; overflow: hidden; zoom: 1;}
.panleft{ padding-left: 100px; text-align: left;}
.panright{ padding-right: 100px; text-align: right;}
.abtCnt::after{
	content: "";
	position: relative;
	height: 1px;
	display: block;
	clear: both;
}
/*p*/
.introduce p.p1{ font-size: 18px; color: #c4a961; margin-top: 170px;}
.introduce p.p2{ font-size: 16px; color: #cfcfcf; margin-top: 10px;}
.introduce p.p3{ font-size: 46px; color: #c4a961; font-family: SimSun; line-height: 46px; margin-top: 30px;}
.introduce p.p4{ font-size: 30px; color: #2a2a2a; margin-top: 30px; font-family: SimSun; font-weight: bold;}
.introduce p.p5{ font-size: 20px; display: inline-block; border-bottom: 1px solid #c4a961; margin-top: 40px; padding: 6px 0;}
.introduce p.p6{ margin-top: 250px;}
.introduce p.p7{ margin-top: 200px;}
.introduce p.p8{ margin-top: 20px;}
.img-032{ top: 545px; left: 15px;}
.img-033{ top: 114px; right: 0;}
.img-034{ top: 150px; left: 0;}
.img-035{ top: 190px; left: 40px;}
.abtCnttoo{ width: 1280px; height: auto; margin: auto; text-align: center; padding: 80px 0;}
.abtCnttoo > p{ font-size: 42px; color: #3b3b3b;}
.abtCnttoo > div{ height: 60px; line-height: 60px; position: relative; font-size: 20px; color: #c0c0c0;}
.abtCnttoo > div span{ padding: 0 20px; background: #fff; position: relative; z-index: 1;}
.abtCnttoo > div i{ display: block; width: 570px; border-bottom: 1px solid #e6e6e6; top: 50%; left: 50%; margin-left: -285px; position: absolute;}
.img-036{ top: 95px; left: 15px;}
.img-037{ top: 130px; left: 0;}
.img-038{ top: 300px; left: 10px;}
.img-039{ top: 150px; right: 0;}
.img-040{ top: 110px; right: 0;}
.img-041{ top: 154px; right: 44px;}
.banner{ height: 603px;}
.bannerCnt{ width: 1280px; height: auto; margin: auto; overflow: hidden; color: #fff;}
.bannerCnt h2{ font-size: 40px; font-family: SimSun; margin-top: 190px;}
.bannerCnt span{ font-size: 26px; font-family: SimSun; border-bottom: 1px solid #666; display: inline-block; padding-bottom: 16px; margin-top: 10px; margin-bottom: 20px;}
.bannerCnt p{ color: #a8a8a9; font-size: 18px; margin-top: 10px;}

/*server*/
.servertit{ padding: 100px 0;}
.serCnt{ width: 1280px; margin: auto;}
.sertitTop{ width: 450px; height: 90px; margin: auto; color: #3a3a3a; position: relative;}
.sertitTop-l, .sertitTop-r{}
.sertitTop-l{ width: 130px; text-align: right; line-height: 90px; font-size: 50px; float: left; height: 90px;}
.sertitTop-r{ width: 300px; height: 90px; float: right;}
.sertitTop-r p.p1{ font-size: 26px; margin-top: 16px;}
.sertitTop-r p.p2{ font-size: 18px; color: #949494;}
.sertitTop > span{ display: block; width: 40px; border-bottom: 2px solid #e5e5e5; position: absolute; bottom: 4px; left: 50%; margin-left: -20px;}
.sertitTop > i{ display: block; width: 34px; height: 50px; border: 2px solid #bfbfbf; position: absolute;}
.sertitTop > i.si1{ top: 0; left: 0; border-right: 0; border-bottom: 0;}
.sertitTop > i.si2{ top: 0; right: 0; border-left: 0; border-bottom: 0; opacity: 0;}
.sertitTop > i.si3{ bottom: 0; right: 0; border-left: 0; border-top: 0;}
.sertitTop > i.si4{ bottom: 0; left: 0; border-right: 0; border-top: 0; opacity: 0;}

.sertitBtm{ text-align: center; color: #c3c3c3; font-size: 18px; margin-top: 20px;}
.introduce .d1{ font-size: 14px; color: #000; margin-top: 30px;}
.introduce .d0{ margin-top: 0px;}
.introduce .d2{ color: #c1c1c1; font-size: 12px; margin-top: 5px;}
.introduce .d3{ color: #c4a961; font-size: 40px; font-family: SimSun; margin-top: 20px;}
.introduce .d3 span{ color: #242424;}
.introduce .d4{ color: #2a2a2a; font-size: 37px; font-family: SimSun; font-weight: bold; margin-bottom: 30px;}
.introduce .d5{ color: #a6a6a6; font-size: 15px; letter-spacing: 2px; margin-top: 12px; line-height: 24px;}
.introduce .d6{ margin-top: 140px;}
.introduce .d7, .introduce .d8, .introduce .d9, .introduce .d10{ text-align: right;}
.introduce .d7{ font-size: 34px; color: #000; margin-top: 90px;}
.introduce .d8{ font-size: 17px; color: #bebebe;}
.introduce .d9{ font-size: 40px; font-weight: bold; color: #363636; margin: 60px 0 40px 0;}
.introduce .d9 span{ color: #5ec6d3;}
.introduce .d9 i{ color: #d7d7d7;}
.introduce .d10{ color: #575757; line-height: 24px; margin-top: 10px;}
.introduce .d11{ letter-spacing: 0;}
.introduce .d12{ margin-top: 120px;}
.introduce .d13{ margin-top: 174px;}

.img-042{ top: 0; right: 0;}
.img-043{ top: 80px; left: 0;}
.img-044{ top: 80px; right: 0;}

.serfen{ height: 644px; background: url(../image/contentimg/bg5.jpg) no-repeat center;background-size:100% 644px ;}
.sertm{ width: 1280px; height: auto; overflow: hidden; zoom: 1; margin: auto; text-align: center;}
.sertm h2{ font-size: 42px; color: #fff; font-weight: normal; font-family: SimSun; margin-top: 80px;}
.sertm p{ font-size: 16px; color: #bebebe;}
.preser{ height: auto; overflow: hidden; zoom: 1; width: 1280px; margin: auto; margin-top: 100px;}
.preser-l, .preser-r{ width: 640px; float: left; position: relative; height: 380px;}
.img-045{ position: absolute; top: 0; left: 0;}
.img-046{ position: absolute; top: 50px; right: 100px;}
.preser-r .ser1{ font-size: 40px; color: #fff; font-family: SimSun; margin-top: 24px;}
.preser-r .ser1 span{ color: #c4a961;}
.preser-r .ser2{ font-size: 30px; color: #fff; font-family: SimSun; margin-top: 10px; margin-bottom: 30px;}
.preser-r .ser3{ font-size: 15px; color: #afafaf; margin-top: 10px; line-height: 24px;}

.nodeintru{ width: 1280px; height: auto; overflow: hidden; zoom: 1; margin: auto; text-align: center; color: #000; padding: 100px 0;}
.nodeintru p{ font-size: 22px;}
.nodeintru h2{ font-size: 40px; font-family: SimSun; margin: 30px 0;}
.nodeintru a{ display: block; width: 176px; height: 42px; border: 2px solid #c4a961; font-size: 16px; line-height: 42px; margin: auto; color: #000;}
.rybox{ width: 548px; height: auto; text-align: center; position: absolute; left: 90px; top: 480px; color: #cecece; font-size: 14px;}
.img-047{ top: 70px; left: 80px;}
.img-048{ top: 70px; left: 20px;}
.img-049{ top: 85px; left: 24px;}
.img-050{ top: 110px; left: 90px;}
.img-051{ top: 130px; left: 0;}
.img-052{ top: 175px; left: 40px;}
.img-053{ top: 0px; left: 80px;}
.img-054{ top: 60px; left: 0;}
.img-055{ top: 290px; left: 210px;}
.img-056{ top: -60px; left: 110px;}
.img-057{ top: 120px; left: 0;}
.img-058{ top: 120px; right: 0;}
.img-059{ top: 90px; right: 0;}
.img-060{ top: 160px; left: 0;}
.img-061{ top: 190px; right: 20px;}
.img-062{ top: 0; right: 0;}
.img-063{ top: 84px; left: 60px;}
.img-064{ top: 115px; left: 200px;}
.img-065{ top: 130px; left: 0;}
.img-066{ top: 86px; left: 330px;}
.img-067{ top: 50px; left: 130px;}
.img-068{ top: 170px; right: 0;}


.serall{ height: auto; overflow: hidden; zoom: 1; background: #f9f9f7;}
.abtCnttooBG{ background: #f9f9f7;}
.abtCnttooBG > div span{ background: #f9f9f7;}

.habtt{ padding: 100px 0 70px 0; width: 100%;}
.habttCnt{  text-align: center; color: #2a2a2a; width: 1280px; height: auto; margin: auto;}
.habttCnt h2{ font-size: 36px; font-family: SimSun; margin-top: 6px;}
.habttCnt span{ display: block; width: 72px; height: 2px; background: #e5e5e5; margin: 20px auto;}
.habttCnt p{ font-size: 18px; color: #a8a8a8;}
.bgColorhs{ background: #f7f6f4;}
.bgColorbs{ background: #fff;}
.habttBG{ background: #f9f9f7; padding: 70px 0 80px 0;}

.listimg{ width: 1280px; margin: auto;}
.listimg ul li{ height: 476px; text-align: center; margin-bottom: 20px; color: #fff; overflow: hidden;}
.listimg ul li:last-child{ margin-bottom: 0;}
.listimg ul li h2{ font-weight: normal; font-size: 50px; margin-top: 180px;}
.listimg ul li p{ font-size: 18px; margin-top: 6px;}

/*news*/
.newstit{ width: 1280px; margin: auto; padding: 80px 0 70px 0; font-family: SimSun;}
.newstit h2{ font-size: 46px; color: #c4a961;}
.newstit p{ color: #2a2a2a; font-size: 30px; margin-top: 10px;}
.newsList{ width: 1280px; height: auto; margin: auto;}
.newsList ul li{ height: auto; overflow: hidden; zoom: 1; padding: 50px 0; -webkit-transition: .4s; -moz-transition: .4s; -ms-transition: .4s; -o-transition: .4s; transition: .4s; margin-bottom: 10px;}
.news-l{ float: left; width: 640px; height: 366px; display: flex; display: -webkit-flex; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-transition: .4s; -moz-transition: .4s; -ms-transition: .4s; -o-transition: .4s; transition: .4s;}
.newall > h2{ font-size: 26px; color: #4f4f4f; font-weight: normal; word-break:break-all; display:-webkit-box; -webkit-line-clamp:1; -moz-line-clamp:1; -ms-line-clamp:1; -o-line-clamp:1; -webkit-box-orient:vertical; -moz-box-orient:vertical; -ms-box-orient:vertical; o-box-orient:vertical; overflow:hidden;}
.newall > span{ font-size: 12px; color: #acacac; display: block; margin-top: 16px;}
.newall > p{ font-size: 14px; color: #828282; line-height: 30px; margin-top: 30px; height: 120px; word-break:break-all; display:-webkit-box; -webkit-line-clamp:4; -moz-line-clamp:4; -ms-line-clamp:4; -o-line-clamp:4; -webkit-box-orient:vertical; -moz-box-orient:vertical; -ms-box-orient:vertical; o-box-orient:vertical; overflow:hidden;}
/* .newall > a{ display: inline-block; height: 44px; color: #fff; background: #d9b75e url("../images/icon/jt.png") no-repeat right; font-size: 14px; line-height: 44px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 0 75px 0 26px; margin-top: 30px;} */
.news-r{ width: 578px; height: 366px; float: right; position: relative; -webkit-transition: .4s; -moz-transition: .4s; -ms-transition: .4s; -o-transition: .4s; transition: .4s;}
.linkbox{ width: 100%; height: 100%; background: rgba(0,0,0,.3); position: absolute; top: 0; left: 0; display: flex; display: -webkit-flex; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; opacity: 0; -webkit-transition: .4s; -moz-transition: .4s; -ms-transition: .4s; -o-transition: .4s; transition: .4s;}
.newsfm{ width: 100%; height: 100%;}
.forlver{ color: #fff; text-align: center;}
.forlver p{ margin-top: 6px;}
.forlver:hover{ color: #fff;}
.linkbox i{ display: block; position: absolute; background: #fff; -webkit-transition: .4s; -moz-transition: .4s; -ms-transition: .4s; -o-transition: .4s; transition: .4s;}
.linkbox i.ns1{ top: 8%; left: 5%; width: 0; height: 2px;}
.linkbox i.ns2{ top: 8%; right: 5%; width: 2px; height: 0;}
.linkbox i.ns3{ bottom: 8%; right: 5%; width: 0; height: 2px;}
.linkbox i.ns4{ bottom: 8%; left: 5%; width: 2px; height: 0;}
.newsList ul li:nth-child(even) .news-l{ float: right;}
.newsList ul li:nth-child(even) .news-r{ float: left;}
.newsList ul li:hover{ -webkit-box-shadow: 0 0 10px 0 #ddd; -moz-box-shadow: 0 0 10px 0 #ddd; box-shadow: 0 0 20px 0 #ccc; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-10px);}
.newsList ul li:nth-child(odd):hover .news-l{ padding: 0 50px; width: 560px;}
.newsList ul li:nth-child(odd):hover .news-r{ width: 534px; height: 338px; margin-right: 40px;}
.newsList ul li:nth-child(even):hover .news-l{ padding: 0 50px; width: 560px;}
.newsList ul li:nth-child(even):hover .news-r{ width: 534px; height: 338px; margin-left: 40px;}
.newsList ul li:hover .linkbox{ opacity: 1;}
.newsList ul li:hover .linkbox i.ns1{ width: 90%;}
.newsList ul li:hover .linkbox i.ns2{ height: 84%;}
.newsList ul li:hover .linkbox i.ns3{ width: 90%;}
.newsList ul li:hover .linkbox i.ns4{ height: 84%;}

/*page*/
.newsPage{ width: 1280px; height: 36px; margin: 50px auto 70px auto;display: flex; display: -webkit-flex; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; color: #c4a961; font-size: 15px;}
.newsPage a, .newsPage span{ display: block; float: left; margin: 0 10px;}
.newsPage a{ width: 34px; height: 34px; border: 1px solid #ccc; color: #afafaf; text-align: center; line-height: 34px; -webkit-transition: .4s; -moz-transition: .4s; -ms-transition: .4s; -o-transition: .4s; transition: .4s;}
.newsPage a.newsPage-on{ background: #c4a961; border: 1px solid #c4a961; color: #fff;}
.newsPage a:hover{ background: #c4a961; border: 1px solid #c4a961; color: #fff;}

.newsbanner{ height: 346px; width: 100%; display: flex; display: -webkit-flex; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; color: #fff; font-family: SimSun; font-size: 30px; font-weight: bold;}
.newsContent{ width: 800px; margin: auto; height: auto; overflow: hidden; zoom: 1; padding: 70px 0; min-height: 100px;}
.newsContent img{ width: 100% !important;}

.pagelast{ height: 100px; border-top: 1px solid #e6e6e6; width: 800px; margin: auto; display: flex; display: -webkit-flex; -webkit-justify-content: space-between; justify-content: space-between;; -webkit-box-align: center; -webkit-align-items: center; align-items: center;}
.pagelast a{ display: flex; display: -webkit-flex; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center;}
.pagelast a.page-lf span{ padding-left: 20px;}
.pagelast a.page-rt span{ padding-right: 20px;}

/*map*/
.map{ width: 100%; height: 603px; overflow: hidden; zoom: 1;}

/*contact*/
.contlast{ width: 1280px; height: 414px; margin: auto;}
.contr-l, .contr-r{ width: 640px; height: auto; overflow: hidden; float: left;}
.cnrone, .cnrtwo{ height: auto; overflow: hidden; zoom: 1; float: left;}
.cnrone h2{ font-size: 22px; margin-top: 96px; color: #222;}
.cnrone p.p1{ color: #aeaeae; margin-top: 2px;}
.cnrone > div{ margin-top: 20px; width: 126px; text-align: center;}
.cnrone > div img{ width: 126px; height: 126px;}
.cnrone > div p.p2{ color: #999; letter-spacing: 2px; margin-top: 6px;}
.cnrtwo{ margin-left: 150px;}
.cnrtwo > p{ color: #525252; margin-top: 110px;}
.cnrtwo > div{ height: 30px; overflow: hidden; zoom: 1; margin-top: 35px;}
.cnrtwo > div a{ display: block; width: 30px; height: 30px; float: left; margin-right: 50px;}
/* .cnrtwo > div a.a1{ background: url("../images/icon/icon-lk1.png") no-repeat center;}
.cnrtwo > div a.a2{ background: url("../images/icon/icon-lk2.png") no-repeat center;}
.cnrtwo > div a.a3{ background: url("../images/icon/icon-lk3.png") no-repeat center;} */
.contr-r{ color: #343232;}
.contr-r p.p1{ font-size: 24px; margin-top: 96px;}
.contr-r p.p2{ font-size: 30px; margin-top: 30px;}
.contr-r p.p3{ font-size: 15px; margin-top: 30px;}
.contr-r p.p3 span{ color: #aaa9a9;}
.contr-r p.p4{ font-size: 14px; color: #9c9c9c; margin-top: 12px;}
.contr-r p.p5{ font-size: 14px; margin-top: 12px;}


@media screen and (max-width: 1440px) {
    .twoLeft, .twoRight{ width: 540px;}
    .threeLeft, .threeRight{ width: 540px;}
    .threeLeft img{ max-width: 100%;}
    .twoRight img{ max-width: 100%;}
    .containerCnt img{ max-width: 100%;}
    .musixEn{ padding: 0 40px;}
    .musfour{ padding: 0 40px;}
    #container{ width: 1210px; margin: 40px auto 0; -webkit-transform:  translateX(8px); -moz-transform:  translateX(8px); -ms-transform:  translateX(8px); -o-transform:  translateX(8px); transform:  translateX(8px);}
    .bannerCnt{ width: auto; padding: 0 50px;}
    .about-l, .about-r{ width: 540px;}
    .abtCnt{ width: 1160px;}
    .img-044{ top: 130px;}
    .preser{ width: 1180px;}
    .preser-l, .preser-r{ width: 540px;}
    .preser-r{ float: right;}
    .panleft{ padding-left: 20px;}
    .panright{ padding-right: 20px;}
    .newstit{ width: 1180px; padding: 80px 50px 70px 50px;}
    .newsList{ width: 1180px;}
    .news-r{ width: 500px; height: 320px;}
    .newsList ul li:nth-child(odd):hover .news-l{ padding: 0 50px; width: 520px;}
    .newsList ul li:nth-child(odd):hover .news-r{ width: 520px; height: 330px; margin-right: 40px;}
    .newsList ul li:nth-child(even):hover .news-l{ padding: 0 50px; width: 520px;}
    .newsList ul li:nth-child(even):hover .news-r{ width: 520px; height: 330px; margin-left: 40px;}
    .contlast{ width: 1180px; padding: 0 50px;}
    .contr-l, .contr-r{ width: 590px;}
    .img-053{ top: 10px;}
    .introduce .d6{ margin-top: 130px;}
    .img-056{ top: 30px;}
    .img-057{ top: 156px;}
    .img-058{ top: 100px;}
    .abtHeight18{ height: 600px;}
    .img-061{ top: 150px;}
    .img-042{ top: 40px;}
    .introduce .d12{ margin-top: 114px;}
    .abtHeight19{ height: 520px;}
    .img-064{ top: 84px;}
}