﻿@charset "utf-8";
/* CSS Document */
*{margin: 0px;padding: 0px;}
body{font: 14px/28px "Microsoft Yahei", "宋体", Arial, Verdana, Geneva, sans-serif !important;color: #666;background-color: #fff;}
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, hr{margin: 0px;padding: 0px;}
html, body{ height: 100%; width: 100%;}
a{color: #666;text-decoration: none;}
a:hover{color: #0f4269;text-decoration: none;}
img{border: 0;}
ul{display: block;}
ul, ul li{list-style: none;}
input, select, textarea{vertical-align: middle;font: 12px "Microsoft Yahei", Verdana, Geneva, sans-serif;border: 1px solid #dedede;}
.left{float: left;}
.right{float: right;}
.mt{margin-top: 10px;}
.mr{margin-right: 10px;}
.mb{margin-bottom: 10px;}
.ml{margin-left: 10px;}
.pt{padding-top: 10px;}
.pt2{padding-top:20px;}
.pt3{padding-top:30px;}
.pt4{padding-top:40px;}
.pt5{padding-top:50px;}
.pt6{padding-top:60px;}
.pt7{padding-top:70px;}
.pt8{padding-top:80px;}
.pt9{padding-top:90px;}
.pt10{padding-top:100px;}
.pr{padding-right: 10px;}
.pb{padding-bottom: 10px;}
.pb2{padding-bottom: 20px;}
.pb3{padding-bottom: 30px;}
.pb4{padding-bottom: 40px;}
.pb5{padding-bottom: 50px;}
.pb6{padding-bottom: 60px;}
.pb7{padding-bottom: 70px;}
.pb8{padding-bottom: 80px;}
.pb9{padding-bottom: 90px;}
.pb10{padding-bottom: 100px;}
.pl{padding-left: 10px;}
.wp{margin: 0px auto;width: 1240px;}
.cls{font-size: 0px;height: 0px;line-height: 0px;clear: both;}
.hs{ background: #f6f6f6;}
.wp1380{ width:1380px; margin:0px auto}
.hs{ background: #f5f5f5;}
.h1, h1{ font-size: 16px; font-weight: 600;}
.hs {
    background: white;
}

.zsy-img{ width: 100%; overflow: hidden;  height: 142px;position: relative;}
.zsy-img img{ max-width:100%; display: block; transform: translateZ(0) scale(1);}
.zsy-img img.abc {position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; display: block; text-align: center; margin: auto; background: #f6f6f6; transition:all 0.36s ease; }

/*===============================字体==========================*/


/*===============================db_xs==========================*/
.db_xs { width: 60px; height: 50px; transition: all 0.36s ease;  position: fixed; right: 30px; bottom: 60px; z-index: 9999; border-radius: 50%; display: none;}
/*顶部*/
.ix-header{ height: 50px;  transition: all 0.36s ease; position: relative; z-index: 3; }
.ix-logo {
    width: 360px;
}
.ix-logo img{ padding-top: 10px; height: 30px;max-width:100%}
.ix-nav ul li {
    float: left;
    line-height: 50px;
    margin: 0px 20px;
    position: relative;
    text-align: right
}
.active .ix-nav ul li a {
    color: #545557;
}
    .active .ix-nav ul li a:hover {
        color: black;
    }

.actives {
    position: fixed !important;
    background: white;
    left: 0px;
    top: 0;
    right: 0;
    z-index: 1000;
}
.ix-nav ul li a {
    font-size: 14px;
    position: relative;
    display: block;
    transition: all 0.36s ease;
    color: #545557;
}

    .ix-nav ul li a:hover {
        color: black;
    }
.ix-nav ul li a:hover::after{ width: 100%;}
.ix-nav ul li a.select{ color: #0f4269;}
.ix-nav ul li a.select::after{  width: 100%;}

.ix-links .il-list{ display:inline-block; position: relative;}
.active .ix-links .il-list i {
    color: #0f4269;
}
.ix-links .il-list i {
    font-size: 25px;
    color: #0f4269;
    vertical-align: middle;
    display: inline-block;
    padding-right: 17px;
    cursor: pointer;
} 
.ix-links .il-list:nth-child(2) i{ font-size: 27px;}
.ix-links .il-list:nth-child(3) i{ font-size: 29px; margin-top: 2px; padding-right: 0px;}

.ix-links .il-list .il-2{  position: absolute; left: -50px; top: 120px; opacity: 0; visibility: hidden; background-color: #fff; transition: all 0.36s ease; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); font-size: 14px;}
.ix-links .il-list .il-2.s1{ padding: 20px; width: 120px; line-height: initial;}
.ix-links .il-list .il-2 img{ width: 120px; margin: 0px auto;}
.ix-links .il-list .il-2 p{ line-height: 120%; text-align: center;}
.ix-links .il-list:hover .il-2{ position:absolute; top: 50px;  opacity: 1; visibility: visible;}

.ix-links .il-list .il-2.s2{ left: -120px; width: 280px; background-color:#fff; border: solid 1px #e0e0e0; height: 40px; line-height: 40px; }
.ix-links .il-list .il-2.s2 input{ padding: 0px 20px; width: 200px; height: 40px; border: none; border-radius: 6px; font-size: 14px;margin-top:-2px}
.ix-links .il-list .il-2.s2  a{ display:inline-block;}
.ix-links .il-list .il-2.s2  a i{ font-size: 20px;}
.ix-links .il-list .il-2.s3{ text-align: center; font-size: 14px; left: -120px; width: 280px; background-color:#fff;  height: 40px; line-height: 40px;}
.ix-links .il-list .il-2.s3 span{font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-style: italic; color:#0f4269;}
input{ outline:none;}

.ix-header .wp{ padding:0px 20px;  width:1160px;  box-shadow: 0 4px 10px 0 rgba(0,0,0,.3); }
.ix-header.active .wp {
    position: fixed !important;
    background: white;
    top: 20px !important;
    left: 0px;
    right: 0;
    z-index: 1000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
    border-bottom: 1px solid #0f4269;
}

/*二級*/
.ix-nav ul li .nav2{ opacity:0; visibility:hidden; position:absolute; top:120px; text-align: center; left:0; transition:all 0.36s ease; width:100%;background:#fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);  }
.ix-nav ul li:hover .nav2{top:50px; opacity:1; visibility:visible; }
.ix-nav ul li .nav2 a {
    padding: 0px 0px;
    color: #545557;
    padding: 10px 0px;
    line-height: 150%;
    font-size: 14px;
    transition: all 0.36s ease;
    /*background:#fff;*/
    background: #e8e9eb;
  
}
.ix-nav ul li .nav2 a:last-child{border-bottom:none;}
    .ix-nav ul li .nav2 a:hover {
        /*color: #545557;*/
        color: black;
        /*background: #e8e9eb;*/
        background: #ccc;
    }


/*banner*/
.ix-banner{ height: 680px; z-index: 1;}
.ix-banner .swiper-slide{ max-width: 1920px;  margin:0px auto;  height:680px;}
 .ix-banner .swiper-slide a{ display:block; height:100%;}
.ix-banner .swiper-button-prev{background: url(../images/l.png)no-repeat center center; width: 40px; height: 40px; background-size: 40px; left: 40px;}
.ix-banner .swiper-button-next{background: url(../images/r.png)no-repeat center center; width: 40px; height: 40px; background-size: 40px; right: 40px;} 
.ix-banner .swiper-button-prev, .ix-banner .swiper-button-next{ opacity:0; transition:all 0.36s ease;}

.ix-banner .swiper-button-prev.swiper-button-disabled, .ix-banner .swiper-button-next.swiper-button-disabled{ opacity:0; transition:all 0.36s ease;}


.ix-banner .swiper-pagination-bullet{width:40px; height:2px; background:rgba(255,255,255,0.3); border-radius:0;}
.ix-banner .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:rgba(255,255,255,1);}
.ix-banner:hover .swiper-button-prev, .ix-banner:hover .swiper-button-next{ opacity:0.8;}
.ix-banner:hover .swiper-button-prev.swiper-button-disabled, .ix-banner:hover .swiper-button-next.swiper-button-disabled{ opacity:0.8;}

/*首页搜索*/
.ix-search.abc{  position: absolute; left:50%; z-index: 2;     width: 285px;     margin-left: -600px; background:rgba(30,30,30,.3); height:620px; margin-top:0px;} 
.ix-search.abc .ix-search-box{padding: 30px 20px; padding-bottom:0px;  background-color:transparent; border:none; }
.ix-search.abc .ix-search-box h1{font-size:14px; font-weight: bold; color: #fff; line-height: 120%; padding-bottom: 10px;}
.ix-search.abc .sl-wz{ padding: 20px 0px; border-bottom: dashed 1px #cccccc;}
.ix-search.abc .sl-wz span{ font-size: 14px; color:#fff; font-weight:normal;}
.ix-search.abc .sl-wz a{ padding: 0px 8px; display: inline-block; border-radius: 4px; line-height: 24px; cursor:pointer; color:#fff; border:none;} 
.ix-search.abc .sl-wz a:hover{ background-color: #0f4269; color:#fff; border:none; }
.ix-search.abc .sl-wz input{ border: none; line-height: 34px; height: 34px; background-color: #f5f5f5; border: solid 1px #e5e5e5; border-right: none; width: 170px; border-radius: 6px 0px 0px 6px; padding: 0px 20px; font-size: 14px;}
.ix-search.abc .sl-wz a.sea-an{display: inline-block; height: 34px; line-height: 34px; cursor:pointer; color: #fff;  border-radius: 0px 6px 6px 0px; padding-left:8px; padding-right:8px; background-color: #0f4269; vertical-align: middle; border: solid 1px #0f4269; }
.ix-search.abc .sl-wz:nth-last-child(1){ padding-bottom: 0px; border-bottom: none;}

.ix-search.abc .sl-wz a{ padding:0px; padding-right:15px;}
.ix-search.abc .sl-wz a:hover{ background:none; color:#badef9;}
/*内页搜索*/
.ix-search{ margin-top: -100px; position: relative; z-index: 2;}
.ix-search-box{padding: 40px; border: solid 1px #e0e0e0; background-color: #fff;}
.ix-search-box h1{font-size:24px; font-weight: bold; color: #333333; line-height: 120%; padding-bottom: 10px;}
.sl-wz{ padding: 5px 0px; border-bottom: dashed 1px #cccccc;}
    .sl-wz span {
        font-size: 16px;
        color: #0f4269;
        font-weight: bold;
    }
.sl-wz a{ padding: 0px 8px; display: inline-block; border-radius: 4px; border: solid 1px #fff; line-height: 24px; cursor:pointer;}


.sl-wz a:hover {
    color: #274B6D;
}

.sl-wz input{ border: none; line-height: 34px; height: 34px; background-color: #f5f5f5; border: solid 1px #e5e5e5; width: 260px; /*border-radius: 6px 0px 0px 6px;*/ padding: 0px 20px; font-size: 14px;}
.sl-wz a.sea-an{position:absolute;display: inline-block; height: 34px; line-height: 34px; cursor:pointer; color: #fff;  border-radius: 0px 6px 6px 0px; background-color: #0f4269; vertical-align: middle; border: solid 1px #0f4269; }
.sl-wz:nth-last-child(1){ padding-bottom: 0px; border-bottom: none;}

/*二手游艇推荐*/
.box{ padding: 10px; background-color: #fff;}
.ix-head{ position: relative;}
.ix-head h1{font-size: 18px; color:#0f4269; font-weight: bold;}
.ix-head h1 span{ display: inline-block; font-size: 14px; font-family: Arial, Helvetica, sans-serif; color:#999999; padding-left: 10px; font-weight: normal;}
.ix-head a{ position: absolute; right: 0; top: 0; font-size: 14px; color: #666; }
.ix-head a b{ font-family: "宋体"; font-weight: bold;}


/*游艇列表*/
.ix-pro-list ul li{width:calc((100% - 4px)/4) !important; float: left;  background:#fff;} 
/*.ix-pro-list ul li:hover{ box-shadow: 0 10px 25px rgba(0,0,0,.2); z-index: 2; transition: all .5s; transform: translate3d(0,-3px,0);     background: #fff;}*/

.ix-pro-list ul li a{ display: block; padding: 20px 10px; padding-bottom: 15px;}
    .ix-pro-list ul li .ipl-tit {
        color: #4c4c4c;
        width: 99.9%;
        float: left;
        /*border: 1px solid #e6e6e6;*/
        box-sizing: border-box;
    }
        .ix-pro-list ul li .ipl-tit h1 {
            font-size: 16px;
            /*color: #333333;*/
            color: #606266;
            padding: 0 5px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            margin-top: 5px;
            font-weight: normal;
            font-size:14px;
            transition: all 0.36s ease;
        }
        .ix-pro-list ul li .ipl-tit span {
            display: inline-block;
            width: 33%;
            float: left;
            color: #606266;
        }
.ix-pro-list ul li .ipl-tit span:hover{}

.ix-pro-list ul li .ipl-tit span b{font-weight: normal; /*color:black;*/}
.ix-pro-list ul li .ipl-tit span:nth-child(5), .ix-pro-list ul li .ipl-tit span:nth-child(5) b{ color: #ff3333;}
/*.ix-pro-list ul li:hover .zsy-img img{    transform: translateZ(0) scale(1.2);}*/
.ix-pro-list ul li:hover .ipl-tit h1{ color: #0f4269;}

.ix-pro-list.abc{ width:1280px; margin:0px auto;}
.ix-pro-list.abc li{ /*margin-left:10px;*/     width: calc((100% - 100px)/4); }

/*底部*/
.ix-footer-one{ background:#fff!important;}
.ix-foot-nav{ width:calc(100% - 290px);}
.ix-foot-nav ul li{width:calc((100% - 120px)/6); float:left; padding-right:20px;}
.ix-foot-nav ul li img{ max-width:120px; margin:0px auto; display:block;}
.ix-foot-nav ul li p{ text-align:center; color:#808080; padding-top: 5px;}
.ix-foot-nav ul li h1{ padding-bottom:10px; font-size:16px; color:#333; line-height:150%; font-weight:normal;}
.ix-foot-nav ul li a{ display:block; font-size:13px; color:#808080;  transition:all 0.36s ease;}
.ix-foot-nav ul li a:hover{ color:#0f4269;}
.ix-foot-xx-ll{ width:210px;}
.ix-foot-xx-ll h1{ color:#333; font-weight:normal; font-style:italic; font-size:30px; font-family:Arial; padding-bottom:10px;}
.ix-foot-xx-ll p{ color:#808080; font-size:13px; }
.ix-foot-xx-ll p span{ display:inline-block;}
.ix-foot-two{ height:50px; font-size:14px; color:rgba(255,255,255,0.8); background: #0f4269; line-height:50px;} 
.ix-foot-two a{  font-size:14px; color:rgba(255,255,255,0.8); transition:all 0.36s ease;}
.ix-foot-two a:hover{ color:rgba(255,255,255,1);}
.db_logo{ height:26px; vertical-align:middle; display:inline-block; padding-right:40px;     padding-top: 12px;}


/*通用导航1*/
.ix-head-1{ text-align:center;}
.ix-head-1 h1{ color:#0f4269; line-height:120%; font-weight:600; font-size:30px;}
.ix-head-1 p span{ display:inline-block;  text-transform: uppercase;}
.ix-head-1 p span img{ margin-top:-2px;}
.ix-head-1 .bbs{ color:#fff;}


/*核心优势*/
.ix-hxys ul li{ width:calc((100% - 228px)/4); float:left; padding:10px 10px; margin-left:20px; text-align:center; transition:all 0.36s ease; }
.ix-hxys ul li:nth-child(1){ margin-left:0px;}

.ix-hxys ul li .ih-t1{font-size:16px; font-weight:bold; color:#0f4269; padding-bottom:5px;  transition:all 0.36s ease; /*padding-top:10px;*/}
 
.ix-hxys ul li .ih-t2{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5;  -webkit-box-orient: vertical; /*height: 136px;*/ }
.ih-t2 p{ line-height:180%; color:#666; /*padding-top:5px;*/  transition:all 0.36s ease;}

.ih-img .abc2{ display:none;}
.ih-img img{ width:50px; /*height:60px;*/ margin:0px auto; display:block;}


/*.ix-hxys.abc ul { width:1280px; margin:0px auto;}*/
.ix-hxys.abc ul {
    width: 100%;
    margin: 0px auto;
}
.ix-hxys.abc ul li{ margin-left:40px; width: calc((100% - 240px)/4); background:#fff;}

/*新样式*/

/*顶部*/
/*.ix-header .wp{ width: 1300px; padding: 0px;}*/
.ix-header .wp {
    width: 100%;
    padding: 0px;
}
.ix-header {
    background-color: white;
    height: 80px;
    border-bottom: 1px solid #0f4269;
}
.ix-header .wp{ box-shadow: none;}
.ix-logo{ width: 330px; height: 80px;margin-left:20px}
.ix-head-top{ height: 29px; line-height: 30px; color: #dee2e6; background-color: #0f4269; border-bottom: solid 1px #0c3859;}
.ix-logo-nav{ line-height: 80px; color:#73b4e5;}
.ix-nav ul li{ height: 80px; line-height: 80px;}
    .ix-nav ul li a {
        color: #545557;
        font-size: 16px;
    }
.ix-logo img{ height: 40px; padding-top: 20px;}
.ix-nav ul li a.select, .ix-nav ul li a:hover{color:black;}
.ix-links .il-list:hover .il-2{ top: 80px;}

/*.ix-links .il-list i{ color:#cfd9e1}*/
.ix-links .il-list i{ color:#0f4269}
.ix-links{ height: 80px; line-height: 80px;margin-right:7%;}
.ix-nav ul li:hover .nav2{ top: 80px;}
/*banner*/
.ix-banner{ height: 420px;}
.ix-banner .swiper-slide{height: 420px;}
/*.active {
    position: fixed !important;
    background: #0f4269;
    top: 0 !important;
    left: 0px;
    right: 0;
    z-index: 1000;
}*/

/*搜索2*/
.ix-search2-box{ background-color: #fff; padding: 40px;}
.ix-sea-a1{ width: 724px; border-right: solid 1px #e6e6e6; padding-right: 40px;}
.ix-sea-a2{width: 315px; padding-left: 40px;}
.ix-search2 .isa-head{ font-size: 20px; color: #333333; position: relative; }
.ix-search2 .isa-head a{ position: absolute; top: 0; right: 0; font-size: 14px; color:#999999;}
.ix-search2 .isa-list{ padding-bottom: 25px;}
.ix-search2 .isa-list.abc{ padding-bottom: 0px;}
.ix-search2 .isa-list a{ font-size: 14px; color:#333333; padding-right: 40px; display: inline-block;}
.ix-search2-box a:hover{color: #73b4e5;}

.isa-an { padding-top: 88px;}
.ix-sea-a2 input{ width: 173px; padding: 0px 20px; height: 38px; line-height: 38px; border-radius: 4px 0px 0px 4px; background-color: #f5f5f5; border: solid 1px #e6e6e6; color:#999999; font-size: 14px; vertical-align: bottom;}
.ix-sea-a2 .aa-abc{ width: 100px; height: 40px; text-align: center; line-height: 40px; color:#fff; font-size: 16px; background-color: #0f4269; display: inline-block; border-radius: 0px 4px 4px 0px;}
.isa-tit{ width: 317px; height: 40px; background:url(../images/ss.png)no-repeat center center; text-align: center; line-height: 40px; color: #fff; font-size: 18px;}

/*通用样式*/

.cent {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  
}
    .cent:hover {
        width: auto;
    }
.ipl-tit h1 {
    /*border-bottom: 1px solid #e6e6e6;*/
}
.ipl-tit .ipl_dp {
    /*border-bottom: 1px solid #e6e6e6;*/
    float: left;
    padding: 0 5px;
    width: 97%;
}
.pointsRule {
    display: inline-block;
    font-size: 12px;
    margin-top: 20px;
    float: left;
    margin-left: 50px;
}

    .pointsRule span {
        float: left;
        display: inline-block;
    }

    .pointsRule ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: inline-block;
        float: left;
        width: 100%;
    }

        .pointsRule ul li {
            display: list-item;
            text-align: center;
            float: left;
            margin: 10px 0 0;
            background: #fff;
            border-top: 1px solid #0F0F0F;
            border-bottom: 1px solid #0F0F0F;
            height: 45px;
        }

            .pointsRule ul li:first-child {
                border-left: 1px solid #0F0F0F;
            }

            .pointsRule ul li:last-child {
            }

            .pointsRule ul li a {
                display: block;
                padding: 8px 0;
                cursor: pointer;
            }

            .pointsRule ul li span {
                vertical-align: middle;
                width: 150px;
                height: 18px;
                line-height: 25px;
                display: inline-block;
                overflow: hidden;
                text-align: center;
                margin-left: 20px;
            }

            .pointsRule ul li i {
                float: right;
                border: #130303 solid;
                border-width: 1px 1px 0 0;
                width: 32px;
                height: 32px;
                margin: -2px -17px 0px 10px;
                top: 2px;
                transform: rotate(45deg);
                -webkit-transform: rotate(45deg);
                background-image: url("");
            }

/*产品切换*/

.slideTxtBox .hd{  background:#f4f4f4;  position:relative; }
.slideTxtBox .hd h1{ float: left; padding-right: 30px; border-right: 2px solid #cccccc; font-size: 22px; color:#333333; font-weight: normal; padding-left: 20px;}
.slideTxtBox .hd a{ float: right;}
.slideTxtBox .hd ul{ float:left;   }
.slideTxtBox .hd ul li{ float:left; margin-left: 30px; cursor:pointer; font-size: 16px; color:#999999; }
.slideTxtBox .hd ul li.on{ height:30px; color:#0f4269;    border-bottom:2px solid #0f4269; }
.slideTxtBox .bd .ix-pro-list{  zoom:1;  }
.ix-pro-list.abc{    width: 1240px;}

/* 交易流程 */

.ix-jylc.abc ul {
    width: 100%;
    margin: 0px auto;
}
.ix-jylc.abc ul li{ margin-left:20px; width: calc((100% - 220px)/4); background:#fff;}
.ix-jylc ul li:nth-child(1){ margin-left:0px;}
.ix-jylc ul li{ width:calc((100% - 228px)/4); float:left; padding:40px 20px; margin-left:20px; text-align:center; transition:all 0.36s ease; }

.ix-jylc ul li .ih-t1{font-size:16px; font-weight:bold; color:#0f4269; padding-bottom:5px;  transition:all 0.36s ease; padding-top:10px;}
.ix-jylc .ih-t2 p{ line-height:180%; color:#666; padding-top:5px;  transition:all 0.36s ease;}
/*.ix-jylc ul li:hover{ margin-top: -10px;     box-shadow: 0 10px 25px rgba(0,0,0,.2);}*/
.ix-jylc .ih-img img{ width: 80px; height: 80px;}



/* 核心优势 */
.ix-head{ text-align: center;}
.ix-head h1{ font-size: 22px; color:#333; font-weight: normal;}
.ix-hxys.abc ul{ width: 1200px;}
.ix-hxys.abc ul li{width: calc((100% - 220px)/4);}
.ix-hxys.abc ul li:nth-child(1){ margin-left: 0px;}

/*资深评估师*/
.ix-zspgs-wp { padding: 0px 40px; position: relative; width: 1120px;}
.ix-zspgs-wp .swiper-slide{ padding: 20px 0px;}
.ix-zspgs-wp .swiper-slide .li{  padding: 30px 20px; background-color: #fff; text-align: center; box-shadow: 0 0px 10px rgba(0,0,0,.2);  transition: all 0.36s ease;}
.ix-zspgs-wp .swiper-slide .li .ix-zspgs-img{ width: 120px; height: 120px; margin: 0px auto; }
.ix-zspgs-wp .swiper-slide .li .ix-zspgs-img img{ width: 120px; height: 120px; border-radius: 50%; overflow: hidden;}
.ix-zspgs-wp .ix-zspgs-t1{ font-size: 18px; color:#333; padding-top: 15px;}
.ix-zspgs-wp .ix-zspgs-t2{ font-size: 14px; color:#999999;}

.ix-zspgs-wp .swiper-button-prev{background: url(../images/l.png)no-repeat center center; width: 40px; height: 40px; background-size: 40px; left: -10px; }
.ix-zspgs-wp .swiper-button-next{background: url(../images/r.png)no-repeat center center; width: 40px; height: 40px; background-size: 40px; right:  -10px;} 
.ix-zspgs-wp .swiper-slide:hover .li{ margin-top: -10px;}


/*底部*/
.ix-foot-xx-ll{ width: 225px;}
.ix-foot-nav ul li{width: calc((100% - 80px)/6);}
.ix-foot-nav ul li:nth-child(3){ padding-left: 38px;}

/*驾照知识*/
.pg-ytzs{background-color: #fff;}
.pg-ytzs ul li{width: calc((100% - 100px)/4); float: left; margin-left: 20px; margin-top: 20px;}
.pg-ytzs ul li .pg-ytzs-img{ height: 200px; width: 100%; overflow: hidden;}
.pg-ytzs ul li .pg-ytzs-img img{ height: 200px; width: 100%; transition: all 0.36S ease;}
.pg-ytzs ul li a:hover .pg-ytzs-img img{ transform: scale(1.08);}
.pg-ytzs ul li .pg-ytzs-t1{height: 40px; line-height: 40px; width: calc(100% - 20px); padding: 0px 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; font-size: 14px; color:#666666; background-color: #f2f2f2; transition: all 0.36s ease;;}
.pg-ytzs ul li a:hover .pg-ytzs-t1{background-color: #0c3859; color:#fff;}
@media (max-width: 1080px) {
  
}
@media (max-width: 780px) {
  
}
@media (max-width: 640px) {
  
}

