@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
em,i{ font-style:normal; }

body{min-width: 1200px; width: 100%;overflow-x: hidden;}

.banner{ height:650px;width:100%; position:relative; z-index:1;}
.banner .bd,.banner .bd li{width:100%; height:650px; overflow:hidden;}
.banner .bd li img{ position:absolute; top:0; left:50%; margin-left:-960px; height:650px;}
.banner .bantil{ width:160px; height:21px;position:absolute; bottom:50px;left:50%; margin-left:-60px; z-index:8;}
.banner .bantil{ width:200px; height:6px;position:absolute; bottom:30px;left:50%; margin-left:-100px; z-index:8;}
.banner .bantil li{ width:52px; height:6px; float:left; display:inline;background:#fff; opacity:1; border-radius:0; margin:0 5px;}
.banner .bantil li.on{background:#ffc000;}

.yinz{ height:423px; background:url(../images/yinz_bg.jpg) no-repeat center top; position:relative; z-index:8;}
.yinz h2{ padding-top:42px; text-align:center;}
.yinz p{ padding:0 60px; font:16px "Microsoft YaHei"; text-align:center; line-height:24px; color:#646464; margin-top:25px;}
.yinz ul{ height:103px; margin-top:40px; position:relative;}
.yinz ul:before{ content:""; position:absolute; top:px; right:0; width:1px; height:70px; background:#c6c6c6;}
.yinz li{ width:170px; padding-left:70px; float:left; font:15px "Microsoft YaHei"; color:#646464; position:relative;}
.yinz li span{ display:block; font:48px Arial; font-weight:bold; color:#192346;}
.yinz li span em{ display:inline-block; font:15px "Microsoft YaHei"; width:27px; height:27px; background:#ffc600; text-align:center; line-height:27px; color:#fff; border-radius:27px;}
.yinz li:before{ content:""; position:absolute; top:px; left:0; width:1px; height:70px; background:#c6c6c6;}
.yinz h5 img{ display:block; width:7.14%; position:absolute; top:-41%; left:0;}

.tit{ text-align:center; height:145px; overflow:hidden;}
.tit span{ display:block; height:38px; margin-top:22px; position:relative;}
.tit span b{ display:block; width:530px; height:15px; background:#fbd976; border-radius:1.5rem; position:absolute; top:15px; left:50%; margin-left:-265px;}
.tit span em{ display:block; font:20px "Microsoft YaHei"; color:#0a1a3e; position:absolute; top:0px; left:0; width:100%;}

.pro{ background:#f2f2f2; padding:95px 0;}
.pro dl{ height:490px; overflow:hidden; position:relative; margin-bottom:30px;}
.pro dt img{ display:block; width:1200px; height:490px; border-radius:1.5rem;}
.pro dd{ width:300px; height:350px; padding:30px; overflow:hidden; position:absolute; top:40px; right:40px; background:#0a1a3e; border-radius:0.2rem;}
.prodd b{ font-size:14px; color:#fff; display:block; margin-top:14px;}
.prodd p{ font:14px "Microsoft YaHei"; line-height:24px; color:#6e7a96;}
.pro dd span{ border-radius:1.5rem; display:block; width:145px; height:45px; font:16px "Microsoft YaHei"; line-height:45px; color:#0a1a3e; background:#ffc600 url(../images/pro_icon.png) no-repeat 15px center; margin-top:12px;}
.pro dd span a{ display:block; padding-left:57px; color:#0a1a3e;}
.pro li{ width:289px; float:left; margin-right:14px;}
.pro li img:nth-child(1){ display:block; border-radius:1.5rem; width:289px; height:333px; margin-bottom:28px;}
.pro li em{ display:block; font:12px "Microsoft YaHei"; color:#c1c3c7; padding:6px 0 14px;}
.pro li span{ display:block; width:145px; height:45px; font:16px "Microsoft YaHei"; line-height:45px; overflow:hidden; background:#5ea904; border-radius:2rem; color:#fff; text-align:center;}
.pro li:nth-child(2) span{ background:#ffc600;}
.pro li:nth-child(3) span{background:#e96614;}
.pro li:nth-child(4){ margin-right:0;}
.pro li:nth-child(4) span{background:#2187c8;}

.ys{ height:1225px; overflow:hidden; margin-top:95px; position:relative;}
.ys .tit span b{ width:300px; margin-left:-150px;}
.yst{ height:195px; background:#0a1a3e; position:relative; z-index:2;}
.yst ul{ width:1200px; margin:0 auto; position:relative;}
.yst ul:before{ content:""; position:absolute; top:60px; right:0; width:1px; height:136px; border-left:1px dashed rgba(255,255,255,0.3);}
.yst li{ width:300px; height:262px; text-align:center; font:20px "Microsoft YaHei"; float:left; margin-top:22px; color:#fff; position:relative;}
.yst li:before{ content:""; position:absolute; top:5px; left:0; width:1px; height:136px; border-left:1px dashed rgba(255,255,255,0.3);}
.yst li span{ display:block; width:85px; height:85px; margin:0 auto 16px; position:relative;}
.yst li span em{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.yst li span i{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;visibility:hidden;
	-webkit-transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
	transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
	-webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-transition:all 0.4s linear;
    transition:all 0.4s linear;}
.yst li b{ display:block; font:12px Arial; opacity:0.3; padding-top:5px;}
.yst li a{ color:#fff; display:block;}
.yst li:hover,.yst .cur{ font-weight:bold; color:#0a1a3e;}
.yst .li1:hover,.yst .li1.cur{ background:#ffc600 url(../images/adv_bg1.png) no-repeat center bottom; padding-top:25px; height:190px; border-radius:1rem;}
.yst .li2:hover,.yst .li2.cur{ background:#ffc600 url(../images/adv_bg2.png) no-repeat center bottom; padding-top:25px; height:190px;border-radius:1rem;}
.yst .li3:hover,.yst .li3.cur{ background:#ffc600 url(../images/adv_bg3.png) no-repeat center bottom; padding-top:25px; height:190px;border-radius:1rem;}
.yst .li4:hover,.yst .li4.cur{ background:#ffc600 url(../images/adv_bg4.png) no-repeat center bottom; padding-top:25px; height:190px;border-radius:1rem;}
.yst li:hover em,.yst .cur em{opacity:0;visibility:hidden;-webkit-transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);}
.yst li:hover i,.yst .cur i{opacity:1;visibility:visible;-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}
.ys1{ height:790px;}
.ys1 dt{ background:url(../images/ys1.jpg) no-repeat center top; height:595px; overflow:hidden;}
.ys1 .dl2 dt{ background:url(../images/ys2.jpg) no-repeat center top; height:595px; overflow:hidden;}
.ys1 .dl3 dt{ background:url(../images/ys3.jpg) no-repeat center top; height:595px; overflow:hidden;}
.ys1 .dl4 dt{ background:url(../images/ys4.jpg) no-repeat center top; height:595px; overflow:hidden;}
.ys1 dd{ width:1200px; height:135px; padding-top:44px; margin:0 auto; border-bottom:3px solid #e6e6e6; position:relative;}
.ys1 dd h3{ width:142px; height:85px; float:left;font:110px Impact; color:#ffc600; position:relative; margin-top:-18px;}
.ys1 dd h5{ width:655px; float:left;}
.ys1 dd h5 em{ display:block; font:30px "Microsoft YaHei"; color:#0a1a3e; font-weight:bold;}
.ys1 dd h5 p{ font:14px "Microsoft YaHei"; line-height:24px; color:#666; padding-top:8px;}
.yst2{ width:260px; height:32px; text-align:center; position:absolute; top:865px; left:50%; margin-left:190px;}
.yst2 a{ display:inline-block; width:32px; height:32px; font:24px Impact; font-weight:bold; color:#fff; margin:0 10px; text-align:center; line-height:32px; position:relative;}
.yst2 a:before{ content:""; position:absolute; top:12px; right:-10px; width:1px; height:10px; background:#545f78;}
.yst2 a:last-child:before{ background:none;}
.yst2 a.cur{ background:#ffc600; color:#0a1a3e; border-radius:40px;}
.yslx{ width:260px; position:absolute; top:995px; left:50%; margin-left:350px; font:30px Arial; color:#0a1a3e; font-weight:bold;}
.yslx em{ display:block; font:16px "Microsoft YaHei"; color:#272727; background:url(../images/lx.png) no-repeat left center; line-height:24px; height:24px; padding-left:34px; margin-bottom:8px;}

.dz{ background:url(../images/dz_bg.jpg) no-repeat center top; height:1040px; padding-top:95px;}
.dz .tit em{ color:#fff;}
.dz .tit span b{ background:#a08418;}
.dzt{ height:92px; border-bottom:1px solid #fff; margin:38px 0 40px;}
.dzt li{ width:50%; float:left; font:30px "Microsoft YaHei"; line-height: 84px; color:#fff;    letter-spacing: 2px;}
.dzt li em{ display:block; float:left; margin-right:8px; margin-top:5px;}
.dzt li a{ display:block; color:#fff; height:90px;}
.dzt li a:hover,.dzt .cur a{ color:#ffc600; border-bottom:5px solid #ffc600;}  
.dzt li:nth-child(1) em{ margin-top:12px;}
.dz1,.dz1 dl{ height:650px;}
.dz1 dd{ width:608px; float:left;}
.dz1 dd p{ width:287px; height:287px; overflow:hidden; float:left; margin:0 17px 20px 0; position:relative;border-radius:1.5rem;}
.dz1 dd p img{ display:block;width:287px; height:287px; }
.dz1 dd p span,.dz1 dt span{ background:rgba(255,198,0,0.8); display:none; width:100%; height:100%; padding-top:35%; box-sizing:border-box; position:absolute; top:0; border-radius:1.5rem; font:24px "Microsoft YaHei"; text-align:center; color:#0a1b3e;    letter-spacing: 2px;}
.dz1 dd p span em,.dz1 dt span em{ display:block; font:14px "Microsoft YaHei"; background:url(../images/case_arr.png) no-repeat center bottom; padding-bottom:50px;}
.dz1 dt{ width:592px; height:592px; float:left; overflow:hidden; position:relative;border-radius:1.5rem;}
.dz1 dt img{ display:block; width:592px; height:592px;}
.dz1 dd p a:hover span,.dz1 dt a:hover span{ display:block;}
.dz h5{ width:12.14%; position:relative; float:right; margin-top:-5%;}
.dz h5 img{ display:block; width:100%;}

.case{ width:1200px; margin:105px auto 0; height:900px; position:relative;}
.case .tit span b,.new .tit span b{ width:410px; margin-left:-205px;}
.caset{ height:120px; background:#f2f2f2; border-radius:2rem; margin-bottom:30px;}
.caset li{ float:left; width:200px; height:120px; position:relative;}
.caset li a{ display:block; height:105px; position:relative; margin:15px 0 0 10px;}
.caset li img{ display:block; width:180px; height:90px; border-radius:0.1rem;}
.caset li:hover:before,.caset .cur:before{ content:""; position:absolute; top:120px; left:50%; margin-left:-10px; width:0; height:0; border-top:12px solid #ffc600; border-left:12px solid rgba(0,0,0,0); border-right:12px solid rgba(0,0,0,0);}
.case1{ height:500px; border-radius:1.5rem; background:#0a1a3e; border-bottom:7px solid #ffc600; overflow:hidden;}
.caset li:hover img,.caset .cur img{ border:1px solid #ffc600; box-sizing:border-box;}
.case1 dl{ padding:50px 50px 0 50px; width:1110px; height:420px;}
.case1 dt{ width:654px; float:left; border-right:1px solid #444f69;}
.case1 dt img{ display:block; width:600px; height:388px; border-radius:1.5rem;}
.case1 dd{ width:410px; float:right; overflow:hidden; height:388px;}
.case1 dd h3 a{ display:block; font:24px "Microsoft YaHei"; color:#ffc600;    letter-spacing: 1px;}
.case1 dd p{ font:16px "Microsoft YaHei"; line-height:26px; color:#a5a8b0; height:103px; overflow:hidden; margin-top:16px;}
.case1 dd h5{ margin-top:40px;}
.case1 dd h5 span{ display:block; width:198px; float:left; position:relative;}
.case1 dd h5 span img{ display:block; width:198px; height:auto;}
.case1 dd h5 span em{ display:block; width:100%; position:absolute; bottom:0;text-align:center;height:48px; font:16px "Microsoft YaHei"; line-height:48px; color:#192346; background:#ffc600; font-weight:bold; overflow:hidden;}
.case1 dd h5 span:last-child{ float:right;}
.arr1 a{ display:block; width:24px; height:24px; background:#545454; border-radius:24px; font:20px "宋体"; font-weight:bold; color:#fff; text-align:center; line-height:24px; position:absolute; top:196px; left:-12px;}
.arr2 a{ display:block; width:24px; height:24px; background:#545454; border-radius:24px; font:20px "宋体"; font-weight:bold; color:#fff; text-align:center; line-height:24px; position:absolute; top:196px; right:-12px;}

.new{ height:907px; padding-top:107px; overflow:hidden; background:#f2f2f2;}
.new_tui{ width:450px; height:600px; overflow:hidden; background:#0a1a3e; border-radius:1.5rem; margin-right:70px; position:relative;}
.new_tui1 dt img{ display:block; width:450px; height:440px;}
.new_tui1 dd{ padding:25px 25px 0 25px;}
.new_tui1 dd h3{ width:95px; height:95px; border-right:1px solid #606a81; font:48px "Microsoft YaHei"; font-weight:bold; color:#ffc600; line-height:48px; float:left;}
.new_tui1 dd h3 em{ display:block;}
.new_tui1 dd h5{ width:272px; float:right;}
.new_tui1 dd h5 em{ display:block; font:14px "Microsoft YaHei"; color:#fff;}
.new_tui1 dd h5 a{ display:block; font:22px "Microsoft YaHei"; line-height:36px; color:#fff; padding-top:6px;letter-spacing: 1px;}
.new_dot{ width:80px; height:13px; position:absolute; top:417px; left:208px;}
.new_dot a{ display:inline-block; width:13px; height:13px; border-radius:13px; background:#fff; margin-right:7px;}
.new_dot .cur{ background:#ffc600;}
.arr3{ width:31px; height:16px; position:absolute; top:413px; left:162px;}
.arr4{ width:31px; height:16px; position:absolute; top:413px; left:280px;}

.dy{ width:305px; overflow:hidden; height:600px;}
.tit1 a{ display:block; height:30px; overflow:hidden; font:24px "Microsoft YaHei"; font-weight:bold; color:#192346;}
.dy dl{ padding:25px 0 23px;}
.dy dt{ display:none; width:305px; height:114px; margin-bottom:26px;}
.dy dt img{ display:block;width:305px; height:114px; border-radius:0.5rem;}
.dy dd h3 a{ display:block; font:16px "Microsoft YaHei"; font-weight:bold; color:#343437; line-height:30px; color:#343437;}
.dy dd em{ display:block; font:14px "Microsoft YaHei"; color:#a5a5a5; padding-top:12px;}
.dy .cur dt{ display:block;}
.dy .cur{ border-bottom:2px solid #cacaca;}

.about{ height:920px; overflow:hidden; margin-top:100px;}
.about .tit span b{ width:320px; margin-left:-160px;}
.about dl{ height:683px; overflow:hidden; border-radius:1.5rem; position:relative;}
.about dt{ width:1200px; height:683px; overflow:hidden;}
.about dt img{ display:block;width:1200px; height:683px;}
.about dd{ width:1200px; height:218px; background:#0a1a3e; border-radius:0 0 1.5rem 1.5rem;  border-bottom:7px solid #ffc600; box-sizing:border-box; position:absolute; bottom:0;}
.about dd h3 a{ display:block; font:24px "Microsoft YaHei"; font-weight:bold; text-align:center; color:#fff; padding:33px 0 8px;}
.about dd p{ font:14px "Microsoft YaHei"; text-align:center; line-height:24px; padding:0 60px; color:#b9bbc1;}
.about dd em a{ display:block; width:24px; height:20px; margin:12px auto 0; background:url(../images/about_arr.png) no-repeat;}


.link{width:1200px; margin: 0 auto; position: relative;}
.link .content{position: absolute; top: -100px;right: 0; width:400px; height:100px;}
.link p{ width:460px; float: left;overflow: hidden; font:14px "Microsoft YaHei"; color:#787c8a;line-height:100px;}
.link p a{ display: inline-block;padding:0 10px; font:14px "Microsoft YaHei"; color:#787c8a; line-height:100px; height:100px;}
.link p a:hover{ color:#fff;}