@charset "utf-8"; 
/*-----------------------------------------------------------*/
/*copyright by 动力无限 www.btoe.cn*/
/*邮箱 btoe@btoe.cn*/
/*合作电话 400-0599-360*/
/*版权所有违者必究*/
/*-----------------------------------------------------------*/
/*Generated by wjdhcms 3.0 */
::-webkit-scrollbar { 
 width: 12px; 
 height: 12px; 
 background-color: #F5F5F5; 
 } 
::-webkit-scrollbar-track { 
 border-radius: 12px; 
 background-color: #E2E2E2; 
 } 
::-webkit-scrollbar-thumb { 
 border-radius: 12px; 
 -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); 
 box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); 
 background-color: #555; 
 } 
::selection { 
 background-color: #c8242b; 
 color: #fff; 
 } 
::-moz-selection { 
 background-color: #c8242b; 
 color: #fff; 
 } 
::-webkit-selection { 
 background-color: #c8242b; 
 color: #fff; 
 } 
#wjdh-kefu .wjdh-kefu-qq p,
#wjdh-kefu .wjdh-kefu-qq a,
#wjdh-kefu .wjdh-kefu-tel p,
#wjdh-kefu .wjdh-kefu-tel img,
#wjdh-kefu .wjdh-kefu-erweima img { 
 box-sizing: content-box; 
 } 
* { 
 padding: 0; 
 margin: 0; 
 font-family: 'Microsoft YaHei', arial, helvetica, clean, sans-serif; 
 } 
body { 
 font: 14px/1.231 'Microsoft YaHei', arial, helvetica, clean, sans-serif; 
 color: #333; 
 margin: 0; 
 line-height: 1.5; 
 font-size: 14px; 
 max-width: 1920px; 
 margin: 0 auto !important; 
 } 
*:before,
*:after { 
 box-sizing: content-box; 
 } 
:focus { 
 outline: 1; 
 } 
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary { 
 display: block; 
 } 
a { 
 color: #333; 
 text-decoration: none; 
 } 
a:link,
a:hover,
a:active,
a:visited { 
 text-decoration: none; 
 } 
ins { 
 background-color: #ff9; 
 color: #000; 
 text-decoration: none; 
 } 
mark { 
 background-color: #ff9; 
 color: #000; 
 font-style: italic; 
 font-weight: bold; 
 } 
del { 
 text-decoration: line-through; 
 } 
table { 
 border-collapse: collapse; 
 border-spacing: 0; 
 } 
hr { 
 display: block; 
 height: 1px; 
 border: 0; 
 border-top: 1px solid #cccccc; 
 margin: 1em 0; 
 padding: 0; 
 } 
input,
select { 
 vertical-align: middle; 
 } 
li,
ul { 
 list-style-type: none; 
 } 
img { 
 border: none; 
 } 
input,
textarea { 
 outline: 0; 
 border: 0; 
 resize: none; 
 } 
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dd,
dt,
i,
em { 
 font-weight: normal; 
 font-style: normal; 
 } 
.webqq_ewm { 
 box-sizing: content-box; 
 } 
.fixedNav { 
 position: fixed; 
 top: 0px; 
 left: 0px; 
 width: 100%; 
 z-index: 100000; 
 box-shadow: 0px 10px 12px rgba(0, 0, 0, 0.1); 
 background-color: #fff !important; 
 } 
html { 
 cursor: url(../images/cur.png), default; 
 } 
a { 
 cursor: url(../images/Acur.png), default; 
 } 
textarea { 
 animation: animated 1s infinite; 
 -moz-animation: animated 1s infinite; 
 -webkit-animation: animated 1s infinite; 
 -o-animation: animated 1s infinite; 
 } 
input[type="text"] { 
 animation: animated 1s infinite; 
 -moz-animation: animated 1s infinite; 
 -webkit-animation: animated 1s infinite; 
 -o-animation: animated 1s infinite; 
 } 
input[type="button"] { 
 cursor: url(../images/Acur.png), default !important; 
 } 
input,
button { 
 outline: none; 
 } 
