@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:30px 0; background: #fff;}
.ind_2 .cont{ padding:20px 0 0;}

.ind_2 .imglist{ float: left; width: 684px; height: 400px; position: relative;}
.ind_2 .imglist .li{ display: block; width: 682px; height: 400px;}
.ind_2 .imglist .img{ position: relative;}
.ind_2 .imglist .img img{ display: block; /*! width: 400px; */ height: 400px;}
.ind_2 .imglist .c{ position: absolute;  width: 100%;  background:#0174c5 url(../image/ind2.png) no-repeat right bottom;  right: 3px;  bottom:0px; }
.ind_2 .imglist .tit{ padding:5px 25px; color:#fff;}
.ind_2 .imglist p{ line-height: 2.5em; height: 2.5em; 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) repeat-y center left; height: 400px;}
.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: 26px;}

.ind_3{ padding:20px 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:35px 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: 4;}
    .ind_3 .r{transform:translateX(50px);-webkit-transform:translateX(50px);transition:all 1s;-webkit-transition:all 1s;opacity: 3;}
    .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;}