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

a:active {color:#F00;}
a{ text-decoration:none;}
body > div{margin-right:auto;margin-left:auto;} 
body,html{width:100%; height:100%;}
body,html,div,ul,li,a,span,p,h1,h3,input,dl,dt,select,h1{padding:0;margin:0;border:0;font-size:1.2rem;font-family: "微软雅黑"; color:#444; list-style:none;}

@font-face{font-family:"BodoniBT-Bold";src:url(fonts/BodoniBT-Bold.otf);font-style:normal;}

input{-webkit-appearance: none;}
textarea {-webkit-appearance: none;} 
select {-webkit-appearance: none;} 
#header{max-width:800px;min-width:320px;margin:0 auto;z-index:1;}
ul li{list-style:none;}
.cent-top{width:100%;}
#top{max-width:800px;min-width:320px;height:auto; overflow:hidden; padding:1% 0; }




.top-left{float:left;width:32%;height:auto; padding:1%; }
.top-left img{ float:left;width:100%;}

.top-lefta{float:left;width:32%;height:auto; padding:1%; display:none; }
.top-lefta img{ float:left;width:100%;}

.top-right{float:right;width:12%;height:auto;padding:0.8% 0% 0% 0%;}
img{border:0;display:block;margin:0 auto;max-width:100%;}
.shouy{ width:100%;height:auto; padding:0.5% 0%;}
.shouy img{width:100%;}

.caidan{position:absolute;top:81px;right:311px; max-width:800px; width:100%;height: 100%;background:rgba(0,0,0,0.8); display:none; z-index:999;}

.caidan ul{position:relative;width:auto; height:auto; overflow:hidden; padding:0% 2%;background-color:#fff;}
.caidan li{float:left;width:100%;text-align:left;height:auto; overflow:hidden;border-bottom:1px #e6e6e6 solid; text-align:center;font-size:1.6rem;color:#000;padding:4% 0; line-height:1.3em;}
.caidan li a{color:#000;text-decoration:none; display:inline-block; width:100%;   margin:0 auto; font-size:1.6rem;}








body { background:#fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}	
.clear:after{content:' ';display:block;visibility:hidden;height:0;clear:both;font-size:0;}
.clear{zoom:1;}

/*/  banner  */
.m-focus{ width:100%; height:auto; overflow:hidden;}
.m-focus{height:auto;width: 100%; position:relative;}
.m-focus .swiper-box1{width: 100%;height: 100%;}
.m-focus .swiper-box1 ul li img {width: 100%;height: 100%;object-fit: cover;}
.m-focus .swiper-notbtion{ position:absolute; width:100%; height:auto; overflow:hidden; text-align:center;bottom:6% !important; z-index:9;}
.m-focus .swiper-notbtion span{ display:inline-block;width:0.8rem;height:0.8rem;margin:0 5px; opacity:1!important; cursor: pointer;  font-size:1.2rem; color:#fff; border-radius:0.5rem!important; background:#fff; }
.m-focus .swiper-notbtion span.swiper-pagination-bullet-active{ background:#1d568d; }





#footer{position:fixed;left:0;bottom:0;width:100%;z-index:9999;}
.as{position:relative;margin:0 auto;text-align:center;z-index:9999;max-width:800px;min-width:320px;height:auto; background:#0e5299; }

.as ul li{list-style:none;float:left; padding:10px 0px;width:25%; }
.u-img{ margin-bottom:5%;}
.u-img img{width:40%;}
.as a span{margin:0 auto;width:100%; display:block; color:#fff;font-size: 1.2rem;}
.icon{ width:100%; display:block;}
.as ul li a{display:block;font-family:'Microsoft YaHei';color:#fff;text-align:center;font-size: 1.4rem; text-decoration:none;}
.as ul li a u-title:hover{ text-decoration:underline;}


#meun{display:none;}
.bq{line-height: 1.5;color: #444;padding: 5% 0% 12% 0%; height:auto; overflow:hidden; background:#fff;}

/**/
.add{ position:fixed; z-index:3; left:0px;}

/*   公司动态   */
.news{width:100%; height:auto; overflow:hidden; margin:0 auto; padding:3% 0%;}
.news-top{width:100%; height:auto; overflow:hidden; text-align:center;}
.news-top span{ font-size:2rem; color:#0e5299; font-weight:bold;}
.news-top font{ font-size:1.6rem; color:#757576; margin-left:0.5rem; text-transform:uppercase;}
.news-bot{width:100%; height:auto; overflow:hidden;}
.news-bot1{width:96%;height:auto;overflow:hidden; margin:0 auto; margin-top:4%; text-align:center;}
.news-bot1 div{ display:inline-table;height:auto;overflow:hidden;}
.news-bot .box-163css{ width:100%; position:relative; height:auto;margin-bottom:20px; float:left;}
/*swipe*/
.news-bot .swipe{width:98%; height:auto;overflow: hidden; margin:0% 1% 0% 1%; visibility: visible; position: relative; }
.news-bot .box01_list{position:relative; width:100%; height:auto; overflow:hidden; -webkit-transition: left 600ms ease-out;  width:100%; left:0;}
.news-bot .li_list{width:100%;position:relative; float: left; vertical-align: top; }
.news-bot .swipe .box01_list .li_list{}
/*page*/
.news-bot .page{ height:auto; overflow:hidden; margin:0 auto;}
.news-bot .page li{  float:left;font-size:1.4rem;  color:#fff; width:auto; height:auto; overflow:hidden; text-align:center; margin:0em 0.3em 0.4em 0.3em; }
.news-bot .page li a{ color:#666;display:inline-block; height:1.2em; line-height:1.2em; overflow:hidden;font-size:1.2rem; padding:0.5em 1.5em;border:1px #666 solid;}
.news-bot .page li a.active{ border:1px #0e5299 solid;color:#0e5299; }
.js3-a{width:96%; margin:0px auto; height:auto; overflow:hidden; margin-top:5%;}
.js3-a1{width:100%; height:auto; overflow:hidden;}
.js3-a1 a img{ width:100%;}
.js3-a2{width:100%; height:auto; overflow:hidden; margin-top:2%;}
.js3-a2 p{ display:inline-block;width:100%; height:auto; overflow:hidden; margin-top:1%;}
.js3-a2 p a{ font-size:1.4rem; color:#000;display:inline-block;line-height:1.2em; max-width:100%;height:auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-family:Arial, Helvetica, sans-serif;}
.js3-a2 p font{ color:#454545; font-size:1.2rem; line-height:1.2em;}
.js3-a2 div{width:100%; height:auto; overflow:hidden;font-size:1.2rem; line-height:1.2em; color:#8f8f8f; margin-top:2%;}
.js3-b{width:96%; height:auto; overflow:hidden;margin:0 auto; margin-top:3%; padding-bottom:3%;}
.js3-b dl dt{width:100%; height:auto; overflow:hidden; padding:2% 0%; }
.js3-b dl dt a{ display:inline-block;width:100%; height:auto; overflow:hidden;}
.js3-b dl dt a font{ float:left;font-size:1.3rem; color:#333; display:inline-block; max-width:68%;height:auto; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height:1.4em; }
.js3-b dl dt a span{ float:right; font-size:1.3rem; color:#666;line-height:1.4em; }

/*  hjc黄金城集团  */
.cases{width:100%; height:auto; overflow:hidden; margin:0 auto; padding:5% 0%; background:#f3f3f3;}
.cases-bot{position: relative; padding:0% 8%; margin-top:5%;}
.cases-bot .swiper-box2{width: 100%;height: auto;}
.cases-bot .swiper-box2 ul {width: 100%;}
.cases-bot .swiper-box2 ul li{ width:48%; height:auto; overflow:hidden; background:#fff; }
.cases-bot .swiper-box2 ul li a{display: block;}
.cases-bot .swiper-box2 ul li .swp-a{width:100%; height:16em; overflow:hidden;}
.cases-bot .swiper-box2 ul li .swp-a img { max-width: 100%;height: 100%;object-fit: cover;}
.cases-bot .swiper-box2 ul li .swp-b{width:100%; height:auto; overflow:hidden; padding-bottom:1.6rem;}
.cases-bot .swiper-box2 ul li .swp-b p{ display:inline-block; width:100%; height:auto; overflow:hidden; text-align:center;}
.cases-bot .swiper-box2 ul li .swp-b p i{ display:inline-block; width:45px; height:3px; overflow:hidden; background:#3882e5;transition: all 0.4s;}
.cases-bot .swiper-box2 ul li .swp-b .tit-a{ width:100%; height:auto; overflow:hidden; position:relative;transition: all 0.2s;}
.cases-bot .swiper-box2 ul li .swp-b .tit-a1{width:2.6em; height:2.6em; overflow:hidden; margin:0 auto; text-align:center; line-height:2.6em; font-size:1.4rem; color:#0e5299; background:url(../images/yy1.png) center center no-repeat; background-size:100%; margin-top:1rem;}
.cases-bot .swiper-box2 ul li .swp-b .tit-a2{width:100%; height:auto; overflow:hidden;margin-top:0.5rem;font-size:1.3rem; color:#0e5299; text-align:center;}

.cases-bot .navigation-box2 i{ display:inline-block; width:1.4em; height:4em; overflow:hidden; cursor:pointer;z-index:998;position: absolute;top:38%;}
.cases-bot i.fa-angle-left{ background:url(../images/left1.png) center center no-repeat;left:1%; background-size:100%; }
.cases-bot i.fa-angle-right{ background:url(../images/right1.png) center center no-repeat; right:1%;background-size:100%;}

.cases-more{width:100%; height:auto; overflow:hidden; text-align:center; margin-top:4%; padding-bottom:0.1em;}
.cases-more a{ display:inline-block; font-size:1.3rem; color:#000; border:1px #d2d3d7 solid; width:10em; height:2.2em; border-radius:2.2em; line-height:2.2em;transition: all 0.2s;}


/*  核心技术  */
.core{width:100%; height:auto; overflow:hidden; margin:0 auto; padding:5% 0%; background:url(../images/hxj1.jpg) top center no-repeat; background-size:cover;}
.core-top{width:100%; height:auto; overflow:hidden; text-align:center;}
.core-top span{ font-size:2rem; color:#fff; font-weight:bold;}
.core-top font{ font-size:1.6rem; color:#fff; margin-left:0.5rem;text-transform:uppercase;}
.core-bot{position: relative; padding:0% 8%; margin-top:5%;}
.core-bot .swiper-box3{width: 100%;height: auto;}
.core-bot .swiper-box3 ul {width: 100%;}
.core-bot .swiper-box3 ul li{ width:48%; height:auto; overflow:hidden; background:#e5e7ea; }
.core-bot .swiper-box3 ul li a{display: block;}
.core-bot .swiper-box3 ul li .swp-a{width:100%; height:21rem; overflow:hidden;}
.core-bot .swiper-box3 ul li .swp-a img {width: 100%;height: 100%;object-fit: cover;}
.core-bot .swiper-box3 ul li .swp-b{width:100%; height:auto; overflow:hidden; padding:1.5rem 0rem 1rem 0rem;}

.core-bot .swiper-box3 ul li .swp-b p{ display:inline-block; width:100%; height:auto; overflow:hidden; margin-bottom:0.5rem; text-align:center;}
.core-bot .swiper-box3 ul li .swp-b p i{ display:inline-block; width:2rem; height:1px; overflow:hidden; background:#0e5299;}
.core-bot .swiper-box3 ul li .swp-b p span{ font-size:1.5rem; color:#0e5299;}
.core-bot .swiper-box3 ul li .swp-b p font{ display:inline-block; width:90%;overflow:hidden;text-overflow:ellipsis;white-space: nowrap; font-size:1.2rem; color:#9a9a9a;}
.core-bot .swiper-box3 ul li:nth-of-type(2n){ background:#fff;}
.core-bot .navigation-box3 i{ display:inline-block; width:1.4em; height:4em; overflow:hidden; cursor:pointer;z-index:998;position: absolute;top:38%;}
.core-bot i.fa-angle-left{ background:url(../images/left2.png) center center no-repeat;left:1%; background-size:100%; }
.core-bot i.fa-angle-right{ background:url(../images/right2.png) center center no-repeat; right:1%;background-size:100%;}

.core-more{width:100%; height:auto; overflow:hidden; text-align:center; margin-top:4%;padding-bottom:0.1em;}
.core-more a{ display:inline-block; font-size:1.3rem; color:#fff; border:1px #fff solid; width:10em; height:2.2em; border-radius:2.2em; line-height:2.2em;transition: all 0.2s;}



/*  荣誉资质  */
.honor{width:100%; height:auto; overflow:hidden; margin:0 auto; padding:5% 0%; background:#f3f3f3;}
.honor-bot{position: relative; padding:0% 8%; margin-top:5%;}
.honor-bot .swiper-box4{width: 100%;height: auto;}
.honor-bot .swiper-box4 ul {width: 100%;}
.honor-bot .swiper-box4 ul li{ width:48%; height:auto; overflow:hidden; }
.honor-bot .swiper-box4 ul li a{display: block;}
.honor-bot .swiper-box4 ul li .swp-a{width:100%; height:20rem; overflow:hidden;}
.honor-bot .swiper-box4 ul li .swp-a img {max-width: 100%;height: 100%;object-fit: cover;}
.honor-bot .swiper-box4 ul li .swp-b{width:100%; height:auto; overflow:hidden; text-align:center; font-size:1.3rem; color:#757576; margin-top:1rem;}
.honor-bot .navigation-box4 i{ display:inline-block; width:1.4em; height:4em; overflow:hidden; cursor:pointer;z-index:998;position: absolute;top:38%;}
.honor-bot i.fa-angle-left{ background:url(../images/left1.png) center center no-repeat;left:1%; background-size:100%; }
.honor-bot i.fa-angle-right{ background:url(../images/right1.png) center center no-repeat; right:1%;background-size:100%;}


/*  关于我们  */
.about{width:100%; height:auto; overflow:hidden; margin:0 auto; padding:5% 0%; background:#fff;}
.about-bot{ width:96%; height:auto; overflow:hidden; margin:0 auto; margin-top:4%;}
.about-bot .on1{width:100%; height:auto; overflow:hidden;}
.about-bot .on1 img{ width:100%;}
.about-bot .on2{width:100%; height:auto; overflow:hidden; font-size:1.3rem; color:#393939;margin-top:2%;}



















@media all and (max-width:1280px){
.caidan{font-size:1em;position:absolute;top:64px;right:240px;z-index:999;background:rgba(0,0,0,0.8);width:100%;height:100%;}
	}
@media all and (max-width:1200px){
.caidan{font-size:1em;position:absolute;top:64px;right:200px;z-index:999;background:rgba(0,0,0,0.8);width:100%;height:100%;}
	}
@media all and (max-width:1024px){
.caidan{font-size:1em;position:absolute;top:64px;right:112px;z-index:999;background:rgba(0,0,0,0.8);width:100%;height:100%;}
	}
@media all and (max-width:980px){
.caidan{font-size:1em;position:absolute;top:80px;right:8.2%;z-index:999;background:rgba(0,0,0,0.8);width:100%;height:100%;}
	}
@media all and (max-width:960px){
.caidan{font-size:1em;position:absolute;top:64px;right:60px;z-index:999;background:rgba(0,0,0,0.8);width:100%;height:100%;}
	}
@media all and (max-width:800px){
.caidan{font-size:1em;position:absolute;top:63px;right:0px;z-index:999;background:rgba(0,0,0,0.8);width:100%;height:100%;}
	}
@media all and (max-width:768px){
.caidan{font-size:1em;position:absolute;top:63px;right:0px;z-index:999;background:rgba(0,0,0,0.8);width:100%;height:100%;}
	}
@media all and (max-width:736px){
.caidan{font-size:1em;position:absolute;top:60px;right:0px;z-index:999;background:rgba(0,0,0,0.8);width:100%;height:100%;}
	}
@media all and (max-width:690px){
.caidan{font-size:1em;position:absolute;top:60px;right:0px;z-index:999;background:rgba(0,0,0,0.8);width:100%;height:100%;}
	}
@media all and (max-width:667px){
.caidan{font-size:1em;position:absolute;top:60px;right:0px;z-index:999;background:rgba(0,0,0,0.8);width:100%;height:100%;}
	}
@media all and (max-width:640px){
.caidan{font-size:1em;position:absolute;top:60px;right:0px;z-index:999;background:rgba(0,0,0,0.8);width:100%;height:100%;}
	}
@media all and (max-width:600px){
.caidan{font-size:1em;position:absolute;top:60px;right:0px;z-index:999;background:rgba(0,0,0,0.8);width:100%;height:100%;}
	}
@media all and (max-width:480px){
.caidan{font-size:1em;position:absolute;top:52px;right:0px;z-index:999;background:rgba(0,0,0,0.8);width:100%;height:100%;}
	}
@media all and (max-width:414px){
.caidan{font-size:1em;position:absolute;top:50px;right:0px;z-index:999;background:rgba(0,0,0,0.8);width:100%;height:100%;}
	}
@media all and (max-width:400px){
.caidan{font-size:1em;position:absolute;top:47px;right:0px;z-index:999;background:rgba(0,0,0,0.8);width:100%;height:100%;}
	}
@media all and (max-width:384px){
.caidan{font-size:1em;position:absolute;top:45px;right:0px;z-index:999;background:rgba(0,0,0,0.8);width:100%;height:100%;}
	}
@media all and (max-width:380px){
.caidan{font-size:1em;position:absolute;top:45px;right:0px;z-index:999;background:rgba(0,0,0,0.8);width:100%;height:100%;}
	}
@media all and (max-width:375px){
.caidan{font-size:1em;position:absolute;top:45px;right:0px;z-index:999;background:rgba(0,0,0,0.8);width:100%;height:100%;}
	}
@media all and (max-width:360px){
.caidan{font-size:1em;position:absolute;top:42px;right:0px;z-index:999;background:rgba(0,0,0,0.8);width:100%;height:100%;}
	}
@media all and (max-width:328px){
.caidan{font-size:1em;position:absolute;top:40px;right:0px;z-index:999;background:rgba(0,0,0,0.8);width:100%;height:100%;}
	}
@media all and (max-width:322px){
.caidan{font-size:1em;position:absolute;top:40px;right:0px;z-index:999;background:rgba(0,0,0,0.8);width:100%;height:100%;}
	}
@media all and (max-width:320px){
.caidan{font-size:1em;position:absolute;top:40px;right:0px;z-index:999;background:rgba(0,0,0,0.8);width:100%;height:100%;}
	}





@media screen and (max-width:800px){
	body,html{ font-size:16px;}
	}


@media screen and (max-width:540px){
	body,html{ font-size:12px;}
	}
@media screen and (max-width:480px){
	body,html{font-size:12px;}
	}
@media screen and (max-width:414px){
	body,html{ font-size:12px;}
	}
@media screen and (max-width:400px){
	body,html{font-size:12px;}
	}	
@media screen and (max-width:384px){
	body,html{font-size:10px;}
	}	
@media screen and (max-width:380px){
	body,html{font-size:10px;}
	}
@media screen and (max-width:375px){
	body,html{font-size:10px;}
	}
@media screen and (max-width:360px){
	body,html{font-size:9px;}
	}