::-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: #015aae;color: #fff;}
::-moz-selection{background-color: #015aae;color: #fff;}
::-webkit-selection{background-color: #015aae;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: 16px/1.231 'Microsoft YaHei', arial, helvetica, clean, sans-serif;color: #333;margin: 0;line-height: 1.5;font-size: 16px;}
*: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;}
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: 120px;}
.topxunpan > i{display: block;width: 65px;height: 65px;margin: 18px auto 10px;}
.topxunpan .xp{position: relative;color: #666;font-size: 16px;line-height: 120px;cursor: pointer;}
.topxunpan .xp img{vertical-align: middle;}
.topxunpan .rx img{vertical-align: middle;margin-right: 5px;}
.topxunpan .xp i{font-size: 16px !important;margin-top: 5px;line-height: 43px;display: inline-block;overflow: hidden;text-align: center;position: relative;top: 15px;width: 42px;height: 42px;background: #015aae;border-radius: 50%;color: #fff;}
.topxunpan .xp #xunpantip{z-index: 999;position: absolute;top: 95px !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: #015aae;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: #015aae;}
.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: #015aae;cursor: pointer;}
.xcConfirm .popBox .sgBtn.ok::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 2px solid #015aae;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: #015aae;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;background:url(../images/top_bg.jpg) repeat-x #fff}
.box-nav .top{color:#fff;line-height:32px;font-size:14px;}
.box-nav .nav {width:840px;-webkit-transition: 0.5s;transition: 0.5s;float:right;}
.box-nav .nav .m {float: left;position: relative;height: 76px;}
.box-nav .nav .m .mmm{display:inline-block;color:#333;font-size:16px;padding: 0 20px;height: 76px;line-height: 70px;-webkit-transition: 0.5s;transition: 0.5s;position: relative;z-index: 20;}
.box-nav .nav .m .mmm:hover{background:#c92422;color:#fff}
.box-nav .nav .m:last-child{margin-right: 0;}
.box-nav .nav .m .mmm::before{content: "";display: inline-block;width: 100%;height: 15px;background: url(../images/navico.png) no-repeat center;position: absolute;bottom: 0;left: 0;z-index: -1;transform: scale3d(0, 1, 0);-webkit-transition-duration: 0.6s;transition-duration: 0.6s;}
.box-nav .nav .another .mmm{color: #333;}
.box-nav .nav .another .mmm::before{transform: scale3d(1, 1, 1);}
.box-nav .nav .m .sub{display: none;position: absolute;left: 50%;top: 76px;z-index: 50;transform: translateX(-50%);}
.box-nav .nav .m .cp{transform: translateX(-71%);}
.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: #015aae;-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: #015aae;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: #015aae;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: #015aae;-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: #015aae;-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: #015aae;border-top-color: #015aae;transition: width 0.2s ease-out 0s, height 0.2s ease-out 0.2s;}
.bk:hover:before{border-left-color: #015aae;border-bottom-color: #015aae;transition: border-color 0s ease-out 0.4s, width 0.2s ease-out 0.4s, height 0.2s ease-out 0.6s;}
.contents{width: 1300px;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;}
.box-nav{position: absolute;top: 0;left: 0;width: 100%;overflow: hidden;}
.box-nav .contents{position: relative;}
.box-nav .region{width: 240px;position: absolute;top: 0px;display: flex;justify-content: space-between;}
.box-nav .region .logo{display: block;padding-top:12px;}
.box-nav .region .logo h3{font-size: 18px;color: #fff;line-height: 20px;text-align: center;position: absolute;bottom: 12px;}
.box-nav .region #button{width: 143px;height: 76px;background: url(../images/menu.jpg) no-repeat center;font-family: Arial;font-size: 18px;color: #333;line-height: 76px;padding: 0 0 0 73px;box-sizing: border-box;}
.box-nav .ser{width: 120px;height: 76px;background: url(../images/ser.jpg) no-repeat center;position: absolute;top: 0;right: -304px;cursor: pointer;}
.box-nav .search{position: fixed;top: 0;left: 0;width: 100%;z-index: -1;pointer-events: none;}
.box-nav .search .in{padding: 0 20%;height: 0;opacity: 0;-webkit-transition: 0.5s;transition: 0.5s;margin: 0 auto;background: #14151c;position: relative;}
.box-nav .search .in input{width: 100%;height: 100%;color: #fff;font-size: 22px;background: none;}
.box-nav .search .in input::placeholder{color: #fff;}
.box-nav .search .in button{width: 50px;height: 50px;background: #fff url(../images/clso.png) no-repeat center;background-size: 50%;border-radius: 50%;border: none;position: absolute;top: 50%;right: 20%;margin-top: -25px;text-indent: -9999px;cursor: pointer;}
.box-nav .search .warp{width: 1300px;height: 330px;background: #fff;margin: 0 auto;padding: 20px;box-sizing: border-box;display: flex;justify-content: space-between;opacity: 0;transform-origin: center top;transform: translateZ(0);-webkit-transition: 0.5s;transition: 0.5s;}
.box-nav .search .warp .z1{width: 73%;}
.box-nav .search .warp .z1 h3{font-size: 19px;color: #7a7c86;font-weight: bold;}
.box-nav .search .warp .z1 ul{margin-top: 15px;}
.box-nav .search .warp .z1 ul li{display: flex;justify-content: space-between;margin-bottom: 13px;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;}
.box-nav .search .warp .z1 ul li:hover{-webkit-transform: translateY(-4px);transform: translateY(-4px);}
.box-nav .search .warp .z1 ul li .img{display: block;width: 75px;height: 75px;overflow: hidden;}
.box-nav .search .warp .z1 ul li .img img{width: 75px;height: 75px;object-fit: contain;transform: scale(1);-webkit-transition: 0.5s;transition: 0.5s;}
.box-nav .search .warp .z1 ul li .text{width: 87%;}
.box-nav .search .warp .z1 ul li .text .title{font-size: 14px;color: #333545;line-height: 40px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-transition: 0.5s;transition: 0.5s;}
.box-nav .search .warp .z1 ul li .text .data{font-size: 14px;color: #70727d;margin-top: 5px;}
.box-nav .search .warp .z1 ul li:hover .img img{transform: scale(1.1);}
.box-nav .search .warp .z1 ul li:hover .title{color: #015aae;}
.box-nav .search .warp .y1{width: 20%;}
.box-nav .search .warp h3{font-size: 19px;color: #7a7c86;font-weight: bold;}
.box-nav .search .warp .links{margin-top: 25px;}
.box-nav .search .warp .links p{display: block;font-size: 15px;line-height: 26px;margin-bottom: 15px;}
.box-nav .searchform{z-index: 9999;pointer-events: all;}
.box-nav .searchform .in{height: 115px;opacity: 1;}
.box-nav .searchform .warp{height: 330px;opacity: 1;-webkit-transition: 0.5s;transition: 0.5s;transform-origin: center top;transform: translateZ(0);backface-visibility: hidden;animation: cd-3d-rotation 0.5s 0.3s;animation-fill-mode: backwards;}
.banner{position: relative;}
.banner{margin: 0 auto;position: relative;}
.scrollfixed{z-index: -1 !important;}
.pics_wrap{width: 100%;max-height: 850px;overflow: hidden;}
.html5zoo-img-0 img{width: 100%;}
.html5zoo-arrow-left-0{left: 13% !important;width: 50px !important;height: 50px !important;border-radius: 100%;}
.html5zoo-arrow-right-0{right: 10% !important;width: 50px !important;height: 50px !important;border-radius: 100%;}
.html5zoo-bullet-wrapper-0 div{margin: 0 4px !important;}
.html5zoo-nav-0{margin-top: -35px !important;left: 50% !important;top: 95% !important;}
.html5zoo-bullet-wrapper-0{width: 100% !important;}
.banner ul.bb{position: relative;padding: 0px;margin: 0px;z-index: 5;}
.banner ul.bb li{position: absolute;display: none;}
.banner .dingyu{width: 495px;height: 275px;position: absolute;left: 0;bottom: -48px;background: #fff;box-sizing: border-box;padding: 40px 0 20px 35px;}
.banner .dingyu h3{font-size: 22px;color: #18191a;line-height: 30px;font-weight: bold;}
.banner .dingyu p{font-size: 18px;color: #333;line-height: 20px;margin: 20px 0 0;}
.banner .dingyu .num{font-size:14px;color:#546a79;line-height:75px;width:325px;height:75px;border:1px solid #e2e2e2;padding:0 0 0 20px;box-sizing:border-box;margin:40px 0 0;position:relative;}
.banner .dingyu .num::before{content: "";display: block;width: 32px;height: 32px;background: url(../images/telding.png) no-repeat center top;position: absolute;top: -14px;left: -13px;}
.banner .dingyu .num i{font-family:Arial;font-size: 30px;line-height: 75px;color:#dc0202;font-weight:bold}
.footer {height:580px;background: url(../images/footer.jpg) no-repeat center top;box-sizing: border-box; background-size:auto 540px}
.footer .warp {display: flex;justify-content: space-between;}
.footer .warp .z1 {padding-top: 71px;width: 650px;}
.footer .warp .z1 .top {display: flex;}
.footer .warp .z1 .top .zm {font-family: Arial;font-size: 23px;color: #fff;font-weight: bold;line-height: 23px;}
.footer .warp .z1 .top h3 {font-size: 16px;color: #fff;line-height: 23px;margin-left: 3px;}
.footer .warp .z1 .plaet {margin-top: 20px;width: 650px;position: relative;}
.footer .warp .z1 .plaet .text p {font-size: 14px;color: #fff;line-height: 40px;padding-left: 30px;height: 40px;margin-bottom: 5px;}
.footer .warp .z1 .plaet .text p i {font-size: 16px;color: #fff;line-height: 40px;}
.footer .warp .z1 .plaet .text p:nth-child(1) {background: url(../images/a1.png) no-repeat center left;}
.footer .warp .z1 .plaet .text p:nth-child(2) {background: url(../images/a2.png) no-repeat center left;}
.footer .warp .z1 .plaet .erm {display: block;width: 123px;height: 123px;box-sizing: border-box;position: absolute;top: -55px;right: 0;}
.footer .warp .z1 .list {margin-top:20px;}
.footer .warp .z1 .list li {float: left;width: 173px;margin-right: 10px;position: relative;}
.footer .warp .z1 .list li::before {content: "";display: block;width: 16px;height: 2px;position: absolute;background: #fff;top: 13px;left: -30px;}
.footer .warp .z1 .list li p {font-size: 18px;color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.footer .warp .z1 .list li .er{margin-top: 20px;}
.footer .warp .z1 .list li .er a {display: block;font-size: 14px;line-height: 33px;color:#fdefef;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.footer .warp .z1 .list li .er a:hover{color: #fff;}
.footer .warp .z1 .list li:nth-child(4) {width: 80px;}
.footer .warp .y1 {width: 543px;height:580px;background: #fff;padding: 70px 70px 0;box-sizing: border-box;box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.3);}
.footer .warp .y1 h3 {font-size: 30px;color: #333;font-weight: bold;line-height: 30px;}
.footer .warp .y1 h3 i{font-size: 16px;color: #666;letter-spacing: 2px;line-height: 30px;margin-left: 11px;}
.footer .warp .y1 .FOM{margin-top: 25px;}
.footer .warp .y1 .FOM .n{width: 399px;height: 72px;position: relative;padding: 0 0 0 34px;box-sizing: border-box;margin-bottom: 20px;border-bottom: solid 1px #ddd;}
.footer .warp .y1 .FOM .n img{width: 90px;height: 36px;position: absolute;bottom: 19px;right: 0px;}
.footer .warp .y1 .FOM .n input{width: 100%;height: 100%;line-height: 72px;background: none;color: #666;}
.footer .warp .y1 .FOM .n input::placeholder{color: #666;}
.footer .warp .y1 .FOM .n textarea{width: 100%;height: 100%;line-height: 69px;background: none;color: #666;}
.footer .warp .y1 .FOM .n textarea::placeholder{color: #666;}
.footer .warp .y1 .FOM .n:nth-child(1){background: url(../images/f1.png) no-repeat center left;background-color: #fff;}
.footer .warp .y1 .FOM .n:nth-child(2){background: url(../images/f2.png) no-repeat center left;background-color: #fff;}
.footer .warp .y1 .FOM .n:nth-child(3){background: url(../images/f3.png) no-repeat center left;background-color: #fff;}
.footer .warp .y1 .FOM .n:nth-child(4){background: url(../images/f4.png) no-repeat center left;background-color: #fff;}
.footer .warp .y1 .FOM #btn{width: 180px;height: 42px;background:#dc0202;background-position-x: 99px;border-radius: 4px;line-height: 42px;font-family: Arial;font-size: 16px;text-align: center;letter-spacing: 2px;color:#fff;box-sizing: border-box;cursor:pointer;margin: 59px auto 0;}
.footer .ban{margin-top:52px;width: 660px;position: relative;}
.footer .ban p{font-size: 14px;color: #666;line-height: 35px;}
.footer .ban p a{color: #666;}
.footer .ban .img{position: absolute;bottom: -25px;left: 0;}
.footer .ban .img img{vertical-align: middle;}


/**新闻列表**/
*{box-sizing: border-box;}
.news-item {padding:0px 0 28px;}
.news-ul {margin-left: -3%;}
.news-ul li {box-sizing: border-box;float: left;width:47%;margin-left:3%;overflow: hidden;padding: 20px;border-radius: 4px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;margin-bottom: 40px;-webkit-box-shadow: 4px 10px 16px rgba(69, 0, 5, 0.05);-moz-box-shadow: 4px 10px 16px rgba(69, 0, 5, 0.05);-ms-box-shadow: 4px 10px 16px rgba(69, 0, 5, 0.05);-o-box-shadow: 4px 10px 16px rgba(69, 0, 5, 0.05);box-shadow: 4px 10px 16px rgba(69, 0, 5, 0.05);background-color: #fafafa;}
.news-ul li .img {float: left;display: block;width: 232px;object-fit: cover;overflow: hidden;height: 160px;}
.news-ul li .img img {display: block;width: 100%;}
.news-ul li .text {float: right;width: 60%;padding-left: 18px;position: relative;}
.news-ul li .text .tit {display: block;font-size: 18px;color: #333333;line-height: 28px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: bold;margin-bottom: 10px;}
.news-ul li .text p {font-size: 16px;color: #666666;line-height: 28px;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 56px;margin-bottom: 30px;}
.news-ul li .text span {font-size: 16px;color: #666666;line-height: 26px;display: inline-block;}
.news-ul li .text .more {display: block;width: 80px;height: 40px;line-height: 40px;text-align: center;background: #cf3535;background: -moz-linear-gradient(left, #fd4c4c 0%, #cf3535 100%);background: -webkit-linear-gradient(left, #fd4c4c 0%, #cf3535 100%);background: -o-linear-gradient(left, #fd4c4c 0%, #cf3535 100%);background: -ms-linear-gradient(left, #fd4c4c 0%, #cf3535 100%);background: linear-gradient(to right, #fd4c4c 0%, #cf3535 100%);background-position: left center;background-size: 200% 100%;background-repeat: no-repeat;transition: background-position .6s ease;position: absolute;right: -20px;bottom: -30px;border-radius: 4px 0 4px 0;}
.news-ul li .text .more:hover {background-position: right center;}
.news-ul li:hover {-webkit-box-shadow: 4px 10px 16px rgba(69, 0, 5, 0.05);-moz-box-shadow: 4px 10px 16px rgba(69, 0, 5, 0.05);-ms-box-shadow: 4px 10px 16px rgba(69, 0, 5, 0.05);-o-box-shadow: 4px 10px 16px rgba(69, 0, 5, 0.05);box-shadow: 4px 10px 16px rgba(69, 0, 5, 0.05);background-color: #fff;}
.news-ul li:hover .text .tit {color: #d53838;}
.news-item.item {border-bottom:30px #f6f8fb solid;margin-bottom:40px;padding-bottom: 52px;}
.news-item.item .news-ul li {margin-bottom: 30px;}
.news-item .news-list {margin-top: 0;}
.news-item .news-list li {margin-bottom: 30px;}
.news-item .news-list li a {color: #333333;}
.news-item .news-list li a:hover {color: #f64949;}
.pro-title {position: relative;padding-right: 130px;margin-bottom: 28px;}
.pro-title h2 {display: inline-block;font-size:30px;color: #333333;line-height: 50px;margin-right: 20px;}
.pro-title h2 a {color: #333333;}
.pro-title .pro {position: relative;z-index: 1;margin-bottom: 10px;}
.pro-title .pro .wz {display: inline-block;position: relative;z-index: 1;}
.pro-title .pro span {height: 33px;line-height: 33px;text-align: center;font-size: 20px;color: #fff;background: #cf3535;background: -moz-linear-gradient(left, #fd4c4c 0%, #cf3535 100%);background: -webkit-linear-gradient(left, #fd4c4c 0%, #cf3535 100%);background: -o-linear-gradient(left, #fd4c4c 0%, #cf3535 100%);background: -ms-linear-gradient(left, #fd4c4c 0%, #cf3535 100%);background: linear-gradient(to right, #fd4c4c 0%, #cf3535 100%);border-radius: 4px;-webkit-box-shadow: 5px 5px 13px rgba(69, 0, 5, 0.2);-moz-box-shadow: 5px 5px 13px rgba(69, 0, 5, 0.2);-ms-box-shadow: 5px 5px 13px rgba(69, 0, 5, 0.2);-o-box-shadow: 5px 5px 13px rgba(69, 0, 5, 0.2);box-shadow: 5px 5px 13px rgba(69, 0, 5, 0.2);padding: 0 20px;display: inline-block;}
.pro-title .pro img {position: absolute;bottom: 0;right: -36px;z-index: -1;}
.pro-title h2 a:hover {color: #cf3535;}
.pro-title p {font-size: 14px;color: #666666;line-height: 28px;}
.pro-title .more {display: block;width: 118px;height:42px;line-height:42px;text-align: center;text-align: center;position: absolute;right: 0;top: 7px;border-radius:8px;font-size: 14px;border: 1px solid #666666;color: #666;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.pro-title .more:hover {-webkit-box-shadow: 5px 5px 13px rgba(69, 0, 5, 0.2);-moz-box-shadow: 5px 5px 13px rgba(69, 0, 5, 0.2);-ms-box-shadow: 5px 5px 13px rgba(69, 0, 5, 0.2);-o-box-shadow: 5px 5px 13px rgba(69, 0, 5, 0.2);box-shadow: 5px 5px 13px rgba(69, 0, 5, 0.2);color: #fff;background: #cf3535;background: -moz-linear-gradient(left, #fd4c4c 0%, #cf3535 100%);background: -webkit-linear-gradient(left, #fd4c4c 0%, #cf3535 100%);background: -o-linear-gradient(left, #fd4c4c 0%, #cf3535 100%);background: -ms-linear-gradient(left, #fd4c4c 0%, #cf3535 100%);background: linear-gradient(to right, #fd4c4c 0%, #cf3535 100%);border-color: transparent;} 
/**end**/

/**产品列表**/

.pro_list{padding-bottom:40px; height:1020px;}
.pro_list,.pro_list ul,.pro_list ul li span{width:100%;}
.pro_list ul{ padding-bottom:20px;} 
.pro_list ul li{width:23%;margin:15px 1%;padding:15px;border:1px #f5f5f5 solid; float:left;}
.pro_list ul li span img{max-width:100%;}
.pro_list ul li p{background:#f5f5f5;text-align:center;line-height:42px;color:#333}
.pro_list ul li:hover p{background:#ff0000;color:#fff}


/**联系我们**/

.css_tit{text-align: center;font-size: 35px;font-weight: bolder; padding: 0px 0 35px;}
.css_tit::after{content: "";width: 30px;height: 5px;background: #de1625;display: block;margin: 10px auto 0;border-radius: 8px;}
.call{ height:450px;}
.lxLeft { float:left; width: 45%; margin:0 2.5%; margin-top: 50px; }
 
.lxLeft p {line-height: 32px;}
.lxLeft p  span{color: #de1625;font-weight: bold;font-size: 22px;}
.tishi {margin-top: 15px;padding-top: 30px;border-top: 1px solid #eee;line-height: 30px;}
.lxLeft a {display: block;background: #e22319;line-height: 35px;border-radius: 5px;color: #fff;width: 100px;text-align: center;margin-top: 20px;}
.call_w{ height:350px;}
.call_w li{float: left;width: 25%;text-align: center;}
.call_p{text-align: center;margin: 30px 0;color: #999;}
.call_w li p{margin-top: 15px;}
.call_w {padding:30px 0 30px;margin-top: 30px;border-top: 1px solid #999999;}




@media (max-width: 1440px){.box-nav .region{left: 0;}
.box-nav .nav{left: 56%;}
.box-nav .ser{display: none;}
.box-nav .nav .m .mmm{padding: 0 10px;}
.banner .slideshow .arrow{left: 67%;}
.box-nav .nav{right: -63px;}
}
.ny{position: relative;background: #333;}
.fixedNav{position: fixed;top: 0px;left: 0px;width: 100%;z-index: 100000;box-shadow: 0px 10px 12px rgba(0, 0, 0, 0.1);background:url(../images/top_bg.jpg) repeat-x #fff}
@-webkit-keyframes cd-3d-rotation{0%{-webkit-transform: perspective(1000px) rotateX(-90deg);}
  100%{-webkit-transform: perspective(1000px) translateY(0);}
}
.about_list{width:75%;min-width:1300px;position:relative;margin:-90px auto 60px;background:#fff;box-shadow: 0 0 20px rgb(204 204 204 / 50%);}
.about_list .abo_nav{margin:0 auto;min-width:300px;text-align:center;margin-bottom:50px;background:#ce0202;padding:10px 0;}
.abo_nav a{line-height:60px;padding:15px 40px;font-size:17px;color:#fff;position:relative;}
.abo_nav a:before{content:"";width:1px;height:15px;background:#999;position:absolute;left:0;top:18px;}
.abo_nav a:nth-child(1):before{width:0}
.abo_nav a:hover{color:#fff}
.abo_nav a:hover:after{content:"";width:60px;height:2px;background:#fff;position:absolute;bottom:0;left:45px;}
.about_list .abo_txt{width:94%;margin:0 auto;line-height:28px;color:#333;padding-bottom:40px;}
.about_list .abo_txt h2{text-align:center;color:#333;font-size:26px;}
.about_list .abo_txt .time{text-align:center;margin-bottom:20px;margin-top:15px;padding-bottom:20px;border-bottom:1px #f5f5f5 dashed}
.about_list .abo_txt .time span{margin-right:15px;}
.about_list .abo_txt .time img{width:20px;vertical-align:middle;margin-right:5px;}
.abo_txt h3{width:100%;font-size:38px;font-weight:800;color:#000;position:relative;padding-top:55px;z-index:1;margin-bottom:40px;}
.abo_txt h3:before{content:"";position:absolute;background:url(../images/txt-about.png) no-repeat;background-size:100%;width:500px;height:100px;z-index:0;top:0}
.abo_txt p{margin:10px 0;}
.abo_txt img{max-width:100%;}
.aboutThree{clear:both;padding-bottom:110px;overflow:hidden}
.aboutThree .aboutTit{text-align:center}
.aboutThree .aboutThreeMain{clear:both;display:block;margin-top:1%}
.aboutThree .aboutThreeMain .aboutThreeFl{float:left;width:32.33333%;background:#fff;padding:60px 30px 0px 50px;height:750px;position:relative;overflow:hidden}
.aboutThree .aboutThreeMain .aboutThreeFl strong{clear:both;display:block;margin-bottom:0px;font-size:22px;line-height:36px;color:#202020;text-align:left;font-family:'pingfang-b';position:relative;padding-left:24px;z-index:1;font-weight:normal}
.aboutThree .aboutThreeMain .aboutThreeFl strong:before{content:'';position:absolute;left:0px;top:7px;width:4px;height:20px;background:#e73f37}
.aboutThree .aboutThreeMain .aboutThreeFl p{clear:both;display:block;margin-bottom:45px;font-size:18px;line-height:36px;color:#202020;text-align:left;font-family:'pingfang-m';z-index:1}
.aboutThree .aboutThreeMain .aboutThreeFl p:last-child{margin-bottom:0px}
.aboutThree .aboutThreeMain .aboutThreeFl:after{content:'CTGG';position:absolute;color:#767676;right:0px;bottom:-20px;font-size:178px;line-height:1;font-family:'alibaba-b';opacity:0.05;z-index:0;font-weight:bold}
.aboutThree .aboutThreeMain .aboutThreeFr{float:right;width:61.06667%}
.aboutThree .aboutThreeMain .aboutThreeFr ul{clear:both;display:block;margin-left:-2.62009%}
.aboutThree .aboutThreeMain .aboutThreeFr ul li{float:left;overflow:hidden;margin-left:2.55319%}
.aboutThree .aboutThreeMain .aboutThreeFr ul li img{width:100%}
.aboutThree .aboutThreeMain .aboutThreeFr ul li:first-child{width:51.06383%}
.aboutThree .aboutThreeMain .aboutThreeFr ul li:first-child+li{width:43.61702%}
.aboutThree .aboutThreeMain .aboutThreeFr ul:first-child+ul{margin-top:2.55319%}
.aboutThree .aboutThreeMain .aboutThreeFr ul:first-child+ul li:first-child{width:41.06383%}
.aboutThree .aboutThreeMain .aboutThreeFr ul:first-child+ul li:first-child+li{width:53.61702%}
.news-list-wrapper{}
.news-list-wrapper {margin-top:20px;position:relative}
.news-list-wrapper  .news-list .item-news{width:46%;float:left}
.news-list-wrapper  .news-list .item-news:hover .news-content{box-shadow:0 0 20px rgba(8,17,28,0.05)}
.news-list-wrapper  .news-list .item-news:hover .news-content p a{color:#ff3f47}
.module-title{position:relative;overflow:hidden}
.module-title h2{padding:20px 0;font-size:40px;line-height:1;position:relative;z-index:2;font-weight:bold;color:#000000}
.module-title span{display:block;position:absolute;width:100%;left:0;top:0;font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;font-size:68px;color:#919fae;opacity:0.15;line-height:1;text-transform:uppercase}
.news-list{margin:0 -24px}
.item-news{margin-top:44px;padding:0 24px}
.item-news .news-content{padding:30px 40px 30px 70px;transition:all .3s;background-color:rgba(197,209,224,0.2)}
.item-news .news-content p{position:relative}
.item-news .news-content p i{display:block;width:9px;height:9px;border:1px solid #919fae;transform:rotate(45deg);transform-origin:center;top:12px;position:absolute;left:-32px}
.item-news .news-content p a{display:block;font-size:22px;height:32px;line-height:32px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all .3s}
.item-news .news-content p+p span{font-size:14px;line-height:32px;color:#999999}
.item-news .news-content p+p+p{margin-top:10px;height:56px;line-height:28px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-size:16px;color:#999999}
.page-list{padding:80px 0}
.page-list .pagination{margin-left:-10px;text-align:center}
.page-list li{display:inline-block;width:38px;height:38px;text-align:center;line-height:38px;margin:5px;border:1px solid #b7c4d5}
.page-list li a,.page-list .disabled span{font-size:16px;color:#b7c4d5;display:block}
.page-list li.active{background:#b7c4d5;border:1px solid #b7c4d5;color:#fff}
.page-list li:hover a{color:#fff;background:#b7c4d5}