/* wmx80_css  */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; outline: none; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html{font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;overflow-y: scroll;}
table{border-collapse: collapse; border-spacing: 0}
fieldset, img, a{border: 0}
dl, dt, dd, ul, ol, li, pre, form, fieldset, input, textarea, p, blockquote, th, td{list-style: none}
h1, h2, h3, h4, h5, h6{font-weight: normal; line-height: 1.2}
audio, canvas, video, progress{display: inline-block; vertical-align: baseline}
* {padding:0; margin:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
a{color: #00c3b6; outline: none; blr:expression(this.onFocus=this.blur()); -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; text-decoration: none}
a:after{-webkit-transition: .3s cubic-bezier(0.68,-.55,.265,1.55); -moz-transition: .3s cubic-bezier(0.68,-.55,.265,1.55); -o-transition: .3s cubic-bezier(0.68,-.55,.265,1.55);  transition: .3s cubic-bezier(0.68,-.55,.265,1.55);  -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0);  -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0);  position: absolute; content: ""; left: 50%; right: 50%; bottom: 0;}
input, textarea{-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none;}
button, input, textarea, select, optgroup, option, file{font: inherit; outline: none; vertical-align: middle}
img{max-width: 100%; height: auto}
::-moz-focus-inner{border-color:transparent}
::-moz-selection{color:#fff;color:rgba(255,255,255,0.9);background:#ea4c89;text-shadow:none}
::selection{color: #fff; color: rgba(255,255,255,0.9); background: #ea4c89; text-shadow: none}
input[type="submit"]{-webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; -webkit-tap-highlight-color: transparent; border-radius: 0}
video:focus, div:focus{outline: none}
pre, code{white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word}
html,body{margin:0;font-size:14px;padding:0px;font-family:"Lantinghei SC", "Hiragino Sans GB","Microsoft YaHei" ,"Hiragino Sans GB", "Helvetica neue", Helvetica,Tahoma,Arial,"寰蒋闆呴粦","瀹嬩綋","榛戜綋";}
.cl{height:0; font-size:1px; clear:both; line-height:0; }
nav,footer,section,header,article{display:block;}
i,em,ins,u{font-style:normal; text-decoration:none }	
*:focus{outline:none}
.wrap,.content{margin: 0 auto; -webkit-transition: all 0.6s ease-out; transition: all 0.6s ease-out; width: 1200px;}
.wrap655{margin: 0 auto; -webkit-transition: all 0.6s ease-out; transition: all 0.6s ease-out; width: 655px;}
.minwid{min-width: 1200px;}
.none{display:none}
.fl{float:left}
.fr{float:right}
.pr{position:relative}
.pa{position:absolute}
.oh{ overflow:hidden}
.clearfix{*zoom:1; }
.clearfix:before,.clearfix:after{display:table;content:"";line-height:0; }
.clearfix:after{clear:both; }
.bornone{ border:none !important}
input[type="submit"],
input[type="reset"],
input[type="button"],
button{-webkit-appearance:none;}
input[type="submit"] {-webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; -webkit-tap-highlight-color: transparent; border-radius: 0;}
::-webkit-scrollbar{width:6px;height:6px;}
::-webkit-scrollbar-track{background:#f1f1f1;}
::-webkit-scrollbar-track:hover{background:#eee;}
::-webkit-scrollbar-thumb{border-radius:10px;background:#b9b9b9;}
::-webkit-scrollbar-thumb:hover{background:#747474;}
::-webkit-scrollbar-thumb:active{background:#555; }
/*******鍏叡鏍峰紡缁撴潫*********/


/*棣栭〉*/
.indheader{height: 90px; position: fixed;right:0; width: 100%; left: 0; top: 0; z-index: 99999;-webkit-transition: background-color .3s ease-out, top .5s ease; -o-transition: background-color .3s ease-out, top .5s ease; transition: background-color .3s ease-out, top .5s ease;}
.indheader .logo a{display: block; background: url(../images/2019/logobs.png) no-repeat center; height: 90px; width: 185px; line-height: 9999px; overflow: hidden;}
.indheader .nav{ font-size: 15px; padding-top: 25px; line-height: 40px;}
.indheader .nav a{color: #fff; margin-left: 65px;}
.indheader.on{background: rgba(255,255,255,0.9); height: 80px; top: -10px;}
.indheader.on .logo a{background: url(../images/2019/logohs.png) no-repeat center;}
.indheader.on .nav a{color: #333;}
.indheader .nav a.on{font-weight: bold; color:#ffb700}

/* 棣栭〉bannner */
.videobanner{height:774px; background: url(../images/2019/indbgs.jpg) no-repeat center; min-width: 1200px; overflow: hidden; position: relative;}
.videobanner .videos{width: 100%; height: 774px; position: absolute; top: 0; left: 0;}
.videobanner .videos video{top: 50%; left: 50%;width: 1920px;position: absolute; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
.videobanner .word{padding-top: 330px; text-align: center; color: #fff; z-index: 9; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.2);}
.videobanner .word h2{display: block; font-size: 48px; letter-spacing: 3px; font-weight: bold; text-shadow: 0 0 12px rgba(0,0,0,.8);}
.videobanner .word span{font-size: 28px; display: block; padding: 35px 0; font-weight: 100;}
.videobanner .word i{display: block;}
.videobanner .word img{display: block; margin: 0 auto;}

 /* 棣栭〉浜у搧灞曠ず */
 .cyProduct{ background: #fff; padding: 72px 0 82px;}
 .cyProduct .title{text-align: center;}
 .cyProduct .title h2{display:block; font-size: 35px; color: #424242; font-weight: lighter;}
 .cyProduct .title span{display: block; line-height: 24px; font-size: 14px; color: #999999; padding-top: 12px;}
 .cyProduct .title p{display: block;}
 .cyProduct ul{padding-top:30px; margin: 0 -18px;}
 .cyProduct ul li{float:left; width:276px; position: relative; height: 316px; border: 1px solid #fff; border-radius: 5px; overflow:hidden; margin:28px 15px;transition: all .2s linear; box-shadow: 0 0 12px hsla(0,0%,40%,.1);}
 .cyProduct ul li b{display: block; color: #444; font-size: 18px; padding: 25px 0 20px; text-align: center; font-weight: bold;}
 .cyProduct ul li p{display: block; color: #333; font-size: 14px; line-height: 20px; text-align: center; padding: 10px 15px;}
 .cyProduct ul li i{display: block; padding: 5px 0;}
 .cyProduct ul li i img{display: block; margin: 0 auto; width: 210px;}
 .cyProduct ul li span{display: block; width: 165px; height: 37px; line-height: 35px; text-align: center; top: 285px; border-radius: 4px; position: absolute; left:50%; transform: translateX(-50%); color: #fff; border:1px solid #fff; font-size: 14px; font-size: 15px;}
 .cyProduct ul li:hover{transform: translateY(-5px); box-shadow: 0 0 6px 0 hsla(0,0%,40%,.3); background: #fafafa; border-color:#f7c759}
 .cyProduct ul li:hover span{background: #fff; color: #ff8403;}

/* 璁捐鏀寔 */
.designSupport{padding: 65px 0 100px; background: #fafafa;}
.designSupport .title{text-align: center;}
.designSupport .title h2{display:block; font-size: 35px; color: #424242; font-weight: lighter;}
.designSupport .title span{display: block; line-height: 24px; font-size: 14px; color: #999999; padding-top: 12px;}
.designSupport ul{padding-top: 55px; margin: 0 -8px;}
.designSupport ul li{float: left; text-align: center; width: 287px; height: 231px; background: #fff; margin: 0 8px; border-radius: 6px; box-shadow: 6px 6px 15px rgba(0,0,0,.05);transition: all .2s linear;}
.designSupport ul li em{display: block; padding-top: 35px;}
.designSupport ul li em img{display: block; margin: 0 auto;}
.designSupport ul li b{display: block;font-size:20px; color:#424242; padding-top: 35px;}
.designSupport ul li i{display: block;font-size:12px; color:#424242; font-weight:lighter; padding-top: 10px; text-transform: uppercase;}
.designSupport ul li:hover{transform: translateY(-5px); box-shadow: 0px 12px 20px rgba(0,0,0,.1)}

/* 鎴戜滑鏃ュ父 */
.ourDaily{ background: #fff; padding: 100px 0 0;}
.ourDaily .word{ width: 450px; float: left; text-align: center; padding:20px 56px 0;}
.ourDaily .word b{display:block; font-weight: bold; font-size: 30px; color: #424242;}
.ourDaily .word p{display: block; font-size: 16px; line-height: 26px; color: #999999; padding: 26px 0;}
.ourDaily .word a{display: block; font-size: 14px; color: #000000; border-radius: 4px; height: 30px; line-height: 28px; width: 90px; margin: 0 auto; border-radius: 4px; border: 1px solid #050202;}
.ourDaily .pic{ width: 630px; height: 315px; position: relative; overflow: hidden;}
.ourDaily .pic img{display: block; position: absolute;}
.ourDaily .pic .ourteamp{ left: 50%; transform:translateX(-50%); z-index: 99; bottom: 65px;}
.ourDaily .pic .circlep{top:0; left: 0; width:100%;-webkit-animation: spin 45s linear infinite; -moz-animation: spin 45s linear infinite; animation: spin 45s linear infinite;}
@-moz-keyframes spin {100% {-moz-transform: rotate(360deg);transform: rotate(360deg)}}
@-webkit-keyframes spin {100% {-webkit-transform: rotate(360deg);transform: rotate(360deg)}}
@keyframes spin {100% {-webkit-transform: rotate(360deg);transform: rotate(360deg)}}


/*搴曢儴*/
.footico{padding: 35px 0 40px; background: #282828;}
.footico ul{ margin: 0 -50px;}
.footico li{float: left; width: 225px; margin: 0 50px; color: #fff; font-size: 13px;}
.footico li b{display: block; text-align: center; color: #fff; font-size: 16px; padding: 25px 0 15px;}
.footico li i{display: block; width: 75px; height: 75px; border-radius: 6px; margin: 0 auto; padding: 5px;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.footico li i ins{width: 65px; height: 65px; border-radius: 3px; border: 1px solid #dedede; display: block;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; background: #282828;}
.footico li.li1 i ins{ background: url(../images/2019/aftico1a.png) no-repeat center;}
.footico li.li2 i ins{ background: url(../images/2019/aftico2a.png) no-repeat center;}
.footico li.li3 i ins{ background: url(../images/2019/aftico3a.png) no-repeat center;}
.footico li.li4 i ins{ background: url(../images/2019/aftico4a.png) no-repeat center;}
.footico li:hover i ins{border: 1px solid #ffb600; background-color: #ffb600;}
.footico li span{display: block; text-align: center;color: #fff; font-weight: 100;font-size:13px;}

/* copyright */
.copyright{ background: #1c1c1c; text-align:center; color: #fff; font-size: 14px; line-height: 90px;}
.copyright a{color: #ffb701;}