html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,img,strong,b,u,i,dl,dt,dd,ol,ul,li,form,label,menu,nav,input,textarea,blockquote{ margin:0; padding:0; border:0; }

ol,ul {	list-style:none}

a{ text-decoration:none; color:#5b5b5b;}

a:hover{color:#e94609;}

p{ line-height:22px;}

.bc{margin-left:auto;margin-right:auto;}

.clear{ clear:both;}

.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0;}

.fl{ float: left;}

.fr{ float: right;}

.tl{ text-align: left;}

.tc{ text-align: center;}

.tr{ text-align: right;}

.w85{ width: 84.7%}

.w100{ width: 100%;}

.mt10{ margin-top: 10px;}

.mt15{ margin-top: 15px;}

.mt20{ margin-top: 20px;}

.mb15{ margin-bottom: 15px;}

.mb20{ margin-bottom: 20px;}

.pt10{ padding-top: 10px;}

.pb10{ padding-bottom: 10px;}

.pt15{ padding-top: 15px;}

.pt20{ padding-top: 20px;}

.bd{border: 1px solid #d7d9d8;}

.bdt{border-top:1px solid #e0e0e0;}

body{ font-family: "微软雅黑"; font-size: 14px; color: #666666; min-width: 1310px; }

/* base end */



#top{ width: 1010px; height: 40px; line-height: 40px; padding:30px 0;}

#banner{ height: 630px; background: url("http://www.shibangchina.com/topic/huajian/images/banner.jpg") center center no-repeat; }

#daodu{ background-color: #f9f9f9; padding: 50px 0 60px;  }

.daodu{ width: 1110px; margin-bottom: 58px; }

.biaoti{ margin-left: 60px; margin-right: 40px; width: 50px; font-size: 44px; color: #00a0e9; display:inline; }

.biaoti p{ line-height: 50px; }

.neirong{ width: 920px; padding-left: 38px; border-left: 1px solid #eaeaea; }

.neirong p{ text-indent: 2em;}

.title{ width: 1110px; height: 83px; margin: auto; }

.title p{ font-size: 36px; line-height: 83px; }

.title img{ margin-right: 12px; }

.zhici{ background-color: #4f81d6; }

.zhici p{ padding-left: 20px; color: white;}



.zhiciBox{ position: relative; width: 1310px; margin: auto; }

.toLeft,.toRight{ position: absolute; width: 67px; height: 67px; cursor: pointer; }

.toLeft{ left: 0; background: url("http://www.shibangchina.com/topic/huajian/images/toLeft.png");}

.toRight{ right:0; background: url("http://www.shibangchina.com/topic/huajian/images/toRight.png");}

.toLeft:hover{ background: url("http://www.shibangchina.com/topic/huajian/images/toLeft1.png");}

.toRight:hover{ background: url("http://www.shibangchina.com/topic/huajian/images/toRight1.png");}

.zhiciBox .toLeft,.zhiciBox .toRight{ top: 205px;}

.zhiciContent{ position: relative; padding: 28px 70px 38px 12px; width: 1028px; height: 414px; margin: auto; border-bottom: 1px solid #f3f3f3; background-color: white; overflow: hidden;}

.zhiciContent ul{ position: absolute; height: 360px;}

.zhiciContent ul li{float: left; width: 1028px; margin-right: 70px; }

.zhiciPic{ width: 391px; }

.zhiciInfo{ width: 610px; padding-top: 60px; }

.name{ font-size: 24px; font-weight: bold; color: #ffbf04;}

.position{ font-size: 18px; color: #ffbf04; margin: 5px 0 20px;}

.zhiciInfo p{ text-indent: 2em; line-height: 24px;}

.zhiciContent ol{ position: absolute; bottom: 40px; left: 50%; margin-left: -15px; width: 30px; }

.zhiciContent ol li{ display: none; color: #ffbf04;}

.zhiciContent .curPosition{ display: block; }



#project,#video{ background: white; padding: 50px 0 100px; }

.project p{ color: #4f81d6;}

.project+p{ margin-top: 15px;}

.liangdian{ width: 1110px; }

.liangdian ul{ margin-top: 35px; }

.liangdian ul li{ float: left; position: relative; margin-right: 30px; width: 350px; height: 253px; overflow: hidden; cursor: pointer;}

.cover{ position: absolute; left: 0; top: 195px; padding: 20px 35px; height: 213px;  background: rgb(79,129,214); background: rgba(79,129,214,0.9); }

.coverTitle{ margin-bottom: 15px; padding-bottom: 15px; font-size: 18px; color: white; border-bottom: 1px solid #c2dcff; text-align: center;}

.liangdian ul li p{ line-height: 24px; color: #c2dcff;}

.jingpin{ margin-top: 55px;}



.proBox{ position: relative; margin: 30px auto 0; width: 1310px;}

.proBox .toLeft,.proBox .toRight{ top: 50px;}

.proShow{ position: relative; width: 1110px; height: 255px; margin: auto; overflow: hidden;}

.proShow ul{ position: absolute; left: 0; height: 255px; }

.proShow ul li{ float: left; width: 255px; margin-right: 22px;}

.proShow ul li p{ margin: 30px auto 0; width: 218px; height: 46px; line-height: 46px; border: 1px solid #ffbf04; color: #ffbf04; text-align: center;}

.proShow ul li:hover p{ background-color: #ffbf04; color: white;}



#picShow{ padding: 50px 0 100px; background-color: #f9f9f9;}

.pics{ position: relative; width: 1110px; height: 690px; margin: 45px auto 0; }

.pics ul li{ position: absolute; left: 0; top: 0; display: none;}

.pics .curPic{ display: block;}

.menu{ z-index: 2; display: none; position: absolute; top: 0; right: 0; width: 235px; height: 240px; padding-top: 50px; padding-left: 115px; background-color: #ffbf04;}

.menu li{ height: 50px; font-size: 28px; color: white; cursor: pointer; }

.menu li:hover{ color: #fff100;}

.btn{ z-index: 1; position: absolute; top: 0; right: 0; width: 350px; height: 145px; cursor: pointer; }

.btn img{ position: absolute; left: 50%; margin-left: -7px; bottom: 30px;}

.menu1{ position: absolute; bottom: 0; left: 50%; margin-left: -40px; width: 80px; cursor: pointer; }

.menu1 li{ float: left; margin: 0 5px; width: 10px; height: 10px; border-radius: 3px; background-color: #ececec; display:inline; overflow: hidden;}

.menu1 li:hover,.menu1 .curMenu1{ background-color: #4f81d6;}

.videoBox{ width: 1110px; margin-top: 40px;}

.videoLeft{ width: 731px; }

.videoLeft ul li{ display: none;}

.videoLeft .curVideo{ display: block;}

.videoRight{ width: 350px;}

.videoRight ul{ border-bottom: 1px solid #ececec; cursor: pointer;}

.videoRight ul li{ position: relative; padding: 21px 30px; border-bottom: 1px solid #ececec; background-color: #f9f9f9; }

.videoRight ul li p{ height: 56px; display: table-cell; vertical-align: middle; font-size: 18px;}

.videoRight ul li:hover, .videoRight .curVideoMenu{ background-color: #5182d6; color: white; }

.videoRight .curVideoMenu:before{ content: ""; position: absolute; left: -10px; top:45px; width: 0; height: 0; border-width:5px; border-style: solid; border-color: transparent #5182d6 transparent transparent; }



#otherInfo{ background-color: #4f81d6; padding: 80px 0 60px; }

.infoBox{ width: 1110px; height: 430px; }

.meiti{ padding-right: 100px; width: 455px; border-right: 1px solid #6494e6; }

.meiti ul li{ padding: 12px 0; line-height: 24px;}

.meiti ul li a{ color: white}

.meiti ul li a:hover{ color: #b4d0ff;}

.danwei{ padding-left: 55px; }

.danwei ul{ float: left; width: 160px;}

.danwei .secondUl{ width: 200px; border-left: 1px dotted #6494e6; padding-left: 35px; margin-left: 60px;}

.danwei ul li{ color: white; height: 32px; padding: 12px 0;}

.otherTitle{ font-size: 36px; color: white; margin-bottom: 35px; }

.otherTitle img{ margin-right: 10px; }

#footer{ height: 92px; }

#footer p{line-height: 92px; text-align: center;}
/* fixed sidebar */
.fixed-bar { position: fixed; right: 20px; bottom: 20px; z-index: 50; }
.fixed-bar li { width: 38px; height: 38px; background-color: #fff; border: 1px solid #ddd; margin-top: -1px; overflow: hidden; text-align: center; vertical-align: middle; cursor: pointer;}
.fixed-bar li:hover { border-color: #3671cf; }
.fixed-bar li:hover a { line-height: 999; color: #fff; }
.fixed-bar li a { display: inline-block; text-align: center; text-decoration: none; outline: none; line-height: 999; vertical-align: middle; font-size: 12px; padding-top: 4px; }
.fixed-bar .f-feedback { background: url("http://www.shibangchina.com/images/items/side_03.jpg") no-repeat 0% 0%; }
.fixed-bar .f-feedback:hover { background: url("http://www.shibangchina.com/images/items/side_04.jpg") no-repeat center; }
.fixed-bar .f-chat { background: url("http://www.shibangchina.com/images/items/side_03.jpg") no-repeat 0% 25%; }
.fixed-bar .f-chat:hover { background: url("http://www.shibangchina.com/images/items/side_12.jpg") no-repeat center; }
.fixed-bar .f-wechat { background: url("http://www.shibangchina.com/images/items/side_03.jpg") no-repeat 0% 50%; }
.fixed-bar .f-wechat:hover { background: url("http://www.shibangchina.com/images/items/side_16.jpg") no-repeat center; }
.fixed-bar .f-wechat:hover .wechat-mask { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
.fixed-bar .f-phone { background: url("http://www.shibangchina.com/images/items/side_03.jpg") no-repeat 0% 75%; }
.fixed-bar .f-phone:hover { background: url("http://www.shibangchina.com/images/items/side_24.jpg") no-repeat center; }
.fixed-bar .f-phone:hover .phone-mask { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
.fixed-bar .f-top { background: url("http://www.shibangchina.com/images/items/side_03.jpg") no-repeat 0% 100%; }
.fixed-bar .f-top:hover { border: 1px solid #3671cf; background: #3671cf; }
.fixed-bar .f-top:hover a { line-height: 15px; }
.fixed-bar .wechat-mask { position: absolute; right: 42px; top: -5px; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; }
.fixed-bar .phone-mask { position: absolute; right: 42px; top: 101px; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; }