body {color:#333333} a{color:#c2272d}a:active,a:hover {color:#c2272d} @media (min-width: 1230px) {.container{ width: 1230px; }} @media (min-width: 1230px) {.container{ width: 1230px; }} @font-face { font-family: 'OPENSANS-BOLD'; src: url('fonts/OPENSANS-BOLD.eot'); src: url('fonts/OPENSANS-BOLD.eot?#iefix') format('embedded-opentype'), url('fonts/OPENSANS-BOLD.woff') format('woff'), url('fonts/OPENSANS-BOLD.ttf') format('truetype'), url('fonts/OPENSANS-BOLD.svg#open_sanslight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OPENSANS-LIGHT'; src: url('fonts/OPENSANS-LIGHT.eot'); src: url('fonts/OPENSANS-LIGHT.eot?#iefix') format('embedded-opentype'), url('fonts/OPENSANS-LIGHT.woff') format('woff'), url('fonts/OPENSANS-LIGHT.ttf') format('truetype'), url('fonts/OPENSANS-LIGHT.svg#open_sanslight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OPENSANS-REGULAR'; src: url('fonts/OPENSANS-REGULAR.eot'); src: url('fonts/OPENSANS-REGULAR.eot?#iefix') format('embedded-opentype'), url('fonts/OPENSANS-REGULAR.woff') format('woff'), url('fonts/OPENSANS-REGULAR.ttf') format('truetype'), url('fonts/OPENSANS-REGULAR.svg#open_sanslight') format('svg'); font-weight: normal; font-style: normal; } #Top .head{ float:left; width:100%; min-width:1230px;} #Top .logo{ float:left; width:296px; height:28px; line-height:0; margin:48px 0 0 0; position:relative; z-index:6;} #Top .so{ float:right; min-width:32px; position:relative; margin:50px 0 0 30px; z-index:8;} #Top .so .Search{ float:left; width:0; height:28px; line-height:24px; color:#666; font-size:14px; position:absolute; right:0; top:0; z-index:6; border-radius:32px;-webkit-transition: 0.5s ease;-moz-transition: 0.5s ease;-ms-transition: 0.5s ease; -o-transition: 0.5s ease;transition: 0.5s ease;} #Top .so .sear_sub{ float:left; width:32px; height:28px; border:none;background:url(/template/theme/CN/1748_top5.png) center no-repeat; position:relative; z-index:8;} #Top .so:hover .Search{ width:160px; padding:0 60px 2px 12px; box-shadow:0 0 10px rgba(0,0,0,0.1); background:#fff; border:1px solid #d4d4d4;} #Top .so:hover .sear_sub{background:url(/template/theme/CN/1748_top5_1.png) center no-repeat; background-size:20px 15px;} /*menu*/ #Top .menu{float:right; margin-top:45px;} #Top .menu .nli{ float:left; /*position:relative;*/ padding-bottom:20px;} #Top .menu .nli span a{ float:left; position:relative; color:#fff; color:rgba(255,255,255,0.9); font-size:18px; line-height:34px; margin:0 14px;} #Top .menu .nli.active span a, #Top .menu .nli:hover span a{ color:#fff;} /*head*/ #Top .head.bg{ background:#fff; height:95px; position:relative; top:0; z-index:6; border-bottom:1px solid #d4d4d4;} #Top .head.bg .menu .nli span a{ color:#000000; color:rgba(0,0,0,1);} #Top .head.bg .menu .nli.active span a, #Top .head.bg .menu .nli:hover span a{ color:#c0272d;} #Top .head.bg .so .sear_sub{background:url(/template/theme/CN/1748_top5_1.png) center no-repeat;} #Top .head.bg .so:hover .sear_sub{ background-size:19px 14px;} @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } /*底部*/ #Down .pz_down{ float:left; width:100%; background:#000000; min-width:1230px;} #Down .foot2{ float:left; width:100%; border-top:1px dashed #1a1a1a; padding:35px 0; color:#fff; font-size:14px; line-height:24px;} #Down .foot2 .h5{ float:left; font-size:14px;} #Down .foot2 .ul a{ float:left; color:#fff; color:rgba(255,255,255,0.5); padding:0 10px;} #Down .foot2 .ul a:hover{ color:#c2272d;} #Down .foot2 .banquan{float:left; width:100%; margin-top:10px; color:rgba(255,255,255,0.5); } #Down .foot2 .banquan a{color:rgba(255,255,255,0.5);} #Down .foot2 .banquan a:hover{ color:#c2272d;} #Down .foot1{ float:left; width:100%; padding:34px 0;} #Down .footNav{ float:left;} #Down .footNav .NavL{ float:left; margin-right:38px;} #Down .footNav .tit{ display:block; color:#fff; font-size:19px; line-height:29px;} #Down .footNav ul{ display:block; margin-top:12px;} #Down .footNav ul li{ display:block;} #Down .footNav ul li a{ display:block; color:#fff; font-size:12px; line-height:29px;} #Down .footNav ul li a:hover{ color:#c2272d;} #Down .footER{ float:left;} #Down .footER .img{ display:block; margin-top:5px; line-height:0;} #Down .footER .img img{ width:90px; display:block; margin:0 auto; border:3px solid #fff;} #Down .footER .tit{ display:block; color:#fff; font-size:14px; line-height:24px; margin-top:13px; text-align:center;} #Down .footEUs{ float:left; margin-left:42px;} #Down .footEUs .tit1{ display:block; color:#fff; font-size:18px; line-height:28px; font-weight:600;} #Down .footEUs .tit2{ display:block; color:#fff; font-size:23px; line-height:33px; margin-top:13px;} #Down .footEUs .tit3{ display:block; color:#fff; font-size:18px; line-height:28px; margin-top:3px;} #Down .footEUs .tit3 span{ font-size:16px;} #Down .footMessage{ float:right; width:240px;} #Down .footMessage .tit1{ display:block; color:#fff; font-size:18px; line-height:28px; font-weight:600;} #Down .footMessage .tit2{ display:block; color:#fff; font-size:12px; line-height:22px; margin:9px 0 13px 0;} #Down .footMessage .lab{ float:left; width:100%; margin-top:13px;} #Down .footMessage .fv0{ float:left; width:100%; height:33px; line-height:33px; color:#333; font-size:14px; padding:0 12px;} #Down .footMessage .fv1{ float:left; width:112px; height:26px; line-height:26px; color:#fff; font-size:15px; background:#29abe2; border-radius:8px;} #Down .footMessage .fv2{ float:right; width:112px; height:26px; line-height:26px; color:#fff; font-size:15px; background:#c1272d; border-radius:8px;text-align:center} #Down .footMessage .fv1:hover, #Down .footMessage .fv2:hover{ box-shadow:0 5px 10px rgba(255,255,255,0.1);} @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } /*banner*/ #Slide .slide_banner{ float:left; width:100%; line-height:0;min-width:1230px; background:#000000; position:absolute; left:0; top:0; z-index:1; overflow:hidden;} #Slide .banText{ float:left; width:100%; position:relative; z-index:6; margin:14.62% 0 0 0;} #Slide .banText .tit1{ float:left; width:100%; color:#fff; font-size:65px; line-height:75px; letter-spacing:12px; font-weight:600;} #Slide .banText .tit2{ float:left; margin:17px 0 45px 0; background:rgba(0,0,0,0.2); border-radius:25px; padding:7px 17px;} #Slide .banText .tit2 i{ float:left; line-height:0; margin:7px 23px;} #Slide .banText .tit3{ float:left; width:100%; color:#fff; font-size:21px; line-height:31px; letter-spacing:4px;} @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } /*hCont1*/ #Content .hCont1{ float:left; width:100%; position:relative; z-index:6; min-width:1230px; margin:9.21% 0 7.7% 0;} #Content .hCont1 .Cont1{ float:left; width:803px; background:#eedabf; background: linear-gradient(to bottom,#efdabf,#b9a485); position:relative; margin:0 9px 0 0; padding:28px 18px 15px 37px;} #Content .hCont1 .Cont1 .tit1{ float:left; width:100%;} #Content .hCont1 .Cont1 .tit1 span{ float:left; background:#c2272d; text-transform:uppercase; color:#000; font-size:12px; line-height:16px; padding:0 7px; animation: fade 600ms infinite; -webkit-animation: fade 600ms infinite;} #Content .hCont1 .Cont1 .tit2{ float:left; width:100%; margin:9px 0 25px 0;} #Content .hCont1 .Cont1 .tit2 span{ float:left; background:#c2272d; text-transform:uppercase; color:#fff; font-size:19px; line-height:32px; padding:0 10px 0 14px; letter-spacing:4px;} #Content .hCont1 .Cont1 .info{ float:left; width:100%;} #Content .hCont1 .Cont1 .info .l1{ float:left; width:364px; padding:8px 13px 5px 13px; background:#eedabf; background: linear-gradient(to bottom,#c6b297,#b3a082); margin-right:10px;} #Content .hCont1 .Cont1 .info .p1{ float:left; width:100%; color:#010000; font-size:19px; line-height:29px; font-weight:bold;} #Content .hCont1 .Cont1 .info .p1 span{ font-weight:normal; margin-left:9px; font-size:12px; color:#3f352b;} #Content .hCont1 .Cont1 .info .p2{ float:left; width:100%; margin-top:10px;} #Content .hCont1 .Cont1 .info .p2 .h4{ float:left; color:#000200; font-size:18px; line-height:28px;} #Content .hCont1 .Cont1 .info .p2 .h4 span{ font-size:14px; margin-left:13px;} #Content .hCont1 .Cont1 .info .p2 .h5{ float:right; color:#000200; font-size:18px; line-height:28px; font-weight:600; letter-spacing:4px;} #Content .hCont1 .Cont1 .info .l1:hover .p2 .h5{ color:#c2272d;} #Content .hCont1 .Cont1 .ico{ float:left; position:absolute; right:20px; top:5px;} #Content .hCont1 .Cont2{ float:left; width:363px; background:#25242a; height:auto; padding:22px 20px 0 20px; position:relative;} #Content .hCont1 .Cont2 .l1{ float:left; width:100%;} #Content .hCont1 .Cont2 .l1 .info{ float:left; width:auto; color:#fff; font-size:19px; line-height:28px; margin:5px 0 0 0; letter-spacing:2px;} #Content .hCont1 .Cont2 .l1 .info i{ font-size:15px; font-weight:bold; background:#c12332; padding:0 5px; line-height:19px; height:20px; margin-right:11px; position:relative;} #Content .hCont1 .Cont2 .l1 .info i:after{ float:left; width:0; height:0; content:''; position:absolute; right:100%; top:0; content:''; border-left:3px solid transparent;border-bottom: 20px solid #c12332; } #Content .hCont1 .Cont2 .l1 .info i:before{ float:left; width:0; height:0; content:''; position:absolute; left:100%; top:0; content:''; border-right:3px solid transparent;border-top: 20px solid #c12332; } #Content .hCont1 .Cont2 .l1 .img{ float:right; width:108px; line-height:0;} #Content .hCont1 .Cont2 .l2{ float:left; width:100%; margin-top:14px;} #Content .hCont1 .Cont2 .l2 li{ float:left; width:100%;} #Content .hCont1 .Cont2 .l2 li a{ float:left; width:100%; position:relative; padding-left:17px; color:#fff; color:rgba(255,255,255,0.6); font-size:12px; line-height:23px;} #Content .hCont1 .Cont2 .l2 li a:after{ float:left; width:5px; height:5px; border-radius:50%; background:#fff; content:''; position:absolute; left:0; top:50%; margin-top:-2px;} #Content .hCont1 .Cont2 .l2 li a:hover{ color:rgba(255,255,255,1);} #Content .hCont1 .Cont2 .next{ float:left; width:315px; height:28px; background:url(/template/theme/CN/1751_main32.png) center no-repeat; position:absolute; left:24px; bottom:-28px;} @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } /*hServiceBg*/ #Content2 .hServiceBg{ float:left; width:100%; background:#000; padding:0 0 137px 0;min-width:1230px; z-index:6;} #Content2 .hService{ float:left; width:100%; margin-top:40px; position:relative; z-index:6;} #Content2 .hService .hd{ float:left; width:185px; margin-top:60px;} #Content2 .hService .hd li{ float:left; width:100%; line-height:48px; color:#fff; font-size:18px; margin-top:20px; cursor:pointer; letter-spacing:3px; position:relative;} #Content2 .hService .hd li.on{ color:#ebdabe; font-weight:bold;} #Content2 .hService .bd{ float:left; width:1013px; position:relative;} #Content2 .hService .bd .cont1{ float:right; width:906px; line-height:0; margin-top:52px;} #Content2 .hService .bd .cont2{ float:left; width:348px; height:394px; background:url(/template/theme/CN/1752_main28.jpg) center no-repeat; background-size:cover; position:absolute; left:0; top:0; padding:102px 62px 0 62px;} #Content2 .hService .bd .cont2 .tit{ float:left; width:100%; color:#fff; font-size:34px; line-height:44px; letter-spacing:4px; font-weight:bold; text-align:center;} #Content2 .hService .bd .cont2 .info{ float:left; width:100%; color:#fff; font-size:25px; line-height:38px; opacity:0.8; filter:alpha(opacity=80); margin:18px 0 0 0; letter-spacing:1px;} #Content2 .hService .bd .cont2 .more{ float:left; width:100%; margin:64px 0 0 0;} #Content2 .hService .bd .cont2 .more a{ display:block; margin:0 auto; width:184px; height:42px; line-height:40px; text-align:center; color:#fff; font-size:23px; border-radius:6px; background:#c2272d;} #Content2 .hService .bd .cont2 .more a:hover{ box-shadow:0 5px 10px rgba(255,255,255,0.2);} #Content2 .hTitBg1{ float:left; width:100%; position:relative; left:0; top:0; z-index:6;} #Content2 .hTit1{ float:left; width:100%;min-width:1230px;} #Content2 .hTit1 .tit1{ float:left; width:100%; color:#fff; font-size:66px; line-height:66px; letter-spacing:10px;} #Content2 .hTit1 .tit2{ float:left; width:100%; color:#fff; font-size:40px; line-height:40px; letter-spacing:4px; font-weight:bold; margin-top:26px;} #Content2 .hTit1 .info{ float:left; width:100%; color:#fff; font-size:20px; line-height:30px; margin-top:10px;} @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } #Content3 .hTit1{ float:left; width:100%;min-width:1230px;} #Content3 .hTit1 .tit1{ float:left; width:100%; color:#fff; font-size:66px; line-height:66px; letter-spacing:10px;} #Content3 .hTit1 .tit2{ float:left; width:100%; color:#fff; font-size:40px; line-height:40px; letter-spacing:4px; font-weight:bold; margin-top:26px;} #Content3 .hTit1 .info{ float:left; width:100%; color:#fff; font-size:20px; line-height:30px; margin-top:10px;} /*hTuiBg*/ #Content3 .hTuiBg{ float:left; width:100%; padding:110px 0 120px 0;min-width:1230px;} #Content3 .hTui{ float:left; width:100%; margin-top:5px;} #Content3 .hTui .hd{ float:left; width:205px; margin-top:82px;} #Content3 .hTui .hd li{ float:left; width:100%; line-height:48px; color:#fff; font-size:18px; margin-top:20px; cursor:pointer; letter-spacing:3px; position:relative;} #Content3 .hTui .hd li.on{ color:#ebdabe; font-weight:bold;} #Content3 .hTui .bd{ float:right; width:966px; } #Content3 .hTui .ul1{ float:left; width:100%; position:relative;} #Content3 .hTui .ul1 .cont1{ float:left; width:794px; background:#25242a; margin-top:72px; padding:30px 268px 50px 88px; box-shadow:0 20px 40px rgba(0,0,0,0.5);} #Content3 .hTui .ul1 .cont1 .l1{ float:left; width:50%; position:relative; margin:45px 0; min-height:52px; padding-left:58px;} #Content3 .hTui .ul1 .cont1 .img{ float:left; width:52px; position:absolute; left:0; top:0;} #Content3 .hTui .ul1 .cont1 .l1:hover .img img{-webkit-transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg);} #Content3 .hTui .ul1 .cont1 .tit1{ float:left; width:100%; color:#e6dac0; font-size:21px; line-height:29px;} #Content3 .hTui .ul1 .cont1 .tit2{ float:left; width:100%; color:#fff; font-size:14px; line-height:22px;opacity:0.8; filter:alpha(opacity=80);} #Content3 .hTui .ul1 .cont2{ float:left; width:348px; min-height:409px; position:absolute; right:0; top:0; background:url(/template/theme/CN/1753_main27.jpg) center no-repeat; background-size:cover; padding:69px 32px 0 32px;} #Content3 .hTui .ul1 .cont2 .tit{ float:left; width:100%; color:#fff; font-size:34px; line-height:44px; letter-spacing:4px; font-weight:bold; text-align:center;} #Content3 .hTui .ul1 .cont2 .info{ float:left; width:100%; color:#fff; font-size:14px; line-height:28px; opacity:0.8; filter:alpha(opacity=80); margin:37px 0 0 0; letter-spacing:1px;} #Content3 .hTui .ul1 .cont2 .more{ float:left; width:100%; margin:23px 0 0 0;} #Content3 .hTui .ul1 .cont2 .more a{ display:block; margin:0 auto; width:184px; height:42px; line-height:40px; text-align:center; color:#fff; font-size:23px; border-radius:6px; background:#c1272d;} #Content3 .hTui .ul1 .cont2 .more a:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);} @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } /*hVisuaiBg*/ #Content4 .hVisuaiBg{ float:left; width:100%; background:#25242a; border-bottom:120px solid #020202; padding:46px 0 0 0;min-width:1230px;} #Content4 .hVisuai{ float:left; width:100%; position:relative; margin-top:51px; padding:49px 0 152px 0;} #Content4 .hVisuai .bg{ float:left; width:100%; position:absolute; left:0; top:0; height:100%; z-index:1; opacity:0.5; filter:alpha(opacity=50); } #Content4 .hVisuai .ul1{ margin:0 -15px;} #Content4 .hVisuai .l1{ float:left; width:25%; padding:0 15px;} #Content4 .hVisuai .la{ float:left; width:100%;} #Content4 .hVisuai .cont1{ float:left; width:100%; position:relative; overflow:hidden;} #Content4 .hVisuai .cont1 .img{ float:left; width:100%; line-height:0; background:#000;} #Content4 .hVisuai .la:hover .cont1 .img img{opacity:0.4; filter:alpha(opacity=40);} #Content4 .hVisuai .cont1 .tit1{ float:left; width:100%; color:#fff; font-size:24px; line-height:30px; position:absolute; left:0; top:50%; margin-top:-15px; text-align:center; letter-spacing:2px;-webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s; } #Content4 .hVisuai .cont1 .info{ float:left; width:100%; position:absolute; left:0; top:150%; margin-top:-66px; text-align:center; padding:0 20px;-webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s; } #Content4 .hVisuai .cont1 .p1{ float:left; width:100%; color:#fff; font-size:14px; line-height:24px; height:72px;} #Content4 .hVisuai .cont1 .more{ float:left; width:100%; margin:12px 0 4px 0;} #Content4 .hVisuai .cont1 .more a{ display:block; margin:0 auto; width:140px; height:32px; line-height:30px; text-align:center; color:#fff; font-size:18px; border-radius:6px; background:#c2272d;} #Content4 .hVisuai .cont1 .more a:hover{ box-shadow:0 5px 10px rgba(255,255,255,0.1);} #Content4 .hVisuai .cont2{ float:left; width:100%; height:138px; background:#fff; padding:16px 18px 12px 18px; position:relative; top:0;-webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s; } #Content4 .hVisuai .cont2 .num{ float:left; width:100%; color:#333333; font-size:30px; line-height:30px; font-weight:bold; } #Content4 .hVisuai .cont2 .tit2{ float:left; width:100%; color:#333333; font-size:20px; line-height:30px; margin:6px 0 14px 0;} #Content4 .hVisuai .cont2 .p2{ float:left; width:100%; color:#333333; font-size:15px; line-height:25px; } #Content4 .hVisuai .la:hover .cont1 .tit1{ top:-120%;} #Content4 .hVisuai .la:hover .cont1 .info{ top:50%;} #Content4 .hVisuai .la:hover .cont2{ background:#c2272d; height:158px; margin-top:-20px;} #Content4 .hVisuai .la:hover .cont2 .num{ color:#fff;} #Content4 .hVisuai .la:hover .cont2 .tit2{ color:#fff; font-size:24px; line-height:38px; margin:10px 0 13px 0;} #Content4 .hVisuai .la:hover .cont2 .p2{ color:#fff;} #Content4 .hTit1{ float:left; width:100%;min-width:1230px;} #Content4 .hTit1 .tit1{ float:left; width:100%; color:#fff; font-size:66px; line-height:66px; letter-spacing:10px;} #Content4 .hTit1 .tit2{ float:left; width:100%; color:#fff; font-size:40px; line-height:40px; letter-spacing:4px; font-weight:bold; margin-top:26px;} #Content4 .hTit1 .info{ float:left; width:100%; color:#fff; font-size:20px; line-height:30px; margin-top:10px;} # @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } #Content5 .hTit1{ float:left; width:100%;min-width:1230px;} #Content5 .hTit1 .tit1{ float:left; width:100%; color:#fff; font-size:66px; line-height:66px; letter-spacing:10px;} #Content5 .hTit1 .tit2{ float:left; width:100%; color:#fff; font-size:40px; line-height:40px; letter-spacing:4px; font-weight:bold; margin-top:26px;} #Content5 .hTit1 .info{ float:left; width:100%; color:#fff; font-size:20px; line-height:30px; margin-top:10px;} /*hAdvantBg*/ #Content5 .hAdvantBg{ float:left; width:100%; background:#020202; padding:82px 0 84px 0; position:relative;min-width:1230px;} #Content5 .hAdvantBg .bg{ float:left; width:100%; position:absolute; left:0; top:0; height:100%; z-index:1;} #Content5 .hAdvant{ float:left; width:100%; margin-top:69px;} #Content5 .hAdvant .hd{ float:left; width:241px;} #Content5 .hAdvant .hd li{ float:left; width:100%; line-height:41px; padding:0 0 0 4px; color:#fff; font-size:18px; margin-bottom:27px; cursor:pointer; letter-spacing:3px; position:relative;} #Content5 .hAdvant .hd li:after{ float:left; width:12px; height:15px; position:absolute; left:100%; top:50%; content:''; margin-top:-7px;} #Content5 .hAdvant .hd li.on{ background:url(/template/theme/CN/1755_main18.jpg) left center repeat-x; color:#c2272d; font-weight:bold;} #Content5 .hAdvant .hd li.on:after{ background:url(/template/theme/CN/1755_main19.png) center no-repeat;} #Content5 .hAdvant .bd{ float:right; width:840px; margin-right:24px; margin-top:90px;} #Content5 .hAdvant .ul1{ float:left; width:100%;} #Content5 .hAdvant .ul1 .tit{ float:left; width:100%; color:#fff; font-size:29px; line-height:41px;letter-spacing:3px;} #Content5 .hAdvant .ul1 .line{ float:left; width:116px; height:3px; background:#c2272d; margin:17px 0 23px 0;} #Content5 .hAdvant .ul1 .info{ float:left; width:100%; color:#fff; font-size:14px; line-height:30px; min-height:120px; letter-spacing:1px;} #Content5 .hAdvant .ul1 .more{ float:left; width:100%; margin-top:21px;} #Content5 .hAdvant .ul1 .more a{ float:right; width:184px; height:44px; line-height:42px; text-align:center; color:#eddabf; font-size:21px; border:1px solid #eddabf; border-radius:10px; margin-right:133px;} #Content5 .hAdvant .ul1 .more a:hover{ border:1px solid #c2272d; background:#c2272d; color:#fff;} @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } #Content6 .hTit1{ float:left; width:100%;min-width:1230px;} #Content6 .hTit1 .tit1{ float:left; width:100%; color:#fff; font-size:66px; line-height:66px; letter-spacing:10px;} #Content6 .hTit1 .tit2{ float:left; width:100%; color:#fff; font-size:40px; line-height:40px; letter-spacing:4px; font-weight:bold; margin-top:26px;} #Content6 .hTit1 .info{ float:left; width:100%; color:#fff; font-size:20px; line-height:30px; margin-top:10px;} /*hCase*/ #Content6 .hCaseBg{ float:left; width:100%; background:#19181d; padding:82px 0;min-width:1230px;} #Content6 .hCase{ float:left; width:100%; position:relative;} #Content6 .hCase .hd{ float:left; position:absolute; right:0; top:-44px;} #Content6 .hCase .hd li{ float:left; margin-left:36px; width:184px; height:44px; line-height:42px; text-align:center; color:#eddabf; font-size:21px; border:1px solid #eddabf; border-radius:10px; cursor:pointer;} #Content6 .hCase .hd li:hover{ border:none; background:#eddabf; color:#000000; box-shadow:-5px 0 10px rgba(0,0,0,0.5) inset;} #Content6 .hCase .hd li.on{ border:none; background:#eddabf; color:#000000; box-shadow:-5px 0 10px rgba(0,0,0,0.5) inset;} #Content6 .hCase .bd{ float:left; width:100%; margin-top:86px;} #Content6 .hCase .ul1{ margin:0 -3px;} #Content6 .hCase .ul1 li{ float:left; width:25%; padding:0 3px; min-height:550px;} #Content6 .hCase .ul1 li .la{ float:left; width:100%; position:relative; overflow:hidden;} #Content6 .hCase .ul1 .img{ float:left; width:100%; line-height:0; overflow:hidden; background:#000; border-radius:10px;} #Content6 .hCase .ul1 .img img{/*opacity:0.2; filter:alpha(opacity=20);*/ -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #Content6 .hCase .ul1 .info{ float:left; width:100%; position:absolute; left:0; top:200%; z-index:6; margin-top:-190px; padding:0 48px; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #Content6 .hCase .ul1 .tit{ float:left; width:100%; color:#fff; font-size:18px; line-height:27px; margin:83px 0 24px 0; letter-spacing:5px;} #Content6 .hCase .ul1 .line{ float:left; width:28px; height:3px; background:#fff;} #Content6 .hCase .ul1 .cont{ float:left; width:100%; color:#fff; font-size:12px; line-height:23px; letter-spacing:1px; margin-top:124px;} #Content6 .hCase .ul1.on li{ width:24.5%; position:relative; top:0;} #Content6 .hCase .ul1.on li:hover{ width:26.5%; margin-top:-25px;} #Content6 .hCase .ul1.on li:hover .info{ top:50%;} #Content6 .hCase .ul1.on li:hover .img img{opacity:0.4; filter:alpha(opacity=40);} @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } /*hTeamBg*/ #Content7 .hTeamBg{ float:left; width:100%; background:#201f24; padding:122px 0 120px 0;min-width:1230px;} #Content7 .hTeamC{ float:left; width:100%; position:relative;} #Content7 .hTeamBg .bg{ float:left; width:55.2%; height:100%; position:absolute; left:50%; top:0; background:#bca789;background: linear-gradient(to right,#eddabf,#b9a486); z-index:1; margin-left:-5.2%;} #Content7 .hTeam{ float:left; width:100%; position:relative; z-index:6;} #Content7 .hTeam .hd{ float:left; width:421px;} #Content7 .hTeam .ul0{ margin-right:-25px;} #Content7 .hTeam .ul0 li{ float:left; width:86px; height:86px; line-height:0; overflow:hidden; margin-right:25px; margin-top:41px; cursor:pointer; position:relative;} #Content7 .hTeam .ul0 li:after{ position:absolute; left:0; top:0; z-index:0; width:100%; height:100%; content:'';} #Content7 .hTeam .ul0 li.on:after{ border:1px solid #bd262d;} #Content7 .hTeam .bd{ float:right; width:700px;} #Content7 .hTeam .ul1{ float:left; width:100%; padding:84px 30px 84px 80px;} #Content7 .hTeam .ul1 .img{ float:left; width:291px; height:291px; line-height:0; overflow:hidden;} #Content7 .hTeam .ul1 .info{ float:right; width:250px;} #Content7 .hTeam .ul1 .name{ float:left; width:100%; color:#000000; font-size:43px; line-height:53px; font-weight:bold; margin:11px 0 5px 0;} #Content7 .hTeam .ul1 .p1{ float:left; width:100%; color:#000000; font-size:17px; line-height:27px; } #Content7 .hTeam .ul1 .p2{ float:left; width:100%; color:#000000; font-size:19px; line-height:42px; margin-top:11px;} #Content7 .hTit1{ float:left; width:100%;min-width:1230px;} #Content7 .hTit1 .tit1{ float:left; width:100%; color:#fff; font-size:66px; line-height:66px; letter-spacing:10px;} #Content7 .hTit1 .tit2{ float:left; width:100%; color:#fff; font-size:40px; line-height:40px; letter-spacing:4px; font-weight:bold; margin-top:26px;} #Content7 .hTit1 .info{ float:left; width:100%; color:#fff; font-size:20px; line-height:30px; margin-top:10px;} @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } /*hNewsBg*/ #Content8 .hTit1{ float:left; width:100%;min-width:1230px;} #Content8 .hTit1 .tit1{ float:left; width:100%; color:#fff; font-size:66px; line-height:66px; letter-spacing:10px;} #Content8 .hTit1 .tit2{ float:left; width:100%; color:#fff; font-size:40px; line-height:40px; letter-spacing:4px; font-weight:bold; margin-top:26px;} #Content8 .hTit1 .info{ float:left; width:100%; color:#fff; font-size:20px; line-height:30px; margin-top:10px;} #Content8 .hNewsBg{ float:left; width:100%; position:relative; padding:100px 0 0 0; background:#0f0f0f;min-width:1230px;} #Content8 .hNews{ float:left; width:100%; margin-top:60px; position:relative; padding:60px 0 80px 0;} #Content8 .hNews .bg{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; opacity:0.4; filter:alpha(opacity=40); z-index:1;} #Content8 .hNews .ul{ margin:0 -53px;} #Content8 .hNews .l1{ float:left; width:33.33%; padding:0 33px; margin-bottom:20px; min-height:574px;} #Content8 .hNews .l1 a{ float:left; width:100%; padding:22px 24px 0 24px;} #Content8 .hNews .l1 .time{ float:left; width:100%; border-bottom:1px solid #dad9d9; color:#fff; font-size:30px; line-height:51px; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #Content8 .hNews .l1 .time span{ float:right; font-size:14px; line-height:44px; margin-top:7px;} #Content8 .hNews .l1 .tit{ float:left; width:100%; color:#fff; font-size:24px; line-height:34px; font-weight:600; margin:23px 0 13px 0; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #Content8 .hNews .l1 .cont{ float:left; width:100%; color:#fff; font-size:16px; line-height:24px; height:72px; overflow:hidden; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #Content8 .hNews .l1 .img{ float:left; width:100%; line-height:0; overflow:hidden; margin-top:44px;} #Content8 .hNews .l1 .more{ height:0; overflow:hidden; float:left; width:100%; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #Content8 .hNews .l1 .more span{ display:block; margin:0 auto; width:185px; height:42px; line-height:40px; font-size:16px; color:#fff; text-align:center; border-radius:8px; background:#c1272d; letter-spacing:2px;} #Content8 .hNews .l1 a:hover{ background: #bca789; background: linear-gradient(to bottom,#eddabf,#b9a486);} #Content8 .hNews .l1 a:hover .time{ border-bottom:1px solid #fff; border-bottom:1px solid rgba(255,255,255,0.5);color:#c1272d;} #Content8 .hNews .l1 a:hover .time span{ color:#fff;} #Content8 .hNews .l1 a:hover .tit{ color:#c2272d;} #Content8 .hNews .l1 a:hover .cont{ color:#333;} #Content8 .hNews .l1 a:hover .more{ height:auto; overflow:inherit; margin:33px 0 36px 0;} #Content8 .hNews .l1 .more span:hover{ box-shadow:0 5px 15px rgba(0,0,0,0.3);} #Content8 .index_more{overflow:hidden; float:left; width:100%; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #Content8 .index_more span{ display:block; margin:0 auto; width:185px; height:42px; line-height:40px; font-size:16px; color:#fff; text-align:center; border-radius:8px; background:#c1272d; letter-spacing:2px;} @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @font-face { font-family: 'OPENSANS-BOLD'; src: url('fonts/OPENSANS-BOLD.eot'); src: url('fonts/OPENSANS-BOLD.eot?#iefix') format('embedded-opentype'), url('fonts/OPENSANS-BOLD.woff') format('woff'), url('fonts/OPENSANS-BOLD.ttf') format('truetype'), url('fonts/OPENSANS-BOLD.svg#open_sanslight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OPENSANS-LIGHT'; src: url('fonts/OPENSANS-LIGHT.eot'); src: url('fonts/OPENSANS-LIGHT.eot?#iefix') format('embedded-opentype'), url('fonts/OPENSANS-LIGHT.woff') format('woff'), url('fonts/OPENSANS-LIGHT.ttf') format('truetype'), url('fonts/OPENSANS-LIGHT.svg#open_sanslight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OPENSANS-REGULAR'; src: url('fonts/OPENSANS-REGULAR.eot'); src: url('fonts/OPENSANS-REGULAR.eot?#iefix') format('embedded-opentype'), url('fonts/OPENSANS-REGULAR.woff') format('woff'), url('fonts/OPENSANS-REGULAR.ttf') format('truetype'), url('fonts/OPENSANS-REGULAR.svg#open_sanslight') format('svg'); font-weight: normal; font-style: normal; } #Content9 .head{ float:left; width:100%; min-width:1230px;} #Content9 .logo{ float:left; width:296px; height:28px; line-height:0; margin:48px 0 0 0; position:relative; z-index:6;} #Content9 .so{ float:right; min-width:32px; position:relative; margin:50px 0 0 30px; z-index:8;} #Content9 .so .Search{ float:left; width:0; height:28px; line-height:24px; color:#666; font-size:14px; position:absolute; right:0; top:0; z-index:6; border-radius:32px;-webkit-transition: 0.5s ease;-moz-transition: 0.5s ease;-ms-transition: 0.5s ease; -o-transition: 0.5s ease;transition: 0.5s ease;} #Content9 .so .sear_sub{ float:left; width:32px; height:28px; border:none;background:url(/template/theme/CN/1759_top5.png) center no-repeat; position:relative; z-index:8;} #Content9 .so:hover .Search{ width:160px; padding:0 60px 2px 12px; box-shadow:0 0 10px rgba(0,0,0,0.1); background:#fff; border:1px solid #d4d4d4;} #Content9 .so:hover .sear_sub{background:url(/template/theme/CN/1759_top5_1.png) center no-repeat; background-size:20px 15px;} /*menu*/ #Content9 .menu{float:right; margin-top:45px;} #Content9 .menu .nli{ float:left; /*position:relative;*/} #Content9 .menu .nli span a{ float:left; position:relative; color:#fff; color:rgba(255,255,255,0.9); font-size:18px; line-height:34px; margin:0 14px;} #Content9 .menu .nli.active span a, #Content9 .menu .nli:hover span a{ color:#fff;} /*head*/ #Content9 .head.bg{ background:#fff; height:95px; position:relative; top:0; z-index:6; border-bottom:1px solid #d4d4d4;} #Content9 .head.bg .menu .nli span a{ color:#000000; color:rgba(0,0,0,1);} #Content9 .head.bg .menu .nli.active span a, #Content9 .head.bg .menu .nli:hover span a{ color:#c0272d;} #Content9 .head.bg .so .sear_sub{background:url(/template/theme/CN/1759_top5_1.png) center no-repeat;} #Content9 .head.bg .so:hover .sear_sub{ background-size:19px 14px;} @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } /*newsCont7*/ #Content10 .newsCont7{ float:left; width:100%; background:#fff; padding:21px 20px 0 20px;} #Content10 .newsCont7 .cont{ float:left; width:100%; border:1px solid #efefef; padding:7px 10px;} #Content10 .newsCont7 .tit{ float:left; width:77px; text-align:center; position:relative; color:#fff; line-height:26px; font-size:16px; background:#c0272d; margin:3px 0;} #Content10 .newsCont7 .tit:after{ float:left; width:0; height:0; content:''; position:absolute; left:100%; top:0; border-top: 13px solid transparent; border-bottom:13px solid transparent;border-left: 8px solid #c0272d; } #Content10 .newsCont7 .bd{ float:left; margin-left:26px; width:800px; overflow:hidden;} #Content10 .newsCont7 .bd li{ float:left; margin-right:13px;} #Content10 .newsCont7 .bd li a{ float:left; color:#666666; font-size:14px; line-height:32px; padding-left:19px; position:relative;} #Content10 .newsCont7 .bd li a:after{ float:left; width:7px; height:7px; border-radius:50%; background:#3e3e3e; position:absolute; left:0; top:50%; margin-top:-3px; content:'';} #Content10 .newsCont7 .bd li a:hover{ color:#c0272d;} #Content10 .newsCont7 .so1{ float:right; width:210px; height:32px; position:relative;} #Content10 .newsCont7 .so1 .Search{ float:left; width:100%; height:32px; background:#fff; border:1px solid #c0272d; line-height:30px; color:#666; padding:0 50px 0 6px;} #Content10 .newsCont7 .so1 .sear_sub{ float:left; width:44px; height:100%; position:absolute; right:0; top:0; background:url(/template/theme/CN/1760_new16.png) center no-repeat #c0272d;} @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } #Content11 .newsCont8{ float:left; width:100%; background:#fff; padding:0 20px;} #Content11 .newsCont8 .cont1{ float:left; width:670px; margin-top:10px;} #Content11 .newsCont8 .cont1 .l1{ float:left; width:100%; position:relative;} #Content11 .newsCont8 .cont1 .img{ float:left; width:100%; line-height:0; overflow:hidden;} #Content11 .newsCont8 .cont1 .tit{ float:left; width:100%; position:absolute; left:0; bottom:0; background:#000; background:rgba(0,0,0,0.5); padding:10px 14px; color:#fff; font-size:18px; line-height:26px; font-weight:600;} #Content11 .newsCont8 .cont2{ float:left; width:130px; margin-left:20px;} #Content11 .newsCont8 .cont2 .l1{ background:#000; margin-top:10px;} #Content11 .newsCont8 .cont2 .la{ float:left; width:100%; height:84px; overflow:hidden; color:#fff; font-size:14px; line-height:17px; padding:17px 20px; text-align:justify; cursor:pointer;-webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #Content11 .newsCont8 .cont2 .la:hover{opacity:0.6; filter:alpha(opacity=60);} #Content11 .newsCont8 .cont3{ float:right; width:311px;} #Content11 .newsCont8 .cont3 .tit{ float:left; width:100%; border-bottom:3px solid #f5f5f5; margin-top:5px; line-height:35px; color:#333333; font-size:18px; height:38px;} #Content11 .newsCont8 .cont3 .tit span{ float:left; border-bottom:3px solid #c2272d; padding-left:25px; background:url(/template/theme/CN/1761_new17.png) left center no-repeat;} #Content11 .newsCont8 .cont3 .ul{ float:left; width:100%; margin:20px 0;} #Content11 .newsCont8 .cont3 .ul li{ float:left; width:100%; border-bottom:1px solid #f0f0f0;} #Content11 .newsCont8 .cont3 .ul li a{ float:left; width:100%; color:#333333; font-size:16px; line-height:25px; padding:7px 0 7px 30px; position:relative;} #Content11 .newsCont8 .cont3 .ul li a .hot2{ font-size:8px; color:#000; text-transform:uppercase; margin-left:8px; background:#c0272d; padding:0 2px; color:#000000; position:relative; top:-4px;animation: fade 600ms infinite; -webkit-animation: fade 600ms infinite;} #Content11 .newsCont8 .cont3 .ul li a:hover{ color:#c2272d;} #Content11 .newsCont8 .cont3 .ul li span{ float: left; width:20px; height:20px; border-radius:50%; border:1px solid #cdcdcd; line-height:18px; color:#999999; font-size:14px; text-align:center; padding:0; position:absolute; left:0; top:10px;} #Content11 .newsCont8 .cont3 .ul li.l1 span{ border:1px solid #c2272d; color:#c2272d;} #Content11 .newsCont8 .cont3 .ul li:last-child{ border-bottom:none;} #Content11 .newsCont8 .cont3 .cont{ float:left; width:100%; color:#929090; font-size:12px; line-height:22px;} @keyframes fade { from { opacity: 1.0; } 50% { opacity: 0.5; } to { opacity: 1.0; } } @-webkit-keyframes fade { from { opacity: 1.0; } 50% { opacity: 0.5; } to { opacity: 1.0; } } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } #Content12 .newsCont9{ float:left; width:100%; background:#fff; padding:20px;} #Content12 .newsCont9 .cont3{ float:right; width:335px; min-height:90px; padding:13px 13px 13px 112px; background:#c2272d; position:relative;} #Content12 .newsCont9 .cont3 .img{ float:left; width:50px; position:absolute; left:42px; top:21px;} #Content12 .newsCont9 .cont3 .tit1{ float:left; color:#fff; font-size:32px; line-height:42px;} #Content12 .newsCont9 .cont3 .tit2{ float:left; color:#fff; font-size:14px; line-height:24px;} #Content12 .newsCont9 .ul1{ float:left; width:780px;} #Content12 .newsCont9 .ul1 li{ float:left; width:370px; margin-right:20px;} #Content12 .newsCont9 .ul1 .www{ float:left; width:43px; text-align:center; color:#fff; font-size:16px; line-height:20px; height:90px; background:#ff0000; padding:15px 5px 0 5px; border:1px solid #e5e5e5;} #Content12 .newsCont9 .ul1 .img{ float:left; width:180px; height:90px; line-height:0; overflow:hidden;} #Content12 .newsCont9 .ul1 .info{ float:left; width:147px; padding:5px 10px; min-height:90px; border:1px solid #e5e5e5; border-left:none;} #Content12 .newsCont9 .ul1 .tit{ float:left; width:100%; color:#333333; font-size:12px; line-height:22px;} #Content12 .newsCont9 .ul1 .cont{ float:left; width:100%; color:#c2272d; font-size:16px; line-height:26px; font-weight:bold; font-style:italic;} #Content12 .newsCont9 .ul1 .cont span{ font-weight:normal; font-style:normal; margin-left:8px; color:#999999; font-size:12px; text-decoration:line-through;} @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } #List .main { float: left; width: 100%; background: #f1f1f1; padding: 40px 0 54px 0; min-width: 1230px; } #List .newsTab .bd{ float:left; width:100%;} #List .newsTab .bd li{ float:left; width:100%; background:#fff; position:relative; margin-top:20px;} #List .newsTab .bd li .la{ float:left; width:100%; padding:24px;} #List .newsTab .bd li .img{ float:left; width:262px; line-height:0; overflow:hidden;} #List .newsTab .bd li .img img{ -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;} #List .newsTab .bd li .la:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} #List .newsTab .bd li .info{ float:right; width:445px;} #List .newsTab .bd li .tit{ float:left; width:100%; color:#333333; font-size:24px; line-height:34px; margin:5px 0 17px 0; position:relative;} #List .newsTab .bd li .tit i{ float:left; width:20px; height:1px; position:absolute; right:20px; top:50%; background:#c2272d;opacity:0; filter:alpha(opacity=00);-webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } #List .newsTab .bd li .tit i:after{ float:left; content:''; width:6px; height:1px; position:absolute; right:0; top:50%; background:#c2272d; transform:rotate(45deg); margin-top:-3px;} #List .newsTab .bd li .tit i:before{ float:left; content:''; width:6px; height:1px; position:absolute; right:0; top:50%; background:#c2272d;transform:rotate(-45deg); margin-top:1px;} #List .newsTab .bd li .cont{ float:left; width:100%; color:#666666; font-size:16px; line-height:24px; height:72px; overflow:hidden;} #List .newsTab .bd li .time{ float:left; width:100%; color:#666666; font-size:16px; line-height:26px; margin-top:28px;} #List .newsTab .bd li .la:hover{ box-shadow:0 0 15px rgba(0,0,0,0.25);} #List .newsTab .bd li .la:hover .tit{ color:#c2272d; text-decoration:underline;} #List .newsTab .bd li .la:hover .tit i{opacity:1; filter:alpha(opacity=100); right:0;} #List .newsTab .bd li .la:hover .cont{opacity:0.8; filter:alpha(opacity=80);} #List .newsTab .bd li .la:hover .time{opacity:0.8; filter:alpha(opacity=80);} #List .newsR{ float:right; width:375px;} #List .newsCont3{ float:left; width:100%; margin-top:20px;} #List .newsCont3 .l1{ float:left; width:100%; line-height:0;} #List .newsCont4{ float:left; width:100%; margin-top:10px; background:#fff; padding:14px;} #List .newsCont4 .tit{ float:left; width:100%; color:#000000; font-size:16px; line-height:20px; padding:0 7px;} #List .newsCont4 .ul4{ float:left; width:100%; border:1px solid #f2f2f2; border-top:none; color:#111111; font-size:14px; line-height:24px; text-align:center; margin-top:12px;} #List .newsCont4 .ul4 li{ float:left; width:50%;} #List .newsCont4 .ul4 .la{ float:left; width:100%; color:#111111; padding:6px 1px; border-top:1px solid #f2f2f2; border-right:1px solid #f2f2f2;} #List .newsCont4 .ul4 li:nth-child(2n) .la{ border-right:none;} #List .newsCont4 .ul4 .la:hover{ background:#c2272d; color:#fff;} #List .newsCont5{ float:left; width:100%; margin-top:10px; background:#fff; padding:36px 20px 20px 20px;} #List .newsCont5 .tit{ float:left; width:100%; color:#000000; font-size:16px; line-height:20px;} #List .newsCont5 .ul5{ float:left; width:100%;} #List .newsCont5 .ul5 li{ float:left; width:100%; margin:15px 0 3px 0;} #List .newsCont5 .ul5 .la{ float:left; width:100%; color:#000000; font-size:14px; line-height:24px; padding-left:9px; position:relative;} #List .newsCont5 .ul5 .la:after{ float:left; width:0; height:0; position:absolute; left:0; top:7px; content:''; border-top: 5px solid transparent; border-bottom:5px solid transparent;border-left: 5px solid #c5383d; } #List .newsCont5 .ul5 .hot1{ font-size:8px; color:#000; text-transform:uppercase; margin-left:56px; background:#c0272d; padding:0 2px; color:#000000;} #List .newsCont5 .ul5 .hot2{ font-size:8px; color:#000; text-transform:uppercase; margin-left:8px; background:#c0272d; padding:0 2px; color:#000000; position:relative; top:-4px; animation: fade 600ms infinite; -webkit-animation: fade 600ms infinite;} #List .newsCont5 .ul5 time{ float:left; width:100%; color:#000000; font-size:12px; line-height:22px; padding-left:9px; margin-top:2px;} #List .newsCont5 .ul5 li:hover .la{ color:#c0272d;} @keyframes fade { from { opacity: 1.0; } 50% { opacity: 0.5; } to { opacity: 1.0; } } @-webkit-keyframes fade { from { opacity: 1.0; } 50% { opacity: 0.5; } to { opacity: 1.0; } } /*newsL1*/ #List .newsL1{ width:905px; float:left;} #List .newsR1{ width:262px;} #List .newsTab1 .bd li .info{ width:544px; margin-right:18px;} #List .newsTab1{ margin:0;} @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } #Content13 .main{ float:left; width:100%; background:#f1f1f1; padding:40px 0 54px 0; min-width:1230px;} #Content13 .newsCont6{ float:left; width:100%; background:#fff; padding:0 30px;} #Content13 .newsCont6 .tit{ float:left; width:100%; text-align:center; position:relative; margin-top:15px;} #Content13 .newsCont6 .tit:after{ float:left; width:100%; height:4px; background:#f4f4f4; content:''; position:absolute; left:0; top:50%; margin-top:-2px; z-index:1;} #Content13 .newsCont6 .tit .h4{ display:inline-block; color:#666666; font-size:20px; line-height:20px; padding:0 10px; background:#fff; position:relative; z-index:6;} #Content13 .newsCont6 .tit .h4:after, #Content13 .newsCont6 .tit .h4:before{float:left; width:88px; height:4px; background:#c2272d; content:''; position:absolute; left:100%; top:50%; margin-top:-2px; z-index:2;} #Content13 .newsCont6 .tit .h4:before{ left:auto; right:100%;} #Content13 .newsCont6 .tit span{ display:block; color:#666666; font-size:16px; line-height:16px; text-transform:uppercase; margin-top:5px;} #Content13 .partners{ float:left; width:100%; margin:35px 0;} #Content13 .partners .ul{ margin:0 -7px;} #Content13 .partners li{ float:left; line-height:0; padding:7px;} #Content13 .partners li a{ float:left; width:130px; border:2px solid #f4f3f3;} #Content13 .partners li a:hover{ border:2px solid #c2272d;} @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } /*newsL*/ #Content14 .main{ float:left; width:100%; background:#f1f1f1; padding:40px 0 54px 0; min-width:1230px;} #Content14 .newsL{ float:left; width:804px;} #Content14 .newsDet{ float:left; width:100%; background:#fff; padding:20px 35px 42px 35px;} #Content14 .newsDet .tit{ float:left; width:100%; text-align:center; color:#000000; font-size:28px; line-height:38px;} #Content14 .newsDet .info{ float:left; width:100%; text-align:center; color:#666666; font-size:16px; line-height:26px; margin:31px 0 48px 0;} #Content14 .newsDet .cont{ float:left; color:#000000; font-size:16px; line-height:30px;} #Content14 .sx_fy{ float:left; width:100%; background:url(/template/theme/CN/1765_new3.png) center top no-repeat; padding:102px 0 0 0; margin-top:44px;} #Content14 .sx_fy a{ float:left; width:48%; color:#666666; font-size:14px; line-height:22px;} #Content14 .sx_fy a.r{ float:right; text-align:right;} #Content14 .sx_fy a span{ display:block; color:#999999; font-size:12px;} #Content14 .sx_fy a:hover{ color:#c2272d;} #Content14 .newsCont{ float:left; width:100%; background:#fff; padding:25px; margin-top:40px;} #Content14 .newsCont .cont{ float:left; width:100%; background:#f2f2f2; padding:18px 26px;} #Content14 .newsCont .cont .tit{ float:left; width:30px; text-align:center; background:#c2272d; color:#fff; font-size:18px; line-height:19px; padding:11px 0;} #Content14 .newsCont .cont .p1{ float:right; width:640px; color:#333333; font-size:18px; line-height:30px; margin-top:1px;} #Content14 .newsCont .info{ float:left; width:100%; margin-top:15px;} #Content14 .newsCont .info .ul1{ margin:0 -12px;} #Content14 .newsCont .info li{ float:left; width:25%; padding:0 12px; margin-top:15px;} #Content14 .newsCont .info .la{ float:left; width:100%; background:#fff; border:1px solid #e1e1e1;} #Content14 .newsCont .info .img{ float:left; width:100%; line-height:0; overflow:hidden;} #Content14 .newsCont .info .img img{ -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;} #Content14 .newsCont .info .la:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} #Content14 .newsCont .info .tit{ float:left; width:100%; text-align:center; border-top:1px solid #e1e1e1; color:#333333; font-size:18px; line-height:27px; padding:9px;} #Content14 .newsCont .info .la:hover .tit{ color:#c2272d;} #Content14 .newsTab{ float:left; width:100%; margin-top:40px;} #Content14 .newsTab .hd{ float:left; width:100%; background:#fff; padding:0 2px;} #Content14 .newsTab .hd li{ float:left; color:#000000; font-size:16px; line-height:70px; margin:0 22px; cursor:pointer;-webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #Content14 .newsTab .hd li.on{ color:#c2272d; font-size:20px;} #Content14 .newsTab .bd{ float:left; width:100%;} #Content14 .newsTab .bd li{ float:left; width:100%; background:#fff; position:relative; margin-top:20px;} #Content14 .newsTab .bd li .la{ float:left; width:100%; padding:24px;} #Content14 .newsTab .bd li .img{ float:left; width:262px; line-height:0; overflow:hidden;} #Content14 .newsTab .bd li .img img{ -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;} #Content14 .newsTab .bd li .la:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} #Content14 .newsTab .bd li .info{ float:right; width:445px;} #Content14 .newsTab .bd li .tit{ float:left; width:100%; color:#333333; font-size:24px; line-height:34px; margin:5px 0 17px 0; position:relative;} #Content14 .newsTab .bd li .tit i{ float:left; width:20px; height:1px; position:absolute; right:20px; top:50%; background:#c2272d;opacity:0; filter:alpha(opacity=00);-webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } #Content14 .newsTab .bd li .tit i:after{ float:left; content:''; width:6px; height:1px; position:absolute; right:0; top:50%; background:#c2272d; transform:rotate(45deg); margin-top:-3px;} #Content14 .newsTab .bd li .tit i:before{ float:left; content:''; width:6px; height:1px; position:absolute; right:0; top:50%; background:#c2272d;transform:rotate(-45deg); margin-top:1px;} #Content14 .newsTab .bd li .cont{ float:left; width:100%; color:#666666; font-size:16px; line-height:24px; height:72px; overflow:hidden;} #Content14 .newsTab .bd li .time{ float:left; width:100%; color:#666666; font-size:16px; line-height:26px; margin-top:28px;} #Content14 .newsTab .bd li .la:hover{ box-shadow:0 0 15px rgba(0,0,0,0.25);} #Content14 .newsTab .bd li .la:hover .tit{ color:#c2272d; text-decoration:underline;} #Content14 .newsTab .bd li .la:hover .tit i{opacity:1; filter:alpha(opacity=100); right:0;} #Content14 .newsTab .bd li .la:hover .cont{opacity:0.8; filter:alpha(opacity=80);} #Content14 .newsTab .bd li .la:hover .time{opacity:0.8; filter:alpha(opacity=80);} #Content14 .newsR{ float:right; width:375px;} #Content14 .newsRoll{ float:left; width:100%;} #Content14 .newsRoll .l1{ float:left; width:100%; line-height:0;} #Content14 .newsRoll .slick-dots{ left:auto; right:10px; bottom:10px; width:auto; height:8px;} #Content14 .newsRoll .slick-dots li{ float:left; width:8px; height:8px; border-radius:50%; background:#fff; margin-right:8px; vertical-align:top;opacity:0.3; filter:alpha(opacity=30);} #Content14 .newsRoll .slick-dots li.slick-active{opacity:1; filter:alpha(opacity=100);} #Content14 .newsCont1{ float:left; width:100%; background:#fff; padding:23px 30px 30px 30px; margin:10px 0;} #Content14 .newsCont1 .tit{ float:left; width:100%; line-height:34px; border-bottom:3px solid #f5f5f5; height:37px; color:#333333; font-size:18px;} #Content14 .newsCont1 .tit span{ float:left; border-bottom:3px solid #c2272d; padding-left:26px; background:url(/template/theme/CN/1765_new10.png) left center no-repeat;} #Content14 .newsCont1 .jiaru{ float:left; width:166px; margin-top:6px;} #Content14 .newsCont1 .jiaru .l1{ float:left; width:100%; margin-top:10px;} #Content14 .newsCont1 .jiaru .l1 span{ float:left; color:#666666; font-size:14px; line-height:22px;} #Content14 .newsCont1 .jiaru .l1 a{ float:right; width:51px; height:22px; line-height:18px; border:1px solid #c2272d; border-radius:3px; color:#c2272d; font-size:14px; text-align:center;} #Content14 .newsCont1 .jiaru .l1 a:hover{ background:#c2272d; color:#fff;} #Content14 .newsCont1 .gzh{ float:right; width:104px; box-shadow:0 0 6px rgba(0,0,0,0.2); text-align:center; margin-top:22px;} #Content14 .newsCont1 .gzh .img{ float:left; width:84px; height:84px; line-height:0; margin:10px 0 0 10px;} #Content14 .newsCont1 .gzh .p1{ float:left; width:100%; color:#999999; font-size:12px; line-height:22px; margin-bottom:2px;} #Content14 .newsCont2{ float:left; width:100%;} #Content14 .newsCont2 .la{ float:left; width:100%; text-align:center; margin-top:10px; padding:30px 15px;} #Content14 .newsCont2 .tit1{ float:left; width:100%;} #Content14 .newsCont2 .tit1 span{ display:inline-block; vertical-align:top; color:#fff; font-size:24px; line-height:34px; padding:0 15px; background:url(/template/theme/CN/1765_new14.png) center no-repeat; background-size:100% 100%; min-width:159px;} #Content14 .newsCont2 .tit2{ float:left; width:100%; color:#e7e622; font-size:30px; line-height:40px; font-weight:bold; margin-top:15px;} #Content14 .newsCont3{ float:left; width:100%; margin-top:20px;} #Content14 .newsCont3 .l1{ float:left; width:100%; line-height:0;} #Content14 .newsCont4{ float:left; width:100%; margin-top:10px; background:#fff; padding:14px;} #Content14 .newsCont4 .tit{ float:left; width:100%; color:#000000; font-size:16px; line-height:20px; padding:0 7px;} #Content14 .newsCont4 .ul4{ float:left; width:100%; border:1px solid #f2f2f2; border-top:none; color:#111111; font-size:14px; line-height:24px; text-align:center; margin-top:12px;} #Content14 .newsCont4 .ul4 li{ float:left; width:50%;} #Content14 .newsCont4 .ul4 .la{ float:left; width:100%; color:#111111; padding:6px 1px; border-top:1px solid #f2f2f2; border-right:1px solid #f2f2f2;} #Content14 .newsCont4 .ul4 li:nth-child(2n) .la{ border-right:none;} #Content14 .newsCont4 .ul4 .la:hover{ background:#c2272d; color:#fff;} #Content14 .newsCont5{ float:left; width:100%; margin-top:10px; background:#fff; padding:36px 20px 20px 20px;} #Content14 .newsCont5 .tit{ float:left; width:100%; color:#000000; font-size:16px; line-height:20px;} #Content14 .newsCont5 .ul5{ float:left; width:100%;} #Content14 .newsCont5 .ul5 li{ float:left; width:100%; margin:15px 0 3px 0;} #Content14 .newsCont5 .ul5 .la{ float:left; width:100%; color:#000000; font-size:14px; line-height:24px; padding-left:9px; position:relative;} #Content14 .newsCont5 .ul5 .la:after{ float:left; width:0; height:0; position:absolute; left:0; top:7px; content:''; border-top: 5px solid transparent; border-bottom:5px solid transparent;border-left: 5px solid #c5383d; } #Content14 .newsCont5 .ul5 .hot1{ font-size:8px; color:#000; text-transform:uppercase; margin-left:56px; background:#c0272d; padding:0 2px; color:#000000;} #Content14 .newsCont5 .ul5 .hot2{ font-size:8px; color:#000; text-transform:uppercase; margin-left:8px; background:#c0272d; padding:0 2px; color:#000000; position:relative; top:-4px; animation: fade 600ms infinite; -webkit-animation: fade 600ms infinite;} #Content14 .newsCont5 .ul5 time{ float:left; width:100%; color:#000000; font-size:12px; line-height:22px; padding-left:9px; margin-top:2px;} #Content14 .newsCont5 .ul5 li:hover .la{ color:#c0272d;} @keyframes fade { from { opacity: 1.0; } 50% { opacity: 0.5; } to { opacity: 1.0; } } @-webkit-keyframes fade { from { opacity: 1.0; } 50% { opacity: 0.5; } to { opacity: 1.0; } } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } /*分页*/ .z_fy_1{ width:100%; float:left; padding:40px 0;} .pz_fy{width:100%; float:left; text-align: center; padding:5px 0;}/*分页浮左或者浮右，修改此处即可。例：text-align:left;*/ .pz_fy a {color: #323232; text-decoration:none;background:#fff; font-size:12px;display:inline-block;width:30px;height:30px;text-align: center;line-height: 28px; overflow:hidden; border:solid 1px #f3f3f3; margin-left:-1px; font-family:PingFangHK-Regular-Proportional; position:relative; vertical-align:top;} .pz_fy a:hover,.pz_fy a.on{color: #fff; background-color:#c0272d; border:solid 1px #c0272d; text-decoration:none;}/*鼠标经过和默认当前页样式*/ .pz_fy a img{ position:absolute; left:50%; top:50%; margin-left:-4px; width:7px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);} /*下拉菜单（漂浮在menu .nli上）*/ .menu .sub{ float:left; width:100%; left:0; position:absolute; top:94px; text-align:left; display:none; z-index:999; background:#f2f4f3; padding:5px 0; -webkit-box-shadow:inset 0 6px 6px rgba(0,0,0,0.11); -moz-box-shadow:inset 0 6px 6px rgba(0,0,0,0.11); box-shadow:inset 0 6px 6px rgba(0,0,0,0.11); } .menu .sub2{ text-align:center; width:100%;} .menu .sub2 li{ display:inline-block; padding:8px 0; } .menu .sub2 li a{ float:left; line-height:18px; height:18px; padding:0 15px; color:#272727; font-size:14px; border-left:solid 1px #272727; margin-left:-1px;} .menu .sub2 li.first a{ border-left:none;} .menu .sub2 li a:hover{ color:#e62129;} .menu .sub1{ float:left; width:100%; height:auto; text-align:left; padding:34px 0 22px 0;} .menu .sub1 ul{ width:100%; float:left;} .menu .sub1 ul li{ width:25%; float:left;} .menu .sub1 ul li dl{ width:100%; float:left; padding-left:42px;} .menu .sub1 ul li dl dt{ width:100%; float:left; font-size:18px; color:#333; line-height:29px; font-weight:normal;} .menu .sub1 ul li dl dt span{ display:block; width:100%; float:left; font-size:12px; color:#888; line-height:22px; font-family:"Arial"; padding-bottom:15px;} .menu .sub1 ul li dl dd{ width:100%; float:left; font-size:14px; color:#666; line-height:40px;} .menu .sub1 ul li dl dd a{ padding-left:15px; color:#666; background:url(images/ico35_1.png) no-repeat left center;} .menu .sub1 ul li dl dd:hover a{ color:#e62129; background-image:url(images/ico35_2.png);} .location{float:left; width:100%; font-size:14px; color:#666; line-height:24px; padding-bottom:25px;} .location a{color:#666; } .location a:hover{color:#c0272d; } #Content16 .wzjs{ width:100%; float:left; padding:0;} .container{ width:1230px; min-width:1230px;} #Content16 .banner323{ width:100%; position:relative; float:left;} #Content16 .banner323 img{ width:100%; float:left;} #Content16 .banner323 .slick-dots { position: absolute; bottom: 46px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; overflow:hidden; } #Content16 .banner323 .slick-dots li { position: relative; display: inline-block; width: 19px; height: 2px; margin: 0 8px; padding: 0; border:0; float:none; cursor: pointer; background:#fff; opacity:0.4; } #Content16 .banner323 .slick-dots li button { display:none;} #Content16 .banner323 .slick-dots li.slick-active{ opacity:0.8; } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } #Content17 .wzjs{ width:100%; float:left; padding:0;} .container{ width:1230px; min-width:1230px;} #Content17 .wzjs .tit_11{ width:100%; float:left; text-align:center; position:relative;} #Content17 .wzjs .tit_11 h2{ width:100%; float:left; font-size:88px; line-height:102px; color:#e5e5e5; font-weight:bold;} #Content17 .wzjs .tit_11 h3{ width:100%; float:left; margin-top:-70px; font-size:36px; line-height:70px; color:#333; font-weight:bold; letter-spacing:1px; padding-left:20px;} #Content17 .wzjs .tit_11 .p{ width:100%; float:left; margin-top:10px; font-size:16px; line-height:30px; color:#333; letter-spacing:1px;} #Content17 .wzjs .tit_11.tit_11_w h2{ color:#333;} #Content17 .wzjs .tit_11.tit_11_w h3,#Content17 .wzjs .tit_11.tit_11_w .p{ color:#fff;} #Content17 .wzjs .content10{ width:100%; float:left; margin:66px 0 82px 0;} #Content17 .wzjs .content10 ul{ width:100%; float:left; margin-top:42px;} #Content17 .wzjs .content10 ul li{ width:16.66%; float:left; height:238px; text-align:center; background:#2e2e2e; padding-top:34px; position:relative; overflow:hidden;} #Content17 .wzjs .content10 ul li .ico{ width:100%; height:88px; float:left;} #Content17 .wzjs .content10 ul li .ico img{ height:100%;} #Content17 .wzjs .content10 ul li .h4{ width:100%; float:left; margin-top:17px; font-size:24px; color:white; line-height:36px; letter-spacing:-1px;} #Content17 .wzjs .content10 ul li .text{ width:100%; position:absolute; left:0; top:100%; background:#c0272d; height:238px; line-height:238px; display:table;-webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;} #Content17 .wzjs .content10 ul li .text span{ display:table-cell; vertical-align:middle; width:100%; text-align:left; padding:0 20px; line-height:0;} #Content17 .wzjs .content10 ul li:nth-child(2n){ background:#151515;} #Content17 .wzjs .content10 ul li .text span .h4{ width:100%; float:left; font-size:24px; color:white; line-height:36px; padding-bottom:6px; background:url(/template/theme/CN/3000_311-7.png) no-repeat left bottom;} #Content17 .wzjs .content10 ul li .text span .p{ width:100%; float:left; margin-top:14px; font-size:18px; color:white; line-height:26px; letter-spacing:1px; } #Content17 .wzjs .content10 ul li:hover .text{ top:0;} @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } #Content18 .wzjs{ width:100%; float:left; padding:0;} .container{ width:1230px; min-width:1230px;} #Content18 .wzjs .tit_11{ width:100%; float:left; text-align:center; position:relative;} #Content18 .wzjs .tit_11 h2{ width:100%; float:left; font-size:88px; line-height:102px; color:#e5e5e5; font-weight:bold;} #Content18 .wzjs .tit_11 h3{ width:100%; float:left; margin-top:-70px; font-size:36px; line-height:70px; color:#333; font-weight:bold; letter-spacing:1px; padding-left:20px;} #Content18 .wzjs .tit_11 .p{ width:100%; float:left; margin-top:10px; font-size:16px; line-height:30px; color:#333; letter-spacing:1px;} #Content18 .wzjs .tit_11.tit_11_w h2{ color:#333;} #Content18 .wzjs .tit_11.tit_11_w h3,#Content18 .wzjs .tit_11.tit_11_w .p{ color:#fff;} #Content18 .wzjs .content11{ width:100%; float:left; padding:60px 0 34px 0; background:#f9f9f9; position:relative;} #Content18 .wzjs .content11 .tit_11 h2{ color:black;} #Content18 .wzjs .content11:before{ content:''; width:100%; position:absolute; left:0; top:0; height:535px; background:#313131; z-index:1;} #Content18 .wzjs .content11 .container{ width:100%; float:left; padding:0 165px; position:relative; z-index:2;} @media screen and (max-width:1450px){ #Content18 .wzjs .content11 .container{ padding:0 65px;} } #Content18 .wzjs .content11 .zbox{ width:100%; float:left; margin-top:12px; background:#c20000; padding:18px 88px;} #Content18 .wzjs .content11 .zbox .pic{ float:left; width:48%; overflow:hidden;} #Content18 .wzjs .content11 .zbox .pic .img{ float:left; width:100%; height:368px; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: width all 0.3s linear;} #Content18 .wzjs .content11 .zbox .pic:hover .img{transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1);} #Content18 .wzjs .content11 .zbox ul{ width:46%; margin-top:3px; float:right;} #Content18 .wzjs .content11 .zbox ul li{ width:100%; float:left; font-size:28px; color:white; line-height:90px; overflow:hidden; opacity:0.8; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;} #Content18 .wzjs .content11 .zbox ul li:hover{ text-decoration:underline; opacity:1;} #Content18 .wzjs .content11 .zbox ul li .ico{ float:left; width:90px; margin-right:20px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;} #Content18 .wzjs .content11 .zbox ul li .ico img{ width:100%; float:left;} #Content18 .wzjs .content11 .zbox ul li .ico .img2{ display:none;} #Content18 .wzjs .content11 .zbox ul li:hover .ico .img1{ display:none;} #Content18 .wzjs .content11 .zbox ul li:hover .ico .img2{ display:block;} #Content18 .wzjs .content11 .h4{ width:100%; float:left; margin-top:42px; font-size:28px; color:#333; line-height:38px; text-align:center;} #Content18 .wzjs .content11 .h5{ width:100%; float:left; margin-top:12px; font-size:20px; color:#333; line-height:30px; letter-spacing:1px; text-align:center;} #Content18 .wzjs .content11 .detail{ width:100%; float:left; margin-top:32px; text-align:center;} #Content18 .wzjs .content11 .detail a{ display:inline-block; vertical-align:top; width:222px; height:52px; border:solid 1px #c0272d; line-height:50px; font-size:30px; color:#c0272d; padding-right:30px; position:relative; -moz-border-radius:26px; -webkit-border-radius:26px; -khtml-border-radius:26px; border-radius:26px;} #Content18 .wzjs .content11 .detail a span{ background:url(/template/theme/CN/3001_311-14.png) no-repeat center center #c0272d; width:40px; height:40px; vertical-align:middle; position:absolute; right:8px; top:5px; background-size:contain !important; -moz-border-radius:26px; -webkit-border-radius:26px; -khtml-border-radius:26px; border-radius:26px;} #Content18 .wzjs .content11 .detail a:hover span{ background:url(/template/theme/CN/3001_311-15.png) no-repeat center center white;} #Content18 .wzjs .content11 .detail a:hover{ box-shadow:0 10px 20px rgba(0,0,0,0.1); background:#c0272d; color:white;} @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } #Content19 .wzjs{ width:100%; float:left; padding:0;} .container{ width:1230px; min-width:1230px;} #Content19 .wzjs .tit_11{ width:100%; float:left; text-align:center; position:relative;} #Content19 .wzjs .tit_11 h2{ width:100%; float:left; font-size:88px; line-height:102px; color:#e5e5e5; font-weight:bold;} #Content19 .wzjs .tit_11 h3{ width:100%; float:left; margin-top:-70px; font-size:36px; line-height:70px; color:#333; font-weight:bold; letter-spacing:1px; padding-left:20px;} #Content19 .wzjs .tit_11 .p{ width:100%; float:left; margin-top:10px; font-size:16px; line-height:30px; color:#333; letter-spacing:1px;} #Content19 .wzjs .tit_11.tit_11_w h2{ color:#333;} #Content19 .wzjs .tit_11.tit_11_w h3,#Content19 .wzjs .tit_11.tit_11_w .p{ color:#fff;} #Content19 .wzjs .content12{ width:100%; float:left; padding:58px 0 40px 0; position:relative;} #Content19 .wzjs .content12:before{ content:''; width:100%; position:absolute; left:0; bottom:0; height:50%; background:#f7f7f7; z-index:1;} #Content19 .wzjs .content12 .container{ width:100%; float:left; padding:0 0; position:relative; z-index:2;} #Content19 .wzjs .content12 ul{ width:100%; float:left; margin-top:38px; position:relative;} #Content19 .wzjs .content12 ul .slick-prev,#Content19 .wzjs .content12 ul .slick-next { position: absolute; left: 0px; top: 50%; display: block; width: 50px; height: 110px; margin-top:-55px; background:url(/template/theme/CN/3002_banner_btn.png) no-repeat left center; } #Content19 .wzjs .content12 ul .slick-next { left: auto; right: 0; background-position:right center; } #Content19 .wzjs .content12 ul li{ width:100%; float:left; margin-top:10px; border:solid 1px white; position:relative; background:black; overflow:hidden;} #Content19 .wzjs .content12 ul li video{ width:100%; float:left; height:686px; object-fit: cover;} #Content19 .wzjs .content12 ul li .img1{ width:100%; float:left; opacity:0.61;} #Content19 .wzjs .content12 ul li .btn{ display:block; position:absolute; left:50%; top:50%; background:url(/template/theme/CN/3002_311-16.png) no-repeat center center; width:112px; height:112px; margin:-56px 0 0 -56px; cursor:pointer; background-size:contain; opacity:0.65;} #Content19 .wzjs .content12 ul li .btn:hover{ opacity:1; /*width:136px; height:136px; margin:-68px 0 0 -68px;*/ transform: scale(1.1); -ms-transform:scale(1.2); /* IE 9 */ -moz-transform:scale(1.2); /* Firefox */ -webkit-transform:scale(1.2); /* Safari 和 Chrome */ -o-transform:scale(1.2);} #Content19 .wzjs .content12 ul.ul1{ display:none; margin-top:0 !important;} #Content19 .wzjs .content12 .more{ width:100%; float:left; text-align:center; margin-top:50px; padding-bottom:36px; background:url(/template/theme/CN/3002_311-17.png) no-repeat bottom center;} #Content19 .wzjs .content12 .more span{ cursor:pointer; display:inline-block; vertical-align:top; padding:0 29px; height:52px; line-height:52px; font-size:30px; color:white; background:#c0272d; overflow:hidden; -moz-border-radius:26px; -webkit-border-radius:26px; -khtml-border-radius:26px; border-radius:26px;} #Content19 .wzjs .content12 .more.on{ background-image:url(/template/theme/CN/3002_311-18.png);} .zmb{ width:100%; height:100%; position:fixed; left:0; top:0; background:black; background:rgba(0,0,0,0.8); display:none; z-index:99999;} .tc_video{ width:1170px; height:600px; position:fixed; left:50%; top:50%; margin:-300px 0 0 -585px; background:white; display:none; z-index:100000;} .tc_video video{ width:100%; height:100%; position:absolute; left:0; top:0;} @media screen and (max-width:991px){ .tc_video{ width:760px; height:300px; margin:-150px 0 0 -380px;} } @media screen and (max-width:767px){ .tc_video{ width:90%; height:250px; margin:-125px 0 0 0; left:5%;} } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } #Content20 .wzjs{ width:100%; float:left; padding:0;} .container{ width:1230px; min-width:1230px;} #Content20 .wzjs .tit_11{ width:100%; float:left; text-align:center; position:relative;} #Content20 .wzjs .tit_11 h2{ width:100%; float:left; font-size:88px; line-height:102px; color:#e5e5e5; font-weight:bold;} #Content20 .wzjs .tit_11 h3{ width:100%; float:left; margin-top:-70px; font-size:36px; line-height:70px; color:#333; font-weight:bold; letter-spacing:1px; padding-left:20px;} #Content20 .wzjs .tit_11 .p{ width:100%; float:left; margin-top:10px; font-size:16px; line-height:30px; color:#333; letter-spacing:1px;} #Content20 .wzjs .tit_11.tit_11_w h2{ color:#333;} #Content20 .wzjs .tit_11.tit_11_w h3,#Content20 .wzjs .tit_11.tit_11_w .p{ color:#fff;} #Content20 .wzjs .content13{ width:100%; float:left; margin:68px 0 48px 0; position:relative;} #Content20 .wzjs .content13 .box{ width:100%; float:left;} #Content20 .wzjs .content13 .content13box{ margin:0 -4px; padding-bottom:30px; position:relative;} #Content20 .wzjs .content13 .content13box .slick-dots { position: absolute; bottom: 0px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; overflow:hidden; } #Content20 .wzjs .content13 .content13box .slick-dots li { position: relative; display: inline-block; width: 8px; height: 8px; float:none; margin: 0 3px; padding: 0; cursor: pointer; background:black; opacity:0.6; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; } #Content20 .wzjs .content13 .content13box .slick-dots li.slick-active{ opacity: 1; } #Content20 .wzjs .content13 .content13box ul{ width:100%; float:left; margin-top:20px; display: flex; display: -webkit-flex; flex-wrap: wrap; align-items: flex-start;} #Content20 .wzjs .content13 .content13box ul li{ width:25%; float:left; margin-top:9px; padding:0 4px;} #Content20 .wzjs .content13 .content13box ul li .zbox{ width:100%; float:left; position:relative; overflow:hidden; height:293px; padding:25px 10px 0 10px; text-align:center; background:#f1f1f1;} #Content20 .wzjs .content13 .content13box ul li .zbox .pic{ width:100%; position:absolute; left:0; top:0; overflow:hidden; height:100%; background:#1a1a1a; z-index:1;} #Content20 .wzjs .content13 .content13box ul li .zbox .pic img{ width:294px; height:293px; position:absolute; left:50%; top:0; margin-left:-147px; max-width:none; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: width all 0.3s linear;} #Content20 .wzjs .content13 .content13box ul li .zbox:hover .pic img{transform: scale(1.1,1.1); -ms-transform: scale(1.5,1.5); -webkit-transform: scale(1.5,1.5); -o-transform: scale(1.5,1.5); -moz-transform: scale(1.5,1.5);} #Content20 .wzjs .content13 .content13box ul li .zbox .text{ width:100%; position:absolute; height:100%; left:0; top:100%; z-index:2; background:rgba(158,32,32,0.6); padding:40px 20px 10px 20px; text-align:left; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;} #Content20 .wzjs .content13 .content13box ul li .zbox .text .h4{ width:100%; float:left; font-size:24px; color:white; line-height:42px; padding-bottom:17px; border-bottom:solid 1px rgba(255,255,255,0.3); position:relative;} #Content20 .wzjs .content13 .content13box ul li .zbox .text .h4:before{ content:''; width:40px; height:2px; background:white; position:absolute; left:0; bottom:-1px;} #Content20 .wzjs .content13 .content13box ul li .zbox .text .p{ width:100%; float:left; font-size:18px; position:relative; color:white; line-height:34px; margin-top:18px; max-height:70%; overflow-y:auto;} #Content20 .wzjs .content13 .content13box ul li .zbox:hover .text{ top:0;} #Content20 .wzjs .content13 .content13box ul li .ewm{ width:100%; height:150px; float:left;} #Content20 .wzjs .content13 .content13box ul li .ewm img{ height:100%;} #Content20 .wzjs .content13 .content13box ul li .h3{ width:100%; float:left; padding-bottom:3px; background:url(/template/theme/CN/3003_311-20.png) no-repeat center bottom; font-size:28px; color:#333; line-height:45px; letter-spacing:-1px;} #Content20 .wzjs .content13 .content13box ul li .p{ width:100%; float:left; margin-top:8px; font-size:18px; color:#333; line-height:22px; letter-spacing:1px;} @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } #Content21 .wzjs{ width:100%; float:left; padding:0;} .container{ width:1230px; min-width:1230px;} #Content21 .wzjs .tit_11{ width:100%; float:left; text-align:center; position:relative;} #Content21 .wzjs .tit_11 h2{ width:100%; float:left; font-size:88px; line-height:102px; color:#e5e5e5; font-weight:bold;} #Content21 .wzjs .tit_11 h3{ width:100%; float:left; margin-top:-70px; font-size:36px; line-height:70px; color:#333; font-weight:bold; letter-spacing:1px; padding-left:20px;} #Content21 .wzjs .tit_11 .p{ width:100%; float:left; margin-top:10px; font-size:16px; line-height:30px; color:#333; letter-spacing:1px;} #Content21 .wzjs .tit_11.tit_11_w h2{ color:#333;} #Content21 .wzjs .tit_11.tit_11_w h3,#Content21 .wzjs .tit_11.tit_11_w .p{ color:#fff;} #Content21 .wzjs .content14{ width:100%; float:left; padding:74px 0 34px 0; position:relative;} #Content21 .wzjs .content14 .tit_11_w h2{ color:#666;} #Content21 .wzjs .content14 .content14box{ margin:0 -1px;} #Content21 .wzjs .content14 .content14box ul{ width:100%; float:left; padding-bottom:30px; margin-top:60px; position:relative;} #Content21 .wzjs .content14 .content14box ul li{ width:100%; float:left; padding:0 1px;} #Content21 .wzjs .content14 .content14box ul li .zbox{ width:100%; float:left; padding:14px 10px 10px 10px; min-height:364px; background:#2e2e2e; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;} #Content21 .wzjs .content14 .content14box ul li.l1 .zbox{ background:#151515;} #Content21 .wzjs .content14 .content14box ul li .zbox:hover{ background:#9e1620;} #Content21 .wzjs .content14 .content14box ul li .zbox .ico{ width:100%; float:left; height:115px; text-align:center;} #Content21 .wzjs .content14 .content14box ul li .zbox .ico img{ height:100%;} #Content21 .wzjs .content14 .content14box ul li .zbox .h4{ width:100%; float:left; text-align:center; margin-top:12px; font-size:22px; color:white; line-height:32px; letter-spacing:-1px;} #Content21 .wzjs .content14 .content14box ul li .zbox .p{ width:100%; float:left; padding:0 10px; margin-top:28px; font-size:16px; color:white; line-height:23px;} #Content21 .wzjs .content14 .content14box ul .slick-dots { position: absolute; bottom: 0px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; overflow:hidden; } #Content21 .wzjs .content14 .content14box ul .slick-dots li { position: relative; display: inline-block; width: 8px; height: 8px; float:none; margin: 0 3px; padding: 0; cursor: pointer; background:white; opacity:0.6; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; } #Content21 .wzjs .content14 .content14box ul .slick-dots li.slick-active{ opacity: 1; } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } #Content22 .wzjs{ width:100%; float:left; padding:0;} .container{ width:1230px; min-width:1230px;} #Content22 .wzjs .tit_11{ width:100%; float:left; text-align:center; position:relative;} #Content22 .wzjs .tit_11 h2{ width:100%; float:left; font-size:88px; line-height:102px; color:#e5e5e5; font-weight:bold;} #Content22 .wzjs .tit_11 h3{ width:100%; float:left; margin-top:-70px; font-size:36px; line-height:70px; color:#333; font-weight:bold; letter-spacing:1px; padding-left:20px;} #Content22 .wzjs .tit_11 .p{ width:100%; float:left; margin-top:10px; font-size:16px; line-height:30px; color:#333; letter-spacing:1px;} #Content22 .wzjs .tit_11.tit_11_w h2{ color:#333;} #Content22 .wzjs .tit_11.tit_11_w h3,#Content22 .wzjs .tit_11.tit_11_w .p{ color:#fff;} #Content22 .wzjs .content15{ width:100%; float:left; padding:66px 0 200px 0; position:relative; overflow:hidden;} #Content22 .wzjs .content15 .c_1110_7Body{ margin-top:104px; float:left;} #Content22 .wzjs .content15 .c_1110_7Body ul li{ height:60px;} #Content22 .wzjs .content15 .c_1110_7Body{ width:100%; margin-top:114px; position:relative;} #Content22 .wzjs .content15 .c_1110_7Body:before{ content:''; width:80%; height:100%; border:dashed 1px white; border:dashed 1px rgba(255,255,255,0.3); border-left:0; position:absolute; right:12.5%; top:0;} #Content22 .wzjs .content15 .c_1110_7Body ul{ width:100%; display: flex; display: -webkit-flex; flex-wrap: wrap; align-items: flex-start;} #Content22 .wzjs .content15 .c_1110_7Body ul li{ width:25%; text-align:center; margin-bottom:227px; height:55px; position:relative;} #Content22 .wzjs .content15 .c_1110_7Body ul li.l2{ margin-bottom:-55px;} #Content22 .wzjs .content15 .c_1110_7Body ul li .ico{ display:inline-block; vertical-align:top; width:110px; height:110px; position:relative; margin-top:-55px; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} #Content22 .wzjs .content15 .c_1110_7Body ul li .ico img{ width:100%; float:left; position:relative; z-index:2; background:white; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;} #Content22 .wzjs .content15 .c_1110_7Body ul li .ico:before{ content:''; background:url(/template/theme/CN/3005_617-44.png) no-repeat center center; width:160px; height:133px; background-size:contain; position:absolute; left:-12px; top:-12px;} #Content22 .wzjs .content15 .c_1110_7Body ul li .h5{ width:100%; margin-top:28px; font-size:18px; line-height:28px; font-family:Arial; text-transform:uppercase; letter-spacing:1px; color:white; opacity:.5;} #Content22 .wzjs .content15 .c_1110_7Body ul li .h4{ width:100%; font-size:16px; letter-spacing:1px; line-height:30px; color:white;} #Content22 .wzjs .content15 .c_1110_7Body ul li.l1 .ico:before{ background-image:url(/template/theme/CN/3005_617-45.png); width:133px; height:160px;} #Content22 .wzjs .content15 .c_1110_7Body ul li.l1 h5{ margin-top:52px;} #Content22 .wzjs .content15 .c_1110_7Body ul li.l2 .ico:before{ background-image:url(/template/theme/CN/3005_617-46.png); left:auto; right:-12px;} #Content22 .wzjs .content15 .c_1110_7Body ul li.l3 .ico:before{ background-image:url(/template/theme/CN/3005_617-47.png); width:133px; height:160px; top:auto; bottom:-12px;} #Content22 .wzjs .content15 .c_1110_7Body ul li:hover .ico img{ transform:rotateY(180deg);} @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } #Content23 .wzjs{ width:100%; float:left; padding:0;} .container{ width:1230px; min-width:1230px;} #Content23 .wzjs .tit_11{ width:100%; float:left; text-align:center; position:relative;} #Content23 .wzjs .tit_11 h2{ width:100%; float:left; font-size:88px; line-height:102px; color:#e5e5e5; font-weight:bold;} #Content23 .wzjs .tit_11 h3{ width:100%; float:left; margin-top:-70px; font-size:36px; line-height:70px; color:#333; font-weight:bold; letter-spacing:1px; padding-left:20px;} #Content23 .wzjs .tit_11 .p{ width:100%; float:left; margin-top:10px; font-size:16px; line-height:30px; color:#333; letter-spacing:1px;} #Content23 .wzjs .tit_11.tit_11_w h2{ color:#333;} #Content23 .wzjs .tit_11.tit_11_w h3,#Content23 .wzjs .tit_11.tit_11_w .p{ color:#fff;} #Content23 .wzjs .content17{ width:100%; float:left; padding:80px 0 67px 0; position:relative; background:#f7f7f7; overflow:hidden;} #Content23 .wzjs .content17 .content17box{ width:100%; float:left; margin-top:50px;} #Content23 .wzjs .content17 .content17box .picbig{ width:100%; float:left; padding:0 100px 0 165px; position:relative;} #Content23 .wzjs .content17 .content17box .picbig:before{ content:''; width:2px; height:182px; position:absolute; left:394px; top:10px; background:#000;} #Content23 .wzjs .content17 .content17box .picbig .img{ float:left; width:175px; height:175px; overflow:hidden; margin-top:8px; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} #Content23 .wzjs .content17 .content17box .picbig .text{ margin-left:282px;} #Content23 .wzjs .content17 .content17box .picbig .text .h3{ width:100%; float:left; font-size:33px; line-height:42px; color:#000; font-weight:bold;} #Content23 .wzjs .content17 .content17box .picbig .text .h6{ width:100%; float:left; font-size:12px; line-height:22px; color:#000; font-weight:bold; letter-spacing:1px; margin-top:5px;} #Content23 .wzjs .content17 .content17box .picbig .text .p{ width:100%; float:left; font-size:17px; margin-top:20px; line-height:30px; color:#000;} #Content23 .wzjs .content17 .content17box .picbig .slick-prev,#Content23 .wzjs .content17 .content17box .picbig .slick-next { position: absolute; left:0; top: 50%; display: block; width: 50px; height: 60px; margin-top:-30px; padding: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); cursor: pointer; color: transparent; border: none; outline: none; font-size:0; z-index: 9; opacity:0.6; -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; } #Content23 .wzjs .content17 .content17box .picbig .slick-next { left:auto; right:0; } #Content23 .wzjs .content17 .content17box .picbig .slick-prev:hover, #Content23 .wzjs .content17 .content17box .picbig .slick-next:hover{ opacity:1;filter:alpha(opacity=100);} #Content23 .wzjs .content17 .content17box .picbig .slick-prev:before,#Content23 .wzjs .content17 .content17box .picbig .slick-next:before{content:'<';font-size:86px; font-weight:bold; color:#c0272d; position:absolute; left:0; top:0;width: 50px; text-align:center; height: 60px; line-height:60px;} #Content23 .wzjs .content17 .content17box .picbig .slick-next:before{content:'>';} #Content23 .wzjs .content17 .content17box .picsmall{ width:100%; float:left; padding:0 55px; position:relative; margin-top:45px;} #Content23 .wzjs .content17 .content17box .picsmall .zbox{ width:100%; float:left; padding:0 10px;} #Content23 .wzjs .content17 .content17box .picsmall .zbox .pic{ width:100%; float:left; border:solid 2px white; cursor:pointer;} #Content23 .wzjs .content17 .content17box .picsmall .zbox .pic img{ float:left;} #Content23 .wzjs .content17 .content17box .picsmall .slick-current .zbox .pic{ border-color:#b14448;} #Content23 .wzjs .content17 .content17box .lxkf{ width:100%; float:left; margin-top:50px; padding:0 100px;} #Content23 .wzjs .content17 .content17box .lxkf a{ display:block; float:right; color: #fff; width: 187px; height:42px; line-height:42px; display: block;font-size: 24px; background: #c0272d; text-align:center; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;} @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } #Content24 .wzjs{ width:100%; float:left; padding:0;} .container{ width:1230px; min-width:1230px;} #Content24 .wzjs .tit_11{ width:100%; float:left; text-align:center; position:relative;} #Content24 .wzjs .tit_11 h2{ width:100%; float:left; font-size:88px; line-height:102px; color:#e5e5e5; font-weight:bold;} #Content24 .wzjs .tit_11 h3{ width:100%; float:left; margin-top:-70px; font-size:36px; line-height:70px; color:#333; font-weight:bold; letter-spacing:1px; padding-left:20px;} #Content24 .wzjs .tit_11 .p{ width:100%; float:left; margin-top:10px; font-size:16px; line-height:30px; color:#333; letter-spacing:1px;} #Content24 .wzjs .tit_11.tit_11_w h2{ color:#333;} #Content24 .wzjs .tit_11.tit_11_w h3,#Content24 .wzjs .tit_11.tit_11_w .p{ color:#fff;} #Content24 .wzjs .content6{ width:100%; float:left; margin-top:166px;} #Content24 .wzjs .content6 .hd{ width:100%; float:left; text-align:center; margin-top:25px;} #Content24 .wzjs .content6 .hd ul{ display:inline-block; vertical-align:top;} #Content24 .wzjs .content6 .hd ul li{ float:left; margin:0 10px; cursor:pointer; height:45px; width:150px; line-height:45px; background:#202125; font-size:17px; color:white; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px;} #Content24 .wzjs .content6 .hd ul li.on{ background:#9e1620; color:white;} #Content24 .wzjs .content6 .bd{ width:100%; float:left;} #Content24 .wzjs .content6 .bd .zbox{ width:33.333%; float:left; padding:0 15px; margin-top:43px;} #Content24 .wzjs .content6 .bd .zbox ul{ width:100%; float:left; background:#f6f6f6; padding:17px 20px 25px 20px;} #Content24 .wzjs .content6 .bd .zbox ul li{ width:100%; float:left; font-size:16px; color:#333; line-height:38px;} #Content24 .wzjs .content6 .bd .zbox ul li a{ color:#333;} #Content24 .wzjs .content6 .bd .zbox ul li:hover a{ text-decoration:underline; color:#e2494f;} #Content24 .wzjs .content6 .bd .zbox ul li:hover{ padding-right:30px; background:url(/template/theme/CN/3007_zimg26.png) no-repeat right center; color:#e2494f;} #Content24 .wzjs .content16{ margin:0; padding:56px 0 25px 0;} @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } #Content25 .wzjs{ width:100%; float:left; padding:0;} .container{ width:1230px; min-width:1230px;} #Content25 .zty224_1{ width:100%; float:left; text-align:center; padding:47px 10px 51px 10px; background:#b91808;} #Content25 .zty224_1 h3{ display:inline-block; vertical-align:top; color:white; font-size:46px; line-height:58px; margin-top:-3px;} #Content25 .zty224_1 a{ display:inline-block; vertical-align:middle; margin:-3px 0 0 48px; width:266px; height:59px; line-height:55px; border:solid 2px white; font-size:44px; color:white;} #Content25 .zty224_1 a:hover{ background:white; color:#b91808;} @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } #Content26 .wzjs{ width:100%; float:left; padding:0;} .container{ width:1230px; min-width:1230px;} #Content26 .wzjs .tit_11{ width:100%; float:left; text-align:center; position:relative;} #Content26 .wzjs .tit_11 h2{ width:100%; float:left; font-size:88px; line-height:102px; color:#e5e5e5; font-weight:bold;} #Content26 .wzjs .tit_11 h3{ width:100%; float:left; margin-top:-70px; font-size:36px; line-height:70px; color:#333; font-weight:bold; letter-spacing:1px; padding-left:20px;} #Content26 .wzjs .tit_11 .p{ width:100%; float:left; margin-top:10px; font-size:16px; line-height:30px; color:#333; letter-spacing:1px;} #Content26 .wzjs .tit_11.tit_11_w h2{ color:#333;} #Content26 .wzjs .tit_11.tit_11_w h3,#Content26 .wzjs .tit_11.tit_11_w .p{ color:#fff;} #Content26 .wzjs .content28{ width:100%; float:left; position:relative; margin-top:80px; overflow:hidden;} #Content26 .wzjs .content28 ul{ width:100%; float:left; margin-top:35px;} #Content26 .wzjs .content28 ul li{ width:25%; float:left; border:solid 1px white; border-left:none; text-align:center; height:292px; position:relative; background:#2e2e2e; overflow:hidden;} #Content26 .wzjs .content28 ul li .ico{ width:100%; float:left; height:140px; margin-top:47px;} #Content26 .wzjs .content28 ul li .ico img{ height:100%;} #Content26 .wzjs .content28 ul li .h4{ width:100%; float:left; margin-top:10px; line-height:40px; font-size:28px; color:white;} #Content26 .wzjs .content28 ul li .text{ width:100%; float:left; position:absolute; left:0; top:100%; background:#c0272d; height:100%; padding:10px 30px 10px 25px; display:table; text-align:left; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;} #Content26 .wzjs .content28 ul li .text span{ display:table-cell; vertical-align:middle;} #Content26 .wzjs .content28 ul li .text .h4{ width:100%; float:left; font-size:34px; color:white; padding-bottom:11px; background:url(/template/theme/CN/3009_317-3.png) no-repeat left bottom; line-height:46px;} #Content26 .wzjs .content28 ul li .text .p{ width:100%; float:left; margin-top:21px; font-size:16px; line-height:25px; color:white; max-height:160px; overflow-y:auto;} #Content26 .wzjs .content28 ul li:hover .text{ top:0;} @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } #Content27 .wzjs{ width:100%; float:left; padding:0;} .container{ width:1230px; min-width:1230px;} #Content27 .wzjs .content29{ width:100%; float:left; position:relative; margin-top:12px; overflow:hidden;} #Content27 .wzjs .content29 ul{ width:100%; float:left;} #Content27 .wzjs .content29 ul li{ width:100%; float:left; margin-top:17px;} #Content27 .wzjs .content29 ul li .pic{ width:45.64%; float:left; height:300px; position:relative; overflow:hidden; line-height:300px; text-align:center;} #Content27 .wzjs .content29 ul li .pic .mb{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background:black; opacity:0.47;} #Content27 .wzjs .content29 ul li .pic .title{ width:100%; position:absolute; left:0; top:50%; z-index:2; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);} #Content27 .wzjs .content29 ul li .pic .title .h3{ width:100%; font-size:37px; color:white; line-height:58px; letter-spacing:1px;} #Content27 .wzjs .content29 ul li .pic .title .h4{ width:100%; margin-top:5px; font-size:20px; color:white; line-height:28px; letter-spacing:1px;} #Content27 .wzjs .content29 ul li .text{ width:53.24%; float:right; background:#f3f3f3; min-height:300px; height:300px; display:table; position:relative;} #Content27 .wzjs .content29 ul li .text dl{ margin:0;} #Content27 .wzjs .content29 ul li .text dl.dl1{ display:table-cell; vertical-align:middle; width:100%; padding:0 30px;} #Content27 .wzjs .content29 ul li .text dl.dl1 dd{ width:100%; float:left; margin:0 0; padding:10px 0 8px 94px; position:relative;} #Content27 .wzjs .content29 ul li .text dl.dl1 dd .ico{ position:absolute; left:0; top:6px; width:80px; height:80px; text-align:center; line-height:80px;} #Content27 .wzjs .content29 ul li .text dl.dl1 dd .ico img{ max-height:100%;} #Content27 .wzjs .content29 ul li .text dl.dl1 dd .h4{ width:100%; font-size:20px; color:#333; line-height:38px;} #Content27 .wzjs .content29 ul li .text dl.dl1 dd .p{ width:100%; margin-top:0px; font-size:13px; color:#333; line-height:22px;} #Content27 .wzjs .content29 ul li.l1 .pic{ float:right;} #Content27 .wzjs .content29 ul li.l1 .text{ float:left;} #Content27 .wzjs .content29 ul li .text dl.dl2{ width:100%; float:left;} #Content27 .wzjs .content29 ul li .text dl.dl2 dd{ width:33.33%; float:left; text-align:center; height:150px; border:solid 1px white; border-left:0; border-top:0;} #Content27 .wzjs .content29 ul li .text dl.dl2 dd .ico{ width:100%; height:70px; margin-top:20px;} #Content27 .wzjs .content29 ul li .text dl.dl2 dd .ico img{ max-height:100%;} #Content27 .wzjs .content29 ul li .text dl.dl2 dd .h4{ width:100%; margin-top:6px; font-size:20px; color:#333; line-height:28px;} #Content27 .wzjs .content29 ul li .text dl.dl3 dd{ width:33.33%; float:left; text-align:center; height:150px; border:solid 1px white; border-left:0; border-top:0; line-height:150px; display:table;} #Content27 .wzjs .content29 ul li .text dl.dl3 dd span{ display:table-cell; vertical-align:middle; padding:0 20px;} #Content27 .wzjs .content29 ul li .text dl.dl3 dd .h4{ width:100%; font-size:20px; color:#333; line-height:28px;} #Content27 .wzjs .content29 ul li .text dl.dl3 dd .h5{ width:100%; margin-top:12px; font-size:13px; color:#333; line-height:20px; min-height:40px;} #Content27 .wzjs .content29 ul li .text dl.dl4 dd{ width:25%;} #Content27 .wzjs .content29 ul li .text dl.dl4 dd .h4{ font-size:18px;} @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } #Content28 .wzjs{ width:100%; float:left; padding:0;} .container{ width:1230px; min-width:1230px;} #Content28 .wzjs .tit_11{ width:100%; float:left; text-align:center; position:relative;} #Content28 .wzjs .tit_11 h2{ width:100%; float:left; font-size:88px; line-height:102px; color:#e5e5e5; font-weight:bold;} #Content28 .wzjs .tit_11 h3{ width:100%; float:left; margin-top:-70px; font-size:36px; line-height:70px; color:#333; font-weight:bold; letter-spacing:1px; padding-left:20px;} #Content28 .wzjs .tit_11 .p{ width:100%; float:left; margin-top:10px; font-size:16px; line-height:30px; color:#333; letter-spacing:1px;} #Content28 .wzjs .tit_11.tit_11_w h2{ color:#333;} #Content28 .wzjs .tit_11.tit_11_w h3,#Content28 .wzjs .tit_11.tit_11_w .p{ color:#fff;} #Content28 .wzjs .content30{ width:100%; float:left; position:relative; margin-top:32px; overflow:hidden; padding:65px 0 70px 0;} #Content28 .wzjs .content30 .pic{ width:100%; float:left; margin-top:60px;} #Content28 .wzjs .content30 .tit_11 .p2{ font-size:18px;} @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } #Content29 .wzjs{ width:100%; float:left; padding:0;} .container{ width:1230px; min-width:1230px;} #Content29 .wzjs .tit_11{ width:100%; float:left; text-align:center; position:relative;} #Content29 .wzjs .tit_11 h2{ width:100%; float:left; font-size:88px; line-height:102px; color:#e5e5e5; font-weight:bold;} #Content29 .wzjs .tit_11 h3{ width:100%; float:left; margin-top:-70px; font-size:36px; line-height:70px; color:#333; font-weight:bold; letter-spacing:1px; padding-left:20px;} #Content29 .wzjs .tit_11 .p{ width:100%; float:left; margin-top:10px; font-size:16px; line-height:30px; color:#333; letter-spacing:1px;} #Content29 .wzjs .tit_11.tit_11_w h2{ color:#333;} #Content29 .wzjs .tit_11.tit_11_w h3,#Content29 .wzjs .tit_11.tit_11_w .p{ color:#fff;} #Content29 .wzjs .content31{ width:100%; float:left; position:relative; margin-top:75px;} #Content29 .wzjs .content31 .content31Body{ margin:0 -13px;} #Content29 .wzjs .content31 .content31Body ul{ width:100%; float:left; margin-top:20px;} #Content29 .wzjs .content31 .content31Body ul li{ width:25%; float:left; margin-top:24px; padding:0 13px;} #Content29 .wzjs .content31 .content31Body ul li .zbox{ width:100%; float:left; height:266px; position:relative;} #Content29 .wzjs .content31 .content31Body ul li .zbox .mb{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background:black; opacity:0.57;-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;} #Content29 .wzjs .content31 .content31Body ul li .zbox .text{ width:100%; position:absolute; left:0; top:0; display:table; height:100%; text-align:center; z-index:2;} #Content29 .wzjs .content31 .content31Body ul li .zbox .text span{ display:table-cell; vertical-align:middle; padding:0 10px; width:100%;} #Content29 .wzjs .content31 .content31Body ul li .zbox .text span .h4{ width:100%; font-size:30px; color:white; line-height:40px; -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;} #Content29 .wzjs .content31 .content31Body ul li .zbox .text span .p{ width:100%; margin-top:24px; font-size:13px; color:white; line-height:22px; display:none;} #Content29 .wzjs .content31 .content31Body ul li .zbox:hover{ box-shadow:0 0 15px rgba(0,0,0,0.2);} #Content29 .wzjs .content31 .content31Body ul li .zbox:hover .mb{ background:#c0272d; opacity:1;} #Content29 .wzjs .content31 .content31Body ul li .zbox:hover .text span .h4{ padding-bottom:18px; position:relative;} #Content29 .wzjs .content31 .content31Body ul li .zbox:hover .text span .h4:before{ content:''; width:58px; height:2px; background:white; position:absolute; left:50%; bottom:0; margin-left:-29px;} #Content29 .wzjs .content31 .content31Body ul li .zbox:hover .text span .p{ display:block;} @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } #Content30 .wzjs{ width:100%; float:left; padding:0;} .container{ width:1230px; min-width:1230px;} #Content30 .wzjs .tit_11{ width:100%; float:left; text-align:center; position:relative;} #Content30 .wzjs .tit_11 h2{ width:100%; float:left; font-size:88px; line-height:102px; color:#e5e5e5; font-weight:bold;} #Content30 .wzjs .tit_11 h3{ width:100%; float:left; margin-top:-70px; font-size:36px; line-height:70px; color:#333; font-weight:bold; letter-spacing:1px; padding-left:20px;} #Content30 .wzjs .tit_11 .p{ width:100%; float:left; margin-top:10px; font-size:16px; line-height:30px; color:#333; letter-spacing:1px;} #Content30 .wzjs .tit_11.tit_11_w h2{ color:#333;} #Content30 .wzjs .tit_11.tit_11_w h3,#Content30 .wzjs .tit_11.tit_11_w .p{ color:#fff;} #Content30 .wzjs .content32{ width:100%; float:left; position:relative; padding:75px 0 65px 0; overflow:hidden;} #Content30 .wzjs .content32 .hd{ width:100%; float:left; margin-top:55px;} #Content30 .wzjs .content32 .hd ul{ width:100%; float:left; background:black; overflow:hidden; height:60px; -moz-border-radius:30px; -webkit-border-radius:30px; -khtml-border-radius:30px; border-radius:30px;} #Content30 .wzjs .content32 .hd ul li{ width:25%; float:left; text-align:center; cursor:pointer; line-height:60px; color:white; font-size:26px; border-left:solid 1px rgba(255,255,255,0.6);} #Content30 .wzjs .content32 .hd ul li.on{ background:#c0272d; font-weight:bold;} #Content30 .wzjs .content32 .hd ul li:first-child{ border-left:0;} #Content30 .wzjs .content32 .bd{ width:100%; float:left;} #Content30 .wzjs .content32 .bd .content32Body{ margin:0 -2px;} #Content30 .wzjs .content32 .bd .content32Body ul{ width:100%; float:left; margin-top:61px;} #Content30 .wzjs .content32 .bd .content32Body ul li{ width:100%; float:left; padding:0 2px;} #Content30 .wzjs .content32 .bd .content32Body ul li .zbox{ width:100%; float:left; background:#333; padding:25px 20px 10px 20px; text-align:center; min-height:350px;} #Content30 .wzjs .content32 .bd .content32Body ul li .zbox .ico{ width:100%; height:120px;} #Content30 .wzjs .content32 .bd .content32Body ul li .zbox .ico img{ height:100%; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;} #Content30 .wzjs .content32 .bd .content32Body ul li .zbox .title{ width:100%; margin-top:25px; line-height:34px; font-size:23px; color:white; letter-spacing:-1px;} #Content30 .wzjs .content32 .bd .content32Body ul li .zbox .p{ width:100%; margin-top:23px; line-height:25px; font-size:16px; color:white; letter-spacing:1px;} #Content30 .wzjs .content32 .bd .content32Body ul li.l2 .zbox{ background:#000;} #Content30 .wzjs .content32 .bd .content32Body ul li .zbox:hover{ background:#c0272d;} #Content30 .wzjs .content32 .bd .content32Body ul li .zbox:hover .ico img{ transform:rotateY(180deg);} @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } #Content31 .wzjs{ width:100%; float:left; padding:0;} .container{ width:1230px; min-width:1230px;} #Content31 .wzjs .tit_11{ width:100%; float:left; text-align:center; position:relative;} #Content31 .wzjs .tit_11 h2{ width:100%; float:left; font-size:88px; line-height:102px; color:#e5e5e5; font-weight:bold;} #Content31 .wzjs .tit_11 h3{ width:100%; float:left; margin-top:-70px; font-size:36px; line-height:70px; color:#333; font-weight:bold; letter-spacing:1px; padding-left:20px;} #Content31 .wzjs .tit_11 .p{ width:100%; float:left; margin-top:10px; font-size:16px; line-height:30px; color:#333; letter-spacing:1px;} #Content31 .wzjs .tit_11.tit_11_w h2{ color:#333;} #Content31 .wzjs .tit_11.tit_11_w h3,#Content31 .wzjs .tit_11.tit_11_w .p{ color:#fff;} #Content31 .wzjs .content33{ width:100%; float:left; position:relative; padding:75px 0 45px 0; overflow:hidden; background-size:auto 1200px !important; background-position: top center !important;} #Content31 .wzjs .content33 .hd{ width:100%; float:left; margin-top:45px;} #Content31 .wzjs .content33 .hd ul{ width:100%; float:left; background:black; overflow:hidden; height:60px; -moz-border-radius:30px; -webkit-border-radius:30px; -khtml-border-radius:30px; border-radius:30px;} #Content31 .wzjs .content33 .hd ul li{ width:25%; float:left; text-align:center; cursor:pointer; line-height:60px; color:white; font-size:26px; border-left:solid 1px rgba(255,255,255,0.6);} #Content31 .wzjs .content33 .hd ul li.on{ background:#c0272d; font-weight:bold;} #Content31 .wzjs .content33 .hd ul li:first-child{ border-left:0;} #Content31 .wzjs .content33 .bd{ width:100%; float:left; margin-top:33px;} #Content31 .wzjs .content33 .bd ul{ width:100%; float:left; margin-top:5px;} #Content31 .wzjs .content33 .bd ul li{ width:100%; float:left; margin-top:22px; background:#26262e; padding:28px 125px 26px 42px; overflow:hidden; position:relative; box-shadow:0 4px 18px rgba(0,0,0,0.6); -moz-border-radius:8px; -webkit-border-radius:8px; -khtml-border-radius:8px; border-radius:8px;} #Content31 .wzjs .content33 .bd ul li .num{ position:absolute; right:40px; top:50px; text-align:center; width:74px; height:74px; background:#c0272d; line-height:74px; font-size:32px; font-weight:bold; color:white; overflow:hidden; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} #Content31 .wzjs .content33 .bd ul li .title{ width:100%; font-size:32px; color:white; line-height:40px; letter-spacing:-1px;} #Content31 .wzjs .content33 .bd ul li .p{ width:100%; margin-top:16px; font-size:18px; color:white; line-height:32px; letter-spacing:1.5px;} #Content31 .wzjs .content33 .bd .consult{ width:100%; float:left; margin-top:18px; text-align:center;} #Content31 .wzjs .content33 .bd .consult a{ display:inline-block; vertical-align:top; width:298px; height:52px; line-height:52px; background:#c0272d; color:white; font-size:30px; margin-bottom:20px; -moz-border-radius:30px; -webkit-border-radius:30px; -khtml-border-radius:30px; border-radius:30px;} /*#Content31 .wzjs .content33 .bd .consult a:hover{ box-shadow:0 0 16px black;}*/ #Content31 .wzjs .content33 .bd .pic{ width:100%; float:left; text-align:center; margin-top:46px; padding-bottom:10px; position:relative;} #Content31 .wzjs .content33 .bd .pic li{ width:100%; float:left; padding:10px 30px;} #Content31 .wzjs .content33 .bd .pic img{ display:inline-block; vertical-align:top; box-shadow:0 5px 10px rgba(0,0,0,0.5); overflow:hidden; -moz-border-radius:14px; -webkit-border-radius:14px; -khtml-border-radius:14px; border-radius:14px;} #Content31 .wzjs .content33 .bd .img{ width:100%; float:left; text-align:center; margin-top:13px;} #Content31 .wzjs .content33 .bd .pic .slick-dots { position: absolute; bottom: 0px; display: block; width: 100%; padding: 0; margin: 0; left:0; list-style: none; text-align: center; overflow:hidden; } #Content31 .wzjs .content33 .bd .pic .slick-dots li { position: relative; display: inline-block; width: 19px; height: 2px; margin: 0 8px; padding: 0; border:0; float:none; cursor: pointer; background:#fff; opacity:0.4; } #Content31 .wzjs .content33 .bd .pic .slick-dots li button { display:none;} #Content31 .wzjs .content33 .bd .pic .slick-dots li.slick-active{ opacity:0.8; } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } #Content32 .wzjs{ width:100%; float:left; padding:0;} .container{ width:1230px; min-width:1230px;} #Content32 .wzjs .tit_11{ width:100%; float:left; text-align:center; position:relative;} #Content32 .wzjs .tit_11 h2{ width:100%; float:left; font-size:88px; line-height:102px; color:#e5e5e5; font-weight:bold;} #Content32 .wzjs .tit_11 h3{ width:100%; float:left; margin-top:-70px; font-size:36px; line-height:70px; color:#333; font-weight:bold; letter-spacing:1px; padding-left:20px;} #Content32 .wzjs .tit_11 .p{ width:100%; float:left; margin-top:10px; font-size:16px; line-height:30px; color:#333; letter-spacing:1px;} #Content32 .wzjs .tit_11.tit_11_w h2{ color:#333;} #Content32 .wzjs .tit_11.tit_11_w h3,#Content32 .wzjs .tit_11.tit_11_w .p{ color:#fff;} #Content32 .wzjs .content27{ width:100%; float:left; position:relative; padding-top:54px; overflow:hidden;} #Content32 .wzjs .content27 .content27Body{width:100%; float:left; margin-top:68px; padding:50px 0 52px 0;} #Content32 .wzjs .content27 .content27Body .more{ width:100%; float:left; margin-top:50px; text-align:center;} #Content32 .wzjs .content27 .content27Body .more a{ display:inline-block; vertical-align:top; width:298px; height:53px; line-height:53px; background:#c0272d; color:white; font-size:30px; overflow:hidden; -moz-border-radius:27px; -webkit-border-radius:27px; -khtml-border-radius:27px; border-radius:27px;} #Content32 .wzjs .content27 .content27Body .c_1110_5Body{ margin:0 -2px;} #Content32 .wzjs .content27 .content27Body .c_1110_5Body ul{ width:100%; margin-top:30px; display: flex; display: -webkit-flex; flex-wrap: wrap; align-items: flex-start;} #Content32 .wzjs .content27 .content27Body .c_1110_5Body ul li{ width:25%; padding:2px; cursor:pointer;} #Content32 .wzjs .content27 .content27Body .c_1110_5Body ul li .zbox{ width:100%; float:left; padding-bottom:100%; position:relative; overflow:hidden;} #Content32 .wzjs .content27 .content27Body .c_1110_5Body ul li .zbox img{ width:100%; min-height:100%; position:absolute; left:0; top:0;} #Content32 .wzjs .content27 .content27Body .c_1110_5Body ul li .zbox .text{ width:100%; height:100%; position:absolute; left:0; top:0; background:#b8000d; background:rgba(184,0,13,0.9); padding:34px 41px 40px 41px; opacity:0; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;} #Content32 .wzjs .content27 .content27Body .c_1110_5Body ul li .zbox .text .name{ width:100%; padding-bottom:19px; font-size:24px; line-height:36px; background:url(/template/theme/CN/3015_617-32.png) no-repeat left bottom; color:white;} #Content32 .wzjs .content27 .content27Body .c_1110_5Body ul li .zbox .text .p{ width:100%; margin-top:17px; font-size:16px; line-height:32px; height:75%; overflow-y:auto; color:white;} #Content32 .wzjs .content27 .content27Body .c_1110_5Body ul li:hover .zbox .text{ opacity:1;} @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ }