@charset "utf-8";
/* CSS Document */
/*@font-face {
    font-family:'fzfysjt';
    src:url('fzfysjt.ttf');
}*/

body { min-width: 768px; max-width: none; }

.wrap { max-width: 1600px; width: auto; box-sizing: border-box; }

.home .block2 { overflow: hidden; position: relative; margin-bottom: 30px; }
.home .block2 .box { position: relative; margin-right: 30px; background: center top no-repeat; background-size: cover; width: calc(25% - 15px); background-image:url(../image/tu1.jpg); min-width: 270px; }
.home .block2 .box .t { width: auto; }
.home .block2 .box .title { padding-top: 50px; margin-bottom: 25px; position: relative;  font-size:24px}
.home .block2 .box .title:after { content: ""; display: block; width: 6px; height: 30px; background: url(../image/lyc/home_line.png); position: absolute; left: 50%; margin-left: -3px; bottom: -45px; }
.home .block2 .box .title h1 { color: #fff; background: url(../image/title_dot.png) center no-repeat; overflow: hidden; text-align: center;}
.home .block2 .box .title h1 span { vertical-align: middle; display: inline-block; }

.home .block2 .num { overflow: hidden; color: #fff; margin: 0 20px 0px; }
.home .block2 .num p { text-indent:2em;font-size:16px; line-height:35px;color:#ffffff}
.home .block2 .num p img { width: 50%; }
.home .block2 .num b { overflow: hidden; display: block; text-align: center; font-family: Arial, sans-serif; font-size: 58px; line-height: 1; }
.home .block2 .tip { background: url(../image/xf/png10.png) center no-repeat; font-size: 22px; color: #fff; text-align: center; line-height: 47px; position: relative; }
.home .block2 .tip span { padding-right: 20px;/*background:url(../image/txtbg1.png) no-repeat right center;*/ /*vertical-align:middle;*/ }
.home .block2 .tip span:hover { opacity: 0.8; }
.home .block2 .tip .b { margin: 0 5px; padding: 0; font-family: Impact; font-size: 25px; vertical-align: middle; }
.home .block2 .tip .arr { margin-top: -5px; margin-left: 10px; }
.home .block2 .tip b { font-family: Impact, Arial, sans-serif; font-size: 26px; vertical-align: bottom; }
.home .block2 .links { width: auto; height: 55%; }
.home .block2 .link { width: 140px; height: 40px; text-align: center; font-size: 16px; line-height: 40px; color: #fff; position: relative; margin: 10px 0 10px; }
.home .block2 .list { overflow: hidden; }
.home .block2 .list li { position: relative; }
.home .block2 .list li img { width: 100%; }
.home .block2 .mask { width: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../image/opacity-75.png); color: #fff; overflow: hidden; *zoom:1;
}
.home .block2 .mask a { padding: 50px 60px 0; display: block; color: #fff; }
.home .block2 .mask p { line-height: 24px; margin-bottom: 10px; padding: 30px;
text-indent: 2em;}
.home .block2 .mask .jj { overflow: hidden; }
.home .block2 .mask .pos { }
.home .block2 .mask h1 { font-family: fzfysjt; font-size: 28px; text-align: center; position: absolute; bottom: 42px; left: 0; width: 100%; color: inherit; }
.home .block2 .mask h1 span { vertical-align: middle; }
.home .block2 .pop-type { position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: url(../image/home_block2_bg.jpg); border: 13px solid #cba777; color: #fff; display: none; }
.home .block2 .pop-type h1 { color: #fff; }
.home .block2 .pop-type h2 { color: #fff; }
.home .block2 .pop-type .close { position: absolute; right: 20px; top: 20px; background: url(../image/block2_mask_close.png) no-repeat; width: 44px; height: 44px; }
.home .block2 .pop-type .title { float: left; overflow: hidden; margin-left: 132px; margin-right: 62px; }
.home .block2 .pop-type .title h1 { float: left; font-family: fzfysjt; font-size: 28px; line-height: 40px; width: 40px; margin-right: 32px; -webkit-writing-mode: vertical-rl; writing-mode: tb-rl; writing-mode: vertical-rl; }
.home .block2 .pop-type .title h1 b { display: inline-block; background: url(../image/home_block2_t_bg.png) no-repeat; text-align: center; width: 40px; height: 40px; margin-bottom: 5px; }
.home .block2 .pop-type .title h2 { float: left; font-size: 12px; line-height: 18px; -webkit-writing-mode: vertical-rl; writing-mode: tb-rl; writing-mode: vertical-rl; }
.home .block2 .pop-type .table { overflow: hidden; padding: 92px 0 0; }
.home .block2 .pop-type .table li { float: left; width: 136px; height: 27px; background: url(../image/huiwentxt.png) no-repeat; text-align: center; font-size: 18px; padding: 10px 0; margin-right: 25px; margin-bottom: 26px; }
.home .block2 .pop-type .table a { color: #fff; display: block; }
.home .block2 .pop-type .table a:hover { color: #bc9765; }
.home .block2 .box .title:after { bottom: -60px; }

.years95 .block2 .box { background-image:url(../image/tu1.jpg) }

.home .block2 .box { width: calc(25% - 17.5px); margin-right: 25px; }
.home .block2 { margin-bottom: 25px; margin-top:25px;}

.home .block2 .num b { font-size: 40px; }

.home .block2 .mask a { padding: 30px;text-indent: 2em; }


@media screen and (max-width:1366px) {
#header .nav ul li > a { padding: 0 30px; }

.home .block2 .box .title { margin-bottom: 60px; }
.home .block2 .box .title::after { bottom: -43px; }

}

@media screen and (max-width:1280px) {
#header .nav ul li > a { padding: 0 25px; }
.home .block2 .box { width: calc(25% - 10px); margin-right: 20px; }
.home .block2 { margin-bottom: 20px; }

.home .block2 .num p {width: auto;
    height: auto;
    line-height: 22px;font-size: 8px;}
.home .block2 .num b { font-size: 34px; }
.home .block2 .mask a { padding: 20px; }
.home .block2 .box .title{padding-top:40px;}

}

@media screen and (max-width:1200px) {
#header .nav > ul > li > a { padding: 0 15px; }
.home .block2 .box .title { margin-bottom: 10px; padding-top: 20px; }
.home .block2 .box .title:after { display: none; }
.home .block2 .link { margin: 0 0 15px; height: 35px; line-height: 35px; }

}

@media screen and (max-width:1023px) {
#header .nav { display: none; }
.wrap { margin: 0 20px; }
.home .block2 .mask a { padding: 20px; }
.home .introduce{margin: 0 20px;}
}

@media screen and (max-width:910px) {

#header .nav { visibility: hidden; }
#header .nav > ul { margin-left: -30px; }
#header .nav > ul > li > a { padding: 12px 15px; }
#header .tools li a:after { position: absolute; right: 0; top: 8px; border-top: 5px solid #fff; border-left: 3px solid transparent; border-right: 3px solid transparent; width: 0; height: 0; content: ''; }
.home .block2 .list li:last-child { display: none; }
}
