@charset "utf-8";
/* CSS Document */
.main { margin: 0; }
/*focus*/
.focus { width: 100%; height: 500px; margin: 0 auto; overflow: hidden; position: relative; }
.focus .bd ul,
.focus .bd li,
.focus .bd li .img,
.focus .bd li .img img { float: left; width: 100%; height: 500px; overflow: hidden; }
.focus .bd li .img { min-width: 1200px; background-position: 50% 0 !important; }
/*.focus li .tit { float: left; width: 500px; height: 50px; line-height: 50px; padding: 0px 8px; font-size: 26px; position: absolute; top: 75px; left: 0; overflow: hidden; }
.focus li .con { float: left; width: 500px; line-height: 24px; padding: 0px 8px; font-size: 14px; position: absolute; top: 122px; left: 0; }
.focus li .text { float: left; width: 100%; max-height: 72px; overflow: hidden; }
.focus li .more { float: left; width: 100px; height: 36px; line-height: 36px; margin: 9px 0 0 0; border-radius: 5px; background: #f40057; color: #FFF; text-align: center; }*/
.focus .num { float: left; width: 100%; min-width: 1200px; position: absolute; left: 0; bottom: 20px; z-index: 99; }
.focus .hd { float: left; position: relative; left: 50%; }
.focus .hd ul { float: left; position: relative; left: -50%; }
.focus .hd li { float: left; width: 16px; height: 16px; margin: 0 1px 0 0; text-indent: -999px; background: #FFF; overflow: hidden; }
.focus .hd li.on { background: #0083ff; }
/*news_list*/
#news_list { width: 1200px; margin: 0 auto; }
#news_list ul { float: left; width: 1220px; margin: 30px 0 0 0; }
#news_list li { float: left; width: 285px; margin: 0 20px 10px 0; }
#news_list i { float: left; width: 40px; height: 40px; margin: 5px 0 0 0; }
#news_list i img { float: left; width: 40px; height: 40px; border-radius: 20px; overflow: hidden; }
#news_list .con { float: left; width: 235px; margin: 0 0 0 10px; }
#news_list h2 { float: left; width: 100%; height: 30px; line-height: 30px; color: #333; font-size: 16px; overflow: hidden; }
#news_list span { float: left; width: 235px; max-height: 66px; line-height: 22px; margin: 2px 0; color: #999; font-size: 14px; overflow: hidden; }
#news_list a { float: left; height: 26px; line-height: 26px; color: #0083ff; font-size: 14px; }
/*floor*/
.floor { float: left; width: 100%; margin: 30px 0 30px 0; padding: 30px 0; background: #f7f8fa; border-top: 1px #e7e8ed solid; border-bottom: 1px #e7e8ed solid; }
.floor.s1 { margin: 0; background: none; border: none; }
.floor .inner { width: 1200px; margin: 0 auto; }
.floor .head { float: left; width: 100%; }
.floor .head .tit { float: left; width: 100%; height: 46px; line-height: 46px; color: #3e434a; font-size: 32px; text-align: center; }
.floor .head .text { width: 390px; line-height: 24px; margin: 0 auto; color: #8c989f; font-size: 14px; text-align: center; }
.floor .btn { float: left; width: 50px; height: 80px; background: url(../images/list_btn.png) no-repeat; position: absolute; top: 85px; z-index: 9; overflow: hidden; cursor: pointer; }
.floor .btn.prev { left: -50px; background-position: 0px 0px; }
.floor .of,
.floor .prevStop,
.floor .nextStop { opacity: 0.2; cursor: default; }
.floor .btn.next { right: -50px; background-position: -50px 0px; }
/*list*/
#partner .list { float: left; width: 100%; margin: 20px 0 0 0; position: relative; }
#partner .list .list_inner { float: left; width: 1200px; height: 275px; position: relative; overflow: hidden; }
#partner .list ul { float: left; width: 1300px; height: 275px; }
#partner .list li { float: left; width: 285px; height: 275px; margin: 0 20px 0 0; padding: 0 0 10px 0; position: relative; }
#partner .list li a { float: left; background: #FFF; }
#partner .list li a:hover { background: #F3F3F3; transition: all 0.2s; box-shadow: 0 0 5px #e5e5e5 inset; }
#partner .list li div,
#partner .list li span { float: left; width: 100%; overflow: hidden;display: block; }
#partner .list li .summary { width: 225px; height: 120px; padding: 25px 30px 15px 30px; line-height: 30px; color: #FFF; background: #46a3ff; overflow: hidden; }
#partner .list li .summary span { height: 90px; }
#partner .list li.s2 .summary { background: #4ccba0; }
#partner .list li.s3 .summary { background: #ffa432; }
#partner .list li .name { width: 100%; height: 115px; }
#partner .list li .tit { height: 30px; line-height: 30px; margin: 35px 0 0 0; color: #000000; font-size: 16px; text-align: center; overflow: hidden; word-wrap: break-word; word-break: break-all; }
#partner .list li a:hover .tit { color: #0083ff; transition: all 0.2s; }
#partner .list li .text { height: 20px; line-height: 20px; color: #999999; font-size: 14px; overflow: hidden; text-align: center; word-wrap: break-word; word-break: break-all; }
#partner .list li a:hover .text { color: #666; transition: all 0.2s; }
#partner .list li .img { width: 60px; height: 60px; overflow: hidden; position: absolute; top: 130px; left: 112px; border-radius: 30px; }
#partner .list li .img img { float: left; width: 60px; height: 60px; border-radius: 30px; }
#partner .list li a:hover .img { transition: all 0.5s; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); transform: scale(1.2); box-shadow: 0 0 2px #999; }
/*service*/
#service .btn { top: 260px; }
#service .con { float: left; width: 100%; margin: 20px 0 0 0; position: relative; }
#service .con ul { float: left; width: 100%; height: 600px; overflow: hidden; }
#service .con li { float: left; width: 400px; height: 600px; font-size: 36px; position: relative; }
#service .con li.s1 { background: #0083ff; color: #FFF; }
#service .con li .img1 { position: absolute; top: 0; left: 0; z-index: 9; }
#service .con li .img2 { position: absolute; top: 300px; left: 0; z-index: 9; }
#service .con li:nth-child(even) .img1 { top: 300px; left: 0; }
#service .con li:nth-child(even) .img2 { top: 0; left: 0; }
#service .con li .text { float: left; width: 350px; height: 230px; padding: 35px 25px; position: absolute; top: 300px; left: 0; z-index: 99; background: #000; opacity: 0; filter: alpha(opacity=0); }
#service .con li:hover .text { opacity: 0.5; filter: alpha(opacity=50); transition: all 0.5s; }
#service .con li.odd .text { top: 0; left: 0; }
#service .con li .text span { float: left; width: 100%; height: 230px; line-height: 46px; color: #FFF; font-size: 24px; word-wrap: break-word; word-break: break-all; overflow: hidden; }
#service .con li i { float: left; width: 20px; height: 17px; position: absolute; top: 300px; left: 190px; background: url(../images/serivce_img_i.png) no-repeat; background-position: 0 -17px; z-index: 999; }
#service .con li:nth-child(even) i { top: 283px; background-position: 0 0; }