.di_tt {width:100%;height:150px;padding-top:50px;text-align:center;font-size:16px;color:#555;}
.di_tt span {line-height:80px;font-size:40px;color:#000;}
.di_ctgs {width:31.33%;height:240px;margin:30px 1% 0px 1%;padding:10px 0%;float:left;border:#eee solid 1px;border-radius: 5px;text-align:center;font-size:25px;line-height:40px;color:#000;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.di_ctgs:hover {border:#ff0000 solid 1px;color:#ff0000;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.di_ctgs img {width:45%;height:auto;border:0px;}
.di_aps {width:25%;height:200px;background-color:#886;float:left;background-repeat:no-repeat;background-position:center center;background-size:cover;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.di_aps:hover {background-size:110%;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.di_mask {width:100%;height:100%;background-color:rgb(0,0,0,0.45);color:#fff;line-height:200px;font-size:25px;text-align:center;}
.di_mask:hover {background-color:rgb(0,0,0,0.35);}
.di_mask a:link {color:#ccc!important;text-decoration:none;display:block;}
.di_mask a:visited {color:#ccc!important;text-decoration:none;display:block;}
.di_mask a:hover {color:#fff!important;text-decoration:none;display:block;}
.di_mask a:active {color:#ff0000!important;text-decoration:none;display:block;}
.di_corp {width:100%;height:auto;overflow:auto;margin-top:80px;background-repeat: no-repeat;background-position: center center;background-size: cover;background-image: url(../images/about/building.jpg);}
.di_cmk {width:100%;height:100%;background-color: rgb(0,0,0,0.8);margin:0px;padding:0px;}
.di_ci {width:90%;height:auto;font-size:15px;line-height:30px;text-align:left;color:#f0f0f0;padding:5%;}
.di_ci p a {padding:8px 30px;background-color:#ff0000;color:#fff;border-radius:5px;}
.di_news {width:31.33%;height:430px;margin:30px 1% 0px 1%;border-radius:5px;border:#eee solid 1px;float:left;}
.di_news:hover {background-color:#ff0000;color:#fff;}
.di_news img {width:100%;height:auto;max-height:300px;border:0px;border-top-left-radius:5px;border-top-right-radius:5px;}
.di_newst {width:94%;padding:10px 3%;font-size:18px;line-height:23px;text-align:left;color:#000;}
.di_newst span {font-size:14px;line-height:35px;color:#666;}
.di_ct {width:100%;height:auto;display:inline-block;}
.di_ct_c {width:50%;height:auto;float:left;margin-top:30px;font-size:14px;}
.di_ctx {width:96%;height:35px;line-height:35px;padding-left:4%;font-size:14px;color:#333;text-align:left;background-repeat: no-repeat;background-position: left center;background-size:20px 20px;}

.d_fb {width:90%;height:auto;overflow:auto;margin-left:10%;}
.d_fb form {padding:0px;margin:0px;}
.d_fb input {width:96%;height:50px;line-height:50px;background-color:#fafafa;font-size:16px;padding:0px 2%;text-align:left;color:#000;border:0px;margin-bottom:10px;}
.d_fb textarea {width:96%;height:200px;line-height:25px;text-align:left;padding:0px 2%;background-color:#fafafa;border:0px;margin-bottom:10px;}
.ipt_rs {width:60%!important;height:50px!important;background-color:#f0f0f0;border:0px;line-height:50px!important;float:left;}
.ipt_vc {width:36%!important;height:50px!important;background-color:#000!important;line-height:50px!important;font-size:35px;color:#fff!important;text-align:center!important;float:left;}
.fb_btn {width:100%;height: 50px!important;line-height:50px!important;background-color:#ff0000!important;color:#fff!important;text-align:center!important;font-size:16px;margin-bottom:10px;border:0px;}

.d_btm {width:100%;height:auto;display:inline-block;margin-top:50px;background-color:#4e4e4e;color:#eee;padding:50px 0px 30px 0px;}
.d_btml {width:65%!important;height:auto;float:left;}
.d_btmr {width:30%!important;height:auto;float:right;font-size:14px;line-height:30px;text-align:right;}
.d_btmr a:link {color:#999;text-decoration:none;}
.d_btmr a:visited {color:#999;text-decoration:none;}
.d_btmr a:hover {color:#ff0000;text-decoration:none;}
.d_btmr a:active {color:#eee;text-decoration:none;}
.d_btmrx {width:20%!important;height:100%;float:left;margin-left:30px;font-size:14px;line-height:30px;text-align:left;color:#f0f0f0;}
.d_btmrx span {font-size:18px;line-height:35px;color:#fff;}
.d_btmrx a:link {color:#fff;text-decoration:none;}
.d_btmrx a:visited {color:#fff;text-decoration:none;}
.d_btmrx a:hover {color:#ff0000;text-decoration:none;}
.d_btmrx a:active {color:#fff;text-decoration:none;}
.d_links {width:100%;height:auto;overflow:auto;display:inline-block!important;color:#aaa;font-size:13px;border-top:#aaa solid 1px;padding-top:10px;}
.d_links a:link {color:#aaa;text-decoration:none;}
.d_links a:visited {color:#eee;text-decoration:none;}
.d_links a:hover {color:#ff0000;text-decoration:none;}
.d_links a:active {color:#eee;text-decoration:none;}

.common-page{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:20px;}
.common-page a,.common-page span {min-width:40px;height:40px;background:#FFFFFF;border:1px solid #DFDFDF;display:inline-flex;align-items:center;justify-content:center;color:var(--fontcolor);margin-left:10px;margin-bottom:10px;padding:0px 10px;transition:all .1s linear}
.common-page .ctxt,.common-page a:hover{color:#FFFFFF;background:#ff0000;border-color:#ff0000;}
.h_nt {font-size:30px;line-height:35px;text-align:center;margin-bottom:30px;}
.d_acv {width:100%;height:600px;overflow:hidden;}

/* about */
.d_abt_ban {width:100%;height:auto;}
.d_abt_ban img {width:100%;height:auto;border:0px;}
.d_abtct {width:31.33%!important;height:300px;margin:20px 1%;float:left;}
.d_ctp {width:70%;margin:20px 15%;text-align:center;}
.d_ctp img {width:60px;height:60px;}
.d_ctt {width:90%;margin:20px 5%;font-size:16px;line-height:35px;text-align:center;}
.d_ctt span {font-size:25px;line-height:50px;}

/* news */
.d_news {width:31.33%;height:400px;margin:30px 1%;float:left;border-radius:5px;}
.i_np {width:100%;height:300px;border-top-left-radius:5px;border-top-right-radius:5px;}
.d_newst {width:90%;height:auto;line-height:25px;font-size:18px;text-align:left;margin:10px 5%;}
.d_newst p {font-size:14px;line-height:23px;text-align:left;text-align:justify;}


/* download */
.d_dlt {width:100%;height:35px;line-height:35px;font-size:16px;color:#fff;background-color:#aaa;}
.d_dlt_num {width:5%!important;text-align:center;float:left;}
.d_dlt_tn {width:65%!important;text-align:left;float:left;}
.d_dlt_type {width:10%!important;text-align:center;float:left;}
.d_dlt_size {width:10%!important;text-align:center;float:left;}
.d_dlt_time {width:10%!important;text-align:center;float:left;}

.d_dlc {width:100%;height:35px;line-height:35px;font-size:14px;color:#000;}
.d_dlc_num {width:5%!important;text-align:center;float:left;}
.d_dlc_tn {width:65%!important;text-align:left;float:left;}
.d_dlc_type {width:10%!important;text-align:center;float:left;}
.d_dlc_size {width:10%!important;text-align:center;float:left;}
.d_dlc_time {width:10%!important;text-align:center;float:left;}
.d_mdlc {width:100%;height:auto;overflow:auto;margin-top:30px;background-color:#eee!important;color:#000;display:none;}
.d_mdlc_numt {width:48%;text-align:left;float:left;padding-left:2%;}
.d_mdlc_numc {width:48%;text-align:right;float:left;padding-right:2%;}
.d_mdlc_tn {width:96%;height:auto;float:left;text-align:left;padding-left:2%;padding-right:2%;}
.d_mdlc_typet {width:48%;text-align:left;float:left;padding-left:2%;}
.d_mdlc_typec {width:48%;text-align:right;float:left;padding-right:2%;}
.d_mdlc_sizet {width:48%;text-align:left;float:left;padding-left:2%;}
.d_mdlc_sizec {width:48%;text-align:right;float:left;padding-right:2%;}
.d_mdlc_timet {width:48%;text-align:left;float:left;padding-left:2%;}
.d_mdlc_timec {width:48%;text-align:right;float:left;padding-right:2%;}

.d_crps {width:23%!important;height:auto;border:#eee solid 1px;border-radius:5px;float:left;margin:30px 1%;text-align:center;}
.d_crpsp {width:80%!important;height:auto;margin:20px 10%;}
.d_crpst {width:80%!important;height:auto;text-align:center;line-height:22px;font-size:14px;margin:20px 10%;}

/* product */
.d_pl {width:20%!important;height:100%;float:left;}
.d_pcm {width:100%;height:auto;text-align:left;font-size:18px;line-height:40px;color:#000;margin-bottom:10px;}
.d_pcm p {width:96%;font-size:15px;line-height:30px;color:#666;display:block;margin-top:0px;margin-left:4%;}
.d_pcm p a:link {color:#666;}
.d_pr {width:78%!important;height:100%;float:right;}
.d_plsac {width:100%;height:30px;line-height:30px;text-align:right;font-size:13px;color:#999;border-bottom:#eee solid 1px;}

.d_pls {width:23%!important;height:260px;border:#eee solid 1px;border-radius:5px;float:left;margin:10px 1%;text-align:center;}
.d_plsp {width:70%!important;height:auto;margin:20px 15%;}
.d_plst {width:80%!important;height:auto;text-align:center;line-height:22px;font-size:14px;margin:20px 10%;}
.d_mpm {display:none;}
.d_mpmc {display:none;}
.d_mpmb {display:none;}
.d_mpms {display:none;}
.d_ap {width:100%;height:auto;overflow:auto;margin-top:20px;}
.d_ap ul {width:100%;height:100%;}
.d_ap li {width:auto;height:100%;height:100%;}
.l_app {width:40%!important;float:left;}
.l_apt {width:55%!important;height:auto;float:right;font-size:14px;line-height:22px;text-align:left;color:#666;}
.l_apt span {font-size:25px;line-height:30px;color:#000;}
.d_app {width:100%;height:auto;}
.d_app img {width:100%;height:auto;border:0px;}
.d_apps {width:100%;height:auto;text-align: center;}
.d_apps img {width:15%;height:auto;margin:10px 5px;border:#eee solid 1px;}
.d_apct {width:100%!important;height:45px;display:block;margin-top:30px;line-height:45px;border-bottom:#eee solid 1px;text-align: left;color:#000;font-size:18px;}
.d_apcc {width:100%!important;height:auto;display:block;margin:10px 0px 20px 0px;font-size:14px;line-height:22px;text-align:left;}
.d_apcc img {width:90%;margin:10px 5%;}
.d_rcs {width:100%;height:auto;display:block;}
.d_rcs ul {width:100%;height:auto;}
.d_rcs li {width:31.33%;height:300px;margin:10px 1%;float:left;border:#eee solid 1px}
.d_rcsp {width:100%;height:200px;}
.d_rcsp img,.d_rcsp iframe,.d_rcsp video {width:100%;height:100%;border:0px;}
.d_rcst {width:96%;height:auto;font-size:14px;line-height:22px;text-align:left;padding:5px 2%;}

.d_bscnt {width:50px;height:120px;z-index:10000;position:fixed;right:10px;top:435px;}
.d_bscnt img {width:50px;height:50px;border:0px;margin-bottom:10px;}


@media(max-width:992px) {
.di_tt {width:100%;height:135px;padding-top:40px;text-align:center;font-size:15px;color:#555;}
.di_tt span {line-height:70px;font-size:35px;color:#000;}
.di_ctgs {width:48%;height:200px;font-size:23px;line-height:30px;margin:10px 1% 0px 1%;}
.di_aps {width:33.33%;height:180px;background-color:#886;float:left;background-repeat:no-repeat;background-position:center center;background-size:cover;}
.di_mask {width:100%;height:100%;background-color:rgb(0,0,0,0.65);color:#fff;line-height:180px;font-size:20px;text-align:center;}
.di_news {width:48%;height:450px;margin:30px 1% 0px 1%;}
/*.di_news img {width:100%!important;height:auto;border:0px;}*/
.di_ct_c {width:100%!important;}
.di_ctx {width:90%;height:35px;line-height:35px;padding-left:10%;
    font-size:14px;color:#333;text-align:left;background-repeat: no-repeat;background-position: left center;background-size:20px 20px;}
.di_ctx_map img {width:96%;height:auto;}
.d_fb {width:100%!important;margin-left:0%!important;}
.d_btml {width:100%!important;}
.d_btmr {width:100%!important;height:auto;float:left;font-size:14px;line-height:30px;text-align:left;margin-top:30px;border-top:#999 solid 1px;padding-top:30px;}
.d_btmrx {width:18%!important;height:100%;float:left;margin-left:30px;font-size:13px;line-height:30px;text-align:left;color:#f0f0f0;}
.h_nt {font-size:20px;line-height:30px;}
.d_dlt {display:none;}
.d_dlc {display:none;}
.d_mdlc {background-color:#eee!important;display:block;}
.d_crps {width:48%!important;margin:30px 1%;}
.d_crpsp {width:80%!important;height:auto;margin:20px 10%;}
.d_crpst {width:80%!important;height:auto;margin:20px 10%;}
.d_pl {display:none;}
.d_pr {width:100%!important;}
.d_pls {width:31.33%!important;}
.d_plsp {width:60%!important;height:auto;margin:15px 20%;}
.d_plst {font-size:14px;line-height:25px;}
.d_mpm {width:100%;height:auto;display:block;margin:10px 0%;padding:10px 1%;text-align:center;background-color:#333;color:#fff;}
.d_mpmc {width:100%;height:auto;display:none;}
.d_mpmb {width:98%!important;height:35px;line-height:35px;font-size:18px;color:#000;margin:5px 1%;text-align:left;display:inline-block;display:block;}
.d_mpms {width:98%!important;height:auto;overflow: auto;line-height:30px;margin:5px 1%;text-align:left;display: block;border-bottom:#ccc dashed 1px;padding-bottom: 10px;}
.d_mpms ul {width:100%;height:auto;}
.d_mpms li {width:25%!important;height:30px;font-size:13px;float:left;color:#666;}
.d_mpms li span {color:#666;}
.d_rcs li {width:48%;height:240px;margin:10px 1%;float:left;}
.d_bscnt {width:40px;height:100px;z-index:10000;position:fixed;right:10px;top:435px;}
.d_bscnt img {width:40px;height:40px;border:0px;margin-bottom:10px;}
}

@media(max-width:768px) {
.di_tt {width:100%;height:120px;padding-top:30px;text-align:center;font-size:14px;color:#555;}
.di_tt span {line-height:60px;font-size:30px;color:#000;}
.di_ctgs {width:48%;height:160px;font-size:20px;line-height:30px;margin:10px 1% 0px 1%;}
.di_aps {width:50%;height:150px;background-color:#886;float:left;background-repeat:no-repeat;background-position:center center;background-size:cover;}
.di_mask {width:100%;height:100%;background-color:rgb(0,0,0,0.65);color:#fff;line-height:150px;font-size:18px;text-align:center;}
.di_ci {font-size:13px;line-height:25px;}
.di_news {width:90%;height:auto;margin:30px 5% 0px 5%;}
/*.di_news img {width:100%!important;border:0px;}*/
.di_ct_c {width:100%!important;}
.di_ctx_map img {width:96%;height:auto;}
.d_fb {width:100%!important;margin-left:0%!important;}
.d_btml {width:100%!important;}
.d_btmr {width:100%!important;border-top:#999 solid 1px;padding-top:30px;font-size:13px;line-height:30px;}

.d_btmrx {width:40%!important;height:100%;float:left;margin-left:30px;font-size:13px;line-height:30px;margin-bottom:30px;}


.d_links {display:none!important;}
.d_abtct {width:96%!important;height:300px;margin:20px 2%;float:left;}
.h_nt {font-size:24px;line-height:30px;}
.d_dlt {display:none;}
.d_dlc {display:none;}
.d_mdlc {background-color:#eee!important;display:block;}
.d_crps {width:98%!important;height:auto;margin:30px 1%;}
.d_crpsp {width:80%!important;height:auto;margin:20px 10%;}
.d_crpst {width:80%!important;height:auto;margin:20px 10%;}


.d_pls {width:48%!important;}
.d_plsp {width:60%!important;height:auto;margin:10px 20%;}
.d_plst {font-size:13px;line-height:23px;}
.d_mpm {width:98%;height:auto;display:block;margin:10px 1%;padding:10px 1%;text-align:center;background-color:#333;color:#fff;}
.d_mpmb {width:98%;height:35px;line-height:35px;margin:5px 1%;text-align:left;display:block;}

.d_mpms li {width:33.33%!important;}

.l_app {width:100%!important;float:left;}
.d_app img {width:80%;height:auto;border:0px;margin:10px 10%;}
.d_apps img {width:12%;height:auto;margin:10px;border:#eee solid 1px;}
.l_apt {width:100%!important;height:auto;margin:30px 0%;float:right;font-size:14px;line-height:22px;text-align:left;color:#666;}
.d_rcs li {width:96%;height:330px;margin:10px 2%;float:left;}

.d_bscnt {width:30px;height:80px;z-index:10000;position:fixed;right:5px;bottom:5px!important;}
.d_bscnt img {width:30px;height:30px;border:0px;margin-right:5px;}
}