body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td
{
    margin: 0;
    padding: 0;
}
table
{
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset, img
{
    border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var, optgroup
{
    font-style: inherit;
    font-weight: inherit;
}
del, ins
{
    text-decoration: none;
}
li
{
    list-style: none;
}
caption, th
{
    text-align: left;
}
textarea
{
    resize: none;
}
h1, h2, h3, h4, h5, h6
{
    font-size: 100%;
    font-weight: normal;
}
q:before, q:after
{
    content: '';
}
abbr, acronym
{
    border: 0;
    font-variant: normal;
}
legend
{
    color: #000;
}
input, button, textarea, select, optgroup, option
{
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}
input, button, textarea, select
{
    *font-size: 100%;
}
a
{
    text-decoration: none;
}
a:hover
{
    text-decoration: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
a:focus
{
    outline: none;
}
select:focus
{
    outline: none;
}
.fb
{
    font-weight: bold;
}
.fn
{
    font-weight: normal;
}
.unl
{
    text-decoration: underline;
}
.no_unl
{
    text-decoration: none;
}
.ti
{
    text-indent: -9999px;
}
.eps
{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.bc
{
    margin-left: 0;
    margin-right: 0;
}
.fl
{
    float: left;
}
.fr
{
    float: right;
}
.cb
{
    clear: both;
}
.cl
{
    clear: left;
}
.cr
{
    clear: right;
}
.cf:after
{
    clear: both;
}
.zoom
{
    zoom: 1;
}
.none
{
    display: none;
}
.block
{
    display: block;
}
body
{
    margin: 0;
    padding: 0;
    font: 12px 'Microsoft Yahei','宋体',Georgia,'Times New Roman';
    min-width: 1200px;
}
ul, li
{
    list-style: none;
    padding: 0;
    margin: 0;
}
a
{
    text-decoration: none;
}
.clearfix:after
{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0;
}
.contain
{
    width: 1200px;
    min-width: 1200px;
    margin: 0 auto;
}
.footer
{
    display: block;
    background: #f3f5f6;
    padding-top: 90px;
    padding-bottom: 90px;
}
.footer a
{
    color: #72767e;
    font-size: 13px;
}
.footer a:hover
{
    color: #0075eb;
}
.footer .a1
{
    color: #72767e;
    font-size: 13px;
}
.footer p
{
    color: #72767e;
}
.footer .foot-top
{
    padding-bottom: 30px;
}
.footer .foot-top .foot-item
{
    width: 240px;
    float: left;
}
.footer .foot-top .foot-item .hd
{
    font-size: 20px;
    color: #2a2c2e;
    margin-bottom: 35px;
}
.footer .foot-top .foot-item .bd li
{
    margin-bottom: 12px;
}
.footer .foot-top .foot-item .bd a
{
    display: inline-block;
    line-height: 20px;
}
.footer .foot-top .foot-item .bd .mail
{
    padding-left: 20px;
    background: url("/png/ptq0gew9.png") no-repeat left center;
}
.footer .foot-top .foot-item .bd .address
{
    padding-left: 20px;
    background: url("/png/u4i8n2nr.png") no-repeat left 0;
}
.footer .foot-top .foot-item .bd .tel
{
    padding-left: 20px;
    background: url("/png/cl577eho.png") no-repeat left center;
}
.footer .foot-top .foot-item .bd .code-box
{
    margin-bottom: 0;
    width: 90px;
    float: left;
    margin-right: 20px;
    text-align: center;
}
.footer .foot-top .foot-item .bd .code-box img
{
    width: 90px;
    height: 90px;
    margin-bottom: 10px;
}
.footer .foot-top .foot-item .bd .code-box .name
{
    font-size: 13px;
    color: #72767e;
}
.footer .foot-bottom
{
    border-top: 1px solid #d5dee0;
    padding-top: 35px;
    font-size: 12px;
    background: url("/png/wpernmh2.png") no-repeat 965px 30px;
}
.footer .foot-bottom a
{
    font-size: 12px;
}
.footer .foot-bottom .img-1
{
    width: 20px;
    height: 20px;
    margin-right: 10px;
}
.footer .foot-bottom .p2
{
    display: inline-block;
}
.footer .foot-bottom .a1
{
    margin-right: 20px;
}
.footer .foot-bottom .p1
{
    padding-top: 15px;
}
.footer-mobile
{
    display: none;
}
body
{
    background: #f5f7fa;
}
.pptg-footer .footer, .yxtg-footer .footer
{
    padding-top: 140px;
}
.section
{
    min-width: 1200px;
    position: relative;
}
.section-wrap
{
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.section-wrap .com-hd
{
    font-size: 40px;
    color: #2a2c2e;
    text-align: center;
    padding-top: 95px;
}
.section-wrap .desc-hd
{
    color: #72767e;
    font-size: 15px;
    text-align: center;
    line-height: 30px;
    margin-top: 10px;
}
.section02 .section-wrap, .section03 .section-wrap, .section04 .section-wrap, .section05 .section-wrap
{
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
}
.section02.show .section-wrap, .section03.show .section-wrap, .section04.show .section-wrap, .section05.show .section-wrap
{
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition: all 1s ease .1s;
}
.section01
{
    background: url(/jpg/3hqvswef.jpg) no-repeat top center;
    height: 700px;
}
.section01 .btn-qa
{
    border: 2px solid #fff;
    width: 166px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    display: inline-block;
    position: absolute;
    bottom: 180px;
    left: 50%;
    margin-left: -91px;
    color: #fff;
    font-size: 15px;
}
.section01 .logo-box
{
    overflow: hidden;
    margin-top: 16px;
}
.section01 .logo-box img
{
    width: 144px;
    height: 48px;
    display: block;
    float: left;
}
.section01 .logo-box p
{
    color: #fff;
    font-size: 16px;
    float: left;
    margin-left: 30px;
    margin-top: 26px;
    height: 30px;
}
.section01 .name-box
{
    color: #fff;
    text-align: center;
    margin-top: 183px;
}
.section01 .name-box h3
{
    font-size: 79px;
}
.section01 .name-box h5
{
    font-size: 20px;
    margin-top: 7px;
}
.section02
{
    background-color: #f5f5fa;
    height: 600px;
}
.section03
{
    height: 1713px;
    background: #fff;
}
.section04
{
    height: 522px;
    background: #f5f5fa url(/jpg/3sjq4ihy.jpg) no-repeat bottom center;
}
.section05
{
    background: #fff;
    min-height: 624px;
}
.section05 .section-wrap
{
    overflow: visible;
}
.section06
{
    height: 94px;
    background: #fff;
}
.problem
{
    width: 1194px;
    margin: 80px auto 20px;
}
.problem ul
{
    margin: 0 -39px;
}
.problem ul li
{
    float: left;
    border-radius: 4px;
    background-color: #fff;
    width: 240px;
    height: 280px;
    text-align: center;
    margin: 0 39px;
    color: #2a2c2e;
    font-size: 18px;
    transition: -webkit-transform 200ms ease-in;
    transition: transform 200ms ease-in;
    transition: transform 200ms ease-in,-webkit-transform 200ms ease-in;
}
.problem ul li:hover
{
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
}
.problem ul li p
{
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}
.problem ul li img
{
    width: 240px;
    height: 170px;
    display: block;
    margin-top: 38px;
    margin-bottom: 15px;
}
.service
{
    margin-top: 52px;
}
.service ul li
{
    height: 489px;
    border-top: 1px solid #ebebeb;
}
.service ul li:first-child
{
    border-top-color: transparent;
}
.service ul li.list1
{
    background: url(/png/jqf4go5d.png) no-repeat 666px center;
    padding-right: 540px;
}
.service ul li.list2
{
    background: url(/png/pbiwnge6.png) no-repeat left center;
    padding-left: 602px;
}
.service ul li.list3
{
    background: url(/png/6wd54fpz.png) no-repeat 677px center;
    padding-right: 540px;
}
.service ul li .p1
{
    color: #2a2c2e;
    font-size: 30px;
    margin-top: 169px;
}
.service ul li .p1 span
{
    color: #1d65f5;
    font-size: 40px;
    margin-right: 16px;
}
.service ul li p
{
    font-size: 18px;
    color: #2a2c2e;
    line-height: 38px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}
.service ul li .desc
{
    margin-top: 21px;
}
.bright-point
{
    margin-top: 70px;
}
.bright-point ul
{
    margin: 0 -40px;
    overflow: hidden;
}
.bright-point ul li
{
    float: left;
    width: 240px;
    text-align: center;
    margin: 0 40px;
}
.bright-point ul li .pic
{
    width: 120px;
    height: 112px;
    margin: 0 auto;
    line-height: 112px;
}
.bright-point ul li .pic img
{
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}
.bright-point ul li p
{
    line-height: 32px;
    font-size: 18px;
    color: #2a2c2e;
    margin-top: 31px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}
.example
{
    margin-top: 70px;
}
.example ul
{
    margin: 0 -20px;
}
.example ul li
{
    width: 373px;
    float: left;
    margin: 0 20px 40px 20px;
    transition: all 300ms ease;
}
.example ul li .pic
{
    width: 373px;
    height: 233px;
    overflow: hidden;
}
.example ul li .pic img
{
    display: block;
    transition: all 300ms ease;
}
.example ul li p
{
    padding: 0 3px;
    color: #2a2c2e;
    font-size: 18px;
    width: 367px;
    height: 68px;
    line-height: 68px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
}
.example ul li:hover
{
    background-color: #fff;
    box-shadow: 0 16px 30px 0 rgba(32,40,94,.1);
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
}
.example ul li:hover .pic img
{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.contact
{
    background: #c9d0ee url(/png/f5hukwkw.png) no-repeat;
    height: 128px;
    box-shadow: 0 3px 5px #c9d0ee;
    position: absolute;
    width: 1080px;
    bottom: -64px;
    font-size: 15px;
    color: #fff;
    padding: 0 60px;
    line-height: 128px;
}
.contact .contact-us
{
    float: left;
    font-size: 26px;
}
.contact p
{
    float: right;
}
.contact .email
{
    margin-right: 53px;
}
.contact .phone
{
    font-size: 26px;
}
.yxtg-section01
{
    background: url(/jpg/f6gah2j3.jpg) no-repeat top center;
}
.yxtg-section02 .problem ul li
{
    position: relative;
}
.yxtg-section02 .problem ul li img
{
    height: 280px;
    margin-top: 0;
    margin-bottom: 0;
}
.yxtg-section02 .problem ul li p
{
    border-radius: 4px;
    background-color: #0e94ff;
    width: 180px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    position: absolute;
    left: 50%;
    margin-left: -90px;
    bottom: -19px;
    z-index: 5;
    color: #fff;
    font-size: 16px;
}
.yxtg-section02 .problem ul li p span
{
    font-size: 24px;
    font-weight: bold;
    color: #a6ceff;
    margin-top: -3px;
}
.yxtg-section03 .service ul li.list1
{
    background: url(/png/p51yb973.png) no-repeat 666px center;
    padding-right: 540px;
}
.yxtg-section03 .service ul li.list2
{
    background: url(/png/3q5qjdqe.png) no-repeat left center;
    padding-left: 602px;
}
.yxtg-section03 .service ul li.list3
{
    background: url(/png/qwhk73ze.png) no-repeat 618px 22px;
    padding-right: 588px;
}
.yxtg-section04
{
    height: 502px;
}
.yxtg-section04 .bright-point
{
    margin-top: 91px;
}
.yxtg-section05
{
    min-height: 604px;
}
.yxtg-section05 .example
{
    margin-top: 89px;
}
.yxly-section01
{
    background: #f5f7fa;
}
.yxly-section01
{
    background: url(/png/fwpv4dxo.png) no-repeat top center;
    height: 553px;
}
.yxly-section01 .logo-box
{
    margin-top: 41px;
}
.yxly-section01 .name-box
{
    margin-top: 88px;
}
.yxly-section01 .name-box h3
{
    font-size: 46px;
}
.yxly-section01 .name-box h5
{
    font-size: 16px;
}
.yxly-section02
{
    margin-top: -157px;
    background: transparent;
    height: 450px;
}
.yxly-section02 .section-wrap
{
    overflow: visible;
}
.yxly-section02 .has-box
{
    border-radius: 10px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 10px 30px 0 rgba(32,40,94,.1);
    width: 1200px;
    height: 410px;
}
.yxly-section02 .has-box ul li
{
    width: 290px;
    float: left;
    padding: 40px 5px;
    height: 350px;
    text-align: center;
}
.yxly-section02 .has-box ul li:hover
{
    background-color: #f5f7fa;
}
.yxly-section02 .has-box ul li:hover img
{
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
}
.yxly-section02 .has-box ul li img
{
    width: 230px;
    height: 230px;
    transition: -webkit-transform 200ms ease-in;
    transition: transform 200ms ease-in;
    transition: transform 200ms ease-in,-webkit-transform 200ms ease-in;
}
.yxly-section02 .has-box ul li p
{
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}
.yxly-section02 .has-box ul li p.p1
{
    color: #30333b;
    font-size: 26px;
    margin-top: -30px;
    margin-bottom: 10px;
}
.yxly-section02 .has-box ul li p.p2
{
    color: #72767e;
    font-size: 16px;
}
.yxly-section02 .has-box ul li p.p2 i
{
    background: url(/png/v1bi530k.png) no-repeat;
    width: 16px;
    height: 13px;
    display: inline-block;
    margin-right: 5px;
}
.yxly-section03
{
    background: #f5f7fa;
}
.yxly-section03 .com-hd
{
    padding-top: 50px;
}
.yxly-section03 .service ul li.list1
{
    background: url(/png/wmiyrf4g.png) no-repeat 666px center;
    padding-right: 540px;
}
.yxly-section03 .service ul li.list2
{
    background: url(/png/53q6mzwz.png) no-repeat left center;
    padding-left: 602px;
}
.yxly-section03 .service ul li.list3
{
    background: url(/png/3vaygs7h.png) no-repeat 677px center;
    padding-right: 540px;
}
.yxly-section04
{
    background: #fff;
    min-height: 940px;
    height: 100%;
}
.yxly-section04 .section-wrap
{
    overflow: visible;
}
.float-box
{
    position: fixed;
    top: 50%;
    z-index: 350;
    width: 60px;
    margin-top: -15px;
    left: 50%;
    margin-left: 630px;
}
.float-box i
{
    background: url(/png/rlol04kd.png) no-repeat;
    display: inline-block;
    margin-top: 14px;
}
.float-box i.icon1
{
    height: 18px;
    width: 24px;
    background-position: 0 0;
}
.float-box i.icon2
{
    height: 21px;
    width: 25px;
    background-position: 0 -99px;
}
.float-box i.icon3
{
    height: 21px;
    width: 24px;
    background-position: 0 -36px;
}
.float-box .goto-top
{
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 6px 15px 0 rgba(32,40,94,.1);
    width: 60px;
    height: 60px;
    text-align: center;
    margin-top: 20px;
    display: block;
}
.float-box .goto-top i
{
    margin-top: 21px;
}
.float-box .goto-top:hover
{
    background: #007eff;
    color: #fff;
}
.float-box .goto-top:hover .icon3
{
    background-position: 0 -57px;
}
.float-box .float
{
    border-radius: 3px;
    box-shadow: 0 6px 15px 0 rgba(32,40,94,.1);
    width: 60px;
    height: 121px;
    background-color: #fff;
}
.float-box ul li
{
    position: relative;
    height: 60px;
    text-align: center;
    color: #72767e;
    font-size: 12px;
}
.float-box ul li a
{
    color: #72767e;
}
.float-box ul li.f2
{
    border-top: 1px solid #ebebeb;
}
.float-box ul li:hover
{
    background: #007eff;
    color: #fff;
}
.float-box ul li:hover a
{
    color: #fff;
}
.float-box ul li:hover .icon1
{
    background-position: 0 -18px;
}
.float-box ul li:hover .icon2
{
    background-position: 0 -78px;
}
.float-box ul li:hover .icon1
{
    background-position: 0 -18px;
}
.float-box ul li:hover .code-hover
{
    display: block;
    opacity: 1;
    -webkit-animation: menu-bar-show 300ms forwards;
    animation: menu-bar-show 300ms forwards;
}
.float-box ul li .code-hover
{
    background: url(/png/apykhl32.png) no-repeat;
    width: 205px;
    height: 200px;
    text-align: center;
    display: none;
    position: absolute;
    top: 0;
    opacity: 0;
    right: 60px;
    padding-right: 13px;
}
.float-box ul li .code-hover img
{
    width: 180px;
    height: 180px;
    vertical-align: middle;
    margin-top: 10px;
    margin-left: -4px;
}
@-webkit-keyframes menu-bar-show
{
    from
    {
        opacity: 0;
        right: 70px;
        display: block;
    }
    to
    {
        opacity: 1;
        right: 60px;
    }
}
@keyframes menu-bar-show
{
    from
    {
        opacity: 0;
        right: 70px;
        display: block;
    }
    to
    {
        opacity: 1;
        right: 60px;
    }
}