@charset "utf-8";

/*top*/
.top { width: 100%;/* height: 120px; */ position: fixed; top: 0; background-color: #fff; z-index: 1000; border-bottom: solid 1px #b3b3b3; }
.top .top_logo { width: 1200px;/* height: 120px; */ margin: 0 auto; }
.top .top_logo .logo { float: left;/* height: 120px; */ margin-top: 20px; }
.navBar {/* height: 120px; */font-size: 15px; text-align: center; float: right; }
.navBar .container { clear: both; float: right; }
.pull-left { float: left; }
.pull-left > li { height: 100px; float: left; position: relative; z-index: 20; color: #333; }
.pull-left > li a { width: 85px; display: block; color: #333; font-size: 15px; line-height: 100px; }
.pull-left > li a:hover, .active { background: #24ae37; color: #fff; }
.pull-left > .active .n { color: #fff; }
.active a { color: #fff; }
.pull-left > li ul { position: absolute; left: 0; top: 100px; width: 120px; line-height: 34px; font-size: 14px; text-align: left; visibility: hidden; text-align: center; height: 238px }
.pull-left > li .nav_img { position: absolute; left: 120px; top: 120px; width: 260px; height: 208px; padding: 15px; background-color: #fff; visibility: hidden; }
.pull-left > li .nav_img img { width: 260px; height: 160px; overflow: hidden; }
.pull-left > li .nav_img .nav_t { font-size: 12px; color: #333; line-height: 18px; display: block; text-align: left; height: 40px; width: 260px; }
.pull-left li:hover ul { visibility: visible; }
.pull-left li:hover .nav_img { visibility: visible; }
.pull-left li > ul li { display: block; width: 120px; color: #333; height: 34px; line-height: 34px; font-size: 13px; background-color: rgba(255, 255, 255, 0.5); }
.pull-left li > ul li a { display: block; width: 120px; color: #333; height: 34px; line-height: 34px; font-size: 13px; background-color: rgba(255, 255, 255, 0.5); }
.pull-left li > ul a:hover { background-color: rgba(36, 174, 55, 0.7); color: #fff; }
.banner { position: relative; width: 100%; margin: 0; background: #FFF; overflow: hidden; margin-top: 101px; float: left }
.banner .mc { position: relative; left: 50%; width: 1920px; height: 500px; margin-left: -960px; text-align: center; }
.banner .mc li { height: 500px; vertical-align: top; }
.banner .mt { position: absolute; bottom: 25px; width: 100%; z-index: 1; text-align: center; }
.banner .mt ul { width: 960px; height: 18px; margin: 0 auto; }
.banner .mt ul li { display: inline-block; *display: inline; zoom: 1; width: 14px; height: 14px; margin: 0 3px; border-radius: 100%; border: 2px solid #fff; line-height: 999px; vertical-align: top; overflow: hidden; cursor: pointer; }
.banner .mt ul .on { background: #fff; }
.banner a.prev, .banner a.next { display: block; width: 36px; height: 163px; position: absolute; top: 50%; margin-top: -29px; z-index: 1; display: none; }
.banner a.prev { left: 0; background: url(/images/foot_l.png) no-repeat; }
.banner a.next { right: 0; background: url(/images/foot_r.png) no-repeat; }

/*row*/
.row { width: 1100px; height: 220px; position: absolute; top: 400px; left: 50%; margin-left: -550px; z-index: 100; }
.row_n { float: left; width: 550px; height: 220px; background-color: #fff; margin-right: 2px; }
.row_n .row_p { width: 60px; height: 220px; float: left; }
.row_n ul { float: left; width: 470px; height: 210px; padding: 10px 10px 0 10px; }
.row_n ul li { width: 470px; height: 95px; margin-bottom: 10px; }
.row_n ul li .news_p { width: 130px; height: 95px; float: left; }
.row_n ul li .news_p img { width: 100%; height: 100%; }
.row_n ul .news_content { float: left; width: 320px; margin-left: 20px; }
.row_n ul .news_content span { font-size: 18px; line-height: 36px; color: #333; }
.row_n ul .news_content h1 { font-size: 12px; line-height: 20px; color: #999; }
.row_n ul .news_content p { font-size: 14px; line-height: 20px; color: #666; }
.row_n ul li:hover span { color: #24ae37; }
.row .video { float: left; width: 286px; height: 220px; }
.row .row_contact { float: right; width: 260px; height: 220px; margin-left: 2px; overflow: hidden; }
.row .row_contact .talent { width: 260px; height: 100px; margin-bottom: 2px; display: block }
.row .row_contact .contact { width: 240px; height: 108px; background-color: #24ae37; overflow: hidden; color: #fff; font-size: 14px; line-height: 24px; padding-left: 20px; padding-top: 10px; }

/*about*/
.about_bg { width: 100%; overflow: hidden }
.about_box { width: 1200px; margin: 0 auto; overflow: hidden; padding-top: 50px }
.about { width: 850px; float: left; overflow: hidden; }
.about .about_title { margin-bottom: 20px; background: url("/images/title.png") no-repeat bottom; }
.about .about_title h3 { font-size: 24px; font-weight: bold; color: #010101; margin-top: 0; margin-bottom: 0; }
.about .about_title p { font-size: 22px; color: #999; margin: 5px 0; font-weight: 100; line-height: 22px; padding-bottom: 15px; margin-bottom: 0; }
.about .about_text { font-size: 14px; line-height: 24px; color: #666; }
.about .about_text a { font-size: 14px; line-height: 40px; color: #605f5f; text-decoration: none; }
.about .about_list { margin-top: 20px; }
.about .about_list .listbtn { width: 204px; float: left; height: 38px; text-align: center; border: 1px solid #d8d8d8; line-height: 38px; margin-right: 20px; }
.about .listbtn span { font-size: 16px; color: #777777; vertical-align: middle; display: inline-block; }
.about .logo1 { background: url("/images/about1.png")no-repeat center; width: 23px; height: 23px; }
.about .logo2 { background: url("/images/about2.png") no-repeat center; width: 23px; height: 23px; }
.about_p { width: 310px; height: 250px; float: right; border: 1px solid #b2b2b2; padding: 4px; overflow: hidden; }
.about_p .hiSlider1 { width: 310px; height: 250px; }
.about_p .hiSlider1 li { width: 310px; height: 250px; }
.about_p .hiSlider1 li img { width: 100%; height: 100%; }

/*product*/
.product_bg { width: 100%; height: 780px; background: url("/images/product.jpg") no-repeat center; overflow: hidden; margin-top: 50px; }
.product_box { width: 1200px; height: 730px; margin: 0 auto; margin-top: 50px; }
.product_left { float: left; width: 240px; height: 630px; background-color: #24ae37; padding: 40px 30px; margin-top: -30px;/* overflow:  auto; */ }
.product_left .title { border-bottom: 1px solid #fff; overflow: hidden; text-align: left; margin-bottom: 10px; }
.product_left .title h3 { font-size: 24px; color: #fff; }
.product_left .title p { font-size: 18px; color: #fff; margin: 5px 0 10px 0; }
.product_left .product_list li{
	width: 240px;
	height: 36px;
	background-color: #fff;
	margin-bottom: 20px;
	text-align: center;
}
.product_left .product_list li a{
	font-size: 16px;
	line-height: 36px;
	color: #000;
}
.product_left .product_list li:hover{
	background-color: #0488eb;
}
.product_left .product_list li:hover a{
	color: #fff;
}
.product_left .bottom{
	width: 240px;
	height: 100px;
}.product_right { float: right; width: 880px; height: 670px; margin-left: 20px; overflow: hidden; }
.product_right ul { width: 880px; overflow: hidden; }
.product_right ul li { float: left; width: 280px; height: 210px; margin-right: 20px; margin-bottom: 20px; overflow: hidden; position: relative; }
.product_right ul li:nth-child(3n) { margin-right: 0; }
.product_right ul li .a2 { overflow: hidden; position: absolute; width: 280px; height: 210px; left: 0; top: 0 }
.product_right ul li span { margin-top: 70px; text-align: center; font-size: 18px; line-height: 36px; color: #fff; display: none; }
.product_right ul li p { font-size: 16px; line-height: 30px; text-align: center; color: #fff; display: none; }
.product_right ul li:hover span { display: block }
.product_right ul li:hover p { display: block }
.product_right ul li a .p1 { margin: 0 auto; width: 100%; height: 100%; }
.product_right ul li:hover .a2 { background-color: rgba(0, 0, 0, 0.5) }

/*news*/
.news_bg { width: 100%; overflow: hidden; }
.news_box { width: 1200px; margin: 0 auto; margin-top: 40px; overflow: hidden; }
.news_box .news_title { width: 1200px; margin: 0 auto; }
.news_box ul { width: 1200px; margin: 0 auto; margin-top: 30px; }
.news_box ul li { float: left; width: 568px; height: 128px; margin-bottom: 20px; margin-right: 20px; overflow: hidden; padding: 10px; border: solid 1px #d9d9d9 }
.news_box ul li:nth-child(2n) { margin-right: 0; }
.news_box ul li .news_p { float: left; width: 180px; height: 128px; overflow: hidden }
.news_box ul li .news_p img { width: 100%; height: 100%; transition-duration: 0.5s; }
.news_box ul li .news_content { float: left; width: 360px; padding-left: 20px }
.news_box ul li .news_content span { font-size: 18px; line-height: 36px; color: #000 }
.news_box ul li .news_content h1 { font-size: 12px; line-height: 20px; color: #999 }
.news_box ul li .news_content p { font-size: 14px; line-height: 24px; color: #666 }
.news_box ul li:hover span { color: #24ae37; }
.news_box ul li .news_p img:hover { -webkit-transform: scale(1.05, 1.05); }

/*case*/
.case_bg { width: 100%; height: 350px; padding: 40px 0; background: url("/images/case_bg.jpg") no-repeat center; margin-top: 30px; }
.case_box { width: 1200px; margin: 0 auto; }
.case_box .case_title { height: 43px; }
.case_box .case_title .case_p1 { float: left; }
.case_box .case_title .case_p2 { float: left; }
.case_box .case_title a { float: right; font-size: 14px; color: #fff; line-height: 40px }
.case_box .case_title a:hover { color: #d42021 }
.runlist { width: 1200px; margin-top: 40px; overflow: hidden }
#ISL_Cont_1 { float: left; width: 1080px; overflow: hidden; height: 240px; margin-left: 10px }
#ISL_Cont_1 p { margin: 0 auto; }
#Leftarr { float: left; width: 50px; height: 50px; cursor: pointer; display: inline; margin: 95px 0; }
#Rightarr { float: right; width: 50px; height: 50px; cursor: pointer; display: inline; margin: 95px 0; }
.movead { zoom: 1; width: 1200px; margin: 0 auto; position: relative; z-index: 11; overflow: hidden; }
.movead .pl { float: left; width: 250px; height: 240px; margin: 0 10px; overflow: hidden; text-align: center; background-color: rgba(255, 255, 255, 0.3); }
.movead .pl img { display: block; CURSOR: pointer; width: 240px; height: 200px; }
.movead .picbox { display: block; width: 240px; height: 200px; margin: 5px }
.movead .pl .pl1 { }
.movead .pl .pl1 .a1 { font-size: 14px; color: #fff; line-height: 30px; display: block }
.movead .pl:hover { background-color: rgba(36, 176, 55, 0.5); }

/*foot*/
.foot { width: 100%; background-color: #fff; }
.foot_box { width: 1200px; margin: 0 auto; margin-top: 50px; }
.foot .foot_1 { overflow: hidden; }
.foot .foot_1 ul { float: left; }
.foot .foot_1 ul > li { float: left; }
.foot .foot_1 ul > li a { font-size: 16px; color: #000; width: 110px; line-height: 30px; display: block; }
.foot .foot_1 ul li > ul { margin-top: 10px; }
.foot .foot_1 ul li > ul li { clear: both; }
.foot .foot_1 ul li > ul li a { font-size: 14px; color: #333; line-height: 28px; }
.foot .foot_1 .erweima { float: right; width: 160px; overflow: hidden; }
.foot .foot_1 .erweima img { margin: 0 auto; display: block; }
.foot .foot_1 .erweima span { text-align: center; font-size: 16px; line-height: 36px; color: #000; }
.foot_2 { width: 100%; background-color: #24ae37; padding: 10px 0; margin-top: 30px; }
.foot_2 .foot_text { width: 1200px; margin: 0 auto; text-align: center; font-size: 14px; line-height: 20px; color: #fff; }

/*left*/
.main { width: 100%; height: auto; background-color: #fafafa; overflow: hidden }
.main .container { padding-bottom: 50px; width: 1200px; margin: 0 auto; overflow: hidden }
.main .about_list { border-bottom: solid 1px #ccc; text-align: center; width: 100%; overflow: hidden; height: 59px; padding-top: 50px }
.main .about_list a { display: inline-block; font-size: 20px; line-height: 20px; padding: 15px 0px 20px 0; margin: 0 20px; color: #333; }
.main .about_list a:hover { color: #24ae37; border-bottom: solid 4px #24ae37; }
.main .container .content { width: 1138px; border: solid 1px #ccc; margin-top: 50px; padding: 30px; }
.main .container .content span { font-size: 24px; line-height: 30px; text-align: center; color: #24ae37; font-weight: 600; }
.main .container .content .content_text { font-size: 15px; line-height: 28px; margin-top: 20px; }
.main .container .productlist { margin: 0 auto; overflow: hidden; margin-top: 30px }
.main .container .productlist li { float: left; text-align: center; width: 130px; margin: 0 10px;/* height: 36px; */ }
.main .container .productlist li a { width: 130px; height: 36px; font-size: 14px; line-height: 36px; color: #333; background-color: #d9d9d9; display: block; text-decoration: none; }
.main .container .productlist li a:hover, .active { color: #fff; background-color: #24ae37; }
.main .container .productlist .active a { color: #fff; background-color: #24ae37; }
.main .container .productlisttt { width: 450px; margin: 0 auto; overflow: hidden; margin-top: 30px }
.main .container .productlisttt li { float: left; text-align: center; width: 130px; margin: 0 10px; height: 36px; }
.main .container .productlisttt li a { width: 130px; height: 36px; font-size: 14px; line-height: 36px; color: #333; background-color: #d9d9d9; display: block; text-decoration: none; }
.main .container .productlisttt li a:hover, .active { color: #fff; background-color: #24ae37; }
.main .container .productlisttt .active a { color: #fff; background-color: #24ae37; }

/*right*/
.main .container .main_right { float: right }
.main .container .main_right .content, .main_right .heading { width: 940px }
.main .container .main_right .heading { height: 45px; background-color: #333; overflow: hidden }
.main .container .main_right .heading span { float: left; font-size: 18px; line-height: 45px; color: #fff; margin-left: 20px }
.main .container .main_right .heading .bre-nav { float: right; color: #fff; font-size: 14px; line-height: 45px; margin-right: 20px; }
.main .container .main_right .heading .bre-nav a { font-size: 14px; color: #fff }
.main .container .main_right .content { font-size: 14px; line-height: 24px; margin-top: 30px; color: #333 }
.big_wapper { border-bottom: 1px #ccc solid; text-align: center; font-size: 20px; color: #24ae37; padding-bottom: 18px; padding-top: 20px; margin-top: 30px; overflow: hidden; }
.big_wapper1 { border-bottom: 1px #ccc solid; text-align: center; font-size: 20px; color: #24ae37; padding-bottom: 18px; overflow: hidden; margin-top: 30px; padding-top: 20px }
#cpzs2 { width: 1200px; padding-top: 50px; overflow: hidden; }
#cpzs2 ul { overflow: hidden }
#cpzs2 li { float: left; width: 285px; margin-right: 20px; margin-bottom: 20px; overflow: hidden; }
#cpzs2 li:nth-child(4n) { margin-right: 0; }
#cpzs2 li div { width: 285px; height: 215px; overflow: hidden; }
#cpzs2 li div img { width: 100%; height: 100%; transition-duration: 0.5s; }
#cpzs2 li span { width: 285px; height: 45px; font-size: 14px; line-height: 45px; background-color: #808080; color: #fff; text-align: center; }
#cpzs2 li:hover span { background-color: #24ae37; }
#cpzs2 li div img:hover { -webkit-transform: scale(1.05, 1.05); }
.main .page { margin-top: 30px; }
.main .page a { display: inline-block; margin: 0 5px; width: 60px; height: 25px; border-radius: 4px; text-align: center; font-size: 9pt; line-height: 23px; background-color: #24ae37; color: #fff; }
.main .next-page, .main .pre-page { display: inline-block; margin: 0 5px; width: 60px; height: 25px; border-radius: 4px; text-align: center; font-size: 9pt; line-height: 23px; background-color: #24ae37 }
.article { margin-top: 30px; width: 1160px; color: #333; padding: 0 20px; }
.article h1 { text-align: center; font-size: 24px; line-height: 1.8; }
.article .title { font-size: 18px; line-height: 30px; color: #fff; width: 120px; height: 30px; background-color: #24ae37; text-align: center }
.subtitle { text-align: center; font-size: 14px; line-height: 2; color: #999 }
.subtitle span { margin-right: 10px }
.article .content1 { margin-top: 20px; font-size: 14px; line-height: 28px; color: #333; display: block; }
.article .content div { color: #333 }
.article .other-article { margin: 20px 0; color: #333; font-size: 14px; line-height: 2 }
.article .other-article span { display: block }
.article .other-article span a:hover { text-decoration: underline }
.article .back { display: block; margin: 0 auto; width: 138px; height: 35px; border-radius: 4px; background-color: #24ae37; color: #fff; text-align: center; line-height: 35px }
.article .prev-article { color: #24ae37 }
.article .next-article { color: #24ae37 }
.main .container .news2 { padding-top: 30px; width: 1200px; overflow: hidden }
.main .container .news2 ul li { width: 1178px; height: 128px; margin-bottom: 20px; overflow: hidden; padding: 10px; border: solid 1px #24ae37; }
.main .container .news2 .news2_p { float: left; width: 180px; height: 128px; overflow: hidden }
.main .container .news2 .news2_p img { width: 100%; height: 100% }
.main .container .news2 .news2_content { float: left; width: 950px; padding-left: 20px; transition: padding-left ease .3s; -webkit-transition: padding-left ease .3s; }
.main .container .news2 .news2_content span { font-size: 18px; height: 30px; color: #000 }
.main .container .news2 .news2_content h1 { font-size: 12px; height: 20px; color: #999 }
.main .container .news2 .news2_content p { font-size: 14px; height: 24px; color: #666 }
.main .container .news2 .news3:hover span { color: #fff; }
.main .container .news2 .news3:hover h1 { color: #fff; }
.main .container .news2 .news3:hover p { color: #fff; }
.main .container .news2 .news3:hover { background-color: #24ae37; }
.main .container .news2 .news3:hover .news2_content { padding-left: 40px; }