@charset "utf-8";
.banner{height: 644px;background: url(../images/banner.jpg) no-repeat center top;position: relative;}
.expain{width: 1200px;height: 170px;background: #fff;border-radius: 2px;-webkit-border-radius: 2px;position: absolute;left: 50%;bottom: -52px;margin-left: -600px;}
.expain > ul{height: 54px;padding-top: 34px;}
.expain > ul li{float: left;height: 54px;width: 215px;padding-left: 85px;display: table;position: relative;transition: all 0.2s;-webkit-transition: all 0.2s;}
.expain > ul .li1{background: url(../images/icon1.png) no-repeat 21px center;}
.expain > ul .li2{background: url(../images/icon2.png) no-repeat 21px center;}
.expain > ul .li3{background: url(../images/icon3.png) no-repeat 21px center;}
.expain > ul .li4{background: url(../images/icon4.png) no-repeat 21px center;}
.expain > ul li p{display: table-cell;vertical-align: middle;}
.expain > ul li p i{display: block;font-weight: bold;font-size: 16px;color: #4f5259;}
.expain > ul li p span{display: block;font-size: 12px;color: #8e9095;margin-top: 4px;}
.expain > ul li p span::after{content: "";display: block;height: 4px;background: url(../images/icon5.png) no-repeat;margin-top: 4px;}
.expain > ul li::after{content: "";display: block;width: 1px;height: 40px;background: #f2f2f2;position: absolute;left: 0;top: 7px;}
.expain > ul li:first-child::after{display: none;}
.expain > ul li:hover{transform: translateY(-4px);-webkit-transform: translateY(-4px);}
.expain > ul li:hover::after{top: 11px;}
.dtscroll{border-top: 1px dashed #f2f2f2;height: 24px;padding: 13px 25px 14px;margin-top: 30px;position: relative;box-shadow: 0 10px 20px rgba(211,212,219,0.6);-webkit-box-shadow: 0 10px 20px rgba(211,212,219,0.6);}
.dtscroll .bd{height: 24px;background: url(../images/icon6.png) no-repeat left center;overflow: hidden;padding-left: 74px;}
.dtscroll .bd ul{height: 24px;}
.dtscroll .bd li{height: 24px;}
.dtscroll .bd li span{line-height: 24px;font-size: 12px;color: #b4b6bf;display: block;float: left;width: 346px;padding: 0 26px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: relative;}
.dtscroll .bd li i{padding-right: 8px;}
.dtscroll .bd li b{padding: 0 4px;color: #e4bb64;font-weight: normal;}
.dtscroll .bd li span::after{content: "";display: block;width: 1px;height: 18px;background: #eee;position: absolute;left: 0;top: 3px;}
.dtscroll .bd li span:first-child::after{display: none;}
.dtscroll a{width: 12px;height: 16px;position: absolute;top: 17px;z-index: 9;}
.dtscroll a.prev{background: url(../images/icon7.png) no-repeat center;right: 65px;}
.dtscroll a.next{background: url(../images/icon8.png) no-repeat center;right: 21px;}
.side1{height: 485px;background: url(../images/side1.jpg) no-repeat center top;}
.sidebd{height: 100%;width: 1200px;margin: 0 auto;}
.title{text-align: center;}
.side1 .title{padding-top: 26px;}
.title span{font-weight: bold;font-size: 24px;color: #271b3f;}
.title span::after{content: "";display: block;width: 50px;height: 3px;background: #eb291f;border-radius: 1.5px;-webkit-border-radius: 1.5px;margin: 20px auto 6px;}
.title p{font-size: 10px;color: #ebf0ff;text-transform: uppercase;}
.side1 ul{display: table;margin: 32px auto 0;}
.side1 li{float: left;width: 288px;height: 330px;text-align: center;position: relative;}
.side1 li:hover{background: url(../images/icon9.png) no-repeat center;box-shadow: 0 0 8px rgba(211,212,219,0.6);-wbkit-box-shadow: 0 0 8px rgba(211,212,219,0.6);transition: all 0.3s;-webkit-transition: all 0.3s;}
.side1 li::after{content: "";display: block;width: 100%;height: 2px;position: absolute;left: 0;bottom: 0;}
.side1 .li1:hover::after{background: #4f8bfc;}
.side1 .li2:hover::after{background: #f43217;}
.side1 .li3:hover::after{background: #ffa401;}
.side1 .li4:hover::after{background: #24cec1;}
.side1 li .p1{height: 97px;margin-top: 21px;}
.side1 .li1 .p1{background: url(../images/icon10.png) no-repeat center;}
.side1 .li2 .p1{background: url(../images/icon11.png) no-repeat center;}
.side1 .li3 .p1{background: url(../images/icon12.png) no-repeat center;}
.side1 .li4 .p1{background: url(../images/icon13.png) no-repeat center;}
.side1 .li1:hover .p1{background: url(../images/icon10_on.png) no-repeat center;}
.side1 .li2:hover .p1{background: url(../images/icon11_on.png) no-repeat center;}
.side1 .li3:hover .p1{background: url(../images/icon12_on.png) no-repeat center;}
.side1 .li4:hover .p1{background: url(../images/icon13_on.png) no-repeat center;}
.side1 li .p2{font-weight: bold;font-size: 20px;color: #5a5a5e;margin-top: 25px;}
.side1 li .p2::after{content: "";display: block;width: 19px;height: 2px;background: #aeaeae;margin: 10px auto 8px;}
.side1 li .p3{font-size: 12px;color: #dadbe0;text-transform: uppercase;}
.side1 li .p4{font-size: 14px;color: #b4b6bf;line-height: 20px;margin-top: 23px;}
.side1 li .p4::after{content: "";display: none;height: 4px;background: url(../images/icon14.png) no-repeat center;margin-top: 12px;}
.side1 li:hover .p4::after{display: block;}
.side2{height: 430px;background: url(../images/side2.jpg) no-repeat center top;}
.side2 .title{padding-top: 90px;}
.side2 .title span{color: #f9fafd;}
.side2 .title span::after{background: #94969d;}
.side2 .title p{color: #434650;}
.side2 ul{height: 145px;padding-top: 58px;}
.side2 li{float: left;width: 200px;height: 145px;position: relative;text-align: center;}
.side2 li .p1{height: 62px;}
.side2 li .p2{font-weight: bold;font-size: 18px;color: #f4f4f8;margin-top: 16px;}
.side2 li .p2::after{content: "";display: block;height: 4px;background: url(../images/icon16.png) no-repeat center;margin: 11px 0 10px;}
.side2 li .p3{font-size: 13px;color: #454756;text-transform: uppercase;}
.side2 .li1 .p1{background: url(../images/icon17.png) no-repeat center;}
.side2 .li2 .p1{background: url(../images/icon18.png) no-repeat center;}
.side2 .li3 .p1{background: url(../images/icon19.png) no-repeat center;}
.side2 .li4 .p1{background: url(../images/icon20.png) no-repeat center;}
.side2 .li5 .p1{background: url(../images/icon21.png) no-repeat center;}
.side2 .li6 .p1{background: url(../images/icon22.png) no-repeat center;}
.side2 li::after{content: "";display: block;width: 38px;height: 22px;background: url(../images/icon15.png) no-repeat center;position: absolute;left: -22px;top: 19px;}
.side2 li:first-child::after{display: none;}
.side3{height: 720px;background: url(../images/side3.jpg) no-repeat center -1px;}
.side3 .title{padding-top: 92px;}
.side3 .title span{color: #eaefff;}
.side3 .title span::after{background: #7d87aa;}
.side3 .title p{color: #253879;}
.side3 ul{padding-left: 312px;margin-top: 39px;height: 450px;}
.side3 li{float: left;width: 289px;height: 225px;text-align: center;position: relative;}
.side3 .li2,.side3 .li5{width: 282px;}
.side3 .li3,.side3 .li6{width: 284px;}
.side3 .li1{background: url(../images/icon24.png) no-repeat center 36px;}
.side3 .li2{background: url(../images/icon25.png) no-repeat center 36px;}
.side3 .li3{background: url(../images/icon26.png) no-repeat center 36px;}
.side3 .li4{background: url(../images/icon25.png) no-repeat center 48px;}
.side3 .li5{background: url(../images/icon26.png) no-repeat center 48px;}
.side3 .li6{background: url(../images/icon27.png) no-repeat center 48px;}
.side3 li .p1{font-weight: bold;font-size: 18px;color: #2f395b;padding-top: 120px;}
.side3 li .p1::after{content: "";display: block;height: 4px;background: url(../images/icon23.png) no-repeat center;margin: 8px 0 7px;}
.side3 li .p2{font-size: 12px;color: #c0c2cc;text-transform: uppercase;}
.side3 li .p3{height: 30px;background: url(../images/icon1.gif) no-repeat center 20px;font-size: 14px;color: #7b7b7b;margin-top: 22px;padding-bottom: 16px;}
.side4{height: 622px;background: url(../images/icon28.png) #f4f5f9 no-repeat center 61px;}
.side4 .title{padding-top: 79px;}
.side4 .title span{color: #271b3f;}
.side4 .title span::after{background: #eb291f;}
.side4 .title p{color: #e0e1e6;}
.side4 ul{height: 400px;margin: 25px -2px 0;display: table;}
.side4 ul li{float: left;width: 295px;height: 400px;margin: 0 3px;}
.side4 ul li img{width: 295px;height: 400px;}
.side4 .hont{font-size: 14px;color: #c9c9c9;text-align: center;display: table;margin: 26px auto 0;background: url(../images/icon29.png) no-repeat left center;padding-left: 19px;line-height: 20px;}
.side5{height: 593px;background: url(../images/side5.jpg) no-repeat center -1px;}
.side5 .title{padding-top: 77px;}
.side5 .title span{color: #f3f3f3;}
.side5 .title span::after{background: #8e8e8f;}
.side5 .title p{color: #444444;}
.side6{height: 513px;background: url(../images/side6.png) #f4f5f9 no-repeat center 170px;}
.side6 .title{padding-top: 23px;}
.side6 .title span{color: #33343f;font-size: 28px;font-weight: normal;}
.side6 .title span::after{background: #d6d6d8;}
.side6 .title p{color: #dfe0e4;}
.side6 ul{margin: 21px -14px 0;height: 360px;}
.side6 li{float: left;width: 584px;height: 120px;background: #fff;border-radius: 4px;-webkit-border-radius: 4px;margin: 0 15px 20px;position: relative;padding: 17px 0 13px;}
.side6 li .q{font-weight: bold;font-size: 16px;color: #434343;height: 20px;line-height: 20px;background: url(../images/icon30.png) no-repeat 12px 1px;padding: 0 36px 17px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: relative;}
.side6 li .q::after{content: "";display: block;width: 396px;height: 0;border-top: 1px dashed #dbdde0;position: absolute;left: 0;bottom: 0;}
.side6 li .a{font-size: 13px;color: #b4b4b4;line-height: 26px;height: 52px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-overflow: ellipsis;padding: 10px 30px 0 40px;position: relative;}
.side6 li .a::after{content: "";display: block;width: 18px;height: 17px;background: url(../images/icon31.png) no-repeat;position: absolute;left: 12px;top: 14px;}
.side6 li .line{display: block;width: 30px;height: 0;border-top: 1px dashed #dbdde0;position: absolute;left: 42px;bottom: 25px;}
.kefubox{width: 1200px;height: 510px;background: #fff;box-shadow: 0 1px 12px rgba(166,166,174,0.1);-weblit-box-shadow: 0 1px 12px rgba(166,166,174,0.1);margin: 62px auto 0;position: relative;z-index: 9;}
.kefubox ul{height: 460px;margin: 0 auto;padding: 25px;}
.kefubox li{float: left;width: 230px;height: 230px;position: relative;overflow: hidden;}
.kefubox li > img{width: 230px;height: 230px;}
.kefubox li .hover{width: 230px;height: 230px;position: absolute;left: 0;bottom: -230px;background: rgba(0,0,0,0.85);transition: all .35s ease;-webkit-transition: all .35s ease;}
.kefubox li:hover .hover{bottom: 0;}
.kefubox li .hover a{width: 100px;font-size: 14px;padding: 0 8px;height: 26px;display: block;text-align: center;line-height: 26px; border-radius: 13px; -webkit-border-radius: 13px; border: 1px solid #FD5723; background: #FD5723; color: #fff; margin: 102px 56px; }
.kefubox li .zixun::after { content: ""; width: 10px; height: 10px; border-left: 2px solid #3D3D3D; left: 10px; top: 10px; border-top: 2px solid #3D3D3D; display: block; position: absolute;}
.kefubox li .text{width: 202px;height: 230px;background: url(../images/icon32.png) no-repeat center;padding-left: 28px;}
.kefubox li .text .p1{font-weight: bold;font-size: 18px;color: #243159;padding-top: 29px;}
.kefubox li .text .p2{font-size: 12px;color: #cdcdcd;text-transform: uppercase;}
.kefubox li .text .p3{font-size: 14px;color: #243159;margin-top: 5px;}
.kefubox li .text .p2::after{content: "";display: block;width: 34px;border-top: 1px dashed #dfe0e3;margin-top: 10px;}
.kefubox li .text .p3::after{content: "";display: block;width: 30px;height: 16px;background: url(../images/icon33.png) no-repeat;margin-top: 70px;}
.kefubox li .s1{font-weight: bold;font-size: 18px;color: #f7f7f7;padding-left: 28px;padding-top: 29px;background: url(../images/icon34.png) no-repeat 106px 39px;}
.kefubox li .s2{font-size: 12px;color: #515151;padding-left: 28px;text-transform: uppercase;}
.kefubox li .s2::after{content: "";display: block;width: 34px;border-top: 1px dashed #515151;margin-top: 10px;}
.kefubox li .s3{font-size: 14px;color: #888;line-height: 22px;padding: 0 20px 0 28px;margin-top: 3px;}
.kefubox li .s3::after{content: "";display: block;width: 11px;height: 8px;background: url(../images/icon35.png) no-repeat;margin-top: 10px;}
.fixedkfu{position: fixed;right: 35px;top: 328px;z-index: 9999;}
.detailbtn{font-size: 12px;color: #68a5f9;position: absolute;right: 30px;bottom: 16px;cursor: pointer;}