.hearer { width: 1022px; margin: 0 auto; }
.logo { float: left; }
a:link, a:visited, a:active { text-decoration: none; }
a img { border: none; }
.tel { background: transparent url("images/tel.jpg") no-repeat scroll right 15px; height: 120px; float: right; }
.nav { margin-top: 70px; }
.nav li { float: left; width: 110px; text-align: center; border-right: 1px solid #333; font-size: 16px; }
.wrap { width: 1209px; margin: 0 auto; }
.banner { height: 403px; width:100%; overflow:hidden;/* background:url(banner.jpg) no-repeat; background-size:100%;*/ }
.advantage { background: url(banner-bg.jpg) no-repeat right top; min-height: 200px; }
.advantage img { margin: 40px 0 0 90px; }
.guardian { width: 1000px; margin:20px auto 0; }
.guandian1 { width: 200px; height: 200px; border-radius: 50%; background: #3497d0; text-align: center; float: left; }
.margin { margin: 0 200px; }
.guandian1 img { margin-top: 30px; }
.guandian1 h3 { color: #fff; font-size: 24px; line-height: 40px; margin-top: 25px;cursor: pointer; }
.guandian1 h3:hover { color:#ec0606;}
.guardian h2 { font-size: 28px; height: 75px; line-height: 70px; color:#D21111; text-align: right; }
.level { background: url(level.jpg) no-repeat; width: 1209px; height: 466px; }
.level ul { padding: 200px 0 0 50px; width: 1024px; margin: 0 auto; }
.level ul li { float: left; margin-right: 140px; }
.level ul li a { text-decoration: none; }
.level ul li:hover .tit-wrap { margin-top: -40px; -webkit-animation: iconShake .3s ease .15s; animation: iconShake .3s ease .15s; }
.level ul li .btn-detail { width: 138px; height: 40px; line-height: 40px; margin-top: 15px; display: inline-block; opacity: 0; transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0s; background: #fff; border-radius: 3px; border: none; color: #3F9DDD; text-align: center; cursor: pointer; }
.level ul li:hover .btn-detail { opacity: 1; visibility: inherit }
.level ul li.last { margin-right: 0; }
.level ul li.last:hover { color:#F00;}
.level ul li h2 { color: #fff; font-size: 24px; line-height: 36px; text-align: center; margin-top: 30px; cursor: pointer; }
.but { background: url(but.jpg) no-repeat; height: 366px; }
.but p.top, .but p.bottom { font-size: 28px; line-height: 48px; text-align: right; }
.but p.top { color: #fff; margin-right: 80px; padding-top: 15px; }
.but p.bottom { position: relative; bottom: -245px; right: 55px; color: #444343; }
.case { background: url(case.jpg) no-repeat; height: 669px; }
.marketing { margin-top: 40px; }
.marketing-tit { background: url(marketing-tit.jpg) no-repeat; height: 270px; }
.marketing-1 { height: 380px; background: #f5f5f5; margin-top: 30px; }
.marketing-1 img { margin: 65px 20px 0; float: left; }
.marketing-1 .cont { float: right; margin: 75px 10px 0 0; }
.cont h3 { font-size: 30px; line-height: 40px; }
.cont p { font-size: 20px; line-height: 36px;}
.cont p span { color: #ed2121; }
.cont p span.ly { color:#3F9DDD;}
.marketing-2 { height: 380px; }
.marketing-2 img { margin-top: 25px; float: right; }
.marketing-2 .cont { float: left; margin: 80px 0 0 30px; }
.marketing-3 { margin-top: 0; }
.marketing-3 img { margin: 30px 0 0 50px; }
.marketing-3 .cont { float: right;margin: 105px 70px 0 0; }
.marketing-4 { background: url(yxj.jpg) no-repeat right bottom; height: 380px; }
.marketing-4 img { float: right; margin-top: 10px; }
.marketing-4 .cont { float: left; margin: 100px 0 0 55px; }
.more { background: url(victory.jpg) no-repeat; height: 780px; }
.more a { display:block;background: url(btn-us.jpg) no-repeat; bottom: -557px; left: 50%; margin-left: -135px; position: relative; width:286px; height:63px; }
.more a:hover{ display:block;background: url(btn-us-on.jpg) no-repeat;bottom: -557px; left: 50%; margin-left: -135px; position: relative;/* box-shadow:#000 10px;*/ width:286px; height:63px;} 
/* carousel */
.carousel { margin: 0px auto; padding: 226px 0px 0px; width: 950px; height: 400px; overflow: hidden; position: relative; }
.carousel .slides { margin: 0px auto 30px; overflow: hidden; position: relative; }
.carousel .slides .slideItem { padding: 0px; overflow: hidden; position: absolute; cursor: pointer; opacity: 1 !important; }
.carousel .slides .slideItem a { overflow: hidden; display: block; }
.carousel .slides .slideItem img { width: 100%; height: 100%; border: 1px solid #ccc; }
.carousel .slides .slideItem .cover { background: rgb(0, 0, 0); left: 0px; top: 0px; width: 100% !important; height: 380px !important; display: block; position: absolute; }
.prevButton { background: url("prev.png") no-repeat 0px 0px; top: 360px; width: 29px; height: 51px; display: block; position: absolute; z-index: 99; cursor: pointer; }
.nextButton { background: url("next.png") no-repeat 0px 0px; top: 360px; width: 29px; height: 51px; display: block; position: absolute; z-index: 99; cursor: pointer; }
.prevButton { left: 12px; }
.nextButton {/*background-position:0px -40px;*/ right: 12px; }
 @-webkit-keyframes iconShake { 0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
30% {
-webkit-transform:translateY(10px);
transform:translateY(10px)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes iconShake { 0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
30% {
-webkit-transform:translateY(10px);
transform:translateY(10px)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
.hint { margin: 0 auto; position: fixed; top: 37%; left: 42%; margin-left: -250px; margin-top: -166px; z-index: 111; display: none; }
.hint img { width: 70%; height: 70%; }
.hint-1 { margin: 0 auto; position: fixed; top: 37%; left: 39%; margin-left: -250px; margin-top: -166px; z-index: 111; display: none; }
.hint-1 img { width: 70%; height: 70%;}
.hint-2 { margin: 0 auto; position: fixed; top: 37%; left: 42%; margin-left: -250px; margin-top: -166px; z-index: 111; display: none; }
.hint-2 img { width: 70%; height: 70%; }
.hint-3 { margin: 0 auto; position: fixed; top: 40%; left: 38%; margin-left: -250px; margin-top: -166px; z-index: 111; display: none; }
.hint-3 img { width: 70%; height: 90%; }
.hint3 { width: 38px; height: 37px; background: url('hint3.png') no-repeat; -webkit-background-size: 38px 37px; background-size: 38px 37px; position: absolute; top: 5px; cursor: pointer;margin-left: 645px;}
.hint3:hover { width: 38px; height: 37px; background: url('hint33.png') no-repeat; -webkit-background-size: 38px 37px; background-size: 38px 37px; position: absolute; top: 7px; right: 7px; }
.hintl { width: 500px; height: 332px; margin: 0 auto; background: #fff; position: fixed; top: 50%; left: 50%; margin-left: -250px; margin-top: -166px; z-index: 111; display: none; }
.footer { height: 60px; }
.footer-cont { width: 1000px; margin: 0 auto; }
.footer-cont p { line-height: 70px; color: #000; font-size: 14px; }
.left { float: left; }
.right { float: right; }
/****************************/


a:link, a:visited, a:active {text-decoration:none; }
.erwei_div { display:block ; float:right;}
.erwei_div img{ padding-top:70px;}
.aa{width: 485px; height: 30px; margin-bottom: 100px; margin-top: 370px; margin-left: 12px; font-size: 18px; font-family:"微软雅黑";}

.al_al .bwWrapper .btn02 .d2 .title{width: 138px;height: 40px;line-height: 40px;margin-top: 15px; display: inline-block; opacity: 0; transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0s; background: #fff; border-radius: 3px; border: none; color: #3F9DDD; text-align: center;cursor: pointer;}
.level ul li:hover .al_al .bwWrapper .btn02 .d2 .title{ opacity:1;visibility: inherit;}
.modal .close{text-indent: -10000px;display: block;float: right; margin-top: 10px;width: 38px;height: 37px;background: url('hint3.png') no-repeat;  background-size: 38px 37px; position: absolute;top: 7px;right: 7px;cursor: pointer;}

  .modal{position:fixed;top:0;left:50%;z-index:1050;width:560px;margin:-830px 0 0 -280px;background-color:#ffffff;border:1px solid #999;border:1px solid rgba(0,0,0,0.3);*border:1px solid #999;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;outline:none;-webkit-box-shadow:0 3px 7px rgba(0,0,0,0.3);-moz-box-shadow:0 3px 7px rgba(0,0,0,0.3);box-shadow:0 3px 7px rgba(0,0,0,0.3);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box; z-index:100;}
  .hint3{width: 75px;height: 32px;background: url(btnClose.png) center left no-repeat;cursor: pointer;text-indent: -10000px; display:block; float:right;margin-top: 10px;}
  
  
  
  #signup-modal,#login-modal,#forgetform,.modal{width:500px;/*padding: 0 20px 30px;*/background:url(contentPattern.png);overflow:hidden; z-index:1200; background:#CCC;border: 3px solid #2994E2;}



.groupmod_box{ width:100%;}
.groupmod{ width:1000px; height:auto; margin:0 auto;}
.groupmod li{ float:left; margin-right:140px; }