@charset "utf-8";



@import url("font-awesome.css");

@import url("bootstrap-grid.css");

/*@import url("m_grid.css");*/



@font-face {

	font-family: "SourceHanSansCN-Regular";

	src: url('../fonts/SourceHanSansCN-Regular.ttf') format('TrueType');

}



body{font-size: 0.75rem; font-family: "SourceHanSansCN-Regular"; /*font-family: "微软雅黑";*/ text-align:left;color:#353535;}

li,ol,ul{list-style-type:none}

*{margin:0;padding:0;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}

img{border:none;vertical-align:middle; max-width: 100%; height: auto; transition: all 0.5s ease;}

a{color:#333;text-decoration:none;transition: all .5s ease;}

a:hover {color: #2e79be;transition: all .5s ease;}

em,i {font-style: normal;}

input,textarea,select {outline: none;}

h1,h2,h3,h4,h5,p {line-height: 1.08;}

p {text-align: justify;}

.fl {float: left;}

.fr {float: right;}

.rel {position: relative;}

.abs {position: absolute;}

.w {width: 100%; margin: 0 auto;}

.ellipsis-1 {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;	word-wrap: break-word;	word-break: break-all;	white-space: normal !important;	-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

.ellipsis-2 {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;	word-wrap: break-word;	word-break: break-all;	white-space: normal !important;	-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.ellipsis-3 {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;	word-wrap: break-word;	word-break: break-all;	white-space: normal !important;	-webkit-line-clamp: 3;-webkit-box-orient: vertical;}



.main{width: 100%; position: relative; overflow: hidden; }

.header {height:60px; position: fixed; left: 0; top: 0; width: 100%; z-index: 111; /*background: rgba(2,105,172,0.9);*/}

.header-top1{ display: none;}

.header-top {height: auto; }

.header-top .Indexlogo {display: none;}

.logo {width:4.5rem; left: 0.625rem; top:0.4rem; position: absolute; }

.logo img {width:100%;}

.ixcn {position: absolute; right: 3rem; top:1.1rem; display:none }

.ixcn::before {content:""; width: 0.75rem; height:  0.75rem; background: url(../images/cn.png) no-repeat;  background-size:  0.75rem; position:absolute;left: -0.9rem; top:0.15rem;}

.ixcn::after {content:""; width: 0; height: 0; border: transparent solid 0.1875rem; border-top: #fff solid 0.1875rem; position:absolute;right: 0; top:0.5rem; z-index: -1;}

.ixcn select {border: none; appearance: none;-webkit-appearance: none; -moz-appearance: none; background: none; color: #fff; font-size: 0.725rem;padding: 0.15625rem; padding: 0 0.85rem 0 0.15625rem;}

.ixcn select option {color: #333; border: none; padding:0 0.15625rem;}

.navwrap { position: absolute; top:0; right:-100%; width: 100%; background: rgba(0,0,0,0.9); transition: all 0.5s;}

.nav {height: auto; padding-top: 3.125rem;}

.nav ul {font-size: 0}

.nav li {width: 100%; border-bottom: #333637  solid 1px; position: relative;}

.nav li a {padding: 0 0.9375rem; line-height: 2.85rem; text-align: left; font-size: 0.85rem; color: #fff; display: block;}

.nav li i {width: 2.85rem; height: 2.85rem; font-size: 1.25rem;text-align: center; line-height: 2.85rem; color: #fff; cursor: pointer; position: absolute; right: 0; top: 0; z-index: 2;}


/* .nav li.on a {background: #fff; color: #0269ac;}

.nav li:hover a {background: #fff; color: #0269ac;} */

.nav li:last-child {border: none;display: none;}

.navico {width: 3.125rem; display: block; height: 3.125rem;z-index: 2; right: 0; top:0; background: url(../images/menu.png)  center center no-repeat; background-size: 45%; position: absolute;}

.navico .item{display: none;}

.header.on .navico  {background: url(../images/menu2.png) center center no-repeat; background-size: 50%;}

.header.on .navwrap  {right: 0;}

.mmask {display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background:rgba(0,0,0,0.5) ; z-index: 3;}

.nav li dl { margin-bottom:1rem}

.nav li dl dd {display: block; position:relative}

.nav li dl dd a{display:block; padding-left: 2rem; line-height:2rem; color: #fff  ;}

.navitem {display: none;}

.nav li b {font-size: 1.25rem;text-align: center;color: #fff; cursor: pointer; position: absolute; right: 50%;top:0; z-index: 2;}
.nav li dd ul{ display:none; padding-left:30px}

.index_main.main{ margin-top:0}

.index_main .logo{ display:none}

.index_main .ixcn{ display:none}

.index_main .header{ background:none; height:0}

.m_header_Fixed{}
.w_header_Fixed{display: none;}

.banner {background:#fff;position:relative;}
.banner_web {display: none;}

.indexbanner1{ height:1000px;background: url(../images/indexbg.png) center 0 no-repeat;background-size:cover; position:absolute; left:0; right:0}

.indexbanner2{height:1000px;background: url(../images/indexbg.png) center 0 no-repeat;background-size:cover; position:absolute; left:0; right:0}

/* .indexbanner3{height:1025px;background: url(../images/indexbg.png) center 0 no-repeat;background-size: 100% auto; position:absolute; left:0; right:0} */



.index_banner_ad{ padding-left: 1rem;}

.index_banner_ad1{ width:70%; margin:0 auto; padding-top:4.5rem; text-align:center; float:none}

.index_banner_ad .vline{ display:none}

.index_banner_ad2{ width:45%;text-align:center;float:none;margin-top: .2rem;}

.index_banner_ad .xline{ display:block;  width:2.5rem; height:3px; background-color:#0269ac; margin:15px auto}

.showput_web{display: none;}
.showput {margin: 3rem auto;}

.showput .col-xl-6 {padding-right: 1.5rempx;padding-left: 1.5rem;}

.showput h1{text-align: center;color: #025BA1;font-size: 2rem;font-weight: bold;padding-bottom: 1.5rem;}

.showput h2{color: #025BA1;font-size: 1.5rem;font-weight: bold;padding-bottom: 1.5rem; padding-top: 0.7rem;}

.showput p {line-height: 1.5rem;font-size: 0.8rem; padding-bottom: 0.5rem;}

.showput .more a span{color:#025BA1 ;font-size: 1rem; font-weight: bold;}

.showput .more a img{width:2rem; height:2rem; vertical-align: top;}

.showput .more a{ display: block; line-height: 2rem; font-weight: bold; color: #0269AC;opacity:1}

.showput .more{padding-bottom: 2rem ;}

.ixnews {padding:17rem 0 3rem;}

.ixnews .ixnewscon {width: 100%; margin: 0 auto; padding-bottom:30px}

.ixnews .ixnewscon a {}

.ixnews .ixnewscon .pic {width:100%; position: relative; overflow: hidden;}

.ixnews .ixnewscon .pic img {width: 100%; transition: all 0.5s;}

.ixnews .ixnewscon .pic i {display: none; width: 3.125rem; height: 3.125rem; background: url(../images/vico.png) no-repeat; background-size: 3.125rem; position: absolute; left: 48%; top: 48%; margin-left: -1.0625rem; margin-top: -1.0625rem;}

.ixnews .ixnewscon .pic:hover img {transform: scale(1.1);}
.ixnews .swiper-pagination .swiper-pagination-bullet{ background:#fff; bottom:15px}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:60px}
.ixnews .swiper-pagination .swiper-pagination-bullet-active{ background:#007aff}

.ixnews .ixnewscon p {padding-top: 2.025rem; text-align: center; color: #fff; font-size: 0.85rem; margin:0 auto; }
.ixnews .ixnewscon p a{ color:#fff;border:1px solid #666; padding:5px 10px}

.ixnews-l {width: 2.09375rem; height: 2.09375rem; background: url(../images/leftico.png) no-repeat; background-size: 2.09375rem; z-index: 2; position: absolute; left:0; top: 2.1875rem; opacity:0.7; display:none}

.ixnews-r {width: 2.09375rem; height: 2.09375rem; background: url(../images/rightico.png) no-repeat; background-size: 2.09375rem; z-index: 2; position: absolute; right:0; top: 2.1875rem;opacity:0.7;display:none }

.ixnews-l:hover, .ixnews-r:hover{ opacity:1}

.ixhonor {height: auto; padding-bottom: 3.5rem; /*background: url(../images/ixBg1.jpg) center 0 no-repeat;*/ background:#0a192a; background-size: cover;}

.ixhonor .cont {padding: 3.5rem 1.8rem 0;}
.ixhonor .cont h2{ display:none}
.ixhonor .cont .mobile {font-size: 1.1rem; line-height: 1.5; letter-spacing:1px; border-bottom: #0179c8 solid 0.15625rem; padding-bottom: 1.625rem; font-weight: normal; color: #fff;text-shadow: 0 0 10px #000; text-align:center;}
.ixhonor .cont .mobile span{ font-size:1.4rem} 
.ixhonor .cont .ixhonorcon {padding-top: 1rem; }

.ixhonor .cont .ixhonorcon ul:first-child {margin-right: 0;}

.ixhonor .cont .ixhonorcon li { margin-top: 1.1rem;transform:margin .3s ease-in-out; border-bottom:1px solid #888; padding-bottom:10px}

.ixhonor .cont .ixhonorcon h3 {font-size: 0.95rem; color: #fff; font-weight: normal; transition:all .3s ease-in-out;cursor:pointer}

.ixhonor .cont .ixhonorcon li .tcon p { color: #fff; line-height:1.5;font-size:0; opacity:0; }
.ixhonor .cont .ixhonorcon .more{ display:none}
.ixhonor .cont .ixhonorcon .more2 {padding-top: 0.78125rem; display:none}

.ixhonor .cont .ixhonorcon .more2 a{width: 5rem; font-size:0.5rem; height: 1.5rem; display: block; text-align: center; line-height: 1.5rem; color: #00a2e9; border:1px solid #00a2e9}

.ixhonor .cont .ixhonorcon .more a:hover{background: #0269AC;}

.ixhonor .cont .ixhonorcon li.on .more2 {padding-top: 0.78125rem; display:block}

.ixhonor .cont .ixhonorcon li.on{ margin-bottom:1.5rem;border-bottom:0; padding-bottom:0}

.ixhonor .cont .ixhonorcon li.on .tcon p {padding-top: 0.46875rem; font-size:0.9rem; line-height:1.5; opacity:1;animation:resizeAndShowText  .4s ease-in-out both}

.ixhonor .cont .ixhonorcon li.on h3 {font-size: 1.2rem; animation:all .3s ease-in-out}

.commpany{height: 100%;margin: 1rem 1.5rem;font-size: 1rem;}

.commpany .row{padding-top: 1.5rem;}

.commpany h2{font-size: 1.5rem!important;letter-spacing: 2px;line-height: 1.8rem;margin-top: 2rem;}

.commpany .f_54{font-size: 1.5rem;}

.commpany p{line-height: 1.4rem;}

.commpany .pc_w{display: none;}

.f-bold{font-weight: bold;}
.f-blue{color: #025BA1;}

.beside{display: none;}
.floating_ck{
    display: none;
}
@keyframes resizeAndShowText {

    0% {

        font-size: 0;

        opacity: 0;

    }



    50% {

        font-size:0.775rem;

        opacity: 0;

    }



    100% {

        font-size: 0.775rem;

        opacity: 1;

    }

}







.tishen{
	display: none;
    width: 100%;

    position: relative;

    background: transparent;

}

.ixsolution .pic_list{

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    height: 100vh;

    background: #000;

}

.ixsolution .pic_list::after{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: linear-gradient(180deg,rgba(1,27,45,0),rgba(1,27,45,.65) 48%,rgba(1,27,45,.32) 81%,rgba(1,27,45,0));

}

.ixsolution.isInFocus{

    position: fixed;

    bottom: 0;

    left: 0;

    right: 0;

    top: 0;

    z-index: 99;

}

.ixsolution.isAtBottom{

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    top: auto;

}

.ixsolution .pic_list li{

    height: 100vh;

    width: 100vw;

    position: absolute;

    overflow: hidden;

    top: 0;

    left: 0;

    opacity: 0;

    transition: opacity .3s ease-in-out;

}

.ixsolution .pic_list li .pic{

    width: 125vw;

    height: 125vh;

    left: -12.5vw;

    top: -12.5vh;

    position: absolute;

    background-position: 50% top;

    background-repeat: no-repeat;

    background-size: cover;

    z-index: 0;

    transform: scale(1);

    transition: transform .5s ease-in-out;

}

.ixsolution .pic_list li.cur {

    opacity: 0.5;

}

.ixsolution .pic_list li.cur .pic{

    transform: scale(.9);

}

.ixsolution{

    position: relative;

}

.ixsolution_spacerShelf{

    display: flex;

    flex-direction: column;

}

.ixsolution_spacer{

    position: relative;

    height: 45vh;

    width: 10vw;

}

.ixsolution__spacerFirst,.ixsolution__spacerLast{

    flex-grow: 4;

    height: 50vh;

}

.ixsolution {

    padding:3.5rem 1.8rem 3.5rem;

    background:#014E7F;

    height: 100vh;

    z-index: 2;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

}







.ixhonor_tishen{

    width: 100%;

    position: relative;

    background: transparent;

}

.ixhonor .ixhonorPic_list{

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    height: 100vh;

    background: #000;

}

.ixhonor .ixhonorPic_list::after{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: linear-gradient(180deg,rgba(1,27,45,0),rgba(1,27,45,.65) 48%,rgba(1,27,45,.32) 81%,rgba(1,27,45,0));

}

.ixhonor.isInFocus{

    position: fixed;

    bottom: 0;

    left: 0;

    right: 0;

    top: 0;

    z-index: 99;

}

.ixhonor.isAtBottom{

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    top: auto;

}

.ixhonor .ixhonorPic_list li{

    height: 100vh;

    width: 100vw;

    position: absolute;

    overflow: hidden;

    top: 0;

    left: 0;

    opacity: 0;

    transition: opacity .3s ease-in-out;

}

.ixhonor .ixhonorPic_list li .pic{

    width: 125vw;

    height: 125vh;

    left: -12.5vw;

    top: -12.5vh;

    position: absolute;

    background-position: 50% top;

    background-repeat: no-repeat;

    background-size: cover;

    z-index: 0;

    transform: scale(1);

    transition: transform .5s ease-in-out;

}

.ixhonor .ixhonorPic_list li.cur {

    opacity: 0.5;

}

.ixhonor .ixhonorPic_list li.cur .pic{

    transform: scale(.9);

}

.ixhonor{

    position: relative;

}

.ixhonor_spacerShelf{

    display: flex;

    flex-direction: column;

}

.ixhonor_spacer{

    position: relative;

    height: 45vh;

    width: 10vw;

}

.ixhonor__spacerFirst,.ixhonor__spacerLast{

    flex-grow: 4;

    height: 50vh;

}

.ixhonor {

    background:#014E7F;

    height: 100vh;

    z-index: 2;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

}



.ixsolution .pc_w{ display:none}

.ixsolution h2{ color: #fff;font-size: 1.2rem; font-weight: normal; letter-spacing:1px; line-height:1.5; text-align:center; padding-bottom:1.625rem; border-bottom:#0179c8 solid 0.15625rem; position:relative}

.ixsolution .cont {background:#014E7F;}

.ixsolution .cont .tit {position: relative; background-color:#0179C8; /*height:370px; */}

.ixsolution .cont .tit h2 {color: #fff;font-size: 1rem; font-weight: normal; letter-spacing:1px; line-height:1.5; text-align:center; padding-bottom:1.625rem; border-bottom:#0179c8 solid 0.15625rem}

.ixsolution .cont .ixsl-item:first-child{ display:block}

.ixsolution .cont .ixsl-item{ display:none}

.ixsolution .cont .ixsl-item .tit h3 {color: #fff; font-size: 1.2rem; font-weight: normal;left:0; }

.ixsolution .cont .ixsl-item .tit .tcon {padding: 1rem 0 1.5rem 0;left:0; }

.ixsolution .cont .tit .tcon p {font-size: 1rem; line-height: 1.8; color: #fff;}

.ixsolution .cont .tit .num {font-size:4.3rem; opacity: 0.25; color: #fff; position: absolute; right: 0.9375rem; bottom:-1rem; z-index: 2; font-family:Arial, Gadget, sans-serif; font-weight:bold}

.ixsolution .cont .solist {padding: 1rem 0 0;}

.ixsolution .cont .solist li {position: relative;  padding: 0.425rem 0;}

.ixsolution .cont .solist li h4 {font-size: 0.9375rem; color: #fff;font-weight: normal; opacity: 0.6;padding-left:1.5rem; cursor:pointer}

.ixsolution .cont .solist li p {font-size: 0.75rem;display: none; color: #fff;font-weight: normal; opacity: 0.6; }

.ixsolution .cont .solist li span {font-size: 0.9375rem; color: #fff;opacity: 0.6; position: absolute; left: 0; top:0.425rem; font-family:Arial, Gadget, sans-serif}

/*.ixsolution .cont .solist li:hover h4 {opacity: 1;}

.ixsolution .cont .solist li:hover p {opacity: 1;}

.ixsolution .cont .solist li:hover span {opacity: 1;}*/

.ixsolution .cont .solist li.on h4 {opacity: 1;}

.ixsolution .cont .solist li.on p {opacity: 1;}

.ixsolution .cont .solist li.on span {opacity: 1;}

.ixsl-item .box{ padding:40px 0 60px 30px;position:relative; margin-top:2rem}

.ixsolution .cont .ixsl-item-cur .tit .box {left:0;-webkit-animation: left-to-right 0.5s linear; /* Chrome, Safari, Opera */ 

    animation: left-to-right .5s linear; }

.ixsolution .cont .ixsl-item-cur .tit .box h3 {left:0;-webkit-animation: left-to-right 0.5s linear; /* Chrome, Safari, Opera */ 

    animation: left-to-right .5s linear; }

.ixsolution .cont .ixsl-item-cur .tit .box .tcon {left:0;-webkit-animation: left-to-right 0.5s linear; /* Chrome, Safari, Opera */ 

    animation: left-to-right .5s linear; }



@-webkit-keyframes left-to-right { 

	0%{ 

     left:-100px; opacity:0

     }  

    100%{ 

     left:0; opacity:1

     }  

} 



@keyframes left-to-right { 



    0%{ 

     left:-100px;opacity:0

     }  

    100%{ 

     left:0;opacity:1

     }  



} 





/*.ixsl-item {display: none;}

.ixsolution .cont .ixsl-item:first-child {display: block;}

.ixsolution .cont .tab-bd{ width:100%;}*/

.ixvideo img {width: 100%;}

.ixvideo{background:#EEEEEE ;}

.ixvideo .ixvideo_bg{height: 3rem;line-height: 3rem;text-align: center;color:#025BA1;font-size: 1.5rem;font-weight: bold;background: #EEEEEE;}

.ixvideo video {width: 100%!important;display: block;}

.videolist {width: 100%; position: relative;}

.videolist:hover{ cursor: pointer; }

.videoed {width: 3rem; height: 3rem; position: absolute; left:50%; top:50%; margin-top: -1.5rem; margin-left: -1.5rem; z-index:99; border-radius:100%; background: url(../images/vico2.png); background-size: 3rem; }

.videos{ display:none; border: 1px solid #080808; position:fixed; left:50%; top:50%; margin-left:-9.375rem; margin-top:-5.28125rem; z-index:114; width:18.75rem; height:10.5625rem; }

.vclose { position:absolute;right:0; top:-2rem; border-radius:100%; cursor: pointer; }

.mmask2 {display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background:rgba(0,0,0,0.8) ; z-index:113;}



/* .ixchain {height: auto; background: url(../images/ixBg3.jpg) center 0 no-repeat; background-size: cover;} */
 .ixchain {height: auto; background:url(../images/Listbg.png) center 0 no-repeat;background-size: 100% 100%;} 

.ixchain .cont {padding: 3rem 0;}

.ixchain .cont .ixtitle {padding: 0 0.9375rem;}

/*.ixchain .cont .ixtitle h1 {font-size: 1rem; color: #fff; font-weight: normal; text-align:center}*/
.ixchain .cont .ixtitle h1{ color: #fff;font-size: 1.4rem; font-weight: normal; letter-spacing:1px; line-height:1.5; text-align:center; padding-bottom:1.625rem;  position:relative}


.ixchain .cont .ixchainwrap {padding: 2rem 0 0;}

.ixchain .cont .ixchaincon {width:75%; margin: 0 auto;}

.ixchain .cont .ixchaincon a {display: block;}

.ixchain .cont .ixchaincon .pic {width: 100%;  position: relative; overflow: hidden;}

.ixchain .cont .ixchaincon .pic img {width:100%; transition: all 0.5s;}

.ixchain .cont .ixchaincon .pic:hover img {transform: scale(1.1);}

.ixchain .cont .ixchaincon p {padding-top: 1rem; text-align: center; color: #fff; font-size: 0.8rem;line-height:1.6rem;height:1.6rem}

.ixchain .cont .ixnews-l {top:50%;}

.ixchain .cont .ixnews-r {top:50%;}
.ixchain .cont .ixchaincon p span{ margin:0 10px; font-size:0.5rem;line-height:1.5rem; display:inline-block; height:1.5rem }


/*.footer {background: #0269ac;}*/

.footer {background: #4F93D1; position:relative}

.footer-top {padding: 1.875rem 0.9375rem;}

.footer-top .f-left {float: left; width: 100%; margin-right: 0; }

.footer-top .f-left .blogo {width: 14rem; display: block;}

.footer-top .f-left .blogo img {width: 90%;}

.footer-top .f-left .fCopyright {padding-top: 0.625rem; width: 16rem; display:none}

.footer-top .f-left .fCopyright p {font-size: 0.75rem; line-height: 1.8; color: #fff;}

.footer-top .f-mid {float: left; width: 100%; padding-top: 0.9375rem;}

.footer-top h2 {font-size: 1rem; font-weight: normal; color: #fff; margin-bottom: 0.625rem; text-align:center}
.footer-top h3 {font-size: 0.5rem; font-weight: normal; color: #fff; margin-bottom: 0.625rem; text-align:center}
.footer-top .f-mid .finfo p {font-size: 0.75rem; line-height: 3; color: #fff; border-bottom:1px solid #17649863}

.footer-top .f-mid .finfo .ewm {width: 5rem; padding-top: 0.625rem; margin:0 auto}

.footer-top .f-mid .finfo .ewm img {width: 5rem; height: 5rem;}

.footer-top .f-mid .finfo .ewm p {padding-top: 0.3125rem; font-size: 0.625rem; line-height: 0.625rem; text-align: center; border-bottom:0 }

.footer-top .f-mid .finfo p img{ width:1.3em; margin-right:5px}
.footer-top .f-mid .finfo p span{ display:none}
.footer-top .f-right{float: left; width: 100%; padding-top: 0.625rem;display: none;}

.footer-btm {height: auto;padding:0 0 3rem;}

.footer-btm p {text-align:left; clear:left}

.footer-btm p a {line-height: 1.8; color: #fff; float:left; width:20%; background-color:#009ADF; margin:5px 2.5%; text-align:center;}

.footer-btm p a:hover {text-decoration: underline;}

.back-top{ position:absolute; text-align:center; bottom:1.875rem; right:1.7rem; z-index:9999}



:root {

	--f:#fff;

	--c:#ccc;

	--c_3:#333;

	--c_6:#666;

	--c_00a2e9:#00a2e9;

	--bg_000d14:#033B60;

	--bg_02558b:#02558b;

	--bg_002943:#002943;

	--p0:0;

	--a0:0 auto;

	--fwb:bold;

	--fw5:500;

}

/*breadcrumb_ul*/

 .breadcrumb_ul {
	display: none;

	margin: 0.416667rem auto;

	/* display:flex; */

	flex-wrap: wrap;

	align-items:center;

	justify-content:end;

}

.breadcrumb_ul .li {

	position:relative;

	font-family:'FontAwesome';

}

/* .breadcrumb_ul .li + .li::before {

	display:inline-block;

	padding:0.416667rem;

	content:"\f105";

	color:var(--f);

	font-size:var(--s16);

} */

.breadcrumb_ul .li a {

	color:var(--f);

	font-size: 0.625rem;

	font-weight:var(--fw5);

	margin:var(--a0);

}

.breadcrumb_ul .li:last-child a {

	color:var(--f);

}

/*breadcrumb_ul*/

/*figure_banner*/

 .figure_banner {

	position:relative;
	margin: -1rem 0 0 0;
	/* margin:var(--a0); */

}

.figure_banner_case{
	margin: -2.4rem 0 0 0;
}

.figure_banner .img-fluid {

	height: 10.666667rem; 

	width:100%

}

.figure_banner .img-fluidte{
	height: 12.066667rem; 

	width:100%
}

.figure_banner .figcaption_txt {

	display:flex;

	align-items:center;

	justify-content:center;

	position:absolute;

	top:30px;

	bottom:0;

	left:0;

	right:0;

}

.figure_banner .figcaption_txt .txt .h2 {

	color:var(--f);

	font-size:1.5rem;

	font-weight:var(--fwb);

	margin:2rem auto 0;

}

.figure_banner .figcaption_txt .h_line{ width:3.5em; height:2px; background-color:#0269AC; margin-top:20px}

.figure_banner .figcaption_txt .txt .p {

	color:var(--f);

	font-size:0.9rem;

	line-height:1.3rem;

	font-weight:var(--fw5);

	margin: 0.833333rem auto 0;

}

.figure_banner .figcaption_txt .txt .p_c {color: var(--c);}

/*figure_banner*/

/*product*/

/* .product_banner .img-fluid{height:13.666667rem}

.product_banner .figcaption_txt .txt .h2{ margin:1rem auto 0} */
.pc_product{ display:none}

.product .aside_ul {display: flex;justify-content: space-around;width: 100%;background-color: #d8e7f5;border-radius: 4px;margin: .5rem 0 0rem ;overflow: hidden;}
.product .aside_ul li{text-align: center;flex: 1;font-size:1.2rem ;font-weight: bold;margin:0 5px; padding:0 5px}
.product .aside_ul .active{background: #4F93D1;}
.product .aside_ul .active a{color: #fff}

.product .Pro_list{display: flex;flex-wrap: wrap;}
.product .pro_item{width: 100%;padding:1rem 1rem .5rem 1rem;}
.product .pro_item .pro_item_img .overlay_{display: none;}
.product .pro_item .pro_item_img:hover .overlay_{display: block;z-index: 10;position: absolute;top:0;left: 0;right: 0;bottom: 0;background-color: #4F93D180;;width: 100%;height: 100%;display: flex;}
.product .pro_item .pro_item_img:hover .overlay_ img{margin: auto;width: 2.5rem;height:2.5rem;}
.product .pro_item .pro_item_img{width: 100%;height: 12rem;position: relative;border: 1px solid #DDDDDD;cursor: pointer;}
.product .pro_item .pro_item_img img{width: 100%;height: 100%;object-fit: fill;}
.product .pro_item .pro_item_name{line-height: 3rem;font-size:1.5rem;color: #333;text-align: center;font-family: NotoSansHans;}
/* .product {
s
	position: relative;

	margin: var(--a0);

	padding: 0.633333rem 0;

	background: #0269ac;

}

.product .news_ul {

	margin: var(--a0);

	position: relative;

}

.product .news_ul .li {

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	justify-content: center;

	margin-bottom: 0.633333rem;

	padding: 2.5rem 0 3rem;

	height: auto;

}

.product .news_ul .li:last-child {margin-bottom: 0.0rem;}

.product .news_ul .li:nth-child(n) {

	background: url(../images/product_bg_1.jpg) center no-repeat;

	background-size: cover;

}

.product .news_ul .li:nth-child(2n) {

	background: url(../images/product_bg_2.jpg) center no-repeat;

	background-size: cover;

}

.product .news_ul .li:nth-child(3n) {

	background: url(../images/product_bg_3.jpg) center no-repeat;

	background-size: cover;

}

.product .news_ul .li .figure_img_txt {

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	justify-content: center;

}

.product .news_ul .li .a_img {clear:both;padding: 0;}

.product .news_ul .li .a_img::before, 

.product .news_ul .li .a_img::after {

	visibility:hidden;

	clear:both;

	font-size:0;

	height:0;

	content:"";

	display:block;

}

.product .news_ul .li .a_img img {

	width: 100%;

	display: block;

	margin: 0 auto

}

.product .news_ul .li:nth-child(odd) .a_img img {

	float: right;

}

.product .news_ul .li:nth-child(odd) .a_img {order: 1;}

.product .news_ul .li:nth-child(odd) .figcaption_txt {order: 2;}

.product .news_ul .li:nth-child(even) .a_img {order: 1;}

.product .news_ul .li:nth-child(even) .figcaption_txt {order: 2;}

.product .news_ul .li .figcaption_txt {padding: 1.25rem 0 0;}

.product .news_ul .li .figcaption_txt .a {

	color: var(--f);

	font-size: 1.25rem;

	line-height: 1.666667rem;

	font-weight: var(--fw5);

	-webkit-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    transition: all 0.4s ease;

}

.product .news_ul .li:hover .figcaption_txt .a {color: #ccc;}

.product .news_ul .li .figcaption_txt .p {

	color: var(--f);

	font-size: 0.833333rem;

	line-height: 1.25rem;

	font-weight: var(--fw5);

	margin: 0.833333rem auto 1.25rem;

}

.product .news_ul .li .figcaption_txt .btn_a {

	color: var(--f);

    font-size: 0.833333rem;

    line-height: 0.833333rem;

    font-weight: var(--fw5);

    background: #0269ac;

    border-radius: 0.25rem;

    padding: 0.416667rem 1.25rem;

    -webkit-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    transition: all 0.4s ease;

}

.product .news_ul .li:hover .figcaption_txt .btn_a {background: #014e7f;} */

/*product*/



/*product_details*/

.product_details {

	position: relative;

	margin: var(--a0);

	padding: 0.833333rem 0;

	background: #0269ac;

}

/*product_details*/

.btn{margin-top: 1rem;}
/*case*/

.case {

	position: relative;

	margin: var(--a0);

	padding: 1.666667rem 0;

	background: var(--f);

}

.case .figure_img_txt {margin-bottom: 1.25rem;}

.case .figure_img_txt .figcaption_txt {

	padding:1.5rem 0.833333rem;

	color: #fff;

	background: #F0F0F0;

}

.case .figure_img_txt .figcaption_txt .title_a {

	color: #4f93d1;

	font-size: 1.0rem;

	line-height: 1.25rem;
 
	font-weight: bold; border-bottom:1px solid #728DA0; padding-bottom:15px; display:block

}

.case .figure_img_txt:hover .figcaption_txt .title_a {

	color: #c2c2c2;

}

.case .figure_img_txt a>img {

	width: 100%;

	display: block;

	margin: var(--a0); 

}

.case .figure_img_txt .figcaption_txt .p {

	color: #636;

	font-size: 0.833333rem;

	font-weight: var(--fw5);

	line-height: 1.25rem;

	margin: 0.833333rem auto;

}

.case .figure_img_txt .figcaption_txt .p a{ color:#666}

.case .figure_img_txt .figcaption_txt .h6 {

	color: #c2c2c2;

	font-size: 0.833333rem;

	font-weight: var(--fw5);

	line-height: 1.25rem;

	margin: var(--a0); display:none

}

.case .figure_img_txt .figcaption_txt .mobile_keyword{ color:#666}

.case .figure_img_txt .figcaption_txt .mobile_keyword dd span{ border:1px solid #728DA0; padding:3px 10px; margin:0 5px 5px 0; display:inline-block}

.case .figure_img_txt .figcaption_txt .mobile_keyword dt{ margin-bottom:5px}

.case .figure_img_txt .figcaption_txt .h6 a{color:#fff}

.case .figure_img_txt .figcaption_txt .more_a {

	color: #fff;

	font-size: 0.833333rem;

	font-weight: var(--fw5);

	line-height: 1.25rem;

	display: inline-block;

    padding: 0.416667rem 0.833333rem;

	margin-top: 0.833333rem;

	background: #4F93D1;

}

.case .figure_img_txt .figcaption_txt:hover .more_a {

	color: #c2c2c2;

}

/*case*/

/*case_details*/

.zhengwen{padding: 1rem 0 1.2rem 0;}
.zhengwen .zhengwen_title{color: #7CB7ED;font-weight: bold;font-size: 2rem;line-height: 2.5rem;}
.zhengwen .zhengweng_data{font-size: 1rem;font-weight: bold;color: 262626;line-height: 1.5rem;margin: .5rem;}
.zhengwen .zw_img{margin: .5rem 0 0 0;width: 100%;height: auto;object-fit: cover;}

.case_banner .img-fluid {

	height: 15.666667rem; 

}

.case_details {

	position: relative;

	margin: var(--a0);

	padding: 4.166667rem 0;

	background: var(--bg_000d14);

}

.case_details .h3 {

	color: #00a2e9;

	font-size: 1.25rem;

	line-height: 1.666667rem;

	font-weight: var(--fwb);

	margin: var(--a0);

}

.case_details .p {

	color: #eee;

	font-size: 0.9rem;

	line-height: 1.3rem;

	font-weight: var(--fw5);

	margin: 0.833333rem auto 4.166667rem;

}



.case_details .mb0 {margin-bottom: 0;}

.case_details .txt .h4 {

	color: var(--f);

	font-size: 1.25rem;

	line-height: 1.666667rem;

	font-weight: var(--fwb);

	margin: var(--a0);

}

.case_details .txt .ul {

	display: flex;

	flex-wrap: wrap;

    align-items: center;

    justify-content: center;

    margin: 1rem auto 2.5rem;

    padding: 0;

}

.case_details .txt .ul li {

	padding: 1.25rem;

}

.case_details .txt .ul li:nth-child(1){ background:#0a1a22}

.case_details .txt .ul li:nth-child(2){ background:#14242d}

.case_details .txt .ul li:nth-child(3){ background:#0a1a22}

.case_details .txt .ul li .span {

	color: #c2c2c2;

	font-size: 1.1rem;

	line-height: 1.666667rem;

	font-weight: var(--fw5);

}

.case_details .txt .ul li .p {

	color: #c2c2c2;

	font-size: 0.9rem;

	line-height: 1.3rem;

	font-weight: var(--fw5);

	margin: 0.833333rem auto 0;

}

/*case_details*/

.about_banner .img-fluid {

	height: 13.666667rem; 

}

/*service*/

.service {

	position: relative;

	margin: var(--a0);

	padding: 0px 0 2.5rem;

	/*background: url(../images/service_bg.jpg);

	background-size: cover;*/

	background: var(--f);

}

.service img {width: 100%;}

/*service*/

/*news*/

.news {

	position: relative;

	margin: var(--a0);

	padding: 0px 0 2.5rem;

	background: var(--f);

}

.news .news_ul .li {

	margin-bottom: 1.25rem;

	background:#F0F0F0;

	-webkit-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    transition: all 0.4s ease; padding:0 15px;

}

.news .news_ul .li:hover {

	background: #0269ac;

}

.news .news_ul .li .figure_img_txt {

	width: 100%;

	height: auto;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	justify-content: center;

	padding: 1.25rem 0; 
	
	/* background-color:#00273E */

}

.news .news_ul .li .figure_img_txt img {

	width: 100%;

	display: block;

	margin: 0 auto;

}

.news .news_ul .li .figure_img_txt .figcaption_txt {

	margin-top: 0.833333rem;

}

.news .news_ul .li .figure_img_txt .figcaption_txt .a {

	color: #000;

	font-size: 1.2rem;

	line-height: 1.666667rem;

	font-weight: var(--fw5);

	-webkit-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    transition: all 0.4s ease;

}

.news .news_ul .li .figure_img_txt .figcaption_txt .p {

	color: #333;

	font-size:0.9rem;

	line-height: 1.266667rem;

	font-weight: var(--fw5);

	width: 100%;

	margin: 0.533333rem 0;

	-webkit-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    transition: all 0.4s ease;

}

.news .news_ul .li .figure_img_txt .figcaption_txt .time {

	color: #ccc;

	font-size: 0.8rem;

	line-height: 1.25rem;

	font-weight: var(--fw5);

	-webkit-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    transition: all 0.4s ease; float:left; margin-top:10px

}

.news .news_ul .li:hover .figure_img_txt .figcaption_txt .a,

.news .news_ul .li:hover .figure_img_txt .figcaption_txt .p,

.news .news_ul .li:hover .figure_img_txt .figcaption_txt .time {

	color: var(--f);

}

.news .news_ul .li .figure_img_txt .figcaption_txt .btn_a {

	position: relative;

    top: 0;

    right: 0;

	display: block;

	width: 2.916667rem;

	height: 2.916667rem;

	background: url(../images/ico_1.png) 0 0 no-repeat;

	background-size: 80%;

	-webkit-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    transition: all 0.4s ease; float:right

}

.news .news_ul .li:hover .figure_img_txt .figcaption_txt .btn_a {

	background: url(../images/ico_01.png) 0 0 no-repeat;

	background-size: 80%;

}



.page {

	position: relative;

	margin: 0 auto 1.666667rem;


}

.page .ul {

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	justify-content: center;

}

.page .ul li {

	margin: 0 0.19rem;

}

.page .ul li a {

	color: var(--f);

	font-size: 0.8rem;

	color: black;

	line-height: 1.666667rem;

	font-weight: var(--fw5);

	padding: 0.416667rem 0.833333rem;

	-webkit-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    transition: all 0.4s ease;

}

.page .ul .active a,

.page .ul li:hover a {

	background: #4F93D1;

	color: #fff;

}

/*news*/

/*news_details*/

.news_details .nextNew{display: flex;justify-content: space-between;font-size: 20px;font-weight: bold;margin-top: 1ren;border-top: 1px solid #DDDDDD}
.news_details .nextNew p{line-height: 30px;cursor: pointer;}

.news_details {

	position: relative;

	margin: var(--a0);

	padding: 0px 0 2.5rem;

	background: var(--f);

}

.news_details img {max-width: 100%;}

.news_details .h2 {

	color: var(--f);

	font-size: 1.3rem;

	font-weight: var(--fw5);

	text-align: center;

	padding: 0.8rem;

	margin: 1.666667rem auto 0;

	background: #4F93D1;

}
.news_details .title{
	border-bottom: 1px solid #DDDDDD;padding-bottom: 20px;margin-bottom: 20px;
}

.news_details .title .h1{font-weight: bold;color: #4F93D1;font-size: 1.5rem;margin-top: 3.5rem;}

.news_details .D_Info{
	line-height: 24px;font-weight: bold;font-size: 20px;padding-top: 20px;color: #333333;
}

.news_details .ul {margin: var(--a0);background-color: #F0F0F0;}

.news_details .ul li {

    padding: 0.833333rem;

    border-bottom: 0.083333rem dashed #ddd;

}

.news_details .ul li:nth-child{ margin-top:0.833333rem}

.news_details .ul li a {

	color: #000;

	font-size: 1.15rem;

	font-weight: var(--fwb);

}


.news_details .ul li:hover a {color: var(--f)}

.news_details .ul li p {

	color: #666;

	font-size: 0.9rem;

	line-height: 1.25rem;

	font-weight: var(--fw5);

	margin: 0.633333rem auto 0;

}

.news_details .jt_img {

	display: block;

    margin: 1.666667rem auto 0;width: 15px;

}

/*news_details*/

.prompt{padding: 2.5rem 0}

.prompt h2{line-height: 2rem;font-size: 2.8rem;font-weight: bold;}

.prompt p {line-height: 2rem;font-size: 2.2rem;}

/*recruit*/

.prompt{padding: 2rem 0 1.5rem  }

.prompt h2{line-height: 1.8rem;font-size: 1.5rem;font-weight: bold;}

.prompt p {line-height: 1.5rem;font-size: 1rem;font-weight: bold;}

.Info .item h1{height: 3rem;font-size: 2rem;font-family: NotoSansHans;font-weight: bold;color: #4F93D1;line-height: 3rem;text-align: center;padding-bottom: .28rem;display: inline-block;border-bottom: 2px solid #4F93D1;}

.Info .item .title{border-bottom: 1px solid #DDDDDD; margin-bottom: 1.2rem;}

.Info .item p{line-height: 1.6rem;font-size: 1rem;font-weight: bold;}

.Info .item{margin-bottom: 2rem;font-family: "NotoSansHans";}

.Info .item .detail{padding-right: 1rem;}

.Info .HRdetail{}

.Info .Hritem{padding-right: 1.5rem;margin-bottom: 1rem;}

.Info .item p span{color: #4F93D1;}

.Info .Hritem div{font-weight: bold;font-size: 1rem;line-height: 1.5rem;display: flex;align-items: center;}

.Info .Hritem div img{width: 1rem;height: 1rem;margin-right: .5rem;}

.Info .item .detail .bt{height: 2.5rem;line-height: 2.5rem;color: #fff;background-color:#4F93D1;padding: 0 1.25rem;margin-top: 1.4;font-size: 1.1rem;display: inline-block;font-weight: bold;border-radius: 4px;cursor: pointer;}


/* 搜索不显示 */
.woSearch{display: none;}
/* .woSearch{display: flex;padding: 30px 20px;background-color: #D8E7F5;margin-bottom: 30px;} */
.woSearch div:nth-child(1){flex: 1;text-align: center;line-height: 54px;font-size: 28px;font-weight: bold;color: #4F93D1;}
.woSearch div:nth-child(2){flex: 2;margin-left: 20px;}
.woSearch div:nth-child(3){flex: 2;margin-left: 20px;}
.woSearch div:nth-child(4){flex: 4;margin-left: 20px;}
.woSearch div:nth-child(5){flex-basis: 54px;}
.woSearch .search input{width: 100%;line-height: 54px;;padding-left: 5px;font-size: 24px;font-weight: bold;color: #4F93D1;border: none;}
.woSearch .search input::placeholder{color: #999999;padding-left: 5px;}
.woSearch #SearchBt { height: 54px;width: 54px;background-color: #4F93D1 ;border: none;cursor: pointer;display: flex;}
.woSearch #SearchBt img{height: 20px;width: 20px;margin: auto;}

.recruit {

	position: relative;

	margin: var(--a0);

	padding: 1.666667rem 0 4.166667rem;

	background: var(--f);

}

.recruit .aside_h2 {

	padding: 0.7em 15px;

    color: #fff;

    font-size: 1.2rem;

    font-weight: 500;

	background: #0269ac; display:none

}

.recruit .aside_ul {margin: var(--a0); display:none}

.recruit .aside_ul li {

	-webkit-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    transition: all 0.4s ease;

	border-bottom: 1px solid #27526d;

}

.recruit .aside_ul li:last-child {

    border-bottom: 0;

}

.recruit .aside_ul li a {

	font-family: "FontAwesome";

	position: relative;

	display: block;

	padding: 1.25rem 1.666667rem;

    color: #fff;

    font-size: 1.25rem;

    line-height: 1.666667rem;

    font-weight: 500;

    background: #013454;

    -webkit-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    transition: all 0.4s ease;

}

.recruit .aside_ul .active a::before,

.recruit .aside_ul li:hover a::before {

    content: "\f105";

    position: absolute;

    right: 2.083333rem;

    left: auto;

    font-size: 1.666667rem;

    width: 1.666667rem;

    height: 1.666667rem;

    line-height: 1.333333rem;

    text-align: center;

    border-radius: 100%;

    border: 0.166667rem solid #fff;

}

.recruit .aside_ul li:hover a {background: #0269ac;}

.recruit .accordion {

    position: relative;

	margin: 2rem auto 0;

}

.recruit .accordion li {

	margin-bottom:0.6rem;

}

.recruit .accordion .link {

    cursor: pointer;

    display: block;

    padding:0.8rem 1rem;

    color: #fff;

    font-size: 1rem;

    font-weight: 500;

    background: #011f31;

    position: relative;

    -webkit-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    transition: all 0.4s ease;

}

.select-box-container{ padding:0 15px; overflow:hidden}

.recruit .select-box{

display: block;

overflow-y: auto;

margin-top: 20px;}

.recruit .select-box ul{

display: table;

overflow-x: hidden;}

.recruit .select-box ul li{

display: table-cell;

padding: 0 5px;

white-space: nowrap;}

.recruit .select-box ul li a{ color:#fff; font-size:1rem; padding:0 15px}

.recruit .select-box ul li.active a{ border-bottom:2px solid #0269ac; padding-bottom:15px; display:block; font-weight:bold}



.recruit .posCatlist{ color:#fff; margin-top:20px; }
.recruit .posCatlist .ceil{ margin-bottom:2px;background-color:#4F93D1; }
.recruit .posBox{ padding:15px;}
.recruit .posBox .box{ width:80%}
.recruit .posBox .posCat{ font-size:1rem; margin-bottom:5px}
.recruit .posBox .posList a{ font-size:0.8rem; color:#fff; margin-right:20px; display:inline-block; margin-bottom:5px; cursor:pointer}
.recruit .posCatlist .open{ background-color:#4F93D1}
.recruit .posCatlist .icon{ margin-top:15px;width:15%}
.recruit .posCatlist .open a.cur{ color:#fff; text-decoration:underline}
.recruit .posCatlist .submenu .pre{ display:none}
.recruit .posCatlist i {
    font-size: 1.5rem;
    line-height: 1.666667rem;
    color: #fff;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease; margin-top:15px;
}
.recruit .posCatlist .open i{
-webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);	}

.recruit .accordion{ display:none}
.recruit .accordion .open .link {

    background: #0269ac;

}

.recruit .accordion li i {

    position: absolute;


    left: auto;

    right: 1.25rem;

    font-size: 1.5rem;

    line-height: 1.666667rem;

    color: #fff;

    -webkit-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    transition: all 0.4s ease;

}

.recruit .accordion .open .link,

.recruit .accordion .open i {

    color: #fff;

}

.recruit .accordion .open i {

    -webkit-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    -o-transform: rotate(90deg);

    transform: rotate(90deg);

}

.recruit .submenu {

    /*display: none;*/

    background: #d6e6f4;

}

.recruit .submenu .pre {

	color: #333;

	font-weight: 500;

	font-size:0.85rem;

	padding: 0.833333rem 0.833333rem 2rem; display:none

}
.recruit .submenu .active{ display:block}
.recruit .pre dl{ padding:0; margin:0}
.recruit .pre dl dt{ background-color:#4F93D1; padding:5px; color:#fff; margin-right:15px}
.recruit .pre dl dt span{ display:none} 
.recruit .pre dl dd{ padding:5px 0;white-space:normal;word-wrap:break-word; word-break:break-all; }
.recruit .pre dl.pos dt{ display:inline-block}
.recruit .pre dl.pos dd{ line-height:1.8}
/*recruit*/

/*contact*/

 .contact {

	position:relative;

	margin:var(--a0);

	padding:1.25rem 0 1.25rem;

	background:var(--f);

}

.contact .title_h2 {

	color:var(--f);

	font-size:1.466667rem;

	font-weight:var(--fw5);

	color: #4F93D1;

	line-height:2.083333rem;

	text-align:center;

	margin:var(--a0);

}

.title_hr{ width:40px; height:3px; background-color:#4F93D1; margin:10px auto 0; border:0}

.contact .form {

	margin: 1.25rem auto 0;

}

.contact .form .form_group {

	margin-bottom:0.533333rem;

}

.contact .form .form_input,.contact .form .form_textarea {

	display:block;

	width:100%;

	height:2.916667rem;

	padding:0.716667rem 0.833333rem;

	color: #666666;

	font-size:0.9rem;

	font-weight:var(--fw5);

	line-height:1.5;

	background:#D6E6F4;

	background-clip:padding-box;

	/* border:0.08333333333333333rem solid var(--bg_002943); */
	border: none ;

	border-radius:0.25rem;

	transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}

.contact .form .form_textarea {

	height:8.333333rem;

}

.contact .form .form_btn {

	display:block;

	width:100%;

	height:2.916667rem;

	padding:0.416667rem 0.833333rem;

	color:var(--f);

	font-size:1.083333rem;

	font-weight:var(--fw5);

	line-height:1.5;

	background:#9DC3E6;

	border-radius:0.25rem;

	border:none;

	outline:0;

}

.contact .form .form_btn:hover{background:#00A2E9;}

/* contact_o */

.contact_o {margin-bottom: 4rem ;}

.contact_o .title_h2 h1{height: 3rem;font-size: 2rem;font-family: NotoSansHans;font-weight: bold;color: #4F93D1;line-height: 3rem;text-align: center;}

.contact_o .title_h2 {border-bottom: 1px solid #DDDDDD; margin-bottom: 1.25rem;}

.contact_o .aside_ul{padding: 1.25rem .75rem;background: #D6E6F4;font-size: .9rem;font-weight: bold;color: #222;margin-bottom: 2rem;}

.contact_o .aside_ul li{display: flex;align-items: center;padding-bottom: .75rem;border-bottom: 1px dashed #99999960;}

.contact_o .aside_ul li:last-child{border: none;padding-bottom: 0}

.contact_o .aside_ul li img {width: 1.5rem;height: 1.5rem;margin-right: 1rem;}

.contact_o .aside_ul li h3{padding-bottom: .25rem;font-size: 1rem;padding-top: .5rem;}

.contact_o .aside_ul li p{line-height: 1.2rem;font-weight: 400;font-size: 1rem;word-break: break-all;}

.contact_o .location img{height: 20rem;width: 100%;object-fit: cover;} 

/* contact_o */




.sujiao{

position: relative;

margin: var(--a0);

padding: 1.666667rem 0;

background: var(--bg_000d14);

}

.sujiao .figcaption_txt{ text-align:center; margin-top:10px}

.sujiao .figure_img_txt .figcaption_txt .title_a {

    color: #fff;

    font-size: 1rem;

}

.sujiao .figure_img_txt{ margin-bottom:1.25rem}

 



.shoe{

position: relative;

margin: var(--a0);

padding: 1.666667rem 0;

background: var(--bg_000d14);

}

.shoe_figure_banner .img-fluid {height: 12.666667rem}

.shoe .figcaption_txt{ text-align:center; margin-top:12px}

.shoe .figure_img_txt .figcaption_txt .title_a {

    color: #000;

    font-size: 0.9rem;

}
.shoe .figure_img_txt .figcaption_txt .title_a2 {

    color: #fff;

    font-size: 0.9rem;

}
.shoe .figure_img_txt{ margin-bottom:0.8rem; text-align:center}

.shoe .col-xl-6{ 

flex: 0 0 50%;

max-width: 50%; }
.shoe figure.col-xl-6:nth-child(odd){ padding-right:0}
.shoe .col-xl-6 .box{ background-color:#eee; padding:10px;height:220px} 

.shoe .figure_img_txt .img-fluid{ height:140px}

.shoe_more{ display:block; font-size:0.8rem; color:#fff; position:relative; margin:30px auto 0}

.shoe_more span{ text-align:center; position:absolute; left:0; right:0; bottom:30%; display:inline }

a.shoe_more:hover{ color:#c2c2c2}



@media (min-width: 768px) {

.shoe .figure_img_txt .img-fluid{ height:300px}

}



.moju{

position: relative;

margin: var(--a0);

padding: 1.666667rem 0;

background: var(--bg_000d14);

}

.moju_figure_banner .img-fluid {

	height:13.666667rem; 

}

.moju .figcaption_txt{ text-align:center; margin-top:10px}

.moju .figure_img_txt .figcaption_txt .title_a {

    color: #fff;

    font-size: 0.9rem;

}

.moju .figure_img_txt{ margin-bottom:1.8rem; text-align:center}

.moju .col-xl-6{ 

flex: 0 0 50%;

max-width: 50%;}

.moju .figure_img_txt .img-fluid{ height:150px}
.searchWarp{display: none;}
@media (min-width: 768px) {

.moju .figure_img_txt .img-fluid{ height:300px}

}

.pc_cp_cat{display: none;}
/* .cp_cat{padding: 1.666667rem 0;background: var(--bg_000d14);}


.cp_cat .figcaption_txt{ padding:20px 20px 30px; background-color:#f2f2f2;margin-bottom:20px;border-radius: 0 0 10px 10px;}
.cp_cat .figure_title{ width:100%;position:relative;border-radius: 60px;}

.cp_cat .figure_title h2{ margin:auto; position:absolute; top:0; bottom:0; right:20px; font-size:1.45rem;  height:1.45rem; color:#0269ac; font-weight:bold; display:none}
.cp_cat .img-fluid{border-radius: 10px 10px 0 0 ;}

.cp_cat .figcaption_txt .hd span{ font-size:1rem; color:#000; border-bottom:2px solid #0269ac; padding-bottom:10px; font-weight:bold; }
.cp_cat .figcaption_txt .hd span.title1{ display:none}
.cp_cat .figcaption_txt .hd i{ display:none}

.cp_cat .figcaption_txt .bd{ display:block; padding-top:20px; font-size:0.833333rem; line-height:1.6; color:#333}

.cp_cat .figcaption_txt .item{ margin-bottom:20px}

.cp_cat .figcaption_txt .item_cat{ display:none}

.cp_cat .figcaption_txt .a_cat a,.cp_cat .figcaption_txt .a_cat{ color:#0269ac;}

.cp_cat .figcaption_txt .btn_more a{

color: var(--f);

font-size: 0.7rem;

font-weight: var(--fw5);

border-radius: 3px; border:1px solid #0269ac; color:#0269ac;

padding: 5px 10px;}

.cp_cat .figcaption_txt .btn_more a span{ display:none}

.cp_cat .figcaption_txt .btn_more a:hover{background: #014e7f;}

.cp_cat .figcaption_txt .a_cat a:hover{ color:#014e7f} */

.cp_cat .aside{background-color: #d8e7f5;border-radius: 10px;overflow: hidden;margin-top: 1rem;margin-bottom: 1rem;}
.cp_cat .aside_h2 {


	border-radius: 4px;

	padding: 1rem 1.5rem;

    color: #fff;

    font-size: 1.5rem;

    line-height: 1.25rem;

    font-weight: bold;
 
	background: #4F93D1;

	text-align: center;

}

.cp_cat .aside_ul {margin: var(--a0)}

.cp_cat .aside_ul li:last-child {

    border-bottom: 0;

}

.cp_cat .aside_ul li a {
text-align: center;font-family: "FontAwesome";
position: relative;
display: block;
padding: 1rem 1.5rem;
color: #666;
font-size: 1.25rem;
line-height: 1.25rem;
font-weight: bold;
 background: #d8e7f5;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.cp_cat .aside_ul  .active a{background: #9dc3e6;color: #fff; border-left: 5px solid #5B9BD5;}

.cp_cat .title{margin: 1.25rem 0;font-size: 1.8rem;color: #4F93D1;font-weight: bold;word-break: break-all;}

.cp_cat .title_fu{background-color: #D6E6F4;color: #4F93D1;padding: .75rem 1rem;margin-bottom: 1rem;word-break: break-all;}

.cp_cat .img .CurImg img{width:100% ;height: 100%;object-fit: contain;display: none;}

.cp_cat .img .CurImg .cur{display: block;}

.cp_cat .img .CurImg{height: 12rem;}

.cp_cat .tumbes{display: flex;margin-top: .5rem;}

.cp_cat .tumbes .tumbes_item{flex: 1;margin-right: .25rem;border: 2px solid #DDDDDD;cursor: pointer;height: 3rem;}

.cp_cat .tumbes .tumbes_item img{width: 100%;height: 100%;object-fit: contain;}

.cp_cat .tumbes .cur{border: 2px solid red;}

.cp_cat .tumbes .tumbes_item:last-child{margin-right: 0;}

.cp_cat  .summary {margin-top: 1rem;}

.cp_cat  .summary .title_h2{border-bottom: 1px solid #DDDDDD; margin-bottom: 1rem;}

.cp_cat  .summary .title_h2 h1{height: 1.5rem;font-size: 1.5rem;font-family: NotoSansHans;font-weight: bold;color: #4F93D1;line-height: 1.5rem;}
.cp_cat  .summary .title_h2 .title_hr{width: 4rem;margin: 1rem 0 0;}

.cp_cat  .summary  p{font-size: 1rem;line-height: 1.5rem;}

.cp_cat .summary .bt{width: 8rem;height: 2.5rem;margin-top: 1.5rem;}

.cp_cat .summary .bt{height:100%;width: 100%;object-fit: fill;cursor: pointer;}

.cp_cat .row{margin-bottom: 2rem;}

.cp_cat ul{background-color: #d8e7f5;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}

.cp_cat .ul li{margin: 0px auto .5rem;padding: .5rem;border-bottom: 1px dashed #ddd;display: flex;}

.cp_cat .ul li div{width: 5.5rem;height: 3.5rem;}

.cp_cat .ul li div img{height: 100%;width: 100%;object-fit: fill;}

.cp_cat .ul li p{margin-left: .5rem;font-size: 1rem;line-height: 1.5rem;font-family: sans-serif;}

.cp_cat .detail h3{height: 2rem;line-height: 2rem;width: 10rem;padding-left: 3rem;border: 1px solid #DDDDDD;z-index: 5;font-size: 1rem;bottom: -1px;background-color: #fff;position: relative;;z-index: 10;border-bottom: none;}

.cp_cat .detail .content{width: 100%;min-height: 15rem;border: 1px solid #DDDDDD;z-index: 9;padding-left: .75rem;padding-right: .75rem;margin-bottom: 1rem;word-break: break-all;}

.cp_cat .detail .content .top{height: 2.5rem;font-size: 1.5rem;font-family: NotoSansHans;font-weight: bold;color: #4F93D1;line-height: 3rem;margin-top: 1rem;}

.cp_cat .detail .content p{line-height: 1.5rem;font-size: 1rem;margin-bottom: 1rem;font-weight: bold;}

.cp_cat .detail .content .flex {width: 100%;margin-bottom: 2rem;}

.cp_cat .detail .content .flex img{margin-bottom: .5rem;}

.cp_cat .detail .content .flex img:last-child{flex: 1;padding-right: none;}


.yl_cat{

padding: 1.666667rem 0;

background: var(--bg_000d14);

}

.yl_cat .figcaption_txt{padding:20px 20px 30px; background-color:#f2f2f2;}

.yl_cat .figure_title{ width:100%;position:relative}

.yl_cat .figure_title h2{ margin:auto; position:absolute; top:30px; right:20px; font-size:1.45rem; color:#0269ac;  height:1.45rem; font-weight:bold;}

.yl_cat .figure_title p{ margin:auto; position:absolute; top:60px;right:20px; font-size:0.8333rem; color:#fff; line-height:1.4rem; width:100%; text-align:right; padding:5px 15px 5px 30px;

   background-image:-webkit-linear-gradient(  

    to right,   

    rgba(2,105,172,0) 0%,   

    rgba(2,105,172,1) 100%);  

  background-image: linear-gradient(  

    to right,   

    rgba(2,105,172,0) 0%,   

    rgba(2,105,172,1) 100%); 

}

.yl_cat .figcaption_txt .hd i{ display:none}

.yl_cat .figcaption_txt .hd span{ font-size:1rem; color:#000; border-bottom:2px solid #0269ac; padding-bottom:10px; font-weight:bold}

.yl_cat .figcaption_txt .bd{display:block; padding-top:20px; font-size:0.833333rem; line-height:1.6; color:#333}

.yl_cat .figcaption_txt .item{ margin-bottom:20px}

.yl_cat .figcaption_txt .item_cat,.yl_cat .figcaption_txt .item_tx{ display:none}

.yl_cat .figcaption_txt .a_cat a,.cp_cat .figcaption_txt .a_cat{ color:#0269ac;}

.yl_cat .figcaption_txt .btn_more a{

color: var(--f);

font-size: 0.7rem;

font-weight: var(--fw5);

background: #0269ac;

border-radius: 3px;

padding: 8px 10px;}

.yl_cat .figcaption_txt .btn_more a:hover{background: #014e7f;}

.yl_cat .figcaption_txt .a_cat a:hover{ color:#014e7f}

.yl_cat .figure_img_txt{position: relative;

width: 100%;

padding-right: 15px;

padding-left: 15px; margin-bottom:20px}



.product_detail {

padding: 1.666667rem 0;

background: var(--bg_000d14);

}

.product_detail .product_img{ width:100%; text-align:center; margin-bottom:20px;}

.product_detail .product_img img{ width:70%}

.product_detail .row{ margin:0}

.product_detail .desc{ font-size:1rem; margin-bottom:40px; color:#f5f5f5; line-height:1.8}

.product_detail .desc p{ line-height:1.8}

.product_detail .hd{border-radius:20px; background-color:#0269ac; color:#fff; font-size:0.8rem; padding:5px 15px; display:inline-block; letter-spacing:1px; margin-bottom:20px}

.product_detail .area li{ flex: 0 0 50%;

max-width: 50%;padding-right: 5px;

padding-left: 5px;}

.product_detail .area li p{ text-align:center; font-size:0.9rem; color:#ccd3d8; margin-top:10px; line-height:1.5}

.product_detail .area .box{ background-color:#01253c; padding:25px 10px 50px; text-align:center; margin-bottom:10px; height:160px}

.product_detail .area{ margin-bottom:30px}

.product_detail .model img{ max-width:100%}

.product_detail .model p,.product_detail .model{ font-size:0.9rem; line-height:1.5; color:#f5f5f5}

.product_detail .model p{ margin:1em auto}



.product_detail .yl_product_img img{ width:100%}

.meijia_detail .product_img{ position:relative; background:none}

.arr-l{width: 25.6px;

height:43.2px;

background: url(../images/arr-l-cur.png) no-repeat; background-size:80%;

position: absolute;

left:0px;top:48%; cursor:pointer;z-index:9998}

.arr-r{width: 25.6px;

height:43.2px;

background: url(../images/arr-r-cur.png) no-repeat; background-size:80%;

position: absolute;

right:0px; top:48%;cursor:pointer; z-index:9998}

.meijia_detail .desc,.meijia_detail .desc p{ font-size:0.9rem; line-height:1.8; color:#ddd}









/* .service_main{ background:#000d14 url(../images/service_bg.jpg) center 0 no-repeat;padding: 1.666667rem 0;} */

/* .service_banner{ margin:0; position:static}

.service_banner .figcaption_txt{ position:static; display:block}

.service {

	position: relative;

	margin:55px auto 0;

	padding: 0px 0 100px;

}

.service_banner .figcaption_txt .txt .h2{ margin-top:50px}

.service_container{ background-image:-webkit-linear-gradient(  

    to top,   

    rgba(0,13,20,0) 0%,   

    rgba(0,13,20,1) 100%);  

  background-image: linear-gradient(  

    to top,   

    rgba(0,13,20,0) 0%,   

    rgba(0,13,20,1) 100%);  

}

.service_container .desc{ color:#f5f5f5}

.service_container .desc .item_name{ font-size:1.3rem; margin-bottom:20px}

.service_container .desc .item_desc{ font-size:0.9rem; margin-bottom:15px}

.service_container .desc .item_num{border-radius: 100px 100px 100px 100px; color:#0269ac; border:2px solid #0269ac; width:1.3rem; height:1.3rem; text-align:center; line-height:1.3rem; font-size:0.8rem; font-weight:bold; margin-bottom:5px}

.service_container .service_line{ margin-left:10px}

.service_mobile{ display:block;padding-top:30px}

.service_pc{ display:none} */


.service{

	position: relative;
	
	margin: var(--a0);
	
	padding: 0px 0 3rem;
	
	margin-top: 20px;
	}
	.service .aside{height: 100%;background-color: #d8e7f5;border-radius: 10px;overflow: hidden;}
	.service .aside_h2 {
		border-radius: 4px;
	
		padding: 20px 30px;
	
		color: #fff;
	
		font-size: 30px;
	
		line-height: 25px;
	
		font-weight: bold;
	 
		background: #4F93D1;
	
		text-align: center;
	
	}
	
	.service .aside_ul {margin: var(--a0)}
	
	.service .aside_ul li:last-child {
	
		border-bottom: 0;
	
	}
	
	.service .aside_ul li a {
	text-align: center;font-family: "FontAwesome";
	position: relative;
	display: block;
	padding: 20px 30px;
	color: #666;
	font-size: 26px;
	line-height: 25px;
	font-weight: bold;
	 background: #d8e7f5;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	}
	.service .aside_ul  .active a{background: #9dc3e6;color: #fff; border-left: 5px solid #5B9BD5;}
	
	.service .title{margin-bottom: 1rem;padding: 1.5rem 0;font-size: 2rem;color: #4F93D1;font-weight: bold;text-align: center;border-bottom: 1px solid #CCCCCC;}
	
	.service .title_fu{background-color: #D6E6F4;color: #4F93D1;padding: .75rem 1rem;margin-bottom: 1rem;}
	
	.service .img .CurImg img{width:100% ;height: 100%;object-fit: cover;display: none;}
	
	.service .img .CurImg .cur{display: block;}
	
	.service .img .CurImg{height: 12rem;}
	
	.service .tumbes{display: flex;margin-top: 1rem;}
	
	.service .tumbes .tumbes_item{flex: 1;margin-right: 5px;border: 2px solid #DDDDDD;cursor: pointer;height: 70px;}
	
	.service .tumbes .tumbes_item img{width: 100%;height: 100%;object-fit: cover;}
	
	.service .tumbes .cur{border: 2px solid red;}
	
	.service .tumbes .tumbes_item:last-child{margin-right: 0;}
	
	.service  .summary {margin-top: 1rem;}
	
	.service  .summary .title_h2{border-bottom: 1px solid #DDDDDD; margin-bottom: 25px;}

	.service  .summary .title_h2 .title_hr{margin: .5rem 0 0;width: 4rem;}
	
	.service  .summary .title_h2 h1{height: 1.5rem;font-size: 1.5rem;font-family: NotoSansHans;font-weight: bold;color: #4F93D1;line-height: 1.5rem;}
	
	.service  .summary  p{font-size: 1rem;line-height: 1.5rem;font-weight: bold;}
	
	.service .summary .bt{width: 8rem;height: 2.5rem;margin-top: 2.5rem;}
	
	.service .summary .bt{height:100%;width: 100%;object-fit: fill;cursor: pointer;}
	
	.service .row{margin-bottom: 3rem;}
	
	.service .demo {margin-top: 1rem;}
	
	.service  .demo .title_h2{border-bottom: 1px solid #DDDDDD; margin-bottom: 25px;}
	
	.service  .demo .title_h2 h1{height: 1.5rem;font-size: 1.5rem;font-family: NotoSansHans;font-weight: bold;color: #4F93D1;line-height: 1.5rem;}

	.service  .demo .title_h2 .title_hr{margin: .5rem 0 0;width: 4rem;}
	
	.service  .demo .service_nowrap{position: relative;}
	
	.service  .demo .service_nowrap .bt {display: flex;position: absolute;top: -70px;right: 20px;}
	
	.service  .demo .service_nowrap .bt div{margin-right: 10px;cursor: pointer;}
	
	.service .demo .service_swiper .swiper-slide .pic{width: 8rem;cursor: pointer;margin: auto;}
	
	.service .demo .service_swiper .swiper-slide .pic p{font-size: 1rem;text-align: center;line-height: 2rem;font-weight: bold;}
	
	
	.service .demo .service_swiper .swiper-slide .pic img{height: 5.33333rem;width: 100%;object-fit: fill;}