@charset "UTF-8";
/* public */
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
img{border:0;}
ul,dl,li,dt,dd{list-style:none;}
body{font-family: "微软雅黑";font-size: 14px; overflow-x:hidden; color: #333; background: #fff;  }
pre{font-family: "微软雅黑";}
a{font-size:14px;text-decoration:none;  color: #333; transition: all .5s; }
.clearfix:after{content:""; display:block; height:0; clear:both;}
.clearfix{*zoom:1;}/*IE/7/6*/
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
input,textarea,select{outline: none; font-family:"microsoft yahei"; line-height: normal;border:none;background: none;}
textarea{resize:none; overflow:hidden;}
select{-webkit-appearance: none;appearance: none; -ms-appearance: none;border-radius: 0;}
select::-ms-expand { display: none; }
i,em{font-style:normal;}
table{max-width:100%;overflow:hidden;}

.u_hidden{display:none}
.fl{float:left;}
.fr{float:right;}
.z-container {width: 1400px;height:auto;clear: both;margin: 0 auto;}
.z-container2 {width: 1200px;height:auto;clear: both;margin: 0 auto;}
.z-row {width: 100%;height: auto;clear: both;overflow: hidden;}
.ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ellipsis2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow:ellipsis;}
.ellipsis3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow:ellipsis;}
.ellipsis4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow:ellipsis;}
.ellipsis5{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;text-overflow:ellipsis;}
.ellipsis6{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;text-overflow:ellipsis;}
.ellipsis8{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8;overflow: hidden;text-overflow:ellipsis;}
*:before,
*:after {
  z-index: -1;
}
.bg{background: #f9fbfc; width:100%;}
.p0{padding:0!important;}
.header{ height: 100px; background: #fff;text-align: center; } 
.header .z-container{ position: relative;}
.header .logo{ display: block; height: 100px; line-height: 100px; position: absolute; left: 0; top: 0;}
.header .logo img{ max-height: 100%; vertical-align: middle;}
.header .search_bar{ position: absolute;right: 0; top: 50%; transform: translateY(-50%); }
.header .soubtn{ display: inline-block; width: 36px; height: 36px;background: #1ca889; border-radius: 50%; line-height: 36px; text-align: center;}
.header .soubtn img{ vertical-align: middle;}
.header_nav{ margin: 0 auto; display:inline-block;float:right;}
.header .sou_input{ border-bottom:1px solid #1CA889; margin-right: 10px; height: 36px; transition: all .8s; transform: translateY(30px);visibility: hidden; opacity: 0;}
.header .sou_input.on{ transform: translateY(0);visibility: visible; opacity: 1;}
.header_nav li{ display: inline-block; line-height: 100px; margin: 0 1vw; position: relative;}
.header_nav li a{ font-size: 18px; display: block; height: 100%;}
.header_nav li:before{ content: ""; display: block; width: 0%; height: 3px; background: #1CA889; position: absolute; left: 0; bottom: 0px; transition: all .8s; z-index: 1;}
.header_nav li.active:before{ width: 100%;}
.header_nav li.active a,.header_nav li:hover a{ color: #1CA889;}
/*.header_nav li:hover a{ animation:swing 1s}*/
.menuBtn{position:absolute; right:2vw; top:0; height:20px; top:15px;cursor:pointer; display: none;}
.menuBtn.on .line1{transform:rotate(45deg);transform-origin:14% 50%;}
.menuBtn.on .line2{width:0;}
.menuBtn.on .line3{transform:rotate(-45deg);transform-origin:14% 50%;}
.menuBtn span{display:block; width:26px; height:2px; background:#1CA889; transition:all .45s;}
.menuBtn .line2{margin:5px 0;/* width:20px; transform:translateX(6px);*/}
.banner .swiper-slide .img{width:100%; height:100%;transform:scale(1); transition:ease 3s; background-repeat:no-repeat; background-position:center center; background-size:cover;}
/*.banner .swiper-slide.swiper-slide-active .img{transform:scale(1);}
.banner .swiper-slide.swiper-slide-prev .img{transform:scale(1.1);}*/
.swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto;flex-shrink: 0;width: 100%;height: 100%; position: relative;  overflow: hidden;}
 
.swiper-container {margin: 0 auto;  position: relative; overflow: hidden;  z-index: 1;}
.swiper-wrapper { position: relative; width: 100%;height: 100%; z-index: 1;display: -webkit-box;display: -moz-box;  display: -ms-flexbox;  display: -webkit-flex;
    display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform;-o-transition-property: -o-transform; -ms-transition-property: -ms-transform;
    transition-property: transform; -webkit-box-sizing: content-box;-moz-box-sizing: content-box;   box-sizing: content-box;}
.banner .swiper-pagination{ text-align: center ;display: inline-block;  width: 10px; z-index: 999;}
.swiper-pagination span{display: inline-block; width: 10px; height: 10px;background: #7d7d7d; margin: 10px 0px; transition: all .5s; cursor: pointer;border-radius: 50%;}
.swiper-pagination-bullet-active{background: #0f86c1!important; }
.mouse_bar{ position: absolute; left: 0; bottom: 80px; z-index: 10; width: 100%; color: #fff; text-transform: uppercase; display:none;}
.mouse_bar .sb{ display: block; width: 24px; height: 37px; background: url(https://xxfseo.eastshiny.net/template/Boutique/Dandy-090/images/sb.png) no-repeat center; background-size: 100% 100%;  margin: 10px auto;}
.mouse_bar .z-row{ width: 50px; text-align: center;}
.index_about{ padding: 50px 0;}
.ab_info,.ab_map{ width: 50%; float: left;}
.ab_info{ padding-right: 50px; box-sizing: border-box;}
.index_tit{ text-align: center; margin-bottom: 20px;}
.arrow-left{  left: 100px;}
.arrow-right{  right: 100px;}
.banner_btn{ width: 60px; height: 60px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 99; cursor: pointer; transition: all .8s; border-radius: 50%; text-align: center; line-height: 60px;}
.banner_btn img{ width: auto; vertical-align: middle;}
.banner_btn:hover{ background:#1CA889;}
.index_tit h3{ font-size: 36px; }
.index_tit em{ display:inline-block; width: 17px; height: 5px; background: #1CA889; margin-top: 40px;}
.index_tit p{color: #929292;margin-top: 20px;}
.index_tit2{ text-align: left;margin-top: 50px;}
.ab_desc{ margin: 50px 0; color: #929292; line-height: 24px; margin-bottom: 80px;}
.ab_num li{ width: 20%; text-align: center; float: left;  color: #9b9b9b; line-height: 24px;} 
.ab_num li h3{ font-size: 36px; color: #1CA889; line-height: 40px;}
.ab_map img{ max-width: 100%; }

.index_supply{ background: url(https://xxfseo.eastshiny.net/template/Boutique/Dandy-090/images/index_bg.jpg) no-repeat center; background-size: cover; padding: 50px 0;}
.index_supply li{ width: 33.3%;position: relative; float: left;z-index: 1; overflow: hidden;}
.index_supply li:before{ content: ""; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.4); position: absolute;left: 0; top: 0; z-index: 1; transition: all .8s;}
.index_supply li .img{ width: 100%; transition: all .8s; vertical-align: bottom;}
.index_supply .supp_text{ width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; position: absolute; left: 0; z-index: 3; top: 0; color: #fff; text-align: center;}
.index_supply em{ display: inline-block; margin-bottom: 20px; }
.index_supply .tit{ font-size: 18px; margin-bottom: 10px;}
.index_supply li:hover:before{ opacity: 0;}

.index_supply li:hover .img{ transform: scale(1.1,1.1);}
.index_case{ padding: 50px 0;}

.index_case li{ width: 20%; float: left; height: 358px; transition: all .4s; position: relative; margin-bottom: 40px;}
.index_case li .img{ width: 100%; height: 100%;border:2px solid rgba(0,0,0,0);box-sizing: border-box;}
.index_case li.on{ width: 40%;  }
.index_case li.on .img{border:2px solid #0F86C6;}
.index_case li .case_info{ width: 88%; position: absolute;left:6%; bottom: 0; background: #0f86c6; color: #fff; padding: 50px; box-sizing: border-box ; transition: all .8s; opacity: 0;}
.index_case li .tit{ font-size: 24px; margin-bottom: 20px;}
.index_case li .desc{ height: 48px; overflow: hidden; line-height: 24px;}
.index_case li.on .case_info{ opacity: 1;transform: translateY(40px);}
.sy_case .swiper-slide li:nth-child(4){ display:none}
.sy_case .swiper-slide li{ width:25%}
.sy_case .swiper-slide li.on{width:50%}
.index_nav{ text-align: center; margin-bottom: 60px;}
.index_nav a{display: inline-block; width: 80px; height: 36px; margin: 0 5px; border-radius: 25px; text-align: center; line-height: 32px; box-sizing: border-box; border:2px solid #f9fbfc}
.index_nav a.active{ border: 2px solid #1CA889; color:#1CA889; font-weight: bold; }
.index_news{ background: #f9fbfc; padding: 50px 0;}
.index_news ul{ margin-left: -5.3%;}
.index_news li{ width: 28%; background: #fff; margin-left: 5.3%; float: left; background: #fff;}
.index_news .img{ width: 100%; /*height: 260px; */;overflow: hidden;}
.index_news .img img{ width: 100%; height: 100%; transition: all .8s;}
.index_news li:hover img{ transform: scale(1.1,1.1);}
.index_news .info{ padding: 30px 25px; box-sizing: border-box;}
.index_news .tit{ font-size: 16px; line-height: 30px; height: 60px; overflow: hidden; margin-bottom: 30px;}
.time_bar em{ display: flex;justify-content: center;align-items: center;font-weight: bold;font-size: 20px; transition: all .8s; float: right; width: 35px; height: 35px; line-height: 35px; text-align: center; border:1px solid #333;border-radius: 50%;}
.time_bar{ line-height: 35px;}
.time_bar span{ color: #929292;}
.index_news li:hover em{ transform: rotate(360deg); background: #1CA889; color: #fff; border-color: #1CA889;}
.m_banner{background-size: cover; text-align: center; padding: 100px 0; position: relative; z-index: 1;}
.m_banner .index_tit h3,.m_banner .index_tit p{ color: #fff;}
.m_banner:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,.5);}
.m_banner .index_tit em{ margin-top: 20px;}
.m_banner .index_tit p{ margin-top: 5px;}
.m_banner .index_tit{ margin-bottom: 20px;}
.m_banner .tel{ font-size: 36px; color: #fff; }
.m_banner .tel i{ display: inline-block; width: 46px; height: 46px; margin-top: -5px; background: url(https://xxfseo.eastshiny.net/template/Boutique/Dandy-090/images/tel.png) no-repeat center; background-size: 100% 100%; vertical-align: middle; margin-right: 10px;}

.footer{ background: #3b425c; padding: 70px 0; color:#9ba1b5;}
.foot_l{ float: left;width: 50%;}
.foot_r{ float: right;width: 50%;padding-left: 14%; box-sizing: border-box;}
.foot_code{ float: left; margin-right: 55px;}
.code_box{ margin-bottom: 20px; text-align: center;}
.code_box img{ width: 72px; height: 72px; margin-bottom: 5px;}
.footer h3{ font-size: 24px; color: #fff; margin-bottom: 20px;}
.addre_box{ margin-bottom: 20px;}
.addre_box p{ line-height: 24px;}
.ly_form{ }

.ly_form .li{ display: flex; justify-content: space-between; margin-bottom: 5px; }
.ly_form .li input{ width: 32%; height: 45px; background: #686e84; padding: 0 10px; box-sizing: border-box; color: #fff;}
  .ly_form .li input::-webkit-input-placeholder{ color:#9ba1b5; }
.ly_form .li input::-moz-placeholder{   /* Mozilla Firefox 19+ */ color:#9ba1b5; }
.ly_form .li input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */ color:#9ba1b5; }
.ly_form .li input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#9ba1b5; }
.ly_form .text textarea{ width: 100%;height: 45px;background: #686e84; padding: 12px 10px; box-sizing: border-box;}
.ly_form .text textarea::-webkit-input-placeholder{ color:#9ba1b5; }
.ly_form .text textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */ color:#9ba1b5; }
.ly_form .text textarea::-moz-placeholder{    /* Mozilla Firefox 4 to 18 */ color:#9ba1b5; }
.ly_form .text textarea::-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#9ba1b5; }
.subbtn{ width: 120px; height: 40px;  color: #fff; background: #1CA889; border-radius: 25px; font-size: 16px; margin-top: 30px;display:block;text-align: center;line-height:40px;}
.foot_bar{background: #3b425c;}
.foot_bar .z-container{ border-top:1px solid #686e84; line-height: 136px; color:#9ba1b5;}
.foot_bar a{ float: right; color:#9ba1b5;}

/*关于我们*/
.other_banner{ width: 100%; position: relative;}
.other_banner img{ width: 100%; vertical-align: bottom;}
.other_banner .banner_text{ position: absolute; left: 0; bottom: 60px; width: 100%; font-size: 36px; color: #fff;}
.wrapper{ height: 80px; line-height: 80px; border-bottom:1px solid #e2e2e2; position: relative;}
.page_nav li{ float: left; font-size: 16px; margin-right: 40px;}
.page_nav li a{font-size: 16px;}
.page_nav li a:hover,.page_nav li a.active{color:#1CA889}
.about_desc{ width: 880px; margin: 0 auto; text-align: center; padding: 70px 0;}
.about_text{ color: #929292; line-height: 24px; }
.about_desc2 .ab_num{ margin-top: 60px;}
.cul_list{ }
.cul_list dl{ float: left; text-align: center; box-sizing: border-box; width: 20%; padding: 0 20px; box-sizing: border-box;}
.cul_list dt{ height: 55px; position: relative; display: block;}
.cul_list dt img{ vertical-align: bottom;  position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);transition: all .8s;}
.cul_list h3{ margin: 15px 0; font-size: 20px;}
.cul_list p{ color: #e1edfa; line-height: 24px;}
.about_cul{ background: #74a4dc; color: #fff; padding: 70px 0;}

.process{ background: url(https://xxfseo.eastshiny.net/template/Boutique/Dandy-090/images/about_bg.png) no-repeat center; background-size: cover;background-attachment: fixed; padding: 100px 0;}
.process .index_tit{ color: #fff;}
.process_box{width: 1000px; background: #fff; padding:60px; box-sizing: border-box; margin: 0 auto}
.gallery-thumbs{ text-align: center; position: relative; padding-bottom: 30px;  box-sizing: border-box;}
.gallery-thumbs .swiper-slide{ font-size:16px; font-weight: bold; color: #9e9e9e;cursor: pointer;}
.gallery-thumbs .swiper-slide-active{ color: #1CA889;}
.process_box .btn{ display: block; width: 30px; height: 30px;z-index: 999; cursor: pointer;}
.process_box .swiper-button-prev{ position: absolute; left: 0; top: 0; background: url(https://xxfseo.eastshiny.net/template/Boutique/Dandy-090/images/arr_l.png) no-repeat center;}

.process_box .swiper-button-next{ position: absolute; right: 0; top: 0; background: url(https://xxfseo.eastshiny.net/template/Boutique/Dandy-090/images/arr_r.png) no-repeat center;}
.process_box .pdbox{padding: 0 60px; box-sizing: border-box; position: relative;border-bottom:1px solid #dcdcdc; }
.gallery-top{margin-top: 60px; }
.gallery-top .swiper-slide{ text-align: center; color: #929292; line-height: 24px;}

.about_honor{ background:#f9fbfc; padding: 100px 0 ;}
.honor_list{ background: #fff;padding: 40px; box-sizing: border-box; padding-bottom: 0;}
.honor_list .gallery{ margin-left: -3%;}
.honor_list .li{ width: 22%; float: left; margin-left: 3%; text-align: center; margin-bottom: 40px;}
.honor_list .img{ width: 100%; height: 180px;}
.honor_list .img img{ width: 100%; height: 100%;}
.honor_list .tit{ color: #666;margin-top: 10px;}
#zoom{z-index:99990;position:fixed;top:0;left:0;display:none;width:100%;height:100%;background:rgba(0, 0, 0, 0.8);filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"}#zoom .content{z-index:99991;position:absolute;top:50%;left:50%;width:200px;height:200px;background:#ffffff no-repeat 50% 50%;padding:0;margin:-100px 0 0 -100px;box-shadow:-20px 20px 20px rgba(0, 0, 0, 0.3)}#zoom .content.loading{background-image:url("https://xxfseo.eastshiny.net/template/Boutique/Dandy-090/images/loading.gif")}#zoom .content .overlay{position:absolute;border:1px solid rgba(255, 255, 255, .08);top:-1px;left:-1px;width:100%;height:100%;-webkit-user-select:none}#zoom img{display:block;max-width:none;background:#ececec;box-shadow:0 1px 3px rgba(0,0,0,0.25)}#zoom .close{z-index:99993;position:absolute;top:0;right:0;width:49px;height:49px;cursor:pointer;background:transparent url("https://xxfseo.eastshiny.net/template/Boutique/Dandy-090/images/close.png") no-repeat 50% 50%;opacity:1;filter: alpha(opacity=100)}#zoom .next,#zoom .previous{z-index:99992;position:absolute;top:50%;overflow:hidden;display:block;width:49px;height:49px;margin-top:-25px}#zoom .previous{left:0;background:url("https://xxfseo.eastshiny.net/template/Boutique/Dandy-090/images/arrows.png") no-repeat 0 0}#zoom .next{right:0;background:url("https://xxfseo.eastshiny.net/template/Boutique/Dandy-090/images/arrows.png") no-repeat 100% 0}#zoom .close:hover{background-color:#da4f49}#zoom .next:hover,#zoom .previous:hover{background-color:#0088cc}
.lb_case{ padding: 80px 0;}
.btn_group{ display: flex; justify-content:center; align-items: center; margin-top: 60px;}
.btn_group .btn{ display: block; width: 40px; height: 40px; cursor: pointer;}
.btn_group .swiper-button-prev{ background:url(https://xxfseo.eastshiny.net/template/Boutique/Dandy-090/images/arr_l2.png) no-repeat center ;}
.btn_group .swiper-button-prev:hover{ background:url(https://xxfseo.eastshiny.net/template/Boutique/Dandy-090/images/arr_l3.png) no-repeat center ;}
.btn_group .swiper-button-next{ background:url(https://xxfseo.eastshiny.net/template/Boutique/Dandy-090/images/arr_r2.png) no-repeat center ;}
.btn_group .swiper-button-next:hover{ background:url(https://xxfseo.eastshiny.net/template/Boutique/Dandy-090/images/arr_r3.png) no-repeat center ;}
.btn_group .swiper-pagination{ margin: 0 30px;}
.btn_group .swiper-pagination span{ margin: 0 5px; background: #d1d1d3;}

.video_bar video{ width: 100%; object-fit: fill; vertical-align: bottom;}
.video_bar{ position: relative;}
.video_bar .iconbox{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2; color: #fff; text-align: center;}
.video_bar .playbtn{ display: block; width: 68px; height: 68px; background: url(https://xxfseo.eastshiny.net/template/Boutique/Dandy-090/images/play.png) no-repeat center; margin: 0 auto;margin-top: 30px; cursor: pointer;}
.video_bar h3{ font-size: 60px; color: #1CA889;text-transform: uppercase;}
.video_bar h4{ font-size: 24px; }
.pro_case{ background: #e3f3fb;}
.pro_case2{ padding: 80px 0;}
.pro_case2 .index_case{ padding: 0;}
.kf_box{ margin-left: -2.8%; margin-top: 60px;}
.kf_box .box{ width: 30.5%; float: left; margin-left: 2.8%;text-align: left; float: left; min-height: 380px; padding: 40px 50px; box-sizing: border-box;color: #fff;}
.kf_box .box:nth-child(1){ background: #1ca889;}
.kf_box .box:nth-child(2){ background: #6678b6;}
.kf_box .box:nth-child(3){ background: #4ba6b9;}
.kf_box em{ height: 40px; display: block;}
.kf_box em img{ max-height: 100%;}
.kf_box h3{ font-size: 18px; margin: 15px 0;}
.kf_box .text{ line-height: 24px; color:rgba(255,255,255,.8);}
.about_desc.z-container2{ width: 1200px;}

.mobile_case { display: none;}

.service_con{ padding: 80px 0; background:url(https://xxfseo.eastshiny.net/template/Boutique/Dandy-090/images/index_bg.jpg) no-repeat bottom; background-size: cover;}
.ser_list ul{ margin-left: -1%;}
.ser_list li{ width: 24%; margin-left: 1%; float: left;transition: all .8s; height: 350px; background: #fff; padding: 40px 30px; box-sizing: border-box;}
.ser_list li em{ display: block; height: 36px; overflow: hidden;}
.ser_list li em img{ transition: all .8s;}
.ser_list li:hover img{ transform: translateY(-36px);}
.ser_list li h3{ font-size: 18px; margin: 15px 0;transition: all .8s;}
.ser_list li .text{ color: #929292; line-height: 24px;transition: all .8s;}
.ser_list li:hover{ background: #1CA889;}
.ser_list li:hover h3{ color: #fff;}
.ser_list li:hover .text{ color:rgba(255,255,255,.8);}

.keji_box{ margin-top: 60px;}
.keji_box .box{ width: 50%; float: left; border: 2px solid #fff; box-sizing: border-box; height: 360px; color: #fff; padding: 60px; text-align: left;}
.keji_box .box:nth-child(1){ background: #1ca889;}
 .keji_box .box:nth-child(2){ background: #6678b6;}
 .keji_box .box:nth-child(3){ background: #4ba6b9;}
 .keji_box .box:nth-child(4){ background: #8fb242;}
.keji_box .box h3{ font-size: 24px;} 
.keji_box .box em{ display: block; width: 18px; height: 2px; background: #fff; margin: 15px 0;}
.keji_box .box .text{ line-height: 24px;}
.zc_box{ margin-left: -1%; margin-top: 60px;}
.zc_box .box{ width: 24%; float: left; margin-left: 1%; background: #f9fbfc; padding: 50px 40px; box-sizing: border-box; text-align: left;min-height: 290px;} 
.zc_box h3{ font-size: 24px; color: #1CA889; margin-bottom: 20px;}
.zc_box .text{ line-height: 24px; color: #929292;}
.zc_box2{ margin-left: -3.3%;}
.zc_box2 .box{ width: 30%; margin-left: 3.3%; min-height: 380px;}
.news_first{ margin-top: 60px;}
.news_first .img,.news_first .info{ width: 50%; float: left; background: #fff; height: 400px;}
.news_first .img img{ width: 100%; height: 100%;}
.news_first .info{ padding: 70px; box-sizing: border-box;}
.news_first h3{ font-size: 24px; line-height: 36px; height: 72px; overflow: hidden;}
.news_first .text{ color: #929292; line-height: 24px; margin: 40px 0;}
.index_news2{ margin-top: 50px; padding: 0;}
.news_first:hover .time_bar em{background: #1CA889; transform: rotate(360deg); color: #fff; border-color: #fff;}
.loadmore{ display:block; width: 180px; height: 60px;font-weight: bold; background: #fff; border-radius:30px; text-align: center; line-height: 60px; margin: 50px auto; font-size: 18px; transition: all .8s;}
.loadmore:hover{ background: #19A19F; color: #fff;}
.news_content{ background: #fff;position: relative; top: -340px; padding: 100px; box-sizing: border-box; border-radius: 10px; min-height: 500px;}
.news_tit{ text-align: center;}
.news_tit h3{ font-size: 30px;  margin-bottom: 50px;}
.news_tit span{ display: block;  background: url(https://xxfseo.eastshiny.net/template/Boutique/Dandy-090/images/line.png) no-repeat center; width: 100%; text-align: center;}
.news_artic{ color: #333; line-height: 24px; border-bottom:2px solid #333333;padding: 50px 0; margin-bottom: 50px;}
.news_artic img{ max-width: 100%;}
.topbtm_bar{ position: relative;}
.topbtm_bar a{ display: block; width: 60%; margin-bottom: 10px;}
.topbtm_bar .back{ display: flex;justify-content: space-between; align-items: center; width: 120px; height: 50px; line-height: 50px; background: #1CA889; color: #fff; border-radius: 25px; padding: 0 25px; box-sizing: border-box; position: absolute; right: 0; top: 0;}
.topbtm_bar .back em{ display: inline-block; width: 7px; height: 12px; background: url(https://xxfseo.eastshiny.net/template/Boutique/Dandy-090/images/arr.png) no-repeat center;}

.add_nav{ height: 66px; line-height: 66px; background: #f9fbfc;}
.add_nav li{ width: 33.3%; float: left; text-align: center; font-size: 16px; position: relative; cursor: pointer;}
.add_nav li.active{ background: #0f86c6; color: #fff;}
.add_nav li.active:before{ content: ""; display: block; width: 13px; height: 9px;z-index: 2; background: url(https://xxfseo.eastshiny.net/template/Boutique/Dandy-090/images/arrs.png) no-repeat center;background-size: 100% 100%; position: absolute; left: 50%; transform: translateX(-50%); top: 66px;}
.add_con{ width: 100%; background: url(https://xxfseo.eastshiny.net/template/Boutique/Dandy-090/images/add_bg.jpg) no-repeat center; background-size: 100% 100%; padding: 88px 0;}
.sideMenu.on{ animation: zoomIn 1s;}
.sideMenu .tit{ height:56px; line-height:56px; padding:0 20px;box-sizing: border-box; background:#f8f8f8; cursor:pointer; color: #2e2e2e; border-bottom: 2px solid #19a19f;}
.sideMenu .tit span{ display: inline-block; width:30%; height:56px;overflow: hidden;line-height: 56px;
    text-overflow: ellipsis;
    white-space: nowrap;}
.sideMenu .tit em{ float:right; display:inline-block; width:12px; height:12px; background: url(https://xxfseo.eastshiny.net/template/Boutique/Dandy-090/images/add.png) no-repeat left center; background-size: 100% 100%;  margin-top: 22px;}
.sideMenu .tit.on em{ background: url(https://xxfseo.eastshiny.net/template/Boutique/Dandy-090/images/jian.png) no-repeat center; background-size: 100% auto }
.sideMenu .tit.on{ background:#0f86c6; color: #fff; }
.sideMenu ul{ padding:40px 50px; color:#515151; display:none; /* 默认都隐藏 */ background: #f4f4f4;  border-bottom: 2px solid #19a19f;}

.sideMenu ul h4{ margin-bottom: 20px;}
.sideMenu ul p{ margin-bottom: 10px;}
.sideMenu .aplybtn{ display: inline-block; width: 120px; height: 40px; background: #1c8bd5; border-radius: 25px; line-height: 40px; text-align: center;color: #fff; margin-top: 40px; cursor: pointer;}
.aply_pop{ width: 560px; height: 280px; background: #fff;border-radius: 3px; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%);box-shadow: 0 0 10px 5px #d9d9d9; text-align: center; padding: 10px;box-sizing: border-box; display: none;}
.aply_pop h3{ height: 66px; line-height: 66px; text-align: center; border-bottom:1px solid #cccccc; margin-bottom: 25px;}
.aply_pop .uploadbtn{ display: inline-block; width: 100px; height: 33x; text-align: center;line-height: 33px; color: #333; color: #fff; border-radius: 4px; background:#1C8BD5; position: relative;overflow: hidden;}
.aply_pop .uploadbtn input{ position: absolute; left: 0; bottom: 0; top: 0;right: 0; opacity: 0;}
.aply_pop p{ color: #7f7f7f; margin-top:5px; margin-bottom: 40px;}
.aply_pop .btn_group button{ display: inline-block; width: 100px; height: 33px; background: #c6c6c6; border:none; color: #fff; border-radius: 3px; cursor: pointer;}
.aply_pop .btn_group .surebtn{ background: #929292;}
.aply_pop .closebtn{ width: 27px; height: 27px;background: url(https://xxfseo.eastshiny.net/template/Boutique/Dandy-090/images/close.png) no-repeat center; background-size: 100% 100%; position: absolute; right: 15px; top: 15px; cursor: pointer;}
.m-banner { position: relative;}
.m-banner img{ width: 100%; vertical-align: bottom;}
.m-banner h3{ position: absolute; left:50%; top: 50%; transform: translate(-50%,-50%); font-size: 36px; color: #fff;}

.contact_page{ background: #fff; position: relative; top: -80px; padding: 60px; box-sizing: border-box; color: #929292;}
.contact_page .info,.contact_page .code{ width: 50%; float: left;}
.contact_head{ padding-bottom: 50px; border-bottom:1px solid #dedede; line-height: 24px; margin-bottom: 60px;}
.contact_head .code{ float: right;}
.contact_head .code .box{ float: right; margin-left: 35px; color: #a3a3a3;}
.contact_head .code img{ width: 66px; height: 66px;}
.contact_addre .box{ width: 42%; float: left; margin-bottom: 60px;min-height:110px }
.contact_addre .box:nth-child(even){ float: right;}
.contact_addre h3{ font-size: 16px; margin-bottom: 10px; color: #333;}
.contact_addre .text{ line-height: 24px;}

.case_nav{ display: inline-block; margin: 0 auto; margin-bottom: 60px; text-align: center; border-radius: 25px; background: #0088CC; color: #fff; height: 40px; line-height: 40px;margin-top:20px;}
.case_nav a{display: inline-block; width: 130px; color: #fff; font-size: 16px;}
.case_nav a.active{ background:#1CA889; border-radius: 25px;}
.index_news2 ul{ margin-left: -1.3%;display:flex;display:-webkit-flex;flex-direction:row; -webkit-flex-direction:row;flex-wrap:wrap; -webkit-flex-wrap:wrap;}
.index_news2 li{ margin-bottom: 18px; width: 32%; margin-left: 1.3%;} 
.mb{ margin-top: -240px;}
.news_artic{ min-height: 400px;}
.case_box .child.on{animation: fadeInUp2 1s ;}
.footer{ padding-bottom: 40px;}
			.foot_link{ width: 100%; float: left;}
			.foot_link a{ color: #fff; display: inline-block; margin-right: 20px; margin-bottom: 10px;}
@media screen and (max-width: 1470px) {
	.z-container,.z-container2{ width: 84%;}
	.ab_desc{ margin: 30px 0;}
	.ab_num li h3{ font-size:30px}
}
@media screen and (max-width: 1024px) {
.z-container,.z-container2{ width: 94%;}
}
@media screen and (max-width:768px) {
	.header{ width: 100%; height: 50px; position: fixed; left: 0; top: 0;z-index: 11;}
	.header_nav{ width: 100%;height: 100%; background:#1CA889; position: fixed; left: 0; top: 50px; display: none;}
	.header .logo{ height: 50px; line-height: 50px;}
	.header .search_bar{ display: none;}
	.menuBtn{ display: block;}
	.header .logo img{ max-height: 30px;}
	.header_nav{ padding-top: 50px;}
	.header_nav li{ line-height: 60px; text-align: center; width: 100%;}
	.header_nav li a{ color: #fff; font-size: 16px;}
	.header_nav li.active a, .header_nav li:hover a{color: #fff;}
	.header_nav li:before{ display: none;}
	.header_nav li.active a{ display: inline-block; height: 50px; border-bottom: 2px solid #fff;}
	.banner,.other_banner{ margin-top: 50px;}
	.banner{height:186px;}
	.arrow-left{left:0; display:none;}
	.arrow-right{right:0; display:none;}
	.banner .swiper-slide{background-size:cover !important; background-repeat:no-repeat !important; background-position:center center !important; height:100% !important;}
	.mouse_bar{ display: none;}
	.swiper-slide .img{transform:scale(1);}
	.ab_info,.ab_map{ width: 100%; padding: 0;}
	.index_about,.index_supply,.index_case,.index_news,.footer,.about_cul,.process,.about_honor,.lb_case,.pro_case2,.service_con,.add_con{ padding: 30px 0;}
	.index_tit h3{ margin-top: 0; font-size: 18px;}
	.index_tit em{ margin-top: 10px;}
	.ab_num li h3{ font-size: 20px;}
	.index_supply li{ width: 50%;}
	.index_tit{ margin-bottom: 20px;}
	.index_tit p{ margin-top: 10px;}
	.index_case li .case_info{padding: 15px;}
	.index_case li .tit{ font-size: 18px;}
	.index_case li.on,.index_case li{ width: 100%;}
	.index_case li{ margin-bottom: 30px; height: auto;}
	.index_case li .img{ height: 300px;}
	.index_case li .case_info,.index_case li.on .case_info{ opacity: 1; transform: translateY(20px);}
	.index_case li .tit{ margin-bottom: 10px;}
	.index_news .img{ height: auto;}
	.m_banner .tel{ font-size: 20px;}
	.m_banner{ padding: 30px 0;}
	.index_nav{ margin-bottom: 30px;}
	.foot_l,.foot_r{ width: 100%;}
	.foot_r{ padding-left: 0;}
	.ly_form .li{ display: block;}
	.ly_form .li input{ width: 100%; margin-top: 5px;}
	.foot_code{ width: 100%;display: flex; justify-content:center;}
	.foot_code .code_box{ margin: 0 20px;}
	.foot_bar .z-container{ line-height: 20px; padding: 10px 0;}
	.footer h3{ font-size: 20px;}
	#wrapper { height: 50px; width: 100%; overflow: hidden;}
  .page_nav { line-height: 50px; height: 50px;overflow: hidden; width: 100%; }
  .page_nav li{ padding: 0 10px}
    .page_nav li.cur a{ color: #19A19F;}
.about_desc,.about_desc.z-container2{ width:94%; padding: 30px 0;}
.process_box{ width: 100%; padding:30px 20px;}
.gallery-top{margin-top: 30px; }
.about_text{ margin-bottom: 30px;}
.cul_list dl{ width: 100%; padding: 0; text-align:left; margin-bottom: 20px;}
.cul_list dt{ width: 20%; float: left;}
.cul_list dt img{ max-width: 80%;}
.cul_list h3{font-size: 18px; margin-top: 0; margin-bottom: 5px;}
.cul_list dd{ width: 80%; float: left; }
.gallery-thumbs{ padding-bottom: 0;}
.other_banner .banner_text{ font-size: 16px; bottom: 10px;}
.mobile_case .swiper-slide{ overflow: visible;}
.mobile_case { display: block; width: 94%;}
.pc_case{ display: none;}
.ser_list ul{margin-left: 0;}
.ser_list li{  width: 100%; margin-left: 0; margin-bottom: 10px;padding: 20px; height: auto;}
.keji_box .box{ width: 100%;height: auto;}
.zc_box{ margin-left: 0; margin-top: 30px;}
.zc_box .box{ width: 100%; min-height: auto; margin-bottom: 10PX; padding: 20px; margin-left: 0;}
.zc_box h3{font-size: 18px;}
.sideMenu .tit{ padding: 0 10px;}
.add_nav{ height: 40px; line-height: 40px;}
.add_nav li.active:before{ top: 40px;}
.contact_page{ top: 0;}
.m-banner h3{font-size: 18px;}
.contact_page{ padding: 20px;}
.contact_page .info, .contact_page .code{ width: 100%;}
.contact_page .code{ margin-top: 20px;}
.contact_page .code .box{float: none; display: inline-block; margin-left: 0; margin-right: 30px;}
.contact_head{ padding-bottom: 30px; margin-bottom: 30px;}
.contact_addre .box{ width: 100%; margin-bottom: 20px;}
.news_content{ top: -20px; padding: 10px;}
.news_tit h3{ font-size: 18px; margin-bottom: 20px;}
.news_artic{ padding: 30px 0;}
.topbtm_bar .back{position: relative; left: 0; transform: translate(0); height: 30px; line-height: 30px; width: 120px;}

}
@media screen and (max-width:420px) {
.bannertext .textp{font-size:30px}
    .index_supply li{ width: 100%;}	
    .index_news ul{ margin: 0;}
    .index_news li{ width: 100%; margin: 0; margin-bottom: 10px;}
    .index_news .info{ padding: 10px;}
    .honor_list .gallery{ margin-left: 0;}
    .honor_list .li{ width: 100%; margin-left: 0;}
    .honor_list{ padding: 10px;}
    .honor_list .img{height: auto;}
    .btn_group{ margin-top: 30px;}
    .video_bar .playbtn{ width: 40px; height: 40px; background-size: 100% 100%;}
    .video_bar h3{ font-size: 20px;}
    .video_bar h4{ font-size: 14px;}
    .kf_box,.keji_box{ margin-left: 0; margin-top: 30px;}
    .kf_box .box{ width: 100%;height: auto;min-height: auto; margin:0; margin-bottom: 10px; padding: 20px;}
    .keji_box .box{ padding: 20px; }
    .index_tit2{ margin-top: 0;}
    .ab_num li{ font-size: 12px;}
    .gallery-thumbs .swiper-slide{font-size: 14px;}
    .news_first .img, .news_first .info{ width: 100%; height: auto;}
    .news_first .info{ padding: 10px;}
    .news_first h3{ font-size: 16px;}
    .index_news .tit, .news_first h3{ line-height: 24px; height: 44px; margin-bottom: 10px;}
    .news_first{ margin-top: 30px;}
    .news_first .text{ margin: 10px 0;}
    .loadmore{ height: 40px; line-height: 40px; margin: 20px auto;font-size: 14px; padding: 0 10px}
    .topbtm_bar a{ width: 100%;}
    .news_artic{ margin-bottom: 30px;}
    /*.news_artic img{ float:left}*/
    .mb{ margin-top: 0;}
    .about_text{ margin-bottom: 0;}
    .u_hidden{ display: none;}
    .index_news2{ margin-top:20px}
    	.foot_link a{ margin:0 5px}
    	.news_artic img{ width: 100%!important; height: auto!important;}
    
}