@charset "utf-8";
/* CSS Document */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;word-wrap:break-word}
body,html,input{font:15px/1.5 '微软雅黑';}
table{border-collapse:collapse;border-spacing:0;}img{border:none}
pre {white-space: pre-wrap; /* css-3 */white-space: -moz-pre-wrap; /* Mozilla, since 1999 */white-space: -pre-wrap; /* Opera 4-6 */white-space: -o-pre-wrap; /* Opera 7 */	word-wrap: break-word; /* Internet Explorer 5.5+ */}
h1,h2,h3,h4,h5,h6{font-size:100%;}input.dialog{height:0; height:0; font-size:0; line-height:0; border:none}
h1{font-size:34px;}h2{font-size:26px;}h3{font-size:18px; }h4{font-size:16px;}h5{font-size:14px;}h6{font-size:12px;}
input,label,img,th{vertical-align:middle;}.font-fixh{font-family: Georgia,Arial; color: #f00; font-size: 16px; font-weight: 700;}address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
input.button ,input.btn{padding:0.25em;width: auto;_width:0;overflow:visible !ie;}
ul,ol,li{list-style:none;}
a{text-decoration:none}
a:hover{text-decoration:none; color:#0d3f8b;}
.white,.white a{color:#fff}.blue,.blue a{color:#004499}.gray4,a.gray4{color:#999}
.red, .red a, a.red{color:red;}.green{color:#0E774A}
.gray{ color:#333;}
select optgroup{color:#CAC8BB;}
header{ display:block}
/*通用样式*/
.hidden{display:none;}.invisible{visibility:hidden;}
.ib,.ib-a a{display:inline-block;zoom:1;*display:inline;}
.clear:after,.main:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.clear,.main{display:inline-block;}/* Hides from IE-mac \*/* html .clear,* html .main{height:1%;}.clear,.main{display:block;}
.f12{font-size: 12px}.f14{font-size: 14px}.f16{font-size: 16px}.f18{font-size:18px}.f20{font-size:20px}
.lh20{line-height: 20px}.lh22{line-height: 22px}.lh24{line-height: 24px}.lh26{line-height: 26px}.lh28{line-height: 28px}
.fb{ font-weight:bold}.fn{ font-weight:normal}
.bk,.bk3,.bk6,.bk8,.bk10,.bk15,.bk20,.bk30{clear: both;font-size: 1px;height: 0;line-height: 1px}
.bk3{height: 3px;}.bk6{height: 6px}.bk8{height: 8px}.bk10{height: 10px}.bk15{height: 15px}.bk20{height: 20px}.bk30{height: 30px}
.row-2 li{ float:left; width:50%}.row-3 li{ float:left; width:33%}.row-4 li{ float:left; width:25%}.row-5 li{ float:left; width:20%}
.cu,.cu-li li,.cu-span span {cursor: hand;!important;cursor: pointer}
.text-c{text-align: center}.text-l{text-align: left}.text-r{text-align: right}
.fl{float: left}.fr{float: right}.pr{ position:relative}.pa{ position:absolute}
label {max-width: none;}
input.button,
input.btn {padding: 0.25em;width: auto;}
button {border: 0;border-radius: 0%;appearance: button;-moz-appearance: button;-webkit-appearance: button;}
input[type="button"],
input[type="submit"],
input[type="reset"],
input {-webkit-appearance: none;}
textarea {-webkit-appearance: none;}
textarea,
input {outline: none;}
.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.img-wrap{border:1px solid #eee;text-align:center;overflow:hidden}
.img-wrap a{display:table-cell;vertical-align:middle;*display:block; overflow:hidden; background-color:#fff}
.img-wrap a:hover{ background-color:#e8eff6}
.col-left{float:left}
.col-auto{overflow:hidden;_zoom:1;_float:left;}
.col-right{float:right}
.tc{text-align: center;}.tl{text-align: left;}.tr{text-align: right;}
.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after { display: table; clear: both; content: '';}
.bgFull{background-size: cover;background-position: center center;background-repeat: nno-repeat}
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}
.rect-297{padding-bottom: 29.7%;}
.rect-34{padding-bottom: 34%;}
.rect-38{padding-bottom: 38%;}
.rect-40{padding-bottom: 40%;}
.rect-43{padding-bottom: 43%;}
.rect-45{padding-bottom: 45%;}
.rect-50{padding-bottom: 50%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-60{padding-bottom: 60%;}
.rect-618{padding-bottom: 61.8%;}
.rect-66{padding-bottom: 66%;}
.rect-665{padding-bottom: 66.5%;}
.rect-677{padding-bottom: 67.7%;}
.rect-70{padding-bottom: 70%;}
.rect-705{padding-bottom: 70.5%;}
.rect-725{padding-bottom: 72.5%;}
.rect-75{padding-bottom: 75%;}
.rect-775{padding-bottom: 77.5%;}
.rect-80{padding-bottom: 80%;}
.rect-89{padding-bottom: 89%;}
.rect-90{padding-bottom: 90%;}
.rect-95{padding-bottom: 95%;}
.rect-100{padding-bottom: 100%;}
.rect-110{padding-bottom: 110%;}
.rect-115{padding-bottom: 114.2%;}
.rect-117{padding-bottom: 117%;}
.rect-120{padding-bottom: 120%;}
.rect-130{padding-bottom: 130%;}
.rect-150{padding-bottom: 150%;}
.rect-6875{padding-bottom:68.75%;}
.rect-3175{padding-bottom:31.75%;}
.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }
.imgHover {overflow:hidden; }
.imgHover img{-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);}
.imgHover:hover img{ opacity:.6;}
.imgHover .title{-moz-transform: translateY(180%);-ms-transform: translateY(180%);-webkit-transform: translateY(180%);transform: translateY(180%);-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);opacity:1;}
.imgHover .m_detail{-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-moz-transform: translateY(10%);-ms-transform: translateY(10%);-webkit-transform: translateY(10%);transform: translateY(10%);filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);color: #fff;line-height: 1.5;width: 100%;opacity:0;}
.imgHover:hover .title,.imgHover:hover .m_detail{filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);-moz-transform: translateY(10%);-ms-transform: translateY(10%);-webkit-transform: translateY(10%);transform: translateY(10%);opacity:1;}
@media (max-width:426px) {
.imgHover .title{-moz-transform: translateY(280%);-ms-transform: translateY(280%);-webkit-transform: translateY(280%);transform: translateY(280%);}
.imgHover:hover .title,.imgHover:hover .m_detail{-moz-transform: translateY(0%);-ms-transform: translateY(0%);-webkit-transform: translateY(0%);transform: translateY(0%);}
}
@-webkit-keyframes loading-1 {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg);}
    100% { -webkit-transform: rotate(180deg); transform: rotate(180deg);}
    }
    @-moz-keyframes loading-1 {
    0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg);}
    100% { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg);}
    }
    @-o-keyframes loading-1 {
    0% { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);}
    100% { -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}}
    @keyframes loading-1 {
    0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);}
    100% { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
    }
    @-webkit-keyframes loading-1-1 {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg);}
    100% { -webkit-transform: rotate(80deg); transform: rotate(80deg);}
    }
    @-moz-keyframes loading-1-1 {
    0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg);}
    100% { -webkit-transform: rotate(80deg); -moz-transform: rotate(80deg); transform: rotate(80deg);}
    }
    @-o-keyframes loading-1-1 {
    0% { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);}
    100% { -webkit-transform: rotate(80deg); -o-transform: rotate(80deg); transform: rotate(80deg);}
    }
    @keyframes loading-1-1 {
    0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);}
    100% { -webkit-transform: rotate(80deg); -moz-transform: rotate(80deg); -o-transform: rotate(80deg); transform: rotate(80deg);}
    }
    @-webkit-keyframes loading-3 {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg);}
    100% { -webkit-transform: rotate(0deg); transform: rotate(0deg);}
    }
    @-moz-keyframes loading-3 {
    0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg);}
    100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg);}
    }
    @-o-keyframes loading-3 {
    0% { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);}
    100% { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);}
    }
    @keyframes loading-3 {
    0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);}
    100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);}
    }
    @-webkit-keyframes loading-4 {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg);}
    100% { -webkit-transform: rotate(90deg); transform: rotate(90deg);}
    }
    @-moz-keyframes loading-4 {
    0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg);}
    100% { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg);}
    }
    @-o-keyframes loading-4 {
    0% { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);}
    100% { -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);}
    }
    @keyframes loading-4 {
    0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);}
    100% { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);}
    }
    @-webkit-keyframes loading-5 {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg);}
    100% { -webkit-transform: rotate(126deg); transform: rotate(126deg);}
    }
    @-moz-keyframes loading-5 {
    0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg);}
    100% { -webkit-transform: rotate(126deg); -moz-transform: rotate(126deg); transform: rotate(126deg);}
    }
    @-o-keyframes loading-5 {
    0% { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);}
    100% { -webkit-transform: rotate(126deg); -o-transform: rotate(126deg); transform: rotate(126deg);}
    }
    @keyframes loading-5 {
    0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);}
    100% { -webkit-transform: rotate(126deg); -moz-transform: rotate(126deg); -o-transform: rotate(126deg); transform: rotate(126deg);}
    }
    @media only screen and (max-width: 990px) {
    .progress { margin-bottom: 20px;}
    }
    @media (max-width:480px) {
    .sales-main .sales-circle .row>div { width: 100%;
    }
    }