@keyframes animated { 
 0% { 
 cursor: url('../images/Pcuro1.png'), auto; 
 } 
 8.8% { 
 cursor: url('../images/Pcuro2.png'), auto; 
 } 
 17.6% { 
 cursor: url('../images/Pcuro3.png'), auto; 
 } 
 26.4% { 
 cursor: url('../images/Pcuro4.png'), auto; 
 } 
 35.2% { 
 cursor: url('../images/Pcuro5.png'), auto; 
 } 
 44% { 
 cursor: url('../images/Pcuro6.png'), auto; 
 } 
 52.8% { 
 cursor: url('../images/Pcuro7.png'), auto; 
 } 
 61.6% { 
 cursor: url('../images/Pcuro8.png'), auto; 
 } 
 70.4% { 
 cursor: url('../images/Pcuro9.png'), auto; 
 } 
 79.2% { 
 cursor: url('../images/Pcuro10.png'), auto; 
 } 
 88% { 
 cursor: url('../images/Pcuro11.png'), auto; 
 } 
 100% { 
 cursor: url('../images/Pcuro12.png'), auto; 
 } 
 } 
.wjdh-ico1,
.wjdh-ico2 { 
 vertical-align: middle; 
 } 
/* xunpan S */
.container1 { 
 height: auto; 
 margin: 0 auto; 
 } 
.topxunpan { 
 text-align: left; 
 width: 67px; 
 height: 53px; 
 background: url(../images/xp.png) no-repeat center; 
 border-left: 2px solid #F5F5F5; 
 border-right: 2px solid #F5F5F5; 
 box-sizing: border-box; 
 } 
.topxunpan > i { 
 display: block; 
 width: 65px; 
 height: 65px; 
 margin: 18px auto 10px; 
 } 
.topxunpan .xp { 
 position: relative; 
 color: transparent; 
 font-size: 0; 
 line-height: 30px; 
 cursor: pointer; 
 } 
.topxunpan .xp img { 
 vertical-align: middle; 
 } 
.topxunpan .rx img { 
 vertical-align: middle; 
 margin-right: 5px; 
 } 
.topxunpan .xp i { 
 width: 67px; 
 height: 53px; 
 } 
.topxunpan .xp #xunpantip { 
 z-index: 999; 
 position: absolute; 
 top: 53px !important; 
 left: 50%; 
 width: 180px; 
 height: 30px; 
 line-height: 30px; 
 text-align: center; 
 color: #fff; 
 font-size: 14px; 
 -webkit-transform: translateX(-50%) scale(0); 
 -moz-transform: translateX(-50%) scale(0); 
 -o-transform: translateX(-50%) scale(0); 
 -ms-transform: translateX(-50%) scale(0); 
 transform: translateX(-50%) scale(0); 
 -webkit-transition: transform 0.4s, opacity 0.4s; 
 -moz-transition: transform 0.4s, opacity 0.4s; 
 -o-transition: transform 0.4s, opacity 0.4s; 
 -ms-transition: transform 0.4s, opacity 0.4s; 
 transition: transform 0.4s, opacity 0.4s; 
 background-color: #c8242b; 
 border-radius: 4px; 
 opacity: 0; 
 font-weight: bold; 
 } 
.topxunpan .xp #xunpantip::after { 
 content: ''; 
 position: absolute; 
 top: -16px; 
 left: 50%; 
 width: 0; 
 height: 0; 
 -webkit-transform: translateX(-50%); 
 -moz-transform: translateX(-50%); 
 -o-transform: translateX(-50%); 
 -ms-transform: translateX(-50%); 
 transform: translateX(-50%); 
 border: 8px solid transparent; 
 border-bottom-color: #c8242b; 
 } 
.topxunpan .xp #xunpantip.xunpantextactive { 
 -webkit-transform: translateX(-50%) scale(1); 
 -moz-transform: translateX(-50%) scale(1); 
 -o-transform: translateX(-50%) scale(1); 
 -ms-transform: translateX(-50%) scale(1); 
 transform: translateX(-50%) scale(1); 
 opacity: 1; 
 } 
.xcConfirm .xc_layer { 
 position: fixed; 
 top: 0; 
 left: 0; 
 width: 100%; 
 height: 0%; 
 background-color: #666666; 
 opacity: 0.5; 
 transition: 0.3s; 
 z-index: 2147000000; 
 } 
.xcConfirm .popBox { 
 position: fixed; 
 left: 50%; 
 top: 50%; 
 background-color: #ffffff; 
 z-index: 2147000001; 
 width: 10px; 
 height: 0px; 
 margin-left: -285px; 
 margin-top: -150px; 
 border-radius: 5px; 
 font-weight: bold; 
 color: #535e66; 
 transition: 0.3s; 
 overflow: hidden; 
 } 
.xcConfirm .popBox .ttBox { 
 height: 30px; 
 line-height: 30px; 
 padding: 14px 30px; 
 border-bottom: solid 1px #eef0f1; 
 height: 59px; 
 box-sizing: border-box; 
 } 
.xcConfirm .popBox .ttBox .tt { 
 font-size: 18px; 
 display: block; 
 float: left; 
 height: 30px; 
 position: relative; 
 } 
