﻿@media all and (min-width:320px) and (max-width:768px){


body.menushow {
   overflow: hidden;
    width: 100%;
}
.mt120{
	margin-top:60px;
}
.mb120{
	margin-bottom:60px;
}

#main {
    z-index: 113;
}
.header .inheader .logo{
	left:15px; top:9px;
}
.header .inheader .logo img{
	height:30px;
}
.header .inheader .logo.web_logo {
    display: block;
}
.pc_logo{
	display:none !important;
}
.header{
	height:60px;
}
.header .inheader{
	height:60px;
}
.header .inheader .menu > li{
	height:60px; margin-left:0;
}
.header .inheader .logo img:first-child,
.header.yanse .inheader .logo img:first-child{
	display:none;
}
.header .inheader .logo img:last-child,
.header.yanse .inheader .logo img:last-child{
	display:inline-block;
}

.header.show .logo img {
    opacity: 0;
}
.header.show {
    background: #fff;
}
.menu_body{
	display:block;
}
.header .menu_body {
    position: relative;
    width: 24px;
    height: 20px;
	display:block;
	top: 20px;
	float:right;
	cursor:pointer;
}
.header .nav_menu_item {
    width: 100%;
    height: 2px;
    background: #FF6A00;
    position: absolute;
    -webkit-transition: .36s ease;
    -o-transition: .36s ease;
    -moz-transition: .36s ease;
    transition: .36s ease;
	border-radius:6px;
}
.header.show .nav_menu_item {
    background: #FF6A00;
}
.header.yanse .nav_menu_item {
    background: #FF6A00;
}
.header .menu_body.show .nav_menu_item,.header.show .menu_body.show .nav_menu_item,.header.yanse .menu_body.show .nav_menu_item{
	background:#FF6A00;
}
.header .menu_item_top {
    top: 0;
}
.header .menu_item_center {
    display: block;
    top: 8px;
}
.header .menu_item_bottom {
    bottom: 0;
}
.header .menu_body.show .menu_item_top {
    top: 8px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.header .menu_body.show .nav_menu_item {
    height: 2px;
}
.header .menu_body.show .menu_item_center {
    opacity: 0;
}
.header .menu_body.show .menu_item_bottom {
    bottom: 10px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.header .inheader .menu {
    position: fixed;
    width: 100%;
    height: calc(100% - 60px);
    top: 60px;
	background:#fff;
	left:0px;
	padding: 0 15px;
	box-sizing: border-box;
	overflow:auto;
}
.header .inheader .menu > li {
    display: block;
    height: auto;
    width: 100%;
    text-align: left;
    padding: 0;
    box-sizing: border-box;
    border-top: 1px solid #f2f2f2;
	margin-left:0px;
}
.header .inheader .menu > li > a {
    display: block;
    line-height: 50px;
    padding-left: 15px;
    float: left;
    width: calc(100% - 65px);
	font-size: 14px;
	color: #4B4B4B;
	text-align:left;
}
.header .inheader .menu > li.active, .header .inheader .menu > li:hover {
    background: none;
    border-top: 1px solid #f2f2f2;
}

.header .inheader .menu{
	display:none;
}
.menu li .icon_nav_item{
    display: inline;
    position: absolute;
    right: 0;
    width: 50px;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 50px;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    color: #666;
    text-align: center;
	line-height: 50px;
}
.menu li.hover .icon_nav_item {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.header .menu > li .subnav {
    position: static;
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
    background: none;
    clear: both;
	padding:0px;
	display: none;
	transition: none;
}
.header .menu > li .subnav a {
    display: block;
    text-align: left;
    font-size: 12px;
    color: #999;
    line-height: 36px;
    padding-left: 30px;
    border-top: 1px solid #f2f2f2;
}
.header .menu > li .subnav li{
	margin:0px;
}
.header .menu > li .subnav li:hover:before,
.header .menu > li .subnav li.active:before{
    display:none;
}
.header .menu > li .subnav li a {
    font-size: 13px; line-height: 34px;
}
.header .inheader .menu > li:hover > a,
.header .menu > li .subnav li a:hover,
.header .menu > li .subnav li a.active{
	color:#d81f00;
}
.header .inheader .menu > li.active:after, .header .inheader .menu > li:hover:after {
    display:none;
}
.header .inheader .menu > li:nth-child(5){
	margin-left:0px;
}
.header .inheader .menu li > a span {
    display: inline-block;
}
.header .inheader .menu li > a span:nth-child(2){
	margin-top:0px; margin-left:15px;
}

.header .inheader .menu li.active > a {
    font-size: 14px;
}




.swiper_container_banner .swiper-slide .bannerimg{
	width:220%; margin-left:-55%;
}
.banner_img02 img {
    height: 50px;
}
.swiper_container_banner .bannertext .b {
    font-size: 12px;
    line-height: 22px;
    width: calc(100% - 30px);
}
.swiper_container_banner .bannertext .btn img {
    margin: 0 3px;
    width: 90px;
}
.swiper_container_banner .bannertext .btn {
    margin: 20px 0;
}
.banner_img01 img {
    height: 35px;
}
.swiper_container_banner .bannertext .t {
    font-size: 20px;
    margin: 15px 0 10px;
}
.header .inheader .logo img {
    height: 16px;
}

.index_title .index_t {
    font-size: 20px;
    margin-bottom: 10px;
    background-size: 150% auto;
}
.index_title .index_b {
    letter-spacing: 6px;
    font-size: 10px;
    font-weight: normal;
}
.index_title {
    margin: 15px 0;
}
.index_01 {
    padding: 25px 20px;
}
.index01b {
    font-size: 13px;
    line-height: 24px;
}
.index01t {
    font-size: 22px;
    margin-bottom: 20px;
}
.index01c {
    margin-top: 15px; display: block;
}
.index01cli {
    width: 100%;
    margin-top: 15px;
}
.index01cli .t {
    font-size: 14px;
    padding-bottom: 10px;
    margin-bottom: 12px;
}
.index_02 {
    padding: 30px 0;
    margin-bottom: 15px;
}
.index_elset {
    font-size: 18px;
    margin-bottom: 20px;
}
.index_com_in {
    padding: 10px !important;
}
.index_02_02_li {
    width: 100%;
    float: none;
    padding: 0 10px;
}
.index_02_02_li:last-child{
	margin-top:15px;
}
.index_02_02_li .clearance {
    height: 10px;
}
.index_02_03 .index_com_in_text {
    padding: 10px 15px;
}
.index_02_04_li {
    padding: 15px 15px; float:none; width:100%;
}
.index_02_04_li .t {
    font-size: 16px;
    margin-top: 10px;
}
.index_02_05 .index_com_in_text {
    padding: 15px;
}
.index_02_05_con .index_02_05_li {
    width: calc(33.33% - 10px);
    margin-left: 15px;
	margin-top:15px;
}
.index_02_05_con .index_02_05_li:nth-child(3n+1){
	margin-left:0px;
}
.index_02_05_con .index_02_05_li:nth-child(-n+3){
	margin-top:0px;
}
.index_02_05_con .index_02_05_li .t {
    font-size: 13px;
    margin-top: 12px;
}
.dashedline {
    margin: 15px 0;
}
.index_02_06 .index_com_in_text {
    padding: 15px;
}

.index_02_06_con:nth-child(1) .index_02_06_li:nth-child(n+6){
	display:block;
}
.index_02_06_con:last-child{
	display:none;
}
.index_02_06 .index_com_in_text > img {
    margin: 15px 0 0;
}
.index_02_06_li{
	width:48.5%; margin-top:15px; margin-left:0px;
	border-radius: 4px;
	font-size: 14px;
	line-height: 40px;
	height: 40px;
}
.index_02_06_li:nth-child(2n){
	float:right;
}
.index_02_06_li:nth-child(2n+1){
	clear:both;
}
.index_02_06_li:nth-child(-n+2){
	margin-top:0px;
}
.index_02_07 .index_com_in_text {
    padding: 15px;
}
.index_02_07_li {
    font-size: 12px;
    margin-top: 12px;
    line-height: 1.5;
}
.index_03_01 .index_com_in_text {
    padding: 15px;
}
.index_03_01_li{
	width:48.5%; margin-left:0; margin-top:15px;
}
.index_03_01_li:nth-child(2n){
	float:right;
}
.index_03_01_li:nth-child(4n+1){
	margin-left:0px;
}
.index_03_01_li:nth-child(-n+4){
	margin-top:15px;
}
.index_03_01_li:nth-child(-n+2){
	margin-top:0;
}
.index_03_01_li .t {
    font-size: 14px;
    margin-top: 12px;
}
.index_04_01_in a .img {
    padding: 20% 0;
}
.index_04_01_in a .text .t {
    font-size: 16px;
}
.index_04_01_in a .text .t span {
    font-size: 14px;
    margin-top: 12px;
}
.index_04_01_in a .text{
	padding:0 15px; letter-spacing: 2px;
}
.index_04_01_in a {
    margin-top: 20px;
}
.index_05_01_in{
	flex-wrap:wrap;
}
.index_05_01_li{
	width:49%; margin-top:15px; margin-left:0px;
}
.index_05_01_li:nth-child(2n){

}
.index_05_01_li:nth-child(-n+2){
	margin-top:0px;
}
.index_05_01_li .t {
    font-size: 13px;
}
.index_05_01 {
    margin-bottom: 30px;
}
.footer_01 .text {
    margin-top: 15px;
    text-align: left;
    line-height: 1.75;
}
.footer_01 img {
    height: 40px;
}
.footer_02 {
    margin: 30px 0 30px;
    display: block;
}
.footer_02_mid{
	margin:15px 0;
}
.footer_02 .ft {
    font-size: 16px;
    margin-bottom: 12px;
}
.footer_02 .fb {
    font-size: 13px;
    line-height: 24px;
}

.footer_02 .footer_02_mid .fb br{
	display:none;
}
.footer_02 .footer_02_mid .fb{
	overflow:hidden;
}
.footer_02 .fb a {
    margin-right: 0;
    width: 20%;
    display: block;
    float: left;
}
.bei {
    padding: 15px 0;
    font-size: 12px;
    line-height: 1.75;
}



.pageheader{
	width:100%; height:30px;
}
.page_big_title .page_t {

    font-size: 20px;
}
.page_big_title .page_b {
    line-height: 30px;
    font-size: 14px;
    margin: 12px 0 30px;
	padding:0 15px;
}
.index_02.index_02_page .index_elset {
    font-size: 20px;
    margin-bottom: 20px;
}
.page_in_text {
    padding: 10px;
}
.page_in_text_left{
	position:static; width:100%; height:auto; margin:15px 0;
}
.page_in_text_left > img {
    max-width: 60%;
    max-height: unset;
	position:static;
	transform:unset;
}
.page_in_text_right {
    float: none;
    width: 100%;
}


.index_elset{
	height:28px; line-height:28px;
}



.pro_03_text_li {
    padding: 0 0px;
    margin-bottom: 10px;
}
.pro_03_text_li .bt { 
    font-size: 16px; margin-bottom: 10px;
}
.pro_03_text_li .bb {
    font-size: 14px;  line-height: 1.71;
}
.bcli .bclit {
    font-size: 14px;
    margin: 10px 0 3px;
}
.bcli .bclib {
    font-size: 12px;
}
.bcli {
    margin-bottom: 15px;
}
.bcli {
    width: 48.5%;
}
.bcli:nth-child(1) {
    width: 100%;
}
.bcli:nth-child(2) {
    width: 100%;
}
.bcli:nth-child(3) {
    width: 100%;
}


.pro_03_img_li {
    margin-bottom: 15px;
	width:100%;
}
.pro_03_img_li .t {
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    font-size: 14px;
}




.news_com_in {
    padding: 15px;
    font-size: 14px;
    line-height: 1.71;
}
.news_com_in p{
	padding:0 5px;
}

.toupdate{
	font-size:24px; letter-spacing:4px;
}

.index_elset > img {
    display: block;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    z-index: 2;
    max-width: 94%;
    max-height: 100%;
}
.index_com_in_text_0607wai {
    padding: 20px 0;
}
.index_com_in_text_0607wai > img:first-child {
    margin-bottom: 15px;
}
.index_com_in_text_0607wai > img {
    max-width: calc(100% - 30px);
}
.index_com_in_text_0607 {
    margin: 15px 15px 20px; flex-wrap: wrap;
}
.index_com_in_text_0607 .pro_03_text_li .bb {
    font-size: 14px; line-height: 2;
}
.index_com_in_text_0607 .pro_03_text_li {
    width: 100%;
}
.index_com_in_text_0607 .pro_03_text_li .bb {
    font-size: 13px;
    line-height: 2;
    font-weight: normal;
}

}