@media all and (min-width:320px) and (max-width:1200px){

.header .inheader{
	width:100%; padding:0 15px;
}
.w1500{
	width:100%; padding:0 15px;
}
.w1700{
	width:100%; padding:0 15px;
}	
.w1200{
	width:100%; box-sizing:border-box; padding:0 15px;
}
.w1000{
	width:100%; box-sizing:border-box; padding:0 15px;
}

.header{
	height:60px; line-height:60px;
}
.header .inheader{
	height:60px; line-height:60px;
}
.header .inheader .menu > li{
	height:60px; line-height:60px;
}

.header.show .logo img {
    opacity: 0;
}
.header .inheader .logo img {
    height: 36px;
}
.header.show {
    background: #fff;
}
.menu_body{
	display:block;
}
.header .menu_body {
    position: relative;
    width: 21px;
    height: 18px;
	display:block;
	top: 22px;
	float:right;
	cursor:pointer;
}
.header .nav_menu_item {
    width: 100%;
    height: 2px;
    background: #999;
    position: absolute;
    -webkit-transition: .36s ease;
    -o-transition: .36s ease;
    -moz-transition: .36s ease;
    transition: .36s ease;
}
.header.show .nav_menu_item {
    background: #999;
}
.header.yanse .nav_menu_item {
    background: #999;
}
.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: 9px;
    -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: 1px;
}
.header .menu_body.show .menu_item_center {
    opacity: 0;
}
.header .menu_body.show .menu_item_bottom {
    bottom: 8px;
    -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;
}
.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;
}
.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;
	border-top:0px;
}
.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,.header.yanse .inheader .menu li li > a {
    font-size: 12px; line-height: 34px; color:#333;
}
.header .menu > li .subnav li a:hover,
.header .menu > li .subnav li a.active{
	color:#ed619f;
}
.header .menu > li:nth-child(2) .subnav,
.header .menu > li:nth-child(3) .subnav,
.header .menu > li:nth-child(5) .subnav,
.header .menu > li:nth-child(6) .subnav,
.header .menu > li:nth-child(7) .subnav{
	transform: translateX(0%) !important;
}
.header .inheader .menu > li.active:after, .header .inheader .menu > li:hover:after {
    display:none;
}
.header .inheader .menu > li.shopdiv {
    margin: 0;
}
.header.yanse .inheader .menu li.active > a, .header.yanse .inheader .menu li:hover > a {
     background: none; color: #000;
}
.header .inheader .menu > li.active > a, .header .inheader .menu > li:hover > a {
    background: none; color: #000;
}
.header.yanse .inheader .menu li > a:hover {
	color: #000;
}
.header .inheader .menu > li.searchdiv{
	margin-left:0px;
}
.header .inheader .menu > li.searchdiv img{
	display:none;
}
.header .inheader .menu > li.searchdiv .subnav {
    width: 100%;
    background: #fff;
    background: #6e6e6e;
    display: block;
	overflow:hidden;
}

#main .flexslider {
    margin-top: 60px;
}
#main .flexslider.flexslider_index{
	margin-top:60px !important;
}
#main .flexslider .flex-control-nav {
    right: 3%;
}
#main .flex-control-paging li a, #main .flex-control-paging li a.flex-active {
    width: 10px;
    height: 10px;
    margin: 4px 0;
}
.bannertext .t {
    font-size: 20px;
    margin: 1% 0 0;
}
.bannertext .b {
    font-size: 14px;
}
.bannertext .line {
    width: 30px;
    height: 4px;
    margin: 10px auto;
}


#index01 {
    padding: 90px 0 40px;
}
.index01 {
    margin-top: 40px;
    padding: 0 20px;
}
.swiper-pagination-box-index {
    margin-top: 15px;
}
.indextitle .fl .t {
    font-size: 20px;
}
.indextitle .fl .b {
    font-size: 14px;
    margin-left: 8px;
    margin-top: 5px;
}
.indextitle .fr div {
    font-size: 12px;
}
.indextitle .fr span {
    font-size: 12px;
    margin: 0 15px;
}

