@charset "utf-8";
/* 样式重置 */
html{font-size:100px;}

*{box-sizing: border-box;}

a{text-decoration:none;color:#333333;outline:none;zoom:1;line-height:normal;cursor:pointer!important;}
a:link,a:hover,a:visited{text-decoration:none;outline:none;}
a:active{star:expression(this.onFocus=this.blur());}
img{border:none;vertical-align:top;}
textarea{resize:none;overflow:auto;}
ul,ol,li{/*list-style:none;margin-left: .1rem;*/vertical-align:top}
a,img{-webkit-touch-callout:none;}   
/* 公共样式 */
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.prz{position:relative;zoom:1;}
.pra{position:absolute;}
.clearfix{*zoom:1;}
.clearfix:after{content:".";display:block;height:0;visibility:hidden;clear:both;}
.cleargap{font-size:0;letter-spacing:-8px;text-align:left;}
.ibox{display:inline-block;*display:inline;*zoom:1;vertical-align:top;font-size:12px;letter-spacing:normal;}
.img-responsive,
.edits img{max-width:100%;width:auto\9;height:auto;-ms-interpolation-mode:bicubic;_width:auto;}
.w1200{width: 1200px; margin: 0px auto;}
.tcent{text-align: center;}
.f50{font-size: .5rem;}
.f36{font-size: .36rem;}
.f30{font-size: .3rem;}
.f26{font-size: .26rem;}
.f24{font-size: .24rem;}
.f22{font-size: .22rem;}
.f20{font-size: .2rem;}
.f18{font-size: .16rem;}
.f16{font-size: .16rem;}
.f14{font-size: 14px;}
.f12{font-size: 12px;}
.mr0{margin-right: 0px!important;}
.truncate{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.hidden{display: none;}
em{font-style: normal;}

::-moz-placeholder{color:#fff;}
::-webkit-input-placeholder{color:#fff;}
:-ms-input-placeholder{color:#fff;}   




.qwwidth{width: 12rem; margin: 0px auto;}
.nav2 .q_hdright li:after,.q_hide a:before,.q_hide a:after,.q_thirdul li:after,.sameafter:after,.q_teletab li:after,.q_navnav li:after,.q_ivnav li:after,.q_jfinfo:after,.q_abolist li:after,.q_devwrap .q_jfyear div:after,.q_devwrap .q_jfyear div:before{display: block; content: ""; position: absolute;}



/* -------------- */
.q_dirbot{width: .61rem; height: .28rem; background: url(/images/direct.png) no-repeat center center; left: 0px; right: 0px; margin: 0px auto; bottom: .3rem;}
.q_slogan{ left:50%; top:3.46rem; margin-left: -6rem; color: #fff; padding-left:.5rem;}
.q_slogan p.f60{ font-size: .6rem; line-height: .6rem; margin-bottom: .11rem;}
.q_slogan p.f40{font-size: .4rem; line-height: .6rem; margin-bottom: .56rem;}
.q_ClickVideo{background: url(/images/play2.png) no-repeat 1.32rem center; cursor: pointer; display: inline-block; border: 1px solid #fff; border-radius: 50px; height: .46rem; font-size: .18rem; padding: .11rem .47rem .1rem .16rem;}
.q_dirbot{  transition: opacity 1s;
    animation: scroll 2s infinite;
    -webkit-animation: scroll 2s infinite;
    -moz-animation: scroll 2s infinite;
    -o-animation: scroll 2s infinite;
    -ms-animation: scroll 2s infinite;
}
.q_secondwrap{margin-top: 1.2rem}
.q_secleft{width:54.1%; max-width: 7.8rem; color: #fff; text-shadow:0px 2px 1px rgba(0, 0, 0, .3); line-height: 46px; padding-left: .22rem;}
.q_secleft div.f36{margin-bottom: .3rem;}
.q_secbutton{display: block; background: url(/images/icon11.png) no-repeat left center; background-size: contain; padding-left: .33rem; color: #fff; margin-top: .35rem;}
.q_secright{width: 41.4%; max-width: 5.97rem; height:3.49rem; overflow: hidden;}
.q_secright img,.q_svfriend .q_svfbox img,.slideimg.selected img,.q_serverlist li img,.q_jsimg img,.q_juimg img{
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transition: all .5s;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  -ms-transition: all .5s;
}
.q_secright:hover img,.q_svfriend .q_svfbox:hover img,.slideimg.selected:hover img,.q_serverlist li:hover img,.q_joinitem:hover .q_jsimg  img,.q_juimg:hover img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}

.q_secbgimg{width:100%; height:100%;}
.q_thirdmb{width:100%; top: 0px; left: 0px; background: rgba(255, 255, 255, 0.5); }
.q_thirdmb,.q_thirdwrap,.q_thirdul,.q_thirdul li{ height:100%;}
.q_thirdwrap{z-index: 2; left: 0px; right: 0px; top: 0px;}
.q_thirdwrap .tempWrap{width:auto !important;}
.q_thirdul li{width:300px; /*width: 22.9%; max-width: 3rem; */border-left: 1px; border-left-style: solid;border-color: rgba(32, 86, 173, .3); text-align: center; color:#2056ad; position: relative;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
}
.q_thirdul li:last-child{ border-right: 1px; border-right-style: solid;border-color: rgba(32, 86, 173, .3);}
.q_thirdul li:after{width: 100%; height: 100%; top: 0px; left: 0px; right:0px;background: rgba(34, 87, 174, .75);
    opacity: 0;
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -o-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform-origin: right;
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    -o-transform-origin: right;
    -ms-transform-origin: right;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
}
.thdbut{width:.27rem; height: .62rem; z-index: 10; background:url(/images/directall.png) no-repeat; top: 50%; margin-top: -.31rem;}
.thdbut.prev{background-position: left center; left: -.27rem;}
.thdbut.next{background-position: right center; right: -.27rem;}
.libox{height:2.18rem; position: relative; top: 50%; margin-top: -1.09rem; z-index: 9;}
.libox img,.libox .q_thref{opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
}
.libox img{
    height: 100px;
    transform-origin: top;
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -o-transform-origin: top;
    -ms-transform-origin: top;
}
.q_thirdul li .f30{line-height:32px; margin: .33rem 0px .2rem;}
.q_thref{display:block; width:1.04rem; height:26px; line-height: 26px; color: #fff; border:1px solid #fff; border-radius: 50px; margin:0px auto;}
.q_thirdul li:hover::after{
    opacity: 1;
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
    -ms-transform: scaleX(1);
}
.q_thirdul li:hover{color:#fff;}
.q_thirdul li:hover .libox img,.q_thirdul li:hover .q_thref{
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
}
.q_ivtlist_new li:nth-child(5n){margin-right:0px !important;}
/* fourth */
.q_fourth{background: #e1e1e2; /*padding-left: 16px;*/}
.q_fourth .q_forlist{max-height: 6.08rem;}
.qwh2{width:auto; font-weight: normal; padding-left:.17rem; margin: .5rem 0;}
.qwh2.sameafter:after{width:4px; height:.34rem; background: #2056ad; left: 0px; top:.05rem;}
.q_fourth .flleft{width:61.11%; height:79.42%; text-align: center; overflow: hidden;}
/*.q_fourth .flleft img{object-fit: fill;-o-object-fit: fill;}*/
.q_fourth .flleft .q_niimg{width:100%; height: 100%;}
.q_fourth .fr.q_forlist{width:38.2%;}
.q_forthitem{background:#fff; line-height: .43rem; padding: .21rem .35rem .2rem; margin-bottom: .08rem;}
.q_forthitem .f22{ max-height: .48rem; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;-webkit-text-overflow: ellipsis;-ms-text-overflow: ellipsis;}
.q_fourth .fr.q_forlist .q_forthitem:last-child{margin-bottom: 0px;}
.q_nimsg{width: 100%;padding: .26rem .45rem; bottom: 0px; line-height: .36rem; color: #fff; text-align: left; background: rgba(32,86,173,.75);}
.q_niimg{opacity: 0; display: none;}
.hlink{display:block; width:100%; height:100%; top: 0px; left:0px; z-index: 10;}

.q_forthitem.sameafter:after{width: 100%; height: 100%; background: #004ea1; top: 0px; left: 0px;opacity: 0; z-index: 0;}
.q_forthitem div.prz{z-index: 9;}
.q_forthitem:hover,.q_forthitem.active{color: #fff;}
.q_forthitem.sameafter:hover::after,.q_forthitem.active.sameafter:after{opacity: 1;}

.q_contentwrap{background: #f8f8f8; padding-bottom: .5rem;   padding-top: .0rem;}
.q_bantext{color: #fff;text-shadow:0px 2px 1px rgba(0, 0, 0, .3); line-height: .5rem; top: 50%; left: 50%; max-width: 12rem; margin-left: -6rem; margin-top: -.25rem;}
.contentSite{padding-top: 18px;}
.contentSite li{position: relative; line-height: 22px; font-size: .16rem;}
.contentSite a{ color: #585858;}
/*.contentSite a.active{color: #232323;}
.contentSite li:first-child a{ padding-left: 25px;}*/
.contentSite li:first-child a:after{content:""; background: url(/images/iconhome.png) no-repeat; display: block; width: 20px; height: 18px; position: absolute; left: 0px; top: 0px;}
.q_conttop{line-height: 1.6;margin: .48rem 0px .5rem;}
.q_conttop ul,.q_conttop ul li{list-style: inherit;margin-left: 5px;}
.q_contitle{color: #004ea1; line-height: .36rem; margin-bottom: .26rem;}
.q_conadvance{margin-bottom: .6rem;line-height: .32rem;}
.q_conadvance .f18{margin: .07rem 0px .28rem; color: #666666;}
.q_conadvance .f18:last-child,.q_svfriend li:last-child{margin: 0px;}
.q_confw li{margin-right: .6rem;}
.q_teletitle span{ padding-left: .12rem;line-height: .36rem;}
.q_teletitle.sameafter:after{left: 0px; height:.28rem; top: .05rem;border-left: 4px solid #2056ad;}
.q_teletitle.f36{font-size:.24rem;color:#232323;   margin-top: 0;}
.q_telewtbg{background: #fff; padding: .39rem 0px .29rem;}
.q_teletab{ /*border-bottom:2px solid #3770d9;*/padding-bottom: 2px;overflow:hidden;}
.q_teletab li{background: #fff; font-size: .18rem; height: .52rem; line-height: .52rem; text-align: center; position: relative;   /*  padding: 0px .21rem; */cursor: pointer;}
.q_teletab li:after{height:0;opacity:0;
  transition: all .3s; 
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  -ms-transition: all .3s;
  transform-origin: middle;
  -webkit-transform-origin: middle;
  -moz-transform-origin: middle;
  -o-transform-origin: middle;
  -ms-transform-origin: middle;
}
.q_teletab li span{position: relative; z-index: 1;}
.q_teletab li.on:after{width:100%; height: 100%;opacity: 1; top: 0px; left: 0px; background: #3770d9; z-index: 0;}
.q_teletab li.on{color: #fff;}
.q_conlunbo{min-height: 1.84rem;}
.q_bigitem .q_bimg{    background: #004e9f;}
/*.q_bigitem .q_bimg img{        height: .5rem;
    margin: .24rem auto;
    display: block;}*/
.q_conshow{top:0px; left:0px; width:100% !important;}
.q_consitem { background: #fff; overflow: hidden;width:100% !important; float:left;}
.q_consitem ul{padding: .2rem 0px .15rem; overflow: hidden;}
.q_consitem li{line-height: .3rem; background: url(/images/contip.png) no-repeat .2rem .14rem; padding-left: .38rem; margin-bottom: .1rem;}
.q_conbot .q_teletitle{margin: .4rem 0px .35rem;}

.q_conbot .cleargap.tcent{
    display: flex;
    padding: 0 1.24rem;
}

.q_conf18 p{line-height: .32rem; margin-bottom: .26rem; font-size:.18rem;}
.q_bantextsec{left:50%; top:1.75rem; margin-left: -6rem;padding-right: 3rem; color: #fff;text-shadow:0px 2px 1px rgba(0, 0, 0, .3);}
.q_bantextsec .f50{margin-bottom: .2rem;line-height: .48rem; }
.q_bantextsec .f30{line-height: .4rem;font-size: .24rem;}
.q_bantextsec .f16{line-height: .32rem;}
.q_serverlist li{width: 32.5%; line-height: 26px; margin-right: 1.2%; margin-bottom: .15rem;}
.q_serverlist li .q_svcon{padding: .28rem .45rem; background: #fff;height: 1.41rem;}
.q_serverlist li h3.f24{font-weight: normal; margin: 0 0px .1rem;line-height:normal}
.q_serverlist .q_svcon p.f18{
  max-height: 52px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
line-height:normal;
}
.q_svimg{width: 100%; overflow: hidden;}
.q_svimg img{width:100%; height:auto;}
.q_casewrap{margin:.45rem 0px; min-height: 20px;}
.q_svfriend{width: 12rem; margin: 1rem auto 0;}
.q_svfriend li{margin-bottom: .4rem;}
.q_svfriend .q_svfbox{width:1.73rem; height:.64rem; overflow: hidden; margin: 0px .24rem;}

.q_nvfixed{position: fixed; z-index: 99; left:0px; top:0px;}
.q_ivnav,.q_navnav{width:100%; background: #fff;box-shadow: 0px 0px 6px 0px #666;}
.q_ivnav li,.q_navnav li{width:14%; width:13.6%\9\0; padding: .09rem 0px; line-height: .32rem;text-align: center;position: relative;}
.q_ivnav li:after,.q_navnav li:after{width: .2rem; height:2px; background: #999999; left: 50%; bottom: 0px; margin-left: -.1rem; 
  transform: scaleX(0);
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -o-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform-origin: middle;
  -webkit-transform-origin: middle;
  -moz-transform-origin: middle;
  -o-transform-origin: middle;
  -ms-transform-origin: middle;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  -ms-transition: all .3s;
}
.q_ivnav li.on:after,.q_ivnav li.active:after,.q_ivnav li:hover::after,.q_navnav li.active:after,.q_navnav li:hover:after{
  transform: scaleX(1);
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -o-transform: scaleX(1);
  -ms-transform: scaleX(1);
}
.q_ivnav li.active a,.q_ivnav li:hover a,.q_juul.q_ivnav li.on a,.q_navnav li:hover a,.q_navnav li.active a{color: #2056ad; font-weight: bold;}
.q_ivtlist li{width: 23.75%; border: 1px solid #dcdcdc; line-height: .34rem; background: #fff; margin-right: 1.6%; margin-bottom: 1.6%;
  transition: all .3s; 
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  -ms-transition: all .3s;
}

.q_ivimg{width:.44rem; height: .44rem; margin: .45rem auto .25rem; background: url(/images/tz01.png) no-repeat center center/cover;}
.q_ivtlist .f24{width: 85%; margin: 0px auto}
.q_ivbot{width:93%; border-top: 1px solid #dcdcdc; margin: .32rem auto 0; padding:.15rem .4rem; position: relative;}
.q_ivbot a{padding-left: .25rem; line-height: .34rem;}
.q_ivlf{background: url(/images/tz03.png) no-repeat left center;}
.q_ivrt{background: url(/images/tz04.png) no-repeat left center;}
.q_ivtlist li:hover{background: #3770d9; color: #fff;}
.q_ivtlist li:hover .q_ivimg{background: url(/images/tz02.png) no-repeat center center;}
.q_ivtlist li:hover a{ color: #fff;opacity: .5;}
.q_ivtlist li a:hover{opacity: 1;}
.q_ivtlist li:hover .q_ivlf{background: url(/images/tz05.png) no-repeat left center;}
.q_ivtlist li:hover .q_ivrt{background: url(/images/tz06.png) no-repeat left center;}
.q_honour{height: 3.43rem; width: 100%; background: url(/images/jf05.jpg) no-repeat center center; background-size: cover; padding: .45rem 0px 0px; margin-bottom: .58rem;}
.q_honour .q_teletitle{color: #fff;}
.q_honour .q_teletitle.sameafter:after{border-left: 4px solid #fff;}
.q_connectus{height: 5.15rem; width: 100%; background: url(/images/jf06.jpg) no-repeat center center; background-size: cover; margin-top: .45rem; color: #fff; line-height: 28px;padding-top: .58rem;}
.q_connectus .f24{margin-bottom: .1rem;}
.q_hnor{color: #fff; width: 10.24rem; margin:.5rem auto;}
.q_hnor li{margin-right:.2rem; margin-right: .29rem\9\0; line-height: 20px;width: 2.24rem;width: 2.1rem\9\0;}
.q_hnor li .ibox{vertical-align: middle;}
.q_hnor .q_hnimg{width:1.1rem; height: .92rem;}
.q_hnor .q_hntext{width:1.2rem;}
.q_codeshare{margin-top: .5rem;}
.q_codeshare div.ibox:first-child{margin-right: .7rem;}
.q_csimg{width: 1.42rem; height: 1.42rem; margin-bottom: .05rem;}
.q_jfwrap{margin-bottom: .4rem;}
.q_tablayer{padding-bottom:.1rem;}
.q_jfwrap div.cleargap{width:50%;height: 2.79rem; color: #fff; padding:.6rem 1rem 0 0;}
/* .q_jfwrap div.cleargap:hover{background-size: 110%;} */
.q_jfwrap div.cleargap .ibox{vertical-align: middle;}
.q_jfwrap div.cleargap .q_jftit{vertical-align:top;margin-top:0.5rem;}
.q_jfwrap .q_jftit{width: .92rem; height: .92rem;background: url(/images/jftip1.png) no-repeat;background-size: cover; line-height: .92rem;margin-right: .45rem;}
.q_jfwrap .q_jitem1{background: url(/images/jf01.jpg) no-repeat; background-size: cover; text-align: right; padding-top:.5rem!important;}
.q_jfwrap .q_jitem2{background: url(/images/jf02.jpg) no-repeat; background-size: cover; text-align: right;}
.q_jfwrap .q_jitem3{background: url(/images/jf03.jpg) no-repeat; background-size: cover; text-align: right;}
.q_jfwrap .q_jitem4{background: url(/images/jf04.jpg) no-repeat; background-size: cover; text-align: right; padding-top: .5rem !important;}
.q_jfcont{width: 4.2rem; line-height: .38rem;text-align: justify;text-align-last:left;}
.q_jfdevelop  .q_jfyear{padding-top:.12rem;}
.q_jfdevelop li .q_jfinfo{padding-top: .12rem;    border-left: 1px solid #d5e3f3;
    padding-left: .4rem;}
.q_jfyear{width:.9rem;text-align: right; font-family: Impact; margin-right: .5rem;}
.q_jfinfo{line-height: 22px;}

.q_devwrap .q_jfyear{border-right: 1px solid #828ea3;/* height: 5.54rem; */  width: 1.74rem;}
.q_devwrap .q_jfyear div{width: 1.23rem;}
.q_devbox .mCSB_inside > .mCSB_container{margin: 0px;}
.q_abohistory .q_devbox .mCSB_scrollTools{left:-16px;}
.q_abohistory .q_devbox:hover .q_devbox .mCSB_scrollTools{opacity: .3 !important;}
.q_devbox .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: rgba(0,0,0,0.15);}

.q_abohistory .q_devbox{height:5.54rem;}

.q_jfinfo:after{width: .32rem; height: .27rem; background: url(/images/jftip2.png) no-repeat; background-size: contain; left:-.16rem; top: .12rem;}
.q_jfthing{margin-bottom: .25rem;}
.q_bighy{background: url(/images/big01.jpg) no-repeat center center; height:5.46rem; background-size: cover; margin-top:.45rem;}
.q_bigmsg{width: 4.7rem; color:#fff; line-height: .3rem; margin-top: 1.5rem;}
.q_bigcont{margin: .4rem 0px 0px;}
.q_bigsver{margin: .5rem 0px; line-height: .3rem; overflow: hidden;}
.q_bigsvimg{width: 6.34rem; height:3.81rem;}
.q_bigsvcont{background:#f5f5f5; padding: .42rem .6rem .6rem; margin-top: .8rem;}
.addul{margin-top:1.3rem;}
.addul li{margin-right:0%;width:24.5%;}
.addul li:last-child{margin-right:0px;}
.q_bigtit{font-weight: bold;}
.q_bigfr{width:4.5rem;}
.q_bighd{line-height: .32rem; margin-bottom: .14rem;}
.q_bigitem{background: #fff; width: 3.12rem; vertical-align: middle;}
.q_bigitem .ibox{vertical-align: middle;}
.q_bigitem .q_bimg{width:.98rem; height: .91rem; overflow:hidden;}
.q_bitm{width: 1.82rem;}
.q_conbot .q_biglayer:nth-child(0) .q_bgmrb{margin-right: 0px !important;}
.q_bgmrb{margin:0px .2rem .15rem .2rem;}
.q_susscase{ height:3.46rem;line-height: .3rem;     margin-bottom: .4rem !important;background:url(/images/big05.jpg) no-repeat center center; color:#fff; padding: .7rem; background-size: cover;}
.q_susscase .q_sussmsg{margin-bottom: .55rem; padding: 0px .3rem;}
.q_susscase ul li{width:2.06rem; height:.56rem; margin-right: .4rem;}
.q_susscase ul li:last-child{margin: 0px;}
.q_hnor2{width:100%;color:#145bba;}
.q_hnor2 li:last-child{margin:0px;}
.q_hnor2 .q_hntext{width:1rem;}
.labellayer,.q_aboul {margin-top:.4rem !important;}

#carousel{overflow: hidden;}
.slideimg{width:689px; height: 428px; overflow: hidden; float: left; margin:0px 15px; transition: all .5s;}
.q_button{width:.33rem; height:.67rem; top:50%; margin-top: -.37rem; z-index: 20;}
#prev{background:url(/images/serverlf.png) no-repeat center center; left:.2rem;}
#next{background:url(/images/serverrt.png) no-repeat center center; right:.2rem;}
.q_siinfo{width:100%; color:#fff; line-height: .32rem; padding: .17rem .25rem .15rem; bottom:-50%; left:0px; background: rgba(0,0, 0, .6); 
  transition: all 1.2s; 
  -webkit-transition: all 1.2s;
  -moz-transition: all 1.2s;
  -o-transition: all 1.2s;
  -ms-transition: all 1.2s;
}
.slideimg.selected .q_siinfo{ bottom: 0px;}
.q_gray{ transition: all .3s;  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(90%);
  -ms-filter: grayscale(90%);
  -o-filter: grayscale(90%);
  filter: grayscale(90%);
  filter: gray;
}
.q_cntcont{background:#dcdcdc; padding: .18rem .65rem .48rem; color:#939393;}
.q_connect li{width:49.65%;width:49.5%\0;width:49.5%\9\0; margin-right: 1%; margin-bottom: .08rem; overflow: hidden; line-height: .38rem;}
.q_connect .q_cntimg{width: 100%; height:3.84rem; margin-bottom: .05rem;}
.q_connect .q_cntimg h3{top:.42rem; left:.58rem;color:#fff;}
.q_cntwrap{width:10.24rem; margin:1.3rem auto 0;}
.q_cntbg{ width:.54rem; height:.44rem; margin-bottom: .18rem;}
.qcnbg1{background:url(/images/con1.png) no-repeat center center;background-size: contain;}
.qcnbg2{background:url(/images/con2.png) no-repeat center center;background-size: contain;}
.q_cnbrd{border-left:5px solid #939393; padding-left:.2rem; margin-left: .4rem;}
.q_cnbrd p{line-height: 22px; margin-bottom: .12rem;}
.q_cnbrd p:last-child{margin:0px;}
.qcnsn{ display: inline-block; width:1.2rem;margin-right: .1rem;}
.q_excmb{background: rgba(0, 77, 161, .7); width: 100%; height:100%; top:0px; left:0px;}
.q_excitem,.q_newsitem,.q_jusitem{width:50%; color:#fff; line-height: .36rem;}
.q_excitem{ height:3.87rem;}
.q_excitem .f30{margin-bottom: .36rem;}
.q_excimg,.q_newsimg{width:100%; height:100%;}
.q_excimg{ padding:.33rem 0px .5rem;}
.q_excitem .f30,.q_excitem .f20,.q_jusitem .knowmore{z-index: 9;}
.q_excmsg{padding:.44rem 0 0; line-height: .3rem; margin-bottom: .2rem;}
.q_consitem .q_exchref{color:#3770d9;}
.q_exchref i{width:.16rem; height:.16rem;    vertical-align: middle; display:inline-block; background: url(/images/tipp.png) no-repeat; background-size: contain; margin-left: .08rem;}
.q_newsitem{ height:3.33rem;}
.q_newswrap{margin: .2rem auto;width: 75%;min-width: 12rem;}
.q_newsitem .q_siinfo{line-height: .3rem; bottom:0px; padding:.14rem .3rem .1rem}
.q_newsitem h2{font-family: Impact; font-weight: normal;margin-bottom: .04rem;}
.q_jusitem{height:2.81rem;}
.q_jusitem .knowmore{right:.4rem; bottom:.4rem;}
.q_jusitem .q_excmb,.q_julink .q_excmb{background: rgba(0, 77, 161, .3); }

.qmmdetailList{ margin-bottom: .3rem; overflow: hidden;}
.qmmdetailList li{margin-bottom: .3rem;}
.qmmdetailList .detailImg{width: 2.67rem; height:1.52rem; margin-right: .4rem;overflow:hidden;}
.qmmdetailList .detailImg a{display: block; width: 100%; height: 100%;}
.qmmdetailList .detailWrap{width: 700px; line-height: 28px;padding-top: 2px;}
.qmmdetailList .detailWrap h5{margin-bottom: .1rem; font-weight: normal;}
.qmmdetailList .colgren{font-family: Impact;margin-right: .15rem;}

.q_abomsg{line-height: .36rem; color:#666666; margin: .25rem 0px .2rem;}
.q_aboul{line-height: .36rem;margin-bottom: .5rem;    display: flex;
    justify-content: space-between;}
.q_aboul li{width: 80%}
.q_aboul li:first-child{}
.q_aboul li:last-child{}
.q_abohistory{background:url(/images/about/abo01.jpg) center top; width:100%; padding:.4rem 0;background-size: cover;}

.q_abohide{opacity:0;width:100%; height:100%; padding:.64rem .3rem;background:#3770d9; left:0px; top:0px; z-index: 9;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  -ms-transition: all .3s;
}
.q_abomanager li{width:31.7%; padding:.4rem .3rem; background: #fff; line-height: .28rem; border: 1px solid #e1e1e1; margin-right: 2%; margin-bottom: .22rem;}
.q_abomanager .q_aboname{color: #333333;}
.q_abomanager .q_abozhiwei{color:#999999; margin:3px 0px .1rem;}
.q_abohd{ margin:0px auto .2rem;}
.q_abolf{text-align: center;}
.q_abohd{border-radius: 100%;width:2rem; height:2rem;overflow: hidden;}
.abof16{max-height: .6rem; line-height:.3rem; 
    overflow: hidden;
    text-overflow: ellipsis;
    display: none;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
/* .q_abohd img{width:2.47rem; height:2.47rem; } */
.q_abomanager .q_abohide{color:#fff;}
.q_abomanager .q_abohide .clearfix{margin-bottom:.25rem;}
.q_abomanager .q_abohide .q_abolf{text-align: left !important;}
.q_abomanager .q_abohide .q_aboname{font-size: .2rem;color:#fff;}
.q_abomanager .q_abohide .q_abohd{margin-right: .18rem; float:left;}
.q_abomanager .q_abohide .q_abozhiwei {color:#fff; opacity:.5;}
.q_abomanager .q_abohide .q_abolf{float:left;}
.q_abomanager .q_abohide .q_abohd,.q_abomanager .q_abohide .q_abohd img{border-radius: 100%;width:.58rem; height:.58rem;}
.q_abomanager li:hover .q_abohide{opacity:1;
}
.q_whitebg{background:#fff; border-top: 1px solid #dddddd;border-bottom: 1px solid #dddddd; padding:.4rem 0px .5rem;}
.q_abolist li{width: 23.125%; height:2.77rem; background:#fff; border:1px solid #e2e2e2; margin-right: 2.5%;text-align: center; padding:.3rem .15rem; line-height: 24px;}
.q_abolist.sediment li{width: 3.55rem; height:3.27rem; background:#fff; border:1px solid #e2e2e2; margin-right: 2.5%;text-align: center; padding:.3rem .15rem; line-height: 24px;}
.q_abolist li:last-child{margin:0px;}
.q_abolist li h3{margin-bottom: .2rem;}
.qalimg{ width:.44rem; height:.44rem; margin:0px auto .25rem; background-size: cover !important;}
.q_abolist li:after{ width:100%; height:100%; top:0px; left:0px; background:#3498db;opacity:0;border-radius: 100%;
    transition: all .3s;
    transform: scale(0);
}
.q_abolist li .prz{z-index: 9;}
.q_abolist li:hover{color:#fff;}
.q_abolist li h3:hover{color:#fff;}
.q_abolist li:hover::after{opacity:1;border-radius: 0;
  transform: scale(1);
}
.q_honor{border:1px solid #e4e4e4;}
.mCustomScrollBox{overflow: hidden;}
.q_year{background:#3770d9;width:1200px; height:.6rem;}
.q_year .q_yinfo{line-height: .6rem; font-family: Impact; color:#aec0ed; display: inline-block; letter-spacing: normal; text-align: center; }
.q_year li.on a{color: #fff;}
.on .q_yinfo.sameafter:after{height: 3px; width:10px; background: #fff; left:50%; margin-left: -5px; bottom:.1rem; border-radius: 10px;}
.q_yearwarp{background: #f9fbff;}
.q_yritem{padding: .32rem .35rem;}
.q_yritem p{line-height: .3rem;margin-bottom: .28rem;}
.q_yritem p:hover{color:#3770d9;}
.q_ylf{ left:15px; top:38%;background: url(/images/am_b1.png) no-repeat; width:14px; height:19px;z-index:999;}
.q_yrt{right:15px; top:38%;background: url(/images/am_c1.png) no-repeat; width:14px; height:19px;z-index:999;}
.q_yearwarp,.q_yearwarp .q_yritem{max-height: 530px; width:100% !important; overflow: hidden;}
 .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color: #5a93d3 !important;}
.q_devwrap .q_jfyear{color:#828ea3;}
.q_devwrap .q_jfyear div{height: .5rem; line-height: .5rem; cursor: pointer; margin-bottom: .1rem; text-align: center;}
.q_devwrap .q_jfyear div.on{background: #3A72D6; color:#fff;}
.q_devwrap .q_jfyear div:after{background: url(/images/about/jftip2c.png);background-size: cover; height:.5rem;width:.2rem; right:-.2rem; top:0px; opacity:0;}
.q_devwrap .q_jfyear div.on:after,.q_devwrap .q_jfyear div.on:before{opacity:1;}
.q_devwrap .q_jfyear div:before{background: url(/images/about/jftip2a.png) no-repeat; background-size: contain; width:.32rem; height:.27rem; top:.095rem; right:-.66rem; opacity:0;}
.q_devwrap .q_jfinfo{width:9.6rem; margin-top: .22rem;}
.q_devwrap .q_yritem{padding: 0px; max-height: 5.54rem; overflow: hidden;}
.q_ymore{width:1.14rem; height:.44rem;background:#79b9a4; color:#fff; display:inline-block; line-height:.44rem; }
/* .q_devbox{max-height:353px; overflow: hidden;} */
.q_devwrap .q_jfinfo:after{display:none;}
.whitebg{background:#fff; padding:.6rem 0;}
.q_juul{box-shadow: none; border:1px solid #e4e4e4;}
.q_juul li{width:2.4rem;}
.q_julayer{margin-bottom: .6rem;}
.q_jumsg{line-height: 1.6;}
.q_juimg{width:48%; overflow: hidden;}
.q_julayer .q_jumsg{width:48%;}
.q_julayer .q_jumsg p{margin-bottom: .1rem;}
.q_jsimg{width:5.56rem;height:2.9rem; margin-bottom: .2rem; overflow: hidden;}
.q_jsimg img{max-width: 100%;height:auto;}
.q_jstxt{bottom:.2rem; left:.28rem; color:#fff;}
.q_joinitem{border:1px solid #dddddd; margin:0px .2rem;   }
.q_jshref{display: block;margin-bottom: .35rem;}
.q_joinitem{background: #fff;}
.q_jshref i{font-style: normal;margin-left: .2rem;}
.q_jshref img,.q_jshref i{vertical-align: middle;}
.q_joinitem:last-child .q_jsimg{margin-bottom: .74rem;}
.q_joinitem:last-child{padding-bottom: .615rem;}
.q_jutxt{top:48%; text-align: center; width:100%; color:#fff; z-index: 9;}

.secbottom{/*padding-top: .6rem;*/
  background:-webkit-linear-gradient(#3770d9, #0350a4);
  background:-o-linear-gradient(#3770d9, #0350a4);
  background:-moz-linear-gradient(#3770d9, #0350a4);
  background:linear-gradient(#3770d9, #0350a4);
  background-color: #0350a4\9\0;
}
.secbottom dl{position:relative;}
.secbottom dd:nth-child(4){position:absolute; left:58%; top:2.17rem;}
.secbottom dd:nth-child(6){position:absolute; left:58%; top:3.26rem;}
.secbottom dd{margin-bottom: .24rem;}
.secbottom dl a{color: #fff; line-height: .42rem; }
.firhref{display: block;}
.seccont a{padding: 0px .21rem;color: #bfcdef;}
.firhref{border-bottom: 1px solid #5989da; padding-left: .14rem;}
.firhref.sameafter:after{width:1.2rem; height:2px;background: #acc4ed; bottom: -2px; left: 0px;}
.secbottom dt{border-bottom: 1px solid #5989da; padding-bottom: .1rem;margin-bottom: .65rem;margin-top: .5rem;}
.secbottom dt a{line-height: 30px;}
.secbottom dt i{display: inline-block; width: .28rem; height: .28rem; vertical-align: middle; margin-right: .15rem;}
.secbottom dt .f16{margin-right: .7rem;}
.secbottom .q_fot2{background: #326dd4;}
.secbottom .q_fot2,.secbottom .q_fot2 a{color: #fff; line-height: 26px;}

.q_bluebg{background: #0f509c; overflow: hidden;}
.q_bluebg .q_teletitle{color: #fff; margin-bottom:0px;}
.q_bluebg .q_teletitle.sameafter:after{ border-color:#fff;}
.q_map{ height:700px;width: 1200px; margin: 0px auto;background: url(/images/chinamap.png) no-repeat 345px center; }
.mapdir{width: 122px; height:65px;background: url(/images/mapdir.png) no-repeat right top; left:-91px; top:27px;transition:all 1s;}

.q_idot:hover,.idot1 .q_idot{animation: twinkle 1s infinite;}
.q_idot{width:11px; height:11px; background: #fff; border: 1px solid #0f509c; border-radius: 50%;}
.mapmsg{width: 860px; background: none; left: 223px;}
.q_mapitem{width: 3.2rem;}
.map_brief{width: 420px; color: #fff; line-height: 32px; font-size: 18px; bottom: 60px; left: 0px;}

.idot1{left:650px; top:219px;}
.idot2{left:752px; top:145px;}
.idot3{left:724px; top:212px;}
.idot4{left:763px; top:91px;}
.idot5{left:662px; top:230px;}
.idot6{left:604px; top:267px;}
.idot7{left:713px; top:258px;}
.idot8{left:559px; top:320px;}
.idot9{left:671px; top:281px;}
.idot10{left:625px; top:320px;}
.idot11{left:707px; top:324px;}
.idot12{left:711px; top:348px;}
.idot13{left:728px; top:341px;}
.idot14{left:676px; top:357px;}
.idot15{left:628px; top:373px;}
.idot16{left:717px; top:383px;}
.idot17{left:672px; top:406px;}
.idot18{left:617px; top:417px;}
.idot19{left:538px; top:397px;}
.idot20{left:499px; top:372px;}
.idot21{left:554px; top:495px;}
.idot22{left:624px; top:497px;}
.idot23{left:644px; top:497px;}
.idot24{left:702px; top:461px;}
.idot25{left:713px; top:438px;}
.idot26{left: 727px;top: 175px;}
.idot27{left: 715px;top: 333px;}

.q_mapitem{display: none;opacity: 0;}
.mapmsg{ background: url(/images/map.png) center center; width:1200px; height:586px;}
/* .q_mapcont{overflow: hidden;} */
.mapbr{width:100%; padding: .16rem .24rem .11rem; border-bottom: 1px solid #fff;}
.q_mapitem .mapbr:last-child{border-bottom: 0px;}
.q_mapitem{width: 3.4rem;background: rgba(32,86,173,.72); border:1px solid #fff;  overflow: hidden; color: #fff; margin:-20px 0px 40px 30px;padding:0px .2rem;}
.q_mapcont p.f18{margin-bottom: .05rem;}
.q_mapcont p{line-height: .26rem;margin-bottom: 2px;}

/*分页*/
.qmmPager{line-height: 28px; padding-top: 15px; border-top: 1px solid #cccccc; margin-bottom: 50px;}
.pager span{ padding: 0px 10px; cursor: pointer;}
.pager a{width: 39px;}
.pager span,.pager a{height: 39px; font-size: .16rem; line-height: 41px; text-align: center; border:1px solid #ccc; margin-left: 8px;
transition: all .3s;}
.pager span{color: #bebebe;}
.pager a.active,.pager a:hover{background: #3770d9; color: #fff; border-color: #3770d9;}
.pager span.active,.pager span:hover{color: #333333;}
.pagebox{height: 39px; line-height: 39px; font-size: .16rem;}
.pagebox i{font-style: normal;}
.pagebox input{width: 40px; height: 37px; line-height: 37px; text-align: center; border:1px solid #e9e9e9;}
.pagebox .button{border:1px solid #e9e9e9; display: inline-block;width: auto; height: 37px; line-height: 37px; padding: 0px 16px; background: #3770d9; color: #fff;}
.befpg,.aftpg{ border:none !important; }
.befpg:hover,.aftpg:hover{background: none !important;}
.q_telewtbg2{background:#fff; padding-top: .4rem; margin-bottom: 1px;}
.q_juwrap .tcent img{max-width: 100%; height:auto;}

#bannervideo{width: 100%;}
#big-video-wrap{position: absolute; }
.fir_section video{width: 100%;height: 100%;object-fit: cover;}
.video_popup{width: 100%; height: 100%;background: rgba(0, 0, 0, .5);position: fixed; top: 0; display: none; z-index: 998;}
.video_box{position: absolute; left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);width: 1000px;height: 562px;}
.video_popup img.close{position: absolute; top: .1rem;right: .1rem;width: 30px;height: 30px;cursor: pointer;}
.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;}
.q_slogan{z-index: 9;}

.q_banner .qwwidth{width:9rem;}
.qbanner {text-align: center;}
.qbanner img{margin:0px auto;}
.q_bantext,.q_bantextsec{text-align: left;}
.q_mart9{margin-top: .66rem !important;}
.q_mart8{margin-top: .8rem;}
.q_mart55{margin-top: .55rem;}
.q_mart3{margin-top: .3rem;}
.q_mart4{margin-top: .4rem;}
.q_marb8{margin-bottom: .56rem;}
.q_marb4{margin-bottom: .45rem;}
.q_marb6{margin-bottom: .6rem;}
.q_marb3{margin-bottom: .3rem;}
.q_marb1{margin-bottom: .1rem;}
.q_marb2{margin-bottom: .2rem;}
.q_marr4{margin-right: .4rem;}
.colgren{color: #2bcd9f;}

/* footer */
#pager footer{margin-top:.5rem;}
footer{line-height: 26px;padding-top: .36rem;}
footer,footer a{color: #898989;line-height: 26px;}
.q_fot1{background:#303030;}
.q_fotcolumn{color: #fff;}
.q_fotitem{margin-right: .52rem;}
.q_fotitem a{display: block;}
.q_fot2{background: #3d3d3d; padding: .15rem 0px .08rem; margin-top: .4rem;}
.q_fot2 em{margin: 0px 4px;}
.q_fotright .f16{display: block; width: 1.1rem; color: #fff; padding-left: .4rem; line-height: 30px; margin-bottom: .3rem; text-align: right;}
.qfotbg1{background: url(/images/foticon3.png) no-repeat left center;}
.qfotbg2{background: url(/images/foticon4.png) no-repeat left center;}
.qfotbg3{background: url(/images/foticon5.png) no-repeat left center;}
.qfotbg4{background: url(/images/foticon6.png) no-repeat left center;}
.qfotbg5{background: url(/images/foticon1.png) no-repeat left center / cover !important; }
.qfotbg6{background: url(/images/foticon2.png) no-repeat left center / cover !important;}
.qfotsm{width: .28rem !important; height: .28rem!important; margin-left: .17rem!important;}
.q_fotrt{text-align: right;}

 .q_fotrt a.qfotbg6:hover{opacity:1!important;}
 .q_fotrt span{position: absolute; bottom: .43rem;-webkit-transform: scale(0);-o-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: bottom;-o-transform-origin: bottom;-moz-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom;-webkit-transition: all .3s;-o-transition: all .3s;-moz-transition: all .3s; -ms-transition: all .3s; transition: all .3s; width: 1.2rem; height: 1.2rem;display: block; background: #fff; right: -.2rem; opacity: 0;}
 .q_fotrt a:hover span{opacity: 1;-webkit-transform: scale(1);-o-transform: scale(1);-moz-transform: scale(1); -ms-transform: scale(1);transform: scale(1)}

.q_thirdul li{-webkit-transition: background-image ease 0.3s;transition: background-image ease 0.3s;
}
.sec_section{overflow: hidden;}
video { display: block; }
video#bannervideo{position: relative; right: 0; bottom: 0;  width: 100%; height: 100%;} 
.qmmMask {width: 100%;height: 100%;background: rgba(0,0,0,.3);top: 0px;left: 0px;}
.q_hdnav.fr{margin-top: -.27rem;}


@keyframes twinkle {
  0%{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  100%{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@-webkit-keyframes twinkle {
  0%{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  100%{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
}

@keyframes scroll {
    0% {
      -webkit-transform: translateY(0px);
      -moz-transform: translateY(0px);
      -ms-transform: translateY(0px);
      transform: translateY(0px);
    }
    50% {
      -webkit-transform: translateY(10px);
      -moz-transform: translateY(10px);
      -ms-transform: translateY(10px);
      transform: translateY(10px);
    }
    100% {
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
    }
  }
@-webkit-keyframes scroll {
    0% {
      -webkit-transform: translateY(0px);
      -moz-transform: translateY(0px);
      -ms-transform: translateY(0px);
      transform: translateY(0px);
    }
    50% {
      -webkit-transform: translateY(10px);
      -moz-transform: translateY(10px);
      -ms-transform: translateY(10px);
      transform: translateY(10px);
    }
    100% {
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
    }
  }
@-moz-keyframes scroll {
    0% {
      -webkit-transform: translateY(0px);
      -moz-transform: translateY(0px);
      -ms-transform: translateY(0px);
      transform: translateY(0px);
    }
    50% {
      -webkit-transform: translateY(10px);
      -moz-transform: translateY(10px);
      -ms-transform: translateY(10px);
      transform: translateY(10px);
    }
    100% {
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
    }
  }
@-o-keyframes scroll {
    0% {
      -webkit-transform: translateY(0px);
      -moz-transform: translateY(0px);
      -ms-transform: translateY(0px);
      transform: translateY(0px);
    }
    50% {
      -webkit-transform: translateY(10px);
      -moz-transform: translateY(10px);
      -ms-transform: translateY(10px);
      transform: translateY(10px);
    }
    100% {
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
    }
  }
@-ms-keyframes scroll {
    0% {
      -webkit-transform: translateY(0px);
      -moz-transform: translateY(0px);
      -ms-transform: translateY(0px);
      transform: translateY(0px);
    }
    50% {
      -webkit-transform: translateY(10px);
      -moz-transform: translateY(10px);
      -ms-transform: translateY(10px);
      transform: translateY(10px);
    }
    100% {
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
    }
  }

.q_hdnav .q_language,.wap_third,.wap_show,.q_ivitem{display:none;}
.pc_show{display:block;}
.content-p img{max-width: 100%; height:inherit !important;}
#pager .q_fourth{padding-bottom:0px;}

.q_connect {width:98%;margin:0px auto;}
.picScroll ul{display:flex;justify-content: space-around;padding:0px 40px;}

        .q_jftit img{vertical-align: initial; max-width: 100%; height: auto;}
        .q_jfwrap2{margin-bottom: .4rem;}
        .q_jfwrap2 .q_jitem1{ background: url(/images/jinr04a.jpg) no-repeat center center / cover;}
        .q_jfwrap2 .q_jitem2{ background: url(/images/jinr04b.jpg) no-repeat center center / cover;}
        .q_jfwrap2 .q_jitem3{ background: url(/images/jinr04c.jpg) no-repeat center center / cover;}
        .q_jfwrap2 .q_jitem4{ background: url(/images/jinr04d.jpg) no-repeat center center / cover;}
        .q_jfwrap2 div.cleargap{padding: .5rem 0.8rem .5rem 0;}
        .q_jfwrap2 .f18{margin-bottom: .12rem;}
        .q_jfwrap2 .q_jfcont{ line-height: .26rem;}
        .q_honour2{color: #fff;background: url(/images/jinr01.jpg) no-repeat center center / cover; height: initial; padding: .58rem 0px;}
        .q_honour2 div.f16 {line-height: .26rem;}
        .q_honour2 .q_teletitle{margin-bottom: .16rem;} 
        .q_addcontlt{margin-top: .2rem;}
        .q_addcontlt li{width: 3.97rem; height: 1.69rem; margin-right: .05rem;margin-bottom: .4rem;}
        .q_addtxt{width: 100%; bottom: 0px; left: 0px;right: 0px; height: .42rem; line-height: .42rem; color: #fff; background: rgba(122,185,164,.8);}


@media screen and (min-width:1490px){
  .q_fixedhd a{margin: 0px .1rem;}
}
@media screen and (min-width:1440px){
    .q_cntwrap{width: 12rem;}
    .q_connect li{width: 49.6%;}
  }
@media screen and (max-width:1366px){
.q_jfwrap .q_jftit{width:.82rem;height:.82rem; margin-right:.25rem;}
.q_jfcont{width:3.7rem;}
}

@media (max-width: 750px) {
      html,body{overflow-x: hidden;}
      .pad0{padding:0px;}
      .qmmMask,.q_nimsg,.contentSite,.pagebox{display: none;}
      .contentSite li{font-size: .26rem;}
      .contentSite li:first-child a{padding: 0px;}
.pager span, .pager a{width:30px; height:30px; line-height:30px;}

.indexDate_text .indexDate_form td{text-indent:inherit !important; font-size:12px !important;}
.indexDate_text .indexDate_form th{font-size:14px !important;;}
#understand .memorabilia,#understand .lineH{ height: initial!important;   padding-bottom: .3rem;}
.q_hdnav.fr{margin-top:0}
.content-p{padding:0px !important;}
.picScroll ul{display:inherit;    justify-content: inherit; padding:0px;}
.q_teletitle.f36{font-size:.36rem;}
#big-video-wrap,.bannerslideBox{display:none; }
.abof16{    max-height: inherit;    -webkit-line-clamp: inherit;}
.q_conf18 p{line-height:24px; font-size:16px;}
.q_message,.q_conttop{ font-size:14px;}
.q_message h2,.q_conttop h2{    font-size: .36rem;}
.q_message table,.q_conttop table{width:100%;}
.q_message img,.q_conttop  img{max-width:100%;     height: auto !important;}
.q_jfwrap .q_jftit{    margin-right: 0.95rem;}
.q_jfcont{width:3.9rem;}
.q_3131{margin:0px auto!important;}
.q_bantextsec{padding-right:1rem;}
.q_bantextsec span:first-child{font-size:40px !important;}
.q_bantextsec span:nth-child(2),.q_bantextsec span:nth-child(3){font-size:14px !important;}
.q_abomanager li{    line-height: .34rem;}
.q_abohistory .q_devwrap{overflow: initial;}
.q_jfyear{font-size:.36rem;}
.q_imgulul li{width:40%; margin-bottom:.3rem;}
.q_imgulul li:nth-child(even){ margin-right:0px;}
.q_rjcp  ,.q_abolist .f16{font-size:14px;}
.q_abomanager .q_abohide .q_aboname{font-size:.26rem;}
.q_abomanager .q_abohide .q_abozhiwei{    font-size: .22rem;}
.abohidef16 {font-size:12px;}
.q_abolist h3.f24{font-size:16px;}
.q_bantextsec .f16{font-size:14px; line-height:20px;}
.contactBox{width:100% !important; height: initial!important; float:none!Important; margin-bottom:.1rem!Important;}
.contactBox .top .left1{width:.8rem!important; height:.8rem!important;}
.contactBox .top .left1 img{width:.3rem !important; margin-top:.24rem !important;}
.contactBox .top{padding:.4rem !important;}
.contactBox .top .right1{    height: initial!important;padding-left:.3rem!important; font-size:.36rem!important;
    line-height: .8rem!important;}
.qcnsn{    width: 1.8rem;}
.wap_third .wptha:after{ display: block; content: ""; position: absolute;width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    right: 0px;
    background: rgba(34, 87, 174, .75); 
    opacity: 0;
}
.wpbef{}
.wpcur,.wap_third .wptha .hlink{display:none;}
.wap_third .wptha span,.wap_third .wptha img{position:relative; z-index:9;}
.wap_third .wptha:hover span,.wap_third .wptha.on span{color:#fff;}
.wap_third .wptha:hover::after,.wap_third .wptha.on:after{  opacity:1; z-index:1;}
/*.abohidef16 {height:inherit !important;}*/
      /* nav */
      header .qwwidth{width:100%;}
      .nav1{display:none;}
      .q_logo img{max-width: 100%; height: auto;}
      .q_navbtn{width:.47rem; height:.41rem; background: url(/images/am_03.png) no-repeat center center; background-size: cover;margin-right: .4rem; margin-top: .2rem;}
      .q_logo{margin-left: .4rem; margin-bottom: .3rem;  }
      .q_hdnav{width:100%; display: none;}
      .q_hdright.cleargap{float: none;}
      .nav2 .q_hdright li{display:block;margin:0px; text-align: left; padding:0px; height:auto;}
      .q_firnav{display: block; border-bottom: 1px solid #fff; line-height: .87rem; height:.87rem;position: relative; padding: 0px .4rem;background: rgba(32,86,173,.65);}
      .nav2 i{display: block; width:.87rem; height:.87rem; position: absolute;right: 0px; top:0px;}
      .q_firnav:after,.q_fotcolumn:after,.q_ivitem:after{display: block; content:""; position: absolute;}
      .q_firnav:after,.q_fotcolumn:after{width:.31rem; height:.14rem; background:url(/images/am_01.png) no-repeat; background-size: cover; right: .4rem; top:.365rem;}
     
.f18,.q_fixedhd span,.q_nimsg.f22,.q_forthitem .f22{font-size:14px;}
.q_forthitem .f20{font-size:12px;}
.q_hdright a,.q_hide a{font-size:16px;}
.q_conttop{margin:.48rem auto .5rem; width:100%; }
.q_hnor li,.q_hnor .q_hntext{width:inherit}
.q_serverlist li .q_svcon{height:inherit;}
.q_serverlist li h3.f24{font-size:16px;}
/*.qwwidth{margin:0px  auto !important;}
*/
.q_excmsg{line-height:20px;}
.addul li{width:100%;}
.q_ivtlist_new li{width:49% !important;}
.q_ivtlist_new li:nth-child(5n){margin-right:1.25% !important;}
.q_ivtlist_new li:nth-child(even){margin-right:0px!important;}
.qwwbgbox li{line-height:.9rem !important; width:100%!important;} 
.labellayer{overflow:hidden;}
.q_teletab li span{width:230px !important;}
.q_teletab li{font-size:.28rem;}
.q_teletab.q_tabcheck,.q_teletab li{height:.72rem;line-height:.72rem;}
.q_contentwrap h1.tcent{font-size:.30rem!important;}
.q_jfyear{margin-right:.25rem;}
.q_firnavem,.q_fotcolumnem{display:block; height:.87rem; width:.87rem;position: absolute;right:0px; top:0px;}

 .q_hide{position: static;padding:0px; display: none; transform: none; transition: none; opacity:1; width:100%;}
      .q_hide a{padding:0px .7rem; height:.85rem; line-height: .85rem;background: rgba(47,102,193,.3);border-bottom: 1px solid #6e95d4;}
      .q_hide a.active:before,.q_hide a:hover::before,.nav2 .q_hdright li:hover::after{display:none;}
      .q_hdnav .q_language{padding: .6rem 0 .6rem .4rem; height:auto; font-size: .26rem; line-height: .28rem; border:none;  border-radius: 0px;
        margin: 0px; width:100% !important; display: block;background: rgba(32,86,173,.65);}
      /* connectus */
      .qwwidth{width:7.1rem;min-width: auto;}
      .q_connect li{display: block; width:7.1rem; margin: 0px auto 7px!important;}
      .q_connect .q_cntimg img{width: 100%; height: auto;}
      .q_cntwrap{width: 6.4rem;}
      .q_cntwrap .q_cntitem{float: none; display: block;}
      .q_cntwrap .q_cntitem:first-child{margin-bottom: 1.1rem;}
      .q_cntcont{padding:.18rem .45rem .48rem;line-height: 22px;}
      .q_fotcolumn{position: relative;}
      /* index */
      .third_section,.q_ClickVideo,.q_dirbot,.q_secright,.secbottom,.pc_show,.show_more{display: none;}
      #pager footer,.wap_show,.q_ivitem{display: block;}
      .sec_section{height: 7.86rem;}
      .q_secondwrap{margin-top: .5rem; }
      .q_scdscroll .q_secondwrap{ opacity: 0; display:none;}
      .q_fixedhd a,.q_secondwrap{
        transition: all .5s;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        -ms-transition: all .5s;
      }
      .q_secleft{line-height: .46rem;}
      .wap_third{display: block; /*background: url(/images/index_3.jpg) no-repeat center top; background-size:cover;*/}
      .wap_third .wptha{display: block; position: relative; z-index: 9; padding: .3rem .42rem; border-bottom: 1px solid #2056ad;}
      .wap_third img{width: .52rem; height: .56rem; margin-right: .25rem;}
      .wap_third img, .wap_third span{vertical-align: middle; color:#2056ad}
      .q_slogan.qwwidth{width:80%; margin-left: 0px; left:.4rem;}
      .sec_section .q_fixedhd{position: static; opacity: 1; white-space: nowrap;}
      .q_secleft{width:100%; float: none;}
      .q_fourth{padding:.8rem 0px;}
      .q_fourth .q_niimg{margin-bottom: .1rem;}
      .q_fourth .flleft,.q_fourth .flleft .q_niimg{height:4.97rem !important;}
      .q_fourth .flleft,.q_fourth .q_forlist{float:none;}
.navnavnav {overflow-x:scroll;}
    /*  .fix_nav{width:1.5rem;}*/
      .fix_nav .tempWrap{overflow: inherit !important;}
      .fix_nav a{opacity: .3;}
      .fix_nav a.csslink{opacity:.7;}
      .fix_nav a.on{opacity:1;}
       .q_fixedhd a{ width:auto;   padding: .3rem .14rem .2rem;} 
      /* joinus */
      .q_bantextsec,.q_bantext{left:.75rem; margin-left: 0px; top:1.7rem;}
      .q_conttop,.q_abomsg{line-height: 20px; max-height: 120px; overflow: hidden; }
      .q_excwrap .q_jusitem,.q_excitem,.q_newsitem,.q_abomanager li{display: block; width:100%;}
      .q_julayer .q_juimg{margin-bottom: .3rem;}
      .q_julayer .q_juimg,.q_julayer .q_jumsg{float:left; width:100%;}
      .q_juul li{width: 30%;}
      .q_juul{white-space: nowrap;overflow-x: scroll;}
      .q_jsimg{width:100%;}
      .q_conbot .cleargap.tcent{
        display: block;
        padding: 0;
      }
      .q_joinitem{margin-bottom: .4rem;}
      .q_joinwrap .q_ivnav li{display:inline-block; width:2.2rem;}
      .q_teletitle span{padding-left: .26rem;}
      /* 行业 */
      .q_teletab{white-space: nowrap;overflow-x: scroll;}
      .q_consitem li{background-position: .2rem .14rem; font-size:14px;}
      .show_more{background: url(/images/am_more.png) no-repeat left center; background-size: contain; padding-left: .3rem; width:1.3rem; margin:0px auto .5rem;}
      /* 2service */
      .q_serverlist li{display:block; width:100%;}
      .q_svfriend{width:100%;margin-top:.6rem;}
      .q_svfriend .q_svfbox{position: relative;}
      .q_svfriend li{margin: 0px .1rem .3rem;}
      #carousel{height:4.28rem;}
      .slideimg{margin:0px; height:auto; float:none;}
      .q_casewrap .q_button {display:none;}
      .service_bd{position: relative; width:90%; height:auto; margin:0px auto;}
      .bdbdbdbd div.slideimg{padding: 0px 5px; box-sizing: border-box;
      transition: all .5s; overflow: hidden;}
      .service_bd .tempWrap{overflow: inherit !important;}
      .service_bd img{width:100%; height:auto; display:block;}
      .q_siinfo{width:100%;left:0px; right:0px; bottom:0px;margin:0px auto;}
      /* 解放号 */
      .q_jfwrap div.cleargap{width:100%; display: block;}
      .q_jfwrap div.cleargap .q_jftit{vertical-align:middle;margin-top:0;}
      .q_jfdevelop li .q_jfinfo{width: 5.5rem;}
      .q_honour{height:auto;margin-top:.2rem;}
      .q_honour .q_hnor{width:4.5rem; overflow: hidden;}
      .q_honour .q_hnor li{display: block;margin-bottom: .7rem;}
      .q_honour .q_hnor .q_hntext{width: 2.5rem;}
      .q_connectus{height: auto; overflow: hidden;}
      .q_codeshare div.ibox{display: block; text-align: center; margin: 0px auto .4rem !important;}
      .q_csimg{margin:0px auto; width:2.21rem; height:2.21rem;}
      .q_csimg img{max-width: 100%; height:auto;}
      /* .q_contentwrap{padding-bottom: 0px;} */
      .q_bighy{height: 7.6rem; padding-top: .8rem; overflow: hidden; background:url(/images/am_bg1.jpg) no-repeat center center; background-size: cover;}
      .q_bigmsg{width:6.6rem; line-height: 20px; float: none;}
      .q_bigmsg .f18{padding: 0px .2rem;}
      .q_bigsver{margin-bottom: .6rem;}
      .q_bigsvimg{position: static; margin: 0px auto .3rem;}
      .q_bigcont img{max-width: 100%; height:auto;}
      .q_bigsvcont{margin: 0px 0px 0px .5rem;padding: .42rem .4rem .3rem}
      .q_bigfr{float: none;}
      .q_bigtit{font-size: .3rem; line-height: .4rem;}
      .q_bigtext{font-size: .24rem; line-height: .3rem;}
      .q_telewtbg{background: none;}
      .q_biglayer.cleargap .q_bgmrb{display: block; width:100%;}
      .q_biglayer.cleargap .q_bgmrb .q_bighd{padding-left: .2rem;}
      .q_bighd{padding-left: .4rem; color:#000; font-weight: 500;}
      .q_bighd,.q_conbot .q_biglayer,.q_conbot .q_biglayer .cleargap{text-align: left;}
      .q_susscase{height:auto; padding:.9rem .4rem .7rem;}
      .q_susscase .q_sussmsg{padding: 0px; line-height: .38rem;}
      .q_susscase .qwwidth,.q_hnor2{width: 100%;}
      .q_susscase li{width: 2.06rem; height: .56rem; margin: 0px .12rem .2rem !important;}
      .q_hnor2{margin-bottom: 0px;}
      .q_hnor2.q_hnor li{width:3.4rem; margin-right: .13rem; margin-bottom: .6rem;}
      .q_hnor2 .q_hntext{width:2.2rem;line-height: .28rem; font-size: 14px;}
      .q_conbot .f24,.q_conadvance .f24{font-size: .3rem; font-size: 400;}
      .q_confw{text-align: center;}
      .q_confw li{margin-bottom: .6rem;}
      /* map */
      .q_wap_mapinfo{ padding:.5rem .7rem .4rem; line-height: .38rem; border-bottom: 1px solid #f1f1f1; background: #f7f7f7;}
      .q_wap_mapinfo .f30{margin-bottom: 7px;}
      .q_wap_map .q_ivnav{box-shadow: 0px 0px 1px 0px #666;}

      .q_newsitem .q_siinfo .f18{max-height: .3rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
      .q_findmore{display: none !important; width: 1.67rem; height: .54rem; line-height: .54rem; margin:0px auto; background: #79b9a4; color: #fff;}
      /* 关于我们 */
      .labellayer .q_aboul{line-height:22px;}
      .labellayer .q_aboul .f20{font-size:16px;    margin-bottom: .2rem;}
      .labellayer .q_aboul .f14{font-size: 14px !important;}
	  .q_aboul li{width:100%;/* line-height: .4rem; padding:.3rem .2rem;border-bottom: 1px solid #dddddd; border-right: 0px;*/}
      .q_aboul li:last-child,.q_honor{border:none;}
	  .q_devwrap {overflow:hidden;}
      .q_devwrap .q_jfinfo{width:5rem; float:right;}
      .q_abolist li{width:3.25rem; height:2.95rem; line-height: .3rem; margin-bottom: .13rem;}
      .labellayer .f18.q_marb4{line-height: 22px;}
      .q_ylf,.q_yrt{display: none;}
      .q_year{width:100%; height:1.26rem; overflow: hidden;}
      .q_year li{width:1.65rem;/*width:165px; */height:1.26rem; line-height: 1.26rem;}
      .q_year .q_yinfo {width:100%; font-size: .3rem;}
      .q_conlunbo{overflow: hidden;}

      .q_yinfo.sameafter:after{bottom: -.05rem;}
      .q_honor,.q_yearlunbo{overflow: hidden;}
      .q_yearwarp {position: absolute; background: none; }

      .picScroll ul{white-space: nowrap; overflow-x: scroll;}
      .q_yearwarp,.q_yearwarp .q_yritem{max-height: 400px;}
      .q_yearwarp .q_yritem{float: left; border:1px solid #e4e4e4; box-sizing: border-box;padding:0px; background: #f9fbff; overflow-y: scroll;} 
      .q_devwrap .q_yritem{overflow-y: scroll;}
      .q_yearwarp .q_content{margin:.32rem .35rem;}
      .q_ivnav{line-height: .42rem;}
      .q_ivnav ul{ display: none;}
      .q_ivitem{padding: .44rem .9rem; border-bottom: 1px solid #cccccc;}
      .q_ivitem:after{width:.32rem; height:.2rem; background:url(/images/am_a1.png) no-repeat; background-size: cover; right: .9rem; top:.55rem;}
      .q_ivnav .qwwidth{width:100%;}
      .q_ivnav li{display: block; width:100%; padding: 0px; height: 1.05rem; line-height: 1.05rem;  border-bottom: 1px solid #cccccc; text-align: left; padding-left: .9rem;}
      .q_ivnav li:after{display:none;}
      .q_ivnav li .f16{font-size: .3rem;}
      /* footer */
/*
      footer{padding: 0px;position:relative; z-index:9;}
      footer .q_fotitem{float: none;margin-right: 0px;position:relative; display:block;}
      footer .qwwidth{width:100%;}
      footer a.q_fotcolumn{font-size: .3rem; height:.87rem; line-height: .87rem;border-bottom: 1px solid #848484;padding:0px .4rem;}
      .q_fotsecd{padding: .13rem 0; background: #393939; display: none;}
      .q_fotsecd a{padding:0px .4rem; line-height: .6rem; font-size: .26rem;}
      .q_fotright{float:none; width:5.4rem; margin:.9rem auto 0; display:block;}
      .q_fotright .f16{display:inline-block; width:48%; text-align: left; font-size: .3rem; padding-left: .8rem;}
      .q_fotrt{display:none;}
.q_jftit img{max-width:50%;}
.q_addcontlt li{text-align:center;}
.q_bluebg{ background: none;}
.q_bluebg .q_teletitle{color:#232323;margin-bottom:.4rem;}
.q_bluebg .q_teletitle.sameafter:after{    border-color: #2056ad;}
.q_ivnav_new li{font-size:16px!important;}
.width75 .indexAbstract_img,.width75 .indexAbstract_text,.width75 .indexAbstract_img .imgLeft{float:none!important;width:100%!important;}
.width75 .indexAbstract_img .imgLeft img{max-width:100%; height:auto;}
.q_cntitem .ibox{vertical-align: middle;}
.indexAbstract_img .imgLeft{    width: 60%!important;}
.indexAbstract_img .imgRight{    width: 50%!important;padding-top:0!important;padding-right:0!important;}
.indexAbstract_img .imgRight img{width:100%}
.indexAbstract_img{display: flex;align-items: center;}
.q_newswrap{width: 100%;min-width: 0;}
}
*/

@media (max-width: 579px) {

      .q_consitem li{background-position: .2rem .12rem;}
.q_conf18 p{line-height:20px; font-size:14px;}
}

@media (max-width: 479px) {
  .q_ivbot a{padding-left: .45rem;}
  .qmmdetailList .detailText,.qmmdetailList .detailWrap h5{line-height: 18px; max-height:36px; overflow: hidden; text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;}
dl.q_ivtlist h1{font-size: 20px !important;}

.q_jfwrap2 div.cleargap{height:initial;}
.q_jfwrap2 .q_jfcont{line-height:20px;}
.q_bantextsec .f16{font-size:12px;    line-height: 18px;}
} 
@media (max-width: 379px) {
  .qmmdetailList .detailWrap h5 { -webkit-line-clamp:1;}
  .q_abomanager li{line-height: .36rem;}
.q_consitem li{    padding-left: .58rem; background-position:.2rem .18rem;}
.show_more{width:1.6rem;    padding-left: .4rem;}
.q_ivnav_new li{font-size:14px!important;}
.q_cntwrap{width: 7rem;}
.pager span, .pager a{width:22px;}

}
.qli li{margin-left:.1rem;}



@media (max-width: 750px) {
    .q_secright:hover img, .q_svfriend .q_svfbox:hover img, .slideimg.selected:hover img, .q_serverlist li:hover img, .q_joinitem:hover .q_jsimg img, .q_juimg:hover img{
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
    }
    .q_contentwrap{
        padding-top: 0.3rem;
    }
    .qwwidth{
        width: 100%;
        padding: 0 0.2rem;
    }
    .q_teletitle.f36{
        font-size: 0.16rem;
    }
    .q_conttop{
        margin: 0.15rem 0 0.3rem;
        font-size: 0.14rem;
    }
    .q_conttop, .q_abomsg{
        line-height: 1.6;
        max-height: inherit;
    }
    .q_contentwrap .f22{
        font-size: 0.14rem;
        line-height: 1.6;
    }
    .q_contentwrap .f30{
        font-size: 0.16rem;
    }
    .q_contentwrap .f28{
        font-size: 0.16rem;
    }

    .q_joinwrap .q_ivnav li{
        width: 33.33333%;
    }
    .q_joinwrap .q_ivnav li a{
        font-size: 0.16rem;
    }
    .q_ivnav li{
        height: 0.50rem;
        line-height: 0.50rem;
        padding: 0;
        text-align: center;
    }
    .q_julayer{
        margin-bottom: 0.3rem;
    }
    .q_jsimg{
        height: auto;
    }
    .q_jshref{
        margin-bottom: 0.15rem;
    }
    .q_jshref img, .q_jshref i{
        max-width: 0.8rem;
    }
    .q_joinitem:last-child{
        padding-bottom: 0;
    }
    .q_joinitem:last-child .q_jsimg{
        margin-bottom: .2rem;
    }
}