@charset "utf-8";
html{-webkit-font-smoothing:antialiased;height: 100%;touch-action: manipulation;}
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer{display: block;margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
table,th,td{border: 1px solid black;}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:400;}
dl,ol,ul{list-style-type:none}
h1,h2,h3,h4,h5,h6{font-size:100%;}
a{text-decoration:none;color: inherit;}
a:hover{text-decoration:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:none;blr:expression(this.onFocus=this.blur())}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
textarea{resize:none;outline: none;font-family: Arial,Microsoft Yahei;}
img{vertical-align:middle;max-width: 100%;height: auto;}
button,input[type=submit],input[type=text],input[type=button]{-webkit-appearance:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;blr:expression(this.onFocus=this.blur())}
input{outline: 0;}
input::-webkit-input-safebox-button{display: none;/*去掉搜狗浏览器密码软盘*/}
body{font-size: 14px;color: #000;font-family: Arial,Microsoft Yahei;}
body *{box-sizing: border-box;line-height: 1;}

#web-ietip {width: 526px; height: 90px; padding: 83px 0 0 84px; overflow:hidden; background: url(../css/ietip/browser.png) no-repeat center center; margin: 200px auto 0;}
#web-ietip a{display: block; width: 65px; height: 80px; float: left;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.ellipsis{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.eps2{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

div.mCSB_scrollTools{opacity: 1;width: 3px;}
div.mCSB_scrollTools .mCSB_draggerRail{width: 3px;background-color: #f0f0f0;filter: none;-ms-filter: none;}
div.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 3px;background-color: #0094d6;border-radius: 2px;filter: none;-ms-filter: none;}
div.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
div.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color: #0094d6;filter: none;-ms-filter: none;}
div.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color: #0094d6;filter: none;-ms-filter: none;}
div.mCSB_inside>.mCSB_container{margin-right: 0 ;}

form input::-webkit-input-placeholder,
form textarea::-webkit-input-placeholder{color: #7d766c;}
form input:-moz-placeholder,
form textarea:-moz-placeholder{color: #7d766c;}
form input::-moz-placeholder,
form textarea::-moz-placeholder{color: #7d766c;}
form input:-ms-input-placeholder,
form textarea:-ms-input-placeholder{color: #7d766c;} 

html{font-size: calc(100vw / 1920 * 100);}
@media(max-width: 900px){
    html{font-size: calc(900px / 1920 * 100);}
}

body{font-size: calc(16 * 100vw / 1920);} 
@media(max-width: 1584px){
    body{font-size: 13.2px;}
}

.s12{font-size: calc(12 * 100vw / 1920);}
@media(max-width: 1920px){
    .s12{font-size: 12.0px;}
}
.s13{font-size: calc(13 * 100vw / 1920);}
@media(max-width: 1816px){
    .s13{font-size: 12.3px;}
}
.s14{font-size: calc(14 * 100vw / 1920);}
@media(max-width: 1728px){
    .s14{font-size: 12.6px;}
}
.s15{font-size: calc(15 * 100vw / 1920);}
@media(max-width: 1651px){
    .s15{font-size: 12.9px;}
}
.s16{font-size: calc(16 * 100vw / 1920);}
@media(max-width: 1584px){
    .s16{font-size: 13.2px;}
}
.s17{font-size: calc(17 * 100vw / 1920);}
@media(max-width: 1524px){
    .s17{font-size: 13.5px;}
}
.s18{font-size: calc(18 * 100vw / 1920);}
@media(max-width: 1472px){
    .s18{font-size: 13.8px;}
}
.s19{font-size: calc(19 * 100vw / 1920);}
@media(max-width: 1424px){
    .s19{font-size: 14.1px;}
}
.s20{font-size: calc(20 * 100vw / 1920);}
@media(max-width: 1382px){
    .s20{font-size: 14.4px;}
}
.s21{font-size: calc(21 * 100vw / 1920);}
@media(max-width: 1344px){
    .s21{font-size: 14.7px;}
}
.s22{font-size: calc(22 * 100vw / 1920);}
@media(max-width: 1309px){
    .s22{font-size: 15.0px;}
}
.s23{font-size: calc(23 * 100vw / 1920);}
@media(max-width: 1277px){
    .s23{font-size: 15.3px;}
}
.s24{font-size: calc(24 * 100vw / 1920);}
@media(max-width: 1248px){
    .s24{font-size: 15.6px;}
}
.s25{font-size: calc(25 * 100vw / 1920);}
@media(max-width: 1221px){
    .s25{font-size: 15.9px;}
}
.s26{font-size: calc(26 * 100vw / 1920);}
@media(max-width: 1196px){
    .s26{font-size: 16.2px;}
}
.s27{font-size: calc(27 * 100vw / 1920);}
@media(max-width: 1173px){
    .s27{font-size: 16.5px;}
}
.s28{font-size: calc(28 * 100vw / 1920);}
@media(max-width: 1152px){
    .s28{font-size: 16.8px;}
}
.s29{font-size: calc(29 * 100vw / 1920);}
@media(max-width: 1132px){
    .s29{font-size: 17.1px;}
}
.s30{font-size: calc(30 * 100vw / 1920);}
@media(max-width: 1113px){
    .s30{font-size: 17.4px;}
}
.s31{font-size: calc(31 * 100vw / 1920);}
@media(max-width: 1096px){
    .s31{font-size: 17.7px;}
}
.s32{font-size: calc(32 * 100vw / 1920);}
@media(max-width: 1080px){
    .s32{font-size: 18.0px;}
}
.s33{font-size: calc(33 * 100vw / 1920);}
@media(max-width: 1064px){
    .s33{font-size: 18.3px;}
}
.s34{font-size: calc(34 * 100vw / 1920);}
@media(max-width: 1050px){
    .s34{font-size: 18.6px;}
}
.s35{font-size: calc(35 * 100vw / 1920);}
@media(max-width: 1036px){
    .s35{font-size: 18.9px;}
}
.s36{font-size: calc(36 * 100vw / 1920);}
@media(max-width: 1024px){
    .s36{font-size: 19.2px;}
}
.s37{font-size: calc(37 * 100vw / 1920);}
@media(max-width: 1011px){
    .s37{font-size: 19.5px;}
}
.s38{font-size: calc(38 * 100vw / 1920);}
@media(max-width: 1000px){
    .s38{font-size: 19.8px;}
}
.s39{font-size: calc(39 * 100vw / 1920);}
@media(max-width: 989px){
    .s39{font-size: 20.1px;}
}
.s40{font-size: calc(40 * 100vw / 1920);}
@media(max-width: 979px){
    .s40{font-size: 20.4px;}
}
.s41{font-size: calc(41 * 100vw / 1920);}
@media(max-width: 969px){
    .s41{font-size: 20.7px;}
}
.s42{font-size: calc(42 * 100vw / 1920);}
@media(max-width: 960px){
    .s42{font-size: 21.0px;}
}
.s43{font-size: calc(43 * 100vw / 1920);}
@media(max-width: 951px){
    .s43{font-size: 21.3px;}
}
.s44{font-size: calc(44 * 100vw / 1920);}
@media(max-width: 942px){
    .s44{font-size: 21.6px;}
}
.s45{font-size: calc(45 * 100vw / 1920);}
@media(max-width: 934px){
    .s45{font-size: 21.9px;}
}
.s46{font-size: calc(46 * 100vw / 1920);}
@media(max-width: 926px){
    .s46{font-size: 22.2px;}
}
.s47{font-size: calc(47 * 100vw / 1920);}
@media(max-width: 919px){
    .s47{font-size: 22.5px;}
}
.s48{font-size: calc(48 * 100vw / 1920);}
@media(max-width: 911px){
    .s48{font-size: 22.8px;}
}
.s49{font-size: calc(49 * 100vw / 1920);}
@media(max-width: 905px){
    .s49{font-size: 23.1px;}
}
.s50{font-size: calc(50 * 100vw / 1920);}
@media(max-width: 898px){
    .s50{font-size: 23.4px;}
}
.s51{font-size: calc(51 * 100vw / 1920);}
@media(max-width: 892px){
    .s51{font-size: 23.7px;}
}
.s52{font-size: calc(52 * 100vw / 1920);}
@media(max-width: 886px){
    .s52{font-size: 24.0px;}
}
.s53{font-size: calc(53 * 100vw / 1920);}
@media(max-width: 880px){
    .s53{font-size: 24.3px;}
}
.s54{font-size: calc(54 * 100vw / 1920);}
@media(max-width: 874px){
    .s54{font-size: 24.6px;}
}
.s55{font-size: calc(55 * 100vw / 1920);}
@media(max-width: 869px){
    .s55{font-size: 24.9px;}
}
.s56{font-size: calc(56 * 100vw / 1920);}
@media(max-width: 864px){
    .s56{font-size: 25.2px;}
}
.s57{font-size: calc(57 * 100vw / 1920);}
@media(max-width: 858px){
    .s57{font-size: 25.5px;}
}
.s58{font-size: calc(58 * 100vw / 1920);}
@media(max-width: 854px){
    .s58{font-size: 25.8px;}
}
.s59{font-size: calc(59 * 100vw / 1920);}
@media(max-width: 849px){
    .s59{font-size: 26.1px;}
}
.s60{font-size: calc(60 * 100vw / 1920);}
@media(max-width: 844px){
    .s60{font-size: 26.4px;}
}
.s61{font-size: calc(61 * 100vw / 1920);}
@media(max-width: 840px){
    .s60{font-size: 26.7px;}
}
.s62{font-size: calc(62 * 100vw / 1920);}
@media(max-width: 836px){
    .s60{font-size: 27.0px;}
}
.s63{font-size: calc(63 * 100vw / 1920);}
@media(max-width: 832px){
    .s60{font-size: 27.3px;}
}
.s64{font-size: calc(64 * 100vw / 1920);}
@media(max-width: 828px){
    .s60{font-size: 27.6px;}
}
.s65{font-size: calc(65 * 100vw / 1920);}
@media(max-width: 824px){
    .s60{font-size: 27.9px;}
}
.s66{font-size: calc(66 * 100vw / 1920);}
@media(max-width: 820px){
    .s60{font-size: 28.2px;}
}
.s67{font-size: calc(67 * 100vw / 1920);}
@media(max-width: 816px){
    .s67{font-size: 28.5px;}
}
.s68{font-size: calc(68 * 100vw / 1920);}
@media(max-width: 813px){
    .s68{font-size: 28.8px;}
}
.s69{font-size: calc(69 * 100vw / 1920);}
@media(max-width: 809px){
    .s69{font-size: 29.1px;}
}
.s70{font-size: calc(70 * 100vw / 1920);}
@media(max-width: 806px){
    .s70{font-size: 29.4px;}
}
.s70{font-size: calc(70 * 100vw / 1920);}
@media(max-width: 803px){
    .s70{font-size: 29.7px;}
}
.s71{font-size: calc(71 * 100vw / 1920);}
@media(max-width: 800px){
    .s71{font-size: 30px;}
}
.s72{font-size: calc(72 * 100vw / 1920);}
@media(max-width: 796px){
    .s72{font-size: 30.3px;}
}
.s73{font-size: calc(73 * 100vw / 1920);}
@media(max-width: 793px){
    .s73{font-size: 30.6px;}
}
.s74{font-size: calc(74 * 100vw / 1920);}
@media(max-width: 791px){
    .s74{font-size: 30.9px;}
}
.s75{font-size: calc(75 * 100vw / 1920);}
@media(max-width: 788px){
    .s75{font-size: 31.2px;}
}
.s76{font-size: calc(76 * 100vw / 1920);}
@media(max-width: 79px){
    .s76{font-size: 31.5px;}
}
.s77{font-size: calc(77 * 100vw / 1920);}
@media(max-width: 785px){
    .s77{font-size: 31.8px;}
}
.s78{font-size: calc(78 * 100vw / 1920);}
@media(max-width: 782px){
    .s78{font-size: 32.1px;}
}
.s79{font-size: calc(79 * 100vw / 1920);}
@media(max-width: 780px){
    .s79{font-size: 32.4px;}
}
.s80{font-size: calc(80 * 100vw / 1920);}
@media(max-width: 777px){
    .s80{font-size: 32.7px;}
}
 



main{position: relative;}


/* 咨询服务类 */ 
.a-a{width: 100%;position: relative;}
.a-b{width: 100%;}
.a-item{width: 100%;}
.a-c{display: block;cursor: pointer; width: 100%;position: relative;}
.a-img{width: 100%;}
.a-img img{width: 100%;}
.a-cont{position: absolute; width:15.4rem;left: 50%;top: 49%;transform: translate(-50%,-50%);}
.a-titles{width: 100%;letter-spacing: .06rem;color: #ffffff;font-weight: bold;line-height: 1.1;margin-bottom: .6rem;}
.a-en{color: #ffffff;line-height: 1.3;margin-bottom: 1rem;}
.a-buttom{display: inline-block;position: relative;cursor: pointer; background-color: #da291c;overflow: hidden;}
.a-buttom:after{content: '';position: absolute;top: 0;left: calc(100% - .03rem);transition: all .5s; width: 100%;height: 100%;background-color: #ff9920;}
.a-d{color: #ffffff;position: relative;z-index: 18;padding: .18rem .65rem;}
.a-buttom:hover:after{left: 0;}

.a-mouse{cursor: pointer; animation: AnRotate 1.5s linear infinite alternate;position: absolute;bottom: .7rem;left: 50%;z-index: 98; margin-left: -.15rem; width: .3rem;height: .3rem;background-image: url('../images/a5.png'); background-size: auto .3rem ;background-position: center center;background-repeat: no-repeat;}
.a-e{position: absolute;z-index: 98; width:15.4rem;left: 50%;bottom: .9rem;font-size: 0; transform: translate(-50%,0);}
.a-total{display: inline-block;vertical-align: middle; color: #ffffff;opacity: 0.5;}
.a-cur{display: inline-block;vertical-align: middle; color: #ffffff; }
.a-bar{position: static; display: inline-block;vertical-align: middle;margin: 0 .25rem;width: 1.16rem; background-color: rgba(255,255,255,.5); }
.a-inner{display:  block;overflow: visible !important; position: relative; height: 2px;background-color: #fff;opacity: 1;}
.a-inner:after{content: ''; position: absolute;top: -2px;right: -6px;border-radius: 50%;width: 6px;height: 6px;background-color: #ffffff;}


@keyframes AnRotate{
    0%{
        transform: translatey(5px);
    }
    50%{
        transform: translatey(0);
    } 
    100%{
        transform: translatey(-5px);
    }

}

@media(max-width: 750px){
    .a-mouse{display: none;}
    .a-cont{width: 100%;top: 55%; padding-left: 10px;padding-right: 10px;}
    .a-e{bottom: .2rem; width: 100%; padding-left: 10px;padding-right: 10px;}
    .a-titles{font-size: 18px;line-height: 1.3;margin-bottom: .3rem;}
    .a-en{font-size: 12px;margin-bottom: .35rem;}
    .a-d{font-size: 12px;}
}

@media(max-width: 500px){
    .a-img img{height: 280px;object-fit: cover;}
}

.b-a{width: 100%;padding-top: 1.1rem;padding-bottom: 1.3rem; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.b-b{width: 15.7rem;margin: 0 auto;}
.b-cont{width: 100%;font-size: 0;}
.b-left{display: inline-block;vertical-align: middle;padding:  .35rem; width: 7rem;height: 7rem;background-image: url('../images/a11.png');background-size: 6.99rem auto;background-position: center center;background-repeat: no-repeat;}
.b-c{display: block;width: 100%;height: 100%;border-radius: 50%;position: relative; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.b-cimg{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); width: 1.6rem;}
.b-cimg img{width: 100%;}

.b-right{display: inline-block;vertical-align: middle;width: calc(100% - 7rem);padding-left: .8rem;}
.b-titles{position: relative;color: #000000;font-weight: bold;padding-bottom: .3rem;margin-bottom: .3rem;}
.b-titles:before{content: '';position: absolute;bottom: 0;left: 0;width: .3rem;height: .03rem;background-color: #ff9920;}
.b-text{width: 100%;line-height: 2;color: #666666;margin-bottom: .45rem;}
.b-text *{line-height: inherit;}
.b-list{width: 100%;font-size: 0;}
.b-item{display: inline-block;vertical-align: top;width: 33.33%;margin-bottom: .2rem;}
.b-icon{display: block;height: .2rem;margin-bottom: .25rem;}
.b-icon img{max-width: none;height: 100%;}
.b-nub{color: #da291c;margin-bottom: .2rem;}
.b-d{color: #666666;line-height: 1.2;margin-bottom: .2rem;}
.b-more{width: 100%;display: block;cursor: pointer;position: relative;}
.b-e{width: 100%;overflow: hidden;}
.b-e img{width: 100%;transform: scale(1.00);transition: all .5s;}
.b-f{position: absolute;top: 0;right: 0;width: .8rem;height: 100%;background-color: #da291c;}
.b-g {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 1.2em;line-height: 1.5; text-align: center;color: #f6f8fb;}
.b-more:hover .b-e img{transform: scale(1.05);}

@media(max-width: 750px){
    .b-a{padding-top: .6rem;padding-bottom: .6rem;}
    .b-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;text-align: center;}
    .b-left{display: inline-block;margin-bottom: .35rem;width: 6rem;height: 6rem;background-size: 5.99rem auto;}
    .b-right{width: 100%;text-align: left;padding-left: 0;}
}

.c-a{width: 100%;padding-top: .7rem;padding-bottom: .8rem;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.c-b{width: 15.7rem;margin: 0 auto;text-align: center;}
.c-top{width: 100%;text-align: center;padding-bottom: .5rem; }
.c-titles{color: #000000;font-weight: bold;padding-bottom: .23rem;margin-bottom: .2rem;position: relative;}
.c-titles:after{content: '';position: absolute;bottom: 0;left: 50%;margin-left: -.15rem;	width: .3rem;height: .03rem;background-color: #ff9920;}
.c-text{color: #666666;line-height: 1.3;}
.c-cont{width: 100%;font-size: 0;display: flex;flex-wrap: wrap;padding-bottom: .3rem;text-align: left;}
.c-item{display: inline-block;vertical-align: top;cursor: pointer; width: 5rem;margin-right: .35rem;margin-bottom: .5rem;	background-color: #ffffff;box-shadow: 0px 0px .21rem 0px rgba(0, 0, 0, 0.14);}
.c-item:nth-child(3n){margin-right: 0;}
.c-img{width: 100%;overflow: hidden;}
.c-img img{width: 100%;transform: scale(1.00);transition: all .5s;}
.c-c{width: 100%;position: relative;z-index: 18;text-align: center;padding: 0 .15rem .5rem;}
.c-icon{display: inline-block;margin-top: -.55rem;margin-bottom: .3rem;}
.c-icon1{display: block; width: 1.1rem;height: 1.1rem;line-height: 1.1rem;	background-color: #ffffff;box-shadow: 0px 0px .38rem 0px rgba(0, 0, 0, 0.27);border-radius: 50%;}
.c-icon1 img{max-width: 50%;max-height: 50%;}
.c-icon2{display: none; width: 1.1rem;height: 1.1rem;line-height: 1.1rem;background-color: #ff9920;	background-image: linear-gradient(180deg, #ff9920 0%, #da291c 100%), linear-gradient(#ffffff, #ffffff);border-radius: 50%;}
.c-icon2 img{max-width: 50%;max-height: 50%;}
.c-d{color: #333333;line-height: 1.3;margin-bottom: .3rem;}
.c-e{color: #666666;line-height: 1.3;}

.c-item:hover .c-img img{transform: scale(1.05);}
.c-item:hover .c-icon1{display: none;}
.c-item:hover .c-icon2{display: block;}

@media(max-width: 750px){
    .c-a{padding-top: .6rem;padding-bottom: .6rem;}
    .c-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px; }
    .c-item{width: 100%;margin-right: 0;}
}

.d-a{width: 100%;background-color: #f8f8f8;position: relative;}
.d-b{width: 100%;margin: 0 auto;}
.d-cont{width: 100%;font-size: 0;}
.d-left{display: inline-block;vertical-align: middle;width: 33.6%;height: 9.4rem;position: relative; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.d-c{position: absolute;bottom: 1.05rem ;left: 0;padding: 0 .55rem; width: 100%;}
.d-d{color: #ffffff;line-height: 1.3;margin-bottom: .2rem;}
.d-e{color: #ffffff;margin-bottom: .5rem;}

.d-right{display: inline-block;vertical-align: middle;width: 58%;padding-left:8%;}
.d-top{width: 100%;text-align: center;}
.d-titles{color: #000000;font-weight: bold;padding-bottom: .33rem;margin-bottom: .4rem;position: relative;}
.d-titles:after{content: '';position: absolute;bottom: 0;left: 50%;margin-left: -.15rem;	width: .3rem;height: .03rem;background-color: #ff9920;}
.d-list{width: 100%;font-size: 0;display: flex;flex-wrap: wrap;}
.d-item{display: inline-block;vertical-align: top;width: calc(50% - .15rem);cursor: pointer;margin-bottom: .3rem; margin-right: .3rem;background-color: #ffffff;border-bottom: .02rem solid transparent; box-shadow: 0px 0px .21rem 0px rgba(0, 0, 0, 0.14);}
.d-item:nth-child(2n){margin-right: 0;}
.d-img{width: 100%;overflow: hidden;}
.d-img img{width: 100%;transform: scale(1.00);transition: all .5s;}
.d-text{width: 100%;padding:.25rem .3rem;}
.d-f{color: #333333;line-height: 1.3;margin-bottom: .15rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.d-g{color: #888888;line-height: 1.3;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.d-h{color: #888888;margin-top: .3rem;}

.d-item:hover  {border-bottom: .02rem solid #ff9920;}
.d-item:hover .d-img img{transform: scale(1.05);}
.d-item:hover .d-f{color: #da291c;}

.d-i{width: 100%;font-size: 0;}
.d-j{display: inline-block;vertical-align: top;cursor: pointer;position: relative; width: calc(50% - .15rem); margin: 0 .3rem .1rem 0;padding: .16rem 40px .16rem 0; border-bottom: 1px solid #e1e1e1;}
.d-j:nth-child(2n){margin-right: 0;}
.d-k{width: 100%;line-height: 1.3;	color: #666666; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.d-time{position: absolute;top: 50%;right: 0;transform: translate(0,-50%);	color: #888888;}
.d-j:hover .d-k{color: #da291c;}

@media(max-width: 750px){
    .d-a{padding-top: .6rem;padding-bottom: .6rem;}
    .d-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px; }
    .d-cont{width: 100%;display: flex;flex-wrap: wrap;flex-direction: column-reverse;}
    .d-left{width: 100%;height: auto;padding-top: 80%;}
    .d-right{width: 100%;padding-left: 0;margin-bottom: .35rem;}
    .d-item{width: 100%;margin-right: 0;}
    .d-j{width: 100%;margin-right: 0;}
}

.e-a{width: 100%;position: relative; padding-top: .7rem;padding-bottom: .6rem; background-image: url('../images/b12.jpg');background-size: 3.88rem 1.12rem;background-position: top right;background-repeat: no-repeat;}
.e-a:after{content: '';position: absolute;bottom: 0;left: 0;z-index: 8; width: 100%;height: .98rem; background-image: url('../images/b13.jpg');background-size: auto .98rem;background-position: bottom left;background-repeat: no-repeat;}
.e-b{width: 15.7rem;margin: 0 auto; }
.e-top{width: 100%;text-align: center;padding-bottom: .6rem; }
.e-titles{color: #000000;font-weight: bold;padding-bottom: .23rem;margin-bottom: .2rem;position: relative;}
.e-titles:after{content: '';position: absolute;bottom: 0;left: 50%;margin-left: -.15rem;	width: .3rem;height: .03rem;background-color: #ff9920;}
.e-text{color: #666666;line-height: 1.3;}
.e-cont{width: 100%;position: relative;z-index: 18;font-size: 0;}
.e-item{display: inline-block;vertical-align: top;cursor: pointer;overflow: hidden;margin-right: .3rem;margin-bottom: .3rem; width: 2.35rem;height: 1.25rem;text-align: center;line-height: 1.23rem; border: solid .01rem #eeeeee;}
.e-item img{max-width: 95%;max-height: 95%;transform: scale(1.00);transition: all .5s;}
.e-item:nth-child(6n){margin-right: 0;}
.e-item:hover{border: solid .01rem #da291c;} 

@media(max-width: 750px){
    .e-a{padding-top: .6rem;padding-bottom: .6rem;}
    .e-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px; }
    .e-item{width: calc(33.33% - .1rem);margin-right: .15rem;}
    .e-item:nth-child(3n){margin-right: 0;}
}


/*机械类*/  

.xa-a{width: 100%;position: relative;}
.xa-b{width: 100%;}
.xa-item{width: 100%;}
.xa-c{display: block;cursor: pointer; width: 100%;position: relative;}
.xa-img{width: 100%;}
.xa-img img{width: 100%;}
.xa-text{position: absolute;left: 50%; top: 50%;transform: translate(-50%,-50%);width: 16rem; }
.xa-en{color: #ffffff;font-size: 1rem;font-weight: bold;margin-bottom: .4rem;}
.xa-titles{color: #ffffff;letter-spacing: 4px;line-height: 1.3; margin-bottom: .9rem;}
.xa-more{display: inline-block;cursor: pointer;padding: .17rem  .3rem;color: #ffffff;background-color: #2154bd;}
.xa-more:after{content: '+';color: #ffffff; margin-left: .1rem;} 

.xa-buttom{position: absolute;left: 0;bottom: 5.95%;z-index: 88; width: 100%; text-align: center;font-size: 0;}
.xa-pagination{display: inline-block;vertical-align: middle;position: static;}
.xa-pagination .swiper-pagination-bullet{display: inline-block;vertical-align: middle; width: 1.5rem;height: 2px;margin: 0 .1rem;opacity: .3;border-radius: 0; background-color: #ffffff; }
.xa-pagination .swiper-pagination-bullet-active{opacity: 0.9;}
.xa-d{display: inline-block;vertical-align: middle;margin-left: .1rem;cursor: pointer;}
.xa-pause{display: block;width: 16px;height: 16px;background-image: url('../images/c6.png');background-size: 12px auto;background-position: center center;background-repeat: no-repeat;}
.xa-play{display: none;width: 16px;height: 16px;background-image: url('../images/c6-b.png');background-size: 12px auto;background-position: center center;background-repeat: no-repeat;}
.xa-d.hide .xa-pause{display: none;}
.xa-d.hide .xa-play{display: block;}

@media(max-width: 750px){ 
    .xa-text{width: 100%;padding: 0 10px;}
    .xa-en{font-size: 18px;}
    .xa-titles{font-size: 16px;margin-bottom: .35rem;} 
    .xa-img img{min-height: 220px;object-fit: cover;}
    .xa-pagination .swiper-pagination-bullet{width: .6rem;}
}

.xb-a{width: 100%;padding-top: 1rem;padding-bottom: 1rem;}
.xb-b{width: 100%;margin: 0 auto;padding-left: 1.6rem;}
.xb-top{width: 100%; position: relative;margin-bottom: .5rem;}
.xb-left{display: inline-block;vertical-align: top;}
.xb-en{color: #333333;font-weight: bold;margin-bottom: .3rem;}
.xb-titles{color: #333333;}
.xb-right{position: absolute;top: 50%;right: 1.6rem;transform: translate(0,-50%); font-size: 0;}
.xb-more{display: block;cursor: pointer;color: #666666;line-height: 1.5;}
.xb-more:after{content: '+';display: inline-block;vertical-align: middle;color: #999999;margin-left: .1rem;}
.xb-more:hover{color: #2154bd;}
.xb-more:hover:after{color: #2154bd;}
.xb-cont{width: 100%;position: relative;padding-bottom: .25rem;}
.xb-c{width: 100%;}
.xb-item{width: 6.8rem;margin-right: .3rem;}
.xb-item:last-child{margin-right: 0;}
.xb-d{display: block; width: 100%;}
.xb-img{width: 100%;overflow: hidden;}
.xb-img img{width: 80%;transform: scale(1.00);transition: all .5s;}
.xb-text{width: 100%;padding: .4rem 0;}
.xb-nub{color: #2154bd;font-weight: bold;margin-bottom: .2rem;}
.xb-e{display: inline-block;vertical-align: middle; color: #222222;font-weight: bold;}
.xb-espan:before{content: '';display: inline-block;vertical-align: middle;margin: 0 .1rem;width: .2rem;height: 2px;background-color: #ffae00;}

.xb-item:hover .xb-img img{transform: scale(1.05);}
.xb-item:hover .xb-e{color: #2154bd;}

.xb-scrollbar{position: absolute;bottom: 0;left: 0; width:  calc(100% - 1.6rem);height: 3px; border-radius: 0;background-color: #f0f0f0;}
.xb-scrollbar .swiper-scrollbar-drag{ background-color: #12509c;cursor: pointer;}


@media(max-width: 750px){ 
    .xb-b{width: 100%;max-width: 500px;padding-left: 10px;}
    .xb-right{right: 10px;}
    .xb-item{width: 80%;}
    .xb-scrollbar{width: calc(100% - 10px);}
}

.xc-a{width: 100%;padding-top: .63rem; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xc-b{width: 16rem;margin: 0 auto;}
.xc-cont{width: 100%;font-size: 0;}
.xc-left{display: inline-block;vertical-align: middle;width: 6.9rem;padding: 0 .4rem;}
.xc-left img{width: 100%;}
.xc-right{display: inline-block;vertical-align: middle;width: calc(100% - 6.9rem);padding-left: 2.6rem;padding-bottom: .25rem;}
.xc-en{color: #ffffff;font-weight: bold;margin-bottom:  .3rem;}
.xc-titles{	color: #ffffff;margin-bottom: .3rem;}
.xc-textbox{color: #ffffff;line-height: 2.25;margin-bottom: .7rem;}
.xc-textbox *{line-height: inherit;}
.xc-more{margin-bottom: 1rem; display: inline-block;cursor: pointer;padding: .17rem .33rem;background-color: #2154bd;color: #ffffff;}
.xc-more:after{content: '+';display: inline-block;vertical-align: middle;color: #ffffff;margin-left: .1rem;}
.xc-list{width: 100%;font-size: 0;display: flex;flex-wrap: wrap; justify-content: space-between;}
.xc-item{display: inline-block;vertical-align: top;margin-bottom: .35rem;}
.xc-c{width: 100%;}
.xc-nub{display: inline-block;vertical-align: bottom; color: #ffffff;font-weight: bold;}
.xc-d{display: inline-block;vertical-align: bottom; }
.xc-dspan1{display: inline-block;vertical-align: top; color: #ffffff;}
.xc-dspan2{display: inline-block;vertical-align: top;   color: #ffffff; }
.xc-d{margin-top: .25rem;	color: #ffffff;line-height: 1.3;}

@media(max-width: 1400px){ 
    .xc-right{ padding-left: 1.8rem;}
    .xc-textbox{margin-bottom: .35rem;}
    .xc-more{margin-bottom: .6rem;}
}

@media(max-width: 750px){ 
    .xc-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .xc-left{width: 100%;padding: 0; margin-bottom: .5rem;text-align: center;}
    .xc-left img{width: 80%;}
    .xc-right{width: 100%;padding-left: 0;}
}

.xd-a{width: 100%;padding-top: 1rem;padding-bottom: 1.1rem;}
.xd-b{width: 100%;margin: 0 auto;padding-left: 1.6rem;}
.xd-cont{width: 100%;font-size: 0;}
.xd-left{display: inline-block;vertical-align: top;width: calc(100%  - 11rem);padding-right: 1rem;}
.xd-en{color: #333333;font-weight: bold;margin-bottom: .14rem;}
.xd-titles{color: #222222;margin-bottom: .85rem;}
.xd-c{color: #222222;line-height: 1.5;margin-bottom: .35rem;}
.xd-text{color: #666666;line-height: 2.25;margin-bottom: .85rem;}
.xd-more{  display: inline-block;cursor: pointer;padding: .17rem .33rem;background-color: #2154bd;color: #ffffff;}
.xd-more:after{content: '+';display: inline-block;vertical-align: middle;color: #ffffff;margin-left: .1rem;}

.xd-right{display: inline-block;vertical-align: top;width: 11rem;position: relative;}
.xd-d{width: 100%;}
.xd-item{width: 9.4rem;margin-right: .55rem;}
.xd-item:last-child{margin-right: 0;}
.xd-img{display: block;cursor: pointer;width: 100%;}
.xd-img img{width: 100%;}

.xd-prev{display: none;}
.xd-next{transform: rotate(-180deg);left: 9.18rem;  right:  auto;margin-top: -.22rem; width: .44rem;height: .44rem;border-radius: 50%;background-color: #12509c;background-image: url('../images/c10-b.png'); background-size: .1rem auto;background-position: center center;background-repeat: no-repeat;}

@media(max-width: 900px){ 
    .xd-left{padding-right: .3rem;width: 30%;}
    .xd-right{width: 70%;}
}
@media(max-width: 750px){ 
    .xd-b{width: 100%;max-width: 500px;padding-left: 10px; }
    .xd-left{width: 100%;margin-bottom: .5rem;}
    .xd-right{width: 100%;}
    .xd-item{width: 80%;}
    .xd-next{left: calc(80% - .22rem);}
    .xd-text{margin-bottom: .35rem;}
}

.xe-a{width: 100%;position: relative;}
.xe-b{width: 100%;}
.xe-item{width: 100%;}
.xe-c{display: block;cursor: pointer;position: relative; width: 100%;padding-top: 43.75%;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xe-play{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: .8rem;}
.xe-play img{width: 100%;}

.xe-buttom{position: absolute; left: 50%;bottom: .5rem;transform: translate(-50%,0);white-space: nowrap; z-index: 98;text-align: center;  }
.xe-pagination{position: static; display: inline-block;vertical-align: middle;}
.xe-pagination .swiper-pagination-bullet{position: relative;  display: inline-block;vertical-align: middle;margin-right: .15rem; width: .16rem;height: .16rem;border-radius: 50%;background-color: transparent;border: solid .02rem rgba(255,255,255,.6);opacity: 1; }
.xe-pagination .swiper-pagination-bullet-active{border: none;margin-left: .8rem; width: .4rem;height: .4rem;background-image: url('../images/c9-b.png');background-size: .42rem .42rem;}
.xe-pagination .swiper-pagination-bullet-active:before{content: '';position: absolute;left: -.66rem;top: 50%; display: inline-block;vertical-align: middle; width: .38rem;height: 1px;background-color:  rgba(255,255,255,.2);}
.xe-pagination .swiper-pagination-bullet:nth-child(1){margin-left: 0 !important;}
.xe-pagination .swiper-pagination-bullet:nth-child(1):before{display: none;}

.xe-nubs{display: inline-block;vertical-align: middle;}
.xe-nub1 ,.xe-link,.xe-nub2{color: #ffffff;margin: 0 .05rem;}

@media(max-width: 750px){ 
    .xe-buttom{bottom: 10px;}
}

.xf-a{width: 100%;padding-bottom: 1rem;}
.xf-top{width: 100%;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xf-b{width: 16rem;margin: 0 auto;padding-top: 1.35rem;padding-bottom: 3.5rem;}
.xf-b:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.xf-left{float: left;margin-bottom: .5rem;}
.xf-en{color: #ffffff;font-weight: bold;margin-bottom: .15rem;}
.xf-titles{color: #ffffff;}
.xf-right{float: right;font-size: 0;margin-bottom: .5rem;}
.xf-item{display: inline-block;vertical-align: top;margin-right: 1.3rem;}
.xf-item:last-child{margin-right: 0;}
.xf-nub{display: inline-block;vertical-align: bottom; color: #ffffff;font-weight: bold;}
.xf-add{display: inline-block;vertical-align: bottom;color: #ffffff;}
.xf-d{margin-top: .25rem; color: #ffffff;line-height: 1.3;}

.xf-cont{position: relative;z-index: 18;margin: 0 auto; margin-top: -3rem; width: 16rem;padding:   .78rem   ;  background-color: #ffffff; box-shadow: 0px 0px .5rem 0px rgba(0, 0, 0, 0.1);}
.xf-e{width: 100%;font-size: 0; }
.xf-one{display: inline-block;vertical-align: middle;text-align: center; width: 16.66%;padding:   .12rem ;}
.xf-img{display: block;width: 100%;height: 1.3rem;line-height: 1.3rem;cursor: pointer;}
.xf-img img{transform: scale(1.00);transition: all .5s;display: inline-block; max-width: 90%;max-height: 90%;}
.xf-one:hover .xf-img img{transform: scale(1.05);}

.xf-prev{left: -.22rem; margin-top: -.22rem; width: .44rem;height: .44rem;border-radius: 50%;background-color: #ffffff;box-shadow: 0px 0px .5rem 0px rgba(0, 0, 0, 0.1);background-image: url('../images/c10.png'); background-size: .1rem auto;background-position: center center;background-repeat: no-repeat;}
.xf-prev:hover{background-color: #12509c;background-image: url('../images/c10-b.png'); }
.xf-next{transform: rotate(-180deg);right: -.22rem; margin-top: -.22rem; width: .44rem;height: .44rem;border-radius: 50%;background-color: #ffffff;box-shadow: 0px 0px .5rem 0px rgba(0, 0, 0, 0.1);background-image: url('../images/c10.png'); background-size: .1rem auto;background-position: center center;background-repeat: no-repeat;}
.xf-next:hover{background-color: #12509c;background-image: url('../images/c10-b.png'); }

@media(max-width: 750px){
    .xf-b{width: 90%;max-width: 500px;padding-left: 0;padding-right: 0;}
    .xf-left{width: 100%;}
    .xf-right{width: 100%;}
    .xf-cont{width: 90%;max-width: 500px; padding:.18rem .35rem;}
    .xf-one{width: 33.33%;}
    .xf-img{height: 1.5rem;height: 1.5rem;}
    .xf-item{width: 100%;margin-right: 0;margin-bottom: .35rem;}
}


.xg-a{width: 100%;padding-top: .98rem;padding-bottom: 1rem;}
.xg-b{width: 16rem;margin: 0 auto; }
.xg-top{width: 100%; position: relative;margin-bottom: .5rem;}
.xg-left{display: inline-block;vertical-align: top;}
.xg-en{color: #333333;font-weight: bold;margin-bottom: .3rem;}
.xg-titles{color: #222;}
.xg-right{position: absolute;top: 50%;right: 1.6rem;transform: translate(0,-50%); font-size: 0;}
.xg-navs{display: inline-block;vertical-align: middle;}
.xg-nav{display: inline-block;vertical-align: middle;margin-right: .7rem;color: #333333;line-height: 1.5;cursor: pointer;}
.xg-nav:hover{color: #12509c;}
.xg-nav.active{color: #12509c;}
.xg-more{display: inline-block;vertical-align: middle; color: #333333;line-height: 1.5;cursor: pointer;}
.xg-more:hover{color: #12509c;}

.xg-cont{width: 100%;position: relative;overflow: hidden;padding-bottom: .5rem;border-bottom: 1px solid #f0f0f0;}
.xg-item{position: absolute;width: 100%;left: -199rem;}
.xg-item.show{position: relative;left: 0;}
.xg-c{width: 100%;}
.xg-one{width: 100%;padding-right: 1.5rem;}
.xg-d{display: block;cursor: pointer;width: 100%;}
.xg-e{width: 100%;font-size: 0;}
.xg-espan1{display: inline-block;vertical-align: middle;color: #12509c;line-height: 1.5;}
.xg-espan2{display: inline-block;vertical-align: middle;color: #999999;line-height: 1.5;}
.xg-espan2:before{content: '';display: inline-block;vertical-align: middle;margin: 0 .1rem; width: 1px;height: 1em;	background-color: #cccccc;}
.xg-f{color: #222222;line-height: 1.3;margin-bottom: .35rem;margin-top: .35rem; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xg-g{color: #999999;}
.xg-g:after{content: '>';display: inline-block;vertical-align: middle;margin-left: .15rem;}
.xg-one:hover .xg-f{color: #12509c;}
.xg-one:hover .xg-g{color: #12509c;}
.xg-prev{left: auto; right: .6rem; margin-top: -.22rem; width: .44rem;height: .44rem;border-radius: 50%;border: 1px solid #cccccc;  background-image: url('../images/c10.png'); background-size: .1rem auto;background-position: center center;background-repeat: no-repeat;}
.xg-prev:hover{ background-image: url('../images/c10-c.png');border: 1px solid #12509c; }
.xg-next{transform: rotate(-180deg); right:0; margin-top: -.22rem; width: .44rem;height: .44rem;border-radius: 50%;border: 1px solid #cccccc;  background-image: url('../images/c10.png'); background-size: .1rem auto;background-position: center center;background-repeat: no-repeat;}
.xg-next:hover{ background-image: url('../images/c10-c.png');border: 1px solid #12509c; }


.xg-bottom{width: 100%;position: relative;overflow: hidden;padding-top: .27rem;  }
.xg-h{position: absolute;width: 100%;left: -199rem;}
.xg-h.show{position: relative;left: 0;}
.xg-i{width: 100%; padding-bottom: .65rem;}
.xg-j{width: 5rem;margin-right: .5rem;}
.xg-j:last-child{margin-right: 0;}
.xg-k{display: block;cursor: pointer; width: 100%;}
.xg-img{width: 100%;text-align: center; overflow: hidden;margin-top: .27rem;margin-bottom: .25rem;}
.xg-img img{width: 100%;transform: scale(1.00);transition: all .5s;}
.xg-intro{color: #222222;line-height: 1.75;height: 3.5em;margin-bottom: .3rem; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.xg-l{color: #999999;}
.xg-l:after{content: '>';display: inline-block;vertical-align: middle;margin-left: .15rem;}
.xg-k:hover .xg-img img{transform: scale(1.05);}
.xg-k:hover .xg-intro{color: #12509c;}
.xg-k:hover .xg-l{color: #12509c;}

.xg-h .xg-scrollbar{position: absolute;bottom: 0;left: 0; width:  100%;height: 3px; border-radius: 0;background-color: #f0f0f0;}
.xg-h .swiper-scrollbar-drag{ background-color: #12509c;}

@media(max-width: 750px){ 
    .xg-b{width: 100%;max-width: 500px;padding-left: 10px; padding-right: 10px;}
    .xg-right{width: 100%;position: static;transform: translate(0,0);margin-top: .5rem;text-align: center; }
    .xg-one{padding-right: 0;}
    .xg-prev{top: 0;margin-top: 0;}
    .xg-next{top: 0;margin-top: 0;}
}


/*视频容器样式*/
.xv-a {position: fixed;left: 0;top: 120%;z-index: 488; width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);transition: top .5s ease-in-out;}
.xv-a.show {top: 0;}
.xv-a.show .xv-e {visibility: visible;}
.xv-a.show .xv-f {display: block;}
.xv-b {position: absolute;left: 50%;top: 50%;margin-left: -550px;margin-top: -300px;width: 1000px;height: 600px;}
.xv-c {display: block;width: 40px;height: 40px;background-color: #0c5285;position: absolute;right: 0; top: 0;cursor: pointer;z-index: 10000;}
.xv-d {display: block;width: 100%;height: 100%;font-size: 21px;text-align: center;line-height: 40px;color: #fff;}
.xv-e {visibility: hidden;width: 100%; height: 100%;}
.xv-f {display: none;width: 100%;height: 100%;}
@media(max-width:1200px) {
    .xv-b {width: 90vw;height: auto;margin-top: 0;margin-left: 0;transform: translate(-50%, -50%);}
    .xv-f {max-height: 90vh;}
    .xv-e {height: 60vh;}
}

/* 机械改版首页 */
.xh-a{width: 100%;position: relative;overflow: hidden;}
.xh-b{width: 100%;}
.xh-item{width: 100%;}
.xh-link{display: block;cursor: pointer; width: 100%;}
.xh-img{width: 100%;}
.xh-img img{width: 100%;}

.xh-img{opacity:0;transform:scale(1.1);}
.xh-item.swiper-slide-active .xh-img{opacity:1;transform:scale(1);transition:transform 2s cubic-bezier(.25,.1,.25,1);transform-origin: center bottom;}
 

.xh-pagination{position: absolute;bottom: .37rem;left: 0;width: 100%; text-align: center;font-size: 0;}
.xh-pagination .swiper-pagination-bullet{opacity: 1;position: relative; display: inline-block;vertical-align: middle;margin: 0 .05rem;border-radius: 50%; width: 9px;height: 9px;background-color: rgba(255,255,255,.2);}
.xh-pagination .swiper-pagination-bullet-active{width: 17px;height: 17px; background-color: transparent;background-image: url('../images/xa12.png');background-size: 99% auto;background-position: center center;background-repeat: no-repeat; } 

@media(max-width: 900px){ 
    .xh-img img{min-height: 140px;object-fit: cover;}
    .xh-pagination{bottom: 10px;}
    .xh-pagination .swiper-pagination-bullet {width: 10px;height: 10px;}
    .xh-pagination .swiper-pagination-bullet:after{width: 5px;height: 5px;}
}

.xi-a{width: 100%;padding-top: 1.13rem;padding-bottom: 1.37rem; background-size: 100% auto;background-position: bottom center;background-repeat: no-repeat;}
.xi-main{width: 16rem;margin: 0 auto;}
.xi-cont{width: 100%;}
.xi-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.xi-left{float: left;width: 7rem;}
.xi-top{width: 100%;position: relative;padding-top: .48rem;margin-bottom: .75rem;}
.xi-top .xi-en{position: absolute;top: 0;left: 0; font-size: 1.2rem;color: #272575;opacity: 0.08;font-weight: bold;}
.xi-top .xi-en{
    background-image: -o-linear-gradient(#272575,#d6dbe6);
    background-image: -moz-linear-gradient(#272575,#d6dbe6);
    background-image: -webkit-linear-gradient(#272575,#d6dbe6);
    background-image: -webkit-gradient(from(#272575),to(#d6dbe6)); 
    -webkit-background-clip:text;-webkit-text-fill-color:transparent; }

.xi-titles{display: inline-block; position: relative;z-index: 1;color: #333333;font-weight: bold;}
.xi-titles:after{content: ''; position: absolute;right: calc(-.6rem + 1em); bottom: 0;z-index: -1;	width: .6rem;height: .1rem;background-color: #00a1e9;}
.xi-synopsis{color: #0c5285;font-weight: bold;line-height: 1.4;margin-bottom: .25rem;}
.xi-intro{color: #666666;line-height: 2.1;margin-bottom: .95rem;}
.xi-list{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;padding-bottom: .4rem;}
.xi-item{display: block;margin-bottom: .35rem;}
.xi-item .xi-icon{width: 100%;height: .24rem;margin-bottom: .2rem;}
.xi-item .xi-icon img{height: 100%;}
.xi-nub{color: #00a1e9;font-weight: bold;}
.xi-b{color: #333333;line-height: 1.55;margin-top: .25rem;}
.xi-more{display: inline-block;position: relative;cursor: pointer; background-color: #0c5285;overflow: hidden;border-radius: .04rem;}
.xi-more:after{content: '';position: absolute;top: 0;left: calc(100% - .04rem);transition: all .5s; width: 100%;height: 100%;background-color: #00a1e9;}
.xi-more span{display: inline-block; color: #fdfdfe;position: relative;z-index: 18;padding: .16rem .28rem;}
.xi-more span:after{content: '';display: inline-block;vertical-align: middle;width: .5em;height: 1em;margin-left: .45rem;background-image: url('../images/xa8.png');background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xi-more:hover:after{left: 0;} 

.xi-right{float: right;margin-top: .1rem;font-size: 0;}
.xi-tr{display: inline-block;vertical-align: top;width: 1.8rem;}
.xi-td{cursor: pointer;overflow: hidden;position: relative; transition: all .5s; min-height: 1.8rem;padding: .15rem .35rem;display: flex; flex-wrap: wrap;align-items: center;align-content: center;background-color: #00a1e9;}
.xi-icon{display: block;height: .36rem;margin-bottom: .3rem;}
.xi-icon img{max-width: none; height: 100%;}
.xi-text{width: 100%;position: relative;}
.xi-text:after{display: none; content: '';position: absolute;bottom: 0;left: 0; width: .5em;height: 1em; background-image: url('../images/xa8.png');background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xi-name{color: #ffffff;font-weight: bold;margin-bottom: .13rem;}
.xi-td .xi-en{color: rgba(255,255,255,.5);line-height: 1.14;}

.xi-td:hover{background-color: #0c5285;}
.xi-td:hover .xi-text{padding-bottom: .45rem;}
.xi-td:hover .xi-text:after{display: block;}
.xi-td:hover .xi-icon{opacity: .2; position: absolute;margin-bottom: 0;top: calc(100% - .5rem);left: calc(100% - .5rem); height: .72rem;}

.xi-img{display: inline-block;vertical-align: top; width: 5.9rem;border-radius:0 .06rem .06rem .06rem;}
.xi-img img{width: 100%;}

@media(max-width: 900px){ 
    .xi-a{padding-top: .8rem;padding-bottom: .8rem;}
    .xi-main{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;}
    .xi-left{width: 100%;margin-bottom: .5rem;}
    .xi-right{width: 100%;}
    .xi-tr{width: 100px;}
    .xi-td{padding: .15rem 10px;min-height: 2rem;}
    .xi-img{width: calc(100% - 100px);}

    .xi-top{padding-top: .3rem;}
    .xi-top .xi-en{ font-size: 1rem;}
}

.xj-a{width: 100%;padding-top:  .5rem;padding-bottom: .6rem; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xj-main{width: 16.4rem;margin: 0 auto;}
.xj-top{width: 100%;position: relative;padding: 0 .2rem; margin-bottom: .35rem;}
.xj-lt{position: relative;display: inline-block;padding-top: .5rem;}
.xj-en{position: absolute;top: 0;left: 0; font-size: 1.2rem;color: #272575;opacity: .08; font-weight: bold;}
.xj-en{
    background-image: -o-linear-gradient(#272575,#d6dbe6);
    background-image: -moz-linear-gradient(#272575,#d6dbe6);
    background-image: -webkit-linear-gradient(#272575,#d6dbe6);
    background-image: -webkit-gradient(from(#272575),to(#d6dbe6)); 
    -webkit-background-clip:text;-webkit-text-fill-color:transparent; }
.xj-titles{display: inline-block; position: relative;z-index: 1;color: #333333;font-weight: bold;}
.xj-titles:after{content: ''; position: absolute;right: calc(-.6rem + 1em); bottom: 0;z-index: -1;	width: .6rem;height: .1rem;background-color: #00a1e9;}
.xj-synopsis{color: #666666;line-height: 1.55;margin-top: .25rem;}
.xj-rt{position: absolute;bottom: 0;right: .2rem;}
.xj-bottom{width: 100%;position: relative;}
.wj-b{width: 100%;}
.xj-item{width: 33.33%;padding: .2rem;}
.xj-item:last-child{margin-right: 0;}
.xj-link{display: block;cursor: pointer;width: 100%;;overflow: hidden;border-radius: .1rem;background-color: #fff; box-shadow: .02rem .04rem .08rem .02rem rgba(174, 187, 205, 0.44);}
.xj-img{width: 100%;position: relative;padding-top: calc(360/507*100%);overflow: hidden;}
.xj-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all .5s;}
.xj-text{width: 100%;padding: 0 .1rem;text-align: center;}
.xj-name{display: block;line-height: .48rem; color: #333333;font-weight: bold;}

.xj-link:hover .xj-img img{transform: scale(1.05);}
.xj-link:hover .xj-name{color: #0c5088;}


.xj-pagination{position: static; margin-top: .1rem; width: 100%; text-align: center;font-size: 0;}
.xj-pagination .swiper-pagination-bullet{opacity: 1;position: relative; display: inline-block;vertical-align: middle;margin: 0 .05rem;border-radius: 50%; width: 9px;height: 9px;background-color: rgba(40,38,100,.2);}
.xj-pagination .swiper-pagination-bullet-active{width: 17px;height: 17px; background-color: transparent;background-image: url('../images/xa12.png');background-size: 99% auto;background-position: center center;background-repeat: no-repeat; } 

@media(max-width: 900px){ 
    .xj-main{width: 100%;max-width: 500px;}
    .xj-item{width: 50%;}

    .xj-top{padding: 0 10px;}
    .xj-lt{padding-top: .3rem;}
    .xj-en{ font-size: 1rem;}
}

.xk-a{width: 100%;padding-top:  .5rem;padding-bottom: .6rem; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xk-main{width: 16.4rem;margin: 0 auto;}
 
.xk-b{width: 100%;}
.xk-item{width: 33.33%;padding: .2rem;}
.xk-item:last-child{margin-right: 0;}
.xk-link{display: block;cursor: pointer;width: 100%;;overflow: hidden;border-radius: .1rem;background-color: #fff; box-shadow: .02rem .04rem .08rem .02rem rgba(174, 187, 205, 0.44);}
.xk-img{width: 100%;position: relative;padding-top: calc(360/507*100%);overflow: hidden;}
.xk-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all .5s;}
.xk-text{width: 100%;padding: 0 .1rem;text-align: center;}
.xk-name{display: block;line-height: .48rem; color: #333333;font-weight: bold;}

.xk-link:hover .xk-img img{transform: scale(1.05);}
.xk-link:hover .xk-name{color: #0c5088;}

.xk-pagination{position: static; margin-top: .1rem; width: 100%; text-align: center;font-size: 0;}
.xk-pagination .swiper-pagination-bullet{opacity: 1;position: relative; display: inline-block;vertical-align: middle;margin: 0 .05rem;border-radius: 50%; width: 9px;height: 9px;background-color: rgba(40,38,100,.2);}
.xk-pagination .swiper-pagination-bullet-active{width: 17px;height: 17px; background-color: transparent;background-image: url('../images/xa12.png');background-size: 99% auto;background-position: center center;background-repeat: no-repeat; } 

@media(max-width: 900px){ 
    .xk-main{width: 100%;max-width: 500px;}
    .xk-item{width: 50%;padding: 0 10px;}
}

.xl-a{width: 100%;padding-top: 1rem;padding-bottom: .75rem; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xl-a .xj-top{padding: 0;} 
.xl-main{width: 16rem;margin: 0 auto;}
.xl-cont{width: 100%;font-size: 0;}
.xl-left{display: inline-block;vertical-align: top;width: 6.68rem;}
.xl-b{width: 100%;}
.xl-item{width: 100%;}
.xl-link{display: block;position: relative; cursor: pointer;width: 100%;overflow: hidden;border-radius: .08rem;}
.xl-img{width: 100%;position: relative;padding-top: calc(377/668*100%); }
.xl-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all .5s;}
.xl-play{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.63); display: flex;align-items: center;justify-content: center;}
.xl-play img{width: .55rem;}

.xl-pagination{position: static; margin-top: .2rem; width: 100%; text-align: center;font-size: 0;}
.xl-pagination .swiper-pagination-bullet{opacity: 1;position: relative; display: inline-block;vertical-align: middle;margin: 0 .05rem;border-radius: 50%; width: 9px;height: 9px;background-color: rgba(40,38,100,.2);}
.xl-pagination .swiper-pagination-bullet-active{width: 17px;height: 17px; background-color: transparent;background-image: url('../images/xa12.png');background-size: 99% auto;background-position: center center;background-repeat: no-repeat; } 

.xl-right{display: inline-block;vertical-align: top;margin-left: .45rem;width: 8rem;padding-top: .45rem;}
.xl-tr{width: 100%;font-size: 0;}
.xl-td{display: inline-block;vertical-align: top;text-align: center;margin-right: .6rem;margin-bottom: .4rem;}
.xl-icon{display: inline-block;width: 1rem;height: 1rem;text-align: center;line-height: 1rem; border-radius: 50%; background-color: #0c5285;}
.xl-icon img{max-width: 50%;max-height: 50%;}
.xl-name{color: #222222;line-height: 1.45;margin-top: .15rem;}
.xl-td:hover .xl-icon{background-color: #00a1e9;}
.xl-intro{color: #666666;line-height: 1.54;}

@media(max-width: 900px){ 
    .xl-main{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;}
    .xl-left{width: 100%;}
    .xl-right{width: 100%;margin-left: 0;}
}
 

.xn-a{width: 100%;padding-top: .5rem; overflow: hidden; background-size: 100% auto;background-position: top center;background-repeat: no-repeat;}
.xn-a .xj-top{width: 100%;margin-bottom: .3rem;padding: 0;}
/* .xn-a .xj-lt{padding-top: .8rem;} */
.xn-main{width: 16rem;margin: 0 auto;}
.xn-list{width: 100%;font-size: 0; }
.xn-item{display: inline-block;vertical-align: middle;padding-right: 1rem;margin-bottom: .5rem;}
.xn-icon{display: inline-block;vertical-align: middle;width: .6rem;height: .6rem;border-radius: 50%; text-align: center;line-height: .6rem;background-color: #0c5088;}
.xn-icon img{max-width: 50%;max-height: 50%;}
.xn-text{display: inline-block;vertical-align: middle;padding-left:  .2rem;}
.xn-tip{color: #666666;margin-bottom: .1rem;}
.xn-intro{color: #222222;font-weight: bold;}

.xn-map{width: 100%;height: 4.7rem; background-size: cover;background-position: center center;background-repeat: no-repeat;}

@media(max-width: 900px){ 
    /* .xn-a .xj-lt{padding-top: .3rem;} */
    .xn-main{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;}
    .xn-item{width: 100%;padding-right: 0;}
    .xn-text{max-width: calc(100% - 1rem);}
}

.xp-a{width: 100%;padding-top: .5rem;padding-bottom: .6rem;}
.xp-a .xj-top{width: 100%;margin-bottom: .55rem;padding: 0;}
/* .xp-a .xj-lt{padding-top: .8rem;} */
.xp-a .xj-rt{right: 0;}
.xp-main{width: 16rem;margin: 0 auto;}
.xp-bottom{width: 100%;display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;} 
.xp-left{display: block; width: 7.9rem;}
.xp-item{display: block;cursor: pointer;width: 100%;}
.xp-item .xp-img{width: 100%;position: relative;padding-top: calc(380/790*100%);overflow: hidden;border-radius: .06rem; }
.xp-item .xp-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all .5s;}
.xp-item .xp-text{width: 100%;padding-top: .4rem;}
.xp-b{width: 100%;display: flex;align-items: center;margin-bottom: .25rem;}
.xp-item .xp-time{color: #0c5088;font-weight: bold;padding-right: .3rem;margin-right: .3rem; border-right: 1px solid #cccccc;}
.xp-item .xp-name{flex: 1; color: #0c5088;font-weight: bold;line-height: 1.25;}
.xp-item .xp-intro{color: #666666;line-height: 1.75;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.xp-item:hover .xp-img img{transform: scale(1.05);}

.xp-right{position: relative; width: 7.4rem;padding-right: .23rem;}
.xp-right:before{content: '';position: absolute;top: 0;left:  .35rem;width: 2px;height: 100%; background-color: #d2d2d2;}
.xp-one{display: block;position: relative;z-index: 8; width: 100%;cursor: pointer;font-size: 0;}
.xp-one:after{content: '';opacity: 0;transition: all ease .5s; position: absolute;top: 50%;right: -.23rem;z-index: 18; margin-top: -.23rem; width: .46rem;height: .46rem;border-radius: 50%; background-color: #00a1e9;background-image: url('../images/xa8.png');background-size: auto 35.5%;background-position: center center;background-repeat: no-repeat;}
.xp-one .xp-time{position: relative;z-index: 8; display: inline-block;vertical-align: middle; width: 4.3em; padding: .28rem 0;font-weight: bold; color: #888888;background-color: #fff;}
.xp-one .xp-text{position: relative;z-index: 8;display: inline-block;vertical-align: middle;width: calc(100% - 4.3em); padding: .35rem .5rem .45rem .3rem;}
.xp-one .xp-name{color: #333333;font-weight: bold;margin-bottom: .1rem; line-height: 1.5;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xp-one .xp-intro{color: #666666;line-height: 1.75;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.xp-one:nth-child(1):before{content: ''; position: absolute;top: 0;left: 0;width: 100%;height: 50%;background-color: #fff;}
.xp-one:last-child:before{content: '';position: absolute;bottom:  0;left: 0;width: 100%;height: 50%;background-color: #fff;}

.xp-one:hover:after{opacity: 1;}
.xp-one:hover .xp-time{color: #0c5088;}
.xp-one:hover .xp-text{padding-right: 1rem; background-color: #0c5088;border-radius: .06rem;}
.xp-one:hover .xp-name{color: #ffffff;}
.xp-one:hover .xp-intro{color: rgba(255,255,255,.5);}



@media(max-width: 900px){ 
    /* .xp-a .xj-lt{padding-top: .3rem;} */
    .xp-a .xj-lt{padding-right: 110px;}
    .xp-main{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;}
    .xp-left{width: 100%;margin-bottom: .5rem;}
    .xp-right{width: 100%;}
}

.xq-a{width: 100%;padding-top: .5rem;padding-bottom: .6rem; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xq-main{width: 16rem;margin: 0 auto;}

.xq-cont{width: 100%;}
.xq-item{cursor: pointer;font-size: 0;margin-bottom: .05rem; display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.xq-img{width: 50%;}
.xq-img img{width: 100%;border-radius: .06rem;}
.xq-text{width: 50%;padding: .15rem 1.1rem;}
.xq-nub{font-size: .7rem;color: #0c5285;font-weight: bold;margin-bottom: .4rem;}
.xq-name{color: #333333;font-weight: bold;line-height: 1.33; margin-bottom: .1rem;}
.xq-intro{color: #666666;line-height: 1.72; /* overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; */}
.xq-intro *{line-height: inherit;}

.xq-item:nth-child(2n){flex-direction: row-reverse;}

@media(max-width: 900px){  
    .xq-main{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;}
    .xq-img{width: 100%;}
    .xq-text{width: 100%;padding: .3rem .3rem .6rem;}
    .xq-nub{margin-bottom: .2rem;}
}

.xr-main{width: 100%;}
.xr-tip{color: #222222;font-weight: bold;line-height: 1.35;margin-bottom: .45rem;}
.xr-cont{width: 100%;font-size: 0;padding-bottom: .3rem;}
.xr-item{display: inline-block;vertical-align: middle;width: 33.33%;margin-bottom: .48rem;}
.xr-icon{display: inline-block;vertical-align: middle;width: .73rem;height: .73rem;border-radius: 50%;overflow: hidden;background-color: #0c5285;}
.xr-icon img{max-width: 100%;max-height: 100%;}
.xr-text{display: inline-block;vertical-align: middle;width: calc(100% - 1rem);padding-left: .1rem;}
.xr-nub{color: #666666;font-weight: bold;margin-bottom: .05rem;}
.xr-intro{color: #666666;line-height: 1.55;}
.xr-remark{color: #666666;line-height: 1.71;}

@media(min-width: 900px){  
    .xr-item:nth-child(3n + 2) .xr-icon{background-color: #00a1e9;}
}

@media(max-width: 900px){  
    .xr-main{width: 100%; }
    .xr-item{width: 50%;}
    .xr-item:nth-child(2n) .xr-icon{background-color: #00a1e9;}
}
@media(max-width: 400px){  
    .xr-item{width: 100%;}
}

/* 

background-color: #0c5285;

transform: scale(1.00);transition: all .5s;
background-image: url('../images/a9.png');
background-size: cover;background-position: center center;background-repeat: no-repeat;
 

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.ellipsis{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.eps2{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}



*/

/*灯饰类开始*/  
.ma-a{width: 100%;position: relative;}
.ma-b{width: 100%;}
.ma-item{width: 100%;} 
.ma-c{display: block; width: 100%;}
.ma-img { width: 100%;}
.ma-img img{ width: 100%;}
.ma-text{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); width: 15.4rem;text-align: center;}
.ma-titles{width: 100%;color: #ffffff;margin-bottom: .13rem;}
.ma-intro{width: 100%;color: rgba(255,255,255,.8);margin-bottom: .5rem;line-height: 1.3;}
.ma-d{color: #ffffff;line-height: 1.3;}

.ma-buttom{position: absolute;bottom: .6rem; left: 50%;z-index: 88; transform: translate(-50%,0); width: 15.4rem;}
.ma-pagination{position: static;width: auto;text-align: left;}
.ma-pagination .swiper-pagination-bullet{display: inline-block;vertical-align: middle;width: auto;height: auto; opacity: 1; margin-right: .3rem;line-height: .48rem; color: #ffffff; border-radius: 0; background-color: transparent;}
.ma-pagination .swiper-pagination-bullet-active:after{content: '-';margin-left: .1rem; display: inline-block;vertical-align: middle;}

.ma-prev{position: absolute;left: auto;right: .7rem;margin-top: -.24rem; width: .48rem;height: .48rem;border-radius: 50%; background-color: #ffffff;background-image: url('../images/e8.png');background-size: .18rem auto;background-position: center center;background-repeat: no-repeat;}
.ma-prev:hover{background-color: #0f69ce;background-image: url('../images/e8-b.png');}
.ma-next{transform: rotate(-180deg); position: absolute; right: 0;margin-top: -.24rem; width: .48rem;height: .48rem;border-radius: 50%; background-color: #ffffff;background-image: url('../images/e8.png');background-size: .18rem auto;background-position: center center;background-repeat: no-repeat;}
.ma-next:hover{background-color: #0f69ce;background-image: url('../images/e8-b.png');}


.ma-mouse{cursor: pointer; animation: AnRotate 1.5s linear infinite alternate;position: absolute;top: 50%;left: 50%;z-index: 98; margin-left: -.11rem;margin-top: -.2rem; width: .22rem;height: .4rem;background-image: url('../images/e7.png'); background-size: .22rem auto;background-position: center center;background-repeat: no-repeat;}
  

@keyframes AnRotate{
    0%{
        transform: translatey(5px);
    }
    50%{
        transform: translatey(0);
    } 
    100%{
        transform: translatey(-5px);
    }

}

@media(max-width:750px) {
    .ma-img img{min-height: 280px;object-fit: cover;}
    .ma-titles{font-size: 18px;}
    .ma-intro{font-size: 14px;margin-bottom: .35rem;}
    .ma-d{font-size: 14px;}
    .ma-mouse{display: none;}
    .ma-text{width: 100%;padding: 0 10px;}
    .ma-buttom{width: calc(100% - 20px);bottom: 20px; }
}

.mb-a{width: 100%;padding-top: 1.2rem;padding-bottom: .7rem;background-color: #f6f6f6;}
.mb-b{width: 15.4rem;margin: 0 auto;}
.mb-top{width: 100%;position: relative;margin-bottom: .5rem;}
.mb-left{display: inline-block;padding-right: 100px;}
.mb-titles{	color: #333333;margin-bottom: .1rem;}
.mb-intro{line-height: 1.3;color: #333333;}
.mb-right{position: absolute;bottom: 0;right: 0;}
.mb-more{display: block;cursor: pointer;color: #333333;}
.mb-more:after{content: '';display: inline-block;vertical-align: middle;margin-left: .2rem;transform: rotate(-180deg);border-radius: 50%; width: .37rem;height: .37rem;background-image: url('../images/e8.png');background-size: .12rem auto;background-position: center center;background-repeat: no-repeat; border: solid .01rem #cccccc;}
.mb-more:hover{color: #2154bd;}
.mb-more:hover:after{border: solid .01rem #2154bd; background-image: url('../images/e8-c.png');}
.mb-cont{width: 100%;font-size: 0;}
.mb-item{display: inline-block;vertical-align: middle;position: relative; width: 5rem;margin-right: .2rem;margin-bottom: .5rem;}
.mb-item:nth-child(3n){margin-right: 0;}
.mb-c{width: 100%;}
.mb-one{width: 100%;}
.mb-d{display: block;cursor: pointer; width: 100%;}
.mb-img {width: 100%;}
.mb-img img{width: 100%;}
.mb-text{position: absolute;top: .87rem;left: 0;padding: 0 .1rem; text-align: center; width: 100%;}
.mb-name{width: 100%;color: #ffffff; margin-bottom: .1rem;}
.mb-e{width: 100%;color: #ffffff;line-height: 1.3;margin-bottom: .2rem;}
.mb-f{color: #ffffff;}
.mb-f:after{content: '→';color: #ffffff;margin-left: .1rem;}

.mb-pagination{position: absolute;bottom: .25rem;left: 0;width: 100%;text-align: center;}
.mb-pagination .swiper-pagination-bullet{opacity: 1; display: inline-block;vertical-align: middle;margin: 0 .15rem;width: .24rem;height: .22rem;background-image: url('../images/e12.png');background-color: transparent; background-size:auto .08rem;background-position: center center;background-repeat: no-repeat;}
.mb-pagination .swiper-pagination-bullet-active{background-image: url('../images/e12-b.png');background-size: auto .22rem;}

@media(max-width:750px) {
    .mb-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .mb-item{width: 100%;margin-right: 0;}
}

.mc-a{width: 100%;padding-top: 1.2rem;padding-bottom: 1.2rem;overflow: hidden;}
.mc-b{width: 100%;margin: 0 auto;}
.mc-cont{width: 100%;font-size: 0;}
.mc-left{display: inline-block;vertical-align: middle;position: relative;  width: 45%;padding-left: 1.9rem; padding-right: .2rem;}
.mc-left:before{content: '';position: absolute;top: 1rem;left: 0;	width: .1rem;height: 5rem;background-color: #0f69ce;}
.mc-titles{color: #333333;margin-bottom: .13rem;}
.mc-intro{color: #333333;line-height: 1.18;padding-bottom: .3rem;margin-bottom: .3rem; position: relative;}
.mc-intro:before{content: '';position: absolute;bottom: 0;left: 0;width: .3rem;height: 2px;background-color: #0f5ece;}
.mc-textbox{max-width: 5.73rem;min-height: 2.2rem;padding-bottom: .3rem; line-height: 2;color: #717171;}
.mc-list{width: 100%;font-size: 0;padding-bottom: .5rem;}
.mc-item{display: inline-block;vertical-align: top;margin-right: .7rem;margin-bottom: .3rem;}
.mc-item:last-child{margin-right: 0;}
.mc-nub{margin-bottom: .13rem;}
.mc-span1{display: inline-block;vertical-align: bottom;	color: #0f69ce;margin-right: .1rem;}
.mc-span2{display: inline-block;vertical-align: bottom;	color: #0f69ce;}
.mc-c{	color: #222222;line-height: 1.3;}
.mc-img{width: 100%;}
.mc-img img{width: 2.88rem;border-radius: 4px;}
.mc-right{display: inline-block;vertical-align: middle;cursor: pointer; width:55%;position: relative;}
.mc-bg{width: 100%;}
.mc-play{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: .72rem;}
.mc-play img{width: 100%;}
.mc-a .xv-d{background-color: #2154bd;}

@media(max-width:750px) {
    .mc-a{padding: .8rem 0;}
    .mc-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .mc-left{width: 100%;padding: 0  0 .3rem;}
    .mc-left:before{display: none;}
    .mc-textbox{max-width: 100%;}
    .mc-img img{width: 100%;}
    .mc-right{width: 100%;}
}

.md-a{width: 100%;padding-top: .8rem;padding-bottom: .25rem; background-color: #f6f6f6;}
.md-top{width: 15.4rem;margin: 0 auto; position: relative; }
.md-left{display: inline-block;padding-right: 100px;}
.md-titles{	color: #333333;margin-bottom: .1rem;}
.md-intro{line-height: 1.3;color: #333333;}
.md-right{position: absolute;bottom: 0;right: 0;}
.md-more{display: block;cursor: pointer;color: #333333;}
.md-more:after{content: '';display: inline-block;vertical-align: middle;margin-left: .2rem;transform: rotate(-180deg);border-radius: 50%; width: .37rem;height: .37rem;background-image: url('../images/e8.png');background-size: .12rem auto;background-position: center center;background-repeat: no-repeat; border: solid .01rem #cccccc;}
.md-more:hover{color: #2154bd;}
.md-more:hover:after{border: solid .01rem #2154bd; background-image: url('../images/e8-c.png');}
.md-cont{width: 100%;position: relative;}
.md-b{width: 100%;}
.md-item{width: 11.5rem;margin: 0 .08rem;padding-top: .5rem;padding-bottom: 1.5rem; }
.md-c{display: block; width: 100%;cursor: pointer; }
.md-img{width: 100%;}
.md-img img{width: 100%;}
.md-text{opacity: 0;transition: all .5s; position: absolute;bottom: .7rem;right: .3rem;width: 4.1rem;padding: .4rem; background-color: rgba(255,255,255,.9);box-shadow: 0px .2rem .26rem .05rem rgba(0, 0, 0, 0.19);border-radius: 8px;}
.md-nub{ font-size: 0;margin-bottom: .3rem;}
.md-index{display: inline-block;vertical-align: bottom; color: #333333;}
.md-link{display: inline-block;vertical-align: bottom;margin: 0 .05rem; color: #333333;}
.md-sum{display: inline-block;vertical-align: bottom; color: #333333;}
.md-d{margin-bottom: .1rem; color: #333333;line-height: 1.3; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.md-e{margin-bottom: .45rem; color: #585857;line-height: 1.6;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.md-know{width: 100%; 	letter-spacing: 2px;color: #333333;}
.md-know:after{content: '→';margin-left: .15rem;color: #333333;} 
.md-item.swiper-slide-active .md-text{opacity: 1;}

.md-prev{left: 4.15rem;margin-top: -.3rem;	width: .6rem;height: .6rem;background-color: rgba(0,0,0,.3);border-radius: 50%; background-image: url('../images/e8-b.png');background-size: .17rem auto;background-position: center center;background-repeat: no-repeat;}
.md-prev:hover{background-color: #0f69ce;} 
.md-next{transform: rotate(-180deg); right: 4.15rem;margin-top: -.3rem;	width: .6rem;height: .6rem;background-color: rgba(0,0,0,.3);border-radius: 50%; background-image: url('../images/e8-b.png');background-size: .17rem auto;background-position: center center;background-repeat: no-repeat;}
.md-next:hover{background-color: #0f69ce;}

@media(max-width:750px) {
    .md-top{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .md-item{width: 80%;}
    .md-prev{top: 1rem; left: 15%;}
    .md-next{top: 1rem;right: 15%;}
}

.me-a{width: 100%;padding-top: 1.2rem;padding-bottom: .7rem; }
.me-b{width: 15.4rem;margin: 0 auto;}
.me-top{width: 100%;position: relative;margin-bottom: .5rem;}
.me-left{display: inline-block;padding-right: 100px;}
.me-titles{	color: #333333;margin-bottom: .1rem;}
.me-intro{line-height: 1.3;color: #333333;}
.me-right{position: absolute;bottom: 0;right: 0;}
.me-navs{display: inline-block;vertical-align: middle;}
.me-nav{display: inline-block;vertical-align: middle;cursor: pointer;margin-right: .45rem;color: #222222;line-height: 1.3;}
.me-nav:hover{	color: #0e60ce;}
.me-nav.active{	color: #0e60ce;}
.me-more{display: inline-block;vertical-align: middle;cursor: pointer; color: #222222;line-height: 1.3;}
.me-more:hover{	color: #0e60ce;}

.me-cont{width: 100%;position: relative;overflow: hidden;}
.me-item{position: absolute;top: 0;left: -120%;width: 100%;}
.me-item.show{position: relative;left: 0;}
.me-item:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.me-lt{ width: 10.2rem;font-size: 0;display: flex;flex-wrap: wrap;}
.me-one{display: inline-block;vertical-align: middle;cursor: pointer;background-color: #f6f6f6;border-radius: 4px;overflow: hidden; width: 5rem;margin-right: .2rem;margin-bottom: .3rem;}
.me-one:nth-child(2n){margin-right: 0;}
.me-img{width: 100%;overflow: hidden;}
.me-img img{width: 100%;transform: scale(1.00);transition: all .5s;}
.me-text{padding: .4rem .2rem .8rem;}
.me-c{color: #333333;margin-bottom: .2rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.me-d{color: #666666;margin-bottom: .3rem;}
.me-d img{width: 1em;margin-right: .12rem;}
.me-e{color: #666666;line-height: 1.7; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.me-one:hover .me-img img{transform: scale(1.05);}
.me-one:hover .me-c{color: #2154bd;}

.me-rt{position: absolute;top: 0;right: 0;margin-bottom: .3rem;padding: .4rem 0 .4rem .35rem; height: calc(100% - .3rem); width: 5rem;background-color: #f6f6f6;border-radius: 4px;  }
.me-f{display: block;cursor: pointer; margin-bottom: .25rem; padding-right: .35rem;}
.me-g{color: #222222; line-height: 1.5; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.me-h{color: #666666;line-height: 1.3;}
.me-f:hover .me-g{color: #2154bd;}

.me-rt div.mCSB_scrollTools{ width: 5px;}
.me-rt div.mCSB_scrollTools .mCSB_draggerRail{width: 5px;background-color: #f6f6f6; }
.me-rt div.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 5px;background-color: #cccccc;  }
.me-rt div.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.me-rt div.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color: #cccccc;}
.me-rt div.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color: #cccccc;}
 


@media(max-width:750px) {
    .me-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .me-left{width: 100%;margin-bottom: .35rem;} 
    .me-right{width: 100%;position: static;text-align: center;}

    .me-lt{ width: 100%;}
    .me-one{width: calc(50% - 5px);margin-right: 10px; margin-bottom: .3rem;}
    .me-rt{width: 100%;position: static;height: 270px;}
}


.mf-a{width: 100%;padding-top: .9rem;padding-bottom: .8rem;background-size: cover;background-position: center center;background-repeat: no-repeat; }
.mf-b{width: 15.4rem;margin: 0 auto;  }
.mf-top{width: 100%;position: relative;margin-bottom: .4rem;}
.mf-left{display: inline-block;padding-right: 100px;}
.mf-titles{	color: #333333;margin-bottom: .1rem;}
.mf-intro{line-height: 1.3;color: #333333;}
.mf-cont{width: 100%;position: relative;}
.mf-c{width: 100%;}
.mf-item{width: 3rem;margin-right: .09rem;}
.mf-item:last-child{margin-right: 0;}
.mf-d{display: block;cursor: pointer;width: 100%;overflow: hidden;	height: 1.5rem;text-align: center;line-height: 1.5rem;background-color: #ffffff;border-radius: 6px;}
.mf-d img{max-width: 71.3%; max-height: 56%;transform: scale(1.00);transition: all .5s;}
.mf-d:hover img{transform: scale(1.05);}

.mf-pagination{position: absolute;top: 50%; right:0;  }
.mf-pagination .swiper-pagination-bullet{opacity: 1; display: inline-block;vertical-align: middle;margin-left: .3rem; width: .24rem;height: .22rem;background-image: url('../images/e13.png');background-color: transparent; background-size:auto .08rem;background-position: center center;background-repeat: no-repeat;}
.mf-pagination .swiper-pagination-bullet-active{background-image: url('../images/e13-b.png');background-size: auto .22rem;}


@media(max-width:750px) {
    .mf-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .mf-top{padding-bottom: .5rem;}
    .mf-pagination{top: auto;bottom: 0;transform: translate(0,0);}
    .mf-item{width: calc(33.33% - .1rem);margin-right: .15rem;}
}

/* 侧边栏 */
.mg-a{position: fixed;top: 50%; right: .22rem;transform: translate(0  , -50%); z-index: 98;}
.mg-cont{width: 48px;}
.mg-item{display: block;position: relative;width: 100%;margin: .2rem 0 ;  }
.mg-icon{display: block; width: 100%;cursor: pointer;}
.mg-icon1{display: block; width: 100%;height: 48px;border-radius: 48px;text-align: center;line-height: 48px; background-color: #ffffff;box-shadow: 0px .06rem .16rem 0px rgba(0, 0, 0, 0.16); }
.mg-icon1 img{max-width: 50%;max-height: 50%;}
.mg-icon2{display: none; width: 100%;height: 48px;border-radius: 48px;text-align: center;line-height: 48px; background-color: #0f69ce; }
.mg-icon2 img{max-width: 50%;max-height: 50%;}
.mg-item:hover .mg-icon1{display: none;}
.mg-item:hover .mg-icon2{display: block;}

.mg-sub{ position: absolute;top: 0;left: 0;  transition: all .5s;  width: 0; overflow: hidden;}
.mg-code{width:115px;padding: 10px;text-align: center; 	 background-color: #ffffff;box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.16);position: relative;}
.mg-code:after{content: ''; position: absolute;top: 16px;right: -6px; width: 6px;height: 16px; background-image: url('../images/e14-b.png');background-size: 6px auto; background-position: center center;background-repeat: no-repeat;}
.mg-img{width: 100%;margin-bottom: 5px;}
.mg-img img{width: 100%;}
.mg-text{color: #666666;}
 
.mg-phone{display: block; width:115px;padding: 10px; background-color: #ffffff;box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.16);position: relative;}
.mg-phone:after{content: ''; position: absolute;top: 16px;right: -6px; width: 6px;height: 16px; background-image: url('../images/e14-b.png');background-size: 6px auto; background-position: center center;background-repeat: no-repeat;}
.mg-b{color: #666;line-height: 1.5;margin-bottom: .1rem;}
.mg-c{color: #333;line-height: 1.5;}

 
.mg-item.active .mg-sub{width: 130px;left: -130px; }

@media(max-width: 750px){ 
    .mg-a{right: 15px;}
    .mg-cont{width: 30px;}
    .mg-icon1{height: 30px;line-height: 30px;}
    .mg-icon2{height: 30px;line-height: 30px;}
}


/* 第一版内页开始*/

.sidebar{position: absolute;right: .2rem;bottom: 4px;z-index: 188;}
.sidebar-item{display: block;cursor: pointer; width: .46rem;height: .46rem;background-color: #da291c;background-image: url('../images/a15.png');background-size: .2rem auto;background-position: center center;background-repeat: no-repeat;}
.sidebar-item:hover{background-color: #ff9920;}



.paging{width: 100%;text-align: center;font-size: 0;}
.paging-a{display: inline-block;vertical-align: middle;cursor: pointer;padding: .15rem .23rem;margin: 0 .05rem .1rem;color: #666666;background-color: #ffffff;border: solid .01rem #dbdbdb;}
.paging-b{display: inline-block;vertical-align: middle;cursor: pointer;padding: .15rem .2rem;margin: 0 .05rem .1rem;color: #666666;background-color: #ffffff;border: solid .01rem #dbdbdb;}
.paging-c{display: inline-block;vertical-align: middle;cursor: pointer;padding: .15rem .2rem;margin: 0 .05rem .1rem;color: #666666;background-color: #ffffff;border: solid .01rem #dbdbdb;}
.paging-a:hover,.paging-b:hover,.paging-c:hover{background-color: #da291c;color: #fff;border: .01rem solid #da291c;}
.paging-c.active{background-color: #da291c;color: #fff;border: .01rem solid #da291c;}
.paging-a,.paging-b,.paging-c{font-size: calc(16 * 100vw / 1920);}
@media(max-width: 1584px){
    .paging-a,.paging-b,.paging-c{font-size: 13.2px;}
}
@media(max-width: 750px){
    .paging-a,.paging-b,.paging-c{font-size: 12px;}
}

.g-a{width: 100%;position: relative;}
.g-img{width: 100%;}
.g-img img{width: 100%;}
.g-cont{position: absolute;left: 0;top: 33.5%; width: 100%;padding: 0 10px;text-align: center;}
.g-titles{position: relative;font-weight: bold; letter-spacing: .04rem;color: #ffffff;padding-bottom: .3rem;margin-bottom: .35rem;}
.g-titles:after{content: '';position: absolute;bottom: 0;left: 50%;margin-left: -.19rem;	width: .38rem;height: .02rem;background-color: #ffffff;}
.g-text{color: #ffffff;line-height: 1.5;}
.g-text *{line-height: inherit;}

@media(max-width: 750px){ 
    .g-cont{top: 50%;transform: translate(0,-50%);}
}

@media(max-width: 500px){
    .g-img img{height: 280px;object-fit: cover;}
}

.nav{width: 100%;padding-bottom: .5rem;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.nav-cont{width: 15.7rem;margin: 0 auto;}
.nav-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.nav-left{float: left;position: relative;z-index: 88; width: 2.6rem;margin-top: -.7rem;text-align: center;}
.nav-left:before{content: '';position: absolute;top: -.345rem;left: 0;width: 100%;height: .35rem;background-image: url('../images/a19.png');background-size: 2.6rem .35rem;background-position: center center;background-repeat: no-repeat;}
.nav-titles{position: relative; width: 100%;line-height: .7rem;color: #ffffff; background-color: #da291c;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.nav-list{width: 100%;background-color: #f8f8f8;}
.nav-item{display: block;position: relative;}
.nav-one{width: 100%;display: block;position: relative;}  
.nav-link{display: block;position: relative; cursor: pointer;color: #333333; width: 100%;padding: .2rem 2em;line-height: 1.8;border-bottom: 1px solid rgba(0, 0, 0, 0.08);  }

.nav-buttom{display: none;cursor: pointer; position: absolute;top: 0;right: 0;width: 2em;height: 100%;}
.nav-buttom:after{content: '+';position: absolute;top: 50%;left: 0;transform: translate(0 ,-50%);width: 100%;text-align: center;font-weight: bold; font-size: 333;font-size: 1.2em;}
.nav-item.has-two .nav-buttom{display: block;}
.nav-item.show .nav-buttom:after{content: '-';}
 
.nav-item:hover .nav-link{color: #ffffff;background-color: #ff9920;border-bottom: 1px solid #ff9920;}
.nav-item:hover .nav-buttom:after{ color: #fff;}
.nav-item.active .nav-link{color: #ffffff;background-color: #ff9920;border-bottom: 1px solid #ff9920;}
.nav-item.active .nav-buttom:after{ color: #fff;}
.nav-item.show .nav-link{color: #ffffff;background-color: #ff9920;border-bottom: 1px solid #ff9920;}
.nav-item.show .nav-buttom:after{ color: #fff;}

.nav-sub{display: none; width: 100%;}
.nav-two{display: block;position: relative; cursor: pointer;color: #888888; width: 100%;padding: .2rem .15rem;line-height: 1.8;border-bottom: 1px solid rgba(0, 0, 0, 0.08);  }
.nav-two:before{content: '';position: absolute;top: 50%;left: 0;transform: translate(0,-50%); width: .04rem;height: 1em;background-color: transparent;}
.nav-two.active:before{background-color: #ff9920;}
.nav-two:hover:before{background-color: #ff9920;}
 
.nav-right{float: right;}




@media(max-width: 750px){ 
    .nav-cont{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px; }
    .nav-left{width: 100%;margin-top: 0;}
    .nav-left:before{display: none;}
    .nav-list{width: 100%;text-align: center;padding: .05rem 0;background-color: #fff;}
    .nav-item{display: inline-block;vertical-align: middle;width: 100%;margin: 0 0 .15rem; }
    .nav-item.has-two{display: block;width: 100%;margin: 0 0 .15rem;}
    .nav-titles{display: none;}
    .nav-right{width: 100%;}
    
}

.i-a{width: 12.6rem;padding-top: .6rem;padding-bottom: .4rem;}
.i-cont{width: 100%;}
.i-titles{color: #333333;text-align: center;font-weight: bold;margin-bottom: .55rem;}
.i-list{width: 100%;padding-bottom: .3rem;}
.i-item{width: 100%;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap; position: relative;cursor: pointer;  margin-bottom: .6rem; background-color: #f7f7f7;transition: all .3s;} 
.i-text{display: block; padding: .9rem .4rem;width: 40%;}
.i-name{color: #333333;font-weight: bold;padding-bottom: .3rem;margin-bottom: .15rem; position: relative;}
.i-name:after{content: ''; position: absolute;bottom: 0;left: 0; width: .26rem;height: .03rem;background-color: #ff9920;}
.i-b{color: #555555;line-height: 2;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.i-b *{line-height: inherit;}
.i-more{display: inline-block;margin-top: .5rem; padding: .13rem .33rem;color: #ffffff; background-color: #da291c;}
 

.i-lt{display: block; width: 60%; }
.i-c{width: 100%;height: 100%;}
.i-one{display: block;width: 100%;}
.i-link{display: block;cursor: pointer;width: 100%;}
.i-img{position: relative;width: 100%;overflow: hidden;padding-top: calc(420/765*100%);}
.i-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.i-play{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.63); display: flex;align-items: center;justify-content: center;}
.i-play img{width: .55rem;}

.no-video .i-play{display: none;}

.i-pagination{position: absolute; bottom: .2rem;left: 0; width: 100%; text-align: center;font-size: 0;}
.i-pagination .swiper-pagination-bullet{opacity: 1;position: relative; display: inline-block;vertical-align: middle;margin: 0 .05rem;border-radius: 50%; width: 9px;height: 9px;background-color: rgba(255,255,255,.2);}
.i-pagination .swiper-pagination-bullet-active{width: 17px;height: 17px; background-color: transparent;background-image: url('../images/xa12.png');background-size: 99% auto;background-position: center center;background-repeat: no-repeat; } 

.i-item:nth-child(2n){flex-direction: row-reverse;}

@media(min-width: 750px){ 
    .i-item:nth-child(2n)  {text-align: left;}
    .i-item:nth-child(2n) .i-img{right: 0;left: auto;}
}
@media(max-width: 750px){ 
    .i-a{width: 100%; }
    .i-item{width: 100%;}
    /* .i-img{width: 100%;position: static;height: auto;padding-top: 54.9%;} */
    .i-lt{width: 100%;}
    .i-text{width: 100%;padding: .5rem .3rem;}
}

.j-a{width: 12.6rem;padding-top: .6rem;padding-bottom: .4rem;}
.j-cont{width: 100%;}
.j-titles{color: #333333;text-align: center;font-weight: bold;margin-bottom: .55rem;}
.j-list{width: 100%;padding-bottom: .3rem;font-size: 0;}
.j-item{display: inline-block;vertical-align: top;cursor: pointer; width:3.9rem ;margin-right: .4rem;margin-bottom: .5rem; background-color: #fbfafa;}
.j-item:nth-child(3n){margin-right: 0;}
.j-img{width: 100%;overflow: hidden;}
.j-img img{width: 100%;transform: scale(1.00);transition: all .5s;}
.j-text{width: 100%;padding: .2rem .15rem;text-align: center;}
.j-name{width: 100%; color: #555555;line-height: 1.3; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.j-item:hover{background-color: #da291c;}
.j-item:hover .j-img img{transform: scale(1.05);}
.j-item:hover .j-name{color: #ffffff;}


@media(max-width: 750px){ 
    .j-a{width: 100%; }
    .j-item{width: calc(50% - .15rem);margin-right: .3rem;}
    .j-item:nth-child(3n){margin-right: .3rem;}
    .j-item:nth-child(2n){margin-right: 0;}
}

.k-a{width: 12.6rem;margin-top: .6rem;margin-bottom: .4rem; padding: .5rem; background-color: #ffffff;box-shadow: 0px 0px .13rem 0px rgba(166, 166, 166, 0.1);}
.k-cont{width: 100%;padding-bottom: .55rem;}
.k-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.k-left{float: left; width: 5.8rem;}
.k-big{width: 100%;position: relative;}
.k-b{width: 100%;}
.k-item{width: 100%;}
.k-c{display: block;cursor: pointer; width: 100%;}
.k-c img{width: 100%;}
.k-small{width: 100%;position: relative; padding:.2rem .15rem;}
.k-d{width: 100%;}
.k-nav{width: 20%;padding: 0 .1rem;}
.k-e{display: block;width: 100%;cursor: pointer; border: solid .02rem #fff;padding-top: 65.5%; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.k-nav.swiper-slide-active .k-e{border: solid .02rem #da291c;}

.k-prev{left: 0;margin-top: -.1rem;	width: .12rem;height: .2rem;background-image: url('../images/a20.png');background-size: .12rem auto;background-position: center center;background-repeat: no-repeat;}
.k-prev:hover{background-image: url('../images/a20-b.png');}
.k-next{transform: rotate(-180deg); right: 0;margin-top: -.1rem;	width: .12rem;height: .2rem;background-image: url('../images/a20.png');background-size: .12rem auto;background-position: center center;background-repeat: no-repeat;}
.k-next:hover{background-image: url('../images/a20-b.png');}

.k-right{float: right;width: 5.1rem;padding-top: .4rem;}
.k-titles{color: #333333;font-weight: bold;margin-bottom: .4rem;}
.k-text{color: #555555;line-height: 2;margin-bottom: .7rem;}
.k-text *{line-height: inherit;}

.k-list{width: 100%;}
.k-top{width: 100%;color: #ffffff;padding: .15rem .25rem;line-height: 1.3;	background-color: #da291c;}
.k-textbox{width: 100%;color: #555555;line-height: 1.6;padding: .45rem 0; }
.k-textbox *{line-height: inherit;}


@media(max-width: 750px){ 
    .k-a{width: 100%; padding: .3rem .15rem;}
    .k-left{width: 100%;}
    .k-right{width: 100%;}
}

.l-a{width: 12.6rem;padding-top: .6rem;padding-bottom: .4rem;}
.l-cont{width: 100%;}
.l-titles{width: 100% ;text-align: center; font-weight: bold;color: #333333;margin-bottom:  .6rem;} 
.l-b{width: 100%;position: relative; text-align: right;}
.l-map{position: absolute;z-index: 8; top: 0;left: 0;width: 8rem;height: 100%;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.l-textbox{text-align: left; display: inline-block;background-color:  #f9f9f9; width: calc(100% - 8rem); padding: .45rem ;}
.l-name{position: relative;color: #333333;font-weight: bold; padding-bottom: .3rem;margin-bottom: .3rem;}
.l-name:after{content: '';position: absolute;bottom: 0;left: 0;	width: .26rem;height: .03rem;background-color: #ff9920;}
.l-list{width: 100%;}
.l-item{display: block;font-size: 0;padding: .15rem 0;}
.l-icon{display: inline-block;vertical-align: top;width: .2rem;height: 1.3em;line-height: 1.3em;}
.l-icon img{max-width: 100%;max-height: 100%;}
.l-text{display: inline-block;vertical-align: top;width: calc(100% - .2rem);padding-left: .25rem; color: #555555;line-height: 1.3;}

@media(max-width: 750px){ 
    .l-a{width: 100%;}
    .l-b{padding: 0;}
    .l-map{position: static; height: 4.8rem;width: 100%;}
    .l-textbox{width: 100%;border: solid 1px #dcdcdc;}
}

.m-a{width: 12.6rem;padding-top: .8rem;padding-bottom: .5rem;}
.m-cont{width: 100%;}
.m-top{width: 100%;margin-bottom: .6rem;}
.m-titles{color: #333333;font-weight: bold;margin-bottom: .2rem;}
.m-text{color: #555555;line-height: 1.3;}
.m-list{width: 100%;position: relative;}
.m-form{width: 100%;}
.m-b{width: 100%;font-size: 0; }
.m-item{display: inline-block;vertical-align: top;width: 3.65rem; margin-right: .8rem;margin-bottom: .3rem;}
.m-item:nth-child(3n){margin-right: 0;}
.m-tip{display: inline-block;vertical-align: top;width: 4em;line-height: .5rem;  color: #555555;}
.m-tip span{color: #ff0000;}
.m-c{display: inline-block;vertical-align: top;width: calc(100% - 4em);}
.m-d{border: solid 1px #dcdcdc;background-color: transparent;width: 100%;height: .5rem; padding: 0 .2rem;color: #555555;}
.m-e{width: 100%;font-size: 0;margin-bottom: .3rem;}
.m-f{width: 100%;font-size: 0;margin-bottom: .3rem;}
.m-textarea{width: 100%;height: 1.8rem;padding: .15rem .2rem;line-height: 1.6;color: #555555; background-color: #ffffff;border: solid 1px #dcdcdc;}

.m-buttom{ position: absolute;top: calc(-2.87em - .6rem);right: 0; cursor: pointer; background-color: #da291c;overflow: hidden;}
.m-buttom:after{content: '';position: absolute;top: 0;left: calc(100% - .03rem);transition: all .5s; width: 100%;height: 100%;background-color: #ff9920;}
.m-submit{border: none;display: block;cursor: pointer; background-color: transparent; color: #ffffff;position: relative;z-index: 18; width: 10em;height: 2.87em;}
.m-buttom:hover:after{left: 0;}


@media(max-width: 750px){ 
    .m-a{width: 100%;}
    .m-item{width: 100%;margin-right: 0;}
    .m-d{height: 35px;}
    .m-textarea{height: 130px;}
    .m-buttom{position: relative;top: 0;width: 50%;margin-left: 4em;}
}

.n-a{width: 12.6rem;padding-top: .6rem;padding-bottom: .4rem;}
.n-cont{width: 100%;}
.n-titles{color: #333333;text-align: center;font-weight: bold;margin-bottom: .55rem;}
.n-list{width: 100%;padding-bottom: .3rem;font-size: 0;}
.n-item{display: block;position: relative;font-size: 0;cursor: pointer;margin-bottom: .5rem;background-color: #f7f7f7;}
.n-img{display: inline-block;vertical-align: middle;width: 4.6rem;position: relative;padding-top: 2.55rem; overflow: hidden;}
.n-img img{position: absolute;top: 0;left: 0;height: 100%; width: 100%;object-fit: cover; transform: scale(1.00);transition: all .5s;}
.n-text{display: inline-block;vertical-align: middle;width: calc(100% - 5.2rem);padding: .1rem 0;}
.n-time{padding: 0 .6rem;color: #666666;line-height: 17px;margin-bottom: .25rem;}
.n-time:before{content: ''; display: inline-block;vertical-align: top;margin-right: .1rem; width: .17rem;height: 17px;background-image: url('../images/a24.png');background-size: .17rem auto;background-position: center center;background-repeat: no-repeat;}
.n-b{position: relative; color: #333333;padding: 0 .6rem; line-height: 1.5;margin-bottom: .25rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.n-b:before{content: '';position: absolute;top: 50%;left: 0;transform: translate(0,-50%);width: .03rem;height: .24rem;background-color: #ff9920;}
.n-c{padding:  0 .6rem; color: #666666;line-height: .3rem;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.n-more{position: absolute;top: 0;right: 0;width: .5rem;height: 100%; background-color: #ebebeb;}
.n-d{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 1.2em;text-align: center;color: #888888;line-height: 2;}


.n-item:hover .n-img img{transform: scale(1.05);}
.n-item:hover .n-b{	color: #da291c;}

@media(max-width: 1200px){ 
    .n-b{line-height: 1.3;margin-bottom: .2rem;}
    .n-c{line-height: 1.5;}
}

@media(min-width: 750px){ 
    .n-item:hover .n-more{background-color: #da291c;}
    .n-item:hover .n-d{ color: #fff;}
}
@media(max-width: 750px){ 
    .n-a{width: 100%;}
    .n-img{width: 100%;height: auto; padding-top: 55.43%;}
    .n-text{width: 100%;padding: .25rem 0;}
    .n-c{line-height: 1.8;}
    .n-b:before{display: none;}
    .n-more{position: static;background-color: transparent;width: 100%;}
    .n-d{display: block; position: static;transform: translate(0,0);width: 100%;text-align: left;}
    .n-time,.n-b,.n-c,.n-more{padding: 0 .3rem;}
}

.o-a{width: 12.6rem;padding-top: .6rem;padding-bottom: .4rem;}
.o-cont{width: 100%;padding: .4rem .5rem .2rem; background-color: #ffffff;box-shadow: 0px 0px .13rem 0px rgba(166, 166, 166, 0.1);}
.o-top{width: 100%;text-align: center;border-bottom: 1px solid #f3f3f3;padding-bottom: .15rem;margin-bottom: .3rem;}
.o-titles{width: 100%;color: #333333;margin-bottom: .3rem;line-height: 1.3;}
.o-b{width: 100%;font-size: 0;}
.o-time{display: inline-block;vertical-align: middle; padding: 0 .25rem;color: #666666;line-height: 17px;margin-bottom: .25rem;}
.o-time:before{content: ''; display: inline-block;vertical-align: top;margin-right: .1rem; width: .17rem;height: 17px;background-image: url('../images/a24.png');background-size: .17rem auto;background-position: center center;background-repeat: no-repeat;}
.o-source{display: inline-block;vertical-align: middle; padding: 0 .25rem;color: #666666;line-height: 17px;margin-bottom: .25rem;}
.o-textbox{width: 100%;color: #666666;line-height: 1.87;margin-bottom: .2rem;}
.o-textbox *{line-height: inherit;}

.o-buttom{width: 100%;padding:.3rem 160px .3rem  0; border-top: 1px solid #f3f3f3;position: relative;}
.o-c{display: inline-block;  }
.o-d{display: block; color: #555555;margin: .1rem 0;line-height: 1.6;cursor: pointer;}
.o-d:hover{color: #da291c;}
.o-back{ position: absolute;top: 50%;right: 0;transform: translate(0,-50%); cursor: pointer; background-color: #da291c;overflow: hidden;}
.o-back:after{content: '';position: absolute;top: 0;left: calc(100% - .03rem);transition: all .5s; width: 100%;height: 100%;background-color: #ff9920;}
.o-back span{display: block; color: #ffffff;position: relative;z-index: 18;padding: .15rem .45rem;}
.o-back:hover:after{left: 0;}


@media(max-width: 750px){ 
    .o-a{width: 100%;}
    .o-cont{padding: .3rem .15rem;}
    .o-buttom{padding: .3rem 0 35px;}
    .o-back{bottom: 0;left: 50%;top: auto;right: auto; transform: translate(-50%,0);}
}

.p-a{width: 12.6rem;padding-top: 1.12rem; padding-bottom: .55rem;}
.p-cont{width: 100%;}
.p-b{width: 100%;font-size: 0;padding-bottom: .5rem;}
.p-c{display: inline-block;vertical-align: middle;width: 8.3rem;}
.p-c img{width: 100%;}
.p-d{display: inline-block;vertical-align: middle;padding: .3rem .15rem .75rem; width: calc(100% - 8.3rem);padding-left: .55rem;text-align: center;position: relative;}
.p-d:before{content: '';position: absolute;top: 0;left: .55rem;width: .6rem;height: .28rem;background-image: url('../images/a26.png');background-size: auto .28rem;background-position: left center;background-repeat: no-repeat;}
.p-d:after{content: '';position: absolute;bottom:  0;right: 0;width: .6rem;height: .28rem;background-image: url('../images/a27.png');background-size: auto .28rem;background-position: right center;background-repeat: no-repeat;}
.p-logo{display: inline-block;width: .77rem;margin-bottom: .25rem;}
.p-logo img{width: 100%;}
.p-name{color: #da291c;line-height: 1.3;margin-bottom: .25rem;}
.p-text{width: 100%;margin: 0 auto; color: #333333;max-width: 14em;line-height: 2;}

.p-e{width: 100%;font-size: 0;}
.p-left{width: 8.3rem;padding-right: .3rem; display: inline-block;vertical-align: middle;}
.p-titles{color: #da291c;font-weight: bold;margin-bottom: .35rem;}
.p-textbox{color: #555555;line-height: 2;min-height: 1.6rem;}
.p-textbox *{line-height: inherit;}
.p-list{width: 100%;font-size: 0;}
.p-item{display: inline-block;vertical-align: top;width: 33.33%;margin-top: .3rem; }
.p-icon{display: block;height: .2rem;margin-bottom: .25rem;}
.p-icon img{max-width: none;height: 100%;}
.p-nub{color: #da291c;margin-bottom: .2rem;}
.p-f{color: #666666;line-height: 1.2;margin-bottom: .2rem;}

.p-right{width: calc(100%  - 8.3rem);padding-left: .55rem; display: inline-block;vertical-align: middle;}
.p-right img{width: 100%;}

@media(max-width: 750px){ 
    .p-a{width: 100%;}
    .p-b{width: 100%;}
    .p-c{width: 100%;margin-bottom: .3rem;}
    .p-d{width: 100%;padding-left: 0;}
    .p-d:before{left: 0;}
    .p-left{width: 100%;padding-right: 0;margin-bottom: .35rem;}
    .p-right{width: 100%;padding-left: 0;text-align: center;}
    .p-right img{width: auto;}
}

.q-a{width: 12.6rem;padding-top: .6rem; padding-bottom: .45rem;}
.q-cont{width: 100%;}
.q-titles{text-align: center;font-weight: bold;color: #333333;padding-bottom: .1rem;}
.q-list{width: 100%;}
.q-item{display: block;cursor: pointer;margin-top: .6rem; width: 100%;position: relative;text-align: right;background-color: #f8f8f8;}
.q-img{position: absolute;top: 0;left: 0;width: 50%;height: 100%;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.q-text{display: inline-block;text-align: center;padding: .5rem .6rem;width: 50%;}
.q-icon{display: inline-block; width: .8rem;margin-bottom: .35rem;}
.q-icon img{width: 100%;}
.q-b{color: #333333;line-height: 1.3;margin-bottom: .25rem;}
.q-textbox{color: #666666;line-height: 2.2;text-align: left;}
.q-textbox *{line-height: inherit;}

@media(min-width: 750px){ 
    .q-item:nth-child(2n)  {text-align: left;}
    .q-item:nth-child(2n) .q-img{right: 0;left: auto;}
}
@media(max-width: 750px){ 
    .q-a{width: 100%;}
    .q-img{width: 100%;height: auto;padding-top: 59.58%;position:  static;}
    .q-text{width: 100%;padding: .35rem .25rem;}
}

.r-a{width: 12.6rem;padding-top: .6rem; padding-bottom: .2rem;}
.r-cont{width: 100%;}
.r-titles{text-align: center;font-weight: bold;color: #333333;padding-bottom: .55rem;}
.r-list{width: 100%;font-size: 0;padding-bottom: .5rem;}
.r-item{display: inline-block;vertical-align: top;text-align: center;width: 2.8rem;border: solid 1px #eeeeee;margin-right: .45rem;margin-bottom: .4rem;}
.r-item:nth-child(4n){margin-right: 0;}
.r-img{cursor: pointer; width: 100%;overflow: hidden;height: 2.8rem;line-height: 2.8rem;}
.r-img img{max-width: 80%;max-height: 80%; transform: scale(1.00);transition: all .5s;}
.r-text{display: block;cursor: pointer;	background-color: #f8f8f8;	border: solid 1px #eeeeee;}
.r-name{display: block;	color: #666666;padding: 0 .1rem;line-height: .6rem; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.r-item:hover .r-img img{transform: scale(1.05);}
.r-item:hover .r-text{	background-color: #da291c;}
.r-item:hover .r-name{	 color: #fff;}


@media(max-width: 750px){ 
    .r-a{width: 100%;}
    .r-item{width: calc(50% - .15rem);margin-right: .3rem;}
    .r-item:nth-child(2n){margin-right: 0;}
}

.s-a{width: 12.6rem;padding-top: .6rem; padding-bottom: .2rem;}
.s-cont{width: 100%;}
.s-titles{text-align: center;font-weight: bold;color: #333333;padding-bottom: .55rem;}
.s-list{width: 100%;font-size: 0;padding-bottom: .5rem;}
.s-item{width: 100%;margin-bottom: .2rem;background-color: #fbfafa;padding: 0 .3rem;}
.s-top{width: 100%;position: relative;cursor: pointer; padding:.2rem .2rem .2rem  .4rem;}
.s-top:after{content: '';position: absolute;top: 0;right: 0;transition: all .3s; width: .2rem;height: 100%; background-image: url('../images/a32.png');background-size: .2rem auto;background-position: center center;background-repeat: no-repeat;}
.s-icont{position: absolute;top: 50%;left: 0;transform: translate(0,-50%); width: .4rem; }
.s-img1{display: block;width: 100%;}
.s-img1 img{width:  .18rem;}
.s-img2{display: none;width: 100%;}
.s-img2 img{width:  .18rem;}
.s-name{color: #555555;line-height: 1.3;}
.s-sub{display: none;width: 100%;border-top: 1px solid #eaeaea;padding: .3rem .4rem;}
.s-b{color: #666666;line-height: 1.3;margin-bottom: .3rem;}
.s-c{color: #333333;line-height: 1.3;margin-bottom: .15rem;font-weight: bold;}
.s-textbox{line-height: 1.7;color: #666666;margin-bottom: .4rem;}
.s-textbox *{line-height: inherit;}
.s-tip{color: #666666;line-height: 1.3;}

.s-item.show .s-img1{display: none;}
.s-item.show .s-img2{display: block;}
.s-item.show .s-name{color: #da291c;}
.s-item.show .s-top:after{transform: rotate(-180deg);}


@media(max-width: 750px){ 
    .s-a{width: 100%;}
    .s-sub{padding: .3rem .15em;}
}

.t-a{width: 12.6rem;padding-top: .6rem; padding-bottom: .4rem;}
.t-cont{width: 100%;}
.t-titles{text-align: center;font-weight: bold;color: #333333;padding-bottom: .3rem;}
.t-abstract{text-align: center;color: #555555;line-height: 1.3;margin-bottom: .6rem;}
.t-list{width: 100%;}
.t-top{width: 100%;position: relative;padding: 0 1rem;}
.t-top:after{content: '';position: absolute;bottom: .17rem;left: 0;width: 100%;height: .01rem;background-color: #dcdcdc;}
.t-b{width: 100%;}
.t-nav{width: 2.1rem;padding-bottom: .17rem;margin-right: .7rem;}
.t-year{display: block;cursor: pointer; width: 100%;padding-bottom: .25rem;border-bottom: .02rem solid #000033;font-weight: bold; color: #333333;}
.t-nav.swiper-slide-active .t-year{color: #da291c;border-bottom: .02rem solid #da291c;} 

.t-prev{left: 0;top: auto;bottom: 0; margin-top: 0;	width: .34rem;height: .34rem;background-color: #e8e8e8;background-image: url('../images/a20.png');background-size: .08rem auto;background-position: center center;background-repeat: no-repeat;}
.t-prev:hover{background-color: #da291c;background-image: url('../images/a20-c.png');}
.t-next{transform: rotate(-180deg); right: 0;top: auto;bottom: 0; margin-top: 0;	width: .34rem;height: .34rem;background-color: #e8e8e8;background-image: url('../images/a20.png');background-size: .08rem auto;background-position: center center;background-repeat: no-repeat;}
.t-next:hover{background-color: #da291c;background-image: url('../images/a20-c.png');}

.t-bottom{width: 100%;padding:  0 1rem;}
.t-container{width: 100%;}
.t-item{ width: 2.1rem;margin-right: .7rem; } 
.t-one{display: block;width: 100%; cursor: pointer; margin-top: .25rem;} 
.t-img{width: 100%;margin-bottom: .2rem;}
.t-img img{width: 100%;}
.t-text{color: #333333;line-height: 2;}



@media(max-width: 750px){ 
    .t-a{width: 100%;}
    .t-top{padding: 0 .8rem;}
    .t-nav{width: calc(50% - .15rem);margin-right: .3rem;}
    .t-bottom{width: 100%;padding: 0 .8rem;}
    .t-item{width: calc(50% - .15rem);margin-right: .3rem;} 
}

/*机械类内页修改主题色 */

.u-a{width: 100%;padding-top: .6rem;padding-bottom: .4rem;}
.u-b{width: 15.7rem;margin: 0 auto;}
.u-titles{color: #333333;font-weight: bold;margin-bottom: .22rem;text-align: center;}
.u-intro{line-height: 1.87; color: #555555;text-align: center;margin-bottom: .45rem;}
.u-intro *{line-height: inherit;}
.u-cont{width: 100%;padding-bottom: .3rem;font-size: 0;}
.u-item{display: inline-block;vertical-align: top;cursor: pointer;background-color: #f8f8f8; width: 3.68rem;margin-right: .32rem;margin-bottom: .5rem;}
.u-item:nth-child(4n){margin-right: 0;}
.u-img{width: 100%;overflow: hidden;}
.u-img img{width: 100%;transform: scale(1.00);transition: all .5s;}
.u-text{width: 100%;padding: .2rem .15rem;text-align: center;}
.u-name{width: 100%; color: #555555;line-height: 1.3; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.u-item:hover{background-color: #2154bd;}
.u-item:hover .u-img img{transform: scale(1.05);}
.u-item:hover .u-name{color: #ffffff;}

@media(max-width: 750px){ 
    .u-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px; }
    .u-item{width: calc(50% - .15rem);margin-right: .3rem;} 
    .u-item:nth-child(2n){margin-right: 0;}
}

.v-a{width: 100%;padding-top: .6rem;padding-bottom: 1rem;}
.v-cont{width: 12.6rem;margin: 0 auto;}
.v-titles{color: #333333;font-weight: bold;margin-bottom: .6rem;text-align: center;}
.v-list{width: 100%;font-size: 0;}
.v-item{display: inline-block;vertical-align: top;cursor: pointer;overflow: hidden; width: 2.28rem;height: 1.2rem;line-height: 1.2rem;text-align: center;margin-bottom: .3rem; border: solid 1px #eeeeee; margin-right: .3rem;}
.v-item:nth-child(5n){margin-right: 0;}
.v-item img{max-width: 85%;max-height: 70%;transform: scale(1.00);transition: all ease .5s;}
.v-item:hover img{transform: scale(1.05);}

@media(max-width: 750px){ 
    .v-cont{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px; }
    .v-item{width: calc(50% - 5px);margin-right: 10px;height: 1.5rem;line-height: 1.5rem;}
    .v-item:nth-child(5n){margin-right: 10px;}
    .v-item:nth-child(2n){margin-right: 0;}
}

.x-a{width: 12.6rem;padding-top: .6rem;padding-bottom: .1rem;}
.x-top{width: 100%;text-align: center;margin-bottom: .55rem;}
.x-titles{color: #333333;font-weight: bold;margin-bottom: .25rem;}
.x-intro{text-align: left; color: #666666;line-height: 1.625;}
.x-cont{width: 100%;}
.x-item{width: 100%;text-align: right;position: relative;padding: .35rem 0;margin-bottom: .6rem;}
.x-bg{position: absolute;top: 0;left: 0;width: 7.65rem;height: 100%; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.x-text{position: relative;z-index: 18;padding: .75rem .6rem; display: inline-block;text-align: left; width: 5.7rem; min-height: 3.5rem;background-color: #ffffff;box-shadow: 0px 0px .21rem 0px rgba(0, 0, 0, 0.1);}
.x-b{width: 100%;font-size: 0;margin-bottom: .4rem;}
.x-icon{display: inline-block;width: .35rem;}
.x-icon img{width: 100%;}
.x-name{display: inline-block;vertical-align: auto;width: calc(100% - .35rem);padding-left: .25rem;color: #333333;font-weight: bold;}
 

.x-textbox{color: #555555;line-height: 1.875;}
.x-textbox *{line-height: inherit;}

@media(min-width: 750px){ 
    .x-item:nth-child(2n)  {text-align: left;}
    .x-item:nth-child(2n) .x-bg{left: auto; right: 0;}
}

@media(max-width: 750px){ 
    .x-a{width: 100%; }
    .x-item{ padding: 0;}
    .x-bg{width: 100%;position: relative;height: auto;padding-top: 54.9%;}
    .x-text{width: 100%;padding:.45rem .3rem ;}
}


body.mechanical .sidebar-item{background-color: #0c5088;} 
body.mechanical .sidebar-item:hover{background-color: #009feb;} 

body.mechanical .paging-a:hover,.paging-b:hover,.paging-c:hover{background-color: #0c5088; border: .01rem solid #0c5088;}
body.mechanical .paging-c.active{background-color: #0c5088; border: .01rem solid #0c5088;}

body.mechanical .nav-titles{background-color: #0c5088;} 
body.mechanical .nav-item:hover .nav-link{ background-color: #009feb;border-bottom: 1px solid #009feb;} 
body.mechanical .nav-item.active .nav-link{ background-color: #009feb;border-bottom: 1px solid #009feb;} 
body.mechanical .nav-item.show .nav-link{ background-color: #009feb;border-bottom: 1px solid #009feb;}
body.mechanical .p-name{ color: #0c5088;}
body.mechanical .p-titles{ color: #0c5088;}
body.mechanical .p-nub{ color: #0c5088;}
body.mechanical .nav-two.active:before{background-color: #009feb;}
body.mechanical .nav-two:hover:before{background-color: #009feb;}
 
body.mechanical .i-name:after{background-color: #0c5088;}
body.mechanical .i-more{  background-color: #0c5088;}
body.mechanical .i-item:hover .i-name{color: #0c5088;}

body.mechanical .j-item:hover{background-color: #0c5088;}

body.mechanical .k-nav.swiper-slide-active .k-e{border: solid .02rem #0c5088;}
body.mechanical .k-top{background-color: #0c5088;}
body.mechanical .a-buttom{background-color: #0c5088;}
body.mechanical .a-buttom:after {background-color: #009feb;}

body.mechanical .l-name:after{background-color: #233345;}

body.mechanical .m-buttom{background-color: #0c5088;}
body.mechanical .m-buttom:after{background-color: #009feb;}

@media(min-width: 750px){ 
    body.mechanical .n-item:hover .n-more{background-color: #0c5088;} 
}
body.mechanical .n-b:before{background-color: #0c5088;}
body.mechanical .n-item:hover .n-b{	color: #0c5088;}
body.mechanical .n-item:hover .n-b{	color: #0c5088;}

body.mechanical .o-back{background-color: #0c5088;}
body.mechanical .o-d:hover{color: #0c5088;}
body.mechanical .o-back:after{background-color: #009feb;}

body.mechanical .r-item:hover .r-text{	background-color: #0c5088;}

body.mechanical .s-item.show .s-name{color: #0c5088;}

body.mechanical .t-nav.swiper-slide-active .t-year{color: #0c5088;border-bottom: .02rem solid #0c5088;} 
body.mechanical .t-prev:hover{background-color: #0c5088;} 
body.mechanical .t-next:hover{background-color: #0c5088;} 

/*第一版内页结束 */
 


/* 动画 */

.teaser{opacity:0;transform:translate3d(0,150px,0);transition:opacity 2s cubic-bezier(.25,.1,.25,1),transform 2s cubic-bezier(.25,.1,.25,1);}
.teaser.is-visible{opacity:1;transform:translate3d(0,0,0);} 
.lter{opacity:0;transform:translate3d(-150px,0,0);transition:opacity 2s cubic-bezier(.25,.1,.25,1),transform 2s cubic-bezier(.25,.1,.25,1);}
.lter.is-visible{opacity:1;transform:translate3d(0,0,0);}
.rter{opacity:0;transform:translate3d(150px,0,0);transition:opacity 2s cubic-bezier(.25,.1,.25,1),transform 2s cubic-bezier(.25,.1,.25,1);}
.rter.is-visible{opacity:1;transform:translate3d(0,0,0);}

.scale{opacity:0;transform:scale(1.3);transition:transform 2s cubic-bezier(.25,.1,.25,1);transform-origin: center bottom;}
.scale.is-visible{opacity:1;transform:scale(1);}

.reduce{opacity:0;transform:scale(.7);transition:transform 2s cubic-bezier(.25,.1,.25,1);transform-origin: center bottom;}
.reduce.is-visible{opacity:1;transform:scale(1);}

@media(min-width: 750px) {

    .teaser.delay2  {transition-delay: .2s;}
    .teaser.delay4  {transition-delay: 0.4s;}
    .teaser.delay6  {transition-delay: 0.6s;}
    .teaser.delay8  {transition-delay: 0.8s;}
 
    .lter.delay2  {transition-delay: 0.2s;}
    .lter.delay4  {transition-delay: 0.4s;}
    .lter.delay6  {transition-delay: 0.6s;}
    .lter.delay8  {transition-delay: 0.8s;}
 
    .rter.delay2  {transition-delay: 0.2s;}
    .rter.delay4  {transition-delay: 0.4s;}
    .rter.delay6  {transition-delay: 0.6s;}
    .rter.delay8  {transition-delay: 0.8s;} 

}
 

.q-icon{position: relative;top: 0;transition: all ease .5s;}
.q-item:hover .q-icon{top: -5px;} 

.p-a,.k-a {overflow: hidden;} 

@media(min-width:750px) {
    .r-item.teaser:nth-child(4n + 2)  {transition-delay: .2s;} 
    .r-item.teaser:nth-child(4n + 3)  {transition-delay: .4s;} 
    .r-item.teaser:nth-child(4n + 4)  {transition-delay: .6s;} 

    .j-item.teaser:nth-child(3n + 2)  {transition-delay: .3s;} 
    .j-item.teaser:nth-child(3n + 3)  {transition-delay: .6s;} 

    .u-item.teaser:nth-child(4n + 2)  {transition-delay: .2s;} 
    .u-item.teaser:nth-child(4n + 3)  {transition-delay: .4s;} 
    .u-item.teaser:nth-child(4n + 4)  {transition-delay: .6s;} 
}

.da-titles , .da-intro ,.da-more{opacity:0;transform:translate3d(150px,0,0);transition:opacity 2s cubic-bezier(.25,.1,.25,1),transform 2s cubic-bezier(.25,.1,.25,1);}
.da-item.swiper-slide-active .da-titles{opacity:1;transform:translate3d(0,0,0);}
.da-item.swiper-slide-active .da-intro{opacity:1;transform:translate3d(0,0,0);}
.da-item.swiper-slide-active .da-more{opacity:1;transform:translate3d(0,0,0);}
.da-intro  {transition-delay: .2s;}
.da-more  {transition-delay: 0.4s;}


.xb-a,.xd-a ,.xf-a{overflow: hidden;} 
.xa-en , .xa-titles ,.xa-more{opacity:0;transform:translate3d(150px,0,0);transition:opacity 2s cubic-bezier(.25,.1,.25,1),transform 2s cubic-bezier(.25,.1,.25,1);}
.xa-item.swiper-slide-active .xa-titles{opacity:1;transform:translate3d(0,0,0);}
.xa-item.swiper-slide-active .xa-en{opacity:1;transform:translate3d(0,0,0);}
.xa-item.swiper-slide-active .xa-more{opacity:1;transform:translate3d(0,0,0);}
.xa-titles  {transition-delay: .2s;}
.xa-more  {transition-delay: 0.4s;}