/* body{
	background: url('images/indexpage1bg.png');
} */


* { margin: 0; padding: 0;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}

/* .page1 { background-color: #1bbc9b;background: url('../images/indexpage1bg1.gif');background-repeat:no-repeat;background-size:100%;-moz-background-size:100%;-webkit-background-size:100%;} */
.page2 {overflow: hidden; background-color: #fff;background: url('../images/indexpage2bg.png');background-repeat:no-repeat;background-size:100%;-moz-background-size:100%;-webkit-background-size:100%; border-radius:0px 0px 200px 0px;}

.page3{padding:5% 15%;background-color: #fff; background: url('../images/indexpage3bg.png');background-repeat:no-repeat;background-size:100%;-moz-background-size:100%;-webkit-background-size:100%;}
.page4,.page5, .page6 { padding: 10% 15%;}
.page4{background: url('../images/indexpage4bg.png'); background-repeat:no-repeat;background-size:100%;-moz-background-size:100%;-webkit-background-size:100%;}
.page5{background: url('../images/indexpage5bg.png'); background-repeat:no-repeat;background-size:100%;-moz-background-size:100%;-webkit-background-size:100%;}
.page6{background: url('../images/indexpage6bg.png'); background-repeat:no-repeat;background-size:100%;-moz-background-size:100%;-webkit-background-size:100%;}

.page1 .layui-nav{width: auto;display: table; margin: 0px auto;}
.page1 .logo{display: inline; overflow: hidden;}
.page1 .logo img{background:#06A0C9; width:15%;padding: 15px 10px;}

/*css reset start*/
    *{
    margin:0;
    padding:0;
    }
    ul,li{
    list-style: none;
    }
    /*css reset end*/

    /*css public start*/
    .floatfix {
    *zoom: 1;
    }
    .floatfix:after {
    content: "";
    display: table;
    clear: both;
    }
    /*css public end*/

    /*slider start*/
    .slider-contaner{
    width:100%;
    height: 100%;
    position:absolute;
    top: 0;
    z-index: -100;
    }
    .slider-item + .slider-item{
    opacity:0;
    }
    .slider-item{
    width:100%;
    height: 100%;
    position:absolute;
    animation-timing-function: linear;
    animation-name:fade;
    animation-iteration-count: infinite;
    background-size:100%;
    }
    .focus-container{
    position:absolute;
    z-index:7;
    margin:0 auto;
    left:0;
    right:0;
    }
    .focus-container li{
    width:10px;
    height:10px;
    border-radius:50%;
    float:left;
    margin-right:10px;
    background:#fff;
    }
    .focus-item{
    width:100%;
    height:100%;
    border-radius:inherit;
    animation-timing-function: linear;
    animation-name:fade;
    animation-iteration-count: infinite;
    }
    .focus-item2,.focus-item3,.focus-item4,.focus-item5{
    opacity:0;
    }
    .focus-container ul{
    margin-left:49%;
    }
    /*设置轮播焦点的位置*/
    .focus-container{
    bottom:2%;
    }
    /*设置当前图片焦点的颜色*/
    .focus-item{
    background:#51B1D9;
    }
    /*设置动画，请根据实际需要修改秒数*/
    .slider-item,.focus-item{
    animation-duration: 16s;
    }
    .slider-item1,.focus-item1{
    animation-delay: -1s;
    }
    .slider-item2,.focus-item2{
    animation-delay: 3s;
    }
    .slider-item3,.focus-item3{
    animation-delay: 7s;
    }
    .slider-item4,.focus-item4{
    animation-delay: 11s;
    }
    @keyframes fade{
    0%{
    opacity:0;
    z-index:2;
    }
    5%{
    opacity:1;
    z-index: 1;
    }
    22%{
    opacity:1;
    z-index:1;
    }
    25%{
    opacity:0;
    z-index:0;
    }
    100%{
    opacity:0;
    z-index:0;
    }
    }
    /*设置背景，响应式请利用媒体查询根据断点修改路径*/
    .slider-item1{
    background-image:url('../images/indexpage1bg1.png');background-repeat: no-repeat;background-size:100%;-moz-background-size:100%;-webkit-background-size:100%;
    }
    .slider-item2{
    background-image:url('../images/indexpage1bg1.png');background-repeat: no-repeat;background-size:100%;-moz-background-size:100%;-webkit-background-size:100%;
    }
    .slider-item3{
    background-image:url('../images/indexpage1bg1.png');background-repeat: no-repeat; background-size:100%;-moz-background-size:100%;-webkit-background-size:100%;
    }
    .slider-item4{
    background-image:url('../images/indexpage1bg1.png');background-repeat: no-repeat;background-size:100%;-moz-background-size:100%;-webkit-background-size:100%;
    }
    .slider-item5{
    background-image:url('../images/indexpage1bg1.png');background-repeat: no-repeat;background-size:100%;-moz-background-size:100%;-webkit-background-size:100%;
    }
    /*设置图片的高度，请根据具体需要修改百分比，响应式及时修改此值*/
    .slider,.slider-item{
    padding-bottom:40%;
    }





/* .page2 p.title { position: relative; top: 5%; background: #3391C7; width: 23%; min-width: 300px; margin: 5px auto;font: 500 30px "Microsoft Yahei"; color: #fff; border-radius: 5px; text-align: center;padding: 20px 50px; border: #258CC7 1px solid;} */
/* .page2 .menu{background: #3391C7; min-width: 550px; margin: 15px auto 0px; text-align: center; height: 100px; padding-top: 15px;}
.product{width: 33%; margin: 10%}
.product img{width: 70px; margin: 5px auto;} */
.page2 .layui-tab{width: 60%;margin:7% auto; height:80%;  text-align: center;overflow: hidden;}
.page2 ul{width: 100%}
/* .page2 .video{width: 65%; height: 50%; overflow:hidden; background: #fff;margin: 0px auto;} */
.page2 
.page2 .layui-tab-title{position:static;margin:5px auto;height:20%;white-space:nowrap;font-size:0;border-bottom:1px solid #e2e2e2;transition:all .2s;-webkit-transition:all .2s}
.page2 .layui-tab-title li{width: 33.3%;height: 68px;background: #3391C7;padding: 5px;}
.page2 .layui-tab-title li img{width: 50px;height: auto;}
.page2 .layui-tab-title .layui-this{background: #FFF;padding: 5px;}
.page2 .layui-tab-content{width: 100%;background: #fff;height: 70%;padding: 0px;margin-bottom: 10%;}
/* .page2 .layui-tab-content .layui-tab-item{padding: 0px; margin: 0px;width: 100%;height: 100%;} */
.page2 .layui-tab-content .layui-tab-item video{padding: 0px; margin: 0px;width: 100%;height: 100%;}
.page2 .layui-tab-content .layui-tab-item img{padding: 0px; margin: 0px;width: 100%;height: 90%;}

.page3_left img{width:70%; border: 10px #231816 solid;}
.page3_right div{margin-top:3%;}
.page3_right p{padding: 30px 10px 5px;text-indent:2em; }
.page3_down span{margin-top:5%;}
.page3_down img{width:90%;}

.page4 img{width:25%;}
#articleList {
    padding-top: 30px;
    padding-bottom: 10px;]
}

#articleList dl {
    padding: 0px 0;
    zoom: 1;
    overflow: hidden;
    margin:0px;
}

#articleList dt {
    width: 70%;
    padding-left: 15px;
    margin-left:10%;
    font-size: 14px;
    font-family: 微软雅黑;
    float: left;
}

#articleList a {
    text-decoration: none;
    color: #333333;
}

.pager {
    text-align: right;
    padding-top:5px;
    color: #666;
    height: 35px;
    text-align: center;
}

.page5_up img{padding:0px 15px 15px 0px;}
.page5_down img{padding:0px 15px 15px 0px;}

footer{color:#000; background: #38A0C9; border-radius: 50px 0 0 0; padding: 20px; position: absolute; bottom: 0;left:0; width: 100%; text-align: center;}