@charset "utf-8";
.content{ max-width: 1600px; 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: #e50012;}
.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: #999; width: 100%; padding-bottom: 40px; }
.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: #e50012;}
.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: 20px; }
.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: #e50012; 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(229,0,18,.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: #e50012; 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:#e50012; 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: 35px; background: #f5f5f5; font-size: 14px; color: #666; position: relative; z-index: 99; }
.intop a{ color: #666; display: inline-block; margin-left: 20px; height: 35px; float: left; }
.intop a i{ margin-right: 5px; }
.intop a.phone i{ font-size: 18px; }
.intop a.phone span{ font-size: 18px; color: #e50012; font-weight: bold; }
.intop a.phone:hover{  color: #666; }

#google_translate_element{ display: inline-block; margin-left: 5px; vertical-align: middle; }

.header{ position: relative; z-index: 9; background: #fff; box-shadow: 0 0 15px rgba(0,0,0,.1); min-width: 1200px; }
.header .logo{ padding: 30px 0; float: left; }
.header .logo img{ height: 53px; }
.header .lang{ float: right; font-size: 20px; color: #333; line-height: 40px; margin-top: 37px; margin-left: 25px; }
.header .lang:hover{ color: #e50012; }
.header .search{ float: right; position: relative; line-height: 40px; margin-top: 37px; }
.header .search .ann{ cursor: pointer; font-size: 20px; width: 40px; text-align: center; }
.header .search .xuanf{ position: absolute; right: -10px; top: 0; padding-right: 50px; background: #f5f5f5; border-radius: 20px; width: 40px; overflow: hidden; transition: all .5s; opacity: 0; z-index: -9; }
.header .search .xuanf .text{ width: 100%; height: 40px; font-size: 14px; padding: 0 0 0 20px; box-sizing: border-box; color: #666; }
.header .search .xuanf .sub{ outline: none; width: 40px; height: 40px; line-height: 32px; cursor: pointer; position: absolute; right: 10px; top: 0; font-size: 20px; }
.header .search:hover .xuanf{ opacity: 1; z-index: 1; width: 200px; }
.header .search .xuanf .sub:hover{ color: #e50012; }
.header .inmuen{ float: right; }
.header .inmuen ul li{ display: block; float: left; }
.header .inmuen ul li:hover > a,.header .inmuen ul li.on > a{ color: #e50012; }
.header .inmuen ul li > a{ display: block; font-size: 20px; color: #333; padding: 0 31px; line-height: 113px; }
.header .inmuen ul li .erji{ display: none; position: absolute; left: 0; top: 100%; background: #fff; width: 100%; padding: 25px 0; overflow: hidden; border-bottom: 1px solid #eee; }
.header .inmuen ul li .erji:before{ content: ""; display: block; height: 100px; width: 100%; background: #fff; box-shadow: 0 0 15px rgba(0,0,0,.1); position: absolute; left: 0; bottom: 100%;}
.header .inmuen ul li .erji .nr{ position: relative; padding-left: 600px; min-height: 70px; }
.header .inmuen ul li .erji .nr .advyu{ font-size: 28px; color: #e50012; padding-left: 20px; position: absolute; left: 0; top: 50%; height: 70px; font-weight: 500; line-height: 70px; margin-top: -35px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 500px; }
.header .inmuen ul li .erji .nr .advyu:before{ content: ""; display: block; height: 40px; width: 4px; background: #e50012; left: 0; top: 50%; margin-top: -20px; position: absolute; }
.header .inmuen ul li .erji .nr:before{ content: ""; display: block; width: 1px; height: 100%; background: #eee; top: 0; left: 550px; position: absolute; }
.header .inmuen ul li .erji .list{ padding: 15px 0; }
.header .inmuen ul li .erji .list .li{ display: block; position: relative; float: left; width: 33.3333%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 35px; line-height: 35px; box-sizing: border-box; padding-left: 20px; font-size: 16px; color: #666; }
.header .inmuen ul li .erji .list .li:before{ width: 6px; height: 6px; background: #666; content: ""; display: block; position: absolute; left: 0; top: 50%; margin-top: -1px; }
.header .inmuen ul li .erji .list .li:hover{ color: #e50012; }
.header .inmuen ul li .erji .list .li:hover:before{ background: #e50012; }
.header .inmuen ul li:hover .erji{ display: block; }
.headerkg{ height: 113px; display: none; }
.header.header_on{ position: fixed; width: 100%; left: 0; top: 0; transition: all .5s; z-index: 99; }
.header.header_on .logo{ padding: 15px 0; transition: all .5s; }
.header.header_on .inmuen ul li > a{ line-height: 83px; transition: all .5s; }
.header.header_on .search{ transition: all .5s; margin-top: 21px; }
.header.header_on .lang{ transition: all .5s; margin-top: 21px; }

.inlmtit{ font-size: 40px; color: #333; text-align: center; margin: 0 auto; font-weight: 500; }
.inlmjj{ font-size: 18px; color: #666; text-align: center; margin: 0 auto; }
.inlmxian{ height: 1px; position: relative; max-width: 470px; background: #eee; margin: 15px auto 0; }
.inlmxian span{ display: block; height: 3px; background: #e50012; width: 50px; margin: 0 auto; position: relative; top: -1px; }
.inmoreann{ display: block; width: 150px; height: 40px; line-height: 40px; background: #f5f5f5; transition: all .5s; padding-right: 35px; box-sizing: border-box; font-size: 14px; color: #666; position: relative; text-align: center; }
.inmoreann i{ width: 35px; line-height: 20px; text-align: center; position: absolute; right: 0; top: 10px; font-size: 18px; border-left: 1px solid #ccc; }
.inmoreann:hover{ background: #e50012; color: #fff; }
.inmoreann:hover i{ border-color: #fff; }

.inpro{ padding: 60px 0; }
.inpro .hd{ text-align: center; padding: 25px 0 30px; }
.inpro .hd ul li{ display: inline-block; margin: 0 50px; cursor: pointer; font-size: 20px; position: relative; }
.inpro .hd ul li.on{ color: #e50012; }
.inpro .hd ul li.on:before{ width: 100%; content: ""; display: block; height: 1px; background: #e50012; left: 0; bottom: -6px; position: absolute; }
.inpro .bd ul{ position: relative; padding-bottom: 80px; }
.inpro .bd ul .pic{ overflow: hidden; position: relative; }
.inpro .bd ul .pic img{ transition: all 10s; position: absolute; width: 100%; height: 100%; }
.inpro .bd ul:hover .pic img{ transform: scale(1.1,1.1); }
.inpro .bd ul .wz{ width: 80%; background: #fff; padding: 30px 300px 30px 30px; box-sizing: border-box; border-radius: 10px; position: absolute; left: 10%; bottom: 0; box-shadow: 0 0 15px rgba(0,0,0,.1); }
.inpro .bd ul .wz .tit{ font-size: 28px; color: #e50012; padding-left: 20px; position: relative; height: 40px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 5px; }
.inpro .bd ul .wz .tit:before{ content: ""; display: block; width: 3px; height: 24px; background: #e50012; position: absolute; left: 0; top: 50%; margin-top: -12px; }
.inpro .bd ul .wz .jj{ font-size: 18px; color: #666; line-height: 25px; height: 50px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.inpro .bd ul .wz .inmoreann{ position: absolute; right: 30px; top: 50%; margin-top: -20px; }

.inabout{ padding: 60px 0; }
.inabout .wz{ font-size: 20px; line-height: 35px; color: #666; text-align: center; max-width: 1300px; margin: 30px auto; }
.inabout .inmoreann{ margin: 0 auto; }

.inshuj{ margin-top: 40px; text-align: center; }
.inshuj ul li{ display: inline-block; margin: 0 80px; }
.inshuj ul li .ico{ width: 110px; line-height: 110px; background: #fff; text-align: center; border-radius: 50%; border: 3px solid #eee; overflow: hidden; margin: 0 auto; }
.inshuj ul li .tit{ font-size: 18px; color: #666; }
.inshuj ul li .tit span{ color: #333; font-size: 45px; font-weight: 500; }
.inshuj ul li .jj{ font-size: 18px; color: #666; }
.inshuj ul li:hover .ico{ background: #e50012; border-color: #e50012; }
.inshuj ul li:hover .ico img{ filter: drop-shadow(#ffffff 100px 0); transform: translateX(-100px); }
.inshuj ul li:hover .tit span{ color: #e50012; }

.inyoushi{ padding: 60px 0; }
.inyoushi .list{ margin-top: 35px; }
.inyoushi .list ul{ display: block; position: relative; width: 101%; left: -.5%; display: flex; flex-wrap: wrap; }
.inyoushi .list ul li{ display: block; width: 24%; margin: 0 .5%; float: left; box-shadow: 0 0 15px rgba(0,0,0,.1); border-radius: 10px; box-sizing: border-box; padding: 30px 25px; transition: all .5s;  }
.inyoushi .list ul li .ico{ width: 100px; line-height: 100px; background: #eee; border-radius: 50%; text-align: center; margin: 0 auto 15px; transition: all .5s;  }
.inyoushi .list ul li .ico img{ max-height: 50px; }
.inyoushi .list ul li .tit{ font-size: 25px; text-align: center; color: #333; transition: all .5s;  }
.inyoushi .list ul li .jj{ font-size: 16px; color: #999; text-align: center; margin-bottom: 15px; transition: all .5s;  }
.inyoushi .list ul li .wz{ font-size: 18px; color: #666; line-height: 30px; min-height: 120px; margin-bottom: 20px; transition: all .5s;  }
.inyoushi .list ul li .ann{ display: block; height: 35px; width: 150px; background: #e50012; line-height: 35px; color: #fff; font-size: 18px; text-align: center; border-radius: 18px; margin: 0 auto; transition: all .5s;  }
.inyoushi .list ul li:hover{ background: #e50012; }
.inyoushi .list ul li:hover .ico{ background: #fff; }
.inyoushi .list ul li:hover .tit{ color: #fff; }
.inyoushi .list ul li:hover .jj{ color: #fff; }
.inyoushi .list ul li:hover .wz{ color: #fff; }
.inyoushi .list ul li:hover .ann{ background: #fff; color: #e50012; }

.inhonor{ padding: 0 0 60px; }
.inhonor .list{ margin-top: 35px; }
.inhonor .list ul{ display: block; border-left: 1px solid #eee; border-top: 1px solid #eee; }
.inhonor .list ul li{ display: block; width: 14.2857%; padding: 15px; box-sizing: border-box; float: left; border-right: 1px solid #eee; border-bottom: 1px solid #eee; transition: all .5s; }
.inhonor .list ul li img{ transition: all .5s; }
.inhonor .list ul li:hover{ box-shadow: 0 0 10px rgba(0,0,0,.1) inset; }
.inhonor .inmoreann{ margin: 35px auto 0; }

.innews{ padding: 60px 0; background: #f5f5f5; }
.innews .hd{ padding: 20px 0; text-align: center; }
.innews .hd ul li{ display: inline-block; margin: 10px; }
.innews .hd ul li a{ display: block; line-height: 50px; border: 1px solid #eee; background: #fff; padding: 0 30px; font-size: 18px; color: #666; }
.innews .hd ul li.on a{ background: #e50012; color: #fff; border-color: #e50012; }
.innews .bd ul .one{ width: 50%; float: left; margin-right: 3%; }
.innews .bd ul .one .pic{ position: relative; padding-bottom: 60px; }
.innews .bd ul .one .wz{ position: absolute; background: #fff; width: 90%; bottom: 0; left: 5%; box-sizing: border-box; padding: 20px 20px 20px 150px; }
.innews .bd ul .one .wz .date{ width: 110px; text-align: center; position: absolute; top: 25px; left: 0; border-right: 1px solid #eee; font-size: 14px; color: #666; }
.innews .bd ul .one .wz .date span{ font-size: 40px; font-weight: bold; display: block; line-height: 50px; }
.innews .bd ul .one .wz .tit{ font-size: 20px; height: 30px; line-height: 30px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 5px; }
.innews .bd ul .one .wz .jj{ font-size: 16px; line-height: 22px; height: 44px; color: #666; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.innews .bd ul .li{ padding-left: 145px; margin-bottom: 40px; position: relative; width: 47%; float: right; box-sizing: border-box; min-height: 125px; }
.innews .bd ul .li .date{ position: absolute; left: 0; top: 0; background: #fff; width: 115px; text-align: center; padding: 25px 0 30px; font-size: 14px; color: #666; }
.innews .bd ul .li .date span{ font-size: 40px; font-weight: bold; display: block; line-height: 50px; }
.innews .bd ul .li .tit{ font-size: 20px; height: 30px; line-height: 30px; margin-top: 7px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 5px; }
.innews .bd ul .li .jj{ font-size: 16px; line-height: 25px; height: 75px; color: #666; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.innews .bd ul .li:nth-last-child(2){ margin-bottom: 0; }

.inadv{ position: relative; padding: 100px 0; }
.inadv #box{ position: absolute; left: 0; top: 0; z-index: 8; width: 100%; height: 100%; }
.inadv .wz{ text-align: center; position: relative; z-index: 9; }
.inadv .wz .lmtit{ font-size: 40px; font-weight: 500; color: #333; }
.inadv .wz .lmjj{ font-size: 20px; color: #666; }
.inadv .wz .inmoreann{ margin: 35px auto 0; }

.footer{ padding: 60px 0 30px; }
.footer .nr{ position: relative; background: #fff; padding: 45px 55px 45px 610px; min-height: 573px; }
.footer .nr .linfo{ width: 465px; position: absolute; left: 55px; top: 45px; border-right: 1px solid #eee; padding-right: 50px; box-sizing: border-box; }
.footer .nr .linfo .logo{ margin-bottom: 20px; }
.footer .nr .linfo .phone{ font-size: 16px; color: #666; }
.footer .nr .linfo .phone a{ font-size: 28px; font-weight: bold; color: #e50012; }
.footer .nr .linfo .address{ font-size: 16px; color: #666; margin-top: 5px; }
.footer .nr .linfo .ewm{ margin-top: 20px; }
.footer .nr .linfo .ewm .li{ float: left; width: 26%; margin-right: 2%; }
.footer .nr .linfo .ewm .li .tit{ font-size: 12px; color: #999; margin-top: 5px; text-align: center; }
.footer .nr .fnav{ float: left; width: 20%; box-sizing: border-box; padding-right: 20px; }
.footer .nr .fnav .tit{ font-size: 18px; color: #333; padding-left: 15px; background: url(../images/index_01.png) no-repeat left center; font-weight: 400; margin-bottom: 10px; }
.footer .nr .fnav a{ display: block; line-height: 30px; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color: #666; padding-left: 15px; }
.footer .nr .fnav a:hover{ color: #e50012; }
.footer .banq{ font-size: 14px; color: #ccc; margin-top: 25px; }
.footer .banq a{ color: #fff; text-decoration: underline; }
.footer .banq a:hover{ color: #e50012; }

.nybanner{ height: auto; overflow: hidden; }
.nybanner img{ width: 1920px; height: auto; }

.nynav{ padding: 30px 0; }
.nynav ul{ display: block; position: relative; width: 102%; left: -1%; }
.nynav ul li{ display: block; transition: all .5s; box-shadow: 0 0 15px rgba(0,0,0,.1); background: #fff; width: 18%; margin: 1%; float: left; box-sizing: border-box; position: relative; padding: 0 10px; font-size: 18px; color: #333; height: 60px; line-height: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; }
.nynav ul li i{ display: block; width: 35px; line-height: 35px; font-size: 14px; color: #e50012; background: #fff; position: absolute; right: -10px; top: 50%; margin-top: -18px; border-radius: 50%; transition: all .5s; opacity: 0; }
.nynav ul li:hover,.nynav ul li.on{ background: #e50012; color: #fff; padding-right: 65px; }
.nynav ul li:hover i,.nynav ul li.on i{ opacity: 1; right: 20px; }

.nypro ul li{ display: block; margin-bottom: 30px; background: #fff; padding: 15px 25px 15px 550px; position: relative; min-height: 375px; box-sizing: border-box; transition: all .5s; }
.nypro ul li .pic{ width: 500px; overflow: hidden; position: absolute; left: 0; top: 0; }
.nypro ul li .pic img{ width: 100%; height: 100%; transition: all .5s; position: absolute; left: 0; top: 0; }
.nypro ul li .tit{ padding: 30px 0 15px 0; }
.nypro ul li .tit .cn{ font-size: 30px; color: #e50012; margin-bottom: 0; font-weight: 500; }
.nypro ul li .jj{ font-size: 16px; color: #666; line-height: 30px; padding-top: 10px; border-top: 1px solid #dfdfdf; height: 91px; margin-bottom: 30px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.nypro ul li .more{ font-size: 16px; color: #333; }
.nypro ul li .more i{ width: 20px; height: 20px; border-radius: 50%; border: 1px solid #dfdfdf; text-align: center; line-height: 20px; font-size: 16px; margin-left: 10px; }
.nypro ul li:hover{ box-shadow: 0 0 15px rgba(0,0,0,.1); }
.nypro ul li:hover img{ transform: scale(1.05,1.05); }
.nypro ul li:hover .more{ color: #e50012; }
.nypro ul li:hover .more i{ background: #e50012; border: 1px solid #e50012; color: #fff; }
.nypro ul a:nth-child(even) li{ padding: 15px 550px 15px 25px; }
.nypro ul a:nth-child(even) li .pic{ right: 0; left: auto; }

.feny{ text-align: center; padding: 10px 0 40px; }
.feny a{ display: inline-block; width: 40px; line-height: 40px; background: #aaa; font-size: 14px; 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: #e50012; color: #fff; }

.showpro{ padding: 100px 0; border-top: 1px solid #eee; }
.showpro .lmtit{ font-size: 35px; color: #e50012; position: relative; font-weight: 400; line-height: 50px; margin-bottom: 40px; }
.showpro .lmtit:before{ width: 60px;; height: 2px; background: #e50012; content: ""; display: block; position: absolute; left: 0; bottom: -10px; }
.showpro .lmtit a{ font-size: 18px; font-weight: 300; float: right; color: #666; }
.showpro .lmtit a i{ border: 1px solid #ccc; width: 35px; text-align: center; font-size: 16px; line-height: 35px; border-radius: 50%; color: #666; margin-right: 10px; }
.showpro .lmtit a:hover{ color: #e50012; }
.showpro .lmtit a:hover i{ background: #e50012; border-color: #e50012; color: #fff; }
.showpro .info{ position: relative; padding-left: 750px; min-height: 525px; }
.showpro .info .pic{ width: 700px; position: absolute; left: 0; top: 0; box-shadow: 0 0 15px rgba(0,0,0,.1); }
.showpro .info .jj{ font-size: 16px; line-height: 30px; color: #666; margin-bottom: 40px; }
.showpro .info .jj .tit{ font-size: 20px; font-weight: 500; margin-bottom: 10px; color: #333; padding-top: 20px; }
.showpro .xian{ width: 100%; height: 1px; background: #eee; margin: 50px 0; clear: both; }
.showpro .detail{ font-size: 18px; line-height: 35px; }
.showpro .detail h3{ font-size: 28px; font-weight: 500; color: #e50012; padding-left: 15px; position: relative; display: block; margin-bottom: 10px; }
.showpro .detail h3:before{ content: ""; display: block; width: 4px; height: 30px; background: #e50012; position: absolute; left: 0; top: 50%; margin-top: -15px; }
.showpro .detail table{ width: 100%; }
.showpro .detail table tr td,.showpro .detail table tr th{ padding: 5px 10px; border: 1px solid #ccc; margin: 10px 0; }
.showpro .detail img{ max-width: 100%; margin: 10px 0; }
.showpro .pre{ padding-top: 30px; border-top: 1px solid #eee; margin-top: 50px; }
.showpro .pre .li{ display: block; height: 30px; line-height: 30px; font-size: 16px; color: #999; }

.proBanWc{background-size:100% 100%;position:relative;padding-bottom:4%}
.proBanWcNr{position:relative;width:62.5%;margin:0 auto;top:-1rem}
.proBanMk{position:absolute;width:243px;z-index:3;bottom:0;left:138%;display:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:20px;background-color:#fff;box-shadow:0 0 26px 1px rgba(0,0,0,.09);-webkit-box-shadow:0 0 26px 1px rgba(0,0,0,.09);border-radius:6px}
.proBanWcBz{position:absolute;cursor:pointer}
.proBanWcBz .proBanMk{transform:rotate(0)!important}
.proBanWcBz:hover .proBanMk{display:block}
.proBanWcBz:hover{z-index:5}
.proBanWcBz h3{border-radius:100%;position:relative}
.proBanWcBz h3{width:40px;height:40px;position:relative;margin:0 auto}
.proBanWcBz h3 span{display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:2;border-radius:50%;border:1px solid #e50012;-webkit-transform:scale(.5);transform:scale(.5)}
.proBanWcBz h3 span.s1{animation:ss2 3s linear infinite;-webkit-animation:ss2 3s linear infinite}
.proBanWcBz h3 span.s2{animation:ss2 3s linear .75s infinite;-webkit-animation:ss2 3s linear .75s infinite}
.proBanWcBz h3 span.s3{animation:ss2 3s linear 1.5s infinite;-webkit-animation:ss2 3s linear 1.5s infinite}
.proBanWcBz h3 span.s4{animation:ss2 3s linear 2.25s infinite;-webkit-animation:ss2 3s linear 2.25s infinite}
.proBanWcBz h3 span.s5{background:#e50012;transform:scale(.2);-moz-transform:scale(.2)}
@-moz-keyframes ss2{0%{-webkit-transform:scale(.5);-moz-transform:scale(.5);transform:scale(.5);opacity:1}
100%{-webkit-transform:scale(1.5);-moz-transform:scale(1.5);transform:scale(1.5);opacity:0}
}
@keyframes ss2{0%{-webkit-transform:scale(.5);-moz-transform:scale(.5);transform:scale(.5);opacity:1}
100%{-webkit-transform:scale(1.5);-moz-transform:scale(1.5);transform:scale(1.5);opacity:0}
}
.ban_nav{width:100%;position:absolute;left:0;top:74%;z-index:30}
.ban_nav ul{display:flex;justify-content:center;align-items:center;border-top:1px solid #fff;padding-top:15px}
.ban_nav ul li{width:300px;height:50px;background:rgba(255,255,255,.6);border-radius:50px;font-size:14px;line-height:50px;text-align:center;margin:0 15px;position:relative}
.ban_nav ul li::after{display:block;width:10px;height:10px;content:'';background:#fff;border-radius:100%;position:absolute;left:50%;top:-21px;transform:translateX(-50%)}
.ban_nav ul li a{display:block;width:100%;height:100%;color:#222}
.ban_nav ul li.on,.ban_nav ul li:hover{background:#e50012}
.ban_nav ul li.on a,.ban_nav ul li:hover a{color:#fff}
.ban_nav ul li.on::after,.ban_nav ul li:hover::after{background:#e50012}

.nysoljj{ position: relative; top: -70px; }
.nysoljj .nr{ max-width: 1200px; box-sizing: border-box; padding: 40px 50px; background: #fff; margin: 0 auto; box-shadow: 0 0 15px rgba(0,0,0,.1); }
.nysoljj .nr .entit{ font-size: 18px; color: #666; }
.nysoljj .nr .cntit{ font-size: 25px; color: #333; font-weight: 500; }
.nysoljj .nr .xian{ width: 33px; height: 4px; background: #e50012; margin: 15px 0; }
.nysoljj .nr .jj{ font-size: 18px; color: #666; }

.nysolpro{ padding: 0 0 70px; }
.nysolpro .enlmtit{ font-size: 16px; font-weight: bold; color: #999; }
.nysolpro .cnlmtit{ font-size: 30px; color: #333; font-weight: bold; }
.nysolpro .lmxian{ width: 33px; height: 4px; background: #e50012; margin: 15px 0 35px; }
.nysolpro .list ul{ display: block; position: relative; width: 102%; left: -1%; }
.nysolpro .list ul li{ display: block; width: 23%; margin: 1%; float: left; border-radius: 10px; box-shadow: 0 15px 15px rgba(0,0,0,.1); overflow: hidden; padding: 10px; box-sizing: border-box; }
.nysolpro .list ul li .tit{ height: 70px; font-size: 18px; font-weight: 500; padding: 0 20px; line-height: 70px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px solid #eee; margin-bottom: 10px; }
.nysolpro .list ul li .pic{ position: relative; overflow: hidden; }
.nysolpro .list ul li .pic img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: all .5s; }
.nysolpro .list ul li:hover .pic img{ transform: scale(1.1,1.1); }

.nyabout{ padding: 20px 0 60px; }
.nyabout .nr{ padding-right: 750px; position: relative; min-height: 480px; }
.nyabout .nr .pic{ width: 700px; position: absolute; right: 0; top: 0; }
.nyabout .nr .lmtit{ margin-bottom: 10px; }
.nyabout .nr .lmtit .cn{ font-size: 40px; font-weight: 500; color: #333; display: inline-block; }
.nyabout .nr .lmtit .en{ font-size: 18px; color: #666; display: inline-block; margin-left: 10px; position: relative; }
.nyabout .nr .tit{ font-size: 25px; font-weight: 500; color: #e50012; margin-bottom: 10px; }
.nyabout .nr .wz{ font-size: 18px; line-height: 32px; color: #666; }

.nyshengcsb{ padding: 60px 0; background: #f5f5f5; }
.nyshengcsb .lmtit{ margin-bottom: 10px; }
.nyshengcsb .lmtit .cn{ font-size: 40px; font-weight: 500; color: #333; display: inline-block; }
.nyshengcsb .lmtit .en{ font-size: 18px; color: #666; display: inline-block; margin-left: 10px; position: relative; }
.nyshengcsbnr{ position: relative; padding-bottom: 30px; }
.nyshengcsbnr .bd ul{ width: 102%; position: relative; left: -1%; }
.nyshengcsbnr .bd ul li{ display: block; float: left; width: 23%; margin: .5% 1%; }
.nyshengcsbnr .bd ul li .pic{ overflow: hidden; position: relative; }
.nyshengcsbnr .bd ul li .pic img{ transition: all .5s; position: absolute; width: 100%; height: 100%; }
.nyshengcsbnr .bd ul li .tit{ height: 40px; line-height: 40px; font-size: 18px; color: #666; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nyshengcsbnr .bd ul li:hover .pic img{ transform: scale(1.1,1.1); }
.nyshengcsbnr .hd{ position: absolute; width: 100%; line-height: 30px; left: 0; bottom: 0; text-align: center; }
.nyshengcsbnr .hd a{ display: inline-block; font-size: 20px; margin: 0 5px; vertical-align: middle; }
.nyshengcsbnr .hd ul{ display: inline-block; vertical-align: middle; }
.nyshengcsbnr .hd ul li{ cursor: pointer; vertical-align: middle; display: inline-block; overflow: hidden; line-height: 999px; width: 8px; height: 8px; background: #7d7d7d; border-radius: 50%; margin: 0 4px; position: relative; top: 2px; }
.nyshengcsbnr .hd ul li.on{ background: #e50012; }

.nyabouthonor{ padding: 15px 0 60px; }
.nyabouthonor .lmtit{ margin-bottom: 15px; }
.nyabouthonor .lmtit .cn{ font-size: 40px; font-weight: 500; color: #333; display: inline-block; }
.nyabouthonor .lmtit .en{ font-size: 18px; color: #666; display: inline-block; margin-left: 10px; position: relative; }
.nyabouthonor .nr{ position: relative; left: -5px; width: calc(100% + 10px); width: -webkit-calc(100% + 10px); width: -moz-calc(100% + 10px); }
.nyabouthonor .nr ul li{ display: block; width: 20%; float: left; }
.nyabouthonor .nr ul li a{ padding: 0 5px; display: block; }
.nyabouthonor .nr ul li .li .pic{ padding: 15px; background: #e9e9e9; }
.nyabouthonor .nr ul li .li .pic1{ overflow: hidden; position: relative; border: 1px solid #e8d0b9; }
.nyabouthonor .nr ul li .li .fgc{ opacity: 0; transition: all .5s; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,.5); left: 0; top: 0; }
.nyabouthonor .nr ul li .li .fgc .stit{ color: #fff; font-size: 16px; margin-top: 10px; }
.nyabouthonor .nr ul li .li:hover .fgc{ opacity: 1; }
.nyabouthonor .nr ul li .li:hover .pic{ background: #e50012; }
.nyabouthonor .nr ul li .li .tit{ font-size: 18px; color: #3e3e3e; height: 40px; line-height: 40px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nyabouthonor .nr .sxp{ text-align: center; margin-top: 20px; }
.nyabouthonor .nr .sxp a{ display: inline-block; margin: 0 10px; width: 50px; height: 50px; background: #333; border-radius: 50%; text-align: center; line-height: 46px; font-size: 30px; color: #fff; }
.nyabouthonor .nr .sxp a:hover{ background: #e50012; }

.nypar{padding:15px 0 60px}
.nypar ul{display:block;position:relative;width:101%;left:-.5%;height:400px;overflow:hidden}
.nypar ul li{display:block;width:15.666666%;margin:0 .5% 1%;float:left;border:1px solid #dfdfdf;background:#fff;box-sizing:border-box}
.nypar ul li:hover{border:1px solid #e50012;}
.nypar .more{position:absolute;text-align:center;width:100%;height:150px;bottom:0;left:0;background:url(../images/ny_28.png) repeat-x center;line-height:220px;font-size:14px;color:#666;cursor:pointer}
.nypar .more:hover{ color: #e50012; }

.nyzhuanli{ padding: 15px 0 60px; }
.nyzhuanli ul{ display: block; position: relative; width: 101%; left: -.5%; display: flex; flex-wrap: wrap; }
.nyzhuanli ul li{ display: block; width: 24%; margin: .5%; background: #f5f5f5; border-radius: 20px; box-sizing: border-box; padding: 40px 20px; }
.nyzhuanli ul li .ico{ width: 80px; height: 80px; line-height: 80px; border-radius: 50%; background: #e50012; text-align: center; margin: 0 auto 15px; transition: all .5s; }
.nyzhuanli ul li .ico img{ max-height: 60px; }
.nyzhuanli ul li .tit{ font-size: 20px; text-align: center; }
.nyzhuanli ul li:hover .ico{ transform: rotateY(180deg); }

.nynews{ padding-bottom: 15px; }
.nynews ul{ display: block; position: relative; width: 101%; left: -.5%; display: flex; flex-wrap: wrap; }
.nynews ul li{ display: block; width: 49%; margin: 0 .5% 1%; background: #fff; float: left; padding: 20px 25px; box-sizing: border-box; }
.nynews ul li .pic{ display: none; }
.nynews ul li .date{ font-size: 16px; color: #999; margin-bottom: 10px; }
.nynews ul li .date span{ color: #333; font-size: 28px; font-weight: 500; margin-right: 10px; }
.nynews ul li .tit{ font-size: 20px; line-height: 28px; height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 10px; transition: all .5s; }
.nynews ul li .jj{ font-size: 16px; color: #666; line-height: 25px; height: 75px; margin-bottom: 15px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.nynews ul li:hover .pic img{ transform: scale(1.1,1.1); }
.nynews ul li:hover .inmoreann{ background: #e50012; color: #fff; }
.nynews ul li:hover .inmoreann i{ border-color: #fff; }
.nynews ul li:nth-child(1){ width: 99%; padding: 80px 40px 80px 650px; min-height: 460px; }
.nynews ul li:nth-child(1) .pic{ display: block; width: 600px; position: absolute; left: 25px; top: 25px; overflow: hidden; }
.nynews ul li:nth-child(1) .pic img{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; transition: all .5s; }
.nynews ul li:nth-child(1) .tit{ margin-bottom: 40px; }
.nynews ul li:nth-child(1) .jj{ margin-bottom: 50px; }

.shownews{ padding: 100px 0; }
.shownews .nr .leftnr{ width: calc(100% - 410px); float: left; }
.shownews .nr .leftnr .tit{ font-size: 30px; color: #e50012; margin-bottom: 10px; }
.shownews .nr .leftnr .date{ font-size: 16px; color: #999; margin-bottom: 30px; }
.shownews .nr .leftnr .date span{ display: inline-block; margin-right: 20px; }
.shownews .nr .leftnr .wz{ font-size: 18px; line-height: 35px; padding: 40px 0 0; border-top: 1px solid #eee; }
.shownews .nr .leftnr .wz h3{ font-size: 28px; font-weight: 500; color: #e50012; padding-left: 15px; position: relative; display: block; margin-bottom: 10px; }
.shownews .nr .leftnr .wz h3:before{ content: ""; display: block; width: 4px; height: 30px; background: #e50012; position: absolute; left: 0; top: 50%; margin-top: -15px; }
.shownews .nr .leftnr .wz table{ width: 100%; }
.shownews .nr .leftnr .wz table tr td,.shownews .nr .leftnr .wz table tr th{ padding: 5px 10px; border: 1px solid #ccc; margin: 10px 0; }
.shownews .nr .leftnr .wz img{ max-width: 100%; margin: 10px 0; }
.shownews .nr .leftnr .pre{ padding-top: 30px; border-top: 1px solid #eee; margin-top: 40px; padding-right: 200px; position: relative; }
.shownews .nr .leftnr .pre .li{ display: block; height: 30px; line-height: 30px; font-size: 16px; color: #999; }
.shownews .nr .leftnr .pre .fanh{ transition: all .5s; display: block; width: 160px; line-height: 50px; border: 1px solid #e50012; color: #e50012; font-size: 16px; position: absolute; right: 0; top: 35px; text-align: center; }
.shownews .nr .leftnr .pre .fanh:hover{ background: #e50012; color: #fff; }
.shownews .nr .renews{ float: right; width: 335px; }
.shownews .nr .renews .lmtit{ font-weight: 500; font-size: 22px; padding-left: 15px; position: relative; margin-bottom: 10px; }
.shownews .nr .renews .lmtit:before{ width: 3px; height: 20px; background: #e50012; left: 0; top: 50%; margin-top: -8px; content: ""; display: block; position: absolute; }
.shownews .nr .renews ul li{ display: block; padding: 15px 0; border-bottom: 1px solid #eee; }
.shownews .nr .renews ul li .pic{ display: none; }
.shownews .nr .renews ul li .date{ font-size: 14px; font-weight: bold; color: #999; }
.shownews .nr .renews ul li .tit{ font-size: 18px; line-height: 30px; color: #666; }
.shownews .nr .renews ul li:hover .tit{ color: #e50012; }
.shownews .nr .renews ul a:nth-child(1) li .pic{ display: block; margin-bottom: 10px; }

.nypage{ padding: 15px 0 60px;  font-size: 18px; line-height: 35px; }
.nypage h3{ font-size: 28px; font-weight: 500; color: #e50012; padding-left: 15px; position: relative; display: block; margin-bottom: 10px; }
.nypage h3:before{ content: ""; display: block; width: 4px; height: 30px; background: #e50012; position: absolute; left: 0; top: 50%; margin-top: -15px; }
.nypage table{ width: 100%; }
.nypage table tr td,.nypage table tr th{ padding: 5px 10px; border: 1px solid #ccc; margin: 10px 0; }
.nypage img{ max-width: 100%; margin: 10px 0; }

.nyrec{ padding: 15px 0 60px; }
.nyrec .nyrecjj{ padding-right: 780px; min-height: 325px; position: relative; margin-bottom: 50px; }
.nyrec .nyrecjj .tit{ font-size: 24px; color: #333; margin-bottom: 20px; font-weight: 500; }
.nyrec .nyrecjj .wz{ font-size: 18px; line-height: 35px; color: #666; }
.nyrec .nyrecjj .con{ width: 750px; box-sizing: border-box; padding: 70px; background: #f5f5f5; position: absolute; right: 0; top: 0; font-size: 18px; color: #696969; line-height: 50px; }
.nyrec .nyrecjj .con span{ display: block; font-size: 30px; font-weight: bold; color: #363636; }

.nyreclist .lmtit{ line-height: 70px; color: #fff; background: #333; font-size: 18px; padding: 0 25px; }
.nyreclist .lmtit img{ margin-right: 10px; }
.nyreclist .lmtit span{ display: block; float: left; }
.nyreclist .lmtit span.span1{ width: 23%; }
.nyreclist .lmtit span.span2{ width: 8%; }
.nyreclist ul li{ display: block; padding: 15px; background: #e8e8e8; line-height: 30px; font-size: 16px; color: #4a4a4a; cursor: pointer; }
.nyreclist ul li span{ display: block; float: left; }
.nyreclist ul li span.span1{ width: 23%; }
.nyreclist ul li span.span2{ width: 8%; }
.nyreclist ul li em{ display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 20px; color: #fff; border-radius: 50%; background: #e50012; float: right; }
.nyreclist ul li.on{ background: #fff; border-bottom: 1px solid #dfdfdf; }
.nyreclist ul .erji{ display: none; padding: 30px; }
.nyreclist ul .erji .wz{ padding-right: 20px; box-sizing: border-box; font-size: 16px; color: #666; line-height: 30px; }
.nyreclist ul .erji .wz .tit{ font-size: 20px; font-weight: 500; color: #4a4a4a; margin-bottom: 10px; }
.nyreclist ul .erji .ann{ display: block; width: 150px; height: 40px; line-height: 40px; background: #e50012; font-size: 16px; color: #fff; text-align: center; float: right; margin-top: 50px; }
.nyreclist ul .erji .ann:hover{ opacity: .9; }

.nyvideo ul{ display: flex; flex-wrap: wrap; position: relative; margin-bottom: 0; width: 101%; left: -.5%; }
.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: 18px; text-align: center; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 5px; 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:#e50012; color:#fff; }
.videoxf .nr iframe{ display: block; width: 100%; height: 450px; border-radius: 8px; }

.nydown ul li{ opacity: .5; position: relative; display: block; margin: 0 0 1%; background: #f5f5f5; height: 80px; line-height: 80px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 100px 0 15px; border: 1px solid #ddd; box-sizing: border-box; font-size: 18px; color: #333; }
.nydown ul li .ico{ width: 100px; text-align: center; position: absolute; right: 0; top: 0; }
.nydown ul li:hover{ opacity: 1; }

.nymesswz{ padding: 15px 0 60px;  font-size: 18px; line-height: 35px; }
.nymesswz h3{ font-size: 28px; font-weight: 500; color: #e50012; padding-left: 15px; position: relative; display: block; margin-bottom: 10px; }
.nymesswz h3:before{ content: ""; display: block; width: 4px; height: 30px; background: #e50012; position: absolute; left: 0; top: 50%; margin-top: -15px; }
.nymesswz table{ width: 100%; margin: 10px 0; table-layout:fixed; border: 0; }
.nymesswz table strong{ font-size: 30px; }
.nymesswz table tr td,.nymesswz table tr th{ margin: 10px 0; border: 0; }
.nymesswz img{ max-width: 100%; margin: 10px 0; }

.nymess{ padding: 0 0 60px; }
.nymess .lmtit{ font-size: 28px; font-weight: 500; color: #e50012; padding-left: 15px; position: relative; display: block; margin-bottom: 10px; }
.nymess .lmtit:before{ content: ""; display: block; width: 4px; height: 30px; background: #e50012; position: absolute; left: 0; top: 50%; margin-top: -15px; }
.nymess .li{ margin-bottom: 20px; }
.nymess .li.li1{ width: 49%; margin-right: 1%; float: left; }
.nymess .li .text{ box-sizing: border-box; width: 100%; height: 60px; padding: 0 20px; font-size: 18px; color: #333; border: 1px solid #ddd; }
.nymess .li.li2{ width: 99%; margin-right: 1%; }
.nymess .li .textarea{ padding: 10px 20px; font-size: 18px; line-height: 25px; border: 1px solid #e3e3e3; width: 100%; box-sizing: border-box; height: 122px }
.nymess .sub{ outline: none; width: 150px; height: 50px; background: #e50012; font-size: 18px; color: #fff; margin-right: 20px; }
.nymess .reset{ outline: none; width: 150px; height: 50px; background: #ccc; font-size: 18px; color: #333; cursor: pointer; }
.nymess .sub:hover{ background: #333; color: #fff; }
.nymess .reset:hover{ background: #333; color: #fff; }

.nycontact{ padding: 15px 0 60px; }
.nycontact .list{ margin: 35px 0 20px; }
.nycontact .list ul{ display: block; width: 101%; left: -.5%; position: relative; display: flex; flex-wrap: wrap; }
.nycontact .list ul li{ display: block; background: #f5f5f5; width: 32.333%; margin: 0 .5%; float: left; text-align: center; padding: 20px; box-sizing: border-box; }
.nycontact .list ul li .ico{ font-size: 35px; line-height: 50px; margin-bottom: 5px; }
.nycontact .list ul li .jj{ display: inline-block; text-align: left; font-size: 18px; line-height: 35px; }
.nycontact #map{ height: 300px; }

.nynetwork{ padding: 0 0 60px; }
.nynetwork .nr{ position: relative; margin-top: 35px; padding-right: 750px; min-height: 570px; }
.nynetwork .nr .rightmap{ position: absolute; right: 0; top: 0; width: 700px; }
.nynetwork .leftwz{ font-size: 18px; line-height: 35px; }
.nynetwork .leftwz i{ display: inline-block; width: 30px; text-align: center; color: #e50012; }
.nynetwork .leftwz .lmtit{ font-size: 28px; font-weight: 500; color: #e50012; padding-left: 15px; position: relative; display: block; margin-bottom: 15px; margin-top: 30px; }
.nynetwork .leftwz .lmtit:before{ content: ""; display: block; width: 4px; height: 30px; background: #e50012; position: absolute; left: 0; top: 50%; margin-top: -15px; }
.nynetwork .leftwz .li{ margin-bottom: 20px; }
.nynetwork .leftwz.li.li1{ width: 49%; margin-right: 1%; float: left; }
.nynetwork .leftwz .li .text{ box-sizing: border-box; width: 100%; height: 60px; padding: 0 20px; font-size: 18px; color: #333; border: 1px solid #ddd; }
.nynetwork .leftwz .li.li2{ width: 99%; margin-right: 1%; }
.nynetwork .leftwz .li .textarea{ padding: 10px 20px; font-size: 18px; line-height: 25px; border: 1px solid #e3e3e3; width: 100%; box-sizing: border-box; height: 122px }
.nynetwork .leftwz .sub{ outline: none; width: 150px; height: 50px; background: #e50012; font-size: 18px; color: #fff; margin-right: 20px; }
.nynetwork .leftwz .reset{ outline: none; width: 150px; height: 50px; background: #ccc; font-size: 18px; color: #333; cursor: pointer; }
.nynetwork .leftwz .sub:hover{ background: #333; color: #fff; }
.nynetwork .leftwz .reset:hover{ background: #333; color: #fff; }

.ino-dot{position:absolute;width:6px;height:6px;background:#ec1b24;border-radius:50%;transition:ease .5s}
.ino-dot h3{font-size:16px;line-height:28px;color:#333;min-width:35px;position:absolute;top:150%;left:-100%}
.ino-dot h3.inodot-le{left:-500%;top:-100%}
.ino-dot h3.inodot-wi{color:#fff}
.ino-dot9 h3{left:300%;top:-100%}
.ino-dot3 h3{left:200%;top:-200%}
.ino-dot:before{position:absolute;content:'';width:100%;height:100%;top:0;left:0;opacity:0;border-radius:50%;background:radial-gradient(circle,#ec1b24,rgba(236,27,36,.3));-webkit-animation:kuosan-1 2s linear infinite;animation:kuosan-1 2s linear infinite;-webkit-animation-delay:750ms;animation-delay:750ms}
.ino-dot:after{position:absolute;content:'';width:100%;height:100%;top:0;left:0;opacity:0;border-radius:50%;background:radial-gradient(circle,#ec1b24,#ec1b24);-webkit-animation:kuosan-1 2s linear infinite;animation:kuosan-1 2s linear infinite;z-index:0;-webkit-animation-delay:1.5s;animation-delay:1.5s}
.inodot-txt{min-width:328px;position:absolute;display:none;padding-bottom:16px;bottom:216%;left:-1772%;z-index:5}
.inodot-txt>div{background:rgba(236,27,36,.7);border-radius:5px;padding:19px 18px 17px}
.inodot-txt h4{font-size:20px;line-height:30px; margin-bottom: 10px; color:#fff}
.inodot-txt p{font-size:14px;line-height:25px;color:#fff}
.ino-dot:hover .inodot-txt{ display: block; }
@-webkit-keyframes kuosan-1{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}
100%{-webkit-transform:scale(5);transform:scale(5);opacity:0}
}
@keyframes kuosan-1{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}
100%{-webkit-transform:scale(5);transform:scale(5);opacity:0}
}
@-webkit-keyframes kuosan-2{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}
25%{-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg)}
50%{-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg)}
75%{-webkit-transform:rotateZ(270deg);transform:rotateZ(270deg)}
100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}
}
@keyframes kuosan-2{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}
25%{-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg)}
50%{-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg)}
75%{-webkit-transform:rotateZ(270deg);transform:rotateZ(270deg)}
100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}
}

.nysearch{ padding:  0 0 30px; }
.nysearch ul li .tit .cn{ color: #333; }

.nycontact1{ padding: 15px 0 60px; }
.nycontact1 .hd{ padding: 35px 0; }
.nycontact1 .hd ul{ display: block; border-left: 1px solid #666; border-top: 1px solid #666; }
.nycontact1 .hd ul li{ display: block; line-height: 50px; width: 33.333%; box-sizing: border-box; border-right: 1px solid #666; border-bottom: 1px solid #666; float: left; text-align: center; font-size: 18px; cursor: pointer; }
.nycontact1 .hd ul li.on{ background: #e50012; color: #fff; }
.nycontact1 .bd .info{ position: relative; padding: 35px 850px 35px 35px; background: #f5f5f5; margin-bottom: 35px; }
.nycontact1 .bd .info .pic{ width: 800px; height: 100%; position: absolute; right: 0; top: 0; }
.nycontact1 .bd .info .tit{ font-size: 25px; color: #111; font-weight: bold; margin-bottom: 10px; }
.nycontact1 .bd .info .jj{ font-size: 16px; line-height: 30px; }