@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
a{ text-decoration:none; color:#000;}
ul li{ list-style-type:none;}
body{font-family:"微软雅黑"; font-size:14px;}
.daohan{ width:1000px; height:50px; margin:0 auto;}
.daohan ul li{ width:57px; height:50px; font-size:14px; text-align:center; line-height:50px; float:left; margin:0 5px;}
.l{width:200px; height:50px; float:left;}
.l img{ width:200px; height:50px;}

.tu{ width:100%; margin:0 auto; position:relative;}
.tu img{ width:100%;}
.tu1{ width:502px; height:44px; position:absolute; bottom:60px; left:50%; margin-left:-250px;}

.dao{ width:100%; height:180px; background:url(http://www.chinazhaolong.com/skin/default/ad/2017syael/images/index_05.jpg); background-size:100% 100%;}
.dao1{ width:700px; height:160px; padding-top:30px; color:#FFF; margin:0 auto; text-indent:2em; line-height:30px;}

.yi{ width:100%; height:430px; padding-top:20px; background-image:url(http://www.chinazhaolong.com/skin/default/ad/2017syael/images/index_06.jpg); background-size:100% 100%;}
.yi1{ width:95px; height:95px; position:absolute; left:50%; margin-left:-47px; z-index:1000;}

.er{ width:100%; background-image:url(http://www.chinazhaolong.com/skin/default/ad/2017syael/images/index_07.jpg); background-size:100% 100%}
.er1{ width:1000px; height:150px; margin:0 auto; text-align:center; color:#FFF; padding-top:50px;}
.er1 h2{ font-weight:700; font-size:28px; margin-bottom:20px;}
.er1 span{ display:block; margin:0 auto; width:800px; text-indent:2em; height:45px; line-height:20px;}


.er2,.san{ width:100%;}
.er2 img,.san img{ width:100%; padding:0px; margin:0px;}


.si{ width:100%; background-image:url(http://www.chinazhaolong.com/skin/default/ad/2017syael/images/index_23.jpg); background-size:100% 100%;}
.jiu{ width:750px; height:342px; margin:0 auto; padding-top:30px;}
.jiu img{ margin-bottom:10px;}
.jiu ul li{ width:200px; height:340px; float:left; margin:0 25px;}
.jiu ul li h3{  color:#FFF; text-align:center; margin-bottom:10px;}
.jiu ul li a span{ display:block; color:#FFF; text-indent:2em; width:198px; font-weight:200; line-height:25px; font-size:14px;}
.jiu ul li b a{ display:block; float:right; width:200px;  height:30px; background-color:#f26f21; color:#FFF; text-align:center; line-height:30px;}

.qi{ width:100%; background-image:url(http://www.chinazhaolong.com/skin/default/ad/2017syael/images/index_24.jpg); background-size:100% 100%;}
.qi1{ width:1000px; height:630px; margin:0 auto; color:#FFF;}
.qi1 dl{ float:left; width:200px; height:160px; margin:25px 25px;}
.qi1 dl dt{ width:200px; height:30px; background-color:#f59701; text-align:center; line-height:30px}
.qi1 dl dd{ width:170px; padding:10px 15px; height:125px; line-height:20px; text-indent:2em; background-color:#FFF; color:#000;}


.liu1{ width:100%; background-image:url(http://www.chinazhaolong.com/skin/default/ad/2017syael/images/index_25.jpg); background-size:100% 100%;}
.liu{ width:1000px; height:530px; margin:0 auto;}
.liu ul li{ width:200px; height:380px;  float:left; margin:0 25px; background-color:#FFF;}
.liu ul li img { margin-bottom:20px;}  
.liu ul li h4{ text-align:center; font-size:14px; margin-bottom:20px; color:#000;}
.liu ul li span{ font-size:12px; line-height:25px; display:block; font-weight:200; height:50px; color:#000; }
.liu ul li span p{ display:block; width:125px; float:right; height:50px; line-height:25px; color:#333;}
.liu ul li span b{ color:#000; float:left; font-weight:800; }

.wu1{ width:100%; background-image:url(http://www.chinazhaolong.com/skin/default/ad/2017syael/images/index_26.jpg); background-size:100% 100%;}
.wu{ width:1000px; height:340px; margin:0 auto;}
.wu ul li{ width:240px; height:160px; float:left; margin:0 13px 13px 0;}
.wu h2,.ba1 h2{ margin:0 auto; font-size:30px; text-align:center; margin-bottom:30px; color:#f9c80c; font-weight:800;}
.wu span{ display:block; text-indent:2em; font-size:16px; color:#CCC; line-height:25px; margin-bottom:20px;}




@charset "utf-8";

body{
    font-family: Arial, "Microsoft YaHei UI Light";
}

/*一、24格处理*/
#iconWall{
    width:1004px;
    background-color: #f0f0f0;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 1px;
    padding-left: 1px;
    list-style: none;
}

#iconWall li{
    width:250px;
    height: 150px;
    /*background-color: #fff;*/
    float: left;
    margin-right: 1px;
    margin-bottom: 1px;
    position: relative;

}

/*二、3D反转区域处理 */
.img-back, .img-front{
    position: absolute;
    left: 0;
    top: 0;
    background-color: #fff;
    width:250px;
    height:150px;
    text-align: center;
    line-height: 108px;
}

li img{
    vertical-align: middle;
}


.img-3d{
    transform-style: preserve-3d;
}

.img-back{
    transform: rotateY(180deg);
	background-color:#135faa;
}

/*测试代码*/
/*li:hover .img-3d{*/
    /*transition: .3s linear;*/
    /*transform: rotateY(180deg);*/
/*}*/

/*三、换一批*/
#btnRefresh{
    text-align: center;
    transition: .3s linear;
    background-color: #fff;
}
.iconRefresh{
    width: 28px;
    height: 28px;
    background: url(http://www.chinazhaolong.com/skin/default/ad/2017syael/images/refresh-white.png);
    margin: 32px auto 0;
}
#btnRefresh:hover{
    color: #fff;
    background-color: #dd2727;
    transition: 0s;
}
#btnRefresh:hover .iconRefresh{
    background: url(http://www.chinazhaolong.com/skin/default/ad/2017syael/images/refresh.png);
}


/*四、处理浮层*/
.mask{
    position: absolute;
    left: 0;
    top: 0;
    width:250px;
    height:150px;
    background-color: rgba(0, 0, 0, .7);
    opacity: 0;
}

.mask img{
    float: right;
    margin-top: 8px;
    margin-right: 8px;
}
.mask p{
    font-size:16px;
    color: #fff;
	margin-top:75px;
    text-align: center;
}
.mask a{
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    background-color: red;
    width: 70px;
    display: block;
    margin: 0 auto;
    text-align: center;
    height: 18px;
    line-height: 18px;
    border-radius: 9px;
}

li:hover .mask{
    opacity: 1;
    transition: .3s linear;
}

/*页脚*/
footer{
    text-align: center;
    margin-top: 20px;
    color: #666;
    font-size: 16px;
    line-height: 1.4;
}


.ba{ width:100%; background-image:url(http://www.chinazhaolong.com/skin/default/ad/2017syael/images/index_27.jpg); background-size:100% 100%;}
.ba1{ width:1000px; height:525px; margin:0 auto;}
.ba1 img{ width:200px; height:200px;}
.ba1 ul li{ width:200px; height:200px; float:left;}