@charset "utf-8";
/* CSS Document */
body {
	font-family:'Microsoft Yahei';
	background: #fff;
    font-size: 16px;
	line-height:28px;
    color: #333;
    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;
}

*{font-size:inherit; color:inherit; font-family:inherit; line-height:inherit; outline:none; padding:0; margin:0; -webkit-text-size-adjust:none; -ms-text-size-adjust:none; text-size-adjust:none; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; list-style-type:inherit;}

.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;}
.absolute.max,[absolute][max]{left:0;top:0;right:0;bottom:0;}
.absolute.goaway,[absolute][goaway]{left:-999999px;top:-999999px;width:100%;position:absolute !important;}
.absolute.goaway.need-static,[absolute][goaway].need-static{position:static !important;}
.fixed,[fixed]{position:fixed;}
.fixed.max,[fixed][max]{left:0;top:0;right:0;bottom:0;}
.fz0,[fz0],.fz,[fz]{font-size:0;}
.over,[over],[text-line]{overflow:hidden;}
/*旋转180度，常用于箭头*/
.rotate-180,[rotate-180]{transform: rotate(180deg) !important;}



/*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:1600px;
	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:400px; height:85px;padding-top:5px; overflow:hidden;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:400px;padding-top:5px;}
.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: 280px;margin-top: 0;line-height: 85px;}.header_on .logo {width: 200px;}.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;}

}

/* banner */
#banner{width: 100%; margin-top: 100px;}
#banner.i-ban{margin-top:0;}
#banner .i-cont .slide .slide-inner {width: 100%;}
#banner .i-cont .slide .txt{width:  100%; height: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; text-align: center; }
#banner .i-cont .slide .txt>div{color: #ffffff;}
#banner .i-cont .slide .txt .p1{font-size:36px; line-height:85px;}
#banner .i-cont .slide .txt .p2{line-height: 42px; font-size:24px;}
#banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 40px; display: flex; justify-content: center;align-items: center;}
#banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width: 12px; height: 12px; background: #fff; border-radius: 50%; opacity: 1;}
#banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 16px; height: 16px; background: #e60012;}

#banner .pic{position: relative;}
#banner .pic img{width: 100%;}
#banner .pic:before,
#banner .mo-pic:before{content: ""; display: block; width: 100%; height: 100%; background: rgba(21,51,100,.6); position: absolute; top: 0; left: 0; z-index: 3; box-sizing: border-box;}
#banner .text {width: 100%; top: 50%; left:0; transform: translateY(-50%); z-index: 5;}
#banner .text>div{color: #fff;}
#banner .text .p1{font-size: 60px; line-height: 75px; font-family: MSR; margin-bottom: 16px;}
#banner .text .p2{font-size: 20px; line-height: 29px; font-family: MSR;}

#banner .video{object-fit: fill;width: 100%;height: 100%;}

/*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;}

/*--Products--*/
.index_products{padding:4rem 0;}
.title{width:100%; text-align:center;font:40px/60px 'Microsoft Yahei';color:;margin-bottom:2rem;}

