/*五大块*/
.one_div{ overflow:hidden; margin-top:6px; padding-left:5px; padding-right:5px;}
.one_div ul li{width:calc(20% - 2px);width:-webkit-calc(20% - 2px);width:-moz-calc(20% - 2px); margin-right:1px; margin-left:1px; float:left;}
.one_div ul li .img{ overflow:hidden; position:relative;}
.one_div ul li .img img{ display:block; width:100%;}
.one_div ul li .img .txts{ position:absolute; width:100%; height:100%; top:0; left:0;transition:all 0.3s; font-size:16px; color:#fff; text-align:left;}
.one_div ul li:hover .img .txts{ background:rgba(0,0,0,0.3);}
.one_div ul li i{ display:inline-block; width:43px; height:43px; vertical-align:top; background-repeat:no-repeat; background-size:100% 100%;}
.one_div ul li i.bgs1{ background-image:url(../images/i_a1.png);}
.one_div ul li i.bgs2{ background-image:url(../images/i_a2.png);}
.one_div ul li i.bgs3{ background-image:url(../images/i_a3.png);}
.one_div ul li i.bgs4{ background-image:url(../images/i_a4.png);}
.one_div ul li i.bgs5{ background-image:url(../images/i_a5.png);}
.one_div ul li .txts .con{ position:absolute; top:50%; left:50%; width:94%; max-width:330px;transform: translate(-50%, -50%); text-align:left;}
.one_div ul li .txts .span{ display:block;text-transform:uppercase; line-height:26px; margin-bottom:5px; transition:all 0.3s; font-size:12px;}
.one_div ul li .txts .h3{ font-weight:normal;line-height:30px; overflow:hidden; }
.one_div ul li .txts .p{ overflow:hidden;transition:all 0.3s; line-height:26px; margin-top:8px; height:26px;opacity:0;filter:Alpha(opacity=0);}
.one_div ul li:hover .txts .p{opacity:1.0;filter:Alpha(opacity=100); padding-bottom:30px;}
.one_div ul li:hover .txts .span{ margin-top:-80px;}
.one_div ul li .txts .imore{ line-height:43px; margin-top:5%;transition:all 0.3s;}
.one_div ul li .txts .imore em{ font-style:normal; display:inline-block; vertical-align:top;transition:all 0.3s;opacity:0;filter:Alpha(opacity=0); padding-left:3%;}
.one_div ul li:hover .txts .imore{ margin-top:8%;}
.one_div ul li:hover .txts .imore em{opacity:1.0;filter:Alpha(opacity=100);}
/*产品*/
.two_div{ overflow:hidden; padding-top:7px;}
.two_div .bigimg{ overflow:hidden;width:calc(50% - 2px);width:-webkit-calc(50% - 2px);width:-moz-calc(50% - 2px);}
.two_div .bigimg.l{ padding-right:4px;}
.two_div .bigimg.r{ padding-left:4px;}
.two_div .small{ overflow:hidden;}
.two_div .small .boxs{ overflow:hidden; margin-bottom:4px;}
.two_div .small .boxs:last-child{ margin-bottom:0;}
.two_div 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;}
.two_div .cons{ overflow:hidden; position:relative;}
.two_div .cons: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);}
.two_div .cons .txts{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(247,92,54,0.59);transition:all 0.3s;opacity:0;filter:Alpha(opacity=0);}
.two_div .cons:hover .txts{opacity:1.0;filter:Alpha(opacity=100);}
.two_div .cons .txts .p{ position:absolute; top:50%; left:3%; width:94%;transform: translate(0%, -50%); overflow:hidden;}
.two_div .cons .txts .p .h3{font-size: 30px;font-weight: bold; color:#fff; height:30px; line-height:30px; overflow:hidden; font-family: arial; margin-top:30px;margin-bottom:20px;transition:all 0.3s; text-transform:uppercase;}
.two_div .cons:hover .txts .p .h3{ margin-top:0;}
.two_div .cons .txts .p .span{ display:block;font-size: 14px;color:#fff; position: relative;text-transform:uppercase;}
.two_div .cons .txts .p .span:before{    content: '';position: absolute; height: 1px;  width: 144px; left: 50%; margin-left: -72px;  top: 0px;}
.two_div .workbor{ position:absolute; top:3.5%; left:2.5%; width:95%; height:93%;/*border: 1px solid rgba(247,92,54,1);*/transition:all 0.3s;opacity:0;filter:Alpha(opacity=0);}
.two_div .cons:hover .workbor{opacity:1.0;filter:Alpha(opacity=100);}
/*文字1*/
.i_more{ position:absolute; top:-27px; height:54px; line-height:54px; overflow:hidden; right:0; font-size:62px; color:#ff643e;padding: 4px 5px 4px 9px;border: 1px solid rgba(0, 0, 0, 0);}
.i_more:hover{border:1px solid #f4663f}
.three_div{ width:96%; margin:0 auto; position:relative;}
.three_div .wrap{ text-align:center; padding-top:9%; padding-bottom:9%;}
.three_div .t{ display:inline-block; position:relative; padding-left:63px; line-height:56px; color:#000000; font-size:32px; text-align:left; font-weight:lighter;}
.three_div .t:after{ content:""; position:absolute; left:0; top:50%; margin-top:-43px; height:80px; width:36px; border:3px solid #dc5e3c;}
.three_div .ul{ clear:both; overflow:hidden; padding-top:4%;}
.three_div .ul ul li{ display:inline-block; vertical-align:top; overflow:hidden; padding-left:28px; padding-right:28px;color:#323232; }
.three_div .ul ul li .h3{ font-weight:normal; font-size:32px; overflow:hidden; line-height:1.2; margin-bottom:8px;}
.three_div .ul ul li .span{ display:block; font-size:10px; line-height:18px; height:18px; overflow:hidden;}
/*创造造创*/
.four_div{ background:url(../images/i_bg1.jpg) center center no-repeat; background-size:cover;  color:#fff; font-weight:lighter; font-size:12px; line-height:21px;}
.four_div .cons{ width:96%;margin:0 auto; position:relative;}
.four_div .wrap{ text-align:center; padding-top:5%;}
.four_div .four_div_t{ padding-top:110px; overflow:hidden; position:relative; font-size:24px; margin-bottom:3%;}
.four_div .four_div_t:after{ content:""; position:absolute; left:50%; top:0; margin-left:-21px; height:80px; width:36px; border:3px solid #dc5e3c;}
.four_div .img{ display:block; margin:0 auto; width:90%; max-width:1217px; margin-top:15%; margin-bottom:14%;}
/*设计路上*/
.five_div{ width:96%; margin:0 auto; position:relative; color:#040404;}
.five_div .wrap{ text-align:center; padding-top:7%; padding-bottom:6%;}
.five_div .five_div_t{ padding-bottom:110px; overflow:hidden; position:relative;margin-bottom:3%; font-weight:lighter; }
.five_div .five_div_t:after{ content:""; position:absolute; left:50%; bottom:0; margin-left:-21px; height:80px; width:36px; border:3px solid #dc5e3c;}
.five_div .five_div_t .h3{ font-weight:lighter; font-size:72px; overflow:hidden; margin-bottom:3%; line-height:1.1;}
.five_div .five_div_t .p{ overflow:hidden; margin:0 auto; line-height:22px;font-size:17px;}
.five_div .ul{ clear:both; overflow:hidden; text-align:center; width:100%;}
.five_div .ul ul li{ display:inline-block; vertical-align:top; overflow:hidden; padding-left:28px; padding-right:28px;color:#323232; }
.five_div .ul ul li .h3{ font-weight:normal; font-size:32px; overflow:hidden; line-height:1.2; margin-bottom:8px;}
.five_div .ul ul li .span{ display:block; font-size:10px; line-height:18px; height:18px; overflow:hidden;}
.five_div .ul ul li .reds{ color:#ff643e;}
/*曾经服务过的企业*/
.six_div{ overflow:hidden; background:#ff5c3f; color:#fff;}
.six_div .six_con{ margin:0 auto; width:94%; overflow:hidden; margin-top:4%; margin-bottom:4%; position:relative;}
.six_div .six_con .six_l{ position:absolute; width:280px;left:3%; top:50%;transform: translate(0%, -50%); font-weight:lighter; font-size:26px;}
.six_div .six_con .six_l .six_div_t{ font-size:80px; overflow:hidden; position:relative; padding-bottom:110px; font-weight:bold; margin-bottom:30px;}
.six_div .six_con .six_l .six_div_t span{ font-size:62px;}
.six_div .six_con .six_l .six_div_t:after{content: "";  position: absolute;  left: 50%;  bottom: 0;  margin-left: -21px; height: 80px;  width: 36px;  border: 3px solid #fff;}
.six_div .six_con .six_r{ float:right; /*max-width:1300px;*/width:calc(96% - 280px);width:-webkit-calc(96% - 280px);width:-moz-calc(96% - 280px);}
/*荣誉*/
.seven_div{ width:96%; margin:0 auto; position:relative; color:#040404;}
.seven_div .wrap{ text-align:center; padding-top:7%;}
.seven_div .seven_div_t{ overflow:hidden; position:relative;margin-bottom:3%; font-weight:lighter; }
.seven_div .seven_div_t .h3{ font-weight:lighter; font-size:72px; overflow:hidden; margin-bottom:3.5%; line-height:1.1;}
.seven_div .seven_div_t .p{ overflow:hidden; margin:0 auto; max-width:770px; line-height:22px;font-size:17px;}
.seven_div .seven_div_ul{ margin:0 auto; width:96%; max-width:1500px;overflow:hidden; margin-top:2%; margin-bottom:6%;}
/*设计视野*/
.seven_div_t2{ margin:0 auto; max-width:96%; overflow:hidden; margin-top:3%; font-weight:lighter; text-align:center;}
.seven_div_t2 .h3{ font-weight:lighter; font-size:55px; overflow:hidden; margin-bottom:2%; line-height:1.1;}
.seven_div_t2 .p{ overflow:hidden; line-height:1.2;font-size:36px;}
@media screen and (max-width:1440px) {
/*五大块*/
.one_div ul li .txts .span{ line-height:22px;}
/*文字1*/
.i_more{ font-size:52px;}
/*设计路上*/
.five_div .five_div_t .h3{ font-size:60px;}
/*荣誉*/
.seven_div .seven_div_t .h3{font-size:60px;}
/*设计视野*/
.seven_div_t2 .h3{ font-size:50px;}
.seven_div_t2 .p{ font-size:30px;}
}
@media screen and (max-width:1310px) {
/*文字1*/
.i_more{ font-size:46px;}
}
@media screen and (max-width:1200px) {
/*五大块*/
.one_div ul li{width:calc(33.3% - 2px);width:-webkit-calc(33.3% - 2px);width:-moz-calc(33.3% - 2px); margin-bottom:2px;}
.one_div ul li:nth-child(4),.one_div ul li:nth-child(5){width:calc(50% - 2px);width:-webkit-calc(50% - 2px);width:-moz-calc(50% - 2px); margin-bottom:0;}
.one_div ul li:nth-child(4) .txts .con,.one_div ul li:nth-child(5) .txts .con{ max-width:500px; padding-top:10%;}
/*文字1*/
.i_more{ font-size:40px;}
/*设计路上*/
.five_div .five_div_t .h3{ font-size:55px;}
.five_div .five_div_t .p{ font-size:16px;}
/*荣誉*/
.seven_div .seven_div_t .h3{font-size:55px;}
.seven_div .seven_div_t .p{font-size:16px;}
/*设计视野*/
.seven_div_t2 .h3{ font-size:44px;}
.seven_div_t2 .p{ font-size:26px;}
}
@media screen and (max-width:1100px) {
/*文字1*/
.i_more{ font-size:32px;}
.three_div .t{ line-height:40px; font-size:26px;}
.three_div .t:after{ height:60px; margin-top:-33px;}
/*创造造创*/
.four_div .four_div_t{ padding-top:90px;}
.four_div .four_div_t:after{ height:60px;}
/*设计路上*/
.five_div .five_div_t{ padding-bottom:90px;}
.five_div .five_div_t:after{ height:60px;}
.five_div .five_div_t .h3{ font-size:50px;}
.five_div .five_div_t .p{ font-size:15px;}
/*曾经服务过的企业*/
.six_div .six_con .six_l{ font-size:22px;}
.six_div .six_con .six_l .six_div_t{padding-bottom:90px; font-size:70px;}
.six_div .six_con .six_l .six_div_t:after{ height:60px;}
.six_div .six_con .six_l .six_div_t span{ font-size:50px;}
/*荣誉*/
.seven_div .seven_div_t .h3{ font-size:50px;}
.seven_div .seven_div_t .p{ font-size:15px;}
/*设计视野*/
.seven_div_t2 .h3{ font-size:42px;}
.seven_div_t2 .p{ font-size:22px;}
}
@media screen and (max-width:1000px) {
/*文字1*/
.i_more{ font-size:26px;}
}
@media screen and (max-width:960px) {
/*五大块*/
.one_div ul li{width:calc(50% - 2px);width:-webkit-calc(50% - 2px);width:-moz-calc(50% - 2px);}
.one_div ul li:nth-child(4){ margin-bottom:2px;}
.one_div ul li:nth-child(4) .txts .con{ max-width:330px;padding-top:13%;}
.one_div ul li:nth-child(5){width:calc(100% - 2px);width:-webkit-calc(100% - 2px);width:-moz-calc(100% - 2px); margin-bottom:2px;}
.one_div ul li:nth-child(5) .txts .con{ max-width:760px; padding-top:8%;}
/*文字1*/
.three_div .t{ line-height:36px; font-size:22px; padding-left:50px;}
.three_div .t:after{ height:50px; margin-top:-28px;width:26px;}
/*创造造创*/
.four_div .four_div_t{ padding-top:80px;}
.four_div .four_div_t:after{ height:50px;width:26px; margin-left:-16px;}
.four_div .img{ margin-top:12%;}
/*设计路上*/
.five_div .five_div_t{ padding-bottom:80px;}
.five_div .five_div_t:after{ height:50px;width:26px; margin-left:-16px;}
.five_div .five_div_t .h3{ font-size:40px;}
/*曾经服务过的企业*/
.six_div .six_con .six_l{ font-size:18px; width:240px;}
.six_div .six_con .six_l .six_div_t{padding-bottom:80px; font-size:60px;}
.six_div .six_con .six_l .six_div_t:after{ height:50px;width:26px; margin-left:-16px;}
.six_div .six_con .six_l .six_div_t span{ font-size:40px;}
.six_div .six_con .six_r{width: calc(96% - 240px); width: -webkit-calc(96% - 240px); width: -moz-calc(96% - 240px);}
/*荣誉*/
.seven_div .seven_div_t .h3{ font-size:40px;}
/*设计视野*/
.seven_div_t2 .h3{ font-size:40px;}
.seven_div_t2 .p{ font-size:20px;}
}
@media screen and (max-width:830px) {


}


@media screen and (max-width: 780px) {
/*产品*/
.two_div .bigimg{padding-bottom:4px;width:calc(100% - 0px);width:-webkit-calc(100% - 0px);width:-moz-calc(100% - 0px);}
.two_div .bigimg.l{ float:none; padding-right:0;}
.two_div .bigimg.r{ float:none; padding-left:0;}
/*设计路上*/
.five_div .five_div_t .h3{ font-size:30px;}
.five_div .five_div_t .p{ font-size:14px;}
/*曾经服务过的企业*/
.six_div .six_con .six_l{ width:200px;}
.six_div .six_con .six_r{width: calc(96% - 200px); width: -webkit-calc(96% - 200px); width: -moz-calc(96% - 200px);}
/*荣誉*/
.seven_div .seven_div_t .h3{ font-size:30px;}
.seven_div .seven_div_t .p{ font-size:14px;}
/*设计视野*/
.seven_div_t2 .h3{ font-size:30px;}
.seven_div_t2 .p{ font-size:18px;}
}
@media screen and (max-width: 640px) {
/*五大块*/
.one_div ul li .img .txts{ font-size:15px;}
/*文字1*/
.three_div .t{ line-height:30px; font-size:18px; padding-left:36px;}
.three_div .t:after{ height:40px; margin-top:-23px;width:22px;}
.three_div .ul ul li{ padding-left:12px; padding-right:12px;}
.three_div .ul ul li .h3{ font-size:28px;}
/*创造造创*/
.four_div .four_div_t{ padding-top:70px; font-size:20px;}
.four_div .four_div_t:after{ height:40px;width:22px; margin-left:-14px;}
/*设计路上*/
.five_div .five_div_t{ padding-bottom:70px;}
.five_div .five_div_t:after{ height:40px;width:22px; margin-left:-14px;}
.five_div .ul ul li{ padding-left:12px; padding-right:12px;}
.five_div .ul ul li .h3{ font-size:28px;}
/*曾经服务过的企业*/
.six_div .six_con .six_l{ font-size:16px; width:160px; left:0;}
.six_div .six_con .six_l .six_div_t{padding-bottom:70px; font-size:50px; margin-bottom:25px;}
.six_div .six_con .six_l .six_div_t:after{ height:40px;width:22px; margin-left:-14px;}
.six_div .six_con .six_l .six_div_t span{ font-size:30px;}
.six_div .six_con .six_r{width: calc(96% - 160px); width: -webkit-calc(96% - 160px); width: -moz-calc(96% - 160px);}
/*设计视野*/
.seven_div_t2 .h3{ font-size:24px;}
.seven_div_t2 .p{ font-size:17px;}

}

@media screen and (max-width: 480px) {
/*五大块*/
.one_div ul li .img .txts{ font-size:13px;}
.one_div ul li .txts .h3{ font-size:16px;}
.one_div ul li .txts .imore{ line-height:36px;}
.one_div ul li i{ width:36px; height:36px;}
.one_div ul li .txts .span{ margin-bottom:0;}
.one_div ul li .txts .p{ line-height:22px; height:22px;}
.one_div ul li:hover .txts .p{ padding-bottom:40px;}
/*产品*/
.two_div .cons .txts .p .h3{ font-size:18px;}
.two_div .cons .txts .p .span{ padding-top:6px; margin-top:6px; font-size:14px;}
.two_div .cons .txts .p .span:before{ width:120px; margin-left:-60px;}
/*文字1*/
.i_more{ font-size:22px;}
.three_div .t{ line-height:24px; font-size:16px; padding-left:24px;}
.three_div .t:after{ height:30px; margin-top:-18px; width:12px; border-width:2px;}
.three_div .ul ul li{ width:25%; padding-left:0; padding-right:0; float:left;}
/*创造造创*/
.four_div .wrap{padding-top:8%;}
.four_div .four_div_t{ padding-top:50px; font-size:19px;}
.four_div .four_div_t:after{ height:30px;width:12px; margin-left:-9px; border-width:2px;}
/*设计路上*/
.five_div .five_div_t{ padding-bottom:50px;}
.five_div .five_div_t:after{ height:30px;width:12px; margin-left:-9px; border-width:2px;}
.five_div .five_div_t .h3{ font-size:24px;}
.five_div .five_div_t .p{ font-size:13px; line-height:20px;}
.five_div .ul ul li{ width:50%; padding-left:0; padding-right:0; float:left;}
/*曾经服务过的企业*/
.six_div .six_con .six_l{ font-size:14px; width:120px;}
.six_div .six_con .six_l .six_div_t{padding-bottom:50px; font-size:40px; margin-bottom:20px;}
.six_div .six_con .six_l .six_div_t:after{ height:30px;width:12px; margin-left:-9px; border-width:2px;}
.six_div .six_con .six_l .six_div_t span{ font-size:26px;}
.six_div .six_con .six_r{width: calc(96% - 120px); width: -webkit-calc(96% - 120px); width: -moz-calc(96% - 120px);}
/*荣誉*/
.seven_div .seven_div_t .h3{ font-size:24px;}
.seven_div .seven_div_t .p{ font-size:13px; line-height:20px;}
/*设计视野*/
.seven_div_t2 .h3{ font-size:20px;}
.seven_div_t2 .p{ font-size:16px;}
}

@media screen and (max-width:360px) {
/*五大块*/
.one_div ul li .img .txts{ font-size:12px;}
/*产品*/
.two_div .cons .txts .p .h3{ font-size:16px;}
.two_div .cons .txts .p .span{ font-size:13px;}
/*文字1*/
.three_div .ul ul li .h3{ font-size:24px;}
/*创造造创*/
.four_div .four_div_t{ font-size:18px;}
/*设计路上*/
.five_div .five_div_t .h3{ font-size:22px;}
.five_div .five_div_t .p{ font-size:12px;}
.five_div .ul ul li .h3{ font-size:24px;}
/*曾经服务过的企业*/
.six_div .six_con .six_l{ font-size:12px; width:100px;}
.six_div .six_con .six_l .six_div_t{ font-size:36px;}
.six_div .six_con .six_l .six_div_t span{ font-size:24px;}
.six_div .six_con .six_r{width: calc(96% - 100px); width: -webkit-calc(96% - 100px); width: -moz-calc(96% - 100px);}
/*荣誉*/
.seven_div .seven_div_t .h3{ font-size:22px;}
.seven_div .seven_div_t .p{ font-size:12px;}
/*设计视野*/
.seven_div_t2 .h3{ font-size:18px;}
.seven_div_t2 .p{ font-size:15px;}
}