/* Generated by less 2.5.1 */



@charset "utf-8";

/*



*/



/* search */



.search {

    height: 50px;

    padding: 10px 0;

}



.search .search1 {

    width: 298px;

    height: 38px;

    line-height: 38px;

    display: inline;

    background: url(/templates/pc_wjdh/images/f.png) no-repeat center center;

    z-index: 94;

}



.search .search1 .text {

    height: 38px;

    float: left;

    background: none;

    line-height: 38px;

    color: #444;

    font-size: 14px;

    font-family: "Microsoft YaHei";

    z-index: 95;

    width: 220px;

    padding-left: 10px;

}



.search .search1 .submit {

    width: 68px;

    height: 38px;

    font-size: 12px;

    cursor: pointer;

    float: left;

    background: none;

    z-index: 96;

}



.search .search-wz {

    height: 20px;

    padding-top: 14px;

}



.search .search-wz .search-wz-nav {}



.search .search-wz .search-wz-nav span a {

    color: #444;

    font-size: 14px;

    line-height: 18px;

    height: 18px;

}



.search .search-wz .search-wz-nav span {

    color: #444;

    font-size: 14px;

    line-height: 18px;

    height: 18px;

    padding: 0 4px;

}



/* tit */



.tit,

.tt {

    margin: 0auto;

    text-align: center;

    height: 60px;

    padding: 30px 0;

}



.tit h3 a {

    font-size: 26px;

    color: #333;

    text-align: center;

    font-weight: bold;

}



.tit h3 a span {

    font-size: 28px;

    color: #c10816;

    text-align: center;

    font-weight: bold;

}



.tit h4 {

    font-size: 16px;

    color: #999;

    line-height: 50px;

    text-align: center;

    text-transform: uppercase;

    font-family: "Microsoft YaHei", 'New Century Schoolbook', Georgia, 'New York', serif;

}



.tt h3 a {

    font-size: 36px;

    color: #fff;

    text-align: center;

    font-weight: bold;

}



.tt h3 a span {

    font-size: 26px;

    color: #c10816;

    text-align: center;

    font-weight: bold;

}



.tt h4 {

    font-size: 18px;

    color: #d2d2d2;

    text-align: center;

    text-transform: uppercase;

    font-family: "Microsoft YaHei", 'New Century Schoolbook', Georgia, 'New York', serif;

}



.tt h4 .hong {

    color: #c10816;

}



/*²úÆ·*/



.cp_wrap {

    margin-top: 40px;

    padding-top: 50px;

    background: #F9F9F9;

}



.cp_wrap .pub_tit {

    margin-bottom: 20px;

    padding-top: 0;

    border-bottom: solid 1px #eee;

    padding-bottom: 20px;

}



.cp_wrap .pub_tit h2 {

    width: 150px;

    float: left;

    margin-top: 20px;

}



.cp_wrap .pub_tit h2 a {

    font-size: 36px;

    font-weight: bold;

    color: #c10816

}



.cp_wrap .pub_tit .fenlei {

    width:1023px;

    float: right;

    margin-top: 37px;

}



.cp_wrap .pub_tit .fenlei a {

    float: right;

    height: 28px;

    line-height: 28px;

    font-size: 14px;

    color: #666;

    display: inline-block;

    padding: 0 15px;

    margin-right: 4px;

    border: solid 1px #ccc;

}



.cp_wrap .pub_tit .fenlei a:hover {

    background: #c10816;

    color: #fff;

}



.cp_wrap li {

    width: 270px;

    height: 260px;

    float: left;

    margin: 14px;

    position: relative;

    background: #fff;

    box-shadow: 3px 3px 3px #eee;

}



.cp_wrap li:nth-child(5) {

    margin-left: 0;

}



.cp_wrap li:nth-child(9) {

    margin-left: 0;

}



.cp_wrap li:nth-child(1) {

    margin-left: 0;

}



.cp_wrap li.ban {

    width: 567px;

}



.cp_wrap li.ban img {

    width: 567px;

    height: 260px;

}



.cp_wrap li img {

    width: 270px;

    height: 200px;

}



