body {color:#666666} a{color:#eb3c00}a:active,a:hover {color:#eb3c00} @media (min-width: 1200px) {.container{ width: 1200px; }} @media (min-width: 1200px) {.container{ width: 1200px; }} #Top .head{ float:left; width:100%; background:#fff; position:relative; z-index:66;} #Top .logo{ float:left; margin:20px 0; width: 209px; height:68px; line-height:0;} #Top .soB{ float:left; width:442px; position:relative; margin:34px 0 0 10.42%;} #Top .soB .tit{ float:left; position:absolute; left:0; top:0; width:87px;} #Top .soB .tit span{ float:left; color:#eb3c00; font-size:16px; line-height:40px; padding:0 14px 0 20px; position:relative; cursor:pointer;} #Top .soB .tit span:after{ float:left; width:0; height:0; position:absolute; right:0; top:50%; margin-top:-2px; content:'';border-left:2px solid transparent; border-right:2px solid transparent;border-top:4px solid #ababab; } #Top .soB .tit ul{ display:none; float:left; position:absolute; left:0; top:39px; width:100%; border:1px solid #d1d1d1; background:#fff; z-index:66; padding:5px 0;} #Top .soB .tit li{ float:left; width:100%; padding:0 0 0 20px; color:#888888; font-size:14px; line-height:24px; cursor:pointer;} #Top .soB .tit li:hover{ color:#eb3c00;} #Top .soB .so{ float:left; width:100%; height:40px; border:1px solid #d1d1d1; border-radius:3px 0 0 3px; padding:6px 0 5px 87px; background:#fff; } #Top .soB .so .Search{ float:left; width:100%; color:#888888; font-size:12px; height:27px; line-height:27px; border-left:1px solid #eeeeee; padding:0 20px;} #Top .soPc{ display:block;} #Top .soPh{ display:none;} #Top .telT{ float:right; position:relative; padding-left:57px; margin:29px 0; height:48px;} #Top .telT img{ display:block; position:absolute; left:0; top:0; width:48px; height:48px;} #Top .telT span{ display:block; color:#666666; font-size:14px; line-height:16px;} #Top .telT h1{ display:block; color:#eb3c00; font-size:32px; line-height:34px; margin-top:1px;} /*menu*/ #Top .menuBg{ float:left; width:100%; background:#163c8b; padding-top:2px; position:relative;} #Top .menu{float:left; width:100%;} #Top .menu .nli{ float:left; width:12.5%; position:relative;} #Top .menu .nli span a{ float:left; position:relative; width:100%; text-align:center; color:#fff; font-size:16px; line-height:52px;} #Top .menu .nli.active span a, #Top .menu .nli:hover span a{ background:#eb3c00;} #Top .menu .sub{ display:none; float:left; position:absolute; left:0; top:52px; width:100%; z-index:66;} #Top .menu .sub li{ float:left; width:100%;border-bottom:1px dashed #bbbbbb;} #Top .menu .sub li:last-child{ border-bottom:none;} #Top .menu .sub li a{ float:left; width:100%; text-align:center; color:#333333; font-size:14px; line-height:34px;background:#f0f0f0; background:rgba(240,240,240,0.98);} #Top .menu .sub li a:hover{ color:#eb3c00;} #Top .menuSub{ display:none; float:left; width:100%; background:#f0f0f0; background:rgba(240,240,240,0.98); position:absolute; top:54px; left:0; z-index:56; padding:20px 0 30px 0; overflow:hidden; min-height:330px;} #Top .menuSub .bg{ float:left; width:2000px; position:absolute; right:50%; background:#fff; height:100%; top:0; z-index:1; margin-right:220px;} #Top .menuSub .bg:after{ float:left; width:0; top:0; position:absolute; right:-9px; top:0; content:''; z-index:2; border-left: 9px solid transparent; border-right:9px solid transparent;border-top: 9px solid #eb3c00; } #Top .menuSub .l2{ float:left; width:100%;} #Top .menuSub .la1{ float:left; width:365px; color:#333333; font-size:16px; line-height:56px; padding-left:20px; position:relative; z-index:6;} #Top .menuSub .la1:after{ float:left; width:335px; height:1px; position:absolute; left:0; bottom:0; content:''; border-bottom:1px dashed #bbbbbb;} #Top .menuSub .la1 .ico{ float:left; width:27px; height:9px; position:absolute; right:0; top:50%; margin-top:-4px; -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 .menuSub .cont{ display:none; float:left; width:835px; position:absolute; top:0; left:335px; padding:0 50px 0 90px;} #Top .menuSub .l2.on .cont, #Top .menuSub .l2:hover .cont{ display:block;} #Top .menuSub .info{ float:left; width:100%; color:#666666; font-size:16px; line-height:36px; margin:20px 0 24px 0;} #Top .menuSub .img{ float:left; width:100%; line-height:0;} #Top .menuSub .l2 .la1.active, #Top .menuSub .l2 .la1:hover{ background:#eb3c00; color:#fff;} #Top .menuSub .l2 .la1.active .ico, #Top .menuSub .l2 .la1:hover .ico{ right:30px;} /*手机导航按钮*/ #Top .menuph{ display:none; float:right; width:28px; height:22px; cursor: pointer; text-align: center; margin:22px 0;} #Top .menuph .point { display: inline-block; width: 28px; height: 22px; position: relative;} #Top .menuph .point:hover .navbtn, #Top .menuph .point:hover .navbtn::after, #Top .menuph .point:hover .navbtn::before { width: 28px; } #Top .menuph .navbtn { position: absolute; top: 10px; right: 0; display: inline-block; width: 21px; 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: #eb3c00; } #Top .menuph .navbtn::after, #Top .menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 28px; 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: #eb3c00; } #Top .menuph .navbtn::after { top: -11px; } #Top .menuph .navbtn::before { top: 10px; } #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:66px 0 100px 0; display: none; z-index:60; background:#000; background:rgba(0,0,0,0.6);} #Top .xialaph .ul2, #Top .xialaph .ul3{display: none;} #Top .xialaph h4{ float:left; width:100%; position:relative;} #Top .xialaph h4 a{ float:left; width:90%; color: #fff; font-size:16px; line-height:50px; position:relative;} #Top .xialaph li{ float:left; width:100%;} #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: #fff; opacity: 0.5; } #Top .xialaph h4:hover a, #Top .xialaph h4.active a, #Top .xialaph h5:hover a, #Top .xialaph h5.active a{ color: #eb3c00; } #Top .xialaph h4::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: #fff; opacity: 0.5; } #Top .xialaph h5{ float:left; width:100%;} #Top .xialaph h5 a{ float:left; width:80%; color: #fff; font-size:14px; line-height: 40px; text-transform:uppercase;} #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: #fff; opacity: 0.5; } #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: 18px; 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:0 10px 10px 10px;} #Top .xialaph .ul3 li{ float:left; width:100%;} #Top .xialaph .ul3 li a{ float:left; width:100%; color:#fff; font-size:12px; line-height:28px;} #Top .xialaph .ul3 li a:hover{ color: #eb3c00; } #Top .xialaph .img_d{ display: none; } @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ #Top .soB{ width:382px; margin:34px 0 0 5.42%;} #Top .menuSub .bg{ margin-right:180px;} #Top .menuSub .la1{ width:301px; } #Top .menuSub .la1:after{ width:281px;} #Top .menuSub .cont{ width:661px; left:316px; padding:0 30px;} } @media screen and (max-width:992px){ #Top .logo{ margin:8px 0; width:148px; height:48px;} #Top .soPc{ display:none;} #Top .soPh{ display:block;} #Top .soB .tit ul{ top:auto; bottom:39px;} #Top .telT{ display:none;} #Top .menuBg{ display:none;} #Top .menuph{ display:block;} } @media screen and (max-width:768px){ #Top .soB{ width:100%; margin:20px 0;} } /*手机底部导航*/ #Down .pf_down{width:100%; float:left; position:fixed; left:0; bottom:0; height:50px; background:#eb3c00; z-index:58; box-shadow:0 -4px 7px rgba(0,0,0,0.15);} #Down .pf_down li{ width:33.33%; float:left; text-align:center; padding:7px 0 5px 0; border-right:1px solid rgba(255,255,255, 0.2);} #Down .pf_down li:last-child{ border:none;} #Down .pf_down li .ico7{ width:100%; float:left; line-height:0;} #Down .pf_down li .ico7 img{ display:block; margin:0 auto; width:20px; height:20px;} #Down .pf_down li .name{ width:100%; float:left; margin-top:4px; font-size:12px; color:#fff; line-height:14px;} /*底部*/ #Down .pz_down{ float:left; width:100%; background:#0f2a61;} #Down .pz_down .footT{ float:left; width:100%; padding:52px 0 48px 0;} #Down .pz_down .footTit{ float:left; width:100%; color:#eb3c00; font-size:18px; line-height:20px; margin-bottom:4px;} #Down .pz_down .footAddr{ float:left; width:440px; padding-right:30px;} #Down .pz_down .footAddr .dAddr{ float:left; width:100%; color:#fff; color:rgba(255,255,255,0.6); font-size:14px; line-height:24px; margin-top:20px; position:relative; padding-left:31px;} #Down .pz_down .footAddr .ico{ float:left; width:20px; position:absolute; left:0; top:2px;opacity:0.3; filter:alpha(opacity=30);} #Down .pz_down .footNav{ float:left; width:355px; padding:0 0 0 7.69%; min-height:185px; border-left:1px solid #fff;border-left:1px solid rgba(255,255,255,0.1); border-right:1px solid #fff;border-right:1px solid rgba(255,255,255,0.1);} #Down .pz_down .footNav .dNav{ float:left; width:100%; margin-top:4px;} #Down .pz_down .footNav .dNav li{ float:left; width:43.39%; margin-top:16px;} #Down .pz_down .footNav .dNav li a{ float:left; width:100%; color:#fff; color:rgba(255,255,255,0.6); font-size:14px; line-height:24px; } #Down .pz_down .footNav .dNav li a:hover{ color:#eb3c00;} #Down .pz_down .footUs{ float:right; width:285px;} #Down .pz_down .footUs .ewm1{ float:left; width:100%; color:#fff; color:rgba(255,255,255,0.6); font-size:14px; line-height:24px; margin:20px 0 15px 0;} #Down .pz_down .footUs .ewm2{ float:left; width:100%;} #Down .pz_down .footUs .ewm2 .img{ float:left; width:108px; height:108px; line-height:0; border:1px solid #ededed;} #Down .pz_down .footUs .ewm2 .info{ float:left; color:#fff; color:rgba(255,255,255,0.6); font-size:14px; line-height:24px; margin:61px 0 0 21px;} #Down .pz_down .links{ float:left; width:100%; border-bottom:1px solid #fff;border-bottom:1px solid rgba(255,255,255,0.1); border-top:1px solid #fff;border-top:1px solid rgba(255,255,255,0.1); color:#fff; color:rgba(255,255,255,0.6); font-size:12px; line-height:22px; padding:16px 0;} #Down .pz_down .link{ float:left; width:100%;} #Down .pz_down .link a{color:#fff; color:rgba(255,255,255,0.6); margin-left:12px;} #Down .pz_down .link a:hover{color:#eb3c00;} #Down .pz_down .footD{ float:left; width:100%; padding:21px 0;} #Down .pz_down .Copyright{ float:left; color:#fff; color:rgba(255,255,255,0.6); font-size:12px; line-height:22px; text-transform:uppercase;} #Down .pz_down .Copyright a{color:#fff; color:rgba(255,255,255,0.6);} #Down .pz_down .Copyright a:hover{color:#eb3c00;} #Down .pz_down .footMap{ float:right; color:#fff; color:rgba(255,255,255,0.6); font-size:12px; line-height:22px; text-transform:uppercase;} #Down .pz_down .footMap a{color:#fff; color:rgba(255,255,255,0.6);} #Down .pz_down .footMap a:hover{color:#eb3c00;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ #Down .pz_down .footAddr{ width:390px;} #Down .pz_down .footNav{ width:250px; padding:0 0 0 5%;} #Down .pz_down .link a{ margin-left:6px;} } @media screen and (max-width:992px){ #Down .pz_down .footT{ padding:20px 0;} #Down .pz_down .footAddr{ width:50%; padding:0 15px 0 0;} #Down .pz_down .footAddr .dAddr{ margin-top:4px; padding-left:28px;} #Down .pz_down .footNav{ width:20%; min-height:140px; padding:0 0 0 4%;} #Down .pz_down .footNav .dNav li{ margin-top:0; width:100%;} #Down .pz_down .footUs{ width:200px; padding:0;} #Down .pz_down .footUs .ewm1{ margin:4px 0;} #Down .pz_down .links{ padding:10px 0;} #Down .pz_down .footD{ padding:10px 0;} #Down .pz_down .footUs .ewm2 .img{ width:88px; height:88px;} #Down .pz_down .footUs .ewm2 .info{ margin:38px 0 0 15px;} } @media screen and (max-width:768px){ #Down .pz_down{ margin-bottom:50px;} #Down .pz_down .footTit{ font-size:16px; line-height:18px;} #Down .pz_down .footNav{ width:100%; border:none; padding:15px 0; min-height:50px;} #Down .pz_down .footNav .dNav li{ margin-top:0; width:33.33%;} #Down .pz_down .footUs{ width:100%;} #Down .pz_down .Copyright{ width:100%; text-align:center;} #Down .pz_down .footMap { width:100%; text-align:center;} #Down .pz_down .footAddr{ width:100%; padding:0;} #Down .pz_down .links{ border-bottom:none; padding:0;} #Down .pz_down .link{ display:none;} @media screen and (max-width:413px ) { #Down .pz_down .footAddr .dAddr .sp1{ display:block;} } } /*banner*/ #Slide .slide_banner{ float:left; width:100%; margin:0; position:relative; overflow:hidden; text-align:center;} #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:5px; bottom:40px;} #Slide .slide_banner .slick-dots li{ background:#fff; width:46px; height:5px; margin:0 7px; background:#fff; text-indent:-9999px; overflow:hidden; vertical-align:top ;opacity:0.4; filter:alpha(opacity=40);} #Slide .slide_banner .slick-dots li.slick-active{background:#eb3c00;opacity:1; filter:alpha(opacity=100);} #Slide .slide_banner .slick-prev, #Slide .slide_banner .slick-next{ background:none; width:28px; height:54px; z-index:36;} #Slide .slide_banner .slick-prev{ left:9.06%;} #Slide .slide_banner .slick-next{ left:auto; right:9.06%;} #Slide .slide_banner .slick-prev:after, #Slide .slide_banner .slick-prev:before, #Slide .slide_banner .slick-next:after, #Slide .slide_banner .slick-next:before{float:left; width:38px; height:2px; background:#fff; content:''; position:relative;opacity:0.3; filter:alpha(opacity=30);} #Slide .slide_banner .slick-prev:after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top:12px; left:-5px; } #Slide .slide_banner .slick-prev:before{ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top:-12px; left:-5px; } #Slide .slide_banner .slick-next:after{ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top:12px; left:-5px; } #Slide .slide_banner .slick-next:before{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top:-12px; left:-5px;} #Slide .slide_banner .slick-prev:hover:after, #Slide .slide_banner .slick-prev:hover:before, #Slide .slide_banner .slick-next:hover:after, #Slide .slide_banner .slick-next:hover:before{ background:#eb3c00; opacity:0.8; filter:alpha(opacity=80);} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #Slide .slide_banner .slick-dots{ bottom:15px; height:3px;} #Slide .slide_banner .slick-dots li{ width:20px; height:3px; margin:0 4px;} #Slide .slide_banner .slick-prev, #Slide .slide_banner .slick-next{ width:14px; height:27px;} #Slide .slide_banner .slick-prev{ left:3%;} #Slide .slide_banner .slick-next{ left:auto; right:3%;} #Slide .slide_banner .slick-prev:after, #Slide .slide_banner .slick-prev:before, #Slide .slide_banner .slick-next:after, #Slide .slide_banner .slick-next:before{ width:19px; height:2px;} #Slide .slide_banner .slick-prev:after{ top:6px; left:-2px; } #Slide .slide_banner .slick-prev:before{ top:-6px; left:-2px; } #Slide .slide_banner .slick-next:after{ top:6px; left:-2px; } #Slide .slide_banner .slick-next:before{ top:-6px; left:-2px;} } @media screen and (max-width:768px){ } /*hPord*/ #Content .hPordBg{ float:left; width:100%; } #Content .hPord{ margin:0 -70px;} #Content .hPordL{ float:left; width:315px; padding-right:15px; background:#f4f4f4; height:524px; overflow:hidden;} #Content .hPordL .l1{ float:left; width:100%; background:#163c8b; border-bottom:1px solid #fff; position:relative; overflow:hidden; cursor:pointer;-webkit-transition: 0.5s ease; -moz-transition: 0.5s ease;-ms-transition: 0.5s ease; -o-transition: 0.5s ease;transition: 0.5s ease;} #Content .hPordL .tit{ float:left; width:100%; color:#fff; font-size:18px; line-height:34px; padding:35px 26px;} #Content .hPordL .num{ float:left; position:absolute; left:-2px; bottom:-5px; color:#fff; font-size:36px; line-height:36px; opacity:0.05; filter:alpha(opacity=5); font-weight:bold;} #Content .hPordL .ico{ float:left; position:absolute; right:20px; top:50%; margin-top:-10px; width:20px; height:20px; border-radius:50%; background:#fff; color:#27262b; font-size:20px; font-weight:bold; line-height:20px; text-align:center; padding-left:1px;-webkit-transition: 0.5s ease; -moz-transition: 0.5s ease;-ms-transition: 0.5s ease; -o-transition: 0.5s ease;transition: 0.5s ease;} #Content .hPordL .l1.slick-current{ background:#eb3c00;} #Content .hPordL .l1.slick-current .ico{ color:#eb3c00;} #Content .hPordL .slick-dots{ float:left; width:5px; height:96%; background:#cbcbcb; left:auto; right:0; top:2%;} #Content .hPordL .slick-dots li{ width:5px; height:8.5%; background:#cbcbcb; margin:0;} #Content .hPordL .slick-dots li.slick-active{ background:#163c8b;} #Content .hPordR{ float:left; width:995px; padding:29px 60px; background:#f4f4f4; height:524px; overflow:hidden;} #Content .hPordR .l1{ float:left; width:100%;} #Content .hPordR .tit{ float:left; width:100%; color:#333333; font-size:24px; line-height:34px; border-bottom:1px dashed #c3c3c3; padding:25px 0;} #Content .hPordR .tit a{ float:right; color:#666666; font-size:14px;} #Content .hPordR .tit a:hover{ color:#eb3c00;} #Content .hPordR .tit a i{ display:inline-block; vertical-align:top; margin-left:5px; margin-top:12px; width:11px; height:11px;} #Content .hPordR .info{ float:left; width:100%; color:#666666; font-size:16px; line-height:26px; margin:20px 0 8.84% 0;} #Content .hPordR .p1{ float:left; width:100%; margin:5px 0;} #Content .hPordR .img{ float:left; width:100%;} @media screen and (max-width:1366px){ #Content .hPord{ margin:0;} #Content .hPordL{ width:315px; padding-right:15px; height:524px;} #Content .hPordR{ width:855px; padding:29px 40px; height:524px;} } @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ #Content .hPordL{ width:270px; padding-right:15px; height:404px;} #Content .hPordL .tit{ font-size:16px; line-height:30px; padding:25px 15px;} #Content .hPordL .num{ font-size:26px; line-height:26px;} #Content .hPordL .ico{ right:12px; margin-top:-9px; width:18px; height:18px; font-size:16px;line-height:18px;} #Content .hPordL .slick-dots li{ height:8%;} #Content .hPordR{ width:692px; padding:20px 30px; height:404px;} #Content .hPordR .tit{ padding:15px 0; font-size:20px;} #Content .hPordR .p1{ margin:2px 0;} } @media screen and (max-width:992px){ #Content .hPordL{ width:260px; padding-right:10px; height:334px;} #Content .hPordL .tit{ font-size:16px; line-height:30px; padding:18px 15px;} #Content .hPordL .num{ font-size:26px; line-height:26px;} #Content .hPordL .ico{ right:12px; margin-top:-9px; width:18px; height:18px; font-size:16px;line-height:18px;} #Content .hPordL .slick-dots{ width:3px;} #Content .hPordL .slick-dots li{ width:3px; height:7.5%;} #Content .hPordR{ width:478px; padding:15px; height:334px;} #Content .hPordR .tit{ padding:8px 0; font-size:18px;} #Content .hPordR .info{ font-size:14px; line-height:24px;} #Content .hPordR .p1{ margin:0;} } @media screen and (max-width:768px){ #Content .hPordL{ width:100%; padding-right:10px; height:auto;} #Content .hPordL .tit{ padding:10px 15px;} #Content .hPordL .num{ font-size:20px;} #Content .hPordL .slick-dots li{ width:3px; height:6.8%;} #Content .hPordR .tit { padding:4px 0;} #Content .hPordR .info{ margin:12px 0 15px 0} #Content .hPordR{ width:100%; padding:8px 15px 20px 15px; height:auto;} } /*hFood*/ #Content2 .hFood{ float:left; width:100%;} #Content2 .hFoodC{ float:left; width:100%; margin-top:10px;} #Content2 .hFoodC .ul1{ margin:0 -15px;} #Content2 .hFoodC .li{ float:left; width:25%; padding:0 15px; margin-top:30px;} #Content2 .hFoodC .la{ float:left; width:100%; position:relative; background:#eb3c00; overflow:hidden;} #Content2 .hFoodC .img{ float:left; width:100%; line-height: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;} #Content2 .hFoodC .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;} #Content2 .hFoodC .la:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} #Content2 .hFoodC .cont{ float:left; width:100%; position:absolute; left:0; top:150%; margin-top:-38px; text-align:center;-webkit-transition: 0.5s ease;-moz-transition: 0.5s ease;-ms-transition: 0.5s ease;-o-transition: 0.5s ease;transition: 0.5s ease;} #Content2 .hFoodC .tit{ float:left; width:100%; color:#fff; font-size:18px; line-height:18px;} #Content2 .hFoodC .info{ float:left; width:100%; margin-top:20px;} #Content2 .hFoodC .info span{ display:block; margin:0 auto; width:126px; height:38px; line-height:36px; color:#fff; font-size:14px; border:1px solid #fff;} #Content2 .hFoodC .la:hover .img{opacity:0.4; filter:alpha(opacity=40);} #Content2 .hFoodC .la:hover .cont{ top:50%;} #Content2 .hTit1{ float:left; width:100%; text-align:center; position:relative; z-index:6;} #Content2 .hTit1 .tit1{ float:left; width:100%; color:#eb3c00; font-size:48px; line-height:40px; font-weight:bold;} #Content2 .hTit1 .tit2{ float:left; width:100%; color:#222222; font-size:38px; line-height:38px; margin-top:34px;} #Content2 .hTit1 .tit2 span{ position:relative; padding:0 70px; display:inline-block; vertical-align:top;} #Content2 .hTit1 .tit2 span:after, #Content2 .hTit1 .tit2 span:before{ float:left; width:28px; height:2px; position:absolute; left:0; top:50%; margin-top:-1px; content:''; background:#bcbcbc;} #Content2 .hTit1 .tit2 span:before{ left:auto; right:0;} #Content2 .hTit2 .tit1{ color:#fff;} #Content2 .hTit2 .tit2{ color:#fff;} #Content2 .hTit1 .tit2 span:after, #Content2 .hTit1 .tit2 span:before{background:#fff;opacity:0.3; filter:alpha(opacity=30);} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ #Content2 .hFoodC .ul1{ margin:0 -10px;} #Content2 .hFoodC .li{ padding:0 10px; margin-top:20px;} #Content2 .hTit1 .tit1{ font-size:36px; line-height:28px;} #Content2 .hTit1 .tit2{ font-size:28px; line-height:28px; margin-top:20px;} #Content2 .hTit1 .tit2 span{ padding:0 50px;} } @media screen and (max-width:992px){ #Content2 .hFoodC .ul1{ margin:0 -6px;} #Content2 .hFoodC .li{ padding:0 6px; margin-top:12px;} #Content2 .hFoodC .cont{ margin-top:-27px;} #Content2 .hFoodC .tit{ font-size:16px; line-height:16px;} #Content2 .hFoodC .info{ margin-top:10px;} #Content2 .hTit1 .tit1{ font-size:24px; line-height:20px;} #Content2 .hTit1 .tit2{ font-size:18px; line-height:18px; margin-top:10px;} #Content2 .hTit1 .tit2 span{ padding:0 35px;} #Content2 .hTit1 .tit2 span:after, #Content2 .hTit1 .tit2 span:before{ width:20px; height:1px;} #Content2 .hFoodC .info span{ width:90px; height:28px; line-height:26px; font-size:12px;} } @media screen and (max-width:768px){ #Content2 .hFoodC .li{ width:50%;} } #Content3 .hTit1{ float:left; width:100%; text-align:center; position:relative; z-index:6;} #Content3 .hTit1 .tit1{ float:left; width:100%; color:#eb3c00; font-size:48px; line-height:40px; font-weight:bold;} #Content3 .hTit1 .tit2{ float:left; width:100%; color:#222222; font-size:38px; line-height:38px; margin-top:34px;} #Content3 .hTit1 .tit2 span{ position:relative; padding:0 70px; display:inline-block; vertical-align:top;} #Content3 .hTit1 .tit2 span:after, #Content3 .hTit1 .tit2 span:before{ float:left; width:28px; height:2px; position:absolute; left:0; top:50%; margin-top:-1px; content:''; background:#bcbcbc;} #Content3 .hTit1 .tit2 span:before{ left:auto; right:0;} #Content3 .hTit2 .tit1{ color:#fff;} #Content3 .hTit2 .tit2{ color:#fff;} #Content3 .hTit1 .tit2 span:after, #Content3 .hTit1 .tit2 span:before{background:#fff;opacity:0.3; filter:alpha(opacity=30);} /*hUs*/ #Content3 .hUsBg{ float:left; width:100%; position:relative; background:#163c8b; padding:100px 0;} #Content3 .hUsBI{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;opacity:0.1; filter:alpha(opacity=10);} #Content3 .hUs{ float:left; width:100%; position:relative; margin-top:32px;} #Content3 .hUs .title{ float:left; position:absolute; width:180px; height:180px; border-radius:50%; left:50%; top:50%; z-index:6; margin:-78px 0 0 -90px; border:6px solid #fff; border:6px solid rgba(255,255,255,0.1);} #Content3 .hUs .title .img{ float:left; width:168px; height:168px; background:#eb3c00; border-radius:50%; overflow:hidden; } #Content3 .hUs .title .bg{opacity:0.2; filter:alpha(opacity=20);} #Content3 .hUs .title .ico{ float:left; width:100%; line-height:0; text-align:center; position:absolute; left:0; bottom:50%; margin-bottom:-2px;} #Content3 .hUs .title .ico img{ width:47px;} #Content3 .hUs .title .tit{ float:left; width:100%; text-align:center; position:absolute; left:0; top:50%; color:#fff; font-size:24px; line-height:34px; margin-top:13px;} #Content3 .hUs .title .line1{ float:left; width:332px; height:332px; border-radius:50%; border:1px solid #fff;opacity:0.25; filter:alpha(opacity=25); position:absolute; left:50%; top:50%; margin:-166px 0 0 -166px;} #Content3 .hUs .title .line2{ float:left; width:376px; height:376px; border-radius:50%; border:1px solid #fff;opacity:0.15; filter:alpha(opacity=15); position:absolute; left:50%; top:50%; margin:-188px 0 0 -188px;} #Content3 .hUs .title .line3{ float:left; width:422px; height:422px; border-radius:50%; border:1px solid #fff;opacity:0.05; filter:alpha(opacity=5); position:absolute; left:50%; top:50%; margin:-211px 0 0 -211px;} #Content3 .hUs .ul1{ float:left; width:100%; position:relative; z-index:16;} #Content3 .hUs .ul1 .l1{ float:left; width:34.18%; background:#fff; background:rgba(255,255,255,0.1); margin-top:20px; border-radius:10px; padding:15px 20px; cursor:pointer;} #Content3 .hUs .ul1 .l1:hover{ box-shadow:0 5px 15px rgba(0,0,0,0.2);} #Content3 .hUs .ul1 .tit{ float:left; width:100%; color:#fff; font-size:18px; line-height:28px;} #Content3 .hUs .ul1 .info{ float:left; width:100%; color:#fff; font-size:14px; line-height:24px;opacity:0.8; filter:alpha(opacity=80); margin-top:10px;} #Content3 .hUs .ul1 .l2{ float:right; text-align:right;} #Content3 .hUs .ul1 .l2{ float:right;} #Content3 .hUs .ul1 .l2{ float:right;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ #Content3 .hTit1 .tit1{ font-size:36px; line-height:28px;} #Content3 .hTit1 .tit2{ font-size:28px; line-height:28px; margin-top:20px;} #Content3 .hTit1 .tit2 span{ padding:0 50px;} } @media screen and (max-width:992px){ #Content3 .hTit1 .tit1{ font-size:24px; line-height:20px;} #Content3 .hTit1 .tit2{ font-size:18px; line-height:18px; margin-top:10px;} #Content3 .hTit1 .tit2 span{ padding:0 35px;} #Content3 .hTit1 .tit2 span:after, #Content3 .hTit1 .tit2 span:before{ width:20px; height:1px;} #Content3 .hUsBg{ padding:30px 0;} #Content3 .hUs{ margin-top:15px;} #Content3 .hUs .title{ width:120px; height:120px; margin:-54px 0 0 -60px; border:3px solid #fff; border:3px solid rgba(255,255,255,0.1);} #Content3 .hUs .title .img{ width:114px; height:114px; } #Content3 .hUs .title .ico img{ width:36px;} #Content3 .hUs .title .tit{ font-size:16px; line-height:26px; margin-top:6px;} #Content3 .hUs .title .line1{ width:160px; height:160px; margin:-80px 0 0 -80px;} #Content3 .hUs .title .line2{ width:180px; height:180px; margin:-90px 0 0 -90px;} #Content3 .hUs .title .line3{ width:200px; height:200px; margin:-100px 0 0 -100px;} #Content3 .hUs .ul1 .l1{ width:40.18%; margin-top:12px; padding:8px 12px;} #Content3 .hUs .ul1 .tit{ font-size:16px; line-height:26px;} #Content3 .hUs .ul1 .info{ margin-top:0;} } @media screen and (max-width:768px){ #Content3 .hUs .title{ position:relative; margin:0 0 0 -60px;} #Content3 .hUs .ul1 .l1{ width:100%;} } /*hAbout*/ #Content4 .hAbout{ float:left; width:100%;} #Content4 .hAboutC{ float:left; width:100%; margin:60px 0 0 0; position:relative; padding-bottom:40px;} #Content4 .hAboutC .img{ float:left; width:42.73%; line-height:0; position:absolute; left:0; bottom:0; z-index:6;} #Content4 .hAboutC .img img{ height:333px;} #Content4 .hAboutC .img .paly{ float:left; width:70px; height:70px; border-radius:50%; background:#eb3c00; position:absolute; right:-35px; top:50%; margin-top:-35px; box-shadow:0 0 21px rgba(0,0,0,0.31);} #Content4 .hAboutC .cont{ float:right; width:94%; background:#f4f4f4; position:relative; z-index:4; color:#444444; font-size:16px; line-height:36px; padding:57px 5.45% 57px 45.9%; text-align:justify;} #Content4 .hAboutC .cont .p1{ float:left; width:100%; height:216px; overflow:hidden;} #Content4 .hAboutC .tit{ float:left; position:absolute; right:2.56%; bottom:0; z-index:6; width:29.65%; line-height:0;} #Content4 .hTit1{ float:left; width:100%; text-align:center; position:relative; z-index:6;} #Content4 .hTit1 .tit1{ float:left; width:100%; color:#eb3c00; font-size:48px; line-height:40px; font-weight:bold;} #Content4 .hTit1 .tit2{ float:left; width:100%; color:#222222; font-size:38px; line-height:38px; margin-top:34px;} #Content4 .hTit1 .tit2 span{ position:relative; padding:0 70px; display:inline-block; vertical-align:top;} #Content4 .hTit1 .tit2 span:after, #Content4 .hTit1 .tit2 span:before{ float:left; width:28px; height:2px; position:absolute; left:0; top:50%; margin-top:-1px; content:''; background:#bcbcbc;} #Content4 .hTit1 .tit2 span:before{ left:auto; right:0;} #Content4 .hTit2 .tit1{ color:#fff;} #Content4 .hTit2 .tit2{ color:#fff;} #Content4 .hTit1 .tit2 span:after, #Content4 .hTit1 .tit2 span:before{background:#fff;opacity:0.3; filter:alpha(opacity=30);} #Content4 .videoBg{ display:none; float:left; width:100%; height:100%; position:fixed; left:0; top:0; z-index:66; background:#000; opacity:0.4; filter:alpha(opacity=40); } #Content4 .videoP{ display:none; float:left; width:800px; position:fixed; left:50%; top:50%; background:#fff; z-index:68; margin:-220px 0 0 -400px;} #Content4 .videoP .cont{ float:left; width:100%; position:relative;} #Content4 .videoP .cont video{ float:left; width:100%;} #Content4 .videoP .cont .colse{ float:left; position:absolute; top:-30px; right:0; background:#fff; background:rgba(255,255,255,0.9); width:30px; height:30px; color:#163c8b; font-size:30px; line-height:26px; text-align:center;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ #Content4 .hAboutC .cont{ padding:35px 3.45% 35px 42.9%; line-height:34px;} #Content4 .hAboutC .cont .p1{ height:204px; } #Content4 .hAboutC .img img{ height:273px;} #Content4 .hTit1 .tit1{ font-size:36px; line-height:28px;} #Content4 .hTit1 .tit2{ font-size:28px; line-height:28px; margin-top:20px;} #Content4 .hTit1 .tit2 span{ padding:0 50px;} } @media screen and (max-width:992px){ #Content4 .hAboutC{ padding-bottom:20px; margin:20px 0 0 0;} #Content4 .hAboutC .cont{ padding:20px 3.45% 20px 42.9%; line-height:28px; font-size:14px;} #Content4 .hAboutC .cont .p1{ height:168px; } #Content4 .hAboutC .img img{ height:210px;} #Content4 .hAboutC .img .paly{ width:50px; height:50px; right:-25px; margin-top:-25px;} #Content4 .hAboutC .tit{ width:20%;} #Content4 .hTit1 .tit1{ font-size:24px; line-height:20px;} #Content4 .hTit1 .tit2{ font-size:18px; line-height:18px; margin-top:10px;} #Content4 .hTit1 .tit2 span{ padding:0 35px;} #Content4 .hTit1 .tit2 span:after, #Content4 .hTit1 .tit2 span:before{ width:20px; height:1px;} #Content4 .videoP{ width:90%; left:5%; top:50%; margin:-102px 0 0 0;} #Content4 .videoP .cont .colse{ width:24px; height:24px; line-height:20px; font-size:20px; top:-24px;} } @media screen and (max-width:768px){ #Content4 .hAboutC{ padding-bottom:15px;} #Content4 .hAboutC .cont{ padding:10px 12px 14px 152px; line-height:24px;} #Content4 .hAboutC .cont .p1{ height:96px;} #Content4 .hAboutC .img{ width:auto; bottom:5px;} #Content4 .hAboutC .img img{ width:164px; height:109px;} #Content4 .hAboutC .img .paly{ width:40px; height:40px; right:50%; margin-right:-20px; margin-top:-20px;} #Content4 .hAboutC .tit{ width:110px; right:12px;} } #Content5 .hTit1{ float:left; width:100%; text-align:center; position:relative; z-index:6;} #Content5 .hTit1 .tit1{ float:left; width:100%; color:#eb3c00; font-size:48px; line-height:40px; font-weight:bold;} #Content5 .hTit1 .tit2{ float:left; width:100%; color:#222222; font-size:38px; line-height:38px; margin-top:34px;} #Content5 .hTit1 .tit2 span{ position:relative; padding:0 70px; display:inline-block; vertical-align:top;} #Content5 .hTit1 .tit2 span:after, #Content5 .hTit1 .tit2 span:before{ float:left; width:28px; height:2px; position:absolute; left:0; top:50%; margin-top:-1px; content:''; background:#bcbcbc;} #Content5 .hTit1 .tit2 span:before{ left:auto; right:0;} #Content5 .hTit2 .tit1{ color:#fff;} #Content5 .hTit2 .tit2{ color:#fff;} #Content5 .hTit1 .tit2 span:after, #Content5 .hTit1 .tit2 span:before{background:#fff;opacity:0.3; filter:alpha(opacity=30);} /*hNewsBg*/ #Content5 .hNewsBg{ float:left; width:100%; background:#f4f4f4; padding:100px 0;} #Content5 .hNews{ float:left; width:100%; margin-top:39px;} #Content5 .hNews .title{ float:left; width:100%;} #Content5 .hNews .title .tit1{ float:left; width:100%; color:#222222; font-size:20px; line-height:20px;} #Content5 .hNews .title .tit2{ float:left; width:100%; color:#fff; text-transform:uppercase; font-size:16px; line-height:20px; margin-top:10px;} #Content5 .hNews .title .tit2 span{ float:left; padding:0 4px; background:#163c8b;} #Content5 .hNewsL{ float:left; width:31.62%; background:#fff; height:466px; padding:29px 30px 15px 30px; overflow:hidden;} #Content5 .hNewsL .ulL{ float:left; width:100%; margin-top:20px;} #Content5 .hNewsL .l1{ float:left; width:100%; line-height:0; overflow:hidden;} #Content5 .hNewsL .l1 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;} #Content5 .hNewsL .l1:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} #Content5 .hNewsL .l2{ float:left; width:100%; border-bottom:1px dashed #cccccc; padding:14px 0;} #Content5 .hNewsL .tit{ float:left; width:100%; color:#333333; font-size:16px; line-height:26px; padding:0 15px 0 21px; position:relative;} #Content5 .hNewsL .tit:after{ float:left; width:10px; height:2px; background:#eb3c00; position:absolute; left:0; top:50%; margin-top:-1px; content:'';} #Content5 .hNewsL .time{ float:left; width:100%; color:#888888; font-size:14px; line-height:24px; padding:0 15px 0 21px; margin-top:2px;} #Content5 .hNewsL a:hover .tit{ color:#eb3c00;} #Content5 .hNewsC{ float:left; width:31.62%; background:#fff; height:466px; padding:29px 30px 15px 30px; overflow:hidden; margin:0 2.57%;} #Content5 .hNewsC .ulC{ float:left; width:100%; margin-top:6px;} #Content5 .hNewsC .l2{ float:left; width:100%; border-bottom:1px dashed #cccccc; padding:14px 0;} #Content5 .hNewsC .l2:last-child{ border-bottom:none;} #Content5 .hNewsC .l2 a{ float:left; width:100%; position:relative; height:93px; padding-left:139px;} #Content5 .hNewsC .img{ float:left; width:124px; height:93px; line-height:0; overflow:hidden; position:absolute; left:0; top:0;} #Content5 .hNewsC .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;} #Content5 .hNewsC .l2 a:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} #Content5 .hNewsC .tit{ float:left; width:100%; color:#333333; font-size:16px; line-height:24px; height:48px; overflow:hidden; margin:6px 0 12px 0;} #Content5 .hNewsC .time{ float:left; width:100%; color:#888888; font-size:14px; line-height:24px;} #Content5 .hNewsC .l2 a:hover .tit{ color:#eb3c00;} #Content5 .hNewsR{ float:right; width:31.62%; background:#fff; height:466px; padding:29px 30px 15px 30px; overflow:hidden;} #Content5 .hNewsR .ulR{ float:left; width:100%; margin-top:1px;} #Content5 .hNewsR .l2{ float:left; width:100%; margin-top:19px;} #Content5 .hNewsR .l2 a{ float:left; width:100%; background:#f7f7f7; padding:15px 20px 13px 20px;} #Content5 .hNewsR .tit{ float:left; width:100%; color:#333333; font-size:16px; line-height:26px; position:relative; padding-left:35px;} #Content5 .hNewsR .tit span{ float:left; width:26px; height:26px; line-height:26px; text-align:center; color:#fff; font-size:16px; background:#eb3c00; border-radius:50%; position:absolute; left:0; top:0;} #Content5 .hNewsR .info{ float:left; width:100%; color:#888888; font-size:14px; line-height:18px; height:36px; overflow:hidden; position:relative; padding-left:35px; margin-top:10px;} #Content5 .hNewsR .info span{ float:left; width:26px; height:26px; line-height:26px; text-align:center; color:#fff; font-size:16px; background:#adadad; border-radius:50%; position:absolute; left:0; top:2px;} #Content5 .hNewsR .l2 a:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);} #Content5 .hNewsR .l2 a:hover .tit{ color:#eb3c00;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ #Content5 .hTit1 .tit1{ font-size:36px; line-height:28px;} #Content5 .hTit1 .tit2{ font-size:28px; line-height:28px; margin-top:20px;} #Content5 .hTit1 .tit2 span{ padding:0 50px;} #Content5 .hNewsL{ padding:19px 20px 15px 20px; height:450px; } #Content5 .hNewsL .l2{ padding:15px 0;} #Content5 .hNewsL .time{ margin-top:4px;} #Content5 .hNewsC{ padding:19px 20px 15px 20px; height:450px; } #Content5 .hNewsR{ padding:19px 20px 15px 20px; height:450px; } } @media screen and (max-width:992px){ #Content5 .hTit1 .tit1{ font-size:24px; line-height:20px;} #Content5 .hTit1 .tit2{ font-size:18px; line-height:18px; margin-top:10px;} #Content5 .hTit1 .tit2 span{ padding:0 35px;} #Content5 .hTit1 .tit2 span:after, #Content5 .hTit1 .tit2 span:before{ width:20px; height:1px;} #Content5 .hNewsBg{ padding:30px 0;} #Content5 .hNews{ margin-top:20px;} #Content5 .hNews .title .tit1{ font-size:16px; line-height:16px;} #Content5 .hNews .title .tit2{ font-size:12px; line-height:16px; margin-top:8px;} #Content5 .hNewsL{ padding:12px; height:340px; } #Content5 .hNewsL .ulL{ margin-top:14px;} #Content5 .hNewsL .l2{ padding:9px 0;} #Content5 .hNewsL .tit{ font-size:14px; line-height:24px; padding:0 0 0 18px;} #Content5 .hNewsL .time{ margin-top:0; font-size:12px; line-height:22px; padding:0 0 0 18px;} #Content5 .hNewsC{ padding:12px; height:340px; } #Content5 .hNewsC .ulC{ margin-top:0;} #Content5 .hNewsC .l2 a{ padding-left:100px; height:66px;} #Content5 .hNewsC .tit{ font-size:14px; line-height:22px; height:44px; margin:0;} #Content5 .hNewsC .time{ font-size:12px; line-height:22px;} #Content5 .hNewsC .img{ width:88px; height:66px;} #Content5 .hNewsR{ padding:12px; height:340px; } #Content5 .hNewsR .ulR{ margin-top:4px;} #Content5 .hNewsR .l2{ margin-top:10px;} #Content5 .hNewsR .l2 a{ padding:11px 12px;} #Content5 .hNewsR .tit{ font-size:14px; line-height:20px; padding-left:28px;} #Content5 .hNewsR .tit span{ width:20px; height:20px; font-size:12px; line-height:18px;} #Content5 .hNewsR .info{ padding-left:28px; margin-top:5px; font-size:12px; line-height:16px; height:32px;} #Content5 .hNewsR .info span{ width:20px; height:20px; font-size:12px; line-height:18px;} } @media screen and (max-width:768px){ #Content5 .hNewsL{ width:100%; height:auto;} #Content5 .hNewsC{ width:100%; margin:15px 0;} #Content5 .hNewsR{ width:100%;} } #Content6 .hTit1{ float:left; width:100%; text-align:center; position:relative; z-index:6;} #Content6 .hTit1 .tit1{ float:left; width:100%; color:#eb3c00; font-size:48px; line-height:40px; font-weight:bold;} #Content6 .hTit1 .tit2{ float:left; width:100%; color:#222222; font-size:38px; line-height:38px; margin-top:34px;} #Content6 .hTit1 .tit2 span{ position:relative; padding:0 70px; display:inline-block; vertical-align:top;} #Content6 .hTit1 .tit2 span:after, #Content6 .hTit1 .tit2 span:before{ float:left; width:28px; height:2px; position:absolute; left:0; top:50%; margin-top:-1px; content:''; background:#bcbcbc;} #Content6 .hTit1 .tit2 span:before{ left:auto; right:0;} #Content6 .hTit2 .tit1{ color:#fff;} #Content6 .hTit2 .tit2{ color:#fff;} #Content6 .hTit1 .tit2 span:after, #Content6 .hTit1 .tit2 span:before{background:#fff;opacity:0.3; filter:alpha(opacity=30);} /*hCase*/ #Content6 .hCase{ float:left; width:100%; } #Content6 .hCaseC{ float:left; width:100%; margin:38px 0 0 0;} #Content6 .hCaseC .ul1{ margin:0 -15px; padding:40px 0 55px 0;} #Content6 .hCaseC .l1{ float:left; width:20%; padding:0 15px; margin-top:15px; text-align:center;} #Content6 .hCaseC .l1:nth-child(6){ margin-left:10%;} #Content6 .hCaseC .l1:nth-child(10){ margin-left:20%;} #Content6 .hCaseC .la{ display:inline-block; vertical-align:top; height:100px; width:150px; position:relative;} #Content6 .hCaseC .la img{ position:relative; z-index:6;} #Content6 .hCaseC .la i{ float:left; width:148px; height:148px; position:absolute; left:50%; top:50%; border:1px solid #eaeaea; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); margin:-74px 0 0 -74px; z-index:8;} #Content6 .hCaseC .la:hover i{ box-shadow:0 0 16px rgba(235,60,0,0.1); border:1px solid #fff;} #Content6 .hCaseC .slick-dots{ position:static; margin-top:39px; height:4px;} #Content6 .hCaseC .slick-dots li{ vertical-align:top; width:28px; height:4px; background:#eb3c00; margin:0 5px;opacity:0.2; filter:alpha(opacity=20); } #Content6 .hCaseC .slick-dots li.slick-active{opacity:1; filter:alpha(opacity=100); } @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ #Content6 .hTit1 .tit1{ font-size:36px; line-height:28px;} #Content6 .hTit1 .tit2{ font-size:28px; line-height:28px; margin-top:20px;} #Content6 .hTit1 .tit2 span{ padding:0 50px;} #Content6 .hCaseC .ul1{ margin:0 -5px; padding:30px 0 52px 0;} #Content6 .hCaseC .l1{ margin-top:22px;} #Content6 .hCaseC .la{ height:80px; width:120px; } #Content6 .hCaseC .la i{ width:130px; height:130px; margin:-65px 0 0 -65px; } } @media screen and (max-width:992px){ #Content6 .hTit1 .tit1{ font-size:24px; line-height:20px;} #Content6 .hTit1 .tit2{ font-size:18px; line-height:18px; margin-top:10px;} #Content6 .hTit1 .tit2 span{ padding:0 35px;} #Content6 .hTit1 .tit2 span:after, #Content6 .hTit1 .tit2 span:before{ width:20px; height:1px;} #Content6 .hCaseC{ margin:20px 0 0 0;} #Content6 .hCaseC .ul1{ margin:0 -5px; padding:28px 0 36px 0;} #Content6 .hCaseC .l1{ margin-top:12px;} #Content6 .hCaseC .la{ height:67px; width:100px; } #Content6 .hCaseC .la i{ width:100px; height:100px; margin:-50px 0 0 -50px; } #Content6 .hCaseC .slick-dots{ margin-top:15px; height:2px;} #Content6 .hCaseC .slick-dots li{ width:18px; height:2px;} } @media screen and (max-width:768px){ #Content6 .hCaseC{ margin:10px 0 0 0;} #Content6 .hCaseC .ul1{ margin:0 -5px; padding:0;} #Content6 .hCaseC .l1{ width:33.333%; padding:0 5px; margin-top:10px;} #Content6 .hCaseC .la i{ display:none;} #Content6 .hCaseC .l1:nth-child(6){ margin-left:0;} #Content6 .hCaseC .l1:nth-child(10){ margin-left:0;} #Content6 .hCaseC .la{ width:100%; height:auto; border:1px solid #eaeaea; padding:3%;} } /*inBanner*/ #Slide2 .inBanner{ float:left; width:100%; line-height:0;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ } /*二级导航*/ #Content7 .SideNav{ float:left; width:100%; border-bottom:1px solid #dadada;} #Content7 .babyser{ float:left; width:100%; margin-top:6%; } #Content7 .babyser h2{ float:left; width:100%; padding:0 15px; background:#173c8c; color:#fff; font-size:16px; line-height:44px;} #Content7 .babyser h2 span{ font-size:14px; text-transform:uppercase; margin-left:8px; font-size:14px; opacity:0.6; filter:alpha(opacity=60); font-family:Arial;} #Content7 .babyser h2 .imgr{ float:right; margin:12px 0 0 0;} #Content7 .pz_SideLayerph{ display:none; float:left; width:100%;} #Content7 .pz_SideLayerph .l1{ float:left; width:100%; margin-top:1px;} #Content7 .pz_SideLayerph .l1 h3{ float:left; width:100%; color:#333; font-size:14px; line-height:38px; cursor:pointer; background:#f7f7f7;} #Content7 .pz_SideLayerph .l1 h3 a{ float:left; width:100%; color:#333; padding:0 10px 0 15px;} #Content7 .pz_SideLayerph .l1 h3 .ico{ float:right;} #Content7 .pz_SideLayerph .l1 h3.active, #Content7 .pz_SideLayerph .l1 h3:hover{ background:#eb3c00;} #Content7 .pz_SideLayerph .l1 h3.active a, #Content7 .pz_SideLayerph .l1 h3:hover a{ color:#fff;} #Content7 .pz_SideLayerph .l1 h3.active .ico, #Content7 .pz_SideLayerph .l1 h3:hover .ico{ color:#fff; transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg);} #Content7 .pz_SideLayerph .ul2{ display:none; float:left; width:100%; background:#f2f2f2; padding:8px 15px; margin-top:1px;} #Content7 .pz_SideLayerph .ul2 li{ float:left; width:100%;} #Content7 .pz_SideLayerph .ul2 li a{ float:left; width:100%; color:#666; font-size:14px; line-height:26px;} #Content7 .pz_SideLayerph .ul2 li a:hover{ color:#eb3c00;} /*pc*/ #Content7 .in_SideLayer{ float:left; width:100%; text-align:center;} #Content7 .in_SideLayer .pz_SideLayer{ display:inline-block; vertical-align:top;} #Content7 .in_SideLayer .l1{ float:left; margin:0 17px; position:relative; z-index:6;} #Content7 .in_SideLayer .l1 .la{ float:left;height:66px; line-height:66px; color:#333333; font-size:16px; padding:0 10px; position:relative;} #Content7 .in_SideLayer .l1 .la::after{ float:left; width:0; height:3px; background:#eb3c00; content:''; position:absolute; left:50%; bottom:-2px;oz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); } #Content7 .in_SideLayer .l1.on .la, #Content7 .in_SideLayer .l1:hover .la{color:#eb3c00;} #Content7 .in_SideLayer .l1.on .la::after, #Content7 .in_SideLayer .l1:hover .la::after{ width:100%;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #Content7 .SideNav{ border-bottom:none;} } @media screen and (max-width:768px){ } #Content8 .abouTit1{ float:left; width:100%; text-align:center; color:#333333; font-size:30px; line-height:40px; position:relative; padding-bottom:37px;} #Content8 .abouTit1:after{ float:left; position:absolute; left:50%; bottom:0; content:''; background:#eb3c00; margin-left:-33px; width:66px; height:1px;} #Content8 .aboutC1{ float:left; width:100%; text-align:center; color:#666666; font-size:16px; line-height:36px; margin:30px 0 0 0; padding:0 7.7%;} #Content8 .about1{ float:left; width:100%; } #Content8 .aboutC2{ float:left; width:100%; margin:29px 0 0 0; padding:40px;} #Content8 .aboutC2 .cont{ float:right; width:50%; background:#163c8b; background:rgba(22,60,139,0.8); text-align:center; color:#fff; font-size:18px; line-height:36px; padding:40px;} #Content8 .aboutC2 .cont .p1{ float:left; width:100%; margin:36px 0 62px 0;} #Content8 .aboutC2 .cont .p0{ float:left; width:100%; line-height:0;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ #Content8 .aboutC1{ padding:0;} #Content8 .aboutC2 .cont{ width:60%;} } @media screen and (max-width:992px){ #Content8 .abouTit1{ font-size:18px; line-height:28px; padding-bottom:12px;} #Content8 .abouTit1:after{ width:44px; margin-left:-22px;} #Content8 .aboutC1{ font-size:14px; line-height:28px; margin:15px 0 0 0;} #Content8 .aboutC2{ margin:20px 0 0 0; padding:20px;} #Content8 .aboutC2 .cont{ font-size:16px; line-height:30px; padding:20px;} #Content8 .aboutC2 .cont .p1{ float:left; width:100%; margin:13px 0 15px 0;} #Content8 .aboutC2 .cont .p0 img{ width:36px;} } @media screen and (max-width:768px){ #Content8 .aboutC2{ padding:15px;} #Content8 .aboutC2 .cont{ width:100%; font-size:14px; line-height:26px; padding:15px;} #Content8 .aboutC2 .cont .p1{ margin:5px 0;} #Content8 .aboutC2 .cont .p0 img{ width:26px;} } /*about2*/ #Content9 .about2{ float:left; width:100%;} #Content9 .aboutC3{ float:left; width:100%; margin:65px 0 0 0; overflow:hidden;} #Content9 .aboutC3 .ul1{ margin:0 -15px;} #Content9 .aboutC3 .l1{ float:left; width:33.33%; text-align:center; padding:0 15px; position:relative;} #Content9 .aboutC3 .l1:after{ float:left; width:1px; height:84%; border-right:1px dashed #b2b2b2; position:absolute; right:0; top:8%; content:'';} #Content9 .aboutC3 .la{ float:left; width:100%; padding:0 13.5%;} #Content9 .aboutC3 .img{ float:left; width:100%; line-height:0;} #Content9 .aboutC3 .img img{ display:block; margin:0 auto; width:170px; height:170px; border-radius:50%;} #Content9 .aboutC3 .info{ float:left; width:100%; color:#666666; font-size:16px; line-height:30px; min-height:90px; margin-top:23px;} #Content9 .abouTit1{ float:left; width:100%; text-align:center; color:#333333; font-size:30px; line-height:40px; position:relative; padding-bottom:37px;} #Content9 .abouTit1:after{ float:left; position:absolute; left:50%; bottom:0; content:''; background:#eb3c00; margin-left:-33px; width:66px; height:1px;} #Content9 .aboutC1{ float:left; width:100%; text-align:center; color:#666666; font-size:16px; line-height:36px; margin:30px 0 0 0; padding:0 7.7%;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ #Content9 .aboutC3 .la{ padding:0 5%;} #Content9 .aboutC1{ padding:0;} } @media screen and (max-width:992px){ #Content9 .aboutC3{ margin:20px 0 0 0;} #Content9 .aboutC3 .la{ padding:0 2%;} #Content9 .aboutC3 .img img{ width:120px; height:120px;} #Content9 .aboutC3 .info{ font-size:14px; line-height:28px; min-height:84px; margin-top:10px;} #Content9 .abouTit1{ font-size:18px; line-height:28px; padding-bottom:12px;} #Content9 .abouTit1:after{ width:44px; margin-left:-22px;} #Content9 .aboutC1{ font-size:14px; line-height:28px; margin:15px 0 0 0;} } @media screen and (max-width:768px){ #Content9 .aboutC3{ margin:8px 0 0 0;} #Content9 .aboutC3 .ul1{ margin:0;} #Content9 .aboutC3 .l1{ width:100%; position:relative; padding:0 0 0 92px; margin:12px 0 0 0; text-align:left;} #Content9 .aboutC3 .img{ width:80px; position:absolute; left:0; top:0;} #Content9 .aboutC3 .img img{ width:80px; height:80px;} #Content9 .aboutC3 .la{ padding:0;} #Content9 .aboutC3 .info{ margin:3px 0 0 0; line-height:24px; min-height:77px;} #Content9 .aboutC3 .l1:after{ display:none;} } #Content10 .about3{ float:left; width:100%; margin:70px 0 100px 0;} #Content10 .aboutC4{ float:left; width:100%; margin:40px 0 0 0;} #Content10 .aboutC4 .l1{ float:left; width:170px !important; height:437px; border-right:1px solid #fff; overflow:hidden;} #Content10 .aboutC4 .l1.slick-current{ width:660px !important;} #Content10 .aboutC4 .slick-prev, #Content10 .aboutC4 .slick-next{ width:52px; height:52px; border-radius:50%;} #Content10 .aboutC4 .slick-prev{ background:url(/template/theme/CN/1352_about11.png) center no-repeat #eb3c00; background-size:100% 100%; left:-92px;} #Content10 .aboutC4 .slick-next{ background:url(/template/theme/CN/1352_about12.png) center no-repeat #eb3c00; background-size:100% 100%; right:-92px;} #Content10 .aboutC4 .slick-prev:hover{ background:url(/template/theme/CN/1352_about11.png) center no-repeat #0f2a61; background-size:100% 100%;} #Content10 .aboutC4 .slick-next:hover{ background:url(/template/theme/CN/1352_about12.png) center no-repeat #0f2a61; background-size:100% 100%;} @media screen and (max-width:1400px){ #Content10 .aboutC4 .slick-prev{ left:0;} #Content10 .aboutC4 .slick-next{ right:0;} } #Content10 .abouTit1{ float:left; width:100%; text-align:center; color:#333333; font-size:30px; line-height:40px; position:relative; padding-bottom:37px;} #Content10 .abouTit1:after{ float:left; position:absolute; left:50%; bottom:0; content:''; background:#eb3c00; margin-left:-33px; width:66px; height:1px;} #Content10 .aboutC1{ float:left; width:100%; text-align:center; color:#666666; font-size:16px; line-height:36px; margin:30px 0 0 0; padding:0 7.7%;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ #Content10 .aboutC4 .l1.slick-current{ width:452px !important;} #Content10 .aboutC1{ padding:0;} } @media screen and (max-width:992px){ #Content10 .about3{ margin:25px 0 30px 0;} #Content10 .aboutC4{ margin:20px 0 0 0;} #Content10 .aboutC4 .l1{ width:120px !important; height:300px; } #Content10 .aboutC4 .l1.slick-current{ width:378px !important;} #Content10 .aboutC4 .slick-prev, #Content10 .aboutC4 .slick-next{ width:36px; height:36px;} #Content10 .abouTit1{ font-size:18px; line-height:28px; padding-bottom:12px;} #Content10 .abouTit1:after{ width:44px; margin-left:-22px;} #Content10 .aboutC1{ font-size:14px; line-height:28px; margin:15px 0 0 0;} } @media screen and (max-width:768px){ #Content10 .aboutC4 .l1{ width:60px !important; height:200px; } #Content10 .aboutC4 .l1.slick-current{ width:205px !important;} } #List .porR{ float:right; width:830px; margin-top:30px;} #List .PorList{ float:left; width:100%;} #List .PorList li{ float:left; width:100%; margin-top:30px; border:1px solid #d9d9d9; text-align:center; position:relative; padding:40px 5%; overflow:hidden;} #List .PorList li .tit{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; height:28px; margin:0 0 45px 0; position:relative; z-index:9;-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 .PorList li .img{ float:left; width:100%; line-height:0; margin:0 0 15px 0; position:relative; z-index:1;} #List .PorList li .ico{ float:left; width:50px; height:50px; line-height:0; position:absolute; left:50%; top:100%; margin:4px 0 0 -25px; z-index:8;-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 .PorList li .bg{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; background:#eb3c00; opacity:0; filter:alpha(opacity=100); 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;} #List .PorList li:hover{ border:1px solid #fff;} #List .PorList li:hover .tit{ color:#fff; margin:37px 0 8px 0; } #List .PorList li:hover .bg{ opacity:0.8; filter:alpha(opacity=80);} #List .PorList li:hover .ico{ top:50%;} /*SideNavL*/ #List .SideNavL{ float:left; width:300px; margin:60px 0;} #List .in_SideLayer1{ float:left; width:100%;} #List .in_SideLayer1 .title{ float:left; width:100%; background:#163c8b; padding:24px 30px;} #List .in_SideLayer1 .title .tit1{ float:left; width:100%; color:#fff; font-weight:bold; font-size:30px; line-height:40px;} #List .in_SideLayer1 .title .tit2{ float:left; width:100%; color:#fff; font-family:Arial; font-size:14px; line-height:24px; opacity:0.6; filter:alpha(opacity=60); text-transform:uppercase; } #List .in_SideLayer1 .pz_SideLayer{ float:left; width:100%;} #List .in_SideLayer1 .l1{ float:left; width:100%; position:relative; z-index:6; margin-top:1px;} #List .in_SideLayer1 .l1 .la{ float:left; width:100%; background:#f2f2f2; line-height:62px; color:#eb3c00; font-size:18px; font-weight:bold; padding:0 25px 0 30px; position:relative;} #List .in_SideLayer1 .l1 .ico{ float:right; color:#b5b4b6;} #List .in_SideLayer1 .l1.active .la{ background:#eb3c00; color:#fff;} #List .in_SideLayer1 .l1.active .ico{ color:#fff; transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg);} #List .in_SideLayer1 .ul2{ float:left; width:100%; background:#f2f2f2; padding:14px 30px;} #List .in_SideLayer1 .l2{ float:left; width:100%;} #List .in_SideLayer1 .l2 a{ float:left; width:100%; color:#333333; font-size:14px; line-height:48px; position:relative; padding-left:12px;} #List .in_SideLayer1 .l2 a:after{ float:left; width:5px; height:1px; background:#333333; position:absolute; left:0; top:50%; content:'';} #List .in_SideLayer1 .l2 a:hover{ color:#eb3c00;} #List .in_SideLayer1 .l2 a:hover:after{ background:#eb3c00;} #List .in_SideLayer1 .l2 .active{color:#eb3c00;} #List .in_SideLayer1 .l2 .active:after{ background:#eb3c00;} /* 分页 */ #List .wack1{ float:left; width:100%; padding:60px 0; text-align:center;} #List .wack1 .pz_fy{ display:inline-block; vertical-align:top;} #List .wack1 .pz_fy a { float:left; width:38px; height:38px; line-height:38px; border: #e1e1e1 1px solid; color:#272727; font-size:14px; margin:0 5px;} #List .wack1 .pz_fy a:hover, #List .wack1 .pz_fy a.on{color:#fff; border:#C02 1px solid; background:#eb3c00;} #List .wack1 .pz_fy .l_fy, #List .wack1 .pz_fy .r_fy{ width:100px;} /*二级导航*/ #List .SideNav{ float:left; width:100%; border-bottom:1px solid #dadada;} #List .babyser{ float:left; width:100%; margin-top:6%; } #List .babyser h2{ float:left; width:100%; padding:0 15px; background:#173c8c; color:#fff; font-size:16px; line-height:44px;} #List .babyser h2 span{ font-size:14px; text-transform:uppercase; margin-left:8px; font-size:14px; opacity:0.6; filter:alpha(opacity=60); font-family:Arial;} #List .babyser h2 .imgr{ float:right; margin:12px 0 0 0;} #List .pz_SideLayerph{ display:none; float:left; width:100%;} #List .pz_SideLayerph .l1{ float:left; width:100%; margin-top:1px;} #List .pz_SideLayerph .l1 h3{ float:left; width:100%; color:#333; font-size:14px; line-height:38px; cursor:pointer; background:#f7f7f7;} #List .pz_SideLayerph .l1 h3 a{ float:left; width:100%; color:#333; padding:0 10px 0 15px;} #List .pz_SideLayerph .l1 h3 .ico{ float:right;} #List .pz_SideLayerph .l1 h3.active, #List .pz_SideLayerph .l1 h3:hover{ background:#eb3c00;} #List .pz_SideLayerph .l1 h3.active a, #List .pz_SideLayerph .l1 h3:hover a{ color:#fff;} #List .pz_SideLayerph .l1 h3.active .ico, #List .pz_SideLayerph .l1 h3:hover .ico{ color:#fff; transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg);} #List .pz_SideLayerph .ul2{ display:none; float:left; width:100%; background:#f2f2f2; padding:8px 15px; margin-top:1px;} #List .pz_SideLayerph .ul2 li{ float:left; width:100%;} #List .pz_SideLayerph .ul2 li a{ float:left; width:100%; color:#666; font-size:14px; line-height:26px;} #List .pz_SideLayerph .ul2 li a:hover{ color:#eb3c00;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ #List .porR{ width:650px;} #List .SideNavL{ width:280px;} } @media screen and (max-width:992px){ #List .porR{ width:100%; margin-top:13px;} #List .PorList li{ margin-top:12px; padding:20px 10px;} #List .PorList li .img{ margin:0;} #List .PorList li .tit{ font-size:16px; line-height:26px; margin:0 0 15px 0;} #List .PorList li .ico{ width:30px; height:30px; margin:4px 0 0 -15px;} #List .PorList li:hover .tit{ margin:15px 0 0 0; } #List .SideNavL{ width:100%; margin:0;} #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 #eb3c00; background:#eb3c00; overflow:hidden;} #List .wack1 .fy_pc span{ padding:5px 20px; color:#272727;} #List .SideNav{ border-bottom:none;} } @media screen and (max-width:768px){ } #Subpage .hFoodC{ float:left; width:100%; margin:0 0 80px 0;} #Subpage .hFoodC .ul1{ margin:0 -15px;} #Subpage .hFoodC .li{ float:left; width:25%; padding:0 15px; margin-top:30px;} #Subpage .hFoodC .la{ float:left; width:100%; position:relative; background:#eb3c00; overflow:hidden;} #Subpage .hFoodC .img{ float:left; width:100%; line-height: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 .hFoodC .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;} #Subpage .hFoodC .la:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} #Subpage .hFoodC .cont{ float:left; width:100%; position:absolute; left:0; top:150%; margin-top:-38px; text-align:center;-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 .hFoodC .tit{ float:left; width:100%; color:#fff; font-size:18px; line-height:18px;} #Subpage .hFoodC .info{ float:left; width:100%; margin-top:20px;} #Subpage .hFoodC .info span{ display:block; margin:0 auto; width:126px; height:38px; line-height:36px; color:#fff; font-size:14px; border:1px solid #fff;} #Subpage .hFoodC .la:hover .img{opacity:0.4; filter:alpha(opacity=40);} #Subpage .hFoodC .la:hover .cont{ top:50%;} #Subpage .hFoodC .slick-prev, #Subpage .hFoodC .slick-next{ float:left; width:24px; height:24px; border-radius:50%; left:auto; right:15px; top:-12px;} #Subpage .hFoodC .slick-prev{ background:url(/template/theme/CN/1354_por7.png) center no-repeat #eb3c00; margin-right:35px;} #Subpage .hFoodC .slick-next{ background:url(/template/theme/CN/1354_por8.png) center no-repeat #eb3c00;} #Subpage .hFoodC .slick-prev:hover{ background:url(/template/theme/CN/1354_por7.png) center no-repeat #163c8b;} #Subpage .hFoodC .slick-next:hover{ background:url(/template/theme/CN/1354_por8.png) center no-repeat #163c8b;} #Subpage .porR{ float:right; width:830px; margin-top:30px;} #Subpage .PorDet{ float:left; width:100%; margin:30px 0 0 0;} #Subpage .PorDet .img{ float:left; width:100%; border:1px solid #d9d9d9; line-height:0; padding:10% 5%;} #Subpage .PorDet .info{ float:left; width:100%; margin:27px 0 30px 0;} #Subpage .PorDet .info .sp1{ float:left; color:#333333; font-size:24px; line-height:34px; margin:8px 0;} #Subpage .PorDet .info .zixun{ float:right; padding:0 28px; border-radius:50px; background:#eb3c00; height:50px; line-height:48px; color:#fff; font-size:18px;} #Subpage .PorDet .info .zixun img{ display:inline-block; vertical-align:top; width:18px; height:18px; margin:16px 10px 0 0;} #Subpage .PorDet .cont1{ float:left; width:100%; color:#555555; font-size:16px; line-height:26px;} #Subpage .PorDet .cont1 .l1{ float:left; width:100%; background:#f2f2f2; margin-top:1px; padding:13px 0; position:relative;} #Subpage .PorDet .cont1 .l1 i{ float:left; width:1px; height:100%; background:#fff; position:absolute; left:165px; top:0;} #Subpage .PorDet .cont1 .sp1{ float:left; width:165px; padding:0 12px 0 30px;} #Subpage .PorDet .cont1 .sp2{ float:left; width:665px; padding:0 12px 0 38px;} #Subpage .PorDet .cont2{ float:left; width:100%; color:#333333; font-size:14px; line-height:42px; padding:23px 35px 36px 35px;} #Subpage .ReadTit{ float:left; width:100%; color:#eb3c00; font-size:24px; line-height:24px; margin-top:25px; padding:0 70px 0 19px; position:relative;} #Subpage .ReadTit:after{ float:left; width:4px; height:18px; position:absolute; left:0; top:50%; content:''; background:#eb3c00; margin-top:-9px;} /*二级导航*/ #Subpage .SideNav{ float:left; width:100%; border-bottom:1px solid #dadada;} #Subpage .babyser{ float:left; width:100%; margin-top:6%; } #Subpage .babyser h2{ float:left; width:100%; padding:0 15px; background:#173c8c; color:#fff; font-size:16px; line-height:44px;} #Subpage .babyser h2 span{ font-size:14px; text-transform:uppercase; margin-left:8px; font-size:14px; opacity:0.6; filter:alpha(opacity=60); font-family:Arial;} #Subpage .babyser h2 .imgr{ float:right; margin:12px 0 0 0;} #Subpage .pz_SideLayerph{ display:none; float:left; width:100%;} #Subpage .pz_SideLayerph .l1{ float:left; width:100%; margin-top:1px;} #Subpage .pz_SideLayerph .l1 h3{ float:left; width:100%; color:#333; font-size:14px; line-height:38px; cursor:pointer; background:#f7f7f7;} #Subpage .pz_SideLayerph .l1 h3 a{ float:left; width:100%; color:#333; padding:0 10px 0 15px;} #Subpage .pz_SideLayerph .l1 h3 .ico{ float:right;} #Subpage .pz_SideLayerph .l1 h3.active, #Subpage .pz_SideLayerph .l1 h3:hover{ background:#eb3c00;} #Subpage .pz_SideLayerph .l1 h3.active a, #Subpage .pz_SideLayerph .l1 h3:hover a{ color:#fff;} #Subpage .pz_SideLayerph .l1 h3.active .ico, #Subpage .pz_SideLayerph .l1 h3:hover .ico{ color:#fff; transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg);} #Subpage .pz_SideLayerph .ul2{ display:none; float:left; width:100%; background:#f2f2f2; padding:8px 15px; margin-top:1px;} #Subpage .pz_SideLayerph .ul2 li{ float:left; width:100%;} #Subpage .pz_SideLayerph .ul2 li a{ float:left; width:100%; color:#666; font-size:14px; line-height:26px;} #Subpage .pz_SideLayerph .ul2 li a:hover{ color:#eb3c00;} /*SideNavL*/ #Subpage .SideNavL{ float:left; width:300px; margin:60px 0;} #Subpage .in_SideLayer1{ float:left; width:100%;} #Subpage .in_SideLayer1 .title{ float:left; width:100%; background:#163c8b; padding:24px 30px;} #Subpage .in_SideLayer1 .title .tit1{ float:left; width:100%; color:#fff; font-weight:bold; font-size:30px; line-height:40px;} #Subpage .in_SideLayer1 .title .tit2{ float:left; width:100%; color:#fff; font-family:Arial; font-size:14px; line-height:24px; opacity:0.6; filter:alpha(opacity=60); text-transform:uppercase; } #Subpage .in_SideLayer1 .pz_SideLayer{ float:left; width:100%;} #Subpage .in_SideLayer1 .l1{ float:left; width:100%; position:relative; z-index:6; margin-top:1px;} #Subpage .in_SideLayer1 .l1 .la{ float:left; width:100%; background:#f2f2f2; line-height:62px; color:#eb3c00; font-size:18px; font-weight:bold; padding:0 25px 0 30px; position:relative;} #Subpage .in_SideLayer1 .l1 .ico{ float:right; color:#b5b4b6;} #Subpage .in_SideLayer1 .l1.active .la{ background:#eb3c00; color:#fff;} #Subpage .in_SideLayer1 .l1.active .ico{ color:#fff; transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg);} #Subpage .in_SideLayer1 .ul2{ float:left; width:100%; background:#f2f2f2; padding:14px 30px;} #Subpage .in_SideLayer1 .l2{ float:left; width:100%;} #Subpage .in_SideLayer1 .l2 a{ float:left; width:100%; color:#333333; font-size:14px; line-height:48px; position:relative; padding-left:12px;} #Subpage .in_SideLayer1 .l2 a:after{ float:left; width:5px; height:1px; background:#333333; position:absolute; left:0; top:50%; content:'';} #Subpage .in_SideLayer1 .l2 a:hover{ color:#eb3c00;} #Subpage .in_SideLayer1 .l2 a:hover:after{ background:#eb3c00;} #Subpage .in_SideLayer1 .l2 .active{ color:#eb3c00;} #Subpage .in_SideLayer1 .l2 .active:after{ background:#eb3c00;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ #Subpage .hFoodC .ul1{ margin:0 -10px;} #Subpage .hFoodC .li{ padding:0 10px; margin-top:20px;} #Subpage .porR{ width:650px;} #Subpage .PorDet .cont2{ line-height:36px;} #Subpage .PorDet .cont1 .l1 i{ left:155px;} #Subpage .PorDet .cont1 .sp1{ width:155px; padding:0 12px 0 20px;} #Subpage .PorDet .cont1 .sp2{ width:495px; padding:0 12px 0 30px;} #Subpage .SideNavL{ width:280px;} } @media screen and (max-width:992px){ #Subpage .hFoodC{ margin:0 0 30px 0;} #Subpage .hFoodC .ul1{ margin:0 -6px;} #Subpage .hFoodC .li{ padding:0 6px; margin-top:12px;} #Subpage .hFoodC .cont{ margin-top:-27px;} #Subpage .hFoodC .tit{ font-size:16px; line-height:16px;} #Subpage .hFoodC .info{ margin-top:10px;} #Subpage .SideNav{ border-bottom:none;} #Subpage .hFoodC .info span{ width:90px; height:28px; line-height:26px; font-size:12px;} #Subpage .hFoodC .slick-prev, #Subpage .hFoodC .slick-next{ right:6px; top:-12px;} #Subpage .hFoodC .slick-prev{ margin-right:30px;} #Subpage .PorDet{ margin:12px 0 0 0;} #Subpage .porR{ width:100%; margin-top:13px;} #Subpage .PorDet .img{ padding:5% 10px;} #Subpage .PorDet .info{ margin:14px 0 15px 0;} #Subpage .PorDet .info .sp1{ font-size:18px; line-height:28px; margin:4px 0;} #Subpage .PorDet .info .zixun{ padding:0 16px; height:36px; line-height:34px; font-size:14px;} #Subpage .PorDet .info .zixun img{ width:14px; height:14px; margin:11px 5px 0 0;} #Subpage .PorDet .cont2{ line-height:28px; padding:12px 12px 18px 12px;} #Subpage .PorDet .cont1{ font-size:14px; line-height:24px;} #Subpage .PorDet .cont1 .l1{ padding:8px 0;} #Subpage .PorDet .cont1 .l1 i{ left:20%;} #Subpage .PorDet .cont1 .sp1{ width:20%; padding:0 12px 0 12px;} #Subpage .PorDet .cont1 .sp2{ width:80%; padding:0 12px 0 15px;} #Subpage .ReadTit{ font-size:18px; padding:0 60px 0 12px; margin-top:12px;} #Subpage .ReadTit:after{ width:3px; height:14px; margin-top:-7px;} #Subpage .SideNavL{ width:100%; margin:0;} } @media screen and (max-width:768px){ #Subpage .hFoodC .li{ width:50%;} #Subpage .PorDet .info .sp1{ width:100%; margin:0 0 4px 0;} #Subpage .PorDet .info .zixun{ float:left;} #Subpage .PorDet .cont1 .l1 i{ left:30%;} #Subpage .PorDet .cont1 .sp1{ width:30%; padding:0 6px 0 12px;} #Subpage .PorDet .cont1 .sp2{ width:70%; padding:0 6px 0 15px;} @media screen and (max-width:413px){ #Subpage .PorDet .cont1 .l1 i{ display:none;} #Subpage .PorDet .cont1 .sp1{ width:100%; padding:0 6px 0 12px;} #Subpage .PorDet .cont1 .sp2{ width:100%; padding:0 6px 0 12px;} } } #List2 .hFoodC{ float:left; width:100%; margin-top:10px;} #List2 .hFoodC .ul1{ margin:0 -15px;} #List2 .hFoodC .li{ float:left; width:25%; padding:0 15px; margin-top:30px;} #List2 .hFoodC .la{ float:left; width:100%; position:relative; background:#eb3c00; overflow:hidden;} #List2 .hFoodC .img{ float:left; width:100%; line-height: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;} #List2 .hFoodC .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;} #List2 .hFoodC .la:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} #List2 .hFoodC .cont{ float:left; width:100%; position:absolute; left:0; top:150%; margin-top:-38px; text-align:center;-webkit-transition: 0.5s ease;-moz-transition: 0.5s ease;-ms-transition: 0.5s ease;-o-transition: 0.5s ease;transition: 0.5s ease;} #List2 .hFoodC .tit{ float:left; width:100%; color:#fff; font-size:18px; line-height:18px;} #List2 .hFoodC .info{ float:left; width:100%; margin-top:20px;} #List2 .hFoodC .info span{ display:block; margin:0 auto; width:126px; height:38px; line-height:36px; color:#fff; font-size:14px; border:1px solid #fff;} #List2 .hFoodC .la:hover .img{opacity:0.4; filter:alpha(opacity=40);} #List2 .hFoodC .la:hover .cont{ top:50%;} #List2 .jiazai{ float:left; width:100%; text-align:center; margin:60px 0 0 0;} #List2 .jiazai .ico{ float:left; width:100%; color:#eb3c00; font-size:38px;opacity:0.3; filter:alpha(opacity=30);} #List2 .jiazai span{ float:left; width:100%; color:#eb3c00; font-size:14px; line-height:16px; margin-top:13px;} /*SideTit*/ #List2 .SideTit{ float:left; width:100%; text-align:center;text-align:center; position:relative; color:#333333; font-size:30px; line-height:40px; padding-bottom:37px;} #List2 .SideTit:after{ float:left; width:66px; height:1px; position:absolute; left:50%; bottom:0; margin-left:-33px; content:''; background:#eb3c00;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ #List2 .hFoodC .ul1{ margin:0 -10px;} #List2 .hFoodC .li{ padding:0 10px; margin-top:20px;} } @media screen and (max-width:992px){ #List2 .hFood{ margin:30px 0;} #List2 .hFoodC .ul1{ margin:0 -6px;} #List2 .hFoodC .li{ padding:0 6px; margin-top:12px;} #List2 .hFoodC .cont{ margin-top:-27px;} #List2 .hFoodC .tit{ font-size:16px; line-height:16px;} #List2 .hFoodC .info{ margin-top:10px;} #List2 .hFoodC .info span{ width:90px; height:28px; line-height:26px; font-size:12px;} #List2 .jiazai{ margin:25px 0 0 0 ;} #List2 .jiazai .ico{ font-size:26px;} #List2 .jiazai span{ margin-top:6px;} #List2 .SideTit{font-size:18px; line-height:28px; padding-bottom:12px;} #List2 .SideTit:after{ float:left; width:66px; height:1px; position:absolute; left:50%; bottom:0; margin-left:-33px; content:''; background:#eb3c00;} } @media screen and (max-width:768px){ #List2 .hFoodC .li{ width:50%;} } #List3 .SideTit{ float:left; width:100%; text-align:center; text-align:center; position:relative; color:#333333; font-size:30px; line-height:40px; padding-bottom:37px;} #List3 .SideTit:after{ float:left; width:66px; height:1px; position:absolute; left:50%; bottom:0; margin-left:-33px; content:''; background:#eb3c00;} #List3 .caseList{ float:left; width:100%; margin-top:10px;} #List3 .caseList .ul1{ margin:0 -15px;} #List3 .caseList li{ float:left; width:50%; padding:0 15px; margin-top:30px;} #List3 .caseList li a{ float:left; width:100%; position:relative; padding-left:105px;} #List3 .caseList .info{ float:left; width:100%; background:#f7f7f7; padding:35px 35px 35px 128px;-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 .caseList .tit{ float:left; width:100%; color:#eb3c00; font-size:18px; line-height:32px; position:relative; padding-bottom:6px; letter-spacing:1px;} #List3 .caseList .tit:after{ float:left; width:75px; height:3px; background:#eb3c00; position:absolute; left:0; bottom:0; content:''; background:#eb3c00;} #List3 .caseList .cont{ float:left; width:100%; color:#555555; font-size:16px; line-height:30px; height:90px; overflow:hidden; margin-top:12px;} #List3 .caseList .img{ float:left; width:148px; height:148px; position:absolute; left:31px; top:31px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg);-o-transform: rotate(45deg); border:6px solid #f7f7f7; 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;} #List3 .caseList .img img{ position:relative; z-index:6; margin:22px 0;transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg);} #List3 .caseList .img:after{ float:left; width:100%; height:100%; background:#fff; position:absolute; left:0; top:0; z-index:1; content:'';} #List3 .caseList li a:hover .info{ background:#163c8b;} #List3 .caseList li a:hover .tit{ color:#fff;} #List3 .caseList li a:hover .tit:after{ background:#fff; opacity:0.2; filter:alpha(opacity=20); } #List3 .caseList li a:hover .cont{ color:#fff;opacity:0.6; filter:alpha(opacity=60);} #List3 .caseList li a:hover .img{ border:6px solid #163c8b;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ #List3 .caseList .info{ padding:35px 15px 35px 110px;} } @media screen and (max-width:992px){ #List3 .SideTit{ font-size:18px; line-height:28px; padding-bottom:12px;} #List3 .SideTit:after{ float:left; width:66px; height:1px; position:absolute; left:50%; bottom:0; margin-left:-33px; content:''; background:#eb3c00;} #List3 .caseList .ul1{ margin:0 -6px;} #List3 .caseList li{ padding:0 6px; margin-top:12px;} #List3 .caseList li a{ padding-left:71px;} #List3 .caseList .info{ padding:15px 12px 15px 78px;} #List3 .caseList .tit{ font-size:16px; line-height:28px;} #List3 .caseList .tit:after{ width:75px; height:2px; } #List3 .caseList .cont{ font-size:14px; line-height:24px; height:72px; margin-top:6px;} #List3 .caseList .img{ width:100px; height:100px; left:21px; top:21px; border:3px solid #f7f7f7;} #List3 .caseList .img img{ margin:19px 0;} #List3 .caseList li a:hover .img{ border:3px solid #0f2a61;} } @media screen and (max-width:768px){ #List3 .caseList li{ width:100%;} } /* 分页 */ #Pagination .wack1{ float:left; width:100%; text-align:center;} #Pagination .wack1 .pz_fy{ display:inline-block; vertical-align:top;} #Pagination .wack1 .pz_fy a { float:left; width:38px; height:38px; line-height:38px; border: #e1e1e1 1px solid; color:#272727; font-size:14px; margin:0 5px;} #Pagination .wack1 .pz_fy a:hover, #Pagination .wack1 .pz_fy a.on{color:#fff; border:#C02 1px solid; background:#eb3c00;} #Pagination .wack1 .pz_fy .l_fy, #Pagination .wack1 .pz_fy .r_fy{ width:100px;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #Pagination .wack1 .fy_pc{ text-align:center; font-size:14px; color:#272727; padding:5px 0;} #Pagination .wack1 .fy_pc a{ padding:5px 25px; color:#fff; border:solid 1px #eb3c00; background:#eb3c00; overflow:hidden;} #Pagination .wack1 .fy_pc span{ padding:5px 20px; color:#272727;} } @media screen and (max-width:768px){ } #Subpage2 .caseDet{ float:left; width:100%; } #Subpage2 .caseL{ float:left; width:210px; text-align:center;} #Subpage2 .caseL .img{ float:left; width:148px; height:148px; position:relative; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg);-o-transform: rotate(45deg); border:1px solid #eaeaea; 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; margin:30px 0 0 30px;} #Subpage2 .caseL .img img{ position:relative; z-index:6; margin:22px 0;transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg);} #Subpage2 .caseL .img:after{ float:left; width:100%; height:100%; background:#fff; position:absolute; left:0; top:0; z-index:1; content:'';} #Subpage2 .caseL .tit{ float:left; width:100%; color:#666666; font-size:24px; line-height:34px; margin-top:45px;} #Subpage2 .caseR{ float:right; width:78.8%; padding-left:5.12%; border-left:1px solid #e3e3e3;} #Subpage2 .caseR .img{ float:left; width:100%; line-height:0;} #Subpage2 .caseR .info{ float:left; width:100%; margin:46px 0 18px 0; color:#eb3c00; font-size:20px; height:30px; line-height:28px; font-weight:bold; } #Subpage2 .caseR .info span{ float:left; background:#fff; padding:0 13px 0 18px; position:relative;} #Subpage2 .caseR .info span:after{ float:left; width:4px; height:23px; background:#eb3c00; position:absolute; left:0; top:50%; margin-top:-11px; content:'';} #Subpage2 .caseR .cont{ float:left; width:100%; background:#f6f6f6; color:#666666; font-size:15px; line-height:36px; padding:20px 30px 37px 30px;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ #Subpage2 .caseR{ width:74.8%; padding-left:4.12%;} } @media screen and (max-width:992px){ #Subpage2 .caseL{ width:140px;} #Subpage2 .caseL .img{ width:100px; height:100px; margin:21px 0 0 21px;} #Subpage2 .caseL .img img{ margin:19px 0;} #Subpage2 .caseL .tit{ font-size:18px; line-height:28px; margin-top:28px;} #Subpage2 .caseR{ width:76.8%; padding-left:3%;} #Subpage2 .caseR .info{ margin:15px 0 10px 0; font-size:16px;} #Subpage2 .caseR .info span{ padding:0 10px 0 12px;} #Subpage2 .caseR .info span:after{ width:3px; height:16px;margin-top:-7px;} #Subpage2 .caseR .cont{font-size:14px; line-height:28px; padding:15px 12px;} } @media screen and (max-width:768px){ #Subpage2 .caseL{ width:100%; margin-top:20px;} #Subpage2 .caseL .img{ float:none; display:block; margin:0 auto;} #Subpage2 .caseR{ width:100%; padding-left:0; border:none; margin-top:20px;} } #List4 .newsList{ float:left; width:100%;} #List4 .newsList li{ float:left; width:100%; background:#f7f7f7; margin-top:30px; padding:30px 30px 30px 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 .newsList li a{ float:left; width:100%; position:relative;} #List4 .newsList li .time{ float:left; position:absolute; left:0; top:0; width:186px; height:154px; text-align:center; border-right:1px solid #e0e0e0;-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 .newsList li .time time{ float:left; width:100%; color:#c2c2c2; font-size:72px; line-height:72px; font-family:Arial; font-weight:bold; margin:27px 0 3px 0;} #List4 .newsList li .time span{ float:left; width:100%; color:#4c4c4c; font-size:20px; line-height:20px; font-family:Arial;} #List4 .newsList li .img{ float:left; width:206px; height:154px; line-height:0; overflow:hidden; position:absolute; right:0; top:0;} #List4 .newsList 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 .newsList li:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} #List4 .newsList li .text{ float:left; width:100%; padding:0 318px 0 235px; min-height:154px;} #List4 .newsList li .text h5{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; margin:16px 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; text-align:justify;} #List4 .newsList li .text p{ float:left; width:100%; color:#666666; font-size:14px; line-height:26px; height:78px; overflow:hidden; -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 .newsList li .text time{ display:none;} #List4 .newsList li:hover{ background:#eb3c00;} #List4 .newsList li:hover .text h5{ color:#fff;} #List4 .newsList li:hover .text p{ color:#fff;opacity:0.8; filter:alpha(opacity=80);} #List4 .newsList li:hover .time{border-right:1px solid #fff;border-right:1px solid rgba(255,255,255,0.2);} #List4 .newsList li:hover .time time{ color:#fff;} #List4 .newsList li:hover .time span{ color:#fff;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ #List4 .newsList li .text{ padding:0 260px 0 235px; } } @media screen and (max-width:992px){ #List4 .newsList li{ margin-top:12px; padding:15px 15px 15px 0;} #List4 .newsList li .time{ width:120px; height:110px;} #List4 .newsList li .time time{ font-size:54px; line-height:54px; margin:14px 0 3px 0;} #List4 .newsList li .time span{ font-size:14px; line-height:14px;} #List4 .newsList li .img{ float:left; width:146px; height:110px;} #List4 .newsList li .text{ padding:0 161px 0 145px; min-height:110px;} #List4 .newsList li .text h5{ font-size:16px; line-height:24px; margin:7px 0;} #List4 .newsList li .text p{ line-height:22px; height:66px;} } @media screen and (max-width:768px){ #List4 .newsList li{padding:10px;} #List4 .newsList li .time{ display:none;} #List4 .newsList li .img{ right:auto; left:0; width:120px; height:90px;} #List4 .newsList li .text{ padding:0 0 0 132px; min-height:90px;} #List4 .newsList li .text h5{ font-size:16px; line-height:24px; margin:0 0 4px 0;} #List4 .newsList li .text p{ line-height:20px; height:40px;} #List4 .newsList li .text time{ display:block; float:left; width:100%; color:#c2c2c2; font-size:12px; line-height:22px; } } /*newsDet*/ #Subpage3 .newsDet{ float:left; width:100%; margin:0 0 51px 0; position:relative;} #Subpage3 .newsDet .tit1{ float:left; width:100%; color:#333333; font-size:30px; line-height:40px; padding-right:120px;} #Subpage3 .newsDet .info{ float:left; width:100%; border-bottom:2px solid #eb3c00; padding:19px 0 35px 0; color:#6e6e6e; font-size:14px; line-height:28px;} #Subpage3 .newsDet .info .ico1{ float:left; color:#eb3c00; font-size:16px; font-weight:bold; margin-right:8px;} #Subpage3 .newsDet .info .sp{ float:left; margin-right:30px;} #Subpage3 .newsDet .btn{ float:right; position:absolute; right:0; top:2px; color:#777777; font-size:14px; line-height:34px;} #Subpage3 .newsDet .btn .ico2{ display:inline-block; vertical-align:top; width:34px; height:34px; background:#163c8b; border-radius:50%; margin-left:11px;} #Subpage3 .newsDet .btn:hover{color:#eb3c00;} #Subpage3 .newsDet .cont{ float:left; width:100%; color:#333333; font-size:16px; line-height:36px; margin:31px 0 32px 0;} #Subpage3 .newsDet .sx_fy{ float:left; width:100%; border-top:1px dotted #b2b2b2; padding-top:27px;} #Subpage3 .newsDet .sx_fy a{ float:left; width:100%; color:#888888; font-size:16px; line-height:26px; margin:5px 0;} #Subpage3 .newsDet .sx_fy a:hover{ color:#eb3c00;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #Subpage3 .newsDet{ margin:0 0 20px 0;} #Subpage3 .newsDet .tit1{ font-size:18px; line-height:28px; padding-right:105px;} #Subpage3 .newsDet .btn{ line-height:24px;} #Subpage3 .newsDet .btn .ico2{ width:24px; height:24px;} #Subpage3 .newsDet .bdshare1{ display:none;} #Subpage3 .newsDet .info{ padding:2px 0 10px 0; border-bottom:1px solid #eb3c00;} #Subpage3 .newsDet .info .sp{ margin-right:12px;} #Subpage3 .newsDet .info .ico1{ margin-right:4px;} #Subpage3 .newsDet .cont{ margin:15px 0; font-size:14px; line-height:28px;} #Subpage3 .newsDet .sx_fy{ padding-top:15px;} #Subpage3 .newsDet .sx_fy a{ font-size:14px; line-height:24px; margin:0;} } @media screen and (max-width:768px){ #Subpage3 .newsDet .tit1{ padding-right:0;} #Subpage3 .newsDet .btn{ position:static;} #Subpage3 .newsDet .btn .ico2{ margin-left:5px;} #Subpage3 .newsDet .info{ line-height:24px;} } #List5 .download{ float:left; width:100%;} #List5 .download .ul1{ margin:0 -15px;} #List5 .download .l1{ float:left; width:33.333%; padding:0 15px; margin-top:30px;} #List5 .download .la{ float:left; width:100%; background:#f3f3f3; padding:57px 22%; text-align:center;} #List5 .download .tit{ float:left; width:100%; color:#333333; font-size:18px; line-height:20px;} #List5 .download .info{ float:left; width:100%; color:#666666; font-size:14px; line-height:23px; height:46px; overflow:hidden; margin:15px 0 35px 0;} #List5 .download .btn{ display:inline-block; vertical-align:top; border-radius:40px; width:132px; height:40px; line-height:38px; border:1px solid #eb3c00; color:#eb3c00; font-size:14px;} #List5 .download .btn .sp1{ display:inline-block; vertical-align:top;} #List5 .download .btn .ico{ display:inline-block; vertical-align:top; margin-left:9px; font-weight:bold; font-size:17px;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ #List5 .download .la{ padding:57px 16%;} } @media screen and (max-width:992px){ #List5 .download .ul1{ margin:0 -6px;} #List5 .download .l1{ padding:0 6px; margin-top:12px;} #List5 .download .la{ padding:25px 15px;} #List5 .download .tit{ font-size:16px; line-height:18px;} #List5 .download .info{ margin:8px 0 12px 0;} #List5 .download .btn{ width:110px; height:30px; line-height:28px;} #List5 .download .btn .ico{ margin-left:5px; font-size:16px;} } @media screen and (max-width:768px){ #List5 .download .l1{ width:50%;} #List5 .download .la{ padding:20px 12px;} #List5 .download .info{ margin:6px 0 10px 0;} } #Content11 .Rele{ float:left; width:100%;} #Content11 .Rele .title{ width:100%; float:left; font-size:30px; color:#eb3c00; line-height:40px; border-bottom:1px solid #e6e6e6;height:58px;} #Content11 .Rele .title span{ float:left; padding-bottom:16px; border-bottom:3px solid #eb3c00; } #Content11 .Rele ul{ width:100%; float:left; margin-top:12px;} #Content11 .Rele ul li{ width:48.75%; float:left; border-bottom:1px dotted #cccccc;} #Content11 .Rele ul li:nth-child(2n){ float:right;} #Content11 .Rele ul li a{ float:left; width:100%; position:relative; padding-right:100px; line-height:56px; } #Content11 .Rele ul li h5{ float:left; width:100%;color:#333333; font-size:16px;} #Content11 .Rele ul li .time{ float:left; font-size:16px; color:#777777; position:absolute; right:0; top:0;} #Content11 .Rele ul li:hover h5{ color:#eb3c00;} #Content11 .Rele ul li:hover .time{ color:#eb3c00;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #Content11 .Rele .title{ font-size:18px; line-height:28px; height:38px;} #Content11 .Rele .title span{padding-bottom:8px;} #Content11 .Rele ul{ margin-top:5px;} #Content11 .Rele ul li a{ line-height:40px; padding-right:82px;} #Content11 .Rele ul li h5{ font-size:14px;} #Content11 .Rele ul li .time{ font-size:14px;} } @media screen and (max-width:768px){ #Content11 .Rele ul li{ width:100%;} } /*bdmap*/ #Content12 .Contact{ float:left; width:100%; box-shadow:0 0 15px rgba(0,0,0,0.13); margin:0 0 31px 0; padding-bottom:10px;} #Content12 .Contact .l1{ float:left; width:100%; padding:40px 6.83%;} #Content12 .Contact .l1 .tit1{ float:left; width:100%; color:#eb3c00; font-size:30px; line-height:40px; } #Content12 .Contact .l1 .tit2{ float:left; width:100%; color:#163c8b; font-size:16px; line-height:26px; text-transform:uppercase; font-family:Arial; margin-top:4px;} #Content12 .Contact .l2{ float:left; width:100%; padding:36px 0;} #Content12 .Contact .l2.bg{ background:#f5f5f5;} #Content12 .Contact .l2 .lc1{ float:left; width:45.29%; position:relative; min-height:42px; padding-left:62px; margin-left:7.26%;} #Content12 .Contact .l2 .lc2{ float:right; margin:0 !important;} #Content12 .Contact .l2 .ico{ float:left; width:42px; height:42px; border-radius:50%; background:#e0e0e0; overflow:hidden; position:absolute; left:0; top:0;} #Content12 .Contact .l2 .tit1{ float:left; width:100%; color:#4c4c4c; font-size:16px; line-height:27px;} #Content12 .Contact .l2 .sp1{ margin-left:36px;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #Content12 .Contact{ margin:0 0 20px 0;} #Content12 .Contact .l1{ padding:12px 3%;} #Content12 .Contact .l1 .tit1{ font-size:18px; line-height:28px;} #Content12 .Contact .l1 .tit2{ font-size:14px; line-height:20px; margin-top:2px;} #Content12 .Contact .l2{ padding:15px 0;} #Content12 .Contact .l2 .ico{ width:30px; height:30px;} #Content12 .Contact .l2 .tit1{ font-size:14px; line-height:22px;} #Content12 .Contact .l2 .lc1{ margin-left:3%; padding-left:42px;} #Content12 .Contact .l2 .sp1{ margin-left:15px;} } @media screen and (max-width:768px){ #Content12 .Contact{ padding-bottom:5px;} #Content12 .Contact .l2{ padding:10px 3%;} #Content12 .Contact .l2 .lc1{ width:100%; margin:5px 0;} @media screen and (max-width:413px){ #Content12 .Contact .l2 .sp1{ margin-left:0; display:block;} } } #Content13 .bdmap{ float:left; width:100%; height:500px; border:10px solid #fff; box-shadow:0 0 15px rgba(0,0,0,0.13);} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #Content13 .bdmap{ height:400px; border:5px solid #fff;} } @media screen and (max-width:768px){ } /*newsDet*/ #Content14 .newsDet{ float:left; width:100%; margin:0 0 51px 0; position:relative;} #Content14 .newsDet .tit1{ float:left; width:100%; color:#333333; font-size:30px; line-height:40px; padding-right:120px;} #Content14 .newsDet .info{ float:left; width:100%; border-bottom:2px solid #eb3c00; padding:19px 0 35px 0; color:#6e6e6e; font-size:14px; line-height:28px;} #Content14 .newsDet .info .ico1{ float:left; color:#eb3c00; font-size:16px; font-weight:bold; margin-right:8px;} #Content14 .newsDet .info .sp{ float:left; margin-right:30px;} #Content14 .newsDet .btn{ float:right; position:absolute; right:0; top:2px; color:#777777; font-size:14px; line-height:34px;} #Content14 .newsDet .btn .ico2{ display:inline-block; vertical-align:top; width:34px; height:34px; background:#163c8b; border-radius:50%; margin-left:11px;} #Content14 .newsDet .btn:hover{color:#eb3c00;} #Content14 .newsDet .cont{ float:left; width:100%; color:#333333; font-size:16px; line-height:36px; margin:31px 0 32px 0;} #Content14 .newsDet .sx_fy{ float:left; width:100%; border-top:1px dotted #b2b2b2; padding-top:27px;} #Content14 .newsDet .sx_fy a{ float:left; width:100%; color:#888888; font-size:16px; line-height:26px; margin:5px 0;} #Content14 .newsDet .sx_fy a:hover{ color:#eb3c00;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #Content14 .newsDet{ margin:0 0 20px 0;} #Content14 .newsDet .tit1{ font-size:18px; line-height:28px; padding-right:105px;} #Content14 .newsDet .btn{ line-height:24px;} #Content14 .newsDet .btn .ico2{ width:24px; height:24px;} #Content14 .newsDet .bdshare1{ display:none;} #Content14 .newsDet .info{ padding:2px 0 10px 0; border-bottom:1px solid #eb3c00;} #Content14 .newsDet .info .sp{ margin-right:12px;} #Content14 .newsDet .info .ico1{ margin-right:4px;} #Content14 .newsDet .cont{ margin:15px 0; font-size:14px; line-height:28px;} #Content14 .newsDet .sx_fy{ padding-top:15px;} #Content14 .newsDet .sx_fy a{ font-size:14px; line-height:24px; margin:0;} } @media screen and (max-width:768px){ #Content14 .newsDet .tit1{ padding-right:0;} #Content14 .newsDet .btn{ position:static;} #Content14 .newsDet .btn .ico2{ margin-left:5px;} #Content14 .newsDet .info{ line-height:24px;} }