* {
	margin: 0;
	padding: 0;
}

body {
	/*min-width:1280px;*/
}

a:hover,
a:focus {
	color: #f90;
	text-decoration: none;
	outline: none;
}

.on_a a:hover {
	color: #666666;
	text-decoration: none;
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-3,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
	position: relative;
	min-height: 1px;
	padding-right: 0px;
	padding-left: 0px;
}

.video {
	width: 500px;
	height: 255px;
}

.close {
	width: 38px;
	height: 38px;
	background: url(/uploads/image/ciproduct/close.jpg) no-repeat center;
	display: block;
	position: absolute;
	right: -50px;
	top: -30px;
	opacity: 0.5;
	cursor: pointer;
}

.video_model {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	display: none;
	z-index: 100;
}

.video-tc {
	width: 50%;
	height: 540px;
	left: 50%;
	margin-left: -24%;
	/* margin-top: 9%; */
	position: absolute;
	top: 20%;
	z-index: 100;
}

.titles {
	background: url(/uploads/image/ciproduct/titleljb.jpg) no-repeat center;
	background-size: cover;
	padding-top: 114px;
	padding-bottom: 180px;
}

.titleljb {
	background: url(/uploads/image/ciproduct/title.jpg) no-repeat center;
	background-size: cover;
	padding-top: 114px;
	padding-bottom: 180px;
}

.titlepcb {
	background: url(/uploads/image/ciproduct/titlepcb.jpg) no-repeat center;
	background-size: cover;
	padding-top: 114px;
	padding-bottom: 180px;
}

.titlesmt {
	background: url(/uploads/image/ciproduct/smt.jpg) no-repeat center;
	background-size: cover;
	padding-top: 114px;
	height: 402px;
}

.titleyqj {
	background: url(/uploads/image/ciproduct/titleyqj.jpg) no-repeat center;
	background-size: cover;
	padding-top: 114px;
	height: 402px;
}
.titlethin {
    background: url(/uploads/image/ciproduct/titlethin.png) no-repeat center;
    background-size: cover;
    padding-top: 114px;
    height: 402px;
}
.titlep {
	margin: 0 auto;
	margin-bottom: 20px;
	/*width: 1280px;*/
	color: #ff9900;
	max-width: 1280px;
	font-size: 60px;
}

.titlep span {
	color: #ffffff;
}

.titlep1 {
	/*width: 1280px;*/
	margin: 0 auto;
	font-size: 24px;
	color: #ffffff;
	max-width: 1280px;
}

.mcpcb {
	max-width: 1280px;
	margin: 0 auto;
}

.mcpcb a {
	height: 50px;
	width: 150px;
	display: inline-block;
	/*color: #ffad33;*/
	font-size: 16px;
	line-height: 50px;
	text-align: center;
	text-decoration: none;
	/*color:#c00017 ;*/
	/*display: block;*/
	margin-right: -5px;
	color: #333333;
}

.mcpcb a:hover {
	background: #ffad33;
	color: white;
	text-decoration: none;
}

#ahover {
	background: #ff9900;
	color: white;
}

.open {
	/*height: 1000px;*/
	background: rgb(245, 245, 245);
	padding-bottom: 60px;
}

.begin {
	max-width: 1280px;
	margin: 0 auto;
	padding-top: 50px;
}

.text {
	text-align: center;
	color: #333333;
	font-size: 30px;
}

.equipment_title {
	padding: 40px 2.5%;
        padding-top: 50px;
}

.span {
	color: #999999;
	font-size: 16px;
	display: block;
	margin-top: 10px;
	text-align: center;
	margin-bottom: 40px;
}

.bdiv {
	width: 38%;
	height: 330px;
	background: white;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	vertical-align: top;
	margin-right: -0.3%;
}

.bdiv:hover {
	/*margin-top: -3px;*/
	box-shadow: 0 0px 45px 0 rgba(0, 0, 0, .19);
	-webkit-transition: all .3s cubic-bezier(.55, 0, .1, 1);
	transition: all .3s cubic-bezier(.55, 0, .1, 1);
	-webkit-transform: translate3d(0, -1px, 0);
	-ms-transform: translate3d(0, -1px, 0);
	transform: translate3d(0, 0px, 0);
}

.bp {
	height: 85px;
	padding: 28px 0;
	width: 100.07%;
	padding-left: 26px;
	color: #666666;
	font-size: 20px;
	margin-right: 5px;
	position: absolute;
	bottom: -10px;
	background: white;
	margin-right: 0;
}

.bp1 {
	height: 85px;
	line-height: 85px;
	text-align: center;
	background: white;
	color: #666666;
	font-size: 14px;
	margin-bottom: 0;
	position: absolute;
	bottom: 0;
	width: 100%;
}