.xcConfirm .popBox .txtBox { 
 margin: 40px 68px; 
 height: 68px; 
 overflow: hidden; 
 } 
.xcConfirm .popBox .txtBox p { 
 height: 68px; 
 margin-top: 16px; 
 line-height: 26px; 
 overflow-x: hidden; 
 overflow-y: auto; 
 } 
.xcConfirm .popBox .txtBox p input { 
 width: 364px; 
 height: 30px; 
 border: solid 1px #eef0f1; 
 font-size: 18px; 
 margin-top: 6px; 
 } 
.xcConfirm .popBox .btnArea { 
 border-top: solid 1px #eef0f1; 
 } 
.xcConfirm .popBox .btnGroup { 
 float: right; 
 } 
.xcConfirm .popBox .btnGroup .sgBtn { 
 margin-top: 14px; 
 margin-right: 10px; 
 } 
.xcConfirm .popBox .sgBtn { 
 display: block; 
 cursor: pointer; 
 float: left; 
 width: 95px; 
 height: 35px; 
 line-height: 35px; 
 text-align: center; 
 color: #FFFFFF; 
 border-radius: 5px; 
 } 
.xcConfirm .popBox .sgBtn.ok { 
 color: #FFFFFF; 
 position: relative; 
 z-index: 1; 
 display: block; 
 text-align: center; 
 overflow: hidden; 
 -webkit-transition: background-color 0.6s, color 0.3s; 
 transition: background-color 0.6s, color 0.3s; 
 box-sizing: border-box; 
 border: none; 
 background-color: #c8242b; 
 cursor: pointer; 
 } 
.xcConfirm .popBox .sgBtn.ok::before { 
 content: ''; 
 position: absolute; 
 top: 0; 
 left: 0; 
 width: 100%; 
 height: 100%; 
 border: 2px solid #c8242b; 
 z-index: -1; 
 border-radius: inherit; 
 opacity: 0; 
 -webkit-transform: scale3d(0.6, 0.6, 1); 
 transform: scale3d(0.6, 0.6, 1); 
 -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; 
 transition: transform 0.3s, opacity 0.3s; 
 -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); 
 transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); 
 box-sizing: border-box; 
 } 
.xcConfirm .popBox .sgBtn.ok:hover { 
 color: #c8242b; 
 background-color: #fff; 
 } 
.xcConfirm .popBox .sgBtn.ok:hover::before { 
 -webkit-transform: scale3d(1, 1, 1); 
 transform: scale3d(1, 1, 1); 
 opacity: 1; 
 } 
.xcConfirm .popBox .sgBtn.cancel { 
 background-color: #546a79; 
 color: #FFFFFF; 
 } 
.xcConfirm { 
 transition: 0.7s; 
 } 
.xcConfirm .openh { 
 height: 100%; 
 } 
.xcConfirm .openw1 { 
 width: 511px; 
 } 
.xcConfirm .openw { 
 height: 275px; 
 } 
/* *************************NAV********************************* */
.box-nav { 
 height: 115px; 
 box-sizing: border-box; 
 } 
.box-nav .nav { 
 position: absolute; 
 top: 0; 
 left: 675px; 
 right: -135px; 
 width: 735px; 
 display: flex; 
 justify-content: space-between; 
 } 
.box-nav .nav .m { 
 float: left; 
 position: relative; 
 height: 115px; 
 } 
.box-nav .nav .m .mmm { 
 display: inline-block; 
 color: #333; 
 font-size: 16px; 
 height: 115px; 
 line-height: 115px; 
 -webkit-transition: 0.5s; 
 transition: 0.5s; 
 position: relative; 
 z-index: 20; 
 } 
.box-nav .nav .m .mmm::before { 
 content: ""; 
 display: inline-block; 
 width: 97px; 
 height: 0; 
 background: #c8242b; 
 position: absolute; 
 bottom: 0; 
 left: 50%; 
 transform: translateX(-50%); 
 z-index: -1; 
 -webkit-transition-duration: 0.6s; 
 transition-duration: 0.6s; 
 } 
.box-nav .nav .another .mmm { 
 color: #fff; 
 } 
.box-nav .nav .another .mmm::before { 
 height: 117px; 
 } 
.box-nav .nav .m .sub { 
 display: none; 
 position: absolute; 
 left: 50%; 
 top: 115px; 
 z-index: 50; 
 transform: translateX(-50%); 
 } 
.box-nav .nav .m .cp { 
 transform: translateX(-63%); 
 } 
