﻿@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;} 
*{ margin:0; padding:0;}
table{border-collapse:collapse;border-spacing:0;} 
fieldset,img {border:0} 

h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal} 
q:before,q:after {content:''} 
abbr,acronym{ border:0}
a{ border:none; text-decoration:none;}
a:hover{text-decoration:none; cursor:pointer;}
ol,ul,li{ list-style:none;}
img{ border:none;}
body{ width:100%; margin:0 auto; word-break:break-all; background:#fff; font-family:'Microsoft YaHei'}
.clear{ clear:both;}
.clearfix:after{ content:"."; visibility:hidden; display:block; height:0; clear:both;}
.clearfix{ zoom:1;}

.menu{height:62px; background: #2373c8 !important;width:100%;}
.menup{position: fixed; left: 0 ; top: 0; z-index: 111; }

.logo{width: 400px;float:left;margin-top:23px;}
.con-top{width:1200px;margin:0 auto;height:125px;}
.body-top{float:right;}
.page-top{height:36px;margin-top:20px;width:210px;margin-left: 252px;}
.page-top ul{overflow:hidden;}
.page-top ul li{float:left;font-size:14px;color:#818181;border-left:1px solid #818181;padding:0px 5px;}
.page-top ul li:first-child{border:none;padding-left:0px;}
.page-top ul li a{color:#818181;}
#gblink{display:none;}
.yy{width:462px;height:40px;/* float:left; */}
.search-text input{width:462px;height:40px; border:1px solid #d0d0d0; border-radius: 16px;display:inline-block;outline:none;text-indent:2em;font-size:16px;}
.search-text{position:relative;}
.search-text img{position:absolute;right:15px;top:10px;}

/*banner*/
#banner {position:relative; z-index:2; width:100%; /*height:656px;*/ overflow:hidden;}
#banner .pics {position:relative; width:100%;min-height:71vh;margin:0;}
@media screen and (min-width:1024px) and (max-width:1500px){
    #banner .pics {min-height:61vh;}
}
@media  (max-width:1024px) {
#banner .pics {min-height:26vh;}
    body{min-width:1200px}
    .menu{margin-left:50px}
    .banner{margin-left:50px}
}

#banner .pics li {display:none; position:absolute; top:0; left:0; z-index:2; width:100%;  background:no-repeat center 0;background-size:100% 100%;}
#banner .pics li a {display:block; width:100%; height:100%;}
#banner .pics .b1 {/*display:list-item;*/ display:block;}
#banner .btns a {display:block;position:absolute; top:50%; z-index:4; margin-top:-25px; width:70px; height:70px; -ms-transition:left 400ms, right 400ms; transition:left 400ms, right 400ms; -webkit-transition:left 400ms, right 400ms; -moz-transition:left 400ms, right 400ms; -o-transition:left 400ms, right 400ms;}
#banner .btns .prev {left:-70px;}
#banner .btns .next {right:-70px;;}
#banner .btns .prev.on {left:0px;}
#banner .btns .next.on {right:0px;}
#banner .btns a span {position:absolute; top:0; left:0; width:100%; height:100%; -ms-transition:-ms-opacity 300ms;  transition:opacity 300ms;-webkit-transition:-webkit-opacity 300ms; -moz-transition:-moz-opacity 300ms; -o-transition:-o-opacity 300ms; cursor:pointer;}
#banner .btns a span.off {-webkit-opacity:1; opacity:1; display:block\9;}
#banner .btns a span.on {-webkit-opacity:0; opacity:0; display:none\9;}
#banner .btns .prev .off {background: #fff url(images/icon_l.png) no-repeat center;opacity:0.6}
#banner .btns .prev .on  {background: #fff url(images/icon_l.png) no-repeat center;opacity:0.6}
#banner .btns .next .off {background: #fff url(images/icon_r.png) no-repeat center;opacity:0.6}
#banner .btns .next .on {background: #fff url(images/icon_r.png) no-repeat  center;opacity:0.6}
#banner .btns a:hover .off {-webkit-opacity:0; opacity:0; display:none\9;}
#banner .btns a:hover .on {-webkit-opacity:1; opacity:1; display:block\9;}

.banner{
width:100%;
/*height:100vh;*/
background-size:100% 100% !important;
-webkit-transition:all 1.0s ease-in-out;
-moz-transition:all 1.0s ease-in-out;
-o-transition:all 1.0s ease-in-out;
-ms-transition:all 1.0s ease-in-out;
transition:all 1.0s ease-in-out;
}

.con-news{margin-top:55px;height:405px;}
.picnews{width:715px;float:left}
.textnews{width:450px;float:right}
.content{width:1200px;margin:0 auto;}
.con-list{margin-top:55px;height: 430px;}
.leftlist{width:715px;float:left;}
.rightlist{width:450px;float:right;}
.i-news-item{width:715px;height:405px;position:relative;}
.i-news-item-pic{width:714px;border-left:1px solid #ccc; border-top:1px solid #ccc;border-right:1px solid #ccc;}
.i-news-item img{width:714px;height:404px;}
.i-news-item-title{width:715px;height:48px;background: rgba(0,0,0,0.6);position:absolute;bottom:0;line-height:48px;text-indent:1em;}
.i-news-item-title span{color:#fff;font-size:30px;line-height:48px;}
.i-news-item-title a{color:#fff;font-size:18px;display:inline-block;/*background:url(images/title-icon.png) no-repeat 0px;padding-left:12px;*/}
.i-news-content{position:relative;}
.i-news-nav{position:absolute;right:0;bottom:0;width: 75px;height: 28px;}
.i-news-page{width:8px;height:8px;background:url(images/icon_white.png) no-repeat;display:inline-block;margin-right:6px;}
.i-news-page-active{background:url(images/icon_blue.png) no-repeat;}

.i-tabs-nav{height:54px;background:#f5f5f5;line-height:54px;}
.i-tabs-item{width:136px;height:54px;display:inline-block;text-align:center;font-size:24px;margin-right:10px;}
.i-tabs-item a{color:#555}
.i-tabs-item-active{background:#2373c8}
.i-tabs-item-active a{color:#fff;text-decoration:none;}
.news-module{margin-top:10px;}
.news-item{line-height:38px;font-size:16px;color:#818181;overflow:hidden;}
.news-item-title{float:left;padding-left:12px;background:url(images/new-icon.png) no-repeat left;}
.news-item-title a{color:#555;}
.news-item-title a:hover{color:#ad0109;text-decoration:none;}
.news-item-date{float:right;}
.pnews-item-title{font-size:16px;line-height:36px}
.pnews-item{position:relative;}
.pnews-item-title a{color:#555;}
.pnews-item-title a:hover{color:#ad0109;text-decoration:none;}
.pnews-item-date{line-height:36px;font-size:16px;color:#818181;position:absolute;right:0px;top:0px;}
.pnews-item-sum{font-size:14px;color:#818181;text-indent:2em;line-height:26px;margin-bottom:9px;}

.bottom{width:100%;background:#f5f5f5;padding:50px 0px}
.con-bottom{width:1200px;margin:0 auto;}
.ztzl-module-module .list{overflow:hidden;}
.ztzl-item{float:left;width:408px;height:153px;}
.ztzl-module{}
.ztzl-item-pic img{width:383px;height:153px;}
.ztzl-module-con{position:relative;}
.ztzl-left{position:absolute;width:60px;height:60px;display:inline-block;left:-70px;top:45px;background:rgb(220,220,220);opacity:.8;font-size:50px;color:#2373c8 !important;text-align:center;line-height:60px;font-family:"黑体";font-weight:bold;z-index:99}
.ztzl-right{position:absolute;width:60px;height:60px;display:inline-block;right:-70px;top:45px;background:rgb(220,220,220);opacity:.8;font-size:50px;color:#2373c8 !important;text-align:center;line-height:60px;font-family:"黑体";font-weight:bold;z-index:99}
.ztzl-right:hover,.ztzl-left:hover{color:#2373c8;}
.ztzl-module-title{font-size: 24px; color: #2373c8; line-height:30px; padding-bottom:20px; }

/*金价及铜价*/
.jinjia{ width:100%; margin:0 auto;min-width:1300px;}
.con-jinjia{width:1200px;margin:50px auto;}
.jinjia-hangqing{ width:100%; margin:0 auto;position:relative}
.jinjia-hangqing-title{font-size:24px;line-height: 54px;background:#f5f5f5;color:#fff;margin-bottom:20px;text-align:left;}
.jinjia-hangqing-title span{display:inline-block;background:#2373c8;padding:0px 20px;}
.jinjia-hangqing-content{ width:100%; margin:0 auto; overflow:hidden;}

.jinjia-hangqing-left{float:left;width:585px;text-align:center;}

.jinjia-hangqing-right{float:right;width:585px; text-align:center;}
.jinjia-hangqing-left .jinjia-hangqing-item{ width:585px; margin:0 auto; text-align:center; font-size:24px; line-height:46px; color:#555;}
.jinjia-hangqing-right .jinjia-hangqing-item{width:585px; margin:0 auto; text-align:center; font-size:24px; line-height:46px; color:#555;}




.footer{background:#2373c8 !important;padding:25px 0px;}
.footer-outer{width:1200px;margin:0 auto;}
.footer-left{float:left;}
.footer-right{float:right;font-size:14px;color:#fff;}
.footer-title{color:#fff;font-size:16px;height:30px;border-bottom:1px solid #fff !important}
.footer-title{width:110px;}
.footer-select{width:110px;margin-top:10px;}
.left-zjwzq{float:left;margin-right:65px;}
.footer-lj{width:110px;background:none;color:#fff;font-size:14px;}
.footer-lj option{color:#333;}
.left-links{float:left;}
.footer-right ul{overflow:hidden;margin-bottom:20px;}
.footer-right ul li{float:left;color:#fff;margin-right:5px;}
.footer-right ul li a{color:#fff;}
.footer-bq{margin-bottom:10px;}


/*
.body{background-image:url(/Portals/18/Skins/zghj-home/images/20241231165448.png);background-repeat:no-repeat;background-size:100%;padding-top:15%;}
.body-con{width:85%;margin:0 auto;background-color:#FFF;}
*/