.o_big{ overflow:hidden; background-repeat:no-repeat; background-position:center; background-size:cover; position:relative;}
.o_big img{ width:100%;filter: Alpha(Opacity=0);opacity: 0;}
.o_big .txts{ position:absolute; top:50%; left:2%; width:96%;transform: translate(0%, -50%); color:#fff;}
.o_big .txts .h2{ font-weight:normal; margin-bottom:1%; line-height:1.2;}
.o_big .txts .p{ overflow:hidden; line-height:1.2;}
.o_big .txts .color1{ color:#dc5e3c;}
.postions{ height:41px; line-height:41px; overflow:hidden; background:#f1f1f1;  color:#919191; font-size:12px;}
.postions a{color:#919191; }
/*分页*/
.yema{ width:100%; text-align:center; clear:both; overflow:hidden; padding-top:40px; padding-bottom:40px; clear:both;}
.yema a{ display:inline-block; height:26px; line-height:26px; padding-left:10px; overflow:hidden; padding-right:10px; min-width:12px;margin-left:1px; margin-right:1px;  text-align:center; color:#757575; font-size:13px; border:1px solid #cccccc;}
.yema a:hover{ text-decoration:none; color:#fff; background-color:#00a1e9;border:1px solid #00a1e9;}
.yema a.on{color:#fff; background-color:#00a1e9; border:1px solid #00a1e9;}
.yema a.first,.yema a.last{ margin-right:0; }
.yema a.first:hover,.yema a.last:hover{background-color:#00a1e9;}
/*服务*/
.service_one{ width:96%; margin:0 auto; position:relative;}
.service_one .wrap{ text-align:center; padding-top:4%; padding-bottom:4%;}
.service_one .t{ display:inline-block; position:relative; padding-left:44px;color:#252424; text-align:left; font-weight:lighter;}
.service_one .t:after{ content:""; position:absolute; left:0; top:50%; margin-top:-40px; height:76px; width:32px; border:2px solid #dc5e3c;}
.service_one .t span{ display:block; padding-top:2px;}
.service_one .p{ color:#000000; line-height:1.8; overflow:hidden; text-align:center; margin-top:3.5%; font-weight:lighter;}
.service_two{ overflow:hidden; background:url(../images/) no-repeat; background-size:cover; background-position:center center; font-weight:lighter; background-image:url(../images/service_bg1.jpg); margin-bottom:4px;}
.service_two.bgs2{background-image:url(../images/service_bg2.jpg);}
.service_two .ul{ max-width:1500px; margin:0 auto; overflow:hidden; text-align:center; color:#fff; margin-top:4%; padding-bottom:4%; position:relative;}
/*.service_two .ul:after{ position:absolute; content:""; left:50%; right:0; top:75px; height:1px; width:0%; background:#fff;transition:all 0.6s;}*/
/*.service_two .ul:hover:after{ left:8%; right:8%; width:84%;}*/
.service_two .ul:after{ position:absolute; content:""; left:-100%; right:0; top:75px; height:1px; width:100%; background:#fff;transition:all 0.6s;}
.service_two .ul:hover:after{ left:8%; right:8%; width:84%;}

.service_two .ul ul li{ float:left; width:31.33%; margin-left:1%; margin-right:1%; overflow:hidden;}
.service_two .ul ul li .h3{ font-weight:lighter; margin-bottom:6%;}
.service_two .ul ul li .txts{ display:inline-block; text-align:left;}
.service_two .ul ul li .p{ line-height:36px; height:36px; overflow:hidden;}
.service_two .ul ul li .p a{ color:#fff;}
.service_three{ overflow:hidden; font-weight:lighter;}
.service_three ul li{ float:left;width:calc(50% - 2px);width:-webkit-calc(50% - 2px);width:-moz-calc(50% - 2px); text-align:left; overflow:hidden;}
.service_three ul li:nth-child(2n+0){ float:right;}
.service_three ul li .txts{ margin:0 auto; width:94%; max-width:820px; overflow:hidden;}
.service_three ul li .span{ display:block; color:#585858; line-height:1.4; text-transform:uppercase;margin-top:14%;opacity: 0.8;}
.service_three ul li .h3{ font-weight:lighter; height:50px; line-height:50px; overflow:hidden;color:#585858;margin-bottom:10px;margin-top:3px; }
.service_three ul li:hover .h3{ color:#dc5e3c;}
.service_three ul li .p{ display:block; color:#585858; overflow:hidden; height:48px; line-height:25px; margin-bottom:8%;opacity: 0.8;}
.service_three 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;}
.service_three ul li .imgs{ overflow:hidden;}
.service_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);}
.service_four{ background:url(../images/service_bg3.jpg) center center no-repeat; background-size:cover; padding-bottom:15%; text-align:center; color:#fff; margin-top:60px;}
.service_four .service_ul{ margin:0 auto; max-width:1500px; position:relative; margin-top:-90px; overflow:hidden; padding-top:30px;}
.service_four .service_ul ul li{ display:inline-block; width:12%; max-width:200px; vertical-align:top;transition:all 0.3s; margin-left:1%; margin-right:1%;}
.service_four .service_ul ul li img{ width:100%;}
.service_four .service_ul ul li:hover{ /*margin-top:-30px;*/transform: translateY(-30px);}
.service_four .desc{ overflow:hidden; width:94%; margin:0 auto; margin-top:3%;}
/*关于*/
.about_div{ width:96%; margin:0 auto; position:relative;}
.about_div .wrap{ text-align:center; padding-top:7%; padding-bottom:7%;}
.about_div .t{ display:inline-block; position:relative; padding-left:63px; line-height:56px; color:#000000; font-size:32px; text-align:left; font-weight:lighter;}
.about_div .t:after{ content:""; position:absolute; left:0; top:50%; margin-top:-43px; height:80px; width:36px; border:3px solid #dc5e3c;}
.about_div .ul{ clear:both; overflow:hidden; padding-top:4%;}
.about_div .ul ul li{ display:inline-block; vertical-align:top; overflow:hidden; padding-left:28px; padding-right:28px;color:#323232; }
.about_div .ul ul li .h3{ font-weight:normal; font-size:32px; overflow:hidden; line-height:1.2; margin-bottom:8px;}
.about_div .ul ul li .span{ display:block; font-size:10px; line-height:18px; height:18px; overflow:hidden;}
.about_div2{ background:url(../images/about_bg2.jpg) center center no-repeat; background-size:cover;  color:#fff; font-weight:lighter; font-size:12px; line-height:21px;}
.about_div2 .cons{ width:96%;margin:0 auto; position:relative;}
.about_div2 .wrap{ text-align:center; padding-top:5%;}
.about_div2 .four_div_t{ padding-top:110px; overflow:hidden; position:relative; font-size:24px; margin-bottom:3%;}
.about_div2 .four_div_t:after{ content:""; position:absolute; left:50%; top:0; margin-left:-21px; height:80px; width:36px; border:3px solid #dc5e3c;}
.about_div2 .img{ display:block; margin:0 auto; width:90%; max-width:1217px; margin-top:14%; margin-bottom:14%;}
.about_div2 .t{ display:inline-block; position:relative; padding-left:63px; line-height:56px; color:#fff; font-size:32px; text-align:left; font-weight:lighter;}
.about_div2 .t:after{ content:""; position:absolute; left:0; top:50%; margin-top:-43px; height:80px; width:36px; border:3px solid #dc5e3c;}
.about_div2 .ul{ max-width:1360px; overflow:hidden; text-align:center; margin-top:8%; margin-bottom:8%;}
.about_div2 .ul ul li{ float:left; width:20%; overflow:hidden;}
.about_div2 .ul ul li .imgs{ margin:0 auto; width:80%; max-width:130px; background-repeat:no-repeat; background-size:100% 100%;}
.about_div2 .ul ul li img{ width:100%;opacity:0;filter:Alpha(opacity=0);}
.about_div2 .ul ul li .imgs.bgs1{ background-image:url(../img/about_ico1.png);}
.about_div2 .ul ul li .imgs.bgs2{ background-image:url(../img/about_ico2.png);}
.about_div2 .ul ul li .imgs.bgs3{ background-image:url(../img/about_ico3.png);}
.about_div2 .ul ul li .imgs.bgs4{ background-image:url(../img/about_ico4.png);}
.about_div2 .ul ul li .imgs.bgs5{ background-image:url(../img/about_ico5.png);}
.about_div2 .ul ul li:hover .imgs.bgs1{ background-image:url(../img/about_ico1_on.png);}
.about_div2 .ul ul li:hover .imgs.bgs2{ background-image:url(../img/about_ico2_on.png);}
.about_div2 .ul ul li:hover .imgs.bgs3{ background-image:url(../img/about_ico3_on.png);}
.about_div2 .ul ul li:hover .imgs.bgs4{ background-image:url(../img/about_ico4_on.png);}
.about_div2 .ul ul li:hover .imgs.bgs5{ background-image:url(../img/about_ico5_on.png);}
.about_div3{ overflow:hidden; background:#dc5e3c;}
.about_div3 .ul{ overflow:hidden;border:1px solid #dc5e3c;}
.about_div3 .ul ul li{ float:left; width:16.66%; overflow:hidden;}
.about_div3 .ul ul li .imgs{ border:1px solid #dc5e3c; overflow:hidden; background:#de6b4b;}
.about_div3 .ul 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;}
.about_div3 .ul 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);}
.about_div4{ overflow:hidden;}
.about_div4 ul li{ float:left; width:20%; overflow:hidden;}
.about_div4 ul li .imgs{ overflow:hidden; position:relative;}
.about_div4 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;}
.about_div4 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);}
.about_div4 ul li .txts{ position:absolute; top:0; left:0; background:rgba(219,94,60,0.8); width:100%; height:100%; overflow:hidden;transition:all 0.3s;opacity:0;filter:Alpha(opacity=0);}
.about_div4 ul li .txts .cons{ position:absolute; top:50%; left:50%; width:96%; transform: translate(-50%, -50%); color:#fff; font-weight:lighter; text-align:center;}
.about_div4 ul li .txts .cons .h3{ font-weight:lighter; height:40px; line-height:40px; overflow:hidden;}
.about_div4 ul li .txts .cons .p{ height:40px; line-height:40px;overflow:hidden;}
.about_div4 ul li:hover .txts{opacity:1.0;filter:Alpha(opacity=100);}
.about_div5{ width:96%; margin:0 auto; position:relative; margin-bottom:5%;}
.c_more{ position:absolute; top:-27px; height:54px; line-height:54px; overflow:hidden; right:0; color:#ff643e; z-index:1;}
.c_more:hover{ text-decoration:underline;}

/*联系*/
.contact_one{ overflow:hidden; margin-top:2.5%; padding-bottom:2.5%; border-bottom:1px solid #b2b2b2; position:relative;}
.contact_one .contact_one_l{ float:left; width:50%;margin-top:2%;}
.contact_one .contact_one_l .contact_feedback{ margin:0 auto; overflow:hidden; width:92%; max-width:820px; text-align:center;}
.contact_one .contact_one_l .contact_feedback .t{ display:inline-block; position:relative; padding-left:63px; line-height:86px; color:#3f3f3f; text-align:left; font-weight:normal; margin-bottom:4%;}
.contact_one .contact_one_l .contact_feedback .t:after{ content:""; position:absolute; left:0; top:50%; margin-top:-43px; height:80px; width:36px; border:3px solid #dc5e3c;}
.contact_one .contact_one_l .contact_feedback .inputs{height: 66px;line-height: 66px; background: none; border: 2px solid #b2b2b2; width: calc(100% - 4px); width: -webkit-calc(100% - 4px); width: -moz-calc(100% - 4px); float: left; outline: none;  font-size: 18px; color: #4d4d4d; font-family: "微软雅黑"; text-indent: 15px;margin-top: 15px;}
.contact_one .contact_one_l .contact_feedback .bnts2{width: 100%;height: 70px; line-height: 70px; border: 0; background: #9b9b9b; color: #fff;  cursor: pointer; outline: none;  font-family: "微软雅黑";  margin-top: 15px;   transition: all 0.3s; font-weight: lighter;}

.contact_one .contact_one_r{ float:right; width:50%; position:absolute; height:93%; overflow:hidden; right:0; top:0;}
.contact_two{ overflow:hidden; margin-top:2.5%;}
.contact_two img{ width:100%;}
.contact_three{ margin:0 auto; max-width:1400px; width:96%; overflow:hidden;}
.contact_three .contact_three_t{ overflow:hidden; text-align:center; margin-top:3%; margin-bottom:3%;}
.contact_three .contact_three_t ul li{ float:left; width:50%; overflow:hidden;}
.contact_three .contact_three_t ul li .t{ display:inline-block; position:relative; padding-left:63px; line-height:86px; color:#cccccc; text-align:left; font-weight:normal; cursor:pointer;}
.contact_three .contact_three_t ul li .t:after{ content:""; position:absolute; left:0; top:50%; margin-top:-43px; height:80px; width:36px; border:3px solid #dc5e3c;}
.contact_three .contact_three_t ul li.on .t{ color:#3f3f3f;}
.contact_three .contact_three_con{ display:inline-block; vertical-align:top; margin-top:3%; margin-bottom:5%; font-weight:lighter; max-width:100%;}
.contact_three .contact_three_con ul li{ display:block; text-align:left; margin-bottom:9%; overflow:hidden; line-height:1.5;}
.contact_three .contact_three_con ul li em{ display:block; font-style:normal; color:#9f9f9f; font-size:13px; text-transform:uppercase; text-align:center; margin-top:1px; max-width:500px; cursor:pointer;}
.contact_three .contact_three_con ul li a{ color:#040404;}
.contact_three .contact_three_con ul li a:hover{ color:#dc5e3c;}
.contact_three .contact_three_con ul li:hover em{color:#da7153;}
.contact_three .contact_three_con ul li .desc{ overflow:hidden; color:#121212; line-height:24px; height:0; font-size:14px;}
.contact_three .contact_three_con ul li .desc b{ display:block; font-weight:normal; margin-top:4%;}
.contact_three .contact_three_con ul li .desc a{ color:#da7153;}
/*新闻*/
.news_ul{ overflow:hidden; margin-top:4%; margin-bottom:2%;}
.news_ul ul li{ float:left; width:32%; margin-right:2%; margin-bottom:2%; overflow:hidden;}
.news_ul ul li:nth-child(3n+0){ margin-right:0;}
.news_ul ul li img{display: block;width: 100%; height:100%;-webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -ms-transition:all 1s ease-in-out;
-o-transition:all 1s ease-in-out; transition:all 1s ease-in-out;}
.news_ul ul li .imgs{ overflow:hidden;}
.news_ul 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;}
.news_ul ul li .txts{ color:#fff; font-size:18px; overflow:hidden; background:#9e9e9e;text-align:left; padding-left:4%; padding-right:3%;transition:all 0.3s;}
.news_ul ul li .txts .h3{ font-size:20px; font-weight:bold; color:#fff; height:38px; line-height:38px;white-space:nowrap;text-overflow:ellipsis; overflow:hidden; margin-top:22px;margin-bottom:30px; }
.news_ul ul li .txts .p{text-align:right; height:30px; line-height:30px; font-weight:lighter; margin-bottom:20px;}
.news_ul 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);}
.news_ul ul li:hover .txts{ background:#ff643e;}
/*作品*/
.work_a{ overflow:hidden; padding-top:2%; padding-bottom:2%; font-weight:lighter; font-size:14px;}
.work_a a{ float:left; position:relative; margin-right:30px; padding-right:30px; height:30px; line-height:30px; color:3161616;}
.work_a a:last-child{ margin-right:0;}
.work_a a:after{ content:""; position:absolute; right:0; top:50%; height:13px; width:5px;/* border:1px solid #da7153; */margin-top:-7px;opacity:0;filter:Alpha(opacity=0);}
.work_a a:hover{ color:#da7153;}
.work_a a.on{ color:#da7153;}
.work_a a.on:after{opacity:1;filter:Alpha(opacity=100);}
.work_ul{ margin:3px; overflow:hidden;}
.work_ul ul li{ float:left; width:33.33%; overflow:hidden;}

.work_ul ul li .cons{ overflow:hidden; position:relative; margin:3px;}
.work_ul ul li .cons img{display: block;width: 100%; height:100%;-webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out; transition:all 1s ease-in-out;}
.work_ul ul li .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);}
.work_ul ul li .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);}
.work_ul ul li .cons .workbor{ position:absolute; top:1.5%; left:1.5%; width:97%; height:97%;/*border: 1px solid rgba(247,92,54,1);*/transition:all 0.3s;opacity:0;filter:Alpha(opacity=0);}
.work_ul ul li .cons:hover .txts,.work_ul ul li .cons:hover .workbor{opacity:1.0;filter:Alpha(opacity=100);}
.work_ul ul li .cons .txts .p{ position:absolute; top:50%; left:3%; width:94%;transform: translate(0%, -50%); overflow:hidden;}
.work_ul ul li .cons .txts .p .h3{font-size: 22px;font-weight: bold; color:#fff; height:26px; line-height:26px; overflow:hidden; font-family: arial; margin-top:30px;transition:all 0.3s; text-transform:uppercase;}
.work_ul ul li .cons:hover .txts .p .h3{ margin-top:0;}
.work_ul ul li .cons .txts .p .span{ display:block;font-size: 16px;color:#fff; padding-top: 10px;position: relative;margin-top: 10px;text-transform:uppercase;}
.work_ul ul li .cons .txts .p .span:before{  content: '';position: absolute; height: 1px;  width: 144px; left: 50%; margin-left: -72px;  top: 0px;background: #fff;}

/*新闻详细*/
.about_x2{ padding-bottom:1%; overflow:hidden;  padding-top:4.5%; background:#fff; padding-left:4%; padding-right:4%; margin-bottom:5%; border-top:1px solid #eee;}
.workdet{  padding-left:0; padding-right:0;padding-top:0; }
.workdet .con_id{ padding-top:0 !important; }
.about_x2 .show_t{ line-height:36px; color:#000000; text-align:center; margin-bottom:2%; margin-top:5px; font-weight:100;}
.about_x2 .con_line{ overflow:hidden;line-height:40px;/*font-size:16px;*/ color:#333333;text-align:center; margin-bottom:1%; }
.about_x2 img{max-width:100%;}
.about_x2 .con_id{line-height:30px;overflow:hidden;white-space:normal;word-break:break-all; padding-top:28px;font-size:15px; color:#666666;text-align:left;/* font-family:"宋体";*/ padding-bottom:4%;}
.about_x2 .con_id .h2{ font-size:16px; line-height:24px; margin-bottom:5px;}
.about_x2 .con_id p{ padding-bottom:20px; overflow:hidden;}
.about_x2 table{border-collapse:collapse;border-spacing:0;}
.about_x2 table td{ line-height:22px;height:27px; /*border:1px solid #000;*/}
.prenext{ padding-top:3%; text-align:center;  font-size:15px;margin-bottom:4%; overflow:hidden; line-height:26px; color:#666666; }
.prenext a{ color:#666666; overflow:hidden; transition:all 0.3s;}
.prenext a:hover{ color:#e94001;  text-decoration:none;opacity:0.8;filter:Alpha(opacity=80);}



.bdshare-button-style0-24 .bds_tsina{ background-position:center center;}

/*案例详细*/
.prenext2{ padding-top:3%; padding-bottom:3%; text-align:center; overflow:hidden;}
.prenext2 a{ display:inline-block; vertical-align:top; width:52px; height:52px; overflow:hidden; margin-left:8%; margin-right:8%; background-repeat:no-repeat; background-size:100% 100%;transition:all 0.3s;}
.prenext2 a.bgs1{ background-image:url(../images/work_bg1.png);}
.prenext2 a.bgs2{ background-image:url(../images/work_bg2.png);}
.prenext2 a.bgs3{ background-image:url(../images/work_bg3.png);}
.prenext2 a.bgs1:hover{ background-image:url(../images/work_bg1_on.png);}
.prenext2 a.bgs2:hover{ background-image:url(../images/work_bg2_on.png);}
.prenext2 a.bgs3:hover{ background-image:url(../images/work_bg3_on.png);}

@media screen and (max-width: 1360px) {
.service_two .ul:after{ top:65px;}
}
@media screen and (max-width: 1200px) {
/*服务*/
.service_two .ul:after{ top:60px;}
.service_three ul li .h3{ margin-bottom:3px;}
/*关于*/
.about_div4 ul li .txts .cons .h3{ height:30px; line-height:30px;}
.about_div4 ul li .txts .cons .p{ height:30px; line-height:30px;}
}

@media screen and (max-width: 1100px) {
/*服务*/
.service_one .t:after{ height:60px; margin-top:-32px;}
.service_two .ul:after{ top:55px;}
.service_four .service_ul ul li{ margin-left:0.5%; margin-right:0.5%;}
/*关于*/
.about_div .t{ line-height:40px; font-size:26px;}
.about_div .t:after{ height:60px; margin-top:-33px;}
.about_div2 .four_div_t{ padding-top:90px;}
.about_div2 .four_div_t:after{ height:60px;}
.about_div2 .t{ line-height:40px; font-size:26px;}
.about_div2 .t:after{ height:60px; margin-top:-33px;}
.about_div4 ul li{ width:25%;}
/*联系*/
.contact_one .contact_one_l .contact_feedback .t{ line-height:66px;}
.contact_one .contact_one_l .contact_feedback .t:after{ height:60px; margin-top:-33px;}
.contact_three .contact_three_t ul li .t{line-height:66px;}
.contact_three .contact_three_t ul li .t:after{ height:60px; margin-top:-33px;}

    .showow_wid{width: 96% !important;}
}

@media screen and (max-width: 960px) {
/*服务*/
.service_one .t{padding-left:36px;}
.service_one .t:after{ height:50px; margin-top:-27px;width:26px;}
.service_two .ul:hover:after{ width:88%; left:6%; right:6%;}
.service_three ul li{ float:none;width: calc(100% - 0px); width: -webkit-calc(100% - 0px); width: -moz-calc(100% - 0px);}
.service_three ul li .h3{ height:44px; line-height:44px;}
.service_four .service_ul ul li{ width:18%; margin-bottom:2%;}
/*关于*/
.about_div .t{ line-height:36px; font-size:22px; padding-left:50px;}
.about_div .t:after{ height:50px; margin-top:-28px;width:26px;}
.about_div2 .four_div_t{ padding-top:80px;}
.about_div2 .four_div_t:after{ height:50px;width:26px; margin-left:-16px;}
.about_div2 .img{ margin-top:12%;}
.about_div2 .t{ line-height:36px; font-size:22px; padding-left:50px;}
.about_div2 .t:after{ height:50px; margin-top:-28px;width:26px;}
.about_div3 .ul ul li{ width:25%;}
.about_div4 ul li{ width:33.33%;}
/*联系*/
.contact_one .contact_one_l .contact_feedback .t{ line-height:56px; padding-left:50px;}
.contact_one .contact_one_l .contact_feedback .t:after{ height:50px; margin-top:-28px;width:26px;}
.contact_one .contact_one_l .contact_feedback .inputs{ height:50px; line-height:50px; font-size:16px;}
.contact_one .contact_one_l .contact_feedback .bnts2{ height:54px; line-height:54px;}
.contact_one .contact_one_r{ height:94.5%;}
.contact_three .contact_three_t ul li .t{ line-height:56px; padding-left:50px;}
.contact_three .contact_three_t ul li .t:after{ height:50px; margin-top:-28px;width:26px;}
/*新闻*/
.news_ul ul li{ width:49%;}
.news_ul ul li:nth-child(3n+0){ margin-right:2%;}
.news_ul ul li:nth-child(2n+0){ margin-right:0;}
/*作品*/
.work_ul ul li{ width:50%;}
.work_a{ font-size:13px;}
.work_a a{ margin-right:15px; padding-right:15px;}
/*新闻详细*/
.about_x2 .con_line{ font-size:14px; margin-bottom:0;}
.about_x2 .con_id{ padding-top:3%; line-height:26px; font-size:14px;}
.prenext{ font-size:14px;}
/*案例详细*/
.prenext2 a{ width:40px; height:40px;}
}

@media screen and (max-width: 780px) {
/*服务*/
.service_two .ul:after{ top:42px;}
}
@media screen and (max-width: 640px) {
/*服务*/
.service_one .t{  padding-left:36px;}
.service_one .t:after{ height:40px; margin-top:-22px;width:22px;}
.service_two .ul:after{  height:0;}
.service_two .ul{ padding-top:6%; padding-bottom:6%;}
.service_two .ul ul li{ float:none; width:100%; margin-left:0; margin-right:0; margin-bottom:3%;}
.service_two .ul ul li:last-child{ margin-bottom:0;}
.service_two .ul ul li .h3{ margin-bottom:2%; position:relative;}
.service_two .ul ul li .h3:after{ position:absolute; content:""; left:50%; right:0; bottom:-10px; height:1px; width:0%; background:#fff;transition:all 0.3s;}
.service_two .ul ul li:hover .h3:after{ left:5%; right:5%; width:90%;}
.service_three ul li .h3{ height:36px; line-height:36px;}
.service_four .service_ul ul li{ width:19%; margin-left:1%; margin-right:1%;}
/*关于*/
.about_div .t{ line-height:30px; font-size:18px; padding-left:36px;}
.about_div .t:after{ height:40px; margin-top:-23px;width:22px;}
.about_div .ul ul li{ padding-left:12px; padding-right:12px;}
.about_div .ul ul li .h3{ font-size:28px;}
.about_div2 .four_div_t{ padding-top:70px; font-size:20px;}
.about_div2 .four_div_t:after{ height:40px;width:22px; margin-left:-14px;}
.about_div2 .t{ line-height:30px; font-size:18px; padding-left:36px;}
.about_div2 .t:after{ height:40px; margin-top:-23px;width:22px;}
.about_div2 .ul ul li .imgs{ width:85%;}
.about_div3 .ul ul li{ width:33.33%;}
.about_div4 ul li{ width:50%;}
/*联系*/
.contact_one{ margin-top:5%;}
.contact_one .contact_one_l{ float:none; width:100%; margin-bottom:3%;}
.contact_one .contact_one_l .contact_feedback{ max-width:none; width:96%;}
.contact_one .contact_one_l .contact_feedback .t{ line-height:46px; padding-left:36px; margin-bottom:2%;}
.contact_one .contact_one_l .contact_feedback .t:after{ height:40px; margin-top:-23px;width:22px;}
.contact_one .contact_one_r{ float:none;  width:100%;position:static; height:400px;}
.contact_three .contact_three_t ul li .t{line-height:46px; padding-left:36px; margin-bottom:2%;}
.contact_three .contact_three_t ul li .t:after{ height:40px; margin-top:-23px;width:22px;}
.contact_three .contact_three_con ul li em{ font-size:12px;}
/*新闻*/
.news_ul ul li .txts{ font-size:14px;}
.news_ul ul li .txts .h3{ font-size:18px; margin-top:15px; margin-bottom:20px;}
.news_ul ul li .txts .p{ margin-bottom:15px;}
/*作品*/
.work_ul ul li .cons .txts .p .h3{ font-size:18px;}
.work_ul ul li .cons .txts .p .span{ padding-top:6px; margin-top:6px; font-size:14px;}
.work_ul ul li .cons .txts .p .span:before{ width:120px; margin-left:-60px;}
/*新闻详细*/
.about_x2 .show_t{ font-size:18px;}
.about_x2 .con_line{ font-size:13px;}
.about_x2 .con_id{ font-size:13px; line-height:24px;}
.about_x2 .con_id p{ padding-bottom:12px;}
.prenext{ font-size:13px; line-height:24px; text-align:left;}
.prenext .l{ float:none; display:block;}
.prenext .r{ float:none; display:block;}
/*案例详细*/
.prenext2 a{ width:30px; height:30px; margin-left:10%; margin-right:10%;}
}

@media screen and (max-width: 480px) {
/*服务*/
.service_one .t{  padding-left:24px;}
.service_one .t:after{ height:30px; margin-top:-17px; width:12px;}
.service_two .ul ul li .h3:after{ bottom:-8px;}
.service_three ul li .h3{ height:36px; line-height:36px;}
.service_three ul li .p{ line-height:26px; height:auto;}
/*关于*/
.i_more{ font-size:22px;}
.about_div .t{ line-height:24px; font-size:16px; padding-left:24px;}
.about_div .t:after{ height:30px; margin-top:-18px; width:12px; border-width:2px;}
.about_div .ul ul li{ width:25%; padding-left:0; padding-right:0; float:left;}
.about_div2 .wrap{padding-top:8%;}
.about_div2 .four_div_t{ padding-top:50px; font-size:19px;}
.about_div2 .four_div_t:after{ height:30px;width:12px; margin-left:-9px; border-width:2px;}
.about_div2 .t{ line-height:24px; font-size:16px; padding-left:24px;}
.about_div2 .t:after{ height:30px; margin-top:-18px; width:12px; border-width:2px;}
.about_div4 ul li .txts .cons .h3{ height:24px; line-height:24px;}
.about_div4 ul li .txts .cons .p{ height:24px; line-height:24px;}
/*联系*/
.contact_one .contact_one_l .contact_feedback .t{ line-height:34px;padding-left:24px;}
.contact_one .contact_one_l .contact_feedback .t:after{ height:30px; margin-top:-18px; width:12px; border-width:2px;}
.contact_one .contact_one_l .contact_feedback .inputs{ height:40px; line-height:40px; font-size:14px; border-width:1px; margin-top:10px;}
.contact_one .contact_one_l .contact_feedback .bnts2{ height:42px; line-height:42px; margin-top:10px;}
.contact_one .contact_one_r{ height:360px;}
.contact_three .contact_three_t ul li .t{ line-height:34px;padding-left:24px;}
.contact_three .contact_three_t ul li .t:after{ height:30px; margin-top:-18px; width:12px; border-width:2px;}
/*新闻*/
.news_ul ul li .txts{ font-size:13px;}
.news_ul ul li .txts .h3{ font-size:15px; height:24px; line-height:24px; margin-bottom:10px;}
.news_ul ul li .txts .p{ height:22px; line-height:22px;}
/*作品*/
.work_ul ul li{ width:100%;}
/*新闻详细*/
.about_x2{ padding-left:2%; padding-right:2%;}
.about_x2 .show_t{ line-height:30px;}
.about_x2 .con_line{ font-size:12px;}
.about_x2 .con_id{ font-size:12px; line-height:22px;}
.about_x2 .con_id p{ padding-bottom:10px;}
.prenext{ font-size:12px; line-height:22px;}
/*案例详细*/
.prenext2 a{ width:26px; height:26px;}
}
@media screen and (max-width: 360px) {
/*关于*/
.about_div .ul ul li .h3{ font-size:24px;}
.about_div2 .four_div_t{ font-size:18px;}
/*作品*/
.work_ul ul li .cons .txts .p .h3{ font-size:16px;}
.work_ul ul li .cons .txts .p .span{ font-size:13px;}
}


.titworkon{margin: 30px 0 0 30px;display: inline-block;font-size: 33px;}
.titworkon label{width: 8px;height: 77px;background: #848484;display: inline-block;margin-right: 20px;vertical-align: unset;}
.titworkon i{font-style: normal;color: #848484;font-weight: 300;vertical-align: bottom;}

.showow_wid{width: 90% !important;margin: 50px auto;}
.showow_wid .t:after{height: 65px !important;width: 27px !important;margin-top: -60px !important;}
.showow_wid .t span{padding-top: 30px !important;}
.showpele{width: 35%}
.showplfri{width: 60%}
.showplfri p{font-weight: 100;    display: inline-block;}