body {color:#333333} a{color:#555} a:active,a:hover {color:#00459b} @media (min-width: 1430px) {.container{ width: 1430px;margin:auto;overflow: hidden;} } #Top .container1{ margin-left:auto; margin-right:auto; padding-left:15px; padding-right:15px;} @media (min-width: 768px) { .container1 { width: 768px;} } @media (min-width: 1024px) { .container1 { width: 1024px;margin:auto } } @media (min-width: 1230px) { .container1 { width: 1230px;margin:auto } } @media (min-width: 1470px) { .container1 {width: 1470px;margin:auto } } @media (min-width: 1750px) { .container1 {width: 1750px;} } .text-center, [text-center] { text-align: center;} .flex-middle2,.flex-bottom2,.flex-wrap,.flex-between,.flex-column,.flex{display:box;display:-webkit-flex;display:-ms-flex;display:-webkit-box;display:-moz-box;display:flex;justify-content:flex-start;align-content:flex-start;} .flex-middle2{align-items:center;} .flex-column { flex-direction: column;} .flex-bottom2 { align-items: flex-end;} .flex-reverse { flex-direction: row-reverse;} .flex-center:not(.flex-column) { justify-content: center;} .flex-wrap { flex-wrap: wrap;} .flex-between { justify-content: space-between;} .relative, [relative], [dragsort] { position: relative;} .absolute, [absolute] { position: absolute;} .inline-block,[inline-block]{display:inline-block;*display:inline;zoom:1;vertical-align:top;} #Top .head{ float:left; width:100%; background:#00459b; position:relative; /*z-index:88;*/} #Top .logo{ float:left; margin:20px 0; width:145px; line-height:0;} #Top .lang{ float:right; position:relative; margin:32px 0;} #Top .lang h5{ float:left; min-width:70px; text-align:right; color:#fff; font-size:14px; line-height:36px; padding-right:19px; letter-spacing:2px; cursor:pointer;} #Top .lang h5 img{ float:left; position:absolute; right:0; top:50%; width:12px; height:7px; margin-top:-3px;} #Top .lang ul{ display:none; float:left; width:100%; position:absolute; right:0; top:68px; background:#fff; padding:6px 0; border:1px solid #f2f2f2; box-shadow:0 5px 10px rgba(0,0,0,0.1);} #Top .lang ul li{ float:left; width:100%; color:#999999; font-size:13px; line-height:22px; text-align:center; cursor:pointer;letter-spacing:2px;} #Top .lang ul li:hover{ color:#00459b;} /*Search*/ .search_title{ color: #0683c5; font-size: 2rem; margin: 2.27rem 0; text-align: center; font-weight: 400;} .ico_search{text-align:center; display:inline-flex; align-items: center; justify-content: center; float: right; color: #fff; height:2024pxpx; margin-top: 0.4rem; margin-left: 0.7rem;font-style: normal; font-size: 0.16rem; color: #ffffff; padding: 0} .ico_search:after{ content: ''; display: block; background:url(../Images/so.png) no-repeat;background-position:-299px -6px; height: 24px; width:24px;} .ico_search span{display: inline-block; color: #ffffff; font-size: 1.16rem; margin-right: 0.2rem} .search_input {position: fixed;left:0rem;top:10.16rem; right: 0rem; transition: all 0.5s;z-index: 9999999; transition-property: top, width, border;transition-duration: 0.1s, 0.1s; border-radius: 0; min-height: 2rem; border-radius: 0px; overflow: hidden; display: none;padding-bottom: 34px} .search_input .search_box{ padding:1.5rem 1.3rem 3.7rem;background:#ffffff;} .search_section {cursor: pointer;float: right; margin: 32px 0;z-index: 99;} .search_main{position: relative; max-width: 800px; margin:5px auto 0; } .search_main .form-control{height:2.6rem;color:#111;float:left; line-height:2.6rem;font-size:16px;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s; width:100%; background:#fff; padding-left:0.1rem; padding-right:40px; border:none; border-radius:0; box-shadow: none; float: none; border-bottom: 2px solid #c5c5c5; } .search_main .form-control:focus{ color:#000;} .search_main .search_btn{display:block; width:30px;height:30px;cursor:pointer; border:none; position:absolute; bottom:0.15rem; right:0rem; background:url("../Images/so.png") no-repeat -326px 0; color: #fff; text-transform: capitalize; font-size: 0.16rem;} .top_overly{z-index: 9998;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.3;filter:alpha(opacity=30);display:none; } .close-search{ position: absolute; right: 50%; margin-right: -34px; bottom: 0; display: flex; align-items: center; justify-content: center;background-color: #01cbfe; border-radius: 50%; height: 54px; width: 54px;} .close-search i{ background: url(../Images/so.png) no-repeat -137px -395px; height: 20px; width: 20px; display: inline-block;} .search_tags{max-width: 800px;margin: 0.6rem auto 0; flex-wrap: wrap;display: flex; align-items: center;} .search_tags p{ width: 100%; font-size: 0.68rem; color:#666;font-weight: 400; } .search_tags a{ padding: 0.35rem 0.5rem; line-height: 1.2rem; margin:0.5rem 0.2rem; font-size: 0.74rem; color: #333; background: #eee;; transition: all .6s; border-radius: 0.02rem} .search_tags a:hover{ background: #0683c5; color: #fff} @media screen and (max-width:1204px) { .search_title{ display: none} } /*menu*/ #Top .menu{float:right; margin-right:101px;} #Top .menu .nli{ float:left; padding:0 44px; position:relative;} #Top .menu .nli span a{ float:left; position:relative; color:#fff; font-size:16px; line-height:100px;} #Top .menu .nli span a:after{ float:left; width:0; height:2px; position:absolute; left:50%; bottom:0; content:''; background:#01cbfe;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 span a:before{ float:left; width:0; height:0; position:absolute; left:50%; bottom:1px; content:''; border-left:5px solid transparent; border-right:5px solid transparent;} #Top .menu .nli.active span a, #Top .menu .nli:hover span a{ color:#01cbfe;} #Top .menu .nli.active span a:after, #Top .menu .nli:hover span a:after{ width:86px;} #Top .menu .nli.active span a:before, #Top .menu .nli:hover span a:before{border-bottom: 5px solid #00459b;} #Top .menu .nli i{ position: absolute; width:23px; height: 23px; left: 0; obtn:50%; margin-top: -11px;} #Top .menuSub{ display:none; float:left; position:absolute; left:0; top:100px; width:100%; z-index:66;background:rgba(255,255,255,1);border-bottom:3px solid #ddd; padding:36px 0 90px 0;} #Top .menuSub .sub{max-width:1200px;margin:auto; } #Top .menuSub .ul1{ width:100%; } #Top .menuSub .ul1 li{ float:left; width:20%;} #Top .menuSub .ul1 li img{ width:70%;} #Top .menuSub .ul1 li a{ float:left; width:100%; color:#666666; font-size:16px; line-height:26px; margin:9px 0;} #Top .menuSub .ul1 li a:hover{ color:#00459b;} #Top .headhover #Top .menuSub{ display:block;} #Top .menuSub .ul1 li h4 {color: #332c2b; font-size: 16px;font-weight: Bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} @media screen and (max-width:1750px ){ #Top .menu{ margin-right:51px;} #Top .menu .nli{ padding:0 30px;} #Top .menuSub{ padding:36px 0 50px 0;} #Top .menuSub .sub{ } #Top .menuSub .ul1{ } #Top .menuSub .ul1 li a{ font-size:15px; margin:7px 0;} } /*手机导航按钮*/ #Top .menuph{ display:none; float:right; width:28px; height:22px; cursor: pointer; text-align: center; margin:21px 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: #fff; } #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: #fff; } #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:64px 0; display: none; z-index:66; background:#fff; background:rgba(255,255,255,0.90)} #Top .xialaph .ul2, #Top .xialaph .ul3{display: none;} #Top .xialaph h4{ float:left; width:100%;position: relative; } #Top .xialaph h4 a{ float:left; width:66%; color: #666666; font-size:16px; line-height:50px; position:relative;} #Top .xialaph li h4 a i{ float:left; position:absolute; left:0; top:50%; margin-obtn:-10px; width:20px; height:20px;} #Top .xialaph li:last-child h4::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #000; opacity: 0.1; } #Top .xialaph h4:hover a, #Top .xialaph h5:hover a{ color: #00459b; } #Top .xialaph h4::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #000; opacity: 0.1; } #Top .xialaph h5 a{ float:left; width:100%; color: #666666; font-size:14px; line-height: 40px; } #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: #000; opacity: 0.1; } #Top .xialaph li:last-child h5::after{ display: none; } #Top .xialaph h4 img{ width: 15px; height: 8px; float: right; margin-top:21px; cursor: pointer; } #Top .xialaph h5 img{ width: 11px; height: 6px; float: right; margin-top:17px; 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 .menu{ margin-right:41px;} #Top .menu .nli{ padding:0 22px;} #Top .menu .nli span a{ font-size:15px;} #Top .menu .nli.active span a:after, #Top .menu .nli:hover span a:after{ width:76px;} #Top .menuSub .sub{ } #Top .menuSub .ul1{ } #Top .menuSub .ul1 li a{ font-size:13px;} } @media screen and (max-width:1230px){ #Top .menu{ margin-right:16px;} #Top .menu .nli{ padding:0 18px;} #Top .menu .nli span a{ font-size:14px;} #Top .menu .nli.active span a:after, #Top .menu .nli:hover span a:after{ width:66px;} #Top .menuSub .sub{ } #Top .menuSub .ul1{ } #Top .menuSub .ul1 li a{ margin:5px 0; font-size:12px;} } @media screen and (max-width:992px){ #Top .logo{ margin:5px 0;width: 125px;} #Top .menu{ display:none;} #Top .lang{ margin:14px 15px 14px 0;} #Top .lang ul{ top:50px;} #Top .menuph{ display:block;} } @media screen and (max-width:768px){ #Top .head {z-index: 88;} } /*手机底部导航*/ #Down .pf_down{width:100%; float:left; position:fixed; left:0; bottom:0; height:50px; background:#00459b; 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 .ico{ width:100%; float:left; height:20px;} #Down .pf_down li .ico 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 .pf_right{ float:right; width:50px; position:fixed; right:3px; top:50%; margin-top:-75px; z-index:66; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;} #Down .pf_right ul{ float:left; width:100%; background:#474747;} #Down .pf_right li{ float:left; width:100%; position:relative; height:50px; z-index:6; border-bottom:1px solid #575757;} #Down .pf_right li:last-child{ border-bottom:none;} #Down .pf_right li .ico{ float:left; width:50px; padding:6px; line-height:0; text-align:center; position:relative; z-index:6;-webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #Down .pf_right li:hover .ico{ background:#00459b;} #Down .pf_right .Hotline{ float:left; position:absolute; top:0; right:-300px; background:#00459b; padding:6px 58px 6px 10px; color:#fff; font-size:16px; white-space: nowrap; line-height:38px;-webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; z-index:9; } #Down .pf_right .Hotline img{ display:inline-block; vertical-align:top;} #Down .pf_right li:hover .Hotline{ right:0;} /*footer*/ #Down .pz_down{ float:left; width:100%; background:#222222;} #Down .foot1{ float:left; width:100%; padding:76px 0 42px 0;position:relative; z-index:6;} #Down .footNav{ float:left;} #Down .footNav .ul1{ float:left; width:206px; padding-right:12px;} #Down .footNav .footTit{ float:left; width:100%; color:#fff; font-size:16px; line-height:28px;} #Down .footNav .box{ float:left; width:100%; margin-top:16px;} #Down .footNav .box li{ float:left; width:100%;} #Down .footNav .box li a{ float:left; width:100%; color:#fff; color:rgba(255,255,255,0.8); font-size:14px; line-height:30px;} #Down .footNav .box li a:hover{ color:#00459b;} #Down .footUs{ float:right; width:295px;} #Down .footUs .tel{ float:left; width:100%; line-height:40px; font-size:36px; color:#fff; font-family:Arial; font-weight:bold; position:relative; letter-spacing:1px; white-space:nowrap;} #Down .footUs .tel img{ position:relative; top:3px; margin-right:16px; width:30px; height:30px;} #Down .footUs .addr{ float:left; width:100%; color:#fff; font-size:16px; line-height:32px; margin:14px 0;} #Down .footShare{ float:left;} #Down .footShare a, #Down .footShare .bds_more{ float:left; width:34px !important; height:34px !important; padding:0 !important; margin:0 10px 0 0 !important; border:1px solid #fff; border-radius:50%; background:none !important;} #Down .footShare a:hover, #Down .footShare .bds_more:hover{ border:1px solid #00459b; background:#C01 !important;} #Down .foot2{ float:left; width:100%; padding:25px 0; position:relative; z-index:6; border-top:1px solid #fff; border-top:1px solid rgba(255,255,255,0.1); } #Down .Copyright{ float:left; color:#fff; color:rgba(255,255,255,0.6); font-size:14px; line-height:24px;} #Down .Copyright a{color:#fff; color:rgba(255,255,255,0.6);} #Down .Copyright a:hover{ color:#00459b;} #Down .FootMap{ float:right; color:#fff; color:rgba(255,255,255,0.6); font-size:14px; line-height:24px;} #Down .links{ float:right; position:relative; margin-right:24px;} #Down .links h5{ float:left; color:#fff; color:rgba(255,255,255,0.6); font-size:14px; line-height:24px; padding-right:17px; cursor:pointer;} #Down .links ul{ display:none; float:left; width:90px; text-align:center; position:absolute; right:0; bottom:24px; background:#666666; background:rgba(17,17,17,0.8); padding:6px 0;} #Down .links ul li{ float:left; width:100%;} #Down .links ul li a{ float:left; width:100%; color:#fff; font-size:12px; line-height:20px;} #Down .links ul li a:hover{ color:#00459b;} @media screen and (max-width:1430px){ #Down .footNav .ul1{ width:142px;} } @media screen and (max-width:1230px){ #Down .footNav .ul1{ width:116px;} #Down .footNav .box li a{ font-size:13px;} #Down .footUs{ width:250px;} #Down .footUs .addr{ font-size:14px; line-height:30px;} #Down .footUs .tel{ font-size:30px; line-height:36px;} #Down .footUs .tel img{ top:3px; margin-right:12px; width:26px; height:26px;} } @media screen and (max-width:992px){ #Down .foot1{ padding:15px 0;} #Down .footNav{ width:100%; display:none; margin:0 0 10px 0;} #Down .footNav .ul1{ width:100%; padding-right:0; margin-top:10px;} #Down .footNav .footTit{ background:#00459b; border-radius:3px; padding:4px 12px;} #Down .footNav .box{ margin:0; display:none;} #Down .footNav .box li{ float:left; width:16.66%;} #Down .footUs{ float:left; width:100%;} #Down .footUs .tel{ font-size:26px; line-height:32px;} #Down .footUs .tel img{ top:3px; margin-right:8px; width:22px; height:22px;} #Down .footUs .addr{ margin:0; line-height:24px;} #Down .footShare{ display:none;} #Down .foot2{ padding:15px 0;} #Down .links{ margin-right:15px;} } @media screen and (max-width:768px){ #Down .pz_down{ margin-bottom:50px;} #Down .footNav .box li{ width:33.33%;} #Down .footUs{ text-align:center;} #Down .foot2{ text-align:center;} #Down .Copyright{ width:100%;} #Down .FootMap{ float:none; display:inline-block; vertical-align:top;} #Down .links{ float:none; display:inline-block; vertical-align:top; margin:0 0 0 12px;} } /*banner*/ #Slide .slide_banner{ float:left; width:100%; position:relative; text-align:center;} #Slide .slide_banner .slick-slide{ width:100%; padding:0; position:relative; line-height:0; min-height:inherit;} #Slide .slide_banner img{ width:100%;} #Slide .slide_banner .slick-dots{ height:12px;bottom:30px;} #Slide .slide_banner .slick-dots li{ background:#fff; width:30px; height:5px; margin:0 9; background:#fff; border-radius:0%; text-indent:-9999px; overflow:hidden; vertical-align:top; opacity:0.4; filter:alpha(opacity=40); } #Slide .slide_banner .slick-dots li.slick-active{ opacity:1; filter:alpha(opacity100); } #Slide .slide_banner .slick-prev, #Slide .slide_banner .slick-next{ font-family:Arial; font-size:14px; color:#fff; font-weight:bold; text-transform:uppercase; letter-spacing:1px; height:25px; line-height:25px; width:auto; z-index:16;} #Slide .slide_banner .slick-prev{ left:2.08%; padding-left:36px; background:url(../Images/1879_prev.png) left center no-repeat; background-size:auto 100%;} #Slide .slide_banner .slick-next{ right:2.08%; padding-right:36px; background:url(../Images/1879_next.png) right center no-repeat; background-size:auto 100%;} #Slide .slide_banner .slick-prev:hover, #Slide .slide_banner .slick-next:hover{ opacity:0.5; filter:alpha(opacity=50); } #Slide .ban-title{position:absolute;/*left:0;display:flex;*/top:50%;width:100%;height:100%;align-items:center;} #Slide .ban-title .container{display:flex;align-items:flex-start;flex-direction:column;height:100%;justify-content:center} #Slide .ban-title h4{font-size:74px;color:#f5f5f5;opacity:1;font-weight:bold;transform:translateY(-90px);letter-spacing:6px} #Slide .ban-title p{font-size:24px;color:#f5f5f5;/*transform:translateY(0px);transform: translateX(-100%);*/opacity:1;letter-spacing:6px} @media screen and (max-width:1430px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:992px){ #Slide .slide_banner .slick-dots{ bottom:15px; height:10px;} #Slide .slide_banner .slick-dots li{ width:10px; height:10px; margin:0 5px;} } @media screen and (max-width:768px){ #Slide .ban-title h4 { font-size: 24px; transform: translateY(-30px);} #Slide .ban-title p {font-size: 14px;} } /*==首页产品↓==*/ #Content .homeCont1{ float:left; width:100%; padding:100px 0 60px 0;} #Content .homeTit{ float:left; width:100%; text-align:center;} #Content .homeTit .tit1{ float:left; width:100%; color:#333333; font-size:36px; line-height:36px;} #Content .homeTit .tit2{ float:left; width:100%; color:#999999; font-size:16px; line-height:26px; text-transform:uppercase; margin:13px 0;} #Content .homeTit .line{ float:left; width:100%;} /*#Content .homeTit .line span{ display:block; margin:0 auto; width:42px; height:4px; background:#00459b;}*/ html.fsvs #Content > * { height: 100%; width: 100%; overflow: hidden; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; } #Content .heightAuto { box-sizing: border-box; width: 100%; height: 100%; overflow: hidden; display: -webkit-box; -webkit-box-align: center; -webkit-box-pack: center; position: relative; } .HomeSolution{overflow: hidden;width:100%;height:100%;padding: 0% 0 20px 0; background: url(../images/HomeSolutionBg.jpg) no-repeat center; background-size:cover ;} .HomeSolution .container{height:100%} .HomeSolution .list{margin-top:35px;overflow: hidden;height: 75%;} .HomeSolution .list li{ float:left;width:20%; /*! background: #f4f4f4; *//*! padding: 0 10px; */overflow: hidden;height: 100%;} .HomeSolution .list li a{ display: block;margin:0px 12px;/*! width: 100%; */background: #fff;pointer-events: ;position: relative;z-index: 9;height: 100%;} .HomeSolution .list li a:before{opacity: 0; content: "";position: absolute;top:30px;left:0;width:100%;height:100%;background: #5b2653;z-index: -1;transition: all .4s ease-in-out;} .HomeSolution .list li .box{height:450px;padding: 0px 20px 0 20px;} .HomeSolution .list li .box em{ display: block;margin-bottom:15px; width:36px;height:36px; } .active-slide .HomeSolution .wow{-webkit-animation-duration: 1.5s;animation-duration: 1.5s;} .HomeSolution .list li.x1 a{ background: #152266;height: 100%;} .HomeSolution .list li.x2 a{ background: #035a94;} .HomeSolution .list li.x3 a{ background: #00712a;} .HomeSolution .list li.x4 a{ background: #57ab2f;} .HomeSolution .list li.x5 a{ background: #0e6d70;} .HomeSolution .list li.x1 a:before{ background: #25368e;} .HomeSolution .list li.x2 a:before{ background: #2479b2;} .HomeSolution .list li.x3 a:before{ background: #06923a;} .HomeSolution .list li.x4 a:before{ background: #61c432;} .HomeSolution .list li.x5 a:before{ background: #138f94;} .HomeSolution .list li.x1 em{background:url(../images/HomeSolutionIco01.png) no-repeat 0 0 } .HomeSolution .list li.x2 em{background:url(../images/HomeSolutionIco02.png) no-repeat 0 0 } .HomeSolution .list li.x3 em{background:url(../images/HomeSolutionIco03.png) no-repeat 0 0 } .HomeSolution .list li.x4 em{background:url(../images/HomeSolutionIco04.png) no-repeat 0 0 } .HomeSolution .list li.x5 em{background:url(../images/HomeSolutionIco05.png) no-repeat 0 0 } .HomeSolution .list li.x1:hover em{ background-position:-44px 0} .HomeSolution .list li.x2:hover em{ background-position:-44px 0} .HomeSolution .list li.x3:hover em{ background-position:-44px 0} .HomeSolution .list li.x4:hover em{ background-position:-44px 0} .HomeSolution .list li.x5:hover em{ background-position:-44px 0} .HomeSolution .list li .box h4{color:#fff;font-size:26px} .HomeSolution .list li .box b{ display:block;color:#fff;font-size:16px;} .HomeSolution .list li .box span{ margin:10px 0 20px 0;display:block;color:#eee;font-size:12px;text-transform: uppercase;} .HomeSolution .list li .box hr{ display: block; border:none; width:20px;height:1px; background: #eee;float: left;} .HomeSolution .list li .pic{height:50%; margin-bottom:20px;text-align: center;position: relative;z-index: -1;} .HomeSolution .list li .pic img{max-width: 100%;/*! height: 100%; */display: block;float: right;/*! vertical-align: middle; *//*! display: table; */position: absolute;bottom: 0;right: 0;} .HomeSolution .list li:hover a:before{opacity: 1;top:0;} .HomeSolution .list li:hover h4,.HomeSolution .list li:hover b{color: #fff;} .HomeSolution .list li:hover hr{ background: #fff;} @media screen and (max-width:1430px){ #Content .homeTit .tit1{ font-size:28px; line-height:28px;} .HomeSolution .list li { width: 50%;} } @media screen and (max-width:1230px){ .HomeSolution .list li { width: 50%;} } @media screen and (max-width:992px){ #Content .homeCont1{ padding:30px 0;} #Content .homeTit .tit1{ font-size:24px; line-height:24px;} #Content .homeTit .tit2{ font-size:14px; line-height:24px; margin:6px 0;} #Content .homeTit .line span{ height:2px;} } @media screen and (max-width:768px){ .HomeSolution .list li .box h4{font-size:20px} .HomeSolution .list li .box span { font-size: 10px;} .HomeSolution .list li { width: 100%;} .HomeSolution .list li a {display: block;margin: 0px 0px;} } /*homeCont2*/ #Content2 .homeCont2{ float:left; width:100%; position:relative; padding:0px 0 0px 0;} #Content2 .homeCont2 .bg2{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;opacity:0.08; filter:alpha(opacity=8); } #Content2 .homeTit{ float:left; width:100%; text-align:center;} #Content2 .homeTit .tit1{ float:left; width:100%; color:#333333; font-size:36px; line-height:36px;} #Content2 .homeTit .tit2{ float:left; width:100%; color:#999999; font-size:16px; line-height:26px; text-transform:uppercase; margin:13px 0;} #Content2 .homeTit .line{ float:left; width:100%;} /*#Content2 .homeTit .line span{ display:block; margin:0 auto; width:42px; height:4px; background:#00459b;}*/ /*anli*/ .product{width:100%;margin:0 auto;margin-top:35px;float:left;} .slideBox .bd{width:100%;} .slideBox .bd ul{float:left;overflow:hidden;width:100%;max-width:1920px;} .slideBox .bd ul li{float:left;width:24.25%;overflow:hidden;position:relative;margin:0 1% 15px 0;} .slideBox .bd ul li:nth-child(4n){margin-right:0;} .slideBox .bd ul li a{display:block;width:100%;height:100%;} .slideBox .bd ul li .imgBox{display:block;width:100%;height:100%;overflow:hidden;} .slideBox .bd ul li .imgBox img{display:block;max-width:100%;height:auto;transition:all 1s;} .slideBox .bd ul li:hover .imgBox img{transform:scale(1.06);} .slideBox .bd ul li h1{position:absolute;left:0;bottom:0px;width:100%;height:50px;line-height:50px;color:#ffffff;font-size:20px;font-weight:normal;background:rgba(0,0,0,0.5);transition:all .3s;} .slideBox .bd ul li h1 p{float:left;padding-left:20px;max-width:75%;} .slideBox .bd ul li h1 span{float:left;padding:0 20px 0 10px;font-family:"宋体";font-weight:900;} .slideBox .bd ul li:hover h1{background:rgba(0,0,0,0.8);} .slideBox .btns{width:100%;height:55px;line-height:55px;} .slideBox .btns a{display:block;float:left;width:50%;height:55px;background:#d9d9d9;color:#ffffff;font-size:16px;overflow:hidden;} .slideBox .btns a.next{background:#064280;} .slideBox .btns a img{position:relative;top:-4px;} .slideBox .btns a em{font-style:normal;padding:0 30px 0 80px} .slideBox .btns a.prev em{font-style:normal;padding:0 80px 0 30px} .slideBox .btns a.prev{text-align:right;position:relative;} .slideBox .btns a.prev:after{position:absolute;content:"";width:1px;height:100%;background:#ffffff;top:0;right:0;} .slideBox .btns a:hover{background:#064280;} @media screen and (max-width:1430px){ } @media screen and (max-width:1230px){ .slideBox .btns a.prev em {padding: 0 30px 0 30px;} .slideBox .btns a em { padding: 0 30px 0 30px;} .slideBox .bd ul li {width: 23%;} } @media screen and (max-width:992px){ .slideBox .btns a.prev em {padding: 0 30px 0 30px;} .slideBox .btns a em { padding: 0 30px 0 30px;} .slideBox .bd ul li {width: 48%;} } @media screen and (max-width:768px){ #Content2 .homeTit .tit1 { font-size: 24px;} .slideBox .btns a.prev em {padding: 0 30px 0 30px;} .slideBox .btns a em { padding: 0 30px 0 30px;} .slideBox .bd ul li {width: 48%;} } /*homeCont3*/ #Content3 .homeCont3{ float:left; width:100%;margin-bottom:80px; padding:100px 0; background:#f5f5f5; overflow:hidden;} #Content3 .homeTit3{ float:left; width:100%; position:relative; padding:32px 0;} #Content3 .homeTit3 .tit1{ float:left; width:399px; color:#333; font-size:33px; line-height:52px; letter-spacing:5px;padding-top:10px; background:#f5f5f5; position:relative; z-index:6; font-weight:bold; font-family:Arial;text-transform:uppercase; } #Content3 .homeTit3 .tit2{ float:left; width:399px; color:#00459b; font-size:24px; line-height:44px; letter-spacing:5px; padding-bottom:10px; background:#f5f5f5; position:relative; z-index:6;} #Content3 .homeTit3 .line{ float:left; width:399px; height:100%; border:12px solid #00459b; position:absolute; left:83px; top:0; z-index:1;} #Content3 .aboutL{ float:left; width:46.28%; margin-top:30px;} #Content3 .aboutL .info{ float:left; width:100%; color:#333333; font-size:14px; line-height:32px; height:192px; overflow:hidden; margin:31px 0 41px 0;} #Content3 .aboutL .more{ float:left;width:188px; height:48px; line-height:46px; color:#fff; font-size:16px; background:#00459b; border-radius:54px; text-transform:uppercase; text-align:center;} #Content3 .aboutL .more img{ display:inline-block; vertical-align:top; position:relative; width:17px; height:9px; margin:19px 0 0 19px;} #Content3 .aboutL .more:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);} #Content3 .aboutR{ float:right; width:48.92%; position:relative; line-height:0;} #Content3 .aboutR .img{ float:left; width:100%; line-height:0; position:relative; z-index:1;} #Content3 .aboutR .tit{ float:left; position:absolute; left:20%; bottom:0; z-index:6; font-family:Arial; font-weight:bold; font-size:94px; color:#000000;opacity:0.1; filter:alpha(opacity=10); text-transform:uppercase; line-height:70px; letter-spacing:8px;} @media screen and (max-width:1430px){ #Content3 .homeTit3{ padding:32px 0;} #Content3 .homeTit3 .tit1{ width:350px; font-size:40px; line-height:40px;} #Content3 .homeTit3 .tit2{ width:350px; font-size:24px; line-height:34px;letter-spacing:4px;} #Content3 .homeTit3 .line{ width:350px; border:8px solid #f8f8f8; left:70px;} #Content3 .aboutL{ margin-top:10px;} #Content3 .aboutL .info{ line-height:28px; height:168px; margin:30px 0 30px 0;} #Content3 .aboutR .tit{font-size:70px; line-height:50px; letter-spacing:4px; } } @media screen and (max-width:1230px){ #Content3 .homeTit3{ padding:25px 0;} #Content3 .homeTit3 .tit1{ width:320px; padding-top:6px;} #Content3 .homeTit3 .tit2{ width:320px; padding-bottom:6px;} #Content3 .homeTit3 .line{ width:320px;} #Content3 .aboutL .more{width:140px; height:38px; line-height:36px; font-size:14px;} #Content3 .aboutL .more img{width:17px; height:9px; margin:14px 0 0 12px;} #Content3 .aboutL .info{ line-height:28px; height:140px; margin:22px 0 26px 0;} #Content3 .aboutR .tit{font-size:58px; line-height:42px; letter-spacing:4px; } } @media screen and (max-width:992px){ #Content3 .homeCont3{ padding:30px 0;} #Content3 .homeTit3{ padding:12px 0;} #Content3 .homeTit3 .tit1{ width:240px; padding-top:6px; font-size:24px; line-height:26px; padding-top:4px; letter-spacing:4px;} #Content3 .homeTit3 .tit2{ width:240px; padding-bottom:6px; font-size:18px; line-height:24px;padding-bottom:4px; letter-spacing:3px;} #Content3 .homeTit3 .line{ width:240px; border:4px solid #f8f8f8; left:54px;} #Content3 .aboutL{ margin-top:0;} #Content3 .aboutL .info{ line-height:28px; height:112px; margin:15px 0 18px 0;} #Content3 .aboutR .tit{font-size:44px; line-height:32px; letter-spacing:3px; left:15%;} } @media screen and (max-width:768px){ #Content3 .aboutL{ width:100%;} #Content3 .aboutL .info{ line-height:26px; height:104px; margin:12px 0 15px 0;} #Content3 .aboutR{ width:100%; margin-top:20px;} } /*homeCont4*/ #Content4 .homeCont4{ float:left; width:100%; position:relative; padding:80px 0;} #Content4 .homeCont4 .bg4{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;opacity:0.08; filter:alpha(opacity=8); } #Content4 .homeTit4{ float:left; width:100%; text-align:center; position:relative; z-index:6;} #Content4 .homeTit4 .tit1{ float:left; width:100%; color:#333; font-size:36px; line-height:36px;} #Content4 .homeTit4 .tit2{ float:left; width:100%; color:#999; font-size:16px; line-height:26px; text-transform:uppercase; margin:13px 0;filter:alpha(opacity=50); } #Content4 .homeTit4 .line{ float:left; width:100%;} /*#Content4 .homeTit4 .line span{ display:block; margin:0 auto; width:42px; height:4px; background:#fff;}*/ #Content4 .homeNews{ float:left; width:100%; position:relative; z-index:6; margin-top:20px;} #Content4 .homeNews .hd{ float:left; width:100%; text-align:center;} #Content4 .homeNews .hd ul{ display:inline-block; vertical-align:top;} #Content4 .homeNews .hd li{ float:left; margin:0 10px; width:140px; height:46px; line-height:44px; color:#333; font-size:18px; background:#f0f0f0; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; cursor:pointer;} #Content4 .homeNews .hd li.on{ background:#00459b;color:#fff;} #Content4 .homeNews .bd{ float:left; width:100%; margin-top:40px;} #Content4 .homeNews .ul1{ float:left; width:100%; background:#fff;} #Content4 .homeNews .text{ float:left; width:50%; } #Content4 .homeNews .img{ width:100%; line-height:0; overflow:hidden;} #Content4 .homeNews .txt{ padding: 25px; background: #f5f5f5;} #Content4 .homeNews .text h3 {font-size: 18px;font-weight: 600;color: #262626;overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;-webkit-line-clamp: 1;-webkit-box-orient: vertical;} #Content4 .homeNews .date{color: #262626;} #Content4 .homeNews .date span{ display: inline-block;margin-right: 15px;} #Content4 .homeNews p{ margin: 15px 0;color: #676767;overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .d-flex { display: -ms-flexbox !important; display: flex !important; } .justify-content-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } #Content4 .homeNews .cont{ float:left; width:50%; padding:25px 0;} #Content4 .homeNews .cont .l1{ float:left; width:100%;} #Content4 .homeNews .cont .la{ float:left; width:100%; position:relative; padding:28px 55px 28px 157px;} #Content4 .homeNews .cont .bg{ float:left; width:100%; height:100%; position:absolute; top:0; right:0; z-index:1;-webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #Content4 .homeNews .cont .tit{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; position:relative; z-index:6; letter-spacing:1px;} #Content4 .homeNews .cont .ifno{ float:left; width:100%; color:#666666; font-size:14px; line-height:24px; position:relative; z-index:6; letter-spacing:1px; margin-top:10px;} #Content4 .homeNews .cont .time{ float:left; color:#333333; font-size:18px; line-height:28px; position:absolute; left:62px; top:50%; z-index:6; font-family:Arial; margin-top:-36px;} #Content4 .homeNews .cont .time time{ display:block; color:#333333; font-size:42px; line-height:48px; font-weight:bold;} #Content4 .homeNews .cont .time span{ display:block; color:#666666; font-size:14px; line-height:24px;} #Content4 .homeNews .cont .la:hover .bg{ background:#00459b; width:102.85%;} #Content4 .homeNews .cont .la:hover .tit{ color:#fff;} #Content4 .homeNews .cont .la:hover .ifno{ color:#fff;opacity:0.6; filter:alpha(opacity=60);} #Content4 .homeNews .cont .la:hover .time time{ color:#fff;} #Content4 .homeNews .cont .la:hover .time span{ color:#fff;} @media screen and (max-width:1430px){ #Content4 .homeTit4 .tit1{ font-size:28px; line-height:28px;} #Content4 .homeNews .cont{ padding:15px 0;} #Content4 .homeNews .cont .la{ padding:22px 45px 22px 140px;} #Content4 .homeNews .cont .tit{ font-size:18px; line-height:28px;} #Content4 .homeNews .cont .ifno{ margin-top:6px;} #Content4 .homeNews .cont .time{ margin-top:-31px; left:55px;} #Content4 .homeNews .cont .time time{ font-size:36px; line-height:36px;} } @media screen and (max-width:1230px){ #Content4 .homeNews .cont .la{ padding:14px 30px 14px 105px;} #Content4 .homeNews .cont .tit{ font-size:16px; line-height:26px;} #Content4 .homeNews .cont .ifno{ margin-top:4px;} #Content4 .homeNews .cont .time{ margin-top:-27px; left:30px;} #Content4 .homeNews .cont .time time{ font-size:30px; line-height:30px;} #Content4 .homeNews .cont .time span{ font-size:13px;} } @media screen and (max-width:992px){ #Content4 .homeCont4{ padding:30px 0;} #Content4 .homeTit4 .tit1{ font-size:24px; line-height:20px;} #Content4 .homeTit4 .tit2{ font-size:14px; line-height:24px; margin:6px 0;} #Content4 .homeTit4 .line span{ height:2px;} #Content4 .homeNews{ margin-top:20px;} #Content4 .homeNews .hd li{ margin:0 6px; width:100px; height:36px; line-height:34px; font-size:16px;} #Content4 .homeNews .bd{ float:left; width:100%; margin-top:20px;} #Content4 .homeNews .cont{ width:46%; padding:10px 0;} #Content4 .homeNews .cont .la{ padding:8px 15px 8px 80px;} #Content4 .homeNews .cont .tit{ font-size:16px; line-height:26px;} #Content4 .homeNews .cont .ifno{ margin-top:3px;} #Content4 .homeNews .cont .time{ margin-top:-27px; left:15px;} #Content4 .homeNews .cont .time time{ font-size:30px; line-height:30px;} #Content4 .homeNews .cont .time span{ font-size:13px;} #Content4 .homeNews .img{ width:54%;} } @media screen and (max-width:768px){ #Content4 .homeNews .text {width: 100%;} #Content4 .homeNews .img{ width:100%;} #Content4 .homeNews .cont{ width:100%;} } /*合作客户*/ .floor7{ float:left; width:100%; position:relative; padding-bottom:80px;} .homePartner .homeTit{ float:left; width:100%; text-align:center;} .homePartner .homeTit .tit1{ float:left; width:100%; color:#333333; font-size:36px; line-height:36px;} .homePartner .homeTit .tit2{ float:left; width:100%; color:#999999; font-size:16px; line-height:26px; text-transform:uppercase; margin:13px 0;} .homePartner .homeTit .line{ float:left; width:100%;} /*.homePartner .homeTit .line span{ display:block; margin:0 auto; width:42px; height:4px; background:#00459b;}*/ .homePartner ul{margin-top:20px;} .homePartner ul li{border:1px #d3d3d3 solid;text-align:center;overflow:hidden;margin:0 10px;background:#ffffff;} .homePartner ul li a{display:block;width:100%;height:100%;position:relative;} .homePartner ul li a img{display:block;} .homePartner ul li h4{position:absolute;left:6px;top:6px;width:92%;height:74px;line-height:74px;background:rgba(0,69,155,0.8);color:#ffffff;font-size:14px;transition:all .3s;} .homePartner ul li h4{transform:scale(0);-ms-transform:scale(0);-moz-transform:scale(0);-webkit-transform:scale(0);-o-transform:scale(0);} .homePartner ul li:hover h4{transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);} * .Panter {float: left;width: 100%; margin-top: 35px; position: relative;} .Panter .slick-prev, .Panter .slick-next{ width:20px; height:38px; border-radius:0%; background:#ddd; left:-20px;} .Panter .slick-next{ left:auto; right:-20px;} .Panter .slick-prev:hover, .Panter .slick-next:hover{ background:#00459b;} .Panter .slick-prev:after, .Panter .slick-prev:before, .Panter .slick-next:after, .Panter .slick-next:before{float:left; width:10px; height:1px; background:#555; content:''; position:relative;} .Panter .slick-next:after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top:-2px; left:-7px; } .Panter .slick-next:before{ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top:5px; left:3px; } .Panter .slick-prev:after{ -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); top:4px; left:-1px; } .Panter .slick-prev:before{ -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); top:-3px; left:9px;} /*二级导航*/ #Content5 .headline{float:left;width: 100%; border-bottom: 1px solid #e5e5e5;} #Content5 .pz_SideLayer{ float: right;} #Content5 .pz_SideLayer li{ float:left; margin-right: 50px;} #Content5 .pz_SideLayer li a{ float: left; color:#333333; position: relative; font-size:16px; line-height:75px; -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 .pz_SideLayer li a span{ float: left; margin: 0 15px; position: relative; z-index: 99;} #Content5 .pz_SideLayer li a:after{ position: absolute; content: ''; width: 100%; background: #00459b; top:50%; left: 0; height: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; } #Content5 .pz_SideLayer li a:hover, #Content5 .pz_SideLayer li a.hover{font-weight: bold; color:#fff;} #Content5 .pz_SideLayer li a:hover:after, #Content5 .pz_SideLayer li a.hover:after{ height: 96px; top:-10px;} #Content5 .breadcrumb{ float: left; color:#666666; line-height: 75px; font-size: 16px;} #Content5 .breadcrumb .hover{ display: inline-block; margin-right: 5px;} #Content5 .breadcrumb .hover img{vertical-align: middle; margin-top:-6px;} #Content5 .breadcrumb a.hover, #Content5 .breadcrumb a:hover{ color:#00459b;} @media screen and (max-width:1430px){ #Content5 .pz_SideLayer li{ margin-right: 40px;} } @media screen and (max-width:1230px){ #Content5 .pz_SideLayer li{ margin-right:18px;} #Content5 .pz_SideLayer li a{ font-size:15px;} #Content5 .pz_SideLayer li a span{ margin:0 14px;} #Content5 .breadcrumb{ font-size:15px;} } @media screen and (max-width:992px){ #Content5 .pz_SideLayer{ display:none; width:100%; z-index:5;float:left; border-top:1px solid #fff; margin-bottom: 5px;} #Content5 .pz_SideLayer li{ width:33.33%; margin:5px 0 0 0; float:left; text-align:center; } #Content5 .pz_SideLayer li a{float: left;width: 100%; margin-right: 0; line-height:33px; height:33px; font-size:14px; position: relative; border:0; text-align: center;} #Content5 .pz_SideLayer li a:after{ height:10px!important; margin-top:-5px;float:left; width:1px; position:absolute; right:0; top:50%!important; content:''; background:#dadcdf; z-index:-1;} #Content5 .pz_SideLayer li a span{display: block; width: 100%; margin: 0;} #Content5 .headline .dt{ width:100%; float:left; font-size:16px; height:50px; line-height:50px; position:relative; color:#00459b;} #Content5 .headline .dt .ri-arrow-right-s-line{ float: right; font-size:25px; font-family:宋体; font-weight:bolder; -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 .headline .dt.on{border-bottom: 1px solid #e5e5e5} #Content5 .headline .dt.on .ri-arrow-right-s-line{ transform:rotate(90deg);} #Content5 .pz_SideLayer li a:hover, #Content5 .pz_SideLayer li a.hover{ color:#00459b; border-bottom: 0; background: rgba(53,113,176,0.2)} #Content5 .breadcrumb{ display: none;} } @media screen and (max-width:768px){ .homePartner .homeTit .tit1 {font-size:24px;} #Content5 .pz_SideLayer li{ width:50%;} } /*zy_banner*/ #Slide2 .zy_banner{ width:100%;/*line-height:0;*/overflow: hidden;} @media screen and (max-width:1430px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ } .list_banner { float:left; position: relative;transition: .5s all; -webkit-transition: .5s all; overflow: hidden;} .list_banner .slogan .container {display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center;} .list_banner .slogan {position: absolute;left: 0;top: 0; width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;} .list_banner .slogan h3 { font-size: 32px; padding: 1rem 0;color: #fff;letter-spacing:3px;} .list_banner .slogan p { color: #fff; width: 63%; line-height: 34px;} #Content6 .pz_SideLayer1{ float:left; width:100%; text-align:center; margin:60px 0;} #Content6 .pz_SideLayer1 li{ display:inline-block; vertical-align:top; margin:0 14px; } #Content6 .pz_SideLayer1 li a{ float:left; width:150px; height:46px; line-height:44px; color:#333333; font-size:16px; background:#f4f4f4;} #Content6 .pz_SideLayer1 li a.hover{ background:#00459b; color:#fff;} @media screen and (max-width:1430px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:992px){ #Content6 .pz_SideLayer1{ margin:20px 0;} #Content6 .pz_SideLayer1 li{ margin:0 6px; } #Content6 .pz_SideLayer1 li a{ width:110px; height:36px; line-height:34px; font-size:14px;} } @media screen and (max-width:768px){ .list_banner .slogan p {display: none;} } #List .news{ width:100%; float:left; background:#f7f7f7;} #List .news .l1{ float:left; width:100%;} #List .news .l1 a{ float:left; width:100%; position:relative; padding-left:508px; height:379px; overflow:hidden;} #List .news .img{ float:left; width:508px; height:379px; line-height:0; overflow:hidden; position:absolute; left:0; top:0;} #List .news .img img{ -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;} #List .news .l1:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} #List .news .text{ float:right; width:100%; padding:0 50px 0 45px;} #List .news .text .time{ width:100%; float:left; font-size:24px; color:#4d4d4d; line-height:72px; height:72px; letter-spacing:1px; margin:30px 0 25px 0;} #List .news .text .time span{ font-weight:bold; font-size:72px; color:#c2c2c2; font-family:Arial; margin-right:5px;} #List .news .text .name{ width:100%; float:left; font-size:22px; color:#333; line-height:32px;} #List .news .text .p{ width:100%; float:left; margin:7px 0 45px 0; font-size:16px; color:#666666; line-height:32px; height:96px; overflow:hidden;} #List .news .more{ float:left; width:100%; border-top:1px dashed #cccccc;font-size:16px; color:#666666; line-height:41px; padding:15px 0;} #List .news .more img{ vertical-align:middle; margin:-3px 0 0 10px; width:16px;} #List .news .l1:hover .more, #List .news .l1:hover .text .name{ color:#00459b;} #List .news .slick-dots {position: absolute;bottom:30px;display: block;width: 100%;padding: 0;margin: 0; padding-right:50px;list-style: none;text-align: right;overflow:hidden; height:11px;} #List .news .slick-dots li {position: relative;display: inline-block; vertical-align:top; width: 11px;height: 11px;margin:0 0 0 10px;border:solid 1px #00459b; float:none; padding:0;border-radius:50%;} #List .news .slick-dots li button { display:none;} #List .news .slick-dots li.slick-active{background:#00459b;} #List .news_list1{ float:left; width:100%; overflow:hidden; } #List .news_list1 li{ float:left; width:100%; margin-top:30px;} #List .news_list1 li a{ float:left; width:100%; position:relative; background:#f7f7f7; padding:20px 100px 20px 186px;} #List .news_list1 li .time{ float:left; position:absolute; left:0; top:20px; width:186px; height:116px; 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;} #List .news_list1 li .time time{ float:left; width:100%; color:#c2c2c2; font-size:72px; line-height:72px; font-family:Arial; font-weight:bold; margin:3px 0;} #List .news_list1 li .time span{ float:left; width:100%; color:#4c4c4c; font-size:20px; line-height:20px; font-family:Arial;} #List .news_list1 li .text{ float:left; width:100%; padding:0 30px; min-height:116px;} #List .news_list1 li .text h5{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; margin:10px 0 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; } #List .news_list1 li .text p{ float:left; width:100%; color:#666666; font-size:14px; line-height:26px; height:52px; 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; } #List .news_list1 li .text time{ display:none;} #List .news_list1 li:hover a{ background:#00459b;} #List .news_list1 li:hover .text h5{ color:#fff;} #List .news_list1 li:hover .text p{ color:#fff;opacity:0.8; filter:alpha(opacity=80);} #List .news_list1 li:hover .time{ border-right:1px solid #fff; border-right:1px solid rgba(255,255,255,0.2);} #List .news_list1 li:hover .time time{ color:#fff;opacity:0.8; filter:alpha(opacity=80); } #List .news_list1 li:hover .time span{ color:#fff;} @media screen and (max-width:1430px){ #List .news .l1 a{ height:340px; padding-left:456px;} #List .news .img{ width:456px; height:340px;} #List .news .text{ padding:0 30px;} #List .news .text .time{ margin:20px 0 15px 0;} #List .news .text .name{ font-size:20px; line-height:30px;} #List .news .text .p{ margin:7px 0 27px 0;} #List .news .more{} #List .news .slick-dots{padding-right:30px;} #List .news_list1 li a{padding:20px 0 20px 186px;} } @media screen and (max-width:1230px){ } @media screen and (max-width:992px){ #List .news .l1 a{ padding-left:322px; height:240px;} #List .news .text{ padding:0 15px;} #List .news .text .time{ margin:18px 0 5px 0; font-size:16px; line-height:40px; height:40px;} #List .news .text .time span{ font-size:36px;} #List .news .text .name{ font-size:16px; line-height:26px;} #List .news .text .p{ font-size:14px; line-height:26px; height:78px; margin:7px 0 20px 0;} #List .news .more{ padding:2px; font-size:14px;} #List .news .img{ width:322px; height:240px;} #List .news .slick-dots{ bottom:17px; padding-right:15px;} #List .news_list1{ padding-top:10px;} #List .news_list1 li{ margin-top:12px;} #List .news_list1 li a{ padding:12px 0 12px 100px;} #List .news_list1 li .time{ width:100px; height:80px; top:12px;} #List .news_list1 li .time time{ font-size:40px; line-height:40px; margin:5px 0 3px 0;} #List .news_list1 li .time span{ font-size:14px; line-height:14px;} #List .news_list1 li .text{ padding:0 15px; min-height:80px;} #List .news_list1 li .text h5{ font-size:16px; line-height:24px; margin:5px 0 7px 0;} #List .news_list1 li .text p{ line-height:22px; height:44px;} } @media screen and (max-width:768px){ #List .news .l1 a{ padding-left:0; height:auto;} #List .news .img{ width:100%; height:auto; position:static;} #List .news .text .time{ margin:12px 0 3px 0; } #List .news .text .p{ line-height:24px; height:72px; margin:4px 0 14px 0;} #List .news .slick-dots li {width: 9px;height: 9px;margin: 0 3px;} #List .news_list1 li a{ padding:12px 0 12px 90px;} #List .news_list1 li .time{ width:90px; height:74px; top:12px;} #List .news_list1 li .text{ min-height:74px;} #List .news_list1 li .text h5{ margin:2px 0 4px 0;} } /*==合作↓==*/ .list-cooperation{float: left;width: 100%; margin: 85px 0 74px 0;} .list-cooperation li{float:left; width:18%; margin:0 1% 1% 1%;text-align:center;} .list-cooperation li img{max-width:80%;width:100%;} .list-cooperation li .imgPD{border: 1px #ddd solid;padding-top:80%;} .list-cooperation li h4{color:#666;font-size: 15px;text-align: center;padding:10px 0;height: 50px;} .list-cooperation li:hover h4{color:#00459b;} /*==效果effect2==*/ .effect-two{ border:5px #f5f5f5 solid;width:100%;height:100%;position:relative;box-sizing:border-box;-webkit-transition:all .7s ease-in-out;-moz-transition:all .7s ease-in-out;-o-transition:all .7s ease-in-out;-ms-transition:all .7s ease-in-out;transition:all .7s ease-in-out;overflow:hidden} .effect-two::before,.effect-two::after{position:absolute;content:'';opacity:0;-webkit-transition:opacity 0.4s,-webkit-transform .4s;-moz-transition:opacity 0.4s,-moz-transform .4s;-o-transition:opacity 0.4s,-o-transform .4s;transition:opacity 0.4s,transform .4s} .effect-two::before{top:0;right:0;bottom:0;left:0;border-top:2px solid #00459b;border-bottom:2px solid #00459b;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-o-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0} .effect-two::after{top:0;right:0;bottom:0;left:0;border-right:2px solid #00459b;border-left:2px solid #00459b;-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-o-transform-origin:100% 0;transform-origin:100% 0} .effect-two:hover::before,.effect-two:hover::after{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)} /*分页*/ .page_num{width:100%;margin:auto;text-align:center;margin:2rem 0;} .page_num span{display:inline-flex;color:#fff;font-size:0.14rem;text-transform:capitalize;padding:0;vertical-align:middle;width:36px;height:36px;line-height:100%;transition:all .5s;position:relative;text-align: center;border-radius:0;border:2px solid #0683c5;align-items: center;justify-content: center;background: #0683c5;border-radius: 0 0.1rem 0 0.1rem;} .page_num a{background:#fff;padding:0;display:inline-flex;text-transform:capitalize;font-size:0.12rem;position: relative;z-index: 0; vertical-align:middle;line-height:100%;transition:all .5s;color:#555;border-radius:0;width:36px;height:36px;text-align: center;border:1px solid #e5e5e5;align-items: center;justify-content: center;} .page_num a:hover{text-decoration:none;color:#fff;border-color:#0683c5;border-radius:0px;background: #0683c5;} .page_num a i{line-height:32px;} .page_num p{display:block;font-size:0.14rem;margin:0;margin-top:15px;color:#808080;} .page_num p:before{content:'[';padding-right:3px;} .page_num p:after{content:']';padding-left:3px;} .page_num p strong{display:inline-block;margin:0 5px; color:#333;} @media screen and (max-width:1430px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:992px){ .list-cooperation {margin: 35px 0 74px 0;} .list-cooperation li{ width:48%; } } @media screen and (max-width:768px){ .list-cooperation li{ width:48%; } .page_num{border-radius: 0;text-align: center;padding:0;margin-top:10px;border-radius:5px;} .page_num a , .page_num span{width: 30px;height:30px;line-height:30px;font-size:0.12rem;} .page_num a i{line-height: 30px;} .page_num p{float: none;display: block;font-size: 0.14rem;} } /*新闻详情*/ #Subpage .newDet{ width:100%; float:left; margin-top:80px;} #Subpage .newDet .tit{ width:100%; float:left; text-align:center; font-size:24px; color:#333; line-height:34px;} #Subpage .main_1{ width:100%; float:left; margin-top:25px; border-top:solid 1px #d7d8d8; border-bottom:solid 1px #d7d8d8; line-height:34px; padding:9px 0;} #Subpage .main_1 .p{ float:left; font-size:14px; color:#777;} #Subpage .main_1 .btn{ float:right; font-size:14px;} #Subpage .main_1 .btn a{ float:left; color:#777;} #Subpage .main_1 .btn a img{ display:inline-block; vertical-align:top; width:38px; margin:0 0 0 11px;} #Subpage .main_1 .btn a:hover{ color:#0e6eb8;} #Subpage .text{ width:100%; float:left; margin:44px 0; font-size:16px; color:#333333; line-height:36px;} #Subpage .bshare-custom{ width:100%; float:left; margin-bottom:31px; text-align:center; height:36px;} #Subpage .bshare-custom a{ float:none !important; display:inline-block; vertical-align:top; width:36px; height:36px; margin:0 8px; padding:0; background:none !important;} #Subpage .sx_fy{ width:100%; float:left; padding:16px 0; border-top:solid 1px #d7d8d8;} #Subpage .sx_fy a{ width:49%; float: left; font-size:14px;color: #666666; line-height: 24px;} #Subpage .sx_fy a.next{ float:right; text-align: right;} #Subpage .sx_fy a:hover{ color:#00459b;} @media screen and (max-width:1430px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:992px){ #Subpage .newDet .tit{ font-size:18px; line-height:28px;} #Subpage .text{ margin:18px 0; font-size:14px; line-height:28px;} #Subpage .bshare-custom{ display:none;} } @media screen and (max-width:768px){ #Subpage .newDet {margin-top: 30px;} #Subpage .main_1{ margin-top:15px; padding:5px 0; line-height:24px;} #Subpage .main_1 .p{ width:100%;} #Subpage .main_1 .btn{ float:right; line-height:25px;} #Subpage .main_1 .btn a img{ width:28px; margin:0 0 0 6px;} #Subpage .sx_fy a{ width: 100%; text-align: left !important;} } #Content7 .newRet{ width:100%; float:left; margin-top:16px; margin-bottom:80px;} #Content7 .newRet .title{ width:100%; float:left; font-size:18px; color:#00459b; line-height:28px;} #Content7 .newRet ul{ width:100%; float:left; margin-top:18px;} #Content7 .newRet ul li{ width:47.64%; float:left; border-bottom:solid 1px #d7d8d8; line-height:41px; padding-right:85px; position:relative;} #Content7 .newRet ul li h5{ width:100%; float:left; font-size:14px; color:#333; line-height:41px;} #Content7 .newRet ul li .time{ position:absolute; right:0; top:0; font-size:14px; line-height:41px; color:#777;} #Content7 .newRet ul li.l1{ float:right;} #Content7 .newRet ul li:hover h5{ color:#00459b;} @media screen and (max-width:1430px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:992px){ #Content7 .newRet{ margin-top:0; margin-bottom:30px;} #Content7 .newRet ul{ margin-top:5px;} } @media screen and (max-width:768px){ #Content7 .newRet ul li{ width:100%;} } /*1关于我们*/ #Content8 .aboutBrand{ float: left; width: 100%; margin: 90px 0 80px 0;} #Content8 .aboutBrand .text{ float: left; width: 57%; font-size:16px; color:#333333; line-height: 32px;} #Content8 .aboutBrand .text .margin{ float: left; width:95.5%; margin:10px 4.5% 4px 0; max-height:360px; overflow-y: auto;} #Content8 .aboutBrand .text #boxscroll{ position: relative;} #Content8 .aboutBrand .text .wrapper{ float: left; height: auto; width: 93%; margin-right: 7%;} #Content8 .aboutBrand .text h2{ float: left; width: 100%; color:#00459b; font-size:28px;font-weight: bold; line-height: 66px; position: relative} #Content8 .aboutBrand .text h2:after{ position: absolute; content: ''; width: 48px; height: 2px; background: #00459b; left: 0; bottom: -15px;} #Content8 .aboutBrand .word{ float: left; width: 100%; margin-top:58px;} #Content8 .aboutBrand .Img{ float: left; width: 43%; line-height: 0; font-size:0; overflow: hidden; border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px; } #Content8 .aboutBrand .right .text{ float: right;} @media screen and (max-width:1430px){ } @media screen and (max-width:1230px){ #Content8 .aboutBrand{ margin: 60px 0 50px 0;} #Content8 .aboutBrand .text .margin{max-height:242px;} #Content8 .aboutBrand .text h2{ font-size:24px; line-height: 58px;} #Content8 .aboutBrand .text h2:after{ bottom: -10px;} #Content8 .aboutBrand .word{ margin-top:32px;} } @media screen and (max-width:992px){ #Content8 .aboutBrand {margin:40px 0 30px 0;} #Content8 .aboutBrand .text{ font-size:14px; line-height: 28px;} #Content8 .aboutBrand .text .margin{ max-height:184px;} #Content8 .aboutBrand .text h2{ font-size:22px; line-height:50px;} #Content8 .aboutBrand .text h2:after{ bottom:-5px;} #Content8 .aboutBrand .word{ margin-top: 23px;} } @media screen and (max-width:768px){ #Content8 .aboutBrand{margin:5px 0 20px 0;} #Content8 .aboutBrand .text{ width: 100%;} #Content8 .aboutBrand .text h2{ font-size:20px; } #Content8 .aboutBrand .Img{ width: 100%;} #Content8 .aboutBrand .text .margin{width: 100%; margin: 15px 0; max-height:100%;} #Content8 .aboutBrand .text .wrapper{ width: 100%; margin:0} } /*股东*/ #Content9 .greyBox{float: left; width: 100%; background: url(../images/bg-page-culture.png)no-repeat;background-size: cover;} #Content9 .marginT{ float: left; width: 100%; margin: 5% 0;} #Content9 .aboutTit{ float: left; width: 100%; text-align: center} #Content9 .aboutTit h1{ display: block; color:#00459b; font-size:28px; line-height: 46px;font-weight: bold;} #Content9 .aboutTit span{ display: block; color:#999; font-size: 14px; line-height: 22px; text-transform: uppercase; position: relative;} #Content9 .aboutTit span:before, #Content9 .aboutTit span:after{ position: absolute; content: ''; width: 44%; left: 0; top:50%; height: 1px; background: rgba(0,0,0,0.1)} #Content9 .aboutTit span:before{ left: auto; right: 0;} .page-culture { margin-top:10%;} .page-culture ul li{width:16.666%;float:left;text-align: center;color: #fff; } .page-culture li h4 { transform: translateY(10px);z-index: 0;font-size:18px;} .page-culture li strong { z-index: -1;color: #abc1dd;font-size:12px; text-transform: uppercase;} .page-culture li p {padding:0 10%;font-size:14px;} @media screen and (max-width:1430px){ } @media screen and (max-width:1230px){ #Content9 .marginT{ margin:50px 0 60px 0;} #Content9 .aboutTit h1{ font-size:24px;} #Content9 .aboutTit span:before, #Content9 .aboutTit span:after{ width: 42%;} } @media screen and (max-width:992px){ #Content9 .marginT{ margin:30px 0 40px 0;} #Content9 .aboutTit h1{ font-size:22px; line-height: 38px;} #Content9 .aboutTit span:before, #Content9 .aboutTit span:after{ width: 40%;} } @media screen and (max-width:768px){ #Content9 .marginT{ margin: 20px 0 30px 0;} #Content9 .aboutTit h1{ font-size:20px;} #Content9 .aboutTit span:before, #Content9 .aboutTit span:after{ width: 33%;} .page-culture li h4 {transform: translateY(0px);} .page-culture li p,.page-culture li strong {display:none;} } /*发展*/ #Content10 .marginT{ float: left; width: 100%; margin: 100px 0 120px 0;} #Content10 .aboutTit{ float: left; width: 100%; text-align: center} #Content10 .aboutTit h1{ display: block; color:#00459b; font-size:28px; font-weight: bold;line-height: 46px;} #Content10 .aboutTit span{ display: block; color:#999; font-size: 14px; line-height: 22px; text-transform: uppercase; position: relative;} #Content10 .aboutTit span:before, #Content10 .aboutTit span:after{ position: absolute; content: ''; width: 44%; left: 0; top:50%; height: 1px; background: rgba(0,0,0,0.1)} #Content10 .aboutTit span:before{ left: auto; right: 0;} #Content10 .History{ float: left; width: 100%; margin-top: 80px; position: relative;} #Content10 .History:after{ position: absolute; content: ''; width: 100%;height: 1px; background: #d0d0d0; left: 0; top:50%; z-index: -1; } #Content10 .HistoryList{ float: left; width: 100%; position: relative; padding:0 5px;} #Content10 .HistoryList:before, #Content10 .HistoryList:after{ position: absolute; content: ''; width: 12px; height: 12px; left: 0; top:50%; margin-top: -6px; background: #fff; border:1px solid #a490a6; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px;} #Content10 .HistoryList:before{ left: auto; right: 0;} #Content10 .HistoryList .l1{ float:left; width:100%; padding:0 8.57%;} #Content10 .HistoryList .text{ float: left; width: 100%; border:1px solid #e1e1e1; text-align: center; border-radius: 10px;-moz-border-radius:10px;-webkit-border-radius:10px; height: 100px; color:#444444; font-size:16px; line-height: 28px; } #Content10 .HistoryList .text h2{ padding-top: 5px;font-size: 18px; color:#00459b;font-weight:600;} #Content10 .HistoryList .text p{ padding: 0 7%;} #Content10 .HistoryList .time{ float: left; width: 100%; display: block; text-align: center; margin-top: 62px;} #Content10 .HistoryList .time span{display: inline-block; width: 108px; height: 108px; background: #00459b; color:#fff; line-height: 108px; font-size: 24px; font-weight: bold; border-radius:80px;-moz-border-radius:80px;-webkit-border-radius:80px; position: relative;} #Content10 .HistoryList .time span:after{ position: absolute; content: ''; width: 12px; height: 12px; top:-32px; left: 50%; margin-left: -6px; background: #00459b; border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;} #Content10 .HistoryList .time span:before{ position: absolute; content: ''; width: 1px; height: 35px; top:-30px; left: 50%; background: #00459b;} #Content10 .HistoryList .text.tow{ margin-top: 62px;} #Content10 .HistoryList .time.tow{ margin-top: 0;} #Content10 .HistoryList .time.tow span:after{ top: auto; bottom: -34px;} #Content10 .HistoryList .time.tow span:before{ top: auto; bottom: -32px;} #Content10 .HistoryList .slick-prev, #Content10 .HistoryList .slick-next{ width:48px; height:48px; border-radius:50%; background:#bebebe; left:-88px;} #Content10 .HistoryList .slick-next{ left:auto; right:-88px;} #Content10 .HistoryList .slick-prev:hover, #Content10 .HistoryList .slick-next:hover{ background:#00459b;} #Content10 .HistoryList .slick-prev:after, #Content10 .HistoryList .slick-prev:before, #Content10 .HistoryList .slick-next:after, #Content10 .HistoryList .slick-next:before{float:left; width:15px; height:1px; background:#fff; content:''; position:relative;} #Content10 .HistoryList .slick-next:after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top:-5px; left:4px; } #Content10 .HistoryList .slick-next:before{ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top:5px; left:18px; } #Content10 .HistoryList .slick-prev:after{ -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); top:5px; left:-1px; } #Content10 .HistoryList .slick-prev:before{ -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); top:-5px; left:14px;} @media screen and (max-width:1600px){ #Content10 .HistoryList{ padding:0 40px;} #Content10 .HistoryList .l1{ padding:0 6%;} #Content10 .HistoryList .slick-prev{ left:0;} #Content10 .HistoryList .slick-next{ left:auto; right:0;} #Content10 .HistoryList .text h2{ padding-top: 5px;} } @media screen and (max-width:1430px){ } @media screen and (max-width:1230px){ #Content10 .HistoryList .text{ font-size:14px; line-height:26px;} #Content10 .marginT{ margin:50px 0 60px 0;} #Content10 .aboutTit h1{ font-size:24px;} #Content10 .aboutTit span:before, #Content10 .aboutTit span:after{ width: 42%;} } @media screen and (max-width:992px){ #Content10 .History{ margin-top:20px;} #Content10 .HistoryList .slick-prev, #Content10 .HistoryList .slick-next{ width:30px; height:30px;} #Content10 .HistoryList .slick-prev:after, #Content10 .HistoryList .slick-prev:before, #Content10 .HistoryList .slick-next:after, #Content10 .HistoryList .slick-next:before{ width:10px; } #Content10 .HistoryList{ padding:0 20px;} #Content10 .HistoryList .l1{ padding:0 7px;} #Content10 .HistoryList .slick-next:after{ top:-4px; left:1px; } #Content10 .HistoryList .slick-next:before{ top:2px; left:11px; } #Content10 .HistoryList .slick-prev:after{ top:2px; left:0px; } #Content10 .HistoryList .slick-prev:before{ top:-4px; left:10px;} #Content10 .HistoryList .time span{ width:88px; height:88px; font-size:20px; line-height:88px;} #Content10 .HistoryList .text{ height:80px;} #Content10 .marginT{ margin:30px 0 40px 0;} #Content10 .aboutTit h1{ font-size:22px; line-height: 38px;} #Content10 .aboutTit span:before, #Content10 .aboutTit span:after{ width: 40%;} } @media screen and (max-width:768px){ #Content10 .marginT{ margin: 20px 0 30px 0;} #Content10 .aboutTit h1{ font-size:20px;} #Content10 .aboutTit span:before, #Content10 .aboutTit span:after{ width: 33%;} } /*股东*/ #Content11 .greyBox{float: left; width: 100%; background: #f4f4f4;} #Content11 .marginT{ float: left; width: 100%; margin: 70px 0 80px 0;} #Content11 .aboutTit{ float: left; width: 100%; text-align: center} #Content11 .aboutTit h1{ display: block; color:#333333; font-size:28px; line-height: 46px;} #Content11 .aboutTit span{ display: block; color:#999; font-size: 14px; line-height: 22px; text-transform: uppercase; position: relative;} #Content11 .aboutTit span:before, #Content11 .aboutTit span:after{ position: absolute; content: ''; width: 44%; left: 0; top:50%; height: 1px; background: rgba(0,0,0,0.1)} #Content11 .aboutTit span:before{ left: auto; right: 0;} #Content11 .zhil2{ float:left; width:100%; margin:35px 0 0 0;} #Content11 .zhil2 .box{ margin:0 -15px;} #Content11 .zhil2 .img{ padding:0 15px;} #Content11 .zhil2 .la{ float:left; width:100%; position:relative; background:#fff; padding:20px; padding-bottom:0 !important;} #Content11 .zhil2 .pic{ float:left; width:100%; line-height:0;} #Content11 .zhil2 .tit{ float:left; width:100%; text-align:center; color:#333333; font-size:14px; line-height:26px; padding:17px 0; margin-top:30px; border-top:1px solid #e3e3e3; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;} #Content11 .zhil2 .la:hover .tit{ color:#00459b;} #Content11 .zhil2 .slick-dots{ height:14px; position:static; margin-top:40px;} #Content11 .zhil2 .slick-dots li{ width:14px; height:14px; border-radius:50%; margin:0 7px; vertical-align:top; background:#00459b; background:rgba(53,113,176,0.3);} #Content11 .zhil2 .slick-dots li:after{ float:left; width:8px; height:8px; padding:0; border-radius:50%; position:absolute; left:3px; top:3px; content:''; z-index:66;} #Content11 .zhil2 .slick-dots li.slick-active:after{ background:#00459b;} @media screen and (max-width:1430px){ #Content11 .zhil2 .box{ margin:0 -10px;} #Content11 .zhil2 .img{ padding:0 10px; } } @media screen and (max-width:1230px){ #Content11 .marginT{ margin:50px 0 60px 0;} #Content11 .aboutTit h1{ font-size:24px;} #Content11 .aboutTit span:before, #Content11 .aboutTit span:after{ width: 42%;} #Content11 .zhil2 .la{ padding:12px; } #Content11 .zhil2 .tit{ padding:10px 0; margin-top:15px; } #Content11 .zhil2 .slick-dots{ margin-top:30px;} } @media screen and (max-width:992px){ #Content11 .marginT{ margin:30px 0 40px 0;} #Content11 .aboutTit h1{ font-size:22px; line-height: 38px;} #Content11 .aboutTit span:before, #Content11 .aboutTit span:after{ width: 40%;} #Content11 .zhil2{ margin:20px 0 0 0;} #Content11 .zhil2 .box{ margin:0 -6px;} #Content11 .zhil2 .la{ padding:8px; } #Content11 .zhil2 .img{ padding:0 6px; } #Content11 .zhil2 .tit{ padding:8px 0; margin-top:12px;} #Content11 .zhil2 .slick-dots{ margin-top:20px; height:12px;} #Content11 .zhil2 .slick-dots li{ margin:0 5px; width:12px; height:12px; } #Content11 .zhil2 .slick-dots li:after{ width:6px; height:6px;} } @media screen and (max-width:768px){ #Content11 .marginT{ margin: 20px 0 30px 0;} #Content11 .aboutTit h1{ font-size:20px;} #Content11 .aboutTit span:before, #Content11 .aboutTit span:after{ width: 33%;} } #Content12 .porJJ{ float: left; width: 100%; padding:80px 0; background:#f5f5f5;} #Content12 .porJJ .li{ float: left; width: 100%; height:100%; position: relative;} #Content12 .porJJ .li .img{ float: left; width: 50%; font-size:0; line-height: 0;} #Content12 .porJJ .li .text{ float: left; right: 0; width: 50%; padding:0 3.78%; margin:2% 0; height:86%; position: absolute; overflow-y: auto;} #Content12 .porJJ .li .text .table{display: table; width:100%;height: 100%; color:#666666; font-size:16px; line-height:34px; } #Content12 .porJJ .li .text .cell{ display: table-cell; vertical-align: middle;} #Content12 .porJJ .li .text .cell .tit{ float: left; width: 100%; color:#00459b; font-size:32px; line-height:50px; position: relative; padding-bottom:22px;} #Content12 .porJJ .li .text .cell .tit:after{ position: absolute; content: ''; width: 48px; height:3px; background: #00459b; bottom: -2px; left: 0;} #Content12 .porJJ .li .text .cell .word{ float: left; width: 100%; margin-top:22px;} #Content12 .porJJ .nicescroll-rails{ right:8px !important;} #Content12 .porJJ .btn { height: 60px;line-height: 60px;border-radius: 60px;padding:0 25px;background: #00459b; float: left;border: 1px solid #00459b;margin-top:30px;} #Content12 .porJJ .btn p {color: #fff; font-size: 16px;text-align: center;} #Content12 .porJJ .btn:hover { background: transparent; } #Content12 .porJJ .btn:hover p { color: #00459b;} #Content12 .porJJ .btn b { font-size: 24px;} /*产品多级导航*/ #Content12 .leftnav{ float:left; width:22%; } .side_title{height:70px;line-height:70px;font-size:24px;color:#fff;padding-left:120px;background:#093579 url('../Images/sub_li.png') no-repeat 75px center;background-size:10%;} .sidenav{position: relative;width:100%;display: block; } .sidenav label {width:100%;display: block;padding-left: 55px;box-sizing: border-box; background: #128ee3;position: relative;height: 48px;line-height: 48px;color: #fff;font-size: 16px;} .sidenav label i {width: 30px;height: 30px;display: block;position: absolute;background-size: 20px;left: 25px;top: 16px;} .sidenav .side {display: inline-block;position: absolute;top: 0px;left: 0;z-index: 999;width: 100%;background: #f0f0f0;border-top: none;box-sizing: border-box;} .sidenav .side li {position: relative;width:85%;margin: auto; padding:5px 0px;border-bottom: 1px solid #dbdbdb;box-sizing: border-box} .sidenav ul.side li:first-child {cursor: pointer;} .sidenav .side li a {padding-left:5px; line-height: 54px;color: #00459b; font-size: 16px;font-weight: 600;display: block;} .sidenav .side li:hover {/*background: #00459b;*/} .sidenav .side li:hover a{color: #fff;} .sidenav .side li a:hover {/*background: #00459b;*/color: #fe4302;} .sidenav .side li a i {transition: all 0.3s ease 0s;} .sidenav .side li a i.side_t {margin-left:10px; width: 40px;height: 40px;display: inline-block;vertical-align: middle;background-size: 30px;} .sidenav .side li a:hover i {margin-left: 15px;} .sidenav .side li:hover .side_main {display: block;z-index: 999;} .sidenav .side .side_main {display: none;width: 600px;position: absolute;left: 100%;top:0;background:#fff; box-shadow: 0px 0px 10px #ddd;z-index: 7;} .sidenav .side .side_main dl {margin:0 20px;padding: 0; border-bottom: 1px solid #f0f0f0;} .sidenav .side .side_main dl dt {font-size: 18px;color: #0173b2;font-weight: bold;margin-top:10px;} .sidenav .side .side_main dl dt a{font-size: 15px;color: #0173b2;line-height: 24px;} .sidenav .side .side_main dl dt a:hover{background:none;} .sidenav .side .side_main dl dd {margin-bottom: 0px;display: inline-block;} .sidenav .side .side_main dl dd a {position: relative; display: inline-block;color: #777; line-height: 30px;font-size: 14px;transition: all 0.2s ease 0s;} .sidenav .side .side_main dl dd a:after { content: '|'; margin-left: 10px; margin-right: 4px; color: #e4e4e4; } .sidenav .side .side_main dl dd:last-child a:after { content: ''; margin-left: 10px; margin-right: 4px; color: #e4e4e4; } .sidenav .side .side_main dl dd a span {color: #999;} .sidenav .side .side_main dl dd a:hover {background: none;color: #cf1322;/*transform:translateY(-2px);*/} .sidenav .side .side_main dl dd a:hover b {color: #40adf5;} .sidenav .side .side_main dl dd a:hover span {color: #40adf5;} .sidenav .side li .side_main dl dd a.active {color: #cf1322;} .sidenav .side li a.active {color: #fe4302;} #Content12 .lingyu{ float:left; width:100%; margin:80px 0;} #Content12 .lingyu .title{ float:left; width:100%; color:#00459b; font-size:32px; line-height:32px; text-align:center; position:relative; padding-bottom:22px;margin-bottom:50px;} #Content12 .lingyu .title:after{ float:left; width:48px; height:3px; position:absolute; left:50%; bottom:2px; content:''; background:#00459b; margin-left:-24px;} #Content12 .lingyu .list{ float:right; width:75%; margin-top:10px;} #Content12 .lingyu .ul1{ margin:0 -15px;} #Content12 .lingyu .l1{ float:left; width:33.33%; padding:0 15px; margin-bottom:30px;} #Content12 .lingyu .la{ float:left; width:100%;} #Content12 .lingyu .img{ float:left; width:100%; position:relative; overflow:hidden; background:#fff;} #Content12 .lingyu .pic{ float:left; width:100%; 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;} #Content12 .lingyu .cont2{ float:left; width:100%; background:#f7f7f7; padding:25px 30px;} #Content12 .lingyu .cont2 .tit2{ text-align:center; width:100%; color:#363636; font-size:20px; line-height:30px;} #Content12 .lingyu .cont2 .info2{ float:left; width:100%; color:#999999; font-size:16px; line-height:26px; margin-top:5px;} #Content12 .lingyu .cont1{ float:left; width:100%; height:100%; display:flex;flex-direction: column;justify-content:center; position:absolute; left:0; top:0; padding:0 11.21%;-webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;opacity:0; filter:alpha(opacity=00); -webkit-transform: scale(0.8); -moz-transform: scale(0.8);transform: scale(0.8);} #Content12 .lingyu .cont1 .tit1{ float:left; width:136px; height:44px; color:#fff; font-size:16px; line-height:42px; background:#00459b; text-align:center; margin:28px 0 13px 0;} #Content12 .lingyu .cont1 .info1{ float:left; width:100%; color:#fff; font-size:16px; line-height:42px; /*height:210px; */overflow:hidden;} #Content12 .lingyu .la:hover .pic{ opacity:0.2; filter:alpha(opacity=20);} #Content12 .lingyu .la:hover .cont2 .tit2{ color:#00459b; } #Content12 .lingyu .la:hover .cont1{background:rgba(0,0,0,0.6); opacity:1; filter:alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1);transform: scale(1);} #Content12 .lingyu .la:hover .cont1 .tit1{ box-shadow:0 5px 10px rgba(0,0,0,0.2);} #Content12 .shipBg{ display:none; float:left; width:100%; height:100%; position:fixed; left:0; top:0; z-index:101; background:#000; opacity:0.5; filter:alpha(opacity=50); } #Content12 .shipPu{ display:none; float:left; width:100%; position:fixed; left:0; top:50%; z-index:102;-webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);} #Content12 .shipPu .box{ float:left; width:62%; background:#fff; position:relative; border-radius:12px; margin:0 19%; padding:45px 60px;} #Content12 .shipPu .tit1{ float:left; width:100%; text-align:center; color:#00459b; font-size:32px; line-height:42px;} #Content12 .shipPu .colse{ float:left; width:18px; height:18px; line-height:0; position:absolute; right:20px; top:20px;} #Content12 .shipPu .text{ float:left; width:100%; margin:30px 0 7px 0; color:#333333; font-size:18px; line-height:42px; padding-right:50px; overflow-y: auto; height:378px;} #Content12 .shipPu .word{ float:left; width:100%; } /*lingyu详情*/ #Content12 .lingyu .prodetail{ float:left; width:100%; margin:3% 0 5% 0;text-align:center; } @media screen and (max-width:1430px){ #Content12 .porJJ .li .text .table{ font-size:15px; line-height:30px; } #Content12 .porJJ .li .text .cell .tit{ font-size:24px; line-height:42px;padding-bottom:15px;} #Content12 .porJJ .li .text .cell .word{ margin-top:15px;} #Content12 .lingyu .ul1{ margin:0 -10px;} #Content12 .lingyu .l1{ padding:0 10px; margin-top:20px;} #Content12 .lingyu .cont2{ padding:15px 20px;} #Content12 .lingyu .cont1 .info1{ line-height:36px; height:180px;} #Content12 .lingyu .cont1 .tit1{ margin:20px 0 0 0;} #Content12 .shipPu .box{ width:72%; margin:0 14%;} } @media screen and (max-width:1230px){ #Content12 .porJJ .li .text{ padding:0 2.5%;} #Content12 .porJJ .li .text .cell .tit{ font-size:20px; line-height:30px;padding-bottom:10px;} #Content12 .porJJ .li .text .cell .word{ margin-top:10px;} #Content12 .porJJ .li .text .table{ font-size:14px; line-height:27px; } #Content12 .lingyu .cont1{ padding:0 15px;} #Content12 .lingyu .cont1 .info1{ font-size:14px; line-height:30px; height:150px;} #Content12 .lingyu .cont1 .tit1{ margin:16px 0 0 0; width:100px; height:34px; font-size:14px; line-height:32px;} #Content12 .lingyu .cont2{ padding:10px 12px;} #Content12 .lingyu .cont2 .tit2{ font-size:16px; line-height:26px;} #Content12 .lingyu .cont2 .info2{ font-size:14px; line-height:24px; margin-top:0;} #Content12 .shipPu .box{ width:82%; margin:0 9%; padding:30px;} #Content12 .shipPu .tit1{ font-size:24px; line-height:34px;} #Content12 .shipPu .text{ margin:15px 0 5px 0;font-size:16px; line-height:36px; height:360px; padding-right:30px; } } @media screen and (max-width:992px){ #Content12 .porJJ{ margin:0px 0;padding:0;} #Content12 .porJJ .li .text .table{ line-height:24px;} #Content12 .lingyu .title{ font-size:24px; line-height:27px; margin-top: 50px; padding-bottom:18px;} #Content12 .lingyu{ margin:0px;} #Content12 .lingyu .ul1{ margin:0 -6px;} #Content12 .lingyu .l1{ padding:0 6px; margin-top:12px;} #Content12 .lingyu .cont1 .info1{ line-height:26px; height:104px;} #Content12 .shipPu .box{ width:92%; margin:0 4%; padding:15px;} #Content12 .shipPu .tit1{ font-size:18px; line-height:28px;} #Content12 .shipPu .text{ font-size:14px; line-height:28px; height:280px; padding-right:15px;margin:5px 0 0 0; } #Content12 .shipPu .colse{ width:14px; height:14px; right:12px; top:12px;} } @media screen and (max-width:768px){ #Content12 .leftnav { display: none;} #Content12 .lingyu .list {width: 100%;} #Content12 .porJJ .li .img{ width: 100%;} #Content12 .porJJ .li .text{ width: 96%; position: static;overflow-y: hidden; } #Content12 .lingyu .l1{ float:left; width:50%;} #Content12 .lingyu .cont1 .info1{ line-height:24px; height:48px;} #Content12 .porJJ .btn {width: 100%;margin-top: 10px;height: 40px;line-height: 40px;} #Content12 .porJJ .btn b { font-size: 20px;} } #Content12 .zhil2{ float:left; width:100%; } #Content12 .zhil2 .box{ margin:0 -15px;} #Content12 .zhil2 .img{ padding:0 15px;} #Content12 .zhil2 .la{ float:left; width:100%; position:relative; padding:20px; padding-bottom:0 !important;} #Content12 .zhil2 .pic{ float:left; width:100%; line-height:0;} #Content12 .zhil2 .slick-dots{ height:14px; position:static; margin-top:20px;} #Content12 .zhil2 .slick-dots li{ width:14px; height:14px; border-radius:50%; margin:0 7px; vertical-align:top; background:#00459b; background:rgba(53,113,176,0.3);} #Content12 .zhil2 .slick-dots li:after{ float:left; width:8px; height:8px; padding:0; border-radius:50%; position:absolute; left:3px; top:3px; content:''; z-index:66;} #Content12 .zhil2 .slick-dots li.slick-active:after{ background:#00459b;} @media screen and (max-width:1430px){ #Content12 .zhil2 .box{ margin:0 -10px;} #Content12 .zhil2 .img{ padding:0 10px; } } #Content13 .zhil1{ float:left; width:100%; margin:72px 0 80px 0;} #Content13 .zhil1 .tit1{ float:left; width:100%; text-align:center; color:#00459b; font-size:36px; line-height:46px;} #Content13 .zhil1 .line{ float:left; width:100%; margin:24px 0 32px 0;} #Content13 .zhil1 .line span{ display:block; margin:0 auto; width:48px; height:2px; background:#00459b;} #Content13 .zhil1 .cont{ float:left; width:100%; color:#333333; font-size:16px; line-height:32px; padding:0 11.85%;} #Content13 .zhil1 .info{ float:left; width:100%; text-align:center; color:#333333; font-size:16px; line-height:26px; margin:43px 0 36px 0;} #Content13 .zhil1 .info .sp{ display:inline-block; vertical-align:top; border:1px solid #eeeeee; border-radius:8px; padding:18px 16px;} #Content13 .zhil1 .info .wl{ margin:0 30px;} #Content13 .zhil1 .info .i{ display:inline-block; vertical-align:top; position:relative; width:24px; height:24px; border-radius:50%; border:1px solid #c3c3c3; margin:1px 9px 0 0;} #Content13 .zhil1 .box{ float:left; width:85.7%; position:relative; margin:0 6.35%;} #Content13 .zhil1 .box .img{ display:block; margin:220px auto; width:480px; height:480px; border-radius:50%; overflow:hidden; border:8px solid #00459b; border:8px solid rgba(53,113,176,0.3);} #Content13 .zhil1 .box .l1{ float:left; width:198px; border-radius:8px; box-shadow:0 3px 8px rgba(0,0,0,0.1); position:absolute;} #Content13 .zhil1 .box .pic{ float:left; width:100%; padding:17px; padding-bottom:0 !important; line-height:0; z-index:5;} #Content13 .zhil1 .box .tit{ float:left; width:100%; color:#00459b; font-size:16px; line-height:27px; font-weight:bold; text-align:center; padding:12px 17px; z-index:5;} #Content13 .zhil1 .box .i{ display:inline-block; vertical-align:top; position:relative; width:18px; height:18px; border-radius:50%; border:1px solid #00459b; margin:5px 0 0 6px;} #Content13 .zhil1 .box .ico{ float:left; position:absolute; width:60px; height:60px; line-height:0; z-index:6;} @media screen and (max-width:1430px){ #Content13 .zhil1 .tit1{ font-size:28px; line-height:38px;} #Content13 .zhil1 .cont{ font-size:15px; line-height:30px; padding:0;} #Content13 .zhil1 .box{ width:64%; margin:0 18%;} #Content13 .zhil1 .box .img{ margin:150px auto; width:300px; height:300px;border:5px solid #00459b; border:5px solid rgba(53,113,176,0.3);} #Content13 .zhil1 .box .l1{ width:135px;} #Content13 .zhil1 .box .tit{ font-size:14px; line-height:24px; padding:6px 8px;} #Content13 .zhil1 .box .i{ width:14px; height:14px; margin:5px 0 0 4px;} #Content13 .zhil1 .box .pic{ padding:8px;} #Content13 .zhil1 .box .ico{ width:36px; height:36px;} } @media screen and (max-width:1230px){ #Content13 .zhil1 .tit1{ font-size:20px; line-height:30px;} #Content13 .zhil1 .line{ margin:12px 0 15px 0;} #Content13 .zhil1 .info{ font-size:14px; line-height:22px;} #Content13 .zhil1 .info .sp{ padding:10px 15px;} #Content13 .zhil1 .info .wl{ margin:0 15px;} #Content13 .zhil1 .info .i{ width:18px; height:18px; margin:2px 5px 0 0;} #Content13 .zhil1 .cont{ font-size:14px; line-height:28px;} #Content13 .zhil1 .box{ width:76%; margin:0 12%;} #Content13 .zhil1 .box .l1{ width:125px;border-radius:5px;} #Content13 .zhil1 .box .img{ margin:140px auto; } #Content13 .zhil1 .box .pic{ padding:5px;} #Content13 .zhil1 .box .tit{ padding:5px;} } @media screen and (max-width:992px){ #Content13 .zhil1{ margin:30px 0;} #Content13 .zhil1 .info{ margin:15px 0 20px 0;} #Content13 .zhil1 .info .wl{ margin:0 5px;} #Content13 .zhil1 .box .img{ width:100%; height:auto;border:none; margin:0 0 20px 0;} #Content13 .zhil1 .box .img img{ width:280px; height:280px; margin:0 auto; display:block; border:6px solid #00459b; border:6px solid rgba(53,113,176,0.3); border-radius:50%;} #Content13 .zhil1 .box .l1{ position:static; margin:0 1% 2% 1%; width:31.33%;} } @media screen and (max-width:768px){ #Content13 .zhil1 .info{ font-size:14px; line-height:22px;} #Content13 .zhil1 .line span{ width:36px; height:1px;} #Content13 .zhil1 .box .l1{ width:48%;} #Content13 .zhil1 .box .img img{ width:220px; height:220px; border:4px solid #00459b; border:4px solid rgba(53,113,176,0.3);} } /*zhil2*/ #Content14 .zhil2{ float:left; width:100%; margin:99px 0 80px 0;} #Content14 .zhil2 .box{ margin:0 -15px;} #Content14 .zhil2 .img{ padding:7px 15px; line-height:0;} #Content14 .zhil2 .la{ float:left; width:100%; position:relative; border:1px solid #e1e1e1; background:#00459b;} #Content14 .zhil2 .pic{ float:left; width:100%; line-height:0;-webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #Content14 .zhil2 .tit{ float:left; width:73%; color:#fff; font-size:20px; line-height:30px; position:absolute; left:13.5%; bottom:150%; text-align:center;border-bottom:1px dashed #fff; border-bottom:1px dashed rgba(255,255,255,0.6); margin-bottom:23px; padding-bottom:29px;-webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #Content14 .zhil2 .ico{ float:left; width:100%; position:absolute; left:0; top:150%; margin-top:7px;-webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #Content14 .zhil2 .ico img{ display:block; margin:0 auto; width:70px; height:70px;} #Content14 .zhil2 .la:hover .pic{opacity:0.1; filter:alpha(opacity=10);} #Content14 .zhil2 .la:hover .tit{ bottom:50%;} #Content14 .zhil2 .la:hover .ico{ top:50%;} #Content14 .zhil2 .slick-dots{ height:12px; position:static; margin-top:40px;} #Content14 .zhil2 .slick-dots li{ width:12px; height:12px; border-radius:50%; margin:0 9px; vertical-align:top; background:#00459b; opacity:0.2; filter:alpha(opacity=20);} #Content14 .zhil2 .slick-dots li.slick-active{ opacity:1; filter:alpha(opacity=100);} #Content14 .zhil1{ float:left; width:100%; margin:72px 0 0 0;} #Content14 .zhil1 .tit1{ float:left; width:100%; text-align:center; color:#00459b; font-size:36px; line-height:46px;} #Content14 .zhil1 .line{ float:left; width:100%; margin:24px 0 30px 0;} #Content14 .zhil1 .line span{ display:block; margin:0 auto; width:48px; height:2px; background:#00459b;} #Content14 .zhil1 .info{ float:left; width:100%; text-align:center; color:#00459b; font-size:18px; line-height:29px;} #Content14 .zhil1 .info .sp{ display:inline-block; vertical-align:top; background:#00459b; background:rgba(53,113,176,0.2); padding:10px 26px;} #Content14 .zhil1 .cont{ float:left; width:100%; color:#333333; font-size:16px; line-height:32px; margin-top:60px;} #Content14 .zhil1 .cont .p1{ float:left; width:48.92%; margin-top:17px;} #Content14 .zhil1 .cont .img{ float:right; width:43%; line-height:0; position:relative; margin:40px 40px 0 0;} #Content14 .zhil1 .cont .img:after{ float:left; width:100%; height:100%; position:absolute; right:-40px; top:-40px; content:''; border:1px solid #00459b;} #Content14 .zhil1 .cont .img img{ position:relative; z-index:5;} @media screen and (max-width:1430px){ #Content14 .zhil2 .box{ margin:0 -10px;} #Content14 .zhil2 .img{ padding:7px 10px; } #Content14 .zhil2 .tit{ width:80%; font-size:18px; line-height:28px; left:10%; margin-bottom:12px; padding-bottom:15px;} #Content14 .zhil2 .ico img{ width:50px; height:50px;} #Content14 .zhil1 .tit1{ font-size:28px; line-height:38px;} #Content14 .zhil1 .cont{ font-size:15px; line-height:30px;} #Content14 .zhil1 .cont .p1{ margin-top:0;} #Content14 .zhil1 .cont .img{ width:45%; margin:20px 20px 0 0;} #Content14 .zhil1 .cont .img:after{ right:-20px; top:-20px; } } @media screen and (max-width:1230px){ #Content14 .zhil1{ margin:25px 0 0 0;} #Content14 .zhil1 .tit1{ font-size:20px; line-height:30px;} #Content14 .zhil1 .line{ margin:12px 0 15px 0;} #Content14 .zhil1 .info{ font-size:16px; line-height:24px;} #Content14 .zhil1 .info .sp{ padding:6px 15px;} #Content14 .zhil1 .cont{ font-size:14px; line-height:28px;} } @media screen and (max-width:992px){ #Content14 .zhil2{ margin:20px 0 30px 0;} #Content14 .zhil2 .box{ margin:0 -6px;} #Content14 .zhil2 .img{ padding:0 6px; } #Content14 .zhil2 .tit{ width:80%; font-size:16px; line-height:26px; left:10%; margin-bottom:8px; padding-bottom:10px;} #Content14 .zhil2 .ico{ margin-top:5px;} #Content14 .zhil2 .ico img{ width:40px; height:40px;} #Content14 .zhil2 .slick-dots{ height:10px; margin-top:20px;} #Content14 .zhil2 .slick-dots li{ width:10px; height:10px; margin:0 5px; } #Content14 .zhil1 .cont .p1{ width:100%; margin-top:16px;} #Content14 .zhil1 .cont{ margin-top:16px;} #Content14 .zhil1 .cont .img{ width:95%; margin:5% 5% 0 0;} #Content14 .zhil1 .cont .img:after{ right:-5%; top:-5%; } } @media screen and (max-width:768px){ #Content14 .zhil1 .info{ font-size:14px; line-height:22px;} #Content14 .zhil1 .info .sp{ padding:5px 10px;} #Content14 .zhil1 .line span{ width:36px; height:1px;} } /**/ #Content15 .yanjiu{ width:100%; float:left; margin:60px 0;} #Content15 .yanjiu .l1{ float:left; width:100%; background:#f3f5f8; margin:20px 0;} #Content15 .yanjiu .l1 a{ float:left; width:100%; position:relative; overflow:hidden;} #Content15 .yanjiu .l1 .img{ float:left; width:447px; height:376px; line-height:0; overflow:hidden; position:absolute; left:0; top:0;} #Content15 .yanjiu .l1 .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;} #Content15 .yanjiu .l1:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} #Content15 .yanjiu .l1 .text{ float:right; width:51.14%; margin:15px 7.85% 15px 0; height:346px; display:flex;flex-direction: column;justify-content:center;align-items:center; } #Content15 .yanjiu .l1 .tit1{ width:100%; float:left; font-size:24px; color:#0e6eb8; line-height:34px;} #Content15 .yanjiu .l1 .tit2{ width:100%; float:left; font-size:14px; color:#999999; line-height:24px; font-style:italic;} #Content15 .yanjiu .l1 .p{ float:left; width:100%; font-size:16px; color:#4c4c4c; line-height:36px; margin-top:30px;} #Content15 .yanjiu .l2 .img{ left:auto; right:0; width:477px; height:401px;} #Content15 .yanjiu .l2 .text{ float:left; height:371px; margin:15px 0 15px 5.14%; width:56.28%;} @media screen and (max-width:1430px){ #Content15 .yanjiu .l1 .text{width:52%; margin:15px 3.5% 15px 0; height:346px;} #Content15 .yanjiu .l2 .text{ height:371px; margin:15px 0 15px 3.5%; width:52%;} #Content15 .yanjiu .l1 .p{ line-height:30px; margin-top:15px;} } @media screen and (max-width:1230px){ #Content15 .yanjiu .l1 .text{width:46%; margin:15px 2.5% 15px 0; height:346px;} #Content15 .yanjiu .l2 .text{ height:371px; margin:15px 0 15px 2.5%; width:46%;} #Content15 .yanjiu .l1 .p{ font-size:14px; line-height:28px; margin-top:5px;} } @media screen and (max-width:992px){ #Content15 .yanjiu{ margin:23px 0;} #Content15 .yanjiu .l1{ margin:7px 0;} #Content15 .yanjiu .l1 .img{ width:100%; height:auto; position:static;} #Content15 .yanjiu .l1 .tit1{ font-size:18px; line-height:28px;} #Content15 .yanjiu .l1 .text{width:100%; margin:15px 0; padding:0 15px; height:auto;} #Content15 .yanjiu .l2 .text{ height:auto; margin:15px 0; width:100%; padding:0 15px;} } } @media screen and (max-width:768px){ } #Content16 .anquan1{ width:100%; float:left; margin:80px 0;} #Content16 .anquan1 .l1{ float:left; width:100%; position:relative; background:#00459b;} #Content16 .anquan1 .img{ float:right; width:50%; line-height:0;} #Content16 .anquan1 .cont{ float:left; width:50%; padding:3% 7.14%; display:flex;flex-direction: column;justify-content:center; min-height:482px;} #Content16 .anquan1 .tit1{ float:left; width:100%; color:#fff; font-size:32px; line-height:42px; margin-bottom:7px;} #Content16 .anquan1 .line{ float:left; width:72px; height:2px; background:#fff; margin:27px 0;} #Content16 .anquan1 .p{ float:left; width:100%; color:#fff; font-size:16px; line-height:40px;} #Content16 .anquan2{ width:100%; float:left;} #Content16 .anquan2 .l1{ float:left; width:100%; line-height:0; margin-bottom:80px;} @media screen and (max-width:1430px){ #Content16 .anquan1 .cont{ padding:2% 4%; min-height:402px;} #Content16 .anquan1 .tit1{ font-size:26px; line-height:36px;} #Content16 .anquan1 .line{ margin:24px 0;} #Content16 .anquan1 .p{ font-size:16px; line-height:36px;} #Content16 .anquan2 .l1{ margin-bottom:60px;} } @media screen and (max-width:1230px){ #Content16 .anquan1{ margin:60px 0;} #Content16 .anquan1 .cont{ padding:2% 4%; min-height:331px;} #Content16 .anquan1 .tit1{ font-size:20px; line-height:30px;} #Content16 .anquan1 .line{ margin:15px 0;} #Content16 .anquan1 .p{ font-size:14px; line-height:30px;} #Content16 .anquan2 .l1{ margin-bottom:30px;} } @media screen and (max-width:992px){ #Content16 .anquan1{ margin:30px 0;} #Content16 .anquan1 .cont{ width:100%; padding:15px; min-height:inherit;} #Content16 .anquan1 .tit1{ font-size:20px; line-height:30px; margin-bottom:2px;} #Content16 .anquan1 .img{ width:100%;} #Content16 .anquan1 .line{ margin:10px 0; width:60px; height:1px;} #Content16 .anquan1 .p{ font-size:14px; line-height:28px;} #Content16 .anquan2{ margin-bottom:15px;} #Content16 .anquan2 .l1{ margin-bottom:15px;} } @media screen and (max-width:768px){ #Content16 .anquan1{ margin:30px 0 15px 0;} } /**/ #Content17{ width:100%;float: left;} /*#Content17 .base_main dl{ width:100%;} #Content17 .base_main dl { display: table; margin-bottom: 30px; background: #fff} #Content17 .base_main dl:hover dd span a {text-decoration: underline} #Content17 .base_main dl:hover dd .more { background: #036ffc;color: #fff} #Content17 .base_main dl:hover dt img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1) } #Content17 .base_main dl dd { float: left; width: 50%; padding: 60px 75px 20px 25px} #Content17 .base_main dl dd .tit1{ float:left; width:100%; color:#333; font-size:32px;font-weight: bold; line-height:42px; margin-bottom:3px; margin-top:2px;} #Content17 .base_main dl dd .tit1 span {font-size: 5.1rem; color:#00459b;font-style: italic; margin-right: 1.1rem;} #Content17 .base_main dl dd .line{ float:left; width:72px; height:2px; background:#00459b; margin:22px 0;} #Content17 .base_main dl dd .p{ float:left; width:100%; color:#333333; font-size:16px; line-height:32px;} #Content17 .base_main dl dd .more {float:left;color: #fff; background: #00459b;border-radius: 54px; width: 250px;height: 50px;margin: 30px 0 0;line-height: 50px;text-align: center;display: block; font-size: 16px; } #Content17 .base_main dl dt {float: left;width:50%;overflow: hidden;position: relative} #Content17 .base_main dl dt img {-webkit-transition: .4s ease-out;-webkit-transition: -webkit-transform .4s ease-out; transition: transform .4s ease-out} #Content17 .base_main .li_odd dd {float: right; } #Content17 .base_main .li_odd{float: right; padding: 70px 0;background:#f5f5f5;}*/ #products{padding: 90px 0 50px;background: #f7f7f7;} #products .title-box .title-cn{font-size: 36px;color: #333;font-weight: 700;margin-bottom: 5px;} #products .title-box .title-en{font-size: 12px;color: #333;} #products .content{margin-top: 70px;} #products .content .li{width: 32.142%;background: #fff;margin-bottom: 30px;padding: 75px 0 40px;} #products .content .li:nth-child(1), #products .content .li:nth-child(4){width: 66.071%;flex-direction: row-reverse;align-items: center;justify-content: space-around;padding-right: 100px;} #products .content .li .text{margin-bottom: 40px;} #products .content .li:nth-child(1) .text, #products .content .li:nth-child(4) .text{margin-bottom: 0;} #products .content .li .text .t1{font-size: 36px;color: #333;font-family: "MiM";} #products .content .li .text .t2{font-size: 18px;color: #333;} #products .content .li .text .t3{font-size: 14px;color: #999;padding-right: 17px;background: url(../images/detail-icon2.png) no-repeat right;margin-top: 28px;} #products .content .li .pic{width: 84.444%;margin: 0 auto;} #products .content .li:nth-child(1) .pic, #products .content .li:nth-child(4) .pic{width: 46.739%;margin: 0;} #products .content .li:hover{box-shadow: 0 0 20px 0 rgba(0,0,0,.1);} #products .content .li:hover .text .t3{background-image: url(../images/detail-icon2-h.png);color: #000;text-decoration: underline;} @media (max-width: 750px){ #products{padding: 60px 0 30px;} #products .title-box .title-cn{font-size: 48px;} #products .title-box .title-en{font-size: 24px;} #products .content{margin-top: 60px;} #products .content .li{width: 100%;padding: 40px 0;} #products .content .li:nth-child(1), #products .content .li:nth-child(4){width: 100%;display: block;padding-right: 0;} #products .content .li .text{margin-bottom: 40px;} #products .content .li:nth-child(1) .text, #products .content .li:nth-child(4) .text{margin-bottom: 40px;} #products .content .li .text .t1{font-size: 36px;margin-bottom: 5px;} #products .content .li .text .t2{font-size: 26px;} #products .content .li .text .t3{font-size: 26px;padding-right: 17px;background: url(/images/detail-icon2.png) no-repeat right;margin-top: 28px;} #products .content .li .pic{width: 84.444%;margin: 0 auto;} #products .content .li:nth-child(1) .pic, #products .content .li:nth-child(4) .pic{width: 84.444%;margin: 0 auto;} } @media screen and (max-width:1430px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ } /*anquan2*/ #Content18 .anquan2{ float:left; width:100%; background:#f6f6f6; padding:80px 3.21%; margin:40px 0;} #Content18 .anquan2 .title{ float:left; width:100%; text-align:center;} #Content18 .anquan2 .title .tit1{ float:left; width:100%; color:#00459b; font-size:24px; line-height:30px;} #Content18 .anquan2 .title .tit1 span{ position:relative; padding:0 40px;} #Content18 .anquan2 .title .tit1 span:after, #Content18 .anquan2 .title .tit1 span:before{ float:left; width:24px; height:2px; background:#00459b; position:absolute; left:0; top:50%; margin-top:-1px; content:'';} #Content18 .anquan2 .title .tit1 span:before{ left:auto; right:0;} #Content18 .anquan2 .title .tit2{ float:left; width:100%; color:#999999; font-size:16px; line-height:22px; text-transform:uppercase; margin-top:14px;} #Content18 .anquan2 .box{ float:left; width:100%; margin:30px 0 0 0;} #Content18 .anquan2 .box .img{ padding:7px 15px; line-height:0;} #Content18 .anquan2 .box .slick-dots{ height:12px; position:static; margin-top:33px;} #Content18 .anquan2 .box .slick-dots li{ width:12px; height:12px; border-radius:50%; margin:0 9px; vertical-align:top; background:#d1d1d1;} #Content18 .anquan2 .box .slick-dots li.slick-active{ background:#00459b;} @media screen and (max-width:1430px){ #Content18 .anquan2 .box .img{ padding:7px 10px; } } @media screen and (max-width:1230px){ } @media screen and (max-width:992px){ #Content18 .anquan2{ margin:20px 0; padding:30px 10px; } #Content18 .anquan2 .title .tit1{ font-size:18px; line-height:24px;} #Content18 .anquan2 .title .tit1 span{ padding:0 30px;} #Content18 .anquan2 .title .tit1 span:after, #Content18 .anquan2 .title .tit1 span:before{width:16px; height:1px;} #Content18 .anquan2 .title .tit2{ font-size:14px; line-height:20px;margin-top:5px;} #Content18 .anquan2 .box{ margin:12px 0 0 0;} #Content18 .anquan2 .box .img{ padding:6px; } #Content18 .anquan2 .box .slick-dots{ height:10px; margin-top:15px;} #Content18 .anquan2 .box .slick-dots li{ width:10px; height:10px; margin:0 5px; } } @media screen and (max-width:768px){ } /*anquan3*/ #Content19 .anquan3{ float:left; width:100%; margin-bottom:68px;} #Content19 .anquan3 .ul1{ margin:0 -15px;} #Content19 .anquan3 .l1{ float:left; width:50%; padding:0 15px; margin-bottom:12px;} #Content19 .anquan3 .la{ float:left; width:100%; background:#f6f6f6; position:relative; padding:41px 30px 38px 192px;} #Content19 .anquan3 .img{ float:left; width:62px; height:62px; position:absolute; left:70px; top:44px;} #Content19 .anquan3 .tit1{ float:left; width:100%; color:#333333; font-size:24px; line-height:34px;} #Content19 .anquan3 .p{ float:left; width:100%; color:#333333; font-size:16px; line-height:32px; margin-top:19px;} @media screen and (max-width:1430px){ #Content19 .anquan3 .ul1{ margin:0 -10px;} #Content19 .anquan3 .l1{ padding:0 10px;} #Content19 .anquan3 .la{ padding:41px 30px 38px 122px;} #Content19 .anquan3 .img{ left:30px; top:44px; width:56px; height:56px;} } @media screen and (max-width:1230px){ #Content19 .anquan3 .la{ padding:25px 15px 25px 82px;} #Content19 .anquan3 .img{ left:20px; top:30px; width:46px; height:46px;} #Content19 .anquan3 .tit1{ font-size:18px; line-height:28px;} #Content19 .anquan3 .p{ font-size:14px; line-height:28px; margin-top:10px;} } @media screen and (max-width:992px){ #Content19 .anquan3{ margin-bottom:18px;} #Content19 .anquan3 .ul1{ margin:0 -6px;} #Content19 .anquan3 .l1{ padding:0 6px;} #Content19 .anquan3 .p{ line-height:26px; margin-top:5px;} } @media screen and (max-width:768px){ #Content19 .anquan3 .l1{ width:100%;} } #Content20 .guanli{ float:left; width:100%; margin:0px 0 0px 0;} #Content20 .guanli .img{ float:left; width:100%; line-height:0;} #Content20 .guanli .cont{ float:left; width:100%; margin:80px 0 0 0;} #Content20 .guanli .cont .ul1{ margin:0 -15px;} #Content20 .guanli .cont .l1{ float:left; width:20%; padding:6px 15px;} #Content20 .guanli .cont .la{ float:left; width:100%; box-shadow:0 0 16px rgba(0,0,0,0.3); text-align:center; padding:15px 5px 8px 5px;} #Content20 .guanli .cont .ico{ float:left; width:100%; line-height:0;} #Content20 .guanli .cont .ico img{ display:block; margin:0 auto; width:62px; height:62px;} #Content20 .guanli .cont .tit2{ float:left; width:100%; color:#fff; font-size:16px; line-height:24px; min-height:32px; margin-top:23px;} #Content20 .guanli .cont .la:hover,#Content20 .guanli .cont .la.on{ box-shadow:0 0 16px rgba(1,203,254,0.3); } #Content20 .guanli .cont .la:hover .tit2,#Content20 .guanli .cont .tit2.on{ color:#01cbfe } #Content20 .guanli .cont .la:hover .ico 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);} @media screen and (max-width:1430px){ } @media screen and (max-width:1230px){ #Content20 .guanli .cont .ul1{ margin:0 -10px;} #Content20 .guanli .cont .l1{ padding:6px 10px;} } @media screen and (max-width:992px){ #Content20 .guanli{ margin:25px 0 30px 0;} #Content20 .guanli .cont .ul1{ margin:0 -6px;} #Content20 .guanli .cont .l1{ padding:6px 6px;} #Content20 .guanli .cont{ margin:15px 0;} #Content20 .guanli .cont .la{ padding:20px 5px 4px 5px;} #Content20 .guanli .cont .tit2{ font-size:14px; line-height:20px; min-height:40px; margin-top:8px;} } @media screen and (max-width:768px){ #Content20 .guanli .cont .l1{ width:25%;} } /**/ #Content21 .joinBox{ float:left; width:100%; padding:58px 0 0px 0;} #Content21 .joinBox .topText{ float:left; width:100%; font-size:16px; line-height:32px; color:#333333;} #Content21 .m2gzCon1 { max-width: 1130px; padding: 50px 15px 66px; margin: 0px auto; text-align: center;} #Content21 .joinBox .topText h2{ font-size:36px; padding-bottom:32px; color:#00459b;} #Content21 .joinBox .topText .color{color:#00459b;} #Content21 .joinBox .topText .img{ float:right; margin:0 0 0 55px;} #Content21 .joinLT{display:none;} #Content21 .join{ float:left; width:100%; margin-top:80px;} #Content21 .joinL{width:23.21%; float:left;} #Content21 .joinList .list{padding:0 11%; line-height: 47px; background:#f4f4f4; margin-bottom:15px; cursor: pointer;} #Content21 .joinList .list .H5{font-size:16px; color:#333333; display: inline-block; vertical-align: middle;} #Content21 .joinList .list:last-child{margin:0; } #Content21 .joinRBox{width:74.14%; float:right; position: relative;} #Content21 .joinRBox .trangle{ float:left; width:0; height:0; content:''; position: absolute; top:20px; left: -7px; line-height: 0; border-top: 7px solid transparent; border-bottom:7px solid transparent;border-right: 8px solid #00459b; } #Content21 .joinR .listT{ float:left; width:100%; background-color:#00459b; padding:12px 12px 12px 30px;} #Content21 .joinR .listT .H5{font-size:16px; color:#fff; line-height: 30px; min-width:24.24%; margin-right:1%; float:left;} #Content21 .joinR .listT .H5:nth-child(4n){margin-right:0;} #Content21 .joinR .listT .H5 .bold{font-weight:bold;} #Content21 .joinR .listD{ float:left; width:100%; background:#f4f4f4; padding:22px 30px 32px 30px;} #Content21 .joinR .listD .text{ float:left; width:100%; font-size:14px; line-height: 30px; color:#333333;} #Content21 .joinR .listD .text .H5{display:inline-block; font-weight: bold; line-height: 40px;} #Content21 .joinR .listD .apply{ float:left; width:140px; height:44px; line-height:42px; text-align: center; background-color:#00459b; font-size:16px; color:#fff; margin-top:50px; cursor: pointer;} #Content21 .joinR .listD .apply:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);} @media screen and (max-width:1430px){ #Content21 .joinBox .topText .img{ margin:0 0 0 25px;} #Content21 .joinBox .topText{ font-size:15px; line-height:28px;} } @media screen and (max-width:1230px){ #Content21 .joinR .listT{ padding:12px 12px 12px 20px;} #Content21 .joinList .list .H5, #Content21 .joinR .listT .H5{font-size:14px;} #Content21 .joinList .list{padding:0 8%;} #Content21 .joinR .listD{ padding:15px 20px 32px 20px;} #Content21 .joinR .listD .apply{ margin-top:40px;} } @media screen and (max-width:992px){ #Content21 .joinBox .topText .img{ margin:0 0 0 15px;} #Content21 .joinList .list{padding:0 15px;} #Content21 .joinR .listD .apply{ margin-top:25px;} } @media screen and (max-width:768px){ #Content21 .joinBox .topText h2 {font-size: 24px;} #Content21 .joinBox .topText .img{ margin:0 0 15px 0; width:100%;} #Content21 .m2gzCon1 {padding: 50px 15px 6px;} #Content21 .joinList .list:hover{background-color:#00459b; color:#fff;} #Content21 .joinList .list:hover .H5{color:#fff;} #Content21 .joinList .list.hover{background-color:#00459b; color:#fff;} #Content21 .joinList .list.hover .H5{color:#fff;} #Content21 .joinBox{padding:30px 0;} #Content21 .joinBox .topText{font-size:14px; line-height: 24px;text-align: justify;} #Content21 .join{margin-top:30px;} #Content21 .joinL{width:100%; position: relative;} #Content21 .joinLT{display:block; background-color:#00459b; position: relative;} #Content21 .joinLT .H5{font-size:16px; line-height: 40px; padding:0 30px 0 10px; color:#fff;} #Content21 .joinLT .ico{width:24px; height: 24px; position: absolute; top:8px; right:10px; #Content21 -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} #Content21 .joinLT.active .ico{transform:rotate(180deg);} #Content21 .joinScroll{ float:left; width:100%; height:269px; overflow-y: auto; top:40px; position: absolute;left: 0; width:100%; display: none; z-index: 2;} #Content21 .joinList .list{margin-bottom:0; line-height: 36px; font-size:13px; border-bottom:1px solid #fff;} #Content21 .joinRBox .trangle{display:none;} #Content21 .joinRBox{width:100%; margin-top:20px;} #Content21 .joinR .listT .H5{ min-width:48%; margin-right:4%; line-height:24px;} #Content21 .joinR .listT .H5:nth-child(4n){ margin-right:4%;} #Content21 .joinR .listT .H5:nth-child(2n){ margin-right:0;} #Content21 .joinR .listD{padding:10px 10px 20px 10px;} #Content21 .joinR .listD .apply{margin-top:20px;} #Content21 .joinR .listD .text{font-size:13px; line-height: 24px;} } /**/ #List2 .ship{ float:left; width:100%; overflow:hidden; margin-top:50px;} #List2 .ship .ul{ margin:0 -15px;} #List2 .ship .l1{ float:left; width:33.33%; padding:0 15px; margin-top:30px;} #List2 .ship .la{ float:left; width:100%; position:relative;} #List2 .ship .la .img{ float:left; width:100%; line-height:0;} #List2 .ship .la .bg{ float:left; width:100%; height:100%; position:absolute; left:0; bottom:0; z-index:1;} #List2 .ship .la .tit{ float:left; width:100%; text-align:center; position:absolute; left:0; bottom:15px; z-index:2; color:#fff; font-size:18px; line-height:28px; padding:0 10px;} #List2 .ship .la .palay{ float:left; width:56px; height:56px; margin:-28px 0 0 -28px; position:absolute; left:50%; top:50%; z-index:2; border:1px solid #fff; border-radius:50%; background:rgba(4,0,0,0.2);} #List2 .shipBg{ display:none; float:left; width:100%; height:100%; position:fixed; left:0; top:0; z-index:101; background:#000; opacity:0.8; filter:alpha(opacity=80); } #List2 .shipPu{ display:none; float:left; width:100%; position:fixed; left:0; top:50%; z-index:102;-webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } #List2 .shipPu .cont{ float:left; width:100%; position:relative;} #List2 .shipPu .colse{ float:left; width:30px; height:30px; background:#00459b; border-radius:50%; color:#fff; font-size:24px; line-height:26px; text-align:center; position:absolute; right:0; top:30px; transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg); z-index:6;} #List2 .shipPu .tit1{ float:left; width:100%; text-align:center; color:#fff; font-size:36px; line-height:36px; padding-bottom:34px; position:relative;} #List2 .shipPu .tit1:after{ float:left; width:66px; height:3px; margin-left:-33px; background:#fff; position:absolute; left:50%; bottom:0; content:'';} #List2 .shipPu video{ float:left; width:100%; margin-top:3.57%;} @media screen and (max-width:1430px){ #List2 .ship .ul{ margin:0 -10px;} #List2 .ship .l1{ padding:0 10px; margin-top:20px;} #List2 .shipPu .tit1{ font-size:30px; line-height:30px; padding-bottom:28px;} #List2 .shipPu .tit1:after{ width:44px; height:2px; margin-left:-22px;} } @media screen and (max-width:1230px){ } @media screen and (max-width:992px){ #List2 .ship{ margin-top:18px;} #List2 .ship .ul{ margin:0 -6px;} #List2 .ship .l1{ padding:0 6px; margin-top:12px;} #List2 .ship .la .palay{ width:36px; height:36px; margin:-18px 0 0 -18px; } #List2 .ship .la .tit{ bottom:5px; font-size:16px; line-height:26px;} #List2 .shipPu .tit1{ font-size:20px; line-height:20px; padding-bottom:16px;} #List2 .shipPu .tit1:after{ width:44px; height:2px; margin-left:-22px;} #List2 .shipPu .colse{ width:24px; height:24px; font-size:18px; line-height:22px; top:15px;} } @media screen and (max-width:768px){ #List2 .ship .l1{ width:50%; } #List2 .shipPu video{ margin-top:20px;} } /**/ #List3 .yuango{ float:left; width:100%; margin-top:50px;} #List3 .yuango .ul{ margin:0 -15px;} #List3 .yuango .l1{ float:left; width:33.33%; padding:0 15px; margin-top:30px;} #List3 .yuango .la{ float:left; width:100%; position:relative; box-shadow:0 3px 16px rgba(0,0,0,0.1);} #List3 .yuango .la .img{ float:left; width:100%; line-height:0;} #List3 .yuango .la .tit{ float:left; width:100%; text-align:center; color:#00459b; font-size:20px; line-height:40px; padding:16px 10px;} #List3 .shipBg{ display:none; float:left; width:100%; height:100%; position:fixed; left:0; top:0; z-index:101; background:#000; opacity:0.8; filter:alpha(opacity=80); } #List3 .shipPu{ float:left; width:100%; position:fixed; left:0; top:150%; z-index:102;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%); transform: translate(0, -50%); } #List3 .shipPu .colse{ float:left; width:48px; height:48px; position:absolute; right:0; top:0; background:#000; background:rgba(0,0,0,0.5); z-index:103;} #List3 .shipPu .number{ float:left; position:absolute; left:50%; margin-left:-30px; bottom:30px; z-index:103; color:#fff; font-size:24px; line-height:36px; text-align:center; width:60px;} #List3 .shipPu .number span{ color:#00459b; font-size:28px;} #List3 .shipPu .number font{ font-size:16px;} #List3 .shipPu .box{ float:left; width:86%; margin:0 7%; position:relative;} #List3 .shipPu .cont{ float:left; width:100%; position:relative;} #List3 .shipPu .cont .l1{ float:left; width:100%; position:relative;} #List3 .shipPu .cont .img{ float:left; width:100%; line-height:0;} #List3 .shipPu .cont .tit1{ float:left; width:100%; background:#000; background:rgba(0,0,0,0.5); color:#fff; font-size:22px; line-height:36px; position:absolute; left:0; bottom:0; padding:30px 54% 30px 40px; } #List3 .shipPu .cont .slick-prev, #List3 .shipPu .cont .slick-next{ top:auto; bottom:32px; left:auto; right:40px; width:100px; height:31px; border:1px solid #fff; border-radius:31px;-webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); line-height:29px; text-align:center;} #List3 .shipPu .cont .slick-prev:before, #List3 .shipPu .cont .slick-next:before{ color:#fff; font-size:16px;} #List3 .shipPu .cont .slick-prev{ margin-right:120px;} #List3 .shipPu .cont .slick-prev:hover{ background:#00459b; border:1px solid #00459b; } #List3 .shipPu .cont .slick-next:hover{ background:#00459b; border:1px solid #00459b; } #List3 .shipPu.active{ top:50%;} @media screen and (max-width:1430px){ #List3 .yuango .ul{ margin:0 -10px;} #List3 .yuango .l1{ padding:0 10px; margin-top:20px;} #List3 .shipPu .cont .tit1{ font-size:22px; line-height:36px; padding:20px 54% 20px 20px; } #List3 .shipPu .cont .slick-prev, #List3 .shipPu .cont .slick-next{ right:20px; bottom:22px; width:88px;} #List3 .shipPu .cont .slick-prev{ margin-right:100px;} #List3 .shipPu .number{ bottom:20px;} } @media screen and (max-width:1230px){ #List3 .shipPu .colse{ width:36px; height:36px;} #List3 .shipPu .cont .tit1{ font-size:18px; line-height:30px; padding:10px 54% 10px 15px; } #List3 .shipPu .cont .slick-prev, #List3 .shipPu .cont .slick-next{ right:15px; bottom:11px; width:70px; height:28px;} #List3 .shipPu .cont .slick-prev{ margin-right:82px;} #List3 .shipPu .number{ bottom:10px; line-height:30px; font-size:18px;} #List3 .shipPu .number span{font-size:20px;} } @media screen and (max-width:992px){ #List3 .yuango{ margin-top:18px;} #List3 .yuango .ul{ margin:0 -6px;} #List3 .yuango .l1{ padding:0 6px; margin-top:12px;} #List3 .yuango .la .tit{ font-size:16px; line-height:30px; padding:7px 10px;} } @media screen and (max-width:768px){ #List3 .yuango .l1{ width:50%; } #List3 .shipPu .colse{ width:30px; height:30px;} #List3 .shipPu .box{ width:100%; margin:0;} #List3 .shipPu .cont .slick-prev{ right:auto; left:10px; bottom:auto; top:50%; margin-top:-14px; width:30px; height:30px; line-height:30px;} #List3 .shipPu .cont .slick-next{ right:10px; bottom:auto; top:50%; margin-top:-14px; width:30px; height:30px; line-height:30px;} #List3 .shipPu .cont .tit1{ padding:8px 56px 8px 12px; font-size:17px;} #List3 .shipPu .number{ left:auto; right:12px; width:auto; bottom:8px; margin:0;} } #Content22 .ContUs{ float:left; width:100%; margin:85px 0 0px 0; padding:1.5% 0; } #Content22 .ContUs li{ float:left; width:18%; padding:0 1.5%; margin-top:15px;} #Content22 .ContUs li:nth-child(1){ width:28%; } #Content22 .ContUs .img{ float:left; width:100%; line-height:0;} #Content22 .ContUs .img img{ display:block; margin:0 auto; /*width:99px; height:92px;*/} #Content22 .ContUs .img:hover img{-webkit-transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg);} #Content22 .ContUs .title{ float:left; width:100%; color:#00459b; font-size:22px; line-height:28px; font-weight:bold; margin:35px 0 19px 0;} #Content22 .ContUs .info{ float:left; width:100%; color:#666666; font-size:16px; line-height:30px;} #Content22 .ContUs .info a{ color:#666666;} @media screen and (max-width:1430px){ #Content22 .ContUs{ padding:0;} #Content22 .ContUs li{ padding:0 1%;} #Content22 .ContUs .img img{ width:80px; height:74px;} #Content22 .ContUs .title{ font-size:16px; line-height:26px; margin:18px 0 10px 0;} #Content22 .ContUs .info{ font-size:14px; line-height:28px;} } @media screen and (max-width:1230px){ #Content22 .ContUs li{ padding:0 1px;} #Content22 .ContUs .img img{ width:66px; height:61px;} #Content22 .ContUs .title{ font-size:16px; line-height:26px; margin:18px 0 10px 0;} #Content22 .ContUs .info{ font-size:13px; line-height:25px;} } @media screen and (max-width:992px){ #Content22 .ContUs{ margin:50px 0 30px 0;} #Content22 .ContUs li{ padding:0; width:50%;height:160px;} #Content22 .ContUs .img img{ width:50px; height:46px;} #Content22 .ContUs .title{ font-size:15px; margin:10px 0 5px 0;} } @media screen and (max-width:768px){ } #service{padding: 95px 0;} #service .title-box .title-cn{font-size: 36px;color: #333;font-family: "MiB";font-weight: 700;margin-bottom: 5px;} #service .title-box .title-en{font-size: 12px;color: #999;} #service .content{margin-top: 90px;} #service .content .list{padding-top: 46px;border-top: 1px solid #dedede;margin-bottom: 45px;} #service .content .list .cont{margin-top: 40px;} #service .content .list .tit{font-size: 24px;color: #333;} #service .content .list .li{width: 32.143%;margin-right: 1.7855%;background: #fafafa;padding: 50px 20px;} #service .content .list .li:nth-child(3n){margin-right: 0;} #service .content .list .li .icon{width: 60px;height: 60px;margin: 0 auto;} #service .content .list .li .icon img:nth-child(1){display: inline-block;} #service .content .list .li .icon img:nth-child(2){display: none;} #service .content .list .li .tit{font-size: 24px;color: #333;margin: 15px 0;} #service .content .list .li .brief{font-size: 14px;color: #999;line-height: 1.7;} #service .content .list .li:hover{background: #00459b;} #service .content .list .li:hover .icon img:nth-child(1){display: none;} #service .content .list .li:hover .icon img:nth-child(2){display: inline-block;} #service .content .list .li:hover .tit, #service .content .list .li:hover .brief{color: #fff;} #service .content .list:nth-child(3) .tit{width: 20%;} #service .content .list .item{width: 40%;border-right: 1px solid #dedede;} #service .content .list .item:last-child{border-right: 0;padding-left: 100px;} #service .content .list .item .t{font-size: 16px;color: #333;padding-bottom: 15px;} #service .content .list .item .select-box{width: 63.036%;height: 45px;border-radius: 5px;border: 1px solid #f1f1f1;margin: 18px 0;} #service .content .list .item .select-box select{width: 95.7%;padding-left: 15px;font-size: 16px;color: #999;} #service .content .list .item .info{ } #service .content .list .item .info .t1{font-size: 14px;color: #333;margin-bottom: 8px;} #service .content .list .item .t2{margin-top: 15px;} #service .content .list .item .t3{font-size: 16px;color: #999;line-height: 1.5;} @media (max-width: 750px){ #service .title-box .title-cn{font-size: 48px;} #service .title-box .title-en{font-size: 24px;} #service .content .list .tit{font-size: 36px;} #service .content .list .cont{display: block;} #service .content .list .li{width: 100%;margin-right: 0;margin-bottom: 20px;} #service .content .list .li .tit{font-size: 30px;} #service .content .list .li .brief{font-size: 26px;} #service .content .list{display: block;} #service .content .list:nth-child(3) .tit{width: 100%;margin-bottom: 20px;} #service .content .list .item{width: 100%;border-right: 0;} #service .content .list .item .t{font-size: 26px;} #service .content .list .item .select-box select{font-size: 26px;} #service .content .list .item .info .t1{font-size: 26px;} #service .content .list .item:last-child{padding-left: 0;margin-top: 20px;} #service .content .list .item .t2{font-size: 26px;padding-left: 15px;} #service .content .list .item .t3{font-size: 26px;padding-left: 15px;} } .Contact-box{width: 100%; } .Contact-box .map{width: 100%;height: 780px;} .Contact-box .info{z-index: 2;left: 0;right: 0;bottom: 0; } .Contact-box .info .box{} .Contact-box .info .left{width: 30%;background: #00459b;padding: 70px 0 65px 120px;} .Contact-box .info .left .icon{width: 36px;height: 38px;background: url(../images/contact-icon.png) no-repeat center;margin-bottom: 15px;} .Contact-box .info .left .text{font-size: 36px;color: #fff;font-family: "MiB";} .Contact-box .info .right{width: 70%;background: #fefeff;padding: 50px 70px;} .Contact-box .info .right .tit{font-size: 24px;color: #00459b;margin-bottom: 15px;} .Contact-box .info .right .brief{font-size: 18px;color: #333;line-height: 1.4;} @media (max-width: 1280px){ .Contact-box .info .left{padding-left: 60px;} } @media (max-width: 750px){ .Contact-box{width: 100%;} .Contact-box .container{padding-right: 0px; padding-left: 0px;} .Contact-box .map{width: 100%;height: 780px;} .Contact-box .info{position: static;} .Contact-box .info .box{display: block;width: 100%;} .Contact-box .info .left{width: 100%;padding:10px 30px;} .Contact-box .info .right{width: 100%;padding: 10px;} .Contact-box .info .left .text,.Contact-box .info .right .tit{font-size: 20px;} .Contact-box .info .right .brief{font-size: 18px;} } .contactus { overflow: hidden; margin-top:3%; } .contactus_contentbgl {width: 48%; height: 500px; background: #f5f5f5 url(../Images/kf.jpg) no-repeat;background-size:100%; padding-top: 30px; float: left;margin-top: 20px;} .contactus_contentbgl b {display: block;background: url(../Images/20180514164846_685096510.png) no-repeat 0 0; font-size: 24px; color: #0045A2; font-weight: 600; margin-bottom: 25px; padding-left: 25px; } .contactus_contentbgl li {height: auto;padding-left:45%;padding-top:15%;} .contactus_contentbgl ul > li > a > img {width: 56px;} .contactus_contentbgl li > a { float: left;} .contactus_contentbgl li p { font-size: 14px;line-height: 35px; color: #666;} .contactus_contentbgl li p a {font-size: 14px; color: #666;} .contactus_contentbgl li p a:hover { color: #f08300;} .contactus_contentbgl li b { font-size: 18px; color: #333; font-weight: normal; margin: 0!important; background: none!important; display: initial!important; padding-left: 0!important; } .contactus_contentbgr {width: 50%; height: auto;background: #f0f0f0;padding: 20px;float: right;margin-top: 20px;} .contactus_contentbgr b { display: block; width: 202px; height: 47px; background: url(../Images/20180514164901_1957164461.png) no-repeat; padding: 10px 0 0 110px; font-size: 20px; color: #333; font-weight: normal; } .title-box .title-cn{font-size: 36px;color: #333;font-family: "MiB";font-weight: 700;margin-bottom: 5px;} .title-box .title-en{font-size: 12px;color: #999;} .cw1400 { max-width: 1400px; width: 100%; margin: auto; font-size: 12px;} #network{padding: 5px 0 50px;overflow: hidden;} /*#network .title-box .title-cn{font-size: 36px;color: #333;font-family: "MiB";font-weight: 700;margin-bottom: 5px;} #network .title-box .title-en{font-size: 12px;color: #999;} #network .map-img{ width: 100%;margin: 50px auto 0;} #network .map-img .address-list{ top: 0; left: 0; width: 100%; height: 100%;} #network .map-img .address-list .item{ right: 0; bottom: 0; cursor: pointer;} #network .map-img .address-list .item .icon{ width: 10px; height: 15px;} #network .map-img .address-list .item .icon img{ max-width: 100%; max-height: 100%;} #network .map-img .address-list .item .tit{ font-weight: bold;} #network .map-img .address-list .item:hover .icon{ width: 14px; height: 20px;} #network .map-img .address-list .item:hover .tit{ color: #f39501;} #network .map-img .address-list .item:first-child{ right: 28%; bottom: 43%;} #network .map-img .address-list .item:nth-child(2){ right: 25.7%; bottom: 46.5%;} #network .map-img .address-list .item:nth-child(3){ right: 25.3%; bottom: 50%;} #network .map-img .address-list .item:nth-child(4){ right: 25.5%; bottom: 53%;} #network .map-img .address-list .item:nth-child(5){ right: 26%; bottom: 56%;} #network .map-img .address-list .item:nth-child(6){ right: 29.5%; bottom: 52.2%;} #network .map-img .address-list .item:nth-child(7){ right: 30.5%; bottom: 55%;} #network .map-img .address-list .item:nth-child(8){ right: 30.5%; bottom: 44%;} #network .map-img .address-list .item:nth-child(9){ right: 30%; bottom: 40%;} #network .map-img .address-list .item:nth-child(10){ right: 31%; bottom: 34%;} #network .map-img .address-list .item:nth-child(11){ right: 30.6%; bottom: 30%;} #network .map-img .address-list .item:nth-child(12){ right: 25%; bottom: 35.5%;} #network .map-img .address-list .item:nth-child(13){ right: 23.2%; bottom: 13%;} #network .map-img .address-list .item:nth-child(14){ right: 36%; bottom: 46%;} #network .map-img .address-list .item:nth-child(15){ right: 39.5%; bottom: 51.5%;} #network .map-img .address-list .item:nth-child(16){ right: 48.2%; bottom: 48.5%;} #network .map-img .address-list .item:nth-child(17){ right: 52.2%; bottom: 50.7%;} #network .map-img .address-list .item:nth-child(18){ right: 35%; bottom: 72.5%;} #network .form-box{margin-top: 80px;} #network .form-box .select{width: 355px;height: 45px;border: 1px solid #f1f1f1;border-radius: 5px;padding: 0 14px;font-size: 16px;color: #999;} #network .content{margin-top: 75px; } #network .content .li{width: 23.571%;margin: 0 1.905% 45px 0;padding-bottom: 25px;border-bottom: 1px solid #dedede;} #network .content .li:nth-child(4n){margin-right: 0;} #network .content .li .tit{font-size: 24px;color: #333;margin-bottom: 15px;} #network .content .li .t{font-size: 16px;color: #999;line-height: 1.5;}*/ /* #network .part-page .txt{font-size: 16px; color: #999;} .i-page .paging[type='btn'] .btn{background: #f6ad02 !important;} */ @media (max-width: 750px){ #network,.contactus {overflow: visible;} .contactus_contentbgl,.contactus_contentbgr{overflow: visible;width:100%;} .contactus_contentbgl {height: 300px;background: #f5f5f5;} .contactus_contentbgl li {padding-left: 2%; padding-top: 5%;} /*#network .title-box .title-cn{font-size: 48px;} #network .title-box .title-en{font-size: 24px;} #network .pic{width: 100%;} #network .form-box{margin-top: 50px;} #network .form-box .select{width: 355px;height: 45px;font-size: 26px;} #network .content{margin-top: 55px;display: block;} #network .content .li{width: 100%;margin-right: 0;} #network .content .li .tit{font-size: 30px;} #network .content .li .t{font-size: 26px;}*/ .title-box .title-cn {font-size: 24px;} } #dituContent { height: 418px;} /*meagass*/ #Content23 .meagass{ float:left; width:100%; position:relative; top:0; background:#f2f2f2; padding:73px 10.35% 65px 10.35%;} #Content23 .meagass .tit{ float:left; width:100%; color:#444444; font-size:18px; line-height:28px; text-align:center; } #Content23 .meagass .Form{ float:left; width:100%; margin-top:57px;} #Content23 .meagass .lab{ float:left; width:50%; padding:15px;} #Content23 .meagass .lab1{ width:100%;} #Content23 .meagass .inpt{ float:left; width:100%; position:relative;} #Content23 .meagass .name{ float:left; color:#666666; font-size:16px; line-height:36px; position:absolute; left:20px; top:50%; margin-top:-18px;} #Content23 .meagass .name span{ color:#00459b;} #Content23 .meagass .fv0{ float:left; width:100%; color:#666666; font-size:16px; line-height:24px; height:52px; padding:13px 20px 13px 65px; border:1px solid #ededed; } #Content23 .meagass .fv0_1{ padding-left:97px;} #Content23 .meagass .fv0_2{ padding-left:81px;} #Content23 .meagass .fv1{ float:left; width:100%; color:#666666; font-size:16px; line-height:24px; height:182px; padding:12px 20px; border:1px solid #ededed; } #Content23 .meagass .fv2{ display:block; margin:10px auto 0 auto; width:365px; color:#fff; font-size:18px; line-height:50px; height:52px; padding:0; border:none; outline:none; background:#00459b; border-radius:3px; } #Content23 .meagass .fv2:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);} #Content23 .meagass .yanzhengma{ float:left; width:90px; height:38px; position:absolute; right:8px; top:50%; margin-top:-19px;} #Content23 .meagass ::-webkit-input-placeholder{color:#666666;} #Content23 .meagass :-moz-placeholder{color:#666666;} #Content23 .meagass ::-moz-placeholder{color:#666666;} #Content23 .meagass :-ms-input-placeholder{color:#666666;} @media screen and (max-width:1430px){ } @media screen and (max-width:1230px){ #Content23 .meagass{ padding:73px 8% 65px 8%;} } @media screen and (max-width:992px){ #Content23 .meagass{ margin-top:-126px; padding:30px 10px;} #Content23 .meagass .tit{ font-size:16px; line-height:26px; padding:0 10px;} #Content23 .meagass .Form{ margin-top:15px;} #Content23 .meagass .lab{ padding:8px;} #Content23 .meagass .name{ font-size:14px; left:12px;} #Content23 .meagass .fv0{ height:40px; line-height:38px; font-size:14px; padding:7px 12px 7px 52px;} #Content23 .meagass .fv0_1{ padding-left:80px;} #Content23 .meagass .fv0_2{ padding-left:66px;} #Content23 .meagass .fv1{ font-size:14px; line-height:24px; padding:7px 12px; height:136px; } #Content23 .meagass .fv2{ margin:5px auto 0 auto; width:280px; font-size:16px; line-height:38px; height:40px; } #Content23 .meagass .yanzhengma{ width:80px; height:34px;right:4px; margin-top:-17px;} } @media screen and (max-width:768px){ #Content23 .meagass{ margin-top:-100px; padding:20px 5px 30px 5px;} #Content23 .meagass .lab{ width:100%;} #Content23 .meagass .fv2{ width:180px;} #dituContent { height: 318px;} } /*招聘*/ .zhaopmin{ display: none; transition: all 2s;} .zhaoxin {margin: auto;padding: 0 10px;overflow: hidden;margin-top: 40px; margin-bottom: 2rem;} .zhaoxintop { display: flex;width: 100%;background: #f0f0f0; text-align: center; margin-top: 30px; margin-bottom: 1.2rem;} .zhaoxintop span {flex: 1; text-align: center;color: #333;font-size: 16px; padding: 0.9rem 0;} .zhaoxins li { position: relative;margin-bottom: 0.9rem;border: #eee solid 1px;} .zhaoxins li .topDiv { height: 48px; position: relative;} .zhaoxins li .topDiv a {display: block; width:100%;float:left;} .zhaoxins li .topDiv h2 { width:10%;float: right;} .zhaoxins li .topDiv h2 a{ color:#fa5c1f;} .zhaoxins li .topDiv h2 a:hover{ color:#fff;} .zhaoxins li.liNow .topDiv a { background: #00459b; color: #fff;} .zhaoxins li.liNow .msgDiv { color: #fff;} .zhaoxins li .msgDiv { color: #999;} .zhaoxins li .msgDiv { color: #999;} .zhaoxins li .msgDiv .dd01 { text-align: left;text-indent: 50px;width: 248px;} .zhaoxins li .msgDiv dl { display: flex; overflow: hidden; text-decoration: none;} .zhaoxins li .msgDiv dd { height: 48px;float: left;line-height: 48px;font-size: 14px;margin: 0;flex: 1;text-align: center;text-decoration: none;} .zhaoxins li .zhaoxinsbox { display: none;line-height:30px; color: #5d5d5d;padding: 45px 50px 60px; overflow: hidden;width: 100%;} .btnDiv { margin-top: 0.35rem;} .btnDiv {display: block; width: 118px;height: 33px;color: #fff;background: #fa5c1f; font-size: 14px;text-align: center;line-height: 33px;border: #fa5c1f solid 1px; } .btnDiv:hover { color: #000;transition: 0.2s linear;} /*下载*/ table { border-collapse: collapse; border-spacing: 0; } .join_zp{width: 1200px;text-align: center;margin: 50px auto;} .join_title{ font-size: 32px;text-align: center; line-height: 40px;margin-top: 50px;font-weight: bold; color: #666;display: block;} .join_zp .join_zp_t{border-bottom:1px solid #e1e6eb;height: 60px;line-height:60px;font-size: 16px;} .join_zp .join_zp_c{color: #333;font-size: 16px;cursor: pointer; height: 60px;border-bottom:1px solid #e1e6eb;} .join_zp .join_zp_c:hover{color: #00459b;font-size: 16px;} .join_zp .join_zp_n{text-align: left;background-color: #ebedef;font-size: 14px;display: none;} .join_zp .join_zp_n td{padding-bottom: 50px;} .join_zp_n .join_ms{width: 1175px;height: 60px;margin: 0 auto; line-height: 60px;} .join_zp_n .join_ms i{display: inline-block; width: 1px;height: 14px;background-color: #fc9151;margin-right: 10px;} .join_zp_n .join_cn{width: 1130px; margin: 0 auto;background-color: #fff;padding-left: 35px;padding: 10px 35px;} .join_zp .join_active{display: table-row;} .join_zp_c .zx{height:40px;line-height:40px;padding:5px 20px; border:1px solid #00459b;color:#00459b;text-align:center;font-size:14px;} .join_zp_c .zx:hover{background:#00459b;color: #fff;} /**搜索结果**/ .search_box {padding: 160px 0 60px;} .search_box h1 {color: #063a83;font-size: 24px; font-weight: normal;} .search_box .name {color: #2e353d; font-size: 16px; margin: 20px 0;} .search_box .name span {color: #f00;} .search_box .search_con { border-top: 1px solid #e1e1e1;} .search_box .search_con ul li { float: left; width: 100%; padding: 45px 0; border-bottom: 1px solid #e1e1e1;} .search_box .search_con ul li .img {display: block;float: left;line-height: 0; width: 19%;} .search_box .search_con ul li .img img {border: 1px solid #e1e1e1;} .search_box .search_con ul li .text {float: right;width: 76%;padding-top: 4%;} .search_box .search_con ul li .text .bt { display: block; color: #00459b; font-size: 16px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} .search_box .search_con ul li .text p {color: #666666;font-size: 16px; margin: 15px 0;} .search_box .search_con .more_btn {margin: 35px auto 0;width: 11%;display: block;} @media (max-width: 1024px) { .search_box { padding: 4% 0 6%;} .search_box .search_con ul li {padding: 3% 0; } .search_box .search_con ul li .text {padding-top: 3%;} } @media (max-width: 768px) { .search_box .name { font-size: 14px; margin: 2% 0;} .search_box .search_con ul li .text { padding-top: 2.5%;} .search_box .search_con ul li .text .bt {font-size: 14px;} .search_box .search_con ul li .text p {margin: 1% 0; font-size: 14px;} .search_box .search_con .more_btn { margin-top: 3%;} } @media (max-width: 480px) { .zhaoxins li .zhaoxinsbox { padding: 20px;} .search_box h1 {font-size: 22px;} .search_box .search_con ul li .text { padding-top: 0;} .search_box .search_con ul li .img { width: 28%;} .search_box .search_con ul li .text { width: 68%;} } @media (max-width: 414px) { .search_box .search_con ul li .img { width: 32%;} .search_box .search_con ul li .text { width: 65%;} .search_box .search_con ul li .text {padding-top: 2.5%;} .search_box .search_con ul li .text .more {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: block;} .search_box .search_con ul li .text p {height: 38px; overflow: hidden;} }