/*全局设置(开始)*/
*{ padding:0; margin:0;}
ul,li{ list-style:none;}
a{ color:#555; text-decoration:none;}
a:hover{ text-decoration:none;}
body{ font-size:16px; font-family:"microsoft yahei", tahoma, verdana, "simsun"; color:#666;}
img{ border:0; padding:0; margin:0;}
.clear { clear: both; height:0; overflow:hidden;} /*清除格式*/
/*全局设置(结束)*/

/*网站顶端*/
#top{ margin:0 auto; width:100%; min-width:1280px; height:40px; background-color:#F7F7F7;}
#top div{ margin:0 auto; position:relative; width:1280px; height:40px; line-height:40px; font-size:12px; font-weight:bold; color:#666;  padding-top:1px; position:relative;}
#top div ul{ float:right; font-size:12px; font-weight:normal;}
#top div ul li{ float:left; margin-left:10px; height:40px;}
#top div ul li a{ color:#555;}
#top div ul .li_qq a{ display:block; width:30px; height:40px; background:url(/img/top_qq.png) top center no-repeat;}
#top div ul .li_qq:hover a{ background:url(/img/top_qq.png) center -40px no-repeat;}
#top div ul .li_weixin { width:30px; height:40px; background:url(/img/top_wx.png) top center no-repeat; position:relative;}
#top div ul .li_weixin .weixin_c{ display:none; position:absolute; top: 40px;left: -173px; width:201px; height:198px; z-index:11;}
#top div ul .li_weixin:hover { background:url(/img/top_wx.png) center -40px no-repeat;}
#top div ul .li_weixin:hover .weixin_c{ display:block;}

/*logo*/
#logo{ margin:0 auto; position:relative; width:1280px; font-size:12px; height:105px; position:relative;}
#logo .logo_l{ float:left;}
#logo .logo_l img{ margin-top:11px;}
#logo .logo_r{ float:right; margin-top:25px; margin-right:100px;}
#logo .logo_r i { float:left; width:100px; height:66px; display:block; background: url(/img/logo_r.png) center center no-repeat; }
#logo .logo_r span { color: #999999; font-size: 14px; line-height: 16px; display: block; }
#logo .logo_r strong { font-family: impact; font-weight: normal; display: block; white-space: nowrap; font-size: 42px; color: #6ec0d5; }

/*菜单*/
.nav_bg{ margin:0 auto; width:100%; min-width:1280px; height:60px; background:url(/img/menu_bg.jpg) center no-repeat;}
.nav_bg .nav { margin:0 auto; width:1280px; height:60px; }
.nav_bg .nav li{ float:left; position:relative; }
.nav_bg .nav li .menu_a{ height:60px; width:138px; line-height:60px; display:inline-block; text-align:center; font-size:18px; color:#FFF; }
.nav_bg .nav li:hover{ background-color:#0179c2; }
.nav_bg .nav .home a{ background:url(/img/home.png) left center no-repeat; width:87px; padding-left:30px;}
.nav_bg .nav .home{ margin-right:59px; } /*首页菜单*/
  /*下拉菜单样式*/
.nav_bg .nav li .sub{z-index:9; display:none; position:absolute; border:#bebebe 1px solid; border-top:0; border-bottom-left-radius:10px; border-bottom-right-radius:10px; background-color:#ebebeb; left:-58px; top:60px; height:auto; overflow:hidden; font-size:12px; color:#999;}
.nav_bg .nav li .sub .sub_txt1{ font-weight:bold; color:#666;} /*默认加粗文字*/
.nav_bg .nav li .sub i{ color:#48a2ff; font-style:normal;} /*默认蓝色文字*/
.nav_bg .nav li .sub_l{ left:-1px;}/*栏目在左，右侧弹出*/
.nav_bg .nav li  .sub01{ width:778px;}/*第1栏目，编码器宽度*/
.nav_bg .nav li  .sub02{ width:730px;}/*第2栏目，传感器宽度*/
.nav_bg .nav li  .sub03{ width:716px;}/*第3栏目，传感器宽度*/
.nav_bg .nav li  .sub04{ width:690px;}/*第1栏目，编码器宽度*/
.nav_bg .nav li .sub01 .sub_div_link{ float:left; margin-top:25px; margin-bottom:25px; margin-left:18px; margin-right:20px; padding-right:20px; width:112px; min-height:185px; border-right:#CCC 1px solid; line-height:250%;}
.nav_bg .nav li .sub02 .sub_div_link{ float:left; margin-top:25px; margin-bottom:25px; margin-left:18px; margin-right:20px; padding-right:20px; width:70px; min-height:185px; border-right:#CCC 1px solid; line-height:250%;}
.nav_bg .nav li .sub03 .sub_div_link{ float:left; margin-top:25px; margin-bottom:25px; margin-left:18px; margin-right:20px; padding-right:20px; width:56px; min-height:185px; border-right:#CCC 1px solid; line-height:250%;}
.nav_bg .nav li .sub04 .sub_div_link{ float:left; margin-top:25px; margin-bottom:25px; margin-left:18px; margin-right:20px; padding-right:20px; width:324px; min-height:185px; border-right:#CCC 1px solid; line-height:250%;}

.nav_bg .nav li .sub_l .sub_div_link a{ font-size:14px; font-weight:bold; color:#0179c2; }
.nav_bg .nav li .sub_l .sub_div_img{ float:left; margin:25px 20px 25px 0; width:280px; line-height:160%; color:#777; }
.nav_bg .nav li .sub_l .sub_div_img img{ width:280px; height:120px; margin-bottom:5px; }






.nav_bg .nav li .sub_r{ left:-613px; width:750px;}
.nav_bg .nav li .sub a{ color:#0179c2; font-size:14px;}

.nav_bg .nav li .sub_r .sub_div_link{ float:right; margin-top:25px; margin-bottom:25px; margin-right:18px; margin-left:20px; padding-left:20px; width:91px; min-height:155px; border-left:#CCC 1px solid; line-height:250%;}

.nav_bg .nav li .sub_r .sub_div_img{ float:left; margin:25px 0 25px 20px; width:280px; line-height:160%; color:#777; }
.nav_bg .nav li .sub_r .sub_div_img img{ width:280px; height:120px; margin-bottom:5px; }


.nav_bg .nav li .sub_r .sub_div_link a{ font-size:14px; font-weight:bold; color:#0179c2; }
.nav_bg .nav li .sub a:hover{ color:#4ca6ff;}
.nav_bg .nav li:hover .sub{ display:block;}

/* 轮播图 */
.flexslider_bg{ width:100%; min-width:1280px; height:390px; background:url(/img/ico-loading.gif) 50% no-repeat;}
.flexslider{height:390px; position:relative; overflow:hidden;}
.flexslider .slides_1{width:100%;height:390px;display:block;position:absolute;left:0px;top:0px;}
.flexslider .flex-control-nav{width:100%;height:8px;clear:both;position:absolute;z-index:2;left:0px; bottom:15px;}
.flexslider .flex-control-nav ul{float:left;position:absolute;left:50%;top:0;margin:0 0 0 -96px;display:inline;}
.flexslider .flex-control-nav li{width:38px; font-size:0; height: 5px;overflow:hidden;cursor:pointer;background: #04273c;opacity: .3;float:left;margin:0 3px;display:inline; border-radius:3px;}
.flexslider .flex-control-nav li.nuw{background:#fff;opacity:1;}



/*底部*/
#footer{ margin:0 auto; height:300px; border-top:#ff6800 6px solid;}
#footer .footer_1_bg{ margin:0 auto; width:100%; height:80px; background-color:#5f5f5f; }
#footer .footer_1{ margin:0 auto; width:1280px; }
#footer .footer_1 .footer_1_l{ margin-top: 18px; padding: 0px 0px 0px 171px; background: url(/img/footer_01.png) no-repeat 0px 0px; color: #fff; font-size: 16px; width: 300px; float: left; }
#footer .footer_1 .footer_1_r{ padding-top: 21px; float: right; font-size: 24px; color: #fff; }
#footer .footer_2_bg{ margin:0 auto; width:100%; height:200px; background-color:#404040;}
#footer .footer_2{ margin:0 auto; width:1280px; }
#footer .footer_2 .footer_2_l{ width: 940px; float: left; font-size:14px; }
#footer .footer_2 .footer_2_l .nav{ padding: 25px 0px 20px 0px; width: 940px; border-bottom: 1px dashed #636363; float: left; }
#footer .footer_2 .footer_2_l .nav a { padding: 0px 25px 0px 0px; font-size: 15px; color: #fff; }
#footer .footer_2 .footer_2_l .nav a:hover { color:#4ca6ff;}
#footer .footer_2 .footer_2_l ul li{ float:left; height:31px; line-height:31px; padding-left:40px; margin-top:25px; margin-right:50px; color:#e8e8e8; }
#footer .footer_2 .footer_2_l ul .li01{ background: url(/img/footer_02_1.png) left center no-repeat; }
#footer .footer_2 .footer_2_l ul .li02{ background: url(/img/footer_02_2.png) left center no-repeat; }
#footer .footer_2 .footer_2_l ul .li03{ background: url(/img/footer_02_3.png) left center no-repeat; }
#footer .footer_2 .footer_2_l ul .li04{ background: url(/img/footer_02_4.png) left center no-repeat; }
#footer .footer_2 .footer_2_l ul .li05{ background: url(/img/footer_02_5.png) left center no-repeat; }
#footer .footer_2 .footer_2_l ul .li06{ background: url(/img/footer_02_6.png) left center no-repeat; }
#footer .footer_2 .footer_2_r{ width: 340px; float: left; text-align:right; padding-top:25px;}
#footer .footer_3_bg{ margin:0 auto; width:100%; border-top:#4b4b4b 1px solid; background-color:#404040; height:48px; font-size:12px;}
#footer .footer_3_bg .footer_3{ margin:0 auto; width:1280px; line-height:48px; color:#bababa; }
#footer .footer_3_bg .footer_3 a{color:#bababa; }
#footer .footer_3_bg .footer_3 a:hover { color:#4ca6ff;}
#footer .footer_3_bg .footer_3 span{ float:right;}

/*右侧县浮客服*/
#kefu{ position:fixed; width:45px; right:0; bottom:30%; z-index:99;}
#kefu li{ float:right; width:45px; height: 45px; background:#017ac3; position: relative; font-size:16px; line-height:45px; margin-bottom: 2px; border-radius: 5px 0 0 5px; transition: all 0.3s; overflow:hidden;}
#kefu li .kf_logo{ float:left;}
#kefu li a{ color:#fff;}
#kefu li:nth-child(1):hover{ width:130px; padding-left:17px; background:#48a2ff; font-size:16px; line-height:45px; color:#fff;}
#kefu li:nth-child(2):hover{ width:195px; padding-left:17px; background:#48a2ff; font-size:16px; line-height:45px; color:#fff;}
#kefu li:nth-child(4):hover{ width:300px; padding-left:17px; background:#48a2ff; font-size:16px; line-height:45px; color:#fff;}
#kefu li:nth-child(3){ overflow:visible;}
#kefu li:nth-child(3) .fu_03_bg{ display:block; position: absolute; left:0px; top:-94px; width:0px; height:234px; text-align:center; transition: all 0.3s; overflow:hidden;}
#kefu li:nth-child(3) .fu_03_wx{width:160px; height:232px; text-align:center; background-color:#fff; font-size:12px; color:#999; line-height:180%; border:#ccc 1px solid; border-radius: 10px; overflow:hidden;}
#kefu li:nth-child(3) .fu_03_wx p{ padding:15px 0; width:160px; line-height:200%;}
#kefu li:nth-child(3) .fu_03_wx p span{ display:inline-block;}
#kefu li:nth-child(3):hover .fu_03_bg{ display:block; position: absolute; left:-162px; top:-94px; width:162px; height:234px;}
#kefu li:nth-child(3):hover{ background:#48a2ff; overflow:visible;}
#kefu li:nth-child(5):hover{ background:#48a2ff;}