@charset "utf-8";
body{font-family:"Microsoft Yahei";overflow-x:hidden;background: #fdfefe}
a{text-decoration: none;}
a:hover{text-decoration: none;}
em,i{font-style: normal;}


.titis{height:136px;overflow: hidden;text-align: center;box-sizing: border-box;}
.titis h2 {height:55px;line-height:55px;font-size:36px;color: #000000;font-weight:normal;letter-spacing: 2px;position: relative;}
.titis h2:after{content: "";display: block;width:352px;height: 1px;background: #4d4d4d;position: absolute;left:0;top:50%;}
.titis h2:before{content: "";display: block;width:352px;height: 1px;background: #4d4d4d;position: absolute;right:0;top:50%;}
.titis h2 a{color: #000000}
.titis h2 i{margin:0 20px;display: inline-block;width:6px;height:6px;background: #333333;border-radius: 50%;vertical-align: middle;}
.titis em{margin-right:24px;}
.titis span{font-size:22px;height: 36px;line-height: 36px;color: #282828;text-transform: uppercase;}

.yz_c{overflow: hidden;position: relative;height:454px;padding-top:76px;}
.yz_c li{float:left;width:118px;margin-right:98px;text-align: center;}
.yz_c li i{background: url(../images/yz_a1.png) no-repeat center top;display: block;width:118px;height: 118px;}
.yz_c li h4{font-size:20px;color: #282828;line-height: 30px;padding-top:17px;height: 77px;font-weight:normal;}
.yz_c li span a{display: block;width:110px;height: 34px;line-height: 34px;border:1px solid #282828;text-align: center;font-size:14px;color: #838383;border-radius: 17px;position: relative;overflow: hidden;transition: all 0.5s}
.yz_c li span a:after{content: "";display: block;width:0;height: 34px;background: #000000;position: absolute;left:0;top:0;transition: all 0.5s}
.yz_c li span a em{padding-right:23px;background: url(../images/yz_a3.png) no-repeat right;display:inline-block;position:relative;z-index: 2;transition: all 0.5s}
.yz_c li:hover i{background: url(../images/yz_a2.png) no-repeat center top;animation-duration:3s;animation-name:flipInY;}
.yz_c li span a:hover:after{width:100%;}
.yz_c li span a:hover {color: #f2f2f2;border-color: #000}
.yz_c li span a:hover em{background: url(../images/yz_a3_hv.png) no-repeat right;}
.yz_c li:last-child{margin:0;}


.tc_c{height: 1222px;}
.tc_c .titis{height: 130px;}
.tc_c .titis h2:after{width:451px;}
.tc_c .titis h2:before{width:451px;}
.tc_t dt{font-size:0;line-height: 0;overflow: hidden;position: relative;}
.tc_t dt img{width:1200px;height: 420px;transition: all 0.5s;}
.tc_t dd{height: 145px;border:1px solid #bfbfbf;border-top:0;box-sizing: border-box;padding:30px 67px 0 42px;transition: all 0.5s}
.tc_t dd h4 a{display:block;height: 43px;line-height: 43px;font-size:28px;color: #262626;font-weight: normal;transition: all 0.5s}
.tc_t dd h4 span{display: block;font-size:16px;color: #808080;height: 38px;line-height: 38px;font-weight: normal;transition: all 0.5s}
.tc_t dd em{float: right;margin-top:15px;}
.tc_t dd em a:first-child{width:250px;height: 50px;border:1px solid #383838;text-align: center;box-sizing: border-box;float:left;border-right:0;line-height: 48px;font-size:16px;color: #000000;display: block;position: relative;transition: all 0.5s}
.tc_t dd em a:first-child:after{content: "";display: block;width:0;height:48px;background: #000000;position: absolute;left:0;top:0;transition: all 0.5s}
.tc_t dd em a:first-child:hover:after{width:100%;}
.tc_t dd em a:first-child:hover{color: #fff;}
.tc_t dd em a i{position: relative;z-index: 2}
.tc_t dd em a:last-child{width:100px;height: 50px;background: #262626;text-align: center;font-size:16px;color: #fff;float:left;display: block;line-height: 50px;}
.tc_t dl:hover dd{border-color: #000000}
.tc_t dl:hover dd h4 a{color: #000000}
.tc_t dl:hover dd h4 span{color: #4d4d4d}
.tc_t dl:hover dt img{transform: scale(1.1);}
.tc_t dl dt:before{content: '';  position: absolute; left: -100%; top: 0; width:100%; height:100%;  background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg);z-index: 9}
.tc_t dl:hover dt:before{left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}
.tc_nr{margin-top:23px;position: relative;}
.tc_nr .tempWrap{width:1200px!important;}
.tc_nr li,.tc_nr2 li{float:left;width:387px;margin-right:19px;}
.tc_nr li b,.tc_nr2 li b{display: block;font-size:0;line-height: 0;overflow: hidden;position: relative;}
.tc_nr li b img,.tc_nr2 li b img{width:387px;height: 245px;transition: all 0.5s}
.tc_nr li .tc_w,.tc_nr2 li .tc_w{height: 195px;border:1px solid #bfbfbf;border-top:0;box-sizing: border-box;padding:20px 20px 0px 32px;transition: all 0.5s}
.tc_nr li .tc_w h4 a,.tc_nr2 li .tc_w h4 a{display:block;height: 40px;line-height: 40px;font-size:25px;color: #262626;font-weight: normal;transition: all 0.5s}
.tc_nr li .tc_w span,.tc_nr2 li .tc_w span{display: block;font-size:16px;color: #808080;height: 36px;line-height: 36px;font-weight: normal;transition: all 0.5s;margin-bottom:21px;}
.tc_nr li .tc_w em a:first-child{width:175px;height: 50px;border:1px solid #383838;text-align: center;box-sizing: border-box;float:left;border-right:0;line-height: 48px;font-size:16px;color: #000000;display: block;position: relative;transition: all 0.5s}
.tc_nr li .tc_w em a:first-child:after{content: "";display: block;width:0;height:48px;background: #000000;position: absolute;left:0;top:0;transition: all 0.5s}
.tc_nr li .tc_w em a:first-child:hover:after{width:100%;}
.tc_nr li .tc_w em a:first-child:hover{color: #fff;}
.tc_nr li .tc_w em a i{position: relative;z-index: 2}
.tc_nr li .tc_w em a:last-child{width:100px;height: 50px;background: #262626;text-align: center;font-size:16px;color: #fff;float:left;display: block;line-height: 50px;}
.tc_nr li:hover .tc_w,.tc_nr2 li:hover .tc_w{border-color: #000000}
.tc_nr li:hover b img,.tc_nr2 li:hover b img{transform: scale(1.1);}
.tc_nr li:hover .tc_w h4 a,.tc_nr2 li:hover .tc_w h4 a{color: #000000}
.tc_nr li:hover .tc_w span,.tc_nr2 li:hover .tc_w span{color: #4d4d4d}
.tc_nr li b:before,.tc_nr2 li b:before{content: '';  position: absolute; left: -100%; top: 0; width:100%; height:100%;  background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg);z-index: 9}
.tc_nr li:hover b:before,.tc_nr2 li:hover b:before{left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}
.tc_nr li:last-child{margin:0;}
.tc_j1,.tc_j2{position: absolute;top:196px;}
.tc_j1{left:-87px;}
.tc_j2{right:-87px;}

.dz_c{height: 684px;overflow: hidden;}
.dz_c .titis{height:128px;}
.dz_c .titis h2:after{width:480px;}
.dz_c .titis h2:before{width:480px;}
.dz_nr li{float:left;width:195px;margin-right:5px;margin-bottom:6px;position: relative;overflow: hidden;}
.dz_nr li i{display: block;font-size:0;line-height: 0;position: relative;overflow: hidden;}
.dz_nr li i img{width:100%;transition: all 0.5s}
.dz_nr li p{position: absolute;left:0;bottom:0;width:100%;text-align: center;height: 50px;line-height: 50px;background: rgba(0,0,0,0.5);transition: all 0.5s}
.dz_nr li p em{display: block;font-size:0;line-height: 0;display: none}
.dz_nr li p span{font-size:22px;color: #fff;font-weight: bold;}
.dz_nr li:hover p{height: 100%;}
.dz_nr li:hover p em{display: block;padding-top:55px;}
.dz_nr li:hover i img{transform:scale(1.1);}
.dz_nr li:first-child:hover em,.dz_nr li:nth-child(2):hover em{padding-top:113px;}
.dz_nr li:first-child,.dz_nr li:nth-child(2){width:596px;}
.dz_nr li:nth-child(2),.dz_nr li:last-child{margin-right:0;}

.team{height: 1029px;}
.team .titis{height:132px;}
.team .titis h2:after{width:488px;}
.team .titis h2:before{width:488px;}
.team_t{font-size:0;line-height: 0;position: relative;overflow: hidden;}
.team_t:before{content: '';  position: absolute; left: -100%; top: 0; width:100%; height:100%;  background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg);z-index: 9}
.team_t:hover:before{left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}
.team_nr {margin-top:26px;position: relative;}
.team_nr .tempWrap{width:1200px!important;}
.team_nr li{float:left;width:292px;margin-right:10px;overflow: hidden;}
.team_nr li p{position: relative;}
.team_nr li p i{display: block;font-size:0;line-height: 0;width:292px;overflow: hidden;}
.team_nr li p i img{width:292px;height: 164px;transition: all 0.5s}
.team_nr li p span a{position: absolute;left:0;bottom:0;width:100%;height: 42px;background: #000000;text-align: center;font-size:16px;color: #f5f5f5;line-height: 42px;opacity: 0;transition: all 0.5s;z-index: 9}
.team_nr li p em{position: absolute;left:0;top:0;width:100%;height: 100%;background: rgba(0,0,0,0.4);opacity: 0;transition: all 0.5s}
.team_nr li p span img{vertical-align: middle;margin-right:11px;}
.team_nr li dl{height: 172px;border:1px solid #bfbfbf;box-sizing: border-box;padding:28px 0 0 24px;border-top:0;transition: all 0.5s}
.team_nr li dt{float:left;font-size:0;line-height: 0;width:114px;height: 114px;border-radius: 50%;overflow: hidden;}
.team_nr li dt img{width:114px;height: 114px;}
.team_nr li dd{float: left;width:117px;padding:8px 0 0 24px;}
.team_nr li dd h4 a{display: block;height: 34px;line-height: 34px;font-size:18px;color: #000000;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.team_nr li dd span{display: block;height: 28px;line-height: 28px;font-size:16px;color: #000000;}
.team_nr li dd em{display: block;font-size:14px;color: #000000;height: 26px;line-height: 26px;margin-top:6px;}
.team_nr li:hover p span a{opacity: 1}
.team_nr li:hover p em{opacity: 1}
.team_nr li:hover p i img{transform: scale(1.1);}
.team_nr li:hover dl{border-color: #000000}
.team_nr li:last-child{margin:0;}
.tm_j1,.tm_j2{position: absolute;top:152px;}
.tm_j1{left:-87px;}
.tm_j2{right:-87px;}

.yous{height:837px;}
.yous .titis{height:123px;}
.yous .titis h2:after{width:436px;}
.yous .titis h2:before{width:436px;}
.ys_nr li{float: left;width:387px;height: 650px;margin-right:19px;position: relative;overflow: hidden;}
.ys_nr li i{display:block;font-size:0;line-height: 0;}
.ys_nr li i img{width:387px;height: 650px;}
.ys_nr li .ys_w{height: 146px;background: rgba(0,0,0,0.6);position: absolute;left:0;bottom:0;width:100%;text-align: center;box-sizing: border-box;padding:36px 20px 0;transition: all 0.5s}
.ys_nr li .ys_w h4{height: 44px;line-height: 44px;font-size:30px;color: #fff;}
.ys_nr li .ys_w span{height: 37px;line-height: 37px;font-size:18px;color: #fff;}
.ys_nr li .ys_w p{font-size:14px;color: #fff;line-height: 26px;padding-top:25px;}
.ys_nr li:hover .ys_w {height: 100%;padding:143px 20px 0;}
.ys_nr li:last-child{margin:0;}


.anl{height: 912px;}
.anl .titis{height:122px;}
.anl .titis h2:after{width:480px;}
.anl .titis h2:before{width:480px;}
.al_nr li{float:left;margin:0 5px 7px 0;position: relative;}
.al_nr li i{display: block;font-size:0;line-height: 0;overflow: hidden;position: relative;}
.al_nr li i img{transition: all 0.5s}
.al_nr li h4{position: absolute;left:26px;bottom:0;height: 40px;line-height: 40px;font-size:16px;color: #fff;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: normal;}
.al_nr li i:before{content: '';  position: absolute; left: -100%; top: 0; width:100%; height:100%;  background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg);z-index: 9}
.al_nr li:hover i:before{left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}
.al_nr li:nth-child(3n),.al_nr li:last-child{margin:0 0 7px 0;}
.al_nr li:hover i img{transform: scale(1.1);}


.news{height: 741px;overflow: hidden;}
.news .titis{height:110px;}
.news .titis h2:after{width:480px;}
.news .titis h2:before{width:480px;}
.news .tit{height:65px;line-height:65px;overflow: hidden;}
.news .tit span a{font-size:22px;color: #111111;}
.news .tit em a{float: right;font-size:14px;color: #4d4d4d;}
.dongt{float:left;width:567px;}
.dongt dl{height: 359px;border-bottom: 1px solid #b3b3b3;margin-bottom:18px;}
.dongt dt{font-size: 0;line-height: 0;width:567px;overflow: hidden;}
.dongt dt img{width:567px;height: 227px;}
.dongt dd {padding-top:17px;}
.dongt dd h4 a{height:29px;line-height:29px;font-size:16px;color: #4d4d4d;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: block;}
.dongt dd p{font-size:14px;color: #808080;line-height: 24px;padding-top:11px;}
.dongt dl:hover h4 a{color: #000}
.news li {height:36px;line-height:36px;}
.news li a{display: block;font-size:16px;color: #4d4d4d;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.news li em{float: right;font-size:14px;color: #b2b2b2}
.news li a:hover{color: #000}

.bk_c{float: right;width:574px;}
.bk_c .tit{border-bottom:1px solid #b3b3b3;box-sizing: border-box;}
.bk_c ul{padding-top:29px;height:155px;}
.bk_c li{height: 40px;line-height: 40px;}

.bk_c dl{height: 136px;	margin-bottom:16px;}
.bk_c dd{float:left;width:386px;padding:22px 14px 0 26px;box-sizing: border-box;border:1px solid #bfbfbf;border-right:0;height: 136px;transition: all 0.5s}
.bk_c dd h4 a{display:block;height:32px;line-height:32px;font-size:16px;color:#4d4d4d;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.bk_c dd p{font-size:14px;color: #808080;line-height: 24px;padding-top:5px;}
.bk_c dt{float: right;width:188px;overflow: hidden;}
.bk_c dt img{width:188px;height: 136px;transition: all 0.5s}
.bk_c dl:hover dt img{transform: scale(1.1);}
.bk_c dl:hover dd{border-color: #000}
.bk_c dl:hover h4 a{color: #000}


.md_c{position: relative;}
.md_c i{display: block;font-size:0;line-height: 0;}
.md_c i img{width:1200px;height: 607px;}
.md_w{position: absolute;left:0;top:0;height: 100%;width:397px;background: rgba(0,0,0,0.8);box-sizing: border-box;padding:90px 0 0 55px;}
.md_w h4{font-size:42px;color: #fff;font-weight:normal;line-height: 48px;}
.md_w h4 em{font-size:46px;color: #dfbf64;}
.md_w p{font-size:14px;color: #999999;line-height: 24px;padding-top:70px;}
.md_w span{display: block;font-size:22px;color: #fff;height: 41px;line-height: 41px;margin-top:40px;}
.md_btn1 a{display: block;width:295px;height: 50px;background: #fff;text-align: center;font-size:16px;color: #111111;margin-top:41px;line-height: 50px}


.ab_bj{background: url(../images/ab_bj.jpg) no-repeat center top;height: 410px;margin-top:104px;}
.about{padding:69px 0 0 321px;box-sizing: border-box;}
.about i{display: block;font-size:0;line-height: 0;}
.about h3{font-size:30px;height: 42px;line-height: 42px;color: #252525;margin:-39px 0 0 165px;}
.about span{display: block;font-size:18px;color: #252525;height: 30px;line-height: 30px;margin-left:120px;}
.ab_btn1 a{display: block;position: relative;width:174px;height: 48px;line-height: 48px;border:1px solid #000000;margin:17px 0 0 192px;text-align: center;font-size:16px;color: #000000;}
.ab_btn1 a:after{content: "";display: block;width:0;height: 48px;background: #000;position: absolute;left:0;top:0;transition: all 0.5s}
.ab_btn1 a:hover:after{width:100%;}
.ab_btn1 a:hover{color: #fff;}
.ab_btn1 a:hover em{position: relative;z-index: 2}




@media screen and (max-width:1440px) and (min-width:1366px) {
    html {font-size:14px;}
}
@media screen and (max-width:1600px) and (min-width:1441px){
    html {font-size:16px;}
}
@media screen and (max-width:1920px) and (min-width:1601px)  {
    html {font-size:20px;}
}


@-webkit-keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown1 { -webkit-animation-name: fadeInDown1; animation-name: fadeInDown1 }
@-webkit-keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2 }
@-webkit-keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft1 { -webkit-animation-name: fadeInLeft1; animation-name: fadeInLeft1 }
@-webkit-keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft2 { -webkit-animation-name: fadeInLeft2; animation-name: fadeInLeft2 }
@-webkit-keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight1 { -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1 }
@-webkit-keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight2 { -webkit-animation-name: fadeInRight2; animation-name: fadeInRight2 }
@-webkit-keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
@keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
.zoomLeft { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
.zoomRight { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
@-webkit-keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp1 { -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1 }
@-webkit-keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }