@charset "utf-8";
/*~~~~框架布局~~~*/



/*==顶部↓==*/
.header{line-height: 110px;height: 110px;}
.header .container{height:100%;}
.header .logo{}
.header .logo img{ display: inline;vertical-align: middle;}
.header .nav{padding:0 50px; margin:0 50px;border-left:1px #ddd solid;/*! border-right:1px #ddd solid; */height: 100%;vertical-align: middle;}
.header .nav li{/*! float:left; *//*! width:14%; *//*! vertical-align: middle; */display: inline-block;}
.header .nav li a.navAone{ position: relative; display: block;color:#343434;font-size:18px;line-height:110px; text-align: center; margin: 0 25px;}
.header .nav li a.navAone:before{ content: ""; position: absolute; left:0; bottom:0px; width:0%; height:1px; background: #dd4784;transition: all .4s ease-in-out;}
.header .nav li:hover a.navAone:before,.header .nav li.active a.navAone:before{width:100%}
.header .nav li:hover a.navAone,.header .nav li.active a.navAone{ /*! background: rgba(0,0,0,0.2); */color: #dd4784;}
.header .right{height: 100%;vertical-align: middle;border-left: 1px #ddd solid;padding: 0 0 0 50px;}
.header .right .block{/*! float:left; */margin:0 10px;display: inline-block;}
.header .right .block em{ display: block; width:20px;height:20px; background-position:center; background-repeat:no-repeat ;}
.header .right .lang{color:#fff;font-size:16px;}
.header .right .lang font{padding:5px 10px; transition: all .4s ease-in-out;background:#aaa}
.header .right .lang:hover font{ background:#dd4784}
.header .right .block.search em{ background-image: url(../images/search_ico.png);}
.header .right .block.tel em{ background-image: url(../images/tel_ico.png);}
.header .right .block.weixin em{ background-image: url(../images/weixin_ico.png);}
.header .right .block.search .effect-lower-block{transform-origin: 95% 0%;top: 30px;width: 300px;}
.header .right .block.search .box{ background:#f5f5f5}
.header .right .block.search input{line-height:25px;border:1px #ddd solid;width:210px;padding: 2px 10px;font-size:13px;}
.header .right .block.search button{line-height:25px; height:30px;width:40px; border:none;padding:0 5px; background:#666;color:#fff; cursor: pointer;}
.header .right .block.search button:hover{ background:#dd4784}
.header .right .block.tel .effect-lower-block{top: 30px;color:#666;font-size:20px;width:200px}
.header .right .block.weixin .effect-lower-block{top: 30px;width:110px;padding: 5px;}
.header .right .block.weixin .effect-lower-block img{max-width:100%;}
.header .lang-wap{display:none;float:right;color:#fff;font-size:14px;margin:0px 20px 0 0;}
.header .lang-wap font{padding:3px 10px;background:#aaa;}


/*==次级导航↓==*/
.menu{width:100%; margin:20px 0 60px 0}
.menu ul{ text-align: center; display: table; /*! background:#f2f3f4; *//*! width: 100%; */margin: auto;border-left: 1px #ddd solid;border-top: 1px #ddd solid;}
.menu li{ display:inline-block; padding: 16px 40px;border-right: 1px #c8c8c8 solid;border-bottom: 1px #ddd solid;float: left; background:#e4e4e4;}
.menu li a{ display: block;margin:0 0px;color:#000;font-size:18px; /*! border-left:1px #ddd solid; */-webkit-line-clamp: 1;display: -webkit-box;word-break: break-all;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;}
.menu li:hover,.menu li.active{ color:#fff;  background:#dd4784}
.menu li:hover a,.menu li.active a{color:#fff;}


/*==面包屑↓==*/
.site{margin:20px 0 35px 0;color:#666666;font-size:12px;}
.site .home{ padding-left:25px; background: url(../images/ico01.png) no-repeat left;}
.site a{color:#666;font-size:12px;padding:5px 0}
.site a:hover{color:#dd4784}


/*==标题↓==*/
.titleAx{margin:20px 0; color:#191919;font-size:36px;text-align: center;}
.titleAx span{ display: table;color:#343434;font-size:14px;margin-top: 5px;margin: 5px auto 0;text-transform:Capitalize;}
.titleAx span em{ display: block; width:10px;height:10px; border-radius: 50%; background: #dd4784;margin: 5px 0 0 5px;float: right;}
.titleAx .more{float:right;margin-top:-40px;color:#191919;font-size:14px; padding-left:20px; background: url(../images/arrow_04.png) no-repeat left;}
.titleAx .more:hover{ color:#dd4784}
.titleAx.titleAxLeft span{ /*! float:left; *//*! clear: both; *//*! display: block; */margin: 5px 0 0 0;}
.titleAx-white,.titleAx-white font{color:#fff}
.titleAx.pgTit{margin:35px 0 50px 0}
.titleBx{color:#333333;font-size:30px;text-align:center;margin: 10px 0;float: left;width: 100%;}
.titleBx hr{ display:table; border:none;margin:10px auto;width:20px;height:1px; background:#dd4784;}


/*==标题↓==*/
.titleTop{ margin:0 0 35px 0;overflow: hidden;}
.titleTop .titleAx{float:left; margin:0px;}
/**/
.titleTop .tone{float: right;margin:20px 0 0 0;}
.titleTop .tone li{float:left; padding-left:60px;padding: ;cursor: pointer;}
.titleTop .tone li a{ position: relative;z-index:2; display: block; color:#191919;font-size:18px;padding-bottom: 10px;}
.titleTop .tone li a:before{ content: ""; position:absolute; left:0;bottom:0;width:0%; height:2px; background: #dd4784;transition: all .4s ease-in-out;}
.titleTop .tone li:hover a,.titleTop .tone li.active a{color:#dd4784;}
.titleTop .tone li:hover a:before,.titleTop .tone li.active a:before{width:100%;}


/*==客服按钮↓==*/
.onlineKefu{ color:#fff;font-size: 14px;padding:10px 50px 10px 30px;/*! margin:20px 0 0 20px; */ background-color: #dd4784; background-image:url(../images/online-ico.png); background-repeat:no-repeat; background-position:105px 12px;}
.onlineKefu:hover{ background-color: #f60}


/*==首页产品↓==*/
.ProductHome{padding:60px 0 80px 0; background:#f3f3f3;}
.ProductHome .swiper-container{margin-top:50px;}
.ProductHome .swiper-pagination{margin-top:40px;position: initial;}
.ProductHome.spot-1 .swiper-pagination span{ margin:0 12px;background: #ddd;}
.ProductHome.spot-1 .swiper-pagination span.swiper-pagination-bullet-active{color:#0065b3;background: #dd4784;/* margin-top:-11px; */}
.ProductHome .list-product .block{padding: 10px;}
.ProductHome .list-product .block a{box-shadow: 0 0 10px #ddd; /*! padding: 15px; *//*! background: none; */}
/*--*/
.list-product{}
.list-product .block{ text-align: center; } 
.list-product .block a{display: block;padding:0 0 35px 0; text-align: center;  background: #fff;} 
.list-product .block h4{margin-top:15px;color:#343434;font-size:16px;-webkit-line-clamp: 1;display: -webkit-box;word-break: break-all;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;}
.list-product .block:hover a{ box-shadow: 0 0 10px #999;}
/*--*/
.ProductListBox .list-product .block{float:left;width:25%;}
.ProductListBox .list-product .block a{ margin:0 15px 30px 15px}


/*==产品详情↓==*/
.ProductShow{margin: 0 0 70px 0;}
.ProductShow .sTopLeft{width:45%;}
.ProductShow .sTopRight{width:50%;/*! padding-left:50px; */}
.ProductShow .sTopRight h2{color:#dd4784;font-size:20px;}
.ProductShow .sTopRight p{color:#666666;font-size:14px; display: block;margin: 30px 0;}
.ProductShow .sTopRight span{padding:20px 0; margin: 30px 0 40px 0;color:#666666;font-size:14px;display: block; border-top:1px #ddd solid; border-bottom: 1px #ddd solid;line-height: 30px;}
.ProductShow .sTopRight .tel{color:#666666;font-size:12px; padding-left:50px;background: url(../images/tel3_ico.png) no-repeat left;float: left;}
.ProductShow .sTopRight .tel font{ font-size:28px; color:#dd4784;display: block;}
.ProductShow .sTopRight .online{margin:5px 0 0 70px;padding:10px 40px 10px 70px; color:#fff;font-size:14px;background:#dd4784 url(../images/ico20.png) no-repeat 40px 10px;display: inline-block;}
.ProductShow .sTopRight .online:hover{background:#f60 url(../images/ico20.png) no-repeat 40px 10px;}
.ProductShow .tabBox{overflow: hidden;float: left;width: 100%;margin: 50px 0;}
.ProductShow .tabBox .tone{ border-top:1px #dd4784 solid;  border-right:1px #ddd solid;border-bottom: 1px #ddd solid; background: #f5f5f5; overflow: hidden;}
.ProductShow .tabBox .tone li{color:#333333;padding:17px 50px;font-size:14px;border-left:1px #ddd solid;float: left;cursor: pointer;}
.ProductShow .tabBox .tone li.hit{ color:#dd4784;background: #fff;}
.ProductShow .tabBox .down{ margin-top:20px;}
.ProductShow .relevant{overflow: hidden;margin: 0 0 20px 0;}
.ProductShow .relevant h2{ color:#333333;font-size:20px; font-weight:bold;background:url(../images/line06.jpg) no-repeat left;padding-left: 10px;}
.ProductShow .relevant .more{color:#999999;font-size:12px; background: url(../images/line09.png) no-repeat right; float: right;padding-right: 20px;margin-top: 7px;}
.ProductShow .relevant .more:hover{color:#dd4784}
.ProductShow .relevant .list{}
.ProductShow .relevant .list a{ display: block;background: #fff;border: 1px #ddd solid;padding: 0 0 20px 0;}
.ProductShow .relevant .list li h4{color:#333333;font-size:14px;text-align: center;margin: 15px 0;}
.ProductShow .relevant .list li em{ display: none; margin:auto; border:1px #ddd solid; color:#ddd;border-radius: 50%;width: 20px;line-height: 20px;text-align: center;}
.ProductShow .relevant .list li:hover h4{ color:#dd4784}
.ProductShow .relevant .list li:hover em{ color:#dd4784;border:1px #dd4784 solid}
.ProductShow .relevant .down{margin-top:50px;overflow: hidden;} 
.ProductShow .relevant .swiper-container-relevant{position: relative;overflow: hidden;margin-top: 30px;}
.ProductShow .relevant .prev,.ProductShow .relevant .next{ background: #505050;color: #fff;font-size: 30px;width: 35px;line-height: 35px;text-align: center;}
.ProductShow .relevant .prev:hover,.ProductShow .relevant .next:hover{ background:#dd4784}
.ProductShow .relevant .list li:hover h4{color:#dd4784}


/*==首页解决方案↓==*/
.SloveHome{padding:70px 0 70px 0;}
.SloveHome .list{display: flex;width: 100%;margin-top: 45px;box-sizing: border-box;height: 540px;}
.SloveHome .list .result{flex: 1;overflow: hidden;transition: .5s;margin: 0 0.5px;box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);/*! line-height: 0; */}
.SloveHome .list .result img{width: 100%;height: calc(100% - 0vh);-o-object-fit: cover;object-fit: cover;transition: 1s;}
.SloveHome .list .result > span{font-size: 3.8vh;display: block;text-align: center;height: 10vh;line-height: 2.6;}
.SloveHome .list .result:hover{flex: 1 1 30%;}
.SloveHome .list .result:hover img{width: 100%;height: 100%;}
/*--*/
.SloveHome .list .block{ position: relative;}
.SloveHome .list .block a{ display: block;height: 100%;}
.SloveHome .list .block:before{ position: absolute;z-index:1; content: ""; left:0; top:0; width:100%; height:100%; background: rgba(0,0,0,0.5);transition: all .4s ease-in-out;}
.SloveHome .list .block:hover:before{ opacity: 0}
.SloveHome .list .block .box{ opacity:1; position:absolute;left:11%;top:22%;z-index:9;width:78%; margin:auto;padding:50px 0; }
.SloveHome .list .block:hover .box{opacity: 1;padding:50px;}
.SloveHome .list .block .box:before{ position: absolute; content: ""; left:0; top:0;z-index:-1; width:100%; height:0%; background: rgba(211,71,132,0.95);transition: all .7s ease-in-out;}
.SloveHome .list .block:hover .box:before{ height:100%;}
.SloveHome .list .block h4.title.top{display:none; position:absolute;left:0%;top:20%;z-index:9;width:100%;padding-top:50px; transition: all .4s ease-in-out;}
.SloveHome .list .block:hover h4.title.top{opacity: 0}
.SloveHome .list .block h4.title{color:#fff;font-size:24px; text-align: center}
.SloveHome .list .block h4.title font{ display:block;color:#fff;font-size:14px;}
.SloveHome .list .block .box p.txt{margin-top:0px;min-width:430px; height:0px; overflow: hidden;color:#fff;font-size:14px;/*! width: 200px; */word-wrap: break-word;/*! overflow: hidden; *//*! white-space: nowrap; */}
.SloveHome .list .block:hover .box p.txt{ margin-top: 30px;height: auto; }
.SloveHome .list .block .box em.more{margin:30px auto 0; display: block;width:20px;height:20px;text-align: center; border-radius: 50%;; color:#fff; background: #dd4784;}
.SloveHome .list .block:hover .box em.more{ color:#dd4784; background: #fff;}


/*==首页关于↓==*/
.AboutHome{padding:100px 0 110px 0;margin:50px 0 0 0; background: #eee url(../images/videoImgLeft.png) left;overflow: hidden;}
.AboutHome .left{width:42%;/*! margin-top: 70px; */}
.AboutHome .left .title{color:#191919;font-size:25px;}
.AboutHome .left .title font{color:#dd4784;font-size:40px;display: block;}
.AboutHome .left .wx{margin:50px 0; color:#4d4d4d;font-size:14px;}
.AboutHome .left .more{ position:relative;margin:10px 0 0 0;color:#fff;font-size:12px;padding: 8px 45px 8px 25px; border-radius: 20px;background: #dd4784;}
.AboutHome .left .more:hover{ color:#333}
.AboutHome .left .more:before{ position: absolute; top:15px; right:18px; content: ""; width:10px;height:5px; background: url(../images/line05.png) no-repeat -11px 0px;transition: all .4s ease-in-out;}
.AboutHome .left .more:hover:before{ background-position: 0px 0px;}
.AboutHome .left .mun{ margin:50px 0 0 0}
.AboutHome .left .mun li{ float:left;/*! width:25%; */ padding-right:30px;margin-right:30px;border-right: 1px #ddd dashed;}
.AboutHome .left .mun li span{color:#191919;font-size:40px}
.AboutHome .left .mun li h5{margin-top:0px;color:#191919;font-size:14px}
.AboutHome .left .mun li:last-child{border:none;}

.AboutHome .right{ position: relative;width: 38%;}
.AboutHome .right .bg{ position:absolute; left:0; top:-100px; }
.AboutHome .right .bg img{}
.AboutHome .right .video{ position:absolute; left:-42%; top:18px; z-index: 2;width: 510px;}
.AboutHome .right .video img{ max-width:100%;}


/*==首页合作↓==*/
.CooperateHome{padding:80px 0; }
.CooperateHome .titleAx{ text-align: left;}
.CooperateHome .list{ margin:0px 0 0 0; border-top:1px #ddd solid;border-left:1px #ddd solid;overflow: hidden;}
.CooperateHome .list li{ float:left; position: relative;width:12.5%;border-bottom:1px #ddd solid;border-right:1px #ddd solid}
.CooperateHome .list li a:before{  opacity: 0; content: ""; position: absolute; z-index: 1;left:0px;top:0px;right:0px;bottom:0px;width: 100%; height:100%; border:1px #dd4784 solid;transition: all .4s ease-in-out;}
.CooperateHome .list li a{ position: relative; display: block;}
.CooperateHome .list li img{max-width:100%;-webkit-filter: grayscale(100%); filter: grayscale(100%);  filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);   _filter:none;}
.CooperateHome .list li:hover img{margin-top:0px;-webkit-filter: grayscale(0%); filter: grayscale(0%);  filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);   _filter:none;}
.CooperateHome .list li h4{ opacity:0; position: absolute;bottom:0;left:0;width:100%;color:#fff; text-align: center;font-size:12px; padding:10px 10px; background: #dd4784;}
.CooperateHome .list li:hover a:before{ opacity: 1;}
.CooperateHome .list li:hover h4{ opacity: 1;}


/*==首页新闻↓==*/
.NewsHome{padding: 10px 0 120px 0;}
.NewsHome .container{ border-top:1px #ddd solid; padding-top:60px;}
.NewsHome .titleAx{ text-align: left;}
.NewsHome .down{}
.NewsHome .list{}
.NewsHome .list li.one{float:left;width:33%;}
.NewsHome .list li.one a{ display: block; margin-right:30px}
.NewsHome .list li.one h4{margin-top:15px;color:#333333;font-size:18px;}
.NewsHome .list li.one p{margin:15px 0;color:#666666;font-size:12px;}
.NewsHome .list li.one span{color:#666666;font-size:12px;}
.NewsHome .list li.one span font{position:relative;margin:0px 0 0 30px;color:#666666;font-size:12px;transition: all .4s ease-in-out;}
.NewsHome .list li.one:hover span font{ color:#dd4784}
.NewsHome .list li.one span font:before{ position: absolute; top:8px; right:-15px; content: ""; width:10px;height:5px; background: url(../images/line06.png) no-repeat 0px 0px;transition: all .4s ease-in-out;}
.NewsHome .list li.one:hover span font:before{ background-position:-11px 0px;}
.NewsHome .list li.one:hover h4{color:#dd4784 }
.NewsHome .list li.two{float:right;width:32%; margin:0 0 20px 0px; padding:0 0 20px 0px;border-bottom: 1px #aaa dashed;}
.NewsHome .list li.two:last-child{ border-bottom:none;padding-bottom: 0px;margin-bottom: 0px; }
.NewsHome .list li.two .time{float:left; margin-right:20px;color:#666666;font-size:12px; text-align: center;}
.NewsHome .list li.two .time font{ color:#191919;font-size:45px;display: block;}
.NewsHome .list li.two h4{color:#333333;font-size:16px;}
.NewsHome .list li.two p{ margin-top:10px;color:#666666;font-size:12px;}
.NewsHome .list li.two:hover h4{color:#dd4784}


/*==案例列表↓==*/
.CaseListBox{}
.CaseListBox .list{}
.CaseListBox .list li{float:left; width:25%;}
.CaseListBox .list li a{ display: block; margin:0 10px 30px 10px}
.CaseListBox .list li h4{color:#333333;font-size:14px; margin:20px 0 0 0;}
.CaseListBox .list li h4 font{ position: relative;}
.CaseListBox .list li:hover h4{color:#dd4784}
.CaseListBox .list li h4 font:before{ position: absolute; top:8px; right:-25px; content: ""; width:10px;height:5px; background: url(../images/line06.png) no-repeat 0px 0px;transition: all .4s ease-in-out;}
.CaseListBox .list li:hover h4 font:before{ background-position:-11px 0px;}


/*==解决方案↓==*/
.SloveBoxList{padding: 0 0 100px 0;}
.SloveBoxList .list li{margin:0 0 50px 0;clear: both;overflow: hidden;}
.SloveBoxList .list li .pic{float:left;width:45%;}
.SloveBoxList .list li .box{float:right;width:51%;padding:20px 0 0 0;}
.SloveBoxList .list li .box h4{ border-left:2px #dd4784 solid;font-size:30px;padding-left:15px;color:#282828}
.SloveBoxList .list li .box h4 font{ display:block;font-size:12px;color:#282828}
.SloveBoxList .list li .txt{ margin:50px 0 0 0;color:#555555;font-size:14px;}
.SloveBoxList .list li.two .pic{ float:right;}
.SloveBoxList .list li.two .box{ float:left;}


/*==售后服务↓==*/
.AfterBox{padding: 0 0 100px 0;}
.AfterBox .top{}
.AfterBox .top img{max-width:100%}
.AfterBox .title{margin-top: 30px;}
.AfterBox .block.title h4{color:#191919;font-size:28px;}
.AfterBox .block{ padding:40px 0; /*! border-top:1px #ddd solid; */clear: both;overflow: hidden;}
.AfterBox .block h4{float:left;width:20%;color:#333333;font-size:16px;}
.AfterBox .block h4 em{ width:25px; line-height:25px; text-align: center;display: inline-block;margin-right:10px;color:#fff;font-size:14px; border-radius: 50%; background: #dd4784;}
.AfterBox .txt{float:right; width:75%;color:#666666;font-size:14px;line-height: 25px;}
.AfterBox dd{ border-top:1px #ddd solid;}


/*==新闻列表↓==*/
.NewsListBox{}
.NewsListBox .list{}
.NewsListBox .list li{float:left;width:25%;}
.NewsListBox .list li a{display: block; margin:0 0 30px 20px; }
.NewsListBox .list li .title{color:#191919;font-size:18px;}
.NewsListBox .list li:hover .title{color:#dd4784}
.NewsListBox .list li .txt{color:#666666;font-size:12px;line-height: 23px;}
.NewsListBox .list li .more{position:relative;margin:30px 0 0 0px;color:#666666;font-size:12px;transition: all .4s ease-in-out;display: table;}
.NewsListBox .list li:hover .more{ color:#dd4784}
.NewsListBox .list li .more:before{ position: absolute; top:8px; right:-15px; content: ""; width:10px;height:5px; background: url(../images/line06.png) no-repeat 0px 0px;transition: all .4s ease-in-out;}
.NewsListBox .list li:hover .more:before{ background-position:-11px 0px;}
.NewsListBox .list .line{ margin:30px 0 50px 0; width:100%; height:1px; border:none; background: #ddd;clear: both;float: left;}
.NewsListBox .list li.top{width:50%; }
.NewsListBox .list li.top a{ background: #eaeaea;/*! float: left; */overflow: hidden;padding-right: 30px;}
.NewsListBox .list li.top .pic{float:left;width:50%; margin-right:30px;}
.NewsListBox .list li.top .title{margin:50px 0 30px 0;}
.NewsListBox .list li.block{}
.NewsListBox .list li.block a{margin-bottom:50px}
.NewsListBox .list li.block .title{margin:25px 0}


/*==新闻详细页↓==*/
.newsDetail{float:left;width:100%;}
.newsDetail h2{margin:20px 0 0 0;font-size:24px;line-height:26px;text-align:center;color:#333;padding-bottom:15px;font-weight:normal;}
.newsDetail .msg{text-align:center;border-bottom:1px solid #e7e7e7;font-family:"宋体";font-size:12px;padding-bottom:5px;}
.newsDetail .msg span{padding:0 7px;color:#999;}
.newsDetail .msg .fonts a{padding:0 3px;}
.newsDetail .msg a.active{font-weight:bold;color:#9a6834;}
.newsDetail .detailCont{padding:20px 0;line-height:26px;overflow:hidden;}
.newsDetail .detailCont embed{width:70%; height:500px; margin:auto;display: block;}
.newsDetail .detailCont .pic{text-align:center;padding-bottom:20px}
.pagIng{border-top:1px solid #dadada;padding:30px 15px;overflow:hidden;}
.pagIng .fl{/*! width:100%; */height:60px;padding-right:30px;/*! border-right:1px solid #dadada; */}
.pagIng .fl a:hover{color:#dd4784}
.pagIng .fl a{display:block;height:30px;line-height:30px;}
.pagIng .fr{line-height:28px;display:block;width:85px;height:28px;margin-top:16px;text-align:center;color:#fff;border-radius:2px;background:#dd4784;}
.pagIng .fr:hover{background:#000;color:#fff;}
.recTitle{padding-left:20px;height:35px;line-height:35px;background:url(../images/page_line.jpg) no-repeat 10px 12px #eee;font-weight:bold;color:#333;font-weight:normal;margin-top:20px;}
.relNews{overflow:hidden;margin-top:15px;}
.relNews ul{width:100%;}
.relNews ul li{float:left;margin:0 1%;width:48%;height:28px;line-height:28px;}
.relNews ul li a{display:block;width:200px;line-height:28px;background:url(../images/arrow_02.png) no-repeat left center;padding-left:15px;float:left;font-size:12px;}
.relNews ul li a:hover{background:url(../images/arrow_one.png) no-repeat left center;margin-left:5px;}
.relNews ul li span{float:right;color:#999;}


/*==联系我们↓==*/
.contactBox{}
/*.contactBox .mode .titleAx{ margin-bottom:40px;}*/
.contactBox .map{width:50%}
.contactBox .right{ position:relative;width:50%; padding:0 200px 0 50px;overflow: hidden;}
.contactBox .right h3.title{color:#191919;font-size:24px}
.contactBox .right h4.title{ margin:20px 0 30px 0;color:#999;font-size:20px ;}
.contactBox .right h4.title hr{margin:10px 0 0 0; border:none; width:15px; height:1px; background: #dd4784;}
.contactBox .right .tel{ float:left; font-size:12px; color:#666666; margin: 0 30px 20px 0; width: 100%;}
.contactBox .right .tel font{  display: block; font-size:26px; color:#dd4784}
.contactBox .right .tel font i{font-style:normal;color:#666;font-size:12px;margin-left:5px;}
.contactBox .right .tel3{}
.contactBox .right .add{ position: relative;/* border-top:1px #ccc solid;*/margin-top:30px; padding-top:30px;color:#494949;font-size:14px;/*! overflow: hidden; */float: left;width: 100%;}
.contactBox .right .add:before{ position: absolute; content:""; right:-100%;top:0; width:200%; height:1px; background:#ccc}
.contactBox .right .online{ position: absolute; right:0;top:10px;text-align: center;}
.contactBox .right .online .ewm{ display: block;margin:0 0 10px 0; border:1px #ddd solid;padding:2px;}
.contactBox .right .online .onlineKefu{box-shadow: 0 0 10px #dd4784;display: block;}

/*==留言2↓==*/
.message{background: #ededed;padding: 50px 0 100px 0;margin: 70px 0 0 0;overflow: hidden;background: url(../images/bg01.jpg);}
.message form{ margin-top:30px}
.message .frame{position: relative; float:left;padding:20px 20px; /*! line-height:50px; */width:49%; margin:0 0.5% 1% 0.5%; background:#fff;box-shadow: 0 0 10px #ddd}
/*.message .frame.x1 input{background: url(../images/ico101.png) no-repeat left;}
.message .frame.x2 input{background: url(../images/ico102.png) no-repeat left;}
.message .frame.x3 input{background: url(../images/ico103.png) no-repeat left;}
.message .frame.x4 textarea{background: url(../images/ico104.png) no-repeat left top;}*/
.message .frame.x5{width:99%;}
.message .frame i{ position:absolute; top:30%; right:20px;color:red;font-style: normal;}
.message .frame input,.message .frame textarea{padding-left:5px; border:none;width: 98%;/*! float: left; */display: inline;vertical-align: top;/*! float: right; */ }
.message .frame textarea{/*! width:100%; */height:100px; clear: both}
.message button{float:left;width:25%; padding:20px 20px;font-size:14px; color:#fff; background: #dd4784;border: none;box-shadow: 0 0 10px #ddd}
.message button:hover{background:#f60}
.message .submit{ background: #cc8f57;}
.message .reset{margin-left:20px; background: #a5afb8;}
.message .yzm{margin:0 0 0 20px;}
.message .yzm input{padding:20px 20px;margin:0 10px;}



/*==案例  图片款1↓==*/
.caseBox{margin: 20px 0 30px 0;}
.caseBox .title{color:#333333;font-size:30px;text-align:center}
.caseBox .title hr{ display:table; border:none;margin:10px auto;width:20px;height:1px; background:#dd4784;}
.caseBox .list{ margin:0px 0 0 0;}
.caseBox .list li{float:left;width:33.3%;}
.caseBox .list li a{ display: block; margin:0 10px 20px 10px;}
.caseBox .list li h4{color:#333333;font-size:16px;padding:20px; background:#eeeeee ;}
.caseBox .list li h4 em{ float:right;display:block;  width:12px;height:5px; background:url(../images/line09.png) no-repeat center;margin: 10px 0 0 0;}
.caseBox .list li:hover h4{ color:#fff; background: #dd4784;} 


/*==新闻↓==*/
.NewsListBox2{}
.NewsListBox2 .focusNews{ position: relative;margin: 30px 0 20px 0;}
.NewsListBox2 .focusNews:before{ content: ""; position: absolute; left:0;bottom:-30px; width:100%; height:110px; background:#dd4784;}
.NewsListBox2 .focusNews .pic{ float:left; width:50%;}
.NewsListBox2 .focusNews .right{width:50%;padding:20px 0 0 50px;}
.NewsListBox2 .focusNews .right h4{color:#333333;font-size:20px;font-weight: bold;}
.NewsListBox2 .focusNews .right p{color:#666666;font-size:12px; margin:30px 0;}
.NewsListBox2 .focusNews .right span{ display: block; color:#999999;font-size:12px;}
.NewsListBox2 .focusNews .spot{ position: absolute; right:40%;bottom:25px; }
.NewsListBox2 .focusNews .spot li{  display: inline-block; width:10px;height:10px; font-size:0px; margin:0 5px; border-radius: 50%;background:rgba(255,255,255,0.5);}
.NewsListBox2 .focusNews .spot li.on{background: #fff;}
.newsList{padding: 70px 0 50px 0;background-color: #f3f3f3;margin: 90px 0 0 0; overflow: hidden;}
.newsList ul{margin-right: -30px;}
.newsList li{width: 33.3%;float: left;margin-bottom: 30px;}
.newsList li a{display: block;margin-right: 30px;background-color: #fff;padding: 30px;position: relative;}
.newsList li a:after{content: "";height: 3px;width: 0;left: 0;top: 0;background-color: #dd4784;position: absolute;transition: all .4s;}
.newsList li a h5{font-size: 16px;color: #191919;line-height: 22px;margin: 30px 0 20px 0;transition: all .4s;height: 44px;overflow: hidden;}
.newsList li a .time{font-size: 12px;color: #999999;}
.newsList li a .txt{font-size: 12px;line-height: 20px;margin: 15px 0 20px;height: 40px;overflow: hidden;color: #666666;}
.newsList li a .pic{display: block;position: relative;width: 100%;padding-top: 70%;overflow: hidden;}
.newsList li a .pic img{display: block;position: absolute;width: 100%;height: 100%;transition: all .4s;top: 0;left: 0}
.newsList li a:hover .pic img{transform: scale(1.1);}
.newsList li:hover a{box-shadow:0 0 20px 10px rgba(0,0,0,0.08);}
.newsList li:hover a{transform: scale(1.02);}
.newsList li:hover a:after{width: 100%;}
.newsList li:hover a h5{color: #dd4784}
.NewsDetailBox{padding-bottom: 50px;}


/*==关于↓==*/
.AboutBox{margin:0 0 30px 0}
.AboutBox .titleAx{ margin:20px 0 40px 0;}
.AboutBox .AboutHome{ border-bottom:1px #ddd solid} 
.AboutBox .AboutHome .left .title{font-size:26px;}
.AboutBox .information{padding:45px 0 80px 0;/*! border-bottom:1px #ddd solid */}
.AboutBox .information .titleAx{ margin-bottom:50px;}
.AboutBox .information .left{float:left; width:50%;}
.AboutBox .information .left .title{font-size:26px;color:#191919}
.AboutBox .information .left .wx{font-size:14px;color:#4d4d4d;line-height:25px;margin-top: 50px;}
.AboutBox .information .right{ float:right; width:45%;}
.AboutBox .information .right img{width:100%;}
.AboutBox .course{padding:70px 0; background:url(../images/aboutBg01.jpg) no-repeat center fixed;background-size: cover;}
.AboutBox .course .swiper-container{width: 100%;height: 100%;}
.AboutBox .course .swiper-slide{text-align: center;font-size: 18px;background: #fff;/* Center slide text vertically*/display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.AboutBox .course .swiper-pagination-bullet{width: 20px;height: 20px;text-align: center;line-height: 20px;font-size: 12px;color:#000;opacity: 1;background: rgba(0,0,0,0.2);}
.AboutBox .course .swiper-pagination-bullet-active{color:#fff;background: #007aff;}
.AboutBox .course .gallery-thumbs{ position: relative;}
.AboutBox .course .gallery-thumbs:before{ content: ""; position: absolute; left:0; bottom:13px; width:500%; height:1px; background:#ddd;/*! z-index: 2; */}
.AboutBox .course .gallery-thumbs .swiper-slide{color:#666666;font-size:24px; padding:0px 0 10px 0;text-align: center;display: block;background: none;cursor: pointer;}
.AboutBox .course .gallery-thumbs .swiper-slide font{ display:table;width: 100%;clear: both; line-height:80px;vertical-align: bottom;}
.AboutBox .course .gallery-thumbs .swiper-slide .dot{ position: relative; display: block;  width:8px; height:8px; background: #999;margin: auto;clear: both;border-radius: 50%;/*! z-index: 1; */}
.AboutBox .course .gallery-thumbs .swiper-slide .dot:before{ opacity: 0; content: ""; position: absolute; left:-3px;top:-3px; width:14px; height:14px; border:1px #dd4784 solid; border-radius: 50%;}
.AboutBox .course .gallery-thumbs .swiper-slide-thumb-active{font-size:44px; color:#dd4784}
.AboutBox .course .gallery-thumbs .swiper-slide-thumb-active .dot{ background:#dd4784}
.AboutBox .course .gallery-thumbs .swiper-slide-thumb-active .dot:before{ opacity: 1;}
.AboutBox .course .long{ position: relative;margin-top: 50px;}
.AboutBox .course .gallery-top{}
.AboutBox .course .gallery-top .swiper-slide{display:block;text-align: left;}
.AboutBox .course .gallery-top .swiper-slide .pic{width:35%; margin-right:50px;}
.AboutBox .course .gallery-top .swiper-slide .pic img{max-width:100%;}
.AboutBox .course .gallery-top .swiper-slide h3.title{margin-top:30px;color:#666666;font-size:34px;}
.AboutBox .course .gallery-top .swiper-slide h4.title{ margin:20px 0 30px 0;color:#000000;font-size:24px;}
.AboutBox .course .gallery-top .swiper-slide p{color:#666666;font-size:14px;padding-right:100px;}
.AboutBox .course .swiper-button-prev,.AboutBox .course .swiper-button-next{right:-15px; width:35px; height:35px; text-align: center; background-color:#626262; border-radius: 50%; background-image:url(../images/arrow_05.png); background-position:center; background-repeat:no-repeat;background-size: auto;}
.AboutBox .course .swiper-button-prev:hover,.AboutBox .course .swiper-button-next:hover{ background-color:#dd4784}
.AboutBox .course .swiper-button-prev{left:-15px; right:auto;transform:rotate(180deg);}
.AboutBox .honor{padding:60px 0 60px 0;background: url(../images/bg01.jpg);}
.AboutBox .honor .swiper-container-square1{margin-top:0px;float: left;width: 100%;}
.AboutBox .honor .swiper-container-square1 .pic{ padding: 0px;border: none;}
.AboutBox .honor .swiper-container-square1 a{ border:1px #ddd solid; background: #fff;display: block;padding: 20px 35px;}
.AboutBox .honor .swiper-pagination{position: initial;margin: 40px 0 0 0;}
.AboutBox .honor .swiper-pagination span{background: #999999;opacity: 1;position: relative; margin:0 8px;}
.AboutBox .honor .swiper-pagination span:before{ opacity: 0; position: absolute;left:-3px;top:-3px; width:14px; height:14px; content: ""; border:1px #999 solid; border-radius: 50%; }
.AboutBox .honor .swiper-pagination span.swiper-pagination-bullet-active{ background: #dd4784}
.AboutBox .honor .swiper-pagination span.swiper-pagination-bullet-active:before{ opacity: 1; border: 1px #dd4784 solid}
.AboutBox .culture{padding:50px 0 80px 0;background: #f9f9f9;}
.AboutBox .culture .long{}
.AboutBox .culture .left{width:35%;}
.AboutBox .culture .left img{max-width:100%}
.AboutBox .culture .right{width:65%;padding:30px 0 0 50px;color:#4d4d4d;font-size:14px; line-height:25px}
.AboutBox .album{padding: 50px 0 100px 0;border-top: 1px #ddd solid;}
.AboutBox .album .focusAlbum{position: relative;width: 49.8%;}
.AboutBox .album .focusAlbum .list{}
.AboutBox .album .focusAlbum .list li{float:left; width:100%;position: relative;}
.AboutBox .album .focusAlbum .list li img{ max-width:100%}
.AboutBox .album .focusAlbum .list h4{ position:absolute;left:0;bottom:0;width:100%;color:#fff;font-size:14px; padding:20px 30px; background: rgba(0,0,0,0.5);}
.AboutBox .album .focusAlbum .spot{ position: absolute; right:20px;bottom:20px;z-index: 9;}
.AboutBox .album .focusAlbum .spot li{background: #999999;opacity: 1;position: relative; margin:0 8px;display: inline-block;font-size: 0px;width: 8px;height: 8px;border-radius: 50%;}
.AboutBox .album .focusAlbum .spot li:before{ opacity: 0; position: absolute;left:-3px;top:-3px; width:14px; height:14px; content: ""; border:1px #999 solid; border-radius: 50%; }
.AboutBox .album .focusAlbum .spot li.on{ background: #dd4784}
.AboutBox .album .focusAlbum .spot li.on:before{ opacity: 1; border: 1px #dd4784 solid}
.AboutBox .album .list-2{width: 50.2%;float: left;}
.AboutBox .album .list-2 li{float:left; width:50%;}
.AboutBox .album .list-2 li a{ position: relative; display: block; margin:0 0 10px 10px}
.AboutBox .album .list-2 h4{position:absolute;left:0;bottom:0;width:100%; color:#fff;font-size:14px; padding:10px 20px; background: rgba(0,0,0,0.5);}


/*==切换1↓==*/
.swiper-container-square1{overflow: hidden;position: relative;}
.swiper-container-square1 .list{}
.swiper-container-square1 .list li h4{margin-top:10px;color:#333333;font-size:12px;text-align: center;}
.swiper-container-square1 .list .pic{padding:20px; background: #fff;border: 1px #eee solid;}
.swiper-container-square1 .prev,.swiper-container-square1 .next{ background: #505050;color: #fff;font-size: 30px;width: 35px;line-height: 35px;text-align: center;}
.swiper-container-square1 .prev:hover,.swiper-container-square1 .next:hover{ background:#dd4784}
.swiper-container-square1 .list li:hover h4{color:#dd4784}


/*==list-box 图片款 久↓==*/
.list-box{margin-top:20px;}
.list-box li{float:left; width:23%; margin:0 1% 1% 1%}
.list-box li img{max-width:100%;width:100%;}
.list-box li .pic{padding-top:65%;border: 1px #ddd solid;}
.list-box li:hover .pic{border: 1px #dd4784 solid;}
.list-box li h4{color:#666;font-size: 15px;text-align: center;padding:10px 0;height: 50px;}
.list-box li:hover h4{color:#c31019;}
#list-box2 li{width:18%;}


/*==荣誉资质↓==*/
.list-honor2{margin:0 0 20px 0; overflow: hidden;}
.list-honor2 h2.title{float:left;width:100%;color:#666;font-size:20px;margin:0 0 20px 0; padding:0 0 15px 0;border-bottom: 1px #ddd solid;}
.list-honor2 li{float:left; width:23%; margin:0 1% 1% 1%;text-align: center;}
.list-honor2 li a{ display: block}
.list-honor2 li .imgBoxB{/*! width:100%; */ text-align: center; border:1px #ddd solid;margin: auto;height: 250px;}
.list-honor2 li .auto{ margin:auto; display: table}
.list-honor2 li .imgBox{height:248px;width:100%;/*! border:1px #ddd solid; */vertical-align: middle;display: table-cell;text-align: center;}
.list-honor2 li .imgBox img{ width:auto;max-width:100%;margin: auto;max-height: 248px;display: block;vertical-align: middle;}
.list-honor2 li .imgPD{border: 1px #ddd solid;}
.list-honor2 li h4{color:#666;font-size: 15px;text-align: center;padding:10px 0;height: 50px;}
.list-honor2 li:hover h4{color:#c31019;}


/*==底部===*/
.footer{padding: 70px 0 0 0;background: #222;overflow: hidden;}
.footer div a{ color:#999}
.footer div a:hover{ color:#fff}
.footer .nav h3{ color:#fff;font-size:16px;margin-bottom:20px;}
.footer .nav{position:relative;display: table;margin-bottom: 30px;width: 40%;}
.footer .nav li{display: table-cell;padding-right: 15px;/*! float: left; */}
.footer .nav li a{ display: block;color:#999999; line-height:20px;font-size:12px;padding:3px 0;}
.footer .nav li a:hover{color:#fff}
.footer .middle{color:#999999;font-size:12px; line-height: 20px;}
.footer .middle a{color:#999999;font-size:12px;}
.footer .m-re{ display: none;}
.footer .right{ /*! width:20%; */ }
.footer .right h4{position:relative;font-size:20px;color:#999;margin-bottom: 20px;}
.footer .right h4:before{ content: ""; position: absolute; left:-35px; top:14px; width:25px;height:1px; background: #dd4784;}
.footer .right span{display: block;color:#aaaaaa;font-size:12px; margin-bottom:10px;}
.footer .right span font{ display: block; color:#dd4784;font-size:20px;}
.footer .right span.x1 font{font-size:26px;} 
.footer .right span.x2 font{/*! font-size:20px; */}
.footer .ewm{color:#999;font-size:12px;margin-left: 70px;}
.footer .ewm img{ display: block; max-width: 100%; margin-bottom:5px;}
.footer .link{ margin-top:30px;padding:15px 0;background: #222222;}
.footer .link h3{color:#dd4784;font-size:12px;float: left;}
.footer .link a{color:#999;font-size:12px;display: inline-block;color:#999;padding: 0 15px;font-size:12px;line-height: 9px;border-right: 1px #999 dotted;}
.footer .link a:last-child{border:none;}