.cp_wrap li a span {

    box-sizing: border-box;

    color: #666;

    display: block;

    border-top: solid 1px #eee;

    width: 100%;

    text-align: center;

    font-size: 16px;

    line-height: 40px;

    padding-top: 5px;

}



.cp_wrap li a p {

    line-height: 35px;

    color: #666;

    padding: 0 25px;

}



.cp_wrap .zx {

    padding: 40px 0;

    text-align: center;

}



.cp_wrap .zx a {

    display: inline-block;

    width: 150px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    margin: 0 14px;

    background: #FC8E01;

    color: #fff;

    font-size: 14px;

}



.cp_wrap .zx a.lan {

    background: #c10816;

    color: #fff;

}



.cp_wrap .zx a:hover {

    border-radius: 8px;

}



/* hb */



.hb {

    height: 270px;

}



.hb .hb-nav {

    height: 130px;

    position: relative;

}



.hb .hb-nav .bd {

    overflow: hidden;

    height: 155px;

}



.hb .hb-nav .bd ul li {

    margin: 0 2px 0 0;

    float: left;

    width: 234px;

    height: 104px;

}



.hb .hb-nav .bd ul li img {

    width: 232px;

    height: 102px;

    border: 1px solid #e6e6e6;

}



.hb .hb-nav .bd span {

    /*width: 213px;display:block;text-align:center;font-size: 16px;color: #2b2b2b;height: 24px;line-height: 24px;*/

}



.hb .hb-nav .hd .arrow {

    position: absolute;

    top: 24px;

    width: 100%;

}



.hb .hb-nav .hd .arrow .prev {

    display: block;

    width: 29px;

    height: 81px;

    float: left;

    overflow: hidden;

    cursor: pointer;

    background: url(/templates/pc_wjdh/images/prev.png) no-repeat;

    left: -40px;

    position: absolute;

    z-index: 99;

}



.hb .hb-nav .hd .arrow .next {

    display: block;

    width: 29px;

    height: 81px;

    float: left;

    overflow: hidden;

    cursor: pointer;

    background: url(/templates/pc_wjdh/images/next.png) no-repeat;

    right: -40px;

    position: absolute;

    z-index: 99;

}



/* gs */



.case {

    height: 540px;
overflow: hidden;
}



.case .gs-nav {

    margin-top: 30px;

}



.case .gs-nav .bd {

    width: 1180px;

    overflow: hidden;

}



.case .gs-nav .bd ul li {

    margin: 0 12px;

    float: left;

    overflow: hidden;

    position: relative;

    width: 272px;

    height: 360px;

    border: solid 1px #c10816;

    background: #fff;

}

.case .gs-nav .bd ul li:hover{

    background: #c10816;

    color: #fff;

}

.case .gs-nav .bd ul li:hover h5,.case .gs-nav .bd ul li:hover span{

    color: #FFF;

}

.case .gs-nav .bd ul li:hover a{

    color: #fff;

    border-color: #fff;

}

.case .gs-nav .bd ul li .pic {}



.case .gs-nav .bd ul li img {

    width: 238px;

    height: 148px;

    border: 1px solid #fff;

    margin-top: 24px;

    margin-left: 15px;

}



.case .gs-nav .hd .arrow {

    position: absolute;

    top: 10px;

    width: 100%;

}



.case .gs-nav .hd .arrow .prev {

    display: block;

    width: 29px;

    height: 81px;

    float: left;

    overflow: hidden;

    cursor: pointer;

    background: url(/templates/pc_wjdh/images/prev.png) no-repeat;

    left: -50px;

    position: absolute;

    z-index: 99;

    top: 150px;

}



.case .gs-nav .hd .arrow .next {

    display: block;

    width: 29px;

    height: 81px;

    float: left;

    overflow: hidden;

    cursor: pointer;

    background: url(/templates/pc_wjdh/images/next.png) no-repeat;

    right: -50px;

    position: absolute;

    z-index: 99;

    top: 178px;

}



.case .bd ul li h5 {

    text-align: center;

    font-size: 16px;

    color: #333;

    line-height: 40px;

}



.case .bd ul li span {

    width: 251px;

    display: block;

    font-size: 14px;

    color: #999;

    overflow: hidden;

    text-overflow: ellipsis;

    height: 85px;

    line-height: 24px;

    padding: 4px 15px;

}



