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


body.menushow {
   overflow: hidden;
    width: 100%;
}
.header.show .logo img {
    opacity: 0;
}
.header.show {
    background: #fff;
}
.menu_body{
	display:block;
}


.moblie-mu .menu {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
	background:#fff;
	left:0px;
	padding: 0 15px;
	box-sizing: border-box;
}
.moblie-mu .menu > li {
    display: block;
    height: auto;
    width: 100%;
    text-align: left;
    padding: 0;
    box-sizing: border-box;
    border-top: 1px solid #f2f2f2;
}
.moblie-mu .menu  a:hover{
	color:#00479d;
}
.moblie-mu .menu > li > a {
    display: block;
    line-height: 50px;
    padding-left: 15px;
    float: left;
    width: calc(100% - 65px);
	font-size: 14px;
	color: #4B4B4B;
}
.moblie-mu .menu > li.active:before, .moblie-mu .menu > li:hover:before{
	display:none;
}
.moblie-mu .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;
}
.moblie-mu .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);
}
.moblie-mu .menu > li .subnav {
    position: static;
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
    background: none;
    clear: both;
	padding:0px;
	display: none;
	transition: none;
}
.moblie-mu .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;
}
.moblie-mu .menu > li .subnav li:hover:before,
.moblie-mu .menu > li .subnav li.active:before{
    display:none;
}
.moblie-mu .menu > li .subnav li a {
    font-size: 13px; line-height: 34px;
}



.bannerelse{
	display:none;
}
.neww1500 {
    margin: 0 15px;
    width: calc(100% - 30px);
}
.header .inheader .pcmenu{
	display:none;
}
.menudiv .pc-mu{
	display:none;
}
.menudiv .moblie-mu {
    display: block;
}
.menu_body {
    width: 22px;
    height: 18px;
    top: 15px;
    right: 15px;
}
.menu_body.show .menu_item_top {
    top: 7px;
}
#main .flexslider .flex-control-paging li a {
    font-size: 12px; width:32px;
}
#main .flexslider .flex-control-paging li a.flex-active {
    font-size: 20px;
}
#main .flexslider .flex-control-nav {
    right: 15px;
    bottom: 10%;
}
.index01div .index01list{
	width:48.5%; float:left; margin-bottom:15px;
}
.index01div .index01list:nth-child(2n){
	float:right;
}
.index01div .index01list {
    height: 230px;
}

.index01div .index01list > img {
    left: -60%;
}
.index01div .index01list:hover .blackdiv .text, .index01div .index01list.active .blackdiv .text {
    padding: 0 15px;
    bottom: 20%;
}
.index01div .index01list .blackdiv .text .t {
    font-size: 16px;
    height: 17px;
    line-height: 17px;
    margin-bottom: 10px;
}
.index01div .index01list .blackdiv .text .b {
    font-size: 12px;
    height: 13px;
    line-height: 13px;
}
.index01div .index01list .blackdiv .text .c {
    font-size: 12px;
    height: auto;
    line-height: 20px;
    margin-bottom: 30px;
	white-space: normal;
}
.index01div .index01list .blackdiv .text a {
    width: 100px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
}
.index01div .index01list .blackdiv .text a img {
    margin-left: 10px;
    height: 10px;
}
.index02con .index02list{
	width:33.33%; margin: 20px 0;
}
#index02 {
    background-position: center center;
}
#index02 .index02 .indext {
    margin-bottom: 30px;
}
#index03 {
    margin: 60px 0;
    padding-top: 30px;
	padding-bottom:30px;
}
#index03 .index03 .index03l {
    width: 100%;
    float: none;
}
#index03 .btmimg{
	display:none;
}
#index03 .rightimg {
    position: static;
    width: calc(100% - 30px);
    margin: 30px auto 0;
}
.index04 .indext {
    margin-bottom: 30px;
}
.index04list{
	width:33.33%; padding: 7.1% 0;
}
.index05 {
    margin-bottom: 45px;
}
.index05 .index05list{
    width: 49%;
    margin-right: 0;
    margin-bottom: 15px;
}
.index05 .index05list:nth-child(2n){
	float:right;
}
#footer .footertop {
    padding-bottom: 5px;
    margin-bottom: 17px;
    line-height: 24px;
}
#footer .footerbottom .l {
    float: none;
	margin-bottom:30px;
}
#footer .footerbottom .r {
    float: none;
    width: 100%;
}
#footer .footerbottom .r .c.ccode img:last-child {
    left: 150%;
}

