.w100{ width:100%;}
.w1200{ width:1200px; margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}
.vat{ vertical-align:top;}
em,i{ font-style: normal; font-weight: normal;}
.clearboth{clear:both;height:0;overflow:hidden; display:block;}
.sup{vertical-align:text-top;}
.sub{vertical-align:text-bottom;}


.Header{ position:fixed; left:0; top:0; z-index:999; padding:20px 0;}
.HeaderOn{ background:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.2);}
.HeaderMain{ width:90%; margin:0 auto;}
.HeaderLogo{ height:50px; width:100px; position:relative;}
.HeaderLogo img{ height:100%; vertical-align:top; position:absolute; left:0; top:0;}
.HeaderNav{ margin-top:16px;}
.HeaderNav a{ display:inline-block; margin-right:30px;}
.HeaderNav a,.HeaderNav a:hover{ color:#fff;}
.HeaderOn .HeaderNav a{ color:#000;}
.hlimg2,.HeaderOn .hlimg1{ display:none;}
.HeaderOn .hlimg2{ display:block;}



.Dyde{background:#e9e9e9; text-align:center;}
.Dyde .pt11{ padding-top:100px;}
.otxt,.obtn{ border:none; background:none; font-size:12px; color:#5e5e5e; margin:0 5px; height:40px; line-height:40px; background:#fff; display:inline-block; vertical-align:middle;}
.Dyde .otxt{ width:290px; padding:0 12px;}
.Dyde .obtn{ width:120px; font-weight:bold; text-align:center;color:#fff;  background:#8a8a8a; position:relative;}
.Dyde .obtn:before{ background:#fff;}
.Dyde .obtn:hover{ color:#5e5e5e;}
.fieldset{ padding-top:30px; padding-bottom:100px;}

.Dyp1{ font-size:19px; color:#191919; letter-spacing:2px;}
.Dyp2{ font-size:12px; color:#5b5b5b; line-height:18px; padding-top:15px;}

.Otherlink{ padding:20px 0; color:#fff; text-align:center;background:#d8d8d8; font-size:12px;}
.Otherlink a{ color:#656565;}
.Otherlink a:hover{ color:#555;}
.Otherlink em{ font-size:14px; padding:0 50px;}

.Foot1200{ position:relative; padding-bottom:30px;}
.Footnav{ font-size:12px;  background:#565656; line-height:26px; padding-top:60px;}
.Footnav,.Footnav a{color:#b2b2b2;}
.Footnavul{ padding-right:100px;}
.Footmail{ padding-top:120px;}
.erweima{ position:absolute; right:0; bottom:30px;}

.ShareFoot a{ width:35px!important; height:35px!important;margin:0!important; margin-right:10px!important;}
.ShareFoot .bds_weixin{ background:url(../img/index/bds_weixin.png)  center no-repeat!important;}
.ShareFoot .bds_tsina{ background:url(../img/index/bds_tsina.png)  center no-repeat!important;}
.ShareFoot .bds_fbook{ background:url(../img/index/bds_fbook.png)  center no-repeat!important; width:20px!important;}
.ShareFoot .bds_twi{ background:url(../img/index/bds_twi.png)  center no-repeat!important;}

.Foot1200 .ShareFoot a{margin-right:0!important;margin-left:15px!important;}

.Footlink{ color:#5d5d5d; font-size:12px; overflow:hidden;zoom:1; padding:12px 0; background:#d8d8d8;}
.Footlink em{ padding:0 5px;}

.Quickmeau,body,.Header,.swiper-pagination-bullet,.FourBg,.Fourimg,.fourz,.mf_p2,.mf_p1,.mfmllimg img,.Pubobtn-txt,.MainThree a{-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.melpimg img,.melp3_i,.melp4,.merdate_i1,.merdate_i2,.mertxtspan1,.mertxtspan2,.mertxti2,.mertxtp2,.mertxtp1,.mfmtxt{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}


.SmallMeau { height:100%; position:relative; width:25px;z-index:99; float:right; height:17px; margin-top:18px; margin-left:100px; cursor:pointer;}
.SmallMeau span{ width:100%; position:absolute; left:0; top:0; z-index:99; display:block; height:2px;border-radius:1px;-webkit-border-radius:1px;-moz-border-radius:1px;background:#fff;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.SmallMeau .m1{ top:0; width:17px; left:4px;}
.SmallMeau .m2{ top:7px;}
.SmallMeau .m3{ top:14px;width:17px; left:4px;}
.HeaderOn .SmallMeau span{ background:#000;}

body{ margin-left:0;width:100%;}
.bodyOn{ margin-left:-330px; }
.bodyOn .Header{ left:-330px;}
.Quickmeau{ color:#fff; background:#46464e; height:100%; width:333px; position:fixed; right:-333px;  top:0; z-index:9999;}
.QuickmeauOn{right:3px;}
.SmallMeau:hover .m1{ left:0;}
.SmallMeau:hover .m2{ left:0; }
.SmallMeau:hover .m3{ left:0; width:100%;}

.QuickmeauTxt{ padding:0 30px;}
.QuickmeauH5{ padding-top:50px; font-size:25px;}
.Quickmeaup1{ padding-top:15px;}
.Quickmeaup1 img{ height:28px;}
.Quickmeaup2{ padding-top:30px; line-height:30px;}
.Quickmeaup3{ padding-top:50px;}
.Quickmeaup4{ padding-top:50px;}
.Quickmeaup5{ padding-top:50px;}
.Quickmeaup5 img{ margin-right:20px;}
.Quickmeaup6{ padding-top:50px;}
.Quickmeaup7{ padding-top:50px;}
.Quickmeaup5 a{ margin:0; margin-right:15px;}



.Pubobtn{ display:inline-block; position:relative; font-size:12px; vertical-align:middle; width:120px; height:40px;line-height:40px; overflow:hidden;zoom:1;}
.Pubobtn-bg{ display:block; position:absolute; left:0; top:0; z-index:0; background:#101010; width:100%; height:100%;}
.Pubobtn-txt{ z-index:9; position:relative;}
.Pubobtn-txt:hover,.submit1:hover{color: #fff;cursor: pointer;}
.Dyde .Pubobtn-bg{ background:#fff; color:#101010;}
.PhoneNav{ display:none;}
@media screen and (max-width: 768px) {
.HeaderNav { display:none;}
.Header{ padding:10px 0;}
.PhoneNav{ display:block;}
.PhoneNav{ padding-top:80px;z-index:888; width:100%; height:400px; background:#000;position:fixed; left:0; top:0;transform:translateY(-100%);-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);transition:all 0.5s ease-in-out 0s;-webkit-transition:all 0.5s ease-in-out 0s;-moz-transition:all 0.5s ease-in-out 0s; z-index:888;}
.PhoneNav a{ color:#fff; font-size:18px;}
.PhoneNav li{ position:relative;float:left; width:100%; position:relative;height:50px;} 
.PhoneNav li a{transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;-moz-transition:all 0.3s linear 0s;position:absolute; text-align:center;left:0; top:0; width:100%;height:80px;line-height:80px;}
.PhoneNav li.on .a1,.PhoneNav li a:hover{ color:#ebecec;}
.PhoneNavOn{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);}
.PhoneNav li .a2,.PhoneNav li.on .a1{opacity:0;-webkit-opacity:0;-moz-opacity:0;}
.PhoneNav li .a1,.PhoneNav li.on .a2{opacity:1;-webkit-opacity:1;-moz-opacity:1;}

.PhoneNav .li1{opacity:0;-webkit-opacity:0;-moz-opacity:0;transform: translateY(-1200px);-webkit-transform: translateY(-1200px);-moz-transform: translateY(-1200px);transition: all 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.42s;-webkit-transition: all 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.42s;-moz-transition: all 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.42s;}
.PhoneNav .li2{opacity:0;-webkit-opacity:0;-moz-opacity:0;transform: translateY(-1000px);-webkit-transform: translateY(-1000px);-moz-transform: translateY(-1000px);transition: all 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.35s;-webkit-transition: all 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.35s;-moz-transition: all 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.35s;}
.PhoneNav .li3{opacity:0;-webkit-opacity:0;-moz-opacity:0;transform: translateY(-800px);-webkit-transform: translateY(-800px);-moz-transform: translateY(-800px);transition: all 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.28s;-webkit-transition: all 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.28s;-moz-transition: all 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.28s;}
.PhoneNav .li4{opacity:0;-webkit-opacity:0;-moz-opacity:0;transform: translateY(-600px);-webkit-transform: translateY(-600px);-moz-transform: translateY(-600px);transition: all 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.21s;-webkit-transition: all 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.21s;-moz-transition: all 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.21s;}
.PhoneNav .li5{opacity:0;-webkit-opacity:0;-moz-opacity:0;transform: translateY(-400px);-webkit-transform: translateY(-400px);-moz-transform: translateY(-400px);transition: all 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.14s;-webkit-transition: all 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.21s;-moz-transition: all 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.21s;}
.PhoneNav .li6{opacity:0;-webkit-opacity:0;-moz-opacity:0;transform: translateY(-200px);-webkit-transform: translateY(-200px);-moz-transform: translateY(-200px);transition: all 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.07s;-webkit-transition: all 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.07s;-moz-transition: all 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.07s;}

.PhoneNavOn li.li1,.PhoneNavOn li.li2,.PhoneNavOn li.li3,.PhoneNavOn li.li4,.PhoneNavOn li.li5{opacity:1;-webkit-opacity:1;-moz-opacity:1;transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);}

.SmallMeauOn .m1,.SmallMeauOn .m3{ width:100%;}
.SmallMeauOn .m2{ display:none;}
.SmallMeauOn .m1{transform: rotate(45deg); top:8px;}
.SmallMeauOn .m3{transform: rotate(-45deg);top:8px;}
}