@charset "utf-8";
html,body{overflow-x: hidden !important;overflow-y: auto;}
html{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
*{line-height: 1.5;box-sizing: border-box;margin: 0;padding: 0;}
a{-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;text-decoration: none;color:#333;display:inline-block}
a:hover{text-decoration: none;}
a:focus{text-decoration: none;outline: none;}
ul,ol,li{margin: 0;list-style-type: none;}
h1,h2,h3,h4,h5,h6,p{font-weight: normal;}
p{word-wrap: break-word;word-break: normal;}
h1{font-size: 36px;}
h2{font-size: 30px;}
h3{font-size: 24px;}
h4{font-size: 18px;}
h5{font-size: 14px;}
h6{font-size: 12px;}
img{max-width: 100%;}
.img-responsive{display:block;max-width:100%;height:auto}
.he_img {width: 100%;position: relative;top: 0;left: 0;z-index: 1;}
.he_img1 {width: 100%;height: auto;position: absolute;top: 0;left: 0;z-index: 2;}
.he_content {width: 1360px;margin: 0 auto;}
/* 修改 input placeholder样式 */
.he_place::-webkit-input-placeholder{/* WebKit, Blink, Edge */color: red;font-size: 20px;font-weight: bolder;}
.he_place:-moz-placeholder {/* Mozilla Firefox 4 to 18 */color: red;font-size: 20px;font-weight: bolder;}
.he_place::-moz-placeholder {
/* Mozilla Firefox 19+ */color: red;font-size: 20px;font-weight: bolder;}
.he_place:-ms-input-placeholder {/* Internet Explorer 10-11 */color: red;font-size: 20px;font-weight: bolder;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.text-center{text-align:center}
body,button,input,select,textarea{font-family: 'Arial','微软雅黑';font-size: 14px;line-height: 1;margin: 0;color: #333;
border: 0;outline: none;background: none;}
input,textarea{-webkit-appearance: none;}
a:active,button::-moz-focus-inner,
input[type='reset']::-moz-focus-inner,
input[type='button']::-moz-focus-inner,
input[type='submit']::-moz-focus-inner,
select::-moz-focus-inner,
input[type='file'] > input[type='button']::-moz-focus-inner
{border: 0;outline: 0;}
a,button{cursor: pointer;}
label{font-weight: normal;margin-bottom: 0;}
img{vertical-align: middle;}
@media (min-width: 1230px)
{
	.container{width: 1230px;}
}
.disnone{display: none !important;}
.clearfix::after{display:block;clear:both;height:0;content:'';}
.clearfix{zoom: 1;}
.fl{float: left;}
.fr{float: right;}


.guest .layui-form-item{display:flex}
.guest .layui-form-item .layui-input-inline{flex:1;margin:0}
.guest .layui-input-block{margin:0;flex:1;}
.guest .layui-form-item{text-align:center}
.guest .layui-input, .layui-select,.guest .layui-textarea{height:50px}
.guest .layui-btn{background:#284a94 !important;}

/*公共标题*/
.index-title .t1{font-size:42px;}
.index-title .t2{font-size:18px;color:#565656;}

/*****走进铜都*****************/
.indexAbout-cont{display:flex;justify-content:space-between;}
.indexAbout-cont .indexAbout-l{flex:1;margin-right:5%;font-size:16px;line-height:2.2;text-indent:2em}
.indexAbout-cont .indexAbout-l p{text-indent:2em;margin-top:8px;line-height:1.8;}
.indexAbout-cont .indexAbout-r{width:533px;position:relative;}
img.video{display:block;position:absolute;background:url(../images/video.png) no-repeat;width:164px;height:164px;left:-50px;bottom:-30px;z-index:2;}
.aboutFour{margin-top:100px;}
.aboutFour li{width:25%;float:left;text-align:center;font-size:16px;background:url(../images/line.png) right center no-repeat;}
.aboutFour li:last-child{background:none;}
.aboutFour li p{color:#274a94;font-size:18px;}
.aboutFour li p text{font-size:48px;color:#274a94;font-family:"Century Gothic";font-weight:bold;line-height:1.2;}



/*****铜都产业*****************/
/*.indexChanye{background:url(../images/bg1.jpg) top center no-repeat;padding:100px 0;overflow:hidden;}*/
.indexChanye{padding:100px 0;overflow:hidden;}
.indexChanye-cont{position:relative;}
.indexChanye-cont .bd{width:100%}
.indexChanye-cont a.scroll{position:absolute;top:50%;width:68px;height:68px;z-index:10;}
.indexChanye-cont a.prev{background:url(../images/prev.png) no-repeat;left:-10px;}
.indexChanye-cont a.next{background:url(../images/next.png) no-repeat;right:-10px;}
.indexChanye-cont .bd ul li{width:33.333%;float:left;margin-top:70px;}
.indexChanye-cont .bd ul li a{display:block;background:#fff;border-radius:20px;overflow:hidden;box-shadow:-1px -5px 10px 1px #cfcfcf;margin:0 5%}
.indexChanye-cont .bd ul li div{padding:30px;overflow:hidden;}
.indexChanye-cont .bd ul li div strong{display:block;font-size:20px;font-weight:normal;}
.indexChanye-cont .bd ul li div p{color:#878787;margin:25px 0;}
.indexChanye-cont .bd ul li div span{background:url(../images/more1.png) no-repeat;width:33px;height:33px;display:block;float:right}
.indexChanye-cont .bd ul li:hover div span{background:url(../images/more2.png) no-repeat;}
.indexChanye-cont .bd ul li:hover strong{text-decoration:underline;color:#284a94;}


.indexHonor{padding:110px 0;overflow:hidden;}
.indexHonor .he_syp3bp{margin-top:120px;}
.indexHonor .honorMore{display:inline-block;margin:0 4px;}


/*****footer*****************/
footer{background:url(../images/footer.jpg) top center no-repeat;overflow:hidden;color:#888;font-size:15px;margin-top:30px;}
footer a{color:#888;}
.foot{padding:100px 0;overflow:hidden;display:flex;justify-content:space-between;}
.foot dl{float:left;}
.foot dl dt{font-size:18px;color:#fff;margin-bottom:20px;}
.foot dl dt img{margin-right:2px;}
.foot dl dd{line-height:2;padding-left:35px;}
.foot dl dd b{font-size:28px;color:#fff;font-family:"Century Gothic"}
.copyright{border-top:1px solid #3b3b3b;padding:30px 0;display:flex;justify-content:space-between;}
footer a:hover{color:#fff;}



/*****内页banner*****************/
.he_nyban{position:relative;}
.he_nybanig{height:694px;}
.he_nybanig img{width: auto;height: 100%;position: relative;top: 0;left: 50%;transform: translateX(-50%);max-width: none !important;}
.he_nybante{position: absolute; top: 170px;text-align: center;width: 100%;margin-bottom: 30px;}
.he_nybante h1{font-size: 60px;line-height: 1.5;color: #ffffff;text-align: center;}

/*****内页开始*****************/
.ny-menu{border-bottom:1px solid #e2e3e4;}
.ny-menu li{display:inline-block;padding-top:70px;margin-right:30px;}
.ny-menu li a{font-size:24px;color:#a5a6a6;padding:0 26px 20px;position:relative;}
.ny-menu li.act a,.ny-menu li:hover a{color:#284a94;}
.ny-menu li a::after{content: '';position: absolute;bottom: -2px;left: 0;width: 0;height: 3px;
background: #2f4a8f;transition: all 0.36s;opacity: 0;}
.ny-menu li.act a::after{opacity: 1;width:100%;}
.ny-menu li:hover a::after{width:100%;opacity:1;}
.mainwrap{position:relative;z-index:10;}
.mainwrap .he_content{margin-top:-334px;background:#fff;border-radius:12px;padding:0 80px;}

/****产品列表页************/
.ProduList li{margin-top:20px;}
.ProduList li a{border:1px solid #e5e5e5;display:block;border-radius:14px;overflow:hidden;position:relative;}
.ProduList li a div{padding:30px;}
.ProduList li a span{display:block;text-align:center;background:#efefef;}
.ProduList li a strong{font-size:24px;font-weight:normal;display:block;height:70px}
.ProduList li a img{height:230px;transition:all .6s;}
.ProduList li a p{margin-top:40px;color:#274a94;}
.ProduList li a:hover img{transform:scale(1.06)}

.fenye a{background:#fff;border:1px solid #ddd;box-shadow:0 0 10px #eee;color:#666;line-height:40px;padding:0 20px;margin:0 5px;display:inline-block;font-size:16px;}
.fenye a:hover{background:#284a94;color:#fff;}
.fenye a.active{background:#284a94;color:#fff;}

/*===新闻列表1内页=========================================================*/
.news-list1 li{margin-top:30px;}
.news-list1 li a{display:flex;background:#f5f5f5;padding:40px;align-items:center;}
.news-list1 li a .ne1{border-right:1px solid #ddd;padding-right:40px;}
.news-list1 li a .ne1 strong{font-size:40px;color:#284a94;display:block;font-weight:normal;}
.news-list1 li a .ne1 p{border-top:1px solid #ddd;color:#284a94;}
.news-list1 li a .ne2{flex:1;margin:0 40px;color:#808080;}
.news-list1 li a .ne2 h3{font-size:24px;font-weight:bold;color:#222;}
.news-list1 li a div i{font-size:24px;color:#999;}
.news-list1 li:hover a{box-shadow:0px 4px 12px 1px #afb5c3;}
.news-list1 li:hover a h3{color:#284a94;}

/**********新闻页**************/
.News-list li{margin-top:30px;}
.News-list li a{display:flex;overflow:hidden;justify-content:space-between;align-items:center;background:#fff;}
.News-list li a .n1 img{width:350px;height:206px;transition:all .6s;}
.News-list li a .n2{margin:0 40px;flex:1;border-right:1px solid #ddd;}
.News-list li a .n2 strong{font-size:20px;display:block;}
.News-list li a .n2 p{color:#888;padding:10px 0;}
.News-list li a .n2 span{display:block;background:url(../images/time2.png) left center no-repeat;padding-left:20px;margin-top:20px;}
.News-list li a .n3 span{background:#c7c7c7;display:inline-block;color:#fff;border-radius:4px;line-height:38px;padding:0 8px;}
.News-list li:hover a .n1 img{transform:scale(1.05)}
.News-list li:hover a .n3 span{background:#284a94;}
.News-list li:hover a{color:#284a94}


/*===新闻详情页=========================================================*/
.newsDetail{padding-top:80px;}
.backs{position:absolute;top:0;padding:10px;text-align:center;color:#666;}
.newsDetail .NewsInfoTit{border-bottom:1px dashed #dedede;padding-bottom:15px;margin-bottom:30px;}
.newsDetail .NewsInfoTit h1{font-size:30px;color:#284a94;font-weight:bold;}
.newsDetail .NewsInfoTit p{font-size:16px;color:#999;}
.newsDetail .NewsDescri p{font-size:18px;margin-top:10px;}
.newsDetail .NewsDescri img{margin:10px auto;}
.News-page{display:flex;justify-content:space-between;}
.News-page .prev1{width:49%;text-align:center;font-size:16px;}
.News-page .prev1 a{display:block;background:#f7f7f7;padding:15px 0;}
.News-page .prev1:hover a{background:#284a94;color:#fff;}
.News-page .prev1.on a{background:#284a94;color:#fff;}


/*===联系我们页=========================================================*/
.Contactus{padding-top:80px;}
.Contactus li strong{display:inline-block;font-size:24px;color:#284a94;border-bottom:1px solid #eee;padding:10px 0;margin-bottom:20px;}
.Contactus li p{font-size:17px;line-height:2;}







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

}
@media screen and (max-width: 1440px) {
.he_content{width:100%;padding:0 4%}
}
@media screen and (max-width: 1366px) {

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

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

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

}
@media screen and (max-width: 1024px) {
.index-title .t1{font-size:28px;}
}
@media screen and (max-width: 950px) {

}
@media screen and (max-width: 768px) {
	.indexAbout,.indexChanye,.indexChanye-cont .bd ul li,.indexHonor .he_syp3bp{margin-top:30px;}
	.news-list1 li,.ProduList li a p{margin-top:20px;}
	.he_nybante{top:130px;}
	.indexChanye,.indexHonor,.foot{padding:30px 0;}
	.Contactus{padding-top:40px;}
	.indexChanye-cont .bd ul li div p{margin:5px 0;}
	.indexAbout-cont{display:inherit}
	.he_content{width:100%;padding:0 15px;}
	.mainwrap .he_content{width:95%;padding:0 20px;margin-top:-80px;}
	.indexAbout-cont .indexAbout-r{display:none;}
	.indexAbout-cont,.aboutFour{margin-top:40px;}
	.indexAbout-cont .indexAbout-r a{display:none;}
	.aboutFour li,.index-title .t2{font-size:12px;}
	.aboutFour li p text{font-size:24px;}
	.indexChanye-cont .bd ul li{width:100%}
	.foot dl:nth-child(1),.foot dl:nth-child(2),.foot dl:nth-child(3){display:none;}
	.foot dl dd{padding:0;}
	.Contactus li strong,.newsDetail .NewsInfoTit h1{font-size:20px;}
	.copyright{display:inherit;font-size:14px;}
	.he_nybante h1{font-size:36px;}
	.ny-menu li{padding-top:10px;margin-right:5px;}
	.ny-menu li a{font-size:20px;padding:4px 5px;}
	.news-list1 li a .ne2 h3,.ProduList li a strong{font-size:15px;}
	.news-list1 li a,.ProduList li a div{padding:10px;}
	.news-list1 li a .ne1{padding:0;margin-right:5px;}
	.news-list1 li a .ne2,.News-list li a .n2 span,.ProduList li{margin:0;}
	.fenye a{padding:0 8px;line-height:30px;margin:0 2px;font-size:14px;}
	.he_nybanig{height:350px;}
	.News-list li a .n1 img,.News-page .prev1{width:100%}
	.News-page .prev1{text-align:left;font-size:14px;}
	.News-page .prev1 a{background:none !important;color:#777 !important;border-top:1px solid #ddd;}
	.News-list li a,.News-page{display:block;}
	.News-list li a .n2{margin:0;border:0;}
	.ProduList li a img{height:140px;}
	.backs img{width:40px;}
	.indexChanye-cont a.scroll{background-size:60%}
	
}
@media screen and (max-width: 480px) {

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

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

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