@charset "utf-8";
html{-webkit-font-smoothing:antialiased;height: 100%;}
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;outline: none;}
header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer{display: block;margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}

address,b,caption,cite,code,dfn,em,i,strong,th,var{font-style:normal;font-weight:400;}
dl,ol,ul{list-style-type:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;}
a{text-decoration:none}
a:hover{text-decoration:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:none;blr:expression(this.onFocus=this.blur())}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
textarea{resize:none;outline: none;font-family: Arial,"Microsoft YaHei";}
img{vertical-align:middle;max-width: 100%;height: auto;}
button,input[type=submit],input[type=text],input[type=button]{-webkit-appearance:none;border-radius:0;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:0;blr:expression(this.onFocus=this.blur())}
select{-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:0;blr:expression(this.onFocus=this.blur());}
body{color:#000;font-family: Arial,"Microsoft YaHei";}
.fl{float:left}
.fr{float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.ellipsis{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.eps2{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.eps3{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.btn{text-align: center;display: inline-block;cursor: pointer;white-space: nowrap;vertical-align: middle;border: none;}
.icon{display: inline-block;background-repeat: no-repeat;background-position: center center;vertical-align: middle;}
.unselect{-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;}
#web-ietip {width: 526px; height: 90px; padding: 83px 0 0 84px; overflow:hidden; background: url(../css/ietip/browser.png) no-repeat center center; margin: 200px auto 0;}
#web-ietip a{display: block; width: 65px; height: 80px; float: left;}
body *{box-sizing: border-box;line-height: 1;}
.w{width: 100%;max-width: 1600px;margin: 0 auto;position: relative;}
.opa{opacity: 1;}
.opa:hover{transition: opacity .3s;-webkit-transition: opacity .2s;opacity: 0.9;}
/**
 * Swiper 3.4.1
 */
.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)}}
.opa-bg{display: none;position: fixed;width: 100%;height: 100%;left: 0;top: 0;background-color: rgba(0,0,0,0.3);z-index: 999;}
.opa-bg.show{display: block;}

.opac{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.8);z-index: 1000;visibility: hidden;opacity: 0;transition: all .3s;}
.opac.show{visibility: visible;opacity: 1;}

.img-out{position: relative;overflow: hidden;}
.img-out img{display: block;transform: scale(1.001);transition: all 0.5s ease 0s;}
.img-out:hover img{transform: scale(1.07);}

.header{width: 100%;max-width: 1920px;margin: 0 auto;height: 90px;position: relative;z-index: 100000;background-color: #fff;}
.header .w{height: 100%;}
.header .left{float: left;}
.header .left .logo-box{display: block;width: 400px;margin-top: -8px;}
.header .left .logo-box img{/*width: 100%;*/height: 90px}
.header .right{float: right;font-size: 0;}
.header .h-nav{display: inline-block;font-size: 0;vertical-align: top;}
.header .h-nav>li{display: inline-block;vertical-align: top;}
.header .h-nav>li>a{display: block;height: 90px;line-height: 90px;margin: 0 26px;font-size: 15px;color: #333;}
.header .h-nav>li>a:hover,
.header .h-nav>li.active>a{color: #2281bc;}
.header .btn-menu{display: none;width: 40px;height: 40px;background-image: url(../images/icon-menu.png);background-repeat: no-repeat;background-position: center center;}
.header .btn-search{display: inline-block;vertical-align: top;margin-left: 26px;width: 18px;height: 20px;margin-top: 35px;cursor: pointer;background-image: url(../images/icon-search.png);background-repeat: no-repeat;background-position: center center;}
.header .s-block{display: none;width: 300px;position: absolute;right: 0;top: 90px;background-color: #fff;text-align: center;font-size: 0;padding: 30px 0;}
.header .s-block input[type=text]{width: 200px;height: 36px;line-height: 36px;border: 1px solid #eee;font-size: 14px;color: #666;padding: 0 10px;vertical-align: top;}
.header .s-block input[type=submit]{width: 60px;height: 36px;background-color: #2281bc;font-size: 0;cursor: pointer;border: none;background-image: url(../images/icon-search2.png);background-repeat: no-repeat;background-position: center center;}
.header.search-state .s-block{display: block;}
.header-bottom{display: none;height: 75px;}
.header-bottom.show{display: block;}
@keyframes mymove
{
    from {transform: translateY(-75px);}
    to {transform: translateY(0);}
}
@media(min-width: 1620px){
    .header.fixed{position: fixed;left: 0;top: 0;height: 75px;box-shadow: 0 0 4px rgba(0,0,0,0.15);animation: mymove 0.3s;}
    .header.fixed .h-nav>li>a{height: 75px;line-height: 75px;}
    .header.fixed .btn-search{margin-top: 27px;}
    .header.fixed .left .logo-box{margin-top: -15px;}
    .header.fixed .s-block{top: 75px;}
    .header .left .logo-box img{height: 75px}
}
@media(max-width: 1620px){
    .header{height: 75px;position: fixed;left: 0;top: 0;box-shadow: 0 0 4px rgba(0,0,0,0.15);}
    .header .w{padding-left: 10px;padding-right: 10px;}
    .header .left .logo-box{margin-top: -16px;}
    .header .h-nav>li>a{height: 75px;line-height: 75px;font-size: 14px;margin: 0 20px;}
    .header .btn-search{width: 40px;height: 40px;margin-top: 18px;margin-left: 5px;}
    .header .s-block{top: 75px;}
    .header-bottom{display: block;}
    .header .left .logo-box img{height: 75px}
}
@media(max-width: 1200px){
    .header .left .logo-box{width: 260px;margin-top: 5px;}
}
@media(max-width: 900px){
    .header{height: 40px;}
    .header .w{padding-right: 0;}
    .header .left .logo-box{width: 210px;margin-top: -7px;}
    .header .btn-menu{display: inline-block;}
    .header .btn-search{margin-top: 0;margin-left: 0;}
    .header .h-nav{display: none;position: absolute;right: 0;top: 40px;background-color: #fff;width: 280px;padding: 20px 0;}
    .header .h-nav>li{display: block;}
    .header .h-nav>li>a{height: 40px;line-height: 40px;padding-left: 10px;}
    .header.search-state .btn-search{background-color: #eee;}
    .header .s-block{top: 40px;}
    .header.menu-state .h-nav{display: block;}
    .header.menu-state .btn-menu{background-color: #eee;}
    .header-bottom{height: 40px;}
    .header .left .logo-box img{height: 40px}
}

.footer{width: 100%;max-width: 1920px;margin: 0 auto;}
.footer .top{padding-top: 45px;padding-bottom: 34px;background-color: #f1f1f1;}
.footer .top .w{min-height: 245px;padding-right: 290px;}
.footer .top .left{width: 100%;overflow: hidden;}
.footer .top .left .f-links{float: left;width: 190px;}
.footer .top .left .f-ul>li{font-size: 0;}
.footer .top .left .f-ul>li>a{font-size: 14px;color: #777;padding: 8px 0;display: inline-block;vertical-align: top;}
.footer .top .left .f-ul>li>a:hover{color: #2281bc;}
.footer .top .left .f-title{display: block;font-size: 16px;color: #666;margin-bottom: 22px;}
.footer .top .right{position: absolute;right: 0;top: 0px;width: 290px;}
.footer .top .right .f-title{font-size: 16px;color: #666;margin-bottom: 21px;}
.footer .top .right .phone{font-size: 0;margin-bottom: 52px;}
.footer .top .right .icon-phone{display: inline-block;vertical-align: top;width: 38px;height: 41px;background-image: url(../images/blue-phone.png);margin-right: 17px;}
.footer .top .right .text-phone{display: inline-block;vertical-align: top;}
.footer .top .right .text-phone .num{font-size: 24px;color: #2281bc;margin-bottom: 8px;}
.footer .top .right .text-phone .time{font-size: 12px;color: #999;}
.footer .top .right .follow-list>a{display: inline-block;vertical-align: top;width: 37px;height: 37px;background-color: #999;border-radius: 50%;margin-right: 13px;cursor: pointer;background-repeat: no-repeat;background-position: center center;}
.footer .top .right .follow-list>a:hover{background-color: #2281bc;}
.footer .top .right .follow-list .weibo{background-image: url(../images/weibo.png);}
.footer .top .right .follow-list .weixin{background-image: url(../images/weixin.png);}
.footer .bottom{width: 100%;background-color: #333;padding: 25px 0;}
.footer .bottom .w{overflow: hidden;}
.footer .bottom .left{float: left;font-size: 14px;color: #999;line-height: 20px;}
.footer .bottom .right{float: right;font-size: 0;}
.footer .bottom .right .links{display: inline-block;vertical-align: top;margin-right: 10px;}
.footer .bottom .right .links>a{font-size: 14px;color: #999;line-height: 20px;padding: 0 12px;position: relative;}
.footer .bottom .right .links>a:hover{color: #fff;}
.footer .bottom .right .links>a:after{display: block;content: "";position: absolute;right: 0;top: 2px;width: 2px;height: 15px;background-color: #5a5a5a;}
.footer .bottom .right .links>a:last-child:after{display: none;}
.footer .bottom .right .links>a:first-child{padding-left: 0;}
.footer .bottom .right .num{font-size: 14px;color: #999;line-height: 20px;}
@media(max-width: 1620px){
    .footer .top{padding-left: 10px;padding-right: 10px;}
    .footer .bottom{padding-left: 10px;padding-right: 10px;}
}
@media(max-width: 1450px){
    .footer .top .left .f-links{width: 16.6666%;}
}
@media(max-width: 1200px){
    .footer .top .w{padding-right: 0;}
    .footer .top .right{position: relative;right: auto;float: none;}
    .footer .top .left{margin-bottom: 30px;}
    .footer .top .right .phone{margin-bottom: 30px;}
}
@media(max-width: 800px){
    .footer .top{padding-top: 23px;}
    .footer .bottom{padding-top: 12px;padding-bottom: 12px;}
    .footer .bottom .left{float: none;margin-bottom: 5px;}
    .footer .bottom .right{float: none;}
    .footer .top{padding-bottom: 23px;}
    .footer .top .left{margin-bottom: 20px;}
    .footer .top .left .f-links{float: none;width: 100%;}
    .footer .top .left .f-ul{display: none;}
    .footer .top .left .f-title{font-size: 15px;margin-bottom: 0;line-height: 40px;background-color: #ccc;padding-left: 10px;padding-right: 10px;border-bottom: 1px solid #f1f1f1;position: relative;}
    .footer .top .left .f-title:after{display: block;content: "";border-top: 8px solid #aaa;border-left: 6px solid transparent;border-right: 6px solid transparent;position: absolute;right: 10px;top: 16px;}
    .footer .top .left .f-links.show .f-title:after{border-top: none;border-bottom: 8px solid #aaa;}
    .footer .top .left .f-links.show .f-ul{display: block;padding-top: 10px;padding-bottom: 10px;}
    .footer .top .left .f-links.show .f-ul>li>a{padding-left: 10px;padding-right: 10px;}
    .footer .top .right .f-title{font-size: 15px;margin-bottom: 15px;}
    .footer .top .right .phone{margin-bottom: 20px;}
}

.main{width: 100%;max-width: 1920px;margin: 0 auto;}


.index-banner{width: 100%;overflow: hidden;}
.index-banner .swiper-slide{display: block;width: 100%;}
.index-banner .swiper-slide .img-box{display: block;width: auto;padding-top: 35.26%;background-size: cover;background-position: center center;}
.index-banner .swiper-pagination-bullet{width: 10px;height: 10px;background-color: #fff;opacity: 1;border-radius: 0;}
.index-banner .swiper-pagination-bullet-active{background-color: #2281bc;}
.index-banner.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 6px;}
.index-banner.swiper-container-horizontal>.swiper-pagination-bullets,
.index-banner .swiper-pagination-custom,
.index-banner .swiper-pagination-fraction{bottom: 25px;font-size: 0;}
@media(max-width: 800px){
    .index-banner.swiper-container-horizontal>.swiper-pagination-bullets,
    .index-banner .swiper-pagination-custom,
    .index-banner .swiper-pagination-fraction{bottom: 13px;font-size: 0;}
}
@media(max-width: 500px){
    .index-banner .swiper-slide .img-box{padding-top: 160px;}
    .index-banner .swiper-pagination-bullet{width: 10px;height: 10px;}
    .index-banner.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 6px;}
    .index-banner.swiper-container-horizontal>.swiper-pagination-bullets,
    .index-banner .swiper-pagination-custom,
    .index-banner .swiper-pagination-fraction{bottom: 10px;font-size: 0;}
}

.cri{width: 100%;}
.cri-tabs{width: 100%;background-color: #f8f8f8;}
.cri-tabs .w{overflow: hidden;font-size: 0;text-align: center;}
.cri-tab{display: inline-block;width: auto;height: 60px;line-height: 60px;font-size: 16px;color: #666;padding-left: 30px;padding-right: 30px;cursor: pointer;border-right: 1px solid #fff;}
.cri-tab.active{background-color: #2281bc;color: #fff;}
.cri-conts{width: 100%;position: relative;overflow: hidden;padding-top: 48px;padding-bottom: 68px;}
.cri-conts .cri-cont{width: 100%;position: absolute;left: -10000px;top: 0;}
.cri-conts .cri-cont.show{position: relative;left: 0;}
.cri-conts .w{font-size: 0;}
.cri-conts .left{display: inline-block;width: 39.25%;vertical-align: middle;padding-right: 4.68%;}
.cri-conts .right{display: inline-block;width: 60.75%;vertical-align: middle;}
.cri-conts .right img{width: 100%;}
.cri-title{font-size: 30px;color: #333;margin-bottom: 33px;}
.cri-para{font-size: 14px;color: #666;line-height: 30px;margin-bottom: 30px;}
.cri-btns{font-size: 0;}
.cri-btns>a{display: inline-block;vertical-align: top;width: 150px;height: 45px;text-align: center;line-height: 45px;font-size: 14px;color: #fff;cursor: pointer;}
.cri-consult{background-color: #ffc000;margin-right: 20px;transition: all .3s;}
.cri-consult:hover{background-color: #FFA500;}
.cri-details{background-color: #868e99;transition: all .3s;}
.cri-details:hover{background-color: #696969;}
@media(max-width: 1620px){
    .cri-conts{padding-left: 10px;padding-right: 10px;}
}
@media(max-width: 1200px){
    .cri-conts{padding-top: 36px;padding-bottom: 36px;}
    .cri-conts .left{width: 100%;padding-right: 0;margin-bottom: 20px;}
    .cri-conts .right{width: 100%;max-width: 972px;}
    .cri-title{font-size: 23px;margin-bottom: 20px;}
    .cri-para{margin-bottom: 15px;}
    .cri-btns>a{height: 40px;line-height: 40px;width: 120px;}
}
@media(max-width: 800px){
    .cri-conts{padding-top: 30px;padding-bottom: 30px;}
    .cri-tab{width: 50%;padding-left: 0;padding-right: 0;text-align: center;height: 35px;line-height: 35px;font-size: 15px;}
    .cri-title{font-size: 20px;}
}
@media(max-width: 500px){
    .cri-title{font-size: 18px;}
    .cri-tab{font-size: 14px;}
}


.ip{width: 100%;padding-top: 50px;padding-bottom: 53px;background-image: url(../images/ip-bg.jpg);background-size: cover;background-position: center center;position: relative;}
.ip-title{font-size: 30px;color: #333;text-align: center;padding-bottom: 20px;position: relative;margin-bottom: 18px;}
.ip-title:before{display: block;content: "";width: 143px;height: 1px;background-color: #d4d9df;position: absolute;left: 50%;margin-left: -72px;bottom: 0;}
.ip-title:after{display: block;content: "";width: 29px;height: 1px;background-color: #2281bc;position: absolute;left: 50%;margin-left: -15px;bottom: 0;}
.ip-intro{margin-bottom: 47px;text-align: center;font-size: 14px;color: #999;}
.ip-banner-wrap{position: relative;}
.ip-banner{width: 100%;z-index: 1;}
.ip-banner .swiper-slide{width: 100%;background-color: #fff;overflow: hidden;}
.ip-pagination{text-align: center;margin-top: 44px;}
.ip-pagination .swiper-pagination-bullet{width: 10px;height: 10px;background-color: #fff;opacity: 1;border-radius: 0;margin: 0 6px;}
.ip-pagination .swiper-pagination-bullet-active{background-color: #868e99;}
.ip-next,
.ip-prev{position: absolute;z-index: 2;width: 39px;height: 65px;top: 50%;margin-top: -32px;cursor: pointer;background-size: auto auto;background-color: rgba(255,255,255,0.7);background-repeat: no-repeat;background-position: center center;}
.ip-prev{background-image: url(../images/left.png);left: 64px;}
.ip-next{background-image: url(../images/right.png);right: 64px;}
.ip-prev:hover{background-color: rgba(34,129,188,0.8);;background-image: url(../images/left1.png);}
.ip-next:hover{background-color: rgba(34,129,188,0.8);;background-image: url(../images/right1.png);}
.ip-next.swiper-button-disabled{opacity: 0.3;}
.ip-prev.swiper-button-disabled{opacity: 0.3;}
.ip-t1{float: left;width: 39.375%;padding-top: 18.75%;background-color: #fff;position: relative;}
.ip-t2{float: left;width: 31.4375%;padding-top: 18.75%;background-color: #fff;position: relative;}
.ip-t3{float: right;width: 29.1875%;padding-top: 37.5%;position: relative;}
.ip-banner .img-box{display: block;position: absolute;height: 100%;left: 0;top: 0;background-size: auto 100%;background-repeat: no-repeat;background-position: center center;}
.ip-banner .ip-t1 .img-box{width: 47.62%;}
.ip-banner .ip-t2 .img-box{width: 100%;}
.ip-banner .ip-t3 .img-box{width: 100%;}
.ip-banner .text{position: absolute;right: 0;top: 0;height: 100%;}
.ip-banner .table{display: table;width: 100%;height: 100%;}
.ip-banner .cell{display: table-cell;vertical-align: middle;}
.ip-banner .ip-t1 .text{width: 52.38%;padding-right: 5%;}
.ip-banner .ip-t1 .ip-title1{display: block;font-size: 18px;color: #333;margin-bottom: 18px;display: block;}
.ip-banner .ip-t1 .ip-title1:hover{color: #2281bc;}
.ip-banner .ip-t1 .ip-title1 .blue{color: #2281bc;}
.ip-banner .ip-t1 .ip-intro1{font-size: 14px;color: #666;line-height: 20px;margin-bottom: 27px;}
.ip-banner .ip-t1 .ip-btn{display: block;width: 108px;height: 40px;border: 1px solid #d7d7d7;line-height: 40px;text-align: center;font-size: 14px;color: #666;transition: all .3s;}
.ip-banner .ip-t1 .ip-btn:hover{border-color: #2281bc;background-color: #2281bc;color: #fff;}
.ip-banner .ip-t2 .text{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: transparent;z-index: 100;transition: all .3s;}
.ip-banner .ip-t2 .table{padding: 0 10px;display: table;width: 100%;height: 100%;}
.ip-banner .ip-t2 .cell{display: table-cell;vertical-align: bottom;}
.ip-banner .ip-t2 .title{display: block;font-size: 18px;padding-bottom: 0;color: #333;margin-bottom: 20px;text-align: center;position: relative;text-shadow: 0 0 2px #fff;}
.ip-banner .ip-t2 .title .blue{color: #2281bc;}
.ip-banner .ip-t2 .title:after{display: none;content: "";width: 29px;height: 1px;background-color: #fff;position: absolute;left: 50%;margin-left: -15px;bottom: 0;}
.ip-banner .ip-t2 .para{display: none;font-size: 14px;color: #fff;line-height: 30px;text-align: center;margin-bottom: 34px;}
.ip-banner .ip-t2 .btn-more{display: none;width: 108px;margin: 0 auto;height: 40px;line-height: 40px;background-color: #fff;text-align: center;font-size: 14px;color: #2281bc;}
@media(min-width: 1200px){
    .ip-banner .ip-t2:hover .text{background-color: rgba(34,129,188,0.88);}
    .ip-banner .ip-t2:hover .cell{vertical-align: middle;}
    .ip-banner .ip-t2:hover .title{margin-bottom: 16px;padding-bottom: 16px;color: #fff;text-shadow: 0 0 0 #fff;}
    .ip-banner .ip-t2:hover .title:after{display: block;}
    .ip-banner .ip-t2:hover .title .blue{color: #fff;}
    .ip-banner .ip-t2:hover .para{display: block;}
    .ip-banner .ip-t2:hover .btn-more{display: block;}
}
.ip-banner .ip-t3 .text{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding-left: 10%;padding-right: 10%;padding-top: 10%;}
.ip-banner .ip-t3 .table{display: table;width: 100%;height: 100%;}
.ip-banner .ip-t3 .cell{display: table-cell;vertical-align: top;}
.ip-banner .ip-t3 .title{display: block;font-size: 27px;color: #333;margin-bottom: 26px;}
.ip-banner .ip-t3 .title:hover{color: #2281bc;}
.ip-banner .ip-t3 .title .blue{display: block;font-size: 16px;color: #2281bc;font-weight: bold;margin-bottom: 18px;}
.ip-banner .ip-t3 .para{width: 180px;font-size: 14px;color: #666;line-height: 20px;margin-bottom: 48px;}
.ip-banner .ip-t3 .btn-more{display: block;width: 108px;height: 40px;border: 1px solid #d7d7d7;line-height: 40px;text-align: center;font-size: 14px;color: #666;transition: all .3s;}
.ip-banner .ip-t3 .btn-more:hover{border-color: #2281bc;background-color: #2281bc;color: #fff;}
@media(max-width: 1728px){
    .ip-prev{left: 10px;}
    .ip-next{right: 10px;}
    .ip-banner-wrap{padding-left: 10px;padding-right: 10px;}
}
@media(max-width: 1200px){
    .ip{padding-top: 37px;padding-bottom: 40px;}
    .ip-title{font-size: 23px;padding-bottom: 15px;}
    .ip-intro{margin-bottom: 35px;}
    .ip-banner .ip-t1 .ip-intro1{display: none;}
    .ip-banner .ip-t1 .ip-btn{display: none;}
    .ip-banner .ip-t2 .para{display: none;}
    .ip-banner .ip-t2 .btn-more{display: none;}
    .ip-banner .ip-t3 .para{display: none;}
    .ip-banner .ip-t3 .btn-more{display: none;}
    .ip-banner .ip-t1 .ip-title1{margin-bottom: 0;font-size: 16px;line-height: 20px;}
    .ip-banner .ip-t2 .title{margin-bottom: 10px;font-size: 16px;line-height: 20px;}
    .ip-banner .ip-t3 .title{margin-bottom: 0;font-size: 18px;line-height: 22px;}
    .ip-banner .ip-t3 .title .blue{margin-bottom: 5px;}
    .ip-pagination{margin-top: 33px;}
}
@media(max-width: 800px){
    .ip{padding-top: 33px;padding-bottom: 35px;}
    .ip-title{font-size: 20px;padding-bottom: 13px;}
    .ip-intro{margin-bottom: 31px;}
    .ip-banner .ip-t1 .ip-title1{font-size: 14px;line-height: 18px;}
    .ip-banner .ip-t2 .title{margin-bottom: 0;font-size: 14px;line-height: 18px;background-color: rgba(255,255,255,0.5);padding-top: 6px;padding-bottom: 6px;}
    .ip-banner .ip-t3 .title{font-size: 14px;line-height: 18px;background-color: rgba(255,255,255,0.5);padding-top: 6px;padding-bottom: 6px;padding-left: 10px;}
    .ip-banner .ip-t3 .title .blue{font-size: 14px;}
    .ip-p1{width: 50%;padding-top: 23.8%;}
    .ip-p2{width: 50%;padding-top: 23.8%;}
    .ip-p3{width: 37%;padding-top: 47.6%;}
    .ip-p4{width: 63%;padding-top: 23.8%;}
    .ip-p5{width: 63%;padding-top: 23.8%;}
    .ip-pagination{margin-top: 29px;}
}
@media(max-width: 500px){
    .ip{padding-top: 25px;padding-bottom: 26px;}
    .ip-title{font-size: 18px;padding-bottom: 10px;}
    .ip-intro{margin-bottom: 23px;font-size: 13px;}
    .ip-t1{width: 100%;padding-top: 47.6%;}
    .ip-t2{width: 100%;padding-top: 59.64%;}
    .ip-p3{width: 100%;padding-top: 128.48%;}
    .ip-pagination{margin-top: 22px;}
}

.db{width: 100%;overflow: hidden;}
.db .left{float: left;width: 50%;padding-top: 28.125%;background-size: cover;background-position: center center;position: relative;}
.db .left .text{width: 100%;position: absolute;left: 0;top: 0;padding-top: 5%;}
.db .left .t1{font-size: 30px;color: #fff;padding-bottom: 18px;text-align: center;}
.db .left .t2{font-size: 16px;color: #fff;padding-bottom: 39px;text-align: center;}
.db .left .btn-more{display: block;width: 120px;height: 40px;line-height: 40px;background-color: #ffc000;font-size: 14px;color: #fff;text-align: center;margin: 0 auto;transition: all .3s;}
.db .left .btn-more:hover{background-color: #FFA500;}
.db .right{float: right;width: 50%;padding-top: 28.125%;background-size: cover;background-position: center center;position: relative;}
.db .right .btn-play{display: block;position: absolute;left: 50%;margin-left: -40px;top: 50%;margin-top: -40px;width: 80px;height: 80px;cursor: pointer;background-image: url(../images/play.png);background-size: cover;}
.db .right .title{font-size: 20px;color: #fff;position: absolute;width: 100%;left: 0;bottom: 0;padding-bottom: 5%;text-align: center;}
.db .right video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
@media(max-width: 1200px){
    .db .left .t1{font-size: 23px;padding-bottom: 13px;}
    .db .left .t2{font-size: 14px;padding-bottom: 25px;}
    .db .left .btn-more{height: 30px;line-height: 30px;width: 100px;font-size: 13px;}
    .db .right .title{font-size: 16px;}
    .db .right .btn-play{width: 60px;height: 60px;margin-left: -30px;margin-top: -30px;}
}
@media(max-width: 800px){
    .db .left .t1{font-size: 18px;padding-bottom: 8px;}
    .db .left .t2{font-size: 13px;padding-bottom: 15px;}
    .db .right .title{font-size: 14px;}
    .db .right .btn-play{width: 40px;height: 40px;margin-left: -20px;margin-top: -20px;}
}
@media(max-width: 800px){
    .db .left{width: 100%;padding-top: 56.25%;}
    .db .right{width: 100%;padding-top: 56.25%;}
}

.in{padding-top: 2.8125%;padding-bottom: 3.646%;}
.in .w.sp{max-width: 1640px;}
.in .row{position: relative;margin-bottom: 2.8125%;}
.in .title{font-size: 30px;color: #333;text-align: center;}
.in .btn-more{width: 91px;height: 35px;margin-top: -2px;border: 1px solid #cacaca;line-height: 35px;font-size: 14px;color: #999;text-align: center;position: absolute;right: 0;top: 0;}
.in .btn-more:hover{border-color: #2281bc;color: #2281bc;}
.in-banner .item{width: 100%;padding-left: 4.878%;padding-right: 4.878%;}
.in-banner .img-box{display: block;width: 100%;padding-top: 60.8%;position: relative;margin-bottom: 8.65%;}
.in-banner .img-box img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.in-banner .in-title{display: block;font-size: 18px;color: #333;margin-bottom: 15px;}
.in-banner .in-title:hover{color: #2281bc;}
.in-banner .in-date{font-size: 14px;color: #999;margin-bottom: 15px;}
.in-banner .in-intro{font-size: 14px;color: #777;line-height: 24px;}
.in-pagination{text-align: center;margin-top: 44px;}
.in-pagination .swiper-pagination-bullet{width: 10px;height: 10px;background-color: #c3c8ce;opacity: 1;border-radius: 0;margin: 0 6px;}
.in-pagination .swiper-pagination-bullet-active{background-color: #2281bc;}
.in-next,
.in-prev{position: absolute;z-index: 2;width: 30px;height: 65px;top: 50%;margin-top: -32px;cursor: pointer;background-size: auto auto;background-repeat: no-repeat;background-position: center center;}
.in-prev{background-image: url(../images/left2.png);left: -36px;}
.in-next{background-image: url(../images/right2.png);right: -36px;}
.in-prev:hover{background-image: url(../images/left3.png);}
.in-next:hover{background-image: url(../images/right3.png);}
.in-next.swiper-button-disabled{opacity: 0.3;}
.in-prev.swiper-button-disabled{opacity: 0.3;}
.sp-wrap{width: 100%;position: relative;}
@media(max-width: 1712px){
    .in-next,
    .in-prev{background-color: rgba(255,255,255,0.7);}
    .in-prev{left: 1.2195%;}
    .in-next{right: 1.2195%;}

}
@media(max-width: 1640px){
    .in .title{font-size: 28px;}
    .in .btn-more{margin-top: -5px;}
    .in-banner .in-title{font-size: 16px;}
    .in .btn-more{right: 1.2195%;}
}
@media(max-width: 1200px){
    .in .title{font-size: 23px;}
    .in .btn-more{margin-top: -5px;}
    .in-banner .in-title{font-size: 14px;margin-bottom: 10px;}
    .in-banner .in-date{font-size: 12px;margin-bottom: 10px;}
    .in-banner .in-intro{font-size: 13px;line-height: 21px;height: 42px;}
    .in-pagination{margin-top: 33px;}
}
@media(max-width: 900px){
    .in{padding-top: 20px;padding-bottom: 20px;}
    .in .title{font-size: 20px;}
    .in .row{margin-bottom: 20px;}
    .in .btn-more{padding-top: -5px;right: 10px;height: 30px;line-height: 30px;font-size: 13px;}
    .in-banner .item{padding-left: 10px;padding-right: 10px;}
    .in-prev{left: 10px;}
    .in-next{right: 10px;}
    .in-pagination{margin-top: 29px;}
}
@media(max-width: 600px){
    .in-pagination{margin-top: 22px;}
    .in .btn-more{right: 10px;}
    .in-banner .item{padding-left: 10px;padding-right: 10px;}
    .in-prev{left: 10px;}
    .in-next{right: 10px;}
}
@media(max-width: 400px){
    .in .title{font-size: 18px;}
    .in .btn-more{margin-top: -6px;}
    .in-pagination{margin-top: 22px;}
    .in-banner .img-box{margin-bottom: 20px;}
}

.thumb{padding-top: 24px;padding-bottom: 23px;border-top: 1px solid #e1e1e1;}
.thumb .gray{font-size: 14px;color: #888;}
.thumb .gt{font-size: 14px;color: #888;padding-left: 10px;padding-right: 10px;}
.thumb .blue{font-size: 14px;color: #2281bc;}
@media(max-width: 1620px){
    .thumb{padding-left: 10px;padding-right: 10px;}
}
@media(max-width: 1200px){
    .thumb{padding-top: 21px;padding-bottom: 20px;}
}
@media(max-width: 800px){
    .thumb{padding-top: 16px;padding-bottom: 15px;}
    .thumb .gray{font-size: 13px;}
    .thumb .gt{font-size: 13px;padding-left: 5px;padding-right: 5px;}
    .thumb .blue{font-size: 13px;}
}
@media(max-width: 500px){
    .thumb{display: none;}
}

.wall{width: 100%;padding-top: 28.9%;background-size: cover;background-position: center center;overflow: hidden;position: relative;}
.wall .title{padding-left: 111px;position: absolute;width: 1600px;left: 50%;top: 50%;margin-left: -800px;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);}
.wall .t1{font-size: 46px;color: #0b5eaa;margin-bottom: 27px;}
.wall .t2{font-size: 20px;color: #666;}
@media(max-width: 1620px){
    .wall .title{width: 100%;left :0;margin-left: 0;}
    .wall .t1{font-size: 40px;margin-bottom: 20px;}
    .wall .t2{font-size: 18px;}
}
@media(max-width: 1200px){
	 .wall .title{width: 100%;padding-left: 10px;padding-right: 10px;left :0;margin-left: 0;}
    .wall .t1{font-size: 30px;margin-bottom: 15px;}
    .wall .t2{font-size: 16px;}
}
@media(max-width: 800px){
    .wall .t1{font-size: 25px;margin-bottom: 12px;}
    .wall .t2{font-size: 14px;text-shadow: 0 0 2px #fff;}
}
@media(max-width: 500px){
    .wall{padding-top: 145px;}
    .wall .t1{font-size: 18px;margin-bottom: 8px;}
    .wall .t2{font-size: 12px;}
}

.wall2{width: 100%;padding-top: 24.22%;background-size: cover;background-position: center center;overflow: hidden;position: relative;}
.wall2 .title{position: absolute;width: auto;right: 50%;top: 50%;margin-right: -800px;padding-right: 165px;text-align: right;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);}
.wall2 .t1{font-size: 46px;color: #fff;margin-bottom: 16px;text-shadow: 1px 1px 2px rgba(0,0,0,0.2);text-align: center;}
.wall2 .t2{font-size: 22px;color: #fff;text-align: center;}
@media(max-width: 1620px){
    .wall2 .title{right :0;margin-right: 0;}
    .wall2 .t1{font-size: 40px;margin-bottom: 14px;}
    .wall2 .t2{font-size: 18px;}
}
@media(max-width: 1200px){
    .wall2 .title{padding-left: 10px;padding-right: 10px;}
    .wall2 .t1{font-size: 30px;margin-bottom: 12px;}
    .wall2 .t2{font-size: 16px;}
}
@media(max-width: 800px){
    .wall2 .t1{font-size: 25px;margin-bottom: 10px;}
    .wall2 .t2{font-size: 14px;}
}
@media(max-width: 500px){
    .wall2{padding-top: 100px;}
    .wall2 .t1{font-size: 18px;margin-bottom: 6px;}
    .wall2 .t2{font-size: 12px;}
}

.wall3{width: 100%;padding-top: 24.22%;background-size: cover;background-position: center center;overflow: hidden;position: relative;}
.wall3 .title{position: absolute;width: auto;left: 50%;top: 50%;margin-left: -800px;padding-left: 111px;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);}
.wall3 .t1{font-size: 46px;color: #fff;margin-bottom: 16px;text-shadow: 1px 1px 2px rgba(0,0,0,0.2);text-align: left;}
.wall3 .t2{font-size: 20px;color: #fff;text-align: center;}
@media(max-width: 1620px){
    .wall3 .title{left: 0;margin-left: 0;}
    .wall3 .t1{font-size: 40px;margin-bottom: 14px;}
    .wall3 .t2{font-size: 18px;}
}
@media(max-width: 1200px){
    .wall3 .title{padding-left: 10px;padding-right: 10px;}
    .wall3 .t1{font-size: 30px;margin-bottom: 12px;}
    .wall3 .t2{font-size: 16px;}
}
@media(max-width: 800px){
    .wall3 .t1{font-size: 25px;margin-bottom: 10px;}
    .wall3 .t2{font-size: 14px;}
}
@media(max-width: 500px){
    .wall3{padding-top: 121px;}
    .wall3 .t1{font-size: 18px;margin-bottom: 6px;}
    .wall3 .t2{font-size: 12px;}
}

.pts{padding-bottom: 110px;}
.pt{padding-top: 60px;}
.pt .row{padding-bottom: 33px;border-bottom: 1px solid #e1e1e1;position: relative;}
.pt .pt-title{font-size: 30px;color: #333;}
.pt .more{position: absolute;right: 0;top: 0;font-size: 14px;color: #666;line-height: 30px;}
.pt .more:hover{color: #2281bc;}
.pt-list{overflow: hidden;padding-top: 54px;}
.pt-list>li{float: left;width: 495px;padding-top: 10px;padding-left: 10px;padding-right: 10px;padding-bottom: 36px;margin-right: 57px;background-color: #f5f5f5;}
.pt-list>li:nth-child(3n){margin-right: 0;}
.pt-list .text{padding-left: 20px;padding-right: 20px;}
.pt-list .img-box{display: block;width: 100%;padding-top: 74.1%;position: relative;margin-bottom: 32px;}
.pt-list .img-box img{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.pt-list .title{display: block;font-size: 18px;color: #2281bc;margin-bottom: 18px;}
.pt-list .intro{font-size: 14px;color: #666;line-height: 20px;margin-bottom: 28px;height: 40px;}
.pt-list .btn-more{display: block;width: 108px;height: 40px;line-height: 40px;border: 1px solid #2281bc;text-align: center;font-size: 14px;color: #2281bc;cursor: pointer;transition: all .3s;}
.pt-list .btn-more:hover{background-color: #2281bc;color: #fff;}
@media(max-width: 1620px){
    .pt{padding-left: 10px;padding-right: 10px;}
    .pt-list>li{width: 31%;margin-right: 3.5%;}
    .pt-list>li:nth-child(3n){margin-right: 0;}
}
@media(max-width: 1200px){
    .pts{padding-bottom: 62px;}
    .pt-list .text{padding-left: 10px;padding-right: 10px;}
    .pt{padding-top: 45px;}
    .pt .pt-title{font-size: 23px;}
    .pt .more{line-height: 23px;}
    .pt .row{padding-bottom: 25px;}
    .pt-list{padding-top: 40px;}
    .pt-list>li{width: 32%;margin-right: 2%;padding-bottom: 27px;}
    .pt-list .img-box{margin-bottom: 24px;}
    .pt-list .title{margin-bottom: 14px;font-size: 16px;}
    .pt-list .intro{margin-bottom: 21px;font-size: 13px;}
    .pt-list .btn-more{height: 30px;line-height: 30px;font-size: 12px;}
}
@media(max-width: 800px){
    .pts{padding-bottom: 53px;}
    .pt{padding-top: 40px;}
    .pt .pt-title{font-size: 20px;}
    .pt .more{line-height: 20px;}
    .pt .row{padding-bottom: 22px;}
    .pt-list{padding-top: 36px;}
    .pt-list>li{padding-bottom: 24px;padding-left: 0;padding-right: 0;padding-top: 0;}
    .pt-list .img-box{margin-bottom: 21px;}
    .pt-list .title{margin-bottom: 12px;font-size: 14px;}
    .pt-list .intro{margin-bottom: 19px;font-size: 12px;}
}
@media(max-width: 500px){
    .pts{padding-bottom: 35px;}
    .pt{padding-top: 30px;}
    .pt .pt-title{font-size: 18px;}
    .pt .more{line-height: 18px;}
    .pt .row{padding-bottom: 16px;}
    .pt-list{padding-top: 27px;}
    .pt-list>li{padding-bottom: 18px;width: 100%;margin-right: 0;margin-bottom: 10px;}
    .pt-list .img-box{margin-bottom: 16px;}
    .pt-list .title{margin-bottom: 9px;}
    .pt-list .intro{margin-bottom: 14px;}
}


.pt .ft-wrap{visibility: hidden;opacity: 0;display: table;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.6);z-index: 100000;transition: all .3s;}
.pt .ft-wrap.show{visibility: visible;opacity: 1;}
.pt .ft-wrap .ft-center{display: table-cell;vertical-align: middle;}
.pt .ft-wrap .ft-inner{width: 100%;max-width: 1000px;max-height: 100%;margin: 0 auto;background-color: #fff;padding: 40px 40px 70px 40px;position: relative;overflow: auto;}
.pt .ft-wrap .ft-box{display: block;width: 100%;padding-top: 74.13%;position: relative;margin-bottom: 45px;}
.pt .ft-wrap .ft-box img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.pt .ft-wrap .ft-close{width: 40px;height: 40px;line-height: 40px;text-align: center;font-size: 30px;color: #666;position: absolute;right: 0px;top: 0px;cursor: pointer;}
.pt .ft-wrap .ft-title{display: block;font-size: 30px;color: #2281bc;line-height: 40px;margin-bottom: 15px;}
.pt .ft-wrap .ft-intro{font-size: 16px;color: #666;line-height: 30px;}
@media(max-width: 1000px){
    .pt .ft-wrap .ft-inner{padding: 40px 10px 30px 10px;}
    .pt .ft-wrap .ft-box{margin-bottom: 34px;}
    .pt .ft-wrap .ft-title{font-size: 23px;margin-bottom: 11px;line-height: 29px;}
    .pt .ft-wrap .ft-intro{font-size: 14px;line-height: 26px;}
}
@media(max-width: 800px){
    .pt .ft-wrap .ft-inner{padding: 40px 10px 30px 10px;}
    .pt .ft-wrap .ft-box{margin-bottom: 30px;}
    .pt .ft-wrap .ft-title{font-size: 20px;margin-bottom: 9px;line-height: 26px;}
}
@media(max-width: 500px){
    .pt .ft-wrap .ft-inner{padding: 40px 10px 30px 10px;}
    .pt .ft-wrap .ft-box{margin-bottom: 22px;}
    .pt .ft-wrap .ft-title{font-size: 18px;margin-bottom: 7px;line-height: 24px;}
}

.p-banner{position: relative;}
.p-banner .img-box{display: block;width: 100%;padding-top: 28.9%;background-size: cover;background-position: center center;}
.p-next,
.p-prev{position: absolute;z-index: 2;width: 32px;height: 63px;top: 50%;margin-top: -32px;cursor: pointer;background-size: auto auto;background-repeat: no-repeat;background-position: center center;}
.p-prev{background-image: url(../images/left4.png);left: 60px;}
.p-next{background-image: url(../images/right4.png);right: 60px;}
.p-next.swiper-button-disabled{opacity: 0.3;}
.p-prev.swiper-button-disabled{opacity: 0.3;}
.p-banner .text{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.p-banner .text .w{width: 100%;height: 100%;max-width: 1400px;}
.p-banner .table{display: table;width: 100%;height: 100%;}
.p-banner .cell{display: table-cell;vertical-align: middle;}
.p-banner .t1{font-size: 36px;color: #333;font-weight: lighter;margin-bottom: 19px;}
.p-banner .t1 .blue{font-size: 22px;color: #2281bc;font-weight: bold;}
.p-banner .t2{font-size: 18px;color: #666;line-height: 30px;margin-bottom: 36px;width: 505px;}
.p-banner .more{font-size: 18px;color: #2281bc;}
@media(max-width: 1620px){
    .p-prev{left: 0px;}
    .p-next{right: 0px;}
}
@media(max-width: 1420px){
    .p-banner .text .w{padding-left: 42px;padding-right: 42px;}
    .p-banner .t1{font-size: 30px;margin-bottom: 14px;}
    .p-banner .t1 .blue{font-size: 18px;}
    .p-banner .t2{font-size: 16px;line-height: 26px;margin-bottom: 27px;width: 390px;}
    .p-banner .more{font-size: 16px;}
}
@media(max-width: 1200px){
    .p-banner .t1{font-size: 23px;margin-bottom: 10px;}
    .p-banner .t1 .blue{font-size: 16px;}
    .p-banner .t2{font-size: 14px;line-height: 24px;margin-bottom: 16px;}
    .p-banner .more{font-size: 14px;}
}
@media(max-width: 800px){
    .p-banner .t1{font-size: 18px;margin-bottom: 6px;}
    .p-banner .t1 .blue{font-size: 14px;}
    .p-banner .t2{font-size: 13px;line-height: 23px;margin-bottom: 12px;width: 300px;}
    .p-banner .more{font-size: 13px;}
}
@media(max-width: 500px){
    .p-banner .img-box{padding-top: 130px;}
    .p-banner .t1{font-size: 16px;}
    .p-banner .t1 .blue{font-size: 12px;}
    .p-banner .t2{font-size: 12px;line-height: 20px;margin-bottom: 8px;width: 200px;}
    .p-banner .more{font-size: 12px;}
    .p-next,
    .p-prev{width: 16px;height: 31px;background-size: cover;margin-top: -15px;}
    .p-banner .text .w{padding-left: 16px;padding-right: 16px;}
}


.p-nav-wrap{width: 100%;background-color: #f5f5f5;}
.p-nav{font-size: 0;}
.p-nav>a{display: inline-block;vertical-align: top;width: 12.5%;padding-bottom: 32px;cursor: pointer;}
.p-nav .img-box{width: 41.666%;padding-top: 41.666%;margin: 22px auto;background-size: cover;background-position: center center;}
.p-nav .title{font-size: 14px;color: #777;text-align: center;}
.p-nav>a.active{background-color: #fff;}
.p-nav>a.active .title{color: #2281bc;}
@media(max-width: 1200px){
    .p-nav>a{padding-bottom: 24px;}
    .p-nav .img-box{width: 80%;padding-top: 80%;margin-top: 16px;margin-bottom: 16px;}
    .p-nav .title{font-size: 13px;}
}
@media(max-width: 800px){
    .p-nav>a{padding-bottom: 21px;}
    .p-nav>a{width: 25%;padding-bottom: 10px;}
    .p-nav .img-box{margin-top: 12px;margin-bottom: 10px;}
    .p-nav .title{font-size: 11px;line-height: 14px;}
}
@media(max-width: 500px){
    .p-nav>a{padding-bottom: 16px;}
}

.tt{display: none;}
.tt.show{display: block;}
.tt .row{padding-top: 33px;padding-bottom: 33px;border-bottom: 1px solid #e1e1e1;position: relative;}
.tt .tt-title{font-size: 30px;color: #333;}
.tt .total{position: absolute;right: 0;top: 33px;font-size: 14px;color: #666;line-height: 30px;}
.tt-list{overflow: hidden;padding-top: 54px;padding-bottom: 54px;}
.tt-list>li{float: left;width: 495px;border: 1px solid #efefef;padding-top: 10px;padding-left: 10px;padding-right: 10px;padding-bottom: 36px;margin-right: 57px;margin-bottom: 57px;}
.tt-list>li:nth-child(3n){margin-right: 0;}
.tt-list .text{padding-left: 20px;padding-right: 20px;}
.tt-list .img-box{display: block;width: 100%;padding-top: 74.1%;position: relative;margin-bottom: 32px;}
.tt-list .img-box img{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.tt-list .title{display: block;font-size: 18px;color: #333;margin-bottom: 18px;}
.tt-list .title:hover{color: #2281bc;}
.tt-list .intro{font-size: 14px;color: #666;line-height: 20px;margin-bottom: 28px;height: 40px;}
.tt-list .btn-more{display: block;width: 108px;height: 40px;line-height: 40px;border: 1px solid #2281bc;text-align: center;font-size: 14px;color: #2281bc;cursor: pointer;transition: all .3s;}
.tt-list .btn-more:hover{background-color: #2281bc;color: #fff;}
.tt-list>li:hover{background-color: #f5f5f5;border-color: #f5f5f5;}
@media(max-width: 1620px){
    .tt{padding-left: 10px;padding-right: 10px;}
    .tt-list>li{width: 31%;margin-right: 3.5%;margin-bottom: 3.5%;}
    .tt-list>li:nth-child(3n){margin-right: 0;}
}
@media(max-width: 1200px){
    .tt-list .text{padding-left: 10px;padding-right: 10px;}
    .tt .tt-title{font-size: 23px;}
    .tt .total{line-height: 23px;top: 25px;}
    .tt .row{padding-top: 25px;padding-bottom: 25px;}
    .tt-list{padding-top: 40px;padding-bottom: 40px;}
    .tt-list>li{width: 32%;margin-right: 2%;margin-bottom: 2%;padding-bottom: 27px;}
    .tt-list .img-box{margin-bottom: 24px;}
    .tt-list .title{margin-bottom: 14px;font-size: 16px;}
    .tt-list .intro{margin-bottom: 21px;font-size: 13px;}
    .tt-list .btn-more{height: 30px;line-height: 30px;font-size: 12px;}
}
@media(max-width: 800px){
    .tt .tt-title{font-size: 20px;}
    .tt .total{line-height: 20px;top: 22px;}
    .tt .row{padding-top: 22px;padding-bottom: 22px;}
    .tt-list{padding-top: 36px;padding-bottom: 36px;}
    .tt-list>li{width: 49%;margin-right: 2%;padding-bottom: 24px;padding-left: 0;padding-right: 0;padding-top: 0;}
    .tt-list>li:nth-child(3n){margin-right: 2%;}
    .tt-list>li:nth-child(even){margin-right: 0;}
    .tt-list .img-box{margin-bottom: 21px;}
    .tt-list .title{margin-bottom: 12px;font-size: 14px;}
    .tt-list .intro{margin-bottom: 19px;font-size: 12px;}
}
@media(max-width: 500px){
    .tt .tt-title{font-size: 18px;}
    .tt .total{line-height: 18px;top: 16px;}
    .tt .row{padding-top: 16px;padding-bottom: 16px;}
    .tt-list{padding-top: 27px;padding-bottom: 27px;}
    .tt-list>li{padding-bottom: 18px;width: 100%;margin-right: 0;margin-bottom: 10px;}
    .tt-list>li:nth-child(3n){margin-right: 0;}
    .tt-list .img-box{margin-bottom: 16px;}
    .tt-list .title{margin-bottom: 9px;}
    .tt-list .intro{margin-bottom: 14px;}
}

.pro-intro{overflow: hidden;padding-top: 80px;padding-bottom: 80px;background-color: #f8f8f8;}
.pro-intro .left{float: left;width: 530px;}
.pro-intro .right{float: right;width: 553px;}
.pro-intro .w{max-width: 1200px;}
.p-list-l{width: 100%;margin-bottom: 14px;overflow: visible;position: relative;}
.p-list-l img{max-width: none;}
.p-list-l .swiper-slide{width: 100%;border: 1px solid #e5e5e5;}
.p-list-l .swiper-slide .img-box{display: block;width: 100%;padding-top: 100%;background-size: cover;background-position: center center;}
.p-list-l .swiper-slide .img-box img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.p-list-l .swiper-button-next,
.p-list-l .swiper-button-prev{width: 15px;height: 27px;background-color: #fff;border: 1px solid #e5e5e5;;top: 0;margin-top: 0;height: 100%;background-size: auto auto;}
.p-list-l .swiper-button-next{right: 0;}
.p-list-l .swiper-button-prev{left: 0;}
.p-list-s{width: 100%;overflow: hidden;margin: 0 auto;padding: 0 44px;}
.p-list-s .item{float: left;width: 100px;height: 100px;margin-right: 14px;border: 1px solid #e5e5e5;cursor: pointer;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.p-list-s .item.active{border: 1px solid #999;}
.p-list-s .swiper-button-next,
.p-list-s .swiper-button-prev{width: 44px;height: 100px;top: 0;margin-top: 0;background-size: auto auto;background-color: #f8f8f8;background-size: auto auto;}
.p-list-s .swiper-button-next{right: 0px;background-image: url(../images/right2.png);background-position: right center;}
.p-list-s .swiper-button-prev{left: 0px;background-image: url(../images/left2.png);background-position: left center;}
.p-list-s .swiper-button-next:hover{background-image: url(../images/right3.png);}
.p-list-s .swiper-button-prev:hover{background-image: url(../images/left3.png);}
.pr-title{font-size: 34px;color: #333;margin-bottom: 16px;}
.pr-type{font-size: 18px;color: #666;margin-bottom: 35px;}
.pr-intro{margin-bottom: 90px;}
.pri-title{width: 100%;height: 42px;line-height: 42px;background-color: #e8e8e8;font-size: 15px;color: #2281bc;margin-bottom: 25px;}
.pri-title:before{display: inline-block;vertical-align: top;content: "";margin-left: 12px;margin-right: 10px;width: 15px;height: 100%;background-image: url(../images/blue-paper.png);background-repeat: no-repeat;background-position: center center;}
.pri-cont{font-size: 15px;color: #777;line-height: 32px;}
.pr-share{font-size: 0;margin-bottom: 30px;}
.pr-share>a{display: inline-block;vertical-align: top;width: 44px;height: 44px;border: 1px solid #adadad;background-repeat: no-repeat;background-position: center center;margin-right: 18px;}
.pr-contact{font-size: 0;margin-bottom: 30px;}
.pr-phone{font-size: 14px;color: #666;padding-right: 19px;border-right: 1px solid #999;line-height: 16px;display: inline-block;vertical-align: top;}
.pr-phone:before{display: inline-block;vertical-align: top;content: "";width: 18px;height: 18px;margin-right: 13px;background-image: url(../images/phone1.png);}
.pr-consult{margin-left: 20px;font-size: 14px;color: #2281bc;display: inline-block;vertical-align: top;margin-right: 10px;}
.pr-consult:before{display: inline-block;vertical-align: top;content: "";margin-right: 10px;width: 21px;height: 17px;background-image: url(../images/blue-consult.png);}
.pr-nav{font-size: 0;}
.pr-prev,
.pr-next,
.pr-list{display: inline-block;width: 130px;height: 34px;line-height: 34px;background-color: #2281bc;font-size: 12px;color:#fff;text-align: center;border-radius: 3px;margin-right: 30px;cursor: pointer;transition: all .3s;}
.pr-next{margin-right: 0;}
.pr-prev:before{display: inline-block;vertical-align: top;content: "";width: 21px;height: 100%;margin-right: 34px;background-image: url(../images/prev.png);background-repeat: no-repeat;background-position: center center;}
.pr-next:after{display: inline-block;vertical-align: top;content: "";width: 21px;height: 100%;margin-left: 34px;background-image: url(../images/next.png);background-repeat: no-repeat;background-position: center center;}
.pr-list:before{display: inline-block;vertical-align: top;content: "";width: 14px;height: 100%;margin-right: 24px;background-image: url(../images/list.png);background-repeat: no-repeat;background-position: center center;}
.pr-prev:hover,
.pr-next:hover,
.pr-list:hover{background-color: #4169E1;}
@media (max-width: 1220px){
    .pro-intro{padding-left: 10px;padding-right: 10px;padding-top: 53px;padding-bottom: 53px;}
    .pro-intro .left{width: 44.17%;}
    .pro-intro .right{width: 53%;}
    .pr-type{font-size: 16px;}
    .p-list-s .item{width: 80px;height: 80px;}
    .p-list-s .swiper-button-next,
    .p-list-s .swiper-button-prev{height: 80px;}
    .pr-title{font-size: 28px;}
    .pr-intro{margin-bottom: 50px;}
    .pri-cont{font-size: 14px;line-height: 24px;}
    .pr-prev,
    .pr-next,
    .pr-list{width: 100px;height: 30px;line-height: 30px;margin-right: 20px;}
    .pr-prev:before{margin-right: 20px;}
    .pr-next:after{margin-left: 20px;}
    .pr-list:before{margin-right: 10px;}
    .pr-phone{display: block;margin-bottom: 10px;border-right: none;}
    .pr-consult{display: block;margin-left: 0;}
}
@media (max-width: 800px){
    .pro-intro .w{max-width: 530px;}
    .pro-intro .right{padding-top: 60px;}
    .pro-intro .right .title{font-size: 28px;}
    .pro-intro{width: 100%;padding-top: 18px;padding-bottom: 60px;margin: 0 auto;}
    .pro-intro .left{width: 100%;float: none;margin-bottom: 30px;}
    .pro-intro .right{width: 100%;float: none;padding-top: 0;}
    .p-list-l:after{display: none;}
    .p-list-l:before{display: block;content: "";width: 100%;height: 100%;background-color: rgba(0,0,0,0);position: absolute;left: 0;top: 0;z-index: 100;}
    .pr-title{font-size: 23px;}
    .pri-title{margin-bottom: 15px;font-size: 14px;line-height: 35px;height: 35px;}
    .pr-type{margin-bottom: 20px;}
    .pr-intro{margin-bottom: 30px;}
}
@media (max-width: 500px){
    .pro-intro{padding-top: 40px;padding-bottom: 40px;}
    .pr-title{font-size: 20px;margin-bottom: 10px;}
    .pr-type{font-size: 14px;}
    .pr-prev,
    .pr-next,
    .pr-list{width: 80px;margin-right: 10px;}
    .pr-prev:before{margin-right: 5px;}
    .pr-next:after{margin-left: 5px;}
    .pr-list:before{margin-right: 5px;}
    .pr-share{margin-bottom: 20px;}
    .pr-share>a{width: 30px;height: 30px;margin-right: 10px;}
    .pri-title{margin-bottom: 10px;}
}

.pro-details{padding-top: 60px;}
.pro-details .w{max-width: 1200px;}
.pd-title{font-size: 26px;color: #444;padding-bottom: 20px;border-bottom: 1px solid #e3e3e3;}
.pf-cont{overflow: hidden;padding-top: 40px;padding-bottom: 60px;}
.pf-cont .img-box{float: left;width: 518px;}
.pf-cont .img-box img{width: 100%;}
.pf-cont .text{float: right;width: 610px;font-size: 16px;color: #444;line-height: 36px;}
.tp-table{width: 100%;border-top: 1px solid #ccc;margin-top: 40px;margin-bottom: 60px;}
.tp-table tr{border-bottom: 1px solid #ccc;}
.tp-table td{font-size: 14px;color: #444;line-height: 20px;padding-top: 10px;padding-bottom: 10px;}
.tp-table .td1{width: 180px;border-right: 1px solid #ccc;}
.tp-table .td2{width: 820px;padding-left: 68px;}
.pa-list{font-size: 0;padding-top: 30px;padding-bottom: 40px;}
.pa-list>li{display: inline-block;vertical-align: top;width: 380px;margin-right: 30px;}
.pa-list>li:nth-child(3n){margin-right: 0;}
.pa-list .img-box{display: block;width: 100%;padding-top: 47.37%;position: relative;}
.pa-list .img-box img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.pa-list .title{font-size: 18px;color: #444;line-height: 22px;padding-top: 18px;padding-bottom: 28px;}
@media (max-width: 1220px){
    .pro-details{padding-left: 10px;padding-right: 10px;padding-top: 45px;}
    .pf-cont{padding-top: 30px;padding-bottom: 45px;}
    .pf-cont .img-box{float: none;width: 100%;max-width: 518px;margin-bottom: 20px;}
    .pf-cont .text{float: none;width: 100%;max-width: 610px;font-size: 14px;line-height: 28px;}
    .pd-title{font-size: 20px;padding-bottom: 15px;}
    .tp-table{margin-top: 30px;margin-bottom: 45px;}
    .pa-list{padding-top: 22px;padding-bottom: 30px;}
    .pa-list>li{width: 32%;margin-right: 2%;}
    .pa-list .title{font-size: 16px;line-height: 20px;padding-top: 14px;padding-bottom: 21px;}
}
@media (max-width: 800px){
    .pro-details{padding-top: 40px;}
    .pf-cont{padding-top: 26px;padding-bottom: 40px;}
    .pd-title{font-size: 18px;padding-bottom: 13px;}
    .tp-table td{font-size: 13px;line-height: 17px;}
    .tp-table .td1{width: 50%;}
    .tp-table .td2{width: 50%;padding-left: 0;text-align: center;}
    .tp-table{margin-top: 26px;margin-bottom: 40px;}
    .pa-list{padding-top: 20px;padding-bottom: 26px;}
    .pa-list .title{font-size: 14px;line-height: 18px;padding-top: 12px;padding-bottom: 20px;}
}
@media (max-width: 700px){
    .pa-list>li{width: 49%;margin-right: 2%;}
    .pro-details table{width: 100% !important;}
    .pa-list>li:nth-child(3n){margin-right: 2%;}
    .pa-list>li:nth-child(even){margin-right: 0;}
}
@media (max-width: 500px){
    .pro-details{padding-top: 30px;}
    .pf-cont{padding-top: 20px;padding-bottom: 30px;}
    .pd-title{font-size: 16px;padding-bottom: 10px;}
    .tp-table{margin-top: 20px;margin-bottom: 30px;}
    .pa-list{padding-top: 15px;padding-bottom: 20px;}
    .pa-list .title{font-size: 13px;line-height: 17px;padding-top: 9px;padding-bottom: 14px;}
}

.login{width: 100%;height: 564px;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.login .table{display: table;width: 100%;height: 100%;}
.login .cell{display: table-cell;vertical-align: middle;}
.login-form{position: relative;width: 100%;max-width: 460px;margin: 0 auto;background-color: #fff;padding: 40px 40px 55px 40px;box-shadow: 0 0 3px rgba(0,0,0,0.2);}
.login-form .title{font-size: 20px;color: #444;margin-bottom: 29px;}
.login-close{width: 40px;height: 40px;cursor: pointer;text-align: center;line-height: 40px;font-size: 35px;color: #999;position: absolute;right: 0;top: 0;}
.login-form .row{width: 100%;height: 52px;border: 1px solid #dcdcdc;border-radius: 5px;position: relative;font-size: 0;margin-bottom: 20px;}
.login-form .icon{display: inline-block;vertical-align: middle;width: 53px;height: 26px;border-right: 1px solid #dcdcdc;background-repeat: no-repeat;background-position: center center;}
.login-form .row input{display: inline-block;vertical-align: middle;width: 325px;height: 50px;line-height: 50px;font-size: 16px;color: #666;border: none;background-color: transparent;padding: 0 15px;}
.login-form .submit-row{font-size: 0;}
.login-form input[type=submit]{width: 100%;height: 52px;line-height: 52px;background-color: #2281bc;border: none;font-size: 18px;color: #fff;border-radius: 5px;cursor: pointer;transition: all .3s;}
.login-form input[type=submit]:hover{background-color: #4169E1;}
@media (max-width: 500px){
    .login{padding-left: 10px;padding-right: 10px;height: 400px;}
    .login-form{padding: 30px 10px;}
    .login-form .title{font-size: 16px;margin-bottom: 15px;}
    .login-form .icon{position: absolute;left: 0;top: 7px;width: 40px;}
    .login-form .row{padding-left: 40px;height: 42px;margin-bottom: 10px;}
    .login-form .row input{width: 100%;height: 40px;line-height: 40px;font-size: 14px;padding: 0 10px;}
    .login-form input[type=submit]{height: 40px;line-height: 40px;font-size: 16px;}
}

.record{width: 100%;padding-top: 100px;padding-bottom: 100px;background-image: url(../images/record-bg.jpg);background-repeat: no-repeat;background-position: center top;background-size: 100% auto;}
.record-center{width: 100%;max-width: 1000px;margin: 0 auto;background-color: #fff;padding: 40px 30px 100px 30px;box-shadow: 0 0 3px rgba(0,0,0,0.2);}
.record-center .title{font-size: 34px;color: #1b7bb6;padding-bottom: 39px;margin-bottom: 70px;border-bottom: 1px solid #e5e5e5;text-align: center;}
.record-form{width: 540px;margin: 0 auto;}
.record-form .row{margin-bottom: 22px;overflow: hidden;}
.record-form .dt{float: left;width: 140px;text-align: right;font-size: 18px;color: #444;line-height: 44px;}
.record-form .dt .red{color: #d50808;}
.record-form .dd{float: left;width: 400px;}
.record-form .row input{width: 100%;height: 44px;line-height: 44px;padding: 0 10px;border: 1px solid #dcdcdc;border-radius: 5px;font-size: 18px;color: #444;}
.record-form .row textarea{width: 100%;height: 110px;padding: 9px 10px;border: 1px solid #dcdcdc;border-radius: 5px;font-size: 18px;line-height: 24px;color: #444;}
.record-form .up-row{position: relative;margin-bottom: 22px;overflow: hidden;}
.record-form .up-row input{position: absolute;left: 0;top: 0;visibility: hidden;}
.record-form .up-row label{display: block;cursor: pointer;width: 150px;height: 44px;border: 1px solid #dcdcdc;border-radius: 5px;background-color: #e9e9e9;text-align: center;line-height: 44px;font-size: 16px;color: #444;}
.record-form .submit-row{padding-left: 140px;}
.record-form .submit-row input{width: 400px;height: 54px;background-color: #2281bc;font-size: 18px;color: #fff;border-radius: 5px;border: none;cursor: pointer;transition: all .3s;}
.record-form .submit-row input:hover{background-color: #4169E1;}
@media (max-width: 1000px){
    .record{padding-left: 10px;padding-right: 10px;padding-top: 70px;padding-bottom: 70px;}
    .record-center{padding-top: 20px;padding-bottom: 50px;padding-left: 10px;padding-right: 10px;border: none;}
    .record-center .title{padding-bottom: 20px;font-size: 28px;margin-bottom: 40px;}
    .record-form .dt{font-size: 14px;line-height: 40px;}
    .record-form .row input{height: 40px;line-height: 40px;font-size: 14px;}
    .record-form .row textarea{font-size: 14px;padding: 10px 10px;line-height: 18px;}
}
@media (max-width: 580px){
    .record-center .title{font-size: 20px;margin-bottom: 20px;}
    .record-form{width: 100%;}
    .record-form .row{width: 100%;padding-left: 100px;position: relative;}
    .record-form .dt{width: 100px;position: absolute;left: 0;top: 0;}
    .record-form .dd{width: 100%;}
    .record-form .up-row{padding-left: 100px;}
    .record-form .submit-row{padding-left: 100px;}
    .record-form .submit-row input{width: 100%;height: 40px;}
    .record-form .up-row label{height: 40px;line-height: 40px;}
}

.cm{padding-top: 25px;padding-bottom: 80px;}
.cm .w{overflow: hidden;}
.cm-left{float: left;width: 280px;}
.cm-right{float: right;width: 1280px;padding-top: 15px;}
.cm-title1{font-size: 30px;color: #333;margin-bottom: 30px;}
.cm-list{width: 100%;background-color: #f8f8f8;padding-bottom: 176px;}
.cm-list>li>a{display: block;width: 100%;height: 65px;line-height: 65px;border-bottom: 2px solid #fff;font-size: 16px;color: #666;padding-left: 30px;cursor: pointer;}
.cm-list>li>a:hover,
.cm-list>li.active>a{color: #fff;background-color: #2281bc;}
.cm-title2{font-size: 24px;color: #333;padding-bottom: 26px;border-bottom: 1px solid #e1e1e1;position: relative;}
.cm-title2 .year{width: 131px;height: 35px;line-height: 33px;font-size: 14px;color: #777;position: absolute;right: 0;top: -5px;padding-left: 12px;}
@media (max-width: 1620px){
    .cm{padding-left: 10px;padding-right: 10px;}
    .cm-left{width: 17.5%;}
    .cm-right{width: 80%;}
}
@media (max-width: 1200px){
    .thumb.cm-thumb{display: none;}
    .cm{padding-bottom: 60px;}
    .cm-left{float: none;width: 100%;}
    .cm-right{float: none;width: 100%;}
    .cm-title1{display: none;}
    .cm-list{padding-bottom: 0;font-size: 0;text-align: center;}
    .cm-list>li{display: inline-block;}
    .cm-list>li>a{width: 100px;text-align: center;height: 40px;line-height: 40px;padding-left: 0;font-size: 14px;border-bottom: none;}
    .cm-title2{display: none;}
    .cm-title2.cm-sp{display: block;font-size: 20px;padding-bottom: 16px;}
    .cm-title2.cm-sp .year{top: -7px;}
}
@media (max-width: 800px){
    .cm{padding-bottom: 53px;}
    .cm-title2.cm-sp{font-size: 18px;padding-bottom: 14px;padding-top: 3px;}
}
@media (max-width: 500px){
    .cm{padding-bottom: 40px;}
    .cm-list>li>a{width: 90px;}
    .cm-title2.cm-sp{font-size: 16px;padding-bottom: 15px;padding-top: 4px;}
}

.street-list>li{padding-top: 60px;padding-bottom: 60px;overflow: hidden;background-image: url(../images/mc-bg.png);background-size: 100% auto;background-repeat: no-repeat;background-position: center top;}
.street-list .map{float: left;width: 644px;height: 360px;background-size: cover;background-position: center center;}
.street-list .text{float: right;display: table;width: 616px;height: 360px;padding-left: 53px;padding-right: 53px;background-size: cover;background-position: center center;}
.street-list .cell{display: table-cell;vertical-align: middle;}
.street-list .name{font-size: 24px;color: #2281bc;margin-bottom: 16px;}
.street-list .place{font-size: 16px;color: #666;line-height: 20px;}
.street-list .line{width: 237px;height: 1px;background-color: #e1e1e1;position: relative;margin-top: 40px;margin-bottom: 48px;}
.street-list .line:before{display: block;content: "";width: 47px;height: 1px;background-color: #3d8bc1;position: absolute;left: 0;top: 0;}
.ct-list>li{font-size: 0;margin-bottom: 18px;}
.ct-list .dt{font-size: 16px;color: #666;display: inline-block;vertical-align: top;line-height: 18px;}
.ct-list .dd{font-size: 16px;color: #666;display: inline-block;vertical-align: top;line-height: 18px;}
@media (max-width: 1620px){
    .street-list .map{width: 50%;}
    .street-list .text{width: 48%;}
}
@media (max-width: 1200px){
    .street-list>li{padding-top: 30px;padding-bottom: 30px;}
    .street-list .map{height: 250px;}
    .street-list .name{font-size: 20px;margin-bottom: 12px;}
    .street-list .text{width: 50%;height: 250px;padding-left: 25px;padding-right: 25px;}
    .street-list .line{margin-top: 20px;margin-bottom: 24px;}
    .street-list .place{font-size: 14px;}
    .ct-list>li{margin-bottom: 10px;}
    .ct-list .dt{font-size: 14px;line-height: 16px;}
    .ct-list .dd{font-size: 14px;line-height: 16px;}
}
@media (max-width: 800px){
    .street-list .map{height: 220px;}
    .street-list .text{height: 220px;padding-left: 10px;padding-right: 10px;}
    .street-list .name{font-size: 18px;margin-bottom: 8px;}
    .street-list .line{margin-top: 15px;margin-bottom: 18px;}
    .street-list .place{font-size: 13px;}
    .ct-list>li{margin-bottom: 6px;}
    .ct-list .dt{font-size: 13px;line-height: 15px;}
    .ct-list .dd{font-size: 13px;line-height: 15px;}
}
@media (max-width: 620px){
    .street-list{padding-top: 20px;}
    .street-list>li{padding-top: 0;padding-bottom: 40px;}
    .street-list .name{font-size: 16px;}
    .street-list .line{margin-top: 10px;margin-bottom: 13px;}
    .street-list .map{float: none;width: 100%;height: 200px;}
    .street-list .text{float: none;width: 100%;height: auto;padding-bottom: 10px;}
}

.page{font-size: 0;text-align: right;}
.page a{display: inline-block;vertical-align: top;height: 37px;line-height: 37px;font-size: 14px;color: #666;margin-right: 6px;margin-left: 6px;margin-bottom: 12px;}
.page .pn-num{width: 37px;text-align: center;background-color: #fff;border: 1px solid #dcdcdc;cursor: pointer;}
.page .pn-num:hover,
.page .pn-num.selected{background-color: #2281bc;color: #fff;border-color: #2281bc;}
.page .pn-prev,
.page .pn-next{width: 37px;border: 1px solid #dcdcdc;background-repeat: no-repeat;background-position: center center;cursor: pointer;}
.page .pn-prev{background-image: url(../images/left5.png);margin-right: 11px;}
.page .pn-next{background-image: url(../images/right5.png);margin-left: 11px;}
.page .pn-prev:hover{background-image: url(../images/left6.png);background-color: #838c98;border-color: #838c98;}
.page .pn-next:hover{background-image: url(../images/right6.png);background-color: #838c98;border-color: #838c98;}
.page .total{margin-left: 12px;}
@media(max-width: 500px){
    .page{text-align: center;}
    .page a{margin-left: 4px;margin-right: 4px;margin-bottom: 8px;}
}

.cm-intro{padding-top: 40px;}
.cm-intro .title1{font-size: 18px;color: #333;line-height: 24px;margin-bottom: 33px;}
.cm-intro .para{font-size: 16px;color: #777;line-height: 30px;margin-bottom: 30px;}
.cm-intro .imgs{font-size: 0;}
.cm-intro .imgs>div{display: inline-block;position: relative;vertical-align: top;}
.cm-intro .imgs>div>img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.cm-intro .imgs .box1{width: 423px;padding-top: 274px;}
.cm-intro .imgs .box2{width: 415px;padding-top: 274px;}
.cm-intro .imgs .box3{width: 219px;padding-top: 274px;}
.cm-intro .imgs .box4{width: 219px;padding-top: 274px;}
@media(max-width: 1620px){
    .cm-intro .imgs .box1{width: 32.5%;padding-top: 21.4%}
    .cm-intro .imgs .box2{width: 32.5%;padding-top: 21.4%}
    .cm-intro .imgs .box3{width: 17.1%;padding-top: 21.4%}
    .cm-intro .imgs .box4{width: 17.1%;padding-top: 21.4%}
}
@media(max-width: 1200px){
    .cm-intro{padding-top: 30px;}
    .cm-intro .title1{font-size: 16px;line-height: 22px;margin-bottom: 25px;}
    .cm-intro .para{font-size: 14px;line-height: 28px;margin-bottom: 23px;}
}
@media(max-width: 800px){
    .cm-intro{padding-top: 27px;}
    .cm-intro .imgs .box1{width: 50%;padding-top: 33%;}
    .cm-intro .imgs .box2{width: 50%;padding-top: 33%;}
    .cm-intro .imgs .box3{width: 25%;padding-top: 31.278%;}
    .cm-intro .imgs .box4{width: 25%;padding-top: 31.278%;}
}
@media(max-width: 500px){
    .cm-intro{padding-top: 20px;}
    .cm-intro .imgs .box1{width: 100%;padding-top: 66%;}
    .cm-intro .imgs .box2{width: 100%;padding-top: 66%;}
    .cm-intro .imgs .box3{width: 50%;padding-top: 62.556%;}
    .cm-intro .imgs .box4{width: 50%;padding-top: 62.556%;}
}

.news-list{padding-bottom: 60px;overflow: hidden;}
.news-list>li{float: left;padding-top: 40px;}
.news-list>li.big{width: 100%;overflow: hidden;padding-bottom: 15px;border-bottom: 1px solid #e1e1e1;}
.news-list>li.big .title{padding-top: 7px;}
.news-list>li.big .img-box{float: left;width: 410px;padding-top: 250px;}
.news-list>li.big .text{float: right;width: 830px;}
.news-list>li.big .intro{height: 72px;overflow: hidden;}
.news-list>li.small{width: 410px;margin-right: 25px;}
.news-list>li.small:nth-of-type(3n+1){margin-right: 0;}
.news-list>li.small .img-box{margin-bottom: 25px;}
.news-list>li.small .intro{height: 48px;overflow: hidden;}
.news-list .img-box{display: block;width: 100%;padding-top: 60.975%;position: relative;cursor: pointer;}
.news-list .img-box img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.news-list .title{display: block;font-size: 18px;color: #333;margin-bottom: 14px;cursor: pointer;}
.news-list .title:hover{color: #2281bc;}
.news-list .date{font-size: 14px;color: #999;margin-bottom: 17px;}
.news-list .date:before{display: inline-block;vertical-align: top;content: "";width: 13px;height: 13px;background-image: url(../images/date.png);margin-right: 6px;}
.news-list .intro{font-size: 14px;color: #777;line-height: 24px;margin-bottom: 25px;}
.news-list .btn-more{display: block;width: 90px;height: 35px;border: 1px solid #cacaca;text-align: center;line-height: 35px;font-size: 14px;color: #999;cursor: pointer;transition: all .3s;}
.news-list .btn-more:hover{background-color: #2281bc;color: #fff;border-color: #2281bc;}
@media(max-width: 1620px){
    .news-list>li.small{width: 32%;margin-right: 1.953%;padding-top: 3.125%;}
    .news-list>li.big .img-box{width: 32%;padding-top: 19.53%;}
    .news-list>li.big .text{width: 64.84%;}
}
@media(max-width: 800px){
    .news-list{padding-bottom: 40px;}
    .news-list>li.small{width: 49%;margin-right: 2%;padding-top: 20px;}
    .news-list>li.small:nth-of-type(3n+1){margin-right: 2%;}
    .news-list>li.small:nth-of-type(2n+1){margin-right: 0;}
    .news-list>li.big .img-box{width: 49%;padding-top: 27.222%;}
    .news-list>li.big .text{width: 49%;}
    .news-list .title{font-size: 16px;margin-bottom: 10px;}
    .news-list>li.small .img-box{margin-bottom: 17px;}
    .news-list>li.big{padding-top: 27px;}
    .news-list>li.big .title{padding-top: 0;}
    .news-list .date{margin-bottom: 11px;}
    .news-list .intro{font-size: 13px;line-height: 23px;margin-bottom: 10px;}
    .news-list>li.small .intro{height: 46px;}
    .news-list>li.big .intro{height: 69px;}
    .news-list .btn-more{font-size: 13px;}
}
@media(max-width: 430px){
    .news-list{padding-bottom: 30px;}
    .news-list>li.small{width: 100%;margin-right: 0;}
    .news-list>li.small:nth-of-type(3n+1){margin-right: 0;}
    .news-list>li.big{border-bottom: none;padding-bottom: 0;padding-top: 20px;}
    .news-list>li.big .img-box{width: 100%;padding-top: 60.975%;margin-bottom: 17px;}
    .news-list>li.big .text{width: 100%;}
    .news-list .title{font-size: 15px;}
}


.s-banner{position: relative;}
.s-banner .img-box{display: block;width: 100%;padding-top: 28.9%;background-size: cover;background-position: center center;}
.s-next,
.s-prev{display: none;position: absolute;z-index: 2;width: 32px;height: 63px;top: 50%;margin-top: -32px;cursor: pointer;background-size: auto auto;background-repeat: no-repeat;background-position: center center;}
.s-prev{background-image: url(../images/left4.png);left: 60px;}
.s-next{background-image: url(../images/right4.png);right: 60px;}
.s-next.swiper-button-disabled{opacity: 0.3;}
.s-prev.swiper-button-disabled{opacity: 0.3;}
.s-banner .text{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.s-banner .text .w{width: 100%;height: 100%;max-width: 1400px;}
.s-banner .table{display: table;width: 100%;height: 100%;}
.s-banner .cell{display: table-cell;vertical-align: middle;}
.s-banner .t1{font-size: 26px;color: #fff;font-weight: bold;margin-bottom: 30px;}
.s-banner .t2{font-size: 38px;color: #fff;font-weight: lighter;margin-bottom: 35px;}
.s-banner .t3{font-size: 20px;color: #fff;}
@media(max-width: 1620px){
    .s-prev{left: 0px;}
    .s-next{right: 0px;}
}
@media(max-width: 1420px){
    .s-banner .text .w{padding-left: 42px;padding-right: 42px;}
}
@media(max-width: 1200px){
    .s-banner .t1{font-size: 20px;margin-bottom: 22px;}
    .s-banner .t2{font-size: 30px;margin-bottom: 23px;}
    .s-banner .t3{font-size: 16px;}
}
@media(max-width: 800px){
    .s-banner .t1{font-size: 16px;margin-bottom: 15px;}
    .s-banner .t2{font-size: 23px;margin-bottom: 17px;}
    .s-banner .t3{font-size: 14px;}
}
@media(max-width: 500px){
    .s-banner .img-box{padding-top: 130px;}
    .s-banner .t1{font-size: 14px;margin-bottom: 10px;}
    .s-banner .t2{font-size: 18px;margin-bottom: 12px;}
    .s-banner .t3{font-size: 13px;}
    .s-next,
    .s-prev{width: 16px;height: 31px;background-size: cover;margin-top: -15px;}
    .s-banner .text .w{padding-left: 10px;padding-right: 10px;}
}

.sp-title{font-size: 36px;color: #333;text-align: center;position: relative;padding-bottom: 32px;}
.sp-title .blue{color: #2281bc;}
.sp-title:after{display: block;content: "";width: 50px;height: 2px;background-color: #2281bc;position: absolute;left: 50%;margin-left: -25px;bottom: 0;}
.sp-title.white{color: #fff;}
.sp-title.white .blue{color: #fff;}
.sp-title.white:after{background-color: #fff;}
@media(max-width: 1200px){
    .sp-title{font-size: 28px;padding-bottom: 24px;}
}
@media(max-width: 800px){
    .sp-title{font-size: 23px;padding-bottom: 21px;}
}
@media(max-width: 500px){
    .sp-title:after{height: 1px;}
    .sp-title{font-size: 16px;padding-bottom: 11px;line-height: 22px;}
}

.ai{padding-top: 90px;padding-bottom: 50px;}
.ai .w{max-width: 1220px;}
.ai-list{font-size: 0;padding-top: 50px;text-align: center;}
.ai-list>li{width: 224px;margin: 10px;padding-top: 64px;padding-bottom: 73px;background-color: #f0f0f0;display: inline-block;vertical-align: top;}
.ai-list .icon-box{width: 80px;height: 80px;background-repeat: no-repeat;background-position: center center;margin: 0 auto;margin-bottom: 40px;}
.ai-list>li:hover .icon-box{animation: icon-bounce 0.5s alternate;}
@keyframes icon-bounce{0%,100%{transform: rotate(0deg);}25%{transform: rotate(15deg);}50%{transform: rotate(-15deg);}75%{transform: rotate(5deg);}85%{transform: rotate(-5deg);}}
.ai-list .title{font-size: 18px;color: #333;text-align: center;padding-bottom: 25px;position: relative;}
.ai-list .title:after{display: block;content: "";width: 45px;height: 2px;background-color: #2281bc;position: absolute;left: 50%;margin-left: -22px;bottom: 0;}
@media(max-width: 1200px){
    .ai{padding-top: 67px;padding-bottom: 45px;}
    .ai-list{padding-top: 27px;}
    .ai-list>li{width: 168px;padding-top: 48px;padding-bottom: 55px;}
    .ai-list .title{font-size: 14px;padding-bottom: 18px;}
    .ai-list .icon-box{margin-bottom: 30px;}
}
@media(max-width: 800px){
    .ai{padding-top: 60px;padding-bottom: 40px;}
    .ai-list{padding-top: 23px;}
    .ai-list>li{padding-top: 43px;padding-bottom: 49px;margin: 5px;}
    .ai-list .title{padding-bottom: 13px;}
    .ai-list .title:after{width: 30px;margin-left: -15px;height: 1px;}
    .ai-list .icon-box{margin-bottom: 27px;}
}
@media(max-width: 500px){
    .ai{padding-top: 45px;padding-bottom: 30px;}
    .ai-list{padding-top: 25px;padding-left: 10px;padding-right: 10px;}
    .ai-list>li{width: 49%;margin: 0;margin-right: 2%;margin-bottom: 2%;padding-top: 32px;padding-bottom: 0;height: 192px;}
    .ai-list>li:nth-child(even){margin-right: 0;}
    .ai-list .title{padding-bottom: 10px;line-height: 18px;}
    .ai-list .icon-box{margin-bottom: 20px;}
}

.tech{width: 100%;overflow: hidden;padding-top: 80px;padding-bottom: 185px;background-image: url(../images/tech-bg.jpg);background-size: cover;background-position: center center;}
.tech .circle{width: 497px;height: 500px;margin: 0 auto;background-image: url(../images/circle.png);margin-top: 195px;position: relative;}
.tech .cc-box{width: 381px;height: 381px;margin: 0 auto;border-radius: 50%;position: relative;top: 60px;overflow: hidden;}
.tech .cc-box img{width: 100%;height: 100%;}
.tech-list{position: absolute;left: 0;top: 0;width: 100%;height: 100px;}
.tech-list>li{width: 8px;height: 8px;border-radius: 50%;background-color: #fff;position: absolute;z-index: 1;}
.tech-list .li1{left: 244px;top: 0px;}
.tech-list .li2{left: 334px;top: 37px;}
.tech-list .li3{left: 440px;top: 120px;}
.tech-list .li4{left: 474px;top: 204px;}
.tech-list .li5{left: 476px;top: 287px;}
.tech-list .li6{left: 441px;top: 371px;}
.tech-list .li7{left: 343px;top: 454px;}
.tech-list .li8{left: 147px;top: 454px;}
.tech-list .li9{left: 47px;top: 371px;}
.tech-list .li10{left: 13px;top: 287px;}
.tech-list .li11{left: 14px;top: 204px;}
.tech-list .li12{left: 49px;top: 120px;}
.tech-list .li13{left: 156px;top: 37px;}
.tech-list .text{width: 220px;position: absolute;text-align: center;}
.tech-list .num{font-size: 24px;color: #fff;font-weight: lighter;width: 44px;height: 44px;line-height: 44px;border-radius: 50%;border: 1px solid #fff;margin-bottom: 11px;margin-left: auto;margin-right: auto;}
.tech-list .intro{text-align: center;font-size: 16px;color: #fff;line-height: 22px;}
.tech-list .li1 .text{left: -105px;bottom: 50px;}
.tech-list .li2 .text{left: 70px;bottom: 33px;}
.tech-list .li3 .text{left: 36px;bottom: 1px;}
.tech-list .li4 .text{left: 37px;bottom: -43px;}
.tech-list .li5 .text{left: 23px;bottom: -85px;}
.tech-list .li6 .text{left: -11px;bottom: -128px;}
.tech-list .li7 .text{left: -70px;bottom: -130px;}
.tech-list .li8 .text{left: -134px;bottom: -130px;}
.tech-list .li9 .text{left: -218px;bottom: -128px;}
.tech-list .li10 .text{left: -252px;bottom: -85px;}
.tech-list .li11 .text{left: -276px;bottom: -42px;}
.tech-list .li12 .text{left: -253px;bottom: 1px;}
.tech-list .li13 .text{left: -283px;bottom: 34px;}
.tech-list .dt-wrap{position: absolute;width: 100%;height: 100%;border-radius: 50%;left: 0;top: 0;cursor: pointer;}
.tech-list .dt{visibility: hidden;opacity: 0;transition: all .3s;width: 594px;padding: 20px 20px 17px 20px;background-color: #fff;position: absolute;left: 46px;bottom: 12px;font-size: 0;}
.tech-list .dt:after{display: block;content: "";width: 21px;height: 28px;background-image: url(../images/triangle.png);position: absolute;left: -21px;bottom: -4px;}
.tech-list .dt-box{display: inline-block;vertical-align: top;width: 80px;padding-top: 80px;position: relative;margin-right: 14px;}
.tech-list .dt-box img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.tech-list .dt-text{display: inline-block;vertical-align: top;width: 460px;}
.tech-list .dt-title{font-size: 16px;color: #2281bc;margin-bottom: 11px;font-weight: bold;}
.tech-list .dt-intro{font-size: 13px;color: #888;line-height: 19px;}
.tech-list .dt-close{display: none;width: 40px;height: 40px;line-height: 40px;font-size: 30px;color: #666;position: absolute;right: 0;top: 0;cursor: pointer;text-align: center;}
.tech-list .dt.right{right: 46px;left: auto;}
.tech-list .dt.right:after{left: auto;right: -21px;background-image: url(../images/triangle2.png);}
.tech-list>li:hover{z-index: 2;}
.tech-list>li:hover .dt-wrap .dt{visibility: visible;opacity: 1;}
@media(max-width: 1220px){
    .tech{padding-left: 10px;padding-right: 10px;padding-top: 60px;padding-bottom: 30px;}
    .tech .circle{width: 100%;height: auto;background-image: none;margin-top: 30px;}
    .tech .cc-box{display: none;}
    .tech-list{overflow: hidden;height: auto;position: static;font-size: 0;}
    .tech-list>li{cursor: pointer;}
    .tech-list>li.show .dt-wrap{display: block;cursor: default;}
    .tech-list .dt-wrap{display: none;position: fixed;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);z-index: 100000;border-radius: 0;}
    .tech-list .dt{visibility: visible;opacity: 1;width: 100%;background-color: #fff;left: 50%;top: 50%;bottom: auto;padding: 20px 10px;max-width: 500px;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
    .tech-list .dt.right{left: 50%;right: auto;}
    .tech-list .dt:after{display: none;}
    .tech-list .dt-close{display: block;}
    .tech-list .num{border: none;font-size: 20px;height: auto;line-height: 1;margin-bottom: 5px;}
    .tech-list>li{display: inline-block;vertical-align: top;position: static;left: 0 !important;top: 0 !important;margin-bottom: 30px;width: 50%;height: auto;padding-left: 3px;padding-right: 3px;border-radius: 0;background-color: transparent;}
    .tech-list .text{width: 100%;position: static;left: 0 !important;top: 0 !important;padding-left: 10px;padding-right: 10px;}
    .tech-list .dt-box{display: block;margin-left: auto;margin-right: auto;margin-bottom: 20px;}
    .tech-list .dt-text{display: block;width: 100%;}
}
@media(max-width: 800px){
    .tech{padding-top: 53px;padding-bottom: 23px;}
    .tech-list .num{font-size: 14px;}
    .tech-list .intro{font-size: 14px;line-height: 20px;}
    .tech-list .dt-title{font-size: 14px;margin-bottom: 7px;}
}
@media(max-width: 500px){
    .tech .circle{margin-top: 40px;}
    .tech{padding-top: 40px;padding-bottom: 10px;}
    .tech-list .num{font-size: 14px;margin-bottom: 3px;}
    .tech-list .intro{font-size: 13px;line-height: 19px;}
}
.core{padding-top: 80px;padding-bottom: 80px;}
.core .w{max-width: 1200px;}
.core-list{width: 100%;font-size: 0;padding-top: 50px;text-align: center;}
.core-list>li{display: inline-block;vertical-align: top;width: 380px;margin-right: 30px;margin-bottom: 30px;}
.core-list>li:nth-child(3n){margin-right: 0;}
.core-list>li:last-child{margin-bottom: 0;}
.core-list .img-box{width: 100%;padding-top: 60.526%;position: relative;margin-bottom: 32px;}
.core-list .img-box img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.core-list .title{font-size: 24px;color: #000;margin-bottom: 20px;text-align: left;}
.core-list .intro{font-size: 14px;color: #666;line-height: 24px;text-align: left;}
@media(max-width: 1220px){
    .core{padding-left: 10px;padding-right: 10px;padding-top: 60px;padding-bottom: 60px;}
    .core-list{padding-top: 38px;}
    .core-list>li{width: 31.666%;margin-right: 2.5%;}
    .core-list .img-box{margin-bottom: 24px;}
    .core-list .title{font-size: 20px;margin-bottom: 15px;}
}
@media(max-width: 800px){
    .core{padding-top: 53px;padding-bottom: 53px;}
    .core-list{padding-top: 33px;}
    .core-list .img-box{margin-bottom: 21px;}
    .core-list .title{font-size: 16px;margin-bottom: 13px;}
    .core-list .intro{font-size: 13px;line-height: 23px;}
}
@media(max-width: 500px){
    .core{padding-top: 40px;padding-bottom: 40px;}
    .core-list{padding-top: 25px;}
    .core-list>li{width: 100%;margin-right: 0;max-width: 380px;}
    .core-list .img-box{margin-bottom: 16px;}
    .core-list .title{font-size: 14px;margin-bottom: 10px;}
}

.base{width: 100%;padding-top: 80px;padding-bottom: 70px;background-color: #f0f0f0;}
.base .w{max-width: 1200px;}
.sp-intro{max-width: 865px;width: 100%;margin: 0 auto;font-size: 16px;color: #666;line-height: 30px;text-align: center;padding-top: 30px;padding-bottom: 43px;}
.base-list>li{margin-bottom: 10px;font-size: 0;background-color: #fff;}
.base-list .img-box{display: inline-block;vertical-align: top;width: 260px;padding-top: 180px;margin-right: 53px;position: relative;}
.base-list .img-box img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.base-list .text{display: inline-block;vertical-align: top;width: 850px;padding-top: 36px;padding-bottom: 36px;}
.base-list .base-title{font-size: 24px;color: #333;margin-bottom: 18px;line-height: 30px;}
.base-list>li:hover .base-title{color: #2281bc;transition: all .3s;}
.base-list .base-intro{font-size: 16px;color: #666;line-height: 30px;}
@media(max-width: 1220px){
    .base{padding-left: 10px;padding-right: 10px;padding-top: 60px;padding-bottom: 52px;}
    .sp-intro{font-size: 13px;line-height: 27px;padding-top: 23px;padding-bottom: 31px;}
    .base-list .img-box{vertical-align: middle;width: 21.666%;padding-top: 15%;margin-right: 4.416%;}
    .base-list .text{vertical-align: middle;width: 70.833%;padding-top: 10px;padding-bottom: 10px;}
    .base-list .base-title{font-size: 20px;margin-bottom: 14px;line-height: 26px;}
    .base-list .base-intro{font-size: 14px;line-height: 28px;}
}
@media(max-width: 800px){
    .base{padding-top: 53px;padding-bottom: 46px;}
    .sp-intro{padding-top: 20px;padding-bottom: 29px;}
    .base-list .base-title{font-size: 16px;margin-bottom: 8px;line-height: 22px;}
    .base-list .base-intro{font-size: 13px;line-height: 27px;}
}
@media(max-width: 500px){
    .base{padding-top: 40px;padding-bottom: 35px;}
    .sp-intro{padding-top: 15px;padding-bottom: 21px;}
    .base-list .img-box{width: 30%;padding-top: 20.77%;margin-right: 0;}
    .base-list .text{width: 70%;padding-left: 10px;padding-right: 10px;}
}

.str{width: 100%;padding-top: 80px;padding-bottom: 50px;background-color: #fff;}
.str-list{font-size: 0;text-align: center;max-width: 1220px;margin: 0 auto;}
.str-list>li{display: inline-block;vertical-align: top;width: 230px;margin-left: 6px;margin-right: 6px;margin-bottom: 20px;}
.str-list .img-box{width: 100%;padding-top: 71.3%;position: relative;}
.str-list .img-box img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.str-list .str-title{font-size: 16px;color: #666;padding-top: 19px;line-height: 22px;text-align: left;}
@media(max-width: 1220px){
    .str{padding-top: 60px;padding-bottom: 36px;padding-left: 10px;padding-right: 10px;}
    .str-list .str-title{font-size: 14px;padding-top: 14px;line-height: 20px;}
}
@media(max-width: 800px){
    .str{padding-top: 53px;padding-bottom: 30px;}
    .str-list .str-title{font-size: 13px;padding-top: 11px;line-height: 19px;}
    .str-list>li{width: 200px;}
}
@media(max-width: 500px){
    .str{padding-top: 40px;padding-bottom: 20px;}
    .str-list .str-title{padding-top: 10px;}
    .str-list>li{width: 150px;}
}

.eng{width: 100%;padding-top: 80px;padding-bottom: 60px;background-color: #fff;background-image: url(../images/eng-bg.jpg);background-size: cover;background-position: center center;}
.eng .w{max-width: 1200px;}
.eng-banner{width: 100%;margin: 0 auto;padding-top: 60px;}
.eng-banner .item{width: 100%;padding-left: 4.878%;padding-right: 4.878%;}
.eng-banner .img-box{display: block;width: 100%;padding-top: 71.43%;position: relative;margin-bottom: 23px;}
.eng-banner .img-box img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.eng-banner .title{display: block;font-size: 18px;color: #fff;line-height: 24px;}
.eng-pagination{text-align: center;margin-top: 67px;}
.eng-pagination .swiper-pagination-bullet{width: 10px;height: 10px;background-color: #fff;opacity: 0.5;margin: 0 12px;}
.eng-pagination .swiper-pagination-bullet-active{opacity: 1;}
.eng-next,
.eng-prev{display: none;position: absolute;z-index: 2;width: 30px;height: 65px;top: 50%;margin-top: -32px;cursor: pointer;background-size: auto auto;background-repeat: no-repeat;background-position: center center;}
.eng-prev{background-image: url(../images/left1.png);left: -36px;}
.eng-next{background-image: url(../images/right1.png);right: -36px;}
.eng-next.swiper-button-disabled{opacity: 0.3;}
.eng-prev.swiper-button-disabled{opacity: 0.3;}
@media(max-width: 1220px){
    .eng{padding-top: 60px;padding-bottom: 45px;}
    .eng-banner{padding-top: 45px;}
    .eng-pagination{margin-top: 50px;}
    .eng-banner .title{font-size: 16px;line-height: 22px;}
    .eng-banner .img-box{margin-bottom: 17px;}
}
@media(max-width: 800px){
    .eng{padding-top: 53px;padding-bottom: 40px;}
    .eng-banner{padding-top: 40px;}
    .eng-pagination{margin-top: 44px;}
    .eng-banner .title{font-size: 14px;line-height: 20px;}
    .eng-banner .img-box{margin-bottom: 15px;}
}
@media(max-width: 500px){
    .eng{padding-top: 40px;padding-bottom: 30px;}
    .eng-banner{padding-top: 30px;}
    .eng-pagination{margin-top: 33px;}
    .eng-banner .img-box{margin-bottom: 12px;}
}
.page a{
    size:123;
}
.xw-banner{width: 100%;margin: 0 auto;overflow: hidden;}
.xw-banner .swiper-slide{width: 380px;padding-right: 18px;padding-left: 17px;}
.xw-banner .img-box{display: block;width: 100%;padding-top: 68.4%;cursor: pointer;}
.xw-banner .img-box img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.xw-banner .text{width: 100%;background-color: #fff;padding-top: 18px;padding-left: 15px;padding-right: 15px;padding-bottom: 15px;}
.xw-banner .title{display: block;font-size: 18px;line-height: 22px;color: #333;margin-bottom: 10px;position: relative;cursor: pointer;padding-bottom: 10px;}
.xw-banner .title:after{display: block;content: "";width: 43px;height: 1px;background-color: #e8e8e8;position: absolute;left: 0;bottom: 0;}
.xw-banner .title:hover{color: #2281bc;}
.xw-banner .abstract{font-size: 14px;color: #999;line-height: 24px;}
.xw-boxes{width: 100%;position: relative;}
.xw-arrow{position: absolute;z-index: 2;width: 39px;height: 65px;top: 50%;margin-top: -32px;cursor: pointer;background-size: auto auto;background-color: rgba(255,255,255,0.7);background-repeat: no-repeat;background-position: center center;}
.xw-prev{background-image: url(../images/left.png);left: 20px;}
.xw-next{background-image: url(../images/right.png);right: 20px;}
.xw-prev:hover{background-color: rgba(34,129,188,0.8);;background-image: url(../images/left1.png);}
.xw-next:hover{background-color: rgba(34,129,188,0.8);;background-image: url(../images/right1.png);}
.xw-next.swiper-button-disabled{opacity: 0.3;}
.xw-prev.swiper-button-disabled{opacity: 0.3;}
@media(max-width: 1220px){
    .xw{padding-top: 45px;padding-bottom: 61px;}
    .xw-banner .swiper-slide{padding-left: 10px;padding-right: 10px;}
    .xw-banner .title{font-size: 16px;line-height: 20px;}
    .xw-banner .text{padding-left: 10px;padding-right: 10px;}
    .xw-prev{left: 10px;}
    .xw-next{right: 10px;}
}
@media(max-width: 800px){
    .xw{padding-top: 40px;padding-bottom: 55px;}
    .xw-banner .title{font-size: 14px;line-height: 18px;}
    .xw-tabs>a{font-size: 16px;}
}
@media(max-width: 500px){
    .xw{padding-top: 30px;padding-bottom: 41px;}
    .xw-banner .abstract{font-size: 12px;}
}

.ft-table{visibility: hidden;opacity: 0;display: table;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.6);z-index: 100000;transition: all .3s;}
.ft-table.show{visibility: visible;opacity: 1;}
.ft-table .ft-cell{display: table-cell;vertical-align: middle;width: 920px;}
.ft-table .ft-cont{width: 180px;max-height: 100%;margin: 0 auto;background-color: #fff;position: relative;padding: 20px;}
.ft-table .btn-close{display: block;width: 26px;height: 26px;background-size: 100% 100%;position: absolute;right: 0px;top: -32px;cursor: pointer;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABQElEQVRYR73X7REBQQwG4Dcd6IQS6EQHlEIpKqADdHIdxOTcmXO3H0l29/wxY/A+YneTJWY+AjgBOBBRhxUezLwBcAdwJWZ+AdgCkOfmiEn4DsBNAKJ5rIGYhb8B7EkqvgYiGE7U9YDWiFi45P4ArRCp8AWgNiIXHgTUQmjCo4BShDY8CfAiLOFZgBVhDVcBtAhPuBqQQ3jDTYAYYjjHpLHI2f49Xg1N7e8g0jTCwLEtH3OFmysQObblZfMvH7/LXIHJXzGWXV5yt3IzILDgBOCeJ0yA0GofSumeJ9SA1FYrmSdUAM0+9yKyAE14ZHeoFmYSYAn3IqIAT7gHEQSUhFsRC0CNcAsiNJS6G0uol+R2x3wsrxquqcT0YtIkPIcYr2ZNw5MIZn6W9HPNDDF9z2xN9JdTuZ6frZOMNTiCuHwAEvNYXn4qESsAAAAASUVORK5CYII=);}
.ft-table .img-box{width: 110px;margin: 0 auto 10px auto;}
.ft-table .img-box img{width: 100%;}
.ft-table .text{width: 100%;font-size: 14px;color: #666;text-align: center;}

.zb{width: 100%;}
.zi{width: 100%;overflow: hidden;position: relative;background-color: #f5f5f5;}
.zi .img-box{float: right;width: 50%;}
.zi .text{width: 50%;height: 100%;position: absolute;left: 0;top: 0;padding: 0 8%;}
.zi:nth-child(2n) .img-box{float: left;}
.zi:nth-child(2n) .text{left: auto;right: 0;}
.zi .tb{display: table;width: 100%;height: 100%;}
.zi .cell{display: table-cell;vertical-align: middle;}
.zi .t1{font-size: 32px;color: #333;margin-bottom: 35px;}
.zi .t2{font-size: 16px;color: #666;line-height: 38px;}
.loginb{text-align: center;font-size: 0;padding-top: 70px;padding-bottom: 70px;}
.loginb .btn-login{width: 260px;height: 50px;line-height: 50px;text-align: center;font-size: 18px;color: #fff;background-color: #2281bc;display: inline-block;vertical-align: top;}
@media(max-width: 1700px){
    .zi .t1{font-size: 28px;margin-bottom: 28px;}
    .zi .t2{font-size: 14px;line-height: 30px;}
}
@media(max-width: 1300px){
    .zi .t1{font-size: 23px;margin-bottom: 20px;}
    .zi .t2{line-height: 24px;}
}
@media(max-width: 1200px){
    .zb{padding-top: 30px;}
    .zi{max-width: 960px;margin: 0 auto;width: 100%;}
    .zi .img-box{float: none;width: 100%;}
    .zi .text{width: 100%;position: static;left: 0;top: 0;padding: 30px;}
    .zi:nth-child(2n) .img-box{float: none;}
    .zi:nth-child(2n) .text{left: none;}
    .loginb{padding-top: 50px;padding-bottom: 50px;}
}
@media(max-width: 500px){
    .zb{padding-top: 20px;}
    .zi .t1{font-size: 18px;margin-bottom: 10px;}
    .zi .text{padding: 20px 10px;}
    .loginb{padding-top: 35px;padding-bottom: 35px;}
    .loginb .btn-login{height: 40px;font-size: 14px;line-height: 40px;width: 180px;}
}


.vd{width: 100%;padding-top: 80px;padding-bottom: 70px;background-color: #f0f0f0;}
.vd .w{max-width: 1200px;}
.vd .video-box{width: 100%;text-align: center;font-size: 0;padding-top: 30px;}
.vd video{max-width: 1200px;height: auto;margin: 0 auto;width: 100%;}
.vd img{max-width: 100%;}
@media(max-width: 1220px){
    .vd{padding-left: 10px;padding-right: 10px;padding-top: 60px;padding-bottom: 52px;}
}
@media(max-width: 800px){
    .vd{padding-top: 53px;padding-bottom: 46px;}
}
@media(max-width: 500px){
    .vd{padding-top: 40px;padding-bottom: 35px;}
    .vd .video-box{padding-top: 20px;}
}
.index-banner .swiper-button-next,
.index-banner .swiper-button-prev{width: 36px;height: 70px;margin-top: -35px;background-size: auto auto;background-position: center center;background-color: rgba(255,255,255,0.5);}
.index-banner .swiper-button-next{background-image: url(../images/right2.png);right: 0px;}
.index-banner .swiper-button-prev{background-image: url(../images/left2.png);left: 0px;}
.index-banner .swiper-button-next:hover{background-image: url(../images/right3.png);background-color: rgba(255,255,255,1);}
.index-banner .swiper-button-prev:hover{background-image: url(../images/left3.png);background-color: rgba(255,255,255,1);}
@media(max-width: 500px){
    .index-banner .swiper-button-next,
    .index-banner .swiper-button-prev{display: none;}
}
.pro-details *{box-sizing: border-box;line-height: 1.3;}
.pro-details pre{white-space: pre-wrap;}