@charset "utf-8";
/* CSS Document */
/*首页内容部分调整<=992 平板*/
@media(max-width: 1680px){
.o_ban .slogan {
    top: 7%;
    width: 320px;
	left:200px;
}
}
@media(max-width: 1500px){
.product .right .contain ul li {
	width: 32%;
}
.product .right .contain ul li:nth-of-type(4n) {
    margin-right: 2%;
}
.product .right .contain ul li:nth-of-type(3n) {
    margin-right: 0;
}
}
@media(max-width: 992px){
html{
	font-size:56%; /* 10÷16=62.5% */
}
.index_bar4 ul li .top .txt span{
	width:50px;
	height:50px;
}
.index_bar4 ul li .top .txt img{
	width: 50px;
}
.index_bar4 ul li:hover .top .txt img{
	margin-top:-50px;}
}
/*首页内容部分调整<=766 手机*/
@media(max-width: 766px){
html{
	font-size:54%;
}
.indexBox{
    overflow: hidden;
    box-sizing: border-box;
}
.w_all {
    width: 90%;}
.header_b .logo{
	width:110px;
	}
.header_b.header_c .logo{
    width: 110px;
}
.banner .p_box {
    top: 3%;
    left: 90px;
    width: 160px;
}
.banner .video{
	display: none !important;
}
.search {
    right: 60px;
}
.navBtn{
	right:0;
	padding: 16px;
	}
.navBtn span{
	width:28px;}
.nav_list2{
	display:none;}
.nav_list .logo2 img{
	height:35px;}
.nav_list ul .right {
    width:120%;
    position: absolute;
    right: 0;
    top: 100%;
	border:none;
    border-top: 1px solid rgba(255,255,255,0.1);
    padding-top: 0%;
	display:none;
}
.nav_list ul .right h2 {
    margin: 5px 0 2px;
}
.nav_list ul .right p{
	line-height:16px;}
.title1 h2{
	font-size:30px;
	line-height:60px;}
.banner{
	height: 50%;
}
.index_bar4{
	background-position:30% center;}
.index_bar2{
	background-position:20% center;}
.index_bar2:after{
	width:100%;
	height:50%;
	}
.index_bar2 .left {
    width: 100%;
    float: none;
}
.index_bar2 .right {
    width: 100%;
	position:static;
    float: none;
}
.title1 b{
	margin-bottom:20px;}
.index_bar2 ul{
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.index_bar2 ul li h2{
	font-size: 16px;
}
.index_bar2 ul li h2 strong {
    font-size: 27px;}
.index_bar2 ul li h3{
	width: auto;
	font-size:13px;
	margin-top: 10px;
    line-height: 1.3;}
.index_bar2 p {
    font-size: 12px;
    margin: 5px 0 10px;
    line-height: 22px;
}
.more{
	margin-top: 20px;
    margin-bottom: 30px;
    width: 90px;
    font-size: 10px;
    padding: 2px 10px;}
.index_bar3 .title1 h1{
	margin-bottom:10px;}
.index_bar3 .contain ul li .txt h2{
	font-size:16px;
	margin:0;}
.index_bar3 .contain ul li .txt b{
	float:none;
	font-size:14px;
	}
.index_bar3 .left img{
	width:24px;
	left:2%;}
.index_bar3 .right img {
    right: 2%;
    width: 24px;
}
.index_bar3 .title1 h2{
    font-size: 26px;
}
.partner ul li p{
	font-size: 1.8rem;
	margin-top: 10px;
	height: 6.9rem;
	-webkit-line-clamp: 3;
}
.footer{
	height: auto !important;
}
.footer_con_top .left {
    width: 100%;
    float: none;
}
.footer_con_top .left img {
    width: 30%;
    margin: auto;
}
.footer_con_top .right {
    width: 100%;
    float: none;
}
.footer_con_top {
    padding: 20px 0;
}
.footer_con_top .right dl{
	display:none;}
.footer_con_top .right dl:last-of-type{
	float:none;
	width:100%;
	margin-top:20px;
	display: block;
	border: none;
	min-height: auto;
	}
.footer_con_top dl:last-of-type dd{
	margin: 4px 0;
	text-align: center;
}
.footer_con_top dl dt h3{
	display: none;
}
.index_bar2 .right .vd{
	position: static;
	width: 100%;
}
.index_bar2 {
    height: auto;
    padding: 20% 0;
}
.index_bar2 .box{
	position: static;
	-webkit-transform: none;
	transform: none;
}
.index_bar4{
	height: auto;
	padding: 10% 0;
}
.index_bar4 .box{
	position: static;
	-webkit-transform: none;
	transform: none;
}
.index_bar4 ul li{
	width: 48.5%;
}
.index_bar4 ul a:nth-of-type(3n) li{
	margin-right: 3%;
}
.index_bar4 ul a:nth-of-type(2n) li{
	margin-right: 0;
}
.index_bar4 .title1 h2{
	margin-bottom: 3%;
}
.index_bar4 ul li .top{
    min-height: 30vh;
}
.index_bar3 {
    height: auto;
    padding: 20% 0;
	background-size: contain;
}
.index_bar3 .box{
	position: static;
	-webkit-transform: none;
	transform: none;
	background: #fff;
	box-shadow: none;
	padding: 2%;
}
.index_bar3 .contain ul li .txt{
	width: 100%;
}
.banner_scroll_btn {
    bottom: 10%;
    width: 30px;
    height: 30px;
    margin-left: -15px;
	position: absolute;
	display: none;
}
.se_box .box2 .search_b {
    padding: 0 10%;
    width: 100%;
    box-sizing: border-box;
}
.copy_right p{
	line-height:16px;}
.o_ban .slogan {
    width: 150px;
    left: 90px;
}
.o_ban {
    height: 150px;}
.o_ban h1{
	font-size:3rem;
	top:50%;}
.p_nav{
	padding:8px 2px;}
.p_nav2 p {
    line-height: 18px;
	padding: 0 25px;
	margin:0 5px;}
.p_nav2 p:after{
	top:6px;
	width:4px;
	height:4px;
	left:0;}
.about{
    min-height: 42vh;
}
.about .bar2 h1{
	font-size:2rem;
    letter-spacing: 0;
}
.about .bar2 .txt p{
	line-height:16px;}
.about .bar3 .right {
    float: none;
    width: 100%;}
.about .bar3 .left {
    float: none;
    width: 100%;}
.about .bar3 .left h1{
    font-size: 1.8rem;
    margin: 20px 0;
}
.about .bar3 .right .txt2 p{
	line-height:16px;
	margin:4px 0;}
.about3 .bar4 ul li {
    width: 100%;
    padding: 8% 6%;
}
.about3 .bar5 .rtx {
    width: 90%;}
.about3 .bar5 .rtx p{
	line-height:16px;}
.about5 img {
    max-width: 110%;
    margin: 10% -5%;
}
.about3 .bar6 p{
	line-height:14px;
	    margin: 1px 0;}
.about3 .bar7 .box {
    width: 90%;}
.about3 .bar6 h1{
	margin-bottom:5px;}
.about3 .bar7 h1{
	margin-bottom:2px;}
.about3 .bar7{
	padding:6% 0;}
.about3 .bar7 p{
	line-height:14px;}
.about3 .bar7 dl{
	bottom:10px;}
.about4 .bar2{
	margin-bottom:30px;}
.about4 .bar2 h1{
	margin-bottom:30px;}
.about4 ul li.active img {
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
}
.about4 .imgbox {
    padding-top: 13%;
    padding-bottom: 18%;}
.about4 .bar2:before{
	width: 45%;
    height: 60%;
    top: 65%;
	}
.about4 ul li strong{
	top:inherit;
	bottom:-65%;
	width:100%;
	line-height:14px;
	}
.about4 .btn .b_right {
    top: 40%;}
.product .left {
    width: 100%;
    float: none;}
.product .left.active{
	position:static;
	width:100%;
	}
.product .right {
    width: 92%;
    float: none;
	margin-top:5%;}
.product .left .s_menu {
    padding: 0px 15px;
}
.product .left .s_menu p{
	margin:2px 0;}
.product .left h1 {
    padding: 0px 35px 0px 15px;}
.product .left h1:before {
    content: "";
    width: 5px;
    height: 5px;
    left: -3px;
    top: 8px;
}
.product .right .top p {
    margin-top: 5px;
    line-height: 16px;
}
.more_p {
    padding: 0px 10px;
	margin-top:0;}
.product .right .contain ul li:nth-of-type(3n) {
    margin-right: 2%;}
.product .right .contain ul li:nth-of-type(2n) {
    margin-right: 0;}
.product .right .contain ul li {
    width: 49%;}
.product .right .contain ul li b span {
    width: 14px;
    height: 14px;
    right: 5px;
    bottom: 5px;}
.product .right .contain h6 {
    float: none;
    margin-top: 5px;
    line-height: 16px;
    height: 32px;}
.product .right .contain p {
    float: none;
}
.pr_box{
	width:320px;
	height:320px;}
.ps_box .message h1{
	margin-bottom:10px;}
.p_nav p{
	line-height:16px;
	padding:0 10px;}
.p_nav p:before{
	top:8px;
	width:6px;
	left:0;
	}
.p_nav p img {
    width: 14px;}
.product_d .left {
    width: 100%;
    float: none;
}
.product_d .right {
    float: none;
    width: 96%;
	padding-bottom:0;}
.product_d .right .top h1{
	font-size:2rem;}
.product_d .right .top .back{
	display:none;}
.product_d .right .top p {
    font-size: 1.3rem;
    margin-top: 5px;
    line-height: 18px;
}
.product_d .right .middle p{
	margin:0;}
.product_d .right .middle .more_p{
	float:none;
	text-align:center;
	padding: 3px 10px;
	padding-left:30%
	}
.product_d .right .middle .more_p img{
	padding-right:50%;
	}
.product_d2 .bar .txt p{
	line-height:16px;}
.product_d2 .bar .txt p:before{
	top:7px;}
.pd_nav span {
    padding: 0px ;
	width:50%;}
.product_d4 .message h1{
	margin-bottom:0;
	}
.product_d4 .message h2 input{
	line-height:20px;}
.product_d4 .message h2 textarea{
	height:50px;}
.product_d4 .message input.submit{
	padding: 7px 40px;
	}
.product_d4 .message h2{
	margin: 5px 2%;
	}
.product_d3 .contain p{
	float:none;
	line-height:18px;
	}
.product_d3 .contain p:nth-of-type(2){
	float:none;
	}
.product_d3 .box .ll i{
	left:-5%;
	}
.product_d3 .box .r_btn i{
	right:-5%;
	top:34%;}
.product_d .right .bottom{
	display:none;}
.news ul li{
	width:48%;
	}
.news ul a:nth-of-type(2n) li{
	margin-right:3%;
	}
.news ul a:nth-of-type(3n+2) li{
	margin-right:0%;
	}
.news ul a:nth-of-type(2) li{
	margin-right:3%;
	}
.news ul a:nth-of-type(3) li{
	margin-right:0%;
	}
.news_d .time{
	margin:0px auto 10px;}
.way_ban{
	height:120px;}
.why .bar ul li{
	font-size:1.6rem;}
.why .bar ul li img{
	width:26px;
	margin-bottom:5px;}
.why .bar3 p{
	line-height:18px;}
.why .bar6 .r_btn i{
	right:0;
    top: 45%;}
.why .bar6 .ll i{
	left:0;
	}
.map .con{
	width:370px;
	height:370px;}
.why .bar5 h1{
	font-size:2.4rem;}
.why .bar6 h1{
	font-size:2.4rem;
	margin-bottom:10px;
	}
.why .bar4 .ll{
	display:none;}
.why .bar4{
	width:100%;
	padding-left:0;}
.why .bar4 li{
	width:100%;}
.why .bar4 li .txt2{
	max-width:90%;
	width:80%}
.why .bar4 li .txt2 h1{
	font-size:2.4rem;
	padding: 5px 0 5px 0;
    margin-bottom: 10px;}
.why .bar4 li .txt2 p{
	font-size:1.4rem;
	line-height:16px;
	margin:3px auto;}
.about3 h3{
    font-size: 2.4rem;
}
.about3 .bar7{
    padding-bottom: 10%;
}
.why{
    margin-top: 5%;
}
.why .bar0 ul{
    flex-wrap: wrap;
}
.why .bar0 ul li{
    width: 100%;
    margin: 3% 0;
    padding: 8% 6%;
}
.why .bar0 ul li h6{
    margin-bottom: 1.5rem;
}
.why .bar0 ul li p{
    line-height: 1.5;
}
.why .bar ul{
    flex-wrap: wrap;
}
.why .bar ul li{
    width: 100%;
    margin: 3% 0;
}
.why .bar2 dl dd {
    width: 48.5%;
}
.why .bar2 dl dd:nth-of-type(3n) {
    margin-right: 3%;
}
.why .bar2 dl dd:nth-of-type(2n) {
    margin-right: 0;
}
.big_imgss{
	width:90%;}
.header_c .navBtn {
    top: 3%;
}
.partner ul li{
	width: 29.3%;
	margin:1.5% 2%;
}
.index_bar3 .contain{
        margin-top: 30px;
}
.nav_list ul li h1{
    font-size: 2.4rem;
}
.m_box{
    padding: 8% 0;
}
}