.text_c{
    text-align: center;
}
.text_l{
    text-align: left;
}
.text_r{
    text-align: right;
}
.fr{
    float: right;
}
.intro_co{
    font-size: 1.2em;
    padding: 20px 0px;
    line-height: 1.8em;
}
.mt_160{
    margin-top: 160px;
}
.mt_-200{
    margin-top: -200px;
}
.mt_110{
    margin-top: 110px;
}
.mt_80{
    margin-top: 80px;
}
.mt_60{
    margin-top: 60px;
}
.mt_40{
    margin-top: 40px;
}
.mt_30{
    margin-top: 30px;
}
.mt_10{
    margin-top: 10px;
}
.mt_20{
    margin-top: 20px;
}
.mt_25{
    margin-top: 25px;
}
.mr_LR_-10{
    margin: 0 -10px;
}
.ml_70{
    margin-left: 70px;
}
.ml_10{
    margin-left: 10px;
}
.mb_40{
    margin-bottom: 40px;
}
.pd_16{
    padding:0 16px;
}
.pd_r{
    padding-right: 30px;
}
.intro_sub{
    font-size: 1.2em;
    color: #333333;
    line-height: 1.8em;
}
.about_font{
    text-align:justify;
}
.phone_num{
    font-size: 1.6em;
    line-height: 1.8em;
}
.add{
    font-size: 1.3em;
    line-height: 1.6em;
}
.color1{
    color: #666666;
}
.color2{
    color: #333333;
}
.color3{
    color: #ffffff;
}
.color4{
    color: #0067ae;
}
.color5{
    color: #999999;
}
.color_org{
    color: #f08519;
}
.color_green{
    color: #06b783;
}
.red{
    color: #d82924;
}
.title{
    font-size: 2em;
    font-weight: 500;
    padding: 20px 0px;
}
.title_con{
    font-size: 2.2em;
    font-weight: 500;
    padding: 10px 0px;
    line-height: 1.2em;
}
.num_max_w{
    max-width: 106px;
}
.padding_intro{
    padding: 20px 30px;
}
.bg_intro{
    background: url("../images/bg_intro.png") center;
    background-size: cover;
    background-repeat: no-repeat;
}
.more_button{
    width: 9.3em;
    height: 3.1em;
    font-size: 1.2em;
    margin: 30px auto;
    line-height: 3.1em;
    text-align: center;
}
.blue{
    background: #0061ac;
    color: white;
}
.gray{
    color: #cccccc;
    pointer-events:none;
}
.bg_blue{
    background: #0061ac;
}
.bg_org{
    background: #f08519;
}
.bg_green{
    background: #06b783;
}
.bg_gray{
    background: #333333;
}
.bg_contact{
    padding: 20px;
    background: #f1f8fc;
}
.white{
    color: #0061ac;
    background: white;
}
.solution_1{
    width: 280px;
    height: 386px;
    margin: 10px auto;
    background: url("../images/solution_1_A.png");
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
.solution_1:hover{
    background: url("../images/solution_1_B.png");
}
.solution_1:hover p{
    color: #0061ac;
}
.solution_2{
    width: 280px;
    height: 386px;
    margin: 10px auto;
    background: url("../images/solution_2_A.png");
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
.solution_2:hover{
    background: url("../images/solution_2_B.png");
}
.solution_2:hover p{
    color: #0061ac;
}
.solution_3{
    width: 280px;
    height: 386px;
    margin: 10px auto;
    background: url("../images/solution_3_A.png");
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
.solution_3:hover{
    background: url("../images/solution_3_B.png");
}
.solution_3:hover p{
    color: #0061ac;
}
.solution_4{
    width: 280px;
    height: 386px;
    margin: 10px auto;
    background: url("../images/solution_4_A.png");
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
.solution_4:hover{
    background: url("../images/solution_4_B.png");
}
.solution_4:hover p{
    color: #0061ac;
}
.bottom_c{
    width: 280px;
    position: absolute;
    bottom: 70px;
    text-align: center;
}
.index_news{
    max-width: 370px;
    margin: 15px auto;
    border: #f5f5f5 1px solid;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.index_news:hover{
    -wenkit-box-shadow: 2px 2px 30px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 2px 30px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 2px 2px 30px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 2px 30px rgba(0, 0, 0, 0.3);
}
.pd_n{
    height: 70px;
    padding: 10px 16px 0 16px;
}
.date{
    font-size: 1.2em;
}
.about_intro_1{
    width: 360px;
    height: 305px;
    margin: 15px auto;
    background: url("../images/about_1.png");
    background-size: 100%;
}
.about_intro_2{
    width: 360px;
    height: 305px;
    margin: 15px auto;
    background: url("../images/about_2.png");
    background-size: 100%;
}
.about_intro_3{
    width: 360px;
    height: 305px;
    margin: 15px auto;
    background: url("../images/about_3.png");
    background-size: 100%;
}
.data{
    font-size: 3.0em;
    padding-top: 66px;
}
.entry{
    position: fixed;
    background: #FFFFFF;
    top: 400px;
    right: 0;
    -wenkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
.entry li{
    width: 60px;
    height: 60px;
}
#entry_qq{
    position: fixed;
    font-size: 1.2em;
    line-height: 60px;
    color: #FFFFFF;
    padding: 0 16px;
    background: #0061ac;
    top: 400px;
    right: 62px;
    display: none;
}
#entry_tel{
    position: fixed;
    font-size: 1.2em;
    line-height: 60px;
    color: #FFFFFF;
    padding: 0 16px;
    background: #0061ac;
    top: 460px;
    right: 62px;
    display: none;
}
#entry_mobile{
    position: fixed;
    font-size: 1.1em;
    line-height: 40px;
    color: #FFFFFF;
    padding: 16px;
    background: #0061ac;
    top: 520px;
    right: 62px;
    display: none;
}
#entry_mobile b{
    font-size: 1.2em;
}

#entry_QR{
    position: fixed;
    font-size: 1.1em;
    line-height: 40px;
    color: #FFFFFF;
    padding: 16px;
    background: #0061ac;
    top: 580px;
    right: 62px;
    display: none;
}
#QQ{
    background: url("../images/entry_1_A.png");
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
#QQ:hover{
    background-color: #0061ac;
    background-image: url("../images/entry_1_B.png");
}
#tel{
    background: url("../images/entry_2_A.png");
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
#tel:hover{
    background-color: #0061ac;
    background-image: url("../images/entry_2_B.png");
}
#mobile{
    background: url("../images/entry_3_A.png");
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
#mobile:hover{
    background-color: #0061ac;
    background-image: url("../images/entry_3_B.png");
}
#QR{
    background: url("../images/entry_4_A.png");
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
#QR:hover{
    background-color: #0061ac;
    background-image: url("../images/entry_4_B.png");
}
.news_sub p{
    font-size: 1.2em;
    color: #333333;
    line-height: 1.8em;
    text-indent: 2.1em;
    text-align: left;
    padding: 10px 0;
}
.news_co{
    font-size: 1.2em;
    padding: 10px 0px;
    line-height: 1.2em;
}
.news_text_in{
    padding: 0 8px;
}
.news_text_in a{
    text-decoration: underline;
}
.news_text_in a:hover{
    color: #0061ac;
}
.detail_title{
    line-height: 50px;
    font-weight: 700;
}
.guide{
    border-collapse: separate;
    border-spacing: 20px 30px;
}
.guide_num{
    width: 50px;
    height: 50px;
    border: #0061ac 1px solid;
    border-radius: 25px;
    text-align: center;
    line-height: 50px;
    font-size: 2.2em;
    float: right;
    vertical-align: middle;
}
.guide_content{
    font-size: 1.2em;
    border: #c0cbd2 1px solid;
    padding: 8px 10px 8px 16px;
}
.guide_content a{
    color: #0082ff;
}
.guide_content a:hover{
    text-decoration: underline;
}
.honer_b{
    max-width: 400px;
    margin: 15px auto;
    border: #FFFFFF 8px solid;
    -wenkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
}
.honer_s{
    max-width: 400px;
    margin: 15px auto;
    border: #FFFFFF 8px solid;
    -wenkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
}
.img-pd{
    padding: 10px;
}
.pd_15{
    padding: 15px;
}
.pd_25{
    padding: 25px;
}
.pd_30{
    padding: 30px;
}
/*
p>span{
    display: inline-block;
    vertical-align: top;
}*/
.sol_num{
    font-size: 4.5em;
    font-family: Arial;
    margin-right: 10px;
}
.sol_con{
    font-size: 1.7em;
    display: inline-block;
    vertical-align: top;
}
.team_app{
    max-width: 230px;
    margin: 20px auto;
}
.car_app{
    max-width: 210px;
    margin: 20px auto;
}
.hard_img_max_w{
    max-width: 280px;
}
.screen{
    margin: 0 auto;
    min-width: 280px;
    max-width: 355px;
}
.about-data li{
    font-size: 1.2em;
    padding: 2px 0;
}
.li-2{
    text-indent: 1.5em;
}
.li-2 span{
    margin: 0 10px;
}
.login_bg{
    margin: 0;
    background: url("../images/login/bg.png") center no-repeat;
    background-size: cover;
    height: 800px;
}
.login_bg img{
    padding: 30px;
}
.login_con{
    width: 480px;
    height: 336px;
    background: rgba(255,255,255,0.2);
    border-radius: 4px;
    padding: 40px 80px;
    margin: 0 auto;
}
input{
    background:none;
    outline:none;
    border:none;
}
.login_input{
    width: 320px;
    height: 40px;
    border-radius: 4px;
    background: #FFFFFF;
}