
/*work*/.work_list_list a{display: block;float: left;height: auto;width: 40%;transition: all .35s;}
.index_work_list_lefttu{width: 86%;}
.work_concent_body p{margin:auto !important;}
.work_concent_body p span{margin:auto !important;}
.work_concent_body a{margin:auto !important;}
.foot_middle img{margin-right: 30px;}
.wx_ewm{width: 200px;height: 200px;position: absolute;left: -95px;top: -95px;transition: all .3s;transform: scale(0);}
.wx_img:hover .wx_ewm{transform: scale(1);top: -218px;}
.index_workmore{width: 100%;text-align: center;margin-bottom: 50px;margin-top: 50px;}
.index_workmore img{width: 50px;height: auto;}
.contact_list:nth-child(2n) .contact_box:first-child{/* float: right;*/}
.contact_list{display: flex;width: 100%;flex-direction: column;}
.contact_box{width: 100%;max-width: 720px;/* height: 580px;*/float: left;box-sizing: border-box;padding: 3px;margin: 0 auto;min-height: 407px;}
.contact_box_img{width: 100%;}
.ct_p_content1{padding: 0px 60px;height: 100%;display: flex;flex-direction: column;background: #dddddd;justify-content: center;min-height: 407px;}
.ct_p_header{margin: 5px 0 0;width: auto;height: auto;padding: 0;overflow: hidden;}
.ct_p_TitleBox{width: auto;height: auto;padding: 0 0;overflow: hidden;font-size: 24px;vertical-align: top;max-width: 100%!important;color: #fff;font-weight: normal;font-weight: bold;font-family: arial;}
.contact_box .zz{color: #464646;font-size: 30px;font-weight: 700;}
.ct_p_title{width: 100%;margin: 0;padding: 0;text-align: left;cursor: pointer;overflow: hidden;text-overflow: ellipsis;}
.p_SummaryBox p{font-size: 13px;color: #464646;line-height: 1.2em;max-height: 209px;/* overflow: auto;*/display: block;}
.blck_icon{position: fixed;bottom: 40px;right: 27px;width: 50px;height: 50px;}
.blck_icon a{width: 100%;height:100%;display: block;}
.blck_icon img{width: 100%;height: 100%;}
@media screen and (min-width:2201px ){.index_work_list_lefttu{width: 2170px !important;overflow: hidden;height: 1033px;}
.index_work_list img{width: 100%;height: 1033px !important;vertical-align: middle;}}@media screen and (max-width1921px) and (min-width:2200px){.index_work_list_lefttu{width: 1920px !important;overflow: hidden;height: 914px;}
.index_work_list img{width: 100%;height: 914px !important;vertical-align: middle;}}@media screen and (max-width:1601px) and (min-width:1920px){.index_work_list_lefttu{width: 1676px !important;overflow: hidden;height: 798px;}
.index_work_list img{width: 100%;height: 798px !important;vertical-align: middle;}}@media screen and (min-width:1600px ){.footer_lianxi p{width:auto;float: right;line-height: 25px !important;margin-right: 7%;}
.work_list_div_box{width: 100%;height: 100 !important;overflow: hidden;border-radius: 5px;position: relative;}
.work_list_list img{width: 100%;height: 100% !important;transition: all 0.6s ease;transform: scale(1);/* margin: 20px 20px;*/object-fit: cover;}
.footer_left{text-align: left;}
.footer_right{float: right;}
.foot_jishu{width: auto;float: right;}
#c_portalResnav_main-15627435582233960 .ic_box{position: absolute;right: 0;top: 35px;width: 27px;width: 35px;overflow: initial;z-index: 999;}}@media screen and (min-width:1749px){.work_list_div_box{width: 100%;height: 500px ;overflow: hidden;border-radius: 5px;position: relative;}}@media screen and (max-width:1749px) and (min-width:1600px){.work_list_div_box{width: 100%;height: 500px ;overflow: hidden;border-radius: 5px;position: relative;}
.work_list_list img{width: 100%;height: 100% ;transition: all 0.6s ease;transform: scale(1);/* margin: 20px 20px;*/object-fit: cover;}
.footer_lianxi p{width:auto;float: right;line-height: 25px !important;margin-right: 6%;}
.footer_left{text-align: left;}
.footer_right{float: right;}
.foot_jishu{width: auto;float: right;}
#c_portalResnav_main-15627435582233960 .ic_box{position: absolute;right: 0;top: 35px;width: 27px;width: 27px;overflow: initial;z-index: 999;}}@media screen and (max-width:1600px) and (min-width:1400px){.work_list_div_box{width: 100%;height: 413px ;overflow: hidden;border-radius: 5px;position: relative;}
.work_list_list img{width: 100%;height: 100% ;transition: all 0.6s ease;transform: scale(1);/* margin: 20px 20px;*/object-fit: cover;}
.footer_lianxi p{width:auto;float: right;line-height: 25px !important;margin-right: 7%;}
.footer_left{text-align: left;width: 45%;}
.footer_right{float: right;width: 55%;}
.foot_jishu{width: auto;float: right;}
#c_portalResnav_main-15627435582233960 .ic_box{position: absolute;right: 0;top: 35px;width: 27px;width: 27px;overflow: initial;z-index: 999;}}@media screen and (max-width:1399px) and (min-width:1300px){.work_list_div_box{width: 100%;height: 400px ;overflow: hidden;border-radius: 5px;position: relative;}
.work_list_list img{width: 100%;height: 100% ;transition: all 0.6s ease;transform: scale(1);/* margin: 20px 20px;*/object-fit: cover;}
.footer_left{text-align: left;width: 40%;}
.footer_right{float: right;width: 60%;}
.footer_lianxi p{margin-right: 6%;float: right;}
.foot_jishu{width: auto;float: right;}
#c_portalResnav_main-15627435582233960 .ic_box{position: absolute;right: 0;top: 35px;width: 27px;width: 27px;overflow: initial;z-index: 999;}}@media screen and (max-width:1299px) and (min-width:1100px){.work_list_div_box{width: 100%;height: 360px ;overflow: hidden;border-radius: 5px;position: relative;}
.work_list_list img{width: 100%;height: 100% ;transition: all 0.6s ease;transform: scale(1);/* margin: 20px 20px;*/object-fit: cover;}
.footer_left{text-align: left;width: 40%;}
.footer_right{float: right;width: 60%;}
.footer_lianxi p{margin-right: 7%;float: right;}
.foot_jishu{width: auto;float: left;}
#c_portalResnav_main-15627435582233960 .ic_box{position: absolute;right: 0;top: 35px;width: 27px;width: 27px;overflow: initial;z-index: 999;}}@media screen and (max-width:1099px) and (min-width:900px){.work_list_div_box{width: 100%;height: 300px ;overflow: hidden;border-radius: 5px;position: relative;}
.work_list_list img{width: 100%;height: 100% ;transition: all 0.6s ease;transform: scale(1);/* margin: 20px 20px;*/object-fit: cover;}
.footer_left{text-align: left;width: 30%;}
.footer_right{float: right;width: 70%;}
.footer_lianxi p{margin-right: 7%;float: right;}
.foot_jishu{width: auto;float: left;}
#c_portalResnav_main-15627435582233960 .ic_box{position: absolute;right: 0;top: 35px;width: 27px;width: 27px;overflow: initial;z-index: 999;}}@media screen and (max-width:899px) and (min-width:799px){.work_list_div_box{width: 100%;height: 280px ;overflow: hidden;border-radius: 5px;position: relative;}
.work_list_list img{width: 100%;height: 100% ;transition: all 0.6s ease;transform: scale(1);/* margin: 20px 20px;*/object-fit: cover;}}@media screen and (max-width:798px) and (min-width:499px){.work_list_div_box{width: 100%;height: 200px ;overflow: hidden;border-radius: 5px;position: relative;}
.work_list_list img{width: 100%;height: 100% ;transition: all 0.6s ease;transform: scale(1);/* margin: 20px 20px;*/object-fit: cover;}}@media screen and (max-width:498px){.work_list_div_box{width: 100%;height: 150px ;overflow: hidden;border-radius: 5px;position: relative;}
.work_list_list img{width: 100%;height: 100% ;transition: all 0.6s ease;transform: scale(1);/* margin: 20px 20px;*/object-fit: cover;}}@media screen and (max-width:978px) and (min-width:600px){.footer_right_left{width: 100%;margin-top: 20px;height: 100px !important;}}
@media screen and (max-width:978px ){
.swiper-container .cycle-prev,.swiper-container .cycle-next{bottom: 45%;color: #ffffff;cursor: pointer;display: block;font-size: 20px;font-weight: normal;position: absolute;text-align: center;width: 30px;z-index: 999;height: 30px;padding: 0px;z-index: 999;line-height: 1.5;background: rgba(14, 14, 14, 0.26);transition: all 0.2s ease-in-out 0s;border-radius: 100%;}
.swiper-container .cycle-pager{bottom: 12%;left: 0;position: absolute;text-align: center;width: 100%;z-index: 999;}
.design-title{display: flex;justify-content: center;align-items: center;margin-bottom: 25px;}
.news_list .newTitle{width: 100%;margin: 1rem 0;font-size: 18px;color: #000;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all .3s;}
.contact_box{width: 100%;}
.contact_list{display: table;}
.p_SummaryBox p{max-height: none;}
.ct_p_content1{padding: 30px 20px;}
.contact_box_img{/* display: none*/object-fit: cover;width: 100%;height: 100%;}
.wx_img{width: 38px;height: 30px;position: relative;display: block;float: left;margin-right: 30px;cursor: auto;}}
@media screen and (min-width:768px ){.work_list_list a:nth-child(10n-9){width: 66.6%;}
.work_list_list a:nth-child(10n-8){width: 33.3%;}
.work_list_list a:nth-child(10n-7){width: 33.3%;}
.work_list_list a:nth-child(10n-6){width: 33.3%;}
.work_list_list a:nth-child(10n-5){width: 33.3%;}
.work_list_list a:nth-child(10n-4){width: 33.3%;}
.work_list_list a:nth-child(10n-3){width: 66.6%;}
.work_list_list a:nth-child(10n-2){width: 33.3%;}
.work_list_list a:nth-child(10n-1){width: 33.3%;}
.work_list_list a:nth-child(10n){width: 33.3%;}
#c_portalResnav_main-15627435582233960 .ic_box{display: none;}
#c_portalResnav_main-15627435582233960 .nav_box{left: 0!important;}
#c_portalResnav_main-15627435582233960 .nav{opacity: 1!important;}}@media screen and (max-width:768px ){/*.work_list_div{width: 50%;}*/.work_list_list a{height: auto;}
.work_list_list img{object-fit: cover;}
.wx_img:hover .wx_ewm{left: 0;}
.work_list_list a:nth-child(10n-9){width: 66.6%;}
.work_list_list a:nth-child(10n-8){width: 33.3%;}
.work_list_list a:nth-child(10n-7){width: 33.3%;}
.work_list_list a:nth-child(10n-6){width: 33.3%;}
.work_list_list a:nth-child(10n-5){width: 33.3%;}
.work_list_list a:nth-child(10n-4){width: 33.3%;}
.work_list_list a:nth-child(10n-3){width: 66.6%;}
.work_list_list a:nth-child(10n-2){width: 33.3%;}
.work_list_list a:nth-child(10n-1){width: 33.3%;}
.work_list_list a:nth-child(10n){width: 33.3%;}}.contact_input .contact_tj{width: 90%;height: 50px;background: #909090;cursor: pointer;color: #fff;border-radius: 30px;border: none;font-size: 18px;}
@media screen and (min-width: 1850px){
    .swiper-container .cycle-pager{bottom: 5%!important;left: 0;position: relative;text-align: center;width: 100%;z-index: 999;}
}

@media screen and (max-width:1849px) and (min-width:1750px){
    .swiper-container .cycle-pager{bottom: 12%!important;left: 0;position: relative;text-align: center;width: 100%;z-index: 999;}
}
@media screen and (max-width:1749px) and (min-width:1650px){
    .swiper-container .cycle-pager{bottom: 17%!important;left: 0;position: relative;text-align: center;width: 100%;z-index: 999;}
}
@media screen and (max-width:1649px) and (min-width:1550px){
    .swiper-container .cycle-pager{bottom: 20%!important;left: 0;position: relative;text-align: center;width: 100%;z-index: 999;}
}
@media screen and (min-width: 978px){
.indexcase_phone{display: none;}
.design-a{background-image: linear-gradient(180deg,transparent 80%,#f11b1b 0);background-size: 100% 100%;background-repeat: no-repeat;text-decoration: none;transition: background-size .4s ease;color: #000;font-size: 28px;font-weight: 900;position: relative;height: 40px;display: flex;width: 370px;}
.design-a:after{position: absolute;content: '';width: 150px;height: 11px;border-left: 61px solid #fff;border-right: 61px solid #fff;background-repeat: no-repeat;left: 0;animation: animationborder 3s linear infinite;z-index: 1;border-color: #ffffff;bottom: 0;}
.design-a370{width:370px!important;}
.design-a280{width:280px!important;}
.design-a350{width:350px!important;}
.design-a230{width:230px!important;}
.design-a220{width:220px!important;}
.index_work_list:nth-child(2n) .index_work_list_lefttu{float: right;}
.design-title{display: flex;justify-content: center;align-items: center;margin-bottom: 52px;}
.news_list .newTitle{width: 100%;margin: 1rem 0;font-size: 22px;color: #000;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all .3s;}
#w_grid-1571644602085{width: 100%;max-width: none;min-width: 0px;height: auto;max-height: none;min-height: 100px;margin-top: 0px;margin-left: auto;margin-right: auto;margin-bottom: 0px;padding-left: 0px;padding-right: 0px;}
.swiper-container .cycle-prev,.swiper-container .cycle-next{bottom: 45%;color: #ffffff;cursor: pointer;display: block;font-size: 20px;font-weight: normal;position: absolute;text-align: center;width: 60px;z-index: 999;height: 60px;padding: 9px;z-index: 999;line-height: 2.2;background: rgba(14, 14, 14, 0.26);transition: all 0.2s ease-in-out 0s;border-radius: 100%;}
.swiper-container .cycle-pager{bottom: 30%;left: 0;position: relative;text-align: center;width: 100%;z-index: 999;}
.logo_img{width:80%;height: auto;}
#w_fimg-1562112007097{width: 100%;max-width: 220px;min-width: 0px;height: 50px;max-height: none;min-height: 36px;margin-top: 25px;margin-right: 0px;padding-top: 0px;padding-left: 0px;padding-right: 0px;padding-bottom: 0px;}
#w_grid-1566872682046 > div > .p_gridbox{background-color: #f0f0f0;height: 100px;width: 86%;margin: auto;/* max-width: 1600px;*/}
#w_grid-1566872682046{position: fixed;top: 0px;left: 50%;bottom: auto;right: auto;transform: translate(-50%, 0px);width: 100%;height: 100px;z-index: 11;content: "tc";background: #fff;max-width: none;min-width: 0px;max-height: none;min-height: 100px;margin-top: 0px;margin-left: auto;margin-right: auto;margin-bottom: 0px;-webkit-transform: translate(-50%, 0px);}
#w_grid-1571644850965{width: 100%;max-width: none;min-width: 0px;height: auto;max-height: none;min-height: 60px;margin-top: 0px;margin-left: 0px;margin-right: 80px;margin-bottom: 0px;padding-top: 0px;padding-left: 0px;padding-right: 0px;padding-bottom: 0px;}
.news_list a{background: #CDCDCD;width: 100%;margin-bottom: 20px;}
.news_list a:hover{background: rgba(42, 43, 47, 0.35);width: 100%;margin-bottom: 20px;}
.listnews_kaung{width: 100%;height: auto;}
.listnews_tu{width: 72%;height: auto;float: left;}
.listnews_text{width: 28%;height: auto;float: left;padding: 30px;}
.listnews_text p{font-size: 16px;}
.listnews_text h2{font-size: 28px;margin: 20px 0 20px 0 ;color: #000000;}
.aboutphone{display: none;}
.pchonor{width: 60%!important; height: auto; float: none!important; margin: auto;}
.news_list_list{width: 90%;margin: auto;}
.new_list a{width: 100%!important;margin-bottom: 20px;}
.new_list a:hover{/* width: 100%!important;*/margin-bottom: 20px;}
.service{width: 90%;height: auto;padding: 0 0 100px 0;margin: auto;}
.index_work{width: 100%;padding: 0 0 50px 0;}
.index_work_list{width: 100%;margin: auto;line-height: 1;display: table}
.service_list{width: 100%;height: 500px;}
.index_work_list img{width: 100%;height: auto;vertical-align: middle;}
.index_work_list p{font-size: 15px;line-height: 20px;}
.index_work_list_tu{width: 100%;overflow: hidden;}
.index_work_list_lefttu{width: 88.25%;overflow: hidden;float: left;}
.index_work_list_righttext{width: 10%;float: left;margin-left: 1.75%;padding-top: 30px;}
.index_work_list_lefttext{width: 15%;float: left;margin-left: 3%;padding-top: 30px;}
.index_list_righttext{width: 10%;float: left;margin-left: 1.75%;padding-top: 30px;}
.index_list_righttext h4{width: 80%;height: 30px;line-height: 30px;overflow: hidden;}
.index_list_righttext h6{width: 80%;height: 30px;line-height: 30px;overflow: hidden;font-size: 16px;}
.index_list_lefttext{width: 15%;float: left;margin-left: 3%;}
.index_work_list_righttu{width: 82%;float: left;overflow: hidden;}
.footer_right p{line-height: 30px;}
.work_list_div{width: 100%;height: 100%;padding: 5px;box-sizing: border-box;}
.work_list_img_box{width: 100%;height: 100%;background: rgba(42, 43, 47, 0.60);position: absolute;opacity: 0;transition: all 0.8s;top: 0;display: flex;justify-content: center;align-items: center;}
.work_list_img_box:hover{opacity: 1}
.work_list_img_box_title{text-align: center;font-size: 24px;color:white;}
.work_list_list img{width: 100%;height: 100%;transition: all 0.8s ease;transform: scale(1);/* margin: 20px 20px;*/object-fit: cover;}
.work_list_img_box_title h2{font-size: 28px;margin-bottom: 15px;}
.work_list_img_box_title h4{font-size: 18px;word-spacing: -4px;}
.gray .index_work_list_righttext{width: 30%;background: rgba(42, 43, 47, 0.35);color: white;padding: 10px;margin-left: 0;transition: all .35s}
.index_work_list_righttext h2{font-size: 22px;margin: 5px 0 5px 0;}
.index_work_list_righttext h4{font-size: 18px;margin: 5px 0 10px 0;}
.gray .index_work_list_lefttext{width: 30%;background: rgba(42, 43, 47, 0.35);color: white;padding: 10px;margin-left: 0;transition: all .35s}
.index_work_list_lefttext h2{font-size: 18px;margin: 5px 0 5px 0;}
.index_work_list_lefttext h4{font-size: 16px;margin: 5px 0 10px 0;}
.gray .index_work_list_lefttu img{object-fit: cover;width: 100%;height: 100%;}
.work_concent h2{font-size: 30px;margin: 20px;}
.work_concent h3{font-size: 22px;margin-bottom: 23px;}
footer{width: 100%;height: auto;padding: 20px 7% 20px 7%;display: table;margin: auto;background: #f0f0f0;}
footer article{float: left;width: 48.5%;font-size: 16px;font-family:"微软雅黑";}
.footer_left section{margin-right: 21px;float: left;}
.footer_right_left{width: 65%;float: left;}
.footer_right_right{width: 35%;float: right;}
.footer_right_right div{margin-bottom: 20px;}
.footer_right_right img{margin-right: 20px;}
.footer_tubiao{width: 40px;float: left;}
.footer_tubiao img{width:30px;height: 30px;}
.footer_dizhi{width: 80%;float: left;}
.footer_endizhi{font-size: 8px;line-height: 20px !important;}
.foot_beian{width: 100%;height: auto;}
.foot_beianxinxi{width: auto;float: left;}
.footer_lianxi{width: 100%;height: 25px;text-align: -webkit-right;}
.footer_lianxi img{width: 30px;float: right;margin-right: 10px;}
.footer_shangwu{width: 100%;height: 25px;text-align: right;}
.footer_shangwu img{width: 30px;float: right;margin-right: 10px;}
.footer_shangwu p{width:auto;float: right;line-height: 25px !important;}
.foot_ditubiao{text-align: right;}
.foot_ditubiao a{float: right;}
.dituwap{display: none;}
.wx_img{width: 38px;height: 30px;position: relative;display: block;margin-right: 25px;cursor: auto;}
.back-icon-bottom{position: absolute;right: -60px;transition: all .35s;bottom: 0px;}
.work_list_list{width: 100%;margin: auto;}
.work_list{display: table;width: 100%;}
.contact_input{width:800px;height: auto;margin: auto;text-align: center;margin-top: 30px;margin-bottom: 30px;}
.contact_input section{width: 90%;height: 65px;margin: auto;padding-bottom: 50px;}
.contact_input section input{width: 100%;height: 50px;border: #000000 1px solid;border-radius: 30px;padding-left: 30px;}
.contact_input button{width: 90%;height: 50px;background:#e95371 ;cursor: pointer;color: #fff;border-radius: 30px;border: none;font-size: 18px;}
.contact_concent{width: 800px;height: auto;margin: auto;text-align: center;}
.news_concent{width: 1200px;height: auto;margin: auto;margin-top: 30px;}
.news_title{width:100%;height: 60px;border-bottom: #CDCDCD 1px solid;text-align: center;}
.news_title h1{font-size: 30px;color: #000000;font-family: "arial, helvetica, sans-serif";}
.news_detai{width: 100%;margin-top: 30px;text-align: center;}
.news_detai span{margin: 0 30px 0 30px;}
.news_concent span{display: inline;}
.news_page{width: 100%;height: 40px;margin-top: 40px;}
.news_page_pre{float: left;cursor: pointer;}
.news_page_next{float: right;cursor: pointer;}
.new_list_div{width: 33%;}
.server_list{width: 1200px;height: auto;margin: auto;}
.server_list_list{width: 100%;/* height: 500px;*/}
.server_list_list img{width: 100%;height: auto;}} .new_list_div{padding: 0 0 px;box-sizing: content-box;border: none;position: relative;background: #909090;overflow: hidden;float: left;margin-left: 0.3%;margin-bottom: 0.3%;border-radius: 5px;}
.new_list_div img{transform: scale(1.01)!important;transition: all .5s;opacity: 1;width: 100%!important;height: initial!important;left: initial!important;top: initial!important;-ms-transform: initial!important;position: initial!important;}
.d_articles{height: auto;width: auto;padding: 0;margin: 0;overflow: hidden;width: 100%;-webkit-flex: 2.4;padding: 0 40px;flex: 2.4;-webkit-box-flex: 2.4;-moz-box-flex: 2.4;-ms-flex: 2.4;position: absolute;top: 50%;margin-top: 30px;transition: all .5s;opacity: 0;transform: translateY(-50%);}
.d_HeadBox{margin: 0 0 0;width: auto;height: auto;padding: 0;border-width: 1px;border-style: none;border-color: rgba(228,228,228,0);background-color: transparent;overflow: hidden;}
.d_title{display: block;height: auto;margin: 0;padding: 0;text-align: center;color: #fff;width: 100%;font-size: 22px;font-weight: 400;cursor: pointer;font-weight: 700;font-family: arial;line-height: 1.5em;vertical-align: middle;text-align: center;}
.d_SummaryBox{margin: 5px 0;width: auto;height: auto;padding: 0;overflow: hidden;}
.d_summary{line-height: 1.5em;text-align: left;vertical-align: top;word-break: break-all;color: #fff;font-size: 16px;padding-top: 10px;position: relative;text-align: center;}
.new_list_div:hover img{opacity: .2;transition-delay: 0s;transform: scale(1.12)!important;}
.new_list_div:hover .d_articles{margin-top: 0;opacity: 1;transition-delay: 0s;}
@media screen and (max-width: 978px){
.contact_box{min-height: auto;}
.work_concent_body video{width: 100%;height: auto;margin-top: 10px;}
#w_grid-1571644602085{width: 100%;max-width: none;min-width: 0px;height: auto;max-height: none;min-height: 52px;margin-top: 0px;margin-left: auto;margin-right: auto;margin-bottom: 0px;padding-left: 0px;padding-right: 0px;}
#c_portalResnav_main-15627435582233960 .ic_box{position: absolute;right: 40px;top: 20px;width: 27px;width: 27px;overflow: initial;z-index: 999;}
#w_fimg-1562112007097{width: 100%;max-width: 204px;min-width: 0px;height: 31.68px;max-height: none;min-height: 31.68px;margin-top: 14px;margin-left: 0px;margin-right: 0px;padding-top: 0px;padding-left: 0px;padding-right: 0px;padding-bottom: 0px;}
#w_grid-1566872682046{position: fixed;top: 0px;left: 50%;bottom: auto;right: auto;transform: translate(-50%, 0px);width: 100%;height: 80px;z-index: 11;content: "tc";max-width: none;min-width: 0px;max-height: none;min-height: 50px;margin-top: 0px;margin-left: auto;margin-right: auto;margin-bottom: 0px;-webkit-transform: translate(-50%, 0px);}
#w_grid-1571644850965{width: 100%;max-width: none;min-width: 0px;height: auto;max-height: none;min-height: 60.8px;margin-top: 0px;margin-left: 0px;margin-right: 80px;margin-bottom: 0px;padding-top: 0px;padding-left: 0px;padding-right: 0px;padding-bottom: 0px;}
#w_grid-1566872682046 > div > .p_gridbox{background-color: #f0f0f0;height: 80px;}
.service{width: 100%;height: auto;padding: 0 0 100px 0;margin: auto;overflow: hidden;}
.ditupc{display: none;}
.footer_tubiao{width: 40px;float: left;}
.footer_tubiao img{width:30px;height: 30px;}
.footer_dizhi{width: 84%;float: left;}
.footer_endizhi{font-size: 13px;line-height: 20px !important;margin: 5px 0;}
.foot_beian{width: 100%;height: auto;}
.foot_beianxinxi{width: auto;float: left;}
.foot_jishu{width: auto;float: left;margin-right: 30px;}
.footer_lianxi{width: 100%;height: 30px;text-align: left;}
.footer_lianxi img{width: 30px;margin-right: 10px !important;height: 30px;}
.footer_lianxi p{width:auto;float: left;line-height: 25px !important;margin-right: 5%;}
.footer_shangwu{width: 100%;height: 25px;text-align: left;}
.footer_shangwu img{width: 30px;height: 30px;float: left;margin-right: 10px !important;}
.footer_shangwu p{width:auto;float: left;line-height: 25px !important;}
.foot_ditubiao{text-align: left;width: 100%;height: 40px;}
.foot_ditubiao a{float: left;}
.work_list_list{width: 95%;margin: auto;}
.news_list_list{width: 90%;margin: auto;}
.news_list a{background: #CDCDCD;width: 100%;margin-bottom: 10px;}
.news_list a:hover{background: rgba(42, 43, 47, 0.35);width: 100%;margin-bottom: 10px;}
.listnews_kaung{width: 100%;height: auto;}
.listnews_tu{width: 50%;height: 160px;overflow: hidden;float: left;}
.listnews_text{width: 50%;height: auto;float: left;padding: 10px;}
.listnews_text p{font-size: 12px;}
.listnews_text h2{font-size: 16px;margin: 10px 0 10px 0 ;color: #000000;}
.new_list a{width: 33.33%!important;margin-bottom: 10px;}
.new_list a:hover{/* width: 33.33%!important;*/margin-bottom: 10px;}
.index_work{width: 100%;height: 200px;padding: 0 0 25px 0;}
.index_work_list{width: 100%;/* height:290px;*//* min-height: 290px;*/line-height: 1;display: table;}
.index_work_list img{width: 100%;height: auto;vertical-align: middle;}
.index_work_list p{font-size: 16px;line-height: 20px;}
.index_work_list_lefttu{width: 70%;/* height: 290px;*/float: left;}
.index_work_list_tu{width: 100%;/* height: 290px;*/}
.index_work_list_righttu{width: 100%;height: 290px;float: left;}
.work_list_div{width: 100%;height: auto;padding: 5px;box-sizing: border-box;}
.work_list_img_box{width: 100%;height: 100%;background: #c5c5c599;position: absolute;opacity: 0;transition: all 0.6s;top: 0;display: flex;justify-content: center;align-items: center;}
.work_list_img_box:hover{opacity: 1}
.work_list_img_box_title{text-align: center;font-size: 18px;color:white;}
.work_list_list img{width: 100%;height: 100%;transition: all 0.6s ease;transform: scale(1);/* margin: 20px 20px;*/object-fit: cover;}
.work_list_img_box_title h2{font-size: 18px;margin-bottom: 15px;}
.work_list_img_box_title h4{font-size: 16px;}
.work_concent h2{font-size: 32px;margin: 20px;}
.work_concent h3{font-size: 23px;margin-bottom: 18px;}
footer{width: 100%;height: auto;padding: 20px 0 20px 0;display: table;}
footer article{width:90% ;margin: auto;font-size: 16px;}
.footer_left{padding-left: 3%;text-align: center;width: 100%;height: 30px;}
.footer_left section{margin-left: 48px;float: left;}
.footer_right_left{width: 100%;margin-top: 20px;height: 180px;}
.footer_right_right{width: 100%;margin-top: 15px;}
.footer_right p{line-height: 30px;}
.footer_right_right div{margin-bottom: 20px;display: flex;}
.footer_right_right img{margin-right: 30px;}
.back-icon-bottom{position: fixed;right: 15px;transition: all .35s;bottom: 15%;}
.service_list{width: 100%;height: 300px;}
.gray .index_work_list_righttext{width: 100%;background: rgba(42, 43, 47, 0.35);color: white;padding: 10px;margin-left: 0;transition: all .35s;}
.index_work_list_righttext h2{font-size: 18px;margin: 5px 0 5px 0;}
.index_work_list_righttext h4{font-size: 16px;margin: 5px 0 10px 0;}
.gray .index_work_list_lefttext{width: 30%;background: rgba(42, 43, 47, 0.35);color: white;padding: 10px;margin-left: 0;transition: all .35s}
.index_work_list_lefttext h2{font-size: 18px;margin: 5px 0 5px 0;}
.index_work_list_lefttext h4{font-size: 16px;margin: 5px 0 10px 0;}
.new_list_div{width: 100%;}
.work_list{display: table;width: 100%;}
.contact_input{width: 90%;height: auto;margin: auto;text-align: center;}
.contact_input section{width: 100%;height: 65px;margin: auto;padding-bottom: 50px;}
.contact_input section input{width: 100%;height: 50px;border: #000000 1px solid;border-radius: 30px;padding-left: 30px;}
.contact_input button{width: 90%;height: 50px;background:#e95371 ;cursor: pointer;color: #fff;border-radius: 30px;border: none;font-size: 18px;}
.contact_concent{width: 90%;height: auto;margin: auto;text-align: center;}
.news_concent{width: 90%;height: auto;margin: auto;margin-top: 30px;}
.news_title{width:100%;height: 60px;border-bottom: #CDCDCD 1px solid;text-align: center;}
.news_title h1{font-size: 15px;color: #000000;font-family: "arial, helvetica, sans-serif";line-height: 60px;}
.news_detai{width: 100%;margin-top: 10px;text-align: center;}
.news_concent span{margin: 0 0px 0 10px;}
.news_page{width: 100%;height: 40px;margin-top: 40px;}
.news_page_pre{float: left;cursor: pointer;}
.news_page_next{float: left;cursor: pointer;}}@media screen and (max-width:600px){.index_work_list p{font-size: 12px;line-height: 20px;}}.work_concent{width: 86.5%;margin: auto;text-align: center;position: relative;color: #000000;}
.work_concent_datu{width: 100%;height: auto;}
.work_concent_datu img{width: 100%;}
.work_concent_body{width: 100%;height: auto;}
.work_concent_title div{line-height: 25px;font-size: 16px;text-align: left;}
.work_concent_body img{width: 100% !important;height: auto !important;margin-top: 10px;/* max-width: 720px;*/}
/*.work_list_list div{width: 30%;height: auto;display: inline-block;}*/.work_list_list a:hover .work_list_div img{transform: scale(1.3);}*//*1*/.work_list_list.hover_scal-1 a:nth-child(1) img{transform: scale(1.3);}
.work_list_list.hover_scal-1 a:nth-child(2) img{transform: scale(0.7);}
.work_list_list.hover_scal-1 a:nth-child(4) img{transform: scale(0.7);}
.work_list_list.hover_scal-1 a:nth-child(5) img{transform: scale(0.7);}
/* 2*/.work_list_list.hover_scal-2 a:nth-child(2) img{transform: scale(1.3) !important;}
.work_list_list.hover_scal-2 a:nth-child(1) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-2 a:nth-child(3) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-2 a:nth-child(4) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-2 a:nth-child(5) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-2 a:nth-child(6) img{transform: scale(0.7) !important;}
/* 3*/.work_list_list.hover_scal-3 a:nth-child(3) img{transform: scale(1.3) !important;}
.work_list_list.hover_scal-3 a:nth-child(2) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-3 a:nth-child(5) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-3 a:nth-child(6) img{transform: scale(0.7) !important;}
/* 4*/.work_list_list.hover_scal-4 a:nth-child(4) img{transform: scale(1.3) !important;}
.work_list_list.hover_scal-4 a:nth-child(1) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-4 a:nth-child(2) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-4 a:nth-child(5) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-4 a:nth-child(7) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-4 a:nth-child(8) img{transform: scale(0.7) !important;}
/* 5*/.work_list_list.hover_scal-5 a:nth-child(5) img{transform: scale(1.3) !important;}
.work_list_list.hover_scal-5 a:nth-child(1) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-5 a:nth-child(2) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-5 a:nth-child(3) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-5 a:nth-child(4) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-5 a:nth-child(6) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-5 a:nth-child(7) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-5 a:nth-child(8) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-5 a:nth-child(9) img{transform: scale(0.7) !important;}
/* 6*/.work_list_list.hover_scal-6 a:nth-child(6) img{transform: scale(1.3) !important;}
.work_list_list.hover_scal-6 a:nth-child(2) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-6 a:nth-child(3) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-6 a:nth-child(5) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-6 a:nth-child(8) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-6 a:nth-child(9) img{transform: scale(0.7) !important;}
/*7*/.work_list_list.hover_scal-7 a:nth-child(7) img{transform: scale(1.3) !important;}
.work_list_list.hover_scal-7 a:nth-child(4) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-7 a:nth-child(5) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-7 a:nth-child(8) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-7 a:nth-child(10) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-7 a:nth-child(11) img{transform: scale(0.7) !important;}
/* 8*/.work_list_list.hover_scal-8 a:nth-child(8) img{transform: scale(1.3) !important;}
.work_list_list.hover_scal-8 a:nth-child(4) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-8 a:nth-child(5) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-8 a:nth-child(6) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-8 a:nth-child(7) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-8 a:nth-child(9) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-8 a:nth-child(10) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-8 a:nth-child(11) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-8 a:nth-child(12) img{transform: scale(0.7) !important;}
/* 9*/.work_list_list.hover_scal-9 a:nth-child(9) img{transform: scale(1.3) !important;}
.work_list_list.hover_scal-9 a:nth-child(5) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-9 a:nth-child(6) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-9 a:nth-child(8) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-9 a:nth-child(11) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-9 a:nth-child(12) img{transform: scale(0.7) !important;}
/* 10*/.work_list_list.hover_scal-10 a:nth-child(10) img{transform: scale(1.3) !important;}
.work_list_list.hover_scal-10 a:nth-child(7) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-10 a:nth-child(8) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-10 a:nth-child(11) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-10 a:nth-child(13) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-10 a:nth-child(14) img{transform: scale(0.7) !important;}
/* 11*/.work_list_list.hover_scal-11 a:nth-child(11) img{transform: scale(1.3) !important;}
.work_list_list.hover_scal-11 a:nth-child(7) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-11 a:nth-child(8) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-11 a:nth-child(9) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-11 a:nth-child(10) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-11 a:nth-child(12) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-11 a:nth-child(13) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-11 a:nth-child(14) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-11 a:nth-child(15) img{transform: scale(0.7) !important;}
/* 12*/.work_list_list.hover_scal-12 a:nth-child(12) img{transform: scale(1.3) !important;}
.work_list_list.hover_scal-12 a:nth-child(8) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-12 a:nth-child(9) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-12 a:nth-child(11) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-12 a:nth-child(14) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-12 a:nth-child(15) img{transform: scale(0.7) !important;}
/* 13*/.work_list_list.hover_scal-13 a:nth-child(13) img{transform: scale(1.3) !important;}
.work_list_list.hover_scal-13 a:nth-child(10) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-13 a:nth-child(11) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-13 a:nth-child(14) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-13 a:nth-child(16) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-13 a:nth-child(17) img{transform: scale(0.7) !important;}
/* 14*/.work_list_list.hover_scal-14 a:nth-child(14) img{transform: scale(1.3) !important;}
.work_list_list.hover_scal-14 a:nth-child(10) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-14 a:nth-child(11) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-14 a:nth-child(12) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-14 a:nth-child(13) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-14 a:nth-child(15) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-14 a:nth-child(16) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-14 a:nth-child(17) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-14 a:nth-child(18) img{transform: scale(0.7) !important;}
/* 15*/.work_list_list.hover_scal-15 a:nth-child(15) img{transform: scale(1.3) !important;}
.work_list_list.hover_scal-15 a:nth-child(11) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-15 a:nth-child(12) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-15 a:nth-child(14) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-15 a:nth-child(17) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-15 a:nth-child(18) img{transform: scale(0.7) !important;}
/* 16*/.work_list_list.hover_scal-16 a:nth-child(16) img{transform: scale(1.3) !important;}
.work_list_list.hover_scal-16 a:nth-child(13) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-16 a:nth-child(14) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-16 a:nth-child(17) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-16 a:nth-child(19) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-16 a:nth-child(20) img{transform: scale(0.7) !important;}
/* 17*/.work_list_list.hover_scal-17 a:nth-child(17) img{transform: scale(1.3) !important;}
.work_list_list.hover_scal-17 a:nth-child(13) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-17 a:nth-child(14) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-17 a:nth-child(15) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-17 a:nth-child(16) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-17 a:nth-child(18) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-17 a:nth-child(19) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-17 a:nth-child(20) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-17 a:nth-child(21) img{transform: scale(0.7) !important;}
/* 18*/.work_list_list.hover_scal-18 a:nth-child(18) img{transform: scale(1.3) !important;}
.work_list_list.hover_scal-18 a:nth-child(14) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-18 a:nth-child(15) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-18 a:nth-child(17) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-18 a:nth-child(20) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-18 a:nth-child(21) img{transform: scale(0.7) !important;}
/* 19*/.work_list_list.hover_scal-19 a:nth-child(19) img{transform: scale(1.3) !important;}
.work_list_list.hover_scal-19 a:nth-child(16) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-19 a:nth-child(17) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-19 a:nth-child(20) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-19 a:nth-child(22) img{transform: scale(0.7) !important;}
/* 20*/.work_list_list.hover_scal-20 a:nth-child(20) img{transform: scale(1.3) !important;}
.work_list_list.hover_scal-20 a:nth-child(16) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-20 a:nth-child(17) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-20 a:nth-child(18) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-20 a:nth-child(19) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-20 a:nth-child(21) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-20 a:nth-child(22) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-20 a:nth-child(23) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-20 a:nth-child(24) img{transform: scale(0.7) !important;}
/* 21*/.work_list_list.hover_scal-21 a:nth-child(21) img{transform: scale(1.3) !important;}
.work_list_list.hover_scal-21 a:nth-child(17) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-21 a:nth-child(18) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-21 a:nth-child(20) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-21 a:nth-child(23) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-21 a:nth-child(24) img{transform: scale(0.7) !important;}
/* 22*/.work_list_list.hover_scal-22 a:nth-child(22) img{transform: scale(1.3) !important;}
.work_list_list.hover_scal-22 a:nth-child(19) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-22 a:nth-child(20) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-22 a:nth-child(23) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-22 a:nth-child(25) img{transform: scale(0.7) !important;}
/* 23*/.work_list_list.hover_scal-23 a:nth-child(23) img{transform: scale(1.3) !important;}
.work_list_list.hover_scal-23 a:nth-child(19) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-23 a:nth-child(20) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-23 a:nth-child(21) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-23 a:nth-child(22) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-23 a:nth-child(24) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-23 a:nth-child(26) img{transform: scale(0.7) !important;}
/* 24*/.work_list_list.hover_scal-24 a:nth-child(24) img{transform: scale(1.3) !important;}
.work_list_list.hover_scal-24 a:nth-child(21) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-24 a:nth-child(20) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-24 a:nth-child(23) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-24 a:nth-child(27) img{transform: scale(0.7) !important;}
scale(0.7) !important;}
.work_list_list.hover_scal-24 a:nth-child(20) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-24 a:nth-child(23) img{transform: scale(0.7) !important;}
.work_list_list.hover_scal-24 a:nth-child(27) img{transform: scale(0.7) !important;}
.work_detailed_list{display: table}
.work_detailed_list .new_list_div{width: 49%;}
.work_list_img_box_title h2{color: #fff !important;font-weight: 600;}
.work_detailed_list h2{font-size: 24px;margin: 50px 0 20px 0;color: #595959;}
@media screen and (max-width:400px ){.back-icon-bottom{position: relative;float: right;right: 0;transition:none;}
.work_concent .work_list_list a{width: 33.33%!important;height: auto}}.gray{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);display: flex;transition: .5s all;justify-content: space-around;}
.gray:hover{-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);}
.index_work .gray:nth-child(2n){flex-direction: row-reverse;}
@media screen and (max-width:978px ){
.indexcase_pc{display: none;}
.design-a{background-image: linear-gradient(180deg,transparent 65%,#f11b1b 0);background-size: 100% 100%;background-repeat: no-repeat;text-decoration: none;transition: background-size .4s ease;color: #000;font-size: 22px;font-weight: 900;position: relative;height: 30px;display: flex;width: 300px;}
.design-a:after{position: absolute;content: '';width: 150px;height: 11px;border-left: 61px solid #fff;border-right: 61px solid #fff;background-repeat: no-repeat;left: 0;animation: animationborder 3s linear infinite;z-index: 1;border-color: #ffffff;bottom: 0;}
.pchonor{width: 100%!important; height: auto; float: none!important; margin: auto;}
.index_work_list_lefttu{width: 100%;float: none;}
.index_list_righttext{width: 100%;text-align: center;height: auto;}
.index_list_righttext h4{width: 100%;margin-top: 20px;height: 30px;line-height: 30px;font-size: 18px;}
.index_list_righttext h6{width: 100%;height: 25px;line-height: 25px;font-size: 14px;}
.index_list_righttext p{width: 100%;height: 25px;line-height: 25px;font-size: 10px;margin-bottom: 20px;}
.gray .index_work_list_lefttu img{object-fit: cover;width: 100%;height: 100%;}
.contact_input .contact_tj{width: 100%;}
.work_concent_body img{margin-top: 0;margin-bottom: 5px;}
.logo_img{height: 35px;}
.gray{display:block}}.new_list .work_list_div_box{height: auto;}
.work_detailed_list .work_list_list{width: 100%!important}
.contact_list:nth-child(2n){/* flex-direction: row-reverse;*/}
.gray:hover .index_work_list_righttext{background: #cdcdcdcd;}
.work_concent .work_list_list a{width: 33.33%!important;/* height: 203px*/}
.contact_input div{width: 100%;height: 53px;line-height: 80px;margin: auto;}
.contact_input h2,.contact_zhaopin h2{text-align: left;color: #828282;font-size: 38px;max-width: 720px;margin: 0 auto;}
.contact_zhaopin{width: 90%;margin: auto;}
.contact_concent img{max-width: 720px}
.new_private a{width: 100%!important}
.news_list .work_list_div{padding: 0}
.work_list_img_box{background: rgba(42, 43, 47, 0.60)!important;}
.news_list .work_list_div_box{border-radius: 0;}
.news_list a{margin-bottom: 15px;}
.contact_box a{color:#464646;}
.work_detailed_list .work_list_div_box{height: 100%}
.work_detailed_list .work_list_div_box img{height: 100%}
@media screen and (max-width:400px ){.work_concent .work_list_list a{width: 33.33%!important;height: auto}}#content_box-1566872682046-1{float: right!important;width: 100px!important;height: 100%!important;}
#c_portalResnav_main-15627435582233960{position: relative!important;float: right!important;}
@media screen and (min-width: 1600px){.work_list_list{width: 100%;}}.foot_ditubiao a:nth-child(1) img{margin-right: 0;}
.phoneTitle{display: none}
.new_private{width: 86.5%;margin: auto;}
.work_private{width: 86.5%;margin: auto;margin-top: 8px;margin-bottom: 8px;}
@media screen and (max-width: 500px){.work_concent_body strong{font-size: 18px!important;}
.work_concent_body span{font-size: 12px!important;}
.work_concent_body .servers_en_title{font-size: 15px!important;}
.work_concent_body p{margin-top:0px!important;margin-bottom:0px!important;}
.contact_input h2,.contact_zhaopin h2{font-size: 28px!important;}
.contact_box .zz{font-size: 17px;}
.ct_p_TitleBox{font-size: 14px;height: 18px;line-height: 18px;font-family:initial;}
.p_SummaryBox p{font-size: 10px}
.work_concent_title h2{font-size: 18px;margin: 10px;}
.work_concent_title h3{font-size: 15px;margin-bottom: 10px;}
.work_concent_title div{line-height: 20px;text-indent:1.5rem !important;font-size: 10px;}
.work_concent_body h1{margin-top: 0px!important}
.work_concent_body img{margin-top: 0;margin-bottom: 5px;}
.ct_p_content1{padding: 0px 20px;/*height: 198px;*/min-height: auto;}
.p_SummaryBox{/*height: 143px;overflow: auto;*/}
.contact_box{height: 80vw;}
.phoneTitle{display: block;text-align: center;background: white;height: 30px;line-height: 43px;color: #595959;font-size: 14px;}
.new_private{width: 100%;}
.work_private{width: 100%;}}.work_concent_title div{text-indent: 2rem;}
@media screen and (max-width: 768px){.headBUG{height: 1000px!important}
#w_grid-1566872682046 > div > .p_gridbox{height: 60.8px;}}
/*slider pager box*/.swiper-container .cycle-pager span{background-color: #fff;cursor: pointer;display: inline-block;float: none;height: 12px;margin: 3px 5px;width: 12px;z-index: 99;border-radius: 30px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;opacity: 1;}
.swiper-container .cycle-pager .cycle-pager-active{background-color: #f50f40;border-color: #fff;}
/*Slider cycle next / previous*/.swiper-container:hover .cycle-prev,.swiper-container:hover .cycle-next{opacity: 1;}
.swiper-container .cycle-prev{left: 2%;}
.swiper-container .cycle-next{right: 2%;}
.swiper-container .cycle-prev:hover,.swiper-container .cycle-next:hover{background-color: #f50f40;border-color: #f50f40;color: #fff;}
.section-featured-slider #main-slider{z-index: 0;}
.design-example{width: 86.5%;display: table;margin: auto;}
.design-news{width: 86.5%;display: table;margin: auto;margin-top: 45px;}

.index_news_li{width: calc(25% - 8px );float: left;margin-left: 4px;margin-right: 4px;margin-bottom: 8px;background: #f0f0f0;}
.index_news .p1{padding: 20px 10px 20px 10px;font-size: 16px;font-weight: bold;line-height: 1.5;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.index_news .p2{padding: 0px;font-size: 14px;line-height: 1.5;padding-left: 20px;padding-right: 20px;width: 100%;height: 92px;display: block;/* box-sizing: border-box;*/overflow: hidden;}
.design-news .index_news .info{padding-bottom: 35px;}
.index_news .index_news_box{position: relative;overflow: hidden;display: block;}
.index_news .more{position: absolute;bottom: 15px;right: 17px;width: 15px;height: 15px;padding: 0;text-indent: -1000em;display: block;background: url(/images/icon-more.png) no-repeat top left;}
.index_news .picfocus{overflow: hidden;display: block;}
.index_news .picfocus img{height: auto;width: 100%;transition: 0.36s ease;}
.index_news .picfocus:hover img{transform: scale(1.2);}
.i_phone_box{display: none;}
.design-title-name{position: absolute;z-index: 2;}
.design-news .design-a{width: 165px;}
.swiper-wrapper .ban_box img{width: 100%;vertical-align: middle;}
.swiper-wrapper .ban_box,.swiper-wrapper{width: 100%;}
.index_work .swiper-container{width: 100%;height: 100%;}
.swiper-container .swiper-pagination-bullet-active{background-color: #f50f40!important;border-color: #fff;}
.design-clients{width: 90%;margin: auto;margin-top: 45px;display: table;}
.design-clients .design-a{width: 180px;}
.design-clients .clients{width: 100%;float: left;}
.design-clients .clients a{width: 100%;}
.design-clients .clients img{width: 100%;}
.news_list .newList{margin: 0px 10px 20px;border-bottom: 0px solid #ebebeb;background: #f3f3f3;display: table;}
.news_list .newDetailLink{height: 100%;display: block;}
.news_list .newPicBox{width: 56%;height: auto;display: block;float: left;position: relative;overflow: hidden;}
.news_list .newPic{position: relative;width: 100%;transform: scale(1);transition: all 0.5s;}
.news_list .content{padding: 4% 4%;width: 44%;height: 100%;float: left;}
.news_list .newMs{margin: 0px 0px;line-height: 1.8em;font-size: 14px;color: #000;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 4;-webkit-box-orient: vertical;text-overflow: ellipsis;transition: all .3s;}
.news_list .tips{position: relative;bottom: 0px;margin-top: 10px;font-size: 14px;color: #000;}
.news_list .newList:hover .newPic{transform: scale(1.1);}
.fanye_news{width: 100%;/* height: 46px;*/line-height: 43px;text-align: center;overflow: hidden;display: flex;justify-content: center;margin: 50px 0;}
.fanye_news .pagelist_news li{margin: 0 7px;border: 1px solid #e5e5e5;background: #fff;/* padding: 0 17px;*/height: 43px;font-size: 14px;float: left;}
.fanye_news .pagelist_news li .pageinfo{padding: 0 17px;}
.fanye_news .pagelist_news li a{color: #757575;padding: 0 17px;}
.fanye_news .pagelist_news .current,.fanye_news .pagelist_news li:hover{color: #fff;background-color: #e11135;border-color: #e11135;}
.fanye_news .pagelist_news .current a,.fanye_news .pagelist_news li:hover a{color: #fff;}
.news_concent .share-tit{margin-top: 60px;margin-bottom: 25px;color: #888888;font-size: 16px;}
.news_concent .share a{width: 42px;height: 43px;border-radius: 50%;background-repeat: no-repeat;background-position: center center;margin: 0 13px;}
.news_concent .share a.wechat{background-image: url(http://www.jian-id.com/images/cs1.png);}
.news_concent .share a.wechat:hover{background-image: url(http://www.jian-id.com/images/hcs1.png);}
.news_concent .share a.sina{background-image: url(http://www.jian-id.com/images/cs2.png);}
.news_concent .share a.sina:hover{background-image: url(http://www.jian-id.com/images/hcs2.png);}
.news_concent .share a.qq{background-image: url(http://www.jian-id.com/images/cs3.png);}
.news_concent .share a.qq:hover{background-image: url(http://www.jian-id.com/images/hcs3.png);}
@media only screen and (max-width: 768px){
.design-news,.design-example{width: 90%;}
#c_portalResnav_main-15627435582233960 .nav>li>a{background: #ffffff;}
.i_phone_box{font-size: 0;border-radius: 50%;width: 30px;height: 30px;position: absolute;right: 13px;top: 15px;display: flex;justify-content: center;align-items: center;border: 5px solid #0a0a0a;}
.i_phone{height: 21px;width: 21px;padding-left: 0;background-image: url(../images/phone2.png);background-position: center center;}
.design-example .work_list_list a{width: 100%;margin-bottom: 5px;}
.design-example .work_list_list{width: 100%;}
.design-example .work_list_div{padding:0;}
.design-example .work_list_div_box{border-radius:0px;height: auto; width:100%;}
.design-news .index_news_li{width: calc(50% - 8px );}
.design-news .index_news .picfocus img{height: auto;}
.design-news .index_news .p1{padding: 7px;font-size: 15px;}
.design-news .index_news .p2{padding: 0px;font-size: 12px;line-height: 1.5;padding-left: 7px;padding-right: 7px;width: 100%;height: 57px;display: block;/* box-sizing: border-box;*/overflow: hidden;}
.design-news .index_news .info{padding-bottom: 35px;}
.news_list .newList{margin: 0px 10px 20px;}
.aboutpc{display: none;}
.news_list .newPicBox,.news_list .content{width: calc(100vw - 20px);}
.fanye_news .pagelist_news li{margin: 0 3px;height: 32px;line-height: 32px;}
.fanye_news .pagelist_news li a{padding: 0 10px;}
.fanye_news .pagelist_news li:nth-last-child(1){display: none;}}@keyframes animationborder{0%{-webkit-transform: translateX(-100%);transform: translateX(-100%)}
100%{-webkit-transform: translateX(200%);transform: translateX(200%)}}

.index_abouttext{width: 80%;margin: auto; font-size: 22px; line-height: 40px; text-align: center;}
.indexcase_more{width:100%; height:auto; text-align:center; margin-top:20px; font-size:20px;}
.indexcase_more div{width: 150px; height: 40px; line-height:38px; margin:auto; border: solid 1px #cdcdcd; border-radius: 30px;}
.indexcase_more div:hover{background:#f11b1b; color:#fff; }