@charset "utf-8";
/* CSS */
html {font-family: sans-serif;font-size: 100%;line-height: 1;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;box-sizing: border-box;}
*, *:before, *:after {box-sizing: inherit;}
body, header, footer, main, section, div,
h1, h2, h3, h4, h5, h6, p, span, a,blockquote, q, pre, code, ol, ul, li,form, label, input, textarea, button,table, tr, th, td, dl, dt, dd, hr {margin: 0;padding: 0;border: 0;font: inherit;font-size: 100%;line-height: inherit;vertical-align: baseline;background: transparent;}
article, aside, details, figcaption, figure,footer, header, main, menu, nav, section, summary {display: block;}
ol, ul {list-style: none;}
/* li{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} */
img {max-width: 100%;height: auto;vertical-align: middle;border-style: none;}
a{color: #000;text-decoration: none;}
a:hover{color: #2e2f8a;text-decoration: none;}
.container {margin: 0 auto;}
.row {margin: 0 auto;}
.row:before, .row:after {content: ''; display: table;}
.row:after {clear: both;}
.fl{float: left;}
.fr{float: right;}
.img{overflow: hidden;}
.img img{cursor: pointer;transition: all 0.6s;}
.img img:hover{transform: scale(1.4);}
.bg1{background-color: #f0f2f5;}
/* head */
.head{padding: 26px 0;position: relative;background-color: #fff;}
.head .fl{}
.head .fr{font-size: 20px;color: #606060;line-height: 30px;}
/* head end nav */
.nav{background-color: #2e2f8a;transition: all 500ms;}
.nav-item{position: relative;float: left;}
.nav-item::after,.nav-item::before{content: '';width: 1px;height:50%;position: absolute;top: 25%;}
.nav-item:first-child::before,.nav-item:last-child::after{display: none;}
.nav-item::before{left: 0;background-color: #212275;}
.nav-item::after{right: 0;background-color: #3b3c9e;}
.nav-item>a{    color: #fff;    display: block;    line-height: 2.4;    padding: 0px 42px;    font-size: 20px;    font-weight: bold;	transition: all 500ms;	opacity: 1;}
.nav-item>a:hover{
    opacity: .6;
}

.nav-item>ul{transition: all 500ms;height: 0;overflow: hidden;position: absolute;top: 100%;z-index: 9;background: rgba(255, 255, 255, 0.4);width: 100%;text-align: center;line-height: 2.4;}
.nav-item>ul>li{
    position: relative;
}
.nav-item ul li>a:hover{background-color: #2e2f8a;color: #fff;}
.nav-item ul li>a{    color: #2e2f8a;    font-size: 16px;    font-weight: bold;    display: block;}
.nav-ul{}
.nav-item>ul>li>ul{display: none;position: absolute;left: 100%;background: rgba(255, 255, 255, 0.4);width: 100%;top: 0;}
.nav-item>ul>li:hover ul{display: block;}
.menubtn{display: none;position: absolute;top: 50%;right: 2%;transform: translateY(-50%);}
.menubtn::after,.menubtn::before{content: '';height: 3px;width: 29px;position: absolute;background: #2e2f8a;transition: all 500ms;}
.menubtn::before{top: 0;left: 0;}
.menubtn::after{bottom: 0;left: 0;}
.menubtn span{
    background: #2e2f8a;
    height: 3px;
    width: 29px;
    display: block;
    margin: 10px 0;
}
.menubtn.active{}
.nav.active{height:auto;padding-bottom: 12px;}
.menubtn.active span{background: none;}
.menubtn.active::before{
top: 10px;
transform:rotate(50deg);
-ms-transform:rotate(50deg); /* Internet Explorer */
-moz-transform:rotate(50deg); /* Firefox */
-webkit-transform:rotate(50deg); /* Safari 和 Chrome */
-o-transform:rotate(50deg); /* Opera */}
.menubtn.active::after{
bottom: 10px;
transform:rotate(-50deg);
-ms-transform:rotate(-50deg); /* Internet Explorer */
-moz-transform:rotate(-50deg); /* Firefox */
-webkit-transform:rotate(-50deg); /* Safari 和 Chrome */
-o-transform:rotate(-50deg); /* Opera */}
/* nav end banner */
.banner{}
.banner .swiper-slide{height:500px;}
/* banner end inx */
.inx_tit{    text-align: center;    position: relative;    border-bottom: 1px solid #a9a9a9;    margin-bottom: 36px;}
.inx_tit::after{content: '';width: 174px;height: 2px;position: absolute;bottom: 0;left: 0;right: 0;margin: 0 auto;background-color: #2e2f8a;}
.inx_tit h3{font-size: 32px;color: #2e2f8a;font-weight: bold;}
.inx_tit span{font-size: 18px;color: #a9a9a9;line-height: 36px;}
.inx1{padding: 40px 0;}
.inx1 .img{height: 363px;width: 531px;}
.inx1_2{font-size: 16px;color: #282828;line-height: 36px;width: 645px;}
.inx1_2 p{text-indent: 2em;margin-bottom: 10px;letter-spacing: 1.5px;}
.inx1_2 a.btn{font-size: 16px;color: #7b7b7b;border: 1px solid #bbbbbb;display: block;text-align: center;width: 8em;}
.inx1_2 a.btn:hover{background-color: #2e2f8a;color: #fff;}
.inx2{padding: 40px 0;}
.inx2_1{font-size: 16px;color: #282828;line-height: 34px;}
.inx2_2{margin: 0 -8px;}
.inx2_2 .inx2_item{width: 287px;float: left;margin: 16px 8px 0;}
.inx2_2 .inx2_item p{font-size: 16px;color: #202020;line-height: 38px;text-align: center;}
.inx2_2 .img{width: 287px;height: 196px;}
.inx3{background-color: #eeeeee;padding: 40px 0;}
.inx3 .swiper-slide{background-color: #fff;}
.inx3 .swiper-slide .title{color: #000;font-size: 18px;font-weight: bold;padding: 12px;}
.inx3 .swiper-slide .title a{color: #adadad;font-size: 14px;font-weight: 300;float: right;}
.inx3 .swiper-slide .img{    text-align: center;   width: 350px;    height: 184px;    margin: 0 auto;}
.inx3 .swiper-slide .img img{min-height: 100%;}
.inx3 .swiper-slide ul{    padding: 12px;}
.inx3 .swiper-slide ul li{font-size: 14px;line-height: 40px;border-bottom: 1px dashed #d3d3d3;position: relative;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.inx3 .swiper-slide ul li:last-child{border-bottom:none;}
.inx3 .swiper-slide ul li a{color: #282828;padding-left: 20px;}
.inx3 .swiper-slide ul li a .icon{    position: absolute;    height: 40px;    left: 0;}
.inx3 .swiper-slide ul li a:hover{color: #2e2f8a;}
.inx4{padding: 40px 0;}
.inx4 .inx4_swiper{text-align: center;}
.inx4 .inx4_swiper .img{
    height: 158px;
}
.inx4 .inx4_swiper p{    line-height: 40px;}
.inx4 .inx4_swiper .swiper-wrapper{
    -webkit-transition-timing-function: linear; /*之前是ease-out*/
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}
/* foot */
.foot{background: url(../img/footer_02.jpg)repeat-x;height: 331px;color: #fff;}
.foot_1{padding: 22px 0 10px;}
.foot_1 dl{float: left;width: 33.333%;}
.foot_1 dl dt{font-size: 18px;font-weight: bold;line-height: 54px;}
.foot_1 dl dt a{color: #fff;}
.foot_1 dl dd{font-size: 14px;line-height: 40px;}
.foot_1 dl dd a{color: #fff;}
.foot_2{text-align: center;line-height: 43px;font-size: 14px;padding-top: 2px;position: relative;}
.foot_2::after,.foot_2::before{content: '';width: 100%;height: 1px;position: absolute;left: 0;}
.foot_2::before{background-color: #5253b7;top:0}
.foot_2::after{background-color: #17187d;top:1px}
/* ads */
.ads{background: url(../img/inx_12.jpg)no-repeat center;background-size: cover;height: 288px;}
/* ny */
.nybanner{background: url(../img/nybanner_02.jpg)no-repeat center;background-size: cover;height: 380px;}
.position{color: #5e5e5e;font-size: 14px;line-height: 2.6;padding: 0;}
.position a{color: #5e5e5e}
.position a:hover{color: #17187d}
.main{padding: 0;margin-bottom: 20px;}
.mainl{width: 255px;}
.mainl dl{margin: 0;}
.mainl dt{
    line-height: 82px;
    color: #fff;
    font-size: 32px;
    background: #009b4c;
    text-align: center;
}
.mainl dd:last-child{border: none;}
.mainl dd{
    line-height: 55px;
    font-size: 20px;
    color: #323232;
    margin: 7px 0;
    background: #fff;
    border-bottom: 1px solid #e1e1e1;
}
.mainl dd a .icon{
    color: #fff;
    float: right;
    height: 55px;
    margin-right: 1em;
	transition: all 500ms;
}
.mainl dd.active a .icon{
transform:rotate(90deg);
-ms-transform:rotate(90deg); /* Internet Explorer */
-moz-transform:rotate(90deg); /* Firefox */
-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
-o-transform:rotate(90deg); /* Opera */
}
.mainl dd.active>a{color: #fff;background-color: #009b4c;}
.mainl dd a{color: #323232;display: block;padding-left: 1em;position: relative;}
.mainl dd ul{padding:0 6px;height: 0;overflow: hidden;transition: all 500ms;}
.mainl dd.active ul{height: 183px;}
.mainl dd ul li a{line-height: 45px;border-bottom:1px dashed #c9c9ca;}
.mainl dd ul li a:hover{color: #fff;background-color: #009b4c;}
.mainl dd ul li:last-child a{border-bottom:none}
.mainr{width: 910px;background: #fff;}
.art{padding: 15px;}
.art .con{
    margin: 26px 0 5px;
}
.art .con p{text-indent:0em; font-size: 16px;margin-bottom: 8px;line-height: 2;}
.art .tit{font-size: 32px;font-weight: bold;color: #000000;text-align: center;line-height: 2.4;}
.art .anchor{color: #838383;font-size: 14px;text-align: center;padding-bottom: 10px;border-bottom: 1px dashed #838383;}
.imglist{
    padding: 15px;
}
.imglist li{
    float: left;
    width: 33.333%;
    padding: 5px;
}
.imglist li .img{height: 196px;min-height: 196px;}
.imglist li .img img{min-height: 100%;}
.imglist li p{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    font-size: 16px;
    line-height: 2.5;
    color: #454545;
    margin: 0;
}
.imglist li:hover p{color:  #17187d;}
.list{}
.list li{padding: 15px;border-bottom: 1px dashed #ececec;}
.list li:last-child{border-bottom:none}
.list li .img{
    width: 228px;
    float: left;
}
.list li .img img{width: 228px;height: 164px;}
.list li .des{
    width: 635px;
    margin-left: 15px;
    float: left;
}
.list li .des .tit{
    font-size: 20px;
    color: #000;
    line-height: 2.4;
}
.list li .des .dec{
    color: #575757;
    font-size: 16px;
    line-height: 1.8;
}
.list li .des .btn{
    background: #b6b6b6;
    color: #fff;
    margin-top: 20px;
	padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    vertical-align: middle;    display: inline-block;
}
.list li:hover .des .btn{background-color: #17187d;color: #fff;}
@media all and (min-width: 1200px) {
    .container {width: 1200px;}
	.nav-item:first-child>a{padding-left: 0;}
	.nav-item:last-child>a{padding-right: 0;}
}
@media all and (min-width: 769px) and (max-width: 1199px) {
    .container {width: 98%;}
	.head .fl{text-align: center;width: 100%;}
	.head .fr{display: none;}
	.nav-item{width: 12.5%;text-align: center;}
	.nav-item>a{padding: 0;}
	.banner .swiper-slide{height:400px;}
	.inx1_1{width: 44%;text-align: center;}
	.inx1 .img{width:100%;height:auto}
	.inx1_2{width: 52%;}
	.ads{height: 200px;}
	.inx2_2{margin: 0;}
	.inx2_2 .inx2_item{width:25%;padding: 6px;margin: 0;text-align: center;}
	.inx2_2 .img{width:100%;height:auto}
	.inx3 .swiper-slide .img{width: 96%;margin: 0 auto;}
	.foot_1 dl dd{font-size: 12px;line-height: 31px;}
	.mainl{display: none;}
	.mainr{width: 100%;}
}
@media all and (max-width: 768px) {
    .container {width: 96%;}
	.head .fl {width: 85%;}
	.head .fr{display: none;}
	.menubtn{display: block;}
	.nav {height: 0;overflow: hidden;}
	.nav-item {
	    width: 100%;
	    text-align: left;
	}
	.nav-item ul{height: auto;background-color: #fff;position: inherit;border-radius: 6px;}
	.nav-item>a {padding: 0;}
	.nav-item .nav-ul>li>a {text-align: left;padding-left: 1em;	}
	.nav-item .nav-ul>li>ul>li>a {text-align: left;padding-left: 2em;	}
	.nav-ul li>ul{display: block;}
	.banner .swiper-slide{height:240px;}
	.inx1_1{width: 100%;}
	.inx1 .img{width:100%;height:auto}
	.inx1_2{width: 100%;}
	.inx1_2 a.btn{width: 100%;}
	.ads{height: 100px;}
	.inx2_1 p{text-indent: 2em;}
	.inx2_2{margin: 0;}
	.inx2_2 .inx2_item{width:50%;margin: 0;text-align: center;}
	.inx2_2 .img{width:100%;height:115px}
	.inx4 .inx4_swiper .img{width: 100%;height: 15rem;}
	.inx4 .inx4_swiper .img img{width: 100%;}
	.foot{background: #26319d;height:auto}
	.foot_1 dl dd {
	    font-size: 13px;
	    line-height: 32px;
	}
	.foot_1 dl{width: 100%;}
	.foot_2{line-height: 18px;padding: 12px 0 10px;}
	.nybanner{height:180px}
	.mainl{display: none;}
	.mainr{width: 100%;margin-top: 20px;}
	.art .tit{font-size: 25px;    line-height: 1.5;}
	.art .anchor{line-height: 1.5;}
	.art .con {
	    margin: 8px 0 5px;
	}
	.position{display: none;}
	.imglist li{width: 50%;}
	.imglist li .img{
    height: 6rem;
    min-height: 6rem;
    }
	.list li .img {
	    width: 100%;
	    float: left;
	}
	.list li .img img {
	    width: 100%;
	    height: auto;
	}
	.list li .des {
	    width: 100%;
	    margin-left: 0;
	    float: left;
	}
	.list li .des .tit {
	    font-size: 18px;
	    color: #000;
	    line-height: 1.4;
	    margin: 0.5rem 0;
	}
}