@charset "utf-8";
/* =====================内页样式======================== */
/* 公共样式 */
.common-head{width: 100%;position: relative;}
.common-head img{width: 100%;object-fit: cover;}
.common-menu{width: 100%;border-bottom: 1px solid #e6e6e6;}
.common-menuitems{width: 100%;display: flex;justify-content: space-between;align-items: center;}
.common-lftlist a{display:inline-block; font-size: 16px;color: #8c8c8c;height: 75px;line-height: 75px;padding-right: 28px;margin-right: 16px; position: relative;transition: all .4s ease;}
.common-lftlist a i{width: 17px;height: 15px;font-style: normal;}
.common-lftlist a i img{max-width: 100%;object-fit: cover;}
.common-lftlist a::after{content: ">";font-size: 16px;font-family: '宋体';color: #8c8c8c;position: absolute;right: 0;top: 3px;}
.common-lftlist a:last-child{padding-right: 0;margin-right: 0;}
.common-lftlist a:last-child::after{display: none;}
.common-rgtlist a{display:inline-block; font-size: 16px;color: #8c8c8c;height: 75px;line-height: 75px;margin: 0 20px;position: relative;transition: all .4s ease;}
.common-rgtlist a:first-child{margin-left:0;}
.common-rgtlist a:last-child{margin-right: 0;}
.common-rgtlist a::after{content: '';width: 0%;height: 2px;background-color: #d45454;position: absolute;right: 0;bottom: 0;transition: all .4s ease;}
.common-rgtlist a.active::after,.common-rgtlist a:hover::after{width: 100%;right: auto;left: 0;}
.common-rgtlist a.active,.common-rgtlist a:hover,.common-lftlist a:hover{color: #d45454;}
.common-title{width: 100%;}
.common-title.center{text-align: center;}
.common-title h2{font-size: 32px;color: #444;font-weight: 700;}
.common-title.white h2{color: #fff;}
.common-title p{font-size: 20px;color: #fff;margin-top: 12px; letter-spacing:12px;}
.common-title.center p{font-size: 16px;color: #888;line-height: 28px;letter-spacing:normal;max-width: 848px;margin: 0 auto;margin-top: 24px;}
.common-cont{width: 100%;margin-top: 12px;}
.common-cont p{font-size: 16px;color: #888;line-height: 30px;letter-spacing: normal;margin-top: 0 !important;max-width: 1120px !important;}
.common-title span{display: inline-block;font-size: 20px;color: #d45454;margin-top: 20px;}
.common-intro{width: 100%;margin-top: 24px;}
.common-intro p{font-size: 15px;color: #888;line-height: 26px;text-indent: 2em;margin-bottom: 20px;}
.common-intro p:last-child{margin-bottom: 0;}

/*分页*/
#pagination{display:flex;text-align:center;justify-content:center;align-items:center;width: 100%;flex-wrap: wrap;}
#pagination a{margin-left:5px;border:1px solid #c4c6cf;border-radius:3px;background:transparent;color:#333;font-size:15px;display: block;height: 40px;line-height: 40px;padding: 0 15px}
#pagination .click-page{display: flex;align-items: center}
#pagination .click-page.no-page{background: #f7f8fa;color: #cccccc;pointer-events: none;}
#pagination a.active,#pagination a:hover{border:1px solid #d45454;background:#d45454;color:#fff}
#pagination a.page-dot{border: none;padding: 0 5px}
#pagination a.page-dot:hover{background:0 0}
#pagination a span.lft-ico{margin-right:10px;font-weight:700;font-family:"\5B8B\4F53"}
#pagination a span.rgt-ico{margin-left:10px;font-weight:700;font-family:"\5B8B\4F53"}
#pagination .page-rgt{display:flex;align-items:center}
#pagination .page-num{margin:0 20px;font-size:16px}
#pagination .page-go{color:#999;font-size:16px}
#pagination .page-go input{width:50px;height:40px;border:1px solid #c9cbd3;border-radius:3px;text-align:center}
#pagination .page-go .go-btn{display: inline-block}

/* 走进我们 */
.about-us{width: 100%;padding: 102px 0 60px;}
.about-usitems{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.about-uscont{width: calc(100% - 618px);padding-top: 48px;}
.about-uscont ul{width: 78%;display: flex;flex-wrap: wrap;justify-content: flex-start;margin-top: 28px;}
.about-uscont ul li{width: 50%;}
.about-uscont ul li h6{font-size: 60px;color: #db5657;font-family: 'DINCond';}
.about-uscont ul li p{font-size: 18px;color: #777777;}
.about-usimg{width: 618px;display: flex;justify-content: flex-end;}
.about-usimg img{max-width: 100%;;object-fit: cover;}
.about-business{width: 100%;background-position: left top;background-repeat: no-repeat;background-size: cover;}
.about-busitems{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.about-buslist{width: calc(100% - 618px)}
.about-busli{width: 548px;height: 156px;background-color: #fafafb;display: flex;justify-content:space-between;align-items: center;border-bottom: 1px solid #dfe3e5;padding: 0 46px;transition: all .4s ease;}
.about-busli:last-child{border-bottom: none;}
.about-buscont{margin-right: 64px;}
.about-buscont h2{font-size: 26px;color: #404040;transition: all .4s ease;}
.about-buscont p{font-size: 16px;color: #999;margin-top: 12px;transition: all .4s ease;}
.about-busicon{height: 48px;position: relative;}
.about-busicon .about-busicon-img,.about-busicon .about-busicon-Himg{max-width: 100%;object-fit: cover;transition: all .4s ease;}
.about-busicon .about-busicon-Himg{position: absolute;opacity: 0;left: 0;top: 0;}
/* .about-busli:hover{background-color: #d45454;}
.about-busli:hover .about-buscont h2{color: #fff;}
.about-busli:hover .about-buscont p{color: #fff;}
.about-busli:hover .about-busicon-img{opacity: 0;}
.about-busli:hover .about-busicon-Himg{opacity: 1;} */
.about-busintro{width: 618px;padding-right: 54px;display: flex;flex-direction: column;justify-content: center;}
.about-develop{width: 100%;padding: 120px 0 60px;background-repeat: no-repeat;background-position: left bottom;background-size: cover;}
.about-item{width: 100%;margin-top: 34px;position: relative;padding-top: 54px;}
.about-year{width: 100%;position: relative;}
.about-year-link{width: 100%;text-align: center;height: 143px;position: relative;cursor: pointer;}
.about-year-link::before{content: "";position: absolute;z-index: 2;width: 100%;height: 6px;background:linear-gradient(to left, rgba(230, 100, 101, 0.8), rgba(255, 255, 255, 1));right:50%;top: 50%;margin-top: -3px;}
.about-year-link:after{content: "";opacity: 0;position: absolute;width: 143px;height: 139px;left: 50%;margin-left: -71px;top: 0;background: url('../images/pages/abtdlD.png') no-repeat center;animation: aboQq 3s linear infinite;}
@keyframes aboQq{0%{transform: rotate(0);}100%{transform: rotate(360deg);}}
.about-year-link i{width: 143px;height: 143px;position: absolute;top: 0;left: 50%;z-index: 3;margin-left: -71px;}
.about-year-link i:before{position: absolute;width: 20px;height: 20px;content: "";background: #d45454;top: 50%;left: 50%;transform: translate(-50%,-50%);border-radius: 50%;}
.about-year-link i:after{position: absolute;width: 100%;height: 100%;content: "";background: url('../images/pages/abtdl.png') no-repeat center;top: 0;left: 0;transition: all .6s ease;transform: scale(0);opacity: 0;}
.about-year-link p{font-size: 20px;color: #444444;z-index: 4;transition: all .4s ease;font-family: Arial;width: 100%;left: 0;position: absolute;top: 50%;transform: translateY(-50%);margin-top: 50px;}
.about-year .swiper-container{z-index: 3;padding: 12px 0;}
.about-year .swiper-slide:nth-child(2n+1) .about-year-link p{margin-top: -50px;}
.swiper-slide-active .about-year-link:after{opacity: 1;transition: all .4s ease .4s;}
.swiper-slide-active .about-year-link i:before{opacity: 0;}
.swiper-slide-active .about-year-link i:after{transform: scale(1);opacity: 1;}
.swiper-slide-active .about-year-link p{color: #fff;font-size: 40px;margin: 0 !important;}
.swiper-slide-active .about-year-link:hover p{color: #fff;}
.about-num{position: absolute;font-family: Arial;top: -12px;left: 50%;transform: translateX(-50%);color: #e8eee8;font-size: 312px;line-height: .8em; background: linear-gradient(to bottom,#f0f0f0,#fff);background: -ms-linear-gradient(to bottom,#f0f0f0,#fff);background: -moz-linear-gradient(to bottom,#f0f0f0,#fff);background: -webkit-linear-gradient(to bottom,#f0f0f0,#fff);background: -o-linear-gradient(to bottom,#f0f0f0,#fff);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
.about-wdbox{width: 100%;margin-top: 28px;height:120px}
.about-wdbox li{width: 100%;display: none;}
.about-wdbox li.ontrue{display: block;}
.about-wd{max-width: 584px;margin: 0 auto; transition: all 4s ease;opacity: 0;}
.about-wdbox li.ontrue .about-wd{animation: aboMs 1s ease both .2s;}
@keyframes aboMs{0%{opacity: 0;transform: translateY(20px);}100%{opacity: 1;transform: translateY(0);}}
.about-wd p{font-size: 15px;color: #444;line-height: 36px;}

.about-tagyear{width: 100%;margin-top: 168px;position: relative;}
.about-tagyear ul{width: 100%;display: flex;justify-content: center;}
.about-tagyear li{float: left;margin-right: 64px;}
.about-tagyear li:last-child{margin-right: 0;}
.about-tagyear li span{font-size: 17px;color: #777;padding-bottom: 12px;position: relative;cursor: pointer;}
.about-tagyear li span::after{content: '';width: 0%;height: 3px;background-color: #d45454;position: absolute;right: 0;bottom: 0;transition: all .2s ease;}
.about-tagyear li.active span::after{width: 100%;left: 0;right: auto;}
.about-prev, .about-next{width: 42px;height: 42px;position: absolute;border-radius: 50%;background: #fff url('../images/common/arrow_dlH..svg') no-repeat center/24px;z-index: 4;top: 50%;transform: rotate(90deg); margin-top: -21px;cursor: pointer;transition: all .4s ease;box-shadow: 0 0 11px rgba(0, 0, 0, 0.11);}
.about-prev{left: 6%;}
.about-next{right: 6%;transform: rotate(270deg);}
.about-prev:hover, .about-next:hover{background-image: url('../images/common/arrow_down.svg');background-color: #d45454;}


.about-vision{width: 100%;background-position: left top;background-repeat: no-repeat;background-size: cover;padding: 140px 0 172px;}
.about-visionitems{width: 100%;}
.about-visimg{width: 100%; margin-top: 20px;}
.about-visimg img{max-width: 100%;object-fit: cover;}

.about-honor{width: 100%;padding: 114px 0 132px;}
.about-honoritems{width: 100%;margin-top: 60px;position: relative;}
.about-honoritems .swiper-container{width: 1100px;margin: 0 auto;overflow: hidden;}
.about-honorwall{width: 100%;border: 11px solid #d45454;}
.about-honoritems .swiper-slide::after{content: ''; width: 100%; height: 100%;background: rgba(255, 255, 255, .8); position: absolute; left: 0;top: 0;}
.about-honoritems .swiper-slide-active::after{ display: none;}
.about-honoritems .swiper-slide.tmd::after,.about-honoritems .swiper-slide-active+.swiper-slide::after{background: rgba(255, 255, 255, .3);}
.about-honorwall img{width: 100%;object-fit: cover;display: block;}
.about-honoritems .honor-prev,.about-honoritems .honor-next{width: 62px;height: 62px;border: 2px solid #d4d4d4;background: url('../images/pages/honorArr.svg')no-repeat center;position: absolute;left: 0; top: 50%;margin-top: -32px; transition: all .4s ease;cursor: pointer;}
.about-honoritems .honor-next{right: 0;left: auto;transform: rotate(180deg);}
.about-honoritems .honor-prev:hover,.about-honoritems .honor-next:hover{border: none;background:#d45454 url('../images/pages/honorArrH.svg')no-repeat center;}
.swiper-slide-shadow-left,.swiper-slide-shadow-right{display: none !important;}
.honor-pagination{display: none;}

/*新闻列表*/
.news{width: 100%;padding-top: 80px;}
.news-cell{display:flex;align-items:center;height:240px;justify-content:space-between;}
.news-time{width:11%;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;position:relative;border-right:1px solid #c1c1c1;transition: all .4s ease;}
.news-cell .news-time::before{content: '';width: 0;height: 0;border-style: solid;border-width: 15px 0 15px 15px;border-color: transparent transparent transparent #faf2f2;position: absolute;top: 50%;right: -16px;z-index: 2; margin-top: -15px;opacity: 0;transition: all .4s ease;}
.news-cell .news-time:after{content:'';position:absolute;right:-46px;width:46px;top:50%;background:#c1c1c1;height:1px;transition: all .4s ease;}
.news-time .day{font-size:50px;color:#6e6e6e}
.news-time .year{font-size:14px;color:#6d6d6d}
.news-info{width:80%;height:calc(100% - 30px);display:flex;align-items:center;justify-content:space-between;background:#fafafa;padding:0 50px}
.news-info .lft{width:75%}
.news-info h3{font-size:22px;color:#222;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight:500;transition: all .4s ease;}
.news-info .news-inro{display:flex;margin:10px 0 15px;color:#999;font-size:13px}
.news-info .news-inro .ico{display:flex;align-items:center}
.news-info .news-inro .ico:not(:first-child){margin-left:20px}
.news-info .news-inro .ico img{margin-right:5px}
.news-info p{color:#666;line-height:24px;font-size:14px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:48px;line-height:24px}
.news-info .rgt{width:190px;height:125px}
.news-info .rgt img{width:100%;height:100%;object-fit:cover}
.news-cell:hover .news-time{background:#faf2f2;border-right:1px solid #faf2f2;}
.news-cell:hover .news-time::before{opacity: 1;}
.news-cell:hover .news-time:after{background:#faf2f2}
.news-cell:hover .news-time .day,.news-cell:hover .news-time .year{color:#d45454}
.news-cell:hover .news-info h3{color:#d45454;}
.news-pages{width: 100%;padding:80px 0 118px;}

/*新闻详情*/
.news-detail{padding:96px 0 142px}
.news-detail .contain{display:flex;justify-content:space-between}
.news-detail .lft{width:74%}
.news-detail .lft h1{font-size:28px;line-height:30px;color:#111}
.news-detail .news-inro{display:flex;margin:20px 0 25px;color:#999;font-size:13px;padding-bottom:15px;border-bottom:1px solid #eee}
.news-detail .news-inro .ico{display:flex;align-items:center}
.news-detail .news-inro .ico:not(:first-child){margin-left:20px;cursor: pointer;}
.news-detail .news-inro .ico img{margin-right:5px}
.news-detail .lft p{font-size:15px;line-height:30px;color: #777;}
.news-detail .lft br{content:'';display:block;margin-top:15px;font-size: 100%;height: 1em}
.news-detail .lft img{max-width:100%;object-fit:cover}
.news-detail .rgt{width:20%;height:100%;padding:35px 30px;border:10px solid #e7e7e7}
.news-detail .page-nav:nth-child(1){margin-bottom:30px;border-bottom:1px solid #e7e7e7;padding-bottom:30px}
.news-detail .page-nav .sub{color:#666;font-size:18px;font-weight:700}
.news-detail .page-nav h6{font-size:14px;line-height:20px;color:#777;margin:15px 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:40px;transition: all .4s ease;}
.news-detail .page-nav .time{color:#999;font-size:12px}
.news-detail .page-nav h6:hover{color:#104667;}

/*分享*/
#toShare{opacity: 0;visibility: hidden;transition: all .4s ease;margin-left: 10px;}
.share:hover #toShare{opacity: 1;visibility: visible}
#toShare .icon-wechat{position:relative}
#toShare .icon-wechat .wechat-qrcode{display:none;border:1px solid #eee;position:absolute;bottom:-208px;left:-84px;width:200px;height:192px;color:#666;font-size:12px;text-align:center;background-color:#fff;box-shadow: inset 0 2px 10px #aaa;transition:all .2s;-webkit-tansition:all 350ms;-moz-transition:all 350ms;z-index: 99999999999}
#toShare .icon-wechat .wechat-qrcode.bottom{top:40px;left:-84px}
#toShare .icon-wechat .wechat-qrcode.bottom:after{display:none}
#toShare .icon-wechat .wechat-qrcode h4{font-weight:400;height:26px;line-height:26px;font-size:12px;background-color:#f3f3f3;margin:0;padding:0;color:#777}
#toShare .icon-wechat .wechat-qrcode .qrcode{width:105px;margin:10px auto}
#toShare .icon-wechat .wechat-qrcode .qrcode table{margin:0!important}
#toShare .icon-wechat .wechat-qrcode .help p{font-weight:400;line-height:16px;padding:0;margin:0;font-size:12px}
#toShare .icon-wechat:hover .wechat-qrcode{display:block}


.product-search{width: 325px;position: relative;display: flex;justify-content: space-between;}
.product-search input{width: 100%;border: 1px solid #dbdbdb;height: 40px;font-size: 15px;color: #777; border-top-left-radius:19.5px;border-bottom-left-radius:19.5px;padding: 0 18px;background-color:#f7f7f7;}
.product-search input::placeholder{font-size: 14px;color: #999;}
.product-search span{display: inline-block; width: 50px;height: 40px;border-top-right-radius:19.5px;border-bottom-right-radius:19.5px;background: #d45454 url('../images/common/search.svg') no-repeat center/30px auto;cursor: pointer;}
.product-column{width: 100%;}
.product-column ul{display: flex;width: 100%;flex-wrap: wrap;padding: 48px 0 20px;border-bottom: 1px dashed #e9e8e8;}
.product-column ul li{margin-right: 15px;margin-top: 12px;}
.product-column ul li:last-child{margin-right: 0;}
.product-column ul li a{display: inline-block;padding: 26px 28.888px;font-size: 16px;color: #777;background-color: #f7f7f7;transition: all .4s ease;}
.product-column ul li.active a{background-color: #d45454;color: #fff;}
.product-menu{width: 100%;}
.product-menu ul{display: flex;width: 100%;flex-wrap: wrap;padding: 20px 0 42px;}
.product-menu ul li{margin-right: 15px;margin-top: 12px;}
.product-menu ul li:last-child{margin-right: 0;}
.product-menu ul li a{display: inline-block;padding:14px;font-size: 14px;color: #d45454;border: 1px solid #d45454;transition: all .4s ease;cursor: pointer;}
.product-menu ul li.active a{background-color: #d45454;color: #fff;}
.product-list{width: 100%;background-color:#f5f5f5;padding: 70px 0 88px;}
.product-listitems{width: 100%;}
.product-listitems ul{margin-left: -4%;display: none;}
.product-listitems ul.active{display: block;}
.product-listitems ul li{width: 29.3333%;margin-bottom: 52px;float: left;margin-left: 4%;display: block;position: relative;}
.product-limenu{width: 100%;}
.product-limenuimg{width: 100%;overflow: hidden;height: 294px;background: url('../images/pages/prodBj.jpg') repeat-x;display: flex;justify-content: center;align-items: center;box-shadow:0 0 29px rgba(0, 0, 0, 0.06);}
.product-limenuimg img{max-width: 88%;max-height: 88%; object-fit: cover;transform: scale(1);transition: all .4s ease;}
.product-listitems ul li:hover img{transform: scale(1.02);}
.product-limenucont{width: 100%; padding: 28px 34px;box-shadow: 5px 0 65px rgba(0, 0, 0, 0.08);transition: all .4s ease;background-color: #fff;}
.product-limenucont h2{font-size: 17px;line-height: 22px; color: #333;transition: all .4s ease; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:44px;}
.product-limenucont P{font-size: 14px;color: #a6a6a6;line-height: 22px;margin-top: 14px;transition: all .4s ease;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:44px;}
.product-listitems ul li:hover .product-limenucont{background-color: #d45454;}
.product-listitems ul li:hover .product-limenucont h2,.product-listitems ul li:hover .product-limenucont P{color: #fff;}
.product-pages{width: 100%;}

/* 产品的公共标题 */
.prod-comcont{width: 100%;text-align: center;display: flex;align-items: center;flex-direction: column;}
.prod-comcont h2{font-size: 45px;color: #333333;font-weight: 700; position: relative;padding-bottom: 30px;}
.prod-comcont h2::after{content: '';width: 50px;height: 1px;background-color: #333;position: absolute;left:0;bottom: 0;right: 0;margin: auto;}
.prod-comcont p{font-size: 16px;color: #666;line-height: 34px;max-width: 818px;margin-top: 24px;}

.prod-detahed{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.prod-detahed .contain{display: flex;justify-content: space-between;align-items: center;height: 100%;}
.prod-detahed-cont{width: calc(100% - 716px);padding-right: 28px;}
.prod-detahed-cont span{font-size: 60px;color: #d45454;font-weight: 700;line-height: 72px;}
.prod-detahed-cont h2{font-size: 60px;color: #d45454;font-weight: 700;line-height: 72px;}
.prod-detahed-cont p{font-size: 24px;color: #888;font-weight: 700;margin-top: 26px;}
.prod-detahed-img{width: 716px;}
.prod-detahed-img img{width: 100%;object-fit: cover;}
#prodIntroduce{width: 100%;padding: 116px 0 0 0;}
#prodIntroduce canvas{height: 366px !important;background-color: #fff;background: linear-gradient(180deg,#fff 20%, #f0f3f6 80%);}
.prod-property{width: 100%;padding: 116px 0 120px;background-position: left top;background-repeat: no-repeat;background-size: cover;}
.prod-property-items{width: 100%;margin-top: 76px;}
.prod-property-items li{width: 33.333%;float: left;margin-bottom:32px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.prod-property-list{width: 108px;height: 108px;display: flex;justify-content: center;align-items: center; border-radius: 18px;background: #eaeaea;background: linear-gradient(145deg,#eaeaea 20%, #fefefe 80%);position: relative;transition: all .4s ease;}
.prod-property-list h2{font-size: 40px;color: #888;transition: all .4s ease;line-height: 1;}
.prod-property-list span{font-size: 14px;color: #dad7d7;line-height: 20px; position: absolute;right: 4px;bottom: 4px;transition: all .4s ease;}
.prod-property-cont{width: 100%;margin-top: 18px;text-align: center;min-height: 118px;}
.prod-property-cont h2{font-size: 26px;color: #222;transition: all .4s ease;}
.prod-property-cont p{font-size: 15px;color: #999;line-height: 25px;max-width: 270px;margin: 0 auto;text-align: center;margin-top: 6px;}
.prod-property-items li:hover .prod-property-list{background: #d45454;}
.prod-property-items li:hover .prod-property-list h2{color: #fff;}
.prod-property-items li:hover .prod-property-list span{color: #f29f9f;}
.prod-property-items li:hover .prod-property-cont h2{color: #d45454;}
.prod-project{width: 100%;background-position: left top;background-repeat: no-repeat;background-size: cover;padding: 126px 0 114px;}
.prod-project-items{width: 100%;margin-top: 45px;}
.prod-project-items ul{width: 100%;height: 464px;overflow-y: auto;}
.prod-project-items ul .mCSB_container {margin-right:0;}
.prod-project-items ul  .mCSB_scrollTools .mCSB_draggerRail{background: #d5d7d9;width: 1px;}
.prod-project-items ul .mCustomScrollBox>.mCSB_scrollTools{opacity: 1;width: 5px;z-index: 3;}
.prod-project-items ul .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background: #d45454;width: 5px;height: 200px;}
.prod-project-items li{width: 100%;margin-bottom: 20px;}
.prod-project-menu{width: 100%;margin-bottom: 12px;}
.prod-project-menu h2{font-size: 20px;color: #d45454;font-weight: 700;}
.prod-project-submenu{width: 100%;display: flex;flex-wrap: wrap;}
.prod-project-submenuli{width: 33.333%;padding-right: 28px;}
.prod-project-submenuli p{width: 100%;padding: 12px 0 12px 10px;border-bottom: 1px dashed #d9dbdc;font-size: 14px;color: #666;position: relative;}
.prod-project-submenuli p::before{content: '';width: 5px;height: 5px;border-radius: 50%;border: 1px solid #979798;position: absolute;left: 0;top: 50%;margin-top: -2.5px;}

.serve-after{width: 100%;padding: 88px 0 60px;}
.servr-network{width: 942px;height: 631px;margin: 30px auto 0;position: relative;}
#container {position: relative;overflow: hidden;margin: 0 auto;width:942px;height: 100%;}
.same-btn {text-decoration: none;display: inline-block;border: #2285ee solid 1px;width: 90px;height: 30px;line-height: 30px;margin: 0 6px;text-align: center;border-radius: 4px;cursor: pointer;transition: .15s;color: #2285ee;font-weight: 400;}
.same-btn:hover {background: #2285ee;color: #fff;}
.map-wrapper {width: 942px;height: 100%;}
/* .map-wrapper>p:first-child {display: block;height: 50px;line-height: 50px;border-bottom: #e0e0e0 solid 1px;text-align: center;padding: 15px 0;margin-bottom: 40px;font-size: 24px;font-weight: 700;background: #fafafa;} */
.map-box {width:942px !important;height: 631px;margin: 0 auto;overflow: hidden;}
.map-box .jsmap-svg-container{width: 942px !important;height:631px;display: flex;justify-content: center;align-items: center;}
.map-box svg{width: 100%;height: 100%;}
.multiple-button {text-align: center;}
.multiple-button button {width: 230px;height: 36px}
.multiple-button p {margin: 18px 0;font-size: 18px;font-weight: bold;}
#hover-callback, #click-callback {text-align: center;display: block;height: 30px;line-height: 30px;font-weight: bold;}



.servr-network img{width: 100%;object-fit: cover;}
.city-list{position: absolute;right: 0;top: 0;text-align: center;width: 100%;height: 100%;display: none;}
.city-item{position:absolute;display:flex;align-items:center;flex-direction: column-reverse;}
.city-item h3{font-size:14px;color:#fff;margin-bottom:5px;text-shadow: 1px 1px 1px #ce4747;}
.city-dot{display:flex;align-items:center;justify-content:center}
.city-inner{display:block;width:7px;height:7px;background:#fff;border-radius:50%;position:relative}
.city-item.active .city-inner{background:#d45454}
.city-inner:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;display:block;border:1px solid #fff;opacity:0;background-color:transparent;animation:dotspread 2s linear 0s infinite}
.city-inner:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;display:block;border:1px solid #fff;opacity:0;background-color:transparent;animation:dotspread 2s linear 1s infinite}
.city-item.active .city-inner:after,.city-item.active .city-inner:before{border-color:#d45454}
@keyframes dotspread{0%{transform:scale(1,1);opacity:1}100%{transform:scale(4,4);opacity:0}}
.dots-heilongjiang{top: 68px;right: 48px;}
.dots-jilin{top: 128px;right: 60px;}
.dots-beijing{top: 208px;right: 168px;}
.dots-shandong{top: 278px;right: 145px;}
.dots-shanghai{top: 346px;right: 82px;}
.dots-jiangsu{top: 336px;right: 108px;}
.dots-anhui{top: 350px;right: 134px;}
.dots-henan{top: 314px;right: 198px;}
.dots-shanxi{top: 304px;right: 256px;}
.dots-hubei{bottom: 222px;right: 210px;}
.dots-chongqing{bottom: 194px;right: 274px;}
.dots-chengdu{bottom: 208px;right: 330px;}
.dots-jiangxi{bottom: 162px;right: 154px;}
.dots-hunan{bottom: 168px;right: 202px;}
.dots-guizhou{bottom:138px;right:280px}
.dots-guangdong{bottom: 92px;right: 186px;}
.dots-guangxi{bottom:78px;right:258px}
.dots-xinjiang{top: 118px;left: 168px;}
.city-info{ position:absolute;right:-4px;bottom:32px;width:470px;height:186px;border: 1px solid #d45454; background:#fff;color:#d45454;padding:30px;border-radius:8px;z-index:1;display: none;}
.city-info:after{content:'';width: 45px;height: 34px; background: url('../images/pages/sjicon.png') no-repeat center; position:absolute;right:34px;bottom:-34px}
.city-info h6{font-size:22px;font-weight:700;margin-bottom:10px}
.city-info p{font-size:15px;line-height:28px;display:flex;align-items:center;color: #666;}
.city-info p.email{display: none;}
/* .city-item.active .city-info,.city-item:hover .city-info{display: block;} */

.serve-problem{width: 100%;padding: 84px 0 78px;background-color: #f5f5f5;}
.serve-problem-items{width: 100%;margin-top: 46px;}
.serve-problem-items li{width: 100%;margin-bottom: 18px;}
.serve-problem-list{width: 100%;display: flex;justify-content: space-between;cursor: pointer;}
.serve-problem-column{width: calc(100% - 74px);height: 74px;display: flex;align-items: center; position: relative;background-color: #fff; box-shadow: 0 11px 25px rgba(0, 0, 0, 0.09);z-index: -1;}
.serve-problem-column::before{content: '';width: 33px;height: 33px;border: 1px solid #d0cfcf; border-radius: 50%;background: url('../images/pages/problemicon.png') no-repeat center;position: absolute;left: 16.5px;top: 50%;margin-top: -16.5px;transition: all .4s ease;}
.serve-problem-column h2{font-size: 16px;color: #555;margin-left:65px;}
.serve-problem-click{width: 74px;height: 74px;background-color:#fff;box-shadow:0 11px 38px rgba(0, 0, 0, 0.08);transition: all .4s ease;display: flex;align-items: center;justify-content: center;}
.serve-problem-click i{display: inline-block;width: 24px;height: 24px; background:url('../images/common/problemArr.svg')no-repeat center/24px auto;transition: all .4s ease;}
.serve-problem-drop{width: 100%;position: relative;z-index: -2;display: none;}
.serve-problem-dropli{width: 100%;display: flex;padding: 38px 0;background-color: #fff; box-shadow: 0 11px 25px rgba(0, 0, 0, 0.09);z-index: -1;}
.serve-problem-dropli i{display: inline-block;margin-left: 16.5px; width: 33px;height: 33px;font-size: 16px;color: #fff;font-style: normal;font-weight: 700; border-radius: 50%;background-color: #e15c5c;display: flex;justify-content: center;align-items: center;}
.serve-problem-dropli p{font-size: 16px;color: #e15c5c;font-weight: 700;line-height: 33px;margin-left: 15.5px;}
.serve-problem .problem-pagination{width: 100%;text-align: center;margin-top: 6px;}
.serve-problem .problem-pagination .swiper-pagination-bullet-active {background: #db5657;}
.serve-problem-list.active .serve-problem-column::before{border: 1px solid #e15c5c;background: url('../images/pages/problemiconH.png') no-repeat center;}
.serve-problem-list.active .serve-problem-click{background-color:#e15c5c;}
.serve-problem-list.active .serve-problem-click i{background:url('../images/common/arrow_down.svg')no-repeat center/24px auto; transform:rotate(180deg);}

.serve-suggest{width: 100%;padding: 84px 0 116px;}
.msg-main{width: 100%;display:flex;flex-wrap:wrap;justify-content:space-between;margin-top: 28px;}
.msg-main .inline-input{width:49.5%;margin-bottom:15px}
.msg-main .inline-input input::placeholder{font-size: 16px;color: #888;}
.msg-main .inline-input.row{width:100%}
.msg-main .inline-input input{width:100%;background:#fff;padding:0 25px;height:70px;border: 1px solid #d9d9d9;}
.msg-main textarea{width:100%;height:100%;background:#fff;padding:25px;border: 1px solid #d9d9d9;}
.msg-main textarea::placeholder{font-size: 16px;color: #888;}
.msg-main .bott{width:100%;display:flex;justify-content:space-between}
.msg-main .bott .inline-input{position:relative;width:86%}
.msg-main .bott .code{position:absolute;top:0;bottom: 0;margin: auto 0; right:30px;height:56px;width:70px;display:flex;align-items:center;justify-content:center}
.msg-main .bott .submit-btn{display:block;width:165px;height:56px;text-align:center;line-height:56px;background:#d45454;color:#fff;font-size:16px}

.academic-column{width: 100%;padding: 84px 0 30px;}
.academic-items{width: 100%;}
.academic-items li{width: 31%;float: left;padding: 32px 30px;background-color: #fff; border-radius: 8px;overflow: hidden;margin-bottom: 46px;margin-right: 3%;transition: all .4s ease;box-shadow: 9px 11px 49px rgba(0, 0, 0, 0.09);}
.academic-items li:nth-child(3n){margin-right: 0;}
.academic-column{width: 100%;}
.academic-img{width: 100%;position: relative;overflow: hidden;}
.academic-img img{width: 100%;object-fit: cover;transition: all .4s ease;}
.academic-img span{font-size: 12px;color: #fff;background-color:rgba(212, 84, 84, 0.8);padding: 8px 12px;position: absolute;right: 0;bottom: 0;}
.academic-cont{width: 100%;padding-top: 24px;}
.academic-cont h2{font-size: 16px;color: #111;line-height: 24px;position: relative;transition: all .4s ease;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 52px;}
.academic-cont i{display: inline-block; width: 42px;height: 1px;background-color: #000;margin-top: 16px; transition: all .4s ease;}
.academic-cont p{font-size: 14px;color: #999;line-height: 22px;margin-top: 16px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 44px;}
.academic-items li:hover{box-shadow: 9px 11px 49px rgba(0, 0, 0, 0.26);}
.academic-items li:hover .academic-img img{transform: scale(1.06);}
.academic-items li:hover .academic-cont h2{color: #d45454;}
.academic-items li:hover .academic-cont i{background-color:#d45454;}
.academic-pages{width: 100%;padding-bottom: 104px;}
/* 技术支持 */
.science-list{width: 100%;padding: 64px 0 66px;}
.science-items{width: 100%;}
.science-items li{width: 100%;transition: all .4s ease;padding: 0 35px 0 26px;border-bottom: 1px dashed #d1d1d1;}
.science-items li.no-border{border-color: transparent}
.science-numitem{width: 100%;height: 130px;display: flex;align-items: center;justify-content: space-between;}
.science-numitem .texticon{width: 68px;height: 68px;border: 1px solid #d1d1d1;border-radius: 50%;background: url('../images/pages/Toltxt.png') no-repeat center;transition: all .4s ease;}
.science-numitem .lodicon{float: right; width: 32px;height: 130px;background: url('../images/pages/Tload.png')no-repeat center;transition: all .4s ease;}
.science-numconts{display: flex;align-items: center;height: 130px;}
.science-menucont{margin-left: 26px;}
.science-menucont h2{font-size: 18px;color: #333;margin-bottom: 8px;}
.science-menucont span{font-size: 13px;color: #999;}
.science-items li:hover{box-shadow: 18px 2px 49px rgba(0, 0, 0, 0.16);border-radius: 20px;border-color: transparent}
.science-items li:hover .science-numitem .texticon{border: 1px solid #d45454;background:#d45454 url('../images/pages/ToltxtW.png') no-repeat center;}
.science-items li:hover .science-numitem .lodicon{background: url('../images/pages/TloadR.png')no-repeat center;}
.science-items li:hover .science-menucont h2{color: #d45454;}
.science-pages{width: 100%;padding-bottom: 114px;}

.contact-us{width: 100%;padding: 96px 0 104px;}
.contact-us .contain{display:flex;justify-content:space-between}
.contact-us .lft{width:30%}
.contact-items{width: 100%;margin-top: 28px;}
.contact-items h2{font-size: 22px;color: #d45454;margin-bottom: 24px;}
.contact-us .lft p{font-size:15px;color:#888}
.contact-us .lft p+p{margin-top:15px}
.contact-us .rgt{height:410px;width:65%;padding:10px;box-shadow:0 5px 40px 0 rgba(17,58,93,.1)}
.contact-us .rgt .amap-info-content {padding: 20px 12px 20px 12px;border-radius: 12px;}
.contact-us .rgt .relmap-info h1{font-size: 16px;color:#d45454;margin: 8px 0;}
.contact-us .rgt .relmap-info p{font-size: 14px;color:#888;margin-bottom: 8px;}
.contact-us .rgt .relmap-info span{font-size: 14px;color:#888;}
#map{width:100%;height:100%}
.contact-msg{width: 100%;padding: 96px 0 124px;background-color: #f5f5f5;}
.msg-top{width: 100%;}
.msg-top .tip{width: 100%;margin-top: 40px;font-size: 18px;color: #555;}

.culture{width: 100%;background-position: left top;background-repeat: no-repeat;background-size: cover;padding: 96px 0 146px;}
.culture-cont{width: 100%;margin-top: 32px;}
.culture-cont p{font-size: 17px;color: #555;line-height: 30px;max-width: 914px;}
.culture-items{width: 100%;margin-top: 84px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.culture-items ul{width: calc(100% - 620px);padding-right: 146px;}
.culture-items ul li{width: 100%;display: flex;margin-bottom: 54px;padding-bottom: 42px;position: relative;cursor: pointer;}
.culture-items ul li:last-child{margin-bottom: 0;}
.culture-items ul li::after{content: '';width: 0%;height: 1px;background-color:#d45454;position: absolute;bottom: 0;left:0;transition: all .6s ease;}
.culture-items ul li.active::after{width: 100%;left: 0;}
.culture-items .culture-icon{width: 50px;height: 50px;position: relative;display: flex;align-items: center;justify-content: center;margin-right: 38px;}
.culture-items .culture-icon .culture-icon-black,.culture-items .culture-icon .culture-icon-white{max-width: 100%;object-fit: cover;transition: all .6s ease;}
.culture-items .culture-icon .culture-icon-white{position: absolute;opacity: 0;}
.culture-items ul li.active .culture-icon-black{opacity: 1;}
.culture-items ul li.active .culture-icon-white{opacity: 1;}
.culture-detail{width: 100%;}
.culture-detail h2{font-size: 16px;color: #333;margin-bottom: 20px;}
.culture-items ul li.active .culture-detail h2{color: #d45454;}
.culture-detail p{font-size: 14px;color: #777;}
.culture-show{width: 620px;overflow: hidden;height: 428px;box-shadow: -26px 36px 42px 0px rgba(0, 0, 0, 0.16);}
.culture-showli{width: 100%;height: 428px;overflow: hidden;border-radius: 15px;}
.culture-showli img{width: 100%;height: 100%; object-fit: cover;transition: all .8s ease;}
.culture .swiper-slide-active .culture-showli img{transform:scale(1.1) ;}
.culture-talents{width: 100%;padding: 106px 0;background-color: #f4f4f4;}
.culture-cont.center{display: flex;justify-content: space-between;}
.culture-cont.center p{text-align: center;font-size: 16px;color: #666;max-width: 1078px;margin: 0 auto;}
.culture-cont.center p span{display: block;}
.culture-talitems{width: 100%;}
.culture-talmenu{width: 100%;padding: 60px;overflow: hidden;box-shadow: 26px 0 42px rgba(0, 0, 0, 0.05);margin-top: 52px;border-radius: 10px;background-color: #fff;}
.culture-talshow{float: left;width: 526px;}
.culture-talshow img{width: 100%;object-fit: cover;}
.culture-talcont{float: right;width: calc(100% - 526px);padding-left: 76px;}
.culture-talcont h2{font-size: 22px;color: #333;padding-bottom: 10px;position: relative;text-align: right;margin-bottom: 24px;}
.culture-talcont h2::after{content: '';width: 31px;height: 3px;background-color: #d45454;position: absolute;right: 0;bottom: 0;}
.culture-scroll{width: 100%;height: 218px;overflow-y: auto;padding-right: 10px;}
.culture-scroll::-webkit-scrollbar {width:4px;height: 100%;background: #dddddd}
.culture-scroll::-webkit-scrollbar-thumb {background: #d45454;border-radius: 30px}
.culture-scroll::-webkit-scrollbar-track {border-radius: 30px}
.culture-talcont p{font-size: 15px;color: #666;line-height: 28px;margin-bottom: 24px;}
.culture-talcont p:last-child{margin-bottom: 0;}
.culture-talmenu:nth-child(even) .culture-talshow{float: right;}
.culture-talmenu:nth-child(even) .culture-talcont{float: left;;padding-left: 0;padding-right: 76px;}
.culture-talmenu:nth-child(even) .culture-talcont h2{text-align: left;}
.culture-talmenu:nth-child(even) .culture-talcont h2::after{left: 0;right: auto;}
.culture-activity{width: 100%;padding: 100px 0 88px;}
.culture-actcont{width: 100%;text-align: center;margin-top: 30px;}
.culture-actcont p{font-size: 16px;color: #666;position: relative;padding-bottom: 28px;}
.culture-actcont p span{display: block;line-height: 30px;}
.culture-actcont p::after{content: '';width: 38px;height: 1px;background-color: #252525;position: absolute;bottom: 0;left: 0;right: 0;margin: 0 auto;}
.culture-actitems{width: 100%;margin-top: 38px;position: relative;}
.culture-actitems .swiper-slide{width: 900px;}
.culture-actimg{width: 100%;}
.culture-actimg img{width: 100%;object-fit: cover;}
.culture-actitems .swiper-slide:after{content:'';top:0;left:0;height:100%;width:100%;position:absolute;background:rgba(255,255,255,0.8);z-index:0;transition:all .6s ease;opacity:0}
.culture-actitems .swiper-slide-next:after,.culture-actitems .swiper-slide-prev:after{opacity:  1}
.culture-actitems .swiper-slide-next+.swiper-slide,.culture-actitems .swiper-slide.active{pointer-events:none}
.culture-actitems .activity-prev,.culture-actitems .activity-next{width: 66px;height: 66px;border-radius: 50%;background:rgba(0, 0, 0, 0.35) url('../images/pages/actlftArr.png')no-repeat center;position: absolute;top: 50%;left: 22%;z-index: 2;margin-top: -33px;cursor: pointer;transition: all .4s ease;}
.culture-actitems .activity-next{background:rgba(0, 0, 0, 0.35) url('../images/pages/actrgtArr.png')no-repeat center;left: auto;right: 22%;}
.culture-actitems .activity-prev:hover,.culture-actitems .activity-next:hover{background-color: #d45454;}
.culture-actitems .activity-pagination{width: 100%;text-align: center;margin-top: 24px;}
.culture-actitems .activity-pagination .swiper-pagination-bullet-active{background-color: #d45454;}
.culture-actitems .activity-pagination .swiper-pagination-bullet {margin: 0 8.5px;}
.culture-join{width: 100%;padding: 94px 0 46px;background-color: #f8f8f8;}
.culture-join .culture-jointop{display:flex;justify-content:space-between;align-items:center;}
.culture-join .common-title.join_tit{width: 14%;}
.culture-joinitems{width: 86%; display: flex;justify-content: flex-end; user-select: none;}
.culture-joinitems-sel{width: 26.333%;background-color: #fff;margin-right: 12px;position: relative;}
.culture-joinitems-sel:last-child{margin-right: 0;} 
.culture-joinitems-name{width: 100%;cursor: pointer;height: 46px;line-height: 46px;background: #fff;padding: 0 16px;position: relative;font-size: 14px;color: #666;}
.culture-joinitems-name::after{content: "";width: 7px;height: 4px;position: absolute;background: url('../images/pages/sermdic1.png') no-repeat;top: 50%;margin-top: -2px;right: 14px;transition: all .4s ease;}
.culture-joinitems-name.active::after{transform: rotate(180deg);}
.culture-joinitems-drop{display: none;position: absolute;z-index: 4;width: 100%;top: 46px;background: #fff;border: 1px solid #d8d8d8;}
.culture-joinitems-drop li{display: block;color: #666;padding: 0 16px;height: 38px;line-height: 38px;font-size: 14px;border-top: 1px solid #d8d8d8;cursor: pointer;transition: all .4s ease;}
.culture-joinitems-drop li:first-child{border-top: none;}
.culture-joinitems-drop li:hover, .culture-joinitems-drop li.active{background: #fff;}
.culture-joinjob{width: 100%;margin-top: 40px;}
.culture-joinjob .culture-jointitle{display:flex;background:#44484a;color:#fff;padding:20px 50px;font-size:16px;line-height:30px;align-items:center}
.culture-joinjob .culture-jointitle.cell{background:#fff;color:#888;margin-top:15px;padding:0;flex-wrap:wrap}
.culture-joinjob .culture-jointit:nth-child(1){width:60%;color:#555;font-size:16px}
.culture-joinjob .culture-jointit:not(:first-child){width:13%;}
.culture-joinjob .culture-joinbtn svg{width:15px;height:15px}
.culture-joinjob .culture-joincolumn:hover i{transform:scale(.9)}
.culture-joinjob .culture-joincont{width:100%;border:1px solid #f2f2f2;padding:34px 42px}
.culture-joinjob .culture-joincolumn{display:flex;width:100%;align-items:center;padding:20px;cursor:pointer}
.culture-joinjob .culture-joincolumn.ontrue{background:#d45454}
.culture-joinjob .culture-joincolumn.ontrue .culture-jointit{color:#fff}
.culture-joinjob .culture-joincolumn.ontrue svg{color:#fff;transform:rotate(180deg)}
.culture-joinjob .culture-joincontent{background:#fff;padding:34px 42px;display:none;width:100%}
.culture-joinjob .culture-joincontent.active{box-shadow:0 5px 40px 0 rgba(17,58,93,.1)}
.culture-joinjob .culture-joincontent h6{font-weight:700;color:#333;font-size:16px;line-height:30px;margin-bottom:8px}
.culture-joinjob .culture-joincontent h6:not(:first-child){margin-top:15px}
.culture-joinjob .culture-joincontent p{font-size:14px;color:#888888;line-height:30px}
.culture-joinjob .culture-joincontent ul{width: 100%;margin: 34px 0 28px;display: inline-block;}
.culture-joinjob .culture-joincontent ul li{width: 100%;float: left;font-size:14px;color:#888888;line-height:30px;}
.culture-joincontent-tel{width: 100%;padding-top: 28px;border-top: 1px dashed #cccccc;}
.culture-joincontent-tel p{font-size:14px;color:#888;line-height:30px}
.culture-joincontent-tel p span{font-size: 18px;color: #d45454;font-weight: 800;margin-right: 10px;}
.culture-joincontent-tel .end{font-size: 12PX;color: #888888;}
.culture-joincontent-tel .end>span{margin-left: 6px;text-decoration: underline;font-weight: 400;}
.culture-joinjob .culture-jointit{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:15px;color: #888;}
.culture-pages{width: 100%;background-color: #f8f8f8;padding-bottom: 96px;}



/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
}

@media all and (max-width:1599px) {
    /* 1440 × (700)  */
    .common-title h2 {font-size: 28px;}
    .common-title p{font-size: 15px;}
    .common-title.center p {font-size: 15px;}

    .about-us {padding: 88px 0 60px;}
    .about-uscont { width: calc(100% - 588px);padding-top: 32px;}
    .about-usimg {width: 588px;}
    .about-uscont ul {width: 96%;}
    .about-buslist {width: calc(100% - 588px);}
    .about-busli {width: 448px;padding: 0 28px;}
    .about-buscont h2 {font-size: 22px;}
    .about-busintro {width: 588px;padding-right: 28px;}
    .about-develop {padding: 88px 0 60px;}
    .about-num {font-size: 158px;}
    .about-tagyear li {margin-right: 42px; }
    .about-honor {padding: 88px 0 118px;}
    .about-honoritems .swiper-container {width: 960px;}
    
    .news-detail {padding: 88px 0 118px;}
    .news-detail .lft h1 {font-size: 24px;}

    .prod-detahed-cont span {font-size: 38px;line-height: 44px;}
    .prod-detahed-cont h2 {font-size: 38px;line-height: 44px;}
    .prod-detahed-cont p {font-size: 20px;margin-top: 20px;}
    #prodIntroduce {padding: 98px 0 0 0;}
    .prod-comcont h2 {font-size: 38px;padding-bottom: 28px;}
    .prod-property {padding: 98px 0 118px;}
    .prod-property-list h2 {font-size: 38px;}
    .prod-property-cont h2 {font-size: 24px;}
    .prod-project {padding: 98px 0 108px;}

    .culture {padding: 88px 0 108px;}
    .culture-cont {margin-top: 24px;}
    .culture-talents {padding: 88px 0;}
    .culture-cont.center p {font-size: 14px;}
    .culture-activity {padding: 88px 0 88px;}
    .culture-actcont {margin-top: 24px;}
    .culture-actitems .swiper-slide {width: 628px;}
    .culture-join {padding: 88px 0 46px;}

    .contact-items {margin-top: 18px;}
    .contact-items h2 {font-size: 20px; margin-bottom: 20px;}
    .msg-top .tip {margin-top: 28px;}
    .contact-msg {padding: 90px 0 108px;}
}

@media all and (max-width:1439px) {
    /* 1360 */
    .culture-actitems .swiper-slide {width: 588px;}
}

@media all and (max-width:1359px) {
    /* 1280 */
    .culture-actitems .swiper-slide {width: 538px;}
}

@media all and (max-width:1279px) {
    /* 1152 × (700) */
    .common-title h2 {font-size: 24px;}

    .about-us {padding: 80px 0 60px;}
    .about-uscont {width: calc(100% - 388px);padding-top: 24px;}
    .about-usimg {width: 388px;}
    .about-buslist {width: calc(100% - 388px);}
    .about-busintro {width: 388px;padding-right: 0px;}
    .about-develop {padding: 80px 0 60px;}
    .about-prev{left: 0%;}
    .about-next{right: 0%;}
    .about-tagyear li { margin-right: 38px;}
    .about-vision {padding: 80px 0 128px;}
    .about-honor {padding: 80px 0 108px;}
    .about-honoritems .swiper-container {width: 708px;}

    .news-time .day {font-size: 38px;}
    .news-info {padding: 0 32px;}
    .news-info .lft {width: 65%;}
    .news-info h3 {font-size: 18px;}

    .news-detail {padding: 80px 0 98px;}
    .news-detail .lft h1 {font-size: 20px;}
    .news-detail .rgt {padding: 26px 20px;}

    .product-limenuimg {height: 268px;} 
    .product-limenucont {padding: 28px 28px;}

    .prod-detahed-img {width: 528px;}
    .prod-detahed-cont {width: calc(100% - 528px);}
    .prod-detahed-cont span {font-size: 32px;line-height: 36px;}
    .prod-detahed-cont h2 {font-size: 32px;line-height: 36px;}
    #prodIntroduce {padding: 80px 0 0 0;}
    .prod-property {padding: 80px 0 98px;}
    .prod-property-items {margin-top: 58px;}
    .prod-comcont h2 {font-size: 32px;padding-bottom: 24px;}
    .prod-property-items li { margin-bottom: 38px;}
    .prod-project {padding: 80px 0 88px;}

    .serve-after {padding: 80px 0 50px;}
    .serve-problem {padding: 80px 0 68px;}
    .serve-suggest {padding: 80px 0 98px;}

    .culture {padding: 80px 0 98px;}
    .culture-cont {margin-top: 18px; }
    .culture-cont p {font-size: 16px;line-height: 26px;}
    .culture-items {margin-top: 58px;}
    .culture-items ul {width: calc(100% - 488px);padding-right: 48px;}
    .culture-items ul li {margin-bottom: 38px;padding-bottom: 28px;}
    .culture-detail h2 {margin-bottom: 10px;}
    .culture-show {width: 488px;height: 326px;}
    .culture-showli {height: 326px;}
    .culture-talents {padding: 80px 0;}
    .culture-talmenu {padding: 48px;margin-top: 38px;}
    .culture-talshow {width: 388px;}
    .culture-talcont {width: calc(100% - 388px);padding-left: 48px;}
    .culture-talmenu:nth-child(even) .culture-talcont{padding-right: 48px;}
    .culture-talcont h2 {font-size: 20px; margin-bottom: 20px;}
    .culture-scroll {height: 168px;}
    .culture-activity {padding: 80px 0 80px;}
    .culture-actitems .swiper-slide {width: 498px;}
    .culture-actitems .activity-prev, .culture-actitems .activity-next {width: 48px;height: 48px;margin-top: -24px;top:44%;}
    .culture-join {padding: 80px 0 46px;}

    .contact-us { padding: 80px 0 88px;}
    .contact-items h2 {font-size: 18px;margin-bottom: 12px;}
    .contact-us .lft p {font-size: 14px;}
    .contact-us .lft p+p {margin-top: 12px;}
    .contact-msg {padding: 80px 0 98px;}
}

@media all and (max-width:1151px) {
    /* 1024 */
    .culture-actitems .swiper-slide {width: 448px;}
  
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    #pagination .page-rgt {display: none;}

    .about-us {padding: 60px 0 60px;}
    .about-uscont {width:100%;padding-top: 0;}
    .about-uscont ul li h6 {font-size: 48px;}
    .about-usimg {display: none;}
    .about-business {padding: 32px 0;}
    .about-busitems {flex-direction: column-reverse;}
    .about-buslist {width: 100%;}
    .about-busli {width: 100%;}
    .about-busintro {width: 100%;margin-bottom: 28px;}
    .common-intro p {font-size: 14px;margin-bottom: 14px;}
    .about-develop {padding: 60px 0 40px;}
    .about-item {margin-top: 48px;padding-top: 24px; }
    .about-num {font-size: 118px;}
    .about-wdbox {margin-top: 20px;height: auto;}
    .about-tagyear {margin-top: 38px;}
    .about-tagyear li {margin-right: 14px;}
    .about-vision {padding: 60px 0 88px;}
    .about-honor {padding: 60px 0 68px;}
    .about-honoritems {margin-top: 38px;}
    .about-honoritems .swiper-container {width: 568px;}
    

    .news {padding-top: 60px;}
    .news-time{display: none;} 
    .news-info {width: 100%;}
    .news-pages {padding: 30px 0 60px;}

    .news-detail {padding: 60px 0 78px;}
    .news-detail .lft h1 {font-size: 16px;}
    .news-detail .lft p {font-size: 14px;line-height: 26px;}
    .news-detail .rgt {padding: 20px 18px;}


    .product-column ul {padding: 28px 0 20px;}
    .product-column ul li a {padding: 20px 26.888px;}
    .product-list {padding: 60px 0 68px;}
    .product-limenuimg img {max-width: 68%;}
    .product-limenuimg {height: 228px;} 
    .product-limenucont {padding: 22px 22px;}


    .prod-detahed-img {width: 388px;}
    .prod-detahed-cont {width: calc(100% - 388px);}
    .prod-detahed-cont span {font-size: 26px;line-height: 32px;}
    .prod-detahed-cont h2 {font-size: 26px;line-height: 32px;}
    .prod-detahed-cont p {font-size: 18px;margin-top: 12px;}
    #prodIntroduce {padding: 60px 0 0 0;}
    .prod-comcont h2 {font-size: 28px;padding-bottom: 20px;}
    .prod-property {padding: 60px 0 78px;}
    .prod-property-items {margin-top: 48px;}
    .prod-property-items li {width: 50%;}
    .prod-property-list h2 {font-size: 32px;}
    .prod-property-cont h2 {font-size: 20px;}
    .prod-property-cont p {font-size: 14px;line-height: 22px;}
    .prod-project {padding: 60px 0 68px;}
    .prod-project-items {margin-top: 38px;}
    .prod-project-submenuli {width: 50%;}

    .serve-after {padding: 60px 0 40px;}
    .servr-network {width: 680px;height: 480px;}
    #container {width: 680px;}
    .map-wrapper {width: 680px;}
    .map-box { width: 680px !important; height: 480px !important; }
    .map-box .jsmap-svg-container { width: 680px !important;height: 480px !important;}
    .dots-jilin {top: 122px;right: 52px;}
    .dots-beijing{top: 196px;right: 156px;}
    .dots-shandong{top: 254px;right: 128px;}
    .dots-shanghai{top: 334px;right: 72px;}
    .dots-jiangsu{top: 326px;right: 100px;}
    .dots-anhui{top: 338px;right: 128px;}
    .dots-henan{top: 288px;right: 180px;}
    .dots-shanxi{top: 298px;right: 242px;}
    .dots-hubei{bottom: 246px;right: 188px;}
    .dots-chongqing{bottom: 222px;right: 256px;}
    .dots-sichuan{bottom: 228px;right: 314px;}
    .dots-jiangxi{bottom: 196px;right: 142px;}
    .dots-hunan{bottom: 198px;right: 196px;}
    .dots-guizhou{bottom: 166px;right: 266px;}
    .dots-guangdong{bottom: 124px;right: 172px;}
    .dots-guangxi{bottom: 112px;right: 242px;}
    .serve-problem {padding: 60px 0 58px;}
    .serve-problem-items {margin-top: 32px;}
    .serve-suggest {padding: 60px 0 78px;}

    .academic-column {padding: 60px 0 30px;}
    .academic-items li {padding: 24px 20px;margin-bottom: 32px;}
    .academic-pages {padding-bottom: 68px;}
     
    .science-list {padding: 60px 0 48px;}
    .science-menucont h2 {font-size: 16px;}
    .science-pages {padding-bottom: 68px;}

    .culture {padding: 60px 0 68px;}
    .culture-cont {margin-top: 14px;}
    .culture-cont p{font-size: 14px;}
    .culture-items {margin-top: 38px;flex-direction: column-reverse;}
    .culture-items ul {width: 100%; padding-right: 48px;margin-top: 32px;}
    .culture-show {width: 100%;}
    .culture-talents {padding: 60px 0;}
    .culture-talshow {width: 348px;}
    .culture-talcont {width: calc(100% - 348px);padding-left: 28px;}
    .culture-talmenu:nth-child(even) .culture-talcont{padding-right: 28px;}
    .culture-activity {padding: 60px 0 60px; }
    .culture-actitems .swiper-slide {width: 428px;}
    .culture-actitems .activity-prev, .culture-actitems .activity-next {left: 12%;}
    .culture-actitems .activity-next {left: auto;right: 12%;}
    .culture-join {padding: 60px 0 46px;}
    .culture-joinjob .culture-jointit:not(:first-child) {width: 18%;}

    .contact-us { padding: 60px 0 68px;}
    .contact-us .contain {flex-direction: column;}
    .contact-us .lft {width: 100%;margin-bottom: 28px;}
    .contact-us .rgt {width: 100%;}
    .contact-msg {padding: 60px 0 68px;}
    .msg-top .tip { margin-top: 20px;font-size: 16px;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .common-lftlist{display: none;}
    .common-rgtlist{padding: 12px 0;}
    .common-rgtlist a {height: 46px;line-height: 46px;margin: 0 4px;font-size: 14px;}
    .common-title h2 {font-size: 20px;}
    .common-title.center p {font-size: 12px;line-height: 24px;}
    .common-title span {font-size: 16px;margin-top: 14px;}
    #pagination .page-j {display: none;}

    .about-us {padding: 40px 0 40px;}
    .common-intro {margin-top: 16px;}
    .about-uscont ul {width: 100%;}
    .about-uscont ul li {text-align: center;margin-bottom: 20px;}
    .about-uscont ul li h6 {font-size: 38px;}
    .about-uscont ul li p {font-size: 13px;}
    .about-busli {padding: 0 20px;height: 138px;}
    .about-buscont {margin-right: 32px;}
    .about-buscont h2 {font-size: 20px;}
    .about-buscont p {font-size: 14px; margin-top:8px;}
    .about-develop {padding: 40px 0 40px;}
    .about-honor {padding: 40px 0 48px;}
    .about-honoritems {margin-top: 28px;}
    .about-honoritems .swiper-container {width: 100%;}
    .about-honoritems .honor-prev, .about-honoritems .honor-next {display: none;}
    .honor-pagination{display: block;width: 100%;text-align: center;margin-top: 20px;}
    .honor-pagination .swiper-pagination-bullet {margin: 0 4px;}
    .honor-pagination .swiper-pagination-bullet-active {background: #d45454;}
    .about-develop .swiper-slide{z-index: 1;position: relative;}
    .about-develop .swiper-slide-active{z-index: 3;}
    .about-tagyear ul {display: none;}
    .about-next {right: 30%;}
    .about-prev {left: 30%;}
    .about-wd p {font-size: 14px;line-height: 24px;margin-top: 10px;}

    .news {padding-top: 40px;}
    .news-cell {height: auto;margin-bottom: 28px;}
    .news-info {flex-direction: column-reverse;padding: 20px;}
    .news-info .lft {width: 100%;margin-top: 20px;}
    .news-info .rgt {width: 100%;}
    .news-pages {padding: 20px 0 40px;}
    
    .news-detail {padding: 40px 0 48px;}
    .news-detail .contain {flex-direction: column;}
    .news-detail .lft {width: 100%;}
    .news-detail .rgt {width: 100%;margin-top: 32px;}
    
    .product-search {width: 268px;}
    .product-search input{height: 36px;}
    .product-search span{height: 36px;}
    .product-column ul {padding: 20px 0 20px;}
    .product-column ul li a {padding: 20px 12.888px;font-size: 14px;}
    .product-menu ul {padding: 19px 0 28px;}
    .product-menu ul li {margin-right: 6px;}
    .product-menu ul li span {padding: 10px;font-size: 13px;}
    .product-list {padding: 40px 0 48px;}
    .product-listitems ul li {width: 100%;margin-bottom: 32px;margin-left: 2%;}
    .product-limenucont h2 {font-size: 16px;height: auto;}
    .product-limenuimg {height: 288px;} 

    .common-head img {min-height: 180px;}
    .common-head.prod-databan img{min-height:380px;}
    .prod-detahed .contain{flex-direction: column;}
    .prod-detahed-img img {width: auto;max-width: 100% !important;min-height:88% !important;}
    .prod-detahed-img {width:100%;}
    .prod-detahed-cont {width: 100%;padding-right:0;text-align: center;padding-top: 40px;}
    .prod-detahed-cont span {font-size: 20px;line-height: 26px;}
    .prod-detahed-cont h2 {font-size: 18px;line-height: 26px;}
    .prod-detahed-cont p {font-size: 14px;margin-top: 8px;}
    #prodIntroduce {padding: 40px 0 0 0;}
    .prod-comcont h2 {font-size: 20px;padding-bottom: 18px;}
    .prod-comcont p {font-size: 15px;line-height: 28px;margin-top: 20px;}
    #prodIntroduce canvas {height: 238px !important;}
    .prod-property {padding: 40px 0 58px;}
    .prod-property-items {margin-top: 32px;}
    .prod-property-items li {width: 50%;margin-bottom: 28px;padding: 0 10px;}
    .prod-property-cont{min-height: auto;}
    .prod-property-cont h2 {font-size: 18px;}
    .prod-project {padding: 40px 0 48px;}
    .prod-project-items {margin-top: 32px;}
    .prod-project-submenuli {width: 100%;}
    .prod-project-menu h2 {font-size: 16px;}

    .serve-after {padding: 40px 0 30px;}
    .servr-network {width: 320px;height: 220px;}
    #container {width: 320px;}
    .map-wrapper {width: 320px;}
    .map-box { width: 320px !important; height: 220px !important; }
    .map-box .jsmap-svg-container { width: 320px !important;height: 220px !important;}

    .city-inner {width: 4px;height: 4px;}
    .dots-heilongjiang{top: 20px;right: 10px;}
    .dots-jilin {top: 44px;right: 16px;}
    .dots-beijing{top: 78px;right: 65px;}
    .dots-shandong{top: 108px;right: 52px;}
    .dots-shanghai{top: 142px;right: 26px;}
    .dots-jiangsu{top: 138px;right: 40px;}
    .dots-anhui{top: 146px;right: 50px;}
    .dots-henan{top: 126px;right: 78px;}
    .dots-shanxi{top: 124px;right: 104px;}
    .dots-hubei{bottom: 98px;right: 78px;}
    .dots-chongqing{bottom: 88px;right: 110px;}
    .dots-sichuan{bottom: 90px;right: 138px;}
    .dots-jiangxi{bottom: 78px;right: 58px;}
    .dots-hunan{bottom: 70px;right: 84px;}
    .dots-guizhou{bottom: 64px;right: 114px;}
    .dots-guangdong{bottom: 44px;right: 74px;}
    .dots-guangxi{bottom: 40px;right: 98px;}
    .dots-xinjiang{top: 42px;left: 55px;}
    .serve-problem {padding: 40px 0 48px;}
    .serve-problem-column h2 {font-size: 15px;margin-left: 48px;}
    .serve-problem-column { width: calc(100% - 38px);}
    .serve-problem-click { width: 38px;}
    .serve-problem-column::before {width: 28px;height: 28px;left: 12px;margin-top: -14px;}
    .serve-problem-dropli {padding: 26px 14px;}
    .serve-problem-dropli i {margin-left: 0px;width: 28px;min-width: 28px;height: 28px;font-size: 14px;}
    .serve-problem-click i { width: 16px; height: 16px; background: url(../images/common/problemArr.svg)no-repeat center/16px auto;}
    .serve-problem-dropli p{font-size: 14px;line-height: 25px;}
    .serve-suggest {padding: 40px 0 68px;}

    .academic-column {padding: 40px 0 20px;}
    .academic-items li {width: 100%;margin-right: 0;}
    .academic-pages {padding-bottom: 48px;}

    .science-list {padding: 40px 0 28px;}
    .science-items li {padding: 0 12px 0 12px;}
    .science-numitem .texticon {width: 42px;height: 42px;background-size: 48%;}
    .science-menucont {margin-left: 14px;}
    .science-pages {padding-bottom: 48px;}

    .culture {padding: 40px 0 48px;}
    .culture-items {margin-top: 28px;}
    .culture-items ul {padding-right: 0px;}
    .culture-items ul li {margin-bottom: 28px;padding-bottom: 24px;}
    .culture-talents {padding: 40px 0;}
    .culture-cont.center i{display: none;}
    .culture-talmenu {padding: 20px;margin-top: 28px;}
    .culture-talshow {width: 100%;}
    .culture-talcont {width: 100%;padding-left: 0;margin-top: 32px;}
    .culture-talmenu:nth-child(even) .culture-talcont{padding-right:0;}
    .culture-talcont p {font-size: 14px;line-height: 26px;margin-bottom: 20px;}
    .culture-activity {padding: 40px 0 40px;}
    .culture-actcont p {font-size: 13px;padding-bottom: 24px;}
    .culture-actitems {margin-top: 28px;padding: 0 4%;}
    .culture-actitems .activity-prev, .culture-actitems .activity-next {left: 4%;}
    .culture-actitems .activity-next {left: auto;right: 4%;}
    .culture-join {padding: 40px 0 30px;}
    .culture-join .culture-jointop {flex-direction: column;}
    .culture-join .common-title.join_tit {width: 100%;}
    .culture-joinitems {width: 100%;flex-wrap: wrap;}
    .culture-joinitems-sel {width: 100%; margin-right: 0px;margin-top: 20px;}
    .culture-joinjob {margin-top: 32px;}
    .culture-joinjob .culture-joincolumn {padding: 14px;}
    .culture-joinjob .culture-joincontent {padding: 24px 20px;}
    .culture-joinjob .culture-jointit:nth-child(1) {font-size: 15px;width: 36%;}
    .culture-joinjob .culture-jointit:not(:first-child) {width: 16%;}
    .culture-joinjob .culture-jointit:nth-child(4) {width: 32%;}
    .culture-joinjob .culture-jointit {font-size: 13px;}
    .culture-joinjob .culture-joincontent ul {margin: 20px 0 20px;}
    .culture-joincontent-tel {padding-top: 20px;}
    .culture-pages {padding-bottom: 48px;}
   

    .contact-us { padding: 40px 0 48px;}
    .contact-us .rgt {height: 328px;}
    .contact-msg {padding: 40px 0 48px;}
    .msg-top .tip { margin-top: 12px;font-size: 14px;}
    .msg-main {margin-top: 20px;}
    .msg-main .inline-input {width: 100%;}
    .msg-main .inline-input input {padding: 0 16px;}
    .msg-main textarea {padding: 20px 16px;}
    .msg-main textarea::placeholder{font-size: 14px;}
    .msg-main .inline-input input::placeholder{font-size: 14px;}
    .msg-main .bott {flex-direction: column;}
    .msg-main .bott .inline-input {width: 100%;}
    .msg-main .bott .submit-btn {margin: 0 auto;width: 100%;}
}