@media screen and (max-width:1260px){
	.nav li{ font-size: 16px;}
	.binbox-con .c{ font-size: 24px;}
	.productDemo .t{ font-size: 18px;}
	.learnMore{ width: 150px; height: 38px; line-height: 38px;}
	.learnMore .txt{ background-size: 4px auto;}
	.productDemo .item:hover .learnMore{ height: 38px; }
	.twoBox .item2{ padding-bottom: 40px;}
	.linkNav li{ float: left; display: block;margin-right: 5%;}
	.pinner{ width: 960px;}
	.pbanner-C{ margin-left: -480px;}
	.pbanner-C .t{ font-size: 40px;}
	.pbanner-C .c{ font-size: 18px;}
	.aboutService-box{ padding: 80px 0px;}
	.aboutService-box .con,.aboutService-box .img{ float: none;}
	.aboutService-box .con{ width: 100%; margin-left: 0;}
	.aboutService-box .img figure{ margin-left: 0;}
	.slt-rightBox{ width: 600px;}
	.history-demo{ margin-top: 15px;}
	.capability-page{ padding-bottom: 50px;}
	.relevant-demo{ width: 904px;}
	.product-dl .con{ padding: 15px 0px;}
	.product-dl .t{ font-size: 20px; height: 28px;}
	.product-dl .c{ margin-bottom: 25px;}
	.product-dl .imglist li{ margin-right: 10px;}
	.productList li{ width: 31.33%;}
	.proInfo-t b{ font-size: 24px;}
	.downList a{ padding: 22px;}
	.downList .time,.downList .c{ float: none; display: block;}
	.downList .time{ margin: 0px 0px 14px;}
	.solutionsList .con .c{ height: 81px;}
	.service-page .r{ float: none; margin-bottom: 10px;}
	.serach-banner-box .t{ font-size: 38px;}
	.serach-banner{ position: relative; width: 348px; padding: 10px 64px 10px 18px; background-color: #2450a1; height: 24px; line-height: 24px;}
	.serach-banner .btn { width: 74px; }
	.serach-banner .btn i{ margin: 9px auto;}

}

@media screen and (min-width:1280px){
	.cpnavbox a { font-size: 12px; padding: 0px 20px;  }
	.binbox-con .c { font-size: 42px; line-height: 1.1; font-weight:300}
	.binbox-con .t { font-size: 24px; line-height: 1.7; }
}

@media screen and (min-width:1366px){
	.cpnavbox a { font-size: 13px; padding: 0px 20px;  }
}
@media screen and (min-width:1400px){
	.cpnavbox a { font-size: 13px; padding: 0px 18px;  }

}
@media screen and (min-width:1601px){
	.inner{ width: 1600px;}
	.nav li a{ padding: 0px 28px;}
	.nav .subnav a{ font-size: 15px; padding: 9px 30px;}
	.binbox-con{ padding:0px 40px 22px 62px;}
	.productDemo{ margin-right: -2px;}
	.productDemo .itemCon{ padding-bottom: 146px;}
	.productDemo .con{ padding: 30px 8% 40px; width: 84%;}
	.twoBox .item1{ width: 33%;}
	.twoBox .item2{ width: 67%; }
	.newsIbox .list .time{ margin-bottom: 12px;}
	.newsIbox .list{ padding-bottom: 20px;}
	.newsIbox .list li{ padding: 0px 0px 20px; margin-bottom: 14px; font-size: 16px;}
	.newsIbox .list .c{ height: 48px;}
	.linkNav li{ margin-right: 7%;}
	#nav.fixed{ left: 50%; margin-left: -800px;}
	.pagenav.fixed{ left: 50%; margin-left: -800px; width: 1600px;}


}

@media screen and (min-width:1025px){
	.cpnavbox a { text-align: center; color: #ffffff; font-size: 11px; display: inline-block; padding: 0px 11px; *display: inline; *zoom: 1; position: relative;  }
	.linkNav li a{ font-size: 11px; }
	.productDemo .item:hover .con{ background-color: #e7e7e7; color: #333; }
	.productDemo .item:hover .con .sj{ background-image: url(../images/sj2.png);}
	.projectsIbox .item:hover .black-50{ opacity: 1; visibility: visible;}
	.projectsIbox .item:hover .con{ bottom: 15%;}
	.history-demo .item:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1);box-shadow:2px 2px 6px -2px rgba(0,0,0,.2);}
	.product-dl dd:hover{ background-color: #666;}
	.product-dl dd:hover .t,.product-dl dd:hover .c{ color: #fff;}
	.product-dl dd:hover .more-sl i{ width: 100%;}
	.product-dl dd:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
	.productList li:hover { box-shadow:2px 2px 6px 0px rgba(0,0,0,.1);}
	.productList li:hover figure img{ transform: scale(1.08); -webkit-transform: scale(1.08); opacity: 0.8;}
	.project-list li:hover .t{ color: #2450a1;}
	.project-list li:hover .time{ color: #2450a1;}
	.project-list li:hover{ background-color: #f8f8f8;}
	.solutionsList dd:hover{ background-color: #fff;}
	.solutionsList dd:hover figure img{transform: scale(1.1); -webkit-transform: scale(1.1);}
	.solutionsList dd:hover .item{ border-color: #fff;}
	.solutionsList dd:hover .con h3{ color: #2450a1;}
	.solutionsList dd:hover .con .more{ background-image: url(../images/more_i2.png);}
	.news-list li:hover .t{ color: #2450a1;}
}

@media screen and (max-width:1024px){
	.transYT,.transYT2 { transform: translateY(0px); -webkit-transform: translateY(0px); transition: transform 0ms; -webkit-transition: transform 0ms; transition-timing-function: ease-out;  }
	.transXT,.transXT2{ transform: translateX(0px); -webkit-transform: translateX(0px); transition: transform 0ms; -webkit-transition: transform 0ms;}
	.transYT50,.transYT280,.transYT10{ transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; visibility: visible; transition: transform 0ms,opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 0ms,opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
	.transXT50,.transXT250{ transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; visibility: visible; transition: transform 0ms,opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 0ms,opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out;  }
	.action.transYT,.action.transYT2 { transform: translateY(0px); -webkit-transform: translateY(0px); }
	.action.transXT,.action.transXT2 { transform: translateY(0px); -webkit-transform: translateY(0px); }
	.action.transYT50 ,.action.transYT280 ,.action.transYT10 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
	.action.transXT50,.action.transXT280 { opacity: 1; visibility: visible;transform: translateX(0px); -webkit-transform: translateX(0px); }
	header{ height: 52px; position: relative; width: 100%;}
	.pinner{ width: 90%;}
	.top{ position: fixed; left: 0; top: 0; border-bottom: 0px none; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2); z-index: 1000; background: none #fff;  transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;}
	.logo{ height: 36px; padding: 8px 0px; margin-left: 15px;}
	.grop-sider,.nav{ display: none;}
	.serach-Mbtn,.menu-handler{ display: block;}
	.slt-box1,.slt-box2{ float: none; width: 94%; margin: 0 auto;}
	.linkBox .slt-box1{ display: none;}
	.foot{ padding:30px 0px 35px;}
	.foot .slt-box1{ padding-top: 18px;}
	.fsharp a{ border-radius: 50%;}
	.fsharp a .ibg{ display: none;}
	.fsharp a .i{ transform: scale(0.8); -webkit-transform: scale(0.8);}
	.fsharp a.a1{ background:none #;}
	.fsharp a.a2{ background:none #;}
	.fsharp a.a3{ background:none #;}
	.fsharp a.a4{ background:none #;}
	.binbox{ bottom: auto; top: 0%; width: 90%; left: 0%;}
	.binbox-con{ padding: 10px 5% 10px 5%;}
	.binbox-con .t { font-size: 15px; line-height: 1.7; }
	.binbox-con .c{ font-size: 22px; min-height: 50px;}
	.binbox-con .bor{ display: none;}
	.banner .slick-dots li a{ border-radius: 50%; width: 6px; height: 6px; margin: 0px auto; font-size: 0px; overflow: hidden; border: 2px solid rgba(0,0,0,0); background: none #fff;}
	.banner .slick-dots li.slick-active a{ border: 2px solid #fff; background:none transparent;}
	.iboxT{ font-size: 24px;}
	.pridcutIbox{ padding-top: 0px;}
	.pridcutIbox .iboxT{ font-size: 28px;}
	.productDemo .slick-prev,.productDemo .slick-next{ transform:translateX(0px);-webkit-transform:translateX(0px);-ms-transform:translateX(0px); opacity: 1; }
	.productDemo .itemCon{ padding-bottom: 0;}
	.productDemo .con{ position: relative; left: auto; bottom: auto;}
	.productDemo .con .sj{ background-size: 24px auto;}
	.productDemo .item:hover .learnMore{ height: 0px; }
	.fixedImg{ background-attachment: inherit; background-size: cover;}
	.aboutUsBox{ padding: 80px 0px;}
	.aboutUsBox-c{ width: 90%;}
	.aboutUsBox-c .c{ margin-bottom: 40px;}
	.aboutUsBox-list .ico{ opacity: 0.8;}
	.aboutUsBox-list .ico .img{ width: 90%; margin:5% 0px 0px 5%;}
	.twoBox .item1,.twoBox .item2{ width: 100%; float: none; padding: 40px 0px;}
	.twoBox .item2{ padding-bottom: 0;}
	.newsIbox .list{ padding-bottom: 30px;}
	.newsIbox .list li{ font-size: 16px;}
	.newsIbox .list .c{ height: auto;}
	.projectsIbox .item{ margin-left: 0;}
	.projectsIbox .item .con{ background: linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0)); width: 90%; padding: 0px 5%; left: 0;}
	.projectsIbox .slick-prev,.projectsIbox .slick-next{ transform:translateX(0px);-webkit-transform:translateX(0px);-ms-transform:translateX(0px); opacity: 1; }
	.pbanner-C{ margin-left: 0px; left: 5%;}
	.pbanner-C .t{ font-size: 36px;}
	.pbanner-C .c{ font-size: 16px;}
	.pbanner{ min-height: auto;}
	.pbanner .load-img{ width: 140%; margin-left: -20%;}
	.load-yy{ height: 100px;}
	.pageNavBox{ height: 40px;}
	.pagenav{ position: relative;}
	.pagenav.fixed{ top: 52px;}
	.cpnav{ display: block;}
	.cpnavbox{ position: absolute; left: 0px; top: 40px; height: auto; line-height: 1.4; width: 100%; z-index: 800; display: none; background-color: #666; background-color: rgba(0,0,0,0.8); }
	.cpnavbox a:before{ display: none;}
	.cpnavbox a{ width:40%; display: block; float: left; padding: 10px 5%; font-size: 15px; margin: 0px; color: #fff; background-color: #666; border-left: 0px none;}
	.cpnavbox a:hover,.cpnavbox a.active{ background-color: rgba(255,255,255,1);}
	.page-con h1{ font-size: 52px;}
	.page-con h3{ font-size: 20px;}
	.pageT .t{ font-size: 30px;}
	.aboutService-box,.aboutEvent-box,.history-box{ padding: 60px 0px;}
	.slt-leftBox{ width: 35%;}
	.slt-rightBox{ width: 60%;}
	.event-list li{ min-height: 40px;}
	.event-list li .ico{ width: 40px; height: 40px; position: absolute; left: 0; top: 0; font-size: 40px;}
	.event-list li .c{ padding-left: 60px; float: none; width: auto;}
	.event-list li .line{ left: 20px;}
	.history-demo .dian{ border:8px solid #2450a1; border-radius: 50%; width: 8px; height: 8px; margin-top: 18px; background: none #fff;}
	.pageActive .c{ text-align: left; float: none; display: block;}
	.culture-T{ position: relative; width: 90%; background-size: 100px auto; padding:30px 5%;}
	.culture-c .imgb{ background-repeat: no-repeat;}
	.pagePadding{ padding: 40px 0px;}
	.imgShowBox{ padding: 50px 0px;}
	.imgShowDemo .txt{ padding: 8px 0px; height: auto; line-height: 1.5; background-color: rgba(0,0,0,0.4); z-index: 100;}
	.imgShowDemo .img{ top: 0px; max-width: 80%;}
	.overlayClose{ background-color: #2450a1; top: 0; right: 0;}
	.overlayClose i{ background-size: 50% auto;}
	.imgShowBox .imgNext,.imgShowBox .imgPrev{ background-size: 50% auto;}
	.imgShowDemo .owl-controls .owl-buttons div{ width: 40px; height: 40px;background-size: 50% auto; background-color: #2450a1;}
	.imgShowDemo .owl-controls .owl-buttons div.owl-prev { left: 0;}
	.imgShowDemo .owl-controls .owl-buttons div.owl-next{ right: 0;}
	.honor-list .filler{ display: none;}
	.honor-list .img{ padding: 4px;}
	.capability-t{ font-size: 24px;}
	.capability-tab dd{ font-size: 16px;}
	.capability-tab dd .num{ width: 30px; height: 30px;}
	.relevant-demo{ width: auto; left: 0;}
	.relevant-demo .item{ margin: 0px 5px;}
	.slt-pic-demo li{ width: 48%;}
	.down-btn{ height: 48px; line-height: 48px; width: 180px;}
	.down-btn .txt{ background-size: auto 70%; padding-left: 20px; font-size: 16px}
	.product-dl dd{ padding: 25px 0px;}
	.product-dl figure{display: none;}
	.product-dl .con{ float: none; margin: 0px 5%; width: 90%; padding: 0px 0px 0px;}
	.product-dl .t{ height: auto;}
	.product-dl .c{ height: auto;}
	.more-sl,.more-sl i{ background-size: 60% auto;}
	.productList .name{ font-size: 14px;}
	.select-links{ height: 48px; width: 370px;}
	.select-links .mb{ font-size: 16px; line-height: 48px;}
	.select-links .b{ top: 48px;}
	.proInfo-t b{ font-size: 20px;}
	.down-btn2{ height: 32px; line-height: 32px;}
	.down-btn2 .txt{ background-size: auto 70%; padding-right: 26px;}
	.pinfoImg-demo{ width: 80%;}
	.down-btn3 .time,.down-btn3 .txt{ background-size: auto 40%;}
	.solutionsList{ padding-bottom: 40px;}
	.solutionsList .con h3{ font-size: 18px; height: auto; line-height: 1.2; margin-bottom: 10px;}
	.infoT{ font-size: 24px;}
	.news-list ul{ margin-left: -2%;}
	.news-list li{ margin-left: 2%;}
	.mapBox .t{ left: 8%; font-size: 30px;}
	.pbanner2{ height: 220px;}
	.serach-banner-box{ padding-top: 65px;}
	.serach-banner .btn i{ width: 20px; height: 20px; margin: 12px auto; }
	.md-btn-close{ background-color: #2450a1; top: 0; right: 0; border-color: #2450a1;}
	.md-btn-close i{ background-size: 50% auto;}
	.project-arrow{ background-size: 50% auto; width: 40px; height: 40px;background-size: 50% auto; background-color: transparent;}
	.project-prev { left: 0;}
	.project-next{ right: 0;}
	.project-arrow:hover{ background-color: transparent;}
	.project-img{ padding: 50px 0px 40px;}
	.project-con{ padding: 40px 0px;}
	.projectP .name{ font-size: 20px;}
	.projectP{ font-size: 14px;}
	.project-img-demo, .projectP{ width: 800px;}
	
}
@media screen and (max-width:860px){
	.binbox-con .c{ font-size: 18px;}
	.banner .pimg{ width: 130%; margin-left: -15%;}
	.aboutUsBox-c .c{ font-size: 20px;}
	.page-list .page-con,.page-list .page-img{ float: none; width: auto;}
	.page-con h1{ font-size: 42px;}
	.page-con h3{ font-size: 18px;}
	.honor-list li{ width: 31.33%;}
	.slt-pic-demo ul{ margin-left: -1%;}
	.slt-pic-demo li{ width: 49%; margin:0px 0px 30px 1%;}
	.solutionsList .con .c{ line-height: 1.4; font-size: 14px; height: 59px; margin-bottom: 20px;}
	.solutionsList{ padding-bottom: 20px;}
	.mapBox .t{ left: 5%; font-size: 24px;}
	.project-img-demo, .projectP{ width: 620px;}
	.foot { line-height: 22px;}
	.contactList dd {width: 100%;}
	.contactList dd.con-left-box{ padding:40px 5%; width: 90%;}
	.con-right-box img { display:none}
	
}
@media screen and (max-width:641px){
	.binbox-con .c{ font-size: 16px; min-height: auto;}
	.linkBox{ padding: 35px 0px;}
	.slt-box1,.slt-box2{ width: 90%;}
	.pridcutIbox .iboxT{ font-size: 24px;}
	.productDemo .item{ margin-right: 0px;}
	.aboutUsBox{ padding: 50px 0px;}
	.aboutUsBox-c{ font-size: 18px;}
	.aboutUsBox-list{ padding-bottom: 15px;}
	.aboutUsBox-list li{ margin:0px 20px 20px;}
	.newsIbox{ margin: 0px 5%;}
	.productDemo .slick-prev,.productDemo .slick-next,.projectsIbox .slick-prev,.projectsIbox .slick-next{ width: 40px; height: 40px; background-size: 10px auto; margin-top: -20px;}
	.partnerIbox .iboxT{padding: 0px 5% 8px;}
	.partnerIbox .iboxT .slt-bor{ left: 5%;}
	.partnerIdemo{ margin: 0;}
	.partnerIdemo .slick-arrow i,.history-demo .slick-arrow i,.relevant-arrow i{ background-size: 80% auto;}
	.partnerIdemo .slick-prev{ right: 15%;}
	.partnerIdemo .slick-next{ right: 5%;}
	.filler{ display: none;}
	.load-yy{ height: 60px;}
	.pbanner-C .t{ font-size: 28px;}
	.pbanner-C .c{ font-size: 14px;}
	.pageT .t{ font-size: 24px;}
	.page-con h1{ font-size: 34px;}
	.page-con h3{ font-size: 16px;}
	.aboutService-box,.aboutEvent-box,.history-box{ padding: 40px 0px;}
	.aboutService-box .img{ width: 100%;}
	.aboutService-box .img img{ width: 100%; display: block;}
	.aboutService-box .by .title{ font-size: 30px;}
	.aboutService-box .c .num{ font-size: 70px; }
	.aboutService-box .c .t{ font-size: 18px; }
	.aboutService-box .c .i{ font-size: 17px;}
	.slt-leftBox,.slt-rightBox{ width: auto; float: none;}
	.slt-leftBox{ margin-bottom: 20px;}
	.history-demo .slick-arrow{ border-radius: 50%; background-color: #fff;}
	.history-demo .slick-prev{ left: 0px;}
	.history-demo .slick-next{ right: 0px;}
	.culturebox{ padding: 40px 0px 0px;}
	.culture-T{ background-size: 80px auto; font-size: 18px;}
	.culture-c .imgb{ background-size: 80%;}
	.culture-c{ height: 450px;}
	.culture-demo .item{ margin: 0;}
	.culture-demo{ margin-right: 0;}
	.pading a{ margin: 0px 2px; padding: 0px 10px;}
	.pading .prev span{ padding-left: 14px; background-size: 4px auto;}
	.pading .next span{ padding-right: 14px; background-size: 4px auto;}
	.capabilityPC{ width: 100%; padding-bottom: 0;}
	.capability-t{ font-size: 18px; width: 90%; margin: 0px auto 20px;}
	.capability-tab{ margin-bottom: 30px;}
	.capability-tab dd{ font-size: 14px; padding: 8px 0px;}
	.capability-tab dd .num{ width: 22px; height: 22px; margin-right: 5px;}
	.capability-h3{ font-size: 16px;}
	.capability-page{ padding-bottom: 40px;}
	.capability-page .pageC{ font-size: 14px; margin-bottom: 30px;}
	.relevant-arrow{ top: auto; bottom: 5px;}
	.equipment-list{ padding-bottom: 0;}
	.slt-pic-demo ul{ margin-left: 0;}
	.slt-pic-demo li{ width: 100%; margin-left: 0;}
	.slt-pic-demo .name{ padding: 8px 5%; height: auto; line-height: 1.4; text-align: left; font-size: 14px;}
	.down-btn{ height: 40px; line-height: 40px; width: 100%; display: block;}
	.down-btn .txt{ background-size: auto 70%; padding-left: 20px; font-size: 14px}
	.product-dl .t{ font-size: 18px;}
	.product-dl .imglist li{ width: 24%; margin-right: 2%; display: inline-flex;}
	.prolist-c{ margin-bottom: 40px;}
	.productList ul{ margin-left: -1%;}
	.productList li{ margin:0px 0px 25px 1%; width: 49%;}
	.select-links{ height: 40px; width: 100%; margin: 15px 0px;}
	.select-links .mb{ line-height: 40px; padding: 0px 40px 0px 10px; font-size: 14px;}
	.select-links .mb .aw{ width: 40px; height: 40px; background-size: 40% auto;}
	.select-links .b{ top: 40px;}
	.select-links ul{ background-color: #E1E1E1; padding: 5px 0px; border-bottom: 1px solid #cecece;}
	.select-links .b a{ font-size: 14px; padding: 8px 2%;}
	.proInfo-t{ padding-right: 0;}
	.proInfo-t b{ font-size: 18px;}
	.down-btn2{ position: relative; top: auto; display: block; right: auto; margin-top: 15px;}
	.proInfoPage{ width: 100%; padding: 0;}
	.pinfoImg-demo{ width: 100%;}
	.pinfoImg-demo .item{ margin: 0;}
	.pinfoImg-demo .slick-arrow{ width: 36px; height: 40px; margin-top: -20px; background-size: 20% auto;}
	.pinfoImg-demo .slick-prev{ background-image: url(../images/img_l.png); left: 0px;}
	.pinfoImg-demo .slick-next{ background-image: url(../images/img_r.png); right: 0px;}
	.project-list .con{ height: auto;}
	.project-list .con .t{ max-height: auto; font-size: 16px;}
	.solutionsList .item{ padding: 0px 0px 20px; margin-bottom: 20px;}
	.solutionsList .con h3{ font-size: 16px;}
	.solutionsList .con .c{ margin-bottom: 0;}
	.solutionsList .con .more{ display: none;}
	.infoPage{ padding: 0; width: 100%;}
	.infoT{ font-size: 18px;}
	.infoC{ padding: 40px 0px;}
	.infobot{ margin-bottom: 30px;}
	.infoPage-pager .bor{ display: none;}
	.infoPage-pager .prev,.infoPage-pager .next{ float: none; padding: 18px 5%; width: 90%; margin: 0px auto;}
	.infoPage-pager .prev{ border-bottom: 1px solid #ccc;}
	.servicePC{ width: 100%; padding: 0;}
	.service-tab{ margin-bottom: 30px; top: -1px; position: relative;}
	.service-tab dd{ font-size: 14px; padding: 8px 0px 2px; text-align: left;}
	.service-tab dd .c{ line-height: 1.2; padding-left: 45px; height: 40px;}
	.service-tab dd .ico{ width: 22px; height: 22px; left: 5%;}
	.news-list .con{ padding: 20px 5%; height: auto;}
	.news-list .con .t{ font-size: 16px; max-height: inherit;}
	.news-list .con .c{ margin-bottom: 30px;}
	.mapBox .t{ font-size: 22px;}
	.contactList{ width: 100%;}
	.contactList dd{ padding: 40px 0px; float: none;}
	
	.contactList dd {width: 100%;}
	
	.contactList dd.con-left-box,.contactList dd.con-right-box{ padding:40px 5%; width: 90%;}
	.contactPage .bg666{ display: none;}
	.contactList .t,{ font-size: 18px;}
	
	.con-right-box .t{ border-bottom: 1px solid #fff; padding-bottom: 15px;}
	.con-left-box .c-i{ background-size: auto 18px; background-position: left 4px;}
	.pbanner2{ height: 160px;}
	.serach-banner-box{ padding-top: 35px;}
	.serach-banner-box .t{ font-size: 24px;}
	.serach-banner{ width: 60%; padding: 8px 54px 8px 18px; background-color: #2450a1; height: 24px; line-height: 24px;}
	.serach-banner .btn { width: 54px; }
	.serach-banner .btn i{ margin: 12px auto; width: 18px; height: 18px;}
	.project-img-demo{ width: auto;} 
	.projectImg { margin: 0px auto;}
	.projectP{ width: 90%;}

}
@media screen and (max-width:481px) {
	.binbox-con .c{ font-size: 14px;}
	.cpnavbox a{ float: none; width: 90%; text-align: left;}
	.honor-list li{ width: 48%;}
}	
@media screen and (max-width:421px) {
	.aboutService-box .by .title{ font-size: 26px;}
	.aboutService-box .c .num{ font-size: 56px; }
	.aboutService-box .c .t{ font-size: 15px; }
	.aboutService-box .c .i{ font-size: 14px;}
	.productList ul{ margin-left: 0%;}
	.productList li{ margin:0px 0px 25px 0%; width: 100%; float: none;}
	.productList .name{ line-height: 1.4; padding: 8px 2%; height: auto;}
	.solutionsList figure{ width: auto; float: none; margin-bottom: 15px;}
	.solutionsList .con{ float: none; width: auto;}
}
@media screen and (max-width: 375px) {
	.pbanner-C .t{ font-size: 24px;}
	.pbanner-C .c{ font-size: 12px;}
	.page-con h1{ font-size: 32px;}
	.pageT .t{ font-size: 22px;}
	.aboutService-box .by{ left: 30%;}
	.aboutService-box .by .title{ font-size: 24px;}
	.aboutService-box .c .num{ font-size: 50px; }
	.aboutService-box .c .t{ font-size: 14px; }
	.aboutService-box .c .i{ font-size: 13px;}
}
@media screen and (max-width: 360px) {
	.binbox-con .c{ font-size: 12px;}
	.culture-c{ height: 350px;}
	.capability-tab dd{ font-size: 12px;}
	.capability-tab dd .num{ width: 20px; height: 20px;}
}
@media screen and (min-width:1920px){
	.cpnavbox a { text-align: center; color: #ffffff; font-size: 14px; display: inline-block; padding: 0px 21px; *display: inline; *zoom: 1; position: relative;  }
	.linkNav li a { font-size: 14px;  }
.binbox-con .c { font-size: 54px; line-height: 1.1; font-weight:300}
.binbox-con .t { font-size: 28px; line-height: 1.7; }
}