﻿/*通用样式*/
.fleft
{
    float: left;
}
.fright
{
    float: right;
}
.abs
{
    position: absolute;
}
.rel
{
    position: relative;
}
.center
{
    margin: 0 auto;
}
.test
{
    background-color: #ccc;
}
.test2
{
    background-color: #999;
}
.malert
{
    position: fixed;
    width: 500px;
    height: 35px;
    background: #333;
    top: -35px;
    left: 50%;
    line-height: 35px;
    font-size: 14px;
    color: #000;
    margin-left: -250px;
    filter: alpha(opacity=70);
    -moz-opacity: .7;
    opacity: .7;
    z-index: 99999;
}
.top
{
    width: 100%;
    height: 140px;
}
.top_in
{
    background: url(../image/top_bg_01.png) no-repeat center;
    width: 100%;
    height: 149px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
}
.top_nr
{
    width: 1200px;
    height: auto;
    margin: 0 auto;
}
.top_logo
{
    text-align: center;
    color: #0075dc;
}
.top_logo .p1
{
    font-size: 36px;
    font-weight: bold;
    padding-top: 27px;
}
.top_logo .p2
{
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
}
.top_phone
{
    display: inline-block;
    font-size: 14px;
    color: #fff;
    top: 25px;
    right: 20px;
}
.top_phone span
{
    padding-left: 10px;
}
.top_phone em
{
    font-size: 36px;
}
.top_item
{
    line-height: 50px;
    width: 94px;
    height: 50px;
    display: inline-block;
    margin-right: 50px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    float: left;
}
.top_item a
{
    font-size: 16px;
    color: #fff;
    display: inline-block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.top_item:nth-child(5)
{
    margin-right: 425px;
}
.top_item:nth-child(8)
{
    margin-right: 0;
}
.top_item a:hover
{
    display: block;
    background-color: #343434;
    color: #0075dc;
}
.top_item .on
{
    display: block;
    background-color: #343434;
    color: #fff;
    border-bottom: 1px #212121 solid;
}
.top_item_box
{
    display: none;
    z-index: 999;
    width: 94px;
    height: auto;
    left: 0;
    top: 50px;
}
.top_item_box a
{
    display: block;
    height: 50px;
    width: 100%;
    line-height: 49px;
    text-align: center;
    font-size: 14px;
    border-bottom: 1px #303030 solid;
    background-color: #212121;
    color: #fff;
}
.main
{
    width: 100%;
    height: 830px;
    background-color: #f5f5f5;
}
.main_in
{
    width: 1200px;
    height: auto;
    margin: 0 auto;
}
.main_left
{
    width: 50%;
    float: left;
}
.i_top
{
    display: inline-block;
    padding-bottom: 30px;
    padding-top: 80px;
    text-align: center;
}
.i_top .p1
{
    display: inline-block;
    width: 56px;
    height: 158px;
    border: 1px #e6e6e6 solid;
    left: 50%;
    transform: translateX(-50%);
}
.i_top .p2
{
    color: #0075dc;
    font-size: 36px;
    font-weight: bold;
    padding-top: 40px;
    z-index: 1;
}
.i_top .p3
{
    color: #000;
    font-size: 24px;
    font-family: Arial;
    line-height: 44px;
    z-index: 1;
}
.i_top .p3 span
{
    position: absolute;
    top: 12px;
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 9px;
    margin-left: 10px;
    background-color: #fff;
    border: 4px #0075dc solid;
}
.main_left_nr
{
    margin-top: 30px;
    width: 535px;
    line-height: 37px;
    font-size: 14px;
}
.main_left_more
{
    margin: 30px 0 70px;
}
.main_left_more a
{
    display: inline-block;
    background: url(../image/i_border_03.png) no-repeat;
    width: 141px;
    height: 47px;
    text-align: center;
    line-height: 47px;
}
.main_left_more a:hover
{
    background: url(../image/i_border2_03.png) no-repeat;
    color: #fff;
}
.main_right
{
    width: 50%;
    float: left;
}
.main_right img
{
    position: absolute;
    width: 600px;
    height: 700px;
    top: 127px;
    left: 0;
    z-index: 1;
}
.main_botton
{
    background-color: #0075dc;
    width: 100%;
    height: 150px;
}
.main_bottom_box
{
    width: 600px;
    height: auto;
}
.main_bottom_box .p1
{
    font-size: 30px;
    padding: 35px 0 0 45px;
    color: #fff;
    width: 475px;
    word-break: break-all;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.main_bottom_box .p2
{
    color: #fff;
    font-size: 16px;
    padding: 15px 0 0 45px;
    width: 475px;
    word-break: break-all;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.main_bottom_box a
{
    display: inline-block;
    position: absolute;
    top: 55px;
    right: 65px;
}
.main2
{
    width: 1200px;
    height: 820px;
    margin: 0 auto;
}
.main2_left
{
    width: 600px;
    height: 820px;
    float: left;
}
.main2_left img
{
    position: absolute;
    width: 960px;
    height: 540px;
    top: 215px;
    right: 0;
}
.main2_right
{
    width: 600px;
    height: 820px;
    float: left;
    text-align: right;
}
.main2_right_top
{
    margin-right: 40px;
}
.main2_right_nr
{
    width: 700px;
    height: 390px;
    background-color: #0075dc;
    top: 300px;
    right: 0;
    z-index: 9;
}
.main2_right_border
{
    width: 568px;
    height: 298px;
    border: 1px #3492e6 solid;
    margin: 45px 0 0 106px;
}
.main2_right_border .left
{
    width: 315px;
    padding-top: 56px;
    float: left;
}
.main2_right_border .left a
{
    display: block;
    color: #fff;
    line-height: 48px;
    font-size: 18px;
    position: relative;
}
.main2_right_border .left a img
{
    width: 102px;
    height: 14px;
    position: absolute;
    left: -80px;
    top: 20px;
    display: none;
}
.main2_right_border .left a span
{
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 6px;
    border: 3px #fff solid;
    margin-left: 15px;
}
.main2_right_border .left a:hover img
{
    display: inline-block;
}
.main2_right_border .left a:hover span
{
    margin-left: 25px;
}
.main2_right_border .right
{
    width: 250px;
    float: left;
    padding-top: 56px;
}
.main2_right_border .right a
{
    display: block;
    width: 196px;
    height: 70px;
    margin-bottom: 38px;
    border: 2px #fff solid;
    text-align: center;
    line-height: 74px;
    font-size: 24px;
    color: #fff;
    margin-left: 25px;
}
.main2_right_border .right .on
{
    background-color: #fff;
    color: #0075dc;
}
.main2_right_border .right a:hover
{
    background-color: #fff;
    color: #0075dc;
}
.case
{
    width: 100%;
    height: auto;
    background-color: #f5f5f5;
}
.case_in
{
    width: 1200px;
    height: auto;
    margin: 0 auto;
}
.case_top
{
    text-align: center;
    padding-bottom: 70px;
}
.case_nr
{
    padding-bottom: 80px;
}
.case_nr a
{
    display: inline-block;
    position: relative;
    margin-right: 60px;
    width: 570px;
    height: 340px;
    float: left;
}
.case_nr a img
{
    width: 570px;
    height: 340px;
}
.case_nr a .case_nr_box
{
    background-color: #0075dc;
    position: absolute;
    opacity: .8;
    width: 265px;
    height: 106px;
    text-align: center;
    line-height: 106px;
    color: #fff;
    font-size: 24px;
    top: 117px;
    left: 152px;
}
.case_nr a:nth-of-type(2)
{
    margin-right: 0;
}
.news
{
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding-bottom: 55px;
}
.news_top
{
    width: 100%;
    height: auto;
    padding-bottom: 50px;
}
.news_top_left
{
    width: 50%;
    float: left;
}
.news_top_right
{
    width: 50%;
    float: left;
    text-align: right;
    margin-top: 115px;
}
.news_top_right a
{
    display: inline-block;
    text-align: center;
    width: 216px;
    height: 66px;
    border: 2px #000 solid;
    line-height: 70px;
    font-size: 20px;
    margin-left: 25px;
}
.news_top_right a:hover
{
    border: 2px #0075dc solid;
    color: #0075dc;
}
.news_top_right .on
{
    border: 2px #0075dc solid;
    color: #0075dc;
}
.news_nr .left
{
    width: 600px;
    float: left;
}
.news_nr .left .left_top
{
    width: 100%;
    height: 180px;
    background-color: #0075dc;
}
.news_nr .left .left_top p
{
    padding-left: 24px;
    color: #fff;
}
.news_nr .left .left_top .p1
{
    font-size: 24px;
    padding-top: 30px;
    line-height: 50px;
    width: 500px;
    word-break: break-all;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.news_nr .left .left_top .p2
{
    font-size: 14px;
    width: 500px;
    line-height: 26px;
}
.news_nr .left .left_img img
{
    width: 600px;
    height: 400px;
}
.news_nr .right
{
    width: 530px;
    padding: 0 34px;
    height: auto;
    border: 1px #e0dede solid;
    float: left;
}
.news_nr .right .right_box
{
    padding: 26px 0;
    border-bottom: 1px #e0dede solid;
}
.news_nr .right .right_box .right_box_img
{
    width: 210px;
    float: left;
}
.news_nr .right .right_box .right_box_img img
{
    width: 210px;
    height: 140px;
}
.news_nr .right .right_box .right_box_nr
{
    width: 240px;
    float: left;
    margin-left: 20px;
}
.news_nr .right .right_box .right_box_nr .a1
{
    display: block;
    font-size: 16px;
    line-height: 50px;
    padding-top: 10px;
    color: #2d2d2d;
    word-break: break-all;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.news_nr .right .right_box .right_box_nr .a2
{
    display: block;
    font-size: 14px;
    color: #6c6c6c;
    line-height: 25px;
}
.news_nr .right .right_box .right_box_img2
{
    width: 33px;
    float: left;
    margin-left: 26px;
    margin-top: 55px;
}
.news_nr .right .right_box .right_box_img2 img
{
    width: 33px;
    height: 33px;
}
.news_nr .right .right_box:nth-of-type(3)
{
    border: none;
}
.news_nr .right .right_box .right_box_nr a:hover
{
    color: #0075dc;
}
.foot
{
    width: 100%;
    height: 300px;
    background-color: #252525;
}
.foot_in
{
    width: 1200px;
    height: auto;
    margin: 0 auto;
}
.foot_left
{
    width: 450px;
    float: left;
    margin-right: 150px;
}
.foot_left_top
{
    line-height: 54px;
    padding-top: 26px;
    color: #0075dc;
    font-weight: bold;
    font-size: 16px;
}
.foot_left_top p
{
    padding-left: 8px;
}
.foot_left_nr
{
    width: 450px;
    height: 180px;
    background-color: #393939;
}
.foot_leftnr_left
{
    width: 128px;
    float: left;
    margin: 16px 0 0 26px;
}
.foot_leftnr_left p
{
    text-align: center;
    line-height: 32px;
    color: #828282;
    font-size: 14px;
}
.foot_leftnr_right
{
    width: 210px;
    float: left;
    margin-left: 42px;
    margin-top: 45px;
}
.foot_leftnr_rightphone
{
    color: #fff;
    padding-bottom: 10px;
}
.foot_leftnr_rightphone span
{
    font-size: 14px;
}
.foot_leftnr_rightphone em
{
    font-size: 18px;
    padding-left: 5px;
}
.foot_leftnr_rightbox
{
    width: 120px;
    height: 45px;
    background-color: #0075dc;
    text-align: center;
}
.foot_leftnr_rightbox .line
{
    width: 168px;
    height: 1px;
    background-color: #fff;
    top: 22px;
    left: -24px;
}
.foot_leftnr_rightbox a
{
    display: inline-block;
    line-height: 45px;
    color: #fff;
    font-size: 16px;
    background-color: #0075dc;
    padding: 0 8px;
    position: relative;
    z-index: 1;
}
.foot_right
{
    width: 400px;
    margin-left: 200px;
    float: left;
}
.foot_right_nr .p1
{
    color: #989898;
    margin-bottom: 10px;
}
.foot_right_nr .p1 span
{
    display: inline-block;
    width: 180px;
    height: 40px;
    background-color: #393939;
    color: #989898;
    font-size: 14px;
    padding-left: 10px;
    line-height: 40px;
    margin-right: 20px;
}
.foot_right_nr .p1 span:nth-of-type(2)
{
    margin-right: 0;
}
.foot_right_nr .p1 input
{
    width: 145px;
    height: 32px;
    border: none;
    background-color: transparent;
    margin-left: 5px;
    outline: none;
    color: #989898;
}
.foot_right_nr .p2
{
    display: inline-block;
    width: 400px;
    height: 78px;
    background-color: #393939;
    margin-bottom: 10px;
}
.foot_right_nr .p2 span
{
    float: left;
    color: #989898;
    font-size: 14px;
    padding: 5px 0 0 12px;
}
.foot_right_nr .p2 textarea
{
    width: 350px;
    height: 70px;
    margin: 4px;
    border: none;
    outline: none;
    background-color: transparent;
    line-height: 20px;
    color: #989898;
}
.foot_right_nr button
{
    width: 400px;
    height: 40px;
    border: none;
    background-color: #0075dc;
    font-size: 14px;
    color: #fff;
}
.foot2
{
    color: #a7a7a7;
    font-size: 14px;
    width: 100%;
    height: 56px;
    background-color: #3f3f3f;
}
.foot2_in
{
    width: 1200px;
    height: auto;
    margin: 0 auto;
    line-height: 56px;
    text-align: center;
}/***内页***/
.bg
{
    background-color: #f5f5f5;
}
.ny_banner_about
{
    background: url(../image/ny_banner_1_02.jpg) no-repeat center;
    width: 100%;
    height: 500px;
    margin: 0 auto;
}
.ny_nav
{
    width: 100%;
    height: 90px;
    box-shadow: 0 1px 15px 0 rgba(0,0,0,.1);
    position: relative;
    background-color: #fff;
}
.ny_nav i
{
    display: block;
    position: absolute;
    height: 10px;
    width: 40%;
    background-color: #0075dc;
}
.ny_nav_box
{
    width: 1200px;
    height: auto;
    margin: 0 auto;
    text-align: center;
}
.ny_nav_box a
{
    margin: 0 69px;
    display: inline-block;
    line-height: 90px;
    color: #616161;
    font-size: 20px;
}
.ny_nav_box a:hover
{
    color: #0075dc;
}
.ny_main
{
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding-top: 135px;
    margin-bottom: 55px;
}
.ny_top
{
    width: 380px;
    display: inline-block;
}
.ny_top .p1
{
    color: #0075dc;
    font-size: 48px;
    font-weight: bold;
    letter-spacing: -3px;
    line-height: 50px;
}
.ny_top .p2
{
    color: #248e3e;
    font-size: 48px;
    font-weight: bold;
    letter-spacing: -3px;
    line-height: 50px;
}
.ny_top .p2 span
{
    display: inline-block;
    width: 118px;
    height: 14px;
    border: 2px #e6e6e6 solid;
    margin-left: 10px;
    bottom: 5px;
}
.ny_top .p3
{
    font-size: 36px;
    color: #0075dc;
    line-height: 90px;
}
.ny_top .p3 span
{
    display: inline-block;
    width: 10px;
    height: 10px;
    border: 4px #0075dc solid;
    border-radius: 9px;
    margin-left: 10px;
    bottom: 25px;
}
.ny_top .p4
{
    padding-top: 40px;
}
.ny_top .p4 img
{
    width: 380px;
    height: 470px;
}
.ny_main_right
{
    width: 775px;
    color: #383838;
    font-size: 14px;
    line-height: 38px;
    margin-left: 45px;
}
.ny_main2
{
    background: url(../image/main2_bg_02.jpg) no-repeat center;
    width: 100%;
    height: 600px;
    margin: 0 auto;
}
.ny_main2_in
{
    width: 1200px;
    height: auto;
    margin: 0 auto;
}
.ny_main2_top
{
    text-align: center;
    margin: 0 auto;
    padding-top: 40px;
}
.ny_main2_top p
{
    color: #fff!important;
}
.ny_main2_top .p3 span
{
    border: 4px #fff solid;
}
.ny_main2_nr
{
    margin-top: 50px;
}
.ny_main2_nr a
{
    display: inline-block;
    width: 530px;
    height: 170px;
    background-color: #0075dc;
    text-align: center;
    line-height: 170px;
    font-size: 20px;
    color: #fff;
    float: left;
    margin-right: 140px;
    word-break: break-all;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.ny_main2_nr a:nth-child(2)
{
    margin-right: 0;
}
.ny_honor
{
    width: 1200px;
    height: auto;
    margin: 0 auto;
    margin-bottom: 70px;
}
.ny_honor_top
{
    text-align: center;
    padding-top: 55px;
    padding-bottom: 60px;
}
.ny_honor_img a
{
    display: inline-block;
    margin: 0 20px;
    float: left;
}
.ny_honor_img img
{
    width: 360px;
    height: 260px;
}/***内页***/
.ny_banner_service
{
    background: url(../image/ny_banruo_2_02.jpg) no-repeat center;
    width: 100%;
    height: 500px;
    margin: 0 auto;
}
.ny_service
{
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding: 100px 0 40px;
}
.ny_service_in
{
    width: 100%;
    height: 360px;
    background-color: #fff;
    margin-bottom: 40px;
}
.ny_service_img
{
    width: 600px;
    float: left;
}
.ny_service_img img
{
    width: 600px;
    height: 360px;
}
.ny_service_box
{
    width: 480px;
    height: auto;
    float: left;
    margin: 60px 0 0 55px;
}
.ny_service_box .p1
{
    font-size: 24px;
    word-break: break-all;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.ny_service_box .p2
{
    font-size: 14px;
    line-height: 38px;
    padding-top: 20px;
}
.ny_service_box a
{
    background: url(../image/i_border_03.png) no-repeat;
    width: 141px;
    height: 47px;
    line-height: 47px;
    text-align: center;
    top: 203px;
    position: absolute;
}
.ny_service_box a:hover
{
    background: url(../image/i_border2_03.png) no-repeat;
    color: #fff;
}
.ny_service_in:hover .p1
{
    color: #0075dc;
}
.ny_service_in:hover .p2
{
    color: #0075dc;
}/***内页***/
.ny_banner_case
{
    background: url(../image/ny_banruo_3_02.jpg) no-repeat center;
    width: 100%;
    height: 500px;
    margin: 0 auto;
}
.ny_case
{
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding: 100px 0 20px;
}
.ny_case a
{
    display: inline-block;
    width: 570px;
    float: left;
    margin-right: 60px;
    margin-bottom: 60px;
}
.ny_case a img
{
    width: 570px;
    height: 340px;
}
.ny_case a p
{
    background-color: #1882de;
    line-height: 70px;
    text-align: center;
    color: #fff;
    font-size: 24px;
}
.ny_case a:nth-of-type(2n)
{
    margin-right: 0;
}/***内页***/
.ny_banner_news
{
    background: url(../image/ny_banruo_4_02.jpg) no-repeat center;
    width: 100%;
    height: 500px;
    margin: 0 auto;
}
.ny_news
{
    width: 1200px;
    height: auto;
    margin: 0 auto;
}
.ny_news_in
{
    padding-top: 100px;
}
.ny_news_in a
{
    display: inline-block;
    float: left;
    width: 308px;
    height: 378px;
    border: 1px #d9d8d8 solid;
    padding: 0 30px;
    position: relative;
    background-color: #fff;
    margin: 0 45px 40px 0;
}
.ny_news_in a .p1
{
    font-size: 14px;
    color: #2d2d2d;
    padding-top: 28px;
}
.ny_news_in a .p2
{
    font-size: 20px;
    color: #2d2d2d;
    padding: 22px 0 52px;
}
.ny_news_in a .p3
{
    font-size: 14px;
    color: #6c6c6c;
    line-height: 32px;
}
.ny_news_in a img
{
    position: absolute;
    left: 30px;
    bottom: 35px;
}
.ny_news_in a:nth-of-type(3n)
{
    margin-right: 0;
}/***内页***/
.ny_news2
{
    width: 1200px;
    height: auto;
    margin: 0 auto;
}
.ny_news2_top
{
    text-align: center;
    margin: 95px 0 30px;
}
.ny_news2_top .p1
{
    font-size: 30px;
    font-weight: bold;
    color: #000;
}
.ny_news2_top .p2
{
    color: #555;
    font-size: 14px;
    line-height: 85px;
    border-bottom: 1px #d3d3d3 dashed;
}
.ny_news2_nr
{
    color: #555;
    line-height: 36px;
    text-indent: 2em;
    font-size: 16px;
    margin-bottom: 100px;
    padding: 0 20px;
}/***内页***/
.ny_contact_map img
{
    width: 100%;
    height: 700px;
}
.ny_contact_in
{
    position: fixed;
    top: 30%;
    background-color: #0075dc;
    width: 480px;
    height: 400px;
    left: 50%;
    margin-left: 120px;
}
.ny_contact_box
{
    width: 240px;
    height: 200px;
    float: left;
    text-align: center;
    color: #fff;
}
.ny_contact_box img
{
    width: 80px;
    height: 80px;
    border-radius: 40px;
    padding-top: 30px;
}
.ny_contact_box .p1
{
    line-height: 32px;
}