@charset "utf-8";

/*end*/

body {
    overflow-x: hidden;
    max-width: 2560px;
    margin:0 auto;
}

.yzbj {
    min-height: 100px;
    background-size:cover;
}

.yz {
    padding-top: 86px;
}

.yz h3 {
    text-align: center;
    margin-bottom: 45px;
}

.yz h3 em {
    display: block;
    font-size: 40px;
    line-height: 40px;
    color: #1A1A1A;
    font-weight: bold;
    margin-bottom: 21px;
}

.yz h3 i {
    display: block;
    font-size: 24px;
    line-height: 24px;
    color: #1A1A1A;
    letter-spacing: 3px;
}

.yz p {
    width: 990px;
    font-size: 16px;
    color: #000000;
    opacity: 0.9;
    margin: 0 auto;
    text-align: center;
}


/**/

.fwbj {
    background-size:100% 100%;
    margin-top:-152px;
    min-height:1000px;
    position: relative;
}

.fw {
    padding-top: 255px;
}

.fw h3 {
    text-align: center;
    margin-bottom: 70px;
}

.fw h3 em {
    display: block;
    font-size: 40px;
    line-height: 40px;
    color: rgba(0, 0, 0, 0.8);
    font-weight: bold;
    margin-bottom: 21px;
}

.fw h3 i {
    display: block;
    font-size: 18px;
    line-height: 24px;
    color: #1A1A1A;
    letter-spacing: 3px;}

.fw .fwnav ul {
    height: 183px;
    width: 1240px;
    margin: 0 auto;
    padding-left:35px;
}

.fw .fwnav ul li {
    float: left;
    width: 156px;
    height: 156px;
    margin-left: 106px;
    background: url(../images/ftb.png) no-repeat center;
    text-align: center;
    padding-top: 60px;
    box-sizing: border-box;
    line-height: 32px;
/*    transition: .8s;
*/}

.fw .fwnav ul li.first {
    margin-left: 0;
}

.fw .fwnav ul li a {
    font-size: 26px;
    color: #FCFBFB;
    font-weight: bold;
}

.fw .fwnav ul li:hover {
    background: url(../images/ftb_h.png) no-repeat center;
    transform: rotate(360deg);
}

.fw .fwnav ul li:hover a {
    color: #000000;
}

.fw .bd {
    width: 1240px;
    position: relative;
    margin:0 auto;
    padding-bottom: 47px;
}

.fw .bd ul li {
    width: 402px;
    height:301px;
    position: relative;
    margin-bottom: 12px;
    float: left;
}

.fw .bd ul li img {
    width: 100%;
    height: 100%;
}

.fw .bd ul li em {
    font-size: 22px;
    color: #FFF;
    line-height: 22px;
    font-weight: bold;
    position: absolute;
    left: 25px;
    bottom: 35px;
	    background: url(../images/hg2.jpg) no-repeat bottom center;
}

.fw .bd ul li.fr {
    margin-right: 435px;
}

.fw .bd .sct {
    width: 402px;
    position: absolute;
    top: 0;
    left: 420px;
}