.box-nav .nav .m .sub .nav-con { 
 width: 1280px; 
 height: 460px; 
 background: #fcfcfc; 
 border-radius: 10px; 
 background: url(../images/na-bj.png) no-repeat center; 
 } 
.box-nav .nav .m .sub .nav-con .fl { 
 margin-top: 64px; 
 width: 830px; 
 } 
.box-nav .nav .m .sub .nav-con .fl .top-a { 
 width: 730px; 
 height: 38px; 
 } 
.box-nav .nav .m .sub .nav-con .fl .top-a .btt { 
 font-size: 24px; 
 line-height: 38px; 
 color: #444; 
 font-weight: bolder; 
 float: left; 
 position: relative; 
 } 
.box-nav .nav .m .sub .nav-con .fl .top-a .btt::before { 
 content: ""; 
 width: 188px; 
 height: 1px; 
 background: #a0a0a0; 
 position: absolute; 
 top: 50%; 
 right: -215%; 
 } 
.box-nav .nav .m .sub .nav-con .fl .navList { 
 margin: 45px -45px 0 0; 
 background-color: #ffffff; 
 border-radius: 5px; 
 width: 764px; 
 height: 268px; 
 padding: 35px 0px 35px 23px; 
 box-sizing: border-box; 
 } 
.box-nav .nav .m .sub .nav-con .fl .navList :hover { 
 box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1); 
 } 
.box-nav .nav .m .sub .nav-con .fl .navList li { 
 width: 202px; 
 height: 40px; 
 float: left; 
 overflow: hidden; 
 margin: 0 45px 40px 0; 
 box-sizing: border-box; 
 border: solid 1px #7d7d7d; 
 border-radius: 20px; 
 vertical-align: middle; 
 -webkit-transform: translateZ(0); 
 transform: translateZ(0); 
 box-shadow: 0 0 1px rgba(0, 0, 0, 0); 
 -webkit-backface-visibility: hidden; 
 backface-visibility: hidden; 
 -moz-osx-font-smoothing: grayscale; 
 position: relative; 
 -webkit-transition-property: color; 
 transition-property: color; 
 -webkit-transition-duration: 0.3s; 
 transition-duration: 0.3s; 
 } 
.box-nav .nav .m .sub .nav-con .fl .navList li::after { 
 content: ""; 
 position: absolute; 
 z-index: -1; 
 top: 0; 
 bottom: 0; 
 left: 0; 
 right: 0; 
 background: #c8242b; 
 -webkit-transform: scaleX(0); 
 transform: scaleX(0); 
 -webkit-transform-origin: 50%; 
 transform-origin: 50%; 
 -webkit-transition-property: transform; 
 transition-property: transform; 
 -webkit-transition-duration: 0.3s; 
 transition-duration: 0.3s; 
 -webkit-transition-timing-function: ease-out; 
 transition-timing-function: ease-out; 
 } 
.box-nav .nav .m .sub .nav-con .fl .navList li:hover { 
 color: #fff; 
 } 
.box-nav .nav .m .sub .nav-con .fl .navList li:hover::after { 
 -webkit-transform: scaleX(1); 
 transform: scaleX(1); 
 } 
.box-nav .nav .m .sub .nav-con .fl .navList li::before { 
 content: ""; 
 display: block; 
 width: 8px; 
 height: 16px; 
 background: url(../images/nav-arr.png) no-repeat; 
 position: absolute; 
 top: 12px; 
 right: 14px; 
 -webkit-transition: 0.5s; 
 transition: 0.5s; 
 } 
.box-nav .nav .m .sub .nav-con .fl .navList li:hover::before { 
 background: url(../images/nav-arrs.png) no-repeat; 
 } 
.box-nav .nav .m .sub .nav-con .fl .navList li a { 
 display: block; 
 line-height: 40px; 
 text-align: center; 
 padding-right: 28px; 
 padding-left: 15px; 
 overflow: hidden; 
 text-overflow: ellipsis; 
 white-space: nowrap; 
 -webkit-transition: 0.5s; 
 transition: 0.5s; 
 } 
.box-nav .nav .m .sub .nav-con .fl .navList li:hover a { 
 color: #fff; 
 } 
.box-nav .nav .m .sub .nav-con .fl .navList li:hover { 
 border: none; 
 } 
.box-nav .nav .m .sub .nav-con .fr { 
 width: 450px; 
 padding-top: 60px; 
 box-sizing: border-box; 
 } 
.box-nav .nav .m .sub .nav-con .fr img { 
 width: 334px; 
 height: 195px; 
 margin: 0 auto; 
 display: block; 
 border-radius: 4px; 
 -webkit-transition: 0.5s; 
 transition: 0.5s; 
 object-fit: contain; 
 } 