.contact_fin{padding:1rem 2rem 2rem 0;}
.contact_fin_nr p{text-align: center;line-height:5.625rem;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.contact_fin_img{background: #fff;position: relative;top: 0;}
.contact_fin_img img{height:auto;width: 100%;border: 0;vertical-align: middle;object-fit: cover; border-top-left-radius:8px;border-top-right-radius:8px;}
.contact_fin_nr:hover p{color: #2CACCE;}

.contact_fin .swiper_button{top: calc(50% - 2.8125rem); background-image:none;}
.contact_fin .swiper_buttonp{left: -1.875rem;background-image:none;}
.contact_fin .swiper_buttonn{right: -1.875rem;}
.contact_fin .h_revi_con{position: relative;}
.contact_fin .sub_h2{margin-bottom: 1.875rem;}
.contact_fin .swiper-slide{height:auto;box-shadow: 0 0 20px rgba(0,0,0,0.2);border-radius:8px;}
.contact_fin .contact_text{padding:1rem 1rem 1.25rem;color:#666;line-height:24px;}
.contact_fin .contact_text h3{text-align:center;font-size:18px;font-weight:500;margin-bottom:.5rem;line-height:1.875rem;color:#333;}
.contact_fin .swiper-wrapper{height:auto;}
.contact_fin_nr:hover .swiper-slide{ background:#00a1e9; color:#FFF;}
.contact_fin_nr:hover .contact_fin_img{top:-0.225rem;background:#00a1e9;}
.contact_fin_nr:hover .contact_text{background:#00a1e9; color:#FFF;}
.contact_fin_nr:hover .contact_text h3{color:#FFF;}



.swiper_button{background-image: none;width: auto;height: auto;top: 50%;transform: translateY(-50%);margin: 0;}
.swiper_button img{width: 15px;height: auto;}
.swiper_button img:last-child{display: none;}
.swiper_buttonp{left: 0;}
.swiper_buttonn{right: 0;}
.swip_hrevi{padding:1.875rem;}
.swiper_button:hover img:first-child{display: none;}
.swiper_button:hover img:last-child{display: block;}

/*--index-about--*/
.index_about {
    background:#f5f5f5;
	padding:5rem 0;
}
.index_about_text{float:left;width:75%;}
.about-lay-more{float:left;width:25%;padding-top:1rem;}

.fba {
    text-align: center;
    margin:4rem 0 2rem;
}
.fba-con{
	margin-top:3rem;
	height: 268px;
	position: relative;
}
.fba-con i.line,
.fba-con .fba-b i{
	background-image: url(../images/pic.png);
	background-repeat: no-repeat;
}
.fba-con .fba-b{/*.fba-block*/
	position: absolute;
	height: 150px;
}
.fba-con .fba-b i{
	display: block;
	height: 120px;
	width: 120px;
}
.fba-con .fba-b1{
	left:142px;
	top:0;
}
.fba-con .fba-b2{
	bottom: 0;
	left:410px;
}
.fba-con .fba-b3{
	top: 0;
	left:682px;
}
.fba-con .fba-b4{
	bottom: 0;
	left:958px;
}
.fba-con .fba-b5{
	bottom: 0;
	left: 1020px;
}
.fba-con .fba-b1 i{
	background-position: -240px -284px;
}
.fba-con .fba-b2 i{
	background-position: -120px -284px;
}
.fba-con .fba-b3 i{
	background-position: 0 -284px;
}
.fba-con .fba-b4 i{
	background-position: -360px -284px;
}
.fba-con .fba-b5 i{
	background-position: -480px -284px;
}
.fba-b span{
	color: #444;
	font-size: 14px;
}
.fba-b:hover span{
	color: #278acb;
}
.fba-con .fba-b1 a:hover i{ background-position: -240px -404px;}
.fba-con .fba-b2 a:hover i{ background-position: -120px -404px;}
.fba-con .fba-b3 a:hover i{ background-position: 0 -404px;}
.fba-con .fba-b4 a:hover i{ background-position: -360px -404px;}
.fba-con .fba-b5 a:hover i{ background-position: -480px -404px;}
.fba-con i.line{
	display: block;
	height: 268px;
	position: absolute;
}
.fba .line1,
.fba-con .line4{
	width: 142px;
}
.fba .line2,
.fba-con .line3,.fba-con .line5{
	width: 128px;
}
.fba .line1{
	left:0;
	background-position: 0 -524px;
}
.fba .line2{
	left:282px;
	background-position: -140px -524px;
}
.fba .line3{
	left: 530px;
	background-position: -250px -524px;
}
.fba .line4{
	left:828px;
	background-position: -400px -524px;
}
.fba .line5{
	left:1080px;
	background-position: -250px -524px;
}
/*--index-news--*/
.index_news{padding:5rem 0;}
.ind05-con{width:100%;}
.ind05-con .chd{
	float:left;
	width:45%;
	margin:0 5% 80px 0;
	box-sizing:border-box;
}
.ind05-con .chd:nth-child(2n){
	margin:0 0 80px 0;
}
.ind05-con .chd-in{
	width:100%;
}
.ind05-con .chd:nth-child(odd) .chd-in{
	float:left;
}
.ind05-con .chd:nth-child(even) .chd-in{
	float:right;
}
.ind05-con .chd-in .lay_img{
	position:relative;
	height:200px;
}
.ind05-con .chd-in .lay_img > a{
	display:block;
	width:100%;
	height:100%;
}
.ind05-con .chd-in .lay_img .img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	-webkit-transition:all .3s linear;
	transition:all .3s linear;
}
.ind05-con .chd-in .lay_img:hover .img{
	-webkit-transform:scale(1.1,1.1);
	transform:scale(1.1,1.1);
}
.ind05-con .chd-in .lay_info{
	padding-top:28px;
}
.ind05-con .chd-in .lay_info .tit{
	font-size:20px;
	line-height:30px;
	height:30px;
	overflow:hidden;
	margin-bottom:26px; 
}
.ind05-con .chd-in .lay_info .tit a,.ind05-con .chd-in .lay_info .tit a:hover{
	text-decoration:none;
}
.ind05-con .chd-in .lay_info .tit,.ind05-con .chd-in .lay_info .tit a{
	color:#3e3a39;
	-webkit-transition:color .3s linear;
	transition:color .3s linear;
}
.ind05-con .chd-in:hover .lay_info .tit,.ind05-con .chd-in:hover .lay_info .tit a{
	color:#00a1e9;
}
.ovh {
  overflow: hidden;
}
.ind05-con .chd-in .lay_info .con{
	font-size:14px;
	line-height:24px;
	height:48px;
	overflow:hidden;
	color:#898989;
}
.ind05-con .chd-in .lay_info .con-wrap .con{
	width:416px;
}
.ind05-con .chd-in .lay_info .con-wrap .lay_date{
	font-size:14px;
	line-height:24px;
	padding-top:24px;
	color:#898989;
	
}
.ind05-lay-more{
	padding-top:10px;
}
.news-in05-wrap .ind05-lay-more{
	padding-top:44px;
}
.explore-btn{
	display:inline-block;
	vertical-align:top;
	position:relative;
	cursor:pointer;
	font-size:14px;
	line-height:42px;
	height:42px;
	padding:0 30px;
	min-width:178px;
	text-align:center;
	background:#00a1e9;	
	color:#fff;
	-webkit-transition:all .3s linear;
	-moz-transition:all .3s linear;
	transition:all .3s linear;
	border-radius:30px;
}
.explore-btn,.explore-btn:hover{
	text-decoration:none;
}
.explore-btn font{
	position:relative;
}
.explore-btn:before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:0;
	height:100%;
	background:rgba(255,255,255,.08);
	-webkit-transition:all .3s linear;
	transition:all .3s linear;
}
.explore-btn:hover:before{
	width:100%;
}
.explore-btn i{
	position:absolute;
	top:50%;
	margin-top:-5px;
	right:18px;
	width:6px;
	height:10px;
	font-size:0;
}
.explore-btn i:before,.explore-btn i:after{
	content:'';
	position:absolute;
	top:50%;
	margin-top:-4px;
	left:0;
	margin-left:-4px;
	width:7px;
	height:7px;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
	-webkit-transition:all .3s linear;
	-moz-transition:all .3s linear;
	transition:all .3s linear;
}
.explore-btn.gaga i:before,.explore-btn.gaga i:after{
	content:'';
	position:absolute;
	top:5px;
	margin-top:-7px;
	left:0;
	margin-left:-2px;
	width:7px;
	height:7px;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
	-webkit-transition:all .3s linear;
	-moz-transition:all .3s linear;
	transition:all .3s linear;
}
.explore-btn i:before{
	left:-14px;
	opacity:0;
}
.explore-btn:hover i:before{
	left:0;
	opacity:1;
}
.explore-btn:hover i:after{
	left:14px;
	opacity:0;
}

/*--内页--*/
.contentnav{padding:4rem 0;}
.nav_menu{width:100%;height:80px; background:#f2f2f2; text-align:center;}
.nav_menu a{ display:inline-block;line-height:80px;padding:0 2rem;}
.nav_menu a:hover{color:#00a1e9;}
.nav_menu a.on{background:#00a1e9;color:#FFF;}
.bg:nth-child(2n){background:#FFF;}
.bg:nth-child(2n+1){ background:#f2f2f2;}
.nname{width:100%; text-align:center;font:30px/50px 'Microsoft Yahei';}
.ncontent{width:100%;padding-top:2rem;}
.ncontent img{max-width:100%;margin:15px auto 8px;}
.ncontent h2{color:#00a1e9;font-size:20px; text-align:left;}

.advantage_content{width:100%;padding-top:2rem;}
.advantage_list{width:100%;}
.advantage_list dl{float:left;width:47%;margin-right:6%;margin-top:2%; background:#f5f5f5;}
.advantage_list dl:nth-child(2n){margin-right:0;}
.advantage_list dl dt img{width:100%;}
.advantage_list dl dd{padding:1rem;height:200px;}
.advantage_list dl dd h2{font-size:18px;font-weight:bold; color:#00a1e9; text-align:left;margin-bottom:10px;}

.product_list_con{width:100%;padding:2rem 0 0;}
.prolist{
    width: calc(100% - 30px);
    margin:30px 15px 15px;
    float: left;
    background-color: #f5f5f5;
}
.prolist .propic{
	float:left;
    width: 48.275%;
    position: relative;
    padding-bottom: 32.5%;
    overflow: hidden;
}
.prolist .propic img{
    width: 100%;
    position: absolute;
    height:100%;
    top: 0;
    left: 0;
    object-fit: cover;
	transition: all .3s;
  }
.prolist:hover img {
  transform: scale(1.2);
}
.prolist .prolist_con{
	float:left;
    width: calc(100% - 48.275%);
    padding:15px;
	font-size:14px;
	line-height:24px;
	color:#666666;
	box-sizing:border-box;
}
.prolist_con h3{color:#000;font-size:18px;font-family: 'Barlow-Bold';margin:.5rem 0;}
.propic{border:#e5e5e5 1px solid;}
.prolist:hover{box-shadow: 0 0 20px rgba(0, 14, 12,0.4);}
.prolist:hover h3,.prolist:hover span{color:#00a1e9;}
.prolist_con span{font-size:14px; position: absolute;bottom:30px;}

.back{width:100%;text-align:right;}

.proview{width:100%; max-width:1140px;margin:2rem auto;}
.proview img{vertical-align:middle;padding:10px 0;}
.proview h3{color:#00a1e9;font-size:18px;font-weight:600;}

.productview{padding:3rem 0 5rem;margin-top:120px; background:#f5f5f5;}
.productview .position{margin-bottom:.5rem;}

.news_title{margin-bottom:3rem;}
.view_content{}
.view_title{width:100%;text-align:center;}
.view_title h1{font-size:1.5rem;font-weight:bold; text-align:center;margin-bottom:.25rem;}
.view_title span{color:#999999;}
.view_text{width:100%;font-size:1rem;padding:2.75rem 0 3rem;border-bottom:#e5e5e5 1px solid;margin-bottom:3rem;}
.view_pic{border-bottom:#e5e5e5 1px solid;padding:3rem 0;margin-bottom:3rem;}
.view_pic img{max-width:100%;}

.posts_b{width:100%;}
.posts_b .bb{width:80%;}
.posts_b .back{width:20%; text-align:right;}
.posts_b .back a{display:inline-block; background:#f0eeef;padding:.125rem 1.25rem;}

.contact_con dl{float:left;width:33.3%; text-align:center;padding:2rem; box-sizing:border-box;}
.contact_con dl dt{width:100px;height:100px; background:#0054a7; border-radius:50%;margin:0 auto;}
.contact_con dl dd{width:100%;margin-top:15px;font-size:16px;}
.contact_con dl dd h2{text-align:center;}


/*--FOOTER--*/
footer{width:100%;background:#002536;color:rgba(255, 255, 255,1);padding:2rem 0;}
.links{width:100%; text-align:left;padding:0 0 1rem;}
.links h1{display:inline-block;font:bold 16px/35px 'Microsoft Yahei';}
.links a{display:inline-block;color:#FFF;margin-right:1rem;}
.links a:hover{color:#00a1e9; text-decoration:underline;}
.copyright{width:100%; text-align:center;font-size:14px;border-top:#013e5b 1px solid;padding:1rem 0 0;}