.case .bd ul li .text a {

    width: 242px;

    height: 30px;

    border: solid 1px #c10816;

    text-align: center;

    line-height: 30px;

    position: absolute;

    bottom: 20px;

    left: 15px;

    color: #c10816;

}



/* ban1 */



.ban1 {

    position: relative;

    background: url(/templates/pc_wjdh/images/ban1.jpg) no-repeat center center;

    height: 262px;

    margin-top: 50px;

}



.ban-nav {

    position: relative;

}



.ban-nav .ban-l {

    position: absolute;

    top: 35px;

}



.ban-nav .ban-l h4 {

    font-size: 24px;

    color: #fff;

    font-weight: bold;

}



.ban-nav .ban-l h5 {

    font-size: 12px;

    color: #fff;

    text-transform: uppercase;

    /* font-weight: bold; */

    padding-top: 5px;

}



.ban-nav .ban-l span {

    font-size: 18px;

    color: #fff;

    padding-top: 5px;

    display: block;

}



.ban-nav .ban-l ul {

    margin-top: 10px;

}



.ban-nav .ban-l ul li {

    background: url(/templates/pc_wjdh/images/bx.png) no-repeat center center;

    width: 184px;

    height: 39px;

    float: left;

    color: #fff;

    font-size: 14px;

    text-align: center;

    line-height: 39px;

}



.ban-nav .ban-c {

    position: absolute;

    top: -18px;

    right: 260px;

}



.ban-nav .ban-r {

    position: absolute;

    right: 80px;

    top: 90px;

}



.ban-nav .ban-r .ban-dh {

    background: url(/templates/pc_wjdh/images/dh2.png) no-repeat left center;

    padding-left: 45px;

    height: 37px;

}



.ban-nav .ban-r .ban-dh a {}



.ban-nav .ban-r .ban-dh a span {

    font-size: 24px;

    font-weight: bold;

    color: #fff;

    height: 37px;

    line-height: 37px;

}



.ban-nav .ban-r .zx {

    position: absolute;

    top: 50px;

    left: -20px;

    width: 300px;

}

.ban2 .ban-nav .ban-r .zx{

    left: 20px;

}

.ban-nav .ban-r .zx a {

    background-color: #333;

    width: 120px;

    height: 30px;

    line-height: 30px;

    font-size: 14px;

    color: #333;

    display: block;

    text-align: center;

    float: left;

    margin: 0 5px;

    background: #fff;

}



.ban-nav .ban-r .zx a.hong {

    background: #c10816;

    color: #fff;

}



.ban2 {

    position: relative;

    background: url(/templates/pc_wjdh/images/ban2.jpg) no-repeat center center;

    height: 240px;

}



/*·³ÄÕ*/



.fn_cont {

    height: 580px;

}



.fn_cont ul {

    width: 600px;

    float: right;

    margin-top: 270px;

}



.fn_cont li {

    background: url(/templates/pc_wjdh/images/fn_list.png) no-repeat left center;

    padding-left: 35px;

    line-height: 50px;

    font-size: 18px;

}



/*ys*/



.ys {

    background: url(/templates/pc_wjdh/images/ysbg.jpg) no-repeat center 100px;

    height: 1734px;

    padding-top: 20px;

}



.ys-nav {

    position: relative;

}



.ysone {

    background: url(/templates/pc_wjdh/images/ys1.png) no-repeat top center;

    height: 330px;

    width: 100%;

    position: relative;

}



.ys2 {

    background: url(/templates/pc_wjdh/images/ys2.png) no-repeat top center;

    height: 330px;

    width: 100%;

    position: relative;

}



.ys2 .ys-l {

    position: absolute;

    top: 50px;

    right: 170px;

}



.ys4 .ys-l {

    position: absolute;

    top: 50px;

    right: 0px;

}



.ys3 {

    background: url(/templates/pc_wjdh/images/ys3.png) no-repeat top center;

    height: 330px;

    width: 100%;

    position: relative;

}



.ys4 {

    background: url(/templates/pc_wjdh/images/ys4.png) no-repeat center center;

    height: 420px;

    width: 100%;

    position: relative;

}



