@charset "utf-8";
* {margin:0;padding:0;list-style-type:none;}
body {text-align: center;width: 100%;}
body{font-size: 14px;font-family: "微软雅黑";}
ul, li {list-style:none;}
a, img {border:0;text-decoration:none;}
a, a:link,a:visited{color:#fff;}
a:hover{color:#fff;}
.clear{clear:both;height:0px!important;line-height:0px!important;overflow:hidden!important;display:block!important;width:0px!important;}
.center{text-align: center;}
.strong {font-weight:bold;}
ul, li {list-style:none;}
h1,h2{font-weight: normal;}
#divId {margin: 0 auto;width: 100%;height: 100%;min-width: 1200px;}
.w1200{width: 1200px;margin: 0 auto;}
.loading{ margin-top: 13%;}
#headId {max-width: 100%;width: 100%;height: 100px;text-align: center;margin-left: auto;margin-right: auto;background: #ffffff;position: fixed;top: 0;z-index: 9999;border-bottom: 3px solid #1E52A4;}
#headId{filter:alpha(Opacity=90);-moz-opacity:0.9;opacity: 0.9;}
.icon {display:inline-block;_zoom:1;*display:inline;margin-right: 166px;max-width: 100%;height: 100px;vertical-align: middle;}
.icon:hover{-webkit-animation-name:bounce;animation-name:bounce;}
#nav-hr {display:inline-block;_zoom:1;*display:inline;height: 100px;line-height: 100px;vertical-align: middle;}
#nav-hr a {display: inline-block;width: 100px;height: 40px;font: 400 16px/26px "\5fae\8f6f\96c5\9ed1";color: #1E52A4;text-decoration: none;line-height: 40px;text-align: center;}
#nav-hr a:hover {outline:none; color: #ffffff; background-color: #1E52A4;text-decoration: none;border-radius: 5px;} 
#nav-hr a:focus {outline:none;color: #ffffff;background-color: #1E52A4;text-decoration: none;border-radius: 5px;} 

#home {max-width: 100%;height: auto;margin-top: 100px;}
#aboutBayen, #advantageBayen, #serverBayen, #processBayen, #expertsBayen, #cooperationBayen, #contactUs, #footer {max-width: 100%;height: auto;margin-top: -100px; padding-top: 100px;}

#bottomId {width: 100%;height: 100px;position: fixed;bottom: 0;background-color: #1E52A4;line-height: 100px;color: #fff;}
.topHome {position: fixed;bottom: 100px;right: 30px;z-index: 5;}

/*右侧浮窗*/
.izl-rmenu{position:fixed; left:50%; margin-left:600px; bottom:10px; padding-bottom:10px; background:url(/images/bayen/r_b.png) 0px bottom no-repeat; z-index:999; }
.izl-rmenu .btn{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-qq{background:url(/images/bayenr_qq.png) 0px 0px no-repeat; background-color:#25C9DA;}
.izl-rmenu .btn-qq:hover{background-color:#21B0C0;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(/images/bayen/r_qq.png) 0px 0px no-repeat; background-color:#6da9de; text-decoration:none; display:block;}
.izl-rmenu .btn-wx{background:url(/images/bayen/r_wx.png) 0px 0px no-repeat; background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-160px; top:0px; display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(/images/bayen/r_phone.png) 0px 0px no-repeat; background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:160px; left:-160px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(/images/bayen/r_top.png) 0px 0px no-repeat; background-color:#25C9DA; display:none;}
.izl-rmenu .btn-top:hover{background-color:#21B0C0;}





.home{height: 720px; background: #E3E2E0 url(/images/bayen/banner.jpg) no-repeat top center; font-family: "幼圆";}
.home h2{font-size: 60px; color: #1E52A4; text-align: left; padding: 100px 0 0 50px; margin-bottom: 30px;}
.home p{ font-size: 32px; color: #fff; text-align: left; padding-left: 50px; margin-bottom: 10px;}
.aboutBayen{height: 400px; background: #E3E2E0 url(/images/bayen/about.jpg) no-repeat top center;}
.aboutBayen{padding-top: 0px;}
.aboutBayen h1{ color: #1E52A4; font-size: 24px; border-bottom: 2px #1E52A4 solid; width: 144px; margin: 0 auto 10px auto; padding-bottom: 10px; padding-top: 10px;}
.aboutBayen span{ font-size: 14px;color: #1E52A4;}
.aboutBayen p{ color: #666; margin-top: 20px; text-align: left; width: 600px; line-height: 24px;}
.aboutBayen img{ float: right; margin-top: 50px;}

.newsBayen{height: 450px; padding: 50px; background: #E3E2E0 url(/images/bayen/about.jpg) no-repeat top center;}
.newsBayen ul{padding-bottom: 150px;}
.newsBayen ul li{ width: 600px; float: left; margin-top: 30px;text-align: left;}
.newsBayen ul li img{float: left; width: 120px; height: 90px; margin-right: 10px; border: solid 1px #ccc;padding: 2px;}
.newsBayen ul li h2{ font-size: 16px; padding: 0 20px;}
.newsBayen ul li p{line-height: 24px; padding: 0 20px; color: #666;}
.newsBayen a{ color: #333;}

.advantageBayen{height: 1030px; background: #E3E2E0 url(/images/bayen/advantage.jpg) no-repeat top center;}

.serverBayen{height: 870px; background: #E3E2E0 url(/images/bayen/server.jpg) no-repeat top center;}
.serverBayen h1{ color: #1E52A4; font-size: 24px; border-bottom: 2px #1E52A4 solid; width: 350px; margin: 0 auto 10px auto; padding: 10px 0;}
.serverBayen span{ font-size: 14px; color: #1E52A4;}
.serverBayen ul{overflow: hidden; margin-right:-20px; padding-top: 30px;}
.serverBayen ul li{ color: #1E52A4; float: left; width:270px; height: 280px; list-style: none; margin:0 30px 20px 0;}
.serverBayen ul li i{line-height: 100px;width: 100px;height: 100px;-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px;display: block;margin: 10px auto 20px auto;text-align: center;}
.serverBayen ul li h2{font-size: 16px;}
.serverBayen p{ font-size: 14px; line-height: 25px;text-align: left; margin-top: 20px;}
.serverBayen ul li:hover{color: #E96419; cursor: pointer;}


.expertsBayen{background: #E3E2E0 url(/images/bayen/experts.jpg) no-repeat top center;}
.expertsBayen{height: 1160px; background-color: #fff; position: relative; padding-bottom:50px; }
.expertsBayen{padding-top: 10px;}
.expertsBayen h1{ color: #1E52A4; font-size: 24px; border-bottom: 2px #1E52A4 solid; width: 100px; margin: 0 auto 10px auto; padding-bottom: 10px;}
.expertsBayen h2{ text-align: left; line-height: 24px; font-size: 16px; border-bottom: 2px #fff solid; padding-bottom: 40px; display: block;}
.expertsBayen span{ font-size: 14px;}
.expertsBayen .expert{padding:50px 20px 0 350px;}
.expertsBayen .expert h2{ font-size: 24px; color: #1E52A4; margin-bottom: 40px;}
.expertsBayen .expert p{ color: #1E52A4;}
.expertsBayen .doctor{padding-top: 160px; color: #fff;}
.expertsBayen .doctor ul{overflow: hidden; margin-right:-20px; padding-top: 10px;}
.expertsBayen .doctor h2{padding-top: 10px;}
.expertsBayen .doctor li{ background-color: #1E52A4; float: left; width:241px; height: 360px; list-style: none; margin:0 20px 20px 0; border: 2px #fff solid; padding:20px 20px 30px 20px; border-radius: 5px;}
.expertsBayen p{ font-size: 14px; line-height: 25px;text-align: left; margin-top: 20px;}
.expertsBayen .doctor .tu{display: block; font-size: 48px; float: left; width: 60px; height: 60px; margin-right: 40px;}
.expertsBayen .doctor .tu img{ width: 80px;}
.expertsBayen .doctor ul li:hover{border:2px solid #21B0C0; -moz-box-shadow:0px 0px 10px #BFBFBF; padding:20px 20px 30px 20px;/* For Firefox3.6+ */ -webkit-box-shadow:0px 0px 10px #BFBFBF; /* For Chrome5+, Safari5+ */ box-shadow:0px 0px 10px #BFBFBF; background-color: #21B0C0;}

.cooperationBayen{color: #1E52A4; height: auto; background-color: #f5f5f5; position: relative; padding-bottom: 50px; }
.cooperationBayen{padding-top: 10px;}
.cooperationBayen h1{ font-size: 24px; border-bottom: 2px #1E52A4 solid; width: 100px; margin: 0 auto 10px auto; padding-bottom: 10px;}
.cooperationBayen span{ font-size: 14px;}
.cooperationBayen ul{overflow: hidden; margin-right:-20px; margin-top: 40px;}
.cooperationBayen li{ background-color: #fff; float: left; list-style: none; margin:0 13px 20px 0; padding:10px; border-radius: 5px;}
.cooperationBayen li img{ width: 210px; height: 80px;}
.cooperationBayen li:hover{-webkit-animation-name:swing;animation-name:swing;}

.contactUs{height: auto; background-color: #1E52A4; position: relative; padding: 50px 0; }
.contactUs .iconup{width: 60px;height: 60px;position: absolute;left: 48%;top: -30px;}
.contactUs{color: #fff; padding-top: 80px;}
.contactUs h1{ font-size: 24px; border-bottom: 2px #fff solid; width: 100px; margin: 0 auto 10px auto; padding-bottom: 10px;}
.contactUs h2{ font-size: 48px; width: 100px; margin: 0 auto 20px auto; padding-bottom: 20px;}
.contactUs span{ font-size: 14px;}
.contactUs p{ font-size: 16px; line-height: 30px;}
.contactUs ul{overflow: hidden; margin-right:-20px; padding-top: 30px;}
.contactUs li{float: left;width:221px;height: 200px; list-style: none; margin:0 20px 20px 0; border: 2px #fff solid; padding:50px 30px 30px 30px; }

.footer{height: 100px; background: #1A8C97; line-height: 100px; color: #fff;}

.tab{ width: 600px; margin: 0 auto;}
.tab ul{}
.tab ul li{ height: 40px; line-height: 40px; font-size: 14px;}