@font-face {
    font-family: 'HelNeu55';
    src: url('../font/HelNeu55.eot');
    src:
    url('../font/HelNeu55.eot?#font-spider') format('embedded-opentype'),
    url('../font/HelNeu55.woff') format('woff'),
    url('../font/HelNeu55.ttf') format('truetype'),
    url('../font/HelNeu55.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'font2';
    src: url('../font/BRADHITC.eot');
    src:
    url('../font/BRADHITCBRADHITC.eot?#font-spider') format('embedded-opentype'),
    url('../font/BRADHITC.woff') format('woff'),
    url('../font/BRADHITC.ttf') format('truetype'),
    url('../font/BRADHITC.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


@charset "utf-8";
/* 初始化CSS */
*{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:bold;}
fieldset, img{border:none; vertical-align:middle;}
address, caption, cite, code, dfn, th, var{font-style:normal; font-weight:normal;}
ul, ol{list-style:none;}
li{list-style-type:none;}
input{padding-top:0; padding-bottom:0; font-family:Inter,Arial,Helvetica,sans-serif;}
select, input{vertical-align:middle;}
select, input, textarea{ margin:0; font-size:12px;}
input[type="text"], input[type="password"], textarea{outline-style:none;}
textarea{font-family: "Microsoft Yahei","SimSun",Arial,sans-serif; resize:none;}
body{font:12px Inter,Arial,Helvetica,sans-serif; color:#333; background:#fff;}
a{text-decoration:none; color:inherit;}
i, em{ font-style:normal;}
.clearfix:after{ display:block; visibility:hidden; clear:both; height:0; content:"";}
.clearfix{zoom:1;}
.fl{ float:left;}
.fr{ float:right;}
.auto{ margin-left:auto; margin-right:auto;}

/*html5*/
article,aside,footer,header,section,footer,nav,figure,main{display:block}
a,*{-webkit-tap-highlight-color: transparent;tap-highlight-color: transparent;}

/*小号文字  scale以12号字体为基准 需写实际字号大小*/
.font_adjust{-webkit-text-size-adjust:none;}
.font_scale8{ -webkit-transform: scale(0.66);}
.font_scale10{ -webkit-transform: scale(0.83);}
.font_lc{-webkit-transform-origin:left center;}
.font_rc{-webkit-transform-origin:right center;}
.font_up{text-transform:uppercase;}

/*文字截断*/
.TXTovehid{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

table{margin: 0 auto;border-collapse:collapse;border-spacing:0;width: 100% !important;max-width: 100% !important;}

/*transition*/
.tran100{-webkit-transition:all 0.1s linear; -moz-transition:all 0.1s linear; -ms-transition:all 0.1s linear; transition:all 0.1s linear;}
.tran200{-webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear;}
.tran300{-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;}
.tran400{-webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; transition:all 0.4s linear;}
.tran500{-webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; transition:all 0.5s linear;}
.tran1000{-webkit-transition:all 1s linear; -moz-transition:all 1s linear; -ms-transition:all 1s linear; transition:all 1s linear;}
.tran5000{-webkit-transition:all 5s linear; -moz-transition:all 5s linear; -ms-transition:all 5s linear; transition:all 5s linear;}

.scaleimg:hover img,.scaleimg:hover .pic em{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.rotateY:hover{ -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); }
.translateX:hover{-webkit-transform:translateX(-6px); -moz-transform: translateX(6px); -ms-transform:translateX(-6px); transform:translateX(-6px);}

/*网页限定宽度*/
.con_1000{ position:relative; margin:0 auto; width:1000px;}
.con_1000:after{content:""; display:block; height:0; clear:both;}

body{color: #474747; margin: 0 auto; background: #ffffff; min-width: 320px; font-size: 12px; line-height: 24px; font-family: Inter,Arial,Helvetica,sans-serif;}
.w1280{width: 1280px;margin: 0 auto;}

*:before,*:after{-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;}

.cd-popup { position: fixed; left: 0; top: 0;right: 0;bottom: 0; height: 100%; width: 100%;background: url(../images/grayBg.png) repeat;visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 9999;  opacity: 0;}
.cd-popup.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; }
.cd-popup-container { position: relative; height: 36px; padding: 40px; background: #fff; width: 60%; margin: 0 auto; top: 50%; margin-top: -58px; background: #FFF; border-radius: .4rem .4rem .4rem .4rem; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.is-visible .cd-popup-container { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.hidden_search .text { width: 100%; height: 20px; padding: 8px 0; font-size: 14px; color: #444;background: none;border:none;font-family:Inter,Arial,Helvetica,sans-serif;}
.hidden_search .btn { display: block; background: url(../images/search_icon.jpg) no-repeat center center; position: absolute; right: 0; top: 0; height: 36px; width: 36px; text-indent: -999em;border:none;cursor: pointer;}
.hidden_search .search_wrap { border: 1px solid #e4eaec; border-radius: 20px; position: relative; padding-right: 56px; padding-left: 20px; height: 36px; }
.hidden_search .close_btn { position: absolute; right: 0; top: 0; padding: 10px; width: 22px; height: 22px; -webkit-transition: 0.5s; transition: 0.5s; }
.hidden_search .close_btn:after, .hidden_search .close_btn:before { background: #cccccc; width: 20px; height: 3px; display: block; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; content: ""; position: absolute; left: 10px; top: 11px; }
.hidden_search .close_btn:before { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.hidden_search .close_btn:after { -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 26px; }
.hidden_search .close_btn:hover:after, .hidden_search .close_btn:hover:before { background: #053251;}

.header .menuIcon{width: 24px;cursor: pointer;display: none;position: absolute;right: 5%;top:50%;
-webkit-transform:translateY(-50%); -moz-transform: translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.header .menuIcon span{display: block;height: 3px;background: #053251;margin-top: 5px;position: relative;}

.navForm{background: #fff;border-radius: 3px;}
.navForm .text{width: 80%;height: 32px;border:none;background: none;font-size: 14px;color: #555;line-height: 32px;text-indent: 8px;}
.navForm .subm{width: 20%;height: 32px;border:none;background: url(../images/search_icon.jpg) no-repeat center;cursor: pointer;}
.mm-listview > li.nBorder:not(.mm-divider):after{display:none;}

.header{width: 100%;position: fixed;left: 0;top:0;z-index: 999;}
.header.shadow{-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);background: #ffffff;}
.header .logo{height: 86px;line-height: 86px;font-size: 0;}
.header .logo .logoTxt{margin-left: 20px;}
.header .searchBtn{width: 34px;height: 34px;margin: 27px 0 0 5px;background: #053251 url(../images/searchBtn.png) no-repeat center;border-radius: 50%;cursor: pointer;position: relative;}
.header .searchBtn:hover{background-color: #0175b2;}
.header .searchBtn:after{content: "";width: 1px;height: 14px;background: #dbdbdb;position: absolute;left: -17px;top:50%;margin-top: -7px;}
.header .nav { margin-top:15px;}
.header .nav .nLi{position: relative;}
.header .nav .nLi h3 a{display: block;font-size: 18px;color: #222527;font-weight: normal;line-height: 86px;padding: 0 25px;}
.header .nav .nLi .navSub{width: 150px;position: absolute;top:86px;left: 50%;margin-left: -75px;background: #fff;text-align: center;display: none;}
.header .nav .nLi .navSub ul li a{display: block;font-size: 13px;color: #222527;line-height: 24px;padding: 6px 0;}
.header .nav .nLi.on h3 a,.header .nav .nLi:hover h3 a,.header .nav .nLi .navSub ul li a:hover{color: #0a619c;}



.header .top dl{margin-left: 13px;position: relative;z-index: 3; margin-top:33px;}
.header .top dl dt a{display: block;padding-left: 7px;height: 52px;line-height: 52px;font-size: 14px;color: #808080;position: relative;}
/*.header .top dl dt a:before{content: "";width: 16px;height: 16px;position: absolute;left: 0;top:50%;margin-top: -8px;background: url(../images/hIcon1.png) no-repeat left top;}
.header .top dl:hover dt a:before{background-position-y:bottom;}
.header .top dl.dl1 dt a:before{background-image: url(../images/hIcon2.png);}*/
.header .top dl.dl1 dt a{padding-right: 18px;position: relative;}
.header .top dl.dl1 dt a span{font-family: "SimSun";position: absolute;right: 0;top:50%;height: 14px;line-height: 14px;font-size: 14px;margin-top: -7px;
-webkit-transform: rotateZ(90deg); -moz-transform: rotateZ(90deg); -ms-transform: rotateZ(90deg); transform: rotateZ(90deg);}
.header .top dl:hover dt a{color: #11a6e4;}
.header .top dl dd{width: 120px;position: absolute;left: 50%;margin-left: -70px;top:36px;display: none;}
.header .top dl dd i{display: block;margin: 0 auto;width: 0;height: 0;border: 8px solid transparent;border-bottom: 8px solid #efefef;}
.header .top dl dd ul{padding: 8px 0 15px;background: #efefef;}
.header .top dl dd ul li a{display: block;font-size: 14px;line-height: 30px;text-align: center;color: #808080;}
.header .top dl dd ul li a:hover{color: #11a6e4;}

.email_r { width:300px; font-size:14px; color:#ff9000; position:absolute; top:10px; right:0; text-align:right;}
.header_text { width:500px; font-size:20px; color:#000; position:absolute; top:10px; right:320px; text-align:left;font-family: "font2";}

.bodyPad{padding-top: 86px;}

.bannerWrap{box-sizing: border-box;width: 100%;height:54vh;min-height:540px;background-color: transparent;
    background-image: linear-gradient(10deg, #4a7a9b 14%, #FFFFFF 59%);
    }
.bannerWrap .banner{width: 100%;height: 100%;position: relative;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.bannerWrap .banner .swiper-wrapper,.bannerWrap .banner .swiper-slide{height: 100%;}
.bannerWrap .banner .swiper-slide a{display: block;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.bannerWrap .banner .swiper-button-prev,
.bannerWrap .banner .swiper-button-next{width: 70px;height: 70px;position: absolute;top:50%;margin-top: -35px;background: url(../images/arrow1.png) no-repeat left center;opacity: 0;}
.bannerWrap .banner .swiper-button-next{background-position: right center;}
.bannerWrap .banner:hover .swiper-button-prev{opacity: 1;left: 10%;}
.bannerWrap .banner:hover .swiper-button-next{opacity: 1;right: 10%;}
.bannerWrap .banner .swiper-pagination{bottom: 30px;height: 12px;line-height: 12px;}
.bannerWrap .banner .swiper-pagination .swiper-pagination-bullet{width: 12px;height: 12px;background: #ffffff;margin: 0 5px;opacity: 1;}
.bannerWrap .banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #008fd7;}

.bannerWrap .banner .left_pic { width:15vw; position:absolute; left:5%; bottom:20%;}
.bannerWrap .banner .right_pic { width:15vw; position:absolute; right:5%; top:20%;}
.bannerWrap .banner .left_pic img { width:100%;}
.bannerWrap .banner .right_pic img { width:100%;}


/*BANNER-TEXT*/
.sourcing-section {text-align: center;}
.sourcing-section h1 {  font-weight: 500;  margin-bottom:20px; line-height: 1.2;  letter-spacing: ;  font-style: normal;font-size: 36px;}
.sourcing-section p { font-size:18px;color: #666;line-height: 1.6;margin-bottom: 30px;}
.buttons { margin-bottom: 20px;}
.sourcing-section button { padding: 12px 30px; font-size:16px; border: none; border-radius:50px; cursor: pointer;
    margin: 0 10px;}
.find-suppliers {   background-color: #053c62;    color: #fff; transition: all .5s ease;}
.manage-suppliers {   background-color: #fff;   color: #333;   border: 1px solid #333; transition: all .5s ease;}

.buttons a:hover .find-suppliers {transform: translateY(-10px); }
.buttons a:hover .manage-suppliers {transform: translateY(-10px); }
.subtext {   font-size:16px;   color: #666;}

.isect01 { position:relative; margin-top:70px;}
.isect01 .section { display: flex;align-items: center;margin-bottom: 50px;}
.isect01 .text-content { flex: 1; padding: 0 20px;}
.isect01 .image-content { flex: 1; text-align: center; max-width:490px;}
.isect01 .image-content img { max-width: 100%; height: auto; border-radius: 8px;}
.isect01 h2 { font-size: 24px;margin-bottom: 20px;  position: relative;  display: inline-block;}
.isect01 h2::after {content: '';position: absolute;left: 0;bottom: -13px;width: 90px;height: 3px;background-color: #08436c;}
.isect01 .subtitle {color: #08436c;font-size: 18px;margin-bottom: 15px;}
.isect01 .text-content p { line-height: 1.6;margin-bottom: 20px; color:#747474;font-size: 18px;}
.isect01 .text-content .cta { display: inline-block;color: #222;text-decoration: none;font-weight: 600;font-size: 16px;}
.isect01 .text-content .cta::after {content: '→';margin-left: 5px ; color:#027bcf;}

.isect01 .text-content a.cta {transition: all .5s ease; }
.isect01 .text-content a:hover.cta {transform: translateX(10px); color:#fe911f; }

.top-section {flex-direction: row;}
.bottom-section {flex-direction: row-reverse;}

.isect02 { position:relative; margin-top:70px;padding-top:50px;padding-bottom:120px;background-color: transparent;   background-image: radial-gradient(at bottom left, #dfe7ec 69%, #6091b2 89%);transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}
.jobList {background-color: #fff; max-width:1250px; padding: 20px;border-style: none;border-radius: 15px;    box-shadow: 0px 0px 20px -9px rgba(0, 0, 0, 0.5); }
.jobList .nLi{ border-bottom:1px solid #e0e0e0;}
.jobList .nLi .dt{cursor: pointer;position: relative; padding:15px;}
.jobList .nLi .dt h5{width: 100%;font-size: 20px;color: #1a1a1a;}
.jobList .nLi .dt .desc{position: absolute;right: 30px;top:26px;width: 46px;font-size: 16px;color: #1a1a1a;}
.jobList .nLi .dt .desc .fr{padding-right: 26px;position: relative;}
.jobList .nLi .dt .desc .fr i{position: absolute;right: 0;top:50%;margin-top: -7px; width: 0;
  height: 0;  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 10px solid #333; /* 箭头颜色 */}
.jobList .nLi .dd{display: none;}
.jobList .nLi:first-child .dd{display: block;}
.jobList .nLi .dd .wrap .pageStyle{padding: 5px 15px 20px; font-size:18px; color:#7b7b7b;}
.jobList .nLi .dd .wrap .btnWrap{padding-top: 40px;}

.jobList .nLi.on .dt .desc .fr i{-webkit-transform: rotateZ(90deg); -moz-transform: rotateZ(90deg); -ms-transform: rotateZ(90deg); transform: rotateZ(90deg); border-left: 10px solid #0271bd;}



.jobList .nLi.on .dt h5 { color:#0271bd;}


.isect03 { position:relative; margin-top:70px;}

.isect03_box {margin: 0 auto;display: grid;grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
 gap: 25px; }

.gallery-item {background: white;border-radius: 8px;overflow: hidden;
transition: transform 0.3s ease, box-shadow 0.3s ease;}


.gallery-item:hover {transform: translateY(-5px);box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15);}

.gallery-image { width: 100%;height: 180px;object-fit: cover;display: block;border-bottom: 1px solid #eee;}

.gallery-caption {padding: 15px;text-align: center; background:#f9f9f9;}

.gallery-caption h3 { font-size:18px; margin-bottom:15px;}
.gallery-caption p {color: #666;font-size: 16px;}

.readMore{display: block;width:132px;height: 40px;margin: 0 auto;border:1px solid #000;text-align: center;line-height: 40px;font-size: 14px;color: #000;position: relative; border-radius:50px; margin-top:35px;}
.readMore span{position: relative;z-index: 2;}
.readMore:before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top:0;background: #0271bd;
transform: scaleX(0);-webkit-transform: scaleX(0);opacity: 0;visibility: hidden;border-radius:50px;}
.readMore:hover:before{transform: scaleX(1);-webkit-transform: scaleX(1);opacity: 1;visibility: visible;}
.readMore:hover{border-color: #0271bd;color: #fff;}


.isect04 {position: relative;width: 100%;height: 290px; margin-top:80px; background: url(../images/busBg.jpg) center center no-repeat;
background-size: cover;display: flex;align-items: center;justify-content: center;color: white;text-align: center;}

.isect04-overlay { position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);}
.isect04-content {position: relative;z-index: 1;}
.isect04-title {font-size: 26px;margin-bottom: 20px; font-weight:500;}
.isect04-description {font-size: 18px;margin-bottom: 30px;}
.isect04-button {display: inline-block;padding: 8px 25px;background-color: #3caefc;color: white;
text-decoration: none;border-radius: 50px;font-weight: bold; font-size:16px;}
.isect04-content a {transition: all .5s ease;}
.isect04-content a:hover.isect04-button	{transform: translateY(-10px); }
		

.ititle{text-align: center;padding: 40px 0 31px;}
.ititle h3{font-size: 28px;color: #121618;font-weight: normal; margin-bottom:20px;}
.ititle p{padding: 0 112px;font-size: 18px;line-height: 27px;color: #4c4c4c;}

.isect1 .cont{position: relative;}
.isect1 .cont .swiper-container{width: 100%;position: relative;overflow: hidden;}
.isect1 .cont .swiper-container .swiper-slide{height: 660px;overflow: hidden;}
.isect1 .cont .swiper-container .swiper-slide a{display: block;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;background-color: #fff;
-webkit-transition: all 3s linear;transition: all 3s linear;}
.isect1 .cont .swiper-container .swiper-slide.swiper-slide-active a{-webkit-transform: scale(1.05);transform: scale(1.05);}
.isect1 .cont .tabs{width: 380px;height: 100%;position: absolute;left: 0;top:0;z-index: 2;background: url(../images/blue80.png) repeat;box-sizing: border-box;padding: 30px 40px 0;}
.isect1 .cont .tabs li{border-bottom: 1px solid rgba(255,255,255,0.16);}
.isect1 .cont .tabs li a{display: block;position: relative;height: 94px;line-height: 94px;font-size: 26px;color: #ffffff;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);}
.isect1 .cont .tabs li a:before{content: "";width: 19px;height: 22px;position: absolute;right: 20px;top:50%;margin-top: -11px;background: url(../images/arrow2.png) no-repeat center;filter: alpha(opacity=0);opacity: 0;}
.isect1 .cont .tabs li.active a:before{right: 0;filter: alpha(opacity=100);opacity: 1;}
.isect1 .cont .tabs li a:after{content: "";width: 0;height: 1px;background: #fff;position: absolute;left: 0;bottom: -1px;z-index: 2;}
.isect1 .cont .tabs li.active a:after{width: 100%;}



.isect2Scroll{width: 100%;position: relative;overflow: hidden;}
.isect2Scroll .swiper-slide{width: 478px;}
.isect2Scroll .swiper-slide dl dd{margin-bottom: 3px;}
.isect2Scroll .swiper-slide dl dd a{display: block;position: relative;overflow: hidden;width: 100%;height: 0;padding-bottom: 56.485%;}
.isect2Scroll .swiper-slide dl dd a em{position: absolute;left: 0;top:0;width: 105%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.isect2Scroll .swiper-slide dl dd a b{position: absolute;left: 0;top:0;z-index: 2;width: 100%;height: 100%;background: rgba(0,0,0,0.3);opacity: 0.3;}
.isect2Scroll .swiper-slide dl dd a h5{position: absolute;left: 0;bottom: 0;z-index: 3;height: 63px;width: 100%;box-sizing: border-box;padding: 0 20px;font-size: 24px;color: #ffffff;line-height: 63px;font-weight: normal;}
.isect2Scroll .swiper-slide dl dd a:hover em{left: -5%;}
.isect2Scroll .swiper-slide dl dd a:hover b{opacity: 1;}




.isect3 .cont{width: 100%;background: url(../images/isect3Bg.jpg) no-repeat center top;background-size: cover;padding: 125px 0 137px;}
.isect3 .cont ul li{width: 25%;text-align: center;color: #ffffff;}
.isect3 .cont ul li h5{height: 74px;line-height: 74px;font-size: 14px;font-weight: normal;}
.isect3 .cont ul li h5 span{margin-right: 10px;font-size: 56px;font-weight: bold;font-family: "HelNeu55";}
.isect3 .cont ul li p{font-size: 16px;line-height: 24px;color: #ffffff;padding: 0 10px;}

.isect4 ul li{width: 33.3%;}
.isect4 ul li a{display: block;width: 100%;height: 0%;padding-bottom: 68.75%;position: relative;overflow: hidden;}
.isect4 ul li a em{position: absolute;left: 0;top:0;width: 105%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.isect4 ul li a b{position: absolute;left: 0;top:0;width: 100%;height: 100%;z-index: 2;background: rgba(0,0,0,0.3);opacity: 0;}
.isect4 ul li a .text{position: absolute;left: 0;top:0;z-index: 3;width: 100%;box-sizing: border-box;padding: 82px 105px;padding: 12.6% 16%;color: #fff;}
.isect4 ul li a .text h4{font-size: 30px;line-height: 45px;font-weight: normal;margin-bottom: 35px;}
.isect4 ul li a .text p{font-size: 14px;line-height: 28px;filter: alpha(opacity=70);opacity: 0.7;max-height: 112px;overflow: hidden;}
.isect4 ul li a:hover em{left: -5%;}
.isect4 ul li a:hover b{opacity: 1;}
.isect4 ul li.li3 a{text-align: center;}
.isect4 ul li.li3 a em{left: -2.5%;}
.isect4 ul li.li3 a:hover em{left: -5%;}
.isect4 ul li.li3 a .text h4{margin-bottom: 18px;}
.isect4 ul li.li3 a .text .icon{margin-bottom: 7px;}
.isect4 ul li.li3 a .text p{max-height: 56px;font-size: 16px;} 

.isect5{margin: 48px auto 50px;}
.isect5 .title{margin-bottom: 38px;}
.isect5 .title h3{font-size: 36px;line-height: 40px;color: #131618;font-weight: normal;}
.isect5 .title ul li{margin-left: 20px;}
.isect5 .title ul li a{display: block;width: 118px;height: 38px;border:1px solid #b2b2b2;border-radius: 4px;text-align: center;line-height: 38px;
font-size: 16px;color: #333333;}
.isect5 .title ul li a img{margin-right: 10px;}
.isect5 .title ul li a:hover{border-color: #053251;color: #053251;}
.isect5 .title ul li a:hover img{-webkit-transform: rotateZ(180deg);transform: rotateZ(180deg);}
.isect5 .isect5_1{width: 48.828%;}
.isect5 .isect5_1 .isect5Scroll{width: 100%;position: relative;overflow: hidden;}
.isect5 .isect5_1 .isect5Scroll .swiper-slide a{display: block;position: relative;overflow: hidden;height: 0;padding-bottom: 61.76%;}
.isect5 .isect5_1 .isect5Scroll .swiper-slide a em{position: absolute;left: 0;top:0;width: 105%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.isect5 .isect5_1 .isect5Scroll .swiper-slide a b{position: absolute;left: 0;top:0;z-index: 2;width: 100%;height: 100%;background: rgba(0,0,0,0.3);opacity: 0;}
.isect5 .isect5_1 .isect5Scroll .swiper-slide a .date{width: 78px;height: 86px;background: #008fd7;position: absolute;left: 0;top:0;z-index: 3;text-align: center;box-sizing: border-box;padding-top: 17px;color: #ffffff;font-family: "HelNeu55";}
.isect5 .isect5_1 .isect5Scroll .swiper-slide a .date .day{display: block;line-height: 30px;font-size: 30px;font-weight: bold;}
.isect5 .isect5_1 .isect5Scroll .swiper-slide a .date .year{font-size: 14px;line-height: 22px;}
.isect5 .isect5_1 .isect5Scroll .swiper-slide a h5{position: absolute;left: 0;bottom: 0;z-index: 3;background: url(../images/gray66.png) repeat;width: 100%;height: 66px;box-sizing: border-box;
padding: 0 100px 0 20px;font-size: 20px;color: #ffffff;line-height: 66px;font-weight: normal;}
.isect5 .isect5_1 .isect5Scroll .swiper-slide a:hover em{left: -5%;}
.isect5 .isect5_1 .isect5Scroll .swiper-slide a:hover b{opacity: 1;}
.isect5 .isect5_1 .isect5Scroll .swiper-pagination{width: auto;left: auto;right: 10px;height: 10px;line-height: 10px;bottom: 25px;z-index: 3;}
.isect5 .isect5_1 .isect5Scroll .swiper-pagination .swiper-pagination-bullet{width: 10px;height: 10px;margin: 0 10px 0 0;opacity: 1;box-sizing: border-box;border:1px solid #fff;border-radius: 50%;background: none;}
.isect5 .isect5_1 .isect5Scroll .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #ffffff;}
.isect5 .isect5_2{width: 48.828%;}
.isect5 .isect5_2 li{margin-top: 5%;}
.isect5 .isect5_2 li:first-child{margin-top: 0;}
.isect5 .isect5_2 li a{display: block;}
.isect5 .isect5_2 li a .pic{width: 46.4%;position: relative;overflow: hidden;}
.isect5 .isect5_2 li a .pic span{display: block;width: 100%;height: 0;padding-bottom: 61.379%;position: relative;overflow: hidden;}
.isect5 .isect5_2 li a .pic span em{position: absolute;left: 0;top:0;width: 105%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.isect5 .isect5_2 li a .pic b{position: absolute;left: 0;top:0;z-index: 2;width: 100%;height: 100%;background: rgba(0,0,0,0.3);opacity: 0;}
.isect5 .isect5_2 li a .text{width: 51.2%;padding-top: 1px;}
.isect5 .isect5_2 li a .text h5{font-size: 22px;line-height: 32px;color: #1a1a1a;font-weight: normal;height: 64px;overflow: hidden;}
.isect5 .isect5_2 li a .text span{display: block;font-size: 14px;line-height: 30px;color: #999999;margin-bottom: 12px;}
.isect5 .isect5_2 li a .text p{font-size: 16px;line-height: 28px;color: #666666;height: 56px;overflow: hidden;}
.isect5 .isect5_2 li a:hover .pic span em{left: -5%;}
.isect5 .isect5_2 li a:hover .pic b{opacity: 1;}

.footer{padding: 40px 0 42px;background: #053251;color: #ddecf8;font-size: 14px;line-height: 28px;}
.footer .tit{line-height: 23px;font-size: 18px;color: #ffffff;font-weight: normal;padding: 19px 0;}

.footer .fNav dl{ margin-right:5.2vw;}
.footer .fNav a:hover{color: #fff;text-decoration: underline;}
.footer .fContact{width: 242px;}
.footer .fContact .tel{font-size: 16px;color: #fff02d;font-weight: bold;font-family: "HelNeu55";}
.footer .fContact .qrcode{margin-top: 22px;}
.footer .fContact .qrcode .pic{width: 130px;height: 130px;}
.footer .fContact .qrcode .pic img{width: 100%;height: 100%;}
.footer .fContact .qrcode p{line-height: 22px;padding-top: 32px;}

.fBtm{padding: 6px 0;background: #005481;}
.fBtm .left{font-size: 14px;line-height: 28px;color: #dde4e9;max-width: 800px;}
.fBtm .left span{margin-right: 12px;}
.fBtm .left a:hover{color: #fff;text-decoration: underline;}
.fBtm .left ul li{padding-left: 18px;position: relative;}
.fBtm .left ul li:first-child{padding-left: 0;}
.fBtm .left ul li:before{content: "";width: 1px;height: 14px;background: #1a658e;position: absolute;left: 9px;top:50%;margin-top: -7px;}
.fBtm .left ul li:first-child:before{display: none;}

.pageWrap{padding-top: 86px;}
.nyBanner{width: 100%;height: 240px;background-repeat: no-repeat;background-position: center;background-size: cover;position: relative; margin-top:80px; margin-bottom:60px;}
.nyBanner:before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top:0;background: rgba(0,0,0,0.4);opacity: 0;}
.nyBanner .w1280{position: relative;z-index: 2;}
.nyBanner .w1280 h3{font-size: 36px;line-height: 52px;color: #fefefe;font-weight: normal; width:100%; text-align:center;padding-top: 69px;}
.nyBanner .w1280 .path{font-size: 14px;line-height: 32px;color: #fefefe;}
.nyBanner .w1280 .path span{margin: 0 10px;}
.nyBanner .w1280 .path a:hover{text-decoration: underline;}

.flex_fen {display: flex;    flex-wrap: nowrap;    align-items: center;    justify-content: space-evenly;}


.nyWrap{min-height: 450px;margin-bottom: 120px;}
.nyTitle{text-align: center;font-size: 32px;color: #1a1a1a;line-height: 132px;font-weight: normal;}

.videoWrap .gallery-top{width: 78.125%;position: relative;}
.videoWrap .gallery-top .swiper-pagination{display: none;}
.videoWrap .gallery-top .swiper-slide .wrap{display: block;width: 100%;height: 0;padding-bottom: 568px;position: relative;overflow: hidden;}
.videoWrap .gallery-top .swiper-slide .wrap em{position: absolute;left: 0;top:0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.videoWrap .gallery-top .swiper-slide .wrap i{width: 78px;height: 78px;position: absolute;left: 50%;top:50%;margin: -39px 0 0 =39px;background: url(../images/videoIcon1.png) no-repeat center;background-size: 100% 100%;}
.videoWrap .gallery-top .swiper-slide .wrap .btm{width: 100%;height: 59px;position: absolute;left: 0;bottom: 0;z-index: 2;box-sizing: border-box;padding: 0 200px 0 30px;background: url(../images/gray80.png) repeat;}
.videoWrap .gallery-top .swiper-slide .wrap .btm h5{width: 100%;font-size: 16px;color: #ffffff;font-weight: normal;line-height: 59px;}
.videoWrap .gallery-top .swiper-slide .wrap .btm .bdsharebuttonbox{position: absolute;right: 10px;bottom: 0;}
.videoWrap .gallery-top .swiper-slide .wrap .btm .bdsharebuttonbox span{font-size: 14px;color: #ffffff;line-height: 59px;margin-right: 15px;}
.videoWrap .gallery-top .swiper-slide .wrap .btm .bdsharebuttonbox .shareItem{width: 30px;height: 30px;margin: 15px 20px 0 0;padding: 0;background: url(../images/shareIcon1.png) no-repeat left center;cursor: pointer;}
.videoWrap .gallery-top .swiper-slide .wrap .btm .bdsharebuttonbox .shareItem.bds_tsina{background-position: -30px center;}
.videoWrap .gallery-thumbs{width: 21.42%;height: 568px;background: #1c2022;box-sizing: border-box;padding: 70px 15px 114px;position: relative;}
.videoWrap .gallery-thumbs .container{width: 100%;height: 100%;overflow: hidden;}
.videoWrap .gallery-thumbs .container .swiper-slide{cursor: pointer;}
.videoWrap .gallery-thumbs .container .swiper-slide em{display: block;width: 100%;height: 137px;background-repeat: no-repeat;background-position: center;background-size: cover;}
.videoWrap .gallery-thumbs .container .swiper-slide h5{font-size: 16px;line-height: 48px;color: #ffffff;font-weight: normal;text-align: center;}
.videoWrap .gallery-thumbs .swiper-button-next,
.videoWrap .gallery-thumbs .swiper-button-prev{width: 100%;height: 19px;position: absolute;left: 0;margin: 0;right: 0;}
.videoWrap .gallery-thumbs .swiper-button-prev{top:35px;background: url(../images/prevBtn.png) no-repeat center;}
.videoWrap .gallery-thumbs .swiper-button-next{bottom:76px;background: url(../images/nextBtn.png) no-repeat center;top:auto;}

.nyNav{box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5); background:#fff; width:94%; max-width:1280px; position:absolute; bottom:-35px; left:50%;transform: translate(-50%, 0); transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}

.nyNav li{border-right:1px solid #ccc; width:33.3%; text-align:center;}
.nyNav li:last-child {border-right:0px solid #ccc;}
.nyNav li a{display: block;height: 76px;line-height: 76px;font-size: 20px;color: #1a1a1a;position: relative;}
.nyNav li a:before{content: "";width: 100%;height: 4px;background: #008fd7;position: absolute;left: 0;bottom: -1px;
transform: scaleX(0);-webkit-transform: scaleX(0);opacity: 0;visibility: hidden;}
.nyNav li.on a:before,.nyNav li a:hover:before{transform: scaleX(1);-webkit-transform: scaleX(1);opacity: 1;visibility: visible;}
.nyNav li.on a,.nyNav li a:hover{color: #008fd7;}
.nyNav li.on a{font-weight: bold;}

.aboutWrap .item1{padding: 0 0 50px;}
.aboutWrap .item1 .text{width: 64%;}
.aboutWrap .item1 .text .title{font-size: 28px;line-height: 64px;color: #053251;font-weight: normal;margin-bottom: 16px;background: url(../images/comma.png) no-repeat left top;}

.pageStyle{font-size: 15px;line-height: 30px;color: #4c4c4c;}
.pageStyle img{max-width: 100% !important;}

.aboutWrap .item1 .pic{width: 32%;}
.aboutWrap .item1 .pic img{width: 100%;}
.aboutWrap .item2{padding: 75px 0 78px;background: #f5f5f5;}
.aboutWrap .item2 .top{margin-bottom: 48px;}
.aboutWrap .item2 .top li{width: 25%;}
.aboutWrap .item2 .top li p{font-size: 14px;line-height: 28px;color: #4c4c4c;}
.aboutWrap .item2 .top li h5{font-size: 14px;line-height: 60px;color: #4d4d4d;font-weight: normal;}
.aboutWrap .item2 .top li h5 em{font-size: 48px;color: #12a7e4;font-weight: bold;font-family: "HelNeu55";margin-right: 12px;}

.aboutScroll{padding: 0 53px;position: relative;}
.aboutScroll .swiper-button-prev,.aboutScroll .swiper-button-next{width: 23px;height: 45px;position: absolute;top:50%;margin-top: -22px;}
.aboutScroll .swiper-button-prev{left: 0;background: url(../images/leftArr.png) no-repeat center;}
.aboutScroll .swiper-button-next{right: 0;background: url(../images/rigjhtArr.png) no-repeat center;}
.aboutScroll .swiper-pagination{ }
.aboutScroll .container{width: 100%;position: relative;overflow: hidden;}
.aboutScroll .container .swiper-slide{position: relative;}
.aboutScroll .container .swiper-slide em{display: block;width: 100%;height: 0;padding-bottom: 65%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.aboutScroll .container .swiper-slide h5{width: 100%;height: 46px;position: absolute;left: 0;bottom: 0;z-index: 2;box-sizing: border-box;padding: 0 10px;background: url(../images/gray60.png) repeat;text-align: center;font-size: 15px;color: #ffffff;font-weight: normal;line-height: 46px;}


.aboutWrap .item3{padding-top: 42px;}

.cultureWrap{width: 100%;background: url(../images/cultureBg.jpg) no-repeat center top;}
.cultureWrap .top{padding-bottom: 70px;}
.cultureWrap .top .text{padding: 0 118px 56px;text-align: center;}
.cultureWrap .top .list{border-left: 1px solid #e1e2e3;}
.cultureWrap .top .list li{width: 33.3%;box-sizing: border-box;text-align: center;padding: 7px 0 12px;border-right: 1px solid #e1e2e3;}
.cultureWrap .top .list li .icon{height: 97px;line-height: 97px;}
.cultureWrap .top .list li h5{font-size: 22px;line-height: 42px;color: #1a1a1a;font-weight: normal;}
.cultureWrap .top .list li p{font-size: 14px;color: #666666;line-height: 30px;}

.cultureWrap .btm li{width: 23.8%;position: relative;cursor: pointer;margin: 0 0 1.1% 1.56%;overflow: hidden;}
.cultureWrap .btm li.li1{width: 49.1%;margin: 0;}
.cultureWrap .btm li em{display: block;width: 100%;height: 0;padding-bottom: 74.72%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.cultureWrap .btm li .text{width: 100%;height: 50px;position: absolute;left: 0;bottom: 0;z-index: 2;background: url(../images/gray60.png) repeat;box-sizing: border-box;padding: 0 20px;}
.cultureWrap .btm li .text h5{width: 100%;box-sizing: border-box;padding-right: 40px;font-size: 16px;color: #fefefe;line-height: 50px;font-weight: normal;background: url(../images/picIcon.png) no-repeat right center;}
.cultureWrap .btm li:hover em{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.cultureWrap .btm li.li6{width: 0;height: 0;overflow: hidden;margin: 0;}

.Gallery{width:100%;height:100%;position:fixed;left:0;top:0;background:#111;opacity:0;z-index:999999;background: rgba(0,0,0,1);
transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease}
.Gallery.show{opacity:1}
.g-bottom,.g-left,.g-right,.g-top{z-index:99;display:block;-webkit-appearance:none;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease}
.g-top{position:absolute;top:0;left:0;width:100%;background:rgba(0,0,0,.7);height:45px;text-align:center;line-height:45px;color:#fff;z-index:120}
.g-left.none,.g-right.none{opacity:.3;cursor:not-allowed}
.g-bottom{position:absolute;bottom:0;left:0;width:100%;background:rgba(0,0,0,.7);height:45px;text-align:center;line-height:45px;color:#fff;z-index:120}
.g-left{position:absolute;top:43%;left:0;height:14%;background:rgba(0,0,0,.5);width:55px;cursor:pointer}
.g-right{position:absolute;top:43%;right:0;height:14%;background:rgba(0,0,0,.5);width:55px;cursor:pointer}
.Gallery img{max-height:87%;max-width:99%}
.Gallery.Gallery-none img{max-height:100%;max-width:99%}
.Gallery-wrap{width:100%;height:100%;position:relative;transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0)}
.g-left:after{content:'';width:20px;height:2px;background:#fff;position:absolute;left:16px;top:50%;margin-top:-1px}
.g-left:before{content:'';width:10px;height:10px;border:2px solid #fff;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);border-top:none;border-right:none;display:block;position:absolute;left:16px;top:50%;margin-top:-6px}
.g-right:after{content:'';width:20px;height:2px;background:#fff;position:absolute;right:16px;top:50%;margin-top:-1px}
.g-right:before{content:'';width:10px;height:10px;border:2px solid #fff;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);border-left:none;border-bottom:none;display:block;position:absolute;right:16px;top:50%;margin-top:-6px}
.g-list{width:100%;height:100%;text-align:center;vertical-align:middle;position:absolute;left:0;top:0}
.g-list span{display:inline-block;vertical-align:middle;height:100%}
.g-list img{vertical-align:middle;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab;transition:all .4s ease;-moz-transition:all .4s ease;-webkit-transition:all .4s ease}
.Gallery-wrap.grab .g-list img{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}
.g-top .g-count{width:auto;height:100%;position:absolute;left:0;top:0;padding:0 18px}
.g-top button{height:45px;width:45px;border:none;position:absolute;right:0;top:0;opacity:.8;background:0 0;-webkit-tap-highlight-color:transparent}
.g-top span{display:block;width:100%;height:100%;line-height:45px;color:#fff}
.g-close{cursor:pointer}
.g-close:after{content:'';width:24px;height:2px;background:#fff;display:block;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);position:absolute;left:8px;top:21px}
.g-close:before{content:'';width:24px;height:2px;background:#fff;display:block;transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);position:absolute;left:8px;top:21px}
.g-top button:hover{opacity:1}

.newspaper{width: 100%;overflow: hidden;}
.newspaper ul{width: 1350px;padding-bottom: 40px;}
.newspaper ul li{width: 380px;margin: 0 70px 0 0;}
.newspaper ul li a{display: block;}
.newspaper ul li a .pic{height: 0;padding-bottom: 147.368%;position: relative;overflow: hidden;-webkit-box-shadow: 2.5px 4.33px 16px 0px rgba(0, 0, 0, 0.21);box-shadow: 2.5px 4.33px 16px 0px rgba(0, 0, 0, 0.21);}
.newspaper ul li a .pic em{position: absolute;left: 0;top:0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.newspaper ul li a h5{font-size: 15px;line-height: 65px;color: #1a1a1a;font-weight: normal;text-align: center;}
.newspaper ul li a:hover h5{color: #008fd7;}

.page{text-align: center;font-size: 0;}
.page a{display: inline-block;*display: inline;*zoom: 1;width: 32px;height: 32px;border:1px solid #d9d9d9;background: url(../images/arrow4.png) no-repeat left top;margin: 0 15px;}
.page a.next{background-position: right top;}
.page a:hover{border-color: #008fd7;background-color: #008fd7;background-position-y:bottom;}
/*
.jobWrap .text{padding: 0 85px 44px;text-align: center;line-height: 28px;margin-top: -16px;}
.jobList .nLi{margin-bottom: 10px;}
.jobList .nLi .dt{height: 64px;background: #f0f0f0;padding: 0 460px 0 30px;cursor: pointer;line-height: 64px;position: relative;}
.jobList .nLi .dt h5{width: 100%;font-size: 16px;color: #1a1a1a;}
.jobList .nLi .dt .desc{position: absolute;right: 30px;top:0;width: 446px;font-size: 16px;color: #1a1a1a;}
.jobList .nLi .dt .desc .fr{padding-right: 26px;position: relative;}
.jobList .nLi .dt .desc .fr i{width: 7px;height: 15px;position: absolute;right: 0;top:50%;margin-top: -7px;background: url(../images/arrow5.png) no-repeat center;}
.jobList .nLi .dd{display: none;}
.jobList .nLi:first-child .dd{display: block;}
.jobList .nLi .dd .wrap{padding: 15px 30px 20px;}
.jobList .nLi .dd .wrap .tit{font-size: 15px;line-height: 75px;color: #1a1a1a;}
.jobList .nLi .dd .wrap .btnWrap{padding-top: 40px;}
.jobList .nLi .dd .wrap .btnWrap .btn{width: 190px;height: 58px;box-sizing: border-box;border:1px solid #008fd7;text-align: center;line-height: 58px;font-size: 0;margin-left: 10px;position: relative;}
.jobList .nLi .dd .wrap .btnWrap .btn:first-child{margin-left: 0;}
.jobList .nLi .dd .wrap .btnWrap .btn span{display: inline-block;*display: inline;*zoom: 1;font-size: 16px;color: #008fd7;padding-left: 35px;background: url(../images/jobIcon2.png) no-repeat left center;position: relative;z-index: 2;}
.jobList .nLi .dd .wrap .btnWrap .btn:before{content: "";width: 100%;height: 100%;background: #008fd7;position: absolute;left: 0;top:0;
transform: scaleX(0);-webkit-transform: scaleX(0);opacity: 0;visibility: hidden;}
.jobList .nLi .dd .wrap .btnWrap .btn.btn1{background: #008fd7;}
.jobList .nLi .dd .wrap .btnWrap .btn.btn1 span{background-image: url(../images/jobIcon1On.png);color: #fff;}
.jobList .nLi .dd .wrap .btnWrap .btn.btn2:hover span{color: #fff;background-image: url(../images/jobIcon2On.png);}
.jobList .nLi .dd .wrap .btnWrap .btn.btn2:hover:before{transform: scaleX(1);-webkit-transform: scaleX(1);opacity: 1;visibility: visible;}
.jobList .nLi.on .dt .desc .fr i{-webkit-transform: rotateZ(90deg); -moz-transform: rotateZ(90deg); -ms-transform: rotateZ(90deg); transform: rotateZ(90deg);}
*/
.respWrap .item1{padding-bottom: 40px;border-bottom: 1px solid #e0e0e0;margin-bottom: 32px;}
.respWrap .item1 .text{width: 56.25%;}
.respWrap .item1 .text .tit{font-size: 24px;line-height: 44px;color: #1a1a1a;font-weight: normal;margin-bottom: 22px;}
.respWrap .item1 .pic{width: 40.625%;}
.respWrap .item1 .pic img{width: 100%;}
.respWrap .item2{margin-bottom: 42px;}
.respWrap .item3{margin-top: 40px;}
.respWrap .item3 .innerItem{width: 48%;}

.syFocusThumb{position: relative; overflow: hidden;}
.syFocusThumb .pagination{padding: 0 53px;position: relative;}
.syFocusThumb .pagination .prev,
.syFocusThumb .pagination .next{width: 23px;height: 39px;position: absolute;top:32px;cursor: pointer;}
.syFocusThumb .pagination .prev{left: 0;background: url(../images/leftArr1.png) no-repeat center;}
.syFocusThumb .pagination .next{right: 0;background: url(../images/rightArr1.png) no-repeat center;}
.syFocusThumb .pagination .thumbWrap{width: 100%;position: relative;overflow: hidden;padding-bottom: 56px;}
.syFocusThumb .pagination .thumbWrap:before{content: "";width: 100%;height: 1px;background: #e5e5e5;position: absolute;left: 0;top:50px;}
.syFocusThumb .pagination .thumbWrap .holder{width: 4000px}
.syFocusThumb .pagination .thumbWrap .holder .toc{display: block;width: 102px;height: 102px;box-sizing: border-box;border:3px solid #fff;border-radius: 50%;background: #fff;position: relative;z-index: 2;margin-right: 94px;
-webkit-box-shadow: 2px 3.464px 8px 0px rgba(0, 0, 0, 0.19);box-shadow: 2px 3.464px 8px 0px rgba(0, 0, 0, 0.19);}
.syFocusThumb .pagination .thumbWrap .holder .toc a{display: block;width: 100%;height: 96px;text-align: center;line-height: 96px;font-size: 28px;color: #666666;font-family: "HelNeu55";}
.syFocusThumb .pagination .thumbWrap .holder .toc.selected{border-color: #008fd7;
-webkit-box-shadow: 2px 3.464px 8px 0px rgba(0, 0, 0, 0);box-shadow: 2px 3.464px 8px 0px rgba(0, 0, 0, 0);}
.syFocusThumb .pagination .thumbWrap .holder .toc.selected a{color: #008fd7;font-weight: bold;}
.syFocusThumb .contentdiv{box-sizing: border-box;padding: 30px 0 90px 166px;position: relative;}
.syFocusThumb .contentdiv:before{content: "";width: 1px;height: 100%;background: #e5e5e5;position: absolute;left: 127px;top:0;}
.syFocusThumb .contentdiv .year{position: absolute;left: 0;top:0;height: 86px;font-size: 36px;color: #008fd7;line-height: 86px;width: 127px;z-index: 2;}
.syFocusThumb .contentdiv .year:before{content: "";width: 15px;height: 15px;position: absolute;right: -9px;top:50%;margin-top: -7px;background: #fff;border-radius: 50%;border:1px solid #e5e5e5;}
.syFocusThumb .contentdiv .cont ul li{margin-bottom: 30px;}

.contactWrap .item1{margin-bottom: 67px;}
.contactWrap .item1 .tit{width: 28%;font-size: 26px;line-height: 32px;color: #1a1a1a;font-weight: normal;margin-top: -3px;position: relative;padding-bottom: 27px;}
.contactWrap .item1 .tit:before{content: "";width: 40px;height: 3px;background: #008fd7;position: absolute;left: 0;bottom: 0;}
.contactWrap .item1 ul{width: 72%;}
.contactWrap .item1 ul li{width: 50%;font-size: 15px;line-height: 30px;color: #666666;border-left: 1px solid #e5e5e5;box-sizing: border-box;padding-left: 29px;}
.contactWrap .item2{height: 554px;border:1px solid #dbdbdb;}

.busWrap .text{padding: 0 130px 44px;text-align: center;line-height: 26px;}
.busWrap .item1{width: 100%;background: url(../images/busBg.jpg) no-repeat center top;padding: 50px 0 60px;}
.busWrap .item1 .busNav{margin-bottom: 50px;text-align: center;font-size: 0;}
.busWrap .item1 .busNav li{display: inline-block;*display: inline;*zoom: 1;margin: 0 35px;}
.busWrap .item1 .busNav li a{display: block;font-size: 16px;color: #ffffff;line-height: 45px;filter: alpha(opacity=80);opacity: 0.8;}
.busWrap .item1 .busNav li.on a{filter: alpha(opacity=100);opacity: 1;font-size: 25px;}
.busWrap .item1 .busNav li a:hover{filter: alpha(opacity=100);opacity: 1;}

.exhibition_hall{position: relative; overflow: hidden; z-index: 1;padding: 0 120px;}
.roundabout_box { height: 433px; width: 100%;overflow: hidden;margin: 0 auto;box-sizing: border-box;padding: 0 120px;}
.roundabout-holder {list-style: none; width: 100%; height: 433px; margin: 0px auto; }
.roundabout-moveable-item {width: 80.18%; height: 433px; cursor: pointer; overflow: hidden; }
.roundabout-moveable-item em{display: block;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.exhibition_hall .prevBtn,.exhibition_hall .nextBtn{width: 70px;height: 70px;position: absolute;top:50%;cursor: pointer;margin-top: -35px;}
.exhibition_hall .prevBtn{left: 0;background: url(../images/leftArr2.png) no-repeat center;background-size: 100% 100%;}
.exhibition_hall .nextBtn{right: 0;background: url(../images/rightArr2.png) no-repeat center;background-size: 100% 100%;}

.busScroll{position: relative;overflow: hidden;padding-bottom: 40px;margin: 0 5%;display: none;}
.busScroll .swiper-slide em{display: block;width: 100%;height: 0;padding-bottom: 51.55%;background-repeat: no-repeat;background-position: center;background-size: cover}
.busScroll .swiper-pagination .swiper-pagination-bullet{}
.busScroll .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #008fd7;}

.busWrap{overflow: hidden;}
.busWrap .item2{}
.busWrap .item2 .tit{padding-top: 10px;height: 109px;line-height: 109px;font-size: 30px;color: #1a1a1a;font-weight: normal;text-align: center;}
.busWrap .item2 ul{width: 1305px;padding-bottom: 40px;}
.busWrap .item2 ul li{width: 410px;margin: 0 25px 20px 0;padding-bottom: 15px;}
.busWrap .item2 ul li a{display: block;}
.busWrap .item2 ul li a .pic{width: 100%;height: 0;padding-bottom: 68.29%;position: relative;overflow: hidden;}
.busWrap .item2 ul li a .pic em{position: absolute;left: 0;top:0;width: 105%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.busWrap .item2 ul li a .pic b{position: absolute;left: 0;top:0;width: 100%;height: 100%;z-index: 2;background: rgba(0,0,0,0.4);opacity: 0;}
.busWrap .item2 ul li a h5{padding-top: 12px;font-size: 18px;line-height: 42px;color: #1a1a1a;font-weight: normal;}
.busWrap .item2 ul li a p{font-size: 15px;line-height: 26px;color: #707070;height: 52px;overflow: hidden;}
.busWrap .item2 ul li a:hover .pic em{left: -5%;}
.busWrap .item2 ul li a:hover .pic b{opacity: 1;}
.busWrap .item2 ul li a:hover h5{color: #008fd7;}
/*.busWrap .item2 ul li:hover{-webkit-box-shadow:0 0 10px rgba(0,0,0,0.1);box-shadow:0 0 10px rgba(0,0,0,0.1);}*/

.page1{text-align: center;font-size: 0;}
.page1 a{display: inline-block;*display: inline;*zoom: 1;height: 42px;padding: 0 32px;border:1px solid #d4d4d4;background: #ffffff;
margin: 0 8px;font-size: 14px;color: #4c4c4c;line-height: 42px;}
.page1 a.num{padding: 0 17px;}
.page1 a.on,.page1 a:hover{border-color: #053251;background: #053251;color: #fff;}

.contProd .item1{margin: 50px auto 30px;}
.contProd .item1 .cProdScroll{width: 50%;position: relative;overflow: hidden;}
.contProd .item1 .cProdScroll em{display: block;width: 100%;height: 0;padding-bottom: 68.75%;background-repeat: no-repeat;background-position: center;background-size: cover}
.contProd .item1 .cProdScroll .swiper-pagination{display: none;}
.contProd .item1 .cProdScroll .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #008fd7;}
.contProd .item1 .text{width: 46.875%;}
.contProd .item1 .text .tit{font-size: 32px;color: #1a1a1a;font-weight: normal;line-height: 72px;margin-bottom: 14px;}
.contProd .item1 .text .subTit{font-size: 24px;line-height: 56px;color: #1a1a1a;font-weight: normal;}
.contProd .item1 .text .pageStyle{min-height: 156px;margin-bottom: 32px;}
.contProd .item1 .text .toList{display: block;width: 180px;height: 58px;border-radius: 3px;background: #008fd7;text-align: center;line-height: 58px;color: #ffffff;font-size: 0;}
.contProd .item1 .text .toList span{display: inline-block;*display: inline;*zoom: 1;font-size: 16px;padding-left: 32px;background: url(../images/listIcon.png) no-repeat left center;}
.contProd .item1 .text .toList:hover{background: #0677b0;}

.prodTit{font-size: 24px;color: #008fd7;font-weight: normal;line-height: 66px;}

.contProd .item2{margin-bottom: 32px;}
.contProd .item3 .prodTit{margin-bottom: 8px;}

.recProdScroll{padding: 0 120px;position: relative;}
.recProdScroll .swiper-button-prev,
.recProdScroll .swiper-button-next{width: 70px;height: 70px;position: absolute;cursor: pointer;top: 105px;}
.recProdScroll .swiper-button-prev{left: 0;background: url(../images/leftArr2.png) no-repeat center;background-size: 100% 100%;}
.recProdScroll .swiper-button-next{right: 0;background: url(../images/rightArr2.png) no-repeat center;background-size: 100% 100%;}
.recProdScroll .container{width: 100%;position: relative;overflow: hidden;}
.recProdScroll .container .swiper-slide a{display: block;}
.recProdScroll .container .swiper-slide a .pic{width: 100%;height: 0;padding-bottom: 68.29%;position: relative;overflow: hidden;}
.recProdScroll .container .swiper-slide a .pic em{position: absolute;left: 0;top:0;width: 105%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.recProdScroll .container .swiper-slide a .pic b{position: absolute;left: 0;top:0;width: 100%;height: 100%;z-index: 2;background: rgba(0,0,0,0.4);opacity: 0;}
.recProdScroll .container .swiper-slide a h5{padding-top: 18px;font-size: 16px;line-height: 35px;color: #1a1a1a;font-weight: normal;text-align: center;}
.recProdScroll .container .swiper-slide a:hover .pic em{left: -5%;}
.recProdScroll .container .swiper-slide a:hover .pic b{opacity: 1;}
.recProdScroll .container .swiper-slide a:hover h5{color: #008fd7;}
.recProdScroll .swiper-pagination{display: none;width: 100%;}
.recProdScroll .swiper-pagination .swiper-pagination-bullet{margin: 0 3px;}
.recProdScroll .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #008fd7;}

.appWrap{}
.appScroll{width: 100%;overflow: hidden;position: relative;margin-bottom: 20px;}
.appScroll .container{width: 530px;margin: 0 auto;height: 300px;}
.appScroll .swiper-slide{width: auto;padding: 15px 0;overflow: hidden;}
.appScroll .swiper-slide .wrap{width: 478px;position: relative;}
.appScroll .swiper-slide .wrap .pic{width: 100%;height: 0;padding-bottom: 56.48%;position: relative;overflow: hidden;padding-bottom: 270px;}
.appScroll .swiper-slide .wrap .pic em{position: absolute;left: 0;top:0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.appScroll .swiper-slide .wrap h5{width: 100%;height: 64px;position: absolute;left: 0;bottom: 0;z-index: 3;box-sizing: border-box;padding: 0 20px;font-size: 24px;color: #ffffff;font-weight: normal;}
.appScroll .swiper-slide .wrap .pic b{position: absolute;left: 0;top:0;width: 100%;height: 100%;background: rgba(0,0,0,0.3);}
.appScroll .swiper-slide.swiper-slide-active .wrap{width: 530px;}
.appScroll .swiper-slide.swiper-slide-active .wrap .pic{
-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.appScroll .swiper-slide.swiper-slide-active .wrap .pic b{opacity: 0;}
.appScroll .swiper-slide.swiper-slide-active .wrap h5{filter: alpha(opacity=0);opacity: 0;}

.appWrap .appBtm .tit{font-size: 24px;color: #1a1a1a;line-height: 54px;font-weight: normal;}
.appWrap .appBtm .tit span{font-size: 16px;color: #808080;}
.appWrap .appBtm .list{width: 100%;overflow: hidden;}
.appWrap .appBtm .list ul{width: 1336px;}
.appWrap .appBtm .list ul li{width: 387px;margin-right: 58px;height: 47px;border-bottom: 1px dotted #afafaf;}
.appWrap .appBtm .list ul li a{font-size: 15px;color: #4c4c4c;height: 47px;line-height: 47px;position: relative;padding-left: 16px;}
.appWrap .appBtm .list ul li a:before{content: "";width: 4px;height: 4px;background: #4d4d4d;border-radius: 50%;position: absolute;left: 0;top:50%;margin-top: -2px;}
.appWrap .appBtm .list ul li a:hover{color: #008fd7;}
.appWrap .appBtm .list ul li a:hover:before{background: #008fd7;}

.networkWrap .item1{padding-bottom: 60px;margin-bottom: 15px;background: url(../images/networkBg.jpg) no-repeat center top;min-height: 440px;}
.networkWrap .item1 .w1280{padding-right: 640px;box-sizing: border-box;}
.networkWrap .item1 .list{margin-top: 60px;padding: 23px 23px 19px;border-top: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;}
.networkWrap .item1 .list li:first-child{margin-right: 120px;}
.networkWrap .item1 .list li h5{line-height: 60px;height: 60px;font-weight: normal;}
.networkWrap .item1 .list li h5 span{font-size: 48px;color: #12a7e4;font-family: "HelNeu55";font-weight: bold;margin-right: 8px;}

.networkWrap .item2{overflow: hidden;}
.networkWrap .item2 dl{margin-bottom: 32px;width: 1335px;}
.networkWrap .item2 dl dd{width: 390px;margin: 0 55px 32px 0;}
.networkWrap .item2 dl dd .tit{line-height: 71px;font-size: 24px;color: #1a1a1a;font-weight: normal;border-bottom: 1px solid #e0e0e0;margin-bottom: 20px;}


.download{margin-top: -25px;position: relative;z-index: 3;}
.download ul{padding-bottom: 30px;}
.download ul li{border-bottom: 1px dotted #afafaf;}
.download ul li a{display: block;height: 66px;padding: 0 340px 0 16px;position: relative;line-height: 66px;font-size: 16px;color: #333333;}
.download ul li a:before{content: "";width: 5px;height: 5px;background: #333333;border-radius: 50%;position: absolute;left: 0;top:50%;margin-top: -2px;}
.download ul li a h5{font-weight: normal;}
.download ul li a .desc{width: 323px;position: absolute;right: 0;top:0;}
.download ul li a .desc .fr{padding-left: 29px;background: url(../images/download.png) no-repeat left center;}
.download ul li a:hover:before{background: #008fd7;}
.download ul li a:hover{color: #008fd7;}

.newsList{width: 100%;overflow: hidden;}
.newsList ul{width: 1305px;padding-bottom: 30px;}
.newsList ul li{width: 410px;margin: 0 25px 33px 0;}
.newsList ul li a{display: block;}
.newsList ul li a .pic{width: 100%;height: 0;padding-bottom: 61.7%;position: relative;overflow: hidden;}
.newsList ul li a .pic em,
.newsList ul li a .pic b{position: absolute;left: 0;top:0;width: 100%;height: 100%;}
.newsList ul li a .pic em{width: 105%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.newsList ul li a .pic b{z-index: 2;background: rgba(0,0,0,0.4);opacity: 0;}
.newsList ul li a h5{margin: 18px 0 9px;font-size: 22px;line-height: 32px;color: #1a1a1a;font-weight: normal;height: 64px;overflow: hidden;}
.newsList ul li a span{display: block;font-size: 14px;line-height: 30px;color: #808080;}
.newsList ul li a p{font-size: 14px;line-height: 26px;color: #4c4c4c;height: 52px;overflow: hidden;}
.newsList ul li a:hover .pic b{opacity: 1;}
.newsList ul li a:hover .pic em{left: -5%;}
.newsList ul li a:hover h5{color: #008fd7;}

.passage{padding-top: 60px;}
.passage .psgTit{padding-bottom: 24px;border-bottom: 1px solid #d1d1d1;margin-bottom: 22px;text-align: center;}
.passage .psgTit h5{font-size: 24px;color: #1a1a1a;line-height: 32px;font-weight: normal;margin-bottom: 10px;}
.passage .psgTit h5.subTit{font-size: 20px;}
.passage .psgTit .info{font-size: 14px;line-height: 22px;color: #808080;}
.passage .psgTit .info span{margin: 0 4px;}
.passage .psgCont{font-size: 16px;line-height: 32px;color: #333333;padding-bottom: 60px;margin-bottom: 52px;min-height: 300px; box-shadow: 0 0 20px rgba(0,0,0,0.1); padding:35px;box-sizing: border-box;}
.passage .psgCont *{max-width: 100% !important;}
.passage .psgCont img{height: auto !important;}
.passage .psgBtm{position: relative;padding: 0 235px 0 0;}
.passage .psgBtm ul li{font-size: 16px;line-height: 34px;color: #3a502a;}
.passage .psgBtm ul li a{color: #333333;}
.passage .psgBtm ul li a:hover{color: #008fd7;text-decoration: underline;}
.passage .psgBtm .bdsharebuttonbox{height: 56px;width: 165px;padding-left: 49px;border-left: 1px solid #d1d1d1;position: absolute;right: 0;top:5px;}
.passage .psgBtm .bdsharebuttonbox span{font-size: 16px;line-height: 34px;color: #000000;margin: 12px 3px 0 0;}
.passage .psgBtm .bdsharebuttonbox .shareItem{width: 34px;height: 34px;margin: 12px 20px 0 0;padding: 0;background: url(../images/shareIcon2.png) no-repeat left top;}
.passage .psgBtm .bdsharebuttonbox .shareItem.bds_tsina{margin-right: 0;background-position: -34px top;}

.p1_3_bg { width:100%; margin-top:86px; padding: 70px 0; background:url(../images/p1-3bg.jpg) no-repeat center  top; background-size:cover;}
.p1_3_box { display: flex;    align-items: center;}
.p1_3_box .left-part { width:50%;}
.p1_3_box .left-part img {max-width: 100%;    height: auto;}

.p1_3_box .right-part {    margin-left: 30px;width:50%;box-sizing: border-box;}
.p1_3_box .right-part h2 {    font-size: 24px; line-height:32px;    margin-bottom: 15px;}
.p1_3_box .right-part p {   font-size: 17px;     margin-bottom: 10px;    line-height: 1.5;}
.start-design-btn { background-color: #0389d0;  color: #fff; border: none; padding: 10px 26px; border-radius: 20px;
    cursor: pointer; font-size:17px; margin-top:25px;transition: all .5s ease;}
.start-design-btn:hover {   background-color: #05436d; transform: translateY(-10px); }

.p1_3_2_bg { width:100%; background:#fbfbfb; padding:90px 0 50px;}
.steps-container {display: flex;justify-content: center;gap: 40px;margin-bottom: 40px;flex-wrap: nowrap;}
.steps-container .step-item {  text-align: center;transition: all .5s ease;}
.steps-container .step-item:hover {transform: translateY(-10px); }


.elementor-icon {   color: #69727d;   display: inline-block;    font-size: 82px;    line-height: 1;
    text-align: center;    transition: all .3s;}
.elementor-icon svg { width:82px; height:82px;}
.step-item img {    width: 60px;    height: 60px;    margin-bottom: 10px;}
.step-item h3 {    font-size: 17px;    font-weight: normal;}
.step-item h3 span { font-weight:600; color:#000;}

.start-design-btn2 { width:145px; height:40px; text-align:center; line-height:40px; display:block;box-sizing: border-box;   background-color: #0389d0;  color: #fff; border: none; border-radius: 20px;cursor: pointer; font-size:17px; margin-top:25px;transition: all .5s ease; margin:0 auto;}
.start-design-btn2:hover {   background-color: #05436d; transform: translateY(-10px); }


.ny_title { width:100%;}
.ny_title h2 {text-align: center;color: #333; font-size:24px; line-height:32px; padding-bottom:15px;}
.ny_title p {text-align: center;font-size: 18px;color: #333;margin-bottom: 40px;}
.ny_title .line { width:150px; height:3px; background:#0389d0; margin:0 auto;}



.p1_3_3_bg {width:100%; padding: 70px 0 100px; background:url(../images/p1_3_3_bg.jpg) no-repeat center top; background-size:cover;}
.p1_3_3box { display: flex;flex-direction: column;gap: 10px;}
.photo-row { display: flex;gap: 10px;width: 100%;box-sizing: border-box;}

.first-row img { width: 25%; max-width:312.5px; object-fit: cover;height: 240px; transition: filter 0.3s ease; }
.second-row img { width: calc(100% / 3);object-fit: cover; max-width:420px;height: 280px;transition: filter 0.3s ease;  }

.first-row img:hover, .second-row img:hover {  filter: brightness(0.65);}


.p1_3_4_bg {width:100%; padding: 70px 0 100px; background:url(../images/p1-3bg3.jpg) no-repeat center top; background-size:cover;}

.p3_form { margin: 30px auto 0;background-color: rgba(254, 254, 254, 0.5);padding: 30px;border-radius: 10px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);box-sizing: border-box;}

.p3_form .form-group {margin-bottom: 20px;}
.p3_form .form-group label {display: block;margin-bottom: 8px;color: #555;font-weight: 600; font-size:16px;}
    
.p3_form .form-group input[type="text"],
.p3_form .form-group input[type="email"],
.p3_form .form-group input[type="tel"],
.p3_form .form-group input[type="url"],
.p3_form .form-group textarea {width: 100%;padding: 10px 12px;box-sizing: border-box;border: 1px solid #ddd;
border-radius: 6px;font-size: 16px;transition: all 0.3s ease;}
.p3_form .form-group input:focus,
.p3_form .form-group textarea:focus {border-color: #ff9933;box-shadow: 0 0 0 3px rgba(255, 153, 51, 0.2);
      outline: none;    }    
.p3_form .form-group textarea {min-height: 120px;resize: vertical;line-height: 1.5;}
.p3_form::placeholder {color: #999;opacity: 1;}
.p3_form .checkbox-group {display: flex;flex-wrap: wrap;gap: 15px;margin-top: 10px;}    
.p3_form .checkbox-group label {display: inline-flex;align-items: center;font-weight: normal;
cursor: pointer;color: #444;}    
.p3_form .checkbox-group input[type="checkbox"] {margin-right: 6px;width: 18px;height: 18px;accent-color: #ff9933; }
.p3_form .submit-btn {background-color: #ff9933;color: white;border: none;padding: 12px 24px;border-radius: 6px;
font-size: 16px;font-weight: 600;cursor: pointer;transition: background-color 0.3s ease;display: block;
margin: 25px auto 0;}    
.p3_form .submit-btn:hover {background-color: #e68a2e;}
.required {color: #dc2626;}



/*Solution-1*/
.solution-1_bg { width:100%; margin-top:86px; padding: 70px 0; background:url(../images/solution-1_bg.jpg) no-repeat center  top; background-size:cover;}

.solution-1_box { display: flex;    align-items: center;}
.solution-1_box .left-part { width:50%;}
.solution-1_box .left-part img {max-width: 100%;    height: auto;}

.solution-1_box .right-part {    margin-left: 30px;width:50%;box-sizing: border-box;}
.solution-1_box .right-part h2 {    font-size: 28px; line-height:32px;    margin-bottom: 25px;}

.solution-1_box .right-part p {   font-size: 17px;     margin-bottom: 10px;    line-height: 1.5;}
.solution-1-btn {/*width:200px;  */  color: #000; border: 1px solid #333; background:none; padding: 10px 26px; border-radius: 20px;    cursor: pointer; font-size:17px; margin-top:25px;transition: all .5s ease;}
.solution-1-btn:hover {   background-color: #05436d; transform: translateY(-10px); color:#fff; }

.solution-1-btn2 {/*width:200px;  */  color: #0389d0; border: 1px solid #0389d0; background:none; padding: 10px 26px; border-radius: 20px;    cursor: pointer; font-size:17px; margin-top:25px;transition: all .5s ease;}
.solution-1-btn2:hover {   background-color: #0389d0; transform: translateY(-10px); color:#fff; }


/*past-2*/
.solution-2-bg {width:100%; padding: 90px 0 100px;}
.solution-2-box {display: flex;flex-wrap: wrap;gap: 20px;}
.solution-2-left { max-width:50%;     }
.solution-2-left img {width: 100%;height: auto;}

.solution-2-right {flex: 1;min-width: 300px;display: flex;flex-direction: column;justify-content: center;}
.solution-2-right .item {margin-bottom: 40px;}
.solution-2-right .item h3 {color: #333;margin-bottom: 10px; font-size:20px; display:flex;}
.solution-2-right .item h3 i { margin-right:15px;}
.solution-2-right .item h3 i svg { width:25px; height:25px; fill:#0389d0;}
.solution-2-right .item p {color: #555;line-height: 25px;  font-size:16px;      }
/*.solution-2-right .item h3::before {content: "✓";color: orange;margin-right: 8px;}*/

.solution-3-bg { width:100%;  padding:0 0 70px 0; background-color: transparent;background-image: linear-gradient(180deg, #ffffff 19%, #abc6df 52%);}
.solution-3-box {display: flex;align-items: center;padding: 40px;border-bottom: 2px solid #f1f6fb;}
.solution-3-txt {flex: 1;padding-right: 50px;}
.solution-3-img {flex: 1;text-align: center; max-width:400px;}
.solution-3-img img {max-width: 100%;height: auto;border-radius: 8px;}
.solution-3-txt h2 {color: #0389d0; font-size:20px; margin-bottom:15px;}
.solution-3-txt p {color: #555;line-height: 1.6;font-size:17px; line-height:26px;}


.solution-4-bg { padding: 90px 0 100px;}
.elementor-icon2 {font-size: 50px;line-height: 1;text-align: center; margin:0 auto;    transition: all .3s;}
.elementor-icon2 i, .elementor-icon2 svg {height: 1em;width: 1em;     fill: #0389d0;}

.solution-4-card { background-color: #f5f5f5;padding:30px 40px;margin-top: 40px;border-radius: 8px;transition: all .5s ease;}
.solution-4-card:hover {transform: translateY(-10px);box-shadow: 0.00px 0.00px 5px 0px rgba(0, 0, 0, 0.4);}
.solution-4-title {font-size: 20px;font-weight: bold;margin-bottom: 15px;}
.solution-4-description {font-size: 16px;line-height: 1.5;}

.solution-4-button {text-align: center;margin-top: 30px;}
.solution-4-button a {display: inline-block;background-color: #0389d0;color: white;padding: 10px 20px;text-decoration: none;border-radius: 50px;font-size: 16px;transition: all .5s ease;}
.solution-4-button a:hover {background-color: #ff9800;transform: translateY(-10px); }


/*solution2*/
.solution2box { padding: 90px 0 0px;}
.solution2-step-section {display: flex;align-items: center;background-color: #f8f8f8;padding: 50px;margin-bottom: 50px;transition: all .5s ease;}
.solution2-step-section:hover {box-shadow: 0.00px 0.00px 5px 0px rgba(0, 0, 0, 0.3);transform: translateY(-10px);}
.solution2-step-section:hover .solution2-step-number { color:#f0f0f0;}
.solution2-step-image {flex: 0 0 40%;margin-right: 50px;}
.solution2-step-image img {width: 100%;height: auto;border-radius: 8px;}
.solution2-step-content {flex: 1;}
.solution2-step-number {font-size: 120px;font-weight: bold;color: #fff;margin-bottom: 10px;}
.solution2-step-title {font-size: 24px;font-weight: bold;margin-bottom: 20px;}
.solution2-step-description {font-size: 17px;line-height: 1.5;}
.solution2-step-description a {color: #ff7f50;text-decoration: none;}
.reverse {flex-direction: row-reverse;}
.reverse .solution2-step-image {margin-right: 0;margin-left: 50px;}

/*solution3*/
.solution3-bg { width:100%;  padding:70px 0; background:#f1f6fb;/* background-color: transparent;background-image: linear-gradient(180deg, #ffffff 19%, #abc6df 52%);*/}
.solution3-box {display: flex;align-items: center;padding: 15px;}
.solution3-txt {flex: 1;padding-left: 30px;}
.solution3-img {flex: 1;text-align: center; max-width:400px;}
.solution3-img img {max-width: 100%;height: auto;border-radius:3px;}
.solution3-txt h2 {color: #0389d0; font-size:20px; margin-bottom:15px;}
.solution3-txt p {color: #555;line-height: 1.6;font-size:17px; line-height:26px;}



.solution3-k-bg { padding:70px 0; background:#fff;}
.solution3-k-bg .delivery-container { display: flex;justify-content: space-between;padding: 20px;}
.solution3-k-bg .delivery-card {flex: 0 0 48%;border: 2px solid #b1d0ee;padding:40px 35px;
text-align: center;box-sizing: border-box;}
.solution3-k-bg .delivery-card .icon {font-size: 36px;margin-bottom: 15px;color: #4682b4;}
.solution3-k-bg .delivery-card .card-title {font-size: 24px;color: #0389d0;margin-bottom: 25px;}
.solution3-k-bg .delivery-card .card-description {font-size: 17px;line-height: 1.5;color: #696969;
text-align: left;}



/*solution4*/
.solution4-box {display: flex;align-items: flex-start; padding:120px 0;}
.solution4-box .left-section {flex: 0 0 30%;position: relative;}
.solution4-box .left-section .yanse {background-color: transparent;background-image: linear-gradient(180deg, #FF9933 0%, #031880 100%);opacity: 0.55; position:absolute; inset: 0;}
.solution4-box .left-section img {width: 100%;height: auto;display: block;}
.solution4-box .left-section .overlay-text {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);
color: white;font-size: 24px;font-weight: bold;text-align: center;}

.solution4-box .right-section {flex: 1;padding: 30px;}
.solution4-box .right-section .top-text {font-size: 18px;margin-bottom: 20px;}
.solution4-box .right-section .top-text strong {color: #ff7f24;}
.solution4-box .right-section .guarantee-items {display: flex;gap: 20px; background:#F5F5F5; padding:30px;box-sizing: border-box;}
.solution4-box .right-section .guarantee-item {flex: 1;display: flex;align-items: flex-start;}
.solution4-box .right-section .guarantee-item .icon {font-size: 24px;margin-right: 20px;color: #ff7f24;}
.solution4-box .right-section .guarantee-item .icon svg { width:35px; height:35px;}
.solution4-box .right-section .guarantee-item p {margin: 0;font-size: 16px;line-height: 1.5;}
.divider {width: 1px;background-color: #4682b4;margin: 0 20px;}




.solution4-box2 {width: 100%;padding: 90px 0;background: #f1f6fb;}

.solution4-box2 .inspection-section{display:flex;align-items:center;margin-top:100px}
.solution4-box2 .inspection-section .inspection-text{flex:1;padding-right:50px}
.solution4-box2 .inspection-section .inspection-image{flex:0 0 40%}
.solution4-box2 .inspection-section .inspection-image img{width:100%;height:auto;border-radius:8px}
.solution4-box2 .inspection-section .section-title{font-size:24px;font-weight:bold;margin-bottom:15px}
.solution4-box2 .inspection-section .section-description{font-size:16px;line-height:1.5;margin-bottom:20px}
.solution4-box2 .inspection-section .section-description strong{color:#ff7f24}

.solution4btn{display:inline-block;background-color:transparent;color:#ff7f24;border:1px solid #ff7f24;padding:10px 20px;text-decoration:none;border-radius:20px;font-size:14px}
.reverse{flex-direction:row-reverse}

.reverse .solution4btn{margin-left:auto}
.solution4-box2 .inspection-section.reverse  .inspection-text{padding-right:0px;padding-left:50px}



/*serices-1*/
.serices1_ban  { text-align: center;padding: 20px; margin-top:150px;}
.serices1_ban .section-title {font-size: 28px;font-weight: bold;color: #333;margin-bottom: 80px;}
.serices1_ban .section-desc { background-color: #f9f9f9;padding:40px;text-align: left;border-left: 4px solid #0389d0;font-size: 18px;line-height: 1.5;color: #666;box-sizing: border-box;}
.serices1_ban .section-desc a { color:#0389d0; text-decoration:underline;}
.serices1_ban .section-desc a:nth-child(2){ color:#ff9933;}

.serices1_bg1 ,.serices1_bg3 { width:100%; margin-top:86px; padding:50px 0; background:#F5F5F6;}
.serices1_bg2 ,.serices1_bg4 { width:100%;padding:50px 0; }

.serices1_box { display: flex;    align-items: center; justify-content: space-between;}
.serices1 .left-part { width:50%;}
.serices1 .left-part img {max-width: 100%;    height: auto;}

.serices1_box .right-part {    margin-left: 30px;width:50%;box-sizing: border-box;}
.serices1_box .right-part h2 {    font-size: 26px; line-height:32px;    margin-bottom: 25px; color:#0389d0;}
.serices1_box .right-part p {   font-size: 17px;     margin-bottom: 10px;    line-height: 1.5;}
.serices1_box .right-part h4 {  font-family: "Roboto", Sans-serif;font-size: 42px;font-weight: 600;    margin-bottom: 30px;}

.serices1_price { width:100%;padding:90px 0; background:#F5F5F6;}
.serices1_price table{width:100%;border-collapse:collapse; margin-top:30px;}
.serices1_price table th,td{border:1px solid #ddd;padding:14px;text-align:left; font-size:18px; color:#000; font-weight:500;}
.serices1_price table th{background-color:#f2f2f2}


.serices1_price table tr:nth-child(odd) {background-color: #ffffff;}
.serices1_price table tr:nth-child(even) {background-color: #f9f9f9;}
.serices1_price table tr:hover { background-color: #add8e6;}
		



.serices1_use { width:100%;padding:70px 0; background:#fff;}
.serices1_use_step {display: flex;justify-content: space-around;align-items: center;flex-wrap: nowrap;flex-direction: row; margin-top:30px;}
.serices1_use_step .step {text-align: center;margin: 20px;}
.serices1_use_step .step img {max-width: 85px;height: auto;}
.serices1_use_step .step p { font-size:18px; margin-top:20px;}
.serices1_use_step .step p strong { color:#0389d0;}	
	
.mt30 { margin-top:30px;}



.serices2_bg { width:100%; margin-top:86px; padding:50px 0 80px;background-color: #F5F5F5;background-image: url(../images/p1_3_3_bg.jpg); background-repeat: no-repeat;background-size: cover;}
.serices2_bg .title{text-align:center;font-size:26px;margin-bottom:60px;color:#333}
.serices2_bg .serices2_box{display:flex;flex-wrap:wrap;justify-content:space-around;gap:20px;}
.serices2_bg .serices2_box .card{flex:1 1 500px;background:rgba(246,249,255,0.4);padding:30px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,0.1)}
.serices2_bg .serices2_box .card-title{font-size:22px;color:#0389d0;margin-bottom:15px}
.serices2_bg .serices2_box .card-content{font-size:17px;line-height:1.5;color:#333}



.serices2_3bg{ width:100%; margin-top:86px; padding:50px 0 80px;}
.serices2_3bg .title{text-align:center;font-size:26px;margin-bottom:20px;color:#333}

.elementor-divider {text-align: center;
    padding-block-start: 2px;
    padding-block-end: 2px;display: flex;--divider-border-style: dotted;
    --divider-color: #02010029;
    --divider-border-width: 4px;
    --divider-icon-size: 18px;
    --divider-element-spacing: 7px;}
.elementor-divider-separator {width: 26%;
    margin: 0 auto;direction: ltr;
    display: flex;justify-content: center;
    align-items: center;}
.elementor-divider-separator::before{border-block-end: 0;
    border-block-start: var(--divider-border-width) var(--divider-border-style) var(--divider-color);
    content: "";
    display: block;
    flex-grow: 1;}
.elementor-divider-separator::after{border-block-end: 0;
    border-block-start: var(--divider-border-width) var(--divider-border-style) var(--divider-color);
    content: "";
    display: block;
    flex-grow: 1;}
.elementor-icon22 {border-radius: 50%;width:40px; height:40px; border:2px solid #FF9933; display:flex;justify-content: center; padding:5px;box-sizing: border-box; margin-left:20px; margin-right:20px;}
.elementor-icon22 svg { width:80%; fill:#FF9933}

.serices2_3bg .serices2_3box{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px; margin-top:40px; margin-bottom:60px;}
.serices2_3bg .serices2_3box .steps{flex:1 1 400px}
.serices2_3bg .serices2_3box .steps .step{display:flex;align-items:flex-start; border-bottom:1px solid #ededed; padding:30px 0;}
.serices2_3bg .serices2_3box .steps .step .step-number{font-size:44px;color:#666;margin-right:15px;min-width:20px;font-family: 'HelNeu55';}
.serices2_3bg .serices2_3box .steps .step .step-content{font-size:18px;line-height:1.5;color:#666}
.serices2_3bg .serices2_3box .image_pic{flex:1 1 300px;text-align:center}
.serices2_3bg .serices2_3box .image_pic img{max-width:100%;height:auto;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,0.1)}


.product1_bg { width:100%;  padding:50px 0 80px;}
.product1_bg .product1_box .article-card .image-container .bito { width:100%; color:#fff; font-size:26px; line-height:52px;  position:absolute; text-align:center; top:35px; z-index:9999;transition: .5s; }
.product1_bg .product1_box{display:flex;flex-wrap:wrap;gap:50px;}

.product1_bg .product1_box .article-card{flex:1 1 300px;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,0.1);transition:transform 0.3s ease}
.product1_bg .product1_box .article-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,0.1)}
.product1_bg .product1_box .article-card .image-container{width:100%;height:750px;overflow:hidden;position:relative;}
.article-image{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}


.product1_bg .product1_box .article-card:hover .image-container .bito {font-size:32px; }

.product1_bg .product1_box .article-card .article-content{padding:25px}
.product1_bg .product1_box .article-card .article-content .article-title{font-size:22px;margin-bottom:10px;color:#333;transition:color 0.3s ease}
.product1_bg .product1_box .article-card:hover .article-title{color:#006699}
.product1_bg .product1_box .article-card .article-text{font-size:16px;line-height:1.5;color:#666;margin-bottom:15px}
.read-more{display:inline-block;padding:8px 15px;background-color:#006699;color:#fff;text-decoration:none;border-radius:4px;font-size:14px;transition:background-color 0.3s ease}
.read-more:hover{background-color:#004a73}





.product1_bg2{box-sizing: border-box;padding:50px;border-radius:8px;display:flex;align-items:center;justify-content:space-between; margin-bottom:70px;background-color: #e5ecf2;    background-image: url(../images/product-bg01.png);
    background-position: 220px -536px;    background-repeat: no-repeat;}
.product1_bg2 .text-content{margin-right:20px}
.product1_bg2 .text-content h3{font-size:24px;margin-bottom:15px}
.product1_bg2 .text-content p{font-size:18px}

.agent-btn{background-color:#ff9933;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:16px}



.product2_bg { width:100%; margin-top:86px; padding:50px 0 80px;}
.product2_box {}

.product2_box .product2_box_title h2{color:#333;margin-bottom:10px; font-size:24px;}
.product2_box .product2_box_title p{margin-bottom:30px;font-size:19px;}

.product2_box .product-container{display:flex;gap:40px; flex-wrap: wrap;}
.product2_box .product-container .product-card{border:1px dashed #ccc;border-radius:10px;padding:20px;flex:1;display:flex;flex-direction:column;align-items:center}
.product2_box .product-container .product-card .product-info{display:flex;gap:20px;margin-bottom:20px}
.product2_box .product-container .product-card .product-info .product-image img{max-width:280px;height:auto}
.product2_box .product-container .product-card .product-info .product-text h3{color:#0389d0;margin-bottom:15px;font-size:24px; margin-top:25px;}
.product2_box .product-container .product-card .product-info .product-text p{margin-bottom:0;font-size:17px;}

.quote-btn{text-decoration:none;color:#333;display:inline-block;margin-top:auto; font-size:15px; color:#f7941d; font-weight:600;text-align: right;width: 100%;}
.quote-btn:hover{text-decoration:underline}




.products_bg {font-family: Arial, sans-serif;margin: 0;background:url(../images/p1_3_3_bg4.jpg) no-repeat center bottom;min-height: 73vh; padding:30px 0 130px;display: flex;flex-direction: column;align-items: center;justify-content: flex-start;}
.products_bg h2{color:#333;margin-bottom:20px; font-size:24px;}
.products_bg .subtitle{color:#666;margin-bottom:30px; font-size:17px;max-width:900px; text-align:center;}


.products_form{max-width:900px;width:100%;background-color:#fff;padding:60px 40px;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,0.1);text-align:center}
.products_form .form-group{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}
.products_form .form-group input,.products_form .form-group select,.products_form .form-group textarea{flex:1;padding:10px;border:1px solid #ddd;border-radius:5px;min-width:200px; font-size:16px;}

.products_form .form-group textarea{width:100%;height:120px;resize:vertical}
.submit-btn{background-color:#ff9933;color:#fff;border:none;padding:10px 30px;border-radius:20px;cursor:pointer;font-size:17px; margin-top:30px;}
.submit-btn:hover{background-color:#ff7700}


.about_box {display: flex;align-items: center;justify-content: space-between;padding: 50px 0; margin-top:80px;}
.about_box .text-content {flex: 1;margin-right: 40px; max-width:60%;}
.about_box .text-content h3{font-family: "Roboto", Sans-serif;font-size: 42px;font-weight: 600; margin-bottom:30px;}
.about_box .text-content p{font-size: 17px; line-height:1.8; margin-top:25px;}
.about_box .image-content {flex: 0 0 auto;text-align: center; width:40%; }


.about_box_2 { width:100%; margin-top:86px; padding:50px 0 80px; background:#000}

.about_box_3bg { width:100%;padding:80px 0; background:#f5f5f5; }


.about_box_3box {display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px; max-width:1280px; margin:80px auto;}

.about_box_3box .feature-box {padding: 20px;position: relative;}
.about_box_3box .feature-box:nth-child(2) {display: flex;flex-direction: column;justify-content: center;            align-items: center;text-align: center;}

.about_box_3box .feature-box h3 {font-size:22px;margin-bottom: 15px;color: #222;}
.about_box_3box .feature-box p {color: #555;font-size:17px;}
.about_box_3box .feature-box .main-title {font-size: 2.2rem;margin-bottom: 15px;color: #222; line-height:1.1;}
.about_box_3box .feature-box .title-underline {height: 3px;width: 80px;background-color: #0389d0;margin-bottom: 20px;
}
        
.about_box_3box .feature-box:not(:nth-child(3n)) {border-right: 1px solid #eee;}
.about_box_3box .feature-box:nth-child(-n+3) {border-bottom: 1px solid #eee;padding-bottom: 30px;}
.about_box_3box .feature-box:nth-child(n+4) {padding-top: 30px;}
        



.about_box_4bg { width:100%;padding:80px 0; background-color: transparent;background-image: linear-gradient(180deg, #0201010A 0%, #FFFFFF 32%);}

.about_box_4box {max-width: 1200px;margin: 0 auto;text-align: center;}
.about_box_4box h3 {color: #333;font-size:2.2rem;margin-bottom: 20px;}
.about_box_4box p {color: #666;font-size: 17px;margin-bottom: 60px;}

.about_box_4box .followers {color: #0389d0;font-size:2.2rem;font-weight: bold;margin-bottom: 50px;}

.about_box_4box .social-row {display: flex;justify-content: center;margin-bottom: 40px;}
.about_box_4box .social-row .social-item {display: flex;align-items: center;margin: 0 20px; min-width:25%;}
.about_box_4box .social-row .social-item i { width:60px; height:60px; background:#0389d0; border-radius:50%; display:flex;justify-content: center;align-items: center; margin-right:15px;}
.about_box_4box .social-row .social-item img {width: 40px;height: 40px;}
.about_box_4box .social-row .social-item span {color: #0389d0;font-size: 18px;}



.about5_bg { width:100%;  padding:30px 0 50px;background-color: #F5F5F5;background-image: url(../images/p1_3_3_bg.jpg); background-repeat: no-repeat;background-size: cover;}
.about5_bg .title{text-align:center;font-size:26px;margin-bottom:60px;color:#333}

.about5_box {max-width: 1280px;margin: 0 auto;}
.about5_box .stories-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;margin-bottom: 40px;}
.about5_box .stories-grid .story-card { background: rgba(246, 249, 255, 0.4); padding: 30px; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1);box-sizing: border-box; }
.about5_box .stories-grid .story-card:nth-child(2) {background:none;box-shadow: 0 2px 4px rgba(0,0,0,0); display:flex;align-items: center;    justify-content: center;}
.about5_box .stories-grid .story-card p {color: #333;line-height: 1.6; font-size:17px;}
.about5_box .stories-grid .story-card p strong { color:#0389d0;}

.about5_box .stories-grid .title-section { text-align: center; }
.about5_box .stories-grid .title-section .title {font-size: 3em;color: #333;margin-bottom: 30px;}
.about5_box .stories-grid .title-section .underline {width: 100px;height: 3px;background-color: #0389d0;margin: 0 auto;}



.about6_box {padding:30px 0 0px; margin-top:80px;}
.about6_box .section-title {text-align: center;margin-bottom: 50px;position: relative; font-size:24px;}
/*.about6_box .section-title::before, .section-title::after {content: "";position: absolute;
top: 50%;width: 40%;height: 2px;background-color: #ff7f00;}*/
.about6_box .section-title::before {left: 0;}
.about6_box .section-title::after {right: 0;}

.about6_box .image-container {display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom:80px;}
.about6_box .image-container:last-child {margin-bottom:0px;}
.about6_box .image-container .image-item {width: 48%;margin-bottom: 20px;overflow: hidden;}
.about6_box .image-container .image-item img {width: 100%;height: auto;display: block;}

.about6_box .visit-info {max-width: 600px;}
.about6_box .visit-info .address {margin-top: 25px;}
.about6_box .visit-info  p {color: #555; font-size:18px; margin-bottom:45px;}
.about6_box .visit-info .address .orange-text {color: #ff7f00;font-weight: bold;font-size:20px;}
.about6_box .visit-info .chinese-address {margin-top: 20px;color: #555; font-size:17px;}


.stext-111 {font-family: Poppins-Regular;font-size: 13px;line-height: 1.6923;align-items: center; margin-top:10px;}



.hero-section{background:url(../images/resourcebg.jpg) no-repeat center top;color:white;padding:100px 40px;text-align:center;position:relative; margin-top:100px;}
.hero-section h1{margin-top:0; color:#053251; font-size:2.4em;}
.hero-section h2{margin-top:0; color:#fff; font-size:2.4em; line-height:1.6;}
.hero-section p{max-width:1000px;margin:30px auto 60px;font-size:1.56em; line-height:1.5; }

.arrow-down{display:inline-block;width:50px;height:50px; display:flex; justify-content: center; align-items: center; background:#7c97b2; border:5px solid #fff;border-radius:50%;position:relative;margin-top:30px;cursor:pointer;position:absolute;bottom:-25px;left:50%;transform:translateX(-50%)}

.arrow-down img { width:30px;animation: moveArrow 2s infinite;}
@keyframes moveArrow {0%,100% {transform: translateY(0);}50% {transform: translateY(5px);}}



.episode-guide{text-align:center;padding:20px;font-size:26px;margin-top:60px}





.resource_box { display: flex;flex-wrap: wrap;justify-content: space-around;gap: 20px;padding: 20px 0; margin-bottom:60px;}
.resource-card {width: 31%;min-width: 300px;box-shadow: 0 0 5px rgba(0,0,0,0.1);border-radius: 5px;overflow: hidden;
transition: all .5s ease; margin-bottom:20px;}
.resource-card:hover {transform: translateY(-10px); box-shadow: 0 0 5px rgba(0,0,0,0.3); background:#005481;}
.resource-card:hover .resource-info h3 { color:#fff;}
.resource-card:hover .resource-info p { color:#fff;}
.resource-card:hover .download-btn {background-color: #fff; color:#2c6ca0;}


.resource-card .resource-image {width: 100%;height: auto;display: block;}
.resource-card .resource-info {padding: 25px;}
.resource-card .resource-info h3 {margin-bottom:10px;font-size: 1.6em;}
.resource-card .resource-info p {color: #666;font-size: 1.4em;}

.resource-card .download-btn {background-color: #2c6ca0;color: white;border: none;padding: 8px 16px;
border-radius: 4px;cursor: pointer; margin-top:20px;}
.resource-card .download-btn:hover {background-color: #fff;}

	
	
	
.resource2_box {display: flex;margin-bottom: 20px;margin-top: 20px;border: 1px solid #ddd;border-radius: 5px;overflow: hidden;}
.resource2-img {flex: 0 0 1;padding: 10px; width:40%;}
.resource2-img img {width: 100%;height: auto;}
.resource2-content {flex: 1;padding: 20px;display: flex;flex-direction: column;align-items: flex-start;
justify-content: center;}
.resource2-content h3 {margin-top: 0; font-size:20px; font-weight:400; color:#000;}
.resource2-content p { margin: 5px 0;font-size: 14px;}
.resource2-content .txt { margin: 5px 0;font-size: 15px; min-height:120px;}
.resource2-content a {font-size: 14px;color: red;text-decoration: none;transition: all .5s ease;}	
.resource2-content a:hover { padding-left:10px;}	





.cont_jia {display: flex;justify-content: space-between; margin: 20px;}
.cont_jia .card {width: 48%;padding: 30px;border-radius: 8px;box-sizing: border-box;}
.cont_jia .card.orange-card {border: 1px solid #ff7f24;}
.cont_jia .card.blue-card {  border: 1px solid #4169e1; }
.cont_jia .card .card-title { text-align: center; font-size: 24px; font-weight: 500; margin-bottom: 20px; }
.cont_jia .card .orange-title { color: #ff7f24; }
.cont_jia .card .blue-title { color: #4169e1; }
.cont_jia .card .card-text { margin-bottom: 20px; line-height: 1.6; font-size:18px; text-align:left; color:#747474; }
.cont_jia .card .service-link { color: #ff7f24; text-decoration:underline; }
.cont_jia .card .basic-link { color: #4169e1; text-decoration:underline; }

.cont_jia .card .btn { display: block; width: 160px; height: 44px; margin: 30px auto 0;  border-radius: 50px; border: none; font-weight: bold; cursor: pointer; font-size:16px; }
.cont_jia .card .orange-btn { background-color: #fff; color: #ff7f24; border: 1px solid #ff7f24;transition: all .5s ease; }
.cont_jia .card .blue-btn { background-color: #fff; color: #4169e1; border: 1px solid #4169e1;transition: all .5s ease; }
.cont_jia .card .orange-btn:hover {background-color:#ff7f24; color:#fff;transform: translateY(-10px); }
.cont_jia .card .blue-btn:hover {background-color:#4169e1; color:#fff;transform: translateY(-10px); }
	
	
.jia_box {}
.jia_box .description, .note { width: 90%; margin: 30px auto;  color: #666; line-height: 1.6; margin-bottom: 20px; font-size:17px; }
.jia_box .separator { width: 90%;  margin: 30px auto; border-top: 1px solid #ddd; }
.jia_box .form-container { width: 90%; margin: 0 auto; }
.jia_box .form-container .form-row { display: flex; justify-content: space-between; margin-bottom: 15px; }
.jia_box .form-container .form-col { width: 48%; }
.jia_box .form-container .form-full { width: 100%;  margin-bottom: 15px; }
.jia_box .form-container input, select, textarea { width: 100%; padding: 10px;  border: 1px solid #fff; border-radius: 4px; box-sizing: border-box; font-size:15px; }
.jia_box .form-container  textarea { height: 150px; resize: vertical; }
.jia_box .form-container .submit-btn { display: block; width: 120px; height: 40px; margin: 20px auto 0; background-color: #ff7f24; color: white; border: none; border-radius: 20px; font-weight: bold; cursor: pointer; }
	
@media (min-width: 769px) {
.p3_form .form-row {display: flex;gap: 25px;margin-bottom: 20px;}
.p3_form .form-row .form-group {flex: 1;margin-bottom: 0;}
.p3_form .checkbox-group label {width: calc(33% - 15px);}
}



@media screen and (max-width: 1600px){
.exhibition_hall{box-sizing: border-box;}
.recProdScroll{box-sizing: border-box;}
/*.recProdScroll .swiper-button-prev{left: 20px;}
.recProdScroll .swiper-button-next{right: 20px;}*/
.recProdScroll{padding: 0;}
}

@media screen and (max-width: 1400px){
.aboutScroll{box-sizing: border-box;}
.aboutScroll .swiper-button-prev{left: 10px;}
.aboutScroll .swiper-button-next{right: 10px;}

.syFocusThumb .pagination{box-sizing: border-box;}
.syFocusThumb .pagination .prev{left: 10px;}
.syFocusThumb .pagination .next{right: 10px;}
}

@media screen and (max-width: 1300px){
.w1280{width: auto;padding: 0 5%;}

.header .nav .nLi h3 a{padding: 0 16px;font-size: 16px;}
.header .logo img{height: 20px;}
.header .searchBtn:after{left: -12px;}

.ititle{padding: 34px 5% 31px;}

.isect3 .cont{background-size: cover;}

.isect4 ul li a .text{padding: 12.6% 10%;}
.isect4 ul li a .text h4{margin-bottom: 6%;}
.isect4 ul li a .text p{max-height: 84px;}
.isect4 ul li.li3 a .text .icon img{height: 40px;}

.isect5 .isect5_2 li a .text h5{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;height: auto;}
.isect5 .isect5_2 li a .text span{margin-bottom: 6px;}
.isect5 .isect5_2 li a .text p{font-size: 14px;line-height: 24px;height: 48px;}

.footer .fNav dl{width: auto;padding-right: 50px;}

.aboutWrap .item1{padding: 0 5% 50px;}

.newspaper ul{width: 100%;}
.newspaper ul li{width: 30%;margin-right: 5%;}
.newspaper ul li:nth-child(3n){margin-right: 0;}

.respWrap .item1 .pic{width: 50%;}
.respWrap .item1 .text{width: 48%;}

.contactWrap .item1 ul li{padding: 0 30px;}

.busWrap .item1{background-size: cover;}
.exhibition_hall{padding: 0 100px;}
.exhibition_hall .prevBtn{left: 15px;}
.exhibition_hall .nextBtn{right: 15px;}

.busWrap .item1 .busNav li{margin: 0 15px;}

.busWrap .item2 ul{width: 100%;}
.busWrap .item2 ul li{width: 32%;margin-right: 2%;}
.busWrap .item2 ul li:nth-child(3n){margin-right: 0;}

.recProdScroll{padding: 0;margin: 0  5%;}
.recProdScroll .swiper-button-prev, .recProdScroll .swiper-button-next{width: 50px;height: 50px;}

.contProd .item1 .text .pageStyle{min-height: 78px;}
.contProd .item1 .text .tit{font-size: 26px;line-height: 40px;}
.contProd .item1 .text .subTit{font-size: 20px;line-height: 30px;}
.contProd .item1 .text .toList{height: 48px;line-height: 48px;}
.contProd .item1 .text .toList span{font-size: 14px;background-size: auto 13px;}

.appWrap .appBtm .list ul{width: 100%;}
.appWrap .appBtm .list ul li{width: 32%;margin-right: 2%;}
.appWrap .appBtm .list ul li:nth-child(3n){margin-right: 0;}

.networkWrap .item2 dl{width: 100%;}
.networkWrap .item2 dl dd{width: 32%;margin-right: 2%;}
.networkWrap .item2 dl dd:nth-child(3n){margin-right: 0;}

.newsList ul{width: 100%;}
.newsList ul li{width: 32%;margin-right: 2%;}
.newsList ul li:nth-child(3n){margin-right: 0;}

}

@media screen and (max-width: 1024px){

.header .nav,.header .searchBtn{display: none;}
.header .menuIcon{display: block;}

.bannerWrap{min-height: auto;height: auto;}
.bannerWrap .banner .swiper-wrapper,.bannerWrap .banner .swiper-slide{height: auto;}
.bannerWrap .banner .swiper-slide a{height: 0;padding-bottom: 67.42%;}
.bannerWrap .banner .swiper-button-prev,.bannerWrap .banner .swiper-button-next{display: none;}

.ititle{padding: 20px 0 10px;}
.ititle h3{font-size: 32px;line-height: 50px;}
.ititle p{padding: 0;font-size: 13px;line-height: 24px;}

.isect1 .cont .tabs{position: static;background: none;padding: 0;width: 100%;}
.isect1 .cont .tabs ul li{width: 16%;margin: 0 0.8% 20px 0;float: left;}
.isect1 .cont .tabs ul li:last-child{margin-right: 0;}
.isect1 .cont .tabs ul li a{display: block;font-size: 15px;height: 54px;line-height: 54px;background: #053251;text-align: center;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.isect1 .cont .tabs ul li a:before,.isect1 .cont .tabs ul li a:after{display: none;}
.isect1 .cont .swiper-container .swiper-slide{height: 0;padding-bottom: 51.56%;position: relative;}
.isect1 .cont .swiper-container .swiper-slide a{position: absolute;left: 0;top:0;}

.isect3 .cont ul li p{font-size: 12px;}
.isect3 .cont ul li h5 span{font-size: 48px;}

.isect4 ul li a .text h4{font-size: 22px;line-height: 28px;}
.isect4 ul li a .text p{line-height: 24px;max-height: 72px;font-size: 13px;}
.isect4 ul li.li3 a .text p{font-size: 13px;max-height: 48px;}

.isect5{margin: 30px auto;}
.isect5 .title{margin-bottom: 20px;}
.isect5 .title h3{font-size: 26px;}
.isect5 .isect5_1,.isect5 .isect5_2{width: 100%;}
.isect5 .isect5_2 li,.isect5 .isect5_2 li:first-child{margin-top: 6%;}
.isect5 .isect5_2 li a .text h5{font-size: 18px;line-height: 28px;}

.footer{padding: 20px 0 30px;}
.footer .fNav{display: none;}
.footer .fContact{width: 100%;text-align: center;}
.footer .fContact .qrcode{width: 242px;margin: 10px auto 0;text-align: left;}
.footer .tit{padding: 10px 0;}

.fBtm .left{width: 100%;max-width: 100%;text-align: center;float: none;}
.fBtm .left ul li{display: inline-block;float: none;}
.fBtm .left ul li,.fBtm .left ul li:first-child{padding: 0 8px;}
.fBtm .left ul li:before{left: 0;}
.fBtm .select{float: none;margin: 10px auto 0;}

.nyBanner{height: auto;padding: 10% 0;text-align: center;}
.nyBanner:before{opacity: 1;}
.nyBanner .w1280{padding: 0;}

.nyNav li{margin-right: 20px;}

.videoWrap .gallery-thumbs{display: none;}
.videoWrap .gallery-top{width: 100%;padding-bottom: 40px;}
.videoWrap .gallery-top .swiper-slide .wrap{padding-bottom: 56.8%;}
.videoWrap .gallery-top .swiper-pagination{display: block;}
.videoWrap .gallery-top .swiper-pagination .swiper-pagination-bullet{margin: 0 3px;cursor: pointer;}
.videoWrap .gallery-top .swiper-pagination .swiper-pagination-bullet-active{background: #008fd7;}

.aboutWrap .item1 .pic{display: none;}
.aboutWrap .item1 .text{width: 100%;}

.aboutWrap .item2 .top li{width: 50%;text-align: center;margin-top: 20px;}

.cultureWrap .top{padding-bottom: 40px;}
.cultureWrap .top .text{padding: 0 0 30px;}
.cultureWrap .top .list li .icon{height: 70px;line-height: 70px;}
.cultureWrap .top .list li .icon img{height: 40px;}
.cultureWrap .top .list li h5{font-size: 18px;line-height: 32px;}

.jobWrap .text{padding: 0 0 20px;}
.jobList .nLi .dt .desc{font-size: 14px;width: 280px;right: 15px;}
.jobList .nLi .dt{padding-left: 15px;}
.jobList .nLi .dd .wrap{padding: 15px;}
.jobList .nLi .dd .wrap .tit{line-height: 45px;}

.respWrap .item1 .text,.respWrap .item1 .pic{width: 100%;}
.respWrap .item1 .pic{margin-top: 12px;}

.syFocusThumb .pagination .thumbWrap .holder .toc{margin-right: 40px;}

.contactWrap .item1 .tit{width: 100%;margin-bottom: 20px;font-size: 20px;padding-bottom: 10px;margin-top: 0;}
.contactWrap .item1 .tit:before{height: 2px;}
.contactWrap .item1 ul{width: 100%;}
.contactWrap .item1 ul li{border:none;padding: 0;}

.busWrap .text{padding: 0 0 20px;}
.busWrap .item1 .busNav{display: none;}
.exhibition_hall{display: none;}
.busWrap .item1{padding: 0;background: none;}
.busScroll{display: block;}

.recProdScroll {padding-bottom: 40px;}
.recProdScroll .swiper-button-prev, .recProdScroll .swiper-button-next{display: none;}
.recProdScroll .swiper-pagination{display: block;}

.networkWrap .item1{background: none;min-height: auto;padding-bottom: 20px;}
.networkWrap .item1 .w1280{padding: 0 5%;}
.networkWrap .item1 .list{margin-top: 20px;}
.networkWrap .item1 .list li{width: 33.3%;margin: 0;text-align: center;}
.networkWrap .item1 .list li:first-child{margin: 0;}

.download{margin-top: -10px;}
.download ul li a .desc .fl{display: none;}
.download ul li a .desc{width: auto;}
.download ul li a{padding-right: 100px;height: 44px;line-height: 44px;font-size: 14px;}

}

@media screen and (max-width: 768px){
.bannerWrap .banner { padding:50px 5%;box-sizing: border-box;}
.sourcing-section button {padding: 12px 15px; width:220px; margin-bottom:20px;}
.subtext { color:#fff;}
.isect01 .section {flex-direction: column-reverse;}

.isect03 {margin-top: 20px;}

.isect1 .cont .tabs ul li{width: 32%;margin: 0 2% 12px 0;}
.isect1 .cont .tabs ul li:nth-child(3n){margin-right: 0;}

.isect3 .cont{padding: 40px 0 20px;}
.isect3 .cont ul li{width: 50%;margin-bottom: 20px;}
.isect3 .cont ul li h5{line-height: 40px;height: 40px;}
.isect3 .cont ul li h5 span{font-size: 30px;margin-right: 5px;}

.isect4 ul li{width: 100%;margin-top: 10px;}
.isect4 ul li a .text{padding: 0 8%;top:50%;text-align: center;
-webkit-transform:translateY(-50%); -moz-transform: translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}

.nyTitle{font-size: 26px;line-height: 90px;}

.nyNav{display: none;}


.aboutWrap .item1 .text .title{font-size: 20px;line-height: 40px;background-size: auto 100%;margin-bottom: 6px;}
.aboutWrap .item2 .top li h5 em{font-size: 34px;margin-right: 6px;}

.cultureWrap .btm li{width: 49.3%;margin: 0 0 1.5%;}
.cultureWrap .btm li.li1{width: 100%;margin: 0 0 1.5%;}
.cultureWrap .btm li.li3,.cultureWrap .btm li.li5{float: right;}

.newspaper ul{padding-bottom: 20px;}
.newspaper ul li{width: 48%;margin-right: 0;}
.newspaper ul li:nth-child(2n){float: right;}

.isect01 .text-content { padding:0 0px;}

.jobList .nLi .dt h5 { font-size:18px;}
.jobList { padding-top:35px; padding-bottom:35px;}
.jobList .nLi .dt{padding-right: 100px;}
.jobList .nLi .dt .desc{width: auto;}
.jobList .nLi .dt .desc .fl{display: none;}

.respWrap .item1 .text .tit{font-size: 20px;line-height: 28px;margin-bottom: 10px;}

.contactWrap .item1{margin-bottom: 20px;}
.contactWrap .item1 ul li{width: 100%;}
.contactWrap .item2{height: 300px;}

.busWrap .item2 ul li{width: 48%;margin-right: 0;margin-bottom: 10px;}
.busWrap .item2 ul li:nth-child(2n){float: right;}

.contProd .item1 .cProdScroll,.contProd .item1 .text{width: 100%;}
.contProd .item1 .text{margin-top: 20px;}
.contProd .item1 .text .pageStyle{min-height: auto;margin-bottom: 15px;}
.contProd .item1 .text .tit{font-size: 20px;line-height: 30px;margin-bottom: 5px;}
.contProd .item1 .text .subTit{font-size: 16px;}

.prodTit{font-size: 20px;line-height: 30px;margin-bottom: 5px;}
.contProd .item1,.contProd .item2{margin-bottom: 26px;}
.contProd .item1{margin-top: 20px;}

.appWrap .appBtm .list ul li{width: 100%;}

.appScroll{display: none;}

.networkWrap .item2 dl dd{width: 49%;margin-right: 0;}
.networkWrap .item2 dl dd:nth-child(2n){float: right;}

.networkWrap .item1 .list li h5{height: 50px;line-height: 50px;}
.networkWrap .item1 .list li h5 span{font-size: 30px;margin-right: 3px;}

.download ul{padding-bottom: 20px;}

.newsList ul li{width: 49%;margin-right: 0;}
.newsList ul li:nth-child(2n){float: right;}
.newsList ul li a h5{font-size: 18px;}

.passage .psgTit h5{font-size: 18px;line-height: 28px;}
.passage .psgTit .info{font-size: 12px;}
.passage .psgTit h5.subTit{font-size: 16px;line-height: 24px;}
.passage .psgCont{padding-bottom: 30px;margin-bottom: 30px;}
.passage .psgBtm{padding-right: 0;}
.passage .psgBtm .bdsharebuttonbox{display: none;}

.busWrap .item2 .tit{font-size: 24px;line-height: 60px;height: 60px;}

.isect03_box {grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 15px;}
.gallery-image {height: 200px;}
			
.first-row, .second-row {flex-wrap: wrap;}
.first-row img, .second-row img {width: calc(50% - 5px);margin-bottom: 10px;}
	
.p3_form {padding: 20px;}      
.p3_form .form-row {flex-direction: column;gap: 20px;}      
.p3_form .checkbox-group {gap: 10px;}      
.p3_form .checkbox-group label {width: 100%;}			


.solution-1_box {flex-direction: column;}
.solution-1_box .right-part {margin-left: 10px;    width: 100%;}
	
.solution-1_box .left-part {  width: 100%; margin-top:40px;}

.solution2-step-section {flex-direction: column;padding:20px;    margin-bottom: 20px;}
.solution2-step-image { margin-right: 0px;}	
.reverse .solution2-step-image {margin-left: 0px;}

.about_box_3box {grid-template-columns: 1fr;width: 90%;margin-top: 30px;}
.about_box_3box .feature-box:not(:nth-child(3n)) {border-right: none;}            
.about_box_3box .feature-box {border-bottom: 1px solid #eee !important;padding: 20px 0 !important;}
.about_box_3box .feature-box:last-child {border-bottom: none !important;}


.about6_box .image-container .image-item {width: 100%;}
 
.hero-section { margin-top:70px; padding:35px 10px 50px;}
.hero-section h2 {font-size:1.6em;line-height: 1.2;}	

.arrow-down { width:36px; height:36px; border:2px solid #fff;}
.arrow-down img { width:22px;}

.hero-section h1 {font-size: 1.6em; line-height:1.2;}
.hero-section p { font-size: 15px; line-height: 1.5; margin:20px auto 30px;}


.resource-card { width:100%;}

.resource-card .resource-info { padding: 20px;}
.resource2_box {flex-direction: column;}
.resource2_box .resource2-img { width:100%;box-sizing: border-box; padding:15px;}
.resource2-content{box-sizing: border-box; padding:15px;}

.resource2_box.w1280 { padding:0; width:90%;}

.product2_bg {margin-top: 0px;padding: 30px 0 30px;}
.product2_box .product2_box_title h2 { font-size:18px;}
.product2_box .product2_box_title p{ font-size:15px;}


.product2_box .product-container .product-card .product-info {flex-direction: column; gap:0;}
.product2_box .product-container .product-card .product-info .product-image img { max-width:100%;}


.product2_box .product-container {gap: 20px;flex-direction: column;}

.products_form { width:90%;}
.product2_box .product-container .product-card .product-info .product-text h3 { font-size:18px;}
.product2_box .product-container .product-card .product-info .product-text p{ font-size:15px;}
.products_bg h2 { font-size:18px;}
.products_bg .subtitle{ font-size:15px; max-width:90%;}
.products_form .form-group input, .products_form .form-group select, .products_form .form-group textarea { font-size:15px;}

.products_bg { padding-bottom:0;}
.about_box {flex-direction: column; padding-bottom:50px;}

.about_box .text-content {margin-right: 0px;max-width: 100%; width:100%;}
.about_box .image-content {width: 100%;}

.about_box .text-content h3,.serices1_box .right-part h4{ font-size:22px;}
.about_box .text-content p,.serices1_box .right-part p {font-size: 15px;margin-top: 15px;}

.about_box_3bg {padding: 50px 0;}
.serices1_box {flex-direction: column;}
.serices1_box  .left-part { width:90%;}
.serices1_box  .left-part img { width:100%;}
.serices1_box .right-part {margin-left: 0px; width: 100%;}

.about_box_3box .feature-box p,.about_box_4box p {font-size: 15px;}
.about_box_3box .feature-box .main-title ,.about_box_4box h3 ,.about_box_4box .followers{ font-size:1.8rem;}
.about_box_4box .social-row .social-item span { font-size:14px; padding-top:15px;}
.about_box_4box .social-row .social-item i { margin:0 auto;}
.about_box_4box .social-row .social-item img { }

.about_box_4box .social-row .social-item { display:block;}

.about_box_4bg { padding:50px 0;}

.about5_box .stories-grid { display:flex;flex-direction: column; width:90%; margin:0 auto;}
.about5_box .stories-grid .story-card { padding:15px;}
.about6_box .section-title::before, .section-title::after { width:25%; display:none;}
.about6_box .image-container { margin-bottom:30px;}
.about6_box .visit-info p,.about6_box .visit-info .chinese-address{ font-size:16px;}
.about6_box .visit-info .address .orange-text{ font-size:16px; margin-top:15px;}


.isect04-title { font-size:22px;}
.isect04-description { font-size:16px;}


.product1_bg .product1_box .article-card .image-container {height: 450px;}

.product1_bg2 .text-content h3 {font-size: 18px;}
.product1_bg2 .text-content p {font-size: 15px}

.product1_bg2 {margin-bottom: 0px;flex-direction: column; padding:40px 0;}
.product1_bg2 .text-content {margin-right: 0px; text-align:center; padding:0 5%;}
.product1_bg { margin-top:20px;}

.serices1_ban { margin-top:100px;}
.serices1_ban .section-title {font-size: 22px;margin-bottom: 30px;}

.serices1_ban .section-desc {padding: 20px;font-size: 16px;}

.serices2_bg {    padding: 50px 0 80px; margin-top:0;}
.serices2_bg .title {font-size: 22px;    margin-bottom: 30px; }
.serices2_bg .serices2_box .card { padding:20px;}

.serices2_bg .serices2_box .card-title{font-size: 18px;}

.serices2_3bg { margin-top:0;}
.serices2_3bg .title {font-size: 22px; }

.serices2_3bg .serices2_3box .steps .step .step-content {font-size: 16px;}


.p1_3_bg {padding: 30px 0;}

.p1_3_box {flex-direction: column;}
.p1_3_box .left-part {width: 100%;}
.p1_3_box .right-part {margin-left:0px;width: 100%; margin-top:20px;}
.p1_3_box .right-part h2{font-size: 22px; }
.p1_3_box .right-part p{font-size: 16px;}
.steps-container {flex-direction: column;}


.ny_title p {font-size: 16px; padding-left:5%; padding-right:5%;}
.first-row img { max-width:100%;}
.p1_3_3_bg {padding: 40px 0 40px;}

.p3_form .form-group label { font-size:15px;}

.solution-1_bg { margin-top:30px;}


.solution-1_box .right-part h2 { font-size: 22px; margin-bottom:15px;}

.solution-1_box .right-part p { font-size: 16px;}

.solution4-box {flex-direction: column; padding-top:5%;padding-bottom:5%;}
.solution4-box .right-section {padding: 0px;}
.solution4-box .right-section .guarantee-items {padding: 30px;flex-direction: column;}

.solution4-box2 { padding:50px 0;}
.ny_title h2 { font-size: 22px;}

.solution4-box2 .inspection-section {margin-top: 30px; flex-direction: column-reverse;}
.solution4-box2 .inspection-section .inspection-text {padding-right:0px; padding-top:20px;}
.solution4-box2 .inspection-section .section-title{ font-size: 22px;}
.solution4-box2 .inspection-section.reverse .inspection-text { padding-left:0;}

.solution3-box {flex-direction: column;}

.solution3-img { max-width:100%;width:100%;}
.solution3-img img {width:100%;}

.solution3-txt {padding-left: 0px; margin:20px auto;}


.solution3-k-bg { margin-top:30px;}
.solution3-k-bg .delivery-container { padding:0;flex-direction: column;}

.solution3-k-bg .delivery-card { margin-bottom:30px;}


.solution-2-bg {padding: 30px 0 50px}

.solution-3-box {flex-direction: column-reverse; border-bottom:0;}
.solution-3-txt {padding-right: 0px;}

.solution-3-img {max-width: 100%;width: 100%; margin-top:20px; margin-bottom:35px;}

.solution-4-bg { margin-top:50px;margin-bottom:50px;}
.solution-4-card {padding: 15px 20px;margin-top: 20px;}


.isect01 .text-content p { font-size:16px;}


.sourcing-section h1 { font-size:24px;}

.sourcing-section p {  font-size: 16px;}



}

@media screen and (max-width: 468px){

.isect03_box {grid-template-columns: 1fr;}
			
.header .logo{height: 66px;line-height: 66px;}
.header .logo img{height: 38px;}
.header .logo .logoTxt{display: none;}

.bannerWrap{padding-top: 66px;}
.bannerWrap .banner .swiper-pagination{height: 8px;line-height:8px;}
.bannerWrap .banner .swiper-pagination .swiper-pagination-bullet{width: 8px;height: 8px;margin: 0 4px;}

.ititle h3{font-size: 24px; line-height:28px; padding:0 5%;}
.ititle p{display: none;}

.isect02 {padding-top: 30px;    padding-bottom: 50px;}
.jobList .nLi .dd .wrap .pageStyle { padding:10px 0; font-size:16px;}


.isect1 .cont .tabs ul li{margin-bottom: 8px;}
.isect1 .cont .tabs ul li a{height: 40px;line-height: 40px;font-size: 12px;}

.isect2Scroll{width: 90%;margin: 0 5%;}
/*.isect2Scroll .swiper-slide dl dd{width: 49.5%;float: left;}
.isect2Scroll .swiper-slide dl dd:nth-child(2n){float: right;}*/

.isect2Scroll .swiper-slide dl dd a h5{font-size: 16px;height: 32px;line-height: 32px;padding: 0 12px;}
.isect3 .cont{padding: 30px 0;}
.isect3 .cont ul li{width: 100%;}
.isect3 .cont ul li:last-child{margin-bottom: 0;}

.isect4 ul li a .text h4{font-size: 20px;margin-bottom: 4%;}

.isect5{margin-top: 0;}
.isect5 .title{margin-bottom: 0;padding: 20px 0 10px;}
.isect5 .title h3{font-size: 24px;width: 100%;text-align: center;line-height: 50px;}
.isect5 .title ul{display: none;}
.isect5 .isect5_1 .isect5Scroll .swiper-slide a h5{height: 44px;line-height: 44px;font-size: 15px;}
.isect5 .isect5_1 .isect5Scroll .swiper-slide a .date{width: 70px;height: 74px;padding-top: 10px;}
.isect5 .isect5_1 .isect5Scroll .swiper-slide a .date .day{font-size: 24px;}
.isect5 .isect5_1 .isect5Scroll .swiper-slide a .date .year{font-size: 12px;}
.isect5 .isect5_1 .isect5Scroll .swiper-pagination{bottom: 16px;}

.isect5 .isect5_2 li a .pic,.isect5 .isect5_2 li a .text{width: 100%;}
.isect5 .isect5_2 li a .text h5{font-size: 16px;line-height: 22px;margin-bottom: 3px;padding-top: 8px;}
.isect5 .isect5_2 li a .text span{font-size: 12px;line-height: 18px;}
.isect5 .isect5_2 li a .text p{font-size: 12px;line-height: 20px;height: 40px;}

.fBtm .left{font-size: 13px;line-height: 24px;}
.footer .fContact .qrcode{width: 200px;}
.footer .fContact .qrcode .pic{width: 100px;height: 100px;}
.footer .fContact .qrcode p{font-size: 12px;padding-top: 18px;}
.fBtm .select dt{height: 40px;line-height: 40px;}
.fBtm .select dd{bottom: 40px;}

.pageWrap{padding-top: 66px;}
.nyBanner{padding:15% 0; margin-bottom:0;}
.nyBanner .w1280 h3{font-size: 24px;line-height:24px; padding-top:0;}
.nyBanner .w1280 .path{display: none;}

.nyWrap{min-height: 250px;}
.nyTitle{font-size: 22px;line-height: 50px;padding: 10px 0 0;}
.nyWrap{margin-bottom: 40px;}
.videoWrap .gallery-top .swiper-slide .wrap i{width: 44px;height: 44px;margin: -22px 0 0 -22px;}
.videoWrap .gallery-top .swiper-slide .wrap .btm .bdsharebuttonbox{display: none;}
.videoWrap .gallery-top .swiper-slide .wrap .btm{padding: 0 10px;height: 44px;line-height: 44px;}
.videoWrap .gallery-top .swiper-slide .wrap .btm h5{font-size: 14px;line-height: 44px;}

.pageStyle{font-size: 13px;line-height: 26px;}
.aboutWrap .item2 .top li{width: 100%;margin-top: 10px;}
.aboutWrap .item2 .top li h5{line-height: 40px;}
.aboutWrap .item1{padding: 0 5% 20px;}
.aboutWrap .item2{padding: 20px 0;}
.aboutWrap .item2 .top{margin-bottom: 20px;}
.aboutScroll .swiper-button-prev, .aboutScroll .swiper-button-next{display: none;}
.aboutScroll{padding-bottom: 30px;}
.aboutScroll .swiper-pagination{display: block;width: 100%;position: absolute;left: 0;bottom: 0;}
.aboutScroll .swiper-pagination .swiper-pagination-bullet{margin: 0 3px;}
.aboutWrap .item3{padding-top: 20px;}
.aboutWrap .item1 .text .title{font-size: 17px;line-height: 30px;}

.cultureWrap .top{padding-bottom: 20px;}
.cultureWrap .top .text{padding: 0 0 15px;}
.cultureWrap .top .list,.cultureWrap .top .list li{border:none;}
.cultureWrap .top .list li{padding: 5px 0;}
.cultureWrap .top .list li .icon{height: 40px;line-height: 40px;}
.cultureWrap .top .list li .icon img{height: 28px;}
.cultureWrap .top .list li:first-child .icon img,
.cultureWrap .top .list li:nth-child(5) .icon img{height: 30px;}
.cultureWrap .top .list li h5{font-size: 15px;line-height: 28px;}
.cultureWrap .top .list li p{font-size: 12px;line-height: 20px;}
.cultureWrap .btm li{width: 100%;}
.cultureWrap .btm li .text{padding: 0 12px;height: 44px;}
.cultureWrap .btm li .text h5{font-size: 14px;background-size: auto 18px;height: 44px;line-height: 44px;}

.newspaper ul{padding-bottom: 10px;}
.newspaper ul li a h5{line-height: 40px;font-size: 13px;padding: 0 0 10px;}

.jobList .nLi .dt{height: 50px;line-height: 50px;padding: 0 50px 0 10px;}

.jobList .nLi .dd .wrap{padding: 15px 10px;}
.jobList .nLi .dd .wrap .btnWrap{padding-top: 20px;}
.jobList .nLi .dd .wrap .btnWrap .btn{height: 40px;line-height: 38px;width: 49%;margin: 0;}
.jobList .nLi .dd .wrap .btnWrap .btn.btn2{float: right;}
.jobList .nLi .dd .wrap .btnWrap .btn span{font-size: 14px;padding-left: 25px;background-size: auto 20px;}
.jobList .nLi .dd .wrap .tit{font-size: 12px;line-height: 20px;padding: 0 0 3px;}
.jobList .nLi .dt .desc{right: 10px;}
.jobList .nLi .dt .desc .fr{font-size: 12px;padding-right: 14px;}
.jobList .nLi .dt .desc .fr i{background-size: auto 10px;}


.respWrap .item1{padding-bottom: 20px;margin-bottom: 20px;}
.respWrap .item2{margin-bottom: 20px;}
.respWrap .item3{margin-top: 20px;}
.respWrap .item3 .innerItem{width: 100%;}
.respWrap .item1 .text .tit{font-size: 16px;text-align: center;}

.syFocusThumb .pagination .thumbWrap .holder .toc{width: 80px;height: 80px;border-width: 2px;margin-right: 60px;}
.syFocusThumb .pagination .thumbWrap .holder .toc a{width: 76px;height: 76px;line-height: 78px;font-size: 20px;}
.syFocusThumb .pagination .thumbWrap{padding-bottom: 20px;}
.syFocusThumb .pagination .thumbWrap:before{top:44px;}
.syFocusThumb .pagination .prev, .syFocusThumb .pagination .next{top:22px;}
.syFocusThumb .contentdiv{padding: 0;}
.syFocusThumb .contentdiv:before{display: none;}
.syFocusThumb .contentdiv .year{position: static;height: 40px;line-height: 40px;font-size: 24px;margin-bottom: 10px;}

.contactWrap .item1 .tit{margin-bottom: 10px;font-size: 15px;}
.contactWrap .item1 ul li{font-size: 13px;line-height: 28px;}
.contactWrap .item2{height: 260px;}

.page1 a.num{display: none;padding: 0 12px;}
.page1 a.num.on{display: inline-block;}
.page1 a{padding: 0 20px;height: 32px;line-height: 30px;}

.busWrap .item2 ul{padding-bottom: 15px;}
.busWrap .item2 ul li{width: 100%;}
.busWrap .item2 ul li:last-child{padding-bottom: 0;margin-bottom: 0;}
.busWrap .item2 ul li a h5{padding-top: 0;font-size: 16px;line-height: 30px;padding: 5px 0 0;}
.busWrap .item2 ul li a p{font-size: 12px;line-height: 20px;height: auto;max-height: 40px;}
.busWrap .item2 .tit{font-size: 22px;padding: 0;}

.recProdScroll .container .swiper-slide a h5{padding-top: 8px;}

.appWrap .appBtm .list ul li:last-child{border:none;}
.appWrap .appBtm .list ul li{height: 40px;}
.appWrap .appBtm .list ul li a{height: 40px;line-height: 40px;font-size: 14px;}
.appWrap .appBtm .tit{font-size: 18px;line-height: 28px;margin-bottom: 5px;}
.appWrap .appBtm .tit span{font-size: 12px;}

.networkWrap .item2 dl dd{width: 100%;}
.networkWrap .item2 dl{margin-bottom: 0;}
.networkWrap .item1 .list li{width: 100%;margin-top: 20px;}
.networkWrap .item2 dl dd .tit{font-size: 18px;line-height: 36px;padding-bottom: 6px;margin-bottom: 6px;}
.networkWrap .item2 dl dd{margin-bottom: 18px;}

.newsList ul{padding-bottom: 30px;}
.newsList ul li{width: 100%;margin-bottom: 20px;}
.newsList ul li:last-child{margin-bottom: 0;}
.newsList ul li a h5{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;height: auto;margin: 9px 0 0;}

.passage{padding-top: 40px;}
.passage .psgCont{font-size: 15px;line-height: 30px;padding:20px;}
.passage .psgBtm ul li{font-size: 13px;line-height: 28px;}

.contProd .item1 .text{margin-top: 10px;}
.contProd .item1 .text .tit{font-size: 18px;margin-bottom: 0;}
.contProd .item1 .text .subTit{font-size: 15px;}
.contProd .item1 .text .toList{width: 100%;height: 40px;line-height: 40px;}

.download{margin-top: 0;}
.download ul li a .desc .fr{font-size: 12px;padding-left: 20px;background-size: auto 14px;}

.first-row img, .second-row img {width: 100%;}

.header .top dl {  margin-left: 0px; margin-right:40px; margin-top: 10px;}

.cont_jia {flex-direction: column; margin:20px 0;}
.cont_jia .card {width: 100%; padding: 20px; margin-bottom:20px;}
.serices1_use_step {flex-direction: column;}
.jia_box .description, .note,.jia_box .form-container { width:100%;}

}