@font-face {

    font-family: "SourceHanSansCNNormal", Arial;

    src: url("/images/SourceHanSansCN-Normal.ttf");

}

li{

    list-style: none;

}

.header{

    background:rgba(4, 57, 131, 0.75);

    position: fixed;

    top: 0;

    left: 0;

    z-index: 99;

}

.header ul{

    margin-top: 0px;

    margin-bottom: 0px;

}

.header ul li {

    display: flex;

    flex-direction: column;

    justify-content: center;

    padding-top: 20px;

    padding-bottom: 20px;

}

img{

    max-width: 101%;

}

.header_a{

    display:block;

    color: #ffffff;

    text-decoration: none;

}

.header_a:hover{

    text-decoration: none;

    color: #ffffff;

}

.square{



    position: fixed;

    background: #032554;

    height: 50px;

    right: 0px;

    width: 100%;

    z-index: 99999999;

}

.mobile{

    padding: 5px 5px 5px 0px;

    display: flex;

    width:50px;

    flex-direction: column;

    justify-content: space-between;

    align-items: flex-end;

    position: fixed;

    top: 0px;

    right: 0;

    z-index: 99999999;

}

.mobile b{

    width: 40px;

    height: 4px;

    margin-top: 8px;

    background: #ffffff;

    display: inline-block;

}

.menu_open{

    z-index: 122;

}

.menu_open b:first-child{

    width: 40px;

    height: 4px;

    display: block;

    margin-top: 18px;

    transform: rotate(45deg);

     -webkit-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

}

.menu_open b:last-child{

    width: 40px;

    height: 4px;

    display: block;

    transform: rotate(-45deg);

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

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

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

    margin-top: -16px;

}

.menu_open{

    top:-9px;

}

.nav_box{

    position: absolute;

    left: 0;

    top:100%;

    background: #ffffff;

    width: 100%;

    text-align: left;

    padding: 10px 0 20px 0px;

}

.product_header{

    color: #f08927;

    font-size: 18px;

}

.link_color div a{

    color: #000000;

    font-size: 14px;

}

.link_color div a{

    border-bottom: none;

}

.link_color a{

    color: #000000;

}

.link_color a:hover{

    color: #f08927;

    text-decoration: none;

}

.link_color div a:hover{

    color: #f08927;

    text-decoration: none;

}

.example{

    margin-top: 100px;

    padding-bottom: 100px;



}

.example_title{

    color: #393939;

    font-size: 33px;

    font-weight: bold;

    padding: 0 24px;

    background: url(../images/icon3.png) no-repeat left top;

    position: relative;

}

.example_en{

    font-size: 26px;

    color: #033e88;

    text-transform: uppercase;

}

.symbol{

    font-size: 36px;

    color:#033e88;

    padding-left: 10px;

    padding-right: 10px;

}

.title{

    margin-top: 20px;

    color: #777777;

    padding:10px;

    border: 0px solid #999999;

    text-align: center;
    
}



.home_case h3 span{

    color: #014090;

    font-size: 22px;

    font-weight: normal;

    padding-bottom: 22px;

    margin-bottom: 25px;

    position: relative;

}

.home_case h3 {

    font-size: 22px;

    font-weight: normal;

    padding-bottom: 0px;

    margin-bottom: 5px;

    position: relative;

    margin-top: 25px;

    display: inline-block;

    color: #014090;

    text-transform: uppercase;

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

    padding-right: 38px

}

.home_case h4 {

    font-size: 14px;

    font-weight: normal;

    position: relative;

    display: inline-block;

    color: #014090;

    text-transform: uppercase;

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

    padding-right: 38px

}

.home_case:hover{

    text-decoration: none;

}

.home_case_info{

    font-family: "SourceHanSansCNNormal", Arial;

    color: #666666;

    font-size: 15px;

    line-height: 24px;

    word-wrap: break-word;



}

.img_big div{

    overflow: hidden;

    margin-left: 60px;



}

.img_quality div img{

    width: 100%;

    transition: all 1s;

    -moz-transition: all 1s;

    -o-transition: all 1s;

    -webkit-transition: all 1s;

    -ms-transition: all 1s;

}

.img_quality div{

    overflow: hidden;

    /*width: 100%;*/

}

.img_quality div a {

    overflow: hidden;

    display: block;

}

.img_quality div img:hover{

    transform: scale(1.1);

    transition: all 1s;

    -moz-transition: all 1s;

    -o-transition: all 1s;

    -webkit-transition: all 1s;

    -ms-transition: all 1s;

}

.img_big div img{

    width: 100%;

    transition: all 1s;

    -moz-transition: all 1s;

    -o-transition: all 1s;

    -webkit-transition: all 1s;

    -ms-transition: all 1s;

}

.img_big div img:hover{

    transform: scale(1.1);

    transition: all 1s;

    -moz-transition: all 1s;

    -o-transition: all 1s;

    -webkit-transition: all 1s;

    -ms-transition: all 1s;

}

.example_back{

    background: url("/images/home_bg.jpg") no-repeat;

    padding-left: 60px;

}

.resolve_title{

    color: #ffffff;

    font-size: 33px;

    font-weight: bold;

    padding: 0px 0px 0px 24px;

    background: url(../images/icon5.png) no-repeat left top;

    position: relative;

}

.example_title{

    color:#393939;

    font-size: 33px;

    font-weight: bold;

    padding: 0px 0px 0px 24px;

    background: url(../images/icon3.png) no-repeat left top;

    position: relative;

}

.example_info{

    display: none;

}

.example_info_0{

    display: block;

    padding-bottom: 10px;

}

.resolve_en{

    font-size: 26px;

    color: #ffffff;

    text-transform: uppercase;

    padding: 0px 24px 0px 0px;

    background: url(../images/icon6.png) no-repeat right bottom;

    position: relative;

}

.example_en{

    font-size: 26px;

    color: #033e88;

    text-transform: uppercase;

    padding: 0px 24px 0px 0px;

    background: url(../images/icon6.png) no-repeat right bottom;

    position: relative;

}

.symbol{

    font-size: 36px;

    color:#ffffff;

    padding-left: 10px;

    padding-right: 10px;

}

.example_en:before {

    content: "";

    position: absolute;

    right: 0;

    bottom: 0;

    width: 16px;

    height: 17px;

    background: url(../images/icon4.png) no-repeat center center;

}

.example_real{

    display: none;

}

.example_0{

    display: block;

}



    .example_circle{

        font-size: 36px;

        color: #033e88;

        padding-left: 10px;

        padding-right: 10px;

    }

    .resolve_header a h3{

        color: #ffffff;

        font-size: 22px;

        font-weight: normal;

        padding-top: 30px;

    }

    .resolve_bottom{

        margin-top: 2%;

        color: #ffffff;

        font-size: 14px;

        line-height: 24px;

    }

    .resolve{

        background: none;

        color: rgb(102, 102, 102);

    }

    .resolve_toggle_0{

        background: #014090;

        color: #ffffff

    }

    .img_control{

        position: absolute;

        bottom: 70px;

        left: 47.4%;

    }

    .img_prev{

        background: url("/images/prev1.png") no-repeat center center;

        width: 50px;

        height: 50px;

    }

    .img_next{

        background: url("/images/next1.png") no-repeat center center;

        width: 50px;

        height: 50px;

    }

    .resolve_padding{

        padding: 100px 50px

    }

    .quality{

        padding: 0px 0 78px;

    }

    .intro{

        color: #393939;

        font-size: 33px;

        font-weight: bold;

        padding: 0px 0px 0px 24px;

        background: url(../images/icon3.png) no-repeat left top;

        position: relative;

    }

    .intro_symbol{

        color: #393939;

    }

    .intro_en{

        font-size: 26px;

        color: #393939;

        text-transform: uppercase;

        padding: 0px 24px 0px 0px;

        background: url(../images/icon4.png) no-repeat right bottom;

        position: relative;

    }

    .quality_a{

        color: #ffffff;

        position: relative;

        text-decoration: none;

    }

    .quality_a h3:hover{

        color: #ffffff;

    }

    .quality_pos{

        position: absolute;

        left: 30px;

        top: 30px;

        color: #f3f3f3;

        font-size: 30px;

        z-index: 6;

        /*line-height: 33px;*/

}

.quality_pos h3{

    padding-bottom: 20px;

}

.quality_pos h3:before{

    content: "";

    position: absolute;

    left: 0;

    bottom: 55px;

    width: 28px;

    height: 2px;

    background: #cfcfcf;

}

.quality_pos div{

color: #c4e3f8;

font-size: 15px;

font-family: arial;

text-transform: uppercase;

line-height: 20px;

}

.quality_04 h3{

    font-size: 20px;

}

.quality_04 div{

    color: #959697;

    font-size: 15px;

    font-family: arial;

    text-transform: uppercase;

    line-height: 20px;

}

.quality_02 h3{

    color: #333333;

    font-size: 20px;

    line-height: 22px;

    padding-bottom: 16px;

    margin-bottom: 10px;

    position: relative;

}

.quality_02 h3:before{

    content: "";

    position: absolute;

    left: 0;

    bottom:0px;

    width: 28px;

    height: 2px;

    background: #cfcfcf;

}

.quality_02 div{

    color: #959697;

}

.news_symbol{

    color: #033e88;

}

.news_en{

    color: #033e88;

}

.quality2{

    padding: 0px 0 30px

}

.news{

    padding-bottom: 60px;

    color: #777777;

}

.news div div{

    padding:10px 0 10px 0;

    border-radius: 20px;

    /*background: #093c8a;*/

}

.news_title{

    text-decoration: none;

    color: #323232;

    font-size: 17px;

    font-weight: normal;

    text-overflow: ellipsis;

    overflow: hidden;

}

.news_title:hover{

    text-decoration: none;

}

.news_desc{

    margin-top: 8px;

    color: #888888;

    font-size: 15px;

    line-height: 24px;

    height: 48px;

    overflow: hidden;

}

.news_desc:hover{

    text-decoration: none;

}

.real_news{

    padding: 20px 0px 20px 0px;

}

.real_news:hover{

    background:  #033e88;

}

.real_news:hover .news_title{

    color: #ffffff;

}

.real_news:hover .news_desc{

    color: #ffffff;

}

.news_date{

    color: #666;

    text-decoration: none;

}

.news_date:hover{

    color: #ffffff;

    text-decoration: none;

}

.real_news:hover .news_date{

    color:#ffffff

}

.news_img div a{

    overflow: hidden;

    display: block;

}

.news_img div a img{

    width: 100%;

    transition: all 1s;

    -moz-transition: all 1s;

    -o-transition: all 1s;

    -webkit-transition: all 1s;

    -ms-transition: all 1s;

}

.news_img div a img:hover{

    transform: scale(1.1);

    transition: all 1s;

    -moz-transition: all 1s;

    -o-transition: all 1s;

    -webkit-transition: all 1s;

    -ms-transition: all 1s;

}

.footer{

  background: #112543;

    padding-bottom: 100px;

}

.footer div{

    color:#ffffff

}

.footer_child a{

    padding-top: 10px;

    display: inline-block;

    color: #8799b2;

    font-size: 12px;

    text-decoration: none;

}

.footer_child a:hover{

    text-decoration: none;

}

.contact h3{

    color: #afb6c1;

    font-size: 22px;

    font-weight: normal;

}

.text{

    margin-top: 18px;

    color: #ffffff;

    font-size: 15px;

    line-height: 28px;

}

.phone{

    margin-top: 18px;

    color: #ffffff;

    font-size: 32px;

    font-family: arial;

    font-weight: bold;

    background: url(../images/dh.png) no-repeat left center;

    padding-left: 42px;

}

.header_top{

    padding-right: 160px;

    padding-left: 160px;

}

.product_top_01{

    position: absolute;

    top:50%;

    transform: translate(-50%,-50%);

    color: #ffffff;

    font-size: 38px;

    line-height: 48px;

}

@media screen and (max-width: 1200px) {

    .phone{

        font-size: 20px;

    }

    .header_top{

        padding-right:0px;

        padding-left:0px

    }

}

@media screen and (max-width: 768px){

    .footer{

        padding-bottom: 0px;

    }

    .img_control{

        left: 34%;

    }

    .product_top_01{

     font-size: 14px;

    }

}



.friend_link a{

    color: #8799b2;

    margin-left: 20px;



}

.friend_link a:hover{

    text-decoration: none;

}

.footer_bottom{

    background: #091c38;

    padding: 20px 0;

    text-align: center;

}

.footer_bottom div{

    color: #8799b2;

}

.beian div a{

    text-decoration: none;

    color: #8799b2;

}

.beian div a:hover{

    text-decoration: none;

    color: #ffffff;

}

.header_mobile{

    margin-top: 20px;

    position: fixed;

    top: 0px;

    left: 0px;

    height: calc(100vh - 44px);

    background: #333333;

    z-index: 99900;

}

.product_top_01 a div{

    margin-top: 34px;

    display: inline-block;

    line-height: 50px;

    border-radius: 50px;

    background: #f9970c;

    padding: 0 30px;

    color: #fff;

    font-size: 16px;

}

.font_color_0{

    background:#033e88;

    color: #ffffff

}

.news_block{

    display: none;

}

.news_img_0{

    display: block;

}

.header_mobile_title {

   border-bottom: 1px solid #575757;

    padding: 10px 0px 10px 0px;

}

.header_mobile_title a {

    color: #ffffff;

}

.header_mobile_title div a:hover{

    text-decoration: none;

}

