.index-title{text-align: center;color: #333333;}
.index-title .title1{font-family: arial;font-size: 30px;}
.index-title .title2{font-size: 28px;}
/*index-banner*/
.index-banner{height: 630px;}
.index-banner .swiper-slide{display: block; background: no-repeat center center;background-size: cover;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;position: relative;text-align: center;}
.index-banner .swiper-btn .btn-next,.swiper-btn .btn-prev{position: absolute;cursor: pointer;width: 50px;height: 50px;}
.index-banner .swiper-btn .btn-prev{left: 10px;background: url(../images/icons/btn-prev.png) no-repeat 0 0; }
.index-banner .swiper-btn .btn-next{right: 10px;background: url(../images/icons/btn-next.png) no-repeat 0 0; }
.index-banner .swiper-btn .iconfont{color: #FFF;font-size: 30px;}
.index-banner .banner-text{color: #FFF;margin-top: 220px;}
.index-banner .banner-text h3{font-size: 48px;}
.index-banner .banner-text p{font-size: 36px;}
.index-banner .banner-text2{color: #FFFFFF;font-size: 16px;position: absolute;bottom: 160px;width: 100%;text-align: center;}
.index-banner .banner-text2 span{display: inline-block;}



/*公告*/

.index-gonggao{background-color: rgba(10,56,117,.8);padding: 25px 25px 0 25px;position: absolute;bottom: 0px;right: 0;width: 310px;}
.index-gonggao .gg-title{color:#FFF;height: 36px;line-height: 36px;margin-bottom: 25px;}
.index-gonggao .gg-title h3{font-size: 24px;}
.index-gonggao .gg-title a{color: #FFF;vertical-align: middle;display: inline-block;}
.index-gonggao .gg-list{min-height: 200px;}
.index-gonggao .gg-list .list-content{margin-bottom: 20px;text-align: left;}
.index-gonggao .gg-list .list-content .list-date{width: 22%;color: #FFFFFF;}
.index-gonggao .gg-list .list-content .list-date span:first-child{font-size: 20px;}
.index-gonggao .gg-list .list-content .list-date span:last-child{font-size: 12px;}
.index-gonggao .gg-list .list-content .list-text{width: 78%;}
.index-gonggao .gg-list .list-content .list-text a{color: #f9f9f9;display: inline-block;font-size: 16px;line-height: 25px;max-width: 240px;height: 50px;overflow: hidden;}
.index-gonggao .gg-list .list-content .list-text a:hover{text-decoration: underline;}
.index-gonggao .pagination {position: relative;z-index: 20;bottom: 0px;width: 100%;text-align: center;padding: 0 0 20px 0;}
.swiper-pagination-switch {display: inline-block;width:14px;height: 14px;border-radius: 8px;margin: 0 8px;border: 1px solid #fff;cursor: pointer;}
.swiper-active-switch {background: #fff;}
.phone-gonggao{background-color: #0A3875;text-align: center;color: #ffffff;display: none;}
.phone-gonggao h3{font-size: 24px;}
.phone-gonggao .pg-content{padding: 30px 100px;}
.phone-gonggao .c-list{margin: 30px 0;}
.phone-gonggao .c-list a{color: #F9F9F9;}
.phone-gonggao .c-list .list-content{margin-bottom: 20px;text-align: left;}
.phone-gonggao .c-list .list-content .list-date{width: 22%;}
.phone-gonggao .c-list .list-content .list-date span{display: block;}
.phone-gonggao .c-list .list-content .list-date span:first-child{font-size: 24px;}
.phone-gonggao .c-list .list-content .list-date span:last-child{font-size: 14px;}
.phone-gonggao .c-list .list-content .list-text{width: 78%;}
.phone-gonggao .c-list .list-content .list-text a{display: inline-block;font-size: 18px;line-height: 60px;height:60px;overflow: hidden;}
.phone-gonggao .gg-more{color: #cccccc;display: block;}


/*index-main1*/
.index-main1{}
.index-main1 ul{width: 100%;}
.index-main1 ul li{float: left;width: 25%;text-align: center;}
.index-main1 span{display: inline-block;vertical-align: middle;}
.index-main1 .main1-img{width: 66px;height: 66px;line-height: 66px;text-align: center;background-color: #edeff6;}
.index-main1 .main1-txt{font-size: 28px;color: #333333;margin-left: 30px;width: 120px;height: 40px;overflow: hidden;}


/*index-main2*/
.index-main2{background-color: #f4f4f4;margin-bottom: 340px;}
.index-main2 .main2-bg{height:418px;background-attachment: fixed;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;-ms-background-size: cover;background-position: center;}
.index-main2 .main2-content ul{margin-top: 40px;}
.index-main2 .main2-content ul li{width: 50%;height: 300px;background: no-repeat center center;background-size: cover;float: left;}
.index-main2 .main2-content ul li:nth-child(even){float: right;}
.index-main2 .main2-content ul li a{display: table;width: 100%;height: 100%;color: #FFF;background-color: rgba(0,0,0,.33);position: relative;}
.index-main2 .main2-content .c-img{display: table-cell;vertical-align: middle;width: 82px;padding-left: 80px;}
.index-main2 .main2-content .c-text{display: table-cell;vertical-align: middle;position: relative;left: -50px;}
.index-main2 .main2-content .c-text span{height: 55px;line-height: 55px;display: inline-block;}
.index-main2 .main2-content .c-text .text1{font-size: 26px;font-weight: bold;float: left;width: 28%;}
.index-main2 .main2-content .c-text .text2{font-size: 24px;font-family: arial;width: 72%;float: right;}
.index-main2 .main2-content .c-text .text3{font-size: 16px;width: 72%;float: right;display: none;line-height: 27px;overflow: hidden;}
.index-main2 .main2-content ul li:hover .text2{display: none;}
.index-main2 .main2-content ul li:hover .text3{display: block;}
.index-main2 .main2-content ul li:hover a{background-color: rgba(10,56,117,.9);}


/*index-main3*/
.index-main3 .main3-img{height: 567px;background: no-repeat center center;background-size: cover;}
.index-main3 .main3-bg{height:100%;width:50%;top:0;right:0;background:rgba(10,56,117,.8);position:absolute;z-index: 99;}
.index-main3 .main3-text{color: #ffffff;line-height: 27px;max-width: 65%;margin: 100px 0 0 80px;}
.index-main3 .main3-href{}
.index-main3 .main3-href span{display: inline-block;width: 33.3333333%;float: left;font-size: 16px;margin-top: 30px;height: 30px;line-height: 30px;}
.index-main3 .main3-href span:before{display: inline-block;width: 10px;height: 10px;background-color: #FFFFFF;content: "";margin-right: 10px;}
.index-main3 .main3-href a{color: #FFF;}
.index-main3 .main3-more{position: absolute;width: 100%;height: 100%;left: 0;z-index: 98;}


/*index-main4*/
.index-main4{padding: 80px 0 105px 0;}
.index-main4 .main4-content{margin-top: 70px;}
.index-main4 .main4-content .c-left{width: 45%;height: 380px;background: no-repeat center center;position: relative;color: #FFF;}
.index-main4 .main4-content .c-left a{color: #FFF;}
.index-main4 .main4-content .c-left .swiper-slide{position: relative;}
.index-main4 .main4-content .c-left .swiper-slide a{display: block;width: 100%;background-color: rgba(10,56,117,.8);position: absolute;bottom: 0;width: 100%;height: 105px;line-height: 105px;}
.index-main4 .main4-content .c-left .slid-left{line-height: 30px;margin-top: 26px;margin-left: 30px;}
.index-main4 .main4-content .c-left .slid-left span{display: block;text-align: center;}
.index-main4 .main4-content .c-left .slid-left span:first-child{font-size: 36px;}
.index-main4 .main4-content .c-left .slid-right{font-size: 16px;margin-left: 30px;height: 105px;max-width: 345px;overflow: hidden;}
.index-main4 .main4-content .c-right{width: 55%;}
.index-main4 .main4-content .c-right ul{margin-left: 70px;}
.index-main4 .main4-content .c-right ul li{}
.index-main4 .main4-content .c-right ul li a{display: block;width: 100%;height: 100%;}
.index-main4 .main4-content .c-right .r-left{width: 75%;margin-bottom: 20px;}
.index-main4 .main4-content .c-right .r-left .title{font-size: 16px;font-weight: normal;color: #333333;border-bottom: 1px solid #5e7387;height: 45px;line-height: 45px;}
.index-main4 .main4-content .c-right .r-left .content{color: #666;line-height: 30px;height: 60px;overflow: hidden;margin-top: 10px;font-size: 14px;display: none;}
.index-main4 .main4-content .c-right .r-right{width: 25%;text-align: right;}
.index-main4 .main4-content .c-right .r-right .right1{display: none;}
.index-main4 .main4-content .c-right .r-right .right2{height: 45px;line-height: 45px;border-bottom: 1px solid #5e7387;color: #5e7387;}
.index-main4 .main4-content .c-right .r-right span{display: block;font-size: 15px;}
.index-main4 .main4-content .c-right .r-right .span1{font-size: 36px;color: #5e7387;font-weight: bold;margin-right: 20px;margin-top: 10px;}
.index-main4 .main4-content .c-right .r-right2{height: 50px;line-height: 50px;}
.index-main4 .main4-content .c-right .c-list{border-bottom: 1px solid #5e7387;height: 58px;line-height: 58px;}
.index-main4 .main4-content .c-right .c-list .title{font-size: 20px;font-weight: normal;color: #333333;max-width: 480px;height: 60px;overflow: hidden;}
.index-main4 .main4-content .c-right .c-list .date{color: #5e7387;}
.index-main4 .pagination{left: 82%;bottom: 40px;}
.index-main4 .swiper-pagination-switch{margin: 0 5px;}
.index-main4 .main4-content .c-right ul li.active .content{display: block;}
.index-main4 .main4-content .c-right ul li.active .right1{display: block;}
.index-main4 .main4-content .c-right ul li.active .right2{display: none;}

@media only screen and (max-width:1200px ) {
	/*banner*/
	.index-banner .swiper-slide{background-size: cover;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;}
	/*公告*/
	.pc-gonggao{display: none;}
	/*移动端公告*/
	.phone-gonggao{display: block;}
	/*底部*/
	.pc-footer{display: none;}
	.phone-footer{display: block;}
}

@media only screen and (max-width: 880px) {
	.swiper-btn{display: none;}
	.index-banner{height: 365px;}
	.index-banner .banner-text{margin-top: 100px;}
	.index-banner .banner-text h3{font-size: 40px;}
	.index-banner .banner-text p{font-size: 22px;}
	.index-banner .banner-text2{font-size: 16px;bottom: 88px;}
	.index-main1 ul li{width: 50%;margin-bottom: 40px;}
	.index-main1 ul li a{display: flex;align-items: center;justify-content: center;}
	.index-main1.pd80{padding: 50px 0 10px 0;}
	
	/*研发中心*/
	.index-main2 .main2-content ul li{width:49%;margin-bottom: 15px;}
	.index-main2 .main2-content ul li:nth-child(even){margin-left: 1%;}
	
	/*公司简介*/
	.index-main3 .main3-bg{width: 100%;position: relative;background-color: #FFF;}
	.index-main3 .main3-text{color: #333333;margin: 0;padding: 30px 30px 60px 30px;}
	.index-main3 .main3-text{max-width: 100%;}
	.index-main3 .main3-href a{color: #333333;}
	.index-main3 .main3-href span:before{background-color: #0A3875;}
	.index-main3 .main3-img{height: 376px;}
	
	/*期货学院*/
	.index-main4 .main4-content .c-left{width: 100%;}
	.index-main4 .main4-content .c-right{width: 100%;}
	.index-main4 .warper{padding: 0 20px;}
	.index-main4 .main4-content .c-right ul{margin-left: 0;margin-top: 50px;}
	
	.index-title .title1{font-size: 24px;}
	.index-title .title2{font-size: 16px;}
	.index-main2{margin-bottom: 50px;}
	.index-main2 .pd70{padding: 40px 0;}
	.index-main4 .main4-content .c-right .r-left .title{font-size: 16px;}
}

@media only screen and (max-width:480px ) {
	.index-banner{height: 362px;}
	.index-banner .banner-text h3{font-size: 38px;}
	.index-banner .banner-text p{font-size: 20px;}
	.index-banner .banner-text2{font-size: 16px;bottom: 80px;}
	.phone-gonggao .pg-content{padding: 30px 15px;}
	.phone-gonggao .c-list{margin:  20px 0;}
	.phone-gonggao .c-list .list-content .list-date span:first-child{font-size: 20px;}
	.phone-gonggao .c-list .list-content .list-date span:last-child{font-size: 13px;}
	.phone-gonggao .c-list .list-content .list-text a{height: 50px;line-height: 50px;font-size: 16px;}
	
	.index-main1 .warper{padding: 0 10px;}
	.index-main1 .main1-txt{margin-left: 10px;font-size: 16px;}
	.index-main1 ul li{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
	.index-main1 .main1-txt{line-height: 40px;text-align: left;width: auto;}
	.index-main4 .main4-content{margin-top: 40px;}
	.index-main2 .main2-content .c-img{padding-left: 20px;}
	.index-main2 .main2-content ul li{height: 200px;}
	.index-main2 .main2-content .c-text{top: -22px;left: -30px;}
	.index-main2 .main2-content .c-text span{height: 30px;line-height: 30px;overflow: hidden;}
	.index-main2 .main2-content .c-text .text1{font-size: 16px;width: 100%;position: absolute;left: 0;}
	.index-main2 .main2-content .c-text .text2{font-size: 14px;width: 100%;position: absolute;top: 120px;}
	.index-main2 .main2-content ul li:hover .text2{display: block;}
	.index-main2 .main2-content ul li:hover .text3{display: none;}
	
	.index-main3 .main3-text{padding: 30px 15px 60px 15px;}
	.index-main3 .main3-img{height: 300px;}
	
	.index-main4{padding: 40px 0 80px 0;}
	.index-main4 .warper{padding: 0 15px;}
	.index-main4 .main4-content .c-left{height: 300px;}
	.index-main4 .main4-content .c-left .swiper-slide a{height: 60px;line-height: 60px;}
	.index-main4 .main4-content .c-left .slid-left{margin-top: 8px;margin-left: 15px;line-height: 24px;}
	.index-main4 .main4-content .c-left .slid-left span:first-child{font-size: 18px;}
	.index-main4 .main4-content .c-left .slid-left span{font-size: 14px;}
	.index-main4 .main4-content .c-left .slid-right{max-width: 200px;}
	.index-main4 .main4-content .c-right .c-list .title{max-width: 220px;font-size: 18px;}
	.index-main4 .main4-content .c-right .r-left .content{font-size: 15px;}
	.index-main4 .pagination{display: none;}
}

@media only screen and (max-width:375px ) {
	.index-banner{height: 328px;}
}

@media only screen and (max-width:320px ) {
	.index-banner{height: 280px;}
}

@media \0screen\,screen\9 {
	.index-main3 .main3-bg,.index-main4 .main4-content .c-left .swiper-slide a,.index-gonggao{background-color:#0a3875;filter:Alpha(opacity=80);*zoom:1;}
	.index-main2 .main2-content ul li a{background-color:#000;filter:Alpha(opacity=33);*zoom:1;}
	.index-main2 .main2-content ul li:hover a{background-color:#0a3875;filter:Alpha(opacity=90);*zoom:1;}

}