﻿@charset "utf-8";

body, ul, dl, dd, dt, ol, li, p, h1, h2, h3, h4, h5, h6, textarea, form, select, fieldset, table, td, div, input{margin:0;padding:0;-webkit-text-size-adjust:none}

div{text-align:left}

a img{border:0}

body{}

ul, ol, li{list-style-type:none;vertical-align:0}

a{outline-style:none;color:#535353;text-decoration:none}



/* 效果CSS开始 */

.mod18{width:1200px;position:relative;margin:0 auto;}

.mod18 .btn{position:absolute;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}

.mod18 .prev{left:10px;background:url(../images/prevBtn.png) no-repeat;}



    .mod18 #prev:hover {

        background: url(../images/prevBtn-hover.png) no-repeat;

    }





.mod18 #prevTop,.mod18 #nextTop{top:250px;width:32px;height:48px;display:none;}

.mod18 #prev,.mod18 #next{bottom:50px;width:37px;height:37px;}



    .mod18 #prevTop {

        background: url(../images/prevBtnTop.png) 0 0 no-repeat;

    }

.mod18 #nextTop{background:url(../images/nextBtnTop.png) 0 0 no-repeat;}

.mod18 .next{right:10px;background:url(../images/nextBtn.png) no-repeat;}

    .mod18 .next:hover {

        background: url(../images/nextBtn-hover.png) no-repeat;

    }

    .mod18 li {

        float: left;

    }

.mod18 .cf li{position:relative;color:#fff;}

.mod18 .cf a{display:block;width:526px;height:377px;position:absolute;color:#fff;}

.mod18 .cf li span{display:block;width:486px;position:absolute;left:75px;bottom:0;padding:10px 20px;line-height:22px;text-align:left;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000");}

.mod18 .picBox{width:1200px; height:532px;position:relative;overflow:hidden;padding-top:40px;margin:0 auto;}

.mod18 .picBox ul{height:377px;position:absolute; left:0;}

.mod18 .picBox li{width:1200px;height:532px;position:relative;}

    .mod18 .picBox li label {

        position: absolute;

        bottom: 56px;

        right: 100px;

        color: #ffd18a;

        font-size:18px;

        cursor:pointer;

    }

    .mod18 .listBox {

        width: 990px;

        height: 130px;

        margin: 0 auto;

        position: relative;

        padding-top: 15px;

        overflow: hidden;

        margin-top: 40px;

    }

    .mod18 .listBox li img{

      

    }

    .mod18 .listBox ul {

        height: 88px;

        position: absolute;

        padding-left: 12px;

    }

.mod18 .listBox li{width:350px;height:130px;cursor:pointer;position:relative; padding:5px 0 0 0;opacity: 1;

                   

                   }

.mod18 .listBox li i{display:none;}

.mod18 .listBox li a{display:block;width:108px;height:77px;background-color:#cfa972;opacity: 0.6;}

.mod18 .listBox img{opacity: 0.6;}

.mod18 .listBox .on a{opacity: 1;}

.mod18 .listBox .on img{opacity: 1;}

.mod18 .listBox .on i{display:block;}























/*客户模块*/





@charset "utf-8";



* {

    margin: 0;

    padding: 0;

    list-style-type: none;

}



a, img {

    border: 0;

}



body {

    font: 12px/180% Arial, Helvetica, sans-serif, "新宋体";

}

/* flexslider */

.flexslider, .flexslider2 {

    margin: 0 auto;

    position: relative;

    width: 1252px;

    height: 645px;

    zoom: 1;

}



.flex-viewport {

    -webkit-transition: all 1s ease;

    -moz-transition: all 1s ease;

    transition: all 1s ease;

    width:1252px;

    height:640px;

}



.flexslider .slides, .flexslider2 .slides {

    zoom: 1;

}



.flex-direction-nav a {

    width: 37px;

    height: 37px;

    line-height: 99em;

    overflow: hidden;

    display: block;

    position: absolute;

    z-index: 10;

    cursor: pointer;

    top:300px;

}



.flex-direction-nav .flex-next {

    right: -40px;

    background: url(../images/nextBtn.png) no-repeat;

}



.flex-direction-nav .flex-prev {

    left: -40px;

    background: url(../images/prevBtn.png) no-repeat;



}

.flex-direction-nav .flex-next:hover {

    background: url(../images/nextBtn-hover.png) no-repeat;

}





.flex-direction-nav .flex-prev:hover {

    left: -40px;

    background: url(../images/prevBtn-hover.png) no-repeat;

}





.flex-control-nav {

    width: 100%;

    position: absolute;

    bottom: 10px;

    text-align: center;

}



    .flex-control-nav li {

        margin: 0 5px;

        display: inline-block;

        zoom: 1;

        *display: inline;

    }



.flex-control-paging li a {

    display: block;

    height: 16px;

    overflow: hidden;

    text-indent: -99em;

    width: 16px;

    cursor: pointer;

}



    .flex-control-paging li a.flex-active {

        background-position: 0 0;

    }





/*banner*/

/*.banner {

    width: 100%;

    height: 840px;

    margin: 0 auto;

    overflow: hidden;

    position: relative;

}



    .banner ul {

        position: absolute;

        left: 0;

        top: 0;

    }



        .banner ul li {

            display: block;

            width: 1920px;

            height: 450px;

            float: left;

        }



            .banner ul li img {

                width: 100%;

                height: 100%;

                display: block;

                object-fit: cover;

            }



    .banner .con {

        position: absolute;

        bottom: 25px;

        width:100%;

        display:flex;

        align-items:center;

        justify-content:center;

        

    }



        .banner .con a {

            float: left;

            margin: 0 4px;

            display: block;

            width: 80px;

            height: 8px;

            border-radius: 20px;

            background: #c22c41;

        }



            .banner .con a.active {

                background: #fcbe5e;

            }



    .banner .u {

        width: 30px;

        height: 30px;

        line-height: 30px;

        border-radius: 30px;

        text-align: center;

        background: rgba(255,255,255,0.5);

        cursor: pointer;

        display: none;

    }



    .banner .left {

        position: absolute;

        top: 45%;

        left: 1%;

    }



    .banner .right {

        position: absolute;

        top: 45%;

        right: 1%;

    }*/