.ys-nav .ysone .ys-l,

.ys-nav .ys3 .ys-l {

    width: 515px;

    position: absolute;

    top: 50px;

    left: 160px;

}



.ys-nav .ys-l h4 {

    font-size: 18px;

    color: #333;

}



.ys-nav .ys-l h5 {

    font-size: 22px;

    color: #c10816;

    font-weight: bold;

    padding-top: 5px;

    height: 25px;

}



.ys-nav .ys-l p {

    text-transform: uppercase;

    color: #666666;

    line-height: 30px;

    margin-bottom: 20px;

}



.ys-nav .ys-l ul {

    margin-top: 20px;

}



.ys-nav .ys-l ul li {

    background: url(/templates/pc_wjdh/images/k.png) no-repeat left 5px;

    padding-left: 20px;

    font-size: 16px;

    color: #333;

    margin-bottom: 15px;

}



.ysone .ys-r {

    position: absolute;

    right: 0;

}



.ys-nav .ys3 .ys-r {

    position: absolute;

    right: 0;

}



.ys-nav .ys4 .ys-r {

    position: absolute;

    left: 0;

}



.ys .hxys .biaoti {

    background: url(/templates/pc_wjdh/images/ys_tit.jpg) no-repeat;

    height: 200px;

    width: 100%;

    color: #fff;

    text-align: center;

    box-sizing: border-box;

    padding-top: 50px;

}



.ys .hxys .biaoti h4 {

    font-size: 30px;

    font-weight: bold;

}



.ys .hxys .biaoti p {

    font-size: 18px;

    text-transform: uppercase;

    line-height: 40px;

}



.ys .hxys .biaoti a {

    display: inline-block;

    width: 100px;

    height: 30px;

    border-radius: 15px;

    background: #c10816;

    margin: 0 auto;

    margin-top: 55px;

    color: #fff;

    font-size: 14px;

    line-height: 30px;

}



.ys .hxys ul {

    margin-top: 120px;

    width: 100%;

    height: 300px;

    display: block;

}



.ys .hxys li {

    width: 150px;

    height: 150px;

    transform: rotate(45deg);

    -o-transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    border: solid 1px #c10816;

    float: left;

    margin: 0 80px;

    position: relative;

    -webkit-transition: -webkit-transform 0.4s ease-out;

    -moz-transition: -moz-transform 0.4s ease-out;

    transition: transform 0.4s ease-out;

}



.ys .hxys li:nth-child(1) {

    margin-left: 40px;

}



.ys .hxys li:nth-child(4) {

    margin-right: 40px;

}



.ys .hxys li div {

    transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    color: #fff;

    width: 100px;

    height: 100px;

    overflow: hidden;

    position: absolute;

    top: 25px;

    left: 25px;

    text-align: center;

}



.ys .hxys li div.bt {

    line-height: 100px;

    font-size: 16px;

    z-index: 9;

}



.ys .hxys li div.nr {

    font-size: 14px;

    line-height: 30px;

    display: none;

}



.ys .hxys li:hover {

    background: #c10816;

    -webkit-transform: rotate(405deg);

    -moz-transform: rotate(405deg);

    transform: rotate(405deg);

}



.ys .hxys li:hover div.nr {

    display: block;

}



.ys .hxys li:hover div.bt {

    display: none;

}



/* al */



.al {

    height: 460px;

    margin: 50px auto;

}



.al .al-nav {

    height: 310px;

    position: relative;

}



.al .al-nav .bd {

    overflow: hidden;

    height: 330px;

}



.al .al-nav .bd ul li {

    margin: 0 15px 0 0;

    float: left;

    width: 282px;

    height: 330px;

    position: relative;

}



.al .al-nav .bd ul li h5 {

    display: none;

    position: absolute;

    left: 0;

    top: 0;

}



.al .al-nav .bd ul li:hover h5 {

    display: block;

}



.al .al-nav .bd ul li img {

    width: 280px;

    height: 300px;

    border: 1px solid #e6e6e6;

}



.al .al-nav .bd span {

    width: 282px;

    display: block;

    text-align: center;

    font-size: 14px;

    color: #333;

    height: 30px;

    line-height: 30px;

}



