@charset "utf-8";
/* CSS Document */

.header{ width:100%; position:absolute; left:0; top:0;}
.header h1.logo a img{ display:none;}
.header h1.logo a img.ind{ display:block;}
ul.nav li a{ color:#fff;}

/*banner*/
.ibanner{ height:746px; position:relative;}
.ibanner .bd{ position:relative; z-index:2;}
.ibanner .bd ul{ display:block;}
.ibanner .bd ul li{ display:block; position:relative;}
.ibanner .bd ul li a{ display:block; position:relative; height:746px;}
.ibanner .hd{ width:100%; overflow:hidden; position:absolute; left:0; bottom:32px; z-index:3;}
.ibanner .hd ul{ display:block; height:12px; text-align:center;}
.ibanner .hd ul li{ display:inline-block; *display:inline; *zoom:1; width:12px; height:12px; background:#fff; border-radius:50%; cursor:pointer; margin:0 8px; vertical-align:top;}
.ibanner .hd ul li.on{ background:#fc3f43;}

.main{ width:auto; min-height:0;}

.ibox{ overflow:hidden; position:relative;}
.ibox .con{ width:1200px; overflow:hidden; margin:0 auto;}
.ibox h2{ display:block; line-height:62px; color:#333; font-size:36px; text-align:center; padding:40px 0 0; position:relative;}
.ibox h2 em{ display:block; line-height:40px; color:#666; font-size:18px; font-weight:normal; text-transform:uppercase;}
.ibox h2 i{ display:block; width:48px; height:4px; background:#03428a; margin:16px auto 0;}

.box1{ background:url(../images/about_bg.jpg) center top no-repeat; padding:0 0 88px;}
.box1 .con{ overflow:visible;}
.box1 .video{ width:508px; height:326px; padding:36px 32px; position:relative; float:left; margin:88px 32px 76px 0;}
.box1 .video video{ display:block; position:relative; z-index:3;}
.box1 .video em{ display:block; width:312px; height:100%; background:#11377f; position:absolute; left:0; top:0; z-index:1;}
.box1 .video img{display:block; position:relative; z-index:5;}
.box1 h2{ line-height:84px; text-align:left; padding:78px 0 0; overflow:hidden; z-index:9;}
.box1 h2 em{ line-height:1; color:#e5e5e5; font-size:110px; font-weight:bold; position:absolute; left:0; top:28px; z-index:-1;}
.box1 h2 i{ margin:0;}
.box1 .txt{ height:168px; line-height:28px; color:#333; font-size:14px; overflow:hidden; padding:28px 0 0;}
.box1 ul.ab{ display:block; width:596px; overflow:hidden; padding:28px 0 50px;}
.box1 ul.ab li{ display:block; width:74px; float:left; padding:0 20px 0 72px;}
.box1 ul.ab li:first-child{ padding:0 0 0 20px;}
.box1 ul.ab li a{ display:block; line-height:44px; color:#333; font-size:14px; font-weight:bold; text-align:center;}
.box1 ul.ab li a img{ display:block; height:74px; margin:0 auto;}
.box1 ul.ab li a:hover{ color:#11377f;}
.box1 p.num{ display:block; overflow:hidden; background:#fff; padding:32px 0; box-shadow:0 0 43px 4px rgba(0,0,0,0.17); clear:both;}
.box1 p.num span{ display:block; width:300px; line-height:44px; color:#11377f; font-size:18px; text-align:center; position:relative; float:left;}
.box1 p.num span em{ display:block; height:72px; line-height:72px; color:#13227a; font-size:50px; font-family:Arial,Impact; font-weight:bold;}
.box1 p.num span em sup{ line-height:1; color:#08a349; font-size:30px; font-weight:normal; margin:0 -21px 0 6px; *vertical-align:top;}
.box1 p.num span em sub{ line-height:1; color:#11377f; font-size:34px; font-weight:normal; font-family:"黑体"; margin:0 0 0 6px; vertical-align:baseline;}
.box1 p.num span em font{ line-height:1; color:#7491c7; font-size:18px; font-weight:normal; font-family:"微软雅黑"; margin:0 0 0 6px;}
.box1 p.num span i{ display:block; width:1px; height:68px; background:#dfdfdf; position:absolute; left:0; top:24px;}
.box1 p.num span:first-child i{ display:none;}

.box2 .con{  overflow:visible;}
.box2 ul.tab{ display:block; height:158px; padding:60px 0; position:relative;}
.box2 ul.tab li{ display:block; width:16.66%; line-height:30px; color:#333; font-size:16px; text-align:center; padding:0 0 14px; background:#fff; box-shadow:0 0 35px 4.5px rgba(0,0,0,0.05); float:left; cursor:pointer; transition:all ease 0.4s;}
.box2 ul.tab li img{ display:block; height:114px; margin:0 auto;}
.box2 ul.tab li.cur{ color:#fff; font-weight:bold; background:#11377f; margin:-14px 0 14px;}
.box2 .tbox{ display:none; padding:110px 0 0; position:relative;}
.box2 .tbox .box{ width:428px; padding:56px 0 0; overflow:hidden; position:absolute; left:50%; top:0; z-index:3; margin-left:-600px;}
.box2 .tbox .box a.title{ display:block; line-height:42px; color:#fff; font-size:26px; overflow:hidden;}
.box2 .tbox .box .txt{ display:block; height:120px; line-height:30px; color:#b0c2e3; font-size:15px; padding:28px 0 0; overflow:hidden;}
.box2 .tbox .box a.more{ display:block; line-height:26px; color:#fff; font-size:15px; background:url(../images/pro_more.png) right center no-repeat; padding-right:38px; overflow:hidden; margin:20px 0 0; float:right;}
.box2 .tbox em.en{ display:block; line-height:104px; color:#f0f0f0; font-size:30px; font-weight:bold; text-transform:uppercase; position:absolute; left:50%; top:0;}
.box2 .tbox .bg{ width:100%; height:344px; background:#11377f; position:absolute; top:0; right:50%; margin-right:48px; z-index:1;}
.box2 .tbox .pic{ height:458px; background-size:cover !important;}


.box3 ul.prog{ display:block; overflow:hidden; padding:60px 0 0;}
.box3 ul.prog li{ width:279px; overflow:hidden; position:relative; float:left; margin:0 0 0 28px;}
.box3 ul.prog li:first-child{ margin:0;}
.box3 ul.prog li a.pic{ display:block; overflow:hidden;}
.box3 ul.prog li a.pic img{ display:block; width:100%; height:279px;}
.box3 ul.prog li .box{ width:100%; height:100%; background:rgba(19,56,127,0.7); *background:url(../images/blue07.png) repeat; overflow:hidden; position:absolute; left:0; top:100%; z-index:3; transition:all ease 0.4s; cursor:default; margin-top:-60px;}
.box3 ul.prog li .box a.title{ display:block; line-height:60px; color:#fff; font-size:18px; text-align:center; overflow:hidden;}
.box3 ul.prog li .box .txt{ display:block; height:156px; line-height:26px; color:#bbb; font-size:14px; padding:28px 0 0; margin:0 34px; overflow:hidden; border-top:1px solid #fff;}
.box3 ul.prog li .box a.more{ display:block; width:26px; height:26px; background:url(../images/more.png) center no-repeat; overflow:hidden; margin:34px auto 0;}
.box3 ul.prog li:hover .box{ background:rgba(19,56,127,0.8); *background:url(../images/blue08.png) repeat; top:0; margin-top:0;}
.box3 ul.prog li:hover .box a.title{ line-height:94px; font-size:24px; font-weight:bold; padding:6px 0 0;}
.box3 .slide{/* height:186px; */overflow:hidden;position:relative;margin:72px 0 96px;}
.box3 .slide .bd{ width:1064px; position:relative; z-index:2; margin:0 auto;}
.box3 .slide .bd .tempWrap{ margin:0 -16px;}
.box3 .slide .bd ul{ display:block; overflow:hidden;}
.box3 .slide .bd ul li{ width:274px; float:left;}
.box3 .slide .bd ul li a{ display:block; overflow:hidden; margin:0 16px;}
.box3 .slide .bd ul li a img{ display:block; width:100%; height:274px;}
.box3 .slide .bd ul li a span{ display:block; line-height:50px; color:#fff; font-size:16px; text-align:center; background:#26416fcc; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:-56px -20px 0; position:relative; z-index:1;}
.box3 .slide a.prev,
.box3 .slide a.next{display:block;width:38px;height:72px;position:absolute;top: 50%;margin-top: -55px;}
.box3 .slide a.prev{ background:url(../images/prev.png) center no-repeat; left:0;}
.box3 .slide a.next{ background:url(../images/next.png) center no-repeat; right:0;}

.box4{ background:url(../images/news_bg.jpg) center top no-repeat; padding:74px 0 0;}
.box4 .tbox{ width:564px; float:right;}
.box4 .tbox:first-child{ float:left;}
.box4 ul.tab{ display:block; overflow:hidden; position:relative;}
.box4 ul.tab li{ display:block; line-height:58px; color:#999; font-size:24px; font-weight:bold; float:left;}
.box4 ul.tab li a{ display:none; line-height:54px; color:#999; font-size:14px; font-weight:normal; position:absolute; right:0; top:4px;}
.box4 ul.tab li em{ cursor:pointer;}
.box4 ul.tab li span{ margin:0 12px;}
.box4 ul.tab li:first-child span{ display:none;}
.box4 ul.tab li.cur a{ display:block;}
.box4 ul.tab li.cur em{ color:#fff;}
.box4 dl.news{ display:none; background:#fff; padding:0 0 32px; overflow:hidden; margin:20px 0 92px;}
.box4 dl.news dt{ display:block; overflow:hidden; position:relative; margin:0 0 24px;}
.box4 dl.news dt a{ display:block;}
.box4 dl.news dt a img{ display:block; width:100%; height:216px;}
.box4 dl.news dt a p{ display:block; line-height:40px; color:#fff; font-size:15px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:rgba(17,55,127,0.7); *background:url(../images/blue07.png) repeat; margin:-40px 0 0; position:relative; z-index:1;}
.box4 dl.news dt span{ display:block; width:60px; height:60px; line-height:20px; color:#fff; font-size:12px; text-align:center; background:#13387f; position:absolute; right:0; top:0; z-index:1;}
.box4 dl.news dt span em{ display:block; line-height:28px; font-size:20px; font-weight:bold; padding:4px 0 0;}
.box4 dl.news dd{ display:block; overflow:hidden; padding:0 20px;}
.box4 dl.news dd span{ display:block; line-height:38px; color:#999; font-size:13px; float:right; margin-left:28px;}
.box4 dl.news dd a{ display:block; line-height:38px; color:#555; font-size:15px; background:url(../images/news.png) left center no-repeat; padding-left:18px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.box4 dl.news dd a:hover{ color:#11377f;}
.box4 ul.news{ display:none; overflow:hidden; padding:20px 0 72px;}
.box4 ul.news li{ display:block; overflow:hidden; padding:14px 14px 14px 16px; background:#fff; margin:0 0 20px;}
.box4 ul.news li span{ display:block; width:82px; height:82px; line-height:26px; color:#fff; font-size:12px; text-align:center; background:#13387f; float:right; margin:0 0 0 36px;}
.box4 ul.news li span em{ display:block; line-height:34px; font-size:24px; font-weight:bold; padding:12px 0 0;}
.box4 ul.news li a.title{ display:block; line-height:34px; color:#333; font-size:15px; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.box4 ul.news li a.title:hover{ color:#13387f;}
.box4 ul.news li .txt{ display:block; height:40px; line-height:20px; color:#999; font-size:13px;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}


.box5 .con{ overflow:visible;}
.box5 ul{ display:block; width:1437px; overflow:hidden; border:1px solid #f0f0f0; border-width:1px 0 0 1px; margin:46px -119px 80px;}
.box5 ul li{ width:14.285%; background:#f0f0f0; float:left;}
.box5 ul li.long{ width:71.425%;}
.box5 ul li a{ display:block; background:#fff; overflow:hidden; margin:0 1px 1px 0; transition:all ease 0.4s;}
.box5 ul li a img{ display:block; width:100%; height:90px; height:108px; transition:all ease 0.4s;}
.box5 ul li a:hover{ background:#f0f0f0;}
.box5 ul li a:hover img{ transform:scale(1.12);}
.box5 ul li.long a:hover img{ transform:scale(1.06);}






/**/