body{
    background-color: #ffffff;
}
/* 头部 */
.header{box-sizing:content-box;display:flex;position:fixed;left:0;right:0;top:0;z-index:999;margin:0 auto;background-color:#fff;width:15rem;height:2.5rem;border-bottom:1px solid #ddd;justify-content:space-between;align-items:center}
.header img{max-width:100%;margin-left:.4rem}
.nav{width:1rem;cursor:pointer;height:.6rem;text-align:center;position:relative}
.nav span{display:block;background:#666;width:1rem;height:.08rem;transition:all ease .35s;position:absolute;right:.4rem}
.nav span:nth-of-type(1){top:0}
.nav span:nth-of-type(2){top:.32rem}
.nav span:nth-of-type(3){top:.64rem}
.nav_se span:nth-of-type(1){top:.2rem;transform:rotate(45deg)}
.nav_se span:nth-of-type(2){width:0}
.nav_se span:nth-of-type(3){top:.2rem;transform:rotate(-45deg)}
.nav_list{position:fixed;z-index:999;background:#f6f6f6;left:0;right:0;top:-100%;z-index:999;margin:0 auto;width:15rem;height:100vh;font-size:.56rem;line-height:1.6rem;overflow:auto;overflow-x:hidden;transition:top ease .35s}
.nav_show{top:2.5rem}
.nav_list ul li i{position:absolute;top:0;right:0;border-left:1px #e2e2e2 solid;width:2rem;height:1.6rem;text-align:center;padding-top:.3rem}
.nav_list ul li i svg{transform:rotate(-90deg);transition:all ease .35s}
.nav_list ul li .nav_i_se svg{transform:rotate(0)}
.nav_list ul li{border-top:1px #e2e2e2 solid;padding-left:.56rem;position:relative;line-height:1.6rem;font-size:.56rem}
.nav_list>ul>li:last-child{border-bottom:1px #ddd solid}
.nav_list ul li ul{display:none}
.nav_list ul li a{color:#666;width:80%;display:inline-block}
.nav_list ul li ul li a{color:#999;display:block;text-align:left}
.nav_list ul li i svg{width:1rem;height:1rem;fill:#555}
.nav_list ul li .nav_i_se svg{fill:#c9141e}
.nav_list ul li ul li>ul{margin-left:.2rem}

/*banner*/
.banner{width:100%;height:auto;overflow:hidden;position:relative;margin-top:2.5rem}
.swiper-container{width:100%}
.swiper-container .swiper-slide{text-align:center;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.swiper-container .swiper-pagination-bullet{height:.26rem;width:.26rem}
.swiper-container img{width:100%;max-width:100%}
.swiper-pagination-fraction{color:#fff}
.banner .slogan{position:absolute;top:50%;left:50%;z-index:99;width:15rem;height:4rem;margin-left:-7.5rem;margin-top:-2rem;padding:0 .8rem}
.slogan h6{color:#ffffff;font-size:.6rem;font-weight:700}
.slogan h5{color:#ffffff;font-size:.42rem;font-weight:700}
.slogan .slogan_btn a{background-color:rgba(1,66,112,.1);border:1px solid #fff;color:#fff;display:inline-block;font-size: .6rem;padding: .2rem .4rem;margin-top: .3rem;}
.slogan .slogan_btn a:nth-child(1){background-color:#3f96cc;border:1px solid #3f96cc}
.slogan .slogan_btn a:nth-child(2){background-color:#ffffff;border:1px solid #ffffff;color: #3f96cc;}
.slogan .slogan_btn a:nth-child(1):hover{background-color:#034172;border:1px solid #034172;}
.slogan .slogan_btn a:nth-child(2):hover{background-color:#3f96cc;border:1px solid #3f96cc;color: #ffffff;}


.swiper-container{width:100%;height:100%}
.swiper-slide img{width:100%;height:auto;min-height:100%;transition:1s linear 2s;transform:scale(1.1,1.1);opacity:1}
.swiper-slide-active img,.swiper-slide-duplicate-active img{transition:3s linear;transform:scale(1,1);opacity:.8}

/* 首页 */
.container{padding:0 .6rem}

/* 底部 */
.foot{background-color:#034172;text-align: center;padding: .6rem 0;margin-bottom: 2.5rem;}
.foot ul{padding-bottom: .4rem;}
.foot ul li{display: inline-block;}
.foot ul li a{color: #ffffff;padding: 0 .3rem;font-size: .6rem;position: relative;line-height: .6rem;}
.foot ul li a::before{content: '';position: absolute;left: -0.2rem;top: 50%;width: 1px;height: .32rem;background-color: #ffffff;margin-top: -0.12rem;}
.foot ul li a:hover{text-decoration: underline;}
.foot ul li:first-child a::before{background:transparent}
.foot p{color: #ffffff;line-height: 1rem;font-size:.52rem;}

/* 内页广告 */
.run_banenr{position:relative;overflow:hidden}
.run_banenr img{width:100%;position:relative;z-index:-1}
.run_banenr .run_text{position:absolute;bottom:15%;z-index:99;left:9.7%;color:#fff;font-size: .96rem;letter-spacing: .06rem}

/* 内页栏目 */
.run_nav{width:100%;padding: .5rem 0;border-bottom: 1px solid #dedede;text-align: center;}
.run_nav ul li:first-child{padding-left:0}
.run_nav ul li{padding:0 .4rem;border-right:1px solid #eee;font-size: .6rem;display: inline-block;}
.run_nav ul li:last-child{border-right:0;}
.run_nav ul li a.active{color:#003677}

/* 单页 */
.singlepage{padding: .8rem 0;color:#666;font-size: .6rem;min-height: 6rem;}
.singlepage img{max-width: 100%;margin:.6rem auto;}

/* 详情 */
.details_box{padding:.6rem 0}
.details_box h1{font-size:.8rem;color:#034172;padding: .2rem 0;line-height:1rem;text-align:center}
.details_box .details_cont{padding:.6rem 0;color:#666;font-size: .6rem;}
.details_box .details_cont img{max-width: 100%;margin:.6rem auto;}
.details_box .pages{margin:.4rem 0;border-top:1px solid #ececec;padding-top:.4rem}
.details_box .pages a{color:#666;font-size: .52rem;display: block;line-height: 2;}
.details_box .pages a:hover{color:#034172}

/*翻页*/
.page{text-align:center;margin:1rem 0;font-size:.52rem}
.page a,.page span{border-radius:.06rem;border:1px solid #ebebeb;padding:.16rem .3rem}
.page a.active,.page a:hover,.page span:hover{background:#034172;color:#fff;border:1px solid #034172}

/* 案例 */
.case_list dl{width:100%;overflow: hidden;margin-top:.6rem;position: relative;border:1px solid #eeefed;text-align: center;background-color:#ffffff;}
.case_list dl dt,.case_list dl dt img{max-width: 100%;;overflow: hidden;transition: all 0.5s;margin:auto}
.case_list dl dd{text-align:center;color:#333333;transition:all .5s;word-break:break-all;overflow:hidden;font-size: .6rem;line-height: 1.5;padding: .4rem 0;}
.case_list dl:hover img{transform: scale(1.2);}

/* 新闻列表 */
.item_li{display:flex;justify-content:space-between;align-items:center;margin-top:.6rem}
.item_li .item_li_ti{width:5rem;height:3rem;overflow:hidden}
.item_li .item_li_ti img{max-width:100%;overflow:hidden;transition:all .5s}
.item_li dl{padding-left:.6rem;flex:1;overflow:hidden}
.item_li dl dt a{font-size:.6rem;color:#464646;font-weight:700;line-height:.8rem;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}
.item_li dl dd{font-size:.42rem;color:#7d7d7d;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:.1rem 0}
.item_li dl i{text-align:left;font-style:normal;display:block;font-size:.42rem;color:#7d7d7d}
.item_li:hover dt a{color:#2a5dc1}
.item_li:hover img{transform:scale(1.2)}

/* 首页新闻tabs */
.in_news{overflow: hidden;margin-bottom: .6rem;}
.targetg{border-bottom:1px solid #ebebeb;font-weight: 700;display: flex;}
.targetg span{color:#464646;font-size:24px;display:inline-block;position: relative}
.targetg span:before{content:"";position: absolute;width:100%;height:2px;background: #034172;bottom:-4px;left:0}
.targetg span i{color:#034172;font-style: normal}
.targetg a{font-size:14px;color:#707070;padding: .4rem 0;text-align: right;flex: 1;}
.targetg a:hover{color:#034172;}
.in_news_item dl{border-bottom: 1px dashed #d8d8d8;padding:10px 0;overflow: hidden;}
.in_news_item dl dt a{display: block;text-overflow:ellipsis;white-space: nowrap;overflow: hidden;font-weight: 700;font-size: .6rem;text-align: left;}
.in_news_item dl dt a:hover{color:#034172}
.in_news_item dl dd{line-height: 24px;margin-top: .2rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-size: .52rem;}
.tabbox{display: none;}
.tab{display: flex}
.tab li{margin:0 1rem 0 0;text-align:center;cursor:pointer;font-size:.6rem;color:#333333;position: relative;padding: .4rem 0;}
.tab li:before{content:"";position: absolute;width:100%;height:2px;background: #034172;bottom:-1px;left:0;opacity: 0;}
.tab li i{color:#333333;font-style: normal;}
.on{display:block}
.tab li.cur i{color:#034172;}
.tab li.cur:before{opacity: 1;}

/* 图集 */
.side{overflow: hidden;margin: .6rem 0;}
.flexslider{position:relative;overflow:hidden;zoom:1;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flexslider .slides img{max-width: 100%;;overflow: hidden;}
.flexslider .slides li{position: relative;}
.flexslider .slides li span{display: block;color: #ffffff;position: absolute;left: 0;bottom: 0;width: 100%;padding: 0 .2rem;z-index: 9;height: 2rem;line-height: 2rem;font-size: .6rem;background-color:rgba(0,0,0,.4);text-overflow:ellipsis;white-space: nowrap;overflow: hidden;}
.flex-direction-nav a{width: 1.5rem;height:90px;line-height:99rem;overflow:hidden;margin:-1.5rem 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:1.5rem;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(../images/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0;}

/* 底部导航 */
.footer{box-sizing:content-box;display:flex;position:fixed;left:0;right:0;bottom:0;margin:0 auto;background-color:#fff;width:15rem;height:2.5rem;border-top:1px solid #eee;justify-content:center;align-items:center}
.footer a{width:3.75rem;display:block;font-size:.4rem;line-height:.64rem;color:#666;text-align:center}
.footer a.active{font-weight:800;color:#034172}
.footer a .img img{width:.8rem;height:.8rem}
.footer a span{margin-top:.1rem;display:block}