﻿
/* 投资者关系-分析员信息 */
.fxyxx{ padding-top:65px;}
.fxyxx ul{ padding:60px 60px 90px;}
.fxyxx li{ width:33.3%; float:left; padding:0 20px; box-sizing:border-box; margin-bottom:40px;}
.fxyxx .li_box{ border:2px solid #df2407; padding:25px 38px 40px;}
.fxyxx .li_box span{ display:block;}
.fxyxx .li_box > span{ border-bottom:1px solid #d1d1d1; overflow:hidden; padding:7px 0 10px;}
.fxyxx span .ion{ background:url(../image/tzz_ion-1.png) no-repeat left top; padding-top:30px; float:left; font-size:12px; line-height:12px; font-weight:bold;}
.fxyxx .span2 .ion{ background-image:url(../image/tzz_ion-2.png);}
.fxyxx .span3 .ion{ background-image:url(../image/tzz_ion-3.png); background-position:left 6px;}
.fxyxx .span4 .ion{ background-image:url(../image/tzz_ion-4.png);}
.fxyxx span .tet{ margin-left:60px; font-size:16px; line-height:24px; padding-top:10px;}
.fxyxx span .tet i{ color:#df2407; font-weight:bold;}

/* 投资者关系-股票信息 */
.gpxx_box{ background:url(../image/tzz_bg-1.jpg) no-repeat center top #fff;}
.gpxx{ padding:65px 0 135px;}
.gpxx .content{ padding:0 80px;}
.gpxx .content .title{ text-align:center; font-size:18px; line-height:20px; padding:45px 0 25px;}
.gpxx .content iframe{ /*display:none;*/ width:100%; height:700px; overflow-x:scroll;}

/* 投资者关系-企业管治 */
.qygz_main{ margin-bottom:0;}
.qygz{ padding-top:65px;}
.qygz ul{ padding:50px 100px 64px 88px;}
.qygz li{ padding:0 43px; width:33.3%; float:left; box-sizing:border-box; margin-bottom:82px;}
.qygz .li_box{ width:335px; height:426px; position:relative; display:block; color:#333; transition: 0.4s; -webkit-transition: 0.4s;}
.qygz .li_box span{ display:block;}
.qygz .li_box:before { content:""; position:absolute; left:12px; top:19px; display:block; width:100%; height:100%; box-sizing: border-box; background: #f9f9f9; z-index:1; transition: 0.4s; -webkit-transition: 0.4s;}
.qygz .con{ background: url(../image/tzz_bg-3.jpg) no-repeat center; padding:80px 40px 0; box-sizing:border-box; text-align:center; font-size:30px; line-height:48px; width:100%; height:100%; position:relative; z-index:2;}
.qygz .con:before { content:""; position:absolute; left:0; top:0; display:block; width:100%; height:100%; box-sizing: border-box; background:  url(../image/tzz_bg-2.jpg) no-repeat center; z-index:2; transition: 0.4s; -webkit-transition: 0.4s; opacity:0;}
.qygz .tet{ position:relative; z-index:5;}
.qygz .btn{ width:43px; height:43px; background: url(../image/tzz_ion-5.jpg) no-repeat center; position:absolute; bottom:32px; left:50%; margin-left:-21px; z-index:3;}
.qygz .btn:before { content:""; position:absolute; left:0; top:0; display:block; width:100%; height:100%; box-sizing: border-box; background:  url(../image/tzz_ion-6.jpg) no-repeat center; z-index:4; transition: 0.4s; -webkit-transition: 0.4s; opacity:0;}
.qygz .a_box:hover .li_box{ color:#fff;}
.qygz .a_box:hover .li_box:before{ background:#efefef;}
.qygz .a_box:hover .con:before{ opacity:1;}
.qygz .a_box:hover .btn:before{ opacity:1;}

/* 投资者关系-董事局成员 */
.dsjcy_main{ margin-bottom:50px;}
.dsjcy_part{ position:relative; z-index:3; padding-bottom:100px;}
.dsjcy_part2{ z-index:2; background:#f8f8f8; box-shadow: 5px 0px 27px rgba(0, 0, 0, 0.1);}
.dsjcy_part3{ z-index:1; background:#f5f5f5; box-shadow: 5px 0px 27px rgba(0, 0, 0, 0.1);}
.dsjcy_part1{ padding-top:65px;}
.dsjcy_part1 .txt_box{ padding:50px 0 40px;}
.dsjcy_part2 .txt_box .txt{ padding:0;}
.dsjcy_part .ul_box{ position:relative;}
.dsjcy_part .ul_box:before,
.dsjcy_part .ul_box:after{ content:""; position:absolute; top:0; display:block; width:1px; height:100%; box-sizing: border-box; background:#dfdfdf; z-index:4;}
.dsjcy_part .ul_box:before{ left:34.3%;}
.dsjcy_part .ul_box:after{ right:34.3%;}
.dsjcy_part1 .ul_box:before{ left:31.3%;}
.dsjcy_part1 .ul_box:after{ right:31.3%;}
.dsjcy_part ul{ padding:0 40px;}
.dsjcy_part li{ width:33.3%; float:left; padding:0 40px; box-sizing:border-box; text-align:justify;}
.dsjcy_part li span{ display:block; font-size:16px; line-height:28px;}
.dsjcy_part .name{ font-size:36px; font-weight:300; line-height:38px;}
.dsjcy_part .position{ font-size:18px; line-height:20px; padding:15px 0 10px;}
.dsjcy_part1 li{ width:30%;}
.dsjcy_part1 li.li2{ width:40%;}
.dsjcy_part .li_box2{ padding-top:35px; margin-top:45px; border-top:1px solid #dfdfdf;}
.dsjcy_part3 .txt_box .txt{ width:201px; height:159px;}
.dsjcy_part3 .txt_box .txt span{ line-height:24px; padding-top:13px; margin-bottom:12px;}
.dsjcy_main .biaog{ padding-top:65px;}
.dsjcy_main .biaog .txt{ padding-bottom:30px; font-size:18px;}
.dsjcy_main .biaog table{ background:#fff; box-shadow: 5px 0px 27px rgba(0, 0, 0, 0.1);}
.dsjcy_main .biaog tr:hover td{ background-color:#eee;}
.dsjcy_main .biaog th{ background:#d50b18; color:#fff; border-right:1px solid #ea858c; font-size:16px; padding:12px 0;}
.dsjcy_main .biaog td{ padding:15px 20px 15px 90px; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; width:20%; transition:all 0.3s; -webkit-transition:all 0.3s;}
.dsjcy_main .biaog .last{ border-right:none;}
.dsjcy_main .biaog .tr1 td{ border-bottom:none;}
.dsjcy_main .biaog .tet{ text-align:right; font-weight:bold; font-size:12px; padding-top:16px;}
.dsjcy_main .biaog .tet i{ padding:0 15px;}

/* 投资者关系-投资者推荐 */
.tzztj_box{ background:url(../image/tzz_bg-4.jpg) no-repeat center top #fff;}
.tzztj_box .gpxx{ padding-bottom:80px;}
.tzztj_box .gpxx .content{ text-align:center;}
.tzztj_box .sp{ width:640px; display:inline-block; height:360px;}
.tzztj_box .gpxx .content iframe{ height:100%;}

/* 投资者关系-信息披露 */
.xxpl_main{ margin-bottom:0;}
.xxpl_part{ position:relative; z-index:3; padding-bottom:100px;}
.xxpl_part2{ z-index:2; background:#f5f5f5; box-shadow: 5px 0px 27px rgba(0, 0, 0, 0.1);}
.xxpl_part .jianj_txt{ padding:50px 0 70px;}
.xxpl_part1{ padding-top:70px;}
.xxpl_part ul{ padding:0 26px 20px 46px;}
.xxpl_part li{ width:25%; float:left; padding:0 34px; box-sizing:border-box; margin-bottom:80px;}

.xxpl_part li a{ display:block; position:relative;}
.xxpl_part li span{ display:block; transition: 0.4s; -webkit-transition: 0.4s;}
.xxpl_part li .bg{ position:absolute; left:0; top:0; width:100%;border-radius: 5px; height:100%; background:#dd2431;}
.xxpl_part li .time{ position:absolute; left:20px; top:0; line-height:45px; font-size:18px; color:#fff;}
.xxpl_part li .pic{ line-height:0; width:215px; padding:45px 20px 20px 20px; position:relative;}
.xxpl_part li .pic img{ width:100%; border:1px solid #fff;border-radius: 2px;}
.xxpl_part li a:hover .bg{ width:100%; height:100%;}
.xxpl_part li a:hover .time{ opacity:0;}
.xxpl_part li a:hover .pic{ padding:23px 3px 22px 18px;}
.xxpl_part .in_part5{ text-align:center;}
/*.xxpl_part .more{ color:#333;}*/

/* 联系我们-加入我们 */
.jrwm_main{ margin-bottom:0;}
.jrwm_part{ position:relative; z-index:3; padding-bottom:130px;}
.jrwm_part2{ z-index:2; background:#f5f5f5; box-shadow: 5px 0px 27px rgba(0, 0, 0, 0.1);}
.jrwm_part .top{ position:relative;}
.jrwm_part .top .txt{ position:absolute; left:0; top:0; width:33.8%; height:100%; background-position:center; background-repeat:no-repeat; padding:75px 40px 0; box-sizing:border-box;}
.jrwm_part .top .top_txt{ color:#fff;}
.jrwm_part .top .top_txt::before{ background:#fff;}
.jrwm_part .top .en{ font-weight:bold; color:#fff; text-align:center; padding-top:25px; font-size:200px; line-height:248px; display:block;}
.jrwm_part .top .city{ color:#fff; font-size:24px; font-weight:bold; line-height:30px; margin:0 65px; padding-top:20px; border-top:1px solid rgba(255,255,255,0.2);}
.jrwm_part .top .city i{ background:url(../image/jrwm_ion-1.png) no-repeat left center; padding-left:35px;}
.jrwm_part .top .btn{ position:absolute; left:287px; bottom:68px;}
.jrwm_part .top .btn a{ background:rgba(255,255,255,1); color:#333; font-size:16px; line-height:50px; display:inline-block; padding:0 70px;}
.jrwm_part .top .btn a.a1{ margin-right:1px;}
.jrwm_part .top .btn a.one,
.jrwm_part .top .btn a:hover{ background:#333; color:#fff;}
.jrwm_part .top .btn a.a2{ border-right:1px solid #a5a5a5;}
.jrwm_part .list{ padding:100px 180px 0;}
.jrwm_part .list ul{ border-top:1px solid #e0e4e6;}
.jrwm_part .list ul > li{ position:relative; overflow:hidden;}
.jrwm_part .list ul > li dl.one{ border-bottom:1px solid #dd2431;}
.jrwm_part .list .btn{ width:17px; height:17px; background: url(../image/jrwm_ion-2.png) no-repeat center; display:block; position:absolute; right:8px; top:20px; cursor:pointer;}

.jrwm_part .list .one .btn{background: url(../image/jrwm_ion-3.png) no-repeat center;}
.jrwm_part .list dt{ font-size:16px; line-height:18px; padding:20px 0; border-bottom:1px solid #e0e4e6; transition: 0.4s; -webkit-transition: 0.4s;}
.jrwm_part .list dl.one dt{ border-bottom:1px solid #dd2431; font-size:18px; color:#dd2431;text-align: center;}
.jrwm_part .list dd{ display:none; padding:28px 0 12px; margin:0 -38px;}
.jrwm_part .list .dd_box{ clear:both; overflow:hidden; position:relative;}
.jrwm_part .list .dd_box:before { content:""; position:absolute; left:50%; top:0; display:block; width:1px; height:100%; background: #f0f0f0;}
.jrwm_part .list .dd_box:after { content:""; position:absolute; left:50%; bottom:0; display:block; width:1px; height:15px; background: #fff;}
.jrwm_part .list .dd_box > div{ width:50%; float:left; padding:0 38px; box-sizing:border-box;}
.jrwm_part .list dd .strong{ font-size:18px; font-weight:bold; padding-bottom:15px; display:block;}
.jrwm_part .list dd li{ line-height:20px; padding-left:17px; background:url(../image/jrwm_ion-4.png) no-repeat left 3px; padding-bottom:18px;}
.jrwm_part2{ text-align:center; padding:80px 165px 132px;}
.jrwm_part2 span{ display:block; font-size:16px; line-height:30px;}
.jrwm_part2 span.ewm{ display:inline-block; width:130px; border:1px solid #e8e8e8; line-height:0; margin:70px 0 8px;}
.jrwm_part2 span.ewm img{ width:100%;}
.jrwm_part2 span.spa2{ font-size:14px; line-height:16px;}
.jrwm_part2 span.spa2 i{ display:inline-block; width:132px; text-align:justify;}
.jrwm_part2 span.spa2 i::after{ content:""; display:inline-block; width:100%;}

.jrwm_part .iph_top_txt{ display:none;}


/*响应式*/
@media screen and (max-width:1400px){

/*董事局成员*/
.dsjcy_part ul{ padding:0 10px;}
.dsjcy_part li{ padding:0 30px;}
.dsjcy_part .position{ padding:10px 0 25px;}
.dsjcy_part .ul_box::before{ left:33.5%;}
.dsjcy_part .ul_box::after{ right:33.5%;}
.dsjcy_part li span{ font-size:14px; line-height:24px;}
.dsjcy_part1 .ul_box::before{ left:30.3%;}
.dsjcy_part1 .ul_box::after{ right:30.2%;}
.dsjcy_part .name{ font-size:32px;}

/*分析员信息*/
.fxyxx ul{ padding:50px 30px;}
.fxyxx .li_box{ padding:25px 30px 30px;}
.fxyxx span .tet{ font-size:14px;}
.fxyxx span .ion{ background-size:23px;}


/*股票信息*/
.gpxx_box{ background-size:100%;}
.gpxx{ padding-bottom:110px;}

/*企业管治*/
.qygz ul{ padding:50px 70px 45px 38px;}
.qygz .li_box{ width:300px; height:382px;}
.qygz .con{ background-size:100%; font-size:26px; line-height:36px;}

/*信息披露*/
.xxpl_part{ padding-bottom:80px;}
.xxpl_part ul{ padding:0 16px 10px 26px;}
.xxpl_part li{ padding:0 20px; margin-bottom:50px;}
.xxpl_part li .pic{ width:208px;}

/*加入我们*/
.jrwm_part{ padding-bottom:100px;}
.jrwm_part .top .pic img{ width:100%;}
.jrwm_part .top .txt{ padding-top:55px;}
.jrwm_part .top .en{ font-size:186px; line-height:186px;}
.jrwm_part .top .btn{ bottom:50px; left:33.8%; margin-left:-172px;}
.jrwm_part .list{ padding:80px 100px 0;}
.jrwm_part2 span.ewm{ margin-top:50px;}


}

@media screen and (max-width:1200px){

/*分析员信息*/
.fxyxx li{ width:50%;}

/* 投资者关系-股票信息 */
.gpxx .content{ padding:0 40px;}

/*企业管治*/
.qygz ul{ padding:50px 60px 45px 48px;}
.qygz li{ margin-bottom:40px; padding:0 30px;}
.qygz .a_box{ text-align:center;}
.qygz .li_box{ width:230px; height:293px; display:inline-block;}
.qygz .li_box::before{ top:12px;}
.qygz .con{ font-size:20px; line-height:28px; padding:40px 30px 0;}

/* 投资者关系-信息披露 */
.xxpl_part .jianj_txt{ padding:30px 0 40px;}
.xxpl_part li{ margin-bottom:30px; padding:0 15px;}
.xxpl_part li .time{ font-size:16px; line-height:35px;}
.xxpl_part li .pic{ width:85%; padding:35px 0 0 7.5%;}
.xxpl_part li a:hover .pic{ padding:17px 0 18px 7.5%;}

/*加入我们*/
.jrwm_part .top .en{ font-size:150px; line-height:150px;}
.jrwm_part .top .city{ margin:0 50px; font-size:16px; padding-top:15px;}
.jrwm_part .top .city i{ padding:0 0 0 20px; background-size:15px;}
.jrwm_part .top .btn{ margin-left:-142px;}
.jrwm_part .top .btn a{ padding:0 55px; line-height:40px;}
.jrwm_part .list{ padding:0 40px;}



}

@media screen and (max-width:1002px){

/*董事局成员*/
.dsjcy_part{ padding-bottom:20px;}
.dsjcy_part1 .txt_box{ padding:30px 0 40px;}
.dsjcy_part .ul_box::before,
.dsjcy_part .ul_box::after{ display:none;}
.dsjcy_part li{ float:none; width:100%; margin-bottom:35px;}
.dsjcy_part1 li.li2{ width:100%;}
.dsjcy_part .name{ font-size:24px; font-weight:400; line-height:26px; padding-bottom:5px;}
.dsjcy_part .position{ font-size:16px; padding:0 0 10px 0;}
.dsjcy_part .li_box2{ border-top:0; margin-top:0;}
.dsjcy_main .biaog{ padding-top:40px;}
.dsjcy_main .biaog td{ padding:15px 20px; text-align:center;}
.dsjcy_main .biaog .txt{ font-size:16px; padding-bottom:15px;}

/*分析员信息*/
.fxyxx ul{ padding:40px 10px 30px;}
.fxyxx li{ padding:0 10px; margin-bottom:20px;}

/* 投资者关系-股票信息 */
.gpxx{ padding-bottom:60px;}
.gpxx .content{ padding:0 20px;}
.gpxx .content iframe{ height:500px;}

/*企业管治*/
.qygz li{ width:50%;}

/* 投资者关系-信息披露 */
.xxpl_part li{ width:33.3%;}

/*加入我们*/
.jrwm_part .top .txt{ padding:40px 0 0 0;}
.jrwm_part .top .en{ font-size:100px; line-height:100px; padding-top:15px;}
.jrwm_part .top .city{ margin:10px 75px 0; font-size:14px;}
.jrwm_part .top .btn{ bottom:30px;}
.jrwm_part .list dd{ margin:0 -25px;}
.jrwm_part .list .dd_box > div{ padding:0 25px;}
.jrwm_part .list dd .strong{ font-size:16px;}
.jrwm_part2{ padding:60px 80px;}
.jrwm_part2 span.ewm{ margin-top:30px;}



}

@media screen and (max-width:758px){
	
	/*董事局成员*/
	.dsjcy_part{ padding-bottom:0;}
	.dsjcy_part1{ padding-top:40px;}
	.dsjcy_part ul{ padding:0 16px;}
	.dsjcy_part li{ padding:0; margin-bottom:30px;}
	.dsjcy_part .name{ font-size:18px; line-height:20px; padding-bottom:10px;}
	.dsjcy_part .position{ font-size:14px;}
	.dsjcy_part li span{ font-size:12px; line-height:20px;}
	.dsjcy_part3 .txt_box .txt{ height:120px;}
	.dsjcy_main .biaog{ padding:30px 16px 0;}
	.dsjcy_main .biaog .txt{ font-size:14px; line-height:20px;}
	.dsjcy_main .biaog td{ padding:10px; width:17.5%;}
	.dsjcy_main .biaog th{ padding:10px 5px;}
	.dsjcy_main .biaog th,
	.dsjcy_main .biaog td{ font-size:12px;}
	.dsjcy_main .biaog tr td:nth-child(1){ width:30%;}
	.dsjcy_main .biaog .tet{ font-size:11px; padding-top:10px;}
	.dsjcy_main .biaog .tet i{ padding:0 5px;}
	
	
	/*分析员信息*/
	.fxyxx{ padding-top:40px;}
	.fxyxx ul{ padding:30px 11px 20px;}
	.fxyxx li{ padding:0 5px; margin-bottom:16px;}
	.fxyxx .li_box{ padding:10px 20px 20px;}
	.fxyxx span .ion{ background-size:20px; padding-top:25px;}
	.fxyxx span .tet{ font-size:14px; line-height:18px;}
	
	
	/*股票信息*/
	.gpxx{ padding:40px 0;}
	.gpxx .content .title{ padding-top:30px; font-size:14px;}
	
	
	/*企业管治*/
	.qygz{ padding-top:40px;}
	.qygz ul{ padding:30px 16px 45px 16px;}
	.qygz li{ padding:0; margin-bottom:30px;}
	.qygz .li_box{ width:194px; height:247px;}
	.qygz .con{ font-size:16px;}
	
	
	/*投资者推荐*/
	.tzztj_box .sp{ width:100%;}
	
	
	/*信息披露*/
	.xxpl_part{ padding-bottom:40px;}
	.xxpl_part1{ padding-top:40px;}
	.xxpl_part .jianj_txt{ padding:20px 0 30px;}
	.xxpl_part ul{ padding:0 11px;}
	.xxpl_part li{ width:50%; padding:0 5px;}
	.xxpl_part .in_part5{ padding-bottom:0;}
	
	
	/*加入我们*/
	.jrwm_main{ margin-bottom:40px;}
	.jrwm_part{ padding-bottom:30px;}
	.jrwm_part .iph_top_txt{ display:block; padding-top:40px;}
	.jrwm_part .top{ margin:25px 16px 0;}
	.jrwm_part .top .txt{ padding-top:0;}
	.jrwm_part .top .top_txt{ display:none;}
	.jrwm_part .top .en{ font-size:55px; line-height:55px; padding-top:10px;}
	.jrwm_part .top .city{ margin:0; border-top:none; padding:5px 10px 0 10px; line-height:14px; text-align:center;}
	.jrwm_part .top .city i{ background-size:8px; font-size:11px; padding-left:13px; display:inline-block; width:65px; text-align:left; box-sizing:border-box;}
	.jrwm_part .top .btn{ bottom:15px; margin-left:-60px;}
	.jrwm_part .top .btn a{ line-height:22px; font-size:12px; padding:0 18px;}
	.jrwm_part .list{ padding:0 16px;}
	.jrwm_part .list dt{ font-size:15px;}
	.jrwm_part .list dl.one dt{ font-size:16px;}
	.jrwm_part .list dd{ margin:0; padding-top:23px;}
	.jrwm_part .list .dd_box::before{ display:none;}
	.jrwm_part .list .dd_box > div{ width:100%; padding:0;}
	.jrwm_part .list dd li{ font-size:12px;}
	.jrwm_part .list dd .strong{ padding-bottom:10px; font-size:15px;}
	
	.jrwm_part2{ display:none;}
	
	
	
	
}

@media(min-width:1200px){
.xxpl_part li{
	height: 350px
}
.xxpl_part li .pic img{
	height: 320px
}
.xxpl_part li:hover .bg{
	background: #c49d63
}
}


@media screen and (max-width:479px){

	/*分析员信息*/
	.fxyxx li{ width:100%;}
	
	/*企业管治*/
	.qygz li{ width:100%;}
	.qygz .a_box{ margin:0 45px;}
	
	
	
}
