@charset "utf-8";
/* CSS Document */
html, body {
    font-family:'Microsoft Yahei';
    position: relative;
    background: #fff;
    font-size: 16px;
	line-height:28px;
    color: #333;
    margin: 0 auto;
    width: 100%;
    overflow-x: hidden;
}

article, aside, dialog, footer, header, section, footer, nav, figure, menu {
    display: block
}

.icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.body-wrap {
    display: none;
}

/*默认样式*/
img {
    border: none;
    max-width: 100%;
}

h1,h2,h3,h4,h5{font-weight:normal;}
h2{font-size:56px;color:#a7b517;font-family:"BarlowCondensed-Medium";line-height:1.3;font-weight:normal;margin-bottom:20px; text-align:center;}
table {
    border-collapse: collapse;
}

a {
    text-decoration: none;
    color: #333;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);
}

a:focus {
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

li {
    list-style: none;
}

input, select, button, textarea {
    vertical-align: middle;
    font-family: "Barlow-Medium", Arial, Helvetica, sans-serif;
    border-radius: 0;
    outline: none;
    background: none;
    border: none;
}

textarea {
    resize: vertical;
}
.swip_home .swiper-pagination-bullet,.hot_pro_nr,.hot_pro_img,.more img,.h_revi_nr,.h_news_img img,.h_news_txt h3,.h_why_nr *,.nav>ul>li>a::after,.pro_con,.faq_title_icon img,.faq_more img,.instant_con::after,.contact_fin_nr p,.contact_fin_img,.show_crumbs,.cor_con,.swiper_button img,.taste_numberb_box_r,.fac_bb_img img,.pro_nav_tab2_img img,.h_r_box img,.h_ins_con>a img,.sub_img_box a img,.method_txt,.about_pag_ul p::after,.about_pag_ul p{
	transition: all .6s;
	-moz-transition: all .6s;	/* Firefox 4 */
	-webkit-transition: all .6s;	/* Safari 和 Chrome */
	-o-transition: all .6s;	/* Opera */
}
/*清除浮动*/

.clearfix:before,.clearfix:after{
content:"";
display:table;
}
.clearfix::after{display:block;clear:both;content:""}
.clearfix:after{
clear:both;}
.clearfix{
*zoom:1;
}

.fl,[fl]{float:left;}
.fr,[fr]{float:right;}
.relative,[relative],[dragsort]{position:relative;}
.absolute,[absolute]{position:absolute;}

/*swiper*/
.container{position:relative;overflow:hidden;}
.container.absolute{position:absolute;}
.container.fixed{position:fixed;}
.container:after{position:absolute;left:0;right:0;top:0;bottom:0;}
.container[loading='none']:after{background:none}
.container.isok:after{display:none}
.container >.wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transform:translate3d(0px,0,0);}
.container[vertical] >.wrapper{flex-direction:column;}
.container[loading] .wrapper{opacity:0}
.container >.wrapper >*{flex-grow:0;flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}
.container[autoHeight] >.wrapper >*{height:auto;}

/* 使用swiper 出现闪屏问题 */
.swiper-slide{transform: translate3d(0,0,0);/* overflow: hidden; */}

.inline {
    display: inline-block;
    vertical-align: top;
}
/*input高亮*/
.salient-input {
    border: 1px solid #ccc;
    padding: 7px 0 7px 5px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.salient-input:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

/*单行超出省略*/
.space-over {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*多行超出省略*/
.space-list-over {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #b3b3b3;
}

input:-moz-placeholder, textarea:-moz-placeholder {
    color: #b3b3b3;
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: #b3b3b3;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #b3b3b3;
}

.page-lable-wrap {
    text-align: center;
}

.page-lable-wrap span, .page-lable-wrap a {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    margin: 0 10px;
    position: relative;
    padding: 10px 15px;
    text-align: center;
    background: #fff;
    border: 1px solid #dedede;
    -webkit-transition: all .6s cubic-bezier(.645, .045, .355, 1);
    transition: all .6s cubic-bezier(.645, .045, .355, 1);
}

.page-lable-wrap .current, .page-lable-wrap a:hover {
    background: #ef8300;
    color: #fff;
    border: 1px solid #ef8300;
}


.cover {
    position: relative;
    height: 0;
    overflow: hidden;
}

.cover img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
}

.center {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);

}
.text-center {
    text-align: center;
}
.flex{display:-webkit-box;display:-ms-flexbox;display:flex;}
.width-auto {
    width:92%;
    max-width:1200px;
    position: relative;
	margin:auto;
}

.black-box {
    display: inline-block;
    width: 86%;
}

.box {
    width: 90%;
    max-width:1200px;
	margin:auto;
}

.iphonemedia {display: none}
.pcmedia {display: block;/* position: relative; */}
.header {position: fixed;top: 0;left: 0;width: 100%;padding:7px 0;z-index: 20;}
.header.bottom_hide {top: 0;}
.header.z_index1000{z-index: 1000;}
.header.top_show {top: -100%;}
.header .box,.header_nav .box {width: 100%;box-sizing: border-box;padding:0;text-align: right;}
.header_on, .header_nav{background: #fff;padding:8px 0;border-bottom: 1px solid rgba(0, 0, 0, .05);}
.header_on .nav li.pro_nav_item,
.header_on .nav li.hang_nav_item {/* padding-bottom: 15px; */cursor: pointer;/* margin-top: -5px; */}
.header .logo,.header_nav .logo {float: left;width:320px;position: relative;text-align: right;z-index: 20;line-height:75px;}
.header .right {float: right;padding-right: 4%;padding-left: 2%;padding-top: 0;}
.header .nav_details {background: rgba(255, 255, 255, .9);position: absolute;left: 0;text-align: left;top: 98%;box-sizing: border-box;width: 100%;min-height: 210px;display: none;/* padding-top: 30px; */z-index: 21;}
.header .nav_details .nav1 {/* background: rgba(255, 255, 255, .9); */padding: 20px 0;}
.header .nav_details li {display: inline-block;margin:0 25px;}
.header .nav_details a {display: block;font-size: 18px;line-height: 44px;color: #444444;}
.header .nav_details a:hover{color:#00a1e9;}
.header .nav,.header_nav .nav {transition: all 0s;-webkit-transition: all 0s;margin-right: 0;text-align: right;/* margin: auto; */width: auto;/* padding: 10px 0 0 0; */display: inline-block;}
.header_on.header .nav {padding-top: 5px}
.header .header_bottom.on .nav {transition: all .6s;-webkit-transition: all 0.6s;}
.nav li {display: inline-block;position: relative;z-index: 2;cursor: pointer;}
.nav li .t1 {cursor: pointer;/* display:block; */color: #fff;font-size: 18px;line-height:75px;letter-spacing: 1px;margin: 0 23px;font-weight: lighter;position: relative;padding-bottom: 10px;}
.header_on .nav li .t1 {line-height:75px;}
.nav li .t1:after {content: '';transition: all .4s;left: 50%;width: 0%;}
.nav li:hover .t1:after,.nav li.on .t1:after,.nav li.on1 .t1:after {content: '';position: absolute;bottom: 0;left: 0;height: 3px;width: 100%;background: #ffffff;}
.header_on .nav li .t1,.header_nav .nav li .t1 {color: #333;font-weight: normal;padding: 0;line-height:75px;}
.nav li:hover .t1 {/* color: #0062ff; */}
.header_on .nav li.on .t1,.header_on .nav li.on1 .t1,.header_nav .nav li.on .t1,.header_nav .nav li.on1 .t1{color:#00a1e9;}
.header_on .header_bottom .en {color: #333;font-weight: normal;}
.header header_on .nav li.on .t1 {color: #00a1e9;/* font-weight: bold; */}
.nav li .t2 {z-index:21;display: none;position: absolute;top: 100%;padding: 12px 8px;left: 0;width: auto;min-width: 100%;background: #fff;}
.header_on .nav li .t2 {color: #00a1e9;}
.nav .t2 a {white-space: nowrap;display: block;font-size: 18px;line-height: 44px;color: #444444;text-align: center;font-weight: normal;}
.nav .t2 a:hover {color: #00a1e9;}
.header .header-form {position: absolute;float: right;display: inline-block;margin: 0px -100px 0 0;width: 0;overflow: hidden;transition: all 0s;-webkit-transition: all 0s;top: 0px;right: 91px;z-index: -1;background: transparent;}
.header-form .header-text {box-sizing: border-box;width: 100%;padding: 5px 20px;line-height: 35px;/* border-radius: 8px; */border: 1px solid transparent;height: 45px;background: #ebecef;overflow: hidden;/*color: #f0f0f0;*/border: 1px solid rgba(255, 255, 255, .05);}
.header-form .header-sub {position: absolute;top: 22px;right: 9px;z-index: 10;width: 25px;height: 25px;border: 0;background-color: transparent;background: url('../images/icon_search2.png') no-repeat;background-size: cover;opacity: .8;}
.header_bottom .en {float: right;position: relative;color: #fff;font-size: 18px;line-height: 65px;width: 59px;text-align: center;cursor: pointer;z-index: 20;margin-left: 30px;font-weight: lighter;}
/*.header_bottom .en:after {width: 10px;height: 5px;content: '';background: url("../images/ico_jiao.png");background-size: 100% 100%;display: block;position: absolute;top: 30px;right: 0;}*/
/*.header_on .header_bottom .en:after {background: url("../images/ico_jiao1.png");background-size: 100% 100%;}*/
.header_bottom .en .en_item {position: absolute;top: 100%;right: -10px;width: 100px;background: #fff;box-sizing: border-box;padding: 10px;line-height: 2;display: none;box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);}
.header_bottom .en .en_item a {display: block;color: #333333;}
.header_bottom .en .en_item a:hover {color: #0062ff;}
.header_bottom .h_header {float: right;position: relative;background: transparent;line-height: 65px;text-align: right;z-index: 20;}
.header_bottom .header-btn {float: right;display: block;background: url('../images/ico_searh.png') center center repeat-y;width: 140px;height: 40px;padding: 12px 0;margin-top: 15px;box-sizing: border-box;line-height: 1;font-size: 14px;text-align: center;color: #ffffff;border-radius: 30px;}
.header_bottom.on .h_header {width: 190px;}
.header_bottom.on .header-form {width: 210px;transition: all .6s;-webkit-transition: all .6s;z-index: 75;}
.header_bottom.on .header-search {opacity: 0;}
.header-search img:nth-child(2), .header_on .header-search img:nth-child(1), .header_on .logo img:nth-child(1), .logo img:nth-child(2) {display: none;}
.header_on .header-search img:nth-child(2), .header_on .logo img:nth-child(2) {display: inline-block;opacity: 1;}
.header_on .logo {width:320px;}
.header_on.header .right {padding-top: 0;}
.main {width: 100%;/*overflow-x: hidden;*/}
@media screen and (max-width: 1800px) {
    .header .right{
        padding-left: 0.5%;
    }
    .nav li .t1{
        margin:0 30px;
    }
    .header .nav_details .nav1 { }}
@media screen and (max-width: 1600px) {
    .header .nav_details{min-height: 145px;}
    .header .logo {width: 140px;margin-top: 0;line-height: 40px;}.header_on .logo {width: 96px;}.header_bottom .en, .header_bottom .h_header {    line-height: 40px;    font-size: 14px;    margin-left: 10px;}.header_bottom .h_header img {    width: 17px;    height: 17px;}.header-form .header-sub {    width: 17px;    height: 17px;    top: 14px;    opacity: 1;}.header .right {    padding-top: 0;}.header_bottom .en:after {    top: 40%;}.header .nav_details .nav1 {padding: 10px 0 0 0;}.nav li .t1, .header .nav_details li {font-size: 15px;margin: 0 25px;line-height: 40px;padding-bottom: 14px;}.header_on .nav li .t1 {line-height: 30px;padding-bottom: 10px;}.header .nav_details a {font-size: 15px;line-height: 30px;padding: 0 2px;}.header {    padding: 15px 0 0;}.header_on {    padding: 5px 0 0;}.main {}.header .logo {}.header_bottom.on .header-form {    width: 170px;}.header-form .header-text {    box-sizing: border-box;    width: 100%;    padding: 5px 10px;    color: #000000;    line-height: 25px;    height: 35px;    font-size: 13px;}.header .header_bottom.on .nav {    margin-right: 160px;}}
@media screen and (max-width: 1200px) {.header .box {    padding: 0 5%;    text-align: left;}.header_on .logo img:nth-child(1), .logo img:nth-child(2) {    display: block;}.box {    width: 92%;    margin: auto;}.main {    padding-top: 50px;}.index_live_banner .lans {    padding: 10px;}.iphonemedia {    display: block;    /* padding-bottom: 20px; */}.pcmedia {    display: none}/*header*/.header {    background: #fff;    /* padding: 5px 0; */    padding: 0;    border-bottom: 1px solid rgba(0, 0, 0, .03);}.header.bg0 {    background: rgba(255, 255, 255, .98);    height: calc(100vh + 85px);    overflow: hidden;    overflow-y: scroll;}.header.bg0 .header_bottom {    /* background: #000000; */    /* padding-top: 20px; */}.header.fix {    position: fixed;}.header.fix.bg1 {    height: calc(100vh + 85px);    overflow: hidden;    overflow-y: scroll;}.header_lans {    line-height: 32px;    position: relative;    background: #222;    z-index: 10;}.header_lans .ones {    width: 85%;    margin: 0 5% 0 5%;    color: #ffffff;    font-size: 10px;    text-align: center;}.header_lans .close {    position: absolute;    right: 5px;    top: -2px;    z-index: 3;    width: 21px;}.header.on {    top: -60px;}.header.on1 {    top: -66px;}.header_top {    height: 50px;    position: relative;    z-index: 10;    /* background: rgba(0, 0, 0, .75); */    transition: all .4s;    -webkit-transition: all .4s;}.header_top .en {    font-size: 14px;    color: #888;    float: right;    line-height: 50px;}.header_top .en a {    color: #888;}.header_top .en a.on {    color: #0062ff;}.header.bg0 .header_top {/* background: rgba(0, 0, 0, 1); */}.header_relative {    position: relative;    overflow: hidden;    z-index: 10;}.header .header_gradess {    position: absolute;    width: 110%;    top: -10px;    left: -5%;    transform: translateZ(0);    -webkit-transform: translateZ(0);    -ms-transform: translateZ(0);    -webkit-filter: blur(20px);    filter: blur(20px);    height: 100px;    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=20, MakeShadow=false);    overflow: hidden;    min-height: 100vh;}.header .header_gradess.he {    min-height: 110vh;    height: 690px;}.header_top .login_header {    float: right;    margin-top: 23px;    opacity: 1;    transition: all .4s;    -webkit-transition: all .4s;}.header_top .logo {    position: absolute;    bottom: 50%;    left: 50%;    transform: translate(-50%, 50%);    width: 31%;    max-width: 140px;}.header_top .menu_icon {    float: left;    margin-top: 10px;}.menu_icon span {    display: block;    width: 20px;    height: 1px;    background: #333;    margin: 6px 0;    transition: all .4s;    -webkit-transition: all .4s;}.menu_icon.on span:first-child {    transform: rotate(45deg);    -webkit-transform: rotate(45deg);    margin-top: 10px;}.menu_icon.on span:nth-child(2) {    display: none;}.menu_icon.on span:nth-child(3) {    transform: rotate(-45deg);    -webkit-transform: rotate(-45deg);    margin-top: -7px;}.header_bottom {    display: none;    width: 100%;    height: 690px;    position: relative;    z-index: 10;    /* background: rgba(0, 0, 0, .65); */    padding: 1px 0;}.seach_box {    width: 100%;    background: #e9e9e9;    border-radius: 5px;    height: 40px;    padding: 4px 0 0 0;    box-sizing: border-box;    margin: 20px 0;    transition: all .4s;    -webkit-transition: all .4s;}.seach_box .submit {    width: 20px;    height: 20px;    border: 0;    background: url('../images/icon_search2.png') center center no-repeat;    display: block;    background-size: 100% 100%;    float: left;    margin-left: 10px;    margin-top: 7px;}.seach_box .text {    float: right;    display: block;    width: calc(100% - 50px);    border: 0;    background: transparent;    line-height: 20px;    height: 20px;    font-size: 16px;    color: #222;    padding: 5px 0;}.header_nav {    border-bottom: 3px solid #0037a3;    padding-bottom: 2px;}.header_nav li {    border-top: 1px solid #e8e8e8;}.header_nav li > a {    display: block;    position: relative;    font-size: 15px !important;    line-height: 22px;    padding: 16px 0;    color: #333;    text-align: left;}.header_nav li > a:after {    content: '';    display: block;    position: absolute;    top: 24px;    right: 20px;    width: 7px;    height: 7px;    border-bottom: 1px solid #666;    border-right: 1px solid #666;    transform: rotate(-45deg);    -webkit-transform: rotate(-45deg);    transition: all .4s;    -webkit-transition: all .4s;}.header_nav li > a.arrow:after {    transform: rotate(45deg);    -webkit-transform: rotate(45deg);}.header_nav .nav2 {    display: none;    margin-top: -5px;    margin-left: 20px;    padding-bottom: 10px;}.header_nav .nav2 a, .header_search a {    display: block;    font-size: 14px;    line-height: 35px;    color: #666;}.seach_box .cancal {    color: #0062ff;    font-size: 17px;    display: none;    margin-left: 3px;}.seach_box.focus {    width: 85%;    position: relative;    /* margin-top: 40px; */}.seach_box.focus .cancal {    position: absolute;    left: 102%;    width: 100px;    display: block;    top: 0;    line-height: 40px;}.header_search {    display: none;}.header_search h2 {    font-size: 13px;    line-height: 1;    color: #888888;}.header_search1 {    padding-top: 5px;}.header_search1 a {    font-size: 15px;    line-height: 50px;    color: #555;    border-top: 1px solid #e8e8e8;}.header_search1 a:first-child {    border-top: 0;}}
/*banner*/

.indexpad{padding:5rem 0;}

.page{ width:100%; float:left; height:40px; line-height:40px; text-align:center;color:#666; padding-top:30px ;font-family:"Microsoft Yahei","微软雅黑";  font-size:14px;}
.page a{ color:#666;border:1px solid #ddd; padding:5px 10px; margin-right:8px; text-align:center; }
.page a:hover{ color:#00b0a5;}
.page a.hover{color:#00b0a57; font-weight:bold;}

}