@charset "utf-8";
/* CSS Document */
body {
	font-family:'Microsoft Yahei';
	background: #fff;
    font-size: 16px;
	line-height:28px;
    color: #333;
    overflow-x: hidden;
	box-sizing:border-box;
}

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;}
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%;
    width: 100%;
    text-align: left;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.text-center {
    text-align: center;
}
.flex{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	}
.width-auto {
    width:100%;
	padding:0 10%;
    position: relative;
	margin:0 auto;
}

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

.box {
    width:100%;
    padding:0 10%;
	margin:0 auto;
}
.bggrey{
	width:100%;
	background:#f5f5f5;
	padding:8rem 0;
}

.iphonemedia {display: none}
.pcmedia {display: block;/* position: relative; */}
.header {position: fixed;top: 0;left: 0;width: 100%;padding:7px 0;z-index: 20;}
.header_menu{
	justify-content:space-between;
}
.header.bottom_hide {top: 0;}
.header.z_index1000{z-index: 1000;}
.header.top_show {top: -100%;}
.header_nav .box {box-sizing: border-box;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 {
	display:inline-block;
	width:400px; height:75px;padding-top:5px; overflow:hidden;position: relative;text-align: right;z-index: 20;line-height:75px;}
.header .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:#0048b6;}
.header .nav,.header_nav .nav {
	display: inline-block;
	
	}
.header_on.header .nav {}
.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:#0048b6;}
.header_on .header_bottom .en {color: #333;font-weight: normal;}
.header header_on .nav li.on .t1 {color: #0048b6;/* 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: #0048b6;}
.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: #0048b6;}
.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_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 .logo {width:300px;margin-top: 0;line-height: 40px;}
	.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*/
@media screen and (max-width: 1200px) {
	.header .logo {width:200px;margin-top: 0;line-height: 40px;}
.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_title {
    font-size: 58px;
    color: #ffffff;
	margin-bottom:2.5rem;
}
.banner_title3 {
    font-size: 58px;
    color: #ffffff;
	margin-bottom:2.5rem;
}

.banner_en {
    font-size: 32px;
    color: #ffffff;
}

.banner_text {
    font-size: 30px;
    color: #ffffff;
    padding-top: 30px;
}

.banner_button {
    margin-top: 60px;
    font-size: 0;
    background: #ffffff;
}

.banner_button a {
    display: block;
    transition: all .6s cubic-bezier(.645, .045, .355, 1);
    -webkit-transition: all .6s cubic-bezier(.645, .045, .355, 1);
}

.banner_button_text {
    position: relative;
    z-index: 1;
    color: #333333;
    transition: all .6s cubic-bezier(.645, .045, .355, 1);
    -webkit-transition: all .6s cubic-bezier(.645, .045, .355, 1);
}

.banner_button_text span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    transition: all .5s cubic-bezier(.645, .045, .355, 1);
    -webkit-transition: all .5s cubic-bezier(.645, .045, .355, 1);
}

.banner_button_text span:nth-child(1) {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.banner_button_text span:nth-child(2) {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    opacity: 0;
}

.banner_button a:hover .banner_button_text span:nth-child(1) {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 0;
}

.banner_button a:hover .banner_button_text span:nth-child(2) {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

.banner_button a:hover .banner_icon span:after {
    -webkit-transform: translateX(-50%) translateX(0);
    transform: translateX(-50%) translateX(0);
    opacity: 1;
}

.banner_button a:hover .banner_icon span:before {
    -webkit-transform: translateX(-50%) translateX(8px);
    transform: translateX(-50%) translateX(8px);
    opacity: 0;
}

.banner_button_title {
    width: 170px;
    font-size: 16px;
    line-height: 50px;
    height: 50px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.banner_button_title:after {
    content: "";
    position: absolute;
    left: 100%;
    top: 0;
    width: 100%;
    height: 100%;
    background: #0061ae;
    transition: all .6s cubic-bezier(.645, .045, .355, 1);
    -webkit-transition: all .6s cubic-bezier(.645, .045, .355, 1);
}

.banner_icon {
    width: 50px;
    text-align: center;
    line-height: 50px;
    height: 50px;
    background: #0061ae;
}

.banner_icon span {
    color: #ffffff;
    display: block;
    position: relative;
    transition: all .6s cubic-bezier(.645, .045, .355, 1);
    -webkit-transition: all .6s cubic-bezier(.645, .045, .355, 1);
}

.banner_icon span:after {
    content: "\e685";
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%) translateX(-8px);
    transform: translateX(-50%) translateX(-8px);
    opacity: 0;
    transition: all .6s cubic-bezier(.645, .045, .355, 1);
    -webkit-transition: all .6s cubic-bezier(.645, .045, .355, 1);
}

.banner_icon span:before {
    content: "\e685";
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    transition: all .6s cubic-bezier(.645, .045, .355, 1);
    -webkit-transition: all .6s cubic-bezier(.645, .045, .355, 1);
}
.banner .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom:5%;
    left: 50%;
    width: auto;
    z-index: 50;
    transform: translate(-50%,0);
    border-bottom:none;
}
/*--banner--*/


/*--Products--*/
.index_products{
	padding:4rem 0;
	background:url(../images/bg_product.png);
	background-size:cover;
	}
.title{width:100%; text-align:center;font:40px/60px 'Microsoft Yahei';color:;margin-bottom:2rem;}

.contact_fin{padding:1rem 2rem 2rem 0;}
.contact_fin .swiper-slide{height:auto;box-shadow: 0 0 20px rgba(0,0,0,0.2);background:#FFF;border-top:#0048b6 5px solid;}
.contact_fin .contact_fin_nr{
	display:block;
	width:100%;
	padding:3rem 3rem 8rem;
}

.contact_text h3{
	font-size:20px;
	font-weight:bold;
	margin-bottom:1rem;
}

.contact_fin .swiper-slide:hover{
	background:#0048b6; 
	color:#FFF;
	transition: all .6s;
	-moz-transition: all .6s;	/* Firefox 4 */
	-webkit-transition: all .6s;	/* Safari 和 Chrome */
	-o-transition: all .6s;	/* Opera */
}
.contact_fin .swiper-slide:hover img{
    -webkit-filter: brightness(0) grayscale(100%) invert(100%);
    filter: brightness(0) grayscale(100%) invert(100%);
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.contact_fin .swiper-slide:hover a{
	color:#FFF;
}
.contact_more{
	display:inline-block;
	border:#cdcdcd 2px solid;
	padding:.1255rem 2rem;
	border-radius:25px;
	position:absolute;
	bottom:3rem;
}
.contact_more:hover{
	border:#369dfc 2px solid;
	background:#369dfc;
	color:#ffffff;
	
}

.contact_fin .swiper_button{
	top:50%; 
	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-wrapper{height:auto;}



.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_wrap {
    background:#ffffff;
	padding:5rem 0;
}


.index_about_left{
	width:51%;
	margin-right:4%;
}
.index_about_title{
	font-size:48px;
	font-weight:bold;
	margin-bottom:2rem;
}
.index_about_right{
	width:45%;
}

/*--内页--*/
.bannernav{
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
	height:680px;
    overflow: hidden;
	z-index:-1;
}
.bannernav_img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
	height:100%;
    z-index: -1;
}
.bannernav_text{
	width:100%;
	height:100%;
	z-index:1;
	
}
.bannernav_text_white{
	padding-top:16%;
	color:#FFF;
}
.bannernav_text_cn{
	font-size:5rem;
	line-height:5.85rem;
	font-weight:bold;
}
.bannernav_text_en{
	font-size:1.875rem;
	text-transform: uppercase;
	margin-top:2rem;
}

/*--产品页--*/
.products_memo_wrap{
	padding:6rem 0;
	width:100%;
	background:#ffffff;
}
.public_title{
	text-align:center;
	font-size:48px;
}
.products_memo_text{
	font-size:24px;
	text-align:center;
	padding:1.5rem 0 0;
}
.products_list_wrap:nth-child(2n){
	width:100%;
	background:#ffffff;
	position:relative;
}
.products_list_wrap:nth-child(2n+1){
	width:100%;
	background:#f2f2f2;
	position:relative;
}
.products_list_wrap:nth-child(2n+1) .products_img {
    width:40%;
    position: absolute;
    left: 0;
}

.products_list_wrap:nth-child(2n) .products_img {
    width: 50%;
    position: absolute;
    right: 0;
	text-align:right;
}

.products_list_wrap:nth-child(2n) .products_list {
	padding:6rem 0;
	position:relative;
	z-index:10;
	justify-content:flex-start;
}
.products_list_wrap:nth-child(2n+1) .products_list {
	padding:6rem 0;
	position:relative;
	z-index:10;
	justify-content:flex-end;
}

.products_item {
    width: 50%;
    padding:0.5rem 0 0 5%;
    color: #666666;
	min-height:460px;
	_height:460px;
}
.products_title{
	font-size:1.725rem;
	font-weight:bold;
}
.products_title:after{
	content: "";
    width: 80px;
    height: 4px;
    background: #1e1962;
    display:block;
    margin:15px 0;
}

/*--关于我们--*/
.about_profile_wrap{
	width:100%;
	background:#FFF;
	z-index:10;
	padding:6rem 0;
}
.about_profile_memo{
	width:45%;
}

.about_profile_ad{
	font-size:24px;
	line-height:36px;
	margin:3rem 0 8rem;
	}

.about_profile_ad span{
	color:#0048b6;
}
	
.about_profile_time{
	font-size:100px;
	font-weight:bold;
	color:#0048b6;
}
.about_profile_text{
	margin-top:1.725rem;
}
.about_profile_content{
	width:55%;
}

.about_profile_content p{
	width:100%;
	line-height:30px;
	margin-bottom:1rem;
}
.about_culture{
	width:100%;
	position:relative;
	justify-content: flex-end;
}
.about_culture_img{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.about_culture_wrap{
	width:50%;
	position:relative;
	padding:8rem 10% 3rem 8rem;
}
.about_profile_title,.about_culture_title{
	font-size:48px;
}
.about_culture_text{
	margin-bottom:8rem;
}
.about_culture_text h2{
	font-size:30px;
	margin:2.5rem 0 4rem;
}
.about_culture_text h2 span{
	color:#0048b6;
	font-weight:bold;
}
.about_culture_list{
	padding:1rem 0;
	border-bottom:#CCC 1px solid;
}
.about_culture_list_top{
	font-size:20px;
	font-weight:bold;
	margin-bottom:0.5rem;
}
.contentnav{
	width:100%;
	background:#FFF;
	padding:4rem 0;
	z-index:10;
	}
.about_partner_wrap{
	flex-wrap:wrap;
	margin-top:4rem;
}
.about_partner_list{
	width: 20%;
	background:#FFF;
	text-align:center;
	border:#cdcdcd 1px solid;
	margin:-1px  0 0 -1px;
}
.about_partner_list img{
	width:90%;
}
.about_partner_list:hover{
	overflow:hidden;
}
.about_partner_list:hover img{
	transform: scale(1.15);
    transform-origin: 50% 50%;
    transition: transform .4s cubic-bezier(.215, .61, .355, 1), opacity .5s cubic-bezier(.215, .61, .355, 1);
}

.product-section3{
	padding:4rem 0;
	background:#FFF;
}
.product-section3 .swiper-wrapper {
	height:auto;
}
.product-section3 .swiper-slide{
	width:30%;
	height:700px;
	margin-right:3%;
}

.product-section3 .bg-image img {
  width: 100%;
}
.product-section3 .info {
  z-index: 2;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 3.13vw 2.6vw;
  text-align: center;
  color: #fff;
}
.product-section3 .info .text1 {
  font-size: 1.25vw;
  line-height: 1.1;
  padding-bottom: 1.3vw;
  font-family: "SourceHanSansCN-Medium";
  color: inherit;
  position: relative;
}
.product-section3 .info .text1:after {
  content: "";
  display: block;
  width: 3.13vw;
  height: 0.21vw;
  background-color: #ff7500;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  bottom: -0.52vw;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.4s;
}
.product-section3 .info .text2 {
  font-size: 0.83vw;
  line-height: 1.8;
  text-align: center;
  font-family: "SourceHanSansCN-Regular";
  color: inherit;
  max-height: 0;
  overflow: hidden;
  transition: all 0.4s;
  margin-top: 0.52vw;
}
@media screen and (min-width: 1100px) {
  .product-section3 .product-section3-swiper .swiper-slide {
    position: relative;
    border-radius: 0.63vw;
    overflow: hidden;
  }
  .product-section3 .product-section3-swiper .swiper-slide:hover:before {
    opacity: 0;
  }
  .product-section3 .product-section3-swiper .swiper-slide:hover:after {
    opacity: 1;
  }
  .product-section3 .product-section3-swiper .swiper-slide:hover .info .text2 {
    max-height: 10.42vw;
  }
  .product-section3 .product-section3-swiper .swiper-slide:hover .text1 {
    padding-bottom: 1.3vw;
  }
  .product-section3 .product-section3-swiper .swiper-slide:hover .text1:after {
    opacity: 0;
  }
  .product-section3 .product-section3-swiper .swiper-slide:before,
  .product-section3 .product-section3-swiper .swiper-slide:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.4s;
  }
  .product-section3 .product-section3-swiper .swiper-slide:before {
    opacity: 1;
    background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.5));
  }
  .product-section3 .product-section3-swiper .swiper-slide:after {
    background-image: linear-gradient(to bottom, transparent, rgba(0, 142, 216, 0.8));
  }
}
@media screen and (max-width: 1100px) {
  .product-section3 .product-section3-swiper .swiper-wrapper {
    flex-wrap: wrap;
  }
  .product-section3 .product-section3-swiper .swiper-slide {
    border-radius: 10px;
    margin-bottom: 20px;
  }
  .product-section3 .product-section3-swiper .swiper-slide:last-child {
    margin-bottom: 0;
  }
  .product-section3 .bg-image {
    height: 200px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px 8px 0 0;
  }
  .product-section3 .info {
    position: static;
    color: #333;
    padding: 25px 15px;
    background-color: #f7fcff;
    border-radius: 0 0 8px 8px;
  }
  .product-section3 .info .text1 {
    font-size: 15px;
    padding-bottom: 10px;
  }
  .product-section3 .info .text1:after {
    width: 40px;
    height: 2px;
  }
  .product-section3 .info .text2 {
    max-height: inherit;
    font-size: 13px;
    margin-top: 15px;
    text-align: center;
  }
}

.network_wrap{
	background:#f7fcff;
	padding:5rem 0;
}

.network_list_box{
	width:50%;
	margin-right:3rem;
	background:#FFFfff;
}
.network_list_text{
	padding:.725rem 1rem;
}
.network_list_title{
	font-size:20px;
	font-weight:bold;
	margin-bottom:.225rem;
}
.network_list_img{
	overflow:hidden;
}
.network_list_img:hover img{
	transform:scale(1.1);
	transition: all .6s ease;
}

.nav_title{
	text-align:center;
	font-size:36px;
	font-weight:bold;
	margin-bottom:3rem;
}

.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;
}

.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:#0048b6; border-radius:50%;margin:0 auto;}
.contact_con dl dd{width:100%;margin-top:25px;font-size:16px;}
.contact_con dl dd h2{text-align:center;}


/*--FOOTER--*/
footer{
	width:100%;
	background:#0048b6;
	color:rgba(255, 255, 255,1);
	padding:3rem 0 0;
	z-index:10;
	}
.footer_menu_item{
	width:20%;
	padding:2rem 0;
}
.footer_menu_title{
	font-size:18px;
	margin-bottom:1rem;
}
.footer_menu_list a{
	display:block;
	width:100%;
	color:#FFF;
}
.copyright{
	width:100%;
	text-align:center;
	border-top:#1c65d8 1px solid;
	padding:1rem 0;
	}
.copyright a{color:#ffffff;}