@charset "utf-8";
/*===================CSS Reset============================*/
html{ -webkit-box-sizing:border-box; box-sizing:border-box;}
*,*:before,*:after{ -webkit-box-sizing:inherit; box-sizing:inherit;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img{ border:medium none; margin:0; padding:0;}
body,input,button,textarea{ color: #666; font-size: 0.24rem; font-family:mFontM;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ display:block;}
ul{ margin:0; padding:0; list-style:none;}
table{ border-collapse:collapse; border-spacing:0;}
img{ max-width:100%; height:auto; width:auto;}
a{ text-decoration:none;}
em,i{ font-style: normal;}
input,button{ outline:none;}
input:focus{ border:none; outline:none;}
body{ background: #f7f7f7;}

/*===================Link Style============================*/
a{ color: #333; text-decoration:none; outline:none; text-decoration:none; outline:none; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s; transition-duration:0.5s;}

/*===================Common Style============================*/
.fl{ float:left;}
.fr{ float:right;}
.wrap{ width: 7.5rem; margin:0 auto;}
.ovh{ overflow: hidden;}
.textR{ text-align: right;}
.textC{ text-align: center;}
.textH{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.textT{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.clearfix:after{clear: both;}
.clearfix:before,.clearfix:after{content: "";display: table;}
.bold{ font-weight: bold;}
.color-6{ color: #666;}
.color-9{ color: #999;}
.color-b{ color: #2159ae;}
.color-r{ color: #b52a2e;}
.bg-f{ background: #fff;}

/*============================ Header ============================*/
header{ box-shadow: 0 0 0.3rem rgba(25,76,151,.3); position: relative; z-index: 99;}
header .part1{ width: 100%; padding: 0.3rem 0.2rem 0.15rem; border-bottom: 1px solid #e8eef7;}
header .part1 .logo{ display:block;}
header .part1 .logo img{ height: 0.78rem;}
header .part1 .info{ display: flex; justify-content: flex-end; align-items: center; height: 0.78rem;}
header .part1 .info .box{ position: relative;}
header .part1 .search{ display: block; width: 0.22rem; height: 0.22rem; background: url(../images/search.png) no-repeat; background-size: contain; margin-right: 0.3rem; cursor: pointer;}
header .part1 .search.cur{ background-image: url(../images/closeH.png);}
header .searchPos{ display: none; width: 4rem; height: 0.6rem; position: absolute; right: 0.7rem; top: -0.2rem; z-index: 2; box-shadow: 0 0 0.1rem rgba(1,104,183,.3); border-radius: 0.8rem;}
header .searchPos input{ width: 100%; height: 0.6rem; font-size: 0.2rem; padding: 0 0.6rem 0 0.15rem;}
header .searchPos button{ width: 0.55rem; height: 0.6rem; font-size: 0; background: url(../images/search.png) center no-repeat; background-size: 0.2rem;  position: absolute; top: 0; right: 0; z-index: 1; cursor: pointer;}
header .part2 a{ display: block; width: 20%; float: left; padding: 0.25rem 1% 0.2rem;}
header .part2 a i{ display: flex; width: 100%; height: 0.4rem; justify-content: center; align-items: center; margin-bottom: 0.15rem;}
header .part2 a i img{ max-height: 100%;}

#navToggle{ display: block; width: 0.52rem; height: 0.52rem; margin-left: 0.3rem; background: url(../images/menu.png) no-repeat; background-size: contain;}
.m_nav{ position: fixed; top: 0px; right: 0; width: 60%; height: 100%; background: #1e5bb4; transition: all ease 500ms; -webkit-transition: all ease 500ms; z-index: 999; opacity: 1; visibility: visible; margin-top: 0; overflow-y: auto; transition: all .6s cubic-bezier(.77, 0,.175, 1) 0ms; top: 0; transform: translateX(100%);}
.m_nav.open{ transform: translateX(0);}
.m_nav .top{ height: 0.5rem; padding: 0.4rem 0.2rem; box-sizing: border-box;}
.m_nav .top .closed{ width: 0.35rem; height: 0.35rem; vertical-align: middle; float:right; cursor: pointer;}
.m_nav .ul{ margin-top: 0.3rem;}
.m_nav .ul li{ padding: 0 0.2rem; border-bottom: 1px solid rgba(255,255,255,.2);}
.m_nav .ul li a{ display: block; font-size: 0.3rem; color: #fff; padding: 0.3rem 0;}
.m_nav .ul li.dropdown{ background: url(../images/navJt.png) 96% 0.34rem no-repeat; background-size: 0.3rem;}
.m_nav .ul li .down{ display: none;}
.m_nav .ul li .down a{ width: 50%; display: block; float: left; height: 0.5rem; line-height: 0.5rem; padding: 0 0.2rem;}
.m_nav .ul li:last-child,.m_nav .ul li .down a:last-child{ border: none;}

header .part1.on{ box-shadow: 0 4px 10px rgba(0,0,0,.1); position: fixed; top: 0; left: 0; z-index: 991;}

.rigMenu{ position: fixed; bottom: 20%; right: 0; z-index: 9;}
.rigMenu a{ display: block; width: 0.36rem; color: #1e5bb4; background: #fff; border-radius: 0.1rem 0 0 0.1rem; margin-bottom: 0.3rem; padding: 0.05rem 0;}
.rigMenu a img{ width: 0.23rem;}


/*============================ Index ============================*/
.ixSlide{ width: 100%; position:relative;}
.ixSlide .swiper-container{ margin: 0.4rem 0.2rem 0.35rem; border-radius: 0.16rem; box-shadow: 0 0 30px rgba(7,89,209,.3);}
.ixSlide .swiper-slide{ overflow: hidden; border-radius: 0.16rem;}
.ixSlide .img{ display: block; height: 3.6rem; background: none no-repeat center; background-size: cover;}
.ixSlide .swiper-pagination{ width: 100%; bottom: 0.2rem;}
.ixSlide .swiper-pagination-bullet{ width: 0.16rem; height: 0.16rem; border: 2px solid rgba(255,255,255,.5); background: none; opacity: 1; border-radius: 50%;}
.ixSlide .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 0.05rem;}
.ixSlide .swiper-pagination-bullet-active{ border-color: #fff; background: #fff;}

.ixTit{ padding: 0 0.2rem; line-height: 0.58rem;}
.ixTit em{ display: block; font-size: 0.28rem; padding: 0 0.15rem; border-bottom: 4px solid #1e5bb4;}
.ixTit a{ display: block; background: url(../images/jt.png) center right no-repeat; background-size: 0.23rem; padding-right: 0.36rem;}
.ixTit a:active,.ixTit a:hover{ color: #1E5BB4; background-image: url(../images/jtH.png);}

.ixPart1 .list,.ixPart3 .list,.ixPart4 .list{ background: url(../images/bg.png) top repeat-x; padding: 0.1rem 0.2rem;}
.ixPart1 .list a{ display: block; font-size: 0.28rem; padding: 0.2rem 0 0.2rem 0.25rem; background: url(../images/dot1.png) 0 0.38rem no-repeat; background-size: 0.14rem; border-bottom: 1px solid #e8eef7;}
.ixPart1 .list a:last-child,.ixPart3 .list a:last-child{ border-bottom: none;}
.ixPart1 .list a em{ display: block; font-size: 0.24rem; margin-top: 0.1rem;}

.ixPart2{ display: flex; justify-content: center; align-items: center; font-size: 0.36rem; color: #fff; padding: 0.3rem; background: url(../images/img2_1.png) center no-repeat; border-radius: 0.18rem; margin: 0.1rem 0.2rem 0.3rem;}
.ixPart2 img{ height: 0.88rem; margin-right: 0.3rem;}

.ixPart3 .list a{ display: block; font-size: 0.28rem; padding: 0.2rem 0; border-bottom: 1px solid #e8eef7;}
.ixPart3 .list a span{ display: block; width: 0.9rem; height: 0.76rem; color: #fff; padding: 0.03rem; border-radius: 0.08rem; background: #1e5bb4;}
.ixPart3 .list a span em{ display: block; font-size: 0.18rem; color: rgba(255,255,255,.5); background: #356cbc; border-radius: 0.06rem; margin-top: 0.05rem;}
.ixPart3 .list a p{ padding-left: 0.15rem; line-height: 0.38rem;}
.ixPart3 .list a:active,.ixPart3 .list a:hover{ color: #1E5BB4;}

.ixPart4 .list{ background: url(../images/bg.png) top repeat-x; padding: 0.1rem 0.2rem;}
.ixPart4 .list a{ display: block; width: 45%; padding: 0.24rem 0.1rem; margin: 0.34rem 2.5% 0; border-radius: 0.18rem; border: 1px solid rgba(30,91,180,.3); box-shadow: 0 0 0.2rem rgba(0,62,129,.2);}
.ixPart4 .list a img{ height: 0.64rem; margin-bottom: 0.15rem;}
.ixPart4 .list a:active,.ixPart4 .list a:hover{ border-color: #1e5bb4; color: #1E5BB4;}

.ixPart5{ background: url(../images/bg2.png) bottom repeat-x; margin: 0.4rem 0;}
.ixPart5 .list{ background: url(../images/bg1.png) top repeat-x; padding: 0.4rem 0 0;}
.ixPart5 .list a{ display: block; width: 33.333%; margin-bottom: 0.4rem;}
.ixPart5 .list a i{ width: 100%; height: 0.54rem; display: flex; justify-content: center; align-items: center; margin-bottom: 0.2rem;}
.ixPart5 .list a i img{ max-height: 100%;}
.ixPart5 .list a:active,.ixPart5 .list a:hover{ color: #1E5BB4;}

.ixPart6{ padding: 0 0.2rem;}
.ixPart6 a{ display: flex; align-items: center; justify-content: center; height: 1rem; font-size: 0.26rem; background: #1e5bb4; color: #fff; margin-bottom: 0.3rem; padding: 0.15rem;}
.ixPart6 a img{ width: 2.8rem;}
/*.ixPart6 a p{ width: 210px; text-align-last: justify;}
.ixPart6 a p i{ display: block; text-transform: uppercase;}*/