@charset "utf-8";
@import url(base.css);
.ht_1200{max-width: 1200px;margin: 0 auto;box-sizing: border-box;}
.f36{font-size: 36px;font-weight: 500;}
.f32{font-size: 32px;font-weight: 500;}
/* header */
.header{width: 100%;height: 100px;padding: 0 4%;box-sizing: border-box;position: fixed;top: 0;left: 0;z-index: 1000;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;border-bottom: 1px solid rgba(255,255,255,0.3);}
.headerleft{float: left;}
.headerlogo{padding-top: 16px;box-sizing: border-box;}
.headerlogo a{display: block;position: relative;width: 120px;}
.headerlogo a img{display: block;width: 100%;position: absolute;top: 0;left: 0;height: 68px;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.headerlogo a .headerlogoimgs{opacity: 0;}
.headeright{float: right;}
.headeright>ul>li{float: left;margin-right: 48px;position: relative;}
.headeright>ul>li:last-child{margin-right: 0;}
.headeright>ul>li>a{font-size: 16px;color: #fff;font-weight: 400;line-height: 100px;position: relative;display: block;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.headeright>ul>li.cylast{margin-top: 24px;}
.headeright>ul>li.cylast>a{width: 134px;height: 50px;border-radius: 25px;border: 1px solid #FFFFFF;text-align: center;box-sizing: border-box;
line-height: 48px;}
.headeright>ul>li.cylast>a i{display: inline-block;width: 24px;height: 24px;background: url(../images/yx.png) center no-repeat;vertical-align: -6px;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;margin-right: 4px;}
.header.active{box-shadow: 0 3px 12px rgba(98,107,181,.25);background: #fff;}
.header.active .headerlogo a .headerlogoimg{opacity: 0;}
.header.active .headerlogo a .headerlogoimgs{opacity: 1;}
.header.active .headeright>ul>li>a{color: #333;}
.header.active .headeright>ul>li.cylast>a{border-color: #004098;background: #004098;color: #ffff;}
.header.headeractive{background: #fff;}
.header.headeractive .headerlogo a .headerlogoimg{opacity: 0;}
.header.headeractive .headerlogo a .headerlogoimgs{opacity: 1;}
.header.headeractive .headeright>ul>li>a{color: #333;}
.header.headeractive .headeright>ul>li.cylast>a{border-color: #004098;background: #004098;color: #ffff;}
.headerdown{position: absolute;top: 100px;left: 50%;width: 100%;background: #fff;box-shadow: 0 3px 10px rgba(0,0,0,0.1);
width: 200px;margin-left: -100px;border-radius: 0 0 6px 6px;display: none;}
.headerdowncon{width: 100%;}
.headerdowncon ul li {text-align: center;}
.headerdowncon ul li:last-child{border-radius: 0 0 5px 5px;}
.headerdowncon ul li:last-child a{border-radius: 0 0 5px 5px;}
.headerdowncon ul li a{display: block;padding: 12px 10px;box-sizing: border-box;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
font-size: 16px;color: #333;font-weight: 400;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.headerdowncon ul li:hover a{color: #fff;background: #004098;}
/* 首页banner */
.banner{width: 100%;}
.bannercon{width: 100%;}
.bannercon ul li{width: 100%;}
.bannercon ul li img{display: block;width: 100%;margin: 0 auto;height: 100vh;object-fit: cover;}
.bannercon .bannerpages{bottom: 90px !important;text-align: left;width: auto !important;left: auto !important;right: 4%;}
.bannercon .swiper-pagination-bullet{width: 50px;height: 2px;background: rgba(255,255,255,0.6);opacity: 1;border-radius: 0;position: relative;}
.bannercon .swiper-pagination-bullet:after{content: "";display: block;width: 0;height: 2px;position: absolute;background-color: #fff;top: 0;left: 0;}
.bannercon .swiper-pagination-bullet-active:after{transition: width 3s;width: 100%;}
.bannernumber{width: 100%;position: absolute;bottom: 90px;left: 0;padding: 0 4%;box-sizing: border-box;z-index: 10;}
.bannernumber span{font-size: 38px;color: #fff;font-weight: 400;}
.bannernumber span b{font-weight: 400;}
.bannernumber strong{font-size: 18px;color: #fff;font-weight: 400;opacity: 0.8;}
.bannernumber strong b{font-weight: 400;}
/* 内容 */
.conter{width: 100%;}
.footer{width: 100%;}
.footerup{width: 100%;padding: 62px 10% 38px 10%;box-sizing: border-box;background: #404040;}
.footerupcon{width: 100%;margin-bottom: 22px;}
.footerleft{float: left;border-bottom: 1px solid rgba(255,255,255,0.3);padding-bottom: 18px;box-sizing: border-box;width: 56%;}
.footerleft ul li{float: left;margin-right: 48px;}
.footerleft ul li:last-child{margin-right: 0;}
.footerleft ul li a{display: block;font-size: 16px;color: #fff;opacity: 0.8;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s}
.footerleft ul li a:hover{opacity: 1;}
.footeright{float: right;}
.footeright select{display: block;width: 460px;height: 48px;border: 1px solid #979797;padding: 0 60px 0 14px;box-sizing: border-box;
font-size: 14px;color: #fff;outline: none;background: transparent url(../images/se.svg) 100% center no-repeat;
appearance:none;-moz-appearance:none;-webkit-appearance:none;}
.footeright select option{color: #333;}
.footerbutton{width: 100%;}
.footertall{float: left;margin-right: 28px;}
.footertall p{font-size: 16px;color: #fff;opacity: 0.6;line-height: 22px;margin-bottom: 4px;}
.footertall p:last-child{margin-bottom: 0;}
.footerewm{float: left;}
.footerewm img{display: block;width: 100px;margin-bottom: 6px;}
.footerewm p{text-align: center;font-size: 16px;color: #fff;opacity: 0.6;}
.footerbut{width: 100%;padding: 12px 0;box-sizing: border-box;background: #2B2B2B;text-align: center;}
.footerlast{width: 100%;}
.footerlast p{font-size: 14px;color: #fff;}
.footerlast p span{opacity: 0.6;}
.footerlast p a{opacity: 0.6;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;color: #fff;}
.footerlast p a:hover{opacity: 1;}
.backtop{cursor: pointer;font-size: 0.9em;position: fixed;text-align: center;z-index: 999; -webkit-transition: background-color 0.2s ease-in-out;-moz-transition: background-color 0.2s ease-in-out;display: none;
    -ms-transition: background-color 0.2s ease-in-out;transition: background-color 0.2s ease-in-out;background: #121212;color: #ffffff;
	border-radius: 3px;padding-left: 12px;padding-right: 12px;padding-top: 12px;padding-bottom: 12px;right: 20px;bottom: 90px;}
.backtop:hover{background: #004098;color: #fff;}
.nav{width: 100%;height: 60px;background: #fff;z-index: 2000;padding: 0 14px;box-sizing: border-box;display: none;
position: fixed;top: 0;left: 0;}
.navleft{float: left;width: 40%;height: 60px;display: flex;align-items: center;}
.navleft a{display: block;}
.navleft a img{width: 70%;display: block;}
.navright{float: right;margin-top: 20px;}
.navright>span{width: 24px;height: 2px;display: block;margin-bottom: 7px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;
 background: #004098;}
.navright>span:last-child{margin-bottom: 0;}
.navright.active span:nth-child(2){margin-left:6px;-webkit-transition: all 0.3s;transition: all 0.3s;}
.navright.active span:nth-child(3){margin-left:2px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.mobile{width: 100%;height: 100%;position: fixed;top: 0;right: -100%;z-index: 3000;}
.mobilebj{width: 100%;height: 100%;position: fixed;top: 0;right: -100%;background: rgba(0,0,0,0.5);}
.mobilebox{width: 60%;height: 100%;position: absolute;top: 0;right: -50%;background: #004098;}
.mobilebox .close{width: 100%;height: 60px;position: relative;}
.mobilebox .close i{float: right;width: 20px;height: 20px;background: url(../images/menu-close.svg) no-repeat;background-size: 100% 100%;margin: 20px;}
.mobilelist>ul>.on>a i{transform: rotate(90deg);}
.mobilelist{width: 100%;height: 100%;}
.mobilelist>ul>li{width: 100%;border-bottom: 1px solid #0b56b9;}
.mobilelist>ul>li:first-child{border-top: 1px solid #0b56b9;}
.mobilelist>ul>li:last-child{border-bottom: 0;}
.mobilelist>ul>li>a{display: block;font-size: 14px;color: #fff;padding: 9px 15px;box-sizing: border-box;background: #0063eb;position: relative;}
.mobilelist>ul>li>a i{display: inline-block;width: 20px;height: 20px;background: url(../images/jiao.png) center no-repeat;
position: absolute;top:7px;right: 10px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.mobilenav{width: 100%;display: none;}
.mobilenav>a{display: block;font-size: 14px;color: #fff;padding: 9px 15px 9px 25px;box-sizing: border-box;border-top: 1px solid #eee;background: #3b98e5;
position: relative;}
.mobilenav>a:first-child{border-top: 0;}
.mobilenav>div>span{display: block;font-size: 14px;color: #fff;padding: 9px 15px 9px 25px;
    box-sizing: border-box;border-top: 1px solid #eee;position: relative;background-color: #5e83a2;}
.mobilenav>div>span i{display: inline-block;width: 20px;height: 20px;background: url(../images/jiao.png) center no-repeat;
    position: absolute;top:7px;right: 10px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.mobilenav>.on>span i{transform: rotate(90deg);}
.mobilenav>div>ul>li>a{display: block;font-size: 14px;color: #fff;padding: 9px 15px 9px 35px;box-sizing: border-box;border-top: 1px solid #eee;position: relative;}
.mobileerji{display: none;}
.inproduct{width: 100%;padding: 80px 10% 60px 10%;box-sizing: border-box;background: #fff;}
.inproductcon{width: 100%;}
.title{width: 100%;margin-bottom: 56px;}
.title h4{color: #333;text-align: center;}
.inproductlist{width: 100%;}
.inproductlist ul li{float: left;width: 24%;margin-right: 1.33%;background: #F8F8F8;position: relative;}
.inproductlist ul li:before{content: '';width: 100%;height: 0%;position: absolute;top: 0;left: 0;
background: linear-gradient(180deg, #004098 0%, rgba(0,116,201,0) 100%);
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.inproductlist ul li:last-child{margin-right: 0;}
.inproductlist ul li a{display: block;width: 100%;position: relative;z-index: 1;}
.inprotext{width: 100%;padding: 32px 32px 0px 32px;box-sizing: border-box;}
.inprotext h5{font-size: 26px;color: #333;font-weight: 500;margin-bottom: 12px;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.inprotext p{font-size: 16px;color: #666;font-weight: 400;height: 63px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.inproimg{width: 100%;}
.inproimg img{display: block;width: 100%;}
.inproductlist ul li:hover:before{height: 100%;}
.inproductlist ul li:hover .inprotext h5{color: #fff;}
.inproductlist ul li:hover .inprotext p{color: #fff;}
.inabout{width: 100%;padding: 60px 10% 120px 10%;box-sizing: border-box;background: #fff;}
.inaboutcon{width: 100%;}
.inaboutconter{width: 100%;display: flex;align-items: center;}
.inaboutleft{width: 36%;margin-right: 7%;float: left;}
.inaboutleft h4{color: #333;max-width: 300px;margin-bottom: 60px;}
.inaboutext{font-size: 16px;color: #666;font-weight: 400;line-height: 26px;margin-bottom: 60px;}
.inaboutleft ul li{float: left;width: 22%;}
.inaboutleft ul li:first-child{width: 34%;}
.inaboutleft ul li h5{font-size: 28px;color:#004098;font-weight: 500;}
.inaboutleft ul li h5 span{font-size: 16px;font-weight: 400;vertical-align: 2px;display: inline-block;}
.inaboutleft ul li p{font-size: 16px;color: #999;font-weight: 400;margin-top: 2px;}
.inaboutright{float: right;width: 57%;}
.inaboutright img{display: block;width: 100%;height: 100%;object-fit: cover;}
.insolution{width: 100%;}
.insolutioncon{width: 100%;}
.insolutioncon ul li{width: 100%;background: #004098;}
.insolutioncon ul li a{display: flex;width: 100%;}
.insoleft{float: left;width: 43%;background: #004098 url(../images/sobj.png) bottom right no-repeat;}
.insoleftcon{width: 100%;padding: 0 24% 0 100px;box-sizing: border-box;margin-top: -24%;}
.insoleftcon h4{font-size: 20px;color: #fff;font-weight: 400;position: relative;margin-bottom: 72px;}
.insoleftcon h4:before{content: '';width: calc(100% - 110px);height: 1px;background: rgba(255,255,255,0.6);position: absolute;top: 50%;
right: 0;transform: translateY(-50%);}
.insotext{width: 100%;}
.insotext h5{color: #fff;font-weight: 500;margin-bottom: 24px;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.insotext p{font-size: 16px;font-weight: 400;color: #fff;line-height: 26px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 7;overflow: hidden;}
.insoleftcon .loopdetail{display: block;width: 182px;height: 56px;border-radius: 4px;border: 1px solid #FFFFFF;box-sizing: border-box;
line-height: 54px;font-size: 16px;color: #fff;margin-top: 56px;text-align: center;}
.insoright{float: left;width: 57%;}
.insoright img{display: block;width: 100%;object-fit: cover;}
.insolutionpages{width: auto !important;right:-28% !important;bottom: 18% !important;}
.insolutionpages .swiper-pagination-bullet{background: #fff;opacity: 0.4;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.insolutionpages .swiper-pagination-bullet-active{opacity: 1;}
.inconstruct{width: 100%;padding: 120px 10%;box-sizing: border-box;background: #fff;}
.inconstructcon{width: 100%;}
.inconstructleft{float: left;width: 48.4%;margin-right: 3.2%;}
.inconstructup{width: 100%;overflow: hidden;position: relative;}
.inconstructup img{display: block;width: 100%;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.inconstructuptext{width: 100%;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.inconstructup h4{font-size: 56px;text-align: center;color: #fff;font-weight: 500;}
.inconstructup a{display: table;margin: 0 auto;font-size: 24px;color: #fff;font-weight: 300;}
.inconstructup a i{display: inline-block;width: 32px;height: 32px;background: url(../images/co3.png) center no-repeat;
vertical-align: -7px;}
.inconstructup:hover img{transform: scale(1.1);}
.inconstructlist{width: 100%;padding: 40px 0 0 0;box-sizing: border-box;}
.inconstructlist ul li{width: 100%;margin-bottom: 20px;}
.inconstructlist ul li:last-child{margin-bottom: 0;}
.inconstructlist ul li a{display: block;width: 100%;}
.inconstructlist ul li a p{float: left;width: 82%;font-size: 22px;color: #333;font-weight: 500;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.inconstructlist ul li a span{float: right;font-size: 16px;color: #999;font-weight: 400;line-height: 22px;width: 18%;text-align: right;
padding-top: 4px;box-sizing: border-box;}
.inconstructlist ul li a:hover p{color: #004098;}
.inconstructright{float: right;width: 48.4%;}
.inlast{width: 100%;padding: 216px 10%;box-sizing: border-box;}
.inlast h4{color: #fff;text-align: center;margin-bottom: 20px;}
.inlast p{font-size: 16px;color: #fff;letter-spacing: 2px;text-align: center;max-width: 600px;margin: 0 auto 48px;}
.inlast a{display: block;width: 182px;height: 56px;background: rgba(255,255,255,0.3);border-radius: 4px;border: 1px solid #fff;
box-sizing: border-box;text-align: center;line-height: 54px;font-size: 16px;color: #fff;font-weight: 400;margin: 0 auto;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.inlast a:hover{border-color: #004098;background: #004098;}
.nbanner{width: 100%;position: relative;}
.nbanner img{display: block;width: 100%;}
.nbannercon{width: 100%;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.nbannerconter{width: 100%;text-align: center;}
.nbannerconter h4{font-size: 60px;color: #fff;font-weight: 400;}
.aboutone{width: 100%;padding: 100px 0 190px 0;box-sizing: border-box;background: #fff;}
.aboutonecon{width: 100%;}
.aboutonecon h4{color: #3D424D;margin-bottom: 40px;text-align: center;}
.aboutext{max-width: 1000px;margin: 0 auto;}
.aboutext p{font-size: 14px;color: #3D424D;line-height: 30px;}
.abouthonor{width: 100%;padding: 56px 0 88px 0;box-sizing: border-box;background: #F6F6F6;}
.abouthonorcon{width: 100%;}
.abouthonorcon h4{color: #3D424D;margin-bottom: 56px;text-align: center;}
.abouthonorconter{width: 100%;display: flex;align-items: center;}
.abouthonorleft{float: left;width: 46.7%;margin-right: 4.9%;}
.abouthonorleft img{display: none;width: 100%;}
.abouthonorleft img:first-child{display: block;}
.abouthonoright{float: right;width: 48.4%;background: #fff;height: 357px;overflow-y: auto;}
.abouthonoright p{font-size: 16px;color: #3D424D;font-weight: 400;height: 56px;line-height: 56px;padding: 0 24px;box-sizing: border-box;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;cursor: pointer;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.abouthonoright p.active{background-color: #004098;color: #fff;}
.abouthonoright p:hover{background-color: #004098;color: #fff;}
.aboutflair{width: 100%;padding: 88px 0;box-sizing: border-box;background: #fff;}
.aboutflaircon{width: 100%;}
.aboutflaircon h4{color: #3D424D;margin-bottom: 56px;text-align: center;}
.aboutflairlist{width: 100%;}
.aboutflairlist ul li{float: left;width: 32%;margin-right: 2%;margin-bottom: 60px;}
.aboutflairlist ul li:nth-child(3n){margin-right: 0;}
.cerimg{width: 100%;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.1);background: #fff;}
.cerimg img{display: block;width: 100%;}
.aboutflairlist ul li p{width: 100%;padding: 40px 10px 0 10px;box-sizing: border-box;font-size: 16px;color: #666;font-weight: 400;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;}
.zitc{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 3000;display: none;}
.zitcbj{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.5);}
.zitcbox{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.zitcbox img{display: block;max-width: 100%;margin: 0 auto 20px;}
.zitcbox i{display: block;width: 32px;height: 32px;border-radius: 50%;cursor: pointer;margin: 0 auto;
background: url(../images/zclose.png) center no-repeat;}
.aboutlast{width: 100%;padding: 142px 0;box-sizing: border-box;}
.aboutlastcon{width: 100%;}
.aboutlastext{max-width: 600px;}
.aboutlastext h4{color: #fff;margin-bottom: 32px;}
.abtext{width: 100%;}
.abtext p{font-size: 14px;color: #fff;line-height: 30px;}
.develop{width: 100%;padding: 80px 0;box-sizing: border-box;background: #fff;}
.developcon{width: 100%;}
.developcon ul li{width: 100%;position: relative;padding-bottom: 80px;box-sizing: border-box;}
.developcon ul li:last-child{padding-bottom: 0;}
.developcon ul li:before{content: '';width: 1px;height: 99%;position: absolute;top: 16px;left: 19px;background: #004098;}
.deveyear{width: 100%;margin-bottom: 90px;}
.deveyear i{float: left;width: 38px;height: 38px;background: url(../images/nian.png) center no-repeat;margin-top: 6px;position: relative;z-index: 1;}
.deveyear h5{font-size: 36px;color: #004098;font-weight: 500;padding-left: 40px;box-sizing: border-box;float: left;}
.developyue{width: 100%;}
.developlist{width: 100%;margin-bottom: 80px;}
.developlist:last-child{margin-bottom: 0;}
.developlist i{float: left;width: 20px;height: 20px;background: url(../images/yue.png) center no-repeat;margin-top: 6px;
margin-left: 10px;position: relative;z-index: 1;}
.developright{float: left;width: calc(100% - 30px);padding-left: 50px;box-sizing: border-box;}
.developright h5{font-size: 24px;color: #3D424D;font-weight: 500;margin-bottom: 16px;}
.developtext{width: 100%;}
.developtext p{font-size: 16px;color: #3D424D;font-weight: 400;line-height: 32px;margin-bottom: 10px;}
.developtext p:last-child{margin-bottom: 0;}
.developtext p img{display: block;max-width: 100%;}
.scrpage{width: 100%;margin-top: 40px;}
.scrpage ul{display: table;margin: 0 auto;}
.scrpage ul li{float: left;margin-right: 8px;}
.scrpage ul li:last-child{margin-right: 0;}
.scrpage ul li a{font-size: 14px;color: #333;border: 1px solid #ccc;display: block;padding: 6px 12px;box-sizing: border-box;border-radius: 2px;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;background: #fff;}
.scrpage ul .active a{border-color: #004098;background: #004098;color: #fff;}
.scrpage ul li:hover a{border-color: #004098;background: #004098;color: #fff;}
.production{padding: 80px 0;}
.production .aboutflairlist ul li{margin-bottom: 40px;}
.production .cerimg{box-shadow: none;}
.production .aboutflairlist ul li p{padding-top: 24px;}
.newcon{width: 100%;padding: 48px 0 64px 0;box-sizing: border-box;background: #fff;}
.newconter{width: 100%;}
.newleft{float: left;width: 67%;margin-right: 5%;}
.newlist{width: 100%;}
.newlist ul li{width: 100%;padding: 20px 0;border-bottom: 1px solid #EBEBEB;box-sizing: border-box;}
.newlist ul li:first-child{padding-top: 0;}
.newlist ul li a{display: block;width: 100%;}
.newimg{float: left;width: 282px;border-radius: 4px;height: 158px;}
.newimg img{display: block;width: 100%;height: 100%;object-fit: cover;border-radius: 4px;}
.newtext{float: left;width: calc(100% - 282px);padding-left: 20px;box-sizing: border-box;}
.newtext h5{font-size: 20px;color: #333;font-weight: 400;line-height: 28px;margin-bottom: 12px;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.newtext p{font-size: 14px;color: #999;font-weight: 400;line-height: 22px;margin-bottom: 24px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.newtext span{font-size: 14px;color: #999;font-weight: 400;}
.newlist ul li a:hover h5{color: #004098;}
.newright{float: right;width: 28%;}
.newslist{width: 100%;}
.newslist ul li{width: 100%;border-radius: 4px;position: relative;}
.newslist ul li a{display: block;width: 100%;height: 100%;}
.newslist ul li a img{display: block;width: 100%;height: 220px;object-fit: cover;border-radius: 4px;}
.newstext{width: 100%;padding: 0 10px;box-sizing: border-box;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.newstext h4{font-size: 28px;color: #fff;text-align: center;font-weight: 400;}
.newstext p{font-size: 16px;color: #fff;text-align: center;font-weight: 400;}
.newdetailbox{width: 100%;padding-top: 100px;box-sizing: border-box;}
.breadcrumbs{width: 100%;background: #F9F9F9;padding: 23px 0;box-sizing: border-box;}
.breadcrumbscon{width: 100%;}
.breadcrumbscon i{float: left;width: 16px;margin-right: 8px;margin-top: 1px;}
.breadcrumbscon i img{display: block;width: 100%;}
.breadcrumbscon a{float: left;font-size: 14px;color: #999;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.breadcrumbscon a:hover{color: #004098;}
.breadcrumbscon span{float: left;font-size: 14px;color: #999;margin: 0 4px;}
.breadcrumbscon strong{float: left;font-size: 14px;color: #999;font-weight: 400;}
.newdetail{width: 100%;padding: 56px 0;box-sizing: border-box;background: #fff;}
.newdetailcon{width: 100%;}
.newdetaileft{float: left;width: 67%;margin-right: 5%;}
.newdetailup{width: 100%;border-bottom: 1px solid #EBEBEB;padding-bottom: 20px;box-sizing: border-box;}
.newdetailup h4{font-size: 32px;color: #333;font-weight: 500;margin-bottom: 28px;}
.newdetailup p{display: block;font-size: 14px;color: #999;line-height: 24px;}
.newdetailup p span{display: inline-block;position: relative;margin-right: 24px;}
.newdetailup p span:before{content: '';width: 1px;height: 14px;background-color: #999;position: absolute;top: 5px;right: -12px;}
.newdetailup p span:last-child{margin-right: 0;}
.newdetailup p span:last-child:before{display: none;}
.newdetailconter{width: 100%;padding: 32px 0;box-sizing: border-box;}
.newdetailconter p{font-size: 16px;color: #333;line-height: 26px;margin-bottom: 20px;}
.newdetailconter p img{display: block;max-width: 100%;margin: 0 auto;}
.newdetailconter p:last-child{margin-bottom: 0;}
.newdetailright{float: right;width: 28%;border: 1px solid #EBEBEB;padding: 16px 24px 24px 24px;box-sizing: border-box;}
.newdetailright h5{font-size: 20px;color: #333;border-bottom: 1px solid #EBEBEB;padding-bottom: 16px;box-sizing: border-box;margin-bottom: 16px;font-weight: 500;}
.newdetailright ul li{width: 100%;margin-bottom: 24px;}
.newdetailright ul li:last-child{margin-bottom: 0;}
.newdetailright ul li a{display: block;width: 100%;}
.newimgs{width: 100%;border-radius: 4px;margin-bottom: 12px;}
.newimgs img{display: block;width: 100%;border-radius: 4px;}
.newtexted{width: 100%;}
.newtexted p{font-size: 16px;color: #333;font-weight: 400;line-height: 24px;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.newdetailright ul li a:hover .newtexted p{color: #004098;}
.samillnav{width: 100%;background: #F2F2F2;height: 80px;box-sizing: border-box;}
.samillnavcon{width: 100%;}
.samillnavcon ul li{width: 50%;line-height: 80px;box-sizing: border-box;}
.samillnavcon ul li:last-child{border-right: 0;}
.samillnavcon ul li a{display: table;font-size: 16px;color: #666;text-align: center;font-weight: 400;margin: 0 auto;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;position: relative;}
.samillnavcon ul li a:before{content: '';width: 0%;height: 4px;background: #004098;position: absolute;bottom: 0;left: 50%;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;transform: translateX(-50%);border-radius: 8px;}
.samillnavcon ul li.active a{color: #004098;font-weight: 500;}
.samillnavcon ul li.active a:before{width: 100%;}
.samillnavcon ul li:hover a{color: #004098;font-weight: 500;}
.samillnavcon ul li:hover a:before{width: 100%;}
.productcon{width: 100%;padding: 40px 0 56px 0;box-sizing: border-box;background: #fff;}
.productcon .productlist{padding-top: 0;margin-bottom: 10px;}
.productlist ul li{float: left;width: 32%;margin-right: 2%;margin-bottom: 40px;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.productlist ul li:nth-child(3n){margin-right: 0;}
.productlist ul li a{display: block;width: 100%;}
.inproimg{width: 100%;}
.inproimg img{display: block;width: 100%;}
.inprotexted{width: 100%;padding: 26px 32px;box-sizing: border-box;background: #F5F5F5;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.inprotexted h5{font-size: 20px;color: #3D424D;font-weight: 500;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;margin-bottom: 4px;}
.inprotexted p{font-size: 16px;color: #999;font-weight: 400;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.productlist ul li:hover{ box-shadow: rgba(163, 177, 204, 0.2) 0px 0px 16px 0px;transform: translateY(-20px);}
.productlist ul li:hover a { box-shadow: none; margin-top: 0; }
.productlist ul li:hover .inprotexted{background: #004098;}
.productlist ul li:hover .inprotexted h5{color: #fff;}
.productlist ul li:hover .inprotexted p{color: #fff;}
.pronav{width: 100%;margin-bottom: 60px;text-align: center;}
.pronav ul li{display: inline-block;margin-right: 8;}
.pronav ul li:last-child{margin-right: 0;}
.pronav ul li a{display: block;padding: 6px 12px;box-sizing: border-box;background: #F2F2F2;border-radius: 2px;font-size: 14px;color: #333;
font-weight: 400;line-height: 20px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.pronav ul li.active a{background: #004098;color: #fff;}
.pronav ul li:hover a{background: #004098;color: #fff;}
.productbox{width: 100%;padding: 100px 0 64px 0;background: #F5F5F5;box-sizing: border-box;}
.productboxcon{width: 100%;padding-top:40px;box-sizing:border-box;}
.productboxleft{float: left;width: 43%;margin-right: 6.8%;}
.productboxleft img{display: block;width: 100%;}
.productboxright{float: right;width: 50.2%;padding-top: 16px;box-sizing: border-box;}
.productboxright h4{font-size: 32px;color: #333;font-weight: 500;margin-bottom: 16px;}
.productboxright p{font-size: 14px;color: #666;font-weight: 400;line-height: 24px;}
.prothree{width: 100%;background: #fff;padding:64px 0 100px 0;box-sizing: border-box;}
.protitle{width: 100%;margin-bottom: 32px;}
.protitle h4{font-size: 32px;color: #004098;font-weight: 500;}
.prothreecon{width: 100%;}
.probox{width: 100%;border: 1px solid #EBEBEB;box-sizing: border-box;}
.probox ul li{width: 100%;border-bottom: 1px solid #ebebeb;box-sizing: border-box;text-align: center;}
.probox ul li:last-child{border-bottom: 0;}
.probox ul li span{width: 35%;padding: 16px 10px;box-sizing: border-box;font-size: 20px;color: #666;font-weight: 500;line-height: 28px;background: #F5F5F5;
float: left;border-right: 1px solid #EBEBEB;}
.probox ul li p{width: 65%;padding: 16px 10px;box-sizing: border-box;font-size: 20px;color: #333;font-weight: 500;line-height: 28px;background: #fff;
float: left;}
.solutionthree{width: 100%;background: #F7F7F7;padding: 64px 0;box-sizing: border-box;}
.solutionthreecon{width: 100%;}
.sotitle{font-size: 32px;color: #3D424D;font-weight: 500;margin-bottom: 24px;}
.solutionthreecon h4{color: #004098;margin-bottom: 36px;}
.solutionthreecon ul li{float: left;width: 32%;margin-right: 2%;background: #fff;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.solutionthreecon ul li:nth-child(3n){margin-right: 0;}
.solutionthreecon ul li a{display: block;width: 100%;}
.solutionthreecon ul li .inprotexted{background: #fff;}
.solutionthreecon ul li:hover{ box-shadow: rgba(163, 177, 204, 0.2) 0px 0px 16px 0px;transform: translateY(-20px);}
.solutionthreecon ul li:hover a { box-shadow: none; margin-top: 0; }
.solutionthreecon ul li:hover .inprotexted{background: #004098;}
.solutionthreecon ul li:hover .inprotexted h5{color: #fff;}
.solutionthreecon ul li:hover .inprotexted p{color: #fff;}
.serve{width: 100%;padding: 70px 0 65px 0;box-sizing: border-box;background: #fff;}
.servecon{width: 100%;}
.serveup{width: 100%;margin-top: 56px;}
.serveup img{display: block;width: 100%;}
.servebut{width: 100%;}
.servebut h4{color: #333;margin-bottom: 24px;}
.servebut p{font-size: 14px;color: #333;font-weight: 400;}
.servebut p img{display: block;max-width: 100%;}
.downloaded{background: #fff;padding: 0 0 70px 0;}
.downloadedlist h4{color: #333;}
.downloadedlist ul li .inprotexted{background: #F5F5F5;}
.promore{width: 100%;border: 1px solid #004098;border-radius: 4px;height: 36px;text-align: center;line-height: 34px;
font-size: 16px;color: #004098;display: block;margin-top: 40px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.promore:hover{background: #004098;color: #fff;}
.case{width: 100%;background: #fff;padding: 80px 0;box-sizing: border-box;}
.casecon{width: 100%;}
.caselist{width: 100%;}
.caselist ul li{float: left;width: 48%;margin-right: 4%;margin-bottom: 60px;}
.caselist ul li:nth-child(2n){margin-right: 0;}
.caselist ul li a{display: block;width: 100%;}
.caseimg{width: 100%;overflow: hidden;}
.caseimg img{display: block;width: 100%;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.casetext{width: 100%;padding-top: 32px;box-sizing: border-box;}
.casetext h5{color: #333;margin-bottom: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.casetext p{color: #666;margin-bottom: 32px;font-size: 14px;font-weight: 400;line-height: 24px;height: 48px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.casetext span{display: block;width: 108px;height: 36px;border-radius: 4px;border: 1px solid #004098;
text-align: center;line-height: 34px;font-size: 16px;color: #004098;box-sizing: border-box;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.caselist ul li:hover .caseimg img{transform: scale(1.1);}
.caselist ul li:hover .casetext h5{color: #004098;}
.caselist ul li:hover .casetext span{background: #004098;color: #fff;}
.newdetailefted{width: 62%;margin-right: 4%;}
.casetj{float: left;width: 34%;}
.casetj h4{font-size: 20px;color: #333;font-weight: 500;margin-bottom: 24px;}
.caselister{width: 100%;}
.caselister ul li{width: 100%;margin-bottom: 24px;}
.caselister ul li:last-child{margin-bottom: 0;}
.caselister ul li a{display: block;width: 100%;}
.caselisterimg{float: left;width: 200px;height: 110px;}
.caselisterimg img{display: block;width: 100%;height: 100%;object-fit: cover;}
.casetexted{float: left;width: calc(100% - 200px);padding-left: 16px;box-sizing: border-box;}
.casetexted h5{font-size: 16px;color: #333;font-weight: 500;margin-bottom: 16px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.casetexted p{color: #666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
font-size: 14px;font-weight: 400;line-height: 24px;}
.caselister ul li:hover .casetexted h5{color: #004098;}
.join{width: 100%;padding: 100px 0 140px 0;box-sizing: border-box;background: #ffffff;}
.joincon{width: 100%;}
.joinconup{width: 100%;margin-bottom: 56px;}
.jointitle{position: relative;padding-left: 26px;box-sizing: border-box;}
.jointitle::before{content: "";width: 6px;height: 96%;background: #004098;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.jointitle h4{font-size: 24px;color: #333;font-weight: 500;margin-bottom: 12px;}
.jointitle p{font-size: 14px;color: #666;font-weight: 400;}
.joinlist{width: 100%;}
.joinlist ul li{width: 100%;background: linear-gradient(270deg, rgba(255,255,255,0) 0%, #F2F2F2 100%);margin-bottom: 12px;border-radius: 2px;overflow: hidden;}
.joinlist ul li:last-child{margin-bottom: 0;}
.joinup{width: 100%;padding: 0 40px;box-sizing: border-box;border-radius: 4px 4px 0 0;cursor: pointer;
position: relative;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.joinupcon{width: 100%;padding: 28px 0;box-sizing: border-box;}
.joinupleft{float: left;width: 80%;}
.joinupleft h5{display: inline-block;font-size: 18px;color: #292C33;font-weight: 500;margin-right: 0.24rem;}
.joinupleft p{display: inline-block;font-size: 14px;color: #292C33;}
.joinupleft p span{display: inline-block;margin-right: 12px;position: relative;}
.joinupleft p span::before{content: "";width: 1px;height: 12px;background: #292C33;position: absolute;top: 4px;right: -7px;}
.joinupleft p span:last-child{margin-right: 0;}
.joinupleft p span:last-child::before{display: none;}
.joinup i{width: 9px;height: 16px;background: url(../images/jmore.svg) center no-repeat;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;
background-size: cover;position: absolute;top: 50%;right: 60px;margin-top: -8px;}
.joinupcon:hover i{background: url(../images/jmores.svg) center no-repeat;background-size: cover;}
.joinbut{width: 100%;padding: 0 40px 40px 40px;box-sizing: border-box;display: none;}
.joinbutcon{width: 100%;border-top: 1px solid rgba(153,153,153,0.2);padding-top: 28px;box-sizing: border-box;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.joinbutitle{width: 100%;margin-bottom: 16px;}
.joinbutitle h5{font-size: 16px;color: #292C33;font-weight: 500;margin-bottom: 12px;}
.joinbutitle i{display: block;width: 24px;height: 4px;background: #004098;}
.joinbutlast{width: 100%;}
.joinbutlast p{font-size: 14px;color: #666;line-height: 26px;font-weight: 400;}
.joinlist ul li.active .joinup i{transform: rotate(90deg);}
.joinlist ul li:hover .joinbutcon{border-color: #004098;}
.joinlist ul li:hover .joinup{background: #004098;}
.joinlist ul li:hover .joinup .joinupcon{border-color: #004098;}
.joinlist ul li:hover .joinupleft h5{color: #fff;}
.joinlist ul li:hover .joinupleft p{color: #fff;}
.joinlist ul li:hover .joinupleft p span::before{background: #fff;}
.contact{width: 100%;}
.contactup{width: 100%;padding: 128px 0;box-sizing: border-box;background: #fff;}
.contactupcon{width: 100%;}
.contactleft{width: 68%;background: #fff;}
.conleft{float: left;}
.conleft h4{font-size: 32px;color: #333;font-weight: 500;margin-bottom: 42px;}
.conleft i{display: block;width: 60px;height: 2px;background: #004098;margin-bottom: 40px;}
.conleft p{font-size: 18px;color: #333;font-weight: 400;line-height: 45px;}
.conright{float: right;padding-right: 100px;box-sizing: border-box;padding-top: 10px;}
.conright h5{font-size: 20px;color: #333;font-weight: 500;margin-bottom: 30px;}
.conright i{display: block;width: 60px;height: 2px;background: #004098;margin-bottom: 60px;}
.conbut{width: 100%;}
.conbut p{width: 100px;float: left;text-align: center;margin-right: 16px;}
.conbut p:last-child{margin-right: 0;}
.conbut p img{display: block;width: 100%;}
.conbut p span{display: block;width: 100%;font-size: 14px;color: #333;font-weight: 400;margin-top: 12px;}
.contactright{width: 32%;background: #004098;padding: 60px 36px 80px 36px;box-sizing: border-box;}
.contactright h5{font-size: 20px;color: #fff;font-weight: 500;margin-bottom: 16px;}
.contactright h4{font-size: 30px;color: #fff;font-weight: 500;margin-bottom: 16px;}
.contactright p{font-size: 16px;color: #fff;font-weight: 400;padding-top: 10px;box-sizing: border-box;}
.contactbut{width: 100%;}
.contactbut img{display: block;width: 100%;}
@media screen and (max-width: 1905px) {
}
@media screen and (max-width: 1805px) {
}
@media screen and (max-width: 1705px) {
	.footerleft ul li{margin-right: 38px;}
	.insolutionpages{right: -31% !important;}
}
@media screen and (max-width: 1605px) {
	.footerleft ul li{margin-right: 28px;}
	.insolutionpages{right: -34% !important;}
}
@media screen and (max-width: 1505px) {
	.footerleft ul li{margin-right: 20px;}
	.inaboutleft{width:42%;}
	.inaboutright{width:51%;}
}
@media screen and (max-width: 1450px) {
	.inproduct{padding: 80px 8% 40px 8%;}
	.inabout{padding: 40px 8% 80px 8%;}
	.footerup{padding: 60px 8% 38px 8%;}
	.insoleftcon{padding: 0 12% 0 60px;}
	.insoleftcon h4{margin-bottom: 60px;}
	.footerleft ul li{margin-right: 28px;}
	.inconstruct{padding: 80px 8%;}
	.inlast{padding: 80px 8%;}
	.nbannerconter h4{font-size: 40px;}
	.aboutone,.aboutflair,.aboutlast,.join,.contactup{padding: 80px 0;}
	.inaboutleft ul li h5{font-size:28px;}
}
@media screen and (max-width: 1380px) {
	.inproduct{padding: 60px 6% 30px 6%;}
	.inabout{padding: 30px 6% 60px 6%;}
	.footerup{padding: 60px 6% 38px 6%;}
	.footeright select{width: 320px;}
	.inaboutleft h4,.inaboutext{margin-bottom: 40px;}
	.insoleftcon h4{margin-bottom: 40px;}
	.insoleftcon .loopdetail{margin-top: 40px;width: 150px;height: 42px;line-height: 40px;}
	.inconstruct{padding: 60px 6%;}
	.inconstructlist ul li a p{font-size: 20px;}
	.inlast{padding: 60px 6%;}
	.inlast a{width: 160px;height: 44px;line-height: 42px;}
	.aboutone,.aboutflair,.aboutlast,.develop,.productbox,.prothree,.solutionthree,.serve,.case,.join,.contactup{padding: 60px 0;}
	.abouthonor{padding-bottom: 60px;}
	.developcon ul li{padding-bottom: 60px;}
	.deveyear,.developlist{margin-bottom: 60px;}
	.serveup{margin-top: 40px;}
	.downloaded{padding-top: 0;}
}
@media screen and (max-width: 1340px) {
	.inaboutleft h4, .inaboutext{margin-bottom: 20px;}
	.inaboutleft ul li{width: 50% !important;margin-bottom: 12px;}
	.footerleft ul li{margin-right: 16px;}
}
@media screen and (max-width: 1210px) {
	.ht_1200{max-width: 100%;padding: 0 4%;}
	.f36,.f32{font-size: 24px;}
	.headeright>ul>li{margin-right: 24px;}
	.inproduct{padding: 40px 4% 20px 4%;}
	.inabout{padding: 20px 4% 40px 4%;}
	.footerup{padding: 40px 4% 32px 4%;}
	.title{margin-bottom: 40px;}
	.inprotext{padding: 16px 16px 0 16px;}
	.inprotext h5{font-size: 20px;margin-bottom: 8px;}
	.inconstruct{padding: 40px 4%;}
	.inconstructup h4{font-size: 24px;}
	.inconstructup a{font-size: 16px;margin-top: 6px;}
	.inconstructup a i{width: 20px;height: 20px;background-size: 100%;vertical-align: -4px;}
	.inconstructlist{padding-top: 20px;}
	.inlast{padding: 40px 4%;}
	.inlast p{margin-bottom: 32px;}
	.aboutone,.aboutflair,.aboutlast,.develop,.newcon,.newdetail,.productcon,.productbox,.prothree,.solutionthree,.serve,.case,.join,.contactup{padding: 40px 0;}
	.abouthonor{padding: 40px 0;}
	.abouthonorcon h4{margin-bottom: 40px;}
	.aboutflairlist ul li{margin-bottom: 40px;}
	.developcon ul li{padding-bottom: 40px;}
	.deveyear,.developlist{margin-bottom: 40px;}
	.deveyear h5{font-size: 24px;margin-top: 10px;}
	.developright h5{font-size: 20px;margin-top: 2px;margin-bottom: 10px;}
	.newdetailup{padding-bottom: 10px;}
	.newdetailup h4{font-size: 24px;margin-bottom: 12px;}
	.newdetailconter{padding: 20px 0;}
	.productboxright h4{font-size: 24px;}
	.sotitle,.protitle h4{font-size: 24px;}
	.downloaded{padding-top: 0;}
	.caselist ul li{margin-bottom: 40px;}
	.casetext{padding-top: 16px;}
	.casetext p{margin-bottom: 16px;}
	.joinup{padding: 0 20px;}
	.joinupcon{padding: 20px 0;}
	.joinup i{right: 20px;}
	.conleft h4{font-size: 24px;margin-bottom: 24px;}
	.conleft i{margin-bottom: 24px;}
	.conleft p{font-size: 16px;line-height: 28px;}
	.conright{padding-right: 40px;}
	.conright h5{font-size: 16px;}
	.conright i{margin-bottom: 32px;}
	.contactright{padding: 40px 20px;}
	.contactright h5{font-size: 16px;}
	.contactright h4{font-size: 24px;}
}
@media screen and (max-width: 1108px) {
	.footerleft ul li{margin-right: 10px;}
}
@media screen and (max-width: 1040px) {
	.header{display: none;}
	.nav{display: block;}
	.bannernumber span{font-size: 30px;}
	.inaboutconter{display: block;}
	.inaboutleft{float: none;width: 100%;margin-right: 0;}
	.inaboutleft h4{max-width: 100%;}
	.inaboutleft ul li h5{font-size: 28px;}
	.inaboutleft ul li h5 span{font-size: 14px;}
	.inaboutleft ul li p{font-size: 14px;}
	.inaboutright{float: none;width: 100%;margin-top: 20px;}
	.insolutioncon ul li a{display: block;}
	.insoright{float: none;width: 100%;}
	.insoleft{width: 100%;float: none;}
	.insoleftcon{padding: 40px 4%;margin: 0;}
	.insolutionpages{right: 0 !important;bottom: 20px !important;}
	.inconstructleft{float: none;width: 100%;margin-right: 0;margin-bottom: 16px;}
	.inconstructright{float: none;width: 100%;}
	.nbanner{margin-top: 60px;}
	.nbanner img{height: 315px;object-fit: cover;}
	.nbannerconter h4{font-size: 32px;}
	.developtext p{font-size: 14px;line-height: 22px;}
	.newleft{float: none;width: 100%;margin-right: 0;margin-bottom: 32px;}
	.newright{float: none;width: 100%;}
	.newdetailbox{padding-top: 60px;}
	.newdetaileft{float: none;width: 100%;margin-right: 0;margin-bottom: 16px;}
	.newdetailright{float: none;width: 100%;}
	.inprotexted{padding: 16px;}
	.inprotexted h5{font-size: 16px;}
	.inprotexted p{font-size: 14px;}
	.casetj{float: none;width: 100%;}
} 
@media screen and (max-width: 980px) {
	.footerleft{width: 100%;float: none;margin-bottom: 12px;}
	.footeright{float: none;width: 100%;}
	.inproductlist ul li{width: 49%;margin-right: 2%;margin-bottom: 14px;}
	.inproductlist ul li:nth-child(2n){margin-right: 0;}
	.aboutflairlist ul li{width: 49%;}
	.aboutflairlist ul li:nth-child(3n){margin-right: 2%;}
	.aboutflairlist ul li:nth-child(2n){margin-right: 0;}
	.aboutflairlist ul li p{padding-top: 20px;}
	.production .aboutflairlist ul li p{padding-top: 20px;}
	.contactupcon{display: block;}
	.contactleft{width: 100%;padding-bottom: 20px;}
	.contactright{width: 100%;}
	.contactright p{padding-top: 0;}
}
@media screen and (max-width: 900px) {
	
}
@media screen and (max-width: 860px) {
	
}
@media screen and (max-width: 790px) {
	
}
@media screen and (max-width: 650px) {
	.navleft{width: 75%;}
	.footerleft{padding-bottom: 10px;}
	.footerleft ul li{margin-right: 20px;margin-bottom: 6px;}
	.footerleft ul li a{font-size: 14px;}
	.footeright select{width: 100%;}
	.footertall{margin-bottom: 10px;}
	.title{margin-bottom: 28px;}
	.inproductlist ul li{width: 100%;margin-right: 0;float: none;}
	.inproductlist ul li:last-child{margin-bottom: 0;}
	.insoleftcon h4{margin-bottom: 20px;}
	.insoleftcon .loopdetail{margin-top: 20px;}
	.inconstructlist ul li a p{font-size: 16px;width: 76%;line-height: 20px;}
	.inconstructlist ul li a span{font-size: 14px;width: 22%;}
	.inlast p{max-width: 100%;}
	.nbanner img{height: 180px;}
	.nbannerconter h4{font-size: 24px;}
	.aboutonecon h4,.abouthonorcon h4{margin-bottom: 28px;}
	.abouthonorconter{display: block;}
	.abouthonorleft{width: 100%;margin-right: 0;float: none;margin-bottom: 20px;}
	.abouthonoright{width: 100%;height: 40px;line-height: 40px;height: 300px;}
	.abouthonoright p{height: 40px;line-height: 40px;padding: 0 12px;font-size: 14px;}
	.zitcbox{width: 96%;}
	.aboutflairlist ul li{width: 100%;margin-right: 0;float: none;margin-bottom: 20px;}
	.aboutlastext{max-width: 100%;}
	.aboutlastext h4{margin-bottom: 28px;}
	.deveyear h5{padding-left: 14px;}
	.developright{padding-left: 20px;}
	.scrpage ul li a{padding: 4px 8px;}
	.production .aboutflairlist ul li{margin-bottom: 20px;}
	.newimg{float: none;width: 100%;height: auto;margin-bottom: 12px;}
	.newtext{float: none;width: 100%;padding-left: 0;}
	.newtext h5{font-size: 16px;}
	.newtext p{margin-bottom: 12px;}
	.newstext h4{font-size: 24px;}
	.samillnav{height: auto;}
	.samillnavcon ul li{line-height: 46px;}
	.samillnavcon ul li a{font-size: 14px;}
	.productlist ul li{float: none;width: 100%;margin-right: 0;}
	.probox ul li span{float: none;width: 100%;display: block;font-size: 16px;}
	.probox ul li p{float: none;width: 100%;font-size: 16px;}
	.productboxleft{float: none;width: 100%;margin-right: 0;}
	.productboxright{float: none;width: 100%;}
	.solutionthreecon ul li{float: none;width: 100%;margin-right: 0;margin-bottom: 40px;}
	.solutionthreecon ul li:last-child{margin-bottom: 0;}
	.caselist ul li{width: 100%;margin-right: 0;float: none;margin-bottom: 26px;}
	.caselist ul li:last-child{margin-bottom: 0;}
	.casetext span{font-size: 14px;}
	.caselisterimg{float: none;width: 100%;margin-bottom: 16px;height: auto;}
	.casetexted{float: none;padding-left: 0;width: 100%;}
	.joinbutcon{padding-top: 14px;}
	.joinbut{padding: 0 14px 14px 14px;}
	.joinupleft h5{font-size: 16px;}
	.joinconup{margin-bottom: 20px;}
	.conleft{float: none;width: 100%;}
	.conright{float: none;width: 100%;padding-right: 0;}
	.conright h5{margin-bottom: 24px;}
	.conright i{margin-bottom: 24px;}
	.contactright{padding: 20px;}
}
@media screen and (max-width: 580px) {
	.bannernumber{bottom: 60px;}
	.bannercon .bannerpages{width: 100% !important;right: auto !important;left: 0 !important;bottom: 40px !important;
	padding: 0 4%;box-sizing: border-box;}
}