@charset "utf-8";
/* CSS Document */
*{margin:0px; padding:0px;}
body{font-family:"Microsoft YaHei",Arial; font-size:100%; background: rgba(17,31,48,1); color:#434343; margin: 0 auto; overflow-x:hidden; position: relative; transition: 1.5s;}
ol,ul,li,p,dl,dt,dd,h1,h2,h3,h4,h5,h6{list-style:none outside none; margin:0px; padding:0px; font-size:100%; font-weight:normal;}
img {border:none;}
a:link, a:visited {color:#615e5e; text-decoration: none;outline:none;}
a:hover, a:active {color:#11b4bc; text-decoration: none;outline:none;}
.clear{clear:both;}
.kg{ width:96%; margin:0 auto; max-width:1820px;}
.kga{ width:96%; margin:0 auto; max-width:1300px;}
.fl{ float:left;}
.fr{ float:right;}
.dw{ position:relative;}
.cj{ overflow:hidden;}
.green-black {display:block; padding-top:26px; clear:both; text-align:center;}
.green-black a {padding:5px 8px 4px 8px; padding:5px 8px 4px 8px;border:1px solid #dddddd; height:12px; line-height:12px; zoom:1; font-weight:bold; font-size:12px; overflow:auto; margin-left:3px; margin-right:3px; color:#333; background:url(../images/page_bg01.png) #fff bottom repeat-x; text-decoration:none;}
.green-black a:hover {border:1px solid #ccc; height:12px; line-height:12px; zoom:1;overflow:auto;background:url(../images/page_bg02.png) top repeat-x #11b4bc; margin-left:3px; margin-right:3px; color:#fff;font-size:12px;}
.green-black span.current {padding:5px 8px 5px 8px; padding:5px 8px 4px 8px;border:1px solid #ccc; color:#fff; height:12px; line-height:12px; zoom:1; overflow:auto;  background:url(../images/page_bg02.png) top repeat-x #11b4bc; margin-left:3px; margin-right:3px; margin-top:0px; margin-bottom:0px; font-size:12px}
::-webkit-scrollbar{width:7px;height:8px;background:rgba(17,31,48,1); position:relative;}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ffbc57,#b5691a 23.44%,#703a43 48.96%,#823497 70.83%,#4799c1); border-radius: 3px;}
#dituContent{ height:450px; border-top:1px solid #ddd;}
@media screen and (max-width:770px){
#dituContent{ height:230px;}
}
/*基础配置*/

@font-face {
 font-family:"alternate";
 src: url("../fonts/alternate.eot"),
      url("../fonts/alternate.ttf");
}
@font-face {
 font-family:"Abtm";
 src: url("../fonts/Abtm.eot"),
      url("../fonts/Abtm.ttf");
}
@font-face {
 font-family:"DinEstd";
 src: url("../fonts/DinEstd.eot"),
      url("../fonts/DinEstd.ttf");
}
@font-face {
 font-family:"Dinr";
 src: url("../fonts/Dinr.eot"),
      url("../fonts/Dinr.ttf");
}
@font-face {
 font-family:"Ddinr";
 src: url("../fonts/Ddinr.eot"),
      url("../fonts/Ddinr.ttf");
}
@font-face {
 font-family:"Ddinb";
 src: url("../fonts/Ddinb.eot"),
      url("../fonts/Ddinb.ttf");
}
@font-face {
font-family:"Syl";
src: url("../fonts/Syl.eot"),
     url("../fonts/Syl.ttf");
}
@font-face {
font-family:"Syb";
src: url("../fonts/Syb.eot"),
     url("../fonts/Syb.ttf");
}
@font-face {
font-family:"Sym";
src: url("../fonts/Sym.eot"),
     url("../fonts/Sym.ttf");
}

/*首页style开始*/
.top_bg{ width: 100%; padding: 10px 0; background: rgba(17,31,48,1);  position: absolute; left: 0; top: 0; z-index:999; transition: 0.5s;}
.top_bg .top_kg{width: 96%; max-width: 1820px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; position: relative; top: 0; transition: 0.8s;}
.top_r{ display: flex; align-items: center; justify-content: space-between; flex: 1; margin-left: 6%;}
.sjj_nav{flex: 0 1 80%;}
.top_zj a{ display: block; width: 45px; height: 45px; background: rgba(52,215,225,1); font-weight: bold; border-radius: 50%; line-height: 45px; text-align: center; color: #fff;}
.sp_nav{ display:none;}
.sjj_nav>ul{ display: flex;}
.sjj_nav>ul>li{ position: relative; margin: 0 4%;}
.sjj_nav li .sp_nav_xjb{display:none;}
.sjj_nav>ul>li>a{display:block; height:60px; line-height: 60px; color: rgba(255,255,255,1); font-size: 1.5rem; padding: 0 16px; font-family: "Syl"; position:relative; z-index:9; transition:0.5s;}
.sjj_nav>ul>li::after{ content: ''; width: 100%; height: 3px; position: absolute; left: 0; bottom: 0; background-image: linear-gradient(to right, #ffbc57,#b5691a 23.44%,#703a43 48.96%,#823497 70.83%,#4799c1); transform: scaleX(0); transition: 0.5s;}
.sjj_nav>ul>li:hover::after,.sjj_nav>ul>li.cur::after{ transform: scaleX(1);}
.sjj_nav>ul>li>ul{ position:absolute; width: calc(100% + 68px); background:rgba(255,255,255,0.95); left:-34px; overflow:hidden; display:none;}
.sjj_nav>ul>li>ul>li{border-top:1px solid rgba(0,0,0,0.1);}
.sjj_nav>ul>li>ul>li:nth-child(1){ border-top:none;}
.sjj_nav>ul>li>ul>li>a{ display:block; line-height:45px; height:45px; font-size:1rem; color:rgba(51,51,51,1); text-align:center; transition:0.5s;}
.sjj_nav>ul>li>ul>li:hover>a{background:rgba(230,230,230,1); color:rgba(34,34,34,1); transition:0.5s;}
@media screen and (max-width:1350px){
.sjj_nav>ul>li{ margin: 0 2.5%;}
}
@media screen and (max-width:1270px){
.logo img{ height: 56px;}
.top_zj a{ width: 36px; height: 36px; line-height: 36px; font-size: 0.875rem;}
.sjj_nav>ul>li{ margin: 0 2.5%;}
.sjj_nav>ul>li>a{ line-height: 56px; height: 56px; font-size: 1.25rem;}
}
@media screen and (max-width:1020px){
.top_bg{padding: 0; height: 80px;}
.top_bg .top_kg{width: 100%;}
.logo{ padding-left: 1%;}
.sjj_nav>ul{ display: block;}
}
@media screen and (max-width:700px){
.top_bg{height: 50px;}
.logo img{ height: 34px;}
.top_zj a{ width: 30px; height: 30px; line-height: 30px; font-size: 0.75rem; font-weight: normal;}
}

#luxy{ z-index: 9;}
.index_bga{ width: 100%; position: relative; z-index: 10; padding-top: 350px; padding-bottom: 70px;}
.ind_bor i{ position: absolute; top: 0; width: 1px; height: 100%; background: rgba(108,81,81,1); z-index: 1; opacity: 0.7;}
.ind_bor i:nth-child(1){ left: 2.083%;}
.ind_bor i:nth-child(2){ left: 27.06%;}
.ind_bor i:nth-child(3){ left: 40.1%;}
.ind_bor i:nth-child(4){ background-image: linear-gradient(#8ef8ff, #ddff88 , #739cff , #ff8395); left: 50%;}
.ind_bor i:nth-child(5){ right: 40.1%;}
.ind_bor i:nth-child(6){ right: 27.06%;}
.ind_bor i:nth-child(7){ right: 2.083%;}
.index_bga .kg{ position: relative; z-index: 9;}
.inda_title{ text-align: center; color: rgba(255,255,255,1); font-size: 6.5rem; font-weight: bold; width: 100%; text-align: center; font-family:"Syb"; text-shadow: 2px 2px 1px rgba(117,117,117,1); position: sticky; top: 40%; padding-bottom: 180px; z-index: 9;}
.inda_pic{ text-align: center; width: 100%; transition: 0.8s;}
.inda_pic img{ max-width: 100%;}
.inda_ms{color: rgba(255,255,255,1); font-size: 1.5rem; line-height: 40px; position: relative; z-index: 9; font-family: "Syl";} 
@media screen and (max-width:1500px){
.ind_bor i:nth-child(1){ left: 1.5%;}
.ind_bor i:nth-child(2){ left: 27.06%;}
.ind_bor i:nth-child(3){ left: 40.1%;}
.ind_bor i:nth-child(4){ background-image: linear-gradient(#8ef8ff, #ddff88 , #739cff , #ff8395); left: 50%;}
.ind_bor i:nth-child(5){ right: 40.1%;}
.ind_bor i:nth-child(6){ right: 27.06%;}
.ind_bor i:nth-child(7){ right: 1.5%;}
.inda_title{ font-size: 5rem;}
.inda_ms{font-size: 1.375rem; line-height: 36px;} 
}
@media screen and (max-width:1270px){
.inda_title{ font-size: 4rem;}
.inda_ms{font-size: 1.25rem; line-height: 1.625em;}
}
@media screen and (max-width:1020px){
.ind_bor i:nth-child(2),.ind_bor i:nth-child(6){ display: none;}
}
@media screen and (max-width:700px){
.ind_bor i:nth-child(4){ opacity: 0.4;}
.index_bga{ padding: 80px 0 30px;}
.inda_title{ font-size: 2.25rem; text-shadow: 1px 1px 1px rgba(117,117,117,1); top: 28%;}
.inda_ms{font-size: 1rem;}
.inda_ms br{ display: none;}
}

.index_bgb{ width: 100%; position: relative; padding-top: 300px; z-index: 11;}
.index_bgb .ind_bor i:nth-child(1){ right: 27.06%; left: auto;}
.index_bgb .kg{ position: relative; z-index: 9;}
.indb_sz{position: sticky; top: 100px; max-width: 900px; z-index: 99;}
.indb_sz ul{ display: flex; justify-content: space-between;}
.indb_sz li{ flex: 1; color: rgba(122,122,122,1); font-size: 1.5rem; cursor: pointer; font-family: "Dinr"; position: relative; transition: 0.5s;}
.indb_sz li.cur{ color: rgba(255,255,255,1);}
.indb_sz li::after{ content: ''; width: 10px; height: 10px; background: rgba(52,215,225,1); border-radius: 50%; position: absolute; left: 30px; top: 10px; transform: scale(0); transition: 0.5s;}
.indb_sz li.cur::after{ transform: scale(1);}
.indb_gd{ position: relative; overflow: hidden;}
.indb_gd li{ display: flex; justify-content: space-between; align-items: center; height: 70vh;}
.indb_l{ color: rgba(255,255,255,1); font-size: 4rem; font-family: "Sym"; line-height: 1.25em; text-shadow: 2px 2px 1px rgba(117,117,117,1);}
.indb_r{ color: rgba(255,255,255,1); flex: 0 1 23.9%;}
.indb_r dl dt{ font-size: 2rem; height: 46px; line-height: 46px; margin-top: 20px; font-family: "Sym";}
.indb_r dl dd{ line-height: 40px; font-size: 1.375rem; color: #c6c6c6; overflow: hidden; margin-top: 30px; font-family: "Syl";}
@media screen and (max-width:1500px){
.indb_l{ font-size: 3rem;}
.indb_r dl dt{ font-size: 1.75rem; height: 42px; line-height: 42px;}
.indb_r dl dd{ line-height: 1.5em; font-size: 1.25rem; margin-top: 20px;}
}
@media screen and (max-width:1270px){
.index_bgb{ padding-top: 150px;}
.indb_sz{max-width: 700px;}
.indb_l{ font-size: 2.5rem;}
.indb_r dl dt{ font-size: 1.5rem; height: auto; line-height: 1.625em;}
.indb_r dl dd{ font-size: 1.125rem; margin-top: 10px;}
}
@media screen and (max-width:1020px){
.index_bgb .ind_bor i:nth-child(1){ right: 40.1%; display: none;}
.indb_sz{max-width: 500px;}
.indb_l{ font-size: 2.25rem;}
.indb_r{ flex: 0 1 38%;}
}
@media screen and (max-width:700px){
.index_bgb{ padding-top: 70px;}
.indb_sz{top: 60px; max-width: 240px;}
.indb_sz li{font-size: 1.25rem;}
.indb_sz li::after{ width: 6px; height: 6px; left: 24px;}
.indb_gd li{ flex-wrap: wrap; align-content: center; align-items: inherit;}
.indb_l{ flex: 0 1 100%; text-shadow: 1px 1px 1px rgba(117,117,117,1); font-size: 1.5rem;}
.indb_r{ color: rgba(255,255,255,1); flex: 0 1 100%;}
.indb_r img{ height: 24px; margin-top: 10px;}
.indb_r dl dt{ font-size: 1.25rem;}
.indb_r dl dd{ font-size: 1rem; margin-top: 5px;}
}

.index_bgc{ position: relative; z-index: 12; padding-bottom: 100px;}
.indc_pic img{ display: block; width: 100%;}
.indc_ms{ text-align: center; font-family: "Syl"; font-size: 3rem; line-height: 90px; padding-top: 35px; color: #fff;background: rgba(17,31,48,1); padding-bottom: 40px;}
@media screen and (max-width:1500px){
.indc_ms{font-size: 2.25rem; line-height: 1.625em; padding-top: 20px;}
}
@media screen and (max-width:1270px){
.indc_ms{font-size: 2rem;}
}
@media screen and (max-width:1020px){
.indc_ms{font-size: 1.625rem;}
}
@media screen and (max-width:700px){
.index_bgc{padding-bottom: 50px;}
.indc_ms{font-size: 1.125rem;}
.indc_ms br{ display: none;}
}

.index_bgd{ width: 100%; position: relative; background-size: 33.96% auto; padding-top: 120px; z-index: 14;}
.index_bgd .ind_bor i:nth-child(1){ right: 27.06%; left: auto;}
.index_bgd .kg{ position: relative; z-index: 9;}
.test22{ width: 100%; position: fixed; background: url(../images/ind_04.jpg) no-repeat 38% center; background-size: 33.9583% auto; top: 50%;left: 0;transform: translate(0,-50%);height: 100%;opacity: 0;pointer-events: none;}
.indd_nr{ position: relative;}
.indd_l{ position: sticky; top: 0;}
.indd_nr li{ height: 100vh; position: sticky; top: 0; display: flex; justify-content: space-between;}
.indd_nr li:nth-child(1){ height: calc(100vh - 130px); padding-top: 130px;}
.indd_nr li:nth-child(2){ height: calc(100vh - 305px); padding-top: 305px;}
.indd_nr li:nth-child(3){ height: calc(100vh - 480px); padding-top: 480px;}
.indd_sz{ color: rgba(52,215,225,1); font-family: "Dinr"; font-size: 1.5rem;}
.indd_mc{ font-size: 3rem; font-family: "Sym"; color: rgba(255,255,255,1); padding-top: 7px;}
.indd_r{ color: rgba(255,255,255,1); flex: 0 1 23.9%; font-size: 1.5rem; font-family: "Syl"; line-height: 40px;}
.indd_more{ position: sticky; top: 0; padding-top: 650px; display: flex; justify-content: flex-end; flex: 0 1 23.9%; z-index: 99;}
.indd_more a{ display: block; width: 200px; height: 47px; border: 1px solid rgba(255,255,255,1); border-radius: 35px; color: rgba(255,255,255,1); text-align: center; line-height: 47px; font-size: 1.25rem; font-family: "Syl";}
.indd_more a:hover{ border: 1px solid rgba(52,215,225,1); color: rgba(52,215,225,1);}
@media screen and (max-width:1500px){
.indd_nr li:nth-child(1){ height: calc(100vh - 130px); padding-top: 130px;}
.indd_nr li:nth-child(2){ height: calc(100vh - 285px); padding-top: 285px;}
.indd_nr li:nth-child(3){ height: calc(100vh - 450px); padding-top: 450px;}
.indd_mc{ font-size: 2.5rem;}
.indd_r{ font-size: 1.25rem; line-height: 30px;}
.indd_more{padding-top: 600px;}
}
@media screen and (max-width:1020px){
.indd_nr li:nth-child(1){ height: calc(100vh - 130px); padding-top: 130px;}
.indd_nr li:nth-child(2){ height: calc(100vh - 265px); padding-top: 265px;}
.indd_nr li:nth-child(3){ height: calc(100vh - 430px); padding-top: 430px;}
.index_bgd .ind_bor i:nth-child(1){ right: 40.1%;}
.indd_mc{ font-size: 2.25rem;}
.indd_r{ flex: 0 1 38%; font-size: 1.125rem;}
.indd_more a{ width: 180px; height: 42px; line-height: 42px; font-size: 1rem;}
}
@media screen and (max-width:700px){
.index_bgd{padding-top: 20px;}
.test22{display: none;}
.index_bgd .ind_bor i:nth-child(1){ right: auto; left: 40.1%;}
.indd_nr li{ height: auto !important; position: relative;}
.indd_nr li:nth-child(1){ height: calc(100vh - 70px); padding-top: 0px;}
.indd_nr li:nth-child(2){ height: calc(100vh - 180px); padding-top: 40px;}
.indd_nr li:nth-child(3){ height: calc(100vh - 320px); padding-top: 40px;}
.indd_sz{ font-size: 1.25rem;}
.indd_mc{ font-size: 1.5rem; padding-top: 5px;}
.indd_r{ flex: 0 1 58%; font-size: 1rem; line-height: 1.5em;}
.indd_more{padding-top: 40px; position: relative; padding-bottom: 60px;}
.indd_more a{ width: 130px; height: 34px; line-height: 34px; font-size: 0.875rem;}
}

.index_bge{ width: 100%; position: relative; z-index: 15; background: rgba(17,31,48,1);}
.index_bge .ind_bor i:nth-child(1){ left: 27.06%;}
.index_bge .kg{ position: relative; z-index: 9;}
.inde_tit{ font-size: 3rem; color: rgba(255,255,255,1); font-family: "Syb"; line-height: 130px; background: rgba(17,31,48,1); text-shadow: 2px 2px 1px rgba(117,117,117,1);}
.inde_jtms{ background: rgba(17,31,48,1); padding: 20px 0 60px 0; display: flex; justify-content: space-between;}
.inde_jt{ flex: 0 1 25.9%; padding-top: 20px;}
.inde_ms{ flex: 1; color: rgba(255,255,255,1); line-height: 1.625em; font-size: 1.5rem; font-family: "Syl";}
.inde_nr li{ height: 100vh; display: flex; justify-content: space-between;}
.inde_l{ font-size: 2rem; line-height: 1.5em; color: rgba(255,255,255,1); font-family: "Syb"; flex: 0 1 25.9%;}
.inde_r{ flex: 1;}
.inde_img{ display: flex; justify-content: space-between;}
.inde_img p:nth-child(1){flex: 0 1 60.062%;}
.inde_img p:nth-child(2){flex: 0 1 37.965%;}
.inde_img p img{ display: block; width: 100%;}
.inde_mc{ font-size: 1.5rem; color: rgba(255,255,255,1); font-family: "Syl"; padding: 50px 0 0 35px;}
@media screen and (max-width:1500px){
.inde_tit{ font-size: 2.875rem;}
.inde_ms{font-size: 1.25rem;}
.inde_mc{ font-size: 1.25rem; padding: 35px 0  0 25px;}
}
@media screen and (max-width:1020px){
.inde_tit{ font-size: 2.5rem;}
.inde_nr li{ height: 40vh;}
.inde_l{ font-size: 1.75rem;}
.inde_ms{ font-size: 1.125rem;}
.inde_mc{ font-size: 1.125rem; padding: 25px 0  0 15px;}
}
@media screen and (max-width:700px){
.inde_tit{ font-size: 1.875rem; text-shadow: 1px 1px 1px rgba(117,117,117,1); line-height: 100px;}
.inde_jtms{ padding: 0 0 40px 0;}
.inde_jt img{ height: 20px;}
.inde_ms{ font-size: 1rem;}
.inde_l{ font-size: 1.125rem;}
.inde_l br{ display: none;}
.inde_mc{ font-size: 1rem; padding: 10px 0 0 8px; line-height: 1.5em;}
}

.index_bgf{width: 100%; position: relative; z-index: 16;}
.index_bgf .ind_bor i:nth-child(1){ left: 27.06%;}
.index_bgf .ind_bor i:nth-child(2){ background-image: linear-gradient(#8ef8ff, #d7ff8f , #7befff , #7a97ff , #ff8395); left: 50%;}
.index_bgf .kg{ position: relative; z-index: 9;}
.indf_kg{display: flex; justify-content: space-between;}
.indf_tit{flex: 0 1 25.9%; color: rgba(255,255,255,1); line-height: 1em; font-size: 2rem;}
.indf_nr{ flex: 0 1 48%;}
.indf_nr dl{ padding-top: 135px; color: rgba(255,255,255,1); font-family: "Syl";}
.indf_nr dl dt{ font-size: 2rem;}
.indf_nr dl dd{ font-size: 1.375rem; line-height: 1.5em; margin-top: 20px;}
.index_bgf .inde_tit{ width: 48%; padding: 100px 0 0px 0;}
@media screen and (max-width:1500px){
.indf_tit{font-size: 1.875rem;}
.indf_nr dl dt{ font-size: 1.875rem;}
.indf_nr dl dd{ font-size: 1.25rem; line-height: 1.625em;}
}
@media screen and (max-width:1270px){
.indf_tit{ font-size: 1.75rem;}
}
@media screen and (max-width:1020px){
.indf_tit{ line-height: 1.5em;}
.indf_nr dl{ padding-top: 60px;}
.indf_nr dl dt{ font-size: 1.5rem;}
.indf_nr dl dd{ font-size: 1.125rem; margin-top: 10px;}
}
@media screen and (max-width:700px){
.indf_tit{ font-size: 1rem;}
.indf_nr{ flex: 0 1 65%;}
.indf_nr dl{ padding-top: 40px;}
.indf_nr dl dt{ font-size: 1.125rem;}
.indf_nr dl dd{ font-size: 1rem;}
.indf_img img{ height: 22px;}
.index_bgf .inde_tit{ padding: 30px 0 0 0;}
}

.index_bgg{ background: url(../images/ind_10.jpg) no-repeat center; padding: 120px 0; position: relative; width: 100%; z-index: 15;}
.indg_pic{ width: 100%; max-width: 1505px; margin: 0 auto; position: relative;}
.indg_pic img{ display: block; width: 100%;}
@media screen and (max-width:700px){
.index_bgg{padding: 2% 0; position: relative; width: 100%; z-index: 15;}
}

.foot_bg{position: relative; padding: 70px 0 0px 0;}
.foot_bg>.kg{ display: flex; padding-bottom: 60px;}
.foot_l{ flex: 0 1 26%;}
.fbq{ color: rgba(147,147,147,1); line-height: 24px; font-size: 1rem; padding: 15px 0; border-top: 1px solid rgba(255,255,255,0.1); text-align: center;}
.fbq em{ font-style: normal;}
.fbq a{ color: rgba(147,147,147,1); transition: 0.5s;}
.fbq a:hover{ color: rgba(255,255,255,1);}
.foot_r{ flex: 1; border-left: 1px solid rgba(170,170,170,1); padding: 0 0 0 45px;}
.foot_r ul{ display: flex; border-bottom: 1px solid rgba(255,255,255,0.1); padding: 18px 0;}
.foot_r li{ line-height: 40px; font-family: "Syl"; margin-left: 25px;}
.foot_r li:nth-child(1){margin-left: 0;}
.foot_r li a{ color: rgba(255,255,255,1); font-size: 1.25rem;}
.foot_r li:hover a{ text-decoration: underline;}
.fsous{ margin-top: 35px; border: 1px solid rgba(170,170,170,1); border-radius: 30px; height: 52px; width: 100%;}
.fsous form{ display: flex; justify-content: space-between;}
.fsous form input{ flex: 1; box-sizing: border-box; padding: 0 4%; height: 52px; background: none; border: none; outline: none; font-size: 1rem; color: rgba(255,255,255,1); font-family: "Microsoft YaHei";}
.fsous form button{ background: url(../images/fsous_an.png) no-repeat center; flex: 0 0 80px; border: 0; padding: 0; outline: none; cursor: pointer;}
@media screen and (max-width:1300px){
.foot_r li a{font-size: 1.125rem;}
}
@media screen and (max-width:1270px){
.foot_r li{ margin-left: 9px;}
}
@media screen and (max-width:1020px){
.foot_bg{padding: 50px 0 0px 0;}
.foot_c,.foot_r{ padding: 0 0 0 25px;}
.flogo img{ max-width: 96%;}
.fbq em{ display: none;}
.foot_c li a{ font-size: 1rem;}
.foot_r ul{ display: flex; flex-wrap: wrap;}
.foot_r li a{ font-size: 1rem;}
.fsous{ margin-top: 25px; height: 42px;}
.fsous form input{ padding: 0 3%; height: 42px; font-size: 0.9375rem;}
.fsous form button{ background-size: auto 50%; flex: 0 0 60px;}
}
@media screen and (max-width:700px){
.foot_bg{ padding: 10px 0 65px 0;}
.foot_bg>.kg{ flex-wrap: wrap; padding-bottom: 0px;}
.foot_c{ display: none;}
.foot_l{ order: 1; flex: 0 1 100%;}
.foot_r{ padding: 0; border-left: none;}
.foot_r ul{ display: flex; flex-wrap: wrap; padding: 10px 0;}
.foot_r li{ margin-right: 15px;}
.foot_r li:nth-child(4){ margin-right: 0;}
.foot_r li a{ font-size: 1rem;}
.fsous{ margin-top: 15px;}
.flogo{ display: none;}
.fbq{ flex: 0 1 100%; border-top: 1px solid rgba(255,255,255,0.1); margin-top: 30px; padding-top: 15px; font-size: 0.875rem; text-align: center;}
.fsous{ margin-top: 15px; height: 38px;}
.fsous form input{ height: 38px; font-size: 0.875rem;}
.fsous form button{ background-size: auto 40%; flex: 0 0 50px;}
}

.pobook{ position: fixed; top: 25%; left: 50%; width: 94%; max-width: 400px; margin-left: -200px; box-sizing: border-box; padding: 30px; background: rgba(20,28,48,0.9); border-radius: 10px; box-shadow: 0px 0px 10px rgba(255,255,255,0.1); display: none; z-index: 99999;}
.pobook i{ font-style: normal; width: 30px; height: 30px; position: absolute; right: 0; top: 0; line-height: 30px; text-align: center; color: #fff; cursor: pointer; font-size: 1.125rem;}
.pbok_title{ text-align: center; font-size: 1.5rem; color: #fff;}
.pbok_kj{ margin-top: 15px;}
.pbok_kj input{ display: block; border: 0; background: rgba(255,255,255,1); width: 92%; padding: 0 4%; height: 50px; font-size: 1rem; font-family: "Microsoft YaHei"; outline: none; margin-bottom: 8px;}
.pbok_kj input:nth-last-child(1){ background: rgba(52,215,225,1); color: #fff; width: 100%; font-size: 1.125rem; cursor: pointer;}
@media screen and (max-width:700px){
.pobook{ left: 3%; margin-left: 0; padding: 15px; border-radius: 5px;}
.pbok_kj input{ height: 42px;}
.pbok_kj input:nth-last-child(1){font-size: 1rem;}
}
/*首页style结束*/

/*内页style开始*/

/*about*/
.about_bga{ position: relative; width: 100%; padding: 245px 0 280px 0;}
.aboa_title{ font-size: 5rem; text-align: center; color: rgba(255,255,255,1);}
.aboa_pic{ padding-top: 80px;}
.aboa_pic img{ display: block; width: 100%;}
.aboa_ms{ font-size: 4rem; line-height: 1.375em; color: rgba(255,255,255,1); margin-top: -34%; padding-bottom: 8rem;}
.about_bgb{ margin-top: 50px; width: 100%; position: relative;}
.about_bgb::before{ content: ''; width: 4%; background: rgba(17,31,48,1); position: absolute; left: 25%; top: 0; height: 150px; z-index: 10;}
.about_bgb::after{ content: ''; width: 4%; background: rgba(17,31,48,1); position: absolute; left: 0; bottom: 0; height: 150px; z-index: 10;}
.about_bgb .kg{ position: relative; z-index: 11;}
.abob_nr li{ display: flex; height: 100vh;}
.abob_l{ flex: 0 1 26.65%;  text-indent: 35px; font-size: 2.5rem; line-height: 1em; color: rgba(255,255,255,1);}
.abob_r{ flex: 1; max-width: 825px; margin-left: 65px; padding-top: 150px;}
.abobr_jt{ padding-bottom: 50px;}
.abobr_bt{ color: rgba(255,255,255,1); font-size: 2.25rem;}
.abobr_ms{ font-size: 1.5rem; line-height: 50px; color: rgba(165,165,165,1); margin-top: 15px;}
.about_bgc{ background: url(../images/about_02.jpg) no-repeat center; background-size: cover; width: 100%; height: 100vh; overflow: hidden; display: flex; align-items: center; justify-content: center;}
.aboc_title{ color: rgba(255,255,255,1); font-size: 5rem;}
.about_bgd{ padding: 120px 0 200px 0; width: 100%; position: relative; overflow: hidden;}
.about_bgd .ind_bor i{ height: 170px;}
.abod_nr{ display: flex;}
.abod_l{ font-size: 2.5rem; color: rgba(255,255,255,1); text-indent: 35px; flex: 0 1 26.65%;}
.abod_r{ padding-top: 100px; flex: 1;}
.abod_r dl{ position: relative; padding: 80px 0;}
.abod_r dl:nth-child(1):before{ content: ''; width: 104%; height: 1px; background: rgba(170,170,170,1); position: absolute; top: 0; left: 0;}
.abod_r dl::after{ content: ''; width: 104%; height: 1px; background: rgba(170,170,170,1); position: absolute; bottom: 0; left: 0;}
.abod_r dl dt{ font-size: 2.25rem; color: rgba(255,255,255,1);}
.abod_r dl dd{ font-size: 2rem; color: rgba(155,155,155,1); margin-top: 15px;}
@media screen and (max-width:1500px){
.about_bga{padding: 180px 0;}
.aboa_title{ font-size: 4rem;}
.aboa_ms{ font-size: 3rem;}
.about_bgb{ margin-top: 0px;}
.aboc_title{ font-size: 4rem;}
}
@media screen and (max-width:1300px){
.about_bga{padding: 120px 0;}
.aboa_title{ font-size: 3rem;}
.aboa_ms{ font-size: 2rem;}
.aboc_title{ font-size: 3rem;}
.about_bgc{height: 70vh;}
}
@media screen and (max-width:1020px){
.about_bga{padding: 100px 0;}
.aboa_title{ font-size: 2.5rem;}
.aboa_ms{ font-size: 1.875rem;}
.abob_nr li{ height: 50vh;}
.abob_l{ font-size: 2rem;}
.aboc_title{ font-size: 2.5rem;}
.abobr_jt{ padding-bottom: 30px;}
.abob_r li{ height: 50vh; padding-top: 100px;}
.abobr_bt{ font-size: 1.875rem;}
.abobr_ms{ font-size: 1.25rem; line-height: 1.625em;}
.about_bgc{height: 50vh;}
.about_bgd{ padding: 80px 0 100px 0;}
.abod_l{ font-size: 2.25rem;}
.abod_r dl{ padding: 60px 0;}
.abod_r dl dt{ font-size: 1.875rem;}
.abod_r dl dd{ font-size: 1.25rem;}
}
@media screen and (max-width:700px){
.about_bga{ padding: 100px 0 0px 0;}
.aboa_pic{ padding-top: 30px;}
.aboa_title{ font-size: 2rem;}
.aboa_ms{ font-size: 1.5rem;}
.abob_nr li{ display: block; height: auto; padding-bottom: 60px;}
.abob_l{ font-size: 1.5rem; text-indent: 10px;}
.abob_r{ margin-left: 10px; padding-top: 20px;}
.abobr_jt{ padding-bottom: 10px;}
.abobr_jt img{ height: 15px;}
.abobr_ms{ font-size: 1rem; margin-top: 10px;}
.abobr_bt{ font-size: 1.125rem;}
.about_bgc{height: 30vh;}
.aboc_title{ font-size: 1.625rem;}
.about_bgd{ padding: 40px 0 50px 0;}
.about_bgd .ind_bor i{ height: 50px;}
.abod_nr{ display: block;}
.abod_r{ padding-top: 20px;}
.abod_l{ font-size: 1.5rem; text-indent: 10px;}
.abod_r dl{ padding: 20px 0;}
.abod_r dl::after{background: rgba(170,170,170,0.2);}
.abod_r dl dt{ font-size: 1.125rem;}
.abod_r dl dd{ font-size: 1rem; margin-top: 5px;}
}
/*about*/

/*contact*/
.cont_bga{ padding: 100px 0 250px 0; position: relative; width: 100%;}
.cont_bga::before{ content: ''; width: 1%; height: 260px; background: rgba(17,31,48,1); position: absolute; top: 100px; left: 27%; z-index: 10;}
.cont_bga::after{ content: ''; width: 1%; height: 180px; background: rgba(17,31,48,1); position: absolute; bottom: 0px; left: 27%; z-index: 10;}
.conta_nr{ display: flex;}
.conta_l{ color: rgba(255,255,255,1); font-size: 2.5rem; flex: 0 1 26.65%;}
.conta_r{ flex: 1; margin-left: 70px; padding-top: 160px;}
.conta_img{ padding-bottom: 100px;}
.conta_mc{ color: rgba(255,255,255,1); font-size: 1.875rem;}
.conta_ms{ color: rgba(255,255,255,1); padding-top: 50px;}
.conta_ms p{ font-size: 1.25rem; line-height: 26px; margin-top: 30px;}
.conta_ms a{ color: rgba(255,255,255,1);}
@media screen and (max-width:1300px){
.conta_r{margin-left: 40px;}
}
@media screen and (max-width:1020px){
.cont_bga{ padding: 130px 0 150px 0;}
.cont_bga::before,.cont_bga::after{ display: none;}
.conta_nr{ display: block;}
.conta_r{ margin-left: 0; padding-top: 100px;}
}
@media screen and (max-width:700px){
.contfl{ padding-top: 60px;}
.cont_bga{ padding: 50px 0 60px 0;}
.conta_l{ font-size: 1.625rem;}
.conta_r{ padding-top: 20px;}
.conta_img{ padding-bottom: 25px;}
.conta_img img{ height: 20px;}
.conta_mc{ font-size: 1.125rem;}
.conta_ms{ padding-top: 20px;}
.conta_ms p{ font-size: 1rem; line-height: 24px; margin-top: 15px;}
}
/*contact*/

/*video*/
.video{ padding: 200px 0 250px 0; position: relative; width: 100%;}
.video::before{ content: ''; width: 1%; height: 260px; background: rgba(17,31,48,1); position: absolute; top: 100px; left: 27%; z-index: 10;}
.video::after{ content: ''; width: 1%; height: 180px; background: rgba(17,31,48,1); position: absolute; bottom: 0px; left: 27%; z-index: 10;}
.video_title{ font-size: 3rem; color: rgba(255,255,255,1);}
.video_nr{ padding-top: 70px;}
.video_nr li a{ display: flex;}
.video_nr li:nth-child(n+2){ margin-top: 100px;}
.video_mc{ font-size: 2rem; color: rgba(255,255,255,1); flex: 0 1 26.65%;}
.video_wb{ margin-left: 80px; flex: 1; padding-top: 70px;}
.video_jt{ padding-bottom: 40px;}
.video_pic{max-width: 910px; overflow: hidden; position: relative;}
.video_pic::after{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/video_pic.png) no-repeat center rgba(0,0,0,0.2);}
.video_pic img{ display: block; width: 100%; transition: 0.5s;}
.video_pic:hover img{ transform: scale(1.05);}
@media screen and (max-width:1300px){
.video_pic::after{ background-size: 10%;}
}
@media screen and (max-width:1020px){
.video{ padding: 150px 0 200px 0;}
.video::before,.video::after{ display: none;}
.video_jt{ padding-bottom: 20px;}
.video_wb{ margin-left: 40px;}
}
@media screen and (max-width:700px){
.video{ padding: 80px 0 70px 0;}
.video_title{ font-size: 1.625rem;}
.video_nr{ padding-top: 40px;}
.video_nr li a{ display: block;}
.video_nr li:nth-child(n+2){ margin-top: 50px;}
.video_mc{ font-size: 1.125rem;}
.video_wb{ margin-left: 0px; padding-top: 10px;}
.video_jt img{ height: 20px;}
}
/*video*/

/*case*/
.case{ padding: 200px 0 250px 0; position: relative; width: 100%;}
.case_lmfl{ display: flex; justify-content: space-between; padding-top: 120px; align-items: flex-end;}
.case_lm{ color: rgba(255,255,255,0.5); font-size: 2.5rem;}
.case_fl ul{ display: flex;}
.case_fl li{ position: relative; margin-left: 95px;}
.case_fl li:nth-child(1){ margin-left: 0;}
.case_fl li a{ display: block; height: 50px; line-height: 50px; padding: 0 11px; color: #fff; font-size: 1.25rem;}
.case_fl li::after{ content: ''; width: 100%; height: 3px; position: absolute; left: 0; bottom: 0; background-image: linear-gradient(to right, #8ef8ff,#739bff,#fd8396); transform: scaleX(0); transition: 0.5s;}
.case_fl li:hover::after,.case_fl li.cur::after{ transform: scaleX(1);}
.case_nr{ padding-top: 50px;}
.case_nr li{ border-top: 1px solid rgba(255,255,255,0.3); width: 100%; padding: 50px 0;}
.case_nr li a{ display: flex; max-width: 1820px; margin: 0 auto; width: 96%;}
.case_pic{ overflow: hidden; flex: 0 1 41.21%;}
.case_pic img{ display: block; width: 100%; transition: 0.5s;}
.case_nr li:hover .case_pic img{ transform: scale(1.05);}
.case_wb{ flex: 1; margin-left: 90px; display: flex; flex-wrap: wrap; align-content: space-between;}
.case_wb h3{ color: rgba(255,255,255,1); font-size: 2rem; flex: 0 1 100%;}
.case_wb p{ width: 200px; height: 50px; line-height: 50px; border: 1px solid rgba(191,191,191,1); color: rgba(191,191,191,1); border-radius: 25px; text-align: center; font-size: 1.125rem;}
.case_wb p:hover { border: 1px solid rgba(255,255,255,1); color: rgba(255,255,255,1);}
@media screen and (max-width:1300px){
.case{ padding: 150px 0 200px 0;}
.case_lmfl{ padding-top: 70px;}
.case_lm{ font-size: 1.875rem;}
.case_fl li{ margin-left: 40px;}
.case_pic{ flex: 0 1 45%;}
.case_wb{ margin-left: 40px;}
.case_wb h3{ font-size: 1.625rem;}
.case_wb p{ width: 150px; height: 40px; line-height: 40px; font-size: 1rem;}
}
@media screen and (max-width:1020px){
.case{ padding: 120px 0 70px 0;}
.case_lmfl{ padding-top: 50px; display: block;}
.case_lm{ display: none;}
.case_fl{ overflow: hidden; width: 100%;}
.case_fl ul{ display: block;}
.case_fl li{ margin-left: 0px; float: left;}
.case_fl li a{padding: 0 10px; font-size: 1rem; height: 44px; line-height: 44px;}
.case_nr{ padding-top: 30px;}
.case_nr li{ padding: 25px 0;}
.case_wb h3{ font-size: 1.375rem;}
.case_wb p{ width: 120px; height: 32px; line-height: 32px; font-size: 0.875rem;}
}
@media screen and (max-width:700px){
.case{ padding: 70px 0 40px 0;}
.case_lmfl{ padding-top: 0px; display: block;}
.case_fl li a{padding: 0 15px;}
.case_nr{ padding-top: 15px;}
.case_nr li{ padding: 15px 0;}
.case_wb{ margin-left: 10px;}
.case_wb h3{ font-size: 1rem;}
.case_wb p{ width: 80px; height: 24px; line-height: 24px; font-size: 0.75rem;}
}
/*case*/

/*main*/
.main{ padding: 150px 0 120px 0; width: 100%;}
.showcp_an{ padding-top:0.875rem; width:100%; padding-top:40px; margin-bottom:50px; display: flex; justify-content: space-between;}
.showcp_an a{height:40px; background:#34d7e1; text-align:center; line-height:40px; display:block; font-size:1rem; color:#fff; padding: 0 15px; border-radius: 20px;}
.cnxh{ margin-top:35px;}
.cnxh_title{width:100%; position:relative; height:57px; border-top:2px solid #34d7e1;}
.cnxh_title p{display:inline-block; color:#fff; font-size:1.375rem; line-height:57px; height:57px; padding-left:1%;}

.cnxh_nr li{ margin-top:10px; width:24%; margin-right:1.333%; float:left;}
.cnxh_nr li:nth-child(4){ margin-right:0;}
.cnxh_pic{ overflow:hidden; border:1px solid #ddd;}
.cnxh_pic img{ display:block; width:100%; transition:0.5s;}
.cnxh_nr li:hover .cnxh_pic img{transform:scale(1.1);}
.cnxh_wb{ background:#ddd; height:40px; line-height:40px; overflow:hidden; font-size:0.875rem; text-align:center; transition:0.5s;}
.cnxh_nr li:hover .cnxh_wb{ background:#34d7e1; color:#fff; transition:0.5s;}
@media screen and (max-width:1020px){
.main{ padding: 100px 0 40px 0;}
}
@media screen and (max-width:700px){
.main{ padding: 80px 0 30px 0;}
.showcp_an{ padding-top:30px; margin-bottom:10px;}
.showcp_an a{height:34px; line-height:34px; font-size:0.875rem;  padding: 0 25px;}
.showcp_an a span{ display: none;}
.cnxh_nr li{ width:49%; margin-right:0%;}
.cnxh_nr li:nth-child(2n){ float: right;}
.cnxh_wb{ height: 36px; line-height: 36px;}
}
/*main*/

/*product*/
.pro_bga{ position: relative; width: 100%; padding: 100px 0 0px 0;}
.pro_bga .ind_bor i{ height: 50px;}
.pro_bga .ind_bor i:nth-child(1){ height: 100%;}
.pro_bga .ind_bor i:nth-child(2){ height: 100%;}
.pro_bga .ind_bor i:nth-child(4){ background: rgba(108,81,81,1);}
.proa_title{ text-align: center; color: rgba(255,255,255,1); font-size: 5rem; background: rgba(17,31,48,1); padding: 100px 0; position: relative; z-index: 9;}
.proa_wb{ padding-top: 50px;}
.proa_wb .abobr_ms{ line-height: 40px; margin-top: 5px;}

.proa_nr li{ display: flex; padding-bottom: 100px;}

.pro_bgb{position: relative; width: 100%; padding: 100px 0 200px 0;}
.pro_bgb .ind_bor i:nth-child(1){ height: 100%; left: 27.06%;}
.pro_bgb .video_title{ background: rgba(17,31,48,1); padding: 150px 0 100px 0; position: relative; z-index: 9;}
.prob_nr{ padding-left: 30%;}
.prob_nr li{ padding-top: 70px;}
.prob_pic{max-width: 910px; overflow: hidden; position: relative;}
.prob_pic img{ display: block; width: 100%; transition: 0.5s;}
.prob_nr li:hover .prob_pic img{ transform: scale(1.05);}
.prob_mc{ color: rgba(255,255,255,1); font-size: 1.5rem; margin-top: 20px;}

.spro_bga{ display: flex; justify-content: space-between; align-items: flex-start;}
.sproa_l{ flex: 0 0 680px; width: 680px; position: relative; overflow: hidden;}
.sproa_nr{ border: 1px solid #ddd;}
.sproa_nr .swiper-wrapper .swiper-slide img{ display: block; width: 100%;}
.sproa_fl{ margin-top: 15px;}
.sproa_fl .swiper-wrapper{ justify-content: space-between;}
.sproa_fl .swiper-wrapper .swiper-slide{ border: 1px solid #ddd; box-sizing: border-box; flex: 0 1 24%; overflow: hidden;}
.sproa_fl .swiper-wrapper .swiper-slide.swiper-slide-thumb-active{ border: 1px solid #34d7e1;}
.sproa_fl .swiper-wrapper .swiper-slide img{ display: block; width: 100%;}
.sproa_nr .swiper-button-prev{ left: 2%; margin-top: calc(0px - (var(--swiper-navigation-size)/ 0.5)); --swiper-theme-color: #34d7e1;}
.sproa_nr .swiper-button-next{ right: 2%; margin-top: calc(0px - (var(--swiper-navigation-size)/ 0.5)); --swiper-theme-color: #34d7e1;}
.sproa_r{ flex: 1; margin-left: 40px;}
.sproa_bt{ border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 15px;}
.sproa_bt h1{ font-size: 1.875rem; font-weight: bold; color: #fff;}
.sproa_bt p{ font-size: 1.125rem; margin-top: 5px; color: #fff;}
.sproa_js{ padding: 20px 0; border-bottom: 1px solid rgba(255,255,255,0.1); color: #fff;}
.sproa_js img{ max-width: 100%;}
.sproa_tel{ padding-top: 30px;}
.sproa_tel span{ display: block;  color: rgba(255,255,255,0.8);}
.sproa_tel p{ font-size: 2.25rem; font-family: "Ddinr"; color: #34d7e1;}
.sproa_an{ padding-top: 20px;}
.sproa_an a{ display: block; width: 150px; height: 50px; line-height: 50px; text-align: center; background: #34d7e1; color: #fff; border-radius: 25px;}

.proshow_bom{margin-top:50px;  position:relative;}
.proshow_bom:after{ content:""; width:100%; height:54px; display:block; background:#34d7e1; position:absolute; top:0; left:0;}
.proshow_title p{ display:inline-block; border-top:8px solid #19a4ad; background:#19a4ad; color:#fff; font-size:1.125rem; line-height:54px; height:54px; margin-top:-8px; padding:0 25px; position:relative; z-index:9;}
.proshow_title img{ margin-bottom:-3px; margin-right:6px;}
.proms_l{padding:25px 2% 40px 2%;}
.proshow_nr{ font-size:1rem; line-height:1.8em; color: #fff;}
.proshow_nr img{ max-width:100%;}
.proshow_nr .fsqi_title p,.proshow_nr .fsqh_title p{ padding-bottom:8px; line-height:40px;}
@media screen and (max-width:1300px){
.pro_bga{padding: 70px 0 0px 0;}
.proa_title{ font-size: 3.5rem; padding: 80px 0;}
.sproa_l{ width: 560px; flex: 0 0 560px;}
.sproa_bt h1{ font-size: 1.625rem;}
.sproa_bt p{ font-size: 1rem;}
.lu p{ font-size: 1rem !important;}
}
@media screen and (max-width:1020px){
.proa_nr li{ display: block;}
.proa_nr li .abob_r{ margin-left: 40px; padding-top: 30px;}
.pro_bgb{ padding: 0 0 100px 0;}
.pro_bgb .video_title{ padding: 100px 0 50px 0; font-size: 2.5rem;}
.prob_nr li{ padding-top: 50px;}
.prob_mc{ font-size: 1.25rem; margin-top: 10px;}
.spro_bga{ display: block;}
.sproa_l{ width: 100%;}
.sproa_r{ margin-left: 0; padding-top: 50px;}
}
@media screen and (max-width:700px){
.proa_title{ font-size: 2.5rem; padding: 10px 0 30px 0;}
.proa_nr li{ padding-bottom: 60px;}
.proa_nr li .abob_r{ margin-left: 10px; padding-top: 20px;}
.proa_wb{ padding-top: 30px;}
.proa_wb .abobr_ms{ line-height: 1.625em;}
.pro_bgb i{ display: none;}
.pro_bgb .video_title{ padding: 40px 0 20px 0; font-size: 1.625rem;}
.prob_nr{ padding-left: 0;}
.video_jt{ padding-bottom: 0;}
.prob_nr li{ padding-top: 30px;}
.prob_mc{ font-size: 1rem;}
.swiper-button-next, .swiper-button-prev{ top: 57%; --swiper-navigation-size: 30px;}
.sproa_r{ padding-top: 30px; position: relative;}
.sproa_bt h1{ font-size: 1.375rem;}
.sproa_an{ position: absolute; right: 0; bottom: 0;}
.sproa_an a{ width: 120px; height: 36px; line-height: 36px; font-size: 1rem;}
.proshow_bom:after{ height: 40px;}
.proshow_title p{ height: 40px; margin-top: -4px; border-top: 4px solid #19a4ad; line-height: 40px; padding: 0 20px;}
.cnxh_title{ height: 40px;}
.cnxh_title p{ height: 40px; line-height: 40px; font-size: 1.125rem;}
}
/*product*/

.news_nr li{ position:relative; margin-bottom:20px;}
.news_nr li a{ display:block; padding:2%; position:relative; z-index:9; transition:0.5s;}
.news_nr li:hover a{box-shadow:0px 1px 8px rgba(0,0,0,0.3); transition:0.5s;}
.news_pic{ overflow:hidden; width:22%;}
.news_pic img{ display:block; width:100%; transition:0.5s;}
.news_nr li:hover .news_pic img{transform:scale(1.1);}
.news_wb{ width:75%;}
.news_bt{ font-size:1.5rem; height:50px; line-height:50px; overflow:hidden;}
.news_ms{ font-size:0.875rem; line-height:24px; height:48px; color:#5f5f5f; overflow:hidden; margin-top:5px; transition:0.5s;}
.news_more{ width:126px; height:34px; text-align:center; background:#34d7e1; line-height:34px; color:#fff; font-size:0.875rem; margin-top:25px;}
.news_nr li:hover .news_more{ background:#1e1916; transition:0.5s;}
.newsshow_title{ text-align:center; border-bottom:1px dashed rgba(255,255,255,0.2); padding-bottom:12px; font-size:1.5rem; font-weight:bold; line-height:25px;}
.newsshow_title h1{ color: #fff;}
.newsshow_title p{ font-size:0.875rem; color:rgba(255,255,255,0.5); font-weight:normal; padding-top:8px;}
.newsshow_wnnr{ margin:0 auto; padding-top:15px; font-size: 1rem; line-height: 1.75em; color: #fff;}
.newsshow_wnnr img{ max-width:100%;}
.bdsharebuttonbox{ margin:0 auto; padding-top:40px; width:145px;}
.sxyjsys,.sxyjsys a{ font-size:14px;  line-height:20px;}
.sxyjsys a:hover{ text-decoration:underline;}
.xgnews-tit{ text-align:center; font-size:1.25rem; line-height: 60px; height: 60px; color:#fff; font-weight: bold;}
.xgnews-con{ padding-top:15px;}
.xgnews-con li{ float:left; width:45%; margin-left:1%; margin-right:4%; line-height:24px; list-style-position:inside; list-style-type:disc;}
.xgnews-con li a{ font-size:14px;}
.xgnews-con li span{ float:right; color:#999; font-size:12px;}
.xgnews-con li a:hover{ text-decoration:underline;}
@media screen and (max-width:1020px){
.newsshow_title{ padding-bottom:7px; font-size:1.25rem;}
.newsshow_title p{ font-size:0.75rem; padding-top:4px;}
}
@media screen and (max-width:700px){
.newsshow_title{font-size:1.125rem;}
.newsshow_title p{ padding-top:2px;}
.newsshow_wnnr{ font-size: 0.9375rem;}
}
/*内页style结束*/


.fswzj{ display:none;}@media(max-width:767px){.fswzj{ position:fixed; bottom:0; z-index:999; width:100%; display:block; background: rgba(18,32,50,1);}.fswzj ul{ padding:0px; margin:0px; list-style-type:none; border-top:2px solid rgba(255,255,255,0.1);}.fswzj ul li{color:#fff; width:25%; text-align:center; padding:0.3rem 0; position:relative; float:left;}.fswzj ul li a{ color:#fff;  display:block; border-left:1px solid rgba(255,255,255,0.1);}.fswzj ul li.on a{ border-left:none;}.fnav_pic{ width:24%; margin:0 auto;}.fnav_pic img{ width:100%;}.fnav_wb{font-size:0.875rem; padding-top:2px;}footer{ padding:20px 0 120px 0;}}

/*导航样式*/
@media screen and (max-width:1020px){
.sp_nav{width:60px;float:right;position:relative;cursor: pointer; height:60px; background:#34d7e1; padding:10px; display: block;}
.sp_nav i{display:block; color:#fff; position:absolute; width:100%; bottom:12px; left:0; text-align:center; font-style:normal;}
.sp_nav span{display:block;background:#fff;width:40%;height:2px;position:absolute;left:30%;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:22px}
.sp_nav span:nth-of-type(2){top:32px}
.sp_nav_se span:nth-of-type(1){top:22px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){top:22px;transform:rotate(-45deg)}
.sjj_nav{position:fixed; z-index:9; background:rgba(17,31,48,0.9); width:50%; height:calc(100% - 104px); line-height:40px; top:80px; right:-100%; overflow:auto; overflow-x:hidden; transition:right ease 0.5s;}
.nav_show{top:80px; right:0;}
.sjj_nav li ul,.sjj_nav li .sp_nav_xjb{ display: block;}
.sjj_nav>ul{ display: block;}
.sjj_nav>ul>li{ float:none; width:auto; background:none; border-top:1px solid rgba(255,255,255,0.1); margin-left:10px; position:relative;}
.sjj_nav>ul>li>a{ width: calc(100% - 50px); font-size:1.125rem; color:#fff; text-align:inherit; padding:inherit; height:50px; line-height:50px; background:none;}
.sjj_nav>ul>li:first-child{overflow:hidden; border-top:none;}
.sjj_nav>ul>li:first-child>a{float:left; width:calc(100% - 70px);}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav>ul>li:last-child{border-bottom:1px solid rgba(255,255,255,0.1);}
.sjj_nav ul li i{ display:block; position:absolute; top:5px; right:0px; border-left:1px solid rgba(255,255,255,0.1); height:24px; padding: 8px 10px;}
.sjj_nav ul li i svg{width:24px; height:24px; fill:#fff; transform:rotate(-90deg); transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg); fill:#ff882c;}
.sjj_nav>ul>li>ul>li{border-top:1px solid rgba(255,255,255,0.1); padding-left: 10px;}
.sjj_nav>ul>li>ul>li>a{ text-align: left; color: #fff; line-height: 50px; height: 50px;}
}
@media screen and (max-width: 700px){
.sp_header{height:50px;}
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px; height:50px; padding:0px;}
.sp_nav i{ font-size:0.8125rem; bottom:6px;}
.sp_nav span{ width:50%; left:25%;}
.sp_nav span:nth-of-type(1){top:10px}
.sp_nav span:nth-of-type(2){top:20px}
.sp_nav_se span:nth-of-type(1){top:13px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){top:13px;transform:rotate(-45deg)}
.sjj_nav{top:51px; width:60%;}
.nav_show{top:51px;}
.sjj_nav ul li a{ font-size:0.9375rem;}
.sjj_nav>ul>li>a{ height:44px; line-height:44px;}
.sjj_nav>ul>li>ul>li>a{ line-height: 44px; height: 44px; font-size: 0.875rem;}
.sjj_nav ul li i{ display:block; position:absolute; top:5px; right:0px; border-left:1px solid rgba(255,255,255,0.1); height:24px; padding: 4px 7px;}
}

.cd-top {
  display: inline-block;
  height: 30px;
  width: 30px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(77,77,77,0.8) url(../images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  border-radius:50%;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  z-index:9999;
}
.cd-top.cd-is-visible { visibility: visible; opacity: 1;}
.cd-top.cd-fade-out {opacity: .9;}
.no-touch .cd-top:hover {background-color:#e86256; opacity: 1;}
@media screen and (max-width:700px){
.cd-top { display: none;}
}

.de {margin:2em auto;padding:0;clear:both;}
.de h2 {line-height:2;font-size:2.5rem;color:#3fcbd5;}
.de h2:after {content:"";display:block;width:60px;height:4px;background:#3fcbd4;border-radius:2px;margin-top:.5em;}
.de h4 {font-size:1.25rem;color:#1db8c3;font-weight:bold;padding-bottom:1.5em;}
.de ul {display:flex;justify-content:space-between;padding:3em;position:relative;}
.de ul:nth-child(even) {background:rgba(0,0,0,0.2);}
.de ul:nth-child(even) li:first-child {border-right:1px solid rgba(255,255,255,0.2);}
.de ul li {font-size:1rem;color:#fff;}
.de dt {font-weight:bold;color:#fff;}
.de dd {padding-left:2em;padding-right:1em;margin:1em 0;line-height:1.75;}
.de_l {flex:0 0 78%;border-right:1px solid rgba(255,255,255,0.2);}
.de_r {flex:0 0 20%;position:absolute;right:0;bottom:3em;}
.de_r a {color:#fff;}
.de_r p {padding:1em;}
.de_r b {font-size:1.1rem;color:#3fcbd5;}
.de_r span {font-size:.8rem;color:#fff;}
@media (max-width: 1200px) {
.de ul {flex-wrap:wrap;padding:2em;}
.de_l, .de_r {flex:1 0 100%;}
.de_l {border-right:0;border-bottom:1px solid rgba(255,255,255,0.2);}
.de_r {position:relative;bottom:0;}
.de ul:nth-child(even) {background: rgba(250,250,250,0.25);}
}
@media (max-width: 768px) {
.de {margin:0 auto;}
.de h2 {line-height:1.5;font-size:1.5rem;text-align:center;}
.de h2:after {margin:.5em auto;}
.de ul {flex-wrap:wrap;padding:2em .5em;}
.de ul:nth-child(even) li:first-child {border-right:0;border-bottom:1px solid rgba(255,255,255,0.2);}
.de dd {padding-left:0;padding-right:0;line-height:1.5;font-size:.8rem;}
.de_r p {padding:1em 0;}
}

.conta_m{display: inline-block;text-align: center;}
.conta_m p{color: white;margin-top: 10px;}
@media screen and (max-width:520px) {
	.conta_m img{height: 100px;}
	.conta_m p{margin-top: 5px;font-size: 0.875rem;}
}

.src .video_title{margin-top: 100px;font-size: 2.25rem;font-weight: bold;}
.src .video_title::after{content: "";width: 50px;height: 3px;background: white;margin-top: 30px;display: block;}
.src .video_nr{padding-top: 50px;}
.src .video_mc{font-size: 1.65rem;}
@media screen and (max-width:700px) {
	.src .video_mc{font-size: 1.125rem;}
	.src .video_title{font-size: 1.35rem;margin-top: 40px;}
	.src .video_title::after{margin-top: 20px;}
	.src .video_nr{padding-top: 40px;}
}