@charset "utf-8";
/* CSS Document */

body { margin:0; padding:0; color:#323232; list-style:none; font-family: "微软雅黑", Arial, Helvetica, sans-serif, Verdana; font-size:14px; max-width:1600px; margin:0 auto;}

* { margin: 0; padding: 0; list-style-type:none; font-size:14px;}
a{text-decoration: none;color:#808080;}
a:hover{color:#249cf2;}
ul,li{display:block}
img{border:0}



/* header */

.header{ width:1000px; height:80px; margin:0 auto; overflow:hidden;}
.header_logo{ width:405px; height:80px; float:left;}
.header_top{ width:250px; height:20px; float:right;}
.header_top a{ float:right; margin-left:15px;}

/*导航*/
.menu {font-family: arial, sans-serif; width:1000px; margin:0 auto; height:40px; position:relative;  font-size:20px;  position:relative; z-index:9999;}
.menu ul{ width:1000px; margin:0 auto; padding:0; margin:0 auto; list-style-type: none; }
.menu ul li{float:left; width:140px; position:relative; font-size:16px;}
.menu ul li a, .menu ul li a:visited{ display:block; text-align:center; text-decoration:none; width:140px; height:40px; font-weight:bold; color:#fff;line-height:40px; font-size:16px; font-family:"微软雅黑"; }

.menu ul li ul{display: none;}
.menu ul li:hover a{color:#fff; background-color:#00aaff;}
.menu ul li:hover ul{display:block; position:absolute; top:40px; left:0; width:150px;}
.menu ul li:hover ul li a{display:block; background:#00aaff; font-size:15px; color:#fff;  height:36px; line-height:36px; }
.menu ul li:hover ul li a:hover{background:#1470cc; color:#fff; height:36px; line-height:36px;}


/*banner*/
#full-screen-slider { width:100%; height:360px; float:left; position:relative}
#slides { display:block; width:100%; height:360px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:20%; top:320px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#e5e5e5 }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#83c125}

/* content */
.connent{ height:320px; background-color:#CCC;}

.content_top_up{ overflow:hidden; background:url(../images/Banner_bottom_img.jpg) center; height:36px}
.content_top{ width:1000px; height:280px; margin:0 auto;}

.content_left{ width:410px; height:280px; float:left;}
.content_left_top{ width:1000px; height:24px; background-image:url(../images/guanyu_01.jpg);background-repeat:no-repeat;}
.content_left_top img{ display:block; width:60px; height:24px; float:right;}

.left_left_box{ width:1000px; height:250px; background-image:url(../images/left_left.jpg);background-repeat:no-repeat; float:left;}
.left_left{ width:242px; height:250px; float:left;}

#hotpic { width:300px; height:170px; overflow: hidden; margin-left:5px; margin-top:20px;}
#NewsPic { position: relative; width:210px; height:170px; overflow: hidden;  }
#NewsPic a { overflow: visible; border: 0; text-decoration: none; }
#NewsPic .Picture { position: absolute; left: 0; top: 0; }
#NewsPic .Nav { position: absolute; height:15px; line-height: 14px; bottom: 0; right: 0; }
#NewsPic .Nav span { font-size:12px; font-weight:150; color: #FFF; float: right; display: block; width:30px; text-align: center; background: #000; border-left: solid 1px #FFF; cursor: pointer; }
#NewsPic .Nav span.Normal { color: #FFF; background: #000; filter: Alpha(opacity=50); opacity: .5; }
#NewsPic .Nav span.Cur { background: #ce0609; color: #FFF; }

.left_zi{ font-size:12px; line-height:23px; color:#808080; padding-top:12px; display:block; width:750px; height:220px; float:left;}
.left_zi a{ color:#26b7ff;}

.content_zhong{ width:290px; height:280px; float:left; margin-left:35px;}
.content_zhong_top{ width:290px; height:24px; background-image:url(../images/xinwen_01.jpg);}
.content_zhong_top img{ display:block; width:60px; height:24px; float:right;}

.zhong_zi{ width:290px; margin:0 auto; margin-top:10px;}
.zhong_zi li{ list-style:none; color: #000; font-size:14px; line-height:25px;}  
.zhong_zi li a{ text-decoration:none;}  
.zhong_zi h2{ color:#808080;}
.zhong_zi p{ width:275px; margin-left:15px; color:#b2b2b2;}
.zhong_zi span{ color:#acacac; float: right; text-align: right;}  
.zhong_zi li a:hover{color:#1ab2ff;}


.content_right{ width:230px; height:280px; float:right;}
.content_right_top{ width:230px; height:24px; background-image:url(../images/hezuo_01.jpg);}
.content_right_top img{ display:block; width:60px; height:24px; float:right;}

#wrapper { width:200px; height:170px; margin:0 auto; margin-top:20px;}
.callbacks { position:relative; float: left; width:100%;}
.callbacks li { position: absolute; width: 100%; left: 0; top: 0;}
.callbacks li span{ display:block; text-align:center; line-height:30px; margin-top:5px; color:#26b7ff;}
.callbacks img { display: block; position: relative; z-index: 1; height: auto; width:190px; height:160px; border: 0; padding:4px; border:#CCC solid 1px;}
.callbacks_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top:55px; left:-20px; opacity: 0.5; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 60px; width:20px; background: transparent url(../images/themes.jpg) no-repeat left top;}
.callbacks_nav.next {left: auto; background-position: right top; right:-20px;}


.chanpin_shouye_box{ width:1000px; height:375px; margin:0 auto; margin-bottom:35px;}
.chanpin_shouye_nav_left{ width:218px; height:373px; float:left; border:#dcdcdc 1px solid;}


.chanpin_shouye_nav li:hover{ background-color:#219cea;}

.chanpin_shouye_nav{ width:218px; margin:0 auto;}
.chanpin_shouye_nav ul{ padding-top:5px; padding-bottom:5px;}
.chanpin_shouye_nav li{ height:40px; list-style:none; color:#404040;}  
.chanpin_shouye_nav li a{ line-height:40px; text-decoration:none; font-size:16px;}   
.chanpin_shouye_nav li:hover a{color:#FFF;}

.chanpin_neirong_box{ width:756px; height:373px; float:right; border:#dcdcdc 1px solid;}
.chanpin_neirong_top{ width:756px; height:41px; background-image:url(../images/chanpin_neirong_img.jpg);}
.chanpin_neirong_top img{ float:right;}

#scrollDiv{ width:746px; height:310px; margin:0 auto; margin-top:15px; overflow:hidden;}
#scrollDiv li{padding:0 13px; float:left;}
#scrollDiv li a img{width:158px;height:113px; border:1px solid #ccc;}
#scrollDiv li a:hover img{border:solid 1px #22a4e5;}
#scrollDiv li span{font-size: 14px; overflow: hidden; display: block; line-height:40px; color:#808080; text-align:center;}
#scrollDiv li:hover span{ color:#1ab2ff;}

/* footer */
.footer{ height:196px;}
.footer_top_box{ width:100%; height:161px; background:url(../images/footer_shouye_ba_img.jpg);}
.footer_top{ width:1000px; height:161px; margin:0 auto;}

.bot_01{ float:left; width:120px; font-size:14px;}
.bot_01 li{ margin-right:10px; float: none;}
.bot_01 a{color:#fff;text-decoration: none;font-size: 12px;  line-height:18px; text-align:center;}
.bot_01 a:hover{color: #ffd400; text-decoration: none;font-size: 12px; line-height:18px; text-align:center;}

.wap{ width:140px; margin-top:11px; float:right;}

/*首页产品展示滚屏样式*/
#out li {
    padding: 0 8px;
    float: left;
}
#out li a img {
    width: 158px;
    height: 113px;
    border: 1px solid #ccc;
}
#out li span {
    font-size: 14px;
    overflow: hidden;
    display: block;
    line-height: 40px;
    color: #808080;
    text-align: center;
}

.cp_content {
    padding-top: 20px;
}

.cp_content #out {
    /*width: 680px;*/
    height: 290px;
    overflow: hidden;
    padding-left: 28px;
    padding-right: 18px;
}