@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;}
textarea{overflow:auto;resize:none;font-family: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:Arial;}
html,body{font-size:20px;}
@media only screen and (max-width:1920px){
	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;}
}
.fl{float: left;}
.fr{float: right;}
.margin{margin:0px auto;}
.hidden{overflow:hidden;}
.width1680{ width:90%; max-width: 1680px;}
.width1200{ width:80%; max-width: 1200px;}
img{max-width:100%; max-height:100%;}
/* top_bg */
.top_bg,.top_bg .width1680,.top_bg .width1680 a.logo,.top_bg .width1680 div.r,.top_bg .width1680 div.r div{ height: 5.625rem; }
.top_bg{ position: fixed; top: 0px; width: 100%; z-index: 99999; }
.top_bg .width1680 a.logo{ display:flex;align-items:center;  float: left;}
.top_bg .width1680 div.r{ float: right; width:85%;}
.top_bg .width1680 div.r div{ line-height: 5.625rem; }
.top_bg .width1680 div.r div a{ font-size: 1rem; }
.top_bg .width1680 div.r div a:hover{ color: #4285f4 !important; }
.top_bg .width1680 div.r ul.lm{ float: left;width: 85%; text-align: center; font-size: 1rem;}
.top_bg .width1680 div.r ul.lm li{display:inline-block;margin:0px 2%; }
.top_bg .width1680 div.r ul.lm li dd{line-height: 5.625rem;text-transform:capitalize;}
.top_bg .width1680 div.r ul.lm li dl{ position: absolute; background-color: #ffffff; box-shadow:0px 8px 10px 0px rgba(0,0,0,0.14); padding:0.5rem 1rem; max-height: 0px;overflow: hidden; opacity: 0;transition: all 0.5s ease; min-width: 7.5rem;}
.top_bg .width1680 div.r ul.lm li:hover dl{ max-height: 100vh; opacity: 1;transition: all 1s ease;}
.top_bg .width1680 div.r ul.lm li dl a{ display: block; text-align: left; line-height: 2.5rem;text-transform:capitalize;}
.top_bg .width1680 div.r ul.lm li dl a{ color: #333333; }
.top_bg .width1680 div.r ul.lm li dl a:hover{ color: #4285f4 !important; }
.top_bg .width1680 div.r div.yy{ float: right; }
.top_bg .width1680 div.r div.yy i{ padding: 0px 0.5rem; }
.sy_top_bg .width1680{ position: relative; }
.sy_top_bg .width1680 .s{ position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; opacity: 0; z-index: 0;}
.sy_top_bg .width1680 .s.active{ opacity: 1; z-index: 2;}
.sy_top_bg .width1680 .s.b i.bg{ position: absolute; width: 200%; left: -50%; right: -50%; bottom: 0px; border-bottom: 1px solid rgb(66,133,244,0.1); }
.sy_top_bg .width1680 .s.b div.r div,.sy_top_bg .width1680 .s.b div.r div a,.top_bg .width1680 .s.b div.r ul.lm li dd a{ color: #ffffff; }
.sy_top_bg .width1680 .s.l div.r div,.sy_top_bg .width1680 .s.l div.r div a,.top_bg .width1680 .s.l div.r ul.lm li dd a{ color: #333333; }
.sy_top_bg .width1680 .s.l div.r div,.sy_top_bg .width1680 .s.l div.r div a:hover,.top_bg .width1680 .s.l div.r ul.lm li dd a:hover{ color: #4285f4; }

.ny_top_bg.new{ background-color: #ffffff;  box-shadow:0px 8px 10px 0px rgba(0,0,0,0.14);}
.ny_top_bg .width1680 div.r div,.ny_top_bg .width1680 div.r div a,.ny_top_bg .width1680 div.r ul.lm li dd a{ color: #333333; }
.ny_top_bg .width1680 div.r div,.ny_top_bg .width1680 div.r div a:hover,.ny_top_bg .width1680 div.r ul.lm li dd a:hover{ color: #4285f4; }

.top_bg .width1680 ul.sj{ display: none; }

/*#fullpage */
#fullpage,#fullpage .section{ width: 100%; height: 100vh; }
#fullpage .section{ position: relative; }
#fullpage .section .width1680{ height: 100vh;  position: relative; z-index: 2;}
#fp-nav{ z-index:-9; opacity: 0; width: 0px; height: 0px; overflow: hidden; }

/*.banner*/
.banner{ background-color: #4989f4;}
.banner i.bg{ position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; background-repeat: no-repeat; background-position: center; z-index: 0;background-size: cover;}
.banner video{position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: 0; width: 100%;}
.banner .width1680{display:flex;align-items:center; position: relative;}
.banner .width1680 div.con{ width: 100%; color: #ffffff; }
.banner .width1680 div.con dd{ font-size: 3rem; margin-bottom: 1.25rem; }
.banner .width1680 div.con dl{ font-size: 1.125rem; }
.banner .width1680 .sb{ position: absolute; bottom: 7.5vh; width: 1.5rem; left: 50%; margin-left: -0.75rem; height: 2.5rem; padding-top: 4rem; }
.banner .width1680 .sb i.x{ position: absolute; top: 0px; height: 3rem; width: 1px; left: 50%; margin-left: -0.5px; background-color: #ffffff; }
.banner .width1680 .sb span{ display: block; border:1px solid #ffffff; border-radius: 1rem; height: 2.5rem; position: relative;}
.banner .width1680 .sb span i{ position: absolute; height: 0.5rem; width: 2px; left: 50%; margin-left: -1px; background-color: #ffffff; top: 0.4rem; animation: sb 2s linear infinite; -webkit-animation:sb 2s linear infinite;}
@-webkit-keyframes sb{ 
	0%,100%{opacity:1; top: 0.5rem;}
	50%{ opacity:.5; top: 1rem;}
}
@keyframes sb{ 
	0%,100%{opacity:1; top: 0.5rem;}
	50%{ opacity:.5; top: 1rem;}
}

/*i_cp_bg*/
.i_cp_bg{ width: 100%; height: 100vh; position: relative;}
.i_cp_bg i.bg{ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1;background-repeat: no-repeat; background-position: center; background-size: cover; }
.i_cp_bg ul,.i_cp_bg ul li{ overflow: hidden;}
.i_cp_bg ul{ width: 100%; height: 100vh; position: relative; z-index: 2;}
.i_cp_bg ul li{ float: left; width: 33.333333333333%; background-color: rgb(24,71,148,0.1); border-left:1px solid #ffffff; margin:0px -1px; height: 100vh; position: relative; display:flex;align-items:center; cursor: pointer;}
.i_cp_bg ul li .tit{ width:90%; padding:0px 5%; font-size:2.25rem; text-align:center; color:#4285f4; position:relative; z-index:0;transition:all .5s ease;}
.i_cp_bg ul li:hover .tit,.i_cp_bg ul li.o .tit{ opacity: 0; transition: all .5s ease;}
.i_cp_bg ul li .bg{ position:absolute; z-index:2; opacity:0; top:0px; left:0px; right:0px; bottom:0px; transition:all .5s ease; background-color:#4285f4; display:flex;align-items:center;}
.i_cp_bg ul li:hover .bg,.i_cp_bg ul li.o .bg{ opacity: 1; transition: all .5s ease;}
.i_cp_bg ul li .bg div.c{ width: 90%; max-width: 540px; margin:0px auto; height: 69vh; }
.i_cp_bg ul li .bg div.c dd{ font-size: 2.25rem; text-align: center; color: #ffffff;}
.i_cp_bg ul li .bg div.c dl{ margin: 2rem auto; max-width: 400px; }
@media only screen and (max-width:1920px){
	.i_cp_bg ul li .bg div.c dl{max-width: 280px;}
}

.i_cp_bg ul li .bg div.c dl a{ display: block; border:1px solid rgb(255,255,255,0.2); line-height: 2.25rem; color: #ffffff; padding: 0px 3rem 0px 0.75rem; background:url(../images/jt.png) no-repeat scroll right center; background-size:1.5rem auto; margin-bottom:1.5rem;  overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;transition: all .5s ease;}
.i_cp_bg ul li .bg div.c dl a:hover{border:1px solid rgb(255,255,255,1);transition: all .5s ease;}
.i_cp_bg ul li .bg div.c ol{ position: relative; height:49vh;}
.i_cp_bg ul li .bg div.c ol i{ position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px;background-size: cover; background-position: center; background-repeat: no-repeat; }

/*i_about_bg*/
.i_about_bg{ position: relative; }
.i_about_bg i.bg{ position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; background-repeat: no-repeat; background-position: center; z-index: 0;background-size: cover; }
.i_about_bg .width1680{ position: relative; z-index: 2; height: 100vh; display:flex;align-items:center; }
.i_about_bg .width1680 div.con{ width:50%; max-width: 810px;}
.i_about_bg .width1680 div.con ol{ font-size: 1rem; color: #4989f4;text-transform: uppercase; margin-bottom: 1.5vh; }
.i_about_bg .width1680 div.con dd{ font-size: 2.25rem; color: #333333; margin-bottom: 1.5vh;}
.i_about_bg .width1680 div.con dl{ font-size: 1rem; color: #666666; line-height: 2.25rem; margin-bottom:5vh; text-align: justify;}
.i_about_bg .width1680 div.con a.m{ display: block; font-size: 1rem; color: #ffffff; background-color: #4285f4; height: 2.25rem; border-radius: 2rem; line-height: 2.25rem; width: 8.75rem; text-align: center; }
.i_about_bg .width1680 ul.l,.i_about_bg .width1680 ul.l li{ overflow: hidden; }
.i_about_bg .width1680 ul.l{ position: absolute; bottom: 7.5vh; width: 100%; }
.i_about_bg .width1680 ul.l li{ float: left; width: 25%;}
.i_about_bg .width1680 ul.l li a{ display: block; background-color: #ffffff;display:flex;align-items:center;height: 7.5rem; transition: all .5s ease;}
.i_about_bg .width1680 ul.l li a:hover{background-image: linear-gradient(to right, #4989f4, #0e3e91);transition: all .5s ease;}
.i_about_bg .width1680 ul.l li a div{ width: 100%; position: relative;}
.i_about_bg .width1680 ul.l li a div i{ position: absolute; left: 50%; margin-left: -1.3125rem; width: 2.625rem; height: 2.625rem; background-position: center; background-size: 100% auto; background-repeat: no-repeat;}
.i_about_bg .width1680 ul.l li a div i.b,.i_about_bg .width1680 ul.l li a:hover div i.l{ opacity: 1; }
.i_about_bg .width1680 ul.l li a div i.l,.i_about_bg .width1680 ul.l li a:hover div i.b{ opacity: 0; }
.i_about_bg .width1680 ul.l li a:hover div i{transition: all .5s ease;}

.i_about_bg .width1680 ul.l li a div dd{ padding-top: 3.125rem; font-size: 1rem; color: #333333; text-align: center; }
.i_about_bg .width1680 ul.l li a:hover div dd{ color: #ffffff; }

/*i_news_bg*/
.i_news_bg{position: relative;}
.i_news_bg i.bg{ position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; background-repeat: no-repeat; background-position: center; z-index: 0;background-size: cover; }
.i_news_bg .width1680{ position: relative; z-index: 2; height: 100vh; display:flex;align-items:center; }
.i_news_bg .width1680 .bg{ width: 100%; overflow: hidden; }
.i_news_bg .width1680 .bg .t{ margin-bottom:2rem; }
.i_news_bg .width1680 .bg .t .l{ float: left; }
.i_news_bg .width1680 .bg .t .l ol{text-transform: uppercase; font-size: 1rem; color: #4989f4;}
.i_news_bg .width1680 .bg .t .l dd{ font-size: 2.25rem; color: #333333; margin-top: 0.75rem; }
.i_news_bg .width1680 .bg .t .r{ float: right; font-size: 1rem; color: #333333; margin-top: 3.5rem;}
.i_news_bg .width1680 .bg .t .r i{ padding: 0px 1rem; }
.i_news_bg .width1680 .bg .t .r a{color: #333333; }
.i_news_bg .width1680 .bg .t .r a:hover{ color: #4989f4; }
.i_news_bg .width1680 .bg .c{overflow: hidden; }
.i_news_bg .width1680 .bg .c div.l,.i_news_bg .width1680 .bg .c div.z,.i_news_bg .width1680 .bg .c ul.r{ height: 52.4vh; max-height: 30rem;}
.i_news_bg .width1680 .bg .c div.l{ float: left; width: 23.6%; margin-right: 1.9%; position: relative;}
.i_news_bg .width1680 .bg .c div.l a{position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; background-color: #ffffff;}
.i_news_bg .width1680 .bg .c div.l a div.i{ max-height: 17.5rem;/* height: 30.535vh;*/ position: relative; overflow: hidden;}
.i_news_bg .width1680 .bg .c div.l a div.i img{ width: 100%; }
.i_news_bg .width1680 .bg .c div.l a div.i i{position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; background-repeat: no-repeat; background-size: 100% auto;transition: all .5s ease;}
.i_news_bg .width1680 .bg .c div.l a:hover div.i i{transform: scale(1.1);transition: all .5s ease;}
.i_news_bg .width1680 .bg .c div.l a div.n{ padding: 1.5rem 1.25rem; }
.i_news_bg .width1680 .bg .c div.l a div.n ol{ margin-bottom:1rem; }
.i_news_bg .width1680 .bg .c div.l a div.n ol i{ font-size: 0.875rem; color: #ffffff; background-color: #4285f4; padding: 3px 0.5rem; border-radius: 2rem; }
.i_news_bg .width1680 .bg .c div.l a div.n dd{ font-size: 1.125rem; color: #333333; line-height: 2rem; height: 4rem; overflow: hidden; }
.i_news_bg .width1680 .bg .c div.l a div.n dl{ margin-top: 1rem; font-size: 0.875rem; color: #999999; background:url(../images/n_jt1.png) no-repeat scroll right center;transition: all .5s ease; }
.i_news_bg .width1680 .bg .c div.l a:hover div.n dl{ background-image: url(../images/n_jt2.png); transition: all .5s ease;}

.i_news_bg .width1680 .bg .c div.z{ float: left; width: 23.6%; margin-right: 1.9%; position: relative;background-repeat: no-repeat; background-position: center; background-size: cover;}
.i_news_bg .width1680 .bg .c div.z a{ position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; padding: 5vh 1.5rem 0px;}
.i_news_bg .width1680 .bg .c div.z a ol{ margin-bottom:1.25rem; line-height: 1.5rem;}
.i_news_bg .width1680 .bg .c div.z a ol i{ font-size: 0.875rem; color: #4285f4; background-color: #ffffff; padding: 3px 0.5rem; border-radius: 2rem; }
.i_news_bg .width1680 .bg .c div.z a dd{ font-size: 1.125rem; color: #ffffff; line-height:2rem; height:4rem; overflow: hidden; margin-bottom:3vh;}
.i_news_bg .width1680 .bg .c div.z a dl{ font-size: 1rem; color: #ffffff; line-height:2rem; overflow: hidden; }

.i_news_bg .width1680 .bg .c div.z a del{ display: block; margin-top: 2rem; border:1px solid #ffffff; height: 2.25rem; line-height: 2.25rem; max-width: 150px; font-size: 0.875rem; color: #ffffff; padding-left: 1.25rem; position: relative;transition: all .5s ease;}
.i_news_bg .width1680 .bg .c div.z a:hover del{ opacity: 0.5; transition: all .5s ease;}
.i_news_bg .width1680 .bg .c div.z a del i{ position: absolute; font-size: 1rem; width: 2rem; top: 0px; border-top-style: 0px; right: 0px; border-left:1px solid #ffffff; text-align: center; }

.i_news_bg .width1680 .bg .c ul.r,.i_news_bg .width1680 .bg .c ul.r li{ overflow: hidden; }
.i_news_bg .width1680 .bg .c ul.r{ float: right; width: 49%;}
.i_news_bg .width1680 .bg .c ul.r li{ background-color: #ffffff; margin-bottom:1.75rem;}
@media only screen and (max-width:1920px){
	.i_news_bg .width1680 .bg .c ul.r li{margin-bottom: 3.2vh;}
}
.i_news_bg .width1680 .bg .c ul.r li a{ display: block; overflow: hidden;}
.i_news_bg .width1680 .bg .c ul.r li a div{ overflow: hidden; height: 15.3vh; max-height: 8.75rem;}
.i_news_bg .width1680 .bg .c ul.r li a div.i{ float: left; width: 25%; position: relative; overflow: hidden;}
.i_news_bg .width1680 .bg .c ul.r li a div.i img{position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px;transition: all .5s ease; margin:auto;}
.i_news_bg .width1680 .bg .c ul.r li a:hover div.i img{transform: scale(1.1);transition: all .5s ease;}
/*.i_news_bg .width1680 .bg .c ul.r li a div.i i{ position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; background-repeat: no-repeat; background-position: center;background-size: cover;transition: all .5s ease;}
.i_news_bg .width1680 .bg .c ul.r li a:hover div.i i{transform: scale(1.1);transition: all .5s ease;}*/
.i_news_bg .width1680 .bg .c ul.r li a div.n{ float: right; width: 64%; margin-right:7.5%;}
.i_news_bg .width1680 .bg .c ul.r li a div.n ol{ margin:1rem 0px 0.75rem; line-height: 1.5rem;}
.i_news_bg .width1680 .bg .c ul.r li a div.n ol span{ border-radius: 1rem; color: #999999; font-size: 0.875rem; border:1px solid #eeeeee; padding:2px 0.5rem;transition: all .5s ease;}
.i_news_bg .width1680 .bg .c ul.r li a:hover div.n ol span{ background-color: #4989f4;  border:1px solid #4989f4; color: #ffffff;transition: all .5s ease;}
.i_news_bg .width1680 .bg .c ul.r li a div.n dd{ font-size: 1.125rem; color: #333333; overflow: hidden; word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; padding-bottom: 2rem; background:url(../images/n_jt1.png) no-repeat scroll left bottom;transition: all .5s ease;}
.i_news_bg .width1680 .bg .c ul.r li a:hover div.n dd{ background-image: url(../images/n_jt2.png); transition: all .5s ease;}

.i_news_bg .width1680 .bg .c ul.sj{ display: none; }

.i_news_bg .width1680 .bg .f{ margin-top: 5.5vh; }
.i_news_bg .width1680 .bg .f a{ display: block; font-size: 1rem; color: #4989f4; border:1px solid #4989f4; height: 2.25rem; line-height: 2.25rem; border-radius: 2rem; width: 8.75rem; text-align: center; margin:0px auto; transition: all .5s ease;}
.i_news_bg .width1680 .bg .f a:hover{ background-color:#4989f4; color: #ffffff; transition: all .5s ease;}

/*i_hzhb_bg*/
.i_hzhb_bg{position: relative;}
.i_hzhb_bg i.bg{ position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; background-repeat: no-repeat; background-position: center; z-index: 0;background-size: cover; }
.i_hzhb_bg .width1680{ position: relative; z-index: 2; height: 100vh; display:flex;align-items:center; }
.i_hzhb_bg .width1680 .bg{ width: 100%; overflow: hidden; }
.i_hzhb_bg .width1680 .bg .t{ margin-bottom:2rem; }
.i_hzhb_bg .width1680 .bg .t .l{ float: left; }
.i_hzhb_bg .width1680 .bg .t .l ol{text-transform: uppercase; font-size: 1rem; color: #4989f4;}
.i_hzhb_bg .width1680 .bg .t .l dd{ font-size: 2.25rem; color: #333333; margin-top: 0.75rem; }
.i_hzhb_bg .width1680 .bg .t .r{ float: right; font-size: 1rem; color: #333333; margin-top: 1.5rem;}
.i_hzhb_bg .width1680 .bg .t .r i{ padding: 0px 1rem; }
.i_hzhb_bg .width1680 .bg .t .r a{color: #333333; text-transform:capitalize;}
.i_hzhb_bg .width1680 .bg .t .r a:hover{ color: #4989f4; }
.i_hzhb_bg .width1680 .bg ul.f,.i_hzhb_bg .width1680 .bg ul.f li{ overflow: hidden; }
.i_hzhb_bg .width1680 .bg ul.f{ width: 102%;height: 48vh; display: none;;overflow-x: hidden;overflow-y: auto;}
.i_hzhb_bg .width1680 .bg ul.f::-webkit-scrollbar {width: 4px;}
.i_hzhb_bg .width1680 .bg ul.f::-webkit-scrollbar-track {background-color: #eaeaea;}
.i_hzhb_bg .width1680 .bg ul.f::-webkit-scrollbar-thumb {background-color: #4285f4;}
.i_hzhb_bg .width1680 .bg ul.f::-webkit-scrollbar-thumb:hover {background-color: #4285f4;}
.i_hzhb_bg .width1680 .bg ul.f::-webkit-scrollbar-thumb:active{background-color:#333333;}
.i_hzhb_bg .width1680 .bg ul.f li{ float: left; max-height: 7.5rem; margin-bottom:2vh;width:23.2%; margin-right: 1.7%; position: relative; transition: all .5s ease; height: 13.5vh;}
.i_hzhb_bg .width1680 .bg ul.f li:hover{box-shadow:0px 0px 10px 0px rgba(66,133,244,0.14);transition: all .5s ease;}
.i_hzhb_bg .width1680 .bg ul.f li a{ position: absolute; border:1px solid #eeeeee; top: 0px; left: 0px; right: 0px; bottom: 0px; overflow: hidden;}
.i_hzhb_bg .width1680 .bg ul.f li a img{ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin:auto;transition: all .5s ease;}
.i_hzhb_bg .width1680 .bg ul.f li a:hover img{transform: scale(1.1);transition: all .5s ease;}

/*i_sp_bg*/
.i_sp_bg{position: relative; background-color: #4989f4 !important;}
.i_sp_bg i.bg{ position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; background-repeat: no-repeat; background-position: center; z-index: 0;background-size: cover; }

.popupbox a.popupbox_i{position:absolute;width:2rem; height: 2rem; background:url(../images/gb.png) no-repeat; background-size: 100%; right: 0px; margin-right: -3rem; margin-top: -3rem; display: block !important;}
.popupbox{width:80%; max-width: 800px; max-height:60vh;display: none;position: fixed;top: 50%; left: 50%;z-index:999999;}
.popupbox video{ width: 100%; }
.popupbox video::-webkit-media-controls-enclosure{display: none !important;}
#fade { display:none;background: #000000;position: fixed; left: 0; top: 0;width: 100%; height: 100%;opacity: .80;z-index:99999;}

.i_sp_bg .width1680{ position: relative; z-index: 2; height: 100vh; display:flex;align-items:center; }
.i_sp_bg .width1680 .c{ width: 100%; text-align: center; color: #ffffff; }
.i_sp_bg .width1680 .c.on{ display: none; }
.i_sp_bg .width1680 .c dd{ font-size: 2.25rem; }
.i_sp_bg .width1680 .c ol{ line-height: 4.5rem; margin-top:2.5rem;}
.i_sp_bg .width1680 .c ol a{ color: #ffffff; border-radius: 50%; border:3px solid #ffffff; font-size:1.8rem;  width: 4.5rem; height: 4.5rem; line-height: 4.5rem; text-align: center; display: block; margin:0px auto; transition: all .5s ease; }
.i_sp_bg .width1680 .c ol a i{ margin-left: 0.5rem; }
.i_sp_bg .width1680 .c ol a:hover{transition: all .5s ease;  color: #0184ff; border:3px solid #0184ff;}

ul.i_sj,ul.i_sj li{ overflow: hidden; }
ul.i_sj{ position: absolute;bottom: 10vh; width: 100%;  left: 0px; color: #ffffff; }
ul.i_sj li{ float: left; border-left: 1px solid #ffffff; margin-left: -2px;cursor: pointer; width: 25%;display:flex;align-items:center; height: 7.5rem; }
ul.i_sj li .bg{ width: 90%; margin:0px auto; max-width: 260px; position: relative;}
@media only screen and (max-width:1920px){
	ul.i_sj li .bg{ max-width: 215px; }
}
ul.i_sj li .bg i{position:absolute;left:0px;width:5rem;height:6rem;background-size:100% auto;background-position:center;background-repeat:no-repeat;transition: all .5s ease; }
ul.i_sj li .bg i.b,ul.i_sj li:hover .bg i.l{ opacity: 1; }
ul.i_sj li .bg i.l,ul.i_sj li:hover .bg i.b{ opacity: 0; }
ul.i_sj li:hover .bg i{transition: all .5s ease;}

ul.i_sj li .bg div{ float: right; font-size: 1rem; width: 7.5rem;}
ul.i_sj li .bg div dd b{ font-size: 3rem; margin-right: 0.75rem; }
ul.i_sj li:hover .bg div dd b{ color: #0184ff; }
ul.i_sj li .bg div dl{ margin-top:0.75rem; text-transform: capitalize;}

/*foot_bg*/
.foot_bg .s{width: 100%;height: 30vh !important; background-size: 100% auto; background-position: center bottom; background-repeat: no-repeat; }
.foot_bg .x{width: 100%; background-color: #131d2f;}
.foot_bg .x .width1680{height: 70vh !important; }
.foot_bg .x .width1680 .t ul,.foot_bg .x .width1680 .t ul li{ overflow: hidden; }
.foot_bg .x .width1680 .t{ color: #b3cfff; padding-top: 6vh; height: 50vh;}
.foot_bg .x .width1680 .t ul.l{ float: left; width: 57%;}
.foot_bg .x .width1680 .t ul.l li{ float: left; width: 17%; margin-right:2%;}
.foot_bg .x .width1680 .t ul.l li dd{ color: #ffffff; font-size: 1rem;}
.foot_bg .x .width1680 .t ul.l li dl{ overflow: hidden; font-size: 0.875rem;}
.foot_bg .x .width1680 .t ul.l li dl a{ display: block; color:rgb(255,255,255,0.5); margin-top:1.25rem; text-transform: capitalize;}
.foot_bg .x .width1680 .t ul.l li dl a:hover{ color: #b3cfff; }

.foot_bg .x .width1680 .t div.c{ float: left; width: 21%; }
.foot_bg .x .width1680 .t div.c dd{color: #ffffff; font-size: 1rem; margin-bottom: 0.5rem;}
.foot_bg .x .width1680 .t div.c ol{color: #ffffff; font-size: 2.25rem; margin-bottom:0.75em;}
.foot_bg .x .width1680 .t div.c dl{ line-height: 2rem;color:rgb(255,255,255,0.5); font-size: 1rem; }

.foot_bg .x .width1680 .t div.r{ float: right;  width: 21%;}
.foot_bg .x .width1680 .t div.r ul{ width: 104%; }
.foot_bg .x .width1680 .t div.r ul li{ float: left; width: 28%; margin-right: 5%; text-align: center;}
.foot_bg .x .width1680 .t div.r ul li ol{ margin-bottom:0.75rem; }
.foot_bg .x .width1680 .t div.r ul li ol img{ border-radius: 4px; overflow: hidden; }
.foot_bg .x .width1680 .t div.r ul li dd{ font-size: 0.875rem; color:rgb(255,255,255,0.5); }
.foot_bg .x .width1680 .t div.r div{ overflow: hidden; margin-top: 4rem;  line-height: 2.5rem;}
.foot_bg .x .width1680 .t div.r div span,.foot_bg .x .width1680 .t div.r div a{ display: block; float: left; }
.foot_bg .x .width1680 .t div.r div span{ font-size: 0.875rem; color:rgb(255,255,255,0.5); }
.foot_bg .x .width1680 .t div.r div a{ border-radius: 50%; height: 2.5rem; margin-left: 2%; width: 2.5rem; position: relative; background-color: #1f3d6f; }
.foot_bg .x .width1680 .t div.r div a img{ position: absolute; max-width: 90%; max-height: 90%; top: 0px; left: 0px; right: 0px; bottom: 0px; margin:auto; opacity: 0.5;transition: all .5s ease; }
.foot_bg .x .width1680 .t div.r div a:hover img{ opacity: 1;transition: all .5s ease; }

.foot_bg .x .width1680 .f{ height: 10vh; margin-top:4vh; border-top: 1px solid rgb(255,255,255,0.2); margin-top: -2px;}
.foot_bg .x .width1680 .f dl{ line-height: 10vh; font-size: 0.875rem; color:rgb(255,255,255,0.5);}
.foot_bg .x .width1680 .f dl.l{ float: left; }
.foot_bg .x .width1680 .f dl.r{ float: right; }
.foot_bg .x .width1680 .f dl a{color:rgb(255,255,255,0.5);}
.foot_bg .x .width1680 .f dl a:hover{ color: #ffffff; }

/*鍔ㄧ敾鏁堟灉*/
#fullpage .banner .width1680 div.con{ opacity: 0; margin-top:20vh; transition: all 2s ease;}
#fullpage .active.banner .width1680 div.con{ opacity: 1; margin-top:0px; transition: all 2s ease;}

#fullpage .i_cp_bg ul li .tit{ opacity: 0; margin-top:20vh; transition: all 2s ease;}
#fullpage .active.i_cp_bg ul li .tit{ opacity: 1; margin-top:0px; transition: all 2s ease;}

#fullpage .i_about_bg .width1680 div.con{ opacity: 0; margin-left: -50%; transition: all 2s ease; }
#fullpage .active.i_about_bg .width1680 div.con{ opacity: 1; margin-left: 0px; transition: all 2s ease; }

#fullpage .i_about_bg .width1680 ul.l{ opacity: 0; bottom:0px; transition: all 2s ease;}
#fullpage .active.i_about_bg .width1680 ul.l{ opacity: 1; bottom:7.5vh; transition: all 2s ease;}

#fullpage .i_news_bg .width1680 .bg .c div.l{ opacity: 0; margin-left: -15%; transition: all 2s ease; }
#fullpage .active.i_news_bg .width1680 .bg .c div.l{ opacity: 1; margin-left: 0%; transition: all 2s ease; }

#fullpage .i_news_bg .width1680 .bg .c div.z{ opacity: 0; transition: all 2s ease; }
#fullpage .active.i_news_bg .width1680 .bg .c div.z{ opacity: 1; transition: all 2s ease; }

#fullpage .i_news_bg .width1680 .bg .c ul.r{ opacity: 0; margin-right: -30%; transition: all 2s ease; }
#fullpage .active.i_news_bg .width1680 .bg .c ul.r{ opacity: 1; margin-right: 0%; transition: all 2s ease; }

#fullpage .i_hzhb_bg .width1680 .bg ul.f{ opacity: 0; margin-top:20vh; transition: all 2s ease;}
#fullpage .active.i_hzhb_bg .width1680 .bg ul.f{ opacity: 1; margin-top:0px; transition: all 2s ease;}

#fullpage .i_sp_bg .width1680 .c{ opacity: 0; transition: all 2s ease; }
#fullpage .active.i_sp_bg .width1680 .c{ opacity: 1; transition: all 2s ease; }

#fullpage .i_sp_bg .width1680 ul.i_sj{ opacity: 0; bottom:0vh; transition: all 2s ease;}
#fullpage .active.i_sp_bg .width1680 ul.i_sj{ opacity: 1; bottom:10vh; transition: all 2s ease;}

/*ny_foot_bg*/
.ny_foot_bg{ background-color: #131d2f; width: 100%; overflow: hidden; }
.ny_foot_bg .width1680{height:36.875rem; }
.ny_foot_bg .width1680 .t ul,.ny_foot_bg .width1680 .t ul li{ overflow: hidden; }
.ny_foot_bg .width1680 .t{ color: #b3cfff; padding-top: 3rem; height: 28.5rem;}
.ny_foot_bg .width1680 .t ul.l{ float: left; width: 57%;}
.ny_foot_bg .width1680 .t ul.l li{ float: left; width: 17%; margin-right:2%; }
.ny_foot_bg .width1680 .t ul.l li dd{ color: #ffffff;  font-size: 1rem;}
.ny_foot_bg .width1680 .t ul.l li dl{ overflow: hidden; font-size: 0.875rem; }
.ny_foot_bg .width1680 .t ul.l li dl a{ display: block; color:rgb(255,255,255,0.5); margin-top:1.25rem;text-transform:capitalize;}
.ny_foot_bg .width1680 .t ul.l li dl a:hover{ color: #0184ff; }

.ny_foot_bg .width1680 .t div.c{ float: left; width: 21%; }
.ny_foot_bg .width1680 .t div.c dd{color: #ffffff; font-size: 1rem; margin-bottom: 0.5rem;}
.ny_foot_bg .width1680 .t div.c ol{color: #ffffff; font-size: 2.25rem; margin-bottom:0.75em;}
.ny_foot_bg .width1680 .t div.c dl{ line-height: 2rem;color: rgb(255,255,255,0.5); font-size: 1rem; }

.ny_foot_bg .width1680 .t div.r{ float: right;  width: 21%;}
.ny_foot_bg .width1680 .t div.r ul{ width: 104%; }
.ny_foot_bg .width1680 .t div.r ul li{ float: left; width: 28%; margin-right: 5%; text-align: center;}
.ny_foot_bg .width1680 .t div.r ul li ol{ margin-bottom:0.75rem; }
.ny_foot_bg .width1680 .t div.r ul li ol img{ border-radius: 4px; overflow: hidden; }
.ny_foot_bg .width1680 .t div.r ul li dd{ font-size: 0.875rem; color: rgb(255,255,255,0.5); }
.ny_foot_bg .width1680 .t div.r div{ overflow: hidden; margin-top: 4rem;  line-height: 2.5rem;}
.ny_foot_bg .width1680 .t div.r div span,.ny_foot_bg .width1680 .t div.r div a{ display: block; float: left; }
.ny_foot_bg .width1680 .t div.r div span{ font-size: 0.875rem; color:rgb(255,255,255,0.5); }
.ny_foot_bg .width1680 .t div.r div a{ border-radius: 50%; height: 2.5rem; margin-left: 1rem; width: 2.5rem; position: relative; background-color: #1a273f; }
.ny_foot_bg .width1680 .t div.r div a img{ position: absolute; max-width: 90%; max-height: 90%; top: 0px; left: 0px; right: 0px; bottom: 0px; margin:auto; opacity: 0.5;transition: all .5s ease; }
.ny_foot_bg .width1680 .t div.r div a:hover img{ opacity: 1;transition: all .5s ease; }

.ny_foot_bg .width1680 .f{ height:4.75rem; margin-top:0.5rem; border-top: 1px solid rgb(255,255,255,0.2);}
.ny_foot_bg .width1680 .f dl{ line-height: 4.75rem; font-size: 0.875rem; color: rgb(255,255,255,0.5);}
.ny_foot_bg .width1680 .f dl.l{ float: left; }
.ny_foot_bg .width1680 .f dl.r{ float: right; }
.ny_foot_bg .width1680 .f dl a{color: rgb(255,255,255,0.5);}
.ny_foot_bg .width1680 .f dl a:hover{ color: #ffffff; }

/*浜у搧涓績*/
.cp_s_banner{ width: 100%; position: relative; overflow: hidden; z-index: 10;}
.cp_s_banner .bg{ position:absolute; top:0px; bottom:0px; right:0px; left:0px; background-repeat:no-repeat; background-position:center; background-size:cover;  z-index:0;}
.cp_s_banner .width1680{ position: relative; z-index: 5; height:100vh; display:flex;align-items:center; }
.cp_s_banner .width1680 .con{ color: #333333; max-width: 860px; }
.cp_s_banner .width1680 .con dd{ font-weight: bold; font-size:2.25rem; line-height:3.5rem; }
.cp_s_banner .width1680 .con dl{ font-size: 1rem; line-height: 2rem; margin-top:2rem; max-width: 560px; text-align: justify;}
.cp_s_banner .width1680 .con ol{ margin-top: 1.5rem; overflow: hidden;}
.cp_s_banner .width1680 .con ol a{ display: block; width: 9rem; height: 2.5rem; line-height: 2.5rem; border-radius: 2rem; text-align: center; font-size: 1rem;  transition: all .5s ease; border:1px solid #0184ff; float: left; margin-right:0.75rem; position: relative;}
.cp_s_banner .width1680 div ol a.fx1 img{ position: absolute;max-height: 9rem;max-width: 9rem;width: 9rem;height: 0px;opacity: 0;overflow: hidden;margin-top: 3rem;left: 0rem;transition: all .5s ease;}
.cp_s_banner .width1680 div ol a.fx1:hover img{height: 9rem; opacity: 1;transition: all .5s ease;}

.cp_s_banner .width1680 .con ol a.l,.cp_s_banner .width1680 .con ol a.r:hover{background-color:#0184ff; color: #ffffff;}
.cp_s_banner .width1680 .con ol a.r,.cp_s_banner .width1680 .con ol a.l:hover{ background-color: #ffffff;color: #0184ff;}
.cp_s_banner .width1680 .con ol a:hover{ transition: all .5s ease;}

.cp_s_bg{ background-color: #f3f6fb; }

.cp_s_tit{ position: relative; font-size: 2.25rem; color: #333333; padding-bottom:1.25rem; font-weight: bold;text-transform:capitalize;}
.cp_s_tit i{ position: absolute; height: 4px; width: 2.375rem; background-color: #619dff; bottom: 0px; }

.cp_s_jszc{ width: 100%;height: 67.5rem; display:flex;align-items:center; background-repeat: no-repeat;background-size: cover; background-position: center;}
.cp_s_jszc .width1680{ position: relative; }
.cp_s_jszc .width1680 div.l,.cp_s_jszc .width1680 div.r{width: 49%;}
.cp_s_jszc .width1680 div.l{ float: left;}
.cp_s_jszc .width1680 div.r{ position: absolute; right: 0px; top: 0px; bottom: 0px;  display:flex;align-items:center;}
.cp_s_jszc .width1680 div.r .b{ width: 100%; }
.cp_s_jszc .width1680 div.r div{ max-width: 675px; margin-left:5%; }
.cp_s_jszc .width1680 div.r div.con{ font-size: 1rem; color: #333333;overflow: hidden; line-height: 2.25rem; text-align: justify;}
.cp_s_jszc .width1680 div.r div.con table{ line-height: 1.5rem; }
.cp_s_jszc .width1680 div.r div.con table img{ margin-right: 1.25rem; height: 3rem !important; width: 3rem !important;}

.cp_s_cptd_bg{ width: 100%; background-repeat: no-repeat;background-size: cover; background-position: center; }
.cp_s_cptd{ position: relative; height: 67.5rem;}
.cp_s_cptd div.l,.cp_s_cptd div.r{ position: absolute; top: 0px; bottom: 0px; }
.cp_s_cptd div.l{left: 0px; width: 45.5%;display:flex;align-items:center;}
.cp_s_cptd div.l .b{ width: 100%; }
.cp_s_cptd div.l .cp_s_tit i{ left: 0px; }
.cp_s_cptd div.l .con{ overflow: hidden;  margin-top:1.5rem; font-size: 1rem;}
.cp_s_cptd div.l .con p{ padding-left:2.5rem; margin-top: 0.875rem; background:url(../images/tb.png) no-repeat scroll left top; background-size: 1.5rem; line-height: 1.75rem; }
.cp_s_cptd div.l .sm{padding-left:2.5rem;background:url(../images/x.png) no-repeat scroll left top; font-size: 0.875rem; color: #999999; line-height: 1.5rem; max-width: 365px; position: absolute; bottom: 7.5rem;}
.cp_s_cptd div.r{ right: 0px; width: 54.5%; }
.cp_s_cptd div.r img{ position: absolute; bottom: 0px; }

.cp_s_xlfa{ height: 67.5rem; display:flex;align-items:center;}
.cp_s_xlfa .width1680{position: relative;}
.cp_s_xlfa .width1680 div.l,.cp_s_xlfa .width1680 div.r{ width: 49%;}
.cp_s_xlfa .width1680 div.l{ float: left;}
.cp_s_xlfa .width1680 div.r{ position: absolute; right: 0px; top: 0px; bottom: 0px; max-width: 680px; display:flex;align-items:center;}
.cp_s_xlfa .width1680 div.r .b{ width: 100%; }
.cp_s_xlfa .width1680 div.r .cp_s_tit i{ left: 0px; }
.cp_s_xlfa .width1680 div.r .con{ overflow: hidden; font-size: 1rem; color: #666666; line-height: 2.25rem; margin-top:1rem; }

.cp_s_syks{ width: 100%; overflow: hidden; background: url(../images/cp_s_syks.jpg) no-repeat scroll center bottom; height: 67.5rem; display:flex;align-items:center; background-size: 100% auto;}
.cp_s_syks .width1680{}
.cp_s_syks .width1680 .cp_s_tit{ text-align: center; }
.cp_s_syks .width1680 .cp_s_tit i{ left: 50%; margin-left: -1.1875rem;}
.cp_s_syks .width1680 .sm{ text-align: center; font-size: 1rem; color: #666666; margin-top:1rem; line-height: 1.5rem; height: 7.5rem; }
.cp_s_syks .width1680 ul,.cp_s_syks .width1680 ul li{ overflow: hidden; }
.cp_s_syks .width1680 ul{ margin-top: 1rem; text-align: center;width: 109%; margin-left: -4.5%;}
.cp_s_syks .width1680 ul li{ display:inline-block; width: 23%; text-align: center;}
.cp_s_syks .width1680 ul li ol{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.14);background-color: #ffffff; border-radius: 50%; max-width:47.49%;max-height:12.5rem; margin:5px auto; position: relative; padding: 0.9375rem;}
.cp_s_syks .width1680 ul li ol img{ background-color: #f3f6fb; border-radius: 50%; margin-bottom: -4px;}
.cp_s_syks .width1680 ul li dd{ font-size: 1.125rem; color: #333333; margin-top: 2rem; line-height: 1.25rem; height: 2.5rem; }

.cp_s_anzs{ width: 100%; height: 67.5rem; display:flex;align-items:center;}
.cp_s_anzs .width1680{}
.cp_s_anzs .width1680 .cp_s_tit{ text-align: center; }
.cp_s_anzs .width1680 .cp_s_tit i{ left: 50%; margin-left: -1.1875rem;}
.cp_s_anzs .width1680 .ck-slide{ margin-top: 4.375rem; height: 40rem; position: relative; overflow: hidden; width:100%; }
.cp_s_anzs .width1680 .ck-slide ul.ck-slide-wrapper,.cp_s_anzs .width1680 .ck-slide ul.ck-slide-wrapper li{ position: absolute; top:0px; left:0px; right:0px; bottom:0px;}
.cp_s_anzs .width1680 .ck-slide ul.ck-slide-wrapper li{opacity: 0; z-index: 0;transition: all .5s ease;}
.cp_s_anzs .width1680 .ck-slide ul.ck-slide-wrapper li.on{ opacity: 1; z-index: 1;transition: all .5s ease;}
.cp_s_anzs .width1680 .ck-slide ul.ck-slide-wrapper li div.l{ float: left; width: 35%; max-width: 490px; margin-top:4.5rem;}
.cp_s_anzs .width1680 .ck-slide ul.ck-slide-wrapper li div.l dd{ font-size: 1.5rem; color: #333333; margin-bottom: 0.75rem; }
.cp_s_anzs .width1680 .ck-slide ul.ck-slide-wrapper li div.l ol{ font-size: 1rem; color: #333333; margin-bottom: 1rem;}
.cp_s_anzs .width1680 .ck-slide ul.ck-slide-wrapper li div.l dl{ font-size: 1rem; color: #666666; line-height: 2.25rem; height:11.25rem;overflow-x: hidden;overflow-y: auto; padding-right: 0.5rem;}
.cp_s_anzs .width1680 .ck-slide ul.ck-slide-wrapper li div.l dl::-webkit-scrollbar {width: 4px;}
.cp_s_anzs .width1680 .ck-slide ul.ck-slide-wrapper li div.l dl::-webkit-scrollbar-track {background-color: #eaeaea;}
.cp_s_anzs .width1680 .ck-slide ul.ck-slide-wrapper li div.l dl::-webkit-scrollbar-thumb {background-color: #4285f4;}
.cp_s_anzs .width1680 .ck-slide ul.ck-slide-wrapper li div.l dl::-webkit-scrollbar-thumb:hover {background-color: #4285f4;}
.cp_s_anzs .width1680 .ck-slide ul.ck-slide-wrapper li div.l dl::-webkit-scrollbar-thumb:active{background-color:#333333;}
.cp_s_anzs .width1680 .ck-slide ul.ck-slide-wrapper li div.l del{ display: block; margin-top: 5rem; overflow: hidden;}
.cp_s_anzs .width1680 .ck-slide ul.ck-slide-wrapper li div.l del a{ display:block; float:left; border-radius:50%; border:1px solid #f6f6f6; height:3rem; line-height:3rem; width:3rem; background-color:#ffffff; text-align:center; color:#666666; font-size:1.5rem; margin-right:1.5rem;transition:all .5s ease;}
.cp_s_anzs .width1680 .ck-slide ul.ck-slide-wrapper li div.l del a:hover{ background-color:#0184ff; border:1px solid #0184ff; color:#ffffff; transition:all .5s ease;}
.cp_s_anzs .width1680 .ck-slide ul.ck-slide-wrapper li div.r{ float: right; width: 57.322%; background: url(../images/cp_s_anzs.png) no-repeat scroll center; height: 40rem; position: relative; background-size: 100% auto; display:flex;align-items:center;}
.cp_s_anzs .width1680 .ck-slide ul.ck-slide-wrapper li div.r img{border-top-left-radius:6.875rem;border-bottom-right-radius:6.875rem; position: absolute; width: 94.5%; max-height: 35rem; opacity: 0; left: 5%;}
.cp_s_anzs .width1680 .ck-slide ul.ck-slide-wrapper li.on div.r img{ opacity: 1; left: 0px;transition: all 1s ease; }

/*鍔ㄧ敾鏁堟灉*/
#s1,#s2,#s3,#s4,#s5,#s6,#s7,#s8,#s9{position:relative; padding-top: 60vh; margin-top:-60vh;}
#s1{ z-index:9;}
#s2{ z-index:8;}
#s3{ z-index:7;}
#s4{ z-index:6;}
#s5{ z-index:5;}
#s6{ z-index:4;}
#s7{ z-index:3;}
#s8{ z-index:2;}
#s9{ z-index:1;}

#s1 .cp_s_jszc .width1680 div.l{ opacity: 0; margin-left: -30%; }
#s1.on .cp_s_jszc .width1680 div.l{ opacity: 1; margin-left:0px;transition: all 1s ease;}
#s1 .cp_s_jszc .width1680 div.r{ opacity: 0; margin-right: -30%; }
#s1.on .cp_s_jszc .width1680 div.r{ opacity: 1; margin-right:0px;transition: all 1s ease;}

#s2 .cp_s_cptd div.l{ opacity: 0; margin-left: -30%; }
#s2.on .cp_s_cptd div.l{ opacity: 1; margin-left:0px;transition: all 1s ease;}
#s2 .cp_s_cptd div.r{ opacity: 0; margin-right: -30%; }
#s2.on .cp_s_cptd div.r{ opacity: 1; margin-right:0px;transition: all 1s ease;}

#s3 .cp_s_xlfa .width1680 div.l{ opacity: 0; margin-left: -30%; }
#s3.on .cp_s_xlfa .width1680 div.l{ opacity: 1; margin-left:0px;transition: all 1s ease;}
#s3 .cp_s_xlfa .width1680 div.r{ opacity: 0; margin-right: -30%; }
#s3.on .cp_s_xlfa .width1680 div.r{ opacity: 1; margin-right:0px;transition: all 1s ease;}

#s4 .cp_s_syks .width1680 ul li ol img{ opacity: 0; transform: scale(0);}
#s4.on .cp_s_syks .width1680 ul li ol img{ opacity: 1; transform: scale(1);transition: all 2s ease;}

#s5 .cp_s_anzs .width1680 .ck-slide ul.ck-slide-wrapper{opacity: 0; margin-top:3rem;}
#s5.on  .cp_s_anzs .width1680 .ck-slide ul.ck-slide-wrapper{ opacity: 1; margin-top:0px;transition: all 1s ease;}

/*鑴戞満鐫＄湢鐩戞祴绯荤粺*/
.cp_sm_banner{ width: 100%; position: relative; overflow: hidden; z-index: 10; }
.cp_sm_banner .bg{ position:absolute; top:0px; bottom:0px; right:0px; left:0px; background-repeat:no-repeat; background-position:center; background-size:cover;  z-index:0;}
.cp_sm_banner .width1680{ position: relative; z-index: 5; height:100vh; display:flex;align-items:center; }
.cp_sm_banner .width1680 .con{ color: #333333; max-width: 665px; }
.cp_sm_banner .width1680 .con ol{ margin-bottom:1rem; font-size: 1.5rem; color: #4888f3;letter-spacing: 0.5rem;}
.cp_sm_banner .width1680 .con dd{ margin-bottom: 1rem; font-size: 3rem; font-weight:bold;text-transform:capitalize;}
.cp_sm_banner .width1680 .con dl{ font-size: 1.125rem; color: #666666; line-height: 2.25rem; }

.cp_sm_bg{ width: 100%; position: relative; }
.cp_sm_bg i.bg{ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 0; background-repeat: no-repeat; background-position: center;background-size: cover;}
.cp_sm_bg .width1680{position: relative;z-index: 2; min-height: 67.5rem;}
.cp_sm_bg .width1680 .con{ width: 100%; position: relative;}
.cp_sm_bg .t{ overflow:hidden; text-align: center; }
.cp_sm_bg .t dd{ font-size: 2.25rem; font-weight: bold; line-height: 3.75rem; position: relative; padding-bottom:1.5rem; text-transform:capitalize;}
.cp_sm_bg .t dd i{ position: absolute; height: 3px; width: 2.5rem; bottom: 0px; left: 50%; margin-left: -1.25rem; background-color: #4285f4; }
.cp_sm_bg .t dl{ font-size: 1.125rem; margin-top:1rem; line-height:2.25rem;}

.cp_sm_za{ display:flex;align-items:center;}
.cp_sm_za .con{color: #ffffff; }
.cp_sm_za .con .t dl{min-height: 7.5rem;}
.cp_sm_za .con ul.c,.cp_sm_za .con ul.c li{ overflow: hidden; }
.cp_sm_za .con ul.c{ margin-top:1.25rem;text-align: center; }
.cp_sm_za .con ul.c li{display:inline-block; position: relative; padding: 0px 3rem;}
.cp_sm_za .con ul.c li i{ position: absolute; left: 0px; top: 0px; bottom: 0px; width: 1px; background-color: rgb(255,255,255,0.38); }
.cp_sm_za .con ul.c li dd{ font-size: 4rem; font-weight:bolder; background-image: linear-gradient(to right, #96b5ff , #4686f1);  -webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.cp_sm_za .con ul.c li dl{ font-size: 1rem; line-height: 2.25rem; min-height: 4.5rem;}
.cp_sm_za .con div.f{ overflow: hidden; text-align: center; margin-top: 4rem; }
.cp_sm_za .con div.f dl{ font-size: 1.5rem; line-height: 2.25rem; }
.cp_sm_za .con div.f ol{ font-size: 1rem; margin-top: 1.5rem; }

.cp_sm_jszc{}
.cp_sm_jszc .t{ padding-top:7.5rem; }
/*.cp_sm_jszc .f{ position: absolute; bottom: 0px; width: 100%; left: 0px;}*/
.cp_sm_jszc .f{ margin-top:2rem; }
.cp_sm_jszc .f img{ margin-bottom: -4px; }

.cp_sm_zsjk{color: #ffffff;}
.cp_sm_zsjk .t{ padding-top:7.5rem; }
.cp_sm_zsjk .t dl{ min-height: 7.5rem;}
.cp_sm_zsjk .f{ margin-top:4rem; }
.cp_sm_zsjk .f img{ margin-bottom: -4px; }

.cp_sm_smzj{ display:flex;align-items:center;}
.cp_sm_smzj ul,.cp_sm_smzj ul li{ overflow: hidden; }
.cp_sm_smzj ul{ margin-top: 5rem; width: 102%;}
.cp_sm_smzj ul li{ float: left; height: 23.125rem; width: 14.823%; background:url(../images/cp_sm_smzj.png) no-repeat scroll center; background-size:cover; margin-right: 1.8%; border-radius: 1.25rem;}
.cp_sm_smzj ul li dd{ margin-bottom:2rem; width: 10.625rem; height: 10.625rem; margin:0px auto; background: url(../images/cp_sm_smzj_i.png) no-repeat scroll center; background-size: auto 100%; position: relative; margin-top:1.5rem;}
.cp_sm_smzj ul li dd img{ position: absolute; width: 88.24%; top: 0px; left: 0px; right: 0px; bottom: 0px; margin:auto; }
.cp_sm_smzj ul li dl{ margin-top: 2rem; font-size: 1.375rem; color: #ffffff; line-height: 2.25rem; text-align: center;}

.cp_sm_dwndpt{ display:flex;align-items:center;}
.cp_sm_dwndpt .con{color: #ffffff; }
.cp_sm_dwndpt .con .f{ overflow: hidden; margin-top: 3rem; }
.cp_sm_dwndpt .con .f img{ margin-bottom: -4px; }

.cp_sm_jzsfzm{ display:flex;align-items:center;}
.cp_sm_jzsfzm .con .t dl{height:auto;}
.cp_sm_jzsfzm .con .f{ overflow: hidden; margin-top: 4rem; }
.cp_sm_jzsfzm .con .f div.c{ overflow: hidden; max-width: 1200px; margin:0px auto; position: relative;}
.cp_sm_jzsfzm .con .f div.c div.l{ position: absolute; top: 0px; bottom: 0px; left: 0px; width: 40%; display:flex;align-items:center;}
.cp_sm_jzsfzm .con .f div.c div.l dl{ width: 100%; text-align: center; color: #666666; font-size: 1.125rem; line-height: 3rem; }
.cp_sm_jzsfzm .con .f div.c img.r{ float: right; width: 44%; max-width: 527px;}

.cp_sm_app{ position: relative; }
.cp_sm_app ul,.cp_sm_app ul li{ overflow: hidden; }
.cp_sm_app ul.l{ width: 45%; display:flex;align-items:center; position: absolute; top:7.5rem; left: 0px; bottom: 0px;}
.cp_sm_app ul.l li{ display: none; color: #ffffff; width: 100%;}
.cp_sm_app ul.l li ol{ margin-bottom: 2rem; overflow: hidden;}
.cp_sm_app ul.l li ol i{ font-size: 2.25rem; background-color: #4285f4; border-radius: 50%; display: block; float: left; width: 3rem; text-align: center; height: 3rem; line-height: 3rem;}
.cp_sm_app ul.l li dd{ margin-bottom: 1.25rem; font-size: 2.25rem; font-weight:bold; line-height: 3.75rem; }
.cp_sm_app ul.l li dl{ line-height: 2.5rem; font-size: 1.125rem; }
.cp_sm_app ul.r{ float: right; width: 50%; margin-top:7.5rem; max-width: 824px; overflow-x: hidden;overflow-y: auto; max-height: 58.75rem;}
.cp_sm_app ul.r::-webkit-scrollbar {width:0px;}
.cp_sm_app ul.r::-webkit-scrollbar-track {background-color: #eaeaea;}
.cp_sm_app ul.r::-webkit-scrollbar-thumb {background-color: #4285f4;}
.cp_sm_app ul.r::-webkit-scrollbar-thumb:hover {background-color: #4285f4;}
.cp_sm_app ul.r::-webkit-scrollbar-thumb:active{background-color:#333;}
.cp_sm_app ul.r li{ margin:1rem 0px 2rem; border-radius: 1.25rem;}
.cp_sm_app ul.r li img{ margin-bottom: -4px; }

.cp_sm_yxjy{ display:flex;align-items:center;}
.cp_sm_yxjy .con .f{ overflow: hidden; margin-top:3rem; width: 102%; }
.cp_sm_yxjy .con .f li{ float: left; width: 22.876%; margin-right:2.124%;}
.cp_sm_yxjy .con .f li ol{ margin-bottom:2rem; }
.cp_sm_yxjy .con .f li ol img{ margin-bottom: -4px; border-radius: 1rem; }
.cp_sm_yxjy .con .f li dl{ text-align: center; font-size: 1rem; color: #333333; line-height: 2.25rem; }

/*鍔ㄧ敾鏁堟灉*/
#s1 .cp_sm_bg .t{ opacity: 0;}
#s1.on .cp_sm_bg .t{ opacity: 1; transition: all 1s ease;}
#s1 .cp_sm_za .con ul.c{ opacity: 0; padding-top:2rem; }
#s1.on .cp_sm_za .con ul.c{ opacity: 1; padding-top: 0px; transition: all 1s ease;}
#s1 .cp_sm_za .con div.f{ opacity: 0;}
#s1.on .cp_sm_za .con div.f{ opacity: 1; transition: all 1s ease;}

#s2 .cp_sm_jszc .t{ opacity: 0;}
#s2.on .cp_sm_jszc .t{ opacity: 1; transition: all 1s ease;}
#s2 .cp_sm_jszc .f{ opacity: 0; padding-top: 2rem; }
#s2.on .cp_sm_jszc .f{ opacity: 1; padding-top: 0px; transition: all 1s ease;}

#s3 .cp_sm_zsjk .t{ opacity: 0;}
#s3.on .cp_sm_zsjk .t{ opacity: 1; transition: all 1s ease;}
#s3 .cp_sm_zsjk .f{ opacity: 0; padding-top: 2rem; }
#s3.on .cp_sm_zsjk .f{ opacity: 1; padding-top: 0px; transition: all 1s ease;}

#s4 .cp_sm_bg .t{ opacity: 0;}
#s4.on .cp_sm_bg .t{ opacity: 1; transition: all 1s ease;}
#s4 .cp_sm_smzj ul{ opacity: 0; padding-top: 2rem; }
#s4.on .cp_sm_smzj ul{ opacity: 1; padding-top: 0px; transition: all 1s ease;}

#s5 .cp_sm_bg .t{ opacity: 0;}
#s5.on .cp_sm_bg .t{ opacity: 1; transition: all 1s ease;}
#s5 .cp_sm_dwndpt .con .f{ opacity: 0; padding-top: 2rem; }
#s5.on .cp_sm_dwndpt .con .f{ opacity: 1; padding-top: 0px; transition: all 1s ease;}

#s6 .cp_sm_bg .t{ opacity: 0;}
#s6.on  .cp_sm_bg .t{ opacity: 1; transition: all 1s ease;}
#s6 .cp_sm_jzsfzm .con .f div.c div.l{ margin-left: -20%; opacity: 0; }
#s6.on .cp_sm_jzsfzm .con .f div.c div.l{ opacity: 1; margin-left: 0px; transition: all 1s ease;}

#s7 .cp_sm_app ul.l{ margin-left: -20%; opacity: 0; }
#s7.on  .cp_sm_app ul.l{ opacity: 1; margin-left: 0px; transition: all 1s ease;}

#s8 .cp_sm_bg .t{ opacity: 0;}
#s8.on .cp_sm_bg .t{ opacity: 1; transition: all 1s ease;}
#s8 .cp_sm_yxjy .con .f{ opacity: 0; padding-top: 2rem; }
#s8.on .cp_sm_yxjy .con .f{ opacity: 1; padding-top: 0px; transition: all 1s ease;}

/*鍐呴〉鍏敤*/
.xw_top_bg{ border-bottom: 1px solid rgba(255,255,255,0.1);}
.xw_top_bg.new{ background-color: #ffffff; box-shadow:0px 8px 10px 0px rgba(0,0,0,0.14);}
.xw_top_bg .width1680 a.logo img.l,.xw_top_bg.new .width1680 a.logo img.b{ display: none; }
.xw_top_bg.new .width1680 a.logo img.l{ display: block; }
.xw_top_bg .width1680 div.r div.yy,.xw_top_bg .width1680 div.r div.yy a,.xw_top_bg .width1680 div.r ul.lm li dd a{ color: #ffffff; }
.xw_top_bg.new .width1680 div.r div.yy,.xw_top_bg.new .width1680 div.r div.yy a,.xw_top_bg.new .width1680 div.r ul.lm li dd a{ color: #333333; }

.ny_bg{ width: 100%; overflow: hidden; background-color: #f5f5f5; padding: 3rem 0px 4.5rem; }

/*鏂伴椈涓績*/
.news_banner{ position: relative; width: 100%; }
.news_banner i.bg{ position: absolute; left: 0px; right: 0px; bottom: 0px;top: 0px; background-repeat: no-repeat;background-size: cover; z-index: 0; }
.news_banner .width1680{ position: relative; z-index: 1; height: 30rem;display:flex;align-items:center;}
.news_banner .width1680 .con{ width: 100%; color: #ffffff; }
.news_banner .width1680 .con ol{ font-size: 1rem;text-transform: uppercase;  }
.news_banner .width1680 .con dd{ font-size: 2.25rem; }

.news_qh{ overflow: hidden; margin-top: 4rem; }
.news_qh .ck-slide{ position: relative; overflow: hidden; width:100%; height:30rem; background-color: #f5f5f5; border-radius: 0.5rem;}
.news_qh .ck-slide ul.ck-slide-wrapper,.news_qh .ck-slide ul.ck-slide-wrapper li{ position: absolute; top:0px; left:0px; right:0px; bottom:0px;}
.news_qh .ck-slide ul.ck-slide-wrapper li{display:none; z-index: 0;}
.news_qh .ck-slide ul.ck-slide-wrapper li.on{ display:block; z-index: 1;}
.news_qh .ck-slide ul.ck-slide-wrapper li div.l,.news_qh .ck-slide ul.ck-slide-wrapper li div.r{ position: absolute; top: 0px; bottom: 0px; }
.news_qh .ck-slide ul.ck-slide-wrapper li div.l{ left: 0px; width: 57.25%; background-repeat: no-repeat; background-position: center;background-size: cover;}
.news_qh .ck-slide ul.ck-slide-wrapper li div.l div.sj{ position:absolute; background-color:#4285f4; border-radius:0.5rem; color:#ffffff; padding: 0.5rem 0.875rem; text-align:center; top: 1.5rem; left: 1.5rem;}
.news_qh .ck-slide ul.ck-slide-wrapper li div.l div.sj dd{ font-size: 1.5rem; padding-bottom: 0.25rem; margin-bottom: 0.25rem; font-weight:bold; border-bottom: 1px solid rgb(255,255,255,0.2); }
.news_qh .ck-slide ul.ck-slide-wrapper li div.l div.sj dl{ font-size: 1rem;}
.news_qh .ck-slide ul.ck-slide-wrapper li div.r{ right: 0px; width: 42.75%; }
.news_qh .ck-slide ul.ck-slide-wrapper li div.r div.con{ width: 90%; margin:2rem auto; height: 26rem; }
.news_qh .ck-slide ul.ck-slide-wrapper li div.r div.con ol{ font-size: 0.875rem; color: #666666; line-height: 2rem; margin-bottom: 0.75rem;}
.news_qh .ck-slide ul.ck-slide-wrapper li div.r div.con ol span{ border:1px solid #f0f0f0; padding:2px 12px; border-radius: 1rem; }
.news_qh .ck-slide ul.ck-slide-wrapper li div.r div.con dd{ font-size: 1.5rem; color: #333333; line-height: 3rem; margin-bottom: 1rem;}
.news_qh .ck-slide ul.ck-slide-wrapper li div.r div.con dl{ font-size: 1rem; color: #666666; line-height: 2.25rem; text-align: justify; height: 11.25rem;}
.news_qh .ck-slide ul.ck-slide-wrapper li div.r div.con a.more{ display: block; margin-top: 1.5rem; width: 3rem; height: 3rem; border-radius: 50%; background:url(../images/jt2.png) no-repeat scroll center #ffffff; }

.news_qh .ck-slidebox{position:absolute;z-index:30; bottom: 2rem; width: 57.25%; left: 0px; margin-left:0px !important;}
.news_qh .ck-slidebox .slideWrap{ width:100%;}
.news_qh .ck-slidebox .slideWrap ul{width:100%; overflow:hidden;text-align:center;}
.news_qh .ck-slidebox .slideWrap ul li{display:inline-block; background-color:#ffffff; margin:0px 0.4rem; border-radius:50%; height:0.75rem; width:0.75rem;}
.news_qh .ck-slidebox .slideWrap ul li.current{background-color: #398af8;}

.news_nav{ width: 100%; padding: 2.5rem 0px; text-align: center; color: #f2f2f2;}
.news_nav a{ font-size: 1rem; color: #333333; padding: 0px 1.5rem;}
.news_nav a:hover,.news_nav a.on{ color: #4285f4; }

.news_list,.news_list li{ overflow: hidden; }
.news_list{ margin-bottom:4rem; }
.news_list li{border-top: 1px solid #eeeeee; padding: 2.25rem 0px 3rem;}
.news_list li a{ display: block; overflow: hidden;}
.news_list li a div.l,.news_list li a div.r,.news_list li a div.r div.con{height:20rem;}
.news_list li a div.l{ float: left; border-radius: 0.5rem; overflow: hidden; position: relative; width: 38%;}
.news_list li a div.l i{position:absolute;top:0px;left:0px;right:0px;bottom:0px;background-position:center;background-repeat:no-repeat;transition:all .5s ease; background-size:cover;}
.news_list li a:hover div.l i{transform: scale(1.1);transition: all .5s ease;}
.news_list li a div.r{ float: right; width: 60%; /*max-width:790px;*/ position: relative;}
.news_list li a div.r div.con{ width:80%; max-width: 620px; background: url(../images/n_jt1.png) no-repeat scroll left bottom;transition: all .5s ease;}
.news_list li a:hover div.r div.con{ background-image:url(../images/n_jt2.png); transition: all .5s ease;}
.news_list li a div.r div.con ol{ font-size: 0.875rem; color: #666666; line-height: 2rem; margin-bottom: 0.75rem;}
.news_list li a div.r div.con ol span{ border:1px solid #f0f0f0; padding:2px 12px; border-radius: 1rem; }
.news_list li a div.r div.con dd{ font-size: 1.5rem; color: #333333; line-height: 2.25rem; transition: all .5s ease;}
.news_list li a:hover div.r div.con dd{ color: #4285f4; transition: all .5s ease;}
.news_list li a div.r div.sj{position:absolute;background-color:#4285f4;border-radius:0.5rem;color:#ffffff;padding:0.5rem 0.875rem;text-align:center;top:0px;right:0px;}
.news_list li a div.r div.sj dd{ font-size:1.5rem;padding-bottom:0.25rem;margin-bottom:0.25rem;font-weight:bold;border-bottom:1px solid rgb(255,255,255,0.2);}
.news_list li a div.r div.sj ol{ font-size: 1rem;}

/*fenye*/
.fenye{ margin-bottom: 7.25rem; text-align:center;font-size:1.125rem;line-height:2.5rem;}
.fenye a{ color:#666666;}
.fenye a i{ font-size: 1.5rem; }
.fenye a,.fenye span{ margin:0px 3px;border:1px solid #f6f6f6;display:inline-block; font-size: 1rem; width: 2.5rem; height: 2.5rem; line-height: 2.5rem; border-radius: 0.5rem;}
.fenye a:hover,.fenye span{ color:#ffffff;background-color:#4989f4;border:1px solid #4989f4;}

/*鏂伴椈璇︽儏*/
.news_show .t{ font-size: 0.875rem; color: #999999; }
.news_show .t a{ color: #999999;}
.news_show .t a:hover{color:#4989f4;}
.news_show .f{ margin-top:1.5rem; }
.news_show .f div.l{ float: left; width: 74.5%;}
.news_show .f div.l .n{ border-bottom: 1px solid #e9e9e9; padding-bottom: 0.75rem; position: relative; }
.news_show .f div.l .n .s{ position: absolute; left: 0px; top: 50%; margin-top:-1.75rem; text-align: center; color: #333333;}
.news_show .f div.l .n .s ol{ font-size: 1rem; }
.news_show .f div.l .n .s dd{ font-size: 1.5rem; margin-top: 0.25rem;}
.news_show .f div.l .n .b{ font-size: 1.5rem; color: #333333; border-left: 1px solid #e9e9e9; padding:0.75rem 0px 0.75rem 1.5rem; margin-left:85px; }
.news_show .f div.l .c{ padding: 2rem 0px; min-height: 80vh; padding-left: 110px; position: relative; font-size: 1rem; color: #333333; line-height: 2.25rem; }
.news_show .f div.l .c .fx{ position: absolute; left: 0px; color: #999999; text-align: center;}
.news_show .f div.l .c .fx dd{ line-height: 2rem; }
.news_show .f div.l .c .fx dl{ margin-bottom: 1.5rem; }
.news_show .f div.l .c .fx dl a{display:block;height:2.375rem;background-position:center;background-repeat:no-repeat;margin-top:1rem;background-size:auto 100%;}
.news_show .f ul.r{ float: right;width: 23.5%; background-color: #ffffff; padding: 1rem 0px 0.5rem; }
.news_show .f ul.r li{ width: 86%; margin:0px auto; }
.news_show .f ul.r li.n{ font-size: 1rem; color: #333333; margin-bottom: 1.25rem;}
.news_show .f ul.r li.c{ border-bottom: 1px solid #eeeeee; margin-bottom: 0.875rem; padding-bottom: 0.5rem; }
.news_show .f ul.r li.c a{ display: block; }
.news_show .f ul.r li.c a ol{ color: #999999;  font-size: 0.875rem; margin-bottom: 0.5rem;}
.news_show .f ul.r li.c a dd{ overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; color: #333333; }
.news_show .f ul.r li.c a:hover dd{color:#4989f4;}

.news_show .q{ border-top: 1px solid #e9e9e9; margin-top: 3rem; padding-top: 1rem;}
.news_show .q dl{ line-height: 2rem; font-size: 0.875rem; color: #666666; overflow: hidden;}
.news_show .q dl span{ display: block; float: left; }
.news_show .q dl a{color: #666666; width: 50%; display: block; float: left; overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;}
.news_show .q dl a:hover{color:#4989f4;}

/*鍦ㄧ嚎闂*/
.zxwt_bg{ width: 100%; background-color: #f5f5f5; padding:1.5rem 0px 4rem; }
.zxwt_con{}
.zxwt_con div.l{ float: left; width: 75%; max-width: 1250px;}
.zxwt_con div.l ul,.zxwt_con div.l ul li{ overflow: hidden; }
.zxwt_con div.l ul{ margin-bottom: 2rem; }
.zxwt_con div.l ul li{ margin-bottom: 2rem; background-color: #ffffff; color: #333333; border-radius: 0.5rem; padding:1.25rem;}
.zxwt_con div.l ul li dd{ font-size: 1.125rem; padding-left: 2.5rem; position: relative; line-height: 1.75rem;}
.zxwt_con div.l ul li dd i{ position: absolute; width: 1.75rem; text-align: center; height: 1.75rem; background-color: #4285f4; color: #ffffff; border-radius: 4px; left: 0px; top: 0px;}
.zxwt_con div.l ul li dl{ font-size: 1rem; line-height: 2.25rem; min-height: 4.5rem; margin-top: 0.75rem;}

.zxwt_con ul.r,.zxwt_con ul.r li{ overflow: hidden; }
.zxwt_con ul.r{ float: right; width: 20%;background-color: #ffffff; padding:1rem 1.5%;}
.zxwt_con ul.r li.t{ font-size: 1rem; color: #333333; }
.zxwt_con ul.r li.c{ padding: 0.75rem 0px; border-bottom: 1px solid #eeeeee;}
.zxwt_con ul.r li.c a{ display: block;  font-size: 0.875rem; }
.zxwt_con ul.r li.c a ol{color: #999999; margin-bottom:0.5rem;}
.zxwt_con ul.r li.c a dd{ color: #333333; overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;}
.zxwt_con ul.r li.c a:hover dd{color:#4989f4;}


/*甯傚満鍔ㄦ€?/
.banner_scdt{ margin-top: 5.625rem;position:relative; overflow:hidden;}
.banner_scdt .slides{ overflow:hidden;}
.banner_scdt .slides li{ height: 37.5rem; background-repeat:no-repeat; background-position:50%;display:flex !important;align-items:center;background-size: cover;}
.banner_scdt .slides li .width1680{ color: #f8fafb; }
.banner_scdt .slides li .width1680 dd{ font-size: 2.25rem; line-height: 3.5rem;}
.banner_scdt .slides li .width1680 dl{ font-size: 1.125rem; line-height: 2.25rem;  margin-top: 1rem; max-width: 650px; }
.banner_scdt .slides li .width1680 ol{ margin-top:3rem; }
.banner_scdt .slides li .width1680 ol a{ display: block; border:1px solid #ffffff; height: 2.5rem; line-height: 2.5rem; border-radius: 2rem; padding:0px 1.5rem; min-width: 5.75rem; float: left; text-align: center; transition: all .5s ease; font-size: 1rem;position: relative;}
.banner_scdt .slides li .width1680 ol a:hover{transition: all .5s ease;}
.banner_scdt .slides li .width1680 ol a.l{ color: #ffffff; margin-right:2rem;}
.banner_scdt .slides li .width1680 ol a.l.fx1 img{ position: absolute;max-height: 9rem;max-width: 9rem;width: 9rem;height: 0px;opacity: 0;overflow: hidden;left: 0rem; margin-top:3rem; transition: all .5s ease;}
.banner_scdt .slides li .width1680 ol a.l.fx1:hover img{height: 9rem; opacity: 1;transition: all .5s ease;box-shadow:0px 8px 10px 0px rgba(0,0,0,0.14);}

.banner_scdt .slides li .width1680 ol a.r{background-color:#ffffff;color:#4989f4;}
.banner_scdt .slides li .width1680 ol a.l:hover{ background-color:#ffffff;color:#4989f4; }
.banner_scdt .slides li .width1680 ol a.r:hover{ background: none; color: #ffffff; }
.banner_scdt .slides li .width1680 ol a.r i{ width: 100%; }
.banner_scdt .slides li .width1680 ol a.r i.l,.banner_scdt .slides li .width1680 ol a.r:hover i.r{ display: block; }
.banner_scdt .slides li .width1680 ol a.r:hover i.l,.banner_scdt .slides li .width1680 ol a.r i.r{ display: none; }

.banner_scdt .flex-control-nav{ position:absolute; bottom:2.5rem; width:100%; text-align:center;}
.banner_scdt .flex-control-nav li{ margin:0px 0.5rem; display:inline-block;width:0.75rem;height:0.75rem; cursor: pointer;position: relative;overflow: hidden;}
.banner_scdt .flex-control-nav li a{text-indent: -99em; position:absolute; left:0px; right:0px; bottom:0px;border-radius:1rem; top:0px; background-color:rgba(255,255,255,.5);}
.banner_scdt .flex-control-nav li a:hover,.banner_scdt .flex-control-nav li a.flex-active{ background-color:rgba(255,255,255,1);}
.banner_scdt .flex-direction-nav{ display: none; }

.banner_scdt .width1680 ol a.fx1 img{ position: absolute;max-height: 9rem;max-width: 9rem;width: 9rem;height: 0px;opacity: 0;overflow: hidden;margin-top: 3rem;left: 0rem;transition: all .5s ease;}
.banner_scdt .width1680 ol a.fx1:hover img{height: 9rem; opacity: 1;transition: all .5s ease;}

.scdt_bg{ width: 100%; overflow: hidden; background-color: #f8f9fa; padding: 4.5rem 0px 2rem; }
.scdt_bg .width1680 .tit{ height: 2.5rem; line-height: 2.5rem; margin-bottom: 2.5rem; overflow: hidden; background-position: left center; background-size: auto 100%; background-repeat: no-repeat; position: relative;}
.scdt_bg .width1680 .tit span{ display: block; float: left; color: #333333; font-size: 2.25rem; padding-left:4rem; text-transform:capitalize;}
.scdt_bg .width1680 .tit a{ position: absolute; right: 0px; font-size: 1rem; color: #666666;}
.scdt_bg .width1680 .tit a i{ font-size: 1.5rem; margin-left:0.75rem; }
.scdt_bg .width1680 .tit a:hover{color: #4989f4; }

.scdt_qh{ overflow: hidden; background-color: #ffffff; border-radius: 1.5rem; margin-bottom: 5rem;}
.scdt_qh div.l,.scdt_qh div.r,.scdt_qh div.l div.c{ height: 40rem;}
.scdt_qh div.l{ float: left; width: 66.072%;}
.scdt_qh div.l div.c{ display: none; position: relative; overflow: hidden; position: relative;}
.scdt_qh div.l div.c img{ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin:auto; z-index: 0; }
.scdt_qh div.l div.c video{ width: 100%; height: 100%; position: relative; z-index: 0;}
.scdt_qh div.l div.c video::-webkit-media-controls-enclosure{display: none !important;}
.scdt_qh div.l div.c i.bg{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; z-index: 0; background-repeat: no-repeat; background-position: center;transition: all .5s ease;background-size: cover;}
.scdt_qh div.l div.c:hover i.bg{transform: scale(1.1);transition: all .5s ease;}
.scdt_qh div.l div.c a{ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1;background-color: rgb(0,0,0,0); }
.scdt_qh div.l div.c span{ position: absolute; font-size: 1rem; color: #ffffff; height: 2rem; line-height: 2rem;padding:0px 1rem; text-align: center; left: 2.5rem;top: 3.375rem; border-radius: 4px; z-index: 2; background-color: #498af4;text-transform:capitalize;}
.scdt_qh div.l div.c a i.fa-play-circle{ color: #ffffff; font-size: 4rem; position: absolute; top: 50%; margin-top: -2rem; left: 50%; margin-left:-2rem; display: none;}
.scdt_qh div.r,.scdt_qh div.r li{ overflow: hidden; }
.scdt_qh div.r{ float: right; width: 33.928%;}
.scdt_qh div.r div.n,.scdt_qh div.r ul{width: 88%; margin:0px auto;}
.scdt_qh div.r div.n{ margin-top: 3rem; position: relative; overflow: hidden;}
.scdt_qh div.r div.n span{text-transform:capitalize; display: block; float: left; font-size: 1.5rem; color: #333333; }
.scdt_qh div.r div.n a{ font-size: 1rem;  position: absolute; right: 0px; color: #666666; top: 0.25rem;}
.scdt_qh div.r div.n a:hover{color:#4989f4; }
.scdt_qh div.r div.n a i{ margin-left: 0.75rem; }

.scdt_qh div.r ul{height:34rem;overflow-x: hidden;overflow-y: auto; padding-right: 8px;}
.scdt_qh div.r ul::-webkit-scrollbar {width: 2px;}
.scdt_qh div.r ul::-webkit-scrollbar-track {background-color: #eaeaea;}
.scdt_qh div.r ul::-webkit-scrollbar-thumb {background-color: #4285f4;}
.scdt_qh div.r ul::-webkit-scrollbar-thumb:hover {background-color: #eaeaea;}
.scdt_qh div.r ul::-webkit-scrollbar-thumb:active{background-color:#eaeaea;}
.scdt_qh div.r ul li{ border-radius: 0.5rem; margin-top: 2rem; position: relative;transition: all .5s ease; cursor:pointer;}
.scdt_qh div.r ul li:hover,.scdt_qh div.r ul li.on{ background-color: #f5f5f5; transition: all .5s ease;}
.scdt_qh div.r ul li div{ position: relative;  padding:0.5rem 1rem;}
.scdt_qh div.r ul li div span{ position: absolute; left: 1rem; top: 1.25rem; padding-left:1.5rem; font-weight:bold; font-size: 1.125rem; color: #999999; }
.scdt_qh div.r ul li div span i{ position:absolute;width:0.5rem;height:0.5rem;border-radius:50%;background-color:#999999;left:0px;top:10px;}
.scdt_qh div.r ul li.on div span{ color: #498af4; }
.scdt_qh div.r ul li.on div span i{ background-color: #498af4;}
.scdt_qh div.r ul li div span b{ display: block; font-size: 1.5rem; margin-left: -4px;}
.scdt_qh div.r ul li dl{ font-size: 1.125rem; color: #333333; line-height: 2.5rem; height: 5rem; overflow: hidden; padding-left: 38%;}

.scdt_hyhy,.scdt_hyhy li{ overflow: hidden; }
.scdt_hyhy{ width: 102%; margin-bottom: 2rem; }
.scdt_hyhy li{ float: left; width:23.11%; margin-right:1.85%; margin-bottom: 2rem;}
.scdt_hyhy li a{ display: block; overflow: hidden;}
.scdt_hyhy li a ol{ position: relative; overflow: hidden; border-radius: 0.5rem; overflow: hidden; margin-bottom: 1rem;}
.scdt_hyhy li a ol span{ position:absolute; z-index:1; top:0px; right:0px; background-color:rgb(0,0,0,0.5); height: 2rem; line-height: 2rem; font-size: 0.875rem;color: #ffffff; padding:0px 0.875rem;border-bottom-left-radius:0.5rem;}
.scdt_hyhy li a ol img{transition: all .5s ease; margin-bottom: -4px;}
.scdt_hyhy li a:hover ol img{transform: scale(1.1);transition: all .5s ease;}
.scdt_hyhy li a dd{ font-size: 1rem; color: #000000; line-height: 2.25rem; height: 4.5rem; overflow: hidden; }
.scdt_hyhy li a:hover dd{color:#4989f4; }

.scdt_jxzb,.scdt_jxzb li{ overflow: hidden; }
.scdt_jxzb{ width: 102%; margin-bottom: 2rem;}
.scdt_jxzb li{ float: left; width:23.11%; margin-right:1.85%; margin-bottom: 2rem;}
.scdt_jxzb li a{ display: block; overflow: hidden;}
.scdt_jxzb li a ol{position: relative; border-radius: 0.5rem; overflow: hidden;}
.scdt_jxzb li a ol img{transition: all .5s ease; margin-bottom: -4px;}
.scdt_jxzb li a:hover ol img{transform: scale(1.1);transition: all .5s ease;}
.scdt_jxzb li a ol span{ position: absolute; z-index: 1; top: 0px; right: 0px; background:url(../images/sp_tb.png) no-repeat scroll 0.75rem center rgb(0,0,0,0.5); height:2rem; line-height:2rem; font-size:0.875rem;color:#ffffff; padding-left:2.25rem; padding-right:0.875rem;border-bottom-left-radius:0.5rem;}
.scdt_jxzb li a dd{ font-size:0.75rem; color:#999999; overflow:hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; margin-top:1.25rem;}
.scdt_jxzb li a dl{ margin-top: 1.25rem; font-size: 1rem; color: #333333; overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; padding-left:96px; position: relative; margin-bottom: 0.5rem; line-height:1.5rem;}
.scdt_jxzb li a dl span{ position: absolute; font-size: 0.75rem; color: #ffffff; background: url(../images/sp_tb2.png) no-repeat scroll 0.5rem center #498af4; padding:0px 10px 0px 24px; left: 0px; border-radius: 4px;}

.scdt_zbhd,.scdt_zbhd li{ overflow: hidden; }
.scdt_zbhd{ width: 102%; margin-bottom: 2rem;}
.scdt_zbhd li{ float: left; width:23.11%; margin-right:1.85%; margin-bottom: 2rem;}
.scdt_zbhd li a{ display: block; }
.scdt_zbhd li a ol{ position: relative; overflow: hidden; border-radius: 0.5rem; overflow: hidden;}
.scdt_zbhd li a ol img{transition: all .5s ease; margin-bottom: -4px;}
.scdt_zbhd li a:hover ol img{transform: scale(1.1);transition: all .5s ease;}
.scdt_zbhd li a ol span{ position:absolute; z-index:1; top:0px; right:0px; background:url(../images/sp_tb.png) no-repeat scroll 0.75rem center rgb(0,0,0,0.5); height: 2rem; line-height: 2rem; font-size: 0.875rem;color: #ffffff; padding-left:2.25rem; padding-right:0.875rem;border-bottom-left-radius:0.5rem;}
.scdt_zbhd li a ol span.o{ background-image: url(../images/sp_tb3.png); padding-left: 3rem;}
.scdt_zbhd li a dd{ font-size:0.75rem; color:#999999; overflow:hidden;word-break: keep-all;white-space:nowrap;text-overflow:ellipsis; margin-top:1.25rem;}
.scdt_zbhd li a dl{ margin-top: 1.25rem; font-size: 1rem; color: #333333; overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; padding-left:96px; position: relative; margin-bottom: 0.5rem; line-height:1.5rem;}
.scdt_zbhd li a dl span{ position: absolute; font-size: 0.75rem; color: #ffffff; background: url(../images/sp_tb2.png) no-repeat scroll 0.5rem center #498af4; padding:0px 10px 0px 24px; left: 0px; border-radius: 4px;}

.scdt_gyhd{ overflow: hidden; width: 100%; background:url(../images/scdt_gyhd_bg.jpg) no-repeat scroll center bottom; background-size:100% auto; min-height:10rem; margin-bottom: 2.25rem; padding-top: 2rem;}
.scdt_gyhd .width1680 ul,.scdt_gyhd .width1680 ul li{ overflow: hidden; }
.scdt_gyhd .width1680 ul{ width: 102%;}
.scdt_gyhd .width1680 ul li{ float: left; width:23.11%; margin-right:1.85%; margin-bottom: 2.5rem;}
.scdt_gyhd .width1680 ul li a{ display: block; }
.scdt_gyhd .width1680 ul li a ol{ position: relative; overflow: hidden; border-radius: 0.5rem; overflow: hidden; margin-bottom: 1rem;}
.scdt_gyhd .width1680 ul li a ol img{transition: all .5s ease; margin-bottom: -4px;}
.scdt_gyhd .width1680 ul li a:hover ol img{transform: scale(1.1);transition: all .5s ease;}
.scdt_gyhd .width1680 ul li a dd{ font-size: 1rem; color: #000000; line-height: 2.25rem; height: 4.5rem; overflow: hidden; }
.scdt_gyhd .width1680 ul li a:hover dd{color:#4989f4; }

.scdt_xz,.scdt_xz li{ overflow: hidden; }
.scdt_xz{ width: 102%; }
.scdt_xz li{ float: left; width: 31%; background-color: #ffffff; border-radius: 0.5rem; margin:0.5rem 1.7% 1.5rem 0.5%;transition: all .5s ease;}
.scdt_xz li:hover{ box-shadow:0px 0px 10px 0px rgba(66,133,244,0.14);transition: all .5s ease;}
.scdt_xz li a{ display: block; height: 3.75rem; line-height: 3.75rem; text-align: center; font-size: 1rem; color: #000000; padding: 0px 1rem; overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;}
.scdt_xz li a:hover{color:#4989f4;}

/*鍏充簬鎴戜滑*/
.banner_about{ width: 100%; margin-top: 5.625rem;overflow: hidden;height: 37.5rem; background-repeat:no-repeat; background-position:50%;display:flex !important;align-items:center; position: relative; z-index: 10;background-size: cover;}
.banner_about .width1680{ color: #ffffff; }
.banner_about .width1680 ol{ font-size: 1.5rem; }
.banner_about .width1680 dd{ font-size: 3rem; margin-top:1.5rem;text-transform:capitalize;}

.about_t{ padding: 4.5rem 0px 8.75rem; }
.about_t div{ overflow: hidden; }
.about_t div.l{ float: left; width: 57.5%;}
.about_t div.l dd{ margin-bottom: 2rem; font-size: 2.25rem; color: #333333; font-weight:bold; }
.about_t div.l dl{ font-size: 1rem; color: #666666; line-height: 2.25rem; }
.about_t div.r{ float: right; width: 41%; max-width: 682px;border-top-left-radius:8.125rem; border-bottom-right-radius:8.125rem;}
.about_t div.r img{ margin-bottom: -4px; }

.about_t ul,.about_t ul{ overflow: hidden; }
.about_t ul{ margin-top:4.5rem; width:100%; background:url(../images/about_t_bg.jpg) no-repeat scroll left top; background-size:100% auto; padding-top:3.75rem}
.about_t ul li{ float: left; border-left: 1px solid #f6f6f6; margin-left: -2px;cursor: pointer; width: 25%;display:flex;align-items:center; height: 7.5rem; }
.about_t ul li .bg{ width: 90%; margin:0px auto; max-width: 260px; position: relative;}
@media only screen and (max-width:1920px){
	.about_t ul li .bg{ max-width: 215px; }
}
.about_t ul li .bg i{ position: absolute; left: 0px; width: 5rem; height:6rem; background-size:100% auto; background-position: center; background-repeat: no-repeat;transition: all .5s ease; }
.about_t ul li .bg i.l{ opacity: 1; }

.about_t ul li .bg div{ float: right; font-size: 1rem; width: 7.5rem;}
.about_t ul li .bg div dd{ color: #333333;}
.about_t ul li .bg div dd b{ font-size: 3rem; margin-right: 0.75rem;}
.about_t ul li .bg div dl{ color: #999999; margin-top: 0.5rem}

.about_qywh{ width: 100%; overflow: hidden; padding: 5rem 0px;}
.about_qywh .width1680{ background:url(../images/about_qywh_bg.jpg) no-repeat scroll left bottom; background-size: 100% auto; }
.about_qywh .width1680 div.l{ float: left; padding-top: 9rem; width: 38%;}
.about_qywh .width1680 div.l dd{ margin-bottom: 2rem; font-size: 2.25rem; color: #333333; font-weight:bold; }
.about_qywh .width1680 div.l dl{ font-size: 1.125rem; color: #666666; line-height: 3rem; }
.about_qywh .width1680 div.r{ float: right; width: 61.5%; position: relative; }
.about_qywh .width1680 div.r i.fa-angle-right{ position: absolute; z-index:10; width: 3.75rem; height: 3.75rem; line-height: 3.75rem; text-align: center; font-size: 1.5rem; background-color: #4285f4; color: #ffffff; top: 50%; margin-top:-1.875rem; border-radius: 50%;}
.about_qywh .width1680 div.r span{border-top-left-radius:6.25rem;border-bottom-right-radius:6.25rem; position: absolute; right: 0px; background-color: #4285f4; top: 2.5rem; bottom: 0px; left: 3.875rem;}

.about_qywh .width1680 div.r .flexslider{ width: 93.6%; margin-bottom: 2.5rem; margin-left:1.875rem;position:relative; overflow:hidden;}
.about_qywh .width1680 div.r .flexslider .slides{ overflow:hidden;}
.about_qywh .width1680 div.r .flexslider .slides li{ position: relative; }
.about_qywh .width1680 div.r .flexslider .slides li img{border-top-left-radius:6.25rem;border-bottom-right-radius:6.25rem; margin-bottom: -4px; position: relative; z-index: 2;}

.about_qywh .width1680 div.r .flexslider .flex-control-nav{ position:absolute; bottom:0.75rem; width:100%; text-align:center;}
.about_qywh .width1680 div.r .flexslider .flex-control-nav li{ margin:0px 0.5rem; display:inline-block;width:0.5rem;height:0.5rem; cursor: pointer;position: relative;overflow: hidden;}
.about_qywh .width1680 div.r .flexslider .flex-control-nav li a{text-indent: -99em; position:absolute; left:0px; right:0px; bottom:0px;border-radius:1rem; top:0px; background-color:rgba(255,255,255,.42);}
.about_qywh .width1680 div.r .flexslider .flex-control-nav li a:hover,.about_qywh .width1680 div.r .flexslider .flex-control-nav li a.flex-active{ background-color:rgba(255,255,255,1);}

.about_qywh .width1680 div.r .flex-direction-nav{ display: none; }


.about_pplc{ width: 100%; overflow: hidden; margin: 5rem 0px; background:url(../images/about_pplc_bg.jpg) no-repeat scroll center top;}
@media only screen and (max-width:1920px){
	.about_pplc{ background-size:88.3% auto; }
}
.about_pplc .tit{ text-align: center; font-size: 2.25rem; color: #333333; margin-bottom: 4.5rem; font-weight: bold;text-transform:capitalize;}
.about_pplc .pplc{ max-width: 856px; width: 90%; margin:0px auto; position: relative; padding-bottom: 3.5rem;}
.about_pplc .pplc .flex-viewport{ overflow:initial !important; }
.about_pplc .pplc ul.slides,.about_pplc .pplc ul.slides li{ overflow: hidden; }
.about_pplc .pplc ul.slides li div.bg{ width: 96.3%; margin:0px auto; overflow: hidden;}
.about_pplc .pplc ul.slides li div.bg div{ overflow: hidden; }
.about_pplc .pplc ul.slides li div.bg div.t{ position: relative; border-radius: 10rem; }
.about_pplc .pplc ul.slides li div.bg div.t i.bg{ display: block; height: 19.375rem; background-size: 100% auto; background-position: center; background-repeat: no-repeat; }

.about_pplc .pplc ul.slides li div.bg div.t span{ position: absolute; left: 0px;top: 0px; bottom: 0px; right: 0px; z-index: 9;display:flex;align-items:center; background-color: rgb(66,133,244,0.5); opacity: 1;transition: all .5s ease;}
.about_pplc .pplc ul.slides li.flex-active-slide div.bg div.t span{ opacity: 0; transition: all .5s ease;}
.about_pplc .pplc ul.slides li div.bg div.t span i{ width: 100%; font-size: 1.5rem; color: #ffffff; text-align: center; font-weight:bold;}
.about_pplc .pplc ul.slides li div.bg div.f{ margin:2rem 0px; text-align: center; opacity: 0;transition: all .5s ease;}
.about_pplc .pplc ul.slides li.flex-active-slide div.bg div.f{ opacity: 1; transition: all .5s ease;}
.about_pplc .pplc ul.slides li div.bg div.f dd{ font-size: 2.25rem; color: #333333; font-weight: bold; }
.about_pplc .pplc ul.slides li div.bg div.f dl{ font-size: 1rem; color: #666666; margin-top:0.5rem; line-height: 1.5rem; min-height: 3rem;}

.about_pplc .pplc .flex-control-nav{ display: none; }

.about_pplc .pplc .flex-direction-nav{ position: absolute; bottom: 0px; width: 100%; left: 0px; text-align: center;}
.about_pplc .pplc .flex-direction-nav li{ display: inline-block; border:1px solid #f6f6f6; border-radius: 50%; font-size: 1.5rem; width: 3rem; height: 3rem; line-height: 3rem; text-align: center;transition: all .5s ease; position: relative; margin:0px 1rem;}
.about_pplc .pplc .flex-direction-nav li:hover{border:1px solid #0184ff; background-color: #0184ff;transition: all .5s ease;}
.about_pplc .pplc .flex-direction-nav li a{ position: absolute; color: #0184ff; top: 0px; left: 0px; right: 0px; bottom: 0px; }
.about_pplc .pplc .flex-direction-nav li:hover a{color: #ffffff;}

.about_jcsy{ width: 100%; background:url(../images/about_jcsy_bg.jpg) no-repeat scroll center;}
.about_jcsy .width1680{ padding: 3.75rem 0px 8rem;}
.about_jcsy .width1680 .tit{ height:9.0625rem;background:url(../images/about_jcsy_tit.png) no-repeat scroll center top;text-align:center;padding-top:0.25rem;}
@media only screen and (max-width:1920px){
	.about_jcsy .width1680 .tit{ background-size: 100% auto;}
}
.about_jcsy .width1680 .tit dd{ font-size: 2.25rem; margin-bottom: 1rem; font-weight: bold;}
.about_jcsy .width1680 .tit dl{ font-size: 1.125rem; color: #666666; }
.about_jcsy .width1680 .con{ text-align: center; }
.about_jcsy .width1680 .con img{ margin-bottom: -4px; }

.about_ryzz{ padding: 4.5rem 0px; background: url(../images/about_ryzz_tit.jpg) no-repeat scroll center 4.5rem;}
@media only screen and (max-width:1920px){
	.about_ryzz{ background-size: 100% auto;}
}
.about_ryzz .tit{ text-align: center; font-size: 2.25rem; font-weight: bold;}
.about_ryzz ul.sj{ overflow: hidden; text-align: center; margin-top: 3rem;}
.about_ryzz ul.sj li{display:inline-block; background: url(../images/about_ryzz_sj.png) no-repeat; margin:0px 2.5%; background-size: 100% auto; height: 4.5rem; width: 11.875rem;}
.about_ryzz ul.sj li dd{ font-size: 1rem; color: #333333; }
.about_ryzz ul.sj li dd b{ font-size: 2.25rem; margin-right:0.25rem;}
.about_ryzz ul.sj li dl{ font-size:0.75rem; color: #666666; width:60%; margin:0px auto;}

.about_ryzz .device,.about_ryzz .device ul,.about_ryzz .device ul li{ overflow: hidden; }

.about_ryzz .device{ overflow:hidden; margin:4rem 0px 6rem; }
.about_ryzz .device .scroll,.about_ryzz .device .scroll ul{ height:17.5rem;}
.about_ryzz .device .scroll{ position:relative; width:100%;}
.about_ryzz .device .scroll ul{ position:absolute;}
.about_ryzz .device .scroll ul li{display: block;width: 25rem;height: 16.25rem;float: left;background:linear-gradient(90deg,#dce9fb,#ffffff,#ffffff,#ffffff);border-top-left-radius:2rem;box-shadow:0px 0px 10px 0px rgba(66,133,244,0.14); margin:6px 18px 6px 6px; position: relative;}
.about_ryzz .device .scroll ul li div.l{ float: left; width:48%; margin-left: 8%; height: 16.25rem;}
.about_ryzz .device .scroll ul li div.l dd{ font-size: 1.5rem; color: #333333; font-weight:bold; margin-top:2.5rem;}
.about_ryzz .device .scroll ul li div.l dl{ position: absolute; bottom: 0px; font-size: 1rem; color: #333333; line-height: 1.8rem; bottom: 1.5rem; }
.about_ryzz .device .scroll ul li div.r{ position: absolute; top: 0px; bottom: 0px; right: 0px; width: 42.5%; }
.about_ryzz .device .scroll ul li div.r img{ position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; margin:auto; }
.about_ryzz .device .qh{ position: absolute; bottom: 4rem; width: 100%; left: 0px; text-align: center;}
.about_ryzz .device .qh a{ display: inline-block; border:1px solid #f6f6f6; border-radius: 50%; font-size: 1.5rem; width: 3rem; height: 3rem; line-height: 3rem; text-align: center;transition: all .5s ease; position: relative; margin:0px 1rem; color: #0184ff;}
.about_ryzz .device .qh a:hover{border:1px solid #0184ff; background-color: #0184ff; color: #ffffff;transition: all .5s ease;}

.about_td_bg{ width: 100%; overflow: hidden; background-color: #f6fbff; padding: 3.75rem 0px 6rem; }
.about_td_bt{ overflow: hidden; margin-bottom: 4rem; }
.about_td_bt div{ overflow: hidden; }
.about_td_bt div.l{ float: left; width: 50%;}
.about_td_bt div.l ol{ font-size: 1rem; color: #333333; }
.about_td_bt div.l dd{ color:#333333; font-size: 2.25rem; line-height: 4rem; }
.about_td_bt div.l dd strong{ color: #0184ff; }
.about_td_bt div.l dl{ margin-top: 1rem; }
.about_td_bt div.r{ float: right; width: 40%; padding-top:5rem;}
.about_td_bt div.r dl{ font-size: 1rem; color: #333333; line-height: 2.25rem; }
.about_td_bt div.r ol{ margin-top:2rem; line-height: 2.5rem; }
.about_td_bt div.r ol a{ border:1px solid #4285f4; color: #4285f4; font-size: 1rem; padding: 0.5rem 1rem; border-radius:3rem; transition: all .5s ease;}
.about_td_bt div.r ol a:hover{ background-color:#4285f4; color: #ffffff;transition: all .5s ease; }

.about_td{ overflow: hidden; }
.about_td .tit{ text-align: center; font-size: 2.25rem; color: #333333; }
.about_td .con{ overflow: hidden; background:linear-gradient(90deg,#f1f8ff,#ffffff,#ffffff,#f1f8ff); box-shadow: 0px 0px 10px 0px rgba(66,133,244,0.14); height: 42.5rem; border-radius: 30rem; margin:4rem 5px 4.5rem;display:flex;align-items:center; position: relative;}
.about_td .con ul,.about_td .con ul li{ overflow: hidden;}
.about_td .con ul{ width:90%;}
.about_td .con ul.t{ margin:0px auto;}
.about_td .con ul.t li{ display: none;height:32.5rem;}
.about_td .con ul.t li div.l{ float: left; width: 40%; max-width: 555px; margin-left: 5%;}
.about_td .con ul.t li div.l dd{ font-size: 2.25rem; color: #333333; padding-top: 7.5rem; background:url(../images/yh.png) no-repeat scroll left 2.25rem; background-size: auto 2.625rem; }
.about_td .con ul.t li div.l ol{ font-size: 1rem; color: #0284ff; margin-top:1rem;}
.about_td .con ul.t li div.l dl{ font-size: 1rem; color: #666666;margin-top:1.5rem; height:9rem; line-height: 2.25rem;overflow-x: hidden;overflow-y: auto;}
.about_td .con ul.t li div.l dl::-webkit-scrollbar {width: 2px;}
.about_td .con ul.t li div.l dl::-webkit-scrollbar-track {background-color: #eaeaea;}
.about_td .con ul.t li div.l dl::-webkit-scrollbar-thumb {background-color: #4285f4;}
.about_td .con ul.t li div.l dl::-webkit-scrollbar-thumb:hover {background-color: #eaeaea;}
.about_td .con ul.t li div.l dl::-webkit-scrollbar-thumb:active{background-color:#eaeaea;}
.about_td .con ul.t li div.dt{ float: right; position: relative; width: 44%; max-width: 640px;}
.about_td .con ul.t li div.dt span{ position: absolute; background-color: #4285f4; color: #ffffff; height: 2.5rem; line-height: 2.5rem; border-radius: 2rem; padding: 0px 1rem; top: 50%; margin-top: -1.25rem; z-index: 2; }
.about_td .con ul.t li div.dt img{ border-radius: 50%; border:1px solid #4285f4; float: right; width: 82%; max-width: 514px;}

.about_td .con div.f{ position: absolute; z-index: 8; left:5%; bottom:17%; width: 90%;}
.about_td .con div.f ul{ margin-left: 5%; }
.about_td .con div.f ul li{ float:left; border:2px solid rgb(1,132,255,0);transition: all .5s ease;cursor: pointer;width:5.25rem; height:5.25rem;border-radius:50%; position:relative;}
.about_td .con div.f ul li.on{border:2px solid rgb(1,132,255,1);}
.about_td .con div.f ul li img{ width:4.375rem; height:4.375rem; border-radius:50%; position:absolute; top:0px; bottom:0px; left:0px; right:0px; margin:auto;}
.about_td .con div.f ul li:hover img{opacity: 0.5;transition: all .5s ease;}

.about_td .sj_qh{ display: none; }

.about_hyzjs{ overflow: hidden; width: 100%;}
.about_hyzjs .tit{ text-align: center; margin-bottom: 3rem;}
.about_hyzjs .tit dd{ font-size: 2.25rem; font-weight: bold;text-transform:capitalize;}
.about_hyzjs .tit dl{ font-size: 1rem; color: #666666; margin-top:1rem;}

.about_hyzjs .hyzjs{ max-width: 856px; width: 90%; margin:0px auto; position: relative; padding-bottom: 3rem;}
.about_hyzjs .hyzjs .flex-viewport{ overflow:initial !important; }
.about_hyzjs .hyzjs ul.slides,.about_hyzjs .hyzjs ul.slides li{ overflow: hidden; }
.about_hyzjs .hyzjs ul.slides li .bg{ width: 96.3%; margin:0.5rem auto; overflow: hidden; height: 22.5rem;box-shadow: 0px 0px 10px 0px rgba(66,133,244,0.14); border-radius: 0.5rem; overflow: hidden;display:flex;align-items:center; background-color: #ffffff;}
.about_hyzjs .hyzjs ul.slides li.flex-active-slide .bg{ background: linear-gradient(-45deg,#f1f8ff,#ffffff,#ffffff,#f1f8ff);}
.about_hyzjs .hyzjs ul.slides li .bg .c{ width: 89%; margin:0px auto; }
.about_hyzjs .hyzjs ul.slides li .bg .c dd{ font-size: 1.5rem; color: #333333; overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; padding-top: 4.5rem; background:url(../images/yh.png) no-repeat scroll left top;}
.about_hyzjs .hyzjs ul.slides li .bg .c dl{ margin:1.5rem 0px;font-size:1rem;color:#333333;line-height:2rem;height:8rem;overflow-x:hidden;overflow-y:auto;}
.about_hyzjs .hyzjs ul.slides li .bg .c dl::-webkit-scrollbar {width: 2px;}
.about_hyzjs .hyzjs ul.slides li .bg .c dl::-webkit-scrollbar-track {background-color: #eaeaea;}
.about_hyzjs .hyzjs ul.slides li .bg .c dl::-webkit-scrollbar-thumb {background-color: #4285f4;}
.about_hyzjs .hyzjs ul.slides li .bg .c dl::-webkit-scrollbar-thumb:hover {background-color: #eaeaea;}
.about_hyzjs .hyzjs ul.slides li .bg .c dl::-webkit-scrollbar-thumb:active{background-color:#eaeaea;}
.about_hyzjs .hyzjs ul.slides li .bg .c ol{ text-align: right; font-size: 1rem; color: #999999; }
.about_hyzjs .hyzjs .flex-control-nav{ text-align: center; bottom: 0px; position: absolute; left: 0px; width: 100%; }
.about_hyzjs .hyzjs .flex-control-nav li{margin:0px 0.5rem;display:inline-block;width:0.75rem;height:0.75rem;cursor:pointer;position:relative;overflow:hidden;}
.about_hyzjs .hyzjs .flex-control-nav li a{text-indent:-99em;position:absolute;left:0px;right:0px;bottom:0px;border-radius:1rem;top:0px;background-color:#eeeeee;}
.about_hyzjs .hyzjs .flex-control-nav li a:hover,.about_hyzjs .hyzjs .flex-control-nav li a.flex-active{ background-color:#0184ff;}

.about_hyzjs .hyzjs .flex-direction-nav{ opacity: 0; transition: all .5s ease;}
.about_hyzjs .hyzjs:hover .flex-direction-nav{ opacity: 1;transition: all .5s ease; }
.about_hyzjs .hyzjs .flex-direction-nav li a{ position: absolute; width:3rem; height: 3rem; line-height: 3rem; text-align: center; background-color: #ffffff; color: #4285f4; font-size:1.5rem; top: 50%; margin-top: -2rem; border:1px solid #4285f4; border-radius: 50%; z-index: 8;}
.about_hyzjs .hyzjs .flex-direction-nav li a:hover{background-color: #4285f4; color: #ffffff;  }
.about_hyzjs .hyzjs .flex-direction-nav li a.flex-prev{ left: -1.5rem; }
.about_hyzjs .hyzjs .flex-direction-nav li a.flex-next{ right: -1.5rem; }

/*鍔ㄧ敾鏁堟灉*/
#s1 .about_t div.l{ opacity: 0; margin-left:-30%; }
#s1.on .about_t div.l{ opacity: 1; margin-left:0%;transition: all 1s ease;}
#s1 .about_t ul{ opacity: 0;}
#s1.on .about_t ul{ opacity: 1; transition: all 1s ease;}

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

#s3 .about_pplc .pplc{ opacity: 0;}
#s3.on .about_pplc .pplc{ opacity: 1; transition: all 1s ease;}

#s4 .about_jcsy .width1680{ opacity: 0;}
#s4.on .about_jcsy .width1680{ opacity: 1; transition: all 1s ease;}

#s5 .about_ryzz ul.sj{ opacity: 0; padding-top: 2rem;}
#s5.on .about_ryzz ul.sj{ opacity: 1; padding-top: 0px; transition: all 1s ease;}
#s5 .about_ryzz .device{ opacity: 0;}
#s5.on .about_ryzz .device{ opacity: 1; transition: all 1s ease;}

#s6 .about_td_bt div.l{ opacity: 0; margin-left:-30%; }
#s6.on .about_td_bt div.l{ opacity: 1; margin-left:0%;transition: all 1s ease;}
#s6 .about_td{ opacity: 0; padding-top: 2rem; }
#s6.on .about_td{ opacity: 1; padding-top: 0px; transition: all 1s ease;}

/*鎷涜仒璇︽儏*/
.job_show{ width: 100%; background-color: #f5f5f5; overflow: hidden; margin-top: 5.625rem; }
.job_show .width1200{ padding: 1.5rem 0px 5rem; }
.job_show .width1200 .tit{ font-size: 0.875rem; color: #999999; }
.job_show .width1200 .tit a{color: #999999;}
.job_show .width1200 .tit a:hover{ color: #4285f4; }
.job_show .width1200 .con{ overflow: hidden; margin-top: 1.25rem; padding: 1.5rem 2.5rem; background-color: #ffffff; min-height: 100vh; }
.job_show .width1200 .con dd{ font-size: 1.5rem; color: #333333; margin-bottom:1rem; }
.job_show .width1200 .con ol,.job_show .width1200 .con dl{ font-size: 1rem; color: #666666; line-height: 2rem; }
.job_show .width1200 .con dl{ margin-bottom:2rem;  }

/*鑱旂郴鎴戜滑*/
.banner_lxwm{ width: 100%; margin-top: 5.625rem;overflow: hidden;height: 30rem; background-repeat:no-repeat; background-position:50%;display:flex !important;align-items:center;position: relative; z-index: 10;background-size: cover;}
.banner_lxwm .width1680{ color: #ffffff; }
.banner_lxwm .width1680 dd{ font-size: 2.25rem;}
.banner_lxwm .width1680 dl{ font-size: 1rem; margin-top:0.75rem;}
.banner_lxwm .width1680 ol{ margin-top: 2rem; }
.banner_lxwm .width1680 ol a{ display: block; width: 8.75rem; height: 2.5rem; line-height: 2.5rem; border-radius: 2rem; background-color: #ffffff; color: #4285f4; text-align: center;transition: all .5s ease; }
.banner_lxwm .width1680 ol a:hover{background-color: #4285f4; color: #ffffff;transition: all .5s ease;}

.lxwm_job{ width: 100%; padding: 4rem 0px 5rem; }
.lxwm_job .tit{ text-align: center; }
.lxwm_job .tit dd{ font-size: 2.25rem; color: #333333; text-transform:capitalize;}
.lxwm_job .tit dl{ margin-top: 2.25rem;}
.lxwm_job .tit dl a{ color: #999999; font-size: 1rem;display:inline-block; margin:0px 1rem 1rem;}
.lxwm_job .tit dl a:hover,.lxwm_job .tit dl a.on{ color: #4285f4; border-bottom:2px solid #4285f4; padding-bottom: 0.75rem;}
.lxwm_job #zsgun{ background:#FFFFFF; position:relative;width:90%; max-width: 1680px; height: 26.875rem; margin:3rem auto 0px; padding-bottom: 3.5rem;}
.lxwm_job #zsgun a.hScrollPane_leftarrow,.lxwm_job #zsgun a.hScrollPane_rightarrow{ position: absolute;border:1px solid #eeeeee; border-radius: 50%; font-size: 1.5rem; width: 3rem; height: 3rem; line-height: 3rem; text-align: center;transition: all .5s ease; top: 50%; margin-top: -1.5rem;  color: #4285f4;}
.lxwm_job #zsgun a.hScrollPane_leftarrow:hover,.lxwm_job #zsgun a.hScrollPane_rightarrow:hover{border:1px solid #0184ff; background-color: #0184ff;transition: all .5s ease; color: #ffffff;}
.lxwm_job #zsgun a.hScrollPane_leftarrow{ left: 0px; margin-left: -6rem;}
.lxwm_job #zsgun a.hScrollPane_rightarrow{ right: 0px; margin-right:-6rem;}
.lxwm_job #gundiv,.lxwm_job #gundiv ul{ height: 23.125rem; }
.lxwm_job #gundiv{ width:100%; position:relative;float:left; display:inline;overflow:hidden;}
.lxwm_job #gundiv ul{position:absolute; width:10000000000%; }
.lxwm_job #gundiv ul li{ float: left; width: 566px;cursor: grab;}
.lxwm_job #gundiv ul li .bg{ display: block;box-shadow:0px 0px 6px 0px rgba(0,0,0,0.14); width: 540px; margin:3px; height: 22.5rem; border-radius: 0.5rem; overflow: hidden; position: relative;}
.lxwm_job #gundiv ul li .bg .c{ position: absolute; top: 1.5rem; bottom: 1.5rem; left: 2rem; right: 2rem; }
.lxwm_job #gundiv ul li .bg .c dd{ font-size: 1.5rem; color: #333333; font-weight: bold; }
.lxwm_job #gundiv ul li .bg .c dl{ margin:1.5rem 0px; font-size:1rem; color:#666666; line-height:2.25rem; height:13.5rem;overflow-x:hidden;overflow-y:auto;}
.lxwm_job #gundiv ul li .bg .c dl::-webkit-scrollbar {width: 2px;}
.lxwm_job #gundiv ul li .bg .c dl::-webkit-scrollbar-track {background-color: #eaeaea;}
.lxwm_job #gundiv ul li .bg .c dl::-webkit-scrollbar-thumb {background-color: #4285f4;}
.lxwm_job #gundiv ul li .bg .c dl::-webkit-scrollbar-thumb:hover {background-color: #eaeaea;}
.lxwm_job #gundiv ul li .bg .c dl::-webkit-scrollbar-thumb:active{background-color:#eaeaea;}
.lxwm_job #gundiv ul li .bg .c ol{}
.lxwm_job #gundiv ul li .bg .c ol a{ font-size: 0.875rem; color: #4285f4; padding-bottom: 0.25rem;}
.lxwm_job #gundiv ul li .bg .c ol a:hover{ border-bottom: 1px solid #4285f4;}
.hScrollPane_dragbar{width:100%; position: absolute; height: 4px; background-color: #eeeeee; left:0px; bottom: 0px; z-index:1;}
.hScrollPane_dragbar .hScrollPane_draghandle{ height: 4px; width: 7.5rem; background-color: #0284ff; cursor: pointer; position: absolute; }

.lxwm_job .sj_qh{ display: none; }

.lxwm_zsrx{ width: 100%; background-color: #f2f7ff; }
.lxwm_zsrx .width1680{ padding: 6.875rem 0px; position: relative;}
.lxwm_zsrx .width1680 div,.lxwm_zsrx .width1680 ul,.lxwm_zsrx .width1680 ul li{ overflow: hidden; }
.lxwm_zsrx .width1680 .l{ float: left; width: 51%;}
.lxwm_zsrx .width1680 .l ul.t{}
.lxwm_zsrx .width1680 .l ul.t li.n{ font-size: 2.25rem; color: #4285f4; font-weight:bold; margin-bottom: 2rem;}
.lxwm_zsrx .width1680 .l ul.t li.c{ font-size: 1rem; color: #333333; line-height: 2.25rem; margin-bottom: 2rem;}
.lxwm_zsrx .width1680 .l ul.t li.m{ font-size: 1rem; color: #666666; line-height: 2.25rem; }
.lxwm_zsrx .width1680 .l ul.f{ margin-top:4.5rem; }
.lxwm_zsrx .width1680 .l ul.f li{ float: left; width: 33.33333333%; }
.lxwm_zsrx .width1680 .l ul.f li dd{ font-size: 1rem; color: #333333;}
.lxwm_zsrx .width1680 .l ul.f li dd b{ font-size: 3rem; margin-right:0.5rem; }
.lxwm_zsrx .width1680 .l ul.f li dl{ font-size: 1rem; color: #666666; margin-top: 1.25rem; }

.lxwm_zsrx .width1680 .r{ position: absolute; top: 0px; bottom: 0px; right: 0px; width: 47%;display:flex;align-items:center; }
.lxwm_zsrx .width1680 .r .bg{ padding-left: 12%; width: 84%; position: relative;}
.lxwm_zsrx .width1680 .r .bg .c{ position: absolute; background-color: #ffffff; border-radius: 1.25rem; left: 0px; top: 1rem; padding:1rem;overflow: initial}
.lxwm_zsrx .width1680 .r .bg .c dd{ font-size: 1rem; color: #333333; }
.lxwm_zsrx .width1680 .r .bg .c dl{ font-size: 2.25rem; color: #4687f4; font-weight:bold; margin:0.5rem 0px; }
.lxwm_zsrx .width1680 .r .bg .c i{ position: absolute; width: 27px; height: 20px; background:url(../images/xl.png) no-repeat; background-size: 100%; bottom: 0px; margin-bottom: -20px; right: 1.25rem;}

.lxwm_dt{ padding: 5rem 0px; }
.lxwm_dt .dt{ height: 35rem; background-position: center; background-size: auto 100%; position: relative; }
.lxwm_dt .dt .dw{ position: absolute; top: 9.375rem; left:58%; padding-left:40px;}
.lxwm_dt .dt .dw span{ position: absolute; width: 2.25rem; height: 2.25rem; background: url(../images/dw.png) no-repeat; left: 0px;top: 50%; margin-top:-1.125rem; animation: dt_ss 3s linear infinite; -webkit-animation:dt_ss 3s linear infinite;}
@-webkit-keyframes dt_ss{ 0%,100%{opacity:1;transform: scale(1);} 50%{ opacity:.5;transform: scale(0.9);}}
@keyframes dt_ss { 0%,100%{opacity:1;transform: scale(1);} 50%{ opacity:.5;transform: scale(0.9);}}
.lxwm_dt .dt .dw i{position:absolute;width:1.5rem;height:2rem;background:url(../images/xl2.png) no-repeat;top:50%;margin-top:-1rem;background-size:auto 100%;left:1.1rem;}
.lxwm_dt .dt .dw .bg{ width: 20rem; border-radius: 0.5rem; overflow: hidden; background-color: #ffffff; }
.lxwm_dt .dt .dw .bg ol{}
.lxwm_dt .dt .dw .bg ol img{ margin-bottom: -4px; }
.lxwm_dt .dt .dw .bg dl{ font-size: 0.875rem; color: #333333; line-height: 2rem; padding: 0.75rem; }

.lxwm_dt ul.xx,.lxwm_dt ul.xx li{ overflow: hidden; }
.lxwm_dt ul.xx{ margin-top: 3.375rem; width: 102%;}
.lxwm_dt ul.xx li{ float: left; width: 31.5%; margin-right:1.7%; }
.lxwm_dt ul.xx li .bg{ border:1px solid #eeeeee; overflow: hidden; border-radius: 0.5rem; text-align: center; padding: 1.5rem 0px;}
.lxwm_dt ul.xx li .bg ol{ height: 3.125rem; }
.lxwm_dt ul.xx li .bg dd{ font-size: 1.5rem; color: #333333; margin-top: 1rem;}
.lxwm_dt ul.xx li .bg dl{ font-size: 1rem; color:#666666; margin-top: 0.75rem;}

/*鍔ㄧ敾鏁堟灉*/
#s1 .lxwm_job #zsgun{ opacity: 0; padding-top: 2rem; }
#s1.on .lxwm_job #zsgun{ opacity: 1; padding-top: 0px; transition: all 1s ease;}

#s2 .lxwm_zsrx .width1680 .r{ opacity: 0; margin-right:-25%; }
#s2.on .lxwm_zsrx .width1680 .r{ opacity: 1; margin-right:0%; transition: all 1s ease;}

#s3 .lxwm_dt .dt .dw{ margin-left: -20%; opacity: 0; }
#s3.on .lxwm_dt .dt .dw{ margin-left:0px; opacity: 1; transition: all 2s ease; }
#s3 .lxwm_dt ul.xx{ opacity: 0; }
#s3.on .lxwm_dt ul.xx{ opacity: 1; transition: all 1s ease;}


.md{ position: absolute; margin-top:-6rem; }


/*fenye*/
.fenye{ text-align:center;font-size:1.125rem;line-height:2.5rem;}
.fenye i{ display:none;}
.fenye a{ color:#000000;}
.fenye a,.fenye span{ margin:0px 3px;background-color:#dcd9d4;border:1px solid #dcd9d4;display:inline-block; width: 2.5rem; height: 2.5rem; line-height: 2.5rem; border-radius: 0.5rem;}
.fenye a:hover,.fenye span{ color:#333333;background-color:#eeeeee;}