﻿@charset "utf-8";
/*引入弹窗样式*/
@import url(popup.css);
*{margin:0;padding:0;}
body{font-family:"Microsoft YaHei","微软雅黑";font-size:14px;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
img{border:0;vertical-align:middle;}
ul,li{list-style-type:none;}
strong{font-weight:normal;}
em{font-style:normal;}
a{text-decoration:none;cursor:pointer;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}

.width{width:1152px;margin:0 auto;}
.content{text-align:center;}
.content .menu{height:auto;overflow:hidden;border-bottom:1px solid #f2f3f3;width:100%;padding-top:10px;background-color:#fff;z-index:4;}
.content .menu .fl{height:auto;overflow:hidden;}
.content .menu .fl a{font-size:18px;display:block;float:left;width:160px;height:45px;line-height:45px;margin-right:15px;background:#f2f3f3;text-align:center;color:#000;}
.content .menu .fl a:hover,.content .menu .fl a.on{background:#e92427;color:#FFF;}
.content .menu .fr{padding-top:12px;height:auto;}
.content .menu .fr a{display:inline-block;height:32px;line-height:32px;text-align:center;margin:0 6px;}
.content .menu .fr a:hover{color:#4a73cd;}
.banner{background: url(https://img.alicdn.com/imgextra/i3/2783343422/TB2vJ3RmNtmpuFjSZFqXXbHFpXa-2783343422.png) center top no-repeat;height:500px;}
.content h1{font-size:46px;padding-top:70px;}
.content p{color:#7b838a;font-size:18px;margin-top:32px;line-height:1;}
.content h2{font-size:32px;padding-top:50px;}
.content .t_line{width:300px;height:4px;border-bottom:solid 2px #ddd;display:inline-block;margin-top:25px;}
.content .t_line em{width:80px;height:4px;background-color:#404040;display:inline-block;margin-top:3px;}
.content .b_line{width:720px;height:42px;border-bottom:solid 1px #ddd;display:inline-block;}
.content .b_line em{padding:0 40px;background-color:#fff;display:inline-block;}
.content .b_line a{height:42px;line-height:42px;font-size:18px;width:180px;background-color:#e92427;color:#fff;display:block;border-radius:32px;margin-top:20px;}
.floor1{height:auto;overflow:hidden;padding-bottom:80px;}
.floor1 p{padding:8px 30px;text-align:left;margin-top:70px;line-height:36px;}
.floor1 img{margin-top:34px;margin-bottom:60px;}
.floor2{background-color:#f2f3f3;}
.floor2 ul{margin-top:70px;background:url(img/fl_2.jpg) center top no-repeat;height:592px;position:relative;}
.floor2 li{font-size:22px;position:absolute;}
.floor2 li span{font-size:14px;color:#808080;}
.floor2 li:nth-child(1){top:42px;left:300px;}
.floor2 li:nth-child(2){top:196px;left:132px;}
.floor2 li:nth-child(3){top:404px;left:54px;}
.floor2 li:nth-child(4){top:42px;left:760px;}
.floor2 li:nth-child(5){top:196px;left:932px;}
.floor2 li:nth-child(6){top:404px;left:994px;}
.floor3 .tit{background-color:#ecedee;height:230px;text-align:center;}
.arrow-up{width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:20px solid #fff;display:inline-block;margin-top:50px;}
.floor3 ul{margin-top:54px;}
.floor3 li{height:auto;overflow:hidden;}
.floor3 .text{text-align:left;width:576px;padding-top:100px;font-size:28px;}
.floor3 .text span{font-size:14px;line-height:24px;float:left;width:510px;display:block;margin-top:20px;color:#585859;}
.floor3 .text b{width:24px;height:24px;display:block;border-radius:12px;background-color:#000;color:#fff;line-height:24px;font-size:14px;text-align:center;margin:24px 12px 0 0;float:left;}
.floor4{background:url(img/fl_4.jpg) center top no-repeat;height:754px;}
.floor4 ul{position:relative;}
.floor4 li{position:absolute;}
.floor4 li .text{width:244px;position:absolute;background:url(img/fl_4_text.png) center top no-repeat;height:64px;left:-90px;display:none;z-index:7;padding:38px 16px 0;text-align:left;}
.floor4 li:hover .text{display:block;}
.floor4 li:nth-child(1){top:266px;left:0;}
.floor4 li:nth-child(2){top:202px;left:106px;}
.floor4 li:nth-child(3){top:228px;left:226px;}
.floor4 li:nth-child(4){top:200px;left:360px;}
.floor4 li:nth-child(5){top:200px;left:702px;}
.floor4 li:nth-child(6){top:288px;left:790px;}
.floor4 li:nth-child(7){top:200px;left:906px;}
.floor4 li:nth-child(8){top:276px;left:1050px;}
.floor4 .b_line{margin-top:480px;} 
.floor4 .b_line em{background-color:#f9f9f9;}
.floor5{height:660px;background:url(https://img.alicdn.com/imgextra/i3/2783343422/TB2FbP6kM0kpuFjSspdXXX4YXXa-2783343422.jpg)center top no-repeat;}
.floor5 li{margin-top:56px;float:left;margin-right:120px;width:304px;}
.floor5 li:last-child{margin-right:0;}
.floor5 li .none{display:none;}
.floor5 li:hover .none{display:block;}
.floor5 li:hover .block{display:none;}
.floor6 img{margin:50px 0;}
.floor7{background-color:#f2f3f3;padding-bottom:50px;}
.floor7 p a{margin-left: 220px;color:#000;}
.floor7 .list ul{height: auto;overflow: hidden;width: 1170px;padding: 25px 0 17px;}
.floor7 .list li{width: 374px;height: 321px;margin-right: 15px;overflow: hidden;line-height: 26px;position: relative;float: left;margin-bottom: 15px;background-color:#fff;}
.floor7 .list li .img{height: 211px;overflow: hidden;}
.floor7 .list li img{width:auto;max-width:374px;width:expression(this.width>374?"374px":true);height:auto;max-height:211px;height:expression(this.height>211?"211px":true);}
.floor7 .list h1{font-size: 16px; color: #2c2c30;padding: 10px 0 2px 14px;text-align:left;}
.floor7 .list .mode{font-size:12px;color: #b9bdc1;padding-left: 18px;padding-bottom: 5px;border-bottom: 1px solid #f7f7f7;height: 26px;line-height:26px;}
.floor7 .list .mode p{color: #737b84;float: left;margin-right: 14px;font-size:12px; margin-top:0;line-height:26px;}
.floor7 .list .top{text-align:center;position: absolute;height: 211px;width: 100%;top: -100%;background:rgba(0, 80, 180, 0.6)!important;filter:Alpha(opacity=60); background:#0050b4;-webkit-transition:top 400ms; transition:top 400ms;}
.floor7 .list .top a{display: block;width: 100%;height: 100%;background: url(img/icons_01.png) center center no-repeat;position: relative;}
.floor7 .list .top img{margin-top: 5px;}
.floor7 .list .bot{height: 40px;line-height: 40px;padding-left: 14px;color: #737b84;text-align:left;}
.floor7 .list .bot em{display:block;float: left;width: 26px;line-height: 26px;border-radius: 13px;margin-top: 6px;text-align: center;margin-right: 8px;background-color:#11cd6e;color:#fff;}
.floor7 .list .info{height:95px;width: 334px;text-align:left; background: #0050b4;color: #FFF;font-size: 12px;line-height: 22px;padding: 15px 20px 0;position: absolute;bottom: -100%;-webkit-transition:bottom 400ms; transition:bottom 400ms;}
.floor7 .list li:hover .info{bottom: 0;}
.floor7 .list li:hover .top{top: 0;}
.floor7 .b_line em{background-color:#f2f3f3;}
.floor_8 p{background: url(img/06_1.jpg) left center no-repeat;padding-left: 16px;font-size: 24px;color: #585858;margin-top: 80px;text-align:left; }
.floor_8 .line{height: 1px;background: url(img/06_2.jpg) repeat-x; margin-top: 11px;}
.floor_8 .more{display:block; font-size: 14px;color: #959595;float: right;padding-right: 120px;margin-top: 14px;}
.floor_8 .net{ margin-top: 42px; margin-bottom: 80px; }
.floor_8 .net ul li{text-align: left;margin-top: 20px;}
.floor_8 .net ul li a{font-size: 16px;color:#000;display:block;font-weight:bold;}
.floor_8 .net ul li span{ display: block;color:#6a6a6a;font-size: 14px;margin-top: 6px;}