@charset "utf-8";
/* Css Document */
html{ font-family:Microsoft YaHei; font-size:.875rem; color:#333; line-height:1.5rem;}
body{ width:expression(document.body.clientWidth <= 320? "320px": "auto"); min-width:320px;}
body,div,ul,li,dl,dt,dd,ol,form,a,span,p,h1,h2,h3,h4,h5,h6,label,table,tbody,tr,th,td,object,iframe{ margin:0px; padding:0px;}
img{ vertical-align:bottom; border:none;}
ul,li{ list-style-type:none;}
a{ color:#333; text-decoration:none; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
a:hover{ color:#abcd03; text-decoration:none;}
a{ outline: none;}
a:active{ star:expression(this.onFocus=this.blur());}
:focus{ outline:0;}
.clear{ width:0px; height:0px; padding:0px; margin:0px; clear:both;}
.anchor{ display:block; height:50px; margin-top:-50px;}
@font-face {
 font-family: "vi-logo-font-Gotham-Book";
 src: url("../Fonts/vi-logo-font-Gotham-Book.otf");
 src: url("../Fonts/Gotham-Book.eot") format("embedded-opentype"),
 url("../Fonts/Gotham-Book.woff") format("woff"),
 url("../Fonts/Gotham-Book.ttf") format("truetype"),
 url("../Fonts/Gotham-Book.svg") format("svg");
}
.eng{ font-family:"vi-logo-font-Gotham-Book";}

/* Css Desktop Top */
.nav{ display:block; position:fixed; top:0px; left:0px; width:100%; height:100px; background-color:#fff; padding:0 5%; z-index:1000; box-sizing:border-box; -webkit-box-sizing:border-box; box-shadow:0 3px 3px 0 rgba(0, 0, 0, 0.08); -webkit-box-shadow:0 3px 3px 0 rgba(0, 0, 0, 0.08);}
.logo{ float:left; width:153px; height:70px; margin-top:15px;}
.logo img{ width:153px; height:70px;}
.menu{ display:none; float:right; margin-left:25px;}
.menu a{ display:block; width:72px; height:60px; background-color:#008cd6; transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;}
.menu a img{ width:28px; height:20px; margin-left:22px; margin-top:20px;}
.menu a:hover{ background-color:#abcd03;}
.db-lb{ float:right;}
.db-lb ul li{ float:left; margin:0 10px;}
.db-lb ul li a{ display:block; padding:0 10px; line-height:100px; font-size:1.15rem; color:#000; transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;}
.db-lb ul li a:hover{ color:#abcd03;}
.db-tb{ float:right; margin-left:12px;}
.db-tb ul li{ float:right; margin-left:15px; cursor:pointer;}
.db-tb ul li img{ margin-top:36px;}
.db-tb ul li.db-sR{ display:none;}
.db-tb ul li.db-ss{ width:100px; height:100px; background-color:#008cd6; text-align:center; margin-left:35px; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
.db-tb ul li.db-ss:hover{ background-color:#abcd03;}
@media screen and (max-width:1440px) { 
.db-lb ul li{ margin:5px;}
}
@media screen and (max-width:1280px) { 
.db-lb ul li{ margin:0px;}
.db-lb ul li a{ padding:0 5px;}
.db-tb ul li.db-ss{ margin-left:20px;}
}
@media screen and (max-width:1024px) { 
.nav{ height:60px; padding:0 0 0 5%;}
.logo{ width:87px; height:40px; margin-top:10px;}
.logo img{ width:87px; height:40px;}
.menu{ display:block;}
.db-lb{ display:none;}
.db-tb ul li img{ margin-top:16px;}
.db-tb ul li.db-sR{ display:block;}
.db-tb ul li.db-ss{ display:none;}
.db-tb ul li.db-em{ display:none;}
}
@media screen and (max-width:480px) { 
.nav{ height:60px; padding:0 0 0 15px;}
.menu{ margin-left:15px;}
.db-tb ul li{ margin-left:10px;}
}

/* Css Bottom */
.bt-bg{ background:linear-gradient(to right, #008cd6 , #abcd03); background: -webkit-linear-gradient(to right, #008cd6 , #abcd03); width:100%; padding:60px 5%; box-sizing:border-box; -webkit-box-sizing:border-box;}
.bt-bg .bt-ls{ float:left; overflow:hidden;}
.bt-bg .bt-ls ul li{ float:left; margin-right:100px;}
.bt-bg .bt-ls ul li a{ display:block; color:#fff; opacity:.85; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=.85);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=.85)";}
.bt-bg .bt-ls ul li a.nm{ font-size:1.15rem; margin-bottom:10px; opacity:1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=1)";}
.bt-bg .bt-ls ul li a:hover{ color:#abcd03;}
.bt-bg .bt-ig{ float:right; overflow:hidden;}
.bt-bg .bt-ig ul li{ float:right; width:114px; height:150px; background-color:#fff; text-align:center; border-radius:4px; -webkit-border-radius:4px;}
.bt-bg .bt-ig ul li img{ display:block; width:90px; height:90px; margin:12px auto 0;}
.bt-bg .bt-ig ul li p{ margin-top:8px;}
@media screen and (max-width:1280px) { 
.bt-bg .bt-ls ul li{ margin-right:65px;}
}
@media screen and (max-width:1024px) { 
.bt-bg{ display:none;}
}

/* Css Copyright */
.cy-bg{ background:linear-gradient(to right, #008cd6 , #abcd03); background: -webkit-linear-gradient(to right, #008cd6 , #abcd03); width:100%; height:100px; padding:0 5%; box-sizing:border-box; -webkit-box-sizing:border-box;}
.cy-bg ul li{ float:left; width:50%; overflow:hidden; color:#fff; margin-top:28px;}
.cy-bg ul li.cy-tx{ margin-top:38px;}
.cy-bg ul li .cy-tb{ display:block; float:right; width:32px; height:32px; background-color:#fff; overflow:hidden; margin-top:6px; margin-left:5px; cursor:pointer; border-radius:50%; -webkit-border-radius:50%; transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;}
.cy-bg ul li .cy-tb img{ width:32px; height:32px;}
.cy-bg ul li .cy-tb:hover{ background-color:#008cd6;}
@media screen and (max-width:1024px) {
.cy-bg{ height:150px;}
.cy-bg ul li{ width:100%; text-align:center; font-size:.875rem; margin-top:0;}
.cy-bg ul li .cy-tg{ display:block; width:185px; margin:10px auto 0px;}
}

/* Reveal Modals */	
.reveal-modal-bg{ position:fixed; height:100%; width:100%; background:#000; background:rgba(0,0,0,.8); z-index:10000; display:none; top:0; left:0;}
.reveal-modal{ visibility:hidden; position:absolute; top:50%; left:50%; width:360px; height:400px; margin-top:-200px; margin-left:-180px; z-index:100000; background-color:#fff; text-align:center; -webkit-border-radius:5px; border-radius:5px; -webkit-box-shadow:0 0 10px rgba(0,0,0,.4); box-shadow:0 0 10px rgba(0,0,0,.4);}
.reveal-modal img{ width:200px; height:200px; margin-top:50px;}
.reveal-modal h3{ font-weight:normal; color:#000; font-size:1.08rem; margin:5px 0 20px;}
.reveal-modal .close-reveal-modal{ display:block; width:110px; height:40px; line-height:40px; background-color:#abce03; cursor: pointer; margin:0 auto; font-size:1.2rem; color:#fff; -webkit-border-radius:5px; border-radius:5px;}
.reveal-modal .close-reveal-modal:hover{ text-decoration:none; background-color:#008cd6;}
.reveal-moday{ top:0; left:0; width:100%; height:100%; margin-top:0; margin-left:0; background-color:#222; -webkit-border-radius:0; border-radius:0; -webkit-box-shadow:0 0 0 rgba(0,0,0,0); box-shadow:0 0 0 rgba(0,0,0,0);}
.reveal-moday form{ position:absolute; top:50%; left:0; width:80%; height:60px; margin:-30px 10% 0; box-sizing:border-box; -webkit-box-sizing:border-box;}
.reveal-moday form .ss-in{ float:left; width:85%; height:60px; border:1px solid #333; background-color:#222; padding:0 15px; font-family:Microsoft YaHei; color:#fff; box-sizing:border-box; -webkit-box-sizing:border-box;}
.reveal-moday form .ss-st{ float:left; width:15%; height:60px; border:1px solid #333; border-left:none; background-color:#252525; font-family:Microsoft YaHei; font-size:1.2rem; color:#fff; letter-spacing:5px; cursor:pointer; box-sizing:border-box; -webkit-box-sizing:border-box;}
.reveal-moday form .ss-st:hover{ border:1px solid #abce03; background-color:#abce03;}
.reveal-modal .close-reveal-moday{ position:absolute; top:0; right:0; width:50px; height:50px; line-height:50px; background:none; font-size:2rem; color:#fff; -webkit-border-radius:0; border-radius:0;}
.reveal-modal .close-reveal-moday:hover{ background:none; color:#abce03;}

/*固定的悬浮窗*/
.yb_conct{ position:fixed; z-index:1000000; top:50%; right:-145px; margin-top:-85px; cursor:pointer; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
.yb_bar ul li{ width:200px; height:54px; line-height:54px; font-family:Arial; font-size:16px; color:#fff; text-indent:55px; margin-bottom:3px; overflow:hidden; background-color:#008cd7; background-repeat:no-repeat; background-position:left center; background-size:55px 54px; border-radius:3px; -webkit-border-radius:3px; transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out;}
.yb_bar ul li a{ color:#fff;}
.yb_bar .yb_phone{ background-image:url(../Images/yb01.png);}
.yb_bar .yb_mobile{ background-image:url(../Images/yb02.png);}
.yb_bar .yb_top{ background-image:url(../Images/yb03.png); font-family:Microsoft YaHei;}