@charset "utf-8";


.banner{position: relative; height:800px;overflow: hidden;clear: both;}
.ban_p,.ban_p li{ height:800px;overflow: hidden;}
.ban_p li a{ display:block; height:800px; background:url(../image/banner1.jpg) no-repeat center 0;}
.ban_t{width:1120px;height:50px;bottom: 100px;left:50%;margin-left:-560px;position: absolute;text-align: center;}
.ban_t em{width: 16px;height: 16px;border-radius: 16px;margin-right:12px; display: inline-block;background: #fff; border:#21327A 3px solid; cursor:pointer}
.ban_t em.on{background: #666; border:#21327A 3px solid}

.til01{text-align: center;color: #666;font-size:20px;line-height:31px;font-family: "Microsoft Yahei";font-weight: normal;clear: both;display: block;height: 146px;white-space: nowrap; background:url(../image/hztit.gif) center top no-repeat;}
.til01 span{display: block;color: #0A64AF;line-height:52px;font-size:34px;display: block;}
.til01 b{color: #282828;}
.til01 em{display: block;color: #c6c6c6;line-height:22px;font-size:18px;font-family: Agency FB , Times New Roman;text-transform: uppercase;}
.til01 a{color: #666;}




.jjfa{  width:100%; padding-top:180px; background: url(../image/jjfa.png) center top no-repeat; margin:0 auto; margin-top:-150px;}
.jjfa ul{ float:left;}
.jjfa ul li{ float:left; width:272px; height:192px; margin-left:10px; margin-bottom:8px; cursor:pointer; position:relative;}
.jjfa ul li.jjfali-0,.jjfa ul li.jjfali-4{ margin-left:0px; color:#fff;}
.jjfa ul li.jjfali-0 .subname{ height:50px; float:left; line-height:50px; font-size:30px; text-indent:40px; margin-top:50px;text-transform:Uppercase; font-family:Vani; font-weight:bold;}
.jjfa ul li.jjfali-0 .name{ height:30px; float:left; line-height:30px; font-size:24px; text-indent:40px;text-transform:Uppercase; font-family:Vani; font-weight:bold;}
.jjfa ul li.jjfali-0 .title{ width:200px; height:30px; float:left; line-height:30px; font-size:16px; margin-left:36px; margin-top:80px;}

.jjfa ul li.jjfali-0 .jjfali-0all{ width:272px; height:320px; float:left; position:absolute; bottom:0; left:0; background:#1B2E7C}
.jjfa ul li p{ width:272px; height:192px; overflow:hidden; background: #1B2E7C; background: rgba(27,46,124,0.5);filter: alpha(opacity=50); position:absolute; z-index:2; left:0; top:0; text-align:center; line-height:192px; color:#fff}
.jjfa ul li>div{ width:272px; height:192px; float:left; overflow:hidden;}
.jjfa ul li img{ width:272px; height:192px; float:left; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s;}
.jjfa ul li:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}



.rglsys{overflow:hidden;height:930px; background:url(../image/23.png) center top no-repeat; margin:0 auto;}
.rglsys .rgl-t{ width:100%; float:left; margin-top:200px; color:#fff; text-align:center;}
.rglsys .rgl-t p{ display:block; width:100%; height:40px; line-height:40px; float:left; font-size:24px;text-transform:Uppercase; font-weight:bold;}
.rglsys .rgl-t span{ display:block; width:100%; height:30px; line-height:30px; float:left; font-size:22px; font-weight:bold;}


.rglsys ul{ float:left;}
.rglsys ul li{ float:left; width:272px; height:274px; margin-left:10px; margin-top:40px; cursor:pointer;}
.rglsys ul .rgl_li1{ margin-left:0px;}
.rglsys ul li img{ width:272px; height:204px; float:left; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; }
.rglsys ul li>div{ width:272px; height:204px; float:left; overflow:hidden;}
.rglsys ul li font{ display:block; width:100%; height:70px; line-height:70px; color:#333; text-align:center; overflow:hidden; background:#fff; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s;}
.rglsys ul li:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.rglsys ul li:hover font{ color:#21327A}

.rglsys ul li:hover p,.seabox ul li:hover font{ color:#fff;}

.rglsys .rgl-f{ width:100%; float:left; color:#fff; text-align:center;}
.rglsys .rgl-f a{ display:block; width:180px; height:40px; line-height:40px; float:left; margin-left:470px; border:#fff 1px solid; text-align:center; color:#fff;-moz-border-radius: 20px;-webkit-border-radius:20px;  border-radius: 20px; margin-top:50px; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s;}
.rglsys .rgl-f a:hover{ background:#fff; color:#21327A}





.idxpro{overflow:hidden; margin:0 auto; padding-top:105px; margin-top:-205px;}
.idxpro-t{ width:100%; float:left; text-align:right; color:#1E2E74}
.idxpro-t p{ display:block; width:100%; height:40px; line-height:40px; float:left; font-size:24px;text-transform:Uppercase; font-weight:bold;}
.idxpro-t font{ display:block; width:100%; height:30px; line-height:30px; float:left; font-size:22px; font-weight:bold;}
.idxpro-f{ width:100%; float:left; margin-top:50px; border-bottom:#E4E4E4 8px solid; padding-bottom:20px;}
.idxpro-f .idxpro-li{ float:left; width:360px; margin-left:20px;}
.idxpro-f .idxpro-li .idxpro-img{ width:338px; float:left; padding:10px; overflow:hidden; border:#D7D7D7 1px solid; background:#fff;}
.idxpro-f .idxpro-li .img{ width:338px; float:left; overflow:hidden;}
.idxpro-f .idxpro-li .img img{ width:338px; float:left; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; }
.idxpro-f .idxpro-li .name{ width:100%; float:left; height:60px; line-height:60px; text-align:center; overflow:hidden; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; }

.idxpro-f .idxpro-li:hover .idxpro-img .img img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.idxpro-f .idxpro-li:hover .name{ color:#1E2E74}

.idxpro-f #idxpro-li1{ margin-left:0px}






.newbox{width:100%;height:600px; margin:0 auto;z-index:2;overflow: hidden;padding-top:80px; }
.newbox-t{ width:100%; float:left; text-align:center; font-weight:bold; color:#0A448D; font-size:24px;}
.new2{width: 100%; height:500px; overflow: hidden; float:left; position: relative;}
.newtil{ width:100%; float:left; position:absolute; z-index:2; top:390px;}
.newtil ul{width:100%; float:left;}
.newtil{height:110px;line-height:58px;font-size:16px;color: #282828;}
.newtil li.new-li{ width:33.33333333%; height:110px; float: left; cursor:pointer;}
.newtil li.new-li a{  display:block; width:100%; height:110px; float:left; overflow:hidden;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s;border: 4px solid hsla(0,0%,90%,0); color:#fff;}


.newtil li.new-li div{ width:300px; height:70px; float:left; margin-left:36px; margin-top:20px;transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; overflow:hidden;}
.newtil li.new-li div p{ display:block; width:180px; height:25px; line-height:25px; float:left; margin-left:120px; font-weight:bold; font-size:20px; letter-spacing:2px; margin-top:10px;}
.newtil li.new-li div font{ display:block; width:180px; height:25px; line-height:25px; float:left; margin-left:120px; font-size:14px;}
.newtil li.new-li div span{ display:block; width:40px; height:4px; background:#fff; float:left; margin-left:120px; margin-top:2px;transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s;}

.newtil li .new-li1{ background: url(../image/adv1.png) 0 -80px no-repeat;}
.newtil li .new-li2{ background: url(../image/adv2.png) 0 -80px no-repeat;}
.newtil li .new-li3{ background: url(../image/adv3.png) 0 -80px no-repeat;}

.newtil li.new-li div:hover{ color:#f00}
.newtil li.new-li div:hover span{ background:#f00}
.newtil li.cur div{ color:#f00}
.newtil li.cur div span{ background:#f00}
.newtil li.cur .new-li1{ background: url(../image/adv1.png) 0 0 no-repeat;}
.newtil li.cur .new-li2{ background: url(../image/adv2.png) 0 0 no-repeat;}
.newtil li.cur .new-li3{ background: url(../image/adv3.png) 0 0 no-repeat;}

.newtil li div{ width:100%; height:110px; float:left; overflow:hidden;}
.newtil li.cur a{  border:#f00 4px solid;}



.new_c1{ width:100%; height:500px; float:left; margin-top:50px;}

.new_c1 li{ width:100%; float:left; height:500px;}
.new_c1 li .new_cimg{width:560px; height:500px;float: left; overflow:hidden;}
.new_c1 li .new_cimg img{width:100%; height:500px;float: left; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s;}

.new_c1 li .new_ctxt{ width:556px; height:492px; float:left; background:#fff; border:#E4E4E4 4px solid; border-left:0px;}
.new_c1 li .new_ctitle{ width:452px; float:left; margin-left:50px; margin-top:50px;}
.new_c1 li .new_ctitle .name{ width:100%; height:30px; line-height:30px; float:left; overflow:hidden; font-size:18px; font-weight:bold; color:#313131}
.new_c1 li .new_ctitle a{ display:block; background:#D2D2D2; width:100%; height:1px; min-height:1px; max-height:1px; float:left; margin:15px 0px;}
.new_c1 li .new_ctitle .cont{ width:100%; float:left; height:180px; overflow:hidden; line-height:30px; color:#666; margin-top:15px;}


.new_c1 li:hover .new_cimg img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}





.aboutbox{ width:1120px; height:535px; margin:0 auto; position:relative;}
.about_l{ float:left; width:960px; height:535px; overflow:hidden; position:absolute; right:560px;}
.about_l img{width:960px;height:535px; float:left; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s;}
.aboutbox:hover .about_l img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.about_r_post{ position:absolute; left:560px; width:1920px; height:535px; background:#F4F6FD;}
.about_r {width: 520px; height:390px; float:left; margin-left:40px;}
.about_r .about_title{ width:100%; height:70px; float:left; margin-top:80px; position: relative;}
.about_r .about_title p{position:absolute; z-index:2; display:block; width:100%; float:left; height:70px; line-height:70px; font-size:36px; font-weight:300; color:#0A448D; letter-spacing:2px;}
.about_r .about_title font{ width:100%; float:left; color:#E5EBF4; font-size:100px; line-height:70px; font-family:Arial; letter-spacing:5px; font-style: italic}
.about_r .about_cont{ width:100%; float:left; margin-top:60px; color:#797979; line-height:30px;}
.about_r .about_cont p{ display:block; width:100%; float:left; height:30px; line-height:30px; color:#111; font-size:16px;}
.about_r .about_ul{ width:100%; float:left; margin-top:60px;}
.about_r .about_ul .about_li{ float:left; height:50px; width:170px;}
.about_r .about_ul .about_li img{ width:50px; height:50px; float:left; margin-right:10px;}
.about_r .about_ul .about_li p{ display:block; width:110px; height:25px; line-height:25px; font-weight:bold; float:left; overflow:hidden; color:#484848; font-size:18px;}
.about_r .about_ul .about_li font{ display:block; width:110px; height:25px; line-height:25px; float:left; overflow:hidden; color:#484848; font-size:14px;}





.serv{ width:100%; height:530px; margin:0 auto; overflow:hidden; margin-top:50px; background:url(../image/sub.png) bottom repeat-x;}

.serv .index_name{ width:100%; float:left; text-align:center; margin-top:30px;}
.serv .index_name p{ display:block; width:100%; float:left; height:50px; line-height:50px; font-size:24px; font-weight:bold; color:#0A448D; letter-spacing:2px;}
.serv .index_name span{ display:block; width:58px; min-height:2px; max-height:2px; height:2px; float:left; margin-left:531px; background:#0A448D;}


.serv_c{ float:left;}
.serv_c ul{ width:1115px; float:left; margin-top:35px; border:#EAEAEA 1px solid; margin-left:2px;}
.serv_c li{ width:185px; height:132px; float: left;position: relative; border-left:#EAEAEA 1px solid; border-bottom:#EAEAEA 1px solid;}
.serv_c li,.serv_c li a,.serv_c li,.serv_c li img,.serv_c li p.serv_cw1{ display:block;width: 185px;height: 132px;float: left; overflow:hidden;}
.serv_c li p.serv_cw1{display: none; height:0;line-height:132px; width:185px; overflow:hidden; text-align:center; font-size:18px; color:#fff;left:0;top:0;position: absolute;background:url(../image/bg01.png) repeat; -webkit-transition:height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);-webkit-transition:height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.serv_c li:hover p.serv_cw1{ display:block;}

.serv_c li img{ transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s;}
.serv_c li:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}

.serv_c li.cur p.serv_cw1{height:132px;}
.serv_c li.serv_l1,.serv_c li.serv_l7{ border-left:0px;}
.serv_c li.serv_l7,.serv_c li.serv_l8,.serv_c li.serv_l9,.serv_c li.serv_l10,.serv_c li.serv_l11,.serv_c li.serv_l12{ border-bottom:0px;}









.part{ width:1120px; margin:0 auto; margin-top:60px; position: relative;overflow: hidden;}
.index_title{ width:100%; float:left; text-align:center; position: relative;}
.index_title p{position:absolute; z-index:2; display:block; width:100%; float:left; height:80px; line-height:80px; font-size:36px; font-weight:300; color:#0A448D; letter-spacing:2px;}
.index_title font{ display:block; width:100%; float:left; left:0; top:0; color:#F5F5F5; font-size:100px; line-height:80px; font-family:Arial; font-style: italic}
.index_title a{ display:block; width:30px; max-height:1px; min-height:1px; height:1px; float:left; background:#0A448D; margin-left:545px; position:absolute; top:70px; z-index:2}
.index_title b{ display:block; width:150px; max-height:1px; min-height:1px; height:1px; float:left; background:#EAEAEA; margin-left:485px;}
.index_title span{ display:block; width:100%; float:left; font-size:14px; line-height:30px; color:#0A448D;text-transform:uppercase}

.prev1,.next1{width:20px;height:50px;display: block;position: absolute;right:-48px;top:182px;z-index: 2;background:url(../image/next1.gif) no-repeat 0 0;}
.prev1{left:-48px;background:url(../image/prev1.gif) no-repeat 0 0;}
.prev1:hover,.next1:hover{background-position: 0 bottom;}
.part_c{width: 1120px;overflow: hidden; float:left; margin-top:60px;}
.part_c li{float: left; width:260px; margin:0px 10px;}
.part_c li .part-a{ width:260px; height:197px; float:left; overflow:hidden;}
.part_c li img{width:260px;height:197px;display: block;overflow:hidden; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s;}
.part_c li p{ display:block; float:left; width:100%; height:40px; line-height:40px; color:#222; font-size:16px;}
.part_c li span{ display:block; padding:0px 25px; height:30px; float:left; line-height:30px; text-align:center; overflow:hidden; border:#B5B5B5 1px solid;-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;}
.part_c li:hover span{ background:#004090; color:#fff;}
.part_c li:hover .part-a img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}






.edge{width:100%; margin:0 auto;overflow: hidden; margin-top:60px; margin-bottom:60px;}




.edgeul ul{ margin:0 auto; display:table; text-align:center; margin-top:45px;}
.edgeul{height:90px;line-height:58px;font-size:16px;color: #282828;}
.edgeul li{float: left;}
.edgeul li{ text-align:center; float:left; margin-right:15px;}
.edgeul li a{ display:block; padding:0px 15px; height:30px; line-height:30px; -moz-border-radius: 15px;-webkit-border-radius: 15px; border-radius: 15px; border:#A4A8AC 1px solid; color:#5C5F61;}
.edgeul li.cur a,.edgeul li a:hover{background:#1E2E74;color:#fff;}

.edge_c1{ width:100%; float:left;}


.edge_l{ width:540px; margin-top:10px;}
.edge_l .edg_all{ width:100%; float:left;}
.edge_l .edg_all .edg_img{ width:540px; height:420px; float:left; overflow:hidden}
.edge_l .edg_all .edg_img img{ width:540px; height:420px; float:left; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s;}
.edge_l .edg_all .edg_time{ width:100%; float:left; height:25px; line-height:25px; color:#999; font-size:14px; margin-top:10px; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s;}
.edge_l .edg_all .edg_name{ width:100%; float: left; height:25px; line-height:25px; overflow:hidden; font-size:16px;white-space: nowrap;text-overflow: ellipsis; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s;}
.edge_l .edg_all .edg_name a{ color:#222}
.edge_l .edg_all .edg_cont{ width:100%; float:left; height:50px; line-height:25px; margin-top:5px; color:#bbb; overflow:hidden;position: relative;text-overflow: ellipsis; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s;}
.edge_l .edg_all .edg_cont:after { bottom: 0; right: 0; content: "..."; padding: 0 -40px 0 0; position: absolute; z-index:1; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s;}
.edge_l .edg_all .edg_link{ width:100%; float:left; margin-top:5px;}
.edge_l .edg_all .edg_link a{ display:block; width:100px; height:30px; line-height:30px; float:left; overflow:hidden; border:#999 1px solid; text-align:center;-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; color:#666; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s;}

.edge_l .edg_all:hover .edg_img img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.edge_l .edg_all:hover .edg_time{ color:#333}
.edge_l .edg_all:hover .edg_name a{ color:#000}
.edge_l .edg_all:hover .edg_cont{ color:#666}
.edge_l .edg_all:hover .edg_link a{ background:#1E2E74; color:#fff}



.edge_w{width:540px; margin-right:10px; margin-top:10px;}
.edge_w dl{height:176px; float:left; width:540px; margin-bottom:20px; -moz-box-shadow:0px 0px  10px 5px #F3F6F9; -webkit-box-shadow:0px 0px  10px 5px #F3F6F9; box-shadow:0px 0px  10px 5px #F3F6F9;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background:#fff;}
.edge_w dt{ width:100%; height:176px; float:left;position: relative;overflow: hidden;}

.edge_w dt i{width:100%;height:176px; position: absolute;display: block;top: 0;left: 0;}
.edge_w dt i .edg_date{ width:460px; float:left; margin-left:40px; margin-top:30px; height:30px; line-height:30px; color:#A3A3A3; font-size:14px;}
.edge_w dt i .edg_name{ width:460px; float:left; margin-left:40px; height:30px; line-height:30px; overflow:hidden;position: relative;text-overflow: ellipsis;} 

.edge_w dt i .edg_name a{ color:#fff; font-size:16px;}
.edge_w dt i .edg_cont{ width:460px; float:left; margin-left:40px; height:30px; line-height:30px; font-size:12px; color:#A3A3A3; overflow:hidden;position: relative;text-overflow: ellipsis;} 
.edge_w dt i .edg_cont:after {bottom: 0; right: 0; content: "..."; padding: 0 -40px 0 0; position: absolute; z-index:1; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; color:#A3A3A3}
.edge_w dt i .edg_link{ width:460px; float:left; margin-left:40px; margin-top:5px;}
.edge_w dt i .edg_link a{ display:block; width:100px; height:30px; line-height:30px; float:left; overflow:hidden; border:#A3A3A3 1px solid; text-align:center;-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; color:#A3A3A3; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s;}

.edge_w dt i.default .edg_name a{ color:#000}

.edge_w dt i.default{-webkit-transition: all 0.6s linear;transition: all 0.6s linear; background:#fff;}
.edge_w dt i.hover{opacity:1;visibility:visible;opacity:0;visibility:hidden;
	-webkit-transform:translate3d(0,0,-176px) rotate3d(1,0,0,90deg);
	transform:translate3d(0,0,-176px) rotate3d(1,0,0,90deg);
	-webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-transition:all 0.6s linear;
    transition:all 0.6s linear;}
.edge_w dl.cur dt{ background:#1E2E74; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.edge_w dl.cur dd{padding: 0;}
.edge_w dl.cur dd ul{display: block;}
.edge_w dl.cur dt i.default{opacity:0;visibility:hidden;-webkit-transform:translate3d(0,176px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,176px,0) rotate3d(1,0,0,-90deg);}
.edge_w dl.cur dt i.hover{opacity:1;visibility:visible;-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}