@charset "utf-8";
/*width:1200+*/

@media only screen and (min-width: 1004px) and (max-width: 2800px){
	/** 鼠标滑过 斜切 **/
.dd, .simg, .imgW .img, .imga, .product-list a, .teach-list .imga a, .news-list .more{transition:all ease-in .3s;-moz-transition:all ease-in .3s;-ms-transition:all ease-in .3s;-o-transition:all ease-in .3s;-webkit-transition:all ease-in .3s;}
.shadow1 .imga:hover,.shadow1 dd:hover{
    box-shadow:0px 0px 10px #aaa;
    -moz-box-shadow:0px 0px 10px #aaa;
    -ms-box-shadow:0px 0px 10px #aaa;
    -o-box-shadow:0px 0px 10px #aaa;
    -webkit-box-shadow:0px 0px 10px #aaa;
}
.shadow99 .imga:hover,.shadow99 dd:hover{
    transform:translateY(-5px);
    -moz-transform:translateY(-5px);
    -ms-transform:translateY(-5px);
    -o-transform:translateY(-5px);
    -transform:translateY(-5px);
    box-shadow:0px 0px 10px #999;
    -moz-box-shadow:0px 0px 10px #999;
    -ms-box-shadow:0px 0px 10px #999;
    -o-box-shadow:0px 0px 10px #999;
    -webkit-box-shadow:0px 0px 10px #999;
}
.shadowcc .imga:hover{
    box-shadow:0px 0px 10px #ccc;
    -moz-box-shadow:0px 0px 10px #ccc;
    -ms-box-shadow:0px 0px 10px #ccc;
    -o-box-shadow:0px 0px 10px #ccc;
    -webkit-box-shadow:0px 0px 10px #ccc;
}
.lateY .imga:hover{
    transform:translateY(-5px);
    -moz-transform:translateY(-5px);
    -ms-transform:translateY(-5px);
    -o-transform:translateY(-5px);
    -transform:translateY(-5px);
    box-shadow:0px 0px 10px #ccc;
    -moz-box-shadow:0px 0px 10px #ccc;
    -ms-box-shadow:0px 0px 10px #ccc;
    -o-box-shadow:0px 0px 10px #ccc;
    -webkit-box-shadow:0px 0px 10px #ccc;
}
.lateY10 .imga:hover{
    transform:translateY(-10px);
    -moz-transform:translateY(-10px);
    -ms-transform:translateY(-10px);
    -o-transform:translateY(-10px);
    -transform:translateY(-10px);
}
.scale:hover .simg,.imgW:hover .img,.product-list a:hover .img{-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}



}



@media only screen and (min-width: 1200px){

}
@media only screen and (max-width: 1299px){
.w1300{max-width:1200px;}
}
@media only screen and (max-width: 1240px){
.w1300{width:96%;}
}
/** max-width:1200 **/
@media only screen and (max-width: 1199px){
.w1200{ width:96%;}
.w1300{ width:96%;}
}
/** max-width:1024 **/
@media only screen and (max-width: 1023px) {
.nav{ display:none;}
.menubtn{ display:block;} 

.loarea{ height:50px; padding-bottom: 0;}
.loarea .logo{ width:140px; padding-top:14px; }
.loarea .logo img{ height:32px;}
.tel{ display:none;}
.mtel{ display:block;}
.banner .swiper-pagination{ display:none;}
.banner .swiper-button-prev,.banner .swiper-button-next{ display:inline-block; width:20px; height:28px;margin-top:-14px;}
.footer_wap{ display:block;}
.pcshow{ display:none;}
.wapshow{ display:inline-block;}

/******************************/
.inloginbxo{display: none;}

.subnavbox a{font-size: 12px; padding: 5px 8px;}
.subnavbox img{width: 18px;}
.bannerTxt h3{font-size: 18px;}
.bannerTxt{font-size: 12px;}
.padb{padding: 20px 0;}
.title h3{font-size: 22px;}
.title{font-size: 14px; margin-bottom: 25px;}
.intrroducFl{width: 100%; padding-top: 0; font-size: 14px;}
.intrroducFr{width: 100%; margin-top: 20px;}
.baseFl{width: 100%;}
.baseFr{width: 100%;}
.proBaseTop{font-size: 14px; padding: 20px 0;}
.proBaseTop ul li h3{font-size: 26px;}
.proBaseCen{margin-top: 10px;}
.proBaseTit{font-size: 18px; padding-bottom: 10px;}
.proBaseCen ul li{padding-left: 70px;}
.proBaseCen ul li span{width: 70px;}
.historyTop .historyCon li{
	padding-left: 4%;
	padding-right: 1%;
	width: 20%;
	padding-bottom: 15px;
	font-size: 12px;
}
.historyCon li h3{font-size: 14px; padding: 3px 0;}
.historyBot .historyCon li{padding-top: 15px; padding-right: 1%; padding-left: 4%; width: 28.3%; font-size: 12px;}
.footer .fl{padding-top: 0;}
.footer{padding: 15px 0;}
.historyBox .swiper-button-next{margin-right: -5px;}
.historyBox .swiper-button-prev{margin-left: -5px;}
.nybaner img{min-height: 230px;}
.visionCon{width: 43%;}
.visionList.visionOdd .visionCon{left: 2%;}
.visionTitle{font-size: 26px;}
.visionTitle img{width: 26px;}
.visionTxt{font-size: 14px; line-height: 28px;}

.newwrap .innewm{padding-right: 0; padding: 25px 0;}
.newdat{
	position: static;
	margin-bottom: 10px;
	    -webkit-transform: translate(0%,0%);
	    -moz-transform: translate(0%,0%);
	    -ms-transform: translate(0%,0%);
	    -o-transform: translate(0%,0%);
	    transform: translate(0%,0%);
}
.innewm .imgW{width: 100%;}
.innewm .imgW img{width: 100%;}
.innewm .mlW{width: 100%!important; margin-top: 20px;}
.innewnr{padding-left: 0;}
.innewnr h3{font-size: 18px; margin-bottom: 8px;}
.in_tit h3{font-size: 22px;}
.pub_del{margin: 15px 0;}
.newdaitl{padding: 20px 3% 45px;}
.new_detailsBot{margin-top: 12px;}

.stockBox{padding: 0 2%;}
.stockMain{display: inherit; flex: inherit;}
.stockFl{width: 100%; box-sizing: border-box; margin-bottom: 10px; padding: 20px 4%;}
.stockFr{width: 100%;}
.stockFr ul li{padding: 15px 0;}
.stockNewfl{width: 100%;}
.stockNewfr{width: 100%; }
.stockNewfr.newwrap .innewm{padding-left: 0;}
.stockNewfl ul li p{font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.joinList ul li{
	padding: 20px 2%;
}
.salarybox{
	position: static;
	padding-left: 70px;
	margin-top: 5px;
	-webkit-transform: translate(0%,0%);
	-moz-transform: translate(0%,0%);
	-ms-transform: translate(0%,0%);
	-o-transform: translate(0%,0%);
	transform: translate(0%,0%);
}
.joinnr h3{
	font-size: 20px;
}
.joinnr{
	padding-left: 8px;
}
.joinTop{padding: 20px 3%;}
.joinTopfl,.joinTopfr{width: 100%;}
.joinxqTit span{font-size: 22px;}
.joinxqTit{font-size: 16px;}
.joinxqCente{margin-top: 25px;}
.joinxqCenTit{font-size: 18px;}
.joinxqCenTit img{width: 20px;}
.joinxqQyfc{padding: 25px 40px 0;}
.joinxqQyfc .swiper-button-next,.joinxqQyfc .swiper-button-prev{
	width: 30px;
	height: 30px;
	background-size: 30px 30px;
}
.innorbox p{padding: 8px 0;}
.contactop{margin: 12px 0; font-size: 14px;}
.contactop li p{ word-wrap: break-word; word-break: break-all;}
.productList .imgW{width: 100%;}
.productFr{
	float: left;
	width: 96%;
	padding: 0 2%;
	position: static;
	margin: 15px 0;
	-webkit-transform: translate(0%,0%);
	-moz-transform: translate(0%,0%);
	-ms-transform: translate(0%,0%);
	-o-transform: translate(0%,0%);
	transform: translate(0%,0%);
}
.productFr h3{
	font-size: 20px;
	margin-bottom: 12px;
}
.probaner .bannerTxt{top: 45%;}

.produimg span img{width: 60px;}
/* 06-3 主营业务  光刻材料 */

.bagTop li{width: 100%; margin: 0 0 15px;}
.bagTop li .productFr{width: 96%;}
.bagCent .bagimg{height: 320px;}
.bagCent .productFr{width: 80%; position: absolute;}

.strengthBg .productFr{width: 96%;}
.strengthTit{text-align: center;}
.strenthCon{margin-left: 25px;}
.indNewBox li{width: 100%; padding: 10px 0; font-size: 12px;}
.strenthCon li h4{font-size: 16px;}
.strenthCon li{font-size: 12px;}
.strenIm img{width: 40px;}
.strenIm{margin-left: -20px;}
.indNewBox li.firstLi h3{font-size: 16px;}
.indNewBox li.firstLi p{margin: 5px 0;}
.indNewBox li p{margin: 5px 0;}
.producjej{font-size: 14px; line-height: 22px;}
.more{width: 105px; height: 32px; line-height: 32px;}
.productFr h3 img{width: 32px;}










}
/** max-width:960 **/
@media only screen and (max-width: 959px) {

}
/** max-width:768 **/
@media only screen and (max-width: 767px) {
.banner .slick-dots{ bottom:10px;}
.visionList .imgW{width: 100%; margin-bottom: 15px;}
.visionCon{
	width: 100%;
	float: left;
	position: static;
	top: 0;
	left: 0;
	-webkit-transform: translate(0%,0%);
	-moz-transform: translate(0%,0%);
	-ms-transform: translate(0%,0%);
	-o-transform: translate(0%,0%);
	transform: translate(0%,0%);
}
.visionList.visionOdd .imgW{width: 100%;}
.visionList{margin-top: 75px; padding-bottom: 25px;}
.visionTitle{font-size: 22px;}


.indintroBg{
	 background: url(../images/indxtrobgWap.png) no-repeat center;
	 padding-top: 20px;
}
.indintroBg .title{width: 100%;}

.banner .wapBan{display: block;}
.banner .banimg{display: none;}
}
/** max-width:640 **/
@media only screen and (max-width: 639px) {
}

/** width:480 **/
@media only screen and (max-width: 479px) {

}

@media only screen and (max-width: 360px) {

}
/** width:320px **/
@media only screen and (max-width: 319px) {	
}

/*********************************首页结束**********************************/

/*******************************************************************/
/*width:1200+*/
@media only screen and (min-width: 1200px){}
/** max-width:1200 **/
@media only screen and (max-width: 1365px){

	}
/** max-width:1200 **/
@media only screen and (max-width: 1199px){}
/** width:960px **/
@media only screen and (max-width: 1023px){
}
/** max-width:960 **/
@media only screen and (max-width: 959px){}
/** max-width:768 **/
@media only screen and (max-width: 767px){}
/** max-width:640 **/
@media only screen and (max-width: 639px){
	}
/** width:480 **/
@media only screen and (max-width: 479px) {}
/** width:360px **/
@media only screen and (max-width: 360px) {}

/** width:320px **/
@media only screen and (max-width: 319px){}
/*******************************************************************/