.header_mobile_title div a{

    display: inline-block;

    padding: 5px 0px 5px 0px;

   

}



.solution{

    background: url("/images/solutions_banner.jpg") no-repeat;

    background-size: cover;

    overflow: hidden;

    color: #ffffff;

    min-height: 700px;

}

.case{

    background: url("/images/case_banner.jpg") no-repeat;

    background-size: cover;

    overflow: hidden;

    color: #ffffff;

    min-height: 700px;

}

.case_main{

    /* background: url("/images/gcase_bg.jpg") no-repeat; */

    background-size: cover;

    overflow: hidden;

    color: #000000;

    /* min-height: 266px; */



}

.solution_title{

    color: #ffffff;

    font-size: 40px;

}

.solution_desc{

    color: #ffffff;

    margin: 2.5% auto 0;

    font-size: 16px;

    line-height: 28px;

}

.gai_su{

    padding-top: 80px;

}

.gai_su_real{

    padding-bottom: 50px;

}

.title3{

    text-align: center;

    color: #555555;

    font-size: 28px;

    font-weight: normal;

    padding-bottom: 15px;

}

.gai_su_title{

    color: #666666;

    font-size: 16px;

    line-height: 26px;

}

.val_desc{

    margin-top: 15px;

    color: #666666;

    font-size: 14px;

    line-height: 26px;

    overflow: hidden;

    width: 90%;

    background: #f6f6f6;

    padding: 5% 3%;

    margin-left: 2%;

}

.val_img img{

    width: 35%;

    margin: 0 auto;

    line-height: 0;

    display: block;

}

.solution_list div{

    padding-top: 20px;

}



.solution_list p{

    padding: 10px 0px 10px 0px;

}

.solution_list p a{

    color: #666666;

}

.solution_list div:hover p a{

    color: #ffffff;

}

.solution_list div:hover{

    background: #033e88;

}

.solution_list p:hover a{

    color: #ffffff;

}

.solution_list p a:hover{

    text-decoration: none;

    color: #ffffff;

}

.case_example div p{

    padding: 15px 0px 15px 0px;

}

.case_example div p a{

    text-decoration: none;

    color: #555555;
    font-size: 14px;
}

.case_example div:hover p{

    background: #fa9530;

    color: #ffffff;

}

.case_example div:hover p a{

    color: #ffffff;

}

.about{

    background: url("/images/about_banner.jpg") no-repeat;

}

.news_banner{

    background: url("/images/news_banner.jpg") no-repeat;

    background-size: cover;

    overflow: hidden;

    color: #ffffff;

    min-height: 700px;



}

.news_top{

    background:#033e88;

    text-decoration: none;

    color: #ffffff;

    text-align: center;

    display: block;

    padding: 10px 10px 10px 10px;

    font-size: 14px;

}

.news_top:hover{

    text-decoration: none;

    color: #ffffff;

}

.news_date{

    padding: 0px;

}

.news_date a:hover{

    text-decoration: none;

}

.news_date:hover{

    background: #124189;

}



.news_date:hover .news_day{

    color: #ffffff;

    font-weight: 900;

}

.news_date:hover .news_day{

    color: #ffffff;

}

.news_date:hover .news_year{

    color:#ffffff

}

.news_day{

    color: #124189;

    font-size: 49px;

    text-decoration: none;

}

.news_day:hover{

    text-decoration: none;

    border-bottom: none;

}

.news_year{

    color: #8c8c8c;

    font-size: 14px;

    text-align: center;

}

.news_title_new a{

    color: #18478e

}

.news_title_new a:hover{

    text-decoration: none;

}

.news_title_new:hover + .news_date{

    background: #124189;

}

.news_change:hover .news_date{

    background: #124189;

}

.news_change:hover .news_date a .news_day{

    color: #ffffff;

    font-weight: 900;

}

.news_change:hover .news_date a .news_year{

    color: #ffffff;

}

.news_info .news_info_second {

    color: #777777;

    font-size: 14px;

    line-height: 30px

}

.related h3{

    color: #094293;

    font-size: 18px;

    font-weight: normal;

}

.related_son div a {

    color: #666666;

    font-size: 14px;

    display: inline-block;

    padding: 5px 0px 5px 0px;

}

.related_son div a:hover{

    text-decoration: none;

}

.lasted_news a{

    text-decoration: none;

    color: #666666;

    font-size: 14px;

    line-height: 24px;

    overflow: hidden;

}

.pagination li{

    padding: 5px 10px 5px 10px;

    border: 1px solid #094293;

    text-align: center;

}

