@import url(common.css);
.banner{ position:absolute; width: 100% !important; height:100%!important; z-index:100; top:0;}
.banner .hd ul{  position: absolute; bottom: 50px; width:100%!important; height: 18px; z-index: 900; text-align:center;}
.banner .hd li{ display:inline-block; width: 18px; height: 18px; margin: 0 3px; cursor:pointer; background:url(../images/bg_num.png); text-indent:-999em;}
.banner .hd li.on{ background:url(../images/bg_num_cur.png);}
.banner .bd{ width: 100% !important; margin: auto; height:100%!important; }
.banner .bd ul{ width: 100% !important;height:100%!important;}
.banner .bd li{ position: relative; width: 100% !important; height:100%!important;  }
.banner .bd li a{ display: block; position: relative; margin: auto; width: 100%!important; height:100%!important; background-size: cover; background-repeat: no-repeat; background-position: center;}
.banner .prev,.banner .next{ position: absolute; top: 50%; width: 40px; height: 90px;  margin-top: -45px;z-index: 900;  }
.banner .prev{ left: 20px; background: url(../images/arr_l.png); }
.banner .next{ right: 20px;  background: url(../images/arr_r.png); }

.icard{overflow: hidden;}
.icard li{margin-top:4px;}
.icard img{ width:100%;}
.icard .x4:nth-child(1),.icard .x4:nth-child(4){ transition-delay:0s; -webkit-transition-delay:0s;}
.icard .x4:nth-child(2),.icard .x4:nth-child(5){ transition-delay:.15s; -webkit-transition-delay:.15s;}
.icard .x4:nth-child(3),.icard .x4:nth-child(6){ transition-delay:.3s; -webkit-transition-delay:.3s;}


.icard .line-small{
	-webkit-perspective:1190px;
	-o-perspective:1190px;
	-ms-perspective:1190px;
	perspective:1190px;
	-webkit-transform-style:preserve-3d;
	-o-transform-style:preserve-3d;
	-ms-transform-style:preserve-3d;
	transform-style:preserve-3d;
}
.icard .is_animated {
	-webkit-transition-duration:1.2s;
	-webkit-transition-property:-webkit-transform,opacity;
	-webkit-transition-delay:.15s;
	-webkit-transition-timing-function:'ease-in-out';
	-moz-transition-duration:1.2s;
	-moz-transition-property:all;
	-moz-transition-delay:.15s;
	-moz-transition-timing-function:'ease-in-out';
	-o-transition-duration:1.2s;
	-o-transition-property:transform,opacity;
	-o-transition-delay:.15s;
	-o-transition-timing-function:'ease-in-out';
	-ms-transition-duration:1.2s;
	-ms-transition-property:transform,opacity;
	-ms-transition-delay:.15s;
	-ms-transition-timing-function:'ease-in-out';
	transition-duration:1.2s;
	transition-property:transform,opacity;
	transition-delay:.15s;
	transition-timing-function:'ease-in-out';
	-webkit-transform:rotatex(-80deg) translateZ(0);
	-ms-transform:rotatex(-80deg) translateZ(0);
	transform:rotatex(-80deg) translateZ(0);
	-webkit-transform-origin:0 0 0;
	-ms-transform-origin:0 0 0;
	transform-origin:0 0 0;
	opacity:0
}
.icard .is_animated.revealed {
	-webkit-transform:rotatex(0) translateZ(0);
	-ms-transform:rotatex(0) translateZ(0);
	transform:rotatex(0) translateZ(0);
	opacity:1
}