.al .al-nav .hd .prev {

    display: block;

    width: 29px;

    height: 81px;

    float: left;

    overflow: hidden;

    cursor: pointer;

    background: url(/templates/pc_wjdh/images/prev.png) no-repeat;

    left: -40px;

    position: absolute;

    z-index: 99;

    top: 105px;

}



.al .al-nav .hd .next {

    display: block;

    width: 29px;

    height: 81px;

    float: left;

    overflow: hidden;

    cursor: pointer;

    background: url(/templates/pc_wjdh/images/next.png) no-repeat;

    right: -40px;

    position: absolute;

    z-index: 99;

    top: 105px;

}



/* gs */



.gs {

    height: 600px;

    background: #fff;

}



.gs .gs-nav {

    height: 378px;

    position: relative;

}



.gs .gs-nav .bd {

    overflow: hidden;

}



.gs .gs-nav .bd ul li {

    margin: 0 25px 20px 0;

    float: left;

    width: 564px;

    height: 212px;

    background: url(/templates/pc_wjdh/images/gsbg1.png) no-repeat center center;

    position: relative;

}



.gs .gs-nav .bd ul li img {

    width: 216px;

    height: 188px;

    border: 1px solid #e6e6e6;

}



.gs .gs-nav .bd ul li:hover img {

    width: 216px;

    height: 188px;

    border: 1px solid #c10816;

}



.gs .gs-nav .bd h5 {

    width: 350px;

    font-size: 16px;

    color: #333;

    height: 18px;

    line-height: 24px;

    padding: 10px;

    font-weight: bold;

    position: absolute;

    top: 5px;

    left: 230px;

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

}



.gs .gs-nav .bd span {

    width: 300px;

    display: block;

    font-size: 14px;

    color: #333;

    height: 63px;

    line-height: 30px;

    padding: 5px 10px;

    overflow: hidden;

    position: absolute;

    top: 36px;

    left: 230px;

}



.ckxq {

    position: absolute;

    bottom: 50px;

    width: 90px;

    height: 26px;

    left: 240px;

    background-color: #c10816;

}



.ckxq a {

    font-size: 14px;

    color: #fff;

    text-align: center;

    display: block;

    height: 26px;

    line-height: 26px;

}



/* about */



.about {

    height: 600px;

    background: url(/templates/pc_wjdh/images/about.jpg) no-repeat center center;

    padding: 30px 0;
overflow: hidden;
}



.ab-top {

    margin-top: 30px;

    height: 325px;

}



.about .ab-l {}



.about .ab-l img {

    width: 525px;

    height: 325px;

}



.about .ab-r {

    width: 585px;

    height: 260px;

    position: relative;

}



.about .ab-r h4 {

    font-size: 24px;

    color: #fff;

    font-weight: bold;

}



.about .ab-r h5 {

    font-size: 14px;

    color: #fff;

    line-height: 30px;

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    height: 142px;

    padding-top: 10px;

}



.about .ab-r a span {

    position: absolute;

    bottom: 20px;

    width: 90px;

    height: 26px;

    background-color: #333;

    line-height: 26px;

    color: #fff;

    text-align: center;

    right: 0;

}



.about .ab-bottom {

    margin-top: 20px;

}



.about .ab-bottom .ab-tit {

    height: 36px;

    border-bottom: 1px solid #333;

    width: 100%;

}



.about .ab-bottom .ab-tit span {

    height: 36px;

    width: 110px;

    background-color: #333;

    color: #fff;

    display: block;

    font-size: 14px;

    text-align: center;

    line-height: 36px;

}



.about .ab-bottom .ab-nav {

    margin-top: 20px;

    width: 100%;

    overflow: hidden;

}



.about .ab-bottom .ab-nav .bd {

    overflow: hidden;

    width: 100%;

}



.about .ab-bottom .ab-nav .bd ul li {

    width: 210px;

    height: 180px;

    float: left;

    margin-right: 23px;

}



.about .ab-bottom .ab-nav .bd ul li img {

    width: 210px;

    height: 130px;

    border: 1px solid #e6e6e6;

}

.about .ab-bottom .ab-nav .bd ul li p{

    line-height: 35px;

    color: #fff;

    text-align: center;

}