.fw .bd .sct span {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.fw .bd .sct span img {
    width: 100%;
    height: 100%;
}

.fw .bd .sct span em {
    display: block;
    height: 173px;
    padding-top: 74px;
    margin-left: 49px;
    background: url(../images/ad.png) no-repeat left bottom;
    position: absolute;
    top: 0;
    left: 0;
}

.fw .bd .sct span em i {
    display: block;
    font-size: 41px;
    line-height: 41px;
    color: #FFF;
    font-weight: bold;
    margin-bottom: 14px;
}


/**/

.xzbj {
    background: url(../images/xzbj.jpg) no-repeat bottom center;
    background-size:cover;
    min-height:1364px;
    margin-top:-401px;
}

@media screen and (min-width:1920px){
    .xzbj{background-size:100% 100%;}
}

.xz {
    padding-top: 409px;
}

.xz h3 {
    text-align: center;
    margin-bottom: 103px;
}

.xz h3 em {
    display: block;
    font-size: 40px;
    line-height: 40px;
    color: #000000;
    margin-bottom: 21px;
    font-weight: bold;
    font-family: "思源黑体 CN";
}

.xz h3 i {
    display: block;
    font-size: 24px;
    line-height: 24px;
    color: #1A1A1A;
}

.xz .xzsm {
    width: 686px;
    float: right;
    overflow: hidden;
    margin-right: 86px;
    padding-bottom: 140px;
}

.xz ul li {
    float: left;
    width: 300px;
    margin-top: 89px;
}

.xz ul li span {
    display: block;
    font-size: 24px;
    line-height: 24px;
    color: #000000;
    margin-bottom: 21px;
    font-weight: bold;
}

.xz ul li em {
    display: block;
    font-size: 12px;
    color: #000000;
    margin-bottom: 18px;
    font-family: "Myriad Pro";
    text-transform: uppercase;
    line-height: 12px;
    white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
}

.xz ul li p {
    font-size: 15px;
    color: #000000;
    margin-bottom: 28px;
}

.xz ul li a {
    display: block;
    width: 40px;
    height: 2px;
    background:#78a02e;
}

.xz ul li.fr {
    float: right;
    width: 270px;
}



/**/

.video {   
    min-height:767px;
    margin-top:-37px;
}


.vid h3 {
    text-align: center;
    margin-bottom: 76px;
}

.vid h3 em {
    display: block;
    font-size: 40px;
    line-height: 40px;
    color: #000000;
    margin-bottom: 21px;
    font-weight: bold;
    font-family: "思源黑体 CN";
}

.vid h3 i {
    display: block;
    font-size: 24px;
    line-height: 24px;
    color: #080000;
}

.vid ul li {
    float: left;
    width: 368px;
    height: 442px;
    margin-left: 47px;
}

.vid ul li.first {
    margin-left: 0;
}

.vid ul li.fr2 {
    height: 599px;
}

.vid ul li span {
    display: block;
    width: 368px;
    height: 442px;
    position: relative;
}

.vid ul li span img {
    width: 368px;
    height: 442px;
}

.vid ul li span em {
    font-size: 22px;
    line-height: 22px;
    color: #000000;
    font-weight: bold;
    background: url(../images/hg2.jpg) no-repeat bottom center;
    position: absolute;
    left: 17px;
    bottom: 37px;
}

.vid ul li span b {
    display: block;
    width: 66px;
    height: 47px;
    background: url(../images/bf1.png) no-repeat center;
    position: absolute;
    top: 215px;
    left: 151px;
}

.vid ul li.fr2 span b {
    background: url(../images/bf2.png) no-repeat center;
}

.vid ul li p em {
    display: block;
    font-size: 15px;
    color: #000000;
    line-height: 16px;
    margin-bottom: 14px;
}

.vid .modal-backdrop1,
.vid .modal-backdrop2,
.vid .modal-backdrop3 {
    display: none;
    position: fixed !important;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.5);
}

.vid .modal-backdrop1 .vd,
.vid .modal-backdrop2 .vd,
.vid .modal-backdrop3 .vd {
    width: 800px;
    height: 400px;
    background: #FFF;
    position: absolute;
    left: 44%;
    top: 0;
    margin-left: -300px;
    margin-top: -200px;
}

.vid .modal-backdrop1 .vd .close,
.vid .modal-backdrop2 .vd .close,
.vid .modal-backdrop3 .vd .close {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    font-size: 20px;
    text-align: center;
    line-height: 50px;
    color: #333;
    background: #FFF;
    border-radius: 50%;
    cursor: pointer;
}


/**/

.zjbj {
    background: url(../images/zjbj.png) no-repeat top center;
    background-size:100% 100%;
    min-height:1202px;
    margin-top:-6px;
    box-sizing: border-box;
    position:relative;
}

.zj {
    padding-top:234px;
}

.zj h3 {
    text-align: center;
    margin-bottom: 54px;
}