.itltle a{ color:#000;}
.itltle a:hover{ text-decoration: none;}

.inews{ padding: 60px 0 70px;}
.inewsslide{ position:relative; height: 403px; overflow: hidden; padding-left: 585px; margin-top: 20px;}
.inewsslide .bd{ position: absolute; left: 0;top: 0;}
.inewsslide .bd li{ position: relative; background: #f3f3f3; height: 403px;}
.inewsslide .bd li .pic{float:left; display: block; width:585px; height: 403px;}
.inewsslide .bd li .pic img{ width:100%; height: 403px;}
.inewsslide .hd{}
.inewsslide .hd li{ background: #f6f6f6; height: 100px; margin-bottom: 1px; position: relative; padding-right: 120px; padding-left: 20px;}
.inewsslide .hd li .con{ padding:0 10px; text-decoration: none;}
.inewsslide .hd li .date{ position: absolute; right: 0px; top:0px; width:100px; height: 100px; background:#dadada; color:#fff; text-align: center; line-height: 20px; font-size: 16px;}
.inewsslide .hd li .date span{ display: block; margin-top:5px; font-size: 55px; background: #d8d8d8; line-height: 60px;}
.inewsslide .hd li .title{ overflow: hidden;}
.inewsslide .hd li.on{ background: #40a629;}
.inewsslide .hd li.on .date{ background: #157200; color:#fff600;}
.inewsslide .hd li.on .date span{  background: #157200; color:#fff600;}
.inewsslide .hd li.on .title{ color:#fff;}
.inewsslide .hd li.on .desc{ color:#cae2c6;}


.ipro{ background: #f7f7f7; padding: 60px 0 70px;}
.proline{ background: #fff; border-top:1px solid #eee; border-left:1px solid #eee;}
.proline a:hover{ text-decoration: none;}
.proline .x4{ padding-top: 30px; padding-bottom: 30px; border-bottom:1px solid #eee; border-right:1px solid #eee;}

.proline .x4 img{ display: block; width:330px; height: 360px; margin-left: auto; margin-right: auto;}
.proline .sub{text-transform:Uppercase;}
.proline .x4:hover{ border-bottom:1px solid #40a629;}



.ivideo{ padding:30px 0; overflow: hidden;}
.ivideo .line-small{ margin-left: -5px; margin-right: -5px;}
.ivideo .line-small .x4{ padding-left: 5px; padding-right: 5px;}
.ivideo .x4 .pic{ position: relative; display: block;}
.ivideo .x4 .pic img{ width:100%;}
.ivideo .x4 .pic:after{ position: absolute; left: 0;top:0; content:''; width:100%; height: 100%; background: url(../images/btn_video.png) center no-repeat;}
.ivideo .x4 .con{ padding:20px 30px 30px; background: #eeeeee; border-bottom:2px solid #eee; color:#8d8d8d;}
.video-js{width:500px !important; height: 325px !important;}
.ivideo .x4:hover .con{ border-bottom-color: #40a629;}


.iad{ position: relative; width: 100% !important; height:800px; z-index:10;}
.iad .bd{ width: 100% !important; margin: auto; height:800px; }
.iad .bd ul{ width: 100% !important;   }
.iad .bd li{ position: relative; width: 100% !important; height:800px;  }
.iad .bd li a{ display: block; position: relative; margin: auto; width: 100%; height:800px; }





.ipro{padding:60px 0 80px;}
.ipro .ppslide { position: relative;}
.ipro .ppslide .bd {width:1170px; height: 600px; overflow: hidden;}
.ipro .ppslide .bd li{ float:left; width:380px; height: 600px; position: relative; margin-right: 15px;}
.ipro .ppslide .bd li .pic img{ width: 380px; height: 600px;}
.ipro .ppslide .bd li .con{position: absolute; left: 0; top: 0; background-color: #e13b82; width: 380px; height: 600px; padding: 120px 40px; text-align: center; transform:rotatex(-80deg) translateZ(0);  opacity:0; transition: all 0.3s ease-in;}
.ipro .ppslide .bd li a{ color:#fff;}
.ipro .ppslide .bd li a:hover .con{ transform:rotatex(0) translateZ(0); opacity:1; }
.ipro .ppslide .icon-eye{ position: absolute;  bottom:140PX; left: 50%; margin-left: -25px; display: block; width:50px; height: 50px; background: #fff; color: #e13b82; line-height: 46px; border-radius: 50%; font-size: 30px;}
.ipro .ppslide .prev,.ipro .ppslide .next{ display: block; width: 30px; height: 55px; position: absolute; top: 50%; margin-top: -27px;}
.ipro .ppslide .prev{ background: url(../images/ico_l1.png) no-repeat; left: -50px;}
.ipro .ppslide .next{ background: url(../images/ico_r1.png) no-repeat; right: -50px;}

.ijoin{ padding: 50px 0; background-color: #e9e6e4;}


/*内页样式*/
.tWrap{margin-bottom: 100px;}
.inban img{width:100%;}
.insert{height:40px;}

/*分页*/
.pages{ text-align:center; margin:40px auto 0; font-size:12px;}
.pages a, .pages span{ display:inline-block; padding:5px 12px; background:#f7f7f7; border:1px solid #e7e7e7; border-radius:5px; margin:0 2px; color:#aeaeae;}
.pages a:hover, .pages span.cur{ background:#40a629; color:#fff; border-color:#40a629;}

/*子菜单*/
.ititle{ height: 57px; background: #f6f6f6; border-bottom:1px solid #ececec; text-align: center;}
.ititle a{ display:inline-block; overflow: hidden; margin: 0 -4px; height: 57px; line-height: 65px; padding:0 25px; font-size: 16px; background: #f6f6f6; border:1px solid #e1e1e1;}
.ititle a:hover,.ititle a.cur{ border-bottom:2px solid #40a629; background: #fff;}


/**/
.proindex h2{ margin-top: 40px; height: 50px; line-height: 50px; background:url(../images/pro_tit.png) center no-repeat; color:#fff;font-size:15px;}
.proindex h2 a{ color:#fff;}


/*APP页面*/
.apptop{ position: absolute; top:25%; width:100%; }
.apptop a{ display: inline-block; background: rgba(0,151,289,.5); color:#fff; border:1px solid #fff; padding: 12px 35px; margin-right: 20px; font-size: 16px;}

/*详细页面*/
.content{ color:#5b5b5b;line-height: 1.9;}
.content .date{ border-bottom:1px dashed #c1c1c1;}
.content p{ line-height: 1.9;}
.content img{ max-width: 100%;}


/*联系我们*/
/*
.contact {padding:70px 0 100px;}*/
.contactbox .icat{}
.contactbox .icat li{ padding-left:25px; position:relative; margin-bottom: 5px;}
.contactbox .icat li span{ position:absolute; left:0; width:20px; height: 20px; text-align:center; color:#40a629;}
.contactbox{ position: absolute; top:20px; left: 50%; background: #fff; margin-left:-585px; padding: 30px; border-radius: 10px;}
.contactbox h3{ border-bottom:1px solid #c7c7c7; padding-bottom: 5px; margin-bottom: 10px;}
.mapwrap{ position: relative; width:100%; height: 600px; overflow: hidden;}
#allmap {width: 100%;height:700px;overflow: hidden;margin:0;}



/*商务合作*/
.online-num{ margin-left: 100px; margin-right: 100px;}
.online-num .wrap{ text-align:center;}
.online-num .wrap div{ line-height: 50px;}


.channel-sup { margin: 0 25px;}
.channel-sup .wrap{ float:left;width:160px; text-align: center;}
.channel-sup .wrap i{ display: block; width:120px; height: 120px; margin-left: auto; margin-right: auto; background: url(../images/icon_sup.png);}
.channel-sup .wrap:nth-child(2) i{ background-position:-165px 0;}
.channel-sup .wrap:nth-child(3) i{ background-position:-330px 0;}
.channel-sup .wrap:nth-child(4) i{ background-position:-495px 0;}
.channel-sup .wrap:nth-child(5) i{ background-position:-660px 0;}
.channel-sup .wrap:nth-child(6) i{ background-position:-825px 0;}
.channel-sup .wrap:nth-child(7) i{ background-position:-990px 0;}
.channel-sup .wrap span{ color:#000; font-size: 16px; line-height:50px;}


.buscat { margin-top: 30px;}
.buscat .x3{ text-align: center;}
.buscat .x3 i{ display: block; width:75px; height: 75px; line-height: 70px; margin-left: auto; margin-right: auto; font-size: 36px; border:2px solid #06b1d6; border-radius: 50%; color:#06b1d6;}
.buscat .x3 div{ font-size: 18px; padding: 10px;}
.buscat .x3:nth-child(2) i{ border-color: #ffa200; color: #ffa200;}

/*厂房展示*/
.albumlist{}
.albumlist li { padding-left: 15px; padding-right: 15px; margin-bottom: 30px;}
.albumlist li .pic{ width:360px; height: 240px;}
.albumlist li .pic img{width:360px; height: 240px;}
.albumlist li .tit{ display: block; background: #f3f3f3; padding:10px; transition: all 0.3s ease-in;}
.albumlist li a:hover .tit{ background: #e13b82; color: #fff;}


/*合作伙伴*/
.partnerlist .line{ border-left:1px solid #e8ebf0;  border-top:1px solid #e8ebf0;}
.partnerlist .x2{ border-right:1px solid #e8ebf0; border-bottom:1px solid #e8ebf0; height:120px;float:left;}
.partnerlist .x2 a{ position: relative;display:block; width:100%; height:119px; line-height: 119px; background:#fff; text-align:center;}
.partnerlist .x2 a:hover:before{ position: absolute; left:-1px; top:-1px; width:100%; height: 100%; content:''; border:1px solid #e13b82; box-sizing: content-box;}
.partnerlist .x2 a img{ vertical-align: middle; opacity:0.5; max-height:119px; max-width:100%;}
.partnerlist .x2 a:hover img{ vertical-align: middle; opacity:1;}

/*公司简介*/
.abtcon{ position: relative; padding:0 20px;}
.abtcon .media{ position: relative;}
.abtcon:before{ position: absolute; left: 0;top: 25px; content:''; width: 100%; height: 100%; border:3px solid #40a629;}
.abtcon img{ padding:10px; background: #fff;}
.abtcon .media-body {}
.abtcon .media-body h3{ width:480px; background: #fff; padding-left: 20px;}
.abtcon .media-body h3 span{ display: inline-block; padding-left: 30px; position: relative;}
.abtcon .media-body h3 span:before{ position: absolute; left:10px; top:22px; content:''; width:8px; height: 8px; background: #bebebe; border-radius: 50%;}
.abtcon .media-body div.con{ padding-left: 20px; padding-right: 30px;}

/*发展历程*/
.history{ padding-bottom:50px; padding-top: 10px; position: relative; margin-top: 20px;}
.history:before{ position: absolute; left:50%;top:0; z-index: 2; content:''; width:17px; height: 17px; border:1px solid #e3e3e3; border-radius: 50%; background: #fff; margin-left: -8px;}
.history:after{ position: absolute; top:0; left: 50%; z-index: 1; content:''; width:1px; height: 100%; background: #e3e3e3;}
.history ul{padding-bottom:40px;background: url(../images/ico_ddd.png) bottom center no-repeat;}
.history li{ position: relative; z-index: 10; height:100px; position:relative; margin-top: 40px;}
.history li .year{ position:absolute; left:50%; margin-left:-50px; display:block; width:100px; height:100px; border:5px solid #fff; background:#e1e1e1; color:#fff; font-size:24px; border-radius:50%; text-align:center; box-shadow: 0 0 0 1px #e1e1e1;display: flex;align-items: center;justify-content: center;}
.history li .year span{ display: block; font-size: 18px;}
.history li h3{ padding-top:36px; color:#000;}
.history li{ padding-left:655px;}
.history li .desc{ color:#959595; line-height: 1.8; padding-top: 25px;}
.history li:nth-child(even){ padding-left:0; padding-right:655px; text-align:right;}
.history li div.text-gray{ padding-top: 12px;}
.history li:hover .year{ background:#40a629;}
.history li:hover h3{color:#e13b82;}


/*加入我们*/
.jointit{ border-bottom: 2px solid #f5f5f5; padding-bottom: 10px;}
.joinicon { margin: 0 30px;}
.joinicon .wrap{ float:left;width:20%; text-align: center;}
.joinicon .wrap i{ display: block; width:87px; height: 87px; margin-left: auto; margin-right: auto; background: url(../images/icon_join.png);}
.joinicon .wrap:nth-child(2) i{ background-position:-205px 0;}
.joinicon .wrap:nth-child(3) i{ background-position:-410px 0;}
.joinicon .wrap:nth-child(4) i{ background-position:-615px 0;}
.joinicon .wrap:nth-child(5) i{ background-position:-820px 0;}
.joinicon .wrap span{ color:#000; font-size: 16px; line-height:50px;}

.joblist{ background: #f6f6f6; padding: 50px 0;}
.jobctn .hd{ text-align:center; margin-bottom: 30px;}
.jobctn .hd li{ display: inline-block; padding: 6px 40px; border:1px solid #e9e9e9; background: #fff; cursor: pointer;}
.jobctn .hd li.on{ background: #40a629; color:#fff;}

.jobctn .bd li{ background: #fff; margin-bottom: 10px; padding: 30px;}
.jobctn .bd li h3{ background: #b3b3b3; color:#fff; padding: 8px 10px;}
.jobctn .bd li h3 span{ display: inline-block; width:300px;}
.jobctn .bd li .con{ padding-bottom: 0;}
.jobctn .bd li .desc{ padding-left: 75px; position: relative;}
.jobctn .bd li .desc span.text-black{ position: absolute; left: 0;}

/*新闻列表*/
.newslist .line-big{ margin-left: -15px; margin-right: -15px;}
.newslist .line-big .x6{ padding-left: 15px; padding-right: 15px; margin-bottom: 30px;}
.newslist .line-big .x6 .con{ display: block; padding:20px 60px 30px; background: #fff; border:1px solid #fff; border-top:0; color:#8d8d8d;border-radius: 0 0 12px 12px;}
.newslist .line-big .x6 .con .date{ border-bottom:1px dotted #b2b2b2;}
.newslist .line-big .x6 .con .desc{ height:60px;}
.newslist .line-big .x6:hover .con{ border-color: #40a629;}


/*新闻列表-图片*/
.newslist-pic li{ height: 300px;border:1px solid #f3f3f3; background: #f3f3f3; margin-bottom: 40px; position: relative; padding:50px 70px 50px 490px; }
.newslist-pic li .pic{ width: 420px; height: 300px; position: absolute; top: -1px; left: -1px;}
.newslist-pic li .pic img{ width:420px; height: 300px;}
.newslist-pic li .con{display: block;}
.newslist-pic li .date{ position: absolute; left: 380px; top: 30px; width:80px; height: 80px; background:#b2b2b2; color:#000; text-align: center; line-height: 25px;}
.newslist-pic li .date span{ display: block; font-size: 36px; background: #d8d8d8; line-height: 55px;}
.newslist-pic li .desc{ line-height: 36px;}
.newslist-pic li:hover{ border-color:#e13b82; background: #fff;}
.newslist-pic li:hover h3{ color:#e13b82;}
.newslist-pic li:hover .date{background:#a3235a; color: #fff;}
.newslist-pic li:hover .date span{ background: #e13b82;}
.newslist-pic li:nth-child(even){ padding: 50px 490px 50px 70px; text-align: right;}
.newslist-pic li:nth-child(even) .pic{ left: auto; right:-1px;}
.newslist-pic li:nth-child(even) .date{ left: auto; right:380px;}


/*prevNext*/
.prevNext{ background:#fcfcfc; border:1px solid #efefef; padding:10px 20px;}
.prevNext a{ color:#8a8a8a;}
.prevNext a:hover{ color:#dc151e;}
.prevNext span{ color:#40a629; display:inline-block;}
.prevNext .prev{ padding-left:10px; background:url(../images/ico_prev.png) left center no-repeat;}
.prevNext .next{ padding-right:10px; background:url(../images/ico_next.png) right center no-repeat;}

/*产品列表*/
.prolist ul{margin-left:-6px; margin-right: -6px;}
.prolist ul li.x4{padding-left:7px;padding-right: 7px; margin-bottom: 15px;}
.prolist ul li .wrap{ display: block; height: 600px; position: relative;}
.prolist ul li .pic img{ width: 380px; height: 600px;}
.prolist ul li .con{position: absolute; left: 0; top: 0; background-color: #e13b82; width: 380px; height: 600px; padding: 120px 40px; text-align: center; transform:rotatex(-80deg) translateZ(0);  opacity:0; transition: all 0.3s ease-in;}
.prolist ul li a{ color:#fff;}
.prolist ul li a:hover .con{ transform:rotatex(0) translateZ(0); opacity:1; }
.prolist ul li .icon-eye{ position: absolute;  bottom:140PX; left: 50%; margin-left: -25px; display: block; width:50px; height: 50px; background: #fff; color: #e13b82; line-height: 46px; border-radius: 50%; font-size: 30px;}


/*表单*/
.gbook{margin:0 50px;}
.gbook .input{ border-radius: 0; border:2px solid #e8e8e8;box-shadow:none; height: auto;}
.laydate_box,.laydate_box *{ box-sizing: content-box!important;}

.newslist .line-big .x6 img {width: 100%;height: 350px;border-radius: 12px;object-fit: cover;}