@import url("Ahead.css");
@import url("Bottom.css");
@charset "utf-8";
/* CSS Document */

/*广告第二屏*/

.index_col li:after {
	display: block;
	content: "clear";
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden;
}

.index_col li {
	width: 120px;
	height: 40px;
	float: left;
	line-height: 40px;
	margin-right: 5px;
}

.index_col li a {
	width: 100%;
	height: 100%;
	background: #4784dc;
	text-align: center;
	color: white;
	font-size: 14px;
	display: block;
}

.index_col li a:hover {
	background: #d8000f;
}
.aboutHover a {
	background: #d8000f !important;
}

.index_col {
	position: absolute;
	bottom: 0;
}


.index_body {
	width: 100%;
	height: 310px;
	position: relative;
}

.index_head p:first-of-type {
	color: white;
	font-size: 24px;
}

.index_head p:nth-child(2) {
	color: white;
	font-family: "arial, helvetica, sans-serif";
	font-size: 12px;
}

.index_head i {
	display: block;
	background: #d82129;
	width: 45px;
	height: 2px;
	margin-top: 8px;
}

.index_head {
	position: absolute;
	top: 50%;
	margin-top: -30px;
}

.index_col_mp {
	bottom: 0;
	right: 0;
	position: absolute;
}

.index_down_mp {
	width: 100%;
	top: 43px;
	position: absolute;
	display: none;
    z-index:10;
}

.index_col_mp>li>p {
	width: 163px;
	height: 43px;
	line-height: 43px;
	font-size: 16px;
	color: white;
	background: #d8000f;
	cursor: pointer;
	position: relative;
}

.index_col_mp>li>p>a {
	width: 100%;
	display: block;
	padding-left: 25px;
}

.index_i:before {
	position: absolute;
	top: 0;
	left: 20%;
	content: "\f107";
	display: inline-block;
	font: normal normal normal 30px/1 FontAwesome;
	vertical-align: middle;
	text-rendering: auto;
}

.index_i {
	position: absolute;
	z-index: 1;
	cursor: pointer;
	width: 30px;
	height: 30px;
	top: 50%;
	right: 20px;
	margin-top: -13px;
}

.index_down_mp li {
	position: relative;
	background: #474747;
	width: 163px;
	height: 43px;
	line-height: 43px;
	font-size: 16px;
	color: white;
	padding-left: 25px;
}

.index_col_mp {
	display: none;
}

.About_info {
	padding-top: 20px;
	font-size: 0.8em;
	line-height: 28px;
	color: #898989;
	padding-bottom: 30px;
}

.About_info img {
	width: 100%;
}
@media (min-width: 1200px) {
	.Officeen_mob {
		display: none;
	}
	.Officeen {
		display: block;
	}
    
.index_image {
	height: 310px;
	background: url(../img/technology_banner.jpg)no-repeat center;
}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.Officeen_mob {
		display: none !important;
	}
	.Officeen {
		display: block;
	}
	.index_col li {
		width: 100px;
	}
	.Officeen_mob {
		display: none;
	}
	.Officeen {
		display: block;
	}
    .index_image {
	height: 310px;
	background: url(../img/technology_banner.jpg)no-repeat center;
}
}

@media (min-width: 768px) and (max-width: 991px) {
	.Officeen_mob {
		display: none !important;
	}
	.Officeen {
		display: block;
	}
    .index_image {
	height: 310px;
	background: url(../img/technology_banner_mop.jpg)no-repeat center;
    background-size:100%;
}
}

@media (max-width: 767px) {
	.index_col_mp {
		display: block;
	}
	.index_col {
		display: none;
	}
	.index_body {
		height: 200px;
	}
	.index_body {
		margin: 0 20px;
		width: auto;
	}
	.index_head {
		top: 40%;
	}
	.index_image {
		height: 200px;
		background: url(../img/technology_banner_mop.jpg)no-repeat center;
	}
	.pro_tw_ti p {
		width: 100% !important;
		margin: 0 auto;
	}
	.Officeen_mob {
		display: block;
	}
	.Officeen {
		display: none;
	}
	.contImg {
		height: 250px;
		margin-left: 12%;
		margin-top: 30px;
		margin-bottom: 30px;
	}
}


