.pc-nav {position:fixed;z-index:99;top:0;width:100%}
.pc-nav .top-lan {background:rgba(0,0,0,1);font-size:13px;line-height:31px;text-align:right}
.pc-nav .top-lan a {color:#fff;margin-left:30px}
.pc-nav .top-lan a:hover {color:#dbdfeb}
.pc-nav .top-lan .country-select {display:inline-block;color:#fff;float:right;margin-left:30px;position:relative;cursor:pointer}
.pc-nav .top-lan .country-select:after {content:'';width:6px;height:6px;vertical-align:top;display:inline-block;margin:0 0 7px 2px;vertical-align:middle;display:inline-block;border-bottom:2px solid;border-right:2px solid;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.pc-nav .top-lan .country-select ul {position:absolute;text-align:left;width:130px;display:none;background:#fff;border-radius:5px;margin-top:-1px;overflow:visible;z-index:99;margin-left:-30px}
.pc-nav .top-lan .country-select ul:before {content:'';display:inline-block;position:absolute;top:-7px;left:50%;margin-left:-5px;border-bottom:7px solid #fff;border-left:5px solid transparent;border-right:5px solid transparent}
.pc-nav .top-lan .country-select a {margin-left:22px;color:#585858}
.pc-nav .top-lan .country-select a:hover {color:#999}
.pc-nav .top-lan .country-select:hover ul {display:block;box-shadow:0 0 4px #a9a9a9}
.pc-nav .top-lan .country-select:hover:after {-webkit-transform:rotate(-135deg);transform:rotate(-135deg);margin-bottom:0}
.pc-nav .nav-lan {position:absolute;width:100%;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;will-change:transform;background:rgba(255,255,255,1);}
.pc-nav .nav-lan .til-box {text-align:right;margin-right:0;color:#999;}
.pc-nav .nav-lan .til-box .logo {float:left;margin-left:2%;}
.pc-nav .nav-lan .til-box .logo {margin-top:15px;content:'';width:194px;height:43px;vertical-align:middle;display:inline-block;background-size:100% 100%;}
.pc-nav .nav-lan.show {-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.pc-nav .nav-lan.hide {-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}
.pc-nav .nav-lan .nav-til {font-size:16px;position:relative;display:inline-block;padding:24px 1.5% 26px 1.5%;color:#363636;margin:0;}
.pc-nav .nav-lan .nav-til:last-child {margin:0px 5px;float:right;padding:24px 0% 26px 0%;}
.pc-nav .nav-lan .nav-til:nth-last-child(2) {margin:0px 5px;float:right;padding:24px 2% 26px 0%;}
.pc-nav:hover,.pc-nav .nav-fixed {background:#fff;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.2);box-shadow:0 2px 4px 0 rgba(0,0,0,.2)}
.pc-nav:hover .nav-lan,.pc-nav .nav-fixed .nav-lan {background:#fff}
.pc-nav:hover .nav-lan .logo,.pc-nav .nav-fixed .nav-lan .logo {background-position:0 0}
.pc-nav:hover .nav-til,.pc-nav .nav-fixed .nav-til {color:#363636}
.pc-nav:hover .nav-til:after,.pc-nav .nav-fixed .nav-til:after {border-bottom:1px solid #585858;border-right:1px solid #585858}
.pc-nav:hover .nav-til:hover,.pc-nav .nav-fixed .nav-til:hover {color:#fff; background:#D9221C}
.pc-nav:hover .nav-til:hover:last-child,.pc-nav .nav-fixed .nav-til:hover:last-child {background:none;}
.pc-nav:hover .nav-til:hover:nth-last-child(2),.pc-nav .nav-fixed .nav-til:hover:nth-last-child(2) {background:none;}
.pc-nav:hover .nav-til.cur:after,.pc-nav .nav-fixed .nav-til.cur:after {border:0;border-top:1px solid #585858;border-left:1px solid #585858}
.pc-nav:hover .top-lan,.pc-nav .nav-fixed .top-lan {background:#edf1f4}
.pc-nav:hover .top-lan a,.pc-nav:hover .top-lan .country-select,.pc-nav .nav-fixed .top-lan a,.pc-nav .nav-fixed .top-lan .country-select {color:#585858}
.pc-nav .droplist {display:none;position:absolute;left:0;top:77px;background:-webkit-gradient(linear,46% 0%,100% 0%,from(rgba(32,168,118,.8)),to(rgba(30,153,196,.8)));width:100%;padding:3% 0;line-height:30px;}
.pc-nav .droplist>ul {margin:0 auto;text-align:center;width:100%;max-width:1000px;}
.pc-nav .droplist .lev-1 {text-align:left;float:left;width:330px;}
.pc-nav .droplist .lev-1 .juzhong {float:left;margin-left:100px;width:220px;margin-top:10px;}
.pc-nav .droplist .lev-1 .juzhong h4 {font-size:15px;padding:0;margin-bottom:6px;position:relative;color:#fff;line-height:30px;display:inline-block;width:100%;font-weight:normal;}
.pc-nav .droplist .lev-1 h4 a {color:#fff;}
.pc-nav .droplist .lev-1 .menu_tit {font-size:22px;line-height:26px;color:#fff;margin-top:15px;}
.pc-nav .droplist .lev-1 .menu_line {width:50px;height:2px;background:#fff;margin:15px 0;}
.pc-nav .droplist .lev-1 .menu_text {font-size:15px;padding-top:10px;color:#fff;}
.pc-nav .droplist .lev-2 {margin-bottom:10px}
.pc-nav .droplist .lis-item {font-size:13px;color:#666;display:inline-block;vertical-align:top;width:48%;margin-right:1%;padding-left:2%;box-sizing:border-box}
.pc-nav .droplist .lis-item:hover {color:#626dae}
.pc-nav .droplist .try:after,.pc-nav .droplist .new:after {display:inline-block;background:#929fef;vertical-align:top;padding:3px 8px;border-radius:50px;color:#fff;line-height:1;font-size:12px;margin-left:6px}
.pc-nav .droplist .new:after {content:''}
.pc-nav .droplist .try:after {content:''}
.pc-nav.fixed .droplist {top:77px}
.m-nav {display:none}
@media screen and (max-width:1300px) {
.pc-nav .nav-lan .nav-til {font-size:16px;}
}
@media screen and (max-width:1050px) {
.pc-nav .nav-lan .nav-til {padding:18px 1.5% 20px 1.5%;}
.pc-nav .droplist {line-height:28px}
.pc-nav .droplist>ul {max-width:800px;}
.pc-nav .droplist .lev-1 {width:265px;}
.pc-nav.fixed .droplist {top:62px}
.pc-nav .droplist {top:62px;}
.pc-nav .nav-lan .til-box .logo {margin-left:1%;margin-top:5px;width:164px;height:45px;}

.pc-nav .droplist .lev-1 .juzhong {margin-left:100px;width:220px;}
.pc-nav .droplist .lev-1 .juzhong h4 {font-size:14px;margin-bottom:4px;line-height:28px;}
.pc-nav .droplist .lev-1 .menu_tit {font-size:18px;line-height:26px;color:#fff;margin-top:15px;}
.pc-nav .droplist .lev-1 .menu_line {width:45px;height:1px;background:#fff;margin:10px 0;}
.pc-nav .droplist .lev-1 .menu_text {font-size:14px;padding-top:10px;color:#fff;}

}
@media screen and (max-width:860px) {
.pc-nav .nav-lan .nav-til {font-size:15px;padding:10px 1% 12px 1%;}
.pc-nav.fixed .droplist {top:47px}
.pc-nav .droplist {top:47px;}
.pc-nav .nav-lan .til-box .logo {margin-top:5px;width:128px;height:35px;}
}
@media screen and (max-width:768px) {
.pc-nav .nav-lan .til-box .logo {margin-left:1%;}
.pc-nav .nav-lan .til-box {margin-right:1%;}
.pc-nav .nav-lan .nav-til {font-size:14px;padding:15px 0 15px 2%;}
.m-nav {display:block}
.pc-nav {display:none}
.m-nav {background:#fff;height:50px;position:fixed;top:0;width:100%;z-index:99}
.m-nav .icon {cursor:pointer;content:'';width:1.5rem;height:1.5rem;vertical-align:top;display:inline-block}
.m-nav .icon.dropDown {background:url(../images/m-nav-icon1.png) no-repeat center;background-size:auto 100%;float:right;margin:15px 2% 0 10px;}
.m-nav a.phome_banner {font-size:12px;float:right;text-align:left;line-height:50px;padding:0 5px;color:#999;}
.m-droplist {position:absolute;top:49px;width:100%;background:rgba(243,244,244,1);font-size:12px;z-index:99;display:none}
.m-droplist .til-col,.m-droplist .h3 {border-bottom:1px solid #e3e3e3;line-height:26px;}
.m-droplist .til-col {padding:.2133rem 5%}
.m-droplist .til-col .til {display:inline-block}
.m-droplist .til-col .til a {color:#181818; font-size:14px; font-weight:700;}
.m-droplist .cur:after {-webkit-transform:rotate(45deg);transform:rodeta(45deg);margin-top:.267rem}
.m-droplist .h3 {width:100%;font-size:12px;text-align:left;font-weight:normal;padding:2px 10%;box-sizing:border-box}
.m-droplist .h3 a {color:#696969;}
.m-droplist .h3.has-cloud-try-link .cloud-try-link {font-size:12px;padding:0 10px;line-height:24px;color:#696969}
.m-droplist h4 {font-size:.32rem;font-weight:500;padding:.16rem .1067rem;margin-bottom:0;}
.m-droplist .m-lev-2 {display:none}
.m-droplist .m-lev-3 {display:none;margin-left:14%;width:86%}
.m-droplist .m-lev-3 .lis-item {display:block;padding:.16rem .1067rem;border-bottom:1px solid #e8e8e8;margin-left:6%}
.m-droplist .try:after,.m-droplist .new:after {display:inline-block;background:#929fef;vertical-align:top;padding:2px 8px 4px;border-radius:50px;color:#fff;line-height:1;font-size:12px;margin-left:6px}
.m-droplist .new:after {content:''}
.m-droplist .try:after {content:''}
}
@media screen and (min-width:415px) and (max-width:768px) {.m-droplist {font-size:.32rem}
.m-droplist .til-col {font-size:.4rem;padding:.32rem 5% .32rem 6%}
.m-droplist .content a {padding:.2rem 0}
}


@media screen and (max-width:768px) {.m-nav .logo {width:150px;height:33px;margin:8px 0 0 2%;display:inline-block;background-size:100% auto;}
}