@charset "utf-8";
/* CSS Document */
html {}
body{ font-family:Arial,"Microsoft YaHei"; font-size:100%; color:#5b5b5b; margin:0px auto; padding:0px; overflow-x:hidden; max-width:1920px;}
ol,ul,li,p,dl,dt,dd{list-style: none outside none; margin:0px; padding:0px;}
h1,h2,h3,h4,h5,h6{ padding:0; font-size:100%; font-weight:normal;-webkit-margin-before:0em;  -webkit-margin-after:0em;}
img {border:none;}
a:link, a:visited {color:#161616; text-decoration: none;outline:none;}
a:hover, a:active {color:#12288B; text-decoration: none;outline:none;}
.clear{clear:both;}
.kg{ max-width:1300px; width:98%; margin:0 auto;}
.kga{ max-width:1200px; width:98%; margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}
.dw{ position:relative;}
.cj{ overflow:hidden;}
.green-black {padding-top:30px; clear:both; font-family:Arial, Helvetica, sans-serif; text-align:center;}
.green-black a {border:1px solid #cacaca; padding:5px 9px; border-radius:3px; height:12px; line-height:12px; zoom:1; font-size:0.875rem; margin:0 2px; color:#333;}
.green-black a:hover,.green-black span.current{border:1px solid #ddd; border-radius:3px; padding:5px 9px; height:12px; line-height:12px; font-size:0.875rem; background:#0c6ca4; color:#fff;}
::-webkit-scrollbar {width:3px;height:8px;background-color:#fff;border-radius:2px; position:relative;}
::-webkit-scrollbar-thumb {background-color:#b1b1b1;border-radius:1px}
#dituContent{ height:400px; border:1px solid #ddd; margin-top:50px;}
@media screen and (max-width:770px){#dituContent{ height:350px;}}
@media screen and (max-width:520px){#dituContent{ height:260px;}}
@font-face {
 font-family:"Stencil";
 src: url("../fonts/Stencil.eot"),
      url("../fonts/Stencil.ttf");
}
@font-face {
 font-family:"Dina";
 src: url("../fonts/Dina.eot"),
      url("../fonts/Dina.ttf");
}
@font-face {
 font-family:"alternate";
 src: url("../fonts/alternate.eot"),
      url("../fonts/alternate.ttf");
}
@font-face {
 font-family:"Syb";
 src: url("../fonts/Syb.eot"),
      url("../fonts/Syb.ttf");
}
@font-face {
 font-family:"Syjx";
 src: url("../fonts/Syjx.eot"),
      url("../fonts/Syjx.ttf");
}
@font-face {
 font-family:"Sym";
 src: url("../fonts/Sym.eot"),
      url("../fonts/Sym.ttf");
}
@font-face {
 font-family:"Syl";
 src: url("../fonts/Syl.eot"),
      url("../fonts/Syl.ttf");
}
@font-face {
 font-family:"Dinm";
 src: url("../fonts/Dinm.eot"),
      url("../fonts/Dinm.ttf");
}
/*基础配置*/
@keyframes topbom{ 0%{bottom:3%; opacity:1;} 50%{bottom:5%; opacity:0.6;} 100%{bottom:3%; opacity:1;}} @-webkit-keyframes topbom{ 0%{bottom:5%; opacity:1;} 50%{bottom:6%; opacity:0.6;} 100%{bottom:5%; opacity:1;}}
@keyframes indasf{ 0%{transform:scale(0.4); opacity:0;} 50%{transform:scale(1); opacity:1;}80%{transform:scale(0.85); opacity:0.9;}100%{transform:scale(1); opacity:1;}}@-webkit-keyframes indasf{ 0%{transform:scale(0.4); opacity:0;} 50%{transform:scale(1); opacity:1;}80%{transform:scale(0.85); opacity:0.9;}100%{transform:scale(1); opacity:1;}}

@keyframes probom{ 0%{bottom:80px; opacity:1;} 50%{bottom:90px; opacity:0.7;} 100%{bottom:80px; opacity:1;}} @-webkit-keyframes zzt{ 0%{bottom:80px; opacity:1;} 50%{bottom:90px; opacity:0.7;} 100%{bottom:80px; opacity:1;}}
@keyframes nzzt{0% {-webkit-transform: perspective(1000px) scale(1);transform: perspective(1000px) scale(1);}100% {-webkit-transform: perspective(1000px) scale(1.1);	transform: perspective(1000px) scale(1.1);}}
@keyframes bandong{0% {-webkit-transform: perspective(1000px) scale(1);transform: perspective(1000px) scale(1);}50% {-webkit-transform: perspective(1000px) scale(1.1);	transform: perspective(1000px) scale(1.1);}100% {-webkit-transform: perspective(1000px) scale(1);transform: perspective(1000px) scale(1);}}
/*@group header*/
/*首页*/
.top{width:100%; left:0%; top:0%; position:relative; z-index:999; /*box-shadow:0px 1px 2px rgba(0,0,0,0.3);*/ transition:0.5s;}
.top.header-index{ background:#fff; transition:0.5s;}
.logo_nav{ width:94%; margin:0 auto;}
.logo{margin-top:20px;}
.logo_wb{ margin-left:25px; padding-left:20px; border-left:1px dashed #46c0ff; margin-top:6px; color:#fff; font-size:1rem; line-height:26px; letter-spacing:3.6px; transition:0.5s;}
.logo_wb p{ font-family:"Syb"; font-size:1.25rem; color:#ff8b1e; line-height:34px; letter-spacing:0;}
.tel{ margin-left:15px; margin-top:44px; position:relative; padding-left:21px;}
.tel:after{content:""; border-left:1px dashed #d0efff; position:absolute; left:0; bottom:2px; height:20px; transition:0.5s;}
.tel a{ display:block; background:url(../images/tel.png) no-repeat left center; padding-left:45px; line-height:24px; font-size:1.5rem; color:#fff; font-family:"Dina"; transition:0.5s;}
.sp_nav i{ display:none;}
.sjj_nav{}
.sjj_nav>ul>li{ float:left; position:relative;}
.sjj_nav li .sp_nav_xjb{ display:none;}
.sjj_nav>ul>li>a{display:block; padding:0 20px; text-align:center; font-size:1rem; height:112px; line-height:112px; color:#fff; position:relative; z-index:9; transition:0.5s;}
.top.header-index .sjj_nav>ul>li:hover>a,.top.header-index .sjj_nav>ul>li.cur>a{ color:#1499ea; transition:0.5s;}
.top.header-index .sjj_nav>ul>li:after{content:""; background:#ff8b1e; display:block; position:absolute; left:30%; bottom:26px; height:3px; width:40%; transform:scaleX(0); transition:0.5s;}
.top.header-index .sjj_nav>ul>li:hover:after,.top.header-index .sjj_nav>ul>li.cur:after{transform:scaleX(1); transition:0.5s;}
.top.header-index .logo_wb{ color:#6e6e6e; transition:0.5s;}
.top.header-index .tel:after{border-left:1px dashed #838383; transition:0.5s;}
.top.header-index .tel a{ background:url(../images/telh.png) no-repeat left center; color:#4f4f4f; transition:0.5s;}
.top.header-index .sjj_nav>ul>li>a{ color:#575757; transition:0.5s;}
/*navej*/
.sjj_nav>ul>li>ul{position:absolute; width:150%; background:#f2f2f2; left:-25%; border-top:1px solid #d9d9d9; display:none;}
.sjj_nav>ul>li>ul>li{ position:relative;}
.sjj_nav>ul>li>ul.sublr>li{ width:50%; float:left;}
.sjj_nav>ul>li>ul>li:before{content:""; background:#ff8b1e; width:4px; display:block; position:absolute; left:0%; bottom:0; height:100%; transform:scaleY(0); transition:0.5s;}
.sjj_nav>ul>li>ul>li:hover:before{transform:scaleY(1); transition:0.5s;}
.sjj_nav>ul>li>ul>li>a{line-height:49px; height:49px; font-size:1rem; color:#666; padding-left:20px; display:block; transition:0.5s;}
.sjj_nav>ul>li>ul>li:hover>a{color:#1499ea; background:#fff; transition:0.5s;}
.top.header-index .sjj_nav>ul>li:after{ display:none;}
@media screen and (max-width:1440px){
.logo_nav{ width:98%;}
.tel{ display:none;}
.logo{margin-top:9px;}
.sjj_nav>ul>li>a{height:90px; line-height:90px;}
}
@media screen and (max-width:1366px){}
@media screen and (max-width:770px){
.top{box-shadow:0px 1px 2px rgba(0,0,0,0.3); background:#fff;}
.logo_nav{ width:100%;}
.logo{margin-top:10px; padding-left:1%;}
.logo img{ height:60px;}
.logo_wb{margin-top:0px; color:#6e6e6e;}
.logo_wb p{ font-family:"Syb"; font-size:1.25rem; color:#ff8b1e; line-height:34px; letter-spacing:0;}
.sjj_nav>ul>li>ul{ background:none; left:auto; position:relative; border-top:none;}
.sjj_nav>ul>li>ul>li:before{ display:none;}
.top.header-index .sjj_nav>ul>li>a,.top.header-index .sjj_nav>ul>li:hover>a, .top.header-index .sjj_nav>ul>li.cur>a{color:#fff; transition:0.5s;}
.sjj_nav>ul>li>ul>li>a{ padding-left:0; color:#fff;}
}
@media screen and (max-width:520px){
.logo{margin-top:9px;}
.logo img{ height:32px;}
.logo_wb{ margin-left:10px; padding-left:8px; margin-top:0px; font-size:0.8125rem; line-height:16px; letter-spacing:0px;}
.logo_wb p{font-size:0.9375rem; line-height:18px; letter-spacing:0;}
}

.index {position:relative; max-width:1920px; margin:0 auto;}
.index .section {position:relative; max-height:950px;}
.index .section-0{background:url(../images/index_bga.jpg) no-repeat center; background-size:cover; overflow:hidden;}

.banner{height:auto; width:100%; position:relative; height:100%; display:inline-block;}
.slides{position:relative; height:100%;}
.slides li{height:100%; position:relative; width:100%; background-size:100% !important;}
.slides li a{ display:block; height:auto;}
.slides li .ydimg img{display:none;}
.flex-control-nav{ position:absolute; bottom:5%; z-index:999; width:86%; text-align:center; left:7%; display:none;}
.flex-control-nav li{ float:left; height:28px; margin:0 3px;}
.flex-control-nav li a{ background:url(../images/ban_an.png) no-repeat center; display:block; overflow:hidden; text-indent:-999px; width:28px; height:28px; cursor:pointer;transition-delay: 0s; transition-duration: 0.3s; transition-property:all; transition-timing-function:ease;}
.flex-control-nav li a.flex-active{background:url(../images/ban_anb.png) no-repeat center; transition-delay: 0s; transition-duration: 0.3s; transition-property: all; transition-timing-function: ease;}
.flex-direction-nav{position:absolute;z-index:99;width:100%;top:43vh; left:0;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;filter:alpha(opacity=80); -moz-opacity:1; -khtml-opacity:1; opacity: 1; overflow:hidden; text-indent:-999rem;}
.flex-direction-nav li a.flex-prev{left:6%;background:url(../images/ban_l.png) center no-repeat; background-size:100%;}
.flex-direction-nav li a.flex-next{right:6%;background:url(../images/ban_r.png) center no-repeat; background-size:100%;}
.flex-direction-nav li a:hover{filter:alpha(opacity=60); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}

.slides li .inda_kg{ padding-top:24%; color:#fff; transform:scale(0); transition:0.2s;}
.inda_a{ font-size:3.75rem; font-family:"Syjx"; letter-spacing:5px;}
.inda_b{ font-size:3rem; font-family:"Sym"; color:#eaf7ff; letter-spacing:5px; margin:10px 0 15px 0;}
.inda_c{ font-size:1.875rem; font-family:"Syl"; color:#bdeaff;}
.inda_d{ font-size:1.125rem; font-family:"Dina"; color:#bae5ff; letter-spacing:0.8px; margin-top:35px;}
.inda_more{ margin-top:25px;}
.inda_more a{ display:inline-block; width:121px; height:43px; background:#ff9e42; text-align:center; color:#fff; line-height:43px; border-radius:22px;}
.indac_img{ text-align:center;}

.slides li.flex-active-slide .inda_kg{transform:scale(1); transition:1s 0.6s;}
.inda_xx{ position:absolute; bottom:3%; width:100%; text-align:center; left:0; animation:topbom 4s infinite linear; cursor:pointer; z-index: 99;}
@media screen and (max-width:1440px){
.inda_kg{ padding-top:20%;}
}

@media screen and (max-width:770px){
.slides li{ background:none!important; height:auto !important; min-height:inherit !important; animation:none;}
.slides li .ydimg img{ width:100%; display:block;}
.inda_kg{ display:none;}
.inda_xx,.flex-direction-nav{ display:none;}
}

.index .section-1 {overflow:hidden; position:relative; background:url(../images/index_bgb.jpg) no-repeat center; background-size:cover;}
/**/
@keyframes indbdt{ 0%{background:url(../images/indb_xt.png) no-repeat center top;} 50%{background:url(../images/indb_xtb.png) no-repeat center top;} 100%{background:url(../images/indb_xt.png) no-repeat center top;}}@-webkit-keyframes indbdt{0%{background:url(../images/indb_xt.png) no-repeat center top;}50%{background:url(../images/indb_xtb.png) no-repeat center top;} 100%{background:url(../images/indb_xt.png) no-repeat center top;}}
@keyframes indbxz{ 0%{transform:rotate(0deg);} 100%{transform:rotate(360deg);}}@-webkit-keyframes indbxz{0%{transform:rotate(0deg);} 100%{transform:rotate(360deg);}}
/**/
.indbsf{ position:relative; z-index:99;}
.indb_title{ padding-top:15%; text-align:center; color:#fff; font-size:1.875rem;}
.indb_ms{ width:84%; text-indent:32px; margin:0 auto; padding-top:40px; line-height:36px; color:#fff;}
.indb_more{ padding-top:50px;}
.indb_more a{ display:block; width:156px; height:43px; background:#ff9531; line-height:43px; text-align:center; margin:0 auto; border-radius:22px; color:#fff;    z-index:66}
.indb_bg{ position:relative;}
.indb_bg:before{content:""; background:url(../images/indb_xt.png) no-repeat center top; width:100%; height:339px; position:absolute; left:0%; top:-134px; animation:indbdt 4s infinite linear;}
.indb_nr li{ float:left; width:25%; text-align:center;}
.indb_nr li:nth-child(2){ margin-top:85px;}
.indb_nr li:nth-child(3){ margin-top:70px;}
.indb_nr li:nth-child(4){ margin-top:-20px;}
.indb_pic{ position:relative; width:118px; height:118px; margin:0 auto;}
.indb_pic:before{ content:""; width:136px; height:136px; border:1px dashed #fff; border-radius:50%; position:absolute; left:-10px; top:-10px;  animation:indbxz 5s infinite linear;}
.indb_wb{ padding-top:40px;}
.indb_l,.indb_r{ display:inline-block; vertical-align:top;}
.indb_l{ color:#d0eeff; font-size:4.5rem; font-family:"Dinm"; line-height:48px; height:48px;}
.indb_r{ padding-left:10px; color:#beeaff; font-size:1.25rem; line-height:20px;}
.indb_r p:nth-child(1){ font-size:1.5rem; font-family:"Dina"; line-height:18px; margin-bottom:10px;}
.indb_mc{color:#beeaff; font-size:1.125rem; padding-top:20px;}
@media screen and (max-width:1440px){
.indb_title{ padding-top:10%;}
.indb_ms{padding-top:25px; line-height:30px; color:#fff;}
.indb_more{ padding-top:30px;}
.indb_wb{ padding-top:30px;}
.indb_l{font-size:4rem; line-height:42px; height:42px;}
.indb_r{font-size:1.125rem;}
.indb_r p:nth-child(1){ font-size:1.5rem; line-height:18px;}
.indb_mc{font-size:1rem; padding-top:10px;}
}
@media screen and (max-width:1366px){}
@media screen and (max-width:770px){
.index .section-1 { padding-bottom:110px;}
.indb_ms{ width:96%; line-height:36px;}
.indb_bg:before{ display:none;}
.indb_l{font-size:3.5rem; line-height:40px; height:40px;}
.indb_r p:nth-child(1){ margin-bottom:5px;}
}
@media screen and (max-width:520px){
.index .section-1 { padding-bottom:60px;}
.indb_title{ padding-top:50px; font-size:1.625rem;}
.indb_ms{text-indent:2em; font-size:0.875rem; padding-top:20px; line-height:28px;}
.indb_more{ padding-top:20px;}
.indb_more a{width:110px; height:36px; line-height:36px; font-size:0.875rem;}
.indb_nr{ padding-top:10px;}
.indb_nr li{width:50%; padding-top:30px;}
.indb_nr li:nth-child(2){ margin-top:0px;}
.indb_nr li:nth-child(3){ margin-top:0px;}
.indb_nr li:nth-child(4){ margin-top:0px;}
.indb_pic{width:88px; height:88px;}
.indb_pic:before{width:106px; height:106px;}
.indb_pic img{ width:100%;}
.indb_wb{ padding-top:15px;}
.indb_l{font-size:2.75rem; line-height:38px; height:38px;}
.indb_r{ padding-left:0px; font-size:1rem; line-height:18px;}
.indb_r p:nth-child(1){ font-size:1.25rem; margin-bottom:0px;}
.indb_mc{font-size:0.875rem; padding-top:8px;}
}

.index .section-2{background:url(../images/index_bgc.jpg) center no-repeat; background-size:cover; overflow:hidden; position:relative;}
.indc_qq{ position:absolute; width:100%; width:100%;}
.indcqkg{width:572px; height:572px; margin:12% auto 0 auto; position:relative;}
.indc_qq i:nth-child(1){background:rgba(179,230,255,0.2); width:100%; height:100%; border-radius:50%; left:0; top:0; position:absolute; z-index:9; animation:indcsfa 13.5s 1.5s infinite linear;}
.indc_qq i:nth-child(2){background-image:linear-gradient(rgba(207,237,237,0.3),rgba(146,216,255,0.3)); width:862px; height:862px; border-radius:50%; position:absolute; z-index:8; left:-145px; top:-145px; display:block; animation:indcsfa 14s 1s infinite linear;}
.indc_qq i:nth-child(3){background-image:linear-gradient(rgba(255,255,255,0.4),rgba(255,255,255,0)); width:1094px; height:1094px; border-radius:50%; position:absolute; z-index:7; left:-261px; top:-261px; display:block; animation:indcsfa 14.5s 0.5s infinite linear;}
.indc_qq i:nth-child(4){background-image:linear-gradient(#e3f4fe,#87d2fc); width:1492px; height:1492px; border-radius:50%; position:absolute; z-index:6; left:-460px; top:-460px; display:block; animation:indcsfa 15s infinite linear;}
.indc_kg{ padding-top:11%; position:relative; z-index:9;}
.indc_tit p{ font-size:3rem; color:#01588a; font-family:"Dinm";}
.indc_tit h2{ font-size:1.875rem; color:#01588a;}
.indcflmo{ padding-top:25px;}
.indc_fl li{ position:relative; float:left; margin-right:35px;}
.indc_fl li a{ display:block; width:142px; height:48px; border:1px solid #01588a; text-align:center; line-height:48px; position:relative; z-index:9; color:#01588a; font-size:1rem; transition:0.5s;}
.indc_fl li:hover a{ color:#fff; transition:0.5s;}
.indc_fl li:after{ content:""; background:#01588a; position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(0); transition:0.5s;}
.indc_fl li:hover:after{transform:scale(1); transition:0.5s;}
.indc_more a{ display:block; line-height:50px; background:url(../images/indc_more.png) no-repeat right center; color:#444; padding-right:30px; transition:0.5s;}
.indc_more a:hover{ color:#01588a; transition:0.5s;}
.indc_gd{ margin-top:45px; position:relative;}
.indckj{ position: relative; }
.indc_pic{ margin: 0 auto; width: 55%;}
.indc_pic img{ display: block; width: 100%;}
.indc_po{ position: absolute; background: url(../images/indc_xt.png) no-repeat center top; left: 0; top: 0; width: 100%; height: 100%;}
.indc_po p{ width: 175px; height:60px; padding:10px 0; font-size:1.25rem; color:#686868; border: 1px dashed #005384; border-radius:25px; margin-bottom: 55px; text-align: center; line-height: 30px; position: relative;}
.indc_po p:nth-child(1),.indc_po p:nth-child(8){ line-height: 60px;}
.indc_po p:before{ content:""; width:20px; height:20px; background:rgba(120,197,241,0.5); border-radius: 50%; position: absolute; animation:indcsf 5s infinite linear;}
.indc_po p:after{ content:""; width:10px; height:10px; background:#1770a4; border-radius: 50%; position: absolute;}
@keyframes indcsf{from{transform:scale(0.5);}60%{transform:scale(1.2);}to{transform:scale(0.5);}}@-webkit-keyframes indcsf{from{transform:scale(0.5);}60%{transform:scale(1.2);}to{transform:scale(0.5);}}
@keyframes indcsfa{from{transform:scale(0.2);opacity:0;}40%{transform:scale(0.5);opacity:1;}to{transform:scale(1); opacity:0;}}@-webkit-keyframes indcsfa{from{transform:scale(0.2);opacity:0;}40%{transform:scale(0.5);opacity:1;}to{transform:scale(1); opacity:0;}}
.indc_po p:nth-child(1):before{ right:-120px; top:51px;}
.indc_po p:nth-child(1):after{ right:-115px; top:56px;}
.indc_po p:nth-child(2):before{ left:-120px; top:51px;}
.indc_po p:nth-child(2):after{ left:-115px; top:56px;}
.indc_po p:nth-child(4):before{ right:-101px; top:37px;}
.indc_po p:nth-child(4):after{ right:-96px; top:42px;}
.indc_po p:nth-child(5):before{ left:-101px; top:37px;}
.indc_po p:nth-child(5):after{ left:-96px; top:42px;}
.indc_po p:nth-child(7):before{ right:-120px; top:11px;}
.indc_po p:nth-child(7):after{ right:-115px; top:16px;}
.indc_po p:nth-child(8):before{ left:-120px; top:11px;}
.indc_po p:nth-child(8):after{ left:-115px; top:16px;}
.indc_mc{ text-align:center; font-size:1.5rem; color:#01588a; margin-top:-20px;}
.indc_mc h3{ font-size: 1.875rem; padding-bottom:8px; line-height: 30px;}
.indc_dgd{ padding-top:10px;}
.indc_dgd a{ display:block; text-align:center; line-height:31px; color:#01588a; font-size:0.875rem; margin:0 auto; width:94px; height:31px; border:1px solid #0a7fc2; transition:0.5s; border-radius:18px;}
.indc_dgd a:hover{ background: #01588a; color: #fff; transition:0.5s;}
.indc_jt{ width:74%; text-align: center; margin:10px auto 0 auto; position: relative;}
.indc_jt a{ opacity:0.5; cursor: pointer; transition: 0.5s; position: relative; z-index: 9;}
.indc_jt a:hover{opacity: 1; transition: 0.5s;}
.indc_jt ul{ position: absolute; top:28px; left: 0; width: 100%}
.indc_jt li{ display: inline-block; margin: 0 7px; width: 11px; height: 11px; border-radius: 50%; overflow: hidden; text-indent: -999rem; border: 2px solid #01588a; background:#b0dffa; transition: 0.5s; cursor: pointer;}
.indc_jt li.on{ background: #01588a; transition: 0.5s;}
@media screen and (max-width:1440px){
.indc_kg{ padding-top:8%;}
.indc_gd{ margin-top:25px;}
.indc_pic{width:50%;}
.indc_mc{ margin-top:-40px; font-size:1.25rem;}
.indc_mc h3{ padding-bottom:0; line-height:28px; font-size:1.625rem;}
.indc_jt ul{top:18px;}
.indc_jt a img{ height:51px;}
}
@media screen and (max-width:1366px){}
@media screen and (max-width:770px){
.index .section-2{ padding-bottom:110px;}
.indc_tit{ float:none; text-align:center;}
.indcflmo{ float:none; padding-top:35px;}
.indc_gd{ margin-top:50px;}
.indc_pic{width:65%;}
.indc_po{ background:none;}
.indc_po p{ width:140px; height:44px; padding:10px 0; font-size:1rem;  border-radius:15px; margin-bottom:35px; line-height:22px;}
.indc_po p:nth-child(1),.indc_po p:nth-child(8){ line-height:48px;}
.indc_po p:nth-child(1):before{ right:-5px; top:auto; bottom:-5px}
.indc_po p:nth-child(1):after{ right:0px; top:auto; bottom:0px}
.indc_po p:nth-child(2):before{ left:-5px; top:auto; bottom:-5px}
.indc_po p:nth-child(2):after{ left:-0px; top:auto; bottom:0px}
.indc_po p:nth-child(4):before{ right:-10px; top:23px;}
.indc_po p:nth-child(4):after{ right:-5px; top:28px;}
.indc_po p:nth-child(5):before{ left:-10px; top:23px;}
.indc_po p:nth-child(5):after{ left:-5px; top:28px;}
.indc_po p:nth-child(7):before{ right:-5px; top:-5px;}
.indc_po p:nth-child(7):after{ right:-0px; top:0px;}
.indc_po p:nth-child(8):before{ left:-5px; top:-5px;}
.indc_po p:nth-child(8):after{ left:-0px; top:0px;}
.indc_mc{ margin-top:-25px; font-size:1.25rem;}
}
@media screen and (max-width:520px){
.index .section-2{ padding-bottom:60px;}
.index .section-2 .kg{ width:96%;}
.indc_kg{ padding-top:50px;}
.indc_tit p{ font-size:1.875rem;}
.indc_tit h2{ font-size:1.625rem;}
.indcflmo{ padding-top:20px;}
.indc_fl{ width:75%;}
.indc_fl li{margin-right:0; width:32%;}
.indc_fl li:nth-child(2){ margin:0 2%;}
.indc_fl li a{width:auto; height:32px; line-height:32px; font-size:0.875rem; transition:0.5s;}
.indc_more a{line-height:32px; background-size:auto 10px; padding-right:15px; font-size:0.875rem;}
.indc_gd{ margin-top:35px;}
.indc_pic{width:100%;}
.indc_po{ display:none;}
.indc_mc{ font-size:1.125rem; margin-top:-20px;}
.indc_mc h3{ font-size: 1.5rem; padding-bottom:5px; line-height:26px;}
.indc_dgd a{line-height:26px; width:84px; height:26px;}
.indc_jt a img{ height:41px;}
.indc_jt ul{top:13px;}
}

.index .section-3{background:url(../images/index_bgd.jpg) center no-repeat; background-size:cover; overflow:hidden; position:relative;}
.indd_kg{ padding-top:9%;}
.indd_tit{ text-align:center;}
.indd_tit h2{ color:#fff; font-size:2.5rem;}
.indd_tit span{ position:relative; color:#ff9531;}
.indd_tit span:after{ content:""; width:6px; height:6px; border-radius:50%; position:absolute; border:1px solid #ff9531; left:47%; top:17px;}
.indd_tit p{ font-size:1.125rem; color:#b2cfe6; padding-top:8px; letter-spacing:2px;}
.indd_nr{ margin-top:50px; border-top:1px solid rgba(58,126,167,0.8); border-bottom:1px solid rgba(58,126,167,0.8); overflow:hidden;}
.indd_nr li{ float:left; width:25%; position:relative; cursor:pointer; overflow:hidden;}
.indd_nr li:before{ content:""; width:100%; height:3px; background:#ff9531; position:absolute; left:0; top:-1px; transform:scaleX(0); z-index:1; transition:0.5s;}
.indd_nr li:after{ content:""; width:100%; height:0%; background:rgba(1,67,126,0.4); position:absolute; left:0; top:0px; transition:0.5s;}
.indd_nr li:hover:before,.indd_nr li.on:before{transform:scaleX(1); transition:0.5s;}
.indd_nr li:hover:after,.indd_nr li.on:after{height:100%; transition:0.5s 0.4s;}
.indd_nr li a{ display:block; padding:35px 9% 30px 9%; position:relative; z-index:9;}
.indd_nr li:nth-child(4) a:before{ content:""; height:100%; width:1px; position:absolute; right:0; top:0; background:rgba(58,126,167,0.8);}
.indd_nr li a:after{ content:""; height:100%; width:1px; position:absolute; left:0; top:0; background:rgba(58,126,167,0.8);}
.indd_sz,.indd_sza{ font-size:3.75rem; font-family:"Dina"; color:#fff; line-height:70px;}
.indd_sz{ margin-top:-105px; transition:0.5s;}
.indd_mc{ padding-top:209px; transition:0.5s;}
.indd_mc h2{ color:#fff; font-size:1.875rem;}
.indd_mc p{ font-size:0.75rem; color:#5c88a6;}
.indd_ms{ line-height:30px; color:#fff; height:0px; margin-top:0px; overflow:hidden; transition:0.5s;}
.indd_pic{ margin-top:30px; transition:0.5s;}
.indd_sza{ padding-top:40px; transition:0.5s;}
.indd_nr li:hover .indd_sz,.indd_nr li.on .indd_sz{ margin-top:0; transition:0.5s;}
.indd_nr li:hover .indd_mc,.indd_nr li.on .indd_mc{ padding-top:20px; transition:0.5s;}
.indd_nr li:hover .indd_ms,.indd_nr li.on .indd_ms{height:150px; margin-top:35px; transition:0.5s;}
.indd_nr li:hover .indd_pic,.indd_nr li.on .indd_pic{ text-align:center; transition:0.5s;}
.indd_nr li:hover .indd_sza,.indd_nr li.on .indd_sza{ margin-bottom:-101px; transition:0.5s;}
@media screen and (max-width:1440px){
.indd_kg{ padding-top:8%;}
.indd_tit p{ padding-top:0px;}
.indd_nr{ margin-top:30px;}
.indd_sz,.indd_sza{line-height:60px;}
}
@media screen and (max-width:1366px){}
@media screen and (max-width:770px){
.indd_kg{ padding-top:10%;}
.indd_nr .kg{ width:100%;}
.indd_nr li a{padding:25px 5% 30px 5%;}
.indd_sz,.indd_sza{ font-size:3rem; text-align:center; line-height:40px;}
.indd_sz{ margin-top:0px;}
.indd_mc{ padding-top:20px;}
.indd_mc h2{ font-size:1.25rem; line-height:30px; height:30px; text-align:center;}
.indd_mc p{ display:none;}
.indd_ms{ line-height:22px; font-size:0.875rem; height:110px; margin-top:15px;}
.indd_pic{ text-align:center; margin-top:30px; transition:0.5s;}
.indd_pic img{ max-width:30%;}
.indd_sza{ display:none;}
.indd_nr li:hover .indd_ms,.indd_nr li.on .indd_ms{height:110px; margin-top:15px; transition:0.5s;}
}
@media screen and (max-width:520px){
.indd_kg{ padding-top:50px;}
.indd_tit h2{font-size:1.625rem;}
.indd_tit span:after{width:3px; height:3px; top:13px;}
.indd_tit p{ font-size:1rem; padding-top:5px; letter-spacing:0px;}
.indd_nr li{width:50%;}
.indd_nr li:nth-child(-n+2){border-bottom:1px solid rgba(58,126,167,0.8);}
}

.index .section-4 {background:url(../images/index_bge.jpg) center bottom no-repeat; background-size:cover; overflow:hidden; position:relative;}
.inde_kg{ padding-top:9%;}
.inde_l{ width:19%; padding-left:16.2%;}
.inde_title{color:#fff;}
.inde_title h2{ font-size:2.25rem; padding-bottom:2px; letter-spacing:3px;}
.inde_title p{ font-size:1.125rem; letter-spacing:4px;}
.inde_title a{ display:block; width:135px; height:39px; background:#ff9633; text-align:center; line-height:39px; color:#fff; margin-top:20px;}
.inde_fl{ margin-top:85px; width:170px;}
.inde_fl li{ border-bottom:1px dashed #c1e4ff;}
.inde_fl li a{ display:block; height:89px; line-height:89px; font-size:1.25rem; color:#fff; transition:0.5s;}
.inde_fl li:hover a,.inde_fl li.on a{ text-indent:45px; transition:0.5s;}
.inde_r{ position:relative; width:64.8%; overflow:hidden;}
.inde_nr li{ position:relative;}
.inde_nr li:after{ content:""; width:100%; height:100%; background:rgba(14,135,205,0.5); position:absolute; left:0; top:0px; transform:scaleY(0); transition:0.5s;}
.inde_nr li:hover:after{transform:scaleY(1); transition:0.5s;}
.inde_nr li a{ display:block; border-bottom:1px solid #336b9f; margin-left:8%; margin-right:21%; padding:25px 0; position:relative; z-index:9;}
.inde_pic{ width:26.5%;}
.inde_pic p{ border:2px solid #fff; overflow:hidden;}
.inde_pic img{ display:block; width:100%; transition:0.5s;}
.inde_nr li:hover .inde_pic img{transform:scale(1.05);}
.inde_rq{ width:18.5%; text-align:center; color:#fff; font-size:1.125rem; padding-top:30px; font-family:"Dina";}
.inde_rq p{ font-size:3.75rem; font-family:"Dinm"; line-height:80px;}
.inde_wb{ width:50%; padding-top:32px;}
.inde_wb h3{ color:#fff; font-size:1.25rem; height:50px; line-height:50px; overflow:hidden;}
.inde_ms{ line-height:28px; color:#cae7fe; height:56px; overflow:hidden; margin-top:5px;}
@media screen and (max-width:1440px){
.inde_kg{ padding-top:8%;}
.inde_rq{padding-top:10px;}
.inde_wb{padding-top:8px;}
}
@media screen and (max-width:1366px){}
@media screen and (max-width:770px){
.index .section-4 {background:url(../images/index_bge.jpg) right bottom no-repeat; background-size:auto 115%; padding-bottom:110px;}
.inde_kg{ width:96%; margin:0 auto;}
.inde_l{ width:auto; float:none; padding-left:0%;}
.inde_title{ position:relative;}
.inde_title a{ display:block; width:135px; height:39px; background:#ff9633; text-align:center; line-height:39px; color:#fff; margin-top:20px; position:absolute; right:0; bottom:0;}
.inde_fl{width:auto; margin:35px auto 0 auto; width:60%;}
.inde_fl li{ width:30%; float:left; position:relative;}
.inde_fl li:nth-child(2){ margin:0 5%;}
.inde_fl li a{height:45px; line-height:45px; font-size:1.125rem; text-align:center; position:relative; z-index:9;}
.inde_fl li:hover a,.inde_fl li.on a{ text-indent:0px;}
.inde_fl li:after{ content:""; width:100%; height:100%; background:#ff9633; position:absolute; left:0; top:1px; transform:scaleX(0); transition:0.5s;}
.inde_fl li:hover:after,.inde_fl li.on:after{transform:scaleX(1); transition:0.5s;}
.inde_r{ width:auto; padding-top:30px;}
.inde_nr li a{ display:block; border-bottom:1px solid #336b9f; margin-left:0; margin-right:0; padding:25px; position:relative; z-index:9;}
}
@media screen and (max-width:520px){
.index .section-4{ padding-bottom:60px;}
.inde_kg{ padding-top:50px; width:96%; margin:0 auto;}
.inde_title h2{ font-size:1.625rem; letter-spacing:0px;}
.inde_title p{ font-size:1rem; letter-spacing:0px;}
.inde_title a{width:90px; height:30px; line-height:30px; margin-top:0px; font-size:0.875rem;}
.inde_fl{ width:100%;}
.inde_fl li a{height:35px; line-height:35px; font-size:1rem;}
.inde_r{padding-top:25px;}
.inde_nr li a{padding:2%;}
.inde_rq{ display:none;}
.inde_wb{ float:right; width:70%; padding-top:0;}
.inde_wb h3{font-size:1rem; height:30px; line-height:30px;}
.inde_ms{ line-height:22px; height:44px; font-size:0.875rem; margin-top:0px;}
}

/*@group footer*/
.fp-auto-height{background:url(../images/foot_bg.jpg) no-repeat center top; width:100%; border-top:1px solid #1a87cb; overflow:hidden;}
.flne{ padding-top:98px; padding-bottom:60px; color:#fff; border-bottom:1px solid #0d74b2;}
.flogo p{ color:#fff; font-size:1.5rem; padding-top:8px; letter-spacing:2.2px;}
.fnavewm{ width:65%;}
.fnav{ width:590px; padding-top:20px;}
.fnav li{ float:left; width:25%;}
.fnav li a{ display:block; line-height:40px; padding-left:19px; background:url(../images/fjt.png) no-repeat left center; color:#fff;}
.fnav li a:hover{ text-decoration:underline;}
.fewm{ text-align:center;}
.fewm p{ font-size:0.875rem; padding-top:8px; color:#fff;}
.footer {width:100%; height:auto; border-top:1px solid #036099;}
.fbq{ font-size:0.875rem; padding:28px 0; line-height:24px; color:#fff;}
.fbq span{ float:right;}
.fbq em{ font-style:normal;}
.fbq a{ color:#fff;}
.fbq a:hover{ text-decoration:underline;}
.fp-auto-height.fp-section,.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell{height: auto !important;}
@media screen and (max-width:770px){
.flne{ padding-top:60px;}
.flogo{ width:30%;}
.flogo img{ display:block; width:100%;}
.flogo p{font-size:1.25rem; letter-spacing:0px;}
.fnavewm{ width:63%;}
.fnav{ width:78%; padding-top:0px;}
.fnav li{ width:33.333%;}
.fewm{ width:22%;}
.fewm img{ display:block; width:100%;}
}
@media screen and (max-width:520px){
.flne{ padding-top:40px; padding-bottom:40px;}
.flne .kg{ width:96%; margin:0 auto;}
.fnav{ display:none;}
.flogo{ width:60%;}
.flogo p{font-size:1.125rem;}
.fnavewm{ width:30%;}
.fewm{ width:auto;}
.fbq{padding:15px 0 65px 0; line-height:22px;}
}

/*内页style开始*/
/*main*/
.main_banner{ position:relative; overflow:hidden;}
.main_ban{animation:nzzt 10s 1 linear;}
.main_ban img{ display:block; width:100%;}
.mainbtwz{ position:relative; margin-top:-117px; height:117px; width:100%; z-index:99;}
.mainbtwz:before{ content:"";  position:absolute; left:0; bottom:0px; width:100%; background:rgba(16,119,176,0.9); height:85px;}
.mainbtwz .kg{ position:relative; z-index:9;}
.mian_title{ display:inline-block; height:117px; text-align:center; background:#0c6ca4; padding:0 40px; border-radius:18px 18px 0 0; box-shadow:0px -2px 5px rgba(0,0,0,0.2);}
.mian_title p{ font-family:"Stencil"; font-size:3.75rem; color:#1475ae; line-height:50px; padding-top:28px;}
.mian_title h2{ font-size:1.875rem; color:#fff; margin-top:-28px;}
.main_wz{ line-height:85px; color:#fff; font-size:1.125rem; padding-top:32px;}
.main_wz img{ margin-bottom:-4px; margin-right:20px;}
.main_wz a{ color:#fff;}
.main_wz a:hover{ text-decoration:underline;}
.main{ padding-top:70px; padding-bottom:100px; background:#fff; width:100%;}
.about_nr{ font-size:1rem; line-height:180%; color:#797979;}
.about_nr img{ max-width:100%;}
@media screen and (max-width:770px){
.mainbtwz{ position:relative; margin-top:-60px; height:60px;}
.mainbtwz:before{ height:45px;}
.mian_title{height:60px; padding:0 20px; border-radius:8px 8px 0 0;}
.mian_title p{ font-size:3rem; line-height:34px; padding-top:8px;}
.mian_title h2{ font-size:1.5rem; margin-top:-20px;}
.main_wz{ line-height:45px; font-size:0.875rem; padding-top:20px;}
.main_wz img{ margin-bottom:-2px; margin-right:10px; height:20px;}
.main{ padding-top:60px; padding-bottom:80px;}
.main .kg{ width:96%;}
}
@media screen and (max-width:520px){
.mainbtwz{ position:relative; margin-top:-10px; height:50px;}
.mainbtwz:before{ height:40px;}
.mainbtwz .kg{ width:100%;}
.mian_title{height:50px; padding:0 10px; border-radius:8px 8px 0 0;}
.mian_title p{ font-size:2.25rem; line-height:30px; padding-top:5px;}
.mian_title h2{ font-size:1.25rem; margin-top:-17px;}
.main_wz{ display:none;}
.main{ padding-top:40px; padding-bottom:60px;}
.about_nr{ font-size:0.875rem;}
}
/*contact*/


/*case*/
.case_nr{ padding-top:10px;}
.case_nr li{ float:left; width:24%; padding-bottom:30px; margin-right:1.333%; transition:0.5s;}
.case_nr li:nth-child(4n){margin-right:0;}
.case_pic{ overflow:hidden; border:1px solid #ddd; position:relative;}
.case_pic img{ display:block; width:100%; transition:0.5s;}
.case_pic i{ background:url(../images/video_pic.png) no-repeat center rgba(0,0,0,0.4); width:100%; height:100%; position:absolute; left:0; top:0;}
.case_nr li:hover .case_pic img{transform:scale(1.1);}
.case_mc{overflow:hidden; background:#eee; line-height:50px; height:50px; text-align:center; color:#4c4c4c; transition:0.5s;}
.case_nr li:hover .case_mc{ color:#fff; background:#0c6ca4; transition:0.5s;}
@media screen and (max-width:770px){
.case_nr li{width:32%; padding-bottom:25px; margin-right:0%;}
.case_nr li:nth-child(3n-1){margin:0 2%;}
.case_pic i{ background-size:auto 36%;}
.case_mc{line-height:40px; height:40px; font-size:0.875rem;}
}
@media screen and (max-width:520px){
.case_nr li{width:49%; padding-bottom:2%;}
.case_nr li:nth-child(3n-1){margin:0;}
.case_nr li:nth-child(2n){ float:right;}
}
/*case*/

/*news*/
.news_nr li{ position:relative; margin-bottom:10px;}
.news_nr li:after{ content:""; background:rgba(0,143,215,0.5); position:absolute; left:0; top:0; width:100%; height:100%; transform:scaleY(0); transition:0.5s;}
.news_nr li:hover:after{transform:scaleY(1); transition:0.5s;}
.news_nr li a{ display:block; margin:0 auto; padding:25px 0; width:1300px; max-width:98%; position:relative; z-index:9; transition:0.5s;}
.news_pic{ overflow:hidden; width:17%;}
.news_pic img{ display:block; width:100%; transition:0.5s;}
.news_nr li:hover .news_pic img{transform:scale(1.1);}
.news_wb{ width:67%; margin-left:3%;}
.news_bt{ font-size:1.5rem; font-weight:bold; height:40px; line-height:40px; color:#545454; overflow:hidden; transition:0.5s;}
.news_ms{ font-size:1rem; line-height:24px; height:48px; color:#4b4b4b; overflow:hidden; margin-top:8px; transition:0.5s;}
.news_more{ width:126px; height:34px; text-align:center; background:#0c6ca4; line-height:34px; color:#fff; font-size:0.875rem; margin-top:30px;}
.news_nr li:hover .news_more{ background:#ff9531; transition:0.5s;}
.news_rq{ width:83px; background:#9b9b9b; line-height:28px; text-align:center; color:#fff; font-family:"Din"; transition:0.5s;}
.news_rq p{ line-height:86px; background:#c2c2c2; border-bottom:1px solid #fff; font-size:3rem; transition:0.5s;}
.news_nr li:hover .news_bt,.news_nr li:hover .news_ms{ color:#fff; transition:0.5s;}
.news_nr li:hover .news_rq{ background:#ff9531; transition:0.5s;}
.news_nr li:hover .news_rq p{ background:#0c6ca4; transition:0.5s;}
.newsshow_title{ text-align:center; border-bottom:1px dashed #ccc; padding-bottom:12px; font-size:1.5rem; font-weight:bold; line-height:25px; }
.newsshow_title p{ font-size:0.875rem; color:#999; font-weight:normal; padding-top:8px;}
.newsshow_wnnr{ margin:0 auto; padding-top:15px; font-size:1rem; line-height:180%;}
.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; font-weight:bold; line-height:46px; height:46px; color:#717171;}
.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:770px){
.news_nr li a{max-width:96%; padding:2% 0;}
.news_pic{width:26%;}
.news_wb{ width:70%; margin-left:0; float:right;}
.news_bt{ font-size:1.25rem;}
.news_more{ width:110px; height:30px; line-height:30px; margin-top:20px;}
.news_rq{ display:none;}
.newsshow_title{font-size:1.25rem;}
}
@media screen and (max-width:520px){
.news_nr li{margin-bottom:0px;}
.news_bt{ font-size:1rem; height:26px; line-height:26px;}
.news_ms{ font-size:0.875rem; line-height:20px; height:40px; margin-top:1px;}
.news_more{ display:none;}
.newsshow_title{font-size:1.125rem;}
.newsshow_title p{ font-size:0.75rem; padding-top:0px;}
.newsshow_wnnr{font-size:0.875rem;}
.xgnews-tit{font-size:1.125rem;}
.xgnews-con li{ width:95%;}
}
/*news*/

/*pro*/
.main_l{ width:21%;}
.pro_lbt{ position:relative;}
.prol_img img{ display:block; width:100%;}
.prol_bt{ position:absolute; top:32%; left:8%; color:#fff; font-size:1.125rem; font-family:"Din";}
.prol_bt p{ font-size:1.5rem;}
header>nav{ background:#fff; border-bottom:4px solid #ff8b1e; padding-bottom:30px;}
header>nav>ul>li{padding:0 5%; background:#efefef; border-bottom:1px solid #e0e0e0; position:relative;}
header>nav>ul>li:hover,header>nav>ul>li.cur{ background:#f9f9f9;}
header>nav>ul>li>a{display:block; color:#0658b3; line-height:60px; color:#4b4b4b; font-size:1.125rem; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
header>nav>ul>li:hover>a,header>nav>ul>li.cur>a{color:#0c6ca4; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
header nav>ul>li>a>i{ font-style:normal; float:right; width:23px; height:23px; border-radius:50%; background:#fff; text-align:center; line-height:23px; margin-top:19px; font-family:"宋体"; font-weight:bold; font-size:1rem; color:#2f2f2f; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
header>nav>ul>li:hover>a>i.fa-chevron-down,header>nav>ul>li.cur>a>i.fa-chevron-down{ background:#0c6ca4; color:#fff; -webkit-transform: rotate(450deg); -ms-transform: rotate(450deg); -o-transform: rotate(450deg); transform: rotate(450deg);}
header nav>ul>li>ul{ padding-bottom:20px;}
header nav>ul>li>ul>li{ position:relative;}
header nav>ul>li>ul>li>a{ display:block; line-height:46px; border-top:1px solid rgba(0,0,0,0.1); color:#616161; padding-left:15px; transition:0.5s;}
header nav>ul>li>ul>li:hover>a,header nav>ul>li>ul>li.cur>a{color:#0c6ca4; padding-left:28px; transition:0.5s;}
header nav>ul>li>ul>li:after{ width:5px; height:2px; background:#ccc; content:""; position:absolute; left:0; top:23px; transition:0.5s;}
header nav>ul>li>ul>li:hover:after,header nav>ul>li>ul>li.cur:after{background:#0c6ca4; width:20px; transition:0.5s;}
.main_tel{ background:#0c6ca4;}
.main_tel a{ display:block; text-align:center; padding:20px 0 20px 0; color:#fff;}
.protelmc{ font-size:1rem; padding-top:5px; padding-bottom:3px;}
.protelms{ font-size:2.25rem; font-family:"alternate";}
.main_r{ width:76%;}
.pro_nr li{ float:left; width:32%; padding-bottom:30px;}
.pro_nr li:nth-child(3n-1){ margin:0 2%;}
.pro_nr li:hover .case_pic{ border:1px solid #0c6ca4; transition:0.5s;}
.pro_nr li:hover .case_mc{ background:#0c6ca4; color:#fff; transition:0.5s;}
@media screen and (max-width:770px){
.main_l{ width:auto; float:none;}
.pro_lbt,.main_tel{ display:none;}
header>nav{ border-bottom:none; padding-bottom:0px;}
header>nav>ul>li{padding:0; border-bottom:none; width:24%; margin-right:1.333%; float:left;}
header>nav>ul>li:nth-child(4){ margin-right:0;}
header>nav>ul>li>a{line-height:46px; font-size:1rem; text-align:center;}
header nav>ul>li>a>i{ display:none;}
header nav>ul>li>ul{ padding-bottom:0;}
.main_r{ width:auto; float:none; padding-top:30px;}

}
@media screen and (max-width:520px){
header>nav>ul>li>a{line-height:40px; font-size:0.935rem;}
.pro_nr li{width:49%; padding-bottom:20px;}
.pro_nr li:nth-child(3n-1){ margin:0;}
.pro_nr li:nth-child(2n){ float:right;}
}
/*pro*/

/*proshow*/
.proshow{ background:#fff;}
.nycp_bt{color:#0c6ca4; font-size:1.5rem; text-align:center; font-weight:bold; padding-bottom:35px;}
.proshow_gd{ width:80%;}
.proshow_pic{ border:5px solid #efefef;}
.proshow_pic li img{ display:block; width:100%;}
.proshow_an{ width:18%;}
.proshow_an li{ border:1px solid #efefef; overflow:hidden; margin-bottom:15px;}
.proshow_an li.on{ border:1px solid #0c6ca4;}
.proshow_an li img{ display:block; width:100%;}
.proshowa_wb{ width:80%;}
.nycp_tel{ margin-top:20px; font-size:1.125rem; color:#000;}
.nycp_tel p{ font-family:"Sycx"; font-size:1.875rem; line-height:30px;}
.nycp_more{ width:150px; height:50px; padding-top:22px; margin-left:50px;}
.nycp_more a{display:block; background:#ff8b1e; text-align:center; line-height:50px; font-size:1.125rem; color:#fff;}
.nycp_more a img{ margin-bottom:-8px; margin-right:5px;}
.nycp_more .job_moreb{ display:none;}
.proshow_bom{ margin-top:70px;}
.proms_l{ width:100%;}
.proshow_title{ border-bottom:1px solid #ddd;}
.proshow_title p{ height:62px; line-height:62px; width:155px; text-align:center; color:#fff; font-size:1.125rem; background:#0c6ca4;}
.proshow_title p img{ margin-bottom:-3px; margin-right:5px;}
.proshow_nr{ font-size:1rem; line-height:24px; padding-top:30px;}
.proshow_nr img{ max-width:100%;}
.showcp_an{ padding-top:0.875rem; width:100%; padding-top:30px; margin-bottom:10px;}
.showcp_an p{width:120px;}
.showcp_an p a{width:100%;height:40px; background:#0c6ca4; text-align:center; line-height:40px; display:block; font-size:1rem; color:#fff; font-weight:bold;}
.cnxh{width:100%;}
.cnxh_tit{font-size:1.125rem; color:#232323; height:61px; line-height:61px; margin:0 1%; border-bottom:1px solid #ececec; text-align:center;}
.cnxh_nr li{ margin-top:20px; width:24%; float:left; margin-right:1.333%;}
.cnxh_nr li:nth-child(4){ margin-right:0;}
.cnxh_pic{ overflow:hidden;}
.cnxh_pic img{ display:block; width:100%; transition:0.5s;}
.cnxh_nr li:hover .cnxh_pic img{transform:scale(1.1);}
.cnxh_wb{ background:#d0d0d0; height:46px; line-height:46px; color:#252424; overflow:hidden; font-size:1rem; text-align:center; transition:0.5s;}
.cnxh_nr li:hover .cnxh_wb{ background:#00a0e9; color:#fff; transition:0.5s;}
@media screen and (max-width:770px){
.proshowa_wb{ width:100%; padding-top:30px; float:none;}
.nycp_bt{font-size:1.125rem; }
.nycp_bt p{ font-size:1.5rem;}
.proms_l{ width:100%; float:none;}
.cnxh{ width:100%; margin-top:0px;}
.cnxh_nr li{ margin:20px 1.333% 20px 0; float:left; width:24%;}
.cnxh_wb{ height:40px; line-height:40px; font-size:0.875rem;}
}
@media screen and (max-width:520px){
.proshow_gd{ width:100%; float:none;}
.proshow_pic{ border:3px solid #efefef;}
.proshow_an{ width:auto; float:none; margin-top:10px;}
.proshow_an li{ width:24%; margin-bottom:0; margin-right:1.333%; float:left;}
.proshow_an li:nth-child(4n){ margin-right:0;}
.nycp_tel{ margin-top:10px; font-size:1rem;}
.nycp_tel p{font-size:1.625rem; line-height:30px;}
.nycp_bt{font-size:1rem; padding-bottom:15px;}
.nycp_bt p{ font-size:1.25rem;}

.nycp_more .job_morea{ display:none;}
.nycp_more .job_moreb{ display:block;}
.nycp_more{ width:110px; height:40px; margin-left:0; float:right;}
.nycp_more a{line-height:40px; font-size:0.9375rem;}
.nycp_more a img{ margin-bottom:-8px; height:22px;}
.proshow_bom{ margin-top:50px;}
.proms_l{border-top:35px solid #00a0e9; padding:0 1% 35px 1%;}
.proshow_title{ margin-top:-42px;}
.proshow_title p{ height:42px; line-height:42px; width:135px; text-align:center; color:#fff; font-size:1rem; background:#047fb7;}
.proshow_title p img{ margin-bottom:-3px; margin-right:5px;}
.showcp_an p{width:100px;}
.showcp_an p a{height:32px; line-height:32px;}
.cnxh{border-top:30px solid #00a0e9; padding:0 1% 30px 1%; margin-top:30px;}
.cnxh_nr{ padding-bottom:2%;}
.cnxh_nr li{ width:49%; margin:2% 0 0 0 !important;}
.cnxh_nr li:nth-child(2n){float:right;}
}
/*proshow*/

/*浮动留言*/
.baojia{position:absolute; left:0px; top:150px; z-index:996;}
.baojia_bg{ height:auto; background:url(../images/bj_bg.png) no-repeat rgba(0,0,0,0.8); overflow:hidden; float:left; width:0px; margin-left:10px;}
.baojia_bg .baojia_xs { width:279px; overflow:hidden;}
.baojia_yc{ width:71px; height:133px; overflow:hidden; cursor:pointer; float:left; background:url(../images/icon_73.png) no-repeat; margin-left:-10px; margin-top:180px;}
.baojia_yc span { display:none;}
.baojia_title{ font-size:0.875rem; color:#fff; font-family:"Din"; text-align:center; position:relative;}
.baojia_title p{font-family:"ALIBABAREGULAR"; font-size:1.375rem; padding-top:20px; padding-bottom:6px;}
.baojia_title a{ display:block; position:absolute; right:5px; top:0px; color:#fff; font-size:24px; line-height:24px; cursor:pointer;}
.baojia_nr{ width:94%; margin:0 auto; padding-top:35px;}
.baojia_kg{ width:96%; height:38px; padding:0px 2%; font-family:"Din"; font-size:0.875rem; outline:none; margin-bottom:5px; background:#fff; border:none; color:#636363;}
.baojib_kg{ width:96%; height:100px; padding:2%; line-height:24px; font-family:"Din"; font-size:0.875rem; outline:none; margin-bottom:5px; background:#fff; border:none; color:#636363;}
.baojia_btn{ background:#f08519; width:100%; border:0px; padding:0px; color:#fff; font-family:"Din"; height:50px; font-size:1.125rem; margin-bottom:9px; cursor:pointer;}
@media screen and (max-width:770px){
.baojia{ display:none;}
}
/*浮动留言*/

/*fhtop*/
.cd-top{display:block; height:40px; width:40px; 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:url(../images/cd-top-arrow.svg) no-repeat center rgba(18,40,139,0.8); border-radius:50%; visibility: hidden; opacity:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; z-index:99;}
.cd-top.cd-is-visible {visibility: visible;opacity:1;}
.cd-top.cd-fade-out {opacity:1;}
.cd-top:hover{background:url(../images/cd-top-arrow.svg) no-repeat center rgba(0,0,0,0.4); opacity: 1;}
/*fhtop*/
@media screen and (max-width:520px){
.cd-top{ display:none;}
}
/*内页style结束*/

.fswzj{ display:none;}@media(max-width:767px){.fswzj{ position:fixed; bottom:0; z-index:999; width:100%; display:block; background:#00a0e9;}.fswzj ul{ padding:0px; margin:0px; list-style-type:none; border-top:2px solid #16aef3;}.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 #16aef3;}.fswzj ul li.on a{ border-left:none;}.fnav_pic{ width:23%; margin:0 auto;}.fnav_pic img{ width:100%;}.fnav_wb{font-size:0.8125rem; padding-top:2px;}footer{ padding:20px 0 120px 0;}}

@media screen and (max-width:770px){
/*分类
header{ background:none; width:auto; display:block;position: relative; z-index:100; margin:0; padding:0; border-radius:0; float:none !important;}
header nav li{background:none; line-height:inherit; margin-bottom:auto;}
header nav li a{ font-weight:inherit; border:none; padding:inherit; height:auto; z-index:9;}
header nav li span{ display:none;}
header nav li ul li{ margin:auto; background:none;}
header nav li ul li a{border:0; line-height:inherit;}
header nav li i{ height:40px;}
.mean-container .mean-bar {width:100%;position:relative;background:#00a0e9; height:40px; z-index:99;}
.mean-container .mean-bar div.fl{ font-size:1rem; color:#fff; line-height:40px; padding-left:2%;}
.mean-container a.meanmenu-reveal {width:22px;height:22px;padding:9px 10px;position:absolute;top:0;right:0;cursor:pointer;color:#fff;text-decoration:none;font-size:16px;text-indent:-9999em;line-height:22px;font-size:1px;	display:block;font-family:Arial, Helvetica, sans-serif;	font-weight:700}
.mean-container a.meanmenu-reveal span {display:block;background:#fff;height:3px;margin-top:3px}
.mean-container .mean-nav {float:left;width:100%;background: rgba(243,243,243,1); margin-bottom:30px;}
.mean-container .mean-nav ul {padding:0;margin:0;width:100%;list-style-type:none;}
.mean-container .mean-nav ul li {position:relative;width:100%;}
.mean-container .mean-nav ul li a {display:block;width:90%; background:none; font-size:0.875rem;padding:0 5%;height:39px; line-height:39px;margin:0;text-align:left;border-top:1px solid #383838;border-top:1px solid rgba(173, 173, 173, .5);text-decoration:none;text-transform:uppercase}
.mean-container .mean-nav ul li li a {width:80%;padding:0 10%; height:45px; line-height:45px; border-top:1px solid rgba(216,216,216,.25);	opacity:.75; filter:alpha(opacity=75);text-shadow:none!important;visibility:visible}
.mean-container .mean-nav ul li.mean-last a {border-bottom:0;margin-bottom:0}
.mean-container .mean-nav ul li a.mean-expand {width:15px;height:40px;text-align:center;position:absolute;right:0;top:0;z-index:10;font-weight:700;	background:rgba(255, 255, 255, .1);	border:0!important;	border-left:1px solid rgba(255, 255, 255, .4)!important;border-bottom:1px solid rgba(255, 255, 255, .2)!important}
.mean-container .mean-nav ul li a.mean-expand:hover {background:rgba(240,131,0,.9)}
.mean-container .mean-push {float:left;	width:100%;	padding:0;	margin:0;clear:both}
.mean-nav .wrapper {width:100%;padding:0;margin:0}
.mean-container .mean-bar, .mean-container .mean-bar * {-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.mean-remove {display:none!important}
header nav {text-align: center;background: #efefef;}
header nav ul {margin:0;padding:1em;list-style-type: none;}
分类*/	
}

/*导航样式*/
@media screen and (max-width:770px){
.sp_nav{width:60px;float:right;position:relative;cursor: pointer; height:60px; background:#00a0e9; padding:10px;}
.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:99; background:rgba(0,153,222,1); 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 li{ float:none; width:auto; background:none;}
.sjj_nav>ul>li:first-child{overflow:hidden;}
.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 i{ display:block; position:absolute;top:5px;right:0px;border-left:1px solid rgba(255,255,255,0.2);height:45px;padding:0px 10px 0 10px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li em{ display:none;}
.sjj_nav ul li{border-bottom:1px solid rgba(255,255,255,0.2);margin-left:10px;position:relative;line-height:55px;font-size:14px;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li ul li{ border-top:none; background:none;}
.sjj_nav ul li a{ width:88%; font-size:1rem; text-align:inherit; padding:inherit; height:auto; line-height:inherit; background:none;}
.sjj_nav ul li.cur a,.sjj_nav ul li:hover a,.sjj_nav ul li.cur ul li.cur a{color:#fff;}
.sjj_nav ul li ul li a,.sjj_nav ul li.cur ul li a{color:#fff;display:block;text-align:left; font-size:0.9375rem;}
.sjj_nav ul li i svg{width:24px;height:45px;fill:#fff;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#fff;}
.sjj_nav ul li ul li>ul{margin-left:10px}
.sjj_nav ul li ul li:last-child{ border-bottom:none;}
}
@media screen and (max-width:520px){
.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:50px; width:60%;}
.nav_show{top:50px;}
.sjj_nav ul li{line-height:40px;}
.sjj_nav ul li a{ font-size:0.9375rem; width:84%;}
.sjj_nav ul li i{height:30px;padding:0px 6px 0 6px;}
.sjj_nav ul li i svg{width:20px;height:30px;fill:#fff;}
.sjj_nav ul li ul li a,.sjj_nav ul li.cur ul li a{font-size:0.875rem;}
}


#fp-nav {position:fixed; z-index:100; top:50%; opacity: 1; -webkit-transform: translate3d(0,0,0); width:70px;}
#fp-nav.right {right:2%;}
.fp-slidesNav{position: absolute; z-index: 4;left:50%; opacity: 1;}
.fp-slidesNav.bottom {bottom:17px;}
.fp-slidesNav.top {top:17px;}
#fp-nav ul,.fp-slidesNav ul {margin:0;padding:0;}
#fp-nav ul li,.fp-slidesNav ul li {display:block; width:70px; height:2px; position:relative; margin-top:23px;}
.fp-slidesNav ul li {display:inline-block;}
#fp-nav ul li a,.fp-slidesNav ul li a { display:block; position:relative; z-index: 1; background:#fff; width:45px; margin-left:25px; height:2px; cursor:pointer; transition:0.5s;}
#fp-nav ul li a.active,.fp-slidesNav ul li a.active,#fp-nav ul li:hover a.active,.fp-slidesNav ul li:hover a.active{ margin-left:0; width:70px; background:#46c0ff; transition:0.5s;}
#fp-nav ul li a p{ position:absolute; right:25px; top:0; font-size:0.875rem; line-height:18px; opacity:0;}
#fp-nav ul li a.active p{opacity:1;}
#fp-nav ul li .fp-tooltip {position: absolute;top: -2px; color: #fff; font-size: 14px; font-family: arial, helvetica, sans-serif; white-space: nowrap; max-width: 220px; display: block;}
#fp-nav ul li:hover .fp-tooltip,#fp-nav.fp-show-active a.active + .fp-tooltip { -webkit-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; width: auto; opacity: 1;}
#fp-nav ul li .fp-tooltip.right {right:20px;}
#fp-nav .fp-prev{ background:url(../images/fd_Up.png) no-repeat center; width:47px; height:47px; cursor:pointer; transition:0.5s;}
#fp-nav .fp-prev:hover{ background:url(../images/fd_Upb.png) no-repeat center; transition:0.5s;}
#fp-nav .fp-next{ background:url(../images/fd_down.png) no-repeat center; width:47px; height:47px; cursor:pointer; transition:0.5s;}
#fp-nav .fp-next:hover{ background:url(../images/fd_downb.png) no-repeat center; transition:0.5s;}
@media screen and (max-width:770px){
#fp-nav.right { display:none;}	
}

.link{border-bottom: 1px solid rgba(255,255,255,0.2);display: none;}
	.link .kg{display: flex;align-items: center;height: 80px;}
	.link h1{font-size: 1.25rem;font-weight: bold;flex: 0 0 100px;color: #FFFFFF;}
	.link_list a{margin-right: 10px;height: 24px;line-height: 24px;color: #FFFFFF;} 
	.link_list{height: 24px;line-height: 24px;flex: 1;}
	@media screen and (max-width:770px) {
		.link{display: none;}
	}