﻿@charset "utf-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,ul,li,ol,dl,dt,dd,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,textarea,select,input{margin:0;padding:0;border:0;}
*:focus { outline: none; }
html{height:100%;}
body{font:12px/1.5 Arial,"Microsoft YaHei","宋体"; color:#000; background-color: #fff;}
address,cite,dfn,em,var,i{font-style:normal;}
input,button{ font-family: Arial;}
body,div,p{word-wrap:break-word;}
b,strong,.strong{font-weight:700;}
ul,ol,li{list-style:none;}
a{text-decoration:none; cursor:pointer; outline:none;transition: color 0.2s;-moz-transition: color 0.2s;-webkit-transition: color 0.2s;-o-transition: color 0.2s;}
a:hover{color: #cc0000;}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
input[type="text"]{-webkit-appearance: none;}
.rel{position:relative;}
.abs{position:absolute;}
.hide{display:none;}
.show{display:block!important;}
.normal{font-weight: 400;}
.clearfix{zoom:1;}
.overflow{overflow: hidden;}
.clearfix:after{content:'.';display:block;clear:both;height:0;visibility:hidden;line-height:0;overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
.txt-c{text-align:center;}
.txt-r{text-align:right;}
.txt-l{text-align:left!important;}
.txt-idt{text-indent: 2em;}
.nowrap{word-wrap: normal; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.w1200{width:1200px; margin:0 auto;}
.i-ico{background: url('../images/icon.png') no-repeat; vertical-align: middle; display: inline-block;}
.bg-f6f6f6{background: #f6f6f6;min-width: 1200px;}

/*头部*/
.header{height: 105px;}
.header .logo a{display: table-cell;width: 125px;height: 105px;vertical-align: middle;text-align: center;*margin-top: 20px;*display: inline-block;}
.header .logo a img{max-width: 125px;max-height: 105px;}
.header .name{margin-left: 12px;padding-top: 30px;}
.header .name h1{font-size: 28px;color: #1b1b1b;line-height: 32px;height: 32px;font-weight: normal;}
.header .name h1 a{color: #1b1b1b;}
.header .name h1 a:hover{color: #cc0000;}
.header .name span{color: #7d7d7d;}
.header .language{text-align: right;height: 38px;line-height: 38px;margin-bottom: 9px;width: 294px;}
.header .language a{color: #999999;margin: 0 9px;}
.header .language a.on,.header .language a:hover{color: #ff0000;}
.header .search{position: relative;width: 209px;height: 34px;padding-left: 83px;border: 1px solid #d0d0d0;-webkit-border-radius:18px; -moz-border-radius:18px; border-radius: 18px;background: #fff;}
.header .search .choose{display: inline-block;width: 82px;line-height: 34px;font-size: 14px;position: absolute;left: 0px;top: 0px;z-index:10;}
.header .search .choose a{color: #444;display: none;text-indent: 0;text-indent: 14px;width: 82px;height: 34px;float: left;}
.header .search .choose a:hover{color: #cc0000;}
.header .search .choose a.searchtitle{display: inline-block;}
.header .search .choose i{width: 9px;height: 5px;background-position: 0 0;position: absolute;right: 9px;top: 14px;}
.header .search .choose:hover{border: 1px solid #d0d0d0;background: #fff;left: -1px;top: -1px;width: 83px;}
.header .search .choose:hover a{display: inline-block;}
.header .search .choose:hover i{right: 10px;background-position: 0 -6px;}
.header .search .inp-tips{width: 160px;height: 21px;float: left;line-height: 21px;text-indent: 11px;border-left: 1px solid #d0d0d0;color: #a4a4a4;margin-top: 7px;}
.header .search .enter{width: 48px;height: 34px;background-position: 13px -13px;cursor: pointer;}
.header .search .enter:hover{background-position: 13px -47px;}

/*导航*/
.nav{width: 100%;min-width: 1200px;height:49px;background: #fff;border-top: 1px solid #eeeeee;}
.nav ul li{float: left; line-height: 49px; height: 49px;position: relative;width: 120px;text-align: center;}
.nav ul li a{display: block; font-size: 16px;float: left;width: 100%;height: 100%;color: #000;
transition: background 0.2s;
-moz-transition: background 0.2s; 
-webkit-transition: background 0.2s; 
-o-transition: background 0.2s; 
}
.nav ul .selected a,.nav ul li:hover a{background: #cc0000;color: #fff;height:50px;margin-top:-1px;}

/*底部*/
.footer{ width: 100%;min-width: 1200px;background: #313131;font-size: 14px;}
.footer-top{height: 54px;padding-top: 19px;border-bottom: 1px solid #444444;line-height: 54px;color: #fff;}
.footer-top a{color: #fff;}
.footer-top a:hover{text-decoration: underline;}
.footer-top span{margin: 0 5px;}
.footer-bottom{color: #73777a;padding: 10px 0 30px 0;}
.footer-bottom p{line-height: 22px;}
.footer-bottom p a{color: #73777a;}
.footer-bottom p a:hover{color: #fff;}

/*面包屑*/
.breadcrumb{line-height: 30px; height: 30px; color: #aaaaaa;}
.breadcrumb a{color: #aaaaaa;}
.breadcrumb a:hover{color: #cc0000;}
.breadcrumb span{font-family: "宋体"; margin: 0 5px;}

/*翻页*/
.pages{text-align: center;}
.pagination{margin: 30px 0; display: inline-block; *zoom:1;*display:inline;}
.pagination a{background: #fafafa; display: inline-block;padding: 0 15px; height: 33px; line-height: 33px;border: 1px solid #d7d7d7; font-size: 14px; color: #333333; float:left; margin: 0 4px;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius: 3px;}
.pagination span{color: #666666;margin:0 14px; font-size: 14px; float:left;line-height: 35px;}
.pagination a:hover{color: #ef0000;}
.pagination a.current{ color: #fff;background: #cc0000;border: 1px solid #cc0000;}
.pagination a.pageNow{ color: #fff;background: #cc0000;border: 1px solid #cc0000;}
.pagination .disbled{color: #999999;}
.pagination .disbled:hover{color: #999999;}

/*回到顶部*/
.top{position: fixed;right: 20px;bottom: 20px;width: 42px;height: 42px;z-index: 999999;display: none;background: #e4393c;text-align: center;}
.top i{margin-top: 17px;background-position: -32px 0;width: 13px;height: 7px;}

/*客服*/
.customer-service{position: fixed;right: -129px;top: 50%;width: 159px;margin-top: -173.5px;}
.customer-service div{background: #00a0e9;padding:3px 5px;width: 119px;float: right;-webkit-border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; border-radius: 5px 0 0 5px;}
.customer-service div dl{background: #fff;margin: 2px 0;text-align: center;padding: 0 7px;}
.customer-service div dl dt{border-bottom: 1px solid #ace5f9;height: 41px;line-height: 41px;font-size: 14px;color: #00a0e9;}
.customer-service div dl dd{height: 41px;line-height: 41px;border-bottom: 1px solid #eeeeee;font-size: 14px;color: #313131;overflow: hidden;word-break: break-all;}
.customer-service div dl dd:last-child{border-bottom: 0;}
.customer-service-toggle{position: absolute;left: 0;top: 50%;margin-top: -60px;font-size: 14px;width: 20px;height: 90px;background: #00a0e9;-webkit-border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; border-radius: 5px 0 0 5px;color: #fff;cursor: pointer;padding: 30px 5px 0 5px;text-align: center;line-height: 17px;}
.customer-service-toggle i{position: absolute;left: 7px;top:8px;background-position: 0 -292px;width: 16px;height: 16px;}
.customer-service-toggle font{font-family: "宋体";}

/*title-box*/
.title-box01{text-align: center;line-height: 58px;height: 60px;position: relative;font-weight: normal;font-size: 30px;}
.title-box01 span{display: inline-block;width: 35px;height: 2px;background: #cc0000;position: absolute;left: 50%;bottom: 0;margin-left: -17.5px;}
.title-box02{border: 1px solid #d9d9d9;margin-top: 35px;height: 67px;position: relative;font-weight: normal;}
.title-box02 span{display: inline-block;padding: 0 17px;height: 38px;line-height: 38px;position: absolute;left: 50%;top: -19px;margin-left: -65px;font-size: 24px;background: #fff;}
.tabul{width: 280px;margin: -24px auto 0;}
.tabul li{float: left;width: 140px;height: 45px;line-height: 45px;text-align: center;background: #bfbfbf;font-size: 15px;position: relative;}
.tabul li a{color: #ffffff;display: block;width: 100%;height: 100%;}
.tabul li i{display: none;width: 15px;height: 7px;background-position: -48px 0;position: absolute;left: 50%;bottom: 0;margin-left: -7.5px;}
.tabul li.selected{background: #666666;}
.tabul li.selected i{display: inline-block;}
.title-box03{border: 1px solid #eaeaea;height: 55px;line-height: 55px;font-weight: normal;}
.title-box03 span{display: inline-block;width: 5px;height: 25px;background: #cc0000;margin: 15px 27px 0 -1px;}
.title-box03 p{font-size: 26px;}
.title-box03 .pdf-btn{display: inline-block;width: 128px;height: 30px;line-height: 30px;text-align: center;border: 1px solid #cc0000;color: #cc0000;font-size: 16px;margin: 12px 18px 0 0; -webkit-border-radius:16px; -moz-border-radius:16px; border-radius: 16px;}
.title-box03 .pdf-btn:hover{color: #fff;background: #cc0000;}

/*上一页下一页*/
.details-page{line-height: 28px;margin: 10px 0;}
.details-page p{height: 28px;overflow: hidden;color: #acacac;font-size: 14px;}
.details-page p a{color: #535353;}
.details-page p a:hover{color: #e60000;}

/*属性*/
.attribute{padding-top: 30px;}
.attribute ul li{float: left;border: 1px solid #efefef;height: 49px;line-height: 49px;font-size: 14px;margin: -1px 0 0 -1px;overflow: hidden;}
.attribute ul li span{display: inline-block;width: 108px;text-align: right;padding-right: 15px;color: #666666;background: #f8f8f8;border-right: 1px solid #efefef;float: left;height: 49px;}
.attribute ul li p{float: left;width: 419px;padding: 0 14px;color: #313131;}

/***首页***/
/*轮播图*/
.banner{height: 500px; width: 100%;min-width: 1200px; position: relative;}
.banner .bd{width: 100%!important;}
.banner .bd li{height: 500px;width: 100%!important;}
.banner .bd li a{display: block;width: 100%!important;height: 500px;}
.banner .prev,.banner .next{position: absolute;top: 195px;background: url(../images/icon.png) no-repeat; display:none;width: 60px; height: 70px;}
.banner:hover .prev,.banner:hover .next{display: inline-block;}
.banner .prev{left: 40px;background-position: 0px -81px;}
.banner .prev:hover{background-position: 0 -153px;}
.banner .next{right: 40px;background-position: -68px -81px;}
.banner .next:hover{background-position: -68px -153px;}

/*红色矩形块*/
.red-rectangle{margin-top: -31px;background: url(../images/red_rectangle_bg.png) no-repeat;width: 100%;height: 130px;}
.hot-search{width: 572px;padding: 23px 0 0 28px;}
.hot-search .search{position: relative;width: 351px;height: 42px;background: #fff;padding: 8px 0 0 9px;}
.hot-search .search .choose{display: inline-block;width: 71px;line-height: 30px;position: absolute;left: 11px;top:10px;}
.hot-search .search .choose a{color: #666666;display: none;text-indent: 0;text-indent: 8px;width: 71px;height: 30px;float: left;}
.hot-search .search .choose a:hover{color: #cc0000;}
.hot-search .search .choose a.searchtitle{display: inline-block;}
.hot-search .search .choose i{width: 8px;height: 5px;background-position: -18px -6px;position: absolute;right: 7px;top: 12px;}
.hot-search .search .choose:hover{border: 2px solid #d40000;background: #fff;left: 9px;top: 8px;}
.hot-search .search .choose:hover a{display: inline-block;}
.hot-search .search .choose:hover i{right: 8px;background-position: -18px 0px;}
.hot-search .search .inp-tips{width: 281px;height: 20px;float: left;line-height: 20px;padding: 5px 0;text-indent: 85px;border:2px solid #d40000;color: #a4a4a4;border-right: 0;}
.hot-search .search .enter{width: 57px;height: 34px;cursor: pointer;background: #d40000;color: #fff;font-size: 14px;font-weight: bold;}
.hot-search .hotpro{line-height: 22px;color: #fff;margin-top: 14px;height: 22px;overflow: hidden;}
.hot-search .hotpro span{float: left;}
.hot-search .hotpro a{float: left;color: #fff;font-size: 14px;margin: 0 2px;}
.hot-search .hotpro a:hover{text-decoration: underline;}
.hot-search .hotpro a span{float: none;margin: 0 12px;}
.hot-search .hotpro a:last-child span{display: none;}
.online-phone{width: 475px;padding: 0 0 0 125px;position: relative;}
.online-phone i{display: inline-block;width: 56px;height: 55px;background-position: 0 -230px;position: absolute;left: 43px;top: 39px;}
.online-phone p{line-height: 30px;height: 30px;color: #fff;font-size: 16px;margin-top: 17px;}
.online-phone span{font-weight: bold;line-height: 40px;height: 40px;display: inline-block;font-size: 36px;color: #fff;}
.online-phone .ljzx-btn{display: inline-block;width: 150px;height: 46px;border: 1px solid #fff;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius: 3px;text-align: center;line-height: 46px;color: #fff;font-size: 16px;position: absolute;right: 37px;top: 41px;}
.online-phone .ljzx-btn:hover{background: #fff;color: #cc0000;}

/*元器件产品*/
.item{padding-bottom: 20px;}
.item h2{text-align: center;font-weight: normal;padding: 40px 0 25px 0;}
.item h2 p{font-size: 30px;color: #1b1b1b;line-height: 38px;height: 38px;}
.item h2 span{line-height: 20px;height: 20px;display: inline-block;color: #626262;font-size: 14px;}
.item-product{width: 1220px;}
.item-product dl{float: left;width: 225px;height: 267px;margin:0 19px 20px 0; }
.item-product dl a{display: block;width: 100%;height: 100%;}
.item-product dt{width: 223px;height: 223px;border: 1px solid #fdfdfd;display: table-cell;vertical-align: middle;text-align: center;}
.item-product dt img{max-height: 223px;max-width: 223px;}
.item-product dd{height: 42px;line-height: 42px;text-align: center;color: #3d3d3d;font-size: 14px;overflow: hidden;}
.item-product dl:hover dt{border: 2px solid #d43131;width: 221px;height: 221px;}
.item-product dl:hover dt img{max-width: 221px;max-height: 221px;}
.item-product dl:hover dd{color: #d70303;}
.more-btn{text-align: center;}
.more-btn a{display: inline-block;width: 140px;height: 36px;line-height: 36px;border: 1px solid #cc0000;color: #cc0000;font-size: 14px; -webkit-border-radius:18px; -moz-border-radius:18px; border-radius: 18px;}
.more-btn a span{font-family: "宋体";margin-left: 3px;}
.more-btn a:hover{background: #cc0000;color: #fff;}

/*企业动态*/
.item-news-big{float: left;width: 508px;height: 318px;border: 1px solid #e5e5e5;position: relative;}
.item-news-big p{position: absolute;left: 0;bottom: 0;width: 100%;height: 35px;line-height: 35px;text-align: center;color: #fff;font-size: 14px;overflow: hidden;}
.item-news-big p span{display: block;width: 100%;height: 100%; background: rgba(0,0,0,0.5)!important; background: #000;filter:alpha(opacity=50);}
.item-news-big p em{position: relative;}
.item-news-small{float: right;width: 652px;}
.item-news-small .item-news-list{margin-bottom: 31px;padding-left: 105px;position: relative;height: 84px;}
.item-news-small .item-news-list span{position: absolute;left: 0;top: 0;display: inline-block;width: 84px;height: 68px;background: #f2f2f2;padding-top: 16px;text-align: center;color: #666666;font-size: 14px;}
.item-news-small .item-news-list span font{font-size: 26px;font-family: "Arial";line-height: 27px;}
.item-news-small .item-news-list h3{font-size: 18px;font-weight: normal;height: 33px;line-height: 33px;overflow: hidden;}
.item-news-small .item-news-list h3 a{color: #3d3d3d;}
.item-news-small .item-news-list h3 a:hover{color: #d70303;}
.item-news-small .item-news-list p{line-height: 24px;max-height: 48px;overflow: hidden;color: #666666;font-size: 14px;}

/*关于我们*/
.about-us{height: 280px;background: url(../images/bg01.jpg) no-repeat center top;min-width: 1200px;}
.about-us h2{padding-top: 60px;}
.about-us-btn{text-align: center;}
.about-us-btn a{display: inline-block;width: 188px;height: 40px;line-height: 40px;text-align: center;font-size: 16px;-webkit-border-radius:21px; -moz-border-radius:21px; border-radius: 21px;margin: 0 7.5px;}
.about-us-btn .about-us-btn01{background: #d70303;border: 1px solid #d70303;color: #fff;}
.about-us-btn .about-us-btn02{border: 1px solid #313131;color: #313131;}
.about-us-btn .about-us-btn01:hover{background: #ed0303;}
.about-us-btn .about-us-btn02:hover{background: #313131;color: #fff;}

/***公司介绍***/
.bg02{height: 200px;min-width: 1200px;}
.company-introduce .contant{font-size: 14px;color: #626262;line-height: 26px;padding: 30px 0;}
.company-introduce .contant img{margin: 0 auto;display: block;max-width: 100%;}
.company-introduce .company-img{border: 1px solid #e5e5e5;padding: 4px;overflow: hidden;margin-bottom: 50px;}
.company-introduce .company-img .bd li{width: 287px;height: 160px;margin-right: 14px;float: left;}
.company-introduce .company-img .bd li img{width: 287px;height: 160px;}

/***公司动态***/
.bg03{height: 200px;min-width: 1200px;background: url(../images/bg03.jpg) no-repeat center top;}
.company-news-list{margin: 35px 0 20px 0;padding: 0 65px;}
.company-news-list .item-news-list{padding: 23px 0 28px 138px;position: relative;height: 73px;border-bottom: 1px solid #eeeeee;}
.company-news-list .item-news-list span{position: absolute;left: 26px;top: 31px;display: inline-block;width: 72px;height: 56px;background: #bfbfbf;padding-top: 9px;text-align: center;color: #fff;font-size: 14px;}
.company-news-list .item-news-list span font{font-size: 26px;font-family: "Arial";line-height: 30px;}
.company-news-list .item-news-list h3{font-size: 20px;font-weight: normal;height: 34px;line-height: 34px;overflow: hidden;}
.company-news-list .item-news-list h3 a{color: #3d3d3d;}
.company-news-list .item-news-list h3 a:hover{color: #d70303;}
.company-news-list .item-news-list p{line-height: 22px;max-height: 44px;overflow: hidden;color: #929191;font-size: 14px;}

/***IC产品***/
.bg04{height: 200px;min-width: 1200px;background: url(../images/bg04.jpg) no-repeat center top;}
.ic-product-hot{display: none;}
.ic-product-box{padding: 0 70px;margin-top: 20px;}
.ic-product-box ul{border: 1px solid #ededed;padding: 0 15px;}
.ic-product-box ul li{border-bottom: 1px solid #e5e5e5;height: 45px;line-height: 45px;overflow: hidden;}
.ic-product-box ul li:last-child{border-bottom: 0;}
.ic-product-box ul li span{color: #181a1c;font-size: 14px;padding-left: 11px;display: inline-block;float: left;}
.ic-product-box ul li .ic-product-box-span01{width:185px;}
.ic-product-box ul li .ic-product-box-span02{width:121px;}
.ic-product-box ul li .ic-product-box-span03{width:93px;}
.ic-product-box ul li .ic-product-box-span04{width:93px;}
.ic-product-box ul li .ic-product-box-span05{width:102px;}
.ic-product-box ul li .ic-product-box-span06{width:76px;}
.ic-product-box ul li .ic-product-box-span07{width:199px;}
.ic-product-box ul li .ic-product-box-span08{width:50px;}
.ic-product-box ul li a{color: #181a1c;}
.ic-product-box ul li a:hover{color: #d70303;}
.ic-product-box ul li.ic-product-box-li01{height: 40px;line-height: 40px;}
.ic-product-box ul li.ic-product-box-li01 span{font-weight: bold;}
.ic-product-box ul li .i-pdf{width: 12px;height: 15px;background-position: -68px -230px;}
.ic-product-box ul li .xj-btn{display: inline-block;width: 48px;height: 18px;line-height: 18px;text-align: center;color: #d70303;border: 1px solid #d70303;-webkit-border-radius:10px; -moz-border-radius:10px; border-radius: 10px;font-size: 12px;}
.ic-product-box ul li .xj-btn:hover{background: #d70303;color: #fff;}

/*IC产品详情页*/
.ic-product-details-box{border: 1px solid #eaeaea;border-top: 0;padding: 0 27px 10px 26px;}
.ic-product-details-box .ic-product-details-contant{font-size: 14px;color: #626262;line-height: 26px;padding: 30px 0;}
.ic-product-details-box .ic-product-details-contant img{margin: 0 auto;display: block;max-width: 100%;}

/*索引页*/
.indexesMap{padding: 0 70px;}
.indexesMap p{height: 40px;background: #f8f8f8;padding-left: 20px;color: #434343;line-height: 40px;margin-bottom: 1px;}
.indexesMap p a{display: inline-block;width: 18px;height: 18px;border: 1px solid #dedede;text-align: center;color: #626262;line-height: 18px;margin-right: 5px;}
.indexesMap p a.active{background: #cc0000;border: 1px solid #cc0000;color: #fff;}

/***元器件产品***/
.bg05{height: 200px;min-width: 1200px;background: url(../images/bg05.jpg) no-repeat center top;}

/*元器件产品详情页*/
.component-details-top{color: #5a5a5a;font-size: 14px;margin-bottom: 23px;}
.component-details-img{border: 1px solid #eeeeee;width: 405px;height: 405px;padding: 4px;margin-right: 40px;}
.component-details-img span{display: table-cell;text-align: center;vertical-align: middle;width: 405px;height: 405px;}
.component-details-img span img{max-width: 405px;max-height: 405px;}
.component-details-info{width: 545px;}
.component-details-info h2{line-height: 22px;padding: 11px 0;font-weight: normal;font-size: 18px;color: #5a5a5a;padding-left: 30px;}
.component-details-info .component-details-info-price{line-height: 87px;padding-left: 30px;height: 87px;}
.component-details-info .component-details-info-price strong{color: #cc0000;font-size: 30px;display: inline-block;}
.component-details-info .component-details-info-price em{font-size: 40px;}
.component-details-info .component-details-info-contact{padding-left: 30px;height: 72px;border-top: 1px solid #eeeeee;line-height: 72px;}
.component-details-info .component-details-info-contact span{display: inline-block;height: 26px;line-height: 26px;}
.component-details-info .component-details-info-contact .component-details-info-contact-tel{padding-left: 23px;border-left: 1px solid #eeeeee;margin-left: 29px;}
.component-details-info .component-details-info-qq{border-top: 1px solid #eeeeee;padding: 65px 0 0 30px;}
.component-details-info .component-details-info-qq .qqlx-btn{display: inline-block;width: 160px;height: 42px;line-height: 42px;text-align: center;color: #fff;background: #cc0000;font-size: 16px;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius: 3px;margin-bottom: 28px;}
.component-details-info .component-details-info-qq .qqlx-btn:hover{background: #eb2828;}
.component-details-info .component-details-info-qq p{height: 20px;line-height: 20px;}
.component-details-info .component-details-info-qq p span{margin-right: 17px;float: left;}
.component-details-info .component-details-info-qq p i{width: 16px;height: 16px;background-position: -93px 0;float: left;margin: 2px 6px 0 0;}
.component-details-bottom-title{border: 1px solid #eaeaea;height: 55px;}
.component-details-bottom-title span{display: inline-block;width: 158px;height: 53px;border-top: 3px solid #cc0000;margin: -1px 0 0 -1px;border-right: 1px solid #eaeaea;text-align: center;line-height: 51px;color: #1b1b1b;font-size: 16px;}
.component-details-bottom-box{border: 1px solid #eaeaea;border-top: 0;padding: 0px 26px 0px 26px;}
.component-details-bottom-contant{padding:30px 0;font-size: 14px;color: #626262;line-height: 26px;}
.component-details-bottom-contant img{margin: 0 auto;display: block;max-width: 100%;}

/***技术资料***/
.bg06{height: 200px;min-width: 1200px;background: url(../images/bg06.jpg) no-repeat center top;}
.component-product-left{width: 200px;float: left;overflow: hidden;}
.product-nav{padding: 13px 5px 5px 5px;background: #cc0000;}
.product-nav h3{color: #fff;font-size: 24px;text-align: center; font-weight: normal;padding-bottom: 13px;}
.product-nav h3 p{line-height: 32px;}
.product-nav h3 span{font-size: 12px;line-height: 20px;display: block;}
.nav-box{font-size: 14px; padding: 8px 0px 6px 0px;background: #fff;}
.nav-box ul li h4{height: 40px;line-height: 40px;background: #f7f8fa;padding-left: 16px;margin-bottom: 1px;cursor: pointer;position: relative;font-weight: normal;}
.nav-box ul li h4 a{color: #000;}
.nav-box ul li h4 i{width: 6px;height: 9px;background-position: -82px 0px;position: absolute;right: 16px;top: 16px;}
.nav-box ul li.selected div{display: block;}
.nav-box ul li.selected h4 i{background-position: -68px 0px; width: 9px;height: 6px;right: 14px;top: 17px;}
.nav-box ul li div{padding: 0 12px;background: #fff;display: none;font-size: 12px;}
.nav-box ul li div p{border-bottom: 1px dashed #ccc;padding: 0 2px;height: 35px;line-height: 35px;}
.nav-box ul li div p:last-child{border-bottom: 0;}
.nav-box ul li div p a{color: #555;}
.nav-box ul li div p a:hover{color: #dd0202;}

.component-product-right{float: right;width: 980px;overflow: hidden;}
.component-product-right .component-product-right-list{width: 1000px;}
.component-product-right dl{border: 1px solid #eeeeee;width: 228px;height: 256px;margin:0 20px 18px 0;float: left;
transition: border 0.2s;
-moz-transition: border 0.2s; 
-webkit-transition: border 0.2s; 
-o-transition: border 0.2s; 
}
.component-product-right dl:hover{border: 1px solid #cc0000;}
.component-product-right dl a{display: block;width: 200px;height: 243px;padding: 13px 14px 0 14px;}
.component-product-right dl dt{width: 200px;height: 200px;display: table-cell;text-align: center;vertical-align: middle;}
.component-product-right dl dt img{max-width: 200px;max-height: 200px;}
.component-product-right dl dd{line-height: 42px;height: 42px;overflow: hidden;text-align: center;color: #5a5a5a;font-size: 14px;}
.component-product-right dl:hover dd{color: #cc0000;}

/***客户留言***/
.bg07{height: 200px;min-width: 1200px;background: url(../images/bg07.jpg) no-repeat center top;}
.feedback-box{margin-top: 55px;}
.feedback-box div{border: 1px solid #e2e2e2;padding: 10px 0 10px 15px;height: 32px;line-height: 32px;width: 341px;margin: 0 32px 27px 0;font-size: 14px;color: #626262;position: relative;}
.feedback-box div label{display: inline-block;height: 32px;line-height: 32px;float: left;}
.feedback-box div label em{color: #cc0000;}
.feedback-box div input[type=text]{height: 32px;width: 260px;line-height: 32px;float: left;}
.feedback-box div textarea{resize: none;width: 1030px;height: 138px;line-height: 20px;padding-top: 7px;}
.feedback-box .feedback-box-textarea{width: 1121px;height: auto;}
.feedback-box .feedback-box-yzm input[type=text]{width: 175px;}
.feedback-box .feedback-box-yzm .yzm{position: absolute;right: 0;top: 0;cursor: pointer;}
.feedback-box .feedback-box-submit{border: 0;}
.feedback-box .feedback-box-submit .feedback-submitbtn{display: inline-block;width: 180px;height: 45px;line-height: 45px;text-align: center;background: #cc0000;color: #fff;font-size: 18px;font-family: "微软雅黑";-webkit-border-radius:22.5px; -moz-border-radius:22.5px; border-radius: 22.5px;cursor: pointer;position: relative;top: -6px;}

/***联系我们***/
.bg08{height: 200px;min-width: 1200px;background: url(../images/bg08.jpg) no-repeat center top;}
.purpose{color: #9f9f9f;font-size: 14px;line-height: 26px;margin: 16px 0 28px 0;}
.contact-us-info{padding-bottom: 70px;}
.contact-us-info dl{width: 33.33%;text-align: center;float: left;}
.contact-us-info dl dt{width: 68px;height: 68px;margin: 39px auto;}
.contact-us-info .contact-us-telephone dt{background-position: -93px -230px;}
.contact-us-info .contact-us-address dt{background-position: -71px -318px;}
.contact-us-info .contact-us-mailbox dt{background-position: 0px -318px;}
.contact-us-info dl dd{font-size: 14px;color: #23282f;line-height: 22px;width: 220px;margin: 0 auto;}
.contact-us-info .contact-us-telephone dd{text-align: left;width: 210px;}
.map{margin-bottom: 60px;}
.maps{height: 400px;}

/***友情链接***/
.bg09{height: 200px;min-width: 1200px;background: url(../images/bg09.jpg) no-repeat center top;}
.friendship{margin-bottom: 10px;}
.friendship-link-box{border: 1px solid #efefef;border-top: 0;padding: 30px;color: #c8c8c8;min-height: 400px;}
.friendship-link-box a{color: #313131;font-size: 14px;}
.friendship-link-box a:hover{color: #cc0000;}
.friendship-link-box span{margin: 0 18px;}

/***文章详情页***/

.details h2{font-weight: normal;text-align: center;}
.details h2 p{font-size: 24px;line-height: 30px;padding: 5px 0;}
.details h2 div{line-height: 30px;color: #5a5a5a;font-size: 14px;}
.details-contant{font-size: 14px;color: #626262;line-height: 26px;padding: 30px 0;min-height: 200px;}
.details-contant img{margin: 0 auto;display: block;max-width: 100%;}
.share-box{width: 450px;margin: 0 auto;}
.share-box-data{margin-right: 15px;}