html{line-height:1.6;-webkit-text-size-adjust:100%;max-width:100%;overflow-x:hidden;height:100%}body{margin:0;height:auto!important;min-height:100%!important; box-sizing:border-box;position:relative}main{display:block}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.5;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}template{display:none}[hidden]{display:none}html{font-family:sans-serif}.hidden,[hidden]{display:none!important}.pure-img{max-width:100%;height:auto;display:block}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
.video embed,.video object,.video iframe{width:100%;height:auto}
video{max-width:100%}iframe{max-width:100%}
body{color:#333}
p{line-height:1.6em;margin:1.4em 0}
img{max-width:100%;height:auto;max-height:100%;width:auto\9;vertical-align:middle;
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;}
#content img,#content2 img,#content3 img,#content4 img{max-width:100%!important;height:auto!important; max-height:100%!important;width:auto\9;vertical-align:middle}
svg{vertical-align:middle}
a{color:#222;text-decoration:none}a:hover, .active,.active a{color:#d6251b!important}
a:hover img{transform:scale(.96)}#logo a:hover img{transform:scale(1)}
.imghover,.imghover a{overflow:hidden}
.imghover:hover img,.imghover a:hover img{transform:scale(1.2)}
li{list-style:none}
h1{font-size:1.5em;margin:30px 0 20px 0}
h2{font-size:1.25em;margin:20px 0 12px 0}
.w1500a,.w1300a,.w1222a{width:100%;margin-left:auto;margin-right:auto}
.w1500a{max-width:1500px;}.w1300a{max-width:1300px;}.w1222a{max-width:1222px;}
.w1500{width:calc(100% - 20px); max-width:1500px;margin-left:auto;margin-right:auto}
.w1300{width:calc(100% - 20px); max-width:1300px;margin-left:auto;margin-right:auto}
.w1222{width:calc(100% - 20px); max-width:1222px;margin-left:auto;margin-right:auto;}
@media (max-width:1520px) { .w1500{margin-left:10px;margin-right:10px} }
@media (max-width:1320px) { .w1300{margin-left:10px;margin-right:10px} }
@media (max-width:1220px) {	.w1222{margin-left:10px;margin-right:10px} }
.w1500:after,.w1222:after,.w1300:after,.clear:after{content:"\0020";display:block;overflow:hidden;visibility:hidden;width:0;height:0;clear:both}
.dong, a img, a:hover img{-webkit-transition:all 0.6s cubic-bezier(0.216, 0.62, 0.356, 1) 0s;-moz-transition:all 0.6s cubic-bezier(0.216, 0.62, 0.356, 1) 0s;transition:all 0.6s cubic-bezier(0.216, 0.62, 0.356, 1) 0s;}
.bg{background:#fff}

@font-face {
  font-family: 'iconfont';
  src: url('/template/default/skin/iconfont/iconfont.woff2') format('woff2'),
       url('/template/default/skin/iconfont/iconfont.woff') format('woff'),
       url('/template/default/skin/iconfont/iconfont.ttf') format('truetype');
}
.i{display:inline-block;font-size:1em;font-family:"iconfont"!important;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}




svg.dong{animation: dong-svg 30s infinite linear;}
	@keyframes dong-svg {
        0% {transform:rotate(0deg);}
		50% {transform:rotate(180deg);}
        100% {transform:rotate(360deg);}
	}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt50{margin-top:50px;}
.mt100{margin-top:100px;}

.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb50{margin-bottom:50px;}
.mb100{margin-bottom:100px;}

.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt50{padding-top:50px;}
.pt100{padding-top:100px;}

.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb50{padding-bottom:50px;}
.pb100{padding-bottom:100px;}

@media screen and (max-width:767px) {
    .mt10{margin-top:6px;}
    .mt20{margin-top:12px;}
    .mt30{margin-top:18px;}
    .mt50{margin-top:28px;}
    .mt100{margin-top:50px;}

    .mb10{margin-bottom:6px;}
    .mb20{margin-bottom:12px;}
    .mb30{margin-bottom:18px;}
    .mb50{margin-bottom:28px;}
    .mb100{margin-bottom:50px;}

    .pt10{padding-top:6px;}
    .pt20{padding-top:12px;}
    .pt30{padding-top:18px;}
    .pt50{padding-top:28px;}
    .pt100{padding-top:50px;}

    .pb10{padding-bottom:6px;}
    .pb20{padding-bottom:12px;}
    .pb30{padding-bottom:18px;}
    .pb50{padding-bottom:28px;}
    .pb100{padding-bottom:50px;}
}
table {word-break:break-all;border-collapse:collapse;border-spacing:0}
@media all and (-ms-high-contrast:none), (-ms-high-contrast:active) {
    table .pure-g {display: block}
}
table {empty-cells: show;border: 1px solid #cbcbcb;word-break: break-all;}
table caption {color:#000;font:italic 85%/1 arial, sans-serif;padding:1em 0;text-align:center}
table td, table th {border-left:1px solid #cbcbcb;border-width:0 0 0 1px;font-size:inherit;margin:0;overflow:visible;padding:.5em 1em}
table td:first-child, table th:first-child {border-left-width:0}
table thead {background-color:#e0e0e0;color:#000;text-align:left;vertical-align:bottom}
table td {background-color:transparent}
table td {border-bottom:1px solid #cbcbcb}
table tbody>tr:last-child>td {border-bottom-width:0}

/*----------------------------*/

.pure-gbox,.pure-g{letter-spacing:-.31em;text-rendering:optimizespeed;font-family:FreeSans,Arimo,"Droid Sans",Helvetica,Arial,sans-serif;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-line-pack:start;align-content:flex-start}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){table .pure-g{display:block}}.opera-only :-o-prefocus,.pure-g{word-spacing:-.43em}
.pure-gbox{width:102%}
.g3-1,.g3-2,.g4-1,.g4-2,.g0,.g,.g1,.g2,.g3,.g4,.g5,.g6,.g7,.g8,.g9,.g10,.gm0,.gm,.gm1,.gm2,.gm3,.gm4,.gm5,.gm6,.gm7,.gm8,.gm9.gm10,.w0,.w1,.w2,.w3,.w4,.w5,.w6,.w7,.w8,.w9,.w10,.w11,.w12,.w13,.w14,.w15,.w16,.w17,.w18,.w19,.w20,.w21,.w22,.w23,.w24,.w25,.w26,.w27,.w28,.w29,.w30,.w31,.w32,.w33,.w34,.w35,.w36,.w37,.w38,.w39,.w40,.w41,.w42,.w43,.w44,.w45,.w46,.w47,.w48,.w49,.w50,.w51,.w52,.w53,.w54,.w55,.w56,.w57,.w58,.w59,.w60,.w61,.w62,.w63,.w64,.w65,.w66,.w67,.w68,.w69,.w70,.w71,.w72,.w73,.w74,.w75,.w76,.w77,.w78,.w79,.w80,.w81,.w82,.w83,.w84,.w85,.w86,.w87,.w88,.w89,.w90,.w91,.w92,.w93,.w94,.w95,.w96,.w97,.w98,.w99,.w100,.s0,.s1,.s2,.s3,.s4,.s5,.s6,.s7,.s8,.s9,.s10,.s11,.s12,.s13,.s14,.s15,.s16,.s17,.s18,.s19,.s20,.s21,.s22,.s23,.s24,.s25,.s26,.s27,.s28,.s29,.s30,.s31,.s32,.s33,.s34,.s35,.s36,.s37,.s38,.s39,.s40,.s41,.s42,.s43,.s44,.s45,.s46,.s47,.s48,.s49,.s50,.s51,.s52,.s53,.s54,.s55,.s56,.s57,.s58,.s59,.s60,.s61,.s62,.s63,.s64,.s65,.s66,.s67,.s68,.s69,.s70,.s71,.s72,.s73,.s74,.s75,.s76,.s77,.s78,.s79,.s80,.s81,.s82,.s83,.s84,.s85,.s86,.s87,.s88,.s89,.s90,.s91,.s92,.s93,.s94,.s95,.s96,.s97,.s98,.s99,.s100{font-family:sans-serif;display:inline-block;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto;zoom:1}
.g0{display:none}.g,.g1{width:100%}.g2{width:50%}.g3{width:33.3333%}.g4{width:25%}.g5{width:20%}.g6{width:16.6666%}.g7{width:14.2857%}.g8{width:12.5%}.g9{width:11.1111%}.g10{width:10%}
.w0{width:0;display: none}.w1{width:1%}.w2{width:2%}.w3{width:3%}.w4{width:4%}.w5{width:5%}.w6{width:6%}.w7{width:7%}.w8{width:8%}.w9{width:9%}.w10{width:10%}.w11{width:11%}.w12{width:12%}.w13{width:13%}.w14{width:14%}.w15{width:15%}.w16{width:16%}.w17{width:17%}.w18{width:18%}.w19{width:19%}.w20{width:20%}.w21{width:21%}.w22{width:22%}.w23{width:23%}.w24{width:24%}.w25{width:25%}.w26{width:26%}.w27{width:27%}.w28{width:28%}.w29{width:29%}.w30{width:30%}.w31{width:31%}.w32{width:32%}.w33{width:33%}.w34{width:34%}.w35{width:35%}.w36{width:36%}.w37{width:37%}.w38{width:38%}.w39{width:39%}.w40{width:40%}.w41{width:41%}.w42{width:42%}.w43{width:43%}.w44{width:44%}.w45{width:45%}.w46{width:46%}.w47{width:47%}.w48{width:48%}.w49{width:49%}.w50{width:50%}.w51{width:51%}.w52{width:52%}.w53{width:53%}.w54{width:54%}.w55{width:55%}.w56{width:56%}.w57{width:57%}.w58{width:58%}.w59{width:59%}.w60{width:60%}.w61{width:61%}.w62{width:62%}.w63{width:63%}.w64{width:64%}.w65{width:65%}.w66{width:66%}.w67{width:67%}.w68{width:68%}.w69{width:69%}.w70{width:70%}.w71{width:71%}.w72{width:72%}.w73{width:73%}.w74{width:74%}.w75{width:75%}.w76{width:76%}.w77{width:77%}.w78{width:78%}.w79{width:79%}.w80{width:80%}.w81{width:81%}.w82{width:82%}.w83{width:83%}.w84{width:84%}.w85{width:85%}.w86{width:86%}.w87{width:87%}.w88{width:88%}.w89{width:89%}.w90{width:90%}.w91{width:91%}.w92{width:92%}.w93{width:93%}.w94{width:94%}.w95{width:95%}.w96{width:96%}.w97{width:97%}.w98{width:98%}.w99{width:99%}.w100{width:100%}
.g3-1,.g3-2{width:31.3333%;margin-right:2%}.g4-1,.g4-2{width:23%;margin-right:2%}

@media screen and (max-width:767px) {
	.gm0{display:none}.gm,.gm1{width:100%}.gm2{width:50%}.gm3{width:33.3333%}.gm4{width:25%}.gm5{width:20%}.gm6{width:16.6666%}.gm7{width:14.2857%}.gm8{width:12.5%}.gm9{width:11.1111%}.gm10{width:10%}
	.s0{width:0;display: none}.s1{width:1%}.s2{width:2%}.s3{width:3%}.s4{width:4%}.s5{width:5%}.s6{width:6%}.s7{width:7%}.s8{width:8%}.s9{width:9%}.s10{width:10%}.s11{width:11%}.s12{width:12%}.s13{width:13%}.s14{width:14%}.s15{width:15%}.s16{width:16%}.s17{width:17%}.s18{width:18%}.s19{width:19%}.s20{width:20%}.s21{width:21%}.s22{width:22%}.s23{width:23%}.s24{width:24%}.s25{width:25%}.s26{width:26%}.s27{width:27%}.s28{width:28%}.s29{width:29%}.s30{width:30%}.s31{width:31%}.s32{width:32%}.s33{width:33%}.s34{width:34%}.s35{width:35%}.s36{width:36%}.s37{width:37%}.s38{width:38%}.s39{width:39%}.s40{width:40%}.s41{width:41%}.s42{width:42%}.s43{width:43%}.s44{width:44%}.s45{width:45%}.s46{width:46%}.s47{width:47%}.s48{width:48%}.s49{width:49%}.s50{width:50%}.s51{width:51%}.s52{width:52%}.s53{width:53%}.s54{width:54%}.s55{width:55%}.s56{width:56%}.s57{width:57%}.s58{width:58%}.s59{width:59%}.s60{width:60%}.s61{width:61%}.s62{width:62%}.s63{width:63%}.s64{width:64%}.s65{width:65%}.s66{width:66%}.s67{width:67%}.s68{width:68%}.s69{width:69%}.s70{width:70%}.s71{width:71%}.s72{width:72%}.s73{width:73%}.s74{width:74%}.s75{width:75%}.s76{width:76%}.s77{width:77%}.s78{width:78%}.s79{width:79%}.s80{width:80%}.s81{width:81%}.s82{width:82%}.s83{width:83%}.s84{width:84%}.s85{width:85%}.s86{width:86%}.s87{width:87%}.s88{width:88%}.s89{width:89%}.s90{width:90%}.s91{width:91%}.s92{width:92%}.s93{width:93%}.s94{width:94%}.s95{width:95%}.s96{width:96%}.s97{width:97%}.s98{width:98%}.s99{width:99%}.s100{width:100%}
    .g3-2, .g4-2{width:48%}.g3-1, .g4-1{width:98%}
}

.ml1{margin-left:1%}.ml2{margin-left:2%}.ml3{margin-left:3%}.ml4{margin-left:4%}.ml5{margin-left:5%}.ml6{margin-left:6%}.ml7{margin-left:7%}.ml8{margin-left:8%}.ml9{margin-left:9%}.ml10{margin-left:10%}
.mb1{margin-bottom:1%}.mb2{margin-bottom:2%}.mb3{margin-bottom:3%}.mb4{margin-bottom:4%}.mb5{margin-bottom:5%}

@media screen and (max-width:767px) {
    .gm1.ml1,.gm1.ml2,.gm1.ml3,.gm1.ml4,.gm1.ml5,.gm1.ml6,.gm1.ml7,.gm1.ml8,.gm1.ml9,.gm1.ml10,.s100.ml11,.s100.ml1,.s100.ml2,.s100.ml3,.s100.ml4,.s100.ml5,.s100.ml6,.s100.ml7,.s100.ml8,.s100.ml9,.s100.ml10{margin-left:0}
}

.g-hidden{overflow:hidden;}.pb2{padding-bottom:2%}.pt2{padding-top:2%}
.flex{display:box;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;}
/*---------------------------------*/


/*header↓*/  /*单独一行的是对应修改项*/
body{
    padding-top:110px;
}
header {position:fixed;top:0;left:0;right:0;background:#fff;z-index:999;width:100%;
    height:110px;
}
header .w1500,header .w1300,.header .w1222{height:100%;position:relative;}
.fixedhead header{border-bottom: 1px solid #eee;
height:80px;
}
#logo{float:left;
    height:60px;margin-top:25px;margin-right: 50px;
}
.fixedhead header #logo{
    height:50px;margin-top:15px;
}

#top{position:absolute;top:0;right:0;height:30px;line-height:30px;text-align: right;}
/*↓简约搜索width:100%*/
.sosobox{display:inline-block;margin-right:10px; position:relative;height:30px;}
.sosobox .bo1{background:url(/images/icon_search.png) center center no-repeat;display:inline-block;width:30px;height:30px;}
	.sosobox form{display:inline-block;position:relative;height:30px; color:#555; background-color:#e6e6e6;	-moz-border-radius:80px;-webkit-border-radius:80px;border-radius:80px;width:0;overflow: hidden;}
.sosobox form.bo2-is-open{width:300px;max-width:100%;}
.sosobox .bo1-is-clicked{background:url(/images/icon_close.png) center center no-repeat;}

	input{outline:none;-webkit-appearance:button;-webkit-appearance:none;}
	.soso-text{margin:0 26px 0 8px;width:266px;max-width:calc(100% - 34px); border:0 none;background:none;line-height:28px;}
	.tijiao{width:26px;height:26px;position:absolute;top:2px;right:2px;overflow:hidden;border-radius:30px;padding: 0;border: 0 none;background:#fff;}
.tijiao img{display: inline-block;margin-top: -3px;}
	.tijiao:hover{background:#1b62b7;border-radius:20px;}
	input.soso-text:focus{background:none;outline:none;margin:0 26px 0 8px;width:266px;}
    input.tijiao:focus{outline: none;}
/*↑简约搜索 end*/
#top p{margin:0;padding:0;display:inline-block;overflow: hidden;line-height: 30px;}
#top p a{display: inline-block;padding: 0 20px;position: relative;color: #858585;}#top p a:nth-last-child(-n+1){padding-right:2px;}
#top p a::before{position: absolute;content:"";left: 0;top: 50%;width: 1px;height: 8px;margin-top:-4px;background: #333;}
#top p a:first-child::before{display:none;}
@media screen and (max-width:830px){
    #top{display: none;}
}




#nav{position:absolute;top:30px; bottom:0;left:260px; right:0;}
#nav2{margin:0;padding:0; height:100%;text-align:right;}
#nav2 .li6{margin:0 0 0 20px;display: inline-block;position: relative;height:100%;font-family:Arial,Helvetica,Verdana,sans-serif;font-size: 16px; }
@media (min-width:1200px) {
    #nav2 .li6{margin:0 0 0 calc((100% - 760px) / 6.2)}
}
#nav2 li.li6 > a{height:100%; display:inline-block;text-align:center;line-height:60px;white-space:nowrap;}
.fixedhead header #nav2 li > a{line-height:40px;}
.ico9{display:inline-block;margin-left:6px;margin-top:-2px;}

/*a hover*/#nav2 li.li6:hover::after{content:"";width:100%;height:3px;background:#CF282C;position: absolute;bottom:5px;left:0;}


.navii{display: none;}
@media screen and (max-width:960px){
    #nav{display:none;}
	.navii{display: block;position:absolute;right: 0;top:50%;margin-top:-15px;width:30px;height:30px;border: 1px solid #bcb9b8;box-sizing: border-box;border-radius: 30px;}
	.navii a{margin:4px;}
    #top {top:50%;margin-top:-15px;right:80px;height: 30px;}
}


	/*二级导航*/
.navson{height:0;margin: 0;padding: 0;overflow: hidden;position: absolute;left: 0;top:80px;text-align: left;}
.fixedhead header .navson{top:50px;}
.navson table{border: 0 none;}
.navson td{padding:3px;border: 0;}
.navson a{display: block;padding:10px 0; line-height:1.4em;font-size:14px;}

.li6:hover .navson{height: auto;background: #fff;padding:10px 20px;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;box-shadow: 2px 2px 3px #ccc;width:460px;}
	/*二级导航end*/
/*header end*/


/*↓焦点图*/
	#jd{max-width:100vw;margin:auto;}
    #slides {/*display:none;*/position:relative;z-index: 991;}
	#slides img{width:100%;pointer-events:none;user-select:none;}
#jd video{width:100%;}

	a.slidesjs-next,  a.slidesjs-previous{background:rgba(63,63,81,0.1);display:none;width:30px;height:60px;z-index:999;overflow:hidden;text-indent: -9999px;}
#slides:hover a.slidesjs-next, #slides:hover a.slidesjs-previous {display: block;}
    
a.slidesjs-play,  a.slidesjs-stop {position:absolute;bottom:2px;right: 2px;height: 20px;width: 20px;overflow: hidden;z-index: 993;text-indent: -9999px; opacity: 0;}#slides:hover a.slidesjs-play,#slides:hover a.slidesjs-stop{opacity: .8;}
a.slidesjs-play{background: url(/images/i-play.png) center center no-repeat;}
a.slidesjs-stop{background: url(/images/i-stop.png) center center no-repeat;}

    a.slidesjs-next {position:absolute;right:0;top:50%; margin-top:-40px;}
    a:hover.slidesjs-next {background:rgba(63,63,81,0.8);}
    a.slidesjs-previous {position:absolute;left:0;top:50%; margin-top:-40px;}
    a:hover.slidesjs-previous {background:rgba(63,63,81,0.8);}
	a.slidesjs-next:before,a.slidesjs-previous:before{font-family:"宋体";display:block;width:30px;height:60px;line-height:60px;text-align:center;font-size:30px;color:#fff;text-indent:0;}

	a.slidesjs-next:before{content:">";}
	a.slidesjs-previous:before{content:"<";}

    .slidesjs-pagination {list-style:none;padding:0;margin:0;position:absolute;bottom: 0; right:0;width:100%;text-align: center;z-index:992;}
    .slidesjs-pagination li {margin:6px;padding:0;height:10px;display:inline-block;}
    .slidesjs-pagination li a {display:inline-block;width:10px;height:0;padding-top:10px;border-radius:5px; background: #dc2a30;overflow: hidden;transition:all 0.6s cubic-bezier(0.216, 0.62, 0.356, 1) 0s;}/*小圆点样式。*/
    .slidesjs-pagination li a.active,   .slidesjs-pagination li a:hover.active {background-color:#09ff00;margin:0;padding:10px 0 0 0;box-shadow: 0 0 10px 0px #00ff4c;}
	.slidesjs-pagination li a:hover {background-position: 0 -26px}

    .navbar {overflow: hidden}
#jdt1,#jdt2,#jdt3{overflow: hidden;}
#jdt1:hover img,#jdt2:hover img,#jdt3:hover img{transform:scale(1.01)}
@media (max-width: 768px) {
    .slidesjs-pagination li a{width:1px;}
	#slides .slidesjs-navigation{display: none!important}
}
.cptu{position: relative;}

.cptu .slidesjs-pagination{position:static;}
.cptu .slidesjs-pagination li{margin: 0;height: 100%;max-width:25%;}
.cptu .slidesjs-pagination li a{width:98%;margin:1%; height:0;font-size:0;padding-top:100%;border-top: 2px solid #fff;box-shadow: inset 0 0 0 2px #f9f9f9;}
.cptu .slidesjs-pagination li a.active, .cptu .slidesjs-pagination li a:hover.active{padding:100% 0 0 0;margin: 1%;-webkit-transform:scale(.9);-moz-transform:scale(.9);-o-transform:scale(.8);transform:scale(.9);box-shadow: 0 0 0px 2px #dc2a30;background-color:none;}
.cptu a.slidesjs-next, .cptu a.slidesjs-previous{top: 40%;}
.cptu:hover a.slidesjs-next, .cptu:hover a.slidesjs-previous{display:block;}
.slides3 iframe{width: 100%;height: 100%;}
/*↑焦点图 end*/

/*----------------------------------------↑----------------------------------*/

.ovh{overflow:hidden;}

/*↓///////////////////其他样式///////////////////////↓*/

/*
new ↓
*/

/*首页·视频展示↓*/
	/*大标题样式*/
.t1{text-align: center;font-size: 48px;margin-bottom: 10px;}
.t1p{font-size: 28px;text-align: center;margin-top:10px;}

.t6{font-size:46px;text-align:center;margin-bottom: 0;letter-spacing:2px;max-width:100%;}
.t6 span{display:inline-block;}
.t6 span::after{content: "";width:100%;max-width:400px;margin: auto; height:3px;background:#f00;display:block;position:relative;bottom: -5px;}
.t6p{margin-top: 15px;text-align: center;font-size: 20px;color: #666;font-weight: normal;}
@media (max-width: 768px) {
	.t1,.t6{font-size:22px;letter-spacing:0;}
	.t1p,.t6p{font-size:12px;}
}
	/*大标题样式 end*/


/*首页·视频展示↓*/
#video{background: url("/images/bg1.jpg") 0 0 no-repeat;background-size: cover;}
.fon22{font-size: 22px;}
.video{margin-left: auto;margin-right: auto;width: 80%;}
@media (max-width:767px){
    .video{width: auto;}.fon22{font-size: 12px;}
}
/*首页·视频展示 end */

#cp .g3-2 a{display: block;position: relative;background: rgb(236,242,247);}
#cp .g3-2 a span{position: absolute;bottom: 0;left: 0;right: 0;background: rgba(255,255,255,.8);height: 0;overflow: hidden;line-height:2;text-overflow:ellipsis;white-space:nowrap;min-height:0;}
#cp .g3-2 img{width: 100%;}
#cp .g3-2 a:hover span{height: auto;min-height: 30px}
@media (max-width: 768px) {
    
}
/*首页·产品展示 end*/


/*首页·产品系列*/
#xl .g4-2 p{font-size:26px;text-align: center;margin-top: 0;}
@media (max-width: 768px) {
    #xl .g4-2 p{font-size:18px;}
}
.yy{box-shadow: 0 0 5px rgba(0,0,0,.1);}

/*首页·产品系列 end*/
#sl{max-width:98%;margin-left: auto;margin: auto;}
#sl .pure-gbox p{margin:3% 0;}
#sl .pure-gbox p img{width: 100%;}
/*end 首页-实力展示*/
#in-ys{background: #EFEFEF;text-align: center;}
/*end 首页-优势*/
#zs{background:url("/images/bg2.jpg") 0 0;}
#zs img{width: 100%;display: block;}
.ml2-0{margin-left: 2%;}
@media screen and (max-width:767px) {
    .ml2-0{margin-left:0;}
}
/*end 首页-证书*/


/*首页· news↓*/
#news{background: url("/images/bg2.jpg") 0 0;}
#news .w48 a{display: block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align: center;}
@media screen and (min-width:1100px) {
    .n-title{font-size: 22px;}
}
    /* al1 new 跑马灯 */
/*----*/
.str_wrap {
//zoom:1;
overflow:hidden;
width:100%;position:relative;-moz-user-select:none;-khtml-user-select:none;user-select:none;white-space:nowrap;}
.str_wrap.str_active {background:#fff;}/*hover时背景色*/
.str_move {white-space:nowrap;position:absolute;top:0;left:0;cursor:move;}
.str_move_clone {
 //zoom:1;
display:inline-block;vertical-align:top;position:absolute;left:100%;top:0;}
.str_vertical .str_move_clone {left:0;top:100%;}
.str_down .str_move_clone {left:0;bottom:100%;}
.str_vertical .str_move,
.str_down .str_move {white-space:normal;width:100%;}
.str_static .str_move,
.no_drag .str_move,
.noStop .str_move{cursor:inherit;}
.str_wrap img {max-width:none !important;}
/*-----*/
    /* al1 end */

/*首页· news end*/

.in-lxbg{background:#fafafa; overflow:hidden;}





/*栏目↓*/

#cpfl{margin: 30px auto;text-align: center;margin-bottom: 4%;}
#cpfl a{display: inline-block;padding: 12px 30px;font-size: 18px;border: 1px solid #ccc;margin: 10px;border-radius: 8px;}
#cpfl a:hover,#cpfl a.active{background:#f60100;color: #fff!important;border-color: #f60100;}
.lmcp{text-align: center;}
.list-title{margin-top: 0;padding: 8px;font-size: 20px;background: #fff;}
#cp .list-title a{background: #fff;}
@media screen and (max-width:767px) {
    .list-title{margin-top: 0;padding: 8px;font-size:16px;}
}
/*图文列表↓*/
/*图文列表→*/.twbox{margin:30px 0;padding: 2% 0;border-radius: 10px; overflow:hidden;background:#fafafa;position: relative;}
/*单文列表→*/.wenbox{margin:0 30px 50px 0;position: relative;}
.wenbox::after{content: "";width:100%; height: 0;display: block;position: absolute;left: 0;bottom:-20px;border-bottom: 1px dashed #98a4af;}
.twbox::after{transition:all 0.6s;content: "";display: block;width: 2px;background:#42e001;position: absolute;right:0;bottom:20px;height:30px;}
.twbox:hover::after{transition:all 0.6s;bottom:0;height:100px;}
.twbox:hover{box-shadow: 0 0 20px 0px rgb(236, 242, 247); background: #fff;}
    
.tubox{width:30%;float:left;margin-right:2vw; position:relative;}
.tubox::before{padding-bottom:75%;content:"";height:0;display:block;}
.tubox a{position:absolute;top:0;bottom: 0;left: 0;right: 0; display: flex;align-items:center;justify-content:center;}
.tubox a img{transition: all 0.6s;border-radius: 10px;}
.tubox a:hover img{transform: scale(1.1);transition: all 0.6s;}
.wen-t{font-size: 16px;font-weight: 700;margin:14px 10px 2px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.wen-txt{height:50px;line-height:25px;font-size: 14px;margin:14px 10px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; }
.wenbox .wen-txt{height: auto;}
.wen-more{margin:10px;overflow:hidden;font-size:12px;color:#999;}
.wen-more .fa{margin-right:8px;}

.i-date, .i-author, .i-see {color: #A7ABB1; margin-right:10px; font-size:12px;}
.i-date::before, .i-author::before, .i-see::before {margin-right: 3px;}
.i-date::before {content: "\1F559";}
.i-see::before {content: "\1F446";}
.i-author::before {content: "\1F471";}

#wbox{padding: 30px;border: 1px solid #eee;}
#wbox .twbox{margin-right: 0;}
#wbox .twbox:nth-of-type(odd) .tubox{float: right;margin-right: 0;margin-left: 30px;}
#wbox .twbox:nth-of-type(odd)::after{left:0;right:auto;}
#wbox h3,#wbox p{margin-left:30px;}
@media screen and (max-width:767px) {
	.twbox,.wenbox{margin:0 0 30px 0;}
	.tubox{width:100%;float: none;margin:0;}
	#wbox .twbox:nth-of-type(odd) .tubox{float:none;margin-left:0;}

}
/*图文列表 end */
    /*产品:栏目页 end*/

    /*新闻：栏目页↓*/
.dq2{border-bottom: 5px solid #F0EEEF;}

.listbox{margin-top:2%;border-bottom: 1px dotted #ccc;}
.listbox h3{margin-bottom: 10px;}
.list-time{font-size: 14px;color: #999;margin: 10px auto;}
.list-jj{color:#777;margin-top: 10px;}
.list-more a{display: inline-block;padding: 10px 22px;line-height: 1.2;background: #308415;color: #fff!important;}
.list-more a:hover{background: #F80000;}
    /*新闻：栏目页 end*/
/*栏目 end*/
	/*详情页-产品 ↓*/
.cptu{text-align: center;}
.slides3 .jdt.slidesjs-slide{height:100%;}
.cptu .slidesjs-pagination{position:static;background:#efefef;}
.cptu .slidesjs-pagination li{margin: 0;height: 100%;max-width:25%;}
.cptu .slidesjs-pagination li a{width:96%;margin:2%; height:0;font-size:0;padding-top:100%;position: relative;}
.cptu .slidesjs-pagination li a::after{position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0,0,0,.6);content: "";transition: all 0.6s;}
.cptu .slidesjs-pagination li a.active::after, .cptu .slidesjs-pagination li a:hover.active::after{background: rgba(0,0,0,0);transition: all 0.6s}
.cptu .slidesjs-pagination li a.active, .cptu .slidesjs-pagination li a:hover.active{padding:100% 0 0 0;margin:2%;}
.cptu a.slidesjs-next, .cptu a.slidesjs-previous{top: 40%;}
.cptxt2-lx span{color:#888}
@media screen and (min-width:1300px) {
    .cprightbox h1{font-size: 32px;}
    .cptxt,.cptxt p{line-height: 3;}
    .cptxt2-lx{font-size: 28px;}
}
#cpxqt{border-bottom: 2px solid #eee;font-size: 28px;color: #666;margin-bottom: 20px;}
#cpxqt span{display:inline-block;border-bottom:5px solid #999;margin-bottom: -3px; }
    /*详情页-新闻↓*/
h1.newt{text-align:center;}

.xq-time{font-size: 14px;color: #888;text-align: center;}
#sxp2{margin:6% auto;}
	/*详情页 end*/

/*↓联系我们&关于我们*/
.usjj{margin-top:5%;}
.usjj img{border-radius: 8px;}
@media screen and (min-width:767px) {
    .usjj h2,.usys h2{font-size:28px;}
    .usjj p,.usys p{font-size: 20px;}
    .usys{margin-top:3%;}
    .f-r{float: right;width: 46%;}
    .f-l{float: left;width: 46%;min-height: 440px;}
    .uszs h2{letter-spacing:20px;}
}
.usys{padding: 5% 0;background:#EFEFEF;}
.usys img{border-radius: 8px;}
.uszs img{display: block;margin: auto;width: 94%;box-shadow:0 0 6px 0 rgba(0, 0, 0, .3);}

/**/
.lxbox{padding: 4% 0;background:#003170;color: #fff;}
.lxbox a{color: #fff;}
.lxbox p{margin-left: 20px;margin-right: 20px;}
.lxbox span,.lxbox font{display: block;margin-bottom:1.4em;}
@media screen and (min-width:767px) {
    .lxbox p{padding: 10px 0;}
    .lxbox span{width: 50%;text-align: center;display: inline-block;font-size: 28px;}
    .lxbox font{width: 50%;display: inline-block;font-size: 28px;}
}

/*联系我们&关于我们 end*/
/*搜索结果页↓*/
#banner p{margin-top:0;margin-bottom: 0;}
.socontent{margin-left:3.3333%;}
.soli{background:#fff;padding:1% 2%;margin-top: 20px;box-shadow:0 0 6px 0 rgba(0, 0, 0, .3);}
.solibox{overflow:hidden;}
.so1{float: left;width:20%;height:180px;margin: 0;}
.so2{margin-left: 22%;}
.sotxt{color: #777;}
.sotime{color: #888;font-size: 14px;}
@media screen and (max-width:767px) {
    .socontent{margin-left:0;}
}
/*搜索结果页 end*/
/*footer*/
footer{background:#000; font-size:16px;color:#9E9E9E;}
footer a{color:#9E9E9E;}
footer h5{color:#c1c1d2;font-size:20px; position: relative}
footer h5::after{position: absolute;width: 100px;content: "";height: 2px;background: #ccc;bottom: -20px;left: 0;}

.fico2{text-align:center;}
.fico3{text-align:right;}

.foot2{padding-bottom:20px;}
.foot2box2{text-align:right;}
.foot2box2 img{display: inline-block;border-radius: 8px;margin-top:60px}
.foot2box2 h5{text-align:center;}
.foot3{padding:10px 0;text-align:center;background:#000;border-top: 1px solid #333;}
@media screen and (max-width:767px) {
    .foot2box{margin-right:0;}
    .foot2box2{text-align:left;}.foot2box2 h5{text-align:left;}
}
/*footer end */

/*↓当前位置*/
.dq{margin-bottom:30px;padding:15px 0; line-height:1; font-size: 18px;}
		.dq p{color: #777;margin-top: 0;margin-bottom: 0;}
		.dq a{color: #777;}
		.dq a:hover{color:#0763ad}
.dq img{height: 30px;margin-top: -3px;}
@media screen and (max-width:767px) {
    .dq{margin-left:0;font-size: 12px;}
}

/*↑当前位置 end */
/*--↓分页--*/
	.fy{margin:30px auto 80px auto;font: 11px/12px Tahoma;text-align: center;padding:0;}
.fy li{margin:0 2px;padding:0;display:inline-block;}
.fy li.active a{color:#EF2525;}
	.fy a,.fy>b{display:inline-block;line-height:30px;min-width:16px;padding:0 8px;border:1px solid #393e76;border-radius:4px;text-decoration:none;text-align:center;}
	.fy>b,.fy a:hover{background:#393e76;color:#fff;border-color:#393e76;}
/*--↑分页 end--*/
/*上下篇↓*/
#sxp{margin:50px 0 10px 0;border-top:10px solid #f3f3f3;background: #fff; position:relative;padding:10px 20px; line-height:20px;overflow: hidden;}
#sxp::after{content:"";width:calc(100% - 20px);height:calc(100% - 20px);border:1px solid #ccc;position: absolute;top:10px;left:10px;z-index: 0;}
#sxp p{position: relative;z-index: 999;}
#sxp p a{padding: 0 10px;}
@media screen and (min-width:768px) {
	#sxp p{float: left;width:49%}
    #sxp p:nth-of-type(odd){margin-right: 1%;text-align: right;}
    #sxp p:nth-of-type(even){margin-right: 1%;}
}
/*↓留言咨询*/
	.cc2{margin-top:30px;margin-bottom: 30px;}

	.cc2 input{height:50px;line-height:38px;}
	.cc2 input, .ly textarea{color:#555; box-sizing:border-box;width:100%;padding:1px 8px;border:1px solid rgba(72,72,72,.4);outline:none;transition:.3s linear;	}
	.cc2 input[type=text]:focus,
    .cc2 input[type=password]:focus {border-color:rgba(255,255,255,.7);box-shadow:inset 0 1px 2px rgba(15,15,15,.075), 0 0 5px rgba(0,0,0,.3);background:rgba(255,255,255,1);}
	.ly{clear: both;position: relative; margin:8px 0;}
	.ly textarea{height:220px;}
	.ly textarea:focus,
    .ly textarea[type=password]:focus {border-color:#fff;box-shadow:inset 0 1px 2px rgba(15,15,15,.075), 0 0 5px rgba(0,0,0,.3);background:rgba(255,255,255,1);}
	.note{position:absolute;top:8px;left:5px; line-height:20px;padding:3px 5px;pointer-events: none;}
	
	.tj{margin:20px auto;width:220px;}
    .tj2{margin: 8px 0;}
	.tjson{width:100%;max-width: 100%; height:56px; display: block;background:#003170;border: 0 none;margin: auto;font-size:20px;color: #fff;border-radius:2px;}
	.tjson:hover{background:#22a135; cursor:pointer;}

input::-webkit-input-placeholder {color:#bbb;} 
input:-moz-placeholder {color:#bbb;} 
input::-moz-placeholder {color:#bbb;} 
input:-ms-input-placeholder {color:#bbb;}
.note{color:#bbb;}

@media screen and (min-width:768px) {
    #form1 .cc2:nth-of-type(odd){margin-right:1%;width:49%;float: left;} #form1 .yzm .cc2{margin-right:0;width:auto;float: none;}
    #form1 .cc2:nth-of-type(even){margin-left:1%;width:49%;float: left;}
    #form1 .cc2:nth-of-type(3),
    #form1 .cc2:nth-of-type(4){margin-bottom:16px;}
}
@media screen and (max-width:767px) {
	.cc2{margin-top: 0!important;margin-bottom: 20px;}
	.cc2 input, .ly textarea{padding:8px;}
}
/*↑留言咨询 end*/

/*↓右侧贴边客服*/
	#kffixed{position:fixed;right:0;bottom:50%;margin-bottom:-106px; font-size:14px;z-index:990; color: #fff;}
#kffixed a{color: #fff;}#kffixed a:hover{color: #ccc!important;}
	#kffixed hr{border:0 none;background:#eee;height:1px;}
	.kff{width:70px;height:70px;position:relative;margin-bottom:1px;overflow:hidden;}
	.kff:hover{overflow: visible;}
	.kfimg{margin:0 0 0 10px;background-image: linear-gradient(140deg,#bef305, #02913f);}
	.kff:hover .kfimg{background:#ea0000;}
	.kff:hover::after{width:0;height:0;content:"";border-top:5px solid transparent;border-right:10px solid #ea0000;border-bottom:5px solid transparent;position:absolute;top: 46%;left:0;}
	.kffson{width:180px;padding:10px 20px;background:#ea0000;position:absolute;top:0;left:-250px;opacity:0;box-shadow: 0 0 4px 0 rgba(0,0,0,.6);}
	.kff:hover .kffson{left:-220px;opacity:1;}

.gotop{position:relative;}
.gotop::after{display: none;}

.backToTop {display:none;width:60px;height:70px;background-image: linear-gradient(140deg,#bef305, #02913f);text-indent: -9999px;
position: fixed;
_position: absolute;
right:0;
bottom:50%;margin-bottom:-176px;
_bottom: "auto";
cursor: pointer;
opacity: 1;
filter: Alpha(opacity=100);
}
.backToTop::after{content: "";display:block;width:100%;height:100%;background: url(/images/kftop2.png) center center no-repeat;position:absolute;top: 0;bottom:0;left: 0;right:0;}

@media screen and (max-width:767px) {
	#kffixed{display:none;}
    .backToTop{display: none!important;opacity:0;width:0;height:0;}
}
/*↑右侧贴边客服 end*/


/*↓详情页产品图片放大特效*/
		.zoom {
			display:/*inline-block*/block;
			position: relative;
			cursor: move;
    cursor: grab;
    cursor: -webkit-grab;
		}
		
		/* magnifying glass icon */
		.zoom:after {
			content:'';
			display:block; 
			width:33px; 
			height:33px; 
			position:absolute; 
			top:0;
			right:0;
			background:url(/images/icon2.png);
		}

		.zoom img {
			display: block;margin: auto;
		}

		.zoom img::selection { background-color: transparent; }
@media screen and (max-width:767px) {
	.zoom:after{display:none;}/*手机端隐藏放大镜*/
    .zoom{pointer-events:none;}/*手机端去除放大效果*/
	.zoomImg{display:none!important;height: 0!important;width: 0!important;pointer-events:none!important;}

}
/*详情页产品图片放大特效 end*/
/*----------------------------------------↑----------------------------------*/

/*------------------导航↓-----------------------*/
.cd-img-replace {
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

.overflow-hidden {overflow: hidden;}


.cd-main-content {
  min-height: 100%;
  position: relative;
}

.cd-menu-trigger {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height:20px;
z-index: 99;
}
.cd-menu-trigger .cd-menu-text {
  height: 100%;
  text-transform: uppercase;
  color: #FFF;
  font-weight: 600;
  display: none;
}
.cd-menu-trigger .cd-menu-icon {
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 20px;
  height: 2px;
  background-color: #7c7c7c;
}
.cd-menu-trigger .cd-menu-icon::before, .cd-menu-trigger .cd-menu-icon:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: inherit;
  left: 0;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}
.cd-menu-trigger .cd-menu-icon::before {
  bottom: 5px;
}
.cd-menu-trigger .cd-menu-icon::after {
  top: 5px;
}
.cd-menu-trigger.is-clicked .cd-menu-icon {
  background-color: rgba(255, 255, 255, 0);
}
.cd-menu-trigger.is-clicked .cd-menu-icon::before, .cd-menu-trigger.is-clicked .cd-menu-icon::after {
  background-color:#222;
}
.cd-menu-trigger.is-clicked .cd-menu-icon::before {
  bottom: 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cd-menu-trigger.is-clicked .cd-menu-icon::after {
  top: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media only screen and (min-width: 768px) {
  .cd-menu-trigger {
  }
  .cd-menu-trigger .cd-menu-text {
    display: inline-block;
    line-height: 70px;
  }
  .cd-menu-trigger .cd-menu-icon {
    left: auto;
    right:50%;margin-right: -10px;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}





#navkg{position: relative; height: 20px; margin:30px 8px 30px 30px;}

#cd-lateral-nav ul{padding-left: 0;}

#cd-lateral-nav {
  position: fixed;
  height: 100%;
  right:0;
  top: 0;
  /* the secondary navigation is covered by the main element */
  z-index:99999;
  box-sizing: border-box;
  width:500px;max-width:66%;
	padding:0 0 60px 0;
  background-color: #fff;
  overflow-y: auto;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
  /* this creates the subtle slide in animation of the navigation */
  -webkit-transform: translateX(500px);
  -moz-transform: translateX(500px);
  -ms-transform: translateX(500px);
  -o-transform: translateX(500px);
  transform: translateX(500px);
}
@media screen and (max-width:767px) {
	#cd-lateral-nav {padding:0 0 40px 0}
}

#cd-lateral-nav .cd-navigation {
  margin: 10px 0 16px;
}
#cd-lateral-nav .sub-menu {
  padding: 0 10px 20px 15px;
  display: none;
}
#cd-lateral-nav ul a,#cd-lateral-nav p {
  font-size: 14px;
  display: block;
  line-height: 2em;
  padding: 0 16px 0 32px;
  color: #222;
}
#cd-lateral-nav a.current {
  background-color: #f8f8f8;
  color:#a99b9b;
}
.no-touch #cd-lateral-nav a:hover {
  color: #FFF;
}
@media only screen and (min-width: 768px) {
  #cd-lateral-nav .cd-navigation {
    margin: 20px 0;
  }
}
#cd-lateral-nav.lateral-menu-is-open {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-overflow-scrolling: touch;
}

#cd-lateral-nav .item-has-children > a {
  position: relative;
  text-transform: uppercase;
  font-weight: 600;
}
#cd-lateral-nav .item-has-children > a::after {
  content: '';
  display: block;
  height: 11px;
  width: 8px;
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 1em;
  background: url("/images/cd-arrow.svg") no-repeat center center;
  background-size: 8px 11px;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
#cd-lateral-nav .item-has-children > a.submenu-open::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
  -moz-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  -o-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}

#cd-lateral-nav .socials {
  padding: 0 32px;
}
#cd-lateral-nav .socials:after {
  content: "";
  display: table;
  clear: both;
}
#cd-lateral-nav .socials a,.fo4 .socials a{
  height: 32px;
  width: 32px;
  float: left;
  padding: 0;
  background-image: url("/images/cd-socials.svg");
  background-repeat: no-repeat;
  background-size: 128px 64px;
  background-color: #f8f8f8;
  margin-right: .5em;
  border-radius: 0.25em;
}
#cd-lateral-nav .socials a.cd-twitter,.fo4 .socials a.cd-twitter{
  background-position: 0 0;
}
#cd-lateral-nav .socials a.cd-github,.fo4 .socials a.cd-github{
  background-position: -32px 0;
}
#cd-lateral-nav .socials a.cd-facebook ,.fo4 .socials a.cd-facebook{
  background-position: -64px 0;
}
#cd-lateral-nav .socials a.cd-google,.fo4 .socials a.cd-google{
  background-position: -96px 0;
}
.no-touch #cd-lateral-nav .socials a:hover,.fo4 .socials a:hover{
  background-color: #4e6361;
}
.no-touch #cd-lateral-nav .socials a:hover.cd-twitter {
  background-position: 0 -32px;
}
.no-touch #cd-lateral-nav .socials a:hover.cd-github {
  background-position: -32px -32px;
}
.no-touch #cd-lateral-nav .socials a:hover.cd-facebook {
  background-position: -64px -32px;
}
.no-touch #cd-lateral-nav .socials a:hover.cd-google {
  background-position: -96px -32px;
}

/*--------------导航 end-------------------*/

button:active,
button.active,
button:focus,
button:active:focus,
button.active:focus,
button.focus,
button:active.focus,
button.active.focus {
    outline: 0;
    box-shadow:none;
}