.content { min-width: 1100px; }

.center { width: 1100px; height: 100%; margin: 0 auto; position: relative; }

.con { background: no-repeat center; background-size: auto 100%; width: 100%; }

.bitle_bt img { display: block; margin: 0 auto; padding-top: 60px; }

.con1 { background-image: url(../images/con1.jpg); height: 600px; }
.con1 .warp1 { position: absolute; left: 0; right: 0; bottom: 30px; margin: auto; width: 699px; height: 114px; background: url(../images/con1_tab.png) no-repeat center; }
.con1 .warp1 .lef { float: left; line-height: 114px; height: 100%; width: 450px; text-align: center; font-size: 32px; color: #213cdd; font-weight: bold; margin-left: 12px; }
.con1 .warp1 .rit { width: 170px; float: left; height: 90px; padding-top: 12px; display: block; }
.con1 .warp1 .rit .wb { display: block; background: url(../images/wb.png) no-repeat center; width: 99px; height: 34px; margin: 0 auto; margin-top: 12px; }
.con1 .warp1 .rit .p { color: #213cdd; font-size: 16px; height: 40px; line-height: 40px; text-align: center; }

.fell_nav { position: absolute; top: 640px; left: 0; background: url(../images/fell_nav.png) no-repeat center; width: 100%; height: 70px; color: #fff; z-index: 10; }
.fell_nav ul li { width: 20%; float: left; text-align: center; line-height: 70px; height: 70px; position: relative; font-size: 20px; cursor: pointer; }
.fell_nav ul li:hover { color: #01dcff; }
.fell_nav ul li i { display: block; position: absolute; left: 0; top: 36px; width: 3px; height: 3px; background: #fff; border-radius: 50%; }
.fell_nav ul .on { color: #01dcff; }

.con2 { background-image: url(../images/con2.jpg); height: 720px; padding-top: 70px; }
.con2 .warp2 { width: 100%; height: 510px; padding-top: 50px; }
.con2 .warp2 .img_lef { width: 550px; float: left; height: 100%; overflow: hidden; }
.con2 .warp2 .img_lef .item { position: relative; display: block; overflow: hidden; }
.con2 .warp2 .img_lef .item .img { width: 100%; height: 100%; }
.con2 .warp2 .img_lef .item .img img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; display: block; min-width: 100%; min-height: 100%; max-width: 100%; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; }
.con2 .warp2 .img_lef .item .bt_name { position: absolute; left: 0; width: 100%; bottom: 0; height: 48px; background: -webkit-linear-gradient(transparent, black); background: -o-linear-gradient(transparent, black); background: -moz-linear-gradient(transparent, black); background: linear-gradient(transparent, black); filter: alpha(opacity=0 finishopacity=80 style=1 startx=0, starty=0, finishx=0, finishy=219) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#000000,endcolorstr=#000000,gradientType=0); }
.con2 .warp2 .img_lef .item .bt_name p { text-align: center; line-height: 48px; height: 48px; padding: 0 5px; overflow: hidden; color: #fff; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; }
.con2 .warp2 .img_lef .item:hover .img img { transform: scale(1.1); }
.con2 .warp2 .img_lef .item:hover .bt_name p { color: #01dcff; }
.con2 .warp2 .img_lef .item1 { width: 100%; height: 310px; }
.con2 .warp2 .img_lef .item_list { width: 105%; height: 180px; margin-top: 20px; }
.con2 .warp2 .img_lef .item_list .item2 { margin-right: 20px; width: 265px; height: 180px; float: left; }
.con2 .warp2 .news_rit { width: 530px; height: 510px; float: right; background: url(../images/news_box.png) no-repeat center; }
.con2 .warp2 .news_rit .news_list { width: 100%; height: 475px; overflow: hidden; }
.con2 .warp2 .news_rit .news_list li { height: 40px; line-height: 40px; width: 100%; }
.con2 .warp2 .news_rit .news_list li i { display: inline-block; vertical-align: middle; width: 6px; height: 6px; background: #c7c7c7; border-radius: 50%; margin: -2px 10px 0 20px; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; }
.con2 .warp2 .news_rit .news_list li a { display: inline-block; font-size: 16px; color: #323232; overflow: hidden; vertical-align: middle; width: 410px; height: 100%; white-space: nowrap; text-overflow: ellipsis; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; }
.con2 .warp2 .news_rit .news_list li span { display: inline-block; vertical-align: middle; margin-right: 20px; text-align: right; width: 60px; height: 40px; color: #ababab; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; }
.con2 .warp2 .news_rit .news_list li:hover i { background: #01dcff; }
.con2 .warp2 .news_rit .news_list li:hover a { color: #01dcff; }
.con2 .warp2 .news_rit .news_list li:hover span { color: #01dcff; }
.con2 .warp2 .news_rit .mor { width: 490px; height: 20px; text-align: center; line-height: 20px; font-size: 13px; border: 1px solid #01dcff; color: #01dcff; display: block; border-radius: 30px; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; margin: 10px auto; }
.con2 .warp2 .news_rit .mor:hover { background: #01dcff; color: #fff; }

.con3 { background-image: url(../images/con3.jpg); height: 1251px; }
.con3 .warp3 { width: 100%; height: 1050px; overflow: hidden; padding-top: 50px; }
.con3 .warp3 .top_list { width: 100%; height: 140px; overflow: hidden; }
.con3 .warp3 .top_list ul { width: 105%; height: 100%; }
.con3 .warp3 .top_list ul li { border: 1px solid #18bfda; width: 128px; height: 138px; float: left; margin-right: 8px; overflow: hidden; position: relative; }
.con3 .warp3 .top_list ul li a { display: block; width: 100%; height: 100%; cursor: pointer; }
.con3 .warp3 .top_list ul li .img { height: 90px; width: 100%; position: relative; }
.con3 .warp3 .top_list ul li .img img { display: block; max-width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.con3 .warp3 .top_list ul li .name { font-size: 24px; line-height: 27px; height: 27px; text-align: center; padding: 0 5px; overflow: hidden; color: #323232; }
.con3 .warp3 .top_list ul li.on{background: url(../images/bg.png) no-repeat center;background-size:100% 100%;}
.con3 .warp3 .top_list ul li:hover{background: url(../images/bg.png) no-repeat center;background-size:100% 100%;}
.con3 .warp3 .warp_box { padding-top: 20px; height: 904px;overflow: hidden;}
.con3 .warp3 .warp_box .warp_item{width: 100%; height: 100%;}
.con3 .warp3 .warp_box .box_lef { float: left; width: 725px; }
.con3 .warp3 .warp_box .box_lef .item { width: 100%; height: 140px; padding: 20px 0; border-bottom: 1px solid #dbdfe3; }
.con3 .warp3 .warp_box .box_lef .item:nth-child(5) { border-bottom: none; }
.con3 .warp3 .warp_box .box_lef .item .img { display: block; float: left; width: 200px; height: 140px; overflow: hidden; position: relative; }
.con3 .warp3 .warp_box .box_lef .item .img img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; display: block; min-width: 100%; min-height: 100%; max-width: 100%; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; }
.con3 .warp3 .warp_box .box_lef .item .img:hover img { transform: scale(1.1); }
.con3 .warp3 .warp_box .box_lef .item .tex { float: right; width: 505px; height: 140px; }
.con3 .warp3 .warp_box .box_lef .item .tex .bt { font-size: 22px; height: 30px; line-height: 30px; padding-bottom: 10px; width: 100%; overflow: hidden; color: #323232; white-space: nowrap; text-overflow: ellipsis; margin-top: -4px; display: block; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; }
.con3 .warp3 .warp_box .box_lef .item .tex .bt:hover { color: #01dcff; }
.con3 .warp3 .warp_box .box_lef .item .tex p { font-size: 14px; line-height: 25px; height: 75px; overflow: hidden; width: 100%; color: #666666; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: break-all; text-align: justify; }
.con3 .warp3 .warp_box .box_lef .item .tex .time { font-size: 14px; text-align: right; padding-top: 15px; height: 15px; line-height: 15px; color: #979ea3; }
.con3 .warp3 .warp_box .box_rit { width: 345px; float: right; }
.con3 .warp3 .warp_box .box_rit .item { padding: 20px 0 12px 0; height: 266px; }
.con3 .warp3 .warp_box .box_rit .item .infor { width: 345px; height: 226px; position: relative; overflow: hidden; }
.con3 .warp3 .warp_box .box_rit .item .infor .img { width: 100%; height: 100%; position: relative; }
.con3 .warp3 .warp_box .box_rit .item .infor .img img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; display: block; min-width: 100%; min-height: 100%; max-width: 100%; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; }
.con3 .warp3 .warp_box .box_rit .item .infor .motai { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); zoom: 1; background: rgba(0, 0, 0, 0.5); }
.con3 .warp3 .warp_box .box_rit .item .infor .motai i { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; background: url(../images/bf.png) no-repeat center; width: 76px; height: 76px; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; }
.con3 .warp3 .warp_box .box_rit .item .infor:hover .img img { transform: scale(1.1); }
.con3 .warp3 .warp_box .box_rit .item .infor:hover .motai i { transform: rotateZ(180deg); }
.con3 .warp3 .warp_box .box_rit .item .box_bot { width: 100%; height: 40px; line-height: 40px; background: #fff; }
.con3 .warp3 .warp_box .box_rit .item .box_bot p { display: block; padding: 0 5px; text-align: center; font-size: 20px; color: #222222; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.con4 { background: #fff no-repeat top; background-image: url(../images/con4.jpg); padding-bottom: 30px; }
.con4 .warp4 { margin-top: 50px; width: 100%; overflow-x: hidden; }
.con4 .warp4 ul { width: 105%; }
.con4 .warp4 ul li { float: left; width: 196px; margin: 0 30px 24px 0; text-align: center; }
.con4 .warp4 ul li a { display: block; width: 100%; height: 100%; }
.con4 .warp4 ul li .img { height: 274px; width: 196px; position: relative; overflow: hidden; }
.con4 .warp4 ul li .img img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; display: block; min-width: 100%; min-height: 100%; max-width: 100%; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; }
.con4 .warp4 ul li .img:hover img { transform: scale(1.1); }
.con4 .warp4 ul li .bt { height: 30px; width: 100%; overflow: hidden; line-height: 30px; color: #323232; font-size: 20px; }
.con4 .warp4 ul li .time { height: 26px; font-size: 14px; color: #323232; line-height: 26px; overflow: hidden; width: 100%; }

.con5 { background-image: url(../images/con5.jpg); height: 679px; }
.con5 .warp5 { padding-top: 50px; }
.con5 .warp5 .item { position: relative; overflow: hidden; display: block; }
.con5 .warp5 .item .img { width: 100%; height: 100%; }
.con5 .warp5 .item .img img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; display: block; min-width: 100%; min-height: 100%; max-width: 100%; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; }
.con5 .warp5 .item:hover .img img { transform: scale(1.1); }
.con5 .warp5 .item .motai { width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); zoom: 1; background: rgba(0, 0, 0, 0.5); }
.con5 .warp5 .item .motai p { width: 440px; position: absolute; left: 20px; bottom: 17px; color: #fff; font-size: 20px; height: 60px; overflow: hidden; line-height: 30px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; }
.con5 .warp5 .item .bt_name { height: 55px; width: 100%; text-align: center; font-size: 20px; color: #fff; position: absolute; left: 0; bottom: 0; line-height: 55px; overflow: hidden; background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); zoom: 1; background: rgba(0, 0, 0, 0.7); white-space: nowrap; text-overflow: ellipsis; }
.con5 .warp5 .item1 { float: left; width: 490px; height: 430px; }
.con5 .warp5 .cent { width: 310px; float: left; height: 430px; margin: 0 5px; }
.con5 .warp5 .cent .item2 { height: 212px; width: 310px; margin-bottom: 5px; }
.con5 .warp5 .item3 { height: 430px; width: 290px; }