/*banner*/
.banner{position:relative; padding-top:100px; overflow:hidden;}
.banner img{ display:block; width:100%;}
.banner img.mobile{ display:none;}
.banner_tit{ position:absolute; top:50%; margin-top:-10px; left:0; width:100%; text-align:center;}
.banner_tit h1{ font-size:48px; line-height:1; font-weight:bold; padding-bottom:20px; color:#fff;}
.banner_tit h2{ font-size:24px; line-height:1; color:#00a551;font-family: 'ITCAVANTGARDESTD-BK', Arial, sans-serif; text-transform:uppercase;}
/*sec1*/
.sec1 li{ float:left; width:100%; background:#fff;height:550px; line-height:550px;}
.sec1 li.odd{ background:#f1f7f7;}
.sec1 li .sec1_left{ float:left; padding-left:10px;transition: .15s linear; -moz-transition:.15s linear; -webkit-transition:.15s linear;}
.sec1 li .sec1_right{ float:right; padding-right:10px; width:670px;transition: .15s linear; -moz-transition:.15s linear; -webkit-transition:.15s linear;}
.sec1 li:hover .sec1_left{ padding-left:0px;}
.sec1 li:hover .sec1_right{padding-right:0px;}
.sec1 li.even .sec1_left{width:450px; }
.sec1 li.odd .sec1_right{ width:450px;}
.sec1 li a h1{ color:#333; font-size:38px; font-weight:lighter; line-height:1.5; padding-top:156px; padding-bottom:20px; transition: .15s linear; -moz-transition:.15s linear; -webkit-transition:.15s linear;}
.sec1 li p{ color:#666; font-size:14px;font-weight:lighter; line-height:2; height:84px; padding-bottom:30px; }
.sec1 li a .sec1_btn{ width:90px; padding:0 30px; height:50px; line-height:50px; text-align:left; color:#333; font-size:16px; border:#d8dede solid 1px; border-radius:25px; background-image:url(../images/btn_icon.png); background-repeat:no-repeat; background-position:80% center;transition: .15s linear; -moz-transition:.15s linear; -webkit-transition:.15s linear;}
.sec1 li a:hover .sec1_btn{background-image:url(../images/btn_icon1.png); background-color:#00a551; color:#fff;border:#00a551 solid 1px;}
.sec1 li a:hover h1{ color:#00a551;}
.sec1 li.odd:nth-child(3) .sec1_right{ width:500px;}
.sec1 li img{ vertical-align:middle;}
/*sec2*/
.sec2{ padding:30px 0;}
.mobile_sec2{ display:none;}
.swiper-container{ padding:50px;}
a .sec2_top{ background:#f1f7f7; border:#f1f7f7 solid 1px;transition: .15s linear; -moz-transition:.15s linear; -webkit-transition:.15s linear;}
a .sec2_top img{ width:100%;}
a:hover .sec2_top{background:#fff; border:#00a551 solid 1px;}
a .sec2_bottom{ padding:0 15px 20px; border:#eee solid 1px;transition: .15s linear; -moz-transition:.15s linear; -webkit-transition:.15s linear;}
a:hover .sec2_bottom{background:#00a551; border:#00a551 solid 1px;}
a .sec2_bottom h1{ color:#333; font-size:16px; line-height:1; height:16px; padding-top:30px; padding-bottom:10px;transition: .15s linear; -moz-transition:.15s linear; -webkit-transition:.15s linear;}
a .sec2_bottom p{ color:#999; font-size:12px; line-height:2; padding-bottom:20px;transition: .15s linear; -moz-transition:.15s linear; -webkit-transition:.15s linear; height:50px;}
a:hover .sec2_bottom h1{ color:#fff; }
a:hover .sec2_bottom p{ color:#fff;}
a .sec2_btn{ background-color:#fff; color:#00a551; font-size:12px; border:#b2e4ca solid 1px; border-radius:50px; width:85px; height:32px; line-height:32px; background-image:url(../images/btn.png); background-repeat:no-repeat; background-position:80% center; padding-left:20px;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ background-color:#fff; height:100%; width:48px; top:0; margin-top:0; right:0; background-image:url(../images/next1.png);}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ background-color:#fff; height:100%; width:48px; top:0; margin-top:0; left:0; background-image:url(../images/prev1.png);}
.swiper-button-next, .swiper-button-prev{-moz-background-size:auto auto;background-size:auto auto;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{ opacity:1;}
.swiper-button-next.swiper-button-disabled{ background-image:url(../images/next.png);}
.swiper-button-prev.swiper-button-disabled{ background-image:url(../images/prev.png);}
.is_ie{ display:none;}
.owl-pagination{ display:none;}
.owl-carousel{ width:1100px; margin:0 auto;}
.item{ margin:0 10px;}
.owl-theme .owl-controls .owl-buttons div{ background-color:transparent; text-indent:-99999px; background-repeat:no-repeat; position:absolute; top:0; height:100%; background-position:center; width:50px; background-color:#fff;}
.owl-theme .owl-controls .owl-buttons .owl-prev{background-image:url(../images/prev1.png); left:-50px;}
.owl-theme .owl-controls .owl-buttons .owl-next{background-image:url(../images/next1.png); right:-50px;}
/*page*/
/*banner*/
.page_style1{ position:relative;}
.page_style1 .banner_tit{ margin-top:-40px;vertical-align: top;}
.page_style1 video{ width:100%;}
.page_style1 .banner_bg{ position:absolute; top:0; left:0; width:100%; height:100%; background-image:url(../images/banner_bg.png); background-repeat:repeat;}
.page_style1 h2 span.font,.page_style2 h2 span.font{ font-size:34px; font-weight:lighter; color:#fff; line-height:45px; display:inline-block;height:45px; padding-left:5px;}
.page_style1 h2 span.num,.page_style2 h2 span.num{font-family: 'ITCAVANTGARDESTD-BOLD', Arial, sans-serif; font-size:45px; line-height:1; display:inline-block; color:#fff;height:45px;}
.page_style1 h2 i,.page_style2 h2 i{ background-image:url(../images/line.png); background-repeat:no-repeat; width:40px; display:inline-block; height:45px; padding:0 20px; background-position:center 55%;}
.page_style1 p,.page_style2 p{ font-size:20px; font-weight:lighter; color:#fff; line-height:1; padding-top:20px;}
.page_style2 .banner_tit{ margin-top:-80px;}
.page_style2 .banner_btn{ background-image:url(../images/play.png); background-repeat:no-repeat; background-position:center; width:100%; height:80px; display:block;}
.page_style2 p{ padding-bottom:46px;}
.page_style3{ padding:115px 0; background:#f7f7f7;transition: .15s linear; -moz-transition:.15s linear; -webkit-transition:.15s linear;}
.page_style3 .inner{ position:relative; width:1240px;}
.page_style3 img{ width:auto; float:right; max-width:50%; margin-right:30px;transition: .15s linear; -moz-transition:.15s linear; -webkit-transition:.15s linear; vertical-align:middle;}
.page_style3 .banner_tit{ float:left; width:40%;  left:0px; margin-left:10px; text-align:left;transition: .15s linear; -moz-transition:.15s linear; -webkit-transition:.15s linear; height:auto;}
.page_style3.page_style3_1 .banner_tit{margin-top:-152px; }
.page_style3.page_style3_2 .banner_tit{margin-top:-86px; }
.page_style3 .banner_tit h1{ color:#00a551;}
.page_style3:hover .banner_tit{ margin-left:0px;}
.page_style3:hover img{margin-right:20px;}
.banner_tet{ padding:20px 0;}
.banner_tet .f-left{color:#00a551;font-family: 'ITCAVANTGARDESTD-BOLD', Arial, sans-serif; font-size:92px; line-height:1; }
.banner_tet .f-right{ float:left;}
.banner_tet .f-right h3{ font-size:38px; line-height:1; padding-top:10px; padding-bottom:8px;}
.banner_tet .f-right h4{ font-size:20px; line-height:1; color:#666; font-weight:lighter;}
.page_style3 .banner_tit p{ color:#333; font-size:26px; line-height:1; padding-bottom:36px;}
.page_style3 .banner_btn1{ background-image:url(../images/play1.png); background-repeat:no-repeat; background-position:80% center; border-radius:50px; width:100px; height:40px; line-height:40px; font-size:14px; color:#00a551; display:block; border:#00a551 solid 1px; padding-left:20px;transition: .15s linear; -moz-transition:.15s linear; -webkit-transition:.15s linear;}
.page_style3:hover .banner_btn1{ background-image:url(../images/play2.png); color:#fff;background-color:#00a551;}
/*sec1*/
.machinevision-page1 .sec1{ text-align:center; padding-top:60px;}
.machinevision-page1 .sec1 h1{ font-size:18px; color:#333; line-height:1.5; padding-bottom:45px; border-bottom:#eee solid 1px;}
.machinevision-page1 .sec1 p{ font-size:14px; color:#666; line-height:2; padding-top:30px; padding-bottom:50px; }
.machinevision-page1 .sec1 li{ float:left; width:20%; padding:0; min-height:10px;background-image:url(../images/line1.png); background-repeat:no-repeat; background-position:right center; min-height:100px; height:auto; line-height:normal;}
.machinevision-page1 .sec1 li.last{ float:left; width:20%; padding:0; min-height:10px; background-image:none;}
.machinevision-page1 .sec1 .ul1 li{ width:100%;}
.machinevision-page1 .sec1 .ul2 li{ width:50%;}
.machinevision-page1 .sec1 .ul3 li{ width:33.33%;}
.machinevision-page1 .sec1 .ul4 li{ width:25%;}
.machinevision-page1 .sec1 .ul5 li{ width:20%;}
.machinevision-page1 .sec1 li h2{ color:#00a551; font-size:20px; line-height:1; padding-bottom:16px;}
.machinevision-page1 .sec1 li p{ padding:0; height:auto;  color:#999; font-size:14px; line-height:2;}
/*sec2*/
.machinevision-page1 .sec2{
	padding: 70px 0;
	margin: 0 auto;
	width: 1200px;
	max-width: 89.33%;
	text-align: center;
	font-size: 0;
}
.sec2 .title{
	display: inline-block;
	vertical-align: top;
	margin-bottom: 52px;
}
.sec2 .title p{
	font-size: 14px;
	color: #00a551;
	margin-bottom: 20px;
	text-transform:uppercase;font-family: 'ITCAVANTGARDESTD-BK', Arial, sans-serif; line-height:1; padding-top:15px;
}
.sec2 .title h3{
	background-image: url(../images/module_sec2_title_bgline.png);
	background-repeat: repeat-x;
	background-position: center center;
	padding: 0 40px;
}
.sec2 .title h3 span{
	font-size: 40px;
	font-weight: bold;
	color: #333;
	background-color: #fff;
	padding: 0 24px;
}
.sec2 img{ max-width:100%;}
.sec2 .back{ float:right;width:110px; height:40px; line-height:40px; padding-bottom:50px; padding-top:20px;}
.sec2 .back a{ display:block; width:90px; height:40px; line-height:40px; background-image:url(../images/page_btn.png); background-repeat:no-repeat; background-position:80% center; border-radius:25px; border:#b8b8b8 solid 1px; text-align:center; padding-right:20px; color:#666; font-size:14px;transition: .1s linear; -moz-transition:.1s linear; -webkit-transition:.1s linear;}
.sec2 .back a:hover{color:#fff; background-color:#00a551;border:#00a551 solid 1px;background-image:url(../images/page_btn1.png);}
/*弹出框*/
#bg{width:100%;height:100%;top:0px;left:0px;position:fixed;filter: Alpha(opacity=70);opacity:0.7; background:#000000; display:none; z-index:999999;}
.popbox{position:fixed; top:10%; left:0; width:100%; height:80%; margin:0 auto;  display:none;z-index:9999999 ; text-align:center; }
.popbox video{ width:auto;  height:100%;margin:0 auto; display:inline-block;}
.popbox .close{ position:fixed; right:10%; top:10%;z-index:999999999; display:block; width:8px; height:8px;}
.popbox .close img{ width:15px;}
@media screen and (max-width:1600px){
	/*弹出框*/
	.popbox{top:15%;height:70%; }
	.popbox .close{ right:15%; top:15%;}
}
@media screen and (max-width:1440px){
	/*弹出框*/
	.popbox{top:20%;height:60%; }
	.popbox .close{ right:15%; top:15%;}
}
@media screen and (max-width:1280px){
	/*sec1*/
	.sec1 li.even .sec1_left,.sec1 li.odd .sec1_right{ width:400px;}
	/*sec2*/
	.machinevision-page1 .sec2{ width:90%;}
	.page_style3 .inner{ width:90%;}
	.page_style3:hover img{margin-right:0px;}
	/*弹出框*/
	.popbox .close{ right:10%; top:10%;}
}
@media screen and (max-width:1210px){
	/*sec1*/
	.sec1 li .sec1_left{padding-left:2%; width:46%;}
	.sec1 li .sec1_right{padding-right:2%; width:48%;}
	.sec1 li img{ width:100%;}
	.sec1 li.even .sec1_left{width:48%; }
	.sec1 li.odd .sec1_right{width:48%;}
	.sec1 li.odd:nth-child(3) .sec1_right{width:48%;}
}
@media screen and (max-width:1152px){
	/*sec2*/
	a .sec2_bottom h1{line-height:1.2; height:30px; }
	/*弹出框*/
	.popbox .close{ right:10px; top:10%; width:15px; height:15px;}
}
/*ipad横*/
@media screen and (max-width:1024px){
	/*banner*/
	.banner{ padding-top:50px;}
	/*sec1*/
	.sec1 li{ height:400px; line-height:400px;}
	.sec1 li .sec1_left{padding-left:0;}
	.sec1 li .sec1_right{padding-right:0;}
	.sec1 li a:hover .sec1_btn{background-image:url(../images/btn_icon.png); background-color:transparent; color:#333;border:#d8dede solid 1px;}
	.sec1 li a h1{ padding-top:78.5px;}
	.sec1 li a:hover h1{ color:#333;}
	/*sec2*/
	a .sec2_bottom h1{line-height:1.2; height:40px; }
	a:hover .sec2_top{background:#f1f7f7; border:#f1f7f7 solid 1px;}
	a:hover .sec2_bottom{ background-color:transparent; border:#eee solid 1px;}
	a:hover .sec2_bottom h1{ color:#333;}
	a:hover .sec2_bottom p{ color:#999;}
	.sec2 .back a:hover{ color:#666;background-color:transparent;border:#b8b8b8 solid 1px;background-image:url(../images/page_btn.png);}
	/*page*/
	/*banner*/
	.page_style1 .banner_tit{ margin-top:-90px;}
	.page_style2 .banner_tit{ margin-top:-120px;}
	.page_style3 img{ margin-right:0px;}
	.page_style3 .banner_tit{ width:50%;margin-left:0px;}
	.page_style3:hover .banner_btn1{ background-image:url(../images/play1.png); color:#00a551;background-color:transparent;}
	/*font-light*/
	/*sec1*/
	.sec1 li a h1,.sec1 li p{font-weight:normal;}
	/*page*/
	/*banner*/
	.page_style1 h2 span.font,.page_style2 h2 span.font,.page_style1 p,.page_style2 p,.banner_tet .f-right h4{font-weight:normal;}
}
@media screen and (max-width:850px){
	/*弹出框*/
	.popbox{ height:40%; top:30%;}
}
/*ipad竖*/
@media screen and (max-width:768px){
	/*banner*/
	.banner img.pc{ display:none;}
	.banner img.mobile{ display:block;}
	.banner_tit{ top:50%; margin-top:-10px; left:0; width:100%; text-align:center;}
	.banner_tit h1{ font-size:2.7rem;padding-bottom:10px;}
	.banner_tit h2{ font-size:1.3rem; }
	/*sec1*/
	.sec1 li{ text-align:center; height:auto; line-height:normal;}
	.sec1 li .sec1_left{ width:100% !important;}
	.sec1 li .sec1_right{width:100% !important;}
	.sec1 li img{ width:auto; max-width:100%; vertical-align:top;}
	.sec1 li{padding:60px 0 40px;}
	.sec1 li a h1{ font-size:2.4rem;padding-bottom:10px; padding-top:0px;}
	.sec1 li p{ font-size:1.3rem;height:auto; padding-bottom:0px; }
	.sec1 li a .sec1_btn{ margin:20px auto 25px; width:70px; padding:0 20px; height:40px; line-height:40px; font-size:1.3rem; }
	/*sec2*/
	.sec2{ padding:20px 0;}
	.swiper-container{ padding:20px;}
	a .sec2_bottom{ padding:0 10px 10px;}
	a .sec2_bottom h1{font-size:1.5rem; line-height:1;height:auto; padding-top:20px; padding-bottom:10px;}
	a .sec2_bottom p{font-size:1.1rem; line-height:2; padding-bottom:10px; height:50px;}
	a .sec2_btn{font-size:1.2rem;width:80px; height:32px; line-height:32px;background-position:90% center; padding-left:15px;}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ width:18px;}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ width:18px;}
	.sec2 .back{width:90px; height:36px; line-height:36px; padding-bottom:25px; padding-top:10px; margin-right:5%;}
	.sec2 .back a{  width:75px; height:36px; line-height:36px; background-size:15px auto;padding-right:20px; font-size:1.2rem;}
	/*page*/
	/*banner*/
	.page_style1 .banner_tit{ margin-top:-50px;}
	.page_style1 h2 span.font,.page_style2 h2 span.font{ font-size:2.8rem; line-height:1;height:auto; padding-left:5px;}
	.page_style1 h2 span.num,.page_style2 h2 span.num{font-size:2.7rem;height:auto;}
	.page_style1 h2 i,.page_style2 h2 i{ width:20px; background-size:20px auto;height:30px; padding:0 10px; background-position:center 60%;}
	.page_style1 p,.page_style2 p{ font-size:1.5rem;padding-top:20px;}
	.page_style2 .banner_tit{ margin-top:-50px;}
	.page_style2 .banner_btn{ height:40px; background-size:40px 40px;}
	.page_style2 p{ padding-bottom:20px;}
	.page_style3{ padding:30px 0; text-align:center;}
	.page_style3 img{ max-width:100%; padding-top:30px;}
	.page_style3 .banner_tit{ width:100%; text-align:center; position:static; margin-top:0;}
	.page_style3.page_style3_1 .banner_tit,.page_style3.page_style3_2 .banner_tit{ margin-top:0;}
	.banner_tet{ padding:10px 0 20px; width:180px; margin:0 auto; text-align:left;}
	.banner_tet .f-left{font-size:4.9rem; padding-right:5px; width:60px; text-align:center;}
	.banner_tet .f-right h3{ font-size:2.4rem;padding-top:5px; padding-bottom:4px;}
	.banner_tet .f-right h4{ font-size:1.5rem; }
	.page_style3 .banner_tit p{ font-size:1.8rem; padding-bottom:18px;}
	.page_style3 .banner_btn1{  background-position:90% center;width:75px; height:36px; line-height:36px; font-size:1.2rem;padding-left:15px; margin:0 auto; text-align:left;}
	/*sec1*/
	.machinevision-page1 .sec1{ padding-top:20px;}
	.machinevision-page1 .sec1 h1{ font-size:1.4rem;line-height:2; padding-bottom:20px;}
	.machinevision-page1 .sec1 p{ font-size:1.2rem; padding-top:15px; padding-bottom:25px; }
	.machinevision-page1 .sec1 li{ width:33%;}
	.machinevision-page1 .sec1 li.li_line{ background-size:1px 90%;}
	.machinevision-page1 .sec1 li h2{ font-size:1.5rem; padding-bottom:6px;}
	.machinevision-page1 .sec1 li p{font-size:1.2rem;}
	/*sec2*/
	.machinevision-page1 .sec2{padding: 30px 0;}
	.sec2 .title{margin-bottom: 24px;}
	.sec2 .title p{font-size: 1.2rem;margin-bottom: 10px;padding-top:10px;}
	.sec2 .title h3{padding: 0 20px;}
	.sec2 .title h3 span{font-size: 2.5rem;padding: 0 12px;}
	.machinevision_page_img img.pop_img{ position:fixed; top:0; left:0; width:auto; height:auto; line-height:100%;z-index:9999999999; vertical-align:middle;}
	/*弹出框*/
	.popbox{top:30%;height:40%; }
	.popbox .close{ right:10px; top:25%;}
	.popbox .close{width:8px; height:8px;}
	.popbox .close img{ width:8px;}
}
@media screen and (max-width:580px){
	/*弹出框*/
	.popbox{ height:30%; top:35%;}
}
@media screen and (max-width:440px){
	/*page*/
	/*banner*/
	.page_style1 h2 span.font,.page_style2 h2 span.font{ font-size:2rem;}
	.page_style1 h2 span.num,.page_style2 h2 span.num{font-size:1.9rem;}
	.page_style1 p,.page_style2 p{ font-size:1.2rem;}
	/*sec1*/
	.machinevision-page1 .sec1 li{ min-height:90px;}
}
@media screen and (max-width:375px){
	/*sec2*/
	a .sec2_bottom h1{line-height:1.5;padding-bottom:5px;}
	/*sec1*/
	.machinevision-page1 .sec1 li p{ font-size:1rem;}	
}
@media screen and (max-width:360px){
	/*弹出框*/
	.popbox{ height:20%; top:40%;}
}