@charset "utf-8";
/* Css Document */
@font-face{
    font-family:'ProximaNova-Medium';
    src:url("../Fonts/315955_3_0.eot");
    src:url("../Fonts/315955_3_0.eot?#iefix") format('embedded-opentype'),url("../Fonts/315955_3_0.woff") format('woff'),url("../fonts/315955_3_0.ttf") format('truetype');
}
@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");
}
*, *:after, *:before{ box-sizing:border-box; -webkit-box-sizing:border-box;}
html{ font-family:'ProximaNova-Medium', "微软雅黑", "Microsoft YaHei", Arial, sans-serif; font-size:12px; line-height: 24px; color:#555;}
html{ -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
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,icon{ margin:0px; padding:0px;}
html,body{ height:100%;}
input, textarea, select, button {
    font: 12px/1.8 'ProximaNova-Medium', "微软雅黑", "Microsoft YaHei", Arial, sans-serif;
}
img{ vertical-align:bottom; border:none;}
ul,li{ list-style-type:none;}
a{ 
    color:#555; 
    text-decoration:none; 
    transition:all .3s ease-in-out; 
    -webkit-transition:all .3s ease-in-out;
}
a:hover{ color:#0062d0; 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;}

.lt{
    float: left;
}
.rt{
    float: right;
}

.mt60{
    margin-top: 60px;
}

.white {
    color: #ffffff;
}
.white a {
    color: #ffffff;
}
.white a:link {
    color: #ffffff;
}
.white a:visited {
    text-decoration: none;
    color: #ffffff;
}
.white a:hover {
    text-decoration: none;
    color: #ffffff;
}
.white a:active {
    text-decoration: underline;
}

.w1200{
    width: 1200px;
    margin:0 auto;
}

/* Css Heard */
header{
    height:92px;
    width:100%;
    background-color:#ffffff;
    border-top: 2px #0062d0 solid;
    position: relative;
    z-index:3;
    /*-moz-box-shadow:3px 3px 5px rgba(0, 0, 0, .1); 
    -webkit-box-shadow:3px 3px 5px rgba(0, 0, 0, .1); 
    box-shadow:3px 3px 5px rgba(0, 0, 0, .1); */
}
.logo{
    width: 363px;
    height: 92px;
    background: url(../Images/logo.png) no-repeat center;
}
.header{
    padding-top: 10px;
}
.header .header-top{
    height: 22px;
}
.header .header-top .tel{
    font-size: 20px;
    color: #d7292b;
    line-height: 22px;
    background: url(../Images/tel.png) no-repeat center left;
    padding-left: 32px;
}
.header .header-top .search{
    width: 249px;
    height: 22px;
    padding-right: 16px;
}
.header .header-top .search .search_ipt{
    width: 176px;
    height: 22px;
    border:1px #a9a9a9 solid;
    line-height: 22px;
    padding:0 10px;
    background: #ffffff;
    -moz-box-shadow:2px 2px 5px #eee inset;
    -webkit-box-shadow:2px 2px 5px #eee inset;
    box-shadow:2px 2px 5px #eee inset;
}
.header .header-top .search .search_btn{
    width: 50px;
    height: 22px;
    text-align: center;
    line-height: 20px;
    border:none;
    background: #bdbdbd;
    cursor: pointer;
}
.header .header-bot{
    height: 60px;
}
.header .header-bot .en-lng{
    width: 26px;
    height: 60px;
    background: url(../Images/en.gif) no-repeat center;
    display: block;
}
.header .header-bot .cn-lng{
    width: 26px;
    height: 60px;
    background: url(../Images/cn.gif) no-repeat center;
    display: block;
}
.header .header-bot .menu{}
.header .header-bot .menu li{
    float: left;
    text-align: center;
}
.header .header-bot .menu a{
    display: block;
}
.header .header-bot .menu > ul > li{
    height: 60px;
    padding:0 30px;
    position: relative;
    -webkit-transition:all 200ms linear;
    -moz-transition:all 200ms linear;
    -o-transition:all 200ms linear;
    transition:all 200ms linear;
}
.header .header-bot .menu > ul > li > a{
    line-height: 60px;
    font-size: 15px;
    text-transform: uppercase;
}
.header .header-bot .menu > ul > li.current > a, .header .header-bot .menu > ul > li:hover > a{
    color: #0062d0;
    background: url(../Images/line3.png) no-repeat center bottom;
}
.header .header-bot .menu > ul > li > ul{
    width: 100%;
    display: none;
    position: absolute;
    top:60px;
    left:0;
    background: rgba(255, 255, 255, .8);
}
.header .header-bot .menu > ul > li:hover > ul{
    display: block;
}
.header .header-bot .menu > ul > li > ul > li{
    width: 100%;
    line-height: 34px;
    border-bottom: 1px #eee solid;
}
.header .header-bot .menu > ul > li > ul > li:last-child{
    border-bottom: none;
}
.header .header-bot .menu > ul > li > ul > li > a{
    padding:0 10px;
    white-space:nowrap; 
    overflow:hidden; 
    text-overflow:ellipsis;
}
.header .header-bot .menu > ul > li > ul > li > a:hover{
    background: #0062d0;
    color: #ffffff;
}
/* Css Top */

/* Css Bottom */
footer{
    width: 100%;
    background: url(../Images/foot-bg.jpg) #0062d0 no-repeat center top;
    overflow: hidden;
}
.footer-top{
    width: 100%;
    padding:60px 0;
    overflow: hidden;
}
.footer-top .footer-nav{
    display: table;
    min-height: 270px;
}
.footer-top .footer-nav dl{
    display: table-cell;
    border-right:1px #5093c8 solid;
    padding-bottom: 16px;
    padding-left:50px;
    padding-right: 70px;
}
.footer-top .footer-nav.en-footer-nav dl{
    padding-left:50px;
    padding-right: 50px;
}
.footer-top .footer-nav dl:first-child{
    padding-left: 0;
}
.footer-top .footer-nav dt{
    font-size: 15px;
    padding-bottom: 14px;
}
.footer-top .footer-nav dd{
    line-height: 26px;
    max-width: 120px;
}
.footer-top .footer-nav dd a{
    display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.footer-top .footer-contact{
    width: 360px;
    overflow: hidden;
}
.footer-top .footer-contact .contact-top{
    width: 100%;
    border-bottom:1px #5093c8 solid;
    padding-bottom: 20px;
    margin-bottom: 20px;
    overflow: hidden;
}
.footer-top .footer-contact .contact-top .tel{
    font-size: 30px;
    font-family: 'vi-logo-font-Gotham-Book';
    font-weight: bolder;
    padding-bottom: 10px;
}
.footer-top .footer-contact .contact-bot{
    width: 100%;
    overflow: hidden;
}
.footer-top .footer-contact .tit{
    font-size: 15px;
}
.footer-top .footer-contact .con{
    margin-top: 16px;
    overflow: hidden;
}
.footer-top .footer-contact .contact-bot .con a{
    width: 55px;
    height: 55px;
    display: block;
    text-align: center;
    line-height: 55px;
    background-image: url(../img/share.png) !important; 
    background-color: rgba(255, 255, 255, .3);
    float: left;
    margin-right: 16px;
}
.footer-top .footer-contact .contact-bot .con a.bds_tsina{
    background-position: 0 -165px !important;
}
.footer-top .footer-contact .contact-bot .con a.bds_tqq{
    background-position: 0 -110px !important;
}
.footer-top .footer-contact .contact-bot .con a.bds_weixin{
    background-position: 0 -55px !important;
}
.footer-top .footer-contact .contact-bot .con a.bds_sqq{
    background-position: 0 0 !important;
}
.footer-top .footer-contact .contact-bot .con a:hover{
    background-color: rgba(1, 86, 181, 1);
}
.footer-bot{
    width: 100%;
    height: 56px;
    line-height: 56px;
    border-top:1px #5093c8 solid;
    text-transform: uppercase;
}

/* Css Inside */
.tl-in{ display:none; background-color:#fff;}
.tl-in ul{ background-color:#f5f5f5;}
.tl-in ul li{ border-right:1px solid #e8e8e8;}
.cd-main-content{width: 100%;overflow: hidden;}
.ny{ padding:48px 10% 0; height:340px;}