*{ padding:0; margin:0 ;}

.banner_img{background: url(../images/qdgl/banner.jpg) no-repeat center; height:500px; width:100%; display:block;margin-top: 110px;}
ul,li{ list-style:none;}
.tit{clear:both; padding-bottom:12px; position:relative; font-family:Noto Serif SC,serif ;text-align: center; font-size: 40px; font-weight:bold; color:#000;}
.tit:after{ content:""; position:absolute; left:0; right:0; bottom:0; margin:0 auto; display:inline-block; height:3px; width:0; border-left:#f87341 60px solid; border-right:#576799 60px solid;}
.tit span{display: block;font-size:16px;text-align: center;margin-top: 0;}

.floor_1{ width:100%; background:#fff; margin:0 auto;}
.floor_1 .con{padding:30px 0;}
.floor_1 .tit_s{font-size: 16px;line-height: 18px;margin-top: 17px;text-align: center;color: #999;}
.floor_1 .dec-img{  display: block;margin: 58px auto 0 auto;}
.floor_1 .dec-img img{display:block; margin:0 auto;}

.floor_2{position:relative; width:100%; min-width:1200px; max-width:1920px; margin:0 auto; text-align:center;background-color: #edf2f9}
.floor_2 .tit{padding:40px 0 16px; margin-bottom:30px;}
.w1200{ width:1200px; margin:0 auto; text-align:left; position:relative;}
#systems{ overflow:hidden; height:490px; box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}
#systems p{ margin:0 0 46px 0; padding:0; width:420px; float:left; text-align:right;}
#systems p b{ color:#161617; display:inline-block; font-size:22px; font-weight:normal; margin-top:33px;}
#systems p span{ color:#808080; font-size: 15px}
#systems p i{ display:inline-block; width:120px; height:120px; background:url("../images/qdgl/ico_system.png") center top no-repeat; float:right; margin-left:25px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s}
#systems p i:hover{margin:0 -5px;}
#systems p.slideInRight{ float:right; text-align:left;}
#systems p.slideInRight i{ float:left; margin-right:25px;}
p#system2 i{ background-position:center -120px;}
p#system3 i{ background-position:center -240px;}
p#system4 i{ background-position:center -360px;}
p#system5 i{ background-position:center -480px;}
p#system6 i{ background-position:center -600px;}
#beauty{ position:absolute; left:0; right:0; bottom:0; margin:0 auto; width:285px; height:490px; background:url("../images/qdgl/beauty.png") center bottom no-repeat;}

.floor_3{ width:100%; overflow:hidden; margin:0 auto; background:#eeeeee4d; padding:40px 0;}
.floor_3 .fl_3d{ width:1200px; margin:0 auto; }
.floor_3 .tit{ padding-top:20px;}
.floor_3 .tit_s{ font-size: 16px;line-height: 28px;margin:30px auto 0; width:590px;text-align: center;color: #808080;}
.floor_3 .fl3_bg{background:url(../images/qdgl/fl_3bg.png) no-repeat center center; width:100%; height:273px;background-position:-40px -122px;}
.floor_3 ul{margin-bottom: 10px;}
.floor_3 li{ display:inline-block; width:23%; text-align:center;}
.floor_3 li:first-child{ padding:0;}
.floor_3 li:nth-child(2){ padding:0 33px}
.floor_3 li:nth-child(3){ padding:0}
.floor_3 li:last-child{ padding:0;}
.floor_3 li .title{ font-size:20px; font-weight:bold; color:#333;	}
.floor_3 li .list{ font-size:16px; line-height:28px; margin-top:10px; color: #808080;}

.layout span{display:inline-block;}
.floor_jz,.floor_jz1{padding:52px 0 70px;background-color:#edf2f9}
.layout{width: 1200px;margin:0 auto;}
.title1{ text-align: center; }
.title1 h3{font-size: 38px; font-weight:bold;}
.title1 .t-line{width: 60px;height: 3px;margin: 22px auto 0;background-color: #0099ff;}
.floor_jz .desc-box,.floor_jz1 .desc-box{margin-top:60px;display: inline-block;}
.floor_jz .desc-box .desc,.floor_jz1 .desc-box .desc{float:left;width:386px;height:400px;margin-right:21px;padding:54px 49px 50px;box-sizing:border-box;background-color:#fff;text-align:center;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}
.floor_jz .desc-box .desc:last-child,.floor_jz1 .desc-box .desc:last-child{margin-right:0}
.floor_jz .desc-box .desc:hover,.floor_jz1 .desc-box .desc:hover{margin-top:-20px;background-image:url(../images/qdgl/value_bg1.jpg);background-size:cover}
.floor_jz .desc-box .desc:hover .h3,.floor_jz .desc-box .desc:hover .p1,.floor_jz1 .desc-box .desc:hover .h3,.floor_jz1 .desc-box .desc:hover .p1{color:#fff}
.floor_jz .desc-box .desc:hover .line,.floor_jz1 .desc-box .desc:hover .line{background-color:#fff}
.floor_jz .desc-box .desc:hover .img1,.floor_jz1 .desc-box .desc:hover .img1{display:none}
.floor_jz .desc-box .desc:hover .img2,.floor_jz1 .desc-box .desc:hover .img2{display:inline-block}
.floor_jz .desc-box .desc .img,.floor_jz1 .desc-box .desc .img{width:65px;height:65px}
.floor_jz .desc-box .desc .img:after,.floor_jz1 .desc-box .desc .img:after{content:'';display:inline-block;height:100%;vertical-align:middle}
.floor_jz .desc-box .desc .img2,.floor_jz1 .desc-box .desc .img2{display:none}
.floor_jz .desc-box .desc .h3,.floor_jz1 .desc-box .desc .h3{margin-top:54px;font-size:24px;color:#000}
.floor_jz .desc-box .desc .line,.floor_jz1 .desc-box .desc .line{width:40px;height:3px;margin:26px auto 0;background-color:#09f}
.floor_jz .desc-box .desc .p1,.floor_jz1 .desc-box .desc .p1{margin-top:24px;font-size:16px;color:#333;line-height:30px;text-align:left}

.flor_box{padding:50px;overflow: hidden;}
.flor_box .dbox{margin-top:42px}
.flor_box .dbox .desc{position:relative;float:left}
.flor_box .dbox .desc .h3{font-size:30px;color:#fff;text-align:center;overflow:hidden}
.flor_box .dbox .desc .sup-dl>dd{width:100%;height:80px;box-sizing:border-box;font-size:18px;color:#333;line-height:80px}
.flor_box .dbox .desc .sup-dl>dd:nth-child(odd){background-color:#f7f7f7}
.flor_box .dbox .desc .sup-dl>dd:nth-child(even){background-color:#eee}
.flor_box .dbox .desc1{width:200px;margin-top:50px}
.flor_box .dbox .desc1 .h3{line-height:100px;background:url(../images/qdgl/social_bg3.png);border-radius:10px 0 0 0;}
.flor_box .dbox .desc1 .sup-dl>dd{padding:0 20px;font-size:22px;text-align:center}
.flor_box .dbox .desc2{width:500px}
.flor_box .dbox .desc2 .h3{line-height:150px;font-weight:700;background:url(../images/qdgl/social_bg4.png);border-radius:10px 10px 0 0;background-size:cover}
.flor_box .dbox .desc2 .sup-dl>dd{display:table;padding:0 24px;line-height:normal}
.flor_box .dbox .desc2 .sup-dl>dd .p1{display:table-cell;vertical-align:middle;line-height:24px}
.flor_box .dbox .desc2 .sup-dl>dd:nth-child(odd){background-color:#edf8ff}
.flor_box .dbox .desc2 .sup-dl>dd:nth-child(even){background-color:#c7e9ff}
.flor_box .dbox .desc3{width:500px;margin-top:30px}
.flor_box .dbox .desc3:after{content:'';position:absolute;top:0;left:-60px;display:block;width:120px;height:120px;border-radius:50%;background:url(../images/qdgl/social3.png);background-size:cover;overflow:hidden}
.flor_box .dbox .desc3 .h3{line-height:120px;background:url(../images/qdgl/social_bg5.png);border-radius:0 10px 0 0;background-size:cover}
.flor_box .dbox .desc3 .sup-dl>dd{padding:0 24px}

.floor_lsu{overflow: hidden;background-color: #edf2f9;padding:30px;}
.floor_lsu .tit{margin:10px 0;}
.floor_lsu #applica{  padding:25px 0 100px 0; overflow:hidden;}
.floor_lsu #applicas a,#applicas em{ position:relative; display:inline-block; width:300px; height:225px; overflow:hidden; float:left; background:#576799;box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}
.floor_lsu #applicas a img{ width:100%; height:auto;transition:all .4s ease}
.floor_lsu #applicas a img:hover{width: 110%;}
.floor_lsu #applicas a span{ display:inline-block;  position:absolute; z-index:2; left:0; bottom:15px; top:auto; width:100%; height:20px; line-height:20px; color:#fff; font-size:18px; padding:0 15px;box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}
.floor_lsu #applicas p a,#applicas p em{ width:150px; height:200px;}
.floor_lsu #applicas p a span{ font-size:15px; text-align:center;}
.floor_lsu #applicas p em{ font-style:normal; text-align:center; color:#fff; font-size:24px; line-height:30px; padding-top:50px;}

.floor_ab{width:100%;overflow:hidden;min-width:1200px; background:#f7f4f4; padding-top: 30px;}
.con_top{width:100%; position:relative; margin:0 auto;overflow:hidden;}
.about_t{position:relative; width:100%;overflow:hidden;}
.floor_ab .a_cnt{width:100%;padding-top:16px;overflow:hidden;}
.floor_ab .a_cnt .c_img{width:600px;height:340px;overflow:hidden;float:left;}
.floor_ab .a_cnt .c_txt{width:570px;overflow:hidden;padding-left:30px;}
.floor_ab .a_cnt .c_txt .text{height:250px; display:block; word-break: break-all; overflow:hidden; font-size:14px; color:#444141; line-height:30px;}
.floor_ab .a_cnt .c_txt .more{overflow:hidden;margin-top:16px;float:left;}
.floor_ab .a_cnt .c_txt .more>a{display:block; text-decoration:none;height:36px;line-height:36px;padding:0 30px;border:1px solid #0072b0;border-radius:5px;font-size:14px;color:#0072b0;-moz-transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s;}
.floor_ab .a_cnt .c_txt .more>a:hover{background:#0072b0;color:#fff;-moz-transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s;}
.wrap{width:1200px;margin:0 auto;overflow:hidden;padding-top:14px;position:relative;padding-bottom:50px;}
.wrap_l{overflow:hidden;float:left;width:123px;height:129px;background:#0072b0;text-align:center;}
.wrap_l .name{overflow:hidden;margin-top:26px;line-height:30px;height:60px;font-size:24px;color:#ffffff;font-weight:bold;}
.wrap_l .line{height:20px;line-height:20px;font-size:14px;color:#c5c3c3;}
.wrap_b{width:1077px;z-index:9;position:relative;overflow:hidden;float:left;}
.wrap_b .inner{ width:18800px;}
.wrap_b .mian{ float:left; position:relative;}
.wrap_b .mian img{ width:100%; height:100%;border:none;}
.wrap_b .mian li{height:127px;width:177px;position:relative;float:left;overflow:hidden;margin-left:5px;border:1px solid #1f1710;}
.wrap_b .mian li .img{width:100%;height:100%;overflow:hidden;}
.wrap_r{width:62px;height:129px;overflow:hidden;position:absolute;top:14px;right:0;z-index:99;background:#0072b0;}
.wrap_r>a{display:block;width:25px;height:25px;margin:52px auto 0;font-size:0;background:url(https://1.rc.xiniu.com/rc/Contents/37246/images/index_12.png?d=20170923193538651) center no-repeat;}
.wrap_r:hover>a{-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);transform: rotateZ(360deg);-webkit-transition: -webkit-transform 1s ease-out;-moz-transition: -moz-transform 1s ease-out;-o-transition: -o-transform 1s ease-out;-ms-transition: -ms-transform 1s ease-out;}