@charset "utf-8";
 
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin: 0; padding: 0; }
a:active, a:focus, a { outline: none; }
body {width: auto; min-width: 1210px; }
li { list-style-type: none; }
.clear { clear: both; }
.fl { float: left; }
.fr { float: right; }
.fz12 { font-size: 12px; }
.wfs { width: 100%; }
 
.db { display: block; }
.fs12 { font-size: 12px; }
.tac { text-align: center; }
.fl { float: left; }
.fr { float: right; }
.pr { position: relative; }
.pa { position: absolute; }
.trans { transition: all 0.3s ease 0s; }
.cf:after, .cf:before, .inline:after, .inline:before { display: table; content: ""; }
.cf:after, .inline:after { clear: both; overflow: hidden; }
.inline li { float: left; }
em { font-style: normal; }
.i, i { display: inline-block; vertical-align: middle; background-repeat: no-repeat; }
.wrap { width: 1210px; margin-left: auto; margin-right: auto; position: relative; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.pip { width: 1px; height: 1em; vertical-align: middle; display: inline-block; overflow: hidden; background-color: rgb(221, 221, 221); }
 
.product-nav{width: 100%;display: block;text-align: center;bottom:0}
.product-nav .items{margin: 0 auto;overflow: hidden;}
.product-nav .item{color: #fff;display: inline-block;font-size: 22px;padding: 12px 28px;line-height:28px;}
.product-nav .item.icon1.cur{background-color: #fff;color: #ff6f06;}
.product-nav .item.icon2.cur{background-color: #fff;color: #ff6f06;}
.product-nav .item.icon1 span, .product-nav .item.icon2 span{float: left;margin-right: 4px;display: block;width:28px;height: 28px;}
.product-nav .item.icon1 span{background: url(../images/icon_product_auth2.png) center center no-repeat;}
.product-nav .item.icon1.cur span{background: url(../images/icon_product_auth.png) center center no-repeat;}
.product-nav .item.icon2{color: #ffffff;}
.product-nav .item.icon2 span{background: url(../images/icon_product_vip.png) center center no-repeat;}
.product-nav .item.icon2.cur span{background: url(../images/icon_product_vip2.png) center center no-repeat;}

.banner { padding:50px 0; height:180px; margin-bottom:40px; background: url('../images/banner.jpg') center no-repeat;}
.banner h2 { font-size: 32px; color: rgb(255, 255, 255); padding-top:20px; font-weight: 400; width: 100%; }
.banner h3 { font-size: 24px; color: rgb(255, 255, 255); padding-top:80px; font-weight: 200; width: 100%; }
.banner h4 { font-size: 20px; color: rgb(255, 255, 255); padding-top:120px; font-weight: 200; width: 100%; }
.m-pack { text-align: center; margin-bottom: 20px; }
.m-pack li { float: left; display: inline; position: relative; }
.m-pack .c_hd { font-size: 14px; color: rgb(102, 102, 102); width: 210px; background-color: rgb(251, 251, 251); }
.m-pack .c_hd em { background-color: rgb(226, 86, 48); padding: 0px 6px; display: inline-block; border-radius: 8px; color: rgb(255, 255, 255); height: 16px; line-height: 16px; }
.m-pack .c_bd { width: 250px; background-color: rgb(255, 255, 255); }
.m-pack .c_bd p { font-size: 12px; color: rgb(153, 153, 153); padding: 10px; text-align: left; }
.m-pack .s_td, .m-pack .s_th { border: 1px solid rgb(221, 221, 221); margin: -1px; }
.m-pack .s_th { height: 235px; position: relative; }
.m-pack .s_td { height: 42px; line-height: 48px; }
.m-pack .c_bd:hover,.m-pack .hover { box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4); color: rgb(226, 86, 48); z-index: 1; margin-top: -20px; }
.m-pack .c_bd:hover .s_th,.m-pack .hover .s_th { height: 255px; background-color: rgb(226, 86, 48); color: rgb(255, 255, 255); border-color: rgb(226, 86, 48); }
.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: rgb(255, 255, 255); }
.m-pack .hover .s_c, .m-pack .hover .s_c del, .m-pack .hover .s_c strong, .m-pack .hover .s_one { color: rgb(255, 255, 255); }
.m-pack .s_a { height: 97px; margin-bottom: 5px; background: url('../images/half-circle.png') no-repeat scroll -1px -13px transparent; }
.m-pack .s_a strong { position: absolute; top: 20px; left: 0px; width: 100%; font-size: 22px; font-weight: 400; }
.m-pack .s_c { font-size: 12px; line-height: 1.5; color: rgb(153, 153, 153); }
.m-pack .s_c strong { font-size: 20px; display: block; color: rgb(102, 102, 102); font-weight: 400; }
.m-pack .s_c del, .m-pack .s_c small { display: block; }
.m-pack .s_c del { color: rgb(153, 153, 153); }
.m-pack .s_d { position: absolute; bottom: 20px; left: 0px; width: 100%; }
.m-pack .s_td_l { height: 76px; }
.m-pack .a { color: rgb(51, 51, 51); height: 1px; width: 11px; background-color: rgb(51, 51, 51); overflow: hidden; display: inline-block; }
.bt-1 { display: inline-block; padding: 0px 40px; height: 30px; line-height: 30px; color: rgb(226, 86, 48); border: 1px solid rgb(226, 86, 48); }
.bt-1:focus, .bt-1:hover { text-decoration: none; }
.m-pack .c_bd:hover .bt-1, .m-pack .s_td_l .bt-1 { background-color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); color: rgb(226, 86, 48); }
.i-1 .tip-box { display: none; }
.i-1:hover .tip-box { display: block; }
.tip-box { z-index: 10; position: absolute; top: 34px; left: -20px; background-color: rgb(255, 255, 255); padding: 10px; border: 1px solid rgb(226, 86, 48); border-radius: 5px; }
.tip-box .tip { display: block; }
.tip-box .i-2 { position: absolute; top: -15px; left: 20px; }
.i-1, .i-2 { background-image: url('../images/i.png'); background-repeat: no-repeat; }
.i-1 { display: inline-block; vertical-align: middle; position: relative; cursor: pointer; height: 18px; width: 18px; background-position: 0px 0px; }
.i-2 { height: 15px; width: 20px; background-position: -26px 0px; }
.tip { background: url('../images/tip.jpg') no-repeat scroll 0% 0% transparent; }
.i-tip1 { height: 166px; width: 294px; background-position: 0px -200px; }
.i-tip2 { height: 159px; width: 221px; background-position: -1635px -184px; }
.i-tip3 { height: 30px; width: 83px; background-position: -1807px 0px; }
.i-tip3-2 { background-image: url('../images/hy_83x30.png'); background-position: 0px 0px; }
.i-tip3-3 { background-image: url('../images/sm_83x30.png'); background-position: 0px 0px; }
.i-tip3-4 { background-image: url('../images/qy_83x30.png'); background-position: 0px 0px; }
.i-tip4 { height: 198px; width: 309px; background-position: 0px 0px; }
.i-tip5 { height: 183px; width: 297px; background-position: -1210px 0px; }
.i-tip6 { height: 182px; width: 296px; background-position: -1509px 0px; }
.i-tip7 { height: 182px; width: 297px; background-position: -1210px -185px; }
.i-tip8 { height: 183px; width: 297px; background-position: -911px -185px; }
.i-tip9 { height: 183px; width: 297px; background-position: -911px 0px; }
.i-tip10 { height: 182px; width: 297px; background-position: -608px -187px; }
.i-tip11 { height: 185px; width: 297px; background-position: -612px 0px; }
.i-tip12 { height: 182px; width: 295px; background-position: -311px -187px; }
.i-tip13 { height: 185px; width: 299px; background-position: -311px 0px; }
.i-tip14 { height: 174px; width: 124px; background-position: -1509px -184px; }
.attention { margin: 0px 80px 20px; color: rgb(153, 153, 153); }
.attention strong { font-weight: 400; color: rgb(226, 86, 48); }
.pack-hd { width: 100%; border-top: 1px solid rgb(221, 221, 221); margin-top: -1px; }
.pack-hd .s_e { padding: 0px 20px; 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; transform: rotate(90deg); }
.pack-hd td, .pack-hd th { border-bottom: 1px solid rgb(221, 221, 221); border-left: 1px solid rgb(221, 221, 221); }
.pack-hd th { height: 235px; }
.pack-hd td { height: px; line-height: 42px; padding-left: 20px; text-align: left; }
.pack-hd .s_f { border-right: 1px solid rgb(251, 251, 251); }
.pack-a { height: 100%; width: 100%; font-size: 18px; color: rgb(102, 102, 102); font-weight: 400; }
.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: 0px; left: 0px; height: 0px; width: 0px; border-right: 101px solid rgb(221, 221, 221); border-top: 117px solid rgb(221, 221, 221); }
.pack-a .s3 b { position: absolute; top: 0px; left: 2px; height: 0px; width: 0px; border-right: 101px solid rgb(251, 251, 251); border-top: 117px solid rgb(251, 251, 251); }
.block2 { background-color: rgb(255, 255, 255); padding: 0px 0px; margin-top: 30px; }
.m-card, .mp-card { color: rgb(51, 51, 51); line-height: 1.8; }
.m-card h3, .mp-card h3 { font-size: 24px; font-weight: 400; text-align: center; margin-bottom: 10px; }
.m-card { border-bottom: 1px solid rgb(245, 245, 245); padding-bottom: 30px; margin-bottom: 20px; }
.m-card ol, .m-card p { width: 600px; margin: 0px auto; }
.m-card ol { margin-bottom: 30px; }
.card-show { width: 880px; height: 232px; background: url('../images/card.png') no-repeat scroll center top transparent; margin: 0px auto; padding-bottom: 30px; position: relative; }
.card-show em, .card-show strong { position: absolute; width: 40%; text-align: center; bottom: 0px; font-weight: 400; }
.card-show em { left: 0px; }
.card-show strong { right: 0px; }
.mp-card .a { width: 845px; margin: 40px auto 0px; }
.mp-card .a strong { position: absolute; text-align: center; bottom: 0px; font-weight: 400; left: 0px; width: 100%; }
.mp-card .a img { position: absolute; top: 200px; left: 80px; }
.mp-card .a-a, .mp-card .a-b { position: relative; width: 373px; height: 370px; background: url('../images/phone.png') no-repeat scroll center top transparent; }