@charset "utf-8";
.content{ max-width: 1400px; 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: #006db8;}
.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: 1200px; }
.tishi{ text-align: center; color: #333; font-size: 14px; }
.tupian{ width: 100%; background: #fff; }
.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 10px; 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: #333; 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: #006db8;}
.nav_handle.on b .l_2 { transform: rotate(-45deg); }

#container { overflow: hidden; position: absolute;  top: 0; left: 0; right: 0; bottom: 0; }
#background_video { position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%);object-fit: cover; height: 100%; width: 100%;}
#video_cover { position: absolute; width: 100%; height: 100%; background: url('../images/video_cover.jpg') no-repeat; background-size: cover; background-position: center; }
#video_controls {  position: absolute; left: 50%; transform: translate(-50%, 0);}
#play img { width: 100px; }
#pause img { width: 90px; }
#pause { display: none;}
#video_controls{ display: none; }

.banner{ position: relative; overflow: hidden; text-align: center; }
.banner img{ width: 1920px; height: auto; max-width: initial; }
.banner .swiper-slide{ position: relative; }
.banner .swiper-slide .fgc{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.4); padding-top: 100px; box-sizing: border-box; }
.banner .swiper-slide .fgc .tit{ font-size: 50px; font-weight: bold; color: #fff; margin-bottom: 50px; letter-spacing: 0; }
.banner .swiper-slide .fgc .ann{ transition: all .5s; display: block; width: 150px; height: 40px; border-radius: 20px; border: 1px solid #fff; font-size: 14px; color: #fff; line-height: 40px; margin: 0 auto; }
.banner .swiper-slide .fgc .ann i{ margin-left: 10px; }
.banner .swiper-slide .fgc .ann:hover{ border-color: #006db8; background: #006db8; }
.banner .pagination{ display: none; 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: 10px; height: 10px; display: inline-block; margin: 0 5px; box-sizing: border-box; border-radius: 5px; background: rgba(255,255,255,.4); }
.banner .pagination .swiper-active-switch{ background: #fff; width: 15px; }
.banner .banner-left{ transition: all .5s; position: absolute; font-size: 18px; color: #fff; left: 35px; top: 50%; width: 40px; height: 40px; line-height: 40px; margin-top: -20px; border-radius: 50%; background: rgba(255,255,255,.4); box-shadow: 0 0 10px rgba(0,0,0,.1); }
.banner .banner-left i{ position: relative; left: -1px; }
.banner .banner-right{ transition: all .5s; position: absolute; font-size: 18px; color: #fff; right: 35px; top: 50%; width: 40px; height: 40px; line-height: 40px; margin-top: -20px; border-radius: 50%; background: rgba(255,255,255,.4); box-shadow: 0 0 10px rgba(0,0,0,.1); }
.banner .banner-right i{ position: relative; right: -1px; }
.banner .banner-left:hover,.banner .banner-right:hover{ background: #006db8; color: #fff; }

/*.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:auto 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: #006db8;_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: #006db8; 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: 65px; display: none; }
.Bottomer{ display: none; position:fixed; bottom:0; width:100%; background:#006db8; 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{ position: fixed; left: 0; top: 0; border-bottom: 1px solid rgba(255,255,255,.4); width: 100%; z-index: 99; transition: all .5s; min-width: 1200px; background: url(../images/index_19.png) no-repeat center; background-size: cover; }
.header .logo{ padding: 20px 0; float: left; transition: all .5s; }
.header .logo img{ transition: all .5s; }
.header .lang{ float: right; color: #fff; position: relative; }
.header .lang .wz{ cursor: pointer; font-size: 16px; line-height: 100px; overflow: hidden; transition: all .5s; }
.header .lang .wz img{ position: relative; top: -2px; margin-right: 5px; }
.header .lang .wz i{ margin-left: 5px; }
.header .lang .xf{ display: none; background: #fff; width: 100px; top: 100%; left: 50%; margin-left: -50px; padding: 7px 0; position: absolute; }
.header .lang .xf:before{ content: ""; display: block; width: 8px; height: 8px; background: #fff; position: absolute; top: -4px; left: 50%; margin-left: -4px; transform: rotate(45deg); }
.header .lang .xf a{ display: block; padding: 0 10px; height: 25px; line-height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; color: #666; }
.header .lang .xf a img{ margin-right: 5px; }
.header .lang .xf a:hover{ background: #006db8; color: #fff; }
.header .lang:hover .xf{ display: block; }
.header .search{ float: right; position: relative; }
.header .search .wz{ color: #fff; line-height: 100px; font-size: 16px; padding: 0 20px; cursor: pointer; transition: all .5s; }
.header .search .xuanf{ display: none; background: #fff; position: absolute; right: 0; top: 100%; padding-right: 60px; }
.header .search .xuanf .text{ width: 150px; height: 40px; padding: 0 10px; font-size: 14px; }
.header .search .xuanf .sub{ position: absolute; width: 60px; right: 0; top: 0; height: 40px; background: #333; color: #fff; font-size: 16px; outline: none; cursor: pointer; }
.header .search .xuanf .sub:hover{ background: #006db8; }
.header .search:hover .ann{ color: #006db8; }
.header .search:hover .xuanf{ display: block; }
.header .inmuen{ float: right; margin-right: 20px; }
.header .inmuen ul li{ display: block; padding: 0 20px; float: left; line-height: 96px; position: relative; transition: all .5s; }
.header .inmuen ul li > a{ display: block; font-size: 16px; color: #fff; }
.header .inmuen ul li.on > a,.header .inmuen ul li:hover > a{ border-bottom: 4px solid #fff;  }
.header .inmuen ul li .erji{ display: none; }
.header.header_on{ background: rgba(255,255,255,.9); border-bottom: 0px; box-shadow: 0 0 15px rgba(0,0,0,.1);  z-index: 999; }
.header.header_on .logo{ padding: 10px 0; }
.header.header_on .logo img{ height: 40px; }
.header.header_on .inmuen ul li{ line-height: 56px; }
.header.header_on .inmuen ul li > a{ color: #333; }
.header.header_on .inmuen ul li.on > a, .header.header_on .inmuen ul li:hover > a{ border-color: #333; }
.header.header_on .search .wz,.header.header_on .lang .wz{ line-height: 60px; color: #333; }
.header.header_on .lang .wz img{ filter: drop-shadow(#111111 80px 0); transform: translateX(-80px); }

.inpro{ padding: 60px 0 80px; overflow: hidden; }
.inpro .lmtit{ position: relative; }
.inpro .lmtit .stit{ font-size: 30px; color: #333; }
.inpro .lmtit .xian{ width: 60px; height: 2px; background: #006db8; margin: 15px 0; }
.inpro .lmtit .sjj{ font-size: 14px; color: #666; }
.inpro .lmtit .ann{ transition: all .5s; display: block; width: 150px; height: 40px; line-height: 40px; border: 1px solid #006db8; font-size: 16px; color: #fff; background: #006db8; position: absolute; right: 0; bottom: 0; text-align: center; border-radius: 20px; }
.inpro .lmtit .ann i{ margin-left: 10px; }
.inpro .lmtit .ann:hover{ background: none; color: #006db8; }
.inpro .inprolist{ padding: 0 80px; position: relative; }
.inpro .inprolist .inprolistnr{ overflow: hidden; padding: 50px 0 0; }
.inpro .inprolist .inprolistnr .swiper-wrapper{ /*perspective: 2000px;*/ }
.inpro .inprolist .inprolistnr .swiper-wrapper .swiper-slide a{ padding: 0 15px; display: block; }
.inpro .inprolist .inprolistnr .swiper-wrapper .swiper-slide .li{ border-radius: 10px; overflow: hidden; background: #fff; box-shadow: 0 0 15px rgba(0,0,0,.15); transition: all .5s; transform: scale(.95,.95); }
.inpro .inprolist .inprolistnr .swiper-wrapper .swiper-slide .li .wz{ padding: 30px 10px 20px; }
.inpro .inprolist .inprolistnr .swiper-wrapper .swiper-slide .li .tit{ font-size: 20px; color: #333; height: 22px; line-height: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; }
.inpro .inprolist .inprolistnr .swiper-wrapper .swiper-slide .li .jj{ font-size: 14px; color: #999; height: 22px; line-height: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; text-transform: uppercase; }
.inpro .inprolist .inprolistnr .swiper-wrapper .swiper-slide .li .pic{ overflow: hidden; }
.inpro .inprolist .inprolistnr .swiper-wrapper .swiper-slide .li .pic img{ transition: all .5s; }
.inpro .inprolist .inprolistnr .swiper-wrapper .swiper-slide .li:hover .pic img{ transform: scale(1.1,1.1); }
.inpro .inprolist .prev,.inpro .inprolist .next{ transition: all .5s; display: block; width: 65px; height: 35px; line-height: 35px; font-size: 16px; color: #666; background: #fff; border-radius: 18px; text-align: center; position: absolute; }
.inpro .inprolist .prev{ left: 0; top: 50%; margin-top: -18px; }
.inpro .inprolist .next{ right: 0; top: 50%; margin-top: -18px; }
.inpro .inprolist .prev:hover,.inpro .inprolist .next:hover{ background: #006db8; color: #fff; }

.inabout{ min-height: 443px; }
.inabout .content{ position: relative; }
.inabout .pic{ width: 960px; position: absolute; left: 50%; top: 0; box-shadow: 0 0 15px rgba(0,0,0,.15); }
.inabout .left{ width: 50%; float: left; padding: 60px 60px 60px; box-sizing: border-box; }
.inabout .left .lmtit{ font-size: 30px; color: #333; }
.inabout .left .lmxian{ width: 60px; height: 2px; background: #006db8; margin: 20px 0; }
.inabout .left .wz{ font-size: 14px; line-height: 35px; color: #666; margin-bottom: 80px; }
.inabout .left .ann{ transition: all .5s; display: block; width: 150px; height: 40px; line-height: 40px; border: 1px solid #006db8; font-size: 16px; color: #fff; background: #006db8; text-align: center; border-radius: 20px; float: right; }
.inabout .left .ann i{ margin-left: 10px; }
.inabout .left .ann:hover{ background: none; color: #006db8; }

.innews{ padding: 60px 0; background: #eaebf1; overflow: hidden; }
.innews .lmtit{ position: relative; margin-bottom: 40px; }
.innews .lmtit .stit{ font-size: 30px; color: #333; }
.innews .lmtit .xian{ width: 60px; height: 2px; background: #006db8; margin: 15px 0; }
.innews .lmtit .sjj{ font-size: 14px; color: #666; }
.innews .list ul{ display: block; width: 102%; position: relative; left: -1%; }
.innews .list ul li{ transition: all .5s; display: block; width: 23%; background: #fff; border-radius: 10px; box-sizing: border-box; float: left; margin: 0 1%; overflow: hidden; box-shadow: 0 0 15px rgba(0,0,0,.15); }
.innews .list ul a:nth-child(1) li{ padding-left: 690px; position: relative; width: 73%; }
.innews .list ul a:nth-child(1) li .pic{ position: absolute; width: 690px; height: 100%; left: 0; top: 0; }
.innews .list ul li .wz{ padding: 35px; }
.innews .list ul li .wz .tit{ transition: all .5s; font-size: 16px; color: #333; font-weight: bold; line-height: 25px; height: 50px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.innews .list ul li .wz .date{ font-size: 14px; height: 30px; line-height: 30px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.innews .list ul li .wz .jj{ font-size: 14px; line-height: 25px; height: 75px; color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-bottom: 30px; }
.innews .list ul li .wz .ann{ transition: all .5s; width: 120px; height: 40px; border: 1px solid #b5b5b5; font-size: 14px; color: #333; text-align: center; line-height: 40px; border-radius: 20px; }
.innews .list ul li .wz .ann i{ margin-left: 10px; }
.innews .list ul li:hover .wz .ann{ color: #fff; background: #006db8; border-color: #006db8; }
.innews .list ul li:hover .wz .tit{ color: #006db8; }

.injoinadv{ padding: 100px 0; overflow: hidden; }
.injoinadv .lmtit{ font-size: 48px; color: #333; font-weight: bold; text-align: center; margin-bottom: 30px; }
.injoinadv .ann{ width: 200px; height: 62px; padding: 5px; border: 1px solid #c4c5c7; margin: 0 auto; display: block; border-radius: 31px; overflow: hidden; box-sizing: border-box; }
.injoinadv .ann span{ margin-left: 58px; display: inline-block; width: 130px; height: 50px; line-height: 50px; background: #006db8; border-radius: 25px; font-size: 18px; color: #fff; text-align: center; transition: all .5s; }
.injoinadv .ann:hover span{ margin-left: 0; }

.footer{ padding: 80px 0 30px; background: #252527; overflow: hidden; }
.footer .fcon{ width: 310px; float: left; margin-right: 100px; }
.footer .fcon .flogo{ margin-bottom: 25px; }
.footer .fcon .wz{ font-size: 14px; color: #aeaeae; line-height: 25px; margin-bottom: 10px; }
.footer .fcon .fenx a{ margin-right: 15px; }
.footer .fcon .fenx a:hover{ opacity: .8; }
.footer .fnav{ width: 180px; float: left; }
.footer .fnav .tit{ font-size: 16px; color: #fff; margin-bottom: 15px; }
.footer .fnav a{ display: block; font-size: 14px; color: #aeaeae; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.footer .fnav a:hover{ color: #fff; text-decoration: underline; }
.footer .ewm{ width: 120px; float: right; }
.footer .ewm .tit{ font-size: 12px; color: #999999; line-height: 35px; text-align: center; }
.footer .banq{ padding: 15px 0; border-top: 1px solid #444; margin-top: 50px; font-size: 12px; color: #999; line-height: 22px; text-align: right; }

.nybanner{ height: 830px; position: relative; }
.nybanner .fgc{ position: absolute; width: 100%; height: 100%; padding-top: 101px; box-sizing: border-box; }
.nybanner .lmtit{ font-size: 40px; font-weight: bold; color: #fff; margin-bottom: 15px; }
.nybanner .lmjj{ font-size: 20px; color: #fff; }

.nynav{ border-bottom: 1px solid #eee; overflow: hidden; }
.nynav .nr{ position: relative; padding-right: 330px; }
.nynav .nr ul{ display: block; border-left: 1px solid #eee; }
.nynav .nr ul li{ display: block; padding: 0 35px; line-height: 60px; border: 1px solid #eee; border-left: 0px; border-bottom: 0px; float: left; font-size: 16px; color: #333; }
.nynav .nr ul li:hover,.nynav .nr ul li.on{ background: #006db8; color: #fff; }

.weizhi{ position: absolute; max-width: 330px; line-height: 60px; font-size: 14px; color: #999; right: 0; top: 0; height: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: right; }
.weizhi i.fa-map-marker{ color: #006db8; margin-right: 5px; font-size: 18px; position: relative; top: 2px; }
.weizhi i.fa-angle-right{ margin: 0 3px; color: #333; }

.weizhi1{ overflow: hidden; background: #f5f5f5; font-size: 14px; color: #999; padding: 15px 30px; }
.weizhi1 i.fa-map-marker{ color: #006db8; margin-right: 5px; font-size: 18px; position: relative; top: 2px; }
.weizhi1 i.fa-angle-right{ margin: 0 3px; color: #333; }

.nyzymain{ padding: 60px 0; }
.nyzymain .nyleft{ width: calc(100% - 390px); float: left; border-right: 1px solid #eee; padding-right: 50px; }
.nyzymain .nyright{ width: 300px; float: right; }

.nynews ul li{ display: block; margin-bottom: 30px; transition: all .5s; }
.nynews ul li .tit{ transition: all .5s; padding-left: 130px; position: relative; height: 35px; line-height: 35px; font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nynews ul li .tit .date{ position: absolute; left: 0; top: 0; font-size: 18px; color: #333; font-weight: bold; }
.nynews ul li .jj{ font-size: 14px; color: #666; line-height: 25px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.nynews ul li:hover{ padding-left: 30px; border-left: 4px solid #006db8; }
.nynews ul li:hover .tit{ color: #006db8; }
.nynews ul li:hover .tit .date{ color: #006db8; }
.nynews ul .one{ margin-bottom: 30px; padding-left: 730px; position: relative; min-height: 320px; }
.nynews ul .one .pic{ position: absolute; width: 690px; overflow: hidden; border-radius: 10px; left: 0; top: 0; }
.nynews ul .one .pic img{ transition: all .5s; }
.nynews ul .one .tit{ padding-top: 30px; font-weight: bold; font-size: 16px; color: #333; line-height: 25px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 10px; }
.nynews ul .one .date{ font-size: 14px; color: #666; margin-bottom: 15px; }
.nynews ul .one .jj{ font-size: 14px; line-height: 25px; color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-bottom: 20px; }
.nynews ul .one .ann{ transition: all .5s; width: 110px; height: 40px; border: 1px solid #aaa; border-radius: 20px; line-height: 40px; font-size: 14px; color: #333; text-align: center; }
.nynews ul .one .ann i{ margin-left: 5px; }
.nynews ul .one:hover .pic img{ transform: scale(1.1,1.1); }
.nynews ul .one:hover .tit{ color: #006db8; }
.nynews ul .one:hover .ann{ background: #006db8; color: #fff; }

.feny{ text-align: center; }
.feny a{ display: inline-block; width: 40px; height: 40px; border: 1px solid #eee; line-height: 40px; text-align: center; border-radius: 50%; font-size: 16px; color: #333; margin: 3px; }
.feny a:hover,.feny a.on{ background: #006db8; color: #fff; border-color: #006db8; }

.renews{ margin-bottom: 20px; }
.renews .lmtit{ font-size: 24px; font-weight: bold; color: #333; margin-bottom: 15px; }
.renews ul li{ display: block; margin-bottom: 15px; }
.renews ul li .jj{ font-size: 12px; color: #999; margin-bottom: 5px; }
.renews ul li .tit{ font-size: 14px; color: #333; line-height: 25px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.renews ul li:hover .tit{ color: #006db8; }

.rightcon .lmtit{ font-size: 24px; font-weight: bold; color: #333; margin-bottom: 15px; }
.rightcon .wz{ font-size: 14px; line-height: 35px; color: #666666; }
.rightcon .wz i{ display: inline-block; font-size: 20px; width: 25px; text-align: center; vertical-align: middle; }
.rightcon .wz .ann{ display: block; width: 100px; height: 30px; line-height: 30px; border: 1px solid #006db8; background: #006db8; color: #fff; font-size: 14px; border-radius: 15px; text-align: center; margin-top: 10px; }
.rightcon .wz .ann:hover{ background: none; color: #006db8; }

.shownews .tit{ font-size: 18px; color: #333; text-align: center; margin-bottom: 15px; }
.shownews .date{ font-size: 14px; color: #999; text-align: center; margin-bottom: 20px; }
.shownews .wz{ font-size: 14px; color: #666; line-height: 25px; margin-bottom: 20px; }
.shownews .sxp a{ display: block; width: 50%; float: left; line-height: 45px; padding-left: 50px; position: relative;  font-size: 14px; color: #666; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 45px; }
.shownews .sxp a .ico{ position: absolute; display: block; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #eee; font-size: 16px; color: #333; line-height: 40px; text-align: center; left: 0; top: 3px; }
.shownews .sxp a:nth-child(2){ padding-left: 0; padding-right: 50px; text-align: right; }
.shownews .sxp a:nth-child(2) .ico{ left: inherit; right: 0; }
.shownews .sxp a:hover .ico{ background: #006db8; color: #fff; }
.shownews .sxp a:hover{ color: #006db8; }

.nyaboutnr{ padding: 60px 0; overflow: hidden; }
.nyaboutnr .lmtit{ font-size: 30px; color: #333; }
.nyaboutnr .lmxian{ width: 60px; height: 2px; background: #006db8; margin: 15px 0 25px; }
.nyaboutnr .wz{ font-size: 16px; line-height: 30px; color: #666; }
.nyaboutnr .wz img{ margin: 10px 0; }

.nyhistory{ padding: 60px 0 100px; background: #f3f3f3; overflow: hidden; }
.nyhistory .lmtit{ font-size: 30px; color: #333; }
.nyhistory .lmxian{ width: 60px; height: 2px; background: #006db8; margin: 15px 0 25px; }
.nyhistory .slmtit{ font-size: 30px; color: #222; text-align: center; margin-bottom: 10px; }
.nyhistory .slmjj{ font-size: 18px; color: #666; text-align: center; margin-bottom: 50px; }
.nyhistory .list{ position: relative; background: url(../images/lic_01.jpg) no-repeat center 160px; padding-top: 1px; }
.nyhistory .list .xian{ width: 2px; height: calc(100% - 70px); position: absolute; left: 50%; margin-left: -1px; background: #dddedf; }
.nyhistory .list ul li{ display: block; margin-top: 120px; position: relative; }
.nyhistory .list ul li .pic{ transition: all .5s; width: 50%; box-sizing: border-box; float: left; text-align: right; padding-right: 90px; min-height: 10px; }
.nyhistory .list ul li .pic img{ max-height: 300px; }
.nyhistory .list ul li .wz{ transition: all .5s; width: 50%; box-sizing: border-box; float: left; padding-left: 90px; }
.nyhistory .list ul li .dian{ width: 20px; height: 20px; background: url(../images/lic_02.png) no-repeat center #f3f3f3; position: absolute; left: 50%; margin-left: -10px; top: 10px; }
.nyhistory .list ul li .wz .tit{ font-size: 24px; color: #222; margin-bottom: 20px; font-weight: bold; }
.nyhistory .list ul li .wz .jj{ font-size: 18px; color: #666; line-height: 30px; }
.nyhistory .list ul li:nth-child(odd) .pic{ float: right; text-align: left; padding-right: 0; padding-left: 90px; }
.nyhistory .list ul li:nth-child(odd) .wz{ padding-left: 0; padding-right: 90px; text-align: right; }
.nyhistory .list ul li:hover .pic,.nyhistory .list ul li:hover .wz{ transform: translateY(-20px); }
.nyhistory .last{ font-size: 18px; color: #006db8; text-align: center; padding-top: 50px; }

.nyquanq{ padding: 60px 0; overflow: hidden; }
.nyquanq .lmtit{ font-size: 30px; color: #333; }
.nyquanq .lmxian{ width: 60px; height: 2px; background: #006db8; margin: 15px 0 25px; }
.nyquanq .nr{ position: relative; width: 1400px; margin: 0 auto; }
.nyquanq .point,.nyquanq .point::before,.nyquanq .point::after{position: absolute;width: 12px; height: 12px; border-radius: 50%;content: ''; }
.nyquanq .point::before{animation: scale 2s infinite; }
.nyquanq .point::after{animation: scale2 2s infinite; }
@keyframes scale{0%{ transform: scale(1); opacity:.9}100%{ transform: scale(2); opacity: 0;}}
@keyframes scale2{0%{ transform: scale(1);opacity:.9;}100%{ transform: scale(4);opacity:0;}}
.nyquanq .point,.nyquanq .point::before,.nyquanq .point::after{ background-color: rgba(0, 109, 184, .9); }
.nyquanq .point.wz1{ position: absolute; left: 1118px; top: 306px; }
.nyquanq .point.wz2{ position: absolute; left: 97px; top: 323px; }
.nyquanq .point.wz3{ position: absolute; left: 201px; top: 391px; }
.nyquanq .point.wz4{ position: absolute; left: 359px; top: 407px; }
.nyquanq .point.wz5{ position: absolute; left: 359px; top: 287px; }
.nyquanq .point.wz6{ position: absolute; left: 250px; top: 421px; }
.nyquanq .point.wz7{ position: absolute; left: 154px; top: 475px; }
.nyquanq .point.wz8{ position: absolute; left: 506px; top: 449px; }
.nyquanq .point.wz9{ position: absolute; left: 230px; top: 528px; }
.nyquanq .point.wz10{ position: absolute; left: 571px; top: 208px; }
.nyquanq .point.wz11{ position: absolute; left: 506px; top: 339px; }
.nyquanq .point.wz12{ position: absolute; left: 509px; top: 279px; }
.nyquanq .point.wz13{ position: absolute; left: 290px; top: 198px; }
.nyquanq .point.wz14{ position: absolute; left: 297px; top: 335px; }
.nyquanq .point.wz15{ position: absolute; left: 181px; top: 222px; }
.nyquanq .point.wz16{ position: absolute; left: 143px; top: 259px; }
.nyquanq .point.wz17{ position: absolute; left: 176px; top: 285px; }
.nyquanq .point.wz18{ position: absolute; left: 402px; top: 317px; }
.nyquanq .point.wz19{ position: absolute; left: 597px; top: 510px; }
.nyquanq .point.wz20{ position: absolute; left: 624px; top: 462px; }
.nyquanq .point.wz21{ position: absolute; left: 34px; top: 403px; }
.nyquanq .point.wz22{ display: none; position: absolute; left: 745px; top: 465px; }
.nyquanq .point.wz23{ position: absolute; left: 27px; top: 355px; }
.nyquanq .point.wz24{ position: absolute; left: 53px; top: 220px; }
.nyquanq .point.wz25{ position: absolute; left: 93px; top: 244px; }
.nyquanq .point.wz26{ position: absolute; left: 61px; top: 263px; }
.nyquanq .point.wz27{ position: absolute; left: 238px; top: 362px; }
.nyquanq .point.wz28{ position: absolute; left: 231px; top: 318px; }
.nyquanq .point.wz29{ position: absolute; left: 955px; top: 155px; }
.nyquanq .point.wz30{ position: absolute; left: 1033px; top: 250px; }
.nyquanq .point.wz31{ position: absolute; left: 1171px; top: 647px; }
.nyquanq .point.wz32{ position: absolute; left: 1160px; top: 489px; }
.nyquanq .point.wz33{ position: absolute; left: 1061px; top: 367px; }
.nyquanq .point.wz34{ position: absolute; left: 1172px; top: 419px; }
.nyquanq .point.wz35{ position: absolute; left: 1266px; top: 491px; }
.nyquanq .point.wz36{ display:  none; position: absolute; left: 873px; top: 186px; }
.nyquanq .point.wz37{ position: absolute; left: 1202px; top: 464px; }
.nyquanq .point.wz38{ position: absolute; left: 1171px; top: 235px; }
.nyquanq .point.wz39{ position: absolute; left: 1116px; top: 398px; }


.nyabout{ padding: 60px 0; font-size: 16px; color: #333; line-height: 30px; }

.nyrec{ padding: 60px 0; }
.nyrec ul{ display: block; padding-bottom: 20px; }
.nyrec ul li{ cursor: pointer; display: block; padding: 20px; border: 1px solid #eee; background: #f5f5f5; margin-bottom: 20px; border-radius: 10px; overflow: hidden; position: relative; }
.nyrec ul li .tit{ height: 30px; line-height: 30px; font-size: 16px; color: #333; padding-right: 100px; box-sizing: border-box; position: relative; }
.nyrec ul li .tit span{ display: block; position: absolute; right: 0; top: 0; }
.nyrec ul li .jj1{ font-size: 14px; color: #666; line-height: 25px; height: 50px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.nyrec ul li .jj2{ display: none; font-size: 14px; color: #666; line-height: 25px; margin-bottom: 10px; }
.nyrec ul li .ann{ display: none; float: right; width: 150px; height: 45px; line-height: 45px; font-size: 16px; color: #fff; background: #006db8; border-radius: 5px; text-align: center; border: 1px solid #006db8; }
.nyrec ul li .ann:hover{ background: none; color: #006db8; }
.nyrec ul li:hover,.nyrec ul li.on{ background: #fff; border-color: #006db8; }
.nyrec ul li:hover:before,.nyrec ul li.on:before{ content: ""; display: block; width: 5px; height: 100%; background: #006db8; position: absolute; left: 0; top: 0; }
.nyrec ul li.on .jj1{ display: none; }
.nyrec ul li.on .jj2{ display: block; }
.nyrec ul li.on .ann{ display: block; }

.nymess{ padding: 60px 0; }
.nymess .nr{ padding-left: 350px; position: relative; background: #fff; border-radius: 10px; box-shadow: 0 0 20px rgba(0,0,0,.1); min-height: 500px; overflow: hidden; }
.nymess .nr .lcon{ width: 350px; height: 100%; position: absolute; left: 0; top: 0; box-sizing: border-box; padding: 60px 35px; background: #e2eff9; }
.nymess .nr .lcon .lmtit{ font-size: 24px; color: #333; font-weight: bold; }
.nymess .nr .lcon .lmxian{ width: 60px; height: 2px; background: #006db8; margin: 15px 0; }
.nymess .nr .lcon .wz{ font-size: 14px; color: #666; line-height: 25px; margin-bottom: 30px; }
.nymess .nr .lcon .ewm{ width: 120px; margin: 0 auto; }
.nymess .nr .lcon .ewm .tit{ color: #666; font-size: 12px; margin-top: 10px; text-align: center; }
.nymess .nr .right{ padding: 50px 100px; }
.nymess .nr .right .lmtit{ font-size: 24px; color: #333; font-weight: bold; margin-bottom: 25px; }
.nymess .nr .right .list{ width: 102%; left: -1%; position: relative; }
.nymess .nr .right .list .li{ width: 48%; margin: 0 1% 10px; float: left; box-sizing: border-box; padding-left: 90px; border: 1px solid #eee; line-height: 38px; position: relative; }
.nymess .nr .right .list .li .tit{ font-size: 14px; color: #777; position: absolute; left: 20px; top: 0; width: 70px; }
.nymess .nr .right .list .li .tit span{ color: #f00; }
.nymess .nr .right .list .li .text{ width: 100%; font-size: 14px; color: #666; padding: 0 10px; box-sizing: border-box;  height: 38px; }
.nymess .nr .right .list .li1{ width: 98%; margin: 0 1% 10px; float: left; border: 1px solid #eee; }
.nymess .nr .right .list .li1 .textarea{ padding:  10px 20px; box-sizing: border-box; border: 0; width: 100%; font-size: 14px; line-height: 25px; color: #666; height: 97px; }
.nymess .nr .right .list .sub{ width: 110px; height: 40px; border-radius: 20px; outline: none; font-size: 14px; color: #fff; background: #006db8; border: 1px solid #006db8; margin-top: 10px; }
.nymess .nr .right .list .sub:hover{ background: none; color: #006db8; }

.probanner{ position: relative; overflow: hidden; text-align: center; }
.probanner img{ width: 1920px; height: auto; max-width: initial; }
.probanner .swiper-slide{ position: relative; height: auto !important; }
.probanner .swiper-slide .fgc{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding-top: 100px; box-sizing: border-box; }
.probanner .swiper-slide .cell{ text-align: left; }
.probanner .swiper-slide .stit{ font-size: 32px; color: #333; }
.probanner .swiper-slide .tit{ font-size: 40px; color: #333; margin-bottom: 30px; }
.probanner .swiper-slide .jj{ line-height: 30px; font-size: 16px; color: #333; margin-bottom: 30px; }
.probanner .swiper-slide .jj span{ display: block; }
.probanner .swiper-slide .jj span:before{ content: "+"; margin-right: 10px; font-weight: bold; color: #f2ae41; }
.probanner .swiper-slide .ann{ width: 165px; height: 60px; line-height: 60px; text-align: center; color: #fff; background: #f2ae41; border: 1px solid #f2ae41; display: block; font-size: 16px; }
.probanner .swiper-slide .ann:hover{ background: none; color: #f2ae41; }
.probanner .pagination{ z-index: 99; text-align: center; line-height: 30px; height: 30px; width: 100%; position: absolute; left: 0; bottom: 10px; }
.probanner .pagination .swiper-pagination-switch{ cursor: pointer; width: 10px; height: 10px; display: inline-block; margin: 0 5px; box-sizing: border-box; border-radius: 5px; background: #b8b8b8; }
.probanner .pagination .swiper-active-switch{ background: #006db8; width: 15px; }

.proindex{ padding: 130px 40px 300px 170px; overflow: hidden; }
.proindex .lmxian{ width: 60px; height: 8px; background: #f2ae41; margin-bottom: 15px; }
.proindex .lmtit{ font-size: 58px; color: #333; font-weight: bold; margin-bottom: 20px; }
.proindex .more{ display: block; width: 160px; height: 60px; border: 1px solid #006db8; line-height: 60px; font-size: 16px; color: #fff; background: #006db8; text-align: center; margin-bottom: 50px; }
.proindex .more:hover{ background: none; color: #006db8; }
.proindex .list{ padding-left: 290px; }
.proindex .list ul{ display: block; position: relative; width: 102%; left: -1%; }
.proindex .list ul li{ transition: all .5s; display: block; width: 23%; margin: 0 1%; float: left; background: #fff; overflow: hidden; border-radius: 20px; }
.proindex .list ul li .pic{ overflow: hidden; }
.proindex .list ul li .pic img{ transition: all .5s; }
.proindex .list ul li:hover .pic img{ transform: scale(1.1,1.1); }
.proindex .list ul li .tit{ height: 150px; line-height: 150px; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 30px; color: #333; text-align: center; }
.proindex .list ul li:hover{ box-shadow: 10px 10px 15px rgba(0,0,0,.1); }

.nyshowpro{ position: relative; width: 100%; min-height: 950px; }
.nyshowpro .yiji{ width: 16%; position: absolute; height: 100%; box-sizing: border-box; padding: 30px; z-index: 9; background: url(../images/main-left-bg.png) no-repeat center; background-size: cover; }
.nyshowpro .yiji .lmtit{ font-size: 20px; color: #fff; margin-bottom: 20px; }
.nyshowpro .yiji .list{ position: relative; }
.nyshowpro .yiji .list:before{ content: ""; display: block; width: 2px; height: 100%; background: url(../images/main-left-vline.png) repeat-y top center; background-size: 100% auto !important; position: absolute; left: 2px; top: 0; }
.nyshowpro .yiji .list ul li{ display: block; height: 35px; line-height: 35px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; color: #06DEEF; margin-bottom: 15px; padding: 0 10px 0 20px; position: relative;border-radius: 3px; overflow: hidden; }
.nyshowpro .yiji .list ul li:hover{ background: #1d77c5; }
.nyshowpro .yiji .list ul li:hover:before,.nyshowpro .yiji .list ul li.on:before{ content: ""; position: absolute; width: 6px; height: 100%; background: #fff; display: block; left: 0; top: 0; border-radius: 3px; }
.nyshowpro .erji{ z-index: 9; position: absolute; width: 16%; box-sizing: border-box; height: 100%; left: 16%; top: 0; background: #7fb8e6; box-sizing: border-box; padding: 30px; }
.nyshowpro .erji .lmtit{ font-size: 20px; color: #fff; }
.nyshowpro .erji .list ul li > a{ font-size: 15px; color: #fff; margin-top: 20px; display: block; padding: 10px 10px 10px 25px; position: relative; border-radius: 3px; overflow: hidden; }
.nyshowpro .erji .list ul li.on > a:before,.nyshowpro .erji .list ul li:hover > a:before{ content: ""; display: block; width: 5px; height: 100%; background: #fff; position: absolute; left: 0; top: 0; }
.nyshowpro .erji .list ul li:hover > a{ background: rgba(255,255,255,0.2); }
.nyshowpro .erji .list ul li .serji{ display: none; }
.nyshowpro .erji .list ul li .serji a{ font-size: 12px; color: #fff; margin-top: 10px; display: block; padding-left: 25px; }
.nyshowpro .erji .list ul li .serji a:hover{ text-decoration: underline; }
.nyshowpro .erji .list ul li:hover .serji,.nyshowpro .erji .list ul li.on .serji{ display: block; }
.nyshowpro .showpronr{ padding: 35px 40px 35px 34%; position: absolute; width: 100%; height: 100%; box-sizing: border-box; }
.nyshowpro .showpronr .snr{ overflow-y: scroll; padding-right: 20px; }
.nyshowpro .showpronr .snr .lmtit{ padding: 20px 0 20px 30px; position: relative; font-size: 24px; color: #7fb8e6; margin-bottom: 70px; }
.nyshowpro .showpronr .snr .lmtit:before{ content: ""; width: 7px; height: 100%; background: #7fb8e6; position: absolute; left: 0; top: 0; }
.nyshowpro .showpronr .snr .dwpic{ text-align: center; margin: 0 auto 40px; max-width: 750px; overflow: hidden; }
.nyshowpro .showpronr .snr .dwpic .pic{ border: 1px solid #eee; }
.nyshowpro .showpronr .snr .dwpic .pic img{ width: 100%; height: auto; }
.nyshowpro .showpronr .snr .dwpic .lieb{ position: relative; width: 102%; left: -1%; margin-top: 10px; }
.nyshowpro .showpronr .snr .dwpic .lieb a{ display: block; width: 18%; margin: 1%; cursor: pointer; border: 1px solid #eee; float: left; box-sizing: border-box; }
.nyshowpro .showpronr .snr .dwpic .lieb a.on{ border-color: #0065bd; }
.nyshowpro .showpronr .snr .nr{ font-size: 15px; color: #666; line-height: 30px; }
.nyshowpro .showpronr .snr .nr h2{ font-size: 16px; color: #7fb8e6; padding-left: 25px; position: relative; }
.nyshowpro .showpronr .snr .nr h2:before{ content: ""; display: block; width: 16px; height: 4px; background: #7fb8e6; left: 0; top: 50%; margin-top: -2px; position: absolute; }
.nyshowpro .showpronr .snr .nr table{ width:100%; table-layout:fixed; max-width: 800px; margin: 0 auto; }
.nyshowpro .showpronr .snr .nr table td,.ke-content table th{ border: 1px solid #333; padding:5px; }
.nyshowpro .ann{ display: none; width: 80px; height: 80px; background: #ccc; position: absolute; right: 0; bottom: 0; z-index: 9; box-sizing: border-box; padding: 15px; font-size: 18px; color: #333; text-align: center; }
.nyshowpro .ann:hover{ background: #0065bd; color: #fff; }
.nyshowpro .tishi{ font-size: 14px; color: #999; }