.index01 .swiper-slide {
    width: calc(50% - 5px);
    margin-right: 10px;
}
.swiper-pagination-box-index .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin: 0 4px;
}


#index02{
	padding: 90px 0 40px;
}
.index02{
	margin-top:40px;
}
.index02 .swiper-slide .t {
    font-size: 14px;
    height: 16px;
    line-height: 16px;
    margin: 12px 0 8px;
}
.index02 .swiper-slide .b {
    font-size: 12px;
    height: 14px;
    line-height: 14px;
}
.index02 .swiper-slide .c {
    margin-top: 20px;
}
.index02 .swiper-slide .c span {
    font-size: 14px;
    margin-top: 2px;
}
.index02 .swiper-slide .c a {
    font-size: 12px;
    padding: 4px 14px;
    margin-right: 12px;
}
.index02 .swiper-slide {
    width: calc(33.33% - 6px);
    margin-right: 9px;
}


#index03{
	padding:90px 0 40px;
}
.index03{
	margin-top:40px; width:100%;
}
#index04{
	padding:40px 0;
}
.index04{
	margin-top:40px;
}
#index01,#index02,#index03,#index04{
	padding:30px 0;
}
.index01,.index02,.index03,.index04{
	margin-top:20px;
}





.index03_fl .text {
    padding: 15px 15px 12px;
}
.index03_fl .text .textfl .t {
    font-size: 24px;
    margin: 14px 0 10px;
}
.index03_fl .text .textfl .b {
    font-size: 12px;
}
.index03_fl .text .textfr .t {
    font-size: 14px; height:16px; line-height:16px;
}
.index03_fl .text .textfr .b {
    font-size: 12px;
    line-height: 22px;
    margin: 12px 0;
}
.index03_fl .text .textfr {
    float: right;
    width: calc(100% - 44px);
}
.index03_fr_list {
    margin-bottom: 10px;
    padding: 12px 15px 10px 20px;
}
.index03_fr_list .textfl .t {
    font-size: 24px;
    margin: 14px 0 10px;
}
.index03_fr_list .textfl .b {
    font-size: 12px;
}
.index03_fr_list .textfr .t{
	font-size: 14px; height:16px; line-height:16px;
}
.index03_fr_list .textfr .b{
    font-size: 12px;
    line-height: 22px;
    margin: 12px 0 0;
}
.index03_fr_list .c {
    font-size: 12px;
    margin-top: 30px;
}
.index03_fr_list .textfr {
    margin-left: 18px;
    width: calc(100% - 85px);
}
.index04_fl {
    padding: 60px 30px 40px 70px;
}
.index04_fl .input01 {
    line-height: 28px;
    font-size: 12px;
    margin-top: 40px;
}
.index04_fl .input01.input03 {
    margin-top: 40px;
    height: 34px;
}
.submit input {
    font-size: 12px;
    width: 100px;
    line-height: 32px;
    margin: 20px 0 0;
}


.footer_logo img {
    height: 36px;
}
.footer_menu {

}
#footer01 {
    padding: 15px 0 30px;
}
.footer_menu_list a.t {
    font-size: 14px;
    margin-bottom: 20px;
}
.footer_menu_list {
    margin: 0 25px;
}
.footer_menu_list a.b {
    font-size: 12px;
    margin-bottom: 15px;
}
.footer_menu::before {
    top: 24px;
}
.footer_logo {
    margin-bottom: 40px;
}
.footer_info {

}
.footer_info_list img {
    margin-right: 12px;
    transform: translateY(2px);
	max-height:14px;
}
.footer_info_list {
    margin: 0 25px;
}
.footer02 {
    padding-top: 30px;
}
#footer02 {
    padding-bottom: 40px;
}

