@charset "utf-8";
.content{width: 1200px; margin: 0 auto;}
body{font-family:"Microsoft Yahei"; background:#fff; }
i,em,b{font-style: normal;}

.tit01{ font-size: 40px; color: #000000; text-align: center; font-weight: normal; margin-top:40px;}
.tit01 i{display: block;margin:0 auto;}
.tit01 i img{width: 100%; display: block;}
.tit01 a{color: #000000; text-decoration: none; }
.tit01 em{font-size: 40px; color: #000000; text-align: center; font-weight: normal;}




/**/
.edge{font-family: "Microsoft Yahei";background: #f8f8f8; line-height:24px;font-size: 16px;position: relative;z-index: 1;clear: both;padding:40px 0 0;color: #fff;width: 100%;overflow: hidden;max-width: 1920px;display: block;margin: 0 auto;}
.edge h2{margin-bottom: 55px;}
.edge h2 i{ font-size:16px; color:#666; margin-top:30px; line-height:30px;}

.leit{width: 100%;overflow: hidden;display: block;height:800px;}
.leit ul{width: 100%;margin:0 auto;}
.leit li{width: 25%;float: left;position: relative;cursor:pointer;height:810px;overflow: hidden;box-sizing: border-box; background-size: 100% 100%;}
.leit li img{display: block; margin:0 auto;}
.mo{width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;background:rgba(0,0,0,0.1);background-size: 100%;}
.hav{width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;}

.shu2{width: 100%; padding:0 10%;font-size: 40px;color: #ffffff;text-align: center;position: absolute;bottom: 38%;left:0; text-align: left; box-sizing: border-box;z-index: 1}
.shu2 span {width:100%;font-size:2.25rem;color: #fff;font-weight:normal;display:block; padding-bottom: 15px; text-align: center; line-height: 58px;}
.shu2 em{width: 230px;height: 74px; display: block; margin:0 auto}

.bock{width:100%;position: absolute;left:0;bottom:300px;color: #fff;opacity:0;height:140px;box-sizing: border-box;}
.bock h3 {width:100%;font-size:2.25rem;color: #ffffff;font-weight:normal;display:block; text-align: center;}
.bock p{ text-align:center; margin:20px 0;}



/**/
.xg_bj{ height:1400px; overflow: hidden; background:#fff; padding-top:105px; box-sizing: border-box; font-family: "Microsoft YaHei"; margin-bottom:100px; }
.xg_bj h2{margin-bottom: 38px;}
.xg_bj h2 i{width: 368px;height: 90px;}
.xg{position: relative;height: 1124px;}
.xg1{width: 686px; height: 511px; float: left;}
.xg1 dl{width: 686px; height: 511px; position: relative;cursor: pointer;overflow: hidden;}
.xg1 dl dt {width: 686px; height: 511px; position: relative;}
.xg1 dl dt img{width: 100%;display: block;}
.xg1 dl dt h4{height: 80px; line-height: 80px; color: #fff; font-size:24px; font-weight: normal;text-align:  center;  position: absolute;bottom: 0;left:0; width: 100%;}
.xg1 dl dd{width:100%;height: 160px;background: rgba(0,0,0,0.5); position: absolute;bottom: -160px;left:0; text-align: center;}
.xg1 dl dd h4 i{width:385px;height: 57px; display: block;margin:0 auto; }
.xg1 dl dd h4 img{width: 100%; display: block;}
.xg1 dl dd h4 a{color: #fff; font-size:24px;font-weight: normal; line-height: 50px;}
.xg1 dl dd p a{ font-size: 17px; color: #ffffff;padding:0 10px; }

.xg2{width: 514px; height: 377px;float: right;}
.xg2 dl{width: 514px; height: 377px; position: relative;cursor: pointer;overflow: hidden;}
.xg2 dl dt {width: 514px; height: 377px; position: relative;}
.xg2 dl dt img{width: 100%;display: block;}
.xg2 dl dt h4{height: 80px; line-height: 80px; color: #fff; font-size:24px; font-weight: normal;text-align:  center;  position: absolute;bottom: 0;left:0; width: 100%;}
.xg2 dl dd{width:100%;height: 160px;background: rgba(0,0,0,0.5); position: absolute;bottom: -160px;left:0; text-align: center;}
.xg2 dl dd h4 i{width:385px;height: 57px; display: block;margin:0 auto; }
.xg2 dl dd h4 img{width: 100%; display: block;}
.xg2 dl dd h4 a{color: #fff; font-size:24px;font-weight: normal; line-height: 50px;}
.xg2 dl dd p a{ font-size: 17px; color: #ffffff;padding:0 10px; }

.xg3{width: 514px; height: 376px;float: right;}
.xg3 dl{width: 514px; height: 376px; position: relative;cursor: pointer;overflow: hidden;}
.xg3 dl dt {width: 514px; height: 376px; position: relative;}
.xg3 dl dt img{width: 100%;display: block;}
.xg3 dl dt h4{height: 80px; line-height: 80px; color: #fff; font-size:24px; font-weight: normal;text-align:  center;  position: absolute;bottom: 0;left:0; width: 100%;}
.xg3 dl dd{width:100%;height: 160px;background: rgba(0,0,0,0.5); position: absolute;bottom: -160px;left:0; text-align: center;}
.xg3 dl dd h4 i{width:385px;height: 57px; display: block;margin:0 auto; }
.xg3 dl dd h4 img{width: 100%; display: block;}
.xg3 dl dd h4 a{color: #fff; font-size:24px;font-weight: normal; line-height: 50px;}
.xg3 dl dd p a{ font-size: 17px; color: #ffffff;padding:0 10px; }

.xg4{width: 429px; height: 611px;float: left;}
.xg4 dl{width: 429px; height: 611px; position: relative;cursor: pointer;overflow: hidden;}
.xg4 dl dt {width: 429px; height: 611px; position: relative;}
.xg4 dl dt img{width: 100%;display: block;}
.xg4 dl dt h4{height: 80px; line-height: 80px; color: #fff; font-size:24px; font-weight: normal;text-align:  center;  position: absolute;bottom: 0;left:0; width: 100%;}
.xg4 dl dd{width:100%;height: 160px;background: rgba(0,0,0,0.5); position: absolute;bottom: -160px;left:0; text-align: center;}
.xg4 dl dd h4 i{width:385px;height: 57px; display: block;margin:0 auto; }
.xg4 dl dd h4 img{width: 100%; display: block;}
.xg4 dl dd h4 a{color: #fff; font-size:24px;font-weight: normal; line-height: 50px;}
.xg4 dl dd p a{ font-size: 17px; color: #ffffff;padding:0 10px; }

.xg5{width: 771px; height: 369px;float: right;}
.xg5 dl{width: 771px; height: 369px; position: relative;cursor: pointer;overflow: hidden;}
.xg5 dl dt {width: 771px; height: 369px; position: relative;}
.xg5 dl dt img{width: 100%;display: block;}
.xg5 dl dt h4{height: 80px; line-height: 80px; color: #fff; font-size:24px; font-weight: normal;text-align:  center;  position: absolute;bottom: 0;left:0; width: 100%;}
.xg5 dl dd{width:100%;height: 160px;background: rgba(0,0,0,0.5); position: absolute;bottom: -160px;left:0; text-align: center;}
.xg5 dl dd h4 i{width:385px;height: 57px; display: block;margin:0 auto; }
.xg5 dl dd h4 img{width: 100%; display: block;}
.xg5 dl dd h4 a{color: #fff; font-size:24px;font-weight: normal; line-height: 50px;}
.xg5 dl dd p a{ font-size: 17px; color: #ffffff;padding:0 10px; }

.xg_more{width: 257px;height: 242px; display: block;position: absolute;left:429px;top:511px;z-index: 1;background: url(../images/xg_more.jpg) no-repeat; text-align: center; line-height: 242px;}
.xg_more a{ font-size: 21px; color: #1f1f1f; display: block; background: url(../images/yy_btn.png) no-repeat center 150px; text-decoration: none;}
.xg dl dt h4,.xg dl dd,.xg dl:hover dt h4,.xg dl:hover dd{transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;}
.xg dl:hover dt h4{ bottom:-80px; }
.xg dl:hover dd{bottom: 0;}

/**/
.case_bj{ height:680px; overflow: hidden; background:#fff; padding-top:90px; box-sizing: border-box; font-family: "Microsoft YaHei"; }
.case_bj h2{margin-bottom: 32px;}
.case_bj h2 i{width: 400px;height: 90px;}
.case{position: relative;height: 320px;}
.case .case_scroll ul{width: 1200px;}
.case .case_scroll li{width: 290px; float: left;margin-right: 10px;}
.case .case_scroll li a{text-decoration: none;}
.case .case_scroll li img{width: 290px; height:219px; display: block;  }
.case .case_scroll li h4{font-size: 15px; color: #242424; overflow: hidden;  font-weight: normal; white-space: nowrap;background: rgba(246,246,246,0.9);padding:0 9px 0 18px; height: 49px; line-height: 49px;  text-align: left;}
.case .case_scroll li h4 i{float: right;}
.case .casehd{width:1200px;left:50%;margin-left:-600px;position:absolute;z-index:1;bottom:0px;overflow:hidden;}
.case .casehd ul{margin-left:575px;}
.case .casehd ul li{float:left;margin:0 5px;display:inline;cursor:pointer;width:10px;height:10px;background:#cfab68;border-radius: 100%;}
.case .casehd ul .on{background:#242424;}
.case li{ -webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.case li:hover{transform: translateY(-5px);}

/**/

.ys_bj h2{margin-bottom: 45px; color: #fff;}
.ys_bj h2 i{width: 414px;height: 90px;}
.ys{position: relative;}
.ys dl{width: 393px; background: #fff;float: left;margin-right: 10px; cursor:pointer;}
.ys dt{width: 393px;height:334px;overflow: hidden; }
.ys dt img{width: 393px;height:314px;display: block;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;}
.ys dd{width: 393px;height: 168px; text-align: center; padding:0 36px;border:1px solid #dddddd;border-top:0;box-sizing: border-box;}
.ys dd h3{font-size: 24px; color: #000000; overflow: hidden;  font-weight: normal; white-space: nowrap;margin-bottom: 12px;padding-bottom: 10px;position: relative;}
.ys dd h3:after{content:'';position:absolute;height:1px;width:41px;background:#8f8e8e;left:50%;bottom: 0;margin-left: -20px;}
.ys dd p{line-height: 28px; text-align: center; font-size: 15px; color: #666666;}
.ys dl:last-child{margin-right: 0;}
.ys dl{ -webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.ys dl:hover{transform: translateX(-3px);}

/**/
.pp_bj{ height:200px;padding-top: 40px; background:#f8f8f8;box-sizing: border-box;  font-family:"Microsoft Yahei"; }

.pp li{width: 320px; height: 90px; float: left;}
.pp li img{display: block;width:106px;height: 90px; float: left;}
.pp li h3{ float: left; font-weight: bold;font-size: 20px; color: #181818; margin-left: 15px;padding-top:20px;}
.pp li h3 i{display: block;  font-size:14px;color: #181818;opacity: 0.5; font-weight: normal;text-transform: capitalize;}
.pp li h3  em{display: block; font-size: 12px; color: #181818; font-weight: normal;}
.pp li:nth-child(1) h3{margin-left: 0;}
.pp li:nth-child(3){width: 300px;}
.pp li:nth-child(4){width: 256px;}


/**/
.xc_bj{ height:1107px; overflow: hidden; background: url(../images/xcbg.jpg) no-repeat center top; padding-top:75px; box-sizing: border-box; font-family: "Microsoft YaHei"; }
.xc_bj h2{margin-bottom: 85px; color: #fff;}
.xc_bj h2 i{width: 707px;height: 90px;}

.sz{height: 215px; padding-top:75px;}
.sz dl{width:290px; float: left; position: relative;}
.sz dl:after{content:'';position:absolute;height:1px;width:50px;background:#e4e3e3;top:104px;right:-50px;}
.sz dl.mo1:after{right:10px;}
.sz dl.mo2:after{right:-20px;}
.sz dl dt h4{font-weight: normal; height: 72px; line-height: 72px; text-align: center; color: #201919; font-size:20px;opacity: 0.8; }
.sz dl dt h5 span{ font-size:16px; font-weight:normal; margin-left:5px;}
.sz dl dt h5 { text-align:center;font-size:50px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#333;}

.sz dl dt img{width: 170px; height: 74px; display: block;margin:0 auto;}
.sz dl dd{ font-size: 16px;color: #201919;opacity: 0.5; line-height: 52px; text-align: center; }
.sz dl.zuihou{width:320px;margin-right: 0;}
.sz dl.zuihou:after{background: none;width: 0;}
.sz dl:hover img{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}

.xc ul{height: 419px;}
.xc li{margin-right: 7px; float: left;}
.xc li img{width: 100%; display: block;}
.xc li.xc1{width: 428px; height: 419px;}
.xc li.xc2{width: 508px; height: 205px;margin-right: 0;}
.xc li.xc2 img:nth-child(1){width: 216px;height: 205px; float: left;margin-right: 7px;margin-bottom: 8px;}
.xc li.xc2 img:nth-child(2){width: 279px;height: 205px; float: left;margin-bottom: 8px;}
.xc li.xc2 img:nth-child(3){width: 279px;height: 205px; float: left;margin-right: 7px;}
.xc li.xc2 img:nth-child(4){width: 216px;height: 205px; float: left;}
.xc li.xc4{width: 257px; height: 419px;margin-right: 0; }
.xc li img{-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.xc li img:hover{-webkit-transform:scale(1.01);-moz-transform:scale(1.01);-ms-transform:scale(1.01);transform:scale(1.01);}


/**/
.fw_bj{ height:auto; overflow: hidden; background:#fff; padding-top:40px;padding-bottom: 68px; box-sizing: border-box; font-family: "Microsoft YaHei"; }
.fw_bj h2{margin-bottom: 35px;}
.fw_bj h2 i{width: 707px;height: 90px;}

.fw{width: 1200px;line-height: 30px;font-size: 16px;clear: both;overflow: hidden;margin:0 auto;}
.m_fw{width: 100%;}
.m_fw dl{ cursor:pointer;width:19.8%;margin-right: 0.2%;box-sizing: border-box; float: left; position: relative;}
.m_fw dl dt{width: 100%; overflow: hidden;position: relative;}

.m_fw dt img{ width: 100%; display: block; }
.m_fw dd{width: 100%;background:rgba(0,0,0,.6);box-sizing: border-box;overflow: hidden; text-align: center; position:absolute; bottom:0;}
.m_fw dd img{width: 100%;display: block; height: 3em;}
.m_fw dd h4{ font-size:20px; color: #fff; height:3em;line-height: 3em;font-weight: normal; text-align: center; }
.m_fw dd p{opacity: 0;height: 0; padding:0 2em; font-size: 15px; color: #fff;  line-height: 1.5em; text-align: center;}
.m_fw dd p i{display: block;}



.m_fw dl dt:after,.m_fw dl dd,.m_fw dl dd img,.m_fw dl dd p{transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;}

.m_fw dl.cur dd{background: #96705e;}
.m_fw dl.cur dd img{ opacity: 0;height: 0; }
.m_fw dl.cur dd h4{color: #fff;}
.m_fw dl.cur dd p{height: 3.2em;opacity: 1; color: #fff; margin-bottom:2.5rem;}


/**/
.lybj{ height: auto;min-height: 563px; box-sizing: border-box; background:url(../images/lybg.jpg) no-repeat center top; padding-top:128px;  overflow: hidden; font-family:"Microsoft Yahei";}
.lybj h2{ font-size: 20px; color: #ffffff;width: 600px; float: left;text-align: center; letter-spacing: 4px; font-weight: normal;height: 107px; margin-top:20px;position: relative;}
.lybj h2:after{content:'';position:absolute;height:1px;width:52px;background:#fff;left:50%; bottom:0;margin-left: -26px;}
.lybj h2 i{width: 215px;height: 54px; display: block;margin:0 auto;}
.lybj h2 i img{width: 100%;display: block;}
.ly{width: 400px; float: left;padding-left:504px; box-sizing: border-box;position:relative;}
.ly  li{width: 275px; height: 45px; border:1px solid #d8d8d8; line-height: 45px; margin-bottom: 10px;background:none; border-radius: 5px;color: #8f8f8f;}
.ly  li input{width: 265px;height: 45px; line-height: 45px;background: none;border:0;font-size: 15px; color: #8f8f8f;text-indent: 18px;}
.ly  li select{width: 265px;height: 45px; line-height: 45px;border:0;background: none;padding-left: 20px;font-size: 15px;}
.ly  li select>option{font-size: 15px; display: block;line-height: 45px;}
.ly .submit{height: 45px;margin:15px 0;}
.ly .submit .form-btn-submit{width: 125px;height: 45px;background:#c79e68; float: left; font-size:15px;color: #ffffff; line-height: 45px; border:0;text-align: center; font-weight: normal; cursor: pointer;border-radius: 5px;}
.ly .submit .form-btn-reset{display:none;}
.ly  a.zx{position:absolute;left:200px;top:233px; width: 125px;height: 45px;background:#919191; float: left; font-size:15px;color: #ffffff; line-height: 45px; border:0;text-align: center; font-weight: normal; cursor: pointer;border-radius: 5px; display: block;}


.ly p{font-size: 13px; color: #7f7f7f;}
.ly_code{width: 200px; float: right;padding-left: 20px; box-sizing: border-box;}
.ly_code p{width: 142px;height: 222px; font-size: 15px; color: #252525; text-align: center;}
.ly_code p em{width: 122px;height: 122px;padding:10px;margin-bottom: 15px; display: block;background: url(../images/codebg.png) no-repeat center center;}
.ly_code p em img{width: 100%; display: block;}
.ly_code span{display: block; font-size: 21px; color: #1f1f1f; font-family: "Arial"; text-align: center;width: 148px;}
.ly_code span i{display: block; font-size: 13px; color: #1f1f1f;position: relative; line-height: 30px; text-align: center; height: 30px;}
.ly_code span i:before{content:'';position:absolute;height:1px;width:28px;background:#d1d1d1;top:50%;left:0;}
.ly_code span i:after{content:'';position:absolute;height:1px;width:28px;background:#d1d1d1;top:50%;right:0;}



/**/
.nswsbj{ height: auto;min-height:450px; box-sizing: border-box; /*background:url(../images/newsbg.jpg) no-repeat center top;*/ padding-top:28px; overflow: hidden; font-family:"Microsoft Yahei";}
.nswsbj h2{margin-bottom: 25px;}
.nswsbj h2 i{width: 331px;height: 90px;}
.news_con{width:1200px;height: 400px; position: relative;}
.newstit{ height: 45px;margin-bottom: 33px;}
.newstit a{ text-decoration: none; font-size: 20px; display: inline-block;color:#7e7e7e; line-height:45px; font-weight: normal;height: 45px;margin-right: 100px; text-align: center;border-bottom: 1px solid #fff;}
.newstit a:nth-child(1){margin-left: 376px;}
.newstit a.cur,.newstit a:hover{color: #000000;border-bottom: 1px solid #000000;}

.news{width:1200px;}
.news_c{height: 370px; overflow: hidden; margin-top:20px;}
.news_c dl{width:389px; height: 368px; overflow: hidden; float: left;margin-right: 16px;border-bottom: 1px solid #e5e5e5;position: relative;}
.news_c dl:after{content:'';position:absolute;height:3px;width:0;background:#c79e68;bottom:-1px;left:0;-webkit-transition:width .5s;transition:width .5s;color: #fff; z-index: 1;}
.news_c dt{ width:389px;height:240px; position: relative; overflow: hidden;}
.news_c dt img{width:389px;height:240px; display: block;}
.news_c dd{width:389px; overflow: hidden;box-sizing: border-box;padding: 27px 0 0 0;}
.news_c dd span{width: 66px; float: left;border-right: 1px solid #cccccc; height: 65px; font-size: 14px;color: #999999;font-family:Arial, Helvetica, sans-serif;}
.news_c dd span b{ font-family:Arial, Helvetica, sans-serif;font-weight: normal;font-size: 45px; color: #666; display: block;margin-top: -3px;}
.news_c dd .desc{width: 302px; float: right;}
.news_c dd h3{font-size: 17px; font-weight: normal;height: 30px; line-height: 30px;color:#222222;overflow: hidden;text-overflow: ellipsis;margin-bottom: 5px;}
.news_c dl a{ text-decoration: none;}
.news_c dd p{overflow: hidden;font-size: 14px; height: 33px; line-height: 33px; color:#999999;text-overflow: ellipsis; }
.news_c dl:nth-child(3){margin-right: 0;}
.news_con .news_hd{width:1200px;left:50%;margin-left:-600px;position:absolute;z-index:1;bottom:0px;overflow:hidden;}
.news_con .news_hd ul{margin-left:575px;}
.news_con .news_hd ul li{float:left;margin:0 5px;display:inline;cursor:pointer;width:10px;height:10px;background:#cfab68;border-radius: 100%;}
.news_con .news_hd ul .cur{background:#242424;}


.news_c dl:hover:after{width:100%;}
.news_c dl img{-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.news_c dl img:hover{-webkit-transform:scale(1.01);-moz-transform:scale(1.01);-ms-transform:scale(1.01);transform:scale(1.01);}

/**/
.aboutbj{background:url(../images/abtbg.jpg) no-repeat center top;height: 695px; font-family:"Microsoft Yahei";box-sizing: border-box; overflow: hidden; position: relative;padding-top: 135px;}

.about{width:1200px;height:353px; position: relative;}
.about .abtimg{width: 157px;height: 207px;display: block;position: absolute;right:511px;top:253px;}
.about dl{width: 665px; height: 353px;background: url(../images/abt_dlbg.png) no-repeat;padding:35px 52px 0 67px; box-sizing: border-box;float: right;margin-right: -63px;}
.about dt{margin-bottom: 15px;}
.about dt i{width: 195px;height: 50px;}
.about a{ text-decoration: none; }
.about dd {}
.about dd p{height: 105px; font-size: 14px; color: #5a5b5b;line-height: 25px; text-align: center;;}
.about dd span{display: block;width: 141px; height:38px;background: url(../images/abt_btn.png) no-repeat;text-decoration: none; margin:0 auto;-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.about a:hover span{transform: translateY(-5px);}



.link_bj{min-height:75px; overflow: hidden;background:none;margin-top: -75px; }
.link{width:1200px; margin: 0 auto; height:auto; overflow: hidden;font-family:"Microsoft Yahei";}
.link h2{font-size:16px ;font-weight:normal; text-transform: uppercase; width: 100px; float: left;height: 75px; line-height: 75px;color: #7e7e7e;}
.link h2 b{font-size: 18px;  font-weight: normal;padding-right: 35px;}
.link p{  width: 950px; float: left; overflow: hidden; line-height: 75px; color:#acacac;}
.link p a{ color: #333333; font-size: 13px;opacity: 0.5; padding: 0 35px 0 0; text-align: left; }


@-webkit-keyframes spin{
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/*animation*/
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}





/*标题*/
.cn {
    font-size: 3rem;
    color: #333;
    line-height:3.5rem;
    display: inline-block;
    *display: inline;
    zoom: 1;
    position: relative;
    padding-right: .9rem;
    padding-left: .9rem;
}
.desc {
    font-size:1.1rem;
    line-height: 2rem;
    padding-left: 6px;
    letter-spacing: 6px;
    margin-top: .4rem;
    color: #666;
}
.desc1 {
    font-size:1.1rem;
    line-height: 1.4rem;
    padding-left:5.5rem;
  

    color: #666;
}
.desc2 {
    font-size:1rem;
    line-height: 2.2rem;
    padding:1rem 0;
  

    color: #333;
}
.desc2 span{ font-size:1.5rem;}
.life-btn{ width:10rem; margin:0 auto;}
.life-btn a {margin:2rem auto; width:10rem; height: 2.3rem;   border: 1px solid #96705e;
    border-radius: 2rem;
    display: block;
    zoom: 1;
    font-size:1rem;
    line-height:2.3rem;
    color: #96705e;
    padding-right: 1.15rem;
    background-repeat: no-repeat;
    background-position:7.5rem center;
    background-image: url(../images/life-btn.png);

}
.life-btn a:hover{ background:#96705e; color:#FFF;background-image: url(../images/life-btn1.png); background-position:7.5rem center; background-repeat: no-repeat;}
.life-btn1 a:hover{ background:#96705e; color:#FFF;background-image: url(../images/life-btn1.png); background-position:7.5rem center; background-repeat: no-repeat;}
.life-btn1 a {margin:2rem 0; width:7rem; height: 2.3rem;   border: 1px solid #96705e;
    border-radius: 2rem;
    display: block;
    zoom: 1;
    font-size:1rem;
    line-height:2.3rem;
    color: #96705e;
    padding-right: 1.15rem; padding-left:2.5rem;
    background-repeat: no-repeat;
    background-position:7.5rem center;
    background-image: url(../images/life-btn.png);

}


.cn:before {
    content: "";
    position: absolute;
    bottom: 0;
    right:-1rem;
    width:.9rem;
    height:.9rem;
    border-radius: 100%;
    border: 3px solid #96705e;
    box-sizing: border-box;
}


.inxnature-min{ margin:30px auto; width:1200px;}
.aboutleft{ width:590px; float:left;}
.aboutright{ width:610px; float:right; position:relative;}
.aboutright img{ position:absolute; top:-80px; right:0;}
.aboutleft .title { font-size:30px; font-weight:normal; color:#96705e;
   }
.desc	span {
    font-size: 30px;
    line-height: 30px;
}
.yLine {
    font-size: 50px;
    line-height: 50px;
}




.inx-yearslist dl{width:590px;margin:8px 0;}

.inx-yearslist dl dd h4{font-weight: normal; height: 72px; line-height: 72px; text-align: center; color: #201919; font-size:20px;opacity: 0.8; margin:0 10px; }
.inx-yearslist dl dd span{ font-size:50px; font-family:Arial, Helvetica, sans-serif; font-weight: normal; color:#333; padding:0 10px;}
.inx-yearslist dl dd {font-size:16px; font-weight:normal; text-align:left; color:#333;}





<!--留言-->

.liuyanwai{background: url(../images/liuyanbj.jpg) center top no-repeat;}
.liuyan-left{/*background: url(../images/liu1.jpg) center top no-repeat;*/background: url(../images/liu1.png) center top ;width:380px; height:443px; margin-top:45px; float:left; margin-bottom:62px; }
.liuleftnei{padding:60px 55px;}
.liuyan-left h1{ font-size:30px; font-family:Arial, Helvetica, sans-serif; color:#FFF; font-weight:normal; text-transform:uppercase;}
.liuyan-left p{ color:#FFF; font-size:18px; margin-top:10px; margin-bottom:10px; }
.tian{ border-bottom:1px solid #b59b8e;}
.tian input{ background:none; border:none; color:#FFF; font-size:15px; width:245px; height:40px; margin-top:15px;}
.liuyan-right{margin-top:45px; background: url(../images/bai.png) center top ; width:820px; float:right; height:443px; margin-bottom:62px; }

.liuyan-right h1{ color:#666; font-size:30px; font-family:Arial, Helvetica, sans-serif; text-align:center; font-weight:normal; text-transform:uppercase; margin-top:60px;}

.liuyan-right h2{ color:#333; font-size:28px; text-align:center;font-weight:normal;}
.liuyan-right h3{ color:#666; font-size:14px; text-align:center;font-weight:normal; margin-top:10px;}
.dizhi{ margin: 50px 60px;background: url(../images/m.jpg) center bottom no-repeat;padding-bottom:50px;}
.dizhi li{ width:33%; text-align:center; float:left;}
.dizhi li h4{ color:#333; font-size:16px; font-weight:normal;}
.dizhi li p{ color:#666;font-size:14px; margin-top:7px; line-height:22px;}
.jiao{ border:none; color:#FFF; text-align:center; border-bottom:1px solid #b59b8e; background:none;width:245px; height:60px; margin-top:10px;}



.nat-title{ background:#ededed; width:1200px; margin:0 auto; text-align:center;}
.nat-title img{ margin:80px 0;}


.line {
    width: 3rem;
    height: 4px;
    background-color:#96705e;
    margin: 2rem auto;
}


.liuleftnei input:-moz-placeholder,
textarea:-moz-placeholder { 
    color: #fff;
}
.liuleftnei input:-ms-input-placeholder,
textarea:-ms-input-placeholder { 
    color: #fff;
}
.liuleftnei input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { 
    color: #fff ;
}