﻿body{
    margin:0 auto;
    background-color:#fff;
}
ul{
    margin:0;
    padding:0;
    list-style-type:none;
}
a,img{
    color:#333;
    text-decoration:none;
    outline:none;
    border:0px;
}
.container{
    width:1200px;
    margin:0 auto;
}
.header{
    height:80px;
}
.logo{
    width:300px;
    float:left;
}
.nav{
    width:900px;
    float:left;
    padding-top:30px;
}
.list{
    margin:0;
    padding:0;
}
.list-inline{
    padding:0 15px;
}
.list-inline li{
    float:left;
    list-style-type:none;
}
.list-unstyled{
    padding-left:20px;
}
.list-unstyled li{
    padding:8px 0px 8px 10px;
}
.list-dashed li{
    border-bottom:1px dashed #DEDEDE;
}
.listtype{
    list-style-image:url(../images/listtype.png);
}
.nav .list-inline li{
    float:left;
    width:100px;
    text-align:center;
    line-height:44px;
    vertical-align:middle;
    list-style-type:none;
}
.nav li.spirt{
     height:40px;
     background:url(../images/spirt.jpg) no-repeat center; 
     width:5px;
}
.nav li:hover{
    background-color:#07acf0;
}
.nav li:hover a{
    color:#fff;
}
.aboutText{
    width:298px;
    text-align:center;
    background-color:#79a4e8;
    height:120px;
    color:#fff;
    float:left;
    margin-right:2px;
    margin-bottom:2px;
}
.aboutText a{
    color:#fff;
}
.aboutImages{
    width:298px;
    margin-right:2px;
    text-align:center;
    background-color:#79a4e8;
    height:120px;
    float:left;
    margin-bottom:2px;
}
.ProductList{
    width:80%;
    margin:20px auto;
}
.ProductContent{
    width:320px;
    height:340px;
    float:left;
    background:url(../images/product_bg.jpg) no-repeat;
    overflow:hidden;

}
.ProductImage{
   padding:30px 40px 0px 40px;
}
.ProductDetails{
    padding:10px 50px;
    color:#8f9194;
    font-size:12px;
    line-height:20px;
    font-weight:bold;
    height:80px;
    overflow:hidden;
}
.ProductContent a{
    color:#256194;
}
.NewsList{
  min-height:100px;
}
.NewsImages{
    width:30%;
    min-height:100px;
    float:left;
    margin-top:25px;
}
.NewsTab{
    width:70%;
    float:left;
    margin-top:30px;
}
.contact{
    width:33.333%;
    color:#fff;
    float:left;
}
.contact{
    color:#fff;
}
.contactTitle{
    height:60px;
    margin-top:20px;
    background:url(../images/contact.jpg) no-repeat;
}
.contactContent{
   
}
.company{
    width:33.333%;
        color:#fff;
    float:left;
}
.company a{
    color:#fff;
}
.companyTitle{
    height:60px;
    margin-top:20px;
    background:url(../images/about.jpg) no-repeat;
}
.message{
    width:33.333%;
        color:#fff;
    float:left;
}
.message a{
    color:#fff;
}

.footer{
    min-height:345px;
    font-size:12px;
    background:url(../images/foot_bg.jpg) repeat-x;
}
.copyright{
    padding-top:30px;
    color:#fff;
}
.copyright a{
    color:#fff;
}
.row{
    margin-top:20px;
    min-height:400px;
}
.breadcrumb{
    padding-bottom:8px;
    border-bottom:1px solid #dedede;
    font-weight:bold;
}
.product-body{
    padding:20px 0px;
}
.panel-body{
    padding:20px 0px 50px 0px;
}
.panel-body ul li{
    margin:0;
    padding:0;
}
.listtype{
   line-height:30px;
   padding-left:100px;
   list-style-image:url(../images/listtype.png);
}
.thumbnail{
    float:left;
    width:216px;
    height:180px;
    border:1px solid #dedede;
    margin:10px 10px;
}
.thumbnail:hover a{
    color:#256194;
    font-weight:bold;
}
.caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777;
  text-align: center;
  font-size:12px;
}
.showImage{
    width:50%;
    float:left;
    text-align:center;
}
.imageDescription{
    width:100%;
    text-align:center;
}
.productTool{
    width:100%;
    height:40px;
    border-bottom:1px solid #DEDEDE;
    border-top:1px solid #DEDEDE;
    color:#fff;
    margin-top:20px;
}
.productTool .title{
    text-align:center;
    width:10%;
    height:40px;
    line-height:40px;
    vertical-align:middle;
    background-color:#256194;
}
.text-center{
    text-align:center;
}
.clear{
    clear:both;
}


.bodyCon08 .students{margin:0 auto;width:1100px;height:300px;position:relative;}
#four_flash{position:relative;width:1100px;height:300px; margin:0 auto;position:absolute;}
#four_flash .flashBg{width:998px;height:300px; margin:0 auto;position:relative;overflow:hidden;}
#four_flash .flashBg ul.mobile{width:2000%;height:300px; position:absolute;top:15; left:0;}
#four_flash .flashBg ul.mobile li{float:left;width:240px;height:340px;margin-left:26px;padding-top:40px;color:#6C6E85; text-align:center}
#four_flash .flashBg ul.mobile li:hover{color:#fff;}
#four_flash .flashBg ul.mobile li img{width:220px;height:140px;display:block; margin:0 auto;}
#four_flash .flashBg ul.mobile li p{font-size:16px; text-align:center;width:250px; line-height:24px;margin-top:10px;}
#four_flash .flashBg ul.mobile li a:hover{background:url(../images/jiantou2.png);}
#four_flash .but_left{width:50px;height:100px;position:absolute; top:70px; left:0px;}
#four_flash .but_right{width:50px;height:100px; position:absolute; top:70px; right:0px;}
#four_flash .but_left:hover{background:url(../images/qianxleft1.png) no-repeat;}
#four_flash .but_right:hover{background:url(../images/qianxr1.png) no-repeat;}
