body,div,h1,h2,h3,h4,a,p,img,ul,li,dl,dt,dd,span{
    margin:0;
    padding:0;
}
body{
    font:16px "Microsoft YaHei",Myriad Pro;
    color:#0f0f0f;
}
img{
    border:none;
}
ul,dl{
    list-style:none;
}
a{
    text-decoration:none;
}
a:hover{
    color:#ff0000;
}
.contain{
    width:1200px;
    margin:0 auto;
}
/* top bar begin*/
.topbar-top{
    width:100%;
    min-width:1200px;
    border-bottom:1px solid #eeeeee;
    height:30px;
    line-height:30px;
    font-size:13px;
    color:#666666;
    margin-bottom:10px;
}
.topbar-top .topbar-content{
    width:1200px;
    margin:0 auto;
}
.topbar-top .topbar-content .shop{
    float:right;
    margin-right:10px;
    cursor:pointer;
}
.topbar-top .topbar-content .welcome{
    color:#666666;
}
.topbar-top .topbar-content .welcome:hover{
    color:#ff0000;
}
/* top bar end*/
/* header begin*/
.header{
    width:1200px;
    height:90px;
    margin:0 auto;
    padding-top:16px;
    padding-bottom:10px;
}
.header .logo{
    height:90px;
    float:left;
}
.header .logo h1{
    display:none;
}
.header .logo-text{
    float:left;
    padding:6px 6px 6px 15px;
    font-size:14px;
    color:#999999;
    letter-spacing:2px;
    border-left:1px solid #999999;
    margin-left:10px;
    line-height:22px;
}
.header .logo a{
    display:block;
    float:left;
    margin-top:16px;
    margin-right:10px;
}
.header .tel{
    height:90px;
    float:right;
}
.header .tel p{
    color:#f8831b;
    font-size:18px;
    height:24px;
    line-height:24px;
    margin-bottom:3px;
    font-weight:bold;
}
.header .tel p img{
    margin-right:10px;
    vertical-align: middle;
    width:18px;
    height:18px;
}
/* header end*/
/* navigation begin*/
.navwrap{
    width:100%;
    min-width:1200px;
    height:36px;
    background:#eeeeee;
    position:relative;
    z-index:999;
}
.nav{
    width:1200px;
    height:36px;
    margin:0 auto;
}
.nav>li{
    float:left;
    width:12.5%;
}
.nav>li>a{
    display:block;
    height:36px;
    line-height:36px;
    color:#0f0f0f;
    text-align:center;
    font-size:14px;
}
.nav>li>a:hover{
    line-height:34px;
    color:#ffffff;
    background-color:#ff0000;
 }
.subnav{
    width:100%;
    margin:0 auto;
    position:absolute;
    left:0;
    top:36px;
    background-color:#ffffff;
    -webkit-box-shadow:2px 2px 5px #888888;
    -moz-box-shadow: 2px 2px 5px #888888;
    box-shadow: 2px 2px 5px #888888;
    height:410px;
    display:none;
}
.subnav .subnav-content{
    width:1200px;
    margin:0 auto;
    padding-top:40px;
   /* display:none;*/
}
.subnav .subnav-content .subnav-img{
    width:260px;
    height:316px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    overflow:hidden;
    float:left;
    margin-left:30px;
}
.subnav .subnav-content >ul{
    float:left;
    margin-left:30px;
    width:147px;
}
.subnav .subnav-content>ul li{
    height:30px;
    line-height:30px;
}
.subnav .subnav-content>ul li a{
    color:#0f0f0f;
    font-size:14px;
}
.subnav .subnav-content>ul li a:hover{
    color:#ff0000;
}
.subnav .subnav-content>ul .li-img{
    height:90px;
}
.subnav .subnav-content>ul .li-title a{
    font-size:18px;
    font-weight:bold;
    color:#0f0f0f;
}
.nav>.navCurrent{
    background-color:#ff0000;
    color:#fff;
}
.nav>.navCurrent>a{
    color:#fff;
}
/* navigation end*/
/* banner begin*/
.bannerwrap{
    position:relative;
}
.banner{
    width:100%;
    min-width:1200px;
    margin:0 auto;
}
.banner>li{
    position:absolute;
    top:0;
    left:0;
    width:100%;
}
.banner>li img{
    width:100%;
    height:100%;
    min-width:1200px;
}
.bannerwrap .banner-circle{
    position:absolute;
    bottom:30px;
    left:50%;
    width:120px;
    margin-left:-60px;
}
.banner-circle li{
    width:10px;
    height:10px;
    border:1px solid #ffffff;
    float:left;
    margin-right:10px;
    border-radius:50%;
    cursor:pointer;
}
.banner-circle li:hover{
   background-color:#ffffff;
}
.btn-prev{
    position:absolute;
    top:50%;
    left:3%;
    width:32px;
    height:32px;
    margin-top:-16px;
    background:url("../images/slider-arrow.png") no-repeat -175px;
    cursor:pointer;
}
.btn-prev:hover{
    background:url("../images/slider-arrow.png") no-repeat -115px;
}
.btn-next{
    position:absolute;
    top:50%;
    right:3%;
    width:32px;
    height:32px;
    margin-top:-16px;
    background:url("../images/slider-arrow.png") no-repeat -60px;
    cursor:pointer;
}
.btn-next:hover{
     background:url("../images/slider-arrow.png") no-repeat 0;
 }
 .banner .current-img{
     display:block;
     position:relative;
 }
 .bannerwrap .banner-circle .current-circle{
     background-color:#ffffff;
 }
