﻿@charset "utf-8";

/*============================ 初始化样式 ============================*/

* { margin:0; padding:0;box-sizing: border-box}

body {font: 14px "PingFang SC",Microsoft Yahei,Arial; min-width:1600px;}

*html { background-image:url(about:blank);background-attachment:fixed;}

li { list-style:none;}

img { border:none;}

body a img { border:none;}

h3{font-weight:normal}

a {color: #333; text-decoration:none; blr:expression(this.onFocus=this.blur());}

a:focus { outline:none;}

a:link { text-decoration:none;}

a:hover { text-decoration:none;}

.text-cut  /*限制文字,文字超出显示冒号*/

{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;

-webkit-text-overflow: ellipsis;-moz-text-overflow: ellipsis;}

.container{max-width: 1600px;margin: 0 auto}

.fl{float: left}

.fr{float: right}

.clear{clear: both}

.text-center{text-align: center}





/*============================ 公共部分 ============================*/

.fanye {overflow: hidden;}

.fanye .fanyeA,.fanye .fanyeB { color:#666; line-height:2;font-size: 16px}

.fanye a{color: #333}

.fanye a:hover { text-decoration:underline;}





/* 文章类别上下页 */

.page { overflow:hidden;}

.pagelink {text-align: center;padding: 70px 0;display: flex;justify-content: center;align-items: center}

.pagelink span,.pagelink a { display:inline-block; text-align:center;padding: 4px 10px;; border:solid 1px #fff;color:#555555; margin:0 4px;}

.pagelink a:hover,.pagelink a.on { background:#207dc8; color:#fff; border:solid 1px #207dc8;}

.pagelink span{display:inline-block; color:#fff; background:#207dc8;padding: 4px 10px;border:solid 1px #207dc8;}



/*========================================= 首页 =====================================*/

header{position: fixed;top: 0;left: 0;right:0;margin:auto;height: 80px;z-index: 9999;width: 100%;transition: all .3s ease;}

header:hover {background: #fff;}

header.switch-color {background-color: #fff;-webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .1);box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .1);z-index: 999;}

header .logo {position: relative;top:20px;float:left;}

header .logo img {position: absolute;top: 0;left: 0;transition: 300ms;width:auto;}

header .logo img:last-child {opacity: 0;}

header.switch-color .logo img:last-child,header:hover .logo img:last-child {opacity: 1;}

header.switch-color .nav li a,header:hover .nav li a {color: #333333 !important;}

header.switch-color .nav li:after,header:hover .nav li:after{background-color: #666;}

header.switch-color .nav ul li a:before,header:hover .nav ul li a:before,header.switch-color .nav ul li.active a:before {background-color: #207dc8;}

nav{display: flex;align-items: center;position: relative}

.nav ul li a:hover:before,.nav ul li.active a:before{width: 100%}

.nav{width: 930px;}

.nav li{float:left;text-align:center;position:relative;line-height: 80px;transition: all 0.3s;padding: 0 35px;}

.nav li a{ display:block;color: #fff;font-size: 16px;transition: all 0.35s;position: relative}

.nav ul li:after{width:4px; height:4px; border-radius:50%; background-color:#fff; content:"";position:absolute; top:50%; margin-top:-2px; right:0;}

.nav ul li:last-child:after{opacity: 0}

.nav ul li a:before {content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 3px;background-color: #fff;transition: all 400ms;}



header .ssA {position: relative;top:-9px;right: 0}

header .ssA img {position: absolute;top: 0;right: 0;transition: 300ms;width:auto;}

header .ssA img:last-child {opacity: 0;}

header.switch-color .ssA img:last-child,header:hover .ssA img:last-child {opacity: 1;}

header .other_item .other_searc_in {position: absolute;right:0;top:40px;height: 40px;align-items: center;width: 40px;background-color: #bababa;line-height: 40px;

    transform: translateY(-50%);-webkit-transform: translateY(-50%);overflow: hidden;-moz-border-radius: 40px;border-radius: 40px;-webkit-transition: all 0.5s;transition: all 0.5s;opacity:0;z-index:-10;

}

header .other_item.on .other_searc_in {width: 300px;opacity: 1;z-index: 150;}

header .other_item .other_searc_in .other_searc_icon {width: 60px;height: 40px;text-align:center;float:left;}

header .other_item .other_searc_in .other_searc_icon img{width:20px;height:20px;margin-top: 10px;}

header .other_item .other_searc_in .other_searc_line {height: 100%;float:left;}

header .other_item .other_searc_in .other_searc_line input {width: 100%;height: 100%;border: none;background: none;color:#fff}

header .other_item .other_searc_in .other_searc_line input::-webkit-input-placeholder { color: #fff; }

header .other_item .other_searc_in .other_searc_close {width: 40px;height: 40px;float:right;}

header .other_item .other_searc_in .other_searc_close a:hover {background-color: #207dc8;}

header .other_item .other_searc_in .other_searc_close a {width: 40px;height: 40px;background-color: #a7a7a7;align-items: center;justify-content: center;border-radius: 50%;display:block;}

header .other_item.on .other_searc_in .other_searc_close>a {transform: rotate(270deg);-webkit-transform: rotate(270deg);-webkit-transition: all 0.75s;transition: all 0.75s;}

header .other_item .other_searc_in .other_searc_close a img{width:100%;height:100%;}

header .other_item.on .other_searc_in input{border: none;outline: none;}





.nav li .xlnav{z-index:2;right:auto;position:absolute;display:none;width: 100%;left: 0}

.nav li .xlnav ul{overflow: hidden;}

.nav li .xlnav li{height: 40px!important;line-height: 40px!important;width: 100%;background:#3a3a3a;margin-top: 1px}

.nav li .xlnav li a{height: 40px!important;font-size: 14px;color: #fff;font-weight: normal;

    border-bottom: none!important;padding: 0!important;}

.nav li .xlnav li:hover a{color: #fff!important;background-color: #cc0000!important;}



.banner{ position:relative; overflow:hidden;}

.banner .swiper-container{ width: 100%;height: 100vh;overflow:hidden;}

.banner ul li{height: 100vh; display: flex;flex-direction: row;justify-content: center;align-items: center;}

.banner ul li dl{text-align: center;color: #fff}

.banner ul li dl h2{font-size: 58px;margin-bottom: 25px;}

.banner ul li dl p{font-size: 16px;line-height: 2;}

.banner ul li dl .sp{margin-top: 40px;display: inline-block}

.banner ul li dl video{position: absolute;left: 0;top: 0;z-index: -1;width: 100%;height: 100%;opacity: 0;visibility: hidden;}

.banner ul li dl.on video{opacity: 1;visibility: visible;z-index: 1;}

.banner .pagination{position: absolute; bottom:40px; width:100%; z-index:100; text-align: center;}

.banner .swiper-pagination-bullet{width: 10px;height: 10px;display: inline-block;border-radius: 100%;margin: 0 12px!important;background: #fff}

.banner .swiper-pagination-bullet-active{background-color: #3c8bcb}

.banner .swiper-button-prev{left: 30px;opacity: 0;width: auto}

.banner .swiper-button-next{right: 30px;opacity: 0;width: auto}

.banner:hover .swiper-button-prev{opacity: 1}

.banner:hover .swiper-button-next{opacity: 1}



.title{display: flex;justify-content:space-between;align-items: center;margin-top: 60px}

.title h2{font-size: 36px;color: #000;font-family: "PingFang Heavy"}

.title h2 span{color: #535353;font-size: 18px;text-transform: uppercase;}

.title a{border: 1px solid #000000;width: 84px;line-height: 38px;border-radius: 30px;color: #000;text-align: center; 
    transition: .3s; position:relative;}

.title a:hover{background: #207dc8;color: #fff; border:solid 1px #207dc8;}

.title a::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    transition: .3s;
    overflow: hidden;
    background: #207dc8;
    z-index: -1;
	border-radius: 30px
}


.title a:hover::before {
    width: 100%;
}



/*.oneA{display: flex;justify-content: space-between;margin-top: 45px}

.oneAl{width: 393px;overflow: hidden}

.oneAl ul li:last-child{margin-top: 9px}

.oneA ul li{position: relative;float: left;overflow: hidden;height: 360px;width: 100%}

.oneA ul li dd{width: 100%;height: 100%;transition: all 0.5s ease}

.oneA ul li div{position: absolute;bottom: 0;left: 0;padding: 20px;color: #fff;background: url("../img/oali.png") repeat-x left bottom;width: 100%;

display: flex;justify-content: space-between;align-items: center}

.oneA ul li dl h3{font-size: 18px;font-weight: normal;margin-top: 10px}

.oneAc{width: 393px;height: 729px;overflow: hidden}

.oneAc ul li{height: 729px!important;}

.oneAr{width: 50%}

.oneAr ul li:nth-child(2),.oneAr ul li:nth-child(3){margin-top: 9px;width: 395px!important;}

.oneAr ul li:nth-child(2){margin-right: 9px}

.oneA ul li:hover dd{transform: scale(1.1)}*/


.oneA{display: flex;justify-content: space-between;margin-top: 45px}
.oneA ul{display: flex;flex-wrap: wrap}

.oneA ul li{position: relative;float: left;overflow: hidden;height: 300px;width: 393px;margin-top: 9px; margin-right:9px;}
.oneA ul li:nth-of-type(4n) {margin-right: 0;}

.oneA ul li dd{width: 100%;height: 100%;transition: all 0.5s ease}

.oneA ul li div{position: absolute;bottom: 0;left: 0;padding: 20px;color: #fff;background-image: linear-gradient(180deg,rgba(0,0,0,0),#000);    width: 100%;

    display: flex;justify-content: space-between;align-items: center}
.oneA ul li dl p{ margin-bottom:5px; display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.oneA ul li dl h3{font-size: 16px;font-weight: normal;display: block;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}

.oneA ul li:hover dd{transform: scale(1.1)}
.oneA ul li .fl{ width:80%; overflow:hidden;}

.oneA ul li div .fr{ width:28px; height:28px;border: solid 2px rgba(255, 255, 255, 0.5); border-radius: 50%; background: rgba(0, 0, 0, 0.5); position:relative;}
.oneA ul li div .fr img { position: absolute; left: 22%; top: 15%; width:17px;}

.bgf2{background: #f2f2f2;overflow: hidden;margin-top: 60px;padding-bottom: 80px}

.oneB ul{display: flex;justify-content: space-between}

.oneB ul li{float: left;width: 376px;margin-top: 40px;overflow: hidden}

.oneB ul li dd{width:100%;height: 200px;overflow: hidden; position:relative;}

.oneB ul li dd img{width: 100%;height: 100%;display: block;position: absolute;left: 0;top: 0;object-fit: cover;transition: all .5s;}

.oneB ul li dl{background: #fff;padding: 30px}

.oneB ul li h3{font-size: 18px;color: #000; font-weight:400;}

.oneB ul li p{color: #666;line-height: 1.6;padding:8px 0 15px; font-size:14px;}

.oneB ul li dt{display: flex;justify-content: space-between;align-items: center}

.oneB ul li dt span{ font-size:14px; color:#999;font-family: "Roboto", Times, serif;}

.oneB ul li dt i{display: inline-block;width: 21px;height: 11px;background: url("../img/newli.png") no-repeat center}

.oneB ul li:hover dd img{transform: scale(1.1)}

.oneB ul li:hover h3{color: #207dc8}



.oneC{overflow: hidden}

.oneC ul{margin-top: 20px}

.oneC ul li{position: relative;float: left;overflow: hidden;width: 385px;height: 300px;margin: 20px 19px 0 0}

.oneC ul li dd{width: 100%;height: 100%;transition: all 0.5s ease}

/*.oneC ul li dd img{max-width: 100%;vertical-align: top}*/

.oneC ul li div{position: absolute;bottom: 0;left: 0;padding:30px 20px 0;height:96px;color: #fff;background-image: linear-gradient(180deg,rgba(0,0,0,0),#000);width: 100%; display: flex;justify-content: space-between;align-items: center}

.oneC ul li dl h3{font-size: 18px;font-weight: normal;-webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    white-space: normal;
    overflow: hidden;}

.oneC ul li:hover dd{transform: scale(1.1)}

.oneC ul li:nth-child(4n){margin-right: 0}

.oneC ul li div .fr{width: 28px;height: 28px;border: solid 2px rgba(255, 255, 255, 0.5);border-radius: 50%;background: rgba(0, 0, 0, 0.5);position: relative;}
.oneC ul li div .fr img {position: absolute;left: 22%;top: 14.5%;width: 17px;}

.oneD{background: url("../img/od.png") no-repeat center;padding: 135px 0;margin-top:60px}

.oneDs{display: flex;justify-content: space-between;align-items: center;color: #fff}

.oneD h2{font-size: 38px;font-family: "PingFang Heavy"}

.oneD p{text-transform: uppercase;font-size: 18px}

.oneDc{width: 620px;}

.oneDc .text{font-size: 16px;line-height: 2;padding-bottom: 25px;border-bottom: 1px solid rgba(255,255,255,0.3)}

.oneDc ul{display: flex;justify-content: space-between;margin-top: 30px}

.oneDc ul li{text-align: center;}

.oneDc ul li b{font-family: "Roboto", Times, serif;font-size: 62px;position: relative}

.oneDc ul li b sup{position: absolute;top: -10px;right: -20px;font-size: 24px;font-family: "Roboto", Times, serif;font-weight: normal}

.oneDc ul li p{font-size: 18px;color: rgba(255,255,255,0.6)}

.oneDr{position: relative}

.oneDr:after{content: '';width: 100%;height: 100%;background: #000;position: absolute;top: 0;left: 0;opacity: 0;visibility: hidden;}

.oneDr.on:after{opacity: 1;visibility: visible;}

.oneDr a{position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;width: 60px;height: 60px;}

.oneDr video{position: absolute;left: 0;top: 0;z-index: -1;width: 100%;height: 100%;opacity: 0;visibility: hidden;}

.oneDr.on video{opacity: 1;visibility: visible;z-index: 1;}



footer{overflow: hidden;background: #252525;}

.foot{padding: 60px 0 45px;color: #fff;border-bottom: 1px solid rgba(255,255,255,0.1);overflow: hidden;display: flex;justify-content: space-between}

.foot h3{font-size: 18px;margin-bottom: 25px}

.footl{}

.footl ul li{margin-bottom: 12px;color: #c6c6c6}

.footl ul li img{margin-right: 12px}

.footl dd{margin-top: 15px}

.footl dd p{color: #a7a7a7;line-height: 2.2}

.footr{display: flex;justify-content: space-between;margin-right: 45px}

.footr ul{margin-left: 145px}

.footr ul li{margin-bottom: 12px}

.footr ul li a{color: #ababab}

.footr ul li a:hover{color: #fff}

.copy{color: #a7a7a7;overflow: hidden;padding: 25px 0}

.copy a{color: #a7a7a7}



/*=======================================关于我们============================================*/

.ny_ban{height: 600px;overflow: hidden; display: flex;flex-direction: row;justify-content: center;align-items: center;text-align: center}

.ny_ban dl{color: #fff}

.ny_ban h2{font-size: 42px;}

.ny_ban p{font-size: 20px;margin-top: 15px}



.ny_nav{margin-top: 50px;overflow: hidden}

.ny_nav ul li{float: left;position: relative;margin-right: 45px;padding-bottom: 10px}

.ny_nav ul li a{color: #666;font-size: 18px;}

.ny_nav ul li:after{content: '';width: 0;height: 2px;background: #fff;position: absolute;bottom: 1px;left: 50%;transition: all 0.3s ease 0s;}

.ny_nav ul li:hover:after,.ny_nav ul li.active:after{background: #207dc8;margin-left: -50%;width: 100%}

.ny_nav ul li:hover a,.ny_nav ul li.active a{color: #207dc8}



.aboutA{margin-top: 110px}

.aboutA ul{display: flex;justify-content: space-between}

.aboutA ul li{}

.aboutA ul li p{font-size: 24px}

.aboutA ul li .num{margin-top: 20px;position: relative;display: inline-block}

.aboutA ul li .num span{font-size: 62px;color: #000;font-weight: bold;font-family: Arial}

.aboutA ul li .num em{font-size: 16px;font-style: normal}

.aboutA ul li .num i{font-size: 20px;line-height: 15px;position: absolute;right: 0;top: 0;z-index: 1;font-style: normal}



.aboutB{overflow: hidden;margin-top: 110px;}

.aboutBl{width: 770px;height: 530px;position: relative}

.aboutBl dd{overflow: hidden;}

.aboutBl:after{content: '';width: 100%;height: 100%;background: #000;position: absolute;top: 0;left: 0;opacity: 0;visibility: hidden;}

.aboutBl.on:after{opacity: 1;visibility: visible;}


.aboutBl dd img{transition: transform 0.8s ease;}

.aboutBl dd:hover img{transform: scale(1.05);}

.aboutBl a{position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;width: 70px;height: 70px;}

.aboutBl video{position: absolute;left: 0;top: 0;z-index: -1;width: 100%;height: 100%;opacity: 0;visibility: hidden;}

.aboutBl.on video{opacity: 1;visibility: visible;z-index: 1;}

.aboutBr{width: 730px;}

.aboutBr h2{font-size: 36px;color: #242424}

.aboutBr h3{font-size: 22px;color: #666;text-transform: uppercase}

.aboutBr p{color: #666;font-size: 16px;line-height: 2}



.line{height: 120px;overflow: hidden}



.ny_title{margin-top: 80px}

.ny_title h2{font-size: 36px;color: #242424}

.ny_title p{font-size: 30px;color: #666;text-transform: uppercase}



.yzzc{background: #f6f6f6;overflow: hidden;margin-top: 50px;display: flex;justify-content: space-between}

.yzzcl{width: 400px;background: #388cd0;}

.yzzcl dd{overflow: hidden}

.yzzcl dd img{transition: transform 0.8s ease;}

.yzzcl dd:hover img{transform: scale(1.05);}

.yzzcl a{position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;width: 70px;height: 70px;}

.yzzcl video{position: absolute;left: 0;top: 0;z-index: -1;width: 100%;height: 100%;ity: hidden;}

.yzzcl.on video{opacity: 1;visibility: visible;z-index: 1;}

.yzzcr{width: 1200px;padding: 60px;}

.yzzcr .text{font-size: 16px;line-height: 2;}

.yzzcr em{font-size: 24px;font-style: normal;float: right;margin-top: 40px}



.culture{overflow: hidden}

.culture ul{}

.culture ul li {position: relative;overflow: hidden;margin-top: 45px; width: 500px;float: left;margin-right: 50px}

.culture ul li .pic {position: relative;}

.culture ul li .pic.on > img, .culture ul li .pic.on .info {opacity: 0;visibility: hidden;}

.culture ul li .pic.on video, .culture ul li .pic.on iframe {opacity: 1;visibility: visible;z-index: 1;}

.culture ul li .pic:before {content: "";position: absolute;left: 0;top: 0;z-index: 1;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);}

.culture ul li .pic:hover .pic img {transform: scale(1.05);-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);}

.culture ul li .pic:hover .icon:before,

.culture ul li .pic:hover .icon:after {animation: iconScale 2s ease infinite;}

.culture ul li .pic:hover .icon:after {animation-delay: 0.5s;}

.culture ul li .icon {position: relative;cursor: pointer;width: 100px;height: 100px;border-radius: 50%;margin: 0 auto;background-color: rgba(255, 255, 255, 0.8);

    display: flex;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;align-items: center;justify-content: center;

}

.culture ul li .icon:before, .culture ul li .icon:after {

    content: "";width: 100%;height: 100%;background-color: rgba(255, 255, 255, 0.8);position: absolute;left: 0;top: 0;border-radius: 50%;

    z-index: -1;transform: scale(0);-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);

}

.culture ul li iframe {

    position: absolute;left: 0;top: 0;z-index: -1;width: 100%;height: 100%;object-fit: cover;opacity: 0;visibility: hidden;

}

.culture ul li video{

    position: absolute;left: 0;top: 0;z-index: -1;width: 100%;height: 100%;opacity: 0;visibility: hidden;

}

.culture ul li:hover .name {color: #374754;font-weight: 700;}

.culture ul li:hover .pic:before,

.culture ul li:hover .icon {opacity: 1;visibility: visible;}

.culture ul li:hover .icon {margin-top: 0;}

.culture ul li .pic > img {max-width: 100%;object-fit: cover;}

.culture ul li .pic:before, .culture ul li .icon {opacity: 0;visibility: hidden;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;}

.culture ul li .icon {width: 48px;height: 48px;position: absolute;left: 50%;top: 50%;z-index: 1;margin-top: 30px;transform: translate(-50%, -50%);}

.culture ul li .name {font-size: 16px;color: #666;line-height: 26px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;

    overflow: hidden;text-align: center;margin-top: 25px;transition: color 0.3s ease;-webkit-transition: color 0.3s ease;-moz-transition: color 0.3s ease;-ms-transition: color 0.3s ease;-o-transition: color 0.3s ease;

}

.culture ul li:nth-child(3n){margin-right: 0}



@keyframes iconScale {

    from {

        transform: scale(0);

        -webkit-transform: scale(0);

        -moz-transform: scale(0);

        -ms-transform: scale(0);

        -o-transform: scale(0);

        opacity: 1;

    }

    to {

        transform: scale(2);

        -webkit-transform: scale(2);

        -moz-transform: scale(2);

        -ms-transform: scale(2);

        -o-transform: scale(2);

        opacity: 0;

    }

}

@keyframes shake {

    0%,

    100% {

        -webkit-transform: scale(1, 1);

        transform: scale(1, 1);

    }

    25% {

        -webkit-transform: scale(0.9, 1.1);

        transform: scale(0.9, 1.1);

    }

    50% {

        -webkit-transform: scale(1.1, 0.9);

        transform: scale(1.1, 0.9);

    }

    75% {

        -webkit-transform: scale(0.95, 1.05);

        transform: scale(0.95, 1.05);

    }

    0%,

    100% {

        -webkit-transform: scale(1, 1);

        transform: scale(1, 1);

    }

    25% {

        -webkit-transform: scale(0.9, 1.1);

        transform: scale(0.9, 1.1);

    }

    50% {

        -webkit-transform: scale(1.1, 0.9);

        transform: scale(1.1, 0.9);

    }

    75% {

        -webkit-transform: scale(0.95, 1.05);

        transform: scale(0.95, 1.05);

    }

}



.zzry_nav{}

.zzry_nav ul li{float: left;margin-left: 60px;}

.zzry_nav ul li a{font-size: 18px;display: flex;align-items: center;position: relative;padding-bottom: 18px;color: #666}

.zzry_nav ul li i{display: inline-block;width: 23px;height: 21px;margin-right: 10px}

.zzry_nav ul li:nth-child(1) i{background: url("../img/zz1.png") no-repeat center}

.zzry_nav ul li:nth-child(2) i{background: url("../img/ry1.png") no-repeat center}

.zzry_nav ul li a:after {content: "";width: 100%;height: 2px;background-color: #374754;position: absolute;left: 0;bottom: 0;z-index: 10;

    transform: scale(0);-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);

    transition: transform 0.3s ease;-webkit-transition: transform 0.3s ease;-moz-transition: transform 0.3s ease;-ms-transition: transform 0.3s ease;-o-transition: transform 0.3s ease;

}

.zzry_nav ul li:hover a:after,.zzry_nav ul li.on a:after{transform: scale(1);-webkit-transform: scale(1);}

.zzry_nav ul li:hover a,.zzry_nav ul li.on a{color: #37393a}

.zzry_nav ul li:nth-child(1):hover i,.zzry_nav ul li:nth-child(1).on i{background: url("../img/zz2.png") no-repeat center}

.zzry_nav ul li:nth-child(2):hover i,.zzry_nav ul li:nth-child(2).on i{background: url("../img/ry2.png") no-repeat center}



.honor{margin-top: 45px;overflow: hidden}

.honor ul:nth-child(2){display: none}
.honor ul li{width: 377px;text-align: center;float: left;margin: 30px 30px 0 0}
.honor ul li dd{overflow: hidden;height: 260px; position:relative;}
.honor ul li dd img{width: 100%;height: 100%;display: block;position: absolute;left: 0; top: 0;object-fit: cover;transition: all .5s;}
.honor ul li dl{ width:100%; background-color:#F2f2f2;padding:20px;min-height: 73px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.honor ul li h3{text-align: center;color: #333;font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.honor ul li p{text-align: center;}
.honor ul li:nth-child(4n){margin-right: 0}
.honor ul li:hover dd img{transform: scale(1.1);transition: all 0.5s ease}

.honorxq{ max-width:1600px; margin:80px auto;}
.honorxq h1{text-align: center; font-size:28px;}
.honorxq .con{margin-top: 40px}

/*
.honor ul li{border-bottom: 1px solid #ededed;padding-left: 48px;position: relative;display: flex;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;}

.honor ul li .icon{width: 23px;position: absolute;left: 0;top: 50%;z-index: 1;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}

.honor ul li p{font-size: 20px;line-height: 74px}

.honor ul li .pic {position: absolute;right: 0;top: -80px;z-index: 10;width: 440px;padding: 20px;background-color: #fff;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);opacity: 0;visibility: hidden;

    transform: translateX(-30px);-webkit-transform: translateX(-30px);-moz-transform: translateX(-30px);-ms-transform: translateX(-30px);-o-transform: translateX(-30px);transition: transform 0.3s ease;-webkit-transition: transform 0.3s ease;-moz-transition: transform 0.3s ease;-ms-transition: transform 0.3s ease;-o-transition: transform 0.3s ease;

}

.honor ul li .pic img{max-width: 100%}

.honor ul li:hover .pic{opacity: 1;visibility: visible;transform: translateX(0);-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);}

.honor li:after {content: "";width: 100%;height: 2px;position: absolute;left: 0;bottom: 0;z-index: 0;transform: scale(0);-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);

    transition: transform 0.3s ease;-webkit-transition: transform 0.3s ease;-moz-transition: transform 0.3s ease;-ms-transition: transform 0.3s ease;-o-transition: transform 0.3s ease;background-color: #374754;transform-origin: left center;

}

.honor li:hover:after {transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);}

*/




.coop{margin-top: 60px;}

.coopl{width: 524px;height: 473px;position: relative}

.coopl dd{overflow: hidden}

.coopl dd img{transition: transform 0.8s ease;}

.coopl dd:hover img{transform: scale(1.05);}

.coopl a{position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;width: 70px;height: 70px;}

.coopl video{position: absolute;left: 0;top: 0;z-index: -1;width: 100%;height: 100%;opacity: 0;visibility: hidden;}

.coopl.on video{opacity: 1;visibility: visible;z-index: 1;}

.coopl a{position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;width: 70px;height: 70px;}

.coop ul{width: 1076px;display: flex;justify-content: space-between;flex-wrap: wrap}

.coop ul li{padding: 5px 0;width: 260px;height: 104px;}

.coop ul li img{max-width: 100%}



/*=======================================案例============================================*/

.casess{overflow: hidden}



.case{margin-top: 50px;overflow: hidden;border-bottom: 1px solid #dddddd;padding-bottom: 90px}

.case ul{}

.case ul li{width:393px;height: 300px;position: relative;margin:9px 9px 0 0;float: left}

.case ul li dd{width: 100%;height: 100%;overflow: hidden;}

.case ul li dd i{display:inline-block;width: 100%;height: 100%;background-size: cover !important;transition: 600ms;}

.case ul li dd i:hover {
    -webkit-transform: scale(1.08) rotate(0.01deg);
    -ms-transform: scale(1.08) rotate(0.01deg);
    transform: scale(1.08) rotate(0.01deg);
}


.case ul li div{position: absolute;bottom: 0;left: 0;padding:10px 20px 20px;color: #fff;background-image: linear-gradient(180deg,rgba(0,0,0,0),#000); width: 100%;

    display: flex;justify-content: space-between;align-items: center}

.case ul li dl h3{font-size: 18px;display: block;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}

.case ul li dl p{text-transform: uppercase;display: block; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; margin-top:5px; font-size:14px;}

.case ul li:nth-child(4n){margin-right: 0}

.case ul li div .fl{ width:80%; overflow:hidden;}

.case ul li div .fr{width: 28px;height: 28px;border: solid 2px rgba(255, 255, 255, 0.5);border-radius: 50%;background: rgba(0, 0, 0, 0.5);position: relative;}

.case ul li div .fr img {position: absolute;left: 22%;top: 14%; width: 17px;}




/*.case ul li:nth-child(3),.case ul li:nth-child(4),

.case ul li:nth-child(9),.case ul li:nth-child(10)

/*.case ul li:nth-child(15),.case ul li:nth-child(16)*/

/*{width: 43.5%}*/*/

.case ul li:hover dd i{transform: scale(1.1);-webkit-transform: scale(1.1);}



.caseser{border: 1px solid #e0e0e0;margin-top: 40px;padding: 0 15px;width: 240px}

.caseser form{display: flex;align-items: center}

.caseser input{border: none;outline: none;line-height: 44px;width: 92%}

.caseser button{background: none;border: none}



.alxqA{margin-top: 80px;overflow: hidden;position: relative}

.alxqA ul li{height: 700px;overflow: hidden}

.alxqA ul li a{display: inline-block;width: 80px;height: 80px;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto}

.alxqA .swiper-button-next,.alxqA  .swiper-button-prev{width: calc(var(--swiper-navigation-size)/ 60 * 30)}

.alxqA ul li video{position: absolute;left: 0;top: 0;right:0;bottom:0;z-index: -1;/*width: 100%;*/height: 100%;opacity: 0;visibility: hidden;margin: auto}

.alxqA ul li.on video{opacity: 1;visibility: visible;z-index: 1;}

.alxqA ul li:after{content: '';width: 100%;height: 100%;background: #000;position: absolute;top: 0;left: 0;opacity: 0;visibility: hidden;}

.alxqA ul li.on:after{opacity: 1;visibility: visible;}



.alxqB{overflow: hidden;padding: 40px 0;border-bottom: 1px solid #ededed}

.alxqBl h3{font-size: 36px;}

.alxqBl p{font-size: 18px}

.alxqBr{}

.alxqBr ul li{width: 150px!important;height: 90px!important;overflow: hidden;float: left;margin-left: 10px;position: relative;}

.alxqBr ul li:after {position: absolute;content: '';width: 150px;height: 90px;border: 3px solid #207dc8;left: -3px;top: -3px;opacity: 0;transition: all ease .4s;}

.alxqBr ul li:hover:after{opacity: 1;width: 144px;height: 84px;left: 0;top: 0;}

.alxqBr ul li.swiper-slide-thumb-active:after{opacity: 1;width: 144px;height: 84px;left: 0;top: 0;}

.alxqBr ul li a{display: inline-block;width: 35px;height: 35px;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto}



.alxqC{padding: 40px 0;font-size: 16px;line-height: 2}

.alxqD{background: #f4f4f4;overflow: hidden;margin-top: 70px;padding-bottom: 70px}

.alxqD .ny_title{margin-top: 45px}

.alxqD ul li{width:393px;height: 300px;position: relative;margin-top: 30px;float: left;margin-right: 9px}

.alxqD ul li dd{width: 100%;height: 100%;overflow: hidden;}

.alxqD ul li dd i{display:inline-block;width: 100%;height: 100%;background-size: cover !important;transition: all 1s;-webkit-transition: all 1s;}

.alxqD ul li div{position: absolute;bottom: 0;left: 0;padding: 20px;color: #fff;background-image: linear-gradient(180deg,rgba(0,0,0,0),#000);width: 100%;display: flex;justify-content: space-between;align-items: center}
.alxqD ul li div .fr{width: 28px;height: 28px;border: solid 2px rgba(255, 255, 255, 0.5);border-radius: 50%;background: rgba(0, 0, 0, 0.5);position: relative;}
.alxqD ul li div .fr img {position: absolute;left: 22%;top: 14%;width: 17px;}


.alxqD ul li dl h3{font-size:18px; display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}

.alxqD ul li dl p{text-transform: uppercase;display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; margin-top:5px;}

.alxqD ul li:hover dd i{transform: scale(1.1);-webkit-transform: scale(1.1);}

.alxqD ul li:nth-child(4n){margin-right: 0}
.alxqD ul li .fl{ width:80%; overflow:hidden;}


/*=======================================服务============================================*/

.service{overflow: hidden;padding: 100px 0;}

.service ul li{position: relative;height: 460px;}

.service ul li dl{width: 50%;padding: 95px 75px;height:100%;background: #f6f6f6}

.service ul li dl h3{font-size: 32px;color: #000}

.service ul li dl span{color: #666;}

.service ul li dl .text_con{font-size: 16px;line-height: 1.8;margin: 40px 0;color: #666;  -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    white-space: normal;
    overflow: hidden;}

.service ul li label{background: url("../img/serli.png") no-repeat right;padding-right: 12px}

.service ul li i{font-style: normal;color: #333;border-bottom: 1px solid #3f3f3f;text-transform: uppercase;}

.service ul li .serfr{width: 50%;height: 100%;overflow: hidden;position: relative}

.service ul li .serfr dd{width: 100%;height: 100%;transition: all ease .4s;}

.service ul li .serfr .sersp {position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;width: 70px;height: 70px;}

.service ul li:before {content: '';width: 0%;height: 3px;background-color: #207dc8;position: absolute;bottom: 0;left: 0;transition: all ease .4s;}

.service ul li:hover:before {width: 100%;}

.service ul li:hover .serfr dd{transform: scale(1.1);}



.xmxqA{margin-top: 80px;position: relative}

.xmxqA dd{overflow: hidden; height:670px;}

.xmxqA dd img{transition: transform 0.8s ease;width: 100%}

.xmxqA dd:hover img{transform: scale(1.05);}

.xmxqA a{position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;width: 70px;height: 70px;}

.xmxqA video{position: absolute;left: 0;top: 0;z-index: -1;width: 100%;height: 100%;opacity: 0;visibility: hidden;}

.xmxqA.on video{opacity: 1;visibility: visible;z-index: 1;}

.xmxqA:after{content: '';width: 100%;height: 100%;background: #000;position: absolute;top: 0;left: 0;opacity: 0;visibility: hidden;}
.xmxqA.on:after{opacity: 1;visibility: visible;}


.xmxqB{overflow: hidden;padding: 45px 0}

.xmxqBl{width: 370px}

.xmxqBl h3{font-size: 28px; font-weight:bold;}

.xmxqBl p{font-size: 16px;font-family: "Roboto", Times, serif; text-transform: uppercase}

.xmxqBl a{border-bottom: 1px solid #000;display: inline-block;margin-top: 20px}

.xmxqBr{width: 1230px;line-height: 2;font-size: 15px; padding-left:50px;}





/*=======================================新闻============================================*/

.news{overflow: hidden}

.news ul li{overflow: hidden;margin-top: 45px;}

.news ul li a{display: flex;align-items: center}

.news ul li dd{width: 403px;height: 242px;overflow: hidden; position:relative;}

.news ul li dd img{width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    transition: all .5s;}



.news ul li dl{width: 780px;margin: 0 260px 0 60px;}

.news ul li dl h3{font-size: 24px;color: #000}

.news ul li dl p{line-height: 1.8;margin: 30px 0;color: #666}

.news ul li label{background: url("../img/serli.png") no-repeat right;padding-right: 12px}

.news ul li i{font-style: normal;color: #333;border-bottom: 1px solid #3f3f3f;text-transform: uppercase;}

.news ul li dt{width: 100px;color: #8d8d8d;font-size: 16px;text-align: center;font-family: Arial}

.news ul li dt b{font-size: 42px;}

.news ul li:hover dl h3{color: #207dc8}

.news ul li dd:hover img{transform: scale(1.1)}



.newssx{}

.newssxr{width: 235px;display: flex;align-items: center;justify-content: space-between;margin-top: 40px}

.newssxra{position: relative;width: 160px;}

.newssxra dl{transition: background .4s, border .3s;position: relative;width: 160px;height: 50px;line-height: 50px;cursor: pointer;

    padding: 0 24px;border: 1px solid rgba(17,17,17,0.2);display: flex;align-items: center;justify-content: space-between}

.newssxra dl i{display: inline-block;position: relative;/*width: 14px;height: 7px;background: url("../img/xl.png") no-repeat center;*/float: right}

.newssxra dl i:before{content: "";position: absolute;width: 8px;height: 1px;right: 6px;top: 0;background: #666;-webkit-transform: rotate(45deg);transform: rotate(45deg);}

.newssxra dl i:after{content: "";position: absolute;width: 8px;height: 1px;right: 0;top: 0;background: #666;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}

.newssxra ul {position: absolute;left: 0;top: 50px;width: 100%;display: none;background-color: #fff;

    border: 1px solid rgba(17,17,17,0.2);border-top: none;text-align: center;z-index: 120;max-height: 220px;overflow-y: auto;}

.newssxra ul li{margin: 20px 10px;}

.newssxra ul li a {-webkit-transition: color 0.4s;transition: color 0.4s;display: inline-block;position: relative;letter-spacing: 1px;color: rgba(17,17,17,0.5);border-bottom: 1px solid rgba(17,17,17,0.2);padding-bottom: 2px;font-size: 16px;}

.newssxra ul li a:hover{color: #207dc8}

.newssxra dl:hover{background: #207dc8;color: #fff;border-color: #207dc8}

.newssxra dl:hover i:before,.newssxra dl:hover i:after{background: #fff}

.newssxra.on dl i:before{transform: rotate(-45deg);}

.newssxra.on dl i:after{transform: rotate(45deg);}



.xwxq{margin-top: 140px;overflow: hidden}

.xwxql{width: 1000px;}

.xwxql h1{font-size: 36px;color: #333;}

.xwxql .info{color: #666;margin-top: 20px}

.xwxql .con{line-height: 2;font-size: 16px;border-bottom: 1px solid #e2e2e2;padding: 50px 0;min-height: 400px}

.xwxql .con img{max-width: 100%}

.xwxql .conbt{margin-top: 20px}

.xwxql .conbt .back a{display: inline-block;width: 156px;line-height: 45px;background: url("../img/back.png") no-repeat 35px #f2f2f2;padding-left: 65px}

.xwxql .conbt .back a:hover{background: url("../img/backh.png") no-repeat 35px #207dc8;color: #fff;transition: all 0.3s ease}

.xwxqr{width: 400px;}

.xwxqr h3{font-size: 22px;border-bottom: 1px solid #e0e0e0;padding-bottom: 15px}

.xwxqr ul li{width: 100%;height: 240px;overflow: hidden;position: relative;margin-top: 20px}
.xwxqr ul li dd{
padding-top: 65%;
    position: relative;
    overflow: hidden;}
.xwxqr ul li dd img{position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    min-width: auto;
    min-height: auto;
    width: 100%;
    height: 100%;
    transform: none;
    transition: transform .5s ease;
    object-fit: cover;
    max-height: 100%;}

.xwxqr ul li dl{position: absolute;left: 0;bottom: 0;padding: 20px 15px;color: #fff;background-image: linear-gradient(180deg,rgba(0,0,0,0),#000); width:100%;}

.xwxqr ul li dl p{font-size: 16px;}

.xwxqr ul li:hover dd img{transform: scale(1.1)}

.xwxqr ul li dl span{font-family: "Roboto", Times, serif; margin-top:5px; display:block;}

/*=======================================人力资源============================================*/

.strategy{overflow: hidden;margin-top: 50px;}

.strategyl{width: 702px;height: 528px;position: relative}

.strategyl dd{overflow: hidden}

.strategyl dd img{transition: transform 0.8s ease;}

.strategyl dd:hover img{transform: scale(1.05);}

.strategyl a{position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;width: 70px;height: 70px;}

.strategyl video{position: absolute;left: 0;top: 0;z-index: -1;width: 100%;height: 100%;opacity: 0;visibility: hidden;}

.strategyl.on video{opacity: 1;visibility: visible;z-index: 1;}

.strategyr{width: 815px;}

.strategyr ul li{margin-top: 20px}

.strategyr ul li h3{font-size: 24px;color: #1779c9}

.strategyr ul li p{font-size: 16px;color: #666;margin-top: 12px;line-height: 2}



.recruitA{background: #f7f7f7;overflow: hidden;padding-bottom: 100px}

.recruitA ul{margin-top: 30px;}

.recruitA ul li{width: 389px;height: 190px;background: #fff;padding: 30px;float: left;margin: 14px 14px 0 0;transition: all 0.3s ease;}

.recruitA ul li h3{font-size: 20px;margin-bottom: 30px}

.recruitA ul li p{font-size: 16px;color: #999}

.recruitA ul li:nth-child(4n){margin-right: 0}

.recruitA ul li:hover {box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);}



.zp_more{text-align: center;margin-top: 40px;font-size: 16px}

.zp_more a{display: inline-block;width: 189px;line-height: 55px;border-radius: 5px;background: #176db9;color: #fff;text-align: center;transition: all 0.3s ease;}

.zp_more a:hover{background: #374754}



.recruitB{overflow: hidden;margin-top: 45px}

.recruitB ul{position: relative}

.recruitB ul li{width: 20%;position: relative;text-align: center;float: left;}

.recruitB ul li img{transition: all 0.5s ease}

.recruitB ul li p{font-size: 22px;margin-top: 30px}

.recruitB ul li:after {content: "";width: 24px;height: 24px;background: url(../img/zpb.png) no-repeat center center;background-size: contain;position: absolute;right: -12px;top: 43px;z-index: 10;}

.recruitB ul:before {content: "";display: block;width: 100%;height: 1px;background: #eef4fa;position: absolute;left: 0;top: 55px;z-index: 0;}

.recruitB ul li:last-child:after{opacity: 0}

.recruitB ul li:hover img{transform: rotateY(180deg);}



.rcxq{padding: 75px 65px;margin-top: -60px;background: #fff;border-bottom: 1px solid #e8e8e8}

.rcxqA{display: flex;justify-content: space-between;align-items: center}

.rcxqAl{line-height: 1.6}

.rcxqAl span{color: #999;}

.rcxqAl h3{font-size: 30px;}

.rcxqAl p{font-size: 16px;color: #666}

.rcxqAr a{display: inline-block;width: 107px;line-height: 36px;background: #176db9;text-align: center;border-radius: 30px;color: #fff}

.rcxqAr a:hover{background: #374754}



.rcxqB{border-top: 1px solid #e8e8e8;margin-top: 25px;line-height: 2;font-size: 16px;padding: 35px 0;text-align:center;}

.rcxqB *{
	max-width:60%;
	margin:0 auto;
	
}
.rcxq .back a{display: inline-block;width: 107px;line-height: 36px;background: #ededed;text-align: center;border-radius: 30px;color: #666}

.rcxq .back a:hover{background: #176db9;color: #fff}



/*=======================================联系我们============================================*/

.contact{overflow: hidden;padding: 120px 0;border-bottom: 1px solid #dedede}

.contactl .ny_title{margin-top: 0}

.contactl .contactA{margin-top: 35px}

.contactl .contactA h3{font-size: 36px;color: #000}

.contactl ul li{font-size: 16px;color: #666;margin-top: 10px}

.contactl ul li img{margin-right: 10px}

.contactA dd{display:inline-block;text-align: center;margin-top: 55px}

.contactA dd img{border: 1px solid #ebe5e5;padding: 6px}

.contactr{width: 773px;height: 560px;position: relative}

.contactr dd{overflow: hidden}

.contactr dd img{transition: transform 0.8s ease;}

.contactr dd:hover img{transform: scale(1.05);}

.contactr a{position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;width: 70px;height: 70px;}

.contactr video{position: absolute;left: 0;top: 0;z-index: -1;width: 100%;height: 100%;opacity: 0;visibility: hidden;}

.contactr.on video{opacity: 1;visibility: visible;z-index: 1;}



.contactB{overflow: hidden;margin-top: 40px}

.contactB ul li{margin-top: 50px;float: left;width: 20%}

.contactB ul li h3{font-size: 18px;margin-bottom: 12px}

.contactB ul li dl{line-height: 2;font-size: 16px;color: #666}



/*=======================================详情页============================================*/

/*.gallery-top{margin-top: 40px}

.gallery-top .swiper-slide {width: 100%;text-align: center}

.gallery-top .swiper-slide img{max-width: 100%}

.gallery-thumbs {background: #eee;padding: 20px!important;}

.gallery-thumbs .swiper-container{width: 1020px;margin: 0 auto}

.gallery-thumbs .swiper-slide img{width: 155px;height: 113px;border: 3px solid #ddd}

.gallery-thumbs .swiper-slide-thumb-active img{border: 3px solid #da1f2e}

.gallery-thumbs .swiper-button-next, .gallery-thumbs .swiper-button-prev{width: auto}*/

