/*
* @ description: 基础样式+公用样式，每个页面必须引用
* @ author: Spring
* @ update: Spring(2017.02.25)
*/

/*=============================================================== base CSS ===============================================================*/
/*reset*/
*{transition: all .2s ease;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0}

input[type=submit],botton,input[type=botton]{cursor: pointer;}

/***S important***/
html{width:100%;}
body{line-height:1;font:14px "microsoft yahei", Tahoma, Arial, Helvetica, Sans-serif;color:#666;}
a{color:#666;text-decoration:none;outline:none;}
a:hover{color:#3db800;}

/*引入swiper.css*/
.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:.9;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:1500px;-moz-perspective:1500px;-o-perspective:1500px;perspective:1500px}.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)}}
/***E important***/

/*fonts text*/
.fb{font-weight:bold}.fn{font-weight:normal}.f18{font-size: 18px;}.f16{font-size: 16px;}.f14{font-size: 14px;}
.fyahei{font-family:"microsoft yahei", Sans-serif;}.through{text-decoration: line-through;}
.t2{text-indent:2em}.lh150{line-height:1.5}.lh180{line-height:1.8}.lh200{line-height:2}
h1,h2,h3,h4,h5,h6{font: 12px "microsoft yahei","\5b8b\4f53";}h1{font-size:20px;}h2{font-size:16px;}h3{font-size:14px;}
/*position*/
.pr{position:relative}.pa{position:absolute}
.bc{margin-left:auto;margin-right:auto;}
.fl{float:left;display:inline}.fr{float:right;display:inline}
.cb{clear:both}.cl{clear:left}.cr{clear:right}
.vm{vertical-align:middle}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}
.tl{text-align:left}.tc{text-align:center}.tr{text-align:right}
.abs-right{position:absolute;right:0}
.none{display:none}.hidden{visibility:hidden}.zoom{zoom:1}
.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
/*margin 5~100px*/
.m5{margin:5px}.m10{margin:10px}.m15{margin:15px}.m20{margin:20px}.m30{margin:30px}.m50{margin:50px}.m100{margin:100px}
.mt5{margin-top:5px}.mt10{margin-top:10px}.mt15{margin-top:15px}.mt20{margin-top:20px}.mt30{margin-top:30px}.mt50{margin-top:50px}.mt100{margin-top:100px}
.mr5{margin-right:5px}.mr10{margin-right:10px}.mr15{margin-right:15px}.mr20{margin-right:20px}.mr30{margin-right:30px}.mr50{margin-right:50px}.mr100{margin-right:100px}
.mb5{margin-bottom:5px}.mb10{margin-bottom:10px}.mb15{margin-bottom:15px}.mb20{margin-bottom:20px}.mb30{margin-bottom:30px}.mb50{margin-bottom:50px}.mb100{margin-bottom:100px}
.ml5{margin-left:5px}.ml10{margin-left:10px}.ml15{margin-left:15px}.ml20{margin-left:20px}.ml30{margin-left:30px}.ml50{margin-left:50px}.ml100{margin-left:100px}
/*padding 3~100px*/
.ph3{padding:0 3px;}.ph5{padding:0 5px;}.ph10{padding:0 10px;}.ph15{padding:0 15px;}.ph20{padding:0 20px;}.ph30{padding:0 30px;}.ph50{padding:0 50px;}.ph100{padding:0 100px;}
.pv3{padding:3px 0;}.pv5{padding:5px 0;}.pv10{padding:10px 0;}.pv15{padding:15px 0;}.pv20{padding:20px 0;}.pv30{padding:30px 0;}.pv50{padding:50px 0;}.pv100{padding:100px 0;}
/*color*/
.gray{color:#999999;}
.blue{color:#3db800;}
.green{color:green;}
.red{color:red;}
.orange{color: #ea5c08;}
.black{color: #333333;}

.font-theme{color: #ff503f;}
.font-gray{color: #999;}

.highline,
.highlight{color: #ff503f;}

/*--- elements 一些元素的样式，比如：按钮，图标，表单元素等 ---*/
/*sprite*/
.icon,
.btns,
.ie6_box li a{background-repeat: no-repeat;}

.icon{background: url(../img/icons.png) no-repeat 0 -149px;}
.ie6_box li a{background-image: url(../img/browser_icon.png);}

/*--icons 小图标集合--*/
.icon{display: inline-block;width: 16px;height: 16px;margin-left: 3px;margin-right: 3px;vertical-align: -2px;}

/*--btns 按钮集合--*/
.btn-showMore{display: inline-block; width: 150px;height: 42px; border: 1px solid #dfdfdf;border-radius: 4px; background-color: #f1f1f1;line-height: 42px;text-align: center;font-size: 14px;}
.btn-showMore:hover{border-color: #ff503f; background: #ff503f;color: #ffffff;}

.readnMore{margin: 40px 0;text-align: center;}
.readnMore *{box-sizing: border-box;}
.readnMore .btn-readnMore{display: inline-block; min-width: 148px;height: 44px;padding: 10px 32px; border: 1px dashed #3c4454;border-radius: 44px; background: none; line-height: 24px;text-align: center;font-size: 14px;color: #3c4454;}
.readnMore .btn-readnMore:hover{border-color: #3db800;background-color: #3db800; color: #fff;}

/*form elements*/

/*--other-*/

/*=============================================================== layout CSS ===============================================================*/
.w,
.container,
.ws{width:1500px;margin-left:auto;margin-right:auto;}


.row,
.toolbar,
.header,
.banner,
.mainner,
.containner-full,
.footer,
.wf{width:100%; min-width:1500px;}

/*box 列布局*/
.box{border: 1px solid #dcdcdc;border-radius: 3px;}
.box .hd{border-bottom: 1px solid #dcdcdc;padding: 0 10px; height: 38px;font: 14px/38px "microsoft yahei";color:#888888;text-align: center;}
.box .bd:after{content:".";display:block;height:0;clear:both;visibility:hidden}
*html .box .bd{height:1%}
.box .bd{display:block}

/*row 行布局*/
.row{}
.row-close{margin-top: 0!important; margin-bottom: 0!important;}
.content:after,
.row:after{content:".";display:block;height:0;clear:both;visibility:hidden}

.row-pv{margin: 0;padding: 70px 0;background-color: #ffffff;}
.row-even{background-color: #f6f6f6;}
.row-pv-last{padding-bottom: 0;}
.row-circle{background: #f6f6f6 url(../img/bg_row_pv.jpg) no-repeat 50% 100%;}
.row-pv > .title{margin-bottom: 30px;text-align: center;}
.row-pv > .title h2{height: 38px; margin-bottom: 5px; color: #ccc;font-size: 16px;font-family: Arial, Sans-serif;font-weight: 700; overflow: hidden;}
.row-pv > .title h2 em{padding: 0 6px; font-size: 28px; color: #999999;}
.row-pv > .title h3{line-height: 38px; font-size: 24px;color: #333333;}
.row-pv > .title h6{font-size: 14px;color: #999999;}
.row-pv > .title .title-en{background: url(../img/line-size-l.png) no-repeat 50% 80%;}
.row-pv > .title .title-cn{margin-bottom: 10px; font-size: 36px;font-weight: 700; color: #333;}
.row-pv > .title .sub-cn{font-size: 16px; color: #777;}
.row-pv > .title .sub-en{font-size: 14px; color: #999;}
.row-pv .action{margin: 30px auto 10px;text-align: center;}
.row-pv-inner{background-color: transparent;}
.row-pv-inner .title h6{font-size: 18px;}
.row-pv-inner .products .content{padding: 50px 0 40px;background: transparent url(../img/bg_line1.png) repeat-x 0 0;}
.row-line{padding: 13px 0 0;background: #ffffff url(../img/bg_line.png) repeat-x 0 0;}
.row-main{position: relative;margin-bottom: 0; background: #ffffff url(../img/bg_brick.png) repeat;z-index: 2;}

.content .section{float: left;}
.content .aside{float: right;}
.aside .advertisement{margin-bottom: 30px;}

/*=============================================================== module CSS ===============================================================*/
/*breadcrumb*/
.breadcrumb{padding:0 0 10px 0;display:block;width:100%;height:20px;line-height:20px;font-family:"Simsun";font-size:12px;overflow:hidden;color:#999999;}
.breadcrumb a{color:#666666;}
.breadcrumb a:hover{color:#008ae3;}

/*page 分页*/
.page{padding: 15px 0; position: relative; left: 50%; height: 40px; float: left; margin-top:20px;}
.page-ul{position: relative; left: -50%; float: left; line-height:40px;}
.page-ul li{float:left;margin-left:6px;display:block;_display:inline; white-space: nowrap;_display: inline;}
.page-ul li span,
.page-ul li a{display: inline-block;border:1px solid #dddddd;height: 40px;padding:0 16px;color:#666;background-color: #ffffff;font: 500 14px/40px "microsoft yahei";}
.page-ul .previous-off,
.page-ul .next-off{color:#999999;}
.page-ul .on,
.page-ul a:hover{background-color: #3db800;border-color: #3db800;color: #ffffff;}
.page-square{padding: 20px 0;height: 40px;position: relative;}
.page-square .page-ul{text-align:center; overflow: hidden; margin:auto }
.page-square li{float:left;margin-left:2px;display:block;_display:inline; white-space: nowrap;_display: inline;}
.page-square li span,
.page-square li a{display: inline-block; border:1px solid #dddddd;height: 28px;padding:0 10px;color:#666;background-color: #ffffff;font: 500 14px/28px "microsoft yahei";}
.page-square .previous-off,
.page-square .next-off{color:#999999;}
.page-square .on,
.page-square a:hover{background-color: #ff503f;color: #ffffff;border-color: #ff503f;}

.page-square .goto{text-align: center;}

/*IE低版本提示*/
.ie6_box{background:#ffffff;border:5px solid #000000;width:600px;height:350px;padding:30px;position:absolute;z-index:9999;top:50%;left:50%;margin-left:-300px; margin-top:-150px;}
.ie6_box h6{border-bottom:1px solid #d4d4d4;font-size:24px;padding-bottom:10px;}
.ie6_box p{height:70px;line-height:60px;}
.ie6_box li{float: left;}
.ie6_box li a{float: left;display:block;width:148px;background-position: 180px 180px;border:1px solid #ffffff;text-align:center; padding:120px 0px 20px 0px;}
.ie6_box li a:hover{border:1px solid #d4d4d4;}
.ie6_box .chrome{background-position:0px 0px;}
.ie6_box .safari{background-position:-150px 0px;}
.ie6_box .firefox{background-position:-300px 0px;}
.ie6_box .ie89{background-position:-450px 0px;}
.ie6_box span{text-align:center;display:inline-block;width:100%;margin-top:30px;}

/*mask，alert 遮罩层，弹出层*/
.mask{position:fixed;top:0;left:0;display:none;width:100%;height:100%;background-color:#ffffff;opacity: .5;filter: alpha(opacity=50);z-index:998;}

.alert{position:fixed;top:50%;left:50%;display:none;margin: -125px 0 0 -325px; width: 650px; padding: 1px;background-color: #ffffff;box-shadow: 0 0 5px 2px rgba(0,0,0,.3);z-index:999;}
.alert .hd{height: 38px;line-height: 38px;background-color: #ea5c08;color: #ffffff;text-align: center;}
.alert .btn-close{position: absolute;top: 10px;right: 10px; padding: 3px;width: 16px;height: 16px; line-height: 0;}
.alert .btn-close .icon{margin: 0;padding: 0;}
.alert .bd{padding: 10px; max-height: 300px; overflow-y: auto;}
.alert .desc{padding: 44px;line-height: 22px;text-align: center;font-size: 14px;color: #ea5c08；}
.alert .action{padding: 20px 0;background-color: #f7f7f7; text-align: center;}
.alert .action .btns{margin: 0 20px;}

/*freeData 编辑器内容样式*/
.freeData{line-height: 1.8;font-size: 14px;}
.freeData img{max-width: 100%;vertical-align: middle;border:none;}
/*=============================================================== state CSS ===============================================================*/
/*=== toolbar ===*/
.toolbar{}

/*=== header ===*/
.header{width: 100%;height: 80px; position:relative;}
.header .headerContainer{position:fixed;z-index:10;left:0;right:0;top:0;height:80px;/*border-bottom:1px solid #eee;*/box-shadow:0 2px 5px 1px rgba(0,0,0,0.1);background:#fff;
transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;}
.header.clearFixed .headerContainer{top:-100px;}
.header .wrapper{position:relative;z-index:0;}
.header .container{box-sizing: border-box; width: 1500px; margin:0px auto;}

/*logo*/
.logo{float: left; margin-top: 24px;}  
.logo a,
.logo img{display: block; width: auto; height: 32px;} 
.min_logo{ float:left; margin:31px 20px;}

/*nav*/
.menu { height:24px; padding:28px 0px; float:right; overflow:hidden;}
.menu-item {font-size: 16px; line-height:24px; color: #333;text-decoration: none;padding: 5px 0;position: relative;transition: color 0.3s;cursor: pointer; margin:0px 20px;}
.menu-item.active {color: #3db800;}
.menu-item::after {content: ''; position: absolute;bottom: -5px;left: 0;width: 0; height: 2px;background: linear-gradient(to right, #3db800, #01c6c1);transition: width 0.3s ease; }
.menu-item.active::after {width: 100%;}
.menu-item:hover::after {width: 100%;}
.menu-item:not(.active):hover::after {width: 100%;}
.menu-item:not(.active):not(:hover)::after {width: 0;}
.menu:hover .menu-item.active:not(:hover)::after {width: 0;}
.menu:hover .menu-item.active:hover::after {width: 100%; }
h1.nav_but{float:right;}
.nav_but a {font-size: 16px; background: linear-gradient(to right, #3db800, #01c6c1, #3db800);background-size: 200% 100%; background-position: 0% 0%; color: #fff;border-radius: 90px;display: block;height: 30px;line-height: 30px; padding:0px 16px;text-align: center;margin: 25px 0px 25px 16px;color: #FFF; transition: background-position 0.3s ease; float:left;}
.nav_but a:hover {background-position: 100% 0%;}

/*=== slider ===*/


/*=== mainner ===*/

/*row-contactUs 联系我们*/
#row-contactUs{background: #f6f7f9;}
.contact-simple-list *{box-sizing: border-box;}
.contact-simple-list .items{margin: 0; overflow: hidden;} 
.contact-simple-list .item{position: relative; float: left; width: 33.33%;height: 200px; margin: 0; text-align: center;}
.contact-simple-list .item:before{position: absolute;left: -1px;top: 2px; height: 96px; border-right: 1px solid #ddd; content: "";}
.contact-simple-list .item:first-child:before{border: none;}
.contact-simple-list .img .icon{display: block;width: 100px;height: 100px; margin: 0 auto;}
.contact-simple-list .img .icon-cs-tel{background-position: -500px 0;}
.contact-simple-list .img .icon-cs-time{background-position: -500px -100px;}
.contact-simple-list .img .icon-cs-location{background-position: -500px -200px;}
.contact-simple-list .title{margin-top: 15px; font-size: 16px;font-weight: 700; color: #282828;}
.contact-simple-list .text{margin-top: 10px; color: #999;}
.contact-simple-list .text{margin-top: 10px; color: #999;}
#row-contactUs .readnMore{margin-top: 40px;margin-bottom: 0;}



/*=== footer ===*/
.footer-service{ background:#333;}



/*=== toTop ===*/

/*=============================================================== theme CSS ===============================================================*/




.products_bg{ background:#f6f7f9;}
/*产品中心样式开始*/
.container{ overflow:hidden;}
.container .products dl .zs-p{ position:absolute; width:0px; height:0px; left:220px; bottom:187px; z-index:0;}
.container .products dl:hover .zs-p{ position:absolute; width:440px; height:374px; bottom:0px; left:0px; background-color: rgba(61, 184, 0, 0.4); border-radius: 6px;}
.container .products dl{ float:left; width:440px; height:374px; position:relative; margin:10px 0px 0px 90px; border-radius: 6px;}
.container .products dl dt{ width:440px; height:220px; z-index:1; position:absolute;}
.container .products dl dd{ width:440px; height:154px; z-index:1; position:absolute; bottom:0px;}
.container .products dl:hover dd{ bottom:100px;}
.container .products dl h1{ display:block; height:54px; overflow:hidden; line-height:54px; color:#282828; font-size:18px; text-align:center; font-weight:bold;}
.container .products dl h2{ display:block; height:48px; overflow:hidden; line-height:24px; margin-bottom:20px; color:#282828; text-align:center; padding:0px 24px; font-size:16px;}
.container .products dl h4{ display:none; }
.container .products dl:hover a dd h1{ color:#fff; font-size:24px;}
.container .products dl:hover a dd h2{ color:#fff;}
.container .products dl:hover a dd h4{ display:block; font-size:16px; color:#3db800; text-align:center; width:134px; height:44px; line-height:44px; background:#FFF; border-radius: 90px; margin:0px 153px;}
.container .products{ margin:30px 0px 0px -90px;}
.container .products dl.pro_b2b{ background:url(../images/pro_b2b.jpg) top no-repeat;}
.container .products dl.pro_b2b2c{background:url(../images/pro_b2b2c.jpg) top no-repeat;}
.container .products dl.pro_b2b2b{background:url(../images/pro_b2b2b.jpg) top no-repeat;}
.container .products dl.pro_b2b:hover{background:url(../images/pro_b2b-.jpg) top no-repeat;}
.container .products dl.pro_b2b2c:hover{background:url(../images/pro_b2b2c-.jpg) top no-repeat;}
.container .products dl.pro_b2b2b:hover{background:url(../images/pro_b2b2b-.jpg) top no-repeat;}
/*产品中心样式结束*/




/*产品体验提交文本开始*/
.w-message{width:1500px;margin-left:auto;margin-right:auto; position:relative;}
.attract-right{ position:absolute; right:0px; top:56px; z-index:3;}
.banner-service{ width:400px;  height:596px; padding:0px 48px; background-color: rgba(255, 255, 255, 1); float:right; border-radius: 6px; margin-top:0px; box-shadow:  8px 0 16px -4px rgba(0, 0, 0, 0.08),-8px 0 16px -4px rgba(0, 0, 0, 0.08), 0 8px 16px -4px rgba(0, 0, 0, 0.08), 0 -8px 16px -4px rgba(0, 0, 0, 0.08),0 0 0 1px rgba(0, 0, 0, 0.08) inset;}
.banner-service h1{ color:#333; font-size:24px; font-weight:bold; line-height:60px; padding-top:40px;}
.banner-service h3{ font-size:16px; color:#999; line-height:30px;}
.banner-service h3 span{ color:#333;}

.leaveMessage{width:400px; margin:0 auto;}
.leaveMessage.on{opacity:1;visibility:visible;}
.leaveMessage .item{margin-top:20px;}
.leaveMessage .text{display:block;padding:0;margin:0;height:60px;line-height:60px;border:1px solid #ddd; text-indent:10px;font:15px "microsoft yahei", Tahoma, Arial, Helvetica, Sans-serif; border-radius: 6px; width:398px;}
.leaveMessage .btn{display:block;padding:0;margin:0;height:60px;line-height:60px;border:none; cursor:pointer; width:400px;   font-size:20px;  transition: background-position 0.3s ease; background: linear-gradient(to right, #3db800, #01c6c1, #3db800);background-size: 200% 100%; background-position: 0% 0%; color:#FFF; margin-top:40px;}
.leaveMessage .btn:hover{background-position: 100% 0%;}

/*产品体验提交文本结束*/

/*客户案例*/
.row-marketing{ background:#f5f5f5;}
.row-marketing .title{ float:left; width:430px; color:#333;}
.row-marketing .title .title-cn{ font-size:30px; font-weight:bold;}
.row-marketing .title .sub-cn{ color:#999; font-size:16px; line-height:40px;}
.row-marketing .marketing{ float:right; width:1070px;}
.marketing-top{ width:1070px; height:54px; margin-bottom:20px;}
.marketing-top dl{ float:left; margin-right:110px; margin-left:10px;}
.marketing-top dl dt{ font-size:20px; color:#3db800; font-weight:900; line-height:30px;}
.marketing-top dl dd{ font-size:16px; color:#333333; line-height:24px;}
.marketing-top dl dd strong{ color:#3db800;}
.marketing-mian{ width:1070px;}
.marketing-mian ul li{ float:left; width:198px; height:80px; box-shadow: 4px 0 8px -2px rgba(0, 0, 0, 0.01), -4px 0 8px -2px rgba(0, 0, 0, 0.01), 0 4px 8px -2px rgba(0, 0, 0, 0.01), 0 -4px 8px -2px rgba(0, 0, 0, 0.01), 0 0 0 1px rgba(0, 0, 0, 0.01) inset; border-radius: 4px; margin:8px;}

/*布草芯片*/
.pro-simple-list{ margin-right:-50px; display:block; overflow:hidden;}
.pro-simple-list dl{ float:left; width:334px; height:476px; border:1px #eee solid; margin-right:50px;}
.pro-simple-list dl dt{ width:334px; height:268px;}
.pro-simple-list dl dd{ width:278px; height:152px; background:#f1f1f1; padding:28px;}
.pro-simple-list dl:hover dd{ background:#3db800;}
.pro-simple-list dl dd h1{ font-size:26px; color:#333; padding:10px 0px; height:30px; line-height:30px;}
.pro-simple-list dl dd h2{ font-size:16px; color:#333; padding:6px 0px; height:24px; line-height:24px;}
.pro-simple-list dl dd h4{ font-size:16px; color:#999;}
.pro-simple-list dl dd .zs-p{ width:100px; height:1px; background:#ddd; margin:20px 0px;}
.pro-simple-list dl:hover dd h1,.pro-simple-list dl:hover dd h2,.pro-simple-list dl:hover dd h4{ color:#FFF;}
.more a{ height:32px; line-height:32px; width:120px; margin:20px auto; text-align:center; border:1px #ddd solid; border-radius: 90px; display:block; color:#666;}
.more a:hover{ background:#3db800; color:#FFF; border:1px #3db800 solid;}


.footer{ background:#333; overflow:hidden; color:#ddd; padding:30px 0px;}
.footer a{ color:#ddd;}
.footer-service-list{ background:#333333;}
.footer-service-list h1{ line-height:40px; padding-bottom:30px; font-size:16px;}
.footer-service-list h1 a{ margin-right:40px;}
.footer-service-list h2{ line-height:24px;}
.footer-service-list h3{ font-size:36px;}
.footer-service-list h4{ font-size:16px;}
.footer-service-list h1 a:hover{ color:#3db800;}