/*.head{width: 100%; height: 100px; position: fixed; top: 0px; left: 0px; padding-left: 20px; padding-right: 20px; z-index: 30; background-color: #171717;}
.head .logo{float: left;display: block;}
.head .menu{float: right; width: 37%;}
.head .menu li.on a,.head .menu li:hover a{color: #ffd800;}
.head .menu li{float: left; width: 20%; position: relative;  box-sizing: border-box; text-align: center;    }
.head .menu li a{display: block; font-size: 16px; line-height: 100px;padding-left: 25px; padding-right: 25px; color: #e8e8e8; text-transform: uppercase;}

.head .menu li a:before,.head .menu li a:after{content:""; width: 40px; margin-left: -20px; height: 1px; position: absolute; left: 50%;  background: #171717; transition: 0.3s ease-in;
-webkit-transition: 0.3s ease-in;}
.head .menu li a:before,.head .menu li.on a:before{top:20px;}
.head .menu li a:after,.head .menu li.on a:after{bottom:20px;}
.head .menu li~li a:before,.head .menu li~li a:after{  margin-left: -10px;   }


.head .menu li:hover a:before,.head .menu li.on a:before{  top:35px; background: #ffd800; width: 80px;margin-left: -40px;}
.head .menu li:hover a:after,.head .menu li.on a:after{  bottom:35px; background: #ffd800; width: 80px;margin-left: -40px;}
.head .menu li.on a:before,.head .menu li.on a:after{  margin-left: -40px; }
.head .menu li~li:hover a:before,.head .menu li~li:hover a:after,.head .menu li~li.on a:before,.head .menu li~li.on a:after{  margin-left: -30px; }
 

.head .menu li a:hover{text-decoration: none; color: #ffd800;}
.head .menu li~li{padding-left: 20px; position: relative;}
.head .menu li~li::before{content: ""; width: 14px; height: 1px ; background: #383838; display:block; margin-top: 50px;position: absolute; left: 0px; }

.footer{width: 100%; height: 160px; background-color: #070707; color: #fff;padding-top: 45px;}
.footer .zxlx{float: left; }
.footer .zxlx ul li{width: 30px; height: 25px; background :url(img/icon.png); float: left; margin-right: 5px; margin-top: 20px;}
.footer .zxlx ul li a{display: block; width: 100%; height: 100%;}
.footer .zxlx ul li.ins{background-position:0px -89px; }
.footer .zxlx ul li.face{background-position:-31px -89px;}
.footer .zxlx ul li.tt{background-position:-62px -89px;}
.footer .zxlx ul li.ins:hover{background-position:0px -112px;}
.footer .zxlx ul li.face:hover{background-position:-31px -112px;}
.footer .zxlx ul li.tt:hover{background-position:-62px -112px;}
.footer .wzxx{float: right;text-transform: uppercase;}
.footer .wzxx .wzxxh{color: #666; padding-left: 35px; position: relative;  }
.footer .wzxx .wzxxh i{width: 25px; height: 20px; position: absolute; left: 0px; top: 8px; background: url(img/icon.png); background-position:-56px 0px; }
.footer .wzxx .wzxxh:hover i{ background-position:-35px 0px; }
.footer .wzxx .wzxxhui{font-size: 14px; color: #666666;  }
.footer .wzxx .wzxxh:hover,.footer .wzxx .wzxxhui:hover{color: #ffd800;}*/

div{box-sizing: border-box;}
.box{width: 1400px; max-width: 90%; margin:0 auto; padding-top: 1px;}

