﻿.wrap-inner { width: 1200px; margin: 0 auto 24px; }

/*-------------------------------------
 首页
-------------------------------------*/
img[src=""] { background-color: #f5f5f5 }
.home-column-top { margin-bottom: 24px; text-align: center; }
.home-column-top img { display: inline-block; }
.HOME { position: relative; }
.HOME-inner { width: 1200px; position: absolute; top: 516px; left: 50%; margin-left: -600px; }
.languages { text-align: center; margin-bottom: 69px; }
.languages span { width: 97px; height: 31px; background-color: rgba(0, 0, 0, .4); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000); color: #fff; text-align: center; line-height: 31px; display: inline-block; font-size: 20px; cursor: pointer; margin: 0 4px;}
.languages span a{color: #fff;}
.languages span.on { background-color: rgba(233, 81, 81, .7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2e95151, endColorstr=#b2e95151); }
.industry ul { width: 1221px; }
.industry li { float: left; margin:0 9px; position: relative; }
.industry li > a { width: 132px; height: 120px; display: block; }
.industry li > a.icon { position: absolute; left: 0; top: 0; z-index: 300; background-position: center center; background-repeat: no-repeat; }
.industry li > a.icon-1 { background-image: url(../images/1.png); }
.industry li > a.icon-2 { background-image: url(../images/2.png); }
.industry li > a.icon-3 { background-image: url(../images/3.png); }
.industry li > a.icon-4 { background-image: url(../images/4.png); }
.industry li > a.icon-5 { background-image: url(../images/7.png); }
.industry li > a.icon-6 { background-image: url(../images/5.png); }
.industry li > a.icon-7 { background-image: url(../images/6.png); }
.industry li > a.icon-8 { background-image: url(../images/8.png); }
.industry li > a.bj { background-color: rgba(233, 81, 81, .5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fe95151, endColorstr=#7fe95151); }
.industry li > a.text { font-size: 18px; background-color: #e95151; color: #fff; line-height: 120px; text-align: center; }
.home-banner { height: 736px; margin-bottom: 167px; }
.jtyw-main { margin-bottom: 50px; }
.jtyw-main ul { overflow: hidden; }
.jtyw-main li { float: left; width: 600px; }
.jtyw-main li.li { margin-bottom: 30px; }
.jtyw-main li .date { float: left; width: 64px; height: 90px; border-right: 1px solid #d4d4d4; padding-top: 15px; }
.jtyw-main .date span { color: #636363; font-size: 16px; line-height: 16px; display: inline-block; }
.jtyw-main .date .year { color: #b2b2b2; margin-top: 20px; }
.news-main { float: left; padding-left: 22px; width: 536px; padding-right: 50px; }
.news-main .title { font-size: 16px; font-weight: bold; margin-top: 15px; }
.news-main .title a { color: #636363; }
.news-main .summary { font-size: 14px; color: #999; margin-top: 19px; }
.home-map { height: 663px; margin-bottom: 50px; }
.yxyk img { display: block; width: 100%; height: 100%; }
.yxyk-l { width: 755px; }
.yxyk-l-t { height: 230px; margin-bottom: 8px; }
.yxyk-l-t-l { width: 346px; height: 100%; }
.yxyk-l-t-r { width: 403px; height: 100%; }
.yxyk-r-b { height: 257px; }
.yxyk-r { width: 436px; height: 495px; }

/*遮罩层*/
.shade { position: relative; overflow: hidden; }
.shade > img { transition: all 1s; transform: scale(1, 1); }
.shade-main { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); padding: 20px; display: none; }
.shade-info { display: table; width: 100%; height: 100%; }
.shade-info-inner { display: table-cell; vertical-align: middle; text-align: center; }
.shade-main a { color: #fff; line-height: 32px; display: inline-block; }
.shade:hover img { transform: scale(1.2, 1.2); }
.yk-vedio-play{width: 90px; height: 90px; background: url(../images/yk-vedio-play.png) no-repeat center center; position: absolute; left: 50%; top: 50%; margin-top: -45px; margin-left: -45px; display: block;}
/*首页导航*/
.home-nav { position: absolute; left: 50%; top: 0; z-index: 999; margin-left: -600px; background-color: rgba(255, 255, 255, .8); width: 1200px; height: 83px; overflow: hidden; }
.home-nav > a { float: left; }
.home-nav > a > img { margin: 10px 0 0 23px; height: 62px; width: auto; }
.home-nav-main { float: left; overflow: hidden; margin: 40px 0 0 40px; }
.home-nav-main li { float: left; line-height: 100%; }
.home-nav-main li a { color: #000; padding: 0 22px 22px; border-bottom: 5px solid transparent;  display: block;}
.home-nav-main li a:hover { color: #db2017; border-bottom: 5px solid #db2017;}
.home-nav-main li.on a { color: #db2017; border-bottom: 5px solid #db2017; }


/*地图*/
.home-map-inner { width: 1200px; margin: 0 auto; height: 100%; position: relative; }
.map-dot{position: absolute; left: 120px; top: 180px;}
.map-dot span{ width: 5px; height: 5px; display: block; border-radius: 20px; background-color: #f30; cursor: pointer;}
.map-dot span::before, .map-dot span::after { content: ''; position: absolute; left: 0; top: 0; width: 5px; height: 5px; display: block; border-radius: 50%; background-color: #f30; }
.dot-sd span::before, .dot-sd span::after { background-color: #fc0; }
.map-dot span::before { animation: dot 1s infinite linear; }
.map-dot span::after { animation: dot 1s 0.5s infinite linear; }
@keyframes dot {
    0% { transform: scale(1); opacity: 1; }
    100% { transform: scale(8); opacity: 0; }
}
.map-dot p{color: #fff; cursor: pointer; z-index: 99; font-size: 14px; position: relative; text-shadow: 3px 3px 3px #000;}


.dot-jnd{left: 90px; top: 153px;}
.dot-wnrl{left: 140px; top: 250px;}
.dot-adly{left: 1160px; top: 580px; width:60px}
.dot-egdr{left: 315px; top: 462px;}
.dot-sd{left: 1057px; top: 245px;}
.dot-nmg{left: 1045px; top: 190px;}
.dot-gz{left: 1052px; top: 314px;}
.dot-xj{left: 971px; top: 213px;}
.dot-sx{left: 920px; top: 225px; }
.dot-sx2{left: 910px; top: 250px;}

.dot-nmg p{top: -15px; left: 10px;}
.dot-sd p{top: 4px; left: -5px; color: #fc0; font-weight: bold;}
.dot-sx p{top: 0px; left: -30px;}
.dot-gz p{top: -25px; left: -30px;}
.dot-xj p{top: -20px; left: -35px;}



.map-content{width: 1200px; height: 316px; background-color: #fff; position: absolute; left: 0; top: 173px; z-index: 9999;}
.map-content-transtion{transition: all .5s !important; transform: scale(1) !important;}

.map-content-close{position: absolute; right: 0; top: -39px; width: 39px; height: 39px; background: url(../images/home-map-close.png) no-repeat; cursor: pointer;}
.map-content-close:hover{opacity: .8;}
.map-content-l{width: 280px; margin-right: 20px; padding: 32px 21px 0 24px; height: 100%;}
.map-content-summary{line-height: 2;  font-size: 14px; text-align: justify;}
.map-content-l h2{color: #68a8e0; font-weight: normal; margin: 0; margin-bottom: 10px;}
.map-content-l h2 a{color: #68a8e0;}
.map-content-c{width: 556px; margin-top: 55px; height: 261px;}
.map-content-r{width: 270px; position: relative; margin-top: 55px; margin-left: 24px;}
.map-content-r img{width: 270px; height: 199px; display: block;}
.map-content-r span{width: 74px; height: 74px; background: url(../images/map-video.png) no-repeat; position: absolute; left: 50%; top: 50%; margin-left: -37px; margin-top: -47px;}
.map-content-r p{font-size: 14px; text-align: center; line-height: 1.4; margin-top: 10px;}


.map-scroll{width:556px;  overflow:hidden; position:relative; }
.map-scroll .hd-1{position:absolute; width: 100%; top:50%; margin-top:-50px; left: 0; height:1px; z-index:200;}
.map-scroll .hd-1 .prev,.map-scroll .hd-1 .next{ display:block;  width:42px; height:62px; cursor:pointer;}
.map-scroll .hd-1 .prev{background:url(../images/map-prev.png) no-repeat; float:left;}
.map-scroll .hd-1 .next{background:url(../images/map-next.png) no-repeat; float:right;}
.map-scroll .bd-1 ul{ overflow:hidden; zoom:1; }
.map-scroll .bd-1 ul li{float:left; width:270px; height:240px; _display:inline; overflow:hidden; text-align:center;  position:relative; margin-right: 16px;}
.map-scroll .bd-1 ul li .pic{ text-align:center; width:270px; height:200px; }
.map-scroll .bd-1 ul li .pic img{ width:270px; height:200px; display:block;}
.map-scroll .bd-1 ul li .title{line-height:40px; padding:0 10px; z-index:100; font-size:14px;}
.map-scroll .bd-1 ul li .title a{color:#333;}


.map-line{width: 1200px; height: 663px; background: url(../images/map-line1.png) no-repeat; z-index: 98; background-position: 9px -64px;}