.about01 {
    padding: 30px 0;
}
.about01 .about01_r {
    margin-top: 30px;
}
.about01 .about01_r {
    width: 65%;
}
.a_l_t .t {
    font-size: 26px;
    margin-bottom: 15px;
}
.a_l_t .b {
    font-size: 14px;
}
.a_l_t {
    padding: 40px 15px ;
}
.a_l_b .t {
    font-size: 16px;
}
.a_l_b .line {
    margin: 15px 0;
    width: 25px;
    height: 1px;
}
.a_l_b {
    padding: 25px 15px ;
}
.about01_r_list .a_r_l_l .t {
    font-size: 16px;
    margin-bottom: 10px;
}
.about01_r_list .a_r_l_l .b {
    font-size: 12px;
    line-height: 20px;
    padding-left: 12px;
    height: 40px;
}
.about01_r_list {
    padding: 15px 15px 12px;
    margin-bottom: 10px;
}
.about01_r_list .a_r_l_r {
    font-size: 12px;
    margin-top: 30px;
}
.aboutt {
    font-size: 18px;
}
.aboutt span {
    margin-top: 15px;
	font-size:12px;
}
.about02 {
    padding: 0 15px !important;
    margin-top: 40px;
}
#about02 {
    margin: 30px 0;
}
.about_sj img {
    display: inline-block;
    height: 14px;
}
#about03,#online {
    padding: 30px 0px ;
}
.js_list {
    margin-left: 10px;
    width: calc(25% - 8px);
    padding: 30px 10px ;
}
.js_list .img img {
    height: 50px;
}
.js_list .t {
    font-size: 18px;
    margin-top: 30px;
}
.about03 {
    margin-top: 30px;
}


.bannertext.bannertext_page .t{
	font-size:24px;  line-height:50px;
}
.bannertext .line{
	width:40px; height:2px;  margin: 10px auto;
}
.bannertext.bannertext_page .b{
	font-size:24px;
}




#js01 {
    margin: 40px 0 60px;
}
.js_list a {
    padding: 6px 12px;
    margin-top: 60px;
}

.bannertext_page .textbgin {
    padding: 40px 0 40px 4%;
}
.bannertext_page .textbgin .tbt {
    font-size: 20px;
}
.bannertext_page .textbgin .tbt span {
    font-size: 12px;
    margin-left: 10px;
}
.bannertext_page .textbgin .tbbt {
    font-size:16px;
    margin-bottom: 15px;
}
.bannertext_page .textbgin .tbb {
    font-size: 12px;
    line-height: 20px;
	height:40px;
}
.bannertext_page .textbgin .tbline {
    margin: 20px 0;
}

#brands {
    margin: 40px 0;
}
.brands {
    padding: 0 60px 40px;
}
.brands_list {
    padding: 50px 0 40px;
}
.brands_list .t {
    font-size: 18px;
}
.brands_list .b {
    font-size: 12px;
    line-height: 26px;
}
.brands_list .line {
    margin: 15px 0;
}


.probiglist {
    padding-top: 30px;
}
.probiglist .probiglist_text {
    margin-left: 3%;
    margin-top: 60px;
}
.probiglist .probiglist_text .t {
    font-size: 24px; margin-bottom:10px;
}
.probiglist .probiglist_text .b {
    font-size: 24px;
}
.probiglist .probiglist_text .c {
    font-size: 12px;
    line-height: 22px;
}
.probiglist .probiglist_text a {
    font-size: 14px;
    padding: 8px 22px;
    margin-top: 20px;
}
.probiglist .probiglist_text .line {
    width: 32px;
    height: 3px;
    margin: 15px 0;
}
.prosmall_div {
    margin: 15px 0 30px;
}
.prosmall_list .t {
    font-size: 16px;
    margin: 20px 0 10px;
}
.prosmall_list .text {
    padding-left: 10px;
}
.prosmall_list .b {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 15px;
}
#pages {
    margin-top: 40px; padding: 0 40px;
}
#pages li a {
    font-size: 16px;
    padding: 6px 10px;
    margin: 0 2px;
}
.prosmall_list {
    width: calc(33.33% - 20px);
    margin-left: 30px;
}



