/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px;color:#666;}
a{color:#fff;}
a:hover{ color:#f60; text-decoration:none;}
p {
    margin: auto;
    max-width: 1200px;
    line-height: 1.8em;
    padding: 5px 0;
}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1260px; margin:0 auto;}
.fl{float: left;}
.logo.fl img {
    height: 55px;
}
.fr{float: right;}
.wapper1200{ width:1200px; margin:0 auto;}
.wapper1100{ width:1100px; margin:0 auto;}
img{max-width: 100%;}

.banner{position: relative;}
.head{padding-top: 30px;position: absolute;left: 0;right: 0;top: 0;z-index: 999;}
.menu ul li{color: rgba(255, 255, 255, 1);font-size: 16px;font-family: PingFangSC-Medium;line-height: 22px; text-align: left; margin: 19px 0 0 50px;float: left;}
.menu ul li a{color: rgb(255, 255, 255);font-size: 16px;}
.menu ul li.cur{border-bottom: 3px solid #258DC6;}
.menu ul li:hover{border-bottom: 3px solid #258DC6;}

.head2{padding: 30px 0;}
.head2 .menu ul li{color: rgba(0, 0, 0, 1);font-size: 16px;font-family: PingFangSC-Medium;line-height: 22px; text-align: left; margin: 19px 0 0 50px;float: left;}
.head2 .menu ul li a{color: rgba(0, 0, 0, 1);font-size: 16px;}


.con{background: url(../images/bg2.png);margin-top: -5px;}
.tit{padding-top: 150px;position: relative;text-align: center;margin-bottom: 150px;}
.tit h3{color: rgba(255, 255, 255, 1); font-size: 30px;text-align: center;position: relative;z-index: 99;}
.tit span{position: absolute;bottom: 0px;margin: 0 auto;left: 0;right: 0;text-align: center;display: block;}
.tit strong{display: block;width: 118px;height: 14px;background: #258DC6;margin: 0 auto;}

.con ul li{padding-bottom: 100px;}
.con ul li .lileft{width: 48%;}
.con ul li .liright{width: 48%;}
.con ul .li1 .lileft{text-align: center;}
.con ul .li2 .liright{text-align: center;}

.word3{width: 100%;display: block; color: rgba(255, 255, 255, 1);font-size: 40px;font-family: PingFangSC-Semibold;line-height: 56px; text-align: left;margin-top: 80px;}
.word4 { width: 100%;height: 40px;display: block;color: rgba(179, 179, 179, 1);font-size: 14px;font-family: PingFangSC-Regular;line-height: 20px; text-align: left; margin-top: 20px;}
.con ul li a{font-size: 14px;height: 48px;border-radius: 24px;border-width: 1px; border: 1px solid rgba(37, 141, 198, 1); width: 180px;display: block;text-align: center;line-height: 48px;color: rgba(37, 141, 198, 1);margin-top: 64px;}
.con ul li a:hover{color: #fff;background:  rgba(37, 141, 198, 1);}

.con2{padding-bottom: 100px;}
.con2 .tit h3{color: rgba(51, 51, 51, 1);}
.con2 ul{width: 1200px;margin: 0 auto;}
.con2 ul li {width: 50%;float: left;}
.con2 ul li .imgarea{position: relative;}
.con2 ul li .wenzi{background: url(../images/SketchPng46e6acc006b78283db818da0cdcf1fbcc858bcf1a33bf19e18aad6f0d7d53585.png) left bottom;position: absolute;left: 0;right: 0;bottom: 0;z-index: 99;padding: 30px;}
.txt3-0 {  display: block;  color: rgba(255, 255, 255, 1); font-size: 20px; font-family: PingFangSC-Medium;line-height: 28px;text-align: left;}
.txt4-0 {display: block;color: rgba(204, 204, 204, 1);font-size: 12px;font-family: PingFangSC-Regular; line-height: 24px;}
.wrap4-0 {width: 5px; height: 5px; background-color: rgba(204, 204, 204, 1); border-radius: 50%; margin-top: 10px;margin-right: 10px;}

.con3{background: url(../images/bg2.png);margin-top: 0px;padding-bottom: 100px;}
.con3 .tit{margin-bottom: 0;}
.con3 .tit strong{width: 200px;}
.wenzi2{    color: rgba(255, 255, 255, 0.6); font-size: 14px;font-family: PingFangSC-Regular;line-height: 20px; text-align: center; margin-top: 30px;}

.con3 ul li{width: 33.3%;float: left;position: relative;}
.con3 ul{width: 1200px;margin: 70px auto;}
.con3 ul li .wenzi3{position: absolute;bottom: 0;left: 0;right: 0;padding: 30px;}
.txt7-0 {display: block;color: rgba(255, 255, 255, 1); font-size: 20px;line-height: 28px;/*text-align: left;*/}
.word13-0 { height: 60px; display: block;color: rgba(204, 204, 204, 1); font-size: 14px; line-height: 20px; margin-top: 10px;}
.more {text-align: center;}
.more a{margin: 0 auto;font-size: 14px;height: 48px;border-radius: 24px;border-width: 1px; border: 1px solid rgba(37, 141, 198, 1); width: 180px;display: block;text-align: center;line-height: 48px;color: rgba(37, 141, 198, 1);margin-top: 50px;}
.more a:hover{color: #fff;background:  rgba(37, 141, 198, 1);}

.con4{padding-bottom: 100px;}
.con4 .tit h3{color: rgba(51, 51, 51, 1);}
.con4 .tit{padding-top: 100px;}
.con4main .left{width: 49%}
.con4main .right{width: 49%;}
.txt9 { display: block;color: rgba(51, 51, 51, 1);font-size: 14px;font-family: PingFangSC-Regular;line-height: 20px;text-align: left;}
 
.info11 {display: block;color: rgba(51, 51, 51, 1);font-size: 14px;font-family: PingFangSC-Regular; line-height: 20px; text-align: left; margin-top: 20px;}
.word15 {display: block;color: rgba(37, 141, 198, 1); font-size: 40px; font-family: YouSheBiaoTiHei;line-height: 52px;text-align: center;}
.word18 {display: block;color: rgba(51, 51, 51, 1); font-size: 14px; font-family: PingFangSC-Regular;line-height: 20px;text-align: center;}
.con4main .left ul {margin-top: 100px;}
.con4main .left ul li{width: 25%;text-align: center;float: left;}

.con5{background: url(../images/bg2.png);margin-top: 0px;padding-bottom: 100px;}
.con5 .tit{padding-top: 100px;} 
.con5 ul li{width: 23%;margin: 1%;float: left;text-align: center;}
.con5 ul li .li{border: 1px solid #104162;border-radius: 10px;padding: 20px;height: 280px;}

.txt12-0 { display: block; color: rgba(37, 141, 198, 1);font-size: 24px;font-family: PingFangSC-Semibold;line-height: 33px; margin-top: 30px;}
.txt13-0 {display: block; color: rgba(37, 141, 198, 1); font-size: 14px;font-family: PingFangSC-Regular;line-height: 20px;margin-top: 30px;text-align: left;}
.txt14-0 { display: block; color: rgba(37, 141, 198, 1);font-size: 14px; font-family: PingFangSC-Regular; line-height: 20px; margin-top: 10px;text-align: left;}
.txt15-0 { display: block; color: rgba(37, 141, 198, 1);font-size: 14px; font-family: PingFangSC-Regular; line-height: 20px; margin-top: 10px;text-align: left;}

.con6{padding-bottom: 100px;}
.con6 .tit {padding-top: 100px;}
.con6 ul li{width: 18%;margin: 1%;float: left;text-align: center;}
.con6 ul li a{display: block;border: 0px solid #ccc;width: 100%;padding: 15px 0;}
.con6 .tit h3{color: rgba(51, 51, 51, 1);}

.con7{background: url(../images/bg2.png);margin-top: 0px;padding-bottom: 100px;}
.con7 .tit{padding-top: 100px;}
.con7 .left{width: 34%;}
.con7 .left ul li{margin-bottom: 20px;position: relative;}
.con7 .left ul li .wenzi4{position: absolute;left: 0;right: 0;bottom: 0;padding: 20px;}
.info14 {display: block;color: rgba(255, 255, 255, 1);font-size: 16px; font-family: PingFangSC-Semibold;line-height: 22px;  }
.con7 .right{width: 64%;position: relative;}
.con7 .right img{width: 100%;}
.con7 .right .imgarea{position: relative;}
.info16 {display: block; color: rgba(255, 255, 255, 1); font-size: 36px; font-family: PingFangSC-Semibold; line-height: 50px;}
.con7 .right .wenzi4{position: absolute;left: 0;right: 0;bottom: 0;padding: 20px;}
.con7 .more{width: 100%;}
.con7 .more a{margin: 0 auto;font-size: 14px;height: 48px;border-radius: 24px;border-width: 1px; border: 1px solid rgba(37, 141, 198, 1); width: 100%;display: block;text-align: center;line-height: 48px;color: rgba(37, 141, 198, 1);margin-top: 10px}
.con7 .more a:hover{color: #fff;background:  rgba(37, 141, 198, 1);}

.foot{background: #00152F;padding-bottom: 70px;padding-top: 70px;}
.word23 {display: block; color: rgba(255, 255, 255, 0.2);font-size: 14px;font-family: PingFangSC-Regular;  line-height: 25px; text-align: left; margin-top: 6px;}

.footleft{    width: 26.3%;margin-right: 3%;}
.footcenter{width: 43.3%;}
.footright{width: 18.3%; text-align: center; margin-top:26px;}

.footcenter ul li{padding-left: 30px;margin: 35px 0;}
.info18 {display: block;color: rgba(255, 255, 255, 1); font-size: 14px; font-family: PingFangSC-Regular; line-height: 20px; text-align: left;}

.phone{display: none;}

.phonehead{ padding: 10px;position: absolute;left: 0;right: 0;top: 0;z-index: 999; background:#4470AF;}
.phonelogo img{height: 40px;}
.phoneicon img{ display:block; height:24px; margin-top:8px;}
.menulist{position: fixed;z-index: 999;left: 0;right: 0;bottom: 0;top: 0;background: rgba(0, 0, 0, 0.5);padding: 2% 3%;display: none;}
.menulist ul li{line-height: 40px;font-size: 16px;}
.menulist ul li a{color: #fff;}

.about{box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);width: 1200px;padding: 50px 0;margin: 0 auto;margin-top: -250px;background: #fff;}
.group4 {width: 6px;height: 30px;background-color: rgba(37, 141, 198, 1); margin-top: 6px;}
.tit2 h3{color: rgba(51, 51, 51, 1); font-size: 30px; font-family: PingFangSC-Regular;line-height: 42px;text-align: left;margin-left: 20px;}
.insidebanner{height: 550px;}

.word13 {display: block;color: rgba(51, 51, 51, 1);font-size: 14px;font-family: PingFangSC-Regular; line-height: 20px; text-align: left; margin-top: 30px;}
.info8 {display: block; color: rgba(51, 51, 51, 1); font-size: 14px; font-family: PingFangSC-Regular; line-height: 20px; text-align: left; margin-top: 20px;}

.about2{margin-top: 50px;}
.about2 ul li{width: 31.3%;margin: 1%; float: left;}
.about2 ul li .lili{border: 1px solid #ccc;border-radius: 20px;padding: 20px;}
.about2 ul li .lili .imgimg{text-align: center;}
.outer10{text-align: center;margin: 15px 0;}
.word15 {display: inline-block;color: rgba(37, 141, 198, 1);font-size: 28px;font-family: PingFangSC-Semibold; line-height: 25px;text-align: left;}
.info9 {display:inline-block;color: rgba(37, 141, 198, 1);font-size: 14px; font-family: PingFangSC-Regular;line-height: 20px; text-align: left; margin-top: 3px;}
.main5 {display:inline-block;width: 2px;height: 20px; background-color: rgba(37, 141, 198, 1); margin-top: 3px;}
.txt13 { display: block;color: rgba(51, 51, 51, 1); font-size: 14px; font-family: PingFangSC-Regular; line-height: 20px; text-align: left; margin-top: 20px;}

.he{height: 50px;width: 100%;}

.about3{background: url(../images/20210831.png);padding: 77px 0;}

.tabs .title{width: 30%;}
.tabs .title li{    line-height: 42px;color: rgba(255, 255, 255, 1); font-size: 30px;margin-bottom: 50px;}
.tabs .title li.cur{font-size: 50px;    line-height: 70px;}
.tabs .title li.cur span{border-bottom: 3px solid #258DC6;}
.tabs_vallist .tab_val{display: none;}
.tabs_vallist {width: 68%;}
.tabs_vallist .tab_val ul li{margin-bottom: 20px;}
.txt2 {display: block;color: rgba(255, 255, 255, 1);font-size: 26px; font-family: PingFangSC-Semibold;line-height: 37px;text-align: left; margin: 5px 0 0 40px;}
.txt3 {display: block;color: rgba(255, 255, 255, 1);font-size: 16px;font-family: PingFangSC-Regular;line-height: 22px;text-align: left;margin: 13px 0 0 30px;}

.about4{margin-top: 80px;position: relative;/*padding-top: 200px;*/}
.title2{position: absolute;top: 0;left: 0;right: 0;z-index: 9999;}
.title2 li{width: 19.5%;float: none;text-align: center;display: inline-block;}
.title2 li .lili{border: 1px solid #ECF0F2;height: 100%;width: 100%;padding: 80px 0;background: #fff;}
.title2 li.cur .lili{padding: 100px 0;background: #258DC6;border: 1px solid #258DC6;} 
.word7 {display: block;color: rgba(37, 141, 198, 1);font-size: 44px;font-family: YouSheBiaoTiHei;line-height: 57px;}
.txt7 {display: block;color: rgba(51, 51, 51, 1); font-size: 16px;font-family: PingFangSC-Regular;line-height: 22px;align-self: center; margin-top: 10px;}
.title2 li.cur .lili .word7{color: #fff;}
.title2 li.cur .lili .txt7{color: #fff;}
.tabs_vallist2 .tab_val2{display: none;}
.tabs_vallist2 .tab_val2 .ul li{width: 25%;float: left;position: relative;}
.tabs_vallist2 .tab_val2 .ul li .wenzi5{position: absolute;bottom: 0;left: 0;right: 0;/*background-color: rgba(0, 21, 47, 0.7);*/padding: 40px 20px;}
.txt6-0 { display: block; color: rgba(255, 255, 255, 1); font-size: 40px; letter-spacing: 1.9047619104385376px;font-family: PingFangSC-Medium;line-height: 56px;text-align: left;}
.groupmain{position: relative;}
.group{position: absolute;top: 140px;left: 250px;}
.group ul li{margin-bottom: 15px;}
.txt10 {display: block;color: rgba(102, 102, 102, 1); font-size: 30px; font-family: YouSheBiaoTiHei;line-height: 39px;text-align: left;}
.tabs_vallist2 .tab_val2 .ul2 li{width: 100%;float: left;}
.tabs_vallist2 .tab_val2 .ul2 li img{width: 100%}
.tabs_vallist2 .tab_val2 .ul3 li{width: 16.6%;float: left;position: relative;}
.tabs_vallist2 .tab_val2 .ul3 li .wenzi6{position: absolute;top: 300px;/*background: rgba(0, 0, 0, 0.5);*/left: 0;right: 0;padding: 20px 0;}
.word30-1 {display: block;color: rgba(255, 255, 255, 1);font-size: 100px; font-family: SCFwxz;line-height: 100px;text-align: center;}
.word29-1 { display: block;color: rgba(255, 255, 255, 1);font-size: 60px; font-family: SCFwxz;line-height: 60px;text-align: center;}


.info2 { display: block; color: rgba(255, 255, 255, 1);font-size: 30px; font-family: PingFangSC-Medium; line-height: 42px; text-align: center;}
.txt3 { margin: 0 26px; /*width: 1200px;*/ display: block;color: rgba(255, 255, 255, 1);font-size: 14px;line-height: 20px; text-align: left; margin-top: 20px;margin-bottom: 20px;}
.kekao{margin-top: -200px;}
.kekaomain{box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);width: 1200px;padding: 50px 0;margin: 0 auto;background: #fff;padding: 20px;}

.txt6 {display: block;color: rgba(51, 51, 51, 1);font-size: 20px;line-height: 28px;text-align: left;}
.txt7 { display: block;  color: rgba(51, 51, 51, 1);font-size: 16px;  font-family: PingFangSC-Regular;  line-height: 22px;/*text-align: left;*/ margin-top: 20px;}
.infoBox1 { display: block; color: rgba(102, 102, 102, 1); font-size: 14px; font-family: PingFangSC-Regular; line-height: 20px;  text-align: left; margin-top: 10px;}
.txt8 { display: block;color: rgba(51, 51, 51, 1); font-size: 14px;font-family: PingFangSC-Medium; line-height: 20px;text-align: left;}

.product1 ul li{width: 50%;margin: 1% 0;}
.product2 ul li{width: 50%;margin: 1% 0;}

.detail{margin-top: -200px;}
.detailmain{box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);width: 1200px;padding: 50px 0;margin: 0 auto;background: #fff;padding: 20px;}


.detail1 .left{width: 49%;}

.gallery-top {height: 80%; width: 100%;}
.gallery-thumbs { height: 20%; box-sizing: border-box;padding: 10px 0;}
.gallery-thumbs .swiper-slide {height: 100%; opacity: 0.4;}
.gallery-thumbs .swiper-slide-thumb-active { opacity: 1;}

.detail1 .right{width: 49%;}

.info3 {display: block;color: rgba(51, 51, 51, 1);font-size: 20px; font-family: PingFangSC-Semibold;line-height: 28px; text-align: left;}

.infoBox1 {display: block;color: rgba(102, 102, 102, 1);font-size: 14px;font-family: PingFangSC-Regular;line-height: 20px; text-align: left;margin-top: 15px;}

.info4 { display: block;color: rgba(51, 51, 51, 1);font-size: 14px;font-family: PingFangSC-Medium;line-height: 20px;text-align: left;margin-top: 20px;}

.ul222 li{width: 23.3%;text-align: center;float: left;margin: 5%;}

.ul222 li span{display: block;text-align: left;    color: rgba(102, 102, 102, 1);font-size: 13px;font-family: PingFangSC-Regular;line-height: 20px;}
.info5 {display: block;color: rgba(51, 51, 51, 1); font-size: 14px;font-family: PingFangSC-Medium;line-height: 20px;text-align: left;}
.infoBox2 {display: block;color: rgba(102, 102, 102, 1);font-size: 14px;font-family: PingFangSC-Regular;line-height: 25px;text-align: left;margin-top: 15px;}

.detail2{margin: 50px 0;}
.detail2 video{width: 100%;}

.detail3 .info7 {display: block;color: rgba(51, 51, 51, 1); font-size: 14px; font-family: PingFangSC-Medium;line-height: 20px;text-align: left; margin-top: 20px;}


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


	.wapper{ width:94%; margin:0 auto;}

	.wapper1100{ width:94%; margin:0 auto;}
	.wapper1200{ width:94%; margin:0 auto;}
	.pc{display: none;}
	.phone{display: block;}

	.tit{padding-top: 50px;position: relative;text-align: center;margin-bottom: 50px;}

	.con ul li .lileft{width: 100%;}
	.con ul li .liright{width: 100%;}

	.con2 ul li {width: 100%;float: left;}
	.con2 ul{width: 100%;margin: 0 auto;}

	.con3 ul li{width: 100%;float: left;position: relative;}
	.con3 ul{width: 100%;margin: 70px auto;}

	.con4main .left{width: 100%}
	.con4main .right{width: 100%;}
	.con4main .left ul li{width: 50%;text-align: center;float: left;}


	.con5 .tit{padding-top: 50px;} 

	.con5 ul li{width: 48%;margin: 1%;float: left;text-align: center;}

	.con6{padding-bottom: 50px;}
	.con6 .tit {padding-top: 50px;}
	.con6 ul li{width: 48%;margin: 1%;float: left;text-align: center;}

	.con7{background: url(../images/bg2.png);margin-top: 0px;padding-bottom: 50px;}
	.con7 .tit{padding-top: 50px;}
	.con7 .left{width: 100%;}

	.con7 .right{width: 100%;position: relative;}

	.info16 {display: block; color: rgba(255, 255, 255, 1); font-size: 16px; font-family: PingFangSC-Semibold; line-height: 50px;}

	.footleft{width: 100%;text-align: left;}
	.footcenter{width: 100%;}
	.footright{width: 100%; text-align: left;margin-top: 26px;}


	.about{box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1);width:100%;padding: 30px 0;margin: 0 auto;margin-top: 0px;background: #fff;}
	.about2 ul li{width: 98%;margin: 1%; float: left;}

	.tabs .title{width: 100%;}
	.tabs .title li{    line-height: 21px;color: rgba(255, 255, 255, 1); font-size: 30px;margin-bottom: 50px;display: inline-block;}
	.tabs_vallist {width: 100%;}

	.kekaomain{box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1);width: 100%;padding: 50px 0;margin: 0 auto;background: #fff;padding: 20px 0;}
	.txt3 { margin: 0 42px; width: 100%; display: block;color: rgba(255, 255, 255, 1);font-size: 14px;line-height: 20px; text-align: left; margin-top: 20px;margin-bottom: 20px;}
	
	.detailmain{box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1);width: 100%;padding: 50px 0;margin: 0 auto;background: #fff;padding: 20px 0;}

	.detail1 .left{width: 100%;}
	.detail1 .right{width: 100%;}

}

.downLoad{width: 100%;padding: 50px 0;background: #f0f1f2;}
.pageWarp{display: flex;justify-content: space-between;flex-wrap: wrap;}
.downLleft{float: left;background-color: #fff;width: 290px;margin-right: 15px;padding-bottom: 24px;position: relative;}
.downLright{background-color: #fff;width: calc(100% - 310px);padding: 48px;float: right;box-sizing: border-box;}

.tab_list5{width: 100%;box-sizing: border-box;}
.tab_list5 ul li:first-child .link{margin-top: 7px;}
.accordion {width: 100%;}
.accordion .link {cursor: pointer;display: block;padding: 12px 20px;color: #555;font-size: 16px;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;box-sizing: border-box;}
.accordion .link a{color: #061a39;font-size: 14px;font-weight: 400;text-decoration: none;}
.accordion .link:hover{background: #f7f9fa;color: #061a39;}
.accordion .link:hover a{color: #3b3e40;}
.accordion .link:hover i{color: #3b3e40;}
.accordion li i {position: absolute;top: 10px;left: 12px;font-size: 18px;color: #666;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.accordion li i.icon {right: 12px;left: auto;font-size: 20px;}
.accordion li.open .link {background: #f7f9fa;color: #3b3e40;}
.accordion li.open a {color: #3b3e40;}
.accordion li.open i {color: #3b3e40;}
.accordion li.open i.icon {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}

.submenu {display: none;font-size: 14px;}
.submenu li {border-bottom: 1px dotted #e8e5e5;}
.submenu a {display: block;text-decoration: none;color: #666 !important;padding: 10px;-webkit-transition: all 0.25s ease;-o-transition: all 0.25s ease;transition: all 0.25s ease;padding-left: 20px;}
.submenu a:hover {color: #027D3A !important;}

.accordion li.on .link{background: #f7f9fa;color: #061a39;}
/*tab5_____end*/

.dSearch{width: 100%;padding: 24px 24px 15px;border-bottom: 1px solid #f0f1f2;box-sizing: border-box;}
.dSearch .warp{width: 100%;height: 24px;position: relative;}
.dSearch .warp input{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: none;border: none;padding: 0 30px 0 0;outline: none;box-sizing: border-box;}
.dSearch .warp button{position: absolute;top: 0;right: 0;width: 30px;height: 25px;border: none;background: none;}

.main-title{font-size: 28px;line-height: 40px;padding-bottom: 39px;border-bottom: 1px solid #f0f1f2;margin-bottom: 40px;font-weight: 500;}
.sub-main-title{font-size: 20px;line-height: 32px;font-weight: 400;margin-bottom: 32px;}
.downLlist{width: 100%;border-bottom: 1px solid #f0f1f2;padding-bottom: 31px;margin-bottom: 32px;}
.downLlist ul{display: flex;flex-wrap: wrap;}
.downLlist ul li{width: 33.3%;padding: 0 10px;box-sizing: border-box;margin-bottom: 20px;}
.downLlist .part{display: block;width: 100%;padding: 25px 15px;box-sizing: border-box;text-align: center;}
.downLlist .part .img{margin-bottom: 25px;}
.downLlist .part .img img{width: 62px;}
.downLlist .part h4 {font-weight: 500;font-size: 16px;text-align: center;width: 100%;margin: 0 auto 8px;color: #3b3e40;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;line-height: 24px;}
.downLlist .part .info {width: 100%;color: #6c7073;max-height: 144px;line-height: 24px;text-align: center;margin: 0 auto;-webkit-line-clamp: 4;overflow: hidden;text-overflow: ellipsis;font-size: 14px;}
.downLlist .part:hover{background: #f0f1f2;}

.downDetail{width: 100%;}
.downDetail .warp{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: flex-end;}
.downDetail .warp .img{width: 50%;}
.downDetail .warp .img img{width: 100%;}
.downDetail .warp .desc{width: 45%;}
.downBtn{display: inline-block;padding: 13px 25px;background: #09D1B1;border-radius: 5px;color: #000;font-size: 16px;overflow: hidden;margin-top: 35px;}
.downDesc{width: 100%;margin-top: 35px;overflow: hidden;font-size: 16px;color: #333;}


.add1 {
    width: 100%;
    padding: 0px 0 50px;
    border-bottom: 1px solid #000;
}
.add1List{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.add1List .item{width: 31%;}
.add1List .title{display: flex;font-size: 18px;color: #000;font-weight: bold;margin-bottom: 10px;}
.add1List .title i img{width: 20px;margin-right: 10px;}
.add1List .title span{flex: 1;}
.add1List .list{width: 100%;}
.add1List .list ul li{margin: 10px 0;}

.add1List .list a{font-size: 16px;color: #666;flex: 1;}
.add1List .list a:hover{color: #000;}
.add1List .list i img{width: 20px;margin-right: 10px;}

.add2{width: 100%;padding: 50px 0;}
.add2List{width: 100%;}
.add2List ul{display: flex;flex-wrap: wrap;}
.add2List ul li{width: calc(25% - 15px);margin-right: 20px;margin-bottom: 20px;}
.add2List ul li:nth-child(4n){margin-right: 0;}
.add2List .part{display: block;width: 100%;height: 100%;}
.add2List .part .img{width: 100%;}
.add2List .part .img img{width: 100%;}
.add2List .part .desc{margin-top: 10px;font-size: 14px;color: #555;}
.add2List .part .t1,
.add2List .part .t2{font-weight: bold;margin-bottom: 5px;}
.add2List .part .txt{color: #666;}
.add1more{margin-top: 20px;}
.add1more a{font-size: 16px;color: #f60;}


@media only screen and (max-width: 1260px) {
.wapper{width:100%;}

}

@media only screen and (max-width: 980px) {
.downLleft{width: 28%;margin-right: 2%;}
.downLright{width: 70%;padding: 35px;}
.downLlist ul li{width: 50%;}
.add1List .item{width: 100%; margin-bottom:20px;}
.add2List ul li{width: 50%;margin-right: 0; padding: 0 10px; box-sizing:border-box;}
.add2List ul li:nth-child(4n){margin-right: 0;}


}



@media only screen and (max-width: 780px) {
.downLleft{width: 100%;margin-right: 0;margin-bottom: 25px;}
.downLright{width: 100%;padding: 35px;}


}

@media only screen and (max-width: 620px) {
.downLright{padding: 20px;}
.main-title{font-size: 24px;margin-bottom: 20px;padding-bottom: 20px;}
.downLlist ul li{width: 100%;padding: 0;}

.downDetail .warp .img{width: 100%;}
.downDetail .warp .desc{width: 100%;}


}

/*---*/

*,
*::before,
*::after{-webkit-box-sizing: border-box;box-sizing: border-box;}

/*common*/
.disFlex {
	flex-wrap: wrap;
	display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
	display: -moz-box;/* Firefox 17- */
	display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
	display: -moz-flex;/* Firefox 18+ */
	display: -ms-flexbox;/* IE 10 */
	display: flex;
}
.jusBet{justify-content: space-between;}
.jusCet{justify-content: center;}
.jusEnd{justify-content: flex-end;}
.aliTop{align-items: flex-start;}
.aliCet{align-items: center;}
.aliBtm{align-items: flex-end;}


.wapper_a{width: 100%;max-width: 83.33vw;margin: 0 auto;}

.iProduct{width: 100%;padding: 3.75vw 0 3.697vw;}
.iProduct .wapper{width: 100%;max-width: 83.33vw;margin: 0 auto;}
.iProTit{font-size: 2.187vw;text-align: center;color: #111;}
.iProSldie{margin-top: 1.614vw;}
.iProTab{width: 100%;}
.iProTab ul{display: flex;justify-content: center;flex-wrap: wrap;}
.iProTab ul li{margin: 0 0.364vw;}
.iProTab ul li a {display: block;border: 1px solid #eee;color: #666;transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;width: 13.291vw;height: 2.395vw;border-radius: 1.197vw;font-size: 0.833vw;line-height: 2.291vw;text-align: center;}
.iProTab ul li a:before {content: '';display: inline-block;vertical-align: middle;width: 3px;height: 3px;border-radius: 50%;margin: 0 15px;background-color: #fff;margin: 0 0.1vw;}
.iProTab ul li a:after {content: '';display: inline-block;vertical-align: middle;width: 3px;height: 3px;border-radius: 50%;margin: 0 15px;background-color: #fff;margin: 0 0.15vw;}
.iProTab ul li.on a {background-color: #4470AF;border-color: #4470AF;color: #fff;}

.iProPanel{width: 100%;margin-top: 45px;}
.iProList{width: 100%;}
.iProList ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.iProList ul li{width: calc(50% - 20px);margin-bottom: 40px;}
.iProList .part{display: block;width: 100%;height: 25.67vw;position: relative;overflow: hidden;background: url(../images/p-bg2.jpg) center no-repeat;background-size: cover;position: relative;transition: 0.3s;padding: 3.385vw;}
.iProList .part:after{position: absolute;left: 0;bottom: 0;height: 2px;width: 0px;background: #F53E40;content: "";transition: 0.3s;}
.iProList .part .bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/p-bg3.jpg) center no-repeat;background-size: cover;}
.iProList .part .img{right: 0;width: 24.47vw;height: 19.84vw;position: absolute;bottom: 0;}
.iProList .part .img img{width: 100%;height: 100%;object-fit: contain;}
.iProList .part .desc{width: 45%;position: relative;z-index: 9;}
.iProList .part .lab{font-size: 0.937vw;color: #888;}
.iProList .part .tit{font-size: 2.187vw;margin-bottom: 0.104vw;line-height: 1.4;color: #111;padding: 0;text-align: left;}
.iProList .part .txt{font-size: 1.041vw;margin-bottom: 1.041vw;color: #555;}
.iProList .part .more{font-size: 0.833vw;padding-bottom: 0.26vw;color: #777;transition: 0.3s;display: inline-block;border-bottom: 1px solid transparent;}
.iProList .part:hover:after{width: 100%;}
.iProList .part:hover .bg{opacity: 0;}
.iProList .part:hover .more{color: #F53E40;border-color: #F53E40;}

/*iProduct2*/

.iProduct2{padding: 4.687vw 0 0;background: #F7F9FA;}
.iProduct2 .wapper{width: 100%;max-width: 83.33vw;margin: 0 auto;}
.iProduct2 .item{margin-bottom: 3vw;}
.iProduct2 .item:last-child{margin-bottom: 0;}
.iProduct2 .iProTit{text-align: left;margin-bottom: 2vw;}
.iPro2List{width: 100%;}
.iPro2List ul{display: flex;flex-wrap: wrap;}
.iPro2List ul li{width: calc(25% - 22.5px);margin-right: 30px;margin-bottom: 30px;}
.iPro2List ul li:nth-child(4n){margin-right: 0;}
.iPro2List .part{display: block;width: 100%;height: 100%;background: #fff;height: 25.52vw;padding: 2.447vw;transition: 0.3s;display: flex;flex-direction: column;}
.iPro2List .part .tips{font-size: 0.937vw;color: #888;text-align: center;margin-bottom: 1vw;}
.iPro2List .part .tit{font-size: 1.875vw;color: #111;text-align: center;padding: 0;margin: 0;}
.iPro2List .part .img{margin-top: 1.562vw;height: 9.895vw;}
.iPro2List .part .img img{width: 100%;height: 100%;object-fit: contain;}
.iPro2List .part .btn{border: 1px solid rgba(51,51,51,.2);transition: 0.3s;height: 2.864vw;font-size: 0.833vw;display: flex;justify-content: center;align-items: center;color: #777;margin-top: auto;}
.iPro2List .part:hover{box-shadow: 0vw 0.52vw 0.781vw 0vw rgb(0 0 0 / 5%);transform: translateY(-10px);}
.iPro2List .part:hover .btn{border-color: #4470AF;background-color: #4470AF;color: #fff;}

.prodetail1{position: relative;overflow: hidden;}
.prodetail1 .img{width: 100%;font-size: 0px;}
.prodetail1 .img img{width: 100%;}
.prodetail1 .imgTop{position: absolute;left: 0;top: 0;width: 100%;padding: 5%;}
.prodetail1 .desc{text-align: center;color: #FFFFFF}
.prodetail1 .tit{font-size: 5.208vw;font-weight: bold;padding: 0;margin: 0;}
.prodetail1 .txt{font-size: 1.770vw;margin-bottom: 1.354vw;}

.prodetail2{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.prodetail2 .left{width: 60%;border-right: 1px solid rgba(51,51,51,.15);padding: 5%;}
.prodetail2 .right{width: 40%;}
.prodetail2 .right .title{border-bottom: 1px solid rgba(51,51,51,.15);padding: 0 5%;}
.prodetail2 .right .title span{font-size: 1.145vw;line-height: 5.572vw;padding: 0 0.677vw;color: #0068C2;display: inline-block;border-bottom: 1px solid #0068C2;display: inline-block;}
.prodetail2 .right .desc{padding: 5%;}
.prodetail2 .right .tit{font-size: 1.666vw;margin-bottom: 1.197vw;color: #111;padding: 0;text-align: left;}
.prodetail2 .right .txt{line-height: 2.11;font-size: 0.937vw;}
.prodetail2 .right .txt ul{margin: 0.781vw 0;line-height: 2.33;color: #777;font-size: 0.937vw;}
.prodetail2 .right .txt ul li{padding-left: 1.041vw;position: relative;}
.prodetail2 .right .txt ul li:before{content: '';position: absolute;top: 50%;left: 0;width: 6px;height: 6px;opacity: .5;border-radius: 50%;background-color: #B9B9B9;width: 0.312vw;height: 0.312vw;transform: translateY(-50%);}
.prodetail2 .right .btn{margin-top: 3vw;}
.prodetail2 .right .btn a{width: 11.45vw;height: 2.864vw;line-height: 2.864vw;border-radius: 1.458vw;font-size: 0.937vw;text-align: center;color: #fff;background-color: #4470AF;transition: 0.3s;display: block;}
.prodetail2 .right .btn a:hover{opacity: 0.8;}

.prodetail2 .warp{width: 100%;max-width: 625px;margin: 0 auto;}
.prodetail2 .swiper-button-next,.prodetail2 .swiper-button-prev{color: #fff;}
.prodetail2 .swiper-button-next:after,.prodetail2 .swiper-button-prev:after{font-size: 42px;}
.prodpSwiper .swiper-slide img{transition: 0.5s;}
.prodpSwiper .swiper-slide img:hover{transform: scale(1.1);}
.prodpSwiper{max-height: 880px;}
.prodpSwiper{z-index: 98 !important;}
.prodtSwiper{margin-top: 10px;}
.prodtSwiper .swiper-slide{background: #000;}
.prodtSwiper .swiper-slide img{opacity: 0.6;}
.prodtSwiper .swiper-slide-thumb-active img{opacity: 1;}

/*swiper*/
.prodetail2 .swiper {width: 100%;height: 100%;position: relative;overflow: hidden;}
.prodetail2 .swiper-slide {background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center; -ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.prodetail2 .swiper-slide img { display: block;width: 100%;height: 100%;object-fit: cover;}
.prodetail2 .swiper .swiper-button-next:after,
.prodetail2 .swiper .swiper-button-prev:after{font-size: 30px;}

.prodetail3{padding: 4.583vw 0 7.291vw;background-color: #E7ECEE;}
.prod3List{margin-top: 3vw;position: relative;}
.prod3List .part{display: block;width: 100%;height: 16.45vw;background: #fff;position: relative;overflow: hidden;}
    .prod3List .part .img {
        position: relative;
        width: 100%;
        height: 100%;
        font-size: 0px;
        display: flex;
        align-items: center;
    }
    .prod3List .part .img img {
        width: 100%;
        height: 150px;
        object-fit: contain;
    }
.prod3List .part .box{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #fff;display: flex;justify-content: center;align-items: center;padding: 5%;flex-direction: column;transition: 0.3s;}
.prod3List .part .icon{width: 5.208vw;height: 5.208vw;margin: 0 auto 1.302vw;}
.prod3List .part .icon img{width: 100%;height: 100%;object-fit: contain;}
.prod3List .part .desc{width: 100%;text-align: center;}
.prod3List .part .desc .tit{font-size: 1.145vw;color: #333;margin-bottom: 0.5vw;padding: 0;}
.prod3List .part .desc .txt{color: #999;line-height: 1.3;font-size: 1.041vw;}
.prod3List .part:hover .box{height: auto;left: 0;top: auto;bottom: 0;background: transparent;}
.prod3List .part:hover .icon{display: none;}
.prod3List .part:hover .desc{text-align: left;}
.prod3List .part:hover .desc .tit{color: #fff;}
.prod3List .part:hover .desc .txt{color: #fff;opacity: 0.8;}

.prodetail4{padding: 4.583vw 0 6.041vw;background: #F7F9FA;}
.prod4List{margin-top: 3vw;}
.prod4List ul{display: flex;flex-wrap: wrap;}
.prod4List ul li{width: calc(33.3% - 20px);margin-right: 30px;margin-bottom: 30px;}
.prod4List ul li:nth-child(3n){margin-right: 0;}
.prod4List .part{width: 100%;height: 100%;display: block;background: #fff;border: 1px solid #E5E5E5;background: #fff;}
.prod4List .part:after{position: absolute;left: 0;bottom: 0;height: 2px;width: 0px;background: #F53E40;content: "";transition: 0.3s;}
.prod4List .part .img{width: 100%;font-size: 0px;overflow: hidden;}
.prod4List .part .img img{width: 100%;transition: 0.3s;}
.prod4List .part .desc{padding: 20px;}
.prod4List .part .lab{color: #4470AF;font-weight: bold;font-size: 0.833vw;margin-bottom: 0.885vw;}
.prod4List .part .tit{font-size: 1.145vw;line-height: 1.666vw;margin-bottom: 0.885vw;color: #333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition: .3s;padding: 0;text-align: left;}
.prod4List .part .txt{line-height: 1.81;color: #888;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;font-size: 0.833vw;}
.prod4List .part .more{color: #888;border-bottom: 1px solid #e5e5e5;display: inline-block;padding: 10px 0;font-size: 14px;margin-top: 20px;}
.prod4List .part:hover:after{width: 100%;}
.prod4List .part:hover .img img{transform: scale(1.1);}
.prod4List .part:hover .tit{color: #4470AF;}
.prod4List .part:hover .more{color: #4470AF;border-color: #4470AF;}


.p_top{border-bottom: 1px solid #ddd;}
.p_menu{width: 100%;}
.p_menu ul{justify-content: center;}
.p_menu>ul>li{padding: 0 15px;font-size: 15px;position: relative;}
.p_menu>ul>li>a{color: #000;width: 230px;height: 70px;position: relative;display: block;line-height: 70px;text-align: center;}
.p_menu>ul>li>a span{display: inline-block;border-bottom: 1px solid transparent;position: relative;bottom: 1px;font-weight: bold;font-size: 20px;}
.p_menu>ul>li.on>a{color: var(--main-color2);}
.p_menu>ul>li.on>a>span{border-color: var(--main-color2);}

.p_menu dl{position: absolute;left: 0;top: 100%;width: 100%;background: #ddd;display: none;
    z-index: 99999;}
.p_menu dl dd{ position:relative;}
.p_menu dl dd a{display: block;padding: 10px;color: #333;font-size: 15px;line-height: 1.6;text-align: center;}
.p_menu dl dd a:hover{background: var(--main-color2);color: #fff;}
.p_menu>ul>li:hover>dl{display: block;}
.p_menu dl dd dl{left:100%; display:none; top:0;}
.p_menu dl dd:hover dl{display:block;}

.product{background: #f9f9f9;padding: 30px 0;}
.proList{width: 100%;}
.proList ul li{width: calc(25% - 18.75px);margin-right: 25px;margin-bottom: 25px;}
.proList ul li:nth-child(4n){margin-right: 0;}
.proList .part{display: block;width: 100%;height: 100%;background: #fff;}
.proList .part .img{width: 100%;height: 300px;display: flex;justify-content: center;align-items: center;}
.proList .part .img img{width: auto;height: auto;max-width: 100%;max-height: 100%; transition:0.3s;}
.proList .part .desc{padding: 20px;text-align: center;}
.proList .part .tit1{font-size: 17px;color: #666;font-weight: bold;}
.proList .part:hover{box-shadow: var(--main-shadow);}
.proList .part:hover .img img{transform: scale(1.1);}


@media only screen and (max-width: 980px) {
.wapper_a{max-width: 100%;padding: 0 10px;box-sizing: border-box;}
.iProduct{padding: 60px 0;}
.iProduct .wapper{max-width: 100%;padding: 0 10px;box-sizing: border-box;}
.iProTit{font-size: 32px;}
.iProSldie{margin-top: 35px;}
.iProTab ul li{margin: 3px;}
.iProTab ul li a{width: auto;height: auto;line-height: 40px;font-size: 14px; padding:0 1px;}
.iProList ul li{width: 100%;margin-bottom: 20px;}
.iProList .part{height: 200px;padding: 20px 15px;}
.iProList .part .img{width: 200px;height: 180px;}
.iProList .part .lab{font-size: 14px;}
.iProList .part .desc{width: 58%;}
.iProList .part .tit{font-size: 20px;margin-bottom: 10px;}
.iProList .part .txt{font-size: 14px;margin-bottom: 10px;}
.iProList .part .more{font-size: 14px;padding-bottom: 5px;}

.iProduct2{padding: 60px 0;}
.iProduct2 .wapper{max-width: 100%;padding: 0 10px;box-sizing: border-box;}
.iProduct2 .item{margin-bottom: 50px;}
.iProduct2 .iProTit{margin-bottom: 20px;font-size: 24px;}
.iPro2List ul{justify-content: space-between;}
.iPro2List ul li{width: calc(50% - 5px);margin-bottom: 10px;margin-right: 0;}
.iPro2List .part{padding: 15px;height: auto;}
.iPro2List .part .tips{font-size: 14px;margin-bottom: 10px;}
.iPro2List .part .tit{font-size: 20px;}
.iPro2List .part .img{height: 140px;}
.iPro2List .part .btn{height: 40px;font-size: 14px;}
.prodetail1 .img img{min-height: 220px;object-fit: cover;}
.prodetail1 .tit{font-size: 32px;}
.prodetail1 .txt{font-size: 20px;margin: 10px 0;}
.prodetail2 .left{width: 100%;padding: 20px;border-right: 0;border-bottom: 1px solid rgba(51,51,51,.15);}
.prodetail2 .right{width: 100%;}
.prodetail2 .right .title{padding: 0 20px;}
.prodetail2 .right .title span{font-size: 20px;padding: 0 20px;line-height: 50px;}
.prodetail2 .right .desc{padding: 20px;}
.prodetail2 .right .tit{font-size: 24px;margin-bottom: 20px;}
.prodetail2 .right .txt{font-size: 16px;}
.prodetail2 .right .txt ul{margin: 15px 0;font-size: 16px;}
.prodetail2 .right .btn a{width: 150px;height: 40px;line-height: 40px;font-size: 16px;border-radius: 30px;}

.prod3List{margin-top: 50px;}
.prod3List .part{height: 300px;}
.prod3List .part .icon{width: 80px;height: 80px;margin: 0 auto;margin-bottom: 20px;}
.prod3List .part .desc .tit{font-size: 20px;margin-bottom: 10px;}
.prod3List .part .desc .txt{font-size: 16px;}

.prod4List{margin-top: 50px;}
.prod4List ul li{width: 100%;margin-right: 0;margin-bottom: 20px;}
.prod4List .part .lab{font-size: 14px;margin-bottom: 10px;}
.prod4List .part .tit{font-size: 20px;margin-bottom: 10px;line-height: 1.6;}
.prod4List .part .txt{font-size: 16px;}

.prodetail3{padding: 60px 0;}
.prodetail4{padding: 60px 0;}
.proList ul li{width: 50%;margin: 0;padding: 10px;}
.proList .part .img{height:150px;}
.proList .part .tit1{font-size:14px;}

.h_height{ height:60px;}

.insidebanner{ height:200px;}
}