html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, button, input, textarea {margin:0;padding:0;border:0;outline:0; font-family:"Microsoft Yahei", "Helvetica Neue", Helvetica, STHeitiSC-Light, Arial;;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
h1, h2, h3, h4, h5, h6 {font-weight: bolder;}
body {overflow:auto;color:#2a2e37;font-size: 0.84vw;}
img { border:none;vertical-align:middle;max-width: 100%;}
table {border-collapse:collapse;border-spacing:0;}
q:before, q:after, blockquote:before, blockquote:after {content: "";}
ol, ul,li {list-style:none;}
input, textarea {border:none;}
body{background:#ffffff;}
hr { height:0px; border-top:1px solid #cccccc; border-right:0px; border-bottom:0px; border-left:0px; }

.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}

.show{display: block !important}
.hide{display: none !important}

.top{z-index: 99999}
.bottom{z-index: 0}

.blank{width:100%}
.lock{overflow:hidden}

.pointer{cursor:pointer}
.error{border:1px solid #b11116 !important;color:#b11116}

.h170{height:170px;margin: auto}
.h206{height:206px;margin: auto}
.w1427{width:1427px;margin: auto}
.w1280{width:1280px;margin: auto}

/*加载*/
.mark{position:fixed;width:100%;top:0px;left:0px;z-index:200;}
.mark .bg{width:100%;background:rgba(0,0,0,0.8) none repeat scroll !important;background:#000;filter:Alpha(opacity=80);position: fixed; top: 0;left: 0;z-index: 201;width: 100%;}
.mark .container{margin: auto; color: #fff; position: relative;z-index:205;font-size:40px;color:#ffffff;text-align:center;}

/*头部*/
.header{z-index:99996;top: 0;right: 0;position:fixed;width: 100%;height:4vw;}

.header li a{vertical-align:middle;text-decoration:none;padding:0 1.2vw;}
.header li a:link{text-decoration:none;color:#ffffff;}
.header li a:visited{text-decoration:none;color:#ffffff;}

.header .line1 {width: 100%;height: 4vw;background: #0044AF;}
.header .line1 .col1 {height: 2.4vw; width:10.96vw;background: url('/Yourphp/Tpl/Home/Default/Public/images/logo.png') no-repeat left;background-size:auto 100% ;cursor: pointer;float:left;margin-top: 0.8vw;margin-left: 12vw;}
.header .line1 .col2 {width: 41.94vw; height:100%;float:left;margin-left:8vw;}
.header .line1 .col2 .topmenu1 {color: #ffffff;font-size:0.95vw; text-align: left;position: relative;height: 100%;width: 100%;}
.header .line1 .col2 .topmenu1 > li{float:left;height: 100%;line-height: 4vw;cursor: pointer;}
.header .line1 .col2 .topmenu1 > li p{line-height: 4.8vw;}
.header .line1 .col2 .topmenu1 .nav_hov {color:#ffffff;}
.header .line1 .col2 .topmenu1 > li:hover{background-color:#00A0C6;}
.header .line1 .col3 {float:left;width: 24vw;font-size: 0.95vw;color: #FBC300;}
.header .line1 .col3 > div {float:left;height: 0.8vw;margin-top:1.76vw;}
.header .line1 .col3 > div > li {float:left;}
.header .line1 .col3 > img {float: left;width: 1vw; padding-top: 1.76vw;}

.header .subNav_index {width:100%;-moz-opacity: 0.50;opacity: .50;filter: alpha(opacity=50);}
.header .subNav_item {display:none;width:100%;height:1.84vw;background: #000000;}
.header .subNav_item ul {padding-left: 2.4vw;}
.header .subNav_item li {float:left;padding:0 1.2vw;line-height: 1.6vw;}
.header .subNav_item li a{color: #c9bab3; font-size:0.63vw;padding:0 0.4vw;}
.header .subNav_item li a:hover {color: #ffffff;}

#totop {z-index: 99996;position:fixed;right:4%;bottom: 15vw;}
#totop > img {width: 2.5vw;}

::-webkit-scrollbar{width: 4px;background-color: #F5F5F5;}
::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(200,200,200,0.3);border-radius: 10px;background-color: #F5F5F5;}
::-webkit-scrollbar-thumb{-webkit-box-shadow: inset 0 0 6px rgba(200,200,200,.3);border-radius: 10px;background-color: #555;}

#bannerpic {margin-top:4vw;width:94vw;height:32vw;margin-left: 3vw;}

#ZZ {z-index:99997;display:none;background-color: black;-moz-opacity: 0.80;opacity: .80;filter: alpha(opacity=80);position:absolute;width: 100%;overflow: hidden;}
#showDiv {z-index: 99998;width: 94vw;position: absolute;}
.closezz {float: right;margin-right: 1rem; padding-top: 1rem;cursor: pointer;}

/*底部*/
.footer{width:100%;position: relative;background-color: #00132E;color:#8B8A8E;}
.footer .title_1 {font-size:0.63vw;margin-top: 3.2vw;}
.footer .title{font-size:1.16vw;height: 2.4vw;margin-top: 0.4vw;}
.footer .title div{border-bottom: 1px #8B8A8E solid;float: left;height: 2.4vw;}
.footer > .col1, .footer > .col2, .footer > .col3, .footer > .col4, .footer > .col5, .footer > .col6{float:left;width: 5%;margin-top: 2.4vw;}
.footer > .col2, .footer > .col3, .footer > .col4, .footer > .col5{margin-left:2vw;margin-right: 2vw;}
.footer .col1{margin-left:12vw;margin-right: 2vw;}
.footer .col6{margin-left:2vw;margin-right: 4vw;}
.footer .footnav {cursor: pointer;height: 2vw;}
.footer .firstfootnav {margin-top: 1.2vw;}
.footer .footnav li{line-height: 2vw;font-size: 0.95vw;}
.footer .col7{float:left;width: 30vw;margin-top:5.6vw;border-left: 1px #8B8A8E solid;}
.footer .col7 > div,.footer .col7 > li {margin-left: 13%;}
.footer .col7 .footcontact{margin-top: 4vw;margin-bottom: 0.8vw;font-weight: bold;color: #FFBA00;}
.footer .col7 .qrcode {width: 18%;margin-top: 1.5vw;float: left;}
.footer .col7 .footadd {float: left;width:50%;margin-left: 1.6vw;margin-top:0.8vw;font-size: 0.63vw;}
.footer .copyright{text-align: center;font-size: 0.74vw;margin-top: 2.4vw;}

.more{width:14rem;font-size:0.74vw;height:2.5rem;line-height:2.5rem;text-align:center;cursor: pointer;margin: 0 auto 3rem auto;background: #054DA1;color: #FFFFFF;}
.more img{width: 14px;margin-right: 14px;}
.back{width:2rem;height:2rem;background: url("../images/X.png") no-repeat;background-size: 100% 100%;cursor: pointer;}

/*主体内容*/
.body {width: 100%;}
.catname {text-align: center;margin-left: calc(12% - 0.5rem);margin-top: 2rem;}
.catname .currcat {background: #0044AF;color: #ffffff;}
.catname a {color: #9e9e9e;}
.catname a:hover {color: #ffffff;}

.toplist {position: relative;color:#000000;}
.toplist li{float:left;width:8rem;height:2rem;line-height:2rem;margin-left:0.5rem;cursor: pointer;background: #E7E7E7;}

.product {width: 76vw;margin-left: 12vw; padding-top:2rem;z-index: 99995;}

.prolist {position: relative;margin-top: 0.5rem;margin-bottom: 3rem;}
.prolist div{position:relative;display:inline-block;vertical-align:top;width:24vw;height:19vw;margin-right:0.9vw;margin-top:2rem;cursor: pointer;background-color: #fff;
border-radius:10px;border:2px solid #EFEFEF;}
.prolist img{border-top-left-radius:10px;border-top-right-radius:10px;width: calc(100% - 1rem);margin-left: 0.5rem;margin-top:0.5rem;}

.prolist .title {float:left;width: 10vw;margin-left:1rem;margin-top:1vw;text-align: left;font-size: 1.3vw;line-height: 2.4vw;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.prolist .desc {float:left;position: absolute;left:11vw;top:87%;transform:translateY(-50%);width: calc(13vw - 1rem);font-size: 0.8vw;line-height: 1.2vw;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-break: after-line;}

.proshow {background-color: #FFFFFF;width:76vw; height: 38vw;margin-left: 12vw;margin-top: 22rem;}
.proshow .line1 {margin-left: 3rem;}
.proshow .proshow_topline {float: left; padding-top: 1rem;}
.proshow .line2 {margin-top: 4rem;}
.proshow .col1 {float:left;width: 35vw; height: 27vw; margin-left: 3rem;background-position: center;background-repeat: no-repeat;background-size: auto 100%;}
.proshow .col2 {float:left;margin-left: 3rem; width: calc(41vw - 9rem);}
.proshow .title{color: #0044AF ;font-size: 1.8rem;}
.proshow .content{color:#2a2e37;line-height:1.5rem;margin-top: 2rem;}
.proshow .content p{border-top: 1px #000 solid;padding-top: 0.5rem;padding-bottom: 0.5rem;}

.article {position:relative;width:76vw;left:12vw;padding-top:4rem;z-index: 99995;}
.article > li {font-size: 2.5rem;font-weight:lighter;text-align: center;margin-bottom: 1rem; }
.article .time {font-weight:100;color: #848484;}

.artlist {position: relative;margin-bottom: 3rem;}
.artlist .thumba {display:inline-block;width: 37vw;padding-top: 20.35vw;background-size: 100% 100%;}
.artlist .neirong {display:inline-block;width: 37vw;margin-left: 2vw;vertical-align:top;border-top: 1px #000000 solid;text-align: left;}
.artlist li {margin-top: 1rem;}
.artlist .arttitle {font-size: 1.5rem;}
.artlist .artdes {font-size: 1rem;line-height: 1.5rem;width: 35vw;overflow: hidden;-webkit-line-clamp: 6;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-break: after-line;}
.artlist .chakan {position:absolute;width:37vw;line-height: 2.4vw;bottom:0;font-size: 1.26vw;background-color: #F3F3F3;text-align: right;}
.artlist .chakan span{cursor: pointer;padding: 0.42vw 2vw;background-color: #054DA1;color: #FFFFFF;}
.artlist .artone{margin-bottom: 2vw;position: relative;}

.article > .col1 {display:inline-block;width: 50vw;vertical-align: top;margin-left: 13vw;}
.newsshow {display:inline-block;width:50vw;vertical-align: top;margin-top: 1rem;margin-left:13vw;font-size: 18px;}
.newsshow .arttitle{line-height:40px;font-size:1.69vw;padding-bottom:1rem;text-align: left;font-weight: bold;}
.newsshow .arttitle_en{font-size:1.69vw;text-align: left;font-weight: bold;}
.newsshow .content{margin-top: 2rem;line-height: 2rem;}
.newsshow .content img{padding: 2rem 0;}
.newsshow .fanhui{line-height: 2.5rem;text-align: right;margin-bottom: 5rem;}
.newsshow .fanhui span{color:#FFFFFF;background-color: #054DA1;padding: 0.5rem 3rem;cursor: pointer;}

.artshow {display:inline-block;width:76vw;vertical-align: top;margin-top: 5rem;margin-left:12vw;font-size: 0.95vw;}
.artshow .arttitle{line-height:40px;font-size:1.69vw;padding-bottom:1rem;text-align: left;font-weight: bold;}
.artshow .arttitle_en{font-size:1.69vw;text-align: left;font-weight: bold;}
.artshow .end{border-top: black 1px solid;margin: 3rem 0;}

/*recruit list*/
.rectitle {font-size: 1.4rem; font-weight: bold;cursor: pointer;}
.reccur {color: #0144AF;}
.reccol1 {float:left;width: 15vw;margin-left:12vw;line-height: 2.8rem;border-right: 1px solid #787878;min-height: 60rem;}
.reccol2 {float: left;margin-left: 27vw;}

/*recruit show*/
#recshowDiv {width: 61vw;position: absolute;}
.recshow .title {line-height:3rem;font-size:1.69vw;text-align: left;}
.recshow .title_en {font-size:1rem;text-align: left;margin-bottom: 2rem;}
.recshow .content {margin-bottom: 2rem;line-height: 2rem;}
.recshow .subtitle {line-height: 2rem;}
.recshow .artshow {width: 60vw;margin-left: 6rem;margin-top: 0;}
/*首页css*/
.index_row{position:relative;width:76vw;left:12vw;margin-top: 1rem;margin-bottom: 1rem;text-align: center;z-index: 100;}
.index_row > .indexmenu {margin: 1.5rem 0;}
.index_row > .indexmenu li{float: left;cursor: pointer;color: #000000;background: #FFFFFF;border: 1px solid #000000;border-radius: 0.5rem;
    width: 8rem;height:1.5rem;line-height:1.5rem;text-align: center;margin-right: 1rem;}
.index_row .col1 {text-align:left;float:left;width: 36vw;margin-right: 4vw;border-top: 1px solid #000000;}
.index_row .col2 {text-align:left;float: left;width: 36vw;display: flex; flex-direction: column;overflow: auto;}
.index_row .col2 > video {
    z-index: 100;
    width: calc(35vw - 4px); /* 设置视频宽度为容器宽度的100% */
    height: 20vw; /* 设置视频高度为0 */
    object-fit: cover; /* 保持视频的宽高比 */
    flex-grow: 1;
}
.index_row .col2 .video_outer {
    z-index: 0;
    margin-top: -19vw;margin-left: 1vw;
    width: calc(35vw - 4px);
    height: 20vw;
    border: 2px solid #DFDFDF;
    flex-grow: 1;
}
.index_backhui {
    background-image: url('/Public/Kindeditor/attached/image/20230918/20230918062308_61991.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    height: 10.44vw;
    margin-top: -9rem;
    margin-bottom: 5rem;
}

#prolist1 {position: relative;margin-top: 0.5rem;margin-bottom: 3rem;width: 76vw;display: flex;overflow-x:auto;white-space: nowrap;overflow: hidden;}
#prolist1 .index_propic {flex:0 0 auto;display:inline-block;vertical-align:top;width:18.25vw;height:23.18vw;margin-right:1vw;margin-top:2rem;cursor: pointer;
    border-radius:50px;background-position: center;background-repeat: no-repeat;background-size: auto 100%;color: #FFFFFF;position: relative;}
#prolist1.active {opacity: 1;}
#prolist1.inactive {opacity: 0;}
#prolist1 .title {width: 18.4vw;font-size: 1vw;line-height: 2.4vw;bottom: 1rem;position: absolute;}

.thumbb {float:left;width: 10vw;height:14vw;margin-right:2vw;margin-bottom:1vw;background-size: 100% 100%;border:0.5rem solid #0075C2;}
.thumbb_last{margin-right: 0 !important;}
.thumbb_show {width: 30vw;height: 42vw;background-size: 100% 100%;margin: auto;margin-top: 15rem;-moz-opacity: 1;opacity: 1;filter: alpha(opacity=100);}

.pro_current,.art_current{background: #054DA1 !important;color: #FFFFFF !important;border-color: #054DA1 !important;}

.lxwm {display:inline-block;width:76vw;vertical-align: top;margin-left: 12vw;}
.lxwm > li {line-height: 1.5rem;}
.lxwmf {z-index: 99995;margin:3rem 0;color: #000000;}
.lxwmf .col1{float:left;width: 38vw;}

.lxwmf .col2{float: left;width: 38vw;}
.lxwmf .col2 > li{font-size: 2.5vw;}
.lxwmf .contacttitle{width: 10vw;height: 2vw;}
.lxwmf .contacttitle > img {float: left;width: 2.5vw;}
.lxwmf .contacttitle > li {float: left;font-size: 1.2vw;line-height: 2.5vw;padding-left: 1vw;}
.lxwmf .contactline {font-size: 1.8vw;padding-left: 3.5vw;line-height: 2.4vw;}
.lxwmf .title {font-size: 4vw;text-align: left;}
.lxwmf li{font-size: 1.3vw;}
.lxwmf .tijiao {padding-left:0;width:13rem;height:3vw;line-height:3vw;color: #fff;
    text-align:center;cursor: pointer;background: #054DA1;font-size: 1.2vw;}


/*分页*/
div.flickr{
    margin:5rem;
    text-align:center;
    font-size: 14px;
}
div.flickr a{
    display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    color: #000000;
    margin-right:12px;
    text-align: center;
    vertical-align: bottom;
    text-decoration:none;
    background: #E7E7E7;
}
div.flickr a:hover{
    background-image:none;
    color:#ffffff;
    background-color:#054DA1;
}
div.flickr a.current{
    width:36px;
    height:36px;
    font-weight:bold;
    color:#ffffff;
    margin-right:12px;
    background-color:#054DA1;
}
div.flickr a.disabled{
    color:#adaaad;
    margin-right:12px;
}

.triangle_l {
    width: 0 !important;
    height: 0 !important;
    background-color:#FFFFFF !important;
    border-top: 14px solid transparent;
    border-right: 14px solid #054DA1;/* 右边边框的宽度 */
    border-bottom: 14px solid transparent;         /* 下边边框的宽度和颜色 */
    margin-bottom: 4px;
}
.triangle_r {
    width: 0 !important;
    height: 0 !important;
    background-color:#FFFFFF !important;
    border-top: 14px solid transparent;
    border-left: 14px solid #054DA1;/* 右边边框的宽度 */
    border-bottom: 14px solid transparent;         /* 下边边框的宽度和颜色 */
    margin-bottom: 4px;

}