@charset "utf-8";

/*index_nav*/
.index_nav{}
.index_nav ul{ float: left; width: 100%;}
.index_nav ul li{ float: left; width: 250px; 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;}
.index_bt h3{ float: left; color: #666666; font-size: 16px;text-transform: uppercase;font-weight: 300}
.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: 16px;text-transform: uppercase;font-weight: 300}
.index_bt1 a{ float: right; background: url(/images/index_bt.png) no-repeat; width: 12px; height: 12px; margin-top: 15px;}
/*index_newscn*/
.index_newscn{}
.index_newsl{ float: left; width: 320px;margin-top: 20px;}
.index_newsl a{ display: block;}
.index_newsl a i{ display: block;}
.index_newsl a i img{ display: block; width:320px; height: 205px;}
.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: 656px;}
.index_newsr ul{ float: left; width:316px; 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_Noticeen{ margin-top: 20px;}
.index_Notice .index_Noticeen a{ float: left; width: 100%;}
.index_Notice .index_Noticeen a .index_Noticetp{ float:left; width: 221px;}
.index_Notice .index_Noticeen a .index_Noticetp i{ display: block;}
.index_Notice .index_Noticeen a .index_Noticetp img{ display: block; width: 221px; height: 141px;}
.index_Notice .index_Noticeen a .index_Noticenr{ float: right; margin-left:20px; width: 312px;}
.index_Notice .index_Noticeen a .index_Noticenr h3{ display: block; font-size: 15px; color: #333; height: 44px; line-height: 22px; font-weight: normal;}
.index_Notice .index_Noticeen a .index_Noticenr p{ display: block; color: #666666; font-size: 12px; line-height: 18px; /*height: 72px;*/ overflow: hidden; margin-top: 20px;}
.index_Notice .index_Noticeen a .index_Noticenr h3:hover{color: #337ece;}
.index_Notice .index_Noticeen a .index_Noticenr p:hover{color: #337ece;}
/*index_Noticeen*/
.index_Noticeen>div{float:left;}
.index_Noticeen>.idb_n{ /*background:#f2f2f2; */margin-top:0px; width:100%;}
.index_Noticeen>.idb_n>p{line-height:36px; height:36px; /*border-top:1px dashed #c3c3c3; padding:0px 24px; */cursor:pointer;}
.index_Noticeen>.idb_n>.News_dtlist{ border-top:0px;}
.index_Noticeen>.idb_n>p>a{ font-size:14px; color:#707070;}
.index_Noticeen>.idb_n>p:hover>a{ color:#005baf}
.index_Noticeen .notice_b{height: 100px;padding-top: 15px;box-sizing: border-box;color: #666666}
.index_Noticeen .notice_b p{margin-top: 20px;color: #666666}
/*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{ float: left; width: 120px; background: #f4f4f4; height: 38px; line-height: 38px; text-align: center; font-size: 14px; color: #125aac; overflow: hidden;}
.index_mediacn ul li a{ float: right; 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_Experten{ width: 100%; position: relative; z-index: 1;}
.index_expert .index_Experten .bd{position: relative; z-index: 1; background: #ededef;}
.index_expert .index_Experten .bd ul{overflow:hidden; zoom:1; float: left;width: 100%;}
.index_expert .index_Experten .bd ul li{float: left;width: 100%;}
.index_expert .index_Experten .bd ul li a{float: left;width: 100%;}
.index_expert .index_Experten .bd ul li a .index_expertp{ float: left; width: 194px;}
.index_expert .index_Experten .bd ul li a .index_expertp i{ display: block;}
.index_expert .index_Experten .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_Experten .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_Experten .hd{ position: absolute; left: 132px; bottom: 8px; width: 56px; z-index:999; height: 26px;}
.index_expert .index_Experten .hd .next{ background: url(/images/index_expertb1.png) no-repeat; width: 26px; height: 26px; float: left;}
.index_expert .index_Experten .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:15em; 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:15em; margin-top:-25px; display:block; width:38px; height:38px; background:url(/images/media_next.png) no-repeat; z-index:3; }
.index_Styleen{ width: 100%;position: relative; z-index:1;}
.index_Styleen a{ display: block;position: relative; z-index:1;}
.index_Styleen a i{ display: block; position: relative; z-index:1;}
.index_Styleen a i img{ display: block; width: 430px; height: 328px;}
.index_Styleen a .index_Stylenr{position:absolute; left: 0px; bottom: 0px; width: 100%; background: url(/images/index_Stylebg.png) repeat; z-index:999; height: 64px;}
.index_Styleen a .index_Stylenr span{  display: block; font-size: 15px; color: #ffffff; padding:2px 10px; height:60px; line-height: 30px;}
.index_Styleen a .index_Stylenr span:hover{color: #FF0000;}
.index_Styleen .bd{width: 430px;position: relative;float: left}
.index_Styleen .hd{width: 14em;    position: absolute; right: 0;}
.index_Styleen .hd ul{}
.index_Styleen .hd ul li{height: 40px;line-height: 40px;background: #f2f2f2;color: #666666;text-align: center;margin-top: 20px; white-space: nowrap;}
.index_Styleen .hd ul li.on{background: #4c8cc7;color: #fff;}
/*index_bottom*/
.index_bottom{ margin-top: 65px;}
.index_bottom>div{ height:202px}
.index_bottom>.index_2_A{ float: left; width: 320px; 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 i img{ display: block;width: 320px; height: 200px;}
.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: 320px; 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 a i img{ display: block;width: 320px; height: 200px;}
.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: 320px; 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 i img{ display: block;width: 320px; height: 200px;}
.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: 320px; height: 200px;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;}

/*index_spec*/
.index_spec{background: #49add1;color: #fff;margin-top: 50px;height: 370px;}
.index_spec .padd{padding: 47px 32px 20px 32px;}
.index_spec h3{font-size: 18px;font-weight: 300;}
.index_spec .txt{padding-top: 10px;line-height: 20px;font-size: 13px;height: 120px;}
.index_spec a.more{display: inline-block;border:1px #fff solid;border-radius: 12px;width:80px;height: 22px;line-height: 20px;text-align: center;margin-top: 30px;color: #fff;}
.index_spec .spec_b{border-top: 1px #80c6df solid;height: 66px;}
.index_spec .spec_b span{width: 33.333%;float: left;display: inline-block;text-align: center;margin-top: 9px;}

/*index_map*/
.index_map{margin-top: 50px;padding-bottom: 20px;}
.index_map .index_bt1{}
.index_map .map_box{margin-bottom: 20px;margin-top: 20px;}
.index_map .map_info{}
.index_map .map_info p{width: 100%;color: #333333;font-size: 13px;padding: 5px 0}
.index_map .map_info p img{margin-right: 12px;}