@charset "utf-8";
/* CSS Document */
html{margin:0px; padding:0px;}
body{font-family:"Microsoft YaHei",Arial; font-size:100%; color:#434343; margin:0 auto; overflow-x:hidden; max-width:1920px; width:100%; position:relative;}
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:#434343; text-decoration: none;outline:none;}
a:hover, a:active {color:#2155dc; text-decoration: none;outline:none;}
.clear{clear:both;}
.kg{ width:96%; margin:0 auto; max-width:1360px;}
.fl{ float:left;}
.fr{ float:right;}
.dw{ position:relative;}
.cj{ overflow:hidden;}
.green-black {display:block; padding-top:26px; clear:both;font-family:Arial, Helvetica, sans-serif; text-align:center;}
.green-black a{padding:5px 8px 5px 8px; border:1px solid #ddd; height:12px; line-height:12px; zoom:1; font-weight:bold; font-size:12px; overflow:auto; margin-left:3px; margin-right:3px; color:#333; background:#fff;font-family:Arial, Helvetica, sans-serif; text-decoration:none;  transition:0.5s;}
.green-black a:hover {border:1px solid #858585; height:12px; line-height:12px; zoom:1;overflow:auto;background:#23449a; margin-left:3px; margin-right:3px; color:#fff;font-size:12px;font-family:Arial, Helvetica, sans-serif; transition:0.5s;}
.green-black span.current {padding:5px 8px 4px 8px;border:1px solid #858585; color:#fff; height:12px; line-height:12px; zoom:1; overflow:auto; background:#23449a; margin-left:3px; margin-right:3px; margin-top:0px; margin-bottom:0px; font-size:12px;}
.green-black a.prev_s{background:url(../images/prev_s.png) no-repeat center 0 #fff; padding:5px 15px;}
.green-black a.prev_s:hover{background:url(../images/prev_s.png) no-repeat center -24px #23449a;}
.green-black a.prev_t{background:url(../images/prev_t.png) no-repeat center 0 #fff; padding:5px 15px;}
.green-black a.prev_t:hover{background:url(../images/prev_t.png) no-repeat center -24px #23449a;}
.green-black a.next_x{background:url(../images/next_x.png) no-repeat center 0 #fff; padding:5px 15px;}
.green-black a.next_x:hover{background:url(../images/next_x.png) no-repeat center -24px #23449a;}
.green-black a.next_w{background:url(../images/next_w.png) no-repeat center 0 #fff; padding:5px 15px;}
.green-black a.next_w:hover{background:url(../images/next_w.png) no-repeat center -24px #23449a;}
::-webkit-scrollbar {width:3px;height:8px;background-color:#fff;border-radius:4px; position:relative;}
::-webkit-scrollbar-thumb {background-color:#b1b1b1;border-radius:3px;}
#dituContent{ height:300px; border-bottom:1px solid #ddd;}
@media screen and (max-width:900px){
#dituContent{ height:230px;}
}
/*基础配置*/

@font-face {
  font-family:"AgencyFB";
  src: url("../fonts/AgencyFB.eot"),
       url("../fonts/AgencyFB.ttf");
 }
@font-face {
 font-family:"alternate";
 src: url("../fonts/alternate.eot"),
      url("../fonts/alternate.ttf");
}
@font-face {
  font-family:"Dinb";
  src: url("../fonts/Dinb.eot"),
       url("../fonts/Dinb.ttf");
 }
@font-face {
 font-family:"Dinr";
 src: url("../fonts/Dinr.eot"),
      url("../fonts/Dinr.ttf");
}
@font-face {
  font-family:"Dinstd";
  src: url("../fonts/Dinstd.eot"),
       url("../fonts/Dinstd.ttf");
 }

/*首页style开始*/
.toplogonav{ width: 100%; position: relative; background: #fff; border-bottom: 1px solid #eee; z-index: 9999;}
.toplogonav .kg{ position: relative; display: flex; justify-content: space-between; align-items: center;}
.logo_l img{height: 50px;}
.sp_nav{ display: none;}
.sp_nav i{ display:none;}
.sjj_nav{flex: 0 1 80%;}
.sjj_nav>ul{display: flex; justify-content: space-between;}
.sjj_nav>ul>li{ position:relative; flex: 0 1 10%;}
.sjj_nav li .sp_nav_xjb{display:none;}
.sjj_nav>ul>li>a{display:block; text-align:center; font-size:1rem; height:70px; line-height:70px; color:#333; transition:0.5s; position:relative; z-index:9;}
.sjj_nav>ul>li::after{ content: ''; position:absolute; left:15%; top:0; width:70%; height: 2px; background:#2155dc; transform:scaleX(0); transition:0.5s;}
.sjj_nav>ul>li:hover::after,.sjj_nav>ul>li.cur::after{transform:scaleX(1); transition:0.5s;}
.sjj_nav>ul>li>ul{ position:absolute; width:100%; background:rgba(255,255,255,1); left:0; overflow:hidden; display: none;}
.sjj_nav>ul>li>ul>li{ border-top:1px solid #eee;}
.sjj_nav>ul>li>ul>li>a{ text-align: center; color: #666; display: block; font-size: 0.9375rem; line-height:42px; height:42px; overflow: hidden; text-align:center; transition:0.5s;}
.sjj_nav>ul>li>ul>li:hover>a{background:rgba(0,0,0,0.1); transition:0.5s;}
/*head end*/
@media screen and (max-width:1270px){
.logo_l img{height: 40px;}
.sjj_nav{flex: 0 1 87%;}
.sjj_nav>ul>li>a{ font-size: 0.875rem; height: 60px; line-height: 60px;}
.sjj_nav>ul>li>ul>li>a{ font-size: 0.75rem;}
}
@media screen and (max-width:1020px){
.top_bg{border-top: 1px solid #000; box-shadow: 1px 1px 3px rgba(0,0,0,.3);}
.logotel{ padding: 0; height: 80px;}
.logotel .mx{ width: 100%;}
.logo{ padding-left: 2%;}
.logo img{ height: 50px;}
.tel{ display: none;}
.nav_bg{border-top: 0px solid #dc0000;}
.sjj_nav>ul{ display: block;}
.sjj_nav>ul>li>ul{ position: relative; background: none; left: auto;}
.sjj_nav>ul>li::after{ display: none;}
}
@media screen and (max-width:900px){
.toplogonav .kg{ width: 100%;}
.logo_l{padding-left: 3%;}
.logo_l img{height: 36px;}
}

/* banner */
@keyframes topbom{ 0%{bottom:6%; opacity:1;} 50%{bottom:8%; opacity:0.6;} 100%{bottom:6%; opacity:1;}} @-webkit-keyframes topbom{ 0%{bottom:6%; opacity:1;} 50%{bottom:8%; opacity:0.6;} 100%{bottom:6%; opacity:1;}}
.banner{ position:relative; width: 100%; overflow: hidden;}
.banner .swiper-wrapper .swiper-slide img{ display: block; width: 100%;}
.banner .swiper-wrapper .swiper-slide img:nth-child(2){ display: none;}
.banner .swiper-button-prev::after,.banner .swiper-button-next::after{ display: none;}
.banner .swiper-button-prev,.banner .swiper-button-next{ background: url(../images/ban_jt.png) no-repeat; width: 21px; height: 36px;}
.banner .swiper-button-prev{ transform: scaleX(-1); left: 3%;}
.banner .swiper-button-next{ right: 3%;}
.banner .swiper-pagination{ bottom: 4% !important;}
.banner .swiper-pagination span{ width: 10px; height: 10px; opacity: 1; border: 3px solid rgba(0,0,0,0.5); background: none !important; border-radius: 50% !important; border-radius: 0; transition: 0.5s;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{border: 3px solid rgba(33,85,220,0.9); background: rgba(33,85,220,1) !important;}
@media screen and (max-width:900px){
.banner .swiper-wrapper .swiper-slide img:nth-child(1){ display: none;}
.banner .swiper-wrapper .swiper-slide img:nth-child(2){ display: block;}
.banner .swiper-pagination span{ width: 6px; height: 6px;}
}
/*banner*/

.index_bga{ background: #fff; width: 100%; position: relative; padding: 80px 0 90px 0;}
.inda_titmo{ display: flex; width: 100%; justify-content: space-between; align-items: center;}
.inda_titmo h2 p{ font-size: 1.375rem;}
.inda_titmo h2 span{ display: block; padding-top: 3px; color: #999; font-size: 1rem;}
.inda_titmo a{ display: block; width: 118px; height: 43px; border: 1px solid #eee; text-align: center; line-height: 43px; border-radius: 23px; color: #999; transition: 0.5s;}
.inda_titmo a:hover{  background: rgba(33,85,220,1); color: #fff; border: 1px solid rgba(33,85,220,1);}
.inda_nr{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.inda_nr li{ flex: 0 1 48.529%; margin-top: 40px; position: relative; top: 0px; transition: 0.5s;}
.inda_nr li:hover{top: -10px;}
.inda_nr li a{ display: block; background: url(../images/inda_01b.jpg) no-repeat center; transition: 0.5s;}
.inda_nr li:hover a{ display: block; background: url(../images/inda_01.jpg) no-repeat center;}
.inda_nr li:nth-child(2) a{ display: block; background: url(../images/inda_02b.jpg) no-repeat center; transition: 0.5s;}
.inda_nr li:nth-child(2):hover a{ display: block; background: url(../images/inda_02.jpg) no-repeat center;}
.inda_nr li:nth-child(3) a{ display: block; background: url(../images/inda_03b.jpg) no-repeat center; transition: 0.5s;}
.inda_nr li:nth-child(3):hover a{ display: block; background: url(../images/inda_03.jpg) no-repeat center;}
.inda_nr li:nth-child(4) a{ display: block; background: url(../images/inda_04b.jpg) no-repeat center; transition: 0.5s;}
.inda_nr li:nth-child(4):hover a{ display: block; background: url(../images/inda_04.jpg) no-repeat center;}
.inda_img{ position: relative; display: flex; justify-content: right; padding-right: 10%;}
.inda_nr li:nth-child(3) .inda_img{padding-right: 2%;}
.inda_title{ padding-top: 10px;}
.inda_title h3{ font-size: 1.25rem; color: #333;}
.inda_title p{ font-size: 1rem; color: #999; padding-top: 8px;}
.inda_nr li:hover .inda_title h3{ color: #2155dc;}
@media screen and (max-width:1270px){
.inda_titmo a{ width: 88px; height: 33px; line-height: 33px; font-size: 0.875rem;}
.inda_title h3{ font-size: 1.125rem;}
.inda_title p{ font-size: 0.875rem;}
}
@media screen and (max-width:900px){
.index_bga{ padding: 40px 0 50px 0;}
.inda_titmo h2 p{ font-size: 1.25rem;}
.inda_titmo h2 span{ font-size: 0.75rem; padding-top: 1px;}
.inda_titmo a{ width: 72px; height: 28px; line-height: 28px; font-size: 0.75rem;}
.inda_nr{ display: block;}
.inda_nr li{ flex: 0 1 100; margin-top: 40px; position: relative; top: 0px; transition: 0.5s;}
.inda_nr li a{ background-size: 100% !important;}
.inda_nr li:nth-child(3) .inda_img{padding-right: 2%;}
.inda_img img{ height: 230px;}
.inda_title{ padding-top: 4px;}
.inda_title h3{ font-size: 1rem;}
.inda_title p{ font-size: 0.875rem; padding-top: 3px;}
}

.index_bgb{background: #f9f9f9; width: 100%; position: relative;}
.indb_nr{ display: flex;}
.indb_nr li{ flex: 0 1 25%; position: relative; text-align: center; padding: 50px 0;}
.indb_nr li::after{ content: ""; position: absolute; width: 1px; background: #ededed; height: 100%; top: 0; left: 0;}
.indb_nr li:nth-child(1):after{ display: none;}
.indb_sz{ font-size: 3.25rem; line-height: 1em; font-family:"Dinr";}
.indb_tit{ padding-top: 5px;}
.indb_tit p{ font-family: 1.125rem; color: #666; line-height: 1.5em;}
.indb_tit span{ display: block; color: #c7c7c7; font-size: 0.875rem;}
@media screen and (max-width:1270px){
.indb_nr li{ padding: 30px 0;}
.indb_sz{ font-size: 2.5rem;}
.indb_tit p{ font-size: 1rem;}
.indb_tit span{font-size: 0.75rem;}
}
@media screen and (max-width:900px){
.indb_nr{ flex-wrap: wrap;}
.indb_nr li{ flex: 0 1 50%; padding: 20px 0;}
.indb_sz{ font-size: 2.25rem;}
.indb_tit p{ font-size: 0.875rem;}
.indb_nr li:nth-child(3):after{ display: none;}
.indb_nr li:nth-child(3),.indb_nr li:nth-child(4){ border-top: 1px solid #ededed;}
.indb_tit{ padding-top: 3px;}
}

.index_bgc{background: #f9f9f9; width: 100%; position: relative; padding: 60px 0 80px 0;}
.indc_nr{ position: relative; overflow: hidden; margin-top: 40px;}
.indc_img img{ display: block; width: 100%;}
.indc_po{ position: absolute; width: 100%; z-index: 1; top: 40%; left: 0; text-align: center;}
.indc_po h3{ font-size: 2.5rem; color: #333; font-weight: bold;}
.indc_po h3::after{ content: ''; width: 52px; height: 3px; border-radius: 2px; background: rgba(0,0,0,0.2); margin: 12px auto 15px auto; display: block;}
.indc_po p{ font-size: 1.125rem; line-height: 26px; color: #666;}
.indc_po i{ display: block; border: 1px solid #999; width: 113px; height: 38px; font-style: normal; font-size: 0.9375rem; margin: 15px auto 0 auto; line-height: 38px; border-radius: 20px; color: #999; transition: 0.5s;}
.indc_po i:hover{ background: rgba(33,85,220,1); color: #fff; border: 1px solid rgba(33,85,220,1);}
@media screen and (max-width:1270px){
.indc_po h3{ font-size: 1.875rem;}
.indc_po p{ font-size: 1rem;}
.indc_po i{ width: 88px; height: 33px; line-height: 33px; font-size: 0.875rem;}
}
@media screen and (max-width:900px){
.index_bgc{padding: 40px 0 50px 0;}
.indc_nr{ margin-top: 20px;}
.indc_po{ top: 33%;}
.indc_po h3{ font-size: 1.125rem;}
.indc_po h3::after{ width: 22px; height: 1px; margin: 5px auto 3px auto;}
.indc_po p{ font-size: 0.75rem; line-height: 1.25em;}
.indc_po i,.indc_nr .swiper-button-prev,.indc_nr .swiper-button-next{ display: none;}
}

.indxk_bgd,.join_bg{ background: url(../images/indxk_bgd.jpg) no-repeat center fixed; padding: 60px 0 180px 0; width: 100%; position: relative; overflow: hidden;}
.indxk_bgd::before,.join_bg::before{ content: ''; background: rgba(255,255,255,0.8); width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.indxk_bgd::after,.join_bg::after{ content: ""; background: url(../images/xkd_jb.png) no-repeat center bottom; background-size: 42%; width: 100%; height: 100%; position: absolute; left: 0; bottom: -5px;}
.indxk_bgd .kg,.join_bg .kg{ position: relative; z-index: 1;}
.xk_title{ text-align: center;}
.xk_title h2{ color: #000; font-size: 2rem; line-height: 1.5em;}
.xk_title p{ color: #666; font-size: 1.125rem;}
.xkd_nr{ padding-top: 30px;}
.xkd_nr ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.xkd_nr li{ flex: 0 1 39%; border-radius: 10px; box-shadow: 1px 0px 5px rgba(0, 0, 0, 0.3); margin-top: 20px; padding: 0.5% 1%; display: flex; background: rgba(255,255,255,1); align-items: center; justify-content: space-between; position: relative;}
.xkd_pic{ flex: 0 1 120px;}
.xkd_nr li:nth-child(2n) .xkd_pic{ order: 1;}
.xkd_wb { flex: 0 1 calc(96% - 120px); margin-left: 4%;}
.xkd_nr li:nth-child(2n) .xkd_wb{ margin-left: 0; margin-right: 4%; text-align: right;}
.xkd_wb h3{ font-size: 1.5rem; font-weight: bold; color: #666;}
.xkd_wb p{ font-size: 1rem; color: #757575; line-height: 1.5em; margin-top: 8px;}
@media screen and (max-width:1270px){
.indxk_bgd,.join_bg{ background-attachment: inherit; padding: 60px 0 180px 0; width: 100%; position: relative; overflow: hidden;}
}
@media screen and (max-width:900px){
.indxk_bgd,.join_bg{ padding: 40px 0 100px 0; background-size: auto 100%;}
.indxk_bgd::after,.join_bg::after{background-size: 90%;}
.xk_title h2{ font-size: 1.5rem; line-height: 1.5em; color: #000;}
.xk_title p{ font-size: 1rem;}
.xkd_nr{ padding-top: 10px;}
.xkd_nr ul{ display: block;}
.xkd_nr li{margin-top: 10px; padding: 2% 1%;}
.xkd_pic{ flex: 0 1 80px;}
.xkd_pic img{ display: block; width: 100%;}
.xkd_wb { flex: 0 1 calc(96% - 80px);}
.xkd_wb h3{ font-size: 1.25rem;}
.xkd_wb p{ font-size: 0.875rem; line-height: 1.125em; margin-top: 5px;}
}

.indxk_bge{ margin-top: -80px; position: relative; z-index: 1; width: 100%;}
.indxk_bge .kg{border-radius: 20px; background: rgba(255,255,255,1); position: relative; width: 96%; display: flex; justify-content: space-between; padding: 1.3% 0; box-shadow: 0px 1px 30px rgba(0,0,0,0.2);}
.xke_title{ padding-left: 2%;}
.xke_title h3{ font-size: 1.625rem; font-weight: bold; color: #333;}
.xke_title h3::after{ content: ""; width: 42px; height: 2px; background: #dc0000; display: block; margin: 15px 0 10px 0;}
.xke_title a{ display: block; font-size: 1.125rem; color: #757575;}
.xke_r{ flex: 0 1 700px; padding-right: 2%;}
.xke_r form{ display: flex; justify-content: space-between;}
.indlly_left{ display: flex; flex-wrap: wrap; justify-content: space-between; flex: 0 1 86%;}
.indlly_left select{ flex: 0 1 49%; margin: 0; padding: 0 1%; background: #f1f1f1; border: 0; outline: none; height: 45px; font-family: "Microsoft YaHei"; font-size: 1rem;}
.indlly_left input{ flex: 0 1 45%; margin: 0; padding: 0 2%; background: #f1f1f1; border: 0; outline: none; margin-top: 2%; height: 45px; font-family: "Microsoft YaHei"; font-size: 1rem;}
.xke_r form button{ border: 0; background: #dc0000; outline: none; cursor: pointer; flex: 0 1 12.5%; color: #fff; font-size: 1.5rem; padding: 0 2%; border-radius: 5px;}
@media screen and (max-width:1270px){
.xke_r{ flex: 0 1 650px;}
.xke_title a{font-size: 1rem;}
}
@media screen and (max-width:900px){
.indxk_bge .kg{ display: block; border-radius: 10px; padding: 20px 0 30px 0;}
.xke_r form,.indlly_left{ display: block;}
.xke_title{ padding-left: 0; text-align: center;}
.xke_title h3{ font-size: 1.375rem;}
.xke_title h3::after{ width: 32px; height: 1px; margin: 7px auto 5px auto;}
.xke_r{ padding: 20px 1% 0 1%;}
.indlly_left select{ width: 100%; margin-top: 2%; font-size: 0.9375rem;}
.indlly_left input{ width: 96%; font-size: 0.9375rem;}
.xke_r form button{ margin-top: 2%; width: 100%; height: 45px; font-size: 1.25rem; border-radius: 0;}
}

.index_bge{ background: #fff; width: 100%; padding: 200px 0 50px; position: relative;}
.index_bge::before{ content: ''; width: 100%; background: url(../images/index_bge.jpg) no-repeat fixed; height: 500px; position: absolute; left: 0; top: 0;}
.inde_nr{ display: flex; justify-content: space-between; border-radius: 50px 50px 0 0; position: relative; z-index: 9;}
.inde_l{ background: #fff; border: 1px solid #eee; flex: 0 1 58%; padding: 4% 4% 0% 4%; border-radius: 50px 0 0 0;}
.inde_tit h2{ color: #2155dc; font-size: 1.375rem;}
.inde_tit p{padding-top: 3px; color: #999;}
.inde_txt{ padding-top: 30px; font-size: 1rem; color: #666; line-height: 1.5em;}
.inde_more{ margin-top: 20px;}
.inde_more a{ display: block; border: 1px solid #eee; color: #999; width: 118px; height: 43px; border-radius: 23px; line-height: 43px; text-align: center; transition: 0.5s;}
.inde_more a:hover{background: rgba(33,85,220,1); color: #fff; border: 1px solid rgba(33,85,220,1);}
.inde_r{ flex: 0 1 34%; overflow: hidden; border-radius: 0 50px 0 0;}
.inde_r img{ display: block; width: 100%; transform: scale(1); transition: 0.5s;}
.inde_r:hover img{ transform: scale(1.05);}
@media screen and (max-width:1270px){
.index_bge::before{ background-attachment: inherit;}
.inde_nr{ border-radius: 20px 20px 0 0;}
.inde_l{padding: 2% 2% 0% 2%; border-radius: 20px 0 0 0; flex: 0 1 60%;}
.inde_r{  border-radius: 0 20px 0 0; flex: 0 1 36%;}
.inde_txt{ padding-top: 20px; font-size: 0.875rem;}
.inde_more a{ width: 88px; height: 33px; line-height: 33px; font-size: 0.875rem;}
}
@media screen and (max-width:900px){
.index_bge{ padding: 50px 0 50px;}
.inde_nr{ border-radius: 10px 10px 0 0; display: block;}
.inde_l{ padding: 4% 2% 5% 2%; border-radius: 10px 10px 0 0;}
.inde_r{ border-radius: 0;}
.inde_txt{ line-height: 1.375em;}
.inde_more a{ margin: 0 auto; font-size: 0.75rem;}
}

.index_bgd{ padding: 50px 0 80px 0; position: relative; width: 100%;}
.indd_nr{ margin-top: 50px; display: flex; justify-content: space-between;}
.indd_one{ flex: 0 1 48%;}
.indd_img{ overflow: hidden; border: 1px solid #ededed;}
.indd_img img{ display: block; width: 100%; transform: scale(1); transition: 0.5s;}
.indd_one a:hover .indd_img img{ transform: scale(1.05);}
.indd_wb{ padding-top: 10px;}
.inddl_time{ background: url(../images/inde_tiem.png) no-repeat left center; padding-left: 20px; line-height: 20px; height: 20px; font-size: 0.875rem; color: #999;}
.indd_wb h3{ font-size: 1.125rem; font-weight: bold; color: #333; line-height: 36px; height: 36px; overflow: hidden;}
.inddl_cont{ line-height: 22px; height: 44px; overflow: hidden; color: #666;}
.indd_one a:hover .indd_wb h3{color: #2155dc;}
.indd_nr ul{ flex: 0 1 48%; border-top: 1px solid #eee;}
.indd_nr li{ border-bottom: 1px solid #eee;}
.indd_nr li a{ display: block; padding: 25px 0;}
.indd_nr li h3{ font-size: 1.125rem; font-weight: bold; line-height: 30px; height: 30px; overflow: hidden;}
.indd_nr li p{ background: url(../images/inde_tiem.png) no-repeat left center; padding-left: 20px; line-height: 20px; height: 20px; font-size: 0.875rem; color: #999;}
@media screen and (max-width:900px){
.index_bgd{ padding: 50px 0 50px 0;}
.indd_nr{ display: block; margin-top: 20px;}
.indd_nr ul{ margin-top: 30px;}
.inddl_time{ font-size: 0.75rem;}
.indd_wb h3{ font-size: 1rem; line-height: 30px; height: 30px;}
.inddl_cont{ line-height: 20px; height: 40px; font-size: 0.875rem;}
.indd_nr li a{ padding: 15px 0;}
.indd_nr li h3{ font-size: 1rem;}
.indd_nr li p{ font-size: 0.75rem;}
}

.index_bgf{ background:#fff; padding: 20px 0 80px 0; width: 100%; position: relative; overflow: hidden;}
.index_bgf .kg{ position: relative; z-index: 1;}
.xkc_nr{ margin-top: 30px;}
.xkc_nr ul{ display: flex; justify-content: space-between;}
.xkc_nr li{ flex: 0 1 8.3333%; position: relative; cursor: pointer; overflow: hidden; transition: 0.5s;}
.xkc_nr li::before{ content: ''; background: rgba(0,0,0,0.6); position: absolute; width: 100%; height: 100%; left: 0; top: 0; transition: 0.5s;}
.xkc_nr li.on{ flex: 0 1 50%;}
.xkc_nr li.on::before{ background: rgba(0,0,0,0);}
.xkc_pic img{filter: grayscale(100%); -webkit-filter: grayscale(100%); transition: 0.5s;}
.xkc_nr li.on .xkc_pic img{filter: grayscale(0%); -webkit-filter: grayscale(0%); }
.xkc_tit{ position: absolute; left: 0px; bottom: 0; color: #fff; line-height: 30px; width: 100%; text-align: center; transition: 0.5s;}
.xkc_nr li.on .xkc_tit{ height: 60px; line-height: 60px; background: rgba(0,0,0,0.6); font-size: 1.5rem;}
@media screen and (max-width:1270px){
.xkc_pic img{ height: 420px;}
.xkc_nr li.on .xkc_tit{ height: 50px; line-height: 50px; font-size: 1.25rem;}
}
@media screen and (max-width:900px){
.index_bgf{ padding: 10px 0 50px 0;}
.xkc_nr{ overflow: hidden; margin-top: 20px;}
.xkc_nr li{ flex: none;}
.xkc_pic img{ height: auto; width: 100%; filter: grayscale(0%); -webkit-filter: grayscale(0%);}
.xkc_tit{ height: 40px; line-height: 40px; background: rgba(0,0,0,0.6); font-size: 1.125rem;}
}

.index_bgg{ padding: 0px 0 70px 0; width: 100%; overflow: hidden;}
.xkchz_nr{ padding-top: 20px;}
.xkchz_nr ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.xkchz_nr li{ flex: 0 1 12.5%;}
.xkchz_nr li a{ display: block; overflow: hidden; border: 1px solid #ddd;}
.xkchz_nr li img{ display: block; width: 100%; filter: grayscale(100%); -webkit-filter: grayscale(100%); opacity: 0.9; transition: 0.5s;}
.xkchz_nr li:hover img{ transform: scale(1.05); filter: grayscale(0%); -webkit-filter: grayscale(0%); opacity: 1;}
@media screen and (max-width:900px){
.index_bgg{ padding: 0px 0 50px 0;}
.xkchz_nr{ padding-top: 15px;}
.xkchz_nr li{ flex: 0 1 25%;}
}

.link_bg{ width:100%;  height:89px; position:relative;}
.link_bg .mx{ display: flex;}
.link_title{ height:89px; line-height: 89px; font-size: 1.25rem; flex: 0 1 180px; position:relative; z-index:9;}
.link_nr{ height:89px; overflow:hidden; line-height:89px;}
.link_nr a{ display:block; float:left; margin-right:20px; font-size:1rem; color: #6a6a6a;}
.link_nr a:hover{ text-decoration:underline;}
@media screen and (max-width:1270px){
.link_bg{ display: none;}
}

.foot_bg{ background: #f9f9f9; width: 100%; position: relative;}
.foot_top{ padding: 60px 0;}
.foot_top .kg{ display: flex; justify-content: space-between;}
.foot_l{ flex: 0 1 63%; display: flex; justify-content: space-between;}
.foot_l dl dt{ position: relative;}
.foot_l dl dt::after{ content: ''; width: 40px; height: 1px; background: #ddd; display: block; margin: 12px 0 15px 0;}
.foot_l dl dt a{ font-size: 1.125rem;}
.foot_l dl dd{ line-height: 26px; overflow: hidden; height: 26px; font-size: 0.9375rem;}
.foot_l dl dd a{ color: #666;}
.foot_l dl dd:hover a{ color: #2155dc;}
.foot_r{ flex: 0 0 305px;}
.foot_ingo p{ line-height: 28px; color: #666;}
.foot_ingo p:nth-child(1) a{ font-family: "Dinr"; font-size: 1.875rem;}
.foot_ewm{margin-top: 15px;}
.foot_ewm ul{ display: flex;}
.foot_ewm ul li{ flex: 0 1 90px; text-align: center;}
.foot_ewm ul li:nth-child(n+2){ margin-left: 15px;}
.foot_ewm img{ display: block; width: 100%;}
.foot_ewm p{ font-size: 0.875rem; color: #666; padding-top: 5px;}
.foot_bom{ border-top: 1px solid #f1f1f1; font-size: 0.9375rem;}
.foot_bom .kg{ display: flex; justify-content: space-between; line-height: 56px; height: 56px; color: #666;}
.foot_bom a{ color: #666;}
.foot_bom a:hover{ text-decoration: underline;}
@media screen and (max-width:900px){
.foot_top .kg{ display: block;}
.foot_l{ display: none;}
.foot_top{ padding: 40px 0 20px 0;}
.foot_bom .kg{ height: auto; line-height: 1.5em; padding-bottom: 15%; display: block; padding-top: 10px;}
}
/*首页style结束*/

/*内页style开始*/
.about_banner{ background: url(../images/about_banner.jpg) no-repeat center 71px fixed; width: 100%; height: 300px;}
.pro_banner{ background: url(../images/pro_banner.jpg) no-repeat center 71px fixed; width: 100%; height: 300px;}
.pro_banner1{ background: url(../images/pro_banner1.jpg) no-repeat center 71px fixed; width: 100%; height: 300px;}
.case_banner{ background: url(../images/case_ban.jpg) no-repeat center 71px fixed; width: 100%; height: 300px;}
.news_banner{ background: url(../images/news_ban.jpg) no-repeat center 71px fixed; width: 100%; height: 300px;}
.xynerck_banner{ background: url(../images/xynerck_banner.jpg) no-repeat center 71px fixed; width: 100%; height: 300px;}
.join_banner{ background: url(../images/join_banner.jpg) no-repeat center 71px fixed; width: 100%; height: 300px;}
.banbt_title{ padding: 110px 0 0 2%;}
.banbt_title p{ font-size: 2.5rem; font-family: "Dinr";}
.banbt_title h1{ font-size: 1.5rem; color: #000; margin-top: 10px;}
.banbt_title.on p{color: rgba(255,255,255,0.7);}
.banbt_title.on h1{ color: #fff;}
@media screen and (max-width:1270px){
.about_banner,.pro_banner,.pro_banner1,.case_banner,.news_banner,.xynerck_banner,.join_banner{ background-position: center top; background-attachment: inherit; background-size: auto 100%; height: 200px;}
.banbt_title{ padding: 65px 0 0 2%;}
.banbt_title p{ font-size: 2rem;}
.banbt_title h1{ font-size: 1.25rem; color: #000; margin-top: 0px;}
}
@media screen and (max-width:900px){
.about_banner,.pro_banner,.pro_banner1,.case_banner,.news_banner,.xynerck_banner,.join_banner{height: 100px;}
.banbt_title{ padding: 20px 0 0 1%; display: none;}
}

.mainwzmu{border-bottom: 1px solid #eee;}
.mainwzmu .kg{ display: flex; justify-content: space-between;}
.main_fl ul{ display: flex;}
.main_fl li{ position: relative; margin-right: 10px; padding: 7px 0;}
.main_fl li a{ display: block; height: 46px; line-height: 46px; padding: 0 35px; border-radius: 3px; color: #333; background: #eee; position: relative; z-index: 1; transition: 0.5s;}
.main_fl li:hover a,.main_fl li.cur a{ background: #2b52d7; color: #fff;}
.proejmenu{ padding-top: 40px;}
.proejmenu ul{display: flex; flex-wrap: wrap;}
.proejmenu ul li{ position: relative;}
.proejmenu ul li a{ display: block; padding: 12px 25px; color: #000; position: relative; z-index: 1;}
.proejmenu ul li::before{ content: ""; background: #f5f5f5; position: absolute; left: 0;  top: 0; width: 100%; height: 100%; border-radius: 26px; transform: scale(0); transition: 0.5s;}
.proejmenu ul li:hover::before,.proejmenu ul li.cur::before{transform: scale(1); transition: 0.5s;}
.mainmbx { line-height: 60px; color: #666;}
.mainmbx img{ margin-bottom: -2px;}
.mainmbx a{ color: #666;}
.mainmbx a:hover{ text-decoration: underline;}
.main{ padding: 60px 0 90px 0; width: 100%; position: relative;}
@media screen and (max-width:900px){
.mainwzmu .kg{ width: 98%; display: block;}
.main_fl li{ padding: 5px 0;}
.main_fl li a{ font-size: 0.9375rem; padding: 0 20px; height: 34px; line-height: 34px; margin-right: 5px;}
.mainmbx{ display: none;}
.main{ padding: 40px 0 50px 0;}
.proejmenu{ padding-top: 20px;}
.proejmenu ul{ flex-wrap: wrap; justify-content: space-between;}
.proejmenu ul li{ margin-bottom: 5px;}
.proejmenu ul li a{ display: block; padding: 12px 15px; color: #000; position: relative; z-index: 1; font-size: 0.875rem;}
}
/*about*/
.abo_bga{ padding: 70px 0 0px 0; width: 100%; position: relative;}
.aboa_nr{ line-height: 1.5em; font-size: 1rem;}
.aboa_img{ padding-top: 70px;}
.aboa_img img{ display: block; width: 100%;}
.abo_bgb{  background: #f9f9f9; width: 100%; position: relative; padding: 80px 0 100px 0;}
.abob_nr{ display: flex; align-items: center; justify-content: space-between;}
.abob_l{ flex: 0 1 32%; background: #2b52d7; border-radius: 20px;}
.abob_title{ padding: 40px 6% 10px 6%;}
.abob_title h2{ font-size: 1.5rem; color: #fff;}
.abob_title p{ font-size: 1.125rem; color: #fff; margin-top: 30px; text-align: right;}
.abob_img{ margin: 2%; border-radius: 0 0 16px 16px; overflow: hidden;}
.abob_img img{ display: block; width: 100%;}
.abob_r{ flex: 0 1 62%;}
.abob_r dl{ margin-top: 40px;}
.abob_r dl dt{ font-size: 1.5rem; color: #000;}
.abob_r dl dd{ margin-top: 6px; line-height: 28px; color: #666; font-size: 1.125rem;}
.abo_bgc{ position: relative; width: 100%; padding: 90px 0 100px 0;}
.abo_bgc .kg:nth-child(2){ margin-top: 40px; padding-top: 40px; border-top: 2px solid #eee;}
.aboc_bt{ color: #181818; font-size: 1.5rem; line-height: 30px; overflow: hidden; margin-bottom: 20px;}
.aboc_gd{ position: relative;}
.aboc_gd .swiper-wrapper .swiper-slide{ flex: 0 1 auto;}
.aboc_mc{ height: 40px; line-height: 40px; overflow: hidden; position: relative; padding-left: 40px; color: #7b7b7b;}
.aboc_mc::after{ content: ''; position: absolute; border: 6px solid transparent; border-bottom: 9px solid #818181; position: absolute; left: 15px; top: 10px;}
.aboc_gdb{ padding-top: 65px; position: relative; z-index: 1;}
.aboc_gd .swiper-button-prev,.aboc_gd .swiper-button-next{ width: 45px; height: 45px; background: url(../images/abo_jt.png) no-repeat center rgba(0,0,0,0.8); background-size: 26%; opacity: 1; top: 45%; cursor: pointer;}
.aboc_gd .swiper-button-prev{ transform: scaleX(-1);}
.aboc_gd .swiper-button-prev::after,.aboc_gd .swiper-button-next::after{ display: none;}
.aboc_gd .swiper-button-prev.swiper-button-disabled,.aboc_gd .swiper-button-next.swiper-button-disabled{ opacity: 0;}
@media screen and (max-width:900px){
.abo_bga{ padding: 30px 0 0px 0;}
.aboa_nr{ line-height: 1.5em; font-size: 0.9375rem;}
.aboa_img{ padding-top: 40px;}
.abo_bgb{  padding: 40px 0 50px 0;}
.abob_nr{ display: block;}
.abob_l{ padding-bottom: 1%; border-radius: 10px 10px 0 0;}
.abob_title{ padding: 30px 3% 10px 3%;}
.abob_title p{ font-size: 1rem; margin-top: 10px;}
.abob_r dl{ margin-top: 25px;}
.abob_r dl dt{ font-size: 1.125rem;}
.abob_r dl dd{ margin-top: 3px; line-height: 20px; font-size: 0.9375rem;}
.abo_bgc{ padding: 40px 0 50px 0; overflow: hidden;}
.abo_bgc .kg:nth-child(2){ margin-top: 30px; padding-top: 30px; border-top: 1px solid #eee;}
.aboc_bt{ font-size: 1.375rem; margin-bottom: 15px;}
.aboc_mc{ height: 30px; line-height: 30px; padding-left: 20px; font-size: 0.9375rem; overflow: hidden;}
.aboc_mc::after{ border: 4px solid transparent; border-bottom: 8px solid #818181; position: absolute; left: 5px; top: 8px;}
.aboc_gd .swiper-button-prev,.aboc_gd .swiper-button-next{ width: 30px; height: 30px;  background-size: 20%;}
.aboc_gdb{ padding-top: 35px; position: relative; z-index: 1;}
.aboc_pic img{ height: 200px;}
}
/*about end*/

/*cont*/
.cont_bga{ position: relative; width: 100%; padding: 90px 0 100px 0; background: #f9f9f9; }
.conta_nr{ display: flex; justify-content: space-between; align-items: flex-end;}
.conta_title p:nth-child(1){ font-size: 1.625rem; color: #000;}
.conta_title p:nth-child(2){ font-size: 0.875rem; color: #666; margin-top: 3px;}
.conta_ms{ margin-top: 25px;}
.conta_ms p{ height: 30px; line-height: 30px; padding-left: 40px; margin-top: 10px;}
.conta_ms p span{ font-size: 1.125rem;}
.conta_r ul{ display: flex;}
.conta_r ul li:nth-child(n+2){ margin-left: 20px;}
.conta_r ul li p{ border: 1px solid #eee;}
.conta_r ul li p img{ display: block; width: 150px;}
.conta_r ul li span{ display: block; text-align: center; font-size: 1rem; margin-top: 8px;}
.book_bg{ position: relative; padding: 80px 0 100px 0;}
.book_bt{ text-align: center; font-size: 1.625rem; color: #000;}
.book_bt::after{ content: ''; width: 40px; height: 2px; background: #2b52d7; display: block; margin: 10px auto 0 auto;}
.book_nr{ padding-top: 40px;}
.book_ka{ display: flex; justify-content: space-between; padding-bottom: 20px;}
.book_ka input{ box-sizing: border-box; border: 1px solid #ddd; height: 50px; flex: 0 1 49%; padding: 0 1%; font-size: 1rem; font-family:"Microsoft YaHei"; color: #333; outline: none;}
.book_ka select{ box-sizing: border-box; border: 1px solid #ddd; height: 50px; flex: 0 1 49%; padding: 0 1%; font-size: 1rem; font-family:"Microsoft YaHei"; color: #333; outline: none;}
.book_kb{ padding-bottom: 20px;}
.book_kb textarea{ outline: none; padding: 1%; line-height: 26px; height: 130px; font-size: 1rem; font-family:"Microsoft YaHei"; width: 100%; box-sizing: border-box; border: 1px solid #ddd; color: #333;}
.book_an{ display: flex; justify-content: right;}
.book_an button{ border: 0; background: #2b52d7; color: #fff; height: 50px; line-height: 45px; text-align: center; cursor: pointer; outline: none; font-size: 1.125rem; font-family:"Microsoft YaHei"; width: 160px;}
.book_an button:nth-child(1){ margin-right: 20px;}
@media screen and (max-width:900px){
.cont_bga{ padding: 40px 0 50px 0;}
.conta_nr{ display: block;}
.conta_title p:nth-child(1){ font-size: 1.375rem;}
.conta_title p:nth-child(2){ font-size: 0.75rem; margin-top: 2px;}
.conta_ms{ margin-top: 20px;}
.conta_ms p:nth-child(n+4){ line-height: normal; height: auto;}
.conta_r { padding-top: 30px;}
.conta_r ul li p img{ width: 120px;}
.conta_r ul li span{ font-size: 0.9375rem; margin-top: 5px;}
.book_bg{ padding: 40px 0 50px 0;}
.book_bt{ font-size: 1.375rem;}
.book_bt::after{ width: 32px; height: 1px; margin: 7px auto 0 auto;}
.book_nr{ padding-top: 20px;}
.book_ka{ display: block; padding-bottom: 0px;}
.book_ka input{ margin-bottom: 10px; width: 100%; padding: 0 2%; height: 46px; font-size: 0.9375rem;}
.book_ka select{ margin-bottom: 10px; width: 100%; padding: 0 2%; height: 46px; font-size: 0.9375rem;}
.book_kb textarea{ padding: 2%; font-size: 0.9375rem}
.book_an{ justify-content: center;}
.book_an button{ height: 46px; line-height: 44px; font-size: 1rem; width: 120px;}
.book_an button:nth-child(1){ margin-right: 10px;}
}
@media screen and (max-width:700px){
.conta_r ul{ justify-content: space-between;}
.conta_r ul li{ flex: 0 1 32%;}
.conta_r ul li:nth-child(n+2){ margin-left: auto;}
.conta_r ul li p img{width: 100%;}
}
/*cont*/

/*dzservice*/
.dzservice{ position: relative; width: 100%;}
.myServ .swiper-wrapper .swiper-slide{ height: 100vh;}
.myServ .swiper-wrapper .swiper-slide:nth-child(1){ background: url(../images/dzservice_bg1.jpg) no-repeat center;}
.myServ .swiper-wrapper .swiper-slide:nth-child(2){ background: url(../images/dzservice_bg2.jpg) no-repeat center;}
.myServ .swiper-wrapper .swiper-slide:nth-child(3){ background: url(../images/dzservice_bg3.jpg) no-repeat center;}
.myServbut{ position: absolute; left: 35%; top: 45%; width: 30%;}
.myServbut .swiper-wrapper{ display: flex; align-items: center; justify-content: space-between;}
.myServbut .swiper-wrapper .swiper-slide{ background: rgba(255,255,255,0.5); text-align: center; flex: 0 1 31%; height: 50px; line-height: 50px; font-size: 1.5rem; border: 2px solid rgba(255,255,255,0.5); border-radius: 10px; cursor: pointer;}
.myServbut .swiper-wrapper .swiper-slide.swiper-slide-thumb-active{ background: rgba(43,82,215,0.8); color: #fff;}
.dzservice .swiper-button-next,.dzservice .swiper-button-prev{ display: none;}
@media screen and (max-width:1300px){
.myServbut{ left: 30%; width: 40%;}
.myServbut .swiper-wrapper .swiper-slide{ font-size: 1.25rem;}
}
@media screen and (max-width:900px){
.myServ .swiper-wrapper .swiper-slide{ background-size: cover;}
.myServbut{ position: absolute; left: 2%; top: 45%; width: 96%;}
.myServbut .swiper-wrapper .swiper-slide{height: 40px; line-height: 40px; font-size: 1rem; border: 1px solid rgba(255,255,255,0.5); border-radius: 5px;}
}
/*dzservice*/


/*honor*/
.case_nr ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.case_nr li{ flex:0 1 24%; padding-bottom: 30px;}
.case_kg{ position:relative;}
.case_pic{ border:1px solid #c0c0c0; overflow:hidden; position:relative;}
.case_pic img{ display:block; width:100%; transition:0.5s;}
.case_nr li:hover .case_pic img{transform:scale(1.1);}
.case_pic i{display:block; position:absolute; left:0; top:0; background:url(../images/video_pic.png) no-repeat center rgba(0,0,0,0.4); width:100%; height:100%;}
.case_mc{text-align:center; font-size:1rem; height:50px; line-height:50px; overflow:hidden;}
.case_kg .border_top{
	position:absolute;height:3px;width:0;font-size:0;background:#dc0000;top:0;left:0; z-index:9;
	-webkit-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
}
.case_kg .border_right{
	position:absolute;height:0px;width:3px;font-size:0;background:#dc0000;top:0;right:0; z-index:9;
	-webkit-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
}
.case_kg .border_bottom{
	position:absolute;height:3px;width:0px;font-size:0;background:#dc0000;right:0;bottom:0; z-index:9;
	-webkit-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
}
.case_kg .border_left{
	position:absolute;height:0px;width:3px;font-size:0;background:#dc0000;left:0;bottom:0; z-index:9;
	-webkit-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
}
.case_nr li:hover .border_top,.case_nr li:hover .border_bottom,.honor_nr li:hover .border_top,.honor_nr li:hover .border_bottom{width:100%;}
.case_nr li:hover .border_left,.case_nr li:hover .border_right,.honor_nr li:hover .border_left,.honor_nr li:hover .border_right{height:100%;}
@media screen and (max-width:1020px){
.case_nr li{flex:0 1 32%; padding-bottom: 25px;}
}
@media screen and (max-width:900px){
.case_nr li{flex:0 1 49%; padding-bottom: 20px;}
.case_mc{font-size:0.875rem; height:36px; line-height:36px;}

}
/*honor*/

/*video*/
.video_nr li{ float: left; width: 32%; margin-bottom: 2.5%;}
.video_nr li:nth-child(3n-1){ margin: 0 2%;}
.video_pic{ overflow: hidden; border: 3px solid #ddd; position: relative;}
.video_pic img{ display: block; width: 100%; transform: scale(1); transition: 0.5s;}
.video_nr li:hover .video_pic img{ transform: scale(1.05);}
.video_pic::before{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/video_pic.png) no-repeat center rgba(0,0,0,.3); z-index: 9; background-size: 20%;}
.video_mc{ text-align: center; height: 50px; line-height: 50px; overflow: hidden;}
@media screen and (max-width:700px){
.video_nr li{ width: 49%;}
.video_nr li:nth-child(3n-1){ margin: 0 0 2.5% 0;}
.video_nr li:nth-child(2n){ margin-left: 2%;}
.video_mc{ font-style: 0.9375rem; height: 40px; line-height: 40px;}
}
/*video*/


/*news*/
.news_nr ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.news_nr li{ position:relative; margin-bottom:1%; flex: 0 1 32%;}
.news_nr li a{ padding:2%; position:relative; display: block; border: 1px solid #eee; align-items: center; z-index:9; transition:0.5s;}
.news_nr li:hover a{box-shadow:0px 1px 20px rgba(0,0,0,0.1); transition:0.5s;}
.news_pic{ overflow:hidden; flex:0 1 22%;}
.news_pic img{ display:block; width:100%; transition:0.5s;}
.news_nr li:hover .news_pic img{transform:scale(1.05);}
.news_wb{ margin: 15px 1% 10px 1%; position: relative;}
.news_mc{ font-size:1.125rem; height:40px; line-height:40px; font-weight: bold; overflow:hidden;}
.news_ms{ font-size:1rem; line-height:24px; height:48px; color:#5f5f5f; overflow:hidden; margin-top:5px; transition:0.5s;}

.nnews{ display: flex; justify-content: space-between;}
.nnewsl{ flex: 1; margin-right: 60px;}
.nnews_title{ border-bottom: 1px solid #eee; padding-bottom: 15px;}
.nnews_title h1{ font-size: 1.375rem; color: #000; line-height: 1.5em;}
.nnews_title p{ color: #999; font-size: 0.875rem; line-height: 1em; padding-top: 8px;}
.nnewsms{ font-size: 0.9375rem; color: #5a5a5a; line-height: 1.625em; padding-top: 25px;}
.nnewsms img{ max-width: 100%;}
.bdsharebuttonbox{ margin: 0 auto; width: 140px; padding: 30px 0;}
.nnewspn{ justify-content: space-between; display: flex; align-items: flex-start;}
.nnewspn a{ color: #5a5a5a; font-size: 0.9375rem; transition: 0.5s; height: 24px; line-height: 24px; overflow: hidden;}
.nnewspn a:hover{ color: #23449a;}
.nnewsr{ flex: 0 0 320px; border-left: 1px solid #eee; padding-left: 40px;}
.nnewsrtit{ height: 24px; line-height: 24px; font-size: 1.125rem; border-left: 4px solid #23449a; padding-left: 10px; color: #000;}
.nnewsrnr{ padding-top: 15px;}
.nnewsrnr a{ font-size: 0.875rem; display: block; padding-left: 15px; position: relative; line-height: 24px; height: 24px; overflow: hidden;}
.nnewsrnr a::after{ content: ''; width: 6px; height: 2px; background: #999; position: absolute; left: 0; top: 11px;}
.nnewsrnr a:hover::after{ background: #23449a;}
@media screen and (max-width:1270px){
.news_mc{ font-size:1rem; height:28px; line-height:28px;}
.news_ms{ margin-top:0px;}
.nnewsl{ margin-right: 30px;}
.nnewspn a{font-size: 0.875rem; flex: 0 1 49%;}
.nnewsr{ flex: 0 0 300px; padding-left: 20px;}
}
@media screen and (max-width:1020px){
.news_pic{ flex:0 1 30%;}
.nnews{ display: block;}
.nnewsl{ margin-right: 0px;}
.nnewsr{ border-left:none; padding-left: 0px; padding-top: 50px;}
.nnewsrnr ul{ display: flex; justify-content: space-between;}
.nnewsrnr li{ flex: 0 1 49%;}
}
@media screen and (max-width:900px){
.news_nr ul{ display: block;}
.news_pic{ flex:0 1 28%;}
.news_wb{ margin-left: 10px;}
.news_mc{ font-size:0.9375rem; height:24px; line-height:24px;}
.news_ms{ font-size:0.8125rem; line-height:18px; height:36px; margin-top:2px;}
.nnews_title h1{ font-size: 1.125rem;}
.nnews_title p{ font-size: 0.75rem; padding-top: 5px;}
.nnewsms{padding-top: 15px;}
.nnewspn{ display: block;}
.nnewspn a{ display: block;}
.nnewsr{padding-top: 30px;}
.nnewsrnr ul{ display: block;}
}
/*news*/

/*product*/
.pro_nr ul{ display: flex; flex-wrap: wrap;}
.pro_nr li{ position: relative; flex: 0 1 24%; margin-right: 1.333%; padding-bottom: 1.333%;}
.pro_nr li:nth-child(4n){ margin-right: 0;}
.pro_nr li a{ display: block; position: relative; background: #f9f9f9; padding: 20px 0 40px 0; transition: 0.5s;}
.pro_nr li:hover a{ box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);}
.pro_pic{ overflow:hidden;}
.pro_pic img{ display:block; width:100%; transition:0.5s;}
.pro_nr li:hover .pro_pic img{transform:scale(1.02);}
.pro_wb{ text-align: center; padding-top: 30px;}
.pro_wb h3{ font-size: 1.125rem; font-weight: bold; color: #000; height: 18px; line-height: 18px; overflow: hidden;}
.pro_wb p{ font-size: 1rem; line-height: 18px; margin-top: 20px; height: 18px; overflow: hidden; color: #666;}
@media screen and (max-width:900px){
.pro_nr ul{justify-content: space-between;}
.pro_nr li{ flex: 0 1 49%; margin-right: 0; padding-bottom: 2%;}
.pro_nr li:nth-child(2n){ margin-right: 0;}
.pro_wb h3{ font-size: 1rem;}
.pro_wb p{ font-size: 0.8125rem; line-height: 18px; margin-top: 10px; height: 18px;}
}

.npro_banner{ position: relative; overflow: hidden;}
.nbntitle{ position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.nbntitle p{ margin: 0 auto; width: 360px; height: 100px; border: 2px solid rgba(255,255,255,0.8); text-align: center; line-height: 100px; margin-top: 45px; font-size: 1.625rem; color: #000;}
@media screen and (max-width:900px){
.npro_banner img{ height: 120px;}
.nbntitle p{ width: 300px; height: 60px; border: 1px solid rgba(255,255,255,0.8);  line-height: 60px; margin-top: 25px; font-size: 1.375rem;}
}

.nproa{ background:#f9f9f9; padding:2%; border-radius: 10px 10px 0 0; display: flex; justify-content: space-between; align-items: flex-start; border-top: 3px solid #2b52d7;}
.nproal{ flex: 0 1 55%; width: 55%; position: relative; overflow: hidden;}
.mySwiper2{overflow: hidden; position: relative;}
.mySwiper2 .swiper-slide{ position: relative;}
.mySwiper2 .swiper-slide img{ display: block; width: 100%;}
.mySwiper2 .swiper-slide video{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000;}
.mySwiper{ padding-top: 15px;}
.mySwiper .swiper-wrapper{ display: flex; justify-content: space-between;}
.mySwiper .swiper-wrapper .swiper-slide{ flex: 0 1 19%; box-sizing: border-box; border: 2px solid #ddd; cursor: pointer; position: relative;}
.mySwiper .swiper-wrapper .swiper-slide.swiper-slide-thumb-active{ border: 2px solid #2b52d7;}
.mySwiper .swiper-wrapper .swiper-slide img{ display: block; width: 100%;}
.mySwiper .swiper-wrapper .swiper-slide i{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/fvideo.png) no-repeat center rgba(0,0,0,.6); background-size: 20%;}
.nproa_an a{ position: absolute; top: 37%; width: 50px; height: 50px; background: rgba(0,0,0,.4); cursor: pointer; text-align: center; line-height: 50px; font-family: 'Dinr'; border-radius: 50%; color: #fff; transition: 0.5s;}
.nproa_an a:hover{ background: rgba(220,0,0,.4);}
.nproa_an a.prev{ left: -50px;}
.nproa_an a.next{ right: -50px;}
.nproal:hover .nproa_an a.prev{ left: 2%;}
.nproal:hover .nproa_an a.next{ right: 2%;}

.proshowa_wb{ flex: 0 1 40%;}
.nycp_bt{ border-bottom: 1px solid #eee; padding: 15px 0;}
.nycp_bt h1{ font-size: 1.5rem; color: #000;}
.nycp_nr{ padding-top: 10px; border-bottom: 1px solid #ddd; padding-bottom: 25px;}
.nycp_nr dl{ margin-top: 15px; display: flex; line-height: 22px; height: 22px;}
.nycp_nr dt{ color: #222;}
.nycp_nr dd{ color: #666;}
.nycp_tel{ padding-top: 25px;}
.nycp_tel a{ font-size: 1.125rem; color: #e5131b;}
.nycp_ljzx{ padding-top: 20px; display: flex;}
.nycp_ljzx a{ display: block; background: #e5131b; padding: 0 30px; border-radius: 23px; height: 46px; line-height: 46px; color: #fff; transition: 0.5s;}
.nycp_ljzx a img{ margin-bottom: -4px; margin-right: 5px;}
.nycp_ljzx a:hover{ box-shadow: 2px 3px 1px rgba(0,0,0,0.8);}

.nypronr_bg{ width: 100%; display: flex; justify-content: space-between; margin-top: 40px;}
.nypro_l{ flex: 0 1 67%;}
.nypro_r{ flex: 0 1 25%;}
.nypro_bt{ font-size: 1.375rem; color: #000; height: 56px; line-height: 56px; border-bottom: 1px solid #ddd; position: relative;}
.nypro_bt::after{ content: ''; width: 130px; height: 3px; background: #2b52d7; position: absolute; left: 0; bottom: -2px;}
.proshow_nr{ padding: 4% 2% 0 2%; color: #5a5a5a; line-height: 1.5em; margin: 0 auto;}
.proshow_nr img{ max-width: 100%;}
.proshow_kk{border-bottom: 1px solid #eee; padding-bottom: 50px; margin-bottom: 50px;}
.proshow_tit{ text-align: center; font-size: 1.375rem; color: #000;}
.proshow_ms{ line-height: 24px; padding-top: 20px;}
.proshow_ms dl{ margin-bottom: 24px;}
.proshow_ms dl dt{ color: #000; font-size: 1.125rem; margin-bottom: 5px;}
.npropn{ display: flex; justify-content: space-between; padding: 0 2%;}

.nproc{ border-top: 3px solid #dc0000; background: #f9f9f9; width: 100%; margin-top: 40px; border-radius: 10px 10px 0 0; padding-bottom: 30px;}
.cnxh_nr{ padding: 2%;}
.cnxh_nr li{ position: relative; margin-top: 15px; border: 1px solid #ddd;}
.cnxh_pic{ overflow: hidden;}
.cnxh_pic img{ display: block; width: 100%; transition: 0.5s;}
.cnxh_nr li:hover .cnxh_pic img{ transform: scale(1.05);}
.cnxh_mc{ text-align: center; color: #5a5a5a; padding: 15px 0;}
.cnxh_mc p{ font-weight: bold; font-size: 1.125rem; line-height: 22px; height: 22px; overflow: hidden;}
.cnxh_mc span{ display: block; height: 20px; line-height: 20px; overflow: hidden; margin-top: 5px;}
@media screen and (max-width:1020px){
.nproa_title{ padding: 0 0 15px 0;}
.nproa_title h1{ font-size: 1.5rem;}
.nproa_title p{ font-size: 1rem;}
.nproa_js dl{ height: auto; font-size: 0.875rem; margin-top: 4px;}
.nproa_tel{ padding-top: 15px;}
.nproa_tel a{ font-size: 1rem;}
.nproa_tel span{ font-size: 1.875rem;}
.nproa_xn{ padding-top: 10px;}
.nproa_xn a{ font-size: 0.9375rem; padding: 0 10px; height: 40px; line-height: 40px;}
.nprob_title{ font-size: 1.125rem; height: 50px; line-height: 50px;}
.cnxh_wb{ font-size: 0.875rem;}
}
@media screen and (max-width:900px){
.nproa{ border-radius: 5px 5px 0 0; border-top: 2px solid #2b52d7; display: block;}
.nproal{ width: auto;}
.nproa_an{ padding-top: 10px;}
.nproar{ width: auto; padding-top: 10px; padding-bottom: 15px;}
.nproa_title{ padding: 0 0 10px 0;}
.nproa_title h1{ font-size: 1.375rem;}
.nproa_title p{ font-size: 0.9375rem; padding-top: 3px;}
.nproa_js{ padding-bottom: 15px;}
.nproa_xn a img{ height: 20px;}
.nypronr_bg{ display: block; margin-top: 40px;}
.nypro_l{ flex: 0 1 67%;}
.nypro_r{ flex: 0 1 25%;}
.nprob{ margin-top: 20px; border-radius: 5px 5px 0 0; border-top: 2px solid #2b52d7; padding-bottom: 30px;}
.nprob_ms{ font-size: 0.9375rem;}
.npropn{ display: block;}
.npropn a{ display: block; font-size: 0.9375rem; line-height: 24px; height: 24px; overflow: hidden;}
.nproc{ margin-top: 20px; border-radius: 5px 5px 0 0; border-top: 2px solid #2b52d7; padding-bottom: 10px;}
.cnxh_nr{ padding: 4% 2% 2% 2%;}
.cnxh_nr ul{ flex-wrap: wrap; justify-content: space-between;}
.cnxh_nr li{ flex: 0 1 49%; margin-right: 0;}
.cnxh_nr li:nth-child(n+3){ margin-top: 20px;}
.proshowa_wb{ padding-top: 20px; padding-bottom: 20px;}
.nycp_bt h1{ font-size: 1.375rem;}
.nycp_nr{ padding: 10px 0 15px 0;}
.nycp_nr dl{ margin-top: 7px; font-size: 0.9375rem;}
.nycp_ljzx a{ height: 40px; line-height: 40px; padding: 0 25px;}
.nypro_bt{ font-size: 1.25rem; height: 46px; line-height: 46px;}
.nypro_bt::after{ width: 110px;}
.proshow_kk{ padding-bottom: 30px; margin-bottom: 30px;}
.proshow_nr{ padding: 25px 1% 0 1%; font-size: 0.9375rem;}
.nypro_r{ margin-top: 40px;}
.cnxh_nr ul{ display: flex;}
.cnxh_mc p{ font-size: 1rem;}
.cnxh_mc span{ font-size: 0.875rem;}
}
/*内页style结束*/


.fswzj{ display:none;}@media(max-width:900px){.fswzj{ position:fixed; bottom:0; z-index:999; width:100%; display:block; background:#2b52d7;}.fswzj ul{ padding:0px; margin:0px; list-style-type:none; border-top:2px solid #435fe2;}.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 #435fe2;}.fswzj ul li.on a{ border-left:none;}.fnav_pic{ width:25%; 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:900px){
  .sp_nav{width:60px;float:right;position:relative;cursor: pointer; height:60px; background:#2b52d7; 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(255,255,255,1); width:50%; height:calc(100% - 104px); line-height:40px; top:81px; right:-100%; overflow:auto; overflow-x:hidden; transition:right ease 0.5s;}
  .nav_show{top:81px; 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; 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 rgba(0,0,0,0.1) solid;text-align:center;color:#999;}
  .sjj_nav ul li i{ display:block; position:absolute;top:5px;right:0px;border-left:1px rgba(0,0,0,0.1) solid;height:40px; 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-top:1px rgba(0,0,0,0.1) solid;margin-left:10px;position:relative;line-height:50px;font-size:14px;}
  .sjj_nav>ul >li:last-child{border-bottom:1px rgba(0,0,0,0.1) solid;}
  .sjj_nav ul li ul{display:none}
  .sjj_nav ul li a{ width:90%; font-size:1rem; color:#333; text-align:inherit; padding:inherit; height:auto; line-height:inherit; background:none;}
  .sjj_nav ul li.cur a,.sjj_nav ul li.cur ul li.cur a{color:#2b52d7;}
  .sjj_nav ul li ul li a,.sjj_nav ul li.cur ul li a{color:#333;display:block;text-align:left; font-size:1rem;}
  .sjj_nav ul li i svg{width:24px;height:38px;fill:#333;}
  .sjj_nav ul li .sjj_nav_i_se svg{fill:#2b52d7;}
  .sjj_nav ul li ul li>ul{margin-left:10px}
  }
  @media screen and (max-width:900px){
  .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:65%;}
  .nav_show{top:51px;}
  .sjj_nav ul li{line-height:44px;}
  .sjj_nav ul li i{height:34px;}
  .sjj_nav ul li a{ font-size:0.9375rem; width:83%;}
  .sjj_nav ul li i svg{width:20px;height:34px;fill:#333;}
  .sjj_nav ul li ul li a,.sjj_nav ul li.cur ul li a{font-size:0.875rem;}
  }
  
  .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;}
  }