body {color:#666666} a{color:#333333}a:active,a:hover {color:#2954a3} @media (min-width: 1430px) {.container{ width: 1430px; }} @media (min-width: 1430px) {.container{ width: 1430px; }} #Top{height:95px;} #Top .head{ float:left; width:100%; background:#fff; position:relative; z-index:66;} #Top .head.active{position:fixed; top:0; left:0;} #Top .logo{ float:left; margin:23px 0 0px 0; /*width:206px; height:52px;*/ line-height:0;} #Top .logo img{display:block; height:52px; width:auto;} #Top .lang{ float:right; margin:36px 60px 35px 29px;} #Top .lang a{ float:left; width:48px; line-height:24px; color:#fff; font-size:14px; text-align:center; background:#2954a3;} #Top .so_box{ float:right; position:relative; z-index:99; margin:30px 0 29px 0;} #Top .Search_but{ float:left; width:36px; height:36px; border-radius:50%; cursor:pointer;} #Top .so_but{ display:none;float:left; width:282px; position:absolute; right:0; top:65px; z-index:99;} #Top .so{ float:left; width:100%; background:#fff; position:relative; border:1px solid #2954a3;} #Top .so .Search{ float:left; width:100%; height:36px; background:none; border:none; line-height:36px; padding:0 56px 0 10px; color:#444444; font-size:14px;} #Top .so .sear_sub{ float:right; width:46px; height:36px; border:none; position:absolute; right:0; top:0;} #Top .so ::-webkit-input-placeholder{color:#444444;} #Top .so :-moz-placeholder{color:#444444;} #Top .so ::-moz-placeholder{color:#444444;} #Top .so :-ms-input-placeholder{color:#444444;} /*menu*/ #Top .menu{float: right; } #Top .menu .nli{ float:left; padding:0; margin:0 20px; position:relative;} #Top .menu .nli span a{ float:left; position:relative; padding:0; color:#444444; font-size:16px; line-height:95px; position:relative;} #Top .menu .nli span a:after{ float:left; position: absolute; width:0; height:2px; left: 50%; top:76px; background:#2954a3; content:'';-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%);} #Top .menu .nli.active span a, #Top .menu .nli:hover span a{ color:#2954a3; font-weight:bold;} #Top .menu .nli.active span a:after, #Top .menu .nli:hover span a:after{ width:100%;} #Top .menu .sub{ display:none; float:left; position:absolute; left:50%; top:95px; width:240px; margin-left:-120px; z-index:66; background:#2a2b2d; background:rgba(42,43,45,0.8); padding:11px 0;} #Top .menu .sub li{ float:left; width:100%;} #Top .menu .sub li a{ float:left; width:100%; text-align:center; color:#fff; font-size:16px; line-height:54px;} #Top .menu .sub li a:hover{ background:#f47318;} /*手机导航按钮*/ #Top .menuph{ display:none; float:right; width:28px; height:22px; cursor: pointer; text-align: center; margin:20px 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: #2954a3; } #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: #2954a3; } #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:62px 0; display: none; z-index:62; background:#2a2b2d; background:rgba(42,43,45,0.8);} #Top .xialaph .ul2, #Top .xialaph .ul3{display: none;} #Top .xialaph h4{ float:left; width:100%;position: relative; } #Top .xialaph h4 a{ float:left; width:80%; color: #fff; font-size:16px; line-height: 55px; position:relative;} #Top .xialaph li h4 a i{ float:left; position:absolute; left:0; top:50%; margin-obtn:-10px; width:20px; height:20px;} #Top .xialaph li:last-child h4::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #fff; opacity: 0.1; } #Top .xialaph h4:hover a, #Top .xialaph h5:hover a{ color: #2954a3; } #Top .xialaph h4::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #fff; opacity: 0.1; } #Top .xialaph h5 a{ float:left; width:100%; color: #fff; font-size:14px; line-height: 45px; 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-color: #fff; opacity: 0.1; } #Top .xialaph li:last-child h5::after{ display: none; } #Top .xialaph h4 img{ width: 15px; height: 8px; float: right; margin-top: 24px; cursor: pointer; } #Top .xialaph h5 img{ width: 11px; height: 6px; float: right; margin-top: 26px; 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 .img_d{ display: none; } @media screen and (max-width:1430px){ #Top .lang{ margin:36px 30px 35px 19px;} #Top .menu .nli{margin:0 12px;} } @media screen and (max-width:1200px){ #Top .lang{ margin:36px 20px 35px 10px;} #Top .menu .sub{ width:200px; margin-left:-100px;} #Top .menu .nli{ margin:0 9px;} #Top .menu .nli span a{ font-size:15px;} #Top .menu .sub li a{ font-size:14px; line-height:40px;} #Top .soPH{ float:left; width:100%; margin:30px 0;} #Top .lang a{width:36px;} #Top .logo{ margin-top:29px;} #Top .logo img{height:40px;} } @media screen and (max-width:992px){ #Top .menu{ display:none;} #Top .logo{ margin-top:21px; } #Top .logo img{height:22px;} #Top .lang{ margin:20px 15px 20px 0;} #Top .lang a{ font-size:13px; width:36px; line-height:22px;} #Top .menuph{ display:block;} #Top{height:auto;} } @media screen and (max-width:768px){ } @media screen and (max-width:374px ){ #Top .lang{ margin:20px 10px 20px 0;} #Top .lang a{ font-size:12px; width:36px;} } /*手机底部导航*/ #Down .pf_down{width:100%; float:left; position:fixed; left:0; bottom:0; height:50px; background:#2954a3; z-index:60; 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; height:20px;} #Down .pf_down li .ico7 img{ 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:#282b31;} #Down .foot1{ float:left; width:100%; position:relative; padding-right:160px; min-height:190px;} #Down .footNav{ float:left; width:100%; color:#fff; line-height:26px; font-size:16px; margin:46px 0 35px 0;} #Down .footNav a{ color:#fff; margin-right:50px;} #Down .footNav a:hover{color:#2954a3;} #Down .links{ float:left; width:100%; margin-top:25px; color:#fff; color:rgba(255,255,255,0.5); line-height:22px; font-size:12px;} #Down .links a{ color:#fff; color:rgba(255,255,255,0.5); margin-right:15px;} #Down .links a:hover{color:#2954a3;} #Down .Copyright{ float:left; width:100%; color:#fff; color:rgba(255,255,255,0.5); font-size:12px; line-height:22px; margin:6px 0 25px 0;} #Down .Copyright a{color:#fff; color:rgba(255,255,255,0.6);} #Down .Copyright a:hover{color:#2954a3;} #Down .footAddr{ float:left; width:100%; position:relative; border-bottom:1px solid rgba(255,255,255,0.15); border-top:1px solid rgba(255,255,255,0.15); padding:25px 180px 30px 0; color:#fff; line-height:26px; font-size:14px;} #Down .footAddr .num{ display:inline-block; vertical-align:top; font-size:20px; font-weight:bold; margin-right:30px;} #Down .footAddr .mail{ display:inline-block; vertical-align:top;} #Down .footAddr .dizhi{ display:inline-block; vertical-align:top; margin-right:30px;} #Down .er{ float:left; position:absolute; right:0; top:50px; width:112px; text-align:center;} #Down .er i{ float:left; width:100%; line-height:0;} #Down .er i img{ width:112px; height:112px;} #Down .er h5{ float:left; width:100%; color:#fff; font-size:14px; line-height:24px; margin-top:13px;} #Down .footShare{ float:left; position:absolute; right:0; top:50%; z-index:26; margin-top:-22px;} #Down .footShare a, #Down .footShare .bds_more{ float:left; width:40px !important; height:40px !important; padding:0 !important; margin:0 0 0 20px !important; border-radius:50%; background:rgba(255,255,255,0.15);} #Down .footShare a:hover{ opacity:1 !important; background:#2954a3; } #Down .footShare a.bds_weixin{background:url(/template/theme/CN/2512_foot2.png) no-repeat; background-size:100% 100%;} #Down .footShare a.bds_sqq{background:url(/template/theme/CN/2512_foot3.png) no-repeat; background-size:100% 100%;} #Down .footShare a.bds_tsina{background:url(/template/theme/CN/2512_foot4.png) no-repeat; background-size:100% 100%;} @media screen and (max-width:1430px){ #Down .footNav{ margin:40px 0 28px 0;} #Down .footNav a{ margin-right:40px;} #Down .footShare a, #Down .footShare .bds_more{ margin:0 0 0 15px !important;} #Down .footAddr .dizhi{ margin-right:15px;} #Down .footAddr .num{ margin-right:15px;} #Down .foot1{ padding-right:140px;} } @media screen and (max-width:1230px){ #Down .footNav{ margin:30px 0 20px 0;} #Down .footNav a{ margin-right:30px;} #Down .foot1{ padding-right:130px; min-height:170px;} #Down .footAddr{ padding:20px 120px 20px 0;} #Down .footShare a, #Down .footShare .bds_more{ width:30px !important; height:30px !important; margin:0 0 0 10px !important;} #Down .er{ top:30px;} #Down .er h5{ margin-top:7px;} } @media screen and (max-width:992px){ #Down .footAddr{ padding-right:0;} #Down .footShare{ display:none;} #Down .footAddr .dizhi{ margin-right:15px;} #Down .footAddr .num{ margin-right:15px;} } @media screen and (max-width:768px){ #Down .pz_down{ margin-bottom:50px;} #Down .links{ display:none;} #Down .foot1{ padding-right:0; min-height:10px;} #Down .er{ position:static; width:100%; margin-top:20px;} #Down .er i img{ width:100px; height:100px;} #Down .footAddr{ padding:12px 0; line-height:24px;} #Down .footAddr .dizhi{ margin-right:0;} #Down .footAddr .num{ margin-right:0;} #Down .Copyright{ text-align:center;} #Down .footNav{ margin:20px 0 12px 0;} #Down .footNav a{ width:33.33%; margin:0; float:left; font-size:15px;} } /*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:12px; position:absolute; bottom:30px;} #Slide .slide_banner .slick-dots li{ vertical-align:top; background:#fff; width:12px; height:12px; margin:0 9px; text-indent:-9999px; overflow:hidden;opacity:0.6; filter:alpha(opacity=60); border-radius:50%;} #Slide .slide_banner .slick-dots li.slick-active{background:#f47318;opacity:1; filter:alpha(opacity=100); } #Slide .slide_banner .slick-prev, #Slide .slide_banner .slick-next{ width:28px; height:54px;opacity:0.5; filter:alpha(opacity=50); -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; z-index:16; } #Slide .slide_banner .slick-prev:hover, #Slide .slide_banner .slick-next:hover{opacity:0.9; filter:alpha(opacity=90);} #Slide .slide_banner .slick-prev{ left:5.83%;} #Slide .slide_banner .slick-next{ right:5.83%;} @media screen and (max-width:1430px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:992px){ #Slide .slide_banner .slick-dots{ height:10px; bottom:15px;} #Slide .slide_banner .slick-dots li{ width:10px; height:10px; margin:0 5px;} #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{ right:3%;} } @media screen and (max-width:768px){ } /*hAboutBg*/ #Content .hAboutBg{ float:left; width:100%; padding:100px 0 180px 0;} #Content .hAbout{ float:left; width:100%; margin-top:40px;} #Content .hAbout .img{ float:left; width:48.92%; line-height:0; position:relative;} #Content .hAbout .img .tit1{ float:left; position:absolute; right:0; bottom:-42px; z-index:16; font-family:Arial; font-size:24px; line-height:34px; font-weight:bold; color:#333; text-transform:uppercase;width:216px; padding-left:30px;} #Content .hAbout .img .tit2{ float:left; position:absolute; right:0; bottom:-69px; z-index:14; font-family:Arial; font-size:24px; line-height:34px; font-weight:bold; color:#ccc; text-transform:uppercase;width:216px;} #Content .hAbout .img .line{ float:left; position:absolute; right:74px; bottom:-101px; z-index:15; width:134px; height:295px; border:6px solid #2954a3;} #Content .hAbout .cont{ float:right; width:46.78%;} #Content .hAbout .cont .tit{ float:left; width:100%; color:#333333; font-size:30px; line-height:40px; margin:19px 0 36px 0;} #Content .hAbout .cont .info{ float:left; width:100%; color:#555555; font-size:16px; line-height:36px; height:216px; overflow:hidden;} #Content .hAbout .cont .more{ float:left; width:100%; color:#333333; font-size:30px; line-height:40px; margin-top:90px;} #Content .hAbout .cont .more a{ float:right; width:206px; height:50px; line-height:50px; color:#fff; font-size:18px; text-align:center; padding-right:50px; position:relative; background:#2954a3;} #Content .hAbout .cont .more a:after{ float:left; width:50px; height:100%; position:absolute; right:0; top:0; z-index:16; content:'';} #Content .hAbout .cont .more a:hover{ box-shadow:0 4px 10px rgba(0,0,0,0.2);} #Content .hTit1{ float:left; width:100%; text-align:center;} #Content .hTit1 .tit1{ float:left; width:100%; color:#2954a3; font-size:42px; line-height:42px; letter-spacing:6px;} #Content .hTit1 .tit2{ float:left; width:100%; overflow:hidden; position:relative; color:#666666; font-size:18px; line-height:28px; margin:25px 0;} #Content .hTit1 .tit2 span{ position:relative; padding:0 26px;} #Content .hTit1 .tit2 span:after, #Content .hTit1 .tit2 span:before{ float:left; width:1500px; height:1px; background:#d8e1e5; position:absolute; left:100%; content:''; top:50%;} #Content .hTit1 .tit2 span:before{ left:auto; right:100%;} #Content .hTit1 .line{ float:left; width:100%; line-height:0;} #Content .hTit1 .line .ico{ width:28px;} #Content .hTit2 .tit1{ color:#fff;} #Content .hTit2 .tit2{ color:#fff;} #Content .hTit2 .tit2 span:after, #Content .hTit2 .tit2 span:before{ background:#fff; opacity:0.3; filter:alpha(opacity=30); } @media screen and (max-width:1430px){ #Content .hAbout .img .line{ height:255px;} #Content .hAbout .cont .tit{ font-size:24px; line-height:34px; margin:8px 0 15px 0;} #Content .hAbout .cont .more{ margin-top:45px;} #Content .hAbout .cont .info{ font-size:16px; line-height:32px; height:192px;} #Content .hTit1 .tit1{ font-size:32px; line-height:32px;} } @media screen and (max-width:1230px){ } @media screen and (max-width:992px){ #Content .hAboutBg{ padding:35px 0 80px 0;} #Content .hAbout{ margin-top:20px;} #Content .hAbout .img .tit1{ bottom:-28px; font-size:16px; line-height:26px; width:110px; padding-left:15px;} #Content .hAbout .img .tit2{ bottom:-45px; font-size:16px; line-height:26px; width:110px;} #Content .hAbout .img .line{ height:160px; border:3px solid #2954a3; width:80px; right:22px; bottom:-50px;} #Content .hAbout .cont .tit{ font-size:18px; line-height:28px; margin:8px 0 8px 0;} #Content .hAbout .cont .more{ margin-top:15px;} #Content .hAbout .cont .more a{ font-size:14px; height:32px; line-height:32px; padding-right:32px; width:140px;} #Content .hAbout .cont .more a:after{ width:32px;} #Content .hAbout .cont .info{ font-size:14px; line-height:26px; height:130px;} #Content .hTit1 .tit1{ font-size:21px; line-height:21px; letter-spacing:3px;} #Content .hTit1 .tit2{ font-size:14px; line-height:24px; margin:10px 0;} #Content .hTit1 .tit2 span{ padding:0 15px;} #Content .hTit1 .line .ico{ width:20px;} } @media screen and (max-width:768px){ #Content .hAbout .img{ width:100%;} #Content .hAbout .cont{ width:100%; margin-bottom:20px;} #Content .hAbout .cont .tit{ margin:0 0 8px 0;} } /*hPordBg*/ #Content2 .hPordBg{ float:left; width:100%; padding:100px 0 117px 0; background:#2954a3; position:relative;} #Content2 .hPordBg .Bg1{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;opacity:0.2; filter:alpha(opacity=20);} #Content2 .hPord{ float:left; width:100%; margin-top:20px; padding:0 78px; position:relative; z-index:6;} #Content2 .hPord .l1{ float:left; width:22.18%; text-align:center;} #Content2 .hPord .l1:nth-child(5){ margin-left:11.28%;} #Content2 .hPord .la{ float:left; width:100%; position:relative; height:240px; padding:0 25%;} #Content2 .hPord .la .num{ float:left; width:100%; text-align:center; color:#2954a3; font-size:60px; line-height:60px; position:relative; z-index:16; margin:60px 0 23px 0; } #Content2 .hPord .la .tit1{ float:left; width:100%; text-align:center; color:#2954a3; font-size:20px; line-height:23px; position:relative; z-index:16; } #Content2 .hPord .la .bg{display: block;position: absolute;left:25%;top: 0;background: #fff;width: 50%;height: 100%;z-index: 10;opacity:0.9; filter:alpha(opacity=90);} #Content2 .hPord .la .bg::before, #Content2 .hPord .la .bg::after{ content: ""; position: absolute; top: 0; float:left; width:0; height:0; border-top:120px solid transparent; border-bottom:120px solid transparent;} #Content2 .hPord .la .bg::before{ left: -69px; border-right: 69px solid #fff; } #Content2 .hPord .la .bg::after{ right: -69px; border-left: 69px solid #fff; } #Content2 .hPord .la:hover .num, #Content2 .hPord .la:hover .tit1{ color:#fff;} #Content2 .hPord .la:hover .num, #Content2 .hPord .la:hover .bg{opacity:1; filter:alpha(opacity=100);background: #f47318;} #Content2 .hPord .la:hover .bg::before{ border-right: 69px solid #f47318; } #Content2 .hPord .la:hover .bg::after{ border-left: 69px solid #f47318; } #Content2 .hTit1{ float:left; width:100%; text-align:center; position:relative; z-index:6;} #Content2 .hTit1 .tit1{ float:left; width:100%; color:#2954a3; font-size:42px; line-height:42px; letter-spacing:6px;} #Content2 .hTit1 .tit2{ float:left; width:100%; overflow:hidden; position:relative; color:#666666; font-size:18px; line-height:28px; margin:25px 0;} #Content2 .hTit1 .tit2 span{ position:relative; padding:0 26px;} #Content2 .hTit1 .tit2 span:after, #Content2 .hTit1 .tit2 span:before{ float:left; width:1500px; height:1px; background:#d8e1e5; position:absolute; left:100%; content:''; top:50%;} #Content2 .hTit1 .tit2 span:before{ left:auto; right:100%;} #Content2 .hTit1 .line{ float:left; width:100%; line-height:0;} #Content2 .hTit1 .line .ico{ width:28px;} #Content2 .hTit2 .tit1{ color:#fff;} #Content2 .hTit2 .tit2{ color:#fff;} #Content2 .hTit2 .tit2 span:after, #Content2 .hTit2 .tit2 span:before{ background:#fff; opacity:0.3; filter:alpha(opacity=30); } @media screen and (max-width:1430px){ #Content2 .hPord{ padding:0;} #Content2 .hPord .la{ height:230px; padding:0 25%;} #Content2 .hPord .la .num{ font-size:46px; line-height:46px;} #Content2 .hPord .la .tit1{ font-size:16px; line-height:20px;} #Content2 .hPord .la .bg::before, #Content2 .hPord .la .bg::after{ border-top:115px solid transparent; border-bottom:115px solid transparent;} #Content2 .hPord .la .bg::before{ left: -66px; border-right: 66px solid #fff; } #Content2 .hPord .la .bg::after{ right: -66px; border-left: 66px solid #fff; } #Content2 .hPord .la:hover .bg::before{ border-right: 66px solid #f47318; } #Content2 .hPord .la:hover .bg::after{ border-left: 66px solid #f47318; } #Content2 .hTit1 .tit1{ font-size:32px; line-height:32px;} } @media screen and (max-width:1230px){ #Content2 .hPord .la{ height:186px; padding:0 25%;} #Content2 .hPord .la .num{ font-size:36px; line-height:36px; margin:50px 0 15px 0; } #Content2 .hPord .la .tit1{ font-size:16px; line-height:20px;} #Content2 .hPord .la .bg::before, #Content2 .hPord .la .bg::after{ border-top:93px solid transparent; border-bottom:93px solid transparent;} #Content2 .hPord .la .bg::before{ left: -53px; border-right: 53px solid #fff; } #Content2 .hPord .la .bg::after{ right: -53px; border-left: 53px solid #fff; } #Content2 .hPord .la:hover .bg::before{ border-right: 53px solid #f47318; } #Content2 .hPord .la:hover .bg::after{ border-left: 53px solid #f47318; } } @media screen and (max-width:992px){ #Content2 .hPordBg{ padding:35px 0;} #Content2 .hPord{ margin-top:20px;} #Content2 .hPord .la{ height:142px; padding:0 20%;} #Content2 .hPord .la .num{ font-size:36px; line-height:36px; margin:30px 0 8px 0; } #Content2 .hPord .la .tit1{ font-size:16px; line-height:20px;} #Content2 .hPord .la .bg::before, #Content2 .hPord .la .bg::after{ border-top:71px solid transparent; border-bottom:71px solid transparent;} #Content2 .hPord .la .bg::before{ left: -41px; border-right: 41px solid #fff; } #Content2 .hPord .la .bg::after{ right: -41px; border-left: 41px solid #fff; } #Content2 .hPord .la:hover .bg::before{ border-right: 41px solid #f47318; } #Content2 .hPord .la:hover .bg::after{ border-left: 41px solid #f47318;} #Content2 .hTit1 .tit1{ font-size:21px; line-height:21px; letter-spacing:3px;} #Content2 .hTit1 .tit2{ font-size:14px; line-height:24px; margin:10px 0;} #Content2 .hTit1 .tit2 span{ padding:0 15px;} #Content2 .hTit1 .line .ico{ width:20px;} } @media screen and (max-width:768px){ #Content2 .hPord .l1{ padding:1px; width:50%;} #Content2 .hPord .l1:nth-child(5){ margin-left:0;} #Content2 .hPord .la{ height:100px; padding:10px 12px;} #Content2 .hPord .la .num{ font-size:30px; line-height:30px; margin:5px 0; } #Content2 .hPord .la .tit1{ font-size:16px; line-height:20px;} #Content2 .hPord .la .bg{ width:100%; left:0;} #Content2 .hPord .la .bg::before, #Content2 .hPord .la .bg::after{display:none;} } /*hNewsBg*/ #Content3 .hMarketBg{ float:left; width:100%; padding:100px 0 0 0;} #Content3 .hMarket{ float:left; width:100%; margin-top:40px;} #Content3 .hMarket .hd{ float:left; width:100%; overflow:hidden;} #Content3 .hMarket .hd ul{ white-space:nowrap;} #Content3 .hMarket .l1{ float:left; white-space:nowrap; width:14.0625%; overflow:hidden; position:relative; outline:none;} #Content3 .hMarket .l1 .la{ float:left; width:100%; background:#000000;outline:none;-webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none; } #Content3 .hMarket .l1 .img{ float:left; width:100%; height:559px; position:relative; left:0; top:0; z-index:1;opacity:0.5; filter:alpha(opacity=50); -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #Content3 .hMarket .l1 .info1{ float:left; width:100%; position:absolute; z-index:6; text-align:center; left:0; top:50%; padding:0 12px; margin-top:-119px;} #Content3 .hMarket .l1 .info1 .ico1{ float:left; width:100%; line-height:0;} #Content3 .hMarket .l1 .info1 .ico1 img{ display:inline-block; width:140px; height:140px; background:#fff; border-radius:50%;} #Content3 .hMarket .l1 .info1 .tit1{ float:left; width:100%; color:#fff; font-size:18px; line-height:28px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; padding:54px 0 16px 0; position:relative;} #Content3 .hMarket .l1 .info1 .tit1:after{ float:left; width:16px; height:1px; position:absolute; left:50%; bottom:0; content:''; margin-left:-7px; background:#fff;opacity:0.6; filter:alpha(opacity=60);} #Content3 .hMarket .l1 .info2{ display:none; float:right; width:55.476%; background:#f7f7f7; background:rgba(247,247,247,0.90); position:absolute; z-index:6; left:0; top:50%; padding:55px 10.47% 53px 7%; margin-top:-130px;} #Content3 .hMarket .l1 .info2 .ico2{ float:left; line-height:0; position:absolute; right:-31px; top:50%; margin-top:-31px; z-index:16; border-radius:50%; overflow:hidden; width:62px; height:62px; background:#2954a3; color:#fff; font-size:14px; font-family:Arial; line-height:62px; text-align:center; cursor:pointer;} #Content3 .hMarket .l1 .info2 .tit2{ float:left; width:100%; color:#333333; font-size:24px; line-height:34px;} #Content3 .hMarket .l1 .info2 .cont2{ float:left; width:100%; color:#666666; font-size:16px; line-height:30px; height:120px; overflow:hidden; margin-top:20px;} #Content3 .hMarket .l1.on{ width:43.75%;} #Content3 .hMarket .l1.on .img{opacity:1; filter:alpha(opacity=100)} #Content3 .hMarket .l1.on .info1{ display:none;} #Content3 .hMarket .l1.on .info2{ display:block;} #Content3 .hMarket .l1.on .info2 .cont2{ white-space:normal;} #Content3 .hMarket .l1.on .info2:hover .ico2{ box-shadow:0 5px 10px rgba(0,0,0,0.5);} #Content3 .hTit1{ float:left; width:100%; text-align:center;} #Content3 .hTit1 .tit1{ float:left; width:100%; color:#2954a3; font-size:42px; line-height:42px; letter-spacing:6px;} #Content3 .hTit1 .tit2{ float:left; width:100%; overflow:hidden; position:relative; color:#666666; font-size:18px; line-height:28px; margin:25px 0;} #Content3 .hTit1 .tit2 span{ position:relative; padding:0 26px;} #Content3 .hTit1 .tit2 span:after, #Content3 .hTit1 .tit2 span:before{ float:left; width:1500px; height:1px; background:#d8e1e5; position:absolute; left:100%; content:''; top:50%;} #Content3 .hTit1 .tit2 span:before{ left:auto; right:100%;} #Content3 .hTit1 .line{ float:left; width:100%; line-height:0;} #Content3 .hTit1 .line .ico{ width:28px;} #Content3 .hTit2 .tit1{ color:#fff;} #Content3 .hTit2 .tit2{ color:#fff;} #Content3 .hTit2 .tit2 span:after, #Content3 .hTit2 .tit2 span:before{ background:#fff; opacity:0.3; filter:alpha(opacity=30); } @media screen and (max-width:1430px){ #Content3 .hMarket .l1 .info1{ margin-top:-109px;} #Content3 .hMarket .l1 .info1 .ico1 img{ width:120px; height:120px;} #Content3 .hTit1 .tit1{ font-size:32px; line-height:32px;} } @media screen and (max-width:1230px){ #Content3 .hMarket .l1 .info1{ margin-top:-99px;} #Content3 .hMarket .l1 .info1 .ico1 img{ width:100px; height:100px;} } @media screen and (max-width:992px){ #Content3 .hMarketBg{ padding:35px 0 0 0;} #Content3 .hMarket{ margin-top:20px;} #Content3 .hMarket .l1 .img{ height:300px;} #Content3 .hMarket .l1 .info1{ margin-top:-56px;} #Content3 .hMarket .l1 .info1 .ico1 img{ width:70px; height:70px;} #Content3 .hTit1 .tit1{ font-size:21px; line-height:21px; letter-spacing:3px;} #Content3 .hTit1 .tit2{ font-size:14px; line-height:24px; margin:10px 0;} #Content3 .hTit1 .tit2 span{ padding:0 15px;} #Content3 .hTit1 .line .ico{ width:20px;} #Content3 .hMarket .l1 .info1 .tit1{ font-size:14px; line-height:24px; padding:10px 0 8px 0;} #Content3 .hMarket .l1 .info2{ padding:20px 32px 20px 12px; margin-top:-67px;} #Content3 .hMarket .l1 .info2 .tit2{ font-size:16px; line-height:24px;} #Content3 .hMarket .l1 .info2 .cont2{ font-size:14px; line-height:22px; margin-top:4px; height:66px;} #Content3 .hMarket .l1 .info2 .ico2{ width:40px; height:40px; line-height:40px; font-size:12px; right:-20px; margin-top:-20px;} } @media screen and (max-width:768px){ #Content3 .hMarket .l1{ width:100%;} #Content3 .hMarket .l1 .img{ height:140px;} #Content3 .hMarket .l1 .info1{ margin-top:-51px;} #Content3 .hMarket .l1 .info1 .tit1{ padding:4px 0 4px 0;} #Content3 .hMarket .l1 .info2{ padding:16px 30px 16px 12px; margin-top:-52px;} #Content3 .hMarket .l1 .info2 .cont2{ height:44px;} #Content3 .hMarket .l1.on{ width:100%;} } /*hNewsBg*/ #Content4 .hNewsBg{ float:left; width:100%; padding:100px 0; background:#f5f5f5;} #Content4 .hNews{ float:left; width:100%; margin-top:30px;} #Content4 .hNews .ul1{ margin:0 -15px;} #Content4 .hNews .l1{ float:left; width:33.33%; padding:0 15px; margin-bottom:24px;} #Content4 .hNews .la{ float:left; width:100%; background:#fff;} #Content4 .hNews .la .img{ float:left; width:100%; line-height:0; overflow:hidden;} #Content4 .hNews .la .img img{ -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;} #Content4 .hNews .la:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} #Content4 .hNews .la .cont{ float:left; width:100%; padding:0 30px;} #Content4 .hNews .la .tit{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; margin-top:27px;} #Content4 .hNews .la .info{ float:left; width:100%; color:#666666; font-size:14px; line-height:24px; height:48px; overflow:hidden; margin:20px 0 27px 0;} #Content4 .hNews .la .time{ float:left; width:100%; color:#666666; font-size:14px; line-height:30px; padding:24px 0; border-top:1px solid #e5e5e5;} #Content4 .hNews .la .time time{ display:inline-block; vertical-align:top; font-size:30px; font-weight:bold;} #Content4 .hNews .la .time span{ display:inline-block; vertical-align:top; line-height:26px; margin:4px 0 0 10px;} #Content4 .hNews .la:hover{ box-shadow:0 6px 24px rgba(0,0,0,0.06);} #Content4 .hNews .la:hover .tit{ color:#2954a3; font-weight:bold;} #Content4 .hNews .la:hover .time{ color:#f47318;} #Content4 .hNews .slick-dots{ height:14px; position:static; margin-top:26px;} #Content4 .hNews .slick-dots li{ vertical-align:top; background:#2954a3; width:10px; height:10px; margin:2px 10px; text-indent:-9999px; overflow:hidden;opacity:0.2; filter:alpha(opacity=20); border-radius:50%;} #Content4 .hNews .slick-dots li.slick-active{ opacity:1; filter:alpha(opacity=100); width:14px; height:14px; margin:0 10px;} #Content4 .hTit1{ float:left; width:100%; text-align:center;} #Content4 .hTit1 .tit1{ float:left; width:100%; color:#2954a3; font-size:42px; line-height:42px; letter-spacing:6px;} #Content4 .hTit1 .tit2{ float:left; width:100%; overflow:hidden; position:relative; color:#666666; font-size:18px; line-height:28px; margin:25px 0;} #Content4 .hTit1 .tit2 span{ position:relative; padding:0 26px;} #Content4 .hTit1 .tit2 span:after, #Content4 .hTit1 .tit2 span:before{ float:left; width:1500px; height:1px; background:#d8e1e5; position:absolute; left:100%; content:''; top:50%;} #Content4 .hTit1 .tit2 span:before{ left:auto; right:100%;} #Content4 .hTit1 .line{ float:left; width:100%; line-height:0;} #Content4 .hTit1 .line .ico{ width:28px;} #Content4 .hTit2 .tit1{ color:#fff;} #Content4 .hTit2 .tit2{ color:#fff;} #Content4 .hTit2 .tit2 span:after, #Content4 .hTit2 .tit2 span:before{ background:#fff; opacity:0.3; filter:alpha(opacity=30); } @media screen and (max-width:1430px){ #Content4 .hTit1 .tit1{ font-size:32px; line-height:32px;} } @media screen and (max-width:1230px){ } @media screen and (max-width:992px){ #Content4 .hNewsBg{ padding:35px 0;} #Content4 .hNews{ margin-top:20px;} #Content4 .hNews .ul1{ margin:0 -6px;} #Content4 .hNews .l1{ padding:0 6px; margin-bottom:15px;} #Content4 .hNews .la .cont{ padding:0 12px;} #Content4 .hNews .la .tit{ font-size:16px; line-height:26px; margin-top:12px;} #Content4 .hNews .la .info{ margin:4px 0 12px 0; line-height:22px; height:44px;} #Content4 .hNews .la .time{ padding:10px 0; font-size:12px; } #Content4 .hNews .la .time time{ font-size:24px;} #Content4 .hNews .la .time span{ line-height:26px; margin:4px 0 0 6px;} #Content4 .hNews .la:hover{ box-shadow:0 6px 15px rgba(0,0,0,0.06);} #Content4 .hNews .slick-dots{ margin-top:5px;} #Content4 .hNews .slick-dots li{ margin:2px 6px;} #Content4 .hNews .slick-dots li.slick-active{ margin:0 6px;} #Content4 .hTit1 .tit1{ font-size:21px; line-height:21px; letter-spacing:3px;} #Content4 .hTit1 .tit2{ font-size:14px; line-height:24px; margin:10px 0;} #Content4 .hTit1 .tit2 span{ padding:0 15px;} #Content4 .hTit1 .line .ico{ width:20px;} } @media screen and (max-width:768px){ } /*二级导航*/ #Content5 .secondBox{ float: left; width: 100%;} #Content5 .secondBox .currentLeft{ float: left; color:#fff;font-size:30px; padding: 23px 0; line-height: 49px;} #Content5 .secondBox .pz_SideLayer{float: right; margin-top: 41px;} #Content5 .secondBox .pz_SideLayer .l1{ float:left;} #Content5 .secondBox .pz_SideLayer .l1 a{ float:left; height:54px; line-height:54px; color:#fff; font-size:16px; font-weight:bold; padding:0 30px; position:relative;} #Content5 .secondBox .pz_SideLayer .l1 a span{ position: relative; z-index: 3} #Content5 .secondBox .pz_SideLayer .l1 a:after{ float:left; z-index:1; width:100%; height:0; content:''; position:absolute; left:50%; bottom:-1px; background:#fff;oz-transition: all 0.5s linear; border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -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%);} #Content5 .secondBox .pz_SideLayer .l1.on a, #Content5 .secondBox .pz_SideLayer .l1:hover a{ color:#2954a3;} #Content5 .secondBox .pz_SideLayer .l1.on a:after, #Content5 .secondBox .pz_SideLayer .l1:hover a:after{ height:54px;} @media screen and (max-width:1430px){ } @media screen and (max-width:1230px){ #Content5 .secondBox .currentLeft{ font-size:24px; line-height:39px;} #Content5 .secondBox .pz_SideLayer{margin-top: 37px;} #Content5 .secondBox .pz_SideLayer .l1 a{ font-size:15px; padding: 0 25px;height:48px; line-height:48px;} #Content5 .secondBox .pz_SideLayer .l1.on a:after, #Content5 .secondBox .pz_SideLayer .l1:hover a:after{ height:48px;} } @media screen and (max-width:992px){ #Content5 .secondBox .pz_SideLayer{ display:none; width:100%; z-index:5;float:left; margin:0 0 5px 0;} #Content5 .secondBox .pz_SideLayer .l1{ width:31.333333%; margin:5px 1% 0 1%; float:left; text-align:center; } #Content5 .secondBox .pz_SideLayer .l1 a{float: left;width:100%; margin-right: 0; line-height:33px; height:33px; padding: 0; font-size:14px; position: relative; border:0; text-align: center; background-color: rgba(255,255,255,0.4)} #Content5 .secondBox .pz_SideLayer .li a:after{ display: none} #Content5 .secondBox .pz_SideLayer .li a span{display: block; width: 100%; margin: 0;} #Content5 .secondBox .currentLeft{ width:100%; float:left; font-size:16px; height:50px; line-height:50px; position:relative; padding: 0;} #Content5 .secondBox .currentLeft:after{ float:left; width:0; height:0; position:absolute; right:2px; top:50%; content:''; border-left: 6px solid transparent; border-right:6px solid transparent;border-top: 6px solid #fff; } #Content5 .secondBox .currentLeft .ri-arrow-right-s-line{ position:absolute; right: 0; top:0; line-height: 50px; font-size:25px; width: 20px; height: 20px; z-index: 999; -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; } #Content5 .secondBox .currentLeft.on{border-bottom: 1px solid rgba(255,255,255,0.4);} #Content5 .secondBox .currentLeft.on .ri-arrow-right-s-line{ transform:rotate(90deg);} #Content5 .secondBox .pz_SideLayer .l1.on a, #Content5 .secondBox .pz_SideLayer .l1:hover a{background:#fff;} #Content5 .secondBox .pz_SideLayer .l1.on a:after, #Content5 .secondBox .pz_SideLayer .l1:hover a:after{ height: 0;} #Content5 .breadcrumb{ display: none;} } @media screen and (max-width:768px){ #Content5 .pz_SideLayer li{ width:50%;} } /**/ #Content6 .breadcrumb{ float: left; width: 100%; text-align: right; color:#666666; font-size:14px; height: 52px; line-height: 52px;} #Content6 .breadcrumb a{ color:#666} #Content6 .breadcrumb a:hover{ color:#2954a3;} /*关于我们-公司简介*/ #Content6 .aboutUs{ float: left; width: 100%; margin-top: 27px; position: relative;} #Content6 .aboutUs .leftText{ float: left; width:49%; margin-top: 20px;} #Content6 .aboutTitBox{ float: left;width: 100%;} #Content6 .aboutTitBox .top{ float: left; width: 100%; color:#222222; font-size:18px; height: 40px; line-height: 40px;} #Content6 .aboutTitBox .top b{float: left} #Content6 .aboutTitBox .top strong{ float: left; margin-left: 98px; position: relative;} #Content6 .aboutTitBox .top strong:after{ position: absolute; content: ''; width: 59px; height: 1px; background: rgba(41,84,163,0.8); left:-78px; top:50%;} #Content6 .aboutTitBox .down{ float: left; width: 100%; color:#2954a3; font-size:30px; line-height: 45px; letter-spacing: 1.5px;} #Content6 .aboutUs .leftText .aboutWord{ float: left; color:#444444; font-size:16px; line-height: 30px; position: absolute; width: 49%; top:130px;height:94%;overflow-y: auto;} #Content6 .aboutUs .rightImg{float: right; width: 49%;} #Content6 .aboutUs .leftText .aboutWord .table{display: table; width:97%;height: 100%; margin-right: 3%; color:#666666; font-size:16px; line-height: 32px; } #Content6 .aboutUs .leftText .aboutWord .cell{ display: table-cell; vertical-align: middle;} #Content6 .aboutUs .leftText .aboutWord .cell h3{ float: left; width: 100%; color:#2954a3; font-size:20px; font-weight: bold; line-height: 70px; border-bottom: 1px solid #cccccc; position: relative} #Content6 .aboutUs .leftText .aboutWord .cell h3:after{ position: absolute; content: ''; width: 48px; height: 3px; background:#2954a3; bottom: -2px; left: 0;} #Content6 .aboutUs .leftText .aboutWord .cell .word{float: left; width: 100%; margin-top: 25px;} #Content6 .container.padding{ padding: 0;} #Content6 .workshopImg{ float: left; width: 100%; margin: 60px 0 70px 0;} #Content6 .workshopImg .slide_pic{ margin:0; overflow:hidden; padding-bottom: 54px;} #Content6 .workshopImg .slide_pic .slick-slide{ padding:0;} #Content6 .workshopImg .slide_pic .box_hp{overflow: hidden; color:#fff;line-height: 0; font-size:0; position: relative;} #Content6 .workshopImg .slide_pic .box_hp .img2{ width:100%; cursor: pointer; -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; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; } #Content6 .workshopImg .slide_pic .box_hp:hover .img2{ transform: scale(1.09,1.09); -ms-transform: scale(1.09,1.09); -webkit-transform: scale(1.09,1.09); -o-transform: scale(1.09,1.09); -moz-transform: scale(1.09,1.09); } #Content6 .workshopImg .slide_pic .box_hp .p{ position: absolute; bottom:0; left: 0; width: 100%; background: url("/template/theme/CN/2520_about5.png") repeat-x top; color:#fff; font-size:18px; line-height: 58px; padding-top: 100px; text-align: center; cursor: pointer;opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } #Content6 .workshopImg .slide_pic .box_hp:hover .p{opacity: 1;filter: alpha(opacity=100);} #Content6 .workshopImg .slide_pic .slick-dots{ bottom: 0;} #Content6 .workshopImg .slide_pic .slick-dots li{ margin: 0 8px; width: 14px; height: 14px;} #Content6 .workshopImg .slide_pic .slick-dots li button{ width: 14px; height: 14px; padding:0; background:rgba(41,84,163,0.3); border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;} #Content6 .workshopImg .slide_pic .slick-dots li.slick-active button{background:rgba(41,84,163,1); -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; } @media screen and (max-width:1430px){ #Content6 .aboutUs{ margin-top: 17px;} #Content6 .aboutUs .leftText .aboutWord{height:65%;} } @media screen and (max-width:1230px){ #Content6 .aboutTitBox .top{font-size:16px; height: 35px; line-height: 35px;} #Content6 .aboutUs .leftText{ margin-top: 10px;} #Content6 .aboutTitBox .down{font-size:24px; line-height: 40px;} #Content6 .aboutUs .leftText .aboutWord{top:110px;height:62%;} #Content6 .aboutUs .leftText .aboutWord .table{ font-size:15px; line-height: 28px;} #Content6 .workshopImg{ margin: 45px 0 55px 0; } #Content6 .workshopImg .slide_pic{ padding-bottom: 45px;} #Content6 .workshopImg .slide_pic .box_hp .p{ font-size:16px;} } @media screen and (max-width:992px){ #Content6 .aboutUs{ margin-top: 20px;} #Content6 .aboutTitBox .top{font-size:14px;} #Content6 .aboutTitBox .top strong{ margin-left: 88px;} #Content6 .aboutTitBox .top strong::after{ width: 49px;left: -68px;} #Content6 .aboutUs .leftText{ margin-top: 0;} #Content6 .aboutTitBox .down{ font-size:20px; line-height: 35px;} #Content6 .aboutUs .leftText .aboutWord{ font-size:14px; line-height: 26px;top:90px; height: 64%;} #Content6 .workshopImg{margin: 25px 0 35px 0;} #Content6 .workshopImg .slide_pic{ padding-bottom: 30px;} #Content6 .workshopImg .slide_pic .box_hp .p{ font-size:14px; line-height: 45px;} #Content6 .workshopImg .slide_pic .slick-dots li{ margin: 0 5px; width: 10px; height: 10px;} #Content6 .workshopImg .slide_pic .slick-dots li button{ width: 10px; height: 10px;} } @media screen and (max-width:768px){ #Content6 .aboutUs{ margin-top: 15px;} #Content6 .aboutUs .leftText{ width: 100%;} #Content6 .aboutUs .leftText .aboutWord{ position: static; height: auto; top:0; width: 100%; margin:15px 0 0 0;} #Content6 .aboutUs .leftText .aboutWord .table{ width: 100%; margin-right: 0;} #Content6 .aboutUs .rightImg{ width: 100%; margin-top: 10px;} #Content6 .workshopImg{margin: 10px 0 20px 0;} #Content6 .workshopImg .slide_pic{ padding-bottom: 20px;} #Content6 .workshopImg .slide_pic .box_hp .p{opacity: 1;filter: alpha(opacity=100);} } /*关于我们-企业文化*/ #Content7 .aboutCulture{ float: left; width: 100%; background: #426ab4 url("/template/theme/CN/2521_about6.png") no-repeat center bottom;} #Content7 .aboutCuContent{ float: left; width: 100%; margin: 70px 0 80px 0;} #Content7 .aboutCuContent .aboutTitBox .top{ color:#ffffff; } #Content7 .aboutCuContent .aboutTitBox .top strong:after{ background: rgba(255,255,255,0.8);} #Content7 .aboutCuContent .aboutTitBox .down{ color:#ffffff;} #Content7 .aboutCuContent .ul{ float: left; width: 100%;margin-top: 50px;} #Content7 .aboutCuContent .ul .li{ float: left; width: 20%; position: relative; padding: 0 40px;} #Content7 .aboutCuContent .ul .li:after{ position: absolute; content: ''; width: 1px; height: 100%; background:rgba(255,255,255,0.2); left: 0; top:0;} #Content7 .aboutCuContent .ul .li:last-child:before{position: absolute; content: ''; width: 1px; height: 100%; background:rgba(255,255,255,0.2); right: 0; top:0;} #Content7 .aboutCuContent .ul .li .img{ float: left; width: 100%; text-align: center; font-size: 0; line-height: 0; margin-top: 40px;} #Content7 .aboutCuContent .ul .li .img img{width: 160px; height: 160px; display: block; margin: 0 auto; background-color: rgba(255,255,255,0.2);border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;} #Content7 .aboutCuContent .ul .li:hover .img img{ -webkit-transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg);} #Content7 .aboutCuContent .ul .li .info{ float: left; width: 100%; text-align: center; margin: 40px 0 36px 0; color:#fff;} #Content7 .aboutCuContent .ul .li .info h5{ display: block; font-size:20px; line-height: 36px;} #Content7 .aboutCuContent .ul .li .info em{ display: block; margin-top: 15px; font-size:16px; line-height: 24px; min-height: 72px;} #Content7 .aboutTitBox .top{ float: left; width: 100%; color:#222222; font-size:18px; height: 40px; line-height: 40px;} #Content7 .aboutTitBox .top b{float: left} #Content7 .aboutTitBox .top strong{ float: left; margin-left: 98px; position: relative;} #Content7 .aboutTitBox .top strong:after{ position: absolute; content: ''; width: 59px; height: 1px; background: rgba(41,84,163,0.8); left:-78px; top:50%;} #Content7 .aboutTitBox .down{ float: left; width: 100%; color:#2954a3; font-size:30px; line-height: 45px; letter-spacing: 1.5px;} @media screen and (max-width:1430px){ } @media screen and (max-width:1230px){ #Content7 .aboutCuContent{ margin: 60px 0 70px 0;} #Content7 .aboutCuContent .ul{ margin-top: 40px;} #Content7 .aboutCuContent .ul .li{ padding: 0 25px;} #Content7 .aboutCuContent .ul .li .img{ margin-top: 30px;} #Content7 .aboutCuContent .ul .li .img img{width: 100px; height: 100px;} #Content7 .aboutCuContent .ul .li .info{ margin: 30px 0 25px 0;} #Content7 .aboutCuContent .ul .li .info h5{ font-size:18px; line-height: 30px;} #Content7 .aboutCuContent .ul .li .info em{ margin-top: 10px; font-size:14px;} #Content7 .aboutTitBox .top{font-size:16px; height: 35px; line-height: 35px;} #Content7 .aboutTitBox .down{font-size:24px; line-height: 40px;} } @media screen and (max-width:992px){ #Content7 .aboutCuContent{ margin: 40px 0 45px 0;} #Content7 .aboutCuContent .ul{ margin-top: 25px;} #Content7 .aboutCuContent .ul .li{ padding: 0 13px;} #Content7 .aboutCuContent .ul .li .img{ margin-top: 15px;} #Content7 .aboutCuContent .ul .li .img img{ width: 80px; height: 80px;} #Content7 .aboutCuContent .ul .li .info{ margin:15px 0;} #Content7 .aboutCuContent .ul .li .info h5{ font-size:16px;} #Content7 .aboutCuContent .ul .li .info em{ margin-top: 5px;} #Content7 .aboutTitBox .top{font-size:14px;} #Content7 .aboutTitBox .top strong{ margin-left: 88px;} #Content7 .aboutTitBox .top strong::after{ width: 49px;left: -68px;} } @media screen and (max-width:768px){ #Content7 .aboutCuContent{margin: 25px 0 30px 0} #Content7 .aboutCuContent .ul{ margin-top:20px;} #Content7 .aboutCuContent .ul .li{ width:50%;border:1px solid rgba(255,255,255,0.2)} #Content7 .aboutCuContent .ul .li:after, #Content7 .aboutCuContent .ul .li:before{display: none;} #Content7 .aboutCuContent .ul .li .img img{ width: 70px; height: 70px;} #Content7 .aboutCuContent .ul .li .info{ margin-top: 10px;} } /*关于我们-资质认证*/ #Content8 .aboutIntell{ float: left; width: 100%; margin-top: 70px;} #Content8 .IntellList{ float: left; width: 100%; margin: 30px 0 80px 0;} #Content8 .IntellList .Intell_pic{float: left; width: 100%;} #Content8 .IntellList .Intell_pic .li_hp .img{float:left; width: 100%; border:1px solid #e5e5e5; cursor: pointer;overflow: hidden;} #Content8 .IntellList .Intell_pic .li_hp .img img{ width:100%; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } #Content8 .IntellList .Intell_pic .li_hp:hover .img img{ transform: scale(1.09,1.09); -ms-transform: scale(1.09,1.09); -webkit-transform: scale(1.09,1.09); -o-transform: scale(1.09,1.09); -moz-transform: scale(1.09,1.09); } #Content8 .IntellList .Intell_pic .li_hp em{ float: left; width: 100%; color:#333333; text-align: center; font-size:16px; line-height: 30px; margin-top: 12px;} #Content8 .IntellList .Intell_pic .slick-prev, #Content8 .IntellList .Intell_pic .slick-next {width:35px;height: 65px;left: -45px; top:50%; margin-top: -20px;} #Content8 .IntellList .Intell_pic .slick-next{ left: auto; right:-45px;} #Content8 .IntellList .Intell_pic .slick-prev:after, #Content8 .IntellList .Intell_pic .slick-prev:before, #Content8 .IntellList .Intell_pic .slick-next:after, #Content8 .IntellList .Intell_pic .slick-next:before { float: left; width: 30px; height: 3px; background:rgba(0,0,0,0.1); content: ''; position: relative; } #Content8 .IntellList .Intell_pic .slick-prev:hover:after, #Content8 .IntellList .Intell_pic .slick-prev:hover:before, #Content8 .IntellList .Intell_pic .slick-next:hover:after, #Content8 .IntellList .Intell_pic .slick-next:hover:before{background:#f47318; -webkit-transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; } #Content8 .IntellList .Intell_pic .slick-prev:before{ -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); top: -9px; left: 0; } #Content8 .IntellList .Intell_pic .slick-prev:after { -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); top: 9px; left:2px; } #Content8 .IntellList .Intell_pic .slick-next:before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 11px; right:-4px; } #Content8 .IntellList .Intell_pic .slick-next:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -12px; right:-4px; } #Content8 .aboutTitBox .top{ float: left; width: 100%; color:#222222; font-size:18px; height: 40px; line-height: 40px;} #Content8 .aboutTitBox .top b{float: left} #Content8 .aboutTitBox .top strong{ float: left; margin-left: 98px; position: relative;} #Content8 .aboutTitBox .top strong:after{ position: absolute; content: ''; width: 59px; height: 1px; background: rgba(41,84,163,0.8); left:-78px; top:50%;} #Content8 .aboutTitBox .down{ float: left; width: 100%; color:#2954a3; font-size:30px; line-height: 45px; letter-spacing: 1.5px;} @media screen and (max-width:1430px){ } @media screen and (max-width:1230px){ #Content8 .aboutIntell{margin-top: 60px;} #Content8 .IntellList{margin: 30px 0 70px 0;} #Content8 .IntellList .Intell_pic .li_hp em{ font-size:15px;} #Content8 .aboutTitBox .top{font-size:16px; height: 35px; line-height: 35px;} #Content8 .aboutTitBox .down{font-size:24px; line-height: 40px;} } @media screen and (max-width:992px){ #Content8 .aboutIntell{margin-top: 40px;} #Content8 .IntellList{margin: 20px 0 45px 0;} #Content8 .IntellList .Intell_pic .li_hp em{ line-height: 24px;} #Content8 .IntellList .Intell_pic .slick-prev, #Content8 .IntellList .Intell_pic .slick-next {width:20px;height: 40px; left: -25px;} #Content8 .IntellList .Intell_pic .slick-next{left: auto; right: -25px;} #Content8 .IntellList .Intell_pic .slick-prev:after, #Content8 .IntellList .Intell_pic .slick-prev:before, #Content8 .IntellList .Intell_pic .slick-next:after, #Content8 .IntellList .Intell_pic .slick-next:before {width: 20px;height: 2px;} #Content8 .IntellList .Intell_pic .slick-prev:after {top: 3px;left: 1px;} #Content8 .IntellList .Intell_pic .slick-next:before {top: 4px;right:0;} #Content8 .IntellList .Intell_pic .slick-next:after {right: 0;} #Content8 .aboutTitBox .top{font-size:14px;} #Content8 .aboutTitBox .top strong{ margin-left: 88px;} #Content8 .aboutTitBox .top strong::after{ width: 49px;left: -68px;} } @media screen and (max-width:768px){ #Content8 .container.padding{ padding: 0 10px;} #Content8 .IntellList .Intell_pic .li_hp.col-xs-12{ padding: 0 5px;} #Content8 .aboutIntell{margin-top: 25px;} #Content8 .IntellList{margin: 15px 0 30px 0;} #Content8 .IntellList .Intell_pic .li_hp em{ font-size:14px;} #Content8 .IntellList .Intell_pic .slick-prev, #Content8 .IntellList .Intell_pic .slick-next {width:20px;height: 40px; left:0; background: #fff; margin-top:-25px;} #Content8 .IntellList .Intell_pic .slick-next{left: auto; right:0;} } /*关于我们-发展历程*/ #Content9 .aboutHistory{ float: left; width: 100%; background: #f7f7f7;} #Content9 .aboutHistory .aboutTitBox{ margin-top: 70px;} #Content9 .aboutHistory .historyList{ float: left; width: 100%; margin: 30px 0;} #Content9 .aboutHistory .historyList .list{float: left; width: 100%; text-align: center;background: url("/template/theme/CN/2523_about16.jpg") no-repeat center;} #Content9 .aboutHistory .historyList .list.nth2{background: url("/template/theme/CN/2523_about16_1.jpg") no-repeat center;} #Content9 .aboutHistory .historyList .list .time{float: left;width: 100%;display: block;text-align: center; height: 150px;} #Content9 .aboutHistory .historyList .list .time span{display: inline-block; margin-top:50px; width:80px;height:80px;background:#2954a3;color:#fff;line-height:80px;font-size: 16px; border-radius: 80px; -moz-border-radius: 80px; -webkit-border-radius: 80px; position: relative;} #Content9 .aboutHistory .historyList .list .time span:after{ position: absolute; content: ''; left:50%; margin-left:-6px; bottom:-7px; width: 0;height: 0; border-left:6px solid transparent; border-right:6px solid transparent; border-top:8px solid #2954a3;} #Content9 .aboutHistory .historyList .list .text{ float: left; width: 100%; color:#555555; position:relative;font-size:16px; line-height: 30px;margin-top:60px; height: 180px; display: table; overflow:hidden} #Content9 .aboutHistory .historyList .list.nth2 .time{margin-top:60px} #Content9 .aboutHistory .historyList .list.nth2 .time span:after{display: none;} #Content9 .aboutHistory .historyList .list.nth2 .time span:before{ position: absolute; content: ''; left:50%; margin-left:-6px; top:-7px; width: 0;height: 0; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:8px solid #2954a3;} #Content9 .aboutHistory .historyList .list.nth2 .text{ margin-top: 0;} #Content9 .aboutHistory .historyList .list.nth2 .text p{position:absolute; max-height: 150px; overflow: hidden; bottom: 0; left: 0; width: 100%;} #Content9 .aboutHistory .historyList .list.nth2 .time span{margin-top:20px;} #Content9 .aboutHistory .historyList .slick-prev, #Content9 .aboutHistory .historyList .slick-next {width:20px;height: 40px;left: -80px; top:50%; margin-top: -75px;} #Content9 .aboutHistory .historyList .slick-next{ left: auto; right:-80px;} #Content9 .aboutHistory .historyList .slick-prev:after, #Content9 .aboutHistory .historyList .slick-prev:before, #Content9 .aboutHistory .historyList .slick-next:after, #Content9 .aboutHistory .historyList .slick-next:before { float: left; width: 20px; height: 2px; background:rgba(0,0,0,0.1); content: ''; position: relative; } #Content9 .aboutHistory .historyList .slick-prev:hover:after, #Content9 .aboutHistory .historyList .slick-prev:hover:before, #Content9 .aboutHistory .historyList .slick-next:hover:after, #Content9 .aboutHistory .historyList .slick-next:hover:before{background:#2954a3; -webkit-transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; } #Content9 .aboutHistory .historyList .slick-prev:before{ -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); top: -9px; left: 0; } #Content9 .aboutHistory .historyList .slick-prev:after { -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); top: 3px; left:0px; } #Content9 .aboutHistory .historyList .slick-next:before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 4px; right:-4px; } #Content9 .aboutHistory .historyList .slick-next:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -12px; right:-4px; } #Content9 .aboutTitBox .top{ float: left; width: 100%; color:#222222; font-size:18px; height: 40px; line-height: 40px;} #Content9 .aboutTitBox .top b{float: left} #Content9 .aboutTitBox .top strong{ float: left; margin-left: 98px; position: relative;} #Content9 .aboutTitBox .top strong:after{ position: absolute; content: ''; width: 59px; height: 1px; background: rgba(41,84,163,0.8); left:-78px; top:50%;} #Content9 .aboutTitBox .down{ float: left; width: 100%; color:#2954a3; font-size:30px; line-height: 45px; letter-spacing: 1.5px;} @media screen and (max-width:1430px){ } @media screen and (max-width:1230px){ #Content9 .aboutHistory .aboutTitBox{ margin-top: 60px;} #Content9 .aboutHistory .historyList .list .text{ font-size:15px; line-height: 26px;} #Content9 .aboutTitBox .top{font-size:16px; height: 35px; line-height: 35px;} #Content9 .aboutTitBox .down{font-size:24px; line-height: 40px;} } @media screen and (max-width:992px){ #Content9 .aboutHistory .aboutTitBox{ margin-top: 40px;} #Content9 .aboutHistory .historyList{margin:20px 0;} #Content9 .aboutHistory .historyList .slick-prev, #Content9 .aboutHistory .historyList .slick-next{left: -60px;} #Content9 .aboutHistory .historyList .slick-next{ left: auto; right:-60px;} #Content9 .aboutTitBox .top{font-size:14px;} #Content9 .aboutTitBox .top strong{ margin-left: 88px;} #Content9 .aboutTitBox .top strong::after{ width: 49px;left: -68px;} } @media screen and (max-width:768px){ #Content9 .aboutHistory .aboutTitBox {margin-top: 25px;} #Content9 .aboutHistory .historyList {margin: 10px 0;} } /*二级导航*/ #Content10 .secondBox{ float: left; width: 100%;} #Content10 .secondBox .currentLeft{ float: left; color:#fff;font-size:30px; padding: 23px 0; line-height: 49px;} #Content10 .secondBox .pz_SideLayer{float: right; margin-top: 41px;} #Content10 .secondBox .pz_SideLayer .l1{ float:left;} #Content10 .secondBox .pz_SideLayer .l1 a{ float:left; height:54px; line-height:54px; color:#fff; font-size:16px; font-weight:bold; padding:0 30px; position:relative;} #Content10 .secondBox .pz_SideLayer .l1 a span{ position: relative; z-index: 3} #Content10 .secondBox .pz_SideLayer .l1 a:after{ float:left; z-index:1; width:100%; height:0; content:''; position:absolute; left:50%; bottom:-1px; background:#fff;oz-transition: all 0.5s linear; border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -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%);} #Content10 .secondBox .pz_SideLayer .l1.on a, #Content10 .secondBox .pz_SideLayer .l1:hover a{ color:#2954a3;} #Content10 .secondBox .pz_SideLayer .l1.on a:after, #Content10 .secondBox .pz_SideLayer .l1:hover a:after{ height:54px;} #Content10 .pz_SideLayer_product{ float: left; width: 100%; margin-top: 11px;} #Content10 .pz_SideLayer_product .ulBox{ float: left; width: 100%;} #Content10 .pz_SideLayer_product .ulBox li{ float: left; width: 100%; margin-top: 9px;} #Content10 .pz_SideLayer_product .ulBox h4{ float: left; width: 100%; height: 55px; background:#ebedf1; padding: 0 20px; line-height: 55px; position: relative;} #Content10 .pz_SideLayer_product .ulBox h4:hover, #Content10 .pz_SideLayer_product .ulBox h4.active{ background: #2954a3; -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; } #Content10 .pz_SideLayer_product .ulBox h4 a{display: block; color:#333333; font-size:16px;} #Content10 .pz_SideLayer_product .ulBox h4:hover a, #Content10 .pz_SideLayer_product .ulBox h4.active a{ color:#fff} #Content10 .pz_SideLayer_product .ulBox h4 img{ width: 14px; height: 14px; cursor: pointer; position: absolute; right: 20px; top:21px;} #Content10 .pz_SideLayer_product .ulBox h4 img.img_d{ display: none; } #Content10 .pz_SideLayer_product .ulBox h4.active img.img_s{ display: none; } #Content10 .pz_SideLayer_product .ulBox h4.active img.img_d{ display: block; } #Content10 .pz_SideLayer_product .ulBox .sort{ float: left; width: 100%; padding: 0 20px; margin:3px 0 13px 0; display: none; } #Content10 .pz_SideLayer_product .ulBox .sort li{ float: left; width: 100%; border-bottom: 1px dotted #cccccc; margin-top: 0;} #Content10 .pz_SideLayer_product .ulBox .sort li a{display: block; color:#555555; font-size:14px; line-height: 47px;} #Content10 .pz_SideLayer_product .ulBox .sort li a.on, #Content10 .pz_SideLayer_product .ulBox .sort li a:hover{color:#C02} @media screen and (max-width:1430px){ } @media screen and (max-width:1230px){ #Content10 .secondBox .currentLeft{ font-size:24px; line-height:39px;} #Content10 .secondBox .pz_SideLayer{margin-top: 37px;} #Content10 .secondBox .pz_SideLayer .l1 a{ font-size:15px; padding: 0 25px;height:48px; line-height:48px;} #Content10 .secondBox .pz_SideLayer .l1.on a:after, #Content10 .secondBox .pz_SideLayer .l1:hover a:after{ height:48px;} #Content10 .productLeft{ margin: 10px 0 30px 0;} #Content10 .productLeft .searchBar input:-ms-input-placeholder, #Content10 .productLeft .searchBar input:-moz-placeholder, #Content10 .productLeft .searchBar input::-moz-placeholder, #Content10 .productLeft .searchBar input::-webkit-input-placeholder{font-size:15px;} #Content10 .productLeft .searchBar button{ width: 45px; height: 45px;} #Content10 .productLeft .searchBar input{ height: 45px; line-height: 45px; text-indent: 15px;} #Content10 .pz_SideLayer_product{ margin-top: 6px;} #Content10 .pz_SideLayer_product .ulBox h4{height: 45px; line-height: 45px; padding: 0 15px;} #Content10 .pz_SideLayer_product .ulBox h4 a{ font-size:15px;} #Content10 .pz_SideLayer_product .ulBox h4 img{top:15px; right: 10px;} #Content10 .pz_SideLayer_product .ulBox .sort{ padding: 0 15px; margin:3px 0 8px 0;} #Content10 .pz_SideLayer_product .ulBox .sort li{ margin-top: 0;} #Content10 .pz_SideLayer_product .ulBox .sort li a{ line-height: 40px;} } @media screen and (max-width:992px){ #Content10 .secondBox .pz_SideLayer{ display:none; width:100%; z-index:5;float:left; margin:0 0 5px 0;} #Content10 .secondBox .pz_SideLayer .l1{ width:31.333333%; margin:5px 1% 0 1%; float:left; text-align:center; } #Content10 .secondBox .pz_SideLayer .l1 a{float: left;width:100%; margin-right: 0; line-height:33px; height:33px; padding: 0; font-size:14px; position: relative; border:0; text-align: center; background-color: rgba(255,255,255,0.4)} #Content10 .secondBox .pz_SideLayer .li a:after{ display: none} #Content10 .secondBox .pz_SideLayer .li a span{display: block; width: 100%; margin: 0;} #Content10 .secondBox .currentLeft{ width:100%; float:left; font-size:16px; height:50px; line-height:50px; position:relative; padding: 0;} #Content10 .secondBox .currentLeft:after{ float:left; width:0; height:0; position:absolute; right:2px; top:50%; content:''; border-left: 6px solid transparent; border-right:6px solid transparent;border-top: 6px solid #fff; } #Content10 .secondBox .currentLeft .ri-arrow-right-s-line{ position:absolute; right: 0; top:0; line-height: 50px; font-size:25px; width: 20px; height: 20px; z-index: 999; -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; } #Content10 .secondBox .currentLeft.on{border-bottom: 1px solid rgba(255,255,255,0.4);} #Content10 .secondBox .currentLeft.on .ri-arrow-right-s-line{ transform:rotate(90deg);} #Content10 .secondBox .pz_SideLayer .l1.on a, #Content10 .secondBox .pz_SideLayer .l1:hover a{background:#fff;} #Content10 .secondBox .pz_SideLayer .l1.on a:after, #Content10 .secondBox .pz_SideLayer .l1:hover a:after{ height: 0;} #Content10 .breadcrumb{ display: none;} #Content10 .productLeft{width: 100%; margin: 10px 0 0 0;} #Content10 .pz_SideLayer_product{ margin: 0 0 15px 0; display: none;} #Content10 .pz_SideLayer_product .ulBox h4{ line-height:36px; height:36px;} #Content10 .pz_SideLayer_product .ulBox .sort li a{ color:#fff;} } @media screen and (max-width:768px){ #Content10 .pz_SideLayer li{ width:50%;} } #List .productRight{float: right; width: 76.5%;} #List .productRight .proList{ float: left; width: 100%; border:1px solid #e5e5e5; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; margin-top: 10px;} #List .productRight .proListTit{ float: left; width: 100%; padding: 0 20px; background: #f47318; height: 54px; line-height: 54px; color:#fff; font-size:18px; text-align: center; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0;} #List .productRight .proListTit .td{ float: left; width: 15%;} #List .productRight .proListTit .td.trait{ width: 30%;} #List .productRight .proListTit .td.details{width: 40%;} #List .productRight .proListText{ float: left; width: 100%; padding: 0 20px; margin: 20px 0;} #List .productRight .proListText li{ float: left; width: 100%;} #List .productRight .proListText li a{ display:table-row; float:left; width: 100%;/* height: 50px; */line-height:22px; color:#333333; font-size:14px; background: #f2f3f6;} #List .productRight .proListText li:nth-child(2n) a{ background: #fff;} #List .productRight .proListText li a .dd{ display:table-cell; display:inline-block; vertical-align:middle; text-align:center; width: 15%; /*overflow: hidden;text-overflow:ellipsis;white-space: nowrap;*/ padding-top:14px; padding-bottom:14px; padding-left:15px; padding-right:15px;} #List .productRight .proListText li a .dd.trait{ width: 30%; text-align:left;} #List .productRight .proListText li a .dd.details{ width: 38%; text-align:left;} #List .productRight .proListText li a:hover{color:#ffffff; background: #2954a3;} /*产品中心*/ #List .productLeft{ float: left; width:21.5%; margin: 10px 0 30px 0;} #List .productLeft .searchBar{float: left; width: 100%; position: relative} #List .productLeft .searchBar input{ width: 100%; border:1px solid #ebebeb; text-indent: 20px; height: 53px; line-height: 53px; } #List .productLeft .searchBar input:-ms-input-placeholder, #List .productLeft .searchBar input:-moz-placeholder, #List .productLeft .searchBar input::-moz-placeholder, #List .productLeft .searchBar input::-webkit-input-placeholder{font-size:16px; color:#888888} #List .productLeft .searchBar input:focus{border-color:#C01} #List .productLeft .searchBar button{ position: absolute; width: 53px; height: 53px; right: 0; top:1px; text-align: center;} #List .pz_SideLayer_product{ float: left; width: 100%; margin-top: 11px;} #List .pz_SideLayer_product .ulBox{ float: left; width: 100%;} #List .pz_SideLayer_product .ulBox li{ float: left; width: 100%; margin-top: 9px;} #List .pz_SideLayer_product .ulBox h4{ float: left; width: 100%; height: 55px; background:#ebedf1; padding: 0 20px; line-height: 55px; position: relative;} #List .pz_SideLayer_product .ulBox h4:hover, #List .pz_SideLayer_product .ulBox h4.active{ background: #2954a3; -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; } #List .pz_SideLayer_product .ulBox h4 a{display: block; color:#333333; font-size:16px;} #List .pz_SideLayer_product .ulBox h4:hover a, #List .pz_SideLayer_product .ulBox h4.active a{ color:#fff} #List .pz_SideLayer_product .ulBox h4 img{ width: 14px; height: 14px; cursor: pointer; position: absolute; right: 20px; top:21px;} #List .pz_SideLayer_product .ulBox h4 img.img_d{ display: none; } #List .pz_SideLayer_product .ulBox h4.active img.img_s{ display: none; } #List .pz_SideLayer_product .ulBox h4.active img.img_d{ display: block; } #List .pz_SideLayer_product .ulBox .sort{ float: left; width: 100%; padding: 0 20px; margin:3px 0 13px 0; display: none; } #List .pz_SideLayer_product .ulBox .sort li{ float: left; width: 100%; border-bottom: 1px dotted #cccccc; margin-top: 0;} #List .pz_SideLayer_product .ulBox .sort li a{display: block; color:#555555; font-size:14px; line-height: 47px;} #List .pz_SideLayer_product .ulBox .sort li a.on, #List .pz_SideLayer_product .ulBox .sort li a:hover{color:#f47318;} #List .breadcrumb{ float: left; width: 100%; text-align: right; color:#666666; font-size:14px; height: 52px; line-height: 52px;} #List .breadcrumb a{ color:#666} #List .breadcrumb a:hover{ color:#2954a3;} #List .wack1{ float:left; width:100%; padding:60px 0; text-align:center;} #List .wack1 .pz_fy{ display:inline-block; *display:inline; *zoom:1;} #List .wack1 .pz_fy a { float:left; width:32px; height:32px; line-height:30px; border-radius:32px; -moz-border-radius:32px; -webkit-border-radius:32px; border: 1px solid #e1e1e1; color:#272727; font-size:14px; font-family:Arial; margin:0 5px;} #List .wack1 .pz_fy a:hover, #List .wack1 .pz_fy a.on{color:#fff; border: 1px solid #2954a3; background:#2954a3;} #List .wack1 .pz_fy .l_fy, #List .wack1 .pz_fy .r_fy{ width:100px;} #List .wack1 .pz_fy .l_fy i, #List .wack1 .pz_fy .r_fy i{ display:block; width:16px; height:2px; background:#2954a3; margin:14px auto; position:relative;} #List .wack1 .pz_fy .l_fy i:after, #List .wack1 .pz_fy .l_fy i:before, #List .wack1 .pz_fy .r_fy i:after, #List .wack1 .pz_fy .r_fy i:before{float:left; width:7px; height:2px; background:#2954a3; content:''; position:relative;} #List .wack1 .pz_fy .l_fy i:after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top:3px; left:-7px; } #List .wack1 .pz_fy .l_fy i:before{ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top:-3px; left:0px; } #List .wack1 .pz_fy .r_fy i:after{ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top:3px; right:-2px; } #List .wack1 .pz_fy .r_fy i:before{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top:-3px; right:-9px;} #List .wack1 .pz_fy .l_fy:hover i, #List .wack1 .pz_fy .r_fy:hover i{ background:#fff;} #List .wack1 .pz_fy .l_fy:hover i:after, #List .wack1 .pz_fy .l_fy:hover i:before, #List .wack1 .pz_fy .r_fy:hover i:after, #List .wack1 .pz_fy .r_fy:hover i:before{ background:#fff;} @media screen and (max-width:1430px){ } @media screen and (max-width:1230px){ #List .productRight .proListTit{ padding: 0 13px; height: 45px; font-size: 16px; line-height: 45px;} #List .productRight .proListText{ padding: 0 13px; margin: 13px 0;} #List .productRight .proListText li a{/* height: 43px; line-height: 43px;*/} #List .productLeft{ margin: 10px 0 30px 0;} #List .productLeft .searchBar input:-ms-input-placeholder, #List .productLeft .searchBar input:-moz-placeholder, #List .productLeft .searchBar input::-moz-placeholder, #List .productLeft .searchBar input::-webkit-input-placeholder{font-size:15px;} #List .productLeft .searchBar button{ width: 45px; height: 45px;} #List .productLeft .searchBar input{ height: 45px; line-height: 45px; text-indent: 15px;} #List .pz_SideLayer_product{ margin-top: 6px;} #List .pz_SideLayer_product .ulBox h4{height: 45px; line-height: 45px; padding: 0 15px;} #List .pz_SideLayer_product .ulBox h4 a{ font-size:15px;} #List .pz_SideLayer_product .ulBox h4 img{top:15px; right: 10px;} #List .pz_SideLayer_product .ulBox .sort{ padding: 0 15px; margin:3px 0 8px 0;} #List .pz_SideLayer_product .ulBox .sort li{ margin-top: 0;} #List .pz_SideLayer_product .ulBox .sort li a{ line-height: 40px;} } @media screen and (max-width:992px){ #List .productRight{ width: 100%;} #List .productLeft{width: 100%; margin: 10px 0 0 0;} #List .pz_SideLayer_product{ margin: 0 0 15px 0; display: none;} #List .pz_SideLayer_product .ulBox h4{ line-height:36px; height:36px;} #List .pz_SideLayer_product .ulBox .sort li a{ color:#fff;} #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 #2954a3; background:#2954a3; border-radius:16px; overflow:hidden;} #List .wack1 .fy_pc span{ padding:5px 20px; color:#272727;} #List .breadcrumb{ display: none;} } @media screen and (max-width:768px){ #List .productRight .proList{border:0; border-radius:0;} #List .productRight .proListText{ padding: 0; margin: 0;} #List .productRight .proListText li a{ height: auto;/* line-height: 40px;*/} #List .productRight .proListText li a .dd{ float:left; width: 50%; border-bottom: 1px solid #fff; position:relative; padding-right:0; padding-left:0;} #List .productRight .proListText li a .dd h6{ float: left; width: 50%; font-size: 14px; background:rgba(41,84,163,0.5); color:#fff; position:absolute; left:0; top:0; height:100%; display:flex !important;flex-direction: column;justify-content:center;align-items:center;} #List .productRight .proListText li a .dd em{ float: right; width: 50%;} #List .productRight .proListText li a .dd.trait{ width: 100%;} #List .productRight .proListText li a .dd.details{ width: 100%;} #List .productRight .proListText li a .dd.trait h6, #List .productRight .proListText li a .dd.details h6{ width: 25%;color:#fff;} #List .productRight .proListText li a .dd.trait em, #List .productRight .proListText li a .dd.details em{ width: 68%;margin-right: 3%; margin-left: 4%;/* overflow: hidden;text-overflow:ellipsis;white-space: nowrap;*/} #List .productRight .proListText li{ margin-top:7px;} #List .productRight .proListText li:first-child{ margin-top: 0;} #List .productRight .proListText li:nth-child(2n) a{ background:#f2f3f6;} #List .productRight .proListText li:nth-child(2n) a:hover{background: #2954a3;} } /*产品中心*/ #Subpage .productLeft{ float: left; width:21.5%; margin: 10px 0 30px 0;} #Subpage .productLeft .searchBar{float: left; width: 100%; position: relative} #Subpage .productLeft .searchBar input{ width: 100%; border:1px solid #ebebeb; text-indent: 20px; height: 53px; line-height: 53px; } #Subpage .productLeft .searchBar input:-ms-input-placeholder, #Subpage .productLeft .searchBar input:-moz-placeholder, #Subpage .productLeft .searchBar input::-moz-placeholder, #Subpage .productLeft .searchBar input::-webkit-input-placeholder{font-size:16px; color:#888888} #Subpage .productLeft .searchBar input:focus{border-color:#C01} #Subpage .productLeft .searchBar button{ position: absolute; width: 53px; height: 53px; right: 0; top:1px; text-align: center;} #Subpage .pz_SideLayer_product{ float: left; width: 100%; margin-top: 11px;} #Subpage .pz_SideLayer_product .ulBox{ float: left; width: 100%;} #Subpage .pz_SideLayer_product .ulBox li{ float: left; width: 100%; margin-top: 9px;} #Subpage .pz_SideLayer_product .ulBox h4{ float: left; width: 100%; height: 55px; background:#ebedf1; padding: 0 20px; line-height: 55px; position: relative;} #Subpage .pz_SideLayer_product .ulBox h4:hover, #Subpage .pz_SideLayer_product .ulBox h4.active{ background: #2954a3; -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; } #Subpage .pz_SideLayer_product .ulBox h4 a{display: block; color:#333333; font-size:16px;} #Subpage .pz_SideLayer_product .ulBox h4:hover a, #Subpage .pz_SideLayer_product .ulBox h4.active a{ color:#fff} #Subpage .pz_SideLayer_product .ulBox h4 img{ width: 14px; height: 14px; cursor: pointer; position: absolute; right: 20px; top:21px;} #Subpage .pz_SideLayer_product .ulBox h4 img.img_d{ display: none; } #Subpage .pz_SideLayer_product .ulBox h4.active img.img_s{ display: none; } #Subpage .pz_SideLayer_product .ulBox h4.active img.img_d{ display: block; } #Subpage .pz_SideLayer_product .ulBox .sort{ float: left; width: 100%; padding: 0 20px; margin:3px 0 13px 0; display: none; } #Subpage .pz_SideLayer_product .ulBox .sort li{ float: left; width: 100%; border-bottom: 1px dotted #cccccc; margin-top: 0;} #Subpage .pz_SideLayer_product .ulBox .sort li a{display: block; color:#555555; font-size:14px; line-height: 47px;} #Subpage .pz_SideLayer_product .ulBox .sort li a.on, #Subpage .pz_SideLayer_product .ulBox .sort li a:hover{color:#f47318;} #Subpage .productRight{float: right; width: 76.5%;} #Subpage .productRight .proList{ float: left; width: 100%; border:1px solid #e5e5e5; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; margin-top: 10px;} #Subpage .productRight .proListTit{ float: left; width: 100%; padding: 0 20px; background: #f47318; height: 54px; line-height: 54px; color:#fff; font-size:18px; text-align: center; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0;} #Subpage .productRight .proListTit .td{ float: left; width: 15%;} #Subpage .productRight .proListTit .td.trait{ width: 30%;} #Subpage .productRight .proListTit .td.details{width: 40%;} #Subpage .productRight .proListText{ float: left; width: 100%; padding: 0 20px; margin: 20px 0;} #Subpage .productRight .proListText li{ float: left; width: 100%;} #Subpage .productRight .proListText li a{ float: left; width: 100%; height: 50px; line-height: 50px; color:#333333; font-size:14px; background: #f2f3f6; text-align: center;} #Subpage .productRight .proListText li:nth-child(2n) a{ background: #fff;} #Subpage .productRight .proListText li a .dd{float: left; width: 15%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} #Subpage .productRight .proListText li a .dd.trait{ width: 30%;} #Subpage .productRight .proListText li a .dd.details{ width: 40%;} #Subpage .productRight .proListText li a:hover{color:#ffffff; background: #2954a3;} /*产品详情*/ #Subpage .productRight .productInfo{ float: left; width: 100%; position: relative} #Subpage .productRight .productInfo .proReturn{position: absolute; right: 0; top:33px;} #Subpage .productRight .productInfo .proReturn a{ float: left; padding-left: 15px; color:#777777;border-radius:17px; -moz-border-radius:17px; -webkit-border-radius:17px;} #Subpage .productRight .productInfo .proReturn em{ float: left; font-size:14px; height: 34px; line-height: 33px;} #Subpage .productRight .productInfo .proReturn i{ float: left; background: #f47318; font-size: 0; line-height: 0; margin-left: 10px; border-radius:17px; -moz-border-radius:17px; -webkit-border-radius:17px;} #Subpage .productRight .productInfo .proReturn a:hover{background:rgba(244,115,24,0.7);color:#fff;} #Subpage .productRight .productInfo .productTit{ float: left; width:70%; margin:0 15% 20px 15%; text-align:center;} #Subpage .productRight .productInfo .productTit h4{ display: block; font-size:30px; line-height: 44px; font-weight: bold; color:#2954a3;} #Subpage .productRight .productInfo .productTit h6{display: block; font-size: 16px; color:#2954a3; line-height: 36px;} #Subpage .productRight .productInfo .proWord{ float: left; width: 100%; border-top:1px solid #e5e5e5; font-size:16px; line-height: 30px; color:#444444;} #Subpage .productRight .productInfo .proWord .p{ float: left; margin: 20px 0 40px 0;} #Subpage .productRight .productInfo .proWord .h4{ float: left; width: 100%; height: 38px; line-height: 38px; color:#2954a3; font-size:20px; } #Subpage .productRight .productInfo .proWord .h4 em{ display: inline-block; padding-right: 13px; background: #fff;} #Subpage .productInfo .proWord .technical{ float: left; width: 100%;margin-bottom:50px;} #Subpage .productInfo .proWord .technical .dt{ float: left; width:18%; height: 60px; line-height: 60px;border-bottom: 1px #e5e5e5 dashed;} #Subpage .productInfo .proWord .technical .dd{ float: left; width: 32%; height: 60px; line-height: 60px;border-bottom: 1px #e5e5e5 dashed;} #Subpage .productInfo .proWord .trait{ float: left; width: 100%; margin: 13px 0 40px 0;} #Subpage .productInfo .proWord .dataList{ float: left; width: 100%; margin: 3px 0 60px 0;} #Subpage .productInfo .proWord .dataList ul{ float: left; width: 100%;} #Subpage .productInfo .proWord .dataList li{ float: left; width: 100%; margin-top: 14px;} #Subpage .productInfo .proWord .dataList li a{ float: left; width: 100%; padding: 0 30px; background: #f3f4f7; color:#444444; height: 55px; line-height: 55px;} #Subpage .productInfo .proWord .dataList li a span{ float: left; width:65%; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} #Subpage .productInfo .proWord .dataList li a em{ float: right; color:#2954a3; font-size:14px; padding-right: 26px; position: relative} #Subpage .productInfo .proWord .dataList li a em:after{ position: absolute; content: ''; right: 0; top:0; width: 18px; height:55px; background: url("/template/theme/CN/2526_pro6.png") no-repeat center;} #Subpage .productInfo .proWord .dataList li a:hover{ background: #2954a3; color:#fff;} #Subpage .productInfo .proWord .dataList li a:hover em{ color:#fff; } #Subpage .productInfo .proWord .dataList li a:hover em:after{background: url("/template/theme/CN/2526_pro6_1.png") no-repeat center;} #Subpage .breadcrumb{ float: left; width: 100%; text-align: right; color:#666666; font-size:14px; height: 52px; line-height: 52px;} #Subpage .breadcrumb a{ color:#666} #Subpage .breadcrumb a:hover{ color:#2954a3;} @media screen and (max-width:1430px){ } @media screen and (max-width:1230px){ #Subpage .productLeft{ margin: 10px 0 30px 0;} #Subpage .productLeft .searchBar input:-ms-input-placeholder, #Subpage .productLeft .searchBar input:-moz-placeholder, #Subpage .productLeft .searchBar input::-moz-placeholder, #Subpage .productLeft .searchBar input::-webkit-input-placeholder{font-size:15px;} #Subpage .productLeft .searchBar button{ width: 45px; height: 45px;} #Subpage .productLeft .searchBar input{ height: 45px; line-height: 45px; text-indent: 15px;} #Subpage .pz_SideLayer_product{ margin-top: 6px;} #Subpage .pz_SideLayer_product .ulBox h4{height: 45px; line-height: 45px; padding: 0 15px;} #Subpage .pz_SideLayer_product .ulBox h4 a{ font-size:15px;} #Subpage .pz_SideLayer_product .ulBox h4 img{top:15px; right: 10px;} #Subpage .pz_SideLayer_product .ulBox .sort{ padding: 0 15px; margin:3px 0 8px 0;} #Subpage .pz_SideLayer_product .ulBox .sort li{ margin-top: 0;} #Subpage .pz_SideLayer_product .ulBox .sort li a{ line-height: 40px;} #Subpage .productRight .proListTit{ padding: 0 13px; height: 45px; font-size: 16px; line-height: 45px;} #Subpage .productRight .proListText{ padding: 0 13px; margin: 13px 0;} #Subpage .productRight .proListText li a{ height: 43px; line-height: 43px;} #Subpage .productRight .productInfo .proWord{ font-size: 15px; line-height: 28px;} } @media screen and (max-width:992px){ #Subpage .productLeft{width: 100%; margin: 10px 0 0 0;} #Subpage .pz_SideLayer_product{ margin: 0 0 15px 0; display: none;} #Subpage .pz_SideLayer_product .ulBox h4{ line-height:36px; height:36px;} #Subpage .pz_SideLayer_product .ulBox .sort li a{ color:#fff;} #Subpage .productRight{ width: 100%;} #Subpage .productRight .productInfo .productTit{ margin-bottom: 10px;} #Subpage .productRight .productInfo .productTit h4{ font-size:28px; line-height: 40px;} #Subpage .productRight .productInfo .productTit h6{ font-size:15px; line-height: 32px;} #Subpage .productRight .productInfo .proWord .p{ margin: 15px 0 30px 0;} #Subpage .productRight .productInfo .proWord .h4{ font-size:18px; background-size:auto 10px !important;} #Subpage .productInfo .proWord .technical{ margin-bottom: 40px;} #Subpage .productInfo .proWord .technical .dt, #Subpage .productInfo .proWord .technical .dd{ height: 53px; line-height: 53px;} #Subpage .productInfo .proWord .dataList{margin: 3px 0 50px 0;} #Subpage .productInfo .proWord .dataList li{ margin-top: 10px;} #Subpage .productInfo .proWord .dataList li a{ padding: 0 20px; height: 50px; line-height: 50px;} #Subpage .productInfo .proWord .dataList li a em::after { height: 50px;} #Subpage .productInfo .proWord .dataList li a em:after{background: url("/template/theme/CN/2526_pro6.png") no-repeat center; background-size: 15px 14px;} #Subpage .productInfo .proWord .dataList li a:hover em:after{background: url("/template/theme/CN/2526_pro6_1.png") no-repeat center; background-size: 15px 14px;} #Subpage .breadcrumb{ display: none;} } @media screen and (max-width:768px){ #Subpage .productRight .proList{border:0; border-radius:0;} #Subpage .productRight .proListText{ padding: 0; margin: 0;} #Subpage .productRight .proListText li a{ height: auto; line-height: 40px;} #Subpage .productRight .proListText li a .dd{ width: 50%; border-bottom: 1px solid #fff;} #Subpage .productRight .proListText li a .dd h6{ float: left; width: 50%; font-size: 14px; background:rgba(41,84,163,0.5); color:#fff;} #Subpage .productRight .proListText li a .dd em{ float: left; width: 50%;} #Subpage .productRight .proListText li a .dd.trait{ width: 100%;} #Subpage .productRight .proListText li a .dd.details{ width: 100%;} #Subpage .productRight .proListText li a .dd.trait h6, #Subpage .productRight .proListText li a .dd.details h6{ width: 25%;color:#fff;} #Subpage .productRight .proListText li a .dd.trait em, #Subpage .productRight .proListText li a .dd.details em{ width: 70%; margin-left: 2.5%; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} #Subpage .productRight .proListText li{ margin-top:7px;} #Subpage .productRight .proListText li:first-child{ margin-top: 0;} #Subpage .productRight .proListText li:nth-child(2n) a{ background:#f2f3f6;} #Subpage .productRight .proListText li:nth-child(2n) a:hover{background: #2954a3;} #Subpage .productRight .productInfo .productTit{width: 100%; margin: 0 0 10px 0;} #Subpage .productRight .productInfo .proReturn{ top:auto; bottom:18px; right: auto; left: 50%; margin-left: -60px;} #Subpage .productRight .productInfo .proReturn a{background:rgba(244,115,24,0.7);color:#fff;} #Subpage .productRight .productInfo .proWord .p{ margin: 15px 0 20px 0;} #Subpage .productInfo .proWord .technical .dt{ width: 40%;} #Subpage .productInfo .proWord .technical .dd{ width: 60%;} #Subpage .productInfo .proWord .technical .dt, #Subpage .productInfo .proWord .technical .dd{height: 45px; line-height: 45px;} #Subpage .productInfo .proWord .technical{margin-bottom: 20px;} #Subpage .productInfo .proWord .trait{ margin: 10px 0 20px 0;} #Subpage .productInfo .proWord .dataList{margin: 3px 0 70px 0;} } /*应用市场*/ #List2 .porJJ{ float: left; width: 100%; margin-top: 30px;} #List2 .porJJ .li{ float: left; width: 100%; background: #f8f8f8; height:100%; position: relative;} #List2 .porJJ .li .img{ float: left; width: 50%; font-size:0; line-height: 0;} #List2 .porJJ .li .text{ float: left; right: 0; width: 50%; padding:0 3.78%; margin:2% 0; height:86%; position: absolute;} #List2 .porJJ .li .text .table{display: table; width:100%;height: 100%; color:#333333; font-size:16px; line-height:32px;} #List2 .porJJ .li .text .cell{ display: table-cell; vertical-align: middle;} #List2 .porJJ .li .text .cell .tit{ float: left; width: 100%; color:#333333; font-size:30px; line-height:42px; position: relative; padding-bottom:22px;} #List2 .porJJ .li .text .cell .tit:after{ position: absolute; content: ''; width:100%; height:1px; background: #dadada; bottom: -1px; left: 0;} #List2 .porJJ .li .text .cell .word{ float: left; width: 100%; margin-top:22px; height:256px; overflow:hidden;} #List2 .lingyu{ float:left; width:100%; margin-bottom:80px;} #List2 .lingyu .title{ float:left; width:100%; color:#2954a3; font-size:32px; line-height:32px; text-align:center; position:relative; padding-bottom:32px;} #List2 .lingyu .title:after{ float:left; width:48px; height:2px; position:absolute; left:50%; bottom:2px; content:''; background:#2954a3; margin-left:-24px;} #List2 .lingyu .list{ float:left; width:100%;} #List2 .lingyu .ul1{ margin:0 -15px;} #List2 .lingyu .l1{ float:left; width:33.33%; padding:0 15px; margin-top:30px;} #List2 .lingyu .la{ float:left; width:100%;} #List2 .lingyu .img{ float:left; width:100%; position:relative; overflow:hidden; background:#000000;} #List2 .lingyu .pic{ float:left; width:100%; height:298px; line-height:0; 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;} #List2 .lingyu .cont2{ float:left; width:100%; background:#f7f7f7; padding:25px 30px;} #List2 .lingyu .cont2 .tit2{ float:left; width:100%; text-align: center; color:#363636; font-size:18px; line-height:38px;} #List2 .lingyu .la:hover .pic{ opacity:0.8; filter:alpha(opacity=80);} #List2 .lingyu .la:hover .cont2 .tit2{ color:#2954a3; } #List2 .lingyu .la .pic img{ width:100%; cursor: pointer; -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; } #List2 .lingyu .la:hover .pic img{ transform: scale(1.09,1.09); -ms-transform: scale(1.09,1.09); -webkit-transform: scale(1.09,1.09); -o-transform: scale(1.09,1.09); -moz-transform: scale(1.09,1.09); } #List2 .breadcrumb{ float: left; width: 100%; text-align: right; color:#666666; font-size:14px; height: 52px; line-height: 52px;} #List2 .breadcrumb a{ color:#666} #List2 .breadcrumb a:hover{ color:#2954a3;} @media screen and (max-width:1430px){ #List2 .porJJ .li .text .table{ font-size:15px; line-height:30px; } #List2 .porJJ .li .text .cell .tit{ font-size:24px; line-height:42px;padding-bottom:15px;} #List2 .porJJ .li .text .cell .word{ margin-top:15px; height:240px;} #List2 .lingyu .title{ font-size:24px; line-height:24px; padding-bottom:24px;} #List2 .lingyu .ul1{ margin:0 -10px;} #List2 .lingyu .l1{ padding:0 10px; margin-top:20px;} #List2 .lingyu .cont2{ padding:15px 20px;} #List2 .lingyu .pic{ height:254px;} } @media screen and (max-width:1230px){ #List2 .porJJ{ margin-top:20px;} #List2 .porJJ .li .text{ padding:0 2.5%;} #List2 .porJJ .li .text .cell .tit{ font-size:18px; line-height:30px;padding-bottom:10px;} #List2 .porJJ .li .text .cell .word{ margin-top:10px; height:168px;} #List2 .porJJ .li .text .table{ font-size:14px; line-height:28px; } #List2 .lingyu{ margin-bottom: 60px;} #List2 .lingyu .cont2{ padding:15px 12px;} #List2 .lingyu .cont2 .tit2{ font-size:16px; line-height:26px;} #List2 .lingyu .pic{ height:204px;} } @media screen and (max-width:992px){ #List2 .porJJ{ margin-top:20px;} #List2 .porJJ .li .text .table{ line-height:24px;} #List2 .porJJ .li .text .cell .word{ margin-top:10px; height:120px;} #List2 .breadcrumb{ display: none;} #List2 .lingyu .title{ font-size:18px; line-height:18px; padding-bottom:18px;} #List2 .lingyu{ margin-bottom:30px;} #List2 .lingyu .ul1{ margin:0 -6px;} #List2 .lingyu .l1{ padding:0 6px; margin-top:12px;} #List2 .lingyu .cont2{padding: 10px 0;} #List2 .lingyu .pic{ height:158px;} } @media screen and (max-width:768px){ #List2 .porJJ .li .img{ width: 100%;} #List2 .porJJ .li .text{ width: 96%; position: static; margin:10px 2% 15px 2%;} #List2 .porJJ .li .text .cell .word{ margin-top:10px; height:72px;} #List2 .lingyu{ margin-bottom: 25px;} #List2 .lingyu .l1{ float:left; width:50%;} #List2 .lingyu .cont2 .tit2{ font-size:15px; line-height: 24px;} #List2 .lingyu .pic{ height:124px;} } @media screen and (max-width:413px){ #List2 .lingyu .pic{ height:111px;} } @media screen and (max-width:374px){ #List2 .lingyu .pic{ height:92px;} } #Subpage2 .yingYBg{ float:left; width:100%; margin:44px 0 32px 0;} #Subpage2 .yingY{ float:left; width:100%;} #Subpage2 .yingY .scrool{ float:left; width:100%; margin-bottom:50px;} #Subpage2 .yingY .scrool .l1{ background:#000; line-height:0; margin:0.85% 0; position:relative; z-index:1;} #Subpage2 .yingY .scrool .l1 img{ opacity:0.5; filter:alpha(opacity=50);} #Subpage2 .yingY .scrool .l1.slick-current{ -webkit-transform: scale(1.15); -moz-transform: scale(1.15);transform: scale(1.15); z-index:6;} #Subpage2 .yingY .scrool .l1.slick-current img{ opacity:1; filter:alpha(opacity=100);} #Subpage2 .yingY .scrool .slick-prev, #Subpage2 .yingY .scrool .slick-next{ width:35px; height:65px;} #Subpage2 .yingY .scrool .slick-prev{ left:-75px;} #Subpage2 .yingY .scrool .slick-next{ right:-75px;} #Subpage2 .yingY .scrool .slick-dots{ height:12px; position:static; margin-top:18px;} #Subpage2 .yingY .scrool .slick-dots li{ vertical-align:top; background:#2954a3; width:12px; height:12px; margin:0 5px; border-radius:50%; text-indent:-9999px; overflow:hidden;} #Subpage2 .yingY .scrool .slick-dots li.slick-active{background:#f47318;} #Subpage2 .yingY .title{ float:left; width:100%; color:#333333; font-size:36px; line-height:46px; text-align:center;} #Subpage2 .yingY .info{ float:left; width:100%; color:#555555; font-size:16px; line-height:30px; margin:19px 0 31px 0;} #Subpage2 .yingY .cont{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; font-weight:bold; background:#f5f5f5; text-transform:uppercase; padding:26px 40px;} #Subpage2 .yingY .sx_fy1{ float:left; width:100%; padding:23px 0;} #Subpage2 .yingY .sx_fy1 a{ float:left; width:48p%; color:#888888; font-size:16px; line-height:26px;} #Subpage2 .yingY .sx_fy1 .r_fy{ float:right; text-align:right;} #Subpage2 .breadcrumb{ float: left; width: 100%; text-align: right; color:#666666; font-size:14px; height: 52px; line-height: 52px;} #Subpage2 .breadcrumb a{ color:#666} #Subpage2 .breadcrumb a:hover{ color:#2954a3;} @media screen and (max-width:1430px){ #Subpage2 .yingY .scrool .slick-prev{ left:-65px;} #Subpage2 .yingY .scrool .slick-next{ right:-65px;} } @media screen and (max-width:1230px){ #Subpage2 .yingY .title{ font-size:30px; line-height:40px;} #Subpage2 .yingY .scrool .slick-prev, #Subpage2 .yingY .scrool .slick-next{ width:24px; height:50px;} #Subpage2 .yingY .scrool .slick-prev{ left:-45px;} #Subpage2 .yingY .scrool .slick-next{ right:-45px;} } @media screen and (max-width:992px){ #Subpage2 .yingYBg{ margin:30px 0 25px 0;} #Subpage2 .yingY .scrool{ margin-bottom:20px;} #Subpage2 .yingY .title{ font-size:20px; line-height:30px;} #Subpage2 .yingY .info{ font-size:14px; line-height:28px; margin:10px 0 16px 0;} #Subpage2 .yingY .cont{ font-size:16px; line-height:26px; padding:12px 15px;} #Subpage2 .yingY .sx_fy1{ padding:12px 0;} #Subpage2 .yingY .sx_fy1 a{ font-size:14px; line-height:24px;} } @media screen and (max-width:768px){ } #List3 .newsList{ float:left; width:100%; margin-top:-20px;} #List3 .newsList li{ float:left; width:100%; background:#f7f7f7; margin-top:30px; padding:30px;-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; } #List3 .newsList li a{ float:left; width:100%; position:relative;} #List3 .newsList li .time{ float:left; position:absolute; left:-25px; top:0; width:180px; 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;} #List3 .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;} #List3 .newsList li .time span{ float:left; width:100%; color:#4c4c4c; font-size:20px; line-height:20px; font-family:Arial;} #List3 .newsList li .img{ float:left; width:277px; height:154px; line-height:0; overflow:hidden; position:absolute; right:0; top:0;} #List3 .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;} #List3 .newsList li:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} #List3 .newsList li .text{ float:left; width:100%; padding:0 328px 0 205px; min-height:154px;} #List3 .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; } #List3 .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; } #List3 .newsList li:hover{ background:#2954a3;} #List3 .newsList li:hover .text h5{ color:#fff;} #List3 .newsList li:hover .text p{ color:#fff;} #List3 .newsList li:hover .time{border-right:1px solid rgba(255,255,255,0.2);} #List3 .newsList li:hover .time time{ color:#fff;} #List3 .newsList li:hover .time span{ color:#fff;} /**/ #List3 .breadcrumb{ float: left; width: 100%; text-align: right; color:#666666; font-size:14px; height: 52px; line-height: 52px;} #List3 .breadcrumb a{ color:#666} #List3 .breadcrumb a:hover{ color:#2954a3;} @media screen and (max-width:1430px){ #List3 .newsList li .time{ width:160px;} #List3 .newsList li .text{ padding:0 308px 0 165px;} } @media screen and (max-width:1230px){ #List3 .newsList{ margin-top:15px;} #List3 .newsList li{ margin-top:15px; padding:15px;} #List3 .newsList li .time{ width:110px; height:100px; left:-15px;} #List3 .newsList li .time time{ font-size:54px; line-height:48px; margin:14px 0 3px 0;} #List3 .newsList li .time span{ font-size:14px; line-height:14px;} #List3 .newsList li .img{ width:180px; height:100px;} #List3 .newsList li .text{ padding:0 195px 0 112px; min-height:100px;} #List3 .newsList li .text h5{ font-size:16px; line-height:24px; margin:12px 0 8px 0;} #List3 .newsList li .text p{ line-height:24px; height:48px;} } @media screen and (max-width:992px){ #List3 .newsList li{ margin-top:12px; padding:12px 12px 12px 10px;} #List3 .newsList li .time{ display:none;} #List3 .newsList li .img{ left:0; width:134px; height:74px;} #List3 .newsList li .text{ padding:0 0 0 146px; min-height:74px;} #List3 .newsList li .text h5{ font-size:16px; line-height:24px; margin:0 0 4px 0;} #List3 .newsList li .text p{ line-height:22px; height:44px;} } @media screen and (max-width:768px){ } /* 分页 */ #Pagination .wack1{ float:left; width:100%; padding:60px 0; text-align:center;} #Pagination .wack1 .pz_fy{ display:inline-block; *display:inline; *zoom:1;} #Pagination .wack1 .pz_fy a { float:left; width:32px; height:32px; line-height:30px; border-radius:32px; -moz-border-radius:32px; -webkit-border-radius:32px; border: 1px solid #e1e1e1; color:#272727; font-size:14px; font-family:Arial; margin:0 5px;} #Pagination .wack1 .pz_fy a:hover, #Pagination .wack1 .pz_fy a.on{color:#fff; border:1px solid #2954a3; background:#2954a3;} #Pagination .wack1 .pz_fy .l_fy, #Pagination .wack1 .pz_fy .r_fy{ width:100px;} #Pagination .wack1 .pz_fy .l_fy i, #Pagination .wack1 .pz_fy .r_fy i{ display:block; width:16px; height:2px; background:#2954a3; margin:14px auto; position:relative;} #Pagination .wack1 .pz_fy .l_fy i:after, #Pagination .wack1 .pz_fy .l_fy i:before, #Pagination .wack1 .pz_fy .r_fy i:after, #Pagination .wack1 .pz_fy .r_fy i:before{float:left; width:7px; height:2px; background:#2954a3; content:''; position:relative;} #Pagination .wack1 .pz_fy .l_fy i:after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top:3px; left:-7px; } #Pagination .wack1 .pz_fy .l_fy i:before{ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top:-3px; left:0px; } #Pagination .wack1 .pz_fy .r_fy i:after{ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top:3px; right:-2px; } #Pagination .wack1 .pz_fy .r_fy i:before{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top:-3px; right:-9px;} #Pagination .wack1 .pz_fy .l_fy:hover i, #Pagination .wack1 .pz_fy .r_fy:hover i{ background:#fff;} #Pagination .wack1 .pz_fy .l_fy:hover i:after, #Pagination .wack1 .pz_fy .l_fy:hover i:before, #Pagination .wack1 .pz_fy .r_fy:hover i:after, #Pagination .wack1 .pz_fy .r_fy:hover i:before{ background:#fff;} @media screen and (max-width:1430px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:992px){ #Pagination .wack1{padding:30px 0;} #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 #2954a3; background:#2954a3; border-radius:16px; overflow:hidden;} #Pagination .wack1 .fy_pc span{ padding:5px 20px; color:#272727;} } @media screen and (max-width:768px){ } #Subpage3 .breadcrumb{ float: left; width: 100%; text-align: right; color:#666666; font-size:14px; height: 52px; line-height: 52px;} #Subpage3 .breadcrumb a{ color:#666} #Subpage3 .breadcrumb a:hover{ color:#2954a3;} /*newsDetBg*/ .bd_weixin_popup { box-sizing:content-box;} #Subpage3 .newsDetBg{ float:left; width:100%; margin:10px 0 19px 0;} #Subpage3 .newsDet{ float:left; width:100%; padding:0 8.57%;} #Subpage3 .newsDet .title{ float:left; width:100%; color:#333333; font-size:36px; line-height:46px; font-weight:bold; text-align:center;} #Subpage3 .newsDet .info{ float:left; width:100%; color:#888888; font-size:16px; line-height:26px; text-align:center; margin:10px 0 25px 0;} #Subpage3 .newsDet .cont1{ float:left; width:100%; background:#f4f4f4; padding:0; color:#666666; font-size:16px; line-height:30px; padding:36px 40px 36px 130px; position:relative;} #Subpage3 .newsDet .cont1 .tit1{ float:left; position:absolute; left:50px; top:50%; margin-top:-28px; color:#888888; font-size:24px; line-height:26px; padding:2px 0; border-right:1px solid #dedede; width:55px; height:56px; padding-right:30px;} #Subpage3 .newsDet .cont2{ float:left; width:100%; color:#666666; font-size:16px; line-height:36px; margin:19px 0 0 0;} #Subpage3 .newsDet .fanhui{ float:left; width:100%; margin-bottom:24px; } #Subpage3 .newsDet .fanhui .la{ float:right; color:#999999; font-size:16px; line-height:24px; padding-left:47px;} #Subpage3 .newsDet .fanhui .la:hover{ color:#2954a3;} #Subpage3 .newsDet .line{ float:left; width:100%; height:1px; background:#dadada;} #Subpage3 .newsDet .cont3{ float:left; width:100%; padding:34px 0; position:relative;} #Subpage3 .newsDet .sx_fy{ float:left; width:100%; color:#888888; font-size:16px; line-height:30px; padding-right:190px;} #Subpage3 .newsDet .sx_fy a{ float:left; width:100%;} #Subpage3 .newsDet .sx_fy a:hover{ color:#2954a3;} #Subpage3 .bdshare1{ float:left; position:absolute; right:0; top:50%; margin-top:-14px;} @media screen and (max-width:1430px){ #Subpage3 .newsDet .title{ font-size:30px; line-height:40px;} } @media screen and (max-width:1230px){ #Subpage3 .newsDet{padding:0;} } @media screen and (max-width:992px){ #Subpage3 .newsDetBg{ margin:20px 0 19px 0;} #Subpage3 .newsDet .title{ font-size:20px; line-height:30px;} #Subpage3 .newsDet .info{ font-size:14px; line-height:24px; margin:5px 0 12px 0;} #Subpage3 .newsDet .cont1{ font-size:14px; line-height:24px; padding:12px 15px 12px 60px;} #Subpage3 .newsDet .cont1 .tit1{ left:15px; margin-top:-22px; font-size:18px; line-height:20px; width:30px; height:44px; padding-right:10px;} #Subpage3 .newsDet .cont2{ font-size:14px; line-height:28px; margin:12px 0 4px 0;} #Subpage3 .newsDet .cont3{ padding:15px 0; } #Subpage3 .newsDet .fanhui{ margin-bottom:12px; } #Subpage3 .newsDet .fanhui .la{ font-size:14px;} #Subpage3 .newsDet .sx_fy{ font-size:14px; line-height:26px; padding-right:0;} #Subpage3 .bdshare1{ display:none;} } @media screen and (max-width:768px){ } #Subpage4 .breadcrumb{ float: left; width: 100%; text-align: right; color:#666666; font-size:14px; height: 52px; line-height: 52px;} #Subpage4 .breadcrumb a{ color:#666} #Subpage4 .breadcrumb a:hover{ color:#2954a3;} /*MessageBg*/ #Subpage4 .MessageBg{ float:left; width:100%;} #Subpage4 .Message{ float:left; width:100%; padding:94px 0 80px 0;} #Subpage4 .Message .title{ float:left; width:100%; text-align:center; color:#333333; font-size:30px; line-height:40px; } #Subpage4 .Message .Form{ float:left; width:100%; padding:0 15.25%; margin-top:15px;} #Subpage4 .Message .lab{ float:left; width:48.45%; margin-top:30px; position:relative;} #Subpage4 .Message .lab.right{ float:right;} #Subpage4 .Message .lab1{ float:left; width:100%; margin-top:30px;position:relative;} #Subpage4 .Message .fv2{ display:block; margin:10px auto 0 auto; width:170px; height:48px; line-height:46px; border-radius:5px; background:#2954a3; color:#fff; font-size:16px;} #Subpage4 .Message .fv2:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.4);} #Subpage4 .Message .name{ float:left; color:#555555; font-size:16px; line-height:26px; position:absolute; left:19px; top:15px; } #Subpage4 .Message .name span{ color:#ff0000; font-size:14px; margin-left:8px;} #Subpage4 .Message .fv0{ float:left; width:100%; height:55px; line-height:23px; background:#fff; border:1px solid #e7e7e7; color:#555555; font-size:16px; padding:15px 15px 15px 110px;} #Subpage4 .Message .fv1{ height:164px; padding:15px 15px 15px 195px;} #Subpage4 .yangzhengma{ float:left; position:absolute; right:1px; top:1px; width:123px; height:53px;} #Subpage4 .Message ::-webkit-input-placeholder{color:#555555;} #Subpage4 .Message :-moz-placeholder{color:#555555;} #Subpage4 .Message ::-moz-placeholder{color:#555555;} #Subpage4 .Message :-ms-input-placeholder{color:#555555;} @media screen and (max-width:1430px){ #Subpage4 .Message .Form{ padding:0;} } @media screen and (max-width:1230px){ } @media screen and (max-width:992px){ #Subpage4 .Message{ padding:40px 0;} #Subpage4 .Message .title{ font-size:20px; line-height:30px;} #Subpage4 .Message .Form{ margin-top:5px;} #Subpage4 .Message .lab{ margin-top:15px;} #Subpage4 .Message .lab1{ margin-top:15px;} #Subpage4 .Message .name{ font-size:14px; line-height:24px; top:10px; left:12px;} #Subpage4 .Message .name span{ margin-left:4px;} #Subpage4 .Message .fv0{ height:45px; font-size:14px; padding:10px 12px 10px 86px;} #Subpage4 .Message .fv1{ height:164px; padding:10px 12px 10px 156px;} #Subpage4 .Message .fv2{ font-size:14px; width:140px; height:38px; line-height:36px; margin:5px auto 0 auto; } #Subpage4 .yangzhengma{ width:100px; height:43px;} } @media screen and (max-width:768px){ #Subpage4 .Message .lab{ width:100%;} #Subpage4 .Message .fv1{ height:164px; padding:34px 12px 10px 12px;} } /*contact2*/ #Content11 .contact2{ float:left; width:100%; margin-bottom:65px;} #Content11 .contact2 .ul1{ margin:0 -35px;} #Content11 .contact2 .l1{ float:left; width:33.33%; padding:0 35px; margin-bottom:15px;} #Content11 .contact2 .la{ float:left; width:100%; border:1px solid #e5e5e5;} #Content11 .contact2 .la .img{ float:left; width:100%; line-height:0; border-bottom:1px solid #e5e5e5; overflow:hidden;} #Content11 .contact2 .la .img img{ -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;} #Content11 .contact2 .la:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} #Content11 .contact2 .la .cont{ float:left; width:100%; text-align:center; padding:0 15.95%;} #Content11 .contact2 .la .tit{ float:left; width:100%; color:#333333; font-size:24px; line-height:34px; font-weight:bold; padding:19px 0; border-bottom:1px solid #e5e5e5;} #Content11 .contact2 .la .info{ float:left; width:100%; color:#555555; font-size:16px; line-height:27px; min-height:54px; margin:20px 0 26px 0;} #Content11 .contact2 .la:hover .tit{ color:#2954a3;} @media screen and (max-width:1430px){ #Content11 .contact2 .ul1{ margin:0 -25px;} #Content11 .contact2 .l1{ padding:0 25px;} } @media screen and (max-width:1230px){ #Content11 .contact2 .ul1{ margin:0 -15px;} #Content11 .contact2 .l1{ padding:0 15px;} #Content11 .contact2 .la .cont{ padding:0 12%;} #Content11 .contact2 .la .tit{ font-size:20px; line-height:30px;} } @media screen and (max-width:992px){ #Content11 .contact2{ margin-bottom:28px;} #Content11 .contact2 .ul1{ margin:0 -6px;} #Content11 .contact2 .l1{ padding:0 6px;} #Content11 .contact2 .la .cont{ padding:0 4%;} #Content11 .contact2 .la .tit{ font-size:18px; line-height:28px; padding:10px 0;} #Content11 .contact2 .la .info{ font-size:14px; line-height:24px; min-height:48px; margin:10px 0 13px 0;} } @media screen and (max-width:768px){ #Content11 .contact2 .l1{ width:100%;} } /*contact1*/ #Content12 .contact1{ float:left; width:100%; margin:70px 0; background:#f5f5f5;} #Content12 .contUs{ float:left; width:50%; padding:46px 4.28%;} #Content12 .contUs .title{ float:left; width:100%; color:#333333; font-size:24px; line-height:34px; font-weight:bold;} #Content12 .contUs .cont{ float:left; width:100%; margin-top:5px;} #Content12 .contUs .cont .l1{ float:left; width:100%; position:relative; color:#3a3a3a; font-size:16px; line-height:26px; border-bottom:1px solid #e4e4e4; padding:14px 0; min-height:80px;} #Content12 .contUs .cont .ico{ float:left; width:40px; height:40px; line-height:0; overflow:hidden; border-radius:50%; background:#2954a3; position:absolute; left:2px; top:50%; margin-top:-20px;} #Content12 .contUs .cont .p1{ float:left; position:absolute; left:63px; top:50%; margin-top:-13px;} #Content12 .contUs .cont .p2{ float:left; width:100%; text-align:right; padding-left:150px; display:flex;flex-direction: column;justify-content:center; min-height:52px;} #Content12 .bdmap{ float:left; width:50%; height:540px;} #Content12 .BMap_shadow img{max-width:none; display:none;} #Content12 .BMap_pop{ margin:160px 0 0 -15px;} #Content12 .BMap_pop div{ border:none !important; } #Content12 .BMap_pop div:nth-child(8) img{ display:none;} #Content12 .BMap_bubble_content{ width:534px !important; box-shadow:0 0 6px rgba(0,0,0,0.6); position:relative;} #Content12 .BMap_top:after{ float:left; width:0; height:0; position:absolute; left:50%; top:-9px; content:''; border-left: 10px solid transparent; border-right:10px solid transparent;border-bottom: 10px solid #fff; margin-left:-10px; } #Content12 .bdmap .iw_poi_title{ float:left; width:100%; text-align:center; color:#2954a3; font-size:20px; line-height:30px; font-weight:bold;} #Content12 .bdmap .iw_poi_content{ float:left; width:100%; text-align:center; color:#3a3a3a; font-size:16px; line-height:26px; margin-top:8px; font-weight:normal; margin-top:6px;} #Content12 .breadcrumb{ float: left; width: 100%; text-align: right; color:#666666; font-size:14px; height: 52px; line-height: 52px;} #Content12 .breadcrumb a{ color:#666} #Content12 .breadcrumb a:hover{ color:#2954a3;} @media screen and (max-width:1430px){ #Content12 .contUs{ padding:46px 4%;} #Content12 .BMap_bubble_content{ width:480px !important;} } @media screen and (max-width:1230px){ } @media screen and (max-width:992px){ #Content12 .contact1{ margin:30px 0;} #Content12 .contUs{ width:100%; padding:30px 15px;} #Content12 .contUs .title{ font-size:18px; line-height:28px;} #Content12 .contUs .cont .ico{ top:12px; margin-top:0;} #Content12 .contUs .cont .l1{ font-size:14px; line-height:22px; padding:12px 0 12px 56px; min-height:60px;} #Content12 .contUs .cont .p1{ position:static; margin:0;} #Content12 .contUs .cont .p2{ padding-left:0; text-align:left; min-height:24px;} #Content12 .bdmap{ width:100%; height:440px;} #Content12 .bdmap .iw_poi_title{ font-size:16px !important; line-height:26px !important;} #Content12 .bdmap .iw_poi_content{ font-size:14px !important; line-height:22px !important; margin-top:4px;} } @media screen and (max-width:768px){ #Content12 .BMap_bubble_content{ width:280px !important;} } #Content13 .danye{ float:left; width:100%;color:#666666; font-size:16px; line-height:36px; margin:80px 0; min-height:300px; } @media screen and (max-width:1430px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:992px){ #Content13 .danye{ font-size:14px; line-height:28px; margin:30px 0;} } @media screen and (max-width:768px){ }