.section { padding: 60px 0; height: 780px; overflow:hidden;box-sizing:border-box;}
    .section .logo{ width: 380px; height: 56px;background-position: 0 -219px; margin-bottom: 60px;}
    .section .cont{padding: 20px 0; }
    .section a.more{ display: block; width: 120px; height: 36px; line-height: 36px; text-align: center; background:rgba(220,0,0,.8); color: #fff; text-decoration: none; margin: auto; border-radius: 2px; margin: 20px auto;}
    .section a.more:hover{ background: rgba(220,0,0,1);}
.section1{ padding: 0;}
.section1 .slideBox{ width:100%; height:100%; position:relative; }
    .section1 .slideBox .hd{ height: 20px; overflow: hidden; position: absolute; bottom:60px; z-index: 1; width: 100%; text-align: center;}
    .section1 .slideBox .hd ul{ zoom: 1; }
    .section1 .slideBox .hd ul li{ display: inline-block; width: 16px; height: 16px; background:#fff; cursor: pointer; margin: 0 5px; border-radius: 50%;}
    .section1 .slideBox .hd ul li.on{ background: #d00}
    .section1 .slideBox .bd{ position:relative; height:100%; width: 100%; z-index:0;   }
    .section1 .slideBox .bd ul,.slideBox .bd ul li{width:100%!important; height: 100%;}
    .section1 .slideBox .bd img{ width:100%; height:auto; display:block;  margin:auto; }
.section2{ background: url(../images/about.jpg) 50% no-repeat; margin-top: -12px;}
    .section2 .wrap{ width: 1000px; }
    .section2 .cont{ line-height: 2em; text-indent: 2em; background: rgba(255,255,255,.2); padding: 20px;}
    .section2 a{ display: inline-block; width: 80px; height: 30px; line-height: 30px; vertical-align: middle; text-indent: 0;background: rgba(220,0,0,1); color: #fff; text-align: center;}
.pic li{ width: 30%; margin: 1.5%; float: left;}
    .pic li img{ display: block;}

.picScroll-left{position:relative;  clear: both; }
    .picScroll-left .hd{ overflow:hidden;  height:30px; padding-right: 20px;}
        .picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:32px; height:22px; float:right; margin-left:5px;  overflow:hidden;cursor:pointer; background-color: #fff;}
            .picScroll-left .hd .prev{ background-position: -558px -48px;}
            .picScroll-left .hd .next{ background-position: -595px -48px;}
            .picScroll-left .hd .prev:hover,.picScroll-left .hd .next:hover{ background-color: #d00;}
                .picScroll-left .hd .prev:hover{ background-position: -558px -11px;}
                .picScroll-left .hd .next:hover{ background-position: -595px -11px;}
            .picScroll-left .hd .w{ color: #fff; border-color: #fff;}
                .picScroll-left .hd .w:hover{ background: #fff; color: #224aa1;}
        .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
        .picScroll-left .bd ul li{ margin:0 20px; width: 200px; box-sizing:border-box; float: left;}
        .pic li a,.picScroll-left .bd ul li a{ display: block; text-decoration: none; text-align: center;}
        .pic li h3,.picScroll-left .bd ul li h3{ padding: 0 10px; height: 40px; line-height: 40px; font-size: 14px; font-weight: normal; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
        .pic li p{ margin: 8px 0; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
        .picScroll-left .bd ul li img{ display: block; width: 200px; height: 246px;}
.section3,.section6{ background: url(../images/bg.jpg) 50%;}
    .product .hd{ padding-right: 5px;}
    .product .bd ul li{width: 290px; margin: 0 5px; }
    .product .bd ul li .pic{ height: 290px; overflow: hidden;}
    .product .bd ul li img{ width: 100%; height: 100%; opacity: 0.7;-ms-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;-webkit-transition:all 0.2s ease; transition:all 0.2s ease;}
    .product .bd ul li a{padding-bottom: 10px;}
    .product .bd ul li a:hover{ background: #fff;}
    .product .bd ul li a:hover img{ opacity: 1;-ms-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-webkit-transform:scale(1.05); transform:scale(1.05);-ms-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;-webkit-transition:all 0.2s ease; transition:all 0.2s ease;}
    .product .bd ul li p{ padding: 0 10px; margin: 0; line-height: 20px;}
    /* .product .bd ul li .price{ color: #d00; font-size: 18px; padding: 0 10px;}
    .product .bd ul li span{ font-size: 12px;} */
.section4{ background: url(../images/dashi.jpg) 50% no-repeat;}
.section5{ background: url(../images/zhaoshang.jpg) 50% no-repeat;}
    .section2 .logo,.section5 .logo{ background-position: 0 -112px;}
    .section5 .cont{width: 577px; height: 234px; background: url(../images/a_03.png) no-repeat; margin:160px auto 0;}
    .focusBox { position: relative; height: 310px; overflow: hidden; font: 12px/1.5 Verdana, Geneva, sans-serif; text-align: left; background: white; }
        .focusBox .pic li{ width: 500px; height: 310px;}
        .focusBox .pic a{ display: block; width: 500px; height: 310px;}
        .focusBox .pic img { width: 500px; height: 310px; display: block; }
        .focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%;  background: rgba(0,0,0,.5); overflow: hidden; }
        .focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; }
        .focusBox .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;}
        .focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 12px; font-weight: bold; text-decoration: none; }
        .focusBox .num { position: absolute; z-index: 3; bottom: 0px; right: 0px;}
        .focusBox .num li{ float: left; position: relative; width: 36px; height: 36px; line-height: 36px; overflow: hidden; text-align: center; margin-left: 1px; font-size: 14px; cursor: pointer; background:; color: #d4d4d4; font-weight: bold; }
        .focusBox .num li.on{ background:rgba(220,0,0,.8); color: #fff;}
    .section6 .rgt{ width: 660px; }
    .section6 dt{ text-align: right; font-size: 12px; color: #999;}
        .section6 dt a{ font-size: 16px; float: left; color: #333;}
    .section6 dd{ line-height: 1.2em; margin: 10px 0; height: 36px; overflow: hidden;}
        .section6 dd a{ color: #999; font-size: 12px;}
.section7{ background: url(../images/contact.jpg) 50% no-repeat;}
    .section7 .lft{background: rgba(255,255,255,.8); overflow: hidden;box-sizing:border-box; padding: 40px; width: 38%; border-top-right-radius: 20px; border-bottom-right-radius: 20px; text-align: right;}
        .section7 .lft img{ width: 180px; height: 180px; margin-top: 10px;}
    .section7 .rgt{background: rgba(255,255,255,.8); overflow: hidden;box-sizing:border-box; padding: 40px; width: 59%; border-top-left-radius: 20px; border-bottom-left-radius: 20px; }
        .section7 .rgt div{ margin-bottom: 4px;}
        .section7 .rgt .txt{ padding: 5px; box-sizing:border-box; width: 180px; background: rgba(200,180,160,.7); border: 0;}
        .section7 .rgt textarea.txt{ width: 360px; height: 80px; vertical-align: middle;}
        .section7 .btn{ width: 120px; height: 36px; background: #d00; color: #fff; border: 0;}
    .section7 h1,.section7 .rgt .h1{ font-size: 24px; font-weight: normal; margin-bottom: 24px;}
    .section7 span{ display: inline-block; color: #999; margin-right: 4px;}
    .section7 .rgt span{ width: 70px; text-align: right; display: inline-block; vertical-align:middle;}
    .section7 .copyright{ padding:10px 0; text-align: right;}
@media screen and (max-height:768px){
    .section{ height: 640px;}
}
.section3{ height: auto;}