@charset "utf-8"; .ow { overflow: hidden; } .scaleimg { overflow: hidden; -webkit-transform: rotate(0deg); transform: rotate(0deg); } .scaleimg img { width: 100%; height: 100%; -webkit-transition: transform .5s; transition: transform .5s; } .scaleimg:hover img { transform:scale(1.05); -webkit-transform:scale(1.05); } .x-container{ background: url(../image/ind_1.jpg) repeat 0 0; } /*shouye*/ .ind_1 img{ display: block; width: 100%; height: 750px;} .tit_com{ position: relative; } .t_more{ position: absolute; font-family: arial; right: 0; top:50%; margin-top:-12px; line-height: 24px; } .t_more:hover{ color:#0051a0; } .t_more .i1{ position: absolute; width: 14px; height: 100%; left:0; top:0; background:url(../image/tit1.png) no-repeat center; } .t_more .i2{ position: absolute; width: 14px; height: 100%; right:0; top:0; background:url(../image/tit2.png) no-repeat center; } .t_more:hover .i1{ background-image:url(../image/tit1a.png); } .t_more:hover .i2{ background-image:url(../image/tit2a.png); } .tit_com .t3{ overflow: hidden; } .tit_com .t3 i{ font-style: normal; color:#0051a0; } .tit_com span.en{ font-size: 26px; color:#707070; display: inline-block; vertical-align: middle; position: relative; top:2px; font-family: arial; text-transform: capitalize; font-family: "avian"; } .tit_com span.on{ font-size: 26px; padding-right: 10px; color:#333; top:0px; display: inline-block; vertical-align: middle; } .tit_com .ico{ float: left; padding-right: 10px; display: inline-block; vertical-align: middle;} .tit_com .ico img{ display: block; width: 28px; } .mbx{ padding:40px 0 25px; } .mbx .col_news_head{padding-left: 10px; line-height: 24px; text-align: right; } .mbx .col_news_head span{ padding:0 5px; } /*鏂伴椈*/ .news_1{ height:360px; } .news_2{ padding:55px 0 35px; } .news_2 .l{ float: left; width: 300px; box-shadow: 0px 0px 5px rgba(0,0,0,0.1); margin-bottom: 60px; position: relative; padding-bottom: 30px; background:#fff url(../image/new4.png) no-repeat right bottom; } .news_2 .l .col_menu_head{ line-height: 1; color:#fff; font-size: 20px; position: relative; z-index: 5; padding:20px 20px 20px; background:url(../image/new1.jpg) no-repeat center; background-size: cover;} .news_2 .l .col_menu_head h3{ position: relative; z-index: 5; font-weight: normal; } .news_2 .l .col_menu_head h3 i{ display: block; font-style: normal; font-family: "avian"; padding-top: 5px; } .news_2 .l .wp_listcolumn>.wp_column{ line-height: 46px; position: relative; background: rgba(255,255,255,0.2); position: relative; } .news_2 .l .wp_listcolumn{ padding:0 20px; } .news_2 .wp_listcolumn>.wp_column > a{ display:block; font-size: 16px; padding-left: 30px; position: relative; z-index: 5; border-bottom: 1px solid #c0c0c0; } .news_2 .wp_listcolumn>.wp_column.selected > a { background:#464d95; margin-right: -30px; margin-top:-1px; z-index: 5; color:#fff; } .news_2 .wp_listcolumn>.wp_column .i1{ position: absolute; width: 8px; height: 8px; border-radius: 50%; border:2px solid #c0c0c0; left:10px; top:18px; z-index: 50; } .news_2 .wp_listcolumn>.wp_column.selected .i1{ border-color:#fff; } .news_2 .wp_listcolumn>.wp_column .i2{ position: absolute; width: 24px; height: 100%; background:url(../image/new3.png) no-repeat center; right:15px; top:0; display: none; } .news_2 .wp_listcolumn>.wp_column .selected .i2{ display: block; } .wp_subcolumn{ border-bottom: 1px solid #c0c0c0; } .wp_subcolumn a{ position: relative; padding-left: 30px; display: block; } .wp_subcolumn .selected>a{ color:#1d419f; background:#f2f2f2; margin-right: -20px; } .news_2 .wp_listcolumn>.wp_column > a:after{ content:""; position: absolute; width: 24px; height: 100%; background:url(../image/new3a.png) no-repeat center; right:25px; top:0; display: none; } .news_2 .wp_subcolumn .wp_column:hover .i2{ display: block; } .news_2 .wp_listcolumn>.wp_column.selected > a:after{ display: block; } .news_2 .r{ overflow: hidden; padding-left: 30px; position: relative; } .news_2 .r .col_news_head h3{ line-height: 1; font-size:26px; font-weight: normal; border-bottom: 1px solid #c0c0c0; position: relative; padding-left: 30px; background:url(../image/new1.png) no-repeat left top; padding-bottom: 15px; } .news_2 .r .col_news_head{ } .news_2 .r .cont{ overflow: hidden; position: relative; padding-top:20px; } .news_2 .r .cont .wp_article_list_table li{ border-bottom: 1px solid #e4e4e4; padding-bottom: 12px; position: relative; } .news_2 .r .cont .wp_article_list_table li + li{ margin-top: 12px; } .news_2 .r .cont .wp_article_list_table li .news_title4{ position: relative; font-size: 16px; padding-left:40px; background:url(../image/new2.png) no-repeat left center;margin-top:10px; } .news_2 .r .news_date{ display: block; color:#707070; font-family: arial; position: absolute; right: 0; top:0; font-size: 16px; } .news_2 .r .cont .wp_article_list_table li a{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; padding-right: 105px; } .news_2 .r .cont .wp_article_list_table li:hover{ color:#2588e4; } .news_2 .r .cont .wp_article_list_table li:hover .news_title4{ background-image:url(../image/new2a.png); } .news_2 .r .cont .wp_article_list_table li:hover .news_date{ color:#2588e4; } .news_2 .page{ padding-top: 45px; } .news_2 .mbx{ position: absolute; right: 0; top:0; padding:0; z-index: 10; } /*璇︽儏椤?/ .details_1{ padding-bottom: 35px; } .details_1 .l .cont{ overflow: hidden; padding:45px 50px 35px; position: relative; background:#fff; box-shadow: 0px 0px 5px rgba(0,0,0,0.1); } .details_1 h1{ font-size: 26px; font-weight: normal; text-align: center; } .details_1 .arti_metas{ padding:24px 0 27px; text-align: center; color:#707070; } .details_1 .arti_metas .arti_update{ line-height: 20px; font-family: arial; display: inline-block; } .details_1 .arti_metas .arti_views{ padding-left: 35px; line-height: 20px; font-family: arial; display: inline-block; } .details_1 .wp_arcitlecontent img{ max-width: 100%; } .details_1 .l{ float: left; width: 1070px; } .details_1 .r{ float: right; width: 300px; } .entry{ padding-top:35px; border-top: 1px solid #dedede; font-size: 16px; } .x-container{ background:#f6f6f6; } .col_details_head{ line-height: 48px; padding-left: 20px; background:url(../image/head.jpg) no-repeat center; } .col_details_head h3{ float: left; font-weight: normal; font-size: 22px; color:#fff; } .col_details_head h4{ float: left; font-weight: normal; font-size: 20px; color:#fff; font-family: "avian"; text-transform: capitalize; position: relative; top:4px; padding-left: 12px; } .col_details .cont{ padding:10px 20px 30px; box-shadow: 0px 0px 10px rgba(0,0,0,0.2); background:#fff; } .col_details .cont a{ display: block; padding-left: 23px; line-height: 24px; text-align: justify; position: relative; min-height: 48px; } .col_details li{ padding:10px 0; border-bottom:1px solid #dedede; } .col_details .cont a:before{ content:""; position: absolute; width: 8px; height: 8px; border:2px solid #dedede; left:0; top:7px; border-radius: 50%; } .col_details .w{ padding-bottom: 15px; } .news_1{ position: relative; z-index:1; } .ind_1{ position: relative; z-index:1; } .ind_1 .li{ height:750px; } .ind_1 .li .cont{ position: absolute; left:0; top:46%; transition:all 1s; -webkit-transition:all 1s; opacity: 0; transform:translateY(50px); -webkit-transform:translateY(50px);margin-left: 17%; } .ind_1 .li .cont .ten{ color:#fff; line-height: 70px; font-family: arial; font-size: 50px; } .ind_1 .li .cont .t3{ color:#fff; line-height: 70px; font-family: arial; font-size: 56px; } .ind_1 .li .x-wrap{ height: 100%; } .ind_1.anim .slick-active .li .cont{ opacity: 1; transform:translateY(0px); -webkit-transform:translateY(0px); } .ind_1 a{ display: block; height: 100%; } .ind_2{ padding:50px 0; background: #fff; } .ind_2 .cont{ padding:20px 0 0; } .ind_2 .imglist{ float: left; width: 684px; height: 287px; position: relative; } .ind_2 .imglist .li{ display: block; width: 682px; height: 287px; } .ind_2 .imglist .img{ position: relative; } .ind_2 .imglist .img img{ display: block; width: 400px; height: 300px; } .ind_2 .imglist .c{ position: absolute; width: 281px; background:#0174c5 url(../image/ind2.png) no-repeat right bottom; right: 3px; bottom:0px; } .ind_2 .imglist .tit{ padding:45px 25px 133px; color:#fff; } .ind_2 .imglist p{ line-height: 1.6em; height: 3.2em; overflow: hidden; font-size: 16px; } .ind_2 .imglist span{ display: block; font-family: arial; padding:8px 0; } .ind_2 .imglist .tit div{ line-height: 1.5em; height: 1.5em; overflow: hidden; } .ind_2 .r{ float: right; width: 684px; } .ind_2 .r ul{ position: relative; padding-left: 32px; background:url(../image/ind3.png) no-repeat center left; height: 308px; } .ind_2 .r li{ position: relative; line-height: 20px; } .ind_2 .r li a{ padding-right: 90px; font-size: 16px; } .ind_2 .r li .ex_fields{ position: absolute; right: 0; top:0; } .ind_2 .r li:hover a{ color:#0051a0; } .ind_2 .r li:hover i{ border-color:#0051a0; } .ind_2 .r li + li{ margin-top: 10px; line-height: 25px; } .ind_3{ padding:50px 0; background:url(../image/ind2.jpg) no-repeat center; background-size: cover; } .ind_3 .l{ float: left; width: 684px; } .ind_3 .tit_com{ line-height: 40px; margin-bottom: 20px; } .ind_3 .l li{ position: relative; padding-left:40px; line-height: 50px;} .ind_3 .l li .pr_fields{ background:#fff url(../image/ind4.png) no-repeat right top; box-shadow: 0px 0px 5px rgba(0,0,0,0.2); position: relative; } .ind_3 .l li .pr_fields a{ padding:0 100px 0 55px; font-size: 16px; } .ind_3 .l li + li{ margin-top: 4px; } .ind_3 .l li .ex_fields{ position: absolute; right: 24px; top:0; font-family: arial; } .ind_3 .l li i{ position: absolute; width: 44px; height: 44px; z-index: 5; background:#0051a0 url(../image/ind5.png) no-repeat center; left:0; top:50%; margin-top: -27px; box-shadow: 0px 0px 2px rgba(0,0,0,0.1); } .ind_3 .l li .pr_fields:after{ content:""; position: absolute; width: 1px; top:15px; bottom:15px; background:#bcbcbc; z-index: 5; left: 35px; } .ind_3 .l li:hover i{ background-color:#16b2e5; } .ind_3 .l li:hover .pr_fields a{ color:#004990; } .ind_3 .r{ float: right; width: 684px; } .ind_3 .tit_com{ } .ind_3 .tit_com .s{ font-size: 26px; display: inline-block; margin-right: 20px; vertical-align: middle; position: relative; cursor: pointer; } .ind_3 .tit_com .s.cur{ background:#0051a0; color:#fff; padding:0 10px; } .ind_3 .tit_com .s i{ position: absolute; width: 100%; height: 4px; background: #16b2e5; left:0; bottom:-4px; display: none; } .ind_3 .tit_com .s i:after{ content:""; position: absolute; width: 100%; top:100%; left:0; height:7px; background:url(../image/ind6.png) no-repeat center top; } .ind_3 .tit_com .s.cur i{ display: block; } .ind_3 .contlist{ background:#fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.2); padding:17px 30px 30px; border-top: 4px solid #0051a0; } .ind_3 .contlist li{ position: relative; line-height: 48px; background:url(../image/ind7.png) repeat-x 0 bottom; } .ind_3 .contlist li .pr_fields{ padding:0 0 0 120px; position: relative; z-index: 5; font-size: 16px; } .ind_3 .contlist li .ex_fields{ position: absolute; left:28px; } .ind_3 .contlist li i{ position: absolute; width: 8px; height: 8px; border:2px solid #bcbcbc; border-radius: 50%; left:0; top:50%; margin-top: -6px; } .ind_3 .contlist li:hover i{ border-color:#16b2e5; background:#16b2e5; } .ind_3 .contlist li:hover{ color:#0051a0; } .ex_fields,.Article_PublishDate{ font-family: "avian"; } .ind_4{ padding:55px 0; background:#fff; } .ind_4 .l{ float: left; width: 655px; } .ind_4 .r{ float: right; width: 655px; } .ind_4 .wp_article_list{ overflow: hidden; position: relative; padding-top:20px; } .ind_4 .wp_article_list li{ position: relative; } .ind_4 .wp_article_list li + li{ margin-top: 12px; } .ind_4 .wp_article_list li .pr_fields{ position: relative; font-size: 16px; padding-left:40px; background:url(../image/new2.png) no-repeat left center; } .ind_4 .ex_fields{ display: block; color:#707070; font-family: arial; position: absolute; right: 0; top:0; font-size: 16px; } .ind_4 .wp_article_list li a{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; padding-right: 83px; } .ind_4 .wp_article_list li:hover{ color:#2588e4; } .ind_4 .wp_article_list li:hover .pr_fields{ background-image:url(../image/new2a.png); } .ind_4 .wp_article_list li:hover .ex_fields{ color:#2588e4; } .ind_4 .line{ position: absolute; width: 1px; top:20px; bottom: 10px; background:#bcbcbc; left:50%; } .ind_5{ background:#093b6c; padding:65px 0 80px; } .ind_5 .t2{ font-size: 28px; line-height: 1; color:#fff; margin-bottom: 22px; position: relative; } .ind_5 .t2 img{ position: absolute; display: block; left:0; bottom:0; } .ind_5 .t2 span{ position: relative; z-index: 1; } .ind_5 .li{ float: left; width: 220px; height: 145px; position: relative; background:#f06167; } .ind_5 .li .tit{ position: absolute; padding:15px 0 0 20px; color:#fff; z-index: 5; } .ind_5 .li a{ display: block; width: 100%; height: 100%; position: relative; } .ind_5 .li .ico{ position: absolute; right: 10px; bottom:0; } .ind_5 .li .ico img{ display: block; } .ind_5 .li .tit .t3{ font-size: 18px; } .ind_5 .li .tit .t4{ font-family: "avian"; } .ind_5 .li + .li{ margin-left: 16px; } .ind_5 .li:nth-child(2n){ margin-top:20px; } .ind_5 .li:nth-child(2){ background:#19bccf; } .ind_5 .li:nth-child(3){ background:#434284; } .ind_5 .li:nth-child(4){ background:#0187ce; } .ind_5 .li:nth-child(5){ background:#e4a36b; } .ind_5 .li:nth-child(6){ background:#7a6efe; } .site{ position: relative; z-index: 10; } .site .siteul{ position: absolute; line-height: 52px; top:50%; margin-top:-26px; background:#1485d4; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); width: 100%; color:#fff; } .site .siteul a{ padding-left: 0px; } .site .siteul span{ padding-left:20px; font-size: 18px; } .site .siteul a:hover{ color:#92e4ff; } .indexfooter{ padding-top: 35px; } @media screen and (min-width: 1023px) { .ind_2{ overflow: hidden; } .ind_3{ overflow: hidden; } .ind_4{ overflow: hidden; } .ind_2 .x-wrap{ transform:translateY(50px); -webkit-transform:translateY(50px); transition:all 1s; -webkit-transition:all 1s; opacity: 0; } .ind_2.anim .x-wrap{ opacity: 1; transform:translateY(0); -webkit-transform:translateY(0); } .ind_4 .x-wrap{ transform:translateY(50px); -webkit-transform:translateY(50px); transition:all 1s; -webkit-transition:all 1s; opacity: 0; } .ind_4.anim .x-wrap{ opacity: 1; transform:translateY(0); -webkit-transform:translateY(0); } .ind_3 .l{ transform:translateX(-50px); -webkit-transform:translateX(-50px); transition:all 1s; -webkit-transition:all 1s; opacity: 0; } .ind_3 .r{ transform:translateX(50px); -webkit-transform:translateX(50px); transition:all 1s; -webkit-transition:all 1s; opacity: 0; } .ind_3.anim .l,.ind_3.anim .r{ opacity: 1; transform:translateY(0); -webkit-transform:translateY(0); } } .pr_fields a{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;}