/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px; color:#1e1e1e;/*font-family:'Microsoft YaHei';*/ }
a{color:#1e1e1e;}
a:hover{ color:#4caccf; /* text-decoration:underline; */}
p{line-height:1.8em; padding:0px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ max-width:1400px !important; margin:0 auto; width: 90% !important;}
.wapper02{ max-width:1200px; margin:0 auto; width: 90%;}


body {
    font-family: "Nunito", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif;
}

.h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5, .h6, h6 {
    font-family: "Nunito", "游ゴシック", sans-serif, "Yu Gothic", "游ゴシック体", YuGothic, sans-serif;
}




/* cyrillic-ext */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/xrxi3i6li01bkofioc5wtlz2di8hdlshdtk3j77e.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/xrxi3i6li01bkofioc5wtlz2di8hdlshdta3j77e.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/xrxi3i6li01bkofioc5wtlz2di8hdlshdts3j77e.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/xrxi3i6li01bkofioc5wtlz2di8hdlshdto3j77e.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/xrxi3i6li01bkofioc5wtlz2di8hdlshdtq3jw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/*@font-face {
    font-family: 'Glacial Indifference';
    src: url("../fonts/glacialindifference-regular.woff2") format("woff2"), url("../fonts/glacialindifference-regular.woff") format("woff");
    font-weight: normal;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: 'Glacial Indifference';
    src: url("../fonts/glacialindifference-bold.woff2") format("woff2"), url("../fonts/glacialindifference-bold.woff") format("woff");
    font-weight: bold;
    font-display: swap;
    font-style: normal;
}*/

.yyge{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.yyge .img{width:20px;height:20px;display: flex;justify-content: center;align-items: center;margin-right: 6px;}
.yyge .img img{ max-height:100%; max-width:100%; vertical-align:bottom}
.yyge>span{
    display: flex;
    align-items: center;
}
.yyge>span a{font-size:14px;color:#9fa0a0;font-weight:500;display: flex;justify-content: center;align-items: center;}
.yyge>span a:after {
    content: "";
    display: block;
    width: 1px;
    height: 18px;
    margin: 0 11px;
    background: #a0a0a0;
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
}
.yyge>span a.active{ color:#000;}

.header_bg{width: 100%;background:#fff;padding: 2.1%; box-sizing: border-box;}
.header03{    display: flex; justify-content: space-between; align-items: end;  flex-direction: column; height: 100%;}
.header{height: 70px;display: flex;align-items: self-start;justify-content: space-between;}
.logo{ /*width: 28%;*/       padding: 0px 0;height: 100%;  }
.logo a{ width: 100%; height: 100%; display: flex;   align-items: center;}
.logo img{ max-width: 100%; max-height: 100%;}
.header01{display: flex;   align-items: center;}
.header01 .conter{ margin-right: 10px;}
.header01 .conter a{border:1px solid #4caccf;color:#4caccf;font-size: 14px;padding: 12px 25px;border-radius: 30px;}
/*menu*/
.menu{height: 28px;line-height: 28px;}
.menu ul li{ float:left; position:relative; margin: 0 1vw;}
.menu ul li dl{ background:#fff; min-width: 120px; position:absolute; left:0px; top:100%; box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding:10px 0;display:none; z-index:99 }
.menu ul li dl dd{ line-height:28px;border-bottom:#ddd dotted 1px; margin:0 10px; position: relative; }
.menu ul li dl dd>dl{ position: absolute; left: 100%; top: 10px;}
.menu ul li dl dd a{ font-size:12px; color:#666; font-weight:normal; display:inline; padding:0; text-align:left;}
.menu ul li dl dd a:hover{ color:#4caccf;}
.menu a{ font-size:14px;color:#1e1e1e; text-decoration:none; font-weight:normal;display:block;text-align:center;}
.menu a:hover{color:#4caccf;}
a.menu_hover{ color:#4caccf;}
.menu_down span{ display:block;background:url(../images/menu_down.gif) right 10px center no-repeat;}
.menu ul li.active span>a{color:#4caccf;}

 .yuyan{ display: flex;align-items: center;}
.yuyan01{ position:relative;}
.yuyan01 a{ display: flex; justify-content: center;  align-items: center; font-size:14px; color:var(--color-whiteblock); line-height:30px;}
.yuyan01>a>img{ width: 22px;margin-right:10px;}
.qitt{
    display:none;
    position:absolute;
    top: 50px;
    width: 120px;
    background: #fff;
    padding: 3px 0px 10px 0px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    font-size:14px;
    transition: all .3s ease;
    flex-direction: column;
    border-radius: 8px;
    left: 50%;
    transform: translate(-50%, 0);
    }

.qitt:before {
    content: '▲';
    color:#fff;
    position: absolute;
    font-size: 24px;
    width: 100%;
    top: -20px;
    text-align: center;
}
.qitt a{display: flex;align-items: center;font-size:16px;color:#666;justify-content: flex-start;padding: 0 10px;justify-content: center; }
.qitt a img{ width:20px; display:block; margin-right:10px;}	
.top{ display: none;}
.sp_header{display: none;}
.sjj_nav{display: none;}


@media only screen and ( max-width:980px){
	.top{ display:block; height: 50px;} 
	.header_bg{display: none;}
	/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
	.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%; display: block;}
	.sp_logo{padding:10px;float:left;height:50px}
	.sp_logo img{margin:auto;max-height:30px;}
	.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
	.sp_nav span{display:block;background:#4caccf;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
	.sp_nav span:nth-of-type(1){top:0px}
	.sp_nav span:nth-of-type(2){top:10px}
	.sp_nav span:nth-of-type(3){top:20px}
	.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
	.sp_nav_se span:nth-of-type(2){width:0}
	.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
	.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;display: block;}
	.nav_show{top:50px}
	.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
	.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
	.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
	.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
	.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
	.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
	.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
	.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
	.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
	.sjj_nav ul li ul{display:none}
	.sjj_nav ul li a{color:#666;width:80%}
	.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
	.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
	.sjj_nav ul li .sjj_nav_i_se svg{fill:#4caccf}
	.sjj_nav ul li ul li>ul{margin-left:10px}
	/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/
}

.banner_bg{ width: 100%; position: relative; height:auto; overflow:hidden}
.banner_bg .img{ width: 100%;}
.banner_bg .img img{ width: 100%; vertical-align: bottom;}
.banner_bg .titbg{ position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); text-align: center;    width: 100%;}
.banner_bg .titbg .h1{font-size: 2.5vw;margin-bottom: 6%;display: block;}
.banner_bg .titbg .h2{font-size: 1vw;display: block;line-height: 2;margin-bottom: 6%;}
.anne{}
.anne a{border:1px solid #4caccf;color:#4caccf;font-size: 14px;padding: 12px 25px;border-radius: 30px; display: inline-block; text-transform: uppercase; margin: 0 1vw;}
.anne a.nube{ background:#4caccf; color:#FFF;}
@media only screen and (max-width: 980px) {
	.banner_bg .img img{ height: 30vh; object-fit: cover;}
	.banner_bg .titbg .h1{ font-size: 24px;    margin-bottom: 5%;}
	.banner_bg .titbg .h2{ font-size: 18px; line-height: 1.5; margin-bottom: 5%;}
	.anne a{ padding: 8px 12px; font-size: 14px;}
}

.swiper-button-next, .swiper-button-prev{ color: #4caccf !important;}
.swiper-pagination-bullet{ background: #4caccf !important ;}

.title{ text-align: right;}
.title .h1{font-size:24px;letter-spacing:8px;position: relative;padding-top: 7px;}
.title .h1:after{content: " ";position: absolute;top:0;right: 0;width: 60%;height: 4px;background: #093c72;}
	
.morer{}
.morer a{ background:#4caccf; color:#FFF;font-size: 14px;padding: 12px 25px;border-radius: 30px; display: inline-block; text-transform: uppercase;}
	
.cent01{ display: flex;   align-items:flex-start;justify-content: space-between; margin: 3% auto;}
.cent01_l{ width: 48%;}
.cent01_l .h2{display: block;font-size: 16px;    font-weight: 600;line-height: 2;margin-top: 2%;}
.cent01_l .h3{display: block; font-size: 14px; line-height: 1.5;}
.cent01_l .morer{margin-top: 3%;margin-left: 12%;}
.cent01_r{ width: 48%;    padding-top: 5%;}
.cent01_r .img{ width: 100%;}
.cent01_r .img img{ width: 100%; vertical-align: bottom; border-radius:500px; overflow:hidden}
@media only screen and (max-width: 980px) {
	.cent01{flex-wrap: wrap; margin: 5% auto;}
	.cent01_l{ width: 100%;}
	.cent01_r{ width: 100%; margin-top: 5%;}
}

.cent02{ margin: 3% auto; text-align: center;}
.cent02 a{box-shadow: 0px 0px 15px #ccc; padding: 12px 25px; display: inline-block;  font-size: 16px; border-radius: 30px; margin-bottom: 3%;}
.tit2{ text-align: center;}
.tit2 .h2{ color:#093c72; font-size: 2vw;}
@media only screen and (max-width: 980px) {
	.cent02{margin: 5% auto;}
	.tit2 .h2{ font-size: 24px;}
}
.cent03_bg{ width: 100%; position: relative;}
.cent03_bg .img{ width: 100%;}
.cent03_bg .img img{ width: 100%; vertical-align: bottom;}
.cent03_bg .more01{ position: absolute; top:50%; left: 50%;transform: translate(-50%,-50%);  }
.cent03_bg .more01 a{background: #4caccf;color: #FFF;font-size: 18px;padding: 8% 40px;display: inline-flex;}
.cent03_bg .more01 a i{margin-left: 10px;}
@media only screen and (max-width: 980px) {
	.cent03_bg .img img{ min-height: 20vh; object-fit: cover;}
	.cent03_bg .more01 a{ padding: 12px 24px;}
}

.footer_bg{padding: 4% 0;background: #0c419a;}
.footer{ display: flex;  align-items:flex-start;justify-content: space-between;}
.footer_l{ width: 40%;}
.tub{ display: flex;  align-items: center;margin-bottom: 20px;}
.tub a{ font-size: 24px; color: #666; margin-right: 2vw;}
.tub a:last-child{margin-right: 0%;}
.logo03{ max-width:100%}
.logo03 img{ max-width:100%}
.footer_l01{ color: #333; font-size: 16px; }
.footer_l01 a{ color: #4caccf;}
.footer_r{width: 50%;}
.footer_r dl{display: flex;align-items:flex-start;justify-content: space-between;flex-wrap: wrap;}
.footer_r dl dd{
    width: 200px;
    margin-bottom: 4%;
}
.footer_r dl dd .h1{ margin-bottom: 20px;}
.footer_r dl dd .h1 a{font-size: 15px;color: #fff;padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px solid #2e73e7;font-weight: 500;display: block;}
.footer_r dl dd ul li{line-height: 28px;}
.footer_r dl dd ul li a{font-size: 14px;color: #fff;position:relative;padding-left: 18px;}
.footer_r dl dd ul li a:before {
    content: "";
    display: block;
    width: 8px;
    height: 1px;
    background: #fff;
    position: absolute;
    top: 12px;
    left: 0;
    z-index: 1;
}
.footer01 { margin-top: 1%;font-size: 14px;    color: #fff;}
.footer01  a{color: #fff;font-size: 14px;}
@media only screen and (max-width: 980px) {
	.footer_bg{ padding: 5% 0;        text-align: center;}
	.footer{flex-wrap: wrap; }
	.footer_l{ width: 100%;}
	.footer_r{ width: 100%; margin-top: 5%;}
	.footer_r dl{ flex-wrap: wrap;display: none; }
	.tub{ justify-content: center; }
	
}

.cent04{ margin-top: 3%; margin-bottom: 3%;}
.cent04 .h1{    color: #fff;background: linear-gradient(142.23deg, #516ed6 12.3%, #3620c7 89.4%); font-size: 30px;    height: 70px; font-weight: 500; border-radius: 10px 10px 0 0;    display: flex
;justify-content: center;align-items: center;}
.hge{ border: 4px solid #3620c7; border-radius: 0  0 10px 10px; padding: 4%;}
.hge .tket{}
.hge .tket .h2{ font-size: 30px; font-weight: 900;  color: #3620c7; display: block;}
.hge .tket .h3{ padding-top: 3%; line-height: 2;}
.hge .tket .h3>span{ display: flex;  align-items: center;font-size: 16px;} 
.hge .tket .h3>span em{ display: block; width: 16px; height: 16px; background: #3620c7; border-radius: 50%; overflow: hidden; margin-right: 10px;} 
.hge  .faq{ margin-top: 3%;}
.hge  .faq ul li{border: 1px solid #3620c7;border-radius: 10px;padding: 1% 3%;margin-top: 10px;}
.hge  .faq ul li>span{display: flex;align-items: center;justify-content: space-between;padding: 10px 4px;}
.hge  .faq ul li>span a{ font-size: 24px; color:#1e1e1e; font-weight: 700;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;}
.hge .faq ul li.active>span>i{transform:rotate(-180deg);transition:all ease 0.35s}
.hge .faq ul li>span i{ font-size: 18px;}
.hge .titbg{ display:none}
.hge .titbg .img{width: 32%;float: left;}
.hge .titbg .img img{ width: 100%; vertical-align:bottom;}
.hge .titbg .tie{width: 63%;float:right; font-size: 16px; line-height: 1.5;}

@media only screen and (max-width: 980px) {
	.cent04 .h1{ font-size: 24px; padding: 5%;}
	.hge .faq ul li>span a{ font-size: 18px;}
	.hge .titbg .img{width: 100%;floa:none;}
	.hge  .titbg .tie{width: 100%;floa:none; margin-top: 5%;  font-size: 14px;}
}

.weizhi{height:40px; line-height:40px; background:url(../images/title03.png) no-repeat;font-size:14px; /*text-align: right;*/}

.cent05{ margin: 2% auto; text-align: center;}
.cent05 .h2{ display: block; font-size: 2vw;}
.cent06{ margin: 3% auto;  display: block; text-align: center;}
.cent06 .h1{ font-size: 24px; display: block; margin-bottom: 3%;}
.cent06 .h2{ font-size: 18px; display: block; margin-bottom: 3%;}
.cent06 .img{ width: 100%;}
.cent06 .img img{ width: 100%; vertical-align: bottom;}
@media only screen and (max-width: 980px) {
	.cent05{ margin: 5% auto; }
	.cent05 .h2{  font-size: 32px;}
	.cent06{ margin: 5% auto; }
	.cent06 .h1{ font-size: 20px;}
	.cent06 .h2{ font-size: 14px;}
}



.cent07{ margin-bottom: 3%;}
.cent07 .title{ text-align: left;}
.cent07 .title .h1{ padding-top:0; padding-bottom: 7px;}
.cent07 .title .h1:after{ bottom: 0; top: inherit; left: 0; right: inherit; width: 30%;}
@media only screen and (max-width: 980px) {
	.cent07{ margin-bottom: 5%;}
	.cent07 .title .h1:after{  width: 100%;}
}


.product_list { margin-top: 3%; }
.product_list>ul>li { float: left; width: calc((100% - 80px)/3); margin: 0 0 20px 40px; background: #fff; }
.product_list>ul>li:nth-child(3n-2) { margin-left: 0; clear: left; }
.product_list>ul>li .nr_box {}
.product_list>ul>li .img { padding-bottom: 60%; position: relative; overflow: hidden; background: #f9f9f9; }
.product_list>ul>li .img img { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto auto; transition: all .3s ease; object-fit: cover; }
.product_list>ul>li .txtbg { }
.product_list>ul>li .txt { padding: 4% 0%; color: #666; }
.product_list>ul>li .txt .h2 {font-size: 20px;line-height: 1.5em;height: 1.5em;color: #333;margin-bottom: 1%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;padding-left: 3%;}
.product_list>ul>li .txt .h3 { margin-bottom: 4%;}
.product_list>ul>li .txt .h3 ul{}
.product_list>ul>li .txt .h3 ul li{list-style: inside;font-size: 14px;line-height: 1.5;}
.product_list>ul>li .txt .h4{ display: flex; justify-content: center;  align-items: center;}
.product_list>ul>li .txt .h4 a{ display: inline-block; padding: 8px 0; border: 1px solid #ccc; color: #666; font-size: 14px; width: 40%; margin: 0 0.2vw; text-align: center;}
@media only screen and (max-width: 980px) {
.product_list>ul>li { float: left; width: 100%; margin: 0 0 20px 0px; }
.product_list>ul>li .txt { padding: 10px 5%; }
.product_list>ul>li .txt .h2 { font-size: 18px;  }
.product_list>ul>li .txt .h3 { font-size: 12px; }
.product_list>ul>li .txt .h4 a{ margin: 0 2vw;}
}



.cent08{}
.cent08 img{ width: 100%; vertical-align: bottom;}
.cent09{ margin: 3% auto;}
.cent09 ul li { float: left; width: calc((100% - 6%)/4); margin: 0 0 0px 2%; background: #fff; }
.cent09 ul li:nth-child(4n-3) { margin-left: 0; clear: left; }
.cent09 ul li .nr_box { }
.cent09 ul li .img { padding-bottom: 70%; position: relative; overflow: hidden; background: #f9f9f9; }
.cent09 ul li .img img { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto auto; transition: all .3s ease; object-fit: cover; }
@media only screen and (max-width: 980px) {
	.cent08{ margin: 5% auto;}
.cent09 ul li { float: left; width: 100%; margin: 0 0 20px 0px; }

}

.cent10{ margin: 3% auto;}
.cent10 .swiper-slide{}
.cent10 .img{ padding-bottom: 100%; position: relative; overflow: hidden;  }
.cent10 .img img { max-width: 100%; max-height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto auto; transition: all .3s ease; object-fit: cover; }
@media only screen and (max-width: 980px) {
	.cent10{ margin: 5% auto;}
}


.tite02{ text-align: center;}
.tite02 .h1{ font-size: 24px; font-weight: bold;  display: block;}
.tite02 .h2{ font-size: 18px; font-weight: bold;  display: block;}
.tite02>p{padding: 0;width: 30px;height: 2px;margin: 2% auto 0;background: #1e1e1e;}
.cent11{ margin-top: 3%;}
.cent1101{ margin-top: 2%;}
.cent1101 ul li { float: left; width: calc((100% - 40px)/3); margin: 0 0 0px 20px; background: #fff;; }
.cent1101 ul li:nth-child(3n-2) { margin-left: 0; clear: left; }
.cent1101 ul li .nr_box {overflow: hidden; transition: all .3s ease; box-shadow: 0px 0px 15px #ccc;display: flex;  align-items: center;justify-content: space-between; padding: 3%; }
.cent1101 ul li .imgbg{width: 48%;}
.cent1101 ul li .img { padding-bottom: 70%; position: relative; overflow: hidden; background: #f9f9f9; }
.cent1101 ul li .img img { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto auto; transition: all .3s ease; object-fit: cover; }
.cent1101 ul li .txtbg { width: 48%; }
.cent1101 ul li .txt { padding: 8% 4.5%; color: #666; }
.cent1101 ul li .txt .h2 {font-size: 23px;line-height: 1.5em;height: 1.5em;color: #333;margin-bottom: 2%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.cent1101 ul li .txt .h3 {font-size: 17px;line-height: 1.5em;height: 3em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
@media only screen and (max-width: 980px) {
	.cent11{ margin-top:5%;}
.cent1101 ul li { float: left; width: 100%; margin: 0 0 20px 0px; }
/*.cent1101 ul li:nth-child(2n-1){ margin-left:0; clear:left;}*/
.cent1101 ul li .txt { padding: 10px 5%; }
.cent1101 ul li .txt .h2 { font-size: 14px; line-height: 1.5em; height: 1.5em; margin-bottom: 5px; }
.cent1101 ul li .txt .h3 { font-size: 12px; line-height: 1.5em; height: 3em; margin-bottom: 5px; }
}


.cent12{ margin-top: 3%; display: flex;  align-items:center;justify-content: space-between;}
.cent12_l{ width: 48%;}
.cent12_l img{ width: 80%; vertical-align: bottom;}
.cent12_r{ width: 48%;}
.cent12_r .tite02{ text-align: left;}
.cent12_r .tite02>p{ margin: 4% 0 0 0 ;}
.cent12_r .titbg{ font-size: 16px; line-height: 1.5; display: block; margin-top: 2%;}
@media only screen and (max-width: 980px) {
	.cent12{flex-wrap: wrap;  }
	.cent12_l{ width: 100%;}
	.cent12_r{ width: 100%; margin-top: 5%;}
}


.cent13{ margin: 3% auto;}
@media only screen and (max-width: 980px) {
	.cent13{ margin: 5% auto;}
}
.scroll_03{overflow: hidden; width: 100%; margin-top: 2%;}
.scroll_03 .bd li{ float:left; width:200px; overflow:hidden; margin:0 10px;}
.scroll_03 .bd li .img{height:100px; border:4px solid #3620c7; padding:2px; background:#fff; border-radius: 10px; overflow: hidden;}
.scroll_03 .bd li .img table tr td{ height:100px; display: flex; justify-content: center;  align-items: center;}
.scroll_03 .bd li .img table tr td img{ max-width:194px; max-height:100px;}
@media only screen and (max-width: 980px) {
	.scroll_03{ margin-top: 5%;}
	.scroll_03 .bd li .img{ height: 60px;}
	.scroll_03 .bd li .img table tr td{height: 60px;} 
	.scroll_03 .bd li .img table tr td img{ max-height:60px;}
}

.dghe{border: 4px solid #3620c7; border-radius:10px 10px 10px 10px; padding: 4%; margin-top: 4%; margin-bottom: 4%;}
@media only screen and (max-width: 980px) {
	.dghe{margin: 5% auto;}
}


.inside_con{ padding:10px 0; min-height: 300px;}

.cent16{ margin-top:2%}
.cent16 ul li{ float: left; width: calc((100% - 148px)/6); margin: 0 0 20px 20px; background: #fff;border: 4px solid #3620c7;border-radius: 10px; }
.cent16 ul li:nth-child(6n-5) { margin-left: 0; clear: left; }
.cent16 ul li .img{padding-bottom: 50%;position: relative;overflow: hidden;/*border: 4px solid #3620c7;border-radius: 10px;*/}
.cent16 ul li .img img {max-width: 100%;max-height: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto auto;transition: all .3s ease;}
.cent16 ul li .h2{ display:block; font-size:14px;        line-height: 19px; height: 40px;text-align:center; padding:1% 0;}
@media(max-width:999px) {
.cent16 ul li{ float: left; width: calc((100% - 10px)/2); margin: 0 0 20px 10px; }
.cent16 ul li:nth-child(6n-5) { margin-left: 10px; clear: none; }
.cent16 ul li:nth-child(2n-1) { margin-left: 0; clear: left; }
.cent16 ul li .h2{ font-size:14px}
}


.tulna{ position:relative; color:#fff}
.tulna img{ width:100%; vertical-align:bottom}
.tulna01{ position:absolute; top:50%; left:50%;   transform: translate(-50%,-50%);}
.tulna01 .h1{ font-size:36px; display:block; font-weight:bold}
.tulna01 .h2{ font-size:18px;margin-top: 8px; display:block;letter-spacing:2px;text-transform: uppercase;}
@media only screen and (max-width: 980px) {
	.tulna img{ height:30vh;object-fit: cover;}
	}
	
	
.cent17{ text-align:center;}
.cent17 .h1{ font-size:16px;    color: #2d2b69;    font-weight: 600; line-height:1.5}	
	
	
.cent18_bg{ padding:3% 0; position:relative}
.cent18_bg:after {
    content: "";
    display: block;
    width: 100%;
    height: 420px;
    background: #f5f5f5;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}
.index_product02{}
.index_product02 ul li { float: left; width: calc((100% - 80px)/3); margin: 0 0 40px 40px; background: #fff; }
.index_product02 ul li:nth-child(3n-2) { margin-left: 0; clear: left; }
.index_product02 ul li .nr_box {/* border:1px solid #eee; *//* border-radius:10px; */overflow: hidden;transition: all .3s ease;}
.index_product02 ul li:hover .nr_box { border-color: var(--primary-color); box-shadow: 0 0 10px rgba(0,0,0,.1); }
.index_product02 ul li .img {padding-bottom: 70%;position: relative;overflow: hidden;background: #ffffff;}
.index_product02 ul li .img img {width: 100%;height: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto auto;transition: all .3s ease;object-fit: contain;}
.index_product02 ul li .txtbg {background: #fff;}
.index_product02 ul li .txt {/* padding: 6% 0 0 0; */color: #666;}
.index_product02 ul li .txt .h2 {font-size: 16px;line-height: 1.5em;height: 1.5em;color: #0c419a;    font-weight: 600;text-align: center;position: relative;padding: 4% 0;}
.index_product02 ul li .txt .h2:before {
    /*content: "";
    display: block;
    width: 30px;
    height: 1px;
    background: #dcdcdc;
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 1;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);*/
}
.index_product02 ul li .txt .h3 {text-align: center;font-size: 18px;line-height: 1.5em;height: 1.5em;margin-top: 5%;margin-bottom: 3%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;color: #000;}
.index_product02 ul li .txt .h4{ display:block; background:#0c419a; font-size:14px; color:#fff; height:60px; display: flex; justify-content: center;  align-items: center;}
.index_product02 ul li a:hover {
    opacity: 0.7;
}
@media(max-width:999px) {
.index_product02 ul li { float: left; width: calc((100% - 10px)/2); margin: 0 0 20px 10px; }
.index_product02 ul li:nth-child(3n-2) { margin-left: 10px; clear: none; }
.index_product02 ul li:nth-child(2n-1) { margin-left: 0; clear: left; }
.index_product02 ul li .txt { }
.index_product02 ul li .txt .h2 { font-size: 14px; line-height: 1.5em; height: 1.5em; }
.index_product02 ul li .txt .h3 { font-size: 12px; line-height: 1.5em; height: 1.5em; }
.index_product02 ul li .txt .h4{ height:40px}
}