.zj h3 em {
    display: block;
    font-size: 40px;
    line-height: 40px;
    color: #FFF;
    margin-bottom: 21px;
    font-weight: bold;
    font-family: "思源黑体 CN";
}

.zj h3 i {
    display: block;
    font-size: 24px;
    line-height: 24px;
    color: #FFF;
}

.zj .demo {
    margin: 50px auto 0;
    width:1240px;
}

.zj .bd {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 114px;
}

.zj ul li {
    float: left;
    width: 32%;
    text-align: center;
    font-size: 18px;
    margin-top: 2%;
    margin-right: 2%;
}

.zj ul li:nth-child(3n) {
    margin-right: 0;
}

.zj ul li a {
    display: block;
    width: 100%;
}

.zj ul li span {
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    position: relative;
}

.zj ul li span img {
    width: 100%;
    height: 100%;
}

.zj ul li span p {
    display: none;
    width: 100%;
    height: 100%;
    background: url(../images/yy.png) no-repeat center;
    position: absolute;
    top: 0;
    left: 0;
    background-size: 100% 100%;
    padding-top: 18%;
    box-sizing: border-box;
}

.zj ul li span p em {
    display: block;
    font-size: 21px;
    line-height: 21px;
    text-align: center;
}

.zj ul li span p em {
    display: block;
    font-size: 21px;
    line-height: 21px;
    text-align: center;
    color: #78a02e;
    padding-top: 84px;
    background: url(../images/jia.png) no-repeat top center;
}

.zj .jt {
    width: 250px;
    margin: 26px auto 0;
    position: relative;
}

.zj .jt i {
    display: block;
    width: 32px;
    height: 32px;
    float: left;
    position: absolute;
    top: 0;
    cursor: pointer;
    z-index: 100;
}

.zj .jt i.prev {
    background: url(../images/prev.png) no-repeat center;
}

.zj .jt i.next {
    background: url(../images/next.png) no-repeat center;
    right: 0;
}

.zj ul li span:hover p {
    display: block;
}

.ys_pg {
    height: 10px;
    z-index: 10;
    width: 100%;
    text-align: center;
    margin-top: 38px;
}

.ys_pg i {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 100%;
    margin: 0 10px;
    vertical-align: top;
}

.ys_pg i.on {
    background: #78a02e;
}


/**/

.lop_new{ 
    background: url(../images/lop_new.jpg) no-repeat top center;
    margin-top:-310px;
    min-height:1000px;
    background-size:100% auto;}

.loopbj {
    min-height:150px;
    
}

.loop {
    padding-top: 232px;
}

.loop h3 {
    text-align: center;
    margin-bottom: 58px;
}

.loop h3 em {
    display: block;
    font-size: 40px;
    line-height: 40px;
    color: #333;
    margin-bottom: 21px;
    font-weight: bold;
    background: url(../images/yd.png) no-repeat center;
    font-family: "思源黑体 CN";
}

.loop h3 i {
    display: block;
    font-size: 24px;
    line-height: 24px;
    color: #333;
}

.loop ul {
    margin: 0 auto;
    width: 90%;
    padding-bottom: 53px;
}

.loop ul li {
    float: left;
    width: 12.5%;
    box-sizing: border-box;
    padding-left: 13px;
    margin-bottom: 10px;
}

.loop ul li img {
    width: 100%;
}

.loop ul li.fr {
    margin-left: 0;
}

.loop span {
    display: block;
    width: 93px;
    height: 23px;
    border-bottom: 2px solid #e3ba7c;
    margin: 0 auto;
    padding-bottom: 5px;
}

.loop span a {
    font-size: 19px;
    color: #333333;
    line-height: 19px;
}


/**/

.newsbj {
    min-height:653px;
}

.news {
    padding-top: 106px;
}

.news h3 {
    text-align: center;
    margin-bottom: 45px;
}

.news h3 em {
    display: block;
    font-size: 40px;
    line-height: 40px;
    font-weight: bold;
    color: #333333;
    margin-bottom: 21px;
    font-family: "思源黑体 CN";
}