/* ry */



.ry {

    height: 320px;

}



.ry .ry-nav {

    height: 156px;

    position: relative;

}



.ry .ry-nav .bd {

    overflow: hidden;

    height: 156px;

}



.ry .ry-nav .bd ul li {

    margin: 0 30px 0 0;

    float: left;

    width: 212px;

    height: 156px;

}



.ry .ry-nav .bd ul li img {

    width: 210px;

    height: 130px;

    border: 1px solid #e6e6e6;

}



.ry .ry-nav .bd span {

    width: 212px;

    display: block;

    text-align: center;

    font-size: 16px;

    color: #333;

    height: 24px;

    line-height: 24px;

}



.ry .ry-nav .bd ul li:hover img {

    border: 1px solid #c10816;

}



.ry .ry-nav .hd .arrow {

    position: absolute;

    top: 34px;

    width: 100%;

}



.ry .ry-nav .hd .arrow .prev {

    display: block;

    width: 29px;

    height: 81px;

    float: left;

    overflow: hidden;

    cursor: pointer;

    background: url(/templates/pc_wjdh/images/prev.png) no-repeat;

    left: -40px;

    position: absolute;

    z-index: 99;

}



.ry .ry-nav .hd .arrow .next {

    display: block;

    width: 29px;

    height: 81px;

    float: left;

    overflow: hidden;

    cursor: pointer;

    background: url(/templates/pc_wjdh/images/next.png) no-repeat;

    right: -40px;

    position: absolute;

    z-index: 99;

}



/* line */



.line {

    height: 1px;

    background-color: #e6e6e6;

    width: 100%;

}



/* news */



.news {}



.news-nav {

    margin-top: 35px;

    position: relative;

    height: 335px;

}



.news-nav .hd ul li {

    float: left;

    height: 46px;

    line-height: 46px;

    width: 146px;

    background-color: #cbcbcb;

    margin-right: 20px;

    text-align: center;

}



.news-nav .hd ul li a {

    font-size: 16px;

    color: #333;

}



.news-nav .hd ul .newsbg2 {

    background-color: #333;

}



.news-nav .hd ul .newsbg2 a {

    color: #fff;

}



.news-nav .hd ul .on {

    background-color: #c10816;

}



.news-nav .hd ul .on a {

    color: #fff;

}



.news-nav .bd {

    position: relative;

    height: 335px;
overflow: hidden;
}



.news-nav .bd .news-l {

    width: 620px;

    float: left;

}



.news-nav .bd .news-l ul li {

    background: url(/templates/pc_wjdh/images/k2.png) no-repeat left center;

    padding-left: 10px;

    margin: 12px 0;

}



.news-nav .bd .news-l ul li a span {

    float: right;

    font-size: 14px;

    color: #a8a7a7;

}



.news-nav .bd .news-l ul li a h5 {

    font-size: 14px;

    color: #333;

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    width: 500px;

    padding: 4px 0;

}



.news-nav .bd .news-r {

    width: 500px;

    border-left: 1px dashed #e6e6e6;

    padding-left: 34px;

    float: right;

    height: 300px;

}



.news-nav .bd .news-r img {

    width: 500px;

    height: 191px;

}



.news-nav .bd .news-r h4 {

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    font-size: 18px;

    color: #333;

    height: 24px;

    line-height: 24px;

    font-weight: bold;

    padding-top: 5px;

}



.news-nav .bd .news-r span {

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    font-size: 14px;

    color: #333;

    height: 68px;

    line-height: 30px;

}



/* link */



.link {

    margin-top: 30px;

}



.link .link-tit {

    background: url(/templates/pc_wjdh/images/xuxian.png) no-repeat bottom center;

    height: 50px;

    line-height: 50px;

}



.link .link-tit h3 {

    font-size: 18px;

    color: #c10816;

    font-weight: bold;

    display: block;

    width: 150px;

    float: left;

}



.link .link-tit h3 span {

    text-transform: uppercase;

    font-size: 18px;

    color: #333;

}



.link-wz {

    height: 50px;

    line-height: 50px;

}



.link a {

    font-size: 14px;

    color: #444;

    margin: 10px;

}