@charset "utf-8";::-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: #cb0000;color: #fff;}
::-moz-selection{background-color: #cb0000;color: #fff;}
::-webkit-selection{background-color: #cb0000;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;}
*: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% !important;z-index: 100000;box-shadow: 0px 10px 12px rgba(0, 0, 0, 0.1);}
html{cursor: url(../images/cur.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;box-sizing: border-box;height: 30px;position: absolute;left: 5.5%;bottom: 8%;}
.topxunpan > i{display: block;width: 65px;height: 65px;margin: 18px auto 10px;}
.topxunpan .xp{position: relative;color: #fff;font-size: 16px;line-height: 30px;cursor: pointer;padding-left: 29px;background: url(../images/xp.png) no-repeat center left;}
.topxunpan .xp img{vertical-align: middle;}
.topxunpan .rx img{vertical-align: middle;margin-right: 5px;}
.topxunpan .xp i{color: #fff;}
.topxunpan .xp #xunpantip{z-index: 999;position: absolute;top: 35px !important;left: 20%;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: #cb0000;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: #cb0000;}
.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: #cb0000;cursor: pointer;}
.xcConfirm .popBox .sgBtn.ok::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 2px solid #cb0000;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: #cb0000;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: 100px;box-sizing: border-box;width: 1394px;background: #fff;margin: 0 auto;-webkit-transition: 0.5s;border-radius:10px;transition: 0.5s;}
.box-nav .nav{position: absolute;top: 0;left: 380px;right: -20px;}
.box-nav .nav .m{float: left;position: relative;height: 100px;padding: 0 23.5px;}
.box-nav .nav .m::before{content: "";display: block;width: 35px;height: 110px;position: absolute;background: url(../images/navico1.png) no-repeat center top;bottom: 0;left: 50%;margin-left: -17.5px;transform: scale3d(0, 1, 0);-webkit-transition: 0.5s;transition: 0.5s;}
.box-nav .nav .m::after{content: "";display: block;width: 3px;height: 100px;position: absolute;background: url(../images/navico2.png) no-repeat center;top: 0;right: -2px;}
.box-nav .nav .m:last-child::after{display: none;}
.box-nav .nav .m .mmm{display: inline-block;color: #333;font-size: 16px;height: 100px;line-height: 100px;-webkit-transition: 0.5s;transition: 0.5s;position: relative;z-index: 20;}
.box-nav .nav .m .mmm::before{content: "";display: inline-block;width: 0;height: 2px;background: #cb0000;position: absolute;top: 50%;left: -20px;margin-top: -1px;z-index: -1;-webkit-transition-duration: 0.6s;transition-duration: 0.6s;}
.box-nav .nav .m .mmm::after{content: "";display: inline-block;width: 0;height: 2px;background: #cb0000;position: absolute;top: 50%;right: -20px;margin-top: -1px;z-index: -1;-webkit-transition-duration: 0.6s;transition-duration: 0.6s;}
.box-nav .nav .another::before{transform: scale3d(1, 1, 1);}
.box-nav .nav .another::after{right: -14px;}
.box-nav .nav .another .mmm{color: #333;}
.box-nav .nav .another .mmm::before{width: 15px;}
.box-nav .nav .another .mmm::after{width: 15px;}
.box-nav .nav .m .sub{display: none;position: absolute;left: 50%;top: 100px;z-index: 50;transform: translateX(-50%);}
.box-nav .nav .m .cp{transform: translateX(-53%);}
.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: #cb0000;-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: #cb0000;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: #cb0000;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: #cb0000;-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: #cb0000;-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: #cb0000;border-top-color: #cb0000;transition: width 0.2s ease-out 0s, height 0.2s ease-out 0.2s;}
.bk:hover:before{border-left-color: #cb0000;border-bottom-color: #cb0000;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{
  margin: 10px 0 0;}
.homes  .header{height: 177px;position: absolute;top: 0;left: 0;width: 100%;padding: 37px 0 0;box-sizing: border-box;margin: 0;}
.header .ding{margin: 0 0 18px;}
.header .ding .contents{display: flex;justify-content: space-between;}
.header .ding p{font-size: 16px;color: #333;line-height: 22px;}
.header .ding .num{font-size: 16px;color: #333;line-height: 22px;padding-left: 32px;background: url(../images/tel1.png) no-repeat center left;}
.homes .ding p{color: #fff;}
.homes .ding .num{color: #fff;}
.box-nav .contents{height: 100px;position: relative;}
.box-nav .logo{display: block;position: absolute;top: 29px;left: -25px;}
.box-nav .logo img{width: auto;height: 45px;}
.banner{position: relative;}
.banner .slideshow{position: relative;width: 100%;}
.banner .slideshow::before{content: "YUDONG MACHINERY";display: block;line-height: 12px;font-size: 14px;color: #fff;opacity: 0.5;letter-spacing: 12px;position: absolute;bottom: 21%;left: 1%;z-index: 50;writing-mode: tb-rl;}
.banner .slideshow .bd li{max-height: 907px;}
.banner .slideshow .bd li img{display: block;width: 100%;height: 100%;}
.banner .slideshow .hd{width: 7px;height: 67px;display: flex;justify-content: space-between;flex-direction: column;position: absolute;top: 50%;right: 44px;margin-top: -33.5px;}
.banner .slideshow .hd li{width: 7px;height: 7px;border: 1px solid #fff;border-radius: 50%;-webkit-transition: 0.5s;transition: 0.5s;}
.banner .slideshow .hd .on{background: #fff;box-shadow: 0px 0px 8px 0px rgba(49, 49, 49, 0.34);}
.banner .slideshow .pageState{position: absolute;bottom: 20%;right: 36px;font-size: 0;color: transparent;}
.banner .slideshow .pageState span{font-family: Arial;font-size: 24px;color: #fff;}
.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;}
.banner .slideshow .topxunpan{width: 676px;height: 29px;background: url(../images/line5.png) no-repeat center;padding: 0 0 0 224px;box-sizing: border-box;}
.banner .slideshow .ta{position: absolute;bottom: 6%;left: 0.5%;}
.banner .slideshow .ta li{height: 30px;padding-left: 35px;position: relative;margin-bottom: 20px;}
.banner .slideshow .ta li i{display: block;width: 30px;height: 30px;position: absolute;top: 0;left: 0;}
.banner .slideshow .ta li p{font-size: 16px;text-align: center;padding: 3px;border-radius: 3px;background: #fff;min-height: 30px;opacity: 0;-webkit-transition: 0.5s;transition: 0.5s;}
.banner .slideshow .ta li:hover p{opacity: 1;}
.banner .slideshow .ta li:nth-child(1) i{background: url(../images/btel.png) no-repeat center;}
.banner .slideshow .ta li:nth-child(2) i{background: url(../images/barr.png) no-repeat center;}
.footer{height:500px;background: url(../images/footer.jpg) no-repeat center top;padding: 68px 0 0;box-sizing: border-box; width:100%; float:left; background-size:100% 100%;}
.footer .contents{position: relative;}
.footer .mess{width: 454px;height: 454px;background: url(../images/FOM.png) no-repeat center;position: absolute;top: -209px;right: 0;padding: 83px 0 0;box-sizing: border-box;}
.footer .mess h3{font-family: Impact;font-size: 36px;line-height: 28px;margin-left: 135px;color: #fff;}
.footer .mess .FOM{margin: 31px 0 0 55px;position: relative;}
.footer .mess .FOM .n{width: 190px;height: 44px;position: relative;box-sizing: border-box;margin-bottom: 8px; border-bottom:1px #fff solid;}
.footer .mess .FOM .n img{display: block;width: 130px;height:130px;cursor: pointer;margin: 15px 0 20px 0;}
.footer .mess .FOM .n input{width: 100%;height: 100%;line-height: 54px;background: none;color: #fff;}
.footer .mess .FOM .n input::placeholder{color: #fff;}
.footer .mess .FOM .n textarea{width: 100%;height: 100%;line-height: 25px;background: none;color: #fff;padding: 15px 0 0;box-sizing: border-box;}
.footer .mess .FOM .n textarea::placeholder{color: #fff;}
.footer .mess .FOM .n:nth-child(4){width: 125px;position: absolute;top: 0;left: 217px;border: none;}
.footer .mess .FOM .n:nth-child(4) i{font-size: 16px;color: #fff;line-height: 54px;display: block;border: none;}
.footer .mess .FOM .n:nth-child(4) input{width: 124px;height:4px; }
.footer .mess .FOM #btn{width: 149px;height: 40px;background: url(../images/btn.png) no-repeat center;font-size: 16px;color: #5c5c5c;line-height: 40px;padding: 0 0 0 55px;box-sizing: border-box;cursor: pointer;margin: 25px 0 0 99px;}
.footer .list{width: 885px;height: 270px;display: flex;justify-content: space-between;}
.footer .list li{width: 200px;padding-left: 60px;box-sizing: border-box;position: relative;background: url(../images/ft.png) no-repeat top left;}
.footer .list li::before{content: "";display: block;width: 1px;height: 167px;position: absolute;background: #636363;top: 13px;right: 0;}
.footer .list li .t{position: absolute;top: 0;left: 0;font-size: 12px;color: #8e8e8e;line-height: 39px;writing-mode: tb-rl;}
.footer .list li .t i{font-family: Arial;font-size: 20px;font-weight: bold;line-height: 39px;text-align: center;display: inline-block;height: 39px;margin: 0 0 45px 0;}
.footer .list li p{font-size: 18px;color: #eee;font-weight: bold;line-height: 20px;position: relative;}
.footer .list li p::before{content: "";display: block;width: 73px;height: 1px;position: absolute;background: #636363;top: 41px;left: 0;}
.footer .list li .er{margin-top: 30px;}
.footer .list li .er a{display: block;font-size: 14px;line-height: 36px;color: #b3b3b3;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.footer .list li:nth-child(4)::before{display: none;}
.footer .reg{display: flex;justify-content: center;margin: 68px 0 0;height: 25px;}
.footer .reg p{font-size: 16px;color: #efefef;line-height: 25px;padding-left: 28px;}
.footer .reg p:nth-child(1){background: url(../images/a1.png) no-repeat center left;margin-right: 55px;}
.footer .reg p:nth-child(2){background: url(../images/a2.png) no-repeat center left;margin-right: 55px;}
.footer .reg p:nth-child(3){background: url(../images/a3.png) no-repeat center left;}
.footer .ban{margin: 10px 0 0;height: 40px;}
.footer .ban p{font-size: 14px;color: #c5c5c5;line-height: 40px;text-align: center;}
.footer .ban p a{color: #c5c5c5;}
.footer .ban .tu{margin: 10px auto 0;width: 290px;}
@media (max-width: 1680px){.box-nav{width: 1300px;}
  .box-nav .logo{left: 18px;}
  .box-nav .logo img{height: 40px;}
}