/* CSS Document */

html,body{ width:100%; overflow-x:hidden;}
body{ font-family:'Blinker',; font-size:14px; color:#333; background:#fff;}
a{ text-decoration:none; color:#333;}
*{ list-style:none; margin:0; border:none; outline:none; padding:0;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clear{ clear:both;}

.section.active .animated.slideInLeft{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); visibility:visible;}
.section.active .animated.slideInLeft{ opacity:1;}
.section .slideInLeft{ -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); visibility:hidden;}
.section .slideInLeft{ opacity:0; -webkit-transition:all .6s ease-out,opacity 1.2s ease-out; transition:all .6s ease-out,opacity 1.2s ease-out;}
.section .animated{ -webkit-transition:all .6s ease-out; transition:all .6s ease-out;}

.section.active .animated.slideInRight{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); visibility:visible;}
.section.active .animated.slideInRight{ opacity:1;}
.section .slideInRight{ -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0); visibility:hidden;}
.section .slideInRight{ opacity:0; -webkit-transition:all .6s ease-out,opacity 1.2s ease-out; transition:all .6s ease-out,opacity 1.2s ease-out;}

.delay-1ms{ -webkit-transition-delay:.1s !important; transition-delay:.1s !important;}
.delay-3ms{ -webkit-transition-delay:.3s !important; transition-delay:.3s !important;}

#pageloader{ position:fixed; top:0; left:0; width:100%; height:100%; overflow:hidden; z-index:2000;}
#pageloader::after{ content:""; display:block; position:absolute; left:0; width:100%; height:100%; background:#fff; z-index:-1; -webkit-transition:all .6s ease-out,opacity 1.2s ease-out; opacity:1;}
#pageloader.hidden::after{ opacity:0;}
#pageloader .loader-icon{position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); -webkit-transition:all .6s ease-out,opacity 1.2s ease-out; transition:all .6s ease-out,opacity 1.2s ease-out;}
#pageloader .logo01{ -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); visibility:hidden; opacity:0; -webkit-transition:all .6s ease-out,opacity 1.2s ease-out; transition:all .6s ease-out,opacity 1.2s ease-out;}
#pageloader .logo02{ -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0); visibility:hidden; opacity:0; -webkit-transition:all .6s ease-out,opacity 1.2s ease-out; transition:all .6s ease-out,opacity 1.2s ease-out;}
#pageloader.hiden .logo01{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); visibility:visible; opacity:1;}
#pageloader.hiden .logo02{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); visibility:visible; opacity:1;}
#pageloader.hidden .loader-icon{ opacity:0;}

/*通用*/
#fullpage{ width:100%; height:100%;}
.fp-notransition{ width:100%; height:100%; position:relative; overflow:hidden; -webkit-transition:none !important; transition:none !important;}
.section{ width:100%; height:100%; display:table; vertical-align:middle; overflow:hidden; position:relative; z-index:0; background-position:center; background-size:cover;}
.fp-tableCell{ display:table-cell; vertical-align:middle; width:100%; height:100%;}