#main .flexslider .text .t{
	font-size:20px;
}
#main .flexslider .text .b{
	font-size:20px; margin-top:10px;
}
#mbxcon {
    height: auto;
    line-height: 40px;
}
#mbxcon .mbxcon a {
    font-size: 12px;
    margin-right: 0;
    width: 33.33%;
    float: left;
    text-align: center;
}
#mbxcon .mbxcon a.on {
    font-size: 14px;
}
#mbxcon .mbxcon a.on::after {
    width: 20px;
    margin-left: -10px;
    height: 1px;
}
.tabright {
    margin-bottom: 30px;
}
.us01 .us01left {
    float: none;
    width: 100%;
    margin-bottom: 15px;
}
.us01 .us01right {
    float: none;
    width: 100%;
}
.us01 .us01left .c .l span {
    font-size: 30px;
}
.us01 .us01left .c .l:first-child {
    margin-right: 55px;
}
.us01 .us01left .c .l p {
    font-size: 14px;
    margin-top: 10px;
}
.us01 .us01left .c .l sub {
    font-size: 12px;
    transform: translate(0px,-16px);
    -ms-transform: translate(0px,-16px);
    -webkit-transform: translate(0px,-16px);
    -o-transform: translate(0px,-16px);
    -moz-transform: translate(0px,-16px);
}

.us02 .usdiv02list{
	width:48%; margin-bottom:15px; margin-right:0px;
}
.us02 .usdiv02list:nth-child(2n){
	float:right;
}
.us02 .usdiv02list:nth-child(2n+1){
	clear:both;
}
.us02,.us03 {
    margin: 40px auto 25px;
}
.us04 {
    margin: 40px auto 40px;
}
#us05 {
    padding: 40px 0 40px;
}
#pages {
    margin-bottom: 40px;
}

.honordiv .honorli{
	width:48%; margin-bottom:15px; margin-right:0px;
}
.honordiv .honorli:nth-child(2n){
	float:right;
}
.honordiv .honorli.on {
    transform: translate(0px,-5px);
    -ms-transform: translate(0px,-5px);
    -webkit-transform: translate(0px,-5px);
    -o-transform: translate(0px,-5px);
    -moz-transform: translate(0px,-5px);
}
.honordiv .honorli .fdj {
    margin-bottom: 10px;
}
.honordiv .honorli .t {
    font-size: 14px;
    height: 16px;
    line-height: 16px;
}


.pp06 .pp06list .t {
    font-size: 22px;
    color: #343434;
    font-weight: bold;
}
.pp06 .pp06list .b {
    font-size: 14px;
    margin: 6px 0 10px;
	line-height:20px;
}
.pp06 .pp06list .d {
    font-size: 12px;
    line-height: 18px;
}
.pp06 .pp06list {
    padding: 10px 15px 0px 44px;
}


.us06list{
	width:48.5%; margin-bottom:15px; margin-right:0px; padding: 10px 10px 0;
}
.us06list:nth-child(2n){
	float:right;
}

.us04 .us04listleft{
	width:100%; margin-bottom:15px; float:none;
}
.us04 .us04listright{
	width:100%; margin-bottom:15px; position:relative; 
}

.servicediv {
    margin: 40px 0 25px;
}
.servicelist{
	width:48.5%; margin-bottom:15px; margin-right:0px;
}
.servicelist:nth-child(2n){
	float:right;
}
.servicelist .text {
    padding: 0 5px 0 5px;
}
.servicelist .left .t {
    font-size: 16px;
    margin-bottom: 10px;
}
.servicelist .left .b {
	font-size: 12px;
}
.news_show_left_top .t {
    font-size: 22px;
    line-height: 26px;
}
.news_show_left_top .b {
    font-size: 12px;
    padding: 14px 0 14px;
    margin-bottom: 14px;
}
.prevnext {
    height: 40px;
    line-height: 40px;
    margin-bottom: 40px;
}
.prevnext a {
    font-size: 12px;
}
.prevnext a.prevnextli img {
    width: 12px;
}
.prevnext a.prevnextmid img {
    width: 18px; margin-top: 12px;
}


.newsdiv{
	margin:40px auto;
}
.newsdiv .newslist .img {
    width: 100%; margin-bottom:15px;float: none;
}
.newsdiv .newslist .text {
    float: none;
    width: 100%;
    margin-right: 0;
}
.newsdiv .newslist .text .b{
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: -o-box;
}
.newsdiv .newslist .text .d a {
    width: 90px;
    font-size: 12px;
}
.newsdiv .newslist .text .d span {
    font-size: 12px;
}

