﻿@import url(style.css);
@import url(slide.css);
@import url(pscroll.css);
/*首页*/
/*第一屏*/
.i_title{ text-align:center; overflow:hidden; margin-top:5%; line-height:1.2; color:#222; font-weight:bold; position:relative; padding-bottom:3%;}
.i_title .label{ display:block; text-transform:uppercase;margin-bottom:1%;}
.i_title:after{ content:""; position:absolute; width:120px; height:4px; margin-left:-60px; left:50%; bottom:0; background:url(../image/i_bg1.jpg) center center no-repeat;}
.i_one{ text-align:center; line-height:1.5; overflow:hidden;margin-top:5%; }
.i_one ul li{ float:left; width:33.33%; overflow:hidden;transition:all 0.3s; position:relative;color:#777777; }
.i_one ul li:after{ content:""; position:absolute; right:0; top:5%; height:90%; width:1px; background:#e8e8e8;}
.i_one ul li:nth-child(3n+0):after{ width:0;}
.i_one ul li .txts{ overflow:hidden;padding-left:1%; padding-right:1%; font-size:15px;}
.i_one ul li .txts .h3{ color:#222222; font-weight:normal; margin-bottom:5px;}
.i_one ul li .txts .p{ padding:0 30px;}
.i_one ul li i{ display:inline-block; height:151px; width:151px; background:no-repeat; background-size:100% 100%; margin-bottom:12px;transition:all 0.3s;}
.i_one ul li i.bgs1{ background-image:url(../image/i_pic1.png);}
.i_one ul li i.bgs2{ background-image:url(../image/i_pic2.png);}
.i_one ul li i.bgs3{ background-image:url(../image/i_pic3.png);}
.i_one ul li:hover i.bgs1{ background-image:url(../image/i_pic1_on.png);}
.i_one ul li:hover i.bgs2{ background-image:url(../image/i_pic2_on.png);}
.i_one ul li:hover i.bgs3{ background-image:url(../image/i_pic3_on.png);}
/*森视界的特色*/
.i_two{ background:#f8f8f8; overflow:hidden; margin-top:5%; padding-top:4.5%; padding-bottom:4.5%;}
.i_two .i_two_a{ overflow:hidden; margin-bottom:15px; position:relative;}
.i_two .i_two_a .imgs{ width:57.7%; height:319px; position:absolute; right:0; top:0; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.i_two .i_two_a .imgs img{ width:100%;opacity:0;filter:Alpha(opacity=0);}
.i_two .i_two_a .wrap{height:319px;}
.i_two .i_two_a .txts{ width:38%; position:relative; left:0; transform: translate(0%, -50%); top:50%; overflow:hidden; line-height:1.2; color:#222; font-weight:bold;}
.i_two .i_two_a .txts .label{ display:block; text-transform:uppercase;margin-bottom:1%;line-height:1; margin-bottom:3.5%;}
.i_two .i_two_a .txts .label span{ color:#6ba036;}
.i_two .i_two_b{ overflow:hidden; position:relative;}
.i_two .i_two_b .imgs{ width:38%; height:609px; float:left; overflow:hidden;background-repeat:no-repeat; background-position:center center; background-size:cover; }
.i_two .i_two_b .imgs img{ width:100%;opacity:0;filter:Alpha(opacity=0);}
.i_two .i_two_b .txts{  width:57.7%;overflow:hidden; position:absolute; right:0; top:0; }
.i_two .i_two_b .txts img{ display:block; width:215px;}
.i_two .i_two_b .txts .cons{ max-width:650px; margin-top:8%; overflow:hidden; font-size:15px; line-height:22px; color:#414141; padding-left:69px;}
.i_two .i_two_b .txts .cons ul li{ display:block; margin-bottom:6%;}
.i_two .i_two_b .txts .cons .h3{ color:#222222; font-size:18px; font-weight:bold; margin-bottom:10px; line-height:1;}
.i_two .i_two_b .txts .cons .a{  display:block;  height:46px; line-height:46px; width:150px; background:#222222; text-align:center; overflow:hidden; color:#fff; font-size:15px; position:relative; z-index:0;}
.i_two .i_two_b .txts .cons .a:after{ content:""; position:absolute; left:50%; top:0%; height:100%; width:0;background:#6ba036;transition:all 0.6s;-moz-transition:all 0.6s;-webkit-transition:all 0.6s;-o-transition:all 0.6s; z-index:-1; }
.i_two .i_two_b .txts .cons .a:hover:after{width:100%; left:0; }
/*森视界团队*/
.i_three_t{  overflow:hidden; color:#222; font-weight:bold; margin-top:5%;}
.i_three_t .label{text-transform:uppercase; height:48px; line-height:48px; overflow:hidden;}
.i_three_t .label .green{ color:#6ba036;}
.i_three_t .label .zw{ font-family:"微软雅黑"; display:inline-block; vertical-align:bottom; padding-left:2%;}
/*主创作品*/
.i_four_t{ text-align:center; overflow:hidden; line-height:1.2; color:#222; font-weight:bold; margin-top:5%;}
.i_four_t .label{ display:block; text-transform:uppercase;margin-bottom:1%;line-height:1; margin-bottom:1%;}
.i_four_t .label .green{ color:#6ba036;}
.i_four{ margin-top:5%; overflow:hidden; margin-bottom:7%; clear:both;}
.i_four ul li{ float:left; overflow:hidden;}
.i_four ul li:nth-child(1){ width:36.46%;}
.i_four ul li:nth-child(2){ width:43.69%;}
.i_four ul li:nth-child(3){ width:19.85%;}
.i_four ul li .divs{ margin-right:4px; margin-bottom:4px; overflow:hidden; height:214px; background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative;}
.i_four ul li .divs:after{ content:""; position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.5);transition:all 0.3s;}
.i_four ul li:nth-child(3) .divs{ height:431px;}
.i_four ul li 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;opacity:0;filter:Alpha(opacity=0);}
/*.i_four ul li .divs: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_four ul li .divs:hover:after{ background:none;}
.i_four ul li dl dd{ float:left; overflow:hidden;}
.i_four ul li dl dd:nth-child(1),.i_four ul li dl dd:nth-child(4){ width:40.31%;}
.i_four ul li dl dd:nth-child(2),.i_four ul li dl dd:nth-child(3){ width:59.69%;}
/*新闻资讯*/
.i_five{ background:#f2f2f2; overflow:hidden; padding-bottom:5%;}



@media screen and (max-width:1760px) {
/*森视界的特色*/
.i_two .i_two_a .wrap{ height:302px;}
.i_two .i_two_a .imgs{ width:58.4%;height:302px;}
.i_two .i_two_b .txts{ width:58.4%;}
}

@media screen and (max-width:1560px) {
/*森视界的特色*/
.i_two .i_two_a .wrap{ height:272px;}
.i_two .i_two_a .imgs{ width:59.5%;height:272px;}
.i_two .i_two_b .txts{ width:59.5%;}
/*森视界团队*/
.i_three_t .label{ height:40px; line-height:40px;}
}
@media screen and (max-width:1440px) {
/*第一屏*/
.i_one ul li i{ width:140px; height:140px;}
/*森视界的特色*/
.i_two .i_two_a .wrap{ height:252px;}
.i_two .i_two_a .imgs{ width:60.5%;height:252px;}
.i_two .i_two_b .txts{ width:60.5%;}
}
@media screen and (max-width:1360px) {
/*森视界的特色*/
.i_two .i_two_a .wrap{ height:238px;}
.i_two .i_two_a .imgs{ width:60.3%;height:238px;}
.i_two .i_two_b .txts{ width:60.3%;}
.i_two .i_two_b .imgs{ height:607px;}
/*森视界团队*/
.i_three_t .label{ height:32px; line-height:32px;}
}
@media screen and (max-width:1200px) {
/*森视界的特色*/
.i_two .i_two_a .wrap{ height:211px;}
.i_two .i_two_a .imgs{height:211px;}
.i_two .i_two_b .imgs{ height:536px;}
.i_two .i_two_b .txts img{ width:190px;}
.i_two .i_two_b .txts .cons{ padding-left:0; margin:0 auto; width:90%; margin-top:8%;}
/*主创作品*/
.i_four ul li .divs{ height:186px;}
.i_four ul li:nth-child(3) .divs{ height:376px;}
}
@media screen and (max-width:1100px) {
/*第一屏*/
.i_one ul li i{ width:120px; height:120px;}
.i_one ul li .txts{ font-size:14px;}
/*森视界的特色*/
.i_two .i_two_a{ margin-bottom:12px;}
.i_two .i_two_a .wrap{ height:190px;}
.i_two .i_two_a .imgs{height:190px;}
.i_two .i_two_b .imgs{ height:489px;}
.i_two .i_two_b .txts img{ width:160px;}
.i_two .i_two_b .txts .cons{ font-size:14px;}
.i_two .i_two_b .txts .cons .a{ height:40px; line-height:40px; width:140px; font-size:14px;}
/*主创作品*/
.i_four ul li .divs{ height:169px;}
.i_four ul li:nth-child(3) .divs{ height:342px;}
}
@media screen and (max-width:960px) {
/*森视界的特色*/
.i_two .i_two_a{ margin-bottom:10px;}
.i_two .i_two_a .wrap{ height:168px;}
.i_two .i_two_a .imgs{height:168px;}
.i_two .i_two_b .imgs{ height:426px;}
.i_two .i_two_b .txts img{ width:150px;}
.i_two .i_two_b .txts .cons{ margin-top:6%;}
/*主创作品*/
.i_four ul li .divs{ height:147px;}
.i_four ul li:nth-child(3) .divs{ height:298px;}
}
@media screen and (max-width:830px) {
/*森视界的特色*/
.i_two .i_two_a{ margin-bottom:8px;}
.i_two .i_two_b .txts img{ width:140px;}
/*主创作品*/
.i_four ul li .divs{ height:126px;}
.i_four ul li:nth-child(3) .divs{ height:256px;}
}


@media screen and (max-width: 780px) {
/*第一屏*/
.i_title:after{ width:100px; margin-left:-50px; height:3px;}
.i_one ul li i{ width:110px; height:110px;}
/*森视界的特色*/
.i_two .i_two_b .imgs{ height:341px;}
.i_two .i_two_b .txts img{ width:120px;}
.i_two .i_two_b .txts .cons{ margin-top:6%; line-height:20px; font-size:13px;}
.i_two .i_two_b .txts .cons ul li{ margin-bottom:3%;}
.i_two .i_two_b .txts .cons .h3{ font-size:17px; margin-bottom:6px;}
.i_two .i_two_b .txts .cons .a{ width:120px; height:36px; line-height:36px; font-size:13px;}
/*主创作品*/
.i_four ul li .divs{ height:118px;}
.i_four ul li:nth-child(3) .divs{ height:240px;}
}
@media screen and (max-width: 640px) {
/*第一屏*/
.i_title .label{ font-size:24px;}
.i_one ul li i{ width:100px; height:100px; margin-bottom:8px;}
.i_one ul li .txts .p{ padding:0 10px}
/*森视界的特色*/
.i_two .i_two_a .wrap{ height:105px;}
.i_two .i_two_a .imgs{ height:105px;}
.i_two .i_two_b .imgs{ height:280px;}
.i_two .i_two_b .txts img{ width:80px;}
.i_two .i_two_b .txts .cons{ width:96%;}
.i_two .i_two_b .txts .cons .h3{ font-size:16px; margin-bottom:5px;}
/*森视界团队*/
.i_three_t .label{ height:28px; line-height:28px;}
/*主创作品*/
.i_four ul li:nth-child(1),.i_four ul li:nth-child(2),.i_four ul li:nth-child(3){ width:100%; float:none;}
.i_four ul li:nth-child(1) .divs,.i_four ul li:nth-child(3) .divs{ height:auto;}
.i_four ul li:nth-child(2) .divs{ height:223px;}
}
@media screen and (max-width: 520px) {
/*主创作品*/
.i_four ul li:nth-child(2) .divs{ height:186px;}
}
@media screen and (max-width: 480px) {
/*第一屏*/
.i_title .label{ margin-bottom:5px;}
.i_title{ padding-bottom:12px;}
.i_one ul li i{ width:80px; height:80px; margin-bottom:5px;}
.i_one ul li .txts{ font-size:13px;}
.i_one ul li .txts .h3{ font-size:18px;}
/*森视界的特色*/
.i_two .i_two_a{ margin-bottom:5px;}
.i_two .i_two_a .wrap{ height:88px;}
.i_two .i_two_a .imgs{ height:88px;}
.i_two .i_two_b .imgs{ height:260px;}
.i_two .i_two_b .txts .cons{ font-size:12px; line-height:18px;}
.i_two .i_two_b .txts .cons .h3{ font-size:15px;}
.i_two .i_two_b .txts .cons .a{ font-size:12px; height:30px; line-height:30px; width:100px;}
/*森视界团队*/
.i_three_t .label{ height:24px; line-height:24px;}
/*主创作品*/
.i_four ul li .divs{ margin-bottom:2px;}
.i_four ul li:nth-child(2) .divs{ height:172px; margin-right:2px;}
}
@media screen and (max-width: 420px) {
/*第一屏*/
.i_one ul li i{ width:70px; height:70px;}
.i_one ul li .txts{ font-size:12px;}
.i_one ul li .txts .h3{ font-size:17px;}
/*森视界的特色*/
.i_two .i_two_b .txts img{ width:60px;}
.i_two .i_two_b .txts .cons ul li{ margin-bottom:4%;}
/*主创作品*/
.i_four ul li:nth-child(2) .divs{ height:151px;}
/*首页“特色”*/
.i_two .i_two_a .txts{transform: translate(0%, 22%); top:0}
}
@media screen and (max-width: 360px) {
/*主创作品*/
.i_four ul li:nth-child(2) .divs{ height:130px;}


}