.button-bubble{display:block;width: 240px;height: 56px;line-height: 56px;border-radius: 28px;background-size: 300% auto;background-image: linear-gradient(90deg, #00ada2 0, #4dd89d 50%, #1cb19c);-moz-background-image: linear-gradient(90deg, #00ada2 0, #4dd89d 50%, #1cb19c);position: relative;}
.button-bubble .button {display: block;width: 100%;text-align: center;color: #FFFFFF;font-style: normal;text-transform: uppercase;position: relative;z-index: 1;}
.button-bubble .bghover{position:absolute;top:0; left:0;z-index: 0;width: 240px;height: 56px;line-height: 56px;border-radius: 28px;background-size: 300% auto;background-image: linear-gradient(90deg, #00ada2 0, #4dd89d 50%, #1cb19c);-moz-background-image: linear-gradient(90deg, #00ada2 0, #4dd89d 50%, #1cb19c);}
.button-bubble .effect{position:absolute;display: block;height: 400%;width: 200%;left: -50%;top: -150%;transition: all .1s ease-out;pointer-events: none;}
.button-bubble .circle {position: absolute;width: 15px;height: 15px;border-radius:100%;background-size: 300% auto;background-image: linear-gradient(90deg,#008783 0,#6ab550 50%,#008783);-moz-background-image: linear-gradient(90deg,#008783 0,#6ab550 50%,#008783);transition: background .1s ease-out;opacity:0;-webkit-transition: all ease .4s;-moz-transition: all ease .4s;-ms-transition: all ease .4s;-o-transition: all ease .4s;
transition: all ease .4s;}		
.button-bubble:hover .bghover{background: #32c39c;	animation:background .6s;-webkit-animation:background .6s;}
.button-bubble:hover .circle{background: #32c39c;}
.button-bubble.animation .circle{animation:oppfunction 1.2s;-webkit-animation:oppfunction 1.2s ;}
.button-bubble.animation .top-left1 {left:22%;top:36%;width: 6px;height: 6px;}
.button-bubble.animation .top-left2 {left:20%;top:45%;width: 6px;height: 6px;}
.button-bubble.animation .top-left3 {top: 32%;left: 15%;width: 30px;height: 30px;}
.bgFull{background-size: cover;background-position: center center;background-repeat: nno-repeat}
.b-shadow{-o-box-shadow:0 0 30px rgba(0,0,0,.08); -ms-box-shadow:0 0 30px rgba(0,0,0,.08); -moz-box-shadow:0 0 30px rgba(0,0,0,.08); -webkit-box-shadow:0 0 30px rgba(0,0,0,.08); box-shadow:0 0 30px rgba(0,0,0,.08);}
.clear:after,.main:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.clear,.main{display:inline-block;}/* Hides from IE-mac \*/* html .clear,* html .main{height:1%;}.clear,.main{display:block;}
.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
@media (max-width:768px) {
.button-bubble{width:180px;height: 46px;line-height: 46px;border-radius: 23px;}
.button-bubble .bghover{width: 180px;height: 46px;line-height: 46px;border-radius: 23px;}
}
@media (max-width:425px) {
.button-bubble{width:160px; }
.button-bubble .bghover{width: 160px; }
}
.pcshow { display:block;}
.mbshow { display:none!important;}
.more a{ color:#fff;font-size:18px; font-weight:normal;padding:13px 100px 13px 30px; border-radius: 20px; background-image: linear-gradient(to right,#004ea2, #2db4aa); line-height:30px; position: relative; }
.more a:after{ position: absolute; right:30px; left: auto; width: 40px; height: 30px; top: 10px; content: ""; background: url(../images/arrow_r.png) no-repeat;}
.more a:hover{ background: #004ea2;  color: #fff;}
@media (max-width:768px) {
.more a{ font-size:16px;padding:10px 80px 10px 20px;}
}

.modal { position: fixed; z-index: 9999999999; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.75);display: none; }
.modal-dialog { position: absolute; z-index:9999999999; left: 0; top: -274px; width: 100%; margin: 190px auto;}
.modal-content { width: 1200px; margin: auto; }
.modal-content > div { float: left; }
.modal-content input { border: none; }
.modal-content .search-bar { margin: 67px 80px 67px 80px; width: 100%; overflow: hidden; }
.modal-content .tab-panel { display: none; }
.modal-content .on { display: block; }
.modal-content .search-bar .search-keywords { margin-top: 2px; border-radius: 6px; height: 44px; overflow: hidden; }
.modal-content .search-bar .keywords { float: left; padding-left: 10px; width: 80%; height: 44px; line-height: 44px; border-bottom: 1px solid #f0f0f0; font-size: 16px; }
.modal-content .search-bar input[type="submit"] { float: left; width: 100px; height: 44px; line-height: 44px; text-align: center; font-size: 16px; background: #ef011c; color: #fff; cursor: pointer; }
.modal-content .search-close { margin-top: -80px; float: right;  width: 44px; height: 44px; line-height: 44px; text-align: center; color: #2b2b2b; font-size: 18px; font-weight: 700; cursor: pointer; background: #eee; border-radius: 50%; transition: .4s all; }
.modal-content .search-close:hover { background: #ef011c; color: #fff; transform: rotate(360deg); -webkit-transform: rotate(360deg); }
.modal-open { overflow: hidden; padding-right: 17px; }
/*page*/
.page{color: #777777; text-align: center;padding-top: 40px;clear:both;float: none;}
.page a,.page span { color: #777777;display: inline-block;border: 1px solid #ededed;padding: 7px 12px;vertical-align: middle; margin-left:5px}
.page .gonext,.page .count {margin-left: 10px;}
.page a:hover,.page span{color:#fff; background: #004ea2;border: 1px solid #004ea2;padding: 7px 12px;}
.page span.goprev,.page span.gonext {color: #777777; background: none}
.page span.count { border: 0;background: 0;color: #777777;}
.page .fa{ font-size:22px;}
@media (max-width:426px) {
.page a,.page span { padding: 4px 8px; margin-left:2px}
.page a:hover,.page span{padding: 4px 8px;}
}
.v-middle{vertical-align:middle;}
.v-top{vertical-align:top;}
.v-bottom{vertical-align:bottom;}
.block{display:block;}
.inline{display:inline;}
.inline-block{display:inline-block !important;*display:inline;zoom:1;}
.relative{position:relative;z-index:1;}
.absolute{position:absolute;}
.t-hide{opacity: 0;visibility: hidden;}
/*index 通用*/
.page-section{ padding:100px 0;}
.page_title { line-height: 1; margin-bottom:30px;}
.page_title h3 { margin-bottom: 20px;font-weight: bold;text-transform: uppercase; font-size: 50px;height: 50px; }
.page_title span{ font-size: 34px; font-weight: normal; }
.pc{ display: block;}
.mob{ display: none;}
@media (max-width:1440px) {
.page-section{ padding:80px 0;}
.page_title h3 { margin-bottom: 20px; font-size: 40px; }
.page_title span{ font-size: 30px;}
}
@media (max-width:1366px) {
.page-section{ padding:60px 0;}
.page_title h3 { margin-bottom: 10px; font-size: 36px; }
.page_title span{ font-size: 26px;}
}
@media (max-width:1024px) {
.page-section{ padding:40px 0;}
.page_title { margin-bottom:20px;}
.page_title h3 { font-size: 30px; height: 40px;}
.page_title span{ font-size: 20px; }
.pc{ display: none;}
.mob{ display: block;}
}
@media (max-width:768px) {
.page_title { margin-bottom:20px;}
.page_title h3 { font-size: 26px; }
.page_title span{ font-size:18px;}
}
@media (max-width:600px) {
.page_title h3 { font-size: 22px; margin-bottom: 0px;}
.page_title span{ font-size: 16px; }
.page_title { margin-bottom:20px;}
}
@media (max-width:425px) {
.page_title h3 { font-size: 20px;}
}
.page-tit { text-align: center; margin-bottom: 30px;}
.page-tit h3{ font-size: 36px; margin-bottom: 20px;color: #333;}
.page-tit p{ font-size: 16px; line-height: 30px; color: #666; width: 74%; margin: 0 auto;}
@media (max-width:1366px) {
.page-tit h3{ font-size: 26px; }
.page-tit p{ font-size: 15px; }
}
@media (max-width:1024px) {
.page-tit h3{ font-size: 26px; margin-bottom: 10px;}
}
@media (max-width:768px) {
.page-tit h3{ font-size: 22px; margin-bottom: 15px;}
.page-tit p{ width: 100%; }

}



/* footer */
.i_infor {width: 100%;background: #f4f4f4; border-bottom: 1px solid #dddddd; background-attachment: fixed;}
.i_infor .nav_secondary {float: left;width: 70%;padding: 80px 0; border-right: 1px solid #dddddd;}
.i_infor .nav_secondary li { float: left; padding-right: 14%;}
.i_infor .nav_secondary li h2 {font-size: 18px;line-height: 2;margin-bottom: 18px; color:#004ea2}
.i_infor .i_contact h2 {font-size: 18px;line-height: 2;margin-bottom: 21px; color:#004ea2}
.i_infor .nav_secondary li h2 a {font-size: 20px; font-weight: bold;}
.i_infor .i_contact p, .i_infor .nav_secondary li p {line-height: 2.2;}
.i_infor .nav_secondary li p a {color: #666; font-size: 18px; }
.i_infor .i_contact {float: left;width:30%;padding: 80px 0; padding-left: 7%;}
.i_infor .i_contact h2 a { font-size: 20px;font-weight: bold;}
.i_infor .i_contact h3{font-size: 26px; margin-bottom: 15px;}
.i_infor .i_contact h3 a { font-weight: 600;  color:#004ea2}
.i_infor .i_contact h3 p { color: #a2a2a2; font-size: 18px; margin-top: 10px;}
.i_infor .i_contact p {color: #666;font-size: 18px;  margin-top: 30px; }
.i_infor .i_contact p a{color: #666; }
.footer-share { margin-top: 10px;}
.footer-share .wechat {font-size: 18px;color: #666; position: relative;}
.footer-share .wechat:hover .vx { display: block;}
.footer-share .wechat .vx::after { content: ''; position: absolute; left: 50%; margin-left: -6px; bottom: -13px; width: 0; height: 0; border-width: 8px 6px 6px 6px; border-style: solid; border-color: #fff transparent transparent transparent}
.footer-share .wechat .vx { position: absolute; top: -185px; width: 180px; height: 172px; text-align: center; box-shadow: 0 2px 10px #aaa; background-color: #fff; z-index: 999; left: -75px; display: none;}
.footer-share .wechat .vx h4 { font-weight: normal; height: 26px; line-height: 26px; font-size: 12px; background-color: #f3f3f3; margin: 0; padding: 0; color: #777;}
.footer-share .wechat .vx .help p { font-weight: normal; line-height: 16px; padding: 0; margin: 0; font-size: 12px; color: #333;}
.footer-share .wechat .vx .vx-img img { width: 100px; height: 100px; margin: 10px auto; display: block;}
.footer-share .share-item { margin-right: 15px;}
.footer-share>a:last-child { margin-right: 0;}
.footer_copy {padding:22px 0 22px;background: #f4f4f4;color: #666; line-height:26px;font-size: 18px;}
.footer_copy a {color: #666; margin-left:10px;}
.m_footer{ position:fixed; width:100%; bottom:0; display:none; z-index:555; background:#004ea2; }
.m_footer .m_footer_list{ display:inline-block; width:24%; text-align:center; color:#fff; padding:10px 0px; position:relative;}
.m_footer .m_footer_list:before{ content:""; display:inline-block; width:1px; height:60%; top:22%; right:0; background:rgba(255,255,255,.5); position:absolute;}
.m_footer .m_footer_list:last-child:before{ display:none;}
.m_footer .m_footer_list:nth-child(2) dd{ font-size:16px;}
@media (max-width:1366px) {
.i_infor .nav_secondary { width: 66%;padding: 60px 0; }
.i_infor .nav_secondary li { padding-right: 13%;}
.i_infor .i_contact { width:34%;padding: 60px 0; padding-left: 7%;}
}   
@media (max-width:1280px) {
.i_infor .nav_secondary li { padding-right: 12%;}
}
@media (max-width:1200px) {
.i_infor .nav_secondary { width: 68%;padding: 40px 0; }
.i_infor .i_contact { width:32%;padding: 40px 0; padding-left: 5%;}
.i_infor .nav_secondary li { padding-right: 11%;}
}
@media (max-width:1100px) {
.i_infor .nav_secondary { width: 66%;padding: 40px 0; }
.i_infor .i_contact { width:34%;padding: 40px 0; padding-left: 5%;}
.i_infor .nav_secondary li { padding-right: 10%;}
}
@media (max-width: 992px) {
.i_infor .nav_secondary { display:none;}
.i_infor .i_contact {float: none;width: 100%; text-align: left;}
.footer_copy div{ width:100%; line-height:24px; text-align:center;}
.footer_copy a {color: #666; margin-left:0px;}
.m_footer{ display:block;}
.mo_height{ height: 60px;}
.footer_copy {padding:17px 0 17px; font-size: 16px;}
.i_infor .nav_secondary li p a {font-size: 16px; }
.footer-share .wechat {font-size: 16px; }
.i_infor .i_contact h3 p { font-size: 16px; }
.i_infor .i_contact p {font-size: 16px;   }
.footer-share{ display: none;}
}