@charset "utf-8";

h3, p, a, span{font-family:'nsr', sans-serif}
.ir-fund{display:inline-block;background: url(/images/fund/main/ir-fund.png) no-repeat}
.ir-title{display:inline-block;background: url(/images/fund/main/ir-title.png) no-repeat}
.ir-ico{display:inline-block;background: url(/images/fund/main/ir-ico.png) no-repeat}
.float{float:left}

.mcontainer{position:relative}
.bg_wrap{position:relative;width:100%;min-height:940px;background:url(/images/fund/main/fund_bg.jpg) no-repeat 50% 50%;background-size:cover}
.cont_wrap{position:relative}
.cont_wrap > .grap{position:relative;width:100%}
.cont_wrap > .grap > .obj{position:relative;width:200%;overflow:hidden}
.cont_wrap > .grap > .obj > section{position:relative;float:left;width:50%;padding:100px 0}
/* .cont_wrap > .grap > .obj > section#section1{padding:100px 0 100px 8.4%;} */

#mtop {position: relative;width: 100%;overflow: hidden;}

#section1 .txt_wrap{position:absolute;top:100px}
#section1 .txt_wrap .ir-title{width:463px;height:114px;background-position:0 0;margin-bottom:20px;font-size:0}
#section1 .txt_wrap .ir-title:before{display:none}
#section1 .txt_wrap p{font-size:18px;color:#fff;opacity:0.8}
#section1 .txt_wrap .more{position:relative;display:block;width:160px;height:50px;padding:10px 18px;border:1px solid #fff;margin-top:50px}
#section1 .txt_wrap .more .opaque_bg{position:absolute;width:100%;height:100%;top:0;left:0;background-color:#000;opacity:0.1;transition: all 300ms ease-out}
#section1 .txt_wrap .more span{position:absolute;z-index:10;color:#fff;font-size:19px}
#section1 .txt_wrap .more span:after{content:"";display:inline-block;width:8px;height:15px;background: url(/images/fund/main/ir-fund.png) no-repeat;background-position: 0 0;margin-left:25px;vertical-align:middle}
#section1 .txt_wrap .more:hover .opaque_bg,
#section1 .txt_wrap .more:focus .opaque_bg{opacity:0.5}
#section1 .txt_wrap ul{margin-top:130px}
#section1 .txt_wrap ul li{width:200px;margin-bottom:10px}
#section1 .txt_wrap ul li a{display:block;width:100%;height:100%}
#section1 .txt_wrap ul li .hrt{float:left;display:block;width:47px;height:47px;margin-right:10px;background-position:-76px -27px;vertical-align:middle}
#section1 .txt_wrap ul li b{font-size:21px;font-weight:normal;color:#fff}
#section1 .txt_wrap ul li b span{display:block;font-size:15px}