.box-nav .nav .m .sub .nav-con .fr img:hover { 
 transform: scale(1.05); 
 } 
.box-nav .nav .m .sub .nav-con .fr p { 
 width: 336px; 
 margin: 0 auto; 
 color: #666; 
 line-height: 28px; 
 font-size: 14px; 
 margin-top: 25px; 
 display: -webkit-box; 
 -webkit-box-orient: vertical; 
 -webkit-line-clamp: 3; 
 overflow: hidden; 
 height: 85px; 
 } 
.box-nav .nav .m .sub .nav-con .fr .more { 
 width: 36px; 
 height: 36px; 
 background: #c8242b; 
 border-radius: 50%; 
 display: block; 
 text-indent: -9999px; 
 position: relative; 
 margin: 28px 0 0 65px; 
 } 
.box-nav .nav .m .sub .nav-con .fr .more::before { 
 content: ""; 
 display: block; 
 width: 16px; 
 height: 14px; 
 background: url(../images/nav-add.png) no-repeat; 
 position: absolute; 
 top: 50%; 
 left: 50%; 
 margin-top: -7px; 
 margin-left: -8px; 
 } 
.box-nav .nav .m .ne { 
 display: inline-block; 
 color: #999; 
 position: absolute; 
 top: -20px; 
 left: 50%; 
 transform: translateX(-50%); 
 -webkit-transition: 0.5s; 
 transition: 0.5s; 
 } 
.box-nav .nav .another .ne { 
 top: 100px; 
 } 
.top-a { 
 margin-left: 22px; 
 } 
.top-a .line { 
 display: block; 
 float: right; 
 width: 146px; 
 height: 38px; 
 border-radius: 19px; 
 line-height: 38px; 
 padding-left: 51px; 
 box-sizing: border-box; 
 color: #fff; 
 font-size: 14px; 
 background: url(../images/nav-qq.png) no-repeat left center; 
 background-color: #c8242b; 
 background-position-x: 21px; 
 } 
.box-nav .nav .m .sub .er a { 
 display: block; 
 height: 50px; 
 background: #333; 
 color: #fff; 
 width: 150px; 
 text-align: center; 
 line-height: 50px; 
 vertical-align: middle; 
 -webkit-transform: translateZ(0); 
 transform: translateZ(0); 
 box-shadow: 0 0 1px rgba(0, 0, 0, 0); 
 -webkit-backface-visibility: hidden; 
 backface-visibility: hidden; 
 -moz-osx-font-smoothing: grayscale; 
 position: relative; 
 -webkit-transition-property: color; 
 transition-property: color; 
 -webkit-transition-duration: 0.3s; 
 transition-duration: 0.3s; 
 } 
.box-nav .nav .m .sub .er a::after { 
 content: ""; 
 position: absolute; 
 z-index: -1; 
 top: 0; 
 left: 0; 
 right: 0; 
 bottom: 0; 
 background: #c8242b; 
 -webkit-transform: scale(0); 
 transform: scale(0); 
 -webkit-transition-property: transform; 
 transition-property: transform; 
 -webkit-transition-duration: 0.3s; 
 transition-duration: 0.3s; 
 -webkit-transition-timing-function: ease-out; 
 transition-timing-function: ease-out; 
 } 
.box-nav .nav .m .sub .er a:hover { 
 color: #fff; 
 } 
.box-nav .nav .m .sub .er a:hover::after { 
 -webkit-transform: scale(1); 
 transform: scale(1); 
 } 
/* *************************NAV********************************* */
.jy { 
 vertical-align: middle; 
 -webkit-transform: translateZ(0); 
 transform: translateZ(0); 
 box-shadow: 0 0 1px rgba(0, 0, 0, 0); 
 -webkit-backface-visibility: hidden; 
 backface-visibility: hidden; 
 -moz-osx-font-smoothing: grayscale; 
 position: relative; 
 -webkit-transition-property: color; 
 transition-property: color; 
 -webkit-transition-duration: 0.3s; 
 transition-duration: 0.3s; 
 } 
.jy::after { 
 content: ""; 
 position: absolute; 
 z-index: -1; 
 top: 0; 
 left: 0; 
 right: 0; 
 bottom: 0; 
 background: #c8242b; 
 -webkit-transform: scale(0); 
 transform: scale(0); 
 -webkit-transition-property: transform; 
 transition-property: transform; 
 -webkit-transition-duration: 0.3s; 
 transition-duration: 0.3s; 
 -webkit-transition-timing-function: ease-out; 
 transition-timing-function: ease-out; 
 } 
.jy:hover { 
 color: #fff; 
 } 
.jy:hover::after { 
 -webkit-transform: scale(1); 
 transform: scale(1); 
 } 
.bk { 
 cursor: pointer; 
 position: relative; 
 } 
.bk:after,
.bk:before { 
 content: ''; 
 display: block; 
 position: absolute; 
 border: 1px transparent solid; 
 width: 0; 
 height: 0; 
 box-sizing: border-box; 
 } 
.bk:after { 
 left: 0; 
 top: 0; 
 transition: border-color 0s ease-in 0.8s, width 0.2s ease-in 0.6s, height 0.2s ease-in 0.4s; 
 } 
.bk:before { 
 right: 0; 
 bottom: 0; 
 transition: border-color 0s ease-in 0.4s, width 0.2s ease-in 0.2s, height 0.2s ease-in 0s; 
 } 
.bk:hover:after,
.bk:hover:before { 
 height: 100%; 
 width: 100%; 
 } 
.bk:hover:after { 
 border-right-color: #c8242b; 
 border-top-color: #c8242b; 
 transition: width 0.2s ease-out 0s, height 0.2s ease-out 0.2s; 
 } 
.bk:hover:before { 
 border-left-color: #c8242b; 
 border-bottom-color: #c8242b; 
 transition: border-color 0s ease-out 0.4s, width 0.2s ease-out 0.4s, height 0.2s ease-out 0.6s; 
 } 
.contents { 
 width: 1280px; 
 margin: 0 auto; 
 } 
.fl { 
 float: left; 
 } 
.fr { 
 float: right; 
 } 
.clearfix:after { 
 content: ""; 
 display: block; 
 clear: both; 
 visibility: hidden; 
 line-height: 0; 
 height: 0; 
 font-size: 0; 
 } 
.yc { 
 overflow: hidden; 
 text-overflow: ellipsis; 
 white-space: nowrap; 
 } 
.tsy { 
 vertical-align: middle; 
 -webkit-transform: perspective(1px) translateZ(0); 
 transform: perspective(1px) translateZ(0); 
 box-shadow: 0 0 1px rgba(0, 0, 0, 0); 
 -webkit-transition-duration: 0.3s; 
 transition-duration: 0.3s; 
 -webkit-transition-property: transform; 
 transition-property: transform; 
 -webkit-transition-timing-function: ease-out; 
 transition-timing-function: ease-out; 
 } 
.tsy:hover { 
 -webkit-transform: translateY(-4px); 
 transform: translateY(-4px); 
 } 
.gd { 
 -webkit-transition: 0.5s; 
 transition: 0.5s; 
 } 
.w100 { 
 width: 100%; 
 height: 100%; 
 object-fit: contain; 
 } 
.yuas { 
 -webkit-animation: hang linear 2s infinite; 
 } 
@-webkit-keyframes hang { 
 0%,
 100% { 
 -webkit-transform: translate(0, -8px); 
 } 
 50% { 
 -webkit-transform: translate(0, 0); 
 } 
 } 
.zyuo { 
 -webkit-animation: zyuo linear 2s infinite; 
 } 
@keyframes zyuo { 
 16.65% { 
 -webkit-transform: translateX(6px); 
 transform: translateX(6px); 
 } 
 33.3% { 
 -webkit-transform: translateX(-5px); 
 transform: translateX(-5px); 
 } 
 49.95% { 
 -webkit-transform: translateX(4px); 
 transform: translateX(4px); 
 } 
 66.6% { 
 -webkit-transform: translateX(-2px); 
 transform: translateX(-2px); 
 } 
 83.25% { 
 -webkit-transform: translateX(1px); 
 transform: translateX(1px); 
 } 
 100% { 
 -webkit-transform: translateX(0); 
 transform: translateX(0); 
 } 
 } 
.flex { 
 display: flex; 
 justify-content: space-between; 
 } 
.header { 
 height: 54px; 
 border-bottom: 1px solid #ececec; 
 box-sizing: border-box; 
 } 
.header .contents { 
 display: flex; 
 justify-content: space-between; 
 } 
.header p { 
 font-size: 18px; 
 color: #333; 
 line-height: 54px; 
 font-weight: bold; 
 padding-left: 84px; 
 background: url(../images/ding.png) no-repeat center left; 
 margin-left: -150px; 
 } 
.header .plaet { 
 width: 320px; 
 margin: 0 -132px 0 0; 
 display: flex; 
 justify-content: space-between; 
 } 
