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


body.menushow {
   overflow: hidden;
    width: 100%;
}
.mtb120{
	margin-top:30px; margin-bottom:30px;
}
.pt100{
	padding-top:50px;
}
.pb100{
	padding-bottom:50px;
}
.pt80{
	padding-top:30px;
}
.pb80{
	padding-bottom:30px;
}
.mt80{
	margin-top:30px;
}




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

.header.show .logo img {
    opacity: 0;
}
.header .inheader .logo img {
    max-height: 35px;
}
.header .headerlang {
    margin: 0 15px 0 0;
}
.header .headerlang span:nth-child(2) {
    margin: 0 8px;
}
.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: #fff;
    position: absolute;
    -webkit-transition: .36s ease;
    -o-transition: .36s ease;
    -moz-transition: .36s ease;
    transition: .36s ease;
}
.header.show .nav_menu_item {
    background: #CC3333;
}
.header.yanse .nav_menu_item {
    background: #CC3333;
}

.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;
	overflow-y: auto;
	margin-left:0px;
}
.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: #333 !important;
}
.header .inheader .menu > li.active, .header .inheader .menu > li:hover {
    background: none;
    border-top: 1px solid #f2f2f2;
}
.header .inheader .menu > li.active:after,
.header .inheader .menu > li:hover:after,
.header .inheader .menu > li.active > a:after,
.header .inheader .menu > li:hover > a:after,
.header .menu > li .subnav.prosubnav .menu_pro_img{
	display:none;
}

.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: #00327e;
    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;
	width:100%;
}
.header .menu > li .subnav a {
    display: block;
    text-align: left;
    font-size: 12px;
    color: #999;
    line-height: 36px;
    padding:0 30px;
    border-top: 1px solid #f2f2f2;
}
.header .menu > li .subnav ul{
	padding:0px;
}
.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 .menu > li .subnav li a:hover,
.header .menu > li .subnav li a.active{
	color:#00327e;
}
.header .menu > li .subnav.externallinks{
	margin-right:0px; float:none;
}
.header .menu > li .subnav.externallinks li{
	display:block; width:100%; float:none; margin-left:0px;
}





.swiper_container_banner .text .text_t {
	font-size: 34px;
	margin-top: 0;
}
.swiper_container_banner .text .text_b {
	font-size: 18px;
	margin: 20px 0 10px;
}
.swiper_container_banner .text .text_c {
	font-size: 16px;
}

.swiper_container_banner .text.text_page .text_t_page {
	font-size: 15px;
	letter-spacing: 2px;
}
.swiper_container_banner .text.text_page .text_b_page {
	font-size: 36px;
	margin: 20px 0 30px;
}
.swiper_container_banner .text.text_page .text_c_page {
	font-size: 17px;
}



.index01_list {
	padding: 18px 0;
	width: 50%;
	margin-left:0px;
	justify-content: left;
}
.index01_list .index01_left img {
	height: 40px;
}
.index01_list .index01_left {
	margin-right: 7px;
}
.index01_list .index01_right .t {
	font-size: 14px;
}
.index01 .w1600{
	padding-right:0px;
}


.index_title .t {
	font-size: 30px;
	margin-bottom: 20px;
}
.index_title .b {
	font-size: 20px;
}
.index_title .c {
	font-size: 13px;
	margin: 20px 0;
}
.index_title .a a {
	font-size: 14px;
	width: 100px;
	padding: 10px 0;
}


.index02 {
	padding: 40px 0;
}
.index02_con {
	margin-top: 30px; flex-wrap:wrap;
}
.index02_list{
	width:100%; margin-left:0px; padding:15px; margin-top:15px;
}
.index02_list:first-child{
	margin-top:0px;
}
.index02_list .t{
	font-size:17px;
}
.index02_list .line{
	width: 30px; height: 3px; margin:15px 0 12px;
}
.index02_list .b{
	font-size:13px;
}


.index03_list .img {
	width: 100%; position:static;
}
.index03_list .img img{
	width: 100%; position:static; transform:unset;
}
.index03_list .text {
	width: 100%;
}
.index03_list .text {
	height: auto;
	padding: 20px;
}
.index03_list .text .b {
	font-size: 13px;
	margin: 10px 0 15px;
}

.home-story li .t {
	font-size: 16px;
}
.home-story li .d {
	font-size: 12px;
	margin: 10px 0 35px;
	padding: 0 15px 0 0;
	line-height: 1.75;
}

.footer .ft-center{
	flex-wrap:wrap; font-size: 14px;
}
.footer .ft-center .info {
	max-width: 100%; width: 100%;
	line-height: 1.75;
}
.footer .ft-center .code {
	padding-right: 0;
	justify-content: normal;
	margin:15px 0;
}

.footer .bottomCopyr{
	flex-wrap:wrap; font-size: 12px;
}
.footer .bottomCopyr .icp,.footer .bottomCopyr .copyr{
	width: 100%; text-align:center;
}
.footer .bottomCopyr .copyr{
	margin-top:10px;
}


.us01_left{
	width:100%;
}
.us01_right{
	width:100%;
}

.us02_list{
	width:100%; margin-top:20px;
}
.us02_list:first-child{
	margin-top:0px;
}

.us01_right {
	padding: 15px 20px;
}
.us01_right .a img {
	width: 20px;
	right: 5px;
}
.us01_left .us01_left_list{
	margin-top:0; margin-bottom:20px;
}
.us01_left .us01_left_list:first-child{
	margin-top:20px;
}
.us01_left .us01_left_list .t{
	font-size: 46px;
}
.us01_left .us01_left_list .b{
	font-size: 15px; margin-top:10px;
}
.paget em{
	width:3px;	margin-right:12px; transform:translateY(2px);
}
.paget span{
	font-size: 20px;
}
.us01_right .b{
	font-size: 20px; margin:20px 0 15px;
}
.us02_list .text a{
	position:static; transform:unset;
}
.us02_list .t {
	font-size: 20px;
	margin-bottom: 20px;
}




.pro01_list{
	width:100%; margin-left:0; margin-top:20px; box-shadow:0 2px 25px rgba(0, 0, 0, 0.15); padding: 20px 15px 20px;
}
.pro01_list:first-child{
	margin-top:0px;
}
.pro01_list .text .t {
	font-size: 22px;
	margin: 25px 0 15px;
}

.pageb {
	line-height: 1.75;
}
.pro02_in {
	margin: 40px 0;
}
.pro02_list{
	width:100%; margin-top:20px; margin-left:0; padding:15px;
}
.pro02_list:nth-child(2n+1){
	margin-left:0px;
}
.pro02_list:nth-child(-n+2){
	margin-top:20px;
}
.pro02_list:nth-child(-n+1){
	margin-top:0;
}
.pro02_list .text{
	width:100%; padding-left: 0px; padding-bottom:15px;
}
.pro02_list .img{
	width:100%;
}
.pro02_list .text .t {
	font-size: 18px;
}
.pro02_list .text .line {
	width: 38px;
	height: 2px;
	margin: 15px 0 20px;
}
.pro02_list .text .b {
	font-size: 15px;
	line-height: 2;
}

.pro03_list{
	width:100%; margin-top:20px; margin-left:0;  padding: 30px 0; box-shadow:0 2px 25px rgba(0, 0, 0, 0.15);
}
.pro03_list:nth-child(-n+1){
	margin-top:0;
}
.pro03_list .t {
	font-size: 18px;
}
.pro03_list .b {
	font-size: 34px;
	margin-top: 25px;
}



}