.pack-hd .s_e span i{ margin-left: -3px; margin-bottom: 5px; }
i { display: inline-block; background-image: no-repeat; }
.mr40 { margin-right: 40px; }
.header { margin-bottom: 0; border-bottom: 1px solid #ddd; }
#kiss_wrap { width: auto; margin-bottom:0; }
#kiss_wrap a:hover { text-decoration: none; }
.bt-1, .bt-2 { display: inline-block; font-size: 16px; padding: 0 1.5em; }
.bt-1:hover, .bt-2:hover { text-decoration: none; }
.bt-1 { height: 36px; line-height: 36px; background-color: #ea5a3d; }
.bt-1, .bt-1:link, .bt-1:visited, .bt-1:focus { color: #fff; }
.bt-1:hover { background-color: #cb3b1e; }
.bt-2 { height: 34px; line-height: 34px; border: 1px solid #ea5a3d; }
.bt-2:hover { background-color: #cb3b1e; border-color: #cb3b1e; color: #fff; }
/*.m-nav*/
.m-nav { font-size: 18px; }
.m-nav a { color: #333; display: inline-block; padding: 10px 0 20px; position: relative; }
.m-nav a:hover { color: #42A3D9; text-decoration: none; }
.m-nav b { display: inline-block; font-size: 0; width: 0; border-left: 1px solid #ddd; height: 15px; vertical-align: top; margin: 15px 10px 0; }
.m-nav i { display: none; position: absolute; bottom: 0; left: 50%; margin-left: -10px; height: 0; width: 0; overflow: hidden; border-bottom: 10px solid #42A3D9; border-left: 10px dashed transparent; border-right: 10px dashed transparent; }
.m-nav .s_on { color: #42A3D9; }
.m-nav .s_on i { display: block; }
/* ±¾Àý×Ócss */
.focusBox { position: relative; width:100%; height:480px; overflow: hidden;}
.focusBox .pic{ position:relative; z-index:0; }
.focusBox .pic .pic-a{background: url(../nimages/0.jpg) repeat center;height: 480px;width: 100%;display: block;}
.focusBox .pic .pic-a2{background: url(../nimages/1.jpg) repeat center;height: 480px;width: 100%;display: block;}
.focusBox .pic .pic-a3{background: url(../nimages/2.jpg) repeat center;height: 480px;width: 100%;display: block;}
.focusBox .pic .pic-a4{background: url(../nimages/3.jpg) repeat center;height: 480px;width: 100%;display: block;}
.focusBox .pic .pic-a5{background: url(../nimages/4.jpg) repeat center;height: 480px;width: 100%;display: block;}
.focusBox .pic img { width:100%; height:480px; display: block; }
.focusBox .hd { width:100%; position: absolute; bottom: 10px; text-align: center; font-size:0; z-index:1; }
.focusBox .hd li{margin: 0 5px; background: url(../nimages/dot.png) no-repeat 0 -16px; height: 16px; overflow: hidden; width: 16px; cursor: pointer;
	display:inline-block; *display:inline; zoom:1;  _background: url(../nimages/dot8.png) no-repeat 0 -16px;
}
.focusBox .hd .on{ background-position:0 0; }
.focusBox .prev,
.focusBox .next { width: 60px; height: 90px; margin: -60px 0 0; display: none; background: url(../nimages/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2;  }
.focusBox .prev { left: 0; }
.focusBox .next { background-position: 0 -90px; right: 0; }
.focusBox .prev:hover,
.focusBox .next:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important;  }
/*nav-sub*/
.nav-sub { padding: 60px 0 40px; text-align: center; font-size: 0; }
.nav-sub a { text-align: center; font-size: 14px; display: inline-block; width: 14em; padding: 5px 0; border: 1px solid #EA5A3D; margin-right: -1px; color: #333; }
.nav-sub a:hover { color: #EA5A3D; }
.nav-sub .s_on { color: #fff; background-color: #EA5A3D; }
.nav-sub .s_on:hover { color: #fff; }
/*screen*/
.vs { height: 69px; width: 69px; line-height: 65px; color: #999; font-style: normal; text-align: center; font-size: 38px; background-image: url(../nimages/d21ab57f-a3da-4cd4-9c71-ed8287f0e306.png); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: "liga", "kern"; }
.vs-box { position: relative; }
.vs-box .vs { position: absolute; top: 50%; left: 50%; margin: -35px 0 0 -35px; }
.screen { padding: 60px 0; }
.screen .wrap { width: 1040px; }
.screen-gray { background-color: #f8f8f8; }
.text-box { text-align: center; margin-bottom: 70px; }
.text-box h3 {font-weight:normal; color: #ea5a3c; font-size: 30px; margin-bottom: 0.5em; }
.text-box p { color: #555; margin-bottom: 0.5em; }
.col2 .s_col { width: 50%; float: left; display: inline; }
.thumb-box { position: relative; margin: 0 auto; text-align: center; }
.thumb-box .s_bg { margin: 0 auto 30px; display: block; }
.thumb-box .s_thumb { position: absolute; }
.qq-before { width: 364px; }
.qq-before .s_thumb { top: 2px; left: 51px; }
.qq-after { width: 376px; }
.qq-after .s_thumb { top: -2px; left: 37px; }
.badge { font-size: 12px; padding: 5px 30px; border-radius: 3px; font-style: normal; }
.badge-before { border: 1px dashed #999; color: #999999; }
.badge-after { border: 1px dashed #ea5a3d; color: #ea5a3d; }
.qq-m-before, .qq-m-after { width: 277px; }
.qq-m-before .s_thumb { top: 2px; left: -39px; }
.qq-m-after .s_thumb { top: 2px; left: -15px; }
.sg-before, .sg-after { width: 360px; }
.sg-after .s_thumb { top: -5px; left: 155px; }
.tx-before, .tx-after, .sg-num-before, .sg-num-after { width: 184px; }
.phone-tool-logo { position: absolute; top: 50px; left: 15px; }
.tx-before .s_thumb, .sg-num-before .s_thumb { top: 60px; left: -8px; }
.tx-after .s_thumb, .sg-num-after .s_thumb { top: 45px; left: -16px; }
.screen-5 .wrap { width: 830px; }
.phone-tool-nav a { font-size: 12px; color: #999; border-bottom: 2px dashed transparent; padding: 4px 0; margin: 0 20px; }
.phone-tool-nav .s_on { border-bottom: 2px solid #fbd3cb; }
.phone-tool-nav a:hover { color: #fbd3cb; }
.mark { position: absolute; top: -30px; right: -30px; z-index: 30; background: url('../nimages/d125e4f6-415c-4218-883d-7a8ae3ef4148.png'); height: 59px; width: 59px; text-align: center; line-height: 59px; color: #fff; font-size: 24px; }
.mark2 { font-size: 13px; line-height: 1.2; }
.mark2 span { display: block; margin-top: 15px; }
/**/
.detect-box { background: url(../nimages/f8f361e1-d242-412d-9243-fc392f6cfc1c.png) center no-repeat; height: 406px; }
.detect-box .s_p { top: 100px; left: 20px; text-align: center; width: 300px; color: #999; }
.detect-box .s_p strong { color: #777; }
.detect-box .s_p1 { top: 237px; left: -37px; }
.detect-box .s_p2 { top: 80px; left: 370px; }
.detect-box .s_p3 { top: 237px; left:773px; }
/*browser*/
.browser { position: relative; }
.browser .s_pane { height: 277px; position: relative; margin-bottom: 30px; }
.browser .s_pane li { text-align: center; visibility: hidden; opacity: 0; position: absolute; top: 10px; left: 0; width: 100%; height: 100%; }
.browser .s_pane .s_active { visibility: visible; opacity: 1; top: 0; }
.browser .s_pane img { vertical-align: top; }
.browser .s_tab { text-align: center; font-size: 12px; }
.browser .s_tab a { display: inline-block; text-align: center; color: #999; margin: 0 20px; }
.browser .s_tab span { display: block; }
.browser .s_tab i { width: 46px; height: 45px; line-height: 40px; }
.browser .s_tab img { vertical-align: middle; }
.browser .s_tab a:hover, .browser .s_tab .s_active { color: #ea5a3d; }
.browser .s_tab i, .browser .s_tab b { background-image: url('../nimages/39ae8cb2-5e77-4d33-a56f-107ad7109413.png'); }
.browser .s_tab b { display: inline-block; background-repeat: no-repeat; vertical-align: middle; }
.browser .s_tab i { background-position: -0px -0px; }
.browser .s_tab a:hover i, .browser .s_tab .s_active i { background-position: -0px -47px; }
.i-b-yy { width: 28px; height: 29px; background-position: -48px -0px; }
.i-b-sg { width: 28px; height: 27px; background-position: -48px -31px; }
.i-b-qq { width: 25px; height: 24px; background-position: -48px -60px; }
/*phone-tool*/
.phone-tool span { width: 184px; display: inline-block; position: relative; text-align: center; color: #999; cursor: pointer; }
.phone-tool span i { width: 100%; height: 354px; line-height: 354px; display: block; margin-bottom: 20px; }
.phone-tool img { width: 50%; height: auto; vertical-align: bottom; opacity: 0.6; }
.phone-tool .s_active img { width: 100%; opacity: 1; }
.phone-tool .s_active strong { display: inline-block; padding-bottom: 5px; border-bottom: 2px solid #f7a898; }
.phone-tool span { top: -30px; left: 50px; }
.show_ani .phone-tool span { top: 0; left: 0; }
/*screen-6*/
.screen-6 .img-box { margin-left: -40px; }
/*card-safe*/
.card-safe { width: 407px; height: 277px; line-height: 277px; margin: 0 auto; }
.card-safe li { position: absolute; left: 50%; width: 100px; height: 100px; text-align: center; color: #bbb; line-height: 1.2; cursor: pointer; }
.card-safe li span { display: block; height: 67px; width: 67px; line-height: 67px; margin: 0 auto 5px; background-repeat: no-repeat; }
.card-safe .s_bg { width: 0; height: auto; vertical-align: bottom; }
.card-safe strong { font-weight: normal; }
.card-safe .s_1 { margin-left: -250px; top: 156px; }
.card-safe .s_2 { margin-left: -205px; top: 40px; }
.card-safe .s_3 { margin-left: -110px; top: -25px; }
.card-safe .s_4 { margin-left: 10px; top: -25px; }
.card-safe .s_5 { margin-left: 105px; top: 40px; }
.card-safe .s_6 { margin-left: 150px; top: 156px; }
.card-safe .s_active strong { color: #d84e15; }
.card-safe .s_active span { color: #d84e15; margin-bottom: 5px; }
.card-safe li { margin-top: 10px; opacity: 0; }
.card-safe li span, .card-safe li span i { background-image: url('../nimages/75051a5a-7799-42a6-a82e-8898dae4cd8d.png'); }
.card-safe li span i { vertical-align: top; }
.i-cs-1 { width: 67px; height: 67px; background-position: -0px -0px; }
.i-cs-2 { width: 67px; height: 67px; background-position: -0px -69px; }
.i-cs-3 { width: 67px; height: 67px; background-position: -0px -138px; }
.i-cs-4 { width: 67px; height: 67px; background-position: -0px -207px; }
.i-cs-5 { width: 67px; height: 67px; background-position: -0px -276px; }
.i-cs-6 { width: 67px; height: 67px; background-position: -0px -345px; }
.card-safe li span { background-position: -0px -483px; }
.card-safe .s_active span { background-position: -0px -414px; }
.show_ani .card-safe li { margin-top: 0; opacity: 1; }
.show_ani .card-safe .s_bg { width: 407px; }
/**/
.pack-wrap { width: 800px; padding-bottom: 20px; }
.m-pack { text-align: center; margin-bottom: 20px; }
.m-pack li { float: left; display: inline; position: relative; }
.m-pack .c_hd { font-size: 12px; color: #666; width: 205px; background-color: #fbfbfb; }
.m-pack .c_hd .s_th span { display: block; padding-top: 90px; font-size: 18px; }
.m-pack .c_hd .s_td { padding-left: 15px; text-align: left; }
.m-pack .c_hd em { background-color: #e25630; padding: 0 6px; display: inline-block; border-radius: 8px; color: #fff; height: 16px; line-height: 16px; }
.m-pack .c_bd { width: 193px; background-color: #FFF; }
.m-pack .c_bd p { font-size: 12px; color: #999; padding: 10px; text-align: left; }
.m-pack .s_th, .m-pack .s_td { border: 1px solid #ddd; margin: -1px; }
.m-pack .s_th { height: 235px; position: relative; }
.m-pack .s_td { height: 40px;  text-align:center;line-height: 40px;vertical-align:center;}
.m-pack .c_bd:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); color: #e25630; z-index: 1; }
.m-pack .c_bd:hover { margin-top: -20px; }
.m-pack .c_bd:hover .s_th { height: 255px; background-color: #e25630; color: #fff; border-color: #e25630; }
.m-pack .c_bd:hover .s_c, .m-pack .c_bd:hover .s_c del, .m-pack .c_bd:hover .s_c strong, .m-pack .c_bd:hover .s_one { color: #fff; }
.m-pack .s_one { display: block; padding-top: 15px; color: #666; font-size: 20px; }
.m-pack .s_a {text-align:center; height: 97px; margin-bottom: 24px; background: -1px -13px  url(../nimages/213bf3d2-b623-43b3-8f28-3734f665b81b.png)   no-repeat; }
.m-pack .s_a strong { position: absolute; top: 20px; left: 0; width: 100%; font-size: 22px; font-weight: normal; }
.m-pack .s_b { position: absolute; }
.m-pack .s_c { text-align:center;font-size: 12px; line-height: 1.5; color: #999; }
.m-pack .s_c strong { font-size: 20px; display: block; color: #666; font-weight: normal; }
.m-pack .s_g { display: inline-block; vertical-align: -3px; height: 20px; line-height: 100px; overflow: hidden; width: 20px; background: url(../nimages/73b5e51b-35cc-4471-87c9-ad0cd44d964f.png) no-repeat; }
.m-pack .s_c small, .m-pack .s_c del { display: block; }
.m-pack .s_c del { color: #999; }
.m-pack .s_d {text-align:center; position: absolute; bottom: 20px; left: 0; width: 100%; }
.m-pack .s_td_l { height: 76px;}
.m-pack .a { color: #333; height: 1px; width: 11px; background-color: #333; overflow: hidden; display: inline-block; }
.bt-3 { display: inline-block; padding: 0 40px; height: 30px; line-height: 30px; color: #e25630; border: 1px solid #e25630; }
.bt-3:hover, .bt-3:focus { text-decoration: none; }
.m-pack .c_bd:hover .bt-3, .m-pack .s_td_l .bt-3 { background-color: #fff; border-color: #fff; color: #e25630; }
.i-1 .tip-box { display: none; }
.i-1:hover .tip-box { display: block; }
.i-1, .i-2 { background-image: url('../nimages/9d61a4de-9427-4269-8c29-1dc1f4d0dd67.png'); background-repeat: no-repeat; }
.i-1 { display: inline-block; vertical-align: middle; position: relative; cursor: pointer; }
.i-1 { height: 18px; width: 18px; background-position: -0px -0px; line-height:40px;vertical-align:middle }
.i-2 { height: 15px; width: 20px; background-position: -26px -0px; }
.attention { margin: 0 80px 20px; color: #999; }
.attention strong { font-weight: normal; color: #e25630; }
.pack-hd { border-top: 1px solid #ddd; margin-top: -1px; }
.pack-hd .s_e { padding: 0 10px; width: 1em; text-align: center; }
.pack-hd .s_e span { display: inline-block; vertical-align: middle; width: 1em; line-height: 1.2; }
.pack-hd .s_e span i { font-style: normal; margin-left: -1px; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
.pack-hd th, .pack-hd td { border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; }
.pack-hd th { height: 235px; }
.pack-hd td { height: 40px; line-height: 40px; padding-left: 20px; text-align: left; }
.pack-hd .s_f { border-right: 1px solid #fbfbfb; }
.pack-a { height: 100%; width: 100%; font-size: 18px; color: #666; font-weight: normal; }
.pack-a .s1 { top: 51px; left: 90px; z-index: 1; }
.pack-a .s2 { left: 36px; top: 157px; }
.pack-a .s3, .pack-a .s3 b { border-left: 101px dashed transparent; border-bottom: 117px dashed transparent; }
.pack-a .s3 { top: 0; left: 0; height: 0; width: 0; border-right: 101px solid #ddd; border-top: 117px solid #ddd; }
.pack-a .s3 b { position: absolute; top: 0; left: 2px; height: 0; width: 0; border-right: 101px solid #fbfbfb; border-top: 117px solid #fbfbfb; }
/*123*/
.trans5 { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }
.trans-delayd5 { -webkit-transition-delay: 0.5s; -o-transition-delay: 0.5s; -moz-transition-delay: 0.5s; transition-delay: 0.5s; }
.trans-delayd7 { -webkit-transition-delay: 0.7s; -o-transition-delay: 0.7s; -moz-transition-delay: 0.7s; transition-delay: 0.7s; }
.trans-delayd9 { -webkit-transition-delay: 0.9s; -o-transition-delay: 0.9s; -moz-transition-delay: 0.9s; transition-delay: 0.9s; }
.trans-delay1 { -webkit-transition-delay: 1s; -o-transition-delay: 1s; -moz-transition-delay: 1s; transition-delay: 1s; }
.trans-delay1d1 { -webkit-transition-delay: 1.1s; -o-transition-delay: 1.1s; -moz-transition-delay: 1.1s; transition-delay: 1.1s; }
.trans-delay1d2 { -webkit-transition-delay: 1.2s; -o-transition-delay: 1.2s; -moz-transition-delay: 1.2s; transition-delay: 1.2s; }
.trans-delay1d5 { -webkit-transition-delay: 1.5s; -o-transition-delay: 1.5s; -moz-transition-delay: 1.5s; transition-delay: 1.5s; }
.trans-delay2 { -webkit-transition-delay: 2s; -o-transition-delay: 2s; -moz-transition-delay: 2s; transition-delay: 2s; }
.trans-delay2d5 { -webkit-transition-delay: 2.5s; -o-transition-delay: 2.5s; -moz-transition-delay: 2.5s; transition-delay: 2.5s; }
.trans-delay3 { -webkit-transition-delay: 3s; -o-transition-delay: 3s; -moz-transition-delay: 3s; transition-delay: 3s; }
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
@keyframes bounceIn {
0%, 100%, 20%, 40%, 60%, 80% { -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1); transition-timing-function: cubic-bezier(0.215, .61, .355, 1) }
0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) }
20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1) }
40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9) }
60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03) }
80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97) }
100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) }
}
.bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; -webkit-animation-duration: .75s; animation-duration: .75s }