.header .plaet .num { 
 padding-left: 85px; 
 font-family: Arial; 
 font-size: 22px; 
 font-weight: bold; 
 line-height: 54px; 
 background: url(../images/tel1.png) no-repeat center left; 
 } 
.box-nav .contents { 
 height: 117px; 
 position: relative; 
 } 
.box-nav .logo { 
 display: block; 
 position: absolute; 
 top: 29px; 
 left: -150px; 
 width: 495px; 
 display: flex; 
 justify-content: space-between; 
 } 
.box-nav .logo .tu img { 
 display: block; 
 width: auto; 
 height: 58px; 
 } 
.box-nav .logo .plaet { 
 width: 387px; 
 } 
.box-nav .logo .plaet img { 
 width: auto; 
 height: 25px; 
 display: block; 
 margin: 13px 0 0; 
 } 
.box-nav .logo .plaet p { 
 font-family: Arial; 
 font-size: 12px; 
 color: #999; 
 line-height: 11px; 
 letter-spacing: 1px; 
 width: 450px; 
 transform: scale(0.97) translateX(-10px); 
 margin: 9px 0 0; 
 } 
.banner { 
 position: relative; 
 padding: 0 60px;
 } 
.banner .slideshow { 
 position: relative; 
 width: 100%; 
 border-radius: 15px;
 overflow: hidden;
 } 
.banner .slideshow .bd li { 
 height: 755px; 
 } 

 .banner .slideshow .bd li iframe { 
width: 100% !important; 
height: 100% !important; 
object-fit: cover; 
 } 
.banner .slideshow .bd li img { 
 display: block; 
 width: 100%; 
 height: 100%; 
 object-fit: cover; 
 } 
.banner .slideshow .bd li video { 
 width: 100%; 
 max-height: 755px; 
 object-fit: contain; 
 } 
.banner .slideshow .prev { 
 width: 50px; 
 height: 50px; 
 background: url(../images/arrows.png) top left; 
 text-indent: -99999px; 
 position: absolute; 
 top: 50%; 
 left: 10%; 
 margin-top: -25px; 
 z-index: 999; 
 cursor: pointer; 
 border: none; 
 } 
.banner .slideshow .next { 
 width: 50px; 
 height: 50px; 
 background: url(../images/arrows.png) top right; 
 text-indent: -99999px; 
 position: absolute; 
 top: 50%; 
 right: 10%; 
 margin-top: -25px; 
 z-index: 999; 
 cursor: pointer; 
 border: none; 
 } 
.footer {
 height: 475px;
 background: url(../images/footer.jpg) no-repeat center bottom;
 padding: 52px 0 0;
 box-sizing: border-box;
 } 
.footer .warp { 
 display: flex; 
 justify-content: space-between; 
 } 
.footer .warp .mess { 
 width: 825px; 
 height: 150px; 
 } 
.footer .warp .mess h3 { 
 font-size: 22px; 
 color: #fff; 
 line-height: 25px; 
 font-weight: bold; 
 } 
.footer .warp .mess h3 i { 
 font-family: Arial; 
 font-size: 12px; 
 color: #cccacb; 
 line-height: 25px; 
 margin-left: 10px; 
 } 
.footer .warp .mess .FOM { 
 width: 826px; 
 display: flex; 
 justify-content: space-between; 
 flex-wrap: wrap; 
 margin: 15px 0 0; 
 } 
.footer .warp .mess .FOM .n { 
 height: 33px; 
 border-radius: 4px; 
 position: relative; 
 padding: 0 0 0 21px; 
 box-sizing: border-box; 
 margin-bottom: 12px; 
 overflow: hidden; 
 } 
.footer .warp .mess .FOM .n img { 
 width: 80px; 
 height: 33px; 
 position: absolute; 
 top: 0; 
 right: 0; 
 cursor: pointer; 
 } 
.footer .warp .mess .FOM .n input { 
 width: 100%; 
 height: 100%; 
 line-height: 33px; 
 font-size: 14px; 
 background: none; 
 color: #fff; 
 } 
.footer .warp .mess .FOM .n input::placeholder { 
 color: #fff; 
 } 
.footer .warp .mess .FOM .n textarea { 
 width: 100%; 
 height: 100%; 
 line-height: 30px; 
 font-size: 14px; 
 background: none; 
 color: #fff; 
 } 
.footer .warp .mess .FOM .n textarea::placeholder { 
 color: #fff; 
 } 
.footer .warp .mess .FOM .n:nth-child(1) { 
 background: rgba(255, 255, 255, 0.5); 
 background-position-x: 18px; 
 width: 251px; 
 } 