.news h3 i {
    display: block;
    font-size: 24px;
    line-height: 24px;
    color: #333333;
}

.news strong {
    display: block;
    height: 74px;
    width: 605px;
    margin: 0 auto;
}

.news strong a {
    display: block;
    float: left;
    height: 40px;
    line-height: 40px;
}

.news strong em {
    display: block;
    font-size: 20px;
    color: #000000;
    background: url(../images/dbx1.png) no-repeat 20%;
    font-weight: normal;
    margin-left: 9px;
    width: 195px;
    height: 40px;
    text-align: center;
}

.news strong em.first {
    background: url(../images/dbx1.png) no-repeat 10%;
    margin-left: 0;
}

.news strong em.first.cur {
    margin-left: 0;
    background: #78a02e url(../images/dbx1.png) no-repeat 10%;
}

.news strong em.cur {
    background: #78a02e url(../images/dbx1.png) no-repeat 20%;
}

.news ul {
    height: 350px;
}

.news ul li {
    float: left;
    width: 370px;
    height: 346px;
    border-bottom: 2px solid #e6e6e6;
    margin-right: 45px;
}

.news ul li dl dt {
    width: 370px;
    height: 185px;
}

.news ul li dl dt img {
    width: 370px;
    height: 185px;
}

.news ul li dl dd {
    padding-top: 33px;
    height: 151px;
    box-sizing: border-box;
}

.news ul li dl dd span {
    display: block;
    margin-bottom: 10px;
}

.news ul li dl dd span a {
    font-size: 16px;
    color: #080000;
    font-weight: bold;
}

.news ul li dl dd p {
    width: 364px;
    height: 37px;
    font-size: 14px;
    color: #666666;
    line-height: 19px;
    margin-bottom: 19px;
}

.news ul li dl dd em {
    display: block;
    text-align: right;
    font-size: 14px;
    line-height: 14px;
    color: #999999;
    font-family: Arial;
}

.news ul li i {
    display: block;
    width: 0;
    height: 2px;
    margin-top: 26px;
    background: #78a02e;
    transition: .5s;
}

.news ul li:hover i {
    width: 370px;
}


/**/

.about {
    min-height: 882px;
    background: url(../images/about.png) no-repeat top center;
    background-size:100% 100%;
}

.abo {
    padding-top: 236px;
}

.abo .abosm {
    width: 600px;
    float: left;
}

.abo .abosm span {
    display: block;
    width: 180px;
    height: 109px;
    margin-bottom: 10px;
}

.abo .abosm span img {
    width: 180px;
    height: 109px;
}

.abo .abosm strong {
    display: block;
    height: 62px;
    margin-bottom: 55px;
}

.abo .abosm strong i {
    display: block;
    font-size: 24px;
    color: #FFFFFF;
    line-height: 24px;
    margin-bottom: 17px;
    font-weight: normal;
}

.abo .abosm strong em {
    display: block;
    font-size: 20px;
    line-height: 20px;
    color: #FFFFFF;
    font-weight: normal;
    opacity: 0.6;
}

.abo .abosm p {
    width: 600px;
    height: 159px;
    font-size: 14px;
    color: #949494;
    line-height: 27px;
}

.abo .abnav {
    width: 203px;
    margin-top: 196px;
    float: right;
    position: relative;
}

.abo .abnav ul li {
    height: 18px;
    line-height: 18px;
    margin-bottom: 34px;
}

.abo .abnav ul li em {
    display: block;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 16px;
    float: left;
}

.abo .abnav ul li i {
    display: block;
    float: left;
    font-size: 16px;
    line-height: 16px;
    color: #FFF;
    margin-top: 4px;
    margin-left: 23px;
    opacity: 0.2;
    text-transform: uppercase;
}

.abo .abnav ul li.fr2 {
    margin-bottom: 173px;
}

.abo .abnav ul li:hover i {
    opacity: 1;
}

.abo .abnav span {
    display: block;
    width: 200px;
    height: 113px;
    position: absolute;
    top: 100px;
}

