*
{
font-family: 'Microsoft YaHei';
}

a:hover
{
text-decoration: none;
}

.top
{
min-width: 1024px;
}

.span
{
margin-bottom: 2em;
}

/*.span h1
{
color: #ff8822;
text-align: center;
font-size: 70px;
}*/

/*.span p
{
text-align: center;
font-size: 30px;
}*/

/*.span1 h3
{
text-align: center;
font-size: 18px;
}*/

.yanfa-icon
{
width: 114px;
height: 114px;
margin-left: auto;
margin-right: auto;
background-repeat: no-repeat;
}

.yanfa-icon.icon-1
{
background-image: url(./YF1-1.png);
}

.yanfa-icon.icon-2
{
background-image: url(./YF2.png);
}

.yanfa-icon.icon-3
{
background-image: url(./YF3.png);
}

.yanfa-icon.icon-4
{
background-image: url(./YF4.png);
}

/*.yanfa-item1:hover .yanfa-icon
{
background-image: url(./YF1-1.png);
}*/

.yanfa-item2:hover .yanfa-icon
{
background-image: url(./YF2-2.png);
}

.yanfa-item3:hover .yanfa-icon
{
background-image: url(./YF3-3.png);
}

.yanfa-item4:hover .yanfa-icon
{
background-image: url(./YF4-4.png);
}


.span2
{
min-width: 1024px;
margin-top: 20px;
padding-bottom: 0px;
background: url(./bg2.png) no-repeat center;
background-size: auto 100%;
}

.span2-inner
{
height: 550px;
padding-top: 72px;
}

.span3
{
min-width: 1024px;
/*background-color: #eeeeee;
border: 1px solid #eeeeee;*/
}


/*.span3 h1
{
color: #ff8822;
text-align: center;
font-size: 70px;
}*/


/*.span3 p
{
text-align: center;
font-size: 30px;
}*/

/*.DateList div
{
margin-top: 32px;
}*/

.span4
{
min-width: 1024px;
margin-top: 3em;
background-color: #eeeeee;
height: 630px;
padding-top: 40px;
}

/*.span4 h1
{
color: #ff8822;
text-align: center;
font-size: 70px;
}*/


/*.span4 p
{
text-align: center;
font-size: 30px;
}*/

.span4 span
{
position:absolute;
top:140px;
left:25px;
font-size:20px;
font-weight:bold;
}

.span4 h2
{
position:absolute;
width:190px;
top:165px;
left:20px;
font-size:15px;
text-align:left;
}

.span5
{
min-width: 1024px;
background: url(./bg3.png) no-repeat center center;
background-size: auto 100%;
height: 804px;
}

/*.span5 h1
{
color: #ff8822;
text-align: center;
font-size: 70px;
}*/


/*.span5 p
{
text-align: center;
font-size: 30px;
color: white;
}*/

.span6
{
min-width: 1024px;
}

.span6-inner
{
padding-top: 40px;
height: 400px;
}

.span6 .span6-p
{
text-align: center;
font-size: 30px;
margin-bottom: 48px;
}

.view
{
overflow: hidden;
position: relative;
text-align: center;
box-shadow: 0px 0px 5px rgb(248, 188, 84);
cursor: default;
}


.fourth-effect .mask
{
position: absolute;
top: 50px;
left: 100px;
cursor: pointer;
border-radius: 50px;
display: inline-block;
height: 130px;
width: 100px;
border: 50px solid rgba(195, 177, 173, 0.7);
box-sizing: border-box;
opacity: 1;
visibility: visible;
transform: scale(4);
transition: all 0.3s ease-in-out 0s;
}

.fourth-effect:hover .mask
{
opacity: 0;
border: 0px solid rgba(0, 0, 0, 0.7);
visibility: hidden;
}

.jujiao-item-inner
{
margin: auto;
width: 219px;
height: 276px;
position: relative;
text-align: center;
background-repeat: no-repeat;
}

.jujiao-item-inner:hover
{
color: #fff;
}

.jujiao-item-inner.item1
{
background-image: url(../imgs/JJ1-1.png);
}

.jujiao-item-inner.item1:hover
{
    background-image: url(../imgs/JJ1-1.png);
}

.jujiao-item-inner.item2
{
background: url(../imgs/JJ2.png);
}

.jujiao-item-inner.item2:hover
{
    background: url(../imgs/JJ2-2.png);
}

.jujiao-item-inner.item3
{
background: url(../imgs/JJ3.png);
}

.jujiao-item-inner.item3:hover
{
background: url(../imgs/JJ3-3.png);
}

.jujiao-item-inner.item4
{
background: url(../imgs/JJ4.png);
}

.jujiao-item-inner.item4:hover
{
background: url(../imgs/JJ4-4.png);
}

.jujiao-item-inner .jujiao-item-des
{
padding: 140px 10px 0 10px;
}

.jujiao-item-des .title
{
font-size: 20px;
font-weight: bold;
}

.jujiao-item-des .des
{
font-size: 15px;
}

.jujiao-item-inner
{
    cursor:pointer
}

.container-stable
{
width: 1024px;
margin-left: auto;
margin-right: auto;
}


img
{
-webkit-backface-visibility: hidden;
-webkit-transition: opacity 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}


/* 视野 */
.picl li
{
overflow: hidden;
float: left;
display: inline;
width: 320px;
height: 240px;
margin: 1px 0 0 1px;
zoom: 1;
}

.picl li .text
{
background-color: rgba(143, 150, 150, 0.4);
position: absolute;
width: 320px;
height: 240px;
top: 240px;
}

.picl li .text p
{
font-size: 14px;
line-height: 24px;
}

.picl li .text a
{
color: #fff;
display: block;
}