@font-face {
  font-family: 'Regular';
  src: url('./PingFang Regular.ttf');
}
@font-face {
  font-family: 'hkyt';
  src: url('./hkyt.TTC');
}
*{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: 'Regular';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;} 
.hkyt{font-family: 'hkyt';}
.wr{writing-mode: vertical-rl;writing-mode: tb-rl;}
.wl{writing-mode: vertical-lr; writing-mode: tb-lr;}


.swiper{ margin: 0;}
.swiper-button-prev,.swiper-button-next{outline: none;margin: 0;}

.ht_img img{cursor: pointer; transition: all 0.6s;}
.ht_img:hover img{transform: scale(1.06);}


/* 首页 */
header{width: 100%;background: #fff; min-width: 1200px;position: fixed;top:0;left:0;z-index: 9999;}
header .box .logo{width: 240px;height: 180px;background: #014691}
header .box .logo img{max-width: 200px;max-height: 66px;}
header .box .headR{width: 935px;}
header .box .headR .headT{height: 89px;border-bottom: 1px solid #c1c1bf}
header .box .headR .headT p{width: 290px;height: 32px;border-radius: 16px;background: #014691;letter-spacing: 2px;font-weight: bold;}
header .box .headR .headT .phone{font-size: 33px;}
header .box .headR .headT .phone img{margin-right: 10px;}
header .box .headR nav{height: 89px;}
header .box .headR nav a{font-weight: bold;color: #595757;}
header .box .headR nav span{display: block;width: 1px;height: 30px;background: #c1c1bf;color: #37322f;}
header .box .headR nav a:hover,header .box .headR nav a.active{color: #014691;}
header.active{box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
header.active .box .logo{height: 111px;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;}
header.active .box .headR .headT{height: 60px;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;}
header.active .box .headR nav{height: 50px;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;}


.banner{width:100%;height:268px;margin-top: 180px;}

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

.sy_banner{margin-top: 180px;}
.sy_banner .swiper-button-prev{width: 78px;height: 149px;background:url(../images/bp.png) no-repeat center;top:0;bottom: 0;left: 0;margin:auto;}
.sy_banner .swiper-button-next{width: 78px;height: 149px;background:url(../images/bn.png) no-repeat center;top:0;bottom: 0;right: 0;margin:auto;}
.sy_banner .swiper-button-next::after,.sy_banner .swiper-button-prev::after{display: none;}

.sy_banner .swiper-pagination{bottom: 30px;}
.sy_banner .swiper-pagination span{line-height: 999px;overflow: hidden;box-sizing: border-box;background:#fff;opacity: 1;box-shadow: 0 3px 5px rgba(73, 73, 73, 0.35);  width: 15px;height: 15px;}
.sy_banner .swiper-pagination-bullet-active{background: #024790 !important;box-shadow: none !important;}

.cor{color: #024692}
.cor1{color: #619c46}
.cor2{color: #ffffff}
/* 内容 */

.ht1{width: 100%;height: 662px;padding-top: 100px; background:url(../images/ht1_.jpg) no-repeat center;}
.ht1 .box{padding:0 100px 0 50px;}
.ht11{width: 615px;}
.ht11 h3{font-size: 45px;padding-bottom: 15px;margin-bottom: 15px; border-bottom: 1px dashed #fff;}
.ht11 h4{font-size: 37px;line-height: 50px;}
.ht12{margin-top: 55px;}
.ht12 p{line-height: 30px;font-family: '宋体';letter-spacing: 1px;transform:rotate(7.5deg);}

.ht2{width: 100%;height: 899px; background:url(../images/ht2.jpg) no-repeat center;}
.ht20{padding: 40px 0 20px;}
.ht20 h3{font-size: 37px;font-weight: bold;}
.ht20 h4{font-size: 37px;margin-top: 10px;}
.ht21 ul li{width: 401px;height: 520px;background:url(../images/ht20.png) no-repeat center;padding: 65px 55px 0;color: #a89169;}
.ht21 ul li h5{font-size: 30px;border-bottom: 1px dashed #a89169;font-weight: bold;padding-bottom: 15px;margin-bottom: 15px;}
.ht21 ul li p{font-size: 22px;line-height: 37px;text-indent: 2em;text-align: justify;margin-bottom: 10px;height: 185px;}
.ht22{width: 1180px;height: 136px; margin-top: 10px; padding: 20px 35px;border-radius: 20px;background: #023ea0;box-shadow: -3px 5px 9px rgba(5, 46, 90, 0.5);}
.ht22 h3{font-size: 34px;}
.ht22 p{margin: 8px 0;}
.ht22 ul li{font-size: 22px;margin-right: 10px;}
.ht22 ul li::before{display: block;content: ''; width: 7px;height: 7px;border-radius: 50%;background: #c2e2ec;margin-right: 5px;}
.ht221{top: -7px;right: 40px;}
.ht221 p{font-size: 29px;line-height: 33px;margin-right: 70px;}
.ht221 img{width: 150px;height: 150px;border-radius: 5px;box-shadow: -12px 0 16px rgba(5, 46, 90, 0.6)}


.ht3{width: 100%;height: auto;min-height: 600px; background:url(../images/ht3.jpg) no-repeat center top;}
.ht30{padding: 55px 0 80px;}
.ht30 h3{font-size: 60px;letter-spacing: 5px;}
.ht30 h4{font-size: 42px;letter-spacing: 8px;margin-top: 90px;}
.ht311{width: 100%;height: auto;min-height: 120px;background:url(../images/ht30.png) no-repeat center;}
.ht310{padding: 30px 40px 0 55px;}
.ht31 .ht310 .ht3110{display: block;top: 80px;left: 458px;}
.ht3111 p{font-size: 29px;line-height: 33px;margin-right: 70px;}
.ht3111 img{width: 150px;height: 150px;border-radius: 5px;box-shadow: -12px 0 16px rgba(5, 46, 90, 0.6)}
.ht3112{width: 730px;}
.ht3112 h5{font-size: 38px;letter-spacing: 1px;padding: 15px 0;margin-bottom: 15px;border-bottom: 1px dashed #fff;}
.ht3112 p{font-size: 30px;line-height: 34px;}
.ht3122{width: 370px;}
.ht3122 ul li{margin-bottom: 10px;}
.ht3122 ul li .ht312_img{padding: 4px; width: 146px;height: 146px;border-radius: 50%;border: 3px solid #023ea0;}
.ht3122 ul li .ht312_img img{border-radius: 50%;}
.ht3122 ul li .ht312_con{width: 190px;}
.ht3122 ul li .ht312_con h6{font-size: 22px;font-weight: bold;border-bottom: 1px solid #024692;padding-bottom: 10px;margin-bottom: 10px;}
.ht3122 ul li .ht312_con p{text-align: justify;letter-spacing: -1px; font-weight: bold;font-size: 20px;line-height: 30px;color: #626364;}
.ht3122 ul li:last-child{margin-bottom: 0}
.ht32 .ht310 .ht3110{display: block;top: 170px;left: 444px;}
.ht33 .ht310 .ht3110{display: block;top: -10px;left: 550px;}
.ht34 .ht310 .ht3110{display: block;top: 185px;left: 480px;}
.ht35 .ht310 .ht3110{display: block;top: 90px;left: 290px;}
.ht36 .ht310 .ht3110{display: block;top: -10px;left: 640px;}

.ht4{width: 100%;padding-top: 80px;height: auto; background:url(../images/ht4.jpg) no-repeat center top;}
.ht41{margin-bottom: 60px;}
.ht41 h3{background:url(../images/ht40.png) no-repeat center right;}
.ht41 h3 span{display: inline-block;line-height: 50px;border-radius: 25px;background: #023ea0;font-size: 36px;padding: 0 30px;}
.ht411{margin: 15px 0 30px;}
.ht411 h4{font-size: 36px;font-weight: bold;} 
.ht411 .anniu .swiper-button-prev{width: 44px;height: 44px;background:url(../images/gy3p.png) no-repeat center;position: static;}
.ht411 .anniu .swiper-button-next{width: 44px;height: 44px;background:url(../images/gy3n.png) no-repeat center;position: static;margin-left: 10px}
.ht411 .anniu .swiper-button-next::after,.ht411 .anniu .swiper-button-prev::after{display: none;}
.ht41_img{height: 276px;display: block;border: 1px solid #fff;border-radius: 20px;box-shadow: 0 1px 16px rgba(5, 46, 90, 0.18);margin: 10px;}
.ht41_img img{width: 100%;height:  100%;}

.ht42>h3{font-size: 36px;font-weight: bold;padding: 50px 0 40px;}
.ht42>ul li{width: 373px;border-radius: 20px;background: #023ea0;box-shadow: 0 1px 16px rgba(5, 46, 90, 0.18);}
.ht42>ul li p{padding: 12px 25px 0;font-size: 20px;line-height: 29px;height: 84px;}
.ht42>ul li h5{font-size: 29px;font-weight: bold;text-shadow: 2px 2px 1px #fff; bottom: 82px;left: 25px;}

.ht5{width: 100%;padding-top: 50px;height: 276px; background:url(../images/ht5.jpg) no-repeat center top;}
.ht5 .gy2{margin: 0 auto;}

.ht6{padding-bottom: 60px;}
.ht6>h3{font-size: 36px;font-weight: bold;padding: 50px 0 40px;}
.ht6 ul li{border: 1px solid #fff;background: #fff; margin-bottom: 20px;box-shadow: 0 1px 16px rgba(5, 46, 90, 0.18);border-radius: 20px;}
.ht6 ul li>img{opacity: 0.78;}
.ht6 ul li>div{left: 33px;top: 15px;}
.ht6 ul li>div>p{font-size: 23px;line-height: 46px;padding-bottom: 10px;}
.ht6 ul li>div>p span{font-size: 40px;}
.ht6 ul li>div::before{display: block;content: '';width: 4px;height: 74px;background: #fff;margin-right: 10px;}
.ht6 ul li:hover>img{opacity: 1}

.bd{width: 100%;background: #fcfafe;padding: 80px 0 100px;}
.ht00{margin-bottom: 35px;}
.ht00 h5{font-size: 25px;margin-bottom: 10px;}
.ht00 div{height: 106px;background: rgba(149, 149, 149, 0.2);padding: 0 15px;}
.ht01 div{width: 594px;}
.ht00 div .text{display: block; height:60px;background: none;outline: none;border: none;font-size: 20px;margin-left: 10px;}
.ht01 div .text{width:520px;}
.ht02 div{width: 100%;}
.ht02 div .text{width:1120px;}
.bd .tj,.ht0 .tj{display: block;width:100%; height:90px;background: #af1f14;outline:none;cursor: pointer;border: none;margin: 60px auto 0; font-size: 31px;color: #e9ca74}


/* 底部 */
footer{width: 100%;background: #024692;}
footer a{color: #fff;}
footer .footC{padding: 60px 0;}
footer .footC nav{width: 240px;}
footer .footC nav a{font-size: 20px;display: block;margin-right: 50px;margin-bottom: 50px;}
footer .footC nav a:nth-child(2n){margin-right: 0}
footer .footC nav a:nth-child(5),footer .footC nav a:nth-child(6){margin-bottom: 0}
footer .footC .mess{width: 610px;padding-left: 40px;border-left: 2px solid #ffffff}
footer .footC .mess>p{font-size: 20px;line-height: 46px;margin-bottom: 10px}
footer .footC .mess>p b{font-size: 42px;}
footer .footC .mess ul li{line-height: 28px;font-size: 15px;}
footer .footC .mess ul li h5{width: 80px;text-align-last: justify; }
footer .footC .mess ul li p{width: 530px}
footer .footC .qr{width: 160px;height: 160px; padding:10px;box-shadow: -12px 12px 16px rgba(5, 46, 90, 0.64);background: #fff;border-radius: 5px;}
footer .fb{width: 100%;height: 37px;background: #fff;line-height: 37px;color: #333;font-size: 14px}
footer .fb a{color: #333;}



.con{width: 100%; padding: 80px 0;}
.con1{width: 100%; padding: 50px 0;}


/* 关于我们 */
.gy1{width: 100%;height: 527px;background:url(../images/gy1.jpg) no-repeat center top;margin-top: 50px;}
.gy10{padding: 42px 40px 0 55px;}
.gy11{width: 400px;}
.gy11 h3{font-size: 36px;padding-bottom: 13px;border-bottom: 1px dashed #fff;}
.gy11 h4{font-size: 30px;line-height: 40px; letter-spacing: 3px;margin: 10px 0 20px;}
.gy11 p{font-size: 17px;line-height: 27px;}
.gy12{width: 637px;border-radius: 20px;border:1px solid #fff;box-shadow: 0 1px 6px rgba(5, 46, 90, 0.18);}

.gy2{margin: 70px auto 80px;}
.gy2 h3{font-size: 29px;font-weight: bold;width: 800px;margin-bottom: 30px; border-bottom: 1px dashed #024692;padding-bottom: 13px}
.gy2 ul li p{font-size: 22px;margin: 0 22px 0 10px;}
.gy2 ul li p b{font-size: 29px;}
.gy2 h4{position: absolute;top: 5px;right: 0;line-height: 70px;}
.gy2 h4 span{font-size: 37px;letter-spacing: 2px;color: #619c46}
.gy2 h4 b{font-size: 86px;}

.gy3{padding-bottom: 80px;}
.gy31{background:url(../images/gy3.png) no-repeat right 0 top 19px;margin-bottom: 40px;}
.gy31 h3{width: 378px;letter-spacing: 1px; height: 50px;border-radius: 25px;background: #024692;font-size: 37px;color: #fff;}
.gy31>div>p{font-size: 37px;line-height: 49px;margin-top: 20px;}
.gy31>div>.anniu .swiper-button-prev{width: 44px;height: 44px;background:url(../images/gy3p.png) no-repeat center;position: static;}
.gy31>div>.anniu .swiper-button-next{width: 44px;height: 44px;background:url(../images/gy3n.png) no-repeat center;position: static;margin-left: 10px}
.gy31>div>.anniu .swiper-button-next::after,.gy31>div>.anniu .swiper-button-prev::after{display: none;}
.gy321{height: 507px;background: #fff;border-radius: 20px;padding: 15px;box-shadow: 0 1px 16px rgba(5, 46, 90, 0.18);margin: 18px;}
.gy321 img{max-width: 100%;max-height: 100%;}

.about_body{font-size:18px; line-height: 36px;white-space:-moz-pre-wrap;word-wrap:break-word;text-align: justify;}
.about_body img{max-width:100%;}

/* 产品中心 */
.con .pl{width: 240px;}
.con .pl nav{border-radius: 20px;padding: 20px; background: #023ea0;box-shadow:  -3px 3px 9px rgba(5, 46, 90, 0.5);}
.con .pl nav a{font-size: 28px;height: 65px;line-height: 65px;border-bottom: 1px dashed #fff;color: #fff;}
.con .pl nav a:last-child{border:none;}
.con .pl nav a:hover,.con .pl nav a.active{font-weight: bold;}
.con .pr{width: 930px;}
.con .pr .product>ul>li{width: 455px;margin-bottom: 20px;border-radius: 20px; overflow: hidden;box-shadow: 0 1px 16px rgba(5, 46, 90, 0.18)}
.con .pr .product>ul>li .p_img{width: 100%;height: 335px;background: #bbe5f8;}
.con .pr .product>ul>li .p_img img{max-width: 100%;max-height: 100%}
.con .pr .product>ul>li .p_name{width: 100%; height: 65px;line-height: 65px;background: #fff; font-size: 24px;padding: 0 10px;color: #898989;}
.con .pr .product>ul>li:hover .p_name{color: #fff;background: #023ea0}

/* 商业合作 */
.jm1{border-radius: 20px;margin-top: 55px; background: #023ea0;padding: 50px 50px 30px;}
.jm1 h3{font-size: 45px;}
.jm1 h4{font-size: 37px;margin: 12px 0 28px;}
.jm1 ul li h5{font-size: 30px;margin: 18px 0 15px;}
.jm1 ul li p{font-size: 16px;line-height: 24px;}

.jm21{padding: 50px 0 35px;}
.jm21 h3{font-size: 48px;}
.jm21 h4{font-size: 37px;margin-top: 10px;}
.jm22 ul li{width: 292px;height: 313px;color: #897045; border-radius: 20px;border:1px solid #fff;background-image: linear-gradient(to top, #ffffff, #f2e3c9);box-shadow: 0 1px 16px rgba(5, 46, 90, 0.18);margin-bottom: 30px;padding: 30px 20px 0;}
.jm22 ul li h5{font-size: 29px;font-weight: bold;border-bottom: 1px dashed #897045;padding-bottom: 15px;}
.jm22 ul li p{font-size: 24px;line-height: 36px;margin: 10px 0;}

.jm3{width: 100%;height: 384px;margin-bottom: 50px; background:url(../images/jm3.png) no-repeat center;}
.jm30{padding: 50px 40px 0;}
.jm31{padding-bottom: 50px}
.jm31 h3{font-size: 45px;}
.jm31 h4{font-size: 37px;margin-top: 22px}
.jm32{width: 450px;}
.jm321{width: 100%;height: 58px;background: #fff;border-radius: 10px; margin-bottom: 20px; border:none;padding: 0 15px;}
.jm321 h5{color: #6c6c6c;font-weight: bold;letter-spacing: 2px;}
.jm321 .text{display: block;margin-left: 10px;width: 300px; height: 50px;background:none;outline: none;border: none;font-size: 18px;color: #6c6c6c;}
.jm32 .tj{width: 193px; height:42px; border:  1px solid #fff; background: none;border-radius: 10px; outline:none;cursor: pointer;font-size: 24px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);color: #fff;font-weight: bold;letter-spacing: 5px;}

.jm4{width: 100%;height: 1410px;padding-top: 30px; background:url(../images/jm4.jpg) no-repeat center;}
.jm4 .jm3{margin-top: 60px;}

/* 新闻资讯 */
.news>ul>li{padding: 30px 0;border-bottom: 3px solid #cbcbcb;}
.news>ul>li:last-child{border:none;}
.n_img{display: block;border-radius: 20px;border: 1px solid #fff;box-shadow: 0 1px 16px rgba(5, 46, 90, 0.18); width: 442px;height:264px;overflow: hidden;}
.n_img img{width: 100%;height: 100%;}
.n_con{width:720px;}
.n_tit{font-weight: 600;height: 20px;font-size: 20px;}
.n_con p{font-size: 14px;color: #595757;margin: 15px 0 20px;}
.n_des{height: 48px;color: #868686; -webkit-line-clamp: 2;overflow: hidden;font-size:16px;line-height: 24px;}
.n_more{width: 92px;height: 30px;border-radius: 15px;background: #023ea0;font-size: 14px;color: #fff !important;font-weight: bold;letter-spacing: 2px;margin: 65px 0 10px}
.news>ul>li:hover .n_tit{color: #023ea0}



/* 联系我们 */
.lx{width: 100%;height: 730px; background:url(../images/lx.jpg) no-repeat center;}
.lx0{padding: 45px 40px 0 55px;}
.lx1{width: 480px;}
.lx1 h3{font-size: 32px;letter-spacing: 5px;}
.lx1 ul li{height: 100px;border-bottom: 2px solid #fff;}
.lx1 ul li p{width: 430px;font-size: 20px;line-height: 36px;}
.lx1 ul li:last-child{border:none;}
.lx11 img{width: 120px;border-radius: 5px;box-shadow: 0 1px 16px rgba(5, 46, 90, 0.18);}
.lx11 p{font-size: 16px;line-height: 26px;margin-left: 20px;letter-spacing: 2px;}
.map{width: 597px; height:626px;overflow: hidden;border-radius: 33px;box-shadow: 0 1px 16px rgba(5, 46, 90, 0.18);}
.map #container{width:100%; height: 626px;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: 50px; clear: both;width:100%;padding:0 0 0;text-align: center; font-size:22px; color:#fff;font-weight: bold}
.pagination li{ width:40px; height:40px;border-radius: 10px; text-align:center; line-height:40px; display:inline-block; margin:0 3px; background:#bbe5f8;}
.pagination li a{width:40px; height:40px;border-radius: 10px; display:block; color:#fff;}
.pagination li a:hover{  background:#023ea0;color: #fff;}
.pagination li.active{ background:#023ea0 !important;color: #fff;}



/* 上下篇 */
.sxy{margin-top: 50px;font-size: 16px;color: #666}
.sxy div{max-width: 48%; color: #666}
.sxy a:hover{color: #023ea0}
/* 详情页 */
.article_title{text-align: center;margin-bottom: 30px}
.article_title h2{font-size: 30px;letter-spacing: 3px; 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%;}