@charset "utf-8";
.content{ width: 1330px; height: auto; margin: 0 auto; box-sizing: border-box;}
img {max-width: 100%;}
.page-down {width: 30px;height: 30px;background: #999;position: fixed;bottom: 30px;right: 30px;text-align: center;line-height: 30px;font-size: 18px;color: #fff;cursor: pointer;display: none;z-index: 999;}
.page-down:hover {background: #004190;}
.table{ display:table; width:100%; height:100%;}
.table .cell{ display:table-cell; text-align:center; vertical-align:middle;}
.smallest-screen {position: fixed;z-index: 999999;width: 100%;height: 100%;background: url(../images/displaynone.png) no-repeat center #666;display: none;}
@media only screen and (max-width : 319px) {
.smallest-screen {display: block;} /*判断屏幕小于319px隐藏显示网站*/
}
.white{ color:#fff !important; }
.webmain{ overflow:hidden; min-width: 1330px; padding-top: 96px; }
.tishi{ text-align: center; color: #333; font-size: 14px; }
.tupian{ width: 100%; background: #f1f1f1; }
.oneh{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.webshow{ display: block; }
.wapshow{ display: none; }

.middle_holder { display: inline-block; font-size: 0; width: 0; height: 50px;vertical-align: middle;}
.middle {display: inline-block;vertical-align: middle; width: 100%;}
.nav_handle { display: none; position: relative; width: 27px; padding: 0 0 0 15px; cursor: pointer; float: right; }
.nav_handle b { width: 27px; height: 10px; position: relative; }
.nav_handle b i { display: block; position: absolute; left: 0; right: 0; height: 2px; background-color: #fff; top: 0; -webkit-transform-origin: 29% 50%; transform-origin: 29% 50%;  transition: all .3s ease; -webkit-transition: all .3s ease; }
.nav_handle b .l_2 { top: auto; bottom: 0; }
.nav_handle.on b i{transform: rotate(45deg); background: #fff;}
.nav_handle.on b .l_2 { transform: rotate(-45deg); }

.banner{ position: relative; overflow: hidden; text-align: center; }
.banner img{ width: 1920px; height: auto; max-width: initial; }
.banner .pagination{ z-index: 99; text-align: center; line-height: 30px; height: 30px; width: 100%; position: absolute; left: 0; bottom: 10px; }
.banner .pagination .swiper-pagination-switch{ cursor: pointer; width: 15px; height: 15px; display: inline-block; margin: 0 8px; border-radius: 50%; box-sizing: border-box; border: 2px solid #fff; }
.banner .pagination .swiper-active-switch{ background: #004190; border-color: #004190; }
.banner .banner-left{ display: none; position: absolute; opacity: .8; font-size: 50px; color: #fff; left: 20px; top: 50%; width: 40px; height: 110px; line-height: 110px; margin-top: -55px; }
.banner .banner-right{ display: none; position: absolute; opacity: .8; font-size: 50px; color: #fff; right: 20px; top: 50%; width: 40px; height: 110px; line-height: 110px; margin-top: -55px; }
.banner .banner-left:hover,.banner .banner-right:hover{ opacity: 1; }

/*.banner {width: 100%;position: relative;height: auto;background: #eee; display: table;}
.banner .by{ line-height: 35px; background: rgba(120,188,39,0.65); font-size: 15px; color: #fff; position: absolute; width: 100%; left: 0; top: 0; z-index: 999; }
.banner .bd {margin: 0 auto;position: relative; width:100%; z-index: 0;overflow: hidden;}
.banner .bd ul {width: 100% !important;}
.banner .bd li {width: 100% !important;height: 743px;overflow: hidden;text-align: center; background-size:uto 100% !important;  }
.banner .bd li a {display: block;height: 1000px; position: absolute; left: 0; top: 0; width: 100%; z-index: 8;}
.banner .hd {width: 100%;position: absolute;z-index: 1;bottom: 10px;left: 0;height: 30px;line-height: 30px;text-align: center;_background: #000;_filter: alpha(opacity=60);}
.banner .hd ul {text-align: center;padding-top: 5px;}
.banner .hd ul li {display: inline-block;margin: 0 5px;width: 10px;height: 10px;background: #fff;cursor: pointer;overflow: hidden;line-height: 999px; border-radius: 8px;}
.banner .hd ul .on {background: #004190; width: 30px;}
.banner .prev {background: url(../images/sprite.png) left top no-repeat;cursor: pointer;height: 100px;position: absolute;top: 50%;margin-top: -50px;width: 45px;left: 0;opacity: 0.2;}
.banner .prev:hover {opacity: 0.5;}
.banner .next {background: url(../images/sprite.png) right top no-repeat;cursor: pointer;height: 100px;position: absolute;top: 50%;margin-top: -50px;width: 45px;right: 0;opacity: 0.2;}
.banner .next:hover {opacity: 0.5;}*/

.Bottomerkg{ height: 64px; display: none; }
.Bottomer{ display: none; position:fixed; bottom:0; width:100%; background:#004190; z-index: 9999; box-shadow: 0 0 10px rgba(0,0,0,.2); }
.Bottomer .BottomList li{width:25%; float:left; display:inline-block;  text-align:center;position:relative;padding:10px 0px;}
.Bottomer .BottomList li img{ vertical-align:middle;height: 20px;}
.Bottomer .BottomList li span{font-size:14px;color:#fff; display: block;margin-top: 5px;}
.Bottomer .BottomList li p{ font-size:14px; color:#D5A334; margin:0; position:absolute; right:20px; top:10px;}

.header{ background: url(../images/index_01.jpg) no-repeat center; background-size: cover; position: fixed; width: 100%; z-index: 9999; left: 0; top: 0; }
.header .logo{ padding: 20px 0; float: left; }
.header .logo img{ height: 55px; }
.header .inmuen{ float: right; }
.header .inmuen ul li{ display: block; float: left; position: relative; }
.header .inmuen ul li > a{ display: block; padding: 0 20px; line-height: 96px; font-size: 17px; color: #fff; }
.header .inmuen ul li:hover > a,.header .inmuen ul li.on > a{ color: #70cdff; }
.header .inmuen ul li:hover .erji{ display: block; }
.header .inmuen ul li .erji{ display: none; position: absolute; padding: 30px 30px 30px 100px; background: #fff; border-radius: 10px; box-shadow: 0 0 20px rgba(0,0,0,.1); top: 100%; left: 50%; }
.header .inmuen ul li .erji.num1{ width: 230px; margin-left: -180px; }
.header .inmuen ul li .erji.num2{ width: 460px; margin-left: -295px; }
.header .inmuen ul li .erji.num3{ width: 690px; margin-left: -410px; }
.header .inmuen ul li .erji.num4{ width: 920px; margin-left: -525px; }
.header .inmuen ul li .erji a{ display: block; width: 230px; float: left; box-sizing: border-box; height: 58px; line-height: 58px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 17px; color: #4e4e4e; padding-left: 80px; }
.header .inmuen ul li .erji a:hover{ color: #004190; }
.header .inmuen ul li .erji a.aboutico1{ background: url(../images/fenlico_01.png) no-repeat left center; }
.header .inmuen ul li .erji a.aboutico1:hover{ background: url(../images/fenlico_01on.png) no-repeat left center; }
.header .inmuen ul li .erji a.aboutico2{ background: url(../images/fenlico_02.png) no-repeat left center; }
.header .inmuen ul li .erji a.aboutico2:hover{ background: url(../images/fenlico_02on.png) no-repeat left center; }
.header .inmuen ul li .erji a.aboutico3{ background: url(../images/fenlico_03.png) no-repeat left center; }
.header .inmuen ul li .erji a.aboutico3:hover{ background: url(../images/fenlico_03on.png) no-repeat left center; }

.header .inmuen ul li .erji a.caseico1{ background: url(../images/caseico_01.png) no-repeat left center; }
.header .inmuen ul li .erji a.caseico1:hover{ background: url(../images/caseico_01on.png) no-repeat left center; }
.header .inmuen ul li .erji a.caseico2{ background: url(../images/caseico_02.png) no-repeat left center; }
.header .inmuen ul li .erji a.caseico2:hover{ background: url(../images/caseico_02on.png) no-repeat left center; }
.header .inmuen ul li .erji a.caseico3{ background: url(../images/caseico_03.png) no-repeat left center; }
.header .inmuen ul li .erji a.caseico3:hover{ background: url(../images/caseico_03on.png) no-repeat left center; }

.header .inmuen ul li .erji a.zpico1{ background: url(../images/zpico_01.png) no-repeat left center; }
.header .inmuen ul li .erji a.zpico1:hover{ background: url(../images/zpico_01on.png) no-repeat left center; }
.header .inmuen ul li .erji a.zpico2{ background: url(../images/zpico_02.png) no-repeat left center; }
.header .inmuen ul li .erji a.zpico2:hover{ background: url(../images/zpico_01on.png) no-repeat left center; }

.header .inmuen ul li .erji a.contactico1{ background: url(../images/contactico_01.png) no-repeat left center; }
.header .inmuen ul li .erji a.contactico1:hover{ background: url(../images/contactico_01on.png) no-repeat left center; }
.header .inmuen ul li .erji a.contactico2{ background: url(../images/contactico_02.png) no-repeat left center; }
.header .inmuen ul li .erji a.contactico2:hover{ background: url(../images/contactico_02on.png) no-repeat left center; }

.inzhaos{ padding: 120px 0 0; }
.inzhaos .lmtit{ font-size: 30px; color: #004190; letter-spacing: 5px; font-weight: bold; text-align: center; margin-bottom: 20px; }
.inzhaos .lmxian{ width: 280px; height: 5px; background: url(../images/index_02.png) no-repeat center; margin: 0 auto 75px; }
.inzhaos .list ul li{ display: block; transition: all .5s; position: relative; height: 500px; }
.inzhaos .list ul li .pic{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 99; }
.inzhaos .list ul li .fgc{ opacity: 0; color: #fff; background: rgba(0,65,144,.75); position: absolute; width: 100%; height: 100%; z-index: 999; transition: all .5s; box-sizing: border-box; padding: 75px; }
.inzhaos .list ul li .tit{ font-weight: bold; font-size: 20px; letter-spacing: 5px; margin-bottom: 35px; }
.inzhaos .list ul li .jj{ font-size: 17px; line-height: 30px; }
.inzhaos .list ul li .ann{ opacity: .9; position: absolute; width: 130px; height: 40px; background: #bf000f; line-height: 40px; text-align: center; left: 75px; bottom: 75px; font-size: 18px; color: #fff; border: 1px solid #fff; }
.inzhaos .list ul li .ann:hover{ opacity: 1; }
.inzhaos .list ul li.on .fgc{ opacity: 1; }
.inzhaos .list.num1 ul li .fgc{ background: none; }
.inzhaos .list.num1 ul li .tit{ color: #111; margin-bottom: 15px; text-align: right; }
.inzhaos .list.num1 ul li .jj{ text-align: right; color: #222; }
.inzhaos .list.num1 ul li .ann{ left: initial; right: 75px; }
.inzhaos .list.num2 ul li{ width: 40%; float: left; }
.inzhaos .list.num2 ul li.on{ width: 60%; }
.inzhaos .list.num3 ul li{ width: 30%; float: left; }
.inzhaos .list.num3 ul li.on{ width: 40%; }
.inzhaos .list.num4 ul li{ width: 20%; float: left; }
.inzhaos .list.num4 ul li.on{ width: 40%; }

.injieg{ padding: 120px 0; }
.injieg .lmtit{ font-size: 30px; color: #004190; letter-spacing: 5px; font-weight: bold; text-align: center; margin-bottom: 20px; }
.injieg .lmxian{ width: 280px; height: 5px; background: url(../images/index_02.png) no-repeat center; margin: 0 auto 75px; }
.injieg .list ul li{ display: block; width: 25%; float: left; box-sizing: border-box; padding: 0 35px; }
.injieg .list ul li .tit{ margin-bottom: 5px; font-size: 18px; color: #00509d; height: 35px; line-height: 35px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; }
.injieg .list ul li .jj{ font-size: 16px; color: #6d7379; line-height: 30px; height: 90px; overflow: hidden; }
.injieg .list ul li .ico{ width: 264px; height: 264px; margin: 0 auto 15px; }
.injieg .list ul li .ico.ico1{ background: url(../images/index_13.jpg) no-repeat center #fff; }
.injieg .list ul li .ico.ico2{ background: url(../images/index_14.jpg) no-repeat center #fff; }
.injieg .list ul li .ico.ico3{ background: url(../images/index_15.jpg) no-repeat center #fff; }
.injieg .list ul li .ico.ico4{ background: url(../images/index_16.jpg) no-repeat center #fff; }
.injieg .list ul li:hover .ico.ico1{ background: url(../images/index_13on.jpg) no-repeat center #004190; }
.injieg .list ul li:hover .ico.ico2{ background: url(../images/index_14on.jpg) no-repeat center #004190; }
.injieg .list ul li:hover .ico.ico3{ background: url(../images/index_15on.jpg) no-repeat center #004190; }
.injieg .list ul li:hover .ico.ico4{ background: url(../images/index_16on.jpg) no-repeat center #004190; }

.inabout{ padding: 260px 0; }
.inabout .nr{ float: right; }
.inabout .nr .ann{ display: block; width: 250px; height: 50px; font-size: 24px; color: #00509d; letter-spacing: 10px; text-align: center; background: -moz-linear-gradient(top, #000000 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f5f4));
    background: -webkit-linear-gradient(top, #ffffff 0%,#f4f5f4 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#f4f5f4 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#f4f5f4 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#f4f5f4 100%); line-height: 50px; font-weight: bold; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,.2); }
.inabout .nr .ann:hover{ background: #00509d; color: #fff; }
.inabout .nr .en{ display: block; width: 250px; text-align: center; color: #fff; letter-spacing: 4px; margin-top: 20px; }

.incase{ padding: 120px 0 0; }
.incase .lmtit{ font-size: 30px; color: #004190; letter-spacing: 5px; font-weight: bold; text-align: center; margin-bottom: 20px; }
.incase .lmxian{ width: 280px; height: 5px; background: url(../images/index_02.png) no-repeat center; margin: 0 auto 75px; }
.incase .list ul li{ display: block; width: 50%; float: left; position: relative; }
.incase .list ul li .pic{ overflow: hidden; }
.incase .list ul li .fgc{ opacity: 0; color: #fff; background: rgba(0,65,144,.75); position: absolute; width: 100%; height: 100%; z-index: 999; transition: all .5s; box-sizing: border-box; padding: 75px; left: 0; top: 0; }
.incase .list ul li .tit{ font-weight: bold; font-size: 20px; letter-spacing: 5px; margin-bottom: 35px; }
.incase .list ul li .jj{ font-size: 17px; line-height: 30px; }
.incase .list ul li .ann{ opacity: .9; position: absolute; width: 130px; height: 40px; background: #00a1e9; line-height: 40px; text-align: center; left: 75px; bottom: 75px; font-size: 18px; color: #fff; border: 1px solid #fff; }
.incase .list ul li .ann:hover{ opacity: 1; }
.incase .list ul li:hover .fgc{ opacity: 1; }

.inpar{ padding: 120px 20px 60px; }
.inpar .lmtit{ font-size: 30px; color: #004190; letter-spacing: 5px; font-weight: bold; text-align: center; margin-bottom: 20px; }
.inpar .lmxian{ width: 280px; height: 5px; background: url(../images/index_02.png) no-repeat center; margin: 0 auto 30px; }
.inpar .bd ul li{ display: block; width: 20%; float: left; }
.inpar .bd ul li a{ display: block; padding: 20px; }
.inpar .bd ul li .li{ overflow: hidden; box-shadow: 0 0 10px rgba(0,0,0,.1); transition: all 1s; }
.inpar .bd ul li .li:hover{ transform: translateY(-10px); }

.footer{ padding: 80px 0; background: url(../images/index_12.jpg) no-repeat center; background-size: cover; }
.footer .flogo{ float: left; }
.footer .flogo img{ height: 80px; }
.footer .right{ float: right; color: #fff; }
.footer .right .fnav{ padding: 10px 0; }
.footer .right .fnav a{ display: inline-block; padding: 0 21px; font-size: 14px; color: #fff; border-right: 1px solid #fff; }
.footer .right .fnav a:nth-last-child(1){ border: 0; padding-right: 0; }
.footer .right .banq{ float: right; font-size: 12px; line-height: 22px; letter-spacing: 1px; }

.nybanner{ height: 570px; }

.nyaboutnav{ padding: 100px 0 0; text-align: center; }
.nyaboutnav ul li{ display: inline-block; width: 260px; margin: 0 18px; box-shadow: 0 0 20px rgba(0,0,0,.1); padding: 50px 0; border-radius: 10px; }
.nyaboutnav ul li .ico{ width: 129px; height: 129px; margin: 0 auto 50px; }
.nyaboutnav ul li .tit{ letter-spacing: 3px; font-weight: bold; height: 40px; line-height: 40px; font-size: 18px; color: #004190; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nyaboutnav ul li .jj{ font-size: 12px; color: #4e4e4e; line-height: 18px; }
.nyaboutnav ul li .ico.aboutico1{ background: url(../images/bfenlico_01.png) no-repeat center; }
.nyaboutnav ul li:hover .ico.aboutico1,.nyaboutnav ul li.on .ico.aboutico1{ background: url(../images/bfenlico_01on.png) no-repeat center; }
.nyaboutnav ul li .ico.aboutico2{ background: url(../images/bfenlico_02.png) no-repeat center; }
.nyaboutnav ul li:hover .ico.aboutico2,.nyaboutnav ul li.on .ico.aboutico2{ background: url(../images/bfenlico_02on.png) no-repeat center; }
.nyaboutnav ul li .ico.aboutico3{ background: url(../images/bfenlico_03.png) no-repeat center; }
.nyaboutnav ul li:hover .ico.aboutico3,.nyaboutnav ul li.on .ico.aboutico3{ background: url(../images/bfenlico_03on.png) no-repeat center; }

.nyabout{ padding: 100px 0; }
.nyabout .logopic{ text-align: center; padding-bottom: 60px; }
.nyabout .wz{ padding: 45px 15px; border-bottom: 1px solid #cacaca; border-top: 1px solid #cacaca; font-size: 17px; line-height: 30px; color: #4e4e4e; letter-spacing: 1px;}
.nyabout .wz h3{ font-size: 35px; color: #004190; margin: 30px 0; line-height: 40px; }
.nyaboutpic{ height: 524px; }

.nyhistory{ padding: 110px 0; }
.nyhistory .content{ max-width: 1030px; }
.nyhistory .bli{ position: relative; padding-top: 80px; }
.nyhistory .bli .sanj{ position: absolute; left: 50%; margin-left: -10px; top: -10px; width: 0px; height: 0px; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid #666; }
.nyhistory .bli .xian{ position: absolute; width: 4px; height: 100%; background: #666; bottom: 0; left: 50%; margin-left: -2px; }
.nyhistory .bli .sli{ transition: all 1s; margin-bottom: 80px; position: relative; }
.nyhistory .bli .sli .tit{ position: absolute; left: 50%; top: 50%; margin-left: -55px; margin-top: -55px; z-index: 99; box-sizing: border-box; width: 110px; height: 110px; border-radius: 50%; background: #666; font-size: 22px; font-weight: bold; color: #fff; text-align: center; line-height: 110px; }
.nyhistory .bli .sli .tit:before{ content: ""; display: block; width: 90px; height: 90px; border-radius: 50%; border: 4px solid #fff; position: absolute; left: 6px; top: 6px; }
.nyhistory .bli .sli .tit .jiao{ position: absolute; right: -40px; top: 50%; margin-top: -10px; width: 0px; height: 0px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #666; }
.nyhistory .bli .sli .wz{ max-width: 390px; font-size: 16px; color: #666; line-height: 25px; padding: 20px 0; }
.nyhistory .bli .sli:nth-child(odd) .wz{ float: right; }
.nyhistory .bli .sli:nth-child(even) .jiao{ right: initial; left: -40px; border-right: 10px solid #666; border-left: initial; }
.nyhistory .bli .lmtit{ transition: all 1s; margin-left: -80px; background: #fff; padding-left: 175px; padding-right: 15px; position: relative; z-index: 99; left: 50%; width: 440px; height: 120px; box-sizing: border-box; border: 4px solid #666; border-radius: 10px; }
.nyhistory .bli .lmtit .tit{ overflow: hidden; width: 150px; height: 104px; line-height: 104px; border-radius: 7px; background: #666; text-align: center; line-height: 104px; position: absolute; left: 4px; top: 4px; font-size: 22px; color: #fff; }
.nyhistory .bli .lmtit .tit span{ display: block; width: 150px; height: 104px; line-height: 150px; font-size: 150px; font-family: '幼圆'; font-weight: bold; position: absolute; left: 0; top: 0; color: #000; opacity: .1; }
.nyhistory .bli .lmtit .table{ font-size: 16px; line-height: 25px; color: #666; }
.nyhistory .bli .blmtit{ position: relative; z-index: 99; text-align: center; width: 160px; height: 160px; background: #666; color: #fff; font-size: 20px; color: #fff; line-height: 30px; border-radius: 50%; box-sizing: border-box; padding: 47px 0; margin: 0 auto; }
.nyhistory .bli .sli:hover{ transform: translateY(-10px); }
.nyhistory .bli .lmtit:hover{ transform: translateY(-10px); }

.nyhistory .bli.yans3 .sanj{ border-bottom: 10px solid #62c3d0; }
.nyhistory .bli.yans3 .xian,.nyhistory .bli.yans3 .sli .tit,.nyhistory .bli.yans3 .lmtit .tit{ background: #62c3d0; }
.nyhistory .bli.yans3 .sli .tit .jiao{ border-left: 10px solid #62c3d0; }
.nyhistory .bli.yans3 .sli:nth-child(even) .jiao{ border-right: 10px solid #62c3d0; border-left: initial;  }
.nyhistory .bli.yans3 .lmtit{ border-color: #62c3d0; }
.nyhistory .bli.yans3 .blmtit{ background: #62c3d0; }

.nyhistory .bli.yans2 .sanj{ border-bottom: 10px solid #008fd7; }
.nyhistory .bli.yans2 .xian,.nyhistory .bli.yans2 .sli .tit,.nyhistory .bli.yans2 .lmtit .tit{ background: #008fd7; }
.nyhistory .bli.yans2 .sli .tit .jiao{ border-left: 10px solid #008fd7; }
.nyhistory .bli.yans2 .sli:nth-child(even) .jiao{ border-right: 10px solid #008fd7; border-left: initial;  }
.nyhistory .bli.yans2 .lmtit{ border-color: #008fd7; }
.nyhistory .bli.yans2 .blmtit{ background: #008fd7; }

.nyhistory .bli.yans1 .sanj{ border-bottom: 10px solid #044f9f; }
.nyhistory .bli.yans1 .xian,.nyhistory .bli.yans1 .sli .tit,.nyhistory .bli.yans1 .lmtit .tit{ background: #044f9f; }
.nyhistory .bli.yans1 .sli .tit .jiao{ border-left: 10px solid #044f9f; }
.nyhistory .bli.yans1 .sli:nth-child(even) .jiao{ border-right: 10px solid #044f9f; border-left: initial;  }
.nyhistory .bli.yans1 .lmtit{ border-color: #044f9f; }
.nyhistory .bli.yans1 .blmtit{ background: #044f9f; }

.nyjoin .nyjoinnav{ padding: 130px 0 0; }
.nyjoin .nyjoinnav ul{ display: none; width: 102%; left: -1%; position: relative; }
.nyjoin .nyjoinnav ul li{ transition: all .5s; box-shadow: 0 0 20px rgba(0,0,0,.1); position: relative; min-height: 250px; display: block; background: #fff; border-radius: 10px; overflow: hidden; width: 48%; margin: 1%; float: left; box-sizing: border-box; padding: 50px 50px 50px 300px; }
.nyjoin .nyjoinnav ul li .pic{ width: 250px; position: absolute; left: 0; top: 0; }
.nyjoin .nyjoinnav ul li .tit{ transition: all .5s; font-weight: bold; font-size: 20px; color: #00509d; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 30px; }
.nyjoin .nyjoinnav ul li .jj{ transition: all .5s; font-size: 17px; color: #6d7379; line-height: 30px; height: 60px; overflow: hidden; }
.nyjoin .nyjoinnav ul li:hover,.nyjoin .nyjoinnav ul li.on{ background: #00509d; }
.nyjoin .nyjoinnav ul li:hover .tit,.nyjoin .nyjoinnav ul li:hover .jj,.nyjoin .nyjoinnav ul li.on .tit,.nyjoin .nyjoinnav ul li.on .jj{ color: #fff; }

.nyjoin .info{ margin: 0 auto; }
.nyjoin .info .tit{ font-size: 75px; text-align: center; margin-bottom: 60px; color: #9d001c; }

.nyjoin .nr{ background: #fff; max-width: 1270px; box-sizing: border-box; padding: 30px 90px 100px; margin: 0 auto; font-size: 17px; color: #4e4e4e; line-height: 30px; }
.nyjoin .nr h3{ font-size: 50px; color: #9d001c; margin: 30px 0; line-height: 60px; }
.nyjoin .nr .mess{ padding-bottom: 100px; position: relative; width: 102%; left: -1%; }
.nyjoin .nr .mess .li{ width: 48%; margin: 0 1%; float: left; }
.nyjoin .nr .mess .li .text{ width: 100%; height: 75px; box-sizing: border-box; border: 1px solid #cacaca; padding: 0 25px; }
.nyjoin .nr .mess .tis{ padding: 20px 0; text-align: center; color: #999999; }
.nyjoin .nr .mess .wz{ font-size: 26px; color: #000; text-align: center; padding: 0 0 50px; }
.nyjoin .nr .mess .sub{ transition: all 1s; display: block; margin: 0 auto; width: 350px; outline: none; }
.nyjoin .nr .mess .sub:hover{ box-shadow: 0 0 20px rgba(0,0,0,.2); transform: translateY(-10px); }
.nyjoin .nr h4{ font-size: 21px; color: #9d001c; }
.nyjoin .nr iframe{ width: calc(100% - 50px) !important; border: 25px solid #9d001c; }
.nyjoin .nr .ann{transition: all 1s;}
.nyjoin .nr .ann:hover{ box-shadow: 0 0 20px rgba(0,0,0,.2); transform: translateY(-10px); }
.nyjoin .nr img{ vertical-align: top; }

.nynav{ padding: 100px 0 0; text-align: center; }
.nynav ul li{ position: relative; display: inline-block; width: 350px; height: 125px; box-sizing: border-box; margin: 10px; text-align: left; padding: 25px 25px 25px 195px; overflow: hidden; background: #004290; border-radius: 10px; }
.nynav ul li .ico{ position: absolute; width: 125px; height: 125px; overflow: hidden; left: 0; top: 0; z-index: 99; }
.nynav ul li .ico img{ transition: all 1s; position: absolute; left: 0; top: 0; }
.nynav ul li .ico img.ico2{ opacity: 0; }
.nynav ul li .cn{ transition: all 1s; z-index: 99; position: relative; font-size: 18px; color: #70cdff; height: 33px; line-height: 33px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nynav ul li .en{ transition: all 1s; z-index: 99; position: relative; font-size: 12px; color: #70cdff; line-height: 20px; height: 40px; }
.nynav ul li:before{ transition: all 1s; content: ""; display: block; position: absolute; z-index: 9; width: 450px; height: 450px; border-radius: 50%; background: #008cd7; left: -290px; top: -50px; }
.nynav ul li:hover:before,.nynav ul li.on:before{ top: -250px; }
.nynav ul li:hover img.ico1,.nynav ul li.on img.ico1{ opacity: 0; }
.nynav ul li:hover img.ico2,.nynav ul li.on img.ico2{ opacity: 1; }
.nynav ul li:hover .cn,.nynav ul li:hover .en,.nynav ul li.on .cn,.nynav ul li.on .en{ color: #fff; }

.nycase{ position: relative; padding: 0 115px; margin-bottom: 90px; }
.nycase .list{ padding: 80px 0 60px; }
.nycase .list ul li{ display: inline-block; font-size: 21px; color: #9fa0a0; margin-right: 55px; cursor: pointer; }
.nycase .list ul li.on{ color: #004290; }
.nycase .bd .pic{ margin-bottom: 55px; }
.nycase .wz{ font-size: 17px; line-height: 30px; color: #4e4e4e; }
.nycase .prev{ width: 55px; height: 105px; position: absolute; background: url(../images/case_02.png) no-repeat center; position: absolute; left: 0; top: 440px; }
.nycase .prev:hover{ background: url(../images/case_02on.png) no-repeat center; }
.nycase .next{ width: 55px; height: 105px; position: absolute; background: url(../images/case_03.png) no-repeat center; position: absolute; right: 0; top: 440px; }
.nycase .next:hover{ background: url(../images/case_03on.png) no-repeat center; }
.nycase .nycasepic{ position: relative; }
.nycase .nycasepic .hd{ position: absolute; width: 100%; text-align: center; line-height: 30px; left: 0; bottom: 10px; }
.nycase .nycasepic .hd ul li{ display: inline-block; width: 10px; height: 10px; background: #fff; border-radius: 50%; margin: 0 5px; cursor: pointer; }
.nycase .nycasepic .hd ul li.on{ background: #004290; }

.nyservice{ padding: 100px 0; background: url(../images/service_01.png) no-repeat center; max-width: 1262px; margin: 0 auto; }
.nyservice ul li{ display: block; width: 20%; float: left; text-align: center; padding: 110px 0; position: relative; }
.nyservice ul li .tit{ transition: all 1s; width: 165px; height: 165px; box-sizing: border-box; border-radius: 50%; box-shadow: 0 0 15px rgba(0,0,0,.2); font-size: 27px; color: #00418f; padding: 43px 0; margin: 0 auto; }
.nyservice ul li .jj{ width: 100%; font-size: 16px; line-height: 30px; color: #4e4e4e; position: absolute; bottom: 0; }
.nyservice ul li:nth-child(even) .jj{ bottom: initial; top: 0; }
.nyservice ul li:hover .tit{ background: #004290; color: #fff; }

.nypage{ max-width: 1000px; margin: 0 auto; padding: 110px 0; font-size: 17px; color: #4e4e4e; line-height: 30px; }
.nypage iframe{ width: calc(100% - 140px) !important; border: 70px solid #f7f7f7; }

.nyzhaop{ max-width: 1000px; margin: 0 auto; padding: 110px 0 60px; }
.nyzhaop .lmtit{ font-size: 30px; color: #004190; letter-spacing: 5px; font-weight: bold; text-align: center; margin-bottom: 20px; }
.nyzhaop .lmxian{ width: 280px; height: 5px; background: url(../images/index_02.png) no-repeat center; margin: 0 auto 100px; }
.nyzhaop .hd{ width: 260px; float: left; border-top: 1px solid #a0a0a0; }
.nyzhaop .hd ul li{ padding: 0 8px; cursor: pointer; display: block; border-bottom: 1px solid #a0a0a0; height: 55px ;line-height: 55px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 20px; color: #4e4e4e; }
.nyzhaop .hd ul li.on{ color: #004190; }
.nyzhaop .bd{ width: 680px; float: right; }
.nyzhaop .bd .btit{ font-size: 23px; color: #004190; margin-bottom: 15px; }
.nyzhaop .bd .wz{ font-size: 17px; color: #4e4e4e; line-height: 30px; padding: 15px 0 50px; }
.nyzhaop .bd .stit{ font-size: 24px; color: #004290; font-weight: bold; }

.nywenh{ padding: 120px 0 100px 0; }
.nywenh ul li{ display: block; position: relative; padding-right: 350px; margin-bottom: 80px; }
.nywenh ul li .pic{ padding: 75px; height: 775px; box-sizing: border-box; color: #fff; }
.nywenh ul li .ctit{ font-size: 31px; margin-bottom: 10px; }
.nywenh ul li .etit{ font-size: 18px; letter-spacing: 2px; }
.nywenh ul li .wz{ transition: all .5s; width: 600px; height: 530px; box-sizing: border-box; padding: 20px 50px; background: rgba(0,65,144,.8); color: #fff; position: absolute; right: 0; top: 50%; margin-top: -265px; }
.nywenh ul li .wz .tit{ font-size: 40px; margin-bottom: 30px; }
.nywenh ul li .wz .jj{ text-align: left; font-size: 17px; line-height: 30px; }
.nywenh ul li:nth-child(even){ padding-right: 0; padding-left: 350px; }
.nywenh ul li:nth-child(even) .wz{ right: inherit; left: 0; }
.nywenh ul li:nth-child(even) .pic{ text-align: right; }
.nywenh ul li:nth-child(2) .pic{ color: #333; }
.nywenh ul li:hover .wz{ transform: translateX(-20px); }
.nywenh ul li:nth-child(even):hover .wz{ transform: translateX(20px); }