.plb{width: 100%; height: 610px; background:#bcbcbc; position: relative;}
.plb .swiper-container04{width: 50%; float: left; height: 100%; background:#bcbcbc; overflow: hidden;}
.plb .swiper-container04 p{position: absolute; left: 50%; margin-left: 10%; top:50%; font-size: 30px; color: #fae213; font-weight: bold; text-transform: uppercase;  }
.plb .swiper-container04 img{width: 100%;}
.plb .swiper-container04 p::after{content: ""; width: 182px; height: 1px; background-color: #fae213; position: absolute; bottom: -10px; left: 0px; }
/*.plb .swiper-wrapper img{width: 100%;}*/
.plb .hd{width: 100%; float: right; position: absolute; left: 50%; margin-left: 13%; top:60%;}
.plb .hd span{width: 30px; height: 30px; border-radius: 100%; background-color: #fff;  color: #333; text-align: center; line-height: 30px; font-size: 14px; opacity: 1; }
.plb .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 15px;}
.plb .hd .swiper-pagination-bullet-active {background-color: #fae213;}
.page{width: 100%; color: #e8e8e8; /*background-color: #171717;*/ padding-bottom: 145px;}

.pfbt{width: 100%; /*border-bottom: 2px solid #2c2c2c;*/ text-transform: uppercase; line-height: 65px; height: 66px; margin-top: 75px;}
.pfbt h3{float: left; font-size: 30px;font-weight: bold;color: #444;line-height: 64px;/*border-bottom: 2px solid #ffd800; */box-sizing: border-box;}
.pfbt i{display: none; width: 13px; height: 14px; margin :  30px;  background: url(img/icon.png); float: left; background-position:0px 0px; }
.pfbt span{display: none;float: left; font-size: 20px; color: #ffd800; line-height: 64px;}

.prop_jj{width: 100%; font-size: 16px; color: #666; padding: 10px 0px;}
.prop_jj p{font-size: 16px;color: #666;line-height: 30px;}

.prop_gm{width: 100%; font-size: 20px; color: #e8e8e8; padding: 20px 0px 45px; text-transform: uppercase;}
.prop_gm p{font-size: 20px;color: #444;}
.prop_gm .prop_gmd{width: 100%;}
.prop_gm .prop_gmd .prop_gmdpic{width: 230px; height: 80px; margin-top: 17px; float: left; background : url(img/ymx.jpg)no-repeat;}
.prop_gm .prop_gmd .prop_gmdnr{float: left; margin-left: 30px;}
.prop_gm .prop_gmd .prop_gmdnr p{line-height: 55px;}
.prop_gm .prop_gmd .prop_gmdnr a{display: block;margin-top: 26px;height: 36px; font-size: 14px; line-height: 36px; color: #171717; background-color:#ffd800; text-align:right; position: relative;padding: 0 10px;}
.prop_gm .prop_gmd .prop_gmdnr a:hover{box-shadow: 0px 1px 10px #ffd800;}
/*.prop_gm .prop_gmd .prop_gmdnr a::before{content: ""; width: 36px;  height: 1px; background-color: #171717; display: block; position: absolute; left: 20px; top:18px;}*/

.prop_nr{width: 100%;margin-top: 10px; padding:  20px 0; font-size: 16px; color:  #666; line-height: 2em; }
.prop_nr img{display: block; max-width: 100%; height: auto;margin: 0 auto;}



/*新闻列表页*/
.pbg{width: 100%;height: 610px; background:#000; overflow: hidden;  }
/*.pbg img{display: block; max-width: 100%;}*/
.pxw .box{width: 1480px; padding-top: 90px;}
.pxw a{color:#666; color: #666; height: 222px; padding: 25px 40px; box-sizing: border-box; display: block;}
.pxw  li{width: 100%; height: 222px; margin-bottom: 40px;}
.pxw  li:hover{box-shadow: -1px -1px 15px 5px rgba(0,0,0,0.1);}
.pxw  li .pnwl_pic{float: left; width: 317px; height: 172px;  overflow: hidden;}
.pxw  li:hover .pnwl_pic img{display: block; transform: scale(1.05); -webkit-transform: scale(1.05);}
.pxw  li .pnwl_con{float: left; width: 590px; height: 172px; margin-left: 60px;}
.pxw  li .pnwl_con h3{font-size: 20px; color: #444; text-transform: uppercase; margin-top: 40px; margin-bottom: 20px;}
.pxw  li:hover .pnwl_rq p{color: #ffd800; }
.pxw  li .pnwl_con div{font-size: 14px; color: #666;line-height: 30px;}
.pxw  li .pnwl_rq{float: right; border-left: 1px solid #dcdcdc; text-align: right; padding-left: 100px; height: 105px; margin-top: 30px;}
.pxw  li .pnwl_rq span{color: #666; font-size: 14px; line-height: 2em; margin-right: 10px;}
.pxw  li .pnwl_rq p{font-size: 60px; color: #444; font-weight: bold; line-height: 1em; margin-top: 10px;}

/*联系我们*/
.plx{width: 100%; height: 460px; margin-top: 100px; }
.plx .plx_menu{width: 350px; font-size:20px; color: #e8e8e8; float: right; text-transform: uppercase;  }
.plx .plx_menu li{text-align: right;margin-bottom: 40px; cursor: pointer;}
.plx .plx_menu li a{font-size: 20px;font-weight: bold;color: #666;}
.plx .plx_menu li.on a,.plx .plx_menu li:hover a{color: #ffd800; }
.plx .plx_con{width: 760px; float: left;  height: 480px;}
.plx .plx_con form .form_title{display: none;}
.plx .plx_con form input{width: 100%; border:none; background: no-repeat;  height:40px; line-height: 40px; border-bottom: 1px solid  #727272; margin-bottom: 50px;
	font-size:16px; color: #727272; text-transform: capitalize; outline: none;}
.plx .plx_con form .form_group{display: block; width:45%; float: left; position: relative;}
.plx .plx_con form .form_group input{display: block; box-sizing: border-box; padding-left: 15px;}
.plx .plx_con form .form_group .control_label{position: absolute; left:5px;text-transform:capitalize;}
.plx .plx_con form .form_group .control_label span{color: #ff2323;}
.plx .plx_con form .form_group:nth-child(1),.plx .plx_con form .form_group:nth-child(3){margin-right: 10%;}
.plx .plx_con form .form_group:nth-child(6),.plx .plx_con form .form_group:nth-child(5){width: 100%; /* padding-left: 3%;*/ box-sizing: border-box;}
.plx .plx_con form .form_group:nth-child(1) input,.plx .plx_con form .form_group:nth-child(3) input{}
.plx .plx_con form .form_group:nth-child(6) input,.plx .plx_con form .form_group:nth-child(5) input{}
.plx .plx_con form .button{width: 127px; height: 44px; background:#ffd800; border:none; color: #171717; line-height: 44px; text-align: center; cursor: pointer;font-size:16px;text-transform: uppercase;}
.plx .plx_con form .button:hover{box-shadow: 0px 1px 10px #ffd800; }
.plx .pfbt{margin-bottom: 60px;}

#news-read .content{width: 1200px;margin: 0 auto;/*background: #212121;*/box-shadow:0px 2px 15px 0px rgba(0, 0, 0, 0.2);position: relative;padding-bottom: 100px } 
#news-read .inner-content{width: 1000px;margin: 0 auto;padding: 50px 0;min-height: 600px;}
#news-read .inner-content img{max-width: 100%!important;height: auto}
#news-read .inner-content p{margin-bottom: 14px;color: #777;line-height: 30px;}
#news-read .inner-content a,#news-read .inner-content span{color: #777}
#news-read .inner-content li{list-style: disc;}
#news-read .inner-content span{line-height: 1.5em;}
#news-read .inner-content .title{font-size: 24px;text-align: center;color: #444;}
#news-read .inner-content .info{text-align: center;padding-bottom: 40px;border-bottom: 1px solid #a9a9a9a9;padding-top: 10px;margin-bottom: 30px;color: #999}
#news-read .content .btn-p a{display: block;font-size: 64px;font-family: 'simsun';text-align:center;margin-bottom: 30px;color: #e1e1e1; }
#news-read .content .btn-p a:hover{color: #b5b4b4;}
#news-read .content .prev-p{position: absolute;top: 50%;left: 0;}
#news-read .content .next-p{position: absolute;top: 50%;right: 0;}
.over-gundong::-webkit-scrollbar{width:10px;}
.over-gundong::-webkit-scrollbar-track{background-color:#fff;}
.over-gundong::-webkit-scrollbar-thumb{background-color:#eee;border-radius:4px}
.over-gundong::-webkit-scrollbar-thumb:hover {background-color:#ccc}
.over-gundong::-webkit-scrollbar-thumb:active {background-color:#ccc}

#id .content::-webkit-scrollbar{width:10px;}
#id .content::-webkit-scrollbar-track{background-color:#fff;}
#id .content::-webkit-scrollbar-thumb{background-color:#eee;border-radius:4px}
#id .content::-webkit-scrollbar-thumb:hover {background-color:#ccc}
#id .content::-webkit-scrollbar-thumb:active {background-color:#ccc}


/*翻页按钮开始*/
.pager {width:100%; color:#3e3a39; line-height:30px; padding:25px 0 25px 0; font-size:14px; text-align:center;}
.pager a,.pager span {padding:0px 8px; color: #e8e8e8; text-decoration: none;  font-size:14px; 
	height:26px;line-height:26px;display:inline-block;margin:0 10px;background: #444;border: none;border-radius: 50%;}
.pager a:hover { color: #333; background-color: #ffd800; }
.pager a:active { color: #00a0e9;  }
.pager span.now  { color: #444; background-color: #ffd800;  }
.pager span.disabled { color: #e8e8e8;  }

/*产品中心*/
.main{min-height: 400px; width: 1520px; margin:50px auto;}
.pub-top{}
.pub-top img{display: block;max-width: 100%;height: auto;}
body{background: #101010; }

.pub-w{width: 1422px;margin: 0 auto;}
.pub-nav{padding-bottom: 22px;/*border-bottom: 2px solid #2c2c2c;*/}
.pub-nav ul li{position: relative;float: left;margin-right: 70px;}
.pub-nav ul li:not(:first-child){margin-top: 2px;display: none;}
.pub-nav ul li:not(:first-child) a{display: block;padding-top: 2px;}
.pub-nav ul li a{font-size: 20px;color: #444;text-transform: uppercase;}
/*.pub-nav ul li:first-child:after{position: absolute;display: block;content: "";width: 100%;height: 2px;background: #ffd800;left: 0;bottom: -24px;}*/
.pub-nav ul li:first-child a{font-size: 30px;font-weight: bold;}
.pub-nav ul li:last-child a{color: #ffd800;}
.pub-nav ul li:before{position: absolute;left: -40px;bottom: 0;display: block;content: "";width: 11px;height: 12px;background: url(img/icon.png) 0 0 no-repeat;}
.pub-nav ul li:first-child:before{display: none;}

.pro-wrap{background: url(img/pro-bg.png) right bottom no-repeat;}
.pro-wrap .pro-wrap-inner{padding-top: 143px;}
.pro-wrap .pub-nav{position: relative;}
.pro-wrap .pub-nav form{float: right;position: absolute;right: 0;bottom: 22px;border-bottom: 1px solid #555555;}
.pub-nav form input{line-height: 32px;background: none;}
.pub-nav form .search-text{width: 250px;font-size: 14px;color: #555; border: none; /*border-bottom:*/ }
.pub-nav form .search-btn{position: relative;top: 3px;font-size: 0;width: 16px;height: 16px;background: url(img/icon.png) -16px -1px no-repeat; border: none; cursor: pointer;}
.pro-nav{margin-top: 80px;margin-bottom: 40px;}
.pro-nav ul li{float: left;}
.pro-nav ul li a{display: block;margin-right: 20px;min-width: 106px;height: 44px;font-size: 16px;color: #e8e8e8;line-height: 44px;text-align: center;background: #1f1f1f;text-transform: uppercase;}
.pro-nav ul li.on a,.pro-nav ul li:hover a{color: #171717;background: #ffd800;}
.pro-tags{margin-bottom: 60px;}
.pro-tags ul li{float: left;position: relative;}
.pro-tags ul li:not(:last-child){margin-right: 50px;}
.pro-tags ul li:not(:last-child):after{position: absolute;right: -30px;top: 50%;display: block;content: "";width: 12px;height: 1px;background: #666;}
.pro-tags ul li a{font-size: 16px;line-height: 30px;color: #e8e8e8;}
.pro-tags ul li.on a{color: #ffd800;}
.pro-list{min-height: 600px;}
.pro-list ul li{position: relative;float: left;width: 456px;margin-right: 27px;margin-bottom: 42px;padding-bottom: 30px;}
.pro-list ul li:nth-child(3n){margin-right: 0;}
.pro-list li .imgbigout{margin-bottom: 20px;position: relative;background: #000;}
.pro-list li .imgbigout img{display: block;max-width: 100%;height: auto;}
.pro-list li .imgbigout .imghover{display: none;position: absolute;left: 4.4%;top: 5.6%;width: 91.2%;height: 88.57%;border: 2px solid #ffd800;}
.pro-list li .imgtext h6{float: left;font-size: 16px;color: #666;text-transform: uppercase;}
.pro-list li .imgtext span{float: right;font-size: 16px;color: #e8e8e8;font-weight: bold;}
.pro-list li i{position: absolute;left: 0;bottom: 0;opacity: 0;width: 0;height: 7px;background: url(img/pro-read.png) center right no-repeat;transition: all .7s;}
.pro-list li a:hover .imghover{display: block;}
.pro-list li a:hover .imgtext h6{color: #e8e8e8;}
.pro-list li a:hover i{opacity: 1;width: 52px;}

/* 关于我们 */
.about-wrap1{margin-bottom: 100px;padding-top: 124px;}
.about-wrap1 .pub-nav{margin-bottom: 30px;}
.about-wrap1 .about-wrap1-text{width: 784px;padding-bottom: 110px;background: url(images/about-logo.png) left bottom no-repeat;}
.about-wrap1-text p{margin-bottom: 32px;font-size: 14px;color: #666;line-height: 30px;/*text-transform: uppercase;*/text-align: justify;}
.about-wrap1-text .p2{font-weight: bold;}
/*.about-wrap1-text p span{color: #ffd800;}*/
.about-wrap1-text a{display: block;width: 103px;height: 14px;background: url(img/icon.png) 0 -22px no-repeat;}
.about-wrap1 .about-wrap1-pic{position: relative;top: -30px;width: 420px;height: 426px;}
.about-wrap1-pic .bgbox{position: absolute;right: 0;top: 0;width: 200px;height: 210px;background: #ffd800;}
.about-wrap1-pic .bdbox{position: absolute;left: 0;bottom: 0;width: 270px;height: 234px;border: 2px solid #ffd800;box-sizing: border-box;}
.about-wrap1-pic img{position: absolute;left: 16px;top: 24px;}


a:hover{text-decoration-line: none;}
.about-wrap3{padding: 0 0 120px;}
.about-wrap3 .pub-nav{margin-bottom: 50px;}
.about-wrap3 .about-wrap3-main{position: relative;}
.about-wrap3-main .about-wrap3-pic{}
.about-wrap3-main .about-wrap3-list{margin-left: 156px;margin-top: -16px;}
.about-wrap3-list li a{position: relative;display: block;padding-left: 20px;font-size: 16px;line-height: 50px;color: #666;text-transform: uppercase;}
.about-wrap3-list li a i{position: absolute;left: 0;top: 50%;margin-top: -5px;width: 8px;height: 10px;background: url(images/list-jt.png) center no-repeat;}
.about-wrap3-list li a:hover{color: #000;}
.about-wrap3-list li a:hover i{background: url(images/list-jt-hover.png) center no-repeat;}
.about-wrap3-main .about-wrap3-more{position: absolute;right: 0;bottom: 0;display: block;padding: 0 36px;font-size: 16px;color: #444;line-height: 42px;background: #ffd800;text-transform: uppercase;}

.pwt .about-wrap3{padding: 180px 0 56px;}
.pwt .about-wrap3 .pub-nav{margin-bottom: 100px;}
.pwt .about-wrap3 .about-wrap3-main{margin-bottom: 94px;}
.pwt .about-wrap3-main .about-wrap3-left{width: 100%;}
.pwt .about-wrap3-left li a{position: relative;padding-left: 20px;font-size: 16px;line-height: 56px;color: #666;text-transform: uppercase;}
.about-wrap3-left li a i{position: absolute;left: 0;top: 50%;margin-top: -5px;width: 8px;height: 10px;background: url(images/list-jt.png) center no-repeat;}
.about-wrap3-left li a:hover{color: #000;}
.about-wrap3-left li a:hover i{background: url(images/list-jt-hover.png) center no-repeat;}



@media screen and (max-width: 1590px){
	.box{width: 1300px;}

	.pxw .box{width: 1300px;  }
	.pxw  li .pnwl_con{  width: 460px; }
	.pxw  li .pnwl_rq{ padding-left: 40px;  }

	.pub-w{width: 1200px;}
	.main{width: 1200px}
	.pro-list ul li{width: 382px;}
	.about-wrap1 .about-wrap1-text{width: 700px;}
	.plb .swiper-container04 img{margin-top: 80px;}
 
}