body,div,image,ul,li,p,label,img,input{
    margin:0px;
    padding:0px;
}

body{
    width:100%;
    height:auto;
    /*background-color:#ECEFF7;*/
    background-color: #182147;
    overflow-x: hidden;
}

.flex_row{
    display:flex;
    flex-direction:row;
}

.flex_start_row{
    display:flex;
    flex-direction:row;
    justify-content:start;
}

.flex_center_row{
    display:flex;
    flex-direction:row;
    justify-content:center;
}

.flex_center_row{
    display:flex;
    flex-direction:row;
    justify-content:space-evenly ;
}



.flex_column{
    display:flex;
    flex-direction:column;
}

.flex_start_column{
    display:flex;
    flex-direction:row;
    justify-content:start;
}

.flex_center_column{
    display:flex;
    flex-direction:row;
    justify-content:center;
}

.flex_center_column{
    display:flex;
    flex-direction:row;
    justify-content:space-evenly ;
}


.flex_center{
    justify-content: center;
}

.flex_start{
    justify-content:start ;
}
.flex_flex_start{
    justify-content:flex-start ;
}


.company_text_line{
    width:80%;
    height:auto;
    text-align:left;
    color:white;
    font-size:14px;
    line-height:40px;

}

.company_title{
    text-align:center;
    font-size:16px
}
.text_inline{
    text-indent:50px;
}
.margin_top{
    margin-top:20px;
}


.radius_style{
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
}
.shadow_style{
    box-shadow:0px 0px 5rem #cddfe8;
    -webkit-box-shadow:0px 0px 5rem #cddfe8;
    -moz-box-shadow:0px 0px 5rem #cddfe8;
    -ms-box-shadow:0px 0px 5rem #cddfe8;
}


/**通用部分div***/
.default_div{
    width:100%;
    height:auto;
    float:left;
    min-width:900px;
}


/**head头部div***/
.head_div{
    position:fixed ;
    z-index:99999999;
    width:100%;
    height:70px;
    border-bottom:1px solid rgba(24,24,24,0.05);
    background-color: rgba(255,255,255,0.1);
    color: white;
}
.head_div:hover{
    box-shadow:0 4px 15px rgba(0,0,0,0.08);
    background-color:white;
    transition:background-color 0.7s ease;
    color:black;
}

.head_div_active{
    box-shadow:0 4px 15px rgba(0,0,0,0.08);
    background-color:white;
    transition:background-color 0.7s ease;
    color:black;

}


.head_div:hover .nav_title{
    /*box-shadow:0 4px 15px rgba(0,0,0,0.08);*/
    /*background-color:white;*/
    transition:background-color 0.7s ease;
    color: #333330;
}



.head_position_div{
    z-index:99999;
    width:100%;
    min-width:900px;
}

.head_content_div{
    position:absolute;
    width:100%;
    height:70px;

}

/**center中部div***/
.center_div{
    width:100%;
    height:auto;
    background-color:#F2F5F7;
}

/**item行级通用div***/
.item_div{
    width:auto;
    height:auto;
}

.nav_img_div{
    float:left;
}

.nav_img{
    float:left;
    width:80px;
    width:240px;
    height:40px;
    margin-top:15px;
    margin-left:20px;
}

.nav_title{
    float:left;
    width:auto;
    height:70px;
    line-height:70px;
    margin-left:20px;
    font-size:20px;
    color:white;

}

.nav_left_ul_title{
    float:left;
    text-align:center;
}

.nav_left_ul{
    width:100%;
    float:left;
    list-style:none;
    line-height:70px;
    margin-left:5%;
}
.nav_left_ul li{
    float:left;
    width:120px;
    font-size:14px;
}

.nav_left_ul li:hover{
    float:left;
    width:120px;
    font-size:14px;
    color:blueviolet;
    cursor: pointer;
}


.nav_right_ul_title{
    float:right;
    text-align:center;
    width:20%;
}

.nav_right_ul{
    width:100%;
    float:left;
    list-style:none;
    line-height:70px;
}