.pro_show_top {

}
.pro_show_top .t {
    font-size: 22px;
    margin-bottom: 10px;
}
.pro_show_top .b {
    font-size: 14px;
}
.pro_show_02 .pro_show_02_text .t {
    font-size: 20px;
    margin-top: 60px;
}
.pro_show_02 .pro_show_02_text .line {
    margin: 20px 0;
}
.pro_show_02 .pro_show_02_text .b {
    font-size: 12px;
    line-height: 22px;
}
.pro_show_03_list .img img {
    height: 30px;
}
.pro_show_03_list .t {
    font-size: 18px;
    margin: 15px 0 12px;
}
.pro_show_03_list .b {
    font-size: 14px;
    line-height: 28px;
}
.pro_show_03_list {
    margin-top: 20px;
    padding: 0 15px;
}
.pro_show_03 {
    padding: 0 0 20px;
}
.pro_show_03_in {
    padding: 0 30px;
}
.pro_show_05 .pro_show_05_text .t {
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 40px;
}
.pro_show_05 .pro_show_05_text {
    width: 47%;
    margin-left: 2%;
}
.pro_show_05 .pro_show_05_text .blist .blist_l {
    font-size: 12px;
}
.pro_show_05 .pro_show_05_text .blist .blist_r {
	font-size: 12px;
}

.pro_show_06 {
    margin: 30px 0;
}
.pro_show_06 .bt {
    font-size: 20px;
    margin-bottom: 20px;
}
.pro_show_06 .bt span {
    font-size: 14px;
    margin-left: 10px;
}
.pro_show_06 .bt a {
	font-size: 12px;
	line-height: 20px;
}
.swiper-container-pro_show_06 .swiper-slide .t {
	font-size: 16px;
    margin: 10px 0 4px;
}
.swiper-container-pro_show_06 .swiper-slide .b {
    font-size: 12px;
}
.swiper-button-prev.swiper-btn-prev-pro_show_06 {
    left: -22px;
}
.swiper-button-next.swiper-btn-next-pro_show_06{
	right:-22px; 
}
.pro_show_06 .swiper-button-next::after,.pro_show_06 .swiper-button-prev::after{
	font-size:16px;
}


.showdiv{
	margin:30px 0 20px;
}
.showdiv_in {
    padding: 0 30px;
}
.showdiv_in .showt {
    font-size: 22px;
}
.showdiv_in .showb {
    font-size: 14px;
    line-height: 26px;
}
.showdiv_in .showline {
    width: 10px;
    height: 2px;
    margin: 20px auto;
}



.bannertext_page .textbgin > a {
    margin-top: 15px;
    padding: 4px 12px;
}

.newsbig_div {
    margin: 20px auto 40px;
}
.newsbig_list .text .t {
    font-size: 16px;
    margin: 15px 0 10px;
}
.newsbig_list .text {
    padding: 12px 15px 20px;
}
.newsbig_list {
    width: calc(33.33% - 16px);
    margin-top: 24px;
    margin-left: 24px;
}
.newsbig_list .text .date {
    font-size: 12px;
}
.newsbig_list .text .date span {
    font-size: 12px;
    padding: 2px 8px;
    margin-left: 10px;
}
.newsbig_list .text .c {
    padding: 4px 14px;
    margin-top: 15px;
}


.newsreal_div{
	margin:40px 0;
}
.newsreal_list{
	padding:20px 15px;
}
.newsreal_list .text .t div {
    font-size: 14px;
}
.newsreal_list .text .t {
    margin-top: 0;
}
.newsreal_list .text .t span {
    font-size: 12px;
}
.newsreal_list .text .b {
    font-size: 12px;
    line-height: 20px;
    margin: 15px 0 20px;
}
.newsreal_list .text .c {
    padding: 3px 15px;
}


.allnews_list .text {
    padding: 10px 15px 20px;
}
.allnews_list .text .t {
	font-size: 16px;
}
.allnews_list .text .b {
    line-height: 20px;
	margin: 15px 0 20px;
}
.allnews_list .text > a {
    line-height: 18px;
}
.allnews_list .text > a div {
    height: 18px;
    width: 18px;
    margin-right: 4px;
}
.mored a {
    font-size: 12px;
    padding: 10px 25px;
    margin-top: 40px;
}


#about03.service{
	padding-bottom:30px;
}

