@import url(style.css);
@import url(pscroll.css);
.i_bj{background: url(../images/i_bg4.jpg) center center no-repeat; background-size: cover;}
/*内页*/
.o_big_con{ overflow:hidden; position:relative;}
.o_big{ overflow:hidden; background-repeat:no-repeat; background-position:70% center; background-size:cover; position:relative;  width:100%;-webkit-animation: SlickIn cubic-bezier(1,0,.5,.5) 1s;animation: SlickIn cubic-bezier(1,0,.5,.5) 1s; min-height:220px;}
.o_big img{ width:100%;filter: Alpha(Opacity=0);opacity: 0;}
.o_big_con .cons{ position:absolute; top:0; left:0; width:100%; height:100%;}
.o_big_con .cons .wrap{ height:100%; display:table; position:relative; }
.o_big_con .h2{ font-weight:normal; display:table-cell; vertical-align:middle; color:#cccccc; text-align:center; font-size:16px;}
.o_big_con.bgs2 .h2{ vertical-align:bottom; text-align:left;}
.o_big_con .h2 span{ display:block; overflow:hidden;  position:relative; margin-bottom:0.8%; color:#fff;}
.o_big_con.bgs2 .h2 span{padding-bottom:3.5%;margin-top:1%; margin-bottom:0;}
.o_big_con .txts_r{ position:absolute; bottom:12%; right:0;}
/*.o_big_con .txts_r.solution{ bottom:18%;}*/
.o_big_con .txts_r a{ float:left; width:52px; height:50px; background-repeat:no-repeat; background-position:center center; background-size:100% 100%; overflow:hidden; margin-left:20px; position:relative;}
.o_big_con .txts_r a.bgs1{ background-image:url(../images/case_ico1.png);}
.o_big_con .txts_r a.bgs2{ background-image:url(../images/solution_ico1.png);}
.o_big_con .txts_r a:after{content: ""; left:50%; top:50%; width:0px; height:0px; position: absolute;transition:all 0.3s;background-size:0% 0%; background-repeat:no-repeat; background-position:center center; border-radius:50%; background-color:#fff;}
.o_big_con .txts_r a:hover:after{ background-size:100% 100%; width:100%; height:100%;left:0%; top:0%;}
.o_big_con .txts_r a.bgs1:after{ background-image:url(../images/case_ico1_on.png);}
.o_big_con .txts_r a.bgs2:after{ background-image:url(../images/solution_ico1_on.png);}
/*分页*/
.yema{ width:100%; text-align:left; clear:both; overflow:hidden; padding-top:20px; padding-bottom:40px; clear:both;}
.yema a{ display:inline-block; height:22px; line-height:22px;overflow:hidden; margin-right:12px;  text-align:center; color:#666666;}
.yema a:hover{ text-decoration:none; color:#000000; text-decoration:underline;}
.yema a.on{color:#000; text-decoration:underline;}
.yema a.Prev,.yema a.next{ }
.yema a.Prev:hover,.yema a.next:hover{}
/*关于我们*/
.about_con{line-height:36px;font-size:18px; overflow:hidden; padding-top:8%; padding-bottom:8%; color:#000000;}
.about_con img{ max-width:100%;}
.about_con .desc{ margin-bottom:1%; overflow:hidden;}
.about_con .h3{ font-weight:normal; margin-bottom:2.5%; overflow:hidden;}
.about_con2{line-height:36px;font-size:18px; overflow:hidden; padding-top:10%; padding-bottom:12%; color:#fff; background:url(../img/about_img1.jpg) center center no-repeat; background-size:cover; margin-bottom:3%;}
.about_con2 img{ max-width:100%;}
.about_con2 .desc{ margin-bottom:4%; overflow:hidden;}
.about_con2 .h3{ font-weight:normal; margin-top:6%; overflow:hidden; color:#bfb27b; text-decoration:underline;}
.about_ul{ margin-top:2%; overflow:hidden; margin-bottom:2%;}
.about_ul ul li{ float:left; display:block;overflow:hidden; float:left; width:47%;}
.about_ul ul li:nth-child(2n+0){ float:right;}
.about_ul ul li .imgs{ overflow:hidden; position:relative; margin-bottom:12%;}
.about_ul ul li .imgs:after{ content:""; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0.5);transition:all 0.3s;}
.about_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; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%);-o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}
.about_ul ul li .imgs:hover:after{opacity:0;filter:Alpha(opacity=0);}
.about_ul ul li .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);-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%);-o-filter: grayscale(0%); filter: grayscale(0%); filter:none;}
.about_ul ul li .imgs .h3{ font-weight:normal; color:#fff; left:5%; width:0%; overflow:hidden; position:absolute; bottom:4%; height:36px; line-height:36px;transition:all 0.3s;}
.about_ul ul li .imgs:hover .h3{ width:90%;}
.about_con3{ overflow:hidden; padding-top:8.5%; padding-bottom:8.5%; color:#fff; background:url(../img/about_img6.jpg) center center no-repeat; background-size:cover;}
.about_con3 ul li{ float:left; width:25%; position:relative; overflow:hidden; text-align:center;}
.about_con3 ul li:after{ content:""; position:absolute; right:0; width:1px; height:100%; background:#666666; top:0;}
.about_con3 ul li:last-child:after{ width:0;}
.about_con3 ul li .h2{  overflow:hidden; font-weight:normal; margin-bottom:2%;color:#baaa77; }
.about_con3 ul li .h2 label{ vertical-align:top;display:inline-block; }
.about_con3 ul li .p{ overflow:hidden; line-height:26px; margin-top:8px; padding-right:4%;}
/*解决方案列表*/
.solution_ul{  margin-top:4%; margin-bottom:2%; overflow:hidden;}
.solution_ul ul li{ float:left; margin-right:3%; width:31.33%; overflow:hidden; margin-bottom:3%;display:block; padding-bottom:2%; position:relative;}
.solution_ul ul li:before{ content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#e5e5e5;}
.solution_ul ul li:after{ content:""; position:absolute; bottom:0; left:0; width:0%; height:1px; background:#e60012;transition:all 0.3s;}
.solution_ul ul li:nth-child(3n+0){ margin-right:0;}
.solution_ul ul li .imgs{ overflow:hidden;}
.solution_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; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%);-o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}
.solution_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);-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%);-o-filter: grayscale(0%); filter: grayscale(0%); filter:none;}
.solution_ul ul li .txts{ overflow:hidden; color:#000000;}
.solution_ul ul li .txts h2{height:30px; line-height:30px; overflow:hidden; font-size:18px; font-weight:normal; margin-bottom:2%;margin-top:5%; transition:all 0.3s;}
.solution_ul ul li .txts .p{  font-size:16px;  overflow:hidden; transition:all 0.3s; height:48px; line-height:24px; display:block; position:relative;}
.solution_ul ul li .mores{ font-size:16px; display:inline-block; line-height:30px; height:30px; padding-right:24px;overflow:hidden;background:url(../images/i_bg3.png) right center no-repeat;  color:#000;transition:all 0.3s;margin-top:6%;clear:both; overflow:hidden;}
.solution_ul ul li .mores label{ display:block; overflow:hidden; width:0;}
.solution_ul ul li:hover:after{ width:100%;}
.solution_ul ul li:hover .mores{ padding-right:46px; width:auto; background-image:url(../images/i_bg3_on.png); color:#e60012;}
.solution_ul ul li:hover .mores label{ width:auto; }
.solution_ul ul li .mores:hover{ margin-left:5px;}
/*解决方案详细*/
.solution_con{line-height:1.7;font-size:16px; overflow:hidden; padding-top:5%; padding-bottom:5%; border-bottom:1px solid #dadada;}
.solution_con img{ max-width:100%;}
.solution_con .h4{ font-weight:normal; margin-bottom:0.7%;}
.solution_t{ font-weight:normal; color:#000; margin-top:4%; margin-bottom:2.5%; overflow:hidden;}
/*我们的案例作品*/
.case_a{overflow:hidden; padding-top:2%; padding-bottom:2%; border-bottom:1px solid #e0e0e0; font-size:18px;}
.case_a ul li{ float:left;height:30px; line-height:30px;overflow:hidden; margin-right:3%;}
.case_a ul li:last-child{ margin-right:0;}
.case_a ul li a{ display:block; position:relative; padding-left:40px; color:#666666;}
.case_a ul li a:before{ content:""; position:absolute; left:0; top:50%; margin-top:-1px; height:2px; width:0px; background:#000000;transition:all 0.3s;}
.case_a ul li a:hover{ color:#000;}
.case_a ul li a:hover:before{ width:20px;}
.case_a ul li.osel a{color:#000;}
.case_a ul li.osel a:before{ width:20px;}
.case_list{  overflow:hidden; min-height:500px;margin-top:3%;}
.case_list ul li{width: 33.33%; float: left;}
.case_list ul li:nth-child(3n+1){ clear:both;float:left;}
.case_list ul li .pic{width: 100%; /*height: 360px;*/ /*padding-top: 65%;*/ overflow: hidden; position: relative; z-index: 1;}
.case_list ul li .pic img{width: 100%; /*max-height: 100%;*/ display: block; /*position: absolute; left: 0; right: 0; top: 0; bottom: 0; */z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.case_list ul li .bg{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; visibility: hidden; opacity: 0; background-color: rgba(0,0,0,.65); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000); transition: all 0.6s ease;-webkit-transition: all 0.6s ease;}
.case_list ul li:hover .bg{visibility: visible; opacity: 1;}
.case_list ul li .bg img{ position:absolute;max-width: 80%; max-height: 80%; width: auto; left:50%; top: 60%; transform: translate(-50%, -50%); transition: all 0.6s ease;-webkit-transition: all 0.6s ease;}
.case_list ul li:hover .bg img{ top:50%;}
.case_list ul li .tit{background-color: #fff; padding: 15px 50px 13px 24px; position: relative; z-index: 1;}
.case_list ul li .tit:after{content:""; display: block; width: 100%; height: 100%; background-color: #e60012; position: absolute; left: 0; bottom: 0; z-index: -1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.case_list ul li:hover .tit:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.case_list ul li h2{font-size: 18px; font-weight: bold; color: #222222; line-height:50px; height:50px; overflow:hidden;}
.case_list ul li:hover h2{color: #fff;}
.case_list ul li .icon{width: 23px; height: 23px; background:url(../images/case_more.png) no-repeat; position: absolute; right: 20px; top: 50%; margin-top: -11px; z-index: 10; background-size:100% 100%;}
.case_list ul li:hover .icon{background-image:url(../images/case_more_h.png);}
.case_more{ display:block; margin:0 auto; margin-top:4%; margin-bottom:4%; background:url(../images/i_bg2.png) #000000 88% center no-repeat; color:#fff; padding-left:30px; width:210px; font-size:18px; height:70px; line-height:70px;transition:all 0.3s;}
.case_more:Hover{ color:#fff; background-color:#e60012;}
/*案例详细*/
.case_bg{ background:#f4f4f4; overflow:hidden; padding-top:4.5%; padding-bottom:4.5%;}
.case_one{ background:#fff; overflow:hidden; padding:2.8%;}
.case_one .case_desc{ float:left;width:calc(100% - 170px);width:-webkit-calc(100% - 170px);width:-moz-calc(100% - 170px); max-width:850px;}
.case_one .case_t{line-height:1.3; color:#000000;font-weight:normal;margin-bottom:1.8%;}
.case_one .txts{line-height:1.7;font-size:16px; overflow:hidden; color:#000000; }
.case_one .case_ico{ float:right; width:148px; position:relative;}
.case_one .case_ico img{ width:100%;opacity: 0; filter: Alpha(opacity=0);}
.case_one .case_ico canvas{position: absolute; width: 100%!important; height: 100%!important;top: 0;left: 0;}
.case_con{line-height:1.7;font-size:16px; overflow:hidden; padding-left:2%; padding-right:2%;padding-top:6%; padding-bottom:6%; clear:both; background:#fff; margin-top:4.5%;}
.case_con img{ display:block; margin:0 auto; max-width:100%; /* margin-bottom:1.5%; */}
.case_page{ overflow:hidden;  background:#fff; padding-bottom:2%;}
.case_page .wrap{position:relative;}
.case_page .goback{ display:block; max-width:178px; margin:0 auto; height:54px; line-height:54px; margin-top:13px; margin-bottom:13px; overflow:hidden; text-align:center; font-size:16px; border:1px solid #aaaaaa;transition:all 0.3s;}
.case_page .goback:hover{ border-color:#e60012;}
.case_page .goback span{ display:inline-block; padding-left:28px; background:url(../images/case_bg3.png) left center no-repeat;transition:all 0.3s; color:#000;}
.case_page .goback:hover span{ background-image:url(../images/case_bg3_on.png);color: #e60012;}
.case_page .cpage{ position:absolute; line-height:80px; height:80px; overflow:hidden; color:#000; font-size:16px; background-repeat:no-repeat; top:0;  max-width:30%;text-overflow: ellipsis;white-space: nowrap;}
.case_page .cpage:hover{color: #e60012}
.case_page .cpage.cprev{ left:0; background-position:left center; background-image:url(../images/case_bg2.png); padding-left:33px;transition:all 0.3s;}
.case_page .cpage.cprev:hover{ background-image:url(../images/case_bg2_on.png);}
.case_page .cpage.cnext{ right:0; background-position:right center; background-image:url(../images/i_bg3.png); padding-right:33px;}
.case_page .cpage.cnext:hover{ background-image:url(../images/i_bg3_on.png);}
/*联系我们*/
.contact_bg{ background:#f4f4f4; overflow:hidden;}
.contact_con{ margin-top:4.5%; background:#fff; padding:2%;}
.contact_con .ul{ display:block; margin:0 auto; max-width:1482px;}
.contact_con .ul li{ float:left; width:23.5%; margin-right:2%; margin-top:1.5%; margin-bottom:3%; color:#000;}
.contact_con .ul li:nth-child(4n+0){ margin-right:0;}
.contact_con .ul li .txts{ max-width:330px;}
.contact_con .ul li .h2{ border-bottom:1px solid #e4e4e4; height:62px; line-height:62px; overflow:hidden; margin-bottom:21px; font-weight:normal;}
.contact_con .ul li .p{ line-height:28px; background-repeat:no-repeat; background-position:left top; background-size:auto 27px; padding-left:30px; color:#555555;}
.contact_con .ul li .p.bgs1{ background-image:url(../images/contact_pic1.png);}
.contact_con .ul li .p.bgs2{ background-image:url(../images/contact_pic2.png); padding-left:42px;}
.contact_con .ul li .p.bgs3{ background-image:url(../images/contact_pic3.png); padding-left:39px;}
.contact_con .ul li .p.bgs4{ background-image:url(../images/contact_pic4.png);}
.contact_con .ul li .p a{ color:#555555;}
.contact_con .ul li .p a:hover{ color:#e60012;}
.contact_con .ul li .p .icon-wechat{-webkit-tap-highlight-color: transparent; text-decoration: none; outline: none;display: inline-block; width: 124px;  height: 32px; line-height:32px;margin-left: 2%;position: relative;transition: all 0.3s; background-position:15px center;background-size:22px 18px;background-repeat: no-repeat;background-image: url(../images/contact_pic5.png); border:1px solid #555555; font-size:16px; text-indent:44px; border-radius:20px; vertical-align:middle;}
.contact_con .ul li .p .wechat-qrcode{text-decoration: none;-webkit-tap-highlight-color:transparent;display: none; border: 1px solid #efefef; position: absolute; bottom: 45px;left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0);-moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); z-index: 9; width: 108px; height: 108px; text-align: center; background-color: #fff;transition: all 200ms; -webkit-tansition: all 350ms;-moz-transition: all 350ms;-webkit-box-shadow: 0 5px 25px rgba(0,0,0,0.1); box-shadow: 0 5px 25px rgba(0,0,0,0.1);}
.contact_con .ul li .p .wechat-qrcode:after{content: ''; position: absolute;left: 50%; margin-left: -6px; bottom: -13px;width: 0;height: 0;border-width: 8px 6px 6px 6px; border-style: solid;border-color: #ffffff transparent transparent transparent;}
.contact_con .ul li .p .wechat-qrcode img{ width:98px; display:block; margin:0 auto; margin-top:5px;}
.contact_con .ul li .p .icon-wechat:hover{border-color:#e60012; background-image:url(../images/contact_pic5_on.png);}
.contact_con .ul li .p .icon-wechat:hover .wechat-qrcode{ display:block;}
.contact_bg .map{width: 100%;height: 630px;}
.contact_bg .map #allmap{width: 100%;height: 630px;}
.contact_t{ text-align:center; color:#000; margin-top:4%; margin-bottom:4%;}
.contact_ul{ overflow:hidden; margin-bottom:5%; color:#000;}
.contact_ul ul li{ float:left; width:50%; overflow:hidden;}
.contact_ul ul li.bgs2{ background:#ebebeb; min-height:440px;}
.contact_ul ul li .txts{ width:90%; margin:0 auto; max-width:546px; overflow:hidden;}
.contact_ul ul li .cons{ max-width:460px; overflow:hidden;}
.contact_ul ul li .ico{ display:block; height:52px; margin-top:82px;}
.contact_ul ul li .h3{ font-weight:normal; height:82px; line-height:82px; overflow:hidden; border-bottom:1px solid #e5e5e5;}
.contact_ul ul li .p{ max-width:382px; line-height:24px; font-size:16px; color:#666666; overflow:hidden; margin-top:18px;}
.contact_ul ul li.bgs2 .p{ max-width:none;}
.contact_bg2{ background:#fff; overflow:hidden;}
/*新闻无图列表*/
.news_ul{  margin-top:4%;}
.news_ul ul li{ float:left; margin-right:3%; width:31.33%; overflow:hidden; margin-bottom:3%;display:block; background:#f5f5f5;transition:all 0.3s;}
.news_ul ul li:nth-child(3n+0){ margin-right:0;}
.news_ul ul li .txts{ overflow:hidden; padding:5%; color:#666666; font-size:16px;}
.news_ul ul li .txts .date{ overflow:hidden; height:24px; line-height:24px; margin-top:1%; margin-bottom:1%;}
.news_ul ul li .txts .h2{height:30px; line-height:30px; overflow:hidden; font-size:18px; font-weight:normal; margin-bottom:2%;margin-top:5%; transition:all 0.3s; color:#000;}
.news_ul ul li .txts .p{  overflow:hidden; transition:all 0.3s; height:48px; line-height:24px; display:block; position:relative;}
.news_ul ul li .mores{ font-size:16px; display:inline-block; line-height:30px; height:30px; padding-right:24px;overflow:hidden;background:url(../images/i_bg3.png) right center no-repeat;  transition:all 0.3s;margin-top:6%;clear:both; overflow:hidden;}
.news_ul ul li .mores label{ display:block; overflow:hidden; width:0;color:#fff;transition:all 0.3s;}
.news_ul ul li:hover{/*-webkit-box-shadow: 0 5px 25px rgba(0,0,0,0.1); box-shadow: 0 5px 25px rgba(0,0,0,0.1);*/-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); background:#e60012;}
.news_ul ul li:hover .txts .date{ color:#fff;}
.news_ul ul li:hover .txts .h2{ color:#fff;}
.news_ul ul li:hover .txts .p{ color:#fff;}
.news_ul ul li:hover .mores{ padding-right:46px; width:auto; background-image:url(../images/i_bg2.png);}
.news_ul ul li:hover .mores label{ width:auto; color:#fff; }
.news_ul ul li .mores:hover{ margin-left:5px;}
/*新闻详细*/
.news_con{line-height:36px;font-size:18px; overflow:hidden; padding-top:4.5%; padding-bottom:4.5%;}
.news_con img{ max-width:100%;}
/*分享3*/
.news_share{ text-align:center; margin-bottom:4%;}
.news_share ul li{ display:inline-block;width:58px; height:58px; margin-left:17px; margin-right:17px; }
.news_share ul li a{ display:block; width:100%; height:100%;margin:0; position:relative;transition:all 0.3s;}
.news_share ul li a:hover{/*filter: Alpha(Opacity=60);opacity: 0.6;*/}
.news_share ul li a:after{content: ""; position:absolute; width:100%; height:100%;left:0%; top:0;transition:all 0.3s;background-size:0% 0%; background-repeat:no-repeat; background-position:center center; border-radius:50%;}
.news_share ul li a:hover:after{ background-size:100% 100%; background-color:#000;}
.news_share ul li.weixin a{ background:url(../images/news_pic2.png) center center no-repeat;background-size:100% 100%;}
.news_share ul li.weixin a:hover{filter: Alpha(Opacity=100);opacity: 1.0;}
.news_share ul li.weixin a:after{ background-image:url(../images/news_pic2_on.png);}
.news_share ul li.weixin .wem1{width: 203px; display: none;text-align: center; padding-top: 20px; padding-bottom:20px; position: absolute; margin-left:-72px;margin-top: -203px; background-image: url(../img/ewm.png);background-repeat: no-repeat;}
.news_share ul li.weixin .wem1 img{ width:155px; height:155px; margin-right:5px;}
.news_share ul li.weixin a:hover .wem1{ display:block;}
.news_share ul li.tqq a{ background:url(../images/news_pic4.png) no-repeat;background-size:100% 100%;}
.news_share ul li.tqq a:after{ background-image:url(../images/news_pic4_on.png);}
.news_share ul li.tqq a.bds_sqq{ width:58px; padding:0;}
.news_share ul li.qq a{ background:url(../images/news_pic1.png) no-repeat;background-size:100% 100%;}
.news_share ul li.qq a:after{ background-image:url(../images/news_pic1_on.png);}
.news_share ul li.qq a.bds_sqq{ width:58px; padding:0;}
.news_share .bdshare-button-style0-24{ height:100%;}
.news_share ul li.sinna a.bds_tsina{ background:url(../images/news_pic3.png) left top no-repeat; width:58px; padding:0;background-size:100% 100%;}
.news_share ul li.sinna a.bds_tsina:after{ background-image:url(../images/news_pic3_on.png);}
/*新闻有图列表*/
.news_ul2{  margin-top:4%; overflow:hidden;}
.news_ul2 ul li{ float:left; margin-right:3%; width:31.33%; overflow:hidden; margin-bottom:3%;display:block; padding-bottom:1.5%; position:relative;}
.news_ul2 ul li:before{ content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#e5e5e5;}
.news_ul2 ul li:after{ content:""; position:absolute; bottom:0; left:0; width:0%; height:1px; background:#e60012;transition:all 0.3s;}
.news_ul2 ul li:nth-child(3n+0){ margin-right:0;}
.news_ul2 ul li .imgs{ overflow:hidden;}
.news_ul2 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;/* -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%);-o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;*/}
.news_ul2 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);/*-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%);-o-filter: grayscale(0%); filter: grayscale(0%); filter:none;*/}
.news_ul2 ul li .txts{ overflow:hidden;font-size:16px;}
.news_ul2 ul li .txts .date{ overflow:hidden; height:24px; line-height:24px; margin-top:6%;  color:#666666;}
.news_ul2 ul li .txts .h2{height:30px; line-height:30px; overflow:hidden; font-size:18px; font-weight:normal;margin-top:2%; transition:all 0.3s; color:#000000;}
.news_ul2 ul li .mores{  display:inline-block; line-height:30px; height:30px; padding-right:24px;overflow:hidden;background:url(../images/i_bg3.png) right center no-repeat;  color:#000;transition:all 0.3s;margin-top:5%;clear:both; overflow:hidden;}
.news_ul2 ul li .mores label{ display:block; overflow:hidden; width:0;}
.news_ul2 ul li:hover:after{ width:100%;}
.news_ul2 ul li:hover .mores{ padding-right:46px; width:auto; background-image:url(../images/i_bg3_on.png); color:#e60012;}
.news_ul2 ul li:hover .mores label{ width:auto; }
.news_ul2 ul li .mores:hover{ margin-left:5px;}
.news_ul2 ul li:hover .txts .h2{ color:#e60012;}
@media screen and (max-width:1440px) {
/*我们的案例作品*/
.case_more{font-size:17px; height:60px; line-height:60px; width:180px;}
/*联系我们*/
.contact_con .ul li .p .icon-wechat{ display:block; margin-top:5px; margin-left:0;}
.contact_bg .map{height: 500px;}
.contact_bg .map #allmap{height: 500px;}
.contact_ul ul li.bgs2{ min-height:350px;}
.contact_ul ul li .ico{ margin-top:60px;}
.contact_ul ul li .p{ font-size:15px;}
}
@media screen and (max-width:1360px) {

}
@media screen and (max-width:1200px) {
/*内页*/
.o_big_con .h2{ font-size:15px;}
/*我们的案例作品*/
/*.case_list ul li{width: 33.333%;}
.case_list ul li:nth-child(4n+1){ clear:none;float:left;}
.case_list ul li:nth-child(3n+1){ clear:both;float:left;}*/
/*联系我们*/
.contact_con .ul li .p .icon-wechat{ font-size:15px;}
}
@media screen and (max-width:1000px) {
/*我们的案例作品*/
.case_a{ font-size:16px;}
}
@media screen and (max-width:960px) {
/*内页*/
.o_big_con .h2{ font-size:14px;}
/*关于我们*/
.about_con{line-height:30px; font-size:16px;}
.about_con2{ line-height:30px; font-size:16px;}
.about_ul ul li{ width:49%;}
.about_ul ul li .imgs{ margin-bottom:4%;}
/*解决方案列表*/
.solution_ul ul li{ margin-right:2%; width:32%; margin-bottom:2%;}
.solution_ul ul li .txts h2{ font-size:16px;}
.solution_ul ul li .txts .p{  font-size:14px;}
.solution_ul ul li .mores{  font-size:14px;}
.solution_ul ul li:hover .mores{ padding-right:36px;}
/*解决方案详细*/
.solution_con{line-height:1.6; font-size:14px;}
/*我们的案例作品*/
.case_a ul li a{ padding-left:35px;}
.case_list{ margin-top:3.5%;}
.case_list ul li h2{font-size: 16px; height:40px; line-height:40px;}
.case_more{font-size:16px; height:50px; line-height:50px; width:160px;}
/*案例详细*/
.case_one .txts{ line-height:1.6; font-size:14px;}
.case_con{ line-height:1.6; font-size:14px;}
.case_page .goback{ font-size:14px;}
.case_page .cpage{ font-size:14px;}
/*联系我们*/
.contact_con{ padding-left:4%; padding-right:4%;}
.contact_con .ul li{ width:49%;}
.contact_con .ul li:nth-child(2n+0){ margin-right:0;}
.contact_con .ul li .h2{ height:50px; line-height:50px;}
.contact_con .ul li .p .icon-wechat{ display:inline-block; margin-top:0; margin-left:2%;}
.contact_bg .map{height: 400px;}
.contact_bg .map #allmap{height: 400px;}
.contact_ul ul li.bgs2{ min-height:300px;}
.contact_ul ul li .ico{ margin-top:50px; height:40px;}
.contact_ul ul li .h3{ margin-top:10px; height:70px; line-height:70px; font-size:18px;}
.contact_ul ul li .p{ font-size:14px;}
/*新闻无图列表*/
.news_ul ul li{ margin-right:2%; width:32%; margin-bottom:2%;}
.news_ul ul li .txts{  font-size:14px;}
.news_ul ul li .txts .h2{ font-size:16px;}
.news_ul ul li .mores{  font-size:14px;}
.news_ul ul li:hover .mores{ padding-right:36px;}
/*新闻详细*/
.news_con{ line-height:30px; font-size:16px;}
/*分享3*/
.news_share ul li{ margin-left:2%; margin-right:2%;}
/*新闻有图列表*/
.news_ul2 ul li{ margin-right:2%; width:32%; margin-bottom:2%;}
.news_ul2 ul li .txts .h2{ font-size:16px;}
.news_ul2 ul li .txts{font-size:14px;}
.news_ul2 ul li:hover .mores{ padding-right:36px;}
}
@media screen and (max-width:830px) {
/*关于我们*/
.about_con{line-height:28px; font-size:15px;}
.about_con2{ line-height:28px; font-size:15px;}
/*解决方案列表*/
.solution_ul ul li{ width:49%;}
.solution_ul ul li:nth-child(3n+0){ margin-right:2%;}
.solution_ul ul li:nth-child(2n+0){ margin-right:0;}
/*新闻无图列表*/
.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;}
/*新闻详细*/
.news_con{ line-height:28px; font-size:15px;}
/*新闻有图列表*/
.news_ul2 ul li{ width:49%;}
.news_ul2 ul li:nth-child(3n+0){ margin-right:2%;}
.news_ul2 ul li:nth-child(2n+0){ margin-right:0;}
}


@media screen and (max-width: 780px) {
/*我们的案例作品*/
.case_list ul li{width: 50%;}
.case_list ul li:nth-child(3n+1){ clear:none;float:left;}
.case_list ul li:nth-child(2n+1){ clear:both;float:left;}
.case_list ul li .tit{padding: 10px 40px 10px 10px;}
.case_list ul li .icon{right: 10px;}
.case_list ul li .bg img{max-height: 80px;}
.case_more{ width:140px; height:42px; line-height:42px; font-size:15px;}
/*案例详细*/
.case_page{ padding-bottom:0;}
.case_page .wrap{ width:100%;}
.case_page .goback{ max-width:none; height:46px; line-height:46px; margin-bottom:50px; background-color:#f4f4f4; margin-top:0; border:0;}
.case_page .cpage{ height:46px; line-height:46px; top:46px; max-width:46%;}
.case_page .cpage.cprev{ left:2%;}
.case_page .cpage.cnext{ right:2%;}
}
@media screen and (max-width: 640px) {
/*内页*/
.o_big_con .h2{ font-size:13px;}
.o_big_con .txts_r a{ width:42px; height:42px;}
/*分页*/
.yema{ text-align:center; padding-top:30px;}
/*关于我们*/
.about_con{ line-height:26px;font-size:14px;}
.about_con2{line-height:26px; font-size:14px;}
/*解决方案列表*/
.solution_ul ul li .txts h2{ font-size:15px;}
.solution_ul ul li .txts .p{ font-size:13px; line-height:22px; height:44px;}
.solution_ul ul li .mores{  font-size:13px;}
/*解决方案详细*/
.solution_con{ font-size:13px;}
/*我们的案例作品*/
.case_list{ margin-top:4%;}
.case_list ul li h2{font-size: 15px;}
.case_list ul li .icon{ width:20px; height:20px; margin-top:-10px;}
/*案例详细*/
.case_one .case_desc{width: calc(100% - 150px); width: -webkit-calc(100% - 150px); width: -moz-calc(100% - 150px);}
.case_one .txts{ font-size:13px;}
.case_one .case_ico{ width:140px;}
.case_con{ font-size:13px;}
/*联系我们*/
.contact_con .ul li .p{ background-size:auto 24px; line-height:24px; padding-left:25px;}
.contact_con .ul li .p .icon-wechat{ display:block; margin-top:5px; font-size:14px; width:110px; margin-left:0;background-position: 12px center; text-indent:40px; margin-bottom:10px;}
.contact_con .ul li .p.bgs2{ padding-left:36px;}
.contact_con .ul li .p.bgs3{ padding-left:33px;}
.contact_ul ul li.bgs2{ min-height:320px;}
.contact_ul ul li .h3{  height:60px; line-height:60px;}
/*新闻无图列表*/
.news_ul ul li .txts{font-size:13px;}
.news_ul ul li .txts .date{ line-height:22px; height:22px;}
.news_ul ul li .txts .h2{ font-size:15px; margin-top:2%;}
.news_ul ul li .txts .p{  line-height:22px; height:44px;}
.news_ul ul li .mores{  font-size:13px; margin-top:4%;}
/*新闻详细*/
.news_con{ line-height:26px; font-size:14px;}
/*分享3*/
.news_share ul li{ width:42px; height:42px;}
.news_share ul li.sinna a.bds_tsina{ width:42px;}
/*新闻有图列表*/
.news_ul2 ul li .txts{ font-size:13px;}
.news_ul2 ul li .txts .date{ line-height:22px; height:22px;}
.news_ul2 ul li .txts .h2{ font-size:15px;}
}
@media screen and (max-width: 520px) {
/*内页*/
.o_big_con.bgs2 .h2 span{ padding-bottom:4.5%;}
}

@media screen and (max-width: 480px) {
/*内页*/
.o_big_con .h2{ font-size:12px;}
.o_big_con .h2 span{ margin-top:5%;}
.o_big_con.bgs2 .h2 span{ padding-bottom:5%;}
/*关于我们*/
.about_con{line-height:24px;font-size:13px;}
.about_con2{line-height:24px; font-size:13px;}
.about_ul{ margin-top:4%;}
.about_ul ul li{ width:100%; float:none;}
.about_ul ul li:nth-child(2n+0){ float:none;}
.about_ul ul li .imgs{ margin-bottom:2%;}
/*解决方案列表*/
.solution_ul ul li{ width:100%; margin-right:0; margin-bottom:3%;}
.solution_ul ul li:nth-child(3n+0){ margin-right:0%;}
/*我们的案例作品*/
.case_a{ font-size:15px;}
.case_a ul li a{ padding-left:30px;}
.case_list ul li h2{font-size: 14px; height:28px; line-height:28px;}
.case_more{ width:130px; height:40px; line-height:40px; font-size:14px; margin-top:5%; margin-bottom:5%;}
/*案例详细*/
.case_bg{ padding-top:5%; padding-bottom:5%;}
.case_one{ padding-top:4%;}
.case_one .case_desc{ float:none;width: calc(100% - 0px); width: -webkit-calc(100% - 0px); width: -moz-calc(100% - 0px);}
.case_one .case_ico{ margin:0 auto;float:none; margin-top:3%; margin-bottom:1%;}
.case_one .case_t{ font-size:16px;}
.case_page{ padding-bottom:1%;}
.case_page .goback{ margin-bottom:3%;}
.case_page .cpage{ position:static; display:block; line-height:20px; height:20px; margin-top:2%; margin-bottom:2%;}
.case_page .cpage.cprev{ margin-left:2%; width:96%; max-width:none;}
.case_page .cpage.cnext{ margin-left:2%; width:96%; max-width:none;background-position: left center;background-image: url(../images/case_bg2.png); padding-right:0; padding-left:33px;}
.case_page .cpage.cnext:hover{background-image: url(../images/case_bg2_on.png);}
/*联系我们*/
.contact_con .ul{ padding-bottom:10px;}
.contact_con .ul li{ float:none; width:100%; margin-right:0;}
.contact_con .ul li .h2{ font-size:15px; margin-bottom:12px;}
.contact_con .ul li .txts{ max-width:none;}
.contact_con .ul li .p{ font-size:14px; padding-left:30px;}
.contact_bg .map{height: 300px;}
.contact_bg .map #allmap{height: 300px;}
.contact_ul ul li.bgs2{ min-height:inherit; padding-bottom:70px;}
.contact_ul ul li .ico{ height:36px;}
.contact_ul ul li .h3{ font-size:16px;}
.contact_ul ul li .p{ font-size:13px;}
/*新闻详细*/
.news_con{ line-height:24px; font-size:13px;}
/*新闻有图列表*/
.news_ul2 ul li .txts .h2{ font-size:14px; height:26px; line-height:26px;}
.news_ul2 ul li .mores{ height:24px; line-height:24px; margin-top:3%;}
}
@media screen and (max-width: 400px) {
/*内页*/
.o_big{ min-height:200px;}
.o_big_con .h2 span{font-size:20px;}
/*关于我们*/
.about_con3{ padding-bottom:4%;}
.about_con3 ul li{ width:50%; margin-bottom:4%;}
.about_con3 ul li:nth-child(2):after{ width:0;}
/*我们的案例作品*/
.case_a ul li{width:calc(48% - 30px);width:-webkit-calc(48% - 30px);width:-moz-calc(48% - 30px);}
/*新闻无图列表*/
.news_ul ul li .txts{ font-size:12px;}
.news_ul ul li .txts .date{ margin-top:2%;}
.news_ul ul li .txts .h2{ font-size:14px;}
.news_ul ul li .txts .p{ height:40px; line-height:20px;}
.news_ul ul li .mores{ height:24px; line-height:24px; font-size:12px;}
}
@media screen and (max-width: 380px) {

}

@media screen and (max-width: 360px) {
/*内页*/
.o_big{  min-height:180px;}
.o_big_con .h2 span{ font-size:20px;}
/*解决方案详细*/
.solution_con{ font-size:12px;}
/*我们的案例作品*/
.case_a{ font-size:14px;}
/*案例详细*/
.case_one .case_t{ font-size:14px;}
.case_one .txts{ font-size:12px;}
.case_con{ font-size:12px;}
}