.nav_right_ul li{
    float:left;
    width:120px;
    font-size:14px;
}

.nav_right_ul li:hover{
    float:left;
    width:120px;
    font-size:14px;
    color:blueviolet;
    cursor: pointer;
}

/**
 *【鼠标悬浮-背景闪光效果】--只针对div
 */
.flash_bg {
    width: auto;
    text-decoration: none;
    text-transform: uppercase;
    transition: 0.5s;
    overflow: hidden;
}

.flash_bg:hover {
    background: #ECEFF7;
    color: #f4f5f8;
    box-shadow: 0 0 5px #f3f5fa, 0 0 25px #f3f5fa, 0 0 50px #f3f5fa, 0 0 200px #f3f5fa;
    border-radius:360px;
}

.center_advertising_div{
    width:100%;
    height:500px;
    background-image:url("../images/advertising_img/center_yasuo_bg.png");
    background-size:cover;
    background-position: center;
}


.center_service_introduce_div{
    display:flex;
    flex-direction:row;
    justify-content: center;
    width:100%;
    height:auto;
    background-color:white;
    /*background: rgb(236,239,247);*/
    /*background: linear-gradient(90deg, rgba(236,239,247,1) 0%, rgba(255,255,255,1) 46%, rgba(236,239,247,1) 100%);*/
    background-color: #182147;
    background: linear-gradient(90deg, rgba(10,10,46,1) 0%, rgba(9,18,57,1) 50%, rgba(14,8,52,1) 100%);

    /*background-image:url("../images/service_bg_02.jpg");*/
    /*background-size:cover;*/
    /*background-position: center;*/
    min-width:900px;

}


.company_panel_div {
    position: relative;
    height: 500px;
    margin-top: 10px;
}

.company_left_div{
    width:30%;
    /*min-width:200px;*/
    height:400px;
    /*background-color:#1f2a5a;*/
    /*background-color: #111734;*/
    /*border:1px solid #2a3c8a;*/
}
.company_tab_box{
    height:130px;
    font-size:18px;
    text-align: center;
    line-height:130px;
}



.company_right_div{
    width:70%;
    height:400px;
    margin-left:30px;
    text-shadow:0px 5px 5px #225479;
}

.service_introduce_box_div{
    display:flex;
    flex-direction:column;
    justify-content: center;
    width:80%;
    height:auto;
    margin-top:50px;
    min-width:1200px;
    background-color: #1f2a5a;
    border:1px solid #2a3c8a;
    margin-bottom:50px;
    border-radius:6px;

}

.center_line_panel{
    display:flex;
    flex-direction:column;
    justify-content: center;
    width:80%;
    min-width:1200px;

    /*border:1px solid #2a3c8a;*/
    margin-bottom:50px;
    border-radius:6px;
}

.company_panel {
    /*background-color: #1c285e;*/
    margin-top: 40px;
    /*background-color: #1f2a5a;*/
    /*border:1px solid #2a3c8a;*/
    /*border-bottom:1px solid #4c588a;*/
}

.product_panel{
    /*background-color: #1c285e;*/
    margin-top:20px;
}


.product_case_div{
    height:700px;
    margin-top:30px;
}


.company_desc_div{
    /*color:#277a1a;*/
    /*text-shadow: 4px 4px 4px #b2adad;*/
    /*text-stroke: 10px #277a1a;*/

    color: white;
    width:100%;
    height:100px;
    /*background: linear-gradient(90deg, rgba(236,239,247,1) 0%, rgba(255,255,255,1) 46%, rgba(236,239,247,1) 100%);*/
    text-align:center;
    line-height:80px;
    font-size:24px;
    font-weight: lighter;
    font-weight:bold;
    font-family: "Cambria Math";
    letter-spacing:5px;
    /*border-bottom:1px solid #f1f2f6;*/
    min-width:900px;
}



