.banner{position:relative; width:100%; min-width:1200px; height:500px; background:#050a16; -webkit-animation: gdownIn 1s 0.2s both; -moz-animation: gdownIn 1s 0.2s both;}
#banner_main{position:relative; width:100%; height:500px;}
#banner_main li{display:none; position:absolute; top:0; left:0; width:100%; height:100%; background-position:center 0; background-repeat:no-repeat;}
#banner_main li a{height:100%; display:block;}
#indicator{position:absolute; bottom:0; left:0; width:100%; height:40px; line-height:40px; text-align:center;}
#indicator li{display:inline-block; *display:inline; *zoom:1; margin:0 10px; width:10px; height:10px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; cursor:pointer; background:#13376d; border-radius:50%;}
#indicator li.act{background:#fff;}
#indicator li i{position:absolute; left:50%; top:50%; background:#13376d; width:10px; height:10px; display:block; margin-left:-5px; margin-top:-5px; -webkit-transform:scale(0); -moz-transform:scale(0); transform:scale(0);  -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}

#indicator li.act i{-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);}


.index_pro{ min-width:1200px; background:#f9f9f9; overflow:hidden; -webkit-animation: gdownIn 1s 0.5s both; -moz-animation: gdownIn 1s 0.5s both;}
.index_pro section{width:1200px; margin:30px auto;}

.index_title{text-align:center;}
.index_title h2{color:#36478c; font-size:24px; line-height:24px; margin-bottom:15px;}
.index_title aside{color:#909090; font-size:14px; margin-bottom:8px;}
.index_title a{width:128px; height:38px; line-height:38px; border:1px solid #bec3d8; border-radius:5px; color:#909090; display:inline-block; *display:inline; *zoom:1;}
.index_title a:hover{background:#36478c; color:#fff; border-color:#36478c;}

.index_pro_list{margin-top:21px;overflow:hidden; border-right:1px solid #ececec;}
.index_pro_list div{float:left; background:#f1f1f1; width:299px; border:1px solid #ececec; text-align:center; height:306px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; box-shadow:inset 0 0 0 0 rgba(54,71,140,0);}
.index_pro_list div a{display:block; height:100%; overflow:hidden;}
.index_pro_list div h2{color:#333; font-size:20px; margin-top:20px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.index_pro_list div p{color:#999; font-size:16px;}
.index_pro_list div picture{width:184px; height:193px; margin:20px auto 0; overflow:hidden;}
.index_pro_list div picture img{width:100%; display:block;}

.index_pro_list div a:hover h2{color:#36478c;}
.index_pro_list div:hover{background:#fff; box-shadow:inset 0 0 0 10px rgba(54,71,140,0.05);}

.index_pro_list ul{overflow:hidden; float:left; width:898px; background:#fff;}
.index_pro_list ul li{float:left; width:299px; height:152px; border-right:1px solid #ececec; border-top:1px solid #ececec; border-bottom:1px solid #ececec; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; box-shadow:inset 0 0 0 0 rgba(54,71,140,0)}
.index_pro_list ul li a{display:block; height:100%; overflow:hidden;}
.index_pro_list ul li picture{width:160px; height:86px; margin:15px auto; overflow:hidden;}
.index_pro_list ul li picture img{width:100%;}
.index_pro_list ul li p{text-align:center; margin:0 15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.index_pro_list ul li:hover{box-shadow:inset 0 0 0 10px rgba(54,71,140,0.05);}


.index_pro_list02{border:1px solid #ececec; border-top:0; overflow:hidden;}
.index_pro_list02 li{border-right:1px solid #ececec; height:152px; overflow:hidden; float:left; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; box-shadow:inset 0 0 0 0 rgba(54,71,140,0)}
.index_pro_list02 li a{display:block; height:100%;}
.index_pro_list02 li p{text-align:center; margin:0 15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.index_pro_list02 li picture img{width:100%; display:block;}

.index_pro_list02 li.pro_list_01{width:299px; background:#f6f6f6;}
.index_pro_list02 li.pro_list_01 picture{width:120px; height:76px; margin:20px auto;}

.index_pro_list02 li.pro_list_02{width:299px; background:url(../img/index12.jpg) no-repeat;}
.index_pro_list02 li.pro_list_02 picture{width:76px; height:76px; margin:20px auto;}

.index_pro_list02 li.pro_list_03{width:598px; background:url(../img/index13.jpg) no-repeat; border-right:0;}
.index_pro_list02 li.pro_list_03 picture{width:76px; height:76px; margin:20px auto;}

.index_pro_list02 ul li:hover{box-shadow:inset 0 0 0 10px rgba(54,71,140,0.05);}


.scheme{background:#fff; overflow:hidden; min-width:1200px;}
.scheme section{width:1200px; margin:30px auto;}
.scheme_box{position:relative; height:542px; margin-top:30px;}

.scheme_box #scheme_prev{position:absolute; right:30px; top:-70px; width:25px; height:40px; border:1px solid #1c2e79; background-size:50% auto; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; font-size:20px; font-family:"SourceHanSansCN-Regular","PingFangSC","Open Sans","Microsoft YaHei", "Arial", "sans-serif"; background:#36478c; color:#fff; border-radius:3px;}
.scheme_box #scheme_prev:hover{ background:#1c2e79;}

.scheme_box #scheme_next{position:absolute; right:0; top:-70px; width:25px; height:40px; background-size:50% auto; border:1px solid #1c2e79; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; opacity:.5; font-size:20px; font-family:"SourceHanSansCN-Regular","PingFangSC","Open Sans","Microsoft YaHei", "Arial", "sans-serif"; background:#36478c; color:#fff; border-radius:3px;}
.scheme_box #scheme_next:hover{opacity:1; background:#1c2e79;}


.scheme_box .scheme_con{overflow:hidden; height:542px; position:relative;}
.scheme_box .scheme_con ul{overflow:hidden; position:absolute; left:0; top:0;}
.scheme_box .scheme_con ul li{width:386px; height:500px; border:1px solid #ececec; float:left; background:url(../img/index19.jpg) no-repeat; text-align:center; margin-right:18px;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; box-shadow:inset 0 0 0 0 rgba(54,71,140,0)}
.scheme_box .scheme_con ul li a{height:100%; display:block; overflow:hidden;}
.scheme_box .scheme_con ul li i{width:84px; height:93px; background:url(../img/index14.png) no-repeat center; margin:140px auto 28px; display:block; font-size:50px; color:#fff; line-height:93px;}
.scheme_box .scheme_con ul li h2{color:#333; font-size:20px; padding:0 20px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.scheme_box .scheme_con ul li a:hover h2{color:#36478c;}
.scheme_box .scheme_con ul li p{color:#999; font-size:14px; line-height:25px; margin-top:28px; padding:0 20px;}

.scheme_box .scheme_con ul li:hover{box-shadow:inset 0 0 0 10px rgba(54,71,140,0.05);}

.application{background:#fff; margin-top:30px; overflow:hidden;}
.application_left{width:282px; float:left;}
.application_left li{height:165px; background:#eee; text-align:center; width:100%; float:left; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; cursor:pointer; 	margin-bottom:14px; position:relative;}
.application_left li i{width:32px; height:32px; margin:35px auto 0; background:url(../img/index20.png) no-repeat; display:block;}
.application_left li b{width:20px; border-top:1px solid #bababa; margin:16px auto 6px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.application_left li h3{font-size:22px; color:#333; text-align:center; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.application_left li aside{ font-size:10px; color:#999; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.application_left li em{position:absolute; left:100%; top:50%; margin-top:-8px; border-left:8px solid #36478c; border-top:8px solid transparent; border-bottom:8px solid transparent; display:none;}
.application_left li.act em{display:block;}


.application_left li:hover, .application_left li.act{background:#36478c;}
.application_left li:hover i, .application_left li.act i{background-position:0 -32px;}
.application_left li:hover b, .application_left li.act b{border-color:#fff;}
.application_left li:hover h3, .application_left li:hover aside, .application_left li.act h3, .application_left li.act aside{color:#fff;}

.application_left li i.icon02{background-position:0 -64px;}
.application_left li:hover i.icon02, .application_left li.act i.icon02{background-position:0 -96px;}

.application_left li i.icon03{background-position:0 -128px;}
.application_left li:hover i.icon03, .application_left li.act i.icon03{background-position:0 -160px;}

.application_left li i.icon04{background-position:0 -192px;}
.application_left li:hover i.icon04, .application_left li.act i.icon04{background-position:0 -224px;}

.application_left li i.icon05{background-position:0 -256px;}
.application_left li:hover i.icon05, .application_left li.act i.icon05{background-position:0 -288px;}

.application_left li i.icon06{background-position:0 -320px;}
.application_left li:hover i.icon06, .application_left li.act i.icon06{background-position:0 -352px;}


.application_left.application_right{float:right;}
.application_left.application_right li em{position:absolute; left:auto; right:100%; top:50%; margin-top:-8px; border-right:8px solid #36478c; border-left:0; border-top:8px solid transparent; border-bottom:8px solid transparent;}

.application_box_con{width:608px; height:523px; float:left; margin-left:14px;}
.application_con{width:608px;}
.application_con a{display:block; height:100%;}
.application_con picture{width:608px; height:380px; overflow:hidden;}
.application_con picture img{width:100%; display:block;}
.application_con article{padding:0 35px 10px; background:#36478c; overflow:hidden;}
.application_con article h2{ color:#fff; font-size:20px; margin:20px 0;}
.application_con article summary{ color:#c6cada; height:63px; overflow:hidden;}