/*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:16px;font-family:' '; color:#666;}
a{color:#fff;}
a:hover{ color:#f60; text-decoration:none;}
p{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;}
.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 .imgarea img{ width:600px; height:400px; object-fit:cover;}
.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 li img {
        width: 100%;
        height: 300px;
        object-fit: cover;
    }
.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-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 img{ width:100%; height:240px; object-fit:cover;}
.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%; height:440px; object-fit:cover;}
.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: 0px; text-align: left; margin-top: 6px;}

.footleft{width: 33.3%; font-size:14px;}
.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-top: 30px;position: absolute;left: 0;right: 0;top: 0;z-index: 999;}
.phonelogo img{height: 30px;}
.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/fzlc.jpg);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: 33.3%;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: -30px;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%;}

}