/* CSS Document */
*
{
    text-align: justify;
}
a
{
    display: block;
}
.position p a
{
    display: inline-block;
}
.nav-wrap ul
{
    border: none;
    border-bottom: 1px solid #dddfdf;
    border-radius: 0;
    background: none;
    text-align: center;
    padding: 0;
}
.nav-wrap ul li
{
    float: none;
}
.nav-wrap li a.cp_on, .nav-wrap li a:hover
{
    border-bottom: 1px solid #3172ca;
    background: none;
    padding: 0;
    margin: 0 20px;
}
.cpgs16
{
    padding-bottom: 70px;
    position: relative;
}
.cpgs16-left
{
    width: 360px;
    float: left;
    position: relative;
    height: 412px;
}
.cpgs16-img
{
    width: 747px;
    height: auto;/* background:#eee; */
    float: right;
}
.cpgs16-img img
{
    width: 100%;
    height: auto;
}
.cpgs16-left .cpgs16-title
{
    font-size: 34px;
    line-height: 200%;
    color: #333;
    font-weight: bold;
    padding-bottom: 10px;
}
.cpgs16-left .cpgs16-subtitle
{
    font-size: 22px;
    color: #333;
    line-height: 30px;
    padding-bottom: 20px;
}
.cpgs16-left .cpgs16-body
{
    font-size: 14px;
    line-height: 21px;
    color: #666;
    height: 221px;
}
.cpgs16-left .cpgs16-more
{
    width: 176px;
    height: 40px;
    background: #59baee;
    font-size: 14px;
    color: #fff;
    padding-left: 26px;
    line-height: 40px;
    position: absolute;
    left: 0;
    top: 354px;
}
.cpgs16-left .cpgs16-more img
{
    width: 37px;
    height: 40px;
    float: right;
    background: #3172ca;
}
.cpgs16-txt
{
    width: 688px;
    height: 402px;
    float: right;
}
.cpgs16-img1
{
    width: 295px;
    height: 402px;
    float: left;
    position: relative;
}
.cpgs16-img1 img
{
    width: 100%;
    height: auto;
    min-height: 100%;
}
.cpgs16-img1 .cpgs16-txt1
{
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../image/cp16_81.png) repeat;
    width: 255px;
    padding: 17px 20px 31px;
}
.cpgs16-img1 .cpgs16-txt1 .title
{
    font-size: 22px;
    line-height: 200%;
    color: #f4f4f4;
    padding: 0;
    border: none;
    width: auto;
}
.cpgs16-img1 .cpgs16-txt1 p
{
    font-size: 14px;
    line-height: 21px;
    color: #f4f4f4;
}
.cpgs16-img1 .cpgs16-txt1 p span
{
    color: #59baee;
}
.cpgs16-img3
{
    width: 372px;
    height: 191px;
    overflow: hidden;
    float: right;
}
.cpgs16-img3 .cpgs16-txt1
{
    width: 332px;
}
.cpgs16-img4
{
    margin-top: 20px;
    width: 372px;
    height: 191px;
    margin-left: 21px;
}
.cpgs16-img4 img
{
    width: 176px;
    height: 191px;
}
.cpgs16-img4 .cpgs16-txt1
{
    width: 156px;
    position: absolute;
    left: auto;
    right: 0;
    top: 0;
    padding: 5px 20px 0;
}
.cpys16
{
    width: 100%;
    height: 643px;
    background: #f8f8f8;
    padding-bottom: 63px;
}
.cpys16-main
{
    width: 1160px;
    margin: 0 auto;
}
.cpys16-main .cpys16-title
{
    padding-top: 34px;
    font-size: 34px;
    text-align: center;
    font-weight: bold;
    line-height: 200%;
}
.cpys16-bot
{
    width: 100%;
    height: 396px;
    overflow: hidden;
    padding-top: 24px;
}
.cpys16-menu
{
    width: 100%;
    height: 121px;
}
.cpys16-menu li
{
    width: 380px;
    float: left;
    margin-right: 9px;
    display: inline-table;
}
.cpys16-menu li:nth-child(3)
{
    margin-right: 0;
}
.cpys16-menu li a
{
    background: #fff;
    height: 121px;
    font-size: 22px;
    color: #333;
    text-align: center;
    line-height: 29px;
    vertical-align: middle;
    display: table-cell;
    background: url(../image/cp16_71.png) bottom center no-repeat;
}
.cpys16-menu li a.cpys16-on
{
    background: url(../image/cp16_05.png) bottom center no-repeat;
    color: #fff;
}
.cpys16-bot-1
{
    display: none;
}
#cpys16-top1
{
    display: block;
}
.cpys16-bot-1 .cpys16-list
{
    position: relative;
    width: 100%;
    height: 396px;
}
.cpys16-bot-1 .cpys16-list li
{
    width: 200px;
    background: url(../image/cp16_72.png) left 2px no-repeat;
    padding-left: 20px;
    font-size: 14px;
    line-height: 21px;
    position: absolute;
}
.cpys16-bot-1 .cpys16-list li span
{
    color: #218df6;
}
#cpys16-top1 .cpys16-list .cpys16-co1 li
{
    width: 210px;
}
.cpys16-bot-1 .cpys16-list li:nth-child(1)
{
    top: 46px;
    left: 0;
}
.cpys16-bot-1 .cpys16-list li:nth-child(2)
{
    top: 140px;
    left: 0;
}
#cpys16-top1 .cpys16-list .cpys16-co2 li:nth-child(2)
{
    top: 180px;
    left: 0;
}
.cpys16-bot-1 .cpys16-list li:nth-child(3)
{
    top: 191px;
    left: 0;
}
.cpys16-bot-1 .cpys16-list li:nth-child(4)
{
    top: 46px;
    left: 900px;
}
.cpys16-bot-1 .cpys16-list li:nth-child(5)
{
    top: 115px;
    left: 900px;
}
.cpys16-bot-1 .cpys16-list li:nth-child(6)
{
    top: 191px;
    left: 900px;
}
#cpys16-top2 .cpys16-co
{
    width: 212px;
}
#cpys16-top2 .cpys16-list .cpys16-co2
{
    left: 928px;
}
#cpys16-top2 .cpys16-list .cpys16-co1 li
{
    width: 210px;
}
#cpys16-top2 .cpys16-list li:nth-child(1)
{
    width: 212px;
    top: 46px;
    left: 0;
}
#cpys16-top2 .cpys16-list li:nth-child(2)
{
    width: 200px;
    top: 90px;
    left: 0;
}
#cpys16-top2 .cpys16-list .cpys16-co2 li:nth-child(2)
{
    width: 200px;
    top: 140px;
    left: 0;
}
#cpys16-top2 .cpys16-list li:nth-child(3)
{
    width: 200px;
    top: 227px;
    left: 0;
}
#cpys16-top3 .cpys16-list li:nth-child(1)
{
    width: 300px;
    top: 140px;
    left: 836px;
}
.cptx16-title
{
    padding-top: 60px;
    font-size: 34px;
    line-height: 200%;
    color: #333;
    font-weight: bold;
}
.cptx16-tab
{
    padding-top: 12px;
    padding-bottom: 62px;
}
.cptx16-menu
{
    width: 275px;
    float: left;
}
.cptx16-menu li
{
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #eaeaea;
}
.cptx16-menu li:nth-child(5)
{
    border-bottom: none;
}
.cptx16-menu li a
{
    font-size: 16px;
    color: #333;
    height: 60px;
    line-height: 60px;
    padding-left: 29px;
}
.cptx16-menu li a.cptx16-on
{
    background: #3172ca url(../image/cp16_03.png) 222px center no-repeat;
    color: #fff;
}
.cptx16-bot
{
    width: 864px;
    height: 346px;
    float: right;
    background: #f2f2f2;
}
.cptx16-bot-1
{
    display: none;
}
#cptx16-top1
{
    display: block;
}
.cptx16-body
{
    padding: 30px 30px 12px 53px;
}
.cptx16-txt
{
    width: 338px;
    float: left;
    font-size: 16px;
    line-height: 26px;
    padding-top: 40px;
}
.cptx16-body .cptx16-img
{
    float: right;
    width: 415px;
    height: 304px;
    overflow: hidden;
}
.cptx16-body .cptx16-img img
{
    width: 100%;
    height: auto;
}
.yycj16-title
{
    font-size: 34px;
    line-height: 200%;
    color: #333;
    font-weight: bold;
    text-align: center;
    padding-bottom: 32px;
}
.yycj16
{
    width: 100%;
}
.yycj16-main
{
    width: 100%;
    height: 340px;
    background: url(../image/cp16_25.png) repeat;
}
.yycj16-list
{
    width: 1160px;
    margin: 0 auto;
}
.yycj16-list li
{
    width: 232px;
    float: left;
    position: relative;
    height: 340px;
}
.yycj16-list li .yycj16-txt
{
    width: 232px;
    height: 340px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.yycj16-list li .yycj16-txt .yycj16-inner
{
    position: absolute;
    left: 0;
    top: 0;
    width: 232px;
    height: 340px;
}
.yycj16-list li .yycj16-txt .yycj16-inner .icon
{
    width: 32px;
    height: 32px;
    position: absolute;
    left: 100px;
    top: 105px;
}
.yycj16-list li .yycj16-txt .yycj16-inner .title
{
    font-size: 20px;
    text-align: center;
    color: #fff;
    line-height: 200%;
    position: absolute;
    top: 149px;
    padding: 0;
    border: none;
    width: 100%;
}
.yycj16-list li .yycj16-txt .yycj16-inner span
{
    width: 22px;
    height: 2px;
    background: #fff;
    position: absolute;
    top: 204px;
    left: 105px;
}
.yycj16-list li .yycj16-txt .yycj16-inner .txt
{
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    position: absolute;
    left: 0;
    top: 227px;
    padding: 0 30px;
    text-align: center;
    opacity: 0;
    height: auto;
    border: none;
}
.yycj16-list li .yycj16-active
{
    background: url(../image/cp16_73.png) repeat;
}
.yycj16-list li .yycj16-active .yycj16-inner
{
    animation: icon 10ms linear 1ms 1 both;
    -webkit-animation: icon 10ms linear 1ms 1 both;
}
.yycj16-list li .yycj16-active .yycj16-inner .txt
{
    opacity: 1;
}
@keyframes icon
{
    0%
    {
        top: 0;
    }
    100%
    {
        top: -40px;
    }
}
@-webkit-keyframes icon/*Safari and Chrome*/
{
    0%
    {
        top: 0;
    }
    100%
    {
        top: -40px;
    }
}
@-moz-keyframes icon/*Safari and Chrome*/
{
    0%
    {
        top: 0;
    }
    100%
    {
        top: -40px;
    }
}
@-o-keyframes icon/*Safari and Chrome*/{0%{top:0;}100%{top:-40px;}}
@-ms-keyframes icon/*Safari and Chrome*/
{
    0%
    {
        top: 0;
    }
    100%
    {
        top: -40px;
    }
}
.cpry16
{
    width: 100%;
    height: 440px;
}
.cpst
{
    width: 100%;
    height: 632px;
    background: url(../image/cp16_18.png) center center no-repeat;
}
.cpst16-main
{
    width: 1160px;
    margin: 0 auto;
}
.cpst16-title
{
    padding-top: 98px;
    text-align: center;
    font-size: 34px;
    color: #fff;
    line-height: 200%;
    padding-bottom: 51px;
}
.cpst16-main ul
{/* border-top:1px solid #ccc;
	border-left:1px solid #ccc; */
    width: 1161px;
    margin: 0 auto;
}
.cpst16-main ul li
{
    width: 231px;
    height: 53px;
    float: left;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    text-align: center;
}
.cpry16-txt
{
    padding-top: 70px;
    float: left;
    width: 295px;
}
.cpry16-txt .cptx16-title
{
    font-size: 34px;
    line-height: 200%;
    color: #333;
    font-weight: bold;
    padding: 0;
}
.cpry16-txt .cpry16-body
{
    font-size: 16px;
    line-height: 24px;
    color: #666;
}
.cpry16-txt .cpry16-body span
{
    margin-top: 20px;
    width: 30px;
    height: 2px;
    background: #59baee;
    display: block;
}
.cpry16-ryzs
{
    padding-top: 87px;
    float: right;
    width: 760px;
    position: relative;
}
.cpry16-ryzs .swiper-container
{
    width: 780px;
}
.cpry16-ryzs .swiper-pagination
{
    display: none!important;
}
.cpry16-ryzs .swiper-button-next
{
    width: 36px;
    height: 36px;
    position: absolute;
    top: auto!important;
    margin-top: auto!important;
    left: -58px;
    bottom: 0;
    right: 0;
    background: #52565a url(../image/cp16_17.png) center center no-repeat;
}
.cpry16-ryzs .swiper-button-prev
{
    width: 36px;
    height: 36px;
    position: absolute;
    top: auto!important;
    margin-top: auto!important;
    left: -100px;
    bottom: 0;
    right: 0;
    background: #52565a url(../image/cp16_16.png) center center no-repeat;
}
.cpry16-ryzs .swiper-slide
{
    width: 145px!important;
    height: 192px;
    margin-right: 20px;
    padding: 18px 15px;
    background: #f2f2f2;
}
.cpry16-ryzs .swiper-slide img
{
    width: 100%;
    height: 100%;
}
.cpry16-ryzs .swiper-slide p
{
    height: 44px;
    background: url(../image/cp16_74.png) repeat;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 100;
    padding: 6px 20px;
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    width: 135px;
    text-align: center;
}
.yyal16-title
{
    padding-top: 54px;
    font-size: 34px;
    line-height: 200%;
    text-align: center;
    font-weight: bold;
    padding-bottom: 30px;
}
.yyal16-tab
{
    height: 360px;
    width: 100%;
    box-shadow: 0 1px 16px rgba(0,0,0,.2);
    -ms-box-shadow: 0 1px 16px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 1px 16px rgba(0,0,0,.2);
    -o-box-shadow: 0 1px 16px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 16px rgba(0,0,0,.2);
    margin-bottom: 86px;
    overflow: hidden;
}
.yyal16-menu
{
    width: 212px;
    float: left;
    height: 360px;
    overflow: hidden;
}
.yyal16-menu .yyal16-menu-inner
{
    width: 229px;
    height: 377px;
    overflow: scroll;
}
.yyal16-menu li
{
    width: 100%;
    height: 60px;
}
.yyal16-menu li a
{
    line-height: 60px;
    font-size: 16px;
    color: #666;
    background: #f2f2f2;
    padding-left: 22px;
    border-right: 1px solid #f2f2f2;
    border-left: 4px solid #f2f2f2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.yyal16-menu li a.yyal16-on
{
    background: #fff;
    height: 58px;
    border: 1px solid #dadada;
    border-right: 1px solid #fff;
    border-left: 4px solid #59baee;
}
.yyal16-bot
{
    width: 864px;
    height: 308px;
    padding: 42px 26px;
    float: left;
}
.yyal16-bot-1
{
    display: none;
}
#yyal16-top3
{
    display: block;
}
.yyal16-body img
{
    width: 431px;
    height: 277px;
    float: left;
}
.yyal16-body .yyal16-txt
{
    width: 414px;
    float: right;
}
.yyal16-body .yyal16-txt .title
{
    font-size: 18px;
    line-height: 28px;
    padding: 0;
    width: 100%;
    border: none;
    color: #333;
    padding-top: 18px;
}
.yyal16-body .yyal16-txt .txt
{
    padding: 0;
    padding-top: 19px;
    line-height: 21px;
    font-size: 14px;
    color: #666;
    height: 135px;
    border: none;
}
.yyal16-body .yyal16-txt .more
{
    width: 167px;
    height: 40px;
    background: #59baee;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
}
.yyal16-body .yyal16-txt .more img
{
    width: 37px;
    height: 40px;
    float: right;
    background: #3172ca;
}
.rjzx16
{
    width: 100%;
    padding: 24px 0 64px;
    background: #f2f2f2;
}
.cgal_top
{
    width: 100%;
    height: 91px;
}
.cgal_top h3
{
    font-size: 34px;
    line-height: 200%;
    color: #333;
    font-weight: bold;
    float: left;
    padding: 0;
    background: none;
}
.cgal_top a
{
    width: 68px;
    height: 40px;
    float: right;
    color: #fff;
    font-size: 14px;
    line-height: 40px;
    padding-left: 17px;
    background: #3172ca url(../image/cp16_75.png) 62px center no-repeat;
}
.wdxz
{
    padding: 0;
}
.wdxz ul li
{
    width: 33.3%;
    float: left;
    margin: 0;
}
.wdxz ul li a
{
    width: auto;
    font-size: 14px;
    line-height: 200%;
    height: 28px;
    padding-left: 22px;
    background: url(../image/cp1_09.jpg) left center no-repeat;
    margin: 0;
    float: left;
    color: #333;
}
.xmbj_body div img
{
    width: auto!important;
    height: auto!important;
}
.video
{
    width: 300px;
    height: 280px;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 10;
}/* 厂家适配 */
.changjiamenu ul .off
{
    border-bottom: 0 solid #0074d1!important;
    position: relative;
}
.changjiamenu ul .off::after
{
    content: '';
    width: 60px!important;
    height: 3px!important;
    background: #0074d1;
    position: absolute;/* border-bottom: 1px solid #0074d1 !important; */
    bottom: 23px;/* left: 40px; */
    left: 52px;
}
.con_body
{
    width: 50%!important;
}
.changjialogo
{
    height: 335px;
    overflow: hidden;
}
#section8 .nav_btns
{/* margin-left: 59.4%!important;
	margin-top: 625px !important; */
    margin-left: 60%!important;
}/* .nav_btns .first_link:target{
	background: radial-gradient(#0074d1, #0074d1);
}
.nav_btns .second_link:target{
	background: radial-gradient(#0074d1, #0074d1);
} */
#con_container_one
{/* background: url(/images/uxdb20210802images/1-0804.png) top center no-repeat !important; */
    background: url(/images/uxdb20210802images/2-0804.jpg)top center no-repeat!important;/* height: 631px !important; */
}
#con_container_two
{
    background: url(/images/uxdb20210802images/2-0804.jpg)top center no-repeat!important;/* height: 631px !important; */
}