@charset "utf-8";
/* CSS Document */
/**
 * @description: 网站样式
 * @author: ishang_pan
 * @update: ishang_pan 
*/

.m-gk{width:100%;height:1216px;background:url(../images/about/main-bj.png) center center no-repeat;}
.m-title{margin:40px auto 50px;width:752px;height:90px;}
.m-title img{width:100%;height:100%;}
.m-present{background:url(../images/about/ggg.png) right bottom no-repeat;}
.m-pre-img{width:665px;height:391px;}
.m-pre-img video{width:100%;height:100%;}
.m-pre-img a{top:0;right:0;bottom:0;left:0;z-index:999;width:100%;height:100%;background-color:rgba(0,0,0,.3);}
.m-pre-img a img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.m-pre-content{width:735px;}
.m-pre-content p{color:#333;text-indent:36px;letter-spacing:0;font-weight:400;font-stretch:normal;font-size:16px;font-family:MicrosoftYaHei;line-height:34px;}
.m-pre-content p a{color:red;font-weight:600;}
.m-tab{margin-top:32px;border:solid 1px #c5d6f7;}
.m-tab ul li{float:left;display:flex;}
.m-tab .m-zh{width:131.5px;height:303px;}
.m-tab ul li:nth-child(1) .m-zh{background:url(../images/about/m-zhbj.png) center center no-repeat;}
.m-tab ul li:nth-child(1) .m-zh p{color:#72a0ff;}
.m-tab ul li:nth-child(2) .m-zh{background:url(../images/about/m-xzbj.png) center center no-repeat;}
.m-tab ul li:nth-child(2) .m-zh p{color:#76c6ef;}
.m-tab ul li:nth-child(3) .m-zh{background:url(../images/about/m-lsbj.png) center center no-repeat;}
.m-tab ul li:nth-child(3) .m-zh p{color:#f8ab01;}
.m-tab ul li:nth-child(4) .m-zh{background:url(../images/about/m-jtbj.png) center center no-repeat;}
.m-tab ul li:nth-child(4) .m-zh p{color:#71d67e;}
.m-tab .m-zh div{margin:57px auto 12px;width:70px;height:70px;border-radius:100%;}
.m-tab .m-zh p{padding:0 54px;width:24px;letter-spacing:3px;font-weight:400;font-stretch:normal;font-size:24px;font-family:MicrosoftYaHei;line-height:28px;}
.m-zh-content{padding:29px 35px 22px 29px;width:912px;height:303px;background-color:#fff;-webkit-transition:all .8s ease;}
.m-zh-content h1{position:relative;color:#1764ce;letter-spacing:0;font-weight:bold;font-stretch:normal;font-size:22px;font-family:MicrosoftYaHei;line-height:28px;}
.m-zh-content p{display:-webkit-box;overflow:hidden;margin:22px 0 15px 0;color:#333;text-indent:36px;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis;letter-spacing:0;font-weight:400;font-stretch:normal;font-size:16px;font-family:MicrosoftYaHei;line-height:34px;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;}
.m-zh-content a{display:block;margin-left:auto;width:151px;height:49px;border-radius:25px;background-color:#87a7f8;color:#fff;text-align:center;letter-spacing:0;font-weight:400;font-stretch:normal;font-size:16px;font-family:MicrosoftYaHei;line-height:49px;}
.m-tab ul li:nth-child(2) .m-zh-content h1{color:#76c6ef;}
.m-tab ul li:nth-child(3) .m-zh-content h1{color:#f8ab01;}
.m-tab ul li:nth-child(4) .m-zh-content h1{color:#71d67e;}

.m-sh{margin-top:59px;}
.m-sh ul{display:flex;padding-left:20px;justify-content:space-around;}
.m-sh ul li{float:left;overflow:hidden;margin-right:84px;width:192px;height:168px;}
.m-sh ul li:last-child{margin-right:0;}
.m-sh ul li a{position:relative;display:block;}
.m-sh ul li a img{width:100%;height:100%;}
.m-sh ul li a img{-webkit-transition:all .8s ease;transition:all .8s ease;}
.m-sh ul li a:hover img{-webkit-transition:all .8s ease;transition:all .8s ease;-webkit-transform:scale(1.05);transform:scale(1.05);transform:rotate(360deg);}
.m-sh ul li a p{position:absolute;top:50%;left:50%;color:#fff;text-align:center;text-shadow:#002a63 3px 3px;letter-spacing:0;font-weight:700;font-stretch:normal;font-size:28px;font-family:MicrosoftYaHei-Bold;transform:translate(-50%,-50%);}


/*! 畅游 */
.m-cy{padding-bottom:85px;}
.m-cy .m-title{margin:40px auto 50px;width:752px;height:90px;}
.m-sjt,.m-sjt .bd img,.m-sjt .bd li{width:100%;height:584px;}
.m-sjt .bd li{position:relative;}
.m-sjtlist{bottom:28px;left:52px;padding:0 32px 0 30px;width:1340px;height:161px;border-radius:10px;background-color:rgba(255,255,255,.72);}
.m-sjtlist li{float:left;width:12.5%;text-align:center;}
.m-sjtlist li div{display:flex;margin:29px auto 16px;width:64px;height:64px;border:solid 1px #1764ce;border-radius:100%;background-color:#fff;align-items:center;justify-content:center;}
.m-sjtlist li p{color:#333;letter-spacing:1px;font-weight:400;font-stretch:normal;font-size:22px;font-family:MicrosoftYaHei;}
.m-sjtlist li div:hover img{-webkit-transition:all .8s ease;transition:all .8s ease;-webkit-transform:rotateY(360deg);transform:rotateY(360deg);}


/*! 投资 */
.m-tz{padding-bottom:64px;background-color:#f5f5f5;}
.m-tz .m-title{margin:71px auto 49px;width:752px;height:90px;}
.m-tzimg{display:flex;}
.m-tzimg a{display:block;height:500px;}
.m-tzimg a:nth-child(2) p,.m-tzimg a:nth-child(3) p{padding:207px 29px 206px 29px;width:22px;color:#fff;letter-spacing:0;font-weight:400;font-stretch:normal;font-size:22px;font-family:MicrosoftYaHei;}
.m-tzimg a:first-child{width:740px;}
.m-tzimg a:nth-child(2),.m-tzimg a:nth-child(3){width:80px;}
.m-tzimg a:nth-child(2){background:url(../images/page/m-tzbj1.png) center center no-repeat;}
.m-tzimg a:nth-child(3){background:url(../images/page/m-tzbj2.png) center center no-repeat;}
.m-tzimg a:first-child p{bottom:0;width:100%;height:65px;background-color:rgba(0,29,69,.58);color:#fff;text-align:center;letter-spacing:0;font-weight:400;font-stretch:normal;font-size:22px;font-family:MicrosoftYaHei;line-height:65px;}
.m-tzlist li{margin-bottom:20px;}
.m-tzlist li:last-child{margin-bottom:0;}
.m-tzlist li a{display:flex;width:340px;height:110px;background-color:#fff;align-items:center;justify-content:center;}
.m-tzlist li a:hover img{-webkit-transition:all .8s ease;transition:all .8s ease;-webkit-transform:rotateY(360deg);transform:rotateY(360deg);}
.m-tzlist li span{margin-left:16px;color:#333;letter-spacing:0;font-weight:400;font-stretch:normal;font-size:22px;font-family:MicrosoftYaHei;}
.m-tzlist li a .m-wx{z-index: 9999;width: 150px;height: 150px;right: -150px;bottom: 0;}

/* 手风琴效果 */
.m-accordion{width:1060px;height:500px;}
.m-accordion li{float:left;width:100px;height:500px;background:rgba(23,100,206,.7);}
.m-accordion li a{position:relative;display:block;width:100%;height:100%;background:rgba(23,100,206,.7);}
.m-accordion li a::after{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:rgba(23,100,206,.7);content:"";}
.m-accordion li img{width:100%;height:100%;object-fit:cover;}
.m-accordion li.active{width:860px;}
.m-accordion li.active a::after{display:none;}
.u-vertical{position:absolute;top:50%;left:50%;z-index:2;width:22px;color:#fff;letter-spacing:0;font-weight:400;font-stretch:normal;font-size:22px;font-family:MicrosoftYaHei;opacity:1;transition:all .3s ease-in-out;transform:translate(-50%,-50%);}
.m-accordion li.active .u-vertical{opacity:0;}
.u-transverse{position:absolute;bottom:0;left:0;width:100%;height:65px;background:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0)),to(rgba(0,0,0,.8)));color:#fff;text-align:center;letter-spacing:0;font-weight:400;font-stretch:normal;font-size:22px;font-family:MicrosoftYaHei;line-height:65px;opacity:0;transition:all .3s ease-in-out;}
.m-accordion li.active .u-transverse{opacity:1;}

/* 移动端投资 */
.m-invstmntnfrmtn{width: 100%;display: none;}
.g-invstmntnfrmtn,.g-invstmntnfrmtn .owl-item,.g-invstmntnfrmtn img{height: 500px;}
.g-invstmntnfrmtn img{display: block; width: 100%;}
.g-invstmntnfrmtn .owl-item,.g-invstmntnfrmtn .owl-item a{position: relative;}
.g-invstmntnfrmtn .owl-item a{display: block;}
.g-invstmntnfrmtn .owl-item p{position: absolute; left: 0; right: 0; bottom: 0; padding: 0 108px 0 18px; line-height: 55px; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; background: rgba(0,0,0,.5); font-size: 18px; color: #fff;}
.g-invstmntnfrmtn .owl-pagination{position: absolute; right: 18px; bottom: 22px;}
.g-invstmntnfrmtn .owl-pagination .owl-page{float: left; margin-left: 8px;}
.g-invstmntnfrmtn .owl-pagination .owl-page span{display: block; width: 16px; height: 16px; background: rgba(255,255,255,.54); -moz-border-radius: 10px; border-radius: 10px;}
.g-invstmntnfrmtn .owl-pagination .active span{background: #c80000;}

/* 荣誉 */
.g-ry{display:flex;padding:70px 0;justify-content:center}
.g-ry a{position:relative;display:block;overflow:hidden;width:460px;height:160px;margin-right:30px}
.g-ry a:last-child{margin-right:0}
.g-ry a p{position:absolute;top:31px;left:147px}
.g-ry a p span{display:block}
.g-ry a p span:first-child{color:#236eac;letter-spacing:0;font-weight:700;font-stretch:normal;font-size:22px;font-family:MicrosoftYaHei-Bold}
.g-ry a p span:last-child{padding-top:5px;color:#236eac;letter-spacing:0;font-weight:400;font-stretch:normal;font-size:16px;font-family:MicrosoftYaHei}
.g-ry a img{-webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.g-ry a:hover img{-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;-webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}
.g-ry a img{width:100%;height:100%}

/*media query*/
/*large pcScreen*/
@media screen and (min-width:1200px) and (max-width: 1440px) {
	.m-pre-content {width: 530px;}
	.m-zh-content{width: 670px;}
	.m-sjtlist{width: 1110px;}
	

	.m-tzlist{float: none !important;}
	.m-accordion{width: 100%;display: flex;justify-content: center;}
	.m-tzlist li{float: left;margin-right: 20px;margin-top: 30px;margin-bottom: 0;}
	.m-tzlist li:last-child{margin-right: 0;}
	.m-tzlist li a{width: 285px;}
	.m-tzlist li a .m-wx{right: -95px;}
}
@media (min-width:1200px) {


}
/*medium pcScreen lg*/
@media screen and (max-width: 1199px) {
    

}
/*pad md*/
@media screen and (max-width: 991px ){
	.m-title,.m-pre-img,.m-pre-content,.m-ry div a,.m-tzimg a:first-child{width: 100% !important;}
	.m-gk{height: 3500px !important;background-size: 100% 100%;}
	.m-tab li:nth-child(2) .m-zh-content,.m-tab li:nth-child(3) .m-zh-content,.m-tab li:nth-child(4) .m-zh-content{display: block !important;}
	.m-zh-content{width: 100% !important;}
    .m-tab .m-zh{flex-shrink: 0;}
	
    .m-sh ul{flex-wrap: wrap;justify-content: center;}
    .m-sh ul li{margin-right: 0 !important;}

	.m-sjtlist li {width: 50% !important;}
	.m-sjt{padding-top: 10px !important;}
	.m-sjtlist{height: 584px !important;left: 0;top: 0;}
	.m-tzlist{float: none;}
	.m-tzlist li:first-child{margin-top: 20px;}
	.m-tzlist li a{margin: 0 auto;}
	.m-ry{padding: 55px 10px 32px 10px !important;}
	.m-sjtlist{width: 100% !important;}

    .m-tz .m-title,.m-cy .m-title,.m-title{height: auto;}

    .m-accordion{display: none;}
    .m-invstmntnfrmtn{display: block;}
    .g-invstmntnfrmtn, .g-invstmntnfrmtn .owl-item, .g-invstmntnfrmtn img{height: 260px;}
    
    .g-ry{padding: 20px 0 10px;}
    .g-ry{flex-wrap: wrap;}
    .g-ry a{margin-right: 0;margin-bottom: 10px;}
    .g-ry a p{left: 108px;}
}
/*phone sm*/
@media screen and (max-width: 767px) {
    


}
/*small xs*/
@media screen and (max-width: 638px) {
    

}