﻿/* CSS Document */
.main_about
{
    width: 100%;
    background: #fafafa;
    padding: 100px 0;
}
.main_about_
{
    width: 100%;
    margin: 0 auto;
}
.main_about_left
{
    width: 48%;
    float: left;
    padding-left: 15%;
    box-sizing: border-box;
    text-align: center;
}
.main_about_left>h3
{
    font-size: 100px;
    color: #eaf3f9;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 100%;
}
.main_about_left>span
{
    display: block;
    font-size: 36px;
    color: #000;
    text-transform: uppercase;
    margin-top: -50px;
    font-family: ali-b;
}
.main_about_left>p
{
    color: #333;
    font-size: 14px;
    margin: 20px 0;
    text-align: justify;
    line-height: 175%;
}/*
.main_about_left a{ display: block; border: #263c92 1px solid;; width: 120px; color: #FFFFFF; text-align: center; padding: 8px 0px; border-radius: 20px; transition: all 0.5s;} 
.main_about_left a:hover{background: #263c92; color: #FFFFFF; width: 180px;} 
*/
.main_about_left ul
{
    width: 100%;
}
.main_about_left ul li
{
    float: left;
    width: 19%;
    height: 142px;
    box-sizing: border-box;
    padding: 42px 15px;
    text-align: center;
    background: #263c92;
    margin-right: 7.2px;
    border-radius: 8px;
}
.main_about_left ul li:last-child
{
    float: right;
    margin-right: 0;
}
.main_about_left ul li h3
{
    font-size: 12px;
    color: #fff;
}
.main_about_left ul li h3 strong
{
    font-size: 50px;
    font-family: "Gill Sans","Gill Sans MT","Myriad Pro","DejaVu Sans Condensed",Helvetica,Arial,"sans-serif";
}
.main_about_left ul li p
{
    font-size: 14px;
    color: #fff;
    margin-top: 10px;
    line-height: 150%;
}
.main_about_right
{
    float: right;
    width: 50%;
    height: auto;
}
.main_about_right img
{
    width: 100%;
}
.main_pro
{
    width: 1280px;
    margin: 100px auto;
}
.main_pro .main_pro_tit
{
    text-align: center;
}
.main_pro .main_pro_tit h5
{
    font-size: 100px;
    color: #eaf3f9;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 100%;
}
.main_pro .main_pro_tit p
{
    font-size: 36px;
    color: #000;
    text-transform: uppercase;
    margin-top: -50px;
    font-family: ali-b;
}
.main_pro .main_pro_tit em
{
    display: block;
    margin: 20px auto 0;
    height: 2px;
    width: 80px;
    background: #263c92;
}
.main_pro .main_pro_
{
    margin-top: 50px;
}
.main_pro .main_pro_ ul li
{
    float: left;
    margin-right: 2px;
    width: 318.5px;
    height: 665px;
    text-align: center;
    padding-top: 120px;
    box-sizing: border-box;
}
.main_pro .main_pro_ ul li:first-child
{
    background: url("../image/pro01.jpg") no-repeat center;
}
.main_pro .main_pro_ ul li:nth-child(2)
{
    background: url("../image/pro02.jpg") no-repeat center;
}
.main_pro .main_pro_ ul li:nth-child(3)
{
    background: url("../image/pro03.jpg") no-repeat center;
}
.main_pro .main_pro_ ul li:last-child
{
    background: url("../image/pro04.jpg") no-repeat center;
    float: right;
    margin-right: 0;
}
.main_pro .main_pro_ h3
{
    color: #263c92;
    font-size: 30px;
    margin: 0;
}
.main_pro .main_pro_ p
{
    font-size: 16px;
    color: #000;
    margin-top: 10px;
    line-height: 100%;
}
.main_pro .main_pro_ em
{
    display: block;
    margin: 25px auto 80px;
    height: 25px;
    width: 1px;
    background: #263c92;
}
.main_pro .main_pro_ ul li:nth-child(3) em
{
    margin: 25px auto 60px;
}
.main_pro .main_pro_ img
{
    display: block;
    margin: 0 auto;
}
.main_pro .main_pro_ a
{
    color: #fff;
    border: #fff 1px solid;
    font-size: 14px;
    text-align: center;
    padding: 5px 20px;
    border-radius: 10px;
}
.main_pro .main_pro_ a:hover
{
    background: #fc0;
}
.main_pro .main_pro_ ul li:nth-child(3) a
{
    display: inline-block;
    margin-top: 15px;
}
.main_img
{
    width: 100%;
    background: url("../image/bg01.jpg") no-repeat center;
    height: 655px;
}
.main_img_
{
    width: 1280px;
    margin: 0 auto;
    padding: 80px 0 0;
    text-align: center;
}
.main_img_ h3
{
    color: #263c92;
    font-size: 36px;
    margin: 0;
}
.main_img_ p
{
    font-size: 18px;
    color: #000;
    margin-top: 10px;
    line-height: 100%;
}
.main_video
{
    width: 100%;
    margin: 0;
    padding: 100px 0;
    background: #fafafa;
}
.main_video .main_video_tit
{
    text-align: center;
}
.main_video .main_video_tit h5
{
    font-size: 100px;
    color: #eaf3f9;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 100%;
}
.main_video .main_video_tit p
{
    font-size: 36px;
    color: #000;
    text-transform: uppercase;
    margin-top: -50px;
    font-family: ali-b;
}
.main_video .main_video_tit em
{
    display: block;
    margin: 20px auto 0;
    height: 2px;
    width: 80px;
    background: #263c92;
}
.main_video .main_video_
{
    width: 850px;
    margin: 50px auto 0;
    text-align: center;
}
.main_icon
{
    width: 100%;
    margin: 80px 0;
}
.main_icon .main_icon_tit
{
    text-align: center;
}
.main_icon .main_icon_tit h5
{
    font-size: 100px;
    color: #eaf3f9;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 100%;
}
.main_icon .main_icon_tit p
{
    font-size: 36px;
    color: #000;
    text-transform: uppercase;
    margin-top: -50px;
    font-family: ali-b;
}
.main_icon .main_icon_tit em
{
    display: block;
    margin: 20px auto 0;
    height: 2px;
    width: 80px;
    background: #263c92;
}
.silder-box-1
{
    width: 100%;
    position: relative;
    margin-top: 50px;
}
.silder-button-1
{
    position: absolute;
    cursor: pointer;
    z-index: 999;
}
.silder-button-1.btl
{
    left: 13.5%;
    top: 45%;
}
.silder-button-1.btl i
{
    background: #263c92;
    color: #fff;
    height: 50px;
    width: 50px;
    box-sizing: border-box;
    text-align: center;
    font-size: 28px;
    padding-top: 11px;
    padding-right: 2px;
}
.silder-button-1.btl i:hover
{
    background: #000;
    color: #fff;
}
.silder-button-1.btr
{
    right: 13.5%;
    top: 45%;
}
.silder-button-1.btr i
{
    background: #263c92;
    color: #fff;
    height: 50px;
    width: 50px;
    box-sizing: border-box;
    text-align: center;
    font-size: 28px;
    padding-top: 11px;
    padding-left: 2px;
}
.silder-button-1.btr i:hover
{
    background: #000;
    color: #fff;
}
.main_icon_
{
    width: 1280px;
    margin: 0 auto;
    overflow: hidden;
}
.main_icon_>ul>li
{
    width: 1280px;
    height: 450px;
}
.main_icon_ ul li div.fl
{
    float: left;
    width: 585px;
    height: 450px;
}
.main_icon_ ul li div.fr
{
    float: right;
    width: 695px;
    height: 450px;
    background: #eaf3f9;
    padding: 0 30px;
    box-sizing: border-box;
}
.main_icon_ ul li div.fr h6
{
    font-size: 60px;
    color: #bdd7ee;
    margin-top: 50px;
    font-family: Impact,Haettenschweiler,"Franklin Gothic Bold","Arial Black","sans-serif";
}
.main_icon_ ul li div.fr h3 p
{
    font-size: 30px;
    color: #263c92;
    float: left;
}
.main_icon_ ul li div.fr h3 span
{
    display: inline-block;
    float: right;
    font-weight: lighter;
    text-align: left;
    font-size: 18px;
    line-height: 175%;
    margin: -35px 0 0;
    width: 380px;
}
.main_icon_ ul li div.fr dl
{
    margin-top: 35px;
}
.main_icon_ ul li div.fr dl dd
{
    background: #fff;
    width: 115px;
    height: 80px;
    text-align: center;
    float: left;
    margin-right: 15px;
    margin-bottom: 10px;
}
.main_icon_ ul li div.fr dl dd:nth-child(5n)
{
    float: right;
    margin-right: 0;
}
.main_icon_ ul li div.fr dl dd p
{
    font-size: 12px;
}
.main_news
{
    width: 100%;
    margin: 100px auto;
    background: #fafafa;
    padding: 80px 0;
}
.main_news_tit
{
    text-align: center;
}
.main_news_tit h5
{
    font-size: 100px;
    color: #eaf3f9;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 100%;
}
.main_news_tit p
{
    font-size: 36px;
    color: #000;
    text-transform: uppercase;
    margin-top: -50px;
    font-family: ali-b;
}
.main_news_tit em
{
    display: block;
    margin: 20px auto 0;
    height: 2px;
    width: 80px;
    background: #263c92;
}
.main_news_
{
    width: 1280px;
    margin: 50px auto 0;
}
.main_news_l
{
    float: left;
    width: 31%;
    margin-right: 3.5%;
    overflow: hidden;
    background: #fff;
}
.main_news_r
{
    float: right;
    width: 31%;
    overflow: hidden;
    background: #fff;
}
.main_news_ div.im
{
    width: 100%;
    height: 280px;
    overflow: hidden;
}
.main_news_ div.im img
{
    width: 100%;
    height: 100%;
}
.main_news_ div.ix
{
    padding: 25px;
    box-sizing: border-box;
    text-align: left;
}
.main_news_ div.ix p
{
    font-size: 14px;
    line-height: 150%;
    color: #999;
}
.main_news_ div.ix h6
{
    font-size: 16px;
    margin-top: 10px;
    color: #000;
    line-height: 150%;
}
.main_case
{
    width: 100%;
    margin: 100px auto;
}
.main_case .main_case_tit
{
    text-align: center;
}
.main_case .main_case_tit h5
{
    font-size: 100px;
    color: #eaf3f9;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 100%;
}
.main_case .main_case_tit p
{
    font-size: 36px;
    color: #000;
    text-transform: uppercase;
    margin-top: -50px;
    font-family: ali-b;
}
.main_case .main_case_tit em
{
    display: block;
    margin: 20px auto 0;
    height: 2px;
    width: 80px;
    background: #263c92;
}
.main_case_
{
    width: 1280px;
    margin: 50px auto 0;
}
.main_case_ ul li
{
    float: left;
    margin: 0 26.5px 26.5px 0;
}
.main_case_ ul li:nth-child(4n)
{
    float: right;
    margin: 0 0 25px 0;
}
.main_case_ ul li div
{
    width: 300px;
    height: 230px;
    overflow: hidden;
}
.main_case_ ul li img
{
    width: 100%;
    height: 100%;
}
.main_case_ ul li p
{
    color: #000;
    font-size: 16px;
    text-align: center;
    padding: 15px 0;
}
.main_case_ ul li:hover
{
    cursor: pointer;
}
.main_case_ ul li:hover div
{
    background: rgba(0,0,0,.5);
}/*******************************************************//************************************************内页*******************************************************/
.us_menu
{
    width: 100%;
    margin: 0;
}
.us_menu_
{
    width: 1280px;
    margin: 30px auto;
}
.us_menu_ li
{
    float: left;
    margin-right: 1px;
}
.us_menu_ li a
{
    display: block;
    font-size: 16px;
    padding: 20px 60px;
    background: #f2f2f2;
    color: #263c92;
}
.us_menu_ li a:hover
{
    background: #263c92;
    color: #fff;
}
.us_menu_ li a.on
{
    background: #263c92;
    color: #fff;
}
.n_img
{
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: relative;
}
.n_img img
{
    width: 100%;
    height: 100%;
    z-index: 9;
}
.n_img div
{
    width: 100%;
    margin: 0 auto;
    position: absolute;
    z-index: 999;
    text-align: center;
    padding: 200px 0 0;
    box-sizing: border-box;
}
.n_img div em
{
    display: block;
    height: 3px;
    background: #263c92;
    width: 60px;
    margin: 0 auto;
    opacity: .5;
}
.n_img div p
{
    color: #fff;
    font-size: 80px;
    margin: 30px 0 0;
    font-weight: bold;
    text-transform: uppercase;
    font-family: Impact,Haettenschweiler,"Franklin Gothic Bold","Arial Black","sans-serif";
    opacity: .35;
}
.n_img div span
{
    display: block;
    color: #fff;
    font-size: 32px;
    margin-top: -20px;
}
.n_img div.bai p
{
    color: #fff;
}
.n_img div.bai span
{
    color: #fff;
}
@media screen and (max-width: 1600px)
{
    .main_about_left
    {
        padding-left: 5%;
    }
    .main_about_left ul li
    {
        margin-right: 6.2px;
    }
    .silder-button-1.btl
    {
        left: 0;
    }
    .silder-button-1.btr
    {
        right: 0;
    }
    .n_img div
    {
        padding: 100px 0 0;
    }/* CSS 代码 */
}
.n_img img
{
    -webkit-animation: banner_inside 15s ease 1 forwards;
    -moz-animation: banner_inside 15s ease 1 forwards;
    -o-animation: banner_inside 15s ease 1 forwards;
    animation: banner_inside 15s ease 1 forwards;
}
@-webkit-keyframes banner_inside
{
    from
    {
        -webkit-transform: scale(1.23);
        transform: scale(1.23);
    }
    to
    {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@-moz-keyframes banner_inside
{
    from
    {
        -moz-transform: scale(1.23);
        transform: scale(1.23);
    }
    to
    {
        -moz-transform: scale(1);
        transform: scale(1);
    }
}
@-o-keyframes banner_inside{from{-o-transform:scale(1.23);transform:scale(1.23);}to{-o-transform:scale(1);transform:scale(1);}}
@keyframes banner_inside
{
    from
    {
        -webkit-transform: scale(1.23);
        -moz-transform: scale(1.23);
        -o-transform: scale(1.23);
        transform: scale(1.23);
    }
    to
    {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}
.locatn
{
    width: 1280px;
    padding: 20px 0;
    margin: 0 auto;
    color: #666;
}
.locatn a
{
    color: #666;
    font-size: 14px;
}
.locatn a:hover
{
    color: #263c92;
}/*内页-关于我们*/
.con_about_a
{
    width: 1280px;
    margin: 80px auto;
}
.con_a_tit h3
{
    color: #000;
    font-size: 36px;
    margin-top: -30px;
}
.con_a_tit p
{
    text-transform: uppercase;
    color: #999;
    font-size: 80px;
    font-family: Impact,Haettenschweiler,"Franklin Gothic Bold","Arial Black","sans-serif";
    opacity: .1;
}
.con_about_a_
{
    margin-top: 30px;
}
.con_about_a_ p
{
    margin: 20px 0;
    font-size: 15px;
    line-height: 175%;
    text-align: justify;
    color: #666;
}
.con_about_b
{
    width: 100%;
    margin: 0;
    background: #263c92;
    box-sizing: border-box;
    padding: 80px 0;
}
.con_b_tit
{
    margin-bottom: 50px;
}
.con_b_tit h3
{
    color: #fff;
    font-size: 36px;
    margin-top: -30px;
}
.con_b_tit p
{
    text-transform: uppercase;
    color: #fff;
    font-size: 80px;
    font-family: Impact,Haettenschweiler,"Franklin Gothic Bold","Arial Black","sans-serif";
    opacity: .1;
}
.con_about_b_
{
    width: 1280px;
    margin: 0 auto;
}
.con_about_b_ .fl
{
    width: 600px;
    float: left;
}
.con_about_b_ .fl>h5
{
    font-size: 18px;
    margin-bottom: 10px;
    color: #fff;
}
.con_about_b_ .fl>p
{
    color: #fff;
    font-size: 16px;
    line-height: 175%;
    text-align: justify;
    margin: 30px 0;
}
.con_about_b_ .fr
{
    width: 500px;
    float: right;
}
.con_about_b_ .fr img
{
    width: 100%;
}
.con_about_c
{
    width: 1280px;
    margin: 80px auto;
}
.con_c_tit h3
{
    color: #000;
    font-size: 36px;
    margin-top: -30px;
}
.con_c_tit p
{
    text-transform: uppercase;
    color: #999;
    font-size: 80px;
    font-family: Impact,Haettenschweiler,"Franklin Gothic Bold","Arial Black","sans-serif";
    opacity: .1;
}
.con_about_c_
{
    margin-top: 50px;
}
.con_about_c_ img
{
    width: 100%;
}
.con_about_d
{
    width: 100%;
    margin: 0;
    padding: 80px 0;
    background: #f6f6f6;
}
.con_d_tit
{
    width: 1280px;
    margin: 0 auto;
}
.con_d_tit h3
{
    color: #000;
    font-size: 36px;
    margin-top: -30px;
}
.con_d_tit p
{
    text-transform: uppercase;
    color: #999;
    font-size: 80px;
    font-family: Impact,Haettenschweiler,"Franklin Gothic Bold","Arial Black","sans-serif";
    opacity: .1;
}
.con_about_d_
{
    width: 1280px;
    margin: 50px auto 0;
}
.con_about_d_ ul li div
{
    width: 640px;
    height: 423px;
    padding: 80px;
    float: left;
    background: #fff;
    box-sizing: border-box;
}
.con_about_d_ ul li div h5
{
    color: #263c92;
    font-size: 24px;
}
.con_about_d_ ul li div h5 strong
{
    color: #263c92;
    font-size: 40px;
    display: inline-block;
    margin: 0 10px;
}
.con_about_d_ ul li div p
{
    font-size: 16px;
    line-height: 175%;
    color: #333;
    text-align: justify;
    margin: 30px 0;
}
.con_about_d_ ul li img
{
    width: 640px;
    float: right;
}
.con_about_d_ ul li:nth-child(2n) div
{
    float: right;
}
.con_about_d_ ul li:nth-child(2n) img
{
    float: left;
}
.con_about_e
{
    width: 1280px;
    margin: 80px auto;
}
.con_e_tit h3
{
    color: #000;
    font-size: 36px;
    margin-top: -30px;
}
.con_e_tit p
{
    text-transform: uppercase;
    color: #999;
    font-size: 80px;
    font-family: Impact,Haettenschweiler,"Franklin Gothic Bold","Arial Black","sans-serif";
    opacity: .1;
}
.con_e_tit span
{
    display: block;
    font-size: 16px;
    margin-top: 20px;
}
.con_about_e_
{
    width: 1280px;
    margin: 50px auto 0;
}
.con_about_e_ img
{
    width: 100%;
}/*内页-关于我们*//*内页-产品*/
.c_pro_list
{
    margin: 0 auto;
    width: 1280px;
    padding: 80px 0;
    border-bottom: #eee 1px dashed;
}
.c_pro_list h5
{
    font-size: 32px;
}
.c_pro_list ul
{
    margin: 30px 0 0;
    padding: 0;
}
.c_pro_list ul li
{
    float: left;
    width: 400px;
    margin: 0 40px 50px 0;
}
.c_pro_list ul li:nth-child(3n)
{
    float: right;
    margin: 0 0 50px 0;
}
.c_pro_list ul li div
{
    width: 400px;
    height: 333px;
    overflow: hidden;
    border: #ddd 1px solid;
}
.c_pro_list ul li div img
{
    width: 100%;
    height: 100%;
}
.c_pro_list ul li p
{
    font-size: 16px;
    color: #000;
    margin: 15px 0 0;
}
.c_pro_list>a
{
    display: block;
    margin-top: 10px;
    font-size: 20px;
    border: #999 1px solid;
    border-radius: 20px;
    padding: 10px 0;
    width: 160px;
    text-align: center;
}
.c_pro_list>a:hover
{
    background: #263c92;
    border: #263c92 1px solid;
    color: #fff;
}
.c_pro
{
    width: 100%;
    margin: 60px 0;
    background: #fff;
}
.c_pro_
{
    margin: 50px auto;
    width: 1280px;
}
.c_pro_ ul li
{
    width: 410px;
    float: left;
    margin: 0 25px 40px 0;
    overflow: hidden;
}
.c_pro_ ul li:nth-child(3n)
{
    float: right;
    margin: 0 0 40px 0;
}
.c_pro_ ul li div
{
    width: 100%;
    height: 342px;
    overflow: hidden;
    border: #eee 1px solid;
    box-sizing: border-box;
}
.c_pro_ ul li div img
{
    width: 100%;
    height: 100%;
}
.c_pro_ ul li em
{
    display: block;
    margin: -10px auto 10px;
    background: #eee;
    height: 50px;
    width: 1px;
}
.c_pro_ ul li p
{
    font-size: 16px;
    text-align: center;
    color: #333;
}
.con_pro_m
{
    padding: 50px 0 80px;
    width: 100%;
    margin: 0;
    background: #f6f6f6;
}
.con_pro_m_ .fl
{
    width: 900px;
    height: 750px;
    float: none;
    margin: 0 auto;
    text-align: center;
}
.con_pro_m_ .fl img
{
    width: 100%;
    height: 100%;
}
.con_pro_m_ .fr
{
    width: 100%;
    float: none;
    text-align: center;
    margin-top: 30px;
}
.con_pro_m_ .fr h1
{
    font-size: 36px;
}
.con_pro_m_det
{
    margin: 70px auto;
    width: 1280px;
}
.con_pro_m_det .fl
{
    width: 450px;
    float: left;
}
.con_pro_m_det .fl h1
{
    font-size: 36px;
    margin-bottom: 50px;
}
.con_pro_m_det .fl img
{
    width: 100%;
    height: 100%;
    border: #ddd 1px solid;
    box-sizing: border-box;
}
.con_pro_m_det .fr
{
    float: right;
    width: 750px;
}
.con_pro_m_det .fr p
{
    margin: 0;
    font-size: 16px;
    line-height: 175%;
    text-align: justify;
}
.con_pro_m_det .fr p img
{
    width: 100%;
}/*内页-产品*//*内页-案例*/
.c_case
{
    width: 100%;
    margin: 50px 0 80px;
}
.c_case_
{
    margin: 0 auto;
    width: 1280px;
}
.c_case_ ul li
{
    float: left;
    width: 32%;
    margin-right: 1.325%;
    margin-bottom: 3%;
}
.c_case_ ul li:nth-child(3n)
{
    float: right;
}
.c_case_ ul li div
{
    width: 100%;
    height: 280px;
    overflow: hidden;
}
.c_case_ ul li div img
{
    width: 100%;
    height: 100%;
}
.c_case_ ul li em
{
    display: block;
    height: 20px;
    background: #ddd;
    width: 1px;
    margin: 0 auto 10px;
}
.c_case_ ul li p
{
    font-size: 14px;
    text-align: center;
}
.com_news
{
    width: 1280px;
    margin: 50px auto;
}
.com_news_ ul li
{
    padding: 50px 0;
    transition: All .5s;
    border-bottom: #eee 1px solid;
}
.com_news_ ul li:hover
{
    border-bottom: #ddd 1px solid;
}
.com_news_ ul li div.fl
{
    float: left;
    width: 50%;
    transition: all .6s;
    padding: 50px 0;
}
.com_news_ ul li div.fl p a
{
    font-size: 22px;
}
.com_news_ ul li div.fl em
{
    display: block;
    margin: 20px 0;
    width: 50px;
    height: 2px;
    background: #263c92;
    transition: all .6s;
}
.com_news_ ul li div.fl:hover em
{
    width: 80px;
}
.com_news_ ul li div.fl span
{
    display: block;
    line-height: 160%;
    margin-bottom: 20px;
    color: #999;
    font-size: 14px;
}
.com_news_ ul li div.fl i
{
    font-style: normal;
}
.com_news_ ul li div.fr
{
    float: right;
    width: 40%;
    height: 320px;
    overflow: hidden;
}
.com_news_ ul li img
{
    width: 100%;
    height: 360px;
}
.com_news_m
{
    width: 1000px;
    margin: 0 auto;
}
.com_news_m h1
{
    font-size: 36px;
    line-height: 150%;
    margin-bottom: 10px;
}
.com_news_m h5
{
    font-size: 14px;
    color: #999;
    font-weight: lighter;
    padding-bottom: 30px;
    border-bottom: #ddd 1px solid;
    margin-bottom: 50px;
}
.com_news_m p
{
    font-size: 16px;
    text-align: justify;
    margin-bottom: 30px;
    line-height: 175%;
}
.com_news_m p img
{
    display: block;
    margin: 35px auto;
    max-width: 750px;
}
.com_news_more
{
    margin: 60px auto;
    width: 1000px;
    padding: 30px 0;
    border-top: #ddd 1px solid;
    border-bottom: #ddd 1px solid;
}
.com_news_more h5
{
    font-size: 24px;
    margin-bottom: 30px;
}
.com_news_more ul li
{
    margin: 5px 0;
}
.com_news_more ul li a
{
    font-size: 16px;
}/*内页-新闻*//*内页-加盟*/
.con_join_a
{
    width: 1280px;
    margin: 60px auto;
}
.con_join_a .con_join_a_tit
{
    margin-bottom: 50px;
}
.con_join_a .con_join_a_tit p
{
    color: #263c92;
    font-size: 36px;
    margin-top: -30px;
    font-family: ali-b;
}
.con_join_a .con_join_a_tit span
{
    text-transform: uppercase;
    color: #999;
    font-size: 80px;
    font-family: Impact,Haettenschweiler,"Franklin Gothic Bold","Arial Black","sans-serif";
    opacity: .1;
}
.con_join_a_
{
    width: 1280px;
    margin: 0 auto;
}
.con_join_b_
{
    width: 1280px;
    margin: 0 auto;
}
.con_join_a_ h5
{
    font-size: 22px;
    margin: 0 0 10px;
}
.con_join_a_ p
{
    font-size: 22px;
    margin: 30px 0 10px;
}
.con_join_a_ span
{
    display: block;
    font-size: 16px;
    text-align: justify;
    color: #999;
}
.con_join_a_ img
{
    width: 100%;
}
.con_join_b_ h5
{
    font-size: 22px;
    margin: 0 0 10px;
}
.con_join_b_ p
{
    font-size: 22px;
    margin: 30px 0 10px;
}
.con_join_b_ span
{
    display: block;
    font-size: 16px;
    text-align: justify;
    color: #999;
}
.con_join_b_ img
{
    width: 100%;
}
.con_join_a_ .fl
{
    float: left;
    width: 40%;
    padding: 60px 0;
}
.con_join_a_ .fr
{
    float: right;
    width: 50%;
}
.con_join_b_ .fl
{
    float: left;
    width: 50%;
}
.con_join_b_ .fr
{
    float: right;
    width: 40%;
    padding: 60px 0;
}
.con_join_c
{
    width: 100%;
    margin: 60px 0;
    padding: 60px 0;
    background: #f6f6f6;
}
.con_join_c .con_join_c_tit
{
    width: 1280px;
    margin: 0 auto;
}
.con_join_c .con_join_c_tit span
{
    text-transform: uppercase;
    color: #999;
    font-size: 80px;
    font-family: Impact,Haettenschweiler,"Franklin Gothic Bold","Arial Black","sans-serif";
    opacity: .1;
}
.con_join_c .con_join_c_tit p
{
    color: #263c92;
    font-size: 36px;
    margin-top: -30px;
    font-family: ali-b;
}
.con_join_c_
{
    width: 1280px;
    margin: 50px auto 0;
    position: relative;
}
.con_join_c_ .fl
{
    float: left;
    width: 40%;
    padding: 0;
}
.con_join_c_ .fl p
{
    font-size: 16px;
    text-align: justify;
    color: #333;
    line-height: 175%;
    margin: 15px 0;
}
.con_join_c_ .fr
{
    float: right;
    width: 50%;
}
.con_join_c_ .fr img
{
    width: 100%;
}
.con_join_d
{
    width: 100%;
    margin: 60px 0;
    padding: 60px 0;
    background: #f6f6f6;
}
.con_join_d .con_join_d_tit
{
    width: 1280px;
    margin: 0 auto;
}
.con_join_d .con_join_d_tit span
{
    text-transform: uppercase;
    color: #999;
    font-size: 80px;
    font-family: Impact,Haettenschweiler,"Franklin Gothic Bold","Arial Black","sans-serif";
    opacity: .1;
}
.con_join_d .con_join_d_tit p
{
    color: #263c92;
    font-size: 36px;
    margin-top: -30px;
    font-family: ali-b;
}
.con_join_d_
{
    width: 1280px;
    margin: 5px auto;
}
.con_join_d_ ul
{
    margin-top: 50px;
}
.con_join_d_ ul li
{
    float: left;
    width: 110px;
    border: #ddd 1px solid;
    border-radius: 15px;
    margin: 0 20px 0 0;
    padding: 30px 0;
    box-sizing: border-box;
    text-align: center;
}
.con_join_d_ ul li:last-child
{
    float: right;
    margin: 0 0 0 0;
}
.con_join_d_ ul li img
{
    width: auto;
    height: 40px;
}
.con_join_d_ ul li p
{
    font-size: 14px;
    color: #333;
    margin-top: 10px;
}
.con_join_e
{
    width: 100%;
    margin: 80px 0;
}
.con_join_e .con_join_e_tit
{
    width: 1280px;
    margin: 0 auto 50px;
}
.con_join_e .con_join_e_tit span
{
    text-transform: uppercase;
    color: #999;
    font-size: 80px;
    font-family: Impact,Haettenschweiler,"Franklin Gothic Bold","Arial Black","sans-serif";
    opacity: .1;
}
.con_join_e .con_join_e_tit p
{
    color: #263c92;
    font-size: 36px;
    margin-top: -30px;
    font-family: ali-b;
}
.con_join_e_
{
    width: 1280px;
    margin: 0 auto;
}
.con_join_e_ img
{
    width: 100%;
}
.con_join_f
{
    margin: 80px auto;
    width: 600px;
}
.con_join_txt01
{
    font-size: 36px;
    font-weight: lighter;
    border-bottom: #999 1px solid;
    padding: 0 0 20px 0;
    text-align: center;
}
.con_join_txt02
{
    margin: 20px 0;
}
.con_join_txt02 input
{
    border: #999 1px solid;
    border-radius: 5px;
    color: #000;
    padding: 15px;
    font-size: 16px;
    width: 265px;
}
.con_join_txt03
{
    margin: 20px 0;
}
.con_join_txt03 input
{
    border: #999 1px solid;
    border-radius: 5px;
    color: #000;
    padding: 15px;
    font-size: 16px;
    width: 565px;
}
.con_join_txt04
{
    margin: 20px 0;
}
.con_join_txt04 textarea
{
    border: #999 1px solid;
    border-radius: 5px;
    color: #000;
    padding: 15px;
    font-size: 16px;
    width: 565px;
    height: 200px;
    vertical-align: top;
}
.con_join_txt05
{
    margin: 50px 0;
    text-align: center;
}
.con_join_txt05 input
{
    border: none;
    background: #263c92;
    border-radius: 5px;
    color: #fff;
    padding: 15px;
    width: 255px;
    font-size: 30px;
    font-weight: bold;
}/*内页-加盟*//*内页-联系我们*/
.con_contact
{
    width: 1280px;
    margin: 80px auto;
}
.con_contact .fl
{
    float: left;
    width: 35%;
}
.con_contact .fl ul li
{
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: #eee 1px dashed;
}
.con_contact .fl ul li:first-child
{
    margin-bottom: 50px;
    border-bottom: none;
}
.con_contact .fl ul li h2
{
    font-size: 24px;
}
.con_contact .fl ul li h5
{
    font-size: 36px;
}
.con_contact .fl ul li p
{
    margin-bottom: 5px;
    font-size: 16px;
}
.con_contact .fl ul li span
{
    display: inline-block;
    font-size: 16px;
}
.con_contact .fr
{
    float: right;
    width: 60%;
}
.con_contact .fr #dituContent
{
    width: 100%;
    height: 500px;
}/*内页-联系我们*//*css black2 style pagination*/
div.black2
{
    padding: 10px;
    margin: 10px;
    text-align: center;
}
div.black2 a
{
    border: #ccc 1px solid;
    padding: 8px 15px;
    margin: 2px;
    color: #666;
    text-decoration: none;
}
div.black2 a:hover
{
    color: #fff;
    background-color: #263c92;
    border: #263c92 1px solid;
}
div.black2 a:active
{
    color: #fff;
    background-color: #263c92;
    border: #263c92 1px solid;
}
div.black2 a.curr
{
    padding: 8px 15px;
    font-weight: bold;
    margin: 2px;
    color: #fff;
    background-color: #263c92;
    border: #263c92 1px solid;
}
@media screen and (max-width: 768px)
{
    .main_about
    {
        padding: 60px 0;
    }
    .main_about_
    {
        width: 88%;
    }
    .main_about_left
    {
        width: 100%;
        float: none;
        padding-left: 0;
    }
    .main_about_left>h3
    {
        font-size: 3em;
        line-height: 100%;
    }
    .main_about_left>span
    {
        font-size: 1.6em;
        margin-top: -20px;
    }
    .main_about_left>p
    {
        font-size: 1em;
        margin: 20px 0;
        line-height: 160%;
    }/*
	.main_about_left a{ display: block; border: #263c92 1px solid;; width: 120px; color: #FFFFFF; text-align: center; padding: 8px 0px; border-radius: 20px; transition: all 0.5s;} 
	.main_about_left a:hover{background: #263c92; color: #FFFFFF; width: 180px;} 
	*/
    .main_about_left ul li
    {
        width: 19.5%;
        height: 100px;
        padding: 15px 5px;
        margin-right: 1.5px;
        border-radius: 5px;
    }
    .main_about_left ul li:last-child
    {
        float: right;
        margin-right: 0;
    }
    .main_about_left ul li h3
    {
        font-size: 1em;
    }
    .main_about_left ul li h3 strong
    {
        font-size: 1.5em;
    }
    .main_about_left ul li p
    {
        font-size: .8em;
        margin-top: 5px;
    }
    .main_about_right
    {
        float: none;
        width: 100%;
    }
    .main_about_right img
    {
        width: 100%;
    }
    .main_pro
    {
        width: 88%;
        margin: 60px auto;
    }
    .main_pro .main_pro_tit h5
    {
        font-size: 2em;
    }
    .main_pro .main_pro_tit p
    {
        font-size: 1.6em;
        margin-top: -20px;
    }
    .main_pro .main_pro_tit em
    {
        margin: 10px auto 0;
        height: 1px;
        width: 50px;
    }
    .main_pro .main_pro_
    {
        margin-top: 30px;
    }
    .main_pro .main_pro_ ul li
    {
        margin-right: 0;
        width: 49%;
        height: 360px;
        padding-top: 50px;
        margin-bottom: 8px;
        background-size: cover;
    }
    .main_pro .main_pro_ ul li:nth-child(2)
    {
        float: right;
    }
    .main_pro .main_pro_ h3
    {
        font-size: 1.5em;
    }
    .main_pro .main_pro_ p
    {
        font-size: .8em;
    }
    .main_pro .main_pro_ em
    {
        margin: 20px auto 30px;
        height: 15px;
    }
    .main_pro .main_pro_ ul li:nth-child(3) em
    {
        margin: 20px auto 15px;
    }
    .main_pro .main_pro_ img
    {
        width: 75%;
    }
    .main_pro .main_pro_ a
    {
        font-size: 1em;
        padding: 5px 10px;
        border-radius: 5px;
    }
    .main_pro .main_pro_ ul li:nth-child(3) a
    {
        display: inline-block;
        margin-top: 10px;
    }
    .main_img
    {
        display: none;
    }
    .main_video
    {
        padding: 60px 0;
    }
    .main_video .main_video_tit h5
    {
        font-size: 2em;
    }
    .main_video .main_video_tit p
    {
        font-size: 1.6em;
        margin-top: -20px;
    }
    .main_video .main_video_tit em
    {
        margin: 10px auto 0;
        height: 1px;
        width: 50px;
    }
    .main_video .main_video_
    {
        width: 88%;
        margin: 30px auto 0;
    }
    .main_icon
    {
        display: none;
    }
    .main_news
    {
        margin: 60px auto;
        background: #fff;
        padding: 0 0;
    }
    .main_news_tit h5
    {
        font-size: 3em;
    }
    .main_news_tit p
    {
        font-size: 1.6em;
        margin-top: -20px;
    }
    .main_news_tit em
    {
        margin: 10px auto 0;
        height: 1px;
        width: 50px;
    }
    .main_news_
    {
        width: 88%;
        margin: 30px auto 0;
    }
    .main_news_l
    {
        float: none;
        width: 100%;
        margin-right: 0;
        background: #fafafa;
        margin-bottom: 10px;
    }
    .main_news_r
    {
        float: none;
        width: 100%;
        background: #fafafa;
    }
    .main_news_ div.im
    {
        height: 180px;
    }
    .main_news_ div.ix
    {
        padding: 15px;
    }
    .main_news_ div.ix p
    {
        font-size: .8em;
    }
    .main_news_ div.ix h6
    {
        font-size: 1.2em;
        margin-top: 5px;
    }
    .main_case
    {
        margin: 60px auto;
    }
    .main_case .main_case_tit h5
    {
        font-size: 3em;
    }
    .main_case .main_case_tit p
    {
        font-size: 1.6em;
        margin-top: -20px;
    }
    .main_case .main_case_tit em
    {
        margin: 10px auto 0;
        height: 1px;
        width: 50px;
    }
    .main_case_
    {
        width: 88%;
        margin: 30px auto 0;
    }
    .main_case_ ul li
    {
        float: left;
        width: 49%;
        margin: 0 0 15px 0;
    }
    .main_case_ ul li:nth-child(2n)
    {
        float: right;
        margin: 0 0 15px 0;
    }
    .main_case_ ul li div
    {
        width: 100%;
        height: 110px;
    }
    .main_case_ ul li p
    {
        font-size: .8em;
        padding: 10px 0;
    }
    .us_menu_
    {
        width: 90%;
        margin: 30px auto;
    }
    .us_menu_ li
    {
        float: left;
        margin-right: 2px;
        margin-bottom: 2px;
    }
    .us_menu_ li a
    {
        font-size: 1em;
        padding: 3px 10px;
    }
    .locatn
    {
        width: 90%;
        padding: 10px 0;
        font-size: .8em;
    }
    .locatn a
    {
        font-size: 1em;
    }
    .con_about_a
    {
        width: 90%;
        margin: 50px auto;
    }
    .con_a_tit h3
    {
        font-size: 1.5em;
        margin-top: -10px;
    }
    .con_a_tit p
    {
        font-size: 2.5em;
    }
    .con_about_a_
    {
        margin-top: 30px;
    }
    .con_about_a_ p
    {
        margin: 20px 0;
        font-size: 1em;
        line-height: 160%;
    }
    .con_about_b
    {
        padding: 50px 0;
    }
    .con_b_tit
    {
        margin-bottom: 30px;
    }
    .con_b_tit h3
    {
        font-size: 1.5em;
        margin-top: -10px;
    }
    .con_b_tit p
    {
        font-size: 2.5em;
    }
    .con_about_b_
    {
        width: 90%;
        margin: 0 auto;
    }
    .con_about_b_ .fl
    {
        width: 100%;
        float: none;
    }
    .con_about_b_ .fl>h5
    {
        font-size: 1.2em;
        margin-bottom: 5px;
    }
    .con_about_b_ .fl>p
    {
        font-size: 1em;
        line-height: 160%;
        margin: 20px 0;
    }
    .con_about_b_ .fr
    {
        width: 100%;
        float: none;
    }
    .con_about_b_ .fr img
    {
        width: 100%;
    }
    .con_about_c
    {
        width: 90%;
        margin: 50px auto;
    }
    .con_c_tit h3
    {
        font-size: 1.5em;
        margin-top: -10px;
    }
    .con_c_tit p
    {
        font-size: 2.5em;
    }
    .con_about_c_
    {
        margin-top: 30px;
    }
    .con_about_c_ img
    {
        width: 100%;
    }
    .con_about_d
    {
        padding: 50px 0;
    }
    .con_d_tit
    {
        width: 90%;
    }
    .con_d_tit h3
    {
        font-size: 1.5em;
        margin-top: -10px;
    }
    .con_d_tit p
    {
        font-size: 2.5em;
    }
    .con_about_d_
    {
        width: 90%;
        margin: 30px auto 0;
    }
    .con_about_d_ ul li div
    {
        width: 100%;
        height: 100%;
        padding: 30px;
    }
    .con_about_d_ ul li div h5
    {
        font-size: 1.5em;
    }
    .con_about_d_ ul li div h5 strong
    {
        font-size: 1.2em;
        margin: 0 5px;
    }
    .con_about_d_ ul li div p
    {
        font-size: 1em;
        line-height: 160%;
        margin: 20px 0;
    }
    .con_about_d_ ul li img
    {
        width: 100%;
        float: none;
    }
    .con_about_d_ ul li:nth-child(2n) div
    {
        float: none;
    }
    .con_about_d_ ul li:nth-child(2n) img
    {
        float: none;
    }
    .con_about_e
    {
        width: 90%;
        margin: 50px auto;
    }
    .con_e_tit h3
    {
        font-size: 1.5em;
        margin-top: -10px;
    }
    .con_e_tit p
    {
        font-size: 2.5em;
    }
    .con_e_tit span
    {
        font-size: 1em;
        margin-top: 10px;
    }
    .con_about_e_
    {
        width: 100%;
        margin: 30px auto 0;
    }
    .con_about_e_ img
    {
        width: 100%;
    }
    .c_pro_list
    {
        width: 90%;
        padding: 30px 0;
    }
    .c_pro_list h5
    {
        font-size: 1.6em;
    }
    .c_pro_list ul
    {
        margin: 20px 0 0;
    }
    .c_pro_list ul li
    {
        float: left;
        width: 49%;
        margin: 0 0 10px 0;
    }
    .c_pro_list ul li:nth-child(2n)
    {
        float: right;
    }
    .c_pro_list ul li:nth-child(3)
    {
        float: left;
        margin: 0 0 10px 0;
    }
    .c_pro_list ul li:nth-child(9)
    {
        float: left;
    }
    .c_pro_list ul li div
    {
        width: 100%;
        height: 140px;
    }
    .c_pro_list ul li p
    {
        font-size: .8em;
        margin: 5px 0 0;
        text-align: center;
    }
    .c_pro_list>a
    {
        font-size: 1.2em;
        border-radius: 10px;
        padding: 10px 0;
        width: 100px;
    }
    .c_pro
    {
        width: 100%;
        margin: 30px 0;
        background: #fff;
    }
    .c_pro_
    {
        margin: 30px auto;
        width: 90%;
    }
    .c_pro_ ul li
    {
        width: 49%;
        float: left;
        margin: 0 0 20px 0;
    }
    .c_pro_ ul li:nth-child(2n)
    {
        float: right;
        margin: 0 0 20px 0;
    }
    .c_pro_ ul li:nth-child(3)
    {
        float: left;
        margin: 0 0 20px 0;
    }
    .c_pro_ ul li:nth-child(9)
    {
        float: left;
    }
    .c_pro_ ul li:nth-child(15)
    {
        float: left;
    }
    .c_pro_ ul li div
    {
        width: 100%;
        height: 140px;
    }
    .c_pro_ ul li em
    {
        height: 30px;
    }
    .c_pro_ ul li p
    {
        font-size: .8em;
    }
    .con_pro_m
    {
        padding: 10px 0 30px;
    }
    .con_pro_m_ .fl
    {
        width: 90%;
        height: auto;
    }
    .con_pro_m_ .fl img
    {
        width: 100%;
        height: 100%;
    }
    .con_pro_m_ .fr
    {
        width: 90%;
        margin: 0 auto;
        margin-top: 20px;
    }
    .con_pro_m_ .fr h1
    {
        font-size: 1.6em;
    }
    .con_pro_m_det
    {
        margin: 20px auto;
        width: 90%;
    }
    .con_pro_m_det .fl
    {
        width: 100%;
        float: none;
    }
    .con_pro_m_det .fl h1
    {
        font-size: 1.6em;
        margin-bottom: 20px;
    }
    .con_pro_m_det .fr
    {
        float: none;
        width: 100%;
        margin-top: 20px;
    }
    .con_pro_m_det .fr p
    {
        font-size: 1em;
    }
    .con_pro_m_det .fr p img
    {
        width: 100%;
    }
    .c_case
    {
        margin: 30px 0;
    }
    .c_case_
    {
        width: 90%;
    }
    .c_case_ ul li
    {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 8%;
    }
    .c_case_ ul li:nth-child(3n)
    {
        float: none;
    }
    .c_case_ ul li div
    {
        height: 100%;
    }
    .c_case_ ul li em
    {
        height: 10px;
        margin: 0 auto 5px;
    }
    .c_case_ ul li p
    {
        font-size: 1em;
    }
    .com_news
    {
        width: 90%;
        margin: 30px auto;
    }
    .com_news_ ul li
    {
        padding: 30px 0;
    }
    .com_news_ ul li div.fl
    {
        float: none;
        width: 100%;
        padding: 0 0 0 0;
    }
    .com_news_ ul li div.fl p a
    {
        font-size: 1.2em;
    }
    .com_news_ ul li div.fl em
    {
        margin: 10px 0;
        width: 30px;
        height: 1px;
    }
    .com_news_ ul li div.fl span
    {
        line-height: 160%;
        margin-bottom: 10px;
        font-size: .8em;
    }
    .com_news_ ul li div.fl i
    {
        font-style: normal;
    }
    .com_news_ ul li div.fr
    {
        float: none;
        width: 100%;
        height: 100%;
        margin-top: 15px;
    }
    .com_news_ ul li img
    {
        width: 100%;
        height: 100%;
    }
    .com_news_m
    {
        width: 100%;
    }
    .com_news_m h1
    {
        font-size: 1.5em;
        line-height: 125%;
    }
    .com_news_m h5
    {
        font-size: .8em;
        padding-bottom: 15px;
        border-bottom: #ddd 1px solid;
        margin-bottom: 30px;
    }
    .com_news_m p
    {
        font-size: 1em;
        margin-bottom: 20px;
        line-height: 160%;
    }
    .com_news_m p img
    {
        margin: 25px auto;
        max-width: 100%;
        width: 100%;
    }
    .com_news_more
    {
        margin: 30px auto;
        width: 100%;
        padding: 15px 0;
    }
    .com_news_more h5
    {
        font-size: 1.2em;
        margin-bottom: 20px;
    }
    .com_news_more ul li
    {
        margin: 6px 0;
    }
    .com_news_more ul li a
    {
        font-size: 1em;
    }
    .con_join_a
    {
        width: 90%;
        margin: 30px auto;
    }
    .con_join_a .con_join_a_tit
    {
        margin-bottom: 20px;
    }
    .con_join_a .con_join_a_tit p
    {
        font-size: 1.5em;
        margin-top: -10px;
    }
    .con_join_a .con_join_a_tit span
    {
        font-size: 2em;
    }
    .con_join_a_
    {
        width: 100%;
    }
    .con_join_b_
    {
        width: 100%;
    }
    .con_join_a_ h5
    {
        font-size: 1.2em;
        margin: 0 0 5px;
    }
    .con_join_a_ p
    {
        font-size: 1.2em;
        margin: 15px 0 5px;
    }
    .con_join_a_ span
    {
        font-size: 1em;
    }
    .con_join_b_ h5
    {
        font-size: 1.2em;
        margin: 0 0 5px;
    }
    .con_join_b_ p
    {
        font-size: 1.2em;
        margin: 15px 0 5px;
    }
    .con_join_b_ span
    {
        font-size: 1em;
    }
    .con_join_a_ .fl
    {
        float: none;
        width: 100%;
        padding: 10px 0;
    }
    .con_join_a_ .fr
    {
        float: none;
        width: 100%;
    }
    .con_join_b_ .fl
    {
        float: none;
        width: 100%;
    }
    .con_join_b_ .fr
    {
        float: none;
        width: 100%;
        padding: 10px 0;
    }
    .con_join_c
    {
        margin: 30px 0;
        padding: 30px 0;
    }
    .con_join_c .con_join_c_tit
    {
        width: 90%;
    }
    .con_join_c .con_join_c_tit span
    {
        font-size: 2em;
    }
    .con_join_c .con_join_c_tit p
    {
        font-size: 1.5em;
        margin-top: -10px;
    }
    .con_join_c_
    {
        width: 90%;
        margin: 30px auto 0;
    }
    .con_join_c_ .fl
    {
        float: none;
        width: 100%;
    }
    .con_join_c_ .fl p
    {
        font-size: 1em;
        line-height: 160%;
        margin: 15px 0;
    }
    .con_join_c_ .fr
    {
        float: none;
        width: 100%;
        margin-top: 15px;
    }
    .con_join_c_ .fr img
    {
        width: 100%;
    }
    .con_join_e
    {
        margin: 30px 0;
    }
    .con_join_e .con_join_e_tit
    {
        width: 90%;
        margin: 0 auto 20px;
    }
    .con_join_e .con_join_e_tit span
    {
        font-size: 2em;
    }
    .con_join_e .con_join_e_tit p
    {
        font-size: 1.5em;
        margin-top: -10px;
    }
    .con_join_e_
    {
        width: 90%;
    }
    .con_join_e_ img
    {
        width: 100%;
    }
    .con_join_d
    {
        margin: 30px 0;
        padding: 30px 0;
    }
    .con_join_d .con_join_d_tit
    {
        width: 90%;
    }
    .con_join_d .con_join_d_tit span
    {
        font-size: 2em;
    }
    .con_join_d .con_join_d_tit p
    {
        font-size: 1.5em;
        margin-top: -10px;
    }
    .con_join_d_
    {
        width: 90%;
        margin: 5px auto;
    }
    .con_join_d_ ul
    {
        margin-top: 25px;
    }
    .con_join_d_ ul li
    {
        width: 48%;
        border-radius: 10px;
        margin: 0 0 20px 0;
        padding: 10px 0;
    }
    .con_join_d_ ul li:nth-child(2n)
    {
        float: right;
    }
    .con_join_d_ ul li:last-child
    {
        float: right;
        margin: 0 0 0 0;
    }
    .con_join_d_ ul li img
    {
        width: auto;
        height: 36px;
    }
    .con_join_d_ ul li p
    {
        font-size: 1em;
        margin-top: 5px;
    }
    .con_join_f
    {
        margin: 80px auto;
        width: 90%;
    }
    .con_join_txt01
    {
        font-size: 1.5em;
    }
    .con_join_txt02
    {
        margin: 10px 0;
    }
    .con_join_txt02 input
    {
        padding: 10px;
        font-size: 1em;
        width: 49.2%;
        box-sizing: border-box;
    }
    .con_join_txt03
    {
        margin: 10px 0;
    }
    .con_join_txt03 input
    {
        padding: 10px;
        font-size: 1em;
        width: 100%;
        box-sizing: border-box;
    }
    .con_join_txt04
    {
        margin: 10px 0;
    }
    .con_join_txt04 textarea
    {
        padding: 10px;
        font-size: 1em;
        width: 100%;
        height: 80px;
        box-sizing: border-box;
    }
    .con_join_txt05
    {
        margin: 20px 0;
    }
    .con_join_txt05 input
    {
        padding: 15px;
        width: 100%;
        font-size: 1.2em;
        box-sizing: border-box;
    }
    .con_contact
    {
        width: 90%;
        margin: 50px auto;
    }
    .con_contact .fl
    {
        float: none;
        width: 100%;
    }
    .con_contact .fl ul li:first-child
    {
        margin-bottom: 30px;
        border-bottom: none;
    }
    .con_contact .fl ul li h2
    {
        font-size: 1.2em;
    }
    .con_contact .fl ul li h5
    {
        font-size: 1.5em;
    }
    .con_contact .fl ul li p
    {
        font-size: 1em;
    }
    .con_contact .fl ul li span
    {
        font-size: 1em;
    }
    .con_contact .fr
    {
        float: none;
        width: 100%;
        margin-top: 30px;
    }
    .con_contact .fr #dituContent
    {
        width: 100%;
        height: 200px;
    }
}