@charset "utf-8";
/* CSS Document */
:root{
	--color:#15c5ce;
}
.placeholder-div{
	height: 107px;
}
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{ margin:0px; padding:0px; font-size:12px;font-family:"微软雅黑","黑体";color:#898989;line-height:1; background:#FFF;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
/*img{border:0px; padding:0px; display: block;}*/
img{border:0px; padding:0px;}
a{ color:#5c5c5c; text-decoration:none}

h2,h3,h4,b,strong { font-weight: normal; }
em,i { font-style: normal; }

.clear{ zoom: 1; }
.clear:after { content: ''; display: block; clear: both; }
.fl { float:left}
.fr { float:right}
.hidden{display:none; background: url() no-repeat center;}

.header{width: 100%; position: fixed; z-index: 100; left: 0; top: 0;height: 80px;background: #fff;box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);}
.headerbox{width: 1810; margin: 0 auto;max-width: 94%;}
.logo{width: 95px; float: left; padding-top: 28px;}
.logo img{width: 100%;}

.nav{float: left; padding-left: 70px;}
.nav li{display: inline-block;  padding:0 25px;position: relative;}
.nav h3 a{display: block; color: #333; font-weight: bold; font-size: 18px;line-height: 80px;position: relative;}
.nav h3 a b{background: url(../images/a_01.png);width: 8px;height: 4px;vertical-align: middle; margin: -3px 0 0 8px;background-size: 100%;display: inline-block;transition: All 0.4s ease-in-out;}
.nav h3 a:before{position: absolute; content: ""; border-bottom: 4px solid #15c5ce; width: 0; bottom: 0;left: 50%;transform: translateX(-50%);width: 0;transition: All 0.4s ease-in-out;}
.nav .on h3 a{color: #15c5ce;}
.nav .on h3 a b{transform: rotate(180deg);}
.nav .on h3 a:before{width: 100%;}
.sub{position: absolute; width: 100%;text-align: center; top: 80px;left: 0; background: rgba(255,255,255,.7);display: none;}
.sub dt{line-height: 40px; font-size: 14px;}
.sub dt a{display: block; color: #333;transition: All 0.4s ease-in-out;}
.sub dt a:hover{background: #15c5ce;color: #fff;}

.sjbtn{float: right; text-align: center;background: #15c5ce;width: 105px; line-height: 38px;border-radius: 19px; font-size: 12px; margin-top: 21px;color: #fff;}
.zxsj{float: right; width: 86px;float: right; line-height: 80px;margin-right: 70px; color: #666;position: relative;}
.zxsj img{display: inline-block;vertical-align: middle; margin: -3px 0 0 5px;}
.zxsj b{background: url(../images/a_01.png); width: 8px;height: 4px; position: absolute;right: 0;top:50%; transform: translateY(-50%);}
.zxsj:hover{color: #15c5ce;}
.wddd{float: right; width: 86px;float: right; line-height: 80px;margin-right: 18px; color: #666;position: relative;}
.wddd img{display: inline-block;vertical-align: middle; margin: -3px 0 0 5px;}
.wddd b{background: url(../images/a_01.png); width: 8px;height: 4px; position: absolute;right: 0;top:50%; transform: translateY(-50%);}
.wddd:hover{color: #15c5ce;}

.banner{position: relative; overflow: hidden;}
.banner img{width: 100%;}
.banner .swiper-pagination{bottom: 70px;}
.banner .swiper-pagination-bullet{opacity: 1;background: none; color: #ffffff; font-weight: bold; font-size: 18px; font-family: "宋体";text-align: center;width: 30px;}
.banner .swiper-pagination-bullet-active{color: #000000;}

.fgt{height: 80px;}

.zxsja_nr{width: 1470px; margin: 0 auto; overflow: hidden; max-width: 94%;}
.zx_left{width: 385px; float: left;}
.zx_left h3{font-size: 42px;color: rgba(239, 239, 239);font-weight: bold;font-family: arial;}
.zx_left h2{font-size: 72px; color: #000;position: relative;display: inline-block; padding-bottom: 5px;margin: 30px 0 80px;}
.zx_left h2 span{position: relative;z-index: 10;}
.zx_left h2 b{position: absolute; bottom: -5px; text-align: center; width: 100%; left: 0; font-size: 52px; color: #efefef;font-weight: bold;}
.zx_left p{font-size: 21px;color: rgb(128, 128, 128); line-height: 31px;}
@keyframes ab{
		0%{ transform:translate(-50%,-50%) scale(0); opacity: 0;}
		50%{transform:translate(-50%,-50%) scale(0.7); opacity:0.05;}
		100%{transform:translate(-50%,-50%) scale(1.5); opacity:0;}
	}
.btn{position: relative;width: 220px;height: 72px; background: #15c5ce;display: block;overflow: hidden;margin-top: 60px;border-radius: 36px;}
.btn span{display: block; color: #fff; text-align: center; line-height: 72px;position: relative;z-index: 100; font-size: 24px;}
.btn:before{position: absolute; background: #000; width: 100%;height: 200%;content: "";left:50%; top:50%; border-radius: 50%; opacity: 0;}
.btn:hover:before{ opacity: 0; animation:0.5s ab linear 1;}
.zx_right{float: right;width: calc(100% - 470px);position: relative;}
.zx_right img{width: 100%;border-radius: 15px;}
.bfbtn{background: url(../images/a_05.png); width: 105px;height: 105px; position: absolute;cursor: pointer; background-size: 100% 100%;left:50%; top:50%; transform:translate(-50%,-50%);}

.cgal{background: #f7f7f7;}
.cgal_title{text-align: center;}
.cgal_title h2{font-size: 36px;color: #000; font-weight: bold; margin-bottom: 20px;}
.cgal_title p{font-size: 16px; line-height: 1.6;color: rgba(128, 128, 128);}
.cgal_nr{width: 1470px; margin: 0 auto;max-width: 94%;}
.cgal_bt ul{border-bottom: 2px solid #dfdfdf;height: 56px;}
.cgal_bt li{float: left; width: 16.66%;text-align: center; line-height: 54px;background: url(../images/a_06.png) no-repeat right center;}
.cgal_bt li:last-child{background: none;}
.cgal_bt span{font-size: 16px;color: rgba(13, 31, 45);cursor: pointer;position: relative;display: inline-block;}
.cgal_bt span:before{position: absolute; content: ""; border-bottom: 2px solid #15c5ce;bottom: -2px; width: 0;left: 50%; transform: translateX(-50%);transition: All 0.4s ease-in-out;}
.cgal_bt li.cur span{color: #15c5ce;}
.cgal_bt li.cur span:before{width: 100%;}
.cgalbox ul{overflow: hidden;}
.cgalxq{border-radius: 15px; overflow: hidden;}
.cga_nr{padding-top: 50px;}
.cgabox{animation:fadeIn .25s, 100ms;}
.cgabox ul{overflow: hidden; margin-left: -30px;}
.cgabox li{float: left; width: 33.33%; padding-left:30px ;}
.cgtp{overflow: hidden;}
.cgtp img{width: 100%;}
.cgtext{height: 95px; padding: 24px 20px 0 20px;background: #131415;}
.cgtext h2{font-weight: bold; font-size: 17px; color: #fff;margin: 0 0 10px;}
.cgtext p{color: rgb(156, 156, 156);font-size: 14px; line-height: 1.5;}
.cgalxq{opacity: 0.5;transition: All 0.4s ease-in-out;}
.cga_nr a:hover .cgalxq{opacity: 1;}
.djgy_nr{width: 1470px;margin: 0 auto;max-width: 94%;padding-bottom: 100px;}
.djgy_nr ul{overflow: hidden;border-radius: 15px;}
.djgy_nr li{float: left; width: 33.33%;}
.gjgybox img{width: 100%;}
.gjgybox{position: relative;}
.djgy_text{position: absolute;width: 100%; left: 0; bottom: -100px; padding: 125px 50px 25px 50px;background: linear-gradient(180.00deg, rgba(196, 196, 196, 0),rgb(0, 0, 0) 100%);transition: All 0.4s ease-in-out;}
.djgy_text h2{color: #fff; padding: 0 0 20px;font-size: 36px;}
.djgy_text p{font-size: 14px; line-height: 26px;color: #fff;}
.djgy_nr a:hover .djgy_text{ padding: 25px 50px 20px 50px ;background: rgb(21, 197, 206,.84);bottom: 0;}

.bj1{background: url(../images/a_30.png) no-repeat center center;background-size: cover;}
.dzlc{width: 1470px;margin: 0 auto;max-width: 94%;padding-bottom: 100px;}
.dzlc_title{text-align: center; padding: 75px 0 50px;}
.dzlc_title h2{font-weight: bold; color: #fff; margin-bottom: 30px;font-size: 36px;}
.dzlc_title p{font-size: 16px; line-height: 1.6;color: #fff;}
.dzlc_nr ul{text-align: center;}
.dzlc_nr li{position: relative;display: inline-block; padding: 0 110px;}
.dzlc_nr li:before{position: absolute;width: 29px;height: 18px;background-size: 100% 100%;right: -15px;top:50%; transform: translateY(-50%); content: "";}
.dzlc_nr ul li:last-child:before{display: none;}
.dzlc_nr h2{position: relative;}
.dzlc_nr b{font-size: 24px; font-weight: bold;position: relative;z-index: 10; color: #fff;line-height: 80px;}
.dzlc_nr span{position: absolute; font-size: 80px;color: rgba(0, 0, 0, 0.4);font-family: arial;font-weight: bold;}
.dzlc_nr li.cur span{color: rgba(0, 0, 0, 1);}
.dzlc_nr a:hover span{color: rgba(0, 0, 0, 1);}

.rmks{width: 1470px;margin: 0 auto;max-width: 94%;}
.rmks_nr{overflow: hidden; border-radius: 15px;}
.rmks_left{float: left; width: 40.3%;}
.rmksbox{position: relative;}
.rmksbox img{width: 100%;}
.rmks_text{position: absolute; width: 100%; padding: 0 40px;left: 0;bottom: 0;background: linear-gradient(180.00deg, rgba(196, 196, 196, 0),rgb(0, 0, 0) 100%);transition: All 0.4s ease-in-out;}
.rmks_text h2{color: #fff; font-size: 36px; line-height: 154px;}
.rmks_left .swiper-pagination{bottom: 25px;text-align: left; padding-left: 40px;}
.rmks_left .swiper-pagination-bullet{width: 15px;height: 15px;opacity: 1;}
.rmks_left .swiper-pagination-bullet-active{background: #fff;}
.rmksbox:hover .rmks_text{background: rgb(21, 197, 206,.84);}

.rmks_right{float: right;width: 59.7%;}
.rmks_right ul{overflow: hidden;}
.rmks_right li{float: left; width: 50%;}
.rmnr{position: relative;}
.rmnr img{width: 100%;}
.rmnr p{font-size: 36px; padding: 0 40px; left: 0; bottom: 0; position: absolute;width: 100%;background: linear-gradient(180.00deg, rgba(196, 196, 196, 0),rgb(0, 0, 0) 100%);line-height: 154px; color: #fff;transition: All 0.4s ease-in-out;}
.rmks_right a:hover p{background: rgb(21, 197, 206,.84);}
.qywh{background: url(../images/a_21.png) no-repeat center center;background-size: cover;height: 140px}
.qywhbox{width: 1470px;margin: 0 auto;max-width: 94%; padding: 22px 0;position: relative;}
.qywhbox p{color: #fff; font-weight: bold; font-size: 24px; line-height: 47px;}
.qywhbox p span{color: #000;}
.qywhbox a{position: absolute; right: 0;top:50%; transform: translateY(-50%);text-align: center;color: #fff;width: 220px;height: 72px; background: #15c5ce;display: block;overflow: hidden;border-radius: 36px;}
.qywhbox a span{display: block; color: #fff; text-align: center; line-height: 72px;position: relative;z-index: 100; font-size: 24px;}
.qywhbox a:before{position: absolute; background: #000; width: 100%;height: 200%;content: "";left:50%; top:50%; border-radius: 50%; opacity: 0;}
.qywhbox a:hover:before{ opacity: 0; animation:0.5s ab linear 1;}

.footer{background: black;}
.footerbox{width: 1180px;margin: 0 auto;max-width: 94%;padding-top: 30px; overflow: hidden;}
.foot_left{float: left; width: 324px;}
.foot_left h2{color: #fff; font-size: 30px;margin: 33px 0 15px;}
.foot_left h2 span{font-weight: bold;}
.foot_left h3{color: #fff; font-size: 19px;}
.foot_left ul{padding-top: 78px; margin-left: -45px;overflow: hidden;}
.foot_left li{float: left;text-align: center; padding-left: 45px;}
.foot_left p{font-size: 16px;color: rgba(181, 181, 181);margin-top: 18px;}
.foot_left .time {color: #eee;margin: 10px 0;font-size: 14px;}
.foot_left .footer_srow .footer_img {vertical-align: middle;color: #eee;}
.foot_right{float: left;width: calc(100% - 415px);}
.foot_right ul{overflow: hidden;}
.foot_right li{float: left; width: 20%;}
.foot_right li .ft_qrcode_t {text-align: center;color: #eee;font-size: 14px;}
.foot_right li .ft_qrcode_t_top {margin-top: 20px;}
.foot_right li .ft_qrcode {
	margin-top: 25px;
    margin-bottom: 10px;
    width: 140px;
    height: 140px;
}
.foot_right .ft_qrcode_t_p {margin: 5px 0;}
.foot_right li:nth-child(5) {
	padding-left: 10px;
}
.foot_right h2{color: #fff; font-size: 16px;margin-bottom: 25px;}
.foot_right dt{font-size: 14px; line-height: 47px;}
.foot_right dt a{color: #fff;font-size: 14px;}
.foot_right dt a:hover{text-decoration: underline;}
.bqxx{border-top: 1px solid #19303e;}
.bqxx p{font-size: 14px;color:rgba(110, 110, 110);line-height: 57px;width: 1470px;margin: 0 auto;max-width: 94%;}
.g-ke-logo_image{
	height: 50px;
}




@media(max-width:1380px){
.nav li{padding: 0 15px;}
.dzlc_nr li{padding: 0 90px;}
}
@media(max-width:1200px){
.nav{padding-left: 10px;}
.nav li{padding: 0 8px;}
.djgy_text{padding-left: 20px; padding-right: 20px;}
.gjgybox a:hover .djgy_text{padding-left: 20px; padding-right: 20px;}
.dzlc_nr li{padding: 0 60px;}
.qywhbox p{font-size: 24px; line-height: 2;}
.foot_right dt{font-size: 12px;}
}
@media(max-width:1000px){
.header{height: 64px; background: #fff;box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);}
.logo{padding-top: 23px;}
.dhbtn{position: absolute; background: url(../images/d1.png) no-repeat center center #18c5ce; position: absolute; width: 30px;height: 30px; right: 3%; top: 15px;background-size: 20px 20px;}
.dhbtn.on{background: url(../images/d2.png) no-repeat center center #18c5ce;background-size: 20px 20px;}
.header_top{display: none;}
.nav{height: calc(100% - 64px);width: 100%; position: fixed;z-index: 10; background: #fff;top: 64px;left: 0;overflow: auto;display: none;}
.nav li{float: nonw; width: 100%; border-bottom: 1px solid #eee;}
.nav h3 a{color: #333;line-height: 50px;}
.sub{position: static;}
.sub dt{line-height: 35px;}
.sub dt a{text-align: left; padding-left: 20px;}
.fgt{height: 64px;}
.banner .swiper-pagination-bullet{width: 40px;}
.banner .swiper-pagination{bottom: 10px;}
.banner .swiper-pagination-bullet-active:before{width: 5px;}
.banner .swiper-pagination-bullet-active:after{width: 5px;}

.sjbtn{display: none;}
.zxsj{display: none;}
.wddd{display: none;}
.zxsja_title{padding: 60px 3%;}
.zxsja_title h2{font-size: 24px;}

.zxsja_nr{padding: 50px 0;}
.zx_left{float: none; width: 100%;}
.zx_left h3{font-size: 24px;}
.zx_left h2{margin: 20px 0; font-size: 28px;}
.zx_left h2 b{font-size: 24px;}
.btn{height: 50px;width: 160px; margin-top: 30px;}
.btn span{line-height: 50px;font-size: 20px;}
.zx_right{float: none; width: 100%;margin-top: 30px;}
.bfbtn{width: 60px;height: 60px;}
.cgal_title{padding: 50px 3%  25px 3%;}
.cgal_title h2{font-size: 24px;}
.cgal_bt ul{overflow: auto;text-align: center;white-space: nowrap;}
.cgal_bt li{float: none;width: auto; padding: 0 20px;display: inline-block;}
.cgal_bt ul::-webkit-scrollbar {width:0px; height:0px;background-color:#fff;}
.cga_nr{padding-top: 30px;}
.cgabox li{float: none;width: 100%; padding-bottom: 20px;}
.cgtext{height: 100px;}
.djgy_nr li{width:100%;}
.djgy_nr{padding-bottom: 60px;}
.dzlc_title{padding: 50px 0 30px;}
.dzlc_title h2{font-size: 24px;}
.dzlc_nr ul{overflow: hidden;}
.dzlc_nr h2{text-align: center;}
.dzlc_nr li{display: block; float: left;width: 25%; padding: 0;}
.dzlc_nr span{font-size: 36px;left:50%; top:50%; transform:translate(-50%,-50%);text-align: center;}
.dzlc_nr b{font-size: 14px;}
.dzlc_nr li:before{width: 14px;height: 9px;right: -7px;}
.dzlc{padding-bottom: 40px;}
.rmks_left{float: none; width: 100%;}
.rmks_text h2{font-size: 24px; line-height: 60px;}
.rmks_left .swiper-pagination{text-align: right; padding: 0 30px 0 0;bottom: 20px;}
.djgy_text h2{font-size: 24px;}
.rmks_right{width: 100%;float: none;}
.rmnr p{padding: 0 20px; line-height: 50px; font-size: 24px;}
.rmks{padding-bottom: 60px;}
.qywhbox{padding:50px 0 30px;}
.qywhbox p{text-align: center; font-size: 16px;line-height: 1.6;}
.qywhbox a{position: static; margin: 40px auto 0 auto;width: 160px; height: 50px;}
.qywhbox a span{font-size: 20px; line-height: 50px;}
.foot_left{float: none;width: 100%;border: none; text-align: center;}
.foot_left img{margin: 0 auto;}
.foot_left ul{margin: 0;padding-top: 40px; overflow: hidden;}
.foot_left li{display: inline-block; padding: 0 20px;float: none;}
.foot_left ul li img{width: 80px;}
.foot_right{float: none; width: 100%;}
.foot_right li{float: none; width: 100%;}
.foot_right dl{overflow: hidden; margin-left: -15px;padding-bottom: 20px;}
.foot_right dt{float: left; padding-left: 15px;line-height: 1.5;}
.foot_right h2{font-size: 16px;margin-bottom: 10px;}
.bqxx p{line-height: 1.6; padding: 15px 3%;text-align: center;}
}