@charset "utf-8";
@media screen and (min-width:0px) and (max-width:319px) {
	.bannerTxt img{ width: 32%;}
	.top .tel{ display: none;}
	.pitem .zh{ font-size: 18px;}
	.pitem .en{ font-size: 12px;}
	.imgbox .pitem .en{ line-height: 1.2; font-size: 12px;}
	.imgbox .pitem .zh{line-height: 1.2; font-size: 12px;}
	.imgbox .pitem .bo1,.imgbox .pitem .bo2{ height: 1px;}
	.ibox .en{ font-size: 18px;}
	.owl-honor,.owl-employee{ width: 76%;}
	.owl-honor .item,.owl-employee .item{ margin: 0px;}
	.pagenav .inner{ width: 100%;}
	.pagenav a{ display: block; width: 100%; border-left: 0px none; height: 50px; line-height: 50px;}
	.pagenav a span{ line-height: 50px;}
	.pagenav a span.zh{ font-size: 14px;}
	#honorpage .item{ width: 100%; margin: 0px auto 5%; float: none; display: block;}
	.employeelist{ width: 100%;}
	.join-dl .jname{ width: 50%;}
	.join-dl .jbtn{ width: 38%;}
	.caselist ul{ width: 100%;}
	.caselist li{ width: 100%; margin: 0px 0px 20px;}
	.companyt .en{ font-size: 16px;}
	.companyt .zh{ font-size: 12px;}
	.servicelist dl dt{ width: 100%; float: none; margin-bottom: 20px;}
	.servicelist dl dt .num{ width: 80px; height: 80px; font-size: 30px; background-size: cover;}
	.servicelist dl dd{ margin-left: 0px;}
	.messageBox .ms-zh{ font-size: 14px;}
	.messform .mtxt{ width: 70%;}
	.messform .mtxt2{ width: 90%;}
	.partnersList li{ width: 100%; padding: 0px; float: none; display: block; margin-bottom: 40px;}
	.partnersList li .txt{ text-align: center;}
	.partnersList li .txt .num{ float: none; display: inline-block;}
	.seriesList li{ border: 0px none; width: 100%; float: none; margin-bottom: 20px;}
	.seriesList li a{ width: 100%; height: 100%; box-sizing: border-box; border: 0px none;}
	.seriesList li img{ width: 70%; margin: 0px auto; border: 0px none;}
	.storeList li{ width: 99%; margin-bottom: 10px; float: none;}
	.storeList li .img{ width: 100%; float: none; display: block;}
	.storeList li .con{ width: 100%; float: none; display: block;}
	.storeList li .con a .map{ display: block;}
	.no-line .tel{ float: none; display: block; margin-bottom: 20px;}
	.no-line .btn{ float: none; display: block; margin-bottom: 20px;}
}
@media screen and (min-width:320px) and (max-width:480px) {
	.bannerTxt img{ width: 36%;}
	.top .tel{ display: none;}
	.proIbox .pmore{ padding: 2px 12px;}
	.proIbox .pmore i{ padding-left: 22px;}
	.pitem .zh{ font-size: 18px;}
	.pitem .en{ font-size: 12px;}
	.imgbox .pitem .en{ line-height: 1.2; font-size: 12px; margin-bottom: 0px;}
	.imgbox .pitem .zh{line-height: 1.2; font-size: 12px;}
	.imgbox .pitem .bo1,.imgbox .pitem .bo2{ height: 2px;}
	.ibox .en{ font-size: 18px;}
	.owl-honor,.owl-employee{ width: 78%;}
	.owl-honor .item,.owl-employee .item{ margin: 0px;}
	.pagenav .inner{ width: 100%;}
	.pagenav a{ display: block; width: 100%; border-left: 0px none; height: 50px; line-height: 50px;}
	.pagenav a span{ line-height: 50px;}
	.pagenav a span.zh{ font-size: 14px;}
	#honorpage .item{ width: 46%; margin: 0px 2% 4%;}
	.employeelist{ width: 100%;}
	.join-dl .jname{ width: 60%;}
	.companyt .en{ font-size: 16px;}
	.companyt .zh{ font-size: 12px;}
	.caselist ul{ width: 100%;}
	.caselist li{ width: 90%; margin: 0px 0px 20px; float: none; display: block; padding: 4% 5% 0px;}
	.caselist li .txt{ height: auto; padding: 15px 0px; line-height: 1.4;}
	.servicelist dl dt{ width: 100%; float: none; margin-bottom: 20px; text-align: center;}
	.servicelist dl dt .num{ width: 80px; height: 80px; font-size: 30px; background-size: cover;}
	.servicelist dl dd{ margin-left: 0px;}
	.activityList li{ width: 100%; display: block;}
	.activityList .txt .time{ padding: 4% 0px;}
	.messageBox .ms-zh{ font-size: 14px;}
	.messform{ padding-top: 30px;}
	.messform .mtxt{ width: 70%;}
	.messform .mtxt2{ width: 90%;}
	.partnersList li{ width: 100%; padding: 0px; float: none; display: block; margin-bottom: 40px;}
	.partnersList li .img img{ width: 50%;}
	.partnersList li .img{ margin-bottom: 20px;}
	.partnersList li .txt{ text-align: center; margin-bottom: 40px;}
	.partnersList li .txt .num{ float: none; display: inline-block;}
	.seriesList li{ border: 0px none; width: 100%; float: none; margin-bottom: 20px;}
	.seriesList li a{ width: 100%; height: 100%; box-sizing: border-box; border: 0px none;}
	.seriesList li a:hover{ border: 0px none;}
	.seriesList li img{ width: 70%; margin: 0px auto;}
	.proImg .img{ float: none; display: block; width: 100%; text-align: center;}
	.proImg .img img{ width: 80%; margin: 0px auto;}
	.proImg .con{ width: 96%; float: none; display: block; padding: 50px 2%;}
	.storeList li{ width: 99%; margin-bottom: 10px; float: none;}
	.storeList li .img{ width: 100%; float: none; display: block;}
	.storeList li .con{ width: 100%; float: none; display: block;}
	.storeList li .con a .map{ display: block;}
	.no-line .tel{ float: none; display: block; margin-bottom: 20px;}
}
@media screen and (min-width:481px) and (max-width:640px) {
	.bannerTxt img{ width: 32%;}
	.top .tel{ display: none;}
	.pitem .zh{ font-size: 20px;}
	.pitem .en{ font-size: 14px;}
	.imgbox .pitem .en{ line-height: 1.2; font-size: 18px;}
	.imgbox .pitem .zh{line-height: 1.2; font-size: 14px;}
	.ibox .en{ font-size: 22px;}
	.owl-honor,.owl-employee{ width: 80%;}
	.pagenav a{ display: inline-block; height: 50px; width: auto; border-left: 1px solid #dedede; width: 100px;}
	.pagenav a span{ display: inline-block; height: 50px; width: auto;line-height: 50px; } 
	.pagenav a span.en{ font-size: 12px;}
	#honorpage .item{ width: 46%; margin: 0px 2% 4%;}
	.employeelist{ width: 90%;}
	.join-dl .jname{ width: 60%;}
	.join-dl .jbtn{ width: 28%;}
	.caselist li{ width: 49.7%;}
	.companyt .en{ font-size: 18px;}
	.companyt .zh{ font-size: 14px;}
	.servicelist dl dt{ width: 100px;}
	.servicelist dl dt .num{ width: 80px; height: 80px; font-size: 30px; background-size: cover;}
	.servicelist dl dd{ margin-left: 100px;}
	.activityList li{ width: 100%;}
	.activityList .txt .time{ padding: 6% 0px;}
	.activityList li{ width: 50%;}
	.partnersList li{ width: 46%; padding: 0px 2%;}
	.partnersList li .txt{ text-align: center;}
	.partnersList li .txt .num{ float: none; display: inline-block;}
	.seriesList li{ width: 47.7%;}
	.seriesList li a{ width: 100%; height: 100%; box-sizing: border-box; border: 0px none;}
	.seriesList li a:hover{ border: 0px none;}
	.seriesList li img{ width: 70%; margin: 0px auto;}
	.proImg .con{ width: 45%;}
	.proImg .img{ width: 45%; margin-right: 5%;}
	.storeList li{ width: 99%; margin-bottom: 10px; float: none;}
	.storeList li .con a .map{ display: block;}
	.no-line .tel{ float: none; display: block; margin-bottom: 20px;}
}
@media screen and (min-width:641px) and (max-width:860px) {
	.bannerTxt img{ width: 30%;}
	.top .tel{ display: none;}
	.imgbox .pitem .en{ font-size: 18px;}
	.imgbox .pitem .zh{ font-size: 14px;}
	.ibox .en{ font-size: 30px;}
	.owl-honor,.owl-employee{ width: 80%;}
	.pagenav a{ display: inline-block; height: 50px; width: auto; border-left: 1px solid #dedede; width: 100px;}
	.pagenav a span{ display: inline-block; height: 50px; width: auto;line-height: 50px; } 
	.pagenav a span.en{ font-size: 12px;}
	#honorpage .item{ width: 29%; margin: 0px 2% 2%;}
	.employeelist{ width: 80%;}
	.join-dl .jname{ width: 68%;}
	.caselist li{ width: 33.1%;}
	.companyt .en{ font-size: 20px;}
	.companyt .zh{ font-size: 14px;}
	.servicelist dl dt{ width: 100px;}
	.servicelist dl dt .num{ width: 80px; height: 80px; font-size: 30px; background-size: cover;}
	.servicelist dl dd{ margin-left: 100px;}
	.activityList li{ width: 50%;}
	.activityList .txt .time{ padding: 6% 0px;}
	.partnersList li{ width: 46%; padding: 0px 2%;}
	.partnersList li .txt{ text-align: center;}
	.partnersList li .txt .num{ float: none; display: inline-block;}
	.proImg .img{ width: 40%; margin-right: 4%;}
	.storeList li{ width: 99%; margin-bottom: 10px; float: none;}
	.storeList li .con a .map{ display: block;}
}
@media screen and (min-width:861px) and (max-width:1024px) {
	.bannerTxt img{ width: 26%;}
	.ibox .en{ font-size: 18px;}
	.ibox .c{ height: 48px;}
	.imgbox .pitem .en{ font-size: 22px;}
	.imgbox .pitem .zh{ font-size: 16px;}
	.pbannerfont .en span{ font-size: 28px; padding: 0px 10px;}
	.pbannerfont .zh{ font-size: 20px;}
	.owl-honor,.owl-employee{ width: 80%;}
	.pagenav a{ display: inline-block; height: 60px; width: auto; border-left: 1px solid #dedede; width: 120px;}
	.pagenav a span{ display: inline-block; height: 60px; width: auto;line-height: 60px; } 
	.pagenav a span.en{ font-size: 14px;}
	.employeelist{ width: 100%;}
	.newlist .ibox .bot,.newlist  .ibox .t,.newlist  .ibox .c,.newlist .ibox .time{ margin-bottom: 5.2%;}
	.faqlist .fcbox{ padding: 25px 30px;}
	.activityList li{ width: 50%;}
	.partnersList li{ width: 46%; padding: 0px 2%;}
	.partnersList li .txt{ text-align: center;}
	.partnersList li .txt .num{ float: none; display: inline-block;}
	.productType li .txt{ height: 110px; padding: 30px 4% 0px;}
	.seriesList li{ width: 22.8%;}
	.seriesList li a{ width: 97%;}
	.proImg .img{ width: 40%;}
	.storeList li{ width: 99%; margin-bottom: 20px; float: none;}
	.storeList li .con a .map{ display: block;}
	.inav li a{ padding: 0px 14px;}
	.linkse{ padding-bottom: 40px;}
	.linkse select{ width: 280px; text-align: center;}
}
@media screen and (min-width:1025px) and (max-width:1280px) {
	.bannerTxt img{ width: 30%;}
	.ibox .en{ font-size: 28px;}
	.proIbox,.proIbox li{ height: 400px;}
	.proIbox .pitem{ top: 35%;}
	.pitem .zh{ font-size: 26px;}
	.pitem .en{ font-size: 16px;}
	.imgbox .pitem .en{ font-size: 26px;}
	.imgbox .pitem .zh{ font-size: 16px;}
	.owl-honor,.owl-employee{ width: 84%;}
	.employeelist{ width: 100%;}
	.join-dl{ width: 86%;}
	.newlist .ibox .bot,.newlist  .ibox .t,.newlist  .ibox .c,.newlist .ibox .time{ margin-bottom: 4.8%;}
	.activityList li{ width: 50%;}
	.partnersList li{ width: 46%; padding: 0px 2%;}
	.partnersList li .txt{ text-align: center;}
	.partnersList li .txt .num{ float: none; display: inline-block;}
	.productType li .txt{ height: 130px; padding-top: 50px;}
	.seriesList li{ width: 22.8%;}
	.seriesList li a{ width: 97.6%;}
	.inav li a{ padding: 0px 18px;}
	.pagenav a{ width: 128px;}
}
@media screen and (min-width:1281px) and (max-width:1360px) {
	.proIbox,.proIbox li{ height: 440px;}
	.proIbox .pitem{ top: 35%;}
	.imgbox .pitem .en{ font-size: 28px;}
	.imgbox .pitem .zh{ font-size: 18px;}
	.owl-honor,.owl-employee{ width: 84%;}
	.join-dl{ width: 80%;}
	.newlist .ibox .bot,.newlist  .ibox .t,.newlist  .ibox .c,.newlist .ibox .time{ margin-bottom: 5%;}
	.partnersList li{ width: 20%; padding: 0px 2%;}
}
@media screen and (min-width:1361px) and (max-width:1440px) {
	.proIbox,.proIbox li{ height: 480px;}
	.proIbox .pitem{ top: 35%;}
	.owl-honor,.owl-employee{ width: 84%;}
	.newlist .ibox .bot,.newlist  .ibox .t,.newlist  .ibox .c,.newlist .ibox .time{ margin-bottom: 5.8%;}
	.partnersList li{ width: 20%; padding: 0px 2%;}
}
@media screen and (min-width:1441px) and (max-width:1660px) {
	.proIbox,.proIbox li{ height: 500px;}
	.proIbox .pitem{ top: 35%;}
}
@media screen and (min-width:1025px) {
	.activityList li:hover .img img{ -webkit-transform: scale(1.1, 1.1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 400ms; -moz-transform: scale(1.1, 1.1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 400ms; transform: scale(1.1, 1.1); transition-timing-function: ease-out; transition-duration: 400ms;}
	.storeList li .con a:hover .map{ display: block;}
	.storeList li:hover .img img{-webkit-transform: scale(1.2,1.2); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 400ms; -moz-transform: scale(1.2,1.2); -moz-transition-timing-function: ease-out; -moz-transition-duration: 400ms; transform: scale(1.2,1.2); transition-timing-function: ease-out; transition-duration: 400ms;}
}
@media screen and (min-width:0px) and (max-width:1440px){
	.inner{ width: 80%;}
	.top .pinner{ width: 96%;}
	.bannerTxt{ width: 80%; left: 10%; margin-left: 0px;}
	.ibox .bot, .ibox .t, .ibox .c, .ibox .nt, .ibox .time{ margin-bottom: 4%;}
	#companyPbox .bot, #companyPbox .t, #companyPbox .c, #companyPbox .nt, #companyPbox .time{ margin-bottom: 5%;}
	.pbannerfont{ left: 10%;}
	.partnersList li.lin1{ width: 100%; float: none; margin:0px 0px 40px; padding: 0px;}
	.partnersList li.lin1 .txt{ text-align: center;}
	.partnersList li.lin1 .txt .num{ float: none; display: inline-block;}
}
@media screen and (min-width:0px) and (max-width:1280px) {
	.linklist li{ width: 30%; margin-left: 5%;}
	.linklist li.litem1{ width: 30%; margin-left: 0px;}
}
@media screen and (min-width:0px) and (max-width:1024px) {
	.inner{ width: 90%;}
	.top .inner{ width: 100%;}
	.top .logo{ margin-left: 5%;}
	.nav dd{ text-align: left;}
	.bannerTxt{ width: 90%; left: 5%; margin: 0px; height: auto;}
	.proIbox{ height: auto;}
	.proIbox li{ position: relative; left: auto; display: block; width: 100%; height: auto; max-height: auto;}
	.proIbox li.item1,.proIbox li.item2,.proIbox li.item3{ left: auto;}
	.proIbox li img{ width: 100%;}
	.proIbox li .bluepng,.proIbox li .pitem{ display: block;}
	.proIbox .pitem{ top: 30%;}
	.pbanner{ height: 450px;}
	.pbanner .pbimg{ display: none;}
	.pbannerfont{ left: 5%;}
	#videoPbox{ height: 400px; overflow: hidden;}
	#videoPbox img{ width: auto;}
	.ibanner{ height: 394px;}
	.ibanner img{ display: none;}
	.imgbox .pitem{ display: block;}
	#honorpage .item a img,#honorpage .item a:hover img{-webkit-transform: scale(1, 1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 0ms; -moz-transform: scale(1, 1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 0ms; transform: scale(1, 1); transition-timing-function: ease-out; transition-duration: 0ms;}
	.emptxt a.zan{ right: 0px; height: 100%;}
	.emptxt a.mess{ display: none;}
	.emptxt .c{ padding: 16px 73px 16px 30px; height: auto;}
	.join-dl{ width: 100%;}
	
	.noPage{ padding-left: 0px;}
	.noPage .noico{ position: absolute; left: auto; top: 40px; right: 0px; width: 150px;}
	.noico img{ width: 100%; display: block;}
	.noCon .by{ font-size: 24px;}
	.noCon .by .ico{ background-size: cover; width: 38px; height: 38px;}
	.noCon{ margin-bottom: 50px;}
}
@media screen and (min-width:0px) and (max-width:860px) {
	.top{ height: 58px;}
	.top .logo {height: 46px;padding: 12px 0px 0 0; border-right: 0px none;}
	.top .navbtn{ width: 80px; height: 58px;}
	.navbox{ padding:74px 0px 16px; border: 0px none;}
	.top .navbtn .ico{ width: 24px; font-size: 12px; line-height: 58px; padding-right: 32px; background-position: 32px center;}
	.banner{ margin-top: 58px;}
	.bannerTxt{ top: -30px;}
	.banerBtns{ top: 30%;}
	.banerBtns span{ margin: 0px 0px 5px 0px;}
	.linklist li,.linklist li.litem1{ display: block; float: none; margin: 0px 0px 40px; width: 100%; text-align: left;}
	.linklist .t{ margin-bottom: 20px;}
	.ibox .img{ float: none; width: 100%;}
	.ibox .con{ float: none; width: 90%; padding:8% 5%; margin: 0px auto;}
	#iAboutBox .con{ float: none;}
	.ibox .bot{  padding-top: 0px;}
	.footer .l,.footer .r{ float: none; display: block;}
	.footer .l{ margin-bottom: 10px;}
	#companyPbox .con{ padding-bottom: 8%;}
	.pbannerfont .en span{ font-size: 24px; padding: 0px 5px;}
	.pbannerfont .zh{ font-size: 18px;}
	.owlp-prev, .owlp-next{ width: 30px; height: 30px; margin-top: -15px;}
	#employeePbox .owlp-prev, #employeePbox .owlp-next{ width: 28px; margin-top: -114px;}
	#ourValues .cons{ position: relative; left: auto; bottom: inherit; height: auto;}
	#ourValues .cons li{ height: auto; width: 100%; float: none; display: block;}
	#ourValues .cons li .t2{ position: static;}
	.emptxt{ margin-top: 25px;}
	.empBox .owlp-prev{ left: 4px;}
	.empBox .owlp-next{ right: 4px;}
	.empBox .owlp-prev,.empBox .owlp-next{ width: 20px;}
	.employeelist .item{ width: 48%; padding:0px 1% 4% 1% ;}
	.join-dl .jnum,.join-dl .jtime{ display: none;}
	.caselist .txt{ height: 44px; line-height: 1.4; padding-top: 16px; font-size: 12px;}
	.faqlist .ftbox{ padding: 12px 10px;}
	.faqlist .fimg,.faqlist .ftboxact .fimg{ background-size: cover; width: 40px; height:40px; margin-right: 10px; line-height: 40px;}
	.faqlist .fname{ padding: 10px 0px; font-size: 12px; width: 64%;}
	.faqlist .fbtn{ margin-top: 10px;}
	.faqlist .fcbox{ padding: 20px; font-size: 12px;}
	.mapBox{ margin-top: 58px;}
	.productType li{ float: none; width: 100%;}
	.productType li .txt{ padding: 30px 5%; height: auto;}
	.mapBox{ height: 400px;}
	.proT li{ width: 25%;}
	.zxBox .ts{ font-size: 16px;}
	.zxtab tr td{ font-size: 12px; padding-bottom: 20px;}
	.zxtab .zt{ width: 68px; display: block;}
	.zbtxt{ padding: 4px;}
	.zbtxt2{ width: 80%;}
	.zbtxt3{ width: 36%;}
	.zxse{ margin-bottom: 20px;}
	.linkse{ padding-bottom: 20px;}
	.linkse select{ width: 230px;}
	.kfBox{ top: 50%;}
	.kfBox .moKbox{ display: block;}
	.kfBox .t,.kfBox .bot,.kfBox .c{ display: none;}
	.noPage{ width: 90%;}
	.linkse,.linkIcon { display: none;}
    .linklist li.litem3{ margin-bottom: 0px;}
}
@media screen and (max-width:1024px){
	.top .navbtn{ display: block;}
	.inav{ display: none;}
	.navMobile{ display: block; width: 100%;}
	.top .tel{ margin-right: 20px;}
	.iproductBox .con{ padding: 15px 0px 0px; height: 160px;}
	.iproductBox .ico{ transform: scale(0.6); -webkit-transform: scale(0.6);}
	.iproductBox .con .t{ font-size: 14px;}
	.iproductBox .con .t .by{ font-size: 20px;}
	.iproductBox li:hover .sj{ bottom: -20px;}
	.iproductBox li{ border-right: 1px solid #ccc; box-sizing: border-box;}
	.iproductBox .item2 .con, .iproductBox .item2 .img{ border-left: 0px; border-right: 0px;}
	.iproductBox .y{ width: 100px; height: 70px; padding-top: 30px; margin: -50px 0px 0px -50px; font-size: 16px;}
	.iproductBox .more-ico{ margin-top: 10px; width: 20px; height: 20px;}
	.iproductBox li:hover .con{ color: #666666; background-color: #fff;}
	.iproductBox li:hover .ico{ background-position: 0 0px;}
	.iproductBox .con .sj{ display: none;}
	.iproductBox li:hover .img{ background-color: #ebebeb;}
	.iproductBox li .black{ opacity: 1; visibility: visible; background: none;}
	.iproductBox li .y { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); transform: scale(1); }
	.iserviceBox{ width: 100%; padding: 50px 0px;}
	.iserviceBox dt{ margin-bottom: 60px;}
	.iserviceBox li .item{ width: 80%;}
	.iserviceBox .item{ color: #fff; background-color: #2b70bb; border-radius: 4px; height: 240px;}
	.iserviceBox .item .blue{ display: none;}
	.iserviceBox .item .t{ padding-top: 0px; font-size: 22px;}
	.iserviceBox .ico .i{ height: 76px;}
	.iserviceBox .item .more-ico{ opacity: 1; visibility: visible; transform: translateX(0px); -webkit-transform: translateX(0px);}
	.iPartnersBox{ background-attachment: inherit;}
	.partner-ibox{ width: 240px; padding-top: 60px; height: 180px; background:none rgba(255,255,255,0.8); border-radius: 50%;}
	.partner-ibox .y1{ display: none;}
	.partner-ibox .mico{ background-image: url(../images/y_more1.png);}
	.icaseBox{ width: 90%; padding: 50px 0px;}
	.icaseList .con{ bottom: 0px; background: none rgba(0,0,0,0.4);}
	.icaseList .firstBox .con,.icaseList .moreCon{ font-size: 14px;}
	.linkbox{ padding-top: 40px;}
	.newlist{ padding: 50px 0px;}
	.newlist li:hover .img img { transform: scale(1); -webkit-transform: scale(1); }
	.newlist li .more-ico{ background-color: #000; color: #fff;}
}

@media screen and (max-width:860px){
	.iproductBox .con{ padding: 0px 0px 0px; height: 160px;}
	.iproductBox .con .sj{ height: 20px;}
	.iserviceBox .item .t{ font-size: 18px;}
	.icaseList{ margin-left: -1%;}
	.icaseList li{ width: 49%; margin:0px 0px 1% 1%;}
	.newlist .time{ padding: 10px 0px;}
	.newlist .more-ico{ position: relative; right: auto; bottom: auto;}
	.newlist li{ height: auto;}
	.newlist .more{ padding: 20px;}
	.newlist .img{ float: left; display: block; width: 35%; height: auto; left: auto; top: auto; margin-right: 5%; position: relative;}
	.newlist .con{ height: auto; padding: 0px; width: 60%; float: left;}
}
@media screen and (max-width:640px){
	.iproductBox li{ float: none; width: 100%; border-right: 0px none;}
	.iproductBox .con{ height: auto; padding-bottom: 20px;}
	.iproductBox .img img{ max-width: 60%;}
	.iserviceBox li{ width: 50%;}
	.icaseBox{ width: 100%;}
	.icaseList .con .txt{ top: 24%;}
	.newlist li{ margin-bottom: 20px;}
	.newlist li .time{ display: none;}
	.newlist li .more-ico{ margin-top: 10px;}
}
@media screen and (max-width:480px){
	.newlist li .img{ float: none; width: 100%; margin-bottom: 12px;}
	.newlist li .con{ float: none; width: 100%;}
	.newlist .t{ height: auto;}
}
@media screen and (max-width:370px){
	.icaseBox{ width: 90%;}
	.icaseList li{ float: none; width: 100%; margin-bottom: 10px;}
	.icaseList li.firstBox{ margin-bottom: 10px;}
}