@charset "utf-8";
/* CSS Document */
/*公共样式与首页样式*/
em{font-style: normal;} 

@font-face {
	font-family:Barlow-Regular;
	src: url('../fonts/Barlow-Regular.ttf'); }
@font-face {
	font-family:Barlow-Bold;
	src: url('../fonts/Barlow-Bold.ttf'); }


.index-main {
    width: 100%;
    overflow: hidden;
}
.biaoti {
    width:90%;
    margin: 0px auto;
    text-align: center;
    padding: 87px 0px 40px;
}.biaoti h2 {
    font-size: 48px;
    font-weight:normal;
    line-height: 60px;
    padding-bottom: 10px; color:#262626
}.biaoti .img2 {
    margin-bottom: 20px;
    height: 100px;
}.biaoti p {
    font-size: 18px;
    color: #616161;
    line-height: 30px; margin-bottom:10px; margin-top:10px
}






/*adv*/



.g_ys{padding-top:0px;}
.g_ys .yshd{width: 100%;margin: 0 auto;height: 108px;margin-top:10px; display:flex}
.g_ys .yshd dl{float: left; overflow: hidden; border-left: 1px solid #ddd; height: 52px;background-color: #eee; padding:28px 0; flex:1}
.g_ys .yshd dt{width: 100px;height: 70px;overflow: hidden;margin: 20px auto 0}
.g_ys .yshd dt img{margin-top: -70px;}

/*--------------------------------------------------------------------------------------------------------------------------------------550--*/

@media all and (max-width:2000px){  
.g_ys .yshd dd{text-align: center;font-size: 20px;font-weight:normal;color: #343434; }


.g_ys .yshd dd em{display: block;font-weight: normal;font-size: 12px;text-transform: uppercase;color: #6d6d6d;padding-top: 6px; font-family:Barlow-Regular; height:30px; line-height:30px;display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;  
        overflow: hidden; width:80%; text-align:center; margin:0 auto }

}


/*--------------------------------------------------------------------------------------------------------------------------------------550--*/

@media all and (max-width:1400px){  
.g_ys .yshd dd{text-align: center;font-size: 17px;font-weight:normal;color: #343434}

.g_ys .yshd dd .rtrt{ height:40px; display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;  
        overflow: hidden; height:28px; line-height:28px
}

.g_ys .yshd dd em{display: block;font-weight: normal;font-size: 12px;text-transform: uppercase;color: #6d6d6d;padding-top: 6px; font-family:Barlow-Regular; height:30px; line-height:30px;display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;  
        overflow: hidden; width:80%; text-align:center; margin:0 auto }
}




.g_ys .yshd .on{background: #008ae2;}
.g_ys .yshd .on dt img{margin-top: 0px;}
.g_ys .yshd .on dd{color: #fff;}
.g_ys .yshd .on dd em{color: #fff;}
.g_ys .ysbg1{background:url(../pro_css/a1.jpg) no-repeat center top;height: 618px; width:1711px }
.g_ys .ysbg2{background:url(../pro_css/a2.jpg) no-repeat center top;height: 618px;}
.g_ys .ysbg3{background:url(../pro_css/a3.jpg) no-repeat center top;height: 618px;}
.g_ys .ysbg4{background:url(../pro_css/a4.jpg) no-repeat center top;height: 618px;}
.g_ys .ysbg5{background:url(../pro_css/a5.jpg) no-repeat center top;height: 618px;}
.g_ys .ysbg6{background:url(../pro_css/a6.jpg) no-repeat center top;height: 618px;}
.g_ys .ysbg7{background:url(../pro_css/a7.jpg) no-repeat center top;height: 618px;}
.g_ys .ysbg8{background:url(../pro_css/a8.jpg) no-repeat center top;height: 618px;}


.page, .box, .w1200, .content {
    margin: 0 auto;
    width: 1200px;
}


.g_ys h3{margin: 114px 0 0 670px;height: 120px;font-size: 32px;color: #fff;}
.g_ys h3 em{display: block;font-size: 18px;color: #fff;font-weight: normal;text-transform: uppercase;padding-top: 5px;}
.g_ys p{margin-left: 670px;padding-left: 0px;font-size: 16px;line-height: 32px;background:url(../pro_css/20190923153751_1994436456.png) no-repeat 0 15px; color: #fff;}

.g_ys a{margin-left: 670px; width:140px; height:45px; line-height:45px; border:1px #1195e9 solid; text-align:center; display:block; color:#1195e9; margin-top:30px; font-size:16px}

.g_ys a:hover{ background:#1195e9 ; color:#fff}



/*anli*/


.anli {
    width: 100%;
    background: url(../images/gc_bg.jpg) no-repeat center top fixed;
    height: 770px;
    clear: both;
    overflow: visible;
    text-align: center;
    color: #fff;
}


.con {
    width: 90%;
    margin: 0px auto;
}


  
.anli .p1 { padding-top:145px; line-height:71px; font-size:61px; font-family:Barlow-Bold; font-weight:normal; text-transform:uppercase; }  
.anli .p2 { font-size:48px; line-height:80px; padding-top:10px}  
.anli .p3 { font-size:19px; line-height:29px; width:80%; margin:0px auto 50px; text-indent:28px}  

.anli .kuai { width:970px; height:171px; line-height:35px; margin:70px auto;}

.anli .kuai a:hover dl {transform: translate(0,-10px)!important;
	-webkit-transform: translate(0,-10px)!important;
	-moz-transform: translate(0,-10px)!important;
	-o-transform: translate(0,-10px)!important;
	-ms-transform: translate(0,-10px)!important;}
	
.anli .kuai a:hover dl dd { color:#fff;}
.anli .kuai a:hover dl dt img { transform:rotate(360dge);} 
.anli .kuai dl { width:48%; height:171px; float:left; transition:all 0.4s; margin:0 1%}  
.anli .kuai a:nth-child(1) dl { background:#008ae2;}
.anli .kuai a:nth-child(2) dl { background:#fff;}
.anli .kuai a:nth-child(1) dl dd{ background:url(../images/you.png) no-repeat 240px 60px}
.anli .kuai a:nth-child(2) dl dd{ background:url(../images/you2.png) no-repeat 240px 60px}
.anli .kuai a:nth-child(2) dl dd{ color:#008ae2}
.anli .kuai a:nth-child(2) dl dd em{color:#008ae2; text-transform:uppercase}


.anli .kuai dl dt { width:30%; text-align:center;  float:left; padding-top:5%; padding-left:5%}
.anli .kuai dl dd { width:60%; text-align:left; float:left; font-size:28px; color:#fff; padding-top:10%; padding-left:5%}
.anli .kuai dl em{ color:#fff; font-size:18px; font-family:Barlow-Regular; text-transform:uppercase}







/*news*/

.index-news-center .news-center-container {
    width: 90%;
    margin: 0 auto
}

.index-news-center .title-box {
    width: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: .6rem
}

.index-news-center .title {
    width: auto;
    font-weight: bold;
    color: #13202c;
    position: relative;
    padding-left: .2rem
}

.index-news-center .title:before {
    content: '';
    display: inline-block;
    background-image: url(../images/10.jpg);
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: .08rem;
    height: .16rem;
    position: absolute;
    top: 0;
    left: 0
}

@media (max-width:1920px) {
    .index-news-center .title {
        padding-left: 20px
    }
    .index-news-center .title:before {
        width: 8px;
        height: 16px
    }
}

.index-news-center .title-text {
    width: auto;
    line-height: 1.5;
    color: #65717b;
    margin-left: .2rem
}

.index-news-center .wrap {
    width: 103%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.index-news-center .item {
    width: 31%;  border:1px solid #c9c9c9;
    margin-right: 2%;
    cursor: pointer;
}

.index-news-center .item:nth-child(2n+1){
    transition-delay: .2s;
}
.index-news-center .item:nth-child(2n){
    transition-delay: .4s;
}
.index-news-center .ul{
    transition-delay: .6s;
}

.index-news-center .item:hover .jiantou { margin-right:20px;
       
    }

@media(min-width: 1201px){
    /*.index-news-center .item:hover .item-content{
        background-color: rgba(241,165,2,0.9)
    }*/

    .index-news-center .item:hover .item-img img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    .index-news-center .item:hover .content-title {
        font-weight: bold;
        color: #1195e9;
    }

/*    .index-news-center .item:hover .content-text {
        color: #fff
    }

    .index-news-center .item:hover .date-icon .img-1 {
        display: none
    }

    .index-news-center .item:hover .date-icon .img-2 {
        display: inline-block
    }

    .index-news-center .item:hover .date-text {
        color: #fff
    }*/
}


.index-news-center .item-img {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden
}

.index-news-center .item-img img {
    width: 100%;
    transition: transform 12s cubic-bezier(.23, 1, .32, 1); height:230px;
}

.index-news-center .item-content {
    width: 90%;
    padding: 5%;
    transition: all .3s;
    background-color: #fff;
    position: relative;
    z-index: 10;
}
.s22 {
    font-size:18px;
}.index-news-center{ padding-bottom:107px}
.index-news-center .content-title {
    width: 100%;
    line-height: 1.2;
    color: #000;
    margin-bottom: .15rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.index-news-center .content-text {
    width: 100%;
    line-height: 1.625;
    color: #65717b;
    overflow: hidden;
    text-overflow: ellipsis; 
    display: -webkit-box;
    -webkit-line-clamp: 2; margin-top:20px;
    -webkit-box-orient: vertical;
    margin-bottom: 1rem; font-size:15px
}
.jiantou  { float:right; transition:all 0.4s; }

.index-news-center .content-date {
	 border-top:1px solid #c9c9c9; margin-top:5px; padding-top:22px;
	
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; justify-content: space-between;
  
}

.index-news-center .date-icon {
    width: .14rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.index-news-center .date-icon img {
    width: 100%
}

.index-news-center .date-icon .img-2 {
    display: none
}

@media (max-width:1920px) {
    .index-news-center .date-icon {
        width: 12px
    }
}

.index-news-center .date-text {
    width: auto;
    line-height: 1.2;  float:left;
    color: #65717b;
   
}

.index-news-center .ul {
    width: 31%;
    margin-right: 2%;
    background-color: #f3f4f8;
    padding: .3rem
}

.index-news-center .li {
    width: 100%;
    padding: .2rem 0;
    border-bottom: 1px solid #ececec;
    cursor: pointer;
    display: block
}

.index-news-center .li:hover {
    border-color: rgba(241,165,2,0.9)
}

.index-news-center .li:hover .li-title {
    font-weight: bold;
    color:#1195e9
}

.index-news-center .li:hover .li-text {
    color: rgba(241,165,2,0.9)
}

.index-news-center .li:last-child {
    border-bottom: 0;
    padding-bottom: 0
}

.index-news-center .li-title {
    width: 100%;
    line-height: 1.2;
    color: #000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: .1rem
}

.index-news-center .li-text {
    width: 100%;
    line-height: 1.2;
    color: #65717b;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

@media (max-width:900px) {
    .index-news-center .news-center-container {
        width: 100%;
        padding: 0 10px
    }
    .index-news-center .wrap {
        width: 102%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .index-news-center .item {
        width: 48%;
        margin-bottom: 4%
    }
    .index-news-center .content-title {
        font-size: 15px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: inherit
    }
    .index-news-center .ul {
        width: 100%
    }
    .index-news-center .li:last-child {
        padding-bottom: .2rem
    }
}

@media (max-width:500px) {
    .index-news-center .title-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .index-news-center .title {
        width: 100%;
        margin-bottom: 15px
    }
    .index-news-center .title-text {
        width: 100%
    }
}



/*底部*/



.hezuo {
    width: 100%;
    background: url(../images/footer.jpg) no-repeat center top ;
    height: 1016px;
    clear: both;
    overflow: visible;
    text-align: center;
    color: #fff;
}
.biaoti1 {
    width:90%;
    margin: 0px auto;
    text-align: center;
    padding: 87px 0px 40px; background:url(../images/hezuo.png) no-repeat center center
}.biaoti1 h2 {
    font-size: 48px;
    font-weight:normal;
    line-height: 60px;
    padding-bottom: 10px; color:#fff; padding-top:40px
}.biaoti1 p {
    font-size: 18px;
    color: #fff;
    line-height: 30px; margin-bottom:10px; margin-top:10px
}
.nusoaks{ width:100%; float:left; padding-bottom:70px; }
.hl_main5_content{width:100%;border-top:none; padding-bottom:60px; margin: 0 auto;  }
.hl_main5_content a{ color:#fff}
.hl_main5_content1{width:100%;margin-top:5px; overflow:hidden; float:left; }
.hl_main5_content1 ul{width:26000px; overflow:hidden;}
.hl_main5_content1 ul li{ float:left; display:inline;}
.hl_main5_content1 ul li img{ width:100%; }
.hl_main5_content1 ul li .blue{background-color:rgba(0,138,226,0.8); padding:6%}
.hl_main5_content1 ul li .tupian{ text-align:center;  width:259px;}
.hl_main5_content1 ul li .gao h2{  color:#fff; font-size:18px;  width:100%;   text-align:center; line-height:30px; font-weight:normal!important; padding-bottom:10px; padding-top:50px}
.hl_main5_content1 ul li .gao b{ text-align:left; color:#4c4c4c; font-size:14px;  line-height:20px!important; width:259px; display:block; font-weight:normal}
.hl_main5_content1 ul li .gao .ske{ font-size:15px; color:#848484; }
.hl_main5_content1 ul li .blue span{ text-align:left; color:#848484; font-size:14px; line-height:38px!important; width:100%; display:block; margin:20px auto 0 auto; text-transform:uppercase; font-family:Barlow-Regular}
.hl_main5_content1 ul li .blue span b{ font-size:18px; color:#374bdf; font-weight:bold;}

.hl_main5_content1 ul li a{ float:left; background:#fff; width:200px; height:200px; margin-right:22px; font-weight:normal;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}
	
.hl_main5_content1 ul li a:hover{ float:left;  width:200px; height:200px; 
transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);
	-ms-transform: translate(0,-5px); color:#374bdf;  }

.hl_main5_content1 ul li a:hover .blue{ position:absolute; top:0; width:88%; height:88%; text-align:center; color:#FFF}

.hl_scrool_leftbtn{width:38px; height:62px; background:url(../images/d11.png) no-repeat; float:left; margin-top:180px; cursor:pointer; display:none}
.hl_scrool_rightbtn{width:38px; height:62px;  background:url(../images/d2.png) no-repeat; float:right;margin-top:180px; cursor:pointer; display:none}





/*--------------------------------------------------------------------------------------------------------------------------------------550--*/

@media all and (max-width:1200px){  

.biaoti h2 {
    font-size: 22px;
    font-weight: normal;
    line-height: 60px;
    padding-bottom: 10px;
    color: #262626;
}

.biaoti .img2 {
    margin-bottom: 20px;
    height: 40px;
}
.biaoti p {
    font-size: 14px;
    color: #616161;
    line-height: 26px;
    margin-bottom: 10px;
    margin-top: 0px;
}

.g_ys .yshd dl {
    float: left;
    overflow: hidden;
    border-left: 1px solid #ddd;
    height: 62px;
    background-color: #eee;
    padding: 18px 0 22px 0;
    flex: none;
	width: 24.7%; margin-bottom:1px;
}
.g_ys .yshd {
    width: 100%;
    margin: 0 auto;
    height: 108px;
    margin-top: 10px;
    display:block;
}

.g_ys .yshd {
    width: 100%;
    margin: 0 auto;
    height: 206px;
    margin-top: 10px;
    display: block;
}
.g_ys .yshd dd em{ display:none}
.g_ys .yshd dd .rtrt{ font-size:14px; line-height:22px!important; -webkit-box-orient: vertical;
    -webkit-line-clamp: 5!important;
    overflow: hidden; height:108px!important; }

.ysbd{ width:100%!important}
.ysbg1{ width:100%!important}


.page, .box, .w1200, .content {
    margin: 0 auto;
    width: 96%;
}

.g_ys .ysbg1{background: url(../pro_css/a1.jpg) no-repeat center top;
    height: 618px;
    width:100%!important;}

.g_ys h3 {
    margin: 20rem 0 0 2%!important;
    height:auto!important;
    font-size: 22px;
    color: #fff;
}
.g_ys p {
    margin-left: 2%;
    padding-left: 0px;
    font-size: 14px;
    line-height: 22px;
    background: url(../pro_css/20190923153751_1994436456.png) no-repeat 0 15px;
    color: #fff;
}

.g_ys .ysbg1,.g_ys .ysbg2,.g_ys .ysbg3,.g_ys .ysbg4,.g_ys .ysbg5,.g_ys .ysbg6,.g_ys .ysbg7,.g_ys .ysbg8{ background-size:cover!important}
.g_ys .ysbg1{background:url(../pro_css/wap_a1.jpg) no-repeat center top; }
.g_ys .ysbg2{background:url(../pro_css/wap_a2.jpg) no-repeat center top;}
.g_ys .ysbg3{background:url(../pro_css/wap_a3.jpg) no-repeat center top;}
.g_ys .ysbg4{background:url(../pro_css/wap_a4.jpg) no-repeat center top;}
.g_ys .ysbg5{background:url(../pro_css/wap_a5.jpg) no-repeat center top;}
.g_ys .ysbg6{background:url(../pro_css/wap_a6.jpg) no-repeat center top;}
.g_ys .ysbg7{background:url(../pro_css/wap_a7.jpg) no-repeat center top;}
.g_ys .ysbg8{background:url(../pro_css/wap_a8.jpg) no-repeat center top;}


.g_ys a {
    margin-left: 2%;
    width: 140px;
    height: 45px;
    line-height: 45px;
    border: 1px #1195e9 solid;
    text-align: center;
    display: block;
    color: #1195e9;
    margin-top: 30px;
    font-size: 16px;
}
.anli {
    width: 100%;
    background: url(../images/gc_bg.jpg) no-repeat center top fixed;
    height: 770px;
    clear: both;
    overflow: visible;
    text-align: center;
    color: #fff; background-attachment:scroll
}
.anli .p1 {
    padding-top: 75px;
    line-height: 71px;
    font-size: 30px;
    font-family: Barlow-Bold;
    font-weight: normal;
    text-transform: uppercase;
}


.anli .p2 {
    font-size: 24px;
    line-height: 30px;
    padding-top: 0px;
}

.anli .kuai {
    width: 94%;
    height: 271px;
    line-height: 35px;
    margin: 30px auto;
}

.anli .kuai dl {
    width: 100%;
    height: 131px;
    float: left;
    transition: all 0.4s;
    margin: 0 0 2% 0; 
}

.anli .kuai dl dd {
    
    font-size: 24px;
   
}.anli .kuai dl em {
    color: #fff;
    font-size: 14px;
    font-family: Barlow-Regular;
    text-transform: uppercase;
}
.anli .p3 {
    font-size: 14px;
    line-height: 22px;
    width: 94%;
    margin: 0px auto 50px;
    text-indent: 28px;
}


.biaoti {
    width: 90%;
    margin: 0px auto;
    text-align: center;
    padding: 47px 0px 20px;
}

.index-news-center .wrap {
    width: 96%!important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; margin:0 auto
}

.index-news-center .item {
    width: 100%!important;
    margin-bottom: 4%;
}
.biaoti1 h2 {
    font-size: 22px;
    font-weight: normal;
    line-height: 55px;
    padding-bottom: 10px;
    color: #fff;
    padding-top: 30px;
}
.biaoti1 p {
    font-size: 14px;
    color: #fff;
    line-height: 22px;
    margin-bottom: 10px;
    margin-top: 0px;
}.biaoti1 {
    width: 90%;
    margin: 0px auto;
    text-align: center;
    padding: 87px 0px 40px;
    background: url(../images/hezuo.png) no-repeat center center;
	background-size:100%
}




.map{ display:none}
.erwm{ display:none}


.address {
    width: 95%; border-right:0}
.address ul li p {
    padding-left: 32px;
    text-align: left;
    color: rgba(255,255,255,0.7);
    font-size: 14px;
    line-height: 32px; letter-spacing:-0.5px
}.nusoaks {
    width: 100%;
    float: left;
    padding-bottom: 30px;
}

.hl_main5_content1 ul li .tupian{ text-align:center;  width:100px;}
.hl_main5_content1 ul li a {
    float: left;
    background: #fff;
    width: 100px;
    height: 100px;
    margin-right: 22px;
    font-weight: normal;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}.hl_main5_content1 ul li a {
    float: left;
    background: #fff;
    width: 100px;
    height: 100px;}
.hl_main5_content1 ul li .gao b{ text-align:left; color:#4c4c4c; font-size:14px;  line-height:20px!important; width:100px; display:block; font-weight:normal}



.hl_main5_content1 ul li .tupian{ text-align:center;  width:100px;}
.hl_main5_content1 ul li .blue span b{ font-size:13px; color:#374bdf; font-weight:bold;}

.hl_main5_content1 ul li a:hover{ float:left;  width:100px; height:100px; 
transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);
	-ms-transform: translate(0,-5px); color:#374bdf;  }

.hl_main5_content1 ul li .gao h2 {
    color: #fff;
    font-size: 14px;
    width: 100%;
    text-align: center;
    line-height: 30px;
    font-weight: normal!important;
    padding-bottom: 10px;
    padding-top: 30px;
}
.address h3 {
    color: #fff;
    font-size: 24px;
    text-align: left;
    padding-bottom: 0px;
}

.footer p{ line-height:22px; padding-top: 10px;}

.footer a {
    color: #8d8d8d;
    line-height: 24px; padding-top:5px
}

.add {
    background: url(../images/add.png) no-repeat left 5px;
}
.hezuo {
    width: 100%;
    background: url(../images/footer.jpg) no-repeat center top;
    height: 946px;
    clear: both;
    overflow: visible;
    text-align: center;
    color: #fff;
}.footer{ margin-bottom:60px}
}