.abo .abnav span img {
    width: 200px;
    height: 113px;
}
/**/
.guide{padding:87px 0 89px;background:url(../images/guide.jpg) no-repeat center top;}
.gui{width:75.3%; margin:0 auto;}
.gui .gui-left{width:594px;height:578px; float:left;position: relative;z-index:200;}
.gui .gui-left h2{margin-bottom: 28px;}
.gui .gui-left h2 span{display: block;
    font-size: 40px;
    line-height: 40px;
    color: #1A1A1A;
    font-weight: bold;
    margin-bottom: 21px;}
.gui .gui-left h2 em{display: block; height:73px; line-height: 73px;font-size: 55px;color:#003171; font-weight: bold;}
.gui .gui-left strong{
	
	display: block; line-height: 33px; font-weight: normal;font-size: 16px; 
	margin-bottom: 37px;
    color: #000000;
    opacity: 0.9;
    margin: 0 auto;
	text-indent:2em;
	
	}
.gui .gui-left .hd{width:330px; height:47px;background:#E1E1E1; margin-bottom: 94px;}
.gui .gui-left .hd ul li{float:left;width:173px;height:47px; text-align: center;cursor: pointer;position: relative;}
.gui .gui-left .hd ul li.jd2{margin-left: -16px;}
.gui .gui-left .hd ul li i{display: block; width:100%; height:47px; line-height:47px;font-size: 16px; color:#666666; font-family: "思源黑体 CN"; position: relative;z-index:200;}
.gui .gui-left .hd ul li.jd1:before{width:100%;height:47px; background:url(../images/gui-jd1.png) no-repeat center; content:"";position: absolute;left:0;top:0;display: none;}
.gui .gui-left .hd ul li.jd2:before{width:100%;height:47px; background:url(../images/gui-jd2.png) no-repeat center; content:"";position: absolute;right:0;top:0;display: none;}
.gui .gui-left .hd ul li.cur i{color:#FFF;}
.gui .gui-left .hd ul li.jd1.cur:before{display:block;}
.gui .gui-left .hd ul li.jd2.cur:before{display:block;}
.gui .gui-left .gui-sz{width:973px; height:138px; background: #FFF;box-shadow: 0px 0px 10px rgba(0,0,0,0.2);padding-top:24px; box-sizing: border-box;}
.gui .gui-left .gui-sz ul li{float:left; height:83px;border-right:1px solid #eeeeee;}
.gui .gui-left .gui-sz ul li span{display: block;text-align: center;height:56px;}
.gui .gui-left .gui-sz ul li span em{display: inline-block; height:56px; line-height: 56px;font-size: 55px; color:#003171; font-weight: bold;}
.gui .gui-left .gui-sz ul li span i{display: inline-block; width:17px; height: 17px; background:#E60012;border-radius: 50%; text-align: center; line-height: 17px;font-size: 13px;color:#FFFFFF; vertical-align: bottom;margin:0 0 5px -8px;}
.gui .gui-left .gui-sz ul li p{height:27px;font-size: 14px; line-height: 27px; color:#333333;text-align: center;}
.gui .gui-left .gui-sz ul li:nth-child(4) p{padding-left:46px;}
.gui .gui-left .gui-sz ul li:nth-child(5) p{padding-left:23px;}
.gui .gui-left .gui-sz ul li:last-child{border-right:0;}
.gui .gui-rig{width:786px; height: 533px;overflow: hidden;float:right;}
.gui .gui-rig .gui-con,.gui .gui-rig .gui-con .con{height:100%;}
.gui .gui-rig span{display: block; width:100%;height:100%; line-height: 0; overflow: hidden;}
.gui .gui-rig span img{width: 100%;height:100%; transition: 1s;}
.gui .gui-rig span:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
@media screen and  (min-width:760px) and (max-width:1680px){
    .gui{width:90.3%;}
    .gui .gui-left{width:730px;height:540px;}
    .gui .gui-rig{width:670px;}
}
/**/