@import url(style.css);
@import url(slide.css);
@import url(pscroll.css);
#scene{ position:relative;}
#scene .layer{ width:100%!important; left:auto!important;right:0!important; position:relative!important; }
#scene .layer .imgs{ margin-top:7%;}
/*首页*/
/*我们做什么事*/
.i_one_bg{ background:url(../images/i_bg1.jpg) center bottom no-repeat; overflow:hidden; background-size:cover; padding-bottom:5%; padding-top:5%; color:#666666; line-height:1.6;}
.i_one_bg .wrap{ position:relative;}
.i_one_bg .i_about_l{ overflow:hidden; float:left; margin-right:3%;}
.i_one_bg .i_about_l .i_about_t{ color:#000; font-weight:normal; line-height:1; margin-bottom:2.5%;}
.i_one_bg .i_about_r{ overflow:hidden; line-height:1.6; text-align:right;}
.i_one_bg .i_about_r .box{ max-width:1000px; text-align:left;overflow:hidden; display:inline-block;}
.i_one_bg .i_about_r .i_about_ul{ clear:both; margin-top:6%; overflow:hidden; }
.i_one_bg .i_about_r .i_about_ul li{float:left; display:inline-block; width:21%; margin-right:5%;color:#666; transition:all 0.3s; overflow:hidden;position:relative; margin-bottom:2%;}
.i_one_bg .i_about_r .i_about_ul li:after{ content:""; position:absolute; right:0; top:50%; height:90%; width:1px; background:#e4e4e4;transform: translate(0%, -50%);}
.i_one_bg .i_about_r .i_about_ul li:last-child{ margin-right:0;}
.i_one_bg .i_about_r .i_about_ul li:last-child:after{ width:0;}
.i_one_bg .i_about_r .i_about_ul li .h2{  overflow:hidden; font-weight:normal; margin-bottom:2%; }
.i_one_bg .i_about_r .i_about_ul li .h2 span{color:#000;line-height:1; }
.i_one_bg .i_about_r .i_about_ul li .p{ overflow:hidden; line-height:26px;}
.i_one_bg .i_about_more{ position:absolute; left:0; margin-bottom:4%; bottom:0;}
/*高端网站建设*/
.i_two{ overflow:hidden; background:url(../images/i_img1.jpg) no-repeat;background-size:cover;  }
.i_two .wrap2{ position:relative; height:100%; display:table;}
.i_two .i_two_l{ display:table; float:left; width:75%;}
.i_two .i_two_l .isel{ display:table; height:100%; width:100%;}
.i_two .i_two_l .txts{ width:35%; text-align:left; color:#999999; display:table-cell; vertical-align:middle;}
.i_two .i_two_l .txts .h2{ font-weight:normal; color:#fff; margin-bottom:4%; font-size:60px;}
.i_two .i_two_l .txts p{ float:left; /* width:49%; */ margin-right:2%; line-height:1.5; margin-bottom:1%; /* max-width:190px; */}
.i_two .i_two_l .txts p:nth-child(2n+0){ margin-right:0;}
.i_two .i_two_l .txts .imore{ clear:both; display:block; width:46px; height:46px; overflow:hidden; line-height:46px; border-radius:50%; border:1px solid #fff; background:url(../images/i_bg2.png) center center no-repeat;transition:all 0.3s; margin-top:10%;}
.i_two .i_two_l .txts .imore span{ width:0px; overflow:hidden; display:block; text-align:center; font-size:16px; color:#fff;opacity:0;filter:Alpha(opacity=0);}
.i_two .i_two_l .txts .imore:hover{ width:170px; border-radius:30px; background-position:88% center;}
.i_two .i_two_l .txts .imore:hover span{ width:128px;opacity:1.0;filter:Alpha(opacity=100);transition:all 0.3s;}
.i_two .i_two_l .imgs{ text-align:center; overflow:hidden;}
.i_two .i_two_l .imgs img{ margin:0 auto; display:block; max-width:100%;max-height:100%;}
.i_two .i_two_r{ margin-right:-8%;/* float:right;*/ position:absolute; right:0; width:33%; height:100%; top:0; background-size:cover; background-repeat:no-repeat; background-position:center center;transition:all 1s;}
.i_two .i_two_r .box{ display:table; width:75%; overflow:hidden; height:100%; text-align:center;}
.i_two .i_two_r .box .td{ display:table-cell; vertical-align:middle;}
.i_two .i_two_r ul li{ color:#999; display:block; margin:0 auto; max-width:230px; text-align:left; position:relative; line-height:1.6; margin-top:15%; margin-bottom:15%; overflow:hidden;}
.i_two .i_two_r ul li a{ color:#999; display:inline-block; position:relative; padding-bottom:6px;}
.i_two .i_two_r ul li span{ font-weight:lighter; padding-right:15px;}
.i_two .i_two_r ul li a:after{ content:""; position:absolute; bottom:0; left:0; height:1px; background:#fff; width:0%;transition:all 0.3s;}
.i_two .i_two_r ul li.on a:after{ width:100%;}
.i_two .i_two_r ul li.on a{ color:#fff;}

/*中德联合*/
/*.i_three{ overflow:hidden; background-repeat:no-repeat; background-position:center center; background-size:cover;transition:all 0.3s; padding-top:5%; padding-bottom:5%;}
.i_three .i_three_txt{ }
.i_three .i_three_txt .isel{ display:block;}
.i_three .i_three_txt .i_three_t{ font-weight:normal; color:#fff; line-height:1.1;}
.i_three .i_three_txt .i_three_t span{ display:block; color:#b9a978; margin-bottom:8px;}
.i_three .i_three_txt .a{ color:#cccccc; margin-top:2%;overflow:hidden; clear:both; float:left;}
.i_three .i_three_txt .a:hover{ color:#fff;}
.i_three .i_three_txt .m{ clear:both; float:left; height:26px; overflow:hidden; line-height:26px; background:url(../images/i_bg2.png) right center no-repeat;transition:all 0.3s; margin-top:8%; padding-right:40px; font-size:16px; color:#fff;}
.i_three .i_three_txt .m:hover{ margin-left:5px;}
.i_three .box{ padding-top:4%; max-width:820px; clear:both; overflow:hidden;}
.i_three .box ul li{ float:left; width:49%; margin-bottom:2%; overflow:hidden;transition:all 0.3s;}
.i_three .box ul li:nth-child(2n+0){ float:right;}
.i_three .box ul li .cons{ border:1px solid #555; border-radius:6px;transition:all 0.3s; padding:6%; background:rgba(0,0,0,0.1); overflow:hidden;}
.i_three .box ul li .imgs{ float:left; width:120px; border-radius:6px; overflow:hidden; margin-right:5%;}
.i_three .box ul li .imgs img{ width:100%; display:block;}
.i_three .box ul li .txts{ color:#999999; font-size:16px; overflow:hidden;}
.i_three .box ul li .txts .h3{ font-weight:normal; color:#fff; margin-top:2%; overflow:hidden; margin-bottom:2%; height:28px; line-height:28px;text-overflow: ellipsis;white-space: nowrap; }
.i_three .box ul li .txts p{ overflow:hidden; max-height:44px;}
.i_three .box ul li:hover{ margin-top:-5px; }
.i_three .box ul li:hover .cons{ border-color:#b9a978;margin-bottom:5px;}
.i_three .box ul li.on .cons{border-color:#b9a978;}*/

/*首页新闻*/
.i_four_bg{ padding-top:3%;overflow:hidden; padding-bottom:5%;}
.i_four{ }
.i_four .i_four_l{ float:left; width:25%; margin-right:3%; overflow:hidden;filter: Alpha(Opacity=0);opacity: 0; font-size:18px;}
.i_four .i_four_l ul li{ display:block; height:30px; line-height:30px; padding-top:4%; padding-bottom:2%; overflow:hidden;}
.i_four .i_four_l ul li a{ display:block; position:relative; padding-left:40px; color:#666666;}
.i_four .i_four_l ul li a:before{ content:""; position:absolute; left:0; top:50%; margin-top:-1px; height:2px; width:0px; background:#000000;transition:all 0.3s;}
.i_four .i_four_l ul li a:hover{ color:#000;}
.i_four .i_four_l ul li a:hover:before{ width:20px;}
.i_four .i_four_l ul li.osel a{color:#000;}
.i_four .i_four_l ul li.osel a:before{ width:20px;}
.i_four .i_four_r{ overflow:hidden; filter: Alpha(Opacity=0);opacity: 0;}
.i_four .i_four_r .i_four_r_l{ overflow:hidden; float:left; width:calc(97% - 500px);width:-webkit-calc(97% - 500px);width:-moz-calc(97% - 500px);}
.i_four .i_four_r .i_four_r_l ul li{ display:block; overflow:hidden; margin-bottom:2px;}
.i_four .i_four_r .i_four_r_l ul li:hover .txts:after{ width:100%;}
.i_four .i_four_r .i_four_r_l ul li:hover .txts .h2{color:#b9a978; }
.i_four .i_four_r .i_four_r_l ul li:hover .txts .imore2{ background-image:url(../images/i_bg3_on.png); width:120px;}
.i_four .i_four_r .i_four_r_r{ float:right; width:500px; overflow:hidden;}
.i_four .i_four_r .i_four_r_r: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_four .i_four_r .imgs{ overflow:hidden;}
.i_four .i_four_r .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_four .i_four_r .imgs:hover{opacity:0.8;filter:Alpha(opacity=80);}
.i_four .i_four_r .txts{ overflow:hidden; margin-top:25px; position:relative;}
.i_four .i_four_r .txts:before{ content:""; position:absolute; bottom:0; left:0; height:1px; background:#e2e2e2; width:100%; }
.i_four .i_four_r .txts:after{ content:""; position:absolute; bottom:0; left:0; height:1px; background:#b9a978; width:0;transition:all 0.3s; }
.i_four .i_four_r .txts .dates{ overflow:hidden; height:24px; line-height:24px; font-size:16px; display:block;  color:#666;}
.i_four .i_four_r .txts .h2{ font-weight:normal; font-size:18px; line-height:46px; height:46px; overflow:hidden; color:#000;text-overflow: ellipsis;white-space: nowrap; transition:all 0.3s;}
.i_four .i_four_r .txts .imore2{ float:left; height:28px; line-height:28px; overflow:hidden;color:#b9a978; font-size:16px; margin-top:22px; margin-bottom:22px;transition:all 0.3s; position:relative; width:24px; background:url(../images/i_bg3.png) right center no-repeat;}
.i_four .i_four_r .txts .imore2 label{ position:absolute; right:40px; top:0;}
.i_four .i_four_r .txts .imore2:hover{ margin-left:5px;}
.i_four .i_four_r .i_four_r_r:hover .txts .imore2{ background-image:url(../images/i_bg3_on.png); width:120px;}
.i_four .i_four_r .i_four_r_r:hover .txts:after{ width:100%;}
.i_four .i_four_r .i_four_r_r:hover .txts .h2{color:#b9a978; }

/*案例*/
.case{ width:100%; clear:both; padding-top:40px;}
.i_service_t{ text-align:center; padding-top:15px; color:#666; font-size:18px; line-height:32px; padding-bottom:50px;}
.i_service_t h2{ height:66px; line-height:66px; font-size:40px; color:#000000; font-weight:normal; letter-spacing:1px; }
.i_service_t p{font-size:18px;}
.i_case2{ background-color:#f5f5f5; margin-top:10px; text-align:center; padding-bottom:20px;}
.guwenmore{ display:inline-block; width:92px;height:50px; line-height:50px; margin:0 auto; margin-top:-50px; text-align:center;/* background:url(../images/i_more.png) no-repeat; */ clear:both; overflow:hidden;/*transition:all 0.3s;*/background:#fff url(../images/works_more.png) no-repeat center -50px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.guwenmore:Hover{/*opacity:0.6;filter:Alpha(opacity=60);*/background:#333 url(../images/works_more.png) no-repeat center 0px;}

@media screen and (max-width:1760px) {
/*高端网站建设*/
.i_two .i_two_l .txts .h2{ font-size:56px;}
.i_two .i_two_r{ margin-right:-3.5%;width: 28.5%; font-size:28px;}


}
@media screen and (max-width:1660px) {
/*高端网站建设*/
.i_two .i_two_l{ width:77%;}
.i_two .i_two_l .txts .h2{ font-size:50px;}
.i_two .i_two_r{ margin-right:-2%;width: 25%; font-size:26px;}
.i_two .i_two_r .box{ width:100%;}


}
@media screen and (max-width:1440px) {
/*高端网站建设*/
.i_two .i_two_l .txts .h2{ font-size:44px;}
.i_two .i_two_r{ font-size:22px;}
/*首页新闻*/
.i_four .i_four_r .i_four_r_l{  width:calc(97% - 450px);width:-webkit-calc(97% - 450px);width:-moz-calc(97% - 450px);}
.i_four .i_four_r .i_four_r_l ul li{ margin-bottom:0;}
.i_four .i_four_r .i_four_r_r{ width:450px;}
.i_four .i_four_r .txts .h2{ height:40px; line-height:40px;}
.i_four .i_four_r .txts .imore2{ margin-top:14px;}

/*案例*/
.i_service_t{ font-size:16px; padding-bottom:35px;}
.i_service_t h2{ font-size:36px;}
.i_service_t p{font-size:16px;}
}
@media screen and (max-width:1360px) {
/*高端网站建设*/
.i_two .i_two_l .txts .h2{ font-size:40px;}
.i_two .i_two_l .txts p{ float:none; width:90%;}
.i_two .i_two_r{ font-size:20px;}
.i_two .i_two_r ul li{ margin-left:20%;}
/*首页新闻*/
.i_four .i_four_l{ width:20%;}
}
@media screen and (max-width:1200px) {
/*高端网站建设*/
.i_two .i_two_l .txts .h2{ font-size:36px;}
.i_two .i_two_r{ font-size:18px;}

/*首页新闻*/
.i_four .i_four_r .i_four_r_l{  width:calc(97% - 400px);width:-webkit-calc(97% - 400px);width:-moz-calc(97% - 400px);}
.i_four .i_four_r .i_four_r_r{ width:400px;}
.i_four .i_four_r .txts{ margin-top:23px;}
.i_four .i_four_r .txts .h2{ height:40px; line-height:40px;}
.i_four .i_four_r .txts .imore2{ margin-top:5px; margin-bottom:16px;}


}
@media screen and (max-width:1000px) {
/*高端网站建设*/
.i_two .i_two_l .txts .h2{ font-size:32px;}
.i_two .i_two_l .txts .imore span{ font-size:14px;}
.i_two .i_two_r ul li{ margin-left:15%;}
/*首页新闻*/
.i_four .i_four_l{ font-size:16px;}
.i_four .i_four_r .i_four_r_l{  width:calc(97% - 350px);width:-webkit-calc(97% - 350px);width:-moz-calc(97% - 350px);}
.i_four .i_four_r .i_four_r_l ul li:hover .txts .imore2{ width:108px;}
.i_four .i_four_r .i_four_r_r{ width:350px;}
.i_four .i_four_r .txts{ margin-top:12px;}
.i_four .i_four_r .txts .h2{ font-size:16px;}
.i_four .i_four_r .txts .dates{ font-size:14px;}
.i_four .i_four_r .txts .imore2{ font-size:14px; margin-bottom:10px;}
.i_four .i_four_r .txts .imore2 label{ right:32px;}
.i_four .i_four_r .i_four_r_r:hover .txts .imore2{ width:108px;}

}
@media screen and (max-width:960px) {
/*我们做什么事*/
.i_one_bg .i_about_l{ float:none; margin-right:0; text-align:center; margin-bottom:3%;}
.i_one_bg .i_about_l .i_about_t{ margin-bottom:2%;}
.i_one_bg .i_about_r .i_about_ul{ margin-top:4%;}
.i_one_bg .i_about_r .i_about_ul li .p{ line-height:22px;}
/*高端网站建设*/
.i_two .i_two_l{ float:none; width:100%;}
.i_two .i_two_l .txts .h2{ font-size:30px;}
.i_two .i_two_r{ position:inherit; width:100%; margin-right:0; padding-bottom:3%;}
.i_two .i_two_r .box{ display:block;}
.i_two .i_two_r .box .td{ display:block;}
.i_two .i_two_r ul li{ margin-top:7%; margin-bottom:4%;}
/*中德联合*/
/*.i_three .i_three_txt .m{ font-size:14px;}
.i_three .box ul li .txts{ font-size:14px;}
.i_three .box ul li .txts p{  max-height:40px;}*/
/*首页新闻*/
.i_four .i_four_l{ width:100%; float:none; margin-right:0; margin-bottom:2%;}
.i_four .i_four_l ul li{ float:left; margin-right:4%;}
/*案例*/
.case{ padding-top:3%;}
.i_service_t{ padding-bottom:2%;}
.i_service_t h2{ font-size:32px; height:50px; line-height:50px;}
.i_case2{ padding-top:5px;}
}
@media screen and (max-width:830px) {

}


@media screen and (max-width: 780px) {
/*首页新闻*/
.i_four .i_four_r .i_four_r_l{  width:calc(97% - 300px);width:-webkit-calc(97% - 300px);width:-moz-calc(97% - 300px);}
.i_four .i_four_r .i_four_r_r{ width:300px;}
.i_four .i_four_r .txts{ margin-top:8px;}
.i_four .i_four_r .txts .h2{ height:32px; line-height:32px;}
.i_four .i_four_r .txts .imore2{ height:23px; line-height:23px;}
}
@media screen and (max-width: 640px) {
/*高端网站建设*/
.i_two .i_two_l .isel{ display:block;}
.i_two .i_two_l .txts{ display:block; width:100%; margin-top:6%; margin-left:2%;}
.i_two .i_two_l .txts .h2{ font-size:26px;}
.i_two .i_two_l .txts .imore{ margin-top:5%; width:36px; height:36px; line-height:36px;}
.i_two .i_two_l .txts .imore:hover{ width:150px;}
.i_two .i_two_l .txts .imore:hover span{ width:120px;}
.i_two .i_two_l .txts p{ float:left; width:49%;}

/*中德联合*/
/*.i_three .box ul li .imgs{ width:90px;}
.i_three .box ul li .cons{ padding:3%;}
.i_three .box ul li .txts{ font-size:13px;}
.i_three .box ul li .txts p{  max-height:36px;}*/
/*首页新闻*/
.i_four .i_four_l ul li{ padding-top:2%; padding-bottom:0%;}
.i_four .i_four_r .i_four_r_l{ float:none; width:calc(100% - 0px);width:-webkit-calc(100% - 0px);width:-moz-calc(100% - 0px);}
.i_four .i_four_r .i_four_r_r{ width:100%; float:none; margin-top:1.5%;}
.i_four .i_four_r .txts{ margin-top:12px;}
.i_four .i_four_r .txts .h2{ height:36px; line-height:36px;}
.i_four .i_four_r .txts .imore2{ height:26px; line-height:26px;}

/*案例*/
.i_service_t h2{ font-size:26px;}
.i_service_t p{ font-size:14px;}

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

}

@media screen and (max-width: 480px) {
/*我们做什么事*/
.i_one_bg .i_about_r .i_about_ul li{ margin-right:3%; width:22.5%;}
.i_one_bg .i_about_r .i_about_ul li .h2 span{ font-size:20px;}
.i_one_bg .i_about_r .i_about_ul li .p{ line-height:20px; font-size:12px;}
/*高端网站建设*/
.i_two .i_two_l .txts .h2{ font-size:24px;}
.i_two .i_two_r{ font-size:16px;}
.i_two .i_two_r ul li a{ padding-bottom:4px;}
.i_two .i_two_r ul li span{ padding-right:10px;}
/*中德联合*/
/*.i_three{ padding-top:6%;}
.i_three .box ul li .imgs{ width:80px;}
.i_three .box ul li .txts{ font-size:12px;}
.i_three .box ul li .txts .h3{ height:24px; line-height:24px;}
.i_three .box ul li .txts p{  max-height:34px;}*/
/*首页新闻*/
.i_four .i_four_l{ font-size:15px;}
.i_four .i_four_l ul li a{ padding-left:30px;}
.i_four .i_four_r .i_four_r_l ul li:hover .txts .imore2{width:106px;}
.i_four .i_four_r .txts .h2{font-size:15px;}
.i_four .i_four_r .txts .dates{font-size:13px;}
.i_four .i_four_r .txts .imore2{font-size:13px;}
.i_four .i_four_r .i_four_r_r:hover .txts .imore2{ width:106px;}

/*案例*/
.i_service_t h2{ font-size:24px; height:44px; line-height:44px;}

}

@media screen and (max-width: 360px) {
/*高端网站建设*/
.i_two .i_two_l .txts .h2{ font-size:22px;}
/*中德联合*/
/*.i_three .box ul li .imgs{ width:70px;}
.i_three .box ul li .txts .h3{ height:22px; line-height:22px;}*/
/*案例*/
.i_service_t h2{ font-size:23px; height:40px; line-height:40px;}
}