@font-face { font-family:"HanHei SC"; src:url(https://images.iyunmai.com/home/static/css/font/HanHei-SC-text.woff)}
@font-face { font-family:"MiSans Medium"; src:url("https://images.iyunmai.com/home/static/css/font/MiSans/MiSans-Medium.woff2")}
@font-face { font-family:"MiSans Regular"; src:url("https://images.iyunmai.com/home/static/css/font/MiSans/MiSans-Regular.woff2")}
@font-face { font-family:"MiSans Light"; src:url("https://images.iyunmai.com/home/static/css/font/MiSans/MiSans-Light.woff2")}
@font-face { font-family:"MiSans Semibold"; src:url("https://images.iyunmai.com/home/static/css/font/MiSans/MiSans-Semibold.woff2")}
@font-face { font-family:"MiSans Heavy"; src:url("https://images.iyunmai.com/home/static/css/font/MiSans/MiSans-Heavy.woff2")}

body{ background:#fff; font:12px "PingHei","Microsoft YaHei", "YaHei", "arial", "Hiragino Sans GB", "sans-serif"}
body, ul, li, h1, h2, h3, h4, h5, h6, p, th, td, dl, dt, dd{ margin:0; padding:0; font-weight:normal; font-style:normal}
table, h1, h2, h3, h4, h5, h6{ font-size:12px}
ul, li, dl, dt, dd{ list-style-type:none}
table{ border-collapse:collapse; border-spacing:0; border:0}
img{ border:none; vertical-align:bottom}
a, button{ cursor:pointer}
*:focus { outline: none}
.html_y{ overflow-y:hidden}
.html_hidden{ height:100%; overflow:hidden}

a:link{ text-decoration:none}
a:visited{ text-decoration:none}
a:hover{ text-decoration:none}
a:active{ text-decoration:none}

.family_arial{ font-family:"Gotham-Book","arial"}

.font_14{ font-size:14px}
.font_16{ font-size:16px}
.font_20{ font-size:20px}
.font_26{ font-size:26px}
.font_32{ font-size:32px}
.fw_b{ font-weight:bold}

.co_red{ color:#F00}
.co_666{ color:#666}

.bc_e1{ background-color:#e1e1e1}
.bc_f0{ background-color:#f0f0f0}
.bc_f2{ background-color:#f2f2f2}
.bc_f3{ background-color:#f3f3f3}
.bc_32{ background-color:#32323E}
.bc_f7{ background-color:#f7f7f7}
.bc_fa{ background-color:#fafafa}
.bc_f4{ background-color:#F4F6F8}
.bc_fff{ background-color:#fff}

.f_l{ float:left}
.f_r{ float:right}
.ta_l{ text-align:left}
.ta_c{ text-align:center}
.ta_r{ text-align:right}
.dp_n{ display:none}
.clear{ clear:both}

.main{ width:1160px; margin:auto; overflow:hidden}
.main_1520{ width:1520px; margin:auto; overflow:hidden}
.main_over_auto{ overflow:visible}
.icon_bg{ background-image:url(../images/icon.png?t=202305121428); background-repeat:no-repeat}
.country_icon{ background-image:url(https://images.iyunmai.com/home/static/images/country_icon.png?t=202305121428); background-repeat:no-repeat}

.tel_icon{ background-position:22px -267px}
.pass_icon{ background-position:20px -401px}
.code_icon{ background-position:20px -337px}
.passrep_icon{ background-position:20px -476px}
.name_icon{ background-position:20px 13px}
.age_icon{ background-position:20px -57px}
.heavy_icon{ background-position:20px -197px}
.sex_icon{ background-position:20px -126px}
.tel_icon{ background-position:20px -267px}
.pen_icon{ background-position:-110px 13px}
.height_icon{ background-position:-110px -57px}
.sinaWeiBo_icon{ background-position:-110px -127px}
.sms_icon{ background-position:20px -1887px}
.cart_icon{ background-position:15px -2747px}

a{ text-decoration:none; color:#666; transition:color .3s ease-out; -webkit-transition:color .3s ease-out}
a:hover{ color:#2CC699}

.btn{ border-radius:6px; transition:background-color .3s ease-in; -webkit-transition:background-color .3s ease-in}

.title{ height:24px; padding-top:25px; line-height:24px; color:#515254; font-size:22px}
.title .tag{ float:right; color:#ABABAB; font-size:14px}
.title .tag a{ font-size:14px; text-decoration:underline}
.tit_1{ font-size:60px; color:#515255; text-align:center; line-height:62px}
.tit_2{ font-size:36px; color:#8C8C8C; text-align:center; line-height:38px; padding-top:20px}
.tit_3{ font-size:14px; color:#73797E; text-align:center; line-height:20px; padding-top:20px}
.tit_4{ font-size:40px; color:#333; text-align:center; line-height:42px}
.tit_5{ font-size:30px; color:#8C8C8C; text-align:center; line-height:32px; padding-top:20px}
.tit_6{ font-size:18px; color:#000; text-align:center; line-height:28px; padding-top:20px}

.input{ width:302px; height:52px; float:left; border:1px solid #696E73; position:relative; background-color:#fff; border-radius:6px; opacity:0.5; transition:opacity .3s ease-in; -webkit-transition:opacity .3s ease-in; z-index:9999}
.input input{ width:230px; height:30px; line-height:30px; background-color:#fff; border:none; padding:0; font-size:16px; color:#777; float:left; margin-top:11px}
.input:hover, .input_hover{ opacity:1}
.input_error{ opacity:1; border:2px solid #f00}
.input .icon{ width:56px; height:52px; float:left}
.input i{ width:200px; height:30px; font-style:normal; color:#777; line-height:30px; float:left; font-size:16px; position:absolute; top:10px; left:58px; cursor:text}
.input .i_999{ color:#999}
.input .itf{ top:5px; left:23px}
.input .w_150{ width:150px}
.input .w_120{ width:120px}
.input .verCode{ width:80px; height:32px; float:left; margin-top:10px}
.input .verCode img{ width:80px; height:32px}

.head{ width: 100%; height: 64px; position: relative; z-index: 9999; transition: margin-top .9s cubic-bezier(.86, 0, .07, 1); -webkit-transition: margin-top .9s cubic-bezier(.86, 0, .07, 1)}
.head .logo{ width:143px; height:32px; float:left; margin-top: 16px; background:url(../images/logo_new.png?t=2022) no-repeat; position: relative; z-index: 10}
.head .nav{ width:800px; height:64px; line-height: 64px; float: left; text-align:center; position:absolute; left: 50%; margin-left: -400px}
.head .nav a{ font-size: 16px; color:#fff; padding:0 42px; display:inline-block}
.head .appBtn{ float: right; padding-left: 32px; line-height: 64px; font-size: 16px; color: #fff; background-position: -400px -184px; position: relative; z-index: 10}

.head_box{ width:100%; height:64px; float:left; background-color:rgba(0,0,0,1); transition: all 0.2s ease}
.head_b .head_box{ background-color:rgba(0,0,0,0)}
.head_fixed{ position:fixed; left:0; top:0; z-index:999998}

.select_product{ width:100%; border-top:1px solid rgba(226,226,226,1); height:0; opacity: 0; float:left; position:absolute; overflow:hidden; top:120px; background-color:#fff; z-index:999999; transition: height .2s ease-out,opacity .2s ease-out; -webkit-transition:height .2s ease-out,opacity .2s ease-out}
.select_product ul{ width:0; height:0; overflow:hidden; float:left; position:absolute; left:50%}
.select_product li{ width:146px; float:left; margin:15px 10px 0; transform:translate3d(60px,0,0) rotate(0.0001deg); -webkit-transform:translate3d(60px,0,0) rotate(0.0001deg); opacity:0}
.select_product a{ width:100%; float:left; transition:opacity .25s linear; -webkit-transition:opacity .25s linear}
.select_product .img_box{ width:100%; height: 84px; float:left; text-align:center; background:url(../images/hero/header/header_bg.png) no-repeat}
.select_product .name{ width:100%; float:left; color:#666; font-size:14px; line-height:28px; text-align:center; padding:16px 0 35px}
.select_product .i_1301{ background-position: center -400px}
.select_product .i_1311{ background-position: center -500px}
.select_product .i_1321{ background-position: center 0}
.select_product .i_1501{ background-position: center -300px}
.select_product .i_16011{ background-position: center -100px}
.select_product .i_19001{ background-position: center -600px}
.select_product .i_17001{ background-position: center -200px}
.select_product .i_18001{ background-position: center -2300px}
.select_product .i_1200{ background-position: center -700px}
.select_product .i_1091{ background-position: center -800px}
.select_product .i_1103{ background-position: center -1500px}
.select_product .i_1080{ background-position: center -1000px}
.select_product .i_1016{ background-position: center -1200px}
.select_product .i_1240{ background-position: center -900px}
.select_product .i_1042{ background-position: center -1100px}
.select_product .i_1100{ background-position: center -1400px}
.select_product .i_1101{ background-position: center -2200px}
.select_product .i_1102{ background-position: center -2900px}
.select_product .i_1021{ background-position: center -1600px}
.select_product .i_1070{ background-position: center -1700px}
.select_product .i_1012{ background-position: center -1800px}
.select_product .i_2100{ background-position: center -1900px}
.select_product .i_1030{ background-position: center -2000px}
.select_product .i_1040{ background-position: center -2100px}
.select_product .i_1041{ background-position: center -2400px}
.select_product .i_1120{ background-position: center -2500px}
.select_product .i_1160{ background-position: center -2600px}
.select_product .i_1180{ background-position: center -2700px}
.select_product .i_1210{ background-position: center -2800px}
.select_product .i_more{ background-position: center -1300px}
.select_product_fixed{ position:fixed; top: 64px}
.select_product_absolute{ position:absolute; top: 64px}

.sub_nav_box{ width:100%; height:72px; float:left; position:relative}
.sub_nav{ width:1520px; float:left; height:72px}
.sub_nav .t_1{ float:left; font-size:20px; line-height:72px; color:#212126}
.sub_nav ul{ height:72px; float:right; padding-right:30px}
.sub_nav li{ float:left}
.sub_nav li a{ height:70px; line-height:70px; float:left; border-bottom:2px solid rgba(56,122,221,0); color:rgba(0,0,0,0.5); font-size:14px; padding:0 22px; transition:color .3s ease-in,border-color .3s ease-in; -webkit-transition:color .3s ease-in,border-color .3s ease-in}
.sub_nav li a:hover, .sub_nav li .cur{ border-color:rgba(240,37,70,1); color:rgba(0,0,0,1)}
.sub_nav .buy_btn{ width:112px; height:36px; float:right; border-radius:5px; margin-top:18px; background-color:#f02546; color:#fff; text-align:center; line-height:36px; font-size:14px; transition:background-color .3s ease-in; -webkit-transition:background-color .3s ease-in}
.sub_nav .buy_btn:hover{ background-color:#ff4848}
.sub_nav .buy_btn:active{ background-color:#d91333}
.sub_nav .dis_btn{ background-color:#e2e2e2}
.sub_nav .dis_btn:hover{ background-color:#e2e2e2}
.sub_nav .dis_btn:active{ background-color:#e2e2e2}

.haoqing_nav_box{ width:100%; height:72px; float:left; position:absolute; top:0; z-index:2; background-color:rgba(255,255,255,0.8); box-shadow:0 8px 5px rgba(0,0,0,0.05)}
.haoqing_nav_fixed{ position:fixed; left:0; top:0; z-index:999998}

.opa_0{ opacity:0}

.selCountry{ width:138px; padding:5px 0; float:left; display:none; overflow:hidden; line-height:24px; position:absolute; border:1px solid #fff; background-color:#fff; z-index:999999}
.selCountry li{ width:118px; height:24px; float:left; overflow:hidden; padding:0 10px}
.selCountry .cn{ padding-left:20px; float:left; background-position:0 4px}
.selCountry .us{ padding-left:20px; float:left; background-position:0 -56px}
.selCountry .kr{ padding-left:20px; float:left; background-position:0 -116px; line-height:26px}
.selCountry .uk{ padding-left:20px; float:left; background-position:0 -176px}
.selCountry .br{ padding-left:20px; float:left; background-position:0 -236px}
.selCountry .ua{ padding-left:20px; float:left; background-position:0 -296px}
.selCountry .tw{ padding-left:20px; float:left; background-position:0 -356px}
.selCountry .ru{ padding-left:20px; float:left; background-position:0 -416px}
.selCountry .au{ padding-left:20px; float:left; background-position:0 -476px}
.selCountry .eu{ padding-left:20px; float:left; background-position:0 -596px}

.foot{ width:100%; float:left; position:relative; background-color:#4A4A4D}
.foot .box{ width:1160px; float:left; position:relative; left:50%; margin-left:-580px; padding-top:63px}
.foot .tel{ color:#fff; font-size:28px; text-align:center; line-height:36px; float:left; padding-left:5px}
.foot .tel .fs_12{ width:100%; float:left; line-height:22px; font-size:12px; color:rgba(255,255,255,0.4); padding-top:20px}
.foot a{ color:rgba(255,255,255,0.4); transition:color .3s ease-out; -webkit-transition:color .3s ease-out}
.foot a:hover{ color:#fff}
.foot ul{ float:right}
.foot li{ width:60px; float:left; text-align:right; line-height:20px; margin-left:90px}
.foot li .tit{ width:100%; float:left; color:#fff; padding-bottom:12px}
.foot li a{ width:100%; float:left; margin:2px 0}
.foot li:first-child{ margin-left:0}
.foot .info{ width:100%; float:left; border-top:1px solid rgba(255,255,255,0.1); color:rgba(255,255,255,0.4); line-height:24px; margin-top:36px; padding:24px 0}
.foot .info a{ float:left}
.foot .info .line{ width:1px; height:10px; float:left; background-color:rgba(255,255,255,0.4); margin:8px 10px 0}
.foot .info .countryBtn{ padding-left:20px; float:right; background-position:0 4px}

.ensure{ width:100%; min-width:730px; height:290px; float:left; background-color:#f5f5f5; overflow:hidden}
.ensure ul{ width:1176px; height:290px; float:left; position:relative; left:50%; margin-left:-588px}
.ensure li{ width:25%; padding-top:110px; float:left; line-height:20px; text-align:center; color:#323232; background:url(../images/ensure_bg.png) no-repeat center 35px}
.ensure .t_1{ width:100%; float:left; font-size:16px; padding-bottom:10px}
.ensure .t_2{ width:100%; height:64px; float:left; color:#666}
.ensure .t_3{ width:100%; float:left}
.ensure .t_3 a{ color:#10a570}
.ensure .icon_2{ background-position:center -265px}
.ensure .icon_3{ background-position:center -565px}
.ensure .icon_4{ background-position:center -865px}

.phone_box{ width:100%; float:left; overflow:hidden; top:0; left:0; position:absolute; background-color:rgba(0,0,0,0.7); padding-bottom:40px; opacity:0; display:none; transition-timing-function:"ease"; z-index:9999999}
.phone_box .box{ width:870px; float:left; overflow:hidden; position:relative; background-color:#fff; top:20px; left:50%; margin-left:-435px}
.phone_box .t_1{ width:100%; float:left; font-size:32px; line-height:60px; color:#666; margin-top:20px}
.phone_box .t_2{ width:100%; float:left; font-size:14px; line-height:18px; color:#888}
.phone_box .t_3{ width:100%; float:left; font-size:20px; line-height:40px; color:#888; background-position:-130px -205px; text-indent:35px; margin:40px 0 10px}
.phone_box .and_icon{ background-position:-130px -270px}
.phone_box .plr_35{ padding:0 35px}
.phone_box ul{ width:100%; float:left; color:#323232; font-size:14px; line-height:22px; padding-bottom:30px}
.phone_box li{ width:100%; float:left; padding:3px 0}
.phone_box li label{ width:75px; text-align:center; display:inline-block}
.phone_box .w_100{ width:100px; float:left; color:#888}
.phone_box .w_700{ width:700px; float:left}
.phone_box .phoneImg{ width:100%; height:240px; float:left; overflow:hidden}
.phone_box .close{ width:60px; height:60px; float:left; background-position:0 -2400px; position:fixed; right:25px; top:15px}

.weixin{ width:500px; height:480px; float:left; position:absolute; display:none; opacity:0; overflow:hidden; z-index:9999930}
.weixin .con{ width:400px; height:440px; float:left; padding:20px; background-color:#fff; color:#676C72}
.weixin .con a{ text-decoration:underline}
.weixin .tit{ width:400px; font-size:26px; text-align:center; line-height:30px; height:30px; padding-bottom:30px; margin-bottom:10px; border-bottom:1px dashed #E1E1E1}
.weixin p{ width:400px; font-size:14px; line-height:20px; text-align:center; padding-bottom:20px}
.weixin img{ width:296px; height:296px; float:left; margin-left:52px}
.weixin .close{ width:60px; height:60px; float:left; background-position:-400px -780px}

.down_list{ width:322px; height:0; overflow:hidden; float:left; margin-top:-10px}
.down_list .list{ width:303px; float:left; margin-bottom:10px}
.down_list .list a{ width:243px; padding-left:55px; line-height:28px; height:28px; display:block; font-size:16px; color:#333; transition:none; -webkit-transition:none}
.down_list .list a:hover{ text-decoration:none}
.down_list .h_180{ height:180px; overflow-x:hidden; overflow-y:auto}

.down_list_282{ width:272px; margin-top:-5px}
.down_list_282 .list{ width:267px}
.down_list_282 .list a{ width:241px; padding-left:19px}

.mask{ width:100%; height:100%; display:none; position:fixed; top:0; left:0; background-color:#EEE; opacity:0.6; z-index:9999900; float:left}
.mask_op{ opacity:0}
.mask_black{ background-color:#000}

.msg_box{ height:24px; background-color:#F00; float:left; opacity:0.3; position:absolute; right:10px; overflow:hidden; padding:0 10px; line-height:24px; border-radius:5px; color:#fff; transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0)}

.cart_msg{ padding:0 20px; height:42px; color:#fff; font-size:18px; float:left; text-align:center; line-height:42px; opacity:0; border-radius:5px; background-color:#FF2D55; position:absolute; top:-42px; left:50%}

.exegesis_box{ width:100%; min-width:930px; float:left; line-height:40px; background-color:#E5E5E5; color:#666; text-align:center}

.levelThree{ width:100%; min-width: 1160px; float:left; overflow:hidden; position:relative; background-color: #F5F5F5; padding: 40px 0}
.levelThree .img{ width: 100%; float: left; text-align: center}
.levelThree .img img{ max-width: 100%}

@keyframes opa_1{ 0%{ opacity:0} 100%{ opacity:1}}
@-webkit-keyframes opa_1{ 0%{ opacity:0} 100%{ opacity:1}}

@keyframes opac_1{ 0%{ opacity:0} 100%{ opacity:1}}
@-webkit-keyframes opac_1{ 0%{ opacity:0} 100%{ opacity:1}}

@keyframes opac_0{ 0%{ opacity:1} 100%{ opacity:0}}
@-webkit-keyframes opac_0{ 0%{ opacity:1} 100%{ opacity:0}}

@keyframes scale_1{ 0%{ transform:translate3d(0,0,0) scale(1.12) rotate(0.0001deg)} 99.99%{ transform:translate3d(0,0,0) scale(1) rotate(0.0001deg)} 100%{ transform:translate3d(0,0,0) scale(1) rotate(0)}}
@-webkit-keyframes scale_1{ 0%{ -webkit-transform:translate3d(0,0,0) scale(1.12) rotate(0.0001deg)} 99.99%{ -webkit-transform:translate3d(0,0,0) scale(1) rotate(0.0001deg)} 100%{ -webkit-transform:translate3d(0,0,0) scale(1) rotate(0)}}

@keyframes x_15{ 0%{ opacity:0; transform:translate3d(15px,0,0) rotate(0.0001deg)} 99.99%{ opacity:1; transform:translate3d(0,0,0) rotate(0.0001deg)} 100%{ opacity:1; transform:translate3d(0,0,0) rotate(0)}}
@-webkit-keyframes x_15{ 0%{ opacity:0; -webkit-transform:translate3d(15px,0,0) rotate(0.0001deg)} 99.99%{ opacity:1; -webkit-transform:translate3d(0,0,0) rotate(0.0001deg)} 100%{ opacity:1; -webkit-transform:translate3d(0,0,0) rotate(0)}}

@keyframes x_30{ 0%{ opacity:0; transform:translate3d(30px,0,0) rotate(0.0001deg)} 99.99%{ opacity:1; transform:translate3d(0,0,0) rotate(0.0001deg)} 100%{ opacity:1; transform:translate3d(0,0,0) rotate(0)}}
@-webkit-keyframes x_30{ 0%{ opacity:0; -webkit-transform:translate3d(30px,0,0) rotate(0.0001deg)} 99.99%{ opacity:1; -webkit-transform:translate3d(0,0,0) rotate(0.0001deg)} 100%{ opacity:1; -webkit-transform:translate3d(0,0,0) rotate(0)}}

@keyframes y_30{ 0%{ opacity:0; transform:translate3d(0,30px,0) rotate(0.0001deg)} 99.99%{ opacity:1; transform:translate3d(0,0,0) rotate(0.0001deg)} 100%{ opacity:1; transform:translate3d(0,0,0) rotate(0)}}
@-webkit-keyframes y_30{ 0%{ opacity:0; -webkit-transform:translate3d(0,30px,0) rotate(0.0001deg)} 99.99%{ opacity:1; -webkit-transform:translate3d(0,0,0) rotate(0.0001deg)} 100%{ opacity:1; -webkit-transform:translate3d(0,0,0) rotate(0)}}

@keyframes y_60{ 0%{ opacity:0; transform:translate3d(0,60px,0) rotate(0.0001deg)} 99.99%{ opacity:1; transform:translate3d(0,0,0) rotate(0.0001deg)} 100%{ opacity:1; transform:translate3d(0,0,0) rotate(0)}}
@-webkit-keyframes y_60{ 0%{ opacity:0; -webkit-transform:translate3d(0,60px,0) rotate(0.0001deg)} 99.99%{ opacity:1; -webkit-transform:translate3d(0,0,0) rotate(0.0001deg)} 100%{ opacity:1; -webkit-transform:translate3d(0,0,0) rotate(0)}}

@keyframes y_100{ 0%{ opacity:0; transform:translate3d(0,100px,0) rotate(0.0001deg)} 99.99%{ opacity:1; transform:translate3d(0,0,0) rotate(0.0001deg)} 100%{ opacity:1; transform:translate3d(0,0,0) rotate(0)}}
@-webkit-keyframes y_100{ 0%{ opacity:0; -webkit-transform:translate3d(0,100px,0) rotate(0.0001deg)} 99.99%{ opacity:1; -webkit-transform:translate3d(0,0,0) rotate(0.0001deg)} 100%{ opacity:1; -webkit-transform:translate3d(0,0,0) rotate(0)}}

.pt_40{ padding-top:40px}
.pt_45{ padding-top:45px}
.pt_60{ padding-top:60px}
.pl_10{ padding-left:10px}
.pb_5{ padding-bottom:5px}
.pb_50{ padding-bottom:50px}
.pb_100{ padding-bottom:100px}
.pb_200{ padding-bottom:200px}
.pr_80{ padding-right:80px}
.mr_10{ margin-right:10px}
.mr_20{ margin-right:20px}
.mr_50{ margin-right:50px}
.mb_0{ margin-bottom:0}

.w_20{ width:20px}
.wp_100{ width:100%}
.w_140{ width:140px}
.w_303{ width:303px}
.w_380{ width:380px}
.w_450{ width:450px}
.w_600{ width:600px}
.h_250{ height:250px}
.h_600{ height:600px}
.h_900{ height:900px}

.main_min,
.main_min .head,
.main_min .cart_tab,
.main_min .myorder_tab,
.main_min .haoqing_1,
.main_min .haoqing_2,
.main_min .haoqing_3,
.main_min .haoqing_4,
.main_min .haoqing_5,
.main_min .haoqing_6,
.main_min .haoqing_7,
.main_min .haoqing_8,
.main_min .page{ width:930px}
.main_min .sign{ margin-left:136px}
.main_min .log_tit{ margin-left:136px}
.main_min .log_tab{ margin-left:314px}
.main_min .chageLogin{ margin-left:314px}
.main_min .myorder_tab .w_700{ width:470px}
.main_min .error{ margin:90px 0 0 85px}
.main_min .hq_3_chage{ margin:30px 0 0 385px}

.haoqing_nav_box .main_min .sub_nav{ width:930px}

@media only screen and (max-width : 1600px){
	.main_1520{ width:calc(100% - 64px); padding: 0 32px}
	.sub_nav{ width:100%}
}

@media only screen and (max-width : 1360px){
	.foot .info .countryBtn{ padding-left:20px; float:left; margin-left: 30px}
}

@media only screen and (max-width : 1200px){
	.ensure ul{ width:100%; left:0; margin-left:0}
	
	.foot .box{ width:calc(100% - 32px); left:0; margin-left:0; padding:63px 16px 0}
}

@media only screen and (max-width : 1020px){
	.foot li{ width:60px; margin-left:80px}
	.foot .info .i_screen{ width: 100%; float: left}
	.foot .info .il_screen{ display: none}
}

@media only screen and (max-width : 826px){
	.foot .box{ width:780px; left:50%; margin-left:-406px; padding:63px 16px 0}
}

@media only screen and (max-width : 960px){
	.head .nav a{ padding:0 22px}
}

@media only screen and (max-width : 800px){
	.main_1520{ width:724px; padding: 0 32px}
	.pos_rel_800{ position: relative}
}