html{line-height:1.5;-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;text-decoration:underline;-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%;}
img{max-width:100%;height:auto; max-height:100%;width:auto\9;vertical-align:middle}
#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:visited {color:#555}*/ a:hover, .active,.active a{color:#d6251b!important}
a:hover img{transform:scale(.96)}
.imghover,.imghover a{overflow:hidden}
.imghover:hover img,.imghover a:hover img{transform:scale(1.2)}
li{list-style:none}
h1{font-size:2em;margin:.67em 0}
h1,h2,h3,h4,h5,h6{}
.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}
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;}
@media screen and (max-width:767px) {
.mt50{margin-top:35px;}
.mt100{margin-top:40px;}
}
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-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}
.g2x,.g2d,.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%}
.g2x{width:20%}.g2d{width:80%}
.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%}
@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%}
}
.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%}
@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,.gm1.ml11{margin-left:0;}
}
.flex{display:box;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;}
/*---------------------------------*/
/*header↓*/
body{padding-top:70px;}
header{position:fixed;top:0;left:0;right:0;height:70px;width:100%;background:#fff;z-index:8888;border-bottom:1px solid #eee;}
header.lateral-menu-is-open {}
header>div{height:100%;}
header.fixedhead{height:60px;}
#logo{float:left;height:100%;}
header.fixedhead #logo{}
header nav{margin-left:300px;height:100%;text-align: right;}
.navli{display:inline-block;margin-left:20px; height:70px;line-height:70px;transition:all 0.6s;}
.fixedhead .navli{height:60px;line-height:60px;}
.navson{height:0; overflow: hidden;margin:0;padding:0;position:absolute;top:70px;left:0;right:0;background:#f5f5f5;}
.fixedhead .navson{top:60px;}
.navli:hover > a{color:#d6251b}
.navli:hover .navson{height:auto;padding:30px 0;}
.navson ul{padding:0;margin-top:0;margin-bottom:0; text-align:center;}
.navson ul li{display:inline-block;max-width:16%;}
.navson ul li a{display:inline-block;}
.navson ul li a font{display:block;line-height:1.2;padding-bottom:22px;}
.navson ul li a .imghover{display:block;margin:auto;}
.navson ul li a img{display:inline-block;width:180px;margin:0 10px;border-radius:6px;}
header .cd-menu-trigger{display:none;width: 20px;height:20px;z-index: 99;position:absolute;left:auto;top:50%;right:10px;margin:-10px 0 0 0;}
@media screen and (max-width:860px){
header nav{display:none;}
header .cd-menu-trigger{display:block;}
}
#cd-lateral-nav .cd-menu-trigger {position:relative;width:20px;height:20px;z-index:99;margin:20px 32px;}
.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);
}
#cd-lateral-nav ul{padding-left:0;}
#cd-lateral-nav {
position: fixed;
height: 100%;
right:0;
top: 0;
bottom:0;
z-index:9999;
box-sizing: border-box;
width:500px;max-width:90%;
padding:0 0 60px 0;
background-color: #fff;
overflow-y: auto;
-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;
-webkit-transform: translateX(500px);
-moz-transform: translateX(500px);
-ms-transform: translateX(500px);
-o-transform: translateX(500px);
transform: translateX(500px);
}
#cd-lateral-nav .cd-navigation {margin:10px 0 16px;}
#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;}
#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;
}
/*header end*/
/*↓焦点图*/
#jd{max-width:1920px;margin:auto;position:relative;z-index: 777;}
#slides {display:none;position:relative;}
#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 {display:none!important;}
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:999;}
.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: rgba(175, 170, 170, 0.6);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: rgba(175, 170, 170, 0.5);margin:0;padding:10px 10px 0 10px;}/*小圆点当前样式，焦点图处于当前时，小圆点增加名为active的class。*/
.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) {
#slides .slidesjs-navigation{display: none!important}
}
.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;}
.cptu .slidesjs-pagination li a.active, .cptu .slidesjs-pagination li a:hover.active{padding:100% 0 0 0;margin: 1%;border-color:#d6251b;background-color: rgba(224, 224, 224, .6);}
.cptu a.slidesjs-next, .cptu a.slidesjs-previous{top: 40%;}
/*↑焦点图 end*/
/*--------↓标题模块↓---------*/
.t1{text-align:center;}
.t1 h2{font-size:32px;font-weight:normal;color:#4c4c4c}
.t1 p{font-size:14px;margin-left:10px;margin-right:10px; opacity:.6;margin-bottom:30px;}
@media screen and (max-width:767px) {
.t1 h2{font-size:22px;}
}
.topred{position:relative;padding-top:10px;}
.topred::before{content: "";position:absolute;top:0;left:0;background:#ff0808;width:40px;height:2px;}
/*--------↑标题模块↑-------end--*/
/*--------↓tw图文模块↓---------*/
/* tw1 【3格一行】*/
.tw1{padding-bottom:30px;}
.tw1 .g3 a{text-align:center;display:block;width:96%;margin-bottom:3%;margin-top:3%;box-shadow: 0 0 1px #666;border:1px solid transparent;}
.tw1 .g3 a:hover{box-shadow: 0 0 20px 0px rgb(236,242,247);}
.tw1 .g3:nth-of-type(2) a,
.tw1 .g3:nth-of-type(5) a,
.tw1 .g3:nth-of-type(8) a,
.tw1 .g3:nth-of-type(11) a,
.tw1 .g3:nth-of-type(14) a,
.tw1 .g3:nth-of-type(17) a,
.tw1 .g3:nth-of-type(20) a{margin-left:auto;margin-right:auto;}
.tw1 .g3:nth-of-type(3) a,
.tw1 .g3:nth-of-type(6) a,
.tw1 .g3:nth-of-type(9) a,
.tw1 .g3:nth-of-type(12) a,
.tw1 .g3:nth-of-type(15) a,
.tw1 .g3:nth-of-type(18) a,
.tw1 .g3:nth-of-type(21) a{float:right;}
.tw1 .g3 h3{font-weight:normal;font-size:18px;margin-top:0;height:60px;line-height: 60px; position:relative;}
.tw1 .g3 h3 font{display: block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tw1 .g3 h3::before{position:absolute;top:-1px;bottom:0; left: 50%;margin-left:-28px;width:56px;content: "";background: #f8f8f8;z-index: -2;}
.tw1 .g3 h3::after{position:absolute;bottom:6px; left: 50%;margin-left:-20px;width:40px;height:6px; content: "";background: #fff;z-index: -1;}
.tw1 .g3 a:hover h3::after {
background:#00e226;
}
@media screen and (max-width:767px) {
.tw1 .g3:nth-of-type(2) a,
.tw1 .g3:nth-of-type(5) a,
.tw1 .g3:nth-of-type(8) a,
.tw1 .g3:nth-of-type(11) a,
.tw1 .g3:nth-of-type(14) a,
.tw1 .g3:nth-of-type(17) a,
.tw1 .g3:nth-of-type(20) a{margin-left:0;margin-right:0;}
.tw1 .g3:nth-of-type(3) a,
.tw1 .g3:nth-of-type(6) a,
.tw1 .g3:nth-of-type(9) a,
.tw1 .g3:nth-of-type(12) a,
.tw1 .g3:nth-of-type(15) a,
.tw1 .g3:nth-of-type(18) a,
.tw1 .g3:nth-of-type(21) a{float:none;}
.tw1 .g3:nth-of-type(even) a{margin-left:0;margin-right:0;float:right;}
.tw1 .g3 h3{font-size:14px;}
}
/* tw1 and */
.tw2{margin:0;padding:0;}
.tw2 li{margin:0;padding:0;}
.tw2box{margin-left:10%;margin-bottom:10%; padding:20px;box-shadow:0 0 1px #666;}
.tw2box:hover{box-shadow: 0 0 20px 0px rgb(236,242,247);}
.tw2box a{display:block;text-align:center;}
.tw2box a span{display: block;padding-top:15px;}
.tw2box .cpfl{margin-top:0;border-top:1px solid #eee;font-size: 12px;color:#888;padding-top:10px;margin-bottom:0;}
@media screen and (max-width:767px) {
.tw2box{margin:20px 10px; padding:10px;}
}
.tw3{margin:0 0 0 5%;padding:0;}
.tw3 li{margin:0 0 30px 0;padding:0; box-shadow:0 0 1px #666;}
.tw3 li:hover{margin:0 0 30px 0;padding:0; box-shadow:0 0 20px 0px rgb(236,242,247);}
.tw3 .w30 a{display:block;max-height:200px;overflow: hidden;}
.tw3 .w65{margin-left:4%;}
.tw3 .w65 p.cpjj{font-size:14px;color:#888;line-height:26px;min-height:72px;}
.tw3time{font-size:12px;margin-top:-12px;color:#888;}
@media screen and (max-width:767px) {
.tw3{margin:0}
.tw3 .w65 h4{margin-bottom:10px;}
.tw3 .w65 p.cpjj{font-size:12px; line-height:20px;height:auto;}
}
/*--------↑tw图文模块↑-------end--*/
/*--------↓al客户案例模块↓---------*/
/* al1 客户logo跑马灯 */
.dowebok p{display:inline-block;}
.dowebok img{width:260px;margin:10px;display:block}
/*----*/
.str_wrap {
min-height:217px;
//zoom:1;
overflow:hidden;
width:100%;font-size:12px;line-height:16px;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 */
/*--------↑al客户案例模块↑-------end--*/
/*---------------↓按钮模块↓----------------*/
.b1{display: inline-block;width:200px;max-width:80%; height: 40px;line-height:40px;border-radius:5px; background:#f8f8f8;text-align: center;font-size:14px;}
.b1:hover{background:#ff0808;color:#fff!important;}
/*---------------↑按钮模块↑-------------end---*/
/* -------------↓banner模块↓----------- */
#banner{position:relative;z-index:888;}
#banner p{margin:0;padding:0;}
/* -------------↑banner模块↑---------end-- */
/*--------------↓侧边栏↓------------------*/
.ce1 h2{padding:30px 8px;margin:0; line-height:1.8;background:#ff0808;text-align:center;color:#fff;}
.ce1 h2 span{display:block;font-weight:normal;}
.ce1nav{margin:0;padding:20px;background:#f8f8f8;border-bottom: 8px solid #ff0808;}
.ce1nav li{margin:0;padding:0;}
.ce1nav li a{display:block;padding:10px 0;border-bottom:1px dotted #ccc;line-height:1.2;position:relative;}
.ce1nav li.active a{color:#d6251b;}
.ce1nav li a::after{content:">";float:right;font-family: "宋体"}
.ce1 h3{margin-bottom:0;text-align: center;padding:10px; background:#ff0808;color:#fff;}
.ce1lx{background:#f8f8f8;padding:20px;font-size:14px;color:#555;}
/*--------------↑侧边栏↑----------------end--*/
/*----------------------------------------↑----------------------------------*/
/*↓///////////////////其他样式///////////////////////↓*/
/*--
new ↓
--*/
/*-------栏目：技术支持-------*/
.jisu{max-width:1000px;margin-left:auto;margin-right:auto;}
.jisu h2{margin:10px;position: relative;}
.jisu h2::before{content:"";position: absolute;top: -10px;left: 0;height: 2px;width:40px;background:#ff0808; }
.jstu{position:relative;margin:10px;}
.jstu a{display:block;position: absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color: #fff;font-family: "宋体"}
.jstxt{margin:10px;max-width:450px;}
.jstxt p{font-size:14px;color:#666;}
.jstxt h4{font-size:30px;color:#ff0808;margin:20px 0;}
.jstxt li{list-style-type:disc;}
.jsico a{display:inline-block;width:100px;margin-right:18px;border:1px solid #eee;padding: 10px;text-align: center}
.jsico a span{display: block;line-height:2;}
/*-------栏目：关于我们·联系我们-------*/
.us-zz,.ustu{padding:1px 0 3% 0; text-align:center;position:relative;}
.us-zz::after,.ustu::after{content:""; position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;background:#f8f8f8 url(../images/j2.jpg) center center no-repeat;background-size:cover;opacity: .2;}
.us-zz span{display:inline-block;width:300px; max-width:38%; margin:0 6%;box-shadow: 0 0 20px 0px rgba(11, 49, 80, .7);}
.us-ys .g4 p{margin:10%;text-align:center;}
.us-ys .g4 p font{color:#ff0808}
.ustu .g3 span{display: inline-block;margin:0 15px;box-shadow: 0 0 10px 0px rgba(11, 49, 80, .7);}
/*详情页——产品*/
.cpjj h1{margin-top:0;font-size:20px;border-bottom:1px solid #f8f8f8;padding-bottom:20px;}
.cpjj p{color: #666;}
.cpxq{margin:30px 0;line-height: 30px;border-bottom: 1px solid #f8f8f8;}
.cpxq span{float: left;margin-left:50px;position: relative;bottom:-1px;border-bottom: 1px solid #ff0808;color: #ff0808;}
.cpzx{padding:1px 22px;background:#f8f8f8;border-radius:5px;font-size:18px;}
.cpzx p{color:#ff0808;}
/*详情页——新闻*/
.newtitle{margin:0;font-size:20px;}
.newtimebox{margin:30px 0;border-bottom:1px solid #f8f8f8;color: #999;font-size:12px;line-height:30px;clear:both;}
.newtimebox span{float: left;border-bottom: 1px solid #ff0808;margin:0 20px 0 0;}
/*--
new end ↑
--*/
/*---------------------------------------↓-----------------------------------*/
/*footer*/
footer{background:#2C2D3F; font-size:14px;color:#9E9E9E;}
footer a{color:#9E9E9E;}
footer h5{color:#c1c1d2;font-size:16px;}
.foot1{background:#2C2D3F;padding:10px 0;border-bottom:1px solid #3b3c54;font-size:20px;color:#c1c1d2;}
.fico2{text-align:center;}
.fico3{text-align:right;}
.foot2{padding-bottom:20px;}
.foot2box{margin-right:5%;}
.foot2box2{text-align:right;}
.foot2box2 h5{text-align:center;}
.foot3{padding:10px 0;text-align:center;background:#272838;}
@media screen and (max-width:767px) {
.foot2box2{text-align:left;}.foot2box2 h5{text-align:left;}
}
/*footer end */
/*↓简约搜索width:100%*/
.soso{position:absolute;right: 136px;top:50%;height:30px;margin-top: -15px;}
.soso form{min-width:170px;max-width:100%;position:relative;height:30px; color:#555; background-color:#BCB9B8;
-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;}
input{outline: none;-webkit-appearance: button; -webkit-appearance: none;}
.sen-text{margin:0 26px 0 8px;width:130px;border: 0 none;background:none;line-height:28px;}
.tijiao{width:26px;height:26px;position:absolute;top:2px;right:2px;overflow:hidden;border-left: 1px solid #9e8a8a;border-radius:30px;}
.tijiao:hover{background:#CF282C;border-radius:20px;}
input.sen-text:focus{background:none;outline:none;margin:0 26px 0 8px;width:200px;}
input.tijiao:focus{outline: none;}
@media screen and (max-width:1300px){
.soso{right:50px;}
.soso form{min-width:30px;}
.soso form::before{content:"";width:28px;height:28px;position: absolute;right:0;top: 2px;background: url(../images/s.png) 0 0 no-repeat;z-index:1;}
.soso form:hover{min-width:none;}
.sen-text{width:0;margin:0;}
.tijiao{display: none}
.soso:hover .tijiao{display:block;z-index: 99;}
.soso form:hover .sen-text{width:200px;}
}
@media screen and (max-width:980px) {
.soso{right: 110px;}
.soso form{width: auto;margin: auto;-webkit-box-shadow:0 0 1px #ccc;-moz-box-shadow:0 0 1px #ccc;box-shadow:0 0 1px #ccc;}
.sen-text{width:calc(100% - 38px);}
}
/*↑简约搜索 end*/
/*↓当前位置*/
.dq{padding:15px 0; line-height:1; font-size:14px;}
.dq p{color: #777;margin-top: 0;margin-bottom: 0;}
.dq a{color: #777;}
.dq a:hover{color:#0763ad}
@media screen and (max-width:767px) {
.dq{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 #2c2d3f;border-radius:4px;text-decoration:none;text-align:center;}
.fy>b,.fy a:hover{background:#393e76;color:#fff;border-color:#393e76;}
/*--↑分页 end--*/
/*上下篇↓*/
#sxp{margin-top:50px;border-top:1px solid #f3f3f3;padding:10px 0; line-height:20px;position:relative;}
#sxp::before{content:"";width:4em;height:1px;position: absolute;top: -1px;left: 50px;background:#ff0808;}
#sxp p{color:#888;}
#sxp p a{color: #888;}
/*↓留言咨询*/
.lybox{width:800px;max-width: 100%;margin-right: auto;margin-left: auto;}
.liuyan{font-size:14px;}
.cc2{margin:8px 0;}
.cc2 input{height:40px;line-height:38px;}
.cc2 input, .ly textarea{font-size:14px;color:#555; box-sizing:border-box;width:100%;padding:1px 8px;border:1px solid rgba(193,193,193,.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:80px;}
.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:8px 0;width:220px;}
.tj2{margin: 8px 0;}
.tjson{width:100%;max-width: 100%; height:40px; display: block;background:#2c2d3f;border: 0 none;margin: auto;font-size:14px;color: #fff;border-radius:2px;}
.tjson:hover{background:#ff0808; cursor:pointer;}
.yzm{width:220px;}
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 .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{float: none;width: auto;}
.cc2 input, .ly textarea{padding:8px;}
}
/*↑留言咨询 end*/
/*↓右侧贴边客服*/
#kffixed{position:fixed;right:0;bottom:50%;margin-bottom:-142px; font-size:14px;z-index:666;}
#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:#272838;}
.kff:hover .kfimg{background:#c6c6d0;}
.kff:hover::after{width:0;height:0;content:"";border-top:5px solid transparent;border-right:10px solid #c6c6d0;border-bottom:5px solid transparent;position:absolute;top: 46%;left:0;}
.kffson{width:180px;padding:10px 20px;background:#fff;position:absolute;top:0;left:-250px;opacity:0;box-shadow: 0 0 20px 0px rgb(236,242,247);;}
.kff:hover .kffson{left:-220px;opacity:1;}
.gotop::after{display: none;}
@media screen and (max-width:767px) {
#kffixed{display:none;}
}
/*↑右侧贴边客服 end*/
/*↓详情页产品图片放大特效*/
.zoom {display: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/icon.png);}
.zoom img {display: block;}
.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*/
/*----------------------------------------↑----------------------------------*/