/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2024-4-14, 23:34:00
    Author     : longyu-dragon
*/
body{
           margin: auto;
       }
       a{
           text-decoration: none;
           font-size: 14px;
           color: #000;
       }
       ul{
           margin: auto;
           padding: 0px;
       }
       :root {
           --wy_Color: #0f76db;
           --wy_FSThree: 22px;
       }
       .home-dec{
           font-size: 18px;
		   font-weight:600;
       }
        .menucontent{
                    display: flex;
                    max-width: 1500px;
                    width: 94%;
                    align-items: center;
                    margin: 0 auto!important;
                    justify-content: space-between;
                    line-height: 0;

            }
         .menutop{
                background-color: #fff;
                width: 100%;
                height: 150px;
                text-align: center;
                margin: auto;
                display: flex;
                justify-content: center;
            }   
         .logo{
                width: 20%;
                height: 70px;
                margin-top: 0px;
                overflow: hidden;
                position: relative;
                display: flex;
                align-items: center;
                margin: 0;
            }
            .logo img{
                width: 100%;
                height: 70px;
                margin-top: 0px;
                overflow: hidden;
                position: relative;
                display: flex;
                align-items: center;
                margin: 0;
            }
             .menuitme{
                margin-left: 10%;
                height: 150px;
                width: 80%;
                -webkit-transition: all .3s ease;
                transition: all .3s ease;
                display: flex;
                flex-wrap: wrap;
            }
            .lagandtpthon{
                width: 100%;
                line-height: 40px;
                height: 40px;
                text-align: right;
                display: flex;
                justify-content: flex-end;
                margin-top: 10px;
            }
            .menulist{
                width: 100%;
                line-height: 100px;
                height: 100px;
                
            }
            .lagcontent{
                    width: 33px;
                    height: 33px;
                    border-radius: 50%;
                    text-align: center;
                    background: var(--wy_Color);
                    line-height: 33px;
                    font-size: 16px;
                    color: #fff;
                    margin-left: 1vw;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    position: relative;
            }
            .tphoneimage{
                padding-left: 35px;
                font-size: var(--wy_FSThree);
                color: #000000;
                font-weight: bold;
                background-image: url(https://omo-oss-image1.thefastimg.com//portal-saas/new2022121217555760455/cms/image/3da3d36e-39e8-497c-9862-9d06d8efc9bd.jpg);
                background-repeat: no-repeat;
                background-repeat: no-repeat;
                background-position: left center;
            }
            .thponecontent{
                    text-align: center;
                    transition: all 0.3s cubic-bezier(0.86, 0.5, 1, 1);
                    position: relative;
                    display: block;
                    font-size: 26px;
            }
            .tphone{
                display: flex;
                margin-left: 1%;
                
            }
            .menulist ul{
                display: flex;
                flex-wrap: wrap;
                width: 100%;
                margin: 0px;
            }
            .menulist li{
                list-style: none;
                display: block;
                flex-wrap: wrap;
                width: 16%;
                text-align: center;
                max-width: 150px;
            }
            .menulist li a{
                
                width: 100%;
                text-align: center;
                list-style: none;
                color: #000;
                text-decoration: none;
            }
            .nav-sub{
                display: none;
                width: 100%;
                position: relative;
                margin-left: 0%;
                float: contour;
                z-index: 999;
                background-color: #fff;
            }
           
            .nav-sub .navul{
                width: 100%;
                display: flex;
                margin: 0px;
                padding: 0px;
                margin-top: -30px;
                background-color: #fff;
            }
            .nav-sub .navul a{
                 font-size: 14px;
                 width: 100%;
                 color: #000;
                 display: block;
            }
            .nav-sub .navulpro{
                width: 50%;
                
            }
            .nav-sub .navulpro a{
                font-size: 14px;
                font-weight: bolder;
                display: block;
                width: 100%;
            }
            .nav-sub .navulpro li a{
                font-size: 14px;
                font-weight: 500;
                width: 100%;
                
            }
            .nav-sub .navulpro:hover li a{
                font-size: 14px;
                font-weight: 500;
                color: #fff;
                
            }
            .nav-sub .navulchi{
                width: 100%;
                display: flex;
                margin: 0px;
                padding: 0px;
                
            }
            .navul li{
                width: 100%;
                height: 30px;
                line-height: 30px;
                margin: 0px;
            }
             .menulist li:hover .nav-sub{
                background-color: #fff;
                 display:flex;
                    color: #fff;
               
            }
            .menulist li:hover{
                background-color: #0062cc;
               
            }
            .menulist li:hover a{
               color: #fff;
               
            }
            
           .menulist li:hover .nav-sub .navul a{
                 font-size: 14px;
                 color: #000;
            }
            .menulist li:hover .nav-sub .navul a:hover{
                 font-size: 14px;
                 color: #fff;
            }
         .swiper-container {
        width: 100%;
       /* height: 100%;*/
        
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    .L_TopLangCon {
	background: var(--wy_Color);
	position: absolute;
	left: 20px;
	transform: translateX(-50%);
	top: 120px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.6s ease;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, .1)
        }
        .L_TopLangCon:before {
                content: '';
                position: absolute;
                top: -23px;
                left: 50%;
                transform: translateX(-50%);
                background: transparent;
                border-left: 8px solid transparent;
                border-right: 8px solid transparent;
                border-bottom: 13px solid var(--wy_Color);
                width: 10px;
                height: 10px
        }
        .L_TopLangCon a {
                width: 100px;
                text-align: center;
                display: block;
                line-height: 36px;
                color: #fff
        }
        .lagcontent:hover .L_TopLangCon {
                top: 48px;
                opacity: 1;
                transition: all 0.8s ease;
                visibility: visible
        }
        .L_TopLangCon a:hover {
                background: #333
        }
        .tit_0{
            width:100%; 
            text-align: center; 
            margin-top: 30px;
        }
        .tit_1 {
                font-size: 30px;
                font-weight: bold;
                color: #0071dc;
                text-transform: uppercase;
                margin-bottom: 0px;    
        }

        .tit_2 {
                font-size: 20px;
                color: #333333;
                 margin-top: 5px;  
        }
        .proitme1{
            width:50%; background-image: linear-gradient(to bottom, #afc5d9, #91abc1);
        }
        .proitme2{
            width:50%; background-image: linear-gradient(to bottom right, #dee7f0 1%, #91abc1 99%);
        }
        .proitmecontent1{
            width:98%; text-align: right;  margin-left: 2%;
        }
        .proitmecontent2{
            width:98%; text-align: left; 
        }
        .proitmecontent1:hover .showmore{
            display: block;
        }
        .proitmecontent2:hover .showmore{
            display: block;
        }
        .ro{
            width: 60%;
        }
        .showmore{
            display: none;
        }
        .showdianji{
            
            width:150px; height: 70px; background-color: #6164664f; color: #fff; text-align: center; line-height: 20px; padding-top: 15px;
            font-size: 12px;
        }
        .cbox-3-0 {
            flex: 0 0 35%;
            align-self: center;
        }
        .e_text-6{
            line-height: normal;
            font_radio: 2;
            color: #0071dc;
            font-size: 48px;
            font-weight: bold;
        }
        .aboutwith{
            width: 49.9%;
        }
        .hengxianwidth{
            width:50%;
        }
        .aboutmore{
            color: #0071dc;font-size: 16px; margin-top: 3%; margin-left: 2%;
        }
        .aboutcontent{
            font-size: 16px; text-align: left; text-indent: 30px; line-height: 30px;
        }
        .lianxiwomen{
            width: 30%;
        }
        .footermenu{
            width:50%;
        }
        .erweima{
            width:20%;
            text-align: center;
            padding-top: 15px;
        }
        .mobilemenu{
            display: none;
        }
        .mobilemenuclose{
            display: none;
        }
         .indexmenu{
               visibility:hidden;
            }
        @media(max-width:1420px)
        {
            .e_text-6{
                line-height: normal;
                font_radio: 2;
                color: #0071dc;
                font-size: 38px;
                font-weight: bold;
            }
            .aboutcontent{
                font-size: 16px; text-align: left; text-indent: 30px; line-height: 23px;
            }
        }
        @media(max-width:1130px)
        {
            .e_text-6{
                line-height: normal;
                font_radio: 2;
                color: #0071dc;
                font-size: 28px;
                font-weight: bold;
            }
            .aboutcontent{
                font-size: 14px; text-align: left; text-indent: 30px; line-height: 15px;
            }
        }
        @media (max-width: 768px)
        {
            .menutop{
               height: 70px;
                position: fixed;
                background: #fff;
                z-index: 100;
                top: 0px;
                width: 100%;
                display: block;
                left: 0;
            }
            .menucontent{
                width: 100%;
                background-color: #fff;
                height: 70px;
            }
            .logo{
                width: 40%;
                height: 70px;
                margin-top: 0px;
                overflow: hidden;
                position: relative;
                display: flex;
                align-items: center;
                margin: 0;
            }
            .logo img{
                width: 100%;
                height: 70px;
                margin-top: 0px;
                overflow: hidden;
                position: relative;
                display: flex;
                align-items: center;
                margin: 0;
            }
            .menuitme{
                display: none;
            }
            .swiper-container {
               margin-top: 75px;

            }
            .tit_0{
                width:100%; 
                text-align: center; 
                margin-top: 10px;
            }
            .tit_1 {
                font-size: 25px;
                font-weight: bold;
                color: #0071dc;
                text-transform: uppercase
            }

            .tit_2 {
                    font-size: 16px;
                    color: #333333
            }
            .proitme1{
                width:100%; background-image: linear-gradient(to bottom, #afc5d9, #91abc1);
            }
            .proitme2{
                width:100%; background-image: linear-gradient(to bottom right, #91abc1 1%, #dee7f0 99%);
            }
            .proitmecontent1{
                width:98%; text-align: center;  margin-left: 2%;
            }
            .proitmecontent2{
                width:98%; text-align: center; 
            }
            .ro{
                width: 80%;
            }
            .showdianji{
               
                width:150px; height: 70px; background-color: #6164664f; color: #fff; text-align: center; line-height: 30px;
            }
            .showmore{
                display: none;
            }
            .aboutwith{
                width: 100%;
            }
            .hengxianwidth{
                width:48%;
            }
            .aboutmore{
                color: #0071dc;font-size: 16px; margin-top: 1%; margin-left: 2%;
            }
            .aboutcontent{
                font-size: 14px; text-align: left; text-indent: 30px; line-height: 22px;
            }
            .lianxiwomen{
                width: 100%;
            }
            .footermenu{
                display: none;
            }
            .erweima{
                display: none;
            }
            .mobilemenu{
                display: block;
                margin-right: 5%;
            }
            .mobilemenuclose{
                margin-right: 5%;
                display: none;
                color:#0f76db;
                font-size: 25px;
            }
            .indexmenu{
                
                width: 0px;
                height: 100ch;
                background-color: #fff;
                position: fixed;
                top:70px;
                left:0;
                transition: width 1s ;
            }
            .mobliediv{
                width:95%; margin-left: 5%; 
            }
        }