/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */select,option,
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;  font-family:Arial,fzlt; text-align: justify;    font-weight: normal;
}

/* 设置默认字体 */
body,
button, input, select, textarea { /* for ie */
    /*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/
  /*  font: 12px/1 "微软雅黑"; *//*Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;*/ /* 用 ascii 字符表示，使得在任何编码下都无问题 */
}

h1 { font-size: 18px; /* 18px / 12px = 1.5 */ }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4, h5, h6 { font-size: 100%;     font-weight: normal;}

address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp, tt {  } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */

/* 重置列表元素 */
ul, ol { list-style: none; }

/* 重置文本格式元素 */
a { text-decoration: none; }
a:hover { text-decoration: none; }

abbr[title], acronym[title] { /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */
    border-bottom: 1px dotted;
    cursor: help;
}

q:before, q:after { content: ''; }

/* 重置表单元素 */
legend { color: #000; } /* for ie6 */
fieldset, img { border: none; } /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 重置 hr */
hr {
    border: none;
    height: 1px;
}

.swiper-button-next, .swiper-button-prev{outline: none;}


@font-face {
	font-family: 'fzlt';
	src : url('./../font/ftlth.TTF');
  src: url('./../font/ftlth.TTF')
}










/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html { overflow-y: scroll; }

audio, canvas, progress, video {display: inline-block;vertical-align: baseline;}
video::-internal-media-controls-download-button {display:none;}
video::-webkit-media-controls-enclosure {overflow:hidden;}
video::-webkit-media-controls-panel {width: calc(100% + 30px); }

html,body{ height:100%; }



	.web-ie2018{  font-family:Arial,微软雅黑;  position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999999999999;background: #666;zoom:1;}
	.web-ie2018 dl{    position: absolute;width: 700px;height: auto;top: 50%;margin-top: -200px;left: 50%;margin-left: -350px;background: #fff;}
	.web-ie2018 dl #img{    display: block;margin: 50px auto;}
	.web-ie2018 dl h3{    display: block;text-align: center;font-size: 28px;font-weight: normal;letter-spacing: 2px;margin: 0 auto 30px;}
	.web-ie2018 dl h4{ display: block;text-align: center;font-size: 18px;font-weight: normal;letter-spacing: 2px;margin: 50px auto 50px;}
	.web-ie2018 dl dd{ margin: 0 auto 50px;  display: block;text-align: center; margin-bottom:50px;}
	.web-ie2018 dl dd a{ display: inline-block;margin: 0 20px;}
	.web-ie2018 dl dd a img{display: block;margin: 0 auto;text-align: center;width: 50%;}
	.web-ie2018 dl dd a span{display: block;font-size: 16px; color:#666;}




input, button, select, textarea {outline: none;}
.clearfix:after{display:block;content:'';clear:both;visibility:hidden}













/**
 * Swiper 3.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2017, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: March 10, 2017
 */
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}
 


 
.pch{ position: absolute;width: 100%;height: 124px;background:none;top: 0;left: 0;z-index: 9999;    }
.pch .logo{ display: block;overflow: hidden; margin: 0; width: 280px;height: auto; position: relative; z-index: 6;}
.pch .logo img{ display: block;height: 60px;width: auto; margin: 24px auto; }

.pch .en{color: #fff;width: 100px;border: 1px solid #fff;font-size: 16px;line-height: 35px;display: block;text-align: center;position: absolute;top: 41.5px; right: 50px;opacity: 0.6;border-radius: 2px;}
.pch .en span{ display: block; overflow: hidden;}
 

 
/* .pch .pcnav{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;top: 35px;right: 200px;   } */
.pch .pcnav a{ line-height: 50px; display: block;color: #fff;opacity: 0.9;font-size: 18px;font-weight: normal; margin: 0 20px;}










.banner{ position: relative;overflow: hidden; width: 100%; height:100%; max-height:100%; background: #eee;}
.banner .swiper-container{height: 100%;}
.banner .swiper-container .swiper-slide{height: initial;position: relative;}
.banner video{ display: block; width: 100%;height: 100%;object-fit: cover;}
.banner .b-mask:before{ content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: #000;opacity: 0; z-index: 2;}
.banner h6{ position: absolute;bottom: 50px;left: 50px;color: #fff;z-index: 3;font-size: 20px;opacity: 0.8; }
.banner .sj-b{display: none;}
.banner a{display: block;width: 100%;height: 100%;}
.banner img{display: block;width: 100%;height: 100%;object-fit: cover;}
.banner .pad-img{display: none;}

.banner .swiper-pagination{position: absolute;width: 100%;left: 0;bottom: 50px;display: flex;display:  -webkit-flex;-webkit-justify-content: center;justify-content: center;}
.banner .swiper-pagination .swiper-pagination-bullet{opacity: 1;width: 10px;height: 10px;box-sizing: border-box;border: 1px solid #ffffff;background-color: transparent;margin-right: 20px;outline: none;}
.banner .swiper-pagination .swiper-pagination-bullet:last-child{margin-right: 0;}
.banner .swiper-pagination .swiper-pagination-bullet-active{background-color: #ffffff;}



 


.line3{ opacity: 0.4;}
.line3 span{position: absolute;width: 1px;height: 100%;top: 0;left: 0; background: #fff; }
.line3 span:nth-child(1){left: 25%;}
.line3 span:nth-child(2){left: 50%;}
.line3 span:nth-child(3){left: 75%;}

 


 


 /* more */
.more{width: 210px;height: 52px;background: transparent;border-radius: 2px;display: block;font-size: 16px;line-height: 52px;text-align: center;color: #ed6d0a;position: relative;z-index: 0;border-radius: 4px;transition: all 0.5s ease;border: 2px solid #ed6d0a;overflow: hidden;}
.more:after{content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;transition: all .3s;background: linear-gradient(0deg, rgba(255,151,0,1) 0%, rgba(251,75,2,1) 100%);position: absolute;top: 0;left: 0;z-index: -1;opacity: 0;transition: all .3s;}
.more:hover:after{opacity: 1;}
.more:hover{color: #fff;}



 









.homepro{ display: block;overflow: hidden;position: relative;padding: 0 0 0;background:#333;position: relative;}
.homepro .line3{ opacity: 1;}
.homepro .line3 span{    z-index: 4; background: #fff;  opacity: 0.2;}

.homepro .p-yjywrap{position: absolute;width: 100%;}
.homepro .p-yjy{ display: block;overflow: hidden; position: relative;width: 100%;top: 0;z-index: 9;}
.homepro .p-yjy a{cursor: pointer;display: block;float: left;width: 25%;text-align: center;padding:50px 0;  border-bottom: 1px solid rgba(255, 255, 255, 0.2);box-sizing: border-box;}
.homepro .p-yjy a span{ display: inline-block;margin: 10px 0 0 10px;font-size: 24px;color: #fff; }
.homepro .p-yjy .active span{color: #fe7401; }
.homepro .p-yjy a .img{display: inline-block;width: 44px;height: 44px;position: relative;vertical-align: top;}
.homepro .p-yjy a img{ display: inline-block;height:44px;vertical-align: top;position: absolute;top: 0;left: 0;}
.homepro .p-yjy a #img1{display: inline-block;transition: all .6s;}
.homepro .p-yjy a #img2{display: inline-block;transition: all .6s;opacity: 0;}
 

.homepro .p-yjy .active #img1{opacity: 0;}
.homepro .p-yjy .active #img2{display: inline-block;  -webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2);opacity: 1;}
.homepro .p-yjy a:hover img{ -webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2);transition: all 0s;}

.homepro #kong{ display: block;width: 100%;}

.homepro .p-yjy-center{ position: absolute;width: 100%; height: 100%; top: 0; left: 0;color: #fff;}
.homepro .p-yjy-center .p-kn{position: absolute;width: 100%;height: 100%;opacity: 0;visibility: hidden;}
.homepro .p-yjy-center .p-kn.now{visibility: visible;opacity: 1;}
.homepro .p-yjy-center .p-kn:after{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 0;background-color: rgba(0,0,0,0.2);}
.homepro .p-yjy-center .p-kn #bgimg{display: block;width: 100%;}
.homepro .p-yjy-center .p-kn .swiper-container-horizontal{ position: absolute;top: 0;width:100%;left: 0;height: auto;display: block; overflow: hidden;}
.homepro .p-yjy-center .p-kn .swiper-wrapper{width:100%;height: auto;margin: 0 auto;position: relative;z-index: 1;}
.homepro .p-yjy-center .p-kn .swiper-slide{display: block; width: 100%;}
.homepro .p-yjy-center .p-kn .swiper-slide img{ display: block; }
 
.homepro .p-yjy-center .p-kn .imglist{position: absolute;top: 220px;width:90%; height:100%; left:5%; display: block; overflow: hidden;}

.homepro .p-yjy-center .p-kn .swiper-slide img{width:50%;transition: all .3s;-webkit-transition: all .3s;opacity: 0.7; margin: 0 auto; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 50%;}
.homepro .p-yjy-center .p-kn .swiper-slide-active img{width: 86%; border: 1px solid rgba(255, 255, 255, 0.5); opacity:1;}

.homepro .p-yjy-center .p-kn .swiper-slide .tt{display: block;text-align: center;margin: 0 0 30px 0; transition: all .3s;    opacity: 0;}
.homepro .p-yjy-center .p-kn .swiper-slide .tt span{font-size: 18px;}
.homepro .p-yjy-center .p-kn .swiper-slide .tt .fa{font-size: 16px;display: inline-block;vertical-align: top;margin: 2px 0 0 10px;}
.homepro .p-yjy-center .p-kn .swiper-slide .more{opacity: 0; background: none;margin: 60px auto 30px;}

.homepro .p-yjy-center .p-kn .swiper-slide-active .tt,.homepro .p-yjy-center .p-kn .swiper-slide-active .more{ opacity: 1;}

/*
.homepro .p-yjy-center .p-kn .swiper-container04 .swiper-slide{ display: block;width: 33%;margin: 0 auto;}
.homepro .p-yjy-center .p-kn .swiper-container04 .swiper-slide img,.homepro .p-yjy-center .p-kn .swiper-container04 .swiper-slide .tt,.homepro .p-yjy-center .p-kn .swiper-container04 .swiper-slide .more{ opacity: 1; }
.homepro .p-yjy-center .p-kn .swiper-container04 .swiper-slide img{width: 86%;}
*/
 


.homepro .p-yjy-center .p-kn .imglist .np{position: relative;z-index: 2;}
.homepro .p-yjy-center .p-kn .imglist .npto{position: absolute;width: 30%;left: 0;height: 100%;top:0; cursor: pointer;z-index: 3;}
.homepro .p-yjy-center .p-kn .imglist .swiper-button-next03{}
/* .homepro .p-yjy-center .p-kn .imglist .swiper-button-prev02,.homepro .p-yjy-center .p-kn .imglist .swiper-button-prev03{ left: auto; right: 0;} */
.homepro .p-yjy-center .p-kn .imglist .npto02{right: 0;left: initial;}
.homepro .p-yjy-center .p-kn .imglist .npto:focus{outline:none;}
 
.more:hover:after {opacity: 0.75;}

 


.nav-box{   position: absolute;top: 0;right: 30px; z-index: 9;display: none; }
.nav-box ul{position: relative;overflow: hidden;display: block;padding: 20px 0 0 0;height:320px;}
.nav-box ul li{display: block; overflow: hidden;}
.nav-box ul li a{ display: block;height: 100px;overflow: hidden; }
.nav-box ul li a span{ font-size: 12px;display: none;color: #999; position: absolute;top: 0;width: 100%;text-align: center; height: 16px; line-height: 16px;}
.nav-box ul li .active span{display: block;}
.nav-box .clearfix:after{ }
.nav-box ul li a:after{ content: '';position: relative;width: 1px;height: 100px;background: #eee;visibility: inherit;     display: block; margin: 0 auto;}
.nav-box ul li .active:after{background: #fe7401;}
 
.navFix{   transform: translateY(-50%); -webkit-transform: translateY(-50%); display: block;    position: fixed;top: 50%;     width: 60px; right: 20px;}













.homeabout{overflow: hidden;position: relative;    background-size: cover;background: #fff;background-color: #fff;}
#particles-js{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.homeabout .ct{position: relative; width:80%; margin: 100px auto;z-index:2;  display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;}
.homeabout .left{ display: block;width: 33%;overflow: hidden;position: relative;}
.homeabout .left p{display: block;overflow: hidden;}
.homeabout .left p img{display: block; width:100%;}
.homeabout .right{ display: block;width:62%;overflow: hidden;}
.homeabout .right .num{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;}
.homeabout .right .num p{}
.homeabout .right .num p span{display: block;float: left;font-size:60px; line-height: 50px;color: #333; letter-spacing: -1px; font-weight:bold;}
.homeabout .right .num p e{ line-height: 50px;font-size: 36px;color: #666;margin: 0 0 0 10px;}
.homeabout .right .num p font{ display: block;font-size: 18px;color: #999; margin: 20px 0 0 0;}
.homeabout .right .num p strong{ font-weight: normal; display: block;overflow: hidden;}

.homeabout .right .txt{ display: block;overflow: hidden;margin: 200px 0 0;}
.homeabout .right .txt h3{ font-size: 36px;color: #333;line-height: 36px;margin: 0 0 30px 0;}
.homeabout .right .txt h4{ display: block;color: #666;font-size: 18px;line-height: 32px;}
.homeabout .right .txt .more{margin: 100px 0 0 0;float: right; background: none; }
 
.homeabout .line3 span{background: #ddd;}


.homeabout .left .swiper-pagination{ bottom: 0;right: 20px;bottom: 20px;text-align: right;}
.homeabout .left .swiper-pagination .swiper-pagination-bullet{ opacity: 1;background: none;border: 1px solid #fff;margin: 0 0 0 5px; }
.homeabout .left .swiper-pagination .swiper-pagination-bullet-active{border: 1px solid #fe7401;}
 
 
.effect1 img{transform:scale(1.25,1.25) translate(10%,10%);transform:scale(1.1,1.1) translate(4.545%,4.545%);}	
.leftUp img{-webkit-animation-name:leftUp;animation-name:leftUp;}
@-webkit-keyframes leftUp{
0%{transform:scale(1.1,1.1) translate(4.545%,4.545%); }
100%{transform:scale(1.1,1.1)  translate(-4.545%,-4.545%);}}
@keyframes leftUp{
0%{transform:scale(1.1,1.1) translate(4.545%,4.545%);}
100%{transform:scale(1.1,1.1)  translate(-4.545%,-4.545%);}}

.moveRight img{-webkit-animation-name:moveRight;animation-name:moveRight;}
@-webkit-keyframes moveRight{
0%{transform:scale(1.1,1.1) translate(-4.545%,0); }
100%{transform:scale(1.1,1.1)  translate(4.545%,0);}}
@keyframes moveRight{
0%{transform:scale(1.1,1.1) translate(-4.545%,0);}
100%{transform:scale(1.1,1.1)  translate(4.545%,0);}}

.moveDown img{-webkit-animation-name:moveDown;animation-name:moveDown;}
@-webkit-keyframes moveDown{
0%{transform:scale(1.1,1.1) translate(0,-4.545%); }
100%{transform:scale(1.1,1.1)  translate(0,4.545%);}}
@keyframes moveDown{
0%{transform:scale(1.1,1.1) translate(0,-4.545%);}
100%{transform:scale(1.1,1.1)  translate(0,4.545%);}}

.centerBig img{-webkit-animation-name:centerBig;animation-name:centerBig;}
@-webkit-keyframes centerBig{
100%{transform:scale(1.1,1.1);}}
@keyframes centerBig{
100%{transform:scale(1.1,1.1);}}

.rightDownBig img{-webkit-animation-name:rightDownBig;animation-name:rightDownBig;}
@-webkit-keyframes rightDownBig{
100%{transform:scale(1.1,1.1) translate(4%,4%);}}
@keyframes rightDownBig{
100%{transform:scale(1.1,1.1) translate(4%,4%);}}

.swiper-slide img{
	animation-duration:5s;
	animation-timing-function:linear;
	animation-fill-mode: forwards;
	-webkit-animation-duration:5s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-fill-mode: forwards;}	
	 


.homeabout .left .swiper-slide,.homeabout .left .swiper-wrapper{ height:auto; }
.homeabout .left .swiper-slide img{    display: block; width: 100%;}










.homenews2{ display: block;overflow: hidden;margin: 0px auto 100px;}
.homenews2 .more{margin:50px auto 0;}
.homenews2 h6{ font-size: 36px;color: #333;line-height: 36px;margin: 0 auto 30px;width: 80%;}
.homenews2 .list{display: block;width: 80%;overflow: hidden;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;margin: 0 auto;}
.homenews2 .list a{ display: block;overflow: hidden;position: relative;width: calc(32% - 2px);border: 1px solid #eee;}
.homenews2 .list a p{display: block;overflow: hidden;margin:0 0 0 0;}
.homenews2 .list a p img{display: block;width:100%;transition: all .6s;}
.homenews2 .list a .txt{position: relative;padding: 30px;overflow: hidden;display: block;}
.homenews2 .list a .txt h5{ display: block;overflow: hidden;font-size: 16px;color: #ed6d0a;line-height: 1em;}
.homenews2 .list a .txt h3{ font-size: 22px;color: #333;line-height: 36px;min-height: 72px;margin: 30px 0 0 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; }
.homenews2 .list a .txt h4{ display: block;overflow: hidden;margin: 20px 0 0 0;position: relative;color: #333;font-size: 16px;    border-top: 1px solid #eee;padding: 20px 0 0 0;}
.homenews2 .list a .txt h4 .fa{ float: right;font-size: 18px;color: #333;}

.homenews2 .list a .txt2{ position: absolute;top:100px;left: 0;width: calc(100% - 60px);height: calc(100% - 60px);    opacity: 0;  z-index: 2;}
.homenews2 .list a .txt2 h4{ position: absolute;width: calc(100% - 60px);bottom: 30px;}
.homenews2 .list a .txt2 .p{ display: block;overflow: hidden;}
.homenews2 .list a .txt2 .p i{ display: block;overflow: hidden;width: 50px;height: 1px;background: #ddd;margin: 30px 0;}
.homenews2 .list a .txt2 .p font{display: block;color: #888;font-size: 14px;line-height: 24px;margin:0 0 30px; overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.homenews2 .list a:after{ content: ''; background: #fff;width: 100%;height: 100%;top:10;position: absolute;left: 0;    opacity: 0;}

.homenews2 .list a:hover .txt2{top:0; opacity: 1;transition: all .6s;}
.homenews2 .list a:hover:after{ opacity: 1;top:0;transition: all .3s;}

 






.xxfooter{ position: relative;  display: block;overflow: hidden;padding: 100px 10%;background:#292c35;text-align: center; z-index: 20;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.xxfooter .left{ display: block;overflow: hidden;float: left;position: relative;}
.xxfooter .left .footlebot{ display: block;overflow: hidden;margin: 50px 0 0;}
.xxfooter .left .footlebot p{ display: block;overflow: hidden;color: #999;font-size: 14px;line-height: 24px;margin: 0 0 10px 0;}
.xxfooter .left .footlebot p a{ color: #fff;font-size: 24px;line-height: 24px;display: inline-block;vertical-align: top;}
.xxfooter .left .footlebot span{ text-align: left; display: block;color: #999;font-size: 14px;line-height: 24px;margin: 30px 0 0 0; }
.xxfooter .left .footlebot span a{ color: #666;margin: 0 15px 0 0; font-size: 12px;}
.xxfooter .tt{ display: block; overflow: hidden;}
.xxfooter .tt span{ text-align: left;   display: block; color: #fff;font-size: 30px; opacity: 0.3;}
.xxfooter .tt font{text-align: left;display: block;font-size: 30px;color: #fff; }
.xxfooter .right{ display: block;overflow: hidden;float: right;position: relative;}
.xxfooter .right ul{ width: 280px;display: block;overflow: hidden;margin: 50px 0 0;}
.xxfooter .right ul li{ display: block;float: left;width: 50%;text-align: right; margin: 0 0 20px 0;}
.xxfooter .right ul li a{ color: #999;font-size: 14px;line-height: 24px;display: inline-block;}
.xxfooter .right .tt span,.xxfooter .right .tt font{text-align: right;}
.xxfooter .center{ vertical-align: top;     display: inline-block;position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.xxfooter .center .tt span,.xxfooter .center .tt font{text-align: center;}
.xxfooter .center ul{ display: block;overflow: hidden;margin: 50px 0 0 0;}
.xxfooter .center ul li{display: block;vertical-align: top;margin: 0 20px;}
.xxfooter .center ul li p{ display: block;text-align: center;color: #999;font-size: 16px;line-height: 1;margin: 10px 0 0 0;}
.xxfooter .center ul li img{ display: block; height: 120px;margin: auto;}
.xxfooter .right ul li a:hover{ color:#fff; }




 
 
.pagehist{display: block;overflow: hidden;background: url(/style/images/pagehistbg.jpg);background-size: cover;padding: 100px 0;position: relative;}
.pagehist .sw{ display: block;overflow: hidden;width: 60%;margin: 0 auto;position: relative;}
.pagehist h6{ font-size: 36px;color: #fff;text-align: center;margin:0 0 60px 0;}

.pagehist .sw .swiper-container03{ display: block;width: 100%;}
.pagehist .sw .swiper-slide{ display: block;width: 100%;} 
.pagehist .sw .swiper-slide span{ display: block;text-align: center;color: #fff;opacity: 0.8;line-height: 30px;}
.pagehist .sw .swiper-slide strong{display: block;color: #fff;font-weight: normal;font-size: 20px;text-align: center;opacity: 0.8;    margin: 80px 0 0 0; }







.pageab{ display: block;overflow: hidden;padding: 100px 0;position: relative;}
.pageab .abtxt{display: block;overflow: hidden;width:94%;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;margin:0 3%;}
.pageab .abtxt .left{  display: block;width: calc(50% - 200px);overflow: hidden;margin: 0 0 0 100px;} 
.pageab .abtxt .left h3{ font-weight: bold;font-size: 36px;color: #333;line-height: 36px;margin: 0;}
.pageab .abtxt .left h4{ font-weight: bold;font-size: 20px;color: #333;line-height: 36px;margin:15px 0 36px;}
.pageab .abtxt .left h5{ display: block;color: #666;font-size: 18px;line-height: 30px;}
.pageab .abtxt .right{ display: block;width: 50%;overflow: hidden;}
.pageab .abtxt .right img{display: block;width:100%;}



.pagebanner{ position: relative;overflow: hidden;display: block;    z-index: 2;}
.pagebanner img{ display: block;width: 100%;}
.pagebanner .btxt{position: absolute;top: 50%;left:8%;z-index: 3;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.pagebanner .btxt h3{ display: block;color: #eee;font-size: 48px;line-height: 40px;font-weight:bold;}
.pagebanner .btxt h4{display: block;color: #ccc;font-size: 20px;width: 500px;line-height: 30px;margin: 30px 0 0 0;}

.about-tt{ display: block;float: left;position: relative;overflow: hidden;width: 280px;}
.about-tt span{ font-size: 36px;color: #333;line-height: 1em;display: block;text-align: right;}
.about-tt font{display: block;overflow: hidden;width: 100%;height: 2px;background: #ddd;margin: 16px 0 0 0;}



.aboutcontact{ display: block;overflow: hidden; width: 98%; margin: 150px auto 100px;position: relative;}
.aboutcontact .ct{position: relative; display: block;width: 100%;overflow: hidden;}
.aboutcontact .ct h6{opacity: 1; transition: all .3s;position: absolute;top: 80px;left: 0;color: #fff;width: 100%;text-align: center;font-size: 52px;font-weight:bold;}
.aboutcontact .ct h6 span{display: block;font-size: 36px; margin-top: 40px;font-weight:normal;}
.aboutcontact .ct p{ display: block; overflow: hidden;}
.aboutcontact .ct p img{ display: block; width: 100%;}
.aboutcontact .ct .txt{ transition: all .3s; position: absolute;top: 70%;width: 80%;left: 10%; opacity: 0;  z-index: 3;}
.aboutcontact .ct .txt span{ display: block;color: #fff;font-size: 30px;line-height: 1em;}
.aboutcontact .ct .txt strong{ display: block;width: 100%;height: 2px;background: #fff;opacity: 0.8;margin: 20px 0;}
.aboutcontact .ct .txt font{    display: block;color: #eee;line-height: 30px;font-size: 16px;}
.aboutcontact .ct:before{ content: "";position: absolute;width: 100%;height: 100%;background: #000;top: 0;right: 0;z-index: 1; opacity: 0;}
.aboutcontact .ct:hover .txt{ opacity: 1; top: 40%;  }
.aboutcontact .ct:hover:before{ content: "";position: absolute;width: 100%;height: 100%;background: #000;top: 0;right: 0;z-index: 1;    opacity: 0.6;}
.aboutcontact .ct:hover h6{opacity: 0;  }

/* 20210608 */
.ctprev,.ctnext{background-image: none;width: 30px;height: 40px;font-size: 20px;text-align: center;line-height: 40px;background-color: rgba(255,255,255,0.9);margin-top: -20px;color: #666666;}
.ctprev{left: 0;}
.ctnext{right: 0;}


.aboutjob{ display: block;overflow: hidden;position: relative;padding: 120px 0;}
.aboutjob:before{ content: "";position: absolute;width: 76%;height: 100%;background: #f1f2f3;top: 0;right: 0;z-index: 1;}
.aboutjob .left{ display: block;overflow: hidden; position: absolute;z-index: 4;transform: translateY(-50%);-webkit-transform: translateY(-50%);width: 50%;top: calc(50% + 50px);}
.aboutjob .left img{ display: block;width: 100%;}
.aboutjob .right{display: block;overflow: hidden;position: relative;z-index: 3;border: 16px solid #d9dce0;width: calc(60% - 32px);float: right;margin: 0 5% 0 0;padding:200px 0 150px;}
.aboutjob .right dd{ display: block;width: 60%;margin: 0 10% 0 30%;}
.aboutjob .right dd h3{ font-size: 30px;color: #333;line-height: 40px;width: 80%;}
.aboutjob .right dd h4{ display: block;font-size: 18px;line-height: 36px;color: #666; margin: 30px 0; }
.aboutjob .right dd .more{ background: none;}
.aboutjob .about-tt{ position: absolute;top: 100px;left: 0;}

/*choose*/
.choose .choose_list{width: 100%;overflow: hidden;position: relative;height: 771px;}
.choose .choose_list>img{width: 100%;height: auto;}
.choose .choose_list .choose_txt{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 3;}
.choose .choose_list .choose_txt>a{display: block;width: 25%;height: 100%;position: relative;float: left;}
.choose .choose_list .choose_txt>a .top{position: absolute;top: 9%;left:8%;transition: all .5s;z-index: 2;}
.choose .choose_list .choose_txt>a .top font{font-size:15px; color:#fff ;opacity:0.66;margin-top: 15px;display: inline-block;text-transform: uppercase;}
.choose .choose_list .choose_txt>a>.top span{font-size: 14px;color: #fff;margin-bottom: 30px;display: inline-block;}
.choose .choose_list .choose_txt>a>.top p{color: #fff;font-size: 32px;line-height: 38px;text-transform: uppercase;text-shadow: 0 1px 1px #2f2f2f; font-weight:bold;}
.choose .choose_list .choose_txt>a:after{content: "";display: block;position: absolute;top: 0;right: 0;width: 1px;height: 100%;background-color: rgba(255,255,255,0.3);}
.choose .choose_list .choose_txt>a>h3{position:absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 4;background-color: rgba(17, 17, 17, 0.7);opacity: 0;transition: all .8s;}
.choose .choose_list .choose_txt>a>h3>.yc{width: 82%;position: absolute;top: -11%;left: 8%;transition: all .4s;height: 80%;}
.choose .choose_list .choose_txt>a>h3>.yc>p{font-size: 32px;color: #fff; text-transform: uppercase;font-weight:bold;}
.choose .choose_list .choose_txt>a>h3>.yc .en{font-size:15px; color:#fff ;opacity:0.66;margin-top: 10px;font-weight: normal;margin-bottom: 40px;text-transform: uppercase;}
.choose .choose_list .choose_txt>a>h3>.yc .num{font-size: 14px;color: #fff;margin-bottom: 40px;}

.choose .choose_list .choose_txt>a>h3>.yc>span{font-size: 18px;color: #ffffff;width:80%;margin-bottom:14px;display: block;line-height: 26px;opacity:0.9;position: relative;box-sizing: border-box;}
.choose .choose_list .choose_txt>a>h3>.yc>span>i{display: inline-block;width: 5px;height: 5px;background-color: #fff;border-radius: 50%;margin-right: 14px;vertical-align:3px;position: absolute;top: 10px;left: 0;}
.choose .choose_list .choose_txt>a>h3>.yc>strong{display: block;width: 75px;height: 1px;background-color: #fff;margin: 0;margin-bottom: 40px;}
.choose .choose_list .choose_txt>a>h3>.yc>font{position: absolute;display: block;width: 184px;height: 46px;margin-top: 50px;bottom: 0;line-height: 46px;}
/* .choose .choose_list .choose_txt>a>h3>.yc>font{position: absolute;display: block;width: 184px;height: 46px;text-align: center;line-height: 46px;border: 1px solid #fff;font-size: 14px;color: #fff;transition:all .5s;margin-top: 50px;bottom: 0;font-family: "got";border-radius: 2rem;}
.choose .choose_list .choose_txt>a>h3>.yc>font:after{content: "";display: block;width: 0;height: 100%;transition: all .5s;background-color: #fff;z-index: -1;position: absolute;top: 0;left: 0;border-radius: 2rem;} */

.choose .choose_list .choose_txt>a:hover h3{opacity: 1;}
.choose .choose_list .choose_txt>a:hover h3>.yc{top: 9%;}
.choose .choose_list .choose_txt>a:hover>.top{opacity: 0;}
/* .choose .choose_list .choose_txt>a>h3>.yc>font:hover{color: #111;}
.choose .choose_list .choose_txt>a>h3>.yc>font:hover:after{width: 100%;} */
.img_box{width: 100%;height: 100%;position: relative;}
.img_box>img{width: 100%;height: 100%;object-fit: cover;display: none;position: absolute;top: 0;left: 0;}
.img_box>img:nth-child(1){display: block;}




 

.aboutevent{ display: block;overflow: hidden;padding: 0 0 50px 0;position: relative;margin: 100px auto;}
.aboutevent .about-tt{ }
.aboutevent .about-tt span{}
.aboutevent .about-tt font{}
.aboutevent .swiper-container02{ display: block;float: right;width: calc(100% - 450px);overflow: hidden;}

.aboutevent .swiper-container02 .swiper-slide a{ display: block;overflow: hidden;position: relative;width:100%;border: 1px solid #eee;}
.aboutevent .swiper-container02 .swiper-slide a p{display: block;overflow: hidden;margin:0 0 0 0;}
.aboutevent .swiper-container02 .swiper-slide a p img{display: block;width:100%;transition: all .6s;}
.aboutevent .swiper-container02 .swiper-slide a .txt{position: relative;padding: 30px;overflow: hidden;display: block;}
.aboutevent .swiper-container02 .swiper-slide a .txt h5{ display: block;overflow: hidden;font-size: 16px;color: #999;line-height: 1em;}
.aboutevent .swiper-container02 .swiper-slide a .txt h3{ font-size: 22px;color: #333;line-height: 36px;margin: 30px 0 0 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;min-height: 72px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.aboutevent .swiper-container02 .swiper-slide a .txt h4{ display: block;overflow: hidden;margin: 20px 0 0 0;position: relative;color: #333;font-size: 16px;    border-top: 1px solid #eee;padding: 20px 0 0 0;}
.aboutevent .swiper-container02 .swiper-slide a .txt h4 .fa{ float: right;font-size: 18px;color: #333;}

.aboutevent .swiper-container02 .swiper-slide a .txt2{ position: absolute;top:100px;left: 0;width: calc(100% - 60px);height: calc(100% - 60px);    opacity: 0;  z-index: 2;}
.aboutevent .swiper-container02 .swiper-slide a .txt2 h4{ position: absolute;width: calc(100% - 60px);bottom: 30px;}
.aboutevent .swiper-container02 .swiper-slide a .txt2 .p{ display: block;overflow: hidden;}
.aboutevent .swiper-container02 .swiper-slide a .txt2 .p i{ display: block;overflow: hidden;width: 50px;height: 1px;background: #ddd;margin: 30px 0;}
.aboutevent .swiper-container02 .swiper-slide a .txt2 .p font{display: block;color: #888;font-size: 14px;line-height: 24px;margin:0 0 30px; overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.aboutevent .swiper-container02 .swiper-slide a:after{ content: ''; background: #fff;width: 100%;height: 100%;top:10;position: absolute;left: 0;    opacity: 0;}

.aboutevent .swiper-container02 .swiper-slide a:hover .txt2{top:0; opacity: 1;transition: all .6s;}
.aboutevent .swiper-container02 .swiper-slide a:hover:after{ opacity: 1;top:0;transition: all .3s;}

 


.aboutmis{ display: block;overflow: hidden;padding: 100px 0 0;}
.aboutmis .about-tt{float: none;}
.aboutmis .about-tt span{}
.aboutmis .about-tt font{}
.aboutmis .center{display: block;overflow: hidden;width: 80%;margin: 50px auto 0;position: relative;}
.aboutmis .center .left{display: block;width: calc(50% - 40px);overflow: hidden;position: relative;}
.aboutmis .center .left dd{       padding: 0 0 0 40px; position: relative; margin: 0 0 40px 0; display: block;overflow: hidden;}
.aboutmis .center .left dd p{display: block;overflow: hidden;}
.aboutmis .center .left dd p img{display: block; width:100%;}
.aboutmis .center .left dd .txt{  padding: 0 0 0 40px;  position: absolute;bottom: 0;left: 0;z-index: 3;}
.aboutmis .center .left dd .txt h3{color: #fe7401;background: #333;position: absolute;writing-mode: tb;height: 100%;line-height: 40px;left: 0;bottom: 0;text-align: center;-webkit-writing-mode: vertical-lr;}
.aboutmis .center .left dd .txt h4{ background: rgba(0, 0, 0, 0.8);padding: 40px 60px 40px 40px;display: block;overflow: hidden;box-sizing: border-box;width: 420px;}
.aboutmis .center .left dd .txt h4 span{ display: block;color: #fff;font-size:26px;line-height: 1em;}
.aboutmis .center .left dd .txt h4 font{display: block;color: #eee;font-size: 20px;margin: 20px 0 0 0;}
.aboutmis .center .left dd:nth-child(2n){ margin: 0;}
.aboutmis .center .left dd:nth-child(2n) .txt{ bottom: auto;top: 0;}

.aboutmis .center .right{ position: absolute;width: 50%;top: 0;right: 0;height: 100%;}
.aboutmis .center .right dd{ margin: 0;position: initial;}
.aboutmis .center .right dd .txt{ position: initial;}
.aboutmis .center .right dd .txt h3{bottom: auto;top: 0;height: 120px;}
.aboutmis .center .right dd .txt h4{ position: absolute;width: auto;height: auto;z-index: 3;right: 0;top: 50%;border: 16px solid #e9e9e9;background: none;transform: translateY(-50%);-webkit-transform: translateY(-50%);padding: 80px 120px 80px 30px;white-space: nowrap;}
.aboutmis .center .right dd p{}
.aboutmis .center .right dd p img{position: absolute;width: 80%;height: 100%;bottom: 0;left: 40px;}
.aboutmis .center .right dd .txt h4 font{width: 100%;line-height: 26px;}


.pagehist .sw .swiper-slide span{ opacity: 0;position: relative;width:600px;left: 50%;-webkit-transform: translateX(-50%);-webkit-transform: translateX(-50%); font-size: 18px; color: #ccc;transition: all .6s;}
.pagehist .sw .swiper-slide h6{opacity: 0;white-space: nowrap;text-align: center;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;transition: all .6s;position: relative;width:600px;left: 50%;-webkit-transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.pagehist .sw .swiper-slide-active h6{opacity: 1; }
.pagehist .sw .swiper-slide-active span{ opacity: 1; }
.pagehist .sw .swiper-slide-active strong{ color: #fe7401;}
.pagehist:before{ content: "";position: absolute;width: 100%;height: 1px;background: #fff;bottom:125px;opacity: 0.2;left: 0;}

.pagehist .sw .swiper-slide #qx{display: block;width: 50px;height: 50px;background: rgba(255, 255, 255, 0.0);border-radius: 50%;margin: 20px auto 0;position: relative;}
.pagehist .sw .swiper-slide #qx #a1{position: absolute;width: 8px;height: 8px;background: #fff;border-radius: 50%;top: 21px;left: 21px;opacity: 0.8;z-index: 3;}
.pagehist .sw .swiper-slide #qx #a2{position: absolute;width: 18px;height: 18px;border-radius: 50%;top: 15px;left: 15px;opacity: 0.8;z-index: 3;border: 1px solid #fff;}
.pagehist .sw .swiper-slide #qx #a3{}

.pagehist .sw .swiper-slide-active #qx{ background:rgba(255, 255, 255, 0.2);   }
.pagehist .sw .swiper-slide-active #qx #a1{    background: #fe7401;}

.pagehist .about-tt{position: absolute;bottom: 125px;width: 200px;}
.pagehist .about-tt span{color: #fff;    text-align: center;}
.pagehist .about-tt font{background: #fff;opacity: 0.5;}

.pagehist .np{position: absolute;width: 80px;border-bottom: 2px solid rgba(255, 255, 255, 0.5);bottom: 125px;right: 50px;    padding: 0 0 20px 0;}
.pagehist .np .npto{display: block;width: 24px;height: 24px;border: 1px solid #fff;float: right;color: #fff;line-height: 24px;text-align: center;border-radius: 50%;opacity: 0.5;font-size: 14px;cursor: pointer;}
.pagehist .np .npto:hover{opacity: 0.8;}
.pagehist .np .npto:focus{outline:none;}
.pagehist .np .swiper-button-prev03{float: left;}

 

 

.abouthrinfo{display: block;overflow: hidden;margin: 100px 0 0;    position: relative;}
.abouthrinfo .swiper-container01{}
.abouthrinfo .swiper-container01 .swiper-slide{}
.abouthrinfo .swiper-container01 .swiper-slide img{display: block; width:100%; }
.abouthrinfo .swiper-container01 .in-banner-txt{ position: absolute;width: 80%;left: 10%;top:50%;z-index: 3; transform: translateY(-50%); -webkit-transform: translateY(-50%);display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.abouthrinfo .swiper-container01 .in-banner-txt .left{float: left; display: block;border: 16px solid #88888c;width: calc(28% - 60px);padding: 90px 30px;overflow: hidden;}
.abouthrinfo .swiper-container01 .in-banner-txt .left p{display: block;color: #fff;font-size: 18px;line-height:22px;margin-bottom:30px; }
.abouthrinfo .swiper-container01 .in-banner-txt .left h3{ display: block;color: #fff;font-size: 30px; width: 100%;line-height: 36px;}
.abouthrinfo .swiper-container01 .in-banner-txt .left h4{ display: block;overflow: hidden;color: #eee;font-size: 16px;line-height: 30px;margin: 30px 0 0 0;}
.abouthrinfo .swiper-container01 .in-banner-txt .right{ float: right;width:50%;display:block;overflow:hidden;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;}
.abouthrinfo .swiper-container01 .in-banner-txt .right dd{}
.abouthrinfo .swiper-container01 .in-banner-txt .right h3{ display: block; overflow: hidden;}
.abouthrinfo .swiper-container01 .in-banner-txt .right h3 span{display: block;float: left;color: #fe7401;font-size: 50px;font-weight: bold;}
.abouthrinfo .swiper-container01 .in-banner-txt .right h3 font{display: block;color: #fe7401;float: left;font-size: 26px;margin: 12px 0 0 10px;}
.abouthrinfo .swiper-container01 .in-banner-txt .right h4{display: block;color: #eee;font-size: 18px; margin: 10px 0 0 0; }
.abouthrinfo .about-tt{ margin: 0 0 30px 0; }
.abouthrinfo .np .npto{ position: absolute;width: 40px;height: 40px;border: 1px solid #ccc;top: 50%;color: #fff;z-index: 3;background: rgba(255, 255, 255, 0.2);text-align: center;line-height: 40px;border-radius: 4px;cursor: pointer;outline: none;} 
.abouthrinfo .np .swiper-button-prev01{ left: 50px; right: initial;}
.abouthrinfo .np .swiper-button-next01{right: 50px;}

/* 20210608 */
.abouthrinfo .swiper-container01 .in-banner-txt .left{width: 50%;box-sizing: border-box;}
.abouthrinfo .swiper-container01 .swiper-slide:first-child .in-banner-txt .left{width: 40%;}


 
.aboutevent .np{width: 280px;position: absolute;top: 100px;left: 0;text-align: right;display: flex;display: -webkit-flex;-webkit-flex-flow: column;flex-flow: column;-webkit-align-items: flex-end;align-items: flex-end;}
.aboutevent .np br{display: none;}
.aboutevent .np .npto{display: inline-block;width: 40px;height: 40px;text-align: center;line-height: 40px;border: 1px solid #eee;border-radius: 50%;color: #999;cursor: pointer;}
.aboutevent .np .npto:focus{outline:none;}
.aboutevent .np .swiper-button-prev02{ margin: 10px 0 10px 0;}

.aboutevent .swiper-pagination02{position: absolute;bottom: 0;left: 450px;width: auto;}
.aboutevent .swiper-pagination02 span{ display: block;float: left;width: 10px;height: 10px;background: none;border: 1px solid #ddd;opacity: 1;margin: 0 10px 0 0;outline: none;}
.aboutevent .swiper-pagination02 .swiper-pagination-bullet-active,.aboutevent .swiper-pagination02 span:hover{border: 1px solid #fe7401;}

 
.pageline3{}
.pageline3 span{    background: #ddd;z-index: 6;}

/* 产品 */
.innerbanner{width: 100%;position: relative;overflow: hidden;box-sizing: border-box;z-index: 3;}
.innerbanner img{display: block;width: 100%;position: relative;z-index: 1;}

.innerbotwrap{width: 100%;position: relative;border-bottom: 1px solid rgba(255,255,255,0.3);z-index: 1;bottom: 0;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;/* border-top: 1px solid rgba(255,255,255,0.3); */}
.innerbotwrap a{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;font-size: 18px;color: #ccc;height: auto;width:auto;-webkit-justify-content: center;justify-content: center;box-sizing: border-box;/* border-right: 1px solid rgba(255,255,255,0.3); */display: block;margin-right: 140px;padding: 40px 0 20px;text-align: center;position: relative;}
.innerbotwrap a:before{content: '';display: block;width: 0%;height: 3px;    background: linear-gradient(90deg, rgba(233,92,38,1) 0%, rgba(240,145,54,1) 100%);position: absolute;left: 0;bottom: 0;transition: all .3s;}
.innerbotwrap a:hover:before,.innerbotwrap a.now:before{width: 100%;}
.innerbotwrap a:last-child{border-right: none;}
.innerbotwrap a img{display: block;width: auto;height: 40px;filter: brightness(10) grayscale(2);-webkit-filter: brightness(2) grayscale(2);margin-right: 10px;transition: all .6s;margin:0 auto 10px;}
.innerbotwrap a:last-child{margin-right: 0;}
.innerbotwrap a.now img,.innerbotwrap a:hover img{-webkit-filter: none;filter: none;transform: scale(1.2);-webkit-transform: scale(1.2);}
.innerbotwrap a.now,.innerbotwrap a:hover{color: #fe7401;}



/* innerwrap */
.innerwrap{width: 100%;box-sizing: border-box;overflow: hidden;position: relative;}
.innerwrap .bgvideo{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 0;width: 100%;height: 100%;object-fit: cover;}
.innerwrap:before{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;background-color: rgba(0,0,0,0.8);}
.p-cont{width: 80%;}
/* product01wrap */
.product01wrap{background-color: #181818;}
.product01{margin: auto;padding: 100px 0;position: relative;z-index: 2;}
.product01li{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;margin-bottom: 160px;}
.product01li:last-child{margin-bottom: 0;}
.product01li:nth-of-type(odd){-webkit-flex-flow: row-reverse;flex-flow: row-reverse;}
.product01li .imgbox{max-width: 46%;}
.product01li .imgbox img{display: block;width: auto;max-width: 100%;}
.product01li .text{width: 50%;box-sizing: border-box;padding-left: 7%;}
.product01li:nth-of-type(even) .text{padding-left: 0%;padding-right: 7%;}
.product01li .text .model{border-left: 2px solid #ed6d0a;padding-left: 20px;box-sizing: border-box;margin-bottom: 60px;}
.product01li .text .model h3{font-size: 46px;color: #ffffff;font-weight: bold;}
.product01li .text .model p{font-size: 24px;color: #ffffff;opacity: 0.5;letter-spacing:10px;font-weight:bold;}
.product01li .text .tl{font-size: 30px;color: #ffffff;font-weight: bold;margin-bottom: 30px;}
.product01li .text .tl span{display:none;}
.product01li .text h4{font-size: 16px;line-height: 30px;text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;color: #FFFFFF;opacity: 0.66;}
.product01li .text .list{width: 100%;display: flex;display: -webkit-flex;padding-top: 30px;margin-top: 30px;border-top: 1px solid rgba(255,255,255,0.3);flex-wrap: wrap;-webkit-flex-wrap: wrap;}
.product01li .text .list p{margin-right: 40px;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;font-size: 14px;color: #ffffff;opacity: 0.66;margin-bottom: 10px;white-space: nowrap;}
.product01li .text .list p:last-child{margin-right: 0;}
.product01li .text .list p img{display: block;width: 26px;height: 26px;margin-right: 10px;}
/* p-more */

.p-more{display: block;/* background:linear-gradient(0deg, rgba(255,151,0,1) 0%, rgba(251,75,2,1) 100%); */line-height:50px;padding:0;border:none;width: 190px;line-height: 50px;position: relative;border-radius: 4px;transition: all 0.5s ease;border: 2px solid #ed6d0a;}
.p-more span{position:relative;display:block;width:100%;height:100%;line-height: inherit;text-align: center;color: #ed6d0a;transition: all 0.5s ease;z-index: 0;}
.p-more span:before{content: '';display: block;width: 100%;height: 100%;background: linear-gradient(0deg, rgba(255,151,0,1) 0%, rgba(251,75,2,1) 100%);position: absolute;top: 0;left: 0;z-index: -1;opacity: 0;transition: all .3s;}
.p-more:hover span:before{opacity: 0.75;}
.p-more:hover span{color: #FFFFFF;}
.p-more:after,.p-more:before{position:absolute;content:"";right:0;bottom:0;background:#ed6d0a;transition:all .5s ease;/* box-shadow:-7px -7px 20px 0 rgba(255,255,255,.9),-4px -4px 5px 0 rgba(255,255,255,.9),7px 7px 20px 0 rgba(0,0,0,.2),4px 4px 5px 0 rgba(0,0,0,.3); */}
.p-more:before{height:0%;width:2px}
.p-more:after{width:0%;height:2px}
/* .p-more:hover{color:#ed6d0a;background:0 0;transition: all 0.5s ease;}
.p-more:hover:before{height:100%}
.p-more:hover:after{width:100%} */
/* .p-more span:after,.p-more span:before{position:absolute;content:"";left:0;top:0;background:#ed6d0a;transition:all .5s ease;box-shadow:-7px -7px 20px 0 rgba(255,255,255,.9),-4px -4px 5px 0 rgba(255,255,255,.9),7px 7px 20px 0 rgba(0,0,0,.2),4px 4px 5px 0 rgba(0,0,0,.3);} */
/* .p-more span:before{width:2px;height:0%}
.p-more span:after{height:2px;width:0%} */
/* .p-more span:hover:before{height:100%}
.p-more span:hover:after{width:100%}
.p-more span:hover{color:#ed6d0a;background:0 0;} */


.product01li .text .p-more{margin-top: 60px;}

/* header重置 */
.pch{height: auto;}
.headerwrap{width: 100%;box-sizing: border-box;padding: 0 50px;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;position: relative;}
.pch .logo{position: relative;width: auto;}
.pch .logo img{width: auto;margin: auto;}
/* pch-r */
.pch-r{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;}
.pch .pcnav{display: flex;display: -webkit-flex;margin-right: 60px;}
.pch .en{position: relative;top: 0;right: 0;}
.pch .pcnav li>a{line-height: 100px;position: relative;}
.pch .pcnav li>a:before{content: '';display: block;width: 0%;height: 2px;background-color: #fe7401;position: absolute;left: 0;transition: all .3s;bottom: 0;}
.pch .pcnav li>a:hover:before{width: 100%;}
.pch:hover .pcnav li>a:hover{color: #fe7401;}

/* pcht02 */
.pcht02,.pch:hover{background-color: #FFFFFF;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);}
.pcht02 .logo img,.pch:hover .logo img{opacity: 0;}
.pcht02 .logo,.pch:hover .logo{background: url(../images/logo0604.svg?v=2)no-repeat;background-size: cover;}
.pcht02 .pcnav a,.pch:hover .pcnav a{color: #444444;}
.pcht02 .en,.pch:hover .en{color: #8f8f8f;border-color: #8f8f8f;}

/* nav02wrap */
.nav02wrap{position: absolute;left: 0;width: 100%;box-sizing: border-box;background-color: #FFFFFF;border-top: 1px solid #DDDDDD;display: none;box-shadow: 0px 4px 4px rgba(0,0,0,0.2);}
.prodown{width: 100%;box-sizing: border-box;padding: 50px 30px;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.prodown .item{width: 25%;display: flex;display: -webkit-flex;-webkit-align-items: flex-start;}
.prodown .item:last-child{border-right: none;}
.prodown .item .imgbox{width: 30%;box-sizing: border-box;}
.prodown .item .imgbox img{display: block;width: auto;max-width: 100%;}
.prodown .item .linklist{width: 70%;box-sizing: border-box;} 
.prodown .item .linklist h3{font-size: 17px;color: #333333;font-weight: bold;margin-bottom: 30px;}
.prodown .item .linklist a{display: block;font-size: 15px;line-height: 32px;color: #666666;margin: 0;}
.prodown .item .linklist a:hover{color: #333333;text-decoration: underline;}

.prodown .item .linklist a span{}










/* 产品详情 */
.prowrap{width: 100%;position: relative;padding-top: 120px;overflow: hidden;}
.proinfolinkwrap{width: 100%;box-sizing: border-box;background-color: #eeeeee;}
.proinfolink{display: flex;display: -webkit-flex;width: 80%;margin: auto;-webkit-justify-content: center;justify-content: center;height: 80px;-webkit-align-items: center;align-items: center;position: relative;}
.proinfolink a{display: block;width: 210px;text-align: center;font-size: 15px;line-height: 80px;color: #666666;position: relative;}
.proinfolink a:before{content: '';display: block;width: 1px;height: 30px;background-color: #DDDDDD;position: absolute;left: 0;top: 50%;margin-top: -15px;}
.proinfolink a:last-child:after{content: '';display: block;width: 1px;height: 30px;background-color: #DDDDDD;position: absolute;right: 0;top: 50%;margin-top: -15px;}
.proinfolink a i{display: block;width: 0%;height: 2px;background-color: #f5a100;transition: all .3s;position: absolute;left: 0;bottom: 0;}
.proinfolink a:hover i,.proinfolink a.active i{width: 100%;}
.proinfolink a:hover,.proinfolink a.active{color: #f5a100;}

/* proinfo01 */
.proinfo01wrap{width: 100%;box-sizing: border-box;padding: 100px 0;position: relative;}
.proinfo01wrap .bgimg{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;object-fit: cover;}
.proinfo01{margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;box-sizing: border-box;padding: 0 150px;position: relative;z-index: 1;}
/* proinfo01text */
.proinfo01text{width: 50%;box-sizing: border-box;position: relative;padding-left: 50px;}
.proinfo01text:before{content: '';display: block;width: 5px;height: calc(100% - 20px);background: -webkit-linear-gradient(to bottom,#fb5002,#fe9000);background: linear-gradient(to bottom,#fb5002,#fe9000);position: absolute;left: 0;top: 20px;}
.proinfo01text h3{font-size: 80px;color: #222222;font-weight: bold;line-height:100px}
.proinfo01text p{font-size: 36px;color: #222222;    line-height: 36px;margin-top: 20px;}
.proinfo01text p span{display:none;}
/* proinfo01imgbox */
.proinfo01imgbox{max-width: 60%;}
.proinfo01imgbox img{display: block;width: auto;max-width: 100%;}

/* proinfo02 */
.proinfo02{width: 760px;margin: auto;box-sizing: border-box;}
.proinfo02 h4{font-size: 20px;line-height: 42px;color: #222222;text-align: justify;text-align-last: center;}
/* proinfo03wrap */
.proinfo03wrap{width: 100%;position: relative;overflow: hidden;margin: 100px 0 60px;}
.proinfo03wrap .toimg{position: absolute;top: 0;left: 0;width: 100%;}
.proinfo03wrap .toimg img{display: block;width: 50px;margin: auto;}
/* proinfo03 */
.proinfo03{position: relative;width: 100%;}
.proinfo03 .fontbg{font-size: 172px;color: #292b2b;opacity: 0.04;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);white-space: nowrap;font-weight: bold;letter-spacing: 10px;}
.proinfo03 .textlist{position: absolute;z-index: 1;}
.proinfo03 .textlist01{width: 80%;left: 10%;/*height: 316px;*/top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);display: flex;display: -webkit-flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;pointer-events: none;}
.proinfo03 .textlist02{left: 70%;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.proinfo03 .textlist li{margin-bottom: 100px;transition: all .3s;height: 108px;width: 29%;margin-right: 42%;pointer-events: initial;display: flex;display: -webkit-flex;-webkit-justify-content: flex-end;justify-content: flex-end;}
.proinfo03 .textlist li:hover{transform: translateY(-30px);-webkit-transform: translateY(-30px);}
.proinfo03 .textlist li:last-child{margin-bottom: 0;}
.proinfo03 .textlist li h3{font-size: 23px;color: #333333;font-weight: bold;display: flex;display: -webkit-flex;-webkit-justify-content: flex-end;justify-content: flex-end;-webkit-align-items: center;align-items: center;}
.proinfo03 .textlist li h3 img{display: block;width: 48px;height: auto;margin-left: 20px;}
.proinfo03 .textlist li h4{font-size: 15px;line-height: 24px;color: #666;text-align: justify;padding-right: 69px;}
.proinfo03 .textlist02 li h3{-webkit-justify-content: flex-start;justify-content: flex-start;}
.proinfo03 .textlist02 li h4{text-align: left;padding-right: 0;padding-left: 80px;}
.proinfo03 .textlist02 li h3 img{margin-left: 0;margin-right: 20px;}

/* 20210624 */
.proinfo03 .textlist li:nth-of-type(2n){margin-right: 0;-webkit-justify-content: flex-start;justify-content: flex-start;}
.proinfo03 .textlist li:nth-of-type(2n) h3{margin-right: 0;flex-flow: row-reverse;-webkit-flex-flow: row-reverse;}
.proinfo03 .textlist li:nth-of-type(2n) h4{padding-right: 0;padding-left: 69px;text-align: justify;}
.proinfo03 .textlist li:nth-of-type(2n) h3 img{margin-right: 20px;margin-left: 0;}

/* threesixty */
.threesixty{position:relative;overflow:hidden;margin:0 auto}
.threesixty .threesixty_images{display:none;list-style:none;margin:0;padding:0}
.threesixty .threesixty_images img{position:absolute;top:0;width:100%;height:auto}
.threesixty .threesixty_images img.previous-image{visibility:hidden;width:0}
.threesixty .threesixty_images img.current-image{visibility:visible;width:100%}
.threesixty:-webkit-full-screen{background:#fff;width:100%;height:100%;margin-top:0;padding-top:200px}
.threesixty:-moz-full-screen{background:#fff;width:100%;height:100%;margin-top:0;padding-top:200px}
.threesixty .threesixty_images{list-style:arabic-indic}

.abc{margin:10px auto 0;display:block;width:100%;opacity:0;position:relative;max-width: 100%;}
dl{display:block;overflow:hidden;position:relative;width:90%;margin:100px auto}
.threesixty{position: absolute;width: 100%;height: 100%!important;top: 0;left: 0;}
.spinner{width: 100%;position: absolute;top: 50%;margin-top: -24px;}
.spinner span{opacity: 1;   font-size: 16px; display: block; width: 100%; text-align: center; color: #666;}
.proinfo03min{width: 80%;margin: auto;}

.loader-117{color:#eed5aa;position:relative;font-family:Arial,Helvetica,sans-serif;font-size:48px;letter-spacing:4px;margin: auto;width: 210px;font-weight: bold;}
.loader-117::before{content:"";position:absolute;right:68px;bottom:12px;height:28px;width:7px;outline:1px solid #eed5aa;color:#f5a408;-webkit-animation:animloader117 1s linear infinite alternate;animation:animloader117 1s linear infinite alternate}
.loader-117::after{content:"";width:4px;height:4px;background:#f5a408;position:absolute;right:69px;top:8px;-webkit-animation:animloader116 1s ease-out infinite alternate;animation:animloader116 1s ease-out infinite alternate}
@-webkit-keyframes animloader116{0%{top:8px;transform:rotate(0) scale(1)}
100%{top:0;transform:rotate(180deg) scale(1.5)}
}
@keyframes animloader116{0%{top:8px;transform:rotate(0) scale(1)}
100%{top:0;transform:rotate(180deg) scale(1.5)}
}
@-webkit-keyframes animloader117{0%{box-shadow:0 0 inset}
100%{box-shadow:0 -28px inset}
}
@keyframes animloader117{0%{box-shadow:0 0 inset}
100%{box-shadow:0 -28px inset}
}





 
.searchlist-titile{ display: block;overflow: hidden;margin: 30px auto;width: 80%;}
.searchlist-titile h3{ display: block;color: #666;font-size: 16px;}
.searchlist-titile h3 span{ color: #f5a302;font-size: 18px;font-weight: bold;}

.searchlistcenter{}
.searchlistcenter .p-yjy{ display: block;overflow: hidden;width: 80%;border-bottom: 1px solid #ccc;margin: 50px auto 0;}
.searchlistcenter .p-yjy a{ position: relative;display: block;float: left;font-size: 20px;text-transform: uppercase;margin: 0 80px 0 0;    line-height: 40px;overflow: hidden;font-weight: bold;color: #666;}
.searchlistcenter .p-yjy a:hover,.searchlistcenter .p-yjy .active{ color: #f5a302; }

.p-yjy-center{ display: block;width: 80%;margin: 0 auto 100px;    overflow: hidden;min-height: 800px;}

.p-yjy-center .newslist{}
.p-yjy-center .newslist a{ display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;border-bottom: 1px solid #ddd;padding: 50px 0;margin: 0;}
.p-yjy-center .newslist a .imgbox{ display: block;width: 35%;overflow: hidden;}
.p-yjy-center .newslist a .imgbox img{ display: block; width: 100%;}
.p-yjy-center .newslist a .textbox{ display: block;width: 60%;}
.p-yjy-center .newslist a .textbox span{ display: block;color: #666;font-size: 14px;line-height: 20px;margin: 20px 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.p-yjy-center .newslist a .textbox h3{display: block;color: #333;font-size: 20px;    font-weight: bold;}
.p-yjy-center .newslist a:hover .textbox h3,.p-yjy-center .prolist a:hover .textbox h3{ color: #f5a302;  }

.p-yjy-center .prolist{ display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;    border-bottom: 1px solid #ddd;padding: 20px 0;margin: 30px 0;}
.p-yjy-center .prolist a{ display: block;width: calc(48% - 2px);float: left;border: 1px solid #eee; display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;  }
.p-yjy-center .prolist a .imgbox{ display: block;width: 50%;overflow: hidden;}
.p-yjy-center .prolist a .imgbox img{display: block; width: 100%;}
.p-yjy-center .prolist a .textbox{ display: block;width: 45%;overflow: hidden;    margin: 0 2% 0 0;}
.p-yjy-center .prolist a .textbox span{    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;color: #999;font-size: 14px;line-height: 20px;}
.p-yjy-center .prolist a .textbox font{display: block;color: #666;font-size: 40px;font-weight: bold;letter-spacing: 0;}
.p-yjy-center .prolist a .textbox h3{ display: block;color: #333;font-weight: bold;font-size: 20px;margin: 20px 0;}


 








/* proinfo04wrap */
.proinfo04wrap{width: 70%;margin: auto;position: relative;padding: 50px 0 0;margin-bottom: 110px;}
.proinfo04wrap .tl{font-size: 40px;color: #222222;font-weight: bold;text-align: center;}
.proinfo04wrap:before,.proinfo04wrap:after{content: '';display: block;width: 100%;height: 2px;background: -webkit-linear-gradient(to right,#ffffff,#e3e3e3,#ffffff);background: linear-gradient(to right,#ffffff,#e3e3e3,#ffffff);position: absolute;left: 0;}
.proinfo04wrap:before{top: 0;}
.proinfo04wrap:after{bottom: 0;}
/* proinfo04 */
.proinfo04{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;margin-top: 50px;}
.proinfo04 li{width: 32%;text-align: center;margin-bottom: 50px;}
.proinfo04 li .imgbox{display: block;width: 54px;height: 54px;border-radius: 50%;background: -webkit-linear-gradient(to bottom,#eed5aa,#f5a408);background: linear-gradient(to bottom,#eed5aa,#f5a408);display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;margin: auto;}
.proinfo04 li .imgbox img{display: block;width: auto;height: 24px;}
.proinfo04 li p{font-size: 16px;color: #231815;margin-top: 20px;text-align: center;}

/* proinfo05wrap */
.proinfo05wrap{width: 100%;box-sizing: border-box;padding: 0;position: relative;}
.proinfo05wrap .bgimg{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 0;object-fit: cover;}
/* proinfo05 */
.proinfo05{width: 80%;margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;position: relative;z-index: 1;}
.proinfo05 .imgbox{width: 50%;}
.proinfo05 .imgbox img{display: block;width: 100%;}
.proinfo05 .text{width: 50%;box-sizing: border-box;padding-left: 100px;}
.proinfo05 .text h3{font-size: 40px;color: #222222;font-weight: bold;margin-bottom: 30px;}
/* proinfo05list */
.proinfo05list{width: 100%;}
.proinfo05list li{width: 100%;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;border-bottom: 1px solid #DDDDDD;}
.proinfo05list li:first-child{border-top: 1px solid #DDDDDD;}
.proinfo05list li p{width: 30%; padding: 26px 0; position: relative;box-sizing: border-box;border-top: 2px solid #222222;font-size: 18px;color: #222222;font-weight: bold;}
.proinfo05list li:last-child p{border-bottom: 2px solid #222222;}
.proinfo05list li h4{width: 70%;box-sizing: border-box;padding-left: 60px;font-size: 16px;color: #222222;opacity: 0.75;}

/* proinfo06wrap */
.proinfo06wrap{width: 100%;box-sizing: border-box;position: relative;margin-top: 100px;}
.proinfo06wrap h3{font-size: 40px;font-weight: bold;color: #222222;margin-bottom: 40px;text-align: center;}
/* proinfo06 */
.proinfo06{width: 100%;position: relative;}
.proinfo06 .box{width: 100%;overflow: hidden;position: relative;}
.proinfo06 .box img{display: block;width: 100%;}
.proinfo06 .swiper-slide{opacity: 0.5;transition: all .3s;}
.proinfo06 .swiper-slide-active{opacity: 1;}
.proinfo06 .swiper-button-next,.proinfo06 .swiper-button-prev{width: 60px;height: 60px;background-color: #FFFFFF;border-radius: 50%;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);background-image: none;font-size: 30px;color: #222222;line-height: 60px;text-align: center;margin-top: -30px;}
.proinfo06 .swiper-button-next{right: 40px;}
.proinfo06 .swiper-button-prev{left: 40px;}
.imganimation:before,.imganimation:after{position:absolute;top:0;left:-100%;z-index:15;display:block;content:'';width:50%;height:100%;background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);-webkit-transform:skewX(-25deg);transform:skewX(-25deg);}
.imganimation.aos-animate:before{-webkit-animation: shine 1s ease-out .5s;animation: shine 1s ease-out .5s;}
.proinfo06 .swiper-slide-active .box:hover:after{-webkit-animation: shine 1s ease-out .3s;animation: shine 1s ease-out .3s;}
@-webkit-keyframes shine{100%{left:125%}
}
@keyframes shine{100%{left:125%}
}
@-webkit-keyframes imganim{0%{transform:translateX(-100%)}
100%{transform:translateX(100%)}
}
.proinfo06 .swiper-slide-active .box:before{-webkit-animation: shine 1s ease-out .5s;animation: shine 1s ease-out .5s;}



/* proinfo07 */
.proinfo07{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;padding: 100px 0;}
.proinfo07 li{text-align: center;width: 50%;padding: 30px 0;box-sizing: border-box;}
.proinfo07 li:first-child{border-right: 1px solid #DDDDDD;}
.proinfo07 li img{display: block;width: auto;height: 50px;margin: auto;}
.proinfo07 li h3{font-size: 24px;color: #333333;font-weight: bold;margin: 20px 0;text-align:center;}
.proinfo07 li h4{font-size: 17px;color: #333333;opacity: 0.5;text-align:center;margin-bottom: 20px;}
.proinfo07 li a{font-size: 15px;color: #f5a100;text-align: center;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;position: relative;-webkit-align-items: center;align-items: center;}
.proinfo07 li a i{font-size: inherit;color: inherit;margin-left: 10px;transition: all .3s;}
.proinfo07 li a:hover i{transform: translateX(30px);-webkit-transform: translateX(30px);}

/* 服务 */
.service-b{position: relative;width: 100%;height: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}
.service-b .bg{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;object-fit: cover;}
.service-btext{width: 900px;position: relative;margin-top: 80px;}
.service-btext h3{font-size: 48px;color: #ffffff;font-weight: bold;text-align: center;margin-bottom: 40px;}
.service-btext h4{font-size: 16px;color: #ffffff;line-height: 32px;text-align: center;}
.service-btext img{display: block;width: auto;height: 70px;margin: auto;}
.service-btext h5{font-size: 48px;color: #ffffff;font-weight: bold;text-align: center;    margin: 15px auto;}
.service-btext p{font-size: 20px;color: #FFFFFF;opacity: 0.7;text-align: center;padding-bottom: 40px;margin-bottom: 40px;border-bottom: 1px solid rgba(255,255,255,0.3);}

/* service01 */
.swrap{width: 100%;position: relative;z-index: 0;overflow: hidden;}
.service01{width: 1000px;margin: 100px auto;}
.s-tl01{text-align: center;}
.s-tl01 h3{font-size: 36px;color: #222222;font-weight: bold;text-align: center;margin-bottom: 30px;}
.s-tl01 p{font-size: 14px;color: #888888;text-align: center;}
.s-tl01 p a{font-size: inherit;color: #222222;text-decoration: underline;}


/* s-form */
.service01 .wpcf7-form{width: 100%;margin-top: 40px;}

.service01 .wpcf7-form select{display: block;width: 100%;border: 0;outline: none;box-sizing: border-box;padding: 0 20px;font-size: 16px;color: #888888;height: 50px;margin-bottom: 30px;float: left;margin-right: 2%;border-radius: 4px;background-color: transparent;-webkit-appearance: none;}
.service01 .wpcf7-form p .menu-778:after{content: '';display: block;width: 10px;height: 10px;border-top: 1px solid #888888;border-right: 1px solid #888888;transform: rotate(135deg);-webkit-transform: rotate(135deg);position: absolute;right: 20px;top: 50%;margin-top: -10px;}
.service01 .wpcf7-form textarea{display: block;width: 100%;border: 0;outline: none;box-sizing: border-box;padding: 20px;font-size: 16px;color: #888888;height: 140px;margin-bottom: 30px;margin-right: 0;border-radius: 4px;resize: none;background-color: transparent;}
.service01 .wpcf7-form button{cursor: pointer; margin: auto;line-height: 48px;}

.service01 .wpcf7-form p{}
.service01 .wpcf7-form p span{display: block;width: 49%;border: 1px solid #DDDDDD;outline: none;box-sizing: border-box;font-size: 14px;color: #888888;height: 50px;margin-bottom: 30px;float: left;margin-right: 2%;border-radius: 4px; position: relative;overflow: hidden;}
.service01 .wpcf7-form p span:nth-of-type(2n){margin-right: 0;}
.service01 .wpcf7-form p .menu-778{ width:100%; }

.service01 .wpcf7-form .textarea-602{width: 100%;height: auto;}

.service01 .wpcf7-form p span span{ position: absolute;top: 0;right: 5px;width: auto;border: 0;line-height: 48px;letter-spacing: 0;font-size: 14px;color: #e47b29;}
.service01 .wpcf7-form input{ display: block;width: 100%;height: 48px;border: 0;font-size: 16px;padding: 0 20px;box-sizing: border-box;}
.service01 .wpcf7-form p br,.screen-reader-response{ display: none; }
.wpcf7-response-output,.wpcf7-validation-errors{    display: block;text-align: center;color: #e47b29;letter-spacing: 0;margin: 20px 0 0 0;font-size: 14px;}




/* 新闻 */
.n-banner{width: 100%;position: relative;overflow: hidden;}
.n-banner img{display: block;width: 100%;}
.n-banner .n-banner-t{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);width: 80%;}
.n-banner .n-banner-t h3{font-size: 48px;color: #ffffff;font-weight: bold;text-align: center;}
/* n-form */
.n-form{width: 500px;margin: auto;display: flex;display: -webkit-flex;margin-top: 30px;}
.n-form p{display: block;width: 400px;min-height: 46px;height: 46px;box-sizing: border-box;background-color: #FFFFFF;}
.n-form input{display: block;width: 100%;height: 100%;min-height: 100%;box-sizing: border-box;outline: none;border: none;background-color: #FFFFFF;padding: 0 20px;font-size: 14px;color: #333333;-webkit-appearance: none;}
.n-form button{width: 100px;height: 46px;border: none;background-color: #111;font-size: 14px;color: #FFFFFF;outline: none;text-align: center;}
.n-form button i{font-size: inherit;color: inherit;margin-right: 10px;}

.newslink{margin: 60px auto;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;border-bottom: 1px solid #DDDDDD;}
.newslink i{display: block;width: 1px;height: 20px;background-color: #DDDDDD;}
.newslink a{display: block;font-size: 18px;color: #222222;line-height: 50px;position: relative;width: 230px;text-align: center;}
.newslink a:before{content: '';display: block;width: 0%;height: 2px;background-color: #f5a100;position: absolute;left: 0;bottom: 0;transition: all .3s;}
.newslink a:hover:before,.newslink a.active:before{width: 100%;}
.newslink a:hover,.newslink a.active{color: #f5a100;}

/* news01 */
.news01{margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.news01 .news01-l{width: 58%;}
.news01 .news01-l .imgbox{width: 100%;overflow: hidden;}
.news01 .news01-l .imgbox img{display: block;width: 100%;transition: all .5s;}
.news01:hover .news01-l .imgbox img{transform: scale(1.1);}
.news01 .news01-l .text{width: 100%;box-sizing: border-box;position: relative;}
.news01 .news01-l .text p,.news01-r p{font-size: 15px;color: #333;margin: 30px 0;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;}
.news01 .news01-l .text p:before,.news01-r p:before{content: '';display: block;width: 4px;height: 4px;background-color: #AAAAAA;border-radius: 50%;margin-right: 5px;}
.news01 .news01-l .text h3,.news01-r h3{font-size: 24px;line-height: 36px;color: #222222;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-top: 30px;}
.news01 .news01-l .text font{display: block;font-size: 15px;color: #aaaaaa;}
/*.news01 .news01-l:hover .text h3{color: #f5a100;}*/
/*.news01 .news01-l:hover .text font{color: #f5a100;}*/
/*.news01 .news01-l:hover .text p,.news01-r:hover p{color: #f5a100;}*/
/*.news01 .news01-l:hover .text p:before,.news01-r:hover p:before{background-color: #f5a100;}*/

/* .news01-r */
.news01-r{width: 40%;background-color: #f1f2f3;box-sizing: border-box;padding: 50px;position: relative;}
.news01-r p{margin-top: 0;font-weight:bold;}
.news01-r h3{-webkit-line-clamp: 3;margin-bottom: 40px;}
.news01-r h4{font-size: 14px;color: #333;line-height: 30px;    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;}
.news01-r .bot{width: calc(100% - 100px);position: absolute;left: 50px;bottom: 0;height: 100px;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;box-sizing: border-box;border-top: 1px solid #AAAAAA;}
.news01-r .bot font{font-size: 15px;color: #AAAAAA;}
.news01-r .bot i{width: 50px;height: 50px;border-radius: 50%;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;border: 1px solid #aaaaaa;border-radius: 50%;font-size: 18px;color: #aaaaaa;font-weight: lighter;}
.news01-r .bot:before{content: '';display: block;width: 0%;height: 1px;position: absolute;top: -1px;left: 0;background-color: #f5a100;transition: all .3s;}
.news01-r:hover .bot:before{width: 100%;}
/*.news01-r:hover h3{color: #f5a100;}*/
/*.news01-r:hover .bot i{color: #f5a100;border-color: #f5a100;}*/
/*.news01-r:hover .bot font{color: #f5a100;}*/

/* news02 */
.news02{margin: 70px auto 0;border-top: 1px solid #DDDDDD;padding-top: 70px;display: flex;display: -webkit-flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.news02 a{display: block;width: 32%;padding-bottom: 60px;position: relative;box-sizing: border-box;margin-right: 2%;border-bottom: 1px solid #DDDDDD;margin-bottom: 60px;}
.news02 a:nth-of-type(3n){margin-right: 0;}
.news02 a .imgbox{position: relative;overflow: hidden;}
.news02 a .imgbox img{display: block;width: 100%;transition: all .6s;}
.news02 a:hover .imgbox img{transform: scale(1.1);}
.news02 a .text{width: 100%;margin-top: 30px;}
.news02 a .text font{width: 100%;display: block;font-size: 15px;color: #aaaaaa;margin-bottom: 20px;}
.news02 a .text h3{font-size: 20px;line-height: 30px;color: #222222;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
/*.news02 a:hover .text h3{color: #f5a100;}*/
.news02 a:hover{    border-bottom: 1px solid #f5a100;}

/* fy */
.fy,.nav-links{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;margin-bottom: 80px;}
.fy a,.nav-links a,.nav-links span{ display: block; width: auto;height: 34px;min-width: 34px;box-sizing: border-box;border: 1px solid #DDDDDD;font-size: 14px;color: #b8b8b8;margin-right: 15px;text-align: center;line-height: 34px;border-radius: 4px;padding: 0 12px;}
.fy a:last-child{margin-right: 0;}
.fy a.active,.fy a:hover,.nav-links span{background-color: #f5a100;border-color: #f5a100;color: #FFFFFF;}

.screen-reader-text{ display: none; }







/* 新闻详情 */
.n-info-bwrap{width: 100%;position: relative;overflow: hidden;padding-top: 120px;border-bottom: 1px solid #DDDDDD;}
/* n-info-b */
.n-info-b{margin: 100px auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.n-info-b .l-tex{width: 60%;}
.n-info-b .l-tex h3{font-size: 30px;color: #222222;line-height: 40px;margin-bottom: 30px;}
.n-info-b .l-tex .data{display: flex;display: -webkit-flex;}
.n-info-b .l-tex .data p{font-size: 16px;color: #888888;margin-right: 50px;}
.n-info-b .l-tex .data p:last-child{margin-right: 0;}
.n-info-b .r-text{width: 30%;}
.n-info-b .r-text .newinfofx{margin: auto;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;}

.n-info-b .r-text .newinfofx p{font-size: 14px;color: #666666;margin-right: 20px;}

.n-info-b .r-text .newinfofx .bshare-custom{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;}

.n-info-b .r-text .newinfofx .bshare-custom a{display: block;width: 30px;height: 30px;text-align: center;line-height: 30px;border: 1px solid #666666;font-size: 14px;color: #666666;margin: 0;padding: 0;margin-right: 10px;border-radius: 50%;background-image: none;}

.n-info-b .r-text .newinfofx .bshare-custom a:last-child{margin-right: 0;}
.n-info-b .r-text .toback{font-size: 14px;color: #e1980a;margin-top: 30px;display: inline-block;}
.n-info-b .r-text .toback i{font-size: inherit;color: inherit;margin-right: 5px;}

/* newsinfo01 */
.newsinfo01{margin: 100px auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
/* newsinfo01-l */
.newsinfo01-l{width: 60%;}
.newsinfo01-lmin{width: 100%;padding-bottom: 60px;border-bottom: 1px solid #DDDDDD;}
.newsinfo01-lmin p{font-size: 16px;color: #555555;line-height: 30px;text-align: justify;margin-bottom: 30px;}
.newsinfo01-lmin p:last-child{margin-bottom: 0;}
.newsinfo01-lmin p img,.newsinfo01-lmin video,.newsinfo01-lmin img{ display: block;width: auto;height: auto;margin: 20px 0;max-width: 100%;}

.newsinfo01-lmin section div{display: block;width: 100% !important;}
.newsinfo01-lmin p strong{font-weight: bold;}
.newsinfo01-l .page{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;padding-top: 30px;}
.newsinfo01-l .page a{font-size: 14px;color: #666666;}
.newsinfo01-l .page a i{font-size: inherit;color: inherit;margin-right: 10px;}
.newsinfo01-l .page a:last-child i{margin-right: 0;margin-left: 10px;}
.newsinfo01-l .page a:hover{color: #e1980a;}


.newsinfo01-lmin .wp-video{ width: auto !important;}
.newsinfo01-lmin .wp-video video { width: 100%; display: block;}

/* newsinfo01-r */
.newsinfo01-r{width: 30%;}
.newsinfo01-r .tl{font-size: 24px;color: #444444;font-weight: bold;padding-bottom: 20px;border-bottom: 2px solid #DDDDDD;}
/* newsinfo01-rmin */
.newsinfo01-rmin{width: 100%;}
.newsinfo01-rmin .item{display: block;width: 100%;box-sizing: border-box;padding: 30px 0;border-bottom: 1px solid #DDDDDD;}
.newsinfo01-rmin .item h3{font-size: 16px;line-height: 26px;color: #444444;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.newsinfo01-rmin .item p{font-size: 14px;color: #aaaaaa;line-height: 24px;}
.newsinfo01-rmin .item:hover h3{color: #e1980a;}





.title{padding: 180px 0 50px;margin: auto ;border-bottom: 1px solid #ccc;}
.title h3{font-size: 32px;font-weight: bold;color: #222;display: block;text-align: center;margin-bottom: 36px;}
.title span{font-size: 16px;color: #444;text-align: center;display: block;}

.innerbox{width: 1080px;margin:50px auto;box-sizing: border-box;}
.innerbox p{font-size: 17px;line-height: 36px;color: #444;}
.innerbox p strong{font-size: 20px;color: #222;display: block;margin: 30px 0 10px;}
.innerbox p a{color: blue;text-decoration: underline;}

.xz{width: 1080px;margin: 0 auto 100px;border: 1px solid #ccc;border-radius: 6px;}
.xz-heading{padding: 22px 22px;width: 100%;background: #eee;box-sizing: border-box;}
.xz-heading span{font-size: 17px;font-weight: bold;color: #222;}
.xz ul{padding: 22px;}
.xz ul li{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;}
.xz ul li i{color: #444;font-size: 16px;margin-right: 10px;}
.xz ul li a{}
.xz ul li a span{font-size: 17px;color: #444;}
.xz ul li a:hover span{text-decoration: underline;color: blue;}












@media only screen and (max-width:1600px ) {


.proinfo03 .textlist li{    margin-bottom: 50px;}


.proinfo03 .textlist li h3{font-size: 18px;  }
.proinfo03 .textlist li h3 img{width: 36px;}
.proinfo03 .textlist li h4{font-size: 14px;    padding-right: 55px;}

.proinfo03 .textlist li:nth-of-type(2n) h3{display: flex; justify-content: flex-end;}
.proinfo03 .textlist li:nth-of-type(2n) h4{padding-left: 58px;}


.xxfooter{    padding: 40px 5%;}
.xxfooter .center ul li img{    height: 100px;}
.xxfooter .center ul li p{ font-size: 12px; }
.xxfooter .tt span,.xxfooter .tt font{font-size: 24px;}
.xxfooter .left .footlebot p,.xxfooter .right ul li{margin: 0 0 6px 0;} 
.xxfooter .right ul{ width: 200px; }
.xxfooter .center ul,.xxfooter .left .footlebot,.xxfooter .right ul{margin: 30px 0 0 0;}


.banner h6{font-size: 16px;}
.pch .en{ font-size: 14px; line-height: 30px;}
.pch .logo img{ height:50px; }
.pch .pcnav{ }
.pch .pcnav a{font-size: 16px;}
.pch .sidebar-nav .mnli>a{ font-size: 18px; }
.pch .sidebar-nav .mnli .mlist .sidebar-brand-two a{    font-size: 14px; margin: 15px 0;}

.homepro .p-yjy a{ padding: 40px 0;}
.homepro .p-yjy a span{ font-size: 20px;}
.homepro .p-yjy-center .p-kn .imglist{    top: 180px;}

.homepro .p-yjy-center .p-kn .swiper-slide img{ width:45%;}
.homepro .p-yjy-center .p-kn .swiper-slide-active img{ width:76%;}

.homepro #kong{ margin: 0 0 50px 0; }
.more{ height: 40px;line-height: 40px;width: 180px;}


.homenews2 .list,.homenews2 h6,.homeabout .ct,.homenews .list{ width: 90%;}
.homeabout .right .num p font{ font-size: 16px; margin: 10px 0 0 0; }
.homeabout .right .txt{ margin: 120px 0 0 0;}
.homeabout .right .txt h4{ font-size: 16px; line-height: 30px;}
.homeabout .right .txt .more{    margin: 80px 0 0 0;}

.homenews2 .list a .txt h3{ font-size: 20px;line-height: 30px;margin: 20px 0 0 0;}
.homenews2 .list a .txt2 .p font{font-size: 13px;line-height:22px;}
.homenews2 .list a .txt2 .p i{ margin:20px 0; }



.homenews .list .left .txt h3{ font-size: 22px; line-height: 30px;margin: 0 0 20px 0;     width: 100%; }
.homenews .list .left .txt{ padding: 40px 40px 40px 0;}
.homenews .list .left .txt h4{ font-size: 14px;line-height: 24px;margin: 0 0 20px;}

.homenews .list .left .txt h5{ font-size:14px; }
.homenews .list .right a .txt h3{ width: 100%;     line-height: 22px; font-size: 16px;}
.homenews .list .right a .txt h4{ font-size: 13px; margin: 12px 0 0;}

.homenews .list .right a .txt{padding: 15px 26px 15px 0;}
.homenews .list .right a p{margin: 0 0 26px 60%;}

.navFix{    right: 0px;}


/* about */
.pagebanner .btxt{left: 5%;}
.pagebanner .btxt h3{font-size: 38px;margin-bottom: 20px;}
.pagebanner .btxt h4{font-size: 20px;}
.about-tt{width: 160px;padding-bottom: 20px;position: relative;box-sizing: border-box;padding-left: 3%;}
.about-tt font{position: absolute;left: 0;bottom: 0;}

.pageab .abtxt .left{width: 50%;margin: 0;padding-right: 60px;box-sizing: border-box;}
.about-tt span{font-size: 28px;}
.pageab .abtxt .left h3{font-size: 28px;}
.pageab .abtxt .left h4{font-size: 16px;margin: 15px 0 30px;}
.pageab .abtxt .left h5{font-size: 16px;line-height: 28px;}
.pagehist .about-tt{width: auto;}
.pagehist{background-position: center;}
.pagehist .np{right: 3%;}
.aboutmis .about-tt{display: inline-block;}
.aboutmis .center{width: 90%;}
.aboutmis .center .left dd .txt h4 span{font-size: 22px;}
.aboutmis .center .left dd .txt h4 font{font-size: 16px;margin-top: 15px;}
.aboutcontact .ct h6{font-size: 44px;}
.aboutcontact .ct span{font-size: 30px;}
.aboutcontact .ct .txt span{font-size: 24px;}
.aboutcontact .ct .txt strong{margin: 15px 0;}
.aboutcontact .ct .txt font{font-size: 14px;line-height: 26px;}
.aboutevent .np{width: 160px;}
.aboutevent .swiper-container02{width: calc(100% - 240px);}
.aboutevent .swiper-container02 .swiper-slide a .txt h3{font-size: 20px;line-height: 28px;min-height: 56px;-webkit-line-clamp: 2;overflow: hidden;}
.aboutevent .swiper-container02 .swiper-slide a .txt{padding: 30px 20px;}
.aboutevent .swiper-pagination02{left: 240px;}
.abouthrinfo .swiper-container01 .in-banner-txt .left{width: 50%;border: 12px solid #88888c;}
.abouthrinfo .swiper-container01 .in-banner-txt .left h3{font-size: 24px;}
.abouthrinfo .swiper-container01 .in-banner-txt .left h4{font-size: 14px;line-height: 26px;}
.abouthrinfo .swiper-container01 .in-banner-txt .left{padding: 60px 30px;}
.abouthrinfo .np .npto{right: 3%;}
.abouthrinfo .np .swiper-button-prev01{left: 3%;right: initial;}
.abouthrinfo .swiper-container01 .in-banner-txt .right h3 span{font-size: 42px;}
.abouthrinfo .swiper-container01 .in-banner-txt .right h4{font-size: 16px;}
.aboutjob .right{padding: 180px 0 100px;}
.aboutjob .right dd h3{font-size: 24px;line-height: 32px;}
.aboutjob .right dd h4{font-size: 16px;line-height: 32px;margin-top: 20px;}
.aboutjob .left{top: calc(50% + 20px);}
.aboutjob{padding: 100px 0;}
.aboutcontact{margin: 100px auto;}
.aboutevent{padding-bottom: 50px;}
.aboutevent .swiper-pagination02{bottom: 0;}
.aboutjob .right{border: 12px solid #d9dce0;}
.pagehist h6{font-size: 32px;margin-bottom: 40px;}

/* 20210608 */
.aboutcontact{position: relative;}

.p-yjy-center .newslist a{padding: 40px 0;}









.p-cont{width: 80%;}
.product01li .text .model h3{font-size: 40px;}
.product01li .text .model p{font-size: 20px;}
.product01li .text .model{margin-bottom: 50px;}
.product01li .text .tl{font-size: 26px;margin-bottom: 20px;}
.product01li .text h4{font-size: 15px;line-height: 26px;}
.product01li .text .list{padding-top: 20px;margin-top: 20px;}
.product01li .text .list p{font-size: 13px;}
.product01li{margin-bottom: 120px;}
.product01li .text .p-more{margin-top: 50px;width: 160px;height: 42px;line-height: 40px;font-size: 14px;}
.innerbotwrap a{height: 120px;font-size: 20px;}

.product01{padding: 100px 0;}
.product01li .text .list p img{height: 24px;}

.product01li .text .p-more{}

/* proinfo */
.proinfo01text h3{font-size: 84px;line-height:84px;}
.proinfo01text p{font-size: 30px;line-height:30px;}
.proinfo01{padding: 0;}
.proinfo04wrap{margin-bottom: 80px;}
.proinfo04wrap{width: 80%;}
.proinfo04wrap .tl,.proinfo05 .text h3,.proinfo06wrap h3{font-size: 32px;}
.proinfo05{width: 90%;}
.proinfo07{padding: 80px 0;}
.proinfo06 .swiper-button-next, .proinfo06 .swiper-button-prev{width: 50px;height: 50px;line-height: 50px;font-size: 24px;}
.proinfo02 h4{font-size: 18px;line-height: 40px;}

/* 20210608 */
.choose .choose_list .choose_txt>a>h3>.yc>span{margin-bottom: 10px;font-size: 16px;line-height: 24px;}
.choose .choose_list .choose_txt>a>h3>.yc>p{font-size: 26px;line-height: 34px;}
.choose .choose_list .choose_txt>a>.top p{font-size: 26px;line-height: 34px;}
.choose .choose_list .choose_txt>a>h3>.yc>strong{margin-bottom: 20px;}
.choose{height: calc(100% - 180px);}
.choose .choose_list{height: 100%;}
.img_box>img{width: 100%;}
.choose .choose_list .choose_txt>a>h3>.yc .num{font-size: 14px;color: #fff;margin-bottom: 30px;line-height:normal;}
.choose .choose_list .choose_txt>a>h3>.yc .en{line-height: normal;}

.p-cont{width: 90%;}
.n-banner .n-banner-t{width: 90%;}
.n-banner .n-banner-t h3{font-size: 42px;}
.news01 .news01-l .text h3, .news01-r h3{font-size: 20px;}
.news01-r .bot i{width: 46px;height: 46px;font-size: 16px;}
.news02 a .text h3{font-size: 18px;}
.news02 a{padding-bottom: 50px;margin-bottom: 50px;}

.service-btext{width: 750px;}
.service-btext h3{font-size:32px;}
.service-btext h4{font-size:15px;}
.service-btext h5{font-size:42px;}
.service-btext p{}
  .service-btext img{}

  .aboutevent{margin: 80px auto;}



.homeabout .ct{margin: 80px auto;}
.homenews2{margin-bottom:60px;}
.pageab{padding: 80px 0;}
.aboutmis{padding: 80px 0 0;}
.aboutcontact{margin: 80px auto;}
.aboutevent{margin: 80px auto;}

.service01 .wpcf7-form button{line-height: 40px;height: 44px;}
.choose .choose_list .choose_txt>a>h3>.yc>font{height: 40px;
    line-height: 40px;
    width: 180px;}

.prodown .item .linklist a{font-size: 12px;line-height: 28px;}
.prodown .item .linklist h3{margin-bottom: 10px;}
	
	
.pch .pcnav li>a{line-height: 86px;}

/* 20210625 */
.proinfo05 .text{padding-left: 60px;}
.proinfo05list li h4{padding-left: 30px;font-size: 14px;}
.proinfo05list li p{font-size: 16px; }

.aboutcontact .ct h6 span{font-size: 28px;margin-top: 20px;}







}