.service_desc_div{
    /*color:#277a1a;*/
    /*text-shadow: 4px 4px 4px #b2adad;*/
    /*text-stroke: 10px #277a1a;*/

    color: white;
    width:100%;
    height:100px;
    /*background: linear-gradient(90deg, rgba(236,239,247,1) 0%, rgba(255,255,255,1) 46%, rgba(236,239,247,1) 100%);*/
    text-align:center;
    line-height:80px;
    font-size:24px;
    font-weight: lighter;
    font-weight:bold;
    font-family: "Cambria Math";
    letter-spacing:5px;
    /*border-bottom:1px solid #f1f2f6;*/
    min-width:900px;
}

.company_item_big_div{
    display:flex;
    flex-direction:row;
    justify-content: center;
}



.service_item_big_div{
    display:flex;
    flex-direction:row;
    justify-content: center;
    margin-top:50px;
}

.service_content_div{
    height:500px;
}

.service_introduce_item_div{
    border:1px solid #f5e5e5;
    margin-left:2%;
    border-radius:10px;
    border:1px solid transparent;

    /*box-shadow:0px 0px 5rem #5b5d6b;*/
    /*-webkit-box-shadow:0px 0px 5rem #5b5d6b;*/
    /*-moz-box-shadow:0px 0px 5rem #5b5d6b;*/

    box-shadow:0px 0px 5rem #0d1654;
    -webkit-box-shadow:0px 0px 5rem #0d1654;
    -moz-box-shadow:0px 0px 5rem #0d1654;

    background-color: rgba(47,57,102,0.8);

    display:flex;
    flex-direction:column;
    justify-content:start;
}

.service_introduce_item_div:hover{
    box-shadow:0 4px 15px rgba(0,0,0,0.08);
    background-color: #ffffff;
    transition:background-color 1s ease;
    /*border-bottom:1px solid #cddfe8;*/
    /*border-left:1px solid #cddfe8;*/
    /*border-right:1px solid #cddfe8;*/
    background-color:#2f3966;

}
.service_introduce_item_div:hover .service_item_title{
    transition:background-color 1s ease;
    /*background-image: radial-gradient( circle farthest-corner at 10% 20%,  rgba(90,92,106,1) 0%, rgba(32,45,58,1) 81.3% );*/
    /*background: linear-gradient(90deg, rgba(10,10,46,1) 0%, rgba(3,9,29,1) 50%, rgba(14,8,52,1) 100%);*/
    color:white;
}

.font_back_box_div{
    position:relative;
    width:20%;
    margin-left:2%;
    perspective:2000px;
    min-width:225px;
}
.font_back_box_div:hover .font_div{
    transform: rotateY(180deg);
    background-color:#2f3966;
}


.font_div, .back_div{
    position:absolute;
    width:100%;
    height:420px;
    backface-visibility: hidden;
    transition:transform .25s ease-in-out;
}

.font_div{
    transform: rotateY(0deg);
    /*background-color: rgba(255,255,255,0.8);*/
    background-color: rgba(47,57,102,0.8);
}

.back_div{
    transform: rotateY(-180deg);
}
.font_back_box_div:hover .back_div{
    transform: rotateY(0deg);
}

.transService_font_div{
    transform: rotateY(180deg);
    background-color:#2f3966;
}
.transService_back_div{
    transform: rotateY(0deg);
}




.service_item_title{
    width:100%;
    height:50px;
    /*background-image: radial-gradient( circle 815px at 23.4% -21.8%,  rgba(9,29,85,1) 0.2%, rgba(0,0,0,1) 100.2% );*/
    line-height:50px;
    text-align:center;
    font-size:15px;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    /*background-image: radial-gradient( circle farthest-corner at -4% -12.9%,  rgba(74,98,110,1) 0.3%, rgba(30,33,48,1) 90.2% );*/
    /*background-image: linear-gradient( 179.4deg,  rgba(12,20,69,1) -16.9%, rgba(71,30,84,1) 119.9% );*/
    /*background-image: linear-gradient( 179.4deg, rgb(245, 252, 251) -16.9%, rgb(242, 233, 245) 119.9% );*/
    /*background-image: linear-gradient( 179.4deg, rgb(221, 245, 239) -16.9%, rgb(229, 193, 243) 119.9% );*/
    /*background-color: #3E6CB4;*/
    background-color: #235cb2;
    color: #277a1a;
    color:white;
    letter-spacing:2px;
}

