/* CSS Document */

/*css閲嶇疆*/
body,div,a,p,ul,li,h1,h2,h3,h4,h5,h6,img{margin:0; padding:0; border:0; font-family:"Microsoft YaHei", Verdana, Geneva, sans-serif;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
a{text-decoration:none;}
ul,li{list-style:none;}
body{min-width:1280px;}

/* Clear Fix */
.clearfix:before, .clearfix:after{display:table; content:''; clear:both;}
/* Hide from IE Mac */
.clearfix {display:block; }

/*閫氱敤鏍峰紡*/
.f-left{float:left !important;}
.f-right{float:right !important;}
.t-left{text-align:left !important;}
.t-right{text-right:right !important;}
.content-in{width:1280px; margin:0 auto !important;}
.floor{padding-top:5px; overflow:hidden;}
.center_center{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}
.color-w{color:#fff  !important;}

.head_title{text-align:center; cursor:default;}
.head_title h1{font-size:36px; color:#0ca7f0;}
.head_title p{font-size:16px; color:#999; line-height:30px;}


/*娴锋姤*/
.banner{height:434px; background:url(../img/indexbanner.png) no-repeat center center;margin-bottom:50px;}
.banner .content-in{width:1280px;}
.banner .login-index{float:right; margin-top:25px;}


/*floor1*/
.floor-1{background:#fff;}
.floor-1 .left-wrap{float:left; padding-top:50px;}
.floor-1 .left-wrap .text-wrap{margin-bottom:45px; display:table;}
.floor-1 .left-wrap .text-wrap:nth-of-type(3){margin-bottom:0;}
.floor-1 .left-wrap .text-wrap  img{float:left; margin:6px 25px 0 0;}
.floor-1 .left-wrap .text-wrap .text{float:left;}
.floor-1 .left-wrap .text-wrap .text h2{font-size:24px; color:#333;}
.floor-1 .left-wrap .text-wrap .text p{font-size:16px; color:#666;}

.floor-1 .right-wrap{float:right;}

/*floor2*/
.floor-2{background:#f9f9f9; padding-bottom:40px;}
.floor-2 img{margin:0 auto; display:block;}

/*floor3*/
.floor-3{background:#fff;}
.floor-3 .content-in{background:url(../img/bg003.jpg) no-repeat center bottom; position:relative;  height:480px;}
.floor-3 .text{width:350px; position:absolute;}
.floor-3 .text-1{left:40px; top:130px;}
.floor-3 .text-2{right:40px; top:130px;}
.floor-3 .text-3{left:40px; top:300px;}
.floor-3 .text-4{right:40px; top:300px;}

.floor-3 .text h2{font-size:24px; color:#666; background-repeat:no-repeat; background-position:left center; padding-left:40px;}
.floor-3 .text-1 h2{background-image:url(../img/f3_icon01.png); float:right;}
.floor-3 .text-2 h2{background-image:url(../img/f3_icon02.png); float:left;}
.floor-3 .text-3 h2{background-image:url(../img/f3_icon03.png); float:right;}
.floor-3 .text-4 h2{background-image:url(../img/f3_icon04.png); float:left;}

.floor-3 .text p{font-size:16px; color:#999; float:right; clear:right; padding-top:10px; line-height:24px; text-align:left;}

/*floor4*/
.floor-4{background:#f9f9f9; padding-bottom:100px;}
.floor-4 .content-in{background:url(../img/bg004.jpg) no-repeat 250px bottom; position:relative;  height:520px;}
.floor-4 .text{display:table; position:absolute;}
.floor-4 .text-1{left:0px; top:146px;}
.floor-4 .text-2{left:140px; top:290px;}
.floor-4 .text-3{left:0px; top:422px;}
.floor-4 .text-4{left:110px; top:490px;}
.floor-4 .text-5{right:40px; top:195px;}
.floor-4 .text-6{right:-15px; top:340px;}
.floor-4 .text-7{right:120px; top:475px;}

.floor-4 .text-1 h2{padding-right:10px; color:#27aae1;}
.floor-4 .text-2 h2{color:#feb543;}
.floor-4 .text-3 h2{color:#6ebc65;}
.floor-4 .text-4 h2{color:#ed8670;}
.floor-4 .text-5 h2{color:#ff9844;}
.floor-4 .text-6 h2{color:#78d6d2;}
.floor-4 .text-7 h2{color:#f5bd1d;}

.floor-4 .text h2{font-size:24px; text-align:right;}
.floor-4 .text:nth-of-type(n+6) h2{text-align:left;}
.floor-4 .text p{font-size:16px; color:#999; padding-top:10px;}


/*floor5*/
.floor-5{background:#fff; padding-bottom:100px;}
.floor-5 ul{margin-top:80px;}
.floor-5 ul li{float:left;}
.floor-5 ul li.jiange{width:60px; text-align:center; padding-top:40px;}

/*floor6*/
.floor-6{padding-top:0; background:url(../img/bg005.jpg) no-repeat center center; height:609px;}
.floor-6 .head_title{padding-top:30px;}

.floor-6 ul{width:1010px; margin:40px auto 0;}
.floor-6 ul li{float:left; margin:0 10px 20px;}
.floor-6 ul li img{transition:0.5s;}
.floor-6 ul li:hover img{
    opacity:0.8;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter:gray;
}