/*************头部设置*******************/
.header{
    position: relative;
    z-index:333;
}
.search{
    width: 238px;
    overflow: hidden;
    line-height: 96px;
    *line-height: 96px;
    _line-height:96px;
    display: inline-block;
}
.search input{
    width: 190px;
    height: 25px;
    border: 1px solid #ccc;
    padding-left: 10px;;
}
.search #search{
    padding-left: 0;
    float: left;
    border: none;
    width: 36px;
    height: 27px;
    cursor: pointer;
}
.header .-box{
    overflow: hidden;
    width:65%;
    height:39px;
    background: url(../images/line.png) no-repeat;
    background-color:transparent ;
    position: absolute;
    background-size:cover;
    bottom:-18px;
    right: 0;
    box-shadow: 24px 7px 15px rgba(0,0,0,0.5);
    z-index: 9999;
}
.header .-box ul{
    padding-left: 24px;
}
.header .-box ul li{
    float: left;
    width: 102px;
    height: 39px;
    line-height:39px;
    text-align: center
}
.header .-box ul li a{
    display: block;
    color: #fff;
}
.header .-box ul li a.active{
    background: url(../images/line-one.jpg) no-repeat;
}
/*************************************/

/**************首页设置*******************/
.center{
    width: 1024px;color: #fff
}
.center p{
    line-height: 25px;
}
ul.cp{
    margin: 20px 0 20px 20px;
}
ul.cp li{
    background: url(../images/star.jpg) no-repeat;
    padding-left: 15px;
    background-position: left 5px;
    margin: 5px 0;
}
ul.cp li a{
    display: block;
    color: #8A8C8E;
}
a.more{
    color: #fff;
    display: block;
    width: 52px;
    padding:2px 5px;
    background: #0398D9;
    text-align: center;
}
ul.wt{
    width: 25%;
    padding-left: 50px;
    float: left;
}
ul.wt li{
    margin: 5px 0;
}
ul.wt a{
    color: #4c4c4c
}
.slideGroup  ul{overflow: hidden}
.slideGroup  ul li{ margin:0 19px; float:left; _display:inline; overflow:hidden; text-align:center;}
.slideGroup .slideBox{ overflow:hidden; zoom:1;position:relative; }
.slideGroup .slideBox img{ display:block;width:300px;}
.slideGroup .sPrev,.slideGroup .sNext{z-index: 666; position:absolute; left:0; top:50px; display:block; width:15px; height:28px;  background:url(../images/left.png) center center no-repeat transparent; }
.slideGroup .sNext{ left:auto; right:0; background:url(../images/right.png) center center no-repeat transparent;  }
.slideGroup .title a{ color:#4c4c4c; }
.-table{width: 100%;}
/******************************/

/************页脚设置*****************/
.fy{
    width: 540px;
    overflow: hidden;
    margin:60px auto;
}
.fy li{
    float: left;
    padding: 2px;
    border: 1px solid #ccc;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    margin: 0 10px;
    background:#fff;
    box-shadow: 7px 2px 13px rgba(0,0,0,0.3);
}
.fy li:hover,.fy li.active{
    background:#1D62B0 ;
}
.fy li:hover a,.fy li.active a{
    color: #fff;
}
.fy li a{
    display: block;
}
.fy li.u-d{
    width: 40px;
    background: #fff;
}
.fy li.u-d:hover a{
    color: #000;
}
.footer{
    margin-bottom: 40px;
}
.footer ul li{
    margin-left: 20px;
    height: 56px;
    line-height: 56px;
}
/******************************/

/*********二级页面设置*****/

/************产品**************/
ul.nav{
    overflow: hidden;
    margin-top: 20px;
    border-top: 3px solid #0095e0;
}
ul.nav li{
    width: 166px;
    height: 45px;
    background: #fff;
    line-height: 45px;
    text-align: center;
    margin-right: 5px;
}
ul.nav li a{
    display: block
}
ul.nav li a:hover,ul.nav li a.hover{
    background: #0095e0;
    color: #fff;
}
ul.nav- {
    overflow: hidden;
    margin: 40px 0;
    padding-left: 60px;
}
ul.nav- li{
    float: left;
    width: 100px;
    margin-right: 10px;
}
ul.nav- li a{
    display: block;
    text-align: center;
}
ul.nav- li a:hover{
    color: #0095e0;
}
div.cp{
    overflow: hidden;
    float: left;
    width: 304px;
    height: 349px;
    border: 1px solid #dedede;
    transition: all ease 0.35s;
    -moz-transition:all ease 0.35s;
    -webkit-transition:all ease 0.35s;
    -o-transition:all ease 0.35s;
}
div.cp:hover{
    border-color:#0095e0;
}
div.cp:hover p{
    background: #0095e0;
    color: #fff;
}
div.cp a{
    display: block;
}
div.cp img{
    width: 304px;
    height: 309px;
}
div.cp p{
    height: 40px;
    line-height: 40px;
    text-align: center;
    transition: all ease 0.35s;
    -moz-transition:all ease 0.35s;
    -webkit-transition:all ease 0.35s;
    -o-transition:all ease 0.35s;
}
/**************产品三级*****************/
div.show{
overflow: hidden;
}
div.show div.one{
    width: 500px;
    height: 340px;
    border: 1px solid #ccc;
    float: left;text-align: center;
}
div.show div.two{
    width: 460px;
    height: 242px;
    float: left;
    padding:50px 20px;
}
div.show div.two p{
    line-height: 25px;
    margin-bottom: 30px;
}
div.support{
    width: 950px;
    margin: 40px auto;
    overflow: hidden;
}
div.support .build:last-child{
    float: right;
}
div.support .build{
    width:430px ;
    overflow: hidden;
    float: left;
}
div.support .build img{
    float: left;
    width: 58px;
    height: 58px;
}
div.support .build ul{
    width: 350px;
    margin-left: 20px;
    float: left;
}
div.support .build ul li{
    margin: 8px 0;
}
div.support .build ul li:first-child{
    font-size: 16px;
    color: #017DB9;
    margin-bottom: 15px;
}

/**********新闻列表**************/
ul.news{
    margin: 20px 0;
}
ul.news,ul.news li{
    overflow: hidden;
}
ul.news li{
   font-size: 14px;
    margin: 10px 0;
    line-height: 25px;
}
ul.news li a{
    display: block;
    color: #909090;
    transition: all ease 0.35s;
    -moz-transition:all ease 0.35s;
    -webkit-transition:all ease 0.35s;
    -o-transition:all ease 0.35s;
}
ul.news li a:hover{
    color: #000;
    text-decoration: underline;
}
ul.news li:first-child{
    font-size: 16px;
}
ul.news li span.-f-l{
    color:#0194E1;
}
ul.news li span.-f-r{
    color: #B9B7B8;
    background: url(../images/clock.jpg) no-repeat left;
    padding-left:18px;
}
/*************新闻详情*****************/
div.detail{
    width: 1000px;
    margin:auto;
}
div.detail div:last-child{
    width: 950px;
    margin: 20px auto;
}
div.detail div:last-child p{
    text-indent: 2em;
    line-height: 25px;
    font-size: 14px;
}
div.detail div:last-child img {
    display: block;
    margin: 20px auto;
}
/***************下载中心****************/
div.download{
    margin: 60px 0 20px 0;
    padding: 0 50px;
}
div.download ul li{
    color: #6F6F6F;
    overflow: hidden;
    background: url(../images/blue.jpg) no-repeat left 7px;
    padding:0 0 3px 15px;
    border-bottom: 1px dotted #ccc;
    margin: 10px 0;
}
div.download ul li span.-f-r a{
    display: block;
    opacity: .8;
}
div.download ul li span.-f-r a:hover{
    opacity: 1;
}
/***********关于公司*************/
div.about{
    margin: 60px 0 20px 0;
}
div.about img{
    width: 960px;
    display: block;
    margin: auto;
}
div.about .art{
    width: 940px;
    margin:40px  auto 80px auto;
}
div.about .art p{
    text-indent: 2em;
    line-height: 30px;
}
div.about .art ul{
    margin-top:40px ;
}
div.about .art ul li{
    margin: 5px 0;
}
/*************联系我们**************/
div.map{
    overflow: hidden;
}
div.map .one{
    float: left;
    width: 294px;
    height: 283px;
    background: #0095E1;
    color: #fff;
    padding: 70px 30px 0 30px;
}
div.map .one table.-table tr,div.map .one table.-table td{
    background: transparent;
    height: 30px;
}
div.map .two{
    float: left;
    width: 670px;
    height: 353px;
}
div.contact{
    width: 728px;
    margin:40px auto;
}
div.contact p{
    background: url(../images/line-f.jpg) no-repeat bottom;
    font-size: 20px;
    padding-bottom: 10px;
    color: #0095DE;
    margin: 40px 0;
}
div.form{
    overflow: hidden;
    width: 336px;
    position: relative;
    margin: 10px 0;
}
div.form input{
    width: 334px;
    height: 30px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: transparent;
}
div.form span,div.form2 span{
    display: block;
    background: url(../images/name.png) no-repeat left 5px;
    background-color:#fff ;
    padding-left: 25px;
    height: 30px;
    line-height: 30px;
    color: #AEAEAE;
    position: absolute;
    top:1px;
    left: 10px;
    z-index: -2;
}
div.form span#f2{
    background: url(../images/tel.png) no-repeat left 7px;
}
div.form span#f3{
    background: url(../images/mail.png) no-repeat left 10px;
}
div.form span#f4{
    background-image: url(../images/add.png);
}
div.form2{
    overflow: hidden;
    width:728px;
    position: relative;
    margin: 20px 0;
}
div.form2 textarea{
    width: 726px;
    border: 1px solid #ccc;
    border-radius: 5px;
    height: 106px;
    resize: vertical;
    overflow: hidden;
    outline: none;
    background-color: transparent;
}
div.form2 span#f5{
    background-image: url(../images/pen.png);
}
div.tj button{
    width: 128px;
    height: 28px;
    background: #437EBA;
    outline: none;
    border: 1px solid transparent;
    color: #fff;
    margin-right: 20px;
    cursor: pointer;
}
div.tj button:last-child{
    background: #9C9C9C;
}