﻿@charset "utf-8";
.pro_clearfix{zoom: 1;}
.pro_clearfix:after{content: "."; display: block; visibility: hidden; height: 0; clear: both;}
table{border-collapse: collapse; border-spacing: 0;}
/*首页*/
.i_title{text-align: center;}
.i_title h2{line-height: 46px; font-size: 36px; font-weight: normal;}
.i_title p{font-size: 16px; margin-top: 18px;}
/*首页---产品中心*/
.i_b1{height: 580px; background: url(../images/i_bg1.jpg) no-repeat center top; background-size: cover;}
.i_b1 .w_auto{padding: 20px 0; width: 1300px;}
.i_b1 .i_title h2{color: #fff;}
.i1_box{margin-top: 20px;}
.i1_box li{width: 250px; float: left; margin: 0 5px; position: relative; padding-bottom: 85px;}
.i1_pic{width: 248px; border: 1px solid #dedede;}
.i1_pic img{width: 100%; height: 255px;}
.i1_txt{background: -webkit-linear-gradient(left, #595959 , #3a3a3a); background: -o-linear-gradient(right, #3a3a3a, #595959); background: -moz-linear-gradient(right, #3a3a3a, #595959); background: linear-gradient(to right, #595959 , #3a3a3a); padding: 34px 20px; color: #fff; text-align: center; position: relative; transition: margin-top .6s;}
.i1_txt .ch_name{font-size: 24px;}
.i1_txt .en_name{font-size: 12px; text-transform: uppercase; margin-top: 6px;}
.i1_desc{text-align: left; margin-top: 10px; height:90px; line-height: 24px; overflow: hidden; display: none;}
.i1_sjx{width: 100%; height: 85px;position: absolute; left: 0; bottom: 0; display: none;}
.i1_sjx i{display: block; width: 40px; height: 40px; position: absolute; left: 50%; top: 6px; margin-left: -20px;}
.i1_box li a{display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.i1_box li.active .i1_txt,.i1_box li:hover .i1_txt{background: #3a3a3a; margin-top: -40px; padding-bottom: 14px;}
.i1_box li.active .i1_desc,.i1_box li.active .i1_sjx,.i1_box li:hover .i1_desc,.i1_box li:hover .i1_sjx{display: block;}
/*产品综合页*/
.product-box{padding: 30px 0;}
.product-nav .site{width: auto; margin-left: 0;}
.product-type-item{padding: 20px 0;}
.product-list-item{height: 44px; line-height: 44px; position: relative;}
.product-type-item h3{height: 44px; line-height: 44px; font-size: 19px; font-weight: 800; color: #eb6d1b;}
.product-type-table table{width: 100%; line-height: 22px; word-break: break-all;}
.product-type-table th{background: #404040; color: #fff; font-size: 16px; font-weight: 800; border: 1px solid #fff; padding: 6px 0;}
.product-type-table td{background: #fff; color: #404040; font-size: 14px; font-weight: normal; border: 1px solid #ddd; padding: 10px 20px;}
/*产品列表*/
.product-fixed-type{width: 1200px; height: 0; background: #fff; position: relative; z-index: 22; overflow: hidden;}
.product-fixed-type.fixed-pro{height: auto; position: fixed; top: 0; padding: 10px 0; border-bottom: 1px solid #eb7124;}
.product-fixed-type-item dl{min-width: 126px; float: left; margin-right: 12px;}
.product-fixed-type-item dl dt{text-align: center; font-size: 15px;}
.product-fixed-type-item dl dt a{display: block; height: 40px; line-height: 40px; background: #eb7124; color: #fff;}
.product-fixed-type-item dl dt a:hover{background: #ec7a32;}
.product-fixed-type-item dl dd ul{margin-right: -8px; margin-top: 8px;}
.product-fixed-type-item dl dd li{float: left; font-size: 12px; border: 1px solid #ddd; margin-right: 8px;}
.product-fixed-type-item dl dd li a{display: block; height: 34px; line-height: 34px; padding: 0 6px;}


.product-fixed-type-item dl dd li a:hover,.product-fixed-type-item dl dd li.active a{background: #eb7124; color: #fff;}


.product-type-search{width: 210px; height: 30px; padding-right: 30px; border: 1px solid #ddd; position: absolute; right: 10px; top: 50%; margin-top: -16px;}
.product-type-search input{border: 0 none; padding: 0;}
.product-type-search input:focus{outline: 0 none;}
.product-type-search input[type="text"]{display: block; width: 200px; height: 24px; line-height: 24px; padding: 3px 5px;}
.product-type-search input[type="button"]{display: block; width: 30px; height: 30px; position: absolute; right: 0; top: 0; font-size: 12px; cursor: pointer;}


.product-list-item .product-type-search{right: 10px; margin-top: -20px;}

.product-list-table{padding-bottom: 30px;}
.product-list-table table{width: 100%;}
.product-list-table th{background: #404040; color: #fff; font-size: 15px; font-weight: 800; border: 1px solid #fff; padding: 6px 0; white-space: nowrap;}
.product-list-table td{background: #fff; color: #404040; font-size: 13px; border: 1px solid #f1f1f1; padding: 10px 0; text-align: center;}

/*产品列表查看大图*/
.fs_gallery{background:rgba(0,0,0,.9);left:0;top:0;right:0;bottom:0;position:fixed;z-index:1000}
.fs_gallery_close{top:20px;width:25px;height:25px;text-align:center;right:20px;color:#ccc;line-height:23px;font-size:34px;position:absolute;z-index:1002;cursor:pointer}
.fs_gallery_close::before{content:"x"}
.fs_gallery_close:hover{color:#fff}
.fs_gallery_prev{width:80px;color:#ccc;font-size:30px;position:absolute;z-index:1001;cursor:pointer}
.fs_gallery_next{width:80px;color:#ccc;font-size:30px;position:absolute;z-index:1001;cursor:pointer}
.fs_gallery_prev:hover{background:rgba(0,0,0,.1);color:#fff}
.fs_gallery_next:hover{background:rgba(0,0,0,.1);color:#fff}
.fs_gallery_prev{left:0;top:0;bottom:0}
.fs_gallery_next{top:0;right:0;bottom:0}
.fs_gallery_prev::before{left:35px;top:50%;height:30px;margin-top:-30px;position:absolute;content:"<"}
.fs_gallery_next::before{left:35px;top:50%;height:30px;margin-top:-30px;position:absolute;content:">"}
.fs_gallery_shuft{width:9999999px;position:relative}
.fs_gallery_shuft::after{clear:both;display:block;content:""}
.fs_gallery_shuft_item{background-position:center;float:left;position:relative;background-repeat:no-repeat}
.fs_gallery_shuft_item img{left:50%;top:50%;position:absolute;box-shadow:0 0 8px rgba(0,0,0,.8)}

/*产品分页*/
.product-list-page{text-align: center; font-size: 14px;}
.product-list-page a,.product-list-page span{border: 2px solid #f2f2f2; padding: 2px 5px; background: #fff; margin: 0 2px; color: #404040;}
.product-list-page a:hover{color: #ff0000;}
.product-list-page .thisclass{background: #e57e1a; color: #fff;}
.product-list-page .disabled{color: #404040;}
.product-list-item .product-list-page{position: absolute; right: 0; top: 0;}
/*Y电容*/
.ny-banner{height: 300px;}
.ny-banner img{width: 100%; height: auto;}
.ydr-title{text-align: center;}
.ydr-title h2{font-size: 40px; font-weight: normal; color: #000;}
/*Y电容---产品信息*/
.ydr-b1{padding: 50px 0;}
.ydr-b1-box{height: 470px; position: relative; overflow: hidden;}
.ydr-b1-box-wrap{display: none;}
.ydr-b1-pic{width: 500px; height: 442px; overflow: hidden; float: left; position: relative;}
.ydr-b1-pic img{width: 500px; height: 442px;}
.ydr-b1-txt{width: 600px; float: right;}
.ydr-b1-name{height: 48px; line-height: 48px; font-size: 28px; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ydr-b1-name a{color: #333;}
.ydr-b1-name a:hover{color: #eb6d1b;}
.ydr-b1-desc{margin-top: 12px; border-top: 1px solid #c9c9c9; padding: 10px 0;}
.ydr-b1-desc-item{line-height: 36px; padding: 4px 0; font-size: 16px; color: #555;}
.ydr-b1-desc-item img{height: 36px; margin: 0 7px; vertical-align: middle;}
.ydr-b1-more{height: 38px; padding-top: 12px;}
.ydr-b1-more a{display: block; width: 180px; height: 38px; line-height: 38px; float: left; margin-right: 20px; background: #eb7124; font-size: 18px; color: #fff; text-align: center; border-radius: 20px; overflow: hidden; transition: all .6s;}
.ydr-b1-more a:hover{filter: alpha(opacity: 80); -moz-opacity: .8; -khtml-opacity: .8; opacity: 0.8;}

.ydr-b1-box .hd{width: 500px; position: absolute; left: 0; bottom: 6px; text-align: center;}
.ydr-b1-box .hd li{display: inline-block; *display: inline; *zoom: 1; margin: 0 4px; width: 10px; height: 10px; background: #707070; border-radius: 50%; cursor: pointer;}
.ydr-b1-box .hd li.on{background: #eb7124;}
/*Y电容---2*/
.ydr-b2 .hd{height: 66px; background: #959595;}
.ydr-b2 .hd li{width: 239px; float: left; text-align: center; border-right: 1px solid #fff; height: 66px; line-height: 66px; font-size: 18px; color: #fff; cursor: pointer;}
.ydr-b2 .hd li.br-0{border-right: 0 none;}
.ydr-b2 .hd li.on{background: #eb7124;}
.ydr-b2-cont{box-shadow: 6px 0 10px #aaa;}
.ydr-b2-item{max-width: 1200px; margin: 0 auto; text-align: center; padding: 40px 0; display: none;}
.ydr-b2-item img{width: auto !important; height: auto !important; max-width: 100% !important;}
/*Y电容---生产流程*/
.ydr-b3{padding-top: 70px; padding-bottom: 40px; position: relative; overflow: hidden;}
.ydr-b3 .w_auto{overflow: visible;}
.ydr-b3-box{height: 560px; position: relative; z-index: 2; margin-top: 40px;}
.ydr-b3-box .bd{height: 560px; position: relative; overflow: hidden;}
.ydr-b3-box .bd ul{overflow: hidden; margin-right: -4px;}
.ydr-b3-box .bd li{width: 168px; height: 270px; float: left; margin-right: 4px; position: relative;}
.b-li-b{margin-top: 290px;}
.ydr-b3-pic{width: 164px; height: 164px; border: 2px solid #cdcdcd; border-radius: 50%; overflow: hidden;}
.ydr-b3-pic img{width: 164px; height: 164px;}
.ydr-b3-num{text-align: center; font-size: 24px; color: #999;}
.ydr-b3-name{text-align: center; font-size: 18px; color: #333;}
.ydr-b3-icon{width: 14px; height: 14px; background: #a0a0a0; border-radius: 50%; position: absolute; left: 50%; margin-left: -7px;}
.ydr-b3-icon:after{display: none; content: ""; width: 22px; height: 22px; border: 1px solid #eb7124; position: absolute; left: 50%; top: 50%; margin-left: -12px; margin-top: -12px; border-radius: 50%; background: #fff; z-index: -1;}
.b-li-t .ydr-b3-name{margin-bottom: 16px;}
.b-li-b .ydr-b3-num{margin-top: 10px;}
.b-li-t .ydr-b3-icon{bottom: -3px;}
.b-li-b .ydr-b3-icon{top: -31px;}
.ydr-b3-box .bd li.on .ydr-b3-pic{border: 2px solid #eb7124;}
.ydr-b3-box .bd li.on .ydr-b3-num,.ydr-b3-box .bd li.on .ydr-b3-name{color: #eb7124;}
.ydr-b3-box .bd li.on .ydr-b3-icon{background: #eb7124;}
.ydr-b3-box .bd li.on .ydr-b3-icon:after{display: block;}
.ydr-b3-box a.ydr-arrow{display: block; width: 20px; height: 28px; background: url(../images/ydr-arrow.png) no-repeat 0 0; position: absolute; top: 50%; margin-top: -29px;}
.ydr-b3-box a.ydr-arrow.prev{left: -20px;}
.ydr-b3-box a.ydr-arrow.next{right: -20px; background-position: -20px 0;}
.ydr-b3-box a.ydr-arrow.prev:hover{background-position: 0 -28px;}
.ydr-b3-box a.ydr-arrow.next:hover{background-position: -20px -28px;}
.ydr-b3-line{width: 2560px; border-bottom: 1px dashed #a0a0a0; position: absolute; left: 50%; bottom: 334px; margin-left: -1280px; z-index: 1;}
/*Y电容---行业应用*/
.ydr-b4{background: #eb7124; padding: 50px 0;}
.ydr-b4 .ydr-title h2{color: #fff;}
.ydr-b4-box{margin-top: 35px; position: relative;}
.ydr-b4-box .bd{height: 240px; overflow: hidden; margin: 0 -13px;}
.ydr-b4-box .bd li{width: 280px; float: left; margin: 0 13px; background: #fff; transition: all .6s;}
.ydr-b4-box .bd li img{width: 280px; height: 200px;}
.ydr-b4-box .bd li p{height: 40px; line-height: 40px; text-align: center; color: #333; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ydr-b4-box .bd li:hover{background: #5e5e5e;}
.ydr-b4-box .bd li:hover p{color: #fff;}
.ydr-b4-box .prev{width: 38px; height: 38px; background: url("../images/prev2.png") no-repeat center center; cursor: pointer; position: absolute; top: 50%; left: -60px; margin-top: -19px;}
.ydr-b4-box .next{width: 38px; height: 38px; background: url("../images/next2.png") no-repeat center center; cursor: pointer; position: absolute; top: 50%; right: -60px; margin-top: -19px;}
/*Y电容---安全认证*/
.ydr-b5{padding: 60px 0;}
.ydr-b5 .ydr-title h2{color: #333;}
.ydr-b5-box{margin-top: 30px;}
.ydr-b5-box table{width: 100%;}
.ydr-b5-box th{border: 1px solid #cecece; background: #818181; font-size: 18px; font-weight: normal; color: #fff; padding: 6px 10px;}
.ydr-b5-box td{border: 1px solid #cecece; font-size: 16px; color: #333; padding: 10px; text-align: center;}
.ydr-b5-box .bg-1 td{background: #fff;}
.ydr-b5-box .bg-2 td{background: #eee;}
.ydr-b5-pdf{padding-top: 30px;}
.ydr-b5-pdf a{display: block; width: 170px; height: 40px; line-height: 40px; margin: 0 auto; background: url(../images/ydr-b5-pdf.png) no-repeat 36px center #eb7124; border-radius: 20px; overflow: hidden; text-indent: 68px; font-size: 16px; color: #fff; transition: all .6s;}
.ydr-b5-pdf a:hover{filter: alpha(opacity: 80); -moz-opacity: .8; -khtml-opacity: .8; opacity: .8;}
/*Y电容---技术文章*/
.ydr-b6{padding: 60px 0; background: #f0f0f0;overflow: hidden;}
.ydr-b6 .ydr-title h2{color: #333;}
.ydr-b6-box{margin-top: 30px;}
.ydr-b6-box ul{margin: 0 -12px;}
.ydr-b6-box li{width: 382px; float: left; margin: 10px 12px; background: #fff; border: 1px solid #cdcdcd; transition: all .6s;}
.ydr-b6-box li a{display: block; height: 82px; padding: 20px 14px;}
.ydr-b6-pic{width: 80px; height: 80px; border: 1px solid #f5f5f5; float: left;}
.ydr-b6-pic img{width: 80px; height: 80px;}
.ydr-b6-txt{width: 250px; float: right; padding: 18px 0;}
.ydr-b6-time{height: 20px; line-height: 20px; font-size: 12px; color: #888; overflow: hidden;}
.ydr-b6-name{height: 26px; line-height: 26px; font-size: 16px; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all .6s;}
.ydr-b6-box li:hover{border: 1px solid #eb7124;}
.ydr-b6-box li:hover .ydr-b6-name{color: #eb7124;}
/*Y电容---免费索样*/
.ydr-b7{height: 688px; background: url(../images/ydr-bg7.jpg) no-repeat center top; background-size: cover;}
.ydr-b7 .ydr-title h2{color: #fff;}
.ydr-b7 .w_auto{padding: 50px 0;}
.ydr-b7-box{width: 760px; margin: 40px auto 0;}
.ydr-b7-box ul{margin: 0 -20px;}
.ydr-b7-box li{width: 360px; float: left; margin: 14px 20px; position: relative;}
.ydr-b7-box li.w-100{width: 760px;}
.ydr-b7-box li span{display: block; width: 90px; height: 34px; line-height: 34px; font-size: 16px; color: #fff; letter-spacing: 2px; white-space: nowrap; position: absolute; left: 0; top: 0; z-index: 1;}
.ydr-b7-box li em{display: block; width: 10px; height: 34px; line-height: 38px; font-size: 20px; color: #ff0600; position: absolute; right: 0; top: 0; z-index: 1;}
.ydr-b7-input{padding-left: 90px; padding-right: 26px;}
.ydr-b7-input input[type="text"]{display: block; width: 228px; height: 24px; line-height: 24px; padding: 5px 8px; border: 0; font-size: 15px; color: #333;}
.ydr-b7-input input:focus,.ydr-b7-input textarea:focus,.ydr-b7-sub input:focus{outline: 0 none;}
.ydr-b7-input textarea{display: block; width: 630px; height: 96px; line-height: 22px; resize: none; font-size: 15px; padding: 4px 8px; color: #333;}
.ydr-b7-sub{padding-top: 10px;}
.ydr-b7-sub input[type="submit"]{display: block; width: 230px; height: 46px; margin: 0 auto; font-size: 20px; background: #eb7124; border: 0 none; color: #fff; cursor: pointer; padding: 0; border-radius: 30px;}


/*瓷片电容*/
.cipian-b1{padding-bottom: 10px !important;}
.cipian-b1-bx{height: auto !important;}
.cipian-b1-bx .ydr-b1-box-wrap{display: block;}
.cipian-b1-bx .ydr-b1-more a{border-radius: 0;}
.cipian-b1-bx .ydr-b1-desc-item{line-height: 28px; padding: 6px 0;}
.cipian-b1-pic{width: 500px; height: 380px; float: left; border: 1px solid #999; margin-left: 20px;}
.cipian-parBd{width: 392px; height: 380px; float: left; overflow: hidden; position: relative;}
.cipian-parBd ul{height: 380px; position: absolute; left: 0; top: 0;}
.cipian-parBd li{width: 392px; height: 380px; float: left;}
.cipian-parBd li img{display: block; width: 100%; height: 100%;}
.cipian-parHd{width: 108px; height: 380px; float: right; background: #ccc; position: relative;}
.cipian-parHd .bd{width: 86px; height: 292px; margin: 44px auto 0; overflow: hidden; position: relative;}
.cipian-parHd .bd ul{width: 100%; position: absolute; left: 0; top: 0;}
.cipian-parHd .bd li{width: 86px; height: 70px; padding-bottom: 4px;}
.cipian-parHd .bd li img{display: block; width: 84px; height: 68px; border: 1px solid #ccc;}
.cipian-parHd .bd li.on img{border: 1px solid #ff0101;}
.cipian-parHd a.sPrev,.cipian-parHd a.sNext{display: block; width: 23px; height: 16px; position: absolute; left: 50%; margin-left: -12px;}
.cipian-parHd a.sPrev{top: 14px; background: url(../images/cipian-b1-prev.png);}
.cipian-parHd a.sNext{bottom: 14px; background: url(../images/cipian-b1-next.png);}
.cipian-b2{padding: 40px 0;}
.cipian-b3 .ydr-b2-item{max-width: none; min-width: 1200px;}



/*薄膜电容器---X2电容*/
.X2-category-child{text-align: center; padding: 30px 0;}
.X2-category-child li{display: inline-block; *display: inline; *zoom: 1; margin: 0 4px; text-align: center; font-size: 15px;}
.X2-category-child li a{display: block; height: 40px; min-width: 60px; padding: 0 26px; line-height: 40px; border: 1px solid #ddd;}
.X2-category-child li.active a,.X2-category-child li:hover a{background: #eb7124; border: 1px solid #eb7124; color: #fff;}
.bomoX2-B1{margin-bottom: 50px; padding-top: 10px !important;}
.bomoX2-B1 .ydr-b1-desc{margin-top: 6px; padding: 8px 0;}
.bomoX2-B1 .cipian-b1-bx .ydr-b1-desc-item{padding: 5px 0;}
.bomoX2-B2 .ydr-b2-item{max-width: none;}
/*薄膜电容器---X2电容*/
.bomoCBB-B1{margin-bottom: 50px; padding-top: 10px !important;}