.intro-wrap {min-width:1280px}

.home_wenhua_box {float:left;width:100%;}
.home_wenhua_box ul {margin:0;padding:0;margin-top:85px;}
.home_wenhua_box ul li {width:22%;margin:0;margin-right:3%;border-right:1px solid #ddd;height:70px;margin-bottom: 30px;
	float:left;position:relative;overflow:hidden;}
.home_wenhua_box ul li:last-child {border:none;}

.home_wenhua_box ul li img  {max-width:100%; }
.home_wenhua_box ul li span{display: none;}
.home_wenhua_box ul li img.pic {position:absolute;left:0px;top:5px;}
.home_wenhua_box ul li img.ico {position:absolute;right:50px;top:15px;}
.home_wenhua_box ul li h2 {font-size:16px;position:absolute;left:60px;top:5px;margin:0;padding:0;font-weight:normal;}
.home_wenhua_box ul li p {font-size:13px;position:absolute;left:60px;top:30px;color:#969696;margin:0;padding:0;}
.home_wenhua_box ul li a:hover,.home_wenhua_box ul li a:hover p {color:#0665e5;}
.home_wenhua_box ul li a:hover span{display: block;}
@media (max-width:1400px) {
	.home_wenhua_box ul {margin-top:60px;}
}
@media (max-width:1100px) {
	.home_wenhua_box ul {margin-top:40px;}
	.home_wenhua_box ul li{margin-bottom:10px}
}

@media (max-width:900px) {
	.home_wenhua_box ul {margin-top:60px;}
	.home_wenhua_box ul li{margin-bottom: 0}
}

@media (max-width:820px) {
	.home_wenhua_box ul {margin-top:40px;}
}

@media (max-width:768px) {
	.home_wenhua_box{background:#ffffff;}
	.home_wenhua_box ul {margin-top:15px;}
	.home_wenhua_box ul li {width:45%;margin:0;margin-right:2.5%;margin-left:2.5%;border-right:none;height:80px;}
	.home_wenhua_box ul li img.pic {width:40px;}
	.home_wenhua_box ul li h2 {font-size:14px;position:absolute;left:50px;top:5px;margin:0;padding:0;font-weight:normal;}
	.home_wenhua_box ul li p {font-size:12px;position:absolute;left:50px;top:30px;color:#969696;margin:0;padding:0;}
}

.n_about_box {clear:both;width:100%;background:url(../images/about-bg.jpg) no-repeat left top #fff;background-size: cover; height:650px;}
.about_left_box {float:left;width:50%;max-width:600px;margin-top:30px;margin-right:0;font-size:15px;}
.about_left_box .pcont {font-size:15px;line-height:28px;}
.about_right_box {float:right;margin-left:0;width:50%;max-width:600px;margin-top:5%;}

.about_right_box img {max-width:100%;max-height:600px;overflow:hidden;}
.about_tit {width:100%;clear:both;z-index:3;position:relative;margin-bottom:30px;}
.about_tit h2 {position:absolute;left:0;top:0px;color:#e1e1e1;font-size:48px;text-transform:uppercase;font-weight:normal;line-height:48px;margin:0;padding:0;}
.about_tit h3 {font-size:33px;line-height:47px;padding-left:190px;font-weight:normal;}
.about_tit .tit_line {width:60px;height:1px;background:#0665e5;position:absolute;left:350px;top:25px;}
.about_tit h4 {font-size:16px;line-height:30px;padding-top:20px;color:#333;font-weight:normal;}
.about_left_box {line-height:200%;}
.news_tit {width:100%;clear:both;z-index:3;position:relative;margin-bottom:0px;}
.news_tit h2 {position:absolute;left:0;top:0px;color:#e1e1e1;font-size:48px;text-transform:uppercase;font-weight:normal;line-height:48px;margin:0;padding:0;}
.news_tit h3 {font-size:33px;line-height:47px;padding-left:240px;font-weight:normal;}
.news_tit .tit_line {width:60px;height:1px;background:#0665e5;position:absolute;left:400px;top:25px;}
@media only screen and (max-width:1400px) {
	.n_about_box {height:600px;}
	.about_left_box {max-width:550px;}
	.about_tit {margin-bottom:20px;}
	.about_tit h2 {font-size:40px;line-height:40px;}
	.about_tit h3 {font-size:30px;line-height:40px;padding-left:160px;}
	.about_tit .tit_line {left:300px;top:22px;}
}
@media only screen and (max-width:1100px) {
	.n_about_box {height:500px;}
	.about_left_box {margin-right:3%;margin-top:2%;}
	.about_right_box {margin-left:2%;max-width:450px;}
	.about_right_box img {max-height:450px;}
	.about_tit {margin-bottom:20px;}
	.about_left_box {max-width:550px;}
	.about_tit {margin-bottom:20px;}
	.about_tit h2 {font-size:35px;line-height:35px;}
	.about_tit h3 {font-size:25px;line-height:35px;padding-left:130px;}
	.about_tit .tit_line {left:250px;top:20px;}
	.about_left_box .pcont {font-size:14px;line-height:24px;}
}

@media only screen and (max-width:1024px) {
	.n_about_box {height:500px;}
	.about_right_box {max-width:400px;}
}
@media only screen and (max-width:900px) {
	.about_left_box {max-width:50%;margin-right:0;margin-top:1%;}
	.about_right_box {margin-left:0; margin-top:50px; width:46%;max-width:100%;}
	.about_tit {margin-bottom:15px;}
	.n_about_box {height:450px;}
	.about_tit h2 {font-size:26px;line-height:35px;color:#ccc;text-transform:uppercase;}
	.about_tit h3 {font-size:18px;line-height:35px;}

	.about_tit .tit_line {left: auto; right:5px;top:20px;}
}

@media only screen and (max-width:639px) {
	.n_about_box {height:auto;}

	.about_tit {margin-bottom:10px;margin-left:2%;margin-right:2%;margin-top:-5px;}
	.about_tit .tit_line {left: auto; right:15px;top:30px; width:40px;}
	.about_tit h2 {font-size:16px;line-height:24px;width:100%;display:block;position:relative;}
	.about_tit h3 {font-size:14px;line-height:20px;width:100%;padding:0;}
	.about_right_box {display:block;clear:both;width:100%;}
	.about_right_box {margin-left:2%;max-width:96%;margin-right:2%;}
	.about_left_box {line-height:24px;width:100%;padding:10px 0;clear:both;max-width:100%;}
	.about_left_box .pcont {font-size:13px;margin-left:2%;margin-right:2%;line-height:24px;}
}

.more {width:150px;height:40px;line-height:40px;font-size:15px;color:#ffffff;transition:.5s ease-in-out;text-transform:uppercase;text-align:center;margin-top:20px;}
.more a span {display:block;width:100%;height:100%;transition:.5s ease-in-out;background:#0665e5;color:#ffffff;border-radius:5px;}
.more a:hover {color:#fff;background:#333;transition:.5s ease-in-out;}
.more a:hover span {background:#333;border-color:#fff;color:#fff;}
@media only screen and (max-width:1100px) {
	.more {width:130px;height:35px;line-height:35px;font-size:14px;margin-top:15px;}
}
@media only screen and (max-width:639px) {
	.more {width:110px;height:30px;line-height:30px;font-size:13px;color:#ffffff;transition:.5s ease-in-out;text-transform:uppercase;text-align:center;margin-top:10px;margin-left:2%;}
}

.course {width:100%;color:#fff;position:relative;z-index:5;margin-top:10px;}
.course ._w1400 {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.course .content {margin-bottom:0px;overflow:hidden;}
.course .content .viewbox {display:inline-block;width:33%;float:left;position:relative;text-align:center;}
.course .content .viewbox::after {width:1px;height:50%;position:absolute;right:0;top:25%;background:rgba(122,122,122,1);content:'';}
.course .content .viewbox:last-child::after {background:none;}
.course .content .viewbox p {margin:0;padding-top:5px;color:#363636;font-size:15px;}
.course .content .viewbox p:nth-child(1) span {font-size:48px;}
.course .content .viewbox p:nth-child(2) {font-size:14px;opacity:1;}
@media screen and (max-width:1400px) {
	.course .content .viewbox p:nth-child(1) span {font-size:40px;}
}
@media screen and (max-width:1100px) {
	.course .content .viewbox p:nth-child(1) span {font-size:35px;}
	.course .content .viewbox p {font-size:14px;}
}
@media screen and (max-width:768px) {
	.course{background:#ffffff;}
	.course .content .viewbox {width:50%;}
	.course .content .viewbox p:nth-child(1) span {font-size:24px;}
	.course .content .viewbox p:nth-child(2) {font-size:14px;}
	.course .content .viewbox p {margin:0;padding-top:2px;font-size:14px;}
	.course .content .viewbox::after {display:none;}
}
@media screen and (max-width:639px) {
	.course .content .viewbox {width:50%;}
	.course .content .viewbox p:nth-child(1) span {font-size:20px;}
	.course .content .viewbox p:nth-child(2) {font-size:12px;}
	.course .content .viewbox p {margin:0;padding-top:2px;font-size:12px;}
	.course .content .viewbox::after {display:none;}
}

.news_box {clear:both;width:100%;padding:30px 0px;background:#f1f1f1;}
.proSitem{display: block; width:100%; margin:10px 0;text-align: center;background:#fff;}
.proSitem .Imgg{width: 100%;overflow:hidden;}
.proSitem img{width: 100%;transition: all 300ms ease 0s;}
.proSitem .Icott{line-height: 60px;font-size: 16px;width:100%;padding:10px 5%;margin-top:-10px;box-sizing: border-box;}
.proSitem .Icott h3 {font-size:18px;width:100%;text-align:left;line-height:2;font-weight:normal;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.proSitem .Icott p {display: block; font-size:14px;width:100%;text-align:left;line-height:1.6;color:#999;overflow : hidden;
text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.proSitem .Icott span {margin-top:10px;margin-bottom:15px;padding-left:0px;font-size:14px;
	width:100%;text-align:left;line-height:1.6;font-weight:normal;z-index:999;}
.proSitem:hover img{transform: scale(1.05);}
.proSitem:hover{color:#fff;background:#0665e5;}
.proSitem:hover p{color:#fff;}
.proSitem:hover span {color:#fff;}

/*应用领域*/
.proSwiperBox {position:relative;padding-top:10px;float:none;height:auto;width:100%;max-width:1400px;margin:0 auto;padding-bottom:0px;}

.dixia {margin:0 auto;width:100%;text-align:center;margin-top:20px;}

/*产品布局*/
.index-body .box4 .xiangmu{ position:absolute; right:10%; z-index:999; top:4%;}
.index-body .box4 .xiangmu ul li{ display:inline-block; width:100px; height:100px;margin-right:15px; text-align: center;}
.index-body .box4 .xiangmu ul li a{ border:1px solid #fff; display:block;width:100px; height:100px; color:#fff; line-height:40px;}
.index-body .box4 .xiangmu ul li a:hover{ background:#fff;display:block;width:100px; height:100px;color:#363636;}
.index-body .box4 .xiangmu ul li i.guonei{ background:url(../images/guonei_icoa.png) no-repeat center 5px; display:block; margin:0 auto; width:60px; height:60px;}
.index-body .box4 .xiangmu ul li a:hover i.guonei{ background:url(../images/guonei_ico.png) no-repeat center 5px; display:block; margin:0 auto; width:60px; height:60px;}
.index-body .box4 .xiangmu ul li i.haiwai{ background:url(../images/haiwai.png) no-repeat center 5px; display:block; margin:0 auto; width:60px; height:60px;}
.index-body .box4 .xiangmu ul li a:hover i.haiwai{ background:url(../images/haiwaia.png) no-repeat center 5px; display:block; margin:0 auto; width:60px; height:60px;}

.index-body .box4 {position: relative}
.index-body .box4 .content1200 {position: absolute;height: 100%;left: 45%;margin-left: -530px;width: auto}
.index-body .box4 .company-text {width: 350px;height: 100%; background:#0665e5;top: 0px;position: absolute;overflow: hidden;z-index:2;}
.index-body .box4 .company-text ul {height: auto;position: relative;width: 100%;top: 0;margin-top: 0%}
.index-body .box4 .company-text ul li {position: relative;height: 100%}
.index-body .box4 .company-text .title-T-more {position: absolute;bottom: 3%;z-index:999; color:#fff;font-size:16px; text-align:center; width:100%;left:auto;}
.index-body .box4 .company-text .title-T-more a{ color:#fff;}
.index-body .box4 .company-text .title-T {padding: 7% 20px;position: relative;top: 0;z-index:9999;}
.index-body .box4 .company-text .title-T span {color: #fff;display: block}
.index-body .box4 .company-text .title-T span.cn {font-size: 30px}
.index-body .box4 .company-text .title-T span.en {font-size: 14px;opacity: .7;filter: alpha(opacity=30);text-transform: uppercase;padding-top:5px;line-height:30px;}
.index-body .box4 .company-text ul {margin-top: 0}
.index-body .box4 .company-text .company-bk {background: rgba(255,255,255,1);padding: 15px;overflow: hidden;margin-bottom: 1px;}
.index-body .box4 .company-text .company-name {font-size: 18px}
.index-body .box4 .company-text .company-namee {font-size: 14px;color: #333;text-transform: uppercase;margin-top: 5px;line-height:30px;}
.index-body .box4 .company-text .more {width: 100px;height: 35px;display: block;float: left;text-align: center;line-height: 35px;
	background: #0665e5;color: #fff;margin-top: 10px;transition: all .5s;-webkit-transition: all .5s;overflow: hidden;opacity: 0;filter: alpha(opacity=0);margin-left: 20px;font-size:13px; border-radius:5px;}
.index-body .box4 .company-text .more:hover{ background:#3e6eb5;}

.index-body .box4 .company-text .swiper-pagination-box4 {text-align: center;margin-top: 15px}
.index-body .box4 .company-text .swiper-pagination-box4 span {height: 10px;width: 10px}
.index-body .box4 .company-text .swiper-pagination-box4 span.swiper-pagination-bullet-active {background: #0665e5;}
.index-body .box4 .company-text .company-bk.active .more {opacity: 1;filter: alpha(opacity=100);margin-left: 0}
.index-body .box4 .company-img {position: relative;transform: translateX(30%);-webkit-transform: translateX(30%);display: none}
.index-body .box4 .company-img.active {display: block}
.index-body .box4 .company-img ul li {width: 75%}
.index-body .box4 .company-img ul li img {width: 100%}
.index-body .box4 .swiper-pagination-company {position: absolute;bottom: 10px;width: 55%;right: 10%;z-index: 15;text-align: center}
.index-body .box4 .swiper-pagination-company span {width: 12px;border-radius: 0;opacity: 1;background: #a8a5a4;margin: 0 5px;transition: all .5s;-webkit-transition: all .5s;height: 3px;position: relative}
.index-body .box4 .swiper-pagination-company span.swiper-pagination-bullet-active {background:#0665e5;width: 60px}
.index-body .box4 .swiper-pagination-company span:after {content: "";display: block;width: 22px;height: 15px;position: absolute;top: -6px;left: -5px;cursor: pointer}
.index-body .box4 .swiper-pagination-company span.swiper-pagination-bullet-active:after {width: 70px}
.index-body .box4 .company-text .swiper-pagination-box4 { display:none;}
@media screen and (min-width:1601px) {
.index-body .box4 .company-text .company-bk {padding: 17px 20px}
.index-body .box4 .company-text .swiper-pagination-box4 { display:none;}
.index-body .box4 .company-text .company-name {font-size: 18px}

}
@media screen and (max-width:1600px) {

.index-body .box4 .company-text .company-namee {font-size: 13px;line-height:28px;}
.index-body .box4 .company-text .title-T-more {bottom:3%;}
.index-body .box4 .company-text .company-name {font-size: 16px}
.index-body .box4 .company-text .company-bk {padding: 15px 20px 15px 20px}
.index-body .box4 .company-text .more {width: 100px;height: 30px;line-height: 30px;margin-top: 10px;}
}

@media screen and (max-width:1400px) {
.index-body .box4 .company-text .company-bk {padding: 11px 20px 11px 20px}
.index-body .box4 .company-text .title-T {padding: 5% 20px;}
.index-body .box4 .company-text .title-T span.cn {font-size: 24px}
.index-body .box4 .company-text .title-T span.en {font-size: 14px;padding-top:0px;line-height:27px;}
.index-body .box4 .company-text .company-namee {font-size: 13px;line-height:26px;}
}

@media screen and (max-width:1300px) {
.index-body .box4 .content1200 {position: absolute;height: 100%;left: 30%;margin-left: -350px;width: auto}
.index-body .box4 .company-text .title-T {padding: 2% 20px;}
.index-body .box4 .company-text .title-T span.cn {font-size: 22px}
.index-body .box4 .company-text .title-T span.en {font-size: 13px;padding-top:0px;line-height:25px;}
.index-body .box4 .company-text .company-namee {font-size: 12px;line-height:24px;}
.index-body .box4 .company-text .more {width: 100px;height: 30px;line-height: 30px;margin-top: 5px;}
}

@media screen and (max-width:1160px) {
.index-body .box4 .xiangmu{ right:5%;}
.index-body .box4 .content1200 {left: 25%;margin-left: -250px;}
.index-body .box4 .company-text .title-T span.cn {font-size: 20px}
.index-body .box4 .company-text .company-bk {padding: 10px 20px 10px 20px}
}
@media screen and (max-width:1024px) {

.index-body{ display:none;}
}
@media screen and (max-width:640px) {
.index-body{ display:none;}
}

/*wap 产业布局*/
.bujuSwiperBox {position:relative;padding-top:10px;float:none;height:auto;width:100%;max-width:1400px;margin:0 auto;padding-bottom:0px;}

/*新闻*/
.newSwiperBox {position:relative;padding-top:10px;float:none;height:auto;width:100%;max-width:1400px;margin:0 auto;padding-bottom:0px;}

@media screen and (max-width:1400px) {
	.news_box {padding:20px 0px;}
}
@media screen and (max-width:1100px) {
	.news_box {padding:10px 0px;}
	.proSitem {max-width:100%;padding-bottom:0px;}
	.proSitem .Icott h3 {font-size:16px;}
}
@media screen and (max-width:768px) {
	.news_box {padding:5px 0px;background:#fff;}
	.proSitem .Icott p{-webkit-line-clamp: 2;}
}

@media (max-width:639px) {
	.dixia {margin-top:0;}
	.proSitem {max-width:100%;padding-bottom:0px;margin-top:0;}
	.proSitem .Icott h3 {font-size:14px;line-height:25px;}
	.proSitem .Icott p {font-size:12px;}
}