.case_show {width:100%;height:auto;padding-top:40px;overflow:hidden}
.case_show .child {position:relative;width:25%;float:left}
.case_show .child .childImg {width:100%;height:auto;vertical-align:middle}
.case_show .child .childHide {position:absolute;top:0px;left:0px;display:none;width:100%;height:100%;background:#df1020}
.case_show .child .childTag {position:absolute;top:0px;left:0px;padding:6%;width:60%;font-size:24px;font-weight:100;font-stretch:condensed;text-align:left;letter-spacing:0.1em;color:#fff}
.case_show .child .childTag p {font-size:13px}
.case_show .child .childSub {width:21px;height:2px;margin:10px 0px;background:#fff}
.case_show .child .childPointer {position:absolute;bottom:0;right:0;width:70px}
.case_show .child .childContent {position:absolute;top:50%;left:0px;height:54px;width:100%;margin-top:-27px;text-align:center;color:#fff}
.case_show .child .childContent .case-title {width:100%;padding:0;margin:0 auto;font-size:21px;color:#fff}
.case_show .child .childContent .info {margin-top:10px;font-size:16px;color:#fff}
@media (min-width:1200px) {.case_show .child .childTag {font-size:24px}
.case_show .child .childContent {top:50%;margin-top:-27px}
.case_show .child .childContent .case-title {font-size:21px}
.case_show .child .childContent .info {margin-top:10px;font-size:16px}
.case_show .child .childPointer {bottom:17px;right:20px;width:71px}
}
@media (max-width:1200px) {.case_show .child .childContent .case-title {font-size:16px}
.case_show .child .childPointer {width:40px}
.case_show .child .childContent .info {margin-top:0;font-size:14px}
}
@media (max-width:1024px) {.case_show  .child .childTag {font-size:15px}
.case_show  .child .childContent {height:33px;margin-top:-30px}
.case_show  .child .childContent .case-title {font-size:14px}
.case_show  .child .childContent .info {font-size:12px;margin-top:5px}
.case_show  .child .childPointer {bottom:10px;right:13px;width:36px}
}
@media (min-width:768px) and (max-width:979px) {}
@media (max-width:767px) {.case_show .child {width:50%}
.case_show .child .childContent .info {display:none}
.case_show .child .childContent {height:auto;margin-top:-12px}
}
@media (max-width:480px) {}
/*关于*/
.course_box{padding:10px 20px 60px 20px}
.course_box li{position:relative;overflow:hidden;padding:40px 0}
.course_box .img,.course_box .text{width:50%;float:left;position:relative}
.course_box .text{padding-left:26px;padding-top:22px;line-height:34px;box-sizing:border-box}
.course_box .text .time{color:#33a9e2;font-size:18px}
.course_box .text .desc{font-size:16px;color:#364854}
.course_box .img{text-align:right;padding-right:76px;box-sizing:border-box}
.course_box .link{height:100%;width:1px;background:#b9b3b1;position:absolute;left:50%;top:0px}
.course_box .yuan{width:14px;height:14px;border-radius:50%;border:2px solid #ed726e;background:#ed726e;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}
.course_box .k_yuan{background:#fff}
.course_box .left-text{text-align:right;padding-left:0px;padding-right:26px;position:relative}
.course_box .left-text .desc{text-align:left;position:absolute;right:26px}
.course_box .right-img{text-align:left;padding:0 0 0 76px}
@media (max-width:768px){.info-data{width:50%}
}@media (max-width:480px){.info-data{width:100%}
.course_box .img{padding-right:36px}
.course_box .img  img{width:80%}
.course_box .text{padding:10px 0 10px 26px}
.course_box .left-text{padding:10px 26px 10px 0}
.course_box .text .desc{position:absolute;font-size:12px;line-height:16px}
.course_box .right-img{padding:0 0 0 36px}
}@media screen and (min-width:1200px){.culture_box .layui-container{width:1140px;padding:0;border:1px solid #c7c4c3}
}.gywm_banner{text-align:center}
.gywm_banner img{width:60%}
.gywm_content .dl{width:100%;height:420px;background:#dc372b}
.gywm_content .dd{float:left}
.gywm_content .dl .dd_img{width:60%;height:420px;background:url(../images/gywm/gy_header_bg.jpg) no-repeat left top}
.gywm_content .dl .dd_desc{width:40%;height:100%;padding:80px 30px 50px 50px;box-sizing:border-box;background:url(../images/gywm/yw_bg.jpg) no-repeat}
.gywm_content  .dl .h{font-size:32px;line-height:40px;margin-bottom:15px;font-weight:bold;color:#fff}
.gywm_content .dl .p{color:#fff;line-height:40px;margin-bottom:20px;overflow:hidden;font-size:36px;font-weight:bold}
.gywm_content .dl img{max-width:100%}
.gywm_content .hd_bg{background:#f9f9f9;padding:0 20px}
.gywm_content .hd_bg .hd_text{padding-top:65px;font-size:14px;line-height:24px;color:#666;margin-bottom:50px;overflow:hidden;display:flex}
.gywm_content .hd_bg .l_t{flex:1;padding-right:86px}
.gywm_content .hd_bg .l_t p{line-height:2}
.gywm_content .hd_bg .r_i{width:425px}
.gywm_content .hd_bg .r_i img{max-width:100%}
.course_box{padding-top:25px;background:#f9f9f9}
.cour-list{padding:10px 20px 0 20px;background:url(../images/gywm/pic8-1.png) no-repeat center top}
.cour-list ul{padding-top:62px;background:url(../images/gywm/pic8.png) repeat-y center top;padding-bottom:130px;min-height:900px;margin:0 auto}
@media (max-width:1024px){.gywm_content .dl .dd_desc,.gywm_content .dl .dd_img{width:50%}
}@media (max-width:768px){.gywm_content .dl .dd_img{display:none}
.gywm_content .dl .dd_desc{width:100%;background:url(../images/gywm/yw_bg.jpg) no-repeat center center;background-size:contain}
.gywm_content .hd_bg .r_i{width:50%}
.gywm_content .hd_bg .hd_text{display:block}
.gywm_content .hd_bg .l_t{padding-right:0}
.gywm_content .hd_bg .r_i{width:100%}
.w768-work{padding-bottom:0px}
}@media (max-width:414px){.gywm_content .dl .dd_desc{padding:40px}
.gywm_content .dl .p{font-size:30px}
.gywm_content .dl .h{font-size:28px}
,.gywm_banner img{width:100%}
}.gywm_banner-color{background-color:#fcfeff}
@media (max-width:414px){.gywm_banner img{width:100%}
}
/*新闻*/
.mainBg{position:relative;overflow:hidden;min-height:198px;font-size:14px;color:#777777;line-height:32px;padding:100px 0}
.backgroundf0{background:#f0f0f0}
.headlines{background:#ffffff;border:1px solid #dddddd;margin-bottom:20px}
.headlines .title_name{font-size:1.5rem;margin:1rem 0;display:block;color:#000000}
.headlines .info{font-size:14px;color:#888888;line-height:30px}
.headlines .more_link{position:absolute;right:20px;bottom:0px;color:#A3A3A3;transform:translateY(-50%);transition:all 0.3s ease 0s;font-size:14px}
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.right-text{padding:0 15px}
.headlines .more_link{position:absolute;right:30px;bottom:0px;color:#A3A3A3;transform:translateY(-50%);transition:all 0.3s ease 0s;font-size:14px}
.news_list .list_style li{width:100%;margin-bottom:20px;float:left}
.news_list .contents{background:#ffffff;display:block;transition:all 0.3s ease 0s;width:100%;padding:15px 0px;height:170px;border-radius:3px;position:relative;border:1px solid #dddddd}
.news_list .list_style .news_time{width:140px;float:left;border-right:1px solid #dddddd;height:140px;text-align:center;color:#E7494C}
.news_list .list_style .news_time h1{font-size:52px;font-weight:bold;padding:15px 0px}
.news_list .list_style .news_time h3{font-size:18px}
.news_list .list_style .news_contents{position:absolute;left:140px;top:0px;right:0;height:170px;padding:15px}
.news_list .list_style .news_contents h3{margin-bottom:15px;color:#2D2D2D;font-size:18px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.news_list .list_style .news_contents h5{color:#B5B5B5;line-height:24px;font-size:14px;height:75px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.news_list .list_style .news_contents .number{line-height:25px;position:absolute;left:20px;bottom:10px;color:#A2A2A2;font-size:14px}
.news_list .list_style .news_contents .more_link{position:absolute;right:20px;bottom:0px;color:#A3A3A3;transform:translateY(-50%);transition:all 0.3s ease 0s;font-size:14px;line-height:25px}
.news_list .list_style li{width:100%;margin-bottom:20px;float:left}
.list_pagination{width:100%;margin:auto;overflow:hidden}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.list_pagination ul{text-align:center}
.list_pagination li{display:inline-block;text-align:center;width:50px;height:35px;line-height:35px;border:1px solid gray;margin-left:5px}
.list_pagination ul li a{width:100%;height:100%;display:block}
@media screen and (max-width:768px){.headlines .more_link{bottom:-15px}
}
/*内页*/

.commit-ac{font-family:"HuaKangJinGangHei";display:flex;color:#333;padding:50px 0}
.left-new-list{width:225px;margin-right:100px}
.left-new-list h4{font-size:14px;border-bottom:1px solid rgba(51,51,51,.08);padding:100px 0 33px 0;font-weight:400}
.left-new-list li{line-height:1.23;font-size:14px;font-weight:400;margin-top:24px;color:#666;position:relative}
.left-new-list li a{color:#666}
.left-new-list li:after{position:absolute;content:"";top:.4em;left:-10px;width:5px;height:5px;border-radius:50%;background:#666}
.right-arti-item{flex:1;min-width:0}
.right-arti-item div{text-align:left!important;line-height:34px}
.right-arti-item h3{font-size:28px;letter-spacing:2px;margin-bottom:16px}
.right-arti-item .time_addre{color:#666;font-size:15px;line-height:35px}
.right-arti-item .detailed-info{padding:20px 0}
.right-arti-item .detailed-info span{font-size:15.94444444px!important;letter-spacing:1px!important;line-height:1.81818182!important}
.right-arti-item .detailed-info img{margin:20px 0;max-width:600px;height:auto}
.article-operation ul{display:flex}
.article-operation ul li{flex:1}
.article-operation ul li:nth-child(2){text-align:right}
@media screen and (max-width:1024px){.mainBg{padding:20px!important}
.container{width:90%}
.right-arti-item .detailed-info img{width:100%!important;height:auto!important}
.article-operation ul{display:block!important}
.article-operation ul li:nth-child(2){text-align:left}
.article-operation ul li{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
}
@media screen and (max-width:768px){.left-new-list{display:none}
.commit-ac{padding:0}
.container{width:100%}
}
/*服务*/
.fl{float:left!important}
.fr{float:right!important}
.lx-h-box{height:400px}
.lx-hr{padding-top:80px;padding-left:6%;box-sizing:border-box;background:#dc372b}
.lx-hr p{font-size:24px;color:#fff;line-height:40px}
.lx-hr .text{font-size:16px;line-height:30px;padding:20px 40px 0 0}
.lx-hr .line{width:55px;height:4px;background:#fff;display:inline-block}
.lx-hr,.lx-cont{float:left;width:50%;height:100%}
.lx-cont{background:url('../images/commit-banner/server-new.jpeg') no-repeat;background-size:cover}
.zy-server .lx-cont{background:url('../images/commit-banner/zy.jpeg') no-repeat}
.server-bg{background:#f9f9f9;padding:65px 20px 80px 20px;box-sizing:border-box}
.server-bg img{width:100%}
.ser-list .ulbox{width:100%;height:470px;transform:translate(0px,0px);opacity:1}
.ser-list .ulbox li:nth-child(2){margin-left:2%;margin-right:2%;}
.ser-list .ulbox li{position:relative;width:32%;height:470px;float:left;text-align:center;box-sizing:border-box;background:#fff; background: rgba(254,254,254,1);box-shadow: 0px 0px 8px 0px rgba(124,124,124,0.17);}

.ser-list .ulbox li .img{padding-top:86px;margin-bottom:24px;text-align:center;width:100%;height:68px}
.ser-list .ulbox li .img img{max-width:100%;line-height:68px;display:inline-block}
.ser-list .ulbox li .img .imga{opacity:1;display:inline-block;display:inline;filter:alpha(opacity=100);transition:opacity 1000ms}
.ser-list .ulbox  li .img .imgb{opacity:0;display:none;filter:alpha(opacity=0);transition:opacity 1000ms}
.ser-list .ulbox li p{font-size:24px;line-height:24px;margin-bottom:5px;color:#333;}
.ser-list .ulbox li:hover p{color:#fff;}
.ser-list .ulbox li .y{font-size:16px;line-height:22px;color:#333;margin-bottom:22px;font-family:"ythin";text-align: left; width: 90%; margin: 0 auto;}
.ser-list .ulbox li:hover .y{color:#fff;}
.ser-list .ulbox li .more{font-size:14px;line-height:20px;color:#686664;font-family:"ythin";display:inline-block;margin:0 auto;padding-bottom:6px;border-bottom:3px solid #686664;display:block;width:38px;transition:width 500ms,color 500ms,border 500ms;transition-delay:0ms,200ms,200ms}
.ser-list .ulbox li:hover .imgb{display:inline-block;display:inline;opacity:1;filter:alpha(opacity=100);transition:opacity 1000ms}
.ser-list .ulbox li:hover .imga{display:none;opacity:0;filter:alpha(opacity=0);transition:opacity 1000ms}
.ser-list .ulbox li:hover{background:#d8362b;transition:all .5s}
.ser-list .ulbox li:hover .more{width:117px;color:#fff;border-color:#fff;font-weight:bold;transition-delay:0ms,0ms,0ms}
.server-bg1{background:#f9f9f9;padding:0 20px 60px 20px;box-sizing:border-box}
.server-bg1 img{width:100%}
.server-bg1 h3{padding-top:45px;font-size:24px;line-height:24px;padding-bottom:23px;border-bottom:1px solid #dbdbdb;margin-bottom:45px;color:#333}
.server-bg2{margin-bottom:100px}
.alink{height:53%;position:absolute;top:0px;left:0px;margin:40px;text-align:left;overflow:hidden}
.alink a{float:left;padding:10px;color:#fff}
.slh{position:absolute;bottom:40px;left:0;width:100%}
@media (max-width:768px){.lx-hr p{font-size:18px;line-height:26px}
.lx-hr .text{font-size:14px;line-height:24px}
.lx-hr .line{width:43px;height:2px;margin-top:10px}
.lx-hr{padding-top:45px;padding-left:6%}
.lx-hr,.lx-cont{width:100%;height:200px}
.ser-list .ulbox li .img{padding-top:60px}
.ser-list .ulbox{height:600px}
.ser-list .ulbox li{height:300px}
}
@media (max-width:414px){.lx-hr p{font-size:18px;line-height:26px}
.lx-hr .line{width:43px;height:2px;margin-top:0px}
.lx-hr{padding-top:20px;padding-left:8%}
.lx-hr,.lx-cont{width:100%;height:200px}
.lx-hr .text{padding-top:10px}
.server-bg{padding:20px}
.ser-list .ulbox{height:600px}
.ser-list .ulbox li{width:50%;height:200px;padding:20px}
.ser-list .ulbox li .img{margin-bottom:0;padding-top:0px}
.ser-list .ulbox li .y{margin-bottom:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.alink{margin:10px}
.alink a{padding:3px}
}.w800{max-width:800px;margin:0 auto}
.layui-tab-title li{width:166px;line-height:40px;border:2px solid #e60012;font-size:14px;height:40px;cursor:pointer;box-sizing:border-box}
.layui-tab-title{margin:24px auto;text-align:center;border-bottom:0}
.layui-tab-title li.layui-this{color:#fff;background:#e60012}
.layui-tab-content{padding:50px 0}
.layui-tab-content img{width:100%}
.layui-tab-title .layui-this:after{display:none}
/*联系*/
.fl{float:left!important}
.fr{float:right!important}
.lx-h-box{height:400px}
.lx-hr{padding-top:136px;padding-left:10%;box-sizing:border-box;background:#dc372b}
.lx-hr p{font-size:24px;color:#fff;line-height:40px}
.lx-cont{background-size:cover}
.lx-cont-box{background:#f9f9f9}
.lx-cont-box .addbox{padding:20px 20px 0 20px}
.lx-cont-box .addbox .h{font-size:24px;line-height:24px;padding-bottom:24px;border-bottom:1px solid #dbdbdb;margin-bottom:23px}
.lx-cont-box .addbox li{float:left;width:50%;height:80px;box-sizing:border-box;margin-bottom:65px;border-right:1px solid #dfdfdf;overflow:hidden}
.lx-cont-box .addbox-two li{float:none;width:48%;padding:40px;height:290px;background:url('../images/commit-banner/pic17.jpg') repeat-y left center}
.lx-cont-box .addbox li .left{width:170px;line-height:75px;float:left;text-align:center;position:relative}
.lx-cont-box .addbox li .left span{font-size:16px;color:#fff;position:absolute;left:50%;bottom:-10px;margin-left:-15px}
.lx-cont-box .addbox li .left img{width:70px;height:70px}
.lx-cont-box .addbox li .right{font-size:14px;color:#666;line-height:24px;width:100%}
.lx-cont-box .addbox li .right p{font-size:14px;color:#666;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lx-cont-box .addbox-two .xh{font-size:20px;line-height:24px;margin-bottom:22px}
.lx-cont-box .addbox-two .p{padding-left:26px;background:url('../images/commit-banner/pic10.png') no-repeat left 4px;margin-bottom:18px;font-size:14px;line-height:24px;color:#666}
@media (max-width:768px){.lx-hr p{font-size:18px;line-height:26px}
.lx-hr .line{width:43px;height:2px;margin-top:16px}
.lx-hr{padding-top:55px;padding-left:10%}
.lx-hr,.lx-cont{width:100%;height:200px}
}
@media (max-width:414px){.lx-hr p{font-size:18px;line-height:26px}
.lx-hr .line{width:43px;height:2px;margin-top:16px}
.lx-hr{padding-top:55px;padding-left:10%}
.lx-hr,.lx-cont{width:100%;height:200px}
.lx-cont-box .addbox li{width:100%;border-right:0}
.lx-cont-box .addbox li .left{width:140px;padding-left:20px;text-align:left}
.lx-cont-box .addbox li .left span{left:34%}
}
/*案例*/
.mainBg{position:relative;overflow:hidden;min-height:198px;font-size:14px;color:#777777;line-height:32px;padding:100px 0}
.backgroundf0{background:#f0f0f0}
.news_list .list_style li{height:170px;width:100%;margin-bottom:20px;float:left}
.news_list .contents{background:#ffffff;display:block;transition:all 0.3s ease 0s;width:100%;height:170px;border-radius:3px;position:relative;border:1px solid #dddddd}
.news_list .list_style .news_time{width:140px;float:left;border-right:1px solid #dddddd;height:140px;text-align:center;color:#E7494C;margin-top:15px}
.news_list .list_style .news_contents{position:absolute;left:140px;top:0px;height:170px;padding:15px;right:0;box-sizing:border-box}
.news_list .list_style .news_contents h3{margin-bottom:15px;color:#2D2D2D;font-size:18px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.news_list .list_style .news_contents h5{color:#B5B5B5;line-height:24px;font-size:14px;height:75px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.news_list .list_style .news_contents .number{line-height:25px;position:absolute;left:20px;bottom:10px;color:#A2A2A2;font-size:14px}
.news_list .list_style .news_contents .more_link{position:absolute;right:20px;bottom:0px;color:#A3A3A3;transform:translateY(-50%);transition:all 0.3s ease 0s;font-size:14px;line-height:24px}
.list_pagination{width:100%;margin:auto;overflow:hidden}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.list_pagination ul{text-align:center}
.list_pagination li{display:inline-block;text-align:center;width:50px;height:35px;line-height:35px;border:1px solid gray;margin-left:5px}
.list_pagination ul li a{width:100%;height:100%;display:block}


.mainBg{position:relative;overflow:hidden;min-height:198px;font-size:14px;color:#777777;line-height:32px;padding:0}
.backgroundf0{background:#f0f0f0}
.portfolio-img{overflow:hidden;display:block;position:relative}
.portfoli-content{width:100%;position:absolute;height:100%;opacity:0;left:0;top:0;-webkit-transition:opacity 0.8s cubic-bezier(0.19,1,0.22,1);transition:opacity 0.8s cubic-bezier(0.19,1,0.22,1)}
.portfolio-img img{width:100%;height:100%}
.portfoli-content:before{background-color:rgba(0,0,0,0.43);top:15px;left:15px;bottom:15px;right:15px;content:'';position:absolute;-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8);-webkit-transition:all 400ms ease;transition:all 400ms ease}
.sup-desc-wrap{display:table;width:100%;height:100%}
.sup-desc-wrap .sup-desc-inner{display:table-cell;text-align:center;vertical-align:middle;padding:0 35px}
.sup-desc-wrap .sup-meta-wrap .sup-description.title_name{font-size:18px;color:#ffffff;line-height:22px;margin-bottom:10px}
.sup-desc-wrap .sup-meta-wrap .sup-description{font-size:13px;line-height:18px;color:#ffffff;text-align:center;-webkit-transform:translateY(40px);transform:translateY(40px);opacity:0;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease}
.sup-desc-wrap .sup-meta-wrap .sup-description{font-size:13px;line-height:18px;color:#ffffff;text-align:center;-webkit-transform:translateY(40px);transform:translateY(40px);opacity:0;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease}
.portfoli-content:before{background-color:rgba(0,0,0,0.43);top:15px;left:15px;bottom:15px;right:15px;content:'';position:absolute;-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8);-webkit-transition:all 400ms ease;transition:all 400ms ease}
.portfolio-item:hover .sup-description{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}
.portfolio-item:hover .portfoli-content,.portfolio-item:hover .portfoli-content:before{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.cooperation-list li{padding:10px}
.portfolio-item{padding:20px}
.outline{padding-top:40px;font-size:20px;color:#a6a5a5}
@media screen and (min-width:768px){.mainBg .layui-container{width:auto!important}
}@media screen and (max-width:768px){.mainBg h5{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}