@charset "utf-8";
/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
select{outline: none;-moz-appearance: none;-webkit-appearance: none;appearance: none;}
input,textarea{overflow:auto;resize:none;font-family:"Microsoft YaHei",Arial;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
/* CSS Document */
body{padding:0; font-family:"Microsoft YaHei",Arial;}
html,body{font-size:16px;}
@media only screen and (max-width:1680px){
	html,body{font-size:14px;}
}
@media only screen and (max-width:1480px){
	html,body{font-size:12px;}
}
.margin{margin:0px auto;}
.hidden{overflow:hidden;}
.width1680{max-width:1680px; width:90%;}
.width1480{max-width:1480px; width:90%;}
.fl{ float: left; }
.fr{ float: right; }
img{max-width:100%; max-height:100%;vertical-align: middle;}
/* top_bg */
.top_bg{ width: 100%; position: fixed; top: 0px; z-index: 9999999; border-bottom: 1px solid #cccccc; background-color: #f5f5f5;}
.top_h_bg,.top_bg .width1680,.top_bg .width1680 a.logo,.top_bg .width1680 div.lm,.top_bg .width1680 a.so,.top_bg .width1680 div.gh{ height: 5.625rem; }
.top_bg .width1680 a.logo{display:flex;align-items:center; width: 15%; float: left;}
.top_bg .width1680 a.logo img{ max-height:3.75rem; }
.top_bg .width1680 div.lm{ float: right;font-size: 1rem; margin-right: 9.5%;}
.top_bg .width1680 div.lm a{ display: block; color: #000000;}
.top_bg .width1680 div.lm a:hover{ color: #0021df; }

.top_bg .width1680 div.lm div.c{ height: 5.625rem; float: left;}
.top_bg .width1680 div.lm div.c div.d{line-height: 5.625rem;}
.top_bg .width1680 div.lm div.c div.d a{ padding: 0px 2rem;}
.top_bg .width1680 div.lm div.c .bg{ position: absolute; background-color: #ffffff; padding:0px 1rem; line-height: 2; box-shadow:0px 8px 10px 0px rgba(0,0,0,0.14); opacity: 0;transition: all .5s ease; max-height: 0px; border-radius: 0.5rem; overflow: hidden;}
.top_bg .width1680 div.lm div.c.on .bg{ opacity: 1; padding:1rem; max-height: 200vh; transition: all .5s ease;}
.top_bg .width1680 div.lm div.c .bg div.t{ font-size: 1.125rem; }
.top_bg .width1680 div.lm div.c .bg div.f{ font-size: 1rem; padding-left: 1rem; }

.top_bg .width1680 a.so{ display: block; float: right; width: 2rem; background: url(../images/so.png) no-repeat scroll center; background-size: 1.5rem auto; transition: all .5s ease;}
.top_bg .width1680 a.so:hover{ background-image: url(../images/so2.png); transition: all .5s ease;}
.top_bg .width1680 div.gh{cursor: pointer; float: right; margin-left: 2%; width: 2.5rem; position: relative;}
.top_bg .width1680 div.gh i{ position:absolute; background-color:#000000; height:2px; right: 0px; transition:all .5s ease;}
.top_bg .width1680 div.gh i.t{ width:2rem; top:2.25rem;}
.top_bg .width1680 div.gh i.c{ width:1.25rem; top:2.75rem; left: 1.25rem;}
.top_bg .width1680 div.gh i.f{ width:2rem; top:3.25rem;}
.top_bg.selected .width1680 .gh i{transition:all .5s ease; left:0.25rem;}
.top_bg.selected .width1680 .gh i.t{ width:2rem;transform: rotate(45deg); top:50%;}
.top_bg.selected .width1680 .gh i.c{ display:none;}
.top_bg.selected .width1680 .gh i.f{ width:2rem;transform: rotate(135deg); top:50%;}

/*sj_lm*/
.sj_lm,.sj_bg{ display: none; }

/*pc_lm_bg*/
.pc_lm_bg{ position: fixed; top: 5.625rem; height:0vh; overflow: hidden; opacity: 0; width: 100%; background-color: #0021df;z-index: 9999999; display:flex;align-items:center;transition: all 1s ease;}
.pc_lm_bg.selected{height:90vh; opacity: 1; overflow: hidden;transition: all 1s ease;}
.pc_lm_bg .width1680{ position: relative;}
.pc_lm_bg .width1680 i.bg{  position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background: url(../images/bj_logo.png) no-repeat scroll center center;mix-blend-mode: multiply; background-size: auto 100%; z-index: 0;}
.pc_lm_bg .width1680 ul,.pc_lm_bg .width1680 ul li{ overflow: hidden; }
.pc_lm_bg .width1680 ul{ max-width: 1366px; margin:0px auto; position: relative; z-index: 2;}
.pc_lm_bg .width1680 ul li{ margin:3vh 0px; }
.pc_lm_bg .width1680 ul li div{ overflow: hidden; }
.pc_lm_bg .width1680 ul li div a{ display: block; color: #ffffff; }
.pc_lm_bg .width1680 ul li div.d{ width: 50%; background-repeat:no-repeat; background-position:left center; background-size:1% auto; transition: all 1s ease;}
.pc_lm_bg .width1680 ul li:hover div.d{ background-image: url(../images/pc_lm_bg.png); background-size:18% auto; transition: all 1s ease;}
.pc_lm_bg .width1680 ul li div.d a{ font-size: 3rem; font-weight: bold; transition: all 1s ease; }
.pc_lm_bg .width1680 ul li:hover div.d a{ padding-left: 22%; transition: all 1s ease;}
.pc_lm_bg .width1680 ul li div.bg{ position: absolute;right: 0px; top: 0px; line-height: 2; opacity: 0;transition: all .5s ease; height: 50vh;overflow-x: hidden;overflow-y: auto; padding-right:1rem; width: 0px;}
.pc_lm_bg .width1680 ul li div.bg::-webkit-scrollbar {width:4px;}
.pc_lm_bg .width1680 ul li div.bg::-webkit-scrollbar-track {background-color: #ffffff;}
.pc_lm_bg .width1680 ul li div.bg::-webkit-scrollbar-thumb {background-color: #000000;}
.pc_lm_bg .width1680 ul li div.bg::-webkit-scrollbar-thumb:hover {background-color: #000000;}
.pc_lm_bg .width1680 ul li div.bg::-webkit-scrollbar-thumb:active{background-color:#ffffff;}

.pc_lm_bg .width1680 ul li:hover div.bg{ opacity: 1; width: 40%; transition: all .5s ease; }
.pc_lm_bg .width1680 ul li div.bg div.t{ font-size:1.5rem; }
.pc_lm_bg .width1680 ul li div.bg div.f{ font-size: 1rem; padding-left: 1rem;}

/*i_about*/
.i_about{ padding: 2.5rem 0px 5rem; background:url(../images/bj_logo.png) no-repeat scroll center; background-size: auto 38.125rem; min-height: 42.5rem; position: relative; z-index: 22;}
.i_about .tit{ margin-bottom:1.25rem; overflow: hidden;}
.i_about .tit dl{ float: right; font-size: 1rem; line-height: 2.25rem; }
.i_about .con{ overflow: hidden; position: relative; }
.i_about .con div.l{width: 56.5%; position: absolute; z-index: 8; left: 0px; top: 0px;}
.i_about .con div.l ol{ font-size: 1.5rem; margin-bottom: 1.5rem;}
.i_about .con div.l dd{ font-size: 4.5rem; color: #0021df; font-weight: bold;text-transform: uppercase; }
.i_about .con div.l dl{ font-size: 2.8rem; color: #333333; line-height:4.5rem; }

.i_about #wrapper{width:41%; float: right; max-width: 680px; padding-left: 59%; position: relative; padding-bottom:6rem;}
.i_about #wrapper #picSlideWrap{ }
.i_about #wrapper #picSlideWrap .imgnav{ margin-top: -18px;}
.i_about #wrapper #picSlideWrap .imgnav #img{ z-index:10;position:relative; text-align:center;}
.i_about #wrapper #picSlideWrap .imgnav #img div.c{ text-shadow: 2px 2px 6px #0021df;  overflow: hidden; display: none; position: relative; border-radius:1.5rem;}
.i_about #wrapper #picSlideWrap .imgnav #img div.c .bg{position: absolute; bottom: 2rem; width: 100%;  text-align: right; color: #ffffff;}
.i_about #wrapper #picSlideWrap .imgnav #img div.c .bg dl{ position: relative; padding-right:17%;}
.i_about #wrapper #picSlideWrap .imgnav #img div.c .bg dl b{ font-size: 3rem; }
.i_about #wrapper #picSlideWrap .imgnav #img div.c .bg dl span{ font-size: 1.125rem; opacity: 0;}
.i_about #wrapper #picSlideWrap .imgnav #img div.c .bg dl i{ position: absolute; height: 1px; background-color: #ffffff; bottom: 1rem; width:13%; right: 0px; }
.i_about #wrapper #picSlideWrap .imgnav #img div.c .bg dd{ font-size: 1.5rem; font-weight:bold; padding-right: 7%; }

.i_about #wrapper #picSlideWrap .imgnav div.x{text-shadow: 1px 1px 2px #0021df; position: absolute; padding-right:17%; font-size: 1.125rem; left: 0px; right: 0px; bottom: 4rem; text-align: right; color: #ffffff; z-index: 99; height: 1.5rem; overflow: hidden; display: block !important;}
.i_about #wrapper #picSlideWrap .imgnav div.x span{ position: absolute; bottom: 0px; right: 17%; }
.i_about #wrapper #picSlideWrap .imgnav div.x span b{ font-weight: 400; display: block; }
.i_about #wrapper #picSlideWrap .imgnav div.x i{text-shadow: 1px 1px 2px #0021df;  position: absolute; height: 2px; background-color:  #ffffff; bottom: 0.5rem; width:13%; right: 0px; }

.i_about #wrapper #picSlideWrap .imgnav #cbtn{ position: absolute; left: 0px; width: 56.5%; bottom: 0px; max-width: 900px;}
.i_about #wrapper #picSlideWrap .imgnav #cSlideUl,.i_about #wrapper #picSlideWrap .imgnav #cSlideUl ul{height:12rem;}
.i_about #wrapper #picSlideWrap .imgnav #cSlideUl{overflow:hidden; position:relative;}
.i_about #wrapper #picSlideWrap .imgnav #cSlideUl ul{ width:9999999999999999%;position: relative;}
.i_about #wrapper #picSlideWrap .imgnav #cSlideUl ul li{ float: left; width:29rem; height: 9rem; color: #333333; text-align: left; padding-top: 3rem;}
/*.i_about #wrapper #picSlideWrap .imgnav #cSlideUl ul li.hov{ color: #0021df;}*/
.i_about #wrapper #picSlideWrap .imgnav #cSlideUl ul li:hover{ color: #0021df;}
.i_about #wrapper #picSlideWrap .imgnav #cSlideUl ul li dd,.i_about #wrapper #picSlideWrap .imgnav #cSlideUl ul li dl{ width: 92%; }
.i_about #wrapper #picSlideWrap .imgnav #cSlideUl ul li dd{ font-size: 1.125rem; font-weight:bold; margin-bottom:1rem;}
.i_about #wrapper #picSlideWrap .imgnav #cSlideUl ul li dl{font-size: 1rem; line-height: 1.5rem; height: 4.5rem; overflow: hidden;}

.i_about #cbtn .qh{position: absolute; width:29rem; background-repeat: no-repeat; background-position: left top; background-size: auto 1.5rem; top: 0px; bottom: 0px; z-index: 2; cursor: pointer;transition: all 1s ease;}
.i_about #cbtn .qh:hover{transition: all 1s ease;}
.i_about #cbtn .picSildeLeft{ background-image: url(../images/fx_l.png); left: 0px; }
.i_about #cbtn .picSildeRight{ background-image: url(../images/fx_r.png); left: 29rem;}
.i_about #cbtn .picSildeLeft:hover{ background-image: url(../images/fx_l2.png);}
.i_about #cbtn .picSildeRight:hover{ background-image: url(../images/fx_r2.png);}
.i_about #cbtn .bg{ position: absolute; width: 100%; z-index: 5; height:9rem; bottom: 0px; }

.i_about .con .sj_ban{ display: none; }

/*i_bg*/
.i_bg{ overflow: hidden; background-color: #f5f5f5; width: 100%; position: relative;}

/*i_kh*/
.i_kh{ padding: 6rem 0px;background:url(../images/bj_logo.png) no-repeat scroll right center; background-size: auto 38.125rem; min-height: 42.5rem; }
.i_kh div{ overflow: hidden; }
.i_kh div.t{ margin-bottom:4rem; }
.i_kh div.t div{ max-width: 840px; }
.i_kh div.t div dd{ font-size: 4.5rem; font-weight: bold; color: #333333; }
.i_kh div.t div dl{ font-size:2.8rem; color: #333333; line-height: 4.5rem; margin-top: 2.5rem;}
.i_kh div.f{ text-align: right; overflow: hidden; }
.i_kh div.f img{ margin-left: 1.5rem; max-height:6.875rem; }

/*i_bz*/
.i_bz{/* background: url(../images/i_bt.png) no-repeat scroll center bottom #f7f7f7; background-size: auto 12.0625rem; */ background-color:#f7f7f7; }
.i_bz .width1680{ /*padding-bottom:12.5rem;*/ padding-bottom: 1px;}
.i_bz .width1680 div.l{ float: left; width: 47%; font-size: 4.5rem; color: #0021df; font-weight: bold; }
.i_bz .width1680 div.r{ overflow: hidden; float: right; width: 49%; padding-top:8.75rem; margin-bottom: 2rem;}
.i_bz .width1680 div.r p{ border-bottom: 1px solid #000000; padding: 1rem 0px; font-size: 1.5rem; line-height: 2.25rem; }

.i_bz .g2 ul li img{ width: auto !important; }

/*foot_bg*/
.foot_bg{ width: 100%; overflow: hidden;background-image: linear-gradient(to right, #083582, #0124d0); padding-top: 5rem;}
.foot_bg .width1680{}
.foot_bg .width1680 div{ overflow: hidden; }
.foot_bg .width1680 div.t{ min-height: 42.5rem; position: relative;}
.foot_bg .width1680 div.t i.bg{ position: absolute; left: 0px; right: 0px; bottom: 0px; top: 0px;background: url(../images/bj_logo.png) no-repeat scroll right center;background-size: auto 38.125rem; mix-blend-mode: multiply; z-index:0;}
.foot_bg .width1680 div.t div.yx{ font-size: 4.5rem; position: relative; z-index: 2;}
.foot_bg .width1680 div.t div.yx span{ color: #ffffff; padding-right: 8.75rem; background:url(../images/foot_yx.png) no-repeat scroll right center; background-size: auto 3.75rem; line-height: 3.75rem;}
.foot_bg .width1680 div.t div.yx span a{color: #ffffff;}
.foot_bg .width1680 div.t div.con{ position: relative; z-index: 2; padding: 8.75rem 0px; color: #ffffff; overflow: hidden;}
.foot_bg .width1680 div.t div.con a{color: #ffffff;}
.foot_bg .width1680 div.t div.con a:hover{ opacity: 0.5; }
.foot_bg .width1680 div.t div.con div.l{ float: left; width: 38%;}
.foot_bg .width1680 div.t div.con div.l dd{ font-size: 3rem; font-weight: bold; margin-bottom: 1rem; }
.foot_bg .width1680 div.t div.con div.l dl{ font-size: 1.5rem; line-height: 3rem;}
.foot_bg .width1680 div.t div.con ul.r,.foot_bg .width1680 div.t div.con ul.r li{ overflow: hidden; }
.foot_bg .width1680 div.t div.con ul.r{ float: right; width: 60%; padding-top:2rem;}
.foot_bg .width1680 div.t div.con ul.r li{ width: 50%; float: left; }
.foot_bg .width1680 div.t div.con ul.r li dd{ font-size: 2rem; font:bold }
/*.foot_bg .width1680 div.t div.con ul.r li dd a{ color: #ffffff; opacity: 0.5;}
.foot_bg .width1680 div.t div.con ul.r li dd a:hover{ opacity: 1; }*/
.foot_bg .width1680 div.t div.con ul.r li dl{ margin-top:1.5rem; }
.foot_bg .width1680 div.t div.con ul.r li dl a{ display: block; font-size: 1.2rem; line-height: 2.4rem; }

.foot_bg div.f{ border-top: 1px solid rgba(255,255,255,0.1); padding: 1rem 0px;}
.foot_bg div.f dl{ font-size: 1.125rem; color: rgb(255,255,255,0.5); overflow: hidden;}
.foot_bg div.f dl.l{ float: left; }
.foot_bg div.f dl.r{ float: right; }
.foot_bg div.f dl.r span{ display:block; float: left; }
.foot_bg div.f dl.r a{ display: block; float: left; height: 1.5rem; background-size: auto 100%; background-repeat: no-repeat; background-position: center; opacity: 0.5;transition: all .5s ease; margin-left:0.75rem;}
.foot_bg div.f dl.r a:hover{ opacity: 1;transition: all .5s ease;}
.foot_bg div.f dl.r a.fx1{ background-image: url(../images/foot_fx1.png); width: 1.8125rem;}
.foot_bg div.f dl.r a.fx2{ background-image: url(../images/foot_fx2.png); width: 2.25rem;}
.foot_bg div.f dl.r a.fx3{ background-image: url(../images/foot_fx3.png); width: 1.5rem;}
.foot_bg div.f dl.r a.fx4{ background-image: url(../images/foot_fx4.png); width: 1.5rem;}
.foot_bg div.f dl.r a.fx5{ background-image: url(../images/foot_fx5.png); width: 2.125rem;}

/*动画效果*/
#i1,#i2,#i3,#i4,#i5,#i6,#i7,#i8,#i9{position:relative; padding-top: 80vh; margin-top:-80vh;}
#i1{ z-index:9;}
#i2{ z-index:8;}
#i3{ z-index:7;}
#i4{ z-index:6;}
#i5{ z-index:5;}
#i6{ z-index:4;}
#i7{ z-index:3;}
#i8{ z-index:2;}
#i9{ z-index:1;}

#i1 .i_kh div.t div{ opacity: 0; margin-left: -30%; }
#i1.on .i_kh div.t div{ opacity:1; margin-left:0%; transition: all 1s ease;}
#i1 .i_kh div.f{ opacity: 0; margin-right: -30%; }
#i1.on .i_kh div.f{ opacity:1; margin-right:0%; transition: all 1s ease;}

#i2 .i_bz .width1680 div.l{ opacity: 0; margin-left: -30%; }
#i2.on .i_bz .width1680 div.l{ opacity:1; margin-left:0%; transition: all 1s ease;}

#i2 .i_bz .width1680 div.r{ opacity: 0; margin-right: -30%; }
#i2.on .i_bz .width1680 div.r{ opacity:1; margin-right:0%; transition: all 1s ease;}

/*ny_bg*/
.ny_bg{ width: 100%; min-height: 150vh; position: relative; }
.ny_left{ position: absolute; width: 200px; padding:1rem 20px; z-index: 3; top: 0px; left: 0px; bottom: 0px; background-color: #ffffff; }
.ny_left a.logo{ text-align: center; height: 3.75rem; display: block;}
.ny_left .home{ margin-top:2rem; height: 2.5rem; background-color: #eeeeee; border-radius: 0.5rem; }
.ny_left .home a{ background-position: center; background-repeat: no-repeat; margin-top:0.5rem; width: 1.5rem; height: 1.5rem; display: block; background-size: auto 1.125rem; transition: all .5s ease;}
.ny_left .home a:hover{transition: all .5s ease;}
.ny_left .home a.sy{ background-image: url(../images/home.png); float: left; margin-left:0.75rem;}
.ny_left .home a.so{ background-image: url(../images/so.png); float: right; width:94%; margin-right:6%; background-position: right center}
.ny_left .home a.so:hover{ background-image: url(../images/so2.png);}
.ny_left .lm{ overflow: hidden; }
.ny_left .lm a{ display: block; margin-top: 1.25rem; height: 2.5rem; line-height: 2.5rem; background-size:1.0625rem; background-position: 0.75rem center; background-repeat: no-repeat; font-size: 1rem; color: #333333; padding-left: 2.5rem; border-radius: 0.5rem;transition: all .5s ease;}
.ny_left .lm a:hover{ background-color: #eeeeee;transition: all .5s ease;}
.ny_left div.ms{ position: absolute; bottom: 0px; font-size: 1rem; color: #333333; line-height: 1.5rem; padding-bottom:50vh; }
/*.ny_left div.ms i{ position: absolute; right: 0px; bottom: 0px; height: 48vh; width: 1px; background-color: #eeeeee; }*/
.xxzx_bg{ position: absolute; top: 0px; bottom: 0px; left: 240px; border-left: 1px solid #eeeeee; background-color: #ffffff;width:0;transition: all 0.5s ease; overflow: hidden;z-index: 4;}
.xxzx_bg.on{ width: 33%;padding:0px 2.4%;transition: all 1s ease;}
.xxzx_bg a.gb{ position: absolute; width: 1.5rem; height: 1.5rem; background: url(../images/gb.png) no-repeat scroll center; background-size: 100%; top: 1.25rem; right: 1.5rem; z-index: 9;transition: all 1s ease;}
.xxzx_bg a.gb:hover{ background-image: url(../images/gb2.png);transition: all 1s ease;}
.xxzx_bg div.bg{ position: relative; z-index: 2; margin-top: 6rem;}
.xxzx_bg div.bg .n{ font-size: 2.25rem; color: #333333; font-weight: bold; }
.xxzx_bg div.bg ul,.xxzx_bg div.bg ul li{ overflow: hidden; }
.xxzx_bg div.bg ul{ margin-top: 1.5rem; }
.xxzx_bg div.bg ul li{ margin-bottom: 1rem; }
.xxzx_bg div.bg ul li div{ overflow: hidden; }
.xxzx_bg div.bg ul li div a{ display: block; font-size: 1rem; line-height: 2; }
.xxzx_bg div.bg ul li div.t{}
.xxzx_bg div.bg ul li div.t a{ color: #333333; }
.xxzx_bg div.bg ul li div.t a:hover{ color: #083582; }
.xxzx_bg div.bg ul li div.f{}
.xxzx_bg div.bg ul li div.f a{ color: #666666;}
.xxzx_bg div.bg ul li div.f a:hover{ color: #44669f; }
.xxzx_bg div.bg ul li div.f div{padding-left: 0.5rem; margin-top: 1rem;}
/*.xxzx_bg div.bg ul li div.f div dd{}
.xxzx_bg div.bg ul li div.f div dl{ padding-left: 0.5rem; }*/

.xxzx_bg i.bg{ position: absolute; top: 0px; height: 100vh; left: 3rem; right: 3rem; background: url(../images/xxzx_bg.png) no-repeat scroll center; background-size: 100% auto; z-index: 0;}

.z_bg{ position: absolute; background-color: rgb(0,0,0,0.5); right: 0px; bottom: 0px; top: 0px; left: 0px; z-index:-999; opacity: 0;transition: all .5s ease; }
.z_bg.on{ opacity: 1; z-index:2; transition: all .5s ease;}

.ny_right{ padding-left: 240px; position: relative; z-index: 0; padding-top: 4.5rem;}
.ny_right .tit,.ny_right .tit span,.ny_right .tit a{ line-height:1.5rem;}
.ny_right .tit{ background-color: #0021df; padding:1.5rem 0px; position: fixed; top: 0px; right: 0px; left: 240px; z-index: 9;}
.ny_right .tit span,.ny_right .tit a{ display: block; color: #ffffff; font-size: 1rem; margin-left: 4rem; padding-left: 3.75rem; background:url(../images/fx_l3.png) no-repeat scroll left center; background-size: auto 1.25rem;}

.ny_right .width1480{ min-height: 42.5rem;}

/*feye*/
.feye{ text-align: center; height: 3rem; }
.feye i{ display: none; }
.feye a,.feye span{display:inline-block; font-size:1.125rem; color:#333333; margin:0px 0.5rem; border-radius:3rem; line-height:2.25rem; padding:0px 0.875rem;}
.feye a{ border:1px solid #eeeeee;}
.feye a:hover,.feye span{ border:1px solid #0021df;}

/*Products*/
.photo_ms{ padding:1.25rem 0px; overflow: hidden;}
.photo_ms dl{ float: right; font-size: 1rem; line-height: 2.25rem; }
.photo_tit{font-size: 2.5rem; color: #ffffff; height: 5rem; line-height: 5rem; text-align: center; background-image: linear-gradient(to right, #0021df,#112ddb,#0d3b8b, #093a82);}

.photo_list{ padding: 4rem 0px 2rem; overflow: hidden;}
.photo_list div.bg{ margin-bottom:4rem; overflow: hidden;}
.photo_list div.bg.l1{ position: relative; z-index: 22; }
.photo_list div.bg div{ overflow: hidden; }
.photo_list div.bg div.l{ float: left; font-size:1rem; margin-top: 1.5rem; color: #0021df; border-top:1px solid #333333; padding-top: 0.5rem; width: 15%; max-width: 205px;}
.photo_list div.bg div.r{ float: right; width: 83%;}
.photo_list div.bg div.r div.n{ font-weight:bold; font-size: 4.5rem; color: #333333; }
.photo_list div.bg div.r div.m{ margin-top: 2rem; color: #333333; line-height: 2.5rem;}
.photo_list div.bg.l1 div.r div.m{font-size: 1.5rem;}
.photo_list div.bg.l1 div.r div.m dl{ max-width: 775px; }
.photo_list div.bg.l1 div.r div.f{ margin-top: 4.5rem;font-size: 1.5rem; line-height: 2.5rem; }
.photo_list div.bg.l1 div.r div.f dl{ float: right; max-width: 960px; text-align: center; }

.photo_list div.bg.l2 div.r div.m{font-size: 1.5rem;}
.photo_list div.bg.l2 div.r div.sp{ margin-top: 5rem; }
.photo_list div.bg.l2 div.r div.sp dl{ float: right; max-width: 680px; position: relative; border-radius: 0.5rem; overflow: hidden;}
.photo_list div.bg.l2 div.r div.sp dl a{ position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index:2; background: url(../images/cp_bf.png) no-repeat scroll center; background-size: 3.75rem; }

.photo_list div.bg.l3 div.r div.m dl{ font-size: 1.5rem; margin-bottom:1.5rem; }
.photo_list div.bg.l3 div.r div.m ol{ font-size: 1rem; max-width: 800px; }
.photo_list div.bg.l3 div.r div.m{ font-size: 1rem;}
.photo_list div.bg.l3 div.r div.m strong{ font-size: 1.5rem; font-weight: 400;}

.photo_list div.bg div.r ul,.photo_list div.bg div.r ul li{ overflow: hidden; }
.photo_list div.bg div.r ul{ background: url(../images/x.jpg) repeat-y scroll center top; margin-top: 3.75rem; }
.photo_list div.bg div.r ul li{ width: 48.5%; border-top: 1px solid #000000; border-bottom: 1px solid #000000; padding: 1.25rem 0px; }
.photo_list div.bg div.r ul li.l{ float: left; }
.photo_list div.bg div.r ul li.r{ float: right; }
.photo_list div.bg div.r ul li dd{ font-size: 2.25rem; color: #333333; }
.photo_list div.bg div.r ul li dl{ font-size: 1rem; line-height: 2rem; padding: 1.25rem 0px; }
.photo_list div.bg div.r ul li ol{ text-align: center; }

.photo_list div.bg div.r div.i{ text-align: center; margin-top:2.5rem; font-size: 1.5rem;color: #333333;}
.photo_list div.bg.l5 div.r div.i p{ float: left; width: 33.333333%; }

.photo_bg{ width: 100%; background-color: #e2e2e2; overflow: hidden;}
.photo_bg .width1680{ padding: 2rem 0px;}
.photo_bg .width1680 div.r{ float: right; width: 83%; overflow: hidden;}
.photo_bg .width1680 div.r .tit{ font-size: 2.25rem; color: #333333; }
.photo_bg .width1680 div.r ul,.photo_bg .width1680 div.r ul li{ overflow: hidden; }
.photo_bg .width1680 div.r ul{ width: 108%; padding: 2rem 0px; }
.photo_bg .width1680 div.r ul li{ float: left; width:20.3%; margin-right:3.5%; text-align: center;}
.photo_bg .width1680 div.r ul li a{ display: block; margin-top: 1.5rem;}
.photo_bg .width1680 div.r ul li a ol{ margin-bottom:2rem; border-radius: 0.5rem; overflow: hidden; }
.photo_bg .width1680 div.r ul li a ol img{transition: all .5s ease;}
.photo_bg .width1680 div.r ul li a:hover ol img{transform: scale(1.1);transition: all .5s ease;}
.photo_bg .width1680 div.r ul li a dd{ font-size: .9rem; color: #333333; overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;}
.photo_bg .width1680 div.r ul li a:hover dd{ font-size: .9rem; color: #0021df; overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;}

/*动画效果*/
.photo_list #i1 div.bg.l2 div.r{ opacity: 0; margin-right:-100px; }
.photo_list #i1.on div.bg.l2 div.r{ opacity: 1; margin-right:0px;transition: all 1s ease;}

.photo_list #i2 div.bg.l3 div.r{ opacity: 0; margin-right:-100px; }
.photo_list #i2.on div.bg.l3 div.r{ opacity: 1; margin-right:0px;transition: all 1s ease;}

.photo_list #i3 div.bg.l4 div.r{ opacity: 0; margin-right:-100px; }
.photo_list #i3.on div.bg.l4 div.r{ opacity: 1; margin-right:0px;transition: all 1s ease;}

.photo_list #i4 div.bg.l5 div.r{ opacity: 0; margin-right:-100px; }
.photo_list #i4.on div.bg.l5 div.r{ opacity: 1; margin-right:0px;transition: all 1s ease;}

.photo_list #i5 div.bg.l6 div.r{ opacity: 0; margin-right:-100px; }
.photo_list #i5.on div.bg.l6 div.r{ opacity: 1; margin-right:0px;transition: all 1s ease;}

.photo_list #i6 div.bg.l7 div.r{ opacity: 0; margin-right:-100px; }
.photo_list #i6.on div.bg.l7 div.r{ opacity: 1; margin-right:0px;transition: all 1s ease;}

#i7 .photo_bg .width1680 div.r ul{ opacity: 0; margin-right:-100px; }
#i7.on .photo_bg .width1680 div.r ul{ opacity: 1; margin-right:0px;transition: all 1s ease;}

/*学习中心--产品主页*/
.cp_zy_t{ padding:1.25rem 0px 7rem; position: relative; z-index: 22;}
.cp_zy_t .tit{ margin-bottom:1.25rem; overflow: hidden;}
.cp_zy_t .tit dl{ float: right; font-size: 1rem; line-height: 2.25rem; }
.cp_zy_t .con{ min-height: 57rem;}
.cp_zy_t .con .cp_zy_t_l{ float: left; width: 40%; }
.cp_zy_t .con .cp_zy_t_l div.t{ font-size: 3rem; font-weight: bold; }
.cp_zy_t .con .cp_zy_t_l ul,.cp_zy_t .con .cp_zy_t_l ul li{ overflow: hidden; }
.cp_zy_t .con .cp_zy_t_l ul{ margin-top: 1rem; max-width: 540px;}
.cp_zy_t .con .cp_zy_t_l ul li{ margin-top:2rem; background-color: #ffffff; border:1px solid #f5f5f5; border-radius: 0.5rem; padding: 1rem; }
.cp_zy_t .con .cp_zy_t_l ul li a{ display: block; color: #000000; }
.cp_zy_t .con .cp_zy_t_l ul li a:hover{ color: #0021df; }
.cp_zy_t .con .cp_zy_t_l ul li a dd{ font-size: 1.25rem; margin-bottom: 1rem; font:bold}
.cp_zy_t .con .cp_zy_t_l ul li a dl{ text-align: center; height: 10rem; overflow: hidden;}
.cp_zy_t .con .cp_zy_t_l ul li a dl img{transition: all .5s ease;}
.cp_zy_t .con .cp_zy_t_l ul li a:hover dl img{transform: scale(1.1);transition: all .5s ease;}

.cp_zy_t .con .cp_zy_t_r{ position:relative; margin-right:-6.7%; float:right; background-color:#0021df; padding:4rem 7.828%; width:49.227%;}
.cp_zy_t .con .cp_zy_t_r .ck-slide{ position: relative; width:100%; height:49rem;}
.cp_zy_t .con .cp_zy_t_r .ck-slide ul.ck-slide-wrapper,.cp_zy_t .con .cp_zy_t_r .ck-slide ul.ck-slide-wrapper li{ position: absolute; top:0px; left:0px; right:0px; bottom:0px;}
.cp_zy_t .con .cp_zy_t_r .ck-slide ul.ck-slide-wrapper li{opacity: 0; z-index: 0;}
.cp_zy_t .con .cp_zy_t_r .ck-slide ul.ck-slide-wrapper li.on{opacity: 1; z-index: 1;}
.cp_zy_t .con .cp_zy_t_r .ck-slide ul.ck-slide-wrapper li div{ overflow: hidden; }
.cp_zy_t .con .cp_zy_t_r .ck-slide ul.ck-slide-wrapper li div.i{ height: 25rem; position: relative; overflow: hidden; border-radius: 0.5rem;}
.cp_zy_t .con .cp_zy_t_r .ck-slide ul.ck-slide-wrapper li div.i i{ position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; background-repeat: no-repeat; background-size:cover; }
.cp_zy_t .con .cp_zy_t_r .ck-slide ul.ck-slide-wrapper li div.n{padding: 2.5rem 0px 1.25rem; color: #ffffff; overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; font-size: 2.25rem;}
.cp_zy_t .con .cp_zy_t_r .ck-slide ul.ck-slide-wrapper li div.f{height:16.5625rem;overflow-x:hidden;overflow-y:auto;padding-right:0.5rem;margin-right:-0.5rem;}
.cp_zy_t .con .cp_zy_t_r .ck-slide ul.ck-slide-wrapper li div.f::-webkit-scrollbar {width: 4px;}
.cp_zy_t .con .cp_zy_t_r .ck-slide ul.ck-slide-wrapper li div.f::-webkit-scrollbar-track {background-color: #aaaaaa;}
.cp_zy_t .con .cp_zy_t_r .ck-slide ul.ck-slide-wrapper li div.f::-webkit-scrollbar-thumb {background-color: #ffffff;}
.cp_zy_t .con .cp_zy_t_r .ck-slide ul.ck-slide-wrapper li div.f::-webkit-scrollbar-thumb:hover {background-color: #aaaaaa;}
.cp_zy_t .con .cp_zy_t_r .ck-slide ul.ck-slide-wrapper li div.f::-webkit-scrollbar-thumb:active{background-color:#aaaaaa;}
.cp_zy_t .con .cp_zy_t_r .ck-slide ul.ck-slide-wrapper li div.f dl{ color: #ffffff; width: 48%; }
.cp_zy_t .con .cp_zy_t_r .ck-slide ul.ck-slide-wrapper li div.f dl p{ font-size: 1rem; color: #ffffff; border-top:1px solid #ffffff; margin-top:-1px; padding: 1rem 0px; overflow: hidden;}
.cp_zy_t .con .cp_zy_t_r .ck-slide ul.ck-slide-wrapper li div.f dl.l{ float: left; }
.cp_zy_t .con .cp_zy_t_r .ck-slide ul.ck-slide-wrapper li div.f dl.r{ float: right; }
.cp_zy_t .con .cp_zy_t_r .ck-slide div.qh{ position: absolute; right: 0px; height: 8.25rem; width: 3rem; top:7.5rem; z-index: 9;margin-right: -12%; }
.cp_zy_t .con .cp_zy_t_r .ck-slide div.qh a.ctrl-slide{ position: absolute; color: #ffffff; width: 3rem; height: 3rem; text-align: center; line-height: 3rem; border-radius: 50%; z-index: 8; background-color: rgb(255,255,255,0.5); right: 0px; font-size: 1.5rem;transition: all .5s ease;}
.cp_zy_t .con .cp_zy_t_r .ck-slide div.qh a.ctrl-slide:hover{background-color: rgb(255,255,255,1); color: #0021df;transition: all .5s ease;}
.cp_zy_t .con .cp_zy_t_r .ck-slide div.qh a.ck-prev { top:0%;}
.cp_zy_t .con .cp_zy_t_r .ck-slide div.qh a.ck-next { bottom: 0%;}

.cp_zy_t .con .cp_zy_t_r_qh{ display: none; }

.cp_zy_tit{ text-align: center; font-size: 2.25rem; line-height: 2.5rem; font-weight:bold; padding:3rem 0px 1.5rem;}

.cp_xl_cp #wrapper,.cp_xl_cp #wrapper #carousel,.cp_xl_cp #wrapper #carousel ul,.cp_xl_cp #wrapper #carousel ul li{ height: 23.75rem;}
.cp_xl_cp #wrapper{ position: relative; width: 100%; }
.cp_xl_cp #wrapper #carousel{ width: 100%; }
.cp_xl_cp #wrapper #carousel ul{list-style: none;display: block;}
.cp_xl_cp #wrapper #carousel ul li{ width: 51.5rem; margin-right:2rem; border-radius: 0.5rem; overflow: hidden; background-color: #ffffff; float: left; }
.cp_xl_cp #wrapper #carousel ul li div.bg{ display: block; padding: 2rem; }
.cp_xl_cp #wrapper #carousel ul li div.bg dd{ font-size: 1.5rem; line-height: 2.25rem; height: 4.5rem; overflow: hidden; color: #0021df; }
.cp_xl_cp #wrapper #carousel ul li div.bg dl{ margin-top:1.5rem; height:13.75rem; overflow: hidden; text-align: center;}
.cp_xl_cp #wrapper #carousel .pager{ display: none !important; }
.cp_xl_cp #wrapper .prev,.cp_xl_cp #wrapper .next{ font-size: 3rem; font-weight:bolder; color: #999999; top: 50%; margin-top: -1.5rem; position: absolute; }
.cp_xl_cp #wrapper .prev{ left: 0px; margin-left: -4rem;}
.cp_xl_cp #wrapper .next{ right: 0px; margin-right: -4rem;}	
.cp_xl_cp #wrapper .prev:hover,.cp_xl_cp #wrapper .next:hover{ color: #0021df; }

.cp_xl_sj_cp{ display: none; }

.cp_bg{ background-color: #0021df; overflow: hidden; width: 100%; margin-top: 2.5rem;}
.cp_xl{ padding: 2rem 0px;}
.cp_xl div.t{ font-weight: bold; font-size: 2.25rem; color: #ffffff; }
.cp_xl ul,.cp_xl ul li{ overflow: hidden; }
.cp_xl ul{ margin-top:2rem; width: 102%; }
.cp_xl ul li{ float: left; margin-bottom: 1rem; width: 23.11%; margin-right:1.86%; }
.cp_xl ul li a{ display: block; }
.cp_xl ul li a ol{ margin-bottom: 1rem; border-radius: 0.5rem; background-color: #ffffff; overflow: hidden; position: relative; height: 12.5rem; }
.cp_xl ul li a ol img{ position:absolute; top:0px; left:0px; bottom:0px; right:0px; max-width:90%; max-height:90%; margin:auto;transition:all .5s ease; }
.cp_xl ul li a:hover ol img{transform: scale(1.1);transition: all .5s ease;}
.cp_xl ul li a dd{ font-size: 1rem; color: #ffffff; line-height: 1.5rem; text-align: center; height: 3rem; overflow: hidden; }

/*系列详情图片*/
.xlxqt{ padding: 3rem 0px 6rem; }
.xlxqt div{ overflow: hidden; }
.xlxqt div.l{ float: left; font-size: 3rem; font-weight:bold; color: #333333; width: 30%; }
.xlxqt div.r{ float: right; width: 66%; max-width: 964px;}

/*动画效果*/
#i1 .cp_zy_tit{ opacity: 0; margin-top: 3rem;}
#i1.on .cp_zy_tit{opacity: 1; margin-top: 0px; transition: all 1s ease;}

#i1 .cp_xl_cp #wrapper{ opacity: 0; }
#i1.on .cp_xl_cp #wrapper{opacity: 1;transition: all 1s ease;}

#i2 .cp_xl ul{ opacity: 0; padding-top: 3rem;}
#i2.on .cp_xl ul{ opacity: 1; padding-top: 0rem;transition: all 1s ease;}

/*学习中心--产品列表*/
.cp_list{ padding-top:1.25rem; padding-bottom: 3rem;}
.cp_list ul,.cp_list ul li{ overflow: hidden; }
.cp_list ul{ margin-bottom: 1.5rem; }
.cp_list ul li{ border-bottom:1px solid #eeeeee; margin-bottom: 1.5rem;}
.cp_list ul li a{ display: block; overflow: hidden; margin-bottom: 1.25rem; position: relative;}
.cp_list ul li a div{ overflow: hidden; height: 25rem; }
.cp_list ul li a div.l{ float: left; border-right: 1px solid #eeeeee; width: 50%; max-width: 730px; position: relative; overflow: hidden;}
.cp_list ul li a div.l img{ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin:auto; transition: all .5s ease;}
.cp_list ul li a:hover div.l img{transform: scale(1.1);transition: all .5s ease;}
.cp_list ul li a div.r{ float: right; display:flex;align-items:center; width: 43%;}
.cp_list ul li a div.r dl{ width: 100%; font-size: 1.5rem; color: #333333;}
.cp_list ul li a:hover div.r dl{ color: #0021df;}
.cp_list ul li a div.r dd{ color: #0021df; font-size: 1rem}


/*学习中心--产品详情*/
.cp_show{ padding-top: 5rem; position: relative; z-index: 0;}
.cp_show .top{ overflow: hidden; }
.cp_show .top .ban{ float: left; width: 47%; overflow: hidden; padding-top: 32.5rem; position: relative;}
.cp_show .top .ban .ban2{ position: absolute; top: 0px; left: 0px; right: 0px; height: 32.5rem; }
.cp_show .top .ban .ban2 ul{}
.cp_show .top .ban .ban2 ul li{ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; border:1px solid #eeeeee; opacity: 0; background-color: #ffffff; transition: all 1s ease;}
.cp_show .top .ban .ban2 ul li img{position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin:auto;}
.cp_show .top .ban .ban2 ul li.o{ z-index: 2; opacity: 1; transition: all 1s ease;}
.cp_show .top .ban .min_pic{ margin-top: 2rem; height: 6.875rem; }
.cp_show .top .ban .min_pic .num{ width: 80%; height: 7.5rem; position: relative; overflow: hidden;}
.cp_show .top .ban .min_pic .num ul{ position:absolute; left:0; top:0; height: auto !important;}
.cp_show .top .ban .min_pic .num ul li{ border:1px solid #eeeeee; width: 6.75rem; height: 6.75rem; position: relative; margin-right: 2rem;}
.cp_show .top .ban .min_pic .num ul li.on{ border:1px solid #0021df;}
.cp_show .top .ban .min_pic .num ul li img{position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin:auto;}
.cp_show .top .ban .min_pic .next_btn1{ position: absolute;border:1px solid #eeeeee;width: 6.75rem; height: 6.75rem; background:url(../images/fx_r3.png) no-repeat scroll center #cbcede; background-size: auto 1.5rem; z-index: 8; right:1rem; cursor: pointer;transition: all .5s ease;}
.cp_show .top .ban .min_pic .next_btn1:hover{ background-color:#0021df;transition: all .5s ease; }

.cp_show .top div.r{ float: right; width: 43%; }
.cp_show .top div.r dd{ font-size: 3rem; color: #333333; font-weight:bold; line-height: 3.75rem; }
.cp_show .top div.r dl{ margin-top:5rem; overflow: hidden; color:#0021df}
.cp_show .top div.r dl a{ display: block; width: 5.625rem; font-size: 1rem; color: #333333; border:1px solid #efefef; border-radius: 2rem; height: 2.5rem; line-height: 2.5rem; padding-left: 4.375rem; float: left; margin-right: 1.5rem; background-repeat: no-repeat; background-size:1rem; background-position: 2.3rem center; transition: all .5s ease;}
.cp_show .top div.r dl a:hover{ border:1px solid #0021df; color: #ffffff; background-color: #0021df;transition: all .5s ease;}
.cp_show .top div.r dl a.l{ background-image:url(../images/pdf.png); }
.cp_show .top div.r dl a.r{ background-image:url(../images/sp.png); }
.cp_show .top div.r dl a.l:hover{ background-image:url(../images/pdf2.png); }
.cp_show .top div.r dl a.r:hover{ background-image:url(../images/sp2.png); }
.cp_show ul.con,.cp_show ul.con li{ overflow: hidden; }
.cp_show ul.con{ margin-top:6rem; }
.cp_show ul.con li{ border-top:1px solid #eeeeee; margin-bottom: 2.5rem; padding-top:3rem;}
.cp_show ul.con li div{ overflow: hidden; width: 45%; }
.cp_show ul.con li div.l{ float: left; font-size: 2.25rem; color: #333333; font-weight:bold;}
.cp_show ul.con li div.r{ float: right; font-size: 1.25rem; color: #333333;}
.cp_show ul.con li div.r p{ padding: 1.25rem 0px;border-top:1px solid #eeeeee; margin-top:-1px; }

/*Applications*/
.sq_list{ padding: 6rem 0px 7.5rem; }
.sq_list ul,.sq_list ul li{ overflow: hidden; }
.sq_list ul{ margin-bottom: 3.75rem; }
.sq_list ul li{ margin-bottom:2.75rem; border-radius: 0.5rem; overflow: hidden; position: relative; width: 48.5%; max-width: 715px; }
.sq_list ul li.l{ float: left; }
.sq_list ul li.r{ float: right; }
.sq_list ul li img{transition: all .5s ease;}
.sq_list ul li:hover img{transform: scale(1.1);transition: all .5s ease;}
.sq_list ul li a{ position: absolute; z-index: 1; top: 0px; left: 0px; right: 0px; bottom: 0px; }
.sq_list ul li a dd{ font-size: 2.25rem; color: #ffffff; line-height: 3.75rem; padding: 2rem 4.5%;background-image: linear-gradient(to bottom, rgba(0,33,233,0), rgba(0,33,233,1)); position: absolute; bottom: 0px; left: 0px; right: 0px; font-weight:bold;}

/*Applications-应用型号*/
.sq_show{ padding: 4.5rem 0px 6rem; }
.sq_show .dt{ overflow: hidden; margin-bottom:3rem; text-align: center;}
.sq_show ul,.sq_show ul li{ overflow: hidden; }
.sq_show ul{}
.sq_show ul li{ border-bottom: 1px solid #cccccc; }
.sq_show ul li dl{ overflow: hidden; float: left; border-left: 1px solid #cccccc; margin:0px -1px; line-height: 2rem; color: #333333; }
.sq_show ul li.t{ background-color: #eeeeee; }
.sq_show ul li.t dl{ width: 33.3333333%; font-size: 1rem; height: 5rem;display:flex;align-items:center;}
.sq_show ul li.t dl i{ display: block; width: 90%; text-align: center; padding: 0px 5%;}
.sq_show ul li.f a{ display: block; overflow: hidden; transition: all .5s ease;}
.sq_show ul li.f a:hover{ background-color: #f5f5f5;transition: all .5s ease; }
.sq_show ul li.f a dl{ height: 2rem; padding: 0.75rem 0px; font-size: 1.125rem;  padding-left:2%; width:31.3333333%}

/*Applications-应用型号-图片*/
.sq_tp{ padding: 5.5rem 0px; min-height: 80vh; text-align: center;}

/*学习中心-Pictures*/
.tp_list{ padding: 2.5rem 0px 6rem; }
.tp_list .fs,.tp_show .fs{ margin-bottom:1.5rem; text-align: right; font-size: 1rem; color: #999999;}
.tp_list .fs span,.tp_list .fs a,.tp_show .fs a{display:inline-block;}
.tp_list .fs span,.tp_show .fs span{ height: 1.5rem; line-height: 1.5rem; }
.tp_list .fs a,.tp_show .fs a{ margin-left:1rem; width:1.5rem; height:1.5rem; background-position:center; background-repeat:no-repeat; background-size:100%; }
.tp_list .fs a.fs1,.tp_show .fs a.fs1{ background-image: url(../images/pb_fs_l1.png); }
.tp_list .fs a.fs2,.tp_show .fs a.fs2{ background-image: url(../images/pb_fs_r1.png);}
.tp_list .fs a.fs1.on,.tp_list .fs a.fs1:hover,.tp_show .fs a.fs1.on,.tp_show .fs a.fs1:hover{ background-image: url(../images/pb_fs_l2.png); }
.tp_list .fs a.fs2.on,.tp_list .fs a.fs2:hover,.tp_show .fs a.fs2.on,.tp_show .fs a.fs2:hover{ background-image: url(../images/pb_fs_r2.png);}

.tp_list ul,.tp_list ul li{ overflow: hidden; }
.tp_list ul.tb{ width: 103%; margin-bottom: 2.5rem; }
.tp_list ul.tb li{ float: left; margin-bottom:3rem; width:22.304%; margin-right:2.6%;}
.tp_list ul.tb li a{ display: block; }
.tp_list ul.tb li a ol{ margin-bottom: 1.25rem; border-radius: 0.5rem; overflow: hidden; }
.tp_list ul.tb li a ol img{transition: all .5s ease;}
.tp_list ul.tb li a:hover ol img{transform: scale(1.1);transition: all .5s ease;}
.tp_list ul.tb li a dd{ line-height: 2rem; height: 2rem; text-align: center; overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; font-size: 1rem; color: #333333; }
.tp_list ul.tb li a:hover dd{ color: #0021df; }

.tp_list ul.lb{ margin-bottom: 2.5rem; }
.tp_list ul.lb li{border-bottom:1px solid #eeeeee; margin-bottom: 1.5rem;}
.tp_list ul.lb li a{  display: block; overflow: hidden; margin-bottom: 1.25rem; position: relative;}
.tp_list ul.lb li a ol,.tp_list ul.lb li a dd{ overflow: hidden; height: 25rem; }
.tp_list ul.lb li a ol{float: left; border-right: 1px solid #eeeeee; width: 50%; max-width: 730px; position: relative; overflow: hidden;}
.tp_list ul.lb li a ol img{ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin:auto; transition: all .5s ease;}
.tp_list ul.lb li a:hover ol img{transform: scale(1.1);transition: all .5s ease;}
.tp_list ul.lb li a dd{ float: right; display:flex;align-items:center; width: 43%;}
.tp_list ul.lb li a dd span{ display: block; width: 100%; font-size: 1.5rem; color: #333333; }

/*学习中心-Pictures详情*/
.tp_show{ padding:2.5rem 0px 6rem; }
.tp_show .sp{ padding: 0px 5.5rem; position: relative; width: 80%; max-width: 960px; margin:0px auto; }
.tp_show .sp a.qh{ position: absolute; color: #000000; width: 1.5rem; height: 3rem; background-repeat: no-repeat; background-position:center; background-size: auto 100%; transition: all .5s ease; top: 50%; margin-top: -1.5rem;}
.tp_show .sp a.qh:hover{transition: all .5s ease;}
.tp_show .sp a.qh.l{ background-image: url(../images/jt_l.png); left: 0px;}
.tp_show .sp a.qh.r{ background-image: url(../images/jt_r.png); right: 0px;}
.tp_show .sp a.qh.l:hover{ background-image: url(../images/jt_l2.png);left: 5px;}
.tp_show .sp a.qh.r:hover{ background-image: url(../images/jt_r2.png);right: 5px;}
.tp_show .sp ol{ position: relative; margin-bottom:2rem; border-radius: 0.5rem; overflow: hidden;text-align: center;}
.tp_show .sp ol img{ width: 100%; }
.tp_show .sp dd{ font-size: 1.5rem; color: #333333; text-align: center; }

/*学习中心-视频*/
.sp_list{ padding: 6rem 0px 7.5rem; }
.sp_list ul,.sp_list ul li{ overflow: hidden; }
.sp_list ul{ width: 103%; }
.sp_list ul li{ float: left; margin-bottom:2rem; width:30.505%; margin-right:2.76%;}
.sp_list ul li ol{ margin-bottom: 2rem; position: relative; border-radius: 0.5rem; height: 16.25rem; overflow: hidden;}
/*.sp_list ul li ol img{transition: all .5s ease;}
.sp_list ul li ol:hover img{transform: scale(1.1);transition: all .5s ease;}*/
.sp_list ul li ol span{position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index:0;background-size: cover;transition: all .5s ease; background-repeat: no-repeat; background-position: center;}
.sp_list ul li ol:hover span{transform: scale(1.1);transition: all .5s ease;}
.sp_list ul li ol a{ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 8; background-color: rgb(0,0,0,0.5);}
.sp_list ul li ol a i{ font-size: 3.75rem; color: #ffffff; position: absolute;top:50%; left:50%; margin-left: -1.875rem; margin-top: -1.875rem; }
.sp_list ul li dd{ font-size: 1.125rem; color: #333333; line-height: 2rem; height: 4rem; overflow:hidden; text-align: center; }

/*学习中心-视频播放*/
.sp_show{ padding: 6rem 0px; }
.sp_show .sp{ padding: 0px 5.5rem; position: relative; width: 80%; max-width: 960px; margin:0px auto; }
.sp_show .sp a.qh{ position: absolute; color: #000000; width: 1.5rem; height: 3rem; background-repeat: no-repeat; background-position:center; background-size: auto 100%; transition: all .5s ease; top: 50%; margin-top: -1.5rem;}
.sp_show .sp a.qh:hover{transition: all .5s ease;}
.sp_show .sp a.qh.l{ background-image: url(../images/jt_l.png); left: 0px;}
.sp_show .sp a.qh.r{ background-image: url(../images/jt_r.png); right: 0px;}
.sp_show .sp a.qh.l:hover{ background-image: url(../images/jt_l2.png);left: 5px;}
.sp_show .sp a.qh.r:hover{ background-image: url(../images/jt_r2.png);right: 5px;}
.sp_show .sp ol{ position: relative; margin-bottom:2rem; border-radius: 0.5rem; overflow: hidden;}
.sp_show .sp ol a{ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 8; background-color: rgb(0,0,0,0.5);}
.sp_show .sp ol a i{ font-size: 3.75rem; color: #ffffff; position: absolute;top:50%; left:50%; margin-left: -1.875rem; margin-top: -1.875rem; }
.sp_show .sp dd{ font-size: 1.5rem; color: #333333; text-align: center; }

/*学习中心-Documents*/
.xcz_list{ padding: 2.5rem 0px 4rem; }
.xcz_list .lm{ margin-bottom:1.5rem; overflow: hidden; position: relative; padding-right: 10rem;}
.xcz_list .lm a{ display:block; margin-bottom:1rem; float:left; padding:0px 1rem; height:2.5rem; line-height:2.5rem; border-radius:0.5rem; font-size:1rem; color:#333333; }
.xcz_list .lm a.on,.xcz_list .lm a:hover{ background-color: #f5f5f5; color: #0021df; }
.xcz_list .lm a.popup{ position: absolute; right: 0px; border:1px solid #dedede; text-align: center; color: #ffffff; background-color:#0021df; margin-bottom:0px; border-radius: 2rem;}

.xcz_list ul,.xcz_list ul li{ overflow: hidden; }
.xcz_list ul{ margin-bottom: 3rem; }
.xcz_list ul li{ margin-bottom: 1.25rem; background-color: #eeeeee; border-radius: 0.5rem; padding: 0px 1.5rem; position: relative;}
.xcz_list ul li a{ display: block; height: 5rem; line-height: 5rem; font-size: 1.5rem; color: #333333; padding-right: 5rem; overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; position: relative;}
.xcz_list ul li a:hover{color: #0021df;}
/*.xcz_list ul li a.popup{ position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 2; }
.xcz_list ul li a.popup.x{ display: none; }*/
.xcz_list ul li a i{ position: absolute; width:2.6875rem; height: 3rem; background: url(../images/pdf3.png) no-repeat scroll center; background-size:auto 100%; right:0px; top: 50%; margin-top: -1.5rem; }

.popupbox a.popupbox_i{position:absolute; top:0px; right:0px; margin-right: -3rem; background: url(../images/gb3.png) no-repeat; background-size: auto 100%; width: 1.5rem; height: 1.5rem; z-index:9;}

#fade{ display:none;background: #000000;position: fixed; left: 0; top: 0;width: 100%; height: 100%;opacity: .80;z-index:99;}
.popupbox{width:90%; max-width: 800px; padding: 2rem;background:#ffffff;border-radius:0.5rem;display: none;position: fixed;top:50%; left:50%;z-index:100;}
.popupbox form{ width: 100%; display: block; position: relative; z-index: 8;}
.popupbox form .tit{ text-align: center; font-size: 2.25rem; font-weight:bold; margin-bottom:2.5vh;}
.popupbox form .form-group{ margin-bottom:2vh; overflow: hidden; position: relative;}
.popupbox form .form-group div{ overflow: hidden; }
.popupbox form .form-group .control-label{ font-size:1rem; text-align:right; width:6rem; line-height:2.5rem; position:absolute; left:0px; top:1px; bottom:1px;}
.popupbox form .form-group .control-label span{ display: none; }
.popupbox form .form-group .col-md-10{ border:1px solid #eeeeee; margin-left: 7rem; padding: 0px 0.5rem;}
.popupbox form .form-group .col-md-10 input{ border:0px;outline:none; height: 2.5rem; line-height: 2.5rem; font-size: 1rem; color: #333333; }
.popupbox form .form-group .col-md-10 textarea{border:0px;outline:none; padding:1rem 0px; font-family:"Microsoft YaHei",Arial;}
.popupbox form .form-group#dr_row_product .col-md-10 select{ border:0px;  height: 2.5rem; line-height: 2.5rem; font-size: 1rem; color: #333333; display: block; width: 100%;}
.popupbox form .b{ text-align: center; }
.popupbox form .b button{ display: block; width: 8.75rem; height: 2.25rem; line-height: 2.25rem; margin:0px auto; text-align: center; color: #ffffff; font-size: 1rem; border-radius: 0.5rem; overflow: hidden; border:1px solid #0601ff; background-color: #0601ff;transition: all .5s ease;}
.popupbox form .b button:hover{ background:none; color: #0601ff;transition: all .5s ease; }

/*新闻*/
.news{ padding: 3rem 0px 6rem;}
.news .name{ overflow:hidden;font-weight:bold; font-size:4rem; color:#333333; line-height:6rem; }
.news ul,.news ul li{ overflow: hidden; }
.news ul{ margin-bottom: 4rem; }
.news ul li{ border-top: 1px solid #eeeeee; margin-top:-1px; }
.news ul li a{ display: block; padding: 2rem 0px; overflow: hidden;}
.news ul li a div{ height: 15.75rem; }
.news ul li a div.l{ float: left; width: 30%; max-width: 430px; position: relative; border-radius: 0.5rem; overflow: hidden;}
.news ul li a div.l i{ position: absolute; top: 0px; bottom: 0px; right: 0px; left: 0px; background-position: center; background-repeat: no-repeat;background-size: cover;transition: all .5s ease;}
.news ul li a:hover div.l i{transform: scale(1.1);transition: all .5s ease;}
.news ul li a div.r{ float: right; width: 68%; max-width: 995px;}
.news ul li a div.r ol{ font-size: 1rem; color: #999999; margin-bottom: 1rem;}
.news ul li a div.r dd{ font-size:2.25rem; color:#333333; overflow:hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis; margin-bottom:1rem;}
.news ul li a div.r dl{ font-size: 1.125rem; color: #333333; line-height: 2rem; height: 6rem; overflow: hidden; margin-bottom:1rem; }
.news ul li a div.r i.m{ display: block; background: url(../images/xw_jt1.png) no-repeat scroll left center; font-size: 1.5rem; color: #333333; padding-left: 2.75rem;transition: all .5s ease;}
.news ul li a:hover div.r i.m{ background-image: url(../images/xw_jt2.png); background-position: 0.5rem center; transition: all .5s ease;}

/*新闻详情*/
.news_show{ padding: 5rem 0px 7.5rem; }
.news_show ul,.news_show ul li{ overflow: hidden; }
.news_show ul{ margin:0px auto; max-width: 1060px; width: 100%; }
.news_show ul li.s{ font-size: 1rem; color: #999999; margin-bottom: 1rem; }
.news_show ul li.n{ margin-bottom: 3.5rem; font-size: 2.25rem; color: #333333; }
.news_show ul li.i{ text-align: center; margin-bottom: 2.5rem; }
.news_show ul li.c{ font-size: 1rem; color: #333333; line-height: 2rem; }
.news_show ul li.f{ border-top:1px solid #eeeeee; margin-top: 2rem; padding-top: 1rem;}
.news_show ul li.f dl{ width: 50%;}
.news_show ul li.f dl.l{ float: left; }
.news_show ul li.f dl.r{ float: right; text-align: right; }
.news_show ul li.f dl a{ display: block; font-size: 1rem; height: 3rem; line-height: 3rem; color: #333333; background-repeat: no-repeat; overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; background-size: 2rem auto;}
.news_show ul li.f dl a:hover{ color:#0021df;}
.news_show ul li.f dl.l a{ padding-left: 2.5rem; background-image: url(../images/fx_l.png); background-position: left center;}
.news_show ul li.f dl.r a{ padding-right: 2.5rem; background-image: url(../images/fx_r.png); background-position: right center;}
.news_show ul li.f dl.l a:hover{background-image: url(../images/fx_l2.png);}
.news_show ul li.f dl.r a:hover{background-image: url(../images/fx_r2.png);}

/*联系我们*/
.lxwm{ background:url(../images/bj_logo.png) no-repeat scroll right center; background-size: auto 38.125rem; padding: 2rem 0px 6rem;}
.lxwm div{ overflow: hidden; }
.lxwm .name{ overflow:hidden;font-weight:bold; font-size:4rem; color:#333333; line-height:6rem; }
.lxwm .con{ border-top:1px solid #333333; margin-top:2.5rem;  margin-bottom: 2rem;}
.lxwm .con dl{overflow: hidden; float: right; max-width: 715px; width: 100%; }
.lxwm .con dl p{ border-top:1px solid #333333; margin-top: -1px; font-size: 1.5rem; color: #666666; padding: 1.5rem 0px; }
.lxwm .xx{ font-size: 1.5rem; color: #666666; line-height: 3rem; margin:2rem 0px 7.5rem; }
.lxwm .f{ margin-top: 4rem; }
.lxwm .f div.l{ float: left; font-size: 1.5rem; color: #333333;}

.lxwm .f ul.r,.lxwm .f ul.r li{ overflow: hidden; }
.lxwm .f ul.r{ float: right; width: 60%;max-width: 715px;}
.lxwm .f ul.r li{ margin-bottom: 2rem; }
.lxwm .f ul.r li dd{ font-size: 2.25rem; color: #333333; }
.lxwm .f ul.r li dl{ margin-top:1rem;overflow: hidden;}
.lxwm .f ul.r li dl p{ float: left; font-size: 1.5rem; color: #666666; border-bottom: 1px solid #666666;  padding-bottom: 0.5rem;}
.lxwm .f ul.r li dl p a{color: #666666;}

/*w404*/
.w404{ min-height: 100vh;  display:flex;align-items:center;}
.w404 .c{ width: 100%; text-align: center; padding:10vh 0px; }
.w404 .c ol{ margin-bottom: 2rem; }
.w404 .c ol img{ max-width: 35%; }
.w404 .c dd{ font-size: 1.5rem; color: #333333; }
.w404 .c a{ display: block; width: 80%; max-width: 180px; margin:2rem auto 0px; height: 3rem; line-height: 3rem; font-size: 1rem; color: #ffffff; background-color: #d66f09;transition: all .5s ease;}
.w404 .c a:hover{ background-color: #ee7c30;transition: all .5s ease; }

/*so_bg*/
.so_bg{ width: 100%;background-color: #ffffff; position: fixed; top:5.625rem; display: none; z-index: 999999;box-shadow:0px 2px 10px 0px rgba(0,0,0,0.14);}
.so_bg.now{  }
.so_bg.x,.so_bg.ny_x{ display: block; }
.so_bg.ny_x{left:240px; top: 4.5rem; width: auto; right: 0px; position: absolute;}
.so_bg a.so_gb{ background: url(../images/gb.png) no-repeat; position: absolute; background-size: 100%; width:1.5rem; height:1.5rem; right: 3%; top: 50%; margin-top: -0.75rem; z-index: 8;}
.so_bg a.so_gb:hover{ background-image: url(../images/gb2.png); }
.so_bg .width1480{ height: 3rem; padding: 2rem 0px; overflow: initial;}
.so_bg .width1480 .search-form{ border:1px solid #0021df; border-radius: 2rem; height:3rem; max-width:880px; margin:0px auto;}
.so_bg .width1480 .search-form div{ float: left; height: 3rem; margin-right:2rem; margin-left:2rem;}
.so_bg .width1480 .search-form div button{ border: 0px; background: none; padding:0px 10px; font-size:1rem; line-height: 3rem;outline:none;}
.so_bg .width1480 .search-form div dl{ position: absolute; background-color: #ffffff;padding:10px 0px; z-index: 99; display: none;box-shadow:0px 2px 10px 0px rgba(0,0,0,0.14); font-size:1.25rem; line-height: 2rem;}
.so_bg .width1480 .search-form div:hover dl{ display: block; }
.so_bg .width1480 .search-form div dl a{ display: block;color: #555555; font-size: 1rem; padding:0px 20px; line-height: 2rem;}
.so_bg .width1480 .search-form div dl a:hover{ color:#0021df;}
.so_bg .width1480 .search-form .fl{ outline:none; border: 0px; font-size: 1rem; height: 3rem; line-height: 3rem; width:50%;}
.so_bg .width1480 .search-form .fr{ width:5rem; font-size: 1.5rem; background-color:#0021df; color: #ffffff;  height: 3rem; border: 0px;  outline:none;border-top-right-radius:2rem;border-bottom-right-radius: 2rem;}

.so_no{ background-color: #ffffff; text-align: center; width: 100% !important; margin-right:0px !important;padding: 2rem 0px; font-size: 2rem; }
.so_no strong{ color:#ff0000;}

/*no*/
li.no{ width: 100%; text-align: center; font-size: 2rem; line-height: 5; border:0px !important; }