﻿*{margin:0px; padding:0px; border:0px; }
h1{font-size:18px;}
body{font-size:13px; color:#221e1f; }
a:link{text-decoration:none; color:#221e1f;}
a:hover{text-decoration:none;color:#0066CC;}
a:visited{text-decoration:none;color:#221e1f;}
li{list-style:none;}

#all{ width:1002px; overflow:hidden; margin:0 auto;}
#top{ width:1004px; clear:both; background:url(images/head_02.jpg) repeat-x;}
#top_logo{ float:left;width:221px;}
#top_menu{float:left; height:15px; padding-left:13px;width:600px}
#top_menu li{float:left; }
#top_flash{width:1002px; clear:both;}
#top_maillogo{width:236px; float:left;}
#top-link{float:right; padding-right:40px;}
#top_seatch{float:left; background:url(images/head_14.jpg); width:766px; height:50px;}

#left{ width:236px; float:left;}
#left_mail{height:129px; background:url(images/side_01.jpg);}
#left_proclass{}
#left_proclass_top{}
#left_proclass_type{}
#left_proclass_type li{ padding:0px 0px 0px 60px;  background:url(images/side_04.jpg) no-repeat;}
#left_contact{width:216px;border:1px solid #eeeeee;height:370px;margin-left:12px}
#left_contact p{line-height:25px;padding:0px 5px 0px 11px}
#left_proclass a{ color:#FFFFFF; font-size:13px; text-decoration:none;}

#content{ width:764px; float:left; clear:right;}
#content_title{clear:both;}
#content_top{clear:both;}
#content_content{ clear:both; line-height:2em;  background:url(images/index_08.jpg) repeat-y;}
#content_bottom{clear:both;}
#content_type{padding:10px 20px 0 30px; clear:both;}

#foot{width:1002px; background-color:#f4f4f4; padding-top:5px; clear:both;}
#foot_logo{float:left; width:247px;}
#foot_content{width:724px; float:left; padding:20px 0 0 20px; line-height:1.8em;}


#product{}
#product li{float:left; padding-top:2px;}

#product_pro{width: 236px; height:200px;text-align:center; }

#product_pro img{ width:210px; border:0px; }
#pro_next{width: 100%;text-align: center;clear: both;}
.center{width:140px; text-align:center; }


#news_content{width:700px;}
#news_content li{width:700px;}
.news_titlebg{background-color:#F8F8F8; padding-top:10px; text-align:center; border-bottom:solid 1px #CCCCCC;}
.news_time{font-size:12px; color:#CCCCCC;}

#news{ width:660px;}
#news li{float:left; height:30px; border-bottom:solid 1px #cccccc;}
#news li a:link{background-color:#FFFFFF;}
#news li a:visited{background-color:#FFFFFF;}
#news li a:hover{background-color:#CCCCCC;}
#news_next{text-align:right; padding:10px 80px 0 0;}
.newsli{width:400px; padding-left:15px;}
.newstime{width:100px;}

#content_left_pro_pro{width:706px; padding:0px 20px 0px 30px;}
#content_pro{ width:140px; float:left; height:140px; padding-top:5px;}

#content_pro li  a:link{border:solid #CCCCcc 2px; }
#content_pro li  a:visited{border:solid #CCCCcc 2px;}
#content_pro li  a:hover{border:solid #0066CC 2px;}
#content_pro li img{ width:130px; height:110px; border:0px;}

#clear{clear:both; width:0px; height:0px; margin:0px; padding:0px;}
#top_seatch_submit li{ float:left; vertical-align:top;}
.clear{ clear:both; width:0px; height:0px;}
#cont{}
#tit{ text-align:center;}
#protit{ width:210px;}

#mail-box{float:left; color:#3c79b0;  width:120px; padding-top:5px;}
#left_mail{padding:45px 0px 0px 40px;height:80px;}


.focus {
    position: relative;
    width: 1002px;
    height: 216px;
    background-color: purple;
    overflow: hidden;
}

.focus ul {
    position: absolute;
    top: 0;
    left: 0;
    width: 600%;
}

.focus ul li {
    float: left;
}

.arrow-l,
.arrow-r {
    display: none;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    width: 24px;
    height: 40px;
    background: rgba(0, 0, 0, .3);
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-family: 'icomoon';
    font-size: 18px;
    z-index: 2;
}

.arrow-r {
    right: 0;
}

.circle {
    position: absolute;
    bottom: 10px;
    left: 50px;
}

.circle li {
    float: left;
    width: 8px;
    height: 8px;
    /*background-color: #fff;*/
    border: 2px solid rgba(255, 255, 255, 0.5);
    margin: 0 3px;
    border-radius: 50%;
    /*鼠标经过显示小手*/
    cursor: pointer;
}

.current {
    background-color: #fff;
}

