*{margin: 0;padding: 0;font-size: 14px;}
html, body, title, head, ol, table, tr, td, ul, li, dt, dd, dl, h1, h2, h3, h4, h5, h6, form, input, select, textarea, 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, 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, button, font, span, div{font-family: '思源黑体';}
html{ -webkit-text-size-adjust:none;}
html, body{overflow-x: hidden;}
img{ border:none; vertical-align:middle;}
input, select, textarea, button { vertical-align:middle}
button { border:0 none; background-color:transparent; cursor:pointer}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner{ border:none; padding:0;}
li{list-style: none;}
a{text-decoration: none;outline:none;}
table{width:100%; border-collapse:collapse; border-spacing:0; table-layout:fixed;}
.justify { text-align:justify; text-justify:distribute-all-lines; /*ie6-8*/ text-align-last:justify;/* ie9*/ -moz-text-align-last:justify;/*ff*/ -webkit-text-align-last:justify;/*chrome 20+*/}
a, .yuan, .inAbout strong, .inAbout p, .search input, .imgBox img, .tzBox, .inClass li, .tzcase .swiper-slide a p, .inJoin li, .footIco li, .tzyw .divBox a span,
.tzyw .divBox a h4, .tzyw .divBox a p, .classify ul li, .joinTitle span:after, .friendList li, .more span, .newsItem li, .page li, .nameBox, .navBar span, .teamprev, .teamnext, .link a span,
.cantact1 form input[type=submit], header h1{cursor:pointer;
   transition:all .4s ease 0s;
  -webkit-transition:all .4s ease 0s;
   -moz-transition:all .4s ease 0s; 
  -ms-transition:all .4s ease 0s; 
  -o-transition:all .4s ease 0s; 
}
ul:after, .divBox:after, .zz:after, artical:after, .newsList li:after{content: '';display: block;clear: both;}
.imgBox{overflow: hidden;}
.imgBox img{width: 100%;}
.imgBox:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);}
.divBox{width: 1200px;margin: 0 auto;}
.more{width: 160px;height: 48px;background: #fff;text-align: center;line-height: 48px;color: #000;font-size: 13px;display: block;margin-top: 115px;}
/*字母转大写*/
.title span, .title strong{text-transform:uppercase;}
/*绝对居中*/
.yuan img, .tzcase .swiper-slide a p, .tzcase .swiper-slide a p img, .joinTitle span, .joinTitle span:after, .joinTitle span:before, .titleBox, .banTitle{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translateX(-50%,-50%);-moz-transform: translateX(-50%,-50%);-o-transform: translateX(-50%,-50%);}
/*上下居中*/
.search, .inClass li:after{position: absolute; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);}
/*左右居中*/
.banner .swiper-slide>img, .tzBox h3:after, .wx img, .tzal h2:after, .caseMan h3:before, .caseMan h3:after, .friends h2:after{position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);}
/*盒子*/
/*{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}*/
/*圆形*/
.yuan{display:block; border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;}
header{width: 100%;background: #fff;z-index: 999;border-bottom: 1px solid #DDDDDD;position: fixed;top: 0;}
header nav{font-size: 0;}
header nav a{display: inline-block;vertical-align: middle;}
header h1{float: left;margin-left: 50px;margin-top: 28px;}
header h1 a{font-size: 0;line-height: 0;}
header nav{width: 1200px;margin: 0 auto;}
header nav a{width: 100px;height: 100px;line-height: 100px;text-align: center;color: #333;font-size: 15px;}
header nav a.active, header nav a:hover{background: #063d97;color: #fff;}
.navBar{display: none;width: 40px;float: right;top: 24px; right: 230px;position: absolute;z-index: 999;}
.navBar span{width: 100%;height: 5px;margin-bottom: 4px;background: #063d97;display: block;}
.navBar.active .s1{width: 25%;}
.navBar.active .s2{width: 63%;}
.navBar.active span{background: #fff;}
.search{right: 50px;}
.search span{width: 30px;height: 30px;display: block;}
.search input[type=submit]{width: 30px;height: 30px;background: url(../images/search.png) no-repeat center;border: none;}
.search input[type=text]{height: 21px;width: 0;border: none;text-indent: 1em;font-size: 13px;}
.search form:hover input[type=text]{width: 150px;border: 1px solid #CCCCCC;}

footer{background: #363636;color: #fff;padding: 50px 0;width: 100%;}
footer a{color: #fff;font-size: 13px;}
.left{float: left;}
.left p{line-height: 26px;}
.left p a{margin-right: 38px;display: inline-block;}
.left p a:hover{color: #063d97;}
.footIco{float: right;font-size: 0;}
.footIco li{width: 25px;height: 25px;display: inline-block;vertical-align: middle;margin-left: 20px;}
.footIco li:first-child{margin-left: 0;}
.footIco li a{display: block;height: 100%;}
.wx{background: url(../images/wx.png) no-repeat center;position: relative;}
.wb{background: url(../images/wb.png) no-repeat center;}
.qq{background: url(../images/qq.png) no-repeat center;}
.wx img{top: -130px;display: none;}
.wx:hover img{display: block;}
.wx:hover{background-image: url(../images/wx1.png);}
.wb:hover{background-image: url(../images/wb1.png);}
.qq:hover{background-image: url(../images/qq1.png);}
footer p{color: #fff;}
header.active nav a{height: 65px;line-height: 65px;}
header.active h1{margin-top: 10px;}
header.active{background: rgba(255,255,255,0.7);}