@charset "utf-8"; a:hover { color: #3270cc; } .yn-container { width: 1200px; margin-left: auto; margin-right: auto; } html,body { height: 100%; } .yn-wrap { height: auto; min-height: 100%; } .yn-main { padding-bottom: 164px; } /********************************动画*********************************/ @-moz-keyframes rollimage { 0% { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @-webkit-keyframes rollimage { 0% { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @-o-keyframes rollimage { 0% { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @keyframes rollimage { 0% { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } /********************************头部*********************************/ .yn-header { /* height: 156px; */ background: #fff; } .yn-top .logo { margin-top: 21px; } .yn-top-sec { float: right; margin-top: 36px; margin-right: 20px; } .yn-shift-dev li { float: left; height: 35px; margin-left: 9px; } .yn-shift-dev li a { display: block; width: 30px; height: 24px; margin-top: 6px; line-height: 24px; text-align: center; color: #999; font-size: 15px; } .yn-shift-dev li a:hover { background: #cecece; color: #fff; border-radius: 4px; } .yn-shift-dev li.fz12 a { font-size: 12px; } .yn-top-sec .yn-shift-dev { margin-right: 16px; } .yn-search { position: relative; width: 248px; height: 33px; font-size: 0; border: 1px solid #d2d2d2; } .yn-search .ipttxt { width: 190px; height: 33px; line-height: 33px; padding-left: 15px; line-height: 33px; color: #999; } .yn-search .iptbtn { position: absolute; top: 8px; right: 12px; width: 19px; height: 19px; background: no-repeat center; cursor: pointer; } .yn-nav { margin-top: 32px; padding-left: 63px; /*background: #005aba;*/ background: #137bd3; } .yn-nav-list >li { position: relative; float: left; width: 140px; padding-right: 15px; } .yn-nav-list >li.mr0 { margin-right: 0; } .yn-nav-list >li >a { display: block; text-align: center; height: 56px; color: #fff; font-size: 16px; line-height: 42px; /*border-bottom: 3px solid transparent;*/ } .yn-nav-list >li:hover > a, .yn-nav-list >li.cur >a { -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; color: #fff; /*background-color: #397cc3;*/ background-color: #005aba; /*border-bottom: 3px solid #3270cc;*/ } .yn-nav-list >li.home >a { background-image: ; background-position: center 37px; background-repeat: no-repeat; } .yn-nav-list >li.li2 >a { background-image: ; background-position: center 37px; background-repeat: no-repeat; } .yn-nav-list >li.li3 >a { background-image: ; background-position: center 37px; background-repeat: no-repeat; } .yn-nav-list >li.li4 >a { background-image: ; background-position: center 37px; background-repeat: no-repeat; } .yn-nav-list >li.li5 >a { background-image: ; background-position: center 37px; background-repeat: no-repeat; } .yn-nav-list >li.li6 >a { background-image: ; background-position: center 37px; background-repeat: no-repeat; } .yn-nav-list >li.li7 >a { background-image: ; background-position: center 37px; background-repeat: no-repeat; } /* 子导航 */ .yn-subnav-list { display: none; position: absolute; left: 50%; padding: 8px 0 7px; margin-left: -77px; width: 140px; background: ; z-index: 1; } /*.yn-subnav-list >li:first-child{padding-top: 8px;}*/ .yn-subnav-list >li { /*min-height: 24px;*/ padding: 5px 0; line-height: 24px; margin-bottom: 8px; text-align: center; font-size: 14px; color: #666; } .yn-subnav-list >li a{color: #fff;display: block;padding: 0 5px;} .yn-subnav-list >li:hover { background: #397cc3;} /*.yn-subnav-list >li:hover a{color: #000;}*/ .yn-home-banner1 { width: 1200px;margin: 0 auto;overflow: hidden; height: 400px; } .yn-home-banner1 .banner-tools, .yn-home-banner1 .yn-container { left: 50%; margin-left: -600px; } .yn-home-banner1 .yn-container { position: absolute; height: 400px; top: 0; } .yn-home-banner1 .banner-tools { width: 1200px; } .yn-lb-info1 { position: absolute; top: 50px; right: 17px; padding-right: 25px; /* width: 370px; */ width: 520px; height: 150px; /* text-align: right; */ text-align: left; background: ; } .yn-lb-info1 .title { /* padding-top: 24px; padding-bottom: 10px; font-size: 31px; font-size: 25px; font-weight: bold; color: #fff; line-height: 31px;*/ } .yn-lb-info1 .content { color: #fff; font-size: 14px; /* line-height: 38px; */ line-height: 26px; text-indent:2em; } .yn-home-service { width: 1176px; padding-left: 24px; margin: 0 auto; height: 56px; background: #137bd3; box-shadow: 3px 3px 7px #c7c8c9; } .yn-home-nav2 >li { float: left; width: 240px; height: 56px; background: no-repeat left center; } .yn-home-nav2 >li:first-child{background: none;} .yn-home-nav2 >li >a { display: block; padding-top: 0; /* padding-left: 24px; */ height: 56px;line-height: 56px;text-align: center } .yn-home-nav2 >li .title { /* padding-left: 31px; */ color: #fff; font-size: 16px; } .yn-home-nav2 >li .subtitle { line-height: 20px; font-size: 12px; color: #fff; opacity: 0.5; filter: alpha(opacity = 50); } /* .yn-home-nav2 >li.energy .title { background: no-repeat left center; } .yn-home-nav2 >li.finance .title { background: no-repeat left center; } .yn-home-nav2 >li.service .title { background: no-repeat left center; } .yn-home-nav2 >li.business .title { background: no-repeat left center; } */ .yn-home-main { padding-top: 25px; padding-bottom: 67px; } .yn-home-banner2 { width: 600px; height: 340px; } .yn-home-banner2 .banner-tools { height: 48px; background: ; } .yn-home-banner2 .banner-text p { line-height: 48px; } .yn-home-banner2 .banner-arrow .btn { position: absolute; bottom: 13px; width: 20px; height: 20px; background-color: #fff; background-repeat: no-repeat; background-position: center; cursor: pointer; } .yn-home-banner2 .banner-arrow .btn:hover, .yn-home-banner2 .banner-arrow .btn.cur { background-color: #1f7fc3; } .yn-home-banner2 .banner-arrow .pre { right: 36px; background-image: ; } .yn-home-banner2 .banner-arrow .pre:hover, .yn-home-banner2 .banner-arrow .pre.cur { background-image: ; } .yn-home-banner2 .banner-arrow .next { right: 11px; background-image: ; } .yn-home-banner2 .banner-arrow .next:hover, .yn-home-banner2 .banner-arrow .next.cur { background-image: ; } .yn-home-news1 { width: 566px; height: 340px; } .yn-home-news1 .tabcontent { padding-top: 36px; } .home-news-topinfo { height: 78px; padding-bottom: 14px; border-bottom: 2px solid #eee; overflow: hidden; } .home-news-topinfo .top-info { margin-bottom: 14px; text-align: right; color: #333; } .home-news-topinfo .top-ct { height: 42px; overflow: hidden; } .home-news-topinfo .title { line-height: 22px; } .home-news-topinfo .title a { display: block; max-width: 450px; font-weight: normal; font-size: 22px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .home-news-topinfo .time { font-size: 15px; } .home-news-topinfo p { color: #999; font-size: 12px; line-height: 21px; } .yn-home-news1 .m-news-list-1 { height: 160px; margin-top: 15px; overflow: hidden; } .yn-home-sec2 { margin-top: 50px; } .yn-home-djsj .m-news-list-2 { padding-top: 20px; } .yn-home-djsj .tabcontent { height: 300px;width:100%; } .yn-home-ztzl { overflow: hidden; } .yn-home-ztzl .content { padding-top: 16px; margin-right: -16px; } .yn-home-ztzl .m-picoptxt-item { float: left; width: 277px; height: 90px; margin-top: 14px; margin-right: 16px; border-radius: 5px; overflow: hidden; } .yn-home-ztzl .m-picoptxt-item .img { width: 277px; height: 90px; } .yn-home-ztzl .m-picoptxt-item .img:hover { -webkit-transform:scale(1.05); /* safari 和 chrome */ -moz-transform:scale(1.05); /* firefox */ -ms-transform:scale(1.05); /* ie 9 */ -o-transform:rotate(7deg); /* opera */ transform: scale(1.05); -moz-transition: all 0.4s; /* firefox 4 */ -webkit-transition: all 0.4s; /* safari 和 chrome */ -o-transition: all 0.4s; /* opera */ transition: all 0.4s; } .yn-home-sec3 { position: relative; height: 430px; margin-top: 46px; overflow: hidden; } .yn-home-sec3 .bg-img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; } .yn-home-sec3 .bg-img.roll { -moz-animation: rollimage 12s ease-in-out; -o-animation: rollimage 12s ease-in-out; -ms-animation: rollimage 12s ease-in-out; animation: rollimage 12s ease-in-out; } .yn-home-sec3 .main-sec { padding-top: 53px; } .yn-home-sec3 .m-headtt1 { border-color: #f4f7fb; } .yn-home-qywh .tabcontent { padding-top: 35px; } .yn-home-qywh .m-news-list-2 { height: 210px; padding: 15px 15px 20px 24px; background: ; overflow: hidden; } .yn-home-vedio .content { margin-top: 37px; } .yn-home-vedio .vedio1 { width: 365px; height: 240px; margin-right: 10px; } .yn-home-vedio .m-picoptxt-item .txt-box { height: 30px; line-height: 30px; text-align: left; } .yn-home-vedio .m-picoptxt-item .txt { padding-left: 17px; font-size: 13px; } .yn-home-vedio .vedio2 { margin-bottom: 10px; } .yn-home-vedio .vedio2 .txt, .yn-home-vedio .vedio3 .txt { padding-left: 10px; font-size: 12px; } .yn-home-vedio .vedio2 .txt-box, .yn-home-vedio .vedio3 .txt-box { height: 24px; line-height: 24px; font-size: 0; } .yn-home-sec4 { margin-top: 40px; } .yn-home-sec4 .m-news-list-2 { height: 245px; padding-top: 21px; overflow: hidden; } .yn-home-sec4 .m-news-list-2 li a { max-width: 360px; } .yn-home-aqsc { margin-left: 40px; margin-right: 45px; } .yn-home-complaint { padding: 1px; border: 1px solid #dcdcdc; } .yn-home-complaint .u-btn1 { width: 156px; height: 42px; margin-top: 1px; line-height: 42px; font-weight: bold; font-size: 14px; background: #e82434; } /********************************尾部*********************************/ .yn-footer { margin-top: -164px; /*background: #f1f1f1;*/ background: #137bd3; border-top: 1px solid #ddd; } .yn-footer .content { height: 123px; } .hoster-info { margin-top: 21px; margin-left: 3px; } .hoster-info p { /*color: #333;*/ color: #fff; line-height: 39px; font-size: 0; } .hoster-info p span { display: inline-block; /*color: #333;*/ color: #fff; font-size: 13px; margin-right: 39px; } .hoster-info p span.address { padding-left: 25px; background: no-repeat left center; } .hoster-info p span.tel { padding-left: 28px; background: no-repeat left center; } .hoster-info p span.email { padding-left: 26px; background: no-repeat left center; } .hoster-info p span.fax { padding-left: 26px; background: no-repeat left center; } .hoster-info p span.mr0 { margin-right: 0; } .yn-yqlink { margin-top: 42px; margin-right: 11px; } .yn-link-item { position: relative; width: 190px; height: 33px; line-height: 33px; color: #666; font-size: 14px; background: #fff no-repeat 159px center; border: 1px solid #dcdcdc; } .yn-link-item p { margin-left: 13px; } .yn-yqlink .yn-link-item { margin-right: 15px; } .yn-yqlink .yn-link-item.mr0 { margin-right: 0; } .yn-weixin { width: 73px; height: 75px; border-top: 1px solid #f7f7f7; border-left: 1px solid #f7f7f7; border-right: 2px solid #f7f7f7; border-bottom: 1px solid #ebf1f5; } .yn-yqlink .yn-weixin { margin-top: -16px; margin-left: 25px; } .yn-link-item .link-info { display: none; position: absolute; bottom: 34px; left: 0; width: 100%; height: 90px; overflow: auto; } .yn-link-item .link-info li { height: 30px; padding-left: 13px; line-height: 30px; background: #fff; } .yn-link-item .link-info li a { display: block; color: #666; font-size: 14px; } .yn-link-item .link-info li a:hover { color: #3270cc; } .yn-footer-copyright { height: 40px; line-height: 40px; text-align: right; /*font-size: 0;*/ background: #969696; overflow: hidden; } .yn-footer-copyright span { margin-left: 43px; font-size: 13px; color: #fff; } .yn-footer-copyright .views { margin-left: 6px; padding-left: 25px; text-align: left; color: #fff; font-size: 13px; background: no-repeat left center; } /****************************************修改首页 2017.9.11****************************************/ .yn-home-ad { height: 130px; margin-bottom: 25px; } .yn-home-sec5 { margin-top: 35px; } .yn-home-sec5 .content { padding-top: 10px; } .ct-dashed { padding-top: 20px; padding-bottom: 20px; border-top: 1px dashed #999; } .yn-home-sec5 .ct-dashed:first-child { border-top: none; } .yn-home-zybd .content { width: 559px; margin: 0 auto; padding-top: 11px; } .yn-home-zybd .m-picoptxt-item { height: 80px; margin-top: 7px; border-radius: 6px; overflow: hidden; } .yn-home-zybd .m-picoptxt-item .img { width: 100%; height: 80px; } .yn-home-zybd .m-picoptxt-item .txt-box { width: auto; padding: 0 23px; right: 0; height: 34px; line-height: 34px; border-top-left-radius: 6px; } .yn-home-zybd .m-picoptxt-item .txt { font-size: 16px; } .m-picoptxt-item-tr .img:hover { -webkit-transform:scale(1.05); /* safari 和 chrome */ -moz-transform:scale(1.05); /* firefox */ -ms-transform:scale(1.05); /* ie 9 */ -o-transform:rotate(7deg); /* opera */ transform: scale(1.05); -moz-transition: all 0.4s; /* firefox 4 */ -webkit-transition: all 0.4s; /* safari 和 chrome */ -o-transition: all 0.4s; /* opera */ transition: all 0.4s; } .yn-home-kw .tabcontent { margin-top: 34px; height: 245px; background: ; } .yn-home-kw .content { padding-top: 33px; padding-left: 12px; } .yn-home-kw .item { float: left; width: 100px; margin-left: 30px; } .yn-home-kw .item .img { width: 100px; height: 144px; box-shadow: 1px 2px 10px #d8d8d9; } .yn-home-kw .item .txt { padding-top: 14px; text-align: center; font-size: 13px; line-height: 18px; } .yn-g-w980 { width: 980px; } .yn-home-vedio1 .content { padding-top: 29px; margin-left: -17px; } .yn-home-vedio1 .m-picoptxt-item { float: left; width: 315px; /* height: 215px; */ height: 236px; margin-left: 17px; overflow: hidden; } .yn-home-vedio1 .m-picoptxt-item .img { width: 100%; height: 100%; } .yn-home-vedio1 .m-picoptxt-item .txt-box { height: 30px; line-height: 30px; text-align: left; font-size: 13px; } .yn-home-vedio1 .m-picoptxt-item .txt { padding-left: 13px; } .yn-home-complaint { padding: 2px; } .yn-home-complaint .u-btn1 { width: auto; margin-top: 2px; background: no-repeat center; } .yn-home-sec6 { margin-top: 52px; } .yn-home-sec6 .content { margin-left: -15px; } .yn-home-sec6 .content a { float: left; width: 390px; height: 100px; margin-left: 15px; overflow: hidden; } .yn-home-sec6 .content img { width: 390px; height: 100px; } /*轮播大图不拉伸*/ .yn-home-banner1 .banner-img>li { width: 100%; width: 1200px; margin: 0 auto; } .yn-home-banner1 .banner-img img { position: absolute; width: 1200px; left: 50%; margin-left: -600px; } .oalink{float: left;margin-right: 20px;height: 35px;line-height: 32px; } .oalink img{height: 25px; vertical-align: middle; } .trs_editor p,.trs_editor,.trs_editor div,.trs_editor td,.trs_editor span,.trs_editor a,.trs_editor font,.trs_editor li{line-height:2;font-family:宋体;font-size:14pt;} .trs_editor p,.trs_editor div{margin: 8px 0;} .trs_editor img{display: block;margin: 0 auto;max-width: 100%;height: auto;}