/*技术研发*/
.Product-list-all{  line-height: 35px; padding: 20px 0px ;  float: left; }
.Product-list-all p{color: #9d9d9d; font-size: 0.8em;}
.Product-list-title h5{
	padding: 12px 0px;
	font-size: 24px !important;
	
}
.Product-list-Img div{
	margin: 0px 0px 30px 0px;
	
}
.Product-list-Img div img{
	width: 100%;
}
@media (min-width: 1200px) {
	.Product-list-ImgMob{padding-left: 0px !important;padding-right: 0px !important;}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.Product-list-ImgMob{padding-left: 0px !important;padding-right: 0px !important;}
}

@media (min-width: 768px) and (max-width: 991px) {
	.Product-list-ImgMob{padding-left: 15px !important;padding-right: 0px !important;}
	.Product-list-Img div{
	margin: 0px 0px 15px 0px;
	
}
.Product-list-ImgMob div{
	padding-left:0px !important;
}
}

@media (max-width: 767px) {
	.Product-list-ImgMob{padding-left: 15px !important; padding-right:0px !important;}
	.Product-list-Img div{
	margin: 0px 0px 15px 0px;
	
}
.Product-list-ImgMob div{
	padding-left: 0px !important;
}
}


/*生产装备*/
.feel360 {
	background-color: #f7f7f7;
	 margin: 20px 0px;
}
.feel360 .proSlideImg {
	    FLOAT: left;

    PADDING-TOP: 20px;
    padding-bottom: 20px;
   transition: all .32s ease;
   
}
.feel360 .proSlideImg img{
	width: 100%;
}
.feel360 .proSlideCheck {
	 
    PADDING-LEFT: 20px;
   
   
    BACKGROUND: #e5e5e5;
    FLOAT: right;
   
}

.feel360 .proSlideCheck .proSlideUp {
	    WIDTH: 100%;
    BACKGROUND: url(../img/prev02.jpg);
    FLOAT: left;
    HEIGHT: 65px;
    CURSOR: pointer;
    background-size: 100%;
}
.feel360 .proSlideCheck .proSlideDown {
	WIDTH: 100%; BACKGROUND: url(../img/next02.jpg) ; FLOAT: left; HEIGHT: 50px; CURSOR: pointer;  background-size: 100%;
}

.feel360 .proSlideCheck .proSlideSmImg {
	POSITION: relative; MARGIN-TOP: 15px; WIDTH: 100%; FLOAT: left; HEIGHT: 514px; OVERFLOW: hidden
}

.feel360 .proSlideCheck .proSlideSmImg LI {
	WIDTH: 100%; MARGIN-BOTTOM: 8px; HEIGHT: 122px; CURSOR: pointer; text-align:center;
}
.feel360 .proSlideCheck .proSlideSmImg LI IMG {
	MARGIN-BOTTOM: 6px; 
}
.feel360 .proSlideCheck .proSlideSmImg LI P {
	TEXT-ALIGN: center; LINE-HEIGHT: 1.0em; line-height: 18px;font-size:12px;
	}
.feel360 .proSlideCheck .proSlideSmImg LI.active P {
	COLOR: #035cac
}
.active img {
 border:#ff0000 1px solid;
 padding:1px;
}

@media (min-width: 1200px) {
    .proSlideCheck_mob {
     display:none;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .proSlideCheck_mob {
     display:none;
    }

    .feel360 .proSlideCheck .proSlideSmImg {
    POSITION: relative;
    MARGIN-TOP: 15px;
    WIDTH: 100%;
    FLOAT: left;
    HEIGHT: 388px !important;
    OVERFLOW: hidden;
}

}

@media (min-width: 768px) and (max-width: 991px) {
  .proSlideCheck_mob {
     display:block;
     overflow:hidden;
    height:74px;
        margin-left: -8px
    }
    .proSlideCheck {
     display:none !important;
    }
     .proSlideUp_mob {
	    WIDTH: 22px;
    BACKGROUND: url(../img/prev02_mob.png);
   
    HEIGHT:64px;
    CURSOR: pointer;
    background-size: 100%;
    position:absolute;
    z-index:10;
    
}
.proSlideDown_mob {
	 WIDTH: 22px; BACKGROUND: url(../img/next02_mob.png) ; HEIGHT:64px; CURSOR: pointer;  background-size: 100%;
     position:absolute;  top:0px;right:0px;
}

.proSlideSmImg_mob {
	POSITION: relative; width:3000px;  MARGIN-TOP: 15px; HEIGHT: 64px; OVERFLOW: hidden;  padding-left:2px !important; padding-right:2px !important;
    top:-7px; left:25px;
}
    .proSlideSmImg_mob ul {
    POSITION: relative;
    }
.proSlideSmImg_mob LI {
	 MARGIN-BOTTOM: 8px; HEIGHT: 64px; CURSOR: pointer;  float:left; 
     padding-left:5px !important; padding-right:5px !important; width:94px;
}
.proSlideSmImg_mob LI IMG {
	MARGIN-BOTTOM: 6px; width:100%;
}
.proSlideSmImg_mob LI P {
	TEXT-ALIGN: center; LINE-HEIGHT: 1.0em; line-height: 18px;font-size:12px;
	}
.proSlideSmImg_mob LI.active P {
	COLOR: #035cac
}
.active img {
 border:#ff0000 1px solid;
 padding:1px;
}
}

@media (max-width: 767px) {
    .proSlideCheck_mob {
     display:block;
     overflow:hidden;
    height:74px;
        margin-left: -6px
    }
     .proSlideCheck {
     display:none !important;
    }

     

 .proSlideUp_mob {
	    WIDTH: 22px;
    BACKGROUND: url(../img/prev02_mob.png);
   
    HEIGHT:64px;
    CURSOR: pointer;
    background-size: 100%;
    position:absolute;
    z-index:10;
    
}
.proSlideDown_mob {
	 WIDTH: 22px; BACKGROUND: url(../img/next02_mob.png) ; HEIGHT:64px; CURSOR: pointer;  background-size: 100%;
     position:absolute;  top:0px;right:0px;
}

.proSlideSmImg_mob {
	POSITION: relative; width:3000px;  MARGIN-TOP: 15px; HEIGHT: 64px; OVERFLOW: hidden;  padding-left:2px !important; padding-right:2px !important;
    top:-7px; left:25px;
}
    .proSlideSmImg_mob ul {
    POSITION: relative;
    }
.proSlideSmImg_mob LI {
	 MARGIN-BOTTOM: 8px; HEIGHT: 64px; CURSOR: pointer;  float:left; 
     padding-left:5px !important; padding-right:5px !important; width:94px;
}
.proSlideSmImg_mob LI IMG {
	MARGIN-BOTTOM: 6px; width:100%;
}
.proSlideSmImg_mob LI P {
	TEXT-ALIGN: center; LINE-HEIGHT: 1.0em; line-height: 18px;font-size:12px;
	}
.proSlideSmImg_mob LI.active P {
	COLOR: #035cac
}
.active img {
 border:#ff0000 1px solid;
 padding:1px;
}


}