.equipment {
	padding-bottom: 50px;
}

.bspan {
	display: inline-block;
	border: 1px solid#ff9900;
	color: #ff9900;
	border-radius: 4px;
	font-size: 14px;
	padding: 0 10px;
	vertical-align: 14%;
}

.on_a a:hover {
	box-shadow: 0 0px 45px 0 rgba(0, 0, 0, .19);
	-webkit-transition: all .3s cubic-bezier(.55, 0, .1, 1);
	transition: all .3s cubic-bezier(.55, 0, .1, 1);
	-webkit-transform: translate3d(0, -1px, 0);
	-ms-transform: translate3d(0, -1px, 0);
	transform: translate3d(0, 0px, 0);
}

.bimg {
	width: 100%;
	height: 255px;
}

.picture {
	display: inline-block;
	width: 31.4%;
	vertical-align: middle;
	height: 340px;
	margin-left: 2%;
	margin-right: -0.6%;
	position: relative;
	overflow: hidden;
}

.pic_ture {
	width: 100%;
	height: 255px;
	position: relative;
	overflow: hidden;
}

.magnify {
	width: 100%;
	position: absolute;
	bottom: 50%;
	top: 50%;
	height: 100%;
	left: 50%;
	object-fit: cover;
	transform: translate(-50%, -50%);
}

.picture:hover img {
	opacity: 0.7;
	transition: opacity .5s ease;
}

.video_img {
	position: absolute;
	bottom: 75px;
	left: 0;
	width: 100%;
	left: 0;
	width: 100%;
}

.video_img1 {
	position: absolute;
	top: 28%;
	/* bottom: 85px; */
	left: 44%;
	width: 70px;
}

.videoon {
	position: absolute;
	width: 100%;
	height: 284px;
	overflow: hidden;
	/* top: -13%; */
	object-fit: fill;
}

p {
	margin: 0;
}

.begino_img {
	margin-top: 40px;
	width: 100%;
}

.on_a {
	display: inline-block;
	width: 60%;
}


/*��ĥ��峵��չʾ*/

.indifferent_show {
	font-size: 36px;
	color: #333333;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 40px;
}


.indifferent_ul {
	width: 100%;
	margin-bottom: 60px;
	text-align: center
}

.indifferent_d img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	transition: all 1s ease;
	display: inline-block
}

.indifferent_d {
	width: 100%;
	height: 260px;
	margin-bottom: 25px;
	position: relative;
	overflow: hidden
}

.indifferent_d img:hover {
	transform: scale(1.08);
}

.indifferent_ul li {
	float: left;
	width: 305px;
	margin-right: 20px;
	margin-bottom: 30px;

}

.indifferent_ul li:nth-child(4n) {
	margin-right: 0px;
}

.indifferent_ul li span {
	color: #666666;
	font-size: 20px;
	display: inline-block;
	text-align: center;
}

.owl-carousel .owl-item {
	float: left;
}

.equipment .equipment-long {
	float: left;
	position: relative;
	width: 100%;
	height: 500px;
	cursor: pointer;
	border-right: 1px solid rgba(255, 255, 255, .3);
	background: rgba(0, 0, 0, .5);
}








.equipment_box_long {
	max-width: 1280px;
	margin: 0 auto
}

.video-box .equipment-video {
	max-width: 1280px;
	width: 100% !important;
	object-fit: fill;
	height: auto !important
}

.equipment_box_long .video-box {
	width: 100%;
	height: auto
}

.equipment .equipment_box {
	height: 500px;
}

@media screen and (max-width: 1280px) {

	.video-box {}

	.video-box .equipment-video {}

	.indifferent_ul li:nth-child(4n) {
		margin-right: 20px;
	}

	.indifferent_ul li:nth-child(3n) {
		margin-right: 0px;
	}

	.indifferent_ul {
		width: 955px;
		margin: 0 auto;
		margin-bottom: 60px
	}
}

@media screen and (max-width: 955px) {
	.indifferent_ul li:nth-child(3n) {
		margin-right: 20px;
	}

	.indifferent_ul li:nth-child(2n) {
		margin-right: 0px;
	}

	.indifferent_ul {
		width: 630px;

		margin-bottom: 60px
	}
}

