@charset "utf-8";

/*index_nav*/
.index_nav{}
.index_nav ul{ float: left; width: 100%;}
.index_nav ul li{ float: left; width: 25%; background: #337ece; height: 120px;}
.index_nav ul li a{ float: left; width: 100%;}
.index_nav ul li a .index_navtp{ float: left; width: 68px; height: 68px; margin-top: 26px; margin-left: 20px;}
.index_nav ul li a .index_navnr{
	height: 68px;
	float: left; width: 120px; margin-top: 12%; margin-left: 16px;
	display: table;}
.index_nav ul li a .index_navnr>span,font{display: table-row;	vertical-align: middle; 
	font-size: 16px; color:#fff; height: 30px; line-height: 30px;;}
.index_nav ul li a .index_navnr>p{ display: table-row;	vertical-align: middle;
	color: #ffffff; font-size:14px;}
.index_nav ul .index_navlist1{ background: #337ece;}
.index_nav ul .index_navlist2{ background: #24b1b2;}
.index_nav ul .index_navlist3{ background: #125aac;}
.index_nav ul .index_navlist4{ background: #4389d4;}
.index_content{ background: url(/images/index_bg.png) center bottom no-repeat;/* background-size:100% auto ;*/ padding-bottom: 220px;border-bottom:1px solid #e5e5e5;}
/*index_news*/
.index_news{ margin-top: 20px;}
/*index_bt*/
.index_bt{ width: 100%; height: 42px; line-height: 42px; border-bottom: 1px solid #eeeeee;}
.index_bt h3{ float: left; color: #666666; font-size: 18px;}
.index_bt a{ float: right; background: url(/images/index_bt.png) no-repeat; width: 12px; height: 12px; margin-top: 15px;}
/*index_bt1*/
.index_bt1{ width: 100%; height: 42px; line-height: 42px;}
.index_bt1 h3{ float: left; color: #666666; font-size: 18px;}
.index_bt1 a{ float: right; background: url(/images/index_bt.png) no-repeat; width: 12px; height: 12px; margin-top: 15px;}
/*index_newscn*/
.index_newscn ul{padding:0px;list-style-type:none;}
.index_newscn li{padding:0px;list-style-type:none;}
.index_newsl{ float: left; width: 32%;margin-top: 20px;}
.index_newsl a{ display: block;}
.index_newsl a i{ display: block;}
.index_newsl a i img{ display: block; width: 100%; height: auto;}
.index_newsl a h3{ display: block; font-size: 15px; color: #333; font-weight: normal; height: 48px; line-height: 24px; margin-top: 10px;}
.index_newsl a p{ display: block; font-size: 12px; color: #999999; height:54px; line-height: 18px; margin-top: 10px;}
.index_newsl a h3:hover{ color: #337ece;}
.index_newsl a p:hover{ color: #337ece;}
.index_newsr{ float: right; width: 65.6%;}
.index_newsr ul{ float: left; width:48%; margin-left: 20px;}
.index_newsr ul:first-child{ margin-left: 0px;}
.index_newsr ul li{ float: left; width: 100%; padding: 15px 0px; border-bottom: 1px solid #eeeeee;}
.index_newsr ul li a{ display: block; font-size: 15px; color: #333; height: 48px; line-height: 24px;overflow: hidden; padding:0px 10px; background: url(/images/index_newtb.png) left 12px no-repeat;}
.index_newsr ul li a:hover{ background: url(/images/index_newtb1.png) left 12px no-repeat; color: #337ece;}
/*index_nr*/
.index_nr{ margin-top: 50px;}
.index_left{ float: left; width: 55.6%;}
.index_right{ float: right; width: 40.4%;}
/*index_Notice*/
.index_Notice{ width: 100%;}
.index_Notice .index_Noticecn{ margin-top: 20px;}
.index_Notice .index_Noticecn a{ float: left; width: 100%;}
.index_Notice .index_Noticecn a .index_Noticetp{ float:left; /*width: 221px;*/width: 40.7%;}
.index_Notice .index_Noticecn a .index_Noticetp i{ display: block;}
.index_Notice .index_Noticecn a .index_Noticetp img{ display: block; width: 100%; height: auto;}
.index_Notice .index_Noticecn a .index_Noticenr{ float: right; margin-left:20px; /*width: 312px;*/width: 54.6%}
.index_Notice .index_Noticecn a .index_Noticenr h3{ display: block; font-size: 15px; color: #333; height: 44px; line-height: 22px; font-weight: normal;}
.index_Notice .index_Noticecn a .index_Noticenr p{ display: block; color: #666666; font-size: 12px; line-height: 18px; /*height: 72px;*/ overflow: hidden; margin-top: 20px;}
.index_Notice .index_Noticecn a .index_Noticenr h3:hover{color: #337ece;}
.index_Notice .index_Noticecn a .index_Noticenr p:hover{color: #337ece;}
/*index_Noticecn*/
.index_Noticecn>div{float:left;}
.index_Noticecn>.idb_n{ /*background:#f2f2f2; */margin-top:0px; width:100%;}
.index_Noticecn>.idb_n>p{line-height:36px; height:36px; /*border-top:1px dashed #c3c3c3; padding:0px 24px; */cursor:pointer;}
.index_Noticecn>.idb_n>.News_dtlist{ border-top:0px;}
.index_Noticecn>.idb_n>p>a{ font-size:14px; color:#707070;}
.index_Noticecn>.idb_n>p:hover>a{ color:#005baf}
/*index_media*/
.index_media{ width: 100%; margin-top: 30px;}
.index_mediacn{ width: 100%;}
.index_mediacn ul{ float: left; width: 100%;}
.index_mediacn ul li{ float:left; width: 100%; height: 38px; margin-top: 18px;}
.index_mediacn ul li span{ width: 120px; background: #f4f4f4; height: 38px; line-height: 38px; text-align: center; font-size: 14px; color: #125aac; overflow: hidden;}
.index_mediacn ul li a{ margin-left:2rem; width: 410px;height: 38px; line-height: 38px;font-size: 12px; color: #666666; overflow: hidden;}
.index_mediacn ul li a:hover{ color: #0b318f;}
/*index_research*/
.index_research{ margin-top: 40px;}
.index_researchcn{}
.index_researchcn ul{ float: left; width: 100%;}
.index_researchcn ul li{ float: left; width: 100%; height: 30px; margin-top: 24px;}
.index_researchcn ul li .index_date{ float: left; border-right: 1px solid #b5b5b5;height: 30px; line-height: 30px; width: 132px;}
.index_researchcn ul li .index_date p{ display: block; font-size: 12px; color: #0b318f;}
.index_researchcn ul li .index_date p span{ margin-left:8px;font-size: 16px; color: #0b318f;}
.index_researchcn ul li a{ float: left; padding-left: 10px; width: 412px;height: 30px; line-height: 30px; color: #333; font-size: 12px; overflow: hidden;}
.index_researchcn ul li a:hover{color: #0b318f;}
/*index_expert*/
.index_expert{ width: 100%;position: relative; z-index: 1;}
.index_expert .index_expertcn{ width: 100%; position: relative; z-index: 1;}
.index_expert .index_expertcn .bd{position: relative; z-index: 1; background: #ededef;}
.index_expert .index_expertcn .bd ul{overflow:hidden; zoom:1; float: left;width: 100%;}
.index_expert .index_expertcn .bd ul li{float: left;width: 100%;}
.index_expert .index_expertcn .bd ul li a{float: left;width: 100%;}
.index_expert .index_expertcn .bd ul li a .index_expertp{ float: left; width: 194px;}
.index_expert .index_expertcn .bd ul li a .index_expertp i{ display: block;}
.index_expert .index_expertcn .bd ul li a .index_expertp i img{ width: 194px; height: 250px; display: block;}
.index_expernr{ float: left; width: 200px; margin-left: 4px;}
.index_expertm{ width: 100%; background: #4589d1; height: 40px; line-height: 40px; margin-top: 26px;}
.index_expertm h3{ float: left; color: #fff; font-size: 18px; font-weight: normal; margin-left: 15px;}
.index_expertm span{float: left; color: #fff; font-size: 14px; margin-left: 6px;}
.index_expertm p{float: left; color: #fff; font-size: 14px; margin-left: 6px;}
.index_expersm{ padding: 10px 10px;}
.index_expersm p{ display: block; height: 24px; line-height: 24px; font-size: 12px; color: #333;}
.index_expersm p span{font-size: 12px; color: #333; font-weight: bold;}
.index_expersm .index_experxq{ width: 100%;}
.index_expersm .index_experxq span{ float: left;font-size: 12px; color: #333; font-weight: bold;}
.index_expersm .index_experxq p{ float:left;height:72px; line-height: 24px; font-size: 12px; color: #333; width: 124px; overflow: hidden;}
.index_expert .index_expertcn .hd ul{ display: none;}
.index_expermore{ width: 100%; margin-top:6px;}
.index_expermore span{float:right; width: 68px; height: 24px; line-height: 24px; text-align: center; font-size: 12px; color: #fff; background: #919191; margin-right: 10px;}
.index_expermore span:hover{ color: #0b318f;}
.index_expert .index_expertcn .hd{ position: absolute; left: 132px; bottom: 8px; width: 56px; z-index:999; height: 26px;}
.index_expert .index_expertcn .hd .next{ background: url(/images/index_expertb1.png) no-repeat; width: 26px; height: 26px; float: left;}
.index_expert .index_expertcn .hd .prev{ background: url(/images/index_expertb2.png) no-repeat; width: 26px; height: 26px;float: right;}
/*index_Style*/
.index_Style{ width: 100%; margin-top: 50px;}
.index_Style .prev{ position:absolute; left:10px; top:50%; margin-top:-25px; display:block; width:38px; height:38px; background:url(/images/media_prev.png) no-repeat; z-index:3;}
.index_Style .next{ position:absolute; right:10px; top:50%; margin-top:-25px; display:block; width:38px; height:38px; background:url(/images/media_next.png) no-repeat; z-index:3; }
.index_Stylecn{ width: 100%;position: relative; z-index:1;}
.index_Stylecn a{ display: block;position: relative; z-index:1;}
.index_Stylecn a i{ display: block; position: relative; z-index:1;}
.index_Stylecn a i img{ display: block; width: 100%; height: auto;}
.index_Stylecn a .index_Stylenr{position:absolute; left: 0px; bottom: 0px; width: 100%; background: url(/images/index_Stylebg.png) repeat; z-index:999; height: 64px;}
.index_Stylecn a .index_Stylenr span{  display: block; font-size: 15px; color: #ffffff; padding:2px 10px; height:60px; line-height: 30px;}
.index_Stylecn a .index_Stylenr span:hover{color: #FF0000;}

/*index_bottom*/
.index_bottom{ margin-top: 65px;}
.index_bottom>div{ height:202px;min-height:calc(20vw * 0.625)}
.index_bottom>div>a i img{ display: block;width: 100%; height:202px;min-height: calc(20vw * 0.625);}
.index_bottom>.index_2_A{ float: left; width: 32%; position: relative; z-index: 1;}
.index_bottom>.index_2_A>a{ display: block;}
.index_bottom>.index_2_A>a i{ display: block;}
.index_bottom>.index_2_A>a>div{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
.index_bottom>.index_2_A>a>div span{ padding: 0px 24px; font-size: 16px; display: block; margin-top: 34px; color: #1556ab;}
.index_bottom>.index_2_A>a>div em{ display: block; width: 22px; height: 22px; background:url(/images/index_videotb.png) no-repeat; margin-left: 24px; margin-top: 12px;}
.index_bottom>.index_2_A>a>div span:hover{ color: #FF0000;}
/*index_2_B*/
.index_bottom>.index_2_B{ float: left; width: 32%; position: relative; z-index: 1; margin: 0px 20px;}
.index_bottom>.index_2_B a{ display: block;}
.index_bottom>.index_2_B a i{ display: block;}
.index_bottom>.index_2_B>div{ position: absolute; left: 0px; top: 10px; width: 100%;}
.index_bottom>.index_2_B>div ul{ float: left; width: 100%;}
.index_bottom>.index_2_B>div ul li{float: left; width: 80px; height: 20px; line-height: 20px; margin-left: 24px; margin-top: 20px;}
.index_bottom>.index_2_B>div ul li a{ color: #1556ab; font-size: 16px;}
.index_bottom>.index_2_B>div ul li a:hover{ color: #f00;}
/*index_2_C*/
.index_bottom>.index_2_C{float: right; width: 32%; position: relative; z-index: 1;}
.index_bottom>.index_2_C>a{ display: block;}
.index_bottom>.index_2_C>a i{ display: block;}
.index_bottom>.index_2_C>a>div{ position: absolute; width: 84px; right: 24px; top: 34px;}
.index_bottom>.index_2_C>a>div h3{ display: block; font-size: 16px; color: #1556ab; font-weight: normal;text-align:right;}
.index_bottom>.index_2_C>a>div span{ display: block; font-size: 14px; color: #fff; margin-top: 10px;/* height: 36px;*/ line-height: 18px; overflow: hidden;}
.index_bottom>.index_2_C>a>div em{ float: right; width: 22px; height: 22px; background:url(/images/index_videotb.png) no-repeat;  margin-top: 12px;}
.index_bottom>.index_2_C>a>div h3:hover{ color: #FF0000;}
.index_bottom>.index_2_C>a>div span:hover{ color: #FF0000;}
/*index_2_D*/
.index_2_D{ float: left; width: 32%;background: #efefef; position: relative; z-index: 1; margin: 0px 20px;}
.index_2_D>div{color: #1556ab;padding-top: 36px;padding-bottom: 8px;border-bottom: 1px #bababa solid;margin: 0 19px;font-size: 16px;}
.index_2_D>div a{color: #1556ab;}
.index_2_D>div span{float: right;}
.index_2_D>div+ul{margin: 0 20px;}
.index_2_D>div+ul>li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-top: 10px;}
.index_2_D>div+ul>li a{color: #5d5d5d;font-size: 14px;}

/*banner*/
.banner{ width:100%; height:600px;  position:relative; overflow:hidden; background:#fff; text-align:center;   }
.banner .bd{/*position:absolute; left:0; */}
.banner .bd li{ overflow:hidden; height:600px;}
.banner .bd li img{ display:block; height:600px;width: 100%;}
.banner .tempWrap{ overflow:visible !important }
.banner .tempWrap ul{  }
.banner .hd{ position:absolute; width:100%; left:0;  z-index:1; height:12px; bottom:20px;  text-align:center;  }
.banner .hd li{ display:inline-block; *display:inline; zoom:1; width:12px; height:12px; line-height:99px; overflow:hidden; background:#ffffff;  border-radius: 12px;margin:0 5px; cursor:pointer;}
.banner .hd li.on{ background-position:0 0; width: 26px;}