.dede_pages {text-align: center; padding: 20px 0 40px; overflow: hidden; width: 100%;} .xiaocms-page a { font-size:14px; padding:8px 15px; margin-right:3px; color: #000; text-decoration: none; display: inline; border: 1px solid #EEE;} .xiaocms-page a:hover { color:#f00;text-decoration: underline;} .xiaocms-page span{ font-size:14px; padding:8px 15px; margin-right:3px; display: inline; color:#fff; background:#000;border: 1px solid #000;text-decoration: none;} .c_1170{ width:100%; position:relative; margin-top:20px;} .c_1170 .c_340{ width:340px; float: right;} .c_1170 .c_340 .c_340_head{ background:white; padding:20px 20px 24px 20px;} .c_1170 .c_340 .c_340_head .page{ width:100%; line-height:0;} .c_1170 .c_340 .c_340_head .bzzs{ width:100%; margin-top:20px;} .c_1170 .c_340 .c_340_head .bzzs .bzzs_tx{ width:68px; height:68px; float:left; line-height:0; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} .c_1170 .c_340 .c_340_head .bzzs .bzzs_right{ margin-left:78px;} .c_1170 .c_340 .c_340_head .bzzs .bzzs_right .bzzs_right_name{ width:100%; margin-top:10px; font-size:16px; color:#ff422e; line-height:27px; letter-spacing:1px; float:left;} .c_1170 .c_340 .c_340_head .bzzs .bzzs_right .bzzs_right_tab{ width:100%;} .c_1170 .c_340 .c_340_head .bzzs .bzzs_right .bzzs_right_tab span{ display:inline-block; vertical-align:top; margin-right:10px; font-size:12px; color:#98a6ad; line-height:24px;} .c_1170 .c_340 .c_340_head .bzzs .bzzs_right .bzzs_right_tab span img{ vertical-align:middle; margin:-3px 5px 0 0; height:13px;} .c_1170 .c_340 .c_340_head .bzzs .bzzs_right .bzzs_right_tab span i{ color:#32383e; display:inline-block; text-decoration:underline; font-style:normal;} .c_1170 .c_340 .c_340_head .lxbz{ width:100%; border-top:solid 1px #f1f3f4; margin-top:20px; padding:20px 20px 0 20px; height:54px;} .row_1{ margin:0 -20px;} .c_1170 .c_340 .c_340_head .lxbz a{ display:block; float:left; margin-right:9px; width:94px; height:34px; line-height:34px; font-size:14px; color:white; text-align:center; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; position: relative;} .c_1170 .c_340 .c_340_head .lxbz a img{ vertical-align:middle; margin:-3px 1px 0 0; width:23px;} .c_1170 .c_340 .c_340_head .lxbz a.a1{ background:#d71518;} .c_1170 .c_340 .c_340_head .lxbz a.a2{ background:#1676b5;} .c_1170 .c_340 .c_340_head .lxbz a.a2 span{ width:220px; display: none; position: absolute; top: -295px; left: -63px; z-index: 999; } .c_1170 .c_340 .c_340_head .lxbz a.a2 span img{width: 220px; box-shadow:0 3px 5px rgba(0,0,0,0.3);} .c_1170 .c_340 .c_340_head .lxbz a:hover.a2 span{ display: block; } .c_1170 .c_340 .c_340_head .lxbz a.a3{ background:#e99416; margin-right:0;} .c_1170 .c_340 .c_340_head .lxbz a:hover{ box-shadow:0 3px 5px rgba(0,0,0,0.3);} .c_1170 .c_340 .c_340_search{ width:100%; /*margin-top:20px; */padding-right:54px; position:relative;} .c_1170 .c_340 .c_340_search .c_340_search_k{ display:block; width:100%; height:46px; line-height:46px; padding-left:20px; font-size:14px; color:#888; background:white;} .c_1170 .c_340 .c_340_search .c_340_search_btn{ display:block; position:absolute; right:0; top:0; width:54px; height:46px; background:#292929 url(../images/top1.png) no-repeat center center; background-size:20px 20px; cursor:pointer;} .c_1170 .c_340 .c_340_body{ width:100%; margin-top:20px; background:white; float:left; padding-bottom:20px;} .c_1170 .c_340 .c_340_body .slideTxtBox{ width:100%; float:left;} .c_1170 .c_340 .c_340_body .slideTxtBox .hd{ width:100%; float:left;} .c_1170 .c_340 .c_340_body .slideTxtBox .hd li{ float:left; width:33.33%; text-align:center; padding:14px 10px 13px 10px; border-bottom:solid 1px #f1f3f4; line-height:0; cursor:pointer;} .c_1170 .c_340 .c_340_body .slideTxtBox .hd li img{ height:30px;} .c_1170 .c_340 .c_340_body .slideTxtBox .hd li.on{ border-color:#1676b5;} .c_1170 .c_340 .c_340_body .slideTxtBox .bd{ width:100%; float:left;} .c_1170 .c_340 .c_340_body .slideTxtBox .bd ul{ width:100%; padding:0 20px;} .c_1170 .c_340 .c_340_body .slideTxtBox .bd .name{ width:100%; padding-bottom:16px; border-bottom:solid 1px #f1f3f4; font-size:18px; color:#25292c; line-height:26px; margin-top:17px; letter-spacing:1px;} .c_1170 .c_340 .c_340_body .slideTxtBox .bd li{ width:100%; padding:0 20px;} .c_1170 .c_340 .c_340_body .slideTxtBox .bd li .title{ width:100%; padding-top:15px;} .c_1170 .c_340 .c_340_body .slideTxtBox .bd li .title a{ display:block; width:100%; font-size:16px; color:#464c51; line-height:29px; height:29px; letter-spacing:1px; text-align: left;} .c_1170 .c_340 .c_340_body .slideTxtBox .bd li .tab{ width:100%; margin-top:5px; padding-bottom:19px; border-bottom:solid 1px #f1f3f4;} .c_1170 .c_340 .c_340_body .slideTxtBox .bd li .tab span{ display:inline-block; vertical-align:top; margin-right:20px; font-size:12px; color:#98a6ad; line-height:15px; letter-spacing:1px;} .c_1170 .c_340 .c_340_body .slideTxtBox .bd li .tab span img{ vertical-align:middle; margin:-3px 5px 0 0; height:12px;} .c_1170 .c_340 .c_340_body .slideTxtBox .bd li:hover{ background:#fafafa;} .c_1170 .c_340 .c_340_body .slideTxtBox .bd li:hover .title a{ color:#d71518;} .c_1170 .c_340 .c_340_bottom{ width:100%; float:left; margin-top:20px; background:white; padding:15px 20px 20px 20px;} .c_1170 .c_340 .c_340_bottom .title{ width:100%; font-size:18px; color:#25292c; line-height:27px;} .row_2{ margin:0 -5px;} .c_1170 .c_340 .c_340_bottom ul{ width:100%; float:left; margin-top:5px;} .c_1170 .c_340 .c_340_bottom ul li{ margin:10px 5px 0 5px; float:left;} .c_1170 .c_340 .c_340_bottom ul li a{ display:block; float:left; padding:0 17px; height:35px; line-height:33px; border:solid 1px #e5e9eb; text-align:center; font-size:14px; color:#98a6ad; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px;} .c_1170 .c_340 .c_340_bottom ul li a:hover{ background:#d71518; color:white; border-color:#d71518;} .c_1170 .c_340 .c_340_bottom .c_340_bottom_btn{ width:100%; float:left; margin-top:10px; height:26px; line-height:26px; background:; color:#b0b0b0; font-size:14px; background:#f4f5f6; cursor:pointer; text-align:center; letter-spacing:1px; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px;} .c_1170 .c_340 .c_340_bottom .c_340_bottom_btn img{ vertical-align:middle; margin:-3px 7px 0 0; width:12px;} .c_1170 .c_340 .c_340_bottom .c_340_bottom_btn:hover{ background:#ddd;} .c_1170 .c_340 .c_340_bottom,.c_1170 .c_340 .c_340_body,.c_1170 .c_340 .c_340_search,.c_1170 .c_340 .c_340_head{ box-shadow:0 2px 3px rgba(0,0,0,0.03); -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px;} .c_1170 .c_800{ width:800px; float:left; overflow:hidden;} .c_1170 .c_800_1{ width:800px; float:left; margin-top:-20px;} .ul_1{ width:100%; float:left;} .ul_1 li{ width:100%; float:left; margin-top:20px; background:white; padding:20px; box-shadow:0 2px 3px rgba(0,0,0,0.03); overflow:hidden; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px;} .ul_1 li .img{ width:250px; float:left; line-height:0;} .ul_1 li .img img{ width:100%;} .ul_1 li .text{ margin-left:280px;} .ul_1 li .text .title{ width:100%; float:left; margin-top:7px;} .ul_1 li .text .title a{ display:block; font-size:20px; color:#464c51; line-height:26px; letter-spacing:1px; float:left;} .ul_1 li .text .title span{ display:inline-block; margin:3px 0 0 10px; padding:0 10px; height:20px; line-height:20px; text-align:center; background:#d71518; font-size:14px; color:white; text-shadow:0 1px 2px rgba(0,0,0,0.27); -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px;} .ul_1 li .text .p{ width:100%; float:left; margin-top:14px; font-size:14px; color:#7a8185; line-height:20px; letter-spacing:1px; height:60px; overflow:hidden;} .ul_1 li .text .p b{font-weight:normal; color:#d71518;} .ul_1 li .text .title b{font-weight:normal; color:#d71518;} .ul_1 li .text .tab{ width:100%; float:left; margin-top:16px; padding-top:15px; border-top:solid 1px #f1f3f4;} .ul_1 li .text .tab span{ display:block; float:left; vertical-align:top; margin-right:20px; font-size:12px; color:#98a6ad; line-height:21px; letter-spacing:1px;} .ul_1 li .text .tab span img{ vertical-align:middle; margin:-3px 5px 0 0; height:12px;} .ul_1 li .text .tab a{ display:block; float:right; padding:0 14px; height:21px; line-height:20px; font-size:12px; color:#98a6ad; background:#f3f8fb; margin-left:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px;} .ul_1 li .text .tab a:hover{ background:#1676b5; color:white;} .ul_1 li:hover{ background:#fafafa;} .ul_1 li:hover .text .title a{ color:#d71518;} .c_1170 .c_800_2{ width:800px; float:left; padding-bottom:26px;} .c_1170 .c_800_2 .c_800_2_head{ width:100%; float:left; background:white; padding:19px 20px 30px 20px; box-shadow:0 2px 3px rgba(0,0,0,0.03);-moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px;border-radius:6px;} .c_1170 .c_800_2 .c_800_2_head .title{ width:100%; float:left; border-bottom:solid 1px #f1f3f4; padding:0 20px 26px 20px;} .c_1170 .c_800_2 .c_800_2_head .title h4{ width:100%; float:left; font-size:24px; color:#464c51; line-height:43px; letter-spacing:1px; text-align: left; font-weight: normal;} .c_1170 .c_800_2 .c_800_2_head .title .tab{ width:100%; float:left; margin-top:6px; font-size:12px; color:#98a6ad; line-height:20px; letter-spacing:1px;} .c_1170 .c_800_2 .c_800_2_head .title .tab span{ display:inline-block; float:left; margin-right:22px;} .c_1170 .c_800_2 .c_800_2_head .title .tab span img{ vertical-align:middle; margin:-3px 4px 0 0; height:12px;} .c_1170 .c_800_2 .c_800_2_head .lxbz{ width:340px; margin: 32px auto 0; height:54px;} .row_1{ margin:0 -20px;} .c_1170 .c_800_2 .c_800_2_head .lxbz a{ display:block; float:left; margin-right:9px; width:94px; height:34px; line-height:34px; font-size:14px; color:white; text-align:center; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; position: relative;} .c_1170 .c_800_2 .c_800_2_head .lxbz a img{ vertical-align:middle; margin:-3px 1px 0 0; width:23px;} .c_1170 .c_800_2 .c_800_2_head .lxbz a.a1{ background:#d71518;} .c_1170 .c_800_2 .c_800_2_head .lxbz a.a2{ background:#1676b5;} .c_1170 .c_800_2 .c_800_2_head .lxbz a.a2 span{ width:220px; display: none; position: absolute; top:35px; left: -63px; z-index: 999; } .c_1170 .c_800_2 .c_800_2_head .lxbz a.a2 span img{width: 220px; box-shadow:0 3px 5px rgba(0,0,0,0.3);} .c_1170 .c_800_2 .c_800_2_head .lxbz a:hover.a2 span{ display: block; } .c_1170 .c_800_2 .c_800_2_head .lxbz a.a3{ background:#e99416; margin-right:0;} .c_1170 .c_800_2 .c_800_2_head .lxbz a:hover{ box-shadow:0 3px 5px rgba(0,0,0,0.3);} .c_1170 .c_800_2 .c_800_2_head .btn{ width:100%; float:left; text-align:center; margin-top:32px;} .c_1170 .c_800_2 .c_800_2_head .btn .bdsharebuttonbox{ display:inline-block; vertical-align:top;} .c_1170 .c_800_2 .c_800_2_head .btn a{ display:inline-block; vertical-align:top; width:110px; height:36px; line-height:36px; font-size:14px; color:#fff; margin:0 5px;-moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px;border-radius:6px;} .c_1170 .c_800_2 .c_800_2_head .btn .bdsharebuttonbox a{ padding-left:0 !important;} .c_1170 .c_800_2 .c_800_2_head .btn a i{ display:inline-block; width:23px; height:23px; vertical-align:middle; margin:-3px 4px 0 0; background-repeat:no-repeat; background-position:center; background-size:contain;} .c_1170 .c_800_2 .c_800_2_head .btn a.a1 i{ background-image:url(../images/ny6.png);} .c_1170 .c_800_2 .c_800_2_head .btn a.a2 i{ background-image:url(../images/ny7.png);} .c_1170 .c_800_2 .c_800_2_head .btn a.a3 i{ background-image:url(../images/ny8.png);} /*.c_1170 .c_800_2 .c_800_2_head .btn a.a1:hover i{ background-image:url(images/ny6_h.png);} .c_1170 .c_800_2 .c_800_2_head .btn a.a2:hover i{ background-image:url(images/ny7_h.png);} .c_1170 .c_800_2 .c_800_2_head .btn a.a3:hover i{ background-image:url(images/ny8_h.png);} */.c_1170 .c_800_2 .c_800_2_head .btn a.a1{ background:#d71518;} .c_1170 .c_800_2 .c_800_2_head .btn a.a2{ background:#1676b5;} .c_1170 .c_800_2 .c_800_2_head .btn a.a3{ background:#e99416;} .c_1170 .c_800_2 .c_800_2_head .btn a:hover{ box-shadow:0 3px 5px rgba(0,0,0,0.3);} .c_1170 .c_800_2 .c_800_2_head .p{ width:100%; float:left; margin-top:22px; font-size:14px; color:#7a8185; line-height:28px; letter-spacing:1px;} /*.c_1170 .c_800_2 .c_800_2_head .p img{ margin:24px auto 30px auto; float:none; display:block;} */.c_1170 .c_800_2 .c_800_2_head .beiz{ width:100%; float:left; margin-top:20px; background:#f1f3f4; padding:14px 23px 16px 23px; font-size:14px; color:#7a8185; line-height:24px; letter-spacing:1px;-moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px;border-radius:6px;} .c_1170 .c_800_2 .c_800_2_head .wzfy{ width:100%; float:left; margin-top:20px; border-top:solid 1px #f1f3f4; border-bottom:solid 1px #f1f3f4;} .c_1170 .c_800_2 .c_800_2_head .wzfy .wzfy_title{ width:42%; float:left; font-size:14px; color:#8b8b8b; line-height:52px;} .c_1170 .c_800_2 .c_800_2_head .wzfy .wzfy_title a{ display:inline-block; max-width:80%; color:#464c51; vertical-align:top; padding:0 8px;} .c_1170 .c_800_2 .c_800_2_head .wzfy .wzfy_title a:hover{ color:#d71518;} .c_1170 .c_800_2 .c_800_2_head .wzfy .wzfy_title_left{ border-right:1px solid #f1f3f4;} .c_1170 .c_800_2 .c_800_2_head .wzfy .wzfy_title_right{ border-left:1px solid #f1f3f4; text-align:right;} .c_1170 .c_800_2 .c_800_2_head .wzfy .wzfy_return{ display:block; width:16%; float:left; text-align:center; font-size:14px; color:#888; line-height:52px; height:52px; overflow:hidden;} .c_1170 .c_800_2 .c_800_2_head .wzfy .wzfy_return img{ vertical-align:middle; margin:-3px 10px 0 0; height:13px;} .c_1170 .c_800_2 .c_800_2_head .wzfy .wzfy_return:hover{ background-color:#d71518; color:white;} .c_1170 .c_800_2 .c_800_2_body{ width:100%; float:left; margin-top:20px;} .c_1170 .c_800_2 .c_800_2_down{ width:100%; float:left; background:white; overflow:hidden; margin-top:20px; padding:14px 20px 20px 20px; box-shadow:0 2px 3px rgba(0,0,0,0.03);-moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px;border-radius:6px;} .c_1170 .c_800_2 .c_800_2_down .title{ width:100%; float:left; font-size:18px; color:#25292c; line-height:28px; letter-spacing:1px;} .c_1170 .c_800_2 .c_800_2_down ul{ width:100%; float:left; margin-top:14px;} .c_1170 .c_800_2 .c_800_2_down ul li{ width:50%; float:left; padding:0 15px;} .c_1170 .c_800_2 .c_800_2_down ul li a{ display:block; width:100%; float:left; border-bottom:solid 1px #e7e8e8; height:39px; font-size:14px; line-height:38px; color:#464c51;} .c_1170 .c_800_2 .c_800_2_down ul li a:hover{ color:#d71518;} .containeras { width: 1170px; margin: 0 auto;} .containeras-fluid {margin-right: auto;margin-left: auto;} .containeras:before,.containeras:after,.containeras-fluid:before,.containeras-fluid:after, {display: table;content: " ";} .containeras:after,.containeras-fluid:after, {clear: both;} html{overflow-y: scroll;height:100%;} html,body{min-width:1300px;} * {margin: 0;padding: 0;box-sizing: border-box;} html,body {font-family: -apple-system, Helvetica Neue, Arial, PingFang SC, lucida grande, lucida sans unicode, lucida, helvetica, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, sans-serif;font-size: .20rem;} a {color: #333;} a,a:hover,a:active,a:visited,a:link,a:focus {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-tap-highlight-color: transparent;outline: none;background: none;text-decoration: none;} li {list-style: none;} img {border: 0;} em,b {font-weight: normal;font-style: normal;} .blue {color: #0085e2 !important;} .fl {float: left;} .fr {float: right;} .navsecondlist {width: 100%;position: absolute;top: 100px;padding-bottom: 80px;left: 0;background: #202634;color: #9397a0;padding-top: 50px;z-index: 9999;} .navsecondlistbox {width: 1200px;font-size: 16px;overflow: hidden;margin: 0 auto;} .navsecondlistbox li {width: 220px;height: 80px;padding: 20px 30px 0;background: #2d303f;margin-top: 20px;margin-right: 20px;float: left;} .navsecondlistbox h4 {font-size: 16px;color: #fff;} .navsecondlistbox div {font-size: 12px;color: #b1b3b2;padding-top: 5px;} .navsecondlistbox em {color: #b25d26;display: inline-block;padding-left: 5px;font-size: 10px;} .topp{ width: 100%; min-width: 1300px; position: absolute; top: 0; height: 101px; display: block; z-index: 2; background: #252b3b; } .top{ width: 100%; min-width: 1300px; position: absolute; top: 0; height: 101px; display: block; z-index: 2; } .nav_fix { position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; height: 101px; background: rgba(0,0,0,0.6); } .header {background: none;height: 50px;padding: 7px 40px;overflow: hidden;border-bottom: 1px solid #343a48;} .headerleft img {margin: 7px 0; width: 65%;display: block;transition: all 1s;} .headerleft img:hover {opacity: 0.9;transform: scale(0.95);} .headerleft {} .nav {padding: 0 40px;/* margin-top: 15px; */line-height: 50px;position: relative;height: 50px;} .nav .znv a {font-size: 14px;color: #fff;padding: 0 10px;float: left;display: inline-block;} .nav .navsecondlist {position: absolute;width: 100%;top: 50px;left: 0px;} .nav .znv a:hover {color: red;} .nav img {vertical-align: middle;margin-left: 3px;} .nav .navsecondlist {width: 100%;display: none;position: absolute;top: 50px;padding-bottom: 80px;left: 0;background: #202634;color: #9397a0;padding-top: 42px;z-index: 9999;} .nav .navsecondlistbox {width: 1200px;font-size: 16px;overflow: hidden;margin: 0 auto;} .nav .navsecondlistbox li {width: 220px;height: 80px;padding: 20px 30px 0;background: #2d303f;margin-top: 20px;margin-right: 20px;float: left;} .nav .navsecondlistbox li:hover {background:#ff422e; } .nav .navsecondlistbox li:hover div {color: #fff;} .nav .navsecondlistbox li:hover em{color: #fff;} .nav .navsecondlistbox h4 {font-size: 16px;color: #fff;line-height: normal;} .nav .navsecondlistbox div {font-size: 12px;color: #b1b3b2;line-height: normal;padding-top: 5px;} .nav .navsecondlistbox em {color: red;display: inline-block;padding-left: 5px;font-size: 10px;} .addbj {background: #252b3b;} .headerright a {color: #fff;font-size: 14px;display: inline-block;margin: 0 8px;margin-top: 5px;line-height: 26px;padding: 0px 8px;} .headerright a:hover {background: #ff422e;} .bannertext {width: 1200px;margin: 0 auto; padding-top: 101px;} .bannertext p {font-size: 52px;color: #fff;padding-top: 150px;} .bannertext div {font-size: 22px;color: #FFF;padding-bottom: 40px;padding-top: 10px;} .bannertext a {color: #fff;font-size: 15px;border: 1px solid #fff;padding: 8px 40px;} .bannertext a:hover {background: #ff422e;border: 1px solid #ff422e;} .bannerbox {position: absolute;top: 0px;width: 100%;z-index: -1;} .bannernav {margin: 0 auto;position: absolute;bottom: 0px;width: 100%;min-width: 1200px;background: url(../images/bjd.png) repeat;} .bannernav span {width: 40px;height: 40px; display: inline-block;} .bannernav .banenrnavlist:nth-child(1) span {background:url(../images/icon_index_ban01.png) no-repeat center;} .bannernav .banenrnavlist:nth-child(2) span {background:url(../images/icon_index_ban02.png) no-repeat center;} .bannernav .banenrnavlist:nth-child(3) span {background:url(../images/icon_index_ban03.png) no-repeat center;} .bannernav .banenrnavlist:nth-child(4) span {background:url(../images/icon_index_ban04.png) no-repeat center;} .banenrnavlist {width: 300px;cursor: pointer;padding: 27px 20px;border-left: 1px solid #252628;} .banenrnavlist:first-child {border: none;} .banenrnavlist:hover {background: #1b1b1b;opacity: 0.9;} .banenrnavlist p {font-size: 12px;color: #c1c1c1;line-height: 1.5em;} .banenrnavlist h3{margin-bottom: 12px} .banenrnavlist div {padding-left: 20px;width: 218px;font-size: 16px;color: #fff;} .bannernavbox {width: 1200px;margin: 0 auto;height: 95px;} .pagetitle {font-size: 25px;text-align: center;min-width: 1200px;margin: 0 auto;} .pagetitle div {color: #000000;font-size: 14px;margin-top: 10px;font-weight: 400;} .webbox {width: 1200px;margin: 0 auto; overflow: hidden;} .webbox div {width: 20%;text-align: center;font-size: 16px;cursor: pointer;} .webbox span {display: block;margin: 0 auto;width: 51px;height: 51px; padding: 30px 0px;} .webbox div:nth-child(1) span {background:url(../images/icon_index_top1.png) no-repeat center; } .webbox div:nth-child(2) span {background:url(../images/icon_index_top2.png) no-repeat center; } .webbox div:nth-child(3) span {background:url(../images/icon_index_top3.png) no-repeat center; } .webbox div:nth-child(4) span {background:url(../images/icon_index_top4.png) no-repeat center; } .webbox div:nth-child(5) span {background:url(../images/icon_index_top5.png) no-repeat center; } .webbox a {display: inline-block;display: inline-block;border-bottom: 3px solid #fff;padding: 10px 10px 25px;} .webbox div:hover a {border-bottom: 3px solid #ff422e;color: #ff422e;} .webconetent {width: 1200px;margin: 0 auto;background: #f7f8fa;height: 316px;} .webconetent .webcl {width: 450px;padding: 40px;height: 316px;background: url(../images/t.jpg) right center no-repeat;} .webcl p {font-size: 18px;color: #313131;padding-top: 50px;} .webcl p span {border: 1px solid #ff422e;color: #ff422e;font-size: 10px;padding: 2px;vertical-align: middle;display: inline-block;} .webcl div {padding-top: 20px;font-size: 14px;color: #949597;line-height: 26px;} .webcl div span {color: #000;} .webcl a {float: right;color: #949597;} .webcl a:hover {color: #000;} .webcr {width: 750px;background: url(../images/b.jpg) no-repeat center center;height: 316px;} .webcrbox {width: 750px;height: 316px;padding: 50px 0;background: url(../images/t.jpg) center center no-repeat;} .webcrbox .webinfo {width: 50%;padding: 0 50px 0;font-size: 14px;margin-bottom: 50px;color: #858688;} .webcrbox .webinfo h3 {font-size: 16px;color: #000;padding-bottom: 15px;} .webcrbox .webinfo p {line-height: 23px;} .business div:hover a {border: none;} .business span {display: block;margin: 0 auto;width: 51px;height: 51px; padding: 30px 0px;} .business div:nth-child(6) span {background:url(../images/icon_index_top6.png) no-repeat center; } .business div:nth-child(2) span {background:url(../images/icon_index_top7.png) no-repeat center; } .business div:nth-child(3) span {background:url(../images/icon_index_top8.png) no-repeat center; } .business div:nth-child(4) span {background:url(../images/icon_index_top9.png) no-repeat center; } .business div:nth-child(5) span {background:url(../images/icon_index_top10.png) no-repeat center; } .scheme {position: relative;color: #fff;min-width: 1200px;height: 598px;background: url(../images/jiejuefangan-education.jpg) no-repeat center top;margin-top: 30px;} .scheme img {width: 100%;} .schemelist {position: absolute;top: 0px;width: 100%;} .schemebox {width: 1200px;margin: 0 auto;} .schemebox ul {font-size: 16px;padding: 29px 0;background: rgba(0, 0, 0, 0.7);} .schemebox ul p {color: #8c8c8c;font-size: 14px;padding-top: 10px;} .schemebox ul li {width: 230px;height: 90px;padding-top: 20px;padding-left: 30px;cursor: pointer;/**background-image:url(../images/d.jpg) ;*/background-repeat: repeat-x;background-position: left bottom;/*border-bottom: 1px solid #8c8c8c;*/border-bottom: 1px solid #272727;} .schemebox ul li:last-child {background-image: none;} .schemebox ul li.sel {background: -webkit-linear-gradient(left, #00a0fe 0%, #0a64ff 100%);background: linear-gradient(to right, #00a0fe 0%, #0a64ff 100%);} .schemebox ul li.sel p {color: #fff;} .schemecontent {padding-left: 150px;width: 900px;padding-top: 90px;} .schemecontent h3 {font-size: 23px;} .schemecontent p {color: #ececec;font-size: 14px;padding: 25px 0;line-height: 26px;} .schemecontent .more a {display: inline-block;border: 1px solid #c0c0c0;color: #c0c0c0;padding: 5px 40px;font-size: 14px;} .schemecontent .more {padding-bottom: 45px;margin-bottom: 50px;border-bottom: 1px dashed #c0c0c0;} .schemecontent .more a:hover {background: #007AFF;border: 1px solid #007AFF;color: #FFF;} .caseimg {padding-top: 30px;} .caseimg a {float: left;width: 166px;height: 100px;overflow: hidden;margin-right: 30px;} .caseimg img {width: 166px;height: 100px;margin-right: 30px;cursor: pointer;transition: all 0.6s;} .caseimg img:hover {transform: scale(1.2);} .processlist {width: 380px;height: 480px;overflow: hidden;border: 1px solid #f9f9f9;background: #fbfbfb;} .assessment_process {width: 1200px;margin: 0 auto;} .processlist img {width: 378px;height: 230px;cursor: pointer;transition: all 0.6s;} .imgp {width: 378px;height: 230px;overflow: hidden;} .processlist h3 {color: #363636;font-size: 20px;text-align: center;padding-top: 35px} .processlist .textp {padding: 0 26px;color: #858585;padding-top: 25px;font-size: 14px;line-height: 24px;isplay: -webkit-box;-webkit-box-orient;text-overflow: ellipsis;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} .processlist {margin: 0 10px;} .processlist p {text-align: right;padding-right: 25px;padding-top: 35px;} .processlist p a {color: #178cec;font-size: 14px;} .processlist p a:hover {color: #000;} .processlist p span:hover {color: #000;} .assessment_process {padding-top: 50px;overflow: hidden;padding-bottom: 70px;} .processlist span {display: inline-block;vertical-align: middle;width: 16px;margin-left: 10px;height: 16px;background: url(../images/tubiao.png) -378px -10px no-repeat;} .processlist:hover {-moz-box-shadow: -1px 10px 15px #B3B3B3;-webkit-box-shadow: -1px 10px 15px #B3B3B3;box-shadow: 5px 5px 10px #ccc;} .processlist:hover img {transform: scale(1.1);} .develop {min-width: 1200px;background: url(../images/youshi-background.jpg) no-repeat center top;height: 613px;} .developbox {width: 1200px;margin: 0 auto;margin-top: 60px;} .developlist {width: 392px;height: 345px;background: #fff;margin: 0 4px;cursor: pointer;} .developbox .sel .develop1 {display: block;} .develop1 {top: 0;left: 0;width: 100%;height: 100%;} .develop1 {padding-top: 90px;} .develop1 strong {font-size: 44px;color: #1c2d47;text-align: center;padding: 10px 0 0;display: block;} .develop1 p {font-size: 24px;color: #2e2e2e;text-align: center;padding: 0px 0;display: block;} .developlist .develop1 span {display: block;margin: 0 auto;width: 72px;height: 68px;background: url(../images/tubiao.png);background-position: -356px -32px;} .developlist:nth-child(2) .develop1 span {background-position: -443px -32px;} .developlist:nth-child(3) .develop1 span {background-position: -537px -32px;} .develop2 {display: none;background: #ff422e;height: 100%;width: 100%;padding-top: 35px;color: #fff;text-align: center;} .developlist:hover .develop2 {display: block;} .developlist:hover .develop1 {display: none;} .develop2 h3 {text-align: center;font-size: 42px;color: #fff;} .develop2 div {font-size: 24px;} .develop2 p {font-size: 14px;padding: 25px 30px;text-align: left;} .develop2 a {font-size: 16px;color: #fff;width: 150px;display: block;height: 40px;line-height: 40px;text-align: center;margin: 0 auto;margin-top: 20px;border: 1px solid #fff;} .develop2 a:hover {color: #ff422e;border: 1px solid #FFF;background: #FFF;} .superiority {height: 640px;min-width: 1200px;position: relative; } .superioritybox { } #demo {background: #FFF;overflow: hidden;width: 100%;height: 640px;position: absolute;top: 0px;z-index: -1;} #demo img {display: block;} #indemo {height: 8000%;} #indemo a {display: block;min-width: 1200px;height: 677px;} .superiority {position: relative;} .superioritylist {width: 1200px;margin: 0 auto;text-align: center;} .superioritylist table {width: 100%;background: #fff;} .superioritylist span {display: block;width: 56px;height: 52px;margin: 0 auto;margin-top: 56px;background: url(../images/tubiao.png) no-repeat -71px -133px;} .superioritylist td:nth-child(2) span {background-position: -144px -133px;} .superioritylist td:nth-child(3) span {background-position: -213px -133px;} .superioritylist td:nth-child(4) span {background-position: -286px -133px;} .superioritylist h3 {font-size: 18px;padding: 30px 0;} .superioritylist p {text-align: left;font-size: 14px;color: #737373;padding: 0 30px;padding-bottom: 70px;line-height: 24px;text-indent: 2em;} .superioritylist p a {color: #ff422e;} .superioritylist p a:hover {color: #296bce;} .superioritylist td {border: 1px solid #e6e6e6;width: 25%;} .superioritylist td:hover {/***border: 1px solid #cacaca;**/background: #fbfbfb;} .problem {width: 1200px;margin: 0 auto;padding-top: 70px;overflow: hidden;} .problemllist {position: relative;width: 380px;margin: 0 10px;} .problemllist .jb {position: absolute;background: #ff422e;text-align: center;right: 20px;top: -13px;width: 86px;height: 35px;font-size: 14px;z-index: 2;line-height: 35px;color: #fff;} .proimg img {display: block;cursor: pointer;transition: all 0.6s;} .proimg a:hover img {transform: scale(1.1);} .proimg a {display: block;width: 380px;height: 183px;overflow: hidden;position: relative;} .proimg a div {position: absolute;bottom: 0px;width: 100%;height: 40px;line-height: 40px;text-align: center;font-size: 14px;background: url(../images/bjd.png) repeat;color: #fff;} .prolist {padding: 10px 0px;} .prolist a {display: block;font-size: 14px;color: #313131;padding: 2px 10px 2px 0;} .prolist a:hover {color: #ff422e;} .config { background: #f7f8fa; width: 100%;margin: 0 auto; display: block; position: relative;} .cofigimg {text-align: center;margin-top: 70px;} .getcofig {min-width: 1200px;margin: 0 auto;padding-top: 30px;padding-bottom: 33px;background: url(../images/zixun-background.jpg) no-repeat center top;} .getcofig a {display: block;width: 150px;line-height: 40px;text-align: center;margin: 0 auto;color: #fff;margin-top: 30px;font-size: 16px;background: #ff422e;} .getcofig a:hover {background: #0072ff;color: #FFF;} .footer {background: #1e2028;min-width: 1200px;margin: 0 auto;color: #fff;} .footertop {width: 1200px;margin: 0 auto;overflow: hidden;} .footertop {padding: 60px 0;padding-bottom: 30px;} .tel {font-size: 16px;background: url(../images/telbj.jpg) no-repeat left center;padding-left: 30px;} .telnum {padding-left: 30px;padding-bottom: 15px;padding-top: 20px;} .footertopl p {letter-spacing: 1px;font-size: 14px;line-height: 1.5em;margin-top: 15px;color: rgba(255,255,255,.6);} .footertopl p span{font-size: 20px; color:#ff422e;font-weight: 900;} .footertopl {border-right: 1px solid #444549;font-size: 16px;padding-right: 50px;width: 30%;} .footertopl p img{margin-right: 10px;} .footertopr{width: 65%;margin-left: 5%;} .footertopr ul {width: 16.66%;} .footertopl p.btn_p{line-height: 2.2em;color: rgba(255,255,255,.9);} .footertopr a {color: #fff;font-size: 14px;display: block;color: #a0a1a3;line-height: 26px;} .footertopr a:hover {color: #FFF;} .footerm {width: 1200px;margin: 0 auto;border-bottom: 1px solid #414246;font-size: 14px;padding-bottom: 20px;} .footertitle {font-size: 16px;padding-bottom: 10px;} .footerm a {display: inline-block;margin: 0 9px;color: #a0a1a3;font-size: 14px;} .footerm a:hover {color: #FFF;} .footrb {width: 1200px;text-align: center;margin: 0 auto;line-height: 55px;color: #a6a7a9; font-size: 14px;} .main{background: #fff;} .headerright .top_a{ color: #fff;font-size: 14px;display: inline-block;margin: 0 8px;margin-top: 5px;line-height: 26px;padding: 0px 8px;} .code img{width:65%;} /*立即咨询*/.ready {background: url(../images/zs_zsbg.jpg) 50% no-repeat;background-size: cover;height: 136px;} .ready div.content {overflow: hidden;} .ready div.content div.left {float: left;width: 970px;padding: 45px 0;} .ready div.content div.left .span1 {width: 380px;text-align: center;} .ready div.content div.left span { color: #fff;font-size: 24px;float: left;text-align: center;margin-top: 7px;} .ready div.content div.left a {float: left;color: #fff;display: block;width: 150px;height: 40px;text-align: center;line-height: 40px;border: 1px solid #fff;border-radius: 20px;font-size: 14px;} .ready div.content div.left a.btn1:hover {background-color: #0777b6;border: 1px solid #0777b6;} .ready div.content div.left a.btn2:hover {background-color: #febe33;border: 1px solid #febe33;} .ready div.content div.left .span2, .ready div.content div.left .span3 {width: 130px;} .ready div.content div.right {float: right;width: 218px;padding-top: 24px;} .wrapper {width: 1200px;margin-left: auto;margin-right: auto;} .pz_main{ width:100%; overflow:hidden; background:#f1f3f4; min-height:860px;} .headline{ background:white; width:100%; border-bottom:solid 1px #dee5e7; font-size:14px; color:#8c959d; line-height:41px;} .headline a{ color:#8c959d;} .container { width: 1170px; margin: 0 auto;} input,select,textarea{ margin:0; padding:0; border:0; outline:none; -moz-border-radius:0px; -webkit-border-radius:0; -khtml-border-radius:0; border-radius:0; } .pz_top{ float:left; width:100%; position:relative; z-index:99; background:#23282d;} .pz_down{ float:left; width:100%; background:#23282d;} /*首页*/ .topnav{ height:100px;} .topnav .logo{ height:51px; float:left; margin-top:25px;} .topnav .logo img{ height:100%; float:left;} .topnav .top_r{ float:right; margin-left:30px;} .search_btn{ width:16px; height:100px; float:right; position:relative;} .search_btn .search_ico{ width:16px; height:16px; background:url(images/top1.png) no-repeat center center; background-size:contain; cursor:pointer; margin-top:42px;} .search{ width:340px; height:50px; background:white; background:rgba(255,255,255,0.8); position:absolute; right:0; top:100%; border:solid 5px rgb(255, 66, 46); display:none; padding-right:50px;} .search .search_k{ display:block; width:100%; height:40px; line-height:40px; padding-left:10px; font-size:14px; color:rgb(255, 66, 46); background:none; float:left;} .search .search_b{ display:block; width:50px; height:20px; line-height:20px; position:absolute; right:0; top:0; margin-top:10px; font-size:14px; color:rgb(255, 66, 46); border-left:solid 1px rgb(255, 66, 46); background:none;} .menu{ z-index:99; float:right; background:url(images/top3.png) no-repeat right center; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} .menu > ul{ float:left; width:100%;} .menu ul .nli{ float:left; z-index:99; text-align:center; position:relative; margin-right:30px;} .menu ul .nli span{ display:block; width:100%; float:left; position:relative;} .menu ul .nli span > a{ display:block; padding:0 10px; float:left; height:100px; line-height:100px; color:#aab3bc; font-size:16px; letter-spacing:1px;} .menu ul .nli.on span > a, .menu ul .nli:hover span > a{ color: rgb(255, 66, 46);} .menu ul .nli a:before{ content:''; display:block; position:absolute; left:50%; background:rgb(255, 66, 46); width:0px; height:3px; bottom:1px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} .menu ul .nli:hover span > a:before,.menu ul .nli.on span > a:before{ left:0px; width:100%;} /*menu下拉*/ .sub{ width:180px; position:absolute; left:50%; top:100%; margin-left:-90px; display:none; overflow:hidden;} .sub .l1{ width:100%; float:left; margin-top:1px;background:#23282d;} .sub .l1 a{ display:block; width:100%; font-size:16px; color:white; line-height:44px;} .sub .l1:hover a{ background:rgb(255, 66, 46);} .elli{ white-space: nowrap; overflow:hidden; text-overflow:ellipsis;} .pf_menu{ position:absolute; width:166px; right:-166px; top:50px; display:block; padding:15px 2% 18px 2%; background:#23282d; z-index: 98; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} .pf_menu.on{ right:0;} .ph_menu{ float:left; width:100%; text-align:center; max-height:708px; overflow-y:auto;} .ph_menu .nav_box{ width:100%; float:left;} .ph_menu .nli{ float:left; width:100%; margin-top:5px;} .ph_menu .nli .l1_a span{ display:inline-block; *zoom:1; *display:inline; padding:0 20px; position:relative;} .ph_menu .nli:active .l1_a{ background:#c91416;} .ph_menu .nli .l1_a{ float:left; width:100%; color:#fff; font-size:16px; line-height:45px; text-align:center; position: relative;} .ph_menu .nli .l2_ul{ display:none; height:auto; float:left; width:100%; padding: 3px 0 0 0;} .ph_menu .nli .l2_ul li{ width:100%; float:left; text-align:center; margin-top:6px;} .ph_menu .nli .l2_ul li a{ display:inline-block; *zoom:1; *display:inline; width:120px; height:25px; border:solid 1px white; font-size:14px; color:white; line-height:23px; opacity:0.8; -moz-border-radius:13px; -webkit-border-radius:13px; -khtml-border-radius:13px; border-radius:13px;} .ph_menu .nli .l2_ul li a:active{ opacity:1;} .headline{ background:white; width:100%; border-bottom:solid 1px #dee5e7; font-size:14px; color:#8c959d; line-height:41px;} .headline a{ color:#8c959d;} .headline span{ margin:0 7px;} .headline img{ vertical-align:middle; margin:-3px 10px 0 0; width:10px;} .headline a:hover{ color:rgb(255, 66, 46);} /*footer*/ .footer{ width:100%; float:left; padding:17px 0 18px 0;} .footer .flink{ width:100%; float:left; padding-left:75px; position:relative;} .footer .flink .name{ width:75px; position:absolute; left:0; top:0; font-size:14px; color:#98a6ad; line-height:29px; opacity:0.56;} .footer .flink .flink_lab{ width:100%; float:left; height:29px; overflow:hidden; padding-right:30px; position:relative;} .footer .flink .flink_lab.on{ height:auto;} .footer .flink .flink_lab .btn{ width:30px; height:30px; position:absolute; right:0; top:0; background:url(images/footer1.png) no-repeat center center; background-size:8px auto; cursor:pointer; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} .footer .flink .flink_lab .btn:hover{ background-color:rgb(255, 66, 46);} .footer .flink .flink_lab a{ display:block; float:left; margin-right:10px; font-size:14px; color:#98a6ad; line-height:29px; opacity:0.56;} .footer .flink .flink_lab a:hover{ opacity:1; color:white;} .footer .p{ width:100%; float:left; font-size:14px; color:#98a6ad; line-height:29px; opacity:0.56;} .footer .p a{ display:inline-block; vertical-align:top; color:#98a6ad;} .footer .p span{ vertical-align:top; margin:0 10px; } .footer .p a:hover{ opacity:1; color:white;} @media screen and (max-width:991px) { .footer .flink{ padding-left:65px;} .footer .flink .name{ width:65px; font-size:12px; line-height:25px;} .footer .flink .flink_lab{ height:25px; padding-right:25px;} .footer .flink .flink_lab .btn{ width:25px; height:25px;} .footer .flink .flink_lab a{ font-size:12px; line-height:25px;} .footer .p{ font-size:12px; line-height:25px;} .footer .p span{ margin:0 6px; } } @media screen and (max-width:767px) { .footer{ padding:12px 10px 13px 10px;} .footer .p{ text-align:center;} .headline{ font-size:12px; line-height:36px; padding:0 10px;} .headline span{ margin:0 5px;} .headline img{ margin:-3px 6px 0 0; width:8px;} } /*分页*/ .waik_1{ width:100%; float:left; padding:32px 0; text-align:center;} .pz_fy{ display:inline-block; vertical-align:top;}/*分页浮左或者浮右，修改此处即可。例：text-align:left;*/ .pz_fy a { display:block; float:left; padding:0 13px; height:30px; line-height:28px; background:#fff; COLOR: #337ab7; font-size:12px; border:solid 1px #dee5e7;text-decoration:none; text-align: center; margin-left:-1px;} .pz_fy a:hover,.pz_fy a.on{ color: #fff; background-color:#337ab7; text-decoration:none;}/*鼠标经过和默认当前页样式*/ .pz_fy input{float:left; padding: 0 7px; margin-left:10px; width:100px; text-align:center; height: 30px; line-height:30px; background:#fff; font-size:12px; COLOR: #337ab7;} .pz_fy span{float:left; width:46px; height:30px; text-align:center; line-height:30px; COLOR: #fff; font-size: 12px; background:#999; cursor:pointer;} .fy_phone{ display:none;} @media screen and (max-width:767px){ .waik_1{ padding:22px 0;} .fy_phone{ display:block; } .fy_phone{ width:100%; float:left; text-align:center; font-size:14px; color:#333;} .fy_phone a{ display:inline-block; width:85px; height:30px; line-height:29px; border:solid 1px #c91416; color:#c91416; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; } .fy_phone select{display:inline-block; padding: 0 7px; margin-left:15px; height: 30px; background:#fff; font-size:12px; COLOR: #337ab7; border:solid 1px #dee5e7;} .fy_phone span{ display:inline-block; padding:0 15px; height:30px; line-height:30px; color:#333;} .fy_phone input{display:inline-block; padding: 0 7px; margin-left:10px; width:60px; text-align:center; height: 30px; line-height:30px; background:#fff; font-size:12px; COLOR: #337ab7;} .fy_phone #fy_button1{display:inline-block; height:30px; text-align:center; line-height:30px; COLOR: #fff; font-size: 12px; background:#999; cursor:pointer;} .fy_phone div{padding-top:10px;} } .sitemap{ width:100%;float:left;} .sitemap li{border-bottom:1px dashed #d2d2d2; padding:7px 0; float:left; line-height:40px;width:98%; padding-left:2%; } .sitemap li a{ margin-right:10px;font-size:12px; float:left; white-space: nowrap; font-size:14px;} .sitemap li a:hover{color:rgb(255, 66, 46);} .sitemap li .font16{ font-size:16px; /*color:#135fb1*/} .sitemap li .font14{font-size:14px; } .sitemap li .font12{ font-size:12px; color:#999} .ul_3{ width:100%; float:left;} .ul_3 li{ width:100%; float:left; background:#fff; padding:10px 10px 10px 70px; position:relative; border:solid 1px #eaeaea; margin-top:19px; height:70px;} .ul_3 li .ico{ width:70px; height:70px; position:absolute; left:0; top:-1px; background:url(images/ico8_3.png) no-repeat center center; text-align:center; padding:18px 0 0 0; background-size:contain; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .ul_3 li .ico img{ height:18px;} .ul_3 li .ico h6{ width:100%; font-size:12px; line-height:18px; margin-top:4px; text-transform:uppercase; color:white;} .ul_3 li .time{ width:20.73%; float:left; text-align:center; line-height:48px; font-size:12px; color:#888; border-right:solid 1px #d9d9d9;} .ul_3 li .time img{ vertical-align:middle; margin:-2px 6px 0 0; width:12px;} .ul_3 li .p{ margin-left:20.73%; padding-left:40px; font-size:14px; color:#555; line-height:48px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .ul_3 li:hover{background:#fafafa;} .ul_3 li:hover .ico{ background-image:url(images/ico8_3_h.png);} .ul_3 li:hover .p{ color:#d32329;} @media screen and (max-width:767px) { .ul_3{ margin-top:-10px;} .ul_3 li{ padding:5px 5px 5px 50px; margin-top:10px; height:50px;} .ul_3 li .ico{ width:50px; height:50px; padding:6px 0 0 0;} .ul_3 li .ico img{ height:12px;} .ul_3 li .ico h6{ line-height:14px; margin-top:4px;} .ul_3 li .time{ display:none;} .ul_3 li .p{ margin-left:0; padding-left:10px; font-size:12px; line-height:38px;} } @media screen and (max-device-width: 320px){body{-webkit-text-size-adjust:none}} @media screen and (max-device-width: 480px){body{-webkit-text-size-adjust:none}} @media only screen and (-webkit-min-device-pixel-ratio: 2){body{-webkit-text-size-adjust:none}} @media only screen and (min-device-width: 768px) and (max-device-width: 1243px){body{-webkit-text-size-adjust:none}} .title { text-align: center; } .title h2 { font-size: 25px; font-weight: normal; color: #fff; margin-top: 55px; margin-bottom: 30px; } .title h3 { font-size: 14px; font-weight: normal; color: #a1a6ab; margin-bottom: 45px; } .index_1200{ width: 1200px; margin: 0 auto; position: relative; } .index_industry { background: url(../images/dianshang.jpg) no-repeat left bottom; background-color: #2f2f38; overflow: hidden; padding-bottom: 55px; } .index_industry .index_1200 { position: relative; padding: 0 29px; box-sizing: border-box; } .tempWrap { border-radius: 7px; } .index_industry .title * { color: #fff; } .swiper-container.industry_box { height: 350px; text-align: center; width: 1100px; margin: auto; border-radius: 7px; } .industry_box section { border-radius: 7px; overflow: hidden; width: 255px; position: relative; height: 350px; text-align: center; } .industry_box section * { position: relative; z-index: 9; color: #fff; } .industry_box section .industry_bg { position: absolute; background: rgba(60, 70, 76, 0.56); width: 100%; height: 100%; top: 0; left: 0; z-index: 8; transition: all .3s; } .industry_box section .index_indus_img { /*margin-top: 74px;*/ margin-top: 98px; padding-bottom: 35px; margin-bottom: 24px; transition: all .3s; } .industry_box section .index_indus_text p { font-size: 20px; margin-bottom: 16px; } .industry_box section .index_indus_text span { display: block; font-size: 14px; width: 212px; margin: 0 auto; line-height: 26px; opacity: 0; visibility: hidden; transition: opacity .3s, visibility .3s; } .industry_box section .index_indus_img::after { content: ''; width: 28px; height: 3px; background: #fff; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; transition: visibility .2s, opacity .2s; } .industry_box section:hover .industry_bg { background: rgba(255, 66, 46, 0.92); } .industry_box section:hover span { visibility: visible; opacity: 1; } .industry_box section:hover .index_indus_img { margin-top: 74px; padding-bottom: 0; } .industry_box section:hover .index_indus_img::after { visibility: hidden; opacity: 0; } .index_industry .indus_prev, .index_industry .indus_next { width: 14px; height: 26px; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; background: url(../images/index_img24.png) no-repeat center; z-index: 999; cursor: pointer; } .index_industry .indus_next { right: 0; left: auto; background: url(../images/index_img25.png) no-repeat center; } .content_four{background:#fff;padding:0 0 50px;} .content_four .content_four_con{width:1266px;margin:0 auto;overflow:hidden;} .content_four .content_four_con .news{width:422px;float:left; display: block; position: relative;} .content_four .content_four_con .news ul li{line-height:25px; letter-spacing: 1px; padding: 10px; box-sizing: border-box; font-size:14px; width: 356px; margin-right: 33px;margin-left: 33px; overflow: hidden; display: block; position: relative;border-bottom: 1px solid #ededed; color: #000; -webkit-transition: all .5s ease; transition: all .5s ease;} .content_four .content_four_con .news ul li a{ color: #000; } .content_four .content_four_con .news ul li span{color:#909090; font-size: 13px; line-height:20px; display: block;} .content_four .content_four_con .news ul li:last-child{ margin-bottom: 30px; } .content_four .content_four_con .news ul li:hover{ box-shadow: 0 5px 20px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);} .icon_new{ width:356px; margin-left: 33px; padding-bottom: 22px; height: 64px; padding-left: 60px; line-height: 42px; font-size: 24px; font-weight: bold; color: #000; border-bottom: 1px solid #ededed; } .icon_new em a{ background: url(../images/icon_newjt.png) no-repeat center; width: 15px; height: 42px; display: block; float: right; position: relative; } .scroll {width: 1200px; margin: 0 auto; padding:0 0 50px; position: relative; overflow: hidden; box-sizing: border-box;} .ind_gd1 ul {width: 1200px; margin:auto;} .ind_gd1 ul li {display: inline-block;width: 174px; margin:0 11px;transition: all 1s;} .ind_gd1 ul li img{ width: 174px; height: 77px; transition: all 1s;-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; transition: all 1s;} .ind_gd1 ul li:hover img{-webkit-filter: grayscale(1%); -moz-filter: grayscale(1%); -ms-filter: grayscale(1%); -o-filter: grayscale(1%); filter: grayscale(1%); filter:;} .ind_txt{ width: 100%; position: relative; overflow: hidden; display: block; text-align: center; padding:55px 0 30px; } .ind_txt h2{ font-size: 26px; color: #000; line-height: 50px; display: block; text-align: center; } .ind_txt h3{ font-size: 14px; color: #000; line-height: 30px; padding-top: 10px; display: block; text-align: center; font-weight: normal; } .ind_txt h4{ font-size: 14px; color: #666; line-height: 30px; padding-top: 10px; display: block; text-align: center; font-weight: normal; } .ind_txta{ width: 100%; position: relative; overflow: hidden; display: block; text-align: center; padding:55px 0 30px; } .ind_txta h2{ font-size: 26px; color: #fff; line-height: 50px; display: block; text-align: center; } .ind_txta h3{ font-size: 14px; color: #fff; line-height: 40px; display: block; text-align: center; font-weight: normal; } .bana{ width:100%; margin:101px auto 0; text-align:center; height: 312px; display: block; position: relative; overflow: hidden; } .banhead{ width:1200px; padding-right: 520px; margin: 0 auto; display: block; padding-top: 80px; color: #fff; } .banhead h2{ font-size: 36px; line-height: 40px; text-align: left; font-weight: normal; } .banhead h3{ font-size: 14px; line-height: 26px; padding-top: 20px; padding-bottom: 20px; text-align: left; font-weight: normal; display: block; } .banhead a{width:128px; height: 30px; line-height: 30px; border: 1px solid #fff; font-size: 14px; text-align: center; position: relative; display: block; float: left; color: #fff; } .banhead a i{ padding-left: 10px;} .location{ width: 100%; height: 50px; border-bottom: 1px solid #f5f5f5; position: relative; overflow: hidden; display: block; } .locataw{ width: 1200px; margin: 0 auto; display: block; position: relative; box-sizing: border-box; font-size: 14px; line-height: 50px; color: #888; } .locataw span{ width: 10px; background: url(../images/top2.png) no-repeat left center; background-size: 10px 16px; float: left; padding-right: 25px; height: 50px; display: block; position: relative; } .locataw a{ color: #888; } .locataw a:hover{ color: #000; } .atyh_ldzn{ width: 1050px; margin: 0 auto 0; display: block; position: relative; overflow: hidden; } .atyh_ldzn dl{ width: 330px; padding: 30px; box-sizing: border-box; display: block; float: left; position: relative; border-right: 1px solid #e8e9f3; border-bottom: 1px solid #e8e9f3; -webkit-transition: all .5s ease; transition: all .5s ease;} .atyh_ldzn dl:hover { box-shadow: 0 10px 30px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);} .atyh_ldzn dl:nth-child(1),.atyh_ldzn dl:nth-child(2),.atyh_ldzn dl:nth-child(3){ margin-top: 20px; } .atyh_ldzn dl:nth-child(1),.atyh_ldzn dl:nth-child(4){ margin-left: 30px; } .atyh_ldzn dl:nth-child(3),.atyh_ldzn dl:nth-child(6){ margin-right: 30px; } .atyh_ldzn dl:nth-child(4),.atyh_ldzn dl:nth-child(5),.atyh_ldzn dl:nth-child(6){ margin-bottom: 50px; } .atyh_ldzn dl dt{ width:270px; height: 70px; display: table-cell; text-align: center; vertical-align: middle; } .atyh_ldzn dl dt img{ max-height: 70px; display:block; max-width: 270px; text-align: center; margin: auto; } .atyh_ldzn dl dd{width: 210px; margin:0 auto; display: block; position: relative;} .atyh_ldzn dl dd h2{ font-size: 20px; color: #191b2f; padding:5px 0 ; line-height: 40px; text-align: center; display: block; position: relative; font-weight: normal; } .atyh_ldzn dl dd span{font-size: 14px; color: #85868b; line-height: 22px; letter-spacing: 2px; text-align: left;display: block;} .atyh_ldzn dl:nth-child(3n){ border-right: none; } .atyh_ldzn dl:nth-child(n+4){ border-bottom: none; } .baga{ width: 100%; background: #fafafa; overflow: hidden; display: block; position: relative; } .baga1d{ width: 100%; background: #161d2f; overflow: hidden; display: block; position: relative; } .bagfc{ width: 100%; background: #fcfcfc; overflow: hidden; display: block; position: relative; } .bagfe{ width: 100%; background: #fefefe; overflow: hidden; display: block; position: relative; } .bagfd{ width: 100%; background: #fdfdfd; overflow: hidden; display: block; position: relative; } .bagf6{ width: 100%; background: #f6f6f6; overflow: hidden; display: block; position: relative; } .bagf7{ width: 100%; background: #f7f7f7; overflow: hidden; display: block; position: relative; } .bagf8{ width: 100%; background: #f8f8f8; overflow: hidden; display: block; position: relative; } .bawerc{ width: 100%; background: url(../images/icon_zzyh_ysbg.jpg) repeat-x bottom center; overflow: hidden; display: block; position: relative; } .wcbp_bg1{ width: 100%; background: url(../images/icon_wcbp_bg1.jpg) no-repeat bottom center; overflow: hidden; display: block; position: relative; } .wcbp_bg2{ width: 100%; background: url(../images/icon_wcbp_bg2.jpg) no-repeat bottom center; overflow: hidden; display: block; position: relative; } .ksjz_bg2{ width: 100%; background: url(../images/icon_kjzbg.jpg) no-repeat top center; height: 589px; overflow: hidden; display: block; position: relative; } .atyh_sdys{ width: 1236px; margin: 0 auto; padding-bottom: 30px; display: block; position: relative; overflow: hidden; } .atyh_sdys dl{ width: 582px; padding: 20px 45px 20px 20px; border: 1px solid #eaeaea; box-sizing: border-box; float: left; margin: 10px 18px 20px; background: #fff; -webkit-transition: all .5s ease; transition: all .5s ease; display: block; } .atyh_sdys dl:hover{box-shadow: 0 10px 30px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);} .atyh_sdys dl:nth-child(2n){ margin-right: 0; } .atyh_sdys dl dt{ width:80px;display: table-cell; height: 118px; float: left; text-align: center; vertical-align: middle; } .atyh_sdys dl dt img{ max-height: 118px; max-width: 80px; display: block; text-align: center; margin: auto; padding-top: 30px; } .atyh_sdys dl dd{width: 410px; float: right; display: block; position: relative; } .atyh_sdys dl dd h2{ font-size: 22px; color: #191b2f; padding:15px 0 5px; line-height: 40px; text-align: left; display: block; position: relative; } .atyh_sdys dl dd span{font-size: 14px; color: #85868b; line-height: 22px; text-align: left;display: block;} .atyh_rgtd{ width: 1200px; margin:10px auto 50px; display: block; overflow: hidden; position: relative; } .atyh_rgfe{ width: 572px; float: left; } .atyh_rgrg{ width: 628px; float: left; border: 1px solid #e0e0e0; } .atyh_rgrg dl{ width: 313px; float: left; display: block; position: relative; padding: 38px 20px 28px 50px; -webkit-transition: all .5s ease; transition: all .5s ease; } .atyh_rgrg dl dt{ width: 100%; height: 41px;padding-left: 52px;font-size: 22px; color: #191b2f; box-sizing: border-box; line-height: 41px; -webkit-transition: .3s;transition: .3s; } .atyh_rgrg dl dd{font-size: 14px; margin-top: 15px; border-top: 1px solid #e0e0e0; color: #85868b; line-height: 22px; text-align: left;display: block; padding-top: 10px; -webkit-transition: .3s;transition: .3s;} .atyh_rgrg dl:nth-child(1),.atyh_rgrg dl:nth-child(4){ background: #f8f8f8; } /*.atyh_rgrg dl:hover { box-shadow: 0 10px 30px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);} */ .atyh_rgrg dl:hover dt,.atyh_rgrg dl:hover dd{-webkit-transform:translateX(-15px);transform:translateX(-15px);} .wite12{ width:1200px; margin: 0 auto; padding:0; background: #fff; overflow: hidden; display: block; position: relative; } .ayyh_hyys{ width: 855px; margin: 0 auto; position: relative; overflow: hidden; background: url(../images/icon_atyh_hyjt05.png) no-repeat center; } .ayyh_hyys dl{ width: 320px; margin-top: 30px; margin-bottom: 35px; display: block; position: relative; float: left; -webkit-transition: all .5s ease; transition: all .5s ease;} .ayyh_hyys dl:nth-child(1){margin-left: 20px;} .ayyh_hyys dl:nth-child(2){margin-right: 20px;} .ayyh_hyys dl:hover { box-shadow: 0 10px 30px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);} .ayyh_hyys dl dt{ width: 100%; height: 57px; display: block; position: relative; } .ayyh_hyys dl dd{ width: 100%; padding: 0 15px; box-sizing: border-box; border: 1px solid #e2e2e2; } .ayyh_hyys dl dd ul{ width: 100%; position: relative; display: block; } .ayyh_hyys dl dd ul li{ width: 100%; background: url(../images/icon_atyh_hyjt03.png) no-repeat 8px 23px; padding-top:15px; padding-bottom: 15px; padding-left: 35px; box-sizing: border-box; border-bottom: 1px dashed #e0e0e0; } .ayyh_hyys dl dd ul li h2{font-size: 16px; color: #ff422e; line-height:30px;} .ayyh_hyys dl dd ul li span{font-size: 14px; color: #85868b; line-height:20px;} .ayyh_hyys dl dd ul li:last-child{ border-bottom: none; } .ayyh_hyys dl:nth-child(2) dd ul li{background: url(../images/icon_atyh_hyjt04.png) no-repeat 8px 23px;} .ayyh_hyys dl:nth-child(2) dd ul li h2{color: #3f3e40;} .atyh_wlyx{ width: 1050px; margin:30px auto 40px auto; display: block; position: relative; overflow: hidden; } .atyh_wlyx dl{ width: 210px;margin-top: 10px; float: left; display: block; -webkit-transition: .3s;transition: .3s;} .atyh_wlyx dl dt{ width: 210px; height: 80px; display: table-cell; text-align: center; vertical-align: middle; } .atyh_wlyx dl dt img{ max-height: 80px; max-width: 210px; text-align: center; margin:0 auto; } .atyh_wlyx dl:nth-child(even){ width: 70px; height: 190px; background: url(../images/icon_atyh_wlyx05.png) no-repeat center; display: block; } .atyh_wlyx dl dd{ width: 140px; margin: 0 auto; display: block; position: relative; } .atyh_wlyx dl dd h2{ font-size: 22px; color: #191b2f; line-height: 40px; display: block; position: relative; font-weight: normal; text-align: center; } .atyh_wlyx dl dd span{font-size: 14px; color: #85868b; line-height: 22px; text-align: left;display: block; padding-top: 10px;} .atyh_wlyx dl:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px);} .zzyh_sdys{ width: 1229px; margin: 20px auto; display: block; position: relative; overflow: hidden; } .zzyh_sdys dl{ width: 399px; border: 1px solid #eaeaea;padding: 25px 25px 35px; display: block; float: left; box-sizing: border-box; -webkit-transition: all .5s ease; transition: all .5s ease; z-index: 99; margin-bottom: 30px; margin-top: 10px; background: #fff; } .zzyh_sdys dl:last-child{margin-right: 15px; } .zzyh_sdys dl:first-child{margin-left: 15px; } .zzyh_sdys dl:nth-child(2),.zzyh_sdys dl:nth-child(3){ margin-left: -1px; } .zzyh_sdys dl dt{ width: 90px; padding-top: 40px; float: left; display: table-cell; vertical-align: middle; text-align: center; } .zzyh_sdys dl dt img{max-width: 90px; margin: auto; text-align: center; } .zzyh_sdys dl dd{ width: 235px; float: right; } .zzyh_sdys dl dd h2{ font-size: 22px; color: #191b2f; line-height: 40px; display: block; position: relative; font-weight: normal; border-bottom: 1px solid #eeeff1; padding-bottom: 10px; background: url(../images/icon_zzyh_23.png) no-repeat 110px 5px; } .zzyh_sdys dl dd span{font-size: 14px; color: #85868b; line-height: 22px; display: block; padding-top: 10px; height: 44px; } .zzyh_sdys dl:hover{box-shadow: 0 10px 30px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);} .zzyh_sdysbg{width: 1200px; margin-left: -600px; border: 1px solid #eaeaea; height: 165px; display: block; position: absolute; top: 170px; left: 50%; background: #fff;z-index: 1; } .zzyh_sdysa{ width: 1199px; margin: 0 auto 70px; display: block; position: relative; overflow: hidden; border: 1px solid #eaeaea; padding: 20px 140px 20px 155px; box-sizing: border-box; background: url(../images/icon_zzyh_39.png) no-repeat 75px 30px; } .zzyh_sdysa h2{ width: 650px; float: left; border-right: 1px solid #eaeaea; font-size: 16px; line-height: 30px; font-weight: normal; } .zzyh_sdysa h2 span{ color: #ff422e; } .zzyh_sdysa a{ width: 128px; float: right; height: 35px; line-height: 35px; color: #fff; background: #ff422e; border-radius: 20px; margin-top: 12px; display: block; text-align: center; font-size: 14px;} .zzyh_sdysa a:hover{ background: #cc1600;color: #fff; } .zzyh_rgtd{ width: 1041px; margin:0px auto; display: block; position: relative; overflow: hidden; } .zzyh_rgtd dl{ width: 289px; margin: 11px 29px 20px; display: block; float: left; padding: 29px 32px 30px; box-sizing: border-box; -webkit-transition: all .5s ease; transition: all .5s ease; background: #fff;border: 1px solid #eaeaea; } .zzyh_rgtd dl dt{ width: 100%; font-size: 22px; color: #191b2f; text-align: center; display: block; line-height: 40px; padding-bottom: 15px; border-bottom: 1px solid #eaeaea; } .zzyh_rgtd dl dd{ width: 100%; padding-top: 35px; display: block; position: relative; } .zzyh_rgtd dl dd ul{ width: 100%; padding-left: 31px; box-sizing: border-box; margin: 0 auto; } .zzyh_rgtd dl dd ul li{ width: 100%; background: url(../images/icon_zzyh_47.png) no-repeat center left; padding-left: 30px; box-sizing: border-box; font-size: 14px; line-height: 33px; color: #3a3a3a; display: block; float: left; position: relative; overflow: hidden; } .zzyh_rgtd dl dd h3{ width: 100%; padding-top: 5px; font-size: 20px;color: #ff422e; line-height: 40px; height: 40px; display: block; text-align: center; position: relative; overflow: hidden; } .zzyh_rgtd dl dd h3 span{ font-weight: normal; font-size: 14px; } .zzyh_rgtd dl dd a{ width: 124px; height: 38px; border: 1px solid #eaeaea; line-height: 38px; text-align: center; font-size: 14px; color: #494949; display: block; margin:20px auto 0; border-radius: 20px; } .zzyh_rgtd dl:hover dd a{ background: #ff422e; color: #fff; cursor: pointer;} .zzyh_rgtd dl:hover{box-shadow: 0 10px 30px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);} .zzyh_rgtdad{ width: 1200px; text-align: center; margin:0 auto; display: block; position: relative; overflow: hidden; padding: 20px 0 20px 80px; line-height: 40px; font-size: 16px; color: #85868b; } .zzyh_rgtdad span{top: 28px; position: absolute; left:150px; display: block; } .zzyh_bage{ font-size: 18px; color: #191b2f; font-weight: bold; line-height: 65px; } .zzyh_bagea{ font-size: 16px; color: #ff422e; line-height: 50px;} .zzyh_bageb{ font-size: 14px; color: #656565; line-height: 50px;} .zzyh_hzlc{ width: 1236px; margin: 0 auto; padding-bottom: 20px; display: block; position: relative; overflow: hidden; } .zzyh_hzlc dl{ width: 168px; border: 1px solid #eaeaea; margin: 20px 18px 40px; display: block; float: left; padding: 30px 0; -webkit-transition: all .5s ease; transition: all .5s ease; } .zzyh_hzlc dl dt{ width: 168px; height: 70px; display: table-cell; text-align: center; vertical-align: middle; } .zzyh_hzlc dl dt img{ max-height: 70px; max-width: 168px; display: block; text-align: center; margin: auto; } .zzyh_hzlc dl dd{ width: 100%; height: 30px; text-align: center; font-size: 15px; color: #000; display: block; } .zzyh_hzlc dl:hover{box-shadow: 0 10px 30px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);} .wpbc_jxx { width:1229px; margin: 0 auto 60px; display: block; position: relative; overflow: hidden; } .wpbc_jxx dl{ width:299px; padding:0 30px 20px; margin-top: 20PX; margin-bottom: 30px; box-sizing: border-box; display: block; float: left; position: relative; border-right: 1px solid #e8e9f3; -webkit-transition: all .5s ease; transition: all .5s ease;} .wpbc_jxx dl dt{ width:270px; height:85px; display: table-cell; text-align: center; vertical-align: middle; } .wpbc_jxx dl dt img{ max-height: 85px; display:block; max-width: 270px; text-align: center; margin: auto; } .wpbc_jxx dl dd{width: 210px; margin:0 auto; display: block; position: relative;} .wpbc_jxx dl dd h2{ font-size: 20px; color: #191b2f; padding:5px 0 ; line-height: 40px; text-align: center; display: block; position: relative; font-weight: normal; } .wpbc_jxx dl dd span{font-size: 14px; color: #85868b; line-height:24px; letter-spacing: 1px; text-align: left;display: block;} .wpbc_jxx dl:last-child{ border-right: none;margin-right: 15px; } .wpbc_jxx dl:first-child{margin-left: 15px;} .wpbc_jxx dl:hover { box-shadow: 0 10px 30px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);} .wpbc_tctx{ width: 1200px; padding: 40px 40px 30px; box-sizing: border-box; background: #2c3449; margin: 0 auto 60px; display: block; position: relative; overflow: hidden; } .wpbc_tctxa{ width: 320px; float: left; padding-left: 30px; background: url(../images/icon_wcbp_10.png) no-repeat left 2px; box-sizing: border-box; } .wpbc_tctxa h2{ font-size: 16px; color: #fff; line-height: 20px; font-weight: normal; display: block; } .wpbc_tctxa h3{ font-size: 14px; color: #fff; line-height: 20px; padding:50px 0 15px 0; font-weight: normal; display: block; } .wpbc_tctxa p{ font-size: 14px; color: #b4b7bb; letter-spacing: 3px; line-height: 35px; font-weight: normal; display: block; } .yqfw4{ width:720px; float: right; display:block; position:relative;} .yqfw4 dl{width:315px; float:left; margin:20px; display:block; border: 1px solid #687180; overflow: hidden; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease; } .yqfw4 dl:hover { box-shadow: 0 10px 30px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);} .yqfw4 dl dt{ height:58px; background:#343d56; display:block; position: relative; text-align:center; line-height:58px; border-bottom: 1px solid #687180; font-size:22px; color:#fff; padding-left: 50px; box-sizing: border-box;} .yqfw4 dl dt span{top: 3px; position: absolute; left:100px; display: block; } .yqfw4 dl dt em{ margin-left:15px; line-height:70px; position:relative; margin-top:-20px; font-size:20px; font-style:normal;} .yqfw4 dl dd{ padding:20px 55px; display:block; position:relative; clear:both;} .yqfw4 dl dd ul{ width:100%; padding-bottom:20px; display:block; overflow:hidden; height:100px;} .yqfw4 dl dd ul li{ width:100%; display:block;line-height:40px; font-size:14px; color:#fff; float:left;} .yqfw4 dl dd ul li i{ color:#687180; width:25px; float:left; display:block; font-style:normal;} .yqfw4 dl dd ul li span{ width:170px; float:right;} .qztb{ width: 750px; float: right; position: relative; overflow: hidden; display: block; line-height:38px; padding-top: 25px; } .qztbg{ background: #343d56; font-size: 16px; color: #fff; } .qztbz{ text-indent: 50px; font-size: 14px; color: #b4b7bb;background: #2c3449; } .wpbc_sddf{ width:680px; margin: 0 auto; display: block; position: relative; overflow: hidden; padding: 30px 50px 0 80px; box-sizing: border-box; background: url(../images/icon_qzts_24.png) no-repeat left 40px; } .wpbc_sddf h2{ width: 380px; float: left; font-size: 14px; line-height: 35px; font-weight: normal; color: #fff; } .wpbc_sddf a{ width: 128px; float: right; height: 35px; line-height: 35px; color: #fff; background: #ff422e; border-radius: 20px; display: block; text-align: center; font-size: 14px;} .wpbc_sddf a:hover{ background: #cc1600;color: #fff; } .wpbc_sdysa{ width: 100%; display: block; position: relative; overflow: hidden; padding: 30px 50px 20px 80px; box-sizing: border-box; background: url(../images/icon_zzyh_39.png) no-repeat left 40px; } .wpbc_sdysa h2{ width: 380px; float: left; font-size: 14px; line-height: 35px; font-weight: normal; color: #fff; } .wpbc_sdysa a{ width: 128px; float: right; height: 35px; line-height: 35px; color: #fff; background: #ff422e; border-radius: 20px; display: block; text-align: center; font-size: 14px;} .wpbc_sdysa a:hover{ background: #cc1600;color: #fff; } .wpbc_sdys{ width: 1230px; margin: 0 auto; display: block; position: relative; overflow: hidden; background: #fff; } .wpbc_sdys dl{ width: 298px; border: 1px solid #eaeaea; background: #fff; padding:20px 30px 20px; display: block; float: left; box-sizing: border-box;-webkit-transition: all .5s ease; transition: all .5s ease; margin-top: 20PX; margin-bottom: 30px; } .wpbc_sdys dl:last-child{margin-right: 15px; } .wpbc_sdys dl:nth-child(2),.wpbc_sdys dl:nth-child(3),.wpbc_sdys dl:nth-child(4){ margin-left: -1px; } .wpbc_sdys dl:first-child{margin-left: 15px; } .wpbc_sdys dl dt{ width: 40px; padding-top: 16px; float: left; display: table-cell; vertical-align: middle; text-align: center; } .wpbc_sdys dl dt img{max-width: 40px; margin: auto; text-align: center; } .wpbc_sdys dl dd{ width: 180px; float: right; } .wpbc_sdys dl dd h2{ font-size: 20px; color: #191b2f; line-height: 40px; display: block; position: relative; font-weight: normal; } .wpbc_sdys dl dd span{font-size: 14px; color: #85868b; line-height: 22px; display: block; } .wpbc_sdys dl:hover { box-shadow: 0 10px 30px 0 rgba(0,0,0,.19); transform: translate3d(0,-1px,0); transition: all .3s cubic-bezier(.55,0,.1,1);} .fourb{ width: 770px; margin: 0 auto; position: relative; text-align: center; font-size: 14px; color: #191b2f; line-height:41px; padding-top: 10px; padding-bottom: 40px; } .fourb:before{ width:100px; height: 1px; background: #d9d9d9; position: absolute; top:30px; left: 0; content: ""; display: block; } .fourb:after{ width:100px; height: 1px; background: #d9d9d9; position: absolute; top:30px; right: 0; content: ""; display: block; } .wpbc_fwlc{ width: 1246px; margin: 0 auto; position: relative; overflow: hidden; padding-bottom: 45px; } .wpbc_fwlc dl{ width: 198px; margin: 0 23px 30px; display: block;float: left; border: 1px solid #eaeaea; position: relative; background: #fff; padding: 25px 0;-webkit-transition: all .5s ease; transition: all .5s ease; } .wpbc_fwlc dl dt{ width: 198px; height: 65px; display: table-cell; text-align: center; vertical-align: middle; padding-bottom:35px; background: url(../images/icon_wcbp_61.png) no-repeat bottom center; } .wpbc_fwlc dl dt img{ max-height: 65px; max-width: 198px; text-align: center; margin: auto; display: block; } .wpbc_fwlc dl dd{ font-size: 16px; padding-top: 10px; color: #191b2f; text-align: center; display: block; position: relative; } .wpbc_fwlc dl:hover { box-shadow: 0 10px 30px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);} .ind_seotm{ width: 100%; background: url(../images/index_seo1.jpg) no-repeat top center; height: auto; position: relative; display: block; overflow: hidden; padding-bottom:40px; } .seotm_lst{ width:1224px; margin:10px auto 0; display: block; position: relative; } .seotm_lst dl{ width:280px; display: block; margin: 13px; float: left; position: relative; box-sizing: border-box; padding:30px 25px; background: #fff;-webkit-transition: all .5s ease; transition: all .5s ease; } .seotm_lst dl:hover{box-shadow: 0 17px 50px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);} .seotm_lst dl dt{ width: 230px; height: 90px; display: table-cell; vertical-align: middle; text-align: center; } .seotm_lst dl dt img{max-width: 230px; max-height: 90px; display: block; margin: auto; text-align: center; } .seotm_lst dl dd{ width: 100%; display: block; } .seotm_lst dl dd h3{ font-size: 22px; color: #191b2f; text-align: center; padding-top: 10px; line-height: 40px; display: block; position: relative; font-weight: normal; } .seotm_lst dl dd em{ width: 16px; height: 2px; margin: 15px auto; display: block; background: #000; position: relative; } .seotm_lst dl dd p{font-size: 14px; color: #85868b; line-height: 28px; display: block; padding: 0 10px; box-sizing: border-box; width: 100%; position: relative; } .ind_sedwe{ width: 100%; background: url(../images/index_seo2.png) no-repeat top center; position: relative; margin-top: -10px; margin-bottom: -19px; display: block; overflow: hidden; height: 218px; } .ind_sedwe a{ width: 126px; height: 36px; display: block; margin-top: 133px; float: right;background: #ff422e; font-size: 14px; color: #fff; text-align: center; line-height: 36px; border-radius: 20px; } .ind_sedwe a:hover{ background: #ff1800; } .index-ser{ width: 1200px; background: url(../images/icon_zzyh_bg.png) no-repeat bottom center; margin: 0 auto; padding-bottom: 30px; display: block; position: relative; overflow: hidden; text-align: center; } .index-ser ul li{width: 316px;padding:25px 0 ; box-sizing: border-box; display: inline-block;margin: 10px 25px 20px; -webkit-transition: all .5s ease; transition: all .5s ease;border:1px solid #ddd; background: #fff;} .index-ser ul li:hover{box-shadow: 0 17px 50px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);} .index-ser ul li.mr0{margin-right:0;} .index-ser ul li .co{width:70px; height:70px; display:block; margin:0 auto; /*background-color:#eee;*/ -webkit-transition: all 1.5s ease; transition: all 1.5s ease;} .index-ser ul li:hover .co{background-position:-70px 0px;} .index-ser ul li h2{ font-size: 20px; color: #191b2f; line-height: 40px; display: block; position: relative; font-weight: normal; } .index-ser ul li span{font-size: 14px; color: #85868b; line-height: 22px; display: block; } .zzyh_jxx{ width: 1214px; background: url(../images/icon_zzyh_bg.png) no-repeat bottom center; margin: 0 auto; padding:10px 0 40px; display: block; position: relative; overflow: hidden; text-align: center; } .zzyh_jxx dl{ width: 338px; height: 223px; padding: 37px 11px 22px; box-sizing: border-box; background: url(../images/icon_zzyh_icbg.png) no-repeat center; display: inline-block; margin: 0 14px 10px; } .zzyh_jxx dl dt{ width: 338px; height:70px; display: table-cell; vertical-align: middle; text-align: center; } .zzyh_jxx dl dt img{ max-height: 70px; max-width: 338px; text-align: center; margin: auto; display: block; } .zzyh_jxx dl dd{ width: 100%; margin: 0 auto; display: block; position: relative;text-align: center; } .zzyh_jxx dl dd h2{ font-size: 20px; color: #191b2f; line-height: 40px; display: block; position: relative; font-weight: normal; } .zzyh_jxx dl dd span{font-size: 14px; color: #85868b; line-height: 22px; display: block; } .qzts_tsmb{ width: 1240px; margin: 0 auto; display: block; position: relative; overflow: hidden; } .qzts_tsmb dl{width: 200px; float: left; padding: 20px 0; display: block; position: relative; margin-top: 10px; margin-bottom: 30px;-webkit-transition: all .5s ease; transition: all .5s ease;} .qzts_tsmb dl:hover{box-shadow: 0 10px 30px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);} .qzts_tsmb dl dt{ width: 200px; height: 110px; display: table-cell; vertical-align: middle; text-align: center; } .qzts_tsmb dl dt img{max-width: 200px; max-height: 110px; display: block; margin: auto; text-align: center; } .qzts_tsmb dl dd{ width: 100%; display: block; } .qzts_tsmb dl dd span{ font-size: 16px; color: #191b2f; text-align: center; padding-top: 10px; line-height: 40px; display: block; position: relative; font-weight: normal; } .qzts_tsmb dl dd em{ width: 1px; height: 24px; margin: 5px auto; display: block; background: #000; position: relative; } .qzts_tsmb dl:nth-child(odd){ background: #f7f7f7; } .qzts_tsmb dl:first-child{ margin-left: 20px; } .qzts_tsmb dl:child-child{ margin-right: 20px; } .qzts_wzys{ width: 1200px; margin: 0 auto; padding-bottom: 40px; display: block; position: relative; overflow: hidden; text-align: center; } .qzts_wzys dl{ margin: 10px 23px 36px;border: 1px solid #eaeaea; display: inline-block; background: #fff; padding: 30px 20px 30px 55px; width: 295px; box-sizing: border-box;-webkit-transition: all .5s ease; transition: all .5s ease; } .qzts_wzys dl:hover{box-shadow: 0 10px 30px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);} .qzts_wzys dl dt{ width: 100%; height: 50px; display:table-cell; vertical-align: middle; text-align: center; } .qzts_wzys dl dt img{ max-height: 50px; max-width: 100%; display: block; margin: auto; text-align: center; } .qzts_wzys dl dd{ width: 100%; display: block; } .qzts_wzys dl dd h3{ font-size: 20px; color: #191b2f; padding-top: 10px; height: 40px; width: 100%; float: left; line-height: 40px; display: block; position: relative; font-weight: normal; text-align: left; } .qzts_wzys dl dd em{ width: 16px; height: 2px; float: left; margin-left: 2px; margin-top: 18px; margin-bottom: 15px; display: block; background: #000; position: relative; } .qzts_wzys dl dd p{font-size: 14px; color: #85868b; line-height: 22px; display: block; width: 100%; float: left; position: relative; text-align: left; } .qzts_ssjd{ width: 100%; margin: 0 auto; background: url(../images/icon_qzts_48.png) no-repeat center; height: 432px; display: block; position: relative; } .qzts_ssjda{ width: 1200px; margin: 0 auto; display: block;position: relative; overflow: hidden;padding-top: 11px; } .qzts_ssjda dl{ width: 300px; float: left; display: block; position: relative; padding: 25px 0; box-sizing: border-box; } .qzts_ssjda dl dt{ width:240px; margin: 0 auto; position: relative; overflow: hidden; line-height: 65px; height: 65px; font-size: 20px; color: #191b2f; text-align: center; display: block; border-bottom: 1px solid #eaeaea; } .qzts_ssjda dl dd{ width: 100%; position: relative; overflow: hidden; } .qzts_ssjda dl dd p{font-size: 14px; line-height: 35px; padding: 15px 20px 10px; height: 200px; color: #494949; display: block; width: 100%; position: relative;} .qzts_ssjda dl dd em{width:240px; margin: 0 auto; height: 1px;background: #eaeaea; display: block; position: relative; overflow: hidden;} .qzts_ssjda dl dd a{ width: 124px; height: 34px; margin: 25px auto 0; display: block; border: 1px solid #eaeaea; font-size: 14px; color: #494949; text-align: center; line-height: 34px; border-radius: 20px; } .qzts_ssjda dl:hover dd a{ background: #ff422e; color: #fff; border: 1px solid #ff422e; } .yhlc_ind1{ width: 100%; background: #fafafa; padding:20px 0; display: block; position: relative; overflow: hidden; } .yhlc_ind1a{ width: 1224px; margin: 0 auto; display: block; position: relative; overflow: hidden; } .yhlc_ind1a dl{ width: 282px; padding: 15px 25px 25px; box-sizing: border-box; float: left; margin: 10px 12px; background: #fff; -webkit-transition: all .5s ease; transition: all .5s ease; } .yhlc_ind1a dl:hover{box-shadow: 0 5px 10px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);} .yhlc_ind1a dl:nth-child(2n){ margin-right: 0; } .yhlc_ind1a dl dt{ width:60px;display: table-cell; float: left; height: 60px; text-align: center; vertical-align: middle; } .yhlc_ind1a dl dt img{ max-height: 60px; max-width: 60px; display: block; text-align: center; margin: auto; padding-top: 15PX; } .yhlc_ind1a dl dd{width: 160px; float: right; display: block; position: relative; } .yhlc_ind1a dl dd h3{ font-size: 20px; color: #191b2f; line-height: 40px; text-align: left; display: block; position: relative; font-weight: normal; } .yhlc_ind1a dl dd span{font-size: 14px; color: #85868b; line-height: 22px; text-align: left;display: block;} .yhlc_ind2{ width: 1104px; margin: 0 auto; display: block; position: relative; overflow: hidden; } .yhlc_ind2 dl{ width: 500px; margin: 20px 26px 60px; float: left; display: block; position: relative;-webkit-transition: all .5s ease; transition: all .5s ease; } .yhlc_ind2 dl:hover{box-shadow: 0 10px 30px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);} .yhlc_ind2 dl dt{ width: 100%; padding: 15px 0 10px; background: #2c3449; text-align: center; color: #fff; } .yhlc_ind2 dl dt h3{ font-size: 24px; font-weight: normal; line-height: 40px; } .yhlc_ind2 dl dt span{ font-size: 14px; line-height: 26px; display: block; position: relative; } .yhlc_ind2 dl dd{ width: 100%; position: relative; overflow: hidden; display: block; background: #f6f6f6; padding:15px 0; } .yhlc_ind2 dl dd:nth-child(even){ background: #eee; } .yhd2a{ width: 80px; float: left; line-height:70px; text-align: right; font-size: 30px; color: #c8c9cc; } .yhd2b{ width: 400px; float: right; } .yhd2b h4{ font-size: 20px; color: #191b2f; line-height: 40px; display: block; position: relative; font-weight: normal; } .yhd2b p{font-size: 14px; color: #85868b; line-height: 22px; display: block; } .yhlc_ind3{ width: 100%; margin: 0 auto; background: url(../images/yhlc_bg2.jpg) no-repeat center; height: 688px; display: block; position: relative; } .yhlc_ind3a{ width: 1200px; margin: 0 auto; background: #fff; padding: 20px 16px 0; box-sizing: border-box; display: block; position: relative; overflow: hidden; } .yhlc_ind3a dl{ width: 278px; float: left; margin: 10px 7px 30px; display: block; -webkit-transition: all .5s ease; transition: all .5s ease; } .yhlc_ind3a dl:hover{box-shadow: 0 10px 30px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);} .yhlc_ind3a dl dt{ width: 100%; padding: 10px 0; background: #171d2e; text-align: center; display: block; position: relative; text-align: center; color: #fff; } .yhlc_ind3a dl dt h3{ font-size: 22px; font-weight: normal; line-height: 40px; } .yhlc_ind3a dl dt span{ font-size: 14px; line-height:30px; display: block; position: relative; } .yhlc_ind3a dl dd{ width: 100%; background: #f7f7f7; padding:10px 20px 0; box-sizing: border-box; display: block; position: relative; } .yhd3b{ width: 100%; padding-left: 40px; box-sizing: border-box; font-size: 14px; line-height: 35px; color: #171d2e; height:245px; border-bottom: 1px solid #dedede; } .yhd3c{ width: 100%; text-align: center; line-height: 50px; height: 50px; font-size: 14px; color: #ff422e; display: block; position: relative;vertical-align: middle; } .yhd3c span{vertical-align: middle; margin-right:6px; } .bdjc_jja{ width: 1200px; margin: 0 auto 60px; border: 1px solid #eaeaea; box-sizing: border-box; padding:25px 50px; position: relative; overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease; } .bdjc_jja:hover { box-shadow: 0 10px 30px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);} .bdjc_jjab{ width: 680px; float: left; font-size: 14px; line-height: 34px; color: #191b2f; display: block; padding-top:30px; } .bdjc_jjac{ width: 300px; text-align: right; float: right; } .gwrz_jjab{ width: 740px; float: left; font-size: 14px; line-height: 34px; color: #191b2f; display: block; padding-top:20px; } .bdjc_jjb{ width: 100%; margin: 0 auto; background: url(../images/bacj_bg2.jpg) no-repeat center; height:581px; display: block; position: relative; } .bdjc_jjba{ width: 1200px; margin: 0 auto; display: block; position: relative; overflow: hidden; } .bdjc_jjba dl{ width: 380px; margin:25px 10px 100px; padding: 25px 50px; box-sizing: border-box; display: block; float: left;-webkit-transition: all .5s ease; transition: all .5s ease; background: #fff; } .bdjc_jjba dl:hover{box-shadow: 0 10px 30px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);} .bdjc_jjba dl dt{ width: 280px; height: 85px; display: table-cell; vertical-align: middle; text-align: center; } .bdjc_jjba dl dt img{max-width: 280px; max-height: 85px; display: block; margin: auto; text-align: center; } .bdjc_jjba dl dd{ width: 100%; display: block; } .bdjc_jjba dl dd h3{ font-size: 22px; color: #191b2f; text-align: center; padding-top: 10px; line-height: 40px; display: block; position: relative; font-weight: normal; } .bdjc_jjba dl dd em{ width: 20px; height: 3px; margin: 15px auto; display: block; background: #000; position: relative; } .bdjc_jjba dl dd p{font-size: 14px; color: #85868b; line-height: 28px; display: block; box-sizing: border-box; width: 100%; position: relative; } .bdjc_sdys{ width: 1229px; margin: 0 auto; display: block; position: relative; overflow: hidden; } .bdjc_sdys dl{ width: 299px; border: 1px solid #eaeaea; padding: 40px 40px 20px; display: block; float: left; -webkit-transition: all .5s ease; transition: all .5s ease; margin-bottom: 70px; margin-top: 10px; background: #fff; position: relative; } .bdjc_sdys dl:last-child{margin-right: 15px; } .bdjc_sdys dl:first-child{margin-left: 15px; } .bdjc_sdys dl:nth-child(2),.bdjc_sdys dl:nth-child(3),.bdjc_sdys dl:nth-child(4){ margin-left: -1px; } .bdjc_sdys dl dt{ width: 219px; height: 80px; display: table-cell; vertical-align: middle; text-align: center; } .bdjc_sdys dl dt img{max-width: 219px; max-height: 80px; display: block; margin: auto; text-align: center; } .bdjc_sdys dl dd{ width: 100%; display:block; } .bdjc_sdys dl dd h2{ font-size: 22px; color: #191b2f; line-height: 40px; display: block; position: relative; font-weight: normal; padding-bottom: 10px; text-align: center; } .bdjc_sdys dl dd span{font-size: 14px; color: #85868b; line-height: 22px; display: block; padding-top: 10px; height: 76px; } .bdjc_sdys dl:hover{box-shadow: 0 10px 30px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);} .baasna { width:100%; height:auto; margin:0 auto; text-align:center; } .baasna img{ max-width:100%; height:auto; margin:0 auto; display:block; text-align:center; } .gwrz_bsga{ width: 100%; margin: 0 auto; background: url(../images/gwrz_bg2.jpg) no-repeat center; height:500px; display: block; position: relative; padding: 50px 0; box-sizing: border-box; } .gwrz_bsga1{ width: 1200px; margin: 0 auto; background: #2c3449; position: relative; overflow: hidden; display: block; text-align: center; } .gwrz_bsga1 dl{ width: 435px; background: #3d465b; margin: 40px 14px 40px ; display:block; -webkit-transition: all .5s ease; transition: all .5s ease; float: left; } .gwrz_bsga1 dl:hover{box-shadow: 0 10px 30px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);} .gwrz_bsga1 dl dt{ width: 100%; text-align: center; line-height: 58px; height: 58px; font-size: 22px; color: #191b2f; display: block; position: relative;vertical-align: middle; background: #fff; } .gwrz_bsga1 dl dt span{vertical-align: middle; margin-right:15px; } .gwrz_bsga1 dl dd{ width: 100%; padding: 35px; height:270px; text-align: left; box-sizing: border-box; font-size: 14px; line-height: 40px; color: #fff; } .gwrz_bsgb{ width: 1200px; margin: 10px auto 70px; display: block; position: relative;border: 1px solid #eaeaea; background: #fff; padding: 30px; box-sizing: border-box; -webkit-transition: all .5s ease; transition: all .5s ease; } .gwrz_bsgb:hover { box-shadow: 0 10px 30px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);} .gwrz_bsgba{ width: 100%; display: block; padding-left: 30px; background: url(../images/icon_wcbp_10.png) no-repeat left 10px; display: block; position: relative; box-sizing: border-box; padding-right: 30px; } .gwrz_bsgba h3{ font-size: 16px; line-height: 36px; color: #000; display: block; font-weight: normal; padding-bottom: 10px;} .gwrz_bsgba p{ font-size: 14px; color: #626262; letter-spacing: 3px; line-height: 35px; font-weight: normal; display: block; } .gwrz_bsgc{ width: 1086px; margin: 20px auto 90px; background: url(../images/icon_gwrz_03.png) no-repeat center top; display: block; padding-top:60px; } .gwrz_bsgc ul li{ width: 108px; margin-right: 214px; float: left; display: block; text-align: center; font-size: 22px; color: #191b2f; } .gwrz_bsgc ul li:last-child{ margin-right: 0; } .gwrz_bsgd{ width: 1200px; margin: 10px auto 70px; display: block; position: relative;border: 1px solid #eaeaea; background: #fff; padding: 30px 60px; box-sizing: border-box;font-size: 16px; line-height: 36px; color: #000; -webkit-transition: all .5s ease; transition: all .5s ease; } .gwrz_bsgd:hover { box-shadow: 0 10px 30px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);} .gwrz_bsgda{width: 1200px; margin: 10px auto; display: block; position: relative; padding:20px 80px; font-size: 16px; line-height: 36px; color: #000; box-sizing: border-box; overflow: hidden;} .gwrz_bsgd span{ color: #ff422e } .gwrz_bsge{ width: 1208px; margin: 0 auto; background: #fff; box-sizing: border-box; display: block; position: relative; overflow: hidden; } .gwrz_bsge dl{ width:368px; float: left; margin-top: 30px; margin-bottom: 70px; margin-right: 16px; margin-left: 16px; display: block; -webkit-transition: all .5s ease; transition: all .5s ease; } .gwrz_bsge dl:hover{box-shadow: 0 10px 30px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);} .gwrz_bsge dl dt{ width: 100%; height: 70px; font-size: 22px; line-height: 70px; background: #242a3b; text-align: center; display: block; position: relative; text-align: center; color: #fff; } .gwrz_bsge dl dd{ width: 100%; border: 1px solid #7e7e7e; padding:20px; box-sizing: border-box; display: block; position: relative; font-size: 14px; color: #000; line-height: 36px; height:256px; } .gwrz_bsge dl:last-child{margin-right: 20px; } .gwrz_bsge dl:first-child{margin-left: 20px; } .acg_pca{ width: 100%; position: relative; overflow: hidden; display: block; } .acg_pca ul li{ width: 100%; float: left; padding: 40px 0; display: block; } .acg_pca ul li:nth-child(even){ background: #fafafa; } .acg_pca ul li .part_l{ width: 470px; float: left; text-align: left; margin-left: 30px; border-bottom: 1px solid #e8e9f3; padding-bottom: 30px; display: block; position: relative; overflow: hidden; padding-top: 70px; } .acg_pca ul li .part_l h3{ width:100%; font-size: 26px; color: #191b2f; text-align: left; font-weight: normal; display: block; } .acg_pca ul li .part_l h3 span{font-size: 42px; margin-right: 15px; } .acg_pca ul li .part_l p{ width:300px; float: left; position: relative; display: block; padding-top: 15px; color: #85868b; font-size: 14px; line-height: 22px;} .acg_pca ul li .part_r{width: 685px; float: right; text-align: right;} .acg_pca ul li .part_r img{-webkit-transition: .3s;transition: .3s; } .acg_pca ul li:nth-child(even) .part_l{ float: right; } .acg_pca ul li:nth-child(even) .part_r{ float: left; text-align: left; } .acg_pca ul li .part_r:hover img{-webkit-transform:translateX(-25px);transform:translateX(-25px);} .acg_pca ul li:nth-child(even).part_r:hover img{-webkit-transform:translateX(25px);transform:translateX(25px);} .part_o, .part_t, .part_th{ width: 1200px; margin: 0 auto; height: auto; overflow: hidden; zoom: 1; } .acg_pcb{ width: 100%; margin: 0 auto; background: url(../images/acg_bg2.jpg) no-repeat center; display: block; position: relative; padding-bottom: 80px; box-sizing: border-box; } .duibi1{background:#fff; width: 1200px; margin: 0 auto; display: block; box-sizing: border-box; padding:30px;overflow: hidden;} .dbleft{width:323px;float:left;} .dbcenter{width:320px;margin-left:15px;float:left;} .dbright{float:right;width:420px;} .dbleft1nr{background: #f7f7f7;padding: 21px 0 21px 50px;color: #404146;line-height: 30px;font-size: 14px;} .dbleft1nr2{margin-top: 5px;background: #f7f7f7;padding:8px 0 15px 50px;} .dbleft1nr2 p{color: #404040;line-height: 30px;font-size: 15px;} .dbleft1tit{margin-top:10px;} .dbcenter p{color:#8b8c8c;} .dbrightnr{background: url(../images/give_bg.jpg) no-repeat top center #f7f7f7;padding: 80px 0 20px 50px;color: #404146; } .dbrightnr p{line-height:40px;font-size: 15px;} .change_logo li{list-style: none;float: left;margin: 0 7px;} .change_logo li p{line-height:40px;font-size:15px;} .change_logo{width: 1200px;margin: 0 auto; display: block; position: relative; overflow: hidden; padding-top: 30px;text-align: center;} .acg_jjb{ width: 100%; background: #161d2f; display: block; position: relative; overflow: hidden; } #Scenarios{ background-color: #161d2f; padding-bottom: 60px; position: relative; overflow: hidden; display: block; } #Scenarios h2,.center_two h2{ text-align: center; font-size: 38px; color: #fff; font-weight: normal; } .serious ul{ width: 850px; margin: 0 auto; height: 48px; line-break: 48px; margin-top: 35px; } .serious ul li{ float: left; width: 165px; text-align: center; font-size: 18px; color: #fff; margin-left: 100px; } .serious ul li.current{ border-bottom: #fff solid 2px; color: #fff; } .serious_group{ width: 1200px; margin: 0 auto; padding: 50px 0 0 0; height: auto; overflow: hidden; zoom: 1; text-align: center; } .acg_logo {width: 1220px; margin: 0 auto; padding:0 0 50px; position: relative; overflow: hidden; box-sizing: border-box;} .acg_logo ul {white-space: nowrap;} .acg_logo ul li {width:230px; height: 103px; margin: 7px; display: block; float: left;} .acg_logo ul li img{ width:230px; height: 103px;} .ind_prev{ width: 12px; height: 22px; position: absolute; top: 30px; left: 0; background: url(../images/icon_index_57.png) no-repeat center;} .ind_next {width: 12px; height: 22px; position: absolute; top: 30px; right: 0; background: url(../images/icon_index_60.png) no-repeat center;} .index_1230{ width: 1230px; margin: 0 auto; position: relative; padding: 0 15px 60px; } .abt_t1{ width: 1200px; margin: 0 auto; position: relative; overflow: hidden; padding:0; display: block; text-align: center; font-size: 14px; line-height: 35px; color: #000;} .abt_t2{ width: 1200px; margin: 0 auto; display: block; position: relative; overflow: hidden; text-align: center; padding:30px 0 40px; } .abt_t2 dl{ width: 250px; display: inline-block; position: relative; overflow: hidden;-webkit-transition: .3s;transition: .3s; margin-top: 10px; } .abt_t2 dl:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);} .abt_t2 dl:before{ width: 1px; height: 45px; background: #e3e3e3; position: absolute; top: 11px; right: 0; content: ""; } .abt_t2 dl dt{ width: 100%; text-align: center; display: block; font-size: 22px; color: #535353; line-height: 35px; font-weight: bold; } .abt_t2 dl dd{ width: 100%; text-align: center; display: block; font-size: 14px; color: #535353; line-height: 30px; } .abt_t2 dl:last-child:before{display: none;} .abt_t3{ width: 1230px; margin: 0 auto; display: block; position: relative; overflow: hidden; } .abt_t3 dl{ width: 600px; float: left; display: block; } .abt_t3 dl dt{width: 300px; display: block; background: #fff; height: 179px; padding-left: 30px; box-sizing: border-box; float: left;-webkit-transition: all .5s ease; transition: all .5s ease;} .abt_t3 dl dt h3{ font-size: 22px; line-height: 35px; padding-top: 40px; font-weight: bold; color: #282828; display: block; } .abt_t3 dl dt p{font-size: 14px; line-height: 22px; color: #666666; padding-top: 10px; display: block; width: 230px;} .abt_t3 dl dd{ width: 300px; height: 179px; float: right; } .abt_t3 dl dd img{width: 300px; height: 179px;} .abt_t3 dl:nth-child(3) dt,.abt_t3 dl:nth-child(4) dt{ float: right; } .abt_t3 dl:nth-child(3) dd,.abt_t3 dl:nth-child(4) dd{ float: left; } .abt_t3 dl:hover dt{box-shadow: 0 10px 30px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);} .abt_t3 dl:nth-child(1),.abt_t3 dl:nth-child(3){ margin-left: 15px; } .abt_t3 dl:nth-child(2),.abt_t3 dl:nth-child(4){ margin-right: 15px; } .abt_t3 dl:nth-child(3),.abt_t3 dl:nth-child(4){ margin-bottom: 70px; } .abt_t4{ width:1250px; margin: 0 auto; display: block; position: relative; overflow: hidden; } .abt_t4 dl{width: 230px; margin-right: 15px; padding-bottom: 10px; margin-top: 25px; float: left; display: block; background: #eee; position: relative; overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease; margin-bottom: 75px;} .abt_t4 dl:first-child{ margin-left: 20px; } .abt_t4 dl:last-child{ margin-right: 20px; } .abt_t4 dl dt{ width: 230px; height: 254px; display: block; } .abt_t4 dl dt img{ width: 230px; height: 254px; display: block; } .abt_t4 dl dd{ padding:15px 20px; width: 100%; box-sizing: border-box; display: block; position: relative; } .abt_t4 dl dd h3{ font-size:18px; color: #000; font-weight: bold; border-bottom: 1px dashed #c2c2c2; padding-bottom: 10px; line-height:30px; display: block; } .abt_t4 dl dd span{ font-size: 14px; color: #000; line-height: 20px; display: block; padding-top: 10px; height: 60px; } .abt_t4 dl:hover{ background: #fff; box-shadow: 0 10px 30px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);} .abt_t5{ background: #e1e1e1; width: 100%; height: 1px; display: block; position: relative; overflow: hidden; } .abt_t6{ width: 1140px; margin: 0 auto 20px; display: block; position: relative; overflow: hidden; } .abt_t6 dl{ width: 340px; padding: 30px 40px; margin:10px 20px 30px; box-sizing: border-box; display: block; float: left; position: relative; border: 2px solid #efefef; -webkit-transition: all .5s ease; transition: all .5s ease;} .abt_t6 dl:hover { box-shadow: 0 10px 30px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);} .abt_t6 dl dt{ width:260px; height: 90px; display: table-cell; text-align: center; vertical-align: middle; } .abt_t6 dl dt img{ max-height: 90px; display:block; max-width: 260px; text-align: center; margin: auto; } .abt_t6 dl dd{width: 100%; margin:0 auto; display: block; position: relative;} .abt_t6 dl dd h2{ font-size: 22px; color: #191b2f; padding:5px 0 ; line-height: 40px; text-align: center; display: block; position: relative; font-weight: normal; } .abt_t6 dl dd span{font-size: 14px; color: #85868b; line-height: 22px; text-align: left;display: block;} .w1200{ width: 1200px; margin: 0 auto; display: block; position: relative; overflow: hidden; } .cont_t1{ width: 400px; position: relative; } .cont_t1 h2{ font-size: 30px; color: #ff422e; line-height: 40px; display: block; position: relative; } .cont_t1 p{ font-size: 14px; line-height: 30px; display: block; position: relative; } .cont_t1 em{ width: 430px; height: 1px; display: block; background: #ececec; position: relative; } .cont_t1 h3{ font-size: 22px; color: #000; line-height: 60px; display: block; position: relative; } .cont_t3{ width: 1212px; margin: 0 auto; position: relative; display: block; } .cont_t3 dl{ width: 392px; padding: 20px 40px; box-sizing: border-box; float: left; margin: 70px 6px; display: block; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease; background: #fff;} .cont_t3 dl:hover { box-shadow: 0 10px 30px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);} .cont_t3 dl dt{ width:312px; height: 60px; display: table-cell; vertical-align: middle; } .cont_t3 dl dt img{ max-height: 60px; display:block; max-width: 312px; } .cont_t3 dl dd{width: 100%; margin:0 auto; display: block; position: relative; font-size: 14px; line-height: 30px; color: #000;} .ksjz_t1{ width: 1184px; margin: 0 auto; display: block; position: relative; overflow: hidden; } .ksjz_t1 dl{ width: 250px; margin:10px 23px 70px; padding:25px 30px; box-sizing: border-box; display: block; float: left;-webkit-transition: all .5s ease; transition: all .5s ease; background: #fff;border: 1px solid #efefef; } .ksjz_t1 dl:hover{box-shadow: 0 5px 20px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);} .ksjz_t1 dl dt{ width: 280px; height: 85px; display: table-cell; vertical-align: middle; text-align: center; } .ksjz_t1 dl dt img{max-width: 280px; max-height: 85px; display: block; margin: auto; text-align: center; } .ksjz_t1 dl dd{ width: 100%; display: block; } .ksjz_t1 dl dd h3{ font-size: 22px; color: #191b2f; text-align: center; line-height: 50px; display: block; position: relative; font-weight: normal; } .ksjz_t1 dl dd p{font-size: 14px; color: #85868b; line-height: 24px; text-align: center; display: block; box-sizing: border-box; width: 100%; position: relative; } .ksjz_t2{width: 1230px; margin: 0 auto; padding-bottom: 50px; display: block; position: relative; overflow: hidden;} .menu1box{ width: 305px; float: left; margin-left: 15px; margin-bottom: 30px; padding:0; display: block; position: relative; box-shadow: 0 5px 10px 0 rgba(0,0,0,.19); z-index: 22; } .menu1box ul li { display:block; box-sizing: border-box; padding-left: 120px; height:113px; border-bottom: 1px solid #e6e6e6; width: 100%; cursor: pointer; color: #12161e; padding-top: 25px; padding-bottom: 20px; } .menu1box ul li h2{font-size: 22px; line-height: 35px; display: block; text-align: left;} .menu1box ul li span{font-size: 14px; line-height: 25px; display: block; text-align: left;} .menu1box ul li.hover {color: #fff; border-bottom:1px solid #151a25; } .menu1box ul li:nth-child(1){ background: url(../images/icon_ksjz_1a.png) no-repeat 50px center #fff; } .menu1box ul li:nth-child(1).hover{ background: url(../images/icon_ksjz_1b.png) no-repeat 50px center #151a25; } .menu1box ul li:nth-child(2){ background: url(../images/icon_ksjz_2a.png) no-repeat 50px center #fff; } .menu1box ul li:nth-child(2).hover{ background: url(../images/icon_ksjz_2b.png) no-repeat 50px center #151a25; } .menu1box ul li:nth-child(3){ background: url(../images/icon_ksjz_3a.png) no-repeat 50px center #fff; border-bottom: none; } .menu1box ul li:nth-child(3).hover{ background: url(../images/icon_ksjz_3b.png) no-repeat 50px center #151a25; border-bottom: none; } .main1box{ float: right; height: 340px; padding: 30px; box-sizing: border-box; width:895px; background: #fff; position: relative; display: block; margin-right: 15px;} #main1 ul {display: none;} #main1 ul.block {display: none;height:280px; width:835px;} .ksjz_t2_px1{float: left;} .ksdeg{background: url(../images/icon_ksjz_19.png) no-repeat; position: absolute; width: 39px; height: 52px; top: 0; right: 38px; z-index: 333; display: block; } .ksjz_t2_px2{ width: 300px; float: right; padding-top:50px; } .ksjz_t2_px2 h3{ font-size: 22px; color: #191b2f; line-height: 30px; display: block; position: relative; } .ksjz_t2_px2 em{width: 26px; height: 1px; background: #c1c1c1; display: block; margin-top:20px; margin-bottom: 20px;} .ksjz_t2_px2 p{font-size: 14px; color: #85868b; line-height: 24px; letter-spacing: 2px; display: block; box-sizing: border-box; width: 100%; position: relative; } .ksjz_t3{ width: 1230px; margin: 0 auto; display: block; position: relative; overflow: hidden; } .ksjz_t3_pc{ width: 615px; float: left; text-align: right; padding-top: 40px; } .ksjz_t3_pc img{ float: right; } .ksjz_t3_lst{ width: 460px; float: right; margin-right: 15px; margin-top: 20px; margin-bottom: 10px; } .ksjz_t3_lst ul li{ width: 100%; padding:10px 30px 15px; box-sizing: border-box; display: block; float: left; } .ksjz_t3_lst ul li h2{font-size: 22px; color: #191b2f; line-height:35px;} .ksjz_t3_lst ul li p{font-size: 14px; color: #666; line-height: 22px; display: block; padding-top: 5px;} .ksjz_t3_lst ul li:hover{ background: #fff;-moz-box-shadow: 0px 0px 10px #ccc;-webkit-box-shadow: 0px 0px 10px #ccc;box-shadow: 0px 0px 10px #ccc; } .ksjz_bg3{ width: 100%; background: url(../images/icon_ksjz_41.png) no-repeat center top; height: 498px; padding-top: 295px; box-sizing: border-box; display: block; position: relative; overflow: hidden; } .ksjz_bg3 a{ width: 128px;height: 35px; line-height: 35px; color: #fff; background: #ff422e; border-radius: 20px; display: block; text-align: center; font-size: 14px;} .ksjz_bg3 a:hover{ background: #cc1600;color: #fff; } .ksjz_t4{ width: 1224px; margin: 0 auto; padding-bottom: 60px; display: block; overflow: hidden; position: relative; } .ksjz_t4 ul li{ width: 282px; margin: 12px; float: left; display: block; padding: 20px 35px; box-sizing: border-box; background: #fff; -webkit-transition: all .5s ease; transition: all .5s ease; border: 1px solid #efefef;} .ksjz_t4 ul li:hover { box-shadow: 0 5px 20px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);} .ksjz_t4 ul li h3{ font-size: 22px; color: #191b2f; line-height:35px; display: block; position: relative; font-weight: normal; padding-bottom: 10px; } .ksjz_t4 ul li p{font-size: 14px; color: #85868b; line-height: 24px; display: block;} .ksjz_t4 ul li:nth-child(1){ background: url(../images/icon_ksjz_s1.png) no-repeat 226px top #fff; } .ksjz_t4 ul li:nth-child(2){ background: url(../images/icon_ksjz_s2.png) no-repeat 226px top #fff; } .ksjz_t4 ul li:nth-child(3){ background: url(../images/icon_ksjz_s3.png) no-repeat 226px top #fff; } .ksjz_t4 ul li:nth-child(4){ background: url(../images/icon_ksjz_s4.png) no-repeat 226px top #fff; } .gwdz_t1{ width: 1200px; margin:25px auto 0; display: block; position: relative; overflow: hidden; } .gwdz_t1 ul li{ padding-left: 140px; width:600px; float: left; box-sizing: border-box; display: block; position: relative; transition-duration: .5s; -moz-transition-duration: .5s; /* Firefox 4 */ -webkit-transition-duration: .5s; /* Safari å’Œ Chrome */ -o-transition-duration: .5s; /* Opera */} .gwdz_t1 ul li h2{font-size: 20px; color: #191b2f; line-height:35px; font-weight: normal;} .gwdz_t1 ul li p{font-size: 14px; color: #666; line-height: 22px; display: block; padding-top: 5px; width: 350px; float: left;-webkit-transition: .3s;transition: .3s;} .gwdz_t1 ul li img{ float: left; padding-top: 40px;-webkit-transition: .3s;transition: .3s; } .gwdz_t1 ul li:before{ width: 1px; height: 200px; background: #e3e3e3; display: block; right: 0; top: 60px;content: ""; position: absolute; } .gwdz_t1 ul li:nth-child(2):before{ display: none; } .gwdz_t1 ul li:hover img{-webkit-transform:translateY(-10px);transform:translateY(-10px);} .gwdz_rgtdad{ width: 550px; text-align: center; margin:0 auto; display: block; position: relative; overflow: hidden; padding: 40px 0 70px 80px; line-height: 40px; font-size: 16px; color: #85868b; } .gwdz_rgtdad span{top: 48px; position: absolute; left:0; display: block; } .gwdz_bg3{ width: 100%; background: url(../images/icon_gwdz.jpg) no-repeat center top; box-sizing: border-box; display: block; position: relative; overflow: hidden; height: 670px; } .gwdz_t2{ width: 1200px; margin:25px auto 0; display: block; position: relative; overflow: hidden; background: #fff; padding: 40px 50px 0; } .gwdz_t2a{ width: 100%; display: block; position: relative; overflow: hidden; } .gwdz_t2a dl{ width: 260px; float: left; display: block; border: 1px solid #cacaca; box-sizing: border-box; position: relative; } .gwdz_t2a dl:nth-child(2), .gwdz_t2a dl:nth-child(3), .gwdz_t2a dl:nth-child(4) {margin-left: -1px;} .gwdz_t2a dl dt{width: 100%; background: #343d56; font-size: 18px; color: #fff; line-height: 60px; border-bottom:1px solid #cacaca; padding-left: 45px; box-sizing: border-box; } .gwdz_t2a dl dd{background: #fff; font-size: 14px; color: #5b5b5b; line-height: 30px; width: 100%; display: block; box-sizing: border-box; padding: 20px 0 20px 45px;} .gwdz_sddf{ width:1000px; float: left; display: block; position: relative; overflow: hidden; padding: 30px 50px 30px 80px; box-sizing: border-box; background: url(../images/icon_gwdz_11.png) no-repeat left 40px; } .gwdz_sddf h2{ width: 700px; float: left; font-size: 14px; line-height: 35px; font-weight: normal; color: #5b5b5b; } .gwdz_sddf a{ width: 128px; float: right; height: 35px; line-height: 35px; color: #fff; background: #ff422e; border-radius: 20px; display: block; text-align: center; font-size: 14px;} .gwdz_sddf a:hover{ background: #cc1600;color: #fff; } .gwdz_ldzn{ width: 1230px; margin: 0 auto 0; padding-bottom: 30px; display: block; position: relative; overflow: hidden; } .gwdz_ldzn dl{ width: 390px; padding:20px 30px 30px; box-sizing: border-box; display: block; float: left; position: relative; border-right: 1px solid #e8e9f3; border-bottom: 1px solid #e8e9f3; -webkit-transition: all .5s ease; transition: all .5s ease;} .gwdz_ldzn dl:hover { box-shadow: 0 17px 50px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);} .gwdz_ldzn dl:nth-child(1),.gwdz_ldzn dl:nth-child(2),.gwdz_ldzn dl:nth-child(3){ margin-top: 20px; } .gwdz_ldzn dl:nth-child(1),.gwdz_ldzn dl:nth-child(4){ margin-left: 30px; } .gwdz_ldzn dl:nth-child(3),.gwdz_ldzn dl:nth-child(6){ margin-right: 30px; } .gwdz_ldzn dl:nth-child(4),.gwdz_ldzn dl:nth-child(5),.gwdz_ldzn dl:nth-child(6){ margin-bottom: 50px; } .gwdz_ldzn dl dt{ width:330px; height: 80px; display: table-cell; text-align: center; vertical-align: middle; } .gwdz_ldzn dl dt img{ max-height: 80px; display:block; max-width: 330px; text-align: center; margin: auto; } .gwdz_ldzn dl dd{width: 260px; margin:0 auto; display: block; position: relative;} .gwdz_ldzn dl dd h2{ font-size: 20px; color: #191b2f; padding:5px 0 ; line-height: 40px; text-align: center; display: block; position: relative; } .gwdz_ldzn dl dd span{font-size: 14px; color: #85868b; line-height: 28px; text-align: left;display: block;} .gwdz_ldzn dl:nth-child(3n){ border-right: none; } .gwdz_ldzn dl:nth-child(n+4){ border-bottom: none; } .gwdz_t4{ width: 1215px; margin: 0 auto; padding-bottom: 50px; overflow: hidden; display: block; position: relative; } .gwdz_t4 ul li{ width: 345px; float: left; display: block; margin: 20px 30px 30px; background: url(../images/icon_gwdz_38.png) no-repeat center 400px #fff; padding-bottom: 75px; -webkit-transition: all .5s ease; transition: all .5s ease; } .gwdz_t4 ul li:hover { box-shadow: 0 17px 50px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);} .gwdz_t4 ul li h2{ width: 100%; background: #343d56; text-align: center; color: #fff; font-size: 24px; line-height: 68px; height: 68px; display: block; font-weight: normal; } .gwdz_t4 ul li h3{ line-height: 64px; font-size: 16px; text-align: center; display: block; color: #414141; overflow: hidden;width: 100%; font-weight: normal; background: #f1f1f1;} .gwdz_t4 ul li p{ width: 100%; padding: 20px 35px 20px 40px; box-sizing: border-box; font-size: 14px; line-height: 33px; color: #414141;display: block; height:238px; } .gwdz_t4 ul li em{ width:305px; margin: 0 auto; height: 1px; background: #ebebeb; display: block; } .gwdz_hzlc{ width: 1236px; margin: 0 auto; padding-bottom: 20px; display: block; position: relative; overflow: hidden; } .gwdz_hzlc dl{ width: 168px; border: 1px solid #eaeaea; margin: 20px 18px 40px; display: block; float: left; padding:15px 0; -webkit-transition: all .5s ease; transition: all .5s ease; } .gwdz_hzlc dl dt{ width: 168px; height: 50px; display: table-cell; text-align: center; vertical-align: middle; } .gwdz_hzlc dl dt img{ max-height: 50px; max-width: 168px; display: block; text-align: center; margin: auto; } .gwdz_hzlc dl dd{ width: 100%; height: 30px; text-align: center; font-size: 15px; color: #000; display: block; } .gwdz_hzlc dl:hover{box-shadow: 0 10px 30px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);} .banner{height: 663px; position: relative; } .baas12 { width:100%; height:auto; margin:0 auto; text-align:center; } .baas12 img{ max-width:100%; height:auto; margin:0 auto; display:block; text-align:center; } .m_news{ width: 100%; padding: 0 2%; box-sizing: border-box; position: relative; overflow: hidden; } .m_news ul li{ width: 100%; float: left; position: relative; border-bottom: 1px solid #eaeaea; height: 30px; line-height: 30px; font-size: 13px; overflow: hidden; } .swiper-pagination1{bottom:150px;left:0;width:100%} .swiper-pagination1 .swiper-pagination-bullet{width:40px;height:4px;margin:0 10px;display:inline-block; background:#fff;opacity:.2} .swiper-pagination1 .swiper-pagination-bullet-active{opacity:1;background:#fff} .swiper-pagination2{ bottom: 15px;left:0;width:100%} .swiper-pagination2 .swiper-pagination-bullet{width:10px;height:10px;margin:0 5px; border-radius: 50px; display:inline-block; background:#fff;opacity:.2} .swiper-pagination2 .swiper-pagination-bullet-active{opacity:1;background:#fff; } .swiper-container.mn_box { height: auto; text-align: center; width: 100%; margin:10px auto 0; border-radius: 0; } .mn_box section { border-radius: 0; overflow: hidden; width: 100%; position: relative; height: auto; text-align: center; } .mn_box section .index_indus_img img{ max-width: 100%;} .mn_box section .index_indus_text p { font-size:15px; color: #fff; margin-bottom: 16px; } .ind_logo {width: 100%; margin: 0 auto; padding:0 0 20px; position: relative; overflow: hidden; box-sizing: border-box;} .ind_logo ul {white-space: nowrap;} .ind_logo ul li {width:23%; margin: 1%; display: block; float: left;} .ind_logo ul li img{ max-width:100%; } .footdf{ width: 100%; background: #2f3034; text-align: center; font-size: 13px; line-height: 25px; padding: 10px 0; color: #fff;} .footdf span{ color: #ff422e } .footdf a{ color:#a0a1a3 } .acg_inda{width:1080px; text-align: center; margin: 0 auto; padding-bottom: 50px; display: block; position: relative; overflow: hidden;} .menu2box{ width: 860px; margin: 0 auto; padding:0; display: block; position: relative; z-index: 22; } .menu2box ul li { display:block; margin: 0 21px; float: left; height:160px; width:130px; cursor:pointer; background-size: 130px 130px; background-position: top center; background-repeat: no-repeat;} .menu2box ul li.hover { background-size: 130px 138px; } .menu2box ul li:nth-child(1){ background-image: url(../images/pic_acg_typea1.png); } .menu2box ul li:nth-child(1).hover{ background-image: url(../images/pic_acg_typeb1.png); } .menu2box ul li:nth-child(2){ background-image: url(../images/pic_acg_typea2.png); } .menu2box ul li:nth-child(2).hover{ background-image: url(../images/pic_acg_typeb2.png); } .menu2box ul li:nth-child(3){ background-image: url(../images/pic_acg_typea3.png); } .menu2box ul li:nth-child(3).hover{ background-image: url(../images/pic_acg_typeb3.png); } .menu2box ul li:nth-child(4){ background-image: url(../images/pic_acg_typea4.png); } .menu2box ul li:nth-child(4).hover{ background-image: url(../images/pic_acg_typeb4.png); } .menu2box ul li:nth-child(5){ background-image: url(../images/pic_acg_typea5.png); } .menu2box ul li:nth-child(5).hover{ background-image: url(../images/pic_acg_typeb5.png); } .main2box{ width: 100%; position: relative; display: block; } #main2 ul {display: none;} #main2 ul.block {display: none; } .acg_inda_txt{ width: 100%; line-height: 100px; font-size: 22px; color: #333; display: block; position: relative; overflow: hidden; } .acg_inda_lst{ width: 100%; display: block; position: relative; overflow: hidden; } .acg_inda_lst li{ width:200px; text-align: center; display: table-cell;padding: 0 35px; position: relative; overflow: hidden; } .acg_inda_lst li img{ max-width: 200px; display: block; text-align: center; -webkit-transition: .3s;transition: .3s; padding-top: 10px; } .acg_inda_lst li:hover img{-webkit-transform:translateY(-10px);transform:translateY(-10px);} .banas { width:100%; height:auto; margin:0 auto; text-align:center; } .banas img{ max-width:100%; height:auto; margin:0 auto; display:block; text-align:center; -webkit-transition: .3s;transition: .3s; padding-top: 10px;} .banas:hover img{-webkit-transform:translateY(-10px);transform:translateY(-10px);} .acg_gdxg{ width: 1200px; margin: 0 auto 60px; display: block; position: relative; overflow: hidden; background: #fff; border-radius: 5px;} .acg_gdxg_lstle{ width:570px; float: left; height:490px;} .acg_gdxg_lstle img{ width: 570px; height: 490px; border-radius: 5px 0 0 5px; } .acg_gdxg_lstrg{ width: 530px; float: right; padding-right: 30px; padding-top: 30px; } .acg_gdxg_lstrg1{ width: 100%; display: block; position: relative; overflow: hidden; font-size: 24px; line-height:40px; color: #000; } .acg_gdxg_lstrg1 span{ vertical-align: middle; margin-right: 10px; height: 40px;width:45px; display: table-cell; float: left; text-align: center; } .acg_gdxg_lstrg1 span img{ max-width: 45px; max-height: 40px; display: block; margin: auto; } .acg_gdxg_lstrg2{ width: 100%; display: block; position: relative; overflow: hidden; padding: 15px 0; border-bottom: 1px solid #e6e6e6; } .acg_gdxg_lstrg2 p{ font-size: 16px; line-height: 30px; padding: 5px 0 5px 90px; position: relative; display: block; display: block; } .acg_gdxg_lstrg2 p i{ position: absolute; left: 0; top: 5px; color: #aaa; font-style: normal; } .acg_gdxg_lstrg2 p span{ color: #000; } .acg_gdxg_lstrg3{ width: 100%; padding-top: 15px; line-height: 40px; font-size: 24px; color: #000; display: block; position: relative; overflow: hidden; } .acg_gdxg_lstrg4{ width: 100%; display: block; float: left; position: relative; overflow: hidden; margin-top: 30px; } .acg_gdxg_lstrg4 ul li{ display: block; float: left; text-align: center; font-size: 15px; color: #aaaaaa; line-height: 20px; } .acg_gdxg_lstrg4 ul li:first-child{ padding-right: 30px; border-right: 1px solid #e6e6e6; } .acg_gdxg_lstrg4 ul li:nth-child(2){padding-left: 30px;} .acg_gdxg_lstrg4 ul li h3{ font-size: 22px; color: #ff2828; font-weight: normal; } .acg_gdxg_lstrg4 ul li h3 em{ font-size: 14px; margin-left: 5px; } .acg_gdxg_lstrg5{padding-top: 35px; display: block; position: relative; overflow: hidden; width: 100%; float: left;} .acg_gdxg_lstrg5 a{ width: 128px;height: 35px; line-height: 35px; color: #fff; background: #ff422e; border-radius: 20px; display: block; text-align: center; font-size: 14px; position: relative; overflow: hidden; } .acg_gdxg_lstrg5 a:hover{ background: #cc1600;color: #fff; } .acg_prev{ width:48px; height: 48px; position: absolute; top:221px; z-index: 999; left:30px; background: url(../images/prev_gray.png) no-repeat center; display: block;} .acg_next {width: 48px; height: 48px; position: absolute; top: 221px; z-index: 999; right:30px; background: url(../images/next_gray.png) no-repeat center; display: block;} .acg_gdxg .swiper-wrapper{ background: #fff; border-radius: 5px;} .swiper-paginat{bottom:15px;left:0;width:100%} .swiper-paginat .swiper-pagination-bullet{width:40px;height:4px;margin:0 10px;display:inline-block; background:#fff;opacity:.2} .swiper-paginat .swiper-pagination-bullet-active{opacity:1;background:#fff} .acg_tldbbg{ width: 1200px; margin:0 auto; display: block; padding:35px 95px; box-sizing: border-box; position: relative; overflow: hidden; background: url(../images/pic_acg_vsbg.jpg) no-repeat right top #fff; } .acg_tldb{ width: 100%; margin:0 auto; display: block; box-sizing: border-box; position: relative; overflow: hidden; background: url(../images/pic_acg_icon_vs.png) no-repeat center ; } .acg_tldb dl{ width: 400px; box-sizing: border-box; border-radius: 3px; display: block; float: left; padding: 15px 0 0; margin: 15px 0; } .acg_tldb dl dt{ width: 100%; padding: 0 35px; box-sizing: border-box; border: 1px solid #cecece; font-size: 26px; font-weight: bold; border-bottom: 1px dashed #cecece; color: #ff422e; display: block; position: relative; overflow: hidden; line-height: 70px; height: 70px; } .acg_tldb dl dd{ width: 100%; display: block; position: relative; overflow: hidden; border: 1px solid #cecece; border-top: none; font-size: 12px; color: #666; line-height: 30px; padding: 10px 35px 15px; box-sizing: border-box; } .acg_tldb dl dd span{ display: inline-block; margin-right: 30px; } .acg_tldb dl dd span:nth-child(2n){ margin-right: 0; } .acg_tldb dl:nth-child(even){ float: right; } .acg_tldb dl:nth-child(even) dt{ color: #4e525c; } .acg_tldble{ width: 100%; height: 50px; display: block; text-align: center; font-size: 16px; color: #fff; background: #ff422e; line-height: 50px; } .acg_tldble span{ display: inline-block; margin-right: 30px; } .acg_tldble span:nth-child(2n){ margin-right: 0; } .acg_tldbrg{ width: 100%; height: 50px; display: block; text-align: center; font-size: 16px; color: #fff; background: #4e525c; line-height: 50px; } .acg_tldbrg span{ display: inline-block; margin-right: 30px; } .acg_tldbrg span:nth-child(2n){ margin-right: 0; } .acg_zsfw{ width: 1200px; margin: 0 auto; display: block; position: relative; overflow: hidden; padding: 50px 0; } .acg_zsfwle{ width: 560px; float: left; } .acg_zsfwlea{ width: 100%; display: block; position: relative; box-sizing: border-box; padding-bottom: 20px; border-bottom: 1px solid #e7e7e7; } .acg_zsfwlea h2{ font-size: 26px; color: #000; line-height: 60px; float: left; display: block; font-weight: normal; } .acg_zsfwlea span{ background: url(../images/pic_acg_icon_35.png) no-repeat top; width: 48px; height: 60px; margin-left: 20px; display: inline-block; } .acg_zsfwleb{ width: 100%; display: block; padding-top: 20px; position: relative; overflow: hidden; } .acg_zsfwleb ul li{ width:270px; float: left; background: url(../images/pic_acg_icon_39.png) no-repeat left center; font-size: 14px; line-height: 40px; height: 40px; color: #404146; display: block; margin-right: 20px; padding-left:25px; box-sizing: border-box; } .acg_zsfwleb ul li:nth-child(even){ margin-right: 0; } .acg_zsfwrg{width: 480px; float: right; } .acg_zsfvideo{ width: 480px; height: 280px; display: block; } .acg_zsftx{ width: 100%; height: 60px; line-height: 60px; font-size: 18px; text-align: center; display: block; color: #000; overflow: hidden; } .acg_mjapp{ width: 1080px; margin: 0 auto; display: block; position: relative; overflow: hidden; padding: 50px 0 40px; } .acg_mjapple{ width: 380px; float: left; } .acg_mjapprg{ width: 550px; float: right; } .acg_mjapprg h2{ font-size: 22px; line-height: 40px; height: 40px; color: #000; display: block; width: 100%; } .acg_mjapprg ul{ width: 100%; display: block; position: relative; overflow: hidden; padding-top: 30px; } .acg_mjapprg ul li{ padding: 30px 0 25px 35px; border: 1px solid #dfe0e0; display: block; float: left; margin-right: 20px; box-sizing: border-box; width: 250px; margin-bottom: 20px; -webkit-transition: .3s;transition: .3s;} .acg_mjapprg ul li h2{font-size: 20px; line-height: 40px; height: 40px; display: block; width: 100%; font-weight: normal; position: relative; overflow: hidden;} .acg_mjapprg ul li em{ width: 16px; height: 2px; background: #ff422e; margin-top: 10px; margin-bottom: 10px; float: left; display: block; position: relative; } .acg_mjapprg ul li h3{font-size: 14px; line-height: 30px; color: #666; display: block; width: 100%; font-weight: normal; position: relative; overflow: hidden;} .acg_mjapprg ul li:hover{-webkit-transform:translateX(5px);transform:translateX(5px);-moz-box-shadow: 0px 0px 10px #ccc;-webkit-box-shadow: 0px 0px 10px #ccc;box-shadow: 0px 0px 10px #ccc;} .acg_mjapprga{ width: 100%; padding-top: 20px; display: block; position: relative; overflow: hidden;} .acg_mjapprga h3{ font-size: 22px; color: #000; line-height: 40px; display: inline-block; margin-right: 20px; font-weight: normal; } .acg_mjapprga h4{ font-size: 24px; color:#ff422e; background: url(../images/pic_acg_icon_62.jpg) no-repeat left center; height: 40px; padding-left: 30px; line-height: 40px; display: inline-block; font-weight: normal; } .acg_video{ width:1200px; margin:20px auto; display: block; position: relative; overflow: hidden; } .acg_video ul li{ width: 285px; float: left; margin-right: 20px; display: block; } .acg_member{ width: 1170px; margin: 0 auto; padding-bottom: 70px; display: block; position: relative; overflow: hidden; } .acg_member dl{ width: 180px; float: left; display: block; position: relative; overflow: hidden;} .acg_member dl dt{ width: 180px; height: 80px; display: table-cell; text-align: center; vertical-align: middle; } .acg_member dl dt img{ max-height: 80px; max-width: 180px; margin: auto; display: block; } .acg_member dl dd{ width: 100%; display: block; text-align: center; font-size: 18px; line-height: 30px; text-align: center; color: #000; padding-top: 5px; } .acg_member dl:nth-child(even){ background: url(../images/pic_acg_icon_86.png) no-repeat center; height: 145px; display: block; width:150px; }