/* *{box-sizing: border-box;} */
.layout{width: 90%;max-width:1500px; margin:0 auto}
/*---移动端------*/
				/*.nav-btn::after{position: absolute;content: '';width: 100%;height: 100%;top:0;left:0;background: #0b3775;animation: bbb 3s infinite;z-index: -1;}*/
				.nav-btn-open span { width: 0 !important; }
				.nav-btn-open span::before { top: 0 !important; transform: rotate(45deg); }
				.nav-btn-open span::after { top: 0 !important; transform: rotate(-45deg);left:0;width: 40px!important; }
				.search-btn { display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; padding: 14px 20px; margin: 0; background: #0b3775; line-height: 56px; font-size: 16px; color: #fff; text-align: center; cursor: pointer;font-weight: normal; }
				.search-btn i { margin-left: 10px; }
				.pub_search2 { width: 100%; margin: 0 auto; min-width: 175px; max-width: 248px; position: relative; display: inline-block; height: 40px; line-height: 40px; }
				.pub_search2 input { background: #fff; vertical-align: top; box-sizing: border-box; width: 100%; height: 100%; line-height: 46px; padding: 0 50px 0 20px; border: 1px solid #DCDCDC;font-size: 16px; color: #505050;outline: none; transition: 0.4s; }
				.pub_search2 input::-webkit-input-placeholder{font-size: 16px; color: #505050;}
				.pub_search2 input:focus { box-shadow: 0 0 10px #999; }
				.pub_search2 button { width: 35px; height:35px; outline: none; border: none; cursor: pointer; position: absolute;  top: 4px; right: 10px;background-color: transparent; }
				.nav-btn { position: relative; cursor: pointer;display: none; transition: 0.6s;z-index: 100;width: 40px;height: 100%; }
				.nav-btn span { position: absolute; top: 50%; left:0; display: block; width: 100%; height: 4px; margin-top: -1px; background: #015d6a; transition: .2s ease; }
				.nav-btn span::before { content: ''; position: absolute; top: -10px; left: 0; width: 40px; height: 4px; border-radius: 3px; background: #015d6a; transition: transform .2s ease, top .2s ease; }
				.nav-btn span::after { position: absolute; top: 10px; right: 0; width: 20px; height: 4px; content: ''; border-radius: 3px; background: #015d6a; transition: transform .2s ease, top .2s ease; }
				.mobile-nav-box { position: fixed; top: 60px; left: 0; z-index: 999999; width: 100%; height: 100%; background: #f5f5f5; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4); display: none; }
				.mobile-menu-nav { overflow-y: scroll; height: 100%; pointer-events: auto;padding: 0 35px;}
				.mobile-second-nav{border-bottom: 1px solid #cecece;padding: 10px;display: none;}
				.mobile-menu-nav ul li dl dd {border-bottom: 1px solid #f2f2f2;height: 40px; line-height: 40px; margin: 0; font-size: 16px; color: #747474; letter-spacing: 1px; cursor: pointer; transition: .3s;padding-left: 30px;position: relative; }
				.mobile-menu-nav ul li dl dd::after{position: absolute;content: "";width: 5px;height: 5px;background: #747474;border-radius: 50%;left:10px;top:43%;}
				.mobile-menu-nav ul li dl dd a {display: block;width: 100%;height: 100%;}
				.mobile-menu-nav ul li .tit {border-bottom: 1px solid #cecece; position: relative; display: flex;justify-content: space-between;align-items: center; height: 56px; line-height: 56px; overflow: hidden; font-size: 16px; color: #383f47; font-weight: normal; letter-spacing: 1px; cursor: pointer; transition: .5s;padding: 0 10px; }
				.mobile-menu-nav ul li .tit span{display: block;line-height: 56px;}
				.mobile-menu-nav ul li .tit b{display: block;width: 18px;height: 2px;background: #717171;position: relative;}
				.mobile-menu-nav ul li .tit b::before{position: absolute;content: '';width: 2px;height: 16px;top:-7px;left:7.5px;background: #717171;}
				.mobile-menu-nav ul li .tit a {display: block;width: 100%;height: 100%;}
				.mobile-menu-nav ul li .tit a:hover{color: #fff;}
				.mobile-menu-nav ul li .tit:hover{color: #ffffff;background: #333;border-bottom: 1px solid #015d6a;}
				.mobile-menu-nav ul li .tit:hover b{background: #ffffff;}
				.mobile-menu-nav ul li .tit:hover b::before{background: #ffffff;}
				.mobile-menu-nav ul li .tit.active { color: #ffffff;background: #333;border-bottom: 1px solid #015d6a; }
				.mobile-menu-nav ul li .tit.active b{background: #ffffff;}
				.mobile-menu-nav ul li .tit.active b::before{width: 0;}
				.mobile-menu-nav ul li.li_act .tit{ color: #ffffff;background: #333;border-bottom: 1px solid #015d6a;}
				.mobile-menu-nav ul li.li_act .tit b::before{width: 0;}
				.mobile-menu-nav ul li.li_act .tit b{background: #ffffff;}
				
				
				/*---移动端-*/
				.in-top {width: 100%;position: fixed;height: 120px;top:0;left:0;z-index: 999;}
				.in-top .top-con {width: 100%;position: relative;box-shadow: 0 1px 5px rgba(100, 100, 100, .3);}
				.in-top .top-con .ht{background: #f5f5f5;width: 100%;}
				.in-top .top-con .ht>p{font-size: 18px;color: #f68204;line-height: 35px;text-align: right;position: relative;}
				.in-top .top-con .ht>p::before{position: absolute;content: '';background: url("../images/tellg.png")no-repeat;width: 35px;height: 35px;top:0px;right: 127px;}
				.in-top .top-con>section{background: #ffffff;}
				.in-top .top-con>section>div{display: flex;justify-content:flex-end;align-items:center;height: 85px;position: relative;}
				.in-top .top-con>section .top-nav{display: flex;}
				.in-top .top-con>section .top-nav li{margin-right:33px;}
				.in-top .top-con>section .top-nav li{margin-right:33px;position: relative;}
				.in-top .top-con>section .top-nav li:nth-last-child(1){margin-right:0;}
				.in-top .top-con>section .top-nav li .h-word{position: absolute;top:100%;left:50%;width:auto;background:rgba(31%, 31%, 35%, .98);z-index: 999;padding: 0 15px;pointer-events: none;opacity: 0;transition: .5s;transform: translateX(-50%);text-align: center;}
				.h-word figure{/*width: 100%;*/display: flex;/*justify-content: space-between;*/}
				.h-word figure{display: initial;}
				.h-word .wo-left{width: 100%;padding-right: 0;}
				.h-word .wo-left span{font-size: 40px;color: #ffffff;text-transform: uppercase;}
				.h-word .wo-left hr{width: 33px;height: 1px;color: #d93651;border: 1px solid #015d6a;margin: 22px 0;}
				.h-word .wo-left h5{font-size: 24px;color: #ffffff;font-weight: normal;}
				/* .h-word .wo-left dl{display: flex;flex-wrap: wrap;margin-top: 0px;} */
				.h-word .wo-left dl{display: block;white-space: nowrap;}
				.h-word .wo-left dl dd{width: 100%;padding-left: 0;position: relative;color: #c5c5c5;transition:.5s;margin-bottom: 10px;font-size: 15px;}
				.h-word .wo-left dl dd::before{position: absolute;content: '';background: url("../img/nav-img1.png")no-repeat;width: 4px;height: 7px;top:7px;left:0;}
				.h-word .wo-left dl dd a{color: #ccc;}
				.h-word .wo-left dl dd:hover a{color: #ffffff;}
				.h-word .wo-right{width: 100%;height: auto;position: relative;padding: 13% 0;overflow: hidden;}
				.h-word .wo-right img{position: absolute;top:0;left:0;width: 100%;height: 100%;object-fit: cover;}
				.in-top .top-con>section .top-nav li:hover .h-word{opacity: 1;pointer-events: auto;}
				.in-top .top-con>section .top-nav li p{position: relative;line-height: 85px;}
				.in-top .top-con>section .top-nav li p::after{position: absolute;content: '';background: url("../images/h-nav.png")no-repeat;width: 24px;height: 10px;bottom: 14px;left:33%;opacity: 0;transition: .5s;}
				.in-top .top-con>section .top-nav li:nth-of-type(1) p::after{left: 12%;}
				.in-top .top-con>section .top-nav li:hover p a{color: #0b3775;}
				.in-top .top-con>section .top-nav li:hover p::after{opacity: 1;}
				.in-top .top-con>section .top-nav li.li_act p a{color: #0b3775;}
				.in-top .top-con>section .top-nav li.li_act p::after{opacity: 1;}
				.in-top .top-con>section .top-nav li p a{color: #525252;font-size: 16px;transition: .5s;}
				.in-top .top-con>section .top-search{color: #0b3775;transition: .5s;cursor: pointer;display: none;}
				.in-top .top-con>section .top-search:hover{transform: scale(1.1);}
				.in-top .top-con .h-logo{position: absolute;top:-35px;left:0;height: 120px;}
				.in-top .top-con .h-logo a{display: block;width: 100%;height: 100%;overflow: hidden;}
				.in-top .top-con .h-logo .left{ width:auto;position: absolute;bottom: 7%;left: 110%;}
				.in-top .top-con .h-logo .left span{ display: block;font: bold 24px/40px "Microsoft Yahei";color: #015d6a;white-space: nowrap;}
				.in-top .top-con .h-logo .left i {display: block; width: 300px; height: 23px; overflow: hidden;font-style: normal;color: #525252; font-size:17px;}
				.top-con .top-bd{position: absolute;right: 0;top:85px;width: 234px;height: 65px;background: #0b3775;padding: 15px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;display: none;}
				.top-con .top-bd input{width: 100%;height: 100%;border: none;background: #ffffff;border-radius: 5px;outline: none;padding-left: 10px;}
				.top-con .top-bd input::-webkit-input-placeholder{font-size: 16px;color: #b5b5b5;}
				.top-con .top-bd button{position: absolute;border: none;outline: none;background: transparent;color: #0b3775;font-size: 20px;top:30%;right: 20px;}


@media screen and (min-width:0) and (max-width:480px){
	.mobile-nav-box {top:50px;}
	.in-top .top-con .h-logo .left{display: none;}
}
@media screen and (min-width:768px){
  .pd-ul{display: none;}
 
}
@media screen and (max-width:1400px){
    .layout{padding: 0 3%;}
    .in2>div .in2-right article b{font-size: 45px;}
    .in-top .top-con .ht>p::before{right: 165px;}
    /* .in-top .top-con .h-logo{left:3%;} */
}
@media screen and (max-width:1300px){
	.in-top .top-con>section .top-nav li{margin-right: 24px;}
}
@media screen and (max-width:1200px){
    .in-top .top-con .h-logo{top:0;}
    .in-top .top-con .ht{display: none;}
    .in-top .top-con>section .top-nav{display: none;}
    .head{width: 100%;height: 60px;background: #ffffff;}
    .nav-btn{display: block;}
    .in-top .top-con{height: 60px;}
    .in1>div{padding: 0!important;}
    .center{padding: 0 3%;}
    .in-top{height: 60px;background: #ffffff;}
    .in-top .top-con>section .top-search{margin-right: 15px;font-size: 25px;}
    .in-top .top-con>section>div{height: 60px;}
    .in-top .top-con>section{background: transparent;height:100%;}
    .in-top .top-con .h-logo{height: auto;}
    .in-top .top-con .h-logo a img {height: 60px;object-fit: contain;}
    .in1{margin-top: 0;}
    .in-banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{height: auto!important;}
    .in-banner .swiper-box1 .navigation-box1{width: 98%;left:1%;}
    .in-box1 .in1-nav li a .in1-word p{}
    .in1-pro .p1-top dl{display: none;}
    .in1 .in-box1 .in1-nav{margin-bottom: 20px;flex-wrap: wrap;padding-bottom: 15px;padding-top: 4%;}
    .in1 .in-box1 .in1-nav li{width: 50%;}
    .in1 .in-box1 .in1-nav li a{padding: 10px 0;justify-content: flex-start;}
    .in1 .in-box1 .in1-nav li a .in1-img{width: 20px;height: 28px;}
    .in1 .in-box1 .in1-nav::before{bottom: 5px;}
    .in1 .in-box1 .in1-nav::after{bottom: 10px;}
    .in1 .in-box1 .in1-nav li::before{display: none;}
    .in1 .in-box1 .in1-nav li::after{display: none;}
    .in1-pro .p1-top{margin-bottom: 4%;}
    .in1-pro{padding-bottom: 6%;}
    .in2>div{flex-wrap: wrap;position: relative;padding-bottom: 160px;}
    .in2>div .in2-left{width: 100%;order: 2;height: auto;}
    .in2>div .in2-right{width: 100%;order: 1;height: auto;}
    .in2{height: auto;background: url("../img/case-bg.jpg")no-repeat center center;background-size: 100% 100%;padding: 5% 0;}
    .in2>div .in2-right article{margin: 0 0 3% 0;}
    .in2>div .in2-right figure{height: auto;padding-left: 0;position: absolute;bottom: 0;width: 94%;left:3%;}
    .in2>div .in2-right figure .right-lb ul li a>p{margin-bottom: 2%;}
    .in2>div .in2-right figure .right-lb ul li a>h5{margin: 2% 0;}
    .in3{height: auto;}
    .in3-left .in3-dl1{display: none;}
    .in3>div .in3-dl2{display: none;}
    .in3>div .in3-lb>dl{display: none;}
    .in3>div .in3-left{background: transparent;}
    .in3>div{flex-wrap: wrap;background: #ffffff;padding-top:185px;position: relative;}
    .in3>div .in3-left article{position: absolute;top:20px;}
    .in3>div .in3-left{width: 100%;height: auto;margin-top: 0;padding: 3%;order: 2;}
    .in3>div .in3-right{width: 100%;height: auto;padding: 0 3%;order: 1;}
    .in3>div .in3-lb{height: 200px;}
    .in3>div .in3-lb>figure{padding: 3%;width: 100%;}
    .in3-niu{width:100%;background: #ffffff;height: 50px;}
    .in3-niu .navigation-box4{width: 90%;margin-left: 5%;position: relative;z-index: 55;}
    .in3-niu .pagination-box4{margin-left: 0;position: initial!important;}
    .top-con .top-bd{display: none!important;}
    .join5>div article span{font-size: 40px;}
    .join7{height: auto;background: transparent!important;padding: 0;}
    .join7 .center{flex-wrap: wrap;}
    .join7-left{width: 100%;background: url(../img/join7-bg.jpg)no-repeat center center;padding: 5% 3%;background-size: cover;}
    .join7 .join7-right{background: #0b3775;}
    .join8 .center{flex-wrap: wrap;}
    .join8 .center .join8-left{width: 100%;}
    .join8 .center .join8-left>div{display: none;}
    .join8 .center .join8-right{width: 100%;}
    .about5{background: url("../img/case-bg.jpg")no-repeat center center;background-size: cover;flex-wrap: wrap;padding: 3%;}
    .about5 .about5-left{width: 100%;}
    .about5 .about5-right{width: 100%;}
    .about5 .about5-right b{display: none;}
    .about5 .about5-right h5{display: none;}
    .a5-1, .a5-2{display: block;width: 100%;color: #ffffff;}
    .a5-1 {font-size: 60px;text-transform: uppercase;}
    .a5-2{font-size: 36px;}
    .a5-con{padding: 0;}
    .about5 .about5-left{margin-top: 2%;}
    .about5 .about5-right h6{margin: 2% 0;}
    .in2>div .in2-left .swiper-box2 ul li a{height: auto;padding: 30% 0;}




}
@media screen and (max-width: 1024px) {
    .network-box { width: 95%; margin: 30px auto; }
    .networkMap { display: none; }
    .mapChose { float: none; width: 100%; height: 405px; overflow: hidden; padding: 0 20px 0 0; margin-top: 15px; }
    .mapChose .swiper-slide { padding-top: 10px; }
    .mapChose .swiper-slide i { top: 10px; width: 25px; height: 25px; line-height: 25px; }
    .cityList-l button{top:6px;}
    .diy{flex-wrap: wrap;}
    .diy_swiper{padding-bottom: 45px;}
    .diy .left{width: 100%;margin-top: 2%;height: auto;}
    .diy .left .diy_swiper .swiper-container { height: auto; }
    .diy .left .diy_swiper .swiper-container li a figure div img { padding: 0; }
    .diy .right { width: 100%; }
    .diy .right figure { height: auto; }
    .pro-tj .swiper-tj .navigation-tj{width: 90%;left:5%;}
    .all-box{margin-top: 0;}
    .box{background: #ffffff;}
    .in4-title{display: none!important;}
    .in4-lb ul li a .in4-word{display: block!important;}
    .in4-lb ul li {border-right: none;}
    .in4>div article{position: initial;}
    .in4{padding: 4% 0;height: auto;}
    .in4>div article b{font-size: 20px;}
    .in4>div article h4{font-size: 16px;}
    .in4>div article span{font-size: 14px;}
    .in4-lb ul li{width: 100%;}
    .in4-lb ul li a{padding-bottom: 0;}
    .in4-lb .swiper-in4{padding-bottom: 20px;}
    .in4-lb .pagination-in4{display: block;}
    .in4-lb .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 0!important;}
    .in4-lb ul li a .in4-word{position: initial;height: auto;margin-top: 4%;}
    .in4-lb ul li a .in4-word span{font-size: 16px;text-align: left;margin-top: 0;}
    .in4-lb ul li a .in4-word h6{text-align: left;}
    .in4-lb ul li a .in4-word p{height: auto;margin: 10px 0;line-height: 1.5em;}
    .in4-lb ul li a .in4-word b{text-align: left;padding-bottom: 15px;}
    .in4-lb ul li a .in4-word b::after{left:0;background-size: 100% 100%;width: 50px;}
    .in5>div{flex-wrap: wrap;padding-left: 3%;}
    .in5>div .in5-left{width: 100%;order: 2;height: auto;padding: 50% 0;}
    .in5>div .in5-right{width: 100%;order: 1;height: auto;padding-left: 0;}
    .in5>div .in5-right>ul{display: none;}
    .in5>div .in5-right>p{padding-left: 0;margin: 2% 0 4% 0;}
    .in6{margin-top: 0;padding-top: 4%;}
    .foot .foot-top{display: none;}
    .foot-center figure .fc-left{display: none;}
    .foot-bottom{display: none;}
    .foot-center figure .fc-right{border-left: none;padding: 3% 0;width: 100%;}
    .foot-center figure .fc-right .bdshare-button-style0-16{display: none;}
    .foot-center figure .fc-right p{margin-bottom: 0;line-height: 1.5em;font-size: 14px;}
    .foot-center figure .fc-right p span{display: block;}
    .join1 .top1{margin-left: 3%;}
    .join1 .center{padding: 0;}
    .join1-box{height: auto;padding: 3%;}
    .join1-box .in4-word span{margin-top: 0!important;}
    .join1-box .in4-word{position: relative!important;padding-bottom: 10%!important;}
    .join1-box .in4-word img{left:20px;bottom: 10%;}
    .box .layout{padding: 0;}
    .join2 .join2-left{display: none;}
    .join2 .join2-right{width: 100%;}
    .join2{height: auto;}
    .join5>div{flex-wrap: wrap;position: relative;margin-top: 60px;}
    .join5-left{width: 100%;order: 2;}
    .join5-right{width: 100%;order: 1;height: auto;padding: 30% 0;}
    .join5{height: auto;background: url("../img/case-bg.jpg")no-repeat;background-size: 100% 100%;padding:3% 0;}
    .join5 .join5-lb{}
    .join5-lb .swiper-join5 ul li{flex-wrap: wrap;}
    .join5-lb .swiper-join5 ul li .join5-word{width: 100%;order: 2;height: auto;}
    .join5-lb .swiper-join5 ul li .join5-img{width: 100%;order: 1;height: 250px;}
    .join5-right .navigation-join5 i{width: 30px;height: 30px;font-size: 24px;line-height: 30px;}
    .join5-right .navigation-join5 i:nth-of-type(1){margin-right: 0;}
    .join5-right .navigation-join5{right: 0;left:auto;}
    .join5-lb .swiper-join5 ul li .join5-word h5{font-size: 16px;margin-top: 2%;}
    .join5-lb .swiper-join5 ul li .join5-word p{font-size: 14px;margin: 2% 0;}
    .join5>div article{width: 97%;top:-60px;left:3%;position: absolute;margin-bottom: 0;}
    .join5>div article span{font-size: 20px;}
    .join5>div article h5{font-size: 16px;}
    .join6-lb .swiper-join6 ul li figure .join6-img img {width: 100%;}
    .join6-lb .swiper-join6{padding-bottom: 12%;}
    .navigation-join6{width: 30%;left:35%;}
    .mapChose .swiper-slide{padding-left: 0;}
    .about1 .about1-left{width: 100%;order: 2;}
    .about1 .about1-right{width: 100%;order: 1;}
    .about1 .about1-right>p{padding-left: 0;}
    .about1 .about1-left>p:nth-of-type(2){display: none;}
    .pv-box>div{flex-wrap: wrap;}
    .pv-box>div .pv-left{width: 100%;}
    .pv-box>div .pv-right{width: 100%;margin-top: 2%;}
    .pv-box>div .pv-right .pv-ct{display: none;}
    .advice-box { padding-top: 6%; padding-bottom: 6%; }
    .advice-box section { height: auto; }
    .advice-box section .left { width: 100%; padding: 2%; }
    .advice-box section .right { display: none; }
    .advice-box .left .feedback_form .tr:nth-of-type(1){padding: 0;}
    .advice-box .left .feedback_form .tr:nth-of-type(1) .td{width: 100%;padding: 10px 0;}
    .advice-box .left .feedback_form .tr:nth-of-type(1) .td:nth-of-type(1){margin-right: 0;}
    .advice-box .left .feedback_form .tr{padding: 10px 0;}
    .advice-box .left .feedback_form h5{font-size: 20px;}
    .advice-box .left .feedback_form h5 span{font-size: 14px;}
    .join6-lb .swiper-join6 ul li figure:nth-of-type(2){margin-top: 10px;}





}

@media screen and (max-width: 768px) {
    .form-control2{height: auto;}
    .cityList { box-sizing: border-box; display: block; box-shadow: none; }
    .cityList-l { width: 100%; height: 38px; margin: 10px 0; }
    .cityList-r { width: 100%; }
    .cityList-r form { display: block; width: 100%; margin: 10px 0; }
    .cityList-r form select { height: 38px; padding: 0 10px; border: 1px solid #eee; }
    .pro-tj>h5{line-height: 40px;}
    .pro-tj>h5::before{top:13px;}
    .pro-tj{margin-top: 7%;display: none;}
    .all-box .all-nav{border-bottom: none;margin-bottom: 0;}
    .all-box .all-nav form{display: none;}
    .all-load .center{padding: 0;}
    .all-load .load1{border-top: 1px solid #dbdbdb;border-bottom: 1px solid #dbdbdb;}
    .all-load .load1>ul li{font-size: 14px;}
    .all-load .load1>p{display: none;}
    .all-load .load1>ul{flex-wrap: wrap;}
    .all-load .load1>ul li{line-height: 40px;}
    .all-load .load1>ul li a{padding: 0 10px;}
    .top1 p{font-size: 20px;}
    .top1 h5{font-size: 16px;}
    .top1{padding-left: 3%;}
    .case-box ul li {width: 100%;margin-right: 0;}
    .case-box ul li a .ca-word h5{font-size: 16px;}
    .case-box ul li a .ca-word p{font-size: 14px;line-height: 1.5em;height: 42px;}
    .fenye{padding: 4% 0 6% 0;}
    .fenye ul li{width: 30px;height: 30px;line-height: 30px;font-size: 14px;margin-right: 5px;}
    .fix{right: 0;top:auto;bottom: 0;left:0;width: 100%;}
    .fix_list{width: 100%;display: flex;justify-content: center;align-items: center;}
    .fix ul li{width: 50px;box-sizing: border-box;height: 50px;border-radius: 50%;margin-right: 10px;}
    .fix ul li:last-of-type{border-right: none;margin-right: 0;}
    .fix ul li img {height: 20px;}
    .fix ul li p{font-size: 12px;}
    .fix ul .phone:hover .fix_te{opacity: 0;}
    .fix_qr .fix_te{top:auto;bottom:50px;right: 0;}
    .tanchuang-content{left:0;width: 100%;margin-left: 0;padding: 8% 4%;}
    .tanchuang-content .will_close{right: 0;top:0;}
    .tanchuang-content h6{font-size: 18px;line-height: 30px;}
    .tanchuang-content h6 span{font-size: 16px;}
    .form-control2 label{font-size: 14px;width: 20%;}
    .form-control2 input{width: 80%;}
    .form-control2 select{width:80%;margin-bottom: 2%;margin-left: 20%; }
    .form-control2 select option{font-size: 14px;}
    .form-control2 select:nth-of-type(1){margin-top: -32px;}
    .form-control2{display: flex;flex-wrap: wrap;margin-bottom: 10px;width: 100%;}
    .ca-view-box>h5{font-size: 18px;}
    .ca-view-box .sx{font-size: 14px;}
    .all-new li{width: 100%;margin-right: 0;}
    .all-new li a .in6-word time{font-size: 14px;}
    .all-new li a .in6-word h5{font-size: 16px;}
    .all-new li a .in6-word p{font-size: 14px;line-height: 1.5em;height: 42px;}
    .all-new li a .in6-word>div span{height: 25px;line-height: 25px;width: 100px;}
    .in-box1 .in1-nav li a .in1-word h5{font-size: 12px;}
    .in1-pro .p1-top article{padding-left: 3%;}
    .in1-pro .p1-top article p{font-size: 20px;}
    .in1-pro .p1-top article h1{font-size: 16px;}
    .in1-pro>ul li{width: 100%;}
    .in1-pro>ul li:nth-of-type(1){margin-right: 0;margin-bottom: 2%;}
    .in1-pro>ul li a .pro-word{opacity: 1;background: rgba(0,0,0,0.2)}
    .in1-pro>ul li a .pro-word span{font-size: 16px;max-width: 200px;}
    .in1-pro>ul li a .pro-word h5{font-size: 16px;}
    .in1-pro>ul li a .pro-word img {width: 65px;}
    .in1-pro>ul li:nth-of-type(2) a .pro-word img{display: none;}
    .in1-pro>ul li:nth-of-type(3) a .pro-word img{display: none;}
    .in1-pro>ul li a .pro-word>div::before{width: 100%;height: 100%;}
    .in1-pro>ul li a .pro-word>div::after{width: 100%;height: 100%;}
    .in2>div .in2-right article b{font-size: 20px;}
    .in2>div .in2-right article h2{font-size: 16px;}
    .in2>div .in2-right article{padding-left: 3%;}
    .in2>div .in2-left .swiper-box2 .navigation-box2 i{width: 30px;height: 30px;line-height: 30px;font-size: 24px;}
    .in2>div .in2-right figure .right-lb ul li a>h5{font-size: 16px;}
    .in2>div .in2-right figure .right-lb ul li a>p{font-size: 14px;line-height: 1.5em;height: 42px;text-align: justify;}
    .in2>div{padding-bottom: 125px;}
    .in3>div .in3-left article{padding-left: 3%;}
    .in3>div .in3-left article span{font-size: 20px;}
    .in3>div .in3-left article h3{font-size: 16px;}
    .in5>div .in5-right article{padding-left: 3%;}
    .in5>div .in5-right article span{font-size: 20px;}
    .in5>div .in5-right article h3{font-size: 16px;}
    .in5>div .in5-right>p{font-size: 14px;line-height: 1.5em;}
    .in6>div>dl{display: none;}
    .in6>div>span{font-size: 20px;}
    .in6>div>h3{font-size: 16px;margin-bottom: 3%;}
    .all-new li{margin-bottom: 2%;}
    .fix_qr .fix_te{display: none;}
    .join2 .join2-right>p{font-size: 14px;}
    .join2 .join2-right>ul li{width: 100%;height: auto;padding: 3%;}
    .join2 .join2-right>ul{margin-top: 3%;}
    .join2 .join2-right>ul li h5{font-size: 16px;}
    .join2 .join2-right>ul li p{font-size: 14px;line-height: 1.5em;}
    .join3>ul li:first-of-type{font-size: 16px;}
    .join3>ul li>h5{font-size: 14px;}
    .join3>ul li .join3-word p{font-size: 12px;line-height: 1.5em;}
    .join3>ul li .join3-word b{font-size: 12px;}
    .top2 p{font-size: 20px;}
    .top2 h5{font-size: 16px;}
    .join4-box{flex-wrap: wrap;height: auto;}
    .join4-box .join4-left{width: 100%;order: 2;height: auto;}
    .join4-box .join-right{width: 100%;order: 1;height: auto;}
    .join4-box .join-right .join-phone{height: 130px;position: absolute;bottom: 0;}
    .join4-box{padding-bottom: 140px;position: relative;}
    .join4-box .join-right ul li b{font-size: 20px;}
    .join4-box .join-right ul li span{font-size: 16px;}
    .join4-box .join-right ul{height: auto;}
    .join4-box .join-right ul li {height: auto;padding: 10px 0;}
    .join4-box .join4-left figure>div{height: 250px;}
    .join4-box .join4-left figure figcaption{height: auto;}
    .join4-box .join4-left figure figcaption h6{font-size: 16px;}
    .join4-box .join4-left figure figcaption p{font-size: 14px;}
    .join7 form p{font-size: 14px;}
    .join7 form{padding: 3%;}
    .join7 form .row section label{font-size: 14px;}
    .join7 form .row section{padding: 10px 0;}
    .join7 form .row:nth-of-type(5) section{padding-top: 2%;}
    .join7 form .row section input[type='submit'], .join7 form .row section input[type='reset']{font-size: 14px;line-height: 135%;padding: 5px 30px;}
    .join7 .join7-right{padding: 3% ;}
    .join7-lb{height: 250px;}
    .join8 .center .join8-right ul li h5{height: 40px;font-size: 14px;}
    .join6-word b{width: 30px;height: 30px;line-height: 30px;font-size: 18px;}
    .join6-word h5{font-size: 16px;margin: 2% 0;}
    .join6-word p{font-size: 14px;}
    .join7 form .row{flex-wrap: wrap;}
    .join7 form .row:nth-of-type(-n+2) section{width: 100%;}
    .join7 form .row:nth-of-type(4) section label{width: 40%;}
    .join7 form .row:nth-of-type(4) section input{width: 60%;}
    .join7 form .row section select{font-size: 14px;}
    .fenye{display: none;}
    .fen-p{display: block;}
    .ca-view-box>dl{font-size: 14px;}
    .ca-view-box{border: none;}
    .ca-view-box .view-back{background: #d93651;display: flex;justify-content: center;align-items: center;flex-direction: row;}
    .ca-view-box .view-back p{width: auto;background: transparent;margin-right: 10px;}
    .ca-view-box .view-back span{width: auto;}
    .diy .left .diy_swiper .swiper-container li div{padding: 45% 0;}
    .dao{padding: 0!important;}
    .all-load{border: none;}
    .all-load .load2{background: #f5f5f5;}
    .load2 li p i{display: block;}
    .load2 li{border-bottom: 1px solid #dbdbdb!important;border-top: none;padding: 0;}
    .load2 li {width: 100%;border-bottom: none;display: block;}
    .load2 li dl {display: none;width: 100%;height: 100%;padding: 15px 3%;}
    .load2 li dl dd {float: left;}
    .load2 li p {display: flex;justify-content: space-between;align-items: center;line-height: 42px;color:#525252;margin-right: 0;font-weight: normal;padding: 0 3%;}
    .load2 li p i {font-size: 18px;}
    .about1 .about1-right>p{font-size: 14px;line-height: 1.5em;margin-bottom: 2%;}
    .about2::before{display: none;}
    .about2{flex-wrap: wrap;}
    .about2 .about2-left{width: 100%;}
    .about2 .about2-right{width: 100%;}
    .about2 .about2-left>p{font-size: 14px;margin: 2% 0;}
    .about2 .about2-right{padding: 40% 0;}
    .about2 .about2-right img{left: 4%;width: 92%;}
    .about3{padding:30% 3%;height: auto;}
    .about3 span{font-size: 20px;}
    .about3 h5{font-size: 16px;}
    .about3 p{font-size: 14px;}
    .about4>span{font-size: 20px;}
    .about4>h5{font-size: 16px;}
    .about4>ul{flex-wrap: wrap;}
    .about4>ul li{width: 50%}
    .about4>ul li:last-of-type{width: 100%;display: flex;justify-content: space-between;flex-direction: row;}
    .about4>ul li:last-of-type .about4-img{width: 50%;}
    .about4>ul li:last-of-type .about4-word{width: 50%;}
    .about4>ul li .about4-img{height: 160px;}
    .about4>ul li .about4-word{height: 160px;}
    .about4>ul li .about4-word span{font-size: 14px;}
    .about4>ul li .about4-word h6{font-size: 16px;}
    .a5-1{font-size: 20px;}
    .a5-2{font-size: 16px;}
    .about5 .about5-right h6{font-size: 16px;}
    .about5 .about5-right p{font-size: 14px;line-height: 1.5em;}
    .about6{flex-wrap: wrap;}
    .about6 .about6-left{width: 100%;order: 2;margin-top: 2%;}
    .about6 .about6-right{width: 100%;order: 1;}
    .about6 .about6-left>p{line-height: 1.5em;font-size: 14px;}
    .pro-box ul li{width: 100%;margin-right: 0;}
    .pv-sx{display: none;}
    .pv-box>div .pv-right>h5{font-size: 20px;}
    .pv-box>div .pv-right>ul li{flex-direction: column;}
    .pv-box>div .pv-right>ul li span{height: 30px;line-height: 30px;}
    .team-box ul li{width: 100%;margin-right: 0;}
    .all-box .center> h1{font-size: 14px;}
    .wei-content{top:100px;}
    .about6 .about6-right{padding: 30% 0;}
    .about5 .about5-left{padding: 30% 0;}
    .about1 .about1-left>p:nth-of-type(1){padding: 40% 0;}
    .in3>div{padding-top: 90px;}
    .navigation-in6{display: block;position: absolute;left:41%;bottom:0;z-index: 55;}
    .in6-con{position: relative;padding-bottom: 40px;}
    .navigation-in6 i {width: 30px;height: 30px;line-height: 30px;text-align: center;border: 1px solid #000000;font-size: 16px;color: #000000;}
    .pro2{display: block;}
    .pro1{display: none;}
    .case2{display: block;}
    .case1{display: none;}
    .new2{display: block;}
    .new1{display: none;}
    .team2{display: block;}
    .team1{display: none;}
    .in1 .in-box1 .in1-nav li:first-of-type{display: none;}
    .in1 .in-box1 .in1-nav li a .in1-img{margin-right: 0;}
    .in1 .in-box1 .in1-nav li a {justify-content: center;flex-direction: column;}
    .in-box1 .in1-nav li a .in1-word h5{text-align: center;margin: 5px 0;}


.in-top .top-con .h-logo {
    left: -3%;
}

}

@media only screen and (max-width:480px){
	.head{height: 50px;}
	.in-top{height: auto;}
	.in-top .top-con{height: auto;}
	.in-top .top-con>section>div{height: 50px;}
	.in-top .top-con .h-logo a img{height: 50px;}
	
 
	
}

@media screen and (max-width: 413px){
    .in3>div .in3-lb{height: 160px;}

}



