/*+++++++++++++++++++++++++++++++++++++++++++++//
//+++++QQ:312010483;【青铜器科技@】+++++++++++++++++++//
//+++++Website:www.qtqkj.com or www.oupan0612.com++++++//
//+++++Created By oupan on October first+++++++++++++++//
//++++++++Web page private style or page layout++++++++*/
/*******************index.html*************************/
.zhanwei{width:100%;height:580px;background:navy;}
.about{height:420px;padding-bottom:30px;}
.about .leftindex{height:300px;padding-top:100px;width:460px;}
.about .leftindex .title{padding-right:85px;text-align:left;}
.about .leftindex .title h2{color:#000;font-size:32px;line-height:170%;}
.about .leftindex .title p{color:#000;font-size:24px;}
.about .leftindex .text{width:430px;height:168px;overflow: hidden;margin-top:30px;}
.about .leftindex .text p.p{width:100%;height:70px;overflow:hidden;line-height:22px;color:#828282;font-size:15px;}
.about .leftindex .text .pro-more1{margin:50px 0 0 0!important;border-color:#247caf!important;color:#247caf!important;}
.about .leftindex .text .pro-more1:hover,.about .leftindex .text .pro-more1:focus,.about .leftindex .text .pro-more1:active{color: white!important;border-color:#0099FF!important;}
.rightindex{width:600px;height:400px;background:url(../image/ab.jpg) no-repeat center;background-size:100% 100%;}
.rightindex ul{width:100%;height:400px;}
.rightindex ul li{cursor:pointer;width:200px;height:200px;float:left;}
.rightindex ul li.li1{background:url(../image/yy.png) repeat center;/* filter: alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5; */}
.rightindex ul li.li1 a,.rightindex ul li.li3 a,.rightindex ul li.li4 a{padding:30px 30px 3px 30px;width:140px;display:block;color:#fff;font-size:16px;line-height:30px;}
.rightindex ul li.li1 .hr,.rightindex ul li.li3 .hr,.rightindex ul li.li4 .hr{margin-left:30px;width:22px;height:2px;background:#fff;}
.rightindex ul li.li1 p.txt-t,.rightindex ul li.li3 p.txt-t,.rightindex ul li.li4 p.txt-t{width:140px;padding:10px 30px;text-align:left;color:#fff;font-size:12px;}
.rightindex ul li.li3{background:#247CAE;}
.rightindex ul li.li4{background:url(../image/shadow.png) repeat center;}
.product{height:557px;background:#fff url(../image/probg1.png) no-repeat center center;background-size:100% 100%;}
.product .w1200{height:455px;padding:50px 0 0 0;}
.product .w1200 .title{padding-right:85px;text-align:right;}
.product .w1200 .title h2{color:#fff;font-size:32px;line-height:170%;}
.product .w1200 .title p{color:#fff;font-size:24px;}
.product .w1200 .pro-ul1{width:100%;margin-top:50px;height:227px;}
.product .w1200 .pro-ul1 .box{width:270px;float:left;margin:0 15px 0 15px;height:230px;overflow:hidden;}
.he_border1{background:#000;width:270px;height:230px;padding:0;margin:0;position:relative;box-sizing:border-box;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_border1 .he_border1_img{display:block;width:270px;height:230px;padding:0;margin:0;position:relative;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;opacity:1;overflow:hidden}
.he_border1:hover .he_border1_img{position:absolute;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);opacity:.6}
.he_border1 .he_border1_caption{color:#fff;padding:0;margin:0;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_border1 .he_border1_caption::before,.he_border1 .he_border1_caption::after{position:absolute;content:'';opacity:0;-webkit-transition:opacity 0.4s,-webkit-transform .4s;-moz-transition:opacity 0.4s,-moz-transform .4s;-o-transition:opacity 0.4s,-o-transform .4s;transition:opacity 0.4s,transform .4s}
.he_border1 .he_border1_caption::before{top:8%;right:10%;bottom:8%;left:10%;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-o-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0}
.he_border1 .he_border1_caption::after{top:8%;right:10%;bottom:8%;left:10%;border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-o-transform-origin:100% 0;transform-origin:100% 0}
.he_border1:hover .he_border1_caption::before,.he_border1:hover .he_border1_caption::after{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.he_border1 .he_border1_caption,.he_border1 .he_border1_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden; z-index:1000}
.he_border1 .he_border1_caption_h{font-size:20px;font-weight:600;text-align:center;width:80%;position:absolute;top:40%;left:10%;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:1}
.he_border1 .he_border1_caption_p{font-size:13px;text-align:center;width:70%;position:absolute;top:60%;left:15%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;opacity:0}
.he_border1:hover .he_border1_caption_p{top:45%;opacity:1}
.he_border1:hover .he_border1_caption_h{top:20%;}

.newswrap{padding:50px 0 100px 0;width:1200px;margin:0 auto;height:600px;}
.newswrap .news-tit{padding-left:75px;text-align:left;color:#222222;}
.newswrap .news-tit h2{font-size:32px;line-height:170%;}
.newswrap .news-tit p{font-size:24px;}
.item-ui{width:1180px;cursor:pointer;margin:50px auto 40px auto;height:420px;}
.newswrap .items{width:380px;height:200px;position:relative;float:left;margin:0 5px 10px 5px;}
.newswrap .items img{width:380px;height:200px;display:block;}
.newswrap .n-txt{display:none;position:absolute;top:0;left:0;padding:25px 25px 15px 25px;width:330px;height:160px;overflow:hidden;}
.newswrap .n-txt h2{color:#fff;font-size:16px;font-weight:500;width:305px;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.newswrap .n-txt .time{color:#fff;font-size:12px;line-height:25px;}
.newswrap .n-txt .p{color:#fff;text-align:left;font-size:13px;line-height:20px;}
.more{float:right;margin:20px 15px 0 0;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;display:block;width:110px;height:32px;border:2px solid #fff;font-weight:600;text-align:center;line-height:32px;color:#fff!important;font-size:12px;}
.more:before{content: "";position: absolute;z-index: -1;top: 0;bottom: 0;left: 0;right: 0;background: #0099FF;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 50%;transform-origin: 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.more:hover,.more:focus, .more:active{color: white;border-color:#0099FF;}
.more:hover:before, .more:focus:before, .more:active:before,.more2:hover:before, .more2:focus:before, .more2:active:before{-webkit-transform: scaleX(1);transform: scaleX(1);}
.more1{border-color:#000;color:#000!important;}
.more1:hover,.more1:focus, .more1:active{color:white!important;border-color:#0099FF;}
.more2{-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;display:block;width:125px;height:35px;border:2px solid #000;font-weight:600;text-align:center;line-height:35px;color:#000!important;font-size:12px;margin:0 auto!important;}
.more2:before{content: "";position: absolute;z-index: -1;top: 0;bottom: 0;left: 0;right: 0;background: #247caf;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 50%;transform-origin: 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.more2:hover,.more2:focus, .more2:active{color: white!important;border-color:#247CAF;}
.newswrap .bg3 .time{color:#9d9d9d;}
.newswrap .bg4 .time{color:#fff;}
.newswrap .bg6 .time{color:#fff;}
.newswrap .bg3 h2{color:#000000;}
.newswrap .bg3 .p{color:#666666;}
.newswrap .bg1:hover .n-txt,.newswrap .bg1 .n-txt{display:block;}
.newswrap .bg2:hover .n-txt{display:block;}
.newswrap .bg3:hover .n-txt,.newswrap .bg3 .n-txt{display:block;}
.newswrap .bg4:hover .n-txt{display:block;}
.newswrap .bg5:hover .n-txt,.newswrap .bg5 .n-txt{display:block;}
.newswrap .bg6:hover .n-txt{display:block;}
.bg1 .n-txt{background:#247caf;}
.bg2 .n-txt{background:#6633FF;}
.bg3 .n-txt{background:#E5E8EC;}
.bg4 .n-txt{background:#2d1a02;}
.bg5 .n-txt{background:#FFB65D;}
.bg6 .n-txt{background:#042538;}
.newswrap .on .n-txt{display:block;}

.Pequi{height:557px;background:#fff url(../image/probg.png) no-repeat center center;background-size:100% 100%;}
.Pequi .w1200{height:455px;padding:50px 0 0 0;}
.Pequi .w1200 .title{padding-right:85px;text-align:right;}
.Pequi .w1200 .title h2{color:#fff;font-size:32px;line-height:170%;}
.Pequi .w1200 .title p{color:#fff;font-size:24px;}
.Pequi .w1200 .pro-ul{width:100%;margin-top:50px;height:227px;}
.pro-ul li{margin:0 5px 0 29px;height:228px;width:265px;float:left;}
.pro-ul li a{display:block;width:100%;height:100%;position:relative;}
.pro-ul li a img{width:265px;height:227px;}
.pro-ul li a p.txt{color:#fff;font-size:20px;position: absolute;top:43px;right:15px;}
.pro-ul li a .shadow{display:none;position:absolute;top:0;left:0;width:235px;height:187px;background:url(../image/shadow.png) repeat center center;padding:20px 15px;}
.shadow-main{width:100%;height:100%;overflow:hidden;position: relative;}
.shadow-main p.txt1{color:#fff;font-size:20px;position: absolute;top:23px;right:0;}
.pro-ul li a .hr{position:absolute;top:62px;left:0;width:235px;height:2px;background:#fff;}
.shadow-main p.introt{position:absolute;bottom:0;right:0;width:100%;line-height:20px;color:#fff;text-align:right;font-size:13px;}
.pro-ul li a:hover .shadow{display:block;}
.pro-ul li a:hover  p.txt{display:none;}
.pro-more{-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;display:block;width:124px;height:32px;border:2px solid #fff;font-weight:600;text-align:center;line-height:32px;color:#fff!important;font-size:12px;margin:45px auto 0 auto;}
a.pro-more:before{content: "";position: absolute;z-index: -1;top: 0;bottom: 0;left: 0;right: 0;background: #247caf;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 50%;transform-origin: 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
a.pro-more:hover,a.pro-more:focus, a.pro-more:active{color: white;border-color:#247CAF;}
a.pro-more:hover:before, a.pro-more:focus:before, a.pro-more:active:before{-webkit-transform: scaleX(1);transform: scaleX(1);}
/******************news.html*************************/
.main{padding-bottom:20px;margin-top:65px;}
.left{width:880px;overflow: hidden;padding:0 0 30px 0;}
.left .title{text-align:center;font-size:24px;line-height:43px;width:300px;height:78px;margin:0 auto;border:1px solid #247CAF;background:#FFFFFF;}
.left .title span{display: block;background: #247CAF;line-height:35px;color:#fff;font-size: 12px;text-transform:uppercase;}
.news-ul{width:100%;height:100%;}
.news-ul a.li{margin-top:38px;display: block;height:77px;padding-bottom:18px;border-bottom:1px solid #d9d9d9;}
.news-ul a.last{border-bottom:none;}
.news-ul a.li dl{width:100%;height:100%;}
.news-ul a.li dl dt{float: left;display: block;width:77px;color:#fff;height:77px;background:#247CAF;text-align: center;}
.news-ul a.li dl dt b{display: block;font-size:40px;line-height:55px;}
.news-ul a.li dl dt span{font-size: 13px;line-height:20px;}
.news-ul a.li dl dd{float: right;width:780px;height:77px;display: block;position: relative;}
.news-ul a.li dl dd h2{font-size:15px;width:350px;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;color:#383838;}
.news-ul a.li dl dd p{font-size:13px;line-height:20px;position:absolute;bottom:0;left:0;color:#818181;}
.news-ul a.li:hover h2{color:#247CAF;}
.right{width:260px;min-height:500px;padding-bottom:60px;position: relative;}
.mask{width:260px;height:260px;background:#247CAF;position:absolute;top:-60px;right:0;margin-top:-60px;}
.mask img{width:140px;height:70px;margin:45px auto 32px auto;display: block;}
p.solo{width:145px;text-align:center;height:26px;margin:0 auto;line-height: 26px;color:#fff;font-size: 16px;}
.navtab{width: 260px;height:125px;position:absolute;top:73px;right:0;margin-top:73px;}
.navtab a{display: block;width:100%;font-size:16px;color:#4C4C4C;background:#F4F4F4;text-align:center;line-height:58px;height:58px;border-top:1px solid #e6ecef;border-bottom:1px solid #e6ecef;margin-bottom:5px;}
.navtab a:hover,.navtab a.on{background:#247CAF;color:#fff;border-color:#247CAF;}

/**product***/
.product-ul{width:100%;height:100%;overflow:hidden;padding:0 0 20px 0;margin-top:20px;}
.product-ul a.li{float:left;margin:15px 14.6px;display: block;width:264px;height:267px;}
.product-ul a.li:hover .pic p{color:#247CAF;}
.product-ul a.li .pic{overflow:hidden;width:264px;height:225px;position:relative;}
.product-ul a.li .pic img{width:264px;height:225px;transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;    /* Firefox 4 */  -webkit-transition: all 1s ease 0s;    /* Safari 和 Chrome */  -o-transition: all 1s ease 0s;}
.product-ul a.li .pic img:hover{transform: scale(1.2);-webkit-transform: scale(1.2);  -o--transform: scale(1.2);-moz-transform: scale(1.2);}
.product-ul a.li p{text-overflow:ellipsis;white-space:nowrap;left:12px;text-align: center;color:#4c4c4c;font-size:15px;line-height: 40px;background: #f4f4f4;}

/**intro**/
.intro-ul{width:100%;height:100%;overflow:hidden;padding:0 0 20px 0;margin-top:20px;}
.intro-ul p{line-height:25px;color:#444444;font-size:13px;text-indent:35px;padding-top:10px;}





.pagelist {padding: 10px 0;margin-top:15px;overflow: hidden;border-top:0px solid #eee;text-align:left;}
.pagelist a,
.pagelist span {border: 1px solid #ccc; display: inline-block;padding: 2px 8px;margin-right:5px;}
.pagelist span.current {color: #f30;border: 1px solid #ddd;}