.asanw_div {
    padding: 0 0px;
}
.asanw .t {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 8px;
}
.asanw .b {
    font-size: 12px;
    line-height: 22px;
    padding-left: 26px;
}
.asanw .t span img {
    width: 14px;
    margin-right: 8px;
}
.asanw {
    padding: 0 40px;
    margin-bottom: 10px;
}
.asanw.show {
    padding: 10px 40px;
    margin-bottom: 10px;
}



.service02 {
    padding: 30px 0;
}
.down_div {
    width: 100%;
}
.down_list .b .bli{
	font-size:12px; 
}
.down_list .t span img {
    width: 14px;
    margin-right: 8px;
}
.down_list .t {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 8px;
}
.down_list .b {
    padding:20px 60px;
}
.down_list .b .bli{
	width:65px; height:65px; margin-right:20px; 
}
.down_list .b .bli img {
    display: inline-block;
    max-height: 24px;
}
.down_list .b .bli {
    font-size: 10px;
}
#downalllist{
	margin:40px 0;
}


.recruit_page {
    bottom: 18%;
}
.recruit_page_tab {
    margin-bottom: 20px;
}
.recruit_page_tab a {
    font-size: 14px;
    margin: 0 15px;
}
.recruit_page_search{
	height:40px;
}
.recruit_page_search input.form-control{
    width: calc(100% - 50px); font-size: 14px;
    line-height: 40px;
}
.recruit_page_search input.btn{
    width: 50px;
}
.recruit{
	margin:40px 0;
}
.recruit_list_top, .recruit_list_li {
    line-height: 30px;
    font-size: 14px;
}
.recruit_list_li{
	font-size:12px;
}
.recruit #pages {
    margin-bottom: 20px;
}
.recruit_01 {
    padding-left: 40px;
}
.recruit_02 {
    padding-left: 30px;
}
.recruit_03 {
    padding-left: 20px;
}


.recruit_show .recruit_show_t {
    font-size: 18px;
}
.recruit_show .recruit_show_b .recruit_show_b_list {
    font-size: 12px;
    margin-left: 40px;
}
.recruit_show .recruit_show_b {
    margin: 10px 0;
}
.recruit_show_mid .recruit_show_t {
    font-size: 14px;
    margin: 12px 0 8px;
}
.recruit_show_mid .recruit_show_b {
    font-size: 12px;
}
.recruit_show_end a {
    padding: 10px 15px;
    font-size: 14px;
    border-radius: 8px;
}
.recruit_show_end a:last-of-type {
    margin-left: 10px;
}
.recruit_show_big {
    margin: 30px 0 20px;
}








.contact01_fl {
    padding: 30px 40px 15px 50px;
}
.contact01_fl .input01 {
    line-height: 28px;
    font-size: 12px;
    margin-top: 40px;
	width: calc(50% - 20px);
}
.contact01_fl .input01.input03 {
    margin-top: 40px;
    height: 34px;
	margin-bottom:20px;
}
.contact01_fl .submit input {
    font-size: 12px;
    width: 100px;
    line-height: 32px;

}
.contact01_fr {
    width: calc(40% - 5px);
}
.contact01_fr > img {
    height: 72%;
}
.contact01_fr_text {
    height: calc(28% - 5px);
}
.contact01_fr_text_list .b {
    font-size: 10px;
}
.contact02 img {
    width: 180px;
}



#cooperation{
	margin:40px 0;
}

.c03_l_con {
    padding: 15px;
}
.c03_l_con .date .datet {
    font-size: 16px;
    margin-bottom: 10px;
}
.c03_l_con .text .textt {
    font-size: 16px;
    margin-bottom: 10px;
}
.c03_l_con .text .textb {
    font-size: 12px;
    line-height: 20px;
}
.c03_l_con .to {
    font-size: 12px;
    margin-top: 20px;
}
a.contact03_list {
    padding-left: 14px;
    margin-top: 15px;
}
a.contact03_list .yuan {
    width: 9px;
    top: 20px;
}
.contact03 {
    padding: 0 15px;
}



.down_list .t {
    font-size: 14px;
    margin-bottom: 6px;
}
.down_list {
    padding-bottom: 6px;
}


}