/* 
* @Author: sublime text
* @Date:   2017-10-30 09:40:57
* @Last Modified by:   sublime text
* @Last Modified time: 2018-08-23 13:34:01
*/
*{margin: 0px;padding: 0px;}
body{font-size:12px; font-family:"Microsoft YaHei" !important;padding-top: 0px !important;}
div{margin: 0px; padding: 0px;}
span,p{margin: 0px; padding: 0px;}
h1,h2,h3,h4,h5,h6{margin: 0px; padding: 0px;}
img{margin: 0px; padding: 0px;}
dl,dt,dd,ol,ul,li{margin: 0px; padding: 0px; list-style: none;}
img{border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
from,input,select{margin: 0px; padding: 0px;}
.clear{clear:both; font-size:0px; overflow:hidden; height:0px;}
a{ text-decoration: none !important;color:#333;}
a:hover{text-decoration: none;}
.fl{ float:left;}
.fr{ float:right;}

/*顶部*/
#ding{width: 100%;height: 35px;background:#f5f5f5;line-height: 35px;color: #666}
#ding #dingbu{width: 1200px;margin:0 auto;}
#ding #dingbu .left{float: left;width: 50%;}
#ding #dingbu .right{float: right;width: 50%;text-align: right;}
#ding #dingbu .right a{color: #666;}
/*抬头*/


.head_nav{background: #fff;padding: 15px 0;position: relative;height: 75px;width: 100%;}
.w {width: 1200px;margin: 0 auto;}
.f_l{float: left;}
.f_r{float: right;}
.head_nav .logo { display: inline-block; height: 75px; overflow: hidden; position: absolute; top: 12; font-family: "微软雅黑" }
.head_nav .logo img { float: left;}
.head_nav .logo span { line-height: 81px; float: right; font-size: 18px; }

.head_nav .side-search { position: relative; margin: 17px 0 0 330px; width: 350px; position: relative; margin-left:580px;}
.head_nav .side-search .side_input { width: 300px; padding: 10px 10px 6px 10px; border: solid #0643ad 2px; font-size: 14px;outline: none;}
.head_nav .side-search i { font-size: 30px; color: #fff; position: absolute; top: 0px; right: 6px; cursor: pointer; display: inline-block; background: #0643ad; width: 60px; height: 39px; }
.head_nav .side-search i:before { margin: 5px 0 0 15px; display: inline-block; }
#side_search_submit { cursor: pointer; border: 0; background: 0; height: 39px; width: 60px; position: absolute; top: 0; right: 0; z-index: 1 }

.tel p { line-height: 25px;}
.tel .t1 { font-weight: bold; font-size: 20px; color: #0643ad}
.tel i { font-size: 50px;color: #0643ad}


/*导航*/
#display_containers{height:500px;}
#dao{width: 100%;height: 50px;background: #0643ad;}
#dao #daohang{width: 1200px;margin:0 auto;}
#dao #daohang .left{width:180px;height: 50px;line-height: 50px;text-align: center;background: #4f8ffe;}
#dao #daohang .left a{color:#fff;font-size: 14px;display: block;width: 180px;height: 50px;}
#dao #daohang .right{padding: 0px;width: 1020px; height: 50px;}

#dao #daohang .right .menu li{ float: left;width: 145px;}
#dao #daohang .right .menu li a{ display: block; font-size: 14px;line-height: 50px; color: #fff;width: 145px;}
#nav{float: left;}
.downmainmenu {POSITION: absolute; FONT:14px "微软雅黑";  OVERFLOW: visible;width: 1020px;}
.downmainmenu UL {Z-INDEX: 100; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
.downmainmenu UL LI {POSITION: relative; DISPLAY: inline; FLOAT: left;}
.downmainmenu UL LI A {WIDTH: 145px; PADDING-RIGHT: 0px; DISPLAY: block; line-height: 50px; color: #fff; text-align:center;}
.downmainmenu UL LI .cur{ background: url(/statics/images/index/menuCur.jpg) repeat-x; color: #fff;}
.downmainmenu UL LI UL {POSITION: absolute; DISPLAY: none; BACKGROUND: #fff;PADDING-TOP: 0px; LEFT: 1px; border: 1px #151515 solid; border-top: 0px none;}
.downmainmenu UL LI UL LI {BORDER-BOTTOM: #ccc 1px dotted; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: list-item; FLOAT: none; PADDING-TOP: 0px}
.downmainmenu UL LI UL LI UL {TOP: 0px}
.downmainmenu UL LI UL LI A {WIDTH: 143px; PADDING-RIGHT: 0px; BORDER-TOP-STYLE: none; BACKGROUND: #ffffff; line-height: 35px; padding-top: 3px; padding-bottom: 3px; COLOR: #000; BORDER-LEFT-STYLE: none; font-size: 12px;}
.downmainmenu UL LI UL LI A:hover{ background: #ffffff; color: #0643ad; border: 0px none;}
* HTML .downmainmenu {HEIGHT: 1%}
.downarrowclass {POSITION: absolute; TOP: 0px; RIGHT: 0px}
.rightarrowclass {POSITION: absolute; TOP: 10px; RIGHT: 5px}
.ddshadow {POSITION: absolute; WIDTH: 145px; HEIGHT: 0px; TOP: 0px; LEFT: 0px}
.toplevelshadow {opacity: 0.8}

.leftbuttom{display:none;}
.downmainmenu ul li:hover ul{
	display: block !important;
	position: relative;
	z-index: 999;
}


/*幻灯片*/
.banner_bg{width:100%; margin:0 auto; height:500px; overflow: hidden;}
#slider{position: relative; width:1920px; left:50%; margin-left:-960px;}
.prev-link, .next-link{display: block; width: 24px;  margin-left:360px; height: 24px; background-repeat: no-repeat;	background-position: left top; position: absolute; bottom: 60px; z-index:300;}
.prev-link{left:10px; background-image: url(/statics/images/index/20151123093195179517.png);}
.next-link{left:40px; background-image: url(/statics/images/index/20151123093246974697.png);}
.circle{display: block; width: 15px; margin-right:360px; height:15px; border:1px solid #fff; border-radius:16px; position: absolute; bottom: 60px; z-index:300;}
.circle-current{background-color:#fff;}
.caption span{display: none !important;}


/*电子元器件*/
.gong_title{width: 1200px;line-height: 20px;margin: 20px auto;color:#666;}
.gong_title p{font-size: 18px;color: #666;padding: 0 10px;border-left: 3px solid #0643ad;float: left;}

/*供应商*/
.top_3{width: 1200px;margin: 0 auto;}
.top_3 td img{border: 1px solid #ccc;margin-left: 20px;}
.top_3 td span{line-height: 30px;font-size: 14px;}

#yinyong{width: 1200px;margin:0 auto;}
#yinyong .left{width: 476px;float: left;}
#yinyong .zhong{width: 237px;float: left;margin-left: 9px;}
#yinyong .right{width: 468px;float: right;}

/*新闻资讯*/

.lanrenzhijia{ width:1200px; height: auto; margin:0px auto;}
.lanrenzhijia .tab{ overflow:hidden;z-index:99; position:relative;border-bottom: 1px solid #f2f2f2;padding-bottom: 10px;}
.lanrenzhijia .tab a{ background:#fff;color:#000; display:block; float:left; text-decoration:none; height:25px; line-height:25px;padding:0 20px; text-align:center; font-size:16px;border-right: 1px solid #d9d9d9;font-family:"Microsoft YaHei";}
.lanrenzhijia .tab a:hover{color:#0643ad; text-decoration:none;}
.lanrenzhijia .tab a.on{color:#0643ad; text-decoration:none;}
.lanrenzhijia .content{ overflow:hidden; width:1200px; height:240px; position:relative; float:left; margin-top:15px;}
.lanrenzhijia .content .ul{ position:absolute; left:0; top:0;}
.lanrenzhijia .content .li{ width:1200px; float:left;}


.news2{width:1200px; height:240px; margin:0 auto; padding-bottom:5px;}
.news21{float:left; width:960px;}
.news21 .news_list{width: 960px;}
.news21 .news_list li{height: 30px;line-height: 30px;text-align:right;color:#ccc;width:450px;float:left;padding-right:30px;}
.news21 .news_list li a{font-size: 14px;color: #666;float: left;}
.news21 .news_list li a:hover{color:#0643ad;}
.news2 .contact{width: 194px;float: right;}
.news2 .contact a:first-child{width:194px;height:45px;line-height:45px;background:url(/statics/images/index/lianxi.png);text-align:center;color:#fff;display:block;margin-top: 20px;font-size: 14px;text-indent: 20px;}
.news2 .contact a:nth-child(2){width:194px;height:45px;line-height:45px;background:url(/statics/images/index/liuyan.png);text-align:center;color:#0643ad;display:block;margin-top: 20px;font-size: 14px;text-indent: 20px;}
.footer{padding-bottom: 0px !important;}
.footer dt{font-size: 16px !important;font-weight: normal;}
.footer dd{font-size: 14px;line-height: 30px;}