#section1 .col_box{position:relative;width:25%;height:290px;border-left:15px solid transparent;margin-bottom:15px}
#section1 .box_inner{width:100%;height:100%;padding:20px 30px}
#section1 .box_inner.no_padding{padding:0}
#section1 .col_box.box1{width:75%;padding-left:51.4%;border:0}
#section1 .col_box.box1 .box_inner{background-color:#ac282b}
#section1 .col_box.box2 .box_inner{background-color:#606671}
#section1 .col_box.box3{width:50%;border-left: 15px solid transparent}
#section1 .col_box.box3 .box_inner{background-color:#fff}
#section1 .col_box.box4 .box_inner{background-color:#395983}
#section1 .col_box.box5 .box_inner{background-color:#fff;}
.col_box .title{margin-bottom:10px;font-size:20px;font-weight:normal;color:#fff}
.col_box .title:before{display:none}
.col_box.box3 .title{padding:20px 0 0 30px;color:#000}
.col_box.box5 .title{color:#000}
.col_box .ifo{position:absolute;top:20px;right:30px;width:32px;height:37px;background-position:0 -27px}
.col_box.box1 ul{margin:0}
.col_box.box1 ul li, .col_box.box2 ul li, .col_box.box4 ul li{background:url(/images/fund/main/bul_white_s.png) no-repeat 0 20px;padding-left:5px;font-size:14px;color:#fff}
.col_box.box1 .dwn_botton{display:block;width:100%;padding:10px 30px;margin-bottom:10px;border:1px solid #fff;font-size:14px;color:#fff;transition: all 300ms ease-out}
.col_box.box1 .dwn_botton:first-chlid{text-align:center}
.col_box.box1 .dwn_botton .yt{color:#f8e273}
.col_box.box1 .dwn_botton .dwn{float:right;display:inline-block;width:7px;height:11px;background-position:-47px 0;margin-top:5px}
.col_box.box1 .dwn_botton:hover,
.col_box.box1 .dwn_botton:focus{background-color:#921c1c}
.col_box .spon{position:absolute;top:20px;right:30px;width:32px;height:37px;background-position:0 -27px}
.col_box.box2 ul li,
.col_box.box4 ul li{font-size:14px;color:#bbbdc1;border-top:1px dotted #999a9b;padding:10px 0 10px 5px;}
.col_box.box2 ul li:first-child,
.col_box.box4 ul li:first-child{border-top:0;padding-top:0;background:url(/images/fund/main/bul_white_s.png) no-repeat 0 10px}
.col_box.box1 ul li{background:none;}
.col_box.box2 ul li a,
.col_box.box4 ul li a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}
.col_box.box2 ul li a:hover,
.col_box.box4 ul li a:hover,
.col_box.box2 ul li a:focus,
.col_box.box4 ul li a:focus{text-decoration:underline;}
.col_box .more{position:absolute;top:35px;right:30px;width:11px;height:11px;background-position:-13px 0;font-size:0}
.col_box.box3 .more{right:57%;background-position:-30px 0}
.col_box.box3 .grap{position:relative;top:-62px;width:100%;height:100%;overflow:hidden;background:url(/images/fund/main/fund_img1.jpg) no-repeat right top;background-size:contain}
.col_box.box3 .grap .obj{position:relative;width:200%}
.col_box.box3 .grap .obj .item{float:left;width:50%;margin-bottom:50px;}
.col_box.box3 .item > div{float:left;width:50%}
.col_box.box3 .item .intro_txt{padding:70px 30px 0 30px}
.col_box.box5 .item .intro_txt{padding:70px 30px 0 30px}
.col_box.box3 .item .intro_txt p{max-height:140px;overflow:hidden;line-height:20px}
.col_box.box3 .item .intro_txt .organ_name{display:block;font-weight:600;font-size:16px;margin-bottom:5px;color:#ac282b}

.col_box.box3 .item .intro_img{position:relative;height:100%;background-color:#fff;}
.col_box.box3 .item .intro_img span{display:none;height:290px;background-color:#ddd;overflow:hidden;position:relative;text-align:center}
.col_box.box3 .item .intro_img span img{width:100%;height:100%}

.col_box.box3 .number{position:absolute;bottom:30px;left:37%}
.col_box.box3 .number button{float:left;display:block;margin-left: 4px;width:10px;height:10px;background: url(/images/fund/main/ir-fund.png) no-repeat;background-position:-76px 0;font-size:0}
.col_box.box3 .number button.ov{background-position:-61px 0}
.col_box.box3:after{position:absolute;top:20px;right:47.4%;z-index:10;content:"";display:block;width:24px;height:39px;background:url(/images/fund/main/intro_arrow.png) no-repeat}

.col_box.box5 .h_3 {height:60px;}
.col_box.box5 .intro_txt .organ_name{display:block;font-weight:600;font-size:16px;margin-bottom:5px;color:#3771bd}
.col_box.box5 .intro_txt p{max-height:140px;overflow:hidden;line-height:20px; display: block;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.col_box.box5 .more{right:12%;background-position:-30px 0}


#section2 .txt_wrap{position:absolute;top:100px}
#section2 .txt_wrap .ir-title{width:433px;height:114px;background-position:0 -126px;margin-bottom:20px;font-size:0}
#section2 .txt_wrap .ir-title:before{display:none}
#section2 .txt_wrap p{font-size:18px;color:#fff;opacity:0.8}
#section2 .txt_wrap .more{position:relative;display:block;width:160px;height:50px;padding:10px 18px;border:1px solid #fff;margin-top:20px}
#section2 .txt_wrap .more .opaque_bg{position:absolute;width:100%;height:100%;top:0;left:0;background-color:#000;opacity:0.1;transition: all 300ms ease-out}
#section2 .txt_wrap .more span{position:absolute;z-index:10;color:#fff;font-size:19px}
#section2 .txt_wrap .more span:after{content:"";display:inline-block;width:8px;height:15px;background: url(/images/fund/main/ir-fund.png) no-repeat;background-position: 0 0;margin-left:25px;vertical-align:middle}
#section2 .txt_wrap .more:hover .opaque_bg,
#section2 .txt_wrap .more:focus .opaque_bg{opacity:0.5}

#section2 .col_box{position:relative;width:25%;height:290px;border-left:15px solid transparent;margin-bottom:15px}
#section2 .box_inner{width:100%;height:100%;padding:20px 30px}

#section2 .col_box.box5{width:75%;padding-left:51.4%;border:0}
#section2 .col_box.box5 .title{margin-bottom:10px}
#section2 .col_box.box5 .box_inner{background-color:#395983}
.col_box .business{position:absolute;top:20px;right:30px;width:32px;height:37px;background-position:-41px -27px}
#section2 .col_box.box5 ul li{padding:10px 0;border-bottom:2px dotted #597193}
#section2 .col_box.box5 ul li a{display:block;font-size:18px;color:#e5e5e5}
#section2 .col_box.box5 ul li a .arrow{float: right;width:19px;height:19px;background-position:-92px 0;margin-top:5px;margin-right:8px}

#section2 .col_box.box6 .btn_ico{float:left;display:block;width:50%;height:50%;padding:30px 0;border:1px solid #911c1f;background-color:#ac282b;color:#fff;text-align:center;}
#section2 .col_box.box6 .btn_ico.ico1{border-top:0;border-left:0}
#section2 .col_box.box6 .btn_ico.ico2{border-top:0;border-left:0;border-right:0}
#section2 .col_box.box6 .btn_ico.ico3{border-top:0;border-bottom:0;border-left:0}
#section2 .col_box.box6 .btn_ico.ico4{border-top:0;border-bottom:0;border-left:0;border-right:0}

#section2 .col_box.box6 .btn_ico .ir-ico{display:block;height:59px;margin:0 auto;margin-bottom:8px}
#section2 .col_box.box6 .btn_ico.ico1 .ir-ico{width:38px;background-position:0 0}
#section2 .col_box.box6 .btn_ico.ico2 .ir-ico{width:38px;background-position:-55px 0}
#section2 .col_box.box6 .btn_ico.ico3 .ir-ico{width:58px;background-position:-108px 0}
#section2 .col_box.box6 .btn_ico.ico4 .ir-ico{width:44px;background-position:-184px 0}

#section2 .col_box.box6 .btn_ico:hover,
#section2 .col_box.box6 .btn_ico:focus{background-color:#911c1f;border-color:#911c1f}

#section2 .col_box.box7{width:100%;height:210px;padding:60px 20px;border:0;background-color: rgba(88, 93, 101, 0.8)}
#section2 .col_box.box7 .grap{position:relative;width:100%;height:100%;overflow:hidden}
#section2 .col_box.box7 .grap .obj{position:relative;width:200%;height:100%}
#section2 .col_box.box7 .grap .obj .item{float:left;width:5%}

#section2 .col_box.box7 .btn_ico{display:block;width:100%;height:100%;text-align:center;color:#fff}
#section2 .col_box.box7 .btn_ico .ir-ico{display:block;height:50px;margin:0 auto;margin-bottom:20px}
#section2 .col_box.box7 .btn_ico.ico5 .ir-ico{width:38px;background-position:0 -75px}
#section2 .col_box.box7 .btn_ico.ico6 .ir-ico{width:47px;background-position:-56px -75px}
#section2 .col_box.box7 .btn_ico.ico7 .ir-ico{width:47px;background-position:-121px -75px}
#section2 .col_box.box7 .btn_ico.ico8 .ir-ico{width:47px;background-position:-185px -75px}
#section2 .col_box.box7 .btn_ico.ico9 .ir-ico{width:47px;background-position:-239px -75px}
#section2 .col_box.box7 .btn_ico.ico10 .ir-ico{width:45px;background-position:0px -135px}
#section2 .col_box.box7 .btn_ico.ico11 .ir-ico{width:50px;background-position:-56px -135px}
#section2 .col_box.box7 .btn_ico.ico12 .ir-ico{width:50px;background-position:-121px -135px}
#section2 .col_box.box7 .btn_ico.ico13 .ir-ico{width:39px;background-position:-185px -135px}
#section2 .col_box.box7 .btn_ico.ico14 .ir-ico{width:34px;background-position:-239px -135px}

#section2 .col_box.box7 .control button{font-size: 0px;}

.cont_wrap > .section-tab{position:absolute;top:35%;right:-130px}
.cont_wrap > .section-tab .color-white{font-size:0}
.cont_wrap > .section-tab .color-white .radius{position:relative;display:block;width:87px;height:87px;border-radius:50%;background-color:rgba(255, 255, 255, 0.2)}
.cont_wrap > .section-tab .color-white .radius .ir.kor-ir{position:absolute;top:27px;left:22px;display:inline-block;width: 40px;height:32px;background:url(/images/common/mstco.png) no-repeat;font-size:0}
.cont_wrap > .section-tab .color-white .radius .ir.kor-ir.mstco1{
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);}



@media(max-width:1200px){
	#section1 .txt_wrap{position:static;margin-bottom:50px}
	#section1 .txt_wrap ul{margin-top: 50px}
	#section1 .txt_wrap ul li{float:left}
	#section1 .col_box{width:50%}
	#section1 .col_box.box1,
	#section1 .col_box.box3{width:50%;padding-left:0;border-left:none}
	.col_box.box3:after{right:46.5%}
	.col_box.box3 .more{right:55%}
	.col_box.box3 .number{left:30px}
	#section2 .txt_wrap{position:static;margin-bottom:50px}
	#section2 .col_box{width:50%}
	#section2 .col_box.box5{width:50%;padding-left:0;border-left:none}
	.cont_wrap > .section-tab{top:200px;right:50px}
}
@media(max-width:1024px){
	#section2 .col_box.box7{padding:60px}
	#section2 .col_box.box7 .grap .obj .item{width:10%}
	#section2 .col_box.box7 .control button{display:block;width:15px;height:26px;font-size:0;background: url(/images/ct/main/ir.png) no-repeat}
	#section2 .col_box.box7 .control button[data-type="prev"]{position:absolute;top:45%;left:40px;background-position:-160px 0}
	#section2 .col_box.box7 .control button[data-type="next"]{position:absolute;top:45%;right:40px;background-position:-207px 0}
}

@media(max-width:768px){
	.cont_wrap > .grap > .obj > section{padding:50px 0 50px 0;}
	#section1 .col_box{width:100%;border-left:none}
	#section1 .col_box.box1,
	#section1 .col_box.box3{width:100%}
	.col_box.box3:after{right:47.5%}
	#section2 .col_box.box7 .grap .obj .item{width:16.66%}
	#section1 .txt_wrap .ir-title{width:320px;height:90px;background-position: 0 -248px}
	#section2 .txt_wrap .ir-title{width:320px;height:90px;background-position: 0 -336px}
	.cont_wrap > .section-tab{top:265px;right:0}
	.cont_wrap > .section-tab .color-white .radius{display: inline-block;margin-left: 10px;width:50px;height:50px;}
	.cont_wrap > .section-tab .color-white .radius .ir.kor-ir{top:17px;left:15px;width: 20px;height: 16px;background-size:100%}
	#section1 .txt_wrap ul li b{font-size:18px;}
	#section1 .txt_wrap ul li b span{font-size:14px}
}

@media(max-width:480px){
	#section1 .col_box.box3{height:580px}
	.col_box.box3 .item > div{float:none;width:100%;height:290px}
	.col_box.box3 .number{bottom:310px}
	.col_box.box3 .more{right:30px}
	.col_box.box3:after{top:278px;-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);transform: rotate(90deg)}
	#section2 .col_box.box7 .grap .obj .item{width:25%}
	#section2 .col_box{width:100%;border-left:0}
	#section2 .col_box.box5{width:100%}
	#section1 .txt_wrap p,
	#section2 .txt_wrap p{font-size:15px}
}