@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:458px; 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:458px; background-size:cover !important;}
.ibanner .hd{ width:100%; overflow:hidden; position:absolute; left:0; bottom:18px; 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{ overflow:hidden; margin:0 20px;}
.ibox h2{ display:block; line-height:56px; color:#333; font-size:36px; text-align:center; padding:50px 0 0; position:relative;}
.ibox h2 em{ display:block; line-height:44px; color:#666; font-size:22px; 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/icons/about_bg.jpg) center top no-repeat; background-size:cover;}
.box1 ul.ab{ display:block; overflow:hidden; padding:18px 6px 20px; background:#fff;}
.box1 ul.ab li{ display:block; width:33.33%; float:left;}
.box1 ul.ab li a{ display:block; line-height:50px; color:#fff; font-size:24px; text-align:center; background:linear-gradient(#3e68b5, #153674); padding:14px 0 2px; border-radius:14px; margin:8px 14px;}
.box1 ul.ab li a img{ display:block; height:32px; margin:0 auto;}
.box1 .msg{ box-shadow:18px 18px 0 0 #11377f; margin:40px 40px 60px; position:relative;}
.box1 .msg::after{ content:''; display:block; width:100%; height:100%; background:#11377f; position:absolute; left:18px; top:18px; z-index:1; box-shadow:0 0 43px 4px rgba(0,0,0,0.17);}
.box1 .msg form{ display:block; overflow:hidden; background:#fff; box-shadow:0 0 43px 4px rgba(0,0,0,0.17); position:relative; z-index:3;}
.box1 .msg form h3{ display:block; line-height:98px; color:#333; font-size:36px; text-align:center; padding:12px 0 0;}
.box1 .msg form p{ display:block; overflow:hidden; padding:12px 36px;}
.box1 .msg form p input.text{ display:block; width:100%; height:60px; color:#333; font-size:22px; padding:0 18px; border:1px solid #dadada; border-radius:10px; box-sizing:border-box;}
.box1 .msg form p input.short{ width:66px; padding-right:108px;}
.box1 .msg form p img{ display:block; width:94px; height:42px; border-radius:3px; float:left; margin:1px 0 0 -95px; cursor:pointer;}
.box1 .msg form p input.btn{ display:block; width:100%; height:64px; color:#fff; font-size:28px; background:#fe4345; border:0; border-radius:10px; cursor:pointer; margin:16px 0 52px;}

.box2 .con{  overflow:visible;}
.box2 ul.tab{ display:block; padding:52px 0; position:relative;}
.box2 ul.tab::after{ content:''; display:block; clear:both;}
.box2 ul.tab li{ display:block; width:33.33%; line-height:44px; color:#333; font-size:24px; text-align:center; padding:10px 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; background:#11377f;}
.box2 .tbox{ display:none; position:relative;}
.box2 .tbox .box{ background:#11377f; padding:4px 38px 46px; overflow:hidden; margin:-126px 20px 0;}
.box2 .tbox .box a.title{ display:block; line-height:94px; color:#fff; font-size:26px; overflow:hidden;}
.box2 .tbox .box .txt{ display:block; line-height:36px; color:#b0c2e3; font-size:20px; overflow:hidden;}
.box2 .tbox .box a.more{ display:block; width:30px; height:94px; background:url(../images/icons/pro_more.png) center no-repeat; background-size:contain; float:right;}
.box2 .tbox .pic{ height:360px; background-size:cover !important;}

.box3{ background:#f3f3f3 url(../images/icons/white.png) left top repeat-x;}
.box3 .slide{ margin:0 -10px; padding:50px 0 20px;}
.box3 ul.prog{ display:block; overflow:hidden;}
.box3 ul.prog li{ width:310px; overflow:hidden; position:relative; float:left;}
.box3 ul.prog li a.pic{ display:block; overflow:hidden; margin:0 10px;}
.box3 ul.prog li a.pic img{ display:block; width:100%; height:388px;}
.box3 ul.prog li .box{ width:290px; height:388px; background:rgba(19,56,127,0.7); overflow:hidden; position:absolute; left:10px; top:388px; z-index:3; transition:all ease 0.4s; cursor:default; margin-top:-64px;}
.box3 ul.prog li .box a.title{ display:block; line-height:64px; color:#fff; font-size:24px; 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/icons/more.png) center no-repeat; overflow:hidden; margin:34px auto 0;}
.box3 a.more{ display:block; width:206px; line-height:52px; color:#fff; font-size:22px; text-align:center; background:#fe4345; overflow:hidden; border-radius:26px; margin:16px auto 36px;}

.box4{ background:url(../images/icons/news_bg.jpg) center top no-repeat; background-size:cover;}
.box4 h2{ color:#fff;}
.box4 h2 em{ color:#999;}
.box4 h2 i{ background:#86affd;}
.box4 ul.news{ display:none; overflow:hidden; padding:24px 0 0;}
.box4 ul.news li{ display:block; overflow:hidden; padding:14px 14px 14px 16px; background:#fff; margin:24px 0 0;}
.box4 ul.news li span{ display:block; width:82px; height:82px; line-height:28px; color:#fff; font-size:18px; text-align:center; background:#13387f; float:right; margin:0 0 0 36px;}
.box4 ul.news li span em{ display:block; line-height:38px; font-size:30px; font-weight:bold; padding:8px 0 0;}
.box4 ul.news li a.title{ display:block; line-height:38px; color:#333; font-size:22px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:4px 0 0;}
.box4 ul.news li a.title:hover{ color:#13387f;}
.box4 ul.news li .txt{ display:block; line-height:36px; color:#999; font-size:20px;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
}
.box4 a.more{ display:block; width:206px; line-height:52px; color:#fff; font-size:22px; text-align:center; background:#fe4345; overflow:hidden; border-radius:26px; margin:48px auto 56px;}

.box5 ul{ display:block; overflow:hidden; padding:54px 0 0; margin:0 -10px;}
.box5 ul li{ width:290px; overflow:hidden; position:relative; float:left; margin:0 10px 10px;}
.box5 ul li a.pic{ display:block; overflow:hidden; position:relative;}
.box5 ul li a.pic img{ display:block; width:100%; height:188px;}
.box5 ul li a.pic em{ display:block; width:100%; height:100%; background:rgba(0,0,0,0.5) url(../images/icons/video.png) center no-repeat; position:absolute; left:0; top:0;}
.box5 ul li a.title{ display:block; line-height:72px; color:#333; font-size:22px; text-align:center; overflow:hidden;}
.box5 ul li a.title:hover{ color:#03428a;}
.box5 a.more{ display:block; width:206px; line-height:52px; color:#fff; font-size:22px; text-align:center; background:#fe4345; overflow:hidden; border-radius:26px; margin:16px auto 56px;}






/**/