@charset "utf-8";

:root {

	--font-color-base: #666666; /*文字颜色*/

    --secondary-color-base: #fff;

	--link-color-base: #666666; /*链接文字颜色*/

	--color-blue: #004c98; /*蓝色*/

	--primary-bg-color: #fff; /*主要背景色*/

	--secondary-bg-color: #004c98; /*次要背景色*/

	--font-family: "Microsoft YaHei",Arial,sans-serif;

	--weight-light: 300;

	--weight-regular: 400;

	--weight-medium: 500;

	--weight-bold: 700;

	--icn-slide-arw-left: url(../images/arrow-left.png) no-repeat center / contain;

	--icn-slide-arw-right: url(../images/arrow-right.png) no-repeat center / contain;

    --mainWrap: 1640px;

}



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

body{ font-size: 16px; color: var(--font-color-base); overflow-x: hidden; font-family:var(--font-family); padding-top: 116px;}

ul,li,ol,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,header,footer{ list-style: none; padding: 0; margin: 0; display: block;}

input,textarea,select,button{ font-size: 16px; outline:none;  font-family:var(--font-family); }

svg{ border: none;}

::-webkit-input-placeholder {color: #333;}

::-moz-placeholder {color: #333;}

:-ms-input-placeholder {color: #333;}



a { text-decoration: none; color:var(--link-color-base); transition: color 0.56s ease;}

a:hover{ color: var(--color-blue);}



.clearfix:after{content:"";height:0;line-height:0;display:block;visibility:hidden;clear:both}

.clearfix{zoom:1;}

.clear{ clear:both}

.overflow{overflow-y:hidden;}



img{ display: inline-block; vertical-align:middle;max-width:100%;max-height:100%;height: auto; border: none;}



.wrap{ width: var(--mainWrap); margin: 0 auto;}

.ovh{overflow: hidden;}



.more{ width: 144px; height: 48px; line-height: 42px; color: var(--color-blue); border: var(--color-blue) solid 3px; border-radius: 48px; text-align: center; transition: all 0.4s ease;}

.more:hover{ background:var(--color-blue); color: #fff;}



.borderT{border-top: #ccc solid 1px; }



::-webkit-scrollbar { width: 6px; background-color: rgba(24, 24, 24, .07); }

::-webkit-scrollbar-thumb {background: rgba(24, 24, 24, .3); border-radius: 8px; transition: background 0.4s ease;}

::-webkit-scrollbar-thumb:hover {background: #666;}



/*顶部*/

.header{ width: 100%; height:116px; background:var(--primary-bg-color); box-shadow: 0 0 10px rgba(0, 0, 0, .1); position: fixed; left: 0; top: 0; z-index: 9999;}

.header .logo{height:116px; padding: 6px 0;}

.header .nav>ul>li{ margin-left:88px;}

.header .nav>ul>li>a{ font-size:18px; color:var(--link-color-base); line-height:116px;  transition: color .4s;}

.header .nav>ul>li.on>a,.header .nav>ul>li>a:hover{ color:var(--color-blue);}

.menu-toggle{display: none;}





/*首页bannner*/

.banner { position: relative;}

.banner .swiper{ width:100%; overflow:hidden;}

.banner .swiper .swiper-slide{ background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden;}

.banner .swiper .swiper-slide img{width:100%;}

.banner .pagination { width: 100% !important; position: absolute; left:0; bottom:30px!important;  z-index:111; text-align: center;}

.banner .swiper-pagination-clickable .swiper-pagination-bullet { display: inline-block; width: 15px;height: 15px; background:none; border: #fff solid 2px; margin: 0 10px; border-radius:12px !important; opacity: 1; cursor: pointer;}

.banner .swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #fff;}

.banner .swiper-slide-active{opacity:1;}



.neiBanner{ height: 660px; background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; align-items: center; justify-content: center; position: relative;}

.neiBanner .textBanner{ text-align: center;}

.neiBanner .textBanner dl{ font-size: 48px; color:var(--color-blue); font-weight: bold; margin-bottom: 10px;}

.neiBanner .textBanner p{ font-size: 24px; color:var(--secondary-color-base);}



.indexOne{ padding: 70px 0 145px;}

.indexOne .tit{ margin-bottom: 70px;}

.indexOne .tit h2{ font-size: 36px; color: #333; line-height: 1; padding-left: 25px; position: relative;}

.indexOne .tit h2::before{ content: ""; width: 9px; height: 38px; background-image: linear-gradient(to bottom ,#00bdfa, #0160eb); position: absolute; left: 0; top: 0; border-radius: 10px;}

.indexOne .menuBox{ padding: 0 68px 65px;}

.indexOne .menuBox ul{ margin: 0 -15px;}

.indexOne .menuBox ul li{ width: 20%; text-align: center; padding: 0 15px;}

.indexOne .menuBox ul li i{ width: 50px; height: 50px;  background: var(--primary-bg-color); border-radius: 46px; display: flex; align-items: center; justify-content: center; margin: 0 auto; overflow: hidden;  transition: background 0.4s ease;}

.indexOne .menuBox ul li i img{ filter: drop-shadow( #333 0 80px); transform: translateY(-80px);}

.indexOne .menuBox ul li h3{  font-size: 16px; line-height: 1; font-weight: normal; margin-top: 15px;}

.indexOne .menuBox ul li a:hover i{background: var(--secondary-bg-color);}

.indexOne .menuBox ul li a:hover i img{ filter: drop-shadow(var(--primary-bg-color) 0 80px); transform: translateY(-80px);}

.indexOne .box { padding: 0 65px; position: relative; }

.indexOne .box .swiper{ overflow: hidden; position: relative;}

.indexOne .box .swiper-slide{ border-radius:6px; overflow: hidden;}

.indexOne .box .swiper-slide a{ background: #eeeeef; padding: 20px; display: block;}

.indexOne .box .swiper-slide ol{ margin-bottom: 20px;}

.indexOne .box .swiper-slide ol h3{ font-size: 16px; font-weight: normal; line-height: 1; border-bottom: #cccccc solid 1px; padding-bottom: 15px; margin-bottom: 15px;}

.indexOne .box .swiper-slide ol dt{ font-size: 22px; color: #666666; line-height: 1;}

.indexOne .box .swiper-slide dl{ padding-bottom: 82%;}

.indexOne .box .swiper-slide a:hover{ background-image: linear-gradient(to top ,#26c1fe, #237be5);}

.indexOne .box .swiper-slide a:hover ol h3{ color: #fff; border-bottom: #5b9bdf solid 1px;}

.indexOne .box .swiper-slide a:hover ol dt{ color: #fff;}

.indexOne .box .arrow-left,.indexOne .box .arrow-right{ width: 12px; height: 22px; position: absolute; top: 50%; transform: translateY(-50%);}

.indexOne .box .arrow-left{ background: var(--icn-slide-arw-left); left: 22px;}

.indexOne .box .arrow-right{ background: var(--icn-slide-arw-right); right: 22px;}

.indexOne .pagination { width: 100% !important; position: absolute; left:0; bottom:-60px !important;  z-index:111; text-align: center; }

.indexOne .swiper-pagination-clickable .swiper-pagination-bullet { display: inline-block; width: 18px;height: 4px; background:#d9d9d9; border:none; border-radius: 0; margin: 0 5px; opacity: 1; cursor: pointer;}

.indexOne .swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 32px; background: #2a7de1;}

.indexOne .swiper-slide-active{opacity:1;}



.indexTwo{ padding: 80px 0 150px; background: url(../images/indexTwoBg.jpg) no-repeat center; background-size: cover;}

.indexTwo .tit{ text-align: center; margin-bottom: 50px;}

.indexTwo .tit h2{ font-size: 36px; color: #154e8a; line-height: 1; margin-bottom: 24px;}

.indexTwo .tit h2 span{ color: #ffd10e;}

.indexTwo .tit p{ color:var(--secondary-color-base); line-height: 1;}

.indexTwo .box ul{ margin: 0 -85px;}

.indexTwo .box ul li{ width: 25%; padding: 0 85px; text-align: center; color: var(--secondary-color-base);}

.indexTwo .box ul li i{ width: 110px; height: 110px; line-height: 106px; border-radius: 110px; background-image: linear-gradient(to bottom ,#00bffa, #015fea); display: block; margin: 0 auto;}

.indexTwo .box ul li h3{ font-size: 24px; font-weight: normal; background: url(../images/icon11.png) no-repeat center top; padding-top: 25px; margin-top: 15px;}

.indexTwo .box ul li dt{ font-size: 14px; line-height: 1.8; margin-top: 12px;}

.indexTwo .box ul li:hover i{  background-image: linear-gradient(to top ,#00bffa, #015fea);}



.indexThree{ padding: 100px 0; background: url(../images/indexThreeBg.jpg) no-repeat top; background-size: cover;}

.indexThree .box{ padding: 0 110px;}

.indexThree .textBox{ width: 50% ;}

.indexThree .textBox .tit{ font-size: 48px; color: var(--color-blue); margin-bottom: 45px;}

.indexThree .textBox .text{ line-height: 36px; color: #333; margin-bottom: 45px;}

.indexThree .textBox .more{ width: 185px; border: #2e51a2 solid 2px; border-radius: 46px; line-height: 46px; text-align: center; color: #336699; display: block; transition: all 0.4s ease;}

.indexThree .textBox .more:hover{ background: #2e51a2; color: #fff;}

.indexThree .num{ margin-top: 75px;}

.indexThree .num ul{ margin: 0 -80px;}

.indexThree .num ul li{ width: 33.33%; text-align: center; padding: 0 80px;}

.indexThree .num ul li dl{ font-size:50px; color: #003399; font-weight: bold; line-height: 1; margin-bottom: 30px;}

.indexThree .num ul li dt{ color: #333333;}



.about{ padding: 80px 0 150px;}

.about .tit{ margin-bottom: 30px;}

.about .tit h2{ font-size: 48px; color: #000; line-height: 1;}

.about .con{ width: 50%;}

.about .con .text{ line-height: 1.8; padding-top: 20px; margin-bottom: 90px;}

.about .con .shili ul li{ width: 50%; padding-right: 50px; display: flex;}

.about .con .shili ul li i{ margin-right: 15px; flex: 0 0 auto;}

.about .con .shili ul li h3{ font-size: 24px; color: #004c98; line-height: 1; margin-bottom: 10px;}

.about .pic{ padding-left: 80px;}



.catMenu{ padding: 35px 0 70px; background: #e9e9e9;}

.catMenu .bread{ font-size: 14px; margin-bottom: 45px;}

.catMenu .menu{ position: relative; padding:0 35px;}

.catMenu .menu .swiper{ overflow: hidden;}

.catMenu .menu .swiper .swiper-slide{text-align: center;}

.catMenu .menu .swiper .swiper-slide i{ height: 52px; display: block; overflow: hidden;}

.catMenu .menu .swiper .swiper-slide i img{ filter: drop-shadow(var(--color-blue) 0 80px); transform: translateY(-80px);}

.catMenu .menu .swiper .swiper-slide h3{ font-size: 18px; font-weight: normal; margin-top: 30px;}

.catMenu .menu .swiper .swiper-slide a:hover i img{ filter: drop-shadow(#ffcc00 0 80px); transform: translateY(-80px);}

.catMenu .menu .swiper .swiper-slide .on i img{filter: drop-shadow(#ffcc00 0 80px); transform: translateY(-80px);}

.catMenu .menu .swiper-button-next, .catMenu .menu .swiper-button-prev{ z-index: 9999;}

.catMenu .menu .swiper-button-prev{ left: 0;}

.catMenu .menu .swiper-button-next{ right: 0;}



.title{ margin-bottom: 85px; text-align: center;}

.title h2{ font-size: 48px; font-weight: normal; color: var(--color-blue);}



.appCon{ padding: 90px 0 150px;}

.appCon .text{ font-size: 18px; line-height: 2; margin-bottom: 120px;}



.products{ padding: 90px 0 150px;}

.products .box ul{ margin: 0 -45px;}

.products .box ul li{ width: 25%; padding: 0 45px; margin-bottom: 90px;}

.products .box ul li a{ background: #eeeeef; display: block;}

.products .box ul li dl{ padding-bottom: 90%;}

.products .box ul li dl img{ padding: 30px;}

.products .box ul li h3{ font-size: 18px; font-weight: normal; line-height: 70px; text-align: center; border-top: 1px solid #a2b2d4; transition: all 0.4s ease;}

.products .box ul li a:hover h3{ background: var(--secondary-bg-color); color: #fff;}



.products .tit{ margin-bottom: 35px;}

.products .tit h2{ font-size: 24px; line-height: 1; color: var(--color-blue); position: relative; padding-left: 22px;}

.products .tit h2::before{ content: ""; width: 6px; height: 30px; background-image: linear-gradient(to bottom ,#64dcd2, #219dff); position: absolute; left: 0; top: 0;}

.products .titBox{ padding: 30px 0 ;}



.proview{ margin-bottom: 90px;}

.proview .pic{ width: 50%; padding-right: 50px;}

.proview .pic dl{ padding-bottom: 100%; background: #eeeeef;}

.proview .pic dl img{ padding: 50px;}

.proview .viewCon{ width: 50%; padding: 0 30px;}

.proview .viewCon .protit{ border-bottom: #c1c1c1 solid 1px; padding-bottom: 25px; margin-bottom: 25px;}

.proview .viewCon .protit h1{ font-size: 36px; color: var(--color-blue);}

.proview .viewCon .text{ line-height: 1.6; margin-bottom: 20px;}

.products .otherBox .boxCon{ padding: 0 50px; position: relative;}
.products .otherBox .boxCon .swiper .swiper-slide a{ background: #eeeeef; display: block;}
.products .otherBox .boxCon .swiper .swiper-slide dl{ padding-bottom: 90%;}
.products .otherBox .boxCon .swiper .swiper-slide dl img{ padding: 30px;}
.products .otherBox .boxCon .swiper .swiper-slide h3{ font-size: 18px; font-weight: normal; line-height: 70px; text-align: center; border-top: 1px solid #a2b2d4; transition: all 0.4s ease;}
.products .otherBox .boxCon .swiper .swiper-slide a:hover h3{ background: var(--secondary-bg-color); color: #fff;}
.products .otherBox .boxCon .swiper-button-next, .products .otherBox .boxCon .swiper-button-prev{ z-index: 9999;}
.products .otherBox .boxCon .swiper-button-prev{ left: 0;}
.products .otherBox .boxCon .swiper-button-next{ right: 0;}


.contact{ padding: 90px 0;}

.contact .boxCon{ padding-bottom: 90px;}

.contact .con{ width: 50%;}

.contact .con .tit{ margin-bottom: 70px;}

.contact .con .tit i{ flex: 0 0 auto; margin-right: 10px;}

.contact .con .tit h3{ font-size: 16px; font-weight: normal; padding-left: 5px;}

.contact .con .tit dt{ font-size: 48px; color: var(--color-blue); font-weight: bold;}

.contact .con .text{font-size: 18px; line-height: 1.8;}

.contact .message{ width: 50%;}

.contact .message .tit{ margin-bottom: 30px;}

.contact .message .tit h2{ font-size: 36px; color: #000; margin-bottom: 5px;}

.contact .message .tit p{ color: #000;}

.contact .message .box ul{ display: flex; justify-content: space-between; flex-wrap: wrap; position: relative;}

.contact .message .box ul li{ width: 49%; margin-bottom: 20px; position: relative;}

.contact .message .box input{ width: 100%; height: 70px; background: #ededed; border: none; padding-left: 45px;}

.contact .message .box textarea{ width: 100%; height: 230px; background: #ededed; border: none; padding: 20px 45px;}

.contact .message .box button{ width: 145px; height: 50px; background:var(--secondary-bg-color); color: var(--secondary-color-base); border: none;  display: block; margin: 30px auto 0; cursor: pointer;}

.contact .message .box ul li::before{ content: ""; width: 25px; height: 70px; position: absolute; left: 17px; top: 0;}

.contact .message .box .nameIcon::before{ background: url(../images/icon22.png) no-repeat left center;}

.contact .message .box .telIcon::before{ background: url(../images/icon23.png) no-repeat left center;}

.contact .message .box .emailIcon::before{ background: url(../images/icon24.png) no-repeat left center;}

.contact .message .box .companyIcon::before{ background: url(../images/icon25.png) no-repeat left center;}

.contact .message .box .contentIcon::before{ content: ""; width: 25px; height: 62px; position: absolute; left: 17px; top: 0; background: url(../images/icon26.png) no-repeat left center;}

#map{ height: 520px;}



.footer{ padding-top: 108px; background: var(--secondary-bg-color); font-size: 14px; position: relative;}

.footer::before{ content: ""; width: 100%; height: 1px; background: #6b97c3; position: absolute; left: 0; top: 32px;}

.footer a{ color:var(--secondary-color-base);}

.footer .fcontact{ color: var(--secondary-color-base); line-height: 30px; opacity: 0.62;}

.footer .fnav ul li{ width: 180px;}

.footer .fnav ul li>a{ font-size: 16px;}

.footer .fnav ul li ol{ margin-top: 20px;}

.footer .fnav ul li ol a{ font-size: 14px; line-height: 22px; opacity: 0.57;}

.footer .fnav ul li ol a:hover{ opacity: 0.8;}

.footer .gotop{ width: 37px; height: 37px; background: url(../images/gotop.png) no-repeat center; flex: 0 0 auto; cursor: pointer;}

.footer .copyright{ line-height: 44px; font-size: 12px; text-align: center; color: var(--secondary-color-base); opacity: 0.41; margin-top: 90px;}

.footer .copyright a:hover{ opacity: 0.8;}



/*===/分页=============================*/

.fenye { text-align: center; font-size: 16px; width: 100%; height: 40px; display: flex; justify-content: center;}

.fenye .prev, .fenye .next { width: 40px; height: 40px; line-height: 40px; color: #333;margin-right: 5px; display: inline-block; font-family: "宋体";font-size: 17px; background: #ececec;}

.fenye a { width: 40px; height: 40px; line-height: 40px;  color: #333; margin-right: 5px;display: inline-block; background: #ececec; transition: all 0.4s;}

.fenye a:hover {color: #fff; background: #023c6d;}

.fenye a.current { color: #fff;  background: #023c6d;}





/*搜索框*/

.search-dialog-box{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999999999;}

.search-dialog-box .black{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .8);}

.search-dialog{position: absolute;left:50%;top:50%;box-sizing:border-box;width: 680px;padding: 20px 30px;transform: translate(-50%,-50%);background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,.33);border-radius:50px;}

.search-dialog input[type=text]{float: left;width: 86%;border: none; padding: 0;font-size:18px;line-height: 28px; height:28px;color: #999; background-color: #fff;border-radius: 0;}

.search-dialog input[type=submit] {float: right; width:28px; height:28px; background-repeat: no-repeat; background-position: center; background-size: 100%; border: none; padding: 0; background-image: url(../images/search-btn.png);background-color: transparent; cursor: pointer;}



/* 弹出框 */

.tccBox{display: none; position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999999;}

.tccBox .black{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .8);}

.tccBox .BoxCon{padding: 20px;position: absolute;left:50%;top:50%;box-sizing:border-box;transform: translate(-50%,-50%); color: #999;}

.tccBox .BoxCon .off{ width: 30px; height: 30px; background:url(../images/off.png) no-repeat center; position: absolute; top: 40px; right: 40px; cursor: pointer;}

.tccBox .BoxCon .textCon{ max-width: 830px; background: #cdbc99; padding: 35px; border-radius: 15px; color: #666; font-size: 14px; line-height: 1.8;}

.tccBox .BoxCon .textCon h3{ font-size: 18px;}





@media (max-width: 1700px) {

    :root{--mainWrap: 100%;}

    .wrap{ padding: 0 50px;}

}



@media (max-width: 1550px) {

    .neiBanner { height: 550px;}



    .title h2 { font-size: 38px;}



    .indexOne .tit h2{ font-size: 32px;}

    .indexOne .box .swiper-slide ol dt{ font-size: 16px;}



    .indexThree .box{ padding: 0;}

    .indexThree .textBox .tit{ font-size: 38px;}



    .about .tit h2{ font-size: 38px;}



    .catMenu .menu .swiper .swiper-slide h3{ font-size: 16px;}

    .appCon .text{ font-size: 16px; line-height: 1.8;}



    .products .box ul { margin: 0 -30px; }

    .products .box ul li { padding: 0 30px; margin-bottom: 60px; }

    .products .box ul li h3{ font-size: 16px;}



}

@media (max-width: 1440px) {

}



@media (max-width: 1366px) {



    .wrap { padding: 0 30px; }



    .title{ margin-bottom: 60px;}



    .neiBanner { height: 480px; }

    .neiBanner .textBanner dl { font-size: 38px;}

    .neiBanner .textBanner p{ font-size: 22px;}



    .indexThree .num ul li dl{ font-size: 42px;}



    .about { padding: 80px 0 120px; }

    .about .con .text{ margin-bottom: 60px;}

    .about .con .shili ul li i{ width: 60px;}

    .about .con .shili ul li h3{ font-size: 20px;}

    .about .con .shili ul li dt{ font-size: 15px;}



    .appCon { padding: 80px 0 120px; }

    .appCon .text{margin-bottom: 90px;}



    .products { padding: 80px 0 120px; }



    .contact .con .tit i{ width: 55px;}

    .contact .con .tit dt{ font-size: 36px;}



    .contact .message .tit h2{ font-size: 30px;}

    .contact .message .box input{ height:50px;}

    .contact .message .box textarea{ height: 170px;}

    .contact .message .box ul li::before{ height: 50px;}



    .footer .fnav ul li{ width: 160px;}

}



@media (max-width: 1300px) {

    .header .nav>ul>li {

        margin-left: 60px;

    }

}



@media (max-width: 1240px) {

}



@media (max-width: 1200px) {

    .header .nav>ul>li { margin-left: 40px; }



    .neiBanner { height: 410px; }



    .title h2 { font-size: 32px; }



    .indexTwo { padding: 80px 0 90px;}

    .indexTwo .box ul { margin: 0 -40px; }

    .indexTwo .box ul li{ padding: 0 40px;}



    .indexThree { padding: 75px 0 100px;}

    .indexThree .textBox .tit { font-size: 30px; margin-bottom: 30px;}

    .indexThree .textBox .text{ line-height: 30px;}

    .indexThree .num ul li dl { font-size: 38px; margin-bottom: 10px; } 



    .about .tit h2 { font-size: 32px; }

    .about .con { width: 60%; }

    .about .pic { padding-left: 30px; }



    .proview .viewCon .protit{ padding-bottom: 10px;}

    .proview .viewCon .protit h1{ font-size: 30px;}

    .proview .pic{ padding-right: 20px;}



    .contact .con .tit { margin-bottom: 40px; }

    .contact .con .text{ font-size: 16px;}



    .footer { padding-top: 80px;}

    .footer .fcontact{ line-height: 26px;}

    .footer .fnav ul li { width: 150px; }

    .footer .copyright{ margin-top: 35px;}

}





@media (max-width: 1030px) {

    body{ font-size: 15px; }



    .indexThree .num ul{ margin: 0 -40px;}

    .indexThree .num ul li{ padding: 0 40px;}

    .footer .fnav ul li { width: 130px; }

}



@media screen and (max-width:750px){

    body{ font-size: 14px; padding-top: 60px;}

    .wrap{ padding: 0 15px;}



    .more{ height: 40px; line-height: 36px; border: var(--color-blue) solid 2px;}



    .header{ width: 100%; height: 60px; position: fixed; top: 0; left: 0; z-index: 99999999; }

    .header .logo{ height: 60px; padding: 6px 0; }

    .header .nav{  position: fixed; top: 60px; left: 0; width: 100%; height: calc(100vh - 60px);  background: #fff; display: none;}

    .header .nav>ul{ display: block;  position: relative; z-index: 111; border-top: #eee solid 1px; }

    .header .nav>ul>li{ border-bottom: #eee solid 1px; margin-left: 0; position: relative;}

    .header .nav>ul>li>a{ padding: 0 15px; font-size: 16px;  line-height: 46px;  display: block;}



    .header .menu-toggle{ width:60px; height:60px; position:absolute; right:0; top:0; z-index:99999; display:block;}

    .header .menu-toggle span{ width:35px; height:2px; background:#000;display:block; position:relative; opacity:1;transition:all 300ms; margin:30px 0 0 12px;}

    .header .menu-toggle span:before{ content:"";width:35px; height:2px; background:#000;display:block; position:absolute; left:0; top:-10px;transition:all 300ms;}

    .header .menu-toggle span:after{ content:"";width:35px; height:2px; background:#000;display:block;position:absolute; left:0; top:10px;transition:all 300ms;}

    .header .menu-toggle.cur span{background-color:transparent;}

    .header .menu-toggle.cur span:before{transform:rotate(45deg); top:0px;}

    .header .menu-toggle.cur span:after{transform:rotate(-45deg); top:0px;}



    .banner { position: relative;}

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

    .banner .swiper-container .swiper-slide{ background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden;}

    .banner .swiper-container .swiper-slide a{  display: block; width:100%;}

    .banner .swiper-container .swiper-slide img{width:100%;}

    .banner .pagination { width: 100% !important; position: absolute; left:0; bottom:10px!important;  z-index:111; text-align: center;}

    .banner .swiper-pagination-clickable .swiper-pagination-bullet{ display: inline-block; width: 10px;height: 10px;  margin: 0 3px; border-radius:12px !important; opacity: 1; cursor: pointer;}

    .banner .swiper-pagination-bullet-active { background: #fff;}

    .banner .swiper-slide-active{opacity:1;}



    .neiBanner{ height: 150px; }

    .neiBanner .textBanner dl { font-size: 24px; }

    .neiBanner .textBanner p { font-size: 14px; }



    .indexOne { padding: 50px 0 100px; }

    .indexOne .tit { margin-bottom: 40px; }

    .indexOne .tit h2 { font-size: 22px; padding-left: 16px;}

    .indexOne .tit h2::before { width: 4px; height: 22px;}

    .indexOne .menuBox { padding: 0 0 25px; }

    .indexOne .menuBox ul{ flex-wrap: wrap;}

    .indexOne .menuBox ul li{ width: 33.33%; margin-bottom: 15px;}

    .indexOne .menuBox ul li i{ height: 36px;}

    .indexOne .menuBox ul li h3 { font-size: 13px; margin-top: 5px; }

    .indexOne .box { padding: 0 30px;}

    .indexOne .box .swiper-slide a{ padding: 12px;}

    .indexOne .box .swiper-slide ol h3{ font-size: 14px; padding-bottom: 10px; margin-bottom: 10px;}

    .indexOne .box .swiper-slide ol dt{ font-size: 14px;}

    .indexOne .pagination { bottom: -35px !important;}

    .indexOne .box .arrow-left{ left: 0;}

    .indexOne .box .arrow-right{ right: 0;}



    .indexTwo { padding: 60px 0 45px; }

    .indexTwo .tit h2{ font-size: 24px; margin-bottom: 10px;}

    .indexTwo .box ul{ flex-wrap: wrap; margin: 0 -10px;}

    .indexTwo .box ul li{ width: 50%; padding: 0 10px; margin-bottom: 20px;}

    .indexTwo .box ul li i { width: 70px; height: 70px; line-height: 68px;}

    .indexTwo .box ul li i img{ height: 36px;}

    .indexTwo .box ul li h3{ font-size: 16px; background-size: 20px auto; padding-top: 15px; margin-top: 10px;}

    .indexTwo .box ul li dt { font-size: 12px; line-height: 1.5; margin-top: 6px; }



    .indexThree { padding: 50px 0 70px; }

    .indexThree .textBox { width: 100%; }

    .indexThree .textBox .tit { font-size: 22px; margin-bottom: 20px; }

    .indexThree .textBox .text { line-height: 26px; margin-bottom: 25px; }

    .indexThree .textBox .more { width: 140px; line-height: 36px; margin: 0 auto;}

    .indexThree .num { margin-top: 54px; }

    .indexThree .num ul { margin: 0 -10px;}

    .indexThree .num ul li { padding: 0 10px; }

    .indexThree .num ul li dl{ font-size: 28px;}



    .about { padding: 45px 0 60px; }

    .about .tit h2 { font-size: 22px; }

    .about .box{ flex-wrap: wrap;}

    .about .con{ width: 100%;}

    .about .con .text{ padding-top: 0;}

    .about .con .shili ul{ flex-wrap: wrap;}

    .about .con .shili ul li{ width: 100%; margin-bottom: 15px; padding-right: 0;}

    .about .con .shili ul li i { width: 42px; }

    .about .con .shili ul li h3 {  font-size: 16px; margin-bottom: 5px; }

    .about .con .shili ul li dt{ font-size: 13px;}

    .about .pic{ padding: 0; margin-top: 25px;}



    .catMenu{ padding: 20px 0;}

    .catMenu .bread { font-size: 13px; margin-bottom: 30px; }

    .catMenu .menu{ padding: 0 20px;}

    .catMenu .menu .swiper .swiper-slide i{ height: 25px;}

    .catMenu .menu .swiper .swiper-slide h3 { font-size: 13px; margin-top: 8px;}

    .catMenu .menu .swiper-button-next, .catMenu .menu .swiper-button-prev{ width: 15px; background-size: 100% auto;}

    .title { margin-bottom: 35px; }
    .title h2 { font-size: 24px; }

    .appCon { padding: 40px 0 60px; }
    .appCon .text { font-size: 14px; line-height: 1.7; margin-bottom: 45px;}

    .products { padding: 40px 0 60px; }
    .products .box ul { margin: 0 -10px; }
    .products .box ul li { width: 50%; padding: 0 10px; margin-bottom: 20px; }
    .products .box ul li h3 { font-size: 14px; line-height: 46px; }



    .proview { margin-bottom: 60px; }
    .products .tit { margin-bottom: 24px; }
    .products .tit h2 { font-size: 18px; padding-left: 14px;}
    .products .tit h2::before { width: 4px; height: 20px;}
    .products .titBox { padding: 30px 0 0; }
    .proview .wrap{ display: block;}
    .proview .pic{ width: 100%; padding: 0; margin-bottom: 20px;}
    .proview .viewCon{ width: 100%; padding: 0;}
    .proview .viewCon .protit h1 { font-size: 22px; }
    .proview .viewCon .justify-end{ justify-content: center;}

    .products .otherBox .boxCon .swiper .swiper-slide dl img{ padding: 10px;}
    .products .otherBox .boxCon .swiper .swiper-slide h3{ font-size: 14px;  line-height: 46px; }


    .contact { padding: 45px 0 60px; }

    .contact .con .tit { margin-bottom: 15px; }

    .contact .con .tit i { width: 40px; }

    .contact .con .tit dt { font-size: 22px; }

    .contact .boxCon{ display: block; padding-bottom: 50px;}

    .contact .con{ width: 100%; margin-bottom: 35px;}

    .contact .con .text { font-size: 14px; line-height: 1.6; }

    .contact .message{ width: 100%;}

    .contact .message .tit h2 { font-size: 22px; }

    .contact .message .box input{font-size: 14px;}

    .contact .message .box textarea{ font-size: 14px;}

    .contact .message .box button { width: 130px; height: 40px; font-size: 14px;}



    #map { height: 400px; }

    

    .footer { padding: 40px 0 20px; }

    .footer::before{ display: none;}

    .footer .fcontact { line-height: 20px; }

    .footer .fnav{ display: none;}

    .footer .ewm{ width: 80px;}

    .footer .gotop{ display: none;}

    .footer .copyright { line-height: 1.2; margin-top: 15px; }



    /*===/分页=============================*/

    .fenye { text-align: center; font-size: 14px; width: 100%; height: 40px; margin: 10px 0 0px;}

    .fenye .prev, .fenye .next { width: 34px; height: 34px; line-height: 32px; margin-right: 3px; font-size: 16px; }

    .fenye a { width: 34px; height: 34px; line-height: 32px; margin-right:3px;}

    .fenye a:hover {color: #fff; background: #023c6d; }

    .fenye a.current { color: #fff;  background: #023c6d; margin-right: 3px;}



    .tccBox .BoxCon{ width: 90%;}

    .tccBox .BoxCon ul video{ width: 100%;}

    .search-dialog{ width: 95%;}

}