@charset "utf-8";



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

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



@font-face {

	font-family: "SourceHanSansCN-Regular";

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

}



body{font-size: 16px; font-family: "SourceHanSansCN-Regular"; /*font-family: "微软雅黑";*/ text-align:left;	lor:#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: #426fb1;transition: all .5s ease;}

em,i {font-style: normal;}

p {text-align: justify;}

.fl {float: left;}

.fr {float: right;}

.rel {position: relative;}

.header_nav {

	display: flex;

	align-items: center;

	justify-content: center;

	width: 1340px;

	margin:  0 auto;

}

.abs {position: absolute;}

input,textarea,select {outline: none;}

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

.w {width: 1240px; margin: 0 auto;}

.w1720 {width: 1720px; margin: 0 auto;}

.w1920{width: 1920px; margin: 0 auto;}

.w1240{width: 1240px;max-width: 1240px; margin: 0 auto;}

.h734{height: 630px; margin: 0 0 0 80%;width: 300px;}

.h734 .swiper-container{ height: 630px;}

.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;margin: 68px auto 0;background:#fff}

.index_main{margin-top:0;}

.header {height:108px; background: #4f93d1; width: 100%;position: fixed; z-index: 9999; left: 0; top: 0;}

.header_index{background-color: transparent;position: absolute;top:0;left: 0;}

.header_Fixed{height: 75px;background-color: #fff;}

.isFixed{display: inline-block;box-shadow: 0px 1px 10px 1px #26262623;}

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

/* .header_index .header_nav{width: 1720px;} */

/* .header_Fixed .header_nav{width: 1720px;} */

/* .header_Fixed .header_nav .ixcn{top:auto} */

/* .header_Fixed .header_nav .ixcn{color: #fff;} */

.header_Fixed .header_nav .navico{color: #000;display: flex;text-align: end;}

.header_Fixed .header_nav .navico .item{display: flex;margin-left: 20px;font-size: 15px; cursor:pointer; height:75px; line-height:75px}

.header_Fixed .header_nav .navico .item img{margin-right: 8px; margin-top:30px; height:20px}

.Indexlogo {width: 200px; height: 100px;}

.Indexlogo img{width: 100%;height: 100%;}

.logo img {width: 107px; height: 53px;}

.ixcn {position: absolute; right: 120px;top:5px; /*top:23px; right: 60px; height: 68px;*/}

.ixcn::before {content:""; width: 22px; height: 22px; background: url(../images/cn.png) no-repeat; position:absolute;left: -22px; top: 0;}

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

.ixcn select {border: none; appearance: none;-webkit-appearance: none; -moz-appearance: none; background: none; color: #fff; font-size: 16px;padding: 5px; padding: 0 25px 0 5px;}

.ixcn select option {color: #333; border: none; padding: 5px;}

.navico .group { position:relative; height:75px}
.navico .group ul{ left:-90%;top:75px;background:rgba(3,77,126,0.9); border-radius: 0; z-index: 3; width:300%; height:0; overflow:hidden;transition: all .25s ease-in-out;}
.navico .group:hover ul { height:auto; position:absolute; padding: 10px 0 20px;  }
.navico .group ul li{ height:36px; line-height:36px; text-align:center}
.navico .group ul li a{ font-size:16px; color:#fff}
.navico .group ul li:hover{color: #fff; background: #00a2e9; text-decoration: none;}

.header-top1{height: 40px;display: flex;align-items: center;}
.header-top1 .herder_top{color:#fff;display: flex;align-items: center;}
.herder_top img{padding-right: 5px;}
.header-top {height: 75px;}
.header-main{background:#4f93d1}



.navwrap {left:500px; top: 0; height: 68px;margin-left:50px /*position: absolute;*/}

.nav ul {font-size: 0}

.nav li { position: relative; height: 68px; float:left;text-align: center;}

.nav li a {padding: 0 35px 0; height: 68px; line-height: 68px;  font-size:24px; color: #fff; display: block;transition: all .5s ease;}

.nav li.on{background-color:#00A2E9}

.nav li.on a { color: #fff;transition: all .5s ease;}

.nav li:hover a { color: #fff; transition: all .5s ease;}

.nav li:hover{ background-color:#00A2E9}

.nav li em {display: none;}

.nav li i {display: none;}

.nav .serach{display: flex;align-items: center;}

.nav .serach:hover{background: transparent;}

.nav .serach input{ width: 160px;height: 35px;position: relative;left: 30px;background: #8EBAE2;border-radius: 15px;padding-left: 5px;padding-right: 35px;color: #fff;border:none;box-shadow: 0 0 2px 2px #84a8cd;font-size: 18px;}

.nav .serach input::placeholder{color: #fff;padding-left: 5px;}

.nav .serach button{width: 40px;height: 25px;background: url("../images/search.png") no-repeat;border: none;position: relative;left: -5px;top: 5px;cursor: pointer;margin-left: 5px;}

.navIndex ul {font-size: 0}

.navIndex li { position: relative; height: 75px; float:left;text-align: center;}

.navIndex li a {padding: 0 35px 0; height:75px; line-height: 75px;  font-size:20px; color: #000; display: block;transition: all .5s ease;}



.navIndex li.on{background-color:#00A2E9}

.navIndex li.on a { color: #fff;transition: all .5s ease;}

.navIndex li:hover a { color: #fff; transition: all .5s ease;}

.navIndex li:hover{ background-color:#00A2E9}

.navIndex li em {display: none;}

.navIndex li i {display: none;}

.header-main .navIndex li a{ color:#fff}

.header-main .header_nav .navico{ color:#fff}

.navIndex .serach{display: flex;align-items: center;}

.navIndex .serach:hover{background: transparent;}

.navIndex .serach input{ width: 160px;height: 35px;position: relative;left: 30px;background: #8EBAE2;border-radius: 15px;padding-left: 5px;padding-right: 35px;color: #fff;border:none;box-shadow: 0 0 2px 2px #84a8cd;font-size: 18px;}

.navIndex .serach input::placeholder{color: #000;padding-left: 5px;}

.navIndex .serach button{width: 40px;height: 25px;background: url("../images/search.png") no-repeat;border: none;position: relative;left: -5px;top: 5px;cursor: pointer;margin-left: 5px;}

.navitem-cont {background:rgba(3,77,126,0.9); border-radius: 0; padding: 10px 0 20px;  z-index: 3;}

/*.navitem {position: absolute; left:0; top: 68px; display: none; width:100%; right:0;transition:.5s;}*/

.navitem{height:0px;overflow:hidden;transition:all .25s ease-in-out; position:absolute; width:160%;left:-30% }

.navitem-cont dl dd {line-height: 36px; text-align: center; height:36px}

.navitem-cont dl dd:last-child {border: none;}

.navitem-cont dl dd a {color: #fff;font-size: 20px; line-height: 36px; height: 36px; text-decoration: none !important;}

.navitem-cont dl dd a:hover {color: #fff; background: #00a2e9; text-decoration: none;}

.navcon li:hover .navitem { height:auto; position:absolute; }

.nav li .navitem-cont dl dd a {color: #fff;font-weight: normal;}

.nav li .navitem-cont dl dd a:hover {color: #fff;}


.banner {display: none;}
.banner_web { position:relative;height: 100%;}

.indexbanner1{height: 100%;background: url(../images/indexbg.jpg) center 0 no-repeat; position:absolute; left:0; right:0;background-size:100% 100%;}

.indexbanner2{height: 100%;background: url(../images/indexbg.jpg) center 0 no-repeat; position:absolute; left:0; right:0;background-size:100% 100%;}

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

.index_banner_ad{ width:780px; margin:0 auto; height:79px; line-height:79px; vertical-align:middle; padding-top:348px}

.index_banner_ad1{position: absolute;top:75%;left: 60px;}

.index_banner_ad .vline{ width:8px; height:90px; background-color:#0269ac; margin:5px 55px 0}

.index_banner_ad2{ margin-top:10px;position: absolute;left: 74px;top:25%}

.index_banner_ad .xline{ display:none}

.ixnews {padding-top: 200px;padding-bottom:100px}

.ixnews .ixnewscon {width: 300px;height: 300px; margin: 0 auto;}

.ixnews .ixnewscon a {width: 300px; display: block;}
.ixnews .ixnewscon p a{ color:#fff}

.ixnews .ixnewscon .pic {width: 300px; height:300px; position: relative; overflow: hidden;}

.ixnews .ixnewscon .pic img {width: 300px; height: 300px; transition: all 0.5s;}

.ixnews .ixnewscon .pic i {width: 68px; height: 68px; background: url(../images/vico.png) no-repeat; position: absolute; left: 50%; top: 50%; margin-left: -34px; margin-top: -34px;}

.ixnews .ixnewscon .pic:hover img {transform: scale(1.2);}

.ixnews .ixnewscon p {padding-top: 20px; text-align: center; color: #fff; font-size: 22px;}

.ixnews-l {width: 66px; height: 66px;z-index: 2;border-radius: 50%;background: #025BA1; position: absolute; left:338px; top: 70px; opacity:0.5 }

.ixnews-l img{width: 20px;height: 20px;object-fit: fill;position: absolute;top:33px;left: 33px;margin-top: -10px;margin-left: -10px;}

.ixnews-r {width: 66px; height: 66px;z-index: 2; border-radius: 50%;background:#025BA1; position: absolute; right:338px; top: 70px;opacity:0.5 }

.ixnews-r img{width: 20px;height: 20px;object-fit: fill;position: absolute;top:33px;left: 33px;margin-top: -10px;margin-left: -10px;}

.ixbt-l {width: 66px; height: 66px;z-index: 2; position: absolute; left:50%;margin-left: -33px; top: -70px; opacity:0.7 }

.ixbt-l img{width: 20px;height: 39px;object-fit: fill;position: absolute;top:33px;left: 33px;margin-top: -10px;margin-left: -10px;transform: rotate(90deg);}

.ixbt-r {width: 66px; height: 66px;z-index: 2; position: absolute;left: 50%;margin-left: -33px; top: 600px;opacity:0.7 }

.ixbt-r img{width: 20px;height: 39px;object-fit: fill;position: absolute;top:33px;left: 33px;margin-top: -10px;margin-left: -10px;;transform: rotate(90deg)}

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

.showput{display: none;}
.showput_web {margin: 90px auto;}

.showput_web .col-xl-6 {padding-right: 30px;padding-left: 30px;}

.showput_web h1{text-align: center;color:#025BA1;font-size: 54px;font-weight: bold;padding-bottom: 60px;;}

.showput_web h2{color:#025BA1;font-size: 40px;font-weight: bold;padding-bottom: 40px;padding-top: 65px}

.showput_web p {line-height: 32px;font-size: 24px;padding-bottom: 20px;}

.showput_web .more a span{color:#025BA1 ;font-size: 20px; font-weight: bold;margin-left: -10px;}

.showput_web .more a img{width:40px; height:40px; vertical-align: top;}

.showput_web .more a{ display: block; line-height: 40px; font-weight: bold; color: #0269AC;opacity:1}

/* .ixhonor {height: 1080px; background: url(../images/ixBg1.jpg) center 0 no-repeat;} */

.ixhonor .cont {padding: 80px 0 0;}

.ixhonor .cont h2 {font-size: 54px;display: inline-block; letter-spacing:2px; line-height: 75px; font-weight: bold; color: #025BA1;}
.ixhonor .cont .mobile{ display:none}
.ixhonor .cont .ixhonorcon {width:100% }

.ixhonor .cont .ixhonorcon ul {float: left; width:40%}

.ixhonor .cont .ixhonorcon ul:first-child {margin-right:10%}

.ixhonor .cont .ixhonorcon li { transform:margin .3s ease-in-out; margin-top:40px}

.ixhonor .cont .ixhonorcon h3 {font-size: 40px; color: #262626; font-weight: bold; /*text-shadow: 0 0 10px #000;*/transition:all .3s ease-in-out;cursor:pointer}

.ixhonor .cont .ixhonorcon .more2{ display:none}

.ixhonor .cont .ixhonorcon li .tcon p { color: #262626; line-height:1.5;font-size:0; opacity:0; }

.ixhonor .cont .ixhonorcon li.on .more {padding-top: 21px}

.ixhonor .cont .ixhonorcon .more a{width:0; height:0;  display: block; line-height: 40px; font-weight: bold; color: #0269AC;opacity:0}

.ixhonor .cont .ixhonorcon .more a img{width:40px; height:40px; vertical-align: top;}

.ixhonor .cont .ixhonorcon .more a span{color:#025BA1 ;font-size: 20px; font-weight: bold;margin-left: -10px;}

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

.ixhonor .cont .ixhonorcon li.on{ margin-bottom:70px}

.ixhonor .cont .ixhonorcon li.on .tcon p {padding-top: 15px; font-size:20px; opacity:1;animation:resizeAndShowText  .4s ease-in-out both}

.ixhonor .cont .ixhonorcon li.on h3 {font-size: 40px; }

.ixhonor .cont .ixhonorcon li.on .more a{ animation:resizeAndShowButton .4s ease-in-out both}

@keyframes resizeAndShowText {

    0% {

        font-size: 0;

        opacity: 0;

    }



    50% {

        font-size:20px;

        opacity: 0;

    }



    100% {

        font-size: 20px;

        opacity: 1;

    }

}

@keyframes resizeAndShowButton {

    0% {

        opacity: 0;

        width:0;

		height:0; line-height:0;opacity: 0;

    }



    50% {

        font-size: 16px;

        width:132px;

		height:40px; line-height:40px;

        opacity: 0;

    }



    100% {

        font-size: 16px;

        width:132px;

		height:40px; line-height:40px;

        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: 100%h;

    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: 100%;

    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{
	display: none;

    position: relative;

}

.ixsolution_spacerShelf{
	display: none;

    display: flex;

    flex-direction: column;

}

.ixsolution_spacer{

    position: relative;

    height: 45vh;

    width: 10vw;

}

.ixsolution__spacerFirst,.ixsolution__spacerLast{

    flex-grow: 4;

    height: 50vh;

}

.ixsolution {

    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: 561px;

	width: 855px;

    /* background: #000;
	 */
	 background: #fff;

}

/* .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: 100%;

    width: 100%;

    position: absolute;

    overflow: hidden;

    top: 258px;

    left: 50vw;

    opacity: 0;

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

}
.ixhonor .ixhonorPic_list li .pic{

    /* width: 125vw;

    height: 125vh;

    left: -12.5vw;

    top: -12.5vh; */
	width: 855px;
	height: 561px;

    position: absolute;

    background-position: 50% top;

    background-repeat: no-repeat;

    background-size: cover;

    z-index: 0;

    transform: scale(1.1);

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

}

.ixhonor .ixhonorPic_list li.cur {

    opacity: 1;

}

.ixhonor .ixhonorPic_list li.cur .pic{

    transform: scale(1);

}

.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; */
	background: #fff;

    height: 100vh;

    z-index: 2;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

}


.commpany{height: 100%;margin: 0 50px;font-size: 22px;/* padding-bottom:80px; */}

.commpany .row{/* padding-top: 50px; */}

.commpany h2{font-size: 40px;letter-spacing:2px;line-height: 75px;margin-top: 80px;}

.commpany .txt{padding:0 100px 0 15px;}

.commpany .f_54{font-size: 50px;}

.commpany p{line-height: 42px; margin:20px 0}

.commpany .mobile{display: none;}

.commny_swiper{/* padding-top:100px */}

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

.ixsolution .mobile_h{ display:none}

.ixsolution .mobile_w{ display:none}

/* .ixsolution {height: 1080px; background: url(../images/ixBg2.jpg) center 0 no-repeat;} */

.ixsolution .cont .tit {width: 806px; height: 450px; position: relative; background: rgba(2,94,154,0.88);}

.ixsolution .cont .tit h2 {color: #fff; padding: 100px 0 0 90px; font-size: 48px; font-weight: normal;letter-spacing:4px}

.ixsolution .cont .ixsl-item .tit h3 {color: #fff; padding: 20px 0 0 90px; font-size: 34px; font-weight: normal; position:absolute; left:0;letter-spacing:2px}

.ixsolution .cont .ixsl-item .tit .tcon {padding: 60px 0 0 90px;position:absolute; left:0; margin-top:60px; letter-spacing:2px}

.ixsolution .cont .tit .tcon p {font-size: 24px; line-height: 40px; color: #fff;}

.ixsolution .cont .tit .num {font-size: 180px; opacity: 0.25; color: #fff; position: absolute; right: 50px; bottom: -40px; z-index: 2; font-family:"Arial Black", Gadget, sans-serif}

.ixsolution .cont .solist {padding-top: 50px;}

.ixsolution .cont .solist li {float: left; width:30%; position: relative; margin-bottom: 50px;  padding: 0 0 20px 50px; margin-right: 5%; border-bottom:1px solid rgba(55,255,255,0)}


.ixsolution .cont .solist li:nth-child(3n){ margin-right:0}

.ixsolution .cont .solist li h4 {font-size: 18px; color: #fff;font-weight: normal; margin-bottom: 10px; opacity: 0.6;}

.ixsolution .cont .solist li p {font-size: 14px; color: #fff;font-weight: normal; opacity: 0.6;}

.ixsolution .cont .solist li span {font-size: 60px; color: #fff;opacity: 0.6; position: absolute; left: 0; top:-10px; font-family:Arial, Helvetica, sans-serif}

.ixsolution .cont .solist li:hover{  border-bottom:1px solid rgba(255,255,255,1)}

.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{border-bottom:1px solid rgba(255,255,255,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 {display: none;}

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



.ixsolution .cont .ixsl-item-cur .tit 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 .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:-100%; opacity:0

     }  

    100%{ 

     left:0; opacity:1

     }  

} 



@keyframes left-to-right { 



    0%{ 

     left:-100%;opacity:0

     }  

    100%{ 

     left:0;opacity:1

     }  



} 



.ixvideo{background:#EEEEEE ;}

/* .ixvideo img {width: 100%;} */

.ixvideo .ixvideo_bg{height: 307px;line-height: 307px;text-align: center;color:#025BA1;font-size: 54px;font-weight: bold;background: #EEEEEE;}

.ixvideo video {display: block; padding-bottom:100px; margin:0 auto; padding-top:100px}

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

.videolist:hover{ cursor: pointer; }

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

.videos{ display:none; border: 1px solid #080808; position:fixed; left:50%;  top:45%; margin-top:-210px; z-index:100; width:1025px; margin-left:-500px}

.vclose { position:absolute;right:-5.5%; top:-5%; 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:11;}



/* .ixchain {height: 645px; background: url(../images/ixBg3.jpg) center 0 no-repeat;} */
/* ixchain分页器 */
.ixchain .swiper-pagination-bullet{background: #fff;} 
.ixchain .ixchain_swiper {padding-bottom:56px ;}

.ixchain {height: 720px; background:url(../images/Listbg.png) center 0 no-repeat;background-size: 100% 100%;}

.ixchain .cont {padding: 120px 0 0;}

.ixchain .cont .ixtitle {padding: 0 46px;}

.ixchain .cont .ixtitle h1 {font-size: 54px; color: #fff; font-weight: bold;text-align: center;}

.ixchain .cont .ixchainwrap {padding: 56px 0 56px;}

.ixchain .cont .ixchaincon {width: 357px; margin: 0 auto;}

.ixchain .cont .ixchaincon a {width: 357px; display: block;}

.ixchain .cont .ixchaincon .pic {width: 357px; height: 230px; position: relative; overflow: hidden;}

.ixchain .cont .ixchaincon .pic img {width: 357px; height: 230px; transition: all 0.5s;}

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

.ixchain .cont .ixchaincon p {padding-top: 20px; text-align: center; color: #fff; font-size: 22px;}
.ixchain .cont .ixchaincon p span{ display:none}
.ixchain .cont .ixnews-l {top: 176px;}

.ixchain .cont .ixnews-r {top: 176px;}



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

.footer {background: #4f93d1;}

.footer-top {padding: 65px 0 20px;border-bottom: #FCFDFD23 solid 1px;}

.footer-top .f-left {float: left; width: 334px; margin-right: 60px;}

.footer-top .f-left .blogo {width: 331px; height: 65px;}

.footer-top .f-left .fCopyright {padding-top: 48px; }

.footer-top .f-left .fCopyright p {font-size: 20px; line-height: 28px; color: #fff;}

.footer-top .f-mid {float: left; width: 555px; }

.footer-top h2 {font-size: 24px; font-weight: normal; color: #fff; margin-bottom: 24px;}
.footer-top h3{ display:none}
.footer-top .f-mid .finfo p {font-size: 20px; line-height: 34px; color: #fff;}
.footer-top .f-mid .finfo p em{ display:none}
.footer-top .f-mid .finfo .ewm {width: 96px; position: absolute; right:20px; top:10px;}

.footer-top .f-mid .finfo .ewm img {width: 96px; height: 96px;}

.footer-top .f-mid .finfo .ewm p {padding-top: 10px; font-size: 14px; line-height: 20px; text-align: center; }

.footer-top .f-right{float: right; width: 240px;}

.footer-btm {height: 70px;}

.footer-btm p {text-align: center;}

.footer-btm p a {line-height: 70px; padding: 0 36px; color: #fff;font-size: 20px;}

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

.back-top{ display:none}







:root {

	--f: #fff;

	--c: #ccc;

	--c_3: #333;

	--c_6: #666;

	--c_00a2e9: #00a2e9;

	--bg_000d14: #05578e;

	--bg_02558b: #043d64;

	--bg_002943: #002943;

	--p0: 0;

	--a0: 0 auto;

	--s16: 16px;

	--s18: 18px;

	--s24: 24px;

	--s36: 36px;

	--s60: 60px;

	--fwb: bold;

	--fw5: 500;

}



/*breadcrumb_ul*/

.breadcrumb_ul {

	margin: 12px 0;

	display: flex;

	align-items: center;

	justify-content: start;

}

.breadcrumb_ul .li {

	padding: 0 2px;

	height: 16px;

	position: relative;

	
}

.breadcrumb_ul .li img{
	vertical-align:unset
}

.breadcrumb_ul .li a {

	color: #666;

	font-size: var(--s16);

	font-weight: var(--fw5);

	margin: var(--a0);

}

.breadcrumb_ul .li a:hover{color:var(--c_00a2e9)}

/* .breadcrumb_ul .li:last-child a {

	color: var(--c_00a2e9);

} */




/*figure_banner*/

.figure_banner {

	position: relative;

	/* margin-top: -20px; */
margin-bottom:20px



}
.figure_banner img{ width: 100%;}


.figure_banner .figcaption_txt {

	display: flex;

	align-items: center;

	justify-content: center;

	position: absolute;

    top: 100px;

    bottom: 0;

    left: 0;

    right: 0;

	

	

}

.figure_banner .figcaption_txt .txt .h2 {
	text-align: center;

	color: var(--f);

	font-size: 80px;

	font-weight: var(--fwb);

	margin: var(--a0);

	letter-spacing:2px

}

.figure_banner .figcaption_txt .txt .p {
	text-align: center;

	font-family: sans-serif;

	color: var(--f);

	font-size: 32px;

	line-height: 35px;

	font-weight:bold;

	margin: 20px auto 0;

	letter-spacing:1px

}

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

/*figure_banner*/



/*product*/
.mobile_product{ display:none}
.product{margin-top: 20px;margin-bottom: 100px;}
.product .aside{height: 100%;background-color: #d8e7f5;border-radius: 10px;overflow: hidden;}
.product .aside_h2 {

	padding: 20px 30px;

    color: #fff;

    font-size: 24px;

    line-height: 25px;

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

	text-align: center;

}

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

.product .aside_ul li:last-child {

    border-bottom: 0;

}

.product .aside_ul li a {
font-family: "FontAwesome";
position: relative;
display: block;
padding: 20px 30px;
color: #333;
font-size: 22px;
line-height: 25px;
 background: #d8e7f5;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.product .aside_ul li a:hover{ background:#9dc3e6;color:#fff}
.product .aside_ul li a img{padding-left:20px ;}
.product .aside_ul li  .f-blue{color: #4f93d1;}
.product .aside_ul  .active a{background: #9dc3e6;color: #fff; border-left: 5px solid #5B9BD5;}


.product .Pro_list{display: flex;flex-wrap: wrap;}
.product .pro_item{width: 50%;padding:30px 20px 10px 20px;}
.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: 50px;height: 50px;}
.product .pro_item .pro_item_img{width: 100%;height: 280px;position: relative;cursor: pointer;}
.product .pro_item .pro_item_img img{object-fit: fill;width: 100%;height: 100%;border:1px solid #ddd;display:block}
.product .pro_item .pro_item_img .overlay_ img{border:none}
.product .pro_item .pro_item_name{line-height: 60px;font-size:26px;color: #333;text-align: center;font-family: sans-serif;}
/* .product {

	position: relative;

	margin: var(--a0);

	padding: 15px 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: 15px;

	height: 700px;

}

.product .news_ul .li:last-child {margin-bottom: 0px;}

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

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

	background-size: cover;

}

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

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

	background-size: cover;

}

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

	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;}

.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:nth-child(odd) .a_img img {

	float: right;

}

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

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

.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 .a {

	color: var(--f);

	font-size: 48px;

	line-height: 50px;

	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: 21px;

	line-height: 35px;

	font-weight: var(--fw5);

	margin: 50px auto;

}

.product .news_ul .li .figcaption_txt .btn_a {

	color: var(--f);

    font-size: 16px;

    line-height: 20px;

    font-weight: var(--fw5);

    background: #0269ac;

    border-radius: 3px;

    padding: 8px 25px;

    -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: #00A2E9;} */



/*product*/



/*product_details*/

.product_details {

	position: relative;

	margin: var(--a0);

	padding: 10px 0;

	background: #0269ac;

	

}

/*product_details*/

.btn{margin-top: 20px;}

/*case*/

.case {

	position: relative;

	margin: var(--a0);

	padding: 30px 0 170px;

	background: #fff;



}

.case .row{ flex-direction:row;}

.case .item_container{ display:flex;}

.case .figure_img_txt {margin-bottom: 20px; color:#fff; flex:0 0 33.3%;max-width:33.3%}

.case .figure_img_txt:hover{ cursor:hover;color: #fff;}

.case .figure_img_txt .figcaption_txt {

	padding: 30px 30px 50px;

	background: #F0F0F0; height:420px; position:relative

}

.case .figure_img_txt .figcaption_txt .title_a {

	color:#4f93d1;

	font-size: 30px;

	font-weight: bold;

}

.case .figure_img_txt .figcaption_txt:hover .title_a{
	color: #fff;
}

.case .figure_img_txt .figcaption_txt:hover{ color:#fff	}
.case .figure_img_txt a>img {

	width: 100%;

	display: block;

	margin: var(--a0); 

}

.case .figure_img_txt a.case_img{ width:100%;overflow:hidden; display:block}

.case .figure_img_txt:hover a>img{ transform: scale(1.15);}

.case .figure_img_txt:hover .figcaption_txt{ background:#4F93D1;color: #fff;}

.case .figure_img_txt .figcaption_txt .p {

	color: #666666;

	font-size: 20px;

	font-weight: var(--fw5);

	line-height: 25px;

	margin: 20px auto;

}

.case .figure_img_txt .figcaption_txt:hover .p a{color: #fff ;}

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

.case .figure_img_txt .figcaption_txt .p a:hover{ color:#fff}

.case .figure_img_txt .figcaption_txt .h6 {

	color: #666666;

	font-size: 20px;

	font-weight: var(--fw5);

	line-height: 25px;

	margin: var(--a0);

}
.case .figure_img_txt .figcaption_txt .mobile_keyword{ display:none}
.case .figure_img_txt .figcaption_txt .h6 a{color:#666}

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

.case .figure_img_txt:hover {color:#fff;cursor:pointer}



.case .figure_img_txt .figcaption_txt .more_a {

	color: #fff;

	font-size: 16px;

	font-weight: var(--fw5);

	line-height: 20px;

	display: inline-block;

    padding: 10px 20px 10px 47px;

	background: #4F93D1 url(../images/view.png) no-repeat 15px center; position:absolute; bottom:40px;

	

}
#case{height: 112%;margin-top: -70px;}

.case .figure_img_txt .figcaption_txt:hover .more_a {

	background: #fff url(../images/view_a.png) no-repeat 15px center;color: #4F93D1;

}

/*case*/



/*case_details*/

.case_details {

	position: relative;

	margin: var(--a0);

	padding: 100px 0 200px;

	background: var(--bg_000d14);

}

.case_details .h3 {

	color: #00a2e9;

	font-size: 32px;

	line-height: 30px;

	font-weight: var(--fwb);

	margin: var(--a0);

}

.case_details .p {

	color: #fff;

	font-size: 20px;

	line-height: 30px;

	font-weight: var(--fw5);

	margin: 20px auto 100px;

}

.case_details .img{margin-bottom:1.166667rem}

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

.case_details .txt .h4 {

	color: #00a2e9;

	font-size: 28px;

	line-height: 30px;

	font-weight: var(--fwb);

	margin: var(--a0);

}

.case_details .txt .ul {

	display: flex;

    align-items: center;

    justify-content: center;

    margin: 30px auto 100px;



}

.case_details .txt .ul li {

	padding:40px 30px;

}

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

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

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

.case_details .txt .ul li .span {

	color: #fff;

	font-size: 22px;

	line-height: 25px;

	font-weight: var(--fw5);

}

.case_details .txt .ul li .p {

	color: #fff;

	font-size: 18px;

	line-height: 25px;

	font-weight: var(--fw5);

	margin: 20px auto 0;

}

.case_time{font-size: 24px;}

/*case_details*/







/*news*/

.news {

	position: relative;

	margin: 30px auto 0;

	padding: 0px 0 150px;

	background: #fff;

}

.news .news_ul .li {

	margin-bottom: 0px;

	background-color: #F0F0F0;

	-webkit-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    transition: all 0.4s ease;

	margin-bottom: 20px;

}

.news .news_ul .li:hover {

	background: #4F93D1;

}

.news .news_ul .li .figure_img_txt {

	width: 100%;

	height: 240px;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	justify-content: center;

}

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

	color: #000;

	font-size: 40px;

	line-height: 40px;

	font-weight: var(--fwb);

	-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: 20px;

	line-height: 25px;

	font-weight: var(--fw5);

	width: 80%;

	margin: 20px 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: 16px;

	line-height: 25px;

	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: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: absolute;

    top: 50px;

    right: 50px;

	display: block;

	width: 63px;

	height: 63px;

	background: url(../images/ico_1.png);

	-webkit-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    transition: all 0.4s ease;

}

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

	background: url(../images/ico_01.png);

}



.page {

	position: relative;

	margin: 30px auto 0;

	/*border-top:1px solid #181c1e;*/ padding-top:45px

}

.page .ul {

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	justify-content: center;

}

.page .ul li {

	margin: 0 5px;

}

.page .ul li a {

	color: var(--f);

	font-size: 16px;

	color: black;

	line-height: 25px;

	font-weight: var(--fw5);

	padding: 5px 10px;

	-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*/

.zhengwen{padding: 20px 0 40px 0;}
.zhengwen .zhengwen_title{color: #7CB7ED;font-weight: bold;font-size: 40px;line-height: 60px;}
.zhengwen .zhengweng_data{font-size: 20px;color: 262626;line-height: 1.6;margin: 10px;}
.zhengwen .zw_img{margin: 10px 0 0 0;width: 100%;height: auto;object-fit: cover;}


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

.news_details {

	position: relative;

	margin: 40px auto 0;

	padding:0 0 100px;

	background: var(--f);

}

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

.news_details .title .h1{font-weight: bold;color: #4F93D1;font-size: 54px;}

.news_details img {max-width: 100%; display:block; margin:0 auto}


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

.news_details .h2 {

	color: var(--f);

	font-size: 30px;

	line-height: 25px;

	font-weight: var(--fwb);

	text-align: center;

	padding: 20px;

	background: #4F93D1;

}

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

.news_details .ul li {
	

	margin: 0px auto 15px;

    padding: 15px;

    border-bottom: 1px dashed #ddd;

}


/* .news_details .ul li:nth-child(1){ margin-top:15px} */

.news_details .ul li a {

	color: #444;

	font-size: 22px;

	line-height: 25px;

	font-weight: var(--fwb);

}

.news_details .ul li:hover a {color: #00A2E9;}

.news_details .ul li p {

	color: #666;

	font-size: 18px;

	line-height: 24px;

	font-weight: var(--fw5);

	margin: 15px auto;

}

.news_details .jt_img {

	display: block;

    margin: 30px auto 0;

}

/*news_details*/



/*recruit*/

.recruit {

	position: relative;

	/* margin: -80px auto 0; */

	padding: 0px 0 70px;

}

.recruit .aside_h2 {

	padding: 20px 30px;

    color: #fff;

    font-size: 25px;

    line-height: 25px;

    font-weight: 500;

	background: #4F93D1;

}

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

.recruit .aside_ul li {

	-webkit-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    transition: all 0.4s ease;



}

.recruit .aside_ul li:last-child {

    border-bottom: 0;

}

.recruit .aside_ul li a {

	font-family: "FontAwesome";

	position: relative;

	display: block;

	padding: 20px 30px;

    color: #262626;

    font-size: 22px;

    line-height: 25px;

    font-weight: 500;

    background: #d8e7f5;

    -webkit-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    transition: all 0.4s ease;

}



.recruit .aside_ul li:hover a {background: #9dc3e6;color: #fff; border-left: 5px solid #5B9BD5;}

.recruit .select-box-container{ display:none}

.recruit .accordion {

    position: relative;

	margin: var(--a0);

}

.recruit .accordion li {

	margin-bottom: 15px;

}

.recruit .accordion .link {

    cursor: pointer;

    display: block;

    padding: 15px 20px;

    color: #7c8082;

    font-size: 20px;

    font-weight: 500;

    background: #d6e6f4;

    position: relative;

    -webkit-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    transition: all 0.4s ease;

}

.recruit .accordion .open .link {

    background: #4F93D1;

}

/* .recruit .accordion .link:hover{background: #F93D1;}  */

.recruit .accordion li i {

    position: absolute;

    top: 20px;

    left: auto;

    right: 15px;

    font-size: 25px;

    line-height: 25px;

    color: #fff;

    -webkit-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    transition: all 0.4s ease;

}
.recruit .pos_mobile{ display:none}
.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-color:#fff;

}
.recruit .accordion .open .submenu{ display:block}

.recruit .pre {

	color: #262626;

	font-weight: 500;

	font-size: 22px;

	white-space: pre-line;

	padding: 20px 30px;

}

/*recruit*/

.info{padding-bottom:170px}

.prompt{padding: 50px 0 30px 0 }

.prompt h2{line-height: 40px;font-size: 36px;font-weight: lighter;}

.prompt p {line-height: 40px;font-size: 24px;font-weight: lighter}

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

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

.Info .item p{line-height: 32px;font-size: 20px;}

.Info .item{margin-bottom: 40px;font-family: "NotoSansHans";}

.Info .item .detail{padding-right: 20px;}

.Info .HRdetail{display: flex;}

.Info .Hritem{padding-right: 30px;}

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

.Info .Hritem div{font-size: 20px;line-height: 30px;display: flex;align-items: center;}

.Info .Hritem div img{width: 20px;height: 20px;margin-right: 10px;}

.Info .item .detail .bt{height: 50px;line-height: 50px;color: #fff;background-color:#4F93D1;padding: 0 25px;margin-top: 28px;font-size: 20px;display: inline-block;font-weight: bold;border-radius: 4px;cursor: pointer;}

.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;}


.floating_ck{position:fixed;right:20px;top:40%;z-index:9999}
.floating_ck dl dd{position:relative;width:50px;height:50px;background-color:#888888;border-bottom:solid 1px #ffffff;text-align:center;background-repeat:no-repeat;background-position:center 50%;cursor:pointer;}
.floating_ck dl dd:hover{background-color:#4f93d1;border-bottom:solid 1px #ffffff;}
.floating_ck dl dd:hover .floating_left{display:block;}
.consult{background-image:url(../images/icon0701/tel.png);}
.words{background-image:url(../images/icon0701/cart.png);}
.qrcord{background-image:url(../images/icon0701/code.png);}
.return{background-image:url(../images/icon0701/back.png);}
.floating_ck dd span{color:#fff;display:block;}
.floating_left{position:absolute;left:-160px;top:0px;width:160px;height:50px;background-color:#888;display:none;}
.floating_left a{color:#fff;line-height:50px;}
.floating_ewm{height:159px;top:-60px;}
.floating_ewm i{background-image:url(../images/erweima.png);display:block;width:145px;height:145px;margin:auto;margin-top:7px;}
.floating_ewm p{color:#fff;margin-top:5px;}
.floating_ewm .qrcord_p01{font-size:12px;line-height:20px;}
.floating_ewm .qrcord_p02{font-size:18px;}

/* .beside img{} */
/*contact*/

.contact {

	position: relative;

	margin: var(--a0);

	padding: 0 0 60px;

	background: var(--f);
	/* margin-top:-40px */

}

.contact .title_h2 h1{height: .5rem;font-size: 0.38rem;font-family: NotoSansHans;font-weight: bold;color: #4F93D1;line-height: .5rem;}

.contact .title_h2 {border-bottom: 1px solid #DDDDDD; margin-bottom: 25px;}

.title_hr{ width:140px; height:2px; background-color:#4F93D1; border:0}

.contact .form {

	margin: 20px auto 0;

}

.contact .form .form_group {margin-bottom: 10px;}

.contact .form .form_input,

.contact .form .form_textarea {

	display: block;

	width: 100%;

	height: 60px;

	padding: 15px 20px;

	color: #666666;

	font-size: var(--s24);

	font-weight: var(--fwb);

	line-height: 1.5;

	background:#D6E6F4;

	background-clip: padding-box;

	border: none;

	border-radius: 3px;

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

}

.contact .form .form_textarea {

	height: 150px;

}

.contact .form .form_btn {

	display: block;

	width: 100%;

	height: 70px;

	padding: 0 10px;

	color: var(--f);

	font-size: 24px;

	font-weight: var(--fw5);

	line-height: 1.5;

	background: #9DC3E6;

	border-radius: 3px;

	border: none;

	outline: 0; cursor:pointer

}

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

/* contact_o */

.contact_o {margin-bottom: 140px ;}

.contact_o .title_h2 h1{height: .5rem;font-size: 0.38rem;font-family: NotoSansHans;font-weight: bold;color: #4F93D1;line-height: .5rem;}

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

.contact_o .aside_ul{padding: 24px 15px;background: #D6E6F4;font-size: 18px;font-weight: bold;color: #222; height:470px}

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

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

.contact_o .aside_ul li img {width: 30px;height: 30px;margin-right:10px;}

.contact_o .aside_ul li h3{padding-bottom: 5px;font-size: 20px;padding-top: 10px;}

.contact_o .aside_ul li p{line-height: 25px;font-weight: 400;font-size: 18px;word-break: break-all;}

.contact_o .location img{height: 470px;width: 100%;} 

/* contact_o */


/*contact*/



/*sujiao*/

.sujiao_figure_banner .figcaption_txt{ top:-130px}

.sujiao{

position: relative;

margin: var(--a0);

padding: 0px 0 160px;

margin-top:-160px

}

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

.sujiao .figure_img_txt .figcaption_txt .title_a {

    color: #fff;

    font-size: 24px;

}

.sujiao .figure_img_txt .figcaption_txt .title_a:hover{ color:#c2c2c2}

.sujiao .figure_img_txt{ margin-bottom:45px}

/*sujiao*/



/*shoe*/

.shoe_figure_banner .figcaption_txt{ top:-180px}

.shoe{

position: relative;

margin: var(--a0);

padding: 0px 0 160px;

margin-top:-190px

}

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

.shoe .figure_img_txt .figcaption_txt .title_a {

    color: #fff;

    font-size: 24px;

}
.shoe .figure_img_txt .figcaption_txt .title_a2 {

    color: #fff;

    font-size: 24px;

}

.shoe .figure_img_txt .figcaption_txt .title_a:hover{ color:#c2c2c2}

.shoe .figure_img_txt{ margin-bottom:70px; text-align:center}

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

.shoe .figure_img_txt:hover .img-fluid{ transform: scale(1.1);}

.shoe .figure_img_txt:hover .figcaption_txt .title_a{ color:#00A2E9}

.shoe_more{ display:block; border-radius:300px; font-size:18px;color:#fff; position:relative; margin:30px auto 0}

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

a.shoe_more:hover{ color:#00A2E9}

/*shoe*/



/*moju*/

.moju_figure_banner .figcaption_txt{ top:-130px}

.moju{

position: relative;

margin: var(--a0);

padding: 0px 0 160px;

margin-top:-240px

}

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

.moju .figure_img_txt .figcaption_txt .title_a {

    color: #fff;

    font-size: 24px;

}

.moju .figure_img_txt .figcaption_txt .title_a:hover{ color:#c2c2c2}

.moju .figure_img_txt{ margin-bottom:70px; text-align:center}

.moju .figure_img_txt .img-fluid{ height:365px;}
.moju .figure_img_txt:hover .img-fluid{ transform: scale(1.1);}





/*moju*/



.cp_cat_figure_banner .figcaption_txt{ top:-290px}

.moblie_cp_cat{display: none;}

.cp_cat{

position: relative;

margin: var(--a0);

padding: 0px 0 160px;

margin-top: 20px;
}
.mobile_product{ display:none}
.cp_cat .aside{height: 100%;background-color: #d8e7f5;border-radius: 10px;overflow: hidden;}
.cp_cat .aside_h2 {
	border-radius: 4px;

	padding: 20px 30px;

    color: #fff;

    font-size: 30px;

    line-height: 25px;

    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: 20px 30px;
color: #333;
font-size: 22px;
line-height: 25px;
 background: #d8e7f5;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}

.cp_cat .aside_ul li .f-blue{color: #4F93D1;}

.cp_cat .aside_ul li a img{padding-left: 30px;}

.cp_cat .aside_ul  .active a{background: #9dc3e6;color: #fff; border-left: 5px solid #5B9BD5;}

.cp_cat .title{margin: 25px 0;font-size: 48px;color: #4F93D1;font-weight: bold;}

.cp_cat .title_fu{background-color: #D6E6F4;color: #4F93D1;padding: 15px 20px;margin-bottom: 25px;}

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

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

.cp_cat .img .CurImg{height: 540px; border:2px solid #9dc3e6}

.cp_cat .tumbes{display: flex;margin-top: 10px;}

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

.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: 20px;}

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

.cp_cat  .summary .title_h2 h1{height: .5rem;font-size: 0.38rem;font-family: NotoSansHans;font-weight: bold;color: #4F93D1;line-height: .5rem;}

.cp_cat  .summary  p{font-size: 20px;line-height: 30px;}

.cp_cat .summary .bt{width: 160px;height: 55px;margin-top: 50px;}

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

.cp_cat .row{margin-bottom: 60px;}

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

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

.cp_cat .ul li div{width: 110px;height: 70px;}

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

.cp_cat .ul li p{margin-left: 10px;font-size: 20px;line-height: 30px;font-family: sans-serif;}

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

.cp_cat .detail .content{width: 100%;min-height: 300px;border: 1px solid #DDDDDD;z-index: 9;padding-left: 60px;padding-right: 60px;}

.cp_cat .detail .content .top{height: 50px;font-size: 30px;font-family: NotoSansHans;font-weight: bold;color: #4F93D1;line-height: 60px;margin-top: 20px;}

.cp_cat .detail .content p{line-height: 30px;font-size: 20px;margin-bottom: 20px;}

.cp_cat .detail .content .flex {display: flex;width: 50%;margin-bottom: 40px;}

.cp_cat .detail .content .flex img{flex: 1;padding-right: 20px;}

.cp_cat .detail .content .flex img:last-child{flex: 1;padding-right: none;}
/* .cp_cat .figure_img_txt{ margin-bottom:60px;}

.cp_cat .figcaption_txt{ padding:50px; background-color:#f2f2f2; height:505px;overflow-y:hidden; position:relative}

.cp_cat .figure_img_txt:hover .figcaption_txt{ background-color:#fff;}

.cp_cat .figure_img_txt:hover .box{box-shadow: 0px 5px 40px 0px #eee}
.cp_cat .figure_img_txt:hover .img-fluid{transform: scale(1.3);}

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

.cp_cat .figure_title h2{ margin:auto; position:absolute; top:0; bottom:0; right:75px; font-size:60px; color:#0269ac; font-weight:bold; height:60px}

.cp_cat .figcaption_txt .hd span{ font-size:24px; color:#000; border-bottom:3px solid #0269ac; padding-bottom:10px; font-weight:bold}
.cp_cat .figcaption_txt .hd span.title2{ display:none}
.cp_cat .figcaption_txt .hd{display:block; position:relative;cursor:pointer }

.cp_cat .figcaption_txt .open i {

position: absolute;

top: 6px;

left: auto;

right: 0;

font-size: 35px;

line-height: 35px;

color: #000;

-webkit-transform: rotate(90deg);

-ms-transform: rotate(90deg);

-o-transform: rotate(90deg);

transform: rotate(90deg);}

.cp_cat .figcaption_txt i {

position: absolute;

top: 6px;

left: auto;

right: 0;

font-size: 35px;

line-height: 35px;

color: #000;

-webkit-transform: rotate(-90deg);

-ms-transform: rotate(-90deg);

-o-transform: rotate(-90deg);

transform: rotate(-90deg);}



.cp_cat .figcaption_txt .bd{ display:block; padding-top:30px; font-size:16px; line-height:1.8;}

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

.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: 16px;

line-height: 20px;

font-weight: var(--fw5);

background: #fff;

border-radius: 3px;

padding: 8px 15px;}
.cp_cat .figcaption_txt .btn_more a em{ display:none}

.cp_cat .figcaption_txt .btn_more a:hover{background: #00a2e9;}

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

.cp_cat .figcaption_txt .btn_more{ text-align:center; position:absolute; bottom:50px; left:0; right:0} */





.yl_cat_figure_banner .figcaption_txt{ top:-290px}

.yl_cat{

position: relative;

margin: var(--a0);

padding: 0px 0 160px;

margin-top:-290px

}

.yl_cat .figure_img_txt{ margin-bottom:60px; margin-right:30px}

.yl_cat .figcaption_txt{ padding:50px; background-color:#f2f2f2;position:relative; min-height:521px}

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

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

.yl_cat .figure_title p{ margin:auto; position:absolute; top:145px;right:75px; font-size:18px; color:#fff; line-height:45px; height:45px; width:100%; text-align:right; padding-right:15px;

   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 span{ font-size:24px; color:#000; border-bottom:3px solid #0269ac; padding-bottom:10px; font-weight:bold}

.yl_cat .figcaption_txt .hd{display:block; position:relative; cursor:pointer}

.yl_cat .figcaption_txt .open i {

position: absolute;

top: 6px;

left: auto;

right: 0;

font-size: 35px;

line-height: 35px;

color: #000;

-webkit-transform: rotate(90deg);

-ms-transform: rotate(90deg);

-o-transform: rotate(90deg);

transform: rotate(90deg);}

.yl_cat .figcaption_txt i {

position: absolute;

top: 6px;

left: auto;

right: 0;

font-size: 35px;

line-height: 35px;

color: #000;

-webkit-transform: rotate(-90deg);

-ms-transform: rotate(-90deg);

-o-transform: rotate(-90deg);

transform: rotate(-90deg);}

.yl_cat .figcaption_txt .bd{ display:block; padding-top:30px; font-size:16px; line-height:1.8;}

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

.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: 16px;

line-height: 20px;

font-weight: var(--fw5);

background: #0269ac;

border-radius: 3px;

padding: 8px 15px; }

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

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

.yl_cat .figcaption_txt .btn_more{ text-align:center; position:absolute; bottom:50px; left:0; right:0;}

.yl_cat .figcaption_txt .item_tx p{ line-height:1.8; }

.yl_cat .figcaption_txt .space{ height:50px}

.yl_cat .figure_container {

    display: flex;

    flex-direction: column;

    flex-basis:50%;

}

.sujiao_figure_banner .figcaption_txt {

    top: -130px;

}

.product_detail {

    position: relative;

    margin: var(--a0);

    padding: 0px 0 160px;

    margin-top: -160px; color:#f5f5f5

}

.product_detail .product_main{ width:100%; position:relative}

.product_detail .product_img{ width:100%; background-color:#fff; text-align:center; margin-bottom:60px}

.product_detail .desc{ font-size:24px; margin-bottom:50px; }

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

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

max-width: 20%;padding-right: 15px;

padding-left: 15px;}

.product_detail .area li p{ text-align:center; font-size:24px; color:#ccd3d8; margin-top:20px}

.product_detail .area .box{ background-color:#01253c; padding:50px 20px 0; text-align:center; height:224px }

.product_detail .area .box p{line-height:1.2}

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

.product_detail .model p,.product_detail .model{ font-size:20px; line-height:1.5;}

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

.product_detail .desc p{line-height:2;}



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

.meijia_figure_banner .figcaption_txt{  top: -230px;}

.arr-l{width: 32px;

height:54px;

background: url(../images/arr-l.png) no-repeat;

position: absolute;

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

.arr-r{width: 32px;

height:54px;

background: url(../images/arr-r.png) no-repeat;

position: absolute;

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

.arr-r:hover{background: url(../images/arr-r-cur.png) no-repeat;}

.arr-l:hover{background: url(../images/arr-l-cur.png) no-repeat;}

.meijia_detail .desc,.meijia_detail .desc p{ font-size:24px; line-height:1.8; color:#f5f5f5}

.meijia_detail{margin-top:-290px}

.moju_figure_banner .figcaption_txt{top: -290px;}

.moju_detail{margin-top:-300px}





/* .service_main{ background:#05578e url(../images/service_bg.jpg) center 0 no-repeat;}

.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:150px}

.service_container{ padding:75px 60px;background-image:-webkit-linear-gradient(  

    to top,   

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

    rgba(0,1,28,47) 100%);  

  background-image: linear-gradient(  

    to top,   

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

    rgba(0,1,28,47) 100%);  

}

.service_container .desc{ color:#f5f5f5}

.service_container .desc .item_name{ font-size:40px; margin-bottom:30px}

.service_container .desc .item_desc{ font-size:21px}

.service_container .desc .item_num{border-radius: 100px 100px 100px 100px; color:#0269ac; border:3px solid #0269ac; width:44px; height:44px; text-align:center; line-height:36px; font-size:24px; font-weight:bold; margin-bottom:20px}

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

.service_container .service_line2{ margin-left:250px; transform:rotateX(180deg)} */

.service_mobile{ display:none}


.service{

position: relative;

margin: var(--a0);

padding: 0px 0 160px;

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 0;
color: #333;
font-size: 22px;
line-height: 25px;
 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: 40px;padding: 40px 0;font-size: 54px;color: #4F93D1;font-weight: bold;text-align: center;border-bottom: 1px solid #CCCCCC;}

.service .title_fu{background-color: #D6E6F4;color: #4F93D1;padding: 15px 20px;margin-bottom: 25px;}

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

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

.service .img .CurImg{}

.service .tumbes{display: flex;margin-top: 10px;}

.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: 20px;}

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

.service  .summary .title_h2 h1{height: .5rem;font-size: 0.38rem;font-family: NotoSansHans;font-weight: bold;color: #4F93D1;line-height: .5rem;}

.service  .summary  p{font-size: 20px;line-height: 30px;}

.service .summary .bt{width: 160px;height: 55px;margin-top: 50px;}

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

.service .row{margin-bottom: 60px;}

.service .demo {margin-top: 60px;}

.service  .demo .title_h2{border-bottom: 1px solid #DDDDDD; margin-bottom: 25px;}

.service  .demo .title_h2 h1{height: .5rem;font-size: 0.38rem;font-family: NotoSansHans;font-weight: bold;color: #4F93D1;line-height: .5rem;}

.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: 180px;cursor: pointer;}

.service .demo .service_swiper .swiper-slide .pic p{font-size: 20px;text-align: center;line-height: 40px;}


.service .demo .service_swiper .swiper-slide .pic img{height: 120px;width: 100%;object-fit: fill;}

.searchBox{    cursor: pointer;}
.searchWarp .searchInput{    border: none;
    outline: none;
    font-size: 18px;
    height: 40px;
    border-bottom: 2px solid #999;
    width: 100%;
    padding-right: 40px;
    color: #666;background:none}
.searchWarp .searchInput2{    border: none;
    outline: none;
    font-size: 18px;
    height: 40px;
    border-bottom: 2px solid #eee;
    width: 100%;
    padding-right: 40px;
    color: #fff;background:none}
.searchWarp {
    display: none;
    position: relative; margin-left:40px;padding-right:40px; 
}
.searchWarp .searchSubmitBtn {
    border: none;
    outline: none;
    width: 22px;
    height: 22px;
    position: absolute;
    right: 40px;
    top: 5px;
    background: url(../images/ico_s2.png) no-repeat center;
   cursor: pointer;
}
.searchWarp .searchSubmitBtn2 {
    border: none;
    outline: none;
    width: 22px;
    height: 22px;
    position: absolute;
    right: 40px;
    top: 5px;
    background: url(../images/ico_s1.png) no-repeat center;
   cursor: pointer;
}
.closeSearch {
    width: 18px;
    height: 18px;
    background: url(../images/searchclose.png) no-repeat center;
    position: absolute;
    right: 0;
    top: 6px;
    cursor: pointer;
}
.closeSearch2 {
    width: 18px;
    height: 18px;
    background: url(../images/searchclose2.png) no-repeat center;
    position: absolute;
    right: 0;
    top: 6px;
    cursor: pointer;
}

@media (min-width:1025px) {

	.container {

		max-width:1240px;

		width:1240px;

	}

}