* { padding: 0; margin: 0; box-sizing: border-box; font-family: Arial, Verdana, Tahoma, "微软雅黑", Helvetica, sans-serif; }
img { border: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }
a { text-decoration: none; }
ol, ul { list-style: none; }
button, input { border: 0 none; cursor: pointer; outline: 0; }


body { }
#menu { margin: 0; padding: 0; position: fixed; left: 10px; top: 10px; list-style-type: none; z-index: 70; }
#menu li { float: left; margin: 0 10px 0 0; font-size: 14px; }
#menu a { float: left; padding: 10px 20px; background-color: #fff; color: #333; text-decoration: none; }
#menu .active a { color: #fff; background-color: #333; }
.section { text-align: center; font: 50px "Microsoft Yahei"; color: #fff; }

#header { margin: 0; padding: 0; position: fixed; z-index: 10; top: 0; left: 0; width: 100%; background: rgba(255,255,255,0.3); border-bottom: 1px solid rgba(255, 255, 255,0.6); height: 70px; }
#header .content { width: 1200px; margin: 0 auto; height: 100%; }
#header .logo { width: 185px; height: 70px; float: left; }
#header #navbar { float: right; height: 100%; width: auto; }
#header #navbar li { height: 100%; width: 80px; float: left; position: relative; margin-right: 5px; }
#header #navbar li::after { content: ""; position: absolute; bottom: 0; left: 0; width: 10%; height: 2px; background: #fff; transition: all 0.4s; }
#header #navbar li:hover::after { width: 100%; background: #333; }
#header #navbar li a { display: block; color: #fff; text-align: center; line-height: 70px; }


.show { display: block !important; }

#dowebok .section> div > h3 {font-size:36px;font-weight:500;padding:5px 0 10px 0;color:#333;line-height:36px;position:relative;}
#dowebok .section> div > h3 i{position:absolute;width:80px;height:5px;background:#de0f18;top:-10px;left:50%;transform:translateX(-50%)/*box-shadow:0 1px 5px #de0f18;*/}

/*第一屏*/
#dowebok .section1 {background:url(../Image/newindex/bg1.jpg) center center no-repeat; }
#dowebok .section1 .mapContent { display: none; }

.button-3d { position: relative; top: 0; -webkit-box-shadow: 0 7px 0 #bbbbbb, 0 8px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 7px 0 #bbbbbb, 0 8px 3px rgba(0, 0, 0, 0.2); color: #666; background-color: #EEE; border-color: #EEE; font-weight: 300; font-size: 16px; font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; text-decoration: none; text-align: center; line-height: 40px; height: 45px; padding: 0 90px; border-radius: 10px; margin: 0; display: inline-block; cursor: pointer; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .3s; transition-duration: .3s; background-color: #1B9AF7; border-color: #1B9AF7; color: #FFF; }
.button-3d:hover, .button-3d:focus { -webkit-box-shadow: 0 7px 0 #bbbbbb, 0 8px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 7px 0 #bbbbbb, 0 8px 3px rgba(0, 0, 0, 0.2); background-color: #4cb0f9; border-color: #4cb0f9; color: #FFF; }
.button-3d:active, .button-3d.active, .button-3d.is-active { top: 5px; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .15s; transition-duration: .15s; -webkit-box-shadow: 0 2px 0 #bbbbbb, 0 3px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 0 #bbbbbb, 0 3px 3px rgba(0, 0, 0, 0.2); }
.button-3d.button-primary { -webkit-box-shadow: 0 7px 0 #0880d7, 0 8px 3px rgba(0, 0, 0, 0.3); box-shadow: 0 7px 0 #0880d7, 0 8px 3px rgba(0, 0, 0, 0.3); }
.button-3d.button-primary:hover, .button-3d.button-primary:focus { -webkit-box-shadow: 0 7px 0 #077ace, 0 8px 3px rgba(0, 0, 0, 0.3); box-shadow: 0 7px 0 #077ace, 0 8px 3px rgba(0, 0, 0, 0.3); }
.button-3d.button-primary:active, .button-3d.button-primary.active, .button-3d.button-primary.is-active { -webkit-box-shadow: 0 2px 0 #0662a6, 0 3px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 0 #0662a6, 0 3px 3px rgba(0, 0, 0, 0.2); }

/*第二屏*/
#dowebok .section2 > div { padding-top: 200px;background:url(../Image/newindex/bg2.jpg) center center no-repeat; }
#dowebok .section2 h3 { margin-bottom: 30px; }
#dowebok .section2 .CityContent { height: 100%; }
#dowebok .section2 .CityContent > div { position: relative; width: 60%; height: 360px; margin: 0 auto; }
#dowebok .section2 .CityContent > div > div { width: 300px; height: 300px; float: left; margin: 10px 0; border-radius: 10px; }
#dowebok .section2 .CityContent > div > div a{ display:block;width:100%;height:100%;color:#fff;}
#dowebok .section2 .CityContent > div > div img{margin-top:40px;}
#dowebok .section2 .CityContent > div > div h4{font-size:30px;}

#dowebok .section2 .CityContent > .CityContentTop { margin-bottom: 20px; }
#dowebok .section2 .CityContent > .CityContentTop > div { margin-left: 175px; display: none; }
#dowebok .section2 .CityContent > .CityContentBtm { display: none; }
#dowebok .section2 .CityContent > .CityContentBtm > div { margin: 0 40px; }

.hi-icon { background: rgba(255,255,255,0.1); -webkit-transition: all ease-out 0.1s, background 0.2s; -moz-transition: all ease-out 0.1s, background 0.2s; transition: all ease-out 0.1s, background 0.2s; display: inline-block; cursor: pointer; text-align: center; position: relative; z-index: 1; color: #fff; }
.hi-icon::after { pointer-events: none; position: absolute; width: 100%; height: 100%;border-radius:15px; content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; content: ''; top: 0; left: 0; padding: 0; z-index: -1; box-shadow: 0 0 0 2px rgba(255,255,255,0.1); opacity: 0; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); }
.hi-icon:hover { background: rgba(255,255,255,0.05);color: #fff; }
.hi-icon:hover::after { -webkit-animation: sonarEffect 1.3s ease-out 75ms; -moz-animation: sonarEffect 1.3s ease-out 75ms; animation: sonarEffect 1.3s ease-out 75ms; }

@-webkit-keyframes sonarEffect {
    0% { opacity: 0.3; }
    40% { opacity: 0.5; box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5); }
    100% { box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5); -webkit-transform: scale(1.1); opacity: 0; }
}

@-moz-keyframes sonarEffect {
    0% { opacity: 0.3; }
    40% { opacity: 0.5; box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5); }
    100% { box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5); -moz-transform: scale(1.1); opacity: 0; }
}

@keyframes sonarEffect {
    0% { opacity: 0.3; }
    40% { opacity: 0.5; box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5); }
    100% { box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5); transform: scale(1.1); opacity: 0; }
}



/*第三屏*/
#dowebok .section3 > div { padding-top:250px;background:url(../Image/newindex/bg3.jpg) center center no-repeat; }
#dowebok .section3 h3 { margin-bottom: 150px; }
#dowebok .section3 .oldContent { width: 1200px; height: 100%; margin: 0 auto; }
#dowebok .section3 .oldContent > .oldBox { width: 380px; height: 240px; float: left; padding: 20px 15px; margin: 0 10px; border-radius: 20px; overflow: hidden; display: none; }
#dowebok .section3 .oldContent > .oldBox a { color: #fff; }
#dowebok .section3 .oldContent .oldBox:nth-child(1) { background: #f7a72d; }
#dowebok .section3 .oldContent .oldBox:nth-child(2) { background: #e15e2b; }
#dowebok .section3 .oldContent .oldBox:nth-child(3) { background: #c32202; }
#dowebok .section3 .oldContent .oldBox .conTop { width: 100%; height: 100%; overflow: hidden; transition: all 1s ease-in-out; position: relative; }
#dowebok .section3 .oldContent .oldBox .conTop img { display: block; width: 100px; height: 100px; margin: 25px 125px 20px; transition: all 1s ease-in-out; }
#dowebok .section3 .oldContent .oldBox .conTop h4 { font-size: 24px; transition: all 1s ease-in-out; position: absolute; left: 50%; top: 75%; transform: translate3d(-50%,-50%,0); }
#dowebok .section3 .oldContent .oldBox .conTop h4 span { position: relative; display: inline-block; }
#dowebok .section3 .oldContent .oldBox .conTop h4 span::after { content: ''; display: block; width: 100%; height: 6px; background: #fff; }

#dowebok .section3 .oldContent .oldBox:hover .conTop { width: 100%; height: 95px; }
#dowebok .section3 .oldContent .oldBox:hover .conTop img { display: block; width: 80px; height: 80px; margin: 10px 30px; }
#dowebok .section3 .oldContent .oldBox:hover .conTop h4 { transform: translateX(0); left: 40%; top: 25%; }

#dowebok .section3 .oldContent .oldBox .conBtm { overflow: hidden; font-size: 12px; padding: 90px 0 0 350px; line-height: 0; letter-spacing: 0px; color: #333; text-indent: 2em; }
#dowebok .section3 .oldContent .oldBox:hover .conBtm { font-size: 14px; padding-left: 40px; padding-top: 30px; color: #fff; line-height: 24px; letter-spacing: 1px; padding: 20px 0 0 80px; transition: all 1s ease-in-out; }


/*第四屏*/
#dowebok .section4 > div { vertical-align: initial; padding-top:150px;background:url(../Image/newindex/bg4.jpg) center center no-repeat;}
#dowebok .section4 > div > h3 {}



#scroll { width: 1024px; height: 150px; margin: 100px auto 0; position: relative; overflow: hidden; }
#scroll .content { width: 800%; height: 150px; position: relative; overflow: hidden; margin: 0 auto; }
#scroll ul { float: left; }
#scroll li { float: left; width: 280px; height: 150px; text-align: center; margin-right: 10px; overflow: hidden; border-radius: 10px; box-shadow: 5px 0 5px rgba(255,255,255,0.3); }
#scroll li img { width: 280px; height: 150px; }

#scroll li a:hover { position: relative; top: 2px; }







/*首页 友情链接*/

.lastBottom { position: absolute; bottom: 0; width: 100%; }

.HIyqlj { width: 1200px; margin: 0 auto; color: #333; overflow: hidden; position: relative; border-left: 1px solid #eee; border-right: 1px solid #eee; }
.HIyqlj a:link { color: #333; }
.HIyqlj a:hover { color: #f00; }
.HIyqlj > h2 { width: 100%; box-sizing: border-box; font-size: 18px; text-align: center; height: 100%; margin: 0; }
.HIyqlj > div { width: 100%; overflow: hidden; }
.HIyqlj dl { width: 100%; padding-left: 15px; box-sizing: border-box; float: left; margin-bottom: 5px; }
.HIyqlj dl > dt { width: 100%; font-size: 14px; margin-bottom: 20px; font-weight: 700; }
.HIyqlj dl > dt > span { position: relative; }
.HIyqlj dl > dt > span::after { content: ''; width: 100%; height: 1px; background-color: #1e50ae; position: absolute; bottom: -5px; left: 0; }
.HIyqlj dl > dt > span::before { content: ''; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #285c95; position: absolute; left: 50%; display: block; top: 19px; margin-left: -5px; }
.HIyqlj dl > dd { width: 100%; width: 100%; font-size: 12px; }
.HIyqlj dl > dd > a { margin: 0 20px; display: inline-block; float: left; width: 13%; margin-bottom: 8px; }






/*首页footer*/
.HIfooter { width: 100%; padding-top: 30px; padding-bottom: 10px; background-color: #eaeaea; margin-top: 20px; color: #999; }
.HIfooter > p { width: 100%; text-align: center; margin: 0; font-size: 14px; line-height: 24px; }
.HIfooter > p > a { color: #999; text-decoration: underline; font-size: 14px; }
.HIfooter > p > a > img { vertical-align: middle; }
.HIfooter > p > a:hover { color: #f00; }