@charset "utf-8";
.content{ max-width: 1200px; 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: #5b9bd5;}
.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; padding: 20px 0; }
.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: #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: 9; text-align: center; line-height: 30px; height: 30px; width: 100%; position: absolute; left: 0; bottom: 110px; }
.banner .pagination .swiper-pagination-switch{ cursor: pointer; width: 12px; height: 12px; display: inline-block; margin: 0 4px; border-radius: 8px; box-sizing: border-box; background: rgba(255,255,255,.8); }
.banner .pagination .swiper-active-switch{ background: #5b9bd5; width: 20px; }
.banner .banner-left{ position: absolute; font-size: 25px; color: #333; left: 35px; top: 50%; width: 45px; height: 45px; line-height: 45px; margin-top: -23px; border-radius: 50%; background: rgba(255,255,255,.5); box-shadow: 0 0 10px rgba(0,0,0,.1); }
.banner .banner-left i{ position: relative; top: -1px; left: -1px; }
.banner .banner-right{ position: absolute; font-size: 25px; color: #333; right: 35px; top: 50%; width: 45px; height: 45px; line-height: 45px; margin-top: -23px; border-radius: 50%; background: rgba(255,255,255,.5); box-shadow: 0 0 10px rgba(0,0,0,.1); }
.banner .banner-right i{ position: relative; top: -1px; right: -1px; }
.banner .banner-left:hover,.banner .banner-right:hover{ background: rgba(0,153,230,.9); 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: #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: #5b9bd5; 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: 61px; display: none; }
.Bottomer{ display: none; position:fixed; bottom:0; width:100%; background:#5b9bd5; 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{color:#fff; display: block;margin-top: 5px;}
.Bottomer .BottomList li p{ color:#D5A334; margin:0; position:absolute; right:20px; top:10px;}

.customerxf{ position: fixed; right: 50px; bottom: 50px; display: none; z-index: 9; }
.customerxf .li{ margin-top: 10px; width: 40px; height: 40px; background: #f0f0f0; line-height: 35px; border-radius: 50%; font-size: 22px; color: #ccc; text-align: center; }
.customerxf .li img{ height: 20px; vertical-align: middle; }
.customerxf .li.fhtop:hover{ background: #ccc; color: #fff; }

.intop{ line-height: 28px; background: #fff; }
.intop .fl{ font-weight: bold; color: #fff; }
.intop .fr a{ display: inline-block; margin-left: 25px; color: #5b9bd5; }
.intop .fr a:hover{ color: #5b9bd5; }
.header{ background: #fff; }
.header .logo{ padding-bottom: 10px; float: left; }
.header .messann{ line-height: 36px;border: 1px solid #5b9bd5; color: #5b9bd5; /*font-weight: bold;*/ font-size: 18px; border-radius: 5px; margin-top: 17px; display: block; float: right; padding: 0 20px; margin-left: 20px; transition: all .5s; }
.header .messann:hover{ background:  #5b9bd5; color: #fff; }
.header .search{ float: right; position: relative; margin-left: 20px; }
.header .search .wz{  line-height: 70px; font-size: 16px; cursor: pointer; text-align: center; width: 35px; }
.header .search .xuanf{ display: none; background: #fff; position: absolute; top: 100%; padding-right: 60px; z-index: 99; left: 50%; margin-left: -140px; }
.header .search .xuanf .text{ width: 200px; height: 40px; padding: 0 10px; font-size: 18px; }
.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: #5b9bd5; }
.header .search:hover .wz{ opacity: .8; }
.header .search:hover .xuanf{ display: block; }
.header .inmuen{ float: right; }
.header .inmuen ul li{ display: block; padding: 20px 10px; float: left; position: relative; }
.header .inmuen ul li > a{ display: block; font-size: 18px; color: #000;/*font-weight: bold;*/ position: relative; line-height: 30px;/*text-transform: uppercase; */}
.header .inmuen ul li:hover a,.inmuen ul li.on a{ color: #5b9bd5; }
/*.header .inmuen ul li:hover > a:before,.header .inmuen ul li.on > a:before{ content: ""; display: block; width: 30px; height: 3px; background: #404040; position: absolute; bottom: -3px; left: 50%; margin-left: -15px; }*/
.header .inmuen ul li .erji{ display: none; width: 200px; background: #fff; border-radius: 10px; position: absolute; top: 100%; z-index: 99; left: 50%; margin-left: -100px; padding: 10px 0; }
.header .inmuen ul li .erji a{ line-height: 30px; height: 30px; font-size: 14px; padding: 0 15px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.header .inmuen ul li .erji a:hover{ background: #5b9bd5; color: #fff; }
.header .inmuen ul li:hover .erji{ display: block; }
.headerkg{ height: 70px; display: none; }
.header.header_on{ position: fixed; width: 100%; left: 0; top: 0; z-index: 99; min-width: 1200px; }
#google_translate_element{ float: right; margin-top: 17px; margin-left: 20px; }
.goog-te-gadget-simple{ height: 31px; line-height: 31px; padding: 0 10px; border-radius: 5px; }

.inmess{ background: #f4f4f4; }
.inmess .nr{ padding: 40px 25px; border-radius: 10px; overflow: hidden; position: relative; top: -50px; background: #fff; box-shadow: 0 5px 20px rgba(0,0,0,.1); }
.inmess .nr .lmtit{ font-size: 20px; /*font-weight: bold;*/ color: #000; /*text-align: center;*/ }
.inmess .nr .lmxian{ width: 50px; height: 4px; border-radius: 4px; /*background: #5b9bd5;*/ margin: 5px auto 10px; }
.inmess .nr .lmjj{ font-size: 14px; /*text-align: center; */color: #666; margin-bottom: 30px; }
.inmess .nr .shuoh{ width: 240px; line-height: 40px; border-radius: 20px 20px 0 20px; border: 1px solid #5b9bd5; font-size: 16px; color: #5b9bd5; position: absolute; text-align: center; right: 230px; top: 35px; }
.inmess .nr .list{ position: relative; width: 102%; left: -1%; padding-right: 350px; box-sizing: border-box; }
.inmess .nr .li{ margin: 0 1% 10px; }
.inmess .nr .li.li1{ float: left; width: 31.333%; }
.inmess .nr .li .text{ height: 45px; font-size: 14px; color: #666; border: 1px solid #eee; border-radius: 5px; padding: 0 15px; width: 100%; box-sizing: border-box; transition: all .5s; }
.inmess .nr .li .text:focus{ border-color: #5b9bd5; }
.inmess .nr .li.li2{ width: 98%; padding-right: 160px; position: relative; box-sizing: border-box; }
.inmess .nr .li .sub{ width: 150px; height: 45px; border-radius: 5px; outline: none;border: 1px solid #5b9bd5;  font-size: 16px; color: #5b9bd5; position: absolute; right: 0; top: 0; transition: all .5s; }
.inmess .nr .li .sub i{ margin-left: 10px; }
.inmess .nr .li .sub:hover{ background: #5b9bd5;color:#fff; }

.inservice{ position: relative; top: -50px; padding-bottom: 35px; overflow: hidden;padding-top:35px; }
.inservice .lmtit{ font-size: 20px; /*font-weight: bold;*/ color: #000; text-align: center; }
.inservice .lmxian{ width: 50px; height: 4px; border-radius: 4px; background: #5b9bd5; margin: 5px auto 10px; }
.inservice .lmjj{ font-size: 14px; text-align: center; color: #666; margin-bottom: 30px; }
.inservice .list{ position: relative; }
.inservice .list .inservicelist{ overflow: hidden; }
.inservice .list .inservicelist .swiper-slide a{ display: block; padding: 0 7px; }
.inservice .list .inservicelist .swiper-slide .li{ overflow: hidden; border-radius: 5px; position: relative; }
.inservice .list .inservicelist .swiper-slide .li .pic img{ transition: all .5s; }
.inservice .list .inservicelist .swiper-slide .li .fgc{ position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,.2); left: 0; top: 0; transition: all .5s; }
.inservice .list .inservicelist .swiper-slide .li .tit{ font-size: 18px; font-weight: bold; color: #fff; }
.inservice .list .inservicelist .swiper-slide .li:hover .pic img{ filter: blur(2px); }
.inservice .list .inservicelist .swiper-slide .li:hover .fgc{ background: rgba(244,244,244,.6); }
.inservice .list .prev,.inservice .list .next{ width: 45px; height: 45px; line-height: 45px; border-radius: 50%; font-size: 22px; color: #fff; background: rgba(0,0,0,.2); display: block; text-align: center; position: absolute; }
.inservice .list .prev{ left: -60px; top: 50%; margin-top: -23px; }
.inservice .list .next{ right: -60px; top: 50%; margin-top: -23px; }
.inservice .list .prev:hover,.inservice .list .next:hover{ background: #5b9bd5; color: #fff; }
.inservice .content .inservicelist .swiper-slide .li .fgc .table .cell .ann{ color:#5b9bd5; border: 1px solid #5b9bd5; height: 30px;border-radius: 5px;line-height: 30px;margin: 0 10px; }
.inservice .content .inservicelist .swiper-slide .li .fgc .table .cell .ann:hover{ background: #5b9bd5; color:#fff }

.inabout{ padding: 0px 0 0px;  overflow: hidden; }
.inabout .lmtit{ font-size: 20px;/* font-weight: bold;*/ color: #000; text-align: center; }
.inabout .lmxian{ width: 50px; height: 4px; border-radius: 4px; background: #5b9bd5; margin: 5px auto 10px; }
.inabout .lmjj{ font-size: 14px; text-align: center; color: #666; margin-bottom: 10px; }
.inabout .nr{ min-height: 325px; padding-left: 620px; position: relative; margin-bottom: 25px; }
.inabout .nr .pic{ width: 590px; position: absolute; left: 0; top: 0; border-radius: 5px; box-shadow: 0 0 15px rgba(0,0,0,.1); overflow: hidden; }
.inabout .nr .pic .pagination{ z-index: 9; text-align: center; line-height: 30px; height: 30px; width: 100%; position: absolute; left: 0; bottom: 10px; }
.inabout .nr .pic .pagination .swiper-pagination-switch{ cursor: pointer; width: 12px; height: 12px; display: inline-block; margin: 0 4px; border-radius: 8px; box-sizing: border-box; background: rgba(255,255,255,.8); }
.inabout .nr .pic .pagination .swiper-active-switch{ background: #5b9bd5; width: 20px; }
.inabout .nr .tit{ font-size: 24px; color: #222; font-weight: bold; margin-bottom: 10px; }
.inabout .nr .jj{ font-size: 14px; line-height: 25px; color: #666; margin-bottom: 10px; }
.inabout .nr .ann{ display: block; width: 150px; height: 35px; border-radius: 5px;border: 1px solid #5b9bd5;  font-size: 16px; color: #5b9bd5;transition: all .5s; text-align: center; line-height: 35px; }
.inabout .nr .ann i{ margin-left: 10px; }
.inabout .nr .ann:hover{ background: #5b9bd5;color:#fff; }
.inabout .shuj ul li{ display: block; width: 25%; float: left; text-align: center;margin-bottom: 25px; }
.inabout .shuj ul li .sz{ font-size: 16px; /*font-weight: bold;*/ color: #000; position: relative; }
.inabout .shuj ul li .sz .timer{ font-size: 18px; /*font-weight: bold;*/ color: #000; position: relative; }
.inabout .shuj ul li .sz .big{ position: absolute; zoom:1.3; opacity: .1; width: 100%; top: -25px; color: #999; }
.inabout .shuj ul li .tit{ font-size: 16px; /*font-weight: bold;*/ color: #333; margin-top: 10px; }
.inabout .shuj ul li .tit i{ margin-right: 10px; }

.inpro{ padding: 50px 0; overflow: hidden;background-color: #f4f4f4; }
.inpro .lmtit{ font-size: 20px; /*font-weight: bold; */color: #000; text-align: center; }
.inpro .lmxian{ width: 50px; height: 4px; border-radius: 4px; background: #5b9bd5; margin: 5px auto 10px; }
.inpro .lmjj{ font-size: 14px; text-align: center; color: #666; margin-bottom: 30px; }
.inpro .list ul{ display: block; position: relative; width: 101%; left: -.5%; }
.inpro .list ul li{ display: block; width: 24%; margin: .5%; float: left; background: #fff; border-radius: 5px; overflow: hidden; box-shadow: 0 0 15px rgba(0,0,0,.05); transition: all .5s; }
.inpro .list ul li .pic{ overflow: hidden; position: relative; }
.inpro .list ul li .pic img{ transition: all .5s; position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.inpro .list ul li .tit{ transition: all .5s; font-size: 14px; /*font-weight: bold;*/ color: #111; line-height: 22px; height: 44px; padding: 0 15px; margin: 10px 0 20px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.inpro .list ul li:hover .pic img{ transform: scale(1.1,1.1); }
.inpro .list ul li:hover .tit{ color: #5b9bd5; }
.inpro .list ul li:hover{ box-shadow: 0 0 20px rgba(0,0,0,.15); }

.innews{ padding: 50px 0; overflow: hidden; }
.innews .lmtit{ font-size: 20px; /*font-weight: bold;*/ color: #000; text-align: center; }
.innews .lmxian{ width: 50px; height: 4px; border-radius: 4px; background: #5b9bd5; margin: 5px auto 10px; }
.innews .lmjj{ font-size: 14px; text-align: center; color: #666; margin-bottom: 30px; }
.innews .list ul{ display: block; position: relative; width: 102%; left: -1%; display: flex; flex-wrap: wrap; }
.innews .list ul li{ display: block; width: 31.3333%; margin: 0 1%; float: left; background: #f4f4f4; box-sizing: border-box; border-radius: 5px; overflow: hidden; box-shadow: 0 0 15px rgba(0,0,0,.05); transition: all .5s; }
.innews .list ul li .pic{ overflow: hidden; }
.innews .list ul li .pic img{ transition: all .5s; }
.innews .list ul li .wz{ padding: 20px; }
.innews .list ul li .tit{ font-size: 16px; color: #000; margin-bottom: 5px; transition: all .5s; }
.innews .list ul li .jj{ font-size: 14px; color: #666; line-height: 25px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.innews .list ul li .date{ font-size: 14px; color: #999; margin-top: 10px; line-height: 35px; padding-right: 135px; position: relative; }
.innews .list ul li .date .ann{ width: 120px;border: 1px solid #5b9bd5; position: absolute; right: 0; top: 0;  font-size: 16px; color: #5b9bd5; text-align: center; transition: all .5s; border-radius: 5px; }
.innews .list ul li .date .ann:before{ position: absolute;  content: ""; width: calc(100% - 12px); height: calc(100% - 12px); left: 5px; top: 5px; border-radius: 5px; }
.innews .list ul li .date .ann:hover{ background: #5b9bd5;color:#fff; }
.innews .list ul li .tit:hover{ background:  #5b9bd5;color:#fff; }
.innews .list ul li:hover .pic img{ transform: scale(1.1,1.1); }
.innews .list ul li:hover{ box-shadow: 0 0 20px rgba(0,0,0,.15); }

.inadv{ height: 180px; overflow: hidden;background-color: #e5e5e5 }
.inadv .left{ float: left; padding-left: 100px;}
.inadv .left .lmtit{ padding: 36px 0 36px; color: #444; font-size: 24px; /*text-shadow: 0 1px 2px rgba(0,0,0,0.6); font-weight: bold; */}
.inadv .left .ann{ transition: all .5s; width: 120px; line-height: 26px;border: 1px solid #5b9bd5; display: block; color: #5b9bd5; border-radius: 5px; text-align: center; font-size: 18px; float: right;/*font-weight: bold;*/ }
.inadv .left .ann i{ margin-left: 10px; }
.inadv .left .ann:hover{ background: #5b9bd5; color: #fff; }
.inadv .list{ max-width: 600px; float: right; margin-top: 36px; padding-right: 100px;}
.inadv .list .bd ul{ font-size: 16px; color: #000; line-height: 30px;/* text-shadow: 0 1px 2px rgba(0,0,0,0.6); */ }
.inadv .list .hd{ /*margin-top: 20px; */}
.inadv .list .hd ul li{ display: inline-block; width: 10px; height: 10px; background: #fff; margin-right: 3px;border-radius: 5px; cursor: pointer; }
.inadv .list .hd ul li.on{ width: 15px; background: #5b9bd5; }

.footer{ padding: 35px 0 20px; background: #5e5e5e; }
.footer .fleft{ float: left; width: 380px; margin-right: 0px; }
.footer .fleft .logo{ margin-bottom: 20px; }
.footer .fleft .stit{ font-size: 18px;/*text-transform: uppercase; */color: #d6d6d6; font-weight: bold; margin-bottom: 10px; }
.footer .fleft .wz{ font-size: 14px; color: #999; line-height: 25px; }
.footer .fleft .wz a{ color: #999; }
.footer .fleft .wz a:hover{ color: #5b9bd5; }
.footer .fleft .fenx{ margin-top: 40px; }
.footer .fleft .fenx a{ display: block; float: left; width: 30px; line-height: 30px; border: 1px solid #999; border-radius: 5px; margin-right: 10px; text-align: center; color: #999; }
.footer .fleft .fenx a:hover{ border: 1px solid #5b9bd5; color:  #5b9bd5; }
.footer .fnav{ width: 230px; margin-right: 60px;margin-left: 100px; float: left; }
.footer .fnav .tit{ font-size: 18px; color: #d6d6d6; font-weight: bold; /*text-transform: uppercase;*/ margin-bottom: 10px; }
.footer .fnav a{ display: block; height: 25px; line-height: 25px; font-size: 14px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.footer .fnav a:hover{ color: #5b9bd5; }
.footer .fmess{ float: right; max-width: 310px; }
.footer .fmess .tit{ font-size: 16px; color: #999; font-weight: bold; text-align: right; line-height: 25px; margin-bottom: 15px; }
.footer .fmess .text{ width: 100%; box-sizing: border-box; height: 35px; border: 1px solid #999; border-radius: 5px; padding: 0 15px; margin-bottom: 15px; color: #fff; }
.footer .fmess .text:focus{ border-color: #5b9bd5; }
.footer .fmess .textarea{ width: 100%; box-sizing: border-box; border: 1px solid #999; border-radius: 5px; padding: 10px 15px; margin-bottom: 15px; background: none; line-height: 25px; color: #fff; }
.footer .fmess .textarea:focus{ border-color: #5b9bd5; }
.footer .fmess .sub{ width: 90px; height: 30px; font-size: 14px; color: #fff; border-radius: 5px; background: #5b9bd5; float: right; outline: none; }
.footer .fmess .sub:hover{ color: #5b9bd5; background: #fff; }
.footer .banq{ color: #999; font-size: 14px; margin-top: 10px; text-align: center; border-top: 1px solid #727272; padding-top: 15px; }

.nybanner{ position: relative; height: 260px; }
.nybanner .fgc{ position: absolute; width: 100%; height: calc(100% - 35px); left: 0; top: 0; }
.nybanner .fgc .lmtit{ font-size: 44px; color: #fff; font-weight: bold; text-shadow: 0 1px 2px rgba(0,0,0,0.6); margin-bottom: 15px; }
.nybanner .fgc .ann{ margin: 0 auto; transition: all .5s; width: 200px; line-height: 50px; background: #5b9bd5; display: block; color: #fff; border-radius: 5px; text-align: center; font-size: 20px; font-weight: bold; }
.nybanner .fgc .ann i{ margin-left: 10px; }
.nybanner .fgc .ann:hover{ background: #fff; color: #5b9bd5; }
.nybanner .weizhi{ position: absolute; bottom: 35px; left: 0; text-align: center; color: #fff; width: 100%; padding-bottom: 20px; font-size: 16px; }
.nybanner .weizhi a{ color: #fff; }
.nybanner .weizhi a:hover{ color: #5b9bd5; }

.nynav .list{ position: relative; top: -25px; line-height: 50px; background: #fff; border-radius: 10px; overflow: hidden; box-shadow: 0 4px 16px 0 rgba(0,0,0,0.08); }
.nynav .list ul{ display: flex; }
.nynav .list ul li{ display: block; width: 25%; }
.nynav .list ul li a{ display: block; padding: 0 10px; height: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; font-weight: bold; text-align: center; }
.nynav .list ul li:hover a,.nynav .list ul li.on a{ background: #5b9bd5; color: #fff; }

.nypage{ padding: 30px 0 30px;}
.nypage .nr{ background: #fff; /*box-shadow: 0 4px 16px 0 rgba(0,0,0,0.08); border-radius: 10px; */overflow: hidden; /*padding-top: 30px;*/ }
.nypage .nr .lmtit{ font-size: 18px; font-weight: bold; /*border-bottom: 1px solid #eee;*/ padding-bottom: 10px; margin-bottom: 20px; }
.nypage .nr .wz{ font-size: 14px; line-height: 25px; color: #333; }
.nypage .nr .wz img{ margin: 10px auto;padding-right:15px; }
.nypage .nr .wz *{ max-width: 100%; }

.nypro{ position: relative; padding:35px; }
.nypro ul{ display: block; position: relative; width: 101%; left: -.5%; }
.nypro ul li{ display: block; width: 24%; margin: 0 .5% 2%; float: left; background: #fff; border-radius: 5px; overflow: hidden; box-shadow: 0 0 15px rgba(0,0,0,.05); transition: all .5s; }
.nypro li .pic{ overflow: hidden; position: relative; }
.nypro ul li .pic img{ transition: all .5s; position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.nypro ul li .tit{ transition: all .5s; font-size: 16px; /*font-weight: bold;*/ color: #111; line-height: 22px; height: 44px; padding: 0 15px; margin: 10px 0 20px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.nypro ul li:hover .pic img{ transform: scale(1.1,1.1); }
.nypro ul li:hover .tit{ color: #5b9bd5; }
.nypro ul li:hover{ box-shadow: 0 0 20px rgba(0,0,0,.15); }

.showpro{ padding: 35px 0 0; }
.showpro .lmtit{ font-size: 20px; /*font-weight: bold; */text-align: center; margin-bottom: 20px;color: #000; }
.showpro .bpic{ position: relative; width: 524px; margin: 20px auto 30px; }
.showpro .bpiclist{ overflow: hidden; border-radius: 30px; border: 2px solid #111; }
.showpro .bpic .prev,.showpro .bpic .next{ width: 45px; height: 45px; line-height: 45px; border-radius: 50%; font-size: 22px; color: #fff; background: rgba(0,0,0,.2); display: block; text-align: center; position: absolute; }
.showpro .bpic .prev{ left: -70px; top: 50%; margin-top: -23px; }
.showpro .bpic .next{ right: -70px; top: 50%; margin-top: -23px; }
.showpro .bpic .prev:hover,.showpro .bpic .next:hover{ background: #5b9bd5; color: #fff; }
.showpro .bpiclist .pagination{ z-index: 9; text-align: center; line-height: 30px; height: 30px; width: 100%; position: absolute; left: 0; bottom: 10px; }
.showpro .bpiclist .pagination .swiper-pagination-switch{ cursor: pointer; width: 12px; height: 12px; display: inline-block; margin: 0 4px; border-radius: 8px; box-sizing: border-box; background: rgba(125,125,125,.3); }
.showpro .bpiclist .pagination .swiper-active-switch{ background: #5b9bd5; width: 20px; }
.showpro .sanann{ text-align: center; margin-bottom: 30px; }
.showpro .sanann .ann{ transition: all .5s; width: 225px; line-height: 60px; background: #fff; border-radius: 5px; text-align: center; font-size: 16px; font-weight: bold; text-align: center; display: inline-block; margin: 0 15px; box-shadow: 0 0 10px rgba(0,0,0,.1); }
.showpro .sanann .ann i{ margin-right: 10px; font-size: 20px; }
.showpro .sanann .ann:hover{ background: #5b9bd5; color: #fff; }
.showpro .sanann .ann.ann1{ background: #5b9bd5; color: #fff; }
.showpro .sanann .ann.ann1:hover{ background: #fff; color: #000; }
.showpro .wznr{ font-size: 14px; line-height: 25px; color: #333; margin-bottom: 50px; }
.showpro .wznr table{ width: 100%; }
.showpro .wznr table td,.showpro .wznr table th{ padding: 5px 10px; }

.nynews{ position: relative; padding: 35px; }
.nynews ul{ display: flex; flex-wrap: wrap; position: relative; margin-bottom: 20px; width: 101%; left: -.5%; }
.nynews ul li{ display: block; width: 49%; margin: 0 .5% 1%; float: left; position: relative; padding: 15px 15px 15px 190px; box-sizing: border-box; border-radius: 8px; overflow: hidden; background: #fff; transition: all .5s; min-height: 113px; box-shadow: 0 4px 16px 0 rgba(0,0,0,0.08); }
.nynews ul li .pic{ width: 160px; position: absolute; overflow: hidden; left: 15px; top: 15px; }
.nynews ul li .pic img{ transition: all .5s; }
.nynews ul li .tit{ transition: all .5s; font-size: 17px; /*font-weight: bold;*/ color: #111; line-height: 22px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 5px; }
.nynews ul li .jj{ font-size: 14px; color: #666; line-height: 20px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 5px; }
.nynews ul li .date{ font-size: 12px; color: #999; }
.nynews ul li:hover .pic img{ transform: scale(1.1,1.1); }
.nynews ul li:hover .tit{ color: #5b9bd5; }
.nynews ul li:hover{ box-shadow: 0 4px 16px 0 rgba(0,0,0,0.15); }

.feny{ text-align: center; }
.feny a{ display: inline-block; width: 40px; line-height: 40px; background: #aaa; font-size: 18px; color: #fff; margin: 0 3px; border-radius: 20px; }
.feny span{ display: inline-block; width: auto; padding: 0 15px; line-height: 40px; background: #aaa; font-size: 14px; color: #fff; margin: 0 3px; border-radius: 20px; }
.feny a:hover,.feny a.on{ background: #5b9bd5; color: #fff; }

.shownews{  }
.shownews .nr{ position: relative; top: -35px; background: #fff; box-shadow: 0 4px 16px 0 rgba(0,0,0,0.08); border-radius: 10px; overflow: hidden; padding: 30px; }
.shownews .nr .lmtit{ font-size: 20px; color: #000;/* font-weight: bold;*/ text-align: center; margin-bottom: 10px; }
.shownews .nr .date{ font-size: 14px; color: #999; text-align: center; margin-bottom: 20px; }
.shownews .nr .wz{ font-size: 14px; line-height: 25px; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #eee; }
.shownews .nr .wz img{ margin: 10px auto; }
.shownews .nr .wz *{ max-width: 100%; }
.shownews .nr .pre{ position: relative; padding-right: 180px; }
.shownews .nr .pre .li{ display: block; height: 25px; line-height: 25px; font-size: 12px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.shownews .nr .pre .li:hover{ color: #5b9bd5; }
.shownews .nr .pre .ann{ display: block; width: 160px; line-height: 40px; font-size: 16px; color: #fff; background: #5b9bd5; border-radius: 5px; text-align: center; transition: all .5s; position: absolute; right: 0; top: 50%; margin-top: -20px; }
.shownews .nr .pre .ann:hover{ background: #ddd; }

.nyvideo{ position: relative; padding-bottom: 35px; }
.nyvideo ul{ display: flex; flex-wrap: wrap; position: relative; margin-bottom: 0; width: 101%; left: -.5%; padding-top:30px;}
.nyvideo ul li{ display: block; width: 24%; margin: 0 .5% 1%; float: left; }
.nyvideo ul li .pic{ overflow: hidden; position: relative; border-radius: 8px; box-shadow: 0 4px 16px 0 rgba(0,0,0,0.08); }
.nyvideo ul li .pic img{ transition: all .5s; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 8; filter: blur(2px); }
.nyvideo ul li .pic .fgc{ position: absolute; width: 100%; height: 100%; z-index: 9; background: rgba(0,0,0,.6); color: rgba(255,255,255,.6); transition: all .5s; font-size: 50px; }
.nyvideo ul li .tit{ font-size: 14px; text-align: center; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 5px; font-weight: bold; transition: all .5s; }
.nyvideo ul li:hover .pic{ box-shadow: 0 4px 16px 0 rgba(0,0,0,0.15); }
.nyvideo ul li:hover .pic img{ filter: blur(0px); }
.nyvideo ul li:hover .pic .fgc{ background: rgba(0,0,0,.4); color: rgba(255,255,255,.8); }

.videoxf{ display: none; position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.6); z-index: 999; left: 0; top: 0; }
.videoxf .nr{ background: #fff; border-radius: 8px; max-width: 800px; margin: 0 auto; position: relative; box-shadow: 0 4px 16px 0 rgba(0,0,0,0.08); }
.videoxf .nr .close{ display:block; width:20px; height:20px; background:#fff; border:1px solid #ccc; color:#666; line-height:20px; text-align:center; border-radius:50%; right:-10px; top:-10px; position:absolute; z-index:999; }
.videoxf .nr .close:hover{ background:#5b9bd5; color:#fff; }
.videoxf .nr iframe{ display: block; width: 100%; height: 450px; border-radius: 8px; }

.nyaboutpage .nr{ padding-bottom: 0; position: relative; }
.nyaboutpage .nr .wz{ margin-bottom: 0px; }

.nyabout{ padding: 0 0 35px; }
.nyabout .nr{ background: #fff; border-radius: 10px; box-shadow: 0 4px 16px 0 rgba(0,0,0,0.08); padding: 30px 30px 30px 630px; position: relative; min-height: 340px; overflow: hidden; }
.nyabout .nr .pic{ width: 600px; position: absolute; left: 0; top: 0; }
.nyabout .nr .tit{ font-size: 24px; color: #111; font-weight: bold; margin-bottom: 15px; }
.nyabout .nr .wz{ font-size: 14px; line-height: 25px; color: #666; margin-bottom: 30px; }
.nyabout .nr .ann{ display: block; width: 150px; height: 45px; border-radius: 5px; background: #5b9bd5; font-size: 14px; color: #fff;transition: all .5s; text-align: center; line-height: 45px; }
.nyabout .nr .ann i{ margin-left: 10px; }
.nyabout .nr .ann:hover{ background: #404040; }

.nyaboutadv{ padding: 50px 0; margin-bottom: 35px; }
.nyaboutadv .left{ width: 780px; float: left; }
.nyaboutadv .left .tit{ font-size: 40px; font-weight: bold; color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,0.6); margin-bottom: 10px; }
.nyaboutadv .left .jj{ font-size: 16px; color: #fff; line-height: 25px; }
.nyaboutadv .right{ float: right; text-align: right; }
.nyaboutadv .right .ann{ width: 190px; line-height: 55px; border-radius: 5px; font-size: 20px; font-weight: bold; color: #fff; background: #5b9bd5; display: inline-block; text-align: center; margin-bottom: 20px; transition: all .5s; }
.nyaboutadv .right .ann:hover{ background: #fff; color: #5b9bd5; }
.nyaboutadv .right .phone{ font-size: 26px; font-weight: bold; color: #5b9bd5; text-shadow: 0 1px 2px rgba(0,0,0,0.6); }
.nyaboutadv .right .phone i{ margin-right: 10px; }

.nyhonor ul li{ transition: all .5s; }
.nyhonor ul li .pic img{ filter: blur(0px) }
.nyhonor ul li:hover{ transform: translateY(-5px); }
.nyhonor ul li:hover .pic img{ transform: scale(1.05,1.05); }

.nycontact{ padding: 0 0 15px; }
.nycontact .content{ display: flex; flex-wrap: wrap; }
.nycontact .leftnr{ width: 49%; margin-right: 2%; background: #fff; border-radius: 8px; /*box-shadow: 0 4px 16px 0 rgba(0,0,0,0.08);*/ padding: 30px; box-sizing: border-box; }
.nycontact .leftnr .lmtit{ font-size: 20px; /*font-weight: bold; border-bottom: 1px solid #eee;*/ padding-bottom: 10px; margin-bottom: 20px; }
.nycontact .leftnr .wz{ font-size: 14px; line-height: 25px; color: #333; }
.nycontact .leftnr .wz img{ margin: 10px auto; }
.nycontact .leftnr .wz *{ max-width: 100%; }
.nycontact .rightnr{ width: 49%; background: #fff; border-radius: 8px; /*box-shadow: 0 4px 16px 0 rgba(0,0,0,0.08);*/ padding: 30px; box-sizing: border-box; }
.nycontact .rightnr .lmtit{ font-size: 20px; /*font-weight: bold;*/ color: #000; text-align: center; margin-bottom: 20px; }
.nycontact .rightnr .li{ margin-bottom: 10px; }
.nycontact .rightnr .li .textarea{ border: 1px solid #ddd; border-radius: 5px; padding: 10px; width: 100%; box-sizing: border-box; font-size: 14px; color: #666; line-height: 22px; height: 155px; transition: all .5s; }
.nycontact .rightnr .li .text{ width: 100%; height: 40px; border: 1px solid #ddd; padding: 0 10px; border-radius: 5px; box-sizing: border-box; font-size: 14px; color: #666; transition: all .5s; }
.nycontact .rightnr .li .textarea:focus{ border-color: #5b9bd5; }
.nycontact .rightnr .li .text:focus{ border-color: #5b9bd5; }
.nycontact .rightnr .sub{ width: 33%; outline: none; height: 40px; border-radius: 5px; font-size: 16px; /*font-weight: bold; */color: #666; border: 1px solid #ddd;/*background: #ddd;*/ transition: all .5s; }
.nycontact .rightnr .sub:hover{ background: #5b9bd5;color:#fff; }

.nymess{ padding: 50px 0; }
.nymess .nr{ max-width: 800px; box-sizing: border-box; margin: 0 auto; padding: 30px; border-radius: 8px; box-shadow: 0 4px 16px 0 rgba(0,0,0,0.08); }
.nymess .nr .lmtit{ font-size: 24px; /*font-weight: bold;*/ color: #000; text-align: center; margin-bottom: 20px; }
.nymess .nr .lmjj{ font-size: 14px; line-height: 22px; text-align: center; margin-bottom: 20px; }
.nymess .nr .li{ margin-bottom: 20px; }
.nymess .nr .tit{ font-size: 16px; margin-bottom: 10px; }
.nymess .nr .tit span{ color: #f00; margin-right: 5px; }
.nymess .nr .text{ border: 1px solid #ddd; height: 40px; padding: 0 15px; width: 100%; box-sizing: border-box; border-radius: 5px; font-size: 14px; color: #666; transition: all .5s; }
.nymess .nr .textarea{ border: 1px solid #ddd; border-radius: 5px; padding: 10px; width: 100%; box-sizing: border-box; font-size: 14px; color: #666; line-height: 22px; height: 155px; transition: all .5s; }
.nymess .nr .li1{ margin-bottom: 20px; width: 32.3333%; margin-right: 1%; float: left; }
.nymess .nr .li1:nth-child(5){ width: 33.3333%; margin-right: 0; }
.nymess .nr .tis{ padding: 15px; background: #f5f5f5; border-radius: 5px; font-size: 14px; color: #111; margin-bottom: 20px; }
.nymess .nr .tis span{ color: #999; }
.nymess .nr .sub{ width: 400px; height: 45px; font-size: 16px; color: #fff; background: #5b9bd5; border-radius: 5px; margin: 0 auto; display: block; outline: none; transition: all .5s; }
.nymess .nr .sub:hover{ background: #333; }
.nymess .nr .text:focus{ border-color: #5b9bd5; }
.nymess .nr .textarea:focus{ border-color: #5b9bd5; }
.nymess .scfile{ padding: 30px; border-radius: 15px; border: 3px dashed #eee; margin-bottom: 20px; text-align: center; }
.nymess .scfile .stit{ color: #999; }
.nymess .scfile .xz{ margin: 15px 0 20px; display: inline-block; position: relative; }
.nymess .scfile .xz .scann{ width: 150px; line-height: 40px; border-radius: 5px; background: #ddd; color: #fff; }
.nymess .scfile .xz input{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; cursor: pointer; opacity: 0; }
.nymess .scfile .showm{ line-height: 25px; }
.nymess .scfile:hover,.nymess .scfile.on{ border: 3px dashed #5b9bd5; }
.nymess .scfile:hover .xz .scann,.nymess .scfile.on .xz .scann{ background: #5b9bd5; }

.nysearch .nyprolist{ height: auto !important; }
.nysearch .nyprolist a{ float: left; width: 25%; box-sizing: border-box; padding: 8px; }

.repro{ margin-bottom: 30px; }
.repro .lmtit{ font-size: 20px; /*font-weight: bold;*/ color: #000; text-align: center; }
.repro .lmxian{ width: 50px; height: 4px; border-radius: 4px; background: #5b9bd5; margin: 5px auto 10px; }
.repro .lmjj{ font-size: 14px; text-align: center; color: #666; margin-bottom: 15px; }
.repro .list{ position: relative; }
.repro .reprolist{ overflow: hidden; padding: 15px 0; }
.repro .reprolist a{ display: block; padding: 0 8px; }
.repro .reprolist .li{ background: #fff; border-radius: 5px; overflow: hidden; box-shadow: 0 0 15px rgba(0,0,0,.05); transition: all .5s; }
.repro .reprolist .li .pic{ overflow: hidden; position: relative; }
.repro .reprolist .li .pic img{ transition: all .5s; position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.repro .reprolist .li .tit{ transition: all .5s; font-size: 16px; /*font-weight: bold;*/ color: #111; line-height: 22px; height: 44px; padding: 0 15px; margin: 10px 0 20px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.repro .reprolist .li:hover .pic img{ transform: scale(1.1,1.1); }
.repro .reprolist .li:hover .tit{ color: #5b9bd5; }
.repro .reprolist .li:hover{ box-shadow: 0 0 20px rgba(0,0,0,.15); }
.repro .list .prev,.repro .list .next{ width: 45px; height: 45px; line-height: 45px; border-radius: 50%; font-size: 22px; color: #fff; background: rgba(0,0,0,.2); display: block; text-align: center; position: absolute; }
.repro .list .prev{ left: -60px; top: 50%; margin-top: -23px; }
.repro .list .next{ right: -60px; top: 50%; margin-top: -23px; }
.repro .list .prev:hover,.repro .list .next:hover{ background: #5b9bd5; color: #fff; }

.three{ display: block; width: 31.3333%; margin: 0 1%; float: left; background: #f4f4f4; box-sizing: border-box; border-radius: 5px; overflow: hidden; box-shadow: 0 0 15px rgba(0,0,0,.05); transition: all .5s;float:left; height: 270px;}


.comi{width:1200px;height: 400px;}
.coml{width:70%;float:left;}
.comr{width:27%;float:left;/*padding-right:10px;*/}

.map{height: 200px;width:1200px;}
.mapl{padding-right: 5px;float: left;width:24%;}
.mapr{float:left;width:24%;}


.inservice1{ position: relative;  overflow: hidden; }
.inservice1 .lmtit{ font-size: 30px; font-weight: bold; color: #000; text-align: center; }
.inservice1 .lmxian{ width: 50px; height: 4px; border-radius: 4px; background: #5b9bd5; margin: 5px auto 10px; }
.inservice1 .lmjj{ font-size: 14px; text-align: center; color: #666; margin-bottom: 30px; }
.inservice1 .list{ position: relative; }
.inservice1 .list .inservicelist{ /*overflow: hidden;*/padding-bottom: 15px;padding-top: 15px; }
.inservice1 .list .inservicelist .swiper-slide a{ display: block; padding: 0 7px; }
.inservice1 .list .inservicelist .swiper-slide .li{ overflow: hidden; border-radius: 5px; position: relative;padding:4px; }
.inservice1 .list .inservicelist .swiper-slide .li .pic img{ transition: all .5s; }
.inservice1 .list .inservicelist .swiper-slide .li .fgc{ position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,.2); left: 0; top: 0; transition: all .5s; }
.inservice1 .list .inservicelist .swiper-slide .li .tit{ font-size: 18px; font-weight: bold; color: #fff; }
.inservice1 .list .prev,.inservice1 .list .next{ width: 45px; height: 45px; line-height: 45px; border-radius: 50%; font-size: 22px; color: #fff; background: rgba(0,0,0,.2); display: block; text-align: center; position: absolute; }
.inservice1 .list .prev{ left: -60px; top: 50%; margin-top: -23px; }
.inservice1 .list .next{ right: -60px; top: 50%; margin-top: -23px; }


.nyourvision{ padding: 30px 0; }
.nyourvision .content{ width: 1200px; margin: 0 auto; }
.nyourvision .nr{ position: relative; padding-left: 210px; min-height: 60px; }
.nyourvision .lmtit{ left: 0; top: 0; line-height: 30px; color: #333; font-size: 25px; text-align: center; position: absolute; padding-right: 60px; border-right: 2px solid #666; }
.nyourvision .jj{ font-size: 14px; color: #666; line-height: 30px; height: 60px; overflow: hidden;font-family: "Times New Roman"; }
.nyourvision .jj em{ font-style: italic; }

.getaquote {position: absolute;top:220px;right:80px; width: 200px;line-height: 36px; /*border: 1px solid #5b9bd5;*/display: block;color: #5b9bd5; border-radius: 5px;text-align: center;font-size: 26px;font-weight: bold; }
.getaquote a{color:#5b9bd5;}
.getaquote:hover{ background: #5b9bd5; }
.getaquote:hover a{color:#fff;}

.nycnc{ padding: 10px 0 30px; }
.nycnc .nr{ position: relative; padding-right: 530px; min-height: 280px; }
.nycnc .nr .pic{ position: absolute; width: 500px; right: 0; top: 0; overflow: hidden; }
.nycnc .nr .pic .pagination{ z-index: 9; text-align: center; line-height: 30px; height: 30px; width: 100%; position: absolute; left: 0; bottom: 10px; }
.nycnc .nr .pic .pagination .swiper-pagination-switch{ cursor: pointer; width: 8px; height: 8px; display: inline-block; margin: 0 4px; border-radius: 8px; box-sizing: border-box; background: rgba(255,255,255,.8); }
.nycnc .nr .pic .pagination .swiper-active-switch{ background: #5b9bd5; width: 16px; }
.nycnc .nr .tit{ font-size: 18px; margin-bottom: 15px; }
.nycnc .nr .jj{ font-size: 14px; line-height: 25px; color: #666; }

.nyourcap{ padding: 30px 0; background: #e5e5e5; }
.nyourcap .tit{ font-size: 25px; margin-bottom: 15px; }
.nyourcap .jj{ margin-bottom: 5px; }
.nyourcap .jj ul li{ display: block; width: 50%; float: left; line-height: 30px; }
.nyourcap .list ul{ position: relative; display: block; width: 102%; left: -1%; }
.nyourcap .list ul li{ width: 23%; margin: 1%; float: left; overflow: hidden; }
.nyourcap .list ul li img{ transition: all .5s; }
.nyourcap .list ul li:hover img{ transform: scale(1.1,1.1); }

.nycncmac{ /*padding: 30px 0;*/ }
.nycncmac .wz{ /*width: 50%;*/ float: left; padding-right: 10px; box-sizing: border-box; margin-bottom: 5px; }
.nycncmac .wz .tit{ font-size: 25px; margin-bottom: 15px; }
.nycncmac .wz .jj{ font-size: 14px; line-height: 25px; color: #666; }
.nycncmac .piclist ul{ position: relative; display: block; width: 102%; left: -1%; }
.nycncmac .piclist ul li{ width: 23%; margin: 1%; float: left; overflow: hidden; }
.nycncmac .piclist ul li img{ transition: all .5s; }
.nycncmac .piclist ul li:hover img{ transform: scale(1.1,1.1); }
.nycncmac.nycncmac1{ /*background: #e5e5e5;*/ }
.nycncmac.nycncmac1 .piclist ul li{ width: 31.333%; }

.nycncher{ padding: 0 0 30px; }
.nycncher .lmtit{ padding: 30px 0; background: #e5e5e5; text-align: center; margin-bottom: 10px; }
.nycncher .lmtit .tit{ font-size: 25px; margin-bottom: 5px; }
.nycncher .lmtit .jj{ font-size: 14px; line-height: 22px; color: #666; }
.nycncher .list ul{ position: relative; width: 102%; left: -1%; display: flex; flex-wrap: wrap; }
.nycncher .list ul li .pic{ border: 1px solid #f5f5f5; overflow: hidden; }
.nycncher .list ul li .pic img{ transition: all .5s; }
.nycncher .list ul li{ width: 23%; margin: 1%; float: left; box-sizing: border-box; }
.nycncher .list ul li .tit{ background: #f5f5f5; padding: 8px 10px; font-size: 14px; text-align: center; line-height: 22px; }
.nycncher .list ul li:hover .pic img{ transform: scale(1.1,1.1); }
.nycncher .list ul li:hover .tit{ background: #5b9bd5; color: #fff; }
.nycncher.nycncher1 .list ul li{ width: 18%; }

.nyyewuyous ul li{ /*background: #e5e5e5;*/ position: relative; margin-bottom: 30px; /*padding: 20px 20px 20px 520px;\ min-height: 333px;*/ }
.nyyewuyous ul li .pic{ width: 500px; position: absolute; left: 0; top: 0; }
.nyyewuyous ul li .tit{ text-align: center; font-size: 25px; margin-bottom: 10px; }
.nyyewuyous ul li .jj{ font-size: 14px; line-height: 20px; color: #666; }
.nyyewuyous ul li:nth-child(even){ padding: 20px 520px 20px 20px; }
.nyyewuyous ul li:nth-child(even) .pic{ left: initial; right: 0; }

.nyyewpiclist{ padding: 30px 0; }
.nyyewpiclist .lmtit{ font-size: 25px; text-align: center; margin-bottom: 10px; }
.nyyewpiclist .list ul{ position: relative; display: block; width: 102%; left: -1%; }
.nyyewpiclist .list ul li{ width: 23%; margin: 1%; float: left; overflow: hidden; }
.nyyewpiclist .list ul li img{ transition: all .5s; }
.nyyewpiclist .list ul li:hover img{ transform: scale(1.1,1.1); }
.nyyewpiclist.nyyewpiclist1{ padding: 0 0 30px; }
.nyyewpiclist.nyyewpiclist1 .list ul li{ width: 18%; }
.nyyewpiclist.nyyewpiclist1 .list ul li .pic{ overflow: hidden; }
.nyyewpiclist.nyyewpiclist1 .list ul li .tit{ text-align: center; line-height: 30px; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.nyyewuque .lmtit{ font-size: 25px; margin-bottom: 5px; text-align: center; }
.nyyewuque .list ul li{ display: block; border: 1px solid #e5e5e5; margin-top: 10px; }
.nyyewuque .list ul li .tit{ position: relative; padding: 10px 50px 10px 15px; background: #e5e5e5; font-size: 18px; cursor: pointer; }
.nyyewuque .list ul li .tit:before{ content: "+"; display: block; width: 50px; line-height: 40px; position: absolute; right: 0; top: 50%; margin-top: -20px; text-align: center; }
.nyyewuque .list ul li .jj{ padding: 15px; font-size: 14px; line-height: 25px; color: #666; display: none; }
.nyyewuque .list ul li.on .tit{ background: #5b9bd5; color: #fff; }
.nyyewuque .list ul li.on .tit:before{ content: "-"; }

.nyyewucwz{ padding: 10px 0 30px; }
.nyyewucwz .lmtit{ font-size: 25px; margin-bottom: 15px; }
.nyyewucwz .wz{ font-size: 14px; line-height: 25px; color: #666; }

.nyyewuyous.nyyewuyous1 ul li{ background: none; }
.nyyewuyous.nyyewuyous1 ul li .jj{ color: #333; line-height: 30px; }
.nyyewuyous.nyyewuyous1 ul li:nth-child(2){ background: #e5e5e5; }
.nyyewuyous.nyyewuyous1 ul li .tit{ text-align: left; }

.nyyewuyous2 ul li{ position: relative; margin-bottom: 30px; padding: 20px 20px 20px 570px; min-height: 277px; }
.nyyewuyous2 ul li .pic{ width: 550px; position: absolute; left: 0; top: 0; }
.nyyewuyous2 ul li .tit{ font-size: 25px; margin-bottom: 10px; }
.nyyewuyous2 ul li .jj{ font-size: 14px; line-height: 20px; color: #666; }

.nycncher.nycncher2 .lmtit .jj{ text-align: left; }
.nycncher.nycncher2 .list ul li .tit{ display: none; }