/***********旅游平昌*************/ .is-head{ position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 92px; background: #c22927;} .is-head .container{ width: 1200px; margin: 0 auto;} .is-head .container span.fl{ display: block; padding-top: 14px;} .m-nav{ width: 820px; float: right;} .m-nav li{ height: 92px; float: left;} .m-nav li a{ display: block; height: 92px; line-height: 92px; padding: 0 40px; font-size: 18px; color: #fff;} .m-nav li a:hover, .m-nav li a.hover{ background: #a01513; text-decoration: none;} .u-page{ width: 100%; height: 100%;} .m-page1{ position: relative; width: 100%; height: 100%; background: url("/wwwjxsyczjcom/media/images/about/box_bg1.jpg") no-repeat center top; background-size:cover;} .m-page2{ position: relative; width: 100%; height: 100%; background: url("/wwwjxsyczjcom/media/images/about/box_bg2.jpg") no-repeat center top; background-size:cover;} .m-page3{ position: relative; width: 100%; height: 100%; background: url("/wwwjxsyczjcom/media/images/about/box_bg3.jpg") no-repeat center top; background-size:cover;} .m-page4{ position: relative; width: 100%; height: 100%; background: url("/wwwjxsyczjcom/media/images/about/box_bg4.jpg") no-repeat center top; background-size:cover;} .u-lydt{ position: absolute; left: 50%; top: 140px; margin-left: -600px; width: 1140px; height: 345px; padding: 175px 30px 0; background: url("/wwwjxsyczjcom/media/images/about/box_bg1.png") repeat;} .u-lydt h2{ position: absolute; top: 38px; left: 50%; margin-left: -188px; width: 377px; height: 110px;} .m-flash{ overflow: hidden; width:460px; height:320px; float: left;} .jquery-slider-slide{ position: relative;} .m-flash .mask{height:40px;position:absolute;bottom:0;left:0;display:block; width:100%; display: block; FILTER: alpha(opacity=50);opacity: 0.5; background:#000;} .m-flash .comt{width:100%;color:#fff;position:absolute;left:0;bottom:0;height:40px; text-indent:1em; text-align:left; overflow:hidden; font-size:12px; line-height:40px; } .m-flash .comt a{ color:#fff; font-size: 14px;} .jquery-slider-wrapper{position:relative;clear:both;zoom:1;} .jquery-slider-slide{display:none;margin:0;padding:0;position:absolute;left:0;top:0;width:100%;} .jquery-slider-slide img{border:0;margin:0;padding:0; width:460px; height: 320px;} .jquery-slider-slide-current{display:block;z-index:2;} .jquery-slider-slide-next{display:block;z-index:1;} .jquery-slider-selectors{display:block;overflow:hidden;position:absolute;bottom:15px;right:10px;z-index:3;} .jquery-slider-selector{background:url("/wwwjxsyczjcom/media/images/about/num.png") no-repeat -20px 0;display:inline;float:left;width:8px;height:8px;margin:0 0 0 10px;} .jquery-slider-selector-current{background:url("/wwwjxsyczjcom/media/images/about/num.png") no-repeat 0 0;} .jquery-slider-selector span{display:none;} .jquery-slider-control{display:none;right:50%;top:50%;position:absolute;cursor:pointer;width:48px;height:69px;margin-top:-34px;margin-right:-24px;z-index:4;} .jquery-slider-control span{display:none;} .jquery-slider-control-play{ display: none;} .jquery-slider-control-pause{ display: none;} .jquery-slider-hovered .jquery-slider-control{display:block;} .jquery-slider-navigation{display:block;} .jquery-slider-navigation-prev{display:none;left:0;top:50%;position:absolute;cursor:pointer;width:40px;height:66px;margin-top:-33px;z-index:4;} .jquery-slider-navigation-prev span{display:none;} .jquery-slider-navigation-next{display:none;right:0;top:50%;position:absolute;cursor:pointer;width:40px;height:66px;margin-top:-33px;z-index:4;} .jquery-slider-navigation-next span{display:none;} .jquery-slider-hovered .jquery-slider-navigation-prev,.jquery-slider-hovered .jquery-slider-navigation-next{display:block;} .jquery-slider-wrapper .caption{padding:6px 10px;background:#333333;font-size:13px;position:absolute;bottom:10px;left:10px;color:#FFFFFF;} .jquery-slider-timer{color:#000000;height:3px;width:100%;position:absolute;bottom:0;left:0;z-index:4;} .jquery-slider-timer-bar{background:#000000;opacity:0.5;height:3px;width:0;float:left;display:inline;} .m-dynamic{ width: 660px; height: 320px; float: right; overflow: hidden;} .m-dynamic ul{ padding:0; overflow: hidden;} .m-dynamic ul li{ height: 45px; line-height: 45px; border-bottom: 1px dashed #cab4b4; background: url("/wwwjxsyczjcom/media/images/about/arr1.png") no-repeat 8px center; padding: 0 12px 0 28px;} .m-dynamic ul li span{ font-size: 14px; color: #666; float: right;} .m-dynamic ul li a{ font-size: 16px;} .u-lyzn{ position: absolute; left: 50%; top: 140px; margin-left: -600px; width: 1140px; height: 390px; padding: 170px 30px 0; background: url("/wwwjxsyczjcom/media/images/about/box_bg1.png") repeat;} .u-lyzn h2{ position: absolute; top: 25px; left: 50%; margin-left: -186px; width: 371px; height: 103px;} .u-guide{ width: 1140px; height: 365px; overflow: hidden; background: #fff;} .u-guide .hd{ width: 93px; height: 366px; float: left;} .u-guide .hd ul{ width: 85px; height: 366px;} .u-guide .hd ul li{ position: relative; width: 85px; height: 60px; margin-bottom: 1px;} .u-guide .hd ul li a{ display: block; width: 85px; height: 60px; line-height: 60px; text-align: center; font-size: 24px; font-weight: bold; color: #e00b0b; background: #eee;} .u-guide .hd ul li a:hover{ text-decoration: none;} .u-guide .hd ul li.on a{ color: #fff; background: #e00b0b;} .u-guide .hd ul li.on a i{ position: absolute; right: -8px; top: 1px; display: block; width: 8px; height: 13px; background:url("/wwwjxsyczjcom/media/images/about/tab_icon.png") no-repeat;} .u-guide .bd{ width: 1025px; height: 365px; overflow: hidden; float: right;} .u-guide .bd ul{ padding-top: 19px; overflow: hidden; zoom:1;} .u-guide .bd ul li{ width: 244px; height: 326px; float: left; margin-right: 10px;} .u-guide .bd ul li p{ line-height: 30px; text-indent: 2em; text-align: justify; padding: 14px 9px 0; font-size: 14px;} .u-guide .bd ul li p a{ color: #c2770b;} .z-pic{ position: relative; width: 244px; height: 190px; overflow: hidden;} .z-pic img{ width: 244px; height: 190px; -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.35s; -o-transition: -o-transform 0.35s; -moz-transition: -moz-transform 0.35s; -ms-transition: -ms-transform 0.35s; transition: transform 0.35s; } .z-pic a:hover img{ -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .z-pic .mask{height:50px;position:absolute;bottom:0;left:0;display:block; width:100%; display: block; FILTER: alpha(opacity=50);opacity: 0.5; background:#000;} .z-pic .comt{width:100%;color:#fff;position:absolute;left:0;bottom:0;height:50px; text-align:center; overflow:hidden; font-size:16px; line-height:50px; } .z-pic .comt a{ color:#fff; font-size: 16px;} .u-tsly{ position: absolute; left: 50%; top: 140px; margin-left: -600px; width: 1150px; height: 430px; padding: 140px 25px 0;} .u-tsly h2{ position: absolute; top: 30px; left: 50%; margin-left: -186px; width: 375px; height: 97px;} .tslyList{ width: 1150px; height: 370px; background: #fff; overflow: hidden;} .tslyList ul{ padding: 10px 0 0 10px; width: 1200px; overflow: hidden; zoom:1;} .tslyList ul li{ width: 210px; height: 350px; float: left; margin-left: 17px; overflow: hidden;margin-top:10px;} .tslyList ul li a:hover{ color: #fff; text-decoration: none;} .tslyList ul li .pic{ width: 210px; height: 120px; overflow: hidden;} .tslyList ul li .pic img{ width: 210px; height: 120px; -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.35s; -o-transition: -o-transform 0.35s; -moz-transition: -moz-transform 0.35s; -ms-transition: -ms-transform 0.35s; transition: transform 0.35s; } .tslyList ul li a:hover .pic img{ -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .tslyList ul li .text{ width: 174px; height: 220px; padding: 10px 18px 0; -webkit-transition: all 0.55s; -o-transition: all 0.55s; -moz-transition: all 0.55s; -ms-transition: all 0.55s; transition: all 0.55s; } .tslyList ul li .text1{ background: #d99221;} .tslyList ul li a:hover .text1{ background: #B77C1A;} .tslyList ul li .text2{ background: #ee7878;} .tslyList ul li a:hover .text2{ background: #C66464;} .tslyList ul li .text3{ background: #37c79d;} .tslyList ul li a:hover .text3{ background: #2C9D7C;} .tslyList ul li .text4{ background: #ea6641;} .tslyList ul li a:hover .text4{ background: #B95236;} .tslyList ul li .text5{ background: #1fc5cf;} .tslyList ul li a:hover .text5{ background: #1CA7AF;} .tslyList ul li .text6{ background: #ee7878;} .tslyList ul li a:hover .text6{ background: #C66464;} .tslyList ul li .text7{ background: #37c79d;} .tslyList ul li a:hover .text7{ background: #2C9D7C;} .tslyList ul li .text8{ background: #ea6641;} .tslyList ul li a:hover .text8{ background: #B95236;} .tslyList ul li .text h3{ height: 26px; line-height: 26px; text-align: center; font-size:18px; color: #fff;} .tslyList ul li .text p{ line-height: 30px; padding-top: 10px; text-align: justify; color: #fff; font-size: 14px; text-indent: 2em;} .tslyList ul li span{ display: block; height: 28px; line-height: 28px; text-align: right;font-size: 12px; color: #fff;} .tslyList ul li span a{font-size: 12px; color: #fff;} .u-yxpc{ position: absolute; left: 50%; top: 140px; margin-left: -600px; width: 1140px; height: 380px; padding: 126px 30px 0;} .u-yxpc h2{ position: absolute; top: 0; left: 50%; margin-left: -185px; width: 350px; height: 97px;} .videoBox{ width: 1140px; height: 378px; overflow: hidden; position: relative;} .videoBox ul{ width: 1200px; overflow: hidden; zoom:1;} .videoBox ul li{ position: absolute; overflow: hidden;} .videoBox ul li div{position:relative;} .videoBox ul li img{-webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.35s; -o-transition: -o-transform 0.35s; -moz-transition: -moz-transform 0.35s; -ms-transition: -ms-transform 0.35s; transition: transform 0.35s;} .videoBox ul li :hover img{ -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .videoBox ul li p{ position: absolute; left: 0; top: 0; display: block; text-align: justify; text-align: center; color: #fff; background: url("/wwwjxsyczjcom/media/images/about/box_bg2.png") repeat; opacity: 0; -webkit-transition: opacity 0.35s; -o-transition: opacity 0.35s; -moz-transition: opacity 0.35s; -ms-transition: opacity 0.35s; transition: opacity 0.35s; } .videoBox ul li a:hover p{ opacity: 1; } .videoBox ul li.ab_01{width: 380px; height: 190px; left:0; top:0;} .videoBox ul li.ab_01 img,.videoBox ul li.ab_02 img{width: 390px; height: 190px;} .videoBox ul li.ab_01 p,.videoBox ul li.ab_02 p{width: 307px; height: 108px; padding: 80px 37px 0; line-height: 34px;} .videoBox ul li.ab_02{width: 380px; height: 190px; left:0; bottom:0;} .videoBox ul li.ab_03{width: 278px; height: 126px; left:380px; top:0;} .videoBox ul li.ab_03 img{width: 278px; height: 126px;} .videoBox ul li.ab_03 p{width: 260px; height: 78px; padding: 48px 9px 0; line-height: 34px;} .videoBox ul li.ab_04{width: 209px; height: 126px; left:658px; top:0;} .videoBox ul li.ab_04 img{width: 209px; height: 126px;} .videoBox ul li.ab_04 p{width: 191px;height: 91px;padding: 36px 9px 0;line-height: 34px;} .videoBox ul li.ab_05{width: 273px; height: 126px; right:0; top:0;} .videoBox ul li.ab_05 img,.videoBox ul li.ab_06 img{width: 273px; height: 126px;} .videoBox ul li.ab_05 p,.videoBox ul li.ab_06 p{width: 255px;height: 78px;padding: 48px 9px 0;line-height: 34px;} .videoBox ul li.ab_06{width: 273px; height: 126px; right:0; top:126px;} .videoBox ul li.ab_07{width: 380px; height: 126px; right:0; bottom:0;} .videoBox ul li.ab_07 img,.videoBox ul li.ab_08 img{width: 380px; height: 126px;} .videoBox ul li.ab_07 p,.videoBox ul li.ab_08 p{width: 362px; height: 79px;padding: 48px 9px 0;line-height: 34px;} .videoBox ul li.ab_08{width: 380px; height: 126px; left:380px; bottom:0;} .videoBox ul li.ab_09{width: 487px; height: 126px; left:380px; top:126px;} .videoBox ul li.ab_09 img{width: 487px; height: 126px;} .videoBox ul li.ab_09 p{width: 469px; height: 79px;padding: 48px 9px 0;line-height: 34px;} /* .videoBox ul li{ position: relative; width: 366px; height: 260px; overflow: hidden; float: left; margin-right: 20px;} .videoBox ul li img{ width: 366px; height: 260px; -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.35s; -o-transition: -o-transform 0.35s; -moz-transition: -moz-transform 0.35s; -ms-transition: -ms-transform 0.35s; transition: transform 0.35s; } .videoBox ul li :hover img{ -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .videoBox ul li p{ position: absolute; left: 0; top: 0; display: block; width: 256px; height: 190px; padding: 70px 55px 0; line-height: 34px; text-align: justify; text-indent: 2em; color: #fff; background: url("/wwwjxsyczjcom/media/images/about/box_bg2.png") repeat; opacity: 0; -webkit-transition: opacity 0.35s; -o-transition: opacity 0.35s; -moz-transition: opacity 0.35s; -ms-transition: opacity 0.35s; transition: opacity 0.35s; } .videoBox ul li a:hover p{ opacity: 1; } */ .u-foot{ position: absolute; left: 0; bottom: 0; width: 100%; padding:10px 0 15px; line-height: 26px; text-align: center; color: #fff; font-size: 14px; background: url("/wwwjxsyczjcom/media/images/about/foot_bg.png") repeat;} /***********走进平昌*************/ .m-aNav{ width: 930px; float: right;} .m-aNav li{ height: 92px; float: left;} .m-aNav li a{ display: block; height: 92px; line-height: 92px; padding: 0 15px; font-size: 18px; color: #fff;} .m-aNav li a:hover{ background: #a01513; text-decoration: none;} .is-page1{ width: 100%; height: 247px; padding-top: 495px; background: url("/wwwjxsyczjcom/media/images/about/about_banner2.jpg") no-repeat center 20px;} .m-intro{ position: relative; width: 1200px; height: 210px; margin: 0 auto; background: url("/wwwjxsyczjcom/media/images/about/box_bg3.png") repeat; top: 130px;} .m-intro h2{ position: absolute; left: 28px; top: 28px; width: 40px; height: 80px; background: url("/wwwjxsyczjcom/media/images/about/about_sprites.png") no-repeat 0 0; overflow: hidden; text-indent: 999em;} .m-intro p{ line-height: 34px; text-indent: 2em; text-align: justify; padding: 22px 68px 0 130px;} .is-page2{ width: 100%; height: 577px; background: #00bde6;} .m-about1{ width: 1200px; overflow: hidden; margin: 0 auto;} .m-about1 ul{ width: 1300px; overflow: hidden; zoom:1; padding-top: 26px;} .m-about1 ul li{ width: 370px; height: 254px; float: left; margin: 0 44px 12px 0;} .m-about1 ul li h2{ width: 114px; height: 50px; line-height: 50px; padding-left: 46px; margin: 0 auto; background: url("/wwwjxsyczjcom/media/images/about/about_sprites.png") no-repeat;} .m-about1 ul li.a1 h2{ background-position: -415px 6px;} .m-about1 ul li.a2 h2{ background-position: -415px -42px;} .m-about1 ul li.a3 h2{ background-position: -415px -93px;} .m-about1 ul li.a4 h2{ background-position: -415px -141px;} .m-about1 ul li.a5 h2{ background-position: -415px -190px;} .m-about1 ul li.a6 h2{ background-position: -415px -245px;} .m-about1 ul li h2 a{ font-size: 24px; color: #fff; font-weight: normal;} .m-about1 ul li p{ line-height: 32px; color: #fff; text-align: justify; text-indent: 2em;} .m-about1 ul li p a{ font-size: 14px; color: #fff;} .is-page3{ width: 100%; height: 878px; background: #dc9093;} .m-culture{ width: 1200px; padding-top: 22px; overflow: hidden; margin: 0 auto;} .m-culture .box{ width: 1300px; overflow: hidden; zoom:1;} .u-panel{ width: 280px; height: 313px; float: left; margin-right: 27px;} .u-panel h2{ width: 225px; height: 39px; margin: 0 auto 21px;} .u-panel .pic{ width: 280px; height: 156px;} .u-panel p{ padding: 6px 6px 0; line-height: 26px; color: #fff; text-indent: 2em; text-align: justify;} .u-panel p a{ color: #fff; font-size: 14px;} .u-panel .list{ width: 280px; overflow: hidden;} .u-panel .list ul{ width: 340px; padding: 6px 0 0 5px; overflow: hidden; zoom:1;} .u-panel .list ul li{ width: 90px; height: 26px; line-height: 26px; float: left; background: url("/wwwjxsyczjcom/media/images/about/arr2.png") no-repeat left center; padding-left: 10px;} .u-panel .list ul li a{ color: #fff; font-size: 14px;} .u-panel .list1 ul li{ width: 138px;} .is-page4{ width: 100%; height: 599px; padding-top: 26px; background: #f2d06a;} .m-scenery{ position: relative; width: 1200px; height: 575px; overflow: hidden; margin: 0 auto;} .m-scenery h2{ position: absolute; left: 390px; top: 213px; width: 487px; height: 163px;} .m-scenery li{ position: absolute; overflow: hidden;} .m-scenery li img{ -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.35s; -o-transition: -o-transform 0.35s; -moz-transition: -moz-transform 0.35s; -ms-transition: -ms-transform 0.35s; transition: transform 0.35s; } .m-scenery li a:hover img{ -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .m-scenery li p{ position: absolute; left: 0; top: 0; display: block; line-height: 34px; text-align: center; color: #fff; background: url("/wwwjxsyczjcom/media/images/about/box_bg2.png") repeat; opacity: 0; font-size: 16px; -webkit-transition: opacity 0.35s; -o-transition: opacity 0.35s; -moz-transition: opacity 0.35s; -ms-transition: opacity 0.35s; transition: opacity 0.35s; } .m-scenery li a:hover p{ opacity: 1;} .m-scenery li.s1{ width: 390px; height: 292px; left: 0; top: 0;} .m-scenery li.s1 img{ width: 390px; height: 292px;} .m-scenery li.s1 p{ width: 280px; height: 172px; padding: 120px 55px 0;} .m-scenery li.s2{ width: 278px; height: 213px; left: 390px; top: 0;} .m-scenery li.s2 img{ width: 278px; height: 213px;} .m-scenery li.s2 p{ width: 198px; height: 143px; padding: 70px 40px 0;} .m-scenery li.s3{ width: 209px; height: 213px; left: 668px; top: 0;} .m-scenery li.s3 img{ width: 209px; height: 213px;} .m-scenery li.s3 p{ width: 129px; height: 143px; padding: 70px 40px 0;} .m-scenery li.s4{ width: 322px; height: 213px; left: 877px; top: 0;} .m-scenery li.s4 img{ width: 322px; height: 213px;} .m-scenery li.s4 p{ width: 242px; height: 123px; padding: 90px 40px 0;} .m-scenery li.s5{ width: 322px; height: 163px; left: 877px; top: 213px;} .m-scenery li.s5 img{ width: 322px; height: 163px;} .m-scenery li.s5 p{ width: 242px; height: 100px; padding: 63px 40px 0;} .m-scenery li.s6{ width: 404px; height: 199px; left: 796px; top: 376px;} .m-scenery li.s6 img{ width: 404px; height: 199px;} .m-scenery li.s6 p{ width: 264px; height: 120px; padding: 79px 70px 0;} .m-scenery li.s7{ width: 405px; height: 199px; left: 390px; top: 376px;} .m-scenery li.s7 img{ width: 405px; height: 199px;} .m-scenery li.s7 p{ width: 265px; height: 120px; padding: 79px 70px 0;} .m-scenery li.s8{ width: 390px; height: 283px; left: 0; top: 292px;} .m-scenery li.s8 img{ width: 390px; height: 283px;} .m-scenery li.s8 p{ width: 250px; height: 163px; padding: 120px 70px 0;} .is-page5{ width: 100%; height: 225px; padding-top: 45px; background: #7bcab8;} .m-active{ position: relative; width: 1018px; height: 173px; margin: 0 auto; background: url("/wwwjxsyczjcom/media/images/about/line_bg.png") no-repeat center center; margin: 50px auto;} .m-active li{ width: 108px; height: 108px; position: absolute;} .m-active li img{ -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform 0.35s; -o-transition: -o-transform 0.35s; -moz-transition: -moz-transform 0.35s; -ms-transition: -ms-transform 0.35s; transition: transform 0.35s; } .m-active li a:hover img{ -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } .m-active li.a1{ left: 0; top: 37px;} .m-active li.a2{ left: 190px; top: 0;} .m-active li.a3{ left: 370px; top: 65px;} .m-active li.a4{ left: 550px; top: 15px;} .m-active li.a5{ left: 730px; top: 62px;} .m-active li.a6{ left: 909px; top: 19px;} .is-foot{ width: 100%; padding: 10px 0 20px 0; line-height: 28px; text-align: center; background: #0068b7; font-size: 14px; color: #fff;} .is-foot{ width: 100%; height: 86px; line-height: 86px; text-align: center; background: #0068b7; font-size: 14px; color: #fff;} .section-5{height: auto!important; padding-top:0!important;}