/*电脑头部*/
/*头部总宽度*/
.container-menu{width: 95%;margin: 0 auto;}
.header-pc{position: fixed;z-index: 10;background-image:url("../Image/h.png");
    background-repeat: no-repeat;
    background-position: top 63px left 48%;
    background-size: 74%;top: 0;left: 0;}
.header-pc-hide{transform: translateY(-40px);-webkit-transform: translateY(-40px);opacity: 0;visibility: hidden}
.header-pc-hide .l{transform: translateX(-50px);opacity: 0}
.header-pc-hide .r{transform: translateX(50px);opacity: 0}
.header-pc-hide .m{transform: translateY(50px);opacity: 0}
.header-pc .l{float: left;width: 10%;min-width: 170px;background: none}
.header-pc .l img{margin-top: 23px;cursor: pointer}
/*右*/
.header-pc .r{width: 10%;min-width:170px ;float: right;text-align: right;margin-top: 45px;background: none}
.header-pc .r span{display: inline-block;width: 37px;height: 37px;border-radius: 37px;margin-left: 13px;cursor: pointer;}
.header-pc .r span:nth-child(1){background:#c0121b url("../Image/s.png") center no-repeat;}
.header-pc .r span:nth-child(2){background:#fff url("../Image/add.png") center no-repeat;}
.header-pc .r span:nth-child(3){;background: url("../Image/menu.png") center no-repeat;}
/*中*/
/*.header-pc .m{width: 80%;float: left;background: url("../Image/h.png") center no-repeat;height: 5px;margin-top: 40px}*/
/*menu*/
header{width: 95%;height: 80px;background: #fff;left: 2.5%;position: fixed;z-index: 5;top: -80px;opacity: 0;border-radius: 5px;}
.menu-show-pc{transform: translateY(110px);-webkit-transform: translateY(110px);opacity: 1}
/**/
.menu-show-pc-main{width: 100%;left: 0;transform: translateY(80px);-webkit-transform: translateY(80px);border-radius: 0;opacity: 0;
visibility: visible;box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);border-bottom: 2px solid #c0121b}
.menu-box{width: 96%;margin: 0 auto;height: 100%;position: relative}
/*上滑控制menu的隐藏显示*/
.show-meni-contro{position: fixed;left: 0%;top: 0;width: 80px;height: 80px;background: #c0121b;transition: 0.5s;-webkit-transition: 0.5s;
    z-index: 13;border-bottom-right-radius: 80px;opacity: 0;visibility: visible;cursor: pointer}
/*.show-meni-contro .son{font-size: 15px;color: #fff;margin-left: 15px;margin-top: 13px;opacity: 0.8}*/
.show-meni-contro-hide{opacity: 0!important;}
.show-meni-contro .son{width: 36px;height: 36px;margin-left: 11px;margin-top: 13px;opacity: 0.8}
.show-meni-contro .son img{width: 36px;animation:run2 2.5s linear infinite;cursor: pointer;}

@keyframes run2 {
    0% {
        transform: scale(0.9);
        opacity: 0.95;
    }
    50% {
        transform: scale(1);
        opacity: 0.7;
    }
    100% {
        transform: scale(0.9);
        opacity: 0.95;
    }

}

/*上滑后消失。hover后显示*/
/*.menu-show-pc-main:hover{opacity: 1}*/
/*logo*/
.menu-logo{width: 10%;height: 64px;float: left;margin-top: 7px;background:url("../Image/logo1.png") left center no-repeat;
background-size: contain}

/*menu*/
.menu-con{width: 80%;height: 80px;float: right;background: rgba(0,0,0,0.0);}

.menu-con li{width: 16.6%;float: left;height: 100%;box-sizing: border-box;}

.menu-con li:hover .a{;color: #c0121b!important;}
.menu-con li .a[data=xzl]{color: #c0121b!important;font-weight: bold}
/*.menu-con li:nth-child(8) .a{text-align: right;}*/
.menu-con li .son{width: 100%;height: 100%;position: relative}
.menu-con li .son .a{display: block;width: 100%;height: 100%;line-height: 80px;text-align: center;color: #333;font-size: 16px;
    transition: 0.3s;-webkit-transition: 0.3s;box-sizing: border-box;font-size: 18px;}'
.menu-con li .son .a[data=xzl]{color: #c0121b;font-weight: bold}
/*控制下拉的一级宽度*/
.menu-con li .son .xiala{position: absolute;left: 0px;width:100%;z-index: 10;
    box-sizing: border-box;top: 80px;opacity: 0;transition: 0.4s;-webkit-transition: 0.4s;transition-timing-function:ease;visibility: hidden;
    transform: translateY(20px);-webkit-transform: translateY(20px);box-shadow: 0px 0px 10px #333;
;}
.menu-con li .son .xiala1{opacity: 1;transform: translateY(-0px);visibility: visible;}
.menu-con li .son .xiala .s{width: 100%;height: 10px;}
.menu-con li .son .xiala .line{width: 100%;height: 0;display: none;margin: 0 auto;background:#1b62d6}
.menu-con li .son .xiala dl{width: 100%;background: #fff;}
.menu-con li .son .xiala dt{width: 100%;margin: 0 auto;border-bottom: 1px solid #ddd;position: relative;}
.menu-con li .son .xiala dt .a2{display: block;width: 100%;height: 100%;font-size: 14px;color: #666;
;text-align:center;/*background: url("../Image/m-jt1.png") right 15px center no-repeat;*/padding: 13px 0;text-align: left;text-indent: 15px}
/*.menu-con li .son .xiala dt:nth-child(1) .a2{box-sizing: border-box;border-top: 1px solid #ddd;}*/
.menu-con li .son .xiala dt .a2:hover{color: #c0121b!important;}
.menu-con li .son .xiala dt a[data=xzl]{color: #c0121b!important;}

/*右边*/
.menu-r{width: 10%;height: 100%;float: right;text-align: right;background: url("../Image/rr.png") center no-repeat;}
.menu-r a{display: inline-block;width: 50%;height: 100%;}


/*********修改头部******************/
.allmenu{width: 100%;height: 100%;position: fixed;z-index: 12;background: pink;left: 0;top: 0;overflow-y: scroll;
background:rgba(0,0,0,0.4);background-size: cover;display: none}

.allmenu-c{width: 100%;height: 100%;background: rgba(0,0,0,0);position: relative;}
/*头部*/
.allmenu-c-1{position: absolute;left: 0;top: 40px;z-index: 2;width: 100%;}
.allmenu-c-1-l{float: left;}
.allmenu-c-1-l img{display: block;}
.allmenu-c-1-r{float: right;}
.allmenu-c-1-r span{margin-top: 10px;display: inline-block;border: 1px solid #000;font-size: 28px;padding: 4px 20px;color: #000;
font-family: ccc;letter-spacing: 1px;border-radius: 5px;font-weight: bold;cursor: pointer;}
/*menu*/
.allmenu-c-2{position: absolute;left: 0;top: 0;z-index: 1;width: 100%;height: 100%;background: url("../Image/wbg4.jpg") center no-repeat;background-size: cover}
.allmenu-c-2 li{width: 20%;height: 100%;box-sizing: border-box;background: #fff;float: left;
transition: 0.5s;-webkit-transition: 0.5s;display: none;}
.allmenu-c-2 li:nth-child(n+2){border-left: 1px solid #eee}

/*.allmenu-c-2 li:nth-child(1){background: rgba(0,0,0,0.3);}*/
.allmenu-c-2 li .m-top{margin-top: 55%}
.allmenu-c-2 li .line{width: 1px;height: 50px;background: #fff;margin: 0 auto;opacity: 0;transition: 0.5s;-webkit-transition: 0.5s;}
.allmenu-c-2 li .num{font-size: 82px;text-align: center;font-family: ccc;color: #ddd;padding-top:20%;padding-bottom: 4%;
transition: 0.5s;-webkit-transition: 0.5s;}
.allmenu-c-2 li .small-t{text-align: center;color: #fff;font-size: 15px;font-family: bbb;padding-bottom: 2%;opacity: 0;
    transition: 0.5s;-webkit-transition: 0.5s;}
.allmenu-c-2 li .big-t{text-align: center;color: #333;font-size: 24px;padding-bottom: 7%;
    transition: 0.5s;-webkit-transition: 0.5s;}
.allmenu-c-2 li  dl{transition: 0.5s;-webkit-transition: 0.5s;}
.allmenu-c-2 li  dl dt a{display: block;text-align: center;padding: 1.5% 0;color: #666;font-size: 15px;}
.allmenu-c-2 li  dl dt a[data=xzl]{color: #c0121b;font-weight: bold;}
.allmenu-c-2 li  dl dt a:hover{color: #c0121b;}
.allmenu-c-2 li:hover{background: rgba(0,0,0,0.3);}
.allmenu-c-2 li:hover .line{opacity: 1;}
.allmenu-c-2 li:hover .num{transform: translateY(-35px);-webkit-transform: translateY(-35px);color: #fff;}
.allmenu-c-2 li:hover .small-t{transform: translateY(-30px);-webkit-transform: translateY(-30px);opacity: 1}
.allmenu-c-2 li:hover .big-t{transform: translateY(-30px);-webkit-transform: translateY(-30px);color: #eee;}
.allmenu-c-2 li:hover dl{transform: translateY(-30px);-webkit-transform: translateY(-30px);}
.allmenu-c-2 li:hover dl a{color: #fff}























/******************************************手机头部**************************/
/*手机头部*/
.header-m-s{display: none;height:80px;position: fixed;top: 0px;z-index: 10;background:rgba(0,0,0,0.5);}
.header-m-s-b{background: #fff;box-shadow: 0 2px 8px rgba(0,0,0,0.3);}
.header-m-s .container{position: relative;height: 100%}
.logo-m{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 1}
.logo-m-c{height: 75%;margin: 0 auto;}
.logo-menu-tip{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 2;}
.logo-menu-tips{width: 50px;height: 100%;float: right;background: url("../Image/menu.png") center no-repeat;
    background-size: 26px}
.logo-menu-tips-s{width: 50px;height: 100%;float: right;background: url("../Image/m/close.png") center no-repeat!important;
    background-size:25px!important;}
/*手机端搜索*/
.sea-menu-tips{width: 50px;height: 100%;float: left;background: url("../Image/m-s.png") center no-repeat;
    background-size: 26px}
.sea-menu-tips-s{width: 50px;height: 100%;float: left;background: url("../Image/m-s1.png") center no-repeat;
    background-size: 26px}
/**/
.header-m-s-b .logo-menu-tips{background: url("../Image/menu-1.png") center no-repeat;
    background-size: 26px}
.header-m-s-b .sea-menu-tips{background: url("../Image/m-s1.png") center no-repeat;
    background-size: 26px}
/*隐藏侧边栏*/
.hide-menu{width: 250px;height: 100%;position: fixed;background: #fff;right: -250px;opacity: 1;top: 80px;z-index: 99;
    overflow-y: scroll}
.hide-menu li{width: 90%;margin: 0 auto;padding: 20px 0;border-bottom: 1px solid #eee}
/*.hide-menu li:nth-child(3),.hide-menu li:nth-child(4){padding: 20px 0 0 0}*/
.hide-menu li .l{width: 80%;float: left;}
.hide-menu li .r{width: 20%;float: right;height: 20px;background:  url("../Image/m/jia.png") center no-repeat;
    background-size: 12px}
.hide-menu li .l .a{display: block;text-indent: 24px;color: #333;font-size: 16px;
    background: url("../Image/huan.png")left 8px center no-repeat;}
.hide-menu li .l .a#xzl{display: block;text-indent: 24px;color: #c0121b ;font-size: 16px;
    background: url("../Image/huan1.png")left 8px center no-repeat;}
.hide-menu li dl dt .a2{display: block;font-size: 14px;color: #666;padding: 8px 0 8px 38px;
    background: url("../Image/m/line.png") left 8px center no-repeat;background-size: 22px}
.hide-menu li dl dt.xz .a2{color: #c0121b}
.hide-menu li dl{padding: 10px 0;display: none}
.hide-menu li .r.bi{background: url("../Image/m/jia1.png") center no-repeat;background-size: 12px}
.hide-menus{transform: translateX(-250px);-webkit-transform: translateX(-250px);opacity: 1;box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);}



/**************************************************b*****************anner*************/
/*电脑banner*/
.banner-pc{position: relative;}
.banner-nei{position: absolute;bottom: 50px;left: 0;z-index: 2;}
.swiper-paginationba{float: right;position: relative;}
.swiper-paginationba .swiper-pagination-bullet{width: 11px;height: 11px;border-radius: 100%;border: 1px solid #fff;
    background: none;margin-left: 8px}
.swiper-paginationba .swiper-pagination-bullet-active{background: url("../Image/bad.png") center no-repeat;
    background-size: 78%}
.mainbox-icon{position: absolute;bottom: 40px;left: 0;z-index: 3;}
#ba-icon{text-align: center}
#ba-icon img{animation:run1 2s linear infinite;cursor: pointer;}
@keyframes run1 {
    0% {
        transform: translateY(-3px);
        opacity: 0.8;
    }
    50% {
        transform: translateY(3px);
        opacity: 0.5;
    }
    100% {
        transform: translateY(-3px);
        opacity: 0.8;
    }
}

/**********************关于我们*************/
.iab-pc{height: auto;}
/*左侧*/
.iab-pc-l{width: 39.5%;float: left;height: 39.5vw;position: relative;z-index: 3;margin-left: 2.5%}
.iab-pc-l-l{width: 32%;float: left;height: 100%;/*background: url("../Image/abfont.png") center no-repeat;*/
background-size: 100%}
.iab-pc-l-l img{display: block;width: 100%;margin-top: 65%}
.iab-pc-l-r{width: 58%;float: left;margin-left: 5%}
.iab-pc-l-r-con{padding-left: 40px;background: url("../Image/i.png") left top 20px no-repeat;margin-top: 32%;position: relative;}
.iab-pc-l-r-con .p1{font-size: 40px;color: #2b2b2b;font-weight: bold}
.iab-pc-l-r-con .p2{margin-top: 15%;font-size: 16px;color: #6d6d6d;font-weight: lighter;line-height: 2.0}
/**/
.iab-pc-l-r-con .more{margin-top: 15%;display: block;width: 40px;height: 40px;background: #c0121b url("../Image/jt2.png") center right 12.5px no-repeat;border-radius: 40px;}
.iab-pc-l-r-con .more span{opacity: 0;display: block;width: 100px;line-height: 40px;color: #fff;font-size: 16px;font-weight: lighter;margin-left: 10px;text-indent: 20px;
    transform: translateX(-20px);-webkit-transform: translateX(-20px)}
.iab-pc-l-r-con .more:hover{background: #c0121b url("../Image/jt1.png") center right 20px no-repeat;width: 150px}
.iab-pc-l-r-con .more:hover span{opacity: 1;transform: translateX(0px);-webkit-transform: translateX(0px)}

.iab-pc-l-r-con-ab{width: 150%;padding: 8%;background: #c0121b url("../Image/20.png") bottom left no-repeat;margin-top: 30%;
background-size: contain;}
.iab-pc-l-r-con-ab-l{float: left;color: #fff;font-size: 32px;font-weight: bold;width: 30%}
.iab-pc-l-r-con-ab-r{float: right;color: #fff;font-size: 16px;font-weight: lighter;width: 65%;margin-top: 4%;line-height: 2.0;opacity: 0.8}
.iab-pc-l-r-con-ab a{display: block;width: 100%;text-align: right;color: #fff;font-size: 16px;font-weight: lighter;margin-top: 15%}

/*右侧*/
.iab-pc-r{width: 58%;float: right;height: 58vw;background: url("../Image/abrbg.jpg") center no-repeat;background-size: cover;position: relative;z-index: 2}
.iab-pc-r .p1{font-size: 16px;color: #fff;text-align: right;margin-right: 5%;margin-top: 40px}
.ifour{width: 68%;height:75%;background: rgba(0,0,0,0)}
.ifour li{width: 50%;height: 50%;float: left}
.ifour li .p-num{font-size: 70px;font-weight: bold;color: #fff;text-align: center;font-family: bbb;font-style:oblique;margin-top: 80px}
.ifour li .p-num span{font-size: 30px;position: relative;font-style: normal;top: -30px;}
.ifour li .t{font-size:18px;color: #fff;font-weight: lighter;text-align: center;margin-top: 20px;font-weight: lighter;}



/*************************************主营业务************************/
.izhu{padding: 7.5vw 0;background: url("../Image/wbg0.jpg") center no-repeat;background-size: cover!important;position: relative}
.izhu-c{height: 35vw;position: relative}
/*第一层*/
.izhuf1{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0);z-index: 2}
.izhuf1-c{width: 65%;height: 100%;margin: 0 auto;}
.izhuf1-c li{width: 33.3%;height: 50%;float: left;box-sizing: border-box;border-top: 1px solid rgba(255,255,255,0.3);
    border-left: 1px solid rgba(255,255,255,0.3);overflow: hidden;position: relative;cursor: pointer;background-size: 45%!important;
;background-position: center}
.izhuf1-c li:nth-child(3n){border-right: 1px solid rgba(255,255,255,0.3);}
.izhuf1-c li:nth-child(n+4){border-bottom: 1px solid rgba(255,255,255,0.3);}
.izhuf1-c li .f1{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 1;font-size: 20px;font-weight: lighter;color: #fff;opacity: 1}
.izhuf1-c li .f2{position: absolute;width: 100%;height: 100%;z-index: 2;left: 0;transform: translateX(10%);top: 0;opacity: 0;}
.izhuf1-c li:hover .f2{transform: translateX(0);opacity: 1}
.izhuf1-c li:hover .f1{;opacity: 0.1}
/**/
.izhu[data=yy-num0]{background: url("../Image/wbg4.jpg") center no-repeat;}
.izhu[data=yy-num1]{background: url("../Image/wbg1.jpg") center no-repeat;}
.izhu[data=yy-num2]{background: url("../Image/wbg2.jpg") center no-repeat;}
.izhu[data=yy-num3]{background: url("../Image/wbg3.jpg") center no-repeat;}
.izhu[data=yy-num4]{background: url("../Image/wbg4.jpg") center no-repeat;}
.izhu[data=yy-num5]{background: url("../Image/wbg5.jpg") center no-repeat;}
.izhuf1-c li:nth-child(1):hover{background: rgba(194,136,11,0.9) url("../Image/wbg0-0.png") center no-repeat;opacity: 0.6;}
.izhuf1-c li:nth-child(2):hover{background: rgba(115,11,221,0.9) url("../Image/wbg1-1.png") center no-repeat;opacity: 0.6;}
.izhuf1-c li:nth-child(3):hover{background: rgba(23,199,115,0.9) url("../Image/wbg2-2.png") center no-repeat;opacity: 0.6;}
.izhuf1-c li:nth-child(4):hover{background: rgba(225,4,46,0.6) url("../Image/wbg3-3.png") center no-repeat;opacity: 0.6;}
.izhuf1-c li:nth-child(5):hover{background: rgba(25,96,228,0.9) url("../Image/wbg4-4.png") center no-repeat;opacity: 0.6;}
.izhuf1-c li:nth-child(6):hover{background: rgba(2,184,205,0.9) url("../Image/wbg5-5.png") center no-repeat;opacity: 0.6;}
/*第二层*/
.izhuf2{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0);z-index: 1;}
.izhuf2-c{float: right;margin-right: 3.5%}
.izhuf2-c1{float: right;background:url("../Image/zhurbg.png") center top no-repeat;text-align: center;
    font-size: 45px;color: #fff;font-weight: bold;padding-top: 45px;margin-left: 20px}
.izhuf2-c2{float: right;font-size: 16px;font-weight: lighter;color: #fff}
.izhuf2-c3{margin-left:10px}
/*新增分层，优化展示*/
.izhu2{position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden}
.izhu2-c{width: 100%;height: 100%;position: relative;}
.izhu2-c li{position: absolute;width: 100%;height: 100%;left: 0;top: 0;transition: 0.7s;-webkit-transition: 0.7s;opacity: 0;transform: scale(1.01)}
.izhu2-c li img{object-fit: cover;width: 100%;height: 100%;opacity: 1;}

.izhu2-c li.zhu-show{opacity: 1;transform: scale(1)}


/***********************视屏-了解永阳*************/
.ivid{padding: 3vw 0;background: #c0121b;}
/*左边*/
.ividl{width: 75%;height: 45vw;float: left;background: #ddd;position: relative;overflow: hidden}
.ividl-ys{position: absolute;right: 2vw;top: 20px;color: #fff;font-weight: bold;font-size: 18px;z-index: 1}
.ividl-zx{position: absolute;bottom: 20px;left: 20px;color: #fff;font-size: 20px;z-index: 1;font-weight: lighter;display: none}
.ividl:hover .ividl-zx {opacity: 0;visibility: hidden}
/*右边*/
.ividr{float: left;width: 22%;position: relative}
.ividr .i1{margin-top: 5%}
.ividr .i1 img{width: 13vw;max-width: 215px}
.ividr .more{display: block;width: 160px;height: 48px;background: #c0121b;position: relative;left: -110px;margin-top: 20%}
.ividr .more .ml{width: 110px;height: 100%;float: left;font-size: 18px;font-weight: bold;color: #fff}
.ividr .more .mr{width: 50px;height: 100%;float: right;background:#fff url("../Image/vjt.png") center no-repeat;}
.ividr .p1{font-size: 28px;font-weight: bold;color: #fff;padding-top: 30px;background: url("../Image/tt.png") top right no-repeat;text-align: right;
margin-top: 20%}

.ividr .i2{margin-top: 25%}
.ividr .i2 img{float: right;display: block;width: 35vw}
.ividr .more1{display: block;width: 100%;text-align: right;color: #fff;font-weight: lighter;font-size: 16px;margin-top: 10%}



/****************************************首页案例**************************/
.icase{padding: 0px 0;background: #000000;}
.icase-mc{width: 100%;}
/*左边*/
.casesl{width: 14%;height:46vw;margin-left: 4%;float: left;background: #000 url("../Image/yy1.png") left center no-repeat;background-size: contain;position: relative;z-index: 2;}
.case-t{color: #fff;font-size: 40px;font-weight: bold;background: url("../Image/tt.png") left center no-repeat;text-indent: 40px;
margin-top: 25%;margin-bottom: 20%}
.casesli li{padding: 10% 0;width: 100%}
.casesli li a{position: relative;display: block;width: 100%;height: 25px;/*background:url("../Image/heil1.png") center no-repeat;*/opacity: 1}
.casesli li a .linea{position: absolute;left: 0;top: 0;background:  url("../Image/redl.jpg") left center no-repeat;height: 100%;width: 100%;z-index: 1;opacity: 0}
.casesli li a .title{position: absolute;left: 0;top: 0;height: 100%;width: 100%;z-index: 2;line-height: 25px;font-size: 18px;color: #fff;opacity: 0.9}
.casesli li a:hover{transform: translateX(20px);-webkit-transform: translateX(20px);opacity: 1}
.casesli li a:hover .title{font-weight: bold;text-indent: 20px;opacity: 1}
.casesli li a:hover .linea{opacity: 1}

.casesli li a[data=xz]{transform: translateX(20px);-webkit-transform: translateX(20px);opacity: 1}
.casesli li a[data=xz] .title{font-weight: bold;text-indent: 20px;opacity: 1}
.casesli li a[data=xz] .linea{opacity: 1}
/**/
.casesl .more{margin-top: 25%;display: block;width: 40px;height: 40px;background:  url("../Image/jt2.png") center right 12.5px no-repeat;border-radius: 40px;
box-sizing: border-box;border:1px solid #ddd;}
.casesl .more span{opacity: 0;display: block;width: 100px;line-height: 40px;color: #fff;font-size: 16px;font-weight: lighter;margin-left: 10px;text-indent: 20px;
    transform: translateX(-20px);-webkit-transform: translateX(-20px)}
.casesl .more:hover{background:#c0121b url("../Image/jt1.png") center right 20px no-repeat;width: 150px;border:none}
.casesl .more:hover span{opacity: 1;transform: translateX(0px);-webkit-transform: translateX(0px)}

/*右边*/
.casesr{width: 82%;float: right;}
/**/
.casesr ul{width: 100%;display: none}
.casesr ul li{width: 49%;float: left;height: 23vw;margin-right: 2%;background: #fff;}
.casesr ul li:nth-child(n+3){margin-top: 2vw;}
.casesr ul li:nth-child(2n){margin-right: 0%;}
.casesr ul li a{display: block;width: 100%;height: 100%;position: relative;overflow: hidden;}
.casesr ul li a .f1{position: absolute;width: 100%;height: 100%;z-index: 1;}
.casesr ul li a .f2{position: absolute;width: 100%;height: 100%;z-index: 2;background: rgba(0,0,0,0.45);opacity: 0}
.casesr ul li a .f3{position: absolute;width: 100%;height: 100%;z-index: 3;}
.casesr ul li a .f3 .f3-c{width: 90%;margin: 0 auto;}
.casesr ul li a .f3 .f3-c .p1{text-align: center;color: #fff;font-size: 24px;font-weight: bold;margin-top: 20%;
position: relative;top: 30px;transition-delay: 0.1s;opacity: 0}
.casesr ul li a .f3 .f3-c .p2{width: 29px;height: 17px;margin: 0 auto;background: url("../Image/tt1.png") center no-repeat;padding: 5% 0;
    position: relative;top: 40px;transition-delay: 0.15s;opacity: 0}
.casesr ul li a .f3 .f3-c .p3{font-size: 16px;text-align: center;font-weight: lighter;color: #fff;
    position: relative;top: 50px;transition-delay: 0.18s;opacity: 0}
/*hover*/
.casesr ul li a:hover .f1 img{transform: scale(1.05);-webkit-transform: scale(1.05;)}
.casesr ul li a:hover .f2{opacity: 1}

.casesr ul li a:hover .f3 .f3-c .p1{transform: translateY(-30px);-webkit-transform: translateY(-30px);opacity: 1;}
.casesr ul li a:hover .f3 .f3-c .p2{transform: translateY(-45px);-webkit-transform: translateY(-45px);opacity: 1;}
.casesr ul li a:hover .f3 .f3-c .p3{transform: translateY(-65px);-webkit-transform: translateY(-65px);opacity: 1;}



/*******************************新闻中心*************************/
.inews{padding: 4vw 0;background: #f3f0f0}
.inewtopl{float: left;text-indent: 40px;font-size: 40px;color: #000;text-indent: 40px;background: url("../Image/i.png") left center no-repeat;font-weight: bold;}

.inewtopr{float: right}
.inewtopr a{float: left;width: 210px;height: 58px;margin-left: 10px;background: #ddd;background-position: center;text-align: center;line-height: 58px;
font-size: 18px;color: #2c2c2c;}
.inewtopr a:hover{background:#c0121b url("../Image/redl2.png") center no-repeat;color: #fff;font-weight: bold;}
.inewtopr a[data=xzl]{background:#c0121b url("../Image/redl2.png") center no-repeat;color: #fff;font-weight: bold;}
/*一排两个列表*/
.news-2{margin-top: 4%}
.news-2 li{width: 49%;height: 13vw;float: left;margin-right: 2%;}
.news-2 li:nth-child(2n){margin-right: 0}
.news-2 li:nth-child(n+3){display: none}
.news-2 li a{display: block;width: 100%;height: 100%;}
.news-2 li a .l{width: 30%;float: left;height: 100%;overflow: hidden}
.news-2 li a .r{width: 70%;height:100%;float: right;background: #fff;}
.news-2 li a .r .son{width: 85%;margin: 0 auto;}
.news-2 li a .r .son .p1{color: #1d1d1d;font-size: 26px;margin-top: 4%;background-position: left center;width: 90%}
.news-2 li a .r .son .p2{color: #737373;font-size: 16px;font-weight: lighter;margin-top: 4.5%;line-height: 1.8;}
.news-2 li a .r .son .p3{margin-top: 4.5%;}
.news-2 li a .r .son .p3-1{height: 30px;line-height: 30px;float: left;color: #111111;font-size: 24px;font-weight: lighter;background: url("../Image/time.png") left center no-repeat;text-indent: 25px;}
.news-2 li a .r .son .p3-2{height: 30px;width: 30px;background: url("../Image/jia.png") center no-repeat;float: right}

.news-2 li a:hover .r{background: #c0121b}
.news-2 li a:hover .r .p1,.news-2 li a:hover .r .p2,.news-2 li a:hover .r .p3-1{color: #fff}
.news-2 li a:hover .r .p1{opacity: 0.9;transform: translateX(5px);-webkit-transform: translateX(5px);background: url("../Image/ll.jpg") left center no-repeat;text-indent: 35px;
background-size: 25px 1px}
.news-2 li a:hover .r .p3-1{background: url("../Image/time1.png") left center no-repeat;}
.news-2 li a:hover .r .p3-2{background: url("../Image/jia1.png") center no-repeat;transform: rotate(90deg);-webkit-transform: rotate(90deg)}
.news-2 li a:hover .r .p2{opacity: 0.8;transform: translateX(0px)}


/*一排三个*/
.news-3{margin-top: 3%}
.news-3 li{width: 32%;height: auto;float: left;margin-right: 2%;}
.news-3 li:nth-child(3n){margin-right: 0}
.news-3 li a{display: block;width: 100%;height: 100%;background: #fff;padding: 1.5vw 0}

.news-3 li a .son{width: 90%;margin: 0 auto;}
.news-3 li a .son .p1{color: #1d1d1d;font-size: 26px;background-position: left center;width: 90%}
.news-3 li a .son .p2{color: #737373;font-size: 16px;font-weight: lighter;margin-top: 5.5%;line-height: 1.8;}
.news-3 li a .son .p3{margin-top: 10%;}
.news-3 li a .son .p3-1{height: 30px;line-height: 30px;float: left;color: #111111;font-size: 24px;font-weight: lighter;background: url("../Image/time.png") left center no-repeat;text-indent: 25px;}
.news-3 li a .son .p3-2{height: 30px;width: 30px;background: url("../Image/jia.png") center no-repeat;float: right}
/*hover*/
.news-3 li a:hover {background: #c0121b}
.news-3 li a:hover .p1,.news-3 li a:hover .p2,.news-3 li a:hover .p3-1{color: #fff}
.news-3 li a:hover .p1{opacity: 0.9;transform: translateX(5px);-webkit-transform: translateX(5px);background: url("../Image/ll.jpg") left center no-repeat;text-indent: 35px;
    background-size: 25px 1px}
.news-3 li a:hover .p3-1{background: url("../Image/time1.png") left center no-repeat;}
.news-3 li a:hover .p3-2{background: url("../Image/jia1.png") center no-repeat;transform: rotate(90deg);-webkit-transform: rotate(90deg)}
.news-3 li a:hover .p2{opacity: 0.8;transform: translateX(0px)}



/********************************************网站底部*************************************/
.footer{padding:4vw 0 3vw 0;background: #121212;}
.footerl{float: left;width: 65%}
.footerl .floor{float: left;width: 14%}
.footerl .floor:nth-child(n+2){margin-left:3.2% }
.footerl .floor .title{font-size: 18px;color: #fff;margin-bottom: 20%;font-weight: bold;}
.footerl .floor ul li{padding: 6% 0}
.footerl .floor ul li a{display: block;font-size: 14px;color: #939393;}
/**/
.footerr{width: 32%;float: right}
.footerr .p1{font-size: 24px;color: #fff;text-align: right}
.footerr .p2{width: 120px;float: right;text-align: center;margin-top: 5%}
.footerr .p2 img{width: 120px}
.footerr .p2 .p3{font-size: 14px;text-align: center;color: #939393;margin-top: 8px}
.beian{font-size: 16px;font-weight: lighter;color: #939393;margin-top: 3%}
.beian a{font-size: 16px;font-weight: lighter;color: #939393;display: inline-block;margin-left: 5px}
/*手机*/
.footer{;background: #121212;}
/*.footer-m{background: url("../Image/mobg.png") top center no-repeat;background-size: contain}*/
.footer-m{display: none}
.footer-m li{font-size: 16px;color: #999;padding: 7px 0;}
.footer-m li a{font-size: 16px;color: #999}
/*手机悬浮底部*/
/*手机footer*/
/*底部*/
.footer-bot{height:60px;position: fixed;bottom: 0;left: 0;z-index: 100;display: none}
.footer-bot {height: 60px;width: 100%;}
.footer-bot li{width: 21%;height: 100%;float:left;list-style: none;}
.footer-bot li{box-sizing: border-box;border-right: 1px solid #444;}
.footer-bot li:nth-child(4){border-right: none;}
.footer-bot li a{display: block;width: 100%;height: 100%;line-height: 95px;font-size: 14px;color: #fff;text-align: center;}
.footer-bot li:nth-child(1) a{background: #121212 url("../Image/fot1.png") center top 6px no-repeat;background-size:28px}
.footer-bot li:nth-child(2) a{background: #121212 url("../Image/fot2.png") center top 6px no-repeat;background-size: 28px}
.footer-bot li:nth-child(3) a{background: #121212 url("../Image/fot3.png") center top 6px no-repeat;background-size: 28px}
.footer-bot li:nth-child(4){width: 37%;}
.footer-bot li:nth-child(4) a{background: #c0121b url("../Image/bot4.png") center top 6px no-repeat;background-size: 28px}

/*侧边栏*/
.cebian{position: fixed;width: 90px;height: 500px;right: 0;top: 30%;background: pink;z-index: 100}
.cebian li{width: 100%;height: 90px;}
/*返回顶部*/
.yb_top1{position: fixed;width: 50px;height: 50px;background: #e60012 url("../Image/top.png") center no-repeat;
    bottom: 50px;right: -50px;z-index: 100;background-size: 30px;cursor: pointer;border-radius: 50px;opacity: 0;visibility: hidden}
.gotop{transform: translateX(-50px);-webkit-transform: translateX(-100px);opacity: 1;visibility: visible}
.yb_top1:hover{background: #e60012 url("../Image/top.png") center no-repeat;background-size: 30px;}


/*全局搜索*/
.allform{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.7);z-index: 11;left: 0;top: 0;
visibility: hidden;opacity: 0}

#allform{width: 60%;height: 80px;background: #fff;position: relative;}
#allform input{outline: none;box-sizing: border-box;width: 100%;z-index: 1;border: 1px solid #c30c14;box-sizing: border-box;
    display: block;text-indent: 20px;font-size: 16px;height: 100%;left: 0;top: 0;}
#allform button{position: absolute;display: block;width: 120px;height: 100%;background: #c30c14 url("../Image/s2.png") center no-repeat;
z-index: 1;right: 0;top: 0;background-size: 40%}
#allform input:focus{border: 1px solid #c30c14;box-shadow: 0px 2px 4px rgba(0,0,0,0.3);background: #fff;color: #c30c14}
#allform:hover input{border: 1px solid #c30c14;box-shadow: 0px 2px 4px rgba(0,0,0,0.3);background: #fff;color: #c30c14}
.souline{width: 100%;height: 1px;margin: 50px 0;box-shadow: 0px 1px 2px rgba(0,0,0,0.3);}

#allform .fclose{position: absolute;left: 0;top: -25px;height: 25px;width: 60px;background: red;text-align: center;line-height: 25px;
font-size: 14px;color: #fff;cursor: pointer;}



/*************************************************/
/*************************************************/
/*扩展*/
/*************************************************/
/*************************************************/
/*内页小banner*/
.sb-main{overflow: hidden;height:580px;}
.sb-main .sb1{font-size: 70px;color: #fff;margin-top: 13%;font-family: bbb}
.sb-main .sb2{font-size: 26px;color: #fff;margin-top: 2%;}
.sb-main-com{background: url("../Image/sb-com.jpg") center no-repeat;}
.sb-main-news{background: url("../Image/sb-news.jpg") center no-repeat;}
.sb-main-cases{background: url("../Image/sb-cases.jpg") center no-repeat;}
.sb-main-lian{background: url("../Image/sb-lian.jpg") center no-repeat;}
.sb-main-pro{background: url("../Image/sb-pro.jpg") center no-repeat;}
/*页面展示区域*/
.mian-main{padding: 0vw 0 4vw 0;background: #fff}
/*到港*/
.bread-con{padding: 1.5vw 0}
.bread-con-l{width: 26px;height: 26px;border-radius: 26px;background:#c0121b url("../Image/home.png") center no-repeat;
    background-size: 16px;float: left}
.bread-con-r{float: left;height: 26px;text-indent: 10px;font-size: 14px;line-height: 26px;color: #666}

/*************************************************/
/*************************************************/


/************************关于我们**********************/
.main-com-f1{padding-top: 4vw;background:#f5f5f5 url("../Image/com-f1-1bg.png") bottom center no-repeat;padding-bottom: 50px;background-size: contain;}
.main-com-f1-l{width: 63%;float: left;}
.main-com-f1-l li{width: 32%;margin-right: 2%;float: left;background: #fff;transition: 0.5s;-webkit-transform: 0.5s;cursor: pointer;}
.main-com-f1-l li:nth-child(3n){margin-right: 0;}
.main-com-f1-l li:nth-child(n+4){margin-top: 3%;}
.main-com-f1-l li .son{width: 80%;padding: 18% 7%;background: #fff}
.main-com-f1-l li .t{margin-top: 48%;}
.main-com-f1-l li .t p{font-size: 22px;color: #2b2b2b;line-height: 1.8;transition: 0.3s;-webkit-transition: 0.3s;}
.main-com-f1-l li:nth-child(1) .son{background-image: url("../Image/com-f1-1.png");}
.main-com-f1-l li:nth-child(2) .son{background-image: url("../Image/com-f1-2.png");}
.main-com-f1-l li:nth-child(3) .son{background-image: url("../Image/com-f1-1.png");}
.main-com-f1-l li:nth-child(4) .son{background-image: url("../Image/com-f1-4.png");}
.main-com-f1-l li:nth-child(5) .son{background-image: url("../Image/com-f1-5.png");}
.main-com-f1-l li:nth-child(6) .son{background-image: url("../Image/com-f1-6.png");}
.main-com-f1-l li .son{background-position: left 10% top 18%!important;background-repeat: no-repeat;}
.main-com-f1-l li:hover{box-shadow: 0 3px 12px rgba(0,0,0,0.3);transform: translateY(-5px);-webkit-transform: translateY(-5px)}
.main-com-f1-l li:hover .t p{color: #c0121b}
/**/
.main-com-f1-r{width: 30%;float: right;}
.main-com-f1-r .p1{font-size: 16px;color: #2b2b2b;text-align: left}
.main-com-f1-r .p2{text-align: left;font-weight: bold;font-size: 40px;color: #2b2b2b;line-height: 1.6;
padding: 10% 0}
.main-com-f1-r .p3{font-weight: lighter;font-size: 16px;line-height: 1.8;color: #6d6d6d;text-align: left}
.main-com-f1-r .p4{margin-top: 20%;text-align: left}
.main-com-f1-r .p4 a{font-size: 18px;color: #2b2b2b;}
.main-com-f1-r .p4 a:hover{color: #c0121b}
.main-com-f1 .t1{color: #fff;font-size: 16px;padding-top: 5%;padding-bottom: 3%;}




/*第二排--时间轴*/
.shijian{padding: 6vw 0;background: url("../Image/timebg.jpg") center no-repeat;background-size: cover}
.shijian .title{color: #fff;font-size: 40px;font-weight: bold;text-align: center;background: url("../Image/t22.png") center no-repeat;}
.shijian .t2{color: #6d6d6d;font-size: 16px;text-align: center;margin-top: 15px}
/**/
.shi-con{width: 100%;padding-top: 5%;position: relative;}
.shi-c{width: 90%;margin: 0 auto;}

.shi-sw .swiper-slide{cursor: pointer}
.shi-sw .swiper-slide:nth-child(2n){}
.shi-sw .shi1{font-size: 24px;color: #fff;text-align: center;font-family: bbb;height: 50px;line-height: 50px;
    background: url("../Image/lcbg.png") bottom center no-repeat;background-size: 10% 3px;padding-bottom: 10px}
.shi-sw .shi2{margin-top: 10%;width: 100%;height: 25px;background:  url("../Image/tl.png") center repeat-x;position: relative;}
.shi-sw .shi2 .a{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;background: url("../Image/tl1.png") center no-repeat;}
.shi-sw .shi2 .b{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;background: url("../Image/tl2.png") center no-repeat;opacity: 0}
.shi-sw .shi3{text-align: center;width: 80%;margin-left: 10%;margin-top: 10%;color: #fff;font-size: 15px;opacity: 0.9;line-height: 1.8;font-weight: lighter}
.swiper-button-prevshi{width: 35px!important;height: 35px!important;border-radius: 50%;border: 1px solid #fff;
background: url("../Image/ship.png") center no-repeat!important;top: 59%;opacity: 0.8}
.swiper-button-nextshi{width: 35px!important;height: 35px!important;border-radius: 50%;border: 1px solid #fff;
    background: url("../Image/shir.png") center no-repeat!important;top: 57%;opacity: 0.8}
.shi-sw .swiper-slide:hover .shi2 .b{opacity: 1}
.shi-sw .swiper-slide:hover .shi3{opacity: 1}
.shi-sw .swiper-slide:hover .shi1{font-weight: bold;font-size: 26px}

/*新增第六排关于我们*/
.about{padding: 4vw 0;background: #f3f0f0}
.about .t1{color: #333;font-size: 40px;font-weight: bold;text-align: center;background: url("../Image/t22.png") center no-repeat;}
.about .t2{color: #444;font-size: 16px;text-align: center;margin-top: 15px}
.about-con{margin-top: 2%}
.about-con p{color: #444;line-height: 1.6;margin: 1% 0}
/***第三排--企业文化***/
.wenhua{padding: 4vw 0 6.5vw 0;background: #eee;}
.shijianl{float: left;}
.shijianr{width: 63%;float: right}
.shijianr li{width: 19%;height: 33vw;background: palevioletred;float: left;position: relative;overflow: hidden;cursor: pointer;}
.shijianr li:nth-child(n+2){margin-left: 1.25%;}
.shijianr li:nth-child(2n-1){position: relative;top: 2.5vw}
/**/
.shijianr li .a{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;background: rgba(0,0,0,0.6);opacity: 0}
.shijianr li .b{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;font-size: 26px;color: #ffffff;font-weight: bold;}

.shijianr li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.shijianr li:hover .a{opacity: 1}

/******第四排视屏****/
.comvideo{padding: 34px 0;background: url('../Image/combg.jpg') bottom center no-repeat;background-size: cover;}
.comvideol{width: 30%;float: left;}
.comvideoli{height: 20vw;overflow: hidden;}
/*第一层*/
.comvideoli1{width: 100%;background: #252525}
.comvideoli1 .p1{margin-top: 10%;font-size: 40px;color: #fff;text-align: center;padding-top: 30px;background: url("../Image/tt.png") top center no-repeat;font-weight: bold}
.comvideoli1 .p2{font-size: 40px;color: #fff;text-align: center;font-weight: bold;padding: 2% 0 4% 0;}
.comvideoli1 .p3{font-size: 18px;color: #fff;text-align: center;}
/*第二层*/
.comvideoli2{width: 100%;background: #e11a25}
.comvideoli2 li{width: 50%;float: left;}
.comvideoli2 li{width: 50%;height: 50%;float: left}
.comvideoli2 li .p-num{font-size: 53px;font-weight: bold;color: #fff;text-align: center;font-family: bbb;font-style:oblique;margin-top: 14%}
.comvideoli2 li .p-num span{font-size: 30px;position: relative;font-style: normal;top: -30px;}
.comvideoli2 li .t{font-size:16px;color: #fff;font-weight: lighter;text-align: center;margin-top: 5%;font-weight: lighter;opacity: 0.7;}
/*右侧视屏*/
.comvideor{width: 70%;float: right;height: 40vw;background: #666}

/************第五排服务************/
.fuwu{padding: 4vw 0;}
.fuwul{float: left}
.fuwur{width: 65%;float: right;}
.fuwur li{width: 33.3%;float: left;padding: 9% 0 3% 0;}
.fuwur li .son{width: 80%;height:5vw;font-size: 22px;color: #2b2b2b;font-weight: lighter;line-height: 1.8;;}

/*新增友情链接*/

.lianjie{width: 65%;margin-top: 5%;float: right;}
.lianjie .swiper-slide{border: 1px solid #ddd;box-sizing: border-box;overflow: hidden;}
.lianjie .swiper-slide img{border: 0px solid #ddd;box-sizing: border-box;transform: scale(1.1);-webkit-transform: scale(1.1)}
.lianjie .swiper-containerlink{padding-bottom: 3.5%}

.swiper-paginationlink .swiper-pagination-bullet{width: 50px;height: 4px;border-radius: 4px;background: #ddd;}
.swiper-paginationlink .swiper-pagination-bullet-active{background: #c0121b}
/*********************************新闻中心******************/
.main-main-news{background: #f3f0f0;}
.container-menu-news{width: 98%;margin-left: 1%}
.news-list-li li{width: 25%;float: left;box-sizing: border-box;border: 0.5px solid #f3f0f0;}
.news-list-li-other li{border: 1px solid #f3f0f0;}
.news-list-li li a{display: block;width: 100%;padding: 10% 0;background: #fff;}
.news-list-li li a .son{width: 86%;margin: 0 auto;}
.news-list-li li a .son .p1{font-size: 20px;color: #1d1d1d;width: 90%;padding-right: 10%;background-position: left center;}
.news-list-li li a .son .p1[data=img]{background: url('../Image/img.png') right center no-repeat;}
.news-list-li li a .son .p2{color: #737373;font-size: 16px;font-weight: lighter;line-height: 1.6;margin-top:7%;
    display: -webkit-box;
    display: -moz-box;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 3; /*控制文本行数，多少行以后开始省略号 */
    line-clamp: 3;
    -webkit-box-orient: vertical;}

.news-list-li li a .son .p3{margin-top: 9%;}
.news-list-li li a .son .p3-1{height: 30px;line-height: 30px;float: left;color: #111111;font-size: 18px;font-weight: lighter;background: url("../Image/time.png") left center no-repeat;text-indent: 25px;}
.news-list-li li a .son .p3-2{height: 30px;width: 30px;background: url("../Image/jia.png") center no-repeat;float: right;
background-size: 55%;}
/*hover*/
/*hover*/
.news-list-li li a:hover {background: #c0121b}
.news-list-li li a:hover .p1,.news-list-li li a:hover .p2,.news-list-li li a:hover .p3-1{color: #fff}
.news-list-li li a:hover .p1{opacity: 0.9;transform: translateX(0%);-webkit-transform: translateX(0%);/*background: url("../Image/ll.jpg") left center no-repeat;text-indent: 6%;*/
   /* background-size: 5.5% 2px*/}
.news-list-li li a:hover .p2{opacity: 0.7}
.news-list-li li a:hover .p3-1{background: url("../Image/time1.png") left center no-repeat;opacity: 0.8}
.news-list-li li a:hover .p3-2{background: url("../Image/jia1.png") center no-repeat;transform: rotate(90deg);-webkit-transform: rotate(90deg);background-size: 55%;}
.news-list-li li a:hover .p2{opacity: 0.8;transform: translateX(0px)}
.news-list-li li a:hover .son .p1[data=img]{background:url('../Image/img1.png') right center no-repeat; }

/*永阳新闻最新排版*/
.main-main-yynews{background: #fff;}
.yynews-list-li li{width: 23.5%;margin-right: 2%;float: left;}
.yynews-list-li li:nth-child(4n){margin-right: 0;}
.yynews-list-li li:nth-child(n+5){margin-top: 3%}
.yynews-list-li a{display: block;width: 100%;padding: 0;border-radius: 5px;box-shadow: 0px 2px 12.09px 0.91px rgba(167, 162, 184, 0.13);
overflow: hidden}
.yynews-list-li a {width: 100%;margin: 0 auto;}
.yynews-list-li a .i{width: 100%;height: 13vw;position: relative;}
.yynews-list-li a .i span{position: absolute;left: 0px;padding: 5px 20px;top: 15%;background: #c0121b;color: #fff;
display: none}
.yynews-list-li a .t{;padding: 5% 4% 6% 4%;background: #fff}

.yynews-list-li a .t .p1{font-size: 20px;color: #1d1d1d;font-weight: bold}

.yynews-list-li li a .t .p2{color: #737373;font-size: 15px;font-weight: lighter;line-height: 1.6;margin:3.5% 0;
    display: -webkit-box;
    display: -moz-box;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 3; /*控制文本行数，多少行以后开始省略号 */
    line-clamp: 3;
    -webkit-box-orient: vertical;}

.yynews-list-li li a .click{padding-top: 4%;border-top: 1px solid #eee;}
.yynews-list-li li a .click span{display: inline-block;float: left;text-indent: 21px;font-size: 14px;
font-weight: normal;color: #333;height: 25px;line-height: 24px;font-weight: lighter}
/*.yynews-list-li li a .click span font{font-weight: normal;font-family: aaa}*/
.yynews-list-li li a .click span:nth-child(1){background: url("../Image/shi1.png") left center no-repeat;width: 50%}
.yynews-list-li li a .click span:nth-child(2){background: url("../Image/shi2.png") left center no-repeat;width: 30%}
/*.yynews-list-li li a .click span:nth-child(1){margin-right: 10px}*/
.yynews-list-li li a .click span:nth-child(3){width: 20%;float: right;font-family: aaa;color: #c0121b;font-size: 20px;text-align: right;text-indent: 0}
.yynews-list-li li a:hover .t .p1{color: #c0121b}
.yynews-list-li a:hover{transform: translateY(-7px);-webkit-transform: translateY(-7px);
    box-shadow: 0px 2px 25px 3px rgba(167, 162, 184, 0.63);}

/*.yynews-list-li a:hover .i img{transform: scale(1)}*/








/*新闻详情*/
.mian-main-newsinfo{background: #f5f5f5;}

.mian-info{width: 94%;padding: 3% 3%;background: #fff}
.news-info h1{font-size: 28px;text-align: center;}
.sub{;border-bottom: 1px dashed #eee;margin-bottom: 25px;padding-bottom: 15px;text-align: center;margin-top: 20px}
.sub li{display: inline-block;font-size: 16px;font-weight: lighter;margin: 0px 15px;color: #666;padding-left: 30px;}
.sub li:nth-child(1){background: url("../Image/info1.png") left center no-repeat;background-size: 27px}
.sub li:nth-child(2){background: url("../Image/info2.png") left center no-repeat;background-size: 25px}
.sub li:nth-child(3){background: url("../Image/info3.png") left center no-repeat;background-size: 17px}
.news-info-con p{color: #666;margin: 8px 0;line-height: 1.6;}
.news-info-con img{display: block;margin: 0 auto;max-width: 100%}
.news-info-con a{color: blue;text-decoration: underline}
.news-info-con p,.news-info-con p span,.news-info-con br,.news-info-con strong,.news-info-con a{font-family: 'Microsoft YaHei'!important;}






/*********************联系地址********************/
.main-main-lian{background: #f3f0f0}
.container-menu-lian{width: 98%;margin-left: 1%}
.main-lian{height: 38vw;position: relative;box-sizing: border-box;border: 1px solid #ddd}
#allmap{height: 100%;width: 100%;box-sizing: border-box;border: 0px solid #eee;position: absolute;left: 0;top: 0;z-index: 1;}
.main-lian1{height: 100%;position: absolute;right: 0%;top:0;z-index: 2;width: 30%;background: rgba(255,255,255,0.9);
    cursor: pointer;}
.main-lian1 .son{width: 90%;margin: 0 auto;}
.main-lian1:hover{background: rgba(255,255,255,1)}
.lianli li{color: #333;font-size: 16px;padding: 2% 0}
.lianli li span{font-family: aaa;font-size: 24px;color: #c0121b;}
.lianli .title{font-size: 20px;font-weight: bold;text-indent: 37px;background-size: 25px!important;margin-bottom: 8px;}
.lianli .title1{background: url("../Image/lian1.png") left center no-repeat;margin-top: 7%}
.lianli .title2{background: url("../Image/lian2.png") left center no-repeat;margin-top: 4%}
/**/
.lian-list-pc1{padding: 3% 0;display: none}
.lian-list-pc1 .title{font-size: 20px;font-weight: bold;text-indent: 37px;background-size: 25px!important;margin-bottom: 8px;}
.lian-list-pc1 .title1{background: url("../Image/lian1.png") left center no-repeat;margin-top: 0%}
.lian-list-pc1 .title2{background: url("../Image/lian2.png") left center no-repeat;margin-top: 2%}
.lian-list-pc li{cursor: pointer;width: 32%;padding: 1.6% 0;float: left;box-sizing: border-box;border-bottom: 1px solid rgba(0,0,0,0.005);
    margin: 0.8% 2% 0.8% 0;color: #555;font-size: 16px;transition: 0.5s;-webkit-transition: 0.5s;text-indent: 20px;
    background: #fff;border-radius: 3px;line-height: 1.6;}
.lianli li span{font-family: aaa;font-size: 24px;color: #c0121b;}
.lian-list-pc-w li{width: 100%;}
.lian-list-pc li:nth-child(3n){margin-right: 0;}
.lian-list-pc li:last-child{width: 100%}
.lian-list-pc li:hover{;color: #333;}
/*在线留言*/
/**/

.lianform-box{max-width: 1360px;margin: 0 auto;margin-top: 2%;}
#lianform{width: 100%}
#lianform input{width: 49%;float: left;display: block;margin:15px 2% 15px 0;padding: 25px 0;outline: none;border: 1px solid #eee;
    text-indent: 10px;font-size: 16px;box-sizing: border-box;border-radius: 5px;}
#lianform input:nth-child(2n){margin-right: 0;}
#lianform textarea{width: 100%;outline: none;box-sizing: border-box;border: 1px solid #eee;font-family: 'Microsoft YaHei', SimHei, SimYou, SimSun, Arial;
    font-size: 16px;padding: 10px 0;text-indent: 10px;height: 120px;border-radius: 5px}
#lianform textarea:focus{border-color: #c0121b}
#lianform img{height: 50px;margin-top: 15px}
#lianform input:focus{border-color: #c0121b}
#lianform input.submit{background: #c0121b;font-size: 20px;color: #fff;letter-spacing: 15px}
#lianform input.reset{font-size: 20px;letter-spacing: 15px;background: #fff}
.b-title{padding: 1.5% 0}
.b-title .p1{font-size: 36px;text-align: center}
.b-title .p2{text-align: center;font-size: 16px;color: #666;font-weight: lighter;letter-spacing: 4px;transform: scale(1,1.2);margin-top:1%}



/**********************************资质荣誉*****************************/
.mian-main-honor{background: #f3f0f0}
.honor-list-li li{width: 24%;float: left;margin-right: 1.3%;background: #fff;box-sizing: border-box;
    box-shadow: 0px 1px 2px 2px rgba(0, 0, 0, 0.05);border-radius: 5px;overflow: hidden}
.honor-list-li li:nth-child(n+5){margin-top: 2%}
.honor-list-li li:nth-child(4n){margin-right: 0;}
.honor-list-li li a{display: block;height: 20vw;padding: 1% 6%;overflow: hidden;background: #fff;
}
.honor-list-li li a .son{width: 100%;height:100%;}

.honor-list-li li:hover{transform: translateY(-5px);-webkit-transform: translateY(-5px);box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1);}



/**********************************************案例中心************************/
.main-main-cases{background: #fff}
.cases-list-li li{width: 32%;float: left;height: 25vw;margin-right: 2%;background: #fff;border-radius: 5px;
box-shadow: 0px 2px 9.09px 0.91px rgba(167, 162, 184, 0.43);overflow: hidden}
.cases-list-li li:nth-child(n+4){margin-top: 3%;}
.cases-list-li li:nth-child(3n){margin-right: 0%;}
.cases-list-li li a{display: block;width: 100%;height: 100%;position: relative;overflow: hidden;}
.cases-list-li li a .f1{position: absolute;width: 100%;height: 100%;z-index: 1;left: 0;top: 0;}
.cases-list-li li a .f2{position: absolute;width: 100%;height: 100%;z-index: 2;background: rgba(0,0,0,0.4);opacity: 0;left: 0;top: 0;}
.cases-list-li li a .f21{position: absolute;width: 100%;z-index: 3;left: 0;bottom: 0px}



.cases-list-li li a .f21 .t{padding: 3% 4%;border-radius: 5px;overflow: hidden;background: rgba(255,255,255,0.9);}

.cases-list-li li a .f21 .t .p1{font-size: 20px;color: #1d1d1d;font-weight: bold;/*border-bottom: 1px solid #eee;padding-bottom: 3%;*/
text-align: center;}
.cases-list-li li a .f21 .click{padding-top: 2.5%;display: none;}
.cases-list-li li a .f21 .click span{display: inline-block;float: left;text-indent: 21px;font-size: 14px;
    font-weight: normal;color: #333;height: 25px;line-height: 24px;font-weight: lighter}
.cases-list-li li a .f21 .click span:nth-child(1){background: url("../Image/shi1.png") left center no-repeat;width: 50%}
.cases-list-li li a .f21 .click span:nth-child(2){background: url("../Image/shi2.png") left center no-repeat;width: 30%}
.cases-list-li li a .f21 .click span:nth-child(3){width: 20%;float: right;font-family: aaa;color: #c0121b;font-size: 20px;text-align: right;text-indent: 0}
/**/
.cases-list-li li a .f3{position: absolute;width: 100%;height: 100%;z-index: 4;left: 0;top: 0;}
.cases-list-li li a .f3 .f3-c{width: 90%;margin: 0 auto;}
.cases-list-li li a .f3 .f3-c .p1{text-align: center;color: #fff;font-size: 20px;font-weight: bold;margin-top: 23%;
    position: relative;top: 30px;transition-delay: 0.1s;opacity: 0}
.cases-list-li li a .f3 .f3-c .p2{width: 29px;height: 17px;margin: 0 auto;background: url("../Image/tt1.png") center no-repeat;padding: 5% 0;
    position: relative;top: 40px;transition-delay: 0.15s;opacity: 0}
.cases-list-li li a .f3 .f3-c .p3{font-size: 15px;text-align: center;font-weight: lighter;color: #fff;
    position: relative;top: 50px;transition-delay: 0.18s;opacity: 0}
/*hover*/
.cases-list-li li:hover{transform: translateY(-5px);-webkit-transform: translateY(-5px);box-shadow: 0px 2px 14.09px 0.91px rgba(167, 162, 184, 0.43)}
.cases-list-li li a:hover .f1 img{transform: scale(1.05);-webkit-transform: scale(1.05)}
.cases-list-li li a:hover .f2{opacity: 1}

.cases-list-li li a:hover .f3 .f3-c .p1{transform: translateY(-30px);-webkit-transform: translateY(-30px);opacity: 1;}
.cases-list-li li a:hover .f3 .f3-c .p2{transform: translateY(-40px);-webkit-transform: translateY(-40px);opacity: 1;}
.cases-list-li li a:hover .f3 .f3-c .p3{transform: translateY(-50px);-webkit-transform: translateY(-50px);opacity: 1;}
.cases-list-li li a:hover .f21{transform: translateY(60%);-webkit-transform: translateY(60%);opacity: 0;}

/**案例详情*/
.case-has-img img{max-width: 100%;display: block;margin: 6px auto;}
/*案例详情新增，左右排版新增*/
/*.cases-info-l .top .le{width: 480px;height: 300px;float: left;box-sizing: border-box;border: 1px solid #eee;background: #f5f5f5}*/
.cases-info{padding: 1% 0;}
/*.cases-info-l .top .leli{width: 480px;float: left;}*/
.cases-info-l{width: 50%;float: left;background: pink;position: relative}
/*.cases-info-l .top .z{width: 480px;height: 450px;float: left;position: relative;background: #fff}*/

.cases-info-l .top{width: 100%;height: 30vw;overflow: hidden;box-sizing: border-box;border: 0px solid #ddd;background: #fff}
.cases-info-l .bot{width:100%;margin: 0 auto;padding: 2% 0;background: #f3f0f0}
.cases-info-l .bot .swiper-slide{width: 160px;height: 98px;cursor: pointer;}
.cases-info-l .bot .swiper-wrapper{margin-left: -25%}
/*.cases-info-l .top .swiper-button-prev{width: 24px;height: 71px!important;background:#1753b5 url("../Image/pr11.png") center no-repeat!important;*/
    /*top: 100%!important;margin-top: -85px!important;left: 1px!important;}*/
/*.cases-info-l .top .swiper-button-next{width: 24px;height: 71px!important;background:#1753b5 url("../Image/ne11.png") center no-repeat!important;*/
    /*top: 100%!important;margin-top: -85px!important;right: 1px!important;}*/
.cases-info-l .swiper-button-prev{left: 10px;top: 32%;width:35px;height: 80px;background:rgba(192,18,27,0.85);
    background-size: 21px;background-repeat: no-repeat;background-position: center;
background-image: url("../Image/img/pr.png");}
.cases-info-l .swiper-button-next{right: 10px;top:32%;width:35px;height: 80px;background:rgba(192,18,27,0.85);
    background-size: 21px;background-repeat: no-repeat;background-position: center;background-image: url("../Image/img/ne.png")}




.cases-info-l  .bot .swiper-slide img{box-sizing: border-box;border: 0px solid #bbb;opacity: 0.5}
.cases-info-l  .bot .swiper-slide-active img{box-sizing: border-box;border: 0px solid #ef7d0e;opacity: 1}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: 0.8!important;}


/*右侧*/
.cases-info-r{width: 47%;background: #fff;float: right;}
.cases-info-r p{color: #444;margin: 15px 0;line-height: 1.8;}
.cases-info-r img{display: block;margin: 0 auto;max-width: 100%}
.cases-info-r a{color: blue;text-decoration: underline}
.cases-info-r p,.news-info-con p span,.news-info-con br,.news-info-con strong,.news-info-con a{font-family: 'Microsoft YaHei'!important;}

.cases-info-r fieldset{padding: 10px;border: 1px dashed #ddd;}
.cases-info-r fieldset .legend{font-size: 20px;font-weight: bold;padding: 0 8px;}
.cases-info-r fieldset .cc{padding: 10px 2%;width: 96%}

/**********************************************产品详情**********************/
.main-main-pro{background: #fff;}
.pro-list-li li{width: 23.5%;margin-right: 2%;float: left;}
.pro-list-li li:nth-child(4n){margin-right: 0}
.pro-list-li li:nth-child(n+5){margin-top: 3%;}
.pro-list-li a{display: block;width: 100%;height: 24vw;position: relative;overflow: hidden;border-radius: 5px;
    box-shadow: 0px 2px 9.09px 0.91px rgba(167, 162, 184, 0.43);}
.pro-list-li a .a{width: 100%;height: 100%;position: absolute;z-index: 1;left: 0;top: 0;}
.pro-list-li a .a img{transform: scale(0.9);-webkit-transform: scale(0.9)}
.pro-list-li a .b{width: 100%;position: absolute;z-index: 2;left: 0;bottom: 0;}
.pro-list-li a .b .t{width: 90%;padding: 4% 5%;font-size: 16px;text-align: left;background: rgba(255,255,255,0.8);
text-align: center;border-top-left-radius: 5px;border-top-right-radius: 5px;
    box-shadow: 0px 2px 9.09px 0.91px rgba(167, 162, 184, 0.43)}
.pro-list-li a .c{width: 100%;height: 100%;position: absolute;z-index: 3;left: 0;top: 0;background: rgba(0,0,0,0.6);opacity: 0}
.pro-list-li a .d{width: 100%;height: 100%;position: absolute;z-index: 4;left: 0;top: 0;
    border: 0px solid #eee;}
.pro-list-li a .e{width: 100%;height: 100%;position: absolute;z-index: 5;left: 0;top: 0;}
.pro-list-li a .e .t1{width: 90%;font-size: 20px;color: #fff;font-weight: bold;text-align: center;margin-top: 30%;margin-left: 5%;
padding-bottom: 20%;background: url("../Image/proj.png") bottom center no-repeat;background-size: 13%;opacity: 0;position: relative;
top: 25px;}

/*hover*/

.pro-list-li a:hover .a img{transform: scale(1.05);}
.pro-list-li a:hover .b{transform: translateY(50%);opacity: 0}
.pro-list-li a:hover .c{opacity: 1;}
.pro-list-li a:hover .d{transform: scale(0.9);-webkit-transform: scale(0.9);border: 1px solid #eee;}
.pro-list-li a:hover .e .t1{opacity: 1;transform: translateY(-25px);-webkit-transform: translateY(-25px);}



/**产品详情*/
.pro-info-img img{max-width: 100%;display: block;margin: 0 auto;}

/*新增产品详情左右排版*/
.pro-info-c{margin-bottom: 3%}
.pro-info-c-l{;width: 45%;float: left;position: relative}
/*.pro-info-c-l*/
/*轮播*/
.pro-info-c-l.z{width:100%;position: relative;float: left;}
.pro-info-c-l .top{width: 100%;height:28vw;overflow: hidden;box-sizing: border-box;border: 1px solid #ddd;background: #fff;
    margin-bottom:2%}
.pro-info-c-l .bot{width: 100%;height: 80px;margin: 0 auto;position: relative;overflow: hidden}
.pro-info-c-l .bot .i{width: 80px;height: 80px;float: left;}
.pro-info-c-l .bot .i img{box-sizing: border-box;border: 1px solid #ddd;opacity: 0.8;cursor: pointer;}
.pro-info-c-l .bot .i[data=xz] img{box-sizing: border-box;border:1px solid #c0121b;opacity: 1}

.pro-info-c-l .bot ul .i:nth-child(n+2){margin-left: 5px;}

.pro-info-c-l .swiper-button-prev1{width: 35px;height: 20%!important;min-height: 70px;background:#666 url("../Image/pr1.png") center no-repeat!important;
    top: 35%!important;left: 0px!important;position: absolute;z-index: 10;cursor: pointer;}
.pro-info-c-l .swiper-button-next1{width: 35px;height: 20%!important;min-height: 70px;background:#666 url("../Image/ne1.png") center no-repeat!important;
    top:35%!important;right: 0px!important;position: absolute;z-index: 10;cursor: pointer;}
.pro-info-c-l .swiper-button-disabled{opacity: 0.3}
/**/
.pro-info-c-l img{display: block;max-width: 100%;}
.pro-info-c-r{width: 52%;float: right;}
.pro-info-c-r .f-l{width: 100%;;float: left;text-align: left;font-size: 15px;font-weight: bold;margin-bottom: 1%}
.pro-info-c-r .f-r{float: left;margin-top: 0%;width: 100%;position: relative}
.pro-info-c-r .floor:nth-child(n+2){margin-top: 3.5%;}
.pro-info-c-r .floor:hover .f-l{color: #c0121b;}
.pro-info-c-r .floor{border-bottom:0px solid #ddd;padding-bottom: 0%}
.pro-info-c-r .f-r span{display: inline-block;padding:1.4% 4%;box-sizing: border-box;color: #666;font-size: 14px;margin: 5px 2px;
border: 1px solid #ddd;background:url("../Image/nook.png") bottom right no-repeat;background-size: 18px!important;cursor: pointer;
border-radius: 3px}
.pro-info-c-r .f-r span.xz{background: url("../Image/ok.png") bottom right no-repeat;border-color: #c0121b;color: #c0121b}

.pro-info-c-r .f-r input{width: 80%;min-width: 200px;display: block;outline: none;box-sizing: border-box;font-size: 14px;
    border: 1px solid #ddd;padding: 3.2% 2%;border-radius: 3px;position: relative}
.pro-info-c-r .f-r .code{position: absolute;right: 20%;height: 100%;top: 0;display: block}
.pro-info-c-r .f-r select{width: 80%;display: block;min-width: 200px;outline: none;box-sizing: border-box;border: 1px solid #ddd;padding: 3.2% 2%;border-radius: 3px}
.pro-info-c-r .floorl{width: 50%;float: left}
.pro-info-c-r .f-r input:focus{border-color: #c0121b;}
.pro-info-c-r .f-r button{width: 80%;min-width: 200px;background: #ddd;font-size: 16px;
    display: block;outline: none;box-sizing: border-box;border: 0px solid #ddd;padding: 3% 2%;border-radius: 3px}


/*产品详情*/
.pro-info-con{margin: 0 auto}
.pro-info-floor .top{;border-bottom: 1px solid #ddd;}
.pro-info-floor .top .le{float: left;padding: 1% 3%;background: #c0121b;color: #fff;}
.rel-con{padding: 2% 0}
.rel-con p{color: #666;margin: 8px 0;line-height: 1.6;}
.rel-con img{display: block;margin: 0 auto;max-width: 100%}
.rel-con a{color: blue;text-decoration: underline}
.rel-con p,.rel-con p span,.rel-con br,.rel-con strong,.rel-con a{font-family: 'Microsoft YaHei'!important;}
/*相关案例*/
.pro-info-cases{padding: 2% 0}
.pro-info-cases .swiper-slide a{display: block;width: 100%;}
.pro-info-cases .swiper-slide a .i{width: 100%;height: 14vw;overflow: hidden;}
.pro-info-cases .swiper-slide a .t{width: 95%;padding: 2.5% 2.5%;text-align: center}
/*.swiper-containerpro-case{padding-bottom: 30px}*/
.pro-info-cases .swiper-slide a:hover .i img{transform: scale(1.05);-webkit-transform: scale(1.05);}
.pro-info-cases .swiper-slide a:hover .t {color: #c0121b;}




/*左侧分类浮动*/
#sifu{display: none;width: 250px;position: fixed;top:25%;left: -200px;z-index: 11;transition: 0.5s;-webkit-transition: 0.5s;opacity: 0.6;}
#sifu .ful{width: 200px;float: left;background: #c0121b;padding: 5px 0}
#sifu .ful ul{width: 96%;margin:0 auto;background: #fff;padding: 15px 0}
#sifu .ful li{width: 92%;margin:0 auto;background: #eee;}
#sifu .ful li:nth-child(n+2){margin-top: 10px}
#sifu .ful li a{display: block;font-size: 15px;padding: 10px 8%;border-radius: 2px}
#sifu .fur{width: 50px;height: 50px;background: #c0121b url("../Image/fumenu.png") center no-repeat;float: left;
border-bottom-right-radius: 50%;border-top-right-radius: 50%;}
/**/
.sifu-show{transform: translateX(200px);-webkit-transform: translateX(200px);opacity: 1!important;}
#sifu .ful li:hover a{background: #c0121b;color: #fff!important;}
#sifu .ful li.xz a{background: #c0121b;color: #fff!important;}



/****************************************人才招聘**************/
.jobs-list-li li{width: 49%;margin-right: 2%;float: left;}
.jobs-list-li li:nth-child(2n){margin-right: 0;}
.jobs-list-li li:nth-child(n+3){margin-top: 3%;}

.jobs-list-li a{display: block;width: 100%;background: #fff;box-shadow: 0px 2px 12.09px 0.91px rgba(167, 162, 184, 0.33);
border-radius: 5px;padding: 1% 0 3% 0}
.jobs-list-li a .son{width: 95%;overflow: hidden;margin: 0 auto;
}

.jobs-list-li a .t1{padding: 2% 0;border-bottom: 1px solid #eee}
.jobs-list-li a .t1 .t1l{background: url("../Image/job.png") left center no-repeat;float: left;text-indent: 30px;
    background-size: contain;font-size: 20px;font-weight: bold}
.jobs-list-li a .t1 .t1r{float: right;color: #c0121b;text-decoration: underline}
.jobs-list-li a .son .con{margin-top: 2.5%;height: 15vw;overflow-y: scroll;}
.jobs-list-li a .son .con p{color: #666;padding: 3px 0;font-size: 14px;line-height: 1.6}
.jobs-list-li a .son .con::-webkit-scrollbar{
    width:3px;
    height:3px ;
}
.jobs-list-li a .son .con::-webkit-scrollbar-track{
    box-shadow: inset 0 0 3px transparent;
    background: #f8f8f8;
    border-radius: 3px;
}
.jobs-list-li a .son .con::-webkit-scrollbar-thumb{
    border-radius: 3px;
    background: #bbb;
}


.jobs-list-li a:hover{box-shadow: 0px 2px 15.09px 0.91px rgba(167, 162, 184, 0.63);}

.jobs-list-li a:hover .t1 .t1l{color: #c0121b}

/**浮框表单*/
.fu-job{position: fixed;width: 100%;height: 100%;z-index: 12;background: rgba(0,0,0,0.6);left: 0;top: 0;display: none}
.fu-job .job-son{width: 100%;height: 100%}
#jobform{;background: #fff;border-radius: 5px;padding: 40px 30px 30px 30px;
    box-shadow: 0px 2px 15.09px 0.91px rgba(167, 162, 184, 0.63) inset;position: relative;}
#jobform .jobclose{position: absolute;right: 0px;top: 0;background: #c0121b;color: #fff;display: inline-block;
padding: 2px 10px;font-size: 14px;cursor: pointer;}


#jobform .faqline{padding: 6px 0;border-bottom: 0px solid #eee;}
#jobform .faqline .faqtit{width: 90px;height: 40px;line-height: 40px;float: left;background: #fff;text-align: left;
font-size: 15px;border-radius: 2px;}
#jobform .faqline .input{text-indent: 8px;width: 370px;outline: none;height: 40px;box-sizing: border-box;border: 1px solid #ddd;float: left}
#jobform textarea{width: 370px;outline: none;height: 100px;box-sizing: border-box;border: 1px solid #ddd;float: left;
text-indent: 8px;border-radius: 2px;}
#jobform .input:focus{border-color: #c0121b;}
#jobform textarea:focus{border-color: #c0121b;}
/*#jobform input:hover{border-color: #c0121b;}*/
/*#jobform textarea:hover{border-color: #c0121b;}*/
#jobform .faqline .input1{width: 120px;float: left;}
#jobform .code img{display: block;float: left;height: 40px;margin-left: 0px;}
#jobform .code .tip{display: block;float: left;color: red;font-size: 14px;}
#jobform button{width: 120px;height: 38px;background: #c0121b;color: #fff;display: block}



















    /***新增头部分类****/
.typelist{padding-bottom: 3%;padding-top: 1%}
.typelist-l{float: left;width: 30%}
.typelist-l .p1{font-weight: bold;font-size: 40px;color: #2b2b2b;padding-left: 42px;background: url("../Image/i.png") left center no-repeat;}
.typelist-l .p2{font-size: 16px;color: #6d6d6d;font-weight: lighter;line-height: 1.8;margin-top: 3%}
.typelist-r{float: right;margin-top: 0%;width: 68%;text-align: right}
/*.typelist-r li{float: left;margin-left: 10%;}*/
.typelist-r a{display: inline-block;background: #ececec;font-size: 15px;color: #282828;position: relative;
padding: 1.1% 2.5%;transition: 0.5s;-webkit-transition: 0.5s;border-radius: 2px;z-index: 2;margin: 1.5% 0 1.5% 10px}
.typelist-r a:after{content: '';width: 100%;height: 18%;z-index: 1;
position: absolute;bottom: -18%;left: 0;background: url("../Image/sj.png") top center no-repeat;
background-size: contain;transform: translateY(-100%);-webkit-transform: translateY(-100%);opacity: 0;
transition: 0.4s;-webkit-transition: 0.4s;}
.typelist-r a:hover{background: #c0121b;color: #fff;font-weight: normal;}
.typelist-r a:hover:after{transform: translateY(0%);-webkit-transform: translateY(0%);opacity: 1;}

.typelist-r a.xz{background: #c0121b;color: #fff;font-weight: normal;}
.typelist-r a.xz:after{transform: translateY(0%);-webkit-transform: translateY(0%);opacity: 1;}






/*********************/
.other-title{font-size: 36px;text-align: center;padding: 2% 0;color: #111;font-weight: bold}

