/*全局样式*/
@charset "utf-8";
html {
    overflow-x: hidden;
}
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,
select {margin: 0;padding: 0}
body {font: 14px/1.5 "微软雅黑", "Arial Narrow", HELVETICA;color: #000;-webkit-text-size-adjust: 100%;overflow-x: hidden;min-width: 320px;max-width: 1920px;margin: 0 auto !important;}
input:required,
textarea:required {outline: 0 none;-webkit-box-shadow: none;-moz-box-shadow: none;-ms-box-shadow: none; -o-box-shadow: none; box-shadow: none;-webkit-appearance: none !important;}
input,textarea{appearance:none;-webkit-appearance:none;-moz-appearance: none; -o-appearance: none;outline: none;    }
*{margin:0; padding:0;}
a {text-decoration: none !important;cursor: pointer !important;color: #000;}
a:focus {outline: none !important;}
ul,li,dl,dt,dd{list-style-type:none;}
i{font-style:normal}
.clearfix:after,.clearfix:before{clear: both;}
ul {margin: 0;}
li {list-style: none;}
img{max-width:100%;}
.container-fluid {max-width:1430px !important;}
.tr5 {transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;-webkit-transition: all .5s;}
.tr2 {transition: all .2s;-moz-transition: all .2s;-ms-transition: all .2s;-o-transition: all .2s;-webkit-transition: all .2s;}
.overflow{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-height: initial;}
.overflow2{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.bjcover{background-position: 50% 50%; background-size: cover;transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;}


header{position: fixed;left: 0;top:0;width: 100%;background: #fff;z-index: 111;box-shadow: 0 4px 8px rgba(0,0,0,.03);}
header .logo{display: block;line-height: 90px;height: 90px;font-size: 0;width: 230px;}
header .logo img{max-height: 60%;}
.nav1{width: calc(100% - 310px);}
.nav1 a{display:block;float: left;;font-size: 18px;line-height: 90px;transition: all .3s;width: 11.11%;text-align: right;}
.nav1 a:hover{color: #0d3dd9;}
.nav1 a.active{color: #0d3dd9;}

.anniu1{width:36px;color:#fff;font-size: 0;text-align: right;margin:30px 0 0 44px;cursor: pointer;}
.anniu1 span{display:inline-block;vertical-align: top;width:100%;height:5px;background:#4c4c4c;transition:all .3s;position: relative;}
.anniu1 span.span2{margin:7px 0;background-color: #0d3dd9;width: 26px;}


nav{position: fixed;right: -333px;top:0;height: 100vh;z-index: 1122;background: #fff;width:300px;box-shadow: 0 0 11px rgba(0,0,0,.05);}
nav.active{right: 0;}
nav .logo{line-height: 100px;height: 140px;display: block;font-size: 0;background: #0d3dd9;text-align: center;padding-top:40px;}
nav .logo img{max-height:70px;}

.anniu2{width:30px;height:30px;color:#fff;cursor: pointer;position: absolute;right: 22px;top:22px;}
.anniu2 span{display:block;width:100%;height:3px;background:rgba(255,255,255,.88);transition:all .3s;position: relative;}
.anniu2 span.span1{transform:rotate(-45deg);top:12px;}
.anniu2 span.span2{display: none;}
.anniu2 span.span3{transform:rotate(45deg);top:9px;}
.anniu2:hover span{background: #fff m !important;}

.nav2{padding: 20px 20px 88px;max-height: calc(100vh - 100px);overflow-y: auto;}
.nav2 a{display:block;font-size:16px;line-height: 50px;transition: all .3s;text-align: center;}
.nav2 a:hover{color: #0d3dd9;}
.nav2 a.active{color: #0d3dd9;}


#swiper1{position: fixed;left: 0;top:0;width: 100%;height: 100%;z-index: 99;}
/*右侧小点*/
.swiper1-pagination span{width: 17px;height: 17px;border-radius:50%;background:fixed;border: 1px solid transparent;position: relative;opacity: 1;margin:14px 0 !important;}
.swiper1-pagination span:after{content:"";height:3px;width: 3px;background: #fff;position: absolute;top:0;left: 0;right: 0;bottom:0;margin: auto;}
.swiper1-pagination span.swiper-pagination-bullet-active{border-color: #fff;}
.swiper1-pagination span:before{width:40px;line-height: 26px;height: 26px;text-align: center;position: absolute;left: 40px;top:-2px;bottom: 0;margin: auto 0;color:#fff;border-radius:4px;overflow: hidden;opacity: 0;font-size: 16px;}
.swiper1-pagination span.swiper-pagination-bullet-active:before{left: -40px;opacity: 1;transition: all 0.3s;}
.swiper1-pagination span:nth-child(1):before{content: "01";}
.swiper1-pagination span:nth-child(2):before{content: "02";}
.swiper1-pagination span:nth-child(3):before{content: "03";}
.swiper1-pagination span:nth-child(4):before{content: "04";}
.swiper1-pagination span:nth-child(5):before{content: "05";}
.swiper1-pagination span:nth-child(6):before{content: "06";}
.swiper1-pagination span:nth-child(7):before{content: "07";}
.swiper1-pagination span:nth-child(8):before{content: "08";}
.swiper1-pagination span:nth-child(9):before{content: "09";}


.main1,.main2,.main3,.main4,.main5,.main6,.main7,.main8,.main9{display: table;table-layout:fixed;height: 100%;width: 100%;padding-top: 66px;}
.mainbox{display: table-cell;vertical-align: middle;}

#banner{height: 100%;}
#banner .swiper-pagination-bullet{background:transparent;border: 1px solid #fff;opacity:1;transition: all .2s;position: relative;bottom:50px;width: 18px;height: 18px;margin: 0 5px !important;}
#banner .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 80px;border-radius:11px;background: #fff;}

#banner .tt{position: absolute;left: 0;right: 0;top:50%;transform:translateY(-50%);right: 0;max-width: 1200px;margin: 0 auto;text-align: center;padding: 0 15px;}
#banner .tt .tt1{font-size:74px;font-family: 'GULIM';color: #fff;line-height: 120%;text-shadow: 3px 3px 6px rgba(0,0,0,.2);}
#banner .tt .tt2{font-size:36px;font-weight: bold;color: #fff;margin-top:14px;text-shadow: 3px 3px 6px rgba(0,0,0,.2);letter-spacing: 2px;}


.title{text-align: center;margin-bottom:44px;}
.title .div1{font-size:40px;color: #fff;text-shadow: 3px 3px 6px rgba(0,0,0,.2);font-weight: bold;}
.title .div2{font-size: 18px;color: #fff;text-shadow: 3px 3px 6px rgba(0,0,0,.2);font-family: 'GULIM';text-transform: uppercase;}

/* 公司简介 */
.main2 .box{margin: -24px -12px 0;}
.main2 .box .list{display: block;width: calc(33.33% - 24px);margin: 24px 12px 0;float: left;border: 1px solid rgba(255,255,255,.6);background: rgba(0,0,0,.3);padding: 55px 15px;text-align: center;border-radius: 6px;overflow: hidden;}
.main2 .box .list .tt1{font-size: 30px;font-weight: bold;color: #fff;}
.main2 .box .list .tt2{width: 86px;height: 1px;background: #fff;margin: 0 auto;position: relative;margin-top: 25px;}
.main2 .box .list .tt2:after{content: "";width: 34px;height: 3px;background: #fff;position: absolute;left: 0;top:-1px;right: 0;margin: 0 auto;}
.main2 .box .list .tt3{font-size: 16px;color: rgba(255,255,255,.6);line-height: 30px;height: 90px;max-width: 310px;margin: 25px auto 0;-webkit-line-clamp: 3;}
.main2 .box .list .tt4{font-size: 14px;color: #fff;border: 1px solid #fff;width: 112px;line-height: 32px;text-align: center;display: block;font-family: 'Arial';margin: 28px auto 0;border-radius: 44px;text-transform: uppercase;}
.main2 .box .list .tt4:hover{background-color: #fff;color: #0d3dd9;}

/* 产品展示 */
.main3 .lb3{margin: -10px;}
.main3 .list{display: block;background: #fff;border-radius: 6px;overflow: hidden;margin: 10px;box-shadow: 0 0 11px rgba(0,0,0,.03);background: #fff;padding-bottom: 44px;}
.main3 .list .img{padding-top: 90%;position: relative;}
.main3 .list .img img{display: block;position: absolute;left: 0;right: 0;top:0;bottom: 0;margin: auto;max-height:90%;max-width: 90%;}
.main3 .list .tt1{font-size: 20px;font-weight: bold;color: #000;text-align: center;line-height:60px;}
.main3 .list .tt2{text-align: center;font-size: 0;margin-top:6px;}
.main3 .list .tt2 span{display: inline-block;font-size: 12px;color: #000;font-family: 'Arial';line-height: 24px;position: relative;padding-right:30px;}
.main3 .list .tt2 span:after{content: "";width: 22px;height: 6px;background: url(../images/t1.png) no-repeat;position: absolute;right: 0;top:0;bottom: 0;margin: auto 0;opacity: 1;transition: all .2s;}
.main3 .list .tt2 span:before{content: "";width: 22px;height: 6px;background: url(../images/t1-1.png) no-repeat;position: absolute;right: 0;top:0;bottom: 0;margin: auto 0;opacity: 0;transition: all .2s;}
.main3 .list:hover .img img{transform:scale(1.06)}
.main3 .list:hover .tt1{color: #0d3dd9;}
.main3 .list:hover .tt2 span{color: #0d3dd9;}
.main3 .list:hover .tt2 span:after{opacity: 0;}
.main3 .list:hover .tt2 span:before{opacity: 1;}

/* 案例展示 */
.main4 .box .bjcover{width: 50%;float: right;padding-top: 29%;}
.main4 .box .tt{width: 50%;float: left;padding: 60px 50px 0 0;}
.main4 .box .tt .tt1{font-size: 24px;color: #fff;}
.main4 .box .tt .tt2{font-size: 16px;color: rgba(255,255,255,.6);margin-top: 26px;-webkit-line-clamp: 4;line-height: 30px;max-height: 120px;}
.main4 .box .tt .tt3{font-size: 14px;color: #fff;border: 1px solid #fff;width: 112px;line-height: 32px;text-align: center;display: block;font-family: 'Arial';margin: 36px 0 0;border-radius: 44px;text-transform: uppercase;}
.main4 .box .tt .tt3:hover{background-color: #fff;color: #0d3dd9;}

/* 新闻中心 */
.main5 .list{display: block;}
.main5 .list .tt1{font-size: 18px;font-family: 'Impact';color: #fff;}
.main5 .list .tt1 b{font-size: 40px;padding-right: 11px;}
.main5 .list .tt2{font-size: 22px;color: #fff;}
.main5 .list .bjcover{padding-top: 40%;margin-top: 20px;}
.main5 .list .tt3{font-size: 16px;color: rgba(255,255,255,.6);margin-top: 20px;-webkit-line-clamp: 3;line-height: 30px;max-height:90px;}


.footer{height: auto !important;}
footer .box1{padding: 88px 0;}
footer .box2{font-size: 14px;color: rgba(255,255,255,.6);padding: 20px;border-top: 1px solid rgba(255,255,255,.2);text-align: center;}
footer .box1 .list1{width:30%;float: left;padding-right: 30px;}
footer .box1 .list1 .img{max-width: 88%;}
footer .box1 .list2{width:40%;float: left;border-left: 1px solid rgba(255,255,255,.2);border-right: 1px solid rgba(255,255,255,.2);font-size: 0;padding: 0 30px;text-align: center;}
footer .box1 .list3{width:30%;float: left;padding-left: 30px;text-align: right;}
footer .box1 .list1 .tt{font-size: 0;margin-top: 22px;}
footer .box1 .list1 .tt a{display: inline-block;vertical-align: top;font-size: 40px;color:rgba(255,255,255,.5);transition: all 0.3s;position: relative;padding-right: 22px;}
footer .box1 .list1 .tt a img:nth-child(1){opacity: .3;transition: all .3s;}
footer .box1 .list1 .tt a img:nth-child(2){width: 140px;position: absolute;left: 0;bottom: 100%;max-width: 140px;border-radius: 5px;background: #fff;padding: 4px;display: none;box-shadow: 0 0 10px rgba(0,0,0,.1);}
footer .box1 .list1 .tt a:hover img:nth-child(1){opacity: 1;}
footer .box1 .list1 .tt a:hover img:nth-child(2){display: block;}
footer .box1 .ttbox{display: inline-block;vertical-align: top;font-size: 14px;color: rgba(255,255,255,.5);text-align: left;line-height: 30px;}
footer .box1 .top{font-size: 24px;font-weight: bold;color: #fff;margin-bottom:18px;}
footer .box1 .top span{font-size: 12px;color: #fff;display: block;text-transform: uppercase;font-weight: normal;}
footer .box1 .list3 .ss{width: 240px;background: #fff;padding: 10px 5px;font-size: 0;border-radius: 8px;}
footer .box1 .list3 .ss img{display: inline-block;vertical-align: top;width: calc(50% - 10px);margin: 0 5px;}


.title.titlehs .div1{color: #000;}
.title.titlehs .div2{color: #000;}


.ny{padding:60px 0 111px;}
.ny .container-fluid{max-width: 1230px !important;}

.title1{margin-bottom:30px;font-size: 0;text-align: center;margin-top: -11px;}
.title1 a{display: inline-block;vertical-align: top;line-height:44px;font-size:16px;color: #000;border: 1px solid #eee;min-width:160px;text-align: center;padding: 0 10px;margin: 0 5px 10px;transition: all .3s;}
.title1 a:hover{background-color: #0d3dd9;color: #fff;}
.title1 a.active{background-color: #0d3dd9;color: #fff;}


.nycp{margin:0 -10px;}
.nycp .list{display: block;width: calc(25% - 20px);float: left;margin:0 10px 20px;display: block;background: #fff;border-radius: 6px;overflow: hidden;border: 1px solid #eee;background: #fff;padding-bottom: 44px;}
.nycp .list .img{padding-top: 90%;position: relative;}
.nycp .list .img img{display: block;position: absolute;left: 0;right: 0;top:0;bottom: 0;margin: auto;max-height:90%;max-width: 90%;}
.nycp .list .tt1{font-size: 20px;font-weight: bold;color: #000;text-align: center;line-height:60px;}
.nycp .list .tt2{text-align: center;font-size: 0;margin-top:6px;}
.nycp .list .tt2 span{display: inline-block;font-size: 12px;color: #000;font-family: 'Arial';line-height: 24px;position: relative;padding-right:30px;}
.nycp .list .tt2 span:after{content: "";width: 22px;height: 6px;background: url(../images/t1.png) no-repeat;position: absolute;right: 0;top:0;bottom: 0;margin: auto 0;opacity: 1;transition: all .2s;}
.nycp .list .tt2 span:before{content: "";width: 22px;height: 6px;background: url(../images/t1-1.png) no-repeat;position: absolute;right: 0;top:0;bottom: 0;margin: auto 0;opacity: 0;transition: all .2s;}
.nycp .list:hover .img img{transform:scale(1.06)}
.nycp .list:hover .tt1{color: #0d3dd9;}
.nycp .list:hover .tt2 span{color: #0d3dd9;}
.nycp .list:hover .tt2 span:after{opacity: 0;}
.nycp .list:hover .tt2 span:before{opacity: 1;}


.nycp.nycase .list{padding-bottom: 0;}
.nycp.nycase .list .tt2{display: none;}
.nycp.nycase .list .img .bjcover{display: block;position: absolute;left: 0;right: 0;top:0;bottom: 0;margin: auto;max-height:100%;max-width: 100%;}
.nycp.nycase .list:hover .bjcover{transform:scale(1.06)}



/*详情页*/
.danye{color:#000000;font-size: 16px;line-height: 180%;}
.danye .topbox{margin-bottom:24px;text-align: center;}
.danye .bt{color: #000;font-size: 22px;padding-bottom: 10px;}
.danye .rq{color: #555555;font-size: 14px;}
.danye .xian{width: 100%;height: 1px;margin-top: 14px;border-bottom: 1px dashed #ccc;}
.danye .img{margin:0 auto 18px auto;display: block;}
.danye .img img{display: block;margin: 0 auto;}
.danye .ditu{height:500px;position: relative;margin:20px auto;border: 1px solid #eee;}



.banner2{overflow: hidden;margin-top: 90px;}




/*内页新闻*/
.nyxw .list{margin-bottom:20px;display: block;padding: 14px;border: 1px solid #e9e9e9;}
.nyxw .list .img{width:calc(9% + 156px);float: left;}
.nyxw .list .img .bjcover{height:200px;}
.nyxw .list .tt{float: left;width: calc(91% - 156px);padding-left: 22px;}
.nyxw .list .tt1{font-size: 17px;color: #000;font-weight: bold;line-height: 27px;margin-top: 10px;}
.nyxw .list .tt2{color: #b1b1b1;font-size: 12px;line-height: 28px;}
.nyxw .list .tt3{color: #333333;line-height: 25px;height: 75px;overflow: hidden;}
.nyxw .list .tt4{width:96px;border: 1px solid #d9d9d9;border-radius: 20px;text-align: center;color: #333333;line-height: 29px;margin-top: 14px;position: relative;padding-right: 20px;}
.nyxw .list .tt4:after{content:"";width: 10px;height: 7px;background: url("../images/tu29.png") no-repeat center center;position: absolute;right: 20px;top:0;bottom:0;margin: auto 0;transition: all 0.3s;z-index: 1;}
.nyxw .list .tt4:before{content:"";width: 0;height: 7px;background: url("../images/tu29-1.png") no-repeat center center;position: absolute;right: 30px;top:0;bottom:0;margin: auto 0;transition: all 0.3s;z-index: 2;}
.nyxw .list:hover .tt4{background-color: #0d3dd9;color: #fff;border-color: #0d3dd9;}
.nyxw .list:hover .tt4:before{width: 10px;transition: all 0.3s;right: 20px;}
.nyxw .list:hover .img .bjcover{transform:scale(1.06);}



.nyxz{margin-top: -15px;}
.nyxz a{display: block;font-size: 16px;color: #000;border-bottom: 1px dashed #eee;line-height: 28px;padding: 15px 50px 15px 0;position: relative;transition: all .3s;}
.nyxz a img{display: block;height: 22px;position: absolute;right: 0;bottom: 16px;opacity: .6;transition: all .3s;}
.nyxz a img:hover{opacity: 1;}
.nyxz a:hover{color: #0d3dd9;}









/*transition: all .3s;*/
/*0d3dd9*/

/*df0008*/
/*transform:scale(1.06);*/

/*媒体查询开始*/
@media (max-width:1199px){
    .nav1{display: none;}
    #banner .tt .tt1{font-size: 54px;}
    .main4 .box .tt{padding-top: 30px;}



}
@media (max-width:991px) {

    /*右侧小点*/
    .swiper1-pagination{display: none;}
    #banner .swiper-pagination-bullet{bottom:10px;width: 6px;height: 6px;margin: 0 2px !important;}
    #banner .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 28px;}
    footer .box1 .list1{display: none;}
    footer .box1 .list2{width: 60%;border: 0;padding-left: 0;}
    footer .box1 .list3{width: 40%;}
    footer .box1 .ttbox{display: block;}

    .banner2 > img{max-width: 160%;width: 160%;margin-left: -30%;}

    .nycp .list{width: calc(33.33% - 20px);}
    
    
}

@media (max-width:767px) {

    #swiper1 > .swiper-wrapper > .swiper-slide.bjcover{height: auto !important;}
    .main1, .main2, .main3, .main4, .main5, .main6, .main7, .main8, .main9{height: auto;display: block;padding: 50px 0;}
    .mainbox{display: block}


    #banner .tt .tt1{font-size:33px;}
    #banner .tt .tt2{font-size:22px;}
    
    
    .title{margin-bottom:30px;}
    .title .div1{font-size:26px;}
    .title .div2{font-size:16px;}
    
    /* 公司简介 */
    .main2 .box{margin: -14px -7px 0;}
    .main2 .box .list{width: calc(100% - 14px);margin: 14px 7px 0;padding:33px 10px;}
    .main2 .box .list .tt1{font-size:22px;}
    .main2 .box .list .tt2{width: 50px;margin-top: 14px;}
    .main2 .box .list .tt2:after{width: 22px;}
    .main2 .box .list .tt3{font-size: 14px;line-height: 28px;height:auto;max-height: 112px;margin: 14px auto 0;-webkit-line-clamp: 4;}
    .main2 .box .list .tt4{font-size: 12px;width:90px;line-height: 30px;margin-top: 22px;}
    
    /* 产品展示 */
    .main3 .lb3{margin: -5px;}
    .main3 .list{margin: 5px;padding-bottom: 10px;}
    .main3 .list .tt1{font-size:17px;line-height:44px;}
    .main3 .list .tt2{display: none;}
    
    /* 案例展示 */
    .main4 .box .bjcover{width: 100%;padding-top: 58%;}
    .main4 .box .tt{width: 100%;padding: 20px 0 0;}
    .main4 .box .tt .tt1{font-size: 18px;}
    .main4 .box .tt .tt2{font-size: 14px;margin-top: 14px;-webkit-line-clamp: 6;line-height:28px;max-height: 168px;}
    .main4 .box .tt .tt3{width: 100px;line-height: 30px;margin-top: 15px;}
    
    /* 新闻中心 */
 
    .main5 .list .tt1{font-size: 14px;font-weight: normal;}
    .main5 .list .tt1 b{font-size: 22px;font-weight: normal;}
    .main5 .list .tt2{font-size: 16px;}
    .main5 .list .bjcover{margin-top: 10px;}
    .main5 .list .tt3{font-size: 14px;margin-top: 11px;-webkit-line-clamp: 4;line-height:28px;max-height:112px;}
    

    footer .box1{padding: 44px 0;}
    footer .box2{padding: 18px 0;font-size: 12px;}
    footer .box1 .list1{width:100%;display: block;}
    footer .box1 .list1 .tt{display: none;}
    footer .box1 .list2{width:100%;padding: 20px 0;}
    footer .box1 .list3{width:100%;padding: 0;}
    footer .box1 .ttbox{display: block;}
    footer .box1 .top{font-size: 20px;margin-bottom:11px;}


    .banner2{margin-top: 80px;}
    header .logo{line-height: 80px;height: 80px;}
    .anniu1{margin-top: 25px;}


    
    
    .ny{padding:33px 0 88px;}

    .title1{margin-bottom:20px;margin-top: -8px;}
    .title1 a{line-height:38px;font-size:14px;min-width:110px;padding: 0 5px;margin: 0 1px 2px;}
    


    
    .nycp{margin:0 -5px;}
    .nycp .list{width: calc(50% - 10px);margin:0 5px 10px;padding-bottom: 10px;}
    .nycp .list .tt1{font-size: 17px;line-height:44px;}
    .nycp .list .tt2{display: none;}
    
    




    /*详情页*/
    .danye{font-size: 15px;}
    .danye .bt{font-size: 18px;padding-bottom: 4px;}
    .danye .img{margin:0 auto 15px auto;}
    .danye .ditu{height:400px;margin: 15px auto;}
    .danye .xian{margin-top: 10px;}



    
   
}
@media (max-width:600px) {
    .danye .ditu{height:340px;}
    /*内页新闻*/
    .nyxw .list{margin-bottom:20px;padding: 0;box-shadow: 0 0 0;}
    .nyxw .list .img{width:100%;float:none;margin:15px 15px 0;max-width: calc(100% - 30px);}
    .nyxw .list .img .bjcover{height:auto;padding-top: 66%;}
    .nyxw .list .tt{float: none;width: 100%;padding-left: 0;padding: 0 10px;padding: 10px 20px 20px;}
    .nyxw .list .tt1{text-overflow:inherit;white-space:inherit;overflow: inherit;line-height: 24px;}
    .nyxw .list .tt3{height:auto;max-height:75px;}
    


}

@media (max-width:479px) {
    .danye .ditu{height:300px;}
    
    
}