@charset "utf-8";
/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}
fieldset,img {
    border: 0;
}
input,textarea{outline: none;}
address,caption,cite,code,dfn,em,th,var {
    font-weight: normal;
    font-style: normal;
}
ol,ul {
    list-style: none;
}
caption,th {
    text-align: left;
}
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 100%;
}
q:before,q:after {
    content:"";
}
abbr,acronym {
    border: 0;
}
a{
    text-decoration: none;
}
img{
    border:none;
    vertical-align: middle;
}

    body {font: normal 100% Microsoft YaHei,Helvetica, Arial,sans-serif;overflow-x: hidden;color: #333;}

    .c {
        width: 1200px;
        margin-left: auto;
        margin-right: auto;

    }

    input, textarea {
        outline: none;
        background: none;
        border: none;
    }

    .cc {
        width: 1260px;
        margin-left: auto;
        margin-right: auto;
    }

    .left {
        float: left;
    }

    .right {
        float: right;
    }

    a {
        font-size: 14px;
        line-height: 25px;
    }

    p {
        font-size: 14px;
        line-height: 30px;
    }

    span {
        font-size: 14px;
    }

    a:hover {
        color: #087fca;
        text-decoration: none;
    }

    .clear {
        clear: both;
    }
.height30{height:30px;}
.height20{height:20px;}
.height34{height:34px;}
.height40{height:40px;}
.height10{height:10px;}
.height50{height:50px;}
.height60{height:60px;}
.height80{height:80px;}
.height90{height:90px;}
.height95{height:95px;}
    .f8 {
        background: #f8f8f8;
        width: 100%;
    }

    input::-webkit-input-placeholder {
        color: #bbbbbb;
    }

    input::-moz-placeholder { /* Mozilla Firefox 19+ */
        color: #bbbbbb;
    }

    input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color: #bbbbbb;
    }

    input:-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: #bbbbbb;
    }
 .contact{
  width: 520px;
  height: 300px;
  background: url("https://www.yiyiauto.com/lib/images/dt.png") no-repeat;
  position: fixed; 
  right: 350px;   
  bottom: 100px;  
  z-index: 999;   
}

    /* 网站头部 */
    .header {
        height: 115px;
        background: url("/lib/images/top_bj.png") no-repeat center;
        top: 0px;
        z-index: 999;
        width: 100%;
         /* position: fixed;  */
        -webkit-transition: all ease .5s;
        transition: all ease .5s;
    }
.header_top{height: 35px;}
.header_top .c{position: relative;}
.header_top .c .c_nav{width: 402px;height: 371px;background: url("/lib/images/nav2.png");position: absolute;
    top:34px;right:0;z-index: 9;display: none;transition: all .5s;padding-left: 28px;padding-top: 306px;}
.header_top p{line-height: 35px;}
.header_top span{float: right;color: #ccc;margin-right: 70px;}
.header_top span img{margin-right: 5px;}
.header_top span em{color: #ccc;}
.header_top .c_nav_1{position: absolute;top:0;right:0;}
.header_top .c_nav_1:hover .c_nav{display: block;transition: all .5s;}
.header_top .c_nav_1 .c_nav a{display: inline-block;width: 40px;height: 40px;margin-right: 28px;}

/*
    .headroom--unpinned {
        position: fixed;
        top: -90px;
    }

    .headroom--pinned {
        position: fixed;
        top: 0;
    }
*/
.header_nav{
    width: 100%;height: 56px;
    background: #0f67b2;
    position: relative;z-index: 9;
}
.header_nav > ul > li {
    float: left;
    width: 171.4px;
    height: 56px;line-height:56px;
    text-align: center;
    background: url("/lib/images/nav_r.png") no-repeat right center;
}

.header_mid > .left img{margin-top: -10px;}

.header_mid > ul{float: right;}
.header_mid > ul > li{float: left;width: 145px;height: 80px;text-align: center;}
.header_mid > ul > li > a {color: #555;font-size: 16px;line-height: 80px;}
.header_mid > ul > li > a > span {color: #fff;font-size: 12px;}
.header_mid > ul > li:hover{background: url("/lib/images/nav_bj.png") no-repeat center;}
.header_mid > ul > li:hover > a{color: #fff;}

    .header_mid > ul > li ol {
        background: #fff;
        margin-top: 0px;
        width: 200px;
        position: relative;
        display: none;
        margin-left: -30px;
        z-index: 2;
    }

    .header_mid > ul > li:hover ol {
        display: block;
    }

    .header_mid > ul > li:hover ol > li {
        height: 60px;
        text-align: left;
        padding-left: 10px;
        overflow: hidden;
        border-bottom: 1px solid #ddd;
    }

    .header_mid > ul > li:hover ol > li:hover {
        background: #ffbb05;
    }

    .header_mid > ul > li ol li a {
        line-height: 65px;
        color: #666;
        font-size: 14px;
    }

    .header_mid > ul > li ol li:hover a {
        color: #fff;
    }

    .header_mid > ul > li:hover ol > li > dl {
        position: absolute;
        left: 160px;
        background: rgba(211, 212, 214, 0.8);
        top: 0;
        width: 370px;
        display: none;
    }

    .header_mid > ul > li:hover ol > li:hover > dl {
        display: block;
    }

    .header_mid > ul > li:hover ol > li > dl dd {
        width: 184px;
        height: 50px;
        padding-left: 20px;
        float: left;
    }

    .header_mid > ul > li:hover ol > li > dl dd:nth-child(2n+1) {
        border-right: 1px dashed #e63955;
    }

    .header_mid > ul > li:hover ol > li > dl dd a {
        line-height: 50px;
        color: #e63955;
    }

    /* banner图 */
    .banner {
        height: 620px;
        width: 100%;
        min-width: 1200px;
        position: relative;
    }

    .banner .swiper-slide div {
        height: 620px;
    }

    .banner .swiper-container-horizontal > .swiper-pagination-bullets {
        bottom: 20px;
    }

    .banner .swiper-pagination-bullet {
        width: 15px;
        height: 15px;
        opacity: 1;
        background: #fff;
        border-radius: 100%;
    }

    .banner .swiper-pagination-bullet-active {
        opacity: 2;
        background: #ffbb05;
    }
/* 产品中心 */
.tit{text-align: center;}
.tit h2{font-size: 28px;color: #333;line-height: 50px;font-weight: bold;margin-top: 60px;}
.tit h2 em{font-size: 28px;color: #ffbb05;}
.tit h6{color:#A9A9A9;font-size:12px;line-height: 40px;margin-bottom: 35px;}

.int-dom{-webkit-perspective:300px;-moz-perspective:300px;-ms-perspective:300px;-o-perspective:300px;perspective:300px}
.int-dom .bgzz,.int-dom .int-add-dom{position:absolute;width:100%;height:100%;left:0;top:0}
.int-dom .int-add-dom{z-index:2}
.int-dom .int-add-dom{-webkit-transition:all .35s ease;-moz-transition:all .35s ease;-ms-transition:all .35s ease;-o-transition:all .35s ease;transition:all .35s ease}
.int-dom:hover .int-add-dom{-webkit-transform:translate(0,0) scale(1);-moz-transform:translate(0,0) scale(1);-ms-transform:translate(0,0) scale(1);-o-transform:translate(0,0) scale(1);transform:translate(0,0) scale(1);opacity:1}
.int-changeimg-shutter-out-horiz .int-add-dom{-webkit-transform:scale(.1,1);-moz-transform:scale(.1,1);-ms-transform:scale(.1,1);-o-transform:scale(.1,1);transform:scale(.1,1);opacity:0}
.prod_1{position: relative;}
.prod_1 .swiper-container{padding:10px 15px;}
.prod_1 .swiper-slide{border:1px solid #ddd;text-align: center;padding:25px;}
.prod_1 .swiper-slide .pic{margin: 10px auto;}
.prod_1 .swiper-slide h5{margin-top: 35px;padding-bottom: 27px;font-size: 16px;color: #333;}
.prod_1 .swiper-slide .prod_1_1{text-align: left;padding:15px;height: 120px;}
.prod_1 .swiper-slide:hover{border:1px solid #fff;box-shadow:#fafafa 1px 1px 10px 5px;}
.prod_1 .swiper-slide p{font-size: 14px;color: #777;}
.prod_1 .swiper-slide p:hover{color: #ffbb05;}
.prod_1 .swiper-button-prev, .prod_1 .swiper-button-next{width: 35px;height: 62px;margin-top: 50px;}
.prod_1 .swiper-button-prev{background: url("/lib/images/ico/p3.png");left:-120px;}
.prod_1 .swiper-button-next{background: url("/lib/images/ico/n3.png");right:-120px;}


.prod_1 > .left{width:260px;}
.prod_1 > .left > h2{background: #ffbb05;height: 70px;line-height: 70px;text-align: center;font-size: 24px;color: #fff;}
.prod_1 > .left > img{width: 100%;}
.prod_1 > .left ul{background: #f8f8f8;padding:8px 22px;}
.prod_1 > .left > ul > li > a{font-size: 18px;border-bottom:1px dashed #bbb;border-top:1px dashed #bbb;display: block;line-height: 47px;color: #333;}
.prod_1 > .left > ul > li:first-child > a{border-top:none;}
.prod_1 > .left > ul > li i{color: #ffbb05;margin:0 12px;font-size: 18px;}
.prod_1 > .left > ul > li ol{margin:10px 32px;}
.prod_1 > .left > ul > li ol li a{font-size: 16px;color: #666;line-height: 36px;}
.prod_1 > .left > ul > li a:hover{color: #ffbb05;}
.prod_1 > .right{width: 917px;}
.prod_1 > .right > h3{width: 99%;border-bottom: 1px solid #dbdbdb;line-height: 40px;margin-bottom: 26px;}
.prod_1 > .right > h3 em{border-left: 6px solid #ffbb05;margin-right: 15px;font-size: 16px;}
.prod_1 > .right > h3 span{border-bottom: 1px solid #ffbb05;font-size: 18px;padding-bottom: 9px;color: #666;}
.prod_1 > .right > h3 a{float: right;font-size: 16px;line-height: 40px;color: #999;}

.p_prod li {float: left;margin-right: 16px;margin-bottom: 16px;width: 295px;height: 280px;background: #f4f4f4;}
.p_prod li:nth-child(3n) {margin-right: 0;}
.p_prod li > div.p_pro_1 {width: 295px;height: 235px;transition: all .5s;
    overflow: hidden;position: relative;text-align: center;line-height: 235px;}
.p_prod li > div.p_pro_1 img{max-width: 280px;max-height: 230px;}

.p_prod li > div.p_pro_1 .p_pro_2 {width: 380px;height: 270px;position: absolute;background: rgba(0, 0, 0, .35);top: 270px;transition: all .5s;}
.p_prod li h5 {font-size: 16px;color: #666666;text-align: center;}
.p_prod li:hover h5 {color: #087fca;}

.p_prod li p {font-size: 12px;color: #888888;text-align: center;}

.p_prod li > div.p_pro_1 .p_pro_2 p {color: #fff;}

/* 合作客户 */
.case{width: 100%;min-width: 1200px;height: 600px;background: url("/lib/images/c_bj.jpg") no-repeat center top;overflow:hidden;}
.case .tit h2{color: #fff;}
.case li{float: left;width: 300px;height: 358px;background: url("/lib/images/case1.png") no-repeat center;text-align: center;padding:60px 50px;}
.case li img{height:65px;}
.case li h5{line-height: 50px;font-size: 16px;color: #333;}
.case li p{line-height: 26px;font-size: 13px;color: #666;text-align: left;}
.case li:hover{background: url("/lib/images/case2.png") no-repeat center;}

/* 优势 */
.pro_cat_1{margin-top: 50px;}
.pro_cat_1 li{width: 280px;margin:10px;height: 370px;border:1px solid #eee;float: left;}
.pro_cat_1 li img{width: 280px;height: 280px;}
.pro_cat_1 li h5{line-height: 30px;margin-top: 15px;margin-left: 15px;font-size: 16px;color: #666;}
.pro_cat_1 li p{line-height: 30px;margin-left: 15px;font-size: 14px;color: #888;}
.pro_cat_1 li:hover{border:1px solid #fff;box-shadow:#fafafa 1px 1px 10px 5px;}
.ys_2{width: 100%;background: url("/lib/images/ys_0.jpg") no-repeat center;height: 602px;}
.ys_1 ul{padding-left: 712px;padding-top: 75px;}
.ys_1 li img{float: left;}
.ys_1 li{height: 120px;}
.ys_1 li h5{font-size: 20px;color: #333;line-height: 25px;width: 395px;float: right;margin-bottom: 10px;}
.ys_1 li p{font-size: 16px;color: #666;width: 395px;float: right;line-height: 26px;}

    /* 关于我们 */
.about{width: 100%;min-width: 1200px;height: 618px;overflow: hidden;background: url("/lib/images/ab_bj.jpg") no-repeat center;padding-top:120px;}
.about .right {width: 525px;height: 394px;}
.about .right img {width: 100%;height: 100%;}

.about .left {width: 580px;height: 477px;position: relative;text-align: left;}
.about .left h2{color: #fff;line-height: 50px;margin-top: 10px;}
.about .left > div {width: 100%;height: 150px;overflow: hidden;margin-bottom: 70px;margin-top: 20px;}
.about .left > a{color: #fff;padding:15px 40px;background: #ffbb05;border-radius: 5px;}
.about .left p {line-height: 30px;font-size: 15px;color: #fff;}
.about .left h4{border-bottom: 1px solid #bbb;width: 80%;line-height: 55px;position: absolute;bottom: 0;}
.about .left h4 span{margin-right: 80px;font-size: 16px;color: #333;cursor: pointer;padding: 16px 5px;}
.about .left h4 span.active{border-bottom: 3px solid #087fca;}

.ab_1 ul{margin-top: 25px;display: none;}
.ab_1 ul:nth-child(2){display: block;}
.ab_1 ul li{float: left;text-align: center;width: 290px;height:242px;}
.ab_1 ul li{margin-right: 10px;}
.ab_1 ul li img{max-width: 100%;max-height: 100%;}

    /* 新闻中心 */

.news .tit h2{margin-top: 0;}
.news .p_right1 a{padding:8px 24px;margin:0 10px;color: #ffbb05;font-size: 14px;border-radius:5px;border:2px solid #ffbb05;}
.news h6{line-height: 45px;text-align: center;margin-bottom: 35px;margin-top: 20px;}
.news .p_right1 a.active{color: #fff;background: #ffbb05;}

.news .pic{width: 140px;height: 140px;float: left;}
.news .pic img{max-width: 100%;}
.news .news1 ul{display: none;}
.news .news1 li{width: 540px;background: #fff;float: left;margin: 15px 30px;}
.news .news1 li .news_2{float: right;width: 380px;}
.news .news1 li > a > img{width: 140px;height: 140px;}
.news .news1 li span{line-height: 30px;font-size: 14px;color: #333;}
.news .news1 li span em{color: #ffbb05;}
.news .news1 li h5 {font-size: 18px;line-height: 50px;color: #333;}
.news .news1 li p {font-size: 13px;line-height: 24px;color: #666;}
.news .news1 li:hover h5{color: #ffbb05;}

.hf{min-width: 1200px;position: relative;width: 100%;height: 60px;}
.hf p{background: url("/lib/images/f_bj1.png") no-repeat center;position: absolute;width: 100%;line-height: 120px;
    height: 120px;top:0;text-align: center;font-size: 22px;color: #262932;}
.hf p a{padding:10px 30px;font-size: 14px;color: #333;margin-left: 30px;border:1px solid #333;}
.hf p img{margin-right: 10px;}

.tech{height: 330px;overflow: hidden;position: relative;}
.tech ul{margin-top: 50px;position: absolute;top:140px;}
.tech li{background: #fff;width: 280px;;height: 126px;margin-bottom:18px;float: left;box-shadow:#f5f5f5 1px 1px 10px 5px;
    display: flex;align-items: center;justify-content: center;margin-right: 20px;}
.tech li img{max-height: 95%;max-width: 95%;}
/*
.tech li:hover img{transform: scale(1.1);transition: all .5s;filter:grayscale(0%);
    -webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);-ms-filter:grayscale(0%);-o-filter:grayscale(0%);
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);-webkit-filter:grayscale(0);} */
    /* 友情链接 */
.link {margin-top: 10px;margin-bottom: 20px;}
.link h3 {font-size: 18px;color: #4a4949;}
.link h3 a {font-size: 16px;color: #989797;margin-right: 30px;}
.link h3 a:hover {color: #2990f8;}

    /* 底部 */
    /*   底部样式   */
.footer {width: 100%;height: 615px;background: #262932;overflow: hidden;}
.footer .c {margin-top: 130px;}
.footer h2{color: #d3d3d3;font-size: 18px;margin-bottom: 25px;}
.footer .foot_2 {width: 360px;float: left;}
.footer .foot_2 li{font-size: 14px;color: #cccccc;line-height: 34px;}
.footer .foot_2 li img{margin-right: 10px;}
.footer .foot_2 p {margin-left: 130px;font-size: 12px;color: #cccccc;line-height: 28px;}

.footer .foot_3 {width: 360px;float: left;height: 300px;margin-left: 130px;}
.footer .foot_3 h3{font-size: 18px;color: #cccccc;line-height: 36px;margin-bottom: 30px;}
.footer .foot_3 h3 a{font-size: 16px;color: #adadad;}
.footer .foot_3 ul{float: left;margin-right: 60px;width: 120px;}
.footer .foot_3 li{}
.footer .foot_3 li a{color: #ccc;font-size: 14px;line-height: 30px;}
.footer .foot_3 li a:hover{color: #ffbb05;}
.foot_1 {width: 330px;height: 150px;float: right;}
.foot_1 p{font-size: 14px;color: #979799;line-height: 26px;}
.foot_1 .foot_1_1 {width: 135px;float: left;text-align: center;margin-left: 30px;margin-top: 30px;}
.foot_1 .foot_1_1 img {width: 135px;height: 135px;}

.footer .c1 {width: 100%;height: 50px;clear: both;background: #1b1d23;}
.footer .c1 p {line-height: 60px;text-align: center;font-size: 14px;color: #ccc;}
.footer .c1 p a {line-height: 60px;font-size: 14px;color: #ccc;}
.footer .c1 p span{margin-left: 50px;}


.page p {text-align: center;line-height: 100px;}
.page p span, .page p a {padding: 8px 14px;margin-left: 15px;font-size: 16px;color: #666666;border: 1px solid #ffbb05;border-radius: 100%;}
.page .current {color: #ffbb05;padding: 8px 14px;}
.page p a:hover {color: #ffbb05;padding: 8px 14px;}
/*固定的悬浮窗*/
.yb_conct {z-index: 9999999;top: 207px;cursor: pointer;position: absolute;right: -127px;bottom: 50%;height: 480px;}
.yb_bar ul li {width: 180px;height: 53px;font: 16px/53px 'Microsoft YaHei';color: #fff;text-indent: 54px;
    margin-bottom: 4px;border-radius: 3px;transition: all .5s ease;overflow: hidden;}
.yb_bar .yb_QQ {background: #ffbb05 url(/images/k3.png) no-repeat 0 -58px;}
.yb_bar .yb_phone {background: #ffbb05 url(/images/k3.png) no-repeat 0 -118px;}
.yb_bar .yb_mobile {background: #ffbb05 url(/images/k3.png) no-repeat 0 -172px;}
.yb_bar .yb_ercode {background: #ffbb05 url(/images/k3.png) no-repeat 0 -228px;}
.yb_bar .yb_top {background: #ffbb05 url(/images/k3.png) no-repeat 0 0;}
.hd_qr {margin-left: 29px;}
.yb_bar li a,.yb_bar li{display: block;text-indent: 54px;width: 100%;height: 100%;color: #fff;line-height: 57px;}


.site_map h1 a{font-size:18px;color:#666;line-height:60px;padding-left:10px;}
.site_map li{width:270px;display:inline-block;line-height:40px;padding-left:10px;}
.site_map ul{border:1px solid #eee;min-height:50px;}
.site_map li a{font-size:14px;color:#666;line-height: 36px;}
.site_map,.site_map a{font-size:12px;color:#666;}



.link_links{width: 100%;height: 135px;}
.link_links1{background: url("/lib/images/link.png") no-repeat left top;width: 120px; height: 100px;float: left; padding-left: 145px;padding-top: 26px;}
.link_links2{float: left;height: 16px;margin-top: 40px;}
.link_links2_1{float: left;text-align: center;height: 16px;}
.link_links2_1 a{font-size: 14px;color: #cfcfcf;height: 16px;line-height: 16px;}
.link_links2_1 a:hover{color: #d10c0c;}
.link_links2 .link_hr{width: 1px;height: 14px;background: #cfcfcf;float: left;margin: 5px 20px;}
.link_links2 .link_hr:nth-child(1){display: none;}
.link_footer{width: 100%;height: 85px;background: #1e1e1e; }
.link_footer p{text-align: center;color: #cfcfcf;line-height: 85px;}
.link_footer p a{color: #cfcfcf;padding-left: 20px;}
.link_footer p a:hover{color: #d10c0c;}
.link_footer p span{padding-left: 50px;}