.footer .warp .mess .FOM .n:nth-child(2) { 
 background: rgba(255, 255, 255, 0.5); 
 background-position-x: 18px; 
 width: 251px; 
 } 
.footer .warp .mess .FOM .n:nth-child(3) { 
 background: rgba(255, 255, 255, 0.5); 
 background-position-x: 18px; 
 width: 251px; 
 } 
.footer .warp .mess .FOM .n:nth-child(4) { 
 background: rgba(255, 255, 255, 0.5); 
 background-position-x: 18px; 
 width: 656px; 
 height: 39px; 
 } 
.footer .warp .mess .FOM #btn { 
 width: 155px; 
 height: 39px; 
 background: #fff; 
 border-radius: 4px; 
 font-size: 14px; 
 color: #333; 
 line-height: 39px; 
 text-align: center; 
 cursor: pointer; 
 } 
.footer .warp .plaet { 
 display: flex; 
 justify-content: space-between; 
 width: 370px; 
 } 
.footer .warp .plaet .erm { 
 width: 100px; 
 } 
.footer .warp .plaet .erm img { 
 display: block; 
 width: 100px; 
 height: 100px; 
 overflow: hidden; 
 } 
.footer .warp .plaet .erm p { 
 font-size: 14px; 
 color: #fbc3c3; 
 line-height: 15px; 
 text-align: center; 
 margin: 10px 0 0; 
 } 
.footer .warp .plaet .rong { 
 display: block; 
 width: 212px; 
 height: 150px; 
 position: relative; 
 } 

.footer .warp .plaet .rong img { 
width: 100%; 
height: 100%; 
object-fit: contain; 
 } 
.footer .warp .plaet .rong::before { 
 content: ""; 
 display: block; 
 width: 222px; 
 height: 165px; 
 position: absolute; 
 background: url(../images/rong.png) no-repeat center; 
 top: 0; 
 left: 0; 
 } 
.footer .art {
 display: flex;
 justify-content: space-between;
 margin: 15px 0 0;
 height: 39px;
 } 
.footer .art li { 
 height: 39px; 
 font-size: 16px; 
 color: #fff; 
 line-height: 39px; 
 padding-left: 50px; 
 } 
.footer .art li:nth-child(1) { 
 background: url(../images/a1.png) no-repeat center left; 
 } 
.footer .art li:nth-child(2) { 
 background: url(../images/a2.png) no-repeat center left; 
 } 
.footer .art li:nth-child(3) { 
 background: url(../images/a3.png) no-repeat center left; 
 } 
.footer .reg {
 display: flex;
 justify-content: space-between;
 margin: 20px 0 0;
 height: 110px;
 } 
.footer .reg .lists { 
 width: 1015px; 
 display: flex; 
 justify-content: space-between; 
 flex-wrap: wrap; 
 } 
.footer .reg .lists li {
 width: 505px;
 display: flex;
 justify-content: space-between;
 margin: 0 0 10px 0;
 } 
.footer .reg .lists li p { 
 font-size: 18px; 
 color: #fff; 
 line-height: 40px; 
 padding-left: 26px; 
 position: relative; 
 } 
.footer .reg .lists li p::before { 
 content: ""; 
 display: block; 
 width: 18px; 
 height: 2px; 
 position: absolute; 
 background: #fbc3c3; 
 top: 20px; 
 left: 0; 
 } 
.footer .reg .lists li .er { 
 width: 390px; 
 display: flex; 
 justify-content: space-between; 
 } 
.footer .reg .lists li .er a { 
 display: block; 
 width: 100px; 
 font-size: 14px; 
 color: #fbc3c3; 
 line-height: 40px; 
 overflow: hidden; 
 text-overflow: ellipsis; 
 white-space: nowrap; 
 -webkit-transition: 0.5s; 
 transition: 0.5s; 
 } 
.footer .reg .lists li .er a:hover { 
 color: #fff; 
 } 
.footer .reg .tu { 
 height: 140px; 
 } 
.footer .reg .tu img { 
 display: block; 
 margin-bottom: 8px; 
 } 
.footer .ban {
 font-size: 14px;
 color: #fbc3c3;
 line-height: 30px;
 margin: 35px 0 0;
 height: 30px;
 } 
.footer .ban a { 
 color: #fbc3c3; 
 } 
@media (max-width: 1440px) { 
 .header p { 
 margin: 0; 
 } 
 .header .plaet { 
 margin: 0; 
 } 
 .box-nav .logo { 
 left: 0; 
 } 
 .box-nav .nav { 
 right: 0; 
 left: 600px; 
 } 
 }