.contact_us{

    background: url("/images/contact_banner.jpg") no-repeat;

    background-size: cover;

    min-height: 700px;

}

.contact_name{

    text-align: center;

    color: #fff;

    font-weight: normal;

    font-size: 30px;

    margin-top: 8px;

}

.contact_desc{

    text-align: center;

    color: #fff;

    font-size: 14px;

}

.content_title h3{

    text-align: center;

    color: #000000;

    font-size: 24px;

    font-weight: normal;

    border-bottom: 1px solid #f1efef;

    padding-bottom: 3%;

}

.content_title p span{

    text-align: center;

    color: #a8a8a8;

    font-size: 14px;

    margin-top: 2.2%;

}

.pre_next a{

    text-decoration: none;



}

.pre_next a:hover{

    text-decoration: none;

}

.pro_img_01 a{

    color: #212121;

}

.pro_img_01 a:hover{

    text-decoration: none;

    color: #094293;

}

.cate a{

    display: block;

    padding: 10px 0px 10px 0px;

    text-align: center;

    color: #888888;

    font-size: 16px;

    text-transform: uppercase;

    font-family: arial;

    font-weight: normal;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

}

.cate a:hover{

    text-decoration: none;

}

.child_cate a{

    display: block;

    padding: 0 30px;

    color: #888888;

    font-size: 14px;

}

.child_cate a:hover{

    text-decoration: none;

}

.product_banner h1{

    color: #000000;

    font-size: 26px;

}

.recommend p a{

    color: #666666;

}

.recommend p a:hover{

    text-decoration: none;

}

.make_phone{

    /* margin-top: 120px; */

    width: auto;

    height: 40px;

    line-height: 40px;

    text-align: left;

    color: red;

    font-weight: 900;

    font-size: 22px;

   

}

.recommend_top{

    border-bottom: 2px solid #094293;font-size: 16px;color: #ffffff;

}

.news_recommend{

    background: #094293;padding-top: 10px;padding-bottom: 10px;width: 120px;text-align: center

}

.mobile_right{

    text-align: right;

}

.mobile_left{

    text-align: left;

}

.content{

    font-size: 14px;

}

@media screen and (max-width:768px){

    .cate_banner{

        padding-top: 50px !important;

    }

    #demo{

        padding-top: 50px !important;

    }

    .example{

        margin-top: 30px;

        padding-bottom: 50px;

    }

    .img_big div{

        margin-left: 0px;

    }

    .news_date{

        display: none;

    }

    .recommend{

        padding-left: 15px !important;

    }

    .product_top{

        padding-top: 70px;

    }

    .make_phone{

        margin-top: 15px;;

    }

    .news_date{

        display: none !important;

    }

    .news_banner {

        min-height: 300px !important;

    }

    .case_banner {

        min-height: 300px !important;

    }

    .solutions_banner {

        min-height: 300px !important;

    }

    .about_banner {

        min-height: 300px !important;

    }

    .related{

        display: none !important;

    }

    .related_son{

        display: none !important;

    }

    .lasted_news{

        display: none !important;

    }

    .mobile_font{

        font-size: 14px;

    }

    .mobile_title{

        font-size: 30px;

    }

    .mobile_name{

        font-size: 20px;

    }

    .mobile_right{

        text-align: center;

    }

    .mobile_left{

        text-align: center;

    }

    .example_title {

        font-size: 20px;

        padding-left: 100px;

        background-position-x: center;

    }

    .resolve_title {

        font-size: 20px;

    }

    .symbol {

        font-size: 14px;

    }

    .intro_en {

        font-size: 14px;

    }

    .product_banner h1 {

        font-size: 18px;

        font-weight:bold;

    }

    .resolve_en {

        font-size: 14px;

    }

    .resolve_header a h3 {

        font-size: 16px;

    }

    .content_title h3 {

        font-size: 18px;

        font-weight: bold;

    }

    .example_circle {

        font-size: 16px;

    }

    .example_en {

        font-size: 14px;

    }

    .home_case h3 span{

        font-size: 16px;

        font-weight: normal;

        padding-bottom: 22px;

        margin-bottom: 25px;

    }

    .home_case_info {

        font-size: 14px;

    }

}

@media screen and (min-width:1200px) {

    .product_my_left{

        padding-left: 0px;

    }

    .product_my_right{

        padding-right: 0px;

    }

    .product_top{

        padding-top: 100px;

    }

}

.header_top li:last-child{

    padding-right: 150px;

}
@media screen and (min-width:1200px) {
	.content_title h1{
		font-size: 24px;
	}
}
@media screen and (max-width:700px) {
	.content_title h1{
		font-size: 20px;
	}
}