/* 

* @Author: anchen

* @Date:   2019-07-05 17:00:21

* @Last Modified by:   anchen

* @Last Modified time: 2019-08-29 13:46:01

*/



.nav_top{width:100%;height:103px;top:0px;z-index: 999;background:#fff;position:relative;}

.nav_top .left{float: left;margin-left:1%;width:259px;}

.nav_top .left img{width:100%;}







.nav_top .nav{width:40vw;margin:0 auto;height:103px;position: absolute;top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);  transform: translate(-50%, -50%); text-align: center;

}

.nav_top .nav ul li{display: inline-block;height:103px;position: relative;line-height:103px;margin-left:40px;padding:0 1vw;}

.nav_top .nav ul li a{color:#333333;font-size:16px;}







.nav_top .nav ul li a em {

    position: absolute;

   right:0px;

    top: 50%;

    display: inline-block;

    width: 7px;

    height: 7px;

    border: solid #000000;

    border-width: 1px 1px 0 0;

    -webkit-transform: translate(0,-50%) rotate(135deg);

    transform: translate(0,-50%) rotate(135deg);

    transition:all .5s ease-in .1s;





}

.nav_top .nav ul li a:hover em{

    position: absolute;

    right:0px;

    top: 50%;

    display: inline-block;

    width: 7px;

    height: 7px;

    border: solid #000000;

    border-width: 1px 1px 0 0;

    transform: rotate(315deg);

    -webkit-transform: rotate(315deg);

    -moz-transform: rotate(315deg);

    -o-transform: rotate(315deg);

            

}

.nav_top .nav ul li:first-child{margin-left:0px;}

.nav_top .nav ul li dl{width:175px;padding-bottom:15px;position: absolute;top:97px;left:-30px;background:#fff;z-index: 9999;background:#fff;display:none;box-shadow: rgba(0,0,0,.15)1px 0px 8px;border-radius: 5px;}

.nav_top .nav ul li dl img{position: absolute;top:-6px; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}

.nav_top .nav ul li dl dd{width:100%;height:30px;line-height: 30px;text-align: center;margin-top: 10px;}

.nav_top .nav ul li dl dd a{color:#333333;}







/*.nav_top .nav ul li:hover dl{display:block;}*/





.nav_top .right{width:320px;float:right;height:100%;line-height: 103px;margin-right:1%;}

.nav_top .right .su{width:240px;height:40px;position: relative;margin-top:35px;float: left;}

.nav_top .right .su input{width:100%;height:40px;background:#f7f7f7;border:none;color:#333333;font-size:13px;padding-left: 10px;display:block;border-radius: 50px;}

input::-webkit-input-placeholder {color:#333333;}

.nav_top .right .su button{width:20px;height:20px;border-radius:20px;border:none;background:url(../images/su.jpg);position: absolute;top:10px;right:10px;outline:none;}

.nav_top .right .su button:active{border:none;}

.nav_top .right dl{width:190px;background:#fff;position: absolute;top:100px; left:-28px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);  transform: translate(-50%, -50%); box-shadow: rgba(0,0,0,.15)1px 0px 8px;display:none;z-index: 9999;border-radius: 5px;}

.nav_top .right dl img{position: absolute;top:-6px; left:75%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}

.nav_top .right dl dd{width:100%;height:55px;line-height: 55px;border-bottom: 1px solid #f2f2f2;text-align: center;}

.nav_top .right dl dd a{color:#333333;}

.nav_top .right dl dd:last-child{border:none;}



.nav_top .right .phone{display:block;width:36px;height:36px;background:url(../images/phone.jpg);float: left;margin-left: 17px;margin-top: 35px;position: relative;cursor:pointer; }





.products{width:100%;text-align:center;overflow: hidden;padding-bottom: 15px;}

.products>span{color:#212121;font-size:48px;font-weight:bold;margin:0 auto;margin-top:130px;display:block;text-transform:uppercase;   }

.products>p{color:#212121;font-size:2vw;margin-top:10px;}

.products ul{width:88vw;text-align: center;margin:0 auto;margin-top:60px;}

.products ul li{padding:5px;display:inline-block;margin-left:4vw;cursor:pointer;}

.products ul li img{display:block;margin:0 auto;opacity:.6;}

.products ul li:hover img{opacity:1;}

.add_img{opacity:1!important;}



.products ul li span{color:#888;font-size: 1vw;display:block;margin-top: 1.5vw;padding-bottom: 1vw;border-bottom:1px solid #fff;}

.products ul li:hover span{border-bottom:1px solid #212121;color:#212121;}

.add_span{border-bottom:1px solid #212121!important;color:#212121!important;}

.products_list{width:100%;margin-top:25px;}

.products_list .left{width:37vw;height:37vw;float: left;position: relative;overflow: hidden;}

.products_list .left img{width:100%;height:100%;}

.products_list .left div.div_1{width:100%;height:100%;position: absolute;top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);background:rgba(0,0,0,.6);display:none;}

.products_list .left div.div_2{width:93%;height:93%;position: absolute;top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);border:1px solid #fff;text-align: center;/*animation:myfirst_3 1s;

    -webkit-animation:myfirst_3 1s;*/}



/*@keyframes myfirst_3

    {

                     from{width: 15%;height: 15%;top: 50%; left:93%;}

                    to{width:93%;height:93%;top: 50%; left: 50%;}

    }



@-webkit-keyframes myfirst_3

    {                from{width: 15%;height: 15%;top: 50%; left:93%;}

                    to{width:93%;height:93%;top: 50%; left: 50%;}

    }

*/













.products_list .left  div span{font-size: 1vw;color:#fff;position: absolute;top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}

.products_list .left div em{display:block;width:21px;height:2px;background:#fff;position: absolute;top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);margin-top:25px;}







.products_list .right{width:60vw;float:right;}

.products_list .right ul li{width:18vw;height:18vw;float: left;margin-left:3%;margin-top:1vw;position: relative;overflow: hidden;}

.products_list .right ul li img{width:100%;height:100%;}

.products_list .right ul li div.div_1{width:100%;height:100%;position: absolute;top:0; left:0; background:rgba(0,0,0,.6);display:none;}

.products_list .right ul li div.div_2{width:93%;height:93%;position: absolute;top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);border:1px solid #fff;text-align: center;}

.products_list .right ul li div span{font-size: 1vw;color:#fff;position: absolute;top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}

.products_list .right ul li div em{display:block;width:21px;height:2px;background:#fff;position: absolute;top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);margin-top:25px;}

.products_list .right ul li div p{font-size: 13px;color:#fff;position: absolute;top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);margin-top:50px;}



.products_list .right ul li:nth-child(1){margin-top:0px;}

.products_list .right ul li:nth-child(2){margin-top:0px;}

.products_list .right ul li:nth-child(3){margin-top:0px;}

.products_list .right ul li:nth-child(3n-2){margin-left:0px;}





.products_list .left a:hover .div_1{display:block;}

.products_list .left a:hover .div_2{display:block;animation:myfirst 1s;

    -webkit-animation:myfirst 1s;

   }

    @keyframes myfirst

    {

                    from{width: 15%;height: 15%;top: 50%; left:93%;}

                    to{width:93%;height:93%;top: 50%; left: 50%;}

    }



@-webkit-keyframes myfirst

    {

                    from{width: 15%;height: 15%;top: 50%; left:93%;}

                    to{width:93%;height:93%;top: 50%; left: 50%;}

    }

.products_list .left a img{transition: all 0.6s;}

.products_list .left a:hover img{transform: scale(1.2);}









.products_list .right ul li a:hover .div_1{display:block;}

.products_list .right ul li a:hover .div_2{display:block;animation:myfirst_2 1s;

    -webkit-animation:myfirst_2 1s;

 }



 -webkit-animation:myfirst 1s;}

    @keyframes myfirst_2

    {

                    from{width: 15%;height: 15%;top: 50%; left:93%;}

                    to{width:93%;height:93%;top: 50%; left: 50%;}

    }



@-webkit-keyframes myfirst_2

    {

                    from{width: 15%;height: 15%;top: 50%; left:93%;}

                    to{width:93%;height:93%;top: 50%; left: 50%;}

    }



.products_list .right ul li img{transition: all 0.6s;}

.products_list .right ul li a:hover img{transform: scale(1.2);}





.project{width:100%;text-align: center;overflow: hidden;padding-bottom: 5vw;}

.project>span{color:#212121;font-size:48px;font-weight:bold;margin:0 auto;margin-top:130px;display:block;text-transform:uppercase; }

.project>p{color:#212121;font-size:2vw;margin-top:10px;}

.project .project_1{width:95%;margin:0 auto;margin-top:80px;overflow: hidden;}

.project .project_1 .left{width:50%;float: left;height:20.5vw;}

.project .project_1 .left img{width:100%;height:100%;}

.project .project_1 .right{width:50%;float:right;text-align: left;background:#f5f5f5;height:20.5vw;}



.project .project_1 .right span{    color: #212121;

    font-size: 2vw;

    margin-top: 4vw;

    margin-left: 10%;

    display: block;}

.project .project_1 .right p{    color: #666666;

    font-size: 1vw;

    margin-top: 1vw;

    margin-left: 10%;

    padding-right: 4vw;

    line-height: 2vw;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;overflow: hidden;}

.project .project_1 .right em{ font-size: 1vw;

    color: #999999;

    margin-top: 1vw;

    margin-left: 10%;

    display: block;}





.project .project_2{width:95%;margin:0 auto;margin-top:5vw;overflow: hidden;}

.project .project_2 .left{width:50%;float:right;height:20.5vw;}

.project .project_2 .left img{width:100%;height:100%;}

.project .project_2 .right{width:50%;float:left;text-align:right;background:#f5f5f5;padding-left:25px;height:20.5vw;}





.project .project_2 .right span{    font-size: 2vw;

    margin-top: 4vw;

    margin-right: 10%;

    display: block;}

.project .project_2 .right p{ font-size: 1vw;

    margin-top: 1vw;

    margin-right: 10%;

    line-height: 2vw;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;overflow: hidden;

}

.project .project_2 .right em{ font-size: 1vw;

    color: #999999;

    margin-top: 1vw;

    margin-right: 10%;

    display: block;}









.foot{width:100%;overflow: hidden;background:#323232;padding-bottom: 50px;}

.foot div{float: left;margin-top:60px;margin-left:3vw;}

.foot .div_1{width:18%;}

.foot .div_1>img{width:100%;}

.foot .div_1 .p_1{font-size: 2vw;color:#fff;margin-top:25px;font-weight: bold;}

.foot .div_1 .p_1 img{margin-right: 15px;margin-top: 8px;width: 2vw;}

.foot .div_1 .p_2{font-size: .5vw;color:#aaaaaa;}

.foot .div_1 .p_2 a{color:#aaaaaa;}

.foot .div_2{width:25%;}

.foot .div_2 ul li{width:40%;display:inline-block;margin-left: 25px;}

.foot .div_2 ul li img{width:100%;}

.foot .div_2 ul li span{display:block;margin-top:20px;text-align:center;color:#aaaaaa;font-size: .6vw;}

.foot .div_3{width:44%;float:right;margin-right:3vw;}

.foot .div_3 ul li{float: left;margin-left:6.5vw;}

.foot .div_3 ul li:nth-child(1){margin-left:0px;}

.foot .div_3 ul li span{color:#aaaaaa;font-size: 24px;}

.foot .div_3 ul li dl dd{margin-top:5px;}

.foot .div_3 ul li dl dd a{font-size:1vw;color:#aaaaaa;}







.cpzx{width:100%;position: relative;/*margin-top:103px;*/overflow: hidden;}

.cpzx img{width:1920px;}

.cpzx .center{width:95%;margin:0 auto;position: absolute;top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);text-align: center;}

.cpzx .center>span{font-size: 36px;color:#ffffff;border-bottom: 1px solid #fff;padding-bottom:10px;}

.cpzx .center>p{font-size: 18px;color:#ffffff;margin-top:13px;}

.cpzx .center ul li{display:inline-block;margin-left: 21px;text-align: center;margin-top: 35px;}

.cpzx .center ul li a{padding:0px 30px;display:block;height:42px;line-height: 42px;border:1px solid #fff;font-size: 16px;color:#fff;}



.cpzx .center ul li a:hover{background:#fff;color:#006aad;}





.add_list_1{background:#fff!important;color:#006aad!important;}







.news{width:100%;overflow: hidden;padding-bottom: 50px;padding-top:20px;}

.news .center{width:1200px;margin:0 auto;}

.news .center ul{padding-bottom:50px;position: relative;}

.news .center ul li{width:387px;display:inline-block;margin-left:14px;margin-top:20px;background:#fff;box-shadow: rgba(0,0,0,.15)0px 0px 8px;}

.news .center ul li:nth-child(3n-2){margin-left:0px;}

.news .center ul li div{width:100%;height:219px;}

.news .center ul li div img{width:100%;height:100%;}

.news .center ul li em{color:#666666;font-size: 14px;display:block;margin-top:38px;margin-left: 28px;}

.news .center ul li span{color:#333333;font-size: 18px;display:block;margin-top:24px;margin-left: 28px;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap;overflow:hidden;padding-right: 25px;}

.news .center ul li p{color:#666666;font-size: 14px;margin-top:24px;margin-left: 28px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;padding-right: 25px;}

.news .center ul li small{display:block;width:40px;height:40px;background:#55a7db;position: relative;float:right;margin-top:58px; }

.news .center ul li small img{position: absolute;top: 50%; left: 50%;transform: translate(-50%, -50%);}

.news .center .more{display:block;width:159px;height:48px;border: 1px solid #bbbbbb;text-align:center;line-height: 48px;color:#555555;margin:0 auto;margin-top:50px;}









.project_cases_more{width:100%;overflow: hidden;padding-bottom: 143px;background:#f7f8f8;}

.project_cases_more .center{width:1200px;margin:0 auto;}

.project_cases_more .center>em{color:#999999;font-size:14px;margin-top:68px;display:block;}

.project_cases_more .center>span{color:#333333;font-size: 28px;display:block;margin-top:20px;float: left;}

.project_cases_more .center>a{display:block;width:158px;height:43px;background:#9d7436 url(../images/fanhui.png) 16px center no-repeat;;border-radius: 50px;text-align: center;line-height: 43px;color:#fff;padding-left: 16px;float:right;}



.project_cases_more_1{width:100%;padding-bottom: 30px;}

.project_cases_more_1 .center{width:1150px;font-size: 16px;color:#666666;margin:0 auto;padding:0px 25px 25px 25px;line-height: 32px;position: relative;margin-top:-80px;z-index: 9;background:#fff;overflow: hidden;}

.project_cases_more_1 .center p{margin-top:45px;}

.project_cases_more_1 .center .con {

    width: 100%;

    height: 322px;

    margin-top:50px;

}

.project_cases_more_1 .center .con .left {

    float: left;

    width: 776px;

}

.project_cases_more_1 .center .con .left img{width:100%;}

.project_cases_more_1 .center .con .right {

    width: 324px;

    height: 322px;

    float: right;

    background: #9d7436;

    text-align: center;

    position: relative;

}

.project_cases_more_1 .center .con .right span {

    font-size: 20px;

    color: #fff;

    line-height: 30px;

    display: block;

    position: absolute;top: 50%; left: 50%;transform: translate(-50%, -50%);

}



.project_cases_more_1 .bottom{width:100%;background:#f7f8f8;height:64px;line-height: 64px;}

.project_cases_more_1 .bottom .center_1{width:1200px;margin:0 auto;}

.project_cases_more_1 .bottom a{color:#666666;font-size: 14px;}

.project_cases_more_1 .bottom a:nth-child(1){float: left;}

.project_cases_more_1 .bottom a:nth-child(2){float: right;}







.jjfa_more{width:100%;overflow: hidden;margin-top:60px;padding-bottom: 70px;}

.jjfa_more .center{width:1200px;margin:0 auto;}

.jjfa_more .center .top{width:100%;overflow: hidden;}

.jjfa_more .center .top .left{width:850px;float: left;}

.jjfa_more .center .top .left img{width:100%;}

.jjfa_more .center .top  .right{width:300px;float:right;}

.jjfa_more .center .top  .right span{color:#212121;font-size: 30px;display:block;margin-top:8px;}

.jjfa_more .center .top  .right div{padding:30px 0px;color:#666666;font-size: 13px;line-height: 25px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;margin-top:30px;}



.jjfa_more .center .top  .right a{background:url(../images/jjfa.jpg)no-repeat left center; background-size:30px 30px; color: rgba(250,78,78); font-size:14px;padding-left: 45px;display:block;margin-top:30px; height: 30px; line-height: 30px;}



.jjfa_more .center .bottom .top_1{text-align: center;margin-top:60px;}

.jjfa_more .center .bottom .top_1>span{font-size: 36px;color:#212121;}

.jjfa_more .center .bottom .top_1>p{color:#999999;font-size: 16px;}

.jjfa_more .center .bottom .bottom_1{width:100%;}

.jjfa_more .center .bottom .bottom_1 img{width:100%;margin-top:30px;}







.about_1{width:100%;overflow: hidden;margin-top:50px;}

.about_1 .center{width:1200px;margin:0 auto;}



.about_1 .center .top{width:100%;height:305px;background:#f5f5f5;}

.about_1 .center .top .left{width:317px;height:205px;float: left;margin-top:52px;margin-left: 47px;padding:11px;border:1px solid #fff;border-radius:15px;}

.about_1 .center .top .left img{width:100%;}

.about_1 .center .top .right{width:730px;height:195px;float:right;margin-right:45px;margin-top:52px;}

.about_1 .center .top .right span{color:#212121;font-size: 30px;}

.about_1 .center .top .right p{color:#666666;font-size: 13px;line-height: 20px;margin-top:25px;}



.ab_lun{width:100%;overflow: hidden;margin-top:80px;padding-bottom: 80px;}

.ab_lun .center{width:1089px;margin:0 auto;text-align:center;}

.ab_lun .center>span{color:#212121;font-size: 36px;text-transform:uppercase;}

.ab_lun .center>p{color:#999999;font-size:16px;margin-bottom:40px;}

.ab_lun  .col-md-14{width:859px;margin:0 auto;position: relative;}



.col-md-14 .swiper-button-next{right:-160px;position: absolute;top: 50%;-webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);  transform: translate(-50%, -50%); }



.col-md-14 .swiper-button-prev{left:-120px;position: absolute;top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);  transform: translate(-50%, -50%); }









.lxwm{width:100%;margin-top:65px;padding-bottom: 65px;overflow: hidden;}

.lxwm .center{width:1200px;margin:0 auto;}

.lxwm .center .left{width:635px;height:380px;float: left;}

.lxwm .center .right{width:480px;height:380px;float:right;}

.lxwm .center .right span.span_title{color:#333333;font-size:36px;}

.lxwm .center .right span.span_phone{color:#666666;font-size:30px;background:url(../images/lxwm_phone.jpg) no-repeat left center;padding-left:41px;}

.lxwm .center .right p{color:#666666;font-size: 16px;margin-top:25px;line-height:30px;}







.sublist-cent{

width:95%;

margin:0 auto;

margin-top:25px;

-moz-column-count:4;/*列数量*/

-moz-column-gap:15px;/*间隔宽度*/

-moz-column-rule:0px solid #ff0000; /*间隔描边*/



-webkit-column-count:4;

-webkit-column-gap:15px;

-webkit-column-rule:0px solid #ff0000;   



-o-column-count:4;

-o-column-gap:15px;

-o-column-rule:0px solid #ff0000;  

position: relative;

     padding-bottom: 35px;

    margin-bottom: 30px;

}

/*小盒子内容区的样式，display:inline-block：实现 效果*/



.sublist-cent .pic{width:100%;min-height:10px;margin-bottom:15px;display:inline-block;position: relative;cursor:pointer;}

.more{display:block;width:158px;height:48px;border:1px solid #bbbbbb;line-height:48px;text-align: center;margin:0 auto;margin-top:50px;color: #555555;margin-bottom: 50px;}

.sublist-cent .pic img{width:100%;}

.sublist-cent .pic .div_1{width:100%;height:100%;position: absolute;top:0;left:0;z-index: 99;background:rgba(0, 0, 0, 0.2);display:none;}

.sublist-cent .pic .div_2{border:1px solid #fff;position: absolute;top:10px; left:10px;z-index: 999;

width:calc(100% - 20px);height:calc(100% - 20px);

}

.sublist-cent .pic div span{color:#fff;font-size:20px;position: absolute;top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}



.sublist-cent .pic:hover div{display:block;}











.col-md-12 .swiper-wrapper .wena{position: absolute;bottom:8%; left: 8%;z-index: 99999;}

.col-md-12 .swiper-wrapper .wena img{float: left;margin-top:15vw;}





.layui-flow-more{margin:30px 0px!important;position: absolute;

    bottom: -30px;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, 0);}