body {color:#333333} a{color:#7b63bb}a:active,a:hover {color:#7b63bb} @media (min-width: 1200px) {.container{ width: 1200px; }} @media (min-width: 1200px) {.container{ width: 1200px; }} .container1{ margin-left:auto; margin-right:auto; padding-left:15px; padding-right:15px;} @media (min-width: 768px) { .container1 { width: 768px; } } @media (min-width: 992px) { .container1 { width: 992px; } } @media (min-width: 1200px) { .container1 { width: 1200px; } } @media (min-width: 1473px) { .container1 { width: 1473px; } } /*head*/ #Top .head{ float:left; width:100%; background:#fff; position:relative; z-index:101;} #Top .logo{ float:left; width:180px; height:60px; line-height:0; margin:20px 0;} #Top .baioyu{ float:left; line-height:0; border-left:2px solid #7b62bb; padding:8px 0 8px 23px; margin:33px 0 0 20px;} #Top .baioyu .img{ width:210px; height:24px;} #Top .pingtaai{ float:right;} #Top .pingtaai a{float:left; width:138px; background:#7b62bb; text-align:center; color:#fff; font-size:16px; line-height:38px; height:40px; border-radius:40px; margin:30px 0;} #Top .pingtaai a:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);} /*menu*/ #Top .menu{float: right; margin-right:60px;} #Top .menu .nli{ float:left; height:100px; padding:0; margin:0; position:relative;} #Top .menu .nli span{ float:left; width:100%;padding:36px 0;} #Top .menu .nli span a{ float:left; position:relative; padding:0 15px; color:#333333; font-size:16px; line-height:26px; height:28px; border-radius:28px;} #Top .menu .nli.active span a, #Top .menu .nli:hover span a{ background:#7b62bb; color:#fff;} #Top .menu .sub{ display:none; float:left; position:absolute; left:0; top:100px; width:171px; z-index:66; padding-top:14px;} #Top .menu .sub:after{ float:left; width:0; height:0; position:absolute; left:37px; top:9px; content:''; border-left:7px solid transparent; border-right:7px solid transparent;border-bottom: 6px solid #fff; } #Top .menu .sub .l2{ float:left; width:100%;} #Top .menu .sub .l2 .la2{ float:left; width:100%; padding:0 0 0 29px; color:#333333; font-size:16px; line-height:54px; background:#fff; position:relative;} #Top .menu .sub .l2 .la2:after{ display:none; float:left; width:0; height:0; position:absolute; left:100%; margin-left:-1px; top:50%; margin-top:-7px; content:''; border-top:7px solid transparent; border-bottom:7px solid transparent;border-left:7px solid #7b62bb; z-index:6; } #Top .menu .sub .l2:hover .la2{ background:#7b62bb; color:#fff;} #Top .menu .sub .l2:hover .la2:after{ display:block;} #Top .menu .ul3{ display:none; float:left; width:409px; position:absolute; left:100%; top:14px; background:#fff; background:rgba(255,255,255,0.8); padding:4px 15px 11px 15px;} #Top .menu .ul3 .l3{ float:left; width:50%; padding:0 15px;} #Top .menu .ul3 .l3 .la3{ float:left; width:100%; color:#666666; font-size:14px; line-height:48px; border-bottom:1px dashed #000000; border-bottom:1px dashed rgba(0,0,0,0.3);} #Top .menu .ul3 .l3 .la3:hover{ color:#7b62bb;} #Top .menu .sub .l2:hover .ul3{ display:block;} @media screen and (max-width:1472px ) { #Top .baioyu{ padding:8px 0 8px 15px; margin:33px 0 0 15px;} #Top .pingtaai a{ width:auto; padding:0 15px;} #Top .menu{ margin-right:20px;} #Top .menu .nli span a{ padding:0 12px; font-size:14px;} #Top .menu .sub .l2 .la2{ padding:0 0 0 29px; font-size:14px; line-height:46px;} #Top .menu .ul3{ width:340px; padding:4px 10px 11px 10px;} #Top .menu .ul3 .l3{ padding:0 10px;} #Top .menu .ul3 .l3 .la3{ line-height:40px; font-size:13px;} } /*手机导航按钮*/ #Top .menuph{ display:none; float:right; width:40px; height:40px; padding:9px 6px; background:#7b62bb; cursor: pointer; text-align: center; margin:30px 0 30px 15px; border-radius:3px;} #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:100px 0 100px 0; display: none; z-index:99; background:#fff; background:rgba(255,255,255,0.95)} #Top .xialaph .ul2, #Top .xialaph .ul3{display: none;} #Top .xialaph h4{ float:left; width:100%; position:relative;} #Top .xialaph h4 a{ float:left; width:66%; color: #333; font-size:16px; line-height: 55px; position:relative;} #Top .xialaph li h4 a i{ float:left; position:absolute; left:0; top:50%; margin-top:-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: #4d463f;opacity: 0.2; } #Top .xialaph h4:hover a, #Top .xialaph h5:hover a{ color: #7b62bb; } #Top .xialaph h4::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #4d463f; opacity: 0.2; } #Top .xialaph h5{ float:left; width:100%; position:relative;} #Top .xialaph h5 a{ float:left; width:60%; color: #666; font-size:14px; line-height: 45px; text-transform:uppercase; padding:0 16px;} #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: #4d463f; opacity: 0.2; } #Top .xialaph li:last-child h5::after{ display: none; } #Top .xialaph h4 img{ width: 15px; height: 8px; float: right; margin-top: 24px; cursor: pointer; } #Top .xialaph h5 img{ width: 11px; height: 6px; float: right; margin-top: 19px; margin-right: 18px; cursor: pointer; } #Top .xialaph h4.active img.img_s, #Top .xialaph h5.active img.img_s{ display: none; } #Top .xialaph h4.active img.img_d, #Top .xialaph h5.active img.img_d{ display: block; } #Top .xialaph .ul2{ float:left; width:100%; padding:0 10px;} #Top .xialaph .img_d{ display: none; } @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ #Top .menu{ display:none;} #Top .pingtaai a{ border-radius:3px;} #Top .menuph{ display:block;} } @media screen and (max-width:992px){ #Top .logo{ margin:10px 0; width:120px; height:40px;} #Top .baioyu{ border-left:1px solid #7b62bb; padding:4px 0 4px 15px; margin:18px 0 0 15px;} #Top .baioyu .img{ width:140px; height:16px;} #Top .pingtaai a{ margin:10px 0; font-size:14px;} #Top .menuph{ margin:10px 0 10px 12px; } #Top .xialaph{ padding:60px 0;} } @media screen and (max-width:768px){ #Top .baioyu{ display:none;} #Top .pingtaai a{ padding:0 12px;} } /*手机底部导航*/ #Down .pf_down{width:100%; float:left; position:fixed; left:0; bottom:0; height:50px; background:#7b62bb; z-index:66; box-shadow:0 -4px 7px rgba(0,0,0,0.15);} #Down .pf_down li{ width:25%; float:left; text-align:center; padding:7px 0 4px 0;} #Down .pf_down li .ico7{ width:100%; float:left; height:20px;} #Down .pf_down li .ico7 img{ width:20px; height:20px;} #Down .pf_down li .name{ width:100%; float:left; margin-top:4px; font-size:12px; color:#fff; line-height:14px;} /*右侧漂浮*/ #Down .right_pf{ float:left; position:fixed; right:5px; top:50%; margin-top:-186px; border:1px solid #e4e4e4; width:82px; background:#fff; z-index:101; text-align:center;} #Down .right_pf.active{ display:none;} #Down .right_pf .ul1{ float:left; width:100%; padding:9px 0;} #Down .right_pf .ul1 i{ float:left; width:62px; border:1px solid #d9d8d8; background:#fff; line-height:0; margin:0 9px;} #Down .right_pf .ul1 h5{ float:left; width:100%; color:#3e3d3d; font-size:12px; line-height:12px; margin-top:7px;} #Down .right_pf .ul2{ float:left; width:100%; padding:9px; border-top:1px solid #e4e4e4;} #Down .right_pf .ul2 li{ float:left; width:100%; margin-top:1px;} #Down .right_pf .ul2 li a{ float:left; width:100%; background:#7f7f7f; height:62px;} #Down .right_pf .ul2 li a i{ float:left; width:100%; line-height:0; margin-top:9px;} #Down .right_pf .ul2 li a h5{ float:left; width:100%; color:#fff; font-size:12px; line-height:20px;} #Down .right_pf .ul2 li a:hover{ background:#7b62bb;} /*底部*/ #Down .pz_down{ float:left; width:100%; background:#424243;} #Down .foot1{ float:left; width:100%; padding:51px 0 22px 0;} #Down .fooTit{ float:left; width:100%; color:#fff; font-size:18px; line-height:28px; margin-bottom:19px;} #Down .footAdrr{ float:left; width:300px; margin-right:9.57%;} #Down .footAdrr .ul0{ float:left; width:100%;} #Down .footAdrr .ul0 .l1{ float:left; width:100%; position:relative; color:#fff; color:rgba(255,255,255,0.4); font-size:14px; line-height:26px; padding-left:76px; margin-bottom:27px;} #Down .footAdrr .ul0 .l1 span{ float:left; position:absolute; left:0; top:0; padding-left:32px;} #Down .footNav{ float:left; width:184px; margin-right:7.35%;} #Down .footNav .ul1{ float:left; width:100%;} #Down .footNav .ul1 li{ float:left; width:50%; margin-bottom:15px;} #Down .footNav .ul1 li a{ float:left; width:100%; color:#fff; color:rgba(255,255,255,0.4); font-size:14px; line-height:26px;} #Down .footNav .ul1 li a:hover{ color:#7b62bb;} #Down .footLink{ float:left; width:180px;} #Down .footLink .ul2{ float:left; width:100%;} #Down .footLink .ul2 li{ float:left; width:100%; margin-bottom:7px;} #Down .footLink .ul2 li a{ float:left; width:100%; color:#fff; color:rgba(255,255,255,0.4); font-size:14px; line-height:26px;} #Down .footLink .ul2 li a:hover{ color:#7b62bb;} #Down .footUs{ float:right; width:270px;} #Down .footUs .ul3{ float:left; width:100%;} #Down .footUs .ul3 .l1{ float:left; width:100%; color:#fff; color:rgba(255,255,255,0.6); font-size:14px; line-height:26px;} #Down .footUs .ul3 .l2{ float:left; width:100%; margin-top:14px;} #Down .footUs .ul3 .l2 img{ float:left; width:108px; border:1px solid #ededed; line-height:0;} #Down .footUs .ul3 .l2 h5{ float:left; color:#fff; color:rgba(255,255,255,0.6); font-size:16px; line-height:30px; margin:26px 0 0 16px;} #Down .foot2{ float:left; width:100%; background:#202020; padding:15px 0; } #Down .Copyright{ float:left; color:#fff; color:rgba(255,255,255,0.6); font-size:12px; line-height:21px; text-transform:uppercase;} #Down .Copyright a{ color:#fff; color:rgba(255,255,255,0.6);} #Down .Copyright a:hover{ color:#7b62bb;} #Down .footMap{ float:right; color:#fff; color:rgba(255,255,255,0.6); font-size:12px; line-height:21px;} #Down .footMap a{ color:#fff; color:rgba(255,255,255,0.6);} #Down .footMap a:hover{ color:#7b62bb;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ #Down .footAdrr{ width:270px; margin-right:4.57%;} #Down .footNav{ width:170px; margin-right:3.35%;} #Down .footLink{ width:140px;} } @media screen and (max-width:992px){ #Down .foot1{ padding:25px 0 22px 0;} #Down .fooTit{ font-size:16px; line-height:26px; margin-bottom:5px;} #Down .footNav{ display:none;} #Down .footLink{ display:none;} #Down .footAdrr{ width:400px;} #Down .footAdrr .ul0 .l1{ margin-bottom:5px;} #Down .footUs .ul3 .l2{ margin-top:8px;} } @media screen and (max-width:768px){ #Down .pz_down{ margin-bottom:50px;} #Down .footAdrr{ width:100%;} #Down .footAdrr .ul0 .l1{ padding-left:60px; font-size:12px; line-height:22px; margin-bottom:4px;} #Down .footAdrr .ul0 .l1 span{ padding-left:22px; background-size:16px auto !important;} #Down .footUs{ float:left; width:100%; margin-top:5px;} #Down .footUs .ul3 .l2 img{ width:88px;} #Down .footUs .ul3 .l2 h5{ font-size:14px;line-height:24px; margin:18px 0 0 12px;} #Down .footUs .ul3 .l1{ font-size:12px; line-height:22px;} #Down .Copyright{ width:100%; text-align:center;} #Down .footMap{ width:100%; text-align:center;} } /*banner*/ #Slide .slide_banner{ float:left; width:100%; margin:0; position:relative; overflow:hidden; text-align:center;} #Slide .slide_banner .slick-slide{ width:100%; padding:0; position:relative; line-height:0;} #Slide .slide_banner img{ width:100%;} #Slide .slide_banner .slick-dots{ height:4px; bottom:30px; } #Slide .slide_banner .slick-dots li{ background:#fff; width:32px; height:4px; margin:0 5px; 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(opacity=100);} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #Slide .slide_banner .slick-dots{ height:2px; bottom:15px;} #Slide .slide_banner .slick-dots li{ width:16px; height:2px;} } @media screen and (max-width:768px){ } /*hTit*/ #Content .hTit{ float:left; width:100%; text-align:center;} #Content .hTit .tit1{ float:left; width:100%; color:#7b62bb; font-size:16px; line-height:16px; font-family:Arial; text-transform:uppercase; letter-spacing:6px;} #Content .hTit .tit2{ float:left; width:100%; color:#333333; font-size:32px; line-height:32px; margin:14px 0 16px 0; overflow:hidden;} #Content .hTit .tit2 span{ display:inline-block; vertical-align:top; position:relative; z-index:6; padding:0 22px;} #Content .hTit .tit2 span:after, #Content .hTit .tit2 span:before{ float:left; width:585px; height:1px; background:#dddddd; content:''; position:absolute; left:100%; top:50%; z-index:1;} #Content .hTit .tit2 span:before{ left:auto; right:100%;} #Content .hTit .tit3{ float:left; width:100%; color:#666666; font-size:16px; line-height:16px;} /*hBusin*/ #Content .hBusinBg{ float:left; width:100%; position:relative; padding:82px 0 58px 0;} #Content .hBusin{ float:left; width:100%; margin-top:22px;} #Content .hBusin .ul1{ margin:0 -15px;} #Content .hBusin .l1{ float:left; width:33.33%; padding:0 15px; text-align:center; margin-top:20px;} #Content .hBusin .la{ float:left; width:100%; padding:36px 40px 29px 40px;} #Content .hBusin .img{ float:left; width:100%; line-height:0; margin-bottom:5px;} #Content .hBusin .img img{ width:74px; height:68px;} #Content .hBusin .tit{ float:left; width:100%; color:#333333; font-size:22px; line-height:32px; font-weight:bold;} #Content .hBusin .tit span{ display:inline-block; vertical-align:top; padding:8px 0; position:relative;} #Content .hBusin .tit span:after{ float:left; width:86%; height:1px; position:absolute; left:7%; bottom:0; content:''; background:#333;} #Content .hBusin .info{ float:left; width:100%; color:#666666; font-size:14px; line-height:24px; margin-top:15px;} #Content .hBusin .la:hover{ box-shadow:0 0 30px rgba(0,0,0,0.1);} #Content .hBusin .la:hover .img img{-webkit-transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg);} #Content .hImg{ float:left; width:86px; line-height:0; position:absolute; left:50%; top:-3px; margin-left:-43px;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ #Content .hBusin .la{ padding:36px 20px 29px 20px;} } @media screen and (max-width:992px){ #Content .hTit .tit2{ margin:8px 0 10px 0; font-size:20px; line-height:20px;} #Content .hTit .tit2 span{ padding:0 15px;} #Content .hBusinBg{ padding:30px 0 20px 0;} #Content .hBusin{ margin-top:12px;} #Content .hImg{ width:40px; margin-left:-20px; top:-1px;} #Content .hBusin .ul1{ margin:0 -6px;} #Content .hBusin .l1{ padding:0 6px; margin-top:0;} #Content .hBusin .la{ padding:15px 12px 12px 12px;} #Content .hBusin .img{ margin-bottom:0;} #Content .hBusin .img img{ width:54px; height:50px;} #Content .hBusin .tit{ font-size:16px; line-height:26px;} #Content .hBusin .info{ margin-top:8px;} } @media screen and (max-width:768px){ #Content .hBusin .l1{ width:50%;} } /*hDaiBanBg*/ #Content2 .hDaiBanBg{ float:left; width:100%; padding:104px 0;} #Content2 .hDaiBan{ float:left; width:560px; background:#fff; background:rgba(255,255,255,0.7); padding:43px 0 43px 43px;} #Content2 .hDaiBan .tit{ float:left; width:100%; color:#333333; font-size:40px; line-height:50px; letter-spacing:6px;} #Content2 .hDaiBan .info{ float:left; width:100%; margin-top:2px;} #Content2 .hDaiBan .p1{ float:left; width:33.33%; color:#333333; font-size:20px; line-height:30px; margin-top:18px; letter-spacing:2px; padding-left:29px;;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #Content2 .hDaiBanBg{ padding:35px 0;} #Content2 .hDaiBan{ padding:15px 0 15px 15px;} #Content2 .hDaiBan .tit{ font-size:22px; line-height:33px;} #Content2 .hDaiBan .p1{ font-size:16px; line-height:26px; margin-top:8px;} } @media screen and (max-width:768px){ #Content2 .hDaiBan{ width:100%;} #Content2 .hDaiBan .p1{ width:50%;} } #Content3 .hImg{ float:left; width:86px; line-height:0; position:absolute; left:50%; top:-3px; margin-left:-43px;} /*hTit*/ #Content3 .hTit{ float:left; width:100%; text-align:center;} #Content3 .hTit .tit1{ float:left; width:100%; color:#7b62bb; font-size:16px; line-height:16px; font-family:Arial; text-transform:uppercase; letter-spacing:6px;} #Content3 .hTit .tit2{ float:left; width:100%; color:#333333; font-size:32px; line-height:32px; margin:14px 0 16px 0; overflow:hidden;} #Content3 .hTit .tit2 span{ display:inline-block; vertical-align:top; position:relative; z-index:6; padding:0 22px;} #Content3 .hTit .tit2 span:after, #Content3 .hTit .tit2 span:before{ float:left; width:585px; height:1px; background:#dddddd; content:''; position:absolute; left:100%; top:50%; z-index:1;} #Content3 .hTit .tit2 span:before{ left:auto; right:100%;} #Content3 .hTit .tit3{ float:left; width:100%; color:#666666; font-size:16px; line-height:16px;} /*hAdvantBg*/ #Content3 .hAdvantBg{ float:left; width:100%; padding:104px 0; position:relative;} #Content3 .hAdvant{ float:left; width:100%; position:relative; margin-top:50px; padding:40px 0;} #Content3 .hAdvant .title{ display:block; margin:0 auto; width:410px;} #Content3 .hAdvant .title .img{ float:left; width:100%; position:relative; margin:105px 0;} #Content3 .hAdvant .title .bg{ display:block; margin:0 auto; width:200px; height:200px; background:#fff; box-shadow:0 6px 24px rgba(0,0,0,0.1); border-radius:50%;} #Content3 .hAdvant .title .line1{ float:left; width:328px; height:328px; border-radius:50%; border:1px solid #7b62bb;opacity:0.5; filter:alpha(opacity=50); position:absolute; left:50%; top:50%; margin:-164px 0 0 -164px;} #Content3 .hAdvant .title .line2{ float:left; width:370px; height:370px; border-radius:50%; border:1px solid #7b62bb;opacity:0.25; filter:alpha(opacity=25); position:absolute; left:50%; top:50%; margin:-185px 0 0 -185px;} #Content3 .hAdvant .title .line3{ float:left; width:410px; height:410px; border-radius:50%; border:1px solid #7b62bb;opacity:0.15; filter:alpha(opacity=15); position:absolute; left:50%; top:50%; margin:-205px 0 0 -205px;} #Content3 .hAdvant .ul1{ float:left;} #Content3 .hAdvant .ul1 .l1{ float:left; width:335px; min-height:120px; background:#f3f3f3; border-radius:18px; padding:15px 30px 15px 105px; cursor:pointer; display:flex;flex-direction: column;justify-content:center;align-items:center; position:absolute;} #Content3 .hAdvant .ul1 .l1 i{ float:left; width:92px; height:1px; position:absolute; background:#7b62bb;} #Content3 .hAdvant .ul1 .l1:after{ float:left; width:5px; height:5px; border-radius:50%; content:''; position:absolute; background:#7b62bb;} #Content3 .hAdvant .ul1 .l1:before{ float:left; height:1px; content:''; position:absolute; background:#7b62bb;} #Content3 .hAdvant .ul1 .l1:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);} #Content3 .hAdvant .ul1 .tit{ float:left; width:100%; color:#4d3390; font-size:18px; line-height:24px;} #Content3 .hAdvant .ul1 .info{ float:left; width:100%; color:#333333; font-size:14px; line-height:20px;margin-top:10px; position:relative;} #Content3 .hAdvant .ul1 .ino{ float:left; width:50px; position:absolute; left:21px; top:50%; margin-top:-25px; border-radius:50%; -webkit- border-radius:50%; overflow:hidden; line-height:0;} #Content3 .hAdvant .ul1 .l1:hover .ino{-webkit-transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg);} #Content3 .hAdvant .ul1 .dw1{ left:4.27%; top:0;} #Content3 .hAdvant .ul1 .dw2{ right:4.27%; top:0;} #Content3 .hAdvant .ul1 .dw3{ left:0; top:50%; margin-top:-60px;} #Content3 .hAdvant .ul1 .dw4{ right:0; top:50%; margin-top:-60px;} #Content3 .hAdvant .ul1 .dw5{ left:4.27%; bottom:0;} #Content3 .hAdvant .ul1 .dw6{ right:4.27%; bottom:0;} #Content3 .hAdvant .ul1 .dw1:after{ left:100%; top:45px; margin-left:20px;} #Content3 .hAdvant .ul1 .dw1:before{ left:100%; top:45px; margin-left:20px; margin-top:2px; width:45px;} #Content3 .hAdvant .ul1 .dw2:after{ right:100%; top:45px; margin-right:20px;} #Content3 .hAdvant .ul1 .dw2:before{ right:100%; top:45px; margin-right:20px; margin-top:2px; width:45px;} #Content3 .hAdvant .ul1 .dw3:after{ left:100%; top:50%; margin-left:20px;} #Content3 .hAdvant .ul1 .dw3:before{ left:100%; top:50%; margin-left:20px; margin-top:2px; width:84px;} #Content3 .hAdvant .ul1 .dw4:after{ right:100%; top:50%; margin-right:20px;} #Content3 .hAdvant .ul1 .dw4:before{ right:100%; top:50%; margin-right:20px; margin-top:2px; width:84px;} #Content3 .hAdvant .ul1 .dw5:after{ left:100%; bottom:45px; margin-left:20px;} #Content3 .hAdvant .ul1 .dw5:before{ left:100%; bottom:45px; margin-left:20px; margin-bottom:2px; width:45px;} #Content3 .hAdvant .ul1 .dw6:after{ right:100%; bottom:45px; margin-right:20px;} #Content3 .hAdvant .ul1 .dw6:before{ right:100%; bottom:45px; margin-right:20px; margin-bottom:2px; width:45px;} #Content3 .hAdvant .ul1 .dw1 i{ left:100%; top:50%; transform:rotate(45deg); margin:19px 0 0 50px;} #Content3 .hAdvant .ul1 .dw2 i{ right:100%; top:50%; transform:rotate(-45deg); margin:19px 50px 0 0 ;} #Content3 .hAdvant .ul1 .dw3 i{ display:none;} #Content3 .hAdvant .ul1 .dw4 i{ display:none;} #Content3 .hAdvant .ul1 .dw5 i{ left:100%; bottom:50%; transform:rotate(-45deg); margin:0 0 19px 50px;} #Content3 .hAdvant .ul1 .dw6 i{ right:100%; bottom:50%; transform:rotate(45deg); margin:0 50px 19px 0 ;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ #Content3 .hAdvant .ul1 .l1{ width:280px; min-height:120px; padding:15px 15px 15px 80px;} #Content3 .hAdvant .ul1 .ino{ left:15px;} #Content3 .hAdvant .title .bg{ width:160px; height:160px;} #Content3 .hAdvant .title .line1{ width:260px; height:260px; margin:-130px 0 0 -130px;} #Content3 .hAdvant .title .line2{ width:300px; height:300px; margin:-150px 0 0 -150px;} #Content3 .hAdvant .title .line3{ width:340px; height:340px; margin:-170px 0 0 -170px;} } @media screen and (max-width:992px){ #Content3 .hImg{ width:40px; margin-left:-20px; top:-1px;} #Content3 .hTit .tit2{ margin:8px 0 10px 0; font-size:20px; line-height:20px;} #Content3 .hTit .tit2 span{ padding:0 15px;} #Content3 .hAdvantBg{ padding:30px 0;} #Content3 .hAdvant{ margin-top:20px;} #Content3 .hAdvant .ul1 .l1:after, #Content3 .hAdvant .ul1 .l1:before{ display:none;} #Content3 .hAdvant .ul1 .l1 i{ display:none;} #Content3 .hAdvant .ul1 .l1{ width:240px;} #Content3 .hAdvant .ul1 .tit{ font-size:16px; line-height:22px;} #Content3 .hAdvant .ul1 .info{ margin-top:4px;} } @media screen and (max-width:768px){ #Content3 .hAdvant{ padding:0; margin-top:10px;} #Content3 .hAdvant .ul1 .l1{ width:100%; position:relative; margin:12px 0 0 0; left:0; top:0; min-height:20px; border-radius:10px;} #Content3 .hAdvant .title{ width:280px; display:none;} #Content3 .hAdvant .title .img{ margin:35px 0 0 0;} #Content3 .hAdvant .title .bg{ width:100px; height:100px;} #Content3 .hAdvant .title .line1{ width:130px; height:130px; margin:-65px 0 0 -65px;} #Content3 .hAdvant .title .line2{ width:150px; height:150px; margin:-75px 0 0 -75px;} #Content3 .hAdvant .title .line3{ width:170px; height:170px; margin:-85px 0 0 -85px;} } #Content4 .hImg{ float:left; width:86px; line-height:0; position:absolute; left:50%; top:-3px; margin-left:-43px;} /*hTit*/ #Content4 .hTit{ float:left; width:100%; text-align:center;} #Content4 .hTit .tit1{ float:left; width:100%; color:#7b62bb; font-size:16px; line-height:16px; font-family:Arial; text-transform:uppercase; letter-spacing:6px;} #Content4 .hTit .tit2{ float:left; width:100%; color:#333333; font-size:32px; line-height:32px; margin:14px 0 16px 0; overflow:hidden;} #Content4 .hTit .tit2 span{ display:inline-block; vertical-align:top; position:relative; z-index:6; padding:0 22px;} #Content4 .hTit .tit2 span:after, #Content4 .hTit .tit2 span:before{ float:left; width:585px; height:1px; background:#dddddd; content:''; position:absolute; left:100%; top:50%; z-index:1;} #Content4 .hTit .tit2 span:before{ left:auto; right:100%;} #Content4 .hTit .tit3{ float:left; width:100%; color:#666666; font-size:16px; line-height:16px;} /*hProbBg*/ #Content4 .hProbBg{ float:left; width:100%; padding:80px 0 65px 0; background:#f4f4f4; position:relative;} #Content4 .hProb{ float:left; width:100%; margin-top:25px;} #Content4 .hProb .ul1{ margin:0 -15px;} #Content4 .hProb .l1{ float:left; width:33.33%; padding:15px;} #Content4 .hProb .la{ float:left; width:100%; background:#fff; border-radius:5px; overflow:hidden;} #Content4 .hProb .la .tit{ float:left; width:100%; background:#607d8b; padding:22px 40px;} #Content4 .hProb .la .tit h5{ float:left; width:100%; position:relative; padding-left:36px; color:#fff; font-size:18px; line-height:32px; font-weight:bold;} #Content4 .hProb .la .tit span{ float:left; line-height:72px; font-size:72px; font-family:Arial; font-weight:normal; position:absolute; left:0; top:0;} #Content4 .hProb .la .info{ float:left; width:100%; color:#333333; font-size:16px; line-height:26px; padding:0 40px; margin:25px 0 30px 0 ;height:104px; overflow:hidden; } #Content4 .hProb .la:hover .tit{ background:#7b62bb;} #Content4 .hProb .la:hover .info .more{ color:#7b62bb;} #Content4 .hProb .slick-prev, #Content4 .hProb .slick-next{ width:56px; height:56px; z-index:102; box-shadow:0 3px 7px rgba(0,0,0,0.05); border-radius:50%;} #Content4 .hProb .slick-prev{ left:-100px; background:url(..//template/theme/CN/2149_ico1.png) center no-repeat #fff; background-size:100% 100%;} #Content4 .hProb .slick-next{ left:auto; right:-100px;background:url(..//template/theme/CN/2149_ico2.png) center no-repeat #fff; background-size:100% 100%;} #Content4 .hProb .slick-prev:hover{ background:url(..//template/theme/CN/2149_ico3.png) center no-repeat #7b62bb; background-size:100% 100%;} #Content4 .hProb .slick-next:hover{ background:url(..//template/theme/CN/2149_ico4.png) center no-repeat #7b62bb; background-size:100% 100%;} #Content4 .hProb .slick-dots{ height:12px; position:static; margin-top:20px;} #Content4 .hProb .slick-dots li{ background:#607d8b; width:12px; height:12px; margin:0 5px; text-indent:-9999px; overflow:hidden; vertical-align:top; border-radius:50%;} #Content4 .hProb .slick-dots li.slick-active{ background:#7b62bb;} @media screen and (max-width:1600px){ #Content4 .hProb .slick-prev{ left:-66px; } #Content4 .hProb .slick-next{ left:auto; right:-66px;} } @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ #Content4 .hProb .ul1{ margin:0 -10px;} #Content4 .hProb .l1{ padding:10px;} #Content4 .hProb .la .tit{ padding:22px 20px;} #Content4 .hProb .la .info{ padding:0 20px; margin:25px 0 30px 0;} } @media screen and (max-width:992px){ #Content4 .hImg{ width:40px; margin-left:-20px; top:-1px;} #Content4 .hTit .tit2{ margin:8px 0 10px 0; font-size:20px; line-height:20px;} #Content4 .hTit .tit2 span{ padding:0 15px;} #Content4 .hProbBg{padding:30px 0;} #Content4 .hProb{ margin-top:20px;} #Content4 .hProb .ul1{ margin:0 -6px;} #Content4 .hProb .l1{ padding:6px;} #Content4 .hProb .la .tit{ padding:10px 12px;} #Content4 .hProb .la .tit h5{ font-size:15px; line-height:24px; padding-left:20px;} #Content4 .hProb .la .tit span{ font-size:40px; line-height:40px;} #Content4 .hProb .la .info{ padding:0 12px; margin:10px 0; font-size:14px; line-height:24px; height:72px;} #Content4 .hProb .slick-dots{ margin-top:15px;} } @media screen and (max-width:768px){ #Content4 .hProb .l1{ width:50%;} } #Content5 .hImg{ float:left; width:86px; line-height:0; position:absolute; left:50%; top:-3px; margin-left:-43px;} /*hTit*/ #Content5 .hTit{ float:left; width:100%; text-align:center;} #Content5 .hTit .tit1{ float:left; width:100%; color:#7b62bb; font-size:16px; line-height:16px; font-family:Arial; text-transform:uppercase; letter-spacing:6px;} #Content5 .hTit .tit2{ float:left; width:100%; color:#333333; font-size:32px; line-height:32px; margin:14px 0 16px 0; overflow:hidden;} #Content5 .hTit .tit2 span{ display:inline-block; vertical-align:top; position:relative; z-index:6; padding:0 22px;} #Content5 .hTit .tit2 span:after, #Content5 .hTit .tit2 span:before{ float:left; width:585px; height:1px; background:#dddddd; content:''; position:absolute; left:100%; top:50%; z-index:1;} #Content5 .hTit .tit2 span:before{ left:auto; right:100%;} #Content5 .hTit .tit3{ float:left; width:100%; color:#666666; font-size:16px; line-height:16px;} /*hNewsBg*/ #Content5 .hNewsBg{ float:left; width:100%; padding:80px 0 56px 0; position:relative;} #Content5 .hNews1{ float:left; width:100%; margin:40px 0 30px 0;} #Content5 .hNews1 .img{ float:left; width:47% !important; overflow:hidden;} #Content5 .hNews1 .pic{ float:left; width:100% !important; line-height:0; overflow:hidden;} #Content5 .hNews1 .pic img{ -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;} #Content5 .hNews1 .pic:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} #Content5 .hNews1 .list{ float:right; width:53%;} #Content5 .hNews1 .list li{ float:left; width:100%;} #Content5 .hNews1 .list li a{ float:left; width:100%; padding:27px 0 27px 9.67%;} #Content5 .hNews1 .list .tit{ float:left; width:100%; color:#222222; font-size:18px; line-height:28px;} #Content5 .hNews1 .list .info{ float:left; width:100%; color:#666666; font-size:14px; line-height:24px; margin-top:6px;} #Content5 .hNews1 .list li a:hover{ background:#f2eff8;} #Content5 .hNews1 .list li a:hover .tit, #Content5 .hNews1 .list li a:hover .info{ padding:0 40px 0 18px; -webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s; } #Content5 .hNews2{ float:left; width:100%;} #Content5 .hNews2 .list{ margin:0 -15px;} #Content5 .hNews2 .l1{ float:left; width:25%; padding:0 15px; margin-top:12px;} #Content5 .hNews2 .la{ float:left; width:100%;} #Content5 .hNews2 .img{ float:left; width:100%; position:relative; line-height:0; overflow:hidden;} #Content5 .hNews2 .img .pic{ -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;} #Content5 .hNews2 .la:hover .img .pic{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} #Content5 .hNews2 .img i{ float:left; width:100%; height:100%; position:absolute; left:0; top:100%; z-index:1; opacity:0.95; filter:alpha(opacity=95); background:#7b62bb;-webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #Content5 .hNews2 .img span{ float:left; width:100%; text-align:center; color:#fff; font-size:14px; line-height:24px; position:absolute; left:0; top:150%; z-index:2; margin-top:-12px; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #Content5 .hNews2 .info{ float:left; width:100%; color:#333335; font-size:16px; line-height:26px; margin-top:16px;} #Content5 .hNews2 .la:hover .img i{ top:0;} #Content5 .hNews2 .la:hover .img span{ top:50%;} #Content5 .hNews2 .la:hover .info{ color:#7b62bb;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ #Content5 .hNews1 .list li a{ padding:18px 0 18px 9.67%;} #Content5 .hNews1 .list .info{ margin-top:4px;} } @media screen and (max-width:992px){ #Content5 .hImg{ width:40px; margin-left:-20px; top:-1px;} #Content5 .hTit .tit2{ margin:8px 0 10px 0; font-size:20px; line-height:20px;} #Content5 .hTit .tit2 span{ padding:0 15px;} #Content5 .hNewsBg{ padding:30px 0;} #Content5 .hNews1{ margin:25px 0 5px 0;} #Content5 .hNews1 .list li a{ padding:10px 0 10px 9.67%;} #Content5 .hNews1 .list .info{ margin-top:1px;} #Content5 .hNews1 .list .tit{ font-size:16px; line-height:26px;} #Content5 .hNews1 .list li a:hover .tit, #Content5 .hNews1 .list li a:hover .info{ padding:0 12px;} #Content5 .hNews2 .list{ margin:0 -6px;} #Content5 .hNews2 .l1{ padding:0 6px;} #Content5 .hNews2 .info{ margin-top:8px; font-size:14px; line-height:24px;} } @media screen and (max-width:768px){ #Content5 .hNews1 .img{ width:100% !important;} #Content5 .hNews1 .list{ width:100%; margin-top:10px;} #Content5 .hNews1 .list li a{ padding:10px 0;} #Content5 .hNews2 .l1{ width:50%;} } /*tishiB*/ #Content6 .tishiB{ float:left; width:100%; height:100%; position:fixed; left:0; top:0; z-index:999; background:#000;opacity:0.3; filter:alpha(opacity=30);} #Content6 .tishiC{ float:left; width:830px; position:fixed; left:50%; top:50%; margin-left:-415px; transform:translateY(-50%); z-index:1001; background:#fff; box-shadow:0 5px 15px rgba(0,0,0,0.2); border-radius:20px;} #Content6 .tishiC .l1{ float:left; width:100%; padding:15px 40px; color:#333333; font-size:16px; line-height:30px;} #Content6 .tishiC .l1 .time1{ float:left;} #Content6 .tishiC .l1 .time2{ float:right;} #Content6 .tishiC .l2{ float:left; width:100%; color:#4d3390; font-size:28px; line-height:88px; text-align:center; font-weight:bold; background:#f2f2f2;} #Content6 .tishiC .l3{ float:left; width:100%; color:#333333; font-size:18px; line-height:40px; padding:41px 55px;} #Content6 .tishiC .l4{ float:left; width:100%; padding:40px 0;} #Content6 .tishiC .l4 .fv{ display:block; margin:0 auto; width:249px; height:52px; line-height:50px; background:#4d3390; background:rgba(77,51,144,0.3); color:#4d3390; font-size:24px; border-radius:52px;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #Content6 .tishiC{ width:90%; left:5%; margin-left:0; border-radius:10px;} #Content6 .tishiC .l1{ padding:6px 15px; font-size:12px; line-height:20px;} #Content6 .tishiC .l2{ font-size:17px; line-height:40px;} #Content6 .tishiC .l3{ font-size:14px; line-height:26px; padding:10px 15px; } #Content6 .tishiC .l4{ padding:15px 0;} #Content6 .tishiC .l4 .fv{ width:140px; height:36px; line-height:34px;font-size:16px; border-radius:36px;} } @media screen and (max-width:768px){ #Content6 .tishiC .l3{ font-size:12px; line-height:22px; } } /*iBanner*/ #Slide2 .iBanner{ float:left; width:100%; line-height:0; background:#000;} #Slide2 .iBanner .pic{opacity:0.8; filter:alpha(opacity=80); } @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ } /*左边*/ #SubItem .slideBox .pz_SideLayer{ float:left;} #SubItem .slideBox .pz_SideLayer .l1{ float:left;} #SubItem .slideBox .pz_SideLayer .l1 a{ float:left; height:64px; line-height:64px; color:#333; font-size:16px; font-weight:bold; padding:0 15px; position:relative;} #SubItem .slideBox .pz_SideLayer .l1 a:after{ float:left; width:0; height:2px; content:''; position:absolute; left:50%; bottom:-1px; background:#7b62bb;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%);} #SubItem .slideBox .pz_SideLayer .l1.on a, #SubItem .slideBox .pz_SideLayer .l1:hover a{ color:#7b62bb;} #SubItem .slideBox .pz_SideLayer .l1.on a:after, #SubItem .slideBox .pz_SideLayer .l1:hover a:after{ width:100%;} #SubItem .slideBox{ float:left; width:100%; border-bottom:1px solid #e5e5e5;} #SubItem .slideR{ float:right; color:#4a4a4a; font-size:14px; line-height:30px; padding-left:29px; margin:17px 0;} #SubItem .slideR a{ color:#4a4a4a;} #SubItem .slideR a:hover{ color:#7b62bb;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #SubItem .slideBox .pz_SideLayer .l1 a{ height:46px; line-height:46px; font-size:14px; padding:0 10px; } #SubItem .slideR{ display:none;} } @media screen and (max-width:768px){ #SubItem .slideBox{white-space:nowrap; height:46px;} #SubItem .slideBox .container{ overflow-x:scroll; white-space:nowrap;} #SubItem .slideBox .pz_SideLayer{ overflow-x:scroll; white-space:nowrap;} #SubItem .slideBox .pz_SideLayer .l1{ float:none; display:inline-block; white-space:nowrap;} } /*about1*/ #Content7 .about1{ float:left; width:100%; margin:84px 0 80px 0;} #Content7 .about1 .tit1{ float:left; width:100%; color:#333; font-size:30px; line-height:40px;} #Content7 .about1 .tit2{ float:left; width:100%; color:#999; font-size:16px; line-height:26px; margin:6px 0 17px 0;} #Content7 .about1 .cont{ float:left; width:100%; color:#666; font-size:16px; line-height:36px; margin-bottom:50px;} #Content7 .about1 .img{ float:left; width:100%; padding:70px 0 0 163px; position:relative;} #Content7 .about1 .img:after{ float:left; width:90.25%; height:77%; background:#f5f5f5; content:''; position:absolute; left:0; top:0; z-index:1;} #Content7 .about1 .img .pic1{ float:left; width:412px; height:52px; position:absolute; left:163px; top:70px; z-index:3; margin:14px 0 0 14px;} #Content7 .about1 .img .pic2{ float:left; width:104px; height:114px; position:absolute; left:43px; top:46px; z-index:2;} #Content7 .about1 .img .pic3{ width:100%; position:relative; z-index:2;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #Content7 .about1{ margin:30px 0;} #Content7 .about1 .tit1{ font-size:20px; line-height:30px;} #Content7 .about1 .tit2{ font-size:14px; line-height:24px; margin:2px 0 8px 0;} #Content7 .about1 .cont{ font-size:14px; line-height:28px; margin-bottom:25px;} #Content7 .about1 .img{ padding:20px 0 0 72px;} #Content7 .about1 .img .pic1{ width:206px; height:26px; left:72px; top:20px; margin:10px 0 0 10px;} #Content7 .about1 .img .pic2{ width:52px; height:57px; left:10px; top:10px;} } @media screen and (max-width:768px){ } #Content8 .aboutTit{ float: left; width: 100%; text-align: center} #Content8 .aboutTit h1{ float: left; width: 100%; color:#4d3390; font-size:30px; line-height:30px;} #Content8 .aboutTit span{ float: left; width: 100%; color:#7b7b7b; font-size: 14px; line-height: 24px; margin-top:11px;} #Content8 .about2{ float:left; width:100%; background:#f4f4f4; padding:80px 0 78px 0;} #Content8 .History{ float: left; width: 100%; margin-top:45px; position: relative;} #Content8 .History:after{ float: left; position: absolute; content: ''; width: 100%;height: 1px; background:#d0d0d0; left: 0; top:50%; z-index: 1; } #Content8 .HistoryList{ float: left; width: 100%; position: relative; z-index:6; padding:0 5px;} #Content8 .HistoryList:before, #Content8 .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;} #Content8 .HistoryList:before{ left: auto; right: 0;} #Content8 .HistoryList .l1{ float:left; width:100%; padding:0 8.57%;} #Content8 .HistoryList .text{ float: left; width: 100%; border:1px solid #e1e1e1; background:#fff; text-align: center; border-radius: 10px;-moz-border-radius:10px;-webkit-border-radius:10px; height: 100px; color:#444444; font-size:16px; line-height: 28px; } #Content8 .HistoryList .text em{display: table; height: 100%;width: 100%; padding: 0 11%;} #Content8 .HistoryList .text em i{ display: table-cell; vertical-align: middle;} #Content8 .HistoryList .time{ float: left; width: 100%; display: block; text-align: center; margin-top: 62px;} #Content8 .HistoryList .time span{display: inline-block; width: 108px; height: 108px; background: #7b62bb; color:#fff; line-height: 108px; font-size: 24px; font-weight: bold; border-radius:80px;-moz-border-radius:80px;-webkit-border-radius:80px; position: relative;} #Content8 .HistoryList .time span:after{ position: absolute; content: ''; width: 12px; height: 12px; top:-32px; left: 50%; margin-left: -6px; background: #7b62bb; border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;} #Content8 .HistoryList .time span:before{ position: absolute; content: ''; width: 1px; height: 35px; top:-30px; left: 50%; background: #7b62bb;} #Content8 .HistoryList .text.tow{ margin-top: 62px;} #Content8 .HistoryList .time.tow{ margin-top: 0;} #Content8 .HistoryList .time.tow span:after{ top: auto; bottom: -34px;} #Content8 .HistoryList .time.tow span:before{ top: auto; bottom: -32px;} #Content8 .HistoryList .slick-prev, #Content8 .HistoryList .slick-next{ width:48px; height:48px; border-radius:50%; background:#bebebe; left:-88px;} #Content8 .HistoryList .slick-next{ left:auto; right:-88px;} #Content8 .HistoryList .slick-prev:hover, #Content8 .HistoryList .slick-next:hover{ background:#7b62bb;} #Content8 .HistoryList .slick-prev:after, #Content8 .HistoryList .slick-prev:before, #Content8 .HistoryList .slick-next:after, #Content8 .HistoryList .slick-next:before{float:left; width:15px; height:1px; background:#fff; content:''; position:relative;} #Content8 .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; } #Content8 .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; } #Content8 .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; } #Content8 .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){ #Content8 .HistoryList{ padding:0 40px;} #Content8 .HistoryList .l1{ padding:0 6%;} #Content8 .HistoryList .slick-prev{ left:0;} #Content8 .HistoryList .slick-next{ left:auto; right:0;} } @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ #Content8 .HistoryList .text{ font-size:14px; line-height:22px;} #Content8 .HistoryList .text em{ padding:0 12px;} } @media screen and (max-width:992px){ #Content8 .aboutTit h1{ font-size:20px; line-height:20px;} #Content8 .aboutTit span{ margin-top:5px;} #Content8 .about2{ padding:30px 0;} #Content8 .History{ margin-top:20px;} #Content8 .HistoryList .slick-prev, #Content8 .HistoryList .slick-next{ width:30px; height:30px;} #Content8 .HistoryList .slick-prev:after, #Content8 .HistoryList .slick-prev:before, #Content8 .HistoryList .slick-next:after, #Content8 .HistoryList .slick-next:before{ width:10px; } #Content8 .HistoryList{ padding:0 20px;} #Content8 .HistoryList .l1{ padding:0 2px;} #Content8 .HistoryList .slick-next:after{ top:-4px; left:1px; } #Content8 .HistoryList .slick-next:before{ top:2px; left:11px; } #Content8 .HistoryList .slick-prev:after{ top:2px; left:0px; } #Content8 .HistoryList .slick-prev:before{ top:-4px; left:10px;} #Content8 .HistoryList .time span{ width:88px; height:88px; font-size:20px; line-height:88px;} #Content8 .HistoryList .text{ height:80px;} } @media screen and (max-width:768px){ } #Content9 .aboutTit{ float: left; width: 100%; text-align: center} #Content9 .aboutTit h1{ float: left; width: 100%; color:#4d3390; font-size:30px; line-height:30px;} #Content9 .aboutTit span{ float: left; width: 100%; color:#7b7b7b; font-size: 14px; line-height: 24px; margin-top:11px;} /*about3*/ #Content9 .about3{ float:left; width:100%; margin:80px 0 75px 0;} #Content9 .adtve{float:left; width:100%; overflow:hidden;} #Content9 .adtve .ul1{ margin:0 -124px;display: flex;flex-wrap: wrap; align-content: flex-start;} #Content9 .adtve .l1{ float:left; width:33.33%; text-align:center; margin-top:45px; padding:0 124px; position:relative;} #Content9 .adtve .l1:after{ float:left; width:288px; height:1px; position:absolute; right:-144px; top:54px; content:''; border-bottom:1px dashed #c3c3c3;} #Content9 .adtve .l1:nth-child(3n):after{ display:none;} #Content9 .adtve .la{float:left; width:100%;} #Content9 .adtve .img{ float:left; width:100%; line-height:0;} #Content9 .adtve .img img{ display:block; margin:0 auto; width:110px; height:110px; border-radius:50%;} #Content9 .adtve .ifno{ float:left; width:100%; color:#333; font-size:14px; line-height:24px; min-height:48px; margin-top:15px;} #Content9 .adtve .la:hover .img img{-webkit-transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg);} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ #Content9 .adtve .ul1{ margin:0 -64px;} #Content9 .adtve .l1{ padding:0 64px;} #Content9 .adtve .l1:after{ width:180px; right:-90px;} } @media screen and (max-width:992px){ #Content9 .aboutTit h1{ font-size:20px; line-height:20px;} #Content9 .aboutTit span{ margin-top:5px;} #Content9 .about3{ margin:30px 0 25px 0;} #Content9 .adtve .ul1{ margin:0 -24px;} #Content9 .adtve .l1{ padding:0 24px; margin-top:20px;} #Content9 .adtve .l1:after{ width:100px; right:-50px; top:32px;} #Content9 .adtve .img img{ width:66px; height:66px; } #Content9 .adtve .ifno{ margin-top:10px;} } @media screen and (max-width:768px){ #Content9 .adtve .ul1{ margin:0 -10px;} #Content9 .adtve .l1{ width:50%; padding:0 10px;} #Content9 .adtve .l1:after{ width:30%; right:-15%;} #Content9 .adtve .ifno{ line-height:22px;} #Content9 .adtve .l1:nth-child(3n):after{ display:block;} #Content9 .adtve .l1:nth-child(2n):after{ display:none;} } #Content10 .inTit1{ float:left; width:100%; position:relative; z-index:6; text-align:center;} #Content10 .inTit1 .tit1{ float:left; width:100%; color:#434343; font-size:30px; line-height:40px;} #Content10 .inTit1 .tit2{ float:left; width:100%; color:#7b7b7b; font-size:14px; line-height:24px; margin-top:4px;} #Content10 .zhceBg0{ float:left; width:100%; padding:75px 0 70px 0;} #Content10 .zhce1{ float:left; width:100%; color:#7b62bb; font-size:18px; line-height:28px; text-align:center; font-weight:bold; margin:39px 0 24px 0;} #Content10 .zhce0{ float:left; width:100%; margin-top:23px; overflow:hidden;} #Content10 .zhce0 .l1{ float:left; width:25%; padding:0 15px; text-align:center; margin-top:12px;} #Content10 .zhce0 .l1 .img{ float:left; width:100%; line-height:0; position:relative;} #Content10 .zhce0 .l1 .img:after{ float:left; width:120%; height:1px; position:absolute; left:-10%; top:50%; content:''; z-index:1; background:#ececec;} #Content10 .zhce0 .l1 .img img{ border-radius:50%; width:126px; height:126px; position:relative; z-index:6;} #Content10 .zhce0 .l1 .tit{ float:left; width:100%; color:#1d1d1d; font-size:18px; line-height:28px; margin:18px 0 14px 0;} #Content10 .zhce0 .l1 .info{ float:left; width:100%; color:#666666; font-size:14px; line-height:24px; min-height:48px;} #Content10 .zhce0 .l1 .cont{ float:left; width:87%; background:#fbfbfb; border:1px solid #f3f3f3; color:#666666; font-size:16px; line-height:30px; margin:44px 6.5% 0 6.5%; min-height:108px; display:flex;flex-direction: column;justify-content:center;align-items:center; padding:8px; position:relative;} #Content10 .zhce0 .l1 .cont:after{ float:left; width:26px; height:13px; background:url(/template/theme/CN/2157_zhuce10.jpg) center no-repeat; background-size:100% auto; content:''; position:absolute; left:115%; top:50%; margin-top:-6px; margin-left:-13px;} #Content10 .zhce0 .l1:hover .img img{-webkit-transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg);} #Content10 .zhce0 .l1:hover .tit{ color:#7b62bb;} #Content10 .askMore{ float:left; width:100%; text-align:center; position:relative; z-index:6;} #Content10 .askMore a{ display:block; margin:0 auto; border-radius:42px; width:165px; height:42px; line-height:40px; background:#7b62bb; color:#fff; font-size:16x;} #Content10 .askMore a:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #Content10 .inTit1 .tit1{ font-size:20px; line-height:20px;} #Content10 .inTit1 .tit2{ margin-top:0;} #Content10 .zhceBg0{ padding:25px 0 30px 0;} #Content10 .zhce1{ font-size:16px; line-height:26px; margin:18px 0 15px 0;} #Content10 .zhce0{ margin-top:10px;} #Content10 .zhce0 .l1{ padding:0 6px;} #Content10 .zhce0 .l1 .img img{ width:86px; height:86px;} #Content10 .zhce0 .l1 .tit{ font-size:16px; line-height:26px; margin:10px 0 5px 0;} #Content10 .zhce0 .l1 .info{ line-height:22px; min-height:44px;} #Content10 .zhce0 .l1 .cont{ width:90%; margin:10px 5% 0 5%; line-height:24px; min-height:84px; padding:6px 8px;} #Content10 .zhce0 .l1 .cont:after{ width:20px; height:13px; left:111%; margin-left:-10px;} #Content10 .askMore a{ width:140px; height:36px; line-height:34px;} } @media screen and (max-width:768px){ #Content10 .zhce0 .l1{ width:50%;} #Content10 .zhce0 .l1:nth-child(2n) .cont:after{ display:none;} #Content10 .zhce0 .l1 .cont{ padding:6px 4px; font-size:15px; line-height:24px;} } #Content11 .askMore{ float:left; width:100%; text-align:center; position:relative; z-index:6;} #Content11 .askMore a{ display:block; margin:0 auto; border-radius:42px; width:165px; height:42px; line-height:40px; background:#7b62bb; color:#fff; font-size:16px;} #Content11 .askMore a:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);} #Content11 .inTit1{ float:left; width:100%; position:relative; z-index:6; text-align:center;} #Content11 .inTit1 .tit1{ float:left; width:100%; color:#434343; font-size:30px; line-height:40px;} #Content11 .inTit1 .tit2{ float:left; width:100%; color:#7b7b7b; font-size:14px; line-height:24px; margin-top:4px;} #Content11 .zhceBg1{ float:left; width:100%; position:relative; padding:56px 0 50px 0;} #Content11 .zhceBg1 .bg1{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;opacity:0.1; filter:alpha(opacity=10); } #Content11 .zhce3{ float:left; width:100%; position:relative; z-index:6; background:#fff; border:1px solid #ececec;border-top:none; border-left:none; margin:33px 0 46px 0;} #Content11 .zhce3 .ul1{ float:left; width:100%; } #Content11 .zhce3 .l1{ float:left; width:25%; border-top:1px solid #ececec; border-left:1px solid #ececec; text-align:center; padding:34px 33px 25px 33px;} #Content11 .zhce3 .l1 .img{ float:left; width:100%; line-height:0; margin-bottom:28px;} #Content11 .zhce3 .l1 .img img{ display:block; margin:0 auto; width:117px; height:117px; border-radius:50%;} #Content11 .zhce3 .l1 .tit{ float:left; width:100%; color:#333333; font-size:15px; line-height:25px; font-weight:bold;} #Content11 .zhce3 .l1 .info{ float:left; width:100%; color:#333333; font-size:14px; line-height:30px; height:60px; overflow:hidden;} #Content11 .zhce3 .l1:hover .img img{-webkit-transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg);} #Content11 .zhce3 .l1:hover .tit{ color:#7b62bb;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ #Content11 .zhce3 .l1{ padding:34px 20px 25px 20px;} } @media screen and (max-width:992px){ #Content11 .askMore a{ width:140px; height:36px; line-height:34px;} #Content11 .inTit1 .tit1{ font-size:20px; line-height:20px;} #Content11 .inTit1 .tit2{ margin-top:0;} #Content11 .zhceBg1{ padding:30px 0;} #Content11 .zhce3{ margin:20px 0;} #Content11 .zhce3 .l1{ padding:20px 12px 15px 12px;} #Content11 .zhce3 .l1 .img{ margin-bottom:10px;} #Content11 .zhce3 .l1 .img img{ width:80px; height:80px;} #Content11 .zhce3 .l1 .info{ line-height:24px; height:48px;} } @media screen and (max-width:768px){ #Content11 .zhce3 .l1{ width:50%;} } #Content12 .inTit1{ float:left; width:100%; position:relative; z-index:6; text-align:center;} #Content12 .inTit1 .tit1{ float:left; width:100%; color:#434343; font-size:30px; line-height:40px;} #Content12 .inTit1 .tit2{ float:left; width:100%; color:#7b7b7b; font-size:14px; line-height:24px; margin-top:4px;} /*zhceBg2*/ #Content12 .zhceBg2{ float:left; width:100%; padding:51px 0 53px 0;} #Content12 .zhce4{ float:left; width:100%; margin:37px 0;} #Content12 .zhce4 .ul1{ margin:0 -15px;} #Content12 .zhce4 .l1{ float:left; width:25%; text-align:center; padding:0 15px; margin-bottom:18px;} #Content12 .zhce4 .la{ float:left; width:100%; background:#f2f2f2; overflow:hidden; border-radius:5px;} #Content12 .zhce4 .la .img{ float:left; width:100%; line-height:0; overflow:hidden;} #Content12 .zhce4 .la 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;} #Content12 .zhce4 .la:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} #Content12 .zhce4 .la .tit{ float:left; width:100%; color:#434343; font-size:16px; line-height:26px; position:relative; padding:13px 10px; margin-top:13px;} #Content12 .zhce4 .la .tit:after{ float:left; width:48px; height:2px; content:''; background:#7b62bb; position:absolute; left:50%; bottom:0; margin-left:-24px;} #Content12 .zhce4 .la .info{ float:left; width:100%; color:#707070; font-size:14px; line-height:30px; min-height:60px; margin:8px 0 23px 0; padding:0 10px;} #Content12 .zhce4 .la:hover{ background:#7b62bb;} #Content12 .zhce4 .la:hover .tit{ color:#fff;} #Content12 .zhce4 .la:hover .tit:after{ background:#fff;} #Content12 .zhce4 .la:hover .info{ color:#fff;} #Content12 .askMore{ float:left; width:100%; text-align:center; position:relative; z-index:6;} #Content12 .askMore a{ display:block; margin:0 auto; border-radius:42px; width:165px; height:42px; line-height:40px; background:#7b62bb; color:#fff; font-size:16px;} #Content12 .askMore a:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #Content12 .inTit1 .tit1{ font-size:20px; line-height:20px;} #Content12 .inTit1 .tit2{ margin-top:0;} #Content12 .zhceBg2{ padding:25px 0;} #Content12 .zhce4{ margin:20px 0;} #Content12 .zhce4 .ul1{ margin:0 -6px;} #Content12 .zhce4 .l1{ padding:0 6px; margin-bottom:12px;} #Content12 .zhce4 .la .tit{ padding:8px 10px; margin-top:4px;} #Content12 .zhce4 .la .info{ line-height:24px; min-height:48px; margin:6px 0 12px 0; font-size:13px;} #Content12 .askMore a{ width:140px; height:36px; line-height:34px;} } @media screen and (max-width:768px){ #Content12 .zhce4 .l1{ width:50%;} } /*liucheng*/ #Content13 .liuchengBg{float:left; width:100%; padding:95px 0 60px 0;} #Content13 .liucheng{ float:left; width:100%; margin-top:32px; overflow:hidden;} #Content13 .liucheng .ul1{ margin:0 -30px;} #Content13 .liucheng .l1{ float:left; width:20%; padding:18px 30px; text-align:center;} #Content13 .liucheng .l1:nth-child(6){ margin-left:10%;} #Content13 .liucheng .img{ float:left; width:100%; position:relative;} #Content13 .liucheng .img:after{ float:left; width:91%; position:absolute; left:90%; top:50%; border-bottom:1px dashed #c1c1c1; content:''; margin-top:-1px;} #Content13 .liucheng .l1:last-child .img:after{ display:none;} #Content13 .liucheng .img i{ display:inline-block; vertical-align:top; position:relative; width:133px; height:133px; background:#a291cf; border-radius:50%; -webkit-border-radius:50%;} #Content13 .liucheng .img i .ico1{ display:block; vertical-align:top; width:109px; height:109px; border-radius:50%; -webkit-border-radius:50%; box-shadow:0 3px 10px rgba(0,0,0,0.1); position:relative; z-index:8; background:#fff; margin:12px;} #Content13 .liucheng .img i .bg{ float:left; width:auto; height:100%; position:absolute; right:-26px; top:0; z-index:6; background:#a291cf;} #Content13 .liucheng .tit{ float:left; width:100%; color:#333333; font-size:16px; line-height:26px; font-weight:bold; margin-top:17px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;} #Content13 .liucheng .info{ float:left; width:100%; color:#adadad; font-size:14px; line-height:20px; height:40px; overflow:hidden; margin-top:6px;} #Content13 .liucheng .l1:hover .img i .ico1{box-shadow:0 5px 15px rgba(0,0,0,0.3);} #Content13 .liucheng .l1:hover .tit{ color:#7b62bb;} #Content13 .liucheng.lc .l1:nth-child(6) .img i .bg, #Content13 .liucheng.lc .l1:nth-child(7) .img i .bg, #Content13 .liucheng.lc .l1:nth-child(8) .img i .bg, #Content13 .liucheng.lc .l1:nth-child(9) .img i .bg{ right:auto; left:-26px; transform:rotate(180deg);} /*inTit*/ #Content13 .inTit{ float:left; width:100%; text-align:center; color:#333333; font-size:32px; line-height:42px; position:relative; padding-bottom:25px;} #Content13 .inTit:after{ float:left; width:50px; height:3px; position:absolute; left:50%; bottom:0; content:''; background:#7b62bb;opacity:0.5; filter:alpha(opacity=50); margin-left:-25px;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ #Content13 .liucheng .ul1{ margin:0 -15px;} #Content13 .liucheng .l1{ padding:18px 15px;} #Content13 .liucheng .img i{ width:123px; height:123px;} #Content13 .liucheng .img i .bg{ height:60%; top:20%; right:-20px;} #Content13 .liucheng .img i .ico1{ width:103px; height:103px; margin:10px;} #Content13 .liucheng.lc .l1:nth-child(6) .img i .bg, #Content13 .liucheng.lc .l1:nth-child(7) .img i .bg, #Content13 .liucheng.lc .l1:nth-child(8) .img i .bg, #Content13 .liucheng.lc .l1:nth-child(9) .img i .bg{ right:auto; left:-20px; transform:rotate(180deg);} } @media screen and (max-width:992px){ #Content13 .liuchengBg{padding:30px 0;} #Content13 .liucheng{ margin-top:20px;} #Content13 .liucheng .ul1{ margin:0 -8px;} #Content13 .liucheng .l1{ padding:8px 8px; width:30%;} #Content13 .liucheng .l1:nth-child(6){ margin-left:0;} #Content13 .liucheng .l1:nth-child(3n) .img:after{ display:none;} #Content13 .liucheng .img:after{ left:50%;} #Content13 .liucheng .img i{ width:100px; height:100px;} #Content13 .liucheng .img i .bg{ height:40%; top:30%; right:-12px;} #Content13 .liucheng .img i .ico1{ width:88px; height:88px; margin:6px;} #Content13 .liucheng .tit{ margin-top:10px;} #Content13 .liucheng.lc .l1:nth-child(6) .img i .bg, #Content13 .liucheng.lc .l1:nth-child(7) .img i .bg, #Content13 .liucheng.lc .l1:nth-child(8) .img i .bg, #Content13 .liucheng.lc .l1:nth-child(9) .img i .bg{ right:-12px; left:auto; transform:rotate(0);} #Content13 .inTit{ font-size:20px; line-height:30px; padding-bottom:12px;} #Content13 .inTit:after{ width:40px; height:2px; margin-left:-20px;} } @media screen and (max-width:768px){ #Content13 .liucheng .l1{ float:left; width:50%;} #Content13 .liucheng .l1:nth-child(3n) .img:after{ display:block;} #Content13 .liucheng .l1:last-child .img:after, #Content13 .liucheng .l1:nth-child(2n) .img:after{ display:none;} } /*fuwu*/ #Content14 .fuwuBg{ float:left; width:100%; background:#f4f4f4; padding:95px 0 100px 0;} #Content14 .fuwu{ float:left; width:100%; margin-top:30px;} #Content14 .fuwu .ul1{ margin:0 -15px;} #Content14 .fuwu .l1{ float:left; width:33.33%; padding:0 15px; margin-top:30px;} #Content14 .fuwu .l1 .top{ float:left; width:100%; background:#2196f3; color:#fff; text-align:center; padding:34px 15px;} #Content14 .fuwu .l1:nth-child(n+2) .top{ background:#00acc1;} #Content14 .fuwu .l1:nth-child(n+3) .top{ background:#4caf50;} #Content14 .fuwu .top .tit1{ float:left; width:100%; font-size:20px; line-height:30px;} #Content14 .fuwu .top .tit2{ float:left; width:100%; font-size:16px; line-height:26px; opacity:0.6; filter:alpha(opacity=60); margin-top:8px;} #Content14 .fuwu .down{ float:left; width:100%; background:#fff; color:#333333; font-size:16px; line-height:30px; text-align:center; padding:18px 15px; min-height:456px;} #Content14 .fuwu .down .p1{ float:left; width:100%; margin:15px 0; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;} #Content14 .fuwu .btn{ float:left; width:100%; background:#fff; padding:0 0 45px 0;} #Content14 .fuwu .btn a{ display:block; margin:0 auto; width:162px; height:46px; line-height:44px; border:1px solid #7b62bb; border-radius:8px; color:#7b62bb; font-size:16px; text-align:center;} #Content14 .fuwu .btn a:hover{ background:#7b62bb; color:#fff;} /*inTit*/ #Content14 .inTit{ float:left; width:100%; text-align:center; color:#333333; font-size:32px; line-height:42px; position:relative; padding-bottom:25px;} #Content14 .inTit:after{ float:left; width:50px; height:3px; position:absolute; left:50%; bottom:0; content:''; background:#7b62bb;opacity:0.5; filter:alpha(opacity=50); margin-left:-25px;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #Content14 .fuwuBg{ padding:25px 0 30px 0;} #Content14 .fuwu{ margin-top:10px;} #Content14 .fuwu .ul1{ margin:0 -6px;} #Content14 .fuwu .l1{ padding:0 6px; margin-top:12px;} #Content14 .fuwu .l1 .top{ padding:14px 15px;} #Content14 .fuwu .top .tit1{ font-size:18px; line-height:28px;} #Content14 .fuwu .top .tit2{ font-size:14px; line-height:24px;margin-top:2px;} #Content14 .fuwu .down{ font-size:14px; line-height:26px;padding:10px 15px; min-height:258px;} #Content14 .fuwu .down .p1{ margin:4px 0; } #Content14 .fuwu .btn{ padding:0 0 22px 0;} #Content14 .fuwu .btn a{ width:120px; height:36px; line-height:34px; font-size:14px; border-radius:5px;} #Content14 .inTit{ font-size:20px; line-height:30px; padding-bottom:12px;} #Content14 .inTit:after{ width:40px; height:2px; margin-left:-20px;} } @media screen and (max-width:768px){ #Content14 .fuwu .l1{ width:100%;} #Content14 .fuwu .down{ min-height:160px;} } /*slideBox1*/ #SubItem2 .slideBox1{ float:left; width:100%; margin-top:70px; text-align:center;} #SubItem2 .slideBox1 .pz_SideLayer{ display:inline-block; vertical-align:top;} #SubItem2 .slideBox1 .pz_SideLayer .l1{ float:left; margin:10px 8px 0 8px;} #SubItem2 .slideBox1 .pz_SideLayer .l1 a{ float:left; background:#efefef; width:131px; height:42px; line-height:40px; color:#787878; font-size:16px;} #SubItem2 .slideBox1 .pz_SideLayer .l1.on a, #SubItem2 .slideBox1 .pz_SideLayer .l1:hover a{ background:#7b62bb; color:#fff;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #SubItem2 .slideBox1{ margin-top:20px;} #SubItem2 .slideBox1 .pz_SideLayer .l1{ margin:10px 4px 0 4px;} #SubItem2 .slideBox1 .pz_SideLayer .l1 a{ width:80px; height:32px; line-height:30px; font-size:14px;} } @media screen and (max-width:768px){ #SubItem2 .slideBox1 .pz_SideLayer .l1{ margin:10px 4px 0 4px;} #SubItem2 .slideBox1 .pz_SideLayer .l1 a{ width:76px;} @media screen and (max-width:374px){ #SubItem2 .slideBox1 .pz_SideLayer .l1{ margin:10px 3px 0 3px;} #SubItem2 .slideBox1 .pz_SideLayer .l1 a{ width:66px; font-size:12px;} } } /*fuwuBg*/ #Content15 .biangengBg{ float:left; width:100%; padding:95px 0;} #Content15 .biangeng{ float:left; width:100%; margin-top:5px; padding:0 3.41%;} #Content15 .biangeng .ul1{ margin:0 -15px;} #Content15 .biangeng .l1{ float:left; width:25%; padding:0 15px; text-align:center; margin-top:55px;} #Content15 .biangeng .la{ float:left; width:100%;} #Content15 .biangeng .img{ float:left; width:100%; line-height:0;} #Content15 .biangeng .img img{ display:block; margin:0 auto; width:102px; height:102px; border-radius:50%; -webkit-border-radius:50%;} #Content15 .biangeng .tit{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; margin-top:21px;} #Content15 .biangeng .la:hover .img img{-webkit-transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg);} #Content15 .biangeng .la:hover .tit{ color:#7b62bb;} /*inTit*/ #Content15 .inTit{ float:left; width:100%; text-align:center; color:#333333; font-size:32px; line-height:42px; position:relative; padding-bottom:25px;} #Content15 .inTit:after{ float:left; width:50px; height:3px; position:absolute; left:50%; bottom:0; content:''; background:#7b62bb;opacity:0.5; filter:alpha(opacity=50); margin-left:-25px;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #Content15 .biangengBg{ padding:25px 0;} #Content15 .biangeng{ padding:0;} #Content15 .biangeng .ul1{ margin:0 -6px;} #Content15 .biangeng .l1{ padding:0 6px; margin-top:15px;} #Content15 .biangeng .img img{ width:70px; height:70px;} #Content15 .biangeng .tit{ font-size:14px; line-height:24px; margin-top:8px;} #Content15 .inTit{ font-size:20px; line-height:30px; padding-bottom:12px;} #Content15 .inTit:after{ width:40px; height:2px; margin-left:-20px;} } @media screen and (max-width:768px){ #Content15 .biangeng .l1{ width:33.33%;} } /*liucheng*/ #Content16 .liuchengBg{float:left; width:100%; padding:95px 0 60px 0;} #Content16 .liucheng{ float:left; width:100%; margin-top:32px; overflow:hidden;} #Content16 .liucheng .ul1{ margin:0 -30px;} #Content16 .liucheng .l1{ float:left; width:20%; padding:18px 30px; text-align:center;} #Content16 .liucheng .l1:nth-child(6){ margin-left:10%;} #Content16 .liucheng .img{ float:left; width:100%; position:relative;} #Content16 .liucheng .img:after{ float:left; width:91%; position:absolute; left:90%; top:50%; border-bottom:1px dashed #c1c1c1; content:''; margin-top:-1px;} #Content16 .liucheng .l1:last-child .img:after{ display:none;} #Content16 .liucheng .img i{ display:inline-block; vertical-align:top; position:relative; width:133px; height:133px; background:#a291cf; border-radius:50%; -webkit-border-radius:50%;} #Content16 .liucheng .img i .ico1{ display:block; vertical-align:top; width:109px; height:109px; border-radius:50%; -webkit-border-radius:50%; box-shadow:0 3px 10px rgba(0,0,0,0.1); position:relative; z-index:8; background:#fff; margin:12px;} #Content16 .liucheng .img i .bg{ float:left; width:auto; height:100%; position:absolute; right:-26px; top:0; z-index:6; background:#a291cf;} #Content16 .liucheng .tit{ float:left; width:100%; color:#333333; font-size:16px; line-height:26px; font-weight:bold; margin-top:17px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;} #Content16 .liucheng .info{ float:left; width:100%; color:#adadad; font-size:14px; line-height:20px; height:40px; overflow:hidden; margin-top:6px;} #Content16 .liucheng .l1:hover .img i .ico1{box-shadow:0 5px 15px rgba(0,0,0,0.3);} #Content16 .liucheng .l1:hover .tit{ color:#7b62bb;} #Content16 .liucheng.lc .l1:nth-child(6) .img i .bg, #Content16 .liucheng.lc .l1:nth-child(7) .img i .bg, #Content16 .liucheng.lc .l1:nth-child(8) .img i .bg, #Content16 .liucheng.lc .l1:nth-child(9) .img i .bg{ right:auto; left:-26px; transform:rotate(180deg);} #Content16 .liuchengBg.Bg1{ background:#f4f4f4;} #Content16 .liucheng1 .img:after{ display:none;} /*inTit*/ #Content16 .inTit{ float:left; width:100%; text-align:center; color:#333333; font-size:32px; line-height:42px; position:relative; padding-bottom:25px;} #Content16 .inTit:after{ float:left; width:50px; height:3px; position:absolute; left:50%; bottom:0; content:''; background:#7b62bb;opacity:0.5; filter:alpha(opacity=50); margin-left:-25px;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ #Content16 .liucheng .ul1{ margin:0 -15px;} #Content16 .liucheng .l1{ padding:18px 15px;} #Content16 .liucheng .img i{ width:123px; height:123px;} #Content16 .liucheng .img i .bg{ height:60%; top:20%; right:-20px;} #Content16 .liucheng .img i .ico1{ width:103px; height:103px; margin:10px;} #Content16 .liucheng.lc .l1:nth-child(6) .img i .bg, #Content16 .liucheng.lc .l1:nth-child(7) .img i .bg, #Content16 .liucheng.lc .l1:nth-child(8) .img i .bg, #Content16 .liucheng.lc .l1:nth-child(9) .img i .bg{ right:auto; left:-20px; transform:rotate(180deg);} } @media screen and (max-width:992px){ #Content16 .liuchengBg{padding:30px 0;} #Content16 .liucheng{ margin-top:20px;} #Content16 .liucheng .ul1{ margin:0 -8px;} #Content16 .liucheng .l1{ padding:8px 8px; width:30%;} #Content16 .liucheng .l1:nth-child(6){ margin-left:0;} #Content16 .liucheng .l1:nth-child(3n) .img:after{ display:none;} #Content16 .liucheng .img:after{ left:50%;} #Content16 .liucheng .img i{ width:100px; height:100px;} #Content16 .liucheng .img i .bg{ height:40%; top:30%; right:-12px;} #Content16 .liucheng .img i .ico1{ width:88px; height:88px; margin:6px;} #Content16 .liucheng .tit{ margin-top:10px;} #Content16 .liucheng.lc .l1:nth-child(6) .img i .bg, #Content16 .liucheng.lc .l1:nth-child(7) .img i .bg, #Content16 .liucheng.lc .l1:nth-child(8) .img i .bg, #Content16 .liucheng.lc .l1:nth-child(9) .img i .bg{ right:-12px; left:auto; transform:rotate(0);} #Content16 .inTit{ font-size:20px; line-height:30px; padding-bottom:12px;} #Content16 .inTit:after{ width:40px; height:2px; margin-left:-20px;} } @media screen and (max-width:768px){ #Content16 .liucheng .l1{ float:left; width:50%;} #Content16 .liucheng .l1:nth-child(3n) .img:after{ display:block;} #Content16 .liucheng .l1:last-child .img:after, #Content16 .liucheng .l1:nth-child(2n) .img:after{ display:none;} } /*askBg*/ #Content17 .askBg{ float:left; width:100%; margin:95px 0 100px 0;} #Content17 .askList{ float:left; width:100%; margin:15px 0 55px 0;} #Content17 .askList .ul1{ margin:0 -35px;display: flex; flex-wrap: wrap; align-content: flex-start} #Content17 .askList .l1{ float:left; width:50%; margin-top:45px; padding:0 35px;} #Content17 .askList .l1 .tit1{ float:left; width:100%; color:#333333; font-size:16px; line-height:26px; position:relative; padding-left:44px;} #Content17 .askList .l1 .tit1 .q{ float:left; width:26px; height:26px; line-height:26px; text-align:center; color:#fff; font-size:14px; border-radius:3px; background:#2196f3; position:absolute; left:0; top:0;} #Content17 .askList .l1 .info{ float:left; width:100%; color:#666666; font-size:14px; line-height:30px; min-height:90px; padding-left:44px; margin-top:25px;} #Content17 .askList .l1:hover .tit1{ color:#7b62bb;} #Content17 .askMore{ float:left; width:100%; text-align:center; position:relative; z-index:6;} #Content17 .askMore a{ display:block; margin:0 auto; border-radius:42px; width:165px; height:42px; line-height:40px; background:#7b62bb; color:#fff; font-size:16px;} #Content17 .askMore a:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);} /*inTit*/ #Content17 .inTit{ float:left; width:100%; text-align:center; color:#333333; font-size:32px; line-height:42px; position:relative; padding-bottom:25px;} #Content17 .inTit:after{ float:left; width:50px; height:3px; position:absolute; left:50%; bottom:0; content:''; background:#7b62bb;opacity:0.5; filter:alpha(opacity=50); margin-left:-25px;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #Content17 .askBg{ margin:25px 0 35px 0;} #Content17 .askList{ margin:15px 0 25px 0;} #Content17 .askList .ul1{ margin:0 -15px;} #Content17 .askList .l1{ margin-top:15px; padding:0 15px;} #Content17 .askList .l1 .tit1{ padding-left:36px;} #Content17 .askList .l1 .info{ line-height:26px; margin-top:6px; padding-left:36px;} #Content17 .askMore a{ width:140px; height:36px; line-height:34px;} #Content17 .inTit{ font-size:20px; line-height:30px; padding-bottom:12px;} #Content17 .inTit:after{ width:40px; height:2px; margin-left:-20px;} } @media screen and (max-width:768px){ #Content17 .askList .l1{ width:100%;} } #List .slideBox{ float:left; width:100%; border-bottom:1px solid #e5e5e5;} #List .so{ float:left; width:270px; position:relative; margin:17px 0;} #List .so .Search{ float:left; width:100%; height:30px; background:none; border:1px solid #e5e5e5; padding:2px 52px 4px 9px; font-size:14px; line-height:22px; color:#999999; border-radius:4px;} #List .so .sear_sub{ float:left; width:42px; height:30px; position:absolute; right:0; top:0; border-radius:0 4px 4px 0;} #List .slideR{ float:right; color:#4a4a4a; font-size:14px; line-height:30px; padding-left:29px; margin:17px 0;} #List .slideR a{ color:#4a4a4a;} #List .slideR a:hover{ color:#7b62bb;} #List .NewsList{ float:left; width:100%; margin-top:50px;} #List .NewsList li{ float:left; width:100%; padding:30px 0; border-bottom:1px dashed #cccccc;} #List .NewsList li a{ float:left; width:100%; position:relative;} #List .NewsList li .pic1{ float:left; position:absolute; left:0; top:0; width:328px; height:200px; line-height:0; overflow:hidden;} #List .NewsList li .pic1 img{ -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;} #List .NewsList li:hover .pic1 img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} #List .NewsList .txe1{ float:left; width:100%; height:200px; padding-left:388px;} #List .NewsList .txe1 span{ float:left; width:100%; position:relative; margin:8px 0 20px 0;} #List .NewsList .txe1 span:after{ float:left; width:40px; height:1px; background:#cccccc; position:absolute; left:-60px; top:50%; content:'';} #List .NewsList .txe1 h5{ float:left; width:100%; color:#262424; font-size:20px; line-height:30px;} #List .NewsList li:hover .txe1 h5{ color:#7b62bb;} #List .NewsList .txe1 p{ float:left; width:100%; color:#999999; font-size:14px; line-height:26px; height:78px; overflow:hidden; margin-bottom:30px;} #List .NewsList .txe1 i{ float:left; width:30px; height:30px; transition:background 0.5s ease; -o-transition:background 0.5s ease; -moz-transition:background 0.5s ease; -webkit-transition:background 0.5s ease; border-radius:50%;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #List .slideR{ display:none;} #List .NewsList li{ padding:15px 0;} #List .NewsList{ margin-top:15px;} #List .NewsList li .pic1{ width:200px; height:122px;} #List .NewsList .txe1{ height:122px; padding-left:230px;} #List .NewsList .txe1 span{ margin:2px 0 5px 0;} #List .NewsList .txe1 span:after{ width:15px;left:-30px;} #List .NewsList .txe1 p{ line-height:22px; height:44px; margin-bottom:12px;} #List .NewsList .txe1 h5{ font-size:16px; line-height:26px;} #List .NewsList .txe1 i{ width:24px; height:24px;} } @media screen and (max-width:768px){ #List .so{ width:100%; margin:12px 0;} #List .NewsList li .pic1{ width:130px; height:80px;} #List .NewsList .txe1{ height:80px; padding-left:142px;} #List .NewsList .txe1 span{ margin:2px 0 2px 0;} #List .NewsList .txe1 span:after{ display:none;} #List .NewsList .txe1 p{ margin-bottom:0;} #List .NewsList .txe1 h5{ font-size:16px; line-height:26px;} #List .NewsList .txe1 i{ display:none;} } /* 分页 */ #Pagination .wack1{ float:left; width:100%; padding:60px 0 80px 0; text-align:center;} #Pagination .wack1 .pz_fy{ display:inline-block; *display:inline; *zoom:1;} #Pagination .wack1 .pz_fy a { float:left; width:38px; height:38px; line-height:38px; border-radius:38px; -moz-border-radius:38px; -webkit-border-radius:38px; border: 1px solid #e1e1e1; color:#272727; font-size:14px; font-family:Arial; margin:0 5px;} #Pagination .wack1 .pz_fy a:hover, #Pagination .wack1 .pz_fy a.on{color:#fff; border:1px solid #7b62bb; background:#7b62bb;} #Pagination .wack1 .pz_fy .l_fy, #Pagination .wack1 .pz_fy .r_fy{ width:100px;} #Pagination .wack1 .pz_fy .l_fy i, #Pagination .wack1 .pz_fy .r_fy i{ display:block; width:16px; height:2px; background:#7b62bb; margin:17px auto; position:relative;} #Pagination .wack1 .pz_fy .l_fy i:after, #Pagination .wack1 .pz_fy .l_fy i:before, #Pagination .wack1 .pz_fy .r_fy i:after, #Pagination .wack1 .pz_fy .r_fy i:before{float:left; width:7px; height:2px; background:#7b62bb; content:''; position:relative;} #Pagination .wack1 .pz_fy .l_fy i:after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top:3px; left:-7px; } #Pagination .wack1 .pz_fy .l_fy i:before{ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top:-3px; left:0px; } #Pagination .wack1 .pz_fy .r_fy i:after{ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top:3px; right:-2px; } #Pagination .wack1 .pz_fy .r_fy i:before{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top:-3px; right:-9px;} #Pagination .wack1 .pz_fy .l_fy:hover i, #Pagination .wack1 .pz_fy .r_fy:hover i{ background:#fff;} #Pagination .wack1 .pz_fy .l_fy:hover i:after, #Pagination .wack1 .pz_fy .l_fy:hover i:before, #Pagination .wack1 .pz_fy .r_fy:hover i:after, #Pagination .wack1 .pz_fy .r_fy:hover i:before{ background:#fff;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #Pagination .wack1{padding:30px 0;} #Pagination .wack1 .fy_pc{ text-align:center; font-size:14px; color:#272727; padding:5px 0;} #Pagination .wack1 .fy_pc a{ padding:5px 25px; color:#fff; border:solid 1px #7b62bb; background:#7b62bb; border-radius:16px; overflow:hidden;} #Pagination .wack1 .fy_pc span{ padding:5px 20px; color:#272727;} } @media screen and (max-width:768px){ } /*NewsDet*/ #Subpage .NewsDet{ float:left; width:100%; margin:75px 0 60px 0;} #Subpage .NewsDet .tit{ float:left; width:100%; color:#333333; font-size:24px; line-height:34px; text-align:center;} #Subpage .NewsDet .info{ float:left; width:100%; color:#979797; font-size:14px; line-height:24px; text-align:center; font-family:Arial; border-bottom:1px solid #e1e0e0; padding:12px 0 17px 0;} #Subpage .NewsDet .cont{ float:left; width:100%; color:#333333; font-size:14px; line-height:30px; padding:38px 0 50px 0;border-bottom:1px solid #e1e0e0;} #Subpage .NewsDet .fy{ float:left; width:100%; padding:40px 0;} #Subpage .NewsDet .fanhui{ float:right;width:117px; height:48px; color:#fff; font-size:16px; line-height:46px; background:#7b62bb; text-align:center;} #Subpage .NewsDet .fanhui:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);} #Subpage .NewsDet .share{ float:left; margin:11px 0;} #Subpage .slideBox{ float:left; width:100%; border-bottom:1px solid #e5e5e5;} #Subpage .so{ float:left; width:270px; position:relative; margin:17px 0;} #Subpage .so .Search{ float:left; width:100%; height:30px; background:none; border:1px solid #e5e5e5; padding:2px 52px 4px 9px; font-size:14px; line-height:22px; color:#999999; border-radius:4px;} #Subpage .so .sear_sub{ float:left; width:42px; height:30px; position:absolute; right:0; top:0; border-radius:0 4px 4px 0;} #Subpage .slideR{ float:right; color:#4a4a4a; font-size:14px; line-height:30px; padding-left:29px; margin:17px 0;} #Subpage .slideR a{ color:#4a4a4a;} #Subpage .slideR a:hover{ color:#7b62bb;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #Subpage .NewsDet{ margin:25px 0 30px 0;} #Subpage .NewsDet .tit{ font-size:18px; line-height:28px;} #Subpage .NewsDet .info{ padding:4px 0 8px 0;} #Subpage .NewsDet .cont{ line-height:26px; padding:15px 0 20px 0;} #Subpage .NewsDet .fy{ padding:20px 0;} #Subpage .NewsDet .fanhui{ float:none; display:block; margin:0 auto; height:38px; font-size:14spx; line-height:36px; } #Subpage .NewsDet .share{ display:none;} #Subpage .slideR{ display:none;} } @media screen and (max-width:768px){ #Subpage .so{ width:100%; margin:12px 0;} } /*Contact_1*/ #Content18 .Contact_1{ float:left; width:100%; margin:80px 0;} #Content18 .bdmap{ float:right; width:54%; height:560px; } #Content18 .bdmap .BMap_Marker BMap_noprint{ width:59px !important; height:44px !important;} #Content18 .bdmap img{ max-width:inherit !important;} #Content18 .bdmap .iw_poi_title{ color:#7b62bb; font-size:16px; font-weight:normal;} #Content18 .bdmap .iw_poi_content{ color:#000000; font-size:12px; line-height:18px; margin-top:7px;} #Content18 .contact_tx{ float:left; width:42.73%;} #Content18 .contact_tx .l2{ float:left; width:100%; color:#4d3390; font-size:30px; line-height:40px; margin:2px 0 35px 0;} #Content18 .contact_tx .tx2{ float:left; width:100%;border-top:1px dashed #b5b5b5; border-bottom:1px dashed #b5b5b5; padding:18px 0;} #Content18 .contact_tx .tx2 .p1{ float:left; width:100%; color:#333333; font-size:16px; line-height:26px; padding-left:32px; position:relative; margin:14px 0;} #Content18 .contact_tx .tx2 .p1 a{ color:#333333} #Content18 .contact_tx .tx2 .p1 .ico{ float:left; width:22px; height:22px; position:absolute; left:0; top:2px;} #Content18 .contact_tx .tx3{ float:left; width:100%; margin-top:35px; position:relative;} #Content18 .contact_tx .tx3 i{ float:left; width:130px; padding:1px; background:url(/template/theme/CN/2169_us0.jpg) center no-repeat; background-size:100% 100%; line-height:0;} #Content18 .contact_tx .tx3 .er{ float:left;color:#1f1f1f; font-size:14px; line-height:23px; margin:85px 0 0 17px;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ #Content18 .contact_tx .tx2 .p1{ margin:12px 0;} } @media screen and (max-width:992px){ #Content18 .Contact_1{ margin:30px 0;} #Content18 .bdmap{ width:100%; margin-top:20px; height:360px;} #Content18 .contact_tx{ width:100%;} #Content18 .contact_tx .l2{ font-size:18px; line-height:28px; margin:0 0 15px 0;} #Content18 .contact_tx .l3{ margin:5px 0;} #Content18 .contact_tx .tx2{ padding:15px 0;} #Content18 .contact_tx .tx2 .p1{ font-size:14px; line-height:24px; padding-left:30px; margin:4px 0;} #Content18 .contact_tx .tx2 .p1 .ico{ width:20px; height:20px;} #Content18 .contact_tx .tx3{ margin-top:15px; display:none;} } @media screen and (max-width:768px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ }