body {color:#666666} a{color:#b50005}a:active,a:hover {color:#b50005} @media (min-width: 1600px) {.container{ width: 1600px; }} @media (min-width: 1600px) {.container{ width: 1600px; }} body{ overflow:hidden;} #Top .head{ float:left; width:100%; background:#fff; position:relative; z-index:66;} #Top .logo{ float:left; margin:15px 0 0 0; width:228px; height:64px; line-height:0; position:absolute; top:0; left:50%; margin-left:-114px; z-index:7;} #Top .logo 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;} #Top .logo :hover img{ -webkit-transform: scale(0.9); -moz-transform: scale(0.9);transform: scale(0.9);} #Top .tel{ float:right; height:24px; margin:36px 0 36px 11px; position:relative; z-index:10;} #Top .tel .ico{float:left; width:24px; height:24px; line-height:0; border-radius:3px; position:relative; z-index:6;background:#b50005;} #Top .tel .num{ float:left; width:0; height:24px; border-radius:3px; background:#b50005; color:#fff; font-size:12px; line-height:24px; position:absolute; right:0; top:0; z-index:5; white-space:nowrap; -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 .tel:hover .num{ padding:0 24px 0 10px; width:130px;} #Top .so{ float:right; height:24px; margin:36px 0; position:relative; z-index:8;} #Top .so .ico{ float:left; width:24px; height:24px; border-radius:3px; position:relative; z-index:6;} #Top .so .Search{ float:left; width:0; height:24px; border-radius:3px; background:#b50005; color:#fff; font-size:12px; line-height:24px; position:absolute; right:0; top:0; z-index:5;-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.on .Search{ width:130px; padding:0 24px 0 10px;} #Top .so ::-webkit-input-placeholder{color:#fff;} #Top .so :-moz-placeholder{color:#fff;} #Top .so ::-moz-placeholder{color:#fff;} #Top .so :-ms-input-placeholder{color:#fff;} /*menu*/ #Top .menu{float: left; position:relative;left:-30px; z-index:6;} #Top .menu .nli{ float:left; padding:0; position:relative;} #Top .menu .nli.ml{ margin-right:300px;} #Top .menu .nli span a{ float:left; position:relative; padding:0 36px 0 30px; color:#333333; font-size:16px; line-height:97px; background:url(/template/theme/CN/2480_top3.png) right center no-repeat; -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none;} #Top .menu .nli span a:after{ float:left; width:0; height:0; position:absolute; left:50%; top:50%; margin-top:8px; margin-left:-6px; content:''; border-left: 6px solid transparent; border-right:6px solid transparent;border-top: 6px solid #fff; -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; } #Top .menu .nli.ml span a, #Top .menu .nli:last-child span a{ background:none;} #Top .menu .nli.active span a, #Top .menu .nli:hover span a{ color:#b50005; font-weight:bold;} #Top .menu .nli.active span a:after, #Top .menu .nli:hover span a:after{border-top: 6px solid #b50005; margin-top:14px; left:50%; } #Top .menu .nli i{ position: absolute; width:23px; height: 23px; left: 0; obtn:50%; margin-top: -11px;} #Top .menu .sub{ display:none; float:left; position:absolute; left:50%; top:99px; width:182px; margin-left:-91px; z-index:66;} #Top .menu .sub li{ float:left; width:100%; border-top:1px solid #4d463f;} #Top .menu .sub li a{ float:left; width:100%; text-align:center; color:#fff; font-size:20px; line-height:60px;background:#4d463f; background:rgba(77,70,63,0.7); letter-spacing:3px;} #Top .menu .sub li a:hover{ background:#4d463f;} /*手机导航按钮*/ #Top .menuph{ display:none; float:left; width:24px; height:24px; cursor: pointer; text-align: center; margin:20px 0;} #Top .menuph .point { display: inline-block; width: 24px; height: 24px; position: relative;} #Top .menuph .point:hover .navbtn, #Top .menuph .point:hover .navbtn::after, #Top .menuph .point:hover .navbtn::before { width:24px; } #Top .menuph .navbtn { position: absolute; top: 11px; left: 0; display: inline-block; width: 24px; height: 2px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: #b50005; } #Top .menuph .navbtn::after, #Top .menuph .navbtn::before { position: absolute; left: 0; display: inline-block; width: 24px; height: 2px; content: ''; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: #b50005; } #Top .menuph .navbtn::after { top: -11px; } #Top .menuph .navbtn::before { top: 11px; } #Top .menuph .point.active .navbtn{ background: transparent; } #Top .menuph .point.active .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; } #Top .menuph .point.active .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; } /*手机导航*/ #Top .xialaph{ position:fixed; left:0; top:0; float:left; width: 100%; height:100%; overflow:scroll; padding:64px 0 100px 0; display: none; z-index:60; background:#5d5d5d; background:rgba(93,93,93,0.95)} #Top .xialaph .ul2, #Top .xialaph .ul3{display: none;} #Top .xialaph h4{ float:left; width:100%; position:relative;} #Top .xialaph h4 a{ float:left; width:88%; color: #fff; font-size:16px; line-height:50px; position:relative;} #Top .xialaph li h4 a i{ float:left; position:absolute; left:0; top:50%; margin-obtn:-10px; width:20px; height:20px;} #Top .xialaph li:last-child h4::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #fff; opacity: 0.4; } #Top .xialaph h4.active a, #Top .xialaph h5.active a{ color: #b50005; } #Top .xialaph h4::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #fff; opacity: 0.4; } #Top .xialaph h5 a{ float:left; width:88%; color: #fff; font-size:14px; line-height: 40px; text-transform:uppercase; padding:0 10px;} #Top .xialaph h5{ float:left; width:100%;position: relative; } #Top .xialaph h5::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #fff; opacity: 0.4; } #Top .xialaph li:last-child h5::after{ display: none; } #Top .xialaph h4 img{ width: 15px; height: 8px; float: right; margin-top: 21px; cursor: pointer; } #Top .xialaph h5 img{ width: 11px; height: 6px; float: right; margin-top: 17px; margin-right:10px; cursor: pointer; } #Top .xialaph h4.active img.img_s, #Top .xialaph h5.active img.img_s{ display: none; } #Top .xialaph h4.active img.img_d, #Top .xialaph h5.active img.img_d{ display: block; } #Top .xialaph .ul2{ float:left; width:100%; padding:0 10px;} #Top .xialaph .ul3{ float:left; width:100%; padding:10px 0 0 10px;} #Top .xialaph .ul3 li{ float:left; width:33.33%;} #Top .xialaph .ul3 li a{ float:left; width:100%; color: #fff; font-size:12px; line-height:26px;} #Top .xialaph .ul3 li a:hover{ color: #b50005; } #Top .xialaph .img_d{ display: none; } @media screen and (max-width:1600px){ #Top .menu{left:-20px; } #Top .menu .nli span a{ padding:0 20px 0 20px; font-size:14px;} #Top .menu .nli.ml{ margin-right:275px;} } @media screen and (max-width:1230px){ #Top .logo{ width:172px; height:48px; margin-left:-100px; margin-top:15px;} #Top .tel{ margin:27px 0 27px 10px;} #Top .so{ margin:27px 0;} #Top .menu{left:-11px; } #Top .menu .nli span a{ padding:0 12px 0 14px; font-size:14px; line-height:78px;} #Top .menu .nli.ml{ margin-right:200px;} } @media screen and (max-width:1024px){ #Top .menu{ display:none;} #Top .logo{ width:172px; height:48px; margin-left:-86px; margin-top:8px;} #Top .tel{ margin:20px 0 20px 10px;} #Top .so{ margin:20px 0;} #Top .menuph{ display:block;} } @media screen and (max-width:768px){ @media screen and (max-width:374px ){ #Top .xialaph .ul3 li{ width:50%;} } } /*手机底部导航*/ #Down .pf_down{width:100%; float:left; position:fixed; left:0; bottom:0; height:60px; background:#b50005; z-index:58; box-shadow:0 -4px 7px rgba(0,0,0,0.15);} #Down .pf_down li{ width:20%; float:left; text-align:center; padding:8px 0 5px 0;} #Down .pf_down li:hover{ background:#b50005;} #Down .pf_down li .ico7{ width:100%; float:left; height:24px;} #Down .pf_down li .ico7 img{ width:24px; height:24px;} #Down .pf_down li .name{ width:100%; float:left; margin-top:3px; font-size:14px; color:#fff; line-height:16px;} /*右侧漂浮*/ #Down .pf_right{ float:left; width:38px; position:fixed; right:4px; top:50%; z-index:66;} #Down .pf_right:after{ float:left; width:1px; height:90%; background:#fff; position:absolute; left:50%; top:5%; content:''; z-index:1;opacity:0.6; filter:alpha(opacity=60);} #Down .pf_right .l1{ float:left; width:100%; margin:5px 0; position:relative; z-index:6;} #Down .pf_right .l1 .ico7{ float:left; width:100%; border-radius:50%; padding:8px; background:#5d5d5d; line-height:0; position:relative; z-index:9;} #Down .pf_right .l1 .name{ float:left; padding:0 9px; background:#b50005; color:#fff; font-size:16px; line-height:30px; border-radius:3px; white-space:nowrap; position:absolute; right:-200px; top:50%; margin-top:-15px;opacity:0; filter:alpha(opacity=00);-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; z-index:6;} #Down .pf_right .l1 .name:after{ float:left; width:0; height:0; position:absolute; right:-6px; top:50%; content:''; border-top: 7px solid transparent; border-bottom:7px solid transparent;border-left: 7px solid #b50005; margin-top:-7px;} #Down .pf_right .l1:hover .ico7{ background:#b50005;} #Down .pf_right .l1:hover .name{ right:48px;opacity:1; filter:alpha(opacity=100);} /*微信弹窗*/ #Down .PopupBg{ display:none; float:left; width:100%; height:100%; position:fixed; left:0; top:0; z-index:100; background:#000;opacity:0.5; filter:alpha(opacity=50);} #Down .weixin_Popup{ display:none; float:left; width:320px; background:#fff; border-radius:3px; z-index:101; position:fixed; left:50%; top:50%; margin:-179px 0 0 -160px;} #Down .weixin_Popup .cont{ float:left; width:100%; position:relative; padding:32px;} #Down .weixin_Popup .colse{ float:left; width:24px; height:24px; line-height:0; position:absolute; top:-10px; right:-32px; cursor:pointer;} #Down .weixin_Popup .img{ float:left; width:100%;margin:21px 0 27px 0;} #Down .weixin_Popup .img img{ display:block; margin:0 auto; border:1px solid #e5e5e5; width:220px; height:220px;} #Down .weixin_Popup .info{ float:left; width:100%; text-align:center; color:#333333; font-size:16px; line-height:26px; } #Down .weixin_Popup .info img{ display:inline-block; vertical-align:top; width:26px; height:26px; margin-right:9px;} /*留言弹窗*/ #Down .message_Popup{ display:none; float:left; width:756px; background:#fff; border-radius:3px; z-index:101; position:fixed; left:50%; top:50%; margin:-270px 0 0 -378px;} #Down .message_Popup .cont{ float:left; width:100%; position:relative; padding:35px 33px 42px 33px;} #Down .message_Popup .colse{ float:left; width:24px; height:24px; line-height:0; position:absolute; top:-10px; right:-32px; cursor:pointer;} #Down .message_Popup .tit1{ float:left; width:100%; text-align:center; color:#333333; font-size:28px; line-height:38px; text-align:center; } #Down .message_Popup .tit2{ float:left; width:100%; text-align:center; color:#444444; font-size:18px; line-height:28px; text-align:center; margin:13px 0 23px 0; } #Down .message_Popup .lab{ float:left; width:100%; margin-top:14px; position:relative;} #Down .message_Popup .fv2{ display:block; margin:20px auto 0 auto; width:155px; height:46px; line-height:44px; color:#fff; font-size:16px; border-radius:4px; background:#b50005;} #Down .message_Popup .fv2:hover{ box-shadow:5px 5px 10px rgba(0,0,0,0.2);} #Down .message_Popup .name0{ float:left; position:absolute; left:20px; top:9px; color:#666666; font-size:16px; line-height:26px;} #Down .message_Popup .name0 span{ color:#b50005;} #Down .message_Popup .fv0{ float:left; width:100%; height:46px; line-height:26px; color:#666666; font-size:16px; background:#fff; border:1px solid #ededed; padding-top:9px; padding-bottom:9px; padding-right:20px; padding-left:70px;} #Down .message_Popup .fv0zz{padding-left:270px;} #Down .message_Popup .fv3{ height:87px; padding-left:101px;} #Down .message_Popup .fv4{ padding-left:101px;} #Down .message_Popup .fv5{ padding-left:94px;} #Down .message_Popup .name1{ float:left; width:100%; background:#7f7f7f; color:#fff; font-size:16px; line-height:46px; text-align:center; position:relative; z-index:1;} #Down .message_Popup .fv1{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:6;opacity:0; filter:alpha(opacity=00); cursor:pointer;} #Down .message_Popup .lab1{ width:79.06%;} #Down .message_Popup .lab2{ width:16%; margin-left:4.94%;} #Down .message_Popup .lab3{ width:48%;} #Down .message_Popup .lab4{ width:48%; float:right;} #Down .message_Popup .lab5{ width:58.12%;} #Down .message_Popup .lab6{ width:16%; margin-left:4.94%;} #Down .message_Popup_r{ display:none; float:left; width:756px; background:#fff; border-radius:3px; z-index:101; position:fixed; left:50%; top:50%; margin:-270px 0 0 -378px;} #Down .message_Popup_r .cont{ float:left; width:100%; position:relative; padding:35px 33px 42px 33px;} #Down .message_Popup_r .colse{ float:left; width:24px; height:24px; line-height:0; position:absolute; top:-10px; right:-32px; cursor:pointer;} #Down .message_Popup_r .tit1{ float:left; width:100%; text-align:center; color:#333333; font-size:28px; line-height:38px; text-align:center; } #Down .message_Popup_r .tit2{ float:left; width:100%; text-align:center; color:#444444; font-size:18px; line-height:28px; text-align:center; margin:13px 0 23px 0; } #Down .message_Popup_r .lab{ float:left; width:100%; margin-top:14px; position:relative;} #Down .message_Popup_r .fv2{ display:block; margin:20px auto 0 auto; width:155px; height:46px; line-height:44px; color:#fff; font-size:16px; border-radius:4px; background:#b50005;} #Down .message_Popup_r .fv2:hover{ box-shadow:5px 5px 10px rgba(0,0,0,0.2);} #Down .message_Popup_r .name0{ float:left; position:absolute; left:20px; top:9px; color:#666666; font-size:16px; line-height:26px;} #Down .message_Popup_r .name0 span{ color:#b50005;} #Down .message_Popup_r .fv0{ float:left; width:100%; height:46px; line-height:26px; color:#666666; font-size:16px; background:#fff; border:1px solid #ededed; padding-top:9px; padding-bottom:9px; padding-right:20px; padding-left:70px;} #Down .message_Popup_r .fv0zz{padding-left:270px;} #Down .message_Popup_r .fv3{ height:87px; padding-left:101px;} #Down .message_Popup_r .fv4{ padding-left:101px;} #Down .message_Popup_r .fv5{ padding-left:94px;} #Down .message_Popup_r .name1{ float:left; width:100%; background:#7f7f7f; color:#fff; font-size:16px; line-height:46px; text-align:center; position:relative; z-index:1;} #Down .message_Popup_r .fv1{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:6;opacity:0; filter:alpha(opacity=00); cursor:pointer;} #Down .message_Popup_r .lab1{ width:79.06%;} #Down .message_Popup_r .lab2{ width:16%; margin-left:4.94%;} #Down .message_Popup_r .lab3{ width:48%;} #Down .message_Popup_r .lab4{ width:48%; float:right;} #Down .message_Popup_r .lab5{ width:58.12%;} #Down .message_Popup_r .lab6{ width:16%; margin-left:4.94%;} /*底部*/ #Down .pz_down{ float:left; width:100%; position:relative; background:#b50005;} #Down .pz_down .bg0{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2;opacity:0.14; filter:alpha(opacity=14); } #Down .pz_down .bg1{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:4;opacity:0.16; filter:alpha(opacity=16); background:#000;} #Down .pz_down .bg2{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:6;opacity:0.72; filter:alpha(opacity=72); } #Down .footAddr{ float:left; width:100%; padding:45px 0 32px 0; overflow:hidden;} #Down .footAddr .ul1{ margin:0 -15px;} #Down .footAddr .l1{ float:left; width:25%; text-align:center; padding:0 75px; border-right:1px solid #fff; border-right:1px solid rgba(255,255,255,0.1); min-height:153px;} #Down .footAddr .l1:nth-child(2){cursor:pointer;} #Down .footAddr .l1 .ico{ float:left; width:100%; line-height:0; margin-bottom:15px;} #Down .footAddr .l1 .ico img{ width:40px; height:33px;} #Down .footAddr .l1 .info{ float:left; width:100%; color:#fff; font-size:16px; line-height:26px; letter-spacing:1px;} #Down .footAddr .l1 .info a{ color:#fff;} #Down .footAddr .l1 .line{ float:left; width:100%; margin:12px 0 14px 0;} #Down .footAddr .l1 .line span{ display:block; margin:0 auto; width:16px; height:1px; background:#fff;} #Down .footNav{ float:left; width:100%; text-align:center; padding:13px 0; border-top:1px solid #fff; border-top:1px solid rgba(255,255,255,0.1); border-bottom:1px solid #fff; border-bottom:1px solid rgba(255,255,255,0.1);} #Down .footNav .ul1{ margin:0 -15px 0 -14px; display:inline-block;} #Down .footNav .ul1 li{ float:left; margin:0 57px 0 50px;} #Down .footNav .ul1 li a{ float:left; color:#fff; font-size:16px; line-height:25px;} #Down .footNav .ul1 li a:hover{opacity:0.7; filter:alpha(opacity=70); } #Down .copyright{ float:left; width:100%; text-align:center; color:#fff; font-size:16px; line-height:26px; padding:11px 0;} @media screen and (max-width:1600px){ #Down .footAddr .l1{ padding:0 35px;} #Down .footNav .ul1 li{ margin:0 30px;} } @media screen and (max-width:1230px){ #Down .footAddr .l1{ padding:0 25px;} #Down .footNav .ul1{ margin:0;} #Down .footNav .ul1 li{ margin:0 18px;} } @media screen and (max-width:1024px){ #Down .weixin_Popup{ width:240px; margin:-136px 0 0 -120px;} #Down .weixin_Popup .cont{padding:24px;} #Down .weixin_Popup .img{ margin:15px 0 20px 0;} #Down .weixin_Popup .img img{ width:165px; height:165px;} #Down .weixin_Popup .info{ font-size:14px; line-height:24px; } #Down .weixin_Popup .info img{ width:24px; height:24px; margin-right:8px;} #Down .message_Popup{ width:80%; left:10%; margin:-258px 0 0 0;} #Down .message_Popup .cont{padding:17px 15px 21px 15px;} #Down .message_Popup .tit1{ font-size:20px; line-height:28px;} #Down .message_Popup .tit2{ font-size:14px; line-height:20px;margin:4px 0 8px 0; } #Down .message_Popup .lab{ margin-top:10px;} #Down .message_Popup .name0{ font-size:14px; left:12px; line-height:24px; top:6px;} #Down .message_Popup .name1{ font-size:14px; line-height:36px;} #Down .message_Popup .fv0{ height:36px; padding-top:5px; padding-bottom:5px; padding-right:12px; padding-left:54px; line-height:24px; font-size:14px;} #Down .message_Popup .fv0zz{padding-left: 12px; padding-top: 28px; height: 64px;} #Down .message_Popup .fv2{ height:36px; line-height:34px; font-size:14px; width:120px; margin-top:10px;} #Down .message_Popup .fv3{ height:60px; padding-left:82px;} #Down .message_Popup .fv4{ padding-left:82px;} #Down .message_Popup .fv5{ padding-left:76px;} #Down .message_Popup .lab1{ width:100%;} #Down .message_Popup .lab2{ width:30%; margin-left:0%;} #Down .message_Popup .lab3{ width:100%;} #Down .message_Popup .lab4{ width:100%; float:right;} #Down .message_Popup .lab5{ width:100%;} #Down .message_Popup .lab6{ width:30%; margin-left:0; margin-right:3%;} #Down .message_Popup_r{ width:80%; left:10%; margin:-258px 0 0 0;} #Down .message_Popup_r .cont{padding:17px 15px 21px 15px;} #Down .message_Popup_r .tit1{ font-size:20px; line-height:28px;} #Down .message_Popup_r .tit2{ font-size:14px; line-height:20px;margin:4px 0 8px 0; } #Down .message_Popup_r .lab{ margin-top:8px;} #Down .message_Popup_r .name0{ font-size:14px; left:12px; line-height:24px; top:6px;} #Down .message_Popup_r .name1{ font-size:14px; line-height:36px;} #Down .message_Popup_r .fv0{ height:36px; padding-top:5px; padding-bottom:5px; padding-right:12px; padding-left:54px; line-height:24px; font-size:14px;} #Down .message_Popup_r .fv0zz{padding-left: 12px; padding-top: 28px; height: 64px;} #Down .message_Popup_r .fv2{ height:36px; line-height:34px; font-size:14px; width:120px; margin-top:10px;} #Down .message_Popup_r .fv3{ height:60px; padding-left:82px;} #Down .message_Popup_r .fv4{ padding-left:82px;} #Down .message_Popup_r .fv5{ padding-left:76px;} #Down .message_Popup_r .lab1{ width:100%;} #Down .message_Popup_r .lab2{ width:30%; margin-left:0%;} #Down .message_Popup_r .lab3{ width:100%;} #Down .message_Popup_r .lab4{ width:100%; float:right;} #Down .message_Popup_r .lab5{ width:100%;} #Down .message_Popup_r .lab6{ width:30%; margin-left:0; margin-right:3%;} #Down .pz_down{ margin-bottom:60px;} #Down .footAddr{ padding:22px 0 16px 0;} #Down .footAddr .ul1{ margin:0 -12px;} #Down .footAddr .l1{ padding:0 12px; min-height:117px;} #Down .footAddr .l1 .ico{ margin-bottom:6px;} #Down .footAddr .l1 .ico img{ width:30px; height:24px;} #Down .footAddr .l1 .line{ margin:6px 0 7px 0;} #Down .footAddr .l1 .info{ font-size:14px; line-height:24px;} #Down .footNav .ul1 li{ margin:0 13px;} #Down .footNav .ul1 li a{ font-size:14px; line-height:23px;} #Down .copyright{ font-size:14px; line-height:24px;} #Down .footNav a{ font-size:14px; line-height:24px;} } @media screen and (max-width:768px){ #Down .footAddr{ padding:14px 0 8px 0; display:none;} #Down .footAddr .l1{ width:50%; margin:8px 0;} #Down .footNav{ padding:10px 0;} #Down .footNav .ul1{ margin:0 -12px; text-align:center;} #Down .footNav .ul1 li{ float:none; display:inline-block; vertical-align:top; margin:0 12px; text-align:center;} #Down .footNav .ul1 li a{ line-height:28px;} #Down .footAddr .l1{ min-height:40px; border-right:none;border-left:1px solid #fff; border-left:1px solid rgba(255,255,255,0.1);} @media screen and (max-width:413px ) { #Down .footNav .ul1{ margin:0 -8px;} #Down .footNav .ul1 li{margin:0 8px; } } } /*banner*/ #Slide .bannBox{ float:left; width:100%; position:relative;} #Slide .bannBox .bann1{ float:left; position:absolute; right:0; bottom:0; color:#fff; font-size:16px; line-height:63px; font-weight:bold; background:#b50005; padding:0 9.11% 0 22px; z-index:1;} #Slide .bannBox .bann1 span{ float:left; width:232px;} #Slide .bannBox .bann1:after{ float:left; width:0; height:0; position:absolute; right:100%; bottom:0; z-index:1; content:''; border-left: 27px solid transparent;border-bottom: 63px solid #b50005;} #Slide .slide_banner{ float:left; width:100%; margin:0; position:relative; overflow:hidden; text-align:center; border-bottom:4px solid #b50005;} #Slide .slide_banner .slick-slide{ width:100%; padding:0; position:relative; line-height:0;} #Slide .slide_banner img{ width:100%;} #Slide .slide_banner .slick-dots{ height:16px; width:132px; position:absolute; right:9.11%; bottom:21px; z-index:16;} #Slide .slide_banner .slick-dots li{ background:#fff; width:16px; height:16px; margin:0 6px; text-indent:-9999px; overflow:hidden; vertical-align:top;} #Slide .slide_banner .slick-dots li.slick-active{ width:12px;} #Slide .slide_banner .slick-prev{ float:left; width:46px; height:46px; left:3%; z-index:16; border-radius:50%; opacity:0.8; filter:alpha(opacity=80);} #Slide .slide_banner .slick-next{ float:left; width:46px; height:46px; right:3%; z-index:16; border-radius:50%;pacity:0.8; filter:alpha(opacity=80);} @media screen and (max-width:1600px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1024px){ #Slide .bannBox .bann1{ font-size:14px; line-height:43px; padding:0 4% 0 12px;} #Slide .bannBox .bann1 span{ width:200px;} #Slide .bannBox .bann1:after{ border-left:20px solid transparent;border-bottom: 43px solid #b50005;} #Slide .slide_banner .slick-dots{ bottom:11px; right:4%;} #Slide .slide_banner .slick-dots li{ width:0 4px;} #Slide .slide_banner .slick-prev, #Slide .slide_banner .slick-next{ width:30px; height:30px; background-size:8px auto !important;} #Slide .slide_banner{ border-bottom:2px solid #b50005;} } @media screen and (max-width:768px){ } /*hContBg1*/ #Content .hContBg1{ float:left; width:100%; position:relative; background:#fff; padding:133px 0 139px 0; overflow:hidden;} #Content .hContBg1 .bg1{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;} #Content .hContBg1 .bg2{ float:left; width:50%; height:100%; background:#fff;opacity:0.95; filter:alpha(opacity=95); position:absolute; left:0; top:0; z-index:2; box-shadow:0 4px 9px rgba(0,0,0,0.24);} #Content .hContBg1 .bg3{ float:left; width:50%; height:100%; background:#f9fbfd;opacity:0.88; filter:alpha(opacity=88); position:absolute; right:0; top:0; z-index:2;} #Content .hSheji1{ float:left; width:50%; padding-right:16.62%; position:relative;} #Content .hSheji1 .logo1{ float:left; width:97.6%; line-height:0;} #Content .hSheji1 .info{ float:left; width:100%; color:#333333; font-size:36px; line-height:59px; font-weight:bold; margin:102px 0 48px 0;} #Content .hSheji1 .cont{ float:left; width:100%; color:#333333; font-size:24px; line-height:48px; text-transform:uppercase; margin:54px 0 40px 0; font-family:'Arial';} #Content .hSheji1 .line0{ float:left; width:144px; height:6px; background:#b50005;} #Content .hSheji1 .line{ float:left; width:100%; height:1px; background:#b50005; margin-top:10px;} #Content .hSheji1 .line1{opacity:0.3; filter:alpha(opacity=30);} #Content .hSheji1 .line2{opacity:0.5; filter:alpha(opacity=50);} #Content .hSheji1 .list{ float:left; width:164px; position:absolute; right:0; top:-30px; z-index:66;} #Content .hSheji1 .list .l1{ float:left; width:100%; padding-right:44px;cursor:pointer; margin-bottom:117px; position:relative;} #Content .hSheji1 .list .l1:after{ display:none; float:left; width:0; height:0; content:''; border-top: 15px solid transparent; border-bottom:15px solid transparent;border-right:25px solid #000; position:absolute; right:0; top:45px;opacity:0.1; filter:alpha(opacity=10);} #Content .hSheji1 .list .l1 .img{ float:left; width:120px; height:120px; border-radius:50%; overflow:hidden; border:5px solid #fff;line-height:0; position:relative;} #Content .hSheji1 .list .l1 .img img{ background:#fff;} #Content .hSheji1 .list .l1 .img .ico2{ position:absolute; left:0; top:0;opacity:0; filter:alpha(opacity=00); } #Content .hSheji1 .list .l1 .img .ico1{ position:relative; opacity:1; filter:alpha(opacity=100); } #Content .hSheji1 .list .l1 .tit{ float:left; width:100%; color:#333333; font-size:20px; line-height:30px; text-align:center; margin-top:18px;} #Content .hSheji1 .list .l1.on:after{ display:block;} #Content .hSheji1 .list .l1.on .img{ border:5px solid rgba(181,0,5,0.5); } #Content .hSheji1 .list .l1.on .img img{ background:#b50005;} #Content .hSheji1 .list .l1.on .img .ico1{ opacity:0; filter:alpha(opacity=00); } #Content .hSheji1 .list .l1.on .img .ico2{ opacity:1; filter:alpha(opacity=100); } #Content .hSheji2{ float:right; width:44.45%; position:relative; margin-right:-50px;background:#ffff; background:rgba(255,255,255,0.9); padding:40px 64px; position:relative; } #Content .hSheji2 .tit0{ float:left; position:absolute; right:2px; top:2px; width:102px; height:74px; color:#fff; font-size:16px; line-height:40px; font-weight:bold; text-align:center; z-index:16; overflow:hidden;} #Content .hSheji2 .tit0 a{ float:left; width:100%; transform:rotate(-2deg); color:#fff;} #Content .hSheji2 .tit1{ float:left; width:100%; color:#b50005; font-size:20px; line-height:26px; text-transform:uppercase;} #Content .hSheji2 .tit2{ float:left; width:100%; color:#333333; font-size:24px; line-height:34px; font-weight:bold; margin:4px 0 21px 0;} #Content .hSheji2 .tit2 span{ color:#666666; font-size:18px; font-weight:normal;} #Content .hSheji2 .line{ float:left; width:46px; height:3px; background:#b50005;} #Content .hSheji2 .info{ float:left; width:100%; color:#666666; font-size:16px; line-height:30px; height:90px; overflow:hidden; margin:20px 0 31px 0;} #Content .hSheji2 .inHd{ float:left; width:100%; padding-top:32px; border-top:1px solid #d8d8d8;} #Content .hSheji2 .inHd .ul1{ margin:0 -12px;} #Content .hSheji2 .inHd .l1{ float:left; width:25%; padding:8px 12px;} #Content .hSheji2 .inHd .l1 span{ float:left; width:100%; text-align:center; color:#fff; font-size:16px; line-height:36px; background:#919191; cursor:pointer; position:relative;} #Content .hSheji2 .inHd .l1 span:after{ display:none; float:left; width:0; height:0; content:''; position:absolute; left:50%; margin-left:-8px; top:100%;border-left: 8px solid transparent; border-right:8px solid transparent;border-top: 8px solid #b50005; } #Content .hSheji2 .inHd .l1.on span{ background:#b50005;} #Content .hSheji2 .inHd .l1.on span:after{ display:block;} #Content .hSheji2 .inBd{ float:left; width:100%; margin:0 0 12px 0; color:#666666; font-size:16px; line-height:30px;} #Content .hSheji2 .inBd .cont{ float:left; width:100%;} #Content .hSheji2 .inBd .p1{ float:left; width:100%; height:226px; overflow:hidden; margin:25px 0 0 0;} #Content .hSheji2 .inBd .more{ float:left; width:100%;} #Content .hSheji2 .inBd .more a{ float:left; width:120px; height:36px; line-height:34px; color:#fff; font-size:16px; background:#b50005; border-radius:3px; text-align:center;} #Content .hSheji2 .inBd .more a i{ display:inline-block; width:0; height:0; border-top: 4px solid transparent; border-bottom:4px solid transparent;border-left: 8px solid #fff; margin-left:10px; } #Content .hSheji2 .inBd .more a:hover{ box-shadow:0 4px 10px rgba(0,0,0,0.2);} #Content .hSheji2 .inBox{ float:left; width:100%; position:relative;} #Content .hSheji2 .prev, #Content .hSheji2 .next{ width:44px; height:44px; border-radius:50%;} #Content .hSheji2 .prev{ background:url(/template/theme/CN/2483_main10.png) center no-repeat #9e9f9f; background-size:100% 100%; left:-66px;} #Content .hSheji2 .next{ background:url(/template/theme/CN/2483_main11.png) center no-repeat #9e9f9f; background-size:100% 100%; right:-66px;} #Content .hSheji2 .prev:hover{ background:url(/template/theme/CN/2483_main10.png) center no-repeat #b50005; background-size:100% 100%;} #Content .hSheji2 .next:hover{ background:url(/template/theme/CN/2483_main11.png) center no-repeat #b50005; background-size:100% 100%;} @media screen and (max-width:1600px){ #Content .hSheji2{margin-right:-30px; padding:40px 40px;} #Content .hSheji1 .info{ font-size:30px; line-height:54px;} #Content .hSheji1 .cont{ font-size:20px; line-height:40px;} #Content .hSheji1 .list .l1{ margin-bottom:80px;} #Content .hSheji2 .inBd .p1{ height:226px;} } @media screen and (max-width:1230px){ #Content .hSheji1 .info{ font-size:24px; line-height:40px; margin:50px 0 24px 0;} #Content .hSheji1 .cont{ font-size:16px; line-height:30px; margin:27px 0 20px 0;} #Content .hSheji1 .line0{ width:100px; height:3px;} #Content .hSheji1 .list{ width:110px; top:-10px;} #Content .hSheji1 .list .l1{ margin-bottom:35px; padding-right:30px;} #Content .hSheji1 .list .l1 .img{ width:80px; height:80px; border:3px solid #fff; } #Content .hSheji1 .list .l1 .tit{ font-size:16px; line-height:26px; margin-top:8px;} #Content .hSheji1 .list .l1:after{border-top:8px solid transparent; border-bottom: 8px solid transparent; border-right: 12px solid #000; top:35px;} #Content .hSheji1 .list .l1.on .img{ border:3px solid rgba(181,0,5,0.5); } #Content .hSheji1 .logo1{ width:80%;} #Content .hSheji2{margin-right:0; padding:20px;} #Content .hSheji2 .inBd .p1{ height:120px;} #Content .hSheji2 .tit1{ font-size:16px; line-height:22px;} #Content .hSheji2 .tit2{ font-size:18px; line-height:28px; margin:0 0 10px 0;} #Content .hSheji2 .tit2 span{ font-size:16px;} #Content .hSheji2 .line{ height:2px;} #Content .hSheji2 .info{ font-size:14px; line-height:24px; height:72px; margin:10px 0 15px 0;} #Content .hSheji2 .inBd{ font-size:14px; line-height:24px;} #Content .hSheji2 .inBd .p1{ height:120px; margin:10px 0 0 0;} #Content .hSheji2 .inHd{ padding-top:10px;} #Content .hSheji2 .inHd .ul1{ margin:0 -8px;} #Content .hSheji2 .inHd .l1{ padding:8px;} #Content .hSheji2 .inHd .l1 span{ font-size:14px; line-height:32px;} } @media screen and (max-width:1024px){ #Content .hContBg1{ padding:30px 0;} #Content .hContBg1 .bg2{ width:100%; height:50%;} #Content .hContBg1 .bg3{ width:100%; height:50%; top:auto; bottom:0;} #Content .hSheji1{ width:100%; padding-right:0;} #Content .hSheji1 .logo1{ width:200px;} #Content .hSheji1 .list{ width:100%; position:static; margin:20px 0 0 0;} #Content .hSheji1 .list .l1{ width:33.33%; margin-bottom:0; padding-right:0;} #Content .hSheji1 .list .l1 .img{ float:none; display:block; margin:0 auto;} #Content .hSheji1 .list .l1.on:after{ display:none;} #Content .hSheji1 .info{ font-size:20px; line-height:30px; margin:20px 0 12px 0;} #Content .hSheji1 .cont{ font-size:16px; line-height:26px; margin:14px 0 8px 0;} #Content .hSheji1 .line{ margin-top:5px;} #Content .hSheji1 .line0{ width:66px; height:2px;} #Content .hSheji2{ width:100%; margin-top:40px;} #Content .hSheji2 .inHd .ul1{ margin:0 -4px;} #Content .hSheji2 .inHd .l1{ padding:8px 4px;} } @media screen and (max-width:768px){ } /**/ #Content2 .hContBg2{ float:left; width:100%; position:relative; background:#b50005; padding:74px 0;} #Content2 .hContBg2 .bg{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;opacity:0.12; filter:alpha(opacity=12);} #Content2 .hTit1{ float:left; width:100%; text-align:center; position:relative; z-index:6;} #Content2 .hTit1 .tit1{ float:left; width:100%; color:#333333; font-size:36px; line-height:36px; font-weight:bold;} #Content2 .hTit1 .tit2{ float:left; width:100%; color:#333333; font-size:24px; line-height:24px; text-transform:uppercase; font-family:'Arial'; margin-top:17px;} #Content2 .hCont2{ float:left; width:100%; position:relative; z-index:6; margin-top:70px; overflow:hidden; text-align:center;} #Content2 .hCont2 .ul1{ margin:0 -15px;} #Content2 .hCont2 .l1{ float:left; width:25%; padding:0 15px; border-right:1px dashed rgba(255,255,255,0.4);} #Content2 .hCont2 .l1 .num{ float:left; width:100%; color:#fff; font-size:50px; line-height:60px; font-weight:bold;} #Content2 .hCont2 .l1 .num span{ display:inline-block; vertical-align:top; font-weight:normal; font-size:30px; line-height:14px; margin-left:5px;} #Content2 .hCont2 .l1 .num .value{ display:inline-block; vertical-align:top;} #Content2 .hCont2 .l1 .info{ float:left; width:100%; color:#fff; font-size:18px; line-height:28px; margin-top:8px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;} @media screen and (max-width:1600px){ #Content2 .hTit1 .tit1{ font-size:30px; line-height:30px;} #Content2 .hTit1 .tit2{ font-size:20px; line-height:20px;} } @media screen and (max-width:1230px){ } @media screen and (max-width:1024px){ #Content2 .hContBg2{ padding:35px 0;} #Content2 .hTit1 .tit1{ font-size:18px; line-height:24px;} #Content2 .hTit1 .tit2{ font-size:14px; line-height:20px; margin-top:6px;} #Content2 .hCont2{ margin-top:10px;} #Content2 .hCont2 .ul1{ margin:0 -6px;} #Content2 .hCont2 .l1{ padding:0 6px;} #Content2 .hCont2 .l1 .num{ font-size:30px; line-height:40px;} #Content2 .hCont2 .l1 .num span{ font-size:20px;} #Content2 .hCont2 .l1 .info{ font-size:14px; line-height:24px; margin-top:4px;} } @media screen and (max-width:768px){ #Content2 .hCont2 .l1{ width:50%; margin-top:20px;} } /*hContBg2*/ #Content3 .hContBg3{ float:left; width:100%; position:relative; background:#eeefef; padding:74px 0;} #Content3 .hContBg3 .bg1{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;opacity:0.1; filter:alpha(opacity=10);} #Content3 .partner1{ float:left; width:100%; margin-top:60px; position:relative; z-index:6;} #Content3 .partner1 .ul1{ margin:0 -13px;} #Content3 .partner1 .l1{ float:left; width:16.66%; padding:14px 13px;} #Content3 .partner1 .la{ float:left; width:100%; border:1px solid #dbdbdb; line-height:0; background:#fff; position:relative; overflow:hidden;} #Content3 .partner1 .la .img1{ position:relative;opacity:1; filter:alpha(opacity=100);} #Content3 .partner1 .la .img2{ position:absolute; left:0; top:0;opacity:0; filter:alpha(opacity=00);-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; -webkit-transform: scale(0.8); -moz-transform: scale(0.8);transform: scale(0.8); } #Content3 .partner1 .la:hover .img1{opacity:0; filter:alpha(opacity=00);} #Content3 .partner1 .la:hover .img2{opacity:1; filter:alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1);transform: scale(1);} #Content3 .partner1 .la:hover{ box-shadow:0 4px 8px rgba(0,0,0,0.14);} #Content3 .partner1 .slick-dots{ position:static; height:8px; margin-top:15px;} #Content3 .partner1 .slick-dots li{ width:8px; height:8px; vertical-align:top; margin:0 5px; border-radius:50%; background:#b50005;opacity:0.4; filter:alpha(opacity=40);} #Content3 .partner1 .slick-dots li.slick-active{opacity:1; filter:alpha(opacity=100);} #Content3 .partner1 .slick-prev, #Content3 .partner1 .slick-next{ width:44px; height:44px; border-radius:50%;} #Content3 .partner1 .slick-prev{ background:url(/template/theme/CN/2485_main10.png) center no-repeat #9e9f9f; background-size:100% 100%; left:-66px;} #Content3 .partner1 .slick-next{ background:url(/template/theme/CN/2485_main11.png) center no-repeat #9e9f9f; background-size:100% 100%; right:-66px;} #Content3 .partner1 .slick-prev:hover{ background:url(/template/theme/CN/2485_main10.png) center no-repeat #b50005; background-size:100% 100%;} #Content3 .partner1 .slick-next:hover{ background:url(/template/theme/CN/2485_main11.png) center no-repeat #b50005; background-size:100% 100%;} @media screen and (max-width:1600px){ #Content3 .partner1 .ul1{ margin:0 -10px;} #Content3 .partner1 .l1{padding:14px 10px;} } @media screen and (max-width:1230px){ #Content3 .partner1 .ul1{ margin:0 -8px;} #Content3 .partner1 .l1{padding:10px 8px;} #Content3 .partner1 .slick-prev, #Content3 .partner1 .slick-next{ width:34px; height:34px;} #Content3 .partner1 .slick-prev{ left:-50px;} #Content3 .partner1 .slick-next{ right:-50px;} } @media screen and (max-width:1024px){ #Content3 .hContBg3{ padding:30px 0;} #Content3 .partner1{ margin-top:15px;} #Content3 .partner1 .ul1{ margin:0 -4px;} #Content3 .partner1 .l1{padding:4px 4px;} } @media screen and (max-width:768px){ #Content3 .partner1 .l1{ width:33.33%;} } /*hContBg3*/ #Content4 .hContBg4{ float:left; width:100%; position:relative; padding:80px 0 73px 0;} #Content4 .hSolut{ float:left; width:100%; margin-top:52px; position:relative; z-index:16; margin-top:72px;} #Content4 .hSolut .hd{ float:left; width:100%; overflow:hidden;} #Content4 .hSolut .hd ul{ white-space:nowrap;} #Content4 .hSolut .l1{ float:left; white-space:nowrap; width:20%; overflow:hidden; position:relative; outline:none;} #Content4 .hSolut .l1 .la{ float:left; width:100%; padding:44px 10px; background:#000000;outline:none;-webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none; } #Content4 .hSolut .l1 .img{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;opacity:0.46; filter:alpha(opacity=46); -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #Content4 .hSolut .l1 .info1{ float:left; width:100%; position:relative; z-index:6; text-align:center; height:362px;} #Content4 .hSolut .l1 .info1 .ico1{ float:left; width:100%; line-height:0; margin:115px 0 15px 0;} #Content4 .hSolut .l1 .info1 .ico1 img{ display:inline-block; width:74px; height:74px; padding:10px; background:#b50005; border-radius:50%;} #Content4 .hSolut .l1 .info1 .tit1{ float:left; width:100%; color:#fff; font-size:20px; line-height:30px; height:30px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;} #Content4 .hSolut .l1 .info2{ display:none; float:right; width:100%; height:362px; background:#fff; background:rgba(255,255,255,0.90); position:relative; z-index:6; padding:40px 33px 42px 59px;} #Content4 .hSolut .l1 .info2 .ico2{ float:left; line-height:0; position:absolute; left:-40px; top:50%; margin-top:-37px; z-index:16; border-radius:50%; 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;} #Content4 .hSolut .l1 .info2 .ico2 img{ display:inline-block; width:74px; height:74px; padding:10px; background:#b50005;} #Content4 .hSolut .l1 .info2 .tit2{ float:left; width:100%; color:#333333; font-size:20px; line-height:28px; font-weight:bold; position:relative; border-bottom:1px solid rgba(0,0,0,0.1); padding-bottom:21px;} #Content4 .hSolut .l1 .info2 .tit2:after{ float:left; width:73px; height:3px; content:''; position:absolute; left:0; bottom:-2px; background:#b50005;} #Content4 .hSolut .l1 .info2 .cont2{ float:left; width:100%; color:#666; font-size:16px; line-height:30px; height:210px; overflow:hidden; margin-top:15px;} #Content4 .hSolut .l1.on{ width:40%;} #Content4 .hSolut .l1.on .la{ padding:44px 44px 44px 80px;} #Content4 .hSolut .l1.on .img{opacity:1; filter:alpha(opacity=100)} #Content4 .hSolut .l1.on .info1{ display:none;} #Content4 .hSolut .l1.on .info2{ display:block;} #Content4 .hSolut .l1.on .info2 .cont2{ white-space:normal;} #Content4 .hSolut .l1.on .info2:hover .ico2{ transform:rotateY(360deg);} #Content4 .hTit1{ float:left; width:100%; text-align:center; position:relative; z-index:6;} #Content4 .hTit1 .tit1{ float:left; width:100%; color:#333333; font-size:36px; line-height:36px; font-weight:bold;} #Content4 .hTit1 .tit2{ float:left; width:100%; color:#333333; font-size:24px; line-height:24px; text-transform:uppercase; font-family:'Arial'; margin-top:17px;} @media screen and (max-width:1600px){ #Content4 .hSolut .l1.on .la{ padding:44px 30px 44px 60px;} #Content4 .hSolut .l1 .info2{ padding:40px 20px 42px 50px;} #Content4 .hTit1 .tit1{ font-size:30px; line-height:30px;} #Content4 .hTit1 .tit2{ font-size:20px; line-height:20px;} } @media screen and (max-width:1230px){ #Content4 .hSolut .l1 .info1{ height:322px;} #Content4 .hSolut .l1 .info1 .ico1{ margin:95px 0 15px 0;} #Content4 .hSolut .l1 .info2{ padding:30px 20px 30px 50px; height:322px;} #Content4 .hSolut .l1 .info2 .cont2{ font-size:14px; line-height:28px; height:196px;} } @media screen and (max-width:1024px){ #Content4 .hContBg4{ padding:30px 0;} #Content4 .hSolut{ margin-top:20px;} #Content4 .hSolut .l1 .la{ padding:15px 0;} #Content4 .hSolut .l1 .info1{ height:270px;} #Content4 .hSolut .l1 .info1 .ico1{ margin:85px 0 8px 0; } #Content4 .hSolut .l1 .info1 .ico1 img{ width:54px; height:54px;padding:5px;} #Content4 .hSolut .l1 .info1 .tit1{ font-size:16px; line-height:26px;} #Content4 .hSolut .l1 .info2{ padding:15px 12px 15px 40px; height:270px;} #Content4 .hSolut .l1 .info2 .ico2{ left:-20px; margin-top:-20px;} #Content4 .hSolut .l1 .info2 .ico2 img{ width:54px; height:54px;padding:5px;} #Content4 .hSolut .l1 .info2 .cont2{ font-size:14px; line-height:28px; height:196px; margin-top:8px;} #Content4 .hSolut .l1 .info2 .tit2{ font-size:16px; line-height:26px; padding-bottom:8px;} #Content4 .hSolut .l1.on .la{ padding:15px 15px 15px 30px;} #Content4 .hTit1 .tit1{ font-size:18px; line-height:24px;} #Content4 .hTit1 .tit2{ font-size:14px; line-height:20px; margin-top:6px;} } @media screen and (max-width:768px){ #Content4 .hSolut .l1{ width:100%;} #Content4 .hSolut .l1 .info1{ height:87px;} #Content4 .hSolut .l1 .info1 .ico1{ margin:0 0 8px 0; } #Content4 .hSolut .l1.on{ width:100%;} } #Content5 .hTit1{ float:left; width:100%; text-align:center; position:relative; z-index:6;} #Content5 .hTit1 .tit1{ float:left; width:100%; color:#333333; font-size:36px; line-height:36px; font-weight:bold;} #Content5 .hTit1 .tit2{ float:left; width:100%; color:#333333; font-size:24px; line-height:24px; text-transform:uppercase; font-family:'Arial'; margin-top:17px;} /*PackagL*/ #Content5 .PackagL{ float:left; width:100%; margin-top:39px;} #Content5 .PackagL .ul1{ margin:0 -14px;} #Content5 .PackagL .l1{ float:left; width:33.33%; padding:0 14px; margin-top:25px;} #Content5 .PackagL .la{ float:left; width:100%; box-shadow:0 4px 8px rgba(0,0,0,0.14); padding:10px;} #Content5 .PackagL .la .img{ float:left; width:100%; line-height:0; position:relative; min-height:100px; overflow:hidden;} #Content5 .PackagL .la .img .la1{ float:left; position:absolute; left:0; bottom:-40px; background:#b50005; text-align:center; color:#fff; font-size:16px; line-height:36px; width:48.5%; padding: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;} #Content5 .PackagL .la .img .la2{ float:left; position:absolute; right:0; bottom:-40px; background:#666666; text-align:center; color:#fff; font-size:16px; line-height:36px; width:48.5%; padding: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;} #Content5 .PackagL .la:hover .img .la1{ bottom:0;} #Content5 .PackagL .la:hover .img .la2{ bottom:0;} #Content5 .PackagL .la .info1{ float:left; width:99%; border-bottom:1px solid #eaeaea; position:relative; padding-right:90px; margin:0 0.5%;} #Content5 .PackagL .la .info1:after{ float:left; width:72px; height:3px; background:#b50005; position:absolute; left:0; bottom:-2px; content:'';} #Content5 .PackagL .la .info1:before{ float:left; width:0; height:0; position:absolute; left:30px; bottom:0; content:''; border-left: 6px solid transparent; border-right:6px solid transparent;border-bottom: 9px solid #b50005; } #Content5 .PackagL .la .info1 .tit{ width:100%; float:left; color:#333333; font-size:18px; line-height:38px; padding:8px 0; position:relative;} #Content5 .PackagL .la .info1 .time{ float:left; color:#666666; font-size:14px; line-height:38px; padding:8px 0; position:absolute; right:0; top:0;} #Content5 .PackagL .la .info2{ float:left; width:98%; min-height:53px; margin:16px 1% 13px 1%; position:relative;} #Content5 .PackagL .la .info2 .ico{ float:left; width:53px; height:53px; border-radius:50%; overflow:hidden; position:absolute; left:0; top:0;} #Content5 .PackagL .la .info2 .num{ color:#666666; font-size:18px; line-height:26px; height:53px; display:flex;flex-direction: column;justify-content:center; padding:0 110px 0 78px;} #Content5 .PackagL .la .info3{ float:left; width:98%; color:#666666; font-size:16px; line-height:26px; margin:0 1% 11px 1%;} #Content5 .atar_Show{ background:url(/template/theme/CN/2487_Packag6.png); height:16px; position:absolute; right:0; top:18px;float:left; } #Content5 .atar_Show p{background:url(/template/theme/CN/2487_Packag5.png); left:0; height:16px; width:100px;} /*hContBg5*/ #Content5 .hContBg5{ float:left; width:100%; position:relative; background:#eeefef; padding:74px 0 61px 0;} #Content5 .hContBg5 .bg1{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;opacity:0.1; filter:alpha(opacity=10);} #Content5 .PackagL2{ margin-top:25px; position:relative; z-index:6;} #Content5 .PackagL2 .l1{ margin:10px 0; padding:25%;} #Content5 .PackagL2 .la{ background:#fff;} #Content5 .PackagL2 .slick-dots{ position:static; height:10px; margin-top:26px;} #Content5 .PackagL2 .slick-dots li{ width:10px; height:10px; vertical-align:top; margin:0 5px; border-radius:50%; background:#b50005;opacity:0.4; filter:alpha(opacity=40);} #Content5 .PackagL2 .slick-dots li.slick-active{opacity:1; filter:alpha(opacity=100);} #Content5 .PackagL2 .slick-prev, #Content5 .PackagL2 .slick-next{ width:44px; height:44px; border-radius:50%;} #Content5 .PackagL2 .slick-prev{ background:url(/template/theme/CN/2487_main10.png) center no-repeat #9e9f9f; background-size:100% 100%; left:-66px;} #Content5 .PackagL2 .slick-next{ background:url(/template/theme/CN/2487_main11.png) center no-repeat #9e9f9f; background-size:100% 100%; right:-66px;} #Content5 .PackagL2 .slick-prev:hover{ background:url(/template/theme/CN/2487_main10.png) center no-repeat #b50005; background-size:100% 100%;} #Content5 .PackagL2 .slick-next:hover{ background:url(/template/theme/CN/2487_main11.png) center no-repeat #b50005; background-size:100% 100%;} #Content5 .caseTit{ float:left; width:100%; position:relative; z-index:9; margin-top:58px;} #Content5 .caseTit .ul1{ margin:0 -15px; } #Content5 .caseTit .l1{ float:left; width:12.5%; padding:8px 15px; } #Content5 .caseTit .l1 span{ float:left; width:100%; text-align:center; color:#fff; font-size:16px; line-height:36px; background:#919191; cursor:pointer; position:relative;} #Content5 .caseTit .l1 span:after{ display:none; float:left; width:0; height:0; content:''; position:absolute; left:50%; margin-left:-8px; top:100%;border-left: 8px solid transparent; border-right:8px solid transparent;border-top: 8px solid #b50005; } #Content5 .caseTit .l1.on span{ background:#b50005;} #Content5 .caseTit .l1.on span:after{ display:block;} #Content5 .slide_box{ float:left; width:100%;} #Content5 .parBd{ float:left; width:100%;} #Content5 .slideGroup{ float:left; width:100%;} @media screen and (max-width:1600px){ #Content5 .hTit1 .tit1{ font-size:30px; line-height:30px;} #Content5 .hTit1 .tit2{ font-size:20px; line-height:20px;} #Content5 .PackagL .ul1{ margin:0 -10px;} #Content5 .PackagL .l1{ padding:0 10px;} #Content5 .PackagL .la .info1{ width:100%; margin:0;} #Content5 .PackagL .la .info2{ width:100%; margin:16px 0 13px 0; } #Content5 .PackagL .la .info2 .num{ font-size:14px; line-height:22px; padding:0 110px 0 63px;} #Content5 .PackagL .la .info3{ width:100%; margin:0 0 11px 0;} #Content5 .caseTit .ul1{ margin:0 -10px;} #Content5 .caseTit .l1{ padding:8px 10px;} } @media screen and (max-width:1230px){ #Content5 .caseTit .ul1{ margin:0 -15px;} #Content5 .caseTit .l1{ width:15%;} #Content5 .PackagL .la .info2 .num{ padding:5px 0 0 63px; height:auto;} #Content5 .atar_Show{ position:static; margin:3px 0 0 63px;} } @media screen and (max-width:1024px){ #Content5 .hTit1 .tit1{ font-size:18px; line-height:24px;} #Content5 .hTit1 .tit2{ font-size:14px; line-height:20px; margin-top:6px;} #Content5 .PackagL{ margin-top:10px;} #Content5 .PackagL .ul1{ margin:0 -7px;} #Content5 .PackagL .l1{ padding:0 7px; margin-top:14px;} #Content5 .PackagL .la .info1{ padding-right:82px;} #Content5 .PackagL .la .info1 .tit{ font-size:16px; padding:4px 0;} #Content5 .PackagL .la .info1 .time{ font-size:13px; padding:4px 0;} #Content5 .PackagL .la .info2{ margin:14px 0 10px 0; } #Content5 .PackagL .la .info3{ font-size:14px; line-height:24px; margin:0 0 6px 0;} #Content5 .PackagL .la .img .la1{ font-size:14px; line-height:30px;} #Content5 .PackagL .la .img .la2{ font-size:14px; line-height:30px;} #Content5 .hContBg5{ padding:30px 0;} #Content5 .PackagL2{ margin-top:0;} #Content5 .PackagL2 .l1{ width:33.33%;} #Content5 .PackagL2 .slick-dots{ margin-top:10px; height:8px;} #Content5 .PackagL2 .slick-dots li{ width:8px; height:8px;} #Content5 .caseTit{ margin-top:20px;} #Content5 .caseTit .l1{ width:20%;} } @media screen and (max-width:768px){ #Content5 .PackagL .l1{ width:100%;} #Content5 .PackagL2 .l1{ width:100%;} #Content5 .caseTit .ul1{ margin:0 -4px; white-space:nowrap; overflow-x:scroll;} #Content5 .caseTit .l1{ width:auto; padding:6px 4px; float:none; display:inline-block; white-space:nowrap;} #Content5 .caseTit .l1 span{ padding:0 10px; font-size:14px; line-height:32px;} #Content5 .caseTit .l1 span:after{ margin-left:-6px; top:100%;border-left: 6px solid transparent; border-right:6px solid transparent;border-top: 6px solid #b50005; } } /*hContBg6*/ #Content6 .hContBg6{ float:left; width:100%; background:#b50005; position:relative; padding:65px 0 82px 0;} #Content6 .hContBg6 .bg1{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;} #Content6 .team1{ float:left; width:100%; margin-top:67px; position:relative; z-index:6;} #Content6 .team1 .ul1{ margin:0 20px;} #Content6 .team1 .l1{ float:left; width:50%; padding:20px;} #Content6 .team1 .l1 .la{ float:left; width:100%; position:relative; text-align:right;} #Content6 .team1 .l1 .info{ float:left; width:52.7%;} #Content6 .team1 .l1 .info .tit{ float:left; width:100%; color:#fff; font-size:26px; line-height:36px; font-weight:bold; margin-top:29px;} #Content6 .team1 .l1 .info .line{ float:left; width:100%; margin:17px 0; height:6px;} #Content6 .team1 .l1 .info .line span{ display:inline-block; vertical-align:top; width:34px; height:6px; background:#fff;} #Content6 .team1 .l1 .info .cont{ float:left; width:100%; color:#fff; font-size:18px; line-height:34px; min-height:170px; text-transform:uppercase;} #Content6 .team1 .l1 .img{ float:right; width:38.94%; line-height:0; position:relative; border-radius:50%; background:#fff;} #Content6 .team1 .l1 .img .pic{ width:100%; border-radius:50%; position:relative; z-index:6;-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; } #Content6 .team1 .l1 .img:after{ float:left; width:96%; height:96%; position:absolute; left:2%; top:2%; content:''; border-radius:50%; border:2px solid #b50005; z-index:8;opacity:0; filter:alpha(opacity=00); -webkit-transform: scale(0.5); -moz-transform: scale(0.5);transform: scale(0.5);-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; } #Content6 .team1 .l1 .img i{ float:left; width:50%; height:50%; position:absolute; z-index:1; background:#fff; bottom:0; right:0;} #Content6 .team1 .l1 .img .num{ float:left; width:50px; height:46px; position:absolute; z-index:10; bottom:0; right:0; color:#b50005; font-size:24px; font-weight:bold; text-align:center; line-height:46px;} #Content6 .team1 .l1 .img:hover:after{opacity:1; filter:alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1);transform: scale(1)} #Content6 .team1 .l1 .img:hover .pic{ -webkit-transform: scale(0.9); -moz-transform: scale(0.9);transform: scale(0.9);} #Content6 .team1 .l1:nth-child(1) .img i{ bottom:0; right:0;} #Content6 .team1 .l1:nth-child(2) .img i{ bottom:0; right:auto; left:0;} #Content6 .team1 .l1:nth-child(3) .img i{ bottom:auto; top:0; right:0;} #Content6 .team1 .l1:nth-child(4) .img i{ bottom:auto; top:0; right:auto; left:0;} #Content6 .team1 .l1:nth-child(1) .img .num{ bottom:0; right:0;} #Content6 .team1 .l1:nth-child(2) .img .num{ bottom:0; right:auto; left:0;} #Content6 .team1 .l1:nth-child(3) .img .num{ bottom:auto; top:0; right:0;} #Content6 .team1 .l1:nth-child(4) .img .num{ bottom:auto; top:0; right:auto; left:0;} #Content6 .team1 .l1:nth-child(2n) .info{ float:right; text-align:left;} #Content6 .team1 .l1:nth-child(2n) .img{ float:left;} #Content6 .hTit1{ float:left; width:100%; text-align:center; position:relative; z-index:6;} #Content6 .hTit1 .tit1{ float:left; width:100%; color:#333333; font-size:36px; line-height:36px; font-weight:bold;} #Content6 .hTit1 .tit2{ float:left; width:100%; color:#333333; font-size:24px; line-height:24px; text-transform:uppercase; font-family:'Arial'; margin-top:17px;} @media screen and (max-width:1600px){ #Content6 .team1 .ul1{ margin:0 15px;} #Content6 .team1 .l1{padding:15px;} #Content6 .team1 .l1 .img{ width:43%;} #Content6 .team1 .l1 .info .tit{ font-size:24px; line-height:34px; margin-top:15px;} #Content6 .team1 .l1 .info .line{ height:3px; margin:14px 0;} #Content6 .team1 .l1 .info .line span{ height:3px;} #Content6 .team1 .l1 .info .cont{ font-size:16px; line-height:30px; min-height:150px;} #Content6 .team1 .l1 .img .num{ font-size:20px; width:36px; line-height:36px; height:36px;} #Content6 .hTit1 .tit1{ font-size:30px; line-height:30px;} #Content6 .hTit1 .tit2{ font-size:20px; line-height:20px;} } @media screen and (max-width:1230px){ #Content6 .team1 .ul1{ margin:0 -10px;} #Content6 .team1 .l1{padding:10px;} #Content6 .team1 .l1 .img{ width:43%;} #Content6 .team1 .l1 .info .tit{ font-size:18px; line-height:28px; margin-top:10px;} #Content6 .team1 .l1 .info .line{ height:2px; margin:10px 0;} #Content6 .team1 .l1 .info .line span{ height:2px;} #Content6 .team1 .l1 .info .cont{ font-size:14px; line-height:26px; min-height:130px;} } @media screen and (max-width:1024px){ #Content6 .hContBg6{ padding:30px 0;} #Content6 .team1{ margin-top:10px;} #Content6 .team1 .ul1{ margin:0;} #Content6 .team1 .l1{padding:10px 0; width:100%; border-bottom:1px solid rgba(255,255,255,0.2);} #Content6 .team1 .l1:last-child{ border-bottom:none;} #Content6 .team1 .l1 .la{ min-height:200px; padding:0 0 0 220px;} #Content6 .team1 .l1 .img{ width:200px; position:absolute; left:0; top:0;} #Content6 .team1 .l1 .info{ width:100%; text-align:left;} #Content6 .team1 .l1:nth-child(1) .img i{ bottom:0; right:0;} #Content6 .team1 .l1:nth-child(2) .img i{ bottom:0; left:auto; right:0;} #Content6 .team1 .l1:nth-child(3) .img i{ bottom:0; top:auto; right:0;} #Content6 .team1 .l1:nth-child(4) .img i{ bottom:0; top:auto; left:auto; right:0;} #Content6 .team1 .l1:nth-child(1) .img .num{ bottom:0; right:0;} #Content6 .team1 .l1:nth-child(2) .img .num{ bottom:0; left:auto; right:0;} #Content6 .team1 .l1:nth-child(3) .img .num{ bottom:0; top:auto; right:0;} #Content6 .team1 .l1:nth-child(4) .img .num{ bottom:0; top:auto; left:auto; right:0;} #Content6 .hTit1 .tit1{ font-size:18px; line-height:24px;} #Content6 .hTit1 .tit2{ font-size:14px; line-height:20px; margin-top:6px;} } @media screen and (max-width:768px){ #Content6 .team1 .l1{ width:100%;} #Content6 .team1 .l1 .la{ min-height:90px; padding:0 0 0 100px;} #Content6 .team1 .l1 .img{ width:90px; top:20px;} #Content6 .team1 .l1 .info .tit{ margin-top:0;} #Content6 .team1 .l1 .info .cont{ min-height:10px; line-height:22px;} #Content6 .team1 .l1 .img .num{ font-size:16px; width:26px; line-height:20px; height:20px;} } /*hAbout*/ #Content7 .hContBg7{ float:left; width:100%; padding:70px 0 74px 0;} #Content7 .hAbout{ float:left; width:100%; margin-top:87px; position:relative; z-index:6; } #Content7 .hAbout .info{ float:left; width:46%;} #Content7 .hAbout .info .tit1{ float:left; width:100%; color:#b50005; font-size:20px; line-height:26px; text-transform:uppercase;} #Content7 .hAbout .info .tit2{ float:left; width:100%; color:#333333; font-size:24px; line-height:34px; font-weight:bold; margin:6px 0 37px 0;} #Content7 .hAbout .info .tit2 span{ font-weight:normal; color:#666666; font-size:18px;} #Content7 .hAbout .info .p1{ float:left; width:100%; color:#666666; font-size:16px; line-height:30px; height:180px; overflow:hidden; letter-spacing:1px; margin:35px 0 42px 0;} #Content7 .hAbout .info .line{ float:left; width:96px; height:3px; background:#b50005;} #Content7 .hAbout .info .more{ float:left; width:100%; border-top:1px solid #dbdbdb; padding:50px 0;} #Content7 .hAbout .info .more a{ float:left; width:120px; height:36px; line-height:34px; color:#fff; font-size:16px; background:#b50005; border-radius:3px; text-align:center;} #Content7 .hAbout .info .more a i{ display:inline-block; width:0; height:0; border-top: 4px solid transparent; border-bottom:4px solid transparent;border-left: 8px solid #fff; margin-left:10px; } #Content7 .hAbout .info .more a:hover{ box-shadow:0 4px 10px rgba(0,0,0,0.2);} #Content7 .hAbout .info .cont{ float:left; width:100%;} #Content7 .hAbout .info .ul1{ margin:0 -13px;} #Content7 .hAbout .info .l1{ float:left; width:33.333%; padding:0 13px; text-align:center;} #Content7 .hAbout .info .la{ float:left; width:100%; padding:5px; border:1px solid #dbdbdb; min-height:138px;} #Content7 .hAbout .info .pic{ width:48px; height:48px; display:inline-block; vertical-align:top; position:relative;margin-top:38px; margin-right:13px;} #Content7 .hAbout .info .ico1{ position:relative;opacity:1; filter:alpha(opacity=100);} #Content7 .hAbout .info .ico2{ position:absolute; left:0; top:0;opacity:0; filter:alpha(opacity=00);} #Content7 .hAbout .info .sp1{ display:inline-block; vertical-align:top; color:#333333; font-size:18px; line-height:28px; text-align:left; margin-top:38px;} #Content7 .hAbout .info .sp2{ display:block; color:#9d9d9d; font-size:14px; line-height:24px; text-transform:uppercase;} #Content7 .hAbout .info .la:hover{ border:1px solid #b50005; background:#b50005;} #Content7 .hAbout .info .la:hover .ico1{opacity:0; filter:alpha(opacity=00);} #Content7 .hAbout .info .la:hover .ico2{opacity:1; filter:alpha(opacity=100);} #Content7 .hAbout .info .la:hover .sp1, #Content7 .hAbout .info .la:hover .sp2{ color:#fff;} #Content7 .hAbout .img{ float:right; width:49%;} #Content7 .hAbout .img .big{ float:left; width:100%;} #Content7 .hAbout .img .big .l1{ float:left; width:100%; line-height:0;} #Content7 .hAbout .img .small{ float:left; width:100%; margin-top:23px; padding-right:38px;} #Content7 .hAbout .img .small .l1{ float:left; line-height:0; border:2px solid #dbdbdb; margin-right:18px; cursor:pointer;} #Content7 .hAbout .img .small .l1.slick-current{ border:2px solid #b50005;} #Content7 .hAbout .img .small .slick-prev{ width:38px; height:44%; top:0; left:auto; right:0; background:url(/template/theme/CN/2489_main35_1.png) center no-repeat #dbdbdb; transform:translate(0,0); background-size:auto 100%;} #Content7 .hAbout .img .small .slick-next{ width:38px; height:44%; top:auto; bottom:0; right:0; background:url(/template/theme/CN/2489_main34_1.png) center no-repeat #dbdbdb; transform:translate(0,0); background-size:auto 100%;} #Content7 .hAbout .img .small .slick-prev:hover{ background:url(/template/theme/CN/2489_main35.png) center no-repeat #b50005; transform:translate(0,0); background-size:auto 100%;} #Content7 .hAbout .img .small .slick-next:hover{ background:url(/template/theme/CN/2489_main34.png) center no-repeat #b50005; transform:translate(0,0); background-size:auto 100%;} #Content7 .hTit1{ float:left; width:100%; text-align:center; position:relative; z-index:6;} #Content7 .hTit1 .tit1{ float:left; width:100%; color:#333333; font-size:36px; line-height:36px; font-weight:bold;} #Content7 .hTit1 .tit2{ float:left; width:100%; color:#333333; font-size:24px; line-height:24px; text-transform:uppercase; font-family:'Arial'; margin-top:17px;} @media screen and (max-width:1600px){ #Content7 .hAbout .info{ width:48%;} #Content7 .hAbout .info .tit2{ margin:6px 0 22px 0;} #Content7 .hAbout .info .p1{ margin:22px 0 24px 0;} #Content7 .hAbout .info .more{ padding:25px 0;} #Content7 .hAbout .info .pic{ width:30px; height:30px; margin-right:5px; margin-top:22px;} #Content7 .hAbout .info .ul1{ margin:0 -8px;} #Content7 .hAbout .info .l1{ padding:0 8px; } #Content7 .hAbout .info .la{ min-height:88px;} #Content7 .hAbout .info .sp1{ font-size:16px; line-height:24px; margin-top:15px;} #Content7 .hAbout .info .sp2{ font-size:13px;} #Content7 .hAbout .img .small .l1{ margin-right:10px;} #Content7 .hTit1 .tit1{ font-size:30px; line-height:30px;} #Content7 .hTit1 .tit2{ font-size:20px; line-height:20px;} } @media screen and (max-width:1230px){ #Content7 .hAbout .info .tit2{ font-size:20px; line-height:30px;} #Content7 .hAbout .info .tit2 span{ font-size:16px;} #Content7 .hAbout .info .p1{ font-size:14px; line-height:26px; height:104px;} #Content7 .hAbout .info .ul1{ margin:0 -5px;} #Content7 .hAbout .info .l1{ padding:0 5px; } #Content7 .hAbout .info .la{ min-height:80px;} #Content7 .hAbout .info .pic{ margin-right:0; margin-top:18px;} #Content7 .hAbout .info .sp1{ font-size:14px; line-height:22px;} #Content7 .hAbout .info .sp2{ font-size:12px; line-height:18px;} #Content7 .hAbout .img .small{ margin-top:20px;} } @media screen and (max-width:1024px){ #Content7 .hContBg7{ padding:30px 0;} #Content7 .hAbout .info{ width:100%;} #Content7 .hAbout .img{ width:100%; margin-top:20px;} #Content7 .hAbout{ margin-top:20px;} #Content7 .hAbout .info .line{ width:60px; height:2px;} #Content7 .hAbout .info .tit2{ margin:0 0 10px 0;} #Content7 .hAbout .info .p1{ margin:12px 0;} #Content7 .hAbout .info .more{ padding:15px 0;} #Content7 .hTit1 .tit1{ font-size:18px; line-height:24px;} #Content7 .hTit1 .tit2{ font-size:14px; line-height:20px; margin-top:6px;} } @media screen and (max-width:768px){ #Content7 .hAbout .img .small{ padding-right:24px; margin-top:15px;} #Content7 .hAbout .img .small .l1{ margin-right:8px;} #Content7 .hAbout .img .small .slick-prev, #Content7 .hAbout .img .small .slick-next{ width:24px; height:48%;} #Content7 .hAbout .info .la{ min-height:115px;} #Content7 .hAbout .info .pic{ margin-top:10px;} #Content7 .hAbout .info .sp1{ width:100%; text-align:center; margin-top:5px;} } /*hContBg8*/ #Content8 .hContBg8{ float:left; width:100%; background:#b50005; position:relative; padding:60px 0 40px 0;} #Content8 .hContBg8 .bg1{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;opacity:0.14; filter:alpha(opacity=14);} #Content8 .hStreng{ float:left; width:100%; position:relative; z-index:6; text-align:center; margin-top:-47px;} #Content8 .hStreng ul{ margin:0 -30px;} #Content8 .hStreng .l1{ display:inline-block; vertical-align:top; margin-top:40px; min-width:100px;} #Content8 .hStreng .l1 .img{ display:block; margin-top:65px; line-height:0;} #Content8 .hStreng .l1 .img img{ width:86px; height:86px; background:#fff; border-radius:50%;} #Content8 .hStreng .l1 .tit1{ display:block; color:#fff; font-size:20px; line-height:26px; font-weight:bold; margin-top:15px; white-space:nowrap;} #Content8 .hStreng .l1 .tit2{ display:block; color:#fff; font-size:18px; line-height:24px; text-transform:uppercase; white-space:nowrap;} #Content8 .hStreng .l1 .img:hover 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);} #Content8 .hStreng .l2{ display:inline-block; vertical-align:top; margin:30px 26px 0 26px;} #Content8 .hStreng .l2 .cont{ display:block; border-bottom:1px dashed rgba(255,255,255,0.4); height:185px; position:relative;} #Content8 .hStreng .l2 .cont .p1{ width:104px; display:inline-block; color:#fff; font-size:18px; line-height:20px; text-transform:uppercase; height:185px; position:relative;} #Content8 .hStreng .l2 .cont .p1:after{ float:left; width:10px; height:10px; position:absolute; left:50%; bottom:-5px; margin-left:-5px; content:''; background:#fff; border-radius:50%;} #Content8 .hStreng .l2 .cont .sp1{ float:left; width:100%; position:absolute; left:0; bottom:30px; letter-spacing:4px;} #Content8 .hStreng .l2 .cont .lc{ display:inline-block; vertical-align:bottom; width:22px;} #Content8 .hStreng .l2 .info{ display:block; color:#fff; font-size:18px; line-height:28px; font-weight:bold; margin-top:16px;} #Content8 .hStreng li:last-child .cont:after{ float:left; width:1px; height:100%; position:absolute; right:-66px; top:0; border-right:1px dashed rgba(255,255,255,0.4); content:'';} #Content8 .hStreng li:last-child .cont:before{ float:left; width:66px; height:1px; position:absolute; right:-66px; bottom:-1px; border-bottom:1px dashed rgba(255,255,255,0.4); content:'';} #Content8 .hTit1{ float:left; width:100%; text-align:center; position:relative; z-index:6;} #Content8 .hTit1 .tit1{ float:left; width:100%; color:#333333; font-size:36px; line-height:36px; font-weight:bold;} #Content8 .hTit1 .tit2{ float:left; width:100%; color:#333333; font-size:24px; line-height:24px; text-transform:uppercase; font-family:'Arial'; margin-top:17px;} @media screen and (max-width:1600px){ #Content8 .hStreng ul{ margin:0 -15px;} #Content8 .hStreng .l2{ margin:30px 15px 0 15px;} #Content8 .hStreng .l2 .cont .p1{ width:74px;} #Content8 .hStreng li:last-child .cont:after{ right:-40px;} #Content8 .hStreng li:last-child .cont:before{ width:40px; right:-40px;} #Content8 .hTit1 .tit1{ font-size:30px; line-height:30px;} #Content8 .hTit1 .tit2{ font-size:20px; line-height:20px;} } @media screen and (max-width:1230px){ #Content8 .hStreng ul{ margin:0 -10px;} #Content8 .hStreng .l2{ margin:40px 10px 0 10px;} #Content8 .hStreng .l2 .cont .p1{ width:56px; font-size:16px;} #Content8 .hStreng .l2 .cont .lc{ width:20px;} #Content8 .hStreng li:last-child .cont:after{ right:-40px;} #Content8 .hStreng li:last-child .cont:before{ width:40px; right:-40px;} } @media screen and (max-width:1024px){ #Content8 .hStreng{ margin-top:0;} #Content8 .hStreng .ul{ width:100%; display: -msbox;display: -moz-box;display: -webkit-flex;display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; align-items: center; } #Content8 .hStreng .l1{ float:left; margin-top:20px; width:40%;} #Content8 .hStreng .l1 .img{ margin-top:10px;} #Content8 .hStreng .l1 .img img{ width:66px; height:66px;} #Content8 .hStreng .l1 .tit1{ font-size:16px; line-height:22px; margin-top:10px;} #Content8 .hStreng .l1 .tit2{ font-size:14px; line-height:20px;} #Content8 .hStreng .l2 .info{ font-size:12px; line-height:16px; position:absolute; right:0; top:0; width:34px; text-align:center; margin:0; } #Content8 .hStreng .l2{ float:right; margin:20px 0 0 0; width:60%; text-align:left; position:relative; min-height:130px;} #Content8 .hStreng .l2 .cont { height:auto; border-bottom:none; border-left:1px dashed rgba(255,255,255,0.4); padding-right:35px;} #Content8 .hStreng .l2 .cont .p1{ width:100%; height:auto; font-size:14px; line-height:18px;} #Content8 .hStreng .l2 .cont .sp1{ position:static;} #Content8 .hStreng .l2 .cont .lc{ width:100%; padding-left:15px;} #Content8 .hStreng .l2 .cont .p1:after{ width:8px; height:8px; bottom:auto;top:50%; left:0; margin-top:-4px;} #Content8 .hStreng li:last-child .cont:after{ right:-20px;} #Content8 .hStreng li:last-child .cont:before{ width:20px; right:-20px;} #Content8 .hTit1 .tit1{ font-size:18px; line-height:24px;} #Content8 .hTit1 .tit2{ font-size:14px; line-height:20px; margin-top:6px;} } @media screen and (max-width:768px){ } /*InBanner*/ #Slide2 .InBanner{ float:left; width:100%; line-height:0; min-height:106px; background:#000;} #Slide2 .InBanner img{opacity:0.9; filter:alpha(opacity=90);} @media screen and (max-width:1600px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1024px){ } @media screen and (max-width:768px){ } /**/ #Content9 .contLeft{ float:left; width:272px; min-height:200px; margin-bottom:50px;} #Content9 .contRight{ float:right; width:1242px; min-height:200px;} #Content9 .slideTit1{ float:left; width:100%; position:relative; top:0; margin-top:-106px; z-index:66; height:106px; background:#b50005; background:rgba(181,0,5,0.97); padding:24px 30px 0 33px;} #Content9 .slideTit1 .tit1{ float:left; width:100%; color:#fff; font-size:28px; line-height:28px;} #Content9 .slideTit1 .tit2{ float:left; width:100%; color:#fff; font-size:18px; line-height:18px; margin-top:8px; text-transform:uppercase; overflow:hidden;} #Content9 .slideTit1 .tit2 span{ float:left; position:relative; padding-right:16px;} #Content9 .slideTit1 .tit2 span:after{ float:left; width:8px; height:8px; background:#fff; border-radius:50%; position:absolute; left:100%; top:50%; margin-top:-4px; content:'';} #Content9 .slideTit1 .tit2 span:before{ float:left; width:1200px; height:1px; background:#fff; border-radius:50%; position:absolute; left:100%; top:50%; content:'';} #Content9 .slideImg1{ float:left; width:100%; line-height:0; margin:17px 0 0 0;} #Content9 .slideTit4{ float:left; width:100%; background:#f7f7f7; padding:2px 0 15px 0;} #Content9 .slideTit4 .pz_SideLayer{ float:left; width:100%;} #Content9 .slideTit4 .pz_SideLayer .l1{ float:left; width:100%;} #Content9 .slideTit4 .pz_SideLayer .l1 .la1{ float:left; width:69.5%; color:#333333; font-size:16px; line-height:60px; height:61px; background:url(/template/theme/CN/2492_ico2.png) left bottom repeat-x; position:relative; margin:0 11.02% 0 19.48%; z-index:4;} #Content9 .slideTit4 .pz_SideLayer .l1 .la1:after{ float:left; width:9px; height:12px; background:url(/template/theme/CN/2492_ico.png) center no-repeat; position:absolute; left:-20px; top:50%; margin-top:-6px; content:'';} #Content9 .slideTit4 .pz_SideLayer .l1 .la1 i{ float:left; width:15px; height:100%; background:url(/template/theme/CN/2492_Packag7.png) center no-repeat; position:absolute; right:4px; top:50; content:'';} #Content9 .slideTit4 .pz_SideLayer .l1.on .la1, #Content9 .slideTit4 .pz_SideLayer .l1:hover .la1{ color:#b50005; font-weight:bold;} #Content9 .slideTit4 .pz_SideLayer .l1.on .la1 i{ background:url(/template/theme/CN/2492_Packag9.png) center no-repeat;} #Content9 .slideTit4 .pz_SideLayer .l1.active .la1 i{ background:url(/template/theme/CN/2492_Packag8.png) center no-repeat;} #Content9 .slideTit4 .pz_SideLayer .l1:last-child .la1{ background:none;} #Content9 .slideTit4 .pz_SideLayer .sub{ float:left; width:100%; background:#e8e8e8; margin-top:-1px; position:relative; z-index:6;} #Content9 .slideTit4 .pz_SideLayer .sub .l2{ float:left; width:100%;} #Content9 .slideTit4 .pz_SideLayer .sub .l2 .la2{ float:left; width:69.5%; color:#333333; font-size:16px; line-height:41px; height:42px; margin:0 11.02% 0 19.48%; border-bottom:1px dashed #fff; position:relative;} #Content9 .slideTit4 .pz_SideLayer .sub .l2:last-child .la2{ border-bottom:none;} #Content9 .slideTit4 .pz_SideLayer .sub .l2 .la2:after{ float:left; width:4px; height:4px; border-radius:50%; background:#b50005; position:absolute; left:-16px; top:50%; margin-top:-2px; content:'';} #Content9 .slideTit4 .pz_SideLayer .sub .l2.on .la2, #Content9 .slideTit4 .pz_SideLayer .sub .l2:hover .la2{ color:#b50005;} #Content9 .slideTit2{ float:left; width:100%; border-bottom:1px solid #e5e5e5; padding:0 10px; color:#666666; font-size:14px; line-height:25px; padding:11px 0 11px 22px;} #Content9 .slideTit2 a{ color:#666666;} #Content9 .slideTit2 a.on, #Content9 .slideTit2 a:hover{ color:#b50005;} #Content9 .slideTit3{ float:left; width:100%; text-align:center; margin-top:64px; position:relative;} #Content9 .slideTit3 .tit1{ float:left; width:100%; color:#eeeeee; font-size:52px; line-height:40px; text-transform:uppercase; font-weight:bold;} #Content9 .slideTit3 .tit2{ float:left; width:100%; color:#b50005; font-size:34px; line-height:40px; font-weight:bold; position:absolute; left:0; top:0;} #Content9 .slideTit6{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; margin:60px 0 7px 0; text-align:center;} #Content9 .slideTit7{ float:left; width:100%; margin-top:11px;} #Content9 .slideTit7 a{ float:left; width:100%; height:56px; border:1px solid #e5e5e5; color:#333333; font-size:18px; line-height:54px; text-align:center;} #Content9 .slideTit7 a:hover{ background:#b50005; border:1px solid #b50005; color:#fff;} /*BoxType3*/ #Content9 .BoxType1{ float:left; width:100%; background:#000000; border-top:2px solid #b50005; border-bottom:6px solid #b2b2b2; margin-top:58px; position:relative;} #Content9 .BoxType1 .ul1{ overflow-x:scroll; white-space:nowrap;} #Content9 .BoxType1 .tit1{ display:inline-block; vertical-align:top; white-space:nowrap; color:#fff; font-size:16px; line-height:36px; padding:0 35px 4px 35px; cursor:pointer; position:relative;} #Content9 .BoxType1 .tit1:after{ display:none; float:left; width:0; height:0; position:absolute; left:50%; bottom:-6px; content:''; border-left: 5px solid transparent; border-right:5px solid transparent;border-top: 6px solid #b50005; margin-left:-5px;} #Content9 .BoxType1 .tit1.on{ color:#fff; background:#b50005;} #Content9 .BoxType1 .tit1.on:after{ display:block;} #Content9 .BoxType2{ float:left; width:100%; background:#b2b2b2; padding-top:20px; /*overflow:hidden;*/} #Content9 .BoxType2 .ul1{ float:left; width:100%;} #Content9 .BoxType2 .ul1 .l2{ float:left; width:139px; padding:0 8px 0 2px;} #Content9 .BoxType2 .ul1 .l2 .la2{ float:left; width:100%; background:#929292; cursor:pointer; border-top:3px solid #929292;} #Content9 .BoxType2 .ul1 .l2 .img{ float:left; width:100%; line-height:0;} #Content9 .BoxType2 .ul1 .l2 .tit2{ float:left; width:100%; text-align:center; color:#fff; color:rgba(255,255,255,0.8); font-size:14px; line-height:16px; margin-bottom:7px;} #Content9 .BoxType2 .ul1 .l2.slick-current .la2{ background:#fff; border-top:3px solid #b50005;} #Content9 .BoxType2 .ul1 .l2.slick-current .tit2{ color:#333333;} #Content9 .BoxType2 .slick-prev{ z-index:59; width:20px; height:100%;top:auto; bottom:0; left:0; background:url(/template/theme/CN/2492_ban3.png) center no-repeat #b50005;} #Content9 .BoxType2 .slick-next{ z-index:59; width:20px; height:100%;top:auto; bottom:0; right:0; background:url(/template/theme/CN/2492_ban2.png) center no-repeat #b50005;} #Content9 .BoxType3{ float:left; width:100%; margin:35px 0 75px 0; z-index:16;} #Content9 .BoxType3 .slick-list{ overflow:visible !important;} #Content9 .BoxType3 .box{ float:left; width:100%;} #Content9 .BoxType3 .box .selt1{ float:left; width:100%; border:1px solid #e5e5e5; border-radius:5px; text-align:center;} #Content9 .BoxType3 .box .selt1 .l1{ float:left; width:13.48%; background:#b50005; height:121px; padding:18px 0; position:relative; margin:-1px 0 0 -1px; border-radius:5px;} #Content9 .BoxType3 .box .selt1 .l1 .img{ float:left; width:100%; line-height:0; margin:3px 0 16px 0;} #Content9 .BoxType3 .box .selt1 .l1 .img img{ width:44px; height:44px;} #Content9 .BoxType3 .box .selt1 .l1 .tit6{ float:left; width:100%; color:#fff; font-size:18px; line-height:22px;} #Content9 .BoxType3 .box .selt1 .l2{ float:left; width:12.36%; padding:25px 0; height:119px; position:relative;} #Content9 .BoxType3 .box .selt1 .l2 .img{ float:left; width:100%; line-height:0;} #Content9 .BoxType3 .box .selt1 .l2 .img img{ width:40px; height:40px;} #Content9 .BoxType3 .box .selt1 .l2 .tit6{ float:left; width:100%; color:#333333; font-size:16px; line-height:22px; margin-top:7px;} #Content9 .BoxType3 .box .selt1 .l2.on .tit6, #Content9 .BoxType3 .box .selt1 .l2:hover .tit6{ color:#b50005;} #Content9 .BoxType3 .box .selt1 .l2:after{ float:left; width:33px; height:24px; position:absolute; right:-16px; top:50%; margin-top:-14px; content:''; background:url(/template/theme/CN/2492_sheji11.png) center no-repeat; background-size:auto 100%;} #Content9 .BoxType3 .box .selt1 .l2:last-child:after{ display:none;} #Content9 .BoxType3 .box .selt2{ float:left; width:100%; margin:35px 0;} #Content9 .BoxType3 .box .selt2 .top{ float:left; width:100%; border:1px solid #e5e5e5; border-radius:3px; padding:31px 0;} #Content9 .BoxType3 .box .selt2 .lab{ float:left; width:100%; margin:3px 0; position:relative; min-height:38px; padding-left:155px;} #Content9 .BoxType3 .box .selt2 .name{ float:left; position:absolute; left:0; top:6px; width:150px; color:#333333; font-size:18px; line-height:38px; text-align:right; text-transform:uppercase;} #Content9 .BoxType3 .box .selt2 .ul1{ float:left; width:100%;} #Content9 .BoxType3 .box .selt2 .l1{ float:left; position:relative; margin-top:6px; margin-bottom:6px; margin-right:22px;color:#666666; font-size:16px; line-height:38px;} #Content9 .BoxType3 .box .selt2 ._tit{ float:left; padding:0 11px; border:1px solid #e5e5e5; border-radius:2px; color:#666666; font-size:16px; height:38px; line-height:36px; position:relative; text-transform:uppercase;} #Content9 .BoxType3 .box .selt2 ._tit:after{ display:none; float:left; width:0; height:0; content:''; position:absolute; left:50%; top:-16px; content:''; border-left:5px solid transparent; border-right:5px solid transparent;border-top: 8px solid #b50005; margin-left:-5px; z-index:5;} #Content9 .BoxType3 .box .selt2 ._tit:before{ display:none; float:left; width:0; height:0; content:''; position:absolute; right:0; bottom:0; content:''; border-left:16px solid transparent;border-bottom: 16px solid #b50005; z-index:5;} #Content9 .BoxType3 .box .selt2 ._tit .ico{ float:left; width:16px; height:16px; background:url(/template/theme/CN/2492_sheji2.png) right bottom no-repeat; position:absolute; right:0; bottom:0; z-index:6;} #Content9 .BoxType3 .box .selt2 ._down{ float:left; position:absolute; left:-126px; bottom:38px; width:610px; z-index:66; display:none;} #Content9 .BoxType3 .box .selt2 .left_li ._down{left:auto; right:-126px;} #Content9 .BoxType3 .box .selt2 .bg{ float:left; float:left; width:100%;background:#b50005; padding:0 12px; margin-bottom:15px; position:relative;} #Content9 .BoxType3 .box .selt2 .img{ float:right; margin:12px 0; width:47.8%; line-height:0;} #Content9 .BoxType3 .box .selt2 .text{ float:left; width:49.6%;} #Content9 .BoxType3 .box .selt2 .p1{ float:left; width:100%; color:#fff; font-size:16px; line-height:26px; font-weight:bold; margin:17px 0 8px 0;} #Content9 .BoxType3 .box .selt2 .p2{ float:left; width:100%; color:#fff; font-size:14px; line-height:24px;} #Content9 .BoxType3 .box .selt2 .p3{ float:left; width:100%; color:#fff; font-size:14px; line-height:24px; padding:15px 0 11px 0; margin-top:12px;border-top:1px solid #fff; border-top:1px solid rgba(255,255,255,0.2);} #Content9 .BoxType3 .box .selt2 .kefu{ color:#fff; font-size:16px; font-weight:bold;} #Content9 .BoxType3 .box .selt2 .kefu:hover{ text-decoration:underline;} #Content9 .BoxType3 .box .selt2 .down{ float:left; width:100%; margin-top:35px;} #Content9 .BoxType3 .box .selt2 .zhu{ float:left; color:#333333; font-size:16px; line-height:26px; margin:5px 0;} #Content9 .BoxType3 .box .selt2 .fv0{ float:right; margin-right:50px; width:120px; height:36px; line-height:34px; text-align:center; color:#fff; font-size:16px; background:#b50005; border-radius:3px; border:none; outline:none;} #Content9 .BoxType3 .box .selt2 .fv0:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);} /*#Content9 .BoxType3 .box .selt2 .l1.on ._tit, #Content9 .BoxType3 .box .selt2 .l1:hover ._tit{ border:1px solid #b50005;} #Content9 .BoxType3 .box .selt2 .l1:hover ._tit:after{ display:block;} #Content9 .BoxType3 .box .selt2 .l1.on ._tit:before, #Content9 .BoxType3 .box .selt2 .l1:hover ._tit:before{ display:block;} #Content9 .BoxType3 .box .selt2 .l1:hover ._down{ display:block;}*/ #Content9 .BoxType3 .box .selt2 .l1.on ._tit{ border:1px solid #b50005;} #Content9 .BoxType3 .box .selt2 .l1.on ._tit:before{ display:block;} @media screen and (min-width:768px){ #Content9 .BoxType3 .box .selt2 .l1:hover ._tit{ border:1px solid #b50005;} #Content9 .BoxType3 .box .selt2 .l1:hover ._tit:before{ display:block;} #Content9 .BoxType3 .box .selt2 .l1:hover ._down{ display:block;} #Content9 .BoxType3 .box .selt2 .l1:hover ._tit:after{ display:block;} } @media screen and (max-width:768px){ #Content9 .BoxType3 .box .selt2 .l1.showdown ._down{ display:block !important;} #Content9 .BoxType3 .box .selt2 .l1.showdown ._tit:after{ display:block !important;} } #Content9 .BoxType3 .box .selt2 .ul2{ float:left; width:26.26%; color:#666666; font-size:16px; line-height:38px; text-transform:uppercase; position:relative; padding:0 28px 0 110px; margin-top:6px; margin-bottom:6px; margin-right:7%;} #Content9 .BoxType3 .box .selt2 .lp3{ float:left; width:33.48%; padding-right:20px; color:#666666; font-size:16px; line-height:26px;text-transform:uppercase; margin-top:12px; margin-bottom:12px;} #Content9 .BoxType3 .box .selt2 .fv1{ float:left; width:100%; border:1px solid #e5e5e5; border-radius:2px; color:#666666; font-size:16px; height:38px; line-height:36px; padding:0 11px;} #Content9 .BoxType3 .box .selt2 .lp1{ float:left; position:absolute; left:0; top:0;} #Content9 .BoxType3 .box .selt2 .lp2{ float:left; position:absolute; right:0; top:0;} #Content9 .BoxType3 .box .selt2 .colse{ display:none; float:left; position:absolute; right:0; top:0; color:#fff; font-size:26px; width:30px; height:30px; transform:rotate(45deg); text-align:center; line-height:30px;} #Content9 .BoxType3 .box .tit{ float:left; width:100%; background:#b50005; color:#fff; font-size:14px; line-height:26px; text-transform:uppercase;} #Content9 .BoxType3 .box .tit .sp1{ display:inline-block; padding:11px 56px 11px 30px; position:relative; background:#666666;} #Content9 .BoxType3 .box .tit .sp1:after{ float:left; width:0; height:0; position:absolute; right:0; top:0; content:''; border-left:32px solid transparent; border-top:48px solid #b50005; } #Content9 .BoxType3 .box .tit .font{ display:inline-block; font-weight:bold; font-size:18px; line-height:20px;} #Content9 .BoxType3 .box .tit .sp2{ display:inline-block; padding:11px 0px 11px 11px;} #Content9 .BoxType3 .box .det{ float:left; width:100%;} #Content9 .BoxType3 .box .det .cont{ float:left; width:100%; color:#333333; font-size:16px; line-height:30px; border:1px solid #e5e5e5; border-top:none; border-radius:0 0 3px 3px; padding:32px 30px;} #Content9 .BoxTypeBd{ float:left; width:100%; position:relative;} #Content9 .BoxTypeBd:after{ display:none; float:left; width:20px; height:40px; position:absolute; right:0; top:-46px; content:''; color:#fff; font-size:14px; text-align:center; background:url(/template/theme/CN/2492_ban2.png) center no-repeat #b50005; z-index:6; line-height:40px;} #Content9 .BoxTypeBd .lc1{ float:left; width:100%; height:0; overflow:hidden;} #Content9 .BoxTypeBd .lc1.on{ height:auto; overflow:initial;} #Content9 .BoxType3 .box .selt2 .ul3{ padding:0 45px 0 58px !important; width:200px; margin-right:5.8%;} #Content9 .BoxType3 .box .selt2 .ul3 .lp2{ text-transform:none;} #Content9 .BoxType3 .box .selt2 .ul4{ width:178px; padding-right:28px; padding-left:0 !important;} #Content9 .BoxType3 .box .selt2 .ul0{ width:auto; margin-right:3.04%;} #Content9 .BoxType3 .box .selt2 .ul7{ padding-left:55px !important;} #Content9 .BoxType3 .box .selt2 .ul6{ width:100% !important; margin-right:0 !important; padding:0 24px 0 0 !important;} #Content9 .BoxType3 .box .selt2 .ul8{ width:86%; padding-left:55px !important; padding-right:0!important; margin-right:0 !important;} #Content9 .BoxType3 .box .selt2 .ul9{ width:312px !important; padding:0 !important; margin-right:0 !important;} @media screen and (max-width:1600px){ #Content9 .contRight{ width:898px;} #Content9 .BoxType1 .tit1{ padding:0 18px 4px 18px;} #Content9 .BoxType3 .box .selt2 .l1{ margin-right:14px;font-size:14px; line-height:34px;} #Content9 .BoxType3 .box .selt2 .name{ font-size:14px; width:120px; line-height:34px;} #Content9 .BoxType3 .box .selt2 .lab{ padding-left:125px; min-height:34px;} #Content9 .BoxType3 .box .selt2 ._tit{ font-size:14px; line-height:32px; height:34px;} #Content9 .BoxType3 .box .selt2 .ul2{ font-size:14px; line-height:34px; padding:0 24px 0 85px; width:30.06%; margin-right:2.6%;} #Content9 .BoxType3 .box .selt2 .lp3{ font-size:14px; padding-right:15px; width:34.48%; line-height:22px;} #Content9 .BoxType3 .box .selt2 .fv1{ line-height:32px; height:34px; font-size:14px;} #Content9 .BoxType3 .box .selt2 .bg{ margin-bottom:11px;} #Content9 .BoxType3 .box .selt2 .ul3{ width:170px; padding:0 36px 0 45px !important;} #Content9 .BoxType3 .box .selt2 .ul7{ padding-left:45px !important;} #Content9 .BoxType3 .box .selt2 .ul8{ padding-left:45px !important; width:83%; } } @media screen and (max-width:1230px){ #Content9 .contLeft{ width:200px;} #Content9 .contRight{ width:764px;} #Content9 .slideTit1{ padding:15px 20px 0 20px; margin-top:-74px; height:74px;} #Content9 .slideTit1 .tit1{ font-size:20px; line-height:20px;} #Content9 .slideTit1 .tit2{ font-size:14px; line-height:14px;} #Content9 .slideTit1 .tit2 span{ padding-right:10px;} #Content9 .slideTit1 .tit2 span:after{ width:6px; height:6px; margin-top:-3px;} #Content9 .slideTit4 .pz_SideLayer .l1 .la1:after{ left:-15px;} #Content9 .slideTit4 .pz_SideLayer .sub .l2 .la2:after{ left:-12px;} #Content9 .slideTit3 .tit1{ font-size:42px; line-height:32px;} #Content9 .slideTit3 .tit2{ font-size:26px; line-height:32px;} #Content9 .BoxType1 .tit1{ padding:0 12px 4px 12px;} #Content9 .BoxType2 .ul1 .l2{ padding:0 2px;} #Content9 .BoxType3 .box .tit{ font-size:14px;} #Content9 .BoxType3 .box .tit .sp1{ padding:11px 30px 11px 20px;} #Content9 .BoxType3 .box .tit .sp1:after{border-left:24px solid transparent;} #Content9 .BoxType3 .box .tit .font{ font-size:18px;} #Content9 .BoxType3 .box .tit .sp2{ padding:11px 20px 11px 5px;} #Content9 .BoxType3 .box .det .cont{ padding:32px 20px;} #Content9 .BoxType3 .box .selt2 .ul2{ width:44%;} #Content9 .BoxType3 .box .selt2 .lp3{ width:100%;} #Content9 .BoxType3 .box .selt1 .l2:after{ height:18px;} #Content9 .BoxType3 .box .selt2 .ul8{ width:80%; } } @media screen and (max-width:1024px){ #Content9 .contLeft{ width:100%; min-height:1px; margin-bottom:0;} #Content9 .contRight{ width:100%;} #Content9 .slideTit2{ display:none;} #Content9 .slideTit1{ padding:12px 15px 0 15px; margin-top:-32px; height:64px;} #Content9 .slideTit1 .tit1{ font-size:18px; line-height:18px;} #Content9 .slideTit1 .tit2{ font-size:13px; margin-top:6px;} #Content9 .slideTit4{ padding:2px 0 10px 0;} #Content9 .slideTit4 .pz_SideLayer .l1 .la1{ width:92%; margin:0 4% 0 4%; line-height:36px; height:37px; font-size:15px;} #Content9 .slideTit4 .pz_SideLayer .sub .l2 .la2{ width:92%; margin:0 4% 0 4%; font-size:14px; line-height:30px; height:31px;} #Content9 .slideTit4 .pz_SideLayer .sub{ display:none;} #Content9 .slideImg1{ display:none;} #Content9 .slideTit3{ margin-top:25px;} #Content9 .slideTit3 .tit1{ font-size:27px; line-height:21px;} #Content9 .slideTit3 .tit2{ font-size:17px; line-height:21px;} #Content9 .slideTit6{ font-size:16px; line-height:26px; margin:20px 0 0 0;} #Content9 .slideTit7 a{ height:40px; line-height:38px; font-size:16px;} #Content9 .BoxType1{ margin-top:30px;} #Content9 .BoxType1 .tit1{ padding:0 12px 4px 12px; font-size:15px;} #Content9 .BoxType1:after{ display:block;} #Content9 .BoxType2{ padding-top:10px;} #Content9 .BoxType3{ margin:25px 0 40px 0;} #Content9 .BoxType3 .box .det .cont{ font-size:14px; line-height:28px; padding:15px;} #Content9 .BoxType3 .box .tit{ line-height:22px;} #Content9 .BoxType3 .box .tit .sp1:after{border-left:20px solid transparent; border-top:45px solid #b50005; } #Content9 .BoxType3 .box .selt2 .top{ padding:15px 0;} #Content9 .BoxType3 .box .selt2{ margin:25px 0;} #Content9 .BoxType3 .box .selt2 .l1{ position:static;} #Content9 .BoxType3 .box .selt2 .bg{ margin-bottom:15px;} #Content9 .BoxType3 .box .selt2 ._down{ left:5% !important; right:auto !important; width:90%;} #Content9 .BoxType3 .box .selt2 .down{ margin-top:15px;} #Content9 .BoxType3 .box .selt2 .zhu{ width:100%; margin:0 0 10px 0;} #Content9 .BoxType3 .box .selt2 .fv0{ float:left;} #Content9 .BoxType3 .box .selt2 .p1{ margin:12px 0 0 0;} #Content9 .BoxType3 .box .selt2 .p3{ margin-top:10px; padding:5px 0 0 0;} #Content9 .BoxType3 .box .selt2 .colse{ display:block;} #Content9 .BoxType3 .box .selt1 .l2{ padding:15px 0; height:96px;} #Content9 .BoxType3 .box .selt1 .l2 .tit6{ font-size:14px; margin-top:4px;} #Content9 .BoxType3 .box .selt1 .l1{ padding:8px 0; height:98px; } #Content9 .BoxType3 .box .selt1 .l1 .img{ margin:3px 0 8px 0;} #Content9 .BoxType3 .box .selt1 .l1 .tit6{ font-size:16px;} #Content9 .BoxTypeBd:after{ display:block;} } @media screen and (max-width:768px){ #Content9 .slideTit4 .pz_SideLayer .l1 .la1{ width:87%; margin:0 4% 0 9%; } #Content9 .slideTit4 .pz_SideLayer .sub .l2 .la2{ width:87%; margin:0 4% 0 9%;} #Content9 .BoxType3 .box .tit .sp1:after{ border-top:none; border-bottom:39px solid #b50005; } #Content9 .BoxType3 .box .tit .sp1{ width:100%; float:left; padding:8px 15px;} #Content9 .BoxType3 .box .tit .sp2{ width:100%; float:left; padding:8px 15px;} #Content9 .BoxType3 .box .selt2 ._down{} #Content9 .BoxType3 .box .selt2 .l1{ margin-right:8px; margin-top:4px; margin-bottom:4px;} #Content9 .BoxType3 .box .selt2 .name{ position:relative; top:0; margin:0; width:100%; text-align:left; line-height:24px; color:#b50005;} #Content9 .BoxType3 .box .selt2 .lab{ padding-left:12px;} #Content9 .BoxType3 .box .selt2 ._tit{ padding:0 8px;} #Content9 .BoxType3 .box .selt2 .ul2{ width:96%; margin-right:0;} #Content9 .BoxType3 .box .selt2 .lp3{ margin:3px 0;} #Content9 .BoxType3 .box .selt2 .text{ width:100%;} #Content9 .BoxType3 .box .selt2 .img{ width:100%;} #Content9 .BoxType3 .box .selt1 .l1{ width:25%; height:96px; } #Content9 .BoxType3 .box .selt1 .l2{ width:25%;} #Content9 .BoxType3 .box .selt1 li:nth-child(4):after{ display:none;} #Content9 .BoxType1{ overflow-x:scroll; white-space:nowrap; position:relative;} #Content9 .BoxType1 .tit1{ float:none; display:inline-block;z-index:6;} #Content9 .BoxType1 .tit1:after{border-top:none;border-bottom: 6px solid #b2b2b2;} #Content9 .BoxType2 .ul1 .l2 .img img{ width:69px; height:35px; max-width:inherit; display:block; margin:0 auto; bottom:0;} #Content9 .BoxType3 .box .selt2 .ul3{ width:46%;margin-right:2.6%;} #Content9 .BoxType3 .box .selt2 .ul8{ width:65%; } #Content9 .BoxType3 .box .selt2 .ul9{ width:92% !important;} } /**/ #Content10 .contLeft{ float:left; width:272px; min-height:200px; margin-bottom:50px;} #Content10 .contRight{ float:right; width:1242px; min-height:200px;} #Content10 .slideTit1{ float:left; width:100%; position:relative; top:0; margin-top:-106px; z-index:66; height:106px; background:#b50005; background:rgba(181,0,5,0.97); padding:24px 30px 0 33px;} #Content10 .slideTit1 .tit1{ float:left; width:100%; color:#fff; font-size:28px; line-height:28px;} #Content10 .slideTit1 .tit2{ float:left; width:100%; color:#fff; font-size:18px; line-height:18px; margin-top:8px; text-transform:uppercase; overflow:hidden;} #Content10 .slideTit1 .tit2 span{ float:left; position:relative; padding-right:16px;} #Content10 .slideTit1 .tit2 span:after{ float:left; width:8px; height:8px; background:#fff; border-radius:50%; position:absolute; left:100%; top:50%; margin-top:-4px; content:'';} #Content10 .slideTit1 .tit2 span:before{ float:left; width:1200px; height:1px; background:#fff; border-radius:50%; position:absolute; left:100%; top:50%; content:'';} #Content10 .slideImg1{ float:left; width:100%; line-height:0; margin:17px 0 0 0;} #Content10 .slideTit4{ float:left; width:100%; background:#f7f7f7; padding:2px 0 15px 0;} #Content10 .slideTit4 .pz_SideLayer{ float:left; width:100%;} #Content10 .slideTit4 .pz_SideLayer .l1{ float:left; width:100%;} #Content10 .slideTit4 .pz_SideLayer .l1 .la1{ float:left; width:69.5%; color:#333333; font-size:16px; line-height:60px; height:61px; background:url(/template/theme/CN/2493_ico2.png) left bottom repeat-x; position:relative; margin:0 11.02% 0 19.48%; z-index:4;} #Content10 .slideTit4 .pz_SideLayer .l1 .la1:after{ float:left; width:9px; height:12px; background:url(/template/theme/CN/2493_ico.png) center no-repeat; position:absolute; left:-20px; top:50%; margin-top:-6px; content:'';} #Content10 .slideTit4 .pz_SideLayer .l1 .la1 i{ float:left; width:15px; height:100%; background:url(/template/theme/CN/2493_Packag7.png) center no-repeat; position:absolute; right:4px; top:50; content:'';} #Content10 .slideTit4 .pz_SideLayer .l1.on .la1, #Content10 .slideTit4 .pz_SideLayer .l1:hover .la1{ color:#b50005; font-weight:bold;} #Content10 .slideTit4 .pz_SideLayer .l1.on .la1 i{ background:url(/template/theme/CN/2493_Packag9.png) center no-repeat;} #Content10 .slideTit4 .pz_SideLayer .l1.active .la1 i{ background:url(/template/theme/CN/2493_Packag8.png) center no-repeat;} #Content10 .slideTit4 .pz_SideLayer .l1:last-child .la1{ background:none;} #Content10 .slideTit4 .pz_SideLayer .sub{ float:left; width:100%; background:#e8e8e8; margin-top:-1px; position:relative; z-index:6;} #Content10 .slideTit4 .pz_SideLayer .sub .l2{ float:left; width:100%;} #Content10 .slideTit4 .pz_SideLayer .sub .l2 .la2{ float:left; width:69.5%; color:#333333; font-size:16px; line-height:41px; height:42px; margin:0 11.02% 0 19.48%; border-bottom:1px dashed #fff; position:relative;} #Content10 .slideTit4 .pz_SideLayer .sub .l2:last-child .la2{ border-bottom:none;} #Content10 .slideTit4 .pz_SideLayer .sub .l2 .la2:after{ float:left; width:4px; height:4px; border-radius:50%; background:#b50005; position:absolute; left:-16px; top:50%; margin-top:-2px; content:'';} #Content10 .slideTit4 .pz_SideLayer .sub .l2.on .la2, #Content10 .slideTit4 .pz_SideLayer .sub .l2:hover .la2{ color:#b50005;} #Content10 .slideTit2{ float:left; width:100%; border-bottom:1px solid #e5e5e5; padding:0 10px; color:#666666; font-size:14px; line-height:25px; padding:11px 0 11px 22px;} #Content10 .slideTit2 a{ color:#666666;} #Content10 .slideTit2 a.on, #Content10 .slideTit2 a:hover{ color:#b50005;} #Content10 .slideTit3{ float:left; width:100%; text-align:center; margin-top:64px; position:relative;} #Content10 .slideTit3 .tit1{ float:left; width:100%; color:#eeeeee; font-size:52px; line-height:40px; text-transform:uppercase; font-weight:bold;} #Content10 .slideTit3 .tit2{ float:left; width:100%; color:#b50005; font-size:34px; line-height:40px; font-weight:bold; position:absolute; left:0; top:0;} #Content10 .slideTit6{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; margin:60px 0 7px 0; text-align:center;} #Content10 .slideTit7{ float:left; width:100%; margin-top:11px;} #Content10 .slideTit7 a{ float:left; width:100%; height:56px; border:1px solid #e5e5e5; color:#333333; font-size:18px; line-height:54px; text-align:center;} #Content10 .slideTit7 a:hover{ background:#b50005; border:1px solid #b50005; color:#fff;} /*BoxType3*/ #Content10 .BoxType1{ float:left; width:100%; background:#000000; border-top:2px solid #b50005; border-bottom:6px solid #b2b2b2; margin-top:58px; position:relative;} #Content10 .BoxType1 .ul1{ overflow-x:scroll; white-space:nowrap;} #Content10 .BoxType1 .tit1{ display:inline-block; vertical-align:top; white-space:nowrap; color:#fff; font-size:16px; line-height:36px; padding:0 35px 4px 35px; cursor:pointer; position:relative;} #Content10 .BoxType1 .tit1:after{ display:none; float:left; width:0; height:0; position:absolute; left:50%; bottom:-6px; content:''; border-left: 5px solid transparent; border-right:5px solid transparent;border-top: 6px solid #b50005; margin-left:-5px;} #Content10 .BoxType1 .tit1.on{ color:#fff; background:#b50005;} #Content10 .BoxType1 .tit1.on:after{ display:block;} #Content10 .BoxType2{ float:left; width:100%; background:#b2b2b2; padding-top:20px; /*overflow:hidden;*/} #Content10 .BoxType2 .ul1{ float:left; width:100%;} #Content10 .BoxType2 .ul1 .l2{ float:left; width:139px; padding:0 8px 0 2px;} #Content10 .BoxType2 .ul1 .l2 .la2{ float:left; width:100%; background:#929292; cursor:pointer; border-top:3px solid #929292;} #Content10 .BoxType2 .ul1 .l2 .img{ float:left; width:100%; line-height:0;} #Content10 .BoxType2 .ul1 .l2 .tit2{ float:left; width:100%; text-align:center; color:#fff; color:rgba(255,255,255,0.8); font-size:14px; line-height:16px; margin-bottom:7px;} #Content10 .BoxType2 .ul1 .l2.slick-current .la2{ background:#fff; border-top:3px solid #b50005;} #Content10 .BoxType2 .ul1 .l2.slick-current .tit2{ color:#333333;} #Content10 .BoxType2 .slick-prev{ width:20px; height:100%;top:aut0; bottom:0; left:0; background:url(/template/theme/CN/2493_ban3.png) center no-repeat #b50005;} #Content10 .BoxType2 .slick-next{ width:20px; height:100%;top:aut0; bottom:0; right:0; background:url(/template/theme/CN/2493_ban2.png) center no-repeat #b50005;} #Content10 .BoxType3{ float:left; width:100%; margin:35px 0 75px 0; z-index:16;} #Content10 .BoxType3 .slick-list{ overflow:visible !important;} #Content10 .BoxType3 .box{ float:left; width:100%;} #Content10 .BoxType3 .box .selt1{ float:left; width:100%; border:1px solid #e5e5e5; border-radius:5px; text-align:center;} #Content10 .BoxType3 .box .selt1 .l1{ float:left; width:13.48%; background:#b50005; height:121px; padding:18px 0; position:relative; margin:-1px 0 0 -1px; border-radius:5px;} #Content10 .BoxType3 .box .selt1 .l1 .img{ float:left; width:100%; line-height:0; margin:3px 0 16px 0;} #Content10 .BoxType3 .box .selt1 .l1 .img img{ width:44px; height:44px;} #Content10 .BoxType3 .box .selt1 .l1 .tit6{ float:left; width:100%; color:#fff; font-size:18px; line-height:22px;} #Content10 .BoxType3 .box .selt1 .l2{ float:left; width:12.36%; padding:25px 0; height:119px; position:relative;} #Content10 .BoxType3 .box .selt1 .l2 .img{ float:left; width:100%; line-height:0;} #Content10 .BoxType3 .box .selt1 .l2 .img img{ width:40px; height:40px;} #Content10 .BoxType3 .box .selt1 .l2 .tit6{ float:left; width:100%; color:#333333; font-size:16px; line-height:22px; margin-top:7px;} #Content10 .BoxType3 .box .selt1 .l2.on .tit6, #Content10 .BoxType3 .box .selt1 .l2:hover .tit6{ color:#b50005;} #Content10 .BoxType3 .box .selt1 .l2:after{ float:left; width:33px; height:24px; position:absolute; right:-16px; top:50%; margin-top:-14px; content:''; background:url(/template/theme/CN/2493_sheji11.png) center no-repeat; background-size:auto 100%;} #Content10 .BoxType3 .box .selt1 .l2:last-child:after{ display:none;} #Content10 .BoxType3 .box .selt2{ float:left; width:100%; margin:35px 0;} #Content10 .BoxType3 .box .selt2 .top{ float:left; width:100%; border:1px solid #e5e5e5; border-radius:3px; padding:31px 0;} #Content10 .BoxType3 .box .selt2 .lab{ float:left; width:100%; margin:3px 0; position:relative; min-height:38px; padding-left:155px;} #Content10 .BoxType3 .box .selt2 .name{ float:left; position:absolute; left:0; top:6px; width:150px; color:#333333; font-size:18px; line-height:38px; text-align:right; text-transform:uppercase;} #Content10 .BoxType3 .box .selt2 .ul1{ float:left; width:100%;} #Content10 .BoxType3 .box .selt2 .l1{ float:left; position:relative; margin-top:6px; margin-bottom:6px; margin-right:22px;color:#666666; font-size:16px; line-height:38px;} #Content10 .BoxType3 .box .selt2 ._tit{ float:left; padding:0 11px; border:1px solid #e5e5e5; border-radius:2px; color:#666666; font-size:16px; height:38px; line-height:36px; position:relative; text-transform:uppercase;} #Content10 .BoxType3 .box .selt2 ._tit:after{ display:none; float:left; width:0; height:0; content:''; position:absolute; left:50%; top:-16px; content:''; border-left:5px solid transparent; border-right:5px solid transparent;border-top: 8px solid #b50005; margin-left:-5px; z-index:5;} #Content10 .BoxType3 .box .selt2 ._tit:before{ display:none; float:left; width:0; height:0; content:''; position:absolute; right:0; bottom:0; content:''; border-left:16px solid transparent;border-bottom: 16px solid #b50005; z-index:5;} #Content10 .BoxType3 .box .selt2 ._tit .ico{ float:left; width:16px; height:16px; background:url(/template/theme/CN/2493_sheji2.png) right bottom no-repeat; position:absolute; right:0; bottom:0; z-index:6;} #Content10 .BoxType3 .box .selt2 ._down{ float:left; position:absolute; left:-126px; bottom:38px; width:610px; z-index:66; display:none;} #Content10 .BoxType3 .box .selt2 .left_li ._down{left:auto; right:-126px;} #Content10 .BoxType3 .box .selt2 .bg{ float:left; float:left; width:100%;background:#b50005; padding:0 12px; margin-bottom:15px; position:relative;} #Content10 .BoxType3 .box .selt2 .img{ float:right; margin:12px 0; width:47.8%; line-height:0;} #Content10 .BoxType3 .box .selt2 .text{ float:left; width:49.6%;} #Content10 .BoxType3 .box .selt2 .p1{ float:left; width:100%; color:#fff; font-size:16px; line-height:26px; font-weight:bold; margin:17px 0 8px 0;} #Content10 .BoxType3 .box .selt2 .p2{ float:left; width:100%; color:#fff; font-size:14px; line-height:24px;} #Content10 .BoxType3 .box .selt2 .p3{ float:left; width:100%; color:#fff; font-size:14px; line-height:24px; padding:15px 0 11px 0; margin-top:12px;border-top:1px solid #fff; border-top:1px solid rgba(255,255,255,0.2);} #Content10 .BoxType3 .box .selt2 .kefu{ color:#fff; font-size:16px; font-weight:bold;} #Content10 .BoxType3 .box .selt2 .kefu:hover{ text-decoration:underline;} #Content10 .BoxType3 .box .selt2 .down{ float:left; width:100%; margin-top:35px;} #Content10 .BoxType3 .box .selt2 .zhu{ float:left; color:#333333; font-size:16px; line-height:26px; margin:5px 0;} #Content10 .BoxType3 .box .selt2 .fv0{ float:right; margin-right:50px; width:120px; height:36px; line-height:34px; text-align:center; color:#fff; font-size:16px; background:#b50005; border-radius:3px; border:none; outline:none;} #Content10 .BoxType3 .box .selt2 .fv0:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);} /*#Content10 .BoxType3 .box .selt2 .l1.on ._tit, #Content10 .BoxType3 .box .selt2 .l1:hover ._tit{ border:1px solid #b50005;} #Content10 .BoxType3 .box .selt2 .l1:hover ._tit:after{ display:block;} #Content10 .BoxType3 .box .selt2 .l1.on ._tit:before, #Content10 .BoxType3 .box .selt2 .l1:hover ._tit:before{ display:block;} #Content10 .BoxType3 .box .selt2 .l1:hover ._down{ display:block;}*/ #Content10 .BoxType3 .box .selt2 .l1.on ._tit{ border:1px solid #b50005;} #Content10 .BoxType3 .box .selt2 .l1.on ._tit:before{ display:block;} @media screen and (min-width:768px){ #Content10 .BoxType3 .box .selt2 .l1:hover ._tit{ border:1px solid #b50005;} #Content10 .BoxType3 .box .selt2 .l1:hover ._tit:before{ display:block;} #Content10 .BoxType3 .box .selt2 .l1:hover ._down{ display:block;} #Content10 .BoxType3 .box .selt2 .l1:hover ._tit:after{ display:block;} } @media screen and (max-width:768px){ #Content10 .BoxType3 .box .selt2 .l1.showdown ._down{ display:block !important;} #Content10 .BoxType3 .box .selt2 .l1.showdown ._tit:after{ display:block !important;} } #Content10 .BoxType3 .box .selt2 .ul2{ float:left; width:26.26%; color:#666666; font-size:16px; line-height:38px; text-transform:uppercase; position:relative; padding:0 28px 0 110px; margin-top:6px; margin-bottom:6px; margin-right:7%;} #Content10 .BoxType3 .box .selt2 .lp3{ float:left; width:33.48%; padding-right:20px; color:#666666; font-size:16px; line-height:26px;text-transform:uppercase; margin-top:12px; margin-bottom:12px;} #Content10 .BoxType3 .box .selt2 .fv1{ float:left; width:100%; border:1px solid #e5e5e5; border-radius:2px; color:#666666; font-size:16px; height:38px; line-height:36px; padding:0 11px;} #Content10 .BoxType3 .box .selt2 .lp1{ float:left; position:absolute; left:0; top:0;} #Content10 .BoxType3 .box .selt2 .lp2{ float:left; position:absolute; right:0; top:0;} #Content10 .BoxType3 .box .selt2 .colse{ display:none; float:left; position:absolute; right:0; top:0; color:#fff; font-size:26px; width:30px; height:30px; transform:rotate(45deg); text-align:center; line-height:30px;} #Content10 .BoxType3 .box .tit{ float:left; width:100%; background:#b50005; color:#fff; font-size:14px; line-height:26px; text-transform:uppercase;} #Content10 .BoxType3 .box .tit .sp1{ display:inline-block; padding:11px 56px 11px 30px; position:relative; background:#666666;} #Content10 .BoxType3 .box .tit .sp1:after{ float:left; width:0; height:0; position:absolute; right:0; top:0; content:''; border-left:32px solid transparent; border-top:48px solid #b50005; } #Content10 .BoxType3 .box .tit .font{ display:inline-block; font-weight:bold; font-size:18px; line-height:20px;} #Content10 .BoxType3 .box .tit .sp2{ display:inline-block; padding:11px 0px 11px 11px;} #Content10 .BoxType3 .box .det{ float:left; width:100%;} #Content10 .BoxType3 .box .det .cont{ float:left; width:100%; color:#333333; font-size:16px; line-height:30px; border:1px solid #e5e5e5; border-top:none; border-radius:0 0 3px 3px; padding:32px 30px;} #Content10 .BoxTypeBd{ float:left; width:100%; position:relative;} #Content10 .BoxTypeBd:after{ display:none; float:left; width:20px; height:40px; position:absolute; right:0; top:-46px; content:''; color:#fff; font-size:14px; text-align:center; background:url(/template/theme/CN/2493_ban2.png) center no-repeat #b50005; z-index:6; line-height:40px;} #Content10 .BoxTypeBd .lc1{ float:left; width:100%; height:0; overflow:hidden;} #Content10 .BoxTypeBd .lc1.on{ height:auto; overflow:initial;} #Content10 .BoxType3 .box .selt2 .ul3{ padding:0 45px 0 58px !important; width:200px; margin-right:5.8%;} #Content10 .BoxType3 .box .selt2 .ul3 .lp2{ text-transform:none;} #Content10 .BoxType3 .box .selt2 .ul4{ width:178px; padding-right:28px; padding-left:0 !important;} #Content10 .BoxType3 .box .selt2 .ul0{ width:auto; margin-right:3.04%;} #Content10 .BoxType3 .box .selt2 .ul7{ padding-left:55px !important;} #Content10 .BoxType3 .box .selt2 .ul6{ width:100% !important; margin-right:0 !important; padding:0 24px 0 0 !important;} #Content10 .BoxType3 .box .selt2 .ul8{ width:86%; padding-left:55px !important; padding-right:0!important; margin-right:0 !important;} #Content10 .BoxType3 .box .selt2 .ul9{ width:312px !important; padding:0 !important; margin-right:0 !important;} @media screen and (max-width:1600px){ #Content10 .contRight{ width:898px;} #Content10 .BoxType1 .tit1{ padding:0 18px 4px 18px;} #Content10 .BoxType3 .box .selt2 .l1{ margin-right:14px;font-size:14px; line-height:34px;} #Content10 .BoxType3 .box .selt2 .name{ font-size:14px; width:120px; line-height:34px;} #Content10 .BoxType3 .box .selt2 .lab{ padding-left:125px; min-height:34px;} #Content10 .BoxType3 .box .selt2 ._tit{ font-size:14px; line-height:32px; height:34px;} #Content10 .BoxType3 .box .selt2 .ul2{ font-size:14px; line-height:34px; padding:0 24px 0 85px; width:30.06%; margin-right:2.6%;} #Content10 .BoxType3 .box .selt2 .lp3{ font-size:14px; padding-right:15px; width:34.48%; line-height:22px;} #Content10 .BoxType3 .box .selt2 .fv1{ line-height:32px; height:34px; font-size:14px;} #Content10 .BoxType3 .box .selt2 .bg{ margin-bottom:11px;} #Content10 .BoxType3 .box .selt2 .ul3{ width:170px; padding:0 36px 0 45px !important;} #Content10 .BoxType3 .box .selt2 .ul7{ padding-left:45px !important;} #Content10 .BoxType3 .box .selt2 .ul8{ padding-left:45px !important; width:83%; } } @media screen and (max-width:1230px){ #Content10 .contLeft{ width:200px;} #Content10 .contRight{ width:764px;} #Content10 .slideTit1{ padding:15px 20px 0 20px; margin-top:-74px; height:74px;} #Content10 .slideTit1 .tit1{ font-size:20px; line-height:20px;} #Content10 .slideTit1 .tit2{ font-size:14px; line-height:14px;} #Content10 .slideTit1 .tit2 span{ padding-right:10px;} #Content10 .slideTit1 .tit2 span:after{ width:6px; height:6px; margin-top:-3px;} #Content10 .slideTit4 .pz_SideLayer .l1 .la1:after{ left:-15px;} #Content10 .slideTit4 .pz_SideLayer .sub .l2 .la2:after{ left:-12px;} #Content10 .slideTit3 .tit1{ font-size:42px; line-height:32px;} #Content10 .slideTit3 .tit2{ font-size:26px; line-height:32px;} #Content10 .BoxType1 .tit1{ padding:0 12px 4px 12px;} #Content10 .BoxType2 .ul1 .l2{ padding:0 2px;} #Content10 .BoxType3 .box .tit{ font-size:14px;} #Content10 .BoxType3 .box .tit .sp1{ padding:11px 30px 11px 20px;} #Content10 .BoxType3 .box .tit .sp1:after{border-left:24px solid transparent;} #Content10 .BoxType3 .box .tit .font{ font-size:18px;} #Content10 .BoxType3 .box .tit .sp2{ padding:11px 20px 11px 5px;} #Content10 .BoxType3 .box .det .cont{ padding:32px 20px;} #Content10 .BoxType3 .box .selt2 .ul2{ width:44%;} #Content10 .BoxType3 .box .selt2 .lp3{ width:100%;} #Content10 .BoxType3 .box .selt1 .l2:after{ height:18px;} #Content10 .BoxType3 .box .selt2 .ul8{ width:80%; } } @media screen and (max-width:1024px){ #Content10 .contLeft{ width:100%; min-height:1px; margin-bottom:0;} #Content10 .contRight{ width:100%;} #Content10 .slideTit2{ display:none;} #Content10 .slideTit1{ padding:12px 15px 0 15px; margin-top:-32px; height:64px;} #Content10 .slideTit1 .tit1{ font-size:18px; line-height:18px;} #Content10 .slideTit1 .tit2{ font-size:13px; margin-top:6px;} #Content10 .slideTit4{ padding:2px 0 10px 0;} #Content10 .slideTit4 .pz_SideLayer .l1 .la1{ width:92%; margin:0 4% 0 4%; line-height:36px; height:37px; font-size:15px;} #Content10 .slideTit4 .pz_SideLayer .sub .l2 .la2{ width:92%; margin:0 4% 0 4%; font-size:14px; line-height:30px; height:31px;} #Content10 .slideTit4 .pz_SideLayer .sub{ display:none;} #Content10 .slideImg1{ display:none;} #Content10 .slideTit3{ margin-top:25px;} #Content10 .slideTit3 .tit1{ font-size:27px; line-height:21px;} #Content10 .slideTit3 .tit2{ font-size:17px; line-height:21px;} #Content10 .slideTit6{ font-size:16px; line-height:26px; margin:20px 0 0 0;} #Content10 .slideTit7 a{ height:40px; line-height:38px; font-size:16px;} #Content10 .BoxType1{ margin-top:30px;} #Content10 .BoxType1 .tit1{ padding:0 12px 4px 12px; font-size:15px;} #Content10 .BoxType1:after{ display:block;} #Content10 .BoxType2{ padding-top:10px;} #Content10 .BoxType3{ margin:25px 0 40px 0;} #Content10 .BoxType3 .box .det .cont{ font-size:14px; line-height:28px; padding:15px;} #Content10 .BoxType3 .box .tit{ line-height:22px;} #Content10 .BoxType3 .box .tit .sp1:after{border-left:20px solid transparent; border-top:45px solid #b50005; } #Content10 .BoxType3 .box .selt2 .top{ padding:15px 0;} #Content10 .BoxType3 .box .selt2{ margin:25px 0;} #Content10 .BoxType3 .box .selt2 .l1{ position:static;} #Content10 .BoxType3 .box .selt2 .bg{ margin-bottom:15px;} #Content10 .BoxType3 .box .selt2 ._down{ left:5% !important; right:auto !important; width:90%;} #Content10 .BoxType3 .box .selt2 .down{ margin-top:15px;} #Content10 .BoxType3 .box .selt2 .zhu{ width:100%; margin:0 0 10px 0;} #Content10 .BoxType3 .box .selt2 .fv0{ float:left;} #Content10 .BoxType3 .box .selt2 .p1{ margin:12px 0 0 0;} #Content10 .BoxType3 .box .selt2 .p3{ margin-top:10px; padding:5px 0 0 0;} #Content10 .BoxType3 .box .selt2 .colse{ display:block;} #Content10 .BoxType3 .box .selt1 .l2{ padding:15px 0; height:96px;} #Content10 .BoxType3 .box .selt1 .l2 .tit6{ font-size:14px; margin-top:4px;} #Content10 .BoxType3 .box .selt1 .l1{ padding:8px 0; height:98px; } #Content10 .BoxType3 .box .selt1 .l1 .img{ margin:3px 0 8px 0;} #Content10 .BoxType3 .box .selt1 .l1 .tit6{ font-size:16px;} #Content10 .BoxTypeBd:after{ display:block;} } @media screen and (max-width:768px){ #Content10 .slideTit4 .pz_SideLayer .l1 .la1{ width:87%; margin:0 4% 0 9%; } #Content10 .slideTit4 .pz_SideLayer .sub .l2 .la2{ width:87%; margin:0 4% 0 9%;} #Content10 .BoxType3 .box .tit .sp1:after{ border-top:none; border-bottom:39px solid #b50005; } #Content10 .BoxType3 .box .tit .sp1{ width:100%; float:left; padding:8px 15px;} #Content10 .BoxType3 .box .tit .sp2{ width:100%; float:left; padding:8px 15px;} #Content10 .BoxType3 .box .selt2 ._down{} #Content10 .BoxType3 .box .selt2 .l1{ margin-right:8px; margin-top:4px; margin-bottom:4px;} #Content10 .BoxType3 .box .selt2 .name{ position:relative; top:0; margin:0; width:100%; text-align:left; line-height:24px; color:#b50005;} #Content10 .BoxType3 .box .selt2 .lab{ padding-left:12px;} #Content10 .BoxType3 .box .selt2 ._tit{ padding:0 8px;} #Content10 .BoxType3 .box .selt2 .ul2{ width:96%; margin-right:0;} #Content10 .BoxType3 .box .selt2 .lp3{ margin:3px 0;} #Content10 .BoxType3 .box .selt2 .text{ width:100%;} #Content10 .BoxType3 .box .selt2 .img{ width:100%;} #Content10 .BoxType3 .box .selt1 .l1{ width:25%; height:96px; } #Content10 .BoxType3 .box .selt1 .l2{ width:25%;} #Content10 .BoxType3 .box .selt1 li:nth-child(4):after{ display:none;} #Content10 .BoxType1{ overflow-x:scroll; white-space:nowrap; position:relative;} #Content10 .BoxType1 .tit1{ float:none; display:inline-block;z-index:6;} #Content10 .BoxType1 .tit1:after{border-top:none;border-bottom: 6px solid #b2b2b2;} #Content10 .BoxType2 .ul1 .l2 .img img{ width:69px; height:35px; max-width:inherit; display:block; margin:0 auto; bottom:0;} #Content10 .BoxType3 .box .selt2 .ul3{ width:46%;margin-right:2.6%;} #Content10 .BoxType3 .box .selt2 .ul8{ width:65%; } #Content10 .BoxType3 .box .selt2 .ul9{ width:92% !important;} } /**/ #Content11 .contLeft{ float:left; width:272px; min-height:200px; margin-bottom:50px;} #Content11 .contRight{ float:right; width:1242px; min-height:200px;} #Content11 .slideTit1{ float:left; width:100%; position:relative; top:0; margin-top:-106px; z-index:66; height:106px; background:#b50005; background:rgba(181,0,5,0.97); padding:24px 30px 0 33px;} #Content11 .slideTit1 .tit1{ float:left; width:100%; color:#fff; font-size:28px; line-height:28px;} #Content11 .slideTit1 .tit2{ float:left; width:100%; color:#fff; font-size:18px; line-height:18px; margin-top:8px; text-transform:uppercase; overflow:hidden;} #Content11 .slideTit1 .tit2 span{ float:left; position:relative; padding-right:16px;} #Content11 .slideTit1 .tit2 span:after{ float:left; width:8px; height:8px; background:#fff; border-radius:50%; position:absolute; left:100%; top:50%; margin-top:-4px; content:'';} #Content11 .slideTit1 .tit2 span:before{ float:left; width:1200px; height:1px; background:#fff; border-radius:50%; position:absolute; left:100%; top:50%; content:'';} #Content11 .slideImg1{ float:left; width:100%; line-height:0; margin:17px 0 0 0;} #Content11 .slideTit4{ float:left; width:100%; background:#f7f7f7; padding:2px 0 15px 0;} #Content11 .slideTit4 .pz_SideLayer{ float:left; width:100%;} #Content11 .slideTit4 .pz_SideLayer .l1{ float:left; width:100%;} #Content11 .slideTit4 .pz_SideLayer .l1 .la1{ float:left; width:69.5%; color:#333333; font-size:16px; line-height:60px; height:61px; background:url(/template/theme/CN/2494_ico2.png) left bottom repeat-x; position:relative; margin:0 11.02% 0 19.48%; z-index:4;} #Content11 .slideTit4 .pz_SideLayer .l1 .la1:after{ float:left; width:9px; height:12px; background:url(/template/theme/CN/2494_ico.png) center no-repeat; position:absolute; left:-20px; top:50%; margin-top:-6px; content:'';} #Content11 .slideTit4 .pz_SideLayer .l1 .la1 i{ float:left; width:15px; height:100%; background:url(/template/theme/CN/2494_Packag7.png) center no-repeat; position:absolute; right:4px; top:50; content:'';} #Content11 .slideTit4 .pz_SideLayer .l1.on .la1, #Content11 .slideTit4 .pz_SideLayer .l1:hover .la1{ color:#b50005; font-weight:bold;} #Content11 .slideTit4 .pz_SideLayer .l1.on .la1 i{ background:url(/template/theme/CN/2494_Packag9.png) center no-repeat;} #Content11 .slideTit4 .pz_SideLayer .l1.active .la1 i{ background:url(/template/theme/CN/2494_Packag8.png) center no-repeat;} #Content11 .slideTit4 .pz_SideLayer .l1:last-child .la1{ background:none;} #Content11 .slideTit4 .pz_SideLayer .sub{ float:left; width:100%; background:#e8e8e8; margin-top:-1px; position:relative; z-index:6;} #Content11 .slideTit4 .pz_SideLayer .sub .l2{ float:left; width:100%;} #Content11 .slideTit4 .pz_SideLayer .sub .l2 .la2{ float:left; width:69.5%; color:#333333; font-size:16px; line-height:41px; height:42px; margin:0 11.02% 0 19.48%; border-bottom:1px dashed #fff; position:relative;} #Content11 .slideTit4 .pz_SideLayer .sub .l2:last-child .la2{ border-bottom:none;} #Content11 .slideTit4 .pz_SideLayer .sub .l2 .la2:after{ float:left; width:4px; height:4px; border-radius:50%; background:#b50005; position:absolute; left:-16px; top:50%; margin-top:-2px; content:'';} #Content11 .slideTit4 .pz_SideLayer .sub .l2.on .la2, #Content11 .slideTit4 .pz_SideLayer .sub .l2:hover .la2{ color:#b50005;} #Content11 .slideTit2{ float:left; width:100%; border-bottom:1px solid #e5e5e5; padding:0 10px; color:#666666; font-size:14px; line-height:25px; padding:11px 0 11px 22px;} #Content11 .slideTit2 a{ color:#666666;} #Content11 .slideTit2 a.on, #Content11 .slideTit2 a:hover{ color:#b50005;} #Content11 .slideTit3{ float:left; width:100%; text-align:center; margin-top:64px; position:relative;} #Content11 .slideTit3 .tit1{ float:left; width:100%; color:#eeeeee; font-size:52px; line-height:40px; text-transform:uppercase; font-weight:bold;} #Content11 .slideTit3 .tit2{ float:left; width:100%; color:#b50005; font-size:34px; line-height:40px; font-weight:bold; position:absolute; left:0; top:0;} #Content11 .slideTit6{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; margin:60px 0 7px 0; text-align:center;} #Content11 .slideTit7{ float:left; width:100%; margin-top:11px;} #Content11 .slideTit7 a{ float:left; width:100%; height:56px; border:1px solid #e5e5e5; color:#333333; font-size:18px; line-height:54px; text-align:center;} #Content11 .slideTit7 a:hover{ background:#b50005; border:1px solid #b50005; color:#fff;} /*BoxType3*/ #Content11 .BoxType1{ float:left; width:100%; background:#000000; border-top:2px solid #b50005; border-bottom:6px solid #b2b2b2; margin-top:58px; position:relative;} #Content11 .BoxType1 .ul1{ overflow-x:scroll; white-space:nowrap;} #Content11 .BoxType1 .tit1{ display:inline-block; vertical-align:top; white-space:nowrap; color:#fff; font-size:16px; line-height:36px; padding:0 35px 4px 35px; cursor:pointer; position:relative;} #Content11 .BoxType1 .tit1:after{ display:none; float:left; width:0; height:0; position:absolute; left:50%; bottom:-6px; content:''; border-left: 5px solid transparent; border-right:5px solid transparent;border-top: 6px solid #b50005; margin-left:-5px;} #Content11 .BoxType1 .tit1.on{ color:#fff; background:#b50005;} #Content11 .BoxType1 .tit1.on:after{ display:block;} #Content11 .BoxType2{ float:left; width:100%; background:#b2b2b2; padding-top:20px; /*overflow:hidden;*/} #Content11 .BoxType2 .ul1{ float:left; width:100%;} #Content11 .BoxType2 .ul1 .l2{ float:left; width:139px; padding:0 8px 0 2px;} #Content11 .BoxType2 .ul1 .l2 .la2{ float:left; width:100%; background:#929292; cursor:pointer; border-top:3px solid #929292;} #Content11 .BoxType2 .ul1 .l2 .img{ float:left; width:100%; line-height:0;} #Content11 .BoxType2 .ul1 .l2 .tit2{ float:left; width:100%; text-align:center; color:#fff; color:rgba(255,255,255,0.8); font-size:14px; line-height:16px; margin-bottom:7px;} #Content11 .BoxType2 .ul1 .l2.slick-current .la2{ background:#fff; border-top:3px solid #b50005;} #Content11 .BoxType2 .ul1 .l2.slick-current .tit2{ color:#333333;} #Content11 .BoxType2 .slick-prev{ width:20px; height:100%;top:aut0; bottom:0; left:0; background:url(/template/theme/CN/2494_ban3.png) center no-repeat #b50005;} #Content11 .BoxType2 .slick-next{ width:20px; height:100%;top:aut0; bottom:0; right:0; background:url(/template/theme/CN/2494_ban2.png) center no-repeat #b50005;} #Content11 .BoxType3{ float:left; width:100%; margin:35px 0 75px 0; z-index:16;} #Content11 .BoxType3 .slick-list{ overflow:visible !important;} #Content11 .BoxType3 .box{ float:left; width:100%;} #Content11 .BoxType3 .box .selt1{ float:left; width:100%; border:1px solid #e5e5e5; border-radius:5px; text-align:center;} #Content11 .BoxType3 .box .selt1 .l1{ float:left; width:13.48%; background:#b50005; height:121px; padding:18px 0; position:relative; margin:-1px 0 0 -1px; border-radius:5px;} #Content11 .BoxType3 .box .selt1 .l1 .img{ float:left; width:100%; line-height:0; margin:3px 0 16px 0;} #Content11 .BoxType3 .box .selt1 .l1 .img img{ width:44px; height:44px;} #Content11 .BoxType3 .box .selt1 .l1 .tit6{ float:left; width:100%; color:#fff; font-size:18px; line-height:22px;} #Content11 .BoxType3 .box .selt1 .l2{ float:left; width:12.36%; padding:25px 0; height:119px; position:relative;} #Content11 .BoxType3 .box .selt1 .l2 .img{ float:left; width:100%; line-height:0;} #Content11 .BoxType3 .box .selt1 .l2 .img img{ width:40px; height:40px;} #Content11 .BoxType3 .box .selt1 .l2 .tit6{ float:left; width:100%; color:#333333; font-size:16px; line-height:22px; margin-top:7px;} #Content11 .BoxType3 .box .selt1 .l2.on .tit6, #Content11 .BoxType3 .box .selt1 .l2:hover .tit6{ color:#b50005;} #Content11 .BoxType3 .box .selt1 .l2:after{ float:left; width:33px; height:24px; position:absolute; right:-16px; top:50%; margin-top:-14px; content:''; background:url(/template/theme/CN/2494_sheji11.png) center no-repeat; background-size:auto 100%;} #Content11 .BoxType3 .box .selt1 .l2:last-child:after{ display:none;} #Content11 .BoxType3 .box .selt2{ float:left; width:100%; margin:35px 0;} #Content11 .BoxType3 .box .selt2 .top{ float:left; width:100%; border:1px solid #e5e5e5; border-radius:3px; padding:31px 0;} #Content11 .BoxType3 .box .selt2 .lab{ float:left; width:100%; margin:3px 0; position:relative; min-height:38px; padding-left:155px;} #Content11 .BoxType3 .box .selt2 .name{ float:left; position:absolute; left:0; top:6px; width:150px; color:#333333; font-size:18px; line-height:38px; text-align:right; text-transform:uppercase;} #Content11 .BoxType3 .box .selt2 .ul1{ float:left; width:100%;} #Content11 .BoxType3 .box .selt2 .l1{ float:left; position:relative; margin-top:6px; margin-bottom:6px; margin-right:22px;color:#666666; font-size:16px; line-height:38px;} #Content11 .BoxType3 .box .selt2 ._tit{ float:left; padding:0 11px; border:1px solid #e5e5e5; border-radius:2px; color:#666666; font-size:16px; height:38px; line-height:36px; position:relative; text-transform:uppercase;} #Content11 .BoxType3 .box .selt2 ._tit:after{ display:none; float:left; width:0; height:0; content:''; position:absolute; left:50%; top:-16px; content:''; border-left:5px solid transparent; border-right:5px solid transparent;border-top: 8px solid #b50005; margin-left:-5px; z-index:5;} #Content11 .BoxType3 .box .selt2 ._tit:before{ display:none; float:left; width:0; height:0; content:''; position:absolute; right:0; bottom:0; content:''; border-left:16px solid transparent;border-bottom: 16px solid #b50005; z-index:5;} #Content11 .BoxType3 .box .selt2 ._tit .ico{ float:left; width:16px; height:16px; background:url(/template/theme/CN/2494_sheji2.png) right bottom no-repeat; position:absolute; right:0; bottom:0; z-index:6;} #Content11 .BoxType3 .box .selt2 ._down{ float:left; position:absolute; left:-126px; bottom:38px; width:610px; z-index:66; display:none;} #Content11 .BoxType3 .box .selt2 .left_li ._down{left:auto; right:-126px;} #Content11 .BoxType3 .box .selt2 .bg{ float:left; float:left; width:100%;background:#b50005; padding:0 12px; margin-bottom:15px; position:relative;} #Content11 .BoxType3 .box .selt2 .img{ float:right; margin:12px 0; width:47.8%; line-height:0;} #Content11 .BoxType3 .box .selt2 .text{ float:left; width:49.6%;} #Content11 .BoxType3 .box .selt2 .p1{ float:left; width:100%; color:#fff; font-size:16px; line-height:26px; font-weight:bold; margin:17px 0 8px 0;} #Content11 .BoxType3 .box .selt2 .p2{ float:left; width:100%; color:#fff; font-size:14px; line-height:24px;} #Content11 .BoxType3 .box .selt2 .p3{ float:left; width:100%; color:#fff; font-size:14px; line-height:24px; padding:15px 0 11px 0; margin-top:12px;border-top:1px solid #fff; border-top:1px solid rgba(255,255,255,0.2);} #Content11 .BoxType3 .box .selt2 .kefu{ color:#fff; font-size:16px; font-weight:bold;} #Content11 .BoxType3 .box .selt2 .kefu:hover{ text-decoration:underline;} #Content11 .BoxType3 .box .selt2 .down{ float:left; width:100%; margin-top:35px;} #Content11 .BoxType3 .box .selt2 .zhu{ float:left; color:#333333; font-size:16px; line-height:26px; margin:5px 0;} #Content11 .BoxType3 .box .selt2 .fv0{ float:right; margin-right:50px; width:120px; height:36px; line-height:34px; text-align:center; color:#fff; font-size:16px; background:#b50005; border-radius:3px; border:none; outline:none;} #Content11 .BoxType3 .box .selt2 .fv0:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);} #Content11 .BoxType3 .box .selt2 .l1.on ._tit{ border:1px solid #b50005;} #Content11 .BoxType3 .box .selt2 .l1.on ._tit:before{ display:block;} @media screen and (min-width:768px){ #Content11 .BoxType3 .box .selt2 .l1:hover ._tit{ border:1px solid #b50005;} #Content11 .BoxType3 .box .selt2 .l1:hover ._tit:before{ display:block;} #Content11 .BoxType3 .box .selt2 .l1:hover ._down{ display:block;} #Content11 .BoxType3 .box .selt2 .l1:hover ._tit:after{ display:block;} } @media screen and (max-width:768px){ #Content11 .BoxType3 .box .selt2 .l1.showdown ._down{ display:block !important;} #Content11 .BoxType3 .box .selt2 .l1.showdown ._tit:after{ display:block !important;} } #Content11 .BoxType3 .box .selt2 .ul2{ float:left; width:26.26%; color:#666666; font-size:16px; line-height:38px; text-transform:uppercase; position:relative; padding:0 28px 0 110px; margin-top:6px; margin-bottom:6px; margin-right:7%;} #Content11 .BoxType3 .box .selt2 .lp3{ float:left; width:33.48%; padding-right:20px; color:#666666; font-size:16px; line-height:26px;text-transform:uppercase; margin-top:12px; margin-bottom:12px;} #Content11 .BoxType3 .box .selt2 .fv1{ float:left; width:100%; border:1px solid #e5e5e5; border-radius:2px; color:#666666; font-size:16px; height:38px; line-height:36px; padding:0 11px;} #Content11 .BoxType3 .box .selt2 .lp1{ float:left; position:absolute; left:0; top:0;} #Content11 .BoxType3 .box .selt2 .lp2{ float:left; position:absolute; right:0; top:0;} #Content11 .BoxType3 .box .selt2 .colse{ display:none; float:left; position:absolute; right:0; top:0; color:#fff; font-size:26px; width:30px; height:30px; transform:rotate(45deg); text-align:center; line-height:30px;} #Content11 .BoxType3 .box .tit{ float:left; width:100%; background:#b50005; color:#fff; font-size:14px; line-height:26px; text-transform:uppercase;} #Content11 .BoxType3 .box .tit .sp1{ display:inline-block; padding:11px 56px 11px 30px; position:relative; background:#666666;} #Content11 .BoxType3 .box .tit .sp1:after{ float:left; width:0; height:0; position:absolute; right:0; top:0; content:''; border-left:32px solid transparent; border-top:48px solid #b50005; } #Content11 .BoxType3 .box .tit .font{ display:inline-block; font-weight:bold; font-size:18px; line-height:20px;} #Content11 .BoxType3 .box .tit .sp2{ display:inline-block; padding:11px 0px 11px 11px;} #Content11 .BoxType3 .box .det{ float:left; width:100%;} #Content11 .BoxType3 .box .det .cont{ float:left; width:100%; color:#333333; font-size:16px; line-height:30px; border:1px solid #e5e5e5; border-top:none; border-radius:0 0 3px 3px; padding:32px 30px;} #Content11 .BoxTypeBd{ float:left; width:100%; position:relative;} #Content11 .BoxTypeBd:after{ display:none; float:left; width:20px; height:40px; position:absolute; right:0; top:-46px; content:''; color:#fff; font-size:14px; text-align:center; background:url(/template/theme/CN/2494_ban2.png) center no-repeat #b50005; z-index:6; line-height:40px;} #Content11 .BoxTypeBd .lc1{ float:left; width:100%; height:0; overflow:hidden;} #Content11 .BoxTypeBd .lc1.on{ height:auto; overflow:initial} #Content11 .BoxType3 .box .selt2 .ul3{ padding:0 45px 0 58px !important; width:200px; margin-right:5.8%;} #Content11 .BoxType3 .box .selt2 .ul3 .lp2{ text-transform:none;} #Content11 .BoxType3 .box .selt2 .ul4{ width:178px; padding-right:28px; padding-left:0 !important;} #Content11 .BoxType3 .box .selt2 .ul0{ width:auto; margin-right:3.04%;} #Content11 .BoxType3 .box .selt2 .ul7{ padding-left:55px !important;} #Content11 .BoxType3 .box .selt2 .ul6{ width:100% !important; margin-right:0 !important; padding:0 24px 0 0 !important;} #Content11 .BoxType3 .box .selt2 .ul8{ width:86%; padding-left:55px !important; padding-right:0!important; margin-right:0 !important;} #Content11 .BoxType3 .box .selt2 .ul9{ width:312px !important; padding:0 !important; margin-right:0 !important;} @media screen and (max-width:1600px){ #Content11 .contRight{ width:898px;} #Content11 .BoxType1 .tit1{ padding:0 18px 4px 18px;} #Content11 .BoxType3 .box .selt2 .l1{ margin-right:14px;font-size:14px; line-height:34px;} #Content11 .BoxType3 .box .selt2 .name{ font-size:14px; width:120px; line-height:34px;} #Content11 .BoxType3 .box .selt2 .lab{ padding-left:125px; min-height:34px;} #Content11 .BoxType3 .box .selt2 ._tit{ font-size:14px; line-height:32px; height:34px;} #Content11 .BoxType3 .box .selt2 .ul2{ font-size:14px; line-height:34px; padding:0 24px 0 85px; width:30.06%; margin-right:2.6%;} #Content11 .BoxType3 .box .selt2 .lp3{ font-size:14px; padding-right:15px; width:34.48%; line-height:22px;} #Content11 .BoxType3 .box .selt2 .fv1{ line-height:32px; height:34px; font-size:14px;} #Content11 .BoxType3 .box .selt2 .bg{ margin-bottom:11px;} #Content11 .BoxType3 .box .selt2 .ul3{ width:170px; padding:0 36px 0 45px !important;} #Content11 .BoxType3 .box .selt2 .ul7{ padding-left:45px !important;} #Content11 .BoxType3 .box .selt2 .ul8{ padding-left:45px !important; width:83%; } } @media screen and (max-width:1230px){ #Content11 .contLeft{ width:200px;} #Content11 .contRight{ width:764px;} #Content11 .slideTit1{ padding:15px 20px 0 20px; margin-top:-74px; height:74px;} #Content11 .slideTit1 .tit1{ font-size:20px; line-height:20px;} #Content11 .slideTit1 .tit2{ font-size:14px; line-height:14px;} #Content11 .slideTit1 .tit2 span{ padding-right:10px;} #Content11 .slideTit1 .tit2 span:after{ width:6px; height:6px; margin-top:-3px;} #Content11 .slideTit4 .pz_SideLayer .l1 .la1:after{ left:-15px;} #Content11 .slideTit4 .pz_SideLayer .sub .l2 .la2:after{ left:-12px;} #Content11 .slideTit3 .tit1{ font-size:42px; line-height:32px;} #Content11 .slideTit3 .tit2{ font-size:26px; line-height:32px;} #Content11 .BoxType1 .tit1{ padding:0 12px 4px 12px;} #Content11 .BoxType2 .ul1 .l2{ padding:0 2px;} #Content11 .BoxType3 .box .tit{ font-size:14px;} #Content11 .BoxType3 .box .tit .sp1{ padding:11px 30px 11px 20px;} #Content11 .BoxType3 .box .tit .sp1:after{border-left:24px solid transparent;} #Content11 .BoxType3 .box .tit .font{ font-size:18px;} #Content11 .BoxType3 .box .tit .sp2{ padding:11px 20px 11px 5px;} #Content11 .BoxType3 .box .det .cont{ padding:32px 20px;} #Content11 .BoxType3 .box .selt2 .ul2{ width:44%;} #Content11 .BoxType3 .box .selt2 .lp3{ width:100%;} #Content11 .BoxType3 .box .selt1 .l2:after{ height:18px;} #Content11 .BoxType3 .box .selt2 .ul8{ width:80%; } } @media screen and (max-width:1024px){ #Content11 .contLeft{ width:100%; min-height:1px; margin-bottom:0;} #Content11 .contRight{ width:100%;} #Content11 .slideTit2{ display:none;} #Content11 .slideTit1{ padding:12px 15px 0 15px; margin-top:-32px; height:64px;} #Content11 .slideTit1 .tit1{ font-size:18px; line-height:18px;} #Content11 .slideTit1 .tit2{ font-size:13px; margin-top:6px;} #Content11 .slideTit4{ padding:2px 0 10px 0;} #Content11 .slideTit4 .pz_SideLayer .l1 .la1{ width:92%; margin:0 4% 0 4%; line-height:36px; height:37px; font-size:15px;} #Content11 .slideTit4 .pz_SideLayer .sub .l2 .la2{ width:92%; margin:0 4% 0 4%; font-size:14px; line-height:30px; height:31px;} #Content11 .slideTit4 .pz_SideLayer .sub{ display:none;} #Content11 .slideImg1{ display:none;} #Content11 .slideTit3{ margin-top:25px;} #Content11 .slideTit3 .tit1{ font-size:27px; line-height:21px;} #Content11 .slideTit3 .tit2{ font-size:17px; line-height:21px;} #Content11 .slideTit6{ font-size:16px; line-height:26px; margin:20px 0 0 0;} #Content11 .slideTit7 a{ height:40px; line-height:38px; font-size:16px;} #Content11 .BoxType1{ margin-top:30px;} #Content11 .BoxType1 .tit1{ padding:0 12px 4px 12px; font-size:15px;} #Content11 .BoxType1:after{ display:block;} #Content11 .BoxType2{ padding-top:10px;} #Content11 .BoxType3{ margin:25px 0 40px 0;} #Content11 .BoxType3 .box .det .cont{ font-size:14px; line-height:28px; padding:15px;} #Content11 .BoxType3 .box .tit{ line-height:22px;} #Content11 .BoxType3 .box .tit .sp1:after{border-left:20px solid transparent; border-top:45px solid #b50005; } #Content11 .BoxType3 .box .selt2 .top{ padding:15px 0;} #Content11 .BoxType3 .box .selt2{ margin:25px 0;} #Content11 .BoxType3 .box .selt2 .l1{ position:static;} #Content11 .BoxType3 .box .selt2 .bg{ margin-bottom:15px;} #Content11 .BoxType3 .box .selt2 ._down{ left:5% !important; right:auto !important; width:90%;} #Content11 .BoxType3 .box .selt2 .down{ margin-top:15px;} #Content11 .BoxType3 .box .selt2 .zhu{ width:100%; margin:0 0 10px 0;} #Content11 .BoxType3 .box .selt2 .fv0{ float:left; margin-right:0;} #Content11 .BoxType3 .box .selt2 .p1{ margin:12px 0 0 0;} #Content11 .BoxType3 .box .selt2 .p3{ margin-top:10px; padding:5px 0 0 0;} #Content11 .BoxType3 .box .selt2 .colse{ display:block;} #Content11 .BoxType3 .box .selt1 .l2{ padding:15px 0; height:96px;} #Content11 .BoxType3 .box .selt1 .l2 .tit6{ font-size:14px; margin-top:4px;} #Content11 .BoxType3 .box .selt1 .l1{ padding:8px 0; height:98px; } #Content11 .BoxType3 .box .selt1 .l1 .img{ margin:3px 0 8px 0;} #Content11 .BoxType3 .box .selt1 .l1 .tit6{ font-size:16px;} #Content11 .BoxTypeBd:after{ display:block;} } @media screen and (max-width:768px){ #Content11 .slideTit4 .pz_SideLayer .l1 .la1{ width:87%; margin:0 4% 0 9%; } #Content11 .slideTit4 .pz_SideLayer .sub .l2 .la2{ width:87%; margin:0 4% 0 9%;} #Content11 .BoxType3 .box .tit .sp1:after{ border-top:none; border-bottom:39px solid #b50005; } #Content11 .BoxType3 .box .tit .sp1{ width:100%; float:left; padding:8px 15px;} #Content11 .BoxType3 .box .tit .sp2{ width:100%; float:left; padding:8px 15px;} #Content11 .BoxType3 .box .selt2 ._down{} #Content11 .BoxType3 .box .selt2 .l1{ margin-right:8px; margin-top:4px; margin-bottom:4px;} #Content11 .BoxType3 .box .selt2 .name{ position:relative; top:0; margin:0; width:100%; text-align:left; line-height:24px; color:#b50005;} #Content11 .BoxType3 .box .selt2 .lab{ padding-left:12px;} #Content11 .BoxType3 .box .selt2 ._tit{ padding:0 8px;} #Content11 .BoxType3 .box .selt2 .ul2{ width:96%; margin-right:0;} #Content11 .BoxType3 .box .selt2 .lp3{ margin:3px 0;} #Content11 .BoxType3 .box .selt2 .text{ width:100%;} #Content11 .BoxType3 .box .selt2 .img{ width:100%;} #Content11 .BoxType3 .box .selt1 .l1{ width:25%; height:96px; } #Content11 .BoxType3 .box .selt1 .l2{ width:25%;} #Content11 .BoxType3 .box .selt1 li:nth-child(4):after{ display:none;} #Content11 .BoxType1{ overflow-x:scroll; white-space:nowrap; position:relative;} #Content11 .BoxType1 .tit1{ float:none; display:inline-block;z-index:6;} #Content11 .BoxType1 .tit1:after{border-top:none;border-bottom: 6px solid #b2b2b2;} #Content11 .BoxType2 .ul1 .l2 .img img{ width:69px; height:35px; max-width:inherit; display:block; margin:0 auto; bottom:0;} #Content11 .BoxType3 .box .selt2 .ul3{ width:46%;margin-right:2.6%;} #Content11 .BoxType3 .box .selt2 .ul8{ width:65%; } #Content11 .BoxType3 .box .selt2 .ul9{ width:92% !important;} } /**/ #List .contLeft{ float:left; width:272px; min-height:200px; margin-bottom:50px;} #List .contRight{ float:right; width:1242px; min-height:200px;} #List .slideTit1{ float:left; width:100%; position:relative; top:0; margin-top:-106px; z-index:66; height:106px; background:#b50005; background:rgba(181,0,5,0.97); padding:24px 30px 0 33px;} #List .slideTit1 .tit1{ float:left; width:100%; color:#fff; font-size:28px; line-height:28px;} #List .slideTit1 .tit2{ float:left; width:100%; color:#fff; font-size:18px; line-height:18px; margin-top:8px; text-transform:uppercase; overflow:hidden;} #List .slideTit1 .tit2 span{ float:left; position:relative; padding-right:16px;} #List .slideTit1 .tit2 span:after{ float:left; width:8px; height:8px; background:#fff; border-radius:50%; position:absolute; left:100%; top:50%; margin-top:-4px; content:'';} #List .slideTit1 .tit2 span:before{ float:left; width:1200px; height:1px; background:#fff; border-radius:50%; position:absolute; left:100%; top:50%; content:'';} #List .slideImg1{ float:left; width:100%; line-height:0; margin:17px 0 0 0;} #List .slideTit4{ float:left; width:100%; background:#f7f7f7; padding:2px 0 15px 0;} #List .slideTit4 .pz_SideLayer{ float:left; width:100%;} #List .slideTit4 .pz_SideLayer .l1{ float:left; width:100%;} #List .slideTit4 .pz_SideLayer .l1 .la1{ float:left; width:69.5%; color:#333333; font-size:16px; line-height:60px; height:61px; background:url(/template/theme/CN/2495_ico2.png) left bottom repeat-x; position:relative; margin:0 11.02% 0 19.48%; z-index:4;} #List .slideTit4 .pz_SideLayer .l1 .la1:after{ float:left; width:9px; height:12px; background:url(/template/theme/CN/2495_ico.png) center no-repeat; position:absolute; left:-20px; top:50%; margin-top:-6px; content:'';} #List .slideTit4 .pz_SideLayer .l1 .la1 i{ float:left; width:15px; height:100%; background:url(/template/theme/CN/2495_Packag7.png) center no-repeat; position:absolute; right:4px; top:50; content:'';} #List .slideTit4 .pz_SideLayer .l1.on .la1, #List .slideTit4 .pz_SideLayer .l1:hover .la1{ color:#b50005; font-weight:bold;} #List .slideTit4 .pz_SideLayer .l1.on .la1 i{ background:url(/template/theme/CN/2495_Packag9.png) center no-repeat;} #List .slideTit4 .pz_SideLayer .l1.active .la1 i{ background:url(/template/theme/CN/2495_Packag8.png) center no-repeat;} #List .slideTit4 .pz_SideLayer .l1:last-child .la1{ background:none;} #List .slideTit4 .pz_SideLayer .sub{ float:left; width:100%; background:#e8e8e8; margin-top:-1px; position:relative; z-index:6;} #List .slideTit4 .pz_SideLayer .sub .l2{ float:left; width:100%;} #List .slideTit4 .pz_SideLayer .sub .l2 .la2{ float:left; width:69.5%; color:#333333; font-size:16px; line-height:41px; height:42px; margin:0 11.02% 0 19.48%; border-bottom:1px dashed #fff; position:relative;} #List .slideTit4 .pz_SideLayer .sub .l2:last-child .la2{ border-bottom:none;} #List .slideTit4 .pz_SideLayer .sub .l2 .la2:after{ float:left; width:4px; height:4px; border-radius:50%; background:#b50005; position:absolute; left:-16px; top:50%; margin-top:-2px; content:'';} #List .slideTit4 .pz_SideLayer .sub .l2.on .la2, #List .slideTit4 .pz_SideLayer .sub .l2:hover .la2{ color:#b50005;} #List .slideTit2{ float:left; width:100%; border-bottom:1px solid #e5e5e5; padding:0 10px; color:#666666; font-size:14px; line-height:25px; padding:11px 0 11px 22px;} #List .slideTit2 a{ color:#666666;} #List .slideTit2 a.on, #List .slideTit2 a:hover{ color:#b50005;} #List .slideTit3{ float:left; width:100%; text-align:center; margin-top:64px; position:relative;} #List .slideTit3 .tit1{ float:left; width:100%; color:#eeeeee; font-size:52px; line-height:40px; text-transform:uppercase; font-weight:bold;} #List .slideTit3 .tit2{ float:left; width:100%; color:#b50005; font-size:34px; line-height:40px; font-weight:bold; position:absolute; left:0; top:0;} #List .slideTit6{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; margin:60px 0 7px 0; text-align:center;} #List .slideTit7{ float:left; width:100%; margin-top:11px;} #List .slideTit7 a{ float:left; width:100%; height:56px; border:1px solid #e5e5e5; color:#333333; font-size:18px; line-height:54px; text-align:center;} #List .slideTit7 a:hover{ background:#b50005; border:1px solid #b50005; color:#fff;} /*PackagL*/ #List .PackagL{ float:left; width:100%; margin-top:39px;} #List .PackagL .ul1{ margin:0 -14px;} #List .PackagL .l1{ float:left; width:33.33%; padding:0 14px; margin-top:25px;} #List .PackagL .la{ float:left; width:100%; box-shadow:0 4px 8px rgba(0,0,0,0.14); padding:10px;} #List .PackagL .la .img{ float:left; width:100%; line-height:0; position:relative; min-height:100px; overflow:hidden;} #List .PackagL .la .img .la1{ float:left; position:absolute; left:0; bottom:-40px; background:#b50005; text-align:center; color:#fff; font-size:16px; line-height:36px; width:48.5%; padding: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;} #List .PackagL .la .img .la2{ float:left; position:absolute; right:0; bottom:-40px; background:#666666; text-align:center; color:#fff; font-size:16px; line-height:36px; width:48.5%; padding: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;} #List .PackagL .la:hover .img .la1{ bottom:0;} #List .PackagL .la:hover .img .la2{ bottom:0;} #List .PackagL .la .info1{ float:left; width:99%; border-bottom:1px solid #eaeaea; position:relative; padding-right:90px; margin:0 0.5%;} #List .PackagL .la .info1:after{ float:left; width:72px; height:3px; background:#b50005; position:absolute; left:0; bottom:-2px; content:'';} #List .PackagL .la .info1:before{ float:left; width:0; height:0; position:absolute; left:30px; bottom:0; content:''; border-left: 6px solid transparent; border-right:6px solid transparent;border-bottom: 9px solid #b50005; } #List .PackagL .la .info1 .tit{ float:left; color:#333333; width:100%; font-size:18px; line-height:38px; padding:8px 0; position:relative;} #List .PackagL .la .info1 .time{ float:left; color:#666666; font-size:14px; line-height:38px; padding:8px 0; position:absolute; right:0; top:0;} #List .PackagL .la .info2{ float:left; width:98%; min-height:53px; margin:16px 1% 13px 1%; position:relative;} #List .PackagL .la .info2 .ico{ float:left; width:53px; height:53px; border-radius:50%; overflow:hidden; position:absolute; left:0; top:0;} #List .PackagL .la .info2 .num{ color:#666666; font-size:18px; line-height:26px; height:53px; display:flex;flex-direction: column;justify-content:center; padding:0 110px 0 78px;} #List .PackagL .la .info3{ float:left; width:98%; color:#666666; font-size:16px; line-height:26px; margin:0 1% 11px 1%;} #List .atar_Show{ background:url(/template/theme/CN/2495_Packag6.png); height:16px; position:absolute; right:0; top:18px;float:left; } #List .atar_Show p{background:url(/template/theme/CN/2495_Packag5.png); left:0; height:16px; width:100px;} #List .wack1{ float:left; width:100%; padding:54px 0; text-align:center;} #List .wack1 .pz_fy{ display:inline-block; *display:inline; *zoom:1;} #List .wack1 .pz_fy a { float:left; width:38px; height:38px; line-height:38px; border-radius:38px; -moz-border-radius:38px; -webkit-border-radius:38px; border: #e1e1e1 1px solid; color:#272727; font-size:14px; font-family:Arial; margin:0 5px;} #List .wack1 .pz_fy a:hover, #List .wack1 .pz_fy a.on{color:#fff; border:1px solid #b50005; background:#b50005;} #List .wack1 .pz_fy .l_fy, #List .wack1 .pz_fy .r_fy{ width:100px;} #List .wack1 .pz_fy .l_fy i, #List .wack1 .pz_fy .r_fy i{ display:block; width:16px; height:2px; background:#b50005; margin:17px auto; position:relative;} #List .wack1 .pz_fy .l_fy i:after, #List .wack1 .pz_fy .l_fy i:before, #List .wack1 .pz_fy .r_fy i:after, #List .wack1 .pz_fy .r_fy i:before{float:left; width:7px; height:2px; background:#b50005; content:''; position:relative;} #List .wack1 .pz_fy .l_fy i:after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top:3px; left:-7px; } #List .wack1 .pz_fy .l_fy i:before{ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top:-3px; left:0px; } #List .wack1 .pz_fy .r_fy i:after{ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top:3px; right:-2px; } #List .wack1 .pz_fy .r_fy i:before{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top:-3px; right:-9px;} #List .wack1 .pz_fy .l_fy:hover i, #List .wack1 .pz_fy .r_fy:hover i{ background:#fff;} #List .wack1 .pz_fy .l_fy:hover i:after, #List .wack1 .pz_fy .l_fy:hover i:before, #List .wack1 .pz_fy .r_fy:hover i:after, #List .wack1 .pz_fy .r_fy:hover i:before{ background:#fff;} @media screen and (max-width:1600px){ #List .contRight{ width:898px;} #List .PackagL .ul1{ margin:0 -10px;} #List .PackagL .l1{ padding:0 10px;} #List .PackagL .la .info1{ width:100%; margin:0;} #List .PackagL .la .info2{ width:100%; margin:16px 0 13px 0; } #List .PackagL .la .info2 .num{ font-size:14px; line-height:22px; padding:0 110px 0 63px;} #List .PackagL .la .info3{ width:100%; margin:0 0 11px 0;} } @media screen and (max-width:1230px){ #List .contLeft{ width:200px;} #List .contRight{ width:764px;} #List .slideTit1{ padding:15px 20px 0 20px; margin-top:-74px; height:74px;} #List .slideTit1 .tit1{ font-size:20px; line-height:20px;} #List .slideTit1 .tit2{ font-size:14px; line-height:14px;} #List .slideTit1 .tit2 span{ padding-right:10px;} #List .slideTit1 .tit2 span:after{ width:6px; height:6px; margin-top:-3px;} #List .slideTit4 .pz_SideLayer .l1 .la1:after{ left:-15px;} #List .slideTit4 .pz_SideLayer .sub .l2 .la2:after{ left:-12px;} #List .slideTit3 .tit1{ font-size:42px; line-height:32px;} #List .slideTit3 .tit2{ font-size:26px; line-height:32px;} #List .PackagL .la .info2 .num{ padding:5px 0 0 63px; height:auto;} #List .atar_Show{ position:static; margin:3px 0 0 63px;} } @media screen and (max-width:1024px){ #List .contLeft{ width:100%; min-height:1px; margin-bottom:0;} #List .contRight{ width:100%;} #List .slideTit2{ display:none;} #List .slideTit1{ padding:12px 15px 0 15px; margin-top:-32px; height:64px;} #List .slideTit1 .tit1{ font-size:18px; line-height:18px;} #List .slideTit1 .tit2{ font-size:13px; margin-top:6px;} #List .slideTit4{ padding:2px 0 10px 0;} #List .slideTit4 .pz_SideLayer .l1 .la1{ width:92%; margin:0 4% 0 4%; line-height:36px; height:37px; font-size:15px;} #List .slideTit4 .pz_SideLayer .sub .l2 .la2{ width:92%; margin:0 4% 0 4%; font-size:14px; line-height:30px; height:31px;} #List .slideTit4 .pz_SideLayer .sub{ display:none;} #List .slideImg1{ display:none;} #List .slideTit3{ margin-top:25px;} #List .slideTit3 .tit1{ font-size:27px; line-height:21px;} #List .slideTit3 .tit2{ font-size:17px; line-height:21px;} #List .slideTit6{ font-size:16px; line-height:26px; margin:20px 0 0 0;} #List .PackagL{ margin-top:10px;} #List .PackagL .ul1{ margin:0 -7px;} #List .PackagL .l1{ padding:0 7px; margin-top:14px;} #List .PackagL .la .info1{ padding-right:82px;} #List .PackagL .la .info1 .tit{ font-size:16px; padding:4px 0;} #List .PackagL .la .info1 .time{ font-size:13px; padding:4px 0;} #List .PackagL .la .info2{ margin:14px 0 10px 0; } #List .PackagL .la .info3{ font-size:14px; line-height:24px; margin:0 0 6px 0;} #List .PackagL .la .img .la1{ font-size:14px; line-height:30px;} #List .PackagL .la .img .la2{ font-size:14px; line-height:30px;} #List .slideTit7 a{ height:40px; line-height:38px; font-size:16px;} #List .wack1{padding:30px 0;} #List .wack1 .fy_pc{ text-align:center; font-size:14px; color:#272727; padding:5px 0;} #List .wack1 .fy_pc a{ padding:5px 25px; color:#fff; border:solid 1px #b50005; background:#b50005; border-radius:16px; overflow:hidden;} #List .wack1 .fy_pc span{ padding:5px 20px; color:#272727;} } @media screen and (max-width:768px){ #List .slideTit4 .pz_SideLayer .l1 .la1{ width:87%; margin:0 4% 0 9%; } #List .slideTit4 .pz_SideLayer .sub .l2 .la2{ width:87%; margin:0 4% 0 9%;} #List .PackagL .l1{ width:100%;} } /**/ #Subpage .contLeft{ float:left; width:272px; min-height:200px; margin-bottom:50px;} #Subpage .contRight{ float:right; width:1242px; min-height:200px;} #Subpage .slideTit1{ float:left; width:100%; position:relative; top:0; margin-top:-106px; z-index:66; height:106px; background:#b50005; background:rgba(181,0,5,0.97); padding:24px 30px 0 33px;} #Subpage .slideTit1 .tit1{ float:left; width:100%; color:#fff; font-size:28px; line-height:28px;} #Subpage .slideTit1 .tit2{ float:left; width:100%; color:#fff; font-size:18px; line-height:18px; margin-top:8px; text-transform:uppercase; overflow:hidden;} #Subpage .slideTit1 .tit2 span{ float:left; position:relative; padding-right:16px;} #Subpage .slideTit1 .tit2 span:after{ float:left; width:8px; height:8px; background:#fff; border-radius:50%; position:absolute; left:100%; top:50%; margin-top:-4px; content:'';} #Subpage .slideTit1 .tit2 span:before{ float:left; width:1200px; height:1px; background:#fff; border-radius:50%; position:absolute; left:100%; top:50%; content:'';} #Subpage .slideImg1{ float:left; width:100%; line-height:0; margin:17px 0 0 0;} #Subpage .slideTit4{ float:left; width:100%; background:#f7f7f7; padding:2px 0 15px 0;} #Subpage .slideTit4 .pz_SideLayer{ float:left; width:100%;} #Subpage .slideTit4 .pz_SideLayer .l1{ float:left; width:100%;} #Subpage .slideTit4 .pz_SideLayer .l1 .la1{ float:left; width:69.5%; color:#333333; font-size:16px; line-height:60px; height:61px; background:url(/template/theme/CN/2495_ico2.png) left bottom repeat-x; position:relative; margin:0 11.02% 0 19.48%; z-index:4;} #Subpage .slideTit4 .pz_SideLayer .l1 .la1:after{ float:left; width:9px; height:12px; background:url(/template/theme/CN/2495_ico.png) center no-repeat; position:absolute; left:-20px; top:50%; margin-top:-6px; content:'';} #Subpage .slideTit4 .pz_SideLayer .l1 .la1 i{ float:left; width:15px; height:100%; background:url(/template/theme/CN/2495_Packag7.png) center no-repeat; position:absolute; right:4px; top:50; content:'';} #Subpage .slideTit4 .pz_SideLayer .l1.on .la1, #Subpage .slideTit4 .pz_SideLayer .l1:hover .la1{ color:#b50005; font-weight:bold;} #Subpage .slideTit4 .pz_SideLayer .l1.on .la1 i{ background:url(/template/theme/CN/2495_Packag9.png) center no-repeat;} #Subpage .slideTit4 .pz_SideLayer .l1.active .la1 i{ background:url(/template/theme/CN/2495_Packag8.png) center no-repeat;} #Subpage .slideTit4 .pz_SideLayer .l1:last-child .la1{ background:none;} #Subpage .slideTit4 .pz_SideLayer .sub{ float:left; width:100%; background:#e8e8e8; margin-top:-1px; position:relative; z-index:6;} #Subpage .slideTit4 .pz_SideLayer .sub .l2{ float:left; width:100%;} #Subpage .slideTit4 .pz_SideLayer .sub .l2 .la2{ float:left; width:69.5%; color:#333333; font-size:16px; line-height:41px; height:42px; margin:0 11.02% 0 19.48%; border-bottom:1px dashed #fff; position:relative;} #Subpage .slideTit4 .pz_SideLayer .sub .l2:last-child .la2{ border-bottom:none;} #Subpage .slideTit4 .pz_SideLayer .sub .l2 .la2:after{ float:left; width:4px; height:4px; border-radius:50%; background:#b50005; position:absolute; left:-16px; top:50%; margin-top:-2px; content:'';} #Subpage .slideTit4 .pz_SideLayer .sub .l2.on .la2, #Subpage .slideTit4 .pz_SideLayer .sub .l2:hover .la2{ color:#b50005;} #Subpage .slideTit2{ float:left; width:100%; border-bottom:1px solid #e5e5e5; padding:0 10px; color:#666666; font-size:14px; line-height:25px; padding:11px 0 11px 22px;} #Subpage .slideTit2 a{ color:#666666;} #Subpage .slideTit2 a.on, #Subpage .slideTit2 a:hover{ color:#b50005;} #Subpage .slideTit3{ float:left; width:100%; text-align:center; margin-top:64px; position:relative;} #Subpage .slideTit3 .tit1{ float:left; width:100%; color:#eeeeee; font-size:52px; line-height:40px; text-transform:uppercase; font-weight:bold;} #Subpage .slideTit3 .tit2{ float:left; width:100%; color:#b50005; font-size:34px; line-height:40px; font-weight:bold; position:absolute; left:0; top:0;} #Subpage .slideTit6{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; margin:60px 0 7px 0; text-align:center;} #Subpage .slideTit7{ float:left; width:100%; margin-top:11px;} #Subpage .slideTit7 a{ float:left; width:100%; height:56px; border:1px solid #e5e5e5; color:#333333; font-size:18px; line-height:54px; text-align:center;} #Subpage .slideTit7 a:hover{ background:#b50005; border:1px solid #b50005; color:#fff;} /*PackagL*/ #Subpage .PackagL{ float:left; width:100%; margin-top:39px;} #Subpage .PackagL .ul1{ margin:0 -14px;} #Subpage .PackagL .l1{ float:left; width:33.33%; padding:0 14px; margin-top:25px;} #Subpage .PackagL .la{ float:left; width:100%; box-shadow:0 4px 8px rgba(0,0,0,0.14); padding:10px;} #Subpage .PackagL .la .img{ float:left; width:100%; line-height:0; position:relative; min-height:100px; overflow:hidden;} #Subpage .PackagL .la .img .la1{ float:left; position:absolute; left:0; bottom:-40px; background:#b50005; text-align:center; color:#fff; font-size:16px; line-height:36px; width:48.5%; padding: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;} #Subpage .PackagL .la .img .la2{ float:left; position:absolute; right:0; bottom:-40px; background:#666666; text-align:center; color:#fff; font-size:16px; line-height:36px; width:48.5%; padding: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;} #Subpage .PackagL .la:hover .img .la1{ bottom:0;} #Subpage .PackagL .la:hover .img .la2{ bottom:0;} #Subpage .PackagL .la .info1{ float:left; width:99%; border-bottom:1px solid #eaeaea; position:relative; padding-right:90px; margin:0 0.5%;} #Subpage .PackagL .la .info1:after{ float:left; width:72px; height:3px; background:#b50005; position:absolute; left:0; bottom:-2px; content:'';} #Subpage .PackagL .la .info1:before{ float:left; width:0; height:0; position:absolute; left:30px; bottom:0; content:''; border-left: 6px solid transparent; border-right:6px solid transparent;border-bottom: 9px solid #b50005; } #Subpage .PackagL .la .info1 .tit{ float:left; color:#333333; font-size:18px; line-height:38px; padding:8px 0; position:relative; width:100%;} #Subpage .PackagL .la .info1 .time{ float:left; color:#666666; font-size:14px; line-height:38px; padding:8px 0; position:absolute; right:0; top:0;} #Subpage .PackagL .la .info2{ float:left; width:98%; min-height:53px; margin:16px 1% 13px 1%; position:relative;} #Subpage .PackagL .la .info2 .ico{ float:left; width:53px; height:53px; border-radius:50%; overflow:hidden; position:absolute; left:0; top:0;} #Subpage .PackagL .la .info2 .num{ color:#666666; font-size:18px; line-height:26px; height:53px; display:flex;flex-direction: column;justify-content:center; padding:0 110px 0 78px;} #Subpage .PackagL .la .info3{ float:left; width:98%; color:#666666; font-size:16px; line-height:26px; margin:0 1% 11px 1%;} #Subpage .atar_Show{ background:url(/template/theme/CN/2496_Packag6.png); height:16px; position:absolute; right:0; top:18px;float:left; } #Subpage .atar_Show p{background:url(/template/theme/CN/2496_Packag5.png); left:0; height:16px; width:100px;} /*caseReacd*/ #Subpage .caseReacd{ float:left; width:100%; margin:48px 0 60px 0;} #Subpage .caseReacd .tit1{ float:left; width:100%; background:#b50005; color:#fff; font-size:22px; line-height:52px; padding:0 25px;} #Subpage .caseReacd .tit1 .la{ float:right; color:#fff; font-size:14px; padding-right:13px; position:relative;} #Subpage .PackagL1{ margin-top:22px;} #Subpage .PackagDeT{ float:left; width:100%; margin-top:68px;} #Subpage .PackagDeT .cont{ float:left; width:100%;color:#666666; font-size:16px; line-height:30px; margin-top:43px;} #Subpage .PackagDeT .tit0{ float:left; width:100%; color:#b40005; font-size:22px; line-height:32px; font-weight:bold; overflow:hidden; position:relative;} #Subpage .PackagDeT .tit0 .ico{ float:left; background:#fff; padding-left:39px; position:relative;} #Subpage .PackagDeT .tit0 .ico:after{ float:left; width:1200px; height:1px; content:''; background:#e0e0e0; position:absolute; left:100%; top:50%; margin-left:17px;} #Subpage .PackagDeT .tit0 .ico:before{ float:left; width:6px; height:6px; border-radius:50%; content:''; background:#e0e0e0; position:absolute; left:100%; top:50%; margin-top:-2px; margin-left:17px;} #Subpage .PackagDeT .tit8 .ico:after, #Subpage .PackagDeT .tit8 .ico:before{ display:none;} #Subpage .PackagDeT .tit0 .titR{ float:left; position:absolute; right:0; top:0; background:#fff; font-weight:normal; font-size:16px; color:#666666;} #Subpage .PackagDeT .tit0 .titR .sp1{ float:left; padding-left:28px; margin-left:20px;} #Subpage .PackagDeT .tit0 .titR .sp1:hover{ color:#b50005;} #Subpage .PackagDeT .box{ float:left; width:100%; margin-bottom:41px;} #Subpage .PackagDeT .box .info{ float:left; width:47.34%;} #Subpage .PackagDeT .box .img{ float:right; width:49.9%; margin-top:18px;} #Subpage .PackagDeT .box .p1{ float:left; width:100%;color:#666666; font-size:16px; line-height:30px; margin:20px 0 15px 0;} #Subpage .PackagDeT .box .info2{ float:left; width:100%; min-height:53px; margin:4px 0 13px 0; position:relative;} #Subpage .PackagDeT .box .info2 .ico{ float:left; width:53px; height:53px; border-radius:50%; overflow:hidden; position:absolute; left:0; top:0;} #Subpage .PackagDeT .box .info2 .num{ color:#666666; font-size:18px; line-height:26px; height:53px; display:flex;flex-direction: column;justify-content:center; padding:0 110px 0 78px;} #Subpage .PackagDeT .box .info3{ float:left; width:100%; color:#666666; font-size:16px; line-height:26px; margin:0 0 2px 0;} #Subpage .PackagDeT .box .l1{ float:left; width:76.5%;} #Subpage .PackagDeT .box .l2{ float:right; width:20.4%;} #Subpage .PackagDeT .box .sp0{ float:left; width:100%; color:#b40005; font-size:18px; line-height:28px; font-weight:bold; margin-bottom:12px;} #Subpage .PackagDeT .box .sp1{ float:left; width:100%; border:1px solid #e5e5e5; padding:5px 20px;} #Subpage .PackagDeT .box .num{ float:left; width:100%; color:#b40005; font-size:18px; line-height:30px; height:98px; display:flex;flex-direction: column;justify-content:center; color:#666666; font-size:16px; } @media screen and (max-width:1600px){ /*#Subpage .contLeft{ width:240px;} #Subpage .slideTit1 .tit1{font-size:24px;} #Subpage .slideTit1 .tit2{font-size:14px;}*/ #Subpage .contRight{ width:898px;} #Subpage .PackagL .ul1{ margin:0 -10px;} #Subpage .PackagL .l1{ padding:0 10px;} #Subpage .PackagL .la .info1{ width:100%; margin:0;} #Subpage .PackagL .la .info2{ width:100%; margin:16px 0 13px 0; } #Subpage .PackagL .la .info2 .num{ font-size:14px; line-height:22px; padding:0 110px 0 63px;} #Subpage .PackagL .la .info3{ width:100%; margin:0 0 11px 0;} #Subpage .PackagDeT .box .info2 .num{ font-size:14px; line-height:22px; padding:0 110px 0 63px;} #Subpage .PackagDeT .box .sp1{ padding:5px 12px;} #Subpage .PackagDeT .box .p1{ font-size:14px; line-height:26px;} #Subpage .PackagDeT .box .num{ font-size:14px; line-height:26px;} } @media screen and (max-width:1230px){ #Subpage .contLeft{ width:200px;} #Subpage .contRight{ width:764px;} #Subpage .slideTit1{ padding:15px 20px 0 20px; margin-top:-74px; height:74px;} #Subpage .slideTit1 .tit1{ font-size:20px; line-height:20px;} #Subpage .slideTit1 .tit2{ font-size:14px; line-height:14px;} #Subpage .slideTit1 .tit2 span{ padding-right:10px;} #Subpage .slideTit1 .tit2 span:after{ width:6px; height:6px; margin-top:-3px;} #Subpage .slideTit4 .pz_SideLayer .l1 .la1:after{ left:-15px;} #Subpage .slideTit4 .pz_SideLayer .sub .l2 .la2:after{ left:-12px;} #Subpage .slideTit3 .tit1{ font-size:42px; line-height:32px;} #Subpage .slideTit3 .tit2{ font-size:26px; line-height:32px;} #Subpage .PackagL .la .info2 .num{ padding:5px 0 0 63px; height:auto;} #Subpage .atar_Show{ position:static; margin:3px 0 0 63px;} #Subpage .PackagDeT .box .l2{ width:23.4%;} #Subpage .PackagDeT .box .l1{ width:72.4%;} #Subpage .PackagDeT .box .info2 .num{ height:auto;} #Subpage .PackagDeT .box .info2{ margin:0 0 7px 0;} #Subpage .PackagDeT .box .p1{ margin:10px 0 7px 0} } @media screen and (max-width:1024px){ #Subpage .contLeft{ width:100%; min-height:1px; margin-bottom:0;} #Subpage .contRight{ width:100%;} #Subpage .slideTit2{ display:none;} #Subpage .slideTit1{ padding:12px 15px 0 15px; margin-top:-32px; height:64px;} #Subpage .slideTit1 .tit1{ font-size:18px; line-height:18px;} #Subpage .slideTit1 .tit2{ font-size:13px; margin-top:6px;} #Subpage .slideTit4{ padding:2px 0 10px 0;} #Subpage .slideTit4 .pz_SideLayer .l1 .la1{ width:92%; margin:0 4% 0 4%; line-height:36px; height:37px; font-size:15px;} #Subpage .slideTit4 .pz_SideLayer .sub .l2 .la2{ width:92%; margin:0 4% 0 4%; font-size:14px; line-height:30px; height:31px;} #Subpage .slideTit4 .pz_SideLayer .sub{ display:none;} #Subpage .slideImg1{ display:none;} #Subpage .slideTit3{ margin-top:25px;} #Subpage .slideTit3 .tit1{ font-size:27px; line-height:21px;} #Subpage .slideTit3 .tit2{ font-size:17px; line-height:21px;} #Subpage .slideTit6{ font-size:16px; line-height:26px; margin:20px 0 0 0;} #Subpage .slideTit7 a{ height:40px; line-height:38px; font-size:16px;} #Subpage .PackagL{ margin-top:10px;} #Subpage .PackagL .ul1{ margin:0 -7px;} #Subpage .PackagL .l1{ padding:0 7px; margin-top:14px;} #Subpage .PackagL .la .info1{ padding-right:82px;} #Subpage .PackagL .la .info1 .tit{ font-size:16px; padding:4px 0;} #Subpage .PackagL .la .info1 .time{ font-size:13px; padding:4px 0;} #Subpage .PackagL .la .info2{ margin:14px 0 10px 0; } #Subpage .PackagL .la .info3{ font-size:14px; line-height:24px; margin:0 0 6px 0;} #Subpage .PackagL .la .img .la1{ font-size:14px; line-height:30px;} #Subpage .PackagL .la .img .la2{ font-size:14px; line-height:30px;} #Subpage .caseReacd{ margin:20px 0 40px 0;} #Subpage .caseReacd .tit1{ font-size:16px; line-height:40px; padding:0 15px;} #Subpage .PackagL1{ margin-top:10px;} #Subpage .PackagDeT{ margin-top:20px;} #Subpage .PackagDeT .cont{font-size:14px; line-height:28px; margin-top:20px;} #Subpage .PackagDeT .tit0{ font-size:18px;} #Subpage .PackagDeT .tit0 .ico{ background-size:20px auto !important; padding-left:30px;} #Subpage .PackagDeT .tit0 .titR{ font-size:14px;} #Subpage .PackagDeT .tit0 .titR .sp1{ margin-left:10px;} #Subpage .PackagDeT .box .num{ height:88px;} #Subpage .PackagDeT .box .info{ width:100%;} #Subpage .PackagDeT .box .img{ width:100%;} } @media screen and (max-width:768px){ #Subpage .slideTit4 .pz_SideLayer .l1 .la1{ width:87%; margin:0 4% 0 9%; } #Subpage .slideTit4 .pz_SideLayer .sub .l2 .la2{ width:87%; margin:0 4% 0 9%;} #Subpage .PackagL .l1{ width:100%;} #Subpage .PackagDeT .box .num{ height:auto;} #Subpage .PackagDeT .box .l1{ width:100%;} #Subpage .PackagDeT .box .l2{ width:100%; margin-top:15px;} #Subpage .PackagDeT .tit0 .titR{ position:static; float:left;} #Subpage .PackagDeT .tit0 .titR .sp1{ margin:0 10px 0 0;} } /**/ #List2 .contLeft{ float:left; width:272px; min-height:200px; margin-bottom:50px;} #List2 .contRight{ float:right; width:1242px; min-height:200px;} #List2 .slideTit1{ float:left; width:100%; position:relative; top:0; margin-top:-106px; z-index:66; height:106px; background:#b50005; background:rgba(181,0,5,0.97); padding:24px 30px 0 33px;} #List2 .slideTit1 .tit1{ float:left; width:100%; color:#fff; font-size:28px; line-height:28px;} #List2 .slideTit1 .tit2{ float:left; width:100%; color:#fff; font-size:18px; line-height:18px; margin-top:8px; text-transform:uppercase; overflow:hidden;} #List2 .slideTit1 .tit2 span{ float:left; position:relative; padding-right:16px;} #List2 .slideTit1 .tit2 span:after{ float:left; width:8px; height:8px; background:#fff; border-radius:50%; position:absolute; left:100%; top:50%; margin-top:-4px; content:'';} #List2 .slideTit1 .tit2 span:before{ float:left; width:1200px; height:1px; background:#fff; border-radius:50%; position:absolute; left:100%; top:50%; content:'';} #List2 .slideImg1{ float:left; width:100%; line-height:0; margin:17px 0 0 0;} #List2 .slideTit4{ float:left; width:100%; background:#f7f7f7; padding:2px 0 15px 0;} #List2 .slideTit4 .pz_SideLayer{ float:left; width:100%;} #List2 .slideTit4 .pz_SideLayer .l1{ float:left; width:100%;} #List2 .slideTit4 .pz_SideLayer .l1 .la1{ float:left; width:69.5%; color:#333333; font-size:16px; line-height:60px; height:61px; background:url(/template/theme/CN/2497_ico2.png) left bottom repeat-x; position:relative; margin:0 11.02% 0 19.48%; z-index:4;} #List2 .slideTit4 .pz_SideLayer .l1 .la1:after{ float:left; width:9px; height:12px; background:url(/template/theme/CN/2497_ico.png) center no-repeat; position:absolute; left:-20px; top:50%; margin-top:-6px; content:'';} #List2 .slideTit4 .pz_SideLayer .l1 .la1 i{ float:left; width:15px; height:100%; background:url(/template/theme/CN/2497_Packag7.png) center no-repeat; position:absolute; right:4px; top:50; content:'';} #List2 .slideTit4 .pz_SideLayer .l1.on .la1, #List2 .slideTit4 .pz_SideLayer .l1:hover .la1{ color:#b50005; font-weight:bold;} #List2 .slideTit4 .pz_SideLayer .l1.on .la1 i{ background:url(/template/theme/CN/2497_Packag9.png) center no-repeat;} #List2 .slideTit4 .pz_SideLayer .l1.active .la1 i{ background:url(/template/theme/CN/2497_Packag8.png) center no-repeat;} #List2 .slideTit4 .pz_SideLayer .l1:last-child .la1{ background:none;} #List2 .slideTit4 .pz_SideLayer .sub{ float:left; width:100%; background:#e8e8e8; margin-top:-1px; position:relative; z-index:6;} #List2 .slideTit4 .pz_SideLayer .sub .l2{ float:left; width:100%;} #List2 .slideTit4 .pz_SideLayer .sub .l2 .la2{ float:left; width:69.5%; color:#333333; font-size:16px; line-height:41px; height:42px; margin:0 11.02% 0 19.48%; border-bottom:1px dashed #fff; position:relative;} #List2 .slideTit4 .pz_SideLayer .sub .l2:last-child .la2{ border-bottom:none;} #List2 .slideTit4 .pz_SideLayer .sub .l2 .la2:after{ float:left; width:4px; height:4px; border-radius:50%; background:#b50005; position:absolute; left:-16px; top:50%; margin-top:-2px; content:'';} #List2 .slideTit4 .pz_SideLayer .sub .l2.on .la2, #List2 .slideTit4 .pz_SideLayer .sub .l2:hover .la2{ color:#b50005;} #List2 .slideTit2{ float:left; width:100%; border-bottom:1px solid #e5e5e5; padding:0 10px; color:#666666; font-size:14px; line-height:25px; padding:11px 0 11px 22px;} #List2 .slideTit2 a{ color:#666666;} #List2 .slideTit2 a.on, #List2 .slideTit2 a:hover{ color:#b50005;} #List2 .slideTit3{ float:left; width:100%; text-align:center; margin-top:64px; position:relative;} #List2 .slideTit3 .tit1{ float:left; width:100%; color:#eeeeee; font-size:52px; line-height:40px; text-transform:uppercase; font-weight:bold;} #List2 .slideTit3 .tit2{ float:left; width:100%; color:#b50005; font-size:34px; line-height:40px; font-weight:bold; position:absolute; left:0; top:0;} #List2 .slideTit6{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; margin:60px 0 7px 0; text-align:center;} #List2 .slideTit7{ float:left; width:100%; margin-top:11px;} #List2 .slideTit7 a{ float:left; width:100%; height:56px; border:1px solid #e5e5e5; color:#333333; font-size:18px; line-height:54px; text-align:center;} #List2 .slideTit7 a:hover{ background:#b50005; border:1px solid #b50005; color:#fff;} /*liheBox*/ #List2 .lihe30{ float:left; width:100%; height:30px; } #List2 .liheBox{ float:left; width:100%; margin:0 0 11px 0;} #List2 .liheTit{ float:left; width:100%; color:#b50005; font-size:20px; line-height:22px; font-weight:bold; padding-left:12px; position:relative;} #List2 .liheTit:after{ float:left; width:3px; height:100%; position:absolute; left:0; top:0; content:''; background:#b50005;} #List2 .liheL{ float:left; width:100%; margin:12px 0 3px 0; position:relative; padding-left:20.37%;} #List2 .liheL .ul0{ float:left; position:absolute; left:0; top:0; height:100%; width:20.37%;} #List2 .liheL .ul0 .slick-list{ height:100%; } #List2 .liheL .ul0 .slick-track{ height:100%; } #List2 .liheL .ul0 .slick-dots{ height:6px; bottom:20px;} #List2 .liheL .ul0 .slick-dots li{ vertical-align:top; width:6px; height:6px; border-radius:50%; background:#fff; margin:0 5px; overflow:hidden; text-indent:-999px;opacity:0.3; filter:alpha(opacity=30);} #List2 .liheL .ul0 .slick-dots li.slick-active{opacity:1; filter:alpha(opacity=100);} #List2 .liheL .l0{ float:left; width:100%; padding-top:19px; height:100%; position:relative;} #List2 .liheL .l0 .la{ float:left; width:100%; height:100%; position:relative;} #List2 .liheL .l0 .la .img{ float:left; width:100%;height:100%; position:relative; background-size:cover !important;} #List2 .liheL .l0 .la .cont{ float:left; width:100%; padding:21px 20px 13px 20px; position:absolute; left:0; top:0; z-index:6;} #List2 .liheL .l0 .la .tit{ float:left; width:100%; color:#fff; font-size:18px; line-height:28px; font-weight:bold;} #List2 .liheL .l0 .la .info{ float:left; width:100%; color:#fff; font-size:14px; line-height:24px; margin-top:2px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;} #List2 .liheL .l0 .la:hover .tit{ color:#b50005;} #List2 .liheL .ul1{ margin:0 -11px;} #List2 .liheL .l1{ float:left; width:25%; padding:0 11px; margin-top:19px;} #List2 .liheL .l1 .la{ float:left; width:100%; background:#e6e6e6; position:relative;} #List2 .liheL .l1 .la:after{ display:none; float:left; width:100%; height:100%; position:absolute; left:0; top:0; content:''; border:4px solid #fff;-webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; z-index:1;} #List2 .liheL .l1 .la .img{ float:left; width:100%; line-height:0; position:relative; z-index:6;} #List2 .liheL .l1 .la .cont{ float:left; width:100%; padding:21px 20px 13px 20px; position:relative; z-index:6;} #List2 .liheL .l1 .la .tit{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; font-weight:bold;} #List2 .liheL .l1 .la .info{ float:left; width:100%; color:#666666; font-size:14px; line-height:24px; margin-top:2px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;} #List2 .liheL .l1 .la:hover:after{ display:block;} #List2 .liheL .l1 .la:hover .tit{ color:#b50005;} #List2 .liheL .l1 .la:hover{ box-shadow:0 4px 8px rgba(0,0,0,0.14);} #List2 .wack1{ float:left; width:100%; padding:54px 0; text-align:center;} #List2 .wack1 .pz_fy{ display:inline-block; *display:inline; *zoom:1;} #List2 .wack1 .pz_fy a { float:left; width:38px; height:38px; line-height:38px; border-radius:38px; -moz-border-radius:38px; -webkit-border-radius:38px; border: #e1e1e1 1px solid; color:#272727; font-size:14px; font-family:Arial; margin:0 5px;} #List2 .wack1 .pz_fy a:hover, #List2 .wack1 .pz_fy a.on{color:#fff; border:1px solid #b50005; background:#b50005;} #List2 .wack1 .pz_fy .l_fy, #List2 .wack1 .pz_fy .r_fy{ width:100px;} #List2 .wack1 .pz_fy .l_fy i, #List2 .wack1 .pz_fy .r_fy i{ display:block; width:16px; height:2px; background:#b50005; margin:17px auto; position:relative;} #List2 .wack1 .pz_fy .l_fy i:after, #List2 .wack1 .pz_fy .l_fy i:before, #List2 .wack1 .pz_fy .r_fy i:after, #List2 .wack1 .pz_fy .r_fy i:before{float:left; width:7px; height:2px; background:#b50005; content:''; position:relative;} #List2 .wack1 .pz_fy .l_fy i:after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top:3px; left:-7px; } #List2 .wack1 .pz_fy .l_fy i:before{ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top:-3px; left:0px; } #List2 .wack1 .pz_fy .r_fy i:after{ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top:3px; right:-2px; } #List2 .wack1 .pz_fy .r_fy i:before{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top:-3px; right:-9px;} #List2 .wack1 .pz_fy .l_fy:hover i, #List2 .wack1 .pz_fy .r_fy:hover i{ background:#fff;} #List2 .wack1 .pz_fy .l_fy:hover i:after, #List2 .wack1 .pz_fy .l_fy:hover i:before, #List2 .wack1 .pz_fy .r_fy:hover i:after, #List2 .wack1 .pz_fy .r_fy:hover i:before{ background:#fff;} @media screen and (max-width:1600px){ #List2 .contRight{ width:898px;} #List2 .liheL .l0 .la .cont{ padding:21px 12px 13px 12px;} #List2 .liheL .ul1{ margin:0 -8px;} #List2 .liheL .l1{ padding:0 8px;} #List2 .liheL .l1 .la .cont{ padding:21px 12px 13px 12px;} } @media screen and (max-width:1230px){ #List2 .contLeft{ width:200px;} #List2 .contRight{ width:764px;} #List2 .slideTit1{ padding:15px 20px 0 20px; margin-top:-74px; height:74px;} #List2 .slideTit1 .tit1{ font-size:20px; line-height:20px;} #List2 .slideTit1 .tit2{ font-size:14px; line-height:14px;} #List2 .slideTit1 .tit2 span{ padding-right:10px;} #List2 .slideTit1 .tit2 span:after{ width:6px; height:6px; margin-top:-3px;} #List2 .slideTit4 .pz_SideLayer .l1 .la1:after{ left:-15px;} #List2 .slideTit4 .pz_SideLayer .sub .l2 .la2:after{ left:-12px;} #List2 .slideTit3 .tit1{ font-size:42px; line-height:32px;} #List2 .slideTit3 .tit2{ font-size:26px; line-height:32px;} } @media screen and (max-width:1024px){ #List2 .contLeft{ width:100%; min-height:1px; margin-bottom:0;} #List2 .contRight{ width:100%;} #List2 .slideTit2{ display:none;} #List2 .slideTit1{ padding:12px 15px 0 15px; margin-top:-32px; height:64px;} #List2 .slideTit1 .tit1{ font-size:18px; line-height:18px;} #List2 .slideTit1 .tit2{ font-size:13px; margin-top:6px;} #List2 .slideTit4{ padding:2px 0 10px 0;} #List2 .slideTit4 .pz_SideLayer .l1 .la1{ width:92%; margin:0 4% 0 4%; line-height:36px; height:37px; font-size:15px;} #List2 .slideTit4 .pz_SideLayer .sub .l2 .la2{ width:92%; margin:0 4% 0 4%; font-size:14px; line-height:30px; height:31px;} #List2 .slideTit4 .pz_SideLayer .sub{ display:none;} #List2 .slideImg1{ display:none;} #List2 .slideTit3{ margin-top:25px;} #List2 .slideTit3 .tit1{ font-size:27px; line-height:21px;} #List2 .slideTit3 .tit2{ font-size:17px; line-height:21px;} #List2 .slideTit6{ font-size:16px; line-height:26px; margin:20px 0 0 0;} #List2 .slideTit7 a{ height:40px; line-height:38px; font-size:16px;} #List2 .liheL .l0{ padding-top:12px;} #List2 .liheL .l0 .la .cont{ padding:15px 12px 10px 12px;} #List2 .liheL .l0 .la .tit{ font-size:16px; line-height:26px;} #List2 .liheL .ul1{ margin:0 -6px;} #List2 .liheL .l1{ padding:0 6px; margin-top:12px;} #List2 .liheL .l1 .la .cont{ padding:15px 12px 10px 12px;} #List2 .liheL .l1 .la .tit{ font-size:16px; line-height:26px;} #List2 .wack1{padding:30px 0;} #List2 .wack1 .fy_pc{ text-align:center; font-size:14px; color:#272727; padding:5px 0;} #List2 .wack1 .fy_pc a{ padding:5px 25px; color:#fff; border:solid 1px #b50005; background:#b50005; border-radius:16px; overflow:hidden;} #List2 .wack1 .fy_pc span{ padding:5px 20px; color:#272727;} } @media screen and (max-width:768px){ #List2 .slideTit4 .pz_SideLayer .l1 .la1{ width:87%; margin:0 4% 0 9%; } #List2 .slideTit4 .pz_SideLayer .sub .l2 .la2{ width:87%; margin:0 4% 0 9%;} #List2 .liheL{ padding-left:0%;} #List2 .liheL .ul0{ width:100%; position:relative; height:400px;} #List2 .liheL .l0 .la .img{background-size:cover !important;} #List2 .liheL .l1{ width:50%;} } /**/ #Subpage2 .contLeft{ float:left; width:272px; min-height:200px; margin-bottom:50px;} #Subpage2 .contRight{ float:right; width:1242px; min-height:200px;} #Subpage2 .slideTit1{ float:left; width:100%; position:relative; top:0; margin-top:-106px; z-index:66; height:106px; background:#b50005; background:rgba(181,0,5,0.97); padding:24px 30px 0 33px;} #Subpage2 .slideTit1 .tit1{ float:left; width:100%; color:#fff; font-size:28px; line-height:28px;} #Subpage2 .slideTit1 .tit2{ float:left; width:100%; color:#fff; font-size:18px; line-height:18px; margin-top:8px; text-transform:uppercase; overflow:hidden;} #Subpage2 .slideTit1 .tit2 span{ float:left; position:relative; padding-right:16px;} #Subpage2 .slideTit1 .tit2 span:after{ float:left; width:8px; height:8px; background:#fff; border-radius:50%; position:absolute; left:100%; top:50%; margin-top:-4px; content:'';} #Subpage2 .slideTit1 .tit2 span:before{ float:left; width:1200px; height:1px; background:#fff; border-radius:50%; position:absolute; left:100%; top:50%; content:'';} #Subpage2 .slideImg1{ float:left; width:100%; line-height:0; margin:17px 0 0 0;} #Subpage2 .slideTit4{ float:left; width:100%; background:#f7f7f7; padding:2px 0 15px 0;} #Subpage2 .slideTit4 .pz_SideLayer{ float:left; width:100%;} #Subpage2 .slideTit4 .pz_SideLayer .l1{ float:left; width:100%;} #Subpage2 .slideTit4 .pz_SideLayer .l1 .la1{ float:left; width:69.5%; color:#333333; font-size:16px; line-height:60px; height:61px; background:url(/template/theme/CN/2498_ico2.png) left bottom repeat-x; position:relative; margin:0 11.02% 0 19.48%; z-index:4;} #Subpage2 .slideTit4 .pz_SideLayer .l1 .la1:after{ float:left; width:9px; height:12px; background:url(/template/theme/CN/2498_ico.png) center no-repeat; position:absolute; left:-20px; top:50%; margin-top:-6px; content:'';} #Subpage2 .slideTit4 .pz_SideLayer .l1 .la1 i{ float:left; width:15px; height:100%; background:url(/template/theme/CN/2498_Packag7.png) center no-repeat; position:absolute; right:4px; top:50; content:'';} #Subpage2 .slideTit4 .pz_SideLayer .l1.on .la1, #Subpage2 .slideTit4 .pz_SideLayer .l1:hover .la1{ color:#b50005; font-weight:bold;} #Subpage2 .slideTit4 .pz_SideLayer .l1.on .la1 i{ background:url(/template/theme/CN/2498_Packag9.png) center no-repeat;} #Subpage2 .slideTit4 .pz_SideLayer .l1.active .la1 i{ background:url(/template/theme/CN/2498_Packag8.png) center no-repeat;} #Subpage2 .slideTit4 .pz_SideLayer .l1:last-child .la1{ background:none;} #Subpage2 .slideTit4 .pz_SideLayer .sub{ float:left; width:100%; background:#e8e8e8; margin-top:-1px; position:relative; z-index:6;} #Subpage2 .slideTit4 .pz_SideLayer .sub .l2{ float:left; width:100%;} #Subpage2 .slideTit4 .pz_SideLayer .sub .l2 .la2{ float:left; width:69.5%; color:#333333; font-size:16px; line-height:41px; height:42px; margin:0 11.02% 0 19.48%; border-bottom:1px dashed #fff; position:relative;} #Subpage2 .slideTit4 .pz_SideLayer .sub .l2:last-child .la2{ border-bottom:none;} #Subpage2 .slideTit4 .pz_SideLayer .sub .l2 .la2:after{ float:left; width:4px; height:4px; border-radius:50%; background:#b50005; position:absolute; left:-16px; top:50%; margin-top:-2px; content:'';} #Subpage2 .slideTit4 .pz_SideLayer .sub .l2.on .la2, #Subpage2 .slideTit4 .pz_SideLayer .sub .l2:hover .la2{ color:#b50005;} #Subpage2 .slideTit2{ float:left; width:100%; border-bottom:1px solid #e5e5e5; padding:0 10px; color:#666666; font-size:14px; line-height:25px; padding:11px 0 11px 22px;} #Subpage2 .slideTit2 a{ color:#666666;} #Subpage2 .slideTit2 a.on, #Subpage2 .slideTit2 a:hover{ color:#b50005;} #Subpage2 .slideTit3{ float:left; width:100%; text-align:center; margin-top:64px; position:relative;} #Subpage2 .slideTit3 .tit1{ float:left; width:100%; color:#eeeeee; font-size:52px; line-height:40px; text-transform:uppercase; font-weight:bold;} #Subpage2 .slideTit3 .tit2{ float:left; width:100%; color:#b50005; font-size:34px; line-height:40px; font-weight:bold; position:absolute; left:0; top:0;} #Subpage2 .slideTit6{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; margin:60px 0 7px 0; text-align:center;} #Subpage2 .slideTit7{ float:left; width:100%; margin-top:11px;} #Subpage2 .slideTit7 a{ float:left; width:100%; height:56px; border:1px solid #e5e5e5; color:#333333; font-size:18px; line-height:54px; text-align:center;} #Subpage2 .slideTit7 a:hover{ background:#b50005; border:1px solid #b50005; color:#fff;} #Subpage2 .liheR{ float:left; padding-right:163px; position:relative; margin-top:16px;} #Subpage2 .liheR .md{ float:right; position:absolute; right:0; top:170px; width:126px; background:#fff; z-index:88;} #Subpage2 .liheR .md .l2{ float:left; width:100%; text-align:center;} #Subpage2 .liheR .md .l2 a{ float:left; width:100%; color:#666; font-size:16px; line-height:47px; border:1px solid #e5e5e5; border-left:2px solid #b30005; margin-top:-1px; position:relative; z-index:1;} #Subpage2 .liheR .md .l2.on a, #Subpage2 .liheR .md .l2.active a{ color:#fff; border:1px solid #b30005; background:#b30005; z-index:6;} #Subpage2 .liheR .md.on{ position:fixed; top:1px; right:50%; margin-right:-785px;} #Subpage2 .liheDet{ float:left; width:100%; margin:64px 0 0 0;} #Subpage2 .liheDet .cont0{ float:left; width:100%; color:#666666; font-size:16px; line-height:30px;} #Subpage2 .liheDet .tit0{ float:left; width:100%; color:#b40005; font-size:22px; font-weight:bold; margin-top:46px; overflow:hidden;} #Subpage2 .liheDet .tit0 .ico{ float:left; background:#fff; padding-left:39px; position:relative;} #Subpage2 .liheDet .tit0 .ico:after{ float:left; width:1200px; height:1px; content:''; background:#e0e0e0; position:absolute; left:100%; top:50%; margin-left:17px;} #Subpage2 .liheDet .tit0 .ico:before{ float:left; width:6px; height:6px; border-radius:50%; content:''; background:#e0e0e0; position:absolute; left:100%; top:50%; margin-top:-2px; margin-left:17px;} #Subpage2 .liheDet .info{ float:left; width:100%;} #Subpage2 .liheDet .cont{ float:left; width:100%;} #Subpage2 .liheDet .cont.mt{ margin-top:36px;} #Subpage2 .liheDet .sp1{ float:left; width:100%; color:#b40005; font-size:18px; font-weight:bold; margin:33px 0 6px 0; } #Subpage2 .liheDet .img1{ float:left; width:100%; margin-top:31px;} #Subpage2 .liheDet .img1 .ul1{ margin:0 -12px;} #Subpage2 .liheDet .img1 .ul1 .l1{ float:left; width:33.33%; padding:0 12px; margin-top:14px;} #Subpage2 .liheDet .img1 .ul1 .la{ float:left; width:100%; box-shadow:0 4px 8px rgba(0,0,0,0.14); padding:10px 10px 0 10px;} #Subpage2 .liheDet .img1 .ul1 .img{ float:left; width:100%; line-height:0;} #Subpage2 .liheDet .img1 .ul1 .p1{ float:left; width:100%; color:#333333; font-size:18px; line-height:27px; text-align:center; padding:13px 0;} #Subpage2 .liheDet .img1 .ul1 .la:hover .p1{ color:#b50005;} /*liheBox*/ #Subpage2 .lihe30{ float:left; width:100%; height:30px; } #Subpage2 .liheBox{ float:left; width:100%; margin:0 0 11px 0;} #Subpage2 .liheTit{ float:left; width:100%; color:#b50005; font-size:20px; line-height:22px; font-weight:bold; padding-left:12px; position:relative;} #Subpage2 .liheTit:after{ float:left; width:3px; height:100%; position:absolute; left:0; top:0; content:''; background:#b50005;} #Subpage2 .liheL{ float:left; width:100%; margin:12px 0 3px 0; position:relative; padding-left:20.37%;} #Subpage2 .liheL .ul0{ float:left; position:absolute; left:0; top:0; height:100%; width:20.37%;} #Subpage2 .liheL .ul0 .slick-list{ height:100%; } #Subpage2 .liheL .ul0 .slick-track{ height:100%; } #Subpage2 .liheL .ul0 .slick-dots{ height:6px; bottom:20px;} #Subpage2 .liheL .ul0 .slick-dots li{ vertical-align:top; width:6px; height:6px; border-radius:50%; background:#fff; margin:0 5px; overflow:hidden; text-indent:-999px;opacity:0.3; filter:alpha(opacity=30);} #Subpage2 .liheL .ul0 .slick-dots li.slick-active{opacity:1; filter:alpha(opacity=100);} #Subpage2 .liheL .l0{ float:left; width:100%; padding-top:19px; height:100%; position:relative;} #Subpage2 .liheL .l0 .la{ float:left; width:100%; height:100%; position:relative;} #Subpage2 .liheL .l0 .la .img{ float:left; width:100%;height:100%; position:relative; background-size:cover !important;} #Subpage2 .liheL .l0 .la .cont{ float:left; width:100%; padding:21px 20px 13px 20px; position:absolute; left:0; top:0; z-index:6;} #Subpage2 .liheL .l0 .la .tit{ float:left; width:100%; color:#fff; font-size:18px; line-height:28px; font-weight:bold;} #Subpage2 .liheL .l0 .la .info{ float:left; width:100%; color:#fff; font-size:14px; line-height:24px; margin-top:2px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;} #Subpage2 .liheL .l0 .la:hover .tit{ color:#b50005;} #Subpage2 .liheL .ul1{ margin:0 -11px;} #Subpage2 .liheL .l1{ float:left; width:25%; padding:0 11px; margin-top:19px;} #Subpage2 .liheL .l1 .la{ float:left; width:100%; background:#e6e6e6; position:relative;} #Subpage2 .liheL .l1 .la:after{ display:none; float:left; width:100%; height:100%; position:absolute; left:0; top:0; content:''; border:4px solid #fff;-webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; z-index:1;} #Subpage2 .liheL .l1 .la .img{ float:left; width:100%; line-height:0; position:relative; z-index:6;} #Subpage2 .liheL .l1 .la .cont{ float:left; width:100%; padding:21px 20px 13px 20px; position:relative; z-index:6;} #Subpage2 .liheL .l1 .la .tit{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; font-weight:bold;} #Subpage2 .liheL .l1 .la .info{ float:left; width:100%; color:#666666; font-size:14px; line-height:24px; margin-top:2px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;} #Subpage2 .liheL .l1 .la:hover:after{ display:block;} #Subpage2 .liheL .l1 .la:hover .tit{ color:#b50005;} #Subpage2 .liheL .l1 .la:hover{ box-shadow:0 4px 8px rgba(0,0,0,0.14);} #Subpage2 .liheReacd{ float:left; width:100%; margin:50px 0 60px 0;} #Subpage2 .liheReacd .tit1{ float:left; width:100%; background:#b50005; color:#fff; font-size:22px; line-height:52px; padding:0 25px;} #Subpage2 .liheReacd .tit1 .la{ float:right; color:#fff; font-size:14px; padding-right:13px; position:relative;} #Subpage2 .liheL1{ margin:3px 0 0 0; padding-left:0 !important;} @media screen and (max-width:1600px){ #Subpage2 .contRight{ width:898px;} #Subpage2 .liheR .md.on{ margin-right:-600px;} #Subpage2 .liheL .l0 .la .cont{ padding:21px 12px 13px 12px;} #Subpage2 .liheL .ul1{ margin:0 -8px;} #Subpage2 .liheL .l1{ padding:0 8px;} #Subpage2 .liheL .l1 .la .cont{ padding:21px 12px 13px 12px;} } @media screen and (max-width:1230px){ #Subpage2 .contLeft{ width:200px;} #Subpage2 .contRight{ width:764px;} #Subpage2 .slideTit1{ padding:15px 20px 0 20px; margin-top:-74px; height:74px;} #Subpage2 .slideTit1 .tit1{ font-size:20px; line-height:20px;} #Subpage2 .slideTit1 .tit2{ font-size:14px; line-height:14px;} #Subpage2 .slideTit1 .tit2 span{ padding-right:10px;} #Subpage2 .slideTit1 .tit2 span:after{ width:6px; height:6px; margin-top:-3px;} #Subpage2 .slideTit4 .pz_SideLayer .l1 .la1:after{ left:-15px;} #Subpage2 .slideTit4 .pz_SideLayer .sub .l2 .la2:after{ left:-12px;} #Subpage2 .slideTit3 .tit1{ font-size:42px; line-height:32px;} #Subpage2 .slideTit3 .tit2{ font-size:26px; line-height:32px;} #Subpage2 .liheR .md.on{ margin-right:-497px;} #Subpage2 .liheL .l0{ padding-top:12px;} #Subpage2 .liheL .l0 .la .cont{ padding:15px 12px 10px 12px;} #Subpage2 .liheL .l0 .la .tit{ font-size:16px; line-height:26px;} #Subpage2 .liheL .ul1{ margin:0 -6px;} #Subpage2 .liheL .l1{ padding:0 6px; margin-top:12px;} #Subpage2 .liheL .l1 .la .cont{ padding:15px 12px 10px 12px;} #Subpage2 .liheL .l1 .la .tit{ font-size:16px; line-height:26px;} } @media screen and (max-width:1024px){ #Subpage2 .contLeft{ width:100%; min-height:1px; margin-bottom:0;} #Subpage2 .contRight{ width:100%;} #Subpage2 .slideTit2{ display:none;} #Subpage2 .slideTit1{ padding:12px 15px 0 15px; margin-top:-32px; height:64px;} #Subpage2 .slideTit1 .tit1{ font-size:18px; line-height:18px;} #Subpage2 .slideTit1 .tit2{ font-size:13px; margin-top:6px;} #Subpage2 .slideTit4{ padding:2px 0 10px 0;} #Subpage2 .slideTit4 .pz_SideLayer .l1 .la1{ width:92%; margin:0 4% 0 4%; line-height:36px; height:37px; font-size:15px;} #Subpage2 .slideTit4 .pz_SideLayer .sub .l2 .la2{ width:92%; margin:0 4% 0 4%; font-size:14px; line-height:30px; height:31px;} #Subpage2 .slideTit4 .pz_SideLayer .sub{ display:none;} #Subpage2 .slideImg1{ display:none;} #Subpage2 .slideTit3{ margin-top:25px;} #Subpage2 .slideTit3 .tit1{ font-size:27px; line-height:21px;} #Subpage2 .slideTit3 .tit2{ font-size:17px; line-height:21px;} #Subpage2 .slideTit6{ font-size:16px; line-height:26px; margin:20px 0 0 0;} #Subpage2 .slideTit7 a{ height:40px; line-height:38px; font-size:16px;} #Subpage2 .liheR .md{ width:100%; position:relative; top:0; margin-top:20px;} #Subpage2 .liheR .md.on{ margin-right:0; right:0; top:0; margin-top:0;} #Subpage2 .liheR .md .l2{ width:25%; margin-top:0; border-right:none;} #Subpage2 .liheR .md .l2.on{ border-right:none;} #Subpage2 .liheR .md .l2 a{ font-size:14px; line-height:34px;} #Subpage2 .liheReacd{ margin:25px 0 40px 0;} #Subpage2 .liheReacd .tit1{ font-size:16px; line-height:40px; padding:0 15px;} #Subpage2 .liheR{ padding-right:0;} #Subpage2 .liheDet{ margin:20px 0 0 0;} #Subpage2 .liheDet .tit0{ font-size:18px; margin-top:16px;} #Subpage2 .liheDet .tit0 .ico{ background-size:20px auto !important; padding-left:30px;} #Subpage2 .liheDet .sp1{ font-size:16px; margin:15px 0 6px 0;} #Subpage2 .liheDet .cont0{ font-size:14px; line-height:28px;} #Subpage2 .liheDet .cont.mt{ margin-top:15px;} #Subpage2 .liheDet .img1{ margin-top:15px;} #Subpage2 .liheDet .img1 .ul1{ margin:0 -6px;} #Subpage2 .liheDet .img1 .ul1 .l1{ padding:0 6px; margin-top:14px;} #Subpage2 .liheDet .img1 .ul1 .p1{ font-size:16px; line-height:26px; padding:8px 0;} } @media screen and (max-width:768px){ #Subpage2 .slideTit4 .pz_SideLayer .l1 .la1{ width:87%; margin:0 4% 0 9%; } #Subpage2 .slideTit4 .pz_SideLayer .sub .l2 .la2{ width:87%; margin:0 4% 0 9%;} #Subpage2 .liheDet .img1 .ul1 .l1{ width:100%;} #Subpage2 .liheL{ padding-left:0%;} #Subpage2 .liheL .ul0{ width:100%; position:relative; height:400px;} #Subpage2 .liheL .l0 .la .img{background-size:cover !important;} #Subpage2 .liheL .l1{ width:50%;} } /**/ #List3 .contLeft{ float:left; width:272px; min-height:200px; margin-bottom:50px;} #List3 .contRight{ float:right; width:1242px; min-height:200px;} #List3 .slideTit1{ float:left; width:100%; position:relative; top:0; margin-top:-106px; z-index:66; height:106px; background:#b50005; background:rgba(181,0,5,0.97); padding:24px 30px 0 33px;} #List3 .slideTit1 .tit1{ float:left; width:100%; color:#fff; font-size:28px; line-height:28px;} #List3 .slideTit1 .tit2{ float:left; width:100%; color:#fff; font-size:18px; line-height:18px; margin-top:8px; text-transform:uppercase; overflow:hidden;} #List3 .slideTit1 .tit2 span{ float:left; position:relative; padding-right:16px;} #List3 .slideTit1 .tit2 span:after{ float:left; width:8px; height:8px; background:#fff; border-radius:50%; position:absolute; left:100%; top:50%; margin-top:-4px; content:'';} #List3 .slideTit1 .tit2 span:before{ float:left; width:1200px; height:1px; background:#fff; border-radius:50%; position:absolute; left:100%; top:50%; content:'';} #List3 .slideImg1{ float:left; width:100%; line-height:0; margin:17px 0 0 0;} #List3 .slideTit4{ float:left; width:100%; background:#f7f7f7; padding:2px 0 15px 0;} #List3 .slideTit4 .pz_SideLayer{ float:left; width:100%;} #List3 .slideTit4 .pz_SideLayer .l1{ float:left; width:100%;} #List3 .slideTit4 .pz_SideLayer .l1 .la1{ float:left; width:69.5%; color:#333333; font-size:16px; line-height:60px; height:61px; background:url(/template/theme/CN/2499_ico2.png) left bottom repeat-x; position:relative; margin:0 11.02% 0 19.48%; z-index:4;} #List3 .slideTit4 .pz_SideLayer .l1 .la1:after{ float:left; width:9px; height:12px; background:url(/template/theme/CN/2499_ico.png) center no-repeat; position:absolute; left:-20px; top:50%; margin-top:-6px; content:'';} #List3 .slideTit4 .pz_SideLayer .l1 .la1 i{ float:left; width:15px; height:100%; background:url(/template/theme/CN/2499_Packag7.png) center no-repeat; position:absolute; right:4px; top:50; content:'';} #List3 .slideTit4 .pz_SideLayer .l1.on .la1, #List3 .slideTit4 .pz_SideLayer .l1:hover .la1{ color:#b50005; font-weight:bold;} #List3 .slideTit4 .pz_SideLayer .l1.on .la1 i{ background:url(/template/theme/CN/2499_Packag9.png) center no-repeat;} #List3 .slideTit4 .pz_SideLayer .l1.active .la1 i{ background:url(/template/theme/CN/2499_Packag8.png) center no-repeat;} #List3 .slideTit4 .pz_SideLayer .l1:last-child .la1{ background:none;} #List3 .slideTit4 .pz_SideLayer .sub{ float:left; width:100%; background:#e8e8e8; margin-top:-1px; position:relative; z-index:6;} #List3 .slideTit4 .pz_SideLayer .sub .l2{ float:left; width:100%;} #List3 .slideTit4 .pz_SideLayer .sub .l2 .la2{ float:left; width:69.5%; color:#333333; font-size:16px; line-height:41px; height:42px; margin:0 11.02% 0 19.48%; border-bottom:1px dashed #fff; position:relative;} #List3 .slideTit4 .pz_SideLayer .sub .l2:last-child .la2{ border-bottom:none;} #List3 .slideTit4 .pz_SideLayer .sub .l2 .la2:after{ float:left; width:4px; height:4px; border-radius:50%; background:#b50005; position:absolute; left:-16px; top:50%; margin-top:-2px; content:'';} #List3 .slideTit4 .pz_SideLayer .sub .l2.on .la2, #List3 .slideTit4 .pz_SideLayer .sub .l2:hover .la2{ color:#b50005;} #List3 .slideTit2{ float:left; width:100%; border-bottom:1px solid #e5e5e5; padding:0 10px; color:#666666; font-size:14px; line-height:25px; padding:11px 0 11px 22px;} #List3 .slideTit2 a{ color:#666666;} #List3 .slideTit2 a.on, #List3 .slideTit2 a:hover{ color:#b50005;} #List3 .slideTit3{ float:left; width:100%; text-align:center; margin-top:64px; position:relative;} #List3 .slideTit3 .tit1{ float:left; width:100%; color:#eeeeee; font-size:52px; line-height:40px; text-transform:uppercase; font-weight:bold;} #List3 .slideTit3 .tit2{ float:left; width:100%; color:#b50005; font-size:34px; line-height:40px; font-weight:bold; position:absolute; left:0; top:0;} #List3 .slideTit6{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; margin:60px 0 7px 0; text-align:center;} #List3 .slideTit7{ float:left; width:100%; margin-top:11px;} #List3 .slideTit7 a{ float:left; width:100%; height:56px; border:1px solid #e5e5e5; color:#333333; font-size:18px; line-height:54px; text-align:center;} #List3 .slideTit7 a:hover{ background:#b50005; border:1px solid #b50005; color:#fff;} #List3 .downloadL{ float:left; width:100%; margin-top:35px;} #List3 .downloadL .l1{ float:left; width:100%; margin-top:23px; position:relative; border:1px solid #e9e9e9; padding-left:318px; height:107px;-webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #List3 .downloadL .l1 .btn{ float:left; width:90px; height:100%; position:absolute; left:0; top:0; z-index:1; background:url(/template/theme/CN/2499_load5.png) right top no-repeat #cfcfcf;-webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #List3 .downloadL .l1 .btn a{ float:left; width:100%; height:100%; position:relative;} #List3 .downloadL .l1 .cont{ float:left; width:228px; height:65px; position:absolute; left:90px; top:20px; border-right:1px solid #e9e9e9; z-index:1; padding:2px 26px;} #List3 .downloadL .l1 .tit{ float:left; width:100%; color:#333333; font-size:18px; line-height:32px;} #List3 .downloadL .l1 .time{ float:left; width:100%; color:#666666; font-size:14px; line-height:28px; padding-left:18px;} #List3 .downloadL .l1 .info{ float:left; width:100%; color:#666666; font-size:16px; line-height:30px; height:60px; overflow:hidden; padding:0 30px 0 33px; margin:23px 0;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; } #List3 .downloadL .l1:hover .btn{ background:url(/template/theme/CN/2499_load5.png) right top no-repeat #b50005;} #List3 .downloadL .l1:hover .tit{ color:#b50005;} #List3 .downloadL .l1:hover{ box-shadow:0 2px 6px rgba(0,0,0,0.2);} /* 分页 */ #List3 .wack1{ float:left; width:100%; padding:54px 0; text-align:center;} #List3 .wack1 .pz_fy{ display:inline-block; *display:inline; *zoom:1;} #List3 .wack1 .pz_fy a { float:left; width:38px; height:38px; line-height:38px; border-radius:38px; -moz-border-radius:38px; -webkit-border-radius:38px; border: #e1e1e1 1px solid; color:#272727; font-size:14px; font-family:Arial; margin:0 5px;} #List3 .wack1 .pz_fy a:hover, #List3 .wack1 .pz_fy a.on{color:#fff; border:1px solid #b50005; background:#b50005;} #List3 .wack1 .pz_fy .l_fy, #List3 .wack1 .pz_fy .r_fy{ width:100px;} #List3 .wack1 .pz_fy .l_fy i, #List3 .wack1 .pz_fy .r_fy i{ display:block; width:16px; height:2px; background:#b50005; margin:17px auto; position:relative;} #List3 .wack1 .pz_fy .l_fy i:after, #List3 .wack1 .pz_fy .l_fy i:before, #List3 .wack1 .pz_fy .r_fy i:after, #List3 .wack1 .pz_fy .r_fy i:before{float:left; width:7px; height:2px; background:#b50005; content:''; position:relative;} #List3 .wack1 .pz_fy .l_fy i:after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top:3px; left:-7px; } #List3 .wack1 .pz_fy .l_fy i:before{ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top:-3px; left:0px; } #List3 .wack1 .pz_fy .r_fy i:after{ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top:3px; right:-2px; } #List3 .wack1 .pz_fy .r_fy i:before{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top:-3px; right:-9px;} #List3 .wack1 .pz_fy .l_fy:hover i, #List3 .wack1 .pz_fy .r_fy:hover i{ background:#fff;} #List3 .wack1 .pz_fy .l_fy:hover i:after, #List3 .wack1 .pz_fy .l_fy:hover i:before, #List3 .wack1 .pz_fy .r_fy:hover i:after, #List3 .wack1 .pz_fy .r_fy:hover i:before{ background:#fff;} @media screen and (max-width:1600px){ #List3 .contRight{ width:898px;} } @media screen and (max-width:1230px){ #List3 .contLeft{ width:200px;} #List3 .contRight{ width:764px;} #List3 .slideTit1{ padding:15px 20px 0 20px; margin-top:-74px; height:74px;} #List3 .slideTit1 .tit1{ font-size:20px; line-height:20px;} #List3 .slideTit1 .tit2{ font-size:14px; line-height:14px;} #List3 .slideTit1 .tit2 span{ padding-right:10px;} #List3 .slideTit1 .tit2 span:after{ width:6px; height:6px; margin-top:-3px;} #List3 .slideTit4 .pz_SideLayer .l1 .la1:after{ left:-15px;} #List3 .slideTit4 .pz_SideLayer .sub .l2 .la2:after{ left:-12px;} #List3 .slideTit3 .tit1{ font-size:42px; line-height:32px;} #List3 .slideTit3 .tit2{ font-size:26px; line-height:32px;} } @media screen and (max-width:1024px){ #List3 .contLeft{ width:100%; min-height:1px; margin-bottom:0;} #List3 .contRight{ width:100%;} #List3 .slideTit2{ display:none;} #List3 .slideTit1{ padding:12px 15px 0 15px; margin-top:-32px; height:64px;} #List3 .slideTit1 .tit1{ font-size:18px; line-height:18px;} #List3 .slideTit1 .tit2{ font-size:13px; margin-top:6px;} #List3 .slideTit4{ padding:2px 0 10px 0;} #List3 .slideTit4 .pz_SideLayer .l1 .la1{ width:92%; margin:0 4% 0 4%; line-height:36px; height:37px; font-size:15px;} #List3 .slideTit4 .pz_SideLayer .sub .l2 .la2{ width:92%; margin:0 4% 0 4%; font-size:14px; line-height:30px; height:31px;} #List3 .slideTit4 .pz_SideLayer .sub{ display:none;} #List3 .slideImg1{ display:none;} #List3 .slideTit3{ margin-top:25px;} #List3 .slideTit3 .tit1{ font-size:27px; line-height:21px;} #List3 .slideTit3 .tit2{ font-size:17px; line-height:21px;} #List3 .slideTit6{ font-size:16px; line-height:26px; margin:20px 0 0 0;} #List3 .slideTit7 a{ height:40px; line-height:38px; font-size:16px;} #List3 .downloadL { margin-top:18px;} #List3 .downloadL .l1{ margin-top:12px; height:78px; padding-left:250px;} #List3 .downloadL .l1 .btn{ width:70px; background-size:18px 18px !important;} #List3 .downloadL .l1 .btn a{ background-size:28px 28px !important;} #List3 .downloadL .l1 .cont{ height:52px; padding:0 15px; top:12px; left:70px; width:180px;} #List3 .downloadL .l1 .tit{ font-size:16px; line-height:28px;} #List3 .downloadL .l1 .time{ font-size:12px; line-height:24px;} #List3 .downloadL .l1 .info{ padding:0 15px; margin:12px 0; font-size:14px; line-height:26px; height:52px;} #List3 .downloadL .l1:hover .btn{ background-size:18px 18px !important;} #List3 .wack1{padding:30px 0;} #List3 .wack1 .fy_pc{ text-align:center; font-size:14px; color:#272727; padding:5px 0;} #List3 .wack1 .fy_pc a{ padding:5px 25px; color:#fff; border:solid 1px #b50005; background:#b50005; border-radius:16px; overflow:hidden;} #List3 .wack1 .fy_pc span{ padding:5px 20px; color:#272727;} } @media screen and (max-width:768px){ #List3 .slideTit4 .pz_SideLayer .l1 .la1{ width:87%; margin:0 4% 0 9%; } #List3 .slideTit4 .pz_SideLayer .sub .l2 .la2{ width:87%; margin:0 4% 0 9%;} #List3 .downloadL .l1{ padding-left:70px; height:auto;} #List3 .downloadL .l1 .cont{ position:static; margin:10px 0 0 0; width:100%; border:none; height:auto;} #List3 .downloadL .l1 .info{ margin:2px 0 10px 0;} #List3 .downloadL .l1 .tit{ line-height:24px;} #List3 .downloadL .l1 .time{ line-height:20px;} #List3 .downloadL .l1 .info{ line-height:22px; height:44px;} } /**/ #Subpage3 .contLeft{ float:left; width:272px; min-height:200px; margin-bottom:50px;} #Subpage3 .contRight{ float:right; width:1242px; min-height:200px;} #Subpage3 .slideTit1{ float:left; width:100%; position:relative; top:0; margin-top:-106px; z-index:66; height:106px; background:#b50005; background:rgba(181,0,5,0.97); padding:24px 30px 0 33px;} #Subpage3 .slideTit1 .tit1{ float:left; width:100%; color:#fff; font-size:28px; line-height:28px;} #Subpage3 .slideTit1 .tit2{ float:left; width:100%; color:#fff; font-size:18px; line-height:18px; margin-top:8px; text-transform:uppercase; overflow:hidden;} #Subpage3 .slideTit1 .tit2 span{ float:left; position:relative; padding-right:16px;} #Subpage3 .slideTit1 .tit2 span:after{ float:left; width:8px; height:8px; background:#fff; border-radius:50%; position:absolute; left:100%; top:50%; margin-top:-4px; content:'';} #Subpage3 .slideTit1 .tit2 span:before{ float:left; width:1200px; height:1px; background:#fff; border-radius:50%; position:absolute; left:100%; top:50%; content:'';} #Subpage3 .slideImg1{ float:left; width:100%; line-height:0; margin:17px 0 0 0;} #Subpage3 .slideTit4{ float:left; width:100%; background:#f7f7f7; padding:2px 0 15px 0;} #Subpage3 .slideTit4 .pz_SideLayer{ float:left; width:100%;} #Subpage3 .slideTit4 .pz_SideLayer .l1{ float:left; width:100%;} #Subpage3 .slideTit4 .pz_SideLayer .l1 .la1{ float:left; width:69.5%; color:#333333; font-size:16px; line-height:60px; height:61px; background:url(/template/theme/CN/2500_ico2.png) left bottom repeat-x; position:relative; margin:0 11.02% 0 19.48%; z-index:4;} #Subpage3 .slideTit4 .pz_SideLayer .l1 .la1:after{ float:left; width:9px; height:12px; background:url(/template/theme/CN/2500_ico.png) center no-repeat; position:absolute; left:-20px; top:50%; margin-top:-6px; content:'';} #Subpage3 .slideTit4 .pz_SideLayer .l1 .la1 i{ float:left; width:15px; height:100%; background:url(/template/theme/CN/2500_Packag7.png) center no-repeat; position:absolute; right:4px; top:50; content:'';} #Subpage3 .slideTit4 .pz_SideLayer .l1.on .la1, #Subpage3 .slideTit4 .pz_SideLayer .l1:hover .la1{ color:#b50005; font-weight:bold;} #Subpage3 .slideTit4 .pz_SideLayer .l1.on .la1 i{ background:url(/template/theme/CN/2500_Packag9.png) center no-repeat;} #Subpage3 .slideTit4 .pz_SideLayer .l1.active .la1 i{ background:url(/template/theme/CN/2500_Packag8.png) center no-repeat;} #Subpage3 .slideTit4 .pz_SideLayer .l1:last-child .la1{ background:none;} #Subpage3 .slideTit4 .pz_SideLayer .sub{ float:left; width:100%; background:#e8e8e8; margin-top:-1px; position:relative; z-index:6;} #Subpage3 .slideTit4 .pz_SideLayer .sub .l2{ float:left; width:100%;} #Subpage3 .slideTit4 .pz_SideLayer .sub .l2 .la2{ float:left; width:69.5%; color:#333333; font-size:16px; line-height:41px; height:42px; margin:0 11.02% 0 19.48%; border-bottom:1px dashed #fff; position:relative;} #Subpage3 .slideTit4 .pz_SideLayer .sub .l2:last-child .la2{ border-bottom:none;} #Subpage3 .slideTit4 .pz_SideLayer .sub .l2 .la2:after{ float:left; width:4px; height:4px; border-radius:50%; background:#b50005; position:absolute; left:-16px; top:50%; margin-top:-2px; content:'';} #Subpage3 .slideTit4 .pz_SideLayer .sub .l2.on .la2, #Subpage3 .slideTit4 .pz_SideLayer .sub .l2:hover .la2{ color:#b50005;} #Subpage3 .slideTit2{ float:left; width:100%; border-bottom:1px solid #e5e5e5; padding:0 10px; color:#666666; font-size:14px; line-height:25px; padding:11px 0 11px 22px;} #Subpage3 .slideTit2 a{ color:#666666;} #Subpage3 .slideTit2 a.on, #Subpage3 .slideTit2 a:hover{ color:#b50005;} #Subpage3 .slideTit3{ float:left; width:100%; text-align:center; margin-top:64px; position:relative;} #Subpage3 .slideTit3 .tit1{ float:left; width:100%; color:#eeeeee; font-size:52px; line-height:40px; text-transform:uppercase; font-weight:bold;} #Subpage3 .slideTit3 .tit2{ float:left; width:100%; color:#b50005; font-size:34px; line-height:40px; font-weight:bold; position:absolute; left:0; top:0;} #Subpage3 .slideTit6{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; margin:60px 0 7px 0; text-align:center;} #Subpage3 .slideTit7{ float:left; width:100%; margin-top:11px;} #Subpage3 .slideTit7 a{ float:left; width:100%; height:56px; border:1px solid #e5e5e5; color:#333333; font-size:18px; line-height:54px; text-align:center;} #Subpage3 .slideTit7 a:hover{ background:#b50005; border:1px solid #b50005; color:#fff;} /*contDet*/ #Subpage3 .contDet{ float:left; width:100%; padding:41px 0 53px 0;} #Subpage3 .contDet .tit{ float:left; width:100%; color:#333333; text-align:center; font-size:24px; line-height:34px;} #Subpage3 .contDet .info{ float:left; width:100%; color:#777777; font-size:14px; line-height:25px; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5; padding:10px 0; margin-top:45px;} #Subpage3 .contDet .info .time{ float:left; margin:5px 0;} #Subpage3 .contDet .info .btn{ float:right; color:#b50005; font-size:14px; line-height:35px;} #Subpage3 .contDet .info .btn i{ display:inline-block; vertical-align:top; width:38px; height:35px; border-radius:35px; margin-left:11px;} #Subpage3 .contDet .cont{ float:left; width:100%; color:#666666; font-size:16px; line-height:30px; margin:32px 0 60px 0;} #Subpage3 .sx_fy{ float:left; width:100%; background:url(/template/theme/CN/2500_load3.png) center 25px no-repeat; position:relative; padding-top:81px;} #Subpage3 .sx_fy .list{ float:left; width:50px; height:50px; line-height:50px; text-align:center; color:#fff; font-size:14px; background:#b50005; border-radius:50%; position:absolute; left:50%; top:0; margin:0 0 0 -25px; text-transform:uppercase;} #Subpage3 .sx_fy .l_fy, #Subpage3 .sx_fy .r_fy{ float:left; width:48%; color:#666666; font-size:14px; line-height:24px;} #Subpage3 .sx_fy .l_fy span, #Subpage3 .sx_fy .r_fy span{ display:block; color:#333333;} #Subpage3 .sx_fy .l_fy:hover, #Subpage3 .sx_fy .r_fy:hover{ color:#b50005;} #Subpage3 .sx_fy .r_fy{ float:right; text-align:right;} @media screen and (max-width:1600px){ #Subpage3 .contRight{ width:898px;} } @media screen and (max-width:1230px){ #Subpage3 .contLeft{ width:200px;} #Subpage3 .contRight{ width:764px;} #Subpage3 .slideTit1{ padding:15px 20px 0 20px; margin-top:-74px; height:74px;} #Subpage3 .slideTit1 .tit1{ font-size:20px; line-height:20px;} #Subpage3 .slideTit1 .tit2{ font-size:14px; line-height:14px;} #Subpage3 .slideTit1 .tit2 span{ padding-right:10px;} #Subpage3 .slideTit1 .tit2 span:after{ width:6px; height:6px; margin-top:-3px;} #Subpage3 .slideTit4 .pz_SideLayer .l1 .la1:after{ left:-15px;} #Subpage3 .slideTit4 .pz_SideLayer .sub .l2 .la2:after{ left:-12px;} #Subpage3 .slideTit3 .tit1{ font-size:42px; line-height:32px;} #Subpage3 .slideTit3 .tit2{ font-size:26px; line-height:32px;} } @media screen and (max-width:1024px){ #Subpage3 .contLeft{ width:100%; min-height:1px; margin-bottom:0;} #Subpage3 .contRight{ width:100%;} #Subpage3 .slideTit2{ display:none;} #Subpage3 .slideTit1{ padding:12px 15px 0 15px; margin-top:-32px; height:64px;} #Subpage3 .slideTit1 .tit1{ font-size:18px; line-height:18px;} #Subpage3 .slideTit1 .tit2{ font-size:13px; margin-top:6px;} #Subpage3 .slideTit4{ padding:2px 0 10px 0;} #Subpage3 .slideTit4 .pz_SideLayer .l1 .la1{ width:92%; margin:0 4% 0 4%; line-height:36px; height:37px; font-size:15px;} #Subpage3 .slideTit4 .pz_SideLayer .sub .l2 .la2{ width:92%; margin:0 4% 0 4%; font-size:14px; line-height:30px; height:31px;} #Subpage3 .slideTit4 .pz_SideLayer .sub{ display:none;} #Subpage3 .slideImg1{ display:none;} #Subpage3 .slideTit3{ margin-top:25px;} #Subpage3 .slideTit3 .tit1{ font-size:27px; line-height:21px;} #Subpage3 .slideTit3 .tit2{ font-size:17px; line-height:21px;} #Subpage3 .slideTit6{ font-size:16px; line-height:26px; margin:20px 0 0 0;} #Subpage3 .slideTit7 a{ height:40px; line-height:38px; font-size:16px;} #Subpage3 .contDet{ padding:20px 0 40px;} #Subpage3 .contDet .tit{ font-size:18px; line-height:28px;} #Subpage3 .contDet .info{ margin-top:20px;} #Subpage3 .contDet .cont{ font-size:14px; line-height:28px; margin:16px 0 30px 0;} #Subpage3 .sx_fy{ padding-top:60px;} } @media screen and (max-width:768px){ #Subpage3 .slideTit4 .pz_SideLayer .l1 .la1{ width:87%; margin:0 4% 0 9%; } #Subpage3 .slideTit4 .pz_SideLayer .sub .l2 .la2{ width:87%; margin:0 4% 0 9%;} } /**/ #List4 .contLeft{ float:left; width:272px; min-height:200px; margin-bottom:50px;} #List4 .contRight{ float:right; width:1242px; min-height:200px;} #List4 .slideTit1{ float:left; width:100%; position:relative; top:0; margin-top:-106px; z-index:66; height:106px; background:#b50005; background:rgba(181,0,5,0.97); padding:24px 30px 0 33px;} #List4 .slideTit1 .tit1{ float:left; width:100%; color:#fff; font-size:28px; line-height:28px;} #List4 .slideTit1 .tit2{ float:left; width:100%; color:#fff; font-size:18px; line-height:18px; margin-top:8px; text-transform:uppercase; overflow:hidden;} #List4 .slideTit1 .tit2 span{ float:left; position:relative; padding-right:16px;} #List4 .slideTit1 .tit2 span:after{ float:left; width:8px; height:8px; background:#fff; border-radius:50%; position:absolute; left:100%; top:50%; margin-top:-4px; content:'';} #List4 .slideTit1 .tit2 span:before{ float:left; width:1200px; height:1px; background:#fff; border-radius:50%; position:absolute; left:100%; top:50%; content:'';} #List4 .slideImg1{ float:left; width:100%; line-height:0; margin:17px 0 0 0;} #List4 .slideTit4{ float:left; width:100%; background:#f7f7f7; padding:2px 0 15px 0;} #List4 .slideTit4 .pz_SideLayer{ float:left; width:100%;} #List4 .slideTit4 .pz_SideLayer .l1{ float:left; width:100%;} #List4 .slideTit4 .pz_SideLayer .l1 .la1{ float:left; width:69.5%; color:#333333; font-size:16px; line-height:60px; height:61px; background:url(/template/theme/CN/2501_ico2.png) left bottom repeat-x; position:relative; margin:0 11.02% 0 19.48%; z-index:4;} #List4 .slideTit4 .pz_SideLayer .l1 .la1:after{ float:left; width:9px; height:12px; background:url(/template/theme/CN/2501_ico.png) center no-repeat; position:absolute; left:-20px; top:50%; margin-top:-6px; content:'';} #List4 .slideTit4 .pz_SideLayer .l1 .la1 i{ float:left; width:15px; height:100%; background:url(/template/theme/CN/2501_Packag7.png) center no-repeat; position:absolute; right:4px; top:50; content:'';} #List4 .slideTit4 .pz_SideLayer .l1.on .la1, #List4 .slideTit4 .pz_SideLayer .l1:hover .la1{ color:#b50005; font-weight:bold;} #List4 .slideTit4 .pz_SideLayer .l1.on .la1 i{ background:url(/template/theme/CN/2501_Packag9.png) center no-repeat;} #List4 .slideTit4 .pz_SideLayer .l1.active .la1 i{ background:url(/template/theme/CN/2501_Packag8.png) center no-repeat;} #List4 .slideTit4 .pz_SideLayer .l1:last-child .la1{ background:none;} #List4 .slideTit4 .pz_SideLayer .sub{ float:left; width:100%; background:#e8e8e8; margin-top:-1px; position:relative; z-index:6;} #List4 .slideTit4 .pz_SideLayer .sub .l2{ float:left; width:100%;} #List4 .slideTit4 .pz_SideLayer .sub .l2 .la2{ float:left; width:69.5%; color:#333333; font-size:16px; line-height:41px; height:42px; margin:0 11.02% 0 19.48%; border-bottom:1px dashed #fff; position:relative;} #List4 .slideTit4 .pz_SideLayer .sub .l2:last-child .la2{ border-bottom:none;} #List4 .slideTit4 .pz_SideLayer .sub .l2 .la2:after{ float:left; width:4px; height:4px; border-radius:50%; background:#b50005; position:absolute; left:-16px; top:50%; margin-top:-2px; content:'';} #List4 .slideTit4 .pz_SideLayer .sub .l2.on .la2, #List4 .slideTit4 .pz_SideLayer .sub .l2:hover .la2{ color:#b50005;} #List4 .slideTit2{ float:left; width:100%; border-bottom:1px solid #e5e5e5; padding:0 10px; color:#666666; font-size:14px; line-height:25px; padding:11px 0 11px 22px;} #List4 .slideTit2 a{ color:#666666;} #List4 .slideTit2 a.on, #List4 .slideTit2 a:hover{ color:#b50005;} #List4 .slideTit3{ float:left; width:100%; text-align:center; margin-top:64px; position:relative;} #List4 .slideTit3 .tit1{ float:left; width:100%; color:#eeeeee; font-size:52px; line-height:40px; text-transform:uppercase; font-weight:bold;} #List4 .slideTit3 .tit2{ float:left; width:100%; color:#b50005; font-size:34px; line-height:40px; font-weight:bold; position:absolute; left:0; top:0;} #List4 .slideTit6{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; margin:60px 0 7px 0; text-align:center;} #List4 .slideTit7{ float:left; width:100%; margin-top:11px;} #List4 .slideTit7 a{ float:left; width:100%; height:56px; border:1px solid #e5e5e5; color:#333333; font-size:18px; line-height:54px; text-align:center;} #List4 .slideTit7 a:hover{ background:#b50005; border:1px solid #b50005; color:#fff;} #List4 .news_list1{ float:left; width:100%; overflow:hidden; padding-top:28px;} #List4 .news_list1 li{ float:left; width:100%; background:#f5f5f5; margin-top:30px; padding:26px 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; } #List4 .news_list1 li a{ float:left; width:100%; position:relative;} #List4 .news_list1 li .time{ float:left; position:absolute; left:0; top:0; width:204px; height:178px; text-align:center; border-right:1px solid #dcdcdc;-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;} #List4 .news_list1 li .time time{ float:left; width:100%; color:#000; font-size:72px; line-height:72px; font-family:Arial; font-weight:bold; margin:31px 0 4px 0;opacity:0.4; filter:alpha(opacity=40);} #List4 .news_list1 li .time span{ float:left; width:100%; color:#333; font-size:20px; line-height:20px; font-family:Arial;} #List4 .news_list1 li .img{ float:left; width:291px; height:178px; line-height:0; overflow:hidden; position:absolute; left:263px; top:0;} #List4 .news_list1 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;} #List4 .news_list1 li:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} #List4 .news_list1 li .text{ float:left; width:100%; padding:0 40px 0 599px; min-height:178px;} #List4 .news_list1 li .text h5{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; margin:6px 0 14px 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; } #List4 .news_list1 li .text p{ float:left; width:100%; color:#666666; font-size:14px; line-height:29px; height:58px; overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;-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; } #List4 .news_list1 li .text span{ float:left; width:100%; margin-top:20px; border-top:1px solid #dcdcdc; color:#666666; font-size:14px; line-height:26px; padding-top:20px;} #List4 .news_list1 li .text span i{ display:inline-block; width:0; height:0; margin-left:9px; content:''; border-top: 4px solid transparent; border-bottom:4px solid transparent;border-left: 6px solid #666666; } #List4 .news_list1 li .text time{ display:none;} #List4 .news_list1 li:hover{ background:#b50005;} #List4 .news_list1 li:hover .text h5{ color:#fff;} #List4 .news_list1 li:hover .text p{ color:#fff;} #List4 .news_list1 li:hover .time{border-right:1px solid #fff;border-right:1px solid rgba(255,255,255,0.2);} #List4 .news_list1 li:hover .time time{ color:#fff;} #List4 .news_list1 li:hover .time span{ color:#fff;} #List4 .news_list1 li:hover .text span{ color:#fff;border-top:1px solid #fff;border-top:1px solid rgba(255,255,255,0.2);} #List4 .news_list1 li:hover .text span i{border-left: 6px solid #fff; } /* 分页 */ #List4 .wack1{ float:left; width:100%; padding:54px 0; text-align:center;} #List4 .wack1 .pz_fy{ display:inline-block; *display:inline; *zoom:1;} #List4 .wack1 .pz_fy a { float:left; width:38px; height:38px; line-height:38px; border-radius:38px; -moz-border-radius:38px; -webkit-border-radius:38px; border: #e1e1e1 1px solid; color:#272727; font-size:14px; font-family:Arial; margin:0 5px;} #List4 .wack1 .pz_fy a:hover, #List4 .wack1 .pz_fy a.on{color:#fff; border:1px solid #b50005; background:#b50005;} #List4 .wack1 .pz_fy .l_fy, #List4 .wack1 .pz_fy .r_fy{ width:100px;} #List4 .wack1 .pz_fy .l_fy i, #List4 .wack1 .pz_fy .r_fy i{ display:block; width:16px; height:2px; background:#b50005; margin:17px auto; position:relative;} #List4 .wack1 .pz_fy .l_fy i:after, #List4 .wack1 .pz_fy .l_fy i:before, #List4 .wack1 .pz_fy .r_fy i:after, #List4 .wack1 .pz_fy .r_fy i:before{float:left; width:7px; height:2px; background:#b50005; content:''; position:relative;} #List4 .wack1 .pz_fy .l_fy i:after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top:3px; left:-7px; } #List4 .wack1 .pz_fy .l_fy i:before{ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top:-3px; left:0px; } #List4 .wack1 .pz_fy .r_fy i:after{ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top:3px; right:-2px; } #List4 .wack1 .pz_fy .r_fy i:before{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top:-3px; right:-9px;} #List4 .wack1 .pz_fy .l_fy:hover i, #List4 .wack1 .pz_fy .r_fy:hover i{ background:#fff;} #List4 .wack1 .pz_fy .l_fy:hover i:after, #List4 .wack1 .pz_fy .l_fy:hover i:before, #List4 .wack1 .pz_fy .r_fy:hover i:after, #List4 .wack1 .pz_fy .r_fy:hover i:before{ background:#fff;} @media screen and (max-width:1600px){ #List4 .contRight{ width:898px;} #List4 .news_list1 li .time{ width:160px;} #List4 .news_list1 li .img{ left:180px;} #List4 .news_list1 li .text{padding:0 20px 0 490px; } } @media screen and (max-width:1230px){ #List4 .contLeft{ width:200px;} #List4 .contRight{ width:764px;} #List4 .slideTit1{ padding:15px 20px 0 20px; margin-top:-74px; height:74px;} #List4 .slideTit1 .tit1{ font-size:20px; line-height:20px;} #List4 .slideTit1 .tit2{ font-size:14px; line-height:14px;} #List4 .slideTit1 .tit2 span{ padding-right:10px;} #List4 .slideTit1 .tit2 span:after{ width:6px; height:6px; margin-top:-3px;} #List4 .slideTit4 .pz_SideLayer .l1 .la1:after{ left:-15px;} #List4 .slideTit4 .pz_SideLayer .sub .l2 .la2:after{ left:-12px;} #List4 .slideTit3 .tit1{ font-size:42px; line-height:32px;} #List4 .slideTit3 .tit2{ font-size:26px; line-height:32px;} #List4 .news_list1 li .time{ width:110px; height:115px;} #List4 .news_list1 li .time time{ font-size:54px; line-height:54px; margin:14px 0 3px 0;} #List4 .news_list1 li .time span{ font-size:14px; line-height:14px;} #List4 .news_list1 li .img{ float:left; width:188px; height:115px; left:125px; } #List4 .news_list1 li .text{ padding:0 15px 0 330px; min-height:115px;} #List4 .news_list1 li .text h5{ font-size:16px; line-height:24px; margin:0 0 5px 0;} #List4 .news_list1 li .text p{ line-height:22px; height:44px;} #List4 .news_list1 li .text span{ margin-top:10px; padding-top:5px;} } @media screen and (max-width:1024px){ #List4 .contLeft{ width:100%; min-height:1px; margin-bottom:0;} #List4 .contRight{ width:100%;} #List4 .slideTit2{ display:none;} #List4 .slideTit1{ padding:12px 15px 0 15px; margin-top:-32px; height:64px;} #List4 .slideTit1 .tit1{ font-size:18px; line-height:18px;} #List4 .slideTit1 .tit2{ font-size:13px; margin-top:6px;} #List4 .slideTit4{ padding:2px 0 10px 0;} #List4 .slideTit4 .pz_SideLayer .l1 .la1{ width:92%; margin:0 4% 0 4%; line-height:36px; height:37px; font-size:15px;} #List4 .slideTit4 .pz_SideLayer .sub .l2 .la2{ width:92%; margin:0 4% 0 4%; font-size:14px; line-height:30px; height:31px;} #List4 .slideTit4 .pz_SideLayer .sub{ display:none;} #List4 .slideImg1{ display:none;} #List4 .slideTit3{ margin-top:25px;} #List4 .slideTit3 .tit1{ font-size:27px; line-height:21px;} #List4 .slideTit3 .tit2{ font-size:17px; line-height:21px;} #List4 .slideTit6{ font-size:16px; line-height:26px; margin:20px 0 0 0;} #List4 .slideTit7 a{ height:40px; line-height:38px; font-size:16px;} #List4 .news_list1{ padding-top:10px;} #List4 .news_list1 li{ margin-top:15px; padding:15px 0;} #List4 .wack1{padding:30px 0;} #List4 .wack1 .fy_pc{ text-align:center; font-size:14px; color:#272727; padding:5px 0;} #List4 .wack1 .fy_pc a{ padding:5px 25px; color:#fff; border:solid 1px #b50005; background:#b50005; border-radius:16px; overflow:hidden;} #List4 .wack1 .fy_pc span{ padding:5px 20px; color:#272727;} } @media screen and (max-width:768px){ #List4 .slideTit4 .pz_SideLayer .l1 .la1{ width:87%; margin:0 4% 0 9%; } #List4 .slideTit4 .pz_SideLayer .sub .l2 .la2{ width:87%; margin:0 4% 0 9%;} #List4 .news_list1 li{ margin-top:12px; padding:10px 0;} #List4 .news_list1 li .time{ display:none;} #List4 .news_list1 li .img{ left:10px; width:131px; height:80px;} #List4 .news_list1 li .text{ padding:0 10px 0 150px; min-height:80px;} #List4 .news_list1 li .text h5{ font-size:16px; line-height:24px; margin:0 0 1px 0;} #List4 .news_list1 li .text p{ line-height:20px; height:20px;-webkit-line-clamp:1;} #List4 .news_list1 li .text span{ margin-top:6px; padding-top:2px;} } /**/ #Subpage4 .contLeft{ float:left; width:272px; min-height:200px; margin-bottom:50px;} #Subpage4 .contRight{ float:right; width:1242px; min-height:200px;} #Subpage4 .slideTit1{ float:left; width:100%; position:relative; top:0; margin-top:-106px; z-index:66; height:106px; background:#b50005; background:rgba(181,0,5,0.97); padding:24px 30px 0 33px;} #Subpage4 .slideTit1 .tit1{ float:left; width:100%; color:#fff; font-size:28px; line-height:28px;} #Subpage4 .slideTit1 .tit2{ float:left; width:100%; color:#fff; font-size:18px; line-height:18px; margin-top:8px; text-transform:uppercase; overflow:hidden;} #Subpage4 .slideTit1 .tit2 span{ float:left; position:relative; padding-right:16px;} #Subpage4 .slideTit1 .tit2 span:after{ float:left; width:8px; height:8px; background:#fff; border-radius:50%; position:absolute; left:100%; top:50%; margin-top:-4px; content:'';} #Subpage4 .slideTit1 .tit2 span:before{ float:left; width:1200px; height:1px; background:#fff; border-radius:50%; position:absolute; left:100%; top:50%; content:'';} #Subpage4 .slideImg1{ float:left; width:100%; line-height:0; margin:17px 0 0 0;} #Subpage4 .slideTit4{ float:left; width:100%; background:#f7f7f7; padding:2px 0 15px 0;} #Subpage4 .slideTit4 .pz_SideLayer{ float:left; width:100%;} #Subpage4 .slideTit4 .pz_SideLayer .l1{ float:left; width:100%;} #Subpage4 .slideTit4 .pz_SideLayer .l1 .la1{ float:left; width:69.5%; color:#333333; font-size:16px; line-height:60px; height:61px; background:url(/template/theme/CN/2502_ico2.png) left bottom repeat-x; position:relative; margin:0 11.02% 0 19.48%; z-index:4;} #Subpage4 .slideTit4 .pz_SideLayer .l1 .la1:after{ float:left; width:9px; height:12px; background:url(/template/theme/CN/2502_ico.png) center no-repeat; position:absolute; left:-20px; top:50%; margin-top:-6px; content:'';} #Subpage4 .slideTit4 .pz_SideLayer .l1 .la1 i{ float:left; width:15px; height:100%; background:url(/template/theme/CN/2502_Packag7.png) center no-repeat; position:absolute; right:4px; top:50; content:'';} #Subpage4 .slideTit4 .pz_SideLayer .l1.on .la1, #Subpage4 .slideTit4 .pz_SideLayer .l1:hover .la1{ color:#b50005; font-weight:bold;} #Subpage4 .slideTit4 .pz_SideLayer .l1.on .la1 i{ background:url(/template/theme/CN/2502_Packag9.png) center no-repeat;} #Subpage4 .slideTit4 .pz_SideLayer .l1.active .la1 i{ background:url(/template/theme/CN/2502_Packag8.png) center no-repeat;} #Subpage4 .slideTit4 .pz_SideLayer .l1:last-child .la1{ background:none;} #Subpage4 .slideTit4 .pz_SideLayer .sub{ float:left; width:100%; background:#e8e8e8; margin-top:-1px; position:relative; z-index:6;} #Subpage4 .slideTit4 .pz_SideLayer .sub .l2{ float:left; width:100%;} #Subpage4 .slideTit4 .pz_SideLayer .sub .l2 .la2{ float:left; width:69.5%; color:#333333; font-size:16px; line-height:41px; height:42px; margin:0 11.02% 0 19.48%; border-bottom:1px dashed #fff; position:relative;} #Subpage4 .slideTit4 .pz_SideLayer .sub .l2:last-child .la2{ border-bottom:none;} #Subpage4 .slideTit4 .pz_SideLayer .sub .l2 .la2:after{ float:left; width:4px; height:4px; border-radius:50%; background:#b50005; position:absolute; left:-16px; top:50%; margin-top:-2px; content:'';} #Subpage4 .slideTit4 .pz_SideLayer .sub .l2.on .la2, #Subpage4 .slideTit4 .pz_SideLayer .sub .l2:hover .la2{ color:#b50005;} #Subpage4 .slideTit2{ float:left; width:100%; border-bottom:1px solid #e5e5e5; padding:0 10px; color:#666666; font-size:14px; line-height:25px; padding:11px 0 11px 22px;} #Subpage4 .slideTit2 a{ color:#666666;} #Subpage4 .slideTit2 a.on, #Subpage4 .slideTit2 a:hover{ color:#b50005;} #Subpage4 .slideTit3{ float:left; width:100%; text-align:center; margin-top:64px; position:relative;} #Subpage4 .slideTit3 .tit1{ float:left; width:100%; color:#eeeeee; font-size:52px; line-height:40px; text-transform:uppercase; font-weight:bold;} #Subpage4 .slideTit3 .tit2{ float:left; width:100%; color:#b50005; font-size:34px; line-height:40px; font-weight:bold; position:absolute; left:0; top:0;} #Subpage4 .slideTit6{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; margin:60px 0 7px 0; text-align:center;} #Subpage4 .slideTit7{ float:left; width:100%; margin-top:11px;} #Subpage4 .slideTit7 a{ float:left; width:100%; height:56px; border:1px solid #e5e5e5; color:#333333; font-size:18px; line-height:54px; text-align:center;} #Subpage4 .slideTit7 a:hover{ background:#b50005; border:1px solid #b50005; color:#fff;} /*contDet*/ #Subpage4 .contDet{ float:left; width:100%; padding:41px 0 53px 0;} #Subpage4 .contDet .tit{ float:left; width:100%; color:#333333; text-align:center; font-size:24px; line-height:34px;} #Subpage4 .contDet .info{ float:left; width:100%; color:#777777; font-size:14px; line-height:25px; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5; padding:10px 0; margin-top:45px;} #Subpage4 .contDet .info .time{ float:left; margin:5px 0;} #Subpage4 .contDet .info .btn{ float:right; color:#b50005; font-size:14px; line-height:35px;} #Subpage4 .contDet .info .btn i{ display:inline-block; vertical-align:top; width:38px; height:35px; border-radius:35px; margin-left:11px;} #Subpage4 .contDet .cont{ float:left; width:100%; color:#666666; font-size:16px; line-height:30px; margin:32px 0 60px 0;} #Subpage4 .sx_fy{ float:left; width:100%; background:url(/template/theme/CN/2502_load3.png) center 25px no-repeat; position:relative; padding-top:81px;} #Subpage4 .sx_fy .list{ float:left; width:50px; height:50px; line-height:50px; text-align:center; color:#fff; font-size:14px; background:#b50005; border-radius:50%; position:absolute; left:50%; top:0; margin:0 0 0 -25px; text-transform:uppercase;} #Subpage4 .sx_fy .l_fy, #Subpage4 .sx_fy .r_fy{ float:left; width:48%; color:#666666; font-size:14px; line-height:24px;} #Subpage4 .sx_fy .l_fy span, #Subpage4 .sx_fy .r_fy span{ display:block; color:#333333;} #Subpage4 .sx_fy .l_fy:hover, #Subpage4 .sx_fy .r_fy:hover{ color:#b50005;} #Subpage4 .sx_fy .r_fy{ float:right; text-align:right;} #Subpage4 .newsReacd{ float:left; width:100%; margin:0 0 64px 0;} #Subpage4 .newsReacd .tit1{ float:left; width:100%; background:#b50005; color:#fff; font-size:18px; line-height:50px; padding:0 20px;} #Subpage4 .newsReacd .tit1 .la{ float:right; color:#fff; font-size:14px; padding-right:13px; position:relative;} #Subpage4 .newsReacd .cont{ float:left; width:100%;} #Subpage4 .newsReacd .cont .ul1{ margin:0 -8px;} #Subpage4 .newsReacd .cont .l1{ float:left; width:50%; padding:0 8px;} #Subpage4 .newsReacd .cont .l1 a{ float:left; width:100%; color:#666666; font-size:16px; line-height:46px; height:47px; padding:0 130px 0 32px; position:relative; border-bottom:1px solid #e5e5e5;} #Subpage4 .newsReacd .cont .l1 a:after{ float:left; width:4px; height:4px; border-radius:50%; content:''; position:absolute; left:20px; top:50%; margin-top:-2px; background:#666666;} #Subpage4 .newsReacd .cont .l1 time{ float:left; position:absolute; right:20px; top:0;} #Subpage4 .newsReacd .cont .l1:hover a, #Subpage4 .newsReacd .cont .l1:hover time{ color:#b50005;} #Subpage4 .newsReacd .cont .l1:hover a:after{ background:#C01} @media screen and (max-width:1600px){ #Subpage4 .contRight{ width:898px;} } @media screen and (max-width:1230px){ #Subpage4 .contLeft{ width:200px;} #Subpage4 .contRight{ width:764px;} #Subpage4 .slideTit1{ padding:15px 20px 0 20px; margin-top:-74px; height:74px;} #Subpage4 .slideTit1 .tit1{ font-size:20px; line-height:20px;} #Subpage4 .slideTit1 .tit2{ font-size:14px; line-height:14px;} #Subpage4 .slideTit1 .tit2 span{ padding-right:10px;} #Subpage4 .slideTit1 .tit2 span:after{ width:6px; height:6px; margin-top:-3px;} #Subpage4 .slideTit4 .pz_SideLayer .l1 .la1:after{ left:-15px;} #Subpage4 .slideTit4 .pz_SideLayer .sub .l2 .la2:after{ left:-12px;} #Subpage4 .slideTit3 .tit1{ font-size:42px; line-height:32px;} #Subpage4 .slideTit3 .tit2{ font-size:26px; line-height:32px;} } @media screen and (max-width:1024px){ #Subpage4 .contLeft{ width:100%; min-height:1px; margin-bottom:0;} #Subpage4 .contRight{ width:100%;} #Subpage4 .slideTit2{ display:none;} #Subpage4 .slideTit1{ padding:12px 15px 0 15px; margin-top:-32px; height:64px;} #Subpage4 .slideTit1 .tit1{ font-size:18px; line-height:18px;} #Subpage4 .slideTit1 .tit2{ font-size:13px; margin-top:6px;} #Subpage4 .slideTit4{ padding:2px 0 10px 0;} #Subpage4 .slideTit4 .pz_SideLayer .l1 .la1{ width:92%; margin:0 4% 0 4%; line-height:36px; height:37px; font-size:15px;} #Subpage4 .slideTit4 .pz_SideLayer .sub .l2 .la2{ width:92%; margin:0 4% 0 4%; font-size:14px; line-height:30px; height:31px;} #Subpage4 .slideTit4 .pz_SideLayer .sub{ display:none;} #Subpage4 .slideImg1{ display:none;} #Subpage4 .slideTit3{ margin-top:25px;} #Subpage4 .slideTit3 .tit1{ font-size:27px; line-height:21px;} #Subpage4 .slideTit3 .tit2{ font-size:17px; line-height:21px;} #Subpage4 .slideTit6{ font-size:16px; line-height:26px; margin:20px 0 0 0;} #Subpage4 .slideTit7 a{ height:40px; line-height:38px; font-size:16px;} #Subpage4 .contDet{ padding:20px 0 40px;} #Subpage4 .contDet .tit{ font-size:18px; line-height:28px;} #Subpage4 .contDet .info{ margin-top:20px;} #Subpage4 .contDet .cont{ font-size:14px; line-height:28px; margin:16px 0 30px 0;} #Subpage4 .sx_fy{ padding-top:60px;} #Subpage4 .newsReacd{ margin:0 0 40px 0;} #Subpage4 .newsReacd .tit1{ font-size:16px; line-height:40px; padding:0 12px;} #Subpage4 .newsReacd .cont .l1 a{ font-size:14px; height:37px; line-height:36px; padding:0 110px 0 24px;} #Subpage4 .newsReacd .cont .l1 a:after{ left:12px;} #Subpage4 .newsReacd .cont .l1 time{ right:12px;} } @media screen and (max-width:768px){ #Subpage4 .slideTit4 .pz_SideLayer .l1 .la1{ width:87%; margin:0 4% 0 9%; } #Subpage4 .slideTit4 .pz_SideLayer .sub .l2 .la2{ width:87%; margin:0 4% 0 9%;} #Subpage4 .newsReacd .cont .l1{ width:100%;} } /**/ #Content12 .contLeft{ float:left; width:272px; min-height:200px; margin-bottom:50px;} #Content12 .contRight{ float:right; width:1242px; min-height:200px;} #Content12 .slideTit1{ float:left; width:100%; position:relative; top:0; margin-top:-106px; z-index:66; height:106px; background:#b50005; background:rgba(181,0,5,0.97); padding:24px 30px 0 33px;} #Content12 .slideTit1 .tit1{ float:left; width:100%; color:#fff; font-size:28px; line-height:28px;} #Content12 .slideTit1 .tit2{ float:left; width:100%; color:#fff; font-size:18px; line-height:18px; margin-top:8px; text-transform:uppercase; overflow:hidden;} #Content12 .slideTit1 .tit2 span{ float:left; position:relative; padding-right:16px;} #Content12 .slideTit1 .tit2 span:after{ float:left; width:8px; height:8px; background:#fff; border-radius:50%; position:absolute; left:100%; top:50%; margin-top:-4px; content:'';} #Content12 .slideTit1 .tit2 span:before{ float:left; width:1200px; height:1px; background:#fff; border-radius:50%; position:absolute; left:100%; top:50%; content:'';} #Content12 .slideImg1{ float:left; width:100%; line-height:0; margin:17px 0 0 0;} #Content12 .slideTit4{ float:left; width:100%; background:#f7f7f7; padding:2px 0 15px 0;} #Content12 .slideTit4 .pz_SideLayer{ float:left; width:100%;} #Content12 .slideTit4 .pz_SideLayer .l1{ float:left; width:100%;} #Content12 .slideTit4 .pz_SideLayer .l1 .la1{ float:left; width:69.5%; color:#333333; font-size:16px; line-height:60px; height:61px; background:url(/template/theme/CN/2503_ico2.png) left bottom repeat-x; position:relative; margin:0 11.02% 0 19.48%; z-index:4;} #Content12 .slideTit4 .pz_SideLayer .l1 .la1:after{ float:left; width:9px; height:12px; background:url(/template/theme/CN/2503_ico.png) center no-repeat; position:absolute; left:-20px; top:50%; margin-top:-6px; content:'';} #Content12 .slideTit4 .pz_SideLayer .l1 .la1 i{ float:left; width:15px; height:100%; background:url(/template/theme/CN/2503_Packag7.png) center no-repeat; position:absolute; right:4px; top:50; content:'';} #Content12 .slideTit4 .pz_SideLayer .l1.on .la1, #Content12 .slideTit4 .pz_SideLayer .l1:hover .la1{ color:#b50005; font-weight:bold;} #Content12 .slideTit4 .pz_SideLayer .l1.on .la1 i{ background:url(/template/theme/CN/2503_Packag9.png) center no-repeat;} #Content12 .slideTit4 .pz_SideLayer .l1.active .la1 i{ background:url(/template/theme/CN/2503_Packag8.png) center no-repeat;} #Content12 .slideTit4 .pz_SideLayer .l1:last-child .la1{ background:none;} #Content12 .slideTit4 .pz_SideLayer .sub{ float:left; width:100%; background:#e8e8e8; margin-top:-1px; position:relative; z-index:6;} #Content12 .slideTit4 .pz_SideLayer .sub .l2{ float:left; width:100%;} #Content12 .slideTit4 .pz_SideLayer .sub .l2 .la2{ float:left; width:69.5%; color:#333333; font-size:16px; line-height:41px; height:42px; margin:0 11.02% 0 19.48%; border-bottom:1px dashed #fff; position:relative;} #Content12 .slideTit4 .pz_SideLayer .sub .l2:last-child .la2{ border-bottom:none;} #Content12 .slideTit4 .pz_SideLayer .sub .l2 .la2:after{ float:left; width:4px; height:4px; border-radius:50%; background:#b50005; position:absolute; left:-16px; top:50%; margin-top:-2px; content:'';} #Content12 .slideTit4 .pz_SideLayer .sub .l2.on .la2, #Content12 .slideTit4 .pz_SideLayer .sub .l2:hover .la2{ color:#b50005;} #Content12 .slideTit2{ float:left; width:100%; border-bottom:1px solid #e5e5e5; padding:0 10px; color:#666666; font-size:14px; line-height:25px; padding:11px 0 11px 22px;} #Content12 .slideTit2 a{ color:#666666;} #Content12 .slideTit2 a.on, #Content12 .slideTit2 a:hover{ color:#b50005;} #Content12 .slideTit3{ float:left; width:100%; text-align:center; margin-top:64px; position:relative;} #Content12 .slideTit3 .tit1{ float:left; width:100%; color:#eeeeee; font-size:52px; line-height:40px; text-transform:uppercase; font-weight:bold;} #Content12 .slideTit3 .tit2{ float:left; width:100%; color:#b50005; font-size:34px; line-height:40px; font-weight:bold; position:absolute; left:0; top:0;} #Content12 .slideTit6{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; margin:60px 0 7px 0; text-align:center;} #Content12 .slideTit7{ float:left; width:100%; margin-top:11px;} #Content12 .slideTit7 a{ float:left; width:100%; height:56px; border:1px solid #e5e5e5; color:#333333; font-size:18px; line-height:54px; text-align:center;} #Content12 .slideTit7 a:hover{ background:#b50005; border:1px solid #b50005; color:#fff;} /*liucheng*/ #Content12 .liucheng{ float:left; width:100%;} #Content12 .liuchengC{ float:left; width:100%; padding:75px 0 0 0; overflow:hidden;} #Content12 .liuchengC .l1{ float:left; width:19.4%; margin:64px 0; height:118px; position:relative;} #Content12 .liuchengC .l1 .lc{ float:left; width:100%; position:relative;} #Content12 .liuchengC .l1 .lc:after{ float:left; width:100%; height:1px; position:absolute; left:16px; top:50%; content:''; border-bottom:1px dashed #b00106; z-index:1;} #Content12 .liuchengC .l1 .lc.mt{ margin-top:-93px;} #Content12 .liuchengC .l1 .lc.md{ margin-top:69px;} #Content12 .liuchengC .l1 .lc.mt:after, #Content12 .liuchengC .l1 .lc.md:after{ display:none;} #Content12 .liuchengC .last .lc:after{ display:none;} #Content12 .liuchengC .l1 .la{ float:left; width:122px; position:relative; margin-left:-10px; z-index:6;} #Content12 .liuchengC .l1 .la .tit{ float:left; position:relative; z-index:6; width:100%; height:118px; color:#fff; font-size:14px; line-height:24px; display:flex;flex-direction: column;justify-content:center;align-items:center; text-align:center; padding:0 28px;} #Content12 .liuchengC .l1 .la .bg{ float:left; width:100%; position:absolute; left:0; top:0; z-index:1;} #Content12 .liuchengC .l2 .lin{ float:left; width:198px; height:188px; border:1px dashed #b00106; position:absolute; left:-38px; top:50%; margin:-94px 0 0 0; background:#fff; z-index:2;} #Content12 .liuchengC .l2_1{ width:22.4%;} #Content12 .liuchengC .l2_1:before{ float:left; width:100%; height:1px; position:absolute; right:-7%; top:50%; content:''; border-bottom:1px dashed #b00106; z-index:1;} #Content12 .liuchengC .l2_1 .la{ margin-left:0;} #Content12 .liuchengC .l3 .la{ float:right;margin-left:0; margin-right:-10px;} #Content12 .liuchengC .l3_1 .lc:after{ left:-6px;} #Content12 .liuchengC .l3_1:after{ float:left; width:1px; height:200px; position:absolute; right:51px; bottom:100%; margin-bottom:-14px; content:''; border-right:1px dashed #b00106; z-index:1;} #Content12 .liuchengC .l3_1:before{ float:left; width:100%; height:1px; position:absolute; right:51px; bottom:100%; margin-bottom:186px; content:''; border-bottom:1px dashed #b00106; z-index:1;} #Content12 .liuchengC .l4:after{ float:left; width:1px; height:202px; position:absolute; left:51px; top:50%; content:''; border-right:1px dashed #b00106; z-index:1;} @media screen and (max-width:1600px){ #Content12 .contRight{ width:898px;} #Content12 .liuchengC .l2 .lin{width:144px; height:188px; left:-18px; top:50%; margin:-94px 0 0 0;} } @media screen and (max-width:1230px){ #Content12 .contLeft{ width:200px;} #Content12 .contRight{ width:764px;} #Content12 .slideTit1{ padding:15px 20px 0 20px; margin-top:-74px; height:74px;} #Content12 .slideTit1 .tit1{ font-size:20px; line-height:20px;} #Content12 .slideTit1 .tit2{ font-size:14px; line-height:14px;} #Content12 .slideTit1 .tit2 span{ padding-right:10px;} #Content12 .slideTit1 .tit2 span:after{ width:6px; height:6px; margin-top:-3px;} #Content12 .slideTit4 .pz_SideLayer .l1 .la1:after{ left:-15px;} #Content12 .slideTit4 .pz_SideLayer .sub .l2 .la2:after{ left:-12px;} #Content12 .slideTit3 .tit1{ font-size:42px; line-height:32px;} #Content12 .slideTit3 .tit2{ font-size:26px; line-height:32px;} #Content12 .liuchengC .l1{ width:18.4%;} #Content12 .liuchengC .l2_1{ width:26.4%;} } @media screen and (max-width:1024px){ #Content12 .contLeft{ width:100%; min-height:1px; margin-bottom:0;} #Content12 .contRight{ width:100%;} #Content12 .slideTit2{ display:none;} #Content12 .slideTit1{ padding:12px 15px 0 15px; margin-top:-32px; height:64px;} #Content12 .slideTit1 .tit1{ font-size:18px; line-height:18px;} #Content12 .slideTit1 .tit2{ font-size:13px; margin-top:6px;} #Content12 .slideTit4{ padding:2px 0 10px 0;} #Content12 .slideTit4 .pz_SideLayer .l1 .la1{ width:92%; margin:0 4% 0 4%; line-height:36px; height:37px; font-size:15px;} #Content12 .slideTit4 .pz_SideLayer .sub .l2 .la2{ width:92%; margin:0 4% 0 4%; font-size:14px; line-height:30px; height:31px;} #Content12 .slideTit4 .pz_SideLayer .sub{ display:none;} #Content12 .slideImg1{ display:none;} #Content12 .slideTit3{ margin-top:25px;} #Content12 .slideTit3 .tit1{ font-size:27px; line-height:21px;} #Content12 .slideTit3 .tit2{ font-size:17px; line-height:21px;} #Content12 .slideTit6{ font-size:16px; line-height:26px; margin:20px 0 0 0;} #Content12 .slideTit7 a{ height:40px; line-height:38px; font-size:16px;} #Content12 .liuchengC{ padding:50px 0 0 0;} #Content12 .liuchengC .l1{ margin:32px 0;} #Content12 .liuchengC .l1 .lc.mt{ margin-top:-59px;} #Content12 .liuchengC .l1 .lc.md{ margin-top:0px;} #Content12 .liuchengC .l2 .lin{width:144px; height:120px; left:-18px; top:50%; margin:-60px 0 0 0;} #Content12 .liuchengC .l3_1:before{ margin-bottom:122px;} #Content12 .liuchengC .l3_1:after{ height:136px;} #Content12 .liuchengC .l4:after{ height:136px;} } @media screen and (max-width:768px){ #Content12 .slideTit4 .pz_SideLayer .l1 .la1{ width:87%; margin:0 4% 0 9%; } #Content12 .slideTit4 .pz_SideLayer .sub .l2 .la2{ width:87%; margin:0 4% 0 9%;} #Content12 .liuchengC{ padding:30px 0;} #Content12 .liuchengC .l1{ width:33.33%; height:87px; margin:0;} #Content12 .liuchengC .l1 .la{ width:90px; height:87px; margin-left:0;} #Content12 .liuchengC .l1 .la .tit{ height:87px; font-size:12px; line-height:18px; padding:0 18px;} #Content12 .liuchengC .l2{ width:66.66%;} #Content12 .liuchengC .l2 .lc{ width:50%;} #Content12 .liuchengC .l2 .lin{ width:100%; height:40px; margin:-20px 0 0 0;} #Content12 .liuchengC .l1 .lc.mt{ margin-top:0;} #Content12 .liuchengC .l1 .lc.md{ margin-top:0px;} #Content12 .liuchengC .l2_1:before{ display:none;} #Content12 .liuchengC .l3_1:after{ display:none;} #Content12 .liuchengC .l4:after{ display:none;} #Content12 .liuchengC .l1:nth-child(3):after{ float:left; width:1px; height:100%; position:absolute; right:0; top:50%; content:''; border-right:1px dashed #b00106; z-index:1;} #Content12 .liuchengC .l1:nth-child(4):after{ float:left; width:1px; height:100%; position:absolute; left:45px; top:50%; content:''; border-right:1px dashed #b00106; z-index:1;} #Content12 .liuchengC .l1:nth-child(5):after{ float:left; width:100%; height:1px; position:absolute; right:0; top:50%; content:''; border-bottom:1px dashed #b00106; z-index:1;} #Content12 .liuchengC .l1:nth-child(7):after{ float:left; width:100%; height:1px; position:absolute; right:0; top:50%; content:''; border-bottom:1px dashed #b00106; z-index:1;} #Content12 .liuchengC .l1:nth-child(10):before{ float:left; width:1px; height:100%; position:absolute; right:0; top:-50%; content:''; border-right:1px dashed #b00106; z-index:1;} #Content12 .liuchengC .l1:nth-child(8):before{ float:left; width:1px; height:100%; position:absolute; left:16px; top:50%; content:''; border-right:1px dashed #b00106; z-index:1;} } /**/ #Content13 .contLeft{ float:left; width:272px; min-height:200px; margin-bottom:50px;} #Content13 .contRight{ float:right; width:1242px; min-height:200px;} #Content13 .slideTit1{ float:left; width:100%; position:relative; top:0; margin-top:-106px; z-index:66; height:106px; background:#b50005; background:rgba(181,0,5,0.97); padding:24px 30px 0 33px;} #Content13 .slideTit1 .tit1{ float:left; width:100%; color:#fff; font-size:28px; line-height:28px;} #Content13 .slideTit1 .tit2{ float:left; width:100%; color:#fff; font-size:18px; line-height:18px; margin-top:8px; text-transform:uppercase; overflow:hidden;} #Content13 .slideTit1 .tit2 span{ float:left; position:relative; padding-right:16px;} #Content13 .slideTit1 .tit2 span:after{ float:left; width:8px; height:8px; background:#fff; border-radius:50%; position:absolute; left:100%; top:50%; margin-top:-4px; content:'';} #Content13 .slideTit1 .tit2 span:before{ float:left; width:1200px; height:1px; background:#fff; border-radius:50%; position:absolute; left:100%; top:50%; content:'';} #Content13 .slideImg1{ float:left; width:100%; line-height:0; margin:17px 0 0 0;} #Content13 .slideTit4{ float:left; width:100%; background:#f7f7f7; padding:2px 0 15px 0;} #Content13 .slideTit4 .pz_SideLayer{ float:left; width:100%;} #Content13 .slideTit4 .pz_SideLayer .l1{ float:left; width:100%;} #Content13 .slideTit4 .pz_SideLayer .l1 .la1{ float:left; width:69.5%; color:#333333; font-size:16px; line-height:60px; height:61px; background:url(/template/theme/CN/2504_ico2.png) left bottom repeat-x; position:relative; margin:0 11.02% 0 19.48%; z-index:4;} #Content13 .slideTit4 .pz_SideLayer .l1 .la1:after{ float:left; width:9px; height:12px; background:url(/template/theme/CN/2504_ico.png) center no-repeat; position:absolute; left:-20px; top:50%; margin-top:-6px; content:'';} #Content13 .slideTit4 .pz_SideLayer .l1 .la1 i{ float:left; width:15px; height:100%; background:url(/template/theme/CN/2504_Packag7.png) center no-repeat; position:absolute; right:4px; top:50; content:'';} #Content13 .slideTit4 .pz_SideLayer .l1.on .la1, #Content13 .slideTit4 .pz_SideLayer .l1:hover .la1{ color:#b50005; font-weight:bold;} #Content13 .slideTit4 .pz_SideLayer .l1.on .la1 i{ background:url(/template/theme/CN/2504_Packag9.png) center no-repeat;} #Content13 .slideTit4 .pz_SideLayer .l1.active .la1 i{ background:url(/template/theme/CN/2504_Packag8.png) center no-repeat;} #Content13 .slideTit4 .pz_SideLayer .l1:last-child .la1{ background:none;} #Content13 .slideTit4 .pz_SideLayer .sub{ float:left; width:100%; background:#e8e8e8; margin-top:-1px; position:relative; z-index:6;} #Content13 .slideTit4 .pz_SideLayer .sub .l2{ float:left; width:100%;} #Content13 .slideTit4 .pz_SideLayer .sub .l2 .la2{ float:left; width:69.5%; color:#333333; font-size:16px; line-height:41px; height:42px; margin:0 11.02% 0 19.48%; border-bottom:1px dashed #fff; position:relative;} #Content13 .slideTit4 .pz_SideLayer .sub .l2:last-child .la2{ border-bottom:none;} #Content13 .slideTit4 .pz_SideLayer .sub .l2 .la2:after{ float:left; width:4px; height:4px; border-radius:50%; background:#b50005; position:absolute; left:-16px; top:50%; margin-top:-2px; content:'';} #Content13 .slideTit4 .pz_SideLayer .sub .l2.on .la2, #Content13 .slideTit4 .pz_SideLayer .sub .l2:hover .la2{ color:#b50005;} #Content13 .slideTit2{ float:left; width:100%; border-bottom:1px solid #e5e5e5; padding:0 10px; color:#666666; font-size:14px; line-height:25px; padding:11px 0 11px 22px;} #Content13 .slideTit2 a{ color:#666666;} #Content13 .slideTit2 a.on, #Content13 .slideTit2 a:hover{ color:#b50005;} #Content13 .slideTit3{ float:left; width:100%; text-align:center; margin-top:64px; position:relative;} #Content13 .slideTit3 .tit1{ float:left; width:100%; color:#eeeeee; font-size:52px; line-height:40px; text-transform:uppercase; font-weight:bold;} #Content13 .slideTit3 .tit2{ float:left; width:100%; color:#b50005; font-size:34px; line-height:40px; font-weight:bold; position:absolute; left:0; top:0;} #Content13 .slideTit6{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; margin:60px 0 7px 0; text-align:center;} #Content13 .slideTit7{ float:left; width:100%; margin-top:11px;} #Content13 .slideTit7 a{ float:left; width:100%; height:56px; border:1px solid #e5e5e5; color:#333333; font-size:18px; line-height:54px; text-align:center;} #Content13 .slideTit7 a:hover{ background:#b50005; border:1px solid #b50005; color:#fff;} #Content13 .slideTit3{ float:left; width:100%; text-align:center; margin-top:64px; position:relative;} #Content13 .slideTit3 .tit1{ float:left; width:100%; color:#eeeeee; font-size:52px; line-height:40px; text-transform:uppercase; font-weight:bold;} #Content13 .slideTit3 .tit2{ float:left; width:100%; color:#b50005; font-size:34px; line-height:40px; font-weight:bold; position:absolute; left:0; top:0;} #Content13 .newsReacd{ float:left; width:100%; margin:0 0 64px 0;} #Content13 .newsReacd .tit1{ float:left; width:100%; background:#b50005; color:#fff; font-size:18px; line-height:50px; padding:0 20px;} #Content13 .newsReacd .tit1 .la{ float:right; color:#fff; font-size:14px; padding-right:13px; position:relative;} #Content13 .newsReacd .cont{ float:left; width:100%;} #Content13 .newsReacd .cont .ul1{ margin:0 -8px;} #Content13 .newsReacd .cont .l1{ float:left; width:50%; padding:0 8px;} #Content13 .newsReacd .cont .l1 a{ float:left; width:100%; color:#666666; font-size:16px; line-height:46px; height:47px; padding:0 130px 0 32px; position:relative; border-bottom:1px solid #e5e5e5;} #Content13 .newsReacd .cont .l1 a:after{ float:left; width:4px; height:4px; border-radius:50%; content:''; position:absolute; left:20px; top:50%; margin-top:-2px; background:#666666;} #Content13 .newsReacd .cont .l1 time{ float:left; position:absolute; right:20px; top:0;} #Content13 .newsReacd .cont .l1:hover a, #Content13 .newsReacd .cont .l1:hover time{ color:#b50005;} #Content13 .newsReacd .cont .l1:hover a:after{ background:#C01} /**/ #Content13 .about1{ float:left; width:100%; color:#666666; font-size:16px; line-height:30px; margin:68px 0 0 0;} /*about2*/ #Content13 .about2{ float:left; width:100%; margin-top:50px;} #Content13 .about2 .ul3{ margin:0 -19px;} #Content13 .about2 .l2{ float:left; width:33.33%; padding:0 19px; margin-bottom:12px;} #Content13 .about2 .la{ float:left; width:100%; background:#ededed; padding:11px; border-radius:3px;} #Content13 .about2 .la .img{ float:left; width:100%; line-height:0;} #Content13 .about2 .la .tit{ float:left; width:100%; text-align:center; color:#b7080d; font-size:20px; line-height:30px; font-weight:bold; margin-top:26px;padding:0 14px;} #Content13 .about2 .la .line{ float:left; width:100%; margin:20px 0 18px 0;} #Content13 .about2 .la .line span{ display:block; margin:0 auto; width:37px; height:2px; background:#b7080d;} #Content13 .about2 .la .info{ float:left; width:100%; color:#666666; font-size:16px; line-height:30px; margin-bottom:14px; min-height:120px; padding:0 14px;} /*about3*/ #Content13 .about3{ float:left; width:100%; margin-top:54px;} #Content13 .about3 .ul3{ margin:0 -19px;} #Content13 .about3 .l2{ float:left; width:25%; padding:0 19px;} #Content13 .about3 .la{ float:left; width:100%; position:relative; overflow:hidden; border:1px solid #eaeaea; box-shadow:0 2px 6px rgba(0,0,0,0.16); margin:6px 0;} #Content13 .about3 .la .img{ float:left; width:100%; line-height:0;} #Content13 .about3 .la .tit{ float:left; width:100%; position:absolute; left:0; top:110%; padding:0 10px; z-index:8; text-align:center; color:#fff; font-size:18px; line-height:30px; margin-top:-12px;-webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #Content13 .about3 .la .bg{ float:left; width:100%; height:100%; position:absolute; left:0; top:100%; background:#b50005;opacity:0.84; filter:alpha(opacity=84); z-index:6;-webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } #Content13 .about3 .la:hover .tit{ top:50%;} #Content13 .about3 .la:hover .bg{ top:0;} #Content13 .about3 .slick-prev, #Content13 .about3 .slick-next{ width:24px; height:52px;} #Content13 .about3 .slick-prev{ background:url(/template/theme/CN/2504_about22.png) center no-repeat #666666; background-size:100% auto; left:-16px;} #Content13 .about3 .slick-next{ background:url(/template/theme/CN/2504_about23.png) center no-repeat #666666; background-size:100% auto; right:-16px;} #Content13 .about3 .slick-prev:hover{ background:url(/template/theme/CN/2504_about22.png) center no-repeat #b50005; background-size:100% auto;} #Content13 .about3 .slick-next:hover{ background:url(/template/theme/CN/2504_about23.png) center no-repeat #b50005; background-size:100% auto;} #Content13 .about3 .slick-dots{ position:static; height:8px; margin-top:30px;} #Content13 .about3 .slick-dots li{ vertical-align:top; width:8px; height:8px; margin:0 8px; border-radius:50%; overflow:hidden; text-indent:-899px;opacity:0.4; filter:alpha(opacity=40); background:#b50005;} #Content13 .about3 .slick-dots li.slick-active{opacity:1; filter:alpha(opacity=100);} /*about4*/ #Content13 .about4{ float:left; width:100%; margin-top:60px;} #Content13 .about4 .ul3{ margin:0 -19px;} #Content13 .about4 .l2{ float:left; width:33.33%; padding:19px;} #Content13 .about4 .la{ float:left; width:100%; position:relative; overflow:hidden;} #Content13 .about4 .la .img{ float:left; width:100%; line-height:0;} #Content13 .about4 .la .tit{ float:left; width:100%; position:absolute; left:0; top:110%; padding:0 10px; z-index:8; text-align:center; color:#fff; font-size:18px; line-height:30px; margin-top:-12px;-webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #Content13 .about4 .la .bg{ float:left; width:100%; height:100%; position:absolute; left:0; top:100%; background:#b50005;opacity:0.84; filter:alpha(opacity=84); z-index:6;-webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } #Content13 .about4 .la:hover .tit{ top:50%;} #Content13 .about4 .la:hover .bg{ top:0;} /*about5*/ #Content13 .about5{ float:left; width:100%; margin-top:78px;} #Content13 .about5 .l1{ float:left; width:170px; height:36px; line-height:36px; color:#fff; font-size:18px; text-align:center; margin-right:20px; margin-bottom:7px; cursor:pointer;} #Content13 .about5 .l1 .la{ float:left; width:100%;background:#9a9a9a; position:relative;} #Content13 .about5 .l1 .la:after{ float:left; width:0; height:0; position:absolute; left:50%; bottom:-7px; content:''; margin-left:-6px; border-left:6px solid transparent; border-right:6px solid transparent;border-top:7px solid #b50005; display:none;} #Content13 .about5 .l1.on .la{ background:#b50005;} #Content13 .about5 .l1.on .la:after{ display:block;} /*about6*/ #Content13 .about6{ float:left; width:100%; margin-top:13px;} #Content13 .about6 .ul1{ margin:0 -20px;} #Content13 .about6 .l1{ float:left; width:33.33%; padding:20px;} #Content13 .about6 .la{ float:left; width:100%; position:relative;} #Content13 .about6 .la .img{ float:left; width:100%; line-height:0; overflow:hidden;} #Content13 .about6 .la .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;} #Content13 .about6 .la:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} #Content13 .about6 .la .tit{ float:left; width:100%; line-height:36px; color:#fff; font-size:16px; text-align:center; padding:0 10px; background:rgba(0,0,0,0.6); position:absolute; left:0; bottom:0;} #Content13 .about6 .la:hover .tit{ background:#b50005;} #Content13 .about6 .slick-prev, #Content13 .about6 .slick-next{ width:24px; height:52px;} #Content13 .about6 .slick-prev{ background:url(/template/theme/CN/2504_about22.png) center no-repeat #666666; background-size:100% auto; left:-34px;} #Content13 .about6 .slick-next{ background:url(/template/theme/CN/2504_about23.png) center no-repeat #666666; background-size:100% auto; right:-34px;} #Content13 .about6 .slick-prev:hover{ background:url(/template/theme/CN/2504_about22.png) center no-repeat #b50005; background-size:100% auto;} #Content13 .about6 .slick-next:hover{ background:url(/template/theme/CN/2504_about23.png) center no-repeat #b50005; background-size:100% auto;} #Content13 .about6 .slick-dots{ display:none !important; position:static; height:8px; margin-top:30px;} #Content13 .about6 .slick-dots li{ vertical-align:top; width:8px; height:8px; margin:0 8px; border-radius:50%; overflow:hidden; text-indent:-899px;opacity:0.4; filter:alpha(opacity=40); background:#b50005;} #Content13 .about6 .slick-dots li.slick-active{opacity:1; filter:alpha(opacity=100);} #Content13 .slide_box{ float:left; width:100%;} #Content13 .slideGroup1{ float:left; width:100%;} #Content13 .slideGroup1 .parBd{ float:left; width:100%;} /*about7*/ #Content13 .about7{ float:left; width:100%; background:#fcfcfc; box-shadow:0 4px 5px rgba(0,0,0,0.2); margin:70px 0 36px 0;} #Content13 .about7L{ float:left; width:50.56%;} #Content13 .about7L .img{ float:left; width:100%; line-height:0; padding:33px 0 33px 53px;} #Content13 .about7L .img img{ width:228px;} #Content13 .about7L .info{ float:left; width:100%;} #Content13 .about7L .info .l1{ float:left; width:100%; color:#666666; font-size:16px; line-height:25px; padding:18px 30px 18px 53px; margin-top:2px;} #Content13 .about7L .info .l1 .p1{ float:left; width:100%; position:relative; padding-left:36px;} #Content13 .about7L .info .l1:nth-child(2n+1){ background:#ededed;} #Content13 .about7L .info .l1 img{ width:24px; height:24px; position:absolute; left:0; top:1px;} #Content13 .about7R{ float:left; width:49.44%; padding:10px;} #Content13 .bdmap{ float:left; width:100%; height:357px;} /*about8*/ #Content13 .about8{ float:left; width:100%; margin:0 0 57px 0; box-shadow:0 4px 5px rgba(0,0,0,0.2); background:#fcfcfc;} #Content13 .about8 .tit{ float:left; width:100%; background:#ededed; color:#333333; font-size:18px; line-height:26px; font-weight:bold; padding:12px 3.94%;} #Content13 .about8 .p1{ float:left; width:100%;} #Content13 .about8 .tit .sp{ font-size:14px; font-weight:normal;} #Content13 .about8 .cont{ float:left; width:100%; padding:16px 3.94% 45px 3.94%;} #Content13 .about8 .lab{ float:left; width:100%; position:relative; margin-top:22px; padding-left:53px;} #Content13 .about8 .lab1{ width:47.5%;} #Content13 .about8 .lab2{ width:47.5%; float:right;} #Content13 .about8 .name0{ float:left; position:absolute; left:0; top:0; color:#666666; font-size:16px; line-height:48px;} #Content13 .about8 .name0 span{ color:#b50005;} #Content13 .about8 .fv0{ float:left; width:100%; height:48px; line-height:24px; border:1px solid #e5e5e5; padding:11px 19px; color:#d0d0d0; font-size:14px;} #Content13 .about8 .fv1{ height:124px;} #Content13 .about8 ::-webkit-input-placeholder{color:#d0d0d0} #Content13 .about8 :-moz-placeholder{color:#d0d0d0} #Content13 .about8 ::-moz-placeholder{color:#d0d0d0} #Content13 .about8 :-ms-input-placeholder{color:#d0d0d0} #Content13 .about8 .fv2{ display:block; margin:23px auto 0 auto; width:254px; height:36px; line-height:34px; border:none; background:#b50005; border-radius:3px; color:#fff; font-size:16px;} #Content13 .about8 .fv2:hover{ box-shadow:0 4px 6px rgba(0,0,0,0.2);} /*about9*/ #Content13 .about9{float:left; width:100%;} #Content13 .about9L{ width:49%; margin-bottom:0 !important;} #Content13 .about9R{ width:49%; float:right; margin-bottom:0 !important;} #Content13 .about9L .cont .l1, #Content13 .about9R .cont .l1{ width:100%;} /*about10*/ #Content13 .about10{float:left; width:100%; margin:52px 0 58px 0; position:relative; background:#f0f0f0; overflow:hidden;} #Content13 .about10 .tit{ float:left; position:absolute; left:0; top:0; background:#b50005; color:#fff; font-size:18px; line-height:50px; padding:0 19px; z-index:6;} #Content13 .about10 .tit span{ float:left; padding-left:32px;} #Content13 .about10 .tit:after{ float:left; width:0; height:0; position:absolute; left:100%; top:0; content:''; border-right:23px solid transparent; border-bottom: 50px solid #b50005;} #Content13 .about10 .box{ float:left; width:100%; padding:0 15px 0 175px;height:50px;} #Content13 .about10 .box li{ float:left; padding:0 12px; position:relative;} #Content13 .about10 .box li:after{ float:left; width:1px; height:14px; position:absolute; right:0px; top:50%; margin-top:-7px; content:''; background:#c0c0c0; } #Content13 .about10 .box li a{ float:left; color:#666666; font-size:16px; line-height:50px;} #Content13 .about10 .box li a:hover{ color:#b50005;} @media screen and (max-width:1600px){ #Content13 .contRight{ width:898px;} #Content13 .about2 .ul2{ margin:0 -10px;} #Content13 .about2 .l2{ padding:0 10px;} #Content13 .about2 .la .tit{ padding:0 5px;} #Content13 .about2 .la .info{ padding:0 5px; min-height:150px;} /*about3*/ #Content13 .about3 .ul2{ margin:0 -10px;} #Content13 .about3 .l2{ padding:0 10px;} #Content13 .about3 .slick-prev{ left:-25px;} #Content13 .about3 .slick-next{ right:-25px;} /*.about4*/ #Content13 .about4 .ul2{ margin:0 10px;} #Content13 .about4 .l2{ padding:10px;} /*about5*/ #Content13 .about5 .l1{ width:140px; margin-right:15px;} /*.about6*/ #Content13 .about6 .ul1{ margin:0 -10px;} #Content13 .about6 .l1{ padding:10px;} #Content13 .about7L .img{ padding:28px 0 28px 33px;} #Content13 .about7L .info .l1{padding:16px 30px 16px 33px; margin-top:2px;} } @media screen and (max-width:1230px){ #Content13 .contLeft{ width:200px;} #Content13 .contRight{ width:764px;} #Content13 .slideTit1{ padding:15px 20px 0 20px; margin-top:-74px; height:74px;} #Content13 .slideTit1 .tit1{ font-size:20px; line-height:20px;} #Content13 .slideTit1 .tit2{ font-size:14px; line-height:14px;} #Content13 .slideTit1 .tit2 span{ padding-right:10px;} #Content13 .slideTit1 .tit2 span:after{ width:6px; height:6px; margin-top:-3px;} #Content13 .slideTit4 .pz_SideLayer .l1 .la1:after{ left:-15px;} #Content13 .slideTit4 .pz_SideLayer .sub .l2 .la2:after{ left:-12px;} #Content13 .slideTit3 .tit1{ font-size:42px; line-height:32px;} #Content13 .slideTit3 .tit2{ font-size:26px; line-height:32px;} #Content13 .slideTit3 .tit1{ font-size:42px; line-height:32px;} #Content13 .slideTit3 .tit2{ font-size:26px; line-height:32px;} #Content13 .about2 .la .tit{ margin-top:15px;} #Content13 .about2 .la .line{ margin:12px 0 10px 0;} #Content13 .about2 .la .info{ min-height:180px;} /*about5*/ #Content13 .about5 .l1{ width:120px; margin-right:15px; font-size:16px;} #Content13 .about7L .img{ padding:28px 0 28px 20px;} #Content13 .about7L .info .l1{padding:16px 20px 16px 20px; margin-top:2px;} } @media screen and (max-width:1024px){ #Content13 .contLeft{ width:100%; min-height:1px; margin-bottom:0;} #Content13 .contRight{ width:100%;} #Content13 .slideTit2{ display:none;} #Content13 .slideTit1{ padding:12px 15px 0 15px; margin-top:-32px; height:64px;} #Content13 .slideTit1 .tit1{ font-size:18px; line-height:18px;} #Content13 .slideTit1 .tit2{ font-size:13px; margin-top:6px;} #Content13 .slideTit4{ padding:2px 0 10px 0;} #Content13 .slideTit4 .pz_SideLayer .l1 .la1{ width:92%; margin:0 4% 0 4%; line-height:36px; height:37px; font-size:15px;} #Content13 .slideTit4 .pz_SideLayer .sub .l2 .la2{ width:92%; margin:0 4% 0 4%; font-size:14px; line-height:30px; height:31px;} #Content13 .slideTit4 .pz_SideLayer .sub{ display:none;} #Content13 .slideImg1{ display:none;} #Content13 .slideTit3{ margin-top:25px;} #Content13 .slideTit3 .tit1{ font-size:27px; line-height:21px;} #Content13 .slideTit3 .tit2{ font-size:17px; line-height:21px;} #Content13 .slideTit6{ font-size:16px; line-height:26px; margin:20px 0 0 0;} #Content13 .slideTit7 a{ height:40px; line-height:38px; font-size:16px;} #Content13 .slideTit3{ margin-top:25px;} #Content13 .slideTit3 .tit1{ font-size:27px; line-height:21px;} #Content13 .slideTit3 .tit2{ font-size:17px; line-height:21px;} #Content13 .newsReacd{ margin:0 0 40px 0;} #Content13 .newsReacd .tit1{ font-size:16px; line-height:40px; padding:0 12px;} #Content13 .newsReacd .cont .l1 a{ font-size:14px; height:37px; line-height:36px; padding:0 110px 0 24px;} #Content13 .newsReacd .cont .l1 a:after{ left:12px;} #Content13 .newsReacd .cont .l1 time{ right:12px;} #Content13 .about1{ font-size:14px; line-height:28px; margin:20px 0 0 0;} /*about2*/ #Content13 .about2{ margin-top:20px;} #Content13 .about2 .ul3{ margin:0 -6px;} #Content13 .about2 .l2{ padding:0 6px;} #Content13 .about2 .la .tit{ font-size:18px; line-height:28px;} #Content13 .about2 .la .info{ font-size:14px; line-height:26px; margin-bottom:5px;} /*#Content13 .about3*/ #Content13 .about3{ margin-top:20px;} #Content13 .about3 .ul3{ margin:0 -6px;} #Content13 .about3 .l2{ padding:0 6px;} #Content13 .about3 .slick-dots{ margin-top:15px;} #Content13 .about3 .slick-dots li{ margin:0 5px; } /*.about4*/ #Content13 .about4{ margin-top:20px;} #Content13 .about4 .ul3{ margin:0 -6px;} #Content13 .about4 .l2{ padding:6px;} /*about5*/ #Content13 .about5{ margin-top:20px;} #Content13 .about5 .l1{ width:120px; margin-right:10px; font-size:14px; line-height:32px; height:32px;} /*.about6*/ #Content13 .about6 .ul1{ margin:0 -6px;} #Content13 .about6 .l1{ padding:6px;} #Content13 .about6 .la .tit{ font-size:14px; line-height:30px;} #Content13 .about6 .slick-prev, #Content13 .about6 .slick-next{ display:none !important;} #Content13 .about6 .slick-dots{ display:block !important; margin-top:15px;} #Content13 .about6 .slick-dots li{ margin:0 5px; } #Content13 .about7{ margin:30px 0 20px 0;} #Content13 .about7L .img{ padding:20px 0 20px 15px;} #Content13 .about7L .img img{ width:172px;} #Content13 .about7L .info .l1{padding:16px 15px 16px 15px; margin-top:2px;font-size:14px; line-height:23px;} #Content13 .about7L .info .l1 .p1{ padding-left:28px;} #Content13 .about7L .info .l1 img{ width:20px; height:20px; top:1px;} #Content13 .about7R{ padding:5px;} #Content13 .bdmap{ height:330px;} #Content13 .about8{ margin:0 0 25px 0;} #Content13 .about8 .tit{ padding:12px 3.94%; line-height:22px;} #Content13 .about8 .cont{ padding:8px 3.94% 22px 3.94%;} #Content13 .about8 .lab{ margin-top:12px;} #Content13 .about8 .name0{ line-height:36px;} #Content13 .about8 .fv0{ height:36px; padding:5px 12px;} #Content13 .about8 .fv1{ height:124px;} #Content13 .about8 .fv2{ margin:10px auto 0 auto; width:160px;} /*about10*/ #Content13 .about10{ margin:25px 0 30px 0;} #Content13 .about10 .tit{ font-size:16px; line-height:40px; padding:0 12px;} #Content13 .about10 .tit span{ padding-left:24px;} #Content13 .about10 .tit:after{ border-right:12px solid transparent; border-bottom:40px solid #b50005;} #Content13 .about10 .box{ float:left; width:100%; height:40px; padding:0 12px 0 130px;} #Content13 .about10 .box li{ padding:0 8px;} #Content13 .about10 .box li a{ font-size:14px; line-height:40px;} } @media screen and (max-width:768px){ #Content13 .slideTit4 .pz_SideLayer .l1 .la1{ width:87%; margin:0 4% 0 9%; } #Content13 .slideTit4 .pz_SideLayer .sub .l2 .la2{ width:87%; margin:0 4% 0 9%;} #Content13 .newsReacd .cont .l1{ width:100%;} #Content13 .about8 .lab1, #Content13 .about8 .lab2{ width:100%;} /*about9L*/ #Content13 .about9L{ width:100%; margin-bottom:25px !important;} #Content13 .about9R{ width:100%; float:right;} #Content13 .about2 .l2{ width:100%;} #Content13 .about2 .la .info{ min-height:10px;} /*.about4*/ #Content13 .about4 .l2{ width:50%;} /*about5*/ #Content13 .about5 .ul1{ overflow:scroll; white-space:nowrap;} #Content13 .about5 .l1{ float:none; display:inline-block; white-space:nowrap;} /*.about6*/ #Content13 .about6 .l1{ width:50%;} #Content13 .about7L .img{ padding:15px 0 15px 15px;} #Content13 .about7L .info .l1{padding:10px 15px 10px 15px; margin-top:0;} #Content13 .about7L{ width:100%;} #Content13 .about7R{ width:100%;} } @media screen and (max-width:1600px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1024px){ } @media screen and (max-width:768px){ } @media screen and (max-width:1600px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1024px){ } @media screen and (max-width:768px){ } @media screen and (max-width:1600px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1024px){ } @media screen and (max-width:768px){ } @media screen and (max-width:1600px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1024px){ } @media screen and (max-width:768px){ }