@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
@font-face {
    font-family: "OpenSans-Regular";
    src: url('../fonts/OpenSans-Regular.eot');
    src: url('../fonts/OpenSans-Regular.woff') format('woff'),
        url('../fonts/OpenSans-Regular.ttf') format('truetype'),
        url('../fonts/OpenSans-Regular.svg') format('svg');
}

@font-face {
    font-family: "OpenSans-Bold";
    src: url("../fonts/OpenSans-Bold.eot");
    src: url('../fonts/OpenSans-Bold.woff') format('woff'),
        url('../fonts/OpenSans-Bold.ttf') format('truetype'),
        url('../fonts/OpenSans-Bold.svg') format('svg');
}
html{ font-size:625%;}
body{ font-size: 14px; background: #FFF; overflow-x:hidden;}
body, html, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, th, td, form, object, iframe, blockquote, pre, a, abbr, address, code, img, fieldset, form, label, figure { margin: 0; padding: 0; }
body, html, input, button, textarea { color: #333333; font-family: 'Noto-sans', Arial, Helvetica, sans-serif; line-height: 1.6; font-weight:400; }

a{ color:#222222}
a:hover{ color:#f90; transform: scale(1.0); transition: all 0.3s linear; text-decoration:none}
a:focus{ outline:none;}
ul,li,ol,dl,dt,dd{ list-style:none; padding:0; margin:0;}
/* img{ max-width:100%} */
input[type="text"]:focus { outline:none;}
input[type="button"], input[type="reset"], input[type="submit"] { cursor:pointer;}
input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
border:none;
padding:0;
}
a:active, select, input, textarea { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; outline: 0!important; }
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; outline: 0; }

.main_title:after{visibility: hidden;display: block;font-size: 0;content: ".";clear: both;height: 0;}
* html .main_title{zoom: 1;}
*:first-child + html .main_title{zoom: 1;}
a{
    text-decoration: none;
    display: inline-block;
}
.two-title{
    -webkit-line-clamp: 2;
      display: -webkit-box;
      -webkit-box-orient: vertical;
}
.two-img{
    width: 100%;
    height: 100%;
}
 

br{
    display:block;
    line-height:5px;
}
.main6{
    display: none;
}
/*gotop*/
.gotop {
	position: fixed;
	text-align: center;
	right: 50px;
	bottom: 50px;
	color: #fff;
	background-color: #333;
	text-align: center;
	height: 55px;
	width: 55px;
	line-height: 55px;
	border-radius: 50%;
	background-clip: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	z-index: 99999;
	cursor: pointer;
	font-size: 20px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-moz-transform: translateY(50%) scale(0.8);
	-webkit-transform: translateY(50%) scale(0.8);
	-ms-transform: translateY(50%) scale(0.8);
	-o-transform: translateY(50%) scale(0.8);
	transform: translateY(50%) scale(0.8);
}

.gotop:hover,
.gotop.active:hover {
	background-color: #0d3de5!important;
	color: #fff;
	font-family: 'fontawesome';
	content: "\f176";
	display: block;
}

.gotop.active {
	opacity: 1;
	visibility: visible;
	-moz-transform: none;
	-webkit-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}

.gotop em {
	font-size: 16px;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	color: #fff;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: translateY(10px);
	-ms-transform: translateY(10px);
	-o-transform: translateY(10px);
	transform: translateY(10px);
}

.gotop:before {
	font-family: 'fontawesome';
	content: "\f176";
	display: block;
}

.gotop:hover:before {
	-webkit-transform: translateY(-15px) scale(.5);
	-ms-transform: translateY(-15px) scale(.5);
	-o-transform: translateY(-15px) scale(.5);
	transform: translateY(-15px) scale(.5);
	opacity: 0;
	filter: alpha(opacity=0);
}

.gotop:hover em {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}
/* header通用样式 */
.nav1{
    position: fixed;
    z-index: 999;
    width: 100%;
    background-color: #fff;
    top: 0;
}
.fl-module-content{
    margin: 3px !important;
}
.fl-rich-text p{
    /*padding: 0 !important;*/
}
#header .nav1main{
    display: flex;
    height: 80px;
    justify-content: space-between;
}
.nav1main>.left{
    height: 100%;
    object-fit: cover;
    line-height:80px;
}
.nav1main>.left img{
    object-fit: cover;
    height: 60px !important;
}
.nav2m .swiper .swiper-wrapper .swiper-slide a img {
    width: 100%;
    object-fit: cover;
    max-height: 800px;
}
.nav2n{
    margin-top: 90px;
}
.nav2n  img {
    width: 100%;
    object-fit: cover;
    max-height: 500px;
}
.nav1main>.right{
    height: 100%;
    object-fit: cover;
    line-height: 80px;
}
.nav1main>.right>button{
    padding: 15px 30px;
    border: 0;
    background-color: #eff0f4;
    border-radius: 7px;
    color: #0d3de5;
    font-weight: 600;
    font-size: 14px;
    transition: 0.5s;
    cursor: unset;
}
.nav1main>.right>button:hover{
    background-color: #0d3de5;
    color: white;
    transition: 0.5s;
}

.inp{
    background-color: #888888;
    border-radius: 15px;
}

.nav1main>.center .head_nav{
    display: flex;
    justify-content: space-around;
}
.nav1main>.center .head_nav>li>a{
    font-size: 14px;
    color: #aaa;
}
.nav1main>.center .head_nav>li>a:hover{
    border: 0;
    color: #0d3de5;
}
.nav1main>.center .head_nav>li>a::after{
    background-color: transparent;
    
}
.nav1main>.center .head_nav>li>a>em{
    margin: 0;
}
.nav1main>.center .head_nav>li.active>a{
    color: #333333;
}
.nav1main>.center .sub-menu>li:hover>a{
    color: #0d3de5;
}
.nav1main>.center .sub-menu>li:hover>a::before{
    background-color: #0d3de5;
}
.nav2{
    position: relative;
    margin-top: 80px;
}
.nav2 .carousel .carousel-item>a>img{
    width: 100%;
    height: 600px;
    object-fit: cover;
}
.nav2cont{
    position: absolute;
    top: 15%;
    left: 10%;
}
.nav2cont .on{
    border: 1px solid #ddd;
    width: 30%;
    padding: 5px ;
    border-radius: 55px;
    display: flex;
    background-color: #eff0f4;
    margin-bottom: 20px;
}
.nav2cont .on .left{
    width: 35%;
    background-color: #f89047;    
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    padding-left: 15px;
    text-align: right;
}
.nav2cont .on .left>span{
    display: block;
    /* line-height: 50px; */
    color: white;
    font-size: 15px;
    padding: 10px 0;
}
.nav2cont .on .right{
    width: 60%;
}
.nav2cont .on .right>span{
    display: block;
    padding: 10px 0;
    /* line-height: 50px; */
    color: #9399a6;
    font-size: 15px
}
.nav2cont .in{
    margin-bottom: 40px;
}
.nav2cont .in>div{
    width: 40%;
    font-size: 60px;
    font-weight: 600;
    /* color: white; */
}
.nav2cont .un>button{
    padding: 15px 20px;
    background-color: #0d3de5;
    color: white;
    border: 0;
    border-radius: 5px;
}
.nav2cont .un>button>i{
    width: 14px;
    margin: auto 0;
}
.nav2cont .un>button:hover{
    padding: 15px 20px;
    background-color: white;
    color: #0d3de5;
    border: 0;
    border-radius: 5px;
    transition: 0.5s;
}
.nav2txt{
    position: absolute;
    display: flex;
    top: 15%;
    left: 45%;
}

.nav2txt>span{
    display: block;
    margin: 0 100px;
    color: white;
}
.nav2txt>span>p:nth-child(2){
    font-size: 23px;
    font-weight: 600;
}
.nav2txt>span:nth-child(2){
    text-align: right;
}
.nav2txt2{
    display: none;
}

.nav2lunbo{
    position: absolute;
    width: 30%;
    object-fit: cover;
    overflow: hidden;
    bottom: 3%;
    left: 10%;
}
.nav2lunbo .swiper{
    width: 100%;
}
.nav2lunbo .swiper img{width: 100%;}
/* footer通用样式 */
.footermain{
    background-color: black;
    color: white;
}
.footermain .up>.lkul{
    display: flex;
    justify-content: space-between;
    padding: 150px 0;
    margin: 0;
}
.footermain .up>.lkul>.lkli{
    /*width: 30%;*/
}
.footermain .up>.lkul>.lkli li{
    /*margin: 15px 0;*/
}
.footermain .up>.lkul>.lkli a{
    color: #ffffff;
    margin: 8px 0;
}
.footermain .up>.lkul>.lkli>h6{
    font-size: 23px;
}
.footermain .up>.lkul>.lkli>div{
    padding: 10px 0;
}
.footermain .up>.lkul>.lkli>div a{
	color:#fff;
}
.footermain .up>.lkul>.lkli>div>i{
    font-size: 20px;
    color: #0d3de5;
    margin-right: 10px;
}
.footermain .up>.lkul>.lkli:nth-child(3)>div{
    padding: 5px 0;
}
.footermain .up>.lkul>.lkli:nth-child(1)>p{
    font-size: 15px;
    width: 70%;
    margin-top: 20px;
}
.okli{
    color: #ffffff;
    margin: 15px 0;
}
.footermain .down{
    display: flex;
    justify-content: space-between;
}
.footermain .down>span:nth-child(2)>ul{
    display: flex;
}
.footermain .down>span:nth-child(2)>ul>li{
    padding: 10px;
}
.footermain .line{
    width: 100%;
    background-color: #333;
    height: 2px;
}
.footermain .down>span{
    margin: 10px 0;
}
.footermain .down>span:nth-child(2)>ul>li>i{
    color: #0d3de5;
    font-size: 15px;
}
.pright,.plist,.plistzz{
    display: none;
}
.nav_wrap .head_nav li ul{
    top: 75%;
    left: 20%;
}
/* 客服模块 */
.side_content .side_list .cont li a:hover{
    color: #0d3de5;
}
.side_content .side_list .cont li i{color: #0d3de5;}

@media (max-width:576px)
{
    .newlistmodle .container{
        padding: 0 !important;
    }
    .breadcrumbsbanner h2{
        font-size: 24px;
    }
    .updown{
        flex-direction: column;
        align-items: center;
    }
    .updown > div{
        margin: 15px 0;
    }
    .productmodle .productmain{
        flex-direction: column;
    }
    
    .fl-rich-text p iframe{
        width: 100%;
        height: auto;
    }
    .main8 .main .left>h6{
        font-size: 28px;
    }
    .footermain .up>.lkul>.lkli{
        padding: 12px;
    }
    .footermain .up>.lkul>.lkli:nth-child(1)>p{
        width: 100%;
    }
    .nav2m .swiper-button-prev, .nav2m .swiper-rtl .swiper-button-next,
    .nav2m .swiper-button-next, .nav2m .swiper-rtl .swiper-button-prev
    {
        display: none;
    }
    .down1>ul>li{
        width: 100%;
    }
    .newlistmodle{
        margin: 0 !important;
    }
    .footermain .up>.lkul{
        padding: 80px 15px;
    }
    /* 首页样式 */
    .Aimg{
        display: none;
    }
	.scrollsidebar{display:none;}
    .nav1 .container{
        padding:0 20px;
    }

	.nav1main .center ,.nav1main .right{
        display: none;
    }
    .nav2cont .on{
        width: 100%;
    }
    .nav2cont .in>div{
        width: 100%;
        font-size: 43px;
        text-align: center;
    }
    .nav2cont .un{
        width: 100%;
        text-align: center;
    }
    .nav2cont{
        left: 0;
        top: 5%;
    }
    .nav2txt{
        display: none;
    }
    .nav2txt2{
        display: block;
        position: absolute;
        bottom: 2%;
        width: 100%;
        display: flex;
        justify-content: center;
        
    }
    .nav2txt2>.img{position: relative;display: flex;justify-content: center;}
    .nav2txt2>.img>img{
        width: 90%;
        border-radius: 10px;
    }
    .nav2txt2 .n2zz{
        display: block;
        position: absolute;
        width: 90%;
        height: 100%;
        border-radius: 10px;
        background-color: rgba(0, 0, 0, .3);
        z-index: 1;
        bottom: 0;
    }
    .nav2txt2 .zz{
        position: absolute;
        bottom: 0;
        background-color: rgba(0, 0, 0, .6);
        width: 90%;
        height: 100%;
        border-radius: 10px;
    }
    .nav2txt2 .txt{
        position: absolute;
        text-align: center;
        color: white;
        top: 50%;
        transform: translateY(-50%);
    }
    .nav2txt2 .txt>div{
        margin: 15px 0;
    }
    .nav2txt2 .txt>div>p:nth-child(2){
        font-size: 22px;
        font-weight: 600;
        margin-top: 5px;
    }
    .nav2lunbo{
        width: 90%;
        left: 5%;
        bottom: 40%;
    }
    .footermain .up>ul{
        display:block;
        padding: 30px;
    }
    .footermain .container{
        padding: 0;
    }
    .footermain .up>ul>li{
        width: 100%;
        padding: 10px 0;
    }
    .footermain .down{
        display: flex;
        flex-direction: column;
        width: 100%;
        justify-content: center;
        align-items: c;
        padding: 0 30px;
        padding-bottom: 50px;
    }
    .main3 .container{
        padding: 20px;
    }
    .main3 .down>ul>li{
        width: 100%;
        margin: 10px 0;
    }
    .main3 .up>h6{font-size: 35px;line-height: 35px;}
    
    .main4 .container{
        padding: 20px;
    }
    .main4 .down>ul>li{
        width: 100%;
        margin: 10px 0;
    }
    .main4 .up>h6{font-size: 25px;}
    .main5{margin-top: 50px;}
    .main5 .container{
        padding: 20px;
    }
    .main5 .main{
        flex-direction: column;
    }
    .main5 .left{
        width: 100%;
    }
    .main5 .right{
        width: 100%;
        display: block;
    }
    .main5 .right>ul>li{
        width: 100%;
    }
    .main5 .left>h6{text-align: center;font-size: 30px;}
    .main5 .left>p{text-align: center;}
    .main5 .right>ul>li:nth-child(2){
        margin: 10px;
    }
    .main5 .right>ul>li:nth-child(4){
        margin: 10px;
    }
    .main6 .container{
        padding: 20px;
    }
    .main6 ul>li{
        width: 100%;
        margin: 10px 0;
    }
    .main6 button{left: 32%;}
    .main6 .m6txt{padding: 20px;margin-top: 0;}
    .main7 .container{
        padding: 20px;
    }
    .main7 .down>div{
        width: 100%;
    }

    .main7 .up>h6{font-size: 25px;}
    .main8{
        margin: 0;
        margin-bottom: 50px;
    }
    .main8 .container{
        padding: 0;
    }
    .main8 .main .left>div{
    flex-direction: column;
        width: 100%;
    }
    .main8 .main .left>div>button{
        /* padding: 15px 60px; */
        margin: 10px 0;
    }
    .main8 .main{
        padding: 20px;
    }
    .main8 .main .left{
        width: 100%;
    }
    .main8 .main .left>div>button:nth-child(2){
        padding: 15px 60px ;
    }
    .main8 .round{
        display: none;
    }
    .main8 .main>div>.right{
        position: static;
        display: block;
    }
    .main8 .main .right>img{width: 100%;}
    .main1 .container{
        /*padding: 20px;*/
    }
    .main1 .main {
        display: flex;
        flex-direction: column-reverse;
    }
    .main1 .left,.main1 .right{
        width: 100%;
        padding: 0;
        margin: 15px 0;
    }
    .main1 .right .up>.upleft{
        display: none;
    }
    .main1 .right .up>.upright{
        width: 100%;
        text-align: center;
    }
    .main1 .right .up>.upright>p{
        color: #0d3de5;
        font-size: 17px;
        font-weight: 600;
    }
    .main1 .right .up>.upright>h6{
        font-size: 35px;
        line-height: 35px;
    }
    .main1 .right .down>ul>li{
        width: 100%;
        margin: 10px 0;
    }
    .main1 .left{
        background-image: url('../images/abus2.jpg');
        height: 300px;
        border-radius: 15px;
        background-repeat: no-repeat;
        background-position: 100%;
        background-size: cover;
        position: relative;
        width: 100%;
    }
    .main1 .main .m1zz{
        display: block;
        position: absolute;
        height: 300px;
        width: 100%;
        background-color: rgba(0, 0, 0, .3);
        z-index: 1;
        border-radius: 15px;

    }
    .main2{margin-top: 40px;}
    .main2 .container{
        padding: 20px;
    }
    .main2 .main{
        display: block;
    }
    .main2 .left,.main2 .right{
        width: 100%;
        text-align: center;
        margin: 15px 0;
    }
    .main2 .left>h6{
        font-size: 35px;
        line-height: 35px;
    }
    .main2 .left>button{
        margin-bottom: 20px;
    }
    .main0 .main{
        display: none;
    }
    .main0 .pmain{
        display: block;
    }
    .zz>.vo>video{width: 100%;}
    .zz>.vo{top: 30%;}
    .pright,.plist,.plistzz{
        display: block;
    }
    .plist{
        position: absolute;
        top: 0;
        left: -100%;
        background-color: white;
        width: 350px;
        height: 1771%;
        z-index: 999;
        transition: 0.5s;
    }
    .plist>div{display: flex; justify-content: space-between;}
    .plist>div>img{height: 50px;}
    .plist>div>i{font-size: 40px; margin:10px; color: #0d3de5;}
    .plistzz{
        position: absolute;
        top: 0;
        left: -100%;
        background-color: rgba(0, 0, 0, .6);
        width: 100%;
        height: 1771%;
        z-index: 999;
        transition: 1.8s;
    }
    .plist>ul{margin: 10px;}
    .plist>ul>li{
        padding: 10px;
        color: #999;
        font-size: 16px;
    }
    .plist>ul>li>a{
        color: #999;
    }
    .plist>ul>li.active>a{
        color: #333;
    }
    .plist>ul>li:hover{
        color: #0d3de5;
    }
    .plist>ul>li>ul{
        display: none;
    }
    .plist>ul>li>ul>li{
        padding: 5px;
        color: #333;
    }
    .plist>ul>li>ul>li:hover{
        color: #0d3de5;
    }
    /* 子页通用样式 */
    .newinfomodle .newinfomain,
    .newmodle .main,
    .productlistmodle .productlistmain,
    .productmodle .productmain,
    .productinfomodle .productinfomain,
    .searchmodle .searchmain{display: block;}

    .newinfomodle .newinfomain .left,
    .newmodle .main .left,
    .productlistmodle .productlistmain .left,
    .productmodle .productmain .left,
    .productinfomodle .productinfomain .left,
    .searchmodle .searchmain .left{width: 100%;}

    .newinfomodle .newinfomain .right,
    .newmodle .main .right,
    .productlistmodle .productlistmain .right,
    .productmodle .productmain .right,
    .productinfomodle .productinfomain .right,
    .searchmodle .searchmain .right{width: 100%;}

    .newinfomodle .container,
    .newmodle .container,
    .productlistmodle .container,
    .productmodle .container,
    .productinfomodle .container,
    .searchmodle .container{padding: 0;}
    /* new */
    .newmodle .main>.left{display: none;}
    .newmodle .right{margin-top: 20px;}
    .newmodle .right>ul>li{display: block;}
    .newmodle .right>ul>li>.lileft{width: 100%;}
    /* newlist */
    .newlistmodle{margin: 0;}
    /* newinfo */
    .newinfomodle .newinfomain>.left{display: block;width:100%;}

    /* product */
    .productmodle .right .c{width: 100% !important;}
	.productmodle{margin:20px !important;}
    .productmodle .productmain>.left{display: block; width:100%;}
    /* productlist */
    .productlistmodle .right>ul>li{display: block;}
    .productlistmodle .right>ul>li>img{width: 100%;}
    .productlistmodle .right>ul>li>.txt{width: 100%;}
    .productlistmodle .right>ul>li>.txt>span:nth-child(1){font-size: 25px;}
    .productlistmodle .productlistmain>.left{display: none;}
    /* productinfo */
    .productinfomodle .content{display: block;}
    .productinfomodle .content .right>button{width: 60%;}
    .productinfomain .content .left .cnext{top: 92%;right:0;}
    .productinfomain .content .left .cprev{top: 92%;left: 0;}
    .productinfomodle .show .ss{display: block; overflow: hidden;}
    .productinfomodle .show .ss .down .img{width: 100%; object-fit: cover;}
    .productinfomodle .show .ss .down .img>img{width: 100%; border-radius: 15px;}
    .productinfomodle{margin: 50px 0;}
    .productinfomain>.left{display: none;}
    .productinfomodle .content .right>span:nth-child(1){font-size: 16px;}

    /* search */
    .searchmodle .searchmain{display: flex;flex-direction: column-reverse;}
    .searchmodle .left .r{display: block;margin: 0;}
    .searchmodle .left .cards{display: block;width: 100%;margin: 10px 0;}
    .searchmain .left .r .imgs{ width: 100%;margin: 0;}
    /* 404 */
    .modle404 .container{padding: 0 20px;} 
    .modle404 .modlemain404{display: block;}
    .modlemain404 .left{width: 100%; display: flex; justify-content: center;}
    .modlemain404 .left>img{height: 300px;}
    .modlemain404 .right{width: 100%; text-align: center;}
    
   .aboutus .fl-heading span{
        font-size: 32px;
    }

	}


@media (max-width:280px){
        .nav2txt2{bottom: 15%;}
        .nav2txt2 .n2zz{height: 162px;}
        .nav2cont .in>div{font-size: 25px;}
        .main2 .left>h6{font-size: 25px;}
        .main3 .up>h6{font-size: 25px;}
        .main4 .up>h6{font-size: 25px;}
        .main7 .up>h6{font-size: 25px;}
        .main6 ul>li>p{font-size: 12px;}
        .main5 .container{padding-left: 5px;}
        .main5{margin-top: 50px;}

    }
@media (min-width:576px) and (max-width:767px)
{
    /* 首页样式 */
	.Aimg{
        display: none;
    }
    .nav1 .container{
        padding:0 20px;
    }
	.nav1main .center ,.nav1main .right{
        display: none;
    }
    .nav2cont .on{
        width: 100%;
    }
    .nav2cont .in>div{
        width: 100%;
        font-size: 43px;
        text-align: center;
    }
    .nav2cont .un{
        width: 100%;
        text-align: center;
    }
    .nav2cont{
        left: 0;
        top: 5%;
    }
    .nav2txt{
        display: none;
    }
    .nav2txt2{
        display: block;
    }
    .nav2txt2{
        position: absolute;
        bottom: 2%;
        width: 100%;
        display: flex;
        justify-content: center;
        
    }
    .nav2txt2>.img{position: relative;display: flex;justify-content: center;}
    .nav2txt2>.img>img{
        width: 70%;
        border-radius: 10px;
    }
    .nav2txt2 .n2zz{
        display: block;
        position: absolute;
        width: 70%;
        height: 100%;
        border-radius: 10px;
        background-color: rgba(0, 0, 0, .3);
        z-index: 1;
        bottom: 0;
    }
    .nav2txt2 .zz{
        position: absolute;
        bottom: -5;
        background-color: rgba(0, 0, 0, .6);
        width: 90%;
        height: 100%;
        border-radius: 10px;
    }
    .nav2txt2 .txt{
        position: absolute;
        text-align: center;
        color: white;
        top: 50%;
        transform: translateY(-50%);
    }
    .nav2txt2 .txt>div{
        margin: 15px 0;
    }
    .nav2txt2 .txt>div>p:nth-child(2){
        font-size: 22px;
        font-weight: 600;
        margin-top: 5px;
    }
    .nav2lunbo{
        width: 90%;
        left: 5%;
        bottom: 40%;
    }
    .footermain .up>ul{
        display:block;
        padding: 30px;
    }
    .footermain .container{
        padding: 0;
    }
    .footermain .up>ul>li{
        width: 100%;
        padding: 10px 0;
    }
    .footermain .down{
        display: flex;
        flex-direction: column;
        width: 100%;
        justify-content: center;
        align-items: c;
        padding: 0 30px;
    }
    .main3 .container{
        padding: 20px;
    }
    .main3 .down>ul>li{
        width: 100%;
        margin: 10px 0;
    }
    .main3 .up>h6{font-size: 35px;line-height: 35px;}
    .main4 .container{
        padding: 20px;
    }
    .main4 .down>ul>li{
        width: 100%;
        margin: 10px 0;
    }
    .main4 .up>h6{font-size: 30px;}
    .main5{margin-top: 50px;}
    .main5 .container{
        padding: 20px;
    }
    .main5 .main{
        flex-direction: column;
    }
    .main5 .left{
        width: 100%;
    }
    .main5 .right{
        width: 100%;
        display: block;
    }
    .main5 .right>ul>li{
        width: 100%;
    }
    .main5 .left>h6{text-align: center;}
    .main5 .left>p{text-align: center;}

    .main5 .right>ul>li:nth-child(2){
        margin: 10px;
    }
    .main5 .right>ul>li:nth-child(4){
        margin: 10px;
    }
    .main6 .container{
        padding: 20px;
    }
    .main6 ul>li{
        width: 100%;
        margin: 10px 0;
    }
    .main6 button{left: 38%;}
    .main6 .m6txt{padding: 20px;margin-top: 0;}
    .main7 .container{
        padding: 20px;
    }
    .main7 .down>div{
        width: 100%;
    }
    .main7 .up>h6{font-size: 25px;}
    .main8{
        margin: 0;
        margin-bottom: 50px;
    }
    .main8 .container{
        padding: 0;
    }
    .main8 .main .left>div{
    flex-direction: column;
        width: 100%;
    }
    .main8 .main .left>div>button{
        /* padding: 15px 60px; */
        margin: 10px 0;
    }
    .main8 .main{
        padding: 20px;
    }
    .main8 .main .left{
        width: 100%;
    }
    .main8 .main .left>div>button:nth-child(2){
        padding: 15px 60px ;
    }
    .main8 .round{
        display: none;
    }
    .main8 .main .right {
        position: static;
        display: block;
    }
       .main8 .main .right>img{width: 100%;}
    .main1 .container{
        padding: 20px;
    }
    .main1 .main {
        display: flex;
        flex-direction: column-reverse;
    }
    .main1 .left,.main1 .right{
        width: 100%;
    }
    .main1 .right .up>.upleft{
        display: none;
    }
    .main1 .right .up>.upright{
        width: 100%;
        text-align: center;
    }
    .main1 .right .up>.upright>p{
        color: #0d3de5;
        font-size: 17px;
        font-weight: 600;
    }
    .main1 .right .up>.upright>h6{
        font-size: 35px;
        line-height: 35px;
    }
    .main1 .right .down>ul>li{
        width: 100%;
        margin: 10px 0;
    }
    .main1 .left{
        background-image: url('../images/nate-johnston-PcbJL9CYSXs-unsplash-3.jpg');
        height: 300px;
        border-radius: 15px;
        background-repeat: no-repeat;
        background-position: 100%;
        background-size: cover;
        position: relative;
        width: 100%;
    }
    .main1 .main .m1zz{
        display: block;
        position: absolute;
        height: 300px;
        width: 100%;
        background-color: rgba(0, 0, 0, .3);
        z-index: 1;
        border-radius: 15px;

    }
    .main2{margin-top: 40px;}
    .main2 .container{
        padding: 20px;
    }
    .main2 .main{
        display: block;
    }
    .main2 .left,.main2 .right{
        width: 100%;
        text-align: center;
    }
    .main2 .left>h6{
        font-size: 35px;
        line-height: 35px;
    }
    .main2 .left>button{
        margin-bottom: 20px;
    }
    .main0 .main{
        display: none;
    }
    .main0 .pmain{
        display: block;
    }
    .main0 .swiper .swiper-slide{height: 400px;}
    .zz>.vo>video{width: 100%;}
    .zz>.vo{top: 30%;}
    .pright,.plist,.plistzz{
        display: block;
    }
    .plist{
        position: absolute;
        top: 0;
        left: -100%;
        background-color: white;
        width: 350px;
        height: 1771%;
        z-index: 999;
        transition: 0.5s;
    }
    .plist>div{display: flex; justify-content: space-between;}
    .plist>div>img{height: 50px;}
    .plist>div>i{font-size: 40px; margin:10px; color: #0d3de5;}
    .plistzz{
        position: absolute;
        top: 0;
        left: -100%;
        background-color: rgba(0, 0, 0, .6);
        width: 100%;
        height: 1771%;
        z-index: 999;
        transition: 1.8s;
    }
    .plist>ul{margin: 10px;}
    .plist>ul>li{
        padding: 10px;
        color: #999;
        font-size: 16px;
    }
    .plist>ul>li>a{
        color: #999;
    }
    .plist>ul>li.active>a{
        color: #333;
    }
    .plist>ul>li:hover{
        color: #0d3de5;
    }
    .plist>ul>li>ul{
        display: none;
    }
    .plist>ul>li>ul>li{
        padding: 5px;
        color: #333;
    }
    .plist>ul>li>ul>li:hover{
        color: #0d3de5;
    }
        /* 子页通用样式 */
        .newinfomodle .newinfomain,
        .newmodle .main,
        .productlistmodle .productlistmain,
        .productmodle .productmain,
        .productinfomodle .productinfomain,
        .searchmodle .searchmain{display: block;}
    
        .newinfomodle .newinfomain .left,
        .newmodle .main .left,
        .productlistmodle .productlistmain .left,
        .productmodle .productmain .left,
        .productinfomodle .productinfomain .left,
        .searchmodle .searchmain .left{width: 100%;}
    
        .newinfomodle .newinfomain .right,
        .newmodle .main .right,
        .productlistmodle .productlistmain .right,
        .productmodle .productmain .right,
        .productinfomodle .productinfomain .right,
        .searchmodle .searchmain .right{width: 100%;}
    
        .newinfomodle .container,
        .newmodle .container,
        .productlistmodle .container,
        .productmodle .container,
        .productinfomodle .container,
        .searchmodle .container{padding: 0 20px;}
        /* new */
        .newmodle .main>.left{display: none;}
        .newmodle .right{margin-top: 20px;}
        .newmodle .right>ul>li{display: block;}
        .newmodle .right>ul>li>.lileft{width: 100%;}
        /* newlist */
        .newlistmodle{margin: 0 !important;}
           .newlistmodle .container{
        padding: 0 !important;
    }
        /* newinfo */
        .newinfomodle .newinfomain>.left{display: none;}
        /* product */
        .productmodle .right .c{width: 100%;}
        .productmodle .productmain>.left{display: none;}
        .nav2cont .on{width: 80%;margin: 0 auto;}
        /* productlist */
        .productlistmodle .right>ul>li{display: block;}
        .productlistmodle .right>ul>li>img{width: 100%;}
        .productlistmodle .right>ul>li>.txt{width: 50%;}
        .productlistmodle .right>ul>li>.txt>span:nth-child(1){font-size: 25px;}
        .productlistmodle .productlistmain>.left{display: none;}
        /* productinfo */
        .productinfomodle .productinfomain .right .content{display: block;}
        .productinfomain .content .left .cnext{top: 95%;right:0;}
        .productinfomain .content .left .cprev{top: 95%;left: 0;}
        .productinfomain>.left{display: none;}
        .s{display: none;}
        .productinfomodle .show .ss{display: block; overflow: hidden;}
        .productinfomodle .show .ss .down .img{width: 100%; object-fit: cover;}
        .productinfomodle .show .ss .down .img>img{width: 100%; border-radius: 15px;}
        .productinfomodle{margin: 50px 0;}
        .productinfomain>.left{display: none;}
        .productinfomodle .content .right>span:nth-child(1){font-size: 16px;}

        /* search */
        .searchmodle .searchmain{display: flex;flex-direction: column-reverse;}
        .searchmodle .left .r{display: block;margin: 0;}
        .searchmodle .left .cards{display: block;width: 100%;margin: 10px 0;}
        .searchmain .left .r .imgs{ width: 100%;margin: 0;}
        /* 404 */
        .modle404 .container{padding: 0 20px;} 
        .modle404 .modlemain404{display: block;}
        .modlemain404 .left{width: 100%; display: flex; justify-content: center;}
        .modlemain404 .left>img{height: 300px;}
        .modlemain404 .right{width: 100%; text-align: center;}
        .breadcrumbsbanner h2{
            font-size: 24px;
        }
	}

@media (min-width:768px) and (max-width:992px)
{
    iframe{
        width: 100%;
    }
    .fl-col{
        width: 100% !important;
    }
    .productmodle .right .down .img{
        height: auto !important;
    }
    .Aimg{
        display: none;
    }
    .nav1 .container{padding: 0 20px;}
    .nav2txt>span{margin: 10px;}
    .nav1main .center{
        display: none;
    }
    .nav1main>.right{
        margin-left: 50%;
    }
    .nav2 .carousel .carousel-item>a>img{height: 700px;}
    .nav2cont{left: 15%;}
    .nav2cont .in>div{font-size: 45px;}
    .nav2cont .on{width: 50%;}
    .nav2txt{top: 25%;} 
    .nav2lunbo{
        width: 50%;
        bottom: 5%;
    } 
    .footermain .container{
        padding: 0;
    }
    .footermain .up>ul{
        padding: 50px 50px 50px 0;
    }
    /*.main1 .container{padding: 0;}*/
    .main1 .left{
        height: 400px;
    }
    .main1 .right .up>.upright>h6{font-size: 25px;}
    .main1 .right .up>.upright{width: 75%;}
    .main1 .right .down>ul{display: block;}
    .main1 .right .down>ul>li{width: 100%;margin: 10px 0;}
    .main2{margin-top: 40px;}
    .main2 .main{display: block;}
    .main2 .left{width: 100%;text-align: center;margin-bottom: 10px;}
    .main2 .right{width: 100%;}
    .main3 .down>ul>li{
        width: 45%;
        margin: 10px;
    }
    .main4 .container{
        padding: 0 20px;
    }
    .main4 .down>ul>li{padding: 20px;}
    .main4 .down>ul>li>p{ font-size: 14px;line-height: 14px;}
    .main5{margin-top: 50px;}
    .main5 .container{padding: 0 0;}
    .main5 .main{
        display: block;
    }
    .main5 .left{width: 100%;}
    .main5 .right{width: 100%;}
    .main5 .left>p{text-align: center;}
    .main5 .left>h6{text-align: center;}
    .main5 .right>ul>li:nth-child(2){margin: 10px;}
    .main5 .right>ul>li:nth-child(4){margin: 10px;}
    .zz>.vo>video{width: 100%;}
    .main6 .container{
        padding: 0 20px ;
    }
    .main6 .container{
        padding: 0;
    }
    .main6 ul>li{
        width: 45%; 
        margin: 18px;
    }
    .main6 .m6txt{padding: 20px;margin-top: 0;}
    .main7 .down>div{width: 50%;}
    .main8 .container{
        padding: 0 20px;
    }
    .main8 .main {
        padding: 0 50px;
    }
    .main8 .main .left>h6{font-size: 35px;padding: 5px 0;}
    .main8 .main .right {right: -5%;top: -6%;}
    .main8 .main .round{right: -16%;top: -30%;}
    .main8 .main .right>img{width: 300px;}
    .main8 .main .left>div{display: flex;flex-direction: column;}
    .main8 .main .left>div>button{padding: 10px 20px;margin-bottom: 10px;}
    .zz>.vo{top: 30%;}
    .zz>.vo>video{
        width: 60%;
    }
    .pright,.plist,.plistzz{
        display: block;
    }
    .plist{
        position: absolute;
        top: 0;
        left: -100%;
        background-color: white;
        width: 350px;
        height: 1771%;
        z-index: 999;
        transition: 0.5s;
    }
    .plist>div{display: flex; justify-content: space-between;}
    .plist>div>img{height: 50px;}
    .plist>div>i{font-size: 40px; margin:10px; color: #0d3de5;}
    .plistzz{
        position: absolute;
        top: 0;
        left: -100%;
        background-color: rgba(0, 0, 0, .3);
        width: 100%;
        height: 1771%;
        z-index: 999;
        transition: 1.8s;
    }
    .plist>ul{margin: 10px;}
    .plist>ul>li{
        padding: 10px;
        color: #999;
        font-size: 16px;
    }
    .plist>ul>li>a{
        color: #999;
    }
    .plist>ul>li.active>a{
        color: #333;
    }
    .plist>ul>li:hover{
        color: #0d3de5;
    }
    .plist>ul>li>ul{
        display: none;
    }
    .plist>ul>li>ul>li{
        padding: 5px;
        color: #333;
    }
    .plist>ul>li>ul>li:hover{
        color: #0d3de5;
    }
    .main0 .main{display: none;}
    .pmain992{display: block;}
        /* 子页通用样式 */
        .newinfomodle .newinfomain,
        .newmodle .main,
        .productlistmodle .productlistmain,
        .productmodle .productmain,
        .productinfomodle .productinfomain,
        .searchmodle .searchmain{display: block;}
    
        .newinfomodle .newinfomain .left,
        .newmodle .main .left,
        .productlistmodle .productlistmain .left,
        .productmodle .productmain .left,
        .productinfomodle .productinfomain .left,
        .searchmodle .searchmain .left{width: 100%;}
    
        .newinfomodle .newinfomain .right,
        .newmodle .main .right,
        .productlistmodle .productlistmain .right,
        .productmodle .productmain .right,
        .productinfomodle .productinfomain .right,
        .searchmodle .searchmain .right{width: 100%;}
    
        .newinfomodle .container,
        .newmodle .container,
        .productlistmodle .container,
        .productmodle .container,
        .productinfomodle .container,
        .searchmodle .container{padding: 0 20px;}
        /* new */
        .newmodle .main>.left{display: none;}
        .newmodle .right{margin-top: 20px;}
        .newmodle .right>ul>li{display: block;}
        .newmodle .right>ul>li>.lileft{width: 100%;}
        /* newlist */
        .newlistmodle{margin: 0 !important; }
           .newlistmodle .container{
        padding: 0 !important;
    }
        /*.newlistmodle .c{width: 50%;}*/
        /* newinfo */
        .newinfomodle .newinfomain>.left{display: none;}
        /* product */
        .productmodle .right .c{width: 100%;}
        .productmodle .productmain>.left{display: none;}

        /* productlist */
        .productlistmodle .right>ul>li{display: block;}
        .productlistmodle .right>ul>li>img{width: 100%;}
        .productlistmodle .right>ul>li>.txt{width: 100%;}
        .productlistmodle .right>ul>li>.txt>span:nth-child(1){font-size: 25px;}
        .productlistmodle .productlistmain>.left{display: none;}
        /* productinfo */
        .productinfomodle .productinfomain .right .content{display: block;}
        .productinfomain .content .left .cnext{top: 96%;right:0;}
        .productinfomain .content .left .cprev{top: 96%;left: 0;}
        .productinfomain>.left{display: none;}
        /* search */
        .searchmodle .searchmain{display: flex;flex-direction: column-reverse;}
        .searchmodle .left .r{display: flex;margin: 0;}
        .searchmodle .left .cards{display: block;width: 47%;margin: 10px 10px;}
        .searchmain .left .r .imgs{ width: 100%;margin: 0;}
        /* 404 */
        .modlemain404 .left{display: block;margin: auto;}
        .modlemain404 .left>img{width: 100%;}
        .breadcrumbsbanner h2{
            font-size: 24px;
        }
	}

@media (min-width:992px) and (max-width:1200px)
{
    .newlistmodle .container{
        padding: 0 !important;
    }
	/*.Aimg{*/
 /*       display: none;*/
 /*   }*/
    .nav2txt>span{margin: 10px;}
    /*.nav1main .center{*/
    /*    display: none;*/
    /*}*/
    .nav1main>.right{
        /*margin-left: 50%;*/
    }
    .nav1 .container{
        padding:0;
    }
    .footermain .container{
        padding: 0;
    }
    .footermain .up>ul{
        padding:100px 100px 100px 0;
    }
    .main1 .right .up>.upright>h6{font-size: 35px;}
    .main2 .main{display: block;}
    .main2 .left{width: 100%;text-align: center;margin-bottom: 10px;}
    .main2 .right{width: 100%;}
    .main3 .down>ul>li{
        width: 45%;
        margin: 10px;
    }
    .main4 .container{
        padding: 0 20px;
    }
    .main5 .main{
        display: block;
    }
    .main5 .left>h6{text-align: center;}
    .main5 .left>p{text-align: center;}
    .main5 .right>ul>li:nth-child(2){margin: 10px;}
    .main5 .right>ul>li:nth-child(4){margin: 10px;}
    .main5 .left{width: 100%;}
    .main5 .right{width: 100%;}
    .zz>.vo>video{width: 100%;}
    .main6 .container{
        padding: 0 20px ;
    }
    .main6 ul>li{
        width: 45%;
    }
    .main6 .m6txt{padding: 20px;margin-top: 0;}
    .main8 .container{
        padding: 0 20px;
    }
    .main8 .main {
        padding: 5px 50px;
    }
    .main8 .main .right{right: 5%;top: -36%;}
    .main8 .main .round{right: -2%;top: -65%;}
    .main8 .main .right>img{width: 350px;}
    .main8 .main .left>div>button{padding: 15px 30px;margin-bottom: 10px;}
    .zz>.vo{top: 30%;}
    .zz>.vo>video{
        width: 60%;
    }
    .pright,.plist,.plistzz{
        display: none;
    }
    .plist{
        position: absolute;
        top: 0;
        left: -100%;
        background-color: white;
        width: 350px;
        height: 1771%;
        z-index: 999;
        transition: 0.5s;
    }
    .plist>div{display: flex; justify-content: space-between;}
    .plist>div>img{height: 50px;}
    .plist>div>i{font-size: 40px; margin:10px; color: #0d3de5;}
    .plistzz{
        position: absolute;
        top: 0;
        left: -100%;
        background-color: rgba(0, 0, 0, .3);
        width: 100%;
        height: 1771%;
        z-index: 999;
        transition: 1.8s;
    }
    .plist>ul{margin: 10px;}
    .plist>ul>li{
        padding: 10px;
        color: #999;
        font-size: 16px;
    }
    .plist>ul>li>a{
        color: #999;
    }
    .plist>ul>li.active>a{
        color: #333;
    }
    .plist>ul>li:hover{
        color: #0d3de5;
    }
    .plist>ul>li>ul{
        display: none;
    }
    .plist>ul>li>ul>li{
        padding: 5px;
        color: #333;
    }
    .plist>ul>li>ul>li:hover{
        color: #0d3de5;
    }
    .main0 .main{display: none;}
    .pmain992{display: block;}
        /* 子页通用样式 */
        .newinfomodle .newinfomain,
        .newmodle .main,
        .productlistmodle .productlistmain,
        .productmodle .productmain,
        .productinfomodle .productinfomain,
        .searchmodle .searchmain{display: block;}
    
        .newinfomodle .newinfomain .left,
        .newmodle .main .left,
        .productlistmodle .productlistmain .left,
        .productmodle .productmain .left,
        .productinfomodle .productinfomain .left,
        .searchmodle .searchmain .left{width: 100%;}
    
        .newinfomodle .newinfomain .right,
        .newmodle .main .right,
        .productlistmodle .productlistmain .right,
        .productmodle .productmain .right,
        .productinfomodle .productinfomain .right,
        .searchmodle .searchmain .right{width: 100%;}
    
        .newinfomodle .container,
        .newmodle .container,
        .productlistmodle .container,
        .productmodle .container,
        .productinfomodle .container,
        .searchmodle .container{padding: 0 20px;}
        /* new */
        .newmodle .main>.left{display: none;}
        .newmodle .right{margin-top: 20px;}
        .newmodle .right>ul>li{display: block;}
        .newmodle .right>ul>li>.lileft{width: 100%;}
        /* newlist */
        .newlistmodle{margin: 0 10PX;}

        /* newinfo */
        .newinfomodle .newinfomain>.left{display: none;}
        /* product */
        .productmodle .right .c{width: 47%;}
        .productmodle .productmain>.left{display: none;}

        /* productlist */
        .productlistmodle .right>ul>li{display: block;}
        .productlistmodle .right>ul>li>img{width: 100%;}
        .productlistmodle .right>ul>li>.txt{width: 100%;}
        .productlistmodle .right>ul>li>.txt>span:nth-child(1){font-size: 25px;}
        .productlistmodle .productlistmain>.left{display: none;}
        /* productinfo */
        .productinfomodle .productinfomain .right .content{display: block;}
        .productinfomain .content .left .cnext{top: 97%;right:0;}
        .productinfomain .content .left .cprev{top: 97%;left: 0;}
        .productinfomain>.left{display: none;}
        
        /* search */
        .searchmodle .searchmain{display: flex;flex-direction: column-reverse;}
        .searchmodle .left .r{display: flex;margin: 0;}
        .searchmodle .left .cards{display: block;width: 47%;margin: 10px 10px;}
        .searchmain .left .r .imgs{ width: 100%;margin: 0;}
        /* 404 */
        .modlemain404 .left{display: block;margin: auto;}
	}

@media (min-width:1200px) and (max-width:1400px)
{
	.nav1>.container{
        padding: 0;
        margin: auto;
    }
    #header .nav1main{
        justify-content:space-between;
    }
    .main6 ul>li{
        width: 45%;
    }
    .main6 .m6txt{padding: 20px;margin-top: 0;}
    .main8 .main .right>img{
        height: 450px;
    }
    .main8 .main .right {
        top: -37%;
    }
    .main8 .main .round{top: -63%;}
    /* productinfo */
    .productinfomain .content .left .cnext{top: 94%;right:0;}
    .productinfomain .content .left .cprev{top: 94%;left: 0;}
    #bg{height: 290px;}
    #bg>img{height: 100%;object-fit: cover;}
    .productinfomodle .content .right>button{width: 60%;}
	}
	
	
	.nav2m .swiper-pagination-bullet{
	    background-color: #ffffff;
	}
	
	.nav2m .swiper-horizontal>.swiper-pagination-bullets, 
	.nav2m .swiper-pagination-bullets.swiper-pagination-horizontal, 
	.nav2m  .swiper-pagination-custom, 
	.nav2m  .swiper-pagination-fraction{
	    bottom: 70px !important;
	}
	.nav2m .swiper-button-prev, 
	.nav2m .swiper-rtl .swiper-button-next{
	    left: 50px;
	}
	.nav2m  .swiper-button-next, 
	.nav2m  .swiper-rtl .swiper-button-prev{
	    right: 50px;
	}
	.nav2m  .swiper{
    --swiper-theme-color: #ffffff;
    --swiper-navigation-color: #ffffff;
  }
  
  .nbanner{
      position: relative;
  }
  
  .breadcrumbsbanner{
      position: absolute;
      top: 0;
      left: 0;
      background-color: rgba(0,0,0,.3);
      width: 100%;
      height: 100%;
      display: inline-flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
  }
  .breadcrumbsbanner h2{
      color: #ffffff;
      /*font-size: 60px;*/
  }
  .breadcrumbsbanner a{
      color: #ffffff;
      font-size: 20px;
  }
  .branner{
      display: inline-flex;
      align-items: center;
  }
   .breadcrumbsbanner i{
       color: #ffffff;
   }
  
   .breadcrumbs_ty a,
    .breadcrumbs_ty span
  {
      font-size: 18px;
      color: #000000;
  }
  .breadcrumbs_ty p{
      margin: 5px 0;
  }
   .breadcrumbs_ty{
       padding: 15px 0;
   }
   .ty_line_down{
       width: 100%;
       background-color: #cdcdcd;
       height: 1px;
   }
   .new_row{
       width: 100%;
       margin: 0;
   }
.breadcrumbsbanner h2{
    /*display: none;*/
    font-size: 34px;
}
.zf_a{
    border: 1px solid  #eeeeee;
    padding: 10px 20px;
    width: fit-content;
    display: inline-block;
    margin: 15px 0;
    text-decoration: none;
     color: inherit;
}
.zf_a:hover{
       text-decoration: none;
}
.fl-photo-content img{
    border: 1px solid  #eeeeee;
}
.inp-from{ 
    background-color: rgba(13, 61, 229,0.6) !important;
    padding: 15px;
}
.productinfomodle .tit{
    color: #ffffff !important;
} 
.productmodle .right .down .img{
    height: 250px;
    
}
.productmodle .right .down .img a{
    max-height: 100%;
    max-width: 100%;
}
.productmodle .right .down .img img{
    height: 100%;
    width: 100%;
}
.productinfomodle .down{
    background-color: rgba(13, 61, 229,0.8);
    padding: 15px;
}
.tjcp {
    height: 60px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.tjcp a{
    color: #ffffff;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.tjcp a:hover{
    color: #ffffff !important;
}
.side_content .side_list .cont li a{
    display: inline-flex;
    align-items: center;
}
.side_content .side_list .cont li a img{
    width: 23px;
    margin-right: 5px;
}
.newcon .fl-row-content-wrap,
.newcon .fl-rich-text
{
    padding-right: 0;
    padding-left: 0;
}
.cflg h6{
    color: #ffffff !important;
}
.yandex-form{
    background-color: transparent !important;
    padding: 30px 15px !important;
    border-radius: 8px;
}
.aboutus .breadcrumbs_ty{
    padding-left: 20px;
    padding-right: 20px;
}
#map{
    margin-top: 40px !important;
}
.yandex-form #form #submit{
    /*background-color: transparent !important;*/
    color: #ffffff !important;
    border: 1px solid  #ffffff !important;
}
.updown{
    justify-content: space-between;
}