/* CSS Document */
/*切图：wyf*/
html{ overflow-x:auto; overflow-y:auto;}
*{ padding:0; margin:0;}
ul, ol,li{ list-style-type:none; line-height:normal;}
body, button, input, select, textarea{ font-family:'Microsoft yahei' ,Arial; font-size:12px;}
code, kbd, pre, samp { font-family:'Microsoft yahei' ,Arial;}
a{ text-decoration:none; color:#333;
transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
}
a:hover{color:#333; cursor:pointer;}
img{border:0; max-width:100%;}
table { border-collapse: collapse; border-spacing: 0; }
h1,h2,h3,h4,h5,h6{margin:0; font-weight:normal; font-family:'Microsoft yahei' ,Arial;}
input,table,tr,td{ margin:0; padding:0; border:none;}
button,table{ border:none; background:none; margin:0; padding:0;}
select{ margin:0; padding:0; font-family:'Microsoft yahei' ,Arial;}
textarea{ resize:none;}
input{ outline:0;}
.pz_top{ float:left; width:100%; overflow:hidden; }
.pz_banner{ float:left; width:100%; overflow:hidden; position:relative; }
.pz_main{ float:left; width:100%; }
.pz_down{ float:left; width:100%; }
.w_0100{ float:left; width:100%;}
.pz_banner .banner_box{height:372px; position:relative;}
.pz_banner .banner_box .banner_con{position:absolute; left:50%; top:0; width:1920px; height:372px; overflow:hidden; margin-left:-960px;}
@media screen and (max-width:1199px){
.pz_banner{ margin-top:80px;}
.pz_banner .banner_box{height:auto;}
.pz_banner .banner_box .banner_con{position:initial; height:auto; width:100%; margin-left:0;}
}
/*pc版头部*/
.top1{ position: absolute; width:100%; height:156px; left:0; top:0; z-index:1010;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.top1.active{ background:#fff;
-webkit-box-shadow: 0 2px 6px #aaa;
-moz-box-shadow: 0 2px 6px #aaa;
-o-box-shadow: 0 2px 6px #aaa;
box-shadow: 0 2px 6px #aaa;
}
.top1 .bgColor{}
.top1 .logo{ float:left; height:62px; margin:19px 0 17px 0;}
.top1 .rightpan{ float:right; width:372px; height:92px; background:url(../image/ftop3.png) no-repeat;}
.top1 .rightpan .pantop{ margin:11px 0 0 0; color:#262626; font-size:14px; line-height:40px; text-align:center;}
.top1 .rightpan .pantop .zz{ float:left; width:116px;}
.top1 .rightpan .pantop .yy{ float:right; width:116px;}
.top1 .rightpan .pandown{ text-align:center; color:#262626; font-size:14px; line-height:30px;}
@media screen and (max-width:1199px){
.top1{ display:none;}
}
.menubox{ padding:0 63px 0 58px; height:58px; position:relative; background:url(../image/fabout2.png) repeat;}
.menubox .returnhome{ position:absolute; width:58px; height:58px; left:0; top:0; background:#545454;}
.searchicon{ position:absolute; width:62px; height:58px; right:0; top:0; border-left:#cecad0 solid 1px; float:right; text-align: center; cursor:pointer; }
.searchicon .searchfloat{ display:none; position:absolute; width:293px; height:48px; right:0; top:58px; border:#ebebeb solid 2px; }
.searchicon .searchfloat .searchleft{ float:left; width:235px; background-color:#fff; padding:0 0 0 10px; color:#666; font-size:14px; line-height:44px; overflow:hidden;}
.searchicon .searchfloat .searchright{ float:right; width:54px; height:44px; margin:0; padding:0; background:#692e96; color:#fff; font-size:14px; line-height:44px; text-align:center; outline:0; cursor:pointer;}
.searchicon:hover .searchfloat{ display:block;}
.menu{ position:relative; }
.menu ul{ }
.menu ul .nli{ float:left; width:11.111111%;}
.menu ul .nli span a{ float:left; width:100%; height:58px; color:#27414b; font-size:16px; line-height:58px; text-align:center; }
.menu ul .nli.active span a,
.menu ul .nli span a:hover{ color:#692d96; font-weight:bold;}
.menu .sub1{ display:none; position:absolute; width:120px; left:50%; margin-left:-60px; top:100%; background:#fff;}
.menu .sub1 li{ float:left; width:100%;}
.menu .sub1 li a{ float:left; width:100%; padding:10px 0; line-height:21px; text-align:center; color:#43484a; font-size:14px;}
.menu .sub1 li a:hover{ background:#e5e5e5; color:#692d96;}
.nav-w {z-index:99;position:absolute;display:none;float:left; width:100%;clear:both;overflow:hidden;top:58px;left:0; padding-top:16px;}
.section-nav1{ height:auto; float:left;background:rgba(255,255,255,0.9); border-bottom:2px solid #f0e40d; box-shadow:0 0 4px #aba9b2; padding:30px 0; position:relative;}
.section-nav1 .ul_2 { float:left;position:static;margin:0px;width:506px;overflow:hidden; min-height:138px; border-left:1px solid #dedede;border-right:1px solid #dedede; padding:6px 0 0 53px;}
@media screen and (max-width:1429px){
.section-nav1 .ul_2 { width:300px; min-height:119px; padding:6px 0 0 33px;}
}
.section-nav1 .ul_2 li {position:static;padding:0px;width:50%;background:none;float:left;}
.section-nav1 .ul_2 li a { float:left; width:100%; background:none; height:42px;line-height:42px;color:#4c4c4c;font-size:14px;font-weight:normal; padding:0; padding-left:17px; background:url(../image/top7.png) left center no-repeat;}
.section-nav1 .ul_2 li a:hover {color:#8c36f6; background:url(../image/top8.png) 14px center no-repeat; padding-left:30px;}
.section-nav1 .ul_1{ float:left; width:330px; margin:0 40px;}
@media screen and (max-width:1429px){
.section-nav1 .ul_1{ width:220px; margin:0 20px;}
}
.section-nav1 .ul_1 p{ float:left; width:100%; color:#666666; font-size:14px; line-height:26px; height:78px; overflow:hidden;}
.section-nav1 .ul_1 h6{ float:left; width:100%; margin-top:10px;}
.section-nav1 .ul_1 a{ float:right; padding:0; color:#6a2e96; font-size:12px; line-height:22px; font-family:"Arial"; text-transform:uppercase;}
.section-nav1 .ul_1 a:hover{ text-decoration:underline;}
.section-nav1 .ul_3{ float:left; width:292px; height:139px; overflow:hidden; margin:0 40px;}
@media screen and (max-width:1429px){
.section-nav1 .ul_3{ width:250px; height:119px; margin:0 20px;}
}
.section-nav1 .ul_3 a 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;}
.section-nav1 .ul_3 a:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.section-nav1 .ul_4{ position:absolute; top:-8px; left:138px; width:13px; height:8px; float:left; background:url(../image/top9.png) center no-repeat;
}
/*phone版头部*/
.top2{ display:none; position:absolute; left:0; top:0; width:100%; height:80px; background-color:#fff; z-index:1030;}
.top2.active{
-webkit-box-shadow: 0 2px 6px #aaa;
-moz-box-shadow: 0 2px 6px #aaa;
-o-box-shadow: 0 2px 6px #aaa;
box-shadow: 0 2px 6px #aaa;
}
.top2 .logo{ float:left; width:156px; height:30px; margin:25px 0 0 0;}
@media screen and (max-width:1199px){
.top2{ display:block;}
}
/*手机按钮*/
.menuph{
float:right;
margin:15px 0 0 0;
cursor: pointer;
width: 50px;
height: 50px;
background-color: #692d96;
text-align: center;
}
.menuph .point
{
display: inline-block;
width: 28px;
height: 22px;
margin-top: 14px;
position: relative;
}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before
{
width: 28px;
}
.menuph .navbtn
{
position: absolute;
top: 10px;
right: 0;
display: inline-block;
width: 21px;
height: 1px;
-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;
}
.menuph .navbtn::after,
.menuph .navbtn::before
{
position: absolute;
right: 0;
display: inline-block;
width: 28px;
height: 1px;
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;
}
.menuph .navbtn::after
{
top: -11px;
}
.menuph .navbtn::before
{
top: 10px;
}
.menuph .point.active .navbtn{
background: transparent;
}
.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;
}
.menuph .point.active .navbtn::before
{
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 0px;
}
/*手机下拉*/
.xialaph{
position: absolute;
top: 80px;
left: 0;
width: 100%;
background-color: #fff;
padding-bottom: 50px;
display: none;
z-index: 1049;
background: #fff;
}
.xialaph .img_d{ display:none;}
.xialaph .ul2,
.xialaph .ul3{
display: none;
}
.xialaph h4 a{
color: #333;
font-size: 16px;
font-weight: bold;
line-height: 62px;
}
.xialaph h4{
position: relative;
}
.xialaph li:last-child h4::before{
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background-color: #e5e5e5;
/*opacity: 0.1;*/
}
.xialaph h4::after{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1px;
background-color: #e5e5e5;
/*opacity: 0.1;*/
}
.xialaph h5 a{
color: #333;
font-size: 16px;
font-family: "微软雅黑";
line-height: 57px;
}
.xialaph h5{
position: relative;
}
.xialaph h5::after{
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 1px;
background-color: #e5e5e5;
/*opacity: 0.05;*/
}
.xialaph li:last-child h5::after{
display: none;
}
.xialaph h4 img{
width: 15px;
height: 8px;
float: right;
margin-top: 29px;
cursor: pointer;
}
.xialaph h5 img{
width: 11px;
height: 6px;
float: right;
margin-top: 26px;
margin-right: 18px;
cursor: pointer;
}
.xialaph h4.active img.img_s,
.xialaph h5.active img.img_s{
display: none;
}
.xialaph h4.active img.img_d,
.xialaph h5.active img.img_d{
display: block;
}
.xialaph .ul2{
}
.xialaph .ul3{
padding-top: 12px;
padding-bottom: 18px;
padding-left: 15px;
position: relative;
}
.xialaph .ul3::after{
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 1px;
background-color: #e5e5e5;
}
.xialaph li:last-child .ul3::after{
display: none;
}
.xialaph .ul3 li a{
color: #666;
font-size: 14px;
line-height: 35px;
display: block;
}
.xialaph .ul3 li{
padding-top: 5px;
}
.xialaph .ul3 li:first-child{
padding-top: 0;
}
.xialaph .phsou{
position: relative;
margin-top: 30px;
}
.xialaph .phsou input{
width: 100%;
height: 56px;
background-color: #fff;
color: #aaa;
font-size: 14px;
padding-left: 20px;
border: 1px solid #e5e5e5;
}
.xialaph .phsou img{
cursor: pointer;
width: 21px;
height: 22px;
position: absolute;
top: 17px;
right: 29px;
}
.xialaph .try{ text-align:center; padding:30px 0 0 0; }
.xialaph .try a{display:inline-block; width:90px; background-color:#692e96; font-size:16px; color:#fff; line-height:40px; margin:0 5px;}
.phonemeng{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
opacity: .6;
z-index: 196;
display: none;
}
.phonemeng.active{
display: block;
}
/*
阴影效果
box-shadow: 0 2px 6px 0 #abaaaa;
-webkit-box-shadow: 0 2px 6px 0 #abaaaa;
-moz-box-shadow: 0 2px 6px 0 #abaaaa;
-o-box-shadow: 0 2px 6px 0 #abaaaa;*/
/*banner*/
.slick_banner{ margin:0; position:relative; min-height:477px;}
.slick_banner .slick-slide{ width:100%; outline:0;}
.slick_banner img{ width:100%;}
.slick_banner .slick-dots{ width:10px; bottom:50px; left:50%; margin-left:-600px;}
.slick_banner .slick-dots li{ width:10px; height:10px; margin:7px 0; background:#909090;
-moz-border-radius:50%;
-webkit-border-radius:50%;
-khtml-border-radius:50%;
border-radius:50%;
}
.slick_banner .slick-dots li.slick-active{ background:#ca26fb;}
.banarrow{ height:0;}
.banarrow .zuoarrow{ position:absolute; width:60px; height:60px; left:40px; top:50%; margin-top:-30px; outline:0;}
.banarrow .zuoarrow .imgs{}
.banarrow .zuoarrow .imgd{ display:none;}
.banarrow .zuoarrow:hover .imgs{ display:none;}
.banarrow .zuoarrow:hover .imgd{ display:block;}
.banarrow .youarrow{ position:absolute; width:60px; height:60px; right:40px; top:50%; margin-top:-30px; outline:0;}
.banarrow .youarrow .imgs{}
.banarrow .youarrow .imgd{ display:none;}
.banarrow .youarrow:hover .imgs{ display:none;}
.banarrow .youarrow:hover .imgd{ display:block;}
.banlayer{ position:absolute; width:100%; height:111px; left:0; bottom:0; background:url(../image/fban3.png) bottom center no-repeat; }
@media screen and (max-width:1429px){
.slick_banner{ min-height:390px;}
}
@media screen and (max-width:991px){
.slick_banner{ min-height:334px;}
.slick_banner .slick-dots{ bottom:15px;}
.slick_banner .slick-dots li{ width:14px; height:14px;}
.banarrow .zuoarrow{ width:40px; height:40px; left:10px; margin-top:-20px;}
.banarrow .youarrow{width:40px; height:40px; right:10px; margin-top:-20px; }
.banlayer{ display:none; }
}
@media screen and (max-width:767px){
.slick_banner{ min-height:164px;}
}
/*main*/
.brand{ background:url(../image/fmain1.jpg) top center no-repeat;}
.brand .brandBox{ padding:33px 0 103px 0;}
.brand .brandBox .brandLeft{ float:left; width:457px;}
.brand .brandBox .brandLeft h2{ color:#fff; font-size:30px; line-height:1.36; margin:26px 0 0 0;}
.brand .brandBox .brandLeft .brandTit{ padding:0 0 27px 0; border-bottom:#fff dashed 1px; color:#fff; font-size:18px; line-height:29px;}
.brand .brandBox .brandLeft .brandcon{ margin:49px 0; height:144px; line-height:36px; color:#fff; font-size:16px; overflow:hidden;}
.brand .brandBox .brandLeft .brandBtn{}
.linkScale{ float:left; width:178px; height:48px; border:#fff solid 1px; color:#fff; font-size:16px; line-height:46px; text-align:center; position:relative;}
.linkScale:hover{ color:#692d96;}
.linkScale .afloat{ position:relative; z-index:10;}
.linkScale .afloat .imgs{}
.linkScale .afloat .imgd{ display:none;}
.linkScale:hover .afloat .imgs{ display:none;}
.linkScale:hover .afloat .imgd{ display:inline-block;}
.linkScale::before{ position:absolute; top:0; left:0; width:100%; height:100%; content: ''; background:#fff; opacity: 0;
-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
transition: transform 0.2s, opacity 0.2s;
-webkit-transform: scale(0);
transform: scale(0);
}
.linkScale:hover::before{
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.brand .brandBox .brandRight{ float:right; width:934px;}
.brand .brandBox .brandRight ul{ margin:0 -10px;}
.brand .brandBox .brandRight ul li{ float:left; padding:10px;}
.brand .brandBox .brandRight ul li .brandSmallPic{ overflow:hidden;}
.brand .brandBox .brandRight ul li .brandSmallPic img{ width:218px; height:218px;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.brand .brandBox .brandRight ul li:hover .brandSmallPic img{
transform: scale(1.09,1.09);
-ms-transform: scale(1.09,1.09);
-webkit-transform: scale(1.09,1.09);
-o-transform: scale(1.09,1.09);
-moz-transform: scale(1.09,1.09);
}
@media screen and (max-width:1429px){
.brand .brandBox{ padding:33px 0 50px 0;}
.brand .brandBox .brandLeft{ width:325px;}
.brand .brandBox .brandLeft .brandTit{ padding:0 0 15px 0;}
.brand .brandBox .brandLeft .brandcon{ margin:20px 0; height:150px; line-height:30px; color:#fff; font-size:16px; overflow:hidden;}
.brand .brandBox .brandRight{ width:630px; margin-top:18px;}
.brand .brandBox .brandRight ul li{ padding:25px 10px;}
.brand .brandBox .brandRight ul li .brandSmallPic img{ width:142px; height:142px;}
}
@media screen and (max-width:991px){
.brand .brandBox .brandLeft{ width:100%;}
.brand .brandBox .brandLeft .brandcon{ height:108px; }
.brand .brandBox .brandRight{ float:left; width:100%; }
.brand .brandBox .brandRight ul li{ padding:10px;}
.brand .brandBox .brandRight ul li .brandSmallPic img{ width:172px; height:172px;}
}
@media screen and (max-width:767px){
.brand .brandBox{ padding:30px 0 30px 0;/* margin-top:-15px;*/}
.brand .brandBox .brandLeft h2{ font-size:24px; margin:10px 0 0 0;}
.brand .brandBox .brandLeft .brandTit{ padding:0 0 20px 0; font-size:14px; line-height:26px;}
.brand .brandBox .brandLeft .brandcon{ margin:20px 0; height:112px; line-height:28px; font-size:14px; }
.linkScale{ width:120px; height:40px; line-height:38px; font-size:14px;}
.brand .brandBox .brandRight{ margin-top:0;}
.brand .brandBox .brandRight ul{ margin:0 -5px;}
.brand .brandBox .brandRight ul li{ padding:0 5px 10px 5px;}
.brand .brandBox .brandRight ul li .brandSmallPic img{ width:100%; height:100%;}
}
.video{ padding:40px 0 40px 0; margin:0 -10px; }
.video .videoLeft{ padding:10px;}
.video .videoLeft .videoBlock{ position:relative; height:656px;}
.video .videoLeft .videoBlock .videoBlockFloat{ position:absolute; width:50px; height:50px; left:50%; top:50%; margin:-25px 0 0 -25px;}
.video .videoLeft .videoBlock h3{ position:absolute; left:0; bottom:0; width:100%; padding: 0 0 8% 60px; color:#ffffff; font-size:30px; line-height:40px;}
.video .videoLeft .videoBlock h3 span{ color:#b0abb7; font-size:16px; text-transform:uppercase;}
.videobg{ position:absolute; left:0; bottom:0; width:100%; height:234px; background: url(../image/fmain12.png) bottom repeat-x;}
.video .videoRight{ float:right; padding:10px;}
.video .videoRight .videopiece{ float:left; overflow:hidden; position:relative;}
.video .videoRight .videopiece img{ width:695px; height:318px;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.video .videoRight .videopiece:hover img{
transform: scale(1.09,1.09);
-ms-transform: scale(1.09,1.09);
-webkit-transform: scale(1.09,1.09);
-o-transform: scale(1.09,1.09);
-moz-transform: scale(1.09,1.09);
}
.video .videoRight .videopiece h3{ position:absolute; left:0; bottom:0; width:100%; padding: 0 0 5% 60px; color:#ffffff; font-size:30px; line-height:40px;}
.video .videoRight .videopiece h3 span{ color:#dbdbdb; font-size:16px; text-transform:uppercase;}
.video .videoRight .videomr2{ margin-top:18px;}
@media screen and (max-width:1429px){
.video .videoLeft .videoBlock{ height:449px;}
.video .videoLeft .videoBlock h3{ padding: 0 0 5% 30px; font-size:24px; }
.video .videoRight .videopiece img{ width:476px; height:218px;}
.video .videoRight .videopiece h3{ padding: 0 0 3% 30px; font-size:24px; }
.video .videoRight .videomr2{ margin-top:13px;}
}
@media screen and (max-width:991px){
.video{ padding:10px 0 10px 0; }
.video .videoLeft .videoBlock{ position:relative; height:auto;}
.video .videoLeft .videoBlock img{ width:100%;}
.video .videoRight .videopiece{ width:100%;}
.video .videoRight .videopiece img{ width:100%; height:auto;}
.video .videoRight .videomr2{ margin-top:20px;}
}
@media screen and (max-width:767px){
.video{ padding:10px 0 10px 0;}
.video .videoLeft .videoBlock h3{ padding: 0 0 15px 15px; font-size:18px; line-height:30px; }
.video .videoLeft .videoBlock h3 span{ font-size:12px; }
.video .videoRight .videopiece h3{ padding: 0 0 15px 15px; font-size:18px; line-height:30px;}
.video .videoRight .videopiece h3 span{ font-size:12px; }
}
@media screen and (max-width:480px){
.video .videoLeft .videoBlock h3{ padding: 0 0 10px 15px; font-size:16px; }
.video .videoRight .videopiece h3{ padding: 0 0 10px 15px; font-size:16px; }
}
/*foot*/
.footer{ float:left; width:100%; background-color:#ebebeb;}
.footpc{ border-bottom:#d3d3d3 solid 1px; padding:33px 0 35px 0;}
.footpc .footLeft{ float:left; width:72.7%;}
.footpc .footcell{ float:left; width:20%;}
.footpc h5{ color:#333333; font-size:14px; line-height:37px;}
.footpc h5 a{color:#333333;}
.footpc .ul1{ color:#666666;}
.footpc .ul1 li{ line-height:30px;}
.footpc .ul1 li a{ color:#666666; text-transform:uppercase;}
.footpc .ul1 li a:hover{ color:#6a2e97;}
.footRight{ float:left; width:27.3%; padding:13px 0 0 48px;}
.footRight .footEwm{ float:left; width:119px; height:100px; padding:0 19px 0 0;}
.footRight .footInstruction{ color:#333333; font-size:14px; line-height:24px; padding:27px 0 0 0;}
@media screen and (max-width:1429px){
.footpc .footLeft{ width:65%;}
.footpc .footRight{ width:35%; padding:13px 0 0 15px;}
}
@media screen and (max-width:991px){
.footph{ border-bottom:#d3d3d3 solid 1px; padding:13px 0 20px 0;}
.footph .footcell{ margin-top:10px;}
.footph h5{ line-height:40px; position: static; padding:0 15px 0 15px; color:#fff; background-color:#7a7f88;}
.footph h5 a{color:#fff;}
.footph h5::after{ display:none;}
.footph h5 img{ float:right; margin:16px 0 0 0;}
.footph h5 .imgs{ display:block;}
.footph h5.active .imgs{ display:none;}
.footph h5 .imgh{ display:none;}
.footph h5.active .imgh{ display:block;}
.footph .ul1{ display:none; padding:0px 15px 10px 15px; background-color:#7a7f88; color:#fff; }
.footph .ul1 li{ padding:5px 0;}
.footph .ul1 li a{ color:#fff; font-size:12px; line-height:22px;}
.footph .ul2{ display:none; padding:0px 15px 15px 15px; background-color:#7a7f88; }
.footRight{ float:left; width:100%; padding:0;}
.footRight .footInstruction{ color:#fff; }
}
@media screen and (max-width:400px){
.footRight .footEwm{ width:90px; height:80px; padding:0 10px 0 0;}
}
.footcopy{ padding:20px 0 85px 0;}
.footcopy .copyLeft{ float:left; color:#666666; line-height:32px;}
.footcopy .copyLeft a{ color:#666666;}
.footcopy .copyLeft a:hover{ color:#6a2e97;}
.footcopy .copyRight{ float:right;}
.footcopy .copyRight span{ float:left; color:#666666; line-height:32px;}
.footcopy .copyRight .select{ float:left; color:#666666; font-size:12px; line-height:30px; position:relative;}
.footcopy .copyRight .select .selectOption{width:184px; height:32px; padding:0 9px; border:#cccccc solid 1px; background:url(../image/ffoot7.png) right center no-repeat;}
.footcopy .copyRight .select:hover .selectOption{ background:url(../image/ffoot7_h.png) right center no-repeat; }
.footcopy .copyRight .select .selectUl{ display:none; position:absolute; left:0; width:100%; bottom:31px; background:#ebebeb; border:#cccccc solid 1px;}
.footcopy .copyRight .select .selectUl a{ display:block; color:#666666; font-size:12px; line-height:30px; padding:0 0 0 9px;}
.footcopy .copyRight .select .selectUl a:hover{ color:#692d97;}
@media screen and (max-width:767px){
.footcopy{ padding:15px 0 80px 0;}
.footcopy .copyLeft{ width:100%; text-align: center; padding-bottom:10px; line-height:22px;}
.footcopy .copyRight{ float:none; width:250px; margin:0 auto;}
}
/*手机底部*/
.footer_ph{display:none;width:100%;padding:10px 10px ;float:left;background:rgba(0,0,0,.9);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5000000,endColorstr=#E5000000);border-top:1px solid #ebebeb;position:fixed;bottom:0;z-index:999}
.f_tel {float:left;background:#692e97;padding:6px 10px;border-radius: 10px;}
.f_tel img{display:block;float:left;width: 30px;}
.f_tel p{width:36px;font-size: 16px;float:left;color:#fff;line-height: 16px;margin-left:5px}
.f_num{float:left;font-size: 16px;color:#fff;line-height: 20px;padding-left:35px;background:url(../image/d_phone.png) left center no-repeat;background-size:30px auto}
.f_num a{display:block;font-size: 24px;line-height: 24px;font-family:"Arial";color:#692e97;font-weight:bold}
.f_top{float:right;margin-top:7px;position:relative}
.f_top a{display:block;width: 32px;border:1px solid #692e97;border-radius:50%;float:left;margin-left:5px;position:relative}
.f_top a .img1{display:block}
.f_top a .img2{display:none}
.f_top a.on .img1{display:none}
.f_top a.on .img2{display:block}
.f_top a.on{background:#692e97;border:1px solid #692e97;}
.f_top a.a3.on{background:none;border:1px solid #692e97;}
@media screen and (max-width:991px){
.footer_ph{display:block;}
}
.tc_box{}
.tc_box1,
.tc_box2{width:80%;position:fixed;left:10%;bottom:80px;background:#fff;text-align:center;padding:10% 0;z-index:9999;border-bottom:4px solid #692e97;display:none}
.tc_box1 span,
.tc_box2 span{display:block;font-size:12px;line-height:12px;text-align:center;margin-top:16px}
.d_btn{ display:none;width:24px;height:24px;position:absolute;background:url(../image/d_btn.png) center no-repeat;top:5px;left:5px; background-size:cover;}
.d_bg{width:100%;height:100%;position:fixed;left:0;top:0;z-index:6;background:rgba(0,0,0,.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);display:none}
@media screen and (max-width:767px){
.footer_ph{display: block;}
}
@media screen and (max-width:374px){
.f_num a{font-size: 20px;}
}
.elli{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
/*漂浮*/
.rightfloat{ display:none; position:fixed; width:55px; top:50%; right:0; margin-top:-15px; background:#595959; z-index:2000;
border-radius:5px 0 0 5px;
-webkit-border-radius:5px 0 0 5px;
-moz-border-radius:5px 0 0 5px;
-o-border-radius:5px 0 0 5px;
}
.rightfloat li{ float:left; width:55px; height:50px; margin:3px 0; position:relative;}
.rightfloat li a{ position:absolute; width:171px; left:0; top:0;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
border-radius:5px 0 0 5px;
-webkit-border-radius:5px 0 0 5px;
-moz-border-radius:5px 0 0 5px;
-o-border-radius:5px 0 0 5px;
}
.rightfloat li b{ float:left; width:50px; height:50px; margin:0 2px 0 3px; cursor:pointer;}
.rightfloat li a span{ float:left; padding:9px 0; line-height:16px; color:#fff;}
.rightfloat li a.active{ left:auto; right:0; background-color:rgba(192,46,255,0.8)}
.rightfloat .ta{ position:absolute; width:171px; left:0; top:0;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
border-radius:5px 0 0 5px;
-webkit-border-radius:5px 0 0 5px;
-moz-border-radius:5px 0 0 5px;
-o-border-radius:5px 0 0 5px; }
.rightfloat .ta .em{position:absolute; right:80%; top:0; width:118px; height:134px; padding:0 14px 0 0; background:url(../image/right4.png) no-repeat;
opacity:0;
filter: alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.rightfloat .ta.active .em{ right:100%;
opacity:1;
filter: alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
}
.rightfloat .ta .em .img1{ display:block; margin:5px 0 0 5px;}
.rightfloat .ta .em span{ display:block; text-align:center; color:#ffffff; font-size:14px; line-height:34px;}
@media screen and (max-width:991px){
.rightfloat{ display:none;}
}
.rightfloat .ch{ float:left; width:20px; margin:-10px 0 0 -10px; cursor:pointer; background-color:#fff;
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-o-border-radius:50%;
}
.rightfloat .ch .ych{ height:20px; line-height:0;}
.another{ position:fixed; right:0; top:50%; width:41px; overflow:hidden; cursor:pointer;}
.another .anothertop{padding:15px 14px; color:#fff; font-size:14px; font-weight:bold; line-height:20px; background:#692d96;}
.another .anotherreturn{ width:41px; text-align:center; background:#333; padding:5px;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-o-border-radius:4px;
}
/*1公司简介*/
.inAboutTitle{ position:absolute; left:0; bottom:20%; width:100%; text-align:center; color:#2f2f2f;}
.inAboutTitle h1{ font-size:46px; line-height:1; text-transform:uppercase; font-weight:bold;}
.inAboutTitle .tit{ margin-top:9px; font-size:14px;}
.inAboutTitle .tit a{color:#2f2f2f;}
.inAboutTitle .tit a:hover{ color:#692d96;}
@media screen and (max-width:1640px){
.inAboutTitle{ bottom:12%; }
}
@media screen and (max-width:1429px){
/*.inAboutTitle{ bottom:auto; top:50%; margin-top:-37px; }*/
}
@media screen and (max-width:991px){
.inAboutTitle{ top:50%; bottom:auto; margin-top:0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.inAboutTitle h1{ font-size:38px; }
}
@media screen and (max-width:767px){
.inAboutTitle h1{ font-size:24px; }
}
@media screen and (max-width:480px){
.inAboutTitle h1{ font-size:20px; }
.inAboutTitle .tit{ margin-top:0; }
}
.inAboutlitter{ padding:61px 0 0 0; text-align:center; position:relative;}
.inAboutlitter b{ position:absolute; width:17px; height:116px; left:50%; margin-left:-8px; top:-55px;}
.inAboutlitter h2{ margin:15px 0 0 0; color:#c02eff; font-size:24px; line-height:1.5;}
@media screen and (max-width:767px){
.inAboutlitter h2{ margin:10px 0 0 0; font-size:20px;}
.inAboutlitter{ padding:30px 0 0 0;}
.inAboutlitter b{ width:12px; height:80px; margin-left:-6px; top:-45px;}
}
.aboutContern{ color:#4c4c4c; font-size:14px; line-height:28px;}
.aboutContern .aboutTop_1{ padding:5.54% 0 6.72% 0; }
.aboutContern .aboutTop_1 .aboutTopLeft{ float:left; width:56.4%; padding:4.1% 0 0 0;}
.aboutContern .aboutTop_1 .aboutTopLeft .bt{ font-weight:bold; font-size:16px;}
.aboutContern .aboutTop_1 .aboutTopRight{ float: right; width:40.683%;}
.aboutContern .aboutTop_2{ background:url(../image/fabout5.jpg) repeat;}
.aboutContern .aboutTop_2 .Top2Bg{padding:5.54% 0 6.72% 0;}
.aboutContern .aboutTop_2 .Top2Bg .Top2left{ float:left; width:40.683%;}
.aboutContern .aboutTop_2 .Top2Bg .Top2Right{ float:right;width:56.4%; padding:5.6% 0 0 0; }
.aboutContern .aboutTop_3{ padding:5.54% 0 6.72% 0; }
.aboutContern .aboutTop_3 .Top3Left{ float:left; width:50.85%; padding:4.1% 0 0 0;}
.aboutContern .aboutTop_3 .Top3Left .bt{ font-weight:bold; font-size:16px;}
.aboutContern .aboutTop_3 .Top3Right{ float: right; width:40.683%;}
@media screen and (max-width:991px){
.aboutContern .aboutTop_1 .aboutTopLeft{ width:100%; }
.aboutContern .aboutTop_1 .aboutTopRight{ float: left; width:50%; margin:0 25%;}
.aboutContern .aboutTop_2 .Top2Bg .Top2left{ width:50%; margin:0 25%;}
.aboutContern .aboutTop_2 .Top2Bg .Top2Right{ float:left;width:100%; }
.aboutContern .aboutTop_3 .Top3Left{ width:100%;}
.aboutContern .aboutTop_3 .Top3Right{ float: left; width:50%; margin:0 25%;}
}
@media screen and (max-width:580px){
.aboutContern .aboutTop_1 .aboutTopRight{ width:70%; margin:0 15%;}
.aboutContern .aboutTop_2 .Top2Bg .Top2left{ width:70%; margin:0 15%;}
.aboutContern .aboutTop_3 .Top3Right{ width:70%; margin:0 15%;}
}
@media screen and (max-width:420px){
.aboutContern .aboutTop_1 .aboutTopRight{ width:100%; margin:0;}
.aboutContern .aboutTop_2 .Top2Bg .Top2left{ width:100%; margin:0;}
.aboutContern .aboutTop_3 .Top3Right{ width:100%; margin:0;}
}
.containerIn {
padding-right: 10px;
padding-left: 10px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 768px) {
.containerIn {
width: 768px;
}
}
@media (min-width: 992px) {
.containerIn {
width: 992px;
}
}
@media (min-width: 1430px) {
.containerIn {
width: 1190px;
}
}
.target{ padding:69px 0; color:#fff; text-align:center;}
.target h3{ font-size:22px; line-height:1.5;}
.target .targetTit{ margin-top:11px; line-height:1.5; font-size:16px;}
@media screen and (max-width:767px){
.target{ padding:35px 0; }
.target h3{ font-size:18px;}
.target .targetTit{ font-size:14px;}
}
/*2图片中心*/
.picCenter{ padding:54px 50px 0 50px;}
.picCenter ul{ min-height:500px;}
.picCenter ul li{ padding:10px;}
.picCenter ul li .picBox{ overflow:hidden; position:relative;}
.picCenter ul li .picBox img{
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.picCenter ul li .picBox:hover img{
transform: scale(1.09,1.09);
-ms-transform: scale(1.09,1.09);
-webkit-transform: scale(1.09,1.09);
-o-transform: scale(1.09,1.09);
-moz-transform: scale(1.09,1.09);
}
.picCenter ul li .picBox .picTitBox{ position:absolute; width:100%; left:0; bottom:-200px; background:url(../image/fpicture3.png) repeat; padding:20px;
opacity: 0;
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.picCenter ul li .picBox:hover .picTitBox{bottom:0;
opacity: 1;
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
}
.picCenter ul li .picBox .picTitBox .TitBox{ border:#fff solid 1px; padding:23px 20px 29px 19px; position:relative;}
.picCenter ul li .picBox .picTitBox .TitBox h3{ padding:6px 40px 6px 0; color:#fff; font-size:16px; line-height:22px;}
.picCenter ul li .picBox .picTitBox .TitBox .h3Down{ padding:6px 40px 6px 0; color:#fff; font-size:14px; line-height:22px;}
.picCenter ul li .picBox .picTitBox .TitBox .h3Btn{ position:absolute; width:12px; height:22px; right:20px; top:50%; margin-top:-11px;}
@media screen and (max-width:1429px){
.picCenter{ padding:54px 10px 0 10px;}
.picCenter ul li .picBox .picTitBox{ padding:10px;}
.picCenter ul li .picBox .picTitBox .TitBox{ padding:5px 10px 5px 10px; }
.picCenter ul li .picBox .picTitBox .TitBox .h3Btn{ right:10px; }
}
@media screen and (max-width:767px){
.picCenter{ padding:20px 5px 0 5px;}
}
@media screen and (max-width:480px){
.picCenter ul li{ padding:10px 5px;}
.picCenter ul li .picBox .picTitBox{ padding:0;}
.picCenter ul li .picBox .picTitBox .TitBox{ border:0; }
.picCenter ul li .picBox .picTitBox .TitBox h3{ padding:6px 10px 0 0; }
.picCenter ul li .picBox .picTitBox .TitBox .h3Down{ padding:0px 10px 6px 0;}
}
.pagebox{ padding:26px 0 66px 0;}
/* 分页 */
.pz_fy{ padding:10px 0px; text-align:center;}/*分页浮左或者浮右，修改此处即可。例：text-align:left;*/
.pz_fy a { padding:8px 12px; COLOR: #999999; font-size:16px; text-decoration:none; margin:0 1px; background-color:#f5f5f5; font-family:"宋体"}
.pz_fy a:hover{ background-color:#c02eff;color: #fff; text-decoration:none;}
.pz_fy a.on{color: #fff; background-color:#c02eff; text-decoration:none;}/*鼠标经过和默认当前页样式*/
.pz_fy span a{ }
@media screen and (max-width:991px){
.pagebox{ padding:50px 0 60px 0;}
.fy_pc{ float:left; text-align:center; font-size:14px; color:#333;}
.fy_pc a{ padding:5px 10%; color:#333; border:solid 1px #c02eff; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px;}
.fy_pc span{ padding:5px 5%; color:#333;}
}
@media screen and (max-width:767px){
.pagebox{ padding:30px 0 40px 0;}
}
/*3图片中心-详情*/
.picInner{ margin:64px 0 0 0; border:#e6e6e6 solid 1px;}
.picInner .picInnerLeft{ float:left; width:50%; padding:0 10px 0 0;}
.picInner .picInnerRight{ float:right; width:50%; padding:37px 30px 0 30px;}
.picInner .picInnerRight h3{ color:#333333; font-size:24px; line-height:1.3333;}
.picInner .picInnerRight .innertext{ padding:38px 0 0 0; text-transform:uppercase;}
.picInner .picInnerRight .innertext .lie{ margin:10px 0; line-height:28px; padding-left:100px; position: relative; min-height:28px; color:#333333; font-size:14px;}
.picInner .picInnerRight .innertext .lie .lieTit{ position:absolute; left:0; top:0; color:#808080; font-size:14px;}
.picInner .picInnerRight .innerSay{ margin:5px 0 42px 0; line-height:28px; padding-left:100px; position: relative; min-height:28px; color:#333333; font-size:14px;}
.picInner .picInnerRight .innerSay .lieTit{ position:absolute; left:0; top:0; color:#808080; font-size:14px;}
.picInner .picInnerRight .innerOnline{}
.picInner .picInnerRight .innerOnline .consulting{ float:left; width:172px; height:44px; color:#fff; font-size:16px; text-align:center; line-height:44px;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-o-border-radius:4px;
background: -webkit-gradient(linear, 0 0, 100% 100%, from(#d124fd), to(#a031f0));
background: -webkit-linear-gradient(left top, #d124fd, #a031f0);
background: -moz-linear-gradient(left top, #d124fd, #a031f0);
background: -o-linear-gradient(left top, #d124fd, #a031f0);
background: -ms-linear-gradient(left top, #d124fd, #a031f0);
background: linear-gradient(left top, #d124fd, #a031f0);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #d124fd, endColorstr = #a031f0);
}
.picInner .picInnerRight .innerOnline .share{ float:right; margin:10px 0 0 0;}
.picInner .picInnerRight .innerOnline .share .zsah{ float:left; color:#666666; font-size:14px; line-height:24px;}
.picInner .picInnerRight .innerOnline .share .zssha{ float:left;}
@media screen and (max-width:1429px){
.picInner .picInnerRight{ float:right; width:50%; padding:37px 15px 0 30px;}
.picInner .picInnerRight .innertext{ padding:20px 0 0 0;}
.picInner .picInnerRight .innertext .lie{ margin:4px 0; line-height:28px; padding-left:100px; position: relative; min-height:28px; color:#333333; font-size:14px;}
}
@media screen and (max-width:991px){
.picInner{ margin:40px 0 0 0; border:0;}
.picInner .picInnerLeft{ float:left; width:100%; padding:0;}
.picInner .picInnerRight{ float:left; width:100%; padding:20px 20px 0 20px;}
}
@media screen and (max-width:767px){
.picInner{ margin:20px 0 0 0; }
.picInner .picInnerRight{ float:left; width:100%; padding:20px 0 0 0;}
.picInner .picInnerRight h3{ font-size:20px; }
}
@media screen and (max-width:460px){
.picInner .picInnerRight .innerOnline .share{ float:left; width:100%; margin:15px 0 0 0;}
}
.picInDown{ padding:30px 0 0 0;}
.picInDown .picProTit{ border-bottom:#dedede solid 1px;}
.picInDown .picProTit .picUpCell{ float:left; width:138px; cursor:pointer; height:40px; color:#333333; font-size:14px; line-height:40px; text-align:center; background:url(../image/fpicin6.png) no-repeat; position:relative;}
.picInDown .picProTit .picUpCell.active,
.picInDown .picProTit .picUpCell:hover{ background:url(../image/fpicin6_h.png) no-repeat; color:#fff; z-index:2;}
.picInDown .picProTit .picUpCell.ml{ margin-left:-15px;}
.picInDown .picContent{ color:#333333; font-size:14px; line-height:28px; border-bottom:#e0e0e0 solid 1px;}
.picInDown .picContent .content{ display:none; padding:23px 0 39px 0;}
.picInDown .picContent .content.active{ display:block;}
.picInDown .picContent .content:first-child{ display:block;}
.picInDown .picGage{ margin:10px 0 70px 0; background: url(../image/fpicin9.jpg) center no-repeat;}
.picGage .page{ float:left; width:50%; padding:0 20px; font-size:14px; line-height:30px;}
.picGage .page a{color:#333333;}
.picGage .page a:hover{ color:#c02eff;}
.picGage .page.z a{ float: right;}
.picGage .page.y a{ float:left;}
.picGage .page span{ color:#808080;}
.picGage .page a:hover span{ color:#c02eff;}
.picGage .page b{ float:left; width:18px; height:9px; line-height:0;}
.picGage .page b .imgs{}
.picGage .page b .imgd{ display:none;}
.picGage .page a:hover b .imgs{ display:none;}
.picGage .page a:hover b .imgd{ display:block;}
.picGage .page.z b{ margin:12px 8px 0 0;}
.picGage .page.y b{ float:right; margin:12px 0 0 8px;}
.picGage .page i{font-style:normal;}
@media screen and (max-width:991px){
.picInDown .picContent .content{ display:none; padding:23px 0 25px 0;}
.picInDown .picGage{ margin:10px 0 50px 0; }
}
@media screen and (max-width:767px){
.picInDown{ padding:15px 0 0 0;}
.picInDown .picContent .content{ display:none; padding:20px 0 20px 0;}
.picInDown .picGage{ margin:10px 0 20px 0; background: 0;}
.picGage .page{ width:100%; padding:0; }
.picGage .page.z a{ float: left;}
.picGage .page b{ display:none;}
}
/*5新闻中心*/
.new{ padding:40px 0 0 0; overflow:hidden;}
@media screen and (max-width:991px){
.new{ padding:0 0 0 0;}
}
.pz_SideLayer{ text-align:center;}
.pz_SideLayer .l1{ display:inline-block; margin:5px 15px;}
.pz_SideLayer .l1 a{ float:left; padding:0 30px; font-size:16px; line-height:40px; background:#f5f5f5; color:#333333;}
.pz_SideLayer .l1 a:hover,
.pz_SideLayer .l1 .hover{ background:url(../image/fnew2.jpg) center no-repeat; color:#fff;}
.newDown{ padding:25px 0 0 0;}
.newDown a{
transition: all 0s linear;
-moz-transition: all 0s linear;
-webkit-transition: all 0s linear;
-o-transition: all 0s linear;
}
.newDown ul{ min-height:500px;}
.newDown ul li{ float:left; width:100%; margin:20px 0 0 0; padding:30px 30px 30px 0; background:#f7f7f7; }
.newDown ul li:hover{ background:url(../image/fnew4.jpg) center repeat-y;}
.newDown ul li .newVox{ float:left; width:100%; position:relative; height:136px;}
.newDown .new0100{ padding-left:470px;}
.newDown .new0100 h3{ margin-top:16px; color:#333333; font-size:18px; line-height:26px;}
.newDown .new0100 h3 a{color:#333333;}
.newDown ul li:hover h3 a{ color:#fff;}
.newDown .new0100 .newText{ height:52px; margin:15px 0 0 0; color:#666666; font-size:14px; line-height:26px; overflow:hidden;}
.newDown .new0100 .newText a{color:#666666;}
.newDown ul li:hover .newText a{ color:#fff;}
.newDown .newLeft{ position:absolute; width:440px; left:0; top:0;}
.newDown .newLeft .newTime{ float:left; width:186px; height:136px; padding:13px 0 0 0; text-align:center; border-right:#e0e0e0 solid 1px;}
.newDown .newLeft .newTime .newbig{ color:#c2c2c2; font-size:72px; line-height:79px;}
.newDown ul li:hover .newLeft .newTime .newbig{ color:#ffffff;}
.newDown .newLeft .newTime .newsmall{ color:#4c4c4c; font-size:20px; line-height:22px;}
.newDown .newLeft .newpic{ float:left; width:205px; height:136px; margin-left:45px;}
.newDown ul li:hover .newLeft .newTime .newsmall{ color:#fff;}
@media screen and (max-width:991px){
.newDown{ padding:10px 0 0 0;}
}
@media screen and (max-width:767px){
.newDown .newLeft{ width:250px; }
.newDown .new0100{ padding-left:270px;}
.newhouse{ color:#666; font-size:14px; line-height:20px; margin-top:5px;}
.newDown ul li:hover .newhouse{ color:#fff;}
.newDown .new0100 .newText{ margin:10px 0 0 0; }
}
@media screen and (max-width:540px){
.newDown ul li{ margin:10px 0 0 0; padding:10px 10px 10px 10px; }
.newDown ul li .newVox{ height:106px;}
.newDown .newLeft{ width:160px; }
.newDown .newLeft .newpic{ width:160px; height:106px; margin-left:0;}
.newDown .new0100{ padding-left:170px;}
.newDown .new0100 h3{ margin-top:0; font-size:16px; }
.newDown .new0100 .newText{ height:44px; line-height:22px; }
}
@media screen and (max-width:480px){
.newDown ul li{ margin:10px 0 0 0; padding:10px 10px 10px 10px; }
.newDown ul li .newVox{ height:93px;}
.newDown .newLeft{ width:140px; }
.newDown .newLeft .newpic{ width:140px; height:93px; }
.newDown .new0100{ padding-left:150px;}
.newDown .new0100 .newText{ margin-top:6px; }
.newhouse{ margin-top:0px;}
}
.pagebox_2{ padding:36px 0 60px 0;}
@media screen and (max-width:991px){
.pagebox_2{ padding:60px 0 60px 0;}
}
@media screen and (max-width:767px){
.pagebox_2{ padding:40px 0 40px 0;}
}
/*B1幼儿英语外教*/
.babyser{ margin-top:30px; background:#692d97;}
.babyser h2{ padding:0 20px 0 30px; border:#e1e1e1 solid 1px; border-top:none; color:#fff; font-size:16px; line-height:48px;}
.babyser h2 .imgr{ float:right; margin:16px 0 0 0;}
.pz_SideLayerph{ display:none; width:100%; background-color:#fff;}
.pz_SideLayerph .l1{border-bottom:#e1e1e1 solid 1px;}
.pz_SideLayerph .l1 h3{ color:#333; font-size:14px; line-height:48px; cursor:pointer;}
.pz_SideLayerph .l1 h3 a{ color:#333; padding-left:29px;}
.pz_SideLayerph .l1 h3.active a{ color:#692e97;}
.pz_SideLayerph .l1 h3 img{ float:right; margin:25px 15px 0 0;}
.pz_SideLayerph .l1 h3 img.img3{ display:block;}
.pz_SideLayerph .l1 h3 img.img3h{ display:none;}
.pz_SideLayerph .l1 h3.active img.img3{ display:none;}
.pz_SideLayerph .l1 h3.active img.img3h{ display:block;}
@media screen and (max-width:767px){
.babyser{ margin-top:20px; }
}
/*6招贤纳士*/
.joinBox{ padding:48px 0 0 0;}
.joinCell{ float:left; padding:0 10px;}
.joinCell .liCell{ float:left; width:100%; border-top:#c02eff solid 2px; background:#f7f7f7; padding:44px 15px 46px 15px;}
.joinCell.mg-row-open .liCell{border-top:0; background:url(../image/fjoin2.jpg) no-repeat; padding:42px 15px 46px 15px; background-size:cover;}
.joinCell .liCell h4{ color:#4c4c4c; font-size:26px; line-height:1.38; text-align:center;}
.joinCell.mg-row-open .liCell h4{ color:#fff;}
.joinCell .liCell .text{ text-align:center; margin:16px 0 0 0; color:#4c4c4c; font-size:18px; line-height:28px;}
.joinCell.mg-row-open .liCell .text{ color:#fff;}
.joinLeft{ float:left; width:50%; padding-right:5px;}
.joinSll h5{ color:#333333; font-size:16px; font-weight:bold; line-height:28px;}
.joinSll .joinText{ margin:6px 0 0 0; color:#4c4c4c; font-size:14px; line-height:28px;}
.joinBtn{ float:left; width:100%; margin:49px 0 0 0;}
.joinBtn a{ float:left; width:172px; height:44px; background:url(../image/fnew5.jpg) no-repeat; color:#fff; font-size:16px; text-align:center; line-height:44px;}
.joinRight{ float:left; width:50%; padding-left:5px;}
.tartop{ padding:40px 0 60px 0;}
@media screen and (max-width:991px){
.joinBox{ padding:30px 0 0 0;}
}
@media screen and (max-width:767px){
.joinCell{ }
.joinCell .liCell{ background:#f7f7f7; padding:20px 15px 20px 15px;}
.joinCell .liCell h4{ font-size:20px; }
.joinCell .liCell .text{ margin:10px 0 0 0; color:#4c4c4c; font-size:14px;}
.joinLeft{width:100%; padding-right:0;}
.joinBtn{ margin:20px 0 0 0; text-align:center;}
.joinBtn a{ float:none; display:inline-block; width:140px; height:40px; line-height:40px;}
.joinRight{ float:left; width:100%; padding-left:0; margin-top:20px;}
.mg-target{ padding-bottom:20px !important;}
.mg-space{ margin-bottom:0 !important;}
.tartop{ padding:40px 0 0px 0;}
}
.pagebox_3{ padding:36px 0 60px 0;}
@media screen and (max-width:991px){
.pagebox_3{ padding:35px 0 60px 0;}
}
@media screen and (max-width:767px){
.pagebox_3{ padding:15px 0 40px 0;}
}
/*7联系我们*/
.contactBox{ padding:88px 0 100px 0;}
.contactBox .contactLeft{ float:left; width:50%; padding:0 20px 0 0;}
.contactBox .contactLeft .contactTit{ color:#333333; font-size:32px; line-height:1.25;}
.contactBox .contactLeft .english{ padding:10px 0 36px 0; border-bottom:#999999 dashed 1px; color:#333333; font-size:18px; line-height:20px; text-transform:uppercase;}
.contactBox .contactLeft .tent{ padding:32px 0 28px 0; border-bottom:#999999 dashed 1px;}
.contactBox .contactLeft .tent .tentLi{ float:left; width:100%; margin:15px 0; line-height:22px; font-size:16px; padding-left:36px; min-height:22px; position:relative;}
.contactBox .contactLeft .tent .tentLi strong{ position:absolute; left:0; top:0;}
.contactBox .contactLeft .ewm{ margin:40px 0 0 0;}
.contactBox .contactLeft .ewm .ewmPic{ float:left; width:140px; height:140px; border:#dbdbdb solid 1px; padding:7px;}
.contactBox .contactLeft .ewm .ewmCon{ float:left; width:415px; padding:65px 0 0 16px; color:#999999; line-height:21px;}
.contactBox .contactLeft .ewm .ewmpad{ padding-top:7px;}
.contactBox .contactLeft .ewm .ewmBig{ color:#3a3a3a; font-size:16px;}
.contactBox .contactLeft .ewm .ewmDark{ color:#3a3a3a;}
.contactBox .contactRight{ float:left; width:50%; padding-left:15px;}
.contactRight .cmap{ height:552px;}
.contactRight label{ max-width:224px;}
.contactRight .BMapLabel{ float:left; background-color:#0b9444; width:224px !important; border:0 !important; height:25px; font-size:14px; line-height:25px!important; text-align:center;
border-radius:11px;
-webkit-border-radius:11px;
-moz-border-radius:11px;
-o-border-radius:11px;
}
.contactRight .BMapLabel a{ color:#fff;}
@media screen and (max-width:1429px){
.contactBox{ padding:50px 0 70px 0;}
.contactBox .contactLeft .ewm .ewmCon{ width:315px; padding:40px 0 0 16px; }
}
@media screen and (max-width:991px){
.contactBox{ padding:30px 0 40px 0;}
.contactBox .contactLeft{ width:100%; padding:0;}
.contactBox .contactLeft .contactTit{ font-size:25px;}
.contactBox .contactLeft .english{ padding:10px 0 20px 0; font-size:16px;}
.contactBox .contactLeft .tent{ padding:20px 0 20px 0; }
.contactBox .contactLeft .tent .tentLi{ margin:10px 0; font-size:14px; }
.contactBox .contactLeft .ewm{ margin:20px 0 0 0;}
.contactBox .contactRight{ width:100%; padding-left:0; margin-top:20px;}
.contactRight .cmap{ height:200px;}
}
@media screen and (max-width:767px){
.contactBox{ padding:20px 0 20px 0;}
.contactBox .contactLeft .contactTit{ font-size:20px;}
.contactBox .contactLeft .tent{ padding:10px 0 10px 0; }
.contactBox .contactLeft .tent .tentLi{ margin:6px 0; }
.contactBox .contactLeft .ewm{ position:relative;}
.contactBox .contactLeft .ewm .ewmPic{ position:absolute; left:0; top:0; width:120px; height:120px; }
.contactBox .contactLeft .ewm .ewmCon{ width:auto; padding:25px 0 0 136px; }
.contactBox .contactLeft .english{ padding:10px 0 10px 0; font-size:14px;}
}
/*4典型案例2*/
.caseBox{ padding:40px 0 0 0;}
@media screen and (max-width:991px){
.caseBox{ padding:0;}
}
.casePull{ padding:40px 55px 0 55px;}
.photos_t{}
.photos_t .photo{ float:left; width:25%; padding:5px;}
.photos_t .photo .picbox{ position:relative; overflow:hidden;}
.photos_t .photo .picbox .imgcase{ width:100%;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.photos_t .photo .picbox:hover .imgcase{
transform: scale(1.09,1.09);
-ms-transform: scale(1.09,1.09);
-webkit-transform: scale(1.09,1.09);
-o-transform: scale(1.09,1.09);
-moz-transform: scale(1.09,1.09);
}
@media screen and (max-width:1429px){
.photos_t .photo{ width:33.333333%; }
}
@media screen and (max-width:991px){
.photos_t .photo{ width:50%; }
}
@media screen and (max-width:767px){
.photos_t .photo{ width:100%; }
}
.title{ display:none;
position: absolute; width:100%; padding:0 45px; color:#fff; text-align:center;
top:50%;
left:0px;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.photo:hover .title{ display:block;}
.title h5{ color:#fff; font-size:16px; line-height:30px;}
.title h5 a{ color:#fff;}
.title .photoTest{ height:60px; font-size:14px; line-height:30px; margin-top:24px; overflow:hidden;}
.title .photoPic{ margin-top:40px; text-align:center;}
.title .photoPic img{ width:38px !important; height:10px;}
.photos {
margin:auto;
font-size:0px;
}
.caseBig{ display:none; position:absolute; width:100%; height:100%; left:0; top:0; background:url(../image/fcase9.png) repeat;}
.photo:hover .caseBig{ display:block;}
@media screen and (max-width:1429px){
.casePull{ padding:40px 25px 0 25px;}
.title .photoTest{ display:none;}
.title .photoPic{ margin-top:20px;}
}
@media screen and (max-width:991px){
.casePull{ padding:20px 10px 0 10px;}
}
@media (min-width: 1429px){
#delay1_1{
margin-left:-80px;
opacity:0;
filter: alpha(opacity=0);
}
#delay1_2{
margin-right:-80px;
opacity:0;
filter: alpha(opacity=0);
}
#delay2_1{
margin-left:-80px;
opacity:0;
filter: alpha(opacity=0);
}
#delay2_2{
margin-left:80px;
opacity:0;
filter: alpha(opacity=0);
}
#delay2_3{
margin-left:80px;
opacity:0;
filter: alpha(opacity=0);
}
}
@media screen and (max-device-width: 320px){body{-webkit-text-size-adjust:none}}
@media screen and (max-device-width: 480px){body{-webkit-text-size-adjust:none}}
@media only screen and (-webkit-min-device-pixel-ratio: 2){body{-webkit-text-size-adjust:none}}
@media only screen and (min-device-width: 768px) and (max-device-width: 1243px){body{-webkit-text-size-adjust:none}}
.news_tit{ width:100%; float:left; border-bottom:1px dashed #999999; padding:0px 0 10px 0; text-align:center; line-height:32px;}
.news_tit h2{ font-size:18px; line-height:24px;}
.news_tit span{ color:#969696;}
.news_ct{ width:100%; float:left; padding:15px 0 30px 0; color: #4c4c4c;
font-size: 14px;
line-height: 28px;
}
.news_ct img { max-width: 100%; }
.z_page{float:left; width:100%; color: #4c4c4c;font-size: 14px;line-height: 28px; padding:0 0 30px 0;}
/*3视频中心*/
.video_list{ float:left; width:100%; }
.video_list li{padding:0 15px;}
.video_list li a{ float:left; width:100%; margin-top:30px; cursor:pointer;}
.video_list li i{ float:left; width:100%; line-height:0; overflow:hidden; background:#000; position:relative;}
.video_list li i img{opacity:0.9;filter: alpha(opacity=90);
-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;}
.video_list li a:hover i img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.video_list li i font{ display:block; width:46px; height:46px; background:url(../image/h_img15.png) center no-repeat; position:absolute; left:50%; top:50%; margin:-23px 0 0 -23px;}
.video_list li h4{ float:left; width:100%; background:#f0f0f0; line-height:50px; padding:0 20px; position:relative;}
.video_list li h4 span{ float:left; width:100%; color:#444444; font-size:16px; padding-right:80px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; }
.video_list li h4 em{ float:right; background:url(../image/h_img17.png) right center no-repeat; color:#ff8a0d; font-size:12px; color:#ff8a0d; font-style:normal; padding-right:24px; position:absolute; right:20px; top:0;}
.video_list li a:hover h4{ background:#fff; box-shadow:0 0 6px #e8e8e8; -moz-box-shadow:0 0 6px #e8e8e8; -webkit-box-shadow:0 0 6px #e8e8e8;}
@media screen and (max-width:992px){
.video_list{ float:left; width:100%; }
.video_list li a{ margin-top:20px;}
.video_list li h4{ line-height:42px; padding:0 15px; }
.video_list li i font{ width:24px; height:24px; background-size:100% 100%; margin:-12px 0 0 -12px;}
}
@media screen and (max-width:767px){
.video_list li a{ margin-top:16px;}
}
.video_bj{position:fixed; width:100%; height:100%; left:0; top:0; background:url(../image/video_bj.png) repeat; z-index:999; display:none;}
.video_box{position:fixed; width:740px; height:522px; left:50%; margin-left:-370px; top:50%; margin-top:-261px; z-index:1000; display:none;}
.video_box .video_close{position:absolute; width:30px; height:30px; background:url(../image/close.png) no-repeat; right:-28px; top:-28px; }
.video_box .video{width:100%; height:100%;}
@media screen and (max-width:992px){
.video_box{position:fixed; width:90%; height:auto; left:50%; top:50%; margin-left:0; margin-top:0; z-index:1000;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.video_box .video_close{position:absolute; width:30px; height:30px; background:url(../image/close.png) no-repeat; right:-10px; top:-32px; }
}