.service_talk_div{
    width:20px;
    height:20px;
    background-image:url("../images/advertising_img/service_talk_01.png");
    background-size:20px 20px;
    background-repeat:no-repeat;
    background-color: #0d1654;
}


.flex_row_div{
    width:100%;
    height:auto;
    display:flex;
    flex-direction:column;
    justify-content:start;
}
.flex_column_div{
    width:100%;
    height:auto;
    display: flex;
    flex-direction:column;
}

.flex_center_div{
    width:100%;
    align-items:center;
    /*justify-content: center;*/
}

.service_log{
    margin-top:20px;
    width:100px;
    height:100px;
    /*background-color: #657698;*/
    background-color: #235cb2;
    border-radius:360px;
}

.service_log_div{
    background-image:url("../images/advertising_img/service_consult_01.png");
    background-size:75px 75px;
    background-position: center;
    background-repeat:no-repeat;
    background-position-y:15px;

}
.service_venue_div{
    background-image:url("../images/advertising_img/service_venue_01.png");
    background-size:60px 60px;
    background-position: center;
    background-repeat:no-repeat;
    background-position-y:15px;
}

.service_develop{
    background-image:url("../images/advertising_img/service_develop_01.png");
    background-size:70px 70px;
    background-position: center;
    background-repeat:no-repeat;
    background-position-y:15px;
}

.service_talk24_div{
    background-image:url("../images/advertising_img/service_talk_02.png");
    background-size:70px 70px;
    background-position: center;
    background-repeat:no-repeat;
    background-position-y:15px;
}


.service_text_div{
    width:70%;
    margin-top:10px;
    /*background-color: #0d1654;*/
    color:white;
    text-align:center;

}

.service_customer_text_div{
    text-align:left;
}

.service_text{
    width:100%;
    list-style-type: disc;
    font-size:14px;
    margin-top:10px;
    text-align:center;
}


.talk_btn_div{
    float:left;
    margin-top:10px;
    width:100px;
    height:40px;
    background-color:#235cb2;
    font-size:14px;
    line-height:40px;
    border-radius:12px;

    background-image:url("../images/advertising_img/service_talk_02.png");
    background-size:20px 20px;
    background-repeat:no-repeat;
    background-position:5px;

    text-indent:15px;
    box-shadow:2px 2px 2px #0d1654;
}
.talk_btn_div:hover{
    background-color:#277a1a;
    cursor:pointer;
}


.talksend_btn_div{
    float:left;
    margin-top:10px;
    width:100px;
    height:40px;
    background-color:#235cb2;
    font-size:14px;
    line-height:40px;
    border-radius:12px;

    background-image:url("../images/advertising_img/service_talk_01.png");
    background-size:20px 20px;
    background-repeat:no-repeat;
    background-position-x:8px;
    background-position-y:10px;

    text-indent:15px;
    box-shadow:2px 2px 2px #0d1654;
}
.talksend_btn_div:hover{
    background-color:#277a1a;
    cursor:pointer;
}




.line_title_span{
    position:relative;
    left:-115px;
    top:3px;
    width:15px;
    height:2px;
    border-bottom:2px solid #3498db;
}

.line_span{
    position:relative;
    left:-68px;
    top:3px;
    width:15px;
    height:2px;
    border-bottom:2px solid #3498db;
}

.project_case_div{
    width:100%;
    height:auto;
    display:flex;
    flex-direction:column;
    justify-content: center;
    min-width:900px;
    background-color: #182147;
    background: linear-gradient(90deg, rgba(10,10,46,1) 0%, rgba(9,18,57,1) 50%, rgba(14,8,52,1) 100%);

}

.project_case_title_div{
    width:80%;
    height:100px;
    text-align:center;
    margin-left:10%;
    line-height:80px;
    min-width:900px;
}

.project_case_box{
    width:80%;
    height:500px;
    display:flex;
    flex-direction:row;
    justify-content:center;
    background-color: #cddfe8;
    margin-left:10%;
    min-width:900px;
}

.case_item_box{
    position: relative;
    clip-path: polygon(125px 0, 250px 95px, 205px 250px, 45px 250px, 0 95px);
    float:left;
    width:250px;
    height:250px;
    background-color: #3498db;
    margin-left:5%;
}

.product_panel_div{
    position:relative;
    height:500px;
    background: linear-gradient(90deg, rgba(10,10,46,1) 0%, rgb(34, 44, 86) 50%, rgba(14,8,52,1) 100%);
    /*background: linear-gradient(90deg, rgba(10,10,46,1) 0%, rgb(34, 44, 86) 50%, rgba(14,8,52,1) 100%);*/
    /*background: linear-gradient(90deg, rgba(10,10,46,1) 0%, rgb(34, 44, 86) 50%, rgba(14,8,52,1) 100%);*/
    margin-top:10px;
}

.content_item_box{
    width:250px;
    height:250px;
    margin-left:3%;
    margin-top:50px;
    min-width:225px;
    color:white;
    border:1px solid #0d1654;
    background-color: #3498db;
}

/****五边形*****/
.pentagon_style{
    position: relative;
    clip-path: polygon(125px 0, 250px 95px, 205px 250px, 45px 250px, 0 95px);
}



.pentagon_img_01{
    background-image:url("../images/product_img/01.jpg");
    background-size:cover;
    background-position: center;
    background-repeat: no-repeat;
    left:-700px;
    display:block;
}
.pentagon_img_02{
    margin-top:100px;
    background-image:url("../images/product_img/02.jpg");
    background-size:cover;
    background-position: center;
    background-repeat: no-repeat;
    display:none;

}
.pentagon_img_03{
    margin-top:100px;

    background-image:url("../images/product_img/03.jpg");
    background-size:cover;
    background-position: center;
    background-repeat: no-repeat;
    display:none;
}
.pentagon_img_04{
    position:relative;
    background-image:url("../images/product_img/04.jpg");
    background-size:cover;
    background-position: center;
    background-repeat: no-repeat;
    display:block;
    right:-700px;
}

.product_desc_div{

}

.pentagon_text_div{
    position:absolute;
    bottom:0px;
    width: 250px;
    min-width: 225px;
    height: 50px;
    background-color: rgba(209, 215, 246, 0.6);
    color: white;
    text-align:center;
    font-size:18px;
    line-height:40px;
    display:none;
}
.pentagon_style:hover .pentagon_text_div{
    background-color: #3498db;
}

.pentagon_text_color{
    position:absolute;
    bottom:0px;
    left:-200px;
    width: 300px;
    min-width: 225px;
    height: 50px;
    background-color: rgba(92, 115, 231, 0.1);
    transform: rotateZ(72deg);
}

.pentagon_text_color_animation{
    animation: pentagon_text_div_animation 2s linear infinite;
}





@keyframes pentagon_text_div_animation {
    0% {
        left:-300px;
        bottom:0px;
        background-color: rgba(92, 115, 231, 0.6);
    }
    50% {
        left:-100px;
        bottom:0px;
        background-color: rgba(128, 194, 66, 0.6);
    }
    100% {
        left:100px;
        bottom:150px;
        background-color: rgba(92, 115, 231, 0.6);
    }
}

.mg_top{
    margin-top:40px;
}
.cooperation_brand_div{
    display:flex;
    flex-direction:column;
    height:auto;
    margin-top:30px;
}
.brand_item_div{
    display:flex;
    flex-direction:row;
    justify-content:space-evenly;
    margin-top:5%;
}

.brand_div{
    width:200px;
    height:100px;
    /*background-color: #0b3856;*/
    /*background-image: url("../images/brands/brand_01.png");*/
    background-repeat:no-repeat;
    background-size: revert ;
    background-position: center;


}