@charset "utf-8";
/* by Magiee 20230213 */
html { overflow-x: hidden; }
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, p { padding: 0; margin: 0; }
body { line-height: 190%; }
ul, li { list-style: none; }
img { border: 0; }
input:focus { outline: none; }

/* 圆细滚动条样式 20150717 */
::-webkit-scrollbar {
width:6px;
height:12px
}
::-webkit-scrollbar-button:vertical {
display:none;
}
::-webkit-scrollbar-track:vertical {
background-color:black
}
::-webkit-scrollbar-track-piece {
background:#FFF
}
::-webkit-scrollbar-thumb:vertical {
background-color:#8E8E8E;
border-radius:5px
}
::-webkit-scrollbar-thumb:vertical:hover {
background-color:#3B3B3B
}
::-webkit-scrollbar-corner:vertical {
background-color:#535353
}
::-webkit-scrollbar-resizer:vertical {
background-color:#FF6E00
}
/* 全局 */
a { text-decoration: none; color: #333; }
a:hover { text-decoration: underline; }
/* 清理浮动 */
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.fl { float: left; }
.fr { float: right; }
.wrapper { width: 1200px; margin: 0 auto; }
/*banner*/
.bannerslide { height: 746px; width: 100%; position: relative; -webkit-transition: all .2s; transition: all .2s; }
.bannerslide .swiper-slide { background-position: center; background-size: cover; height: 746px; width: 100%; }
.swiper-pagination { position: absolute; left: 50%; text-align: center; bottom: 50px; margin-left: -25px; z-index: 1000001; }
.swiper-pagination-switch { display: inline-block; width: 50px; height: 3px; background: #fff; margin: 0 3px; cursor: pointer; }
.swiper-active-switch { background: #e60000; }
.bannerslide .arrow-left { background: url(../images/arrows.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -15px; width: 60px; height: 60px; z-index: 1111111; }
.bannerslide .arrow-right { background: url(../images/arrows.png) no-repeat right bottom; position: absolute; right: 10px; top: 50%; margin-top: -15px; width: 60px; height: 60px; z-index: 1111111; }
.swiperaa { width: 100%; height: 100%; position: relative; }
.swiperaa.swiper-slide { text-align: center; }
.swiperaa .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; box-shadow: 0px 0px 3px #ccc; box-sizing: border-box; }
.swiper-button-next { background: url(../images/rightaa.png) no-repeat right center; width: 46px; height: 46px; position: absolute; right: -20px; }
.swiper-button-prev { background: url(../images/leftaa.png) no-repeat left center; width: 46px; height: 46px; position: absolute; left: -20px; }
/*top*/
.topbar { padding: 20px 0; }
.topbar .logo { float: left; width: 380px; }
.navmenu { float: right; width: calc(100% - 450px); height: 50px; line-height: 50px; }
.navmenu li { float: left; width: 12.5%; text-align: center; }
.navmenu li a { font-size: 16px; font-weight: bold; color: #555; }
.navmenu li a:hover { color: #DB0000; text-decoration: none; }
/*首页标题*/
.hometitle { }
.hometitle .htt { float: left; }
.hometitle .htt h2 { font-size: 28px; font-weight: bold; color: #fff; }
.hometitle .htt p { color: #fff; font-size: 16px; }
.hometitle .htt .line { padding: 16px 0 24px 0; }
.hometitle .hmore { float: right; padding: 4px 20px; border: 1px solid #fff; }
.hometitle .hmore a { font-size: 14px; color: #fff; text-decoration: none; }
.hometitle2 .htt h2, .hometitle2 .htt p { color: #333; }
.hometitle2 .hmore { border: 1px solid #d71411; }
.hometitle2 .hmore a { color: #d71411; }
/**/
.homebox1 { background: url(../images/nr01.jpg) no-repeat center; padding-top: 52px; padding-bottom: 50px; }
.boxitem01 { margin-top: 40px; }
.boxitem01 .item { float: left; margin-right: 14px; margin-bottom: 14px; border-bottom: 1px solid #000; width: calc(50% - 7px); }
.boxitem01 .item:nth-child(2n) { margin-right: 0; }
.boxitem01 .item .img{ overflow:hidden;}
.boxitem01 .item .img img{ display:block; width:100%;}
.boxitem01 .info { background-color: #fff; padding: 30px 30px; }
.boxitem01 .info .nam { font-size: 20px; color: #cd2c27; margin-bottom: 20px; }
.boxitem01 .info .txt { font-size: 15px; color: #333; height: 60px; overflow: hidden; }
.boxitem01 .info .mmm { text-align: right; }
/**/
.homebox2 { background: url(../images/nr02.jpg) no-repeat center top; padding-top: 52px; padding-bottom: 50px; }
.boxitem02 { position: relative; padding-top: 40px; width: 1340px; margin: 0 auto; }
.swiperaa { overflow: hidden; }
/**/
.homebox3 { background: url(../images/nr03.jpg) no-repeat center top; padding: 52px 0 50px 0; }
.boxitem03 { margin-top: 40px; }
.boxitem03 .item { float: left; margin-right: 3px; width: calc(25% - 3px); }
.boxitem03 .item:last-child { margin-right: 0; }
.boxitem03 .item .img { }
.boxitem03 .item .img img { display: block; width: 100%; }
.boxitem03 .item .info { background: #fff; border-left: 1px solid #cacaca; border-right: 1px solid #cacaca; border-bottom: 1px solid #cacaca; padding: 24px 26px 36px 24px; }
.boxitem03 .item .info .icon { width: 45px; height: 45px; overflow: hidden; margin-bottom: 20px; }
.boxitem03 .item .info .name a { font-size: 22px; color: #333; }
.boxitem03 .item .info .name_en { font-size: 15px; color: #666; }
.boxitem03 .item .info .more { margin-top: 20px; }
.boxitem03 .item .info .more a { color: #db0300; font-size: 14px; text-decoration: underline; }
/**/
.homebox4 { background: #fff url(../images/nr04.jpg) no-repeat center bottom; padding: 52px 0 50px 0; }
.boxitem04_list li { float: left; width: 13%; text-align: center; }
.boxitem04_list li a { font-size: 16px; color: #555; }
.boxitem04 { margin-top: 40px; }
.boxitem04 .item { float: left; width: calc(33.33% - 42px); padding: 14px 14px 32px 14px; background: #fff; box-shadow: 1px 1px 3px 1px #9c9c9c; margin-right: 20px; margin-top: 20px; }
.boxitem04 .item:nth-child(3n) { margin-right: 0; }
.boxitem04 .item a { text-decoration: none; }
.boxitem04 .item .img img { display: block; width: 100%; }
.boxitem04 .item .info { position: relative; }
.boxitem04 .item .info .name { font-size: 18px; color: #333; margin-top: 30px; text-decoration: none; }
.boxitem04 .item .info .more { width: 30px; height: 30px; font-weight: bold; color: #fff; background: #ee2e00; border-radius: 50%; text-decoration: none; font-size: 20px; text-align: center; line-height: 28px; position: absolute; right: 14px; bottom: 0; }
/**/
.homebox5 { background:#120205 url(../images/nr05.jpg) no-repeat center top; padding: 52px 0 50px 0; }
.boxitem05 { }
.boxitem05 .news_leftbox { float: left; padding: 20px 20px; width: 545px; margin-right: 35px; background: #fff; box-sizing: border-box; }
.boxitem05 .news_leftbox .img img { display: block; width: 100%; }
.boxitem05 .news_leftbox .info { padding: 30px 0 20px 0; }
.boxitem05 .name { font-size: 20px; color: #333; margin-bottom: 20px; }
.boxitem05 .name a { text-decoration: none; }
.boxitem05 .name a:hover { font-weight: bold; }
.boxitem05 .text { font-size: 16px; color: #666; }
.boxitem05 .news_leftbox .more { background: #ee2e00; margin-top: 20px; display: inline-block; width: 120px; text-align: center; line-height: 40px; }
.boxitem05 .news_leftbox .more a { font-size: 14px; color: #fff; text-decoration: none; }
.boxitem05 .news_rightbox { float: right; width: calc(100% - 580px); }
.boxitem05 .news_rightbox .info { border: 1px solid #3c75b5; background: #fff; padding: 40px 40px; margin-bottom: 20px; }
.boxitem05 .news_rightbox .more { margin-top: 20px; height: 12px; display: flex; align-items: center; }
/*底部*/
.footer { background: #5b5b5b; padding-top: 40px; }
.foot_link { color: #fff; font-size: 16px; font-weight: bold; border-bottom: 1px solid #707070; padding-bottom: 20px; }
.foot_link a { color: #fff; display: inline-block; font-weight: normal; margin: 0 10px; }
.foot_middle { margin-top: 30px; }
.foot_contact { float: left; width: 45%; padding: 30px 50px 0 0; box-sizing: border-box; }
.foot_contact ul { margin-top: 30px; }
.foot_contact li { color: #fff; }
.foot_contact li img { vertical-align: middle; padding-right: 10px; }
.foot_message { float: right; width: 55%; background: #fff; box-shadow: 1px 3px 3px 1px #333; height: 300px; padding: 30px 40px; box-sizing: border-box; }
.messagecon { }
.messagetarea { padding: 10px; border: 1px solid #b7b7b7; color: #666; resize: none; width: 95%; height: 40px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; font-size: 14px; font-family: yahei; }
.messagetarea:focus { color: #333; outline: none; background: #fff; }
.messageinput { line-height: 20px; box-sizing: border-box; width: calc(50% - 13px); padding: 10px; border: 1px solid #b7b7b7; margin: 0 10px 0 0; color: #666; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messageinput:focus { color: #333; outline: none; background: #fff; }
.messagebtn { width: 30%; text-align: center; line-height: 50px; height: 50px; font-size: 16px; border: 1px solid #da0000; background: #fff; color: #da0000; border-radius: inherit; cursor: pointer; margin-right: 10px; }
.messagebtn:hover { opacity: .8; filter: alpha(opacity=80); }
.foot_copy { font-size: 17px; color: #fff; padding: 50px 0; }
.foot_copy a { color: #fff; }
/*内页*/
.inbanner { height: 600px; background-repeat: no-repeat; background-size: cover; background-position: center top; }
.inner_page { padding: 80px 0; }
.inner_menutop { border-bottom: 1px solid #d7d7d7; line-height: 70px; }
.inner_menutop a { float: left; padding: 0 35px; display: block; font-size: 16px; position: relative; text-decoration: none; }
.inner_menutop a::after { width: 0; height: 2px; content: ''; position: absolute; left: 0; bottom: 0; background: #f51e1b; }
.inner_menutop a.active::after { width: 100% }
.inner_menutop a:hover:after { width: 100% }
/*公司简介*/
.Abox { padding: 80px 0; width: 100%; height: auto; }
.intro_l { width: 48%; height: auto; float: left; }
.intro_l .des { width: 100%; height: auto; line-height: 1.7; }
.intro_l .des p { margin-bottom: 10px; }
.intro_l .des h3 { color: #fb630a; font-weight: normal; font-size: 18px; }
.intro_img { width: 48%; height: auto; float: right; }
.intro_img img { max-width: auto; width: 100%; }
.sub_title { width: 100%; text-align: center; position: relative; padding-bottom: 15px; margin-bottom: 25px; }
.sub_title.posl { text-align: left; }
.sub_title p { font-family: gothmbok; font-size: 32px; line-height: 1.2; color: #999; display: block; text-transform: uppercase; }
.sub_title b { display: block; font-size: 30px; line-height: 1.4; font-weight: 400; }
.sub_title::after { width: 40px; height: 2px; background: #f51e1b; position: absolute; left: 50%; margin-left: -20px; bottom: 0; content: ''; }
.sub_title.posl::after { left: 0; margin-left: 0; }
/*公司资质*/
.Abox.b1 { position: relative; background: url(../images/bg_honor.jpg) center center no-repeat; background-size: cover; padding: 100px 0px; background-attachment: fixed; }
.honorBox { width: 55%; }
.singePage { width: 100%; line-height: 2; font-size: 16px; }
.singePage p { margin-bottom: 15px; }
.singePage ul li { margin-bottom: 15px; font-size: 14px; }
/*发展历程*/
.his_des{text-align:center;line-height:1.7;margin-bottom:50px;opacity:.5}
.develop .year{font-size:70px;line-height:150px;text-align:center;font-family:gothmbok;position:relative;opacity:.5}
.develop .year::after{width:1px;height:0;position:absolute;left:50%;top:120px;background:#0079c2;content:'';display:block;-webkit-transition:all .35s}
.develop .des{width:100%;height:100px;padding:25px 3%;font-size:16px;line-height:25px;opacity:0;text-align:center;-webkit-transition:all .5s;position:relative;-webkit-transform:translateY(25px)}
.develop .des b{ color:#e01515;}
.develop .thum{width:100%;height:auto;position:relative;background:center center no-repeat;background-size:cover;opacity:.5}
.develop .thum img{max-width:auto;width:100%}
.develop .info{width:90%;left:5%;top:50%;-webkit-transform:translateY(-50%);color:#fff;text-align:center;position:absolute}
.develop .info span{display:block;font-size:14px;line-height:1.7;opacity:.7;font-family:gothmbok;text-transform:uppercase}
.develop .info b{font-size:20px;line-height:1.7}
.develop .info p{display:block;line-height:1.7;font-size:16px}
.develop .swiper-info{position:relative;width:100%;height:auto;background:#000}
.develop .swiper-slide.swiper-slide-active .year{color:#0079c2;opacity:1}
.develop .swiper-slide.swiper-slide-active .des{opacity:1;-webkit-transform:translateY(0);color:#0079c2}
.develop .swiper-slide.swiper-slide-active .year::after{height:40px}
.develop .swiper-button-next,.develop .swiper-button-prev,.shop_swiper .swiper-button-next,.shop_swiper .swiper-button-prev{width:50px;height:50px;background:#0079c2}
.develop .swiper-button-next::after,.develop .swiper-button-prev::after,.shop_swiper .swiper-button-next::after,.shop_swiper .swiper-button-prev::after{width:20px;height:20px;background:url(../images/jt_icon.png) no-repeat;background-size:cover;content:'';position:absolute;top:50%;left:50%;margin-left:-10px;margin-top:-10px}
.develop .swiper-button-prev::after,.shop_swiper .swiper-button-prev::after{-webkit-transform:rotate(-180deg)}

/*联系我们*/
.contact_list { width: 100%; height: auto; overflow: hidden; }
.contact_list ul li { width: 48%; height: 195px; float: left; position: relative; background: #f9f9f9; margin-right: 2%; padding: 25px; text-align: center; box-sizing:border-box; }
.contact_list ul li .txt { margin-top: 10px; font-size: 18px; }
/* 通用查看更多按钮样式一 */
.commonMore { font-size: 13px; overflow: hidden; position: relative; z-index: 0; display: flex; width: 200px; height: 50px; margin-top: 50px; padding: 0; text-indent: 10px; border: 1px solid #0065b6; border-radius: 32px; align-items: center; justify-content: center; color: #0065b6; cursor: pointer; }
.commonMore.w { border: 1px solid #fff; color: #fff; }
.commonMore.active, .commonMore.active:hover { background: #ccc; color: #fff; border: 1px solid #ccc; cursor: no-drop; }
.commonMore.active::after, .commonMore.active::before { display: none; }
.commonMore.c { margin: 0px auto; margin-top: 50px; }
.commonMore::before { font-size: 33px; line-height: 46px; position: absolute; z-index: -1; top: 2px; left: 3px; width: 46px; height: 46px; content: ""; transition: all 0.56s; text-align: center; text-indent: 0; color: #fff; border-radius: 50%; background: #0065b6; }
.commonMore.w::before { background: #fff; }
.commonMore::after { font-size: 33px; line-height: 46px; position: absolute; z-index: -1; top: 0px; left: 3px; width: 46px; height: 46px; content: "+"; transition: all 0.56s; text-align: center; text-indent: 0; color: #fff; border-radius: 50%; background: transparent; }
.commonMore:hover { color: #fff; border: 1px solid #d2d3d4; border-color: transparent; background: transparent; }
.commonMore .svg01 { background: url(../images/svg01.png) no-repeat center; height: 20px; width: 20px; padding-left: 10px; }
.commonMore:hover .svg01 { background: none; }
.commonMore:hover .svg02 { background: url(../images/svg02.png) no-repeat center; }
.commonMore.w::after { color: #0065b6; }
.commonMore.w:hover:hover { color: #0065b6; }
.commonMore:hover::before { content: ""; transform: scale(8); color: #0065b6; }
.commonMore.w:hover::before { content: ""; transform: scale(8); color: #fff; }
.commonMore:hover::after { color: #0065b6; }
.commonMore.w:hover::after { color: #fff; }
/*公司资质*/
.honor_list { width: 100%; height: auto; overflow: hidden }
.honor_list a { display: block; width: 25%; height: auto; float: left; position: relative; padding: 2px 2px 0 0; box-sizing: border-box; }
.honor_list.num3 a { width: 20% }
.honor_list a .thum { width: 100%; height: auto; position: relative; overflow: hidden; background: #f9f9f9 }
.honor_list a .thum .pic { background: center center no-repeat; background-size: contain; -webkit-transition: all .4s ease; transition: all .4s ease }
.honor_list a .thum .pic img { width: 100% }
.honor_list a .more { position: absolute; width: 60px; height: 60px; line-height: 60px; margin: -30px 0 0 -30px; top: 50%; left: 50%; font-size: 24px; background-color: #fff; color: #e21613; visibility: hidden; opacity: 0; -webkit-transform: scale(0); -webkit-transition: all .4s ease; border-radius: 50% }
.honor_list a .more::before { width: 14px; height: 2px; background: #e21613; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); content: "" }
.honor_list a .more::after { width: 2px; height: 14px; background: #e21613; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); content: "" }
.honor_list.h2 a { width: 20% }
.honor_list.h2 a .pic { height: 350px }
.honor_list.h2 a:nth-child(4) { width: 40% }
/*专家人才*/
.boxes { padding: 50px 0; width: 100%; height: auto; position: relative; }
.founder .box1 .flex-box { position: relative; height: 600px; }
.founder .box1 .flex-box .right { width: 100%; padding-left: 35px; position: absolute; right: 0; height: 100%; display: flex; flex-wrap: wrap; align-content: space-between; }
.founder .box1 .flex-box .right .radio { display: flex; flex-wrap: wrap; align-items: flex-start; width: 100%; height: auto }
.founder .box1 .flex-box .right .radio .item { min-width: 200px; line-height: 41px; border-radius: 45px; border: 2px solid #1b2b4f; text-align: center; font-size: 18px; position: relative; color: #1b2b4f; margin-bottom: 17px; cursor: pointer; padding: 0 30px; transition: ease .4s }
.founder .box1 .flex-box .right .radio .item.active { background-color: #1b2b4f; color: #fff }
.founder .box1 .flex-box .right .radio .item.active:before { border-color: #fff }
.founder .box1 .flex-box .right .radio .item:before { content: ''; position: absolute; width: 10px; height: 10px; top: 46%; right: 12px; border-top: 2px solid #1b2b4f; border-right: 2px solid #1b2b4f; transform-origin: top right; transform: rotate(45deg); transition: ease .4s }
.founder .box1 .flex-box .right .radio .item+.item { margin-left:calc((100% - 200px * 5) / 5);
}
.founder .box1 .flex-box .right .radio .item:nth-child(4n+1) { margin-left: 0 }
.founder .box1 .flex-box .right .detail { display: flex; padding-top: 35px; height: 92%; width: 100%; }
.founder .box1 .flex-box .right .detail .name { width: 500px; padding: 0 15px; font-size: 24px; color: #1b2b4f; text-align: center; }
.founder .box1 .flex-box .right .detail .content { width: calc(100% - 500px); border-left: 1px solid #e81626; padding-left: 22px; text-align: justify; color: #1b2b4f; opacity: .78; line-height: 24px; overflow-y: auto; height: 100% }
/*产品*/
.projectList-cont h3 { font-size: 28px; line-height: 40px; }
.projectList { padding: 0; }
.projectList ul { width: 100%; margin: 0; padding: 0; display: block; overflow: hidden; }
.projectList ul li { width: 32%; height: auto; display: block; justify-content: center; align-items: center; color: #fff; margin-bottom: 25px; float: left; margin-right: 2%; position: relative; }
.projectList ul li a { color: #fff; }
.projectList ul li .thum { width: 100%; height: auto; position: relative; overflow: hidden; }
.projectList ul li .thum img { max-width: auto; width: 100%; -webkit-transition: all .5s; -webkit-filter: grayscale(100%); }
.projectList ul li:hover .thum img { -webkit-transform: scale(1.05); -webkit-filter: grayscale(0); }
.projectList ul li:nth-child(3n) { margin-right: 0; }
.projectList-cont { width: 300px; height: auto; text-align: center; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); padding: 20px; }
.projectList-cont .bl { width: 0; height: 2px; background: #fff; position: absolute; left: 0; bottom: 0; -webkit-transition: all .5s; }
.projectList-cont .bl.l1 { top: 0; }
.projectList-cont .bl.l2 { left: auto; right: 0; }
.projectList ul li:hover .bl.l1 { width: 100%; }
.projectList ul li:hover .bl.l2 { width: 100%; right: 0; }
.projectList ul li:hover .projectList-cont::before { height: 100%; }
.projectList ul li:hover .projectList-cont::after { height: 100%; }
.projectList-cont::after, .projectList-cont::before { width: 2px; display: block; height: 0; position: absolute; left: 0; top: 0; -webkit-transition: all .5s; content: ''; background: #fff; }
.projectList-cont::after { left: auto; right: 0; top: auto; bottom: 0; }
/*生产设备*/
.cooperation { padding: 0; }
.cooperation .item {
	float: left;
    margin-right: 20px;
    width: calc(34% - 22px);
	margin-bottom:20px;
}
.cooperation .item:nth-child(3n) { margin-right: 0; }
.cooperation .item .img { }
.cooperation .item .img img { display: block; width: 100%; }
.cooperation .item .info { background: #fff; border-left: 1px solid #cacaca; border-right: 1px solid #cacaca; border-bottom: 1px solid #cacaca; padding: 24px 26px 36px 24px; }
.cooperation .item .info .name a { font-size: 22px; color: #333; }
.cooperation .item .info .more { margin-top: 20px; }
.cooperation .item .info .more a { color: #db0300; font-size: 14px; text-decoration: underline; }

/*新闻动态*/
.NewsList .boxitem { margin-bottom:30px; float: left; padding: 20px 20px; width:calc(50% - 15px); margin-right: 30px; background: #ececec; box-sizing: border-box; }
.NewsList .boxitem:nth-child(2n){ margin-right:0;}
.NewsList .boxitem .img img { display: block; width: 100%; }
.NewsList .boxitem .info { padding: 30px 0 20px 0; }
.NewsList .boxitem .name { font-size: 20px; color: #333; margin-bottom: 20px; }
.NewsList .boxitem .name a { text-decoration: none; }
.NewsList .boxitem .name a:hover { font-weight: bold; }
.NewsList .boxitem .text { font-size: 16px; color: #666; }
.NewsList .boxitem .more { background: #ee2e00; margin-top: 20px; display: inline-block; width: 120px; text-align: center; line-height: 40px; }
.NewsList .boxitem .more a { font-size: 14px; color: #fff; text-decoration: none; }


@media (max-width: 1024px) {
	.wrapper{ width:100%; padding:0 20px; box-sizing:border-box;}
	.boxitem02{ width:100%;}
	.bannerslide,.bannerslide .swiper-slide{ height:600px;}
	.inbanner{ height:400px;}
	.sub_title p{ font-size:28px;}
	.inner_page img{ display:block; max-width:100%;}
	.founder .box1 .flex-box .right .radio .item{ box-sizing:border-box; max-width:20%;}
	.founder .box1 .flex-box .right .radio .item+.item{ margin-left:5%;}
	.founder .box1 .flex-box .right .detail .name{ width:30%;}
	.founder .box1 .flex-box .right .detail .content{ width:70%;}
}

@media (max-width: 768px) {
	.topbar .logo{ width:100%; text-align:center;}
	.navmenu{ width:100%;}
	.boxitem05 .news_leftbox{ width:100%; margin-right:0; margin-bottom:20px;}
	.boxitem05 .news_rightbox{ width:100%;}
	.foot_message{ display:none;}
	.foot_contact{ width:100%;}
	.cooperation .item .info .name a{ font-size:18px;}
	
	
}

@media (max-width: 425px) {
	.topbar{ padding:20px 0 0 0;}
	.topbar .wrapper{ width:100%; padding:0;}
	.navmenu{
		height: auto;
		background: #5b5b5b;
		margin-top: 10px;
		}
	.navmenu li{ width:25%;}
	.navmenu li a{ color:#fff;}
	.bannerslide, .bannerslide .swiper-slide{ height:400px;}
	.homebox1,.homebox2,.homebox3{ background-size:cover;}
	.boxitem01 .item{ width:100%;}
	.boxitem03 .item{ width:100%; margin-bottom:10px;}
	.boxitem04 .item{ width:calc(58% - 42px); margin:1%; box-sizing:border-box;}
	.boxitem04 .item:nth-child(3n){ margin-right:1%;}
	.boxitem04_list li{ width:50%; border-bottom:1px solid #ccc;}
	.inbanner{ height:200px;}
	.inner_menutop a{ padding:0; width:25%; box-sizing:border-box; text-align:center;}
	.intro_l{ width:100%;}
	.intro_img{ width:100%;}
	.honorBox{ width:92%;}
	.contact_list ul li{ width:100%;}
	
	.develop .year{font-size:30px;line-height:40px}
	.develop .des{padding:0 3%;width:80%;margin:0 auto}
	.develop .year::after{display:none}
	.develop .swiper-button-next,.develop .swiper-button-prev,.shop_swiper .swiper-button-next,.shop_swiper .swiper-button-prev{width:30px;height:30px}
	
	.cooperation .item{ width:100%;}

	.founder .box1 .flex-box{ height:auto;}
	.founder .box1 .flex-box .left{width:100%;margin-bottom:15px;height:auto;overflow:hidden}
	.founder .box1 .flex-box .left img{width:100%}
	.founder .box1 .flex-box{flex-wrap:wrap}
	.founder .box1 .flex-box .right{width:100%;padding:0;position:relative}
	.founder .box1 .flex-box .right .radio .item:nth-child(3n+1){margin:0}
	.founder .box1 .flex-box .right .radio .item{font-size:14px;padding:0;min-width:33%;margin-bottom:5px;border:1px solid #1b2b4f}
	.founder .box1 .flex-box .right .radio .item+.item{margin-left:0}
	.founder .box1 .flex-box .right .radio{justify-content:space-between}
	.founder .box1 .flex-box .right .radio .item:before{opacity:0}
	.founder .box1 .flex-box .right .detail .name{width:100%;text-align:center;margin-bottom:15px}
	.founder .box1 .flex-box .right .detail .content{width:100%;padding:0;height:auto;border:0}
	.founder .box1 .flex-box .right .detail{padding-top:25px;flex-flow: wrap;}

	.projectList ul li{ width:100%;}
}