.newsshow .t {
    font-size: 18px;
    margin-bottom: 10px;
}
.newsshow .prevnext a.backto {
    margin-top: 0;
    position: static;
    margin-top: 12px;
}

.newsshow .prevnext a {
    font-size: 14px;
    line-height: 22px;
	margin-bottom:10px;
}


.contact01{
	margin:40px auto;
}
.contact02 {
	margin-bottom: 40px;
}
.contact03 {
	margin-bottom: 30px;
}
.contactt {
	font-size: 20px;
	margin-bottom: 20px;
}
.contact01 .contact01list{
	width:50%;
}
.contact01 .contact01list:nth-last-child(2),
.contact01 .contact01list:nth-last-child(4){
	border-right:0px solid #fff;
}
.contact01 .contact01list:nth-last-child(2):after,
.contact01 .contact01list:nth-last-child(4):after{
	display:none;
}
.contact03 .contact03list{
	width:48.2%; margin-right:0px; margin-bottom:15px;
}
.contact03 .contact03list:nth-child(2n){
	float:right;
}

.messagediv{
	margin:40px auto;
}
.messagediv .mtop input{
	width:48%; margin-right:0px; padding:0 15px; height: 50px;
}
.messagediv .mtop input:nth-child(2n){
	float:right;
}
.messagediv textarea {
    height: 150px;
}



.messagediv01{
	margin:40px auto;
}
.messagediv01 .mtop input{
	width:48%; margin-right:0px; padding:0 15px; height: 50px;
}
.messagediv01 .mtop input:nth-child(2n){
	float:right;
}
.messagediv01 textarea {
    height: 150px;
}
.messagediv01 .mtop input:nth-child(6),
.messagediv01 .mtop input:nth-child(7),
.messagediv01 .mtop input:nth-child(8){
	width:48%; margin-right:0;
}

#zp01{
	margin:40px auto;
}
.zp01 .zp01con {
    width: 100%;
}
#zp01 > img {
    position: static;
    width: calc(100% - 30px);
    margin: 20px 15px 0;
}

.zp02{
	margin:40px auto;
}

.zp02 .zp02list{
	margin-top:40px;
}
.zp02 .zp02list .img{
	float:none; width:100%; margin-bottom:15px;
}
.zp02 .zp02list .text{
	float:none; width:100%;
}

.zp03 .zp03biglist div {
    line-height: 30px;
    font-size: 14px;
}
.zp03 .zp03list div {
    height: auto;
    line-height: 24px;
    font-size: 12px;
}
.zp03 .zp03list div a {
    width: 90%;
}
.zp03 .zp03list {
    padding: 20px 0 10px;
}
.zp03 .zp03biglist div{
	width:23%; margin-right:2.66%;
}
.zp03 .zp03list div{
	width:23%; margin-right:2.66%;
}
.zpshow .zpshowlist .zpshowlistdiv{
	width:50%;  margin-bottom:15px;
}
.zpshow .zpshowlist .zpshowlistdiv:first-child {
    text-align:center;
}
.zpshow .zpshowlist .zpshowlistdiv:nth-child(3):before{
	display:none;
}
.zpshow .zpshowlist .zpshowlistdiv .t {
    font-size: 16px;
    margin-bottom: 8px;
}
.zpshow .zpshowlist .zpshowlistdiv .b {
    font-size: 14px;
    line-height: 20px;
}
.zpshow .zpshowlist {
    margin-bottom: 25px;
}

.jump .jumpleft {
    width: 100%;
    float: none;
}
.jump > img{
	display:none;
}




#main .flexslider .slides > li .newtext .newtextin{
    width: calc(100% - 60px);
}
#main .flexslider .slides > li .newtext .newtextin .newt {
    font-size: 18px;
    margin-bottom: 10px;
}
#main .flexslider .slides > li .newtext .newtextin .newb {
    font-size: 12px;
    line-height: 20px;
}


.us01_02 .us01_02left {
    float: none;
    width: 100%;
    margin-bottom: 15px;
}
.us01_02 .us01_02right {
    float: none;
    width: 100%;
}
.us01_02 .us01_02right .b {
    font-size: 14px;
    line-height: 24px;
}
.us01_02 {
    margin-bottom: 40px;
}
#new_right_message{
	display:none !important;
}












}