@charset "utf-8"; .row { clear: both; margin-top: 30px;} .hd a:hover { text-decoration: none;} .home-main { float: left; width: 650px; margin-right: 30px;} .home-side { overflow: hidden;} /* box-block */ .box-block .hd { border-bottom: 2px solid #1a7bc0; height: 45px; margin-bottom: 12px;} .box-block .hd li { float: left; } .box-block .hd li a { display: block; width: 100%; line-height: 45px;} .box-block .hd li.on { background-color: #1a7bc0; font-weight: bold;} .box-block .hd li.on a { color: #fff;} /* box-border */ .box-border .hd { border-bottom: 1px solid #d8d8d8; height: 45px; margin-bottom: 12px;} .box-border .hd h3 { font-weight: bold; font-size: 18px; float: left; padding-left: 26px;} .box-border .hd h3 a { color: #197bc2;} .box-border .hd a.more { float: right; font-size: 14px; color: #999;} .box-border .bd { clear: both;} /* row-a--------------------- */ #focusnews { width: 634px; height: 414px; border: 1px solid #e6e6e6; padding: 7px; float: left; margin-right: 30px; } #focusnews .hd { bottom: 32px;} #focusnews .bd .pic { overflow: hidden;} #focusnews .bd .pic,#focusnews .bd .pic img { width: 634px; height: 414px;} #focusnews .bd .pic img { transition:all 0.5s; } #focusnews .bd .pic:hover img { transition:all 1.05s linear; transform:scale(1.05); } /* main-news----- */ .main-news { overflow: hidden;} .topnews li { font-size: 28px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height: 74px; line-height: 74px;} .topnews li a { color: #c00f0f;} /* box-news */ .box-news .hd li { width: 25%;} /* row-bg-gd---------------- */ .row-bg-gd { min-width: 1200px; background-color: #f5f5f5; padding: 35px 0 25px;} .box-icons-gd { position: relative;} .box-icons-gd ul { overflow: hidden;} .box-icons-gd li { width: 10%; text-align: center; float: left;} .box-icons-gd .pic { transition:all 0.5s; display: block; margin: 0 auto 5px; } .box-icons-gd .pic,.box-icons-gd .pic img { width: 95px; height: 95px;} .box-icons-gd li:hover .pic {transform:rotatey(180deg); } .box-icons-gd a.arrow { position: absolute; top:35px; display: block; cursor: pointer; width: 18px; height: 32px; background: url(/uploads/image/cmbimg/icons-arrow.png) no-repeat 0 0; } .box-icons-gd a.next { right: -15px; background-position: -19px 0;} .box-icons-gd a.prev { left: -15px;} .box-icons-gd a.next:hover { background-position: -19px -34px;} .box-icons-gd a.prev:hover { background-position: 0 -34px;} /* row-b--------------------- */ .row-b { margin-bottom: 30px; overflow: hidden;} .box-notice .hd h3 { background: url(/uploads/image/cmbimg/icons-gg.png) no-repeat left center; padding-left: 30px;} .box-zbgs .hd h3 {background: url(/uploads/image/cmbimg/icons-zb.png) no-repeat left center; } .box-jyfg .hd h3 {background: url(/uploads/image/cmbimg/icons-fg.png) no-repeat left center; } .box-yqzp .hd h3 {background: url(/uploads/image/cmbimg/icons-zp.png) no-repeat left center; padding-left: 30px;} /* icons-color */ .icons-color { overflow: hidden; height: 90px; padding: 16px 0; } .icons-color li { float: left; width: 110px; text-align: center; height: 90px; margin-right: 26px; border-radius: 8px; background-color: #fd8628; overflow: hidden;} .icons-color li.last { margin-right: 0;} .icons-color li a { display: block; color: #fff; padding-top: 12px; height: 78px;} .icons-color li i { display: block; margin: 0 auto; width: 36px; height: 36px; background: url(/uploads/image/cmbimg/icons-jd.png) no-repeat center; transition:all 0.5s;} .icons-color li.li2 { background-color: #68972f;} .icons-color li.li2 i { background: url(/uploads/image/cmbimg/icons-wd.png) no-repeat center;} .icons-color li.li3 { background-color: #f05b9d;} .icons-color li.li3 i { background: url(/uploads/image/cmbimg/icons-hd.png) no-repeat center;} .icons-color li.li4 { background-color: #5578bc;} .icons-color li.li4 i { background: url(/uploads/image/cmbimg/icons-lx.png) no-repeat center;} .icons-color li:hover { opacity: 0.8;} .icons-color li:hover i { transform:rotatey(180deg);} .icons-color li:hover a { text-decoration: none;} /* ind-banner------------------ */ .ind-banner { width: 100%; max-width: 1920px; margin: 0 auto 30px;} .ind-banner .hd,.ind-banner .bd .con { display: none;} .ind-banner li { min-width: 1200px; width: 100%; height: 175px;} /* row-c--------------------- */ .row-c { margin-bottom: 30px; overflow: hidden;} .box-tab .hd li { width: 25%;} .box-tab .infopic { float: left; width: 180px; margin-right: 12px;} .box-tab .infopic li { margin-top: 5px;} .box-tab .infopic .pic { padding: 3px; border: 1px solid #e6e6e6; background-color: #fff;} .box-tab .infopic .pic a { display: block; width: 172px; height: 112px; overflow: hidden;} .box-tab .infopic .pic img { width: 172px; height: 112px; transition:all 0.5s;} .box-tab .infopic .title { overflow: hidden; height: 36px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .box-tab .infolist { overflow: hidden;} .box-tab .infopic li:hover .pic { border-color: #2a6aa7; background-color: #f6fbff; box-shadow: 0px 0px 6px 0px rgba(29, 29, 29, 0.2); } .box-tab .infopic li:hover .pic img { transition:all 1.05s linear;-moz-transition:all 1.05s linear;-o-transition:all 1.05s linear;-webkit-transition:all 1.05s linear; -webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-m-transform:scale(1.05);transform:scale(1.05); } /* box-kj----------------- */ .box-kj { width: 1200px; margin: 0 auto;} .box-kj .hd { width: 98px; height: 86px; padding-right: 7px; background: url(/uploads/image/cmbimg/hd.png) no-repeat; float: left; margin-right: 30px;} .box-kj .hd h3 { font-size: 24px; line-height: 30px; color: #fff; padding: 10px 25px;} .box-kj .bd { overflow: hidden;} .box-kj .bd li { width: 232px; height: 78px; padding: 3px; border: 1px solid #e6e6e6; float: left; margin-right: 35px; transition:all 0.5s;} .box-kj .bd li .tit { display: none;} .box-kj .bd li.last { margin-right: 0;} .box-kj .bd .pic { width: 232px; height: 78px; overflow: hidden; display: block;} .box-kj .bd .pic img { transition:all 0.5s;} .box-kj .bd li:hover { border-color: #2a6aa7; background-color: #f6fbff; box-shadow: 0px 0px 6px 0px rgba(29, 29, 29, 0.2); } .box-kj .bd li:hover .pic img { transition:all 1.05s linear;-moz-transition:all 1.05s linear;-o-transition:all 1.05s linear;-webkit-transition:all 1.05s linear; -webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-m-transform:scale(1.05);transform:scale(1.05); } /* pf-rool */ .pf-rool { right: 50%; top: 270px; position: fixed; margin-right: 620px; z-index: 9; *display: none !important; width: 200px; } .pf-rool .hd,.pf-rool .bd .con { display: none;} .pf-rool a.close { -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s; z-index: 9; position: absolute; right: 0; top: -10px; font-size: 12px; display: block; width: 16px; height: 16px; background-color: #1a7bc0; border-radius: 100%; text-align: center; line-height: 16px; color: #fff; border: 1px solid #fff; } .pf-rool a.close:hover {text-decoration: none; transform: rotate(360deg) ;} .pf-rool .bd li { margin-bottom: 5px;} .pf-rool .bd img { width: 200px;} @media screen and (max-width: 1360px) { .pf-rool { right: auto; left: 0; margin-right: 0; } } /* pf-rool-right */ .pf-rool-right { left: 50%; top: 270px; position: fixed; margin-left: 620px; z-index: 9; *display: none !important; width: 110px; } .pf-rool-right .hd,.pf-rool-right .bd .con { display: none;} .pf-rool-right a.close { -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s; z-index: 9; position: absolute; right: 0; top: -10px; font-size: 12px; display: block; width: 16px; height: 16px; background-color: #1a7bc0; border-radius: 100%; text-align: center; line-height: 16px; color: #fff; border: 1px solid #fff; } .pf-rool-right a.close:hover {text-decoration: none; transform: rotate(360deg) ;} .pf-rool-right .bd li { margin-bottom: 5px;} .pf-rool-right .bd img { width: 110px;} @media screen and (max-width: 1360px) { .pf-rool-right { left: auto; right: 0; margin-right: 0; } }