@media screen and (min-width:1025px){
	.linkBox .conBox .c-i1:hover{ background-image: url(../images/c_i11.png);}
	.linkBox .conBox .c-i2:hover{ background-image: url(../images/c_i21.png);}
	.linkBox .conBox .c-i3:hover{ background-image: url(../images/c_i31.png);}
	.linkBox .conBox .c-i4:hover{ background-image: url(../images/c_i41.png);}
	.product-Ilist dd:hover .balck-70{ background: url(../images/black_70.png) repeat; background: none rgba(0,0,0,0.7);}
	.product-Ilist dd:hover .con{ padding-top: 30px;}
	.product-Ilist dd:hover .con .t,.product-Ilist dd:hover .con .c{ color: #fff;}
	.product-Ilist dd:hover .con .t{ min-height: 0;}
	.product-Ilist dd:hover .icoBox .ico{ border: 2px solid #666;}
	.product-Ilist dd:hover .icoBox .ibg{ opacity: 0; visibility: hidden;}
	.pro-list-type .item:hover{ background-color: #333;}
	.pro-list-type .item:hover .con{ transform: scale(1); -webkit-transform: scale(1); opacity: 1; visibility: visible;}
	.caselist .con:hover{ background-color: #EEEEEE;}
	.caselist .con:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
	.caselist .con:hover h3{ color: #004EA2;}
	.newDL .item:hover .t{ color: #F28E00;}
	.newDL .item:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
}
@media screen and (min-width:1361px){
	.solutionIlist .itemt1{ font-size: 18px;}
}
@media screen and (min-width:1441px){
	.inner{ width: 1360px;}
	.product-Ibox{ padding: 102px 0px;}
	.product-Ilist .con{ padding-left: 15%; padding-right: 15%;}
	.product-Ilist .con .t{ font-size: 18px; min-height: 44px;}
	.solutionIlist .itemt1{ font-size: 20px;}
	.partnerIdemo{ width: 1398px;}
}
@media screen and (min-width:1601px){
	.pbanner-C .t{ font-size: 40px;}
	.pagePadding{ padding: 65px 0px;}
	.numlist .num,.numlist .ren{ font-size: 60px;}
}
@media screen and (max-width:1260px){
	.inner{ width: 960px;}
	.partnerIdemo{ width: 998px;}
	.banner-ybox{ width: 418px; height: 418px; margin:-209px 0px 0px -209px;}
	.banner-ybox .en{ font-size: 20px; }
	.banner-ybox .zh{ font-size: 46px;}
	.banner-ybox .zh2{ font-size: 56px; }
	.banner-ybox .more{ font-size: 14px;}
	.pagePadding{ padding: 50px 0px;}
	.pinner{ width: 960px;}
	.casePage{ width: 92%;}
	.serach-banner{ position: relative; width: 348px; padding: 10px 64px 10px 18px; height: 24px; line-height: 24px;}
	.serach-banner .btn { width: 74px; }
	.serach-banner .btn i{ margin: 9px auto;}
	.joinList .grid-sizer, .joinList .item{ width: 316px; padding-right: 4px;}
}
@media screen and (max-width:1024px){
	.vwrap .videobox { width: 700px; margin-left: -350px; }
	.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); }
	.inner,.pinner{ width: 90%;}
	.mtop{ height: 54px;}
	.top{ height: 53px;}
	.logo{ padding: 7px 15px 6px; width: 99px; left: 0%; box-shadow: 0 0 0px 0px transparent;}
	.grop-sider{ display: none;}
	.search-Mbtn,.menu-handler{ display: block;}
	.mouseIco{ background-size: 20px auto; bottom: 3%;}
	.mouseIco i{ width: 3px; height: 9px; left: 14px;}
	.dock a i{ transform: scale(0.8); -webkit-transform: scale(0.8);}
	.dock .itel{ display:block;}
	.linkBox .conBox .c-i{ background-size: 16px auto; background-position: left 5px;}
	.banner-ybox{ width: 318px; height: 318px; margin:-159px 0px 0px -159px;}
	.banner-ybox .en{ font-size: 14px; }
	.banner-ybox .zh{ font-size: 34px;}
	.banner-ybox .zh2{ font-size: 44px; }
	.banner-ybox .more{ font-size: 14px;}
	.iboxT .en{ font-size: 40px;}
	.iboxT .zh{ font-size: 18px;}
	.iboxT .name{ font-size: 20px;}
	.iboxT .pico{ width: 60px;}
	.iboxT .pname{ font-size: 16px;}
	.product-Ibox{ padding: 80px 0px; margin: 0px 32px; width: auto;}
	.product-Ilist dl{ margin: 30px 0px 0px -2%;}
	.product-Ilist dd{ width: 31.33%; height: 290px; margin: 0px 0px 2% 2%;}
	.product-Ilist .balck-70{ background: none rgba(0,0,0,0.6);}
	.product-Ilist .con{ padding-top: 30px;}
	.product-Ilist .con .t,.product-Ilist .con .c{ color: #fff;}
	.product-Ilist .con .t{ min-height: 0; font-size: 18px;}
	.product-Ilist .icoBox{ width: 80px; height: 80px;}
	.product-Ilist .icoBox .ico{ border: 2px solid #004ea2; background-color: #004ea2; width: 76px; height: 76px;}
	.product-Ilist .icoBox .ibg{ opacity: 0; visibility: hidden;}
	.product-Ilist .btn-viewMore{ display: none;}
	.product-Ilist .ilink{ z-index: 3;}
	.solutionIlist { height: auto; width: 100%;}
	.solutionIlist li{ float: none; width: 100% !important; height: 360px;}
	.solutionIlist li .itemt1{ display: none;}
	.solutionIlist .blue-90{ opacity: 1; visibility: visible;}
	.solutionIlist .con,.solutionIlist li.active .con{ opacity: 1; visibility: visible; top: 20%;}
	.newIbox{ width: auto; margin: 0px 32px;}
	.newI-demo .slick-dots li a{ background: no-repeat rgba(255,255,255,0.5); border-radius:50%;}
	.newI-demo .slick-dots li.slick-active a { background: no-repeat rgba(255,255,255,1);}
	.partnerIbox{ width: 100%;}
	.partnerIT{ margin: 0px 32px 30px;}
	.partnerIdemo{ width: 100%; margin-left: 0;}
	.partnerIdemo .item{ padding: 5px 32px;}
	.pbanner{ min-height: auto;}
	.pbanner-C .t{ font-size: 24px;}
	.pbanner-C .bot{ margin-top: 8px; width: 30px;}
	.pbanner-vico{ width: 40px; height: 40px; margin-top: 15px;}
	.pro-list-type .item{ border: 0 none; background-color: #f2f2f2;}
	.pro-list-type .t{ font-size: 14px; height: 60px;}
	.pro-list-type .con{ position: relative; left: auto; top: auto; opacity: 1; visibility: visible; transform: none; -webkit-transform: none; height: auto; padding:0px; width: auto; background-color: transparent;}
	.pro-list-type .ico{ position: relative; left: auto; top: auto; margin: 0px auto 25px; background-size: 130% auto; background-color: #f29200; border-radius: 50%; display: block;}
	.pro-list-type .con a{ background-color: #666;}
	.pro-list-type .con a.applyBtn{ background-color: #004ea2;}
	.casePage{ padding: 50px 0px 0px;}
	.three-nav a{ padding: 0px 15px; margin-bottom: 1px;}
	.caselist .img{ margin-bottom: 15px;}
	.caselist .con{ padding-bottom: 15px;}
	.caselist h3{ font-size: 14px; height: 25px; overflow: hidden;}
	.w800{ width: 86%;}
	.pageNavBox{ margin: 0;}
	.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: rgba(0,78,162,0.8); }
	.cpnavbox a:before{ display: none;}
	.cpnavbox a{ width:40%; font-size: 14px; padding: 10px 5%;}
	.cpnavbox a:hover,.cpnavbox a.active{ background-color: rgba(255,255,255,0.5);}
	.pageNavBox a:link, .pageNavBox a:visited { color: #fff;}
	.pageNavBox a:active,.pageNavBox a:hover { color: #ffffff;} 
	.joinList .grid-sizer,.joinList .item{ width: 49%; padding-right: 1%;}
	.joinList .gutter-sizer{ width:1%;}
	.joinList .item{ margin-bottom: 30px;}
	.joinList .itemBox{ padding: 25px;}
	.joinList .t{ padding-bottom: 20px;}
	.joinList .bot{ margin-top: 15px;}
	.solution-nav a{ padding: 8px 14px; font-size: 14px; margin:0px 5px 5px 0px;}
	.solution-t{ padding: 35px 0px; font-size: 24px;}
	.solution-dl{ margin-top: 25px;}
	.newDL .con{ padding-top: 3%;}
	.newDL .c{ margin: 8px 0px 8%;}
	.aboutList .itemBox .t{ font-size: 20px;}
	.aboutList .img,.aboutList .oneItem .img{ float: none; width: 100%;}
	.aboutList .con,.aboutList .oneItem .con{ position: relative; left: auto; top: auto; right: auto; width: auto; padding: 35px 0px;}
	.aboutList .itemBox,.aboutList .oneItem .itemBox{ width: 90%; margin: 0px auto; float: none;}
	.numlist .num,.numlist .ren{ font-size: 44px;}
	.numlist li{ width: 48%; margin: 0px 2% 20px 0;}
	.chairmanList .img,.chairmanList .con{ float: none; width: 100%; margin-right: 0;}
	.chairmanList .con{ background-color: #F2F2F2; padding:20px 5%; width: 90%;}
	.chairmanList .con h2{ font-size: 20px; padding-top: 0;}
	.w960{ width: 90%; margin: 0px auto;}
	.teamT{ width: 16.66%; margin-left: 16.66%;}
	.teamT .zh{ font-size: 18px;}
	.technicalPage .teamT{ margin-left: 33.32%;}
	.pbanner2{ height: 220px;}
	.serach-banner-box{ padding-top: 65px;}
	.serach-banner .btn i{ width: 20px; height: 20px; margin: 12px auto; }
	.mapbox{ height: 300px;}
	.user-close{ right: 5%; top: 25px; width: 24px; height: 24px;}
	.user-f-Box{ width: 90%; padding:25px 5%;}
}
@media screen and (max-width:860px){
	.vwrap .videobox { width: 560px; margin-left: -298px; }
	.iboxT .en{ font-size: 34px;}
	.iboxT .zh{ font-size: 16px;}
	.iboxT .name{ font-size: 18px;}
	.iboxT .bot{ margin: 10px auto;}
	.iboxT .by{ width: 90%;}
	.linkBox .conBox,.linkBox .sharpItem{ float: none; width: 100%;}
	.linkBox .sharpItem{ padding-top: 20px;}
	.ermBox{ float: none;}
	.product-Ibox{ padding: 60px 0px;}
	.newI-dl .itemC{ float: none; width: 100%;}
	.newI-demo .img{ background-image: none !important; height: auto;}
	.newI-demo .img img{ display: block;}
	.newI-list-box{ border-left: 1px solid #ccc; height: auto; padding: 20px 5%;}
	.newI-list li a{ height: auto;}
	.newI-list .more{ color: #F29100;}
	.pro-list-type{ margin-left: -2%;}
	.pro-list-type dd{ width: 31.33%; margin-left: 2%; margin-bottom: 20px;}
	.pro-function{ width: auto;}
	.w800{ width: 90%;}
	.newDL .t{ height: 42px; font-size: 14px;}
	.newDL .c{ margin-bottom: 0; font-size: 13px; height: 47px;}
	.newDL .btn-viewMore{ display: none;}
	.teamT{ padding-top: 40px; height: 90px; width: 25%; margin-left: 25%;}
	.teamList li{ width: 25%;}
	.technicalPage .teamT{ margin-left: 50%;}
	.vbBox{ height: 360px;}
}
@media screen and (max-width:641px){
	.vwrap .videobox { width: 400px; margin-left: -218px; height: 350px;  margin-top:-175px;}
	.linkBox{ padding: 40px 0px 30px;}
	.foot-nav{ float: none;}
	.dock{ bottom: 5%;}
	.dock .ihome,.dock .iqq{ display: none;}
	.menu{ padding: 80px 0px 190px;}
	.menu li>a{ font-size: 18px; padding: 15px 0px;}
	.menu .subMenu a{ font-size: 14px;}
	.menuBox-bot{ height: 60px;}
	.menuBox-bot .item a{ padding: 4px 0px;}
	.menuBox-bot .item .ico{ transform: scale(0.6); -webkit-transform: scale(0.6);}
	.banner-ybox .zh{ font-size: 30px;}
	.banner-ybox .zh2{ font-size: 40px; }
	.mouseIco{ bottom: 1%;}
	.iboxT .en{ font-size: 30px;}
	.iboxT .zh{ font-size: 15px;}
	.iboxT .by{ text-align: left; width: auto;}
	.product-Ibox{ padding: 50px 0px; margin: 0px 20px;}
	.linkBox .sharpItem .fsharp { display: none;}
	.product-Ilist dl{ margin-left: 0;}
	.product-Ilist dd{ width: 100%; float: none; margin-left: 0; height: auto;}
	.product-Ilist .icoBox{ width: 70px; height: 70px;}
	.product-Ilist .icoBox .ico{ border: 0px none; width: 100%; height: 100%;}
	.product-Ilist .con{ padding: 30px 5% 25px;}
	.product-Ilist .con .c{ height: auto; font-size: 12px;}
	.newIbox{ padding: 50px 0px; margin: 0px 20px;}
	.partnerIT{ margin: 0px 20px 30px;}
	.partnerIdemo .item{ padding: 5px 20px;}
	.solutionIlist li{ height: auto;}
	.solutionIlist .img{ position: absolute; left: 0; top: 0;}
	.solutionIlist .con{ width: auto; left: 0; margin-left: 0; padding: 35px 20px; position: relative;}
	.solutionIlist .t{ font-size: 18px;}
	.solutionIlist .con .c{ margin-bottom: 25px; font-size: 12px;}
	.pbanner .load-img{ width: 140%; margin-left: -20%;}
	.pbanner-C .t{ font-size: 18px;}
	.pagePadding{ padding: 35px 0px;}
	.product-C{margin: 35px auto;}
	.pro-list-type dd{ width: 48%;}
	.pro-list-type .ico{ margin-bottom: 20px;}
	.pro-pitem{ width: 40%;}
	.casePage{ padding: 35px 0px 0px;}
	.three-nav a{ padding: 0px; width: 33%; margin-right: 0.33%; text-align: center;}
	.caselist{ padding: 25px 0px;}
	.caselist dd{ width: 48.5%; margin-bottom: 20px;}
	.caselist .img{ margin-bottom: 10px;}
	.caselist .con{ padding-bottom: 10px;}
	.infoT .t{ font-size: 18px;}
	.pager .prev,.pager .next{ width: 100%;}
	.pager .list{ position: relative; right: auto; bottom: auto;}
	.solution-nav a{ font-size: 12px; padding: 4px 5px;}
	.solution-t{ font-size: 20px; padding: 25px 0px;}
	.newDL .c{ display: none;}
	.aboutList .itemBox .t{ font-size: 18px;}
	.numlist li{ width: 90%; padding: 15px 5%; float: none; margin: 0px 0 15px 0; background-color: #F2F2F2;}
	.numlist .num,.numlist .ren{ font-size: 30px;}
	.chairmanList .con h2{ font-size: 18px; padding: 14px 0px;}
	.chairmanTab li{ padding: 0px 15px;}
	.teamList .t-item:hover .balck-40{ top: 100%; opacity: 0; visibility: hidden;}
	.pbanner2{ height: 160px;}
	.serach-banner-box{ padding-top: 35px;}
	.serach-banner{ width: 60%; padding: 8px 54px 8px 18px; height: 24px; line-height: 24px;}
	.serach-banner .btn { width: 54px; }
	.serach-banner .btn i{ margin: 12px auto; width: 18px; height: 18px;}
	.mapbox{ height: 240px;}
	.vbBox{ height: 320px;}
	.vbBox .vico{ width: 50px; height: 50px; margin: -25px 0px 0px -25px;}
}
@media screen and (max-width:481px) {
	.vwrap .videobox { width: 300px; margin-left: -178px; height: 300px; margin-top:-150px; }
	.banner-ybox{ width: 280px; height: 280px; margin:-140px 0px 0px -140px;}
	.banner-ybox .en{ font-size: 12px;}
	.banner-ybox .zh{ font-size: 22px;}
	.banner-ybox .zh2{ font-size: 32px; }
	.pro-pitem{ width: 90%; margin: 0px 0px 12px; padding: 10px 5%; height: auto;}
	.pro-pitem .ico i{ width: 32px; height: 32px;}
	.joinList .grid-sizer,.joinList .item{ width: 100%; padding-right: 0;}
	.joinList .gutter-sizer{ width: 0%;}
	.solution-dl dd{ width: 100%;}
	.solution-dl dd:first-child{ margin-right: 0%;}
	.chairmanList .list li{ float: none; width: auto; margin-right: 0; padding: 0;}
	.teamT{ padding-top: 30px; height: 70px;}
	.teamT .zh{ font-size: 15px;}
	.vbBox{ height: 240px;}
}	
@media screen and (max-width:421px) {
	.newI-demo,.newI-demo .item{ background-color: #666;}
	.newI-demo .con{ position: relative; left: auto; bottom: auto; background:none transparent;} 
	.newI-demo .con .c{ max-height: 42px; overflow: hidden;}
	.newDL .img{ float: none; width: auto;}
	.newDL .con{ float: none; width: auto; padding: 15px; margin: 0;}
	.newDL .t{ height: auto;}
	.newDL .c{ display: block;}
	.mapbox{ height: 200px;}
	.vbBox{ height: 200px;}
}
@media screen and (max-width: 375px) {
	.vwrap .videobox { width: 240px; margin-left: -138px; height: 300px; margin-top: -150px; }
	.casePage .three-nav{ margin-left: 0;}
	.caselist dd{ width: auto; margin:0px 0px 20px;}
	.caselist h3{ height: auto; line-height: 1.4;}
	.vbBox{ height: 180px;}
}
@media screen and (max-width: 360px) {
	.banner-ybox{ width: 250px; height: 250px; margin:-125px 0px 0px -125px;}
	.banner-ybox .zh{ font-size: 20px;}
	.banner-ybox .zh2{ font-size: 30px; }
	.teamT{ padding-top: 25px; height: 55px;}
	.teamT .zh{ font-size: 13px;}
	.teamT .bot{ margin-top: 5px;}
}
