@import url(style.css);
@import url(slide.css);
@import url(pscroll.css);
/*首页*/
/*精品项目*/
.i_one{ overflow:hidden; background:#008a45; position:relative; z-index:0; margin-top:4.5%;}
.i_one .i_one_t{ position:absolute; top:0; left:0; width:100%; height:23.8%; color:#333333; background:#fff; z-index:1;}
.i_one .i_one_t .wrap{ display:table; height:100%;}
.i_one .i_one_t .wrap .td{width:100%; vertical-align:middle; display:table-cell;}
.i_one .i_one_t .wrap span{ display:block; padding-top:20px; background:url(../images/i_txt1.png) left bottom no-repeat; background-size:auto 100%; margin-top:-20px;}
.i_one .i_one_imgs{ float:right; width:50%; z-index:2; position:relative; overflow:hidden;}
.i_one .i_one_imgs img{display: block;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.i_one .i_one_imgs:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.i_one .i_one_con{position:absolute; top:23.8%; left:0; width:100%; color:#fff;height:58%; overflow:hidden;}
.i_one .i_one_con .wrap{ display:table; height:100%;}
.i_one .i_one_con .wrap .td{ width:100%; display:table-cell; vertical-align:middle;}
.i_one .i_one_con .txts{ width:48%;max-width:655px; overflow:hidden;}
.i_one .i_one_con .txts .p{ font-size:16px; line-height:28px; max-height:84px; overflow:hidden;}
.i_one .i_one_con .txts .imores{ display:block; margin-top:8%; width:144px; height:43px; line-height:43px; overflow:hidden;  color:#fff; text-indent:32px; background:url(../images/i_bg1.png) 97px center no-repeat; border:1px solid #fff; font-size:14px;transition:all 0.3s;}
.i_one .i_one_con .txts .imores:hover{ background-position:100px center; text-indent:35px;}
.i_one .i_one_con .txts .i_one_page{ text-align:right; overflow:hidden; margin-top:4%; padding-right:3px;}
.i_one .i_one_con .txts .i_one_page .span{ display:inline-block; width:28px; vertical-align:top; height:20px; background-repeat:no-repeat;position:relative; cursor:pointer;transition:all 0.3s;}
.i_one .i_one_con .txts .i_one_page .span.prev{ background-image:url(../images/i_prev.png); background-position:left center; }
.i_one .i_one_con .txts .i_one_page .span.prev:after{ content:""; position:absolute; left:10px; width:0; top:50%; height:1px; background:#fff;transition:all 0.3s;}
.i_one .i_one_con .txts .i_one_page .span.prev:hover{ margin-right:3px;}
.i_one .i_one_con .txts .i_one_page .span.prev:hover:after{ width:14px;left:13px;}
.i_one .i_one_con .txts .i_one_page .span.next{ background-image:url(../images/i_next.png); background-position:right center;}
.i_one .i_one_con .txts .i_one_page .span.next:after{ content:""; position:absolute; right:10px; width:0px; top:50%; height:1px; background:#fff;transition:all 0.3s;}
.i_one .i_one_con .txts .i_one_page .span.next:hover{ margin-right:-3px; margin-left:3px;}
.i_one .i_one_con .txts .i_one_page .span.next:hover:after{ width:14px;right:13px;}
.i_one_ul{ overflow:hidden;text-align:center; margin-top:-8.5%; -webkit-box-shadow: 0 5px 25px rgba(0,0,0,0.12); box-shadow: 0 5px 25px rgba(0,0,0,0.12); background:#fff; }
.i_one_ul ul li{ float:left; width:16.66%; overflow:hidden; position:relative;padding-top:5%; padding-bottom:4.6%; cursor:pointer;-webkit-tap-highlight-color:transparent;}
.i_one_ul ul li:after{ content:""; position:absolute; right:0; height:65px; top:50%; margin-top:-32px; width:1px; background:#efefef;}
.i_one_ul ul li:last-child:after{ width:0;}
.i_one_ul ul li:before{ content:""; position:absolute; bottom:0; height:3px; width:0%; left:50%; right:50%; background:#fe9900;transition:all 0.3s;}
.i_one_ul ul li.isel:before{ width:100%; left:0; right:0;}
.i_one_ul ul li i{ display:inline-block; height:50px; width:50px; background:no-repeat; background-size:100% 100%; margin-bottom:12px;}
.i_one_ul ul li i.bgs1{ background-image:url(../images/i_pic1.png);}
.i_one_ul ul li i.bgs2{ background-image:url(../images/i_pic2.png);}
.i_one_ul ul li i.bgs3{ background-image:url(../images/i_pic3.png);}
.i_one_ul ul li i.bgs4{ background-image:url(../images/i_pic4.png);}
.i_one_ul ul li i.bgs5{ background-image:url(../images/i_pic5.png);}
.i_one_ul ul li i.bgs6{ background-image:url(../images/i_pic6.png);}
.i_one_ul ul li.isel i.bgs1{ background-image:url(../images/i_pic1_on.png);}
.i_one_ul ul li.isel i.bgs2{ background-image:url(../images/i_pic2_on.png);}
.i_one_ul ul li.isel i.bgs3{ background-image:url(../images/i_pic3_on.png);}
.i_one_ul ul li.isel i.bgs4{ background-image:url(../images/i_pic4_on.png);}
.i_one_ul ul li.isel i.bgs5{ background-image:url(../images/i_pic5_on.png);}
.i_one_ul ul li.isel i.bgs6{ background-image:url(../images/i_pic6_on.png);}
.i_one_ul ul li .h3{ font-weight:normal; line-height:30px; height:30px; overflow:hidden;font-size:16px; }
.i_one_ul ul li.isel .h3{ color:#fe9900;}

/*公司简介*/
.i_two{ overflow:hidden; margin-top:4.5%;  }
.i_two_t{ text-align:center; overflow:hidden;margin-bottom:2.6%; }
.i_two_t span{ display: block;padding-top: 20px;background: url(../images/i_txt2.png) center bottom no-repeat;background-size: auto 100%;}
.i_two_t.bgs2 span{ background-image:url(../images/i_txt4.png);}
.i_two .i_two_box{ overflow:hidden; position:relative;background:#f7f7f7;}
.i_two .i_two_r{float:left; overflow:hidden; width:50%;}
.i_two .i_two_r img{display: block;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.i_two .i_two_r:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.i_two .i_two_pos{ position:absolute; top:50%; left:0; width:100%;transform: translate(0%, -50%);}
.i_two .i_two_l{float:right; overflow:hidden; width:48%; max-width:640px;}
.i_two .i_two_l .i_two_t2{ height:58px; line-height:58px; position:relative; padding-top:5%; padding-bottom:5%;}
.i_two .i_two_l .i_two_t2 .h2{ background-image:url(../images/i_txt3.png); background-repeat:no-repeat; background-position:left center; background-size:100% auto;color:#333333;}
.i_two .i_two_l .i_two_t2:after{ bottom:0; content:""; position:absolute; width:26px; height:2px; background:#999999;}
.i_two .i_two_l .desc{ overflow:hidden;  line-height:28px; max-height:84px; font-size:16px; margin-top:4%;}
.i_two .i_about_ul{ background:rgba(255,255,255,0.9); float:right;margin-top:4%; width:66.7%; overflow:hidden; padding-top:2%; padding-bottom:2%; }
.i_two .i_about_ul li{float:left; width:25%; transition:all 0.3s; overflow:hidden;position:relative; text-align:center;}
.i_two .i_about_ul li .h2{  overflow:hidden;font-weight:bold;  margin-bottom:2%; color:#fe9900; }
.i_two .i_about_ul li .h2 span{ line-height:1; }
.i_two .i_about_ul li .h2 label{font-weight:normal; vertical-align:top;}
.i_two .i_about_ul li .p{ overflow:hidden; line-height:30px; color:#000; font-size:16px;}
.i_two .i_two_l .imores{ display:block; margin-top:9%; width:144px; height:43px; line-height:43px; overflow:hidden;  color:#666666; text-indent:32px; background:url(../images/i_bg2.png) 97px center no-repeat; border:1px solid #cccccc; font-size:14px;transition:all 0.3s; margin-bottom:8%; position:relative;}
.i_two .i_two_l .imores:after{ content:""; position:absolute; width:0; height:100%; left:0; top:0; background:#fe9900; z-index:-1;transition:all 0.3s;}
.i_two .i_two_l .imores:hover{ background-position:100px center; text-indent:35px;color:#fff; background-image:url(../images/i_bg2_on.png);}
.i_two .i_two_l .imores:hover:after{ width:100%;}
/*新闻中心*/
.i_three{ overflow:hidden; margin-top:4.5%; margin-bottom:5%;}
.i_three ul li{ float:left; width:49%;overflow:hidden; max-width:680px;}
.i_three ul li:nth-child(2n+0){ float:right;}
.i_three ul li .imgs{ overflow:hidden;}
.i_three ul li .imgs img{display: block;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.i_three ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.i_three ul li .txts{overflow:hidden;  }
.i_three ul li .txts .h3{ font-weight:normal; height:36px; line-height:36px; overflow:hidden; color:#333333; font-size:18px; margin-top:4%;white-space:nowrap;text-overflow:ellipsis;}
.i_three ul li:hover .txts .h3{ color:#fe9900;}
.i_three ul li .txts .p{height:56px; line-height:28px; color:#666666; font-size:14px; position:relative; margin-top:2%;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.i_three ul li .txts .imores{ display:block; margin-top:4%; width:144px; height:43px; line-height:43px; overflow:hidden;  color:#666666; text-indent:32px; background:url(../images/i_bg2.png) 97px center no-repeat; border:1px solid #cccccc; font-size:14px;transition:all 0.3s; position:relative;}
.i_three ul li .txts .imores:after{ content:""; position:absolute; width:0; height:100%; left:0; top:0; background:#fe9900; z-index:-1;transition:all 0.3s;}
.i_three ul li .txts .imores:hover{ background-position:100px center; text-indent:35px; color:#fff; background-image:url(../images/i_bg2_on.png);}
.i_three ul li .txts .imores:hover:after{ width:100%;}

@media screen and (max-width:1660px) {
/*公司简介*/
.i_two .i_two_l .i_two_t2{ height:50px; line-height:50px; padding-top:4%; padding-bottom:4%;}
.i_two .i_two_l .i_two_t2 .h2{ background-size:auto 100%;}
.i_two .i_two_l .imores{ margin-bottom:5%;}
.i_two .i_about_ul{ padding-top:1.5%; padding-bottom:1.5%;}
}
@media screen and (max-width:1440px) {
/*精品项目*/
.i_one .i_one_t .wrap span{ padding-top:15px; margin-top:-15px;}
.i_one .i_one_con{ height:60%;}
.i_one .i_one_con .txts .imores{ margin-top:4%;}
.i_one_ul{ margin-top:-6%;}
.i_one_ul ul li{ padding-top:3%; padding-bottom:2.6%;}
.i_one .i_one_con .txts .p{ font-size:15px; line-height:26px; max-height:78px;}
/*公司简介*/
.i_two_t span{padding-top:15px;}
.i_two .i_two_l .i_two_t2{ height:44px; line-height:44px; padding-top:3%; padding-bottom:3%;}
.i_two .i_two_l .desc{ margin-top:3%; line-height:26px; font-size:15px; max-height:78px;}
.i_two .i_two_l .imores{ margin-bottom:4%; margin-top:5%;}
.i_two .i_about_ul{ padding-top:1.2%; padding-bottom:1.2%; margin-top:2%;}
.i_two .i_about_ul li .p{ font-size:15px;}
/*新闻中心*/
.i_three ul li .txts .h3{ margin-top:3%;}
}

@media screen and (max-width:1366px) {
/*新闻中心*/
.i_three ul li .txts .h3{ font-size:17px;}
.i_three ul li .txts .p{ line-height:26px; height:52px;}
}
@media screen and (max-width:1100px) {
/*精品项目*/
.i_one .i_one_con .txts .p{ font-size:14px; line-height:24px; max-height:72px;}
.i_one .i_one_con .txts .imores{ width:120px; height:32px; line-height:32px; text-indent:20px;background-position:86px center;}
.i_one .i_one_con .txts .imores:hover{ text-indent:23px; background-position:89px center;}
.i_one .i_one_t .wrap span{ padding-top:10px; margin-top:-10px;}
.i_one_ul ul li i{ width:40px; height:40px; margin-bottom:9px;}
.i_one_ul ul li .h3{ font-size:15px;}
/*公司简介*/
.i_two_t span{padding-top:10px;}
.i_two .i_two_l .i_two_t2{ padding-top:2.5%; padding-bottom:2.5%; height:40px; line-height:40px;}
.i_two .i_two_l .desc{ font-size:14px; line-height:24px; max-height:72px;}
.i_two .i_about_ul li .p{ font-size:14px;}
.i_two .i_two_l .imores{ width:120px; height:32px; line-height:32px; text-indent:20px;background-position:86px center; margin-bottom:3%;}
.i_two .i_two_l .imores:hover{ text-indent:23px; background-position:89px center;}
/*新闻中心*/
.i_three ul li .txts .imores{ width:120px; height:32px; line-height:32px; text-indent:20px;background-position:86px center;}
.i_three ul li .txts .imores:hover{ text-indent:23px; background-position:89px center;}
}

@media screen and (max-width: 960px) {
/*精品项目*/
.i_one .i_one_t{ position:static; height:auto; padding-bottom:3.5%; padding-top:1%;}
.i_one .i_one_t .wrap{ display:block; height:auto;}
.i_one .i_one_t .wrap .td{ display:block;}
.i_one .i_one_t .wrap span{ margin-top:0;}
.i_one .i_one_imgs{ float:none; width:100%;}
.i_one .i_one_con{ position:static;}
.i_one .i_one_con .wrap{ display:block; height:auto; padding-top:4%; padding-bottom:13%;}
.i_one .i_one_con .wrap .td{ display:block;}
.i_one .i_one_con .txts{ width:100%; max-width:none;}
.i_one .i_one_con .txts .p{ max-height:none;}
.i_one .i_one_con .txts .i_one_page{ display:none;}
.i_one_ul{ margin-top:-8%;}
.i_one_ul ul li .h3{ font-size:14px;}
/*公司简介*/
.i_two_t{ margin-bottom:3.5%; padding-top:1%;}
.i_two .i_two_r{ float:none; width:100%;}
.i_two .i_two_pos{ position:static; top:0;transform: translate(0%, 0%);}
.i_two .i_two_l{ float:none; padding-top:4%; width:100%; max-width:none;}
.i_two .i_two_l .desc{ margin-top:4%; max-height:none;}
.i_two .i_about_ul{ float:none; width:100%; padding-top:2%; margin-top:3%; padding-bottom:1.7%;}
.i_two .i_two_l{ padding-top:3%;}
.i_two .i_two_l .imores{ margin-top:1%; margin-bottom:4%;}
/*新闻中心*/
.i_three ul li .txts .h3{ font-size:16px;}


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

}
@media screen and (max-width: 789px) {
/*精品项目*/
.i_one_ul ul li:before{ height:2px;}
.i_one_ul ul li i{ width:32px; height:32px;}
.i_one_ul ul li .h3{ height:24px; line-height:24px; font-size:13px;}



}
@media screen and (max-width: 640px) {
/*精品项目*/
.i_one .i_one_t .wrap span{ padding-top:8px;}
.i_one .i_one_con .txts .imores{ font-size:13px; width:110px;text-indent: 16px;background-position: 80px center;}
.i_one .i_one_con .txts .imores:hover{ text-indent:19px;background-position: 83px center;}
.i_one_ul ul li i{ width:26px; height:26px;}
.i_one_ul ul li .h3{ height:22px; line-height:22px; font-size:12px;}
/*公司简介*/
.i_two_t span{ padding-top:8px;}
.i_two .i_two_l{ padding-top:4%;}
.i_two .i_two_l .i_two_t2{ padding-top:2%; padding-bottom:2%;}
.i_two .i_two_l .imores{ font-size:13px; width:110px;text-indent: 16px;background-position: 80px center;margin-bottom:5%;}
.i_two .i_two_l .imores:hover{ text-indent:19px;background-position: 83px center;}
.i_two .i_about_ul li .p{ line-height:26px;}
/*新闻中心*/
.i_three ul li .txts .h3{ font-size:15px;}
.i_three ul li .txts .p{ font-size:12px; line-height:22px; height:44px;}
.i_three ul li .txts .imores{ font-size:13px; width:110px;text-indent: 16px;background-position: 80px center;margin-bottom:5%;}
.i_three ul li .txts .imores:hover{ text-indent:19px;background-position: 83px center;}
}

@media screen and (max-width: 480px) {
/*精品项目*/
.i_one_ul ul li i{ width:22px; height:22px; margin-bottom:3px;}
.i_one_ul ul li .h3{ height:20px; line-height:20px;}
.i_one .i_one_con .txts .p{font-size: 13px; line-height: 22px;}
.i_one .i_one_con .txts .imores{ font-size:12px; height:28px; line-height:28px; width:100px;text-indent: 13px;background-position: 70px center;}
.i_one .i_one_con .txts .imores:hover{ text-indent:16px; background-position:73px center;}
/*公司简介*/
.i_two .i_two_l .i_two_t2{ height:36px; line-height:36px; padding-top:3%; padding-bottom:3%;}
.i_two .i_two_l .imores{ font-size:12px; height:28px; line-height:28px; width:100px;text-indent: 13px;background-position: 70px center; }
.i_two .i_two_l .imores:hover{ text-indent:16px; background-position:73px center;}
.i_two .i_two_l .desc{ font-size:13px; line-height:22px;}
.i_two .i_about_ul{ margin-top:4%; padding-bottom:2.5%;}
.i_two .i_about_ul li{ width:50%;}
.i_two .i_about_ul li:nth-child(1),.i_two .i_about_ul li:nth-child(2){ margin-bottom:4%; padding-bottom:4%; border-bottom:1px solid #eee;}
.i_two .i_about_ul li .p{ font-size:13px; line-height:22px;}

/*新闻中心*/
.i_three ul li .txts .h3{ font-size:14px; height:30px; line-height:30px;}
.i_three ul li .txts .imores{ font-size:12px; height:28px; line-height:28px; width:100px;text-indent: 13px;background-position: 70px center; margin-top:5%; }
.i_three ul li .txts .imores:hover{ text-indent:16px; background-position:73px center;}
}

@media screen and (max-width: 420px) {
/*公司简介*/
.i_two .i_two_l .i_two_t2{ padding-top:2.5%; padding-bottom:2.5%;}
.i_two .i_two_l .i_two_t2 .h2{ height:32px; line-height:32px;}

}