@charset "gb2312";
/*new_wx_wall CSS Document 2015-01-20 yaoweipng */
body { background: #282828; margin: 0; padding:145px 0 0; color: #787878; font-size: 15px; font-family: 'Open Sans', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 微软雅黑, STHeiti, 'WenQuanYi Micro Hei', SimSun, sans-serif; }
a, a:hover { text-decoration: none; }
ul, li { list-style: none; margin: 0; padding: 0; }
img { border: none; vertical-align: middle; }
.w100 { width: 100%; }
.left { float: left; }
.right { float: right; }
.center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.clear { clear: both; height: 0; }
h4 { margin: 0 0 20px; padding: 0; font-size: 22px; }
h5 { margin: 0 0 10px; padding: 0; font-size: 16px; }
.greenbg { background-color: #00b52f; }
.redbg { background-color: #f6363b; }
.bluebg { background-color: #008aff; }
.graybg { background-color: #cacaca }
.gray { color: #ccc; }
.red { color: #f6363b; }
.mt10 { margin: 10px 0; }
.hide { display: none; }
/*主标签*/

/* 添加的新样式 */
.section-1 { padding: 20px 0 0 0; background-color: #d03036; text-align: center; }
.section-1 .box .bg-img { width: 100%; }
.btn-1 { background-color: #ffd200; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; font-size: 38px; color: #9e2126; box-shadow: 0 7px 0 #b0252a; -webkit-box-shadow: 0 7px 0 #b0252a; -moz-box-shadow: 0 7px 0 #b0252a; cursor: pointer; position: absolute; top: 410px; left: 50%; margin-left:-160px; width: 320px; height: 72px; line-height: 55px; }
.btn-1:hover { background-color: #ffba00; color: #9e2126; }
.section-1 p { color: #fff; position: absolute; top: 356px; left: 50%; margin-left: -448px; font-size: 28px;text-shadow: 1px 1px 1px #000; }
.section-2 .text { width: 475px; overflow: hidden; position: absolute; right: 45px; top: 129px; color: #000; padding-top: 10px; }
.section-2 .box img { width: auto; margin-left: 38px; }
.section-2 .text h4 { font-size: 42px; font-weight: 600; }
.section-2 .text .p1 { font-size: 38px; color: #525252; margin-bottom: 10px; }
.section-2 .text .p2, .section-2 .text .p3 { font-size: 20px; color: #7a7a7a; }
.section-3 { background-color: #79c601; padding:70px 0 40px; }
.section-3 .text { width: 370px; overflow: hidden; position: relative; top: 87px; color: #fff; padding-top: 10px; float: left; left: 100px; }
.section-3 .text h4 { font-size: 49px; font-weight: 600; }
.section-3 .text .p1 { font-size: 23px; margin-bottom: 10px; }
.section-3 .text .p2, .section-3 .text .p3 { font-size: 20px; }
.section-3 .imgbox { position: relative; background: url('Imagesshake-imgyao_08.png') 0 0 no-repeat #79c601; height:350px; background-size:100%;}
.section-3 .imgbox img { position: absolute; transition: all ease-in-out .3s; -webkit-transition: all ease-in-out .3s; }
.section-3 .imgbox img.img-1 { top: 65px; left: 35px; z-index: 8; }
.section-3 .imgbox img.img-1:hover { top: 40px; }
.section-3 .imgbox img.img-2 { top: 42px; left: 142px; z-index: 9;}
.section-3 .imgbox img.img-2:hover { top: 15px; }
.section-3 .imgbox img.img-3 { top: 6px; left: 266px; z-index: 10; }
.section-3 .imgbox img.img-3:hover { top: -10px; }
.section-3 .imgbox img.img-4 { top: 42px; right: 108px; z-index: 9; }
.section-3 .imgbox img.img-4:hover { top: 15px; }
.section-3 .imgbox img.img-5 { top: 65px; right: 0px; z-index: 8; }
.section-3 .imgbox img.img-5:hover { top: 40px; }
.section-4 { background-color: #fffceb; padding: 10px 0 40px; }
.section-4 h4 { text-align: center; font-size: 49px; font-weight: 600; padding: 20px 0; color: #000; margin: 40px 0; }
.section-4 p { font-size: 23px; }
.section-4 .p1 { font-size: 18px; }
.section-4 img { margin-bottom: 20px; }
.section-6 { background-color: #00baff; padding: 0px 0 40px; }
.section-6 h4 { text-align: center; font-size: 49px; font-weight: 600; padding: 20px 0; margin: 60px 0; color: #fff; }
.section-6 p { font-size: 23px; color:#fff; text-align:center; }
.section-6 img { margin-bottom: 20px; transition: transform ease .5s; -webkit-transition: transform ease .5s; width:100%; }
.section-6 img:hover { margin-bottom: 20px; transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); }
.section-7 { background-color: #ffd200; padding: 60px 0 30px; color: #fff; text-align: center; }
.section-7 h4 { text-align: center; font-size: 40px; font-weight: 600; padding: 20px 0; color: #fff; }
.btn-2 { background-color: #ff7800; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; font-size: 28px; color: #fff; box-shadow: 0 7px 0 #563900; -webkit-box-shadow: 0 7px 0 #563900; -moz-box-shadow: 0 7px 0 #563900; cursor: pointer; margin-bottom: 30px; display: inline-block; width: 196px; height: 58px; line-height: 58px; }
.btn-2:hover { background-color: #ff4800; }
.section-7 ul { text-align: center; color: #fff; }
.section-7 ul li { display: inline-block; margin: 0 50px; width: 200px; text-align: center; }
.section-7 ul.ul-1 { width: 90%; margin: 20px auto; background-color: #e5bd00; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; padding: 30px 10px; }
.section-7 ul.ul-1 li { display: inline-block; margin: 0; width: 45%; text-align: left; font-size: 16px; padding-left: 47px; }
.section-7 ul.ul-1 li:before { content: ''; border-radius: 50%; background-color: #fff; width: 10px; height: 10px; display: inline-block; position: relative; top: -3px; left: -13px; }
.section-5 { background-color: #ffae00; padding: 60px 0 70px; color: #fff; text-align: center; }
.section-5 .yao-tab-content { display: none; }
.section-5 .disp { display: block; }
.yao-tab-head li { display: inline-block; margin: 20px 2px; width: 150px; }
.yao-tab-head li span { display: block; width: 100%; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 24px; background-color: #a12900; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.yao-tab-head li.active span { background-color: #f94000; }
.yao-tab-content h4 { font-size: 30px; margin: 20px 0 10px; }
.yao-tab-content p { font-size: 20px; }
/*轮播*/
.wrap { margin: 0 auto; overflow: hidden;}
.mr_frbox { padding: 24px 0px 0px; position: relative; }
.mr_frBtnL { cursor: pointer; display: inline; height: 84px; margin: 160px 10px 0 0; width: 47px; position: absolute; top: 70px; left: 0; }
.mr_frBtnL:hover { opacity: 0.5; filter: Alpha(opacity=50); }
.mr_frUl { width: 898px; margin: 0 auto; overflow: hidden; }
.mr_frBtnR { margin-top: 160px; cursor: pointer; width: 47px; height: 84px; position: absolute; top: 70px; right: 0; }
.mr_frBtnR:hover { opacity: 0.5; filter: Alpha(opacity=50); }
.mr_frUl ul li { display: inline; float: left;/*height:389px;*/ width: 300px; overflow: hidden; position: relative; }
.mr_frUl ul li {/*display:block;*/ text-align: center; }
.mr_frUl ul li img { margin-bottom: 20px; }
.fixed-layer { position: fixed; width: 160px; background-color: #fd7e0b; top: 200px; left: 0; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; overflow: hidden; border: 1px solid #fd660b; z-index: 10; }
.fixed-layer li a { display: block; height: 50px; line-height: 50px; text-align: center; font-size: 18px; color: #fff; }
.fixed-layer li a:hover { background-color: #fd660b; }
.footer .box .footer-tel { margin: 0 auto; margin-top: 10px; width: 180px; height: 70px; background: url(/scrm-pages/images/scrm/tel-bg.png) 0 0px no-repeat; padding-left: 100px; padding-top: 18px; line-height: 24px; font-size: 14px; color: #8f8f8f; text-align: left; }
.hand-shake { position: absolute; top: 505px; left: 50%; width:18%; transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); margin-left: -173px; animation: shakeHand 1s; -webkit-animation: shakeHand 1s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; }
@keyframes shakeHand {  0% {
 transform:rotate(0deg);
 -ms-transform:rotate(0deg);
 -webkit-transform:rotate(0deg);
}
 50% {
 transform:rotate(10deg);
 -ms-transform:rotate(10deg);
 -webkit-transform:rotate(10deg);
}
 100% {
 transform:rotate(0deg);
 -ms-transform:rotate(0deg);
 -webkit-transform:rotate(0deg);
}
}
@-webkit-keyframes shakeHand {  0% {
 transform:rotate(0deg);
 -ms-transform:rotate(0deg);
 -webkit-transform:rotate(0deg);
}
 50% {
 transform:rotate(10deg);
 -ms-transform:rotate(10deg);
 -webkit-transform:rotate(10deg);
}
 100% {
 transform:rotate(0deg);
 -ms-transform:rotate(0deg);
 -webkit-transform:rotate(0deg);
}
}
.percent { font-size: 38px; position: relative; top: -157px; left: 7px; }
.circliful { position: relative; }
.circle-text, .circle-info, .circle-text-half, .circle-info-half { width: 100%; position: absolute; text-align: center; display: inline-block; top: -13px; }
.circle-info, .circle-info-half { color: #fff; font-size: 24px; margin-bottom: 10px; }
.circliful .fa { margin: -10px 3px 0 3px; position: relative; bottom: 4px; }