@media screen and (min-width:1280px){
.header{ width:85%; padding:1% 7.5%; background-color:rgba(255,255,255,0.7); position:absolute; left:0; top:0; z-index:11; height:60px;}
.header .logo{ height:60px; float:left;}
.header .logo img{ height:60px; display:block;}
.header .dh{ float:right; height:60px;}
.header .dh ul{ display:block; height:60px;}
.header .dh li{ display:block; float:left; margin-left:70px; position:relative;}
.header .dh li>a{ height:50px; display:block; position:relative; line-height:50px; font-size:20px;}
.header .dh li:hover >a{ font-weight:bold;}
.header .dh li>a b{ position:absolute; left:0; top:45px; display:block; background-color:#4fb233; height:3px; width:0; -webkit-transition:width .3s ease 0s; transition:width .3s ease 0s;}
.header .dh li:hover >a b{ width:100%;}
.header .dh li.on>a b{ width:100%;}
.header .dh li p{ opacity:0; width:90px; transition:all 0.29s; -webkit-box-shadow:0px 14px 33px -9px rgba(0, 0, 0, 0.75); -moz-box-shadow:0px 14px 33px -9px rgba(0, 0, 0, 0.75); top:43px;box-shadow:0px 14px 33px -9px rgba(0, 0, 0, 0.75); z-index:99; position:absolute; left:50%; margin-left:-60px; background:rgba(0, 0, 0, 0.7); padding:15px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; border-radius:4px; pointer-events:none;}
.header .dh li:hover p{ opacity:1; pointer-events:auto;}
.header .dh li p a{ display:block; height:30px; line-height:30px; overflow:hidden; color:#999; font-size:15px; transition:all .1s linear;}
.header .dh li p a:hover{ color:#fff; font-weight:bold;}
.header .nav{ display:none;}

.menu{ position:absolute; right:5%; top:50%; transform:translateX(0) translateY(-50%); display:block; z-index:111;}
.menu li{ width:3px; height:55px; margin:10px auto; display:block; background-color:#fff; overflow:hidden;}
.menu li a{ width:100%; display:block; height:100%;}
.menu li b{ width:100%; height:0; display:block; overflow:hidden; transition:height 0.3s; -moz-transition:height 0.3s; -webkit-transition:height 0.3s; -o-transition:height 0.3s;}
.menu li.active b{ height:100%; background-color:#1bf28a;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.header{ width:92%; padding:3% 4%; background-color:rgba(255,255,255,0.3); position:absolute; left:0; top:0; z-index:11; height:50px;}
.header .logo{ height:50px; float:left;}
.header .logo img{ height:50px; display:block;}
.header .dh{ float:right; height:50px;}
.header .dh ul{ display:block; height:50px;}
.header .dh li{ display:block; float:left; margin-left:40px; position:relative;}
.header .dh li>a{ height:50px; display:block; position:relative; line-height:50px; font-size:18px;}
.header .dh li:hover >a{ font-weight:bold;}
.header .dh li>a b{ position:absolute; left:0; top:40px; display:block; background-color:#4fb233; height:3px; width:0; -webkit-transition:width .3s ease 0s; transition:width .3s ease 0s;}
.header .dh li:hover >a b{ width:100%;}
.header .dh li.on>a b{ width:100%;}
.header .dh li p{ opacity:0; width:70px; transition:all 0.29s; -webkit-box-shadow:0px 14px 33px -9px rgba(0, 0, 0, 0.75); -moz-box-shadow:0px 14px 33px -9px rgba(0, 0, 0, 0.75); top:43px;box-shadow:0px 14px 33px -9px rgba(0, 0, 0, 0.75); z-index:99; position:absolute; left:50%; margin-left:-50px; background:rgba(0, 0, 0, 0.7); padding:15px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; border-radius:4px; pointer-events:none;}
.header .dh li:hover p{ opacity:1; pointer-events:auto;}
.header .dh li p a{ display:block; height:30px; line-height:30px; overflow:hidden; color:#999; font-size:14px; transition:all .1s linear;}
.header .dh li p a:hover{ color:#fff; font-weight:bold;}
.header .nav{ display:none;}

.menu{ position:absolute; right:4%; top:50%; transform:translateX(0) translateY(-50%); display:block; z-index:111;}
.menu li{ width:3px; height:55px; margin:10px auto; display:block; background-color:#fff; overflow:hidden;}
.menu li a{ width:100%; display:block; height:100%;}
.menu li b{ width:100%; height:0; display:block; overflow:hidden; transition:height 0.3s; -moz-transition:height 0.3s; -webkit-transition:height 0.3s; -o-transition:height 0.3s;}
.menu li.active b{ height:100%; background-color:#1bf28a;}
}
@media only screen and (max-width:768px){
.header{ width:100%; box-sizing:border-box; padding:15px 3%; background-color:rgba(255,255,255,0.7); position:absolute; left:0; top:0; z-index:11;}
.header .logo{ height:40px; float:left;}
.header .logo img{ height:40px; display:block;}
.header .nav{ width:30px; height:30px; margin:5px 0; float:right; position:relative; z-index:111;}
.header .nav img{ height:30px; display:block;}
.header .nav .open{ display:block;}
.header .nav .close{ display:none;}
.header .nav.on .close{ display:block;}
.header .nav.on .open{ display:none;}
.header .dh{ position:fixed; z-index:10; right:0; top:0; width:0; height:100%; background:#fff; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; filter:alpha(opacity=0); opacity:0; -moz-opacity:0; -khtml-opacity:0; display:table; vertical-align:middle;}
.header .dh.on{ width:260px; filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1;}
.header .dh ul{ width:210px; padding-left:50px; padding-top:120px; overflow:hidden;}
.header .dh li{ overflow:hidden; display:block; transition:all 0.6s;}
.header .dh li>a{ display:inline-block; font-size:15px; line-height:58px; overflow:hidden; position:relative; height:58px; color:#666;}
.header .dh li>a b{ position:absolute; left:0; top:40px; display:block; background-color:#4fb233; height:3px; width:0; -webkit-transition:width .3s ease 0s; transition:width .3s ease 0s;}
.header .dh li:hover >a b{ width:100%;}
.header .dh li:hover >a{ color:#333; font-weight:bold;}
.header .dh li.on>a b{ position:absolute; left:0; top:40px; display:block; background-color:#4fb233; height:3px; width:100%;}
.header .dh li p{ display:none; padding-bottom:10px; margin-left:10px;}
.header .dh li p a{ display:block; overflow:hidden; font-size:14px; line-height:50px; height:50px; color:#666;}
.header .dh li.cur p{ display:block;}
.header .dh li p a:hover{ color:#333; font-weight:bold;}

.menu{ position:absolute; right:3%; top:50%; transform:translateX(0) translateY(-50%); display:block; z-index:111;}
.menu li{ width:3px; height:55px; margin:10px auto; display:block; background-color:#fff; overflow:hidden;}
.menu li a{ width:100%; display:block; height:100%;}
.menu li b{ width:100%; height:0; display:block; overflow:hidden; transition:height 0.3s; -moz-transition:height 0.3s; -webkit-transition:height 0.3s; -o-transition:height 0.3s;}
.menu li.active b{ height:100%; background-color:#1bf28a;}
}

@media screen and (min-width:1280px){
.box01 .video-back{ width:100%; height:100%; position:relative; z-index:0; overflow:hidden;}
.box01 .video-back video{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; width:auto; height:auto; z-index:0; transform:translateX(-50%) translateY(-50%);}
.box01 .mask{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:rgba(255,255,255,0);}

.box01 .section-content{ position:absolute; left:7.5%; top:50%; width:85%; transform:translateX(0) translateY(-50%); z-index:2;}
.box01 .section-content .biao span{ display:block; overflow:hidden; font-size:48px; height:50px; line-height:50px;}
.box01 .section-content .biao b{ width:8px; height:40px; float:left; margin:5px 10px; margin-left:0; background-color:#1BF28A; display:block;}
.box01 .section-content .biao p{ font-size:32px; height:42px; line-height:42px; margin-top:5px; display:block; overflow:hidden;}
.box01 .section-content .wen{ max-width:600px; width:85%; font-size:20px; line-height:30px; margin-top:15px;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.box01 .video-back{ width:100%; height:100%; position:relative; z-index:0; overflow:hidden;}
.box01 .video-back video{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; width:auto; height:auto; z-index:0; transform:translateX(-50%) translateY(-50%);}
.box01 .mask{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:rgba(255,255,255,0);}

.box01 .section-content{ position:absolute; left:5%; top:50%; width:90%; transform:translateX(0) translateY(-50%); z-index:2;}
.box01 .section-content .biao span{ display:block; overflow:hidden; font-size:38px; height:40px; line-height:40px;}
.box01 .section-content .biao b{ width:8px; height:30px; float:left; margin:5px 10px; margin-left:0; background-color:#1BF28A; display:block;}
.box01 .section-content .biao p{ font-size:24px; line-height:34px; margin-top:5px; display:block; overflow:hidden;}
.box01 .section-content .wen{ max-width:600px; width:85%; font-size:16px; line-height:26px; margin-top:10px;}
}
@media only screen and (max-width:768px){
.box01 .video-back{ width:100%; height:100%; position:relative; z-index:0; overflow:hidden;}
.box01 .video-back video{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; width:auto; height:auto; z-index:0; transform:translateX(-50%) translateY(-50%);}
.box01 .mask{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:rgba(255,255,255,0);}
.box01 .section-content{ position:absolute; left:5%; top:50%; width:90%; transform:translateX(0) translateY(-50%); z-index:2;}
.box01 .section-content .biao span{ display:block; overflow:hidden; font-size:24px; line-height:34px;}
.box01 .section-content .biao b{ width:4px; height:20px; float:left; margin:7px 10px; margin-left:0; background-color:#1BF28A; display:block;}
.box01 .section-content .biao p{ font-size:18px; line-height:28px; margin-top:5px; display:block; overflow:hidden;}
.box01 .section-content .wen{ max-width:600px; width:85%; font-size:14px; line-height:24px; margin-top:5px;}
}

@media screen and (min-width:1280px){
.box02{ background-position:center; background-size:cover;}
.box02 .section-content{ position:absolute; left:7.5%; top:50%; width:85%; transform:translateX(0) translateY(-50%); z-index:2;}
.box02 .section-content .biao span{ display:block; overflow:hidden; font-size:48px; height:50px; line-height:50px;}
.box02 .section-content .biao b{ width:8px; height:40px; float:left; margin:5px 10px; margin-left:0; background-color:#1BF28A; display:block;}
.box02 .section-content .biao p{ font-size:32px; height:42px; line-height:42px; margin-top:5px; display:block; overflow:hidden;}
.box02 .section-content .wen{ max-width:600px; width:85%; font-size:20px; line-height:30px; margin-top:15px;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.box02{ background-position:center; background-size:cover;}
.box02 .section-content{ position:absolute; left:5%; top:50%; width:90%; transform:translateX(0) translateY(-50%); z-index:2;}
.box02 .section-content .biao span{ display:block; overflow:hidden; font-size:38px; height:40px; line-height:40px;}
.box02 .section-content .biao b{ width:8px; height:30px; float:left; margin:5px 10px; margin-left:0; background-color:#1BF28A; display:block;}
.box02 .section-content .biao p{ font-size:24px; line-height:34px; margin-top:5px; display:block; overflow:hidden;}
.box02 .section-content .wen{ max-width:600px; width:85%; font-size:16px; line-height:26px; margin-top:10px;}
}
@media only screen and (max-width:768px){
.box02{ background-position:center; background-size:cover;}
.box02 .section-content{ position:absolute; left:5%; top:50%; width:90%; transform:translateX(0) translateY(-50%); z-index:2;}
.box02 .section-content .biao span{ display:block; overflow:hidden; font-size:24px; line-height:34px;}
.box02 .section-content .biao b{ width:4px; height:20px; float:left; margin:7px 10px; margin-left:0; background-color:#1BF28A; display:block;}
.box02 .section-content .biao p{ font-size:18px; line-height:28px; margin-top:5px; display:block; overflow:hidden;}
.box02 .section-content .wen{ max-width:600px; width:85%; font-size:14px; line-height:24px; margin-top:5px;}
}

@media screen and (min-width:1280px){
.box03{ background-position:center; background-size:cover;}
.box03 .section-content{ position:absolute; left:7.5%; top:40%; width:40.5%; transform:translateX(0) translateY(-50%); z-index:2;}
.box03 .section-content .biao span{ display:block; overflow:hidden; font-size:48px; height:50px; line-height:50px;}
.box03 .section-content .biao b{ width:8px; height:40px; float:left; margin:5px 10px; margin-left:0; background-color:#1BF28A; display:block;}
.box03 .section-content .biao p{ margin-left:18px; font-size:32px; height:42px; line-height:42px; margin-top:5px; display:block; overflow:hidden;}
.box03 .section-content .biao a{ margin-left:18px; font-size:40px; line-height:50px; display:block; overflow:hidden;}
.box03 .section-content .wen{ margin-left:18px; max-width:600px; width:85%; font-size:20px; line-height:30px; margin-top:15px;}
.box03 .right{ position:absolute; right:7.5%; top:40%; transform:translateX(0) translateY(-50%); z-index:2; width:45%;}
.box03 .right .box{ text-align:center; padding:18px 10px; transition:all 0.6s; background-color:rgba(184, 195, 211, 0.4); box-sizing:border-box;}
.box03 .right .box .biaot{ font-size:32px; line-height:42px;}
.box03 .right .box ul{ width:100%; display:block; overflow:hidden;}
.box03 .right .box ul li{ float:left; width:18%; margin:1%;}
.box03 .right .box ul li img{ width:100%; -webkit-transition:-webkit-transform 1s,height 1s,width 1s; display:block;}
.box03 .right .box ul li:hover img{ -webkit-transform:rotateY(-360deg);}

.dibu{ width:100%; background-color:rgba(255,255,255,0.79); position:absolute; left:0; bottom:0; padding:2% 0;}
.dibu .dilogo{ display:block;}
.dibu .dilogo img{ height:50px; display:block; margin:5px auto;}
.dibu .xxs{ width:85%; margin:auto; display:block; padding-top:1%;}
.dibu .xxs li{ display:block; width:16.66%; float:left;}
.dibu .xxs li img{ max-width:100%; width:120px; display:block;}
.xxs3{ max-width:100%; width:120px; text-align:center; margin-top:10px; font-size:14px; line-height:24px; height:24px; overflow:hidden; color:#999; display:block;}
.xxs1{ font-size:18px; line-height:28px; height:28px; overflow:hidden;}
.xxs2 a{ font-size:14px; line-height:24px; height:24px; overflow:hidden; color:#999; display:block;}
.xxs2 a:hover{ color:#333;}
.dibu .bq{ width:85%; margin:auto; color:#999;}
.dibu .bq a{ color:#999;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.box03{ background-position:center; background-size:cover;}
.box03 .section-content{ position:absolute; left:5%; top:35%; width:55%; transform:translateX(0) translateY(-50%); z-index:2;}
.box03 .section-content .biao span{ display:block; overflow:hidden; font-size:38px; height:40px; line-height:40px;}
.box03 .section-content .biao b{ width:8px; height:30px; float:left; margin:5px 10px; margin-left:0; background-color:#1BF28A; display:block;}
.box03 .section-content .biao p{ margin-left:18px; font-size:24px; line-height:34px; margin-top:5px; display:block; overflow:hidden;}
.box03 .section-content .biao a{ margin-left:18px; font-size:30px; line-height:40px; margin-top:5px; display:block; overflow:hidden;}
.box03 .section-content .wen{ margin-left:18px; max-width:600px; width:85%; font-size:16px; line-height:26px; margin-top:10px;}
.box03 .right{ position:absolute; right:4%; top:35%; transform:translateX(0) translateY(-50%); z-index:2; width:45%;}
.box03 .right .box{ text-align:center; padding:18px 10px; transition:all 0.6s; background-color:rgba(184, 195, 211, 0.4); box-sizing:border-box;}
.box03 .right .box .biaot{ font-size:24px; line-height:34px;}
.box03 .right .box ul{ width:100%; display:block; overflow:hidden;}
.box03 .right .box ul li{ float:left; width:23%; margin:1%;}
.box03 .right .box ul li img{ width:100%; -webkit-transition:-webkit-transform 1s,height 1s,width 1s; display:block;}
.box03 .right .box ul li:hover img{ -webkit-transform:rotateY(-360deg);}

.dibu{ width:100%; background-color:rgba(255,255,255,0.79); position:absolute; left:0; bottom:0; padding:2% 0;}
.dibu .dilogo{ display:block;}
.dibu .dilogo img{ height:40px; display:block; margin:5px auto;}
.dibu .xxs{ width:85%; margin:auto; display:block; padding-top:1%;}
.dibu .xxs li{ display:block; width:16.66%; float:left;}
.dibu .xxs li img{ max-width:100%; width:120px; display:block;}
.xxs3{ max-width:100%; width:120px; text-align:center; margin-top:10px; font-size:14px; line-height:24px; height:24px; overflow:hidden; color:#999; display:block;}
.xxs1{ font-size:18px; line-height:28px; height:28px; overflow:hidden;}
.xxs2 a{ font-size:14px; line-height:24px; height:24px; overflow:hidden; color:#999; display:block;}
.xxs2 a:hover{ color:#333;}
.dibu .bq{ width:85%; margin:auto; color:#999;}
.dibu .bq a{ color:#999;}
}
@media only screen and (max-width:768px){
.box03{ background-position:center; background-size:cover;}
.box03 .section-content{ position:absolute; left:5%; top:15%; width:90%; z-index:2;}
.box03 .section-content .biao span{ display:block; overflow:hidden; font-size:24px; line-height:34px;}
.box03 .section-content .biao b{ width:4px; height:20px; float:left; margin:7px 10px; margin-left:0; background-color:#1BF28A; display:block;}
.box03 .section-content .biao p{ margin-left:14px; font-size:18px; line-height:28px; display:block; overflow:hidden;}
.box03 .section-content .biao a{ margin-left:14px; font-size:20px; line-height:34px; display:block; overflow:hidden;}
.box03 .section-content .wen{ margin-left:14px; max-width:600px; width:85%; font-size:14px; line-height:24px;}
.box03 .right{ position:absolute; right:3%; bottom:23%; z-index:2; width:94%;}
.box03 .right .box{ text-align:center; padding:18px 10px; transition:all 0.6s; background-color:rgba(184, 195, 211, 0.4); box-sizing:border-box;}
.box03 .right .box .biaot{ font-size:24px; line-height:34px;}
.box03 .right .box ul{ width:100%; display:block; overflow:hidden;}
.box03 .right .box ul li{ float:left; width:23%; margin:1%;}
.box03 .right .box ul li img{ width:100%; -webkit-transition:-webkit-transform 1s,height 1s,width 1s; display:block;}
.box03 .right .box ul li:hover img{ -webkit-transform:rotateY(-360deg);}

.dibu{ width:100%; background-color:rgba(255,255,255,0.79); position:absolute; left:0; bottom:0; padding:3% 0;}
.dibu .dilogo{ width:calc(100% - 90px); margin-left:10px; display:block;}
.dibu .dilogo img{ height:40px; display:block; margin:5px auto;}
.dibu .xxs{ width:calc(100% - 90px); margin-left:10px; display:block; padding-top:1%; vertical-align:middle; text-align:center;}
.dibu .xxs li{ display:inline-block; vertical-align:middle;}
.dibu .xxs li:last-child{ position:absolute; right:10px; top:15px; width:70px;}
.dibu .xxs li img{ max-width:100%; width:70px; display:block;}
.xxs3{ max-width:100%; width:70px; text-align:center; margin-top:5px; font-size:12px; line-height:20px; height:20px; overflow:hidden; color:#999; display:block;}
.xxs1{ font-size:14px; line-height:24px; height:24px; overflow:hidden;}
.xxs2{ display:none;}
.dibu .bq{ width:calc(100% - 90px); margin-left:10px; text-align:center; color:#999;}
.dibu .bq a{ color:#999;}
}

/*核心技术*/
@media screen and (min-width:1280px){
.box04 .section-content{ position:absolute; right:7.5%; top:50%; max-width:85%; transform:translateX(0) translateY(-50%); z-index:2;}
.box04 .section-content .biao span{ display:block; overflow:hidden; font-size:48px; height:50px; line-height:50px;}
.box04 .section-content .biao b{ width:8px; height:40px; float:left; margin:5px 10px; margin-left:0; background-color:#1BF28A; display:block;}
.box04 .section-content .biao p{ font-size:32px; height:42px; line-height:42px; margin-top:5px; display:block; overflow:hidden;}
.box04 .section-content .wen{ max-width:600px; width:85%; font-size:20px; line-height:30px; margin-top:15px;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.box04 .section-content{ position:absolute; right:5%; top:50%; max-width:90%; transform:translateX(0) translateY(-50%); z-index:2;}
.box04 .section-content .biao span{ display:block; overflow:hidden; font-size:38px; height:40px; line-height:40px;}
.box04 .section-content .biao b{ width:8px; height:30px; float:left; margin:5px 10px; margin-left:0; background-color:#1BF28A; display:block;}
.box04 .section-content .biao p{ font-size:24px; line-height:34px; margin-top:5px; display:block; overflow:hidden;}
.box04 .section-content .wen{ max-width:600px; width:85%; font-size:16px; line-height:26px; margin-top:10px;}
}
@media only screen and (max-width:768px){
.box04 .section-content{ position:absolute; right:5%; top:50%; max-width:90%; transform:translateX(0) translateY(-50%); z-index:2;}
.box04 .section-content .biao span{ display:block; overflow:hidden; font-size:24px; line-height:34px;}
.box04 .section-content .biao b{ width:4px; height:20px; float:left; margin:7px 10px; margin-left:0; background-color:#1BF28A; display:block;}
.box04 .section-content .biao p{ font-size:18px; line-height:28px; margin-top:5px; display:block; overflow:hidden;}
.box04 .section-content .wen{ max-width:600px; width:85%; font-size:14px; line-height:24px; margin-top:5px;}
}

@media screen and (min-width:1280px){
.tab{ width:62%; position:absolute; left:7.5%; transform:translateX(0) translateY(-50%); z-index:2;}
.tab .tabox{ width:100%; background:linear-gradient( to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 10%, rgba(0,0,0,0.3) 20%, rgba(0,0,0,0.3) 30%, rgba(0,0,0,0.3) 40%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.3) 60%, rgba(0,0,0,0.3) 70%, rgba(0,0,0,0.3) 80%, rgba(0,0,0,0.15) 90%, rgba(0,0,0,0) 100%); border:4px solid; border-image:linear-gradient( 90deg , rgba(246,230,228,0.00) 0%,#fff6ea 50%, rgba(246,230,228,0.00) 99%) 2 2 2 2; box-sizing:border-box; position:relative;}
.tab .box{ padding:30px 50px; padding-bottom:25px; box-sizing:border-box; overflow:hidden;}
.tab .box li{ width:29%; text-align:center; margin:0 2%; display:block; float:left;}
.tab .box li .cgq{ -webkit-transition:-webkit-transform 1s,height 1s,width 1s; width:28%; margin-bottom:10px;}
.tab .box li:hover .cgq{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.cgq11{ width:20%; height:4px; display:block; background-color:#1bf28a; margin:10px auto;}
.bo1{ color:#fff; font-size:21px; line-height:36px;}
.bo2{ color:#fff; font-size:14px; line-height:24px;}
.bo3{ font-size:16px; line-height:26px; color:#fff;}
.tab .tabox .top{ width:0; height:4px; position:absolute; left:0; top:-4px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; background:linear-gradient(to right,transparent,#0084ff,transparent);}
.tab .tabox:hover .top{ width:100%;}
.tab .tabox .bottom{ width:0; height:4px; position:absolute; right:0; bottom:-4px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; background:linear-gradient(to right,transparent,#0084ff,transparent);}
.tab .tabox:hover .bottom{ width:100%;}
.tab .tab_menu{ width:100%; margin-top:2%; float:left; overflow:hidden;}
.tab .tab_menu li{ display:block; float:left; margin-left:3%; width:31.33%; background-image:url(../image/btn.png); background-size:100% 100%; font-size:20px; text-align:center; line-height:30px; height:30px; padding:2% 0; color:#fff;}
.tab .tab_menu li:first-child{ margin-left:0;}
.tab .tab_menu li.selected{ background-image:url(../image/btn01.png);}
}
@media screen and (min-width:769px) and (max-width:1279px){
.tab{ width:62%; position:absolute; left:5%; transform:translateX(0) translateY(-50%); z-index:2;}
.tab .tabox{ width:100%; background:linear-gradient( to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 10%, rgba(0,0,0,0.3) 20%, rgba(0,0,0,0.3) 30%, rgba(0,0,0,0.3) 40%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.3) 60%, rgba(0,0,0,0.3) 70%, rgba(0,0,0,0.3) 80%, rgba(0,0,0,0.15) 90%, rgba(0,0,0,0) 100%); border:4px solid; border-image:linear-gradient( 90deg , rgba(246,230,228,0.00) 0%,#fff6ea 50%, rgba(246,230,228,0.00) 99%) 2 2 2 2; box-sizing:border-box; position:relative;}
.tab .box{ padding:20px 30px; padding-bottom:15px; box-sizing:border-box; overflow:hidden;}
.tab .box li{ width:31.33%; text-align:center; margin:0 1%; display:block; float:left;}
.tab .box li .cgq{ -webkit-transition:-webkit-transform 1s,height 1s,width 1s; width:28%; margin-bottom:10px;}
.tab .box li:hover .cgq{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.cgq11{ width:20%; height:4px; display:block; background-color:#1bf28a; margin:10px auto;}
.bo1{ color:#fff; font-size:20px; line-height:30px;}
.bo2{ color:#fff; font-size:14px; line-height:24px;}
.bo3{ font-size:14px; line-height:24px; color:#fff;}
.tab .tabox .top{ width:0; height:4px; position:absolute; left:0; top:-4px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; background:linear-gradient(to right,transparent,#0084ff,transparent);}
.tab .tabox:hover .top{ width:100%;}
.tab .tabox .bottom{ width:0; height:4px; position:absolute; right:0; bottom:-4px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; background:linear-gradient(to right,transparent,#0084ff,transparent);}
.tab .tabox:hover .bottom{ width:100%;}
.tab .tab_menu{ width:100%; margin-top:2%; float:left; overflow:hidden;}
.tab .tab_menu li{ display:block; float:left; margin-left:3%; width:31.33%; background-image:url(../image/btn.png); background-size:100% 100%; font-size:18px; text-align:center; line-height:28px; height:28px; padding:2% 0; color:#fff;}
.tab .tab_menu li:first-child{ margin-left:0;}
.tab .tab_menu li.selected{ background-image:url(../image/btn01.png);}
}
@media only screen and (max-width:768px){
.tab{ width:90%; position:absolute; left:5%; transform:translateX(0) translateY(-50%); z-index:2;}
.tab .tabox{ width:100%; background:linear-gradient( to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 10%, rgba(0,0,0,0.3) 20%, rgba(0,0,0,0.3) 30%, rgba(0,0,0,0.3) 40%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.3) 60%, rgba(0,0,0,0.3) 70%, rgba(0,0,0,0.3) 80%, rgba(0,0,0,0.15) 90%, rgba(0,0,0,0) 100%); border:4px solid; border-image:linear-gradient( 90deg , rgba(246,230,228,0.00) 0%,#fff6ea 50%, rgba(246,230,228,0.00) 99%) 2 2 2 2; box-sizing:border-box; position:relative;}
.tab .box{ padding:20px 10px; padding-bottom:15px; box-sizing:border-box; overflow:hidden;}
.tab .box li{ width:31.33%; text-align:center; margin:0 1%; display:block; float:left;}
.tab .box li .cgq{ -webkit-transition:-webkit-transform 1s,height 1s,width 1s; width:28%; margin-bottom:10px;}
.tab .box li:hover .cgq{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.cgq11{ width:20%; height:4px; display:block; background-color:#1bf28a; margin:10px auto;}
.bo1{ color:#fff; font-size:16px; line-height:26px;}
.bo2{ color:#fff; font-size:14px; line-height:24px;}
.bo3{ font-size:14px; line-height:24px; color:#fff;}
.tab .tabox .top{ width:0; height:4px; position:absolute; left:0; top:-4px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; background:linear-gradient(to right,transparent,#0084ff,transparent);}
.tab .tabox:hover .top{ width:100%;}
.tab .tabox .bottom{ width:0; height:4px; position:absolute; right:0; bottom:-4px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; background:linear-gradient(to right,transparent,#0084ff,transparent);}
.tab .tabox:hover .bottom{ width:100%;}
.tab .tab_menu{ width:100%; margin-top:2%; float:left; overflow:hidden;}
.tab .tab_menu li{ display:block; float:left; margin-left:3%; width:31.33%; background-image:url(../image/btn.png); background-size:100% 100%; font-size:18px; text-align:center; line-height:28px; height:28px; padding:2% 0; color:#fff;}
.tab .tab_menu li:first-child{ margin-left:0;}
.tab .tab_menu li.selected{ background-image:url(../image/btn01.png);}
}

@media screen and (min-width:1280px){
.box06 .section-content{ position:absolute; left:7.5%; top:55%; width:46.875%; transform:translateX(0) translateY(-50%); z-index:2;}
.box06 .section-content .biao{ position:relative; padding-left:18px;}
.box06 .section-content .biao span{ display:block; overflow:hidden; font-size:30px; height:34px; line-height:34px;}
.box06 .section-content .biao b{ width:8px; height:58px; position:absolute; top:0; left:0; background-color:#1BF28A; display:block;}
.box06 .section-content .biao p{ font-size:20px; height:24px; line-height:24px; display:block; overflow:hidden;}
.sikuai{ width:100%; display:block; overflow:hidden; padding:2% 0;}
.sikuai li{ width:48%; margin-right:2%; padding:13px 20px; padding-bottom:7px; display:block; float:left; margin-bottom:1%; box-sizing:border-box; border:4px solid; border-image:linear-gradient( 90deg , rgba(246,230,228,0.00) 0%,#fff6ea 50%, rgba(246,230,228,0.00) 99%) 2 2 2 2; background-color:rgba(0,0,0,0.2); position:relative;}
.sikuai li>div{ float:left; text-align:center; font-size:16px; color:#fff;}
.sikuai1 img{ width:38px; display:block; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.sikuai1 div{ line-height:26px;}
.sikuai li .top{ width:0; height:4px; position:absolute; left:0; top:-4px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; background:linear-gradient(to right,transparent,#1BF28A,transparent);}
.sikuai li:hover .top{ width:100%;}
.sikuai li .bottom{ width:0; height:4px; position:absolute; right:0; bottom:-4px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; background:linear-gradient(to right,transparent,#1BF28A,transparent);}
.sikuai li:hover .bottom{ width:100%;}

.sikuai li:hover img{ -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.sikuai2{ width:2px; height:60px; margin:0 10px; background-color:#fff;}
.sikuai3{ color:#fff; width:calc(100% - 72px); text-align:left !important; margin-top:3px; line-height:20px; height:60px; overflow:hidden;}
.box06 .silogo{ width:100%; display:block; overflow:hidden;}
.box06 .silogo li{ display:block; width:20%; margin-right:3%; margin-top:1%; float:left;}
.box06 .silogo li img{ -webkit-transition:-webkit-transform 1s,height 1s,width 1s; width:100%; display:block;}
.box06 .silogo li:hover img{ transform:rotateY(360deg); -ms-transform:rotateY(360deg); -moz-transform:rotateY(360deg); -webkit-transform:rotateY(360deg); -o-transform:rotateY(360deg);}
}
@media screen and (min-width:769px) and (max-width:1279px){
.box06 .section-content{ position:absolute; left:5%; top:53%; width:90%; transform:translateX(0) translateY(-50%); z-index:2;}
.box06 .section-content .biao{ position:relative; padding-left:18px;}
.box06 .section-content .biao span{ display:block; overflow:hidden; font-size:24px; height:30px; line-height:30px;}
.box06 .section-content .biao b{ width:8px; height:52px; position:absolute; top:1px; left:0; background-color:#1BF28A; display:block;}
.box06 .section-content .biao p{ font-size:18px; height:24px; line-height:24px; display:block; overflow:hidden;}
.sikuai{ width:70%; display:block; overflow:hidden; padding:2% 0;}
.sikuai li{ width:48%; margin-right:2%; padding:13px 10px; padding-bottom:7px; display:block; float:left; margin-bottom:1%; box-sizing:border-box; border:4px solid; border-image:linear-gradient( 90deg , rgba(246,230,228,0.00) 0%,#fff6ea 50%, rgba(246,230,228,0.00) 99%) 2 2 2 2; background-color:rgba(0,0,0,0.2); position:relative;}
.sikuai li>div{ float:left; text-align:center; font-size:14px; color:#fff;}
.sikuai1 img{ width:38px; display:block; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.sikuai1 div{ line-height:26px;}
.sikuai li .top{ width:0; height:4px; position:absolute; left:0; top:-4px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; background:linear-gradient(to right,transparent,#1BF28A,transparent);}
.sikuai li:hover .top{ width:100%;}
.sikuai li .bottom{ width:0; height:4px; position:absolute; right:0; bottom:-4px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; background:linear-gradient(to right,transparent,#1BF28A,transparent);}
.sikuai li:hover img{ -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.sikuai2{ width:2px; height:60px; margin:0 10px; background-color:#fff;}
.sikuai3{ color:#fff; width:calc(100% - 72px); text-align:left !important; margin-top:3px; line-height:20px; height:60px; overflow:hidden;}
.box06 .silogo{ width:100%; display:block; overflow:hidden;}
.box06 .silogo li{ display:block; width:20%; margin-right:3%; margin-top:1%; float:left;}
.box06 .silogo li img{ -webkit-transition:-webkit-transform 1s,height 1s,width 1s; width:100%; display:block; max-width:161px;}
.box06 .silogo li:hover img{ transform:rotateY(360deg); -ms-transform:rotateY(360deg); -moz-transform:rotateY(360deg); -webkit-transform:rotateY(360deg); -o-transform:rotateY(360deg);}
}
@media only screen and (max-width:768px){
.box06 .section-content{ position:absolute; left:5%; top:53%; width:90%; transform:translateX(0) translateY(-50%); z-index:2;}
.box06 .section-content .biao{ position:relative; padding-left:14px;}
.box06 .section-content .biao span{ display:block; overflow:hidden; font-size:20px; height:30px; line-height:30px;}
.box06 .section-content .biao b{ width:4px; height:44px; position:absolute; top:5px; left:0; background-color:#1BF28A; display:block;}
.box06 .section-content .biao p{ font-size:14px; height:24px; line-height:24px; display:block; overflow:hidden;}
.sikuai{ width:94%; display:block; overflow:hidden; padding:2% 0;}
.sikuai li{ width:48%; margin-right:2%; padding:13px 10px; padding-bottom:7px; display:block; float:left; margin-bottom:1%; box-sizing:border-box; border:4px solid; border-image:linear-gradient( 90deg , rgba(246,230,228,0.00) 0%,#fff6ea 50%, rgba(246,230,228,0.00) 99%) 2 2 2 2; background-color:rgba(0,0,0,0.2); position:relative;}
.sikuai li>div{ float:left; text-align:center; font-size:14px; color:#fff;}
.sikuai1 img{ width:38px; display:block; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.sikuai1 div{ line-height:26px;}
.sikuai li .top{ width:0; height:4px; position:absolute; left:0; top:-4px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; background:linear-gradient(to right,transparent,#1BF28A,transparent);}
.sikuai li:hover .top{ width:100%;}
.sikuai li .bottom{ width:0; height:4px; position:absolute; right:0; bottom:-4px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; background:linear-gradient(to right,transparent,#1BF28A,transparent);}
.sikuai li:hover .bottom{ width:100%;}

.sikuai li:hover .bottom{ width:100%;}
.sikuai1{ width:44px;}
.sikuai1 img{ width:40px; margin:2px auto; display:block; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.sikuai1 div{ line-height:26px;}
.sikuai li:hover img{ -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.sikuai2{ width:2px; height:60px; margin:0 5px; background-color:#fff; margin-top:6px;}
.sikuai3{ color:#fff; width:calc(100% - 56px); text-align:left !important; line-height:24px; height:72px; overflow:hidden;}
.box06 .silogo{ width:94%; display:block; overflow:hidden;}
.box06 .silogo li{ display:block; width:22.5%; margin-right:2%; margin-top:2%; float:left;}
.box06 .silogo li img{ -webkit-transition:-webkit-transform 1s,height 1s,width 1s; width:100%; display:block;}
.box06 .silogo li:hover img{ transform:rotateY(360deg); -ms-transform:rotateY(360deg); -moz-transform:rotateY(360deg); -webkit-transform:rotateY(360deg); -o-transform:rotateY(360deg);}
}

@media screen and (min-width:1280px){
.box07 .section-content{ position:absolute; top:55%; left:50%; transform:translateX(-50%) translateY(-50%); width:85%; background-image:url(../image/mask.png); background-position:center; background-repeat:no-repeat; text-align:center; background-size:65% auto;}
.box07 .section-content .zh1{ display:block; overflow:hidden; font-size:30px; height:40px; line-height:40px;}
.box07 .section-content .zh2{ font-size:20px; height:30px; line-height:30px; display:block; overflow:hidden; color:#6c747f;}
.box07 .section-content .zh3{ font-size:24px; line-height:34px; height:34px;}
.box07 .section-content .zh4{ width:72%; border:4px solid; background:linear-gradient( to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 10%, rgba(0,0,0,0.3) 20%, rgba(0,0,0,0.3) 30%, rgba(0,0,0,0.3) 40%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.3) 60%, rgba(0,0,0,0.3) 70%, rgba(0,0,0,0.3) 80%, rgba(0,0,0,0.15) 90%, rgba(0,0,0,0) 100%); border-image:linear-gradient( 
90deg , rgba(246,230,228,0.00) 0%,#fff6ea 50%, rgba(246,230,228,0.00) 99%) 2 2 2 2; padding:10px 30px; box-sizing:border-box; color:#fff; margin:1% auto; font-size:20px; line-height:24px;}
.box07 .cxw{ width:65%; margin:auto; display:block; overflow:hidden;}
.box07 .cxw li{ text-align:center; margin:auto; display:inline-block; width:17%; margin:1%; margin-bottom:0; overflow:hidden; vertical-align:top;}
.box07 .cxw li img{ width:60%; -webkit-transition:1s linear; transition:1s ease-in;}
.box07 .cxw li:hover img{transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.box07 .cxw li div{ width:80%; margin:auto; font-size:16px; line-height:20px; color:#0ca5db; font-weight:300;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.box07 .section-content{ position:absolute; top:53%; left:50%; transform:translateX(-50%) translateY(-50%); width:90%; background-image:url(../image/mask.png); background-position:center; background-repeat:no-repeat; text-align:center; background-size:85% 90%;}
.box07 .section-content .zh1{ display:block; overflow:hidden; font-size:24px; height:34px; line-height:34px;}
.box07 .section-content .zh2{ font-size:18px; height:28px; line-height:28px; display:block; overflow:hidden; color:#6c747f;}
.box07 .section-content .zh3{ font-size:20px; line-height:30px; height:30px; margin:auto;}
.box07 .section-content .zh4{ width:100%; border:4px solid; background:linear-gradient( to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 10%, rgba(0,0,0,0.3) 20%, rgba(0,0,0,0.3) 30%, rgba(0,0,0,0.3) 40%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.3) 60%, rgba(0,0,0,0.3) 70%, rgba(0,0,0,0.3) 80%, rgba(0,0,0,0.15) 90%, rgba(0,0,0,0) 100%); border-image:linear-gradient( 
90deg , rgba(246,230,228,0.00) 0%,#fff6ea 50%, rgba(246,230,228,0.00) 99%) 2 2 2 2; padding:10px 20px; box-sizing:border-box; color:#fff; margin:1% auto; font-size:18px; line-height:24px;}
.box07 .cxw{ width:85%; margin:auto; display:block; overflow:hidden;}
.box07 .cxw li{ text-align:center; margin:auto; display:inline-block; width:17%; margin:1%; margin-bottom:0; overflow:hidden; vertical-align:top;}
.box07 .cxw li img{ width:60%; -webkit-transition:1s linear; transition:1s ease-in;}
.box07 .cxw li:hover img{transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.box07 .cxw li div{ width:80%; margin:auto; font-size:16px; line-height:20px; color:#0ca5db; font-weight:300;}
}
@media only screen and (max-width:768px){
.box07 .section-content{ position:absolute; top:53%; left:50%; transform:translateX(-50%) translateY(-50%); width:90%; background-image:url(../image/mask.png); background-position:center; background-repeat:no-repeat; text-align:center; background-size:90% 55%;}
.box07 .section-content .zh1{ display:block; overflow:hidden; font-size:20px; height:30px; line-height:30px;}
.box07 .section-content .zh2{ font-size:14px; height:24px; line-height:24px; display:block; overflow:hidden; color:#6c747f;}
.box07 .section-content .zh3{ font-size:20px; line-height:30px; height:30px; margin:1% auto;}
.box07 .section-content .zh4{ width:100%; border:4px solid; background:linear-gradient( to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 10%, rgba(0,0,0,0.3) 20%, rgba(0,0,0,0.3) 30%, rgba(0,0,0,0.3) 40%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.3) 60%, rgba(0,0,0,0.3) 70%, rgba(0,0,0,0.3) 80%, rgba(0,0,0,0.15) 90%, rgba(0,0,0,0) 100%); border-image:linear-gradient( 
90deg , rgba(246,230,228,0.00) 0%,#fff6ea 50%, rgba(246,230,228,0.00) 99%) 2 2 2 2; padding:5px 10px; box-sizing:border-box; color:#fff; margin:2% auto; font-size:14px; line-height:20px;}
.box07 .cxw{ width:90%; margin:auto; display:block; overflow:hidden;}
.box07 .cxw li{ text-align:center; margin:auto; display:inline-block; width:17%; margin:1%; overflow:hidden; vertical-align:top;}
.box07 .cxw li img{ width:70%; -webkit-transition:1s linear; transition:1s ease-in;}
.box07 .cxw li:hover img{transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.box07 .cxw li div{ width:100%; margin:auto; font-size:12px; line-height:14px; color:#0ca5db; font-weight:300; margin-top:10px;}
}

/*商用车*/
@media screen and (min-width:1280px){
.box08 .section-content{ position:absolute; left:7.5%; top:50%; max-width:85%; transform:translateX(0) translateY(-50%); z-index:2;}
.box08 .section-content .biao span{ display:block; overflow:hidden; font-size:48px; height:50px; line-height:50px;}
.box08 .section-content .biao b{ width:8px; height:40px; float:left; margin:5px 10px; margin-left:0; background-color:#1BF28A; display:block;}
.box08 .section-content .biao p{ font-size:32px; height:42px; line-height:42px; margin-top:5px; display:block; overflow:hidden;}
.box08 .section-content .wen{ max-width:600px; width:85%; font-size:20px; line-height:30px; margin-top:15px; color:#294e63;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.box08 .section-content{ position:absolute; left:5%; top:50%; max-width:90%; transform:translateX(0) translateY(-50%); z-index:2;}
.box08 .section-content .biao span{ display:block; overflow:hidden; font-size:38px; height:40px; line-height:40px;}
.box08 .section-content .biao b{ width:8px; height:30px; float:left; margin:5px 10px; margin-left:0; background-color:#1BF28A; display:block;}
.box08 .section-content .biao p{ font-size:24px; line-height:34px; margin-top:5px; display:block; overflow:hidden;}
.box08 .section-content .wen{ max-width:600px; width:85%; font-size:16px; line-height:26px; margin-top:10px; color:#294e63;}
}
@media only screen and (max-width:768px){
.box08 .section-content{ position:absolute; left:5%; top:50%; max-width:90%; transform:translateX(0) translateY(-50%); z-index:2;}
.box08 .section-content .biao span{ display:block; overflow:hidden; font-size:24px; line-height:34px;}
.box08 .section-content .biao b{ width:4px; height:20px; float:left; margin:7px 10px; margin-left:0; background-color:#1BF28A; display:block;}
.box08 .section-content .biao p{ font-size:18px; line-height:28px; margin-top:5px; display:block; overflow:hidden;}
.box08 .section-content .wen{ max-width:600px; width:85%; font-size:14px; line-height:24px; margin-top:5px; color:#294e63;}
}

@media screen and (min-width:1280px){
.box09 .section-content{ position:absolute; right:7.5%; top:50%; width:35%; transform:translateX(0) translateY(-50%); z-index:2;}
.box09 .section-content .biao{ position:relative; margin-left:7.5%;}
.box09 .section-content .biao span{ display:block; overflow:hidden; font-size:30px; height:40px; line-height:40px;}
.box09 .section-content .biao p{ font-size:20px; height:30px; line-height:30px; display:block; overflow:hidden;}
.box09 .section-content .biao b{ width:110px; height:6px; margin-top:10px; background-color:#1BF28A; display:block;}
.box09 .tab_menu{ width:100%; display:block; overflow:hidden; margin-top:5%;}
.box09 .tab_menu div{ width:5%; display:block; float:left; height:60px;}
.box09 .tab_menu div p{ width:1px; height:60px; margin:10px auto; display:block; background-image:url(../image/line.jpg); background-size:100% 100%;}
.box09 .tab_menu li{ width:30%; float:left; display:block; text-align:center;}
.box09 .tab_menu li img{ width:80px; display:block; margin:auto;}
.box09 .tab_menu li p{ display:block; width:100%; font-size:20px; line-height:40px; margin:3% auto;}
.box09 .tab_menu li b{ width:1px; height:2px; display:block; overflow:hidden; margin:auto; transition:0.5s; -moz-transition:0.5s; -webkit-transition:0.5s; -o-transition:0.5s; }
.box09 .tab_menu li.selected b{ width:20%; background-color:#0080ff}
.box09 .tabox{ margin-left:7.5%; width:92.5%; padding:20px; box-sizing:border-box; background-color:rgba(255,255,255,0.23); margin-top:7%; font-size:18px; line-height:28px;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.box09 .section-content{ position:absolute; right:5%; top:50%; width:50%; transform:translateX(0) translateY(-50%); z-index:2;}
.box09 .section-content .biao{ position:relative; margin-left:7.5%;}
.box09 .section-content .biao span{ display:block; overflow:hidden; font-size:24px; height:34px; line-height:34px;}
.box09 .section-content .biao p{ font-size:18px; height:28px; line-height:28px; display:block; overflow:hidden;}
.box09 .section-content .biao b{ width:90px; height:5px; margin-top:10px; background-color:#1BF28A; display:block;}
.box09 .tab_menu{ width:100%; display:block; overflow:hidden; margin-top:5%;}
.box09 .tab_menu div{ width:5%; display:block; float:left; height:60px;}
.box09 .tab_menu div p{ width:1px; height:40px; margin:10px auto; display:block; background-image:url(../image/line.jpg); background-size:100% 100%;}
.box09 .tab_menu li{ width:30%; float:left; display:block; text-align:center;}
.box09 .tab_menu li img{ width:60px; display:block; margin:auto;}
.box09 .tab_menu li p{ display:block; width:100%; font-size:18px; line-height:38px; margin:3% auto;}
.box09 .tab_menu li b{ width:1px; height:2px; display:block; overflow:hidden; margin:auto; transition:0.5s; -moz-transition:0.5s; -webkit-transition:0.5s; -o-transition:0.5s; }
.box09 .tab_menu li.selected b{ width:20%; background-color:#0080ff}
.box09 .tabox{ margin-left:7.5%; width:92.5%; padding:15px; box-sizing:border-box; background-color:rgba(255,255,255,0.23); margin-top:7%; font-size:18px; line-height:28px;}
}
@media only screen and (max-width:768px){
.box09 .section-content{ position:absolute; right:5%; top:50%; width:90%; transform:translateX(0) translateY(-50%); z-index:2;}
.box09 .section-content .biao{ position:relative;}
.box09 .section-content .biao span{ display:block; overflow:hidden; font-size:20px; height:30px; line-height:30px;}
.box09 .section-content .biao p{ font-size:14px; height:24px; line-height:24px; display:block; overflow:hidden;}
.box09 .section-content .biao b{ width:60px; height:4px; margin-top:10px; background-color:#1BF28A; display:block;}
.box09 .tab_menu{ width:100%; display:block; overflow:hidden; margin-top:5%;}
.box09 .tab_menu div{ width:3%; display:block; float:left; height:40px;}
.box09 .tab_menu div p{ width:1px; height:30px; margin:5px auto; display:block; background-image:url(../image/line.jpg); background-size:100% 100%;}
.box09 .tab_menu li{ width:30%; float:left; display:block; text-align:center;}
.box09 .tab_menu li img{ width:40px; display:block; margin:auto;}
.box09 .tab_menu li p{ display:block; width:100%; font-size:14px; line-height:34px; margin:3% auto;}
.box09 .tab_menu li b{ width:1px; height:2px; display:block; overflow:hidden; margin:auto; transition:0.5s; -moz-transition:0.5s; -webkit-transition:0.5s; -o-transition:0.5s; }
.box09 .tab_menu li.selected b{ width:20%; background-color:#0080ff}
.box09 .tabox{ width:100%; padding:10px; box-sizing:border-box; background-color:rgba(255,255,255,0.23); margin-top:7%; font-size:14px; line-height:24px;}
}

@media screen and (min-width:1280px){
.box10 .section-content{ position:absolute; left:7.5%; top:50%; width:35%; transform:translateX(0) translateY(-50%); z-index:2;}
.box10 .section-content .biao{ position:relative; margin-left:7.5%;}
.box10 .section-content .biao span{ display:block; overflow:hidden; font-size:30px; height:40px; line-height:40px;}
.box10 .section-content .biao p{ font-size:20px; height:30px; line-height:30px; display:block; overflow:hidden;}
.box10 .section-content .biao b{ width:110px; height:6px; margin-top:10px; background-color:#1BF28A; display:block;}
.box10 .tab_menu{ width:100%; display:block; overflow:hidden; margin-top:5%;}
.box10 .tab_menu div{ width:5%; display:block; float:left; height:60px;}
.box10 .tab_menu div p{ width:1px; height:60px; margin:10px auto; display:block; background-image:url(../image/line.jpg); background-size:100% 100%;}
.box10 .tab_menu li{ width:30%; float:left; display:block; text-align:center;}
.box10 .tab_menu li img{ width:80px; display:block; margin:auto;}
.box10 .tab_menu li p{ display:block; width:100%; font-size:20px; line-height:40px; margin:3% auto;}
.box10 .tab_menu li b{ display:block; margin:auto; opacity:0;}
.box10 .tab_menu li b img{ width:auto; display:block; margin:auto;}
.box10 .tab_menu li.selected b{ opacity:1;}
.box10 .tabox{ margin-left:5%; width:95%; padding:20px 0; position:relative; box-sizing:border-box; background-color:rgba(255,255,255,0.41); margin-top:5%;}
.box10 .tabox.cur{}
.box10 .tabox .box{ overflow:hidden; display:flex; justify-content:center;align-items:center;}
.box10 .hzlogo{ width:49%; float:left;}
.box10 .hzlogo img{ width:80%; display:block; margin:auto;}
.box10 .httt{ width:2%; float:left; display:flex;}
.box10 .httt img{ width:2px; margin:auto; display:block;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.box10 .section-content{ position:absolute; left:5%; top:50%; width:50%; transform:translateX(0) translateY(-50%); z-index:2;}
.box10 .section-content .biao{ position:relative; margin-left:7.5%;}
.box10 .section-content .biao span{ display:block; overflow:hidden; font-size:24px; height:34px; line-height:34px;}
.box10 .section-content .biao p{ font-size:18px; height:28px; line-height:28px; display:block; overflow:hidden;}
.box10 .section-content .biao b{ width:90px; height:5px; margin-top:10px; background-color:#1BF28A; display:block;}
.box10 .tab_menu{ width:100%; display:block; overflow:hidden; margin-top:5%;}
.box10 .tab_menu div{ width:5%; display:block; float:left; height:60px;}
.box10 .tab_menu div p{ width:1px; height:40px; margin:10px auto; display:block; background-image:url(../image/line.jpg); background-size:100% 100%;}
.box10 .tab_menu li{ width:30%; float:left; display:block; text-align:center;}
.box10 .tab_menu li img{ width:60px; display:block; margin:auto;}
.box10 .tab_menu li p{ display:block; width:100%; font-size:18px; line-height:38px; margin:3% auto;}
.box10 .tab_menu li b{ display:block; margin:auto; opacity:0;}
.box10 .tab_menu li b img{ width:auto; display:block; margin:auto;}
.box10 .tab_menu li.selected b{ opacity:1;}
.box10 .tabox{ margin-left:5%; width:95%; padding:15px 0; position:relative; box-sizing:border-box; background-color:rgba(255,255,255,0.41); margin-top:5%;}
.box10 .tabox.cur{}
.box10 .tabox .box{ overflow:hidden; display:flex; justify-content:center;align-items:center;}
.box10 .hzlogo{ width:49%; float:left;}
.box10 .hzlogo img{ width:80%; display:block; margin:auto;}
.box10 .httt{ width:2%; float:left; display:flex;}
.box10 .httt img{ width:2px; margin:auto; display:block;}
}
@media only screen and (max-width:768px){
.box10 .section-content{ position:absolute; left:5%; top:50%; width:90%; transform:translateX(0) translateY(-50%); z-index:2;}
.box10 .section-content .biao{ position:relative;}
.box10 .section-content .biao span{ display:block; overflow:hidden; font-size:20px; height:30px; line-height:30px;}
.box10 .section-content .biao p{ font-size:14px; height:24px; line-height:24px; display:block; overflow:hidden;}
.box10 .section-content .biao b{ width:60px; height:4px; margin-top:10px; background-color:#1BF28A; display:block;}
.box10 .tab_menu{ width:100%; display:block; overflow:hidden; margin-top:5%;}
.box10 .tab_menu div{ width:3%; display:block; float:left; height:40px;}
.box10 .tab_menu div p{ width:1px; height:30px; margin:5px auto; display:block; background-image:url(../image/line.jpg); background-size:100% 100%;}
.box10 .tab_menu li{ width:30%; float:left; display:block; text-align:center;}
.box10 .tab_menu li img{ width:40px; display:block; margin:auto;}
.box10 .tab_menu li p{ display:block; width:100%; font-size:14px; line-height:34px; margin:3% auto;}
.box10 .tab_menu li b{ display:block; margin:auto; opacity:0;}
.box10 .tab_menu li b img{ width:auto; display:block; margin:auto;}
.box10 .tab_menu li.selected b{ opacity:1;}
.box10 .tabox{ width:100%; padding:10px 0; position:relative; box-sizing:border-box; background-color:rgba(255,255,255,0.41); margin-top:5%;}
.box10 .tabox.cur{}
.box10 .tabox .box{ overflow:hidden; display:flex; justify-content:center;align-items:center;}
.box10 .hzlogo{ width:49%; float:left;}
.box10 .hzlogo img{ width:80%; display:block; margin:auto;}
.box10 .httt{ width:2%; float:left; display:flex;}
.box10 .httt img{ width:2px; margin:auto; display:block;}
}

/*技术支持*/
@media screen and (min-width:1280px){
.box11 .section-content{ position:absolute; left:7.5%; top:40%; width:85%; transform:translateX(0) translateY(-50%); z-index:2;}
.box11 .section-content .biao span{ display:block; overflow:hidden; font-size:48px; height:50px; line-height:50px;}
.box11 .section-content .biao b{ width:8px; height:40px; float:left; margin:5px 10px; margin-left:0; background-color:#1BF28A; display:block;}
.box11 .section-content .biao p{ font-size:32px; height:42px; line-height:42px; margin-top:5px; display:block; overflow:hidden;}
.box11 .sange{ display:block; margin-top:40px;}
.box11 .sange li{ width:15%; height:60px; background-color:rgba(255, 255, 255, 0.7); float:left; border:1px solid #24ffc7; text-align:center; line-height:60px; font-size:21px; margin-right:3%;}
.box11 .sange li span{ width:11px; height:30px; display:block; background-color:#24FFC7; float:left; margin-left:-6px; margin-top:15px;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.box11 .section-content{ position:absolute; left:5%; top:35%; width:90%; transform:translateX(0) translateY(-50%); z-index:2;}
.box11 .section-content .biao span{ display:block; overflow:hidden; font-size:38px; height:40px; line-height:40px;}
.box11 .section-content .biao b{ width:8px; height:30px; float:left; margin:5px 10px; margin-left:0; background-color:#1BF28A; display:block;}
.box11 .section-content .biao p{ font-size:24px; line-height:34px; margin-top:5px; display:block; overflow:hidden;}
.box11 .section-content .wen{ max-width:600px; width:85%; font-size:16px; line-height:26px; margin-top:10px;}
.box11 .sange{ display:block; margin-top:10px; width:70%;}
.box11 .sange li{ width:45%; height:50px; background-color:rgba(255, 255, 255, 0.7); float:left; border:1px solid #24ffc7; text-align:center; line-height:50px; font-size:18px; margin-right:3%; margin-top:20px;}
.box11 .sange li span{ width:11px; height:24px; display:block; background-color:#24FFC7; float:left; margin-left:-6px; margin-top:13px;}
}
@media only screen and (max-width:768px){
.box11 .section-content{ position:absolute; left:5%; top:50%; width:90%; transform:translateX(0) translateY(-50%); z-index:2;}
.box11 .section-content .biao span{ display:block; overflow:hidden; font-size:24px; line-height:34px;}
.box11 .section-content .biao b{ width:4px; height:20px; float:left; margin:7px 10px; margin-left:0; background-color:#1BF28A; display:block;}
.box11 .section-content .biao p{ font-size:18px; line-height:28px; margin-top:5px; display:block; overflow:hidden;}
.box11 .section-content .wen{ max-width:600px; width:85%; font-size:14px; line-height:24px; margin-top:5px;}
.box11 .sange{ display:block; margin-top:10px;}
.box11 .sange li{ width:50%; height:40px; background-color:rgba(255, 255, 255, 0.7); float:left; border:1px solid #24ffc7; text-align:center; line-height:40px; font-size:16px; margin-right:3%; margin-top:10px;}
.box11 .sange li span{ width:11px; height:20px; display:block; background-color:#24FFC7; float:left; margin-left:-6px; margin-top:10px;}
}

/*行业实践*/
.fbanner{ width:100%; height:60vh; background-size:cover; position:relative; overflow:hidden;}
.foot{ position:relative !important; background-image:url(../image/foot_02.jpg); background-size:cover; background-position:center;}
@media screen and (min-width:769px) and (max-width:1279px){
.fbanner{ width:100%; height:45vh; position:relative;}	
}
@media only screen and (max-width:768px){
.fbanner{ width:100%; height:30vh; position:relative;}
}
.swiper-container-android .swiper-slide, .swiper-wrapper{
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -o-transform:translate(0,0);
    -ms-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
}
.swiper-wrapper{
    position:relative;
    width:100%;
    height:100%;
    z-index:1;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-transition-property:-webkit-transform;
    -moz-transition-property:-moz-transform;
    -o-transition-property:-o-transform;
    -ms-transition-property:-ms-transform;
    transition-property:transform;
}
.swiper-slide {
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    -webkit-justify-content:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center;
}
.swiper-slide {
    -webkit-flex-shrink:0;
    -ms-flex:0 0 auto;
    flex-shrink:0;
    width:100%;
    height:100%;
    position:relative;
}
.swiper-pagination {
    position:absolute;
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
    -webkit-transform:translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    z-index:10;
}

@media screen and (min-width:1280px){
.sec{ width:100%; background-image:url(../image/d4.png); background-position:bottom center; background-repeat:no-repeat;}
.hbox{ width:1200px; margin:65px auto;}
.biaoti{ width:279px; text-align:center; background:url(../image/xx.png) no-repeat center 18px; height:64px; margin:auto; overflow:hidden;}
.biaoti div{ font-size:28px; line-height:36px;}
.biaoti p{ font-size:14px; color:#959595; line-height:20px; text-transform:uppercase;}
.hbox .box{ width:100%; margin-top:30px; height:600px; position:relative;}
.hbox .box .gallery-top{ width:580px; height:600px; overflow:hidden; position:relative; z-index:0;}
.hbox .box .gallery-top .swiper-slide{ width:100%; height:100%; display:block; overflow:hidden;}
.hbox .box .gallery-top .swiper-slide img{ display:block; height:600px;}
.hbox .box .right{ width:680px; position:absolute; right:0; top:0; height:530px; z-index:0;}
.hbox .box .gallery-thumbs{ width:680px; position:relative; height:530px;}
.hbox .box .gallery-thumbs .swiper-wrapper{ -webkit-box-orient:vertical; -moz-box-orient:vertical; -ms-flex-direction:column; -webkit-flex-direction:column; flex-direction:column; z-index:1;}
.hbox .box .gallery-thumbs .swiper-slide{ padding-left:60px; width:620px; height:180px; display:block; overflow:hidden; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.hbox .box .gallery-thumbs .swiper-slide.on{ padding-left:0; width:660px; background-color:rgba(0,132,255,0.7);}
.hbox .box .gallery-thumbs .swiper-slide a{ display:block; margin:0 40px; padding:30px 0; height:100%; box-sizing:border-box; overflow:hidden; border-bottom:1px solid #bfbfbf; background-color:rgba(255,255,255,0.7);}
.hbox .box .gallery-thumbs .swiper-slide.on a{ border-bottom:none; background-color:transparent;}
.hbox .box .gallery-thumbs .swiper-slide .sjjjj{ width:20%; text-align:center; float:left; font-size:22px; line-height:42px; color:#707070;}
.hbox .box .gallery-thumbs .swiper-slide .sjjjj div{ font-size:54px; border-bottom:1px solid #ddd; width:100%; margin:auto; line-height:74px;}
.hbox .box .gallery-thumbs .swiper-slide .xwnr1{ width:76%; float:right; font-size:20px; line-height:32px; height:64px; overflow:hidden;}
.hbox .box .gallery-thumbs .swiper-slide .xwnr2{ width:76%; float:right; font-size:16px; line-height:26px; height:52px; overflow:hidden; color:#666;}
.hbox .box .gallery-thumbs .swiper-slide.on *{ color:#fff;}
.hbox .box .swiper-button-next{ width:23px; position:absolute; right:275px; bottom:0; height:22px; background-image:url(../image/more_03.jpg); cursor:pointer; z-index:99;}
.hbox .box .swiper-button-prev{ width:23px; position:absolute; right:340px; bottom:0; height:22px; background-image:url(../image/more_03.jpg); cursor:pointer; -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); z-index:99;}

.nbox{ width:1200px; margin:0 auto; margin-bottom:70px;}
.xw{ width:1200px; margin:auto; padding:25px 0; overflow:hidden; margin-top:30px; background-color:#f0f0f0;-webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;}
.xw:hover{ background-color:#0084ff;}
.xw .xwtu{ width:22%; padding:0 3%; height:120px; overflow:hidden; float:left; border-right:1px solid #ddd; box-sizing:border-box;}
.xw .xwtu1 { width:100%; height:120px; position:relative; overflow:hidden;}
.xw .xwtu1 img{ height:100%; position:absolute !important; left:50%; transform:translate(-50%);}
.xw .xwnr{ width:59%; margin:2px 3%; float:left;}
.xw .xwnr .xwnr1{ line-height:34px; font-size:20px; height:34px; overflow:hidden;}
.xw .xwnr .xwnr2{ line-height:26px; font-size:16px; height:48px; overflow:hidden; margin-bottom:10px;}
.xw .xwnr .xwnr3 { line-height:24px; height:24px; font-size:14px; text-align:right; padding-right:28px; background:no-repeat center right;}
.xw .sjjj{ width:13%; padding:11px 0; height:120px; overflow:hidden; float:left; border-left:1px solid #ddd; box-sizing:border-box; font-size:16px; line-height:36px; text-align:center; color:#707070;}
.xw .sjjj div{ width:60px; margin:auto; border-bottom:1px solid #ddd; font-size:42px; height:62px; line-height:62px;}
.xw:hover *{ color:#fff;}

.fanye{ width:100%; text-align:center; text-align:center; margin-top:30px;}
.fanye a{ display:inline-block; width:60px; text-align:center; height:34px;border-bottom:1px solid #ddd; line-height:34px; margin:0 10px;}	
.fanye span{ display:inline-block; width:60px; text-align:center; height:34px; border-bottom:1px solid #0084fff; line-height:34px; margin:0 10px; color:#fff; background-color:#0084ff;}	
.fanye a:hover{ border-bottom:1px solid #0084fff; color:#0084fff;}		
}
@media screen and (min-width:769px) and (max-width:1279px){
.sec{ width:100%; background-image:url(../image/d4.png); background-position:bottom center; background-repeat:no-repeat; background-size:100% auto;}
.hbox{ width:90%; margin:45px auto;}
.biaoti{ width:279px; text-align:center; background:url(../image/xx.png) no-repeat center 17px; margin:auto; overflow:hidden;}
.biaoti div{ font-size:24px; line-height:34px;}
.biaoti p{ font-size:14px; color:#959595; line-height:20px; text-transform:uppercase;}
.hbox .box{ width:100%; margin-top:20px; height:500px; position:relative;}
.hbox .box .gallery-top{ width:100%; height:500px; overflow:hidden; position:relative; z-index:0;}
.hbox .box .gallery-top .swiper-slide{ width:100%; height:100%; display:block; overflow:hidden;}
.hbox .box .gallery-top .swiper-slide img{ display:block; height:500px;}
.hbox .box .right{ width:54%; position:absolute; right:0; top:0; height:450px;}
.hbox .box .gallery-thumbs{ width:100%; position:relative; height:450px; z-index:0;}
.hbox .box .gallery-thumbs .swiper-wrapper{ -webkit-box-orient:vertical; -moz-box-orient:vertical; -ms-flex-direction:column; -webkit-flex-direction:column; flex-direction:column; z-index:1;}
.hbox .box .gallery-thumbs .swiper-slide{ padding-left:8%; width:92%; height:170px; display:block; overflow:hidden; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.hbox .box .gallery-thumbs .swiper-slide.on{ padding-left:0; width:100%; background-color:rgba(0,132,255,0.7);}
.hbox .box .gallery-thumbs .swiper-slide a{ display:block; padding:21px 5%; height:100%; box-sizing:border-box; overflow:hidden; border-bottom:1px solid #bfbfbf; background-color:rgba(255,255,255,0.7);}
.hbox .box .gallery-thumbs .swiper-slide.on a{ border-bottom:none; background-color:transparent;}
.hbox .box .gallery-thumbs .swiper-slide .sjjjj{ width:22%; text-align:center; float:left; font-size:18px; line-height:38px; color:#707070;}
.hbox .box .gallery-thumbs .swiper-slide .sjjjj div{ font-size:44px; border-bottom:1px solid #ddd; width:100%; margin:auto; line-height:64px;}
.hbox .box .gallery-thumbs .swiper-slide .xwnr1{ width:74%; float:right; font-size:18px; line-height:28px; height:56px; overflow:hidden;}
.hbox .box .gallery-thumbs .swiper-slide .xwnr2{ width:74%; float:right; font-size:14px; line-height:24px; height:48px; overflow:hidden; color:#666;}
.hbox .box .gallery-thumbs .swiper-slide.on *{ color:#fff;}
.hbox .box .swiper-button-next{ width:23px; position:absolute; right:5%; margin-left:-12px; bottom:0; height:22px; background-image:url(../image/more_03.jpg); cursor:pointer; z-index:99;}
.hbox .box .swiper-button-prev{ width:23px; position:absolute; right:5%; margin-right:60px; bottom:0; height:22px; background-image:url(../image/more_03.jpg); cursor:pointer; -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); z-index:99;}
.nbox{ width:90%; margin:0 auto; margin-bottom:50px;}
.xw{ width:100%; margin:auto; padding:20px 0; overflow:hidden; margin-top:20px; background-color:#f0f0f0;-webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;}
.xw:hover{ background-color:#0084ff;}
.xw .xwtu{ width:22%; padding:0 3%; height:120px; overflow:hidden; float:left; border-right:1px solid #ddd; box-sizing:border-box;}
.xw .xwtu1 { width:100%; height:120px; position:relative; overflow:hidden;}
.xw .xwtu1 img{ height:100%; position:absolute !important; left:50%; transform:translate(-50%);}
.xw .xwnr{ width:59%; margin:3px 3%; float:left;}
.xw .xwnr .xwnr1{ line-height:34px; font-size:22px; height:32px; overflow:hidden;}
.xw .xwnr .xwnr2{ line-height:26px; font-size:16px; height:48px; overflow:hidden; margin-bottom:10px;}
.xw .xwnr .xwnr3 { line-height:24px; height:24px; font-size:14px; text-align:right; padding-right:28px; background:no-repeat center right;}
.xw .sjjj{ width:13%; padding:11px 0; height:120px; overflow:hidden; float:left; border-left:1px solid #ddd; box-sizing:border-box; font-size:16px; line-height:36px; text-align:center; color:#707070;}
.xw .sjjj div{ width:60px; margin:auto; border-bottom:1px solid #ddd; font-size:42px; height:62px; line-height:62px;}
.xw:hover *{ color:#fff;}

.fanye{ width:100%; text-align:center; text-align:center; margin-top:20px;}
.fanye a{ display:inline-block; width:60px; text-align:center; height:34px;border-bottom:1px solid #ddd; line-height:34px; margin:0 10px;}	
.fanye span{ display:inline-block; width:60px; text-align:center; height:34px; border-bottom:1px solid #0084fff; line-height:34px; margin:0 10px; color:#fff; background-color:#0084ff;}	
.fanye a:hover{ border-bottom:1px solid #0084fff; color:#0084fff;}		
}
@media only screen and (max-width:768px){
.sec{ width:100%; background-image:url(../image/d4.png); background-position:bottom center; background-repeat:no-repeat; background-size:100% auto;}
.hbox{ width:90%; margin:25px auto;}
.biaoti{ width:279px; text-align:center; background:url(../image/xx.png) no-repeat center 15px; margin:auto; overflow:hidden;}
.biaoti div{ font-size:20px; line-height:30px;}
.biaoti p{ font-size:14px; color:#959595; line-height:20px; text-transform:uppercase;}
.hbox .box{ width:100%; margin-top:10px; height:400px; position:relative;}
.hbox .box .gallery-top{ width:100%; height:360px; overflow:hidden; position:relative; z-index:0;}
.hbox .box .gallery-top .swiper-slide{ width:100%; height:100%; display:block; overflow:hidden;}
.hbox .box .gallery-top .swiper-slide img{ display:block; height:360px;}
.hbox .box .right{ width:70%; position:absolute; right:0; top:0; height:360px;}
.hbox .box .gallery-thumbs{ width:100%; position:relative; height:360px; z-index:0;}
.hbox .box .gallery-thumbs .swiper-wrapper{ -webkit-box-orient:vertical; -moz-box-orient:vertical; -ms-flex-direction:column; -webkit-flex-direction:column; flex-direction:column; z-index:1;}
.hbox .box .gallery-thumbs .swiper-slide{ padding-left:8%; width:92%; display:block; overflow:hidden; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.hbox .box .gallery-thumbs .swiper-slide.on{ padding-left:0; width:100%; background-color:rgba(0,132,255,0.7);}
.hbox .box .gallery-thumbs .swiper-slide a{ display:block; margin:0 5%; padding:10px 0; height:100%; box-sizing:border-box; overflow:hidden; border-bottom:1px solid #bfbfbf; background-color:rgba(255,255,255,0.7);}
.hbox .box .gallery-thumbs .swiper-slide.on a{ border-bottom:none; background-color:transparent;}
.hbox .box .gallery-thumbs .swiper-slide .sjjjj{ width:30%; text-align:center; float:left; font-size:14px; line-height:34px; color:#707070;}
.hbox .box .gallery-thumbs .swiper-slide .sjjjj div{ font-size:34px; border-bottom:1px solid #ddd; width:100%; margin:auto; line-height:54px;}
.hbox .box .gallery-thumbs .swiper-slide .xwnr1{ width:66%; float:right; font-size:16px; line-height:26px; height:52px; overflow:hidden;}
.hbox .box .gallery-thumbs .swiper-slide .xwnr2{ width:66%; float:right; font-size:14px; line-height:24px; height:48px; overflow:hidden; color:#666;}
.hbox .box .gallery-thumbs .swiper-slide.on *{ color:#fff;}
.hbox .box .swiper-button-next{ width:23px; position:absolute; right:0; bottom:0; height:22px; background-image:url(../image/more_03.jpg); cursor:pointer; z-index:99;}
.hbox .box .swiper-button-prev{ width:23px; position:absolute; right:0; margin-right:60px; bottom:0; height:22px; background-image:url(../image/more_03.jpg); cursor:pointer; -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); z-index:99;}

.nbox{ width:90%; margin:0 auto; margin-bottom:30px;}
.xw{ width:100%; margin:auto; padding:15px 0; overflow:hidden; margin-top:10px; background-color:#f0f0f0;-webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;}
.xw:hover{ background-color:#0084ff;}
.xw .xwtu{ width:29%; padding:0 3%; height:80px; overflow:hidden; float:left; border-right:1px solid #ddd; box-sizing:border-box;}
.xw .xwtu1 { width:100%; height:80px; position:relative; overflow:hidden;}
.xw .xwtu1 img{ height:100%; position:absolute !important; left:50%; transform:translate(-50%);}
.xw .xwnr{ width:40%; margin:0 3%; float:left;}
.xw .xwnr .xwnr1{ line-height:28px; font-size:18px; height:28px; overflow:hidden;}
.xw .xwnr .xwnr2{ line-height:24px; font-size:14px; height:24px; overflow:hidden; margin-bottom:4px;}
.xw .xwnr .xwnr3 { line-height:24px; height:24px; font-size:14px; text-align:right; padding-right:28px; background:no-repeat center right;}
.xw .sjjj{ width:25%; padding:5px 0; height:80px; overflow:hidden; float:left; border-left:1px solid #ddd; box-sizing:border-box; font-size:14px; line-height:34px; text-align:center; color:#707070;}
.xw .sjjj div{ width:60px; margin:auto; border-bottom:1px solid #ddd; font-size:26px; height:36px; line-height:36px;}
.xw:hover *{ color:#fff;}

.fanye{ width:100%; text-align:center; margin-top:15px;}
.fanye a{ display:inline-block; padding:0 10px; text-align:center; height:34px;border-bottom:1px solid #ddd; line-height:34px; margin:0 10px;}	
.fanye span{ display:inline-block; padding:0 10px; text-align:center; height:34px; border-bottom:1px solid #0084fff; line-height:34px; margin:0 10px; color:#fff; background-color:#0084ff;}	
.fanye a:hover{ border-bottom:1px solid #0084fff; color:#0084fff;}		
}

@media screen and (min-width:1280px){
.xwny{ width:1200px; margin:65px auto;}
.xwny1{ text-align:center; font-size:24px; line-height:34px;}
.xwny2{ font-size:22px; line-height:32px; color:#0084ff; text-align:center; margin:10px auto;}
.xwny3{ font-size:18px; line-height:32px; margin-top:30px;}
.xwny3 img{ max-width:100%; height:auto;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.xwny{ width:90%; margin:45px auto;}
.xwny1{ text-align:center; font-size:22px; line-height:32px;}
.xwny2{ font-size:20px; line-height:30px; color:#0084ff; text-align:center; margin:10px auto;}
.xwny3{ font-size:16px; line-height:26px; margin-top:20px;}
.xwny3 img{ max-width:100%; height:auto;}	
}
@media only screen and (max-width:768px){
.xwny{ width:90%; margin:25px auto;}
.xwny1{ text-align:center; font-size:18px; line-height:28px;}
.xwny2{ font-size:16px; line-height:26px; color:#0084ff; text-align:center; margin:10px auto;}
.xwny3{ font-size:14px; line-height:24px; margin-top:10px;}
.xwny3 img{ max-width:100%; height:auto;}		
}

/*招贤纳士*/
@media screen and (min-width:1280px){
.zbox{ width:1200px; margin:auto; margin-top:65px;}
.zbox .accordion{ width:100%; display:block;}
.zbox .accordion li{ display:block; overflow:hidden; background-color:#f5f5f5; padding:35px 40px; box-sizing:border-box; margin-top:30px;}
.zbox .accordion li .link{ width:100%; overflow:hidden;}
.zbox .accordion li .link .zhiwu{ width:1080px; float:left; overflow:hidden;}
.zbox .accordion li .link .zhiwu div{ overflow:hidden; font-size:18px; height:32px; line-height:32px; overflow:hidden; float:left; margin-bottom:5px; width:100%;}
.zbox .accordion li .link .zhiwu span{ display:block; float:left; width:300px; font-size:16px; line-height:26px; height:26px; overflow:hidden; color:#666;}
.zbox .accordion li .link .fa{ width:23px; height:23px; cursor:pointer; float:right; padding-top:5px; -webkit-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease;-webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg);}
.zbox .accordion li .link.cur .fa{ -webkit-transform:rotate(0); -ms-transform:rotate(0); -o-transform:rotate(0); transform:rotate(0);}
.zbox .submenu{ display:none; width:100%; border-top:1px solid #d2d2d2; padding-top:25px; margin-top:25px;}
.zbox .submenu .wen{ font-size:16px; line-height:26px; color:#666;}
.zbox .submenu .more{ width:260px; height:50px; background-color:#fff; line-height:50px; margin:auto; margin-top:30px; font-size:18px; text-align:center;}
.zbox .submenu .more a{ width:100%; display:block; color:#0084ff;}

.lbox{ width:1200px; margin:auto; padding-top:35px; padding-bottom:65px;}
.lbox .lx{ text-align:center; font-size:18px; margin-top:15px; line-height:26px;}
.lbox .lx img{ width:100%; display:block; margin-bottom:15px;  transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}
.lbox .lx img:hover{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.biaodan{ width:1200px; margin:auto; overflow:hidden; margin-top:25px;}
.biaodanz{ width:48%; float:left;}
.biaodany{ width:48%; float:right;}
.biaoge{ height:60px; padding:10px; box-sizing:border-box; border:1px solid #ddd; border-radius:5px; margin-bottom:25px;}
.biaoge div { float:left; font-size:17.5px; margin-top:3px; line-height:17px;}
.biaoge input{ float:left; width:70%; height:100%; border:none; font-size:18px; padding-left:10px; background:none; color:#666;}
.biaoge div span{ font-size:11px; text-transform:uppercase; color:#b5b5b5;}
.biaodany{ width:48%; float:right;}
.biaodany textarea{ width:100%; height:145px; border:1px solid #ddd; border-radius:5px; font-size:18px; text-indent:150px; line-height:24px; padding:10px; padding-top:23px; overflow:hidden;  margin-bottom:21px; box-sizing:border-box; color:#666;}
.lyd{ position:absolute; padding-top:9px; padding-left:9px; margin-left:1px; margin-top:1px; border-radius:5px 0 0 0; background-color:#fff;}
.lyd{ font-size:17.5px; line-height:17px;}
.lyd span{ font-size:11px; text-transform:uppercase; color:#b5b5b5;}
.tj{ height:60px; padding:10px; box-sizing:border-box; background-color:#66b5ff; border-radius:5px; display:block; text-align:center; line-height:40px; color:#fff; font-size:18px;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.zbox{ width:90%; margin:auto; margin-top:45px;}
.zbox .accordion{ width:100%; display:block;}
.zbox .accordion li{ display:block; overflow:hidden; background-color:#f5f5f5; padding:25px 30px; box-sizing:border-box; margin-top:20px;}
.zbox .accordion li .link{ width:100%; overflow:hidden;}
.zbox .accordion li .link .zhiwu{ width:90%; float:left; overflow:hidden;}
.zbox .accordion li .link .zhiwu div{ overflow:hidden; font-size:18px; height:28px; line-height:28px; overflow:hidden; float:left; margin-bottom:5px; width:100%;}
.zbox .accordion li .link .zhiwu span{ display:block; float:left; width:33.33%; font-size:16px; line-height:26px; height:26px; overflow:hidden; color:#666;}
.zbox .accordion li .link .fa{ width:23px; height:23px; cursor:pointer; float:right; padding-top:5px; -webkit-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease;
-webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg);}
.zbox .accordion li .link.cur .fa{ -webkit-transform:rotate(0); -ms-transform:rotate(0); -o-transform:rotate(0); transform:rotate(0);}
.zbox .submenu{ display:none; width:100%; border-top:1px solid #d2d2d2; padding-top:20px; margin-top:20px;}
.zbox .submenu .wen{ font-size:16px; line-height:26px; color:#666;}
.zbox .submenu .more{ width:230px; height:50px; background-color:#fff; line-height:50px; margin:auto; margin-top:30px; font-size:18px; text-align:center;}
.zbox .submenu .more a{ width:100%; display:block; color:#0084ff;}

.lbox{ width:90%; margin:auto; padding-top:45px; padding-bottom:40px;}
.lbox .lx{ text-align:center; font-size:16px; margin-top:10px; line-height:26px;}
.lbox .lx img{ width:100%; display:block; margin:5px auto; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}
.lbox .lx img:hover{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.biaodan{ width:100%; margin:auto; overflow:hidden; margin-top:20px;}
.biaodanz{ width:48%; float:left;}
.biaodany{ width:48%; float:right;}
.biaoge{ height:60px; padding:10px; box-sizing:border-box; border:1px solid #ddd; border-radius:5px; margin-bottom:25px;}
.biaoge div { float:left; font-size:17.5px; margin-top:3px; line-height:17px;}
.biaoge input{ float:left; width:70%; height:100%; border:none; font-size:18px; padding-left:10px; background:none; color:#666;}
.biaoge div span{ font-size:11px; text-transform:uppercase; color:#b5b5b5;}
.biaodany{ width:48%; float:right;}
.biaodany textarea{ width:100%; height:145px; border:1px solid #ddd; border-radius:5px; font-size:18px; text-indent:150px; line-height:24px; padding:10px; padding-top:23px; overflow:hidden;  margin-bottom:21px; box-sizing:border-box; color:#666;}
.lyd{ position:absolute; padding-top:9px; padding-left:9px; margin-left:1px; margin-top:1px; border-radius:5px 0 0 0; background-color:#fff;}
.lyd{ font-size:17.5px; line-height:17px;}
.lyd span{ font-size:11px; text-transform:uppercase; color:#b5b5b5;}
.tj{ height:60px; padding:10px; box-sizing:border-box; background-color:#66b5ff; border-radius:5px; display:block; text-align:center; line-height:40px; color:#fff; font-size:18px;}
}
@media only screen and (max-width:768px){
.zbox{ width:90%; margin:auto; margin-top:25px;}	
.zbox .accordion{ width:100%; display:block;}
.zbox .accordion li{ display:block; overflow:hidden; background-color:#f5f5f5; padding:15px 20px; box-sizing:border-box; margin-top:15px;}
.zbox .accordion li .link{ width:100%; overflow:hidden;}
.zbox .accordion li .link .zhiwu{ width:90%; float:left; overflow:hidden;}
.zbox .accordion li .link .zhiwu div{ overflow:hidden; font-size:16px; height:26px; line-height:26px; overflow:hidden; float:left; margin-bottom:5px; width:100%;}
.zbox .accordion li .link .zhiwu span{ display:block; float:left; width:33.33%; font-size:14px; line-height:24px; height:26px; overflow:hidden; color:#666;}
.zbox .accordion li .link .fa{ width:18px; height:18px; cursor:pointer; float:right; padding-top:5px; -webkit-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease; -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg);}
.zbox .accordion li .link .fa img{ width:100%; display:block;}
.zbox .accordion li .link.cur .fa{ -webkit-transform:rotate(0); -ms-transform:rotate(0); -o-transform:rotate(0); transform:rotate(0);}
.zbox .submenu{ display:none; width:100%; border-top:1px solid #d2d2d2; padding-top:15px; margin-top:15px;}
.zbox .submenu .wen{ font-size:14px; line-height:24px; color:#666;}
.zbox .submenu .more{ width:200px; height:40px; background-color:#fff; line-height:40px; margin:auto; margin-top:15px; font-size:14px; text-align:center;}
.zbox .submenu .more a{ width:100%; display:block; color:#0084ff;}

.lbox{ width:90%; margin:auto; padding-top:25px; padding-bottom:30px;}
.lbox .lx{ text-align:center; font-size:14px; margin-top:5px; line-height:24px;}
.lbox .lx img{ width:100%; display:block; margin-top:5px; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}
.lbox .lx img:hover{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.biaodan{ width:100%; margin:auto; overflow:hidden; margin-top:20px;}
.biaodanz{ width:100%; float:left;}
.biaodany{ width:100%; float:right;}
.biaoge{ height:60px; padding:10px; box-sizing:border-box; border:1px solid #ddd; border-radius:5px; margin-bottom:15px;}
.biaoge div { float:left; font-size:15px; margin-top:3px; line-height:17px;}
.biaoge input{ float:left; width:70%; height:100%; border:none; font-size:15px; padding-left:10px; background:none; color:#666;}
.biaoge div span{ font-size:11px; text-transform:uppercase; color:#b5b5b5;}
.biaodany{ width:100%; float:right;}
.biaodany textarea{ width:100%; height:145px; border:1px solid #ddd; border-radius:5px; font-size:15px; text-indent:150px; line-height:24px; padding:10px; padding-top:23px; overflow:hidden;  margin-bottom:21px; box-sizing:border-box; color:#666;}
.lyd{ position:absolute; padding-top:9px; padding-left:9px; margin-left:1px; margin-top:1px; border-radius:5px 0 0 0; background-color:#fff;}
.lyd{ font-size:15px; line-height:17px;}
.lyd span{ font-size:11px; text-transform:uppercase; color:#b5b5b5;}
.tj{ height:50px; padding:0 10px; box-sizing:border-box; background-color:#66b5ff; border-radius:5px; display:block; text-align:center; line-height:50px; color:#fff; font-size:15px;}
}

/*关于我们*/
.fbanner video{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; width:auto; height:auto; z-index:0; transform:translateX(-50%) translateY(-50%);}

/*关于我们*/
@media screen and (min-width:1280px){
.abox01{ width:100%; padding:65px 0; background-image:url(../image/yg.png); background-position:center; background-size:cover; margin-top:70px;}
.abox01 .yj{ width:1050px; text-align:center; margin:auto; overflow:hidden; line-height:36px; margin-top:30px; font-size:18px;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.abox01{ width:100%; padding:45px 0; background-image:url(../image/yg.png); background-position:center; background-size:cover; margin-top:50px;}
.abox01 .yj{ width:90%; text-align:center; margin:auto; overflow:hidden; line-height:30px; margin-top:15px; font-size:16px;}
}
@media only screen and (max-width:768px){
.abox01{ width:100%; padding:25px 0; background-image:url(../image/yg.png); background-position:center; background-size:cover; margin-top:30px;}
.abox01 .yj{ width:90%; text-align:center; margin:auto; overflow:hidden; line-height:24px; margin-top:10px; font-size:14px;}
}

@media screen and (min-width:1280px){
.abox02{ width:1200px; margin:65px auto;}
.slideTxtBox{ width:100%; margin:auto; margin-top:30px; position:relative;}
.csc{display:table;margin:auto;text-align:center;}
.csc div{float:left;width:1px;height:20px;background-color:#ddd;margin:0 50px;}
.csc li{font-size:20px;float:left;line-height:20px;padding-bottom:10px;}
.csc .on{ border-bottom:2px solid #0084FF;}
.ccc .bd {overflow:hidden;margin-top:40px;}
.abox02 .bd ul{ overflow:hidden;}
.lili li{ width:33.33%; float:left; display:block; margin-top:30px;}
.lh1{width:240px;border-radius:100%;overflow:hidden;margin:auto;height:240px;border:2px solid #246cdd;}	
.lh1 img{width:100%;-webkit-transition:-webkit-transform 1s,height 1s,width 1s;border-radius:100%;overflow:hidden;border:7px solid #fff;box-sizing:border-box;}
.lh1 img:hover{ -webkit-transform:rotateY(-360deg);}
.lh2{text-align:center;font-size:22px;line-height:32px;margin-top:15px;}
.lh3{text-align:center;color:#3476df;font-size:16px;line-height:26px;}
.lh4 p{	padding-left:20px;	margin-top:10px; width:85%; font-size:15px; line-height:24px; max-height:72px; overflow:hidden;}
.xsee{position:absolute;margin-left:-20px;margin-top:5px;}
.lhc{ width:100%; overflow:hidden; display:block; margin-top:30px;}
.tupian{width:60%;position:absolute;overflow:hidden;margin-left:15px;transition:.5s;float:left;transition:.5s;}
.tupian img {width:100%;}
.sekuai {width:60%;background-color:#a0a1b9;overflow:hidden;margin-top:15px;float:left;transition:.5s;}
.sekuai img {width:100%;opacity:0;}
.abox02 .bd ul:hover .sekuai{ margin-top:0; margin-bottom:15px; background-color:#0084FF}
.abox02 .bd ul:hover .tupian{ margin-top:15px;}
.abox02 .youjs{width: 34%; float: right;text-align: center;font-size: 18px;line-height: 28px;margin-top: 40px;}
.tg{margin: auto;display: block;}
.ht{ width:59px; position:relative; height:8px; border-radius:8px; margin: auto;display: block;}
.ht img{ width:100%; display:block;}
.ht b{ width:0; height:8px; display:block; background-color:#1bf28a;-webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; border-radius:8px; overflow:hidden; position:absolute; left:0; bottom:0;}
.abox02 .bd ul:hover:hover .ht b{ width:100%;}
.ner{margin: 20px auto;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.abox02{ width:90%; margin:45px auto;}
.slideTxtBox{ width:100%; margin:auto; margin-top:20px; position:relative;}
.csc{display:table;margin:auto;text-align:center;}
.csc div{float:left;width:1px;height:20px;background-color:#ddd;margin:0 30px;}
.csc li{font-size:20px;float:left;line-height:20px;padding-bottom:10px;}
.csc .on{ border-bottom:2px solid #0084FF;}
.ccc .bd {overflow:hidden;margin-top:40px;}
.abox02 .bd ul{ overflow:hidden;}
.lili li{ width:33.33%; float:left; display:block; margin-top:20px;}
.lh1{width:200px;border-radius:100%;overflow:hidden;margin:auto;height:200px;border:2px solid #246cdd;}	
.lh1 img{width:100%;-webkit-transition:-webkit-transform 1s,height 1s,width 1s;border-radius:100%;overflow:hidden;border:7px solid #fff;box-sizing:border-box;}
.lh1 img:hover{ -webkit-transform:rotateY(-360deg);}
.lh2{text-align:center;font-size:20px;line-height:30px;margin-top:10px;}
.lh3{text-align:center;color:#3476df;font-size:16px;line-height:26px;}
.lh4 p{	padding-left:20px;	margin-top:10px; width:85%; font-size:15px; line-height:24px; max-height:72px; overflow:hidden;}
.xsee{position:absolute;margin-left:-20px;margin-top:5px;}
.lhc{ width:100%; overflow:hidden; display:block; margin-top:30px;}
.tupian{width:60%;position:absolute;overflow:hidden;margin-left:15px;transition:.5s;float:left;transition:.5s;}
.tupian img {width:100%;}
.sekuai {width:60%;background-color:#a0a1b9;overflow:hidden;margin-top:15px;float:left;transition:.5s;}
.sekuai img {width:100%;opacity:0;}
.abox02 .bd ul:hover .sekuai{ margin-top:0; margin-bottom:15px; background-color:#0084FF}
.abox02 .bd ul:hover .tupian{ margin-top:15px;}
.abox02 .youjs{width: 34%; float: right;text-align: center;font-size: 18px;line-height: 28px;margin-top: 40px;}
.tg{margin: auto;display: block;}
.ht{ width:59px; position:relative; height:8px; border-radius:8px; margin: auto;display: block;}
.ht img{ width:100%; display:block;}
.ht b{ width:0; height:8px; display:block; background-color:#1bf28a;-webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; border-radius:8px; overflow:hidden; position:absolute; left:0; bottom:0;}
.abox02 .bd ul:hover:hover .ht b{ width:100%;}
.ner{margin: 20px auto;}
}
@media only screen and (max-width:768px){
.abox02{ width:90%; margin:25px auto;}
.slideTxtBox{ width:100%; margin:auto; margin-top:20px; position:relative;}
.csc{display:table;margin:auto;text-align:center;}
.csc div{float:left;width:1px;height:20px;background-color:#ddd;margin:0 10px;}
.csc li{font-size:16px;float:left;line-height:20px;padding-bottom:10px;}
.csc .on{ border-bottom:2px solid #0084FF;}
.ccc .bd {overflow:hidden;margin-top:40px;}
.abox02 .bd ul{ overflow:hidden;}
.lili{ padding-top:5px; display:block;}
.lili li{ width:100%; display:block; margin-top:10px; overflow:hidden;}
.lh1{width:56px; height:56px; float:left;border-radius:100%;overflow:hidden;margin:auto;border:2px solid #246cdd;}	
.lh1 img{width:100%;-webkit-transition:-webkit-transform 1s,height 1s,width 1s;border-radius:100%;overflow:hidden;border:7px solid #fff;box-sizing:border-box;}
.lh1 img:hover{ -webkit-transform:rotateY(-360deg);}
.lh2{text-align:center;font-size:20px;line-height:30px;}
.lh3{text-align:center;color:#3476df;font-size:16px;line-height:26px;}
.lh4 p{	padding-left:20px; width:100%; font-size:15px; line-height:24px; max-height:72px; overflow:hidden; box-sizing:border-box;}
.lili li .lh2,.lili li .lh3{ width:calc(100% - 70px); float:right; text-align:left;}
.lili li .lh4{ width:100%; float:left; margin-top:10px;}
.xsee{position:absolute;margin-left:-20px;margin-top:5px;}
.lhc{ width:100%; overflow:hidden; display:block; margin-top:20px;}
.tupian{width:90%;position:absolute;overflow:hidden;margin-left:10%;transition:.5s;float:left;transition:.5s;}
.tupian img {width:100%;}
.sekuai {width:100%;background-color:#a0a1b9;overflow:hidden;margin-top:15px;float:left;transition:.5s;}
.sekuai img {width:100%;opacity:0;}
.abox02 .bd ul:hover .sekuai{ margin-top:0; margin-bottom:15px; background-color:#0084FF}
.abox02 .bd ul:hover .tupian{ margin-top:15px;}
.abox02 .youjs{width:100%; float: right;text-align: center;font-size:14px;line-height: 24px;margin-top:15px;}
.tg{margin: auto;display: block; height:40px;}
.ht{ width:59px; position:relative; height:8px; border-radius:8px; margin: auto;display: block;}
.ht img{ width:100%; display:block;}
.ht b{ width:0; height:8px; display:block; background-color:#1bf28a;-webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; border-radius:8px; overflow:hidden; position:absolute; left:0; bottom:0;}
.abox02 .bd ul:hover:hover .ht b{ width:100%;}
.ner{margin:10px auto;}
}

/*@media screen and (min-width:1280px){
.abox03{ width:100%; padding-top:65px; padding-bottom:70px; background-image:url(../image/lx_02.jpg); background-position:center; background-size:100% auto; background-color:#f9f9f9; background-position:inherit;}
.abox03 .box{ width:100%; position:relative; height:56vh;}
.abox03 .box .line{ width:100%; height:100%; position:absolute; left:0; z-index:0; top:20%;}
.abox03 .box .line img{ width:100%; display:block; height:39%;}
.abox03 .box .yuandian1{ width:20px; height:20px; border-radius:100%; background-color:#fff; position:absolute; top:58%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:2; box-shadow:darkgrey 1px 0px 29px -4px;}
.abox03 .box .yuandian1 .sese{ width:10px; height:10px; border-radius:100%; background-color:#1bee88; margin:5px; display:none;}
.abox03 .box .wen{ width:100%; text-align:center; position:absolute; left:0;}
.abox03 .box .wen .zz1{ font-size:20px; line-height:30px; height:30px; overflow:hidden; color:#0084ff;}
.abox03 .box .wen .zz2{ font-size:20px; line-height:32px; height:32px; overflow:hidden;}
.abox03 .box .wen .zz3{ font-size:16px; line-height:26px; height:78px; overflow:hidden; display:none;}
.abox03 .box .yuandian2{ display:none; width:90%; position:absolute; left:5%;}
.abox03 .box .yuandian2 img{ width:100%; border:5px solid #fff; box-shadow:darkgrey 1px 0px 29px -4px; display:block; margin-top:-5px;}
.abox03 .box .yuandian2 img.jj{ width:50px; border:none; box-shadow:none; display: block; margin: auto;}
.abox03 .box .yuandian2 img.dj{ width:50px; border:none; box-shadow:none; display: block; margin: auto; margin-top:-5px;}

.abox03 .box .l01{ width:15.89%; height:56vh; position:relative; z-index:1; float:left; margin-left:7.5%;}
.abox03 .box .l01 .wen{ bottom:60%;}
.abox03 .box .l01 .yuandian2{ top:58%;}
.abox03 .box .l01:hover .wen .zz3{ display:block;}
.abox03 .box .l01:hover .yuandian2{ display:block;}
.abox03 .box .l01:hover .yuandian1 .sese{ display:block;}

.abox03 .box .l02{ width:15.89%; height:56vh; position:relative; z-index:1; float:left;}
.abox03 .box .l02 .wen{ top:45%;}
.abox03 .box .l02 .yuandian1{ top:31%;}
.abox03 .box .l02 .yuandian2{ bottom:70%;}
.abox03 .box .l02:hover .wen .zz3{ display:block;}
.abox03 .box .l02:hover .yuandian2{ display:block;}
.abox03 .box .l02:hover .yuandian1 .sese{ display:block;}

.abox03 .box .l03{ width:15.89%; height:56vh; position:relative; z-index:1; float:left;}
.abox03 .box .l03 .wen{ bottom:65%;}
.abox03 .box .l03 .yuandian1{ top:50%;}
.abox03 .box .l03 .yuandian2{ top:50%;}
.abox03 .box .l03:hover .wen .zz3{ display:block;}
.abox03 .box .l03:hover .yuandian2{ display:block;}
.abox03 .box .l03:hover .yuandian1 .sese{ display:block;}

.abox03 .box .l04{ width:15.89%; height:56vh; position:relative; z-index:1; float:left;}
.abox03 .box .l04 .wen{ top:35%;}
.abox03 .box .l04 .yuandian1{ top:21%;}
.abox03 .box .l04 .yuandian2{ bottom:80%;}
.abox03 .box .l04:hover .wen .zz3{ display:block;}
.abox03 .box .l04:hover .yuandian2{ display:block;}
.abox03 .box .l04:hover .yuandian1 .sese{ display:block;}

.abox03 .box .l05{ width:15.89%; height:56vh; position:relative; z-index:1; float:left; margin-left:2.9%;}
.abox03 .box .l05 .wen{ bottom:60%;}
.abox03 .box .l05 .yuandian1{ top:47%;}
.abox03 .box .l05 .yuandian2{ top:50%;}
.abox03 .box .l05:hover .wen .zz3{ display:block;}
.abox03 .box .l05:hover .yuandian2{ display:block;}
.abox03 .box .l05:hover .yuandian1 .sese{ display:block;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.abox03{ width:100%; padding-top:45px; padding-bottom:50px; background-image:url(../image/lx_02.jpg); background-position:center; background-size:cover; background-size:100% auto; background-color:#f9f9f9; background-position:inherit;}

.abox03 .box{ width:100%; position:relative; height:56vh;}
.abox03 .box .line{ width:100%; height:100%; position:absolute; left:0; z-index:0; top:20%;}
.abox03 .box .line img{ width:100%; display:block; height:39%;}
.abox03 .box .yuandian1{ width:20px; height:20px; border-radius:100%; background-color:#fff; position:absolute; top:58%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:2; box-shadow:darkgrey 1px 0px 29px -4px;}
.abox03 .box .yuandian1 .sese{ width:10px; height:10px; border-radius:100%; background-color:#1bee88; margin:5px; display:none;}
.abox03 .box .wen{ width:100%; text-align:center; position:absolute; left:0;}
.abox03 .box .wen .zz1{ font-size:16px; line-height:26px; height:26px; overflow:hidden; color:#0084ff;}
.abox03 .box .wen .zz2{ font-size:20px; line-height:30px; height:30px; overflow:hidden;}
.abox03 .box .wen .zz3{ font-size:14px; line-height:24px; height:72px; overflow:hidden; display:none;}
.abox03 .box .yuandian2{ display:none; width:100%; position:absolute; left:0;}
.abox03 .box .yuandian2 img{ width:100%; border:5px solid #fff; box-shadow:darkgrey 1px 0px 29px -4px; display:block; margin-top:-5px;}
.abox03 .box .yuandian2 img.jj{ width:50px; border:none; box-shadow:none; display: block; margin: auto;}
.abox03 .box .yuandian2 img.dj{ width:50px; border:none; box-shadow:none; display: block; margin: auto; margin-top:-5px;}

.abox03 .box .l01{ width:15.89%; height:56vh; position:relative; z-index:1; float:left; margin-left:7.5%;}
.abox03 .box .l01 .wen{ bottom:60%;}
.abox03 .box .l01 .yuandian2{ top:58%;}
.abox03 .box .l01:hover .wen .zz3{ display:block;}
.abox03 .box .l01:hover .yuandian2{ display:block;}
.abox03 .box .l01:hover .yuandian1 .sese{ display:block;}

.abox03 .box .l02{ width:15.89%; height:56vh; position:relative; z-index:1; float:left;}
.abox03 .box .l02 .wen{ top:45%;}
.abox03 .box .l02 .yuandian1{ top:31%;}
.abox03 .box .l02 .yuandian2{ bottom:70%;}
.abox03 .box .l02:hover .wen .zz3{ display:block;}
.abox03 .box .l02:hover .yuandian2{ display:block;}
.abox03 .box .l02:hover .yuandian1 .sese{ display:block;}

.abox03 .box .l03{ width:15.89%; height:56vh; position:relative; z-index:1; float:left;}
.abox03 .box .l03 .wen{ bottom:65%;}
.abox03 .box .l03 .yuandian1{ top:50%;}
.abox03 .box .l03 .yuandian2{ top:50%;}
.abox03 .box .l03:hover .wen .zz3{ display:block;}
.abox03 .box .l03:hover .yuandian2{ display:block;}
.abox03 .box .l03:hover .yuandian1 .sese{ display:block;}

.abox03 .box .l04{ width:15.89%; height:56vh; position:relative; z-index:1; float:left;}
.abox03 .box .l04 .wen{ top:35%;}
.abox03 .box .l04 .yuandian1{ top:21%;}
.abox03 .box .l04 .yuandian2{ bottom:80%;}
.abox03 .box .l04:hover .wen .zz3{ display:block;}
.abox03 .box .l04:hover .yuandian2{ display:block;}
.abox03 .box .l04:hover .yuandian1 .sese{ display:block;}

.abox03 .box .l05{ width:15.89%; height:56vh; position:relative; z-index:1; float:left; margin-left:2.9%;}
.abox03 .box .l05 .wen{ bottom:60%;}
.abox03 .box .l05 .yuandian1{ top:47%;}
.abox03 .box .l05 .yuandian2{ top:50%;}
.abox03 .box .l05:hover .wen .zz3{ display:block;}
.abox03 .box .l05:hover .yuandian2{ display:block;}
.abox03 .box .l05:hover .yuandian1 .sese{ display:block;}
}
@media only screen and (max-width:768px){
.abox03{ width:100%; padding-top:25px; padding-bottom:10px; background-image:url(../image/lx_02.jpg); background-position:center; background-size:cover;}
.abox03 .biaoti{ position:relative; z-index:0;}
.abox03 .wid{ width:100%; overflow:visible; overflow-x:auto; position:relative; z-index:222;}
.abox03 .box{ width:1200px; position:relative; height:56vh; overflow:visible; margin-top:15vh;}
.abox03 .box .line{ width:100%; height:100%; position:absolute; left:0; z-index:0; top:20%;}
.abox03 .box .line img{ width:100%; display:block; height:39%;}
.abox03 .box .yuandian1{ width:20px; height:20px; border-radius:100%; background-color:#fff; position:absolute; top:58%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:2; box-shadow:darkgrey 1px 0px 29px -4px;}
.abox03 .box .yuandian1 .sese{ width:10px; height:10px; border-radius:100%; background-color:#1bee88; margin:5px; display:none;}
.abox03 .box .wen{ width:100%; text-align:center; position:absolute; left:0;}
.abox03 .box .wen .zz1{ font-size:16px; line-height:26px; height:26px; overflow:hidden; color:#0084ff;}
.abox03 .box .wen .zz2{ font-size:18px; line-height:30px; height:30px; overflow:hidden;}
.abox03 .box .wen .zz3{ font-size:14px; line-height:24px; height:72px; overflow:hidden; display:none;}
.abox03 .box .yuandian2{ display:none; width:100%; position:absolute; left:0;}
.abox03 .box .yuandian2 img{ width:100%; border:5px solid #fff; box-shadow:darkgrey 1px 0px 29px -4px; display:block; margin-top:-5px;}
.abox03 .box .yuandian2 img.jj{ width:50px; border:none; box-shadow:none; display: block; margin: auto;}
.abox03 .box .yuandian2 img.dj{ width:50px; border:none; box-shadow:none; display: block; margin: auto; margin-top:-5px;}

.abox03 .box .l01{ width:15.89%; height:56vh; position:relative; z-index:1; float:left; margin-left:7.5%; overflow:visible;}
.abox03 .box .l01 .wen{ bottom:60%;}
.abox03 .box .l01 .yuandian2{ top:58%;}
.abox03 .box .l01:hover .wen .zz3{ display:block;}
.abox03 .box .l01:hover .yuandian2{ display:block;}
.abox03 .box .l01:hover .yuandian1 .sese{ display:block;}

.abox03 .box .l02{ width:15.89%; height:56vh; position:relative; z-index:1; float:left; overflow:visible;}
.abox03 .box .l02 .wen{ top:45%;}
.abox03 .box .l02 .yuandian1{ top:32%;}
.abox03 .box .l02 .yuandian2{ bottom:70%;}
.abox03 .box .l02:hover .wen .zz3{ display:block;}
.abox03 .box .l02:hover .yuandian2{ display:block;}
.abox03 .box .l02:hover .yuandian1 .sese{ display:block;}

.abox03 .box .l03{ width:15.89%; height:56vh; position:relative; z-index:1; float:left;}
.abox03 .box .l03 .wen{ bottom:65%;}
.abox03 .box .l03 .yuandian1{ top:47%;}
.abox03 .box .l03 .yuandian2{ top:50%;}
.abox03 .box .l03:hover .wen .zz3{ display:block;}
.abox03 .box .l03:hover .yuandian2{ display:block;}
.abox03 .box .l03:hover .yuandian1 .sese{ display:block;}

.abox03 .box .l04{ width:15.89%; height:56vh; position:relative; z-index:1; float:left;}
.abox03 .box .l04 .wen{ top:35%;}
.abox03 .box .l04 .yuandian1{ top:21%;}
.abox03 .box .l04 .yuandian2{ bottom:80%;}
.abox03 .box .l04:hover .wen .zz3{ display:block;}
.abox03 .box .l04:hover .yuandian2{ display:block;}
.abox03 .box .l04:hover .yuandian1 .sese{ display:block;}

.abox03 .box .l05{ width:15.89%; height:56vh; position:relative; z-index:1; float:left; margin-left:2.9%;}
.abox03 .box .l05 .wen{ bottom:60%;}
.abox03 .box .l05 .yuandian1{ top:47%;}
.abox03 .box .l05 .yuandian2{ top:50%;}
.abox03 .box .l05:hover .wen .zz3{ display:block;}
.abox03 .box .l05:hover .yuandian2{ display:block;}
.abox03 .box .l05:hover .yuandian1 .sese{ display:block;}
}*/
@media screen and (min-width:1280px){
.abox03{ width:100%; padding-top:65px; padding-bottom:120px; background-image:url(../image/lx_02.jpg); background-position:center; background-size:100% auto; background-color:#f9f9f9; background-position:inherit; overflow:hidden; position:relative;}
.abox03 .box{ height:460px; position:relative; z-index:0;}
.abox03 .swiper-button-prev{ width:10%; height:100%; position:absolute; left:0; top:0; z-index:9;}
.abox03 .swiper-button-next{ width:10%; height:100%; position:absolute; right:0; top:0; z-index:9;}
.abox03 .box .swiper-container{ width:100%; position:relative; height:460px; z-index:0;}
.abox03 .box .tempWrap{ width:100%; position:relative; height:460px; overflow:visible !important;}
.abox03 .swiper-wrapper{overflow:visible !important;}
.abox03 .box .swiper-container .swiper-slide{ width:20%; height:100%; position:relative; background-position:center; background-repeat:no-repeat; background-size:200% 158px; overflow:visible;}
.abox03 .box .swiper-container .swiper-slide.l02{ background-image:url(../image/yyy.png); background-position:right 55%;}
.abox03 .box .swiper-container .swiper-slide.l01{ background-image:url(../image/zzz.png); background-position:left 55%;}
.abox03 .box .yuandian1{ width:20px; height:20px; border-radius:100%; background-color:#fff; position:absolute; top:65%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:2; box-shadow:darkgrey 1px 0px 29px -4px;}
.abox03 .box .yuandian1 .sese{ width:10px; height:10px; border-radius:100%; background-color:#1bee88; margin:5px; display:none;}
.abox03 .box .wen{ width:80%; text-align:center; position:absolute; left:10%;}
.abox03 .box .wen .zz1{ font-size:20px; line-height:30px; height:30px; overflow:hidden; color:#0084ff;}
.abox03 .box .wen .zz2{ font-size:20px; line-height:32px; height:32px; overflow:hidden;}
.abox03 .box .wen .zz3{ font-size:16px; line-height:26px; overflow:hidden; display:none;}
.abox03 .box .yuandian2{ display:none; width:70%; position:absolute; left:15%;}
.abox03 .box .yuandian2 img{ width:100%; border:5px solid #fff; box-shadow:darkgrey 1px 0px 29px -4px; display:block; margin-top:-5px;}
.abox03 .box .yuandian2 img.jj{ width:50px; border:none; box-shadow:none; display: block; margin: auto;}
.abox03 .box .yuandian2 img.dj{ width:50px; border:none; box-shadow:none; display: block; margin: auto; margin-top:-5px;}

.abox03 .swiper-scrollbar{ width:20%; position:absolute; left:40%; bottom:-30px; height:6px; background-color:rgba(0,0,0,0.3); border-radius:6px; opacity:1 !important;}
.abox03 .swiper-scrollbar-drag{ height:6px; border-radius:6px; display:block; background-color:#1bee88; position:relative; left:0; bottom:0;}
.abox03 .box .swiper-container .swiper-slide.l02 .wen{ bottom:42%;}
.abox03 .box .swiper-container .swiper-slide.l02 .yuandian1{ top:68%;}
.abox03 .box .swiper-container .swiper-slide.l02 .yuandian2{ top:72%;}
.abox03 .box .swiper-container .swiper-slide.l02:hover .wen .zz3{ display:block;}
.abox03 .box .swiper-container .swiper-slide.l02:hover .yuandian2{ display:block;}
.abox03 .box .swiper-container .swiper-slide.l02:hover .yuandian1 .sese{ display:block;}

.abox03 .box .swiper-container .swiper-slide.l01 .wen{ top:48%;}
.abox03 .box .swiper-container .swiper-slide.l01 .yuandian1{ top:37%;}
.abox03 .box .swiper-container .swiper-slide.l01 .yuandian2{ bottom:65%;}
.abox03 .box .swiper-container .swiper-slide.l01:hover .wen .zz3{ display:block;}
.abox03 .box .swiper-container .swiper-slide.l01:hover .yuandian2{ display:block;}
.abox03 .box .swiper-container .swiper-slide.l01:hover .yuandian1 .sese{ display:block;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.abox03{ width:100%; padding-top:45px; padding-bottom:50px; background-image:url(../image/lx_02.jpg); background-position:center; background-size:cover; background-size:100% auto; background-color:#f9f9f9; background-position:inherit; overflow:hidden; position:relative;}
.abox03 .box{ height:400px; position:relative; z-index:0;}
.abox03 .swiper-button-prev{ width:10%; height:100%; position:absolute; left:0; top:0; z-index:9;}
.abox03 .swiper-button-next{ width:10%; height:100%; position:absolute; right:0; top:0; z-index:9;}
.abox03 .box .swiper-container{ width:100%; position:relative; height:400px; z-index:0;}
.abox03 .swiper-wrapper{overflow:visible !important;}
.abox03 .box .tempWrap{ width:100%; position:relative; height:400px; overflow:visible !important;}
.abox03 .box .swiper-container .swiper-slide{ width:25%; height:100%; position:relative; background-position:center; background-repeat:no-repeat; background-size:200% 158px; overflow:visible;}
.abox03 .box .swiper-container .swiper-slide.l02{ background-image:url(../image/yyy.png); background-position:right 55%;}
.abox03 .box .swiper-container .swiper-slide.l01{ background-image:url(../image/zzz.png); background-position: left 55%;}
.abox03 .box .yuandian1{ width:20px; height:20px; border-radius:100%; background-color:#fff; position:absolute; top:65%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:2; box-shadow:darkgrey 1px 0px 29px -4px;}
.abox03 .box .yuandian1 .sese{ width:10px; height:10px; border-radius:100%; background-color:#1bee88; margin:5px; display:none;}
.abox03 .box .wen{ width:80%; text-align:center; position:absolute; left:10%;}
.abox03 .box .wen .zz1{ font-size:20px; line-height:30px; height:30px; overflow:hidden; color:#0084ff;}
.abox03 .box .wen .zz2{ font-size:20px; line-height:32px; height:32px; overflow:hidden;}
.abox03 .box .wen .zz3{ font-size:16px; line-height:26px; overflow:hidden; display:none;}
.abox03 .box .yuandian2{ display:none; width:80%; position:absolute; left:10%;}
.abox03 .box .yuandian2 img{ width:100%; border:5px solid #fff; box-shadow:darkgrey 1px 0px 29px -4px; display:block; margin-top:-5px;}
.abox03 .box .yuandian2 img.jj{ width:50px; border:none; box-shadow:none; display: block; margin: auto;}
.abox03 .box .yuandian2 img.dj{ width:50px; border:none; box-shadow:none; display: block; margin: auto; margin-top:-5px;}

.abox03 .swiper-scrollbar{ width:20%; position:absolute; left:40%; bottom:-20px; height:6px; background-color:rgba(0,0,0,0.3); border-radius:6px; opacity:1 !important;}
.abox03 .swiper-scrollbar-drag{ height:6px; border-radius:6px; display:block; background-color:#1bee88; position:relative; left:0; bottom:0;}
.abox03 .box .swiper-container .swiper-slide.l02 .wen{ bottom:42%;}
.abox03 .box .swiper-container .swiper-slide.l02 .yuandian1{ top:70%;}
.abox03 .box .swiper-container .swiper-slide.l02 .yuandian2{ top:72%;}
.abox03 .box .swiper-container .swiper-slide.l02:hover .wen .zz3{ display:block;}
.abox03 .box .swiper-container .swiper-slide.l02:hover .yuandian2{ display:block;}
.abox03 .box .swiper-container .swiper-slide.l02:hover .yuandian1 .sese{ display:block;}

.abox03 .box .swiper-container .swiper-slide.l01 .wen{ top:48%;}
.abox03 .box .swiper-container .swiper-slide.l01 .yuandian1{ top:34%;}
.abox03 .box .swiper-container .swiper-slide.l01 .yuandian2{ bottom:66%;}
.abox03 .box .swiper-container .swiper-slide.l01:hover .wen .zz3{ display:block;}
.abox03 .box .swiper-container .swiper-slide.l01:hover .yuandian2{ display:block;}
}
@media only screen and (max-width:768px){
.abox03{ width:100%; padding-top:25px; padding-bottom:10px; background-image:url(../image/lx_02.jpg); background-position:center; background-size:cover;}
.abox03 .biaoti{ position:relative; z-index:0; overflow:hidden; position:relative;}
.abox03 .box{ height:400px; position:relative; z-index:0;}
.abox03 .swiper-button-prev{ width:10%; height:100%; position:absolute; left:0; top:0; z-index:9;}
.abox03 .swiper-button-next{ width:10%; height:100%; position:absolute; right:0; top:0; z-index:9;}
.abox03 .box .swiper-container{ width:100%; position:relative; height:400px; z-index:0;}
.abox03 .box .tempWrap{ width:100%; position:relative; height:400px; overflow:visible !important;}
.abox03 .swiper-wrapper{overflow:visible !important;}
.abox03 .box .swiper-container .swiper-slide{ width:50%; height:100%; position:relative; background-position:center; background-repeat:no-repeat; background-size:200% 158px; overflow:visible;}
.abox03 .box .swiper-container .swiper-slide.l02{ background-image:url(../image/yyy.png); background-position:right 55%;}
.abox03 .box .swiper-container .swiper-slide.l01{ background-image:url(../image/zzz.png); background-position: left 55%;}
.abox03 .box .yuandian1{ width:20px; height:20px; border-radius:100%; background-color:#fff; position:absolute; top:65%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:2; box-shadow:darkgrey 1px 0px 29px -4px;}
.abox03 .box .yuandian1 .sese{ width:10px; height:10px; border-radius:100%; background-color:#1bee88; margin:5px; display:none;}
.abox03 .box .wen{ width:80%; text-align:center; position:absolute; left:10%;}
.abox03 .box .wen .zz1{ font-size:14px; line-height:22px; height:22px; overflow:hidden; color:#0084ff;}
.abox03 .box .wen .zz2{ font-size:16px; line-height:26px; height:26px; overflow:hidden;}
.abox03 .box .wen .zz3{ font-size:14px; line-height:22px; overflow:hidden; display:none;}
.abox03 .box .yuandian2{ display:none; width:50%; position:absolute; left:25%;}
.abox03 .box .yuandian2 img{ width:100%; border:5px solid #fff; box-shadow:darkgrey 1px 0px 29px -4px; display:block; margin-top:-5px;}
.abox03 .box .yuandian2 img.jj{ width:50px; border:none; box-shadow:none; display: block; margin: auto;}
.abox03 .box .yuandian2 img.dj{ width:50px; border:none; box-shadow:none; display: block; margin: auto; margin-top:-5px;}

.abox03 .swiper-scrollbar{ width:40%; position:absolute; left:30%; bottom:0px; height:6px; background-color:rgba(0,0,0,0.3); border-radius:6px; opacity:1 !important;}
.abox03 .swiper-scrollbar-drag{ height:6px; border-radius:6px; display:block; background-color:#1bee88; position:relative; left:0; bottom:0;}
.abox03 .box .swiper-container .swiper-slide.l02 .wen{ bottom:42%;}
.abox03 .box .swiper-container .swiper-slide.l02 .yuandian1{ top:70%;}
.abox03 .box .swiper-container .swiper-slide.l02 .yuandian2{ top:72%;}
.abox03 .box .swiper-container .swiper-slide.l02:hover .wen .zz3{ display:block;}
.abox03 .box .swiper-container .swiper-slide.l02:hover .yuandian2{ display:block;}
.abox03 .box .swiper-container .swiper-slide.l02:hover .yuandian1 .sese{ display:block;}

.abox03 .box .swiper-container .swiper-slide.l01 .wen{ top:48%;}
.abox03 .box .swiper-container .swiper-slide.l01 .yuandian1{ top:35%;}
.abox03 .box .swiper-container .swiper-slide.l01 .yuandian2{ bottom:65%;}
.abox03 .box .swiper-container .swiper-slide.l01:hover .wen .zz3{ display:block;}
.abox03 .box .swiper-container .swiper-slide.l01:hover .yuandian2{ display:block;}
}

@media screen and (min-width:1280px){
.abox04{ width:1200px; margin:65px auto; margin-bottom:0;}
.abox04 .box{ width:1080px; overflow:hidden; margin:auto; padding:0 60px; position:relative; margin-top:30px;}
.abox04 .box .swiper-container{ width:100%; position:relative; overflow:hidden; z-index:0;}
.abox04 .box .swiper-button-prev{ width:20px; position:absolute; top:110px; left:0; z-index:33;}
.abox04 .box .swiper-button-next{ width:20px; position:absolute; top:110px; right:0; z-index:33;}
.abox04 .box img{ width:100%; display:block;}
.abox04 .box .swiper-slide{ display:block; overflow:hidden;}
.abox04 .box .swiper-slide .x1{ width:100%; height:260px; display:block; overflow:hidden;}
.abox04 .box .swiper-slide .x1 img{ transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}
.abox04 .box .swiper-slide:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.abox04 .box .swiper-slide .x2{ width:100%; height:56px; font-size:17px; line-height:28px; margin:10px 0; display:block; overflow:hidden;}
.abox04 .box .swiper-slide .x3{ width:80px; float:right; font-size:14px; line-height:24px; background-position:right center; background-repeat:no-repeat; display:block; overflow:hidden;}
.abox04 .box .swiper-slide:hover .x2{ color:#0084ff;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.abox04{ width:90%; margin:45px auto; margin-bottom:0;}
.abox04 .box{ width:100%; box-sizing:border-box; overflow:hidden; margin:auto; padding:0 60px; position:relative; margin-top:20px;}
.abox04 .box .swiper-container{ width:100%; position:relative; overflow:hidden; z-index:0;}
.abox04 .box .swiper-button-prev{ width:20px; position:absolute; top:110px; left:0; z-index:33;}
.abox04 .box .swiper-button-next{ width:20px; position:absolute; top:110px; right:0; z-index:33;}
.abox04 .box img{ width:100%; display:block;}
.abox04 .box .swiper-slide{ display:block; overflow:hidden;}
.abox04 .box .swiper-slide .x1{ width:100%; height:260px; display:block; overflow:hidden;}
.abox04 .box .swiper-slide .x1 img{ transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}
.abox04 .box .swiper-slide:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.abox04 .box .swiper-slide .x2{ width:100%; font-size:16px; height:52px; line-height:26px; margin:10px 0; display:block; overflow:hidden;}
.abox04 .box .swiper-slide .x3{ width:80px; float:right; font-size:14px; line-height:24px; background-position:right center; background-repeat:no-repeat; display:block; overflow:hidden;}
.abox04 .box .swiper-slide:hover .x2{ color:#0084ff;}
}
@media only screen and (max-width:768px){
.abox04{ width:90%; margin:25px auto; margin-bottom:0;}
.abox04 .box{ width:100%; box-sizing:border-box; overflow:hidden; margin:auto; padding:0 50px; position:relative; margin-top:10px;}
.abox04 .box .swiper-container{ width:100%; position:relative; overflow:hidden; z-index:0;}
.abox04 .box .swiper-button-prev{ width:20px; position:absolute; top:75px; left:0; z-index:33;}
.abox04 .box .swiper-button-next{ width:20px; position:absolute; top:75px; right:0; z-index:33;}
.abox04 .box img{ width:100%; display:block;}
.abox04 .box .swiper-slide{ display:block; overflow:hidden;}
.abox04 .box .swiper-slide .x1{ width:100%; height:190px; display:block; overflow:hidden;}
.abox04 .box .swiper-slide .x1 img{ transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}
.abox04 .box .swiper-slide:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.abox04 .box .swiper-slide .x2{ width:100%; font-size:14px; height:48px; line-height:24px; margin:10px 0; display:block; overflow:hidden;}
.abox04 .box .swiper-slide .x3{ width:80px; float:right; font-size:14px; line-height:24px; background-position:right center; background-repeat:no-repeat; display:block; overflow:hidden;}
.abox04 .box .swiper-slide:hover .x2{ color:#0084ff;}
}
/*弹出框*/
#btn1{ cursor: pointer;}
.xcConfirm .xc_layer{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #666666; opacity: 0.5; z-index: 2147000000;}
.xcConfirm .popBox{position: fixed; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); background-color: #ffffff; z-index: 2147000001; width: 90%; border-radius: 5px; font-weight: bold; color: #535e66; max-width:500px;}
.xcConfirm .popBox .ttBox{height: 1.5rem; line-height: 1.5rem; padding:15px 2%; border-bottom: solid 1px #eef0f1; position: relative; overflow: hidden;}
.xcConfirm .popBox .ttBox .tt{font-size: 1rem; display: block; float: left; text-align: center; height:1.5rem; line-height: 1.5rem; position: relative;}
.xcConfirm .popBox .ttBox .clsBtn{display: block; cursor: pointer; width: 12px; height: 12px; position: absolute; bottom: 0.5rem; right: 2%; background: url(404.png) -48px -96px no-repeat;}
.xcConfirm .popBox .txtBox{ width: 90%; padding:20px 2%; margin-left: 6%; overflow: hidden; text-align: center; height: 2rem; display: table; vertical-align: middle;}
.xcConfirm .popBox .txtBox .bigIcon{ display: table-cell; width:2rem; height:2rem; background-image: url(404.png); background-repeat: no-repeat; background-size: 2rem 2rem; background-position: left center;}
.xcConfirm .popBox .txtBox p{ font-size:1rem; padding-left: 3%; line-height: 2rem; height: 2rem; color: #0f8638; display:  table-cell; text-align: left;}
.xcConfirm .popBox .btnArea{ border-top: solid 1px #eef0f1;}
.xcConfirm .popBox .btnGroup .sgBtn{ margin:2% auto;}
.xcConfirm .popBox .sgBtn{display: block; cursor: pointer; width:30%; height:2rem; line-height: 2rem; text-align: center; color: #FFFFFF; border-radius: 5px; font-size: 0.875rem;}
.xcConfirm .popBox .sgBtn.ok{background-color: #0f8638; color: #FFFFFF;}

.box01 .dian{ margin-top:3%; width:120px; height:40px; line-height:40px; border:1px solid #333; border-radius:10px; text-align:center; font-size:16px; cursor:pointer;}
@media screen and (min-width:1280px){
.ship{ width:100%; height:100vh; background-color:rgba(0,0,0,0.7); position:fixed; left:0; top:0; top: 150vh; transition:all 0.5s; z-index:-1; opacity:0; display:none;}
.ship.cur{ opacity:1; top:0; z-index:99999; display:block;}
.ship .box{ width:1200px; height:490px; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:0;}
.ship video,.ship iframe{ width:100%; height:490px; background-color:#000;}
.ship .close{ width:40px; height:40px; line-height:40px; font-size:20px; text-align:center; background-color:#fff; border-radius:100%; position:absolute; right:25px; top:25px; overflow:hidden; cursor:pointer; z-index:33;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.ship{ width:100%; height:100vh; background-color:rgba(0,0,0,0.7); position:fixed; left:0; top:0; top: 150vh; transition:all 0.5s; z-index:-1; opacity:0; display:none;}
.ship.cur{ opacity:1; top:0; z-index:99999; display:block;}
.ship .box{ width:94%; background-color:#000; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:0;}
.ship video,.ship iframe{ width:100%; height:60vh; background-color:#000;}
.ship .close{ width:40px; height:40px; line-height:40px; font-size:20px; text-align:center; background-color:#fff; border-radius:100%; position:fixed; right:25px; top:25px; overflow:hidden; cursor:pointer; z-index:33;}
}
@media only screen and (max-width:768px){
.ship{ width:100%; height:100vh; background-color:rgba(0,0,0,0.7); position:fixed; left:0; top:0; top: 150vh; transition:all 0.5s; z-index:-1; opacity:0; display:none;}
.ship.cur{ opacity:1; top:0; z-index:99999; display:block;}
.ship .box{ width:94%; box-sizing:border-box; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:0;}
.ship video,.ship iframe{ width:100%; min-height:50vh; border:3px solid #fff; background-color:#000;}
.ship .close{ width:30px; height:30px; line-height:30px; font-size:14px; text-align:center; background-color:#fff; border-radius:100%; position:absolute; right:5px; top:5px; overflow:hidden; cursor:pointer; z-index:33;}
}