﻿.wid1200 { width: 1200px; margin: auto; position: relative; }
.yg_Head { position: fixed; background: #0c0c0c; height: 100px; top: 0; left: 0; width: 100%; z-index: 11; }
.yg_Head .logo { display: inline-block; float: left; vertical-align: top; margin: 22px 0 0 0; }
.yg_Head .nav { float: right; line-height: 100px; }
.yg_Head .nav ul { }
.yg_Head .nav ul li { display: inline-block; float: left; }
.yg_Head .nav ul li a { color: #fff; font-size: 16px; border-radius: 5px; margin: 0 3px; padding: 7px 15px; }
.yg_Head .nav ul li a:hover { background: #b88b41; }
.yg_Head .nav ul li a.Select { background: #b88b41; }


.wrap { padding: 100px 0 0 0; }

.banner { background: url(../images/banner.jpg) no-repeat center top; height: 650px; position: relative; }
.companybanner { background: url(../images/companybanner.jpg) no-repeat center top; height: 650px; position: relative; }
.companyBannerText1 { position: absolute; font-size: 30px; font-weight: bold; top: 67px; right: 0; color: #fff; }
.tiskbanner { background: url(../images/tiskbanner.jpg) no-repeat center top; height: 452px; position: relative; }
.servicebanner { background: url(../images/service.jpg) no-repeat center top; height: 650px; position: relative; }
.wid527 { width: 527px !important; }
.qyjj { position: absolute; top: 135px; left: 0; }
.qyjj .Title { font-size: 24px; color: #fff; position: relative; font-weight: bold; }
.qyjj .Title::before { content: ""; background: #fff; width: 48px; height: 3px; position: absolute; bottom: -13px; left: 0; }
.qyjj .Text { text-align: justify; width: 600px; line-height: 32px; color: #fff; font-size: 16px; margin: 25px 0 0 0; text-indent: 2em; }



.dw_fwxm { position: absolute; top: 135px; right: 0; }
.dw_fwxm .Title { color: #fff; text-align: right; padding: 50px 20px 0 0; position: relative; }
.dw_fwxm .Title::before { content: ""; background: #fff; width: 5px; height: 89px; position: absolute; bottom: 0; right: 0; }
.dw_fwxm .Title .t1 { font-size: 14px; font-family: Arial; }
.dw_fwxm .Title .t2 { font-weight: bold; font-size: 52px; }
.dw_fwxm .list { margin: 35px 0 0 0; }
.dw_fwxm .list ul { display: inline-block; margin: 0px 0 0 37px; vertical-align: top; }
.dw_fwxm .list ul li { font-size: 18px; color: #fff; line-height: 40px; position: relative; padding: 0 0 0 14px; }
.dw_fwxm .list ul li::before { width: 4px; height: 4px; content: ""; position: absolute; left: 0; top: 50%; background: #fff; border-radius: 50px; overflow: hidden; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); }


.qyznglptjs { }
.qyznglptjs .Title { padding: 70px 0 50px 0; }
.qyznglptjs .Title ul { display: inline-block; vertical-align: middle; }
.qyznglptjs .Title ul li { display: inline-block; height: 32px; float: left; margin: 0 1px 0 0; }
.qyznglptjs .Title ul li:nth-child(1) { background: rgba(243,184,34,1); width: 18px; }
.qyznglptjs .Title ul li:nth-child(2) { background: rgba(243,184,34,.75); width: 13px; }
.qyznglptjs .Title ul li:nth-child(3) { background: rgba(243,184,34,.55); width: 10px; }
.qyznglptjs .Title ul li:nth-child(4) { background: rgba(243,184,34,.4); width: 7px; }
.qyznglptjs .Title ul li:nth-child(5) { background: rgba(243,184,34,.2); width: 4px; }
.qyznglptjs .Title span { font-size: 32px; color: #000; font-weight: bold; vertical-align: middle; }
.ImgBox { margin-bottom: 50px; }
.ImgBox ul { }
.ImgBox ul li { display: inline-block; float: left; margin: 0 42px 0 0; cursor: pointer; position: relative; top: 0; transition: all linear .3s; }
.ImgBox ul li:hover { transition: all linear .3s; top: -10px; position: relative; }
.ImgBox ul li:hover .img { box-shadow: 0px 3px 5px rgba(0,0,0,.5); }
.ImgBox ul li:hover .img:before { left: 800px; transition: left 1s ease 0s; }
.ImgBox ul li .img:before { content: ""; position: absolute; width: 80px; height: 350px; top: 0; left: -800px; overflow: hidden; background: -moz-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%); background: -webkit-gradient(linear,left top,righttop,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,.2)),color-stop(100%,rgba(255,255,255,0))); background: -webkit-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%); background: -o-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%); -webkit-transform: skewX(-25deg); -moz-transform: skewX(-25deg); -o-transform: skewX(-25deg); }
.ImgBox ul li:nth-child(even) { margin: 0; }
.ImgBox .img { width: 578px; height: 325px; overflow: hidden; border-radius: 20px; position: relative; background: #f1f1f1; }
.ImgBox .img img { width: 100%; }
.ImgBox .imgname { text-align: center; font-size: 16px; padding: 22px 0; color: #000; }


.yg_footer { position: relative; width: 100%; background: #000; padding: 38px 0 13px 0; }
.yg_footer .contactus { display: inline-block; }
.yg_footer .contactus .Title { color: #fff; font-size: 18px; }
.yg_footer .iconBox { color: #fff; margin: 20px 0 0; }
.yg_footer .iconBox i { vertical-align: middle; }
.yg_footer .iconBox span { vertical-align: middle; padding: 0 0 0 15px; display: inline-block; text-align: center; }
.yg_footer .iconBox span a { }
.yg_footer .iconBox span label { display: inline-block; }
.yg_footer .mapbox { display: inline-block; vertical-align: top; float: right; position: relative; width: 570px; }
.yg_footer .mapbox .Title { color: #fff; font-size: 18px; }
.yg_footer .mapbox .map { position: absolute; right: 0; top: -20px; }
.yg_footer .mapbox .map i { position: absolute; top: 244px; left: 200px; color: #fff; font-size: 32px; -webkit-animation: bounce linear 1.5s infinite both; cursor: pointer; }
.yg_footer .mapbox .map i:hover { color: #b88b41; transition: all ease .3s; }
.yg_footer .copyright { text-align: center; font-size: 12px; width: 100%; color: #fff; padding: 60px 0 0 0; }



/*百度地图*/
#dituContent { overflow: hidden; width: 100%; height: 353px; border: #ccc solid 1px; }
.iw_poi_title { color: #ff0000; font-size: 14px; font-weight: bold; overflow: hidden; padding-right: 13px; white-space: nowrap }
.iw_poi_content { font: 12px arial,sans-serif; overflow: visible; padding-top: 4px; white-space: -moz-pre-wrap; word-wrap: break-word; color: #666; }
.BMap_Marker img { position: absolute; left: 0 !important; top: 0 !important; }

.mapbanner { background: url(../images/mapbanner.jpg) no-repeat center top; height: 449px; position: relative; }
.map_contact { }
.map_contact .BgEnImg { background: url(../images/contactTitle.png) no-repeat center top; text-align: center; margin: 70px 0 0 0; }
.map_contact .BgEnImg .lxfs { font-weight: bold; font-size: 30px; color: #b88b41; text-align: center; padding-bottom: 15px; position: relative; display: inline-block; margin: 45px 0 30px 0; }
.map_contact .BgEnImg .lxfs::before { content: ""; background: #d6d6d6; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; }
.map_contact .BgEnImg .lxfs::after { content: ""; background: #b88b41; position: absolute; bottom: 0; left: 50%; transform: translate(-50%,0); width: 35px; height: 1px; }
.map_contact .BgEnImg .lxfs_t1 { color: #000; }
.map_contact .BgEnImg .lxfs_t1 p { color: #000; font-size: 16px; line-height: 32px; }
.map_contact .BgEnImg .lxfs_t2 { line-height: 32px; }
.map_contact .BgEnImg .lxfs_t2 i { color: #717070; font-size: 16px; vertical-align: middle; }
.map_contact .BgEnImg .lxfs_t2 span { color: #b88b41; font-size: 22px; font-weight: bold; vertical-align: middle; }

.map_contact .lxfs_IconOut { margin: 30px 0; }
.map_contact .lxfs_Icon { border: 1px solid #ccc; width: 989px; height: 120px; margin: auto; display: flex; border-right: none; }
.map_contact .lxfs_Icon .lxfs_alone { display: flex; justify-content: center; align-items: center; width: 330px; position: relative; }
.map_contact .lxfs_Icon .lxfs_alone::before { content: ""; background: #ccc; position: absolute; top: 0; right: 0; width: 1px; height: 100%; }
.map_contact .lxfs_Icon .lxfs_alone > div { display: inline-block; vertical-align: middle; }
.map_contact .lxfs_Icon .lxfs_alone .iconfont { font-size: 25px; color: #ccc; }
.map_contact .lxfs_Icon .lxfs_alone .Text { padding: 0 0 0 10px; }
.map_contact .lxfs_Icon .lxfs_alone .Text p { color: #707070; font-size: 14px; }
.map_contact .ewm { text-align: center; width: 100%; position: relative; margin: 0 0 40px 0; }

/*团队介绍*/
.temaAlone { position: relative; margin: 0 0 105px 0; }
.temaAlone::before { position: absolute; content: ""; width: 1560px; height: 550px; background: #f1f1f1; top: 0; left: -360px; z-index: -1; }
.temaAloneleft::before { left: 0 !important; }
.temaAlone > div { display: inline-block; float: left; vertical-align: middle; }
.temaAlone .leftImg { width: 770px; height: 513px; overflow: hidden; }
.temaAlone .leftImg img { width: 100%; transition: all ease 2.3s; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); cursor: pointer; }
.temaAlone .leftImg img:hover { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transition: all ease 2.3s; }
.temaAlone .rightText { width: 430px; color: #333; padding: 110px 50px 0 50px; }
.temaAlone .rightText .toptext { }
.temaAlone .rightText .toptext .p1 { font-size: 18px; margin-bottom: 10px; }
.temaAlone .rightText .toptext .p2 { position: relative; font-size: 48px; padding: 0 0 25px 0; }
.temaAlone .rightText .toptext .p2::before { content: ""; background: #b88b41; position: absolute; bottom: 0; left: 0; width: 109px; height: 5px; }
.temaAlone .rightText .downtext { font-size: 16px; color: #000; text-indent: 2em; margin: 50px 0 0 0; line-height: 32px; }


.ImgFloat { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; overflow: hidden; z-index: 999; display: none; }
.FloatImgBox { position: absolute; width: 68%; border-radius: 50px; overflow: hidden; top: 10%; left: 50%; margin-left: -34%; }
.FloatImgBox img { width: 100%; }
.CloseBtn { position: absolute; right: 20px; top: 20px; color: #333; font-size: 40px !important; cursor: pointer; }


#back-top { position: fixed; width: 70px; height: 70px; bottom: 20px; right: 20px; text-align: center; border-radius: 10px; overflow: hidden; color: #fff; font-size: 55px; background: #b88b41; line-height: 70px; display: none; }
