/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0; color: #fff;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
table{border-collapse:collapse;border-spacing:0}
audio,canvas,video { display: inline-block;*display: inline;*zoom: 1;}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{*font-size:100%}
img{border:0 none; display: block;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
*{-webkit-tap-highlight-color: transparent;}
a{text-decoration: none;}
html{outline:0;}
body{-webkit-text-size-adjust:none;}
*{font-family: PingFang SC, ab;}

.fl{float: left;display: inline-block}
.fr{float: right;display: inline-block}
.clearfix { zoom: 1;}
.clearfix:after {display: block; clear: both; content: ""; overflow: hidden; height: 0;}
.browser-tips{font-size: 14px;color: #fff;width: 100%;padding: 3px 0; background: #444; text-align: center; z-index: 999; position: absolute;top: 0;}
.txtOverflow{ text-indent: -9999px; font-size: 0; overflow: hidden}
.main{ width: 100%; min-width: 1200px; height: 100%; position: relative;}
.container{ position: relative; width: 1212px; margin: 0 auto;}
[v-cloak], .hide {
    display: none!important;
}
/* nav */
.nav{ display: block; position: fixed; top: 0; left: 0; right: 0;width: 100%; min-width: 1200px; height: 68px; background: linear-gradient(#333 0, #ffffff00 90%); z-index: 99}
.mid-nav{ position: relative; width: 100%; max-width: 1423px;height: 100%; margin: 0 auto; display: flex; display: -webkit-flex; justify-content: space-between; align-items: center;}
/* nav-logo */
.nav-side{ display: block; width: 213px;}
.nav-side img{ display: block; width: 100%;height: auto;}
.right-nav-model{ height: 100%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.right-nav-model .headline{ font-size: 24px; color: #ec533a; line-height: 50px; text-align: right; padding-right: 30px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; margin-bottom: 8px;}
.menu{ position: relative;}
.menu-item{ position: relative;padding: 0 34px;height: 68px;}
.menu-item:last-child{margin-right: 0}
.menu-item>a{cursor: default}
.menu-item a{ position: relative; font-family: ab-Light; display: block; width: 100%; line-height: 68px; color: #fff; font-size: 16px; text-align: center;}
.menu-item:hover a{ color: #FFC700;}
.menu-item:hover:after{content: '';position: absolute;bottom: 0;left: 0;right: 0;margin: auto;width: 46px;height: 4px;display: block;background: #FFC700;}
.menu-item.active a{ color: #FFC700;}
.menu-item.active:after{content: '';position: absolute;bottom: 0;left: 0;right: 0;margin: auto;width: 46px;height: 4px;display: block;background: #FFC700;}
/*.menu-item-special{ width: 120px; height: 3px; position: absolute; bottom: 0; left: 0; background: #429dff; transition: left 500ms;}*/

.childNav{ display: none; position: absolute; top: 100%; left: 0; width: 100%; height: auto; background: #fff; border: 1px solid #eee; -webkit-box-shadow: 0 3px 20px 5px rgba(0, 0, 0, 0.15); box-shadow: 0 3px 20px 5px rgba(0, 0, 0, 0.15); z-index: 100; }
.childNav dd{position: relative}

.grandchildren{ display: none; position: absolute; top: 0; left: 101%; width: 100%; height: auto; background: #fff; border: 1px solid #eee; -webkit-box-shadow: 0 3px 20px 3px rgba(0, 0, 0, 0.15); box-shadow: 0 3px 20px 3px rgba(0, 0, 0, 0.15); z-index: 100;}
.menu-item .childNav a{ height: 40px; line-height: 40px; font-family: ab-Light;}
.menu-item:hover .childNav,.childNav dd:hover .grandchildren{ display: block;}
.childNav dd:hover,.grandchildren dd:hover{ background: #eee;}

.vip-login{ position: absolute; top: 94px; right: -90px; line-height: 28px; padding: 0 12px; border: 1px solid #666666; color: #666666;
    -webkit-border-radius: 28px;-moz-border-radius: 28px;border-radius: 28px;}

.section-main{ width: 1200px; height: 100%; margin: 0 auto; position: relative; display: flex; display: -webkit-flex; justify-content: left; align-items: center; flex-flow: nowrap column}
.title{font-size: 40px; color: #000; text-align: center; margin-bottom: 78px}
.title span{ display: inline-block; position: relative; line-height: 70px;font-family: ab-Bold;}
.title span:before{content: "";position: absolute;bottom: -4px;right: 0;width: 50px;height: 5px;background: #429dfe;}
.linkBtn{display: block; padding: 0 28px; background: url(../images/index/btnBg.png) no-repeat center center; background-size: cover; line-height: 56px; color: #fff; font-size: 28px; text-align: center; -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; margin-top: 60px; user-select: none; font-family: ab-Medium; opacity: 1;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;}
.linkBtn:hover{ opacity: 0.8}

/* footer */
.footer-container { padding-top: 30px; background: #0e1d43 }

.footer-main.section-main{ flex-flow: row nowrap; align-items: flex-start;padding-bottom: 40px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.msg{ padding-right: 80px;}
.addressMgs{ display: flex; flex-flow: nowrap row;}
.addressMgsContainer{flex: 1; margin-left: 20px;}
.eqcode{margin:0 auto 20px; width: 100px;}
.company-name{color: #ffffff; font-size: 24px; line-height: 24px; margin-bottom: 20px;}
.msg-icon{ padding-left: 30px; line-height: 28px; color: #b9bbc2;}
.msg-icon.address{ background: url(../images/index/address.png) no-repeat center left; background-size: 18px 22px; margin-bottom: 10px;}
.msg-icon.phone{ background: url(../images/index/phone.png) no-repeat center left; background-size: 16px 22px;}

.footer-menu{ flex: auto}
.footer-menu-ul{ display: flex; display: -webkit-flex; flex-flow: row nowrap; align-items: flex-start; justify-content: left}
.footer-menu-item{margin-right: 40px;flex: 1 1 auto;}
.footer-menu-item:last-child{margin-right:0;}
.model-text{ position: relative; color: rgba(255,255,255,.8); font-size: 20px; line-height: 24px; margin-bottom: 24px; letter-spacing: 2px}
.model-text:before{ position: absolute; content: ""; width: 32px;height: 2px;bottom: -8px;left: 2px;background: #cfd2d9;}
.menu-link{ color: rgba(255,255,255,.6); font-size: 16px; line-height: 24px; }
.menu-link:hover{ color: rgba(255,255,255,1);}
.menu-link-box dd{ margin-bottom: 20px;}

.code{ padding-left: 108px; width: 124px;}

.footer{ width: 100%; padding: 16px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; text-align: center; font-size: 14px; color: rgba(255,255,255,.4); background-color: #081535}


/* fonts */
/*@font-face {*/
/*    font-family: 'ab';*/
/*    src: url('../fonts/alibabaFont/Alibaba-PuHuiTi-Regular.eot');*/
/*    src:*/
/*            url('../fonts/alibabaFont/Alibaba-PuHuiTi-Regular.eot') format('embedded-opentype'),*/
/*            url('../fonts/alibabaFont/Alibaba-PuHuiTi-Regular.otf')  format('opentype'),*/
/*            url('../fonts/alibabaFont/Alibaba-PuHuiTi-Regular.ttf') format('truetype');*/
/*    font-style: normal;*/
/*}*/

/*@font-face {*/
/*    font-family: 'ab-Bold';*/
/*    src: url('../fonts/alibabaFont/Alibaba-PuHuiTi-Bold.eot');*/
/*    src:*/
/*            url('../fonts/alibabaFont/Alibaba-PuHuiTi-Bold.eot') format('embedded-opentype'),*/
/*            url('../fonts/alibabaFont/Alibaba-PuHuiTi-Bold.otf')  format('opentype'),*/
/*            url('../fonts/alibabaFont/Alibaba-PuHuiTi-Bold.ttf') format('truetype');*/
/*    font-weight: bold;*/
/*    font-style: normal;*/
/*}*/

/*@font-face {*/
/*    font-family: 'ab-Light';*/
/*    src: url('../fonts/alibabaFont/Alibaba-PuHuiTi-Light.eot');*/
/*    src:*/
/*            url('../fonts/alibabaFont/Alibaba-PuHuiTi-Light.eot') format('embedded-opentype'),*/
/*            url('../fonts/alibabaFont/Alibaba-PuHuiTi-Light.otf')  format('opentype'),*/
/*            url('../fonts/alibabaFont/Alibaba-PuHuiTi-Light.ttf') format('truetype');*/
/*    !*font-weight: lighter;*!*/
/*    font-style: normal;*/
/*}*/

/*@font-face {*/
/*    font-family: 'ab-Medium';*/
/*    src: url('../fonts/alibabaFont/Alibaba-PuHuiTi-Medium.eot');*/
/*    src:*/
/*            url('../fonts/alibabaFont/Alibaba-PuHuiTi-Medium.eot') format('embedded-opentype'),*/
/*            url('../fonts/alibabaFont/Alibaba-PuHuiTi-Medium.otf')  format('opentype'),*/
/*            url('../fonts/alibabaFont/Alibaba-PuHuiTi-Medium.ttf') format('truetype');*/
/*    !*font-weight: Medium;*!*/
/*    font-style: normal;*/
/*}*/

/*@font-face {*/
/*    font-family: 'ab-Heavy';*/
/*    src: url('../fonts/alibabaFont/Alibaba-PuHuiTi-Heavy.eot');*/
/*    src:*/
/*            url('../fonts/alibabaFont/Alibaba-PuHuiTi-Heavy.eot') format('embedded-opentype'),*/
/*            url('../fonts/alibabaFont/Alibaba-PuHuiTi-Heavy.otf')  format('opentype'),*/
/*            url('../fonts/alibabaFont/Alibaba-PuHuiTi-Heavy.ttf') format('truetype');*/
/*    !*font-weight: 800;*!*/
/*    font-style: normal;*/
/*}*/
.fontBold{ font-family: ab-Bold}
.fontLight{ font-family: ab-Light}
.fontMedium{font-family: ab-Medium}
.fontHeavy{font-family: ab-Heavy}




.dialog-box{ position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; background: rgba(0,0,0,0.6); display: flex; display: -webkit-flex; justify-content: center; align-items: center}
.dia-inner{ overflow: hidden; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; max-height: 90%; position: relative; width: 400px; display: flex; display: -webkit-flex; justify-content: center; align-items: center; flex-flow: column nowrap;}
.dia-inner .close{ position: absolute; z-index: 3; right: 10px; top: 0; font-size: 30px; color: #fff;}
.dia-nav{ -webkit-border-radius: 8px 8px 0 0;-moz-border-radius: 8px 8px 0 0;border-radius: 8px 8px 0 0; width: 100%; height:60px; background: #429dfe; padding: 0 30px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.dia-nav h6{ font-size: 24px; color: #fffefe; line-height:  60px;}
.formBox{-webkit-border-radius: 0 0 8px 8px;-moz-border-radius: 0 0 8px 8px;border-radius: 0 0 8px 8px; width: 100%; overflow-y: scroll; background: #ffffff; padding: 14px 24px 14px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

/*滚动条样式*/
.formBox::-webkit-scrollbar {
    width: 2px;
    /*height: 4px;*/
}
.formBox::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #fff;
}
.formBox::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0;
    background: #fff;
}

.dia-item{ display: flex; display: -webkit-flex; justify-content: center; height: 40px; margin-bottom: 20px;}
.dia-item label{ line-height: 40px;width: 60px; text-align: right; color: #131313; font-size: 20px;margin-right: 16px; }
.dia-item label span{ color: #ff2a00}
.inline-style{ flex: 2; height: 100%; border: 1px solid #e1e1e1; color:#131313; outline: none;
    -webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px;
padding: 6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.submitBtn{ letter-spacing: 2px; display: block; background: #429dfe; width: 100%; height: 50px; text-align: center; line-height: 50px; color: #fff; font-size: 20px;-webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px; margin-bottom: 6px;}
.submitBtn:hover{ opacity: .7}
.submitBtn:active{ opacity: 1}
.ysgPhone{ text-align: center; line-height: 20px; font-size: 14px; color: #9f9f9f; margin-bottom: 14px}
.diaCodeBox{ text-align: center; padding-bottom: 20px;}
.diaCodeBox img{ margin: 0 auto 6px;}
.diaCodeBox p{ color:#9f9f9f; font-size: 14px;}
.dia-address{ display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; flex: 1; height: 100%;}

.dia-province,.dia-city{ flex: 1 1 50%; height: 100%; border: 1px solid #e1e1e1; background: #fff url(../images/down.png) no-repeat 97% 50%;
    -webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px;
    padding: 6px 0 6px 6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.dia-province{ margin-right: 8px;}
.dia-province select,.dia-city select{ color:#131313; outline: none;height: 100%; width: 100%;border: none;
    padding-right: 24px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    background: none;}

select::-ms-expand {
    display: none;
}
.dialog-mgs-box.dialog-box{background: none; }
.dia-mgs{ padding: 10px 20px; line-height: 26px; font-size: 14px; background: rgba(0,0,0,0.8);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;}
.textareaBox.dia-item{ height: 80px;}
.int{ color:#131313; resize: none; height: 100%;}