/* banner end*/
/* title begin*/
.title{
    width:1200px;
    margin:60px auto;
    text-align: center;
}
.title .title-head{
    font-size:30px;
    color: #333333;
    margin-bottom:5px;
}
.title .title-text{
    font-size:16px;
    color: #999999;
    text-transform:uppercase;
    margin-top:5px;
}
.title .title-img{
    height:1px;
    background:url("../images/title-line.png") no-repeat;
    width:141px;
    margin:0 auto;
}
/* title end*/
/* what can we do begin*/
.do{
    width:1200px;
    margin:0 auto;
    height:auto;
    overflow:hidden;
}
.do .do-item{
    float:left;
    width:33%;
    text-align:center;
    margin-top:40px;
}
.do .do-item p{
    color:#666666;
    font-size:18px;
    margin:30px 0;
}
/* what can we do end*/
/* product begin*/
.product{
    width:1200px;
    margin:0 auto 50px auto;
    height:auto;
}
/*浮动后父元素依然保持高度*/
.clearfix{ zoom:1;}
.clearfix:after{ clear:both; display:block; content:"";}

.product .product-item{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float:left;
    width:31.33%;
    margin-left:1%;
    margin-right:1%;
    position:relative;
    margin-bottom:80px;
}
.product .product-item h2 a{
    font-size:26px;
    color: #333333;
    font-weight:normal;
}
.product .product-item h2 a:hover{
    color:#ff0000;
}
.product .product-item>p{
    color:#999999;
    font-size:16px;
    line-height:24px;
    letter-spacing:1px;
    margin:10px 0;
    height:72px;
    overflow:hidden;
}
/*.product .product-item .product-img p{
    width:348px;
    height:195px;
}*/
.product .product-item .product-img img{
    width:100%;
}
.product .btn-more{
    width:44px;
    height:30px;
    background-color: #666666;
    border-radius:50%;
    text-align:center;
    padding-top:14px;
    position:absolute;
    left:50%;
    margin-left:-22px;
    cursor:pointer;
    bottom:-20px;
}
.product .btn-more a{
    display:block;
    width:44px;
    height:30px;
    border-radius:50%;
}
.product .btn-more:hover{
    background-color:#ff0000;
}
/* product end*/
/* news begin*/
.news{
    width:1200px;
    margin:0 auto;
    height:auto;
}
.news .news-left,.news .news-right{
    float:left;
    width:48%;
}
.news .news-right{
    margin-left:3%;
}
.news .news-title{
    height:40px;
    line-height:40px;
}
.news .news-titleCurrent{
    color:#ff0000;
    font-weight:bold;
    border-bottom:2px solid #ff0000;
}
.news .news-title span{
    float:left;
}
.news-titleCmp,.news-titleInd{
    display:block;
    height:38px;
    cursor:pointer;
}
.news-switchCmp,.news-switchInd{
    display:none;
}
.news-switchCurrent{
    display:block;
}
.more{
    color:#ff0000;
    float:right;
    font-size:14px;
}
.news-left .news-content{
    margin-top:10px;
}
.news-content h3 a{
    font-size:15px;
    color:#333333;
}
.news-content h3 a:hover{
    text-decoration: underline;
}
.news-content h3 span{
    color:#999999;
    font-size:14px;
    font-weight:normal;
    float:right;
}
.news-content p{
    color:#666666;
    font-size:14px;
    margin-top:6px;
    margin-bottom:20px;
}
.news-left .news-list{
    border-top:1px solid #999999;
}
.news-left .news-list li{
    padding:5px;
    background:url("../images/dot.png") no-repeat center left;
}
.news-left .news-list li a{
    color:#666666;
    font-size:14px;
}
.news-left .news-list li a:hover{
    color:#ff0000;
}
.news-left .news-list span{
    float:right;
    color:#999999;
    font-size:14px;
}
.news-right .news-question{
    margin-top:10px;
    height:auto;
    float:left;
    width:48%;
}
.news-right .news-question .question-item{
    border-top:1px dashed #999999;
    margin-bottom:10px;
    padding-top:10px;
}
.news-right .news-question .question-item:first-child{
    border-top:none;
    padding-top:0;
}
.news-right .question-item h3{
    display:block;
    background:url("../images/question.png") no-repeat 0 5px;
    padding-left:30px;
    height:40px;
    overflow:hidden;
}
.news-right .question-item h3 a{
    color:#333333;
    font-size:15px;
    display:block;
    height:40px;
}
.news-right .question-item h3 a:hover{
    color:#ff0000;
}
.news-right .question-item p{
    margin-left:30px;
    font-size:14px;
    color:#666666;
    margin-top:5px;
    height:48px;
    overflow:hidden;
    line-height:24px;
}
/* news end*/
/* Engineering case begin */
.case{
    width:1200px;
    margin:0 auto;
}
.case .case-left{
    float:left;
    width:49%;
    position:relative;
}
.case .case-right{
    float:left;
    width:49%;
    margin-left:2%;
    position:relative;
}
.case img{
    width:100%;
    height:100%;
}
.case .case-mask{
    display:none;
    cursor:pointer;
}
.case .case-bg{
    zoom:1;
    position:absolute;
    width:100%;
    height:390px;
    top:0;
    left:0;
    background-color:#000000;
    color:#ffffff;
    opacity:0.5;
    -ms-filter: Alpha(Opacity=50);
    filter: Alpha(Opacity=50);
}
.case .case-bg>a{
  display:block;
  width:100%;
  height:390px;
  font-size:0;
}
.case .case-content{
    width:70%;
    color:#ffffff;
    position:absolute;
    top:30%;
    left:15%;
    text-align:center;
}
.case .case-content h3{
    font-size:20px;
}
.case .case-content h3 a{
    color:#ffffff;
}
.case .case-content h3 a:hover{
    text-decoration:underline;
}
.case .case-content p{
    line-height:28px;
}
.case .case-content>a{
  color:#ffffff;
  line-height:28px;
}
/* Engineering case end */
/* choose begin*/
.choose{
    width:1200px;
    margin:0 auto;
    height:680px;
    overflow: hidden;
}
.choose .choose-text{
    width:1000px;
    margin:0 auto;
    text-indent:32px;
    line-height:24px;
}
.choose .btn-more{
    display:block;
    width:150px;
    height:30px;
    background-color:#ff0000;
    margin:60px auto;
    color:#ffffff;
    text-align:center;
    line-height:30px;
    border-radius:30px;
}
.choose-left,.choose-right,.choose-middle{
    float:left;
}
.choose-left{
    margin-right:20px;
    width:300px;
    height:520px;
    overflow:hidden;
}
.choose-middle{
    width:400px;
    margin-right:20px;
}
.choose-left h3{
    font-size:20px;
    color:#ff0000;
    margin-bottom:10px;
}
.choose-left p{
    text-indent:32px;
    line-height:24px;
    margin-bottom:10px;
    color:#333333;
    font-size:15px;
}
.choose-middle img{
    width:100%;
    height:100%;
}
.choose-middle .img-right{
    display:block;
    width:210px;
    float:right;
    margin-top:15px;
}
.choose .choose-right{
    width:460px;
}
.choose-right h3{
    color:#ff0000;
    font-size:16px;
    margin-bottom:10px;
    height:20px;
    line-height:20px;
    overflow:hidden;
}
.choose-right p{
    color:#333333;
    overflow:hidden;
    font-size:15px;
    line-height:22px;
}
.choose-right .choose-img{
    margin:10px 0;
    height:150px;
}
.choose-right .choose-img img{
    float:left;
    margin-right:10px;
}
.choose-right .choose-rightItem{
    margin:20px 0;
}
/* choose end*/
/* foot begin*/
.foot{
    width:100%;
    min-width:1200px;
    background-color:#333333;
    padding-top:30px;
    margin-top:100px;
}
.foot .foot-phone{
    position:relative;
    padding-left:80px;
    border-right:1px solid #666666;
    width:160px;
    height:260px;
    margin-right:20px;
}
.foot .foot-phone img{
    width:50px;
    position:absolute;
    left:0;
    top:0;
}
.foot .foot-phone h3{
    color:#d7d8d9;
}
.foot .foot-phone h2{
    color:#ffffff;
    font-size:20px;
    margin-bottom:10px;
}
.foot .foot-phone ul li{
    height:30px;
    line-height:30px;
}
.foot .foot-phone ul li a{
    color:#777777;
    font-size:14px;
    font-weight:bold;
}
.foot .foot-phone ul li a:hover{
    color:#ff0000;
}
.foot .foot-content{
    width:1200px;
    margin:0 auto;
}
.foot .foot-content>li{
    float:left;
}
.foot .foot-content>li h3{
    color:#cccccc;
    font-size:15px;
    margin-bottom:10px;
}
.foot .foot-content .foot-product{
    width:400px;
    margin-left:30px;
}
.foot .foot-content .foot-solution{
    width:340px;
}
.foot .foot-content .foot-product dl{
    float:left;
}
.foot-content .foot-product dl dt{
    color:#cccccc;
    font-size:13px;
    margin-top:10px;
    font-weight:bold;
}
.foot-content .foot-product dl dd{
    height:30px;
    line-height:30px;
}
.foot-content .foot-product dl dd a{
    color: #777777;
    font-size:12px;
    font-weight:bold;
}
.foot-content .foot-product dl dd a:hover{
    color:#ff0000;
}
.foot .foot-news{
    width:100px;
    margin-left:30px;
}
.foot-news ul li{
    height:30px;
    line-height:30px;
    color:#888888;
    font-size:12px;
    font-weight:bold;
}
.foot-news ul li a{
    color:#888;
    font-size:13px;
}
.foot-news ul li a:hover{
    color:#ff0000;
}
.foot .foot-hot{
    width:1200px;
    margin:30px auto;
    border-top:1px solid #666666;
    border-bottom:1px solid #666666;
    padding:20px 0;
}
.foot .foot-hot li{
    height:28px;
    line-height:28px;
    overflow:hidden;
}
.foot .foot-hot li h3{
    font-size:12px;
    color:#999999;
    float:left;
    width:80px;
}
.foot .foot-subhot li{
    width:160px;
    overflow:hidden;
    float:left;
}
.foot .foot-subhot li a{
    color:#6d6d6d;
    font-size:12px;
    font-weight:bold;
}
.foot .foot-subhot li a:hover{
    color:#ff0000;
}
.foot .foot-link{
    width:1200px;
    margin:0 auto;
}
.foot .foot-link dt{
    float:left;
    color:#666666;
    font-size:14px;
    font-weight:bold;
    height:20px;
    line-height:20px;
    width:80px;
}
.foot .foot-link dd{
    float:left;
    height:20px;
    line-height:20px;
    width:160px;
}
.foot .foot-link dd a{
    color:#808080;
    font-size:14px;
}
.foot .copyRignt{
    padding:20px 0;
    width:1200px;
    margin:0 auto;
    color:#808080;
    font-size:14px;
}
.foot .copyRignt a{
    color:#999999;
}
.foot .copyRignt a:hover{
    color:red;
}
.foot-subhot{
    overflow: hidden;
}
/* foot end*/
/* rightNav begin*/
.rightNav{
    position:fixed;
    bottom:20px;
    right:20px;
    z-index:1000;
}
.rightNav li{
    width:40px;
    height:40px;
    margin-bottom:10px;
    background-color:#ff0000;
    cursor:pointer;
    text-align:center;
    line-height:40px;
}
.rightNav li a{
    display:inline-block;
    height:40px;
    width:40px;
}
.rightNav li .onlineCon{
    background:url("../images/dialogue.png") no-repeat left top;
}
.rightNav li .onlineCon:hover{
    background:#c80000 url("../images/dialogue.png") no-repeat -40px;
}
.rightNav li .goTop{
    background:url("../images/back.png") no-repeat left top;
}
.rightNav li .goTop:hover{
    background:url("../images/back.png") no-repeat -40px;
}
/* rightNav end*/