/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:14px; color:#666;}
a{color:#666;}
a:hover{ color:#f60; text-decoration:underline;}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ max-width:1360px; margin:0 auto;}
.fl{float: left;}
.fr{float: right;}


img{max-width: 100%;}

.head{padding: 15px 0;background: #0A3772;}
.head .logo img{max-height: 50px;}
.menu {margin-left: 3%;}
.menu ul li{display: inline-block;text-align: center;line-height: 50px;text-align: center;font-size: 16px;padding: 0 20px;position: relative;}
.menu ul li a{color: #fff;}
.menu ul li dl{position: absolute;left: 0;top: 45px;width: 150%;padding: 15px;box-shadow: 0 0 5px #ccc;background: #fff;line-height: 32px;display: none;text-align: left;    z-index: 999;}
.menu ul li dl dd a{color: #000;font-size: 14px;}
.menu ul li:hover dl{display: block;}
.head .get a{background: #FFBA37;display: inline-block;padding: 0 20px;line-height: 50px;color: #000;font-size: 14px;border: 1px solid #FFBA37;}
.head .get a:hover{border: 1px solid #fff;color: #fff;background: none;}
.head .search{margin-right: 30px;}
.head .search img{margin-top: 10px;}



.seacharea{position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 999;background: rgba(0, 0, 0, 0.7);display: none;}
.seacharea .searchmain{max-width: 660px;margin: 15% auto;}
.seacharea .left{width: 88%;position: relative;}
.seacharea .left input{width: 96%;padding: 0 2%;line-height: 60px;border-radius: 5px;font-size: 16px;}
.seacharea .left a{position: absolute;right: 2%;top: 10px;z-index: 99;}
.seacharea .right{width: 10%;text-align: center;padding-top: 10px;}


.phone{display: none;}

.phonehead{padding: 15px 0;background: #0A3772;}
.phonehead .logo{width: 50%;}
.phonehead .logo img{max-height: 38px;}

.nav .get{padding: 0 3%;}
.nav .get a{background: #FFBA37;line-height: 50px;color: #000;font-size: 14px;border: 1px solid #FFBA37;width: 100%;display: block;text-align: center;}
.nav .get a:hover{border: 1px solid #fff;color: #fff;background: none;}
.phonehead .menuicon a{color: #000;font-size: 20px;}
.nav {position:fixed; display: none;right:0px; top:0; height:100%; width:90%; background-color:#fff; z-index: 999; overflow-y:auto; transition:right .3s; border-left:1px solid #f3f3f3;}
.nav.open {right:0;}
.nav  .bgb{background: rgba(0, 0, 0, 0.5);width: 10%;position: fixed;left: 0;top: 0;bottom: 0;z-index: 9;}
.nav ul {padding-bottom:71px;}
.nav li {float:none; padding:0; position:relative;border-bottom: 1px solid #ccc;font-size: 14px;}
.nav li li{border-bottom: 0;}
.nav li a {line-height: 53px; padding:10px 1.5em; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;color: #000;}
.nav li a:hover:after, .nav li.cur > a:after, .nav li.on > a:after {display:none;}
.nav li.cur > a {background-color:#eee;}	
.nav li em.on{transform: rotate(90deg);}
.nav li em {transform: rotate(0deg);transition:all .3s;position:absolute; right: 10px; top:10px; display:block;  cursor:pointer;font-style: normal;}
.nav li em:after{content: '>';font-family: simsun;font-size: 20px;line-height: 30px;width: 30px;text-align: center;display: block;}
  
.navDrop {position:static; display:none; left:auto; top:auto;}
.navDrop.open, .navDrop.show.open {display:block;}
.navDrop .inner {width:auto;}
.navDrop ul {padding:0;}
.navDrop li {display:block;}
.navDrop li a {text-align:left; padding:10px 1.5em 10px 2.5em;}
.navDrop .preview, .threeNav, .navDrop.show {display:none;}
.navDrop .info {width:auto; float:none; padding:0;}

.subNav {float:none; width:auto;}
.subNav dd {border:none; line-height: normal;}
.subNav dd a {padding:10px 1.5em 10px 2.5em;}
.subNav dd a:after {display:none;}
/*navBtn*/
.navBtn {cursor:pointer; display:block; position:relative; cursor:pointer; width:40px; height:40px; float:left; border-left:0px solid #f3f3f3;}
.navBtn span {display:block; width:20px; height:2px; background-color:#c2c2c2; position:absolute; top:50%; left:50%; margin-top:-1px; margin-left:-10px; line-height: normal;}
.navBtn span:before, .navBtn span:after {content:''; display:block; width:100%; height:2px; background-color:#c2c2c2; position:absolute; left:0; top:-7px; transition:transform .3s; transition:transform .3s;}
.navBtn span:after {top:auto; bottom:-7.5px;}
.navBtn.open span {height:0;}
.navBtn.open span:before {transform:rotate(45deg); top:0;}
.navBtn.open span:after {transform:rotate(-45deg); bottom:auto; top:0;}

.phonehead .search{margin-top: 10px;}


.bread{padding: 24px 0;background: #F7F7F7;color: #555555;font-size: 14px;}
.bread a{font-size: 14px;color: #555555;}

.pad{padding: 60px 0;}

.foot{background: #0A3772;}
.foot .left{width: calc(91% / 4);}
.foot .left .footer-desc{color: #D9D9D9;font-size: 14px;}    
.foot .center{width: calc(91% / 4);margin: 0 3%;}
.foot .center h3{font-weight: normal;font-size: 30px;margin-bottom: 30px;color: #FFBA37;}
.foot .center ul li{margin-bottom: 10px;}
.foot .center ul li a{font-size: 14px;color: #D9D9D9;}
.foot .center2{width: calc(91% / 4);margin-right: 3%;}
.foot .center2 h3{font-weight: normal;font-size: 30px;margin-bottom: 30px;color: #FFBA37;}
.foot .center2 .contact-item{margin-bottom: 10px;}
.foot .center2 .contact-item span{display: inline-block;padding-left: 30px;font-size: 14px;color: #D9D9D9;}
.foot .center2 .social-icons dl dd{display: inline-block;}

.foot .right{width: calc(91% / 4);}
.foot .right h3{font-weight: normal;font-size: 30px;margin-bottom: 30px;color: #FFBA37;}
.foot .right .newsletter-desc{font-size: 14px;color: #D9D9D9;margin-bottom: 30px;}
.foot .right .subscribe-input{width: 61%;padding: 0 2%;line-height: 50px;font-size: 14px;outline: none;}
.foot .right .submit-btn{width: 35%;text-align: center;background: #FFBA37;color: #333;line-height: 50px;font-size: 14px;}
.foot .footer-bottom-logo ul li{display: inline-block;margin: 0 10px;}
.foot .footer-bottom-logo{text-align: center;}
.foot .footer-bottom-logo{padding-bottom: 30px;border-bottom: 1px solid #333333;}
.foot .copyright{padding: 25px 0;text-align: center;font-size: 14px;color: #D9D9D9;}


@media screen and (max-width: 760px){
	.wapper{width:94%;padding: 0 3%;}
	.pc{display: none;}
	.phone{display: block;}
	
	.pad{padding: 40px 0;}
	
	.foot .left{width: 100%;}
	.foot .center{width: 100%;margin: 10px 0;}
	.foot .center2{width: 100%;margin-bottom: 10px;margin-right: 0;}
	.foot .right{width: 100%;}
}
.ftit{margin-bottom: 40px;}
.ftit h3{font-size: 24px;color: #000;text-align: center;}

.factory .flist ul li{width: calc((100% - 90px)/4);float: left;margin-right: 30px;margin-bottom: 30px;}
.factory .flist ul li:nth-child(4n){margin-right: 0;}
.factory .flist ul li h3{font-size: 16px;line-height: 2;color: #000;text-align: center;}
.factory .flist ul li img{max-height:205px;display: block;margin: 0 auto;}
@media screen and (max-width: 760px){
	.factory .flist ul li{width: 100%;margin-right: 0;}
}

.pro .left{width: 20%;}
.pro .right{width: 78%;}
.pro .ptit{margin-bottom: 10px;}
.pro .ptit h3{line-height: 50px;font-weight: normal;border-bottom: 1px solid #E8E8E8;font-size: 24px;color: #222;}
.pro .left dl dd{padding: 10px 0;font-size: 14px;}
.pro .left dl dd a{color: #55555A;}
.pro .left dl dd.cur a{color: #222;}
.pro .left dl dd a:hover{color: #222;}
.pro .ptit2{font-size: 14px;color: #222;padding: 30px 0;}
.pro .right ul li{width: calc((100% - 75px)/4);margin-right: 25px;margin-bottom: 25px;float: left;}
.pro .right ul li:nth-child(4n){margin-right: 0;}
.pro .right ul li img{transition: all 0.5s;height: 200px;
    object-fit: contain;display: block;
    margin: 0 auto;}
.pro .right ul li:hover img{transform: scale(1.1);}
.pro .right ul li .imgarea{overflow: hidden;}
.pro .right ul li .wenzi{font-size: 14px;padding-top: 25px;color: #333;font-weight: bold;text-align: center;height: 70px;}

.pplist .pos{position: relative;}
.pplist .ptop{border: 1px solid #E8E8E8;position: relative;}
.pplist .ptop h3{color: #222;font-size: 20px;padding: 0 10px;font-weight: normal;line-height: 2;}
.pplist .ptop a{position: absolute;right: 5%;top: 12px;z-index: 99;}
.pplist .pbottom{display: none;}
.pplist .pbottom .ph{height: 247px;box-shadow: 0 0 10px #ccc;}
.pplist .pbottom{position: absolute;left: 3%;right: 3%;top: 40px;background: #fff;}
.pplist .pbottom ul li{line-height: 40px;}
.pplist .pbottom ul li a{display: inline-block;padding: 0 15px;color: #222;font-size: 14px;}
.pplist .pbottom ul li.cur a{background: #FFBA37;color: #222;}

@media screen and (max-width: 760px){
	.pro .right{width: 100%;}
	
	.pro .right ul li{width: 100%;margin-right: 0;margin-bottom: 25px;float: left;}
	.pro .right ul li:nth-child(4n){margin-right: 0;}
}

.biao{background: #E3E3E5;}
.biao .btit{text-align: center;margin-bottom: 50px;}
.biao .btit h3{font-size: 30px;color: #000;margin-bottom: 20px;}
.biao .btit span{display: block;color: #656569;font-size: 16px;}
.biao .label span{display: block;font-size: 14px;color: #000;font-weight: bold;margin-bottom: 10px;}
.biao .label {margin-bottom: 20px;}
.biao .label input{line-height: 52px;background: #fff;border-radius: 5px;width: 96%;padding: 0 2%;}
.biao .label textarea{width: 96%;padding: 1% 2%;border: 0;outline: none;border-radius: 5px;}
.biao .label a{display: inline-block;padding: 0 30px;font-size: 18px;color: #fff;line-height: 50px;background: #F9805A;}
.biao .label a:hover{background: #000;}


.ptit3 h3{font-size: 30px;color: #000;}
.ptit3 h3{margin-bottom: 40px;}

.pro2 ul li{width: calc((100% - 75px)/4);margin-right: 25px;margin-bottom: 25px;float: left;}
.pro2 ul li:nth-child(4n){margin-right: 0;}
.pro2 ul li h3{font-size: 14px;color: #333;line-height: 2;}
.pro2 ul li img{max-height: 185px;margin: 0 auto;display: block;}
@media screen and (max-width: 760px){
	.pro2 ul li{width: 100%;margin-right: 0;margin-bottom: 25px;float: left;}
	.pro2 ul li:nth-child(4n){margin-right: 0;}
}

.wid48{width: 48%;}

@media screen and (max-width: 760px){
	.wid48{width: 100%;}
}

.prodetail .left{width: 20%;}
.prodetail .right{width: 78%;}
.prodetail .left dl dt{line-height: 50px;background: #FFBA37;font-size: 16px;color: #fff;font-weight: bold;padding: 0 3%;}
.prodetail .left .dl dd{line-height: 46px;padding: 0 5%;background: #F7F7F7;border-bottom: 1px solid #E0E0E0;}
.prodetail .left .dl dd a{font-size: 14px;color: #333;}
.prodetail .left .dl dd a:hover{color: #FFBA37;}
.prodetail .left .dl dd:last-child{border-bottom: 0;}
.prodetail .left .dl{margin-bottom: 20px;}
.prodetail .left .dl2 dd .ddleft{width: 40%;}
.prodetail .left .dl2 dd .ddright{width: 58%;}
.prodetail .left .dl2 dd{padding: 20px 5%;background: #F7F7F7;border-bottom: 1px solid #E0E0E0;}
.prodetail .right .h3{font-size: 24px;color: #000;font-weight: bold;}
.prodetail .right .h4{margin: 20px 0;font-size: 12px;color: #333;}
.prodetail .right .h5{color: #000;font-size: 16px;font-weight: bold;}
@media screen and (max-width: 760px){
	.prodetail .left{width: 100%;}
	
	.prodetail .right{width: 100%;margin-bottom: 20px;}
	.prodetail .right .h5{margin-bottom: 20px;}
}

.tab_val{display: none;padding: 20px 0;}
.tabs{margin-top: 60px;}
.title{background: #F2F2F2;border-bottom: 2px solid #24219C;line-height: 84px;overflow-x: auto;width: 100%;height: 84px;}
.title li{font-size: 26px;color: #000;display: inline-block;padding:  0 20px;border-right: 2px solid #fff;}
.title li.cur{background: #FFBA37;color: #fff;}
.sc{overflow-x: auto;}
@media screen and (max-width: 760px){
	.tabs{margin-top: 20px;}
	.title{background: #F2F2F2;border-bottom: 2px solid #24219C;line-height: 84px;overflow-x: auto;width: 100%;height: 84px;width: 1000px;}
	.title li{font-size: 20px;color: #000;display: inline-block;padding:  0 20px;border-right: 2px solid #fff;}
}
.title2{border-bottom: 1px solid #F2F3F7;margin-bottom: 30px;}
.title2 li{display: inline-block;margin-right: 50px;line-height: 40px;color: #999999;font-size: 16px;font-weight: bold;}
.title2 li.cur{border-bottom: 2px solid #FFBA37;color: #222;}

.tab_val2{display: none;}
.tab_val2 .smain{border: 1px solid #EAEAEA;border-radius: 10px;padding: 15px;}
.tab_val2 .smain img{height: 200px;display: block;margin: 0 auto;object-fit:contain;}
.tab_val2 .smain .img2{display: none;}
/* .tab_val2 .smain:hover .img2{display: block;} 
.tab_val2 .smain:hover .img1{display: none;} */
.tab_val2 .smain .wenzi{margin-top: 15px;text-align: center;}
.tab_val2 .smain .wenzi h3{font-weight: normal;color: #333;margin-bottom: 10px;}
.tab_val2 .smain .wenzi .jiage {color: #333;font-size: 14px;font-weight: bold;}
.tab_val2 .smain .wenzi .jiage  span{color: #909090;text-decoration: line-through;}


@media screen and (max-width: 760px){
	.tab_val2 .smain img{height: auto;display: block;margin: 0 auto;}
	.title2 li{margin-right: 10px;font-size: 14px;}
}


.itit .left h3{line-height: 60px;background: #FFBA37;border-top-left-radius: 5px;border-top-right-radius: 5px;font-size: 24px;color: #000;padding: 0 35px;}
.itit .left span{color: #BFB8B8;padding:  0 30px;line-height: 60px;font-weight: bold;font-size: 14px;}

.con2 .swiper-pagination{position: relative;margin-top: 26px;}
.con2 .swiper-pagination-bullet-active{background: #FFBA37;}
.con2 .smain{border: 1px solid #FFBA37;border-right: 3px solid #FFBA37;border-bottom: 3px solid #FFBA37;padding: 5px;}
.con2 .smain .left{width: 40%;}
.con2 .smain .left img{max-height: 114px;display: block;margin: 0 auto;}
.con2 .smain .right{width: 55%;}
.con2 .smain .right h3{font-size: 14px;color: #333;}
.con2 .smain .right h4{color: #333;font-size: 16px;margin: 20px 0;}
.con2 .smain .right .list{text-align: center;}
.con2 .smain .right .list ul li{display: inline-block;background: #FDED82;text-align: center;border-radius: 5px;padding: 6px;box-shadow: 0 0 2px #FEDB39;}
.con2 .smain .right .list ul li .litop{color: #000;border-bottom: 1px solid #FEDB39;padding-bottom: 5px;}
.con2 .smain .right .list ul li .libottom{color: #333;font-weight: normal;margin-top: 5px;}

@media screen and (max-width: 760px){
	.itit .left h3{line-height: 40px;background: #FFBA37;border-top-left-radius: 5px;border-top-right-radius: 5px;font-size: 20px;color: #000;width: 100%;text-align: center;padding: 0;}
	.itit .left span{color: #BFB8B8;padding: 0px;line-height: 40px;font-weight: bold;font-size: 12px;}
	.itit .right{display: none;}
	.con2 .smain .left{width: 100%;}
	.con2 .smain .right{width: 100%;}
	.con2 .smain .right .list{text-align: left;}
}


.c3tit{border-bottom: 1px solid #F2F3F7;margin-bottom: 30px;}
.c3tit h3{font-size: 24px;color: #222;border-bottom: 3px solid #FFBA37;color: #000;display: inline-block;line-height: 40px;}
@media screen and (max-width: 760px){
	
	.c3tit h3{font-size: 20px}
}



.con3 .swiper-button-prev{;width: 31px;height: 31px;margin-top: 0;position: relative;display: inline-block;background: url(../images/QQ20260703-175142.png);right: 0;float: left;margin: 0 5px;}
.con3 .swiper-button-next{;width: 31px;height: 31px;margin-top: 0;position: relative;display: inline-block;background: url(../images/QQ20260703-175142.png);transform: rotate(180deg);left: 0;float: left;margin: 0 5px;}
.con3 .smain{border: 1px solid #EAEAEA;padding: 8px;border-radius: 10px;}
.con3 .swiper-slide:hover .smain{box-shadow: 0 0 10px #EAEAEA;}
.con3 .smain .imgarea img{border-radius: 15px;height: 200px;
    object-fit: contain;}
.c2b .swiper-slide .main .left.fl img {
    width: auto !important;
    height: auto !important;
    max-width: 160px !important;
    max-height: 200px !important;
    object-fit: contain !important;
}
.con3 .smain .wenzi{text-align: center;padding: 20px 0;}
.con3 .smain .wenzi h3{color: #858585;font-size: 14px;font-weight: normal;margin-bottom: 15px;}
.con3 .smain .wenzi h4{color: #000;font-size: 14px;}


.con4 .left{width: 35%;}
.con4 .left .wenzi{padding-left: 60px;}
.con4 .left .wenzi h3{font-size: 20px;color: #FFBA37;}
.con4 .left .wenzi span{color: #909090;display: block;font-size: 14px;font-weight: bold;}
.con4 .right{width: 50%;}
.con4 .right input {line-height: 40px;width: calc(100% - 100px);margin-top: 10px;outline: none;}
.con4 .right input::placeholder{color: #E9E8E8;}
.con4 .right a{display: inline-block;width: 100px;background: #FFBA37;color: #000;line-height: 40px;border-radius: 5px;text-align: center;font-size: 14px;font-weight: bold;margin-top: 10px;}

@media screen and (max-width: 760px){
	.con4 .left{width: 100%;}
	.con4 .right{width: 100%;}
	.con4 .left .wenzi span{font-size: 12px;}
}


.c5tit{border-bottom: 1px solid #F2F3F7;margin-bottom: 30px;}
.c5tit h3{font-size: 24px;color: #222;border-bottom: 3px solid #FFBA37;color: #000;display: inline-block;line-height: 40px;}
.con5 .imgarea{position: relative;}
.con5 .imgarea .date{position: absolute;left: 10px;top: 10px;z-index: 9;}
.con5 .imgarea .date{padding: 10px 15px;background: #FFBA37;text-align: center;display: inline-block;}
.con5 .imgarea .date h3{font-size: 16px;color: #222;border-bottom: 1px solid #ccc;line-height: 2;}
.con5 .imgarea .date h4{font-size: 12px;color: #222;}
.con5 .smain .wenzi{position: relative;z-index: 999;margin: 0 5%;background: #fff;margin-top: -40px;padding: 30px;text-align: center;}
.con5  .smain{position: relative;}
.con5 .smain .wenzi h3{font-weight: normal;font-size: 16px;color: #333;margin-bottom: 15px;}
.con5 .smain .wenzi h4{font-weight: normal;font-size: 12px;color: #666;}

.con5 .smain img{max-height: 495px;display: block;margin: 0 auto;}
@media screen and (max-width: 760px){
	.con5 .smain .wenzi h3{font-weight: normal;font-size: 14px;color: #333;margin-bottom: 15px;}
	.c5tit h3{font-size: 20px;}
}