body {font-family:"微软雅黑","Microsoft YaHei";height:100%;background-color:#333333;margin:0px;padding:0px;}
:focus{outline:none;}
.ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block;}
::-webkit-input-placeholder {color:#999;}
:-moz-placeholder {color:#999;}
::-moz-placeholder {color:#999;}
:-ms-input-placeholder {color:#999;}
.wrap {width: 1200px;margin: 0 auto;padding: 0 15px;}
/**/
.clearfix{display:block;*zoom:1;}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
/*header*/
header {overflow:hidden;height:94px;background:url(../images/head-bg.png) no-repeat;}
header .logo {overflow:hidden;text-align:left;width: 300px;float: left;}
header .logo .logo-pic {display:inline-block;padding: 16px 0 0 70px;}
header .logo .logo-pic img {width:164px;display:block;}
header .logo .logo-txt {display: none;}
header .logo .logo-txt span {}
header .links {overflow: hidden; text-align: right;width: 700px;float: right;padding-top: 50px;}
header .links a {text-decoration:none;color:#666666;font-size:14px;margin-right:30px;display: inline-block;height: 25px;padding-left: 35px;line-height: 25px;overflow: hidden;}
header .links a:hover,header .links a.active {color:#66CC33;}
header .links a.home {background: url(../images/ico-home.png) no-repeat;}
header .links a.home:hover,header .links a.home.active {background: url(../images/ico-home.png) no-repeat 0 -25px;}
header .links a.tech {background: url(../images/ico-tech.png) no-repeat;}
header .links a.tech:hover,header .links a.tech.active {background: url(../images/ico-tech.png) no-repeat 0 -25px;}
header .links a.news {background: url(../images/ico-news.png) no-repeat;}
header .links a.news:hover,header .links a.news.active {background: url(../images/ico-news.png) no-repeat 0 -25px;}
header .links a.hezuo {background: url(../images/ico-hezuo.png) no-repeat;}
header .links a.hezuo:hover,header .links a.hezuo.active {background: url(../images/ico-hezuo.png) no-repeat 0 -25px;}
header .links a.support {background: url(../images/ico-support.png) no-repeat;}
header .links a.support:hover,header .links a.support.active {background: url(../images/ico-support.png) no-repeat 0 -25px;}
header .links a.shop {background: url(../images/ico-shop.png) no-repeat;margin-right: 70px;}
header .links a.shop:hover,header .links a.shop.active {background: url(../images/ico-shop.png) no-repeat 0 -25px;}
header .search {overflow:hidden;border-radius:15px;margin-top:8px;}
header .search input {border:none;height:30px;line-height:30px;float:left;width:80%;font-size:14px;padding-left:20px;outline:none;color:#999;background:#EEEEEE;}
header .search button {outline:none;border:none;height:30px;line-height:30px;float:right;width:20%;text-align:center;color:#999;background:#EEEEEE;}
header .search button:hover {color:#F57C25;}
/*banner*/
.banner {position: relative;height: 580px;}
.banner .btn-video-1 {position: absolute;z-index: 9;top: 492px;left: 725px;width: 120px;height: 26px;}
.banner .btn-video-2 {position: absolute;z-index: 9;top: 492px;left: 870px;width: 120px;height: 26px;}
/*home-banner*/
#home-banner {overflow:hidden;}
#home-banner .carousel-indicators {display:none;}
#home-banner .carousel-inner>.item {-webkit-box-shadow:inset 0 0 30px #000000;-moz-box-shadow:inset 0 0 30px #000000;box-shadow:inset 0 0 30px #000000;}
#home-banner .carousel-inner>.item>img {width:100%;}
#home-banner a.left span{position:absolute;top:50%;left:30px;z-index:30;width:30px;height:30px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background-image:url(../images/arrows.png);background-position:0px 0px;}
#home-banner a.right span{position:absolute;top:50%;right:30px;z-index:30;width:30px;height:30px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background-image:url(../images/arrows.png);background-position:-30px 0px;}
#home-banner .carousel-control {text-shadow: 0 1px 2px rgba(0,0,0,0);opacity: 1;}
#home-banner .carousel-control.left,.carousel-control.right {background-image:none;}
/*pic-tit*/
.pic-tit {width: 100%;overflow: hidden;}
.line-04 {height: 336px;}
/*.line-04 {height: 338px;background-image: url(../images/flash-04-bg.png);position: relative;}
.line-04 .flash-04 {width: 1200px;height: 338px;background-image: url(../images/flash-04.png);animation: flash-4 2s steps(1, start) infinite;animation-fill-mode: backwards;position: absolute;z-index: 8;left: 0;top: 0;}
.line-04 .div-gray {position: absolute;z-index: 9;background-color: rgba(0,0,0,0.4);width: 1200px;height: 338px;left: 0;top: 0;text-align: center;}*/

/*professional*/
.professional {overflow: hidden;}
.professional h2 {font-size: 28px;color: #8a8a8a;font-weight: 300;line-height: 120%;}
.professional h4 {font-size: 16px;color: #8a8a8a;font-weight: 200;line-height: 200%;text-align: justify;}
.professional .f-l {width: 50%;float: left;}
.professional .f-r {width: 50%;float: right;}
.professional-01 {height: 675px;width: 100%;background: url(../images/pro-01.jpg) no-repeat;}
.professional-01 .f-l {height: 675px;position: relative;}
.professional-01 .f-l .flash-01 {position: absolute;left: 200px;top: 230px;width: 318px;height: 318px;background-image: url(../images/flash-01.png);animation: flash-1 2s steps(1, start) infinite;animation-fill-mode: backwards;}
.professional-01 h2 {margin-top: 366px;text-align: center;margin-left: 40px;}
.professional-01 h4 {margin-top: 40px;width: 340px;margin-left: 148px;}
.professional-02 {height: 675px;width: 100%;background: url(../images/pro-02.jpg) no-repeat;}
.professional-02 .f-r {height: 675px;position: relative;}
.professional-02 .f-r .flash-02 {position: absolute;left: 100px;top: 270px;width: 434px;height: 236px;background-image: url(../images/flash-02.png);animation: flash-2 2s steps(1, start) infinite;animation-fill-mode: backwards;}
.professional-02 h2 {margin-top: 400px;text-align: center;margin-left: 10px;}
.professional-02 h4 {margin-top: 40px;width: 360px;margin-left: 123px;}
.professional-03 {height: 675px;width: 100%;background: url(../images/pro-03.jpg) no-repeat;}
.professional-03 .f-l {height: 675px;position: relative;}
.professional-03 .f-l .flash-03 {position: absolute;left: 273px;top: 156px;width: 260px;height: 260px;background-image: url(../images/flash-03.png);animation: flash-3 3s steps(1, start) infinite;animation-fill-mode: backwards;}
.professional-03 h2 {margin-top: 400px;text-align: center;margin-left: 18px;}
.professional-03 h4 {margin-top: 40px;width: 360px;margin-left: 130px;}
/*authoritative*/
.authoritative {overflow: hidden;}
.authoritative h2 {font-size: 28px;color: #8a8a8a;font-weight: 300;line-height: 120%;}
.authoritative h4 {font-size: 16px;color: #8a8a8a;font-weight: 200;line-height: 200%;text-align: justify;}
.authoritative-01 {height: 675px;width: 100%;background: url(../images/pro-04.jpg) no-repeat;}
.authoritative-01 h2 {margin-top: 160px;margin-left: 280px;}
.authoritative-01 h4 {margin-top: 30px;margin-left: 280px;width: 650px;}
.authoritative-02 {height: 675px;width: 100%;background: url(../images/pro-05.jpg) no-repeat;}
.authoritative-02 h2 {margin-top: 260px;margin-left: 212px;}
.authoritative-02 h4 {margin-top: 30px;margin-left: 212px;width: 200px;}
.authoritative-03 {height: 675px;width: 100%;background: url(../images/pro-06.jpg) no-repeat;}
.authoritative-03 h2 {margin-top: 438px;margin-left: 580px;}
.authoritative-03 h4 {margin-top: 30px;margin-left: 263px;width: 690px;}
/*comfortable*/
.comfortable {overflow: hidden;position: relative;}
.comfortable h2 {font-size: 34px;color: #585858;font-weight: 400;line-height: 120%;}
.comfortable h3 {font-size: 24px;color: #8a8a8a;font-weight: 300;line-height: 150%;}
.comfortable h4 {font-size: 16px;color: #666666;font-weight: 200;line-height: 180%;text-align: justify;}
.comfortable-01 {width: 100%;height: 675px;background: url(../images/pro-07.jpg) no-repeat;}
.comfortable-01 .bg-comfortable {width: 540px;height: 280px;position: absolute;background-color: rgba(255,255,255,0.5);left: 0px;top: 110px;border-radius: 3px;}
.comfortable-01 h2 {margin-top: 20px;margin-left: 110px;}
.comfortable-01 h3 {margin-left: 110px;}
.comfortable-01 h4 {margin-left: 110px;width: 350px;}
.comfortable-02 {width: 100%;height: 675px;background: url(../images/pro-08.jpg) no-repeat;}
.comfortable-02 .bg-comfortable {width: 384px;height: 535px;position: absolute;background-color: rgba(255,255,255,0.5);left: 0px;top: 84px;border-radius: 3px;}
.comfortable-02 h2 {margin-top: 26px;margin-left: 110px;}
.comfortable-02 h3 {margin-left: 110px;}
.comfortable-02 h4 {margin-left: 110px;width: 180px;}
.comfortable-03 {width: 100%;height: 675px;background: url(../images/pro-09.jpg) no-repeat;}
.comfortable-03 .bg-comfortable {width: 578px;height: 245px;position: absolute;background-color: rgba(255,255,255,0.5);right: 0px;top: 206px;border-radius: 3px;}
.comfortable-03 h2 {margin-top: 35px;margin-left: 35px;}
.comfortable-03 h3 {margin-left: 35px;}
.comfortable-03 h4 {margin-left: 35px;width: 350px;}
/*safe*/
.safe {overflow: hidden;}
.safe h2 {font-size: 34px;font-weight: 400;line-height: 120%;}
.safe h3 {font-size: 24px;font-weight: 300;line-height: 150%;}
.safe h4 {font-size: 16px;font-weight: 200;line-height: 180%;text-align: justify;}
.safe-01 {width: 100%;height: 675px;background: url(../images/flash-05.gif) no-repeat;background-size: cover;}
.safe-01 h2 {margin-top: 130px;margin-left: 110px;color: #FFFFFF;}
.safe-01 h3 {margin-left: 110px;color: #FFFFFF;}
.safe-01 h4 {margin-left: 110px;width: 170px;color: #FFFFFF;}
.safe-02 {width: 100%;height: 678px;background: url(../images/pro-11.jpg) no-repeat;}
.safe-02 .txt {width: 550px;padding-top: 350px;float: right;}
.safe-02 h2 {color: #c4c4c4;text-align: center;}
.safe-02 h3 {color: #c4c4c4;text-align: center;}
.safe-02 h4 {width: 288px;color: #c4c4c4;margin: 0 auto;}
.safe-03 {width: 100%;height: 678px;background: url(../images/pro-12.jpg) no-repeat;}
.safe-03 h2 {margin-top: 250px;color: #FFFFFF;text-align: center;}
.safe-03 h3 {color: #FFFFFF;text-align: center;}
.safe-03 h4 {width: 370px;color: #FFFFFF;margin: 0 auto;}
/*footer*/
footer {background-color: #f2f2f2;min-height: 300px;color: #555555;}
footer img {display: inline-block;border: 0;}
footer .logo-1 {display: inline-block;float: left;border-right: #9c9a9b 1px solid;margin: 120px 0 0 180px;padding-right: 40px;}
footer .logo-2 {display: inline-block;float: left;padding: 115px 0 0 40px;}
footer .contact {display: inline-block;float: left;margin-top: 60px;margin-left: 120px;}
footer .contact .address {height: 60px;background-image: url(../images/ico-local.png);background-position: 5px 8px;background-repeat: no-repeat;padding-left: 40px;}
footer .contact .email {height: 60px;background-image: url(../images/ico-web.png);background-position: 0 6px;background-repeat: no-repeat;padding-left: 40px;}
footer .contact .phone {height: 60px;background-image: url(../images/ico-phone.png);background-position: 5px 8px;background-repeat: no-repeat;padding-left: 40px;}
footer .contact span {font-size: 12px;color: #666;}
footer .contact p {font-size: 13px;}
.copyrights {min-height: 60px;line-height: 60px;background-color: #666666;color: #F2F2F2;text-align: center;font-size: 14px;}
.copyrights a {color: #F2F2F2;font-size: 14px;}
/*qq-service*/
.qq-service {position: absolute;z-index: 999;width: 100px;}
.qq-service img {display: inline-block;border: 0;}
.qq-service .item-1 {cursor: pointer;text-align: center;}
.qq-service .item-2 {cursor: pointer;text-align: center;}
.qq-service .item-3 {}
.qq-service .item-3 img {width: 100%;}
.qq-service .item-4 {background: #FFFFFF;color: #666666;text-align: center;font-size: 13px;padding-bottom: 4px;}
/**/
.sub-banner {width: 100%;height: 580px;}
.sub-banner img {width: 100%;}
/*tech-01*/
.tech-01 {border-top: #6a6a6a 1px dashed;background-image: url(../images/tech-01.jpg);background-repeat: no-repeat;background-position: center;position: relative;height: 472px;background-color: #FFFFFF;}
.tech-01 p {width: 240px;line-height: 180%;font-size: 16px;color: #A0A0A0;display: block;margin: 218px 0 0 120px;font-weight: 300;}
/*tech-02*/
.tech-02 {border-top: #6a6a6a 1px dashed;background-image: url(../images/tech-02.jpg);background-repeat: no-repeat;background-position: center;position: relative;height: 645px;background-color: #FFFFFF;}
.tech-02 p {width: 280px;line-height: 180%;font-size: 16px;color: #A0A0A0;display: block;margin: 190px 0 0 140px;font-weight: 300;}
/*tech-03*/
.tech-03 {border-top: #6a6a6a 1px dashed;background-image: url(../images/tech-03.jpg);background-repeat: no-repeat;background-position: center;position: relative;height: 488px;background-color: #FFFFFF;}
.tech-03 p {width: 310px;line-height: 180%;font-size: 16px;color: #A0A0A0;display: block;margin: 250px 0 0 165px;font-weight: 300;}
/*tech-04*/
.tech-04 {border-top: #6a6a6a 1px dashed;background-image: url(../images/tech-04.jpg);background-repeat: no-repeat;background-position: center;position: relative;height: 648px;background-color: #FFFFFF;}
.tech-04 table {border-top: #FFFFFF 4px solid;border-right: #FFFFFF 4px solid;margin-left: 470px;margin-top: 140px;}
.tech-04 table tr td,.tech-04 table tr th {text-align: center;padding: 5px 20px;line-height: 180%;border-bottom: #FFFFFF 4px solid;border-left: #FFFFFF 4px solid;font-size: 13px;}
..tech-04 table tr th {font-weight: bold;}
.tech-04 table tr td.bg-1,.tech-04 table tr th.bg-1 {background-color: #7d7d7d;color: #FFFFFF;}
.tech-04 table tr td.bg-2 {background-color: #b6b6b6;color: #FFFFFF;}
.tech-04 table tr td.bg-3,.tech-04 table tr th.bg-3 {background-color: #c9c9cb;color: #7D7D7D;}
.tech-04 table tr td.bg-4 {background-color: #e6e6e8;color: #7D7D7D;}
.tech-04 table tr td.bg-5,.tech-04 table tr th.bg-5 {background-color: #76bc28;color: #FFFFFF;}
.tech-04 table tr td.bg-6 {background-color: #b6d450;color: #FFFFFF;}
/*support-banner*/
.support-banner {background-image: url(../images/support-banner-bg.jpg);width: 100%;height: 580px;}
.support-banner .pic {width: 668px;height: 530px;margin: 25px;float: left;}
.support-banner .txt {width: 328px;height: 393px;margin: 130px 0 0 70px;float: left;}
/*tel-wrap*/
.tel-wrap {background-color: #FFFFFF;border-top: #a6a6a6 1px dashed;}
.tel-wrap .tel-box {width: 880px;height: 120px;margin: 0 auto;background-color: #66CC33;border-bottom-left-radius: 30px;border-bottom-right-radius: 30px;overflow: hidden;}
.tel-wrap .tel-box .telephone {color: #FFFFFF;background-image: url(../images/ico-phone-2.png);background-repeat: no-repeat;padding-left: 170px;width: 60%;float: left;background-position: 85px center;height: 120px;}
.tel-wrap .tel-box .telephone .tit {font-weight: normal;padding-top: 28px;font-size: 16px;}
.tel-wrap .tel-box .telephone .number {font-weight: 300;font-size: 38px;}
.tel-wrap .tel-box .ewm {width: 40%;float: right;}
.tel-wrap .tel-box .ewm .pic {width: 110px;height: 110px;float: left;padding-top: 5px;}
.tel-wrap .tel-box .ewm .txt {float: left;width: 100px;color: #FFFFFF;font-size: 18px;padding-top: 60px;padding-left: 10px;}
/*step-1*/
.step-1 {background-color: #FFFFFF;padding: 75px 160px;}
.step-1 .txt {width: 205px;height: 212px;float: left;padding-top: 140px;}
.step-1 ul {margin: 0;padding: 0;list-style-type: none;display: block;float: right;width: 576px;}
.step-1 ul li {width: 258px; float: left;margin-right: 30px;}
.step-1 ul li .pic {width: 258px;height: 186px;}
.step-1 ul li .pic img {display: block;}
.step-1 ul li .text {height: 84px;color: #838383;font-size: 16px;}
.step-1 ul li .text p {padding-top: 15px;line-height: 150%;font-weight: normal;}
/*step-2*/
.step-2 {width: 100%;height: 338px;background-image: url(../images/step-2-bg.jpg);position: relative;}
.step-2 .pic-1 {position: absolute;width: 194px;height: 158px;top: 102px;left: 284px;}
.step-2 .pic-2 {position: absolute;width: 134px;height: 129px;top: 72px;left: 680px;}
.step-2 .text {position: absolute;height: 60px;width: 360px;top: 225px;left: 575px;font-size: 16px;color: #afafaf;line-height: 150%;}
/*step-3*/
.step-3 {background-color: #FFFFFF;border-top: #a6a6a6 1px dashed;position: relative;height: 550px;}
.step-3 .pic-1 {position: absolute;width: 194px;height: 158px;top: 90px;left: 740px;}
.step-3 .pic-2 {position: absolute;width: 214px;height: 416px;top: 90px;left: 190px;}
.step-3 .pic-3 {position: absolute;width: 214px;height: 416px;top: 90px;left: 404px;}
.step-3 .text {position: absolute;width: 350px;top: 280px;left: 670px;}
/*step-4*/
.step-4 {background-color: #FFFFFF;position: relative;height: 510px;}
.step-4 .pic-1 {position: absolute;width: 175px;height: 143px;top: 60px;left: 340px;}
.step-4 .pic-2 {position: absolute;width: 256px;height: 424px;top: 45px;left: 640px;}
.step-4 .text {position: absolute;width: 220px;top: 280px;left: 320px;}
/*step-5*/
.step-5 {background-color: #FFFFFF;position: relative;height: 980px;}
.step-5 .pic-1 {position: absolute;width: 237px;height: 143px;top: 290px;left: 230px;}
.step-5 .pic-2 {position: absolute;width: 224px;height: 424px;top: 54px;left: 542px;}
.step-5 .pic-3 {position: absolute;width: 224px;height: 424px;top: 54px;left: 766px;}
.step-5 .pic-4 {position: absolute;width: 224px;height: 424px;top: 510px;left: 542px;}
.step-5 .pic-5 {position: absolute;width: 224px;height: 424px;top: 510px;left: 766px;}
.step-5 .text {position: absolute;width: 280px;top: 510px;left: 210px;}
/*step-6*/
.step-6 {background-color: #FFFFFF;position: relative;height: 550px;border-bottom: #a6a6a6 1px dashed;}
.step-6 .pic-1 {position: absolute;width: 166px;height: 158px;top: 126px;left: 252px;}
.step-6 .pic-2 {position: absolute;width: 220px;height: 408px;top: 60px;left: 540px;}
.step-6 .pic-3 {position: absolute;width: 220px;height: 408px;top: 60px;left: 760px;}
.step-6 .text {position: absolute;width: 240px;top: 322px;left: 220px;}
.step-6 .text-1 {position: absolute;color: #66CC33;font-size: 12px;top: 450px;left: 200px;}
/**/
.step-3 span,.step-4 span,.step-5 span,.step-6 span {color: #66CC33;}
.step-3 .text,.step-4 .text,.step-5 .text,.step-6 .text {color: #838383;font-size: 16px;line-height: 180%;text-align: justify;}
/*attention*/
.attention {background-color: #F2F2F2;border: #FFFFFF 25px solid;border-bottom: #a6a6a6 1px dashed;height: 700px;position: relative;padding-top: 90px;}
.attention .tit {width: 240px;height: 62px;margin: 0 auto;}
.attention p {font-size: 16px;color: #838383;}
.attention .box {border: #66CC33 2px solid;border-left: none;padding: 20px 20px 10px 0;border-bottom-right-radius: 12px;border-top-right-radius: 12px;position: relative;}
.attention .box .title {background: #F2F2F2;font-size: 14px;color: #66CC33;position: absolute;left: 0;top: -10px;z-index: 9;padding-right: 10px;}
.attention .box-1 {width: 230px;position: absolute;left: 266px;top: 233px;}
.attention .box-2 {width: 390px;position: absolute;left: 572px;top: 233px;}
.attention .box-3 {width: 230px;position: absolute;left: 266px;top: 415px;}
.attention .box-4 {width: 335px;position: absolute;left: 572px;top: 415px;}
.attention .box-4 ul {padding-left: 20px;}
.attention .box-4 ul li {color: #838383;font-size: 12px;list-style-image: url(../images/dot-01.png);line-height: 20px;}
/*notice*/
.notice {height: 338px;background-image: url(../images/notice-bg.png);padding-top: 50px;}
.notice .tit {width: 154px;height: 60px;margin: 0 auto;}
.notice .tit img {display: block;}
.notice .text {width: 700px;margin: 0 auto;padding-top: 50px;}
.notice .text p {font-size: 16px;color: #afafaf;}
/*feedback*/
.feedback input,.feedback textarea {outline: none;}
.feedback {background: #F2F2F2;border-bottom: #dbdbdc 1px solid;padding: 60px 150px;}
.feedback h2 {color: #66CC33;text-align: center;line-height: 60px;}
.feedback h4 {color: #C0C0C0;font-weight: normal;padding: 0 15px;}
.feedback span {color: #FF0000;padding: 0 5px;}
.feedback .box-l {width: 50%;float: left;overflow: hidden;}
.feedback .box-r {width: 50%;float: right;overflow: hidden;}
.feedback .tips {color: #999999;font-size: 12px;background-image: url(../images/feedback-tip.png);background-repeat: no-repeat;background-position: right;padding-right: 15px;display: inline-block;height: 30px;line-height: 30px;}
.feedback .tips-2 {display: block;height: 30px;}
.feedback .items {clear: both;padding: 5px 15px;overflow: hidden;}
.feedback .items .item-1 {width: 15%;float: left;color: #66CC33;font-size: 18px;padding-top: 30px;}
.feedback .items .item-2 {width: 80%;float: left;color: #66CC33;font-size: 16px;}
.feedback .items .item-3 {width: 5%;float: left;font-size: 18px;padding-top: 30px;}
.feedback .ipt-txt {border: none;background: #cfe4b9;width: 100%;line-height: 24px;color: #FFFFFF;}
.feedback .btn-send {line-height: 30px;padding: 0 20px;border: #cfe4b9 1px solid;border-radius: 15px;color: #66CC33;background-color: #F2F2F2;}
.feedback .btn-send:hover {color: #FFFFFF;border: #66CC33 1px solid;background-color: #66CC33;}
.feedback .male,.feedback .female {display: inline-block;}
label {font-weight: normal;margin-bottom: 0;}
input[type="radio"],input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}
input[type="radio"] + label::before {
    content: "\a0";
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    width: 1em;
    height: 1em;
    margin-right: .4em;
    border-radius: 50%;
    border: 1px solid #66CC33;
    text-indent: .15em;
    line-height: 1; 
}
input[type="radio"]:checked + label::before {
    background-color: #66CC33;
    background-clip: content-box;
    padding: .2em;
}
input[type="checkbox"] + label::before {
    content: "\a0";
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url(../images/feedback-checkbox.png);
    background-repeat: no-repeat;
    margin-right: .4em;
}
input[type="checkbox"]:checked + label::before {
	content: "\a0";
	background-image: url(../images/feedback-checkbox-check.png);
    background-repeat: no-repeat;
}
/*==========以下部分是Validform必须的===========*/
.Validform_checktip{
	margin-left:8px;
	line-height:20px;
	height:20px;
	overflow:hidden;
	color:#999;
	font-size:12px;
}
.Validform_right{
	color:#71b83d;
	padding-left:20px;
	background:url(../images/right.png) no-repeat left center;
}
.Validform_wrong{
	color:red;
	padding-left:20px;
	white-space:nowrap;
	background:url(../images/error.png) no-repeat left center;
}
.Validform_loading{
	padding-left:20px;
	background:url(../images/onLoad.gif) no-repeat left center;
}
.Validform_error{
	background-color:#ffe7e7;
}
#Validform_msg{color:#7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');}
#Validform_msg .iframe{position:absolute; left:0px; top:-1px; z-index:-1;}
#Validform_msg .Validform_title{line-height:25px; height:25px; text-align:left; font-weight:bold; padding:0 8px; color:#fff; position:relative; background-color:#000;}
#Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{line-height:22px; position:absolute; right:8px; top:0px; color:#fff; text-decoration:none;}
#Validform_msg a.Validform_close:hover{color:#cc0;}
#Validform_msg .Validform_info{padding:8px;border:1px solid #000; border-top:none; text-align:left;}


/**/
@keyframes flash-1{
	0%,20%{background-position: 0 0;}
	21%,30%{background-position: 0 -318px;}
	31%,40%{background-position: 0 -636px;}
	41%,50%{background-position: 0 -954px;}
	51%,60%{background-position: 0 -1272px;}
	61%,100%{background-position: 0 -1590px;}
}
@keyframes flash-2{
	0%,20%{background-position: 0 0;}
	21%,30%{background-position: 0 -236px;}
	31%,40%{background-position: 0 -472px;}
	41%,50%{background-position: 0 -708px;}
	51%,60%{background-position: 0 -944px;}
	61%,100%{background-position: 0 -1180px;}
}
@keyframes flash-3{
	0%{background-position: 0 0;}
	12.5%{background-position: 0 -260px;}
	25%{background-position: 0 -520px;}
	37.5%{background-position: 0 -780px;}
	50%{background-position: 0 -1040px;}
	62.5%{background-position: 0 -1300px;}
	75%{background-position: 0 -1560px;}
	87.5%{background-position: 0 -1820px;}
	100%{background-position: 0 -1820px;}
}
@keyframes flash-4{
	0%{background-position: 0 0;}
	9%{background-position: 0 -338px;}
	18%{background-position: 0 -676px;}
	27%{background-position: 0 -1014px;}
	36%{background-position: 0 -1352px;}
	45%{background-position: 0 -1690px;}
	54%{background-position: 0 -2028px;}
	63%{background-position: 0 -2366px;}
	72%{background-position: 0 -2704px;}
	81%{background-position: 0 -3042px;}
	90%{background-position: 0 -3380px;}
	100%{background-position: 0 -3380px;}
}