@charset "utf-8";

.content{ max-width: 1520px; 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: #0068b7;}
.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(../img/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: 1400px; }
.tishi{ text-align: center; color: #333; font-size: 14px; }
.tupian{ width: 100%; background: #f1f1f1; max-height: 410px;object-fit: cover;}
.oneh{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.webshow{ display: block !important; }
.wapshow{ display: none !important; }

.middle_holder { display: inline-block; font-size: 0; width: 0; height: 50px;vertical-align: middle;}
.middle {display: inline-block;vertical-align: middle; width: 100%;}
.nav_handle { display: none; position: relative; width: 27px; padding: 0 0 0 15px; cursor: pointer; float: right; }
.nav_handle b { width: 27px; height: 10px; position: relative; }
.nav_handle b i { display: block; position: absolute; left: 0; right: 0; height: 2px; background-color: #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: #0068b7;}
.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: 98; text-align: center; line-height: 30px; height: 30px; width: 100%; position: absolute; left: 0; bottom: 10px; }
.banner .pagination .swiper-pagination-switch{ cursor: pointer; width: 15px; height: 15px; display: inline-block; margin: 0 8px; border-radius: 50%; box-sizing: border-box; border: 2px solid #fff; }
.banner .pagination .swiper-active-switch{ background: #0068b7; border-color: #0068b7; }
.banner .banner-left{ display: none; position: absolute; opacity: .8; font-size: 50px; color: #fff; left: 20px; top: 50%; width: 40px; height: 110px; line-height: 110px; margin-top: -55px; }
.banner .banner-right{ display: none; position: absolute; opacity: .8; font-size: 50px; color: #fff; right: 20px; top: 50%; width: 40px; height: 110px; line-height: 110px; margin-top: -55px; }
.banner .banner-left:hover,.banner .banner-right:hover{ opacity: 1; }

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

.intop{ background: #0068b7; padding: 8px 0; line-height: 24px; color: #fff; font-size: 16px; }
.intop a{ color: #fff; }
.intop a:hover{ text-decoration: underline; color: #fff; }
.intop .fenx{ float: left; }
.intop .fenx a{ margin-right: 15px; }
.intop .fenx a:hover{ opacity: .8; }
.intop .an{ margin-left: 70px; float: left; }
.intop .an i{ margin-left: 5px; }
.intop .phone{ float: left; margin-left: 90px; }
.intop .fr a.on{ color: #ffcc66; }
.intop .xzlang{ display: inline-block; position: relative; }
.intop .xzlang:hover .xf{ display: block; }
.intop .xzlang .ann{ cursor: pointer; }
.intop .xzlang .xf{ display: none; width: 100px; background: #0068b7; position: absolute; left: 50%; margin-left: -50px; top: 100%; z-index: 9999; padding: 5px 0; }
.intop .xzlang .xf a{ display: block; height: 25px; line-height: 25px; font-size: 12px; text-align: center; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.header .logo{  float: left; margin-top: 48px;}
.header .content{ position: relative; }
.header .inmuen{ float: right; margin-top: 43px; }
.header .inmuen > ul > li{ display: block; line-height: 110px; float: left;position:relative }
.header .inmuen > ul > li:hover > a,.header .inmuen ul > li.on > a{ color: #0068b7; }
.header .inmuen > ul > li > a{ display: block; padding: 0 30px; font-size: 18px; color: #1c1c1c; }
.header .inmuen > ul > li .erji{ display: none; position: absolute;  background: #f2f2f2;  top: 100%; z-index: 99;width:100%;left:50%;transform:translateX(-50%)}
.header .inmuen > ul > li .erji:after{ position: absolute; display: block; content: ""; top: 0; right: 100%; background: #f2f2f2; width: 10000px; height: 100%; right: 100%; }
.header .inmuen > ul > li .erji:before{ position: absolute; display: block; content: ""; top: 0; left: 100%; background: #f2f2f2; width: 10000px; height: 100%; right: 100%; }
.header .inmuen > ul > li:hover .erji{ display: block; }
.header .inmuen > ul > li .anq{ width: 102%; position: relative; left: -1%; padding: 30px 0 65px;  }
.header .inmuen > ul > li .anq .li{ width: 18%; margin: 0 1%; float: left; text-align: center; }
.header .inmuen > ul > li .anq .li .pic{ margin-bottom: 20px; }
.header .inmuen > ul > li .anq .li .tit{ font-size: 18px; color: #4a4a4a; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.header .inmuen > ul > li .anq .li a{ display: block; font-size: 16px; color: #808080; height: 28px; line-height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.header .inmuen > ul > li .anq .li a:hover{ color: #0068b7; text-decoration: underline; }
.header .inmuen > ul > li .chel{ padding: 0 0 0 230px;  }
.header .inmuen > ul > li .chel .hd{ position: absolute; left: 50%; top: 0; border-top: 1px solid #f2f2f2;transform:translateX(-50%); }
.header .inmuen > ul > li .chel .hd ul li{ display: block;background-color:#f2f2f2; }
.header .inmuen > ul > li .chel .hd ul li a{ display: block; border-bottom: 1px solid #cfcfcf; line-height: 50px; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 30px 0 16px; font-size: 18px; color: #363636; }
.header .inmuen > ul > li .chel .hd ul li a i{ position: absolute; right: 10px; top: 24px; }
.header .inmuen > ul > li .chel .hd ul li.on a{ color: #0068b7; }
.header .inmuen > ul > li .chel .bd{ min-height: 450px; position: relative; padding: 10px 800px 25px 35px; background: #fff; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; }
.header .inmuen > ul > li .chel .bd .pic{ width: 785px; position: absolute; right: 0; top: 0; }
.header .inmuen > ul > li .chel .bd .list{ height: 450px; overflow-y: scroll; }
.header .inmuen > ul > li .chel .bd .list a{ display: block; height: 33px; line-height: 33px; font-size: 15px; color: #828282; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.header .inmuen > ul > li .chel .bd .list a:hover{ color: #0068b7; }
.header .insearch{ float: left; position: absolute; right:0px; top:30px; }
.header .insearch .ann{ opacity:0; display: block; width: 26px; height: 26px; line-height: 26px; background: #0068b7; font-size: 14px; color: #fff; text-align: center; border-radius: 3px; }
.header .insearch .ann.kai{ display: none; }
.header .insearch .ann.guan{ display: block; }
.header .insearch .nr{ width: 0px; opacity: 0; padding: 0; transition: all .5s; position: absolute; background: #f1f1f1; height: 40px; line-height: 40px; font-size: 14px; right: 0; top: 50%; margin-top: -20px; border-radius: 5px; overflow: hidden; }
.header .insearch .nr .text{ width: 100%; height: 40px; }
.header .insearch .nr .sub{ width: 60px; height: 40px; background: #0068b7; position: absolute; right: 0; top: 0; color: #fff; }
.header .insearch .nr.on{ width: 300px; opacity: 1; padding: 0 60px 0 15px; }

.inpronav{ padding: 20px 0; background: #0068b7; }
.inpronav ul{ display: block; position: relative; width: 102%; left: -1%; }
.inpronav ul li{ transition: all .5s; display: block; width: 10.5%; float: left; margin: 0 1%; text-align: center; opacity: .3; }
.inpronav ul li .ico{ margin-bottom: 20px; }
.inpronav ul li .tit{ height: 30px; line-height: 30px; font-size: 16px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.inpronav ul li:hover{ opacity: 1; }

.inched{ padding: 30px 0; }
.inched ul{ display: block; position: relative; width: 102%; left: -1%; }
.inched ul li{ display: block; width: 48%; float: left; margin: 1%; background: #f2f2f2; }
.inched ul li .pic{ overflow: hidden; }
.inched ul li .pic img{ transition: all .5s; }
.inched ul li .wz{ padding: 20px; }
.inched ul li .wz .tit{ font-size: 22px; color: #1c1c1c; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; }
.inched ul li .wz .jj{ text-align: center; font-size: 16px; color: #4a4a4a; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 10px; }
.inched ul li .wz .ann{ width: 110px; height: 30px; line-height: 30px; border: 1px solid #b5b5b5; border-radius: 5px; font-size: 16px; color: #828282; text-align: center; margin: 0 auto; }
.inched ul li .wz .ann:hover{ background: #0068b7; border-color: #0068b7; color: #fff; }
.inched ul li:hover .pic img{ transform: scale(1.1,1.1); }

.inabout{ padding: 60px 0 70px; }
.inabout .nr{ position: relative; padding-left: 665px; }
.inabout .nr .lmtit{ font-size: 60px; font-weight: bold; color: #0068b7; position: absolute; left: 0; top: 50%; line-height: 80px; margin-top: -40px; }
.inabout .nr .jj{ font-size: 16px; line-height: 30px; color: #696969; margin-bottom: 50px; }
.inabout .nr .stit{ font-size: 18px; color: #0068b7; margin-bottom: 25px; }
.inabout .nr .ann{ width: 200px; height: 60px; line-height: 60px; font-size: 18px; background: #0068b7; display: block; color: #fff; border-radius: 10px; text-align: center; }
.inabout .nr .ann:hover{ opacity: .9; }

.inanq .lmtit{ padding: 70px 0; color: #fff; }
.inanq .lmtit .stit{ font-size: 48px; font-weight: bold; margin-bottom: 20px; }
.inanq .nr{ background: #808080; }
.inanq .nr .left{ width: 40%; float: left; padding-top: 160px; color: #fff; min-height: 650px; box-sizing: border-box; }
.inanq .nr .left .tit{ font-size: 48px; font-weight: bold; margin-bottom: 25px; }
.inanq .nr .left .jj{ font-size: 16px; line-height: 30px; }
.inanq .nr .right{ box-sizing: border-box; width: 60%; float: left; min-height: 650px; padding: 40px 0 0 155px; background: url(../img/index_09.jpg) no-repeat left center #0068b7; position: relative; }
.inanq .nr .right:before{ content: ""; display: block; width: 10000px; height: 100%; background: #0068b7; left: 100%; position: absolute; top: 0; }
.inanq .nr .right .bli{ width: 50%; box-sizing: border-box; padding: 0 30px; float: left; }
.inanq .nr .right .bli .sli{ margin-bottom: 50px; }
.inanq .nr .right .bli .sli .tit{ height: 35px; line-height: 35px; border-bottom: 1px solid #fff; font-size: 18px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 10px; text-align: center; }
.inanq .nr .right .bli .sli a{ display: block; font-size: 16px; color: #fff; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; border-bottom: 1px dashed #fff; opacity: .5; }
.inanq .nr .right .bli .sli a:hover{ opacity: 1; }

.inpro{ padding: 55px 0; } 
.inpro .nr{ padding-right: 720px; position: relative; min-height: 384px; }
.inpro .nr .lmtit{ position: absolute; right: 0; top: 50%; width: 530px; margin-top: -192px; }
.inpro .nr .lmtit .tit{ height: 64px; line-height: 64px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 48px; font-weight: bold; color: #1c1c1c; margin-bottom: 50px; }
.inpro .nr .lmtit .jj{ font-size: 16px; line-height: 30px; color: #828282; margin-bottom: 90px; height: 120px; overflow: hidden; }
.inpro .nr .lmtit .ann{ display: block; width: 260px; height: 60px; line-height: 60px; font-size: 18px; text-align: center; border-radius: 10px; background: #0068b7; color: #fff; }
.inpro .nr .lmtit .ann:hover{ opacity: .9; }
.inpro .nr .list ul{ position: relative; width: 102%; left: -1%; }
.inpro .nr .list ul li{ display: block; margin: 1%; width: 31.33333%; float: left; border: 1px solid #cfcfcf; box-sizing: border-box; position: relative; }
.inpro .nr .list ul li .pic{ overflow: hidden; }
.inpro .nr .list ul li .pic img{ transition: all .5s; }
.inpro .nr .list ul li:hover img{ transform: scale(1.1,1.1); }
.inpro .nr .list ul li .fgc{ opacity: 0; transition: all .5s; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,.5); color: #fff; padding: 10px; box-sizing: border-box; left: 0; top: 0; font-size: 16px; line-height: 30px; }
.inpro .nr .list ul li:hover .fgc{ opacity: 1; }

.inadv{ padding: 115px 0; font-size: 60px; font-weight: bold; color: #fff; text-align: center; }

.injinr{ padding: 50px 0; }
.injinr .ann{ width: 291px; margin: 0 auto; transition: all .5s; }
.injinr .ann .tit{ font-size: 18px; color: #18428c; line-height: 30px; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; }
.injinr .ann:hover{ transform: translateY(-10px); }

.footer{ padding: 110px 0; background: #0068b7; }
.footer .left{ width: 310px; float: left; }
.footer .left .flogo{ margin-bottom: 30px; }
.footer .left .fenx{ margin-bottom: 30px; }
.footer .left .fenx .tit{ font-size: 18px; color: #ffcc66; margin-bottom: 10px; }
.footer .left .fenx a{ display: inline-block; color: #ffcc66; font-size: 40px; margin-right: 10px; }
.footer .left .phone{ font-size: 18px; color: #ffcc66; }
.footer .fnav{ width: 320px; margin-left: 75px; float: left; }
.footer .fnav .tit{ height: 35px; line-height: 35px; border-bottom: 1px solid #fff; font-size: 18px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 10px; text-align: center; }
.footer .fnav a{ display: block; font-size: 16px; color: #fff; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; border-bottom: 1px dashed #fff; opacity: .5; }
.footer .fnav a:hover{ opacity: 1; }
.banq{ padding: 10px 0; background: #353535; font-size: 16px; color: #aeaeae; text-align: center; line-height: 25px; }

.nybanner{ padding: 135px 10px; color: #fff; text-align: center; }
.nybanner .tit{ font-size: 48px; font-weight: bold; margin-bottom: 10px; }
.nybanner .jj{ font-size: 18px; }
.nybanner .jj a{ color:#fff; }

.nysupp{ padding: 60px 0; }
.nysupp .lmtit{ font-size: 40px; font-weight: bold; color: #1c1c1c; text-align: center; margin-bottom: 15px; }
.nysupp .lmstit{ font-size: 30px; color: #363636; text-align: center; margin-bottom: 10px; }
.nysupp .lmjj{ font-size: 18px; color: #828282; text-align: center; padding-bottom: 40px; border-bottom: 1px dashed #cfcfcf; margin-bottom: 85px; }
.nysupp .nr{ position: relative; padding-right: 725px; min-height: 950px; }
.nysupp .nr ul li{ display: block; margin-bottom: 55px; padding-left: 280px; position: relative; min-height: 180px; }
.nysupp .nr ul li .pic{ width: 255px; position: absolute; left: 0; top: 0; }
.nysupp .nr ul li .tit{ margin-bottom: 10px; font-size: 30px; color: #0068b7; font-weight: bold; height: 45px; line-height: 45px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nysupp .nr ul li .jj{ margin-bottom: 15px; font-size: 16px; color: #696969; line-height: 25px; }
.nysupp .nr ul li .ann{ width: 125px; height: 40px; line-height: 40px; font-size: 16px; color: #fff; text-align: center; border-radius: 5px; background: #0068b7; }
.nysupp .nr ul li .ann:hover{ opacity: .9; }
.nysupp .mess{ width: 560px; box-sizing: border-box; background: #f2f2f2; padding: 40px 45px 100px; position: absolute; right: 0; top: 0; }
.nysupp .mess .tit{ font-size: 18px; color: #4a4a4a; margin-bottom: 5px; }
.nysupp .mess .text{ font-size: 14px; color: #333; border: 1px solid #cfcfcf; height: 40px; padding: 0 15px; box-sizing: border-box; width: 100%; margin-bottom: 20px; }
.nysupp .mess .select{ font-size: 14px; color: #333; outline: none; max-width: 240px; border: 1px solid #cfcfcf; height: 40px; padding: 0 15px; box-sizing: border-box; width: 100%; margin-bottom: 20px; }
.nysupp .mess .textarea{ font-size: 14px; color: #333; border: 1px solid #cfcfcf; height: 137px; padding: 5px 15px; box-sizing: border-box; width: 100%; margin-bottom: 20px; line-height: 25px; background: none; }
.nysupp .mess .li{ font-size: 16px; line-height: 25px; color: #828282; padding-left: 25px; position: relative; margin-bottom: 20px; }
.nysupp .mess .li .checkbox{ position: absolute; left: 0; top: 6px; }
.nysupp .mess .tis{ font-size: 16px; line-height: 25px; color: #828282; margin-bottom: 40px; }
.nysupp .mess .sub{ width: 180px; height: 55px; font-size: 24px; color: #fff; border-radius: 5px; background: #0068b7; outline: none; }
.nysupp .mess .sub:hover{ opacity: .9; }

.nysupplist{ padding: 160px 0 120px; }
.nysupplist .leftnav{ width: 360px; float: left; }
.nysupplist .leftnav ul li{ display: block; height: 45px; line-height: 45px; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; font-size: 16px; color: #4a4a4a; background: #e8e8e8; margin-bottom: 1px; }
.nysupplist .leftnav ul li:hover,.nysupplist .leftnav ul li.on{ background: #0068b7; color: #fff; }
.nysupplist .right{ padding-left: 400px; }
.nysupplist .right ul{ display: block; position: relative; width: 102%; left: -1.5%; }
.nysupplist .right ul li{ display: block; width: 30.33333%; float: left; margin: 1.5%; position: relative; }
.nysupplist .right ul li .tit{ height: 40px; line-height: 40px; text-align: center; font-size: 18px; color: #4a4a4a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nysupplist .right ul li .fgc{ transition: all .5s; opacity: 0; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #0068b7; color: #fff; padding: 10px; box-sizing: border-box; }
.nysupplist .right ul li .fgc .stit{ font-size: 18px; line-height: 25px; margin-bottom: 10px; }
.nysupplist .right ul li .fgc .jj{ font-size: 14px; line-height: 25px; opacity: .5; margin-bottom: 20px; }
.nysupplist .right ul li .fgc .ann{ width: 180px; height: 40px; line-height: 40px; border-radius: 5px; text-align: center; margin: 0 auto; font-size: 16px; color: #0068b7; background: #fff; }
.nysupplist .right ul li:hover .fgc{ opacity: 1; }

.messxfk{ display: none; position: fixed; background: rgba(0,0,0,.5); width: 100%; height: 100%; left: 0; top: 0; z-index: 999; }
.messxfk .nr{ position: relative; background: #fff; max-width: 800px; box-sizing: border-box; padding: 40px 45px; margin: 0 auto; text-align: left; }
.messxfk .nr .close{ position: absolute; right: -55px; top: -20px; opacity: .5; }
.messxfk .nr .close:hover{ opacity: 1; }
.messxfk .nr .tit{ font-size: 16px; color: #4a4a4a; margin-bottom: 5px; }
.messxfk .nr .text{ font-size: 14px; color: #333; border: 1px solid #cfcfcf; height: 35px; padding: 0 15px; box-sizing: border-box; width: 100%; margin-bottom: 10px; }
.messxfk .nr .select{ font-size: 14px; color: #333; outline: none; max-width: 240px; border: 1px solid #cfcfcf; height: 35px; padding: 0 15px; box-sizing: border-box; width: 100%; margin-bottom: 10px; }
.messxfk .nr .textarea{ font-size: 14px; color: #333; border: 1px solid #cfcfcf; height: 112px; padding: 5px 15px; box-sizing: border-box; width: 100%; margin-bottom: 10px; line-height: 25px; background: none; }
.messxfk .nr .li{ font-size: 16px; line-height: 25px; color: #828282; padding-left: 25px; position: relative; margin-bottom: 10px; }
.messxfk .nr .li .checkbox{ position: absolute; left: 0; top: 6px; }
.messxfk .nr .tis{ font-size: 16px; line-height: 25px; color: #828282; margin-bottom: 20px; }
.messxfk .nr .sub{ width: 160px; height: 40px; font-size: 16px; color: #fff; border-radius: 5px; background: #0068b7; outline: none; }
.messxfk .nr .sub:hover{ opacity: .9; }

.nycontact{ padding: 100px 0 70px; }
.nycontact .nr{ position: relative; padding-right: 725px; min-height: 1193px; }
.nycontact .nr .lmtit{ font-size: 30px; color: #0068b7; margin-bottom: 35px; }
.nycontact .nr .sli{ line-height: 30px; padding: 7px 0 7px 40px; position: relative; font-size: 18px; color: #696969; line-height: 30px; }
.nycontact .nr .sli img{ width: 29px; height: 29px; position: absolute; left: 0; top: 7px; }
.nycontact .nr .sxian{ border-top: 1px dashed #cfcfcf; margin: 20px 0; }
.nycontact .mess{ width: 560px; box-sizing: border-box; background: #f2f2f2; padding: 40px 45px 100px; position: absolute; right: 0; top: 0; }
.nycontact .mess .tit{ font-size: 18px; color: #4a4a4a; margin-bottom: 5px; }
.nycontact .mess .text{ font-size: 14px; color: #333; border: 1px solid #cfcfcf; height: 40px; padding: 0 15px; box-sizing: border-box; width: 100%; margin-bottom: 20px; }
.nycontact .mess .select{ font-size: 14px; color: #333; outline: none; max-width: 240px; border: 1px solid #cfcfcf; height: 40px; padding: 0 15px; box-sizing: border-box; width: 100%; margin-bottom: 20px; }
.nycontact .mess .textarea{ font-size: 14px; color: #333; border: 1px solid #cfcfcf; height: 137px; padding: 5px 15px; box-sizing: border-box; width: 100%; margin-bottom: 20px; line-height: 25px; background: none; }
.nycontact .mess .li{ font-size: 16px; line-height: 25px; color: #828282; padding-left: 25px; position: relative; margin-bottom: 20px; }
.nycontact .mess .li .checkbox{ position: absolute; left: 0; top: 6px; }
.nycontact .mess .tis{ font-size: 16px; line-height: 25px; color: #828282; margin-bottom: 40px; }
.nycontact .mess .sub{ width: 180px; height: 55px; font-size: 24px; color: #fff; border-radius: 5px; background: #0068b7; outline: none; }
.nycontact .mess .sub:hover{ opacity: .9; }

.nynews{ padding: 20px 0; }
.nynews ul{ display: block; position: relative; width: 104%; left: -2%; }
.nynews ul li{ display: block; width: 29.3333%; margin: 2%; float: left; box-sizing: border-box; }
.nynews ul li .pic{ overflow: hidden; }
.nynews ul li .pic img{ transition: all .5s; }
.nynews ul li .wz{ padding: 20px; border: 1px solid #dbdbdb; border-top: 0; }
.nynews ul li .wz .tit{ font-size: 16px; line-height: 22px; height: 88px; overflow: hidden; margin-bottom: 10px; color: #444; }
.nynews ul li .wz .date{ color: #9c9c9c; font-size: 14px; line-height: 25px; border-bottom: 1px solid #dbdbdb; margin-bottom: 65px; }
.nynews ul li .wz .more{ font-size: 16px; color: #9c9c9c; text-align: right; }
.nynews ul li:hover img{ transform: scale(1.1,1.1); }
.nynews ul li:hover .wz{ background: #0068b7; }
.nynews ul li:hover .wz .tit{ color: #fff; }
.nynews ul li:hover .wz .date{ border-color: #80b4db; color: #a3bddd; }
.nynews ul li:hover .wz .more{ color: #a3bddd; }

.feny{ padding: 20px 0 100px; text-align: right; }
.feny span{ border: 1px solid #cfcfcf; display: inline-block; line-height: 35px; padding: 0 15px; font-size: 14px; color: #828282; margin: 0 3px; }
.feny a{ border: 1px solid #cfcfcf; display: inline-block; line-height: 35px; padding: 0 15px; font-size: 14px; color: #828282; margin: 0 3px; }
.feny a:hover,.feny a.on{ background: #0068b7; border-color: #0068b7; color: #fff; }

.shownews{ padding: 50px 0; }
.shownews .lmtit{ font-size: 25px; color: #262626; line-height: 30px; text-align: center; }
.shownews .date1{ font-size: 14px; padding: 10px 0 20px; color: #999; text-align: center; border-bottom: 1px dashed #cecece; }
.shownews .wz{ padding: 20px 0; font-size: 16px; line-height: 30px; color: #666; }
.shownews .pre{ padding: 15px 20px; background: #f5f5f5; margin-bottom: 30px; }
.shownews .pre a{ color: #3e3e3e; font-size: 14px; display: block; height: 25px; overflow: hidden; line-height: 25px; text-overflow: ellipsis; white-space: nowrap; }
.shownews .pre a:hover{ color: #0068b7; }
.shownews .renews{ margin-bottom: 0; }
.shownews .renews .slmtit{ background: none; font-size: 18px; color: #0068b7; padding: 0; border-bottom: 1px solid #f1f1f1; }

.renews{ margin-bottom: 80px; }
.renews .slmtit{ font-size: 25px; line-height: 50px; font-weight: bold; color: #333; margin-bottom: 10px; background: #f6f6f6; padding: 0 20px; }
.renews .list{ padding: 0; }
.renews .list ul li{ position: relative; padding-right: 150px; display: block; height: 50px; line-height: 50px; width: 50%; box-sizing: border-box; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px dashed #f1f1f1; font-size: 14px; color: #3e3e3e; }
.renews .list ul li i{  margin-right: 10px; }
.renews .list ul li:hover{ color: #0068b7; }
.renews .list ul li .date{ position: absolute; right: 30px; top: 0; color: #999; }

.nysolindex{ padding:90px 0; }
.nysolindex ul{ display:block; width:102%; position:relative; left:-1%; }
.nysolindex ul li{ display:block; width:31.3333%; margin:1%; float:left; }
.nysolindex ul li .tit{ line-height:30px; background:#d5d9e1; font-size:16px; color:#333; padding:0 10px; text-align:center; height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom:20px; }
.nysolindex ul li a{ display:block; font-size:16px; border-bottom:1px dashed #b5b5b5; height:40px; line-height:40px; padding:0 10px; color:#999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center; }
.nysolindex ul li a:hover{ color:#0068b7; border-color:#0068b7; }
.nysolindex ul li .jj{ margin-top:25px; font-size:14px; color:#666; line-height:22px; }

.nysolshuom{ padding: 100px 0; }
.nysolshuom .nr{ position: relative; padding-left: 700px; min-height: 415px; }
.nysolshuom .nr .pic{ width: 615px; position: absolute; left: 0; top: 0; }
.nysolshuom .nr .tit{ font-size: 36px; font-weight: bold; color: #1c1c1c; margin-bottom: 20px; padding-top: 20px; }
.nysolshuom .nr .stit{ font-size: 24px; color: #4a4a4a; margin-bottom: 20px; }
.nysolshuom .nr .jj{ font-size: 18px; color: #808080; line-height: 30px; margin-bottom: 50px; }
.nysolshuom .nr .ann{ display: block; width: 170px; height: 65px; line-height: 65px; border: 1px solid #696969; color: #696969; font-size: 24px; text-align: center; border-radius: 10px; }
.nysolshuom .nr .ann:hover{ border-color: #0068b7; background: #0068b7; color: #fff; }

.nysolwhy{ padding: 100px 0; background: #0068b7; }
.nysolwhy .pic{ width: 50%; float: left; }
.nysolwhy .wz{ width: 50%; float: left; padding-left: 55px; box-sizing: border-box; }
.nysolwhy .wz .tit{ padding: 60px 0; font-size: 48px; font-weight: bold; color: #fff; }
.nysolwhy .wz .sli{ font-size: 24px; line-height: 35px; color: #fff; background: url(../img/sol_04.png) no-repeat left center; padding-left: 50px; margin-bottom: 40px; }

.nysolyous{ padding: 100px 0 60px; }
.nysolyous .lmtit{ font-size: 48px; font-weight: bold; color: #1c1c1c; margin-bottom: 80px; }
.nysolyous .list ul{ display: block; position: relative; width: 102%; left: -1%; }
.nysolyous .list ul li{ width: 23%; margin: 0 1%; float: left; box-sizing: border-box; border: 1px solid #cfcfcf; border-radius: 10px; padding: 55px 30px; text-align: center; }
.nysolyous .list ul li .tit{ font-size: 24px; color: #4a4a4a; height: 30px; line-height: 30px; margin-bottom: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nysolyous .list ul li .jj{ font-size: 16px; color: #808080; line-height: 25px; height: 100px; overflow: hidden; }
.nysolyous .list ul li:hover{ background: #0068b7; border-color: #0068b7; }
.nysolyous .list ul li:hover .tit,.nysolyous .list ul li:hover .jj{ color: #fff; }

.nysoltype{ padding: 80px 0; color: #fff; }
.nysoltype .lmtit{ font-size: 48px; font-weight: bold; margin-bottom: 15px; }
.nysoltype .lmjj{ font-size: 24px; margin-bottom: 100px; opacity: .5; }
.nysoltype .list ul{ display: block; position: relative; width: 104%; left: -2%; }
.nysoltype .list ul li{ display: block; float: left; width: 29.3333%; margin: 0 2% 90px; height: 40px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px solid #8baecd; font-size: 24px; }

.nysolanq{ padding: 90px 0; }
.nysolanq .lmtit{ font-size: 48px; font-weight: bold; color: #1c1c1c; margin-bottom: 35px; }
.nysolanq .wz{ font-size: 18px; color: #808080; line-height: 30px; margin-bottom: 70px; }
.nysolanq .ann a{ display: inline-block; width: 320px; height: 70px; line-height: 70px; border-radius: 10px; text-align: center; font-size: 24px; color: #fff; background: #0068b7; margin-right: 20px; }
.nysolanq .ann a:hover{ opacity: .9; }

.nysolpro{ padding: 90px 0; background: #e8e8e8; }
.nysolpro .lmtit{ font-size: 48px; color: #1c1c1c; font-weight: bold; text-align: center; margin-bottom: 25px; }
.nysolpro .lmjj{ font-size: 18px; color: #808080; line-height: 30px; margin-bottom: 60px; text-align: center; }
.nysolpro .tis{ text-align: center; margin-bottom: 80px; }
.nysolpro .tis span{ display: inline-block; font-size: 20px; color: #808080; border-bottom: 1px solid #8f8f8f; padding-bottom: 5px; }
.nysolpro .nr{ position: relative; }
.nysolpro .list{ overflow: hidden; }
.nysolpro .list a{ display: block; padding: 0 15px; }
.nysolpro .list .li .pic{ overflow: hidden; }
.nysolpro .list .li .pic img{ transition: all .5s; }
.nysolpro .list .li .wz{ padding: 35px 20px; background: #0068b7; text-align: center; }
.nysolpro .list .li .wz .tit{ height: 50px; line-height: 50px; font-size: 18px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nysolpro .list .li .wz .jj{ opacity: .5; height: 50px; line-height: 50px; font-size: 18px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nysolpro .list .li:hover .pic img{ transform: scale(1.1,1.1); }
.nysolpro .nr .left,.nysolpro .nr .right{ top: 50%; margin-top: -25px; position: absolute; font-size: 35px; color: #808080; width: 50px; height: 50px; text-align: center; line-height: 50px; }
.nysolpro .nr .left{ left: -50px; }
.nysolpro .nr .right{ right: -50px; }
.nysolpro .nr .left:hover,.nysolpro .nr .right:hover{ color: #0068b7; }

.nysolque{ padding: 100px 0; }
.nysolque ul{ display: block; width: 102%; left: -1%; position: relative; }
.nysolque ul li{ display: block; width: 48%; margin: 1% 1% 70px; float: left; }
.nysolque ul li .tit{ font-size: 30px; font-weight: bold; color: #363636; height: 40px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 15px; }
.nysolque ul li .stit{ font-size: 22px; color: #808080; margin-bottom: 30px; }
.nysolque ul li .jj{ font-size: 18px; line-height: 35px; color: #808080; }
.nysolque .ann{ height: 50px; line-height: 50px; color: #fff; font-size: 24px; text-align: center; background: #0068b7; display: block; border-radius: 5px; }
.nysolque .ann:hover{ opacity: .9; }

.nysolcase{ background: #e8e8e8; position: relative; padding: 70px 0 140px; min-height: 700px; }
.nysolcase .pic{ width: 850px; position: absolute; right: 0; top: 0; }
.nysolcase .nr{ width: 50%; float: left; }
.nysolcase .nr .tit{ font-size: 30px; color: #363636; margin-bottom: 80px; }
.nysolcase .nr .jj{ font-size: 16px; color: #808080; line-height: 25px; margin-bottom: 80px; }
.nysolcase .nr .ann{ display: block; width: 300px; height: 70px; line-height: 70px; text-align: center; font-size: 24px; color: #fff; background: #0068b7; border-radius: 5px; }
.nysolcase .nr .ann:hover{ opacity: .9; }

.nysoljiej{ padding: 110px 0; background: #0068b7; }
.nysoljiej .lmtit{ font-size: 48px; text-align: center; font-weight: bold; color: #fff; margin-bottom: 60px; }
.nysoljiej .list ul li{ display: block; margin-bottom: 35px; padding-left: 20px; }
.nysoljiej .list ul li .tit{ font-size: 24px; line-height: 35px; color: #fff; position: relative; margin-bottom: 10px; }
.nysoljiej .list ul li .tit:before{ content: ""; display: block; width: 15px; height: 15px; border-radius: 50%; background: #ffcc66; position: absolute; left: -20px; top: 50%; margin-top: -8px; }
.nysoljiej .list ul li .jj{ font-size: 18px; line-height: 30px; color: #fff; opacity: .5; }
.nysoljiej .ann{ display: block; width: 190px; height: 70px; line-height: 70px; background: #ffcc66; border-radius: 5px; margin: 0 auto; color: #0068b7; font-size: 24px; text-align: center; }
.nysoljiej .ann:hover{ opacity: .9; }

.nydowntj{ padding: 100px 0; border-bottom: 20px solid #d9d9d9; }
.nydowntj .leftnav{ width: 460px; float: left; background: #f2f2f2; }
.nydowntj .leftnav .lmtit{ line-height: 50px; padding: 0 15px; border-bottom: 1px solid #cfcfcf; font-size: 24px; color: #363636; }
.nydowntj .leftnav ul li{ display: block; padding: 0 15px; height: 45px; line-height: 45px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; color: #363636; }
.nydowntj .leftnav ul li:before{ display: inline-block; content: ""; width: 6px; height: 6px; border-radius: 50%; background: #363636; vertical-align: middle; margin-right: 10px; }
.nydowntj .leftnav ul li:hover,.nydowntj .leftnav ul li.on{ background: #0068b7; color: #fff; }
.nydowntj .leftnav ul li:hover:before,.nydowntj .leftnav ul li.on:before{ background: #fff; }
.nydowntj .right{ width: calc(100% - 630px); float: right; }
.nydowntj .right .li{ float: left; width: 50%; margin-bottom: 35px; line-height: 40px; }
.nydowntj .right .li span{ font-size: 24px; color: #363636; }
.nydowntj .right .li select{ outline: none; width: 100%; max-width: 200px; box-sizing: border-box; padding: 0 15px; height: 40px; font-size: 16px; color: #0068b7; border: 1px solid #0068b7; }
.nydowntj .right .bli{ margin-bottom: 50px; }
.nydowntj .right .bli span{ font-size: 24px; color: #363636; margin-bottom: 20px; display: block; }
.nydowntj .right .bli label{ padding: 0 30px; display: block; width: 50%; float: left; box-sizing: border-box; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color: #888; }
.nydowntj .right .sub{ width: 170px; height: 65px; background: #0068b7; font-size: 24px; color: #fff; border-radius: 5px; outline: none; }
.nydowntj .right .sub:hover{ opacity: .9; }

.nydownlist{ padding: 90px 0 50px; }
.nydownlist .lmtit{ text-align: center; font-size: 36px; color: #363636; margin-bottom: 40px; }
.nydownlist ul{ position: relative; width: 102%; left: -1%; }
.nydownlist ul li{ transition: all .5s; display: block; width: 23%; float: left; margin: 1%; border: 1px solid #0068b7; border-bottom: 4px solid #0068b7; box-sizing: border-box; padding: 10px; background: #f5f5f5; }
.nydownlist ul li .pic{ margin-bottom: 15px; }
.nydownlist ul li .tit{ font-size: 18px; color: #0068b7; height: 25px; line-height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nydownlist ul li:hover{ transform: translateY(-10px); box-shadow: 0 0 20px rgba(0,0,0,.1); }

.showproinfo{ padding: 50px 0; background: #0068b7; color: #fff; }
.showproinfo .nr{ position: relative; padding-right: 750px; min-height: 480px; }
.showproinfo .nr .pic{ width: 620px; position: absolute; right: 0; top: 70px; }
.showproinfo .nr .tit{ font-size: 48px; font-weight: bold; margin-bottom: 40px; }
.showproinfo .nr .jj{ font-size: 18px; line-height: 30px; opacity: .5; margin-bottom: 40px; }
.showproinfo .nr .ann a{ vertical-align: middle; display: inline-block; width: auto; height: 50px; line-height: 50px; text-align: center; font-size: 18px; color: #0068b7; background: #ffcc66; border-radius: 5px; margin-right: 30px; padding: 0 20px; }
.showproinfo .nr .ann a:hover{ opacity: .9; }

.showprodetail{ padding: 60px 0; background: #f2f2f2; font-size: 18px; color: #333; line-height: 30px; }
.showprodetail img{ margin: 5px auto; }

.showprojies{ padding: 60px 0; }
.showprojies .pic{ width: 700px; float: left; }
.showprojies .wz{ width: 680px; float: right; font-size: 14px; line-height: 25px; color: #808080; }
.showprojies .wz .wz1{ max-height:380px; overflow-y:scroll;}
.showprojies .wz .wz1 td{ padding:0 10px; box-sizing:border-box; border:1px solid #eee;}
.showprojies .wz .wz1 table{ width: 100%; }
.showprojies .wz .ann{ display: block; width: 240px; height: 50px; line-height: 50px; border-radius: 5px; background: #0068b7; font-size: 18px; color: #fff; text-align: center; margin-top: 35px; }
.showprojies .wz .ann:hover{ opacity: .9; }

.showprocase{ padding: 60px 0; background: #0068b7; }
.showprocase .nr{ position: relative; padding-right: 260px; }
.showprocase .nr ul{ display: block; position: relative; width: 102%; left: -1%; }
.showprocase .nr ul li{ position: relative; display: block; border-radius: 10px; overflow: hidden; margin: 0 1%; float: left; width: 31.3333%; }
.showprocase .nr ul li img{ transition: all .5s; }
.showprocase .nr ul li .fgc{ transition: all .5s; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,.4); left: 0; top: 0; }
.showprocase .nr ul li .tit{ height: 50px; line-height: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; padding: 0 15px; box-sizing: border-box; position: absolute; left: 0; bottom: 0; color: #fff; font-size: 24px; text-align: center; }
.showprocase .nr ul li:hover .fgc{ opacity: 0; }
.showprocase .nr ul li:hover img{ transform: scale(1.1,1.1); }
.showprocase .more{ font-size: 24px; color: #0068b7; display: block; position: absolute; width: 230px; height: 100%; right: 0; top: 0; background: #ffcc66; border-radius: 10px; }
.showprocase .more span{ font-size: 120px; font-weight: bold; display: block; }

.showproyoud{ padding: 100px 0; }
.showproyoud .lmtit{ font-size: 36px; font-weight: bold; color: #363636; text-align: center; margin-bottom: 85px; }
.showproyoud .list ul li{ transition: all .5s; display: block; width: 25%; float: left; text-align: center; }
.showproyoud .list ul li .pic{ width: 115px; height: 115px; margin: 0 auto 10px; }
.showproyoud .list ul li .tit{ font-size: 24px; color: #4a4a4a; height: 35px; line-height: 35px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.showproyoud .list ul li:hover{ transform: translateY(-10px); }

.nyjihuamess{ padding: 80px 0; background: url(../img/jihua_01.png) no-repeat left top #0068b7; }
.nyjihuamess .logo{ text-align: center; margin-bottom: 40px; }
.nyjihuamess .lmtit{ position: relative; text-align: center; margin-bottom: 40px; }
.nyjihuamess .lmtit:before{ position: absolute; display: block; content: ""; width: 220px; height: 1px; background: #fff; opacity: .5; left: 0; top: 50%; }
.nyjihuamess .lmtit:after{ position: absolute; display: block; content: ""; width: 220px; height: 1px; background: #fff; opacity: .5; right: 0; top: 50%; }
.nyjihuamess .lmtit span{ font-size: 35px; color: #fff; }
.nyjihuamess .lmstit{ font-size: 25px; color: #fff; text-align: center; margin-bottom: 130px; opacity: .8; }
.nyjihuamess .nr{ padding-right: 800px; position: relative; min-height: 440px; font-size: 16px; color: #cad8ea; line-height: 30px; }
.nyjihuamess .nr .mess{ background: #fff; width: 665px; position: absolute; box-sizing: border-box; right: 0; top: 0; padding: 40px; }
.nyjihuamess .nr .mess .tit{ text-align: center; font-size: 24px; color: #0068b7; margin-bottom: 35px; }
.nyjihuamess .nr .mess .text{ height: 30px; border-bottom: 1px solid #ccc; width: 100%; font-size: 16px; color: #808080; margin-bottom: 10px; }
.nyjihuamess .nr .mess .textarea{ margin-bottom: 30px; border: 0; border-bottom: 1px solid #ccc; font-size: 16px; color: #808080; line-height: 25px; height: 75px; width: 100%; }
.nyjihuamess .nr .mess .sub{ width: 100%; outline: none; height: 45px; background: #ffcc66; border-radius: 10px; font-size: 24px; color: #0068b7; }

.nyjihuashiy{ min-height: 740px; }
.nyjihuashiy .content{ position: relative; }
.nyjihuashiy .pic{ width: 690px; position: absolute; right: 1030px; top: 0; }
.nyjihuashiy .nr{ width: 950px; float: right; padding: 75px 0; }
.nyjihuashiy .nr .lmtit{ font-size: 30px; color: #363636; margin-bottom: 35px; }
.nyjihuashiy .nr .jj{ font-size: 20px; color: #696969; line-height: 45px; margin-bottom: 125px; }
.nyjihuashiy .nr .list ul li{ transition: all .5s; display: block; width: 20%; float: left; text-align: center; }
.nyjihuashiy .nr .list ul li .ico{ width: 110px; margin: 0 auto; }
.nyjihuashiy .nr .list ul li .sz{ font-size: 48px; color: #363636; padding: 10px 0 0; }
.nyjihuashiy .nr .list ul li .tit{ font-size: 18px; color: #363636; }
.nyjihuashiy .nr .list ul li:hover{ transform: translateY(-10px); }

.nyjihuayous{ padding: 90px 0; background: url(../img/jihua_09.jpg)no-repeat left bottom #0068b7; color: #fff; }
.nyjihuayous .lmtit{ font-size: 30px; font-weight: bold; color: #fff; margin-bottom: 100px; text-align: center; }
.nyjihuayous .list{ max-width: 1280px; margin: 0 auto; }
.nyjihuayous .list ul li{ display: block; width: 33.3333%; float: left; box-sizing: border-box; padding: 0 40px; text-align: center; }
.nyjihuayous .list ul li .ico{ transition: all 1s; width: 87px; margin: 0 auto 10px; }
.nyjihuayous .list ul li .tit{ font-size: 24px; color: #fff; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 10px; }
.nyjihuayous .list ul li .jj{ font-size: 18px; line-height: 28px; opacity: .5; }
.nyjihuayous .list ul li:hover .ico{ transform: rotate(360deg); }

.nyjihuazhek{ padding: 100px 0; }
.nyjihuazhek .lmtit{ font-size: 30px; font-weight: bold; color: #363636; text-align: center; margin-bottom: 10px; }
.nyjihuazhek .lmjj{ font-size: 24px; color: #363636; text-align: center; margin-bottom: 50px; }
.nyjihuazhek .ann{ display: block; width: 150px; height: 50px; line-height: 50px; font-size: 24px; color: #0068b7; background: #f5b620; border-radius: 5px; text-align: center; margin: 0 auto; }
.nyjihuazhek .ann:hover{ opacity: .9; }

.nyjihuabanq{ padding: 15px 0; background: #0068b7; text-align: center; color: #95b3d8; font-size: 16px; line-height: 25px; }

.nyabout{ padding: 70px 0; }
.nyabout .lmstit{ font-size: 18px; color: #363636; text-align: center; margin-bottom: 20px; }
.nyabout .lmtit{ font-size: 48px; color: #0068b7; font-weight: bold; text-align: center; margin-bottom: 70px; }
.nyabout .nr{ font-size: 18px; color: #696969; line-height: 30px; margin-bottom: 140px; }
.nyabout .ann{ text-align: center; }
.nyabout .ann a{ display: inline-block; width: 200px; height: 50px; line-height: 50px; font-size: 16px; color: #fff; margin: 0 15px; background: #0068b7; border-radius: 5px; }
.nyabout .ann a:hover{ opacity: .9; }

.nyaboutanq{ background: #e8e8e8; padding: 60px 0; }
.nyaboutanq .lmtit{ font-size: 30px; font-weight: bold; color: #363636; margin-bottom: 50px; text-align: center; }
.nyaboutanq .wz{ font-size: 18px; color: #696969; line-height: 30px; }

.nychelnav{ padding: 100px 0; }
.nychelnav ul li{ display: block; width: 33.3333%; float: left; text-align: center; box-sizing: border-box; padding: 30px; background: #e2e5ed; border-bottom: 4px solid #fff; border-right: 4px solid #fff; }
.nychelnav ul li .pic{ line-height: 200px; }
.nychelnav ul li .pic img{ max-height: 160px; }
.nychelnav ul li .tit{ font-weight: bold; font-size: 24px; color: #0068b7; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nychelnav ul li:hover{ background: #f1f1f1; }

.nyprowhy .lmtit{ position: relative; line-height: 130px; font-size: 36px; color: #fff; font-weight: bold; text-align: center; background: #0068b7; }
.nyprowhy .lmtit:before{ content: ""; display: block; width: 60px; height: 60px; background: #0068b7; transform: rotate(45deg); position: absolute; left: 50%; margin-left: -30px; bottom: -30px; z-index: 999; }
.nyprowhy .nr{ padding: 100px 50px 50px; }
.nyprowhy ul li{ display: block; width: 50%; float: left; box-sizing: border-box; padding: 45px 45px 45px 200px; position: relative; border-right: 1px dashed #b5b5b5; border-bottom: 1px dashed #b5b5b5; min-height: 180px; }
.nyprowhy ul li .pic{ position: absolute; width: 100px; position: absolute; left: 75px; top: 45px; }
.nyprowhy ul li .tit{ font-size: 24px; color: #363636; font-weight: bold; margin-bottom: 15px; }
.nyprowhy ul li .jj{ font-size: 16px; color: #363636; line-height: 30px; height: 90px; overflow: hidden; }
.nyprowhy ul li:hover .tit,.nyprowhy ul li:hover .jj{ color: #0068b7; }
.nyprowhy ul li:nth-child(2n){ border-right: 0; }
.nyprowhy ul li:nth-last-child(2){ border-bottom: 0; }
.nyprowhy ul li:nth-last-child(3){ border-bottom: 0; }

.showchelmess{ padding: 60px 0; background: #0068b7; text-align: center; }
.showchelmess .btext{ display: block; width: 100%; font-size: 30px; font-weight: bold; color: #fff; margin-bottom: 50px; line-height: 50px; border-bottom: 1px solid #66a4d4; padding-left: 20px; text-align: left; }
.showchelmess .btext::input-placeholder{color:  #fff !important;} 
.showchelmess .btext::-webkit-input-placeholder { color: #fff !important; } 
.showchelmess .btext:-moz-placeholder { color: #fff !important; } 
.showchelmess .btext::-moz-placeholder { color: #fff !important; } 
.showchelmess .btext:-ms-input-placeholder {color: #fff !important; }
.showchelmess .li{ display: block; float: left; width: 19%; margin: 0 .5% 30px; background: #2980c3; padding: 0 15px 0 90px; position: relative; border-radius: 10px; box-sizing: border-box; overflow: hidden; border: 1px solid #66a4d4; }
.showchelmess .li .tit{ width: 75px; font-size: 16px; color: #fff; position: absolute; left: 15px; top: 0; line-height: 40px; text-align: left; }
.showchelmess .li .tit span{ color: #fff; }
.showchelmess .li .text{ outline: none; width: 100%; height: 40px; font-size: 16px; color: #fff; }
.showchelmess .li .text option{ color: #333; }
.showchelmess .li .textarea{ outline: none; background: none; border: 0; color: #fff; font-size: 16px; padding: 5px 10px; box-sizing: border-box; width: 100%; height: 110px; line-height: 25px; }
.showchelmess .li.li1{ width: auto; height: auto; float: none; }
.showchelmess .sub{ max-width: 240px; width: 100%; height: 50px; background: #ffcc66; border-radius: 25px; font-size: 30px; color: #0068b7; outline: none; display: block; margin: 10px auto 0; }
.showchelmess .sub:hover{ opacity: .9; }

.showchel .picinfo{ padding: 80px 0 0; }
.showchel .picinfo > .pic{ max-width: 980px; width: 100%; position: relative; margin: 0 auto; }
.showchel .picinfo > .pic .biaod{ cursor: pointer; z-index: 999; position: absolute; width: 20px; line-height: 20px; height: 20px; border-radius: 50%; border: 1px solid #111; color: #111; font-size: 14px; text-align: center; }
.showchel .picinfo .prolist{ width: 102%; position: relative; left: -1%; padding: 10px 0 40px; }
.showchel .picinfo .prolist .lilist{ width: 31.33333%; margin: 1%; float: left; }
.showchel .picinfo .prolist .lilist .btit{ margin-bottom: 10px; height: 55px; line-height: 55px; background: #0068b7; padding: 0 10px; font-size: 24px; color: #fff; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.showchel .picinfo .prolist .li{ display: block; height: 100px; line-height: 100px;  text-overflow: ellipsis; white-space: nowrap; padding: 0 10px; }
.showchel .picinfo .prolist .li span{ display: inline-block; vertical-align: middle; width: 25px; line-height: 25px; height: 25px; border-radius: 50%; border: 1px solid #111; color: #111; font-size: 14px; text-align: center; margin-right: 10px; }
.showchel .picinfo .prolist .li .pic{ display: inline-block; width: 100px; vertical-align: middle; margin-right: 10px; }
.showchel .picinfo .prolist .li .wz{ vertical-align: middle; width: calc(100% - 150px); display: inline-block; padding: 25px 0; }
.showchel .picinfo .prolist .li .wz .xh{ height: 25px; line-height: 25px; font-size: 14px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.showchel .picinfo .prolist .li .wz .tit{ height: 25px; line-height: 25px; font-size: 18px; color: #363636; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.showchel .picinfo .prolist .li.on{ box-shadow: 0 0 10px rgba(0,0,0,.1); color: #0068b7; font-weight: bold; }

.showchel .lmjiang{ height: 20px; background: #e8e8e8; margin-bottom: 50px; }
.showchel .chellist{ padding: 0 0 80px; }
.showchel .chellist ul{ display: block; width: 102%; left: -1%; position: relative; }
.showchel .chellist ul li{ display: block; width: 23%; margin: 1%; float: left; }
.showchel .chellist ul li .pic{ overflow: hidden; }
.showchel .chellist ul li .pic img{ transition: all .5s; }
.showchel .chellist ul li .tit{ height: 35px; line-height: 35px; font-size: 16px; color: #4a4a4a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; }
.showchel .chellist ul li:hover .pic img{ transform: scale(1.1,1.1); }
.showchel .chellist ul li:hover .tit{ color: #0068b7; }

.showchel .detail{ padding: 0 0 80px; }
.showchel .detail .tit{ background: #0068b7; padding: 20px; font-size: 36px; font-weight: bold; color: #fff; }
.showchel .detail .wz{ padding: 50px 0 0; font-size: 16px; color: #4a4a4a; line-height: 30px; }

.nypronav{ padding: 30px 0 0; }
.nypronav .li{ cursor: pointer; width: 49%; float: left; background: #d9d9d9; border-bottom: 10px solid #818181; padding: 30px 20px; box-sizing: border-box; margin-bottom: 30px; }
.nypronav .li.li1{ margin-right: 2%; }
.nypronav .li .tit{ font-size: 36px; color: #0068b7; font-weight: bold; text-align: center; margin-bottom: 60px; }
.nypronav .li .pic{ position: relative; padding-right: 60px; line-height: 60px; }
.nypronav .li .pic span{ display: block; width: 25%; float: left; text-align: center; }
.nypronav .li .pic span img{ height: 55px; width: auto; }
.nypronav .li .pic .ico{ width: 60px; position: absolute; right: 10px; top: 0; text-align: right; }
.nypronav .li:hover{ border-color: #0068b7; background: #eee; }
.nypronav .list{ display: none; }
.nypronav .list ul li{ background: #d9d9d9; text-align: center; padding: 40px 30px 30px; display: block; width: 25%; box-sizing: border-box; float: left; border-right: 2px solid #fff; border-bottom: 2px solid #fff; }
.nypronav .list ul li .ico img{ height: 50px; }
.nypronav .list ul li .tit{ font-size: 18px; height: 30px; color: #0068b7; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 10px; }
.nypronav .list ul li:hover{ background: #eee; }

.nyproyous{ padding: 60px 0; text-align: center; max-width: 1000px; margin: 0 auto; }
.nyproyous ul li{ display: block; cursor: pointer; width: 33.3333%; float: left; padding: 0 20px; box-sizing: border-box; position: relative; }
.nyproyous ul li .pic{ max-width: 140px; margin: 0 auto 10px; }
.nyproyous ul li .pic img{ background: none; }
.nyproyous ul li .tit{ font-size: 20px; color: #363636; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nyproyous ul li .ico{ font-size: 30px; color: #999; }
.nyproyous ul li .fgc{ opacity: 0; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 20px; box-sizing: border-box; background: rgba(255,255,255,.9); transition: all .5s; }
.nyproyous ul li .fgc .stit{ font-size: 18px; color: #0068b7; margin-bottom: 10px; font-weight: bold; }
.nyproyous ul li .fgc .sjj{ font-size: 12px; color: #666; line-height: 20px; }
.nyproyous ul li:hover .fgc{ opacity: 1; }

.nyprogd .lmtit{ position: relative; line-height: 130px; font-size: 36px; color: #fff; font-weight: bold; text-align: center; background: #0068b7; }
.nyprogd .lmtit:before{ content: ""; display: block; width: 60px; height: 60px; background: #0068b7; transform: rotate(45deg); position: absolute; left: 50%; margin-left: -30px; bottom: -30px; z-index: 999; }
.nyprogdnr{ padding: 80px 0 60px; position: relative; }
.nyprogdnr .bd ul li{ display: block; width: 20%; float: left; }
.nyprogdnr .bd ul li a{ display: block; padding: 0 10px; }
.nyprogdnr .bd ul li .li{ border: 1px solid #d9d9d9; padding: 15px 10px; }
.nyprogdnr .bd ul li .li .pic{ overflow: hidden; }
.nyprogdnr .bd ul li .li .pic img{ transition: all .5s; }
.nyprogdnr .bd ul li .li:hover img{ transform: scale(1.1,1.1); }
.nyprogdnr .bd ul li .li .xh{ font-size: 14px; color: #828282; margin-bottom: 0; height: 25px; line-height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nyprogdnr .bd ul li .li .tit{ font-size: 16px; height: 50px; line-height: 25px; color: #0068b7; overflow: hidden; margin-bottom: 30px; }
.nyprogdnr .bd ul li .li .price{ float: left; width: 50%; font-size: 18px; color: #ffcc66; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nyprogdnr .bd ul li .li .ann{ width: 50%; font-size: 16px; background: #ffcc66; color: #fff; height: 30px; line-height: 30px; text-align: center; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nyprogdnr .bd ul li .li:hover{ border-color: #0068b7; }
.nyprogdnr .bd ul li .li:hover .ann{ background: #0068b7; }
.nyprogdnr .next,.nyprogdnr .prev{ width: 40px; height: 100px; line-height: 100px; background: #cfcfcf; position: absolute; font-size: 30px; color: #333; text-align: center; }
.nyprogdnr .next{ right: -50px; top: 50%; margin-top: -50px; }
.nyprogdnr .prev{ left: -50px; top: 50%; margin-top: -50px; }
.nyprogdnr .next:hover,.nyprogdnr .prev:hover{ background: #0068b7; color: #fff; }

.nyprolist{ padding: 50px 0; }
.nyprolist .leftnav{ box-sizing: border-box; width: 290px; padding-right: 25px; margin-right: 25px; border-right: 1px solid #cfcfcf; float: left; }
.nyprolist .leftnav .anq{ padding: 25px 10px 25px 50px; color: #fff; background: url(../img/pro_08.png) no-repeat 5px center #0068b7; }
.nyprolist .leftnav .anq .cn{ font-size: 20px; font-weight: bold; }
.nyprolist .leftnav .anq .en{ font-size: 20px; font-weight: bold; text-transform: uppercase; }
.nyprolist .leftnav .phone{ padding: 15px 10px; background: #ffcc66; color: #fff; margin-top: 10px; }
.nyprolist .leftnav .phone .tit{ font-size: 18px; font-weight: bold; background: url(../img/pro_09.png) no-repeat 5px center; line-height: 30px; padding-left: 40px; }
.nyprolist .leftnav .phone .sz{ font-size: 24px; font-weight: bold; font-style: italic; }
.nyprolist .leftnav .navnr{ padding: 0 20px; }
.nyprolist .leftnav .navnr .lmtit{ font-size: 24px; margin: 5px 0 10px; color: #1c1c1c; }
.nyprolist .leftnav .navnr .li{ height: 35px; line-height: 35px; font-size: 18px; color: #4a4a4a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nyprolist .leftnav .navnr .li:hover,.nyprolist .leftnav .navnr .li.on{ color: #ffcc66; }
.nyprolist .leftnav .navnr .erji{ display: none; padding: 5px 0 15px 12px; }
.nyprolist .leftnav .navnr .erji a{ display: block; font-size: 16px; color: #999999; height: 25px; line-height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nyprolist .leftnav .navnr .erji a:hover,.nyprolist .leftnav .navnr .erji a.on{ color: #ffcc66; }
.nyprolist .rightnr{ float: right; width: calc(100% - 315px); }
.nyprolist .rightnr>h3{font-size:32px;font-weight:blod;text-align: center;}
.nyprolist .rightnr .lmtit{ font-size: 30px; color: #1c1c1c; font-weight: bold; }
.nyprolist .rightnr .lmstit{ font-size: 18px; color: #1c1c1c; font-weight: bold; margin-bottom: 15px; }
.nyprolist .rightnr .lmjj{ font-size: 16px; color: #4a4a4a; line-height: 25px; }
.nyprolist .rightnr .list{ padding: 0 0 30px; }
.nyprolist .rightnr .list ul{ display: block; width: calc(100% + 20px); left: -10px; position: relative; }
.nyprolist .rightnr .list ul li{ display: block; width: 33.333333%; float: left; }
.nyprolist .rightnr .list ul a{ display: block; padding: 10px; }
.nyprolist .rightnr .list ul .li{ border: 1px solid #d9d9d9; padding: 15px 10px; }
.nyprolist .rightnr .list ul .li .pic{ overflow: hidden; }
.nyprolist .rightnr .list ul .li .pic img{ transition: all .5s; }
.nyprolist .rightnr .list ul .li:hover img{ transform: scale(1.1,1.1); }
.nyprolist .rightnr .list ul .li .xh{ font-size: 14px; color: #828282; margin-bottom: 0; height: 25px; line-height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nyprolist .rightnr .list ul .li .tit{ font-size: 16px; height: 50px; line-height: 25px; color: #0068b7; overflow: hidden; margin-bottom: 30px; }
.nyprolist .rightnr .list ul .li .price{ float: left; width: 50%; font-size: 18px; color: #ffcc66; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nyprolist .rightnr .list ul .li .ann{ width: 50%; font-size: 16px; background: #ffcc66; color: #fff; height: 30px; line-height: 30px; text-align: center; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nyprolist .rightnr .list ul .li:hover{ border-color: #0068b7; }
.nyprolist .rightnr .list ul .li:hover .ann{ background: #0068b7; }
.nyprolist .feny{ padding-bottom: 0; }

.innews{ padding: 50px 0; background: #f2f2f2; }
.innews .lmtit{ font-size: 48px; font-weight: bold; color: #1c1c1c; text-align: center; margin-bottom: 30px; }
.innews ul{ display: block; position: relative; width: 102%; left: -1%; }
.innews ul li{ display: block; width: 23%; margin: 1%; float: left; box-sizing: border-box; background: #fff; }
.innews ul li .pic{ overflow: hidden; }
.innews ul li .pic img{ transition: all .5s; }
.innews ul li .wz{ padding: 20px; border: 1px solid #dbdbdb; border-top: 0; }
.innews ul li .wz .tit{ font-size: 16px; line-height: 22px; height: 66px; overflow: hidden; margin-bottom: 10px; color: #444; }
.innews ul li .wz .date{ color: #9c9c9c; font-size: 14px; line-height: 25px; border-bottom: 1px solid #dbdbdb; margin-bottom: 45px; }
.innews ul li .wz .more{ font-size: 16px; color: #9c9c9c; text-align: right; }
.innews ul li:hover img{ transform: scale(1.1,1.1); }
.innews ul li:hover .wz{ background: #0068b7; }
.innews ul li:hover .wz .tit{ color: #fff; }
.innews ul li:hover .wz .date{ border-color: #80b4db; color: #a3bddd; }
.innews ul li:hover .wz .more{ color: #a3bddd; }



/*by 欢喜开发*/
/*首页公共*/
.index_tit{margin: 60px 0 0 0}
.index_tit h2{ font-size: 48px; font-weight: bold; color: #1c1c1c; text-align: center; }
.index_tit p{font-size: 16px; color: #868686; text-align: center;}
/*首页公共 end*/

.index_product ul{display:grid;grid-template-columns: 25% 25% 25% 25%;margin-top: 15px;}
.index_product ul li{border: 1px solid #e3e3e3;width: 100%;box-sizing: border-box}
.index_product ul li .img{position: relative;padding-bottom: 120%;width: 95%;margin: 0 auto}
.index_product ul li .img img{width: 100%;height: 100%;object-fit: contain;position: absolute}
.index_product ul li p{font-size: 16px;text-align: center;margin-bottom: 10px;padding:10px}
.index_product ul li:hover{box-shadow: 5px 10px 20px rgba(28, 28, 28, 0.2);position: relative;z-index: 50}

.index_video{padding-top: 40px;}
.index_video ul{display:grid;grid-template-columns: 24% 24% 24% 24%;margin-top: 15px;justify-content: space-between}
.index_video ul li{border: 1px solid #e3e3e3;width: 100%;box-sizing: border-box}
.index_video ul li .img{position: relative;padding-bottom: 72.72%;width: 100%;margin: 0 auto}
.index_video ul li .img>img{width: 100%;height: 100%;object-fit: cover;position: absolute}
.index_video ul li .play{position: absolute;top: 50%;left: 50%;z-index: 5;transform:translate(-50%,-50%);}
.index_video ul li p{font-size: 16px;text-align: center;margin: 15px 0;}

.index_about{display: flex;justify-content: space-between;margin-top: 60px;background:url("../img/index_about_bg.png") no-repeat;background-size: cover;padding: 10px 0}
.index_about .left{width: 48%;}
.index_about .right{flex: 1;margin-left:4%;width:0}
.index_about .right .tit{font-size: 36px;color: #0068b7;font-weight: bold;padding-top: 12px;}
.index_about .right .body p{line-height: 25px;font-size: 16px;margin-top: 15px;}
.index_about .right a.more{font-size: 16px;padding: 15px;display: inline-block}
.index_about .right a.more:hover{background-color: #0068b7;border-radius: 4px;color: white}


.index_factory{position: relative;}
.index_factory .postion{position: relative;padding-bottom: 30%;}
.index_factory ul{display: flex;position: absolute;width: 100%;height: 100%;margin-top: 15px;}
.index_factory ul li{width: 20%;height: inherit}
.index_factory ul li.on{width:0;flex: 1}
.index_factory ul li a{display: block;height: 100%;}
.index_factory ul li .img{height: inherit;}
.index_factory ul li .img img{height: 100%;object-fit: cover;}

/*inside*/
.about_new{display: flex;justify-content: space-between;margin-top: 40px;}
.about_new .left{width: 21%;background-color: #f1f2f4;padding-top: 30px;}
.about_new .left .tit{display: flex;align-items: center;padding-left: 18px;margin-bottom: 20px;}
.about_new .left .tit h2{font-size: 16px;margin-left: 10px;font-weight: bold;}
.about_new .left ul{border-top: 2px solid white}
.about_new .left ul li a{display: block;padding: 14px 0 14px 20px}
.about_new .left ul li a:hover,
.about_new .left ul li.on a{background-color: #00349e;color: white}
.about_new .right{width: 0;flex: 1;margin-left: 2%;}
.about_new .right .top{display: flex;align-items: center}
.about_new .right .top h2{font-size: 25px;line-height: 1;}
.about_new .right .top span{font-size: 16px;line-height: 1;padding-left: 15px;}
.about_new .right .multimedia{display: flex;justify-content: space-between;margin-top: 30px;}
.about_new .right .multimedia .video{width: 66.933%;}
.about_new .right .multimedia .video video{width:100%;height: 100%;object-fit: fill}
.about_new .right .multimedia .pic{width: 0;flex: 1;margin-left: 15px;display: flex;flex-direction: column}
.about_new .right .multimedia .pic li:not(:first-of-type){margin-top: 15px;}
.about_new .right .text_body{font-size: 16px;color: #323232;line-height: 25px;margin-top: 30px;}
.about_new .right .map_tit{font-size: 20px;text-align: center;margin: 25px 0}

.video_new .video_body{display: flex;margin-top: 30px;}
.video_new .video_body .video{width: 30%;}
.video_new .video_body .video video{width:100%;height: 100%;object-fit: fill}
.video_new .video_body .text{width: 0;flex: 1;margin-left: 20px;font-size: 16px;line-height: 25px;}

.video_new .video_list ul{display:grid;grid-template-columns: 19.5% 19.5% 19.5% 19.5% 19.5%;margin-top: 15px;justify-content: space-between;grid-row-gap: 30px}
.video_new .video_list ul li{border: 1px solid #e3e3e3;width: 100%;box-sizing: border-box}
.video_new .video_list ul li .img{position: relative;padding-bottom: 72.72%;width: 100%;margin: 0 auto}
.video_new .video_list ul li .img>img{width: 100%;height: 100%;object-fit: cover;position: absolute}
.video_new .video_list ul li .play{position: absolute;top: 50%;left: 50%;z-index: 5;transform:translate(-50%,-50%);}
.video_new .video_list ul li p{font-size: 16px;text-align: center;margin: 15px 0;}

.video_new .new_body{display: none}

@media all and (max-width: 1200px) {
    .index_product ul{grid-template-columns: 33% 33% 33%;width: 100%;}
    .index_video ul{grid-template-columns: 49% 49%;}
    .index_about{flex-direction: column}
    .index_about .left,
    .index_about .right {width: 100%}
    .index_about .right {margin-left: unset;}

    .about_new,.about_new .right .multimedia{flex-direction: column}
    .about_new .left,
    .about_new .right,
    .about_new .right .multimedia .video,
    .about_new .right .multimedia .pic{width: 100%;flex-direction: unset;margin-left: unset;}
    .about_new .right{margin-top: 20px;}
    .about_new .right .multimedia .pic ul{display: flex;justify-content: space-between;width: 100%;}
    .about_new .right .multimedia .pic ul li{width: 50%;}
    .about_new .right .multimedia .pic ul li img{width: 100%;}

    .video_new .video_body{flex-direction: column}
    .video_new .video_body .video,
    .video_new .video_body .text{width: 100%;margin-left: unset;}
    .video_new .video_list ul{grid-template-columns:33% 33% 33%}



}

@media all and (max-width: 1550px) {
    .header .inmuen > ul > li > a{padding: 0 25px}
}




/*vehicle 详情 START img*/
.vehicle_body .ban{ width:800px; height:900px; position:relative; overflow:hidden;margin:40px auto 0 auto;}
.vehicle_body .ban2{ width:800px; height:800px; position:relative; overflow:hidden;}
.vehicle_body .ban2 ul{ position:absolute; left:0; top:0;}
.vehicle_body .ban2 ul li{ width:800px; height:800px;}
.vehicle_body .ban2 ul li img{object-fit: cover}
.vehicle_body .prev{ float:left; cursor:pointer;}
.vehicle_body .num{ height:82px;overflow:hidden; width:430px; position:relative;float:left;}
.vehicle_body .min_pic{ padding-top:10px; width:500px;}
.vehicle_body .num ul{ position:absolute; left:0; top:0;}
.vehicle_body .num ul li{ width:80px; height:80px; margin-right:5px; padding:1px;}
.vehicle_body .num ul li.on{ border:1px solid red; padding:0;}
.vehicle_body .num ul li img{object-fit: cover}
.vehicle_body .prev_btn1{ width:16px; text-align:center; height:18px; margin-top:40px; margin-right:20px; cursor:pointer; float:left;}
.vehicle_body .next_btn1{  width:16px; text-align:center; height:18px; margin-top:40px;cursor:pointer;float:right;}
.vehicle_body .prev1{ position:absolute; top:420px; left:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.vehicle_body .next1{ position:absolute; top:420px; right:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.vehicle_body .mhc{ background:#000; width:100%;opacity:0.5;-moz-opacity:0.5;filter:alpha(Opacity=50); position:absolute; left:0; top:0; display:none;}
.vehicle_body .pop_up{ width:500px; height:500px; padding:10px; background:#fff; position:fixed; -position:absolute; left:50%; top:50%; margin-left:-255px; margin-top:-255px; display:none; z-index:99;}
.vehicle_body .pop_up_xx{ width:40px; height:40px; position:absolute; top:-40px; right:0; cursor:pointer;}
.vehicle_body .pop_up2{ width:500px; height:500px; position:relative; overflow:hidden;}
.vehicle_body .pop_up2{ width:500px; height:500px; position:relative; overflow:hidden; float:left;}
.vehicle_body .pop_up2 ul{ position:absolute; left:0; top:0;}
.vehicle_body .pop_up2 ul li{ width:500px; height:500px; float:left;}

/*end*/
.content_vehicle{line-height: 25px;font-size: 16px;margin-top: 20px;}
.vehicle_mess .wpcf7 form .wpcf7-response-output{color: white;border: unset}
.vehicle_mess .wpcf7-not-valid-tip{color: #dbdbdb}

.vehicle_mess .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{border: 2px solid #00a0d2}

@media (-webkit-min-device-pixel-ratio: 1.25) {
    #layout {
        zoom: 0.796875;
    }
}
/*by 欢喜开发*/
.content_vehicle table{border-spacing: 0;border-collapse: collapse;}
.content_vehicle table td {border: 1px solid #000;padding: 0px 10px;}
.contact_63 .content_63{margin-top: 25px;}
.contact_63 h2{font-size: 25px;}
.contact_63 .show_line{display: flex;margin-top: 15px;}
.contact_63 bdi{font-size: 16px;}
.contact_63 p{font-size: 16px;min-width: 100px}
.contact_63 .n_left_text{font-size: 16px;min-width: 100px;font-weight: bold;}

/*changed by ch 20230422*/
.contact_63 .newly_content{margin-top: 15px}
.contact_63 .newly_content img{width: 100%;padding: 80px 0 0 0;}



@media all and (max-width: 1000px) {
.vehicle_body .ban{ width:500px; height:600px; position:relative; overflow:hidden;margin:40px auto 0 auto;}
.vehicle_body .ban2{ width:500px; height:500px; position:relative; overflow:hidden;}
.vehicle_body .ban2 ul li{ width:500px; height:500px;}
.vehicle_body .prev1{ position:absolute; top:220px; left:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.vehicle_body .next1{ position:absolute; top:220px; right:20px; width:28px; height:51px;z-index:9;cursor:pointer;}

}

.new_banner img{width:100%}