@font-face {
  font-family: 'LIGHT';
  src: url('./PINGFANG LIGHT_0.TTF');
}
@font-face {
  font-family: 'Heavy';
  src: url('./SourceHanSerifCN-Heavy.otf');
}
*{margin:0;padding:0;} 
h1,h2,h3,h4,h5,h6{ font-style: normal; font-size:100%; font-weight:normal;}
li{list-style-type: none;}
a{text-decoration:none;color:#333333;}
body{min-width:1200px;max-width:1920px;margin: 0 auto;font-family: 'PingFang SC'; color:#333333;font-size: 18px;}
img{ border:0;}
.clear{clear:both;}
.no{display:none;}
.img{display: block;width:100%;}
.box{width:1200px;margin:0 auto;}
.box1{width:72.916%;min-width:1200px;margin:0 auto;}
.over{overflow: hidden}
.fl{float: left}
.fr{float: right}
.border{box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box;} 
.wr{writing-mode: vertical-rl;writing-mode: tb-rl;}
.wl{writing-mode: vertical-lr; writing-mode: tb-lr;}
.light{font-family: 'LIGHT';}
.heavy{font-family: 'Heavy';}

.swiper{ margin: 0;}
.swiper-button-prev,.swiper-button-next{outline: none;margin: 0;}
.swiper .swiper-pagination{outline: none;}
.ht_img img{cursor: pointer; transition: all 0.6s;}
.ht_img:hover img{transform: scale(1.06);}

/* 首页 */
header{width: 100%;min-width: 1200px;}
header .headTop{height: 100px}
header .headTop>h5{font-size: 20px;}
header .headTop>.phone{/* width: 332px; */height: 62px;padding: 3px 20px 3px 3px;font-size: 26px; border-radius: 30px;border:1px solid #d6d6d6;}
header .headTop>.phone>img{margin-right: 15px}
header .headBot{width: 100%;height: 140px;background: #00a2ea;}
header .headBot .box{background: #00a2ea;}
header .headBot .logo{width:260px ;height: 140px;background: #fff;}
header .headBot .logo img{max-width:226px ;max-height:86px ;}
header .headBot nav{width: 850px;}
header .headBot nav a{width: 100px;height: 130px;font-size: 20px;color: #fff}
header .headBot nav a:hover,header .headBot nav a.active{border-bottom: 4px solid #fff;}

.sy_banner header{top:0;left: 0;z-index: 999}
.sy_banner header .headTop>.phone{background: #24536d;border-color: #24536d}
.sy_banner header .headBot{background: none;}

.xh_header{width: 100%;min-width: 1200px;height: 100px;background: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);position: fixed;top:0;left:0;z-index: 9999;}
.xh_header .box{height: 100px;}
.xh_header .box .logo{display: block;height: 86px;}
.xh_header .box  nav{width: 850px;}
.xh_header .box  nav a{height: 50px;font-size: 20px;color: #000}
.xh_header .box  nav a:hover,.xh_header .box  nav a.active{border-bottom: 3px solid #24536d;color: #24536d; font-weight: bold;}


.banner{width:100%;height:300px;}


.bos{box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}

.sy_banner .swiper-pagination{bottom: 40px;}
.sy_banner .swiper-pagination span{line-height: 999px;overflow: hidden;box-sizing: border-box;background:none;opacity: 1;  width: 200px;height: 10px;background: #d9d9d9;border-radius: 0;}
.sy_banner .swiper-pagination-bullet-active{background: #0090d6 !important;}

.cor{color: #00a2ea}
.cor1{color: #e4b94d}
.cor2{color: #ffffff}
/* 内容 */
.title{padding: 90px 0 60px;}
.title h3{font-size: 40px;}
.title h4{font-size: 24px;margin-top: 15px;letter-spacing: 3px;}
.title h5{font-size: 30px;margin-top: 15px;}

.ht1{width: 100%;background: url(../images/ht1.jpg) no-repeat center bottom;padding-bottom: 40px;}
.ht11{padding: 80px 0 60px;}
.ht111{height: 100px;border-left: 30px solid #00a2ea;padding-left: 40px}
.ht111 h3{font-size: 40px;}
.ht111 h4{font-size: 24px;margin-top: 10px;}
.ht11 h5{font-size: 40px;}
.ht12{margin-bottom: 80px;}
.ht12 ul li{margin-right: 20px;}
.ht12 ul li a{width: 200px;height: 60px;border-radius: 30px;background: #f6f6f6;font-size: 24px;color: #666666;}
.ht12 ul li.active a{background: #00a2ea;color: #fff;box-shadow: 0 0 6px rgba(0, 0, 0, 0.2)}
.ht13 .swiper{overflow: visible;}
.ht130{width: 100%;height: 360px;border:1px solid #e5e5e5;border-bottom: 10px solid #f6f6f6;border-radius: 10px;}
.ht130:hover{border-bottom-color: #00a2ea}
.ht130:hover .p_tit{color: #00a2ea}
.ht13 .swiper-pagination{position: static;margin: 80px 0 185px}
.ht13 .swiper-pagination span{line-height: 999px;overflow: hidden;box-sizing: border-box;background:#d9d9d9;opacity: 1; width: 20px;height: 20px;}
.ht13 .swiper-pagination-bullet-active{background: #00a2ea !important}
.ht14>p{font-size: 30px;line-height: 40px;text-shadow: 0 12px 20px rgba(0, 0, 0, 0.15)}
.ht14>ul{margin-top: 100px;width: 360px;}
.ht14>ul li{width: 160px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);}

.ht2{width: 100%;background: url(../images/ht2.jpg) no-repeat center top;}
.ht21{padding:0 1px 1px 0;}
.ht21 ul li{width: 401px;height: 280px;background: #ffffff; padding: 50px 0 0; border:1px solid #e5e5e5;margin:0 -1px -1px 0;}
.ht21 ul li p{font-size: 20px;line-height: 24px;color: #666666;}
.ht21 ul li.active{background: #00a2ea;border-color: #00a2ea}
.ht21 ul li.active .ht210{display: none}
.ht21 ul li.active .ht210_{display: inline-block;}
.ht21 ul li.active p{color: #fff;}

.ht3{width: 100%;background: url(../images/ht3.jpg) no-repeat center bottom;padding-bottom: 100px;}
.ht311{width: 480px;border-radius: 50%;border: 10px solid #fff;box-shadow: 0 12px 36px rgba(0, 0, 0, 0.15)}
.ht31 ul{height: 500px;}
.ht31 ul li h5{font-size: 30px;}
.ht31 ul li p{font-size: 16px;line-height: 26px;margin-top: 18px}

.ht4{width: 100%;height: 1000px;background: url(../images/ht4.jpg) no-repeat center;}
.ht4 .title{padding: 123px 0 95px;}
.ht4 .title h3{text-shadow: 0 12px 20px rgba(0, 0, 0, 0.3)}
.ht4 .title h4{letter-spacing: 16px;}
.ht41{padding: 0 50px;margin-bottom: 45px}
.ht41 ul li{width: 350px; margin-bottom: 65px;}
.ht41 ul li:nth-child(3n){width: 390px;}
.ht41 ul li h5{font-size: 24px;text-shadow:  0 4px 12px rgba(0, 0, 0, 0.3);margin: 22px 0 10px;}
.ht41 ul li p{opacity: 0.8;text-shadow:  0 4px 12px rgba(0, 0, 0, 0.3);}
.ht42 a{width: 240px;height: 80px;border-radius: 5px;background: #00a2ea;font-size: 24px;margin: 0 10px;color: #fff;}

.ht5{width: 100%;height: 1040px;background: url(../images/ht5.jpg) no-repeat center;}
.ht5 .title{padding: 100px 0 70px}
.ht5 .title h3{text-shadow: 0 12px 20px rgba(0, 0, 0, 0.3)}
.ht51{width: 1100px}
.ht51 ul li{width: 260px;height: 300px;background: #fff;border-radius: 20px;padding: 40px 0 0;margin-bottom: 20px;}
.ht51 ul li h5{font-size: 30px;margin: 25px 0 13px;}
.ht51 ul li p{font-size: 16px;color: #999999}
.ht51 ul li.active{background: #00a2ea;color: #fff;}
.ht51 ul li.active .ht510{display: none}
.ht51 ul li.active .ht510_{display: inline-block}
.ht51 ul li.active p{color: #fff;}

.ht6{width: 100%;height: 1044px;background: url(../images/ht6.jpg) no-repeat center ;}
.ht6 .title h4{letter-spacing: 16px;}
.ht61>p{line-height: 30px;}
.ht61>p a{font-size: 22px;color: #00a2ea;}
.ht61 ul{margin: 65px 0 40px;}
.ht61 ul li{width: 199px;}
.ht61 ul li b{font-size: 30px;}
.ht61 ul li p{height: 40px; font-size: 16px;line-height: 20px;margin-top: 30px;}
.ht61 ul div{width: 1px;height: 200px;background: #e5e5e5;}
.ht62{border-radius: 5px;}

.ht7{width: 100%;background: #000;}
.ht7 img{opacity: 0.5;transition: All 0.5s ease-in-out; -webkit-transition: All 0.5s ease-in-out; -moz-transition: All 0.5s ease-in-out; -o-transition: All 0.5s ease-in-out;}
.ht7 img:hover{opacity: 1}

.ht8{padding-bottom: 150px;}
.ht8 .title h4{letter-spacing: 16px;}
.ht81{padding: 0 1px 1px 0;}
.ht81 ul li{width: 400px;height: 320px;border:1px solid #e5e5e5;padding: 55px 45px 0; margin:0 -1px -1px 0;}
.ht81 ul li h5{font-size: 30px;text-shadow:  0 12px 20px rgba(0, 0, 0, 0.3);}
.ht81 ul li p{line-height: 28px;margin-top: 33px; text-shadow:  0 12px 20px rgba(0, 0, 0, 0.3);}
.ht81 ul li a{display: block;width: 100%;height: 100%;}
.ht8>a{width: 320px;height: 80px;background: #00a2ea;box-shadow: 0 2px 15px rgba(0, 0, 0, 0.15);border-radius: 5px;margin: 65px auto 0;font-size: 24px;color: #fff;}


.bd{width: 100%;height: 600px;background: url(../images/bd.jpg) no-repeat center;}
.bd11{width: 590px; height: 80px;border: 1px solid #e5e5e5;background: #fff;padding:  0 30px;border-radius: 5px; margin-bottom: 20px;}
.bd11 h5{font-size: 24px;margin-right: 10px;}
.bd11 .text{display: block;width: 420px;height: 60px;border: none;background:none;outline: none;font-size: 24px;}
.bd1 .tj{display: block;width: 320px; height:80px;background: #008fd3;outline:none;cursor: pointer;border: none;border-radius: 5px;  font-size: 24px;color: #fff;font-weight: bold;margin: 40px auto 0;}

.xf{width: 50px;height: 270px; position: fixed;top:0;right: 0;bottom:0;margin:auto;z-index: 999}
.xf>ul{height: 270px;text-align: center;}
.xf>ul>li{width: 50px;height: 50px;background: #212226; position: relative}
.xf>ul>li>a{width: 100%;height: 100%;}
.xf>ul li:last-child{margin-bottom: 0;background: rgba(33, 34, 38, 0.3);}
.xfl{display: none;box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); position: absolute;top:0;bottom: 0;right: 90px;margin:auto;border-radius: 13px;background-color: #fff;}
.xfl .ss{display: block;position: absolute;top:0;bottom: 0;right: -6px;margin:auto;}
.xfl1{width: 250px;font-size: 20px;}
.xfl2{width: 110px;height: 110px; padding:10px;}
.xf>ul>li:hover{background: #95a260;}
.xf>ul>li:hover .xfl{display: flex;}
.xf>ul>li:hover a>.xf0{display: none}
.xf>ul>li:hover a>.xf0_{display: inline-block}

/* 底部 */
footer{width: 100%;background: #1a1a1a;}
footer a{color: #fff;}
footer .foot{padding: 40px 0 60px;}
footer .foot .footL{width: 600px;}
footer .foot .footL .logo{display: block;height: 94px;margin-bottom: 50px;}
footer .foot .footL .fml ul li{width: 600px;margin: 23px 0;}
footer .foot .footL .fml ul li p{width: 540px;line-height: 24px;}
footer .foot .footR{width: 380px;}
footer .foot .footR .phone{margin: 20px 0 60px; width: 332px;height: 62px;padding: 3px;font-size: 30px; border-radius: 30px;border:1px solid rgba(255,255,255,0.2);}
footer .foot .footR .phone>img{margin-right: 15px}
footer .foot .footL .fmr ul li{width: 160px;}
footer .footB{height: 100px;width: 100%;background: url(../images/di.jpg) no-repeat center; font-size: 16px;}
footer .footB .box{height: 100px;}

.position{width: 100%;height: 100px;background: #f6f6f6; border-bottom:1px solid #e5e5e5;}
.position .box{height: 100px;}
.position .box>p{max-width: 80%;margin-left: 20px;}
.position .box>p a:hover{color: #00a2ea}

.con{padding: 80px 0 100px;}
.con0{padding: 0 0 100px;}
.con1{padding:60px  0 100px;}

.enav{width: 100%;height: 100px;background: #f6f6f6; border-bottom:1px solid #e5e5e5;}
.enav ul li a{width: 180px;height: 100px;font-size: 20px;color: #666666;}
.enav ul li a:hover,.enav ul li a.active{background: #00a2ea;color: #fff;}

/* 关于我们 */
.about_body{width: 1100px;padding: 70px 0 100px; white-space:-moz-pre-wrap;word-wrap:break-word;line-height: 34px;text-align:justify;}
.about_body img{max-width:100%;}

.gy1{width: 100%;height: 400px;background: url(../images/gy1.jpg) no-repeat center; }
.gy1 ul li{width: 200px;}
.gy11{width: 200px;height: 200px;background: rgba(0, 162, 234, 0.8);}
.gy11 b{font-size: 30px;}
.gy11 p{height: 40px; font-size: 16px;line-height: 20px;margin-top: 15px}
.gy12{width: 200px;height: 200px;background: rgba(0, 162, 234, 0.5);}

/* 产品中心 */
.product ul li{width: 290px;height: 360px;border:1px solid #e5e5e5;border-bottom: 10px solid #f6f6f6;margin: 0 13px 13px 0;}
.product ul li:nth-child(4n){margin-right: 0}
.p_img{width: 100%;height: 288px;display: block;}
.p_img img{width: 100%;height: 100%;}
.p_tit{width: 100%;height: 60px;line-height: 60px;padding: 0 10px; font-size: 20px;}
.product ul li:hover{border-bottom-color: #00a2ea}
.product ul li:hover .p_tit{color: #00a2ea}

/* 新闻资讯 */
.xw1 .xw_img{width: 400px;height: 300px;display: block;}
.xw1 .xw_img img{width: 100%;height: 100%;}
.xw1 .xw_con{width: 800px;height: 300px;border:1px solid #e5e5e5;padding: 50px 50px 0 50px;}
.xw1 .xw_con .xw_tit{font-size: 40px;height: 56px;}
.xw1 .xw_con p{font-size: 20px;color: #666666;margin: 40px 0;}
.xw1 .xw_con .xw_des{font-size: 20px;color: #999999;height: 28px;}
.xw1 .xw12{width: 160px;height: 50px; bottom:0;right:0;}
.xw1 .xw12 .swiper-button-prev{width: 80px;height: 50px;background: url(../images/xp.jpg) no-repeat center;position: static;}
.xw1 .xw12 .swiper-button-next{width: 80px;height: 50px;background: url(../images/xn.jpg) no-repeat center;position: static;}
.xw1 .xw12 .swiper-button-next::after,.xw1 .xw12 .swiper-button-prev::after{display: none;}


.news ul li{margin-top: 40px;border-bottom:1px solid #e5e5e5;padding-bottom: 30px;}
.n_img{width: 300px;height: 180px;display: block;}
.n_img img{width: 100%;height: 100%;}
.n_con{width: 700px;padding-right: 50px}
.n_con .n_tit{font-size: 30px;height: 42px;}
.n_con .n_des{font-size: 20px;color: #999999;margin-top: 20px;}
.n_date{width: 190px;font-weight: 700;}
.n_date p{font-size: 24px;}
.n_date p span{font-size: 60px;margin-right: 10px}
.n_date div div{font-size: 24px;color: #999999;}
.news ul li:hover .n_tit{color: #00a2ea}




/* 联系我们 */
.lx1>p{font-size: 40px;margin: 50px 0 35px;}
.lx1>ul li{width: 360px;height: 315px;border-radius: 10px;border:1px solid #c9c9c9;padding: 60px 40px 0;}
.lx1>ul li h5{font-size: 30px;margin: 20px 0;}
.lx1>ul li p{font-size: 20px;line-height: 30px;}
.lx1>ul li:hover{background: #00a2ea;border-color: #00a2ea;color: #fff}
.lx1>ul li:hover .lx10{display: none;}
.lx1>ul li:hover .lx10_{display: inline-block;}

.map{height:600px;overflow: hidden;}
.map #container{width:100%; height: 600px;overflow: hidden;}
.BMap_bubble_buttons{display: none!important;}
.BMap_bubble_title{font-weight: bold;font-size: 16px;width: initial!important;padding-top: 10px;}
.BMap_bubble_content{margin-top: 10px;}
.BMap_bubble_center{width: 90%!important;}
.BMap_bubble_pop{padding: 0 15px!important;}

/* 页码 */
.pagination{margin-top: 80px; clear: both;width:100%;padding:0 0 0;text-align: center; font-size:18px; color:#333;}
.pagination li{ width:40px; height:40px; text-align:center; line-height:40px; display:inline-block; margin:0 3px; background:#f4f4f4;}
.pagination li a{width:40px; height:40px; display:block; color:#333;}
.pagination li a:hover{  background:#00a2ea;color: #fff;}
.pagination li.active{ background:#00a2ea !important;color: #fff;}



/* 上下篇 */
.sxy{margin-top: 60px;font-size: 16px;color: #666}
.sxy div{max-width: 48%; color: #666}
.sxy a:hover{color: #00a2ea}
/* 详情页 */
.article_title{text-align: center;margin-bottom: 30px}
.article_title h2{font-size: 30px;color:#333;font-weight: bold}
.article_title p{font-size: 14px;color:#858585;margin-top: 10px;}
.article_body{white-space:-moz-pre-wrap;word-wrap:break-word;font-size: 18px;line-height: 36px;padding:50px 0;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.article_body img{max-width:100%;}