﻿@charset "utf-8";
/* CSS Document */
/*敬请期待*/
.coming_soon_wrap{background:#f6f6f6;padding-top:15%;}
.coming_sonn{text-align:center}
.coming_sonn h2{font-size:30px;color:#d53983;line-height:2;margin-bottom:1%;}
.coming_sonn p{font-size:24px;color:#999999;margin-bottom:2%;}
.coming_sonn h3 {font-size:24px;color:#d53983;margin-bottom:10%;}
/*新闻动态*/
.childheader_wrap{background:#333333;}
.childheader{line-height:60px;}
.childheader_logo{float:left;}
.childheader_nav{float:right;}
.childheader_nav li{float:left;font-size:14px;margin-right:40px;}
.childheader_nav li a{color:#ffffff}
.childheader_nav li a:hover{color:#d53983;}

.news_banner_wrap{background:url(../img/graybg.png) repeat;margin-bottom:3%;}
.news_banner{overflow:hidden;}
.news_bannertxt{padding:10% 4% 0;box-sizing:border-box;}
.news_bannertxt li:nth-child(1){margin-bottom:2%;font-size:56px;font-family:'思源黑体';}
.news_bannertxt li:nth-child(2){margin-bottom:4%;font-size:38px;font-weight:bold;color:#d53983;}
.news_bannertxt li:nth-child(3){margin-bottom:4%;font-size:28px;font-family:'思源黑体';}
.news_bannertxt li:nth-child(4){font-size:28px;font-family:'思源黑体';}
.news_bannerpic{width:7.5rem;height:5rem;margin:0 auto;position:relative;}
.news_bannerpic1{position:absolute;left:-13%;bottom:-15%;z-index:1;}
.news_bannerpic1 img{width:7.7rem;height:7.73rem;}
.news_bannerpic2{position:absolute;left:8%;bottom:9%;}
.news_bannerpic2 img{width:5.82rem;height:5.75rem;}
.news_list{margin-bottom:5%;}
.news_list ul{color:#000000;margin-bottom:5%;}
.news_list ul li{padding:4.68% 2.6% 0;box-sizing:border-box;position:relative;overflow:hidden;}
.news_list ul li:nth-child(odd){background:#eeeeee;}
.news_list ul li a{
	color:#000000;    
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.news_list ul li h4{font-size:14px;margin-bottom:8.33%;}
.news_list ul li p{font-size:16px;line-height:26px;margin-bottom:9.37%;height: 56px;}
.news_list ul li b{display:inline-block;font-size:20px;margin-bottom:22.22%;}
.news_list ul li div{position:absolute;left:0;top:100%;width:100%;height:100%;z-index:-1;transition:all 0.8s;-webkit-transition:all 0.8s;}
.news_list ul li div img{width:100%;height:100%;}
.news_list ul li div span{display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(213,57,131,0.8);z-index:10;}
.news_list ul li:hover div{top:0;}
.news_list ul li:hover{color:#fff;background-color:transparent;}
.news_list ul li:hover a{color:#fff;}
.news_list ul li:hover a:hover{text-decoration:underline;}

.news_list_page{text-align:center;font-size:12px;}
.news_list_page a{display:inline-block;width:31px;height:31px;background:#fcfcfc;border:1px solid #999;border-radius:100%;color:#919191;text-align:center;line-height:30px;margin:0 0.2%}
.news_list_page a:hover{color:#282828;}

/*新闻动态详情页*/
.news_content{padding-top:2.6%;box-sizing:border-box;}
.news_content h3{font-size:24px;color:#333333;text-align:center;margin-bottom:3.5%;}
.publish{margin-bottom:3.5%;text-align:center;}
.publish li{display:inline-block;font-size:12px;color:#666666;margin:0 1.3%;padding-left:17px;}
.publishli1{background:url(../img/publishli1.jpg) no-repeat left center;}
.publishli2{background:url(../img/publishli2.jpg) no-repeat left center;}
.publishli3{background:url(../img/publishli3.jpg) no-repeat left center;}
.news_content article{border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;padding:2.34% 2.08% 2.6%;box-sizing:border-box;}
.news_content article p{font-size:13px;line-height:30px;color:#666666;text-indent:2em;}
.news_content article p img{display:block;margin:2.6% auto;}

.article_bottom{padding-top:4.16%;}
.article_list{float:left;margin-bottom:3.75%;}
.article_list li{font-size:13px;line-height:30px;}
.article_list li a{color:#333;}
.article_list li a:hover{color:#d53983;text-decoration:underline;}
.news_share{float:right;width:390px;color:#666;font-size:13px;line-height:32px;}
.news_share a {display:inline-block;width:32px;height:32px;margin-left:10px;vertical-align:bottom;transition: 0.8s transform;
-webkit-transition: 0.8s transform;-moz-transition: 0.8s transform;-ms-transition: 0.8s transform;}
.news_share a:hover {transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);}
.news_share .share01 {background: url(../img/icon.png) -0px -70px no-repeat;}
.news_share .share02 {background: url(../img/icon.png) -45px -70px no-repeat;}
.news_share .share03 {background: url(../img/icon.png) -90px -70px no-repeat;}
.news_share .share04 {background: url(../img/icon.png) -130px -70px no-repeat;}
.news_share .share01:hover {background: url(../img/icon.png) -0px -35px no-repeat!important;}
.news_share .share02:hover {background: url(../img/icon.png) -45px -35px no-repeat!important;}
.news_share .share03:hover {background: url(../img/icon.png) -90px -35px no-repeat!important;}
.news_share .share04:hover {background: url(../img/icon.png) -130px -35px no-repeat!important;}

/*招募英才*/
.zhaopinlist{margin-bottom:4.16%;}
.zhaopinlist li{text-align:center;padding-top:50px;box-sizing:border-box;border:1px solid #d1d1d1;border-left:none; margin-bottom:4.16%; transition:all 0.5s}
.zhaopinlist li:nth-child(4n+1){border-left:1px solid #d1d1d1;}
.zhaopinlist li div {margin-bottom:20px;}
.zhaopinlist li  h4{font-size:20px;color:#666666;margin-bottom:16px;}
.zhaopinlist li  p{font-size:12px;color:#999999;margin-bottom:30px;}
.zhaopinlist li  p span{display:inline-block;margin:0 20px;}
.zhaopinli1{background:url(../img/zp1.png) no-repeat center 35px;}
.zhaopinli2{background:url(../img/zp2.png) no-repeat center 35px;}
.zhaopinli3{background:url(../img/zp3.png) no-repeat center 35px;}
.zhaopinli4{background:url(../img/zp4.png) no-repeat center 35px;}
.zhaopinli5{background:url(../img/zp5.png) no-repeat center 35px;}
.zhaopinli6{background:url(../img/zp6.png) no-repeat center 35px;}
.zhaopinli7{background:url(../img/zp7.png) no-repeat center 35px;}
.zhaopinli8{background:url(../img/zp8.png) no-repeat center 35px;}

.zhaopinlist li:hover{border:1px solid #d53983;cursor:pointer;}
.zhaopinlist li:hover{background:#d53983;}
.zhaopinlist li:hover  h4{color:#fff;}
.zhaopinlist li:hover  p{color:#fff;}
.jobpic2{display:none;}



/*招聘 弹窗*/
.Recruitcontent h3{font-size:30px;line-height:3;color:#d53983;border-bottom:1px solid #ebebeb;padding-left:4%;box-sizing:border-box;}
.Recruitcontent .h3pic{float:left;}
.Recruitcontent .h3pic img{margin-right:14px;}
.Recruitcontent p{font-size:13px;color:#333333;line-height:3;padding-left:4%;box-sizing:border-box;}
.Recruitcontent p span{display:inline-block;margin-right:130px;}
.Recruitcontent dl{color:#333333;padding-left:4%;box-sizing:border-box;margin-bottom:20px;}
.Recruitcontent dl dt{font-size:24px;lien-height:2;}
.Recruitcontent dl dd{font-size:13px;line-height:2;}

/*关于我们*/
.about_bannerpic{width:5.08rem;margin:0 auto;}
.about_bannerpic img{width:100%;}
.abouttxt h3{width:204px;height:80px;margin-bottom:35px;}
.abouttxt h3 img{width:100%;}
.abouttxt p{font-size:13px;color:#333;line-height:25px;margin-bottom:35px;}
.aboutpic{text-align:center;}
.aboutpic img{width:4.7rem;}
.title{text-align:center;padding-top:7.91%;box-sizing:border-box;margin-bottom:3.33%;}
.title h3{font-size:24px;color:#333333;margin-bottom:17px;}
.title h4{font-size:18px;color:#b4b4b4;text-transform:uppercase;margin-bottom:21px;}
.title div{width:35px;height:2px;background:#d53983;margin:0 auto;}
.Memorabilia{background:#f8f8f8;}
.Memorabilia_box{}
.Memorabilia_list_wrap{margin-bottom:9.37%;}
.Memorabilia_list ul li{margin-bottom:1%;width:580px;cursor: pointer}
.Memorabilia_list ul li h3{font-size:0.16rem;line-height:0.4rem;color:#333333;padding-left:2.58%;box-sizing:border-box;}
.Memorabilia_list ul li .divlist{ position:relative; width:580px;height:30px; border:1px solid #dfdfdf; padding:0 2.58%;box-sizing:border-box;border-radius:15px;line-height:30px;font-size:12px;}
.Memorabilia_list ul li strong{color:#fff;font-weight:normal; display:block; padding-left:20px;opacity:0;}
.Memorabilia_list ul li span{display:inline-block;float:right;width:60px;height:12px;font-size:8px;color:#fff;line-height:12px;text-align:center; border-radius:15px; transition:all 0.4s;text-transform:Uppercase;}
.Memorabilia_list li .divlist_i{position:absolute; top:50%; left:50%; width:550px;height:12px; line-height:12px;margin-top:-5px; margin-left:-275px;background:#d53983; border-radius:15px; transition:all 0.4s;}
.Memorabilia_list li .divlist_i1{position:absolute; top:50%; left:50%; width:580px;height:30px; margin-left:-289px; line-height:30px;margin-top:-15px; background:#d53983; border-radius:15px;}
.Memorabilia_list ul li .divlist_i1 strong{opacity:1;}
.Memorabilia_list ul li .divlist_i1 span{margin-top:10px; margin-right:15px;background:#fff; color:#d53983;}
.Memorabilia_list_li1{margin-left:5.12%;}
.Memorabilia_list_li2{margin-left:48.16%;}
.Memorabilia_list_li3{margin:0 auto;}
.Memorabilia_list_li4{margin-left:36.56%;}
.Memorabilia_list_li5{margin-left:11.45%;}

.Honors{margin:0 auto;margin-bottom:5.72%;}
.Honors_list ul li{border:1px solid #d0e1e9;padding-top:29px;padding-left:29px;box-sizing:border-box;margin:0.5% 0.5%;}
.Honors_list ul li div{width:50px;height:12px;border-top:2px solid #d53983;background:url(../img/honorbg.png) no-repeat left bottom;margin-bottom:18px;}
.Honors_list ul li p{font-size:13px;color:#999999;margin-bottom:27px;}
.Honors_list ul li:hover{background:#f1f5f7;}
.Honors_list ul li:hover div{background:url(../img/honorbg1.png) no-repeat left bottom;}
.Honors_list ul li:hover p{color:#d53983;}

/*app*/
.appbanner_wrap{width:100%;background:url(../img/appbannerbg.jpg) no-repeat center center;background-size:cover;margin-bottom:0.3125%;}
.appbannertxt{padding-top:15%;padding-left:10%;box-sizing:border-box;}
.appbannertxt li:nth-child(1){margin-bottom:1.7%;font-size:54px;font-family:'思源黑体';line-height:1;}
.appbannertxt li:nth-child(2){margin-bottom:4.5%;font-size:54px;font-family:'思源黑体';line-height:1;}
.appbannertxt li:nth-child(3){width:32%;font-size:20px;line-height:1.75;}
.appsectionlist li{position:relative;float:left;width:33.125%;}
.appsectionlist li:nth-child(2){margin:0 0.3125%;}
.appsectionlist li .appbg{width:100%;overflow:hidden;}
.appsectionlist li .appbg img{width:100%;transition:All 0.5s ease-in-out;transform:scale(1);}
.appsectionlist li:hover{cursor:pointer;}
.appsectionlist li:hover .appbg img{transform: scale3d(1.1,1.1,1);transform: scale(1.1);}
.appsectionlist li.active .appbg_txt{color:#fff;background:rgba(0,0,0,0.75) url(../img/app_up.png) no-repeat center 90%;}
.appsectionlist li.active .appbg_txt .leaner{background:#fff;}


.appbg_txt{width:100%;height:100%;position:absolute;left:0;top:0;z-index:10;padding-top:10.22%;box-sizing:border-box;background:rgba(0,0,0,0) url(../img/app_down.png) no-repeat center 90%;transition:All 0.4s ease-in-out;text-align:center;}
.appbg_txt h3{font-size:28px;margin-bottom: 2.35%;}
.appbg_txt p{font-size:18px;margin-bottom: 2.83%;}
.appbg_txt .leaner{width:40px;height:1px;background:#030000;margin:0 auto;transition:All 0.4s ease-in-out;}
.app_text_box{display:none;background:#f2f2f2; margin-top:5px;}
.app_text_box.active{display:block;}
.app_text_box ul{border-bottom:1px solid #dfdfdf;padding-top:13.5%;box-sizing:border-box;}
.app_text_box ul li{text-align:center;margin-bottom:12.5%;}
.app_text_box ul li div{width:60px;height:60px;margin:0 auto;margin-bottom:2%;transition:All 0.4s ease-in-out;}
.app_text_box ul li div img{ display: none; width: 100%; height: 100%;}
.app_text_box ul li div img:first-child{ display: block;}
.app_text_box ul li h3{font-size:18px;line-height:2.5;}
.app_text_box ul li h3 a{color:#333333;transition:All 0.4s ease-in-out;}
.app_text_box ul li p{width:56.33%;height:65px;margin:0 auto;font-size:14px;line-height:1.5;color:#666666;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.app_text_box ul li:hover div img:first-child{display: none;}
.app_text_box ul li:hover div img:last-child{display: block;}
/*
.app_text_box ul li:nth-child(1) div{background:url(../img/appzhezhaoli1_2.png) no-repeat center center;}
.app_text_box ul li:nth-child(2) div{background:url(../img/appzhezhaoli2_2.png) no-repeat center center;}
.app_text_box ul li:nth-child(3) div{background:url(../img/appzhezhaoli3_2.png) no-repeat center center;}
.app_text_box ul li:nth-child(4) div{background:url(../img/appzhezhaoli4_2.png) no-repeat center center;}
.app_text_box ul li:nth-child(1):hover div{background:url(../img/appzhezhaoli1.png) no-repeat center center;}
.app_text_box ul li:nth-child(2):hover div{background:url(../img/appzhezhaoli2.png) no-repeat center center;}
.app_text_box ul li:nth-child(3):hover div{background:url(../img/appzhezhaoli3.png) no-repeat center center;}
.app_text_box ul li:nth-child(4):hover div{background:url(../img/appzhezhaoli4.png) no-repeat center center;}
*/
.app_text_box ul li:hover h3 a{background:-webkit-linear-gradient(left,#9e83fd,#c05ae0,#c05ae0,#fe8ef8);-webkit-background-clip:text;-webkit-text-fill-color: transparent;}
.app_text_box ul li:hover{cursor:pointer}
.erweima_txt{text-align:center;font-size: 18px;line-height:3.88;}
.ewmzhezhao{width:50%;margin:0 auto;margin-bottom: 4.2%;}
.ewmzhezhao div{float:left;width:50%;margin:0 auto;text-align:center;}
.ewmzhezhao div h2{width:46.66%;margin:0 auto;}
.ewmzhezhao div h2 img{width:100%;}
.ewmzhezhao div p{text-align:center;color:#333333;font-size:20px;line-height:4.5;}

/*产品手册*/
.cpscbanner_wrap{width:100%;height:450px;background:#fffcf8 url(../img/cpscbannerbg.png) no-repeat center center;background-size:100%;position:relative;}
.cpscbannertxt{padding-top:10%;box-sizing:border-box;}
.cpscbannertxt ul li:nth-child(1){line-height:1.5;margin-bottom:5%;font-size:26px;font-family:'思源黑体';}
.cpscbannertxt ul li:nth-child(2){width:30px;height:30px;}
.cpscbannertxt ul li:nth-child(2) a{display:block;}
.cpsc_content h2{font-size:24px;line-height:1.24rem;}
.cpsclist {margin-bottom:10%;}
.cpsclist dl dt{width:380px;height:200px;margin:0 auto;position:relative;}
.cpsclist dl dt img{display:block;width:100%;height:100%;}
.cpsclist dl dt:hover{cursor: pointer;}
.cpsclist dl dt div{display:none;width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.5) url(../img/cpsclistvbg.png) no-repeat center center;transition:all 0.6s;transition:all 0.3s;}
.cpsclist dl dt div a{display:block;}
.cpsclist dl dt div.active{display:block;}
.cpsclist dl dd{margin-bottom:0.16rem;width:380px;margin:0 auto;margin-bottom:0.16rem;background:url(../img/cpsclistpdfbg.png) no-repeat left center;font-size:14px;line-height:3.57;padding-left:30px;}
.cpsclist dl dd a{color:#000000}
.cpsclist dl dd a:hover{color:#d53983}
.cpsclist ul li a{display:block;width:380px;margin:0 auto;margin-bottom:0.16rem;background:url(../img/cpsclistpdfbg.png) no-repeat left center;font-size:14px;line-height:3.57;border-bottom:1px solid #c5c5c5;padding-left:30px;}
.cpsclist ul li a{color:#000000}
.cpsclist ul li a:hover{color:#d53983}


/*常见问题*/
.commonproblem_content h2{font-size:24px;line-height:5;text-align:center;}
.commonproblem_list{width:80%;margin:0 auto;margin-bottom:11%;}
.commonproblem_list ul li{border-bottom:1px dashed #cccccc;}
.commonproblem_list ul li dl dt {font-size:16px;line-height:4;color:#000000;background:url(../img/problemlibg1.png) no-repeat right center;}
.commonproblem_list ul li dl dt:hover{color:#d53983;cursor:pointer;background:url(../img/problemlibg2.png) no-repeat right center;}
.commonproblem_list ul li dl dt.active{background:url(../img/problemlibg3.png) no-repeat right center;}
.commonproblem_list ul li dl dd{height:auto;display:none;}
.commonproblem_list ul li dl dd p{font-size:14px;line-height:1.5;padding-right:5%;box-sizing:border-box;margin-bottom:2%;}
.commonproblembox{margin-bottom:10%;}
.commonproblembox dl{float:left;width:47.5%;padding:4% 0;margin:0 1%;}
.commonproblembox dl dt{float:left;border-right:1px solid #e5e5e5;font-size:18px;font-weight:bold;line-height:70px;padding:0 10%;margin-right:10%;box-sizing:border-box;}
.commonproblembox dl dt a{color:#000000;}
.commonproblembox dl dd{float:left;}
.commonproblembox dl dd div{float:left;margin-right:5%;line-height:70px;}
.commonproblembox dl dd p{float:left;font-size:16px;line-height:26px;margin-top:3%;}
.commonproblembox dl dd p a{color:#000000;}
.commonproblembox dl dd p a:hover{color:#d53983}
/*联系我们*/
.contactus{background:#f6f6f6}
.map{width:100%;}
.contactus h2{font-size:24px;line-height:5;}
.map{position:relative;}
.contact_information{position:absolute;left:22%;top:15%;width:390px;background:#fff;padding-top:4.16%;}
.contact_information dl{box-sizing:border-box;padding-left:3%;margin-bottom:3%;}
.contact_information dl dt{font-size:18px;margin-bottom:1.66%;}
.contact_information dl dd{font-size:12px;line-height:16px;padding-left:3%;margin-bottom:2%;}
.contact_information dl .contact_informationpic3 a{color:#000;text-decoration:underline;}
.contact_information dl .contact_informationpic3 a:hover{color:#d53983;}
.contact_information dl .contact_informationpic2 a{font-size:14px;font-weight:bold;font-style:italic;color:#d53983;}
.contact_informationpic1{background:url(../img/contact_informationpic1.jpg) no-repeat left;}
.contact_informationpic2{background:url(../img/contact_informationpic2.jpg) no-repeat left;}
.contact_informationpic3{background:url(../img/contact_informationpic3.jpg) no-repeat left;}
.fbly{margin-bottom:10%;}
.fbly ul{float:left;}
.fbly li{margin-bottom:20px;color:#919191;}
.fbly li div{float:left;width:280px;height:60px;background:#fff;margin-right:30px;padding-left:20px;box-sizing:border-box;line-height:60px;}
.fbly li div input{float:right;width:220px;height:60px;}
.fbly li div span{float:left;}
.fbly li div select{float:right;width:220px;height:60px;}
.fbly li #zhuti{width:590px;}
.fbly li #zhuti input{width:530px}
.fbly dl{float:right;color:#919191;}
.fbly dl dt{width:550px;height:220px;background:#fff;padding-left:20px;box-sizing:border-box;line-height:60px;margin-bottom:12px;}
.fbly dl dt textarea{float:right;width:480px;height:220px;resize: none;}
.fbly dl dd input{display:block;width:110px;height:50px;background:#d53983;color:#fff;font-size:20px;}
/*精彩在妙*/
.jczmbanner{position:relative;}
.jczmbanner ul li{overflow:hidden;}
.jczmbanner ul li img{width:102%;transition: All 0.5s ease-in-out;-webkit-transition: All 0.5s ease-in-out;-moz-transition: All 0.5s ease-in-out;-o-transition: All 0.5s ease-in-out;transition: all 0.6s ease;-webkit-transform:scale(1);transform:scale(1);}
.jczmbanner ul li:hover img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transform:scale(1.1);transform: scale(1.1);}
.jczmzhezhao{width:100%;height:100%;background:rgba(0,0,0,0);position:absolute;left:0;top:0;padding-top:75%;box-sizing:border-box;}
.jczmzhezhao div{width:300px;height:300px;margin:0 auto;border-radius:50%;text-align:center;color:#fff;padding-top:15%;box-sizing:border-box;transition:all 0.5s;}
.jczmzhezhao div:hover{cursor:pointer;}
.jczmzhezhao div h2{font-size:46px;margin-bottom:10%;font-family:'思源黑体';}
.jczmzhezhao div p{font-size:18px;margin-bottom:15%;}
.jczmzhezhao div a{display:block;font-size:14px;color:#fff;}
.jczmzhezhao div.active{background:rgba(143,195,32,.7);}
.jczmzhezhao div:hover{background:rgba(143,195,32,.7);}
/*精彩在妙_未来*/
.return a{display:block;font-size:20px;font-weight:bold;color:#fff;}
.return a:hover{color:#d53983;}
.wlbanner_wrap{width:100%;height:10.81rem;background:url(../img/weilaibanner.jpg) no-repeat center center;position:relative;background-size:cover;}
.jczmchildtxt{padding-top:25%;box-sizing:border-box;}
.jczmchildtxt dt{margin-bottom:6.5%;font-size:64px;font-family:'思源黑体';color:#fff;}
.jczmchildtxt dd:nth-child(2){margin-bottom:3.5%;font-size:24px;font-family:'思源黑体';color:#fff;}
.jczmchildtxt dd:nth-child(3){margin-bottom:4%;font-size:18px;color:#fff;line-height:1.7;}
/*精彩在妙——科技*/
.kjbanner_wrap{width:100%;height:10.81rem;background:url(../img/kejibanner.png) no-repeat center center;background-size:cover;}
.kjbannertxt ul{padding-top:25%;box-sizing:border-box;}
/*精彩在妙—妙趣*/
.mqbanner_wrap{width:100%;height:100%;position:relative;}
.mqbannertxt{position:absolute;left:15%;top:75%;}
.mqbannertxt li{width:52%;font-size:18px;color:#fff;line-height:1.7;margin-bottom:5%;}
.mqdwdiv{width:60px;height:60px;background:url(../img/miaoqudingweipic.png) no-repeat;}
.mqdwdiv:hover{cursor:pointer;}
.mqdwdiv dl{display:none;width:200px;position:relative;left:50%;top:0;margin-left:-100px;color:#fff;text-align:center;}
.mqdwdiv dl dt{width:60px;height:60px;border-radius:50%;background:#ff479e;margin:0 auto;margin-bottom:30px;line-height:60px;font-size:24px;}
.mqdwdiv dl dd h3{font-size:18px;margin-bottom:10px;}
.mqdwdiv dl dd p{fonts-size:13px;}
.mqdwdiv dl.active{display:block;}
.mqdw1{position:absolute;left:20%;top:55%;}
.mqdw2{position:absolute;left:35%;top:30%;}
.mqdw3{position:absolute;left:45%;top:57%;}
.mqdw4{position:absolute;left:75%;top:15%;}
.mqdw5{position:absolute;right:30%;top:50%;}
.mqdw6{position:absolute;right:20%;top:75%;}
/*精彩在妙——分享*/
.fxbanner_wrap{width:100%;background:url(../img/fenxiangbanner.png) no-repeat center center;background-size:cover;position:relative;}
.fxbannertxt ul{padding-top:25%;box-sizing:border-box;}
.fenxiangpic1{margin-bottom:6.66%;font-size:60px;font-family:'思源黑体';color:#fff;}
.fenxiangpic2{margin-bottom:4%;font-size:18px;font-family:'思源黑体';color:#fff;line-height:1.55;}
.fenxiangpic3{margin-bottom:4%;font-size:18px;font-family:'思源黑体';color:#fff;}
/*客户服务*/
.khfwbanner_wrap{width:100%;height:450px;background:url(../img/khfwbg.jpg) no-repeat center center;}
.khfwbannertxt dl{padding-top:10%;box-sizing:border-box;text-align:center;color:#fff;font-family:'思源黑体';}
.khfwbannertxt dl dt{font-size:56px;margin-bottom:2%;}
.khfwbannertxt dl dd{font-size:18px;margin-bottom:2%}
.khfwlist_wrap{padding-top:10%;box-sizing:border-box;background:#f8f8f8;margin-bottom:5%;}
.khfwlist_wrap dl{text-align:center;margin-bottom:10%;}
.khfwlist_wrap dt{margin-bottom:2%;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.khfwlist_wrap dd h3{font-size:18px;line-height:2.5;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.khfwlist_wrap dd h3 a{color:#313131;}
.khfwlist_wrap dd p{width:43.33%;margin:0 auto;font-size:13px;line-height:1.5;}
.khfwlist_wrap dd p a{color:#999999;}
.khfwlist_wrap dl:hover dt{transform:translate(0,-10px);-webkit-transform:translate(0,-10px);-moz-transform:translate(0,-10px);-o-transform:translate(0,-10px);-ms-transform:translate(0,-10px);}
.khfwlist_wrap dl:hover dd h3 a{background:-webkit-linear-gradient(left,#9e83fd,#c05ae0,#c05ae0,#fe8ef8);-webkit-background-clip:text;-webkit-text-fill-color: transparent;}
.khfwlist_wrap dl:hover dd p a{text-decoration:underline;}
.khfwtitle{font-size:36px;line-height:1.8;text-align:center;margin-bottom:6%;}
.khfwtitle a{background:-webkit-linear-gradient(left,#9e83fd,#c05ae0,#c05ae0,#fe8ef8);-webkit-background-clip:text;-webkit-text-fill-color: transparent;}
.khfwlist ul li{border-top:1px solid #ebebeb;padding:8% 8%;}
.khfwlist ul li div img{transition:all 0.8s;}
.khfwlist ul li:hover div img{-webkit-transform: rotate(360deg);cursor:pointer;}
.khfwlist ul li .ulli_left{float:left}
.khfwlist ul li .ulli_right{float:right}
.khfwlist ul li div img{width:2.7rem;height:2.7rem;}
.khfwlist ul li div p{width:5rem;font-size:14px;color:#666666;line-height:2;}
.khfwlist ul li div h2{font-size:36px;background:-webkit-linear-gradient(left,#9e83fd,#c05ae0,#c05ae0,#fe8ef8);-webkit-background-clip:text;-webkit-text-fill-color: transparent;margin:5% 0;}
/*妙境体验店*/
.tsbanner_wrap{width:100%;height:350px;background:url(../img/tsbg.jpg) no-repeat center center;margin-bottom:4%;}
.tsbannertxt dl{padding-top:6%;box-sizing:border-box;text-align:center;color:#fff;}
.tsbannertxt dl dt{margin-bottom:2%;font-size:0.6rem;font-family:'思源黑体'}
.tsbannertxt dl dt img{width:2.94rem;height:0.56rem;}
.tsbannertxt dl dd{margin-bottom:2%}
.tsbannertxt dl dd div{width:7.5rem;margin:0 auto;background:#fff;border-radius:35px;font-size:18px;position:relative;}
.tsbannertxt dl dd div input:first-child{display:block;width:7.5rem;height:60px;padding-left:5%;box-sizing:border-box;font-size:14px;color:#999999;}
.tsbannertxt dl dd div input:last-child{width:24px;height:24px;background:url(../img/tssearchbg.png) no-repeat;position:absolute;right:5%;top:50%;margin-top:-12px; text-indent: -9999px;}
.tscontent{margin-bottom:2.5%;}
.tscontent dl{margin-bottom:3.33%;font-size:14px;}
.tscontent dl dt{float:left;color:#999999;margin-right:2.08%;}
.tscontent dl dd a{display:inline-block;margin-right:1.66%;color:#000000;line-height:1.5;}
.tscontent dl dd a:hover{color:#d53983;}
.tscontent dl dd a.active{color:#d53983;}
.tslist{padding-bottom:5.83%;box-sizing:border-box;}
.tslist ul li dl{margin-bottom:2.5%;}
.tslist ul li dl dt{font-size:24px;line-height:3;}
.tslist ul li dl dd div{overflow:hidden;}
.tslist ul li dl dd div:hover{cursor:pointer;}
.tslist ul li dl dd div img{width:100%;height:350px;transition: All 0.5s ease-in-out;-webkit-transition: All 0.5s ease-in-out;-moz-transition: All 0.5s ease-in-out;-o-transition: All 0.5s ease-in-out;transition: all 0.6s ease;-webkit-transform:scale(1);transform:scale(1);}
.tslist ul li dl dd div:hover img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transform:scale(1.1);transform: scale(1.1);}
/*妙境体验店详情*/
.dfmjing{background: #f4f5f6;padding:10.5% 0 7.5%;box-sizing:border-box;}
.dfmjing_conta{position:relative;background:#fff;}
.dfmjing_conta_left{float:left;width:47.5%;height:3.95rem;}
.dfmjing_conta_left img{width:100%;height:100%;}
.dfmjing_conta_right{float:left;width:52.5%;text-align:left;}
.dfmjing_conta_right dl{padding:6.34% 6.34% 0;box-sizing:border-box;}
.dfmjing_conta_right dl dt h3{font-size:30px;color:#d53983;margin-bottom:3.17%;}
.dfmjing_conta_right dl dt h4{font-size:14px;color:#999999;line-height:34px;background:url(../img/tydleanbg.jpg) no-repeat center bottom;margin-bottom:6.34%;}
.dfmjing_conta_right dl dd{font-size:14px;color:#000000;line-height:1.7;}
.dfmjing_conta_right dl dd p{margin-bottom:2%;}
.dfmjing_prev{display:block;width:22px;height:38px;position:absolute;right:-10%;top:50%;margin-top:-16px;background:url(../img/prev.png) no-repeat center center;}
.dfmjing_next{display:block;width:22px;height:38px;position:absolute;left:-10%;top:50%;margin-top:-16px;background:url(../img/next.png) no-repeat center center;}
.tspiclist{margin-bottom:4%;}
.tspiclist ul li{padding-top:2%;}
.tspiclist ul li img{width:100%;}
/*智能镜台*/
.znjtbanner_wrap{width:100%;background:url(../img/znjtbannerbg.jpg) no-repeat center center;background-size:cover;overflow:hidden;}
.znjtbannerpic{float:right;width:10.45rem;height:100%;box-sizing:border-box;position:relative;right:2.5%;}
.znjtbannertop{width:96%;position:absolute;left:0;top:10%;z-index:1;}
.znjtbannertop img{width:100%;}
.znjtbannerbottom{width:81.11%;position:absolute;right:0;top:25%;}
.znjtbannerbottom img{width:100%;}
.groupbanner1_wrap{width:100%;background:#000000 url(../img/wifi.png) no-repeat center 10%;padding-top:8%;box-sizing:border-box;overflow:hidden;}
.groupbanner1_wrap dl{text-align:center;margin-bottom:10%;color:#fff;}
.groupbanner1_wrap dl dt{margin-bottom:3%;font-size:46px;font-family:'思源黑体';}
.groupbanner1_wrap dl dd{font-size:14px;color:#ffffff;margin-bottom:2%;}
.groupbanner1_wrap dl dd p{width:70%;margin:0 auto;font-size:14px;line-height:1.75;}
.groupbanner1_wrap dl dd a{color:#ffffff;}
.groupbanner1_wrap dl dd a:hover{color:#d53983;}
.groupbanner1pic{width:8.66rem;margin:0 auto;}
.groupbanner1pic img{width:100%;}
.groupbanner2_wrap{width:100%;height:7.3rem;background:url(../img/groupbanner2bg.jpg) no-repeat center center;background-size:cover;position:relative;overflow:hidden;}
.groupbanner2_wrap dl{float:right;padding-top:16.66%;box-sizing:border-box;}
.groupbanner2_wrap dl dt{margin-bottom:5%;font-size:46px;font-family:'思源黑体';line-height:1.5;}
.groupbanner2_wrap dl dd{font-size:14px;margin-bottom:7%;}
.groupbanner2_wrap dl dd p{width:4.2rem;margin:0 auto;font-size:14px;line-height:1.75;}
.groupbanner2_wrap dl dd a{color:#000;}
.groupbanner2_wrap dl dd a:hover{color:#d53983;}
.groupbanner2pic{width:6.99rem;position:absolute;left:12.5%;bottom:0;}
.groupbanner2pic img{width:100%;}

.groupbanner3_wrap{width:100%;height:9rem;background:url(../img/groupbanner3bg.jpg) no-repeat center center;background-size:cover;position:relative;}
.groupbanner3_wrap dl{padding:11.5% 0 0;box-sizing:border-box;}
.groupbanner3_wrap dl dt{width:11.33%;margin-bottom:3.75%;}
.groupbanner3_wrap dl dt img{width:100%;}
.groupbanner3_wrap dl dd{color:#fff;margin-bottom:3.75%;}
.groupbanner3_wrap dl dd h3{font-size:46px;font-family:'思源黑体';line-height:1.5}
.groupbanner3_wrap dl dd p{width:4.5rem;line-height:1.75;font-size:14px;}
.groupbanner3pic{width:7.6rem;position:absolute;right:6%;bottom:0;}
.groupbanner3pic img{width:100%;}

.groupbanner4_wrap{width:100%;position:relative;}
.groupbanner4_wrap img{width:100%;}
.groupbanner5_wrap{width:100%;position:relative;margin-bottom:6.66%;}
.groupbanner5_wrap img{width:100%;}
.groupzhezhao{width:100%;height:100%;background:rgba(0,0,0,0.4);position:absolute;left:0;top:0;}
.groupzhezhao dl{padding-top:26%;text-align:center;box-sizing:border-box;}
.groupzhezhao dl dt{margin-bottom:4.16%;font-size:46px;font-family:'思源黑体';color:#fff;}
.groupzhezhao dl dd{font-size:14px;color:#ffffff;margin-bottom:2%;}
.groupzhezhao dl dd a{color:#ffffff;}
.groupzhezhao dl dd a:hover{color:#d53983;}

.product_parameter{margin-bottom:5%;}
.product_parameter dl{padding:0 5%;box-sizing:border-box;}
.product_parameter dl dt{font-size:30px;margin-bottom:2.5%;}
.product_parameter dl dd{width:5.32rem;font-size:14px;margin-bottom:2%;}
.product_parameter dl dd img{width:300px;height:240px;}
/*智能镜台1*/
.groupbanner1_1_wrap{width:100%;overflow:hidden}
.groupbanner1_1_wrap dl{text-align:center;padding-top:10%;box-sizing:border-box;}
.groupbanner1_1_wrap dl dt{margin-bottom:4%;font-size:46px;font-family:'思源黑体';}
.groupbanner1_1_wrap dl dd{margin-bottom:6%;}
.groupbanner1_1_wrap dl dd p{width:10rem;margin:0 auto;line-height:1.5;}
.groupbanner1_1_wrap dl dd a{color:#000;}
.groupbanner1_1_wrap dl dd a:hover{color:#d53983}
.groupbanner1_1pic{text-align:center;margin-bottom:10%;}
.groupbanner1_1pic img{width:7.14rem;height:2.9rem;}

.groupbanner1_2_wrap{width:100%;background:url(../img/groupbanner1_2_wrapbg.jpg) no-repeat center center;overflow:hidden}
.groupbanner1_2_wrap dl{text-align:center;color:#fff;padding-top:10%;box-sizing:border-box;}
.groupbanner1_2_wrap dl dt{margin-bottom:4%;font-size:46px;font-family:'思源黑体';}
.groupbanner1_2_wrap dl dd{margin-bottom:6%;}
.groupbanner1_2_wrap dl dd p{width:10rem;margin:0 auto;line-height:1.5;}
.groupbanner1_2_wrap dl dd a{color:#fff;}
.groupbanner1_2_wrap dl dd a:hover{color:#000}
.groupbanner1_2pic{text-align:center;margin-bottom:10%;}
.groupbanner1_2pic img{width:3.15rem;height:3.13rem;}

.groupbanner1_3_wrap{width:100%;overflow:hidden}
.groupbanner1_3_wrap dl{text-align:center;padding-top:10%;box-sizing:border-box;}
.groupbanner1_3_wrap dl dt{margin-bottom:4%;font-size:46px;font-family:'思源黑体';}
.groupbanner1_3_wrap dl dd{margin-bottom:6%;}
.groupbanner1_3_wrap dl dd p{width:10rem;margin:0 auto;line-height:1.5;}
.groupbanner1_3_wrap dl dd a{color:#000;}
.groupbanner1_3_wrap dl dd a:hover{color:#d53983}
.groupbanner1_3pic{text-align:center;margin-bottom:10%;}
.groupbanner1_3pic img{width:7.22rem;height:4.72rem;}
/*智能镜台2*/
.groupbanner2_1_wrap{width:100%;overflow:hidden}
.groupbanner2_1_wrap dl{width:75%;margin:0 auto;text-align:center;padding-top:10%;box-sizing:border-box;}
.groupbanner2_1_wrap dl dt{margin-bottom:4%;font-size:46px;font-family:'思源黑体';}
.groupbanner2_1_wrap dl dd{margin-bottom:6%;}
.groupbanner2_1_wrap dl dd p{line-height:1.5;}
.groupbanner2_1_wrap dl dd a{color:#000;}
.groupbanner2_1_wrap dl dd a:hover{color:#d53983}
.groupbanner2_1pic{text-align:center;}
.groupbanner2_1pic img{width:4.62rem;height:4.31rem;}

.groupbanner2_2_wrap{width:100%;background:url(../img/groupbanner1_2_wrapbg.jpg) no-repeat center center;overflow:hidden}
.groupbanner2_2_wrap dl{width:75%;margin:0 auto;text-align:center;color:#fff;padding-top:10%;box-sizing:border-box;}
.groupbanner2_2_wrap dl dt{margin-bottom:4%;font-size:46px;font-family:'思源黑体';}
.groupbanner2_2_wrap dl dt img{width:6.41rem;height:0.47rem;}
.groupbanner2_2_wrap dl dd{margin-bottom:6%;}
.groupbanner2_2_wrap dl dd p{line-height:1.5;}
.groupbanner2_2_wrap dl dd a{color:#fff;}
.groupbanner2_2_wrap dl dd a:hover{color:#000}
.groupbanner2_2pic{text-align:center;}
.groupbanner2_2pic img{width:3.15rem;height:3.13rem;}

.groupbanner2_3_wrap{width:100%;overflow:hidden}
.groupbanner2_3_wrap dl{width:75%;margin:0 auto;text-align:center;padding-top:10%;box-sizing:border-box;}
.groupbanner2_3_wrap dl dt{margin-bottom:4%;font-size:46px;font-family:'思源黑体';}
.groupbanner2_3_wrap dl dt img{width:5.3rem;height:0.47rem;}
.groupbanner2_3_wrap dl dd{margin-bottom:6%;}
.groupbanner2_3_wrap dl dd p{line-height:1.5;}
.groupbanner2_3_wrap dl dd a{color:#000;}
.groupbanner2_3_wrap dl dd a:hover{color:#d53983}
.groupbanner2_3pic{text-align:center;}
.groupbanner2_3pic img{width:4.62rem;height:4.42rem;}

/*智能橱窗*/
.yuan1{background:#d6d6d6}
.yuan2{background:#3f3f3f}
.znccbanner_wrap{width:100%;background:url(../img/znccbannerbg.jpg) no-repeat center center;background-size:cover;}
.znccbannertxt{width:100%;padding:8% 0 0 15%;box-sizing:border-box;}
.znccbannertxt_left{float:left;}
.znccbannertxt_left dt{margin-bottom:3%;font-size:54px;font-family:'思源黑体';}
.znccbannertxt_left dd{margin-bottom:6.66%;font-size:30px;font-family:'思源黑体';}
.znccbannertxt_left dd span{font-size:20px;font-family:'思源黑体';}
.znccbannertxt_left dd div{width:30px;height:1px;background:#000;}
.znccbannertxt_left dd p{width:0.8rem;height:0.8rem;float:left;margin-right:2%;border-radius:50%;}
.znccbannertxt_left dd p.active{border:0.04rem solid #fff;}
.znccbannerpic{float:left;}
.znccbannerpic li{display:none;}
.znccbannerpic li.active{display:block;}
.zncc_section1 div{overflow:hidden;}
.zncc_section1 div img{width:100%;width:100%;transition: All 0.5s ease-in-out;-webkit-transition: All 0.5s ease-in-out;-moz-transition: All 0.5s ease-in-out;-o-transition: All 0.5s ease-in-out;transition: all 0.6s ease;-webkit-transform:scale(1);transform:scale(1);}
.zncc_section1 div:hover img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transform:scale(1.1);transform: scale(1.1);}
.zncc_section2{background:#d53983;padding-top:7%;}
.zncc_section2 ul li{text-align:center;color:#fff;margin-bottom:8.33%;}
.zncc_section2 ul li div,.zncc_section4 ul li div{width:13.5%;margin:0 auto;margin-bottom:7.5%;}
.zncc_section2 ul li div img,.zncc_section4 ul li div img{width:100%;}
.zncc_section2 ul li h3,.zncc_section4 ul li h3{font-size:28px;margin-bottom:5%;font-family:'思源黑体';}
.zncc_section2 ul li p,.zncc_section4 ul li p{width:74%;margin:0 auto;line-height:24px;}

.zncc_section3{width:100%;margin-bottom:6.25%;position:relative;}
.zncc_section3 img{display:block;width:100%;}
.zncc_zhezhao{width:100%;height:100%;position:absolute;left:0;top:0;}
.zncc_zhezhao dl{text-align:center;padding-top:12.5%;}
.zncc_zhezhao dl dt{margin-bottom:2%;font-size:46px;font-family:'思源黑体';}
.zncc_zhezhao dl dd{margin-bottom:6.7%;}
.zncc_zhezhao dl dd p{width:70%;margin:0 auto;text-align: center;}
.zncc_section4{text-align:center;}
.zncc_section4 dl{margin-bottom:6.66%;}
.zncc_section4 dl dt img{width:7.75rem;height:0.55rem;}
.zncc_section4 dl dt{margin-bottom:5%;font-size:46px;font-family:'思源黑体';}
.zncc_section4 dl dd h3{font-size:22px;margin-bottom:1.66%;font-family:'思源黑体';}
.zncc_section4 ul li{text-align:center;margin-bottom:5.8%;}
.zncc_section5{width:100%;background:#ebeded;padding:8% 0;box-sizing:border-box;text-align:center;}
.zncc_section5_left{padding-top:10%;box-sizing:border-box;}
.zncc_section5_left dl{text-align:left;}
.zncc_section5_left dl dt{font-size:36px;font-family:'思源黑体';margin-bottom:5%;}
.zncc_section5_left dl dd h3{font-size:20px;font-family:'思源黑体';}
.zncc_section5_left dl dd{font-size:14px;margin-bottom:3%;}
.zncc_section5_right img{width:6.41rem;}


/*教学应用*/
.tabanner1_wrap{background:url(../img/tabanner1.jpg) no-repeat center center;background-size:cover;position:relative;}
.tabanner1_wrap dl{padding-top:16.66%;box-sizing:border-box;}
.tabanner1_wrap dl dt{margin-bottom:3%;font-size:46px;font-family:'思源黑体';}

.tabanner1_wrap dl dd{margin-bottom:2.91%;font-size:46px;font-family:'思源黑体';}
.tabanner1_wrap dl dd p{width:56.33%;font-size:14px;line-height:2;font-family:'微软雅黑'}

.tabanner2_wrap,.tabanner3_wrap,.tabanner4_wrap,.tabanner5_wrap{overflow:hidden;}
.tabanner2_wrap dl,.tabanner3_wrap dl,.tabanner4_wrap dl,.tabanner5_wrap dl{text-align:center;padding-top:9%;box-sizing:border-box;}
.tabanner2_wrap dl dt,.tabanner3_wrap dl dt,.tabanner4_wrap dl dt,.tabanner5_wrap dl dt{margin-bottom:2.5%;font-size:46px;font-family:'思源黑体'}
.tabanner2_wrap dl dd,.tabanner3_wrap dl dd,.tabanner4_wrap dl dd,.tabanner5_wrap dl dd{margin-bottom:4%;font-size:46px;font-family:'思源黑体'}
.tabanner2_wrap dl dd p,.tabanner3_wrap dl dd p,.tabanner4_wrap dl dd p,.tabanner5_wrap dl dd p{width:65%;margin:0 auto;font-size:14px;line-height:1.5;font-family:'微软雅黑'}
.tabanner2pic,.tabanner3pic,.tabanner4pic,.tabanner5pic{text-align:center;}
.tabanner2pic img,.tabanner3pic img,.tabanner5pic img{width:4.7rem;}
.tabanner4pic img{width:8.45rem}
.tabanner3_wrap{height:7.34rem;background:#9e76c4 url(../img/tabanner3.jpg) no-repeat center bottom;background-size:cover;}
.tabanner3_wrap dl,.tabanner5_wrap dl{color:#fff;}
.tabanner5_wrap{min-height:7.34rem;background:#9e76c4;overflow:hidden;position:relative;}
.tabanner5_wrap dl dd a{color:#fff;font-size:14px;}
.tabanner5_wrap dl dd a:hover{color:#000;}
.teacherweima_box{display:none;width:66.66%;position:absolute;left:50%;top:50%;margin-left:-33.33%;z-index:5}
.teacherweima_box p{margin-bottom:4.16%;text-align:center;color:#fff;}
.teacherweima_box p span{display:inline-block;margin:0 5%;font-size:14px;line-height:2;}
.teacherweima_box p span.active{border-bottom:1px solid #fff;}
.teacherweima_box p span:hover{cursor:pointer;}
.erweima{display:none;font-size:14px;}
.erweima ul li{text-align:center;color:#fff;}
.erweima ul li img{display:block;width:190px;height:190px;margin:0 auto;margin-bottom:20px;}
.erweima.active{display:block;}