/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px;font-family:Arial !important; color:#666;}
a{color:#666;}
a:hover{ color:#f60; text-decoration:underline;}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:100%; max-width: 1200px; margin:0 auto;}
* {
font-family:Arial !important;
}
.head{width: 100%;background-color: #004098;padding: 10px 0;position: relative;}
.logo{ width: 19%; float: left;}
.logo img{ width: 100%; height: 58px; object-fit: contain;}
.menu{ width: 65%; text-align: left;}
.search{ width: 15%;}
.menu ul li{ padding: 0 4px; line-height: 58px; margin: 0 5px; text-align: center; display: inline-block;}
.menu ul li a{ color: #fff; font-size: 16px;}
.menu ul li.on{border-bottom: 2px solid #0C6FB3;} 
.menu ul li.on a{ color: #0C6FB3;}
.menu ul li:hover{border-bottom: 2px solid #0C6FB3;}
.menu ul li:hover a{ color: #0C6FB3;}
.icon2{ display: none; width: 12px;}
.icon2 img{ width: 100%;}
.menu ul li:hover .icon2{ display: inline-block;}
.menu ul li:hover .icon1{ display: none;}
.head .wapper{ display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}

.con1{ padding: 50px 0;}
.c1bt{ margin-bottom: 50px;}
.c1bt h1{ font-size: 30px; color: #004098; text-align: center;}
.c1list{ width: 100%;}
.c1list li{ width: calc((100% - 96px)/4); margin: 10px; display: inline-block;}
.c1list li img{height:270px; width: 100%;}
.c1list li p{ width: 100%;    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;    font-size: 20px;
    color: #000;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 2em;
    text-align: left;}
	
	.mySwiper{ margin-bottom: 20px;}
	.mySwiper h1{ font-size: 20px; line-height: 40px; padding: 10px 0; }
	.mySwiper .swiper-slide-thumb-active{ border-bottom: 2px solid #0C6FB3;}
	.LA24484 {
	    width: 100%;
	    /* padding: 20px 0; */
	}
	
	.LA24484 .Box {
	    /* max-width: 1440px; */
	    margin: 0 auto;
	    position: relative;
	    overflow: hidden;
	}
	
	.LA24484 .Box .ImgR {
	    width: 50%;
	    height: 100%;
	    right: 0;
	    top: 0;
	    /* position: absolute; */
	    position: relative;
	    margin-left: auto;
	}
	
	.LA24484 .Box .pag {
	    /* position: relative; */
	    position: absolute;
	    height: 100%;
	    width: 57%;
	    box-sizing: border-box;
	    top: 0;
	}
	
	.LA24484 .Box .pag .triangle {
	    width: 0;
	    height: 0;
	    border-top: 660px solid #0090D3;
	    border-right: 300px solid transparent;
	    position: absolute;
	    left: 0;
	    top: 0;
	}
	
	.LA24484 .Box .Parallel {
	    height: 100%;
	    /* width: 100%; */
	    transform: skewX(-21deg);
	    margin-left: 5%;
	    background-image: linear-gradient(-180deg, #FFFFFF 0%, #EAEAEA 95%);
	}
	
	.LA24484 .Box .Parallel .before {
	    position: absolute;
	    width: 20px;
	    height: 100%;
	    background: white;
	    left: -19px;
	}
	
	.LA24484 .Box .Parallel .after {
	    position: absolute;
	    width: 35px;
	    height: 350px;
	    background: #0090D3;
	    right: 0;
	    bottom: 0;
	}
	
	.LA24484 .Box .Parallel .PackText {
	    transform: skewX(21deg);
	    padding: 0px 120px;
	    height: 100%;
	    display: flex;
	    flex-direction: column;
	    justify-content: center;
	    box-sizing: border-box;
	}
	
	.LA24484 .Box .Parallel .PackText .Text {
	    font-size: 40px;
	    color: #333333;
	    margin-bottom: 40px;
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 2;
	    overflow: hidden;
	}
	
	.LA24484 .Box .Parallel .PackText .content {
	    font-size: 14px;
	    color: #333333;
	    line-height: 26px;
	    margin-bottom: 30px;
	}
	
	.LA24484 .Box .Parallel .PackText .bag {
	    display: flex;
	}
	
	.LA24484 .Box .Parallel .PackText .bag .numTile .number,
	.LA24484 .Box .Parallel .PackText .bag .numTile .symbol {
	    display: inline-block;
	    font-size: 38px;
	}
	
	.LA24484 .Box .Parallel .PackText .bag .numTile .text {
	    font-size: 16px;
	    color: #333333;
	    margin-top: 20px;
	}
	
	.LA24484 .Box .Parallel .PackText .bag .numTile:last-child {
	    margin-left: 40px;
	}
	
	.LA24484 .Box .Parallel .PackText .Btns .backstage-componet-bd {
	    padding: 10px 50px;
	    display: inline-block;
	    transform: skewX(-21deg);
	    background: #D0021B;
	    margin-top: 55px;
	}
	
	.LA24484 .Box .Parallel .PackText .Btns .backstage-componet-bd .blocks-button {
	    color: #fff;
	    font-size: 16px;
	    transform: skewX(21deg);
	    display: inline-block;
	}
	
	.LA24484 .Box .ImgR .imgBox {
	    width: 100%;
	    height: 100%;
	}
	
	.LA24484 .Box .ImgR .positions,
	.LA24484 .Box .ImgR .positions .backstage-componet,
	.LA24484 .Box .ImgR .positions .backstage-componet-bd {
	    width: 100%;
	    height: 100%;
	}
	
	.LA24484 .Box .ImgR .imgBox img {
	    width: 100%;
	    height: 100%;
	    display: block;
	    object-fit: cover;
	}
	
	.LA24484 .Box .ImgR .Rightround {
	    position: absolute;
	    z-index: 1;
	    top: 50%;
	    left: 60%;
	    transform: translate(-50%, -50%);
	    display: block;
	}
	
	.LA24484 .Box .ImgR .Rightround .cril {
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    position: absolute;
	    display: block;
	}
	
	.LA24484 .Box .ImgR .Rightround .cril .svgbox {
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    position: absolute;
	    z-index: 1;
	}
	
	.LA24484 .Box .ImgR .Rightround .cril .blocks-button {
	    display: block;
	    width: 100px;
	    height: 100px;
	    background: #fff;
	    border-radius: 50%;
	    position: relative;
	}
	
	.LA24484 .Box .ImgR .Rightround .cril .blocks-button svg {
	    position: absolute;
	    top: 50%;
	    left: 54%;
	    transform: translate(-50%, -50%);
	}
	
	/* 播放特效 */
	.LA24484 .dots {
	    box-sizing: border-box;
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    width: 190px;
	    height: 190px;
	    border: 2px solid #0097ED;
	    border-radius: 50%;
	    transform-origin: center center;
	    opacity: 0.4;
	}
	
	.LA24484 .dot {
	    animation: loadings 3s linear infinite;
	}
	
	.LA24484 .dot-two {
	    animation: loadings 3s linear 1s infinite;
	}
	
	@keyframes loadings {
	    100% {
	        width: 300px;
	        height: 300px;
	        opacity: 0;
	    }
	}
	
	.LA24484 .Box .ImgR .Rightround .cril .blocks-button svg use {
	    fill: currentColor;
	}
	
	.LA24484 .Box .ImgR .blocks-image {
	    width: 100%;
	    height: 100%;
	}
	
	.LA24484 .Box .ImgR .blocks-image img {
	    width: 100%;
	    height: 100%;
	    display: block;
	    object-fit: contain;
	}
	
	@media (max-width:2020px) {
	    .LA24484 .Box .ImgR {
	        width: 60%;
	    }
	
	    .LA24484 .Box .ImgR .Rightround {
	        left: 60%;
	    }
	}
	
	@media (max-width:1400px){
	    .LA24484 .Box .Parallel .PackText {
	        padding: 0px 90px;
	    }
	}
	
	@media (max-width:1250px) {
	    .LA24484 .Box .Parallel .PackText {
	        padding: 0px 90px;
	    }
	
	    .LA24484 .Box .Parallel .PackText .Text {
	        font-size: 26px;
	        margin-bottom: 20px;
	    }
	
	    .LA24484 .Box .Parallel .PackText .bag .numTile .number,
	    .LA24484 .Box .Parallel .PackText .bag .numTile .symbol {
	        font-size: 30px;
	    }
	
	    .LA24484 .Box .Parallel .PackText .content {
	        margin-bottom: 20px;
	        display: -webkit-box;
	        -webkit-box-orient: vertical;
	        -webkit-line-clamp: 3;
	        overflow: hidden;
	    }
	
	    .LA24484 .Box .Parallel .PackText .Btns .backstage-componet-bd {
	        margin-top: 20px;
	    }
	
	    .LA24484 .Box .ImgR {
	        width: 60%;
	    }
	
	    .LA24484 .Box .ImgR .Rightround {
	        left: 60%;
	    }
	}
	
	@media (max-width:970px) {
	    .LA24484 .Box .pag .triangle {
	        display: none;
	    }
	
	    .LA24484 .Box .Parallel {
	        transform: unset;
	    }
	
	    .LA24484 .Box .Parallel .PackText {
	        transform: unset;
	    }
	
	    .LA24484 .Box .Parallel {
	        margin: 0;
	        padding: 20px 20px 40px;
	    }
	
	    .LA24484 .Box .Parallel .PackText {
	        padding: 0;
	    }
	
	    .LA24484 .Box .Parallel .after {
	        display: none;
	    }
	
	    .LA24484 .Box .ImgR {
	        position: relative;
	        width: 100%;
	    }
	
	    .LA24484 .Box .Parallel .before {
	        display: none;
	    }
	
	    .LA24484 .Box .pag {
	        width: 100%;
	    }
	
	    .LA24484 .Box .ImgR .Rightround {
	        left: 50%;
	    }
	
	    .LA24484 .Box {
	        display: flex;
	        flex-direction: column-reverse;
	    }
	
	    .LA24484 .Box .Parallel .PackText .content {
	        margin-bottom: 30px;
	        -webkit-box-orient: unset;
	        -webkit-line-clamp: unset;
	        overflow: unset;
	    }
	
	    .LA24484 .Box .Parallel .PackText .bag {
	        flex-direction: column;
	    }
	
	    .LA24484 .Box .Parallel .PackText .bag .numTile:last-child {
	        margin: 0;
	    }
	
	    .LA24484 .Box .Parallel .PackText .bag .numTile {
	        margin-bottom: 30px;
	    }
	
	    .LA24484 .Box .Parallel .PackText .Btns .backstage-componet-bd {
	        margin-top: 40px;
	    }
	
	    .LA24484 .Box .Parallel .PackText .Text {
	        font-size: 28px;
	    }
	
	    .LA24484 .Box .Parallel .PackText .bag .numTile .number,
	    .LA24484 .Box .Parallel .PackText .bag .numTile .symbol {
	        font-size: 34px;
	    }
	
	    .LA24484 .Box .ImgR .imgBox {
	        position: relative;
	        height: 0;
	        padding-bottom: 67%;
	    }
	
	    .LA24484 .Box .ImgR .imgBox img {
	        position: absolute;
	    }
	
	    .LA24484 {
	        padding: 0;
	    }
	
	    .LA24484 .Box .pag {
	        position: relative;
	    }
	
	}
	
	
	@media (max-width:510px) {
	    .LA24484 .dots {
	        width: 120px;
	        height: 120px;
	    }
	
	    @keyframes loadings {
	        100% {
	            width: 200px;
	            height: 200px;
	            opacity: 0;
	        }
	    }
	}
	.con3{
		padding:100px 0 50px;
		width: 100%;
		background-color: #004098;
	}
	.con3 h1{ font-size: 35px; color: #fff; text-align: center; margin-bottom: 50px;}
	.con4{ padding: 50px 0; width: 100%;}
	.con4 h1{ font-size: 35px; margin-bottom: 50px; text-align: center;}
	.pd34{padding: 30px 30px 40px;}
	.con4 ul li{ width: calc((100% - 60px)/3); float: left; margin: 10px; box-shadow: 0 2px 10px 0 rgb(54 58 59 / 15%);
    border-bottom: 3px solid #51b3de;}
	.newspic{ width: 100%; position: relative;}
	.newspic img{ width: 100%; display: block;}
	.time{ background-color: #171717; width: 100%; height: 45px; display: flex; align-items: center;}
	.time img{ width: 15px; margin-left: 20px; margin-right: 5px;}
	.time span{ color: #fff; font-size: 12px;} 
	.newsnr h5{ font-size: 18px; margin-bottom: 20px;} 
	.newsnr p{ font-size: 12px;}
	.butn{ margin-top: 20px; text-align: right;}
	.butn a{ font-size: 14px;  color: #004098;}
	
	.foot{ width: 100%; background-color: #004098; padding: 20px 0;}
	.line{ width: 100%; height: 1px; background-color: #fff; margin: 15px 0;}
	.foottop{ width: 100%; display: flex; flex-wrap: wrap; margin-top: 50px; justify-content: space-between;}
	.footitem{ width: 24%;}
	.footlogo img{ width: 100%;}
	.footbt{ margin: 10px 0;width: 100%;}
	.footbt p{ font-size: 14px; color: #fff;}
	.footflow a{ width: 44px; margin-right: 10px; display: inline-block;}
	.footflow a img{ width: 100%;height:45px;border-radius:10%;}
	.footitem h2{ font-size: 20px; color: #fff; margin-bottom: 20px;}
	.footitem ul li{ width: 100%; line-height: 30px; color: #fff; font-size: 14px;}
	.footitem ul li a{ color: #fff; font-size: 14px;}
	.footbottom{ width: 100% ; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; color: #fff; padding: 10px 0; padding-top: 30px;}
	.footbottom a{ color: #fff;}
	
	.nav{ width: 100%; padding: 25px 0;}
	.prolf{ width: 25%; float: left;}
	.prolf h1{    font-size: 20px;
    line-height: 60px;
    padding-left: 12px; background-color: #004098; color: #fff;}
	.prolf ul { margin-bottom: 10px;}
	.prolf ul li{ font-size: 16px; line-height: 36px; color: #000;white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-left: 30px;    border: 1px solid #e7e7e7; position: relative; cursor: pointer;}
	.topen{ width: 38px; height: 38px; position: absolute; top: 0; right: 0px; text-align: center; line-height: 36px;}
	.tshow{ display: none; width: 100%;}
	.tshow dd{ line-height: 30px; text-indent: 1rem;}
	.propic{ position: relative; width: 100%; margin-bottom: 10px;}
	.aboutnr{ width: 100%;    border-left: 1px dashed #ddd;
    border-right: 1px dashed #ddd;
    border-top: 0 dashed #ddd;
    border-bottom: 1px dashed #ddd; font-size: 14px;}
	.pd20{ padding: 20px;}
	
	.prort{ width: 73%; float: right;}
	/*update_product1*/
	.update_product1{ max-width:1200px; margin:0 auto;}
	.update_product1 ul li{ float:left; margin-right:20px; margin-bottom:20px; width:calc((100% - 40px)/3); border-bottom:1px solid #e0e0e0; transition:ease-out .35s;}
	.update_product1 ul li .pro_pic{ position:relative; height:200px; overflow:hidden; text-align:center;}
	.update_product1 ul li .pro_pic img{ max-width:100%;}
	.update_product1 ul li:nth-child(3n){ margin-right:0px;}
	.update_product1 ul li .pro_search{ position:absolute; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,.5);transition-duration: .3s; opacity:0;}
	.update_product1 ul li .pro_search i{ position:absolute; top:50%; left:50%; margin-left:-11px; margin-top:-11px;}
	.update_product1 ul li .pro_tit{ padding:12px 20px; text-align:center; font-size:16px; color:#000;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
	.update_product1 ul li:hover .pro_search{ opacity:1;}
	.update_product1 ul li:hover{ border-bottom:1px solid #000;}
	.update_product1 ul li:hover .pro_tit{ color:#f60;}
	.prdetillf{ float: left;}
	.prdetilrt{ width: calc(100% - 430px); float: right;}
	.prdetilrt h1{ font-size: 18px;}
	.order-minus{ width: 26px; height: 26px; border:1px solid #ddd; display: inline-block; text-align: center; line-height: 26px;}
	.order-quan-input{ width: 38px; text-align: center; height: 26px; border:1px solid #ddd; display: inline-block;}
	.order-plus{ width: 26px; height: 26px; border:1px solid #ddd; display: inline-block; text-align: center; line-height: 26px;}
	.add { display: flex; align-items: center; margin: 10px 0;}
	.add span{ margin-right: 20px; font-size: 14px;}
	.btn{ width: background-color: #EEF4FB;
    border: 1px solid #097ac8;
    color: #0589e3;    line-height: 38px;
    height: 38px;padding: 0 30px; width: auto; display: inline-block; margin-top: 30px;}
	
	.update_prodetail_2_con{ border:1px solid #dcdcdc;box-shadow: 0 3px 8px -6px rgba(0,0,0,0.1); border-radius:8px;}
	.update_slideTxtBox_03 .hd{ padding:0 10px 0 20px; height:60px; border-bottom:1px solid #d4d4d4; line-height:60px;box-shadow: rgba(0,0,0,0.06) 0 1px 7px; background:linear-gradient(#fbfbfb,#ececec); border-radius:8px 8px 0px 0px; font-weight:normal; font-size:16px; color:#000;}
	.update_slideTxtBox_03 .hd ul li{ padding:0px 20px; float:left; cursor:pointer;}
	.update_slideTxtBox_03 .hd ul li.on{ border-bottom:2px solid #f60; color:#f60;}
	.update_slideTxtBox_03 .bd{ padding:20px 20px;}
	
	.prodetilbotm{ padding: 20px 0; width: 100%; position: relative;}
	.prodetilbotm h1{ font-size: 20px; margin-bottom: 15px;}
	
	.nybanner{ width: 100%;background: url(../images/about-us.jpg) no-repeat fixed center center; position: relative;}
	.nynr{ padding: 90px 0;}
	.nynr h2{ font-size: 14px; color: #fff; margin-bottom: 10px;}
	.nynr h1{ font-size: 60px; color: #fff; margin-bottom: 30px;}
	.nynr p{ font-size: 20px ; color: #fff;}
	
	.about1{width: 100%; padding: 100px 0;}
	.aboutlf{ width: 35%; float: left;}
	.aboutrt{ width: 60%; float: right; }
	.aboutrt img{ width: 100%;}
	.aboutlf h1{ font-size: 30px; margin-bottom: 20px;}
	.aboutlf p{ font-size: 14px;}
	
	.con14bg{width: 100%;height: auto; padding: 60px 0;background: #092840; color: #fff;}
	.con14{height: auto;}
	.mumping_mun li{width: 25%; float:left; margin: 0 auto;}
	.mumping_mun p{font-size: 20px;width: 100%;display: block;clear: both;}
	.mumping_mun h2{font-size: 60px; color: #0089F5; font-weight: normal;float: left;margin-right: 10px;}
	
	.more{ text-align:center; margin-top:20px;}
	.more a{ display:inline-block; padding: 6px 50px;-webkit-transition: all .5s cubic-bezier(.215,.61,.355,1) 0s;transition: all .5s cubic-bezier(.215,.61,.355,1) 0s;border: #999999 1px solid;color: #999999;font-size:14px;}
	.more a:hover{ background:#000; color:#fff; border:1px solid #000; }
	.more1{ overflow:hidden; margin-top:30px;}
	.more1 a{border: 1px solid #999;color: #999; display:block;width: 110px;text-align: center;border-radius: 6px;float: right; height:34px; line-height:34px;}
	
	.about2{ padding: 60px 0; width: 100%;}
	.about2lf{ width: 48%; float: left;}
	.about2lf img{ width: 100%;}
	.about2rt{ width: 48%; float: right;}
	
	.about3{  padding: 60px 0; width: 100%; background-color: #F2F6F8;}
	.about3 h1{ font-size: 30px; margin-bottom: 20px; text-align: center;}
	.about3 img{ width: 100%;}
	
	.mess{ padding: 60px 0; width: 100%; background-color: #F2F6F8;}
	.mess .wapper{ display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;}
	.messlf{ width: 48%;}
	.messlf span{ font-size: 14px; color: #0089F5;}
	.messlf h1{ font-size: 30px; font-weight: bold;}
	.messrt{ width: 40%; display: flex; align-items: center;}
	.messrt input{ width: 260px; line-height: 50px; border: 1px solid #ddd; background-color: #fff; text-indent: 1rem;}
	.messrt button{ width: 100px; line-height: 50px; background-color: #1598FF; text-align: center; color: #fff; border: 1px solid #1598FF;}
	
	/*update_news3*/
	.update_news3{ max-width:1200px; margin:0 auto;}
	.update_news3 ul li{ padding:0px 30px; box-sizing:border-box;transition: all .4s ease-out;}
	.update_news3 ul li .news_con{ border-bottom:1px solid #ececec; overflow:hidden; padding:30px 0px;}
	.update_news3 ul li .news_con .news_pic{ float:left; width:280px; overflow:hidden;}
	.update_news3 ul li .news_con .news_pic img{ width:100%; transition: all .36s ease;}
	.update_news3 ul li .news_desc{ float:right; width:calc(100% - 300px);}
	.update_news3 ul li .news_desc strong{ display:block; font-weight:normal; line-height:24px; overflow:hidden;}
	.update_news3 ul li .news_desc strong a{float:left; font-size:16px; color:#444;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; width:calc(100% - 104px);}
	.update_news3 ul li .news_desc strong em{ float:right; font-style:normal; color:#444; font-size:16px;}
	.update_news3 ul li .news_desc span{ display:block; font-size:14px; color:#777; line-height:24px; padding-top:10px;}
	.update_news3 ul li:hover{box-shadow: 0 0 22px rgba(0,0,0,.12);border-radius: 4px;background: #fff;}
	.update_news3 ul li:hover .news_con .news_pic img{transform: scale(1.1);}
	.update_news3 ul li .news_desc:hover strong a{ color:#f60;}
	.update_news3 ul li .news_desc:hover strong em{ color:#f60;}
	
	.pro{ padding: 60px 0;}
	.contact{ width: 100%; padding: 60px 0;}
	.update_contact3_lx{ margin-top:30px;}
	.update_contact3_lx ul li{float:left; width:25%; text-align:center;}
	.update_contact3_lx ul li strong{ display:block; font-weight:normal; font-size:18px; color:#333; padding-top:15px; padding-bottom:10px;}
	.update_contact3_lx ul li span{ display:block; font-size:14px; color:#999;}
	
	.update_contact2_ly{ margin-top:30px;}
	.update_contact2_ly ul li{float:left;width: calc( (100% - 20px) /2);margin: 10px 0px;font-size:14px;margin-right: 20px;}
	.update_contact2_ly ul li:nth-child(2n){ margin-right:0px;}
	.update_contact2_ly ul li span{ float:left; width:100px; line-height:35px;}
	.update_contact2_ly .input_text{float:left;width: 100%;padding: 0;box-sizing:border-box;border-radius:4px;background: #fff;line-height: 45px;display:block;border: 1px solid #ddd;text-indent: 1rem;}
	.update_contact2_ly .last{ width:100%; margin-right:0px;}
	.update_contact2_ly textarea{display:block;border:none;float:left;width: 100%;padding: 5px 0px;box-sizing:border-box;border-radius:4px;background: #fff;line-height:25px;display:block;text-indent: 1rem;border: 1px solid #ddd;}
	.update_contact2_ly .input_button{display:block;width: 120px;margin:0 auto;height:44px;line-height:44px;text-align:center;color:#fff;font-size:14px;background: #16376c;margin-top:20px;border: 1px solid #2e6da4;}
	
	.con{ width: 100%; padding: 60px 0;}
	.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%; display: none;}
	.sp_logo{padding:10px;float:left;height:50px}
	.sp_logo img{margin:auto;max-height:30px;}
	.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
	.sp_nav span{display:block;background:white;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
	.sp_nav span:nth-of-type(1){top:0px}
	.sp_nav span:nth-of-type(2){top:10px}
	.sp_nav span:nth-of-type(3){top:20px}
	.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
	.sp_nav_se span:nth-of-type(2){width:0}
	.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
	.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
	.nav_show{top:50px}
	.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
	.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
	.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
	.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
	.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
	.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
	.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
	.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
	.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
	.sjj_nav ul li ul{display:none}
	.sjj_nav ul li a{color:#666;width:80%}
	.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
	.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
	.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
	.sjj_nav ul li ul li>ul{margin-left:10px}
	.nv{ height: 0;}
	@media (max-width:960px) {
	 .sp_header{background-color:black; display: block;}
	 .head{ display: none;}
	 .nv{ height: 50px;}
	 .c1list li {
	     width: 49%;
	     margin: 10px 0;
	     display: inline-block;
	 }
        .c1list li p {
        font-size:14px;
        text-align:center;
        } 
        .wapper {
            width: 95%;
        }
        .c1list li img {
            height: 190px;
            width: 100%;
        }

	 .con4 ul li {
	     width: 100%;
	     float: left;
	     margin: 10px 0;
	     box-shadow: 0 2px 10px 0 rgb(54 58 59 / 15%);
	     border-bottom: 3px solid #51b3de;
	 }
	 .footitem{
		  width: 100%;
	 }
	 .nynr {
	     padding: 40px 0;
	 }
	 .nynr h1 {
	     font-size: 20px;
	     color: #fff;
	     margin-bottom: 10px;
	 }
	 .nynr p {
	     font-size: 14px;
	     color: #fff;
	 }
	 .aboutlf {
	     width: 100%;
	     float: left;
		 margin-bottom: 10px;
	 }
	 .aboutrt {
	     width: 100%;
	     float: right;
		 margin-bottom: 10px;
	 }
	 .about1 {
	     width: 100%;
	     padding: 20px 0;
	 }
	 .mumping_mun h2 {
	     font-size: 20px;
	     color: #0089F5;
	     font-weight: normal;
	     float: left;
	     margin-right: 10px;
	 }
	 .con14bg {
	     width: 100%;
	     height: auto;
	     padding: 20px 0;
	     background: #092840;
	     color: #fff;
	 }
	 .about2 {
	     padding: 20px 0;
	     width: 100%;
	 }
	 .about2lf {
	     width: 100%;
	     float: left;
	 }
	 .about2rt {
	     width: 100%;
	     float: right;
	 }
	 .about3 {
	     padding: 20px 0;
	     width: 100%;
	     background-color: #F2F6F8;
	 }
	 .about3 h1 {
	     font-size: 20px;
	     margin-bottom: 20px;
	     text-align: center;
	 }
	 .messlf h1 {
	     font-size: 20px;
	     font-weight: bold;
	 }
	 .messlf{ width: 100%; margin-bottom: 10px;}
	 .messrt {
	     width: 100%;
	     display: flex;
	     align-items: center;
	 }
	 .mess {
	     padding: 20px 0;
	     width: 100%;
	     background-color: #F2F6F8;
	 }
	 .contact {
	     width: 100%;
	     padding: 20px 0;
	 }
	 .update_contact3_lx ul li {
	     float: left;
	     width: 50%;
	     text-align: center;
	     margin-bottom: 10px;
	 }
	 .update_contact2_ly ul li {
	     float: left;
	     width: 100%;
	     margin: 10px 0px;
	     font-size: 14px;
	     margin-right: 20px;
	 }
	 .prolf {
	     width: 100%;
	     float: left;
	 }
	 .prort {
	     width: 100%;
	     float: right;
	 }
	 .update_news3 ul li .news_con .news_pic {
	     float: left;
	     width: 100%;
	     overflow: hidden;
	 }
	 .update_news3 ul li .news_desc {
	     float: right;
	     width: 100%;
	 }
	 .update_product1 ul li {
	     float: left;
	     margin-right: 0;
	     margin-bottom: 20px;
	     width: 100%;
	     border-bottom: 1px solid #e0e0e0;
	     transition: ease-out .35s;
	 }
	 .pro {
	     padding: 20px 0;
	 }
	 .prdetillf{ width: 100%;}
	 #etalage{ width: 100% !important;}
	 .prdetilrt{ width: 100%;}
	 #etalage .etalage_thumb_image {
	     width: 100% !important;
	 }
	 .update_prodetail_2_con{ margin-top: 20px;}
	}