.main{background: url("../images/children.jpg") no-repeat center;height: 500px;}
.children-nav{border-bottom: 1px solid #ededed;}
.brand{font-family: "宋体";padding: 25px 0;width: 1200px;margin: 0 auto;font-size:14px; }
.brand span,.brand a{display: inline-block;font-family: "Microsoft YaHei"; color: #5d5d5d;}
.brand span{width: 25px;height: 22px;background: url("../images/brand.png") no-repeat;position: relative;top: 5px;}

/*news*/
.news{width: 1200px;margin: 50px auto;}
.news ul li{margin-bottom: 30px;}
.news ul li a{display: block;}
.news ul li .news-img{float: left;width: 25%;height: 200px;overflow: hidden;}
.news ul li .news-img img{width: 100%;transition: all 0.5s ease;}
.news ul li .news-con{float: right;width: 70%;}
.news ul li:hover .news-img img{transform: scale(1.1,1.1)}
.news ul li .news-con h3{font-size: 20px;margin-bottom: 30px;}
.news ul li .news-con p{line-height: 30px;color: #717171;height: 54px;}
.news ul li:hover .news-con h3{color: #f3c980;}
.news ul li .news-con span{display:block;margin-top: 60px;color: #717171;background: url("../images/clock.png") no-repeat left center;padding-left: 25px;}
.news-detail{width: 1200px;margin: 70px auto;}
.news-detail .top{padding-bottom: 10px; border-bottom: 1px dashed #d2d2d2;}
.news-detail .top h2{margin-bottom: 10px;}
.news-detail .top p{color: #a2a2a2;}
.news-detail .confirm{padding: 30px;}
.news-detail .confirm p{line-height: 36px;}
.news-detail .confirm p img{width: 50%;}
.news-detail .select{font-size: 14px;margin-top: 20px;}
.news-detail .select .left{float: left;}
.news-detail .select .right{float: right;}
.news-detail .select a:hover{color: #f3c980;}

/*page*/
.pagination {margin: 70px 0 0 0;text-align:center;}
.pagination > li {display: inline-block;}
.pagination > li > a,
.pagination > li > span {position: relative;float: left;padding: 6px 12px;margin-left: -1px;line-height: 1.42857143;color: #949494;text-decoration: none;background-color: #fff;border: 1px solid #ddd;}
.pagination > li:first-child > a,
.pagination > li:first-child > span {margin-left: 0;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.pagination > li:last-child > a,
.pagination > li:last-child > span {border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {z-index: 3;color: #f3c980;background-color: #eee;border-color: #ddd;}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {z-index: 2;color: #fff;cursor: default;background-color:#f3c980;border-color: #f3c980;}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {color: #777;cursor: not-allowed;background-color: #fff;border-color: #ddd;}
.pagination-lg > li > a,
.pagination-lg > li > span {padding: 10px 16px;font-size: 18px;line-height: 1.3333333;}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {border-top-left-radius: 6px;border-bottom-left-radius: 6px;}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {border-top-right-radius: 6px;border-bottom-right-radius: 6px;}
.pagination-sm > li > a,
.pagination-sm > li > span {padding: 5px 10px;font-size: 12px;line-height: 1.5;}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {border-top-left-radius: 3px;border-bottom-left-radius: 3px;}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {border-top-right-radius: 3px;border-bottom-right-radius: 3px;}
.pager {padding-left: 0;margin: 20px 0;text-align: center;list-style: none;}
.pager li {display: inline;}
.pager li > a,
.pager li > span {display: inline-block;padding: 5px 14px;background-color: #fff;border: 1px solid #ddd;border-radius: 15px;  }
.pager li > a:hover,
.pager li > a:focus {text-decoration: none;background-color: #eee;}
.pager .next > a,
.pager .next > span {float: right;}
.pager .previous > a,
.pager .previous > span {float: left;}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {color: #777;  cursor: not-allowed;background-color: #fff;}

/*contact*/
.contact{width: 1200px;margin: 60px auto;}
.contact .box{float: left;}
.contact #map{float: right;}
.contact .box .title{font-size: 30px;color: #f3c980;}
.contact .box .title p:nth-of-type(2){font-size: 16px;}
.contact .box .add p{line-height: 48px;}
.contact .box .ma .ma-box{float: left;font-size: 14px;text-align: center;margin: 0 10px;}
.contact .box .ma .ma-box img{padding: 10px;border: 1px solid #dadada;}
.contact .box .ma .ma-box p{margin-top: 10px;}
#map{width: 50%;height: 500px;border: 1px solid #d2d2d2;}

/*about*/
.about{margin: 70px auto;}
.about .box{width: 1200px;margin: 0 auto;}
.about .about-top{width: 200px;margin: 0 auto;text-align: center;font-size: 24px;border-bottom: 1px solid #d2d2d2;color: #5a5a5a;}
.about .about-top span{border-bottom: 2px solid #f3c980;display: inline-block;padding-bottom: 10px;}
.about .con{margin-top: 50px;background: url("../images/bg.png") no-repeat center 64px;}
.about .con div{width: 44%;float: left;line-height: 40px;font-size: 14px;text-align: justify;margin: 3%;}
.about .culture{background: url("../images/about-bg.jpg") no-repeat;padding: 50px 0;color: #fff;margin: 70px auto;}
.about .culture .box{width: 1200px;margin: 50px auto;}
.about .culture .about-top{color: #fff;}
.about .culture .box p{width: 15%;height:244px;margin:0 2.2%;line-height: 48px;float: left;text-align: center;border: 3px solid #f3c980;padding: 10px 30px;}
.scroll_horizontal{position:relative;width:1200px;height:auto;padding:10px;margin: 50px auto;}
.scroll_horizontal .box{overflow:hidden;position:relative;width:1080px;height:auto;margin:0 auto;}
.scroll_horizontal .list{overflow:hidden;width:9999px;}
.scroll_horizontal .list li{float:left;width:360px;}
.scroll_horizontal .list li img{display: block;width: 95%;}
.scroll_horizontal .prev,
.scroll_horizontal .next{position:absolute;top:50%;margin-top:-25px;width:40px;height:50px;background-image:url(../images/control.png);background-repeat:no-repeat;font:0/0 Arial;cursor:pointer;}
.scroll_horizontal .prev{left:5px;background-position:0 0;}
.scroll_horizontal .next{right:5px;background-position:-40px 0;}
.scroll_horizontal .prev:hover{background-position:0 -50px;}
.scroll_horizontal .next:hover{background-position:-40px -50px;}

/*product*/
.product{width: 1200px;margin: 40px auto;}
.pro-left{float: left;width: 15%;border: 1px solid #f3c980;padding: 20px;}
.pro-left h3{font-size: 24px;margin-bottom: 10px;color: #303030;}
.pro-left h3 span{display:none;}
.pro-left ul li a{display: block;padding: 10px 0;font-size: 16px;transition: all ease 0.5s;color: #737373;}
.pro-left ul li a:before{display: block;content: "";width: 10px;height: 10px;background-color: #f3c980;border-radius: 100%;float: left;margin-top: 7px;margin-right: 14px;}
.pro-left ul li a:hover{text-indent:15px;}
.pro-right{float: right;width: 75%;}
.pro-right .title{margin-bottom: 10px;}
.pro-right .title h4{padding-bottom: 10px;padding-left:10px;border-bottom: 1px solid #f3c980;font-size: 18px;font-weight: 400;}
.pro-right .title h4:before{display: block;content: "";width: 10px;height: 10px;background-color: #f3c980;border-radius: 100%;float: left;margin-top: 7px;margin-right: 14px;}
.pro-right .content > ul>  li{margin: 1.6%;width: 30%;text-align: center;float: left;}
.pro-right .content > ul > li .pro-show{overflow: hidden;margin-bottom: 10px;}
.pro-right .content > ul > li .pro-show img{width: 100%;display: block;transition: all 0.5s ease;}
.pro-right .content > ul > li .pro-show img:hover{transform: scale(1.1,1.1)}

/*product-detail*/
.pro-right .content .tab{float: left;width: 50%;margin-right: 20px;}
.pro-right .content .tab .top img{width: 98%;display: block;}
.pro-right .content .tab .li{width: 100%;margin-top: 5px;}
.pro-right .content .tab .li ul li{float: left;width: 15%;cursor: pointer;margin-right: 0.7%;border: 2px solid transparent;}
.pro-right .content .tab .li ul li img{width: 100%;display: block;}
.pro-right .content .tab .li ul li.active{border: 2px solid #ff0000;}

@media screen and (max-width: 1024px) {
    /*brand*/
    .brand,.contact,.news,.about .box,.product,.scroll_horizontal{width: 95%;}
    /*news*/

    /*about*/
    .about .culture .box{width: 90%;}
    .about .con{background: none;}
    .about .con div{width: 100%;margin: 10px 0;}
    .about .culture .box p{padding: 10px 24px;line-height: 36px;margin: 2%;}
    .scroll_horizontal .box{width: 900px;}
    .scroll_horizontal .list li{width: 305px;}
    /*news-detail*/
    .news-detail{width: 90%;}
    /*product-detail*/
    .pro-right .content .tab .li ul li{margin-right: 0.5%;}
}
@media screen and (max-width: 960px){
    /*about*/
    .about .culture .box p{padding: 10px 22px;}
    .scroll_horizontal .box{width: 800px;}
    .scroll_horizontal .list li{width: 272px;}
}
@media screen and (max-width: 800px){
    /*main*/
    .main{background-position-x:66%; }
    /*contact*/
    .ma{display: none;}
    #map{height: 400px;}
    /*about*/
    .about .culture .box p{width: 40%;height: 110px;padding: 10px 17px;}
    .scroll_horizontal .box{width: 665px;}
    .scroll_horizontal .list li{width: 335px;}
    /*news-detail*/
    .news-detail .confirm p img{width: 80%;}
    /*product-detail*/
    .pro-right .content .tab .li ul li{margin-right: 0.2%;}
}
@media screen and (max-width: 736px){
    /*news*/
    .news ul li .news-con p{overflow: hidden;}
    .news ul li .news-con span{margin-top: 40px;}
    /*contact*/
    .contact .box,.contact #map{float: none;}
    .contact #map{width: 100%;}
    /*about*/
    .about .culture .box p{width: 96%;height: auto;margin: 10px 0;padding: 10px;}
    .about .culture .box{margin: 25px auto;}
    .scroll_horizontal .box{width: 600px;}
    .scroll_horizontal .list li{width: 310px;}
    /*product*/
    .pro-left,.pro-right{float: none;width: 100%;}
    .pro-left{padding: 0;border: none;margin-bottom: 20px;}
    .pro-left h3 span{float: right;display: block;width: 25px;height: 25px;border: 1px solid #9c9c9c;border-radius: 100%;color: #9c9c9c;text-align: center;line-height: 25px;font-family: "宋体";font-size: 12px;transform: rotate(90deg)}
    .pro-left ul{display: none;}
}
@media screen and (max-width: 670px){
    /*news*/
    .news ul li .news-con span{margin-top: 20px;}
    /*about*/
    .about .culture{background-size: auto 613px;background-position-x: 70%;}
    .scroll_horizontal{width: 320px;}
    .scroll_horizontal .box{width: 240px;}
    .scroll_horizontal .list li{width: 250px;}
}
@media screen and (max-width: 570px){
    /*about*/
    /*product-detail*/
    .pro-right .content .tab{float: none;width: 100%;}
    .pro-right .content .tab .li ul li{margin-right: 0.8%;}
    .pro-right .content .information{margin-top: 20px;}
}
@media screen and (max-width:480px){
    /*main*/
    .main{height: 300px;background-size:auto 300px;background-position-x:70%;  }
    /*news*/
    .news ul li .news-img,.news ul li .news-con{float:none;width: 100%;margin-bottom: 20px;}
    .news ul li .news-con span{margin-top: 40px;}
    /*about*/
    .about .culture .box p{width: 93.5%;}
    .about .culture{background-size: auto 670px;background-position-x: 70%;}
    /*news-detail*/
    .news-detail .confirm p img{width: 100%;}
    /*product*/
    .pro-right .content ul li{width: 46.5%;}
    /*product-detail*/
    .pro-right .content .tab .li ul li{margin-right: 0.5%;}
}