@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0; box-sizing:border-box;}
*:focus{outline:none;}
ul li{list-style:none;}
h2,h3,h4,h5{font-weight: normal}
body{color:#666; width:100%;  margin:0 auto;  padding-bottom:.7rem; font-size:12px; }
a{text-decoration:none; color:#333}
.container{width:100%; padding: 0px .2rem;}
.clr{clear:both;}

.header{width:100%;clear:both;height:.6rem;padding:0 .1rem;position:relative}
.logo{width:14%;height:.6rem;z-index:99;float:left;display:flex;align-items:center}
.logo a,.menu a{width:100%; height:100%; display:flex;align-items:center}
.logo img{max-width:100%;align-items:center;margin:0 auto}
.logo p{font-size:.14rem;color:#1960a1;font-weight:700;float:left;line-height:.7rem;margin-left:.08rem}
.menu{float:right;height:.6rem;width:.28rem; }

.menu img{ max-width:100%;align-items:center;margin:0 auto}
.app{float:right;padding-right:.15rem;margin-top:.07rem}
.app img{height:.22rem}
.h_dhs{width:auto;float:left;line-height:.7rem;font-size:.9rem;color:#fff}
.h_dhs span{font-weight:700;font-family:Arial}





/*导航*/
.openmenu{overflow-y:scroll; position:fixed;}
#pgcontainer{margin:0px; padding:45px 0px;}
.overlay{left:0px; right:0px; bottom:0px; position: fixed; z-index:99; background-color:rgba(0, 0, 0, 0.5);}
.openmenu .overlay{top:0px;}
#hamburgermenu{background:#1960a1; left:0px; top:0px; width:0px; height:100%; overflow-y:scroll; position:fixed; z-index:999; box-shadow:3px 0px 7px rgba(0,0,0,0.55); -webkit-box-shadow:3px 0 7px rgba(0, 0, 0, 0.55); -moz-box-shadow:3px 0 7px rgba(0, 0, 0, 0.55);}
.nav_logo{width:100%; padding-top:10px; text-align:center; clear:both;}
.nav_logo img{height:35px; margin:5px 0px;}
.menu_head{width:100%; min-width:150px; border-bottom:rgba(255, 255, 255, 0.32) 1px solid; line-height:.4rem; text-indent:1em; color:#fff; padding:8px 0px; font-size:.18rem; position:relative; margin:0px;}
.menu_head img{vertical-align:middle; height:25px; padding-right:5px;}
.menu_head a{color:#fff; font-size:.18rem;}
.menu_body{width:100%; min-width:150px; overflow:hidden; line-height:.4rem; display:none;}
.menu_body a{width:100%; display:block; height:auto; line-height:.4rem; color:#fff; text-indent:2em; border-bottom:rgba(255, 255, 255, 0.32) 1px solid; font-size:.16rem}
.banner{width:100%;height:auto;}
.banner img{width:100%; height: auto;}
.swiper-container {width: 100%; height: 100%; margin-left: auto; margin-right: auto;}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  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; 
}
.swiper-pagination-bullet{background: #fff; opacity: 1}
.swiper-pagination-bullet-active{background: #64564b}




/*愿景*/
.index_yuanjing{
     width:90%;
     height: auto;
     overflow: hidden;
     background: #fff;
     box-shadow: 0 0 0.05rem rgba(0,0,0,0.2);
     border-radius: 0.25rem;
     padding: 0.2rem 0.1rem 0;
     overflow: hidden;
     margin:-0.4rem auto 0;
     position: relative;
     z-index: 9 
}
 .index_yuanjing p{
     font-size: .16rem;
     color: #666666;
     line-height: 0.28rem;
}
 .index_yuanjing h3{
     font-size:.16rem;
     color: #999999;
     margin-bottom: 0.2rem;
}
 .index_yuanjing h3 span{
     font-size: .3rem;
     color: #333333;
     font-weight: bold;
}
 .index_yuanjing a{
     width:100%;
     height: 0.6rem;
     border-top:0.01rem solid #dcdcdc;
     line-height:0.5rem;
     display: block;
     margin-top: 0.2rem;
}
 .index_yuanjing a span{
     color:#0b408e;
     font-family: "Arial";
     font-size: .2rem; float:left;
}
 .index_yuanjing a img{
     float: right;
     margin-top:0.2rem;
}
 
/*关于3118云顶集团*/
.index_about{
     width:100%;
     height: auto;
     overflow: hidden;
     margin-top: 0.3rem;
     padding: 0rem 0.2rem;
}
 .index_about_title{
     width:100%;
     height: auto;
     overflow: hidden 
}
 .index_about_title h3{
     font-size: .24rem;
     color: #333333;
     line-height: 0.5rem;
     font-weight: bold;
}
 .index_about_title h4{
     font-size:.2rem;
     color: #0b408e;
     font-family: "Arial" 
}
 .in_about_xx{
     width:100%;
     height: auto;
     overflow: hidden;
     margin: 0.2rem 0; 
}
 .in_about_xx a{
     font-size: .16rem;
     color: #666666;
     line-height: 0.3rem;
}
 .index_about_pic{
     width:100%;
     height: auto;
     overflow: hidden;
     margin-top: 0.3rem;
}
 .index_about_pic img{
     width:100%;
     height: auto;
     overflow: hidden 
}
 .index_about_pic video{
     width:100%;
     height: auto;
     display: block 
}
 .ab_more{
     width:50%;
     height:0.5rem;
     background: #1960a1;
     color:#fff;
     display: block;
     text-align: center;
     line-height: 0.5rem;
     font-size: .16rem;
}
 



/*产品*/
.index_product{width:100%;height:auto;overflow:hidden;margin-top:.6rem;background:url(/templates/mobile/images/product_bjs.jpg) no-repeat;background-size:cover;padding:.4rem 0}
.index_product_nav{width:100%;height:auto;overflow:hidden;margin:.3rem 0}
.index_product_nav a{width:48%;height:auto;float:left;margin-bottom:.1rem;color:#fff;font-size: .16rem;background:#1960a1;height:.4rem;line-height:.4rem;text-align:center}
.index_product ul{width:100%;height:auto;overflow:hidden;margin-top:.2rem}
.index_product ul li{width:49%;height:auto;float:left;margin-bottom:.2rem}
.index_product ul li:nth-child(2n),.index_product_nav a:nth-child(2n){float:right}
.index_product ul li img{width:100%;height:auto;display:block}
.index_product ul li p{width:100%;height:.4rem;line-height:.4rem;font-size: .16rem;color:#333;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}

 




/*案例*/
.index_case{width:100%;height:auto;overflow:hidden;margin-top:.4rem}
.index_case ul{width:100%;height:auto;overflow:hidden;margin-top:.2rem}
.index_case ul li{width:49%;height:auto;float:left;margin-bottom:.3rem;border-bottom:.01rem solid #e5e5e5;position:relative}
.index_case ul li:nth-child(2n){float:right}
.index_case ul li:after{content:"";width:40%;height:.03rem;background:#1960a1;position:absolute;bottom:0;left:0}
.index_case_pic img{width:100%;height:auto;display:block;transform:scale(1);transition:all 1s ease 0s;-webkit-transform:scale(1);-webkit-transform:all 1s ease 0s}
.index_case_pic{width:100%;height:auto;overflow:hidden}
.index_case_xx{width:100%;height:auto;padding:.1rem 0 .15rem;overflow:hidden}
.index_case_xx p{width:100%;height:.6rem;line-height:.3rem;font-size:.14rem;color:#333;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.index_case_xx h3{width:100%;height:.4rem;line-height:.4rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:.2rem;color:#333;font-weight:700;margin-bottom:.08rem}
.case_more{width:50%;height:.5rem;background:#1960a1;color:#fff;display:block;text-align:center;line-height:.5rem;font-size: .16rem; margin:0 auto}




/*优势*/
.index_youshi{width:100%;height:auto;overflow:hidden;margin-top:.4rem;background:url(/templates/mobile/images/qyys_bjs.jpg) no-repeat center;background-size:cover;padding:.2rem 0 .4rem}
.index_youshi_title{width:100%;height:auto;overflow:hidden;margin:.1rem auto;text-align:center}
.index_youshi_title h3{font-size:.28rem;color:#fff;font-weight:700;line-height:.5rem;position:relative}
.index_youshi_title h4{font-size:.2rem;color:#fff}
.index_youshi ul{width:100%;height:auto;overflow:hidden;margin-top:.4rem}
.index_youshi ul li{width:100%;height:auto;overflow:hidden;margin-bottom:.3rem}
.index_youshi ul li h5{width:100%;height:auto;overflow:hidden;margin-top:.2rem;font-size: .16rem; color:#fff;line-height:.28rem}
.index_youshi ul li dl{width:100%;height:auto;overflow:hidden}
.index_youshi ul li dl dt{float:left;width:.8rem;height:auto}
.index_youshi ul li dl dt img{width:100%;height:auto;display:block}
.index_youshi ul li dl dd{margin-left:1rem}
.index_youshi ul li dl dd h4{font-size:.2rem;color:#fff;font-weight:700;line-height:.5rem}
.index_youshi ul li dl dd p{font-size: .16rem;;color:#fff;line-height:.3rem}





/*新闻*/
.index_news{overflow:hidden;margin-top:.3rem;margin-bottom:.3rem;width:100%;height:auto}
.index_title{overflow:hidden;width:100%;height:auto;text-align:center}
.index_title h3{position:relative;color:#333;font-weight:700;font-size:.28rem;line-height:.5rem}
.index_title p{color:#666;font-size: .16rem;line-height:.28rem}
.index_news_nav{display:table;overflow:hidden;margin:.2rem auto .3rem;width:auto}
.index_news_nav a{float:left;margin:0 .1rem;width:1.2rem;height:.4rem;border:1px solid #1960a1;color:#333;text-align:center;font-size:.14rem;line-height:.4rem}
.index_news_nav a:hover{border:0;background:#1960a1;color:#fff}
.index_news_top{overflow:hidden;width:100%;height:auto}
.news_pic{float:left;width:47%;height:auto}
.news_pic img{display:block;width:100%;height:auto}
.news_info{margin-left:50%;width:auto}
.news_info h3{overflow:hidden;width:100%;height:.35rem;color:#333;text-overflow:ellipsis;white-space:nowrap;font-size: .16rem;line-height:.35rem}
.news_info span{display:block;color:#666;font-size:.13rem;line-height:.2rem}
.news_info p{display:-webkit-box;overflow:hidden;width:100%;height:.56rem;color:#666;font-size:.14rem;line-height:.28rem;word-break:break-all;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.index_news_bottom{overflow:hidden;padding:.1rem 0;width:100%;height:auto}
.index_news_bottom li{padding:0 .1rem;width:100%;height:.4rem;line-height:.4rem}
.index_news_bottom li p{float:left;overflow:hidden;width:70%;height:100%;color:#333;text-overflow:ellipsis;white-space:nowrap;font-size:.14rem}
.index_news_bottom li span{float:right;float:right;color:#333;font-size:.13rem}
.index_news_bottom li:last-child{border-bottom:0}





/*联系3118云顶集团*/
.index_contact{width:100%;height:auto;overflow:hidden;padding:.3rem .2rem;background:url(/templates/mobile/images/contact_bjs.jpg) no-repeat center; background-size: cover;}
.index_contact span{font-size:.18rem;color:#fff;opacity:.11}
.index_contact h4{font-size:.2rem;color:#fff;font-weight:700;border-bottom:.01rem solid #fff;line-height:.5rem;display:table}
.index_contact_all{width:100%;height:auto;overflow:hidden;padding:.3rem .1rem 0}
.index_contact_all p{width:100%;height:.4rem;position:relative;margin:0 auto .2rem}
.index_contact_all input[type=text]{width:100%;height:.4rem;background:0 0;border:1px solid #fff;padding:0 .1rem;margin-bottom:.1rem;color:#fff;font-size:.13rem}
.index_contact_all textarea{width:100%;height:.5rem;background:0 0;border:1px solid #fff;padding:.1rem;margin-top:.1rem;font-size:.14rem;color:#fff}
.con_submit{width:100%;height:.4rem;background:#fff;color:#1960a1;line-height:.4rem;border:0;cursor:pointer;margin:.3rem auto;display:block;font-size:.15rem;font-weight:700}
.in_contact_text{width:100%;height:auto;overflow:hidden;margin-top:.2rem;padding:0 .1rem}
.index_contact_all input::-webkit-input-placeholder{color:#fff}
.index_contact_all input:-moz-placeholder{color:#fff;opacity:.8}
.index_contact_all input::-moz-placeholder{color:#fff;opacity:.8}
.index_contact_all input:-ms-input-placeholder{color:#fff}
.index_contact_all textarea::-webkit-input-placeholder{color:#fff}
.index_contact_all textarea:-moz-placeholder{color:#fff;opacity:.8}
.index_contact_all textarea::-moz-placeholder{color:#fff;opacity:.8}
.index_contact_all textarea:-ms-input-placeholder{color:#fff}





/*底部*/
footer{position:fixed;bottom:0;left:0;z-index:222;height:.6rem;width:100%;font-size:.14rem;background:#1960a1;padding:0 .1rem}
footer ul{height:100%;height:100%}
footer li{width:20%;height:100%;float:left}
footer li a{display:block;width:100%;height:100%;text-align:center;box-sizing:border-box;color:#fff;padding-top:.1rem}
footer span{line-height:.3rem;font-size:.12rem;width:100%;display:block;color:#fff}
footer li a.active span{color:#b9000b}
footer .n1{background:url(/templates/mobile/images/f_h1.png) no-repeat center;background-size:100% 100%;width:.2rem}
footer .n2{background:url(/templates/mobile/images/f_h2.png) no-repeat center;background-size:100% 100%;width:.2rem}
footer .n3{background:url(/templates/mobile/images/f_h3.png) no-repeat center;background-size:100% 100%;width:.31rem}
footer .n4{background:url(/templates/mobile/images/f_h4.png) no-repeat center;background-size:100% 100%;width:.17rem}
footer .n5{background:url(/templates/mobile/images/f_h5.png) no-repeat center;background-size:100% 100%;width:.2rem}
footer li.active{background:#fff}
footer li.active .n1{background:url(/templates/mobile/images/f_1.png) no-repeat center;background-size:100% 100%;width:.2rem}
footer li.active .n2{background:url(/templates/mobile/images/f_2.png) no-repeat center;background-size:100% 100%;width:.2rem}
footer li.active .n3{background:url(/templates/mobile/images/f_3.png) no-repeat center;background-size:100% 100%;width:.31rem}
footer li.active .n4{background:url(/templates/mobile/images/f_4.png) no-repeat center;background-size:100% 100%;width:.17rem}
footer li.active .n5{background:url(/templates/mobile/images/f_5.png) no-repeat center;background-size:100% 100%;width:.2rem}
footer li.active span{color:#1960a1}
footer i{height:.2rem;display:block;margin:.02rem auto 0}
.copy{width:100%;text-align:center;line-height:.28rem;clear:both;font-size:.13rem;padding:.2rem .15rem}
.copy p{color:#999;line-height:.28rem;font-size:.13rem}
.copy a{color:#999;line-height:.28rem;font-size:.13rem}
.footer_top{width:.5rem;height:.5rem;background:#747474;position:fixed;bottom:.9rem;right:0;text-align:center;padding-top:.04rem}
.footer_top p{color:#fff;font-size:.13rem}





 
/*内页面包屑导航*/
.pos{width:100%;height:auto;line-height:.48rem;padding:0 2%;font-size:.13rem;clear:both;text-align:left;border-bottom:.01rem solid rgba(255,255,255,.38);color:#313131;font-size:.13rem}
.pos a{color:#313131;font-size:.13rem}
.pos span{color:#1960a1;font-size:.13rem}
.pos span.wei{background:url(/templates/mobile/images/sy.png) no-repeat left center;padding-left:.2rem;color:#313131;background-size:.15rem}
.ny{width:100%;padding:.2rem .15rem;line-height:.26rem;clear:both;color:#333;font-size:.13rem}
.index_abou_xx img,.ny img{max-width:100%;display:block;height:auto!important}
.ny_about_info{width:100%;height:auto;display:block;overflow:hidden;margin:.08rem auto;padding:0 .15rem}
.ny_ban{width:100%;height:auto;overflow:hidden}
.ny_ban img{width:100%;height:auto;display:block}
.ny p{color:#333;font-size:.13rem;line-height:.26rem}




/*内页新闻*/
.news_x{width:100%;margin-bottom:.1rem;clear:both;padding:0 .1rem;margin-top:.25rem}
.news_x li{width:100%;padding:.12rem 0;border-bottom:#bebebe .01rem solid;float:left}
.news_x li h3{height:.25rem;color:#313131;font-weight:700;font-size: .16rem; text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.news_x li p{font-size:.13rem;color:#7d7d7d;height:.2rem;line-height:.2rem}
.news_x li h4{font-weight:400;color:#626262;height:.58rem;line-height:.2rem;overflow:hidden;margin-top:.1rem;font-size:.13rem}




/*内页声誉资质*/
.honor_list{width:100%;padding:.2rem .1rem;clear:both}
.honor_list li{width:48%;float:left;height:auto}
.honor_list li img{width:100%;height:100%;border:#ddd 1px solid;display:block}
.honor_list li p{line-height:.4rem;height:.4rem;overflow:hidden;color:#333;font-size:.13rem;text-align:center;clear:both;text-overflow:ellipsis;white-space:nowrap}
.honor_list li:nth-child(2n){float:right}




/*内页导航*/
.index_clei{width:100%;height:auto;line-height:.45rem;background:#eee;overflow:hidden}
.index_clei a{color:#1b1b1b;font-size:.13rem;text-align:center;width:33.33%;height:100%;display:block;overflow:hidden;float:left}
.index_clei a:nth-child(4){border-right:0}
.index_clei a.active{background:#1960a1;color:#fff}
.pic{width:100%;clear:both;height:2.21rem;padding-top:.7rem}
.about_ban{background:url(/templates/mobile/images/about.jpg) no-repeat;background-size:100% 100%;text-align:center}
.about_ban h3{font-size:.36rem;font-weight:700;color:#fff}
.about_ban p{font-size:.18rem;color:#fff}
.index_plei{width:100%;height:auto;line-height:.45rem;background:#eee;overflow:hidden}
.index_plei a{color:#333;font-size:.13rem;text-align:center;width:50%;height:.45rem;display:block;overflow:hidden;float:left}
.index_plei a.active{background:#1960a1;color:#fff}
.ny_biaoti{width:100%;font-size:.rem;color:#000;padding:.1rem 0;text-align:center;clear:both}
.ny_time{width:100%;line-height:.3rem;color:#888;height:auto;margin-bottom:.2rem;border-top:.01rem solid #666;border-bottom:.01rem solid #666;text-align:center;clear:both;font-size:.12rem}
.keyword_light,.keyword_light p{font-size:.14rem;color:#333}



/*联系3118云顶集团*/
.ditu{width:100%;height:3rem;padding:0 .15rem}
.ny_contact{width:100%;height:auto;display:block;font-size:.14rem;color:#333;line-height:.28rem;padding:0 .1rem;margin:.2rem 0 .4rem}

 

@media screen and (max-width:375px){
	
}
	
	
	
@media screen and (max-width:360px){
	
}


@media screen and (max-width:320px){
	
}







 <!--耗时1759758780.7622秒-->