@media screen and (max-width: 630px) {
	.equipment .equipment_box {
		padding: 0 2.5%;

	}

	.indifferent_ul li:nth-child(3n) {
		margin-right: 0;
	}

	.indifferent_ul li:nth-child(2n-1) {
		margin-right: 2.5%;
	}

	.equipment .equipment-long {
		height: 300px;
	}

	.indifferent_ul {
		width: 100%;
		margin-bottom: 60px;
		padding: 0 2.5%
	}

	.indifferent_ul li {
		width: 48.7%;
		margin-bottom: 4%
	}

	.indifferent_d {
		margin-bottom: 10px;
		height: 148px;
	}

	.indifferent_ul li span {
		font-size: 1.2em;
	}

	#pcb-product {
		padding: 0 2.5%
	}

	.video-box .equipment-video {
		padding: 0 2.5%;

	}

	.item-list .owl-controls .owl-buttons .owl-prev {
		left: 2.5% !important;
	}

	.owl-theme .owl-controls .owl-buttons .owl-next {
		right: 2.5% !important
	}

}

@media only screen and (max-width:1297px) and (min-width:800px) {
	.on_a {
		width: 61.8%;
	}

	.mcpcb {
		max-width: 100%
	}

	.begin {
		max-width: 100%
	}

	.bp {
		text-align: center;
	}

	.videoplay-box video {
		width: 100%;
		height: 100%;
	}

	.video-tc {
		top: 30% !important;
	}

	.titlep {
		text-align: center;
		width: 100%;
	}

	.titlep1 {
		text-align: center;
		width: 100%;
		font-size: 20px;
	}
}

@media only screen and (max-width:1000px) {
	.bdiv {
		display: block;
		margin: 0 auto;
		width: 500px;
	}
    .mcpcb a{
       float:left;
       margin-right:0
    }

	.equipment_title_p {
		font-size: 30px;
	}

	.indifferent_show {
		font-size: 30px;
	}

	.equipment_title_p1 {
		font-size: 1.2em;
	}

	.picture {
		width: 240px;
		margin-top: 30px;
	}

	.on_a {
		width: 243px;
		margin: 0 auto;
		display: block;
		margin-top: 30px;
	}

	.video_img {
		bottom: 0;
		top: 39%;
	}

	.span {
		font-size: 14px;
	}

	.bp {
		text-align: center;
	}

	.video-tc {
		width: 71% !important;
		left: 38% !important;
		margin-left: -24%;
		position: absolute;
		top: 25% !important;
	}

	.titlep {
		text-align: center;
		width: 100%;
		font-size: 30px;
	}

	.titlep1 {
		text-align: center;
		width: 100%;
		font-size: 20px;
	}

	.mcpcb a {
		width: 20%;
	}

	.titleljb {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.titles {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.titlepcb {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.titleyqj {
		height: auto;
		padding-top: 50px;
		padding-bottom: 50px;
	}
}

@media only screen and (max-width:549px) {
	.bdiv {
		display: block;
		margin: 0 auto;
		width: 320px;
		height: 270px;
	}

	.equipment_title_p1 {
		font-size: 12px;
	}

	.on_a {
		width: 240px;
		margin: 0 auto;
		display: block;
		margin-top: 30px;
	}

	.span {
		margin-bottom: 20px
	}

	.mcpcb a {
		font-size: 14px;
	}

	.bp {
		text-align: center;
		padding-left: 0;
		top: 76%;
		padding-top: 9%;
	}

	.bp1 {
		height: 70px;
		line-height: 70px;
		font-size: 16px;
		bottom: 15px;
	}

	.picture {
		margin-left: 0;
	}

	.videoon {
		width: 100%;
		height: 274px;
	}

	.video_img {
		position: absolute;
		top: 47%;
		left: 0;
		width: 100%;
	}

	.video-tc {
		width: 85% !important;
		left: 38%;
		margin-left: -34% !important;
		position: absolute;
		top: 25% !important;
	}

	.equipment_title_p {
		font-size: 19px;
	}

	.indifferent_show {
		font-size: 19px;
		margin-bottom: 10px;
	}

	.titlep {
		text-align: center;
		width: 100%;
		font-size: 19px;
	}

	.titlep1 {
		text-align: center;
		width: 100%;
		font-size: 12px;
	}

	.video_img1 {
		position: absolute;
		top: 27%;
		left: 43%;
		width: 60px;
	}

	.text {
		font-size: 19px
	}

	.begin {
		padding-top: 28px
	}

	.owl-theme .owl-controls .owl-buttons .owl-next {
		right: 2.5% !important;
		height: 60px;
		width: 36px;
		margin-top: -30px;
		background: url(/uploads/image/cimg/anniu.png) no-repeat -203px;
	}

	.item-list .owl-controls .owl-buttons .owl-prev {
		left: 2.5% !important;
		height: 60px;
		width: 36px;
		margin-top: -30px;
		background: url(/uploads/image/cimg/anniu.png) no-repeat -7px;
	}

	.equipment_title {
		padding: 28px 2.5%;
		padding-bottom: 10px;
	}

	.equipment {
		padding-bottom: 30px;
	}
    .equipment .equipment-item-title{
            bottom: -92px;
    }
    
}
