@media (min-width: 1800px)
{
	.swipslider{height:750px;}
	.ny{height:450px;}
}

@media (min-width: 1600px)
{
	.swipslider{height:680px;}
	.ny{height:450px;}
}

@media (max-width:1600px)
{
	.swipslider{height:600px;}
	.ny{height:400px;}
	.casebox .case ul a{height:200px;}
}



@media (max-width:1500px)
{	 

	.swipslider{height:550px;}
	.ny{height:330px;}
	.map{overflow:hidden;}
	.header .nav_box .phonebox li{font-size:1em;}
	.header .nav_box .nav li a {font-size: 1.1em;letter-spacing:1px;}

	.productbox .product ul li{height:400px;}

    .newsbox .news .news_right img{width:100%;}
	.footerbox .footer .footer_right .copyright{clear:both;padding-bottom:9px;}
}


@media (max-width:1330px)
{
	.swipslider{height:450px;}
	.ny{height:310px;}
	.container{width:96%;margin:auto 2%;}
	.header .nav_box .phonebox{display:block;}
	.header .nav_box .phonebox li{display:none;}
	.header .nav_box .phonebox li:nth-child(1){display:inline-block;}
	.header .nav_box .phonebox li:nth-child(1) em{display:none;}
}


@media (max-width:1125px)
{
	*{font-family:"黑体";}
	.pc{display:none;width:100%;height:auto;}
	.pc img{width:100%;}
	.sp img{width:100%;}
	.sp{display:block;width:100%;height:auto;}
	.container{width:96%;margin:auto 2%;}
	.top_region{display: none;}
	.header{width:80%;height:50px;display:none;}
	.header-sp{width:100%;height:50px;display:block;background:#0f166d;color:#fff;}
	.header-sp .logo{width:50%;height:42px;padding:4px 0;}
	.header-sp .logo a{width:100%;height:100%;display:inline-block;overflow:hidden;}
	.header-sp .logo a img{max-width:100%;height:100%;}

	.header-sp .list_dao{padding:0 0; bordeer:1px solid red; width:50px; height:50px;}
	.header-sp .list_dao i{width:50px;height:50px;display:inline-block;float:right;cursor:pointer;position:relative;}
	.header-sp .list_dao i span{position:absolute;left:calc((100% - 25px) / 2); top: calc((100% - 1px) / 2);width:25px;height:2px;background-color: rgb(255, 255, 255);}
	.header-sp .list_dao i span:nth-child(1) {transform: translateY(4px) rotate(0deg);animation-duration:0.5s;animation-fill-mode:both;animation-name:outfirst;}
	.header-sp .list_dao i span:nth-child(2) {transform: translateY(-4px) rotate(0deg);animation-duration:0.5s;animation-fill-mode:both;animation-name:outsecond;}
	.header-sp .list_dao .onhover span:nth-child(1){animation-duration:0.5s;animation-fill-mode:both;animation-name:clickfirst;}
	.header-sp .list_dao .onhover span:nth-child(2){animation-duration:0.5s;animation-fill-modeboth;animation-name:clicksecond;}
	.header-sp .list_dao i img{width:100%;}

	.nav-sp{width:100%;padding:0 0;display:none;font-size:12px;}
	.nav-sp .home{width:100%;height:50px;line-height:50px;font-weight:normal;text-indent:40px;background:#f2f2f2;border-bottom:1px solid #e1e1e1;font-size:16px;color:#333;display:block;}
	.nav-sp h5{width:100%;height:50px;line-height:50px;font-weight:normal;text-indent:40px;background:#f2f2f2;border-bottom:1px solid #e1e1e1;}
	.nav-sp h5 i{float:right; margin-right:2em; font-family: "宋体"; font-size:1.2em;}
	.nav-sp h5 a{font-size:16px;color:#333;}
	.nav-sp ul {width:100%;height:auto;background:#fff;padding:0 0;display:none; font-size:12px;}
	.nav-sp ul li{width:100%;height:auto;display:inline-block;text-align:center;float:left;height:4em;line-height:4em;box-sizing:border-box;border-bottom:1px solid #ececec;}
	.nav-sp ul li:nth-child(2n){border-left:1px solid #ececec;}
	.nav-sp ul li a{color:#333;font-size:1.2em;width:100%;height:100%;display:block;}

	.header-sp-index{display:none;}
	.logo-sp-index {
	    width: 100%;
	    height: auto;
	    background: #ffffff;
	    color: #3333333;
	    display: block;
	    padding: 0.5em 0;
	}

	.logo-sp-index .logo-sp-index-left {
	    width: 45%;
	    height: 50px;
	    float: left;
	}

	.logo-sp-index .logo-sp-index-left a {
	    width: 100%;
	    height: 100%;
	    overflow: hidden;
	    display: block;
	    color: #fff;
	    font-size: 1em;
	    line-height: 30px;
	}

	.logo-sp-index .logo-sp-index-left a h1 {
	    font-size: 1.2em;
	    letter-spacing: 1pt;
	}

	.logo-sp-index .logo-sp-index-left a p {
	    font-size: 0.8em;
	}

	.logo-sp-index .logo-sp-index-right {
	    height: 50px;
	    padding-left: 36px;
	    background: url(../images/small_tel_icon02.png) no-repeat 0 9px;
	    float: right;
	    box-sizing: border-box;
	    padding-right: .2em;
	}

	.logo-sp-index .logo-sp-index-right p {
	    width: 100%;
	    font-size: .9em;
	    font-weight: bold;
	}

	.logo-sp-index .logo-sp-index-right p:first-child {
	    line-height: 1.2em;
	    margin-top: .5em;
	}

	.logo-sp-index .logo-sp-index-right p a {
	    color: #de9b11;
	    font-weight: bold;
	    font-size: 1.3em;
	}
	.nav-sp-index{display:block;width:100%;height:auto;background:#004EA2;}
	.nav-sp-index ul{width:100%;height:auto;border-top:1px solid #f2f2f2;}
	.nav-sp-index ul li{width:25%;height:50px;line-height:50px;float:left;box-sizing:border-box;border-right:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;}
	.nav-sp-index ul li:nth-child(4n){border-right:0;}
	.nav-sp-index ul li a{width:100%;height:100%;display:block;color:#fff;text-align:center;}

	.kong { display: none; }
	.index-banner{display:none;}
	.index-banner-sp{width:100%;height:320px;display:block;}
	.index-banner-sp img{width:100%;max-height:320px;display:block;}

	.swipslider{height:450px;}
	.swipslider .sw-slide{
		margin-top: 0;
	}
	.ny{height:550px;}
	
	.brandbox{padding:1em 0;}

	.title1{width:100%;height:2em;line-height:2em;font-size:1.5em;padding:0.5em 0;background:#004EA2;color:#fff;text-indent:0.8em;}
	.title1 b{font-size:2em;}
  @media screen and (max-width: 768px) {	
	.title1 h2{line-height:0.7em;}
   .title1{line-height:0.7em;}
}
	.brandbox .brand ul{width:100%;float:none;}
	.brandbox .brand ul li h2{width:100%;height:2em;line-height:2em;}
	.brandbox .brand ul li{width:100%;}
	.brandbox .brand ul li dt{font-size:1.1em;}
	.brandbox .brand .videobox{width:100%;height:auto;display:block;float:none;text-align:center;margin:0px auto;}
	.brandbox .brand .videobox img{width:100%;}

	.productbox{padding:1em 0;}
	.productbox .product ul li{
        height:300px;
        background-size:auto 100%;
    }
	.productbox .product ul li .text{width:100%;}
	.productbox .product ul li .text a{width:100%;height:100%;text-align:Center;padding:0.5em 0;}
	.productbox .product ul li:nth-child(3) .text a{left:0;}
	.productbox .product ul li:nth-child(4) .text a{left:0;width:100%;}
	.productbox .product ul li .text a h2{font-size:1.5em;}
	.productbox .product ul li .text a i{display:block;width:50px;height:50px;margin-top:60px;}
	.productbox .product ul li:nth-child(2) .text a i{background-image:url(../images/sp-index-icon1.png);}
	.productbox .product ul li:nth-child(3) .text a i{background-image:url(../images/sp-index-icon2.png);}
	.productbox .product ul li:nth-child(4) .text a i{background-image:url(../images/sp-index-icon3.png);}
	.productbox .product ul li:hover .text a i{margin-top:1em;}


	.casebox {display:block;padding:1em 0;}
	.casebox .case .case_title{margin-bottom:0;}
	.casebox .case .case_title .case_title_left{width:100%;float:none;display:none;}
	/*.casebox .case .case_title .case_title_right{width:100%;display:block;position:relative;margin-bottom:0px;background:#0f166d;}
	.casebox .case .case_title .case_title_right a{width:50%;display:block;float:left;color:#fff;}
	.casebox .case .case_title .case_title_right a:hover{background:#fff;color:#0f166d;}
	.casebox .case .case_title .case_title_right a:nth-child(1) i{background-image:url(../images/icon01.png);}
	.casebox .case .case_title .case_title_right a:nth-child(2) i{background-image:url(../images/icon02.png);}*/
	.casebox .case ul a li div{opacity:0.8;}
	.casebox .case ul a li div b{opacity:1;}
	.casebox .case ul a{width:49%;margin:10px 1%;}
	.casebox .case ul a:nth-child(1){margin-left:0;}
	.casebox .case ul a:nth-child(2n+1){margin-left:0;}
	.casebox .case ul a:nth-child(2n){margin-left:0;}

	.newsbox{padding:1em 0;}
	.newsbox .news .news_left{width:100%;float:none;}
	.newsbox .news .news_left ul li .time{width:80px;height:80px;background:#999;border:0;padding:5px 0;color:#fff;}
	.newsbox .news .news_left ul li .time b{font-size:30px;font-family:"黑体";}
	.newsbox .news .news_left ul li .time p{font-family:"黑体"; font-size: 20px;}
	.newsbox .news .news_left ul li .text{width:calc(100% - 80px);padding:0 0 0 10px;box-sizing:border-box;}
	.newsbox .news .news_right{width:100%;float:none;}
	.newsbox .news .news_right img{display: none;}
	.newsbox .news .news_right h1{margin:0 0;}
	.environbox{display:none;}

	.partnerbox{display:none;}
	.partner .partner_title h1{width:100%;}


.footerbox {width: 100%;height: auto;background: #004EA2; color: #fff; overflow: hidden; margin-bottom: 64px;}

	.footerbox .footer_link{width:100%;display:block;text-align:center;height:90px;border-bottom:1px solid #fff;padding:0.5em 0;}
	.footerbox .footer_link li{width:25%;float:left;height:30px;line-height:30px;position:relative;}
	.footerbox .footer_link li a{width:100%;height:100%;display:block;color:#fff;}
	.footerbox .footer_link li:after{background:#fff;content:"";width:1px;height:12px;position:absolute;right:0;top:50%;margin-top:-6px;}
	.footerbox .footer_link li:nth-child(4):after{display:none;}
	.footerbox .footer_link li:nth-child(8):after{display:none;}
	.footerbox .footer_link li:last-child:after{display:none;}
	.footerbox .footer .footer_image{display:none;}
	.footerbox .footer .footer_nav{display:none;}
	.footerbox .footer .footer_right{width:100%;padding:0.8em 0 1em 0;}
	.footerbox .footer .footer_right .flink{display:none;}
	.footerbox .footer .footer_right .copyright{display:none;text-align:center;}
	.footerbox .footer .footer_right .copyright-sp{display:block;}
	.footerbox .footer .footer_right .copyright-sp li{width:auto;display:inline-block;font-size:14px;padding:0 6px 0px 2px;position:relative;margin: 0 0;}
	.footerbox .footer .footer_right .copyright-sp li:last-child:after{display:none;}
	.footerbox .footer .footer_right .copyright-sp li a{width:100%;height:auto;display:block; text-align:center;}
	.footerbox .footer .footer_right .copyright-sp li a em{width:15px;height:15px;display:inline-block;border:1px solid #f2f2f2;border-radius:0%;line-height:14px;margin-right:2px;}



	.footerbox .img_foot{width:300px;margin:0 auto;display: flex; margin-top:0.5em; margin-bottom:0.5em;}
	.footerbox .img_foot a{ width:50%;position:relative;text-align:center;}
	.footerbox .img_foot a em{width:2em;height:2em;display:inline-block;margin:0 auto;margin-bottom:-12px;background-color:#3399cc;background-position:center center;background-repeat:no-repeat;border-radius:50%;}
	.footerbox .img_foot a .message_ico{background-image:url(../images/footer_mes.png);}
	.footerbox .img_foot a .tel_ico{background-image:url(../images/footer_tel.png);}
	.footerbox .img_foot a i{ font-size:16px; line-height:2em; margin-left:5px; letter-spacing:1px}
	.footerbox .img_foot a.jdx:after{background:#fff;content:"";width:1px;height:12px;position:absolute;right:0;top:50%;margin-top:-6px;}




	.fixm{position: fixed;width: 100%; bottom: 0px;left: 0px;background:rgba(0, 78, 162,0.8);z-index: 999;height:64px;display:block;}
	.fixm ul {width: 100%;}
	.fixm li {width: 25%; padding: 10px 0 2px;background: url("../images/bcm5.png") no-repeat right center;background-size: 2px 65px;float:left;}
	.fixm li p {text-align: center;font-size: 1em; color: #fff;}
	.fixm li.cur {background: none;}
	.fixm li img {display: block;margin: 0 auto 2px;width: 25px;}

	.flink{display:none;}






	.floatbox{display:none;}

	.left{width:100%;float:none;padding:0 0;margin:1em 0;}
	.left h1{height:50px;line-height:50px;margin:0 0;}
	#left_bott li{height:50px;line-height:50px;}
	.left .left_bott:nth-child(2){display:none;}
	.right{width:100%;float:none;padding:0 0;margin:0 0;overflow:hidden;}

	.piclistbox{padding:1em 0;}
	.piclistbox ul li{width:100%;}

	.prolistbox ul li dt{width:100%;float:none;}
	.prolistbox ul li dd{width:100%;float:none;}

	.listbox ul li dt{width:100%;float:none;height:200px;}
	.listbox ul li dd{width:100%;float:none;padding:0.5em 0;}
	.listbox ul li dd h1 span{display:none;}
	.listbox ul li dd h1{margin-top:1em;}

	.right .right_top{word-wrap:break-word;word-break:break-all;word-break:normal; overflow:visible;padding:10px 0;height:auto;white-space:normal;margin-bottom:0;}
	.right .right_top .right_top_left{width:100%;float:none;height:auto;line-height:40px;font-weight:600;overflow:visible;word-wrap:break-word;word-break:normal;word-break:break-all; }
	.right .right_top .right_top_right{width:100%;float:none;line-height:30px;height: auto;}
	.right .right_top .right_top_right a{line-height:30px;}
	.right .row{padding:15px 10px;overflow:hidden;border:0;margin: 0 0;}
	.map{display:none;}

	.listbox .list-box-search{float:none;width:100%;margin-top:10px;}
	.listbox .list-box-search input[type="submit"]{float:right;}
	.listbox .jiameng-box-search{float:none;width:100%;margin-top:10px;}
	.listbox .jiameng-box-search button{float:right;}
	.hechabox{margin:0 auto;}
	
	.left.fl{
		display: none;
	}
	
	.sj_footer .container,
	.m_copy .comtainer{
		padding-right: 15px;
		padding-left: 15px;
		margin-right: auto;
		margin-left: auto;
		-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
			  box-sizing: border-box;
	}
	.sj_footer .clearfix:after,
	.sj_footer .container:after,
	.sj_footer .row:after,
	.m_copy .container:after,
	.m_copy .row:after{
		clear: both;
		-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
			  box-sizing: border-box;
	}
	.sj_footer ul{
	  margin-top: 0;
	  margin-bottom: 10px;
	}
	.sj_footer .text-center,
	.m_copy .text-center{
	  text-align: center;
	}
	.sj_footer .row {
	  margin-right: -15px;
	  margin-left: -15px;
	}
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	  position: relative;
	  min-height: 1px;
	  padding-right: 15px;
	  padding-left: 15px;
		-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
			  box-sizing: border-box;
	}
	.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
	  float: left;
	}
	.col-xs-12 {
	  width: 100%;
	}
	.col-xs-11 {
	  width: 91.66666667%;
	}
	.col-xs-10 {
	  width: 83.33333333%;
	}
	.col-xs-9 {
	  width: 75%;
	}
	.col-xs-8 {
	  width: 66.66666667%;
	}
	.col-xs-7 {
	  width: 58.33333333%;
	}
	.col-xs-6 {
	  width: 50%;
	}
	.col-xs-5 {
	  width: 41.66666667%;
	}
	.col-xs-4 {
	  width: 33.33333333%;
	}
	.col-xs-3 {
	  width: 25%;
	}
	.col-xs-2 {
	  width: 16.66666667%;
	}
	.col-xs-1 {
	  width: 8.33333333%;
	}
	.sj_footer .row:before,
	.sj_footer .row:after{
	  display: table;
	  content: " ";
	}
    
    
    /*========contact=========*/
    .essential{
        padding-top: 30px;
    /*    margin-bottom: 50px;*/
    }
    .essential_title {
        letter-spacing: 1px;
        margin-bottom: 20px;
    }
    .essential_title div {
        font-size: 40px;
        line-height: 40px;
        height: 40px;
    }
    .essential_title h1{
        margin-top: 0;
    }
    .essential_title h1:before{
        width: 100px;
        background: url(../images/img164_5.png) no-repeat right 0;
        background-size: cover;
    }
    .essential_title h1:after{
        width: 100px;
        background: url(../images/img164_6.png) no-repeat left 0;
        background-size: cover;
    }
    .essential_title h1 span {
        font-size: 24px;
        padding: 0 10px;
    }
    .essential_part{
        height: 100px;
        overflow: hidden;
        position: relative;
        margin-bottom: 10px;
    }
    .essential_part span{
        width: 48px;
        height: 48px;
        position: absolute;
        left: 30px;
        top: 26px;
    }

    .essential_part p{
        font-size: 16px;
        margin: 0;
        position: absolute;
        left: 100px;
        top: 26px;
    }
    .essential_part h3{
        font-size: 18px;
        margin: 0;
        line-height: 22px;
        position: absolute;
        left: 100px;
        top: 50px;
        padding-right: 20px;
        text-align: justify;
    }

    .essential_part:hover{
        box-shadow: 2px 2px 20px rgba(0,0,0,.4);
        transform: scale(1.05);
    }
    .essential .row > div:last-child{
        margin-bottom: 0;
    }
    .essential .row > div:last-child p{
        top: 16px;
    }
    .essential .row > div:last-child h3{
        top: 40px;
    }
    .dituContent{
        height: 400px;
        margin: 30px auto;
        background: url(../images/map_pic_small.jpg) no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
    }
    .bounced{
        width: 95%;
        height: 180px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 12%;
        z-index: 9;
    }
    .bounced .description{
        height: auto; 
        padding: 15px 10px;
    }
    .bounced .description h3{
        font-size: 18px;
    }
    .bounced .description p{
        font-size: 14px;
        line-height: 20px;
    }

    /*在线留言*/
    .messlist {
        height: 60px;
        position: relative;
        margin-bottom: 10px;
    }
    .messlist label{
        width: 80px; 
    }
    .messlist.textareas{ 
        margin-bottom: 40px;
    }
    .messlist textarea{
        width: 100%; 
    }
    .messlist.yzms{
        margin-bottom: 0;
    }
    .messlist.yzms input{
        width: 120px;
    }
    #label0,
    #label1,
    #label2,
    #label3,
    #label4,
    #label5,
    #label6,
    #label7{
        display: none;
        color: red;
        height: 28px;
        line-height: 28px;
        position: absolute;
        left: 80px;
        bottom: 0;
    }
    .messsub{
        margin: 10px auto 20px;
    }
    #nb_toolbar_wrap{
        display: block;
        position: fixed;
        width: 100%;
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
        align-items: center;
        z-index: 2247483647;
        left: 0;
    }
    #nb_toolbar_wrap:before {
        content: '';
        position: absolute;
        width: 200%;
        height: 200%;
        top: 0;
        left: 0;
        transform: scale(.5);
        transform-origin: 0 0;
        box-sizing: border-box;
        border-top: 1px solid #bbb;
        z-index: -1;
    }

    #nb_toolbar_wrap.qiao-toolbar-btn-two a {
        width: 42%;
        margin-right: 5%;
    }
    #nb_toolbar_wrap a {
        font-size: 1em;
        display: inline-block;
        width: 28%;
        height: 67%;
        text-align: center;
        position: relative;
        border-radius: .15em;
        justify-content: center;
        align-items: center;
        display: flex;
        text-decoration: none;
    }
    #nb_toolbar_wrap a:after {
        content: '';
        position: absolute;
        width: 200%;
        height: 200%;
        top: 0;
        left: 0;
        transform: scale(.5);
        transform-origin: 0 0;
        box-sizing: border-box;
        border: 1px solid #bbb;
        pointer-events: none;
        border-radius: .25em
    }
    #nb_toolbar_wrap.qiao-toolbar-btn-two a.qiao-toolbar-btn-last {
        margin-right: 0;
    }
   .sentbox{
        top: 60px;
        width: 90%;
        height: auto;
        padding: 10px;
        padding-bottom: 30px;
        border-radius: 10px;
    }
    .xx_tit{
        font-size: 18px;
        line-height: 40px;
        margin-bottom: 30px;
    }
    .messageList{
        height: 50px;
        margin-bottom: 10px;
    }
    .messageList.other{
        display: none;
    }
    .messageList label{
        line-height: 32px;
        height: 32px;
        width: 30%;
    }
    .messageList input{
        height: 32px;
        line-height: 32px;
        width: 55%;
    }
    .messageList.special input{
        width: 100px;
    }
    .messageList span{
        height: 32px;
        line-height: 32px;
        width: 110px;
        margin-left: 6px;
        font-size: 14px;
    }
    .messageList .ts{
        height: 30px;
        line-height: 30px;
        width: auto;
        float: left;
        margin-left: 30%;
    }
    .messsub_xx{
        margin-top: 20px;
    }
    .messsub_xx input{
        width: 120px;
    }
    #close_btn{
        position: absolute;
        right: 20px;
        top: 14px;
        width: 24px;
        height: 24px;
    }
}

@media (max-width:680px)
{

	.swipslider{height:300px;}
	.swipslider .sw-slide{
		margin-top: 0;
	}
	.ny{height:auto;}
	.lxb-container{display:none;}
	img{max-width:100%;}
	.container{width:96%;margin:auto 2%;}
	.m-pic{height:200px;}

	.partner ul{padding:0 0;}
	.partner ul li img{ margin-left:85px;}

	.casebox .case ul a{height:150px;}
    .productbox,
    .brandbox{
        margin-bottom: 30px;
    }
    .productbox .product .title1{
        margin: 30px 0;
    }
	.productbox .product ul li{
        width:100%;
        height:300px;
        background-size:auto 100%;
        margin-bottom: 20px;
    }
    .productbox .product ul li:nth-of-type(4),
    .productbox .product ul li:nth-of-type(5){
        margin-bottom: 20px;
    }
    .newsbox .news .news_left ul{padding-top:0;}
	.piclistbox ul li{ width:96%; margin:2% 2%}
	.piclistbox ul li:nth-child(3n+1){ margin-left:2%;}
	.piclistbox ul li dd h1{height:2em;line-height:2em;margin-top:0.5em;}

	.piclistbo ul li dt{width: 100%;height: 145px;}
	.piclistbo ul li dd h1{font-size:2em;}

	.listbox .city_x{ width:100%;}
	.listbox .city_x a{ margin-left:2em; font-size:1em;}
	.listbox .city_x i{font-size:1.2em; font-weight:600; line-height:2em;}
	.listbox .city_x i:before{ content:"|"; margin-right:0.8em; background-color:#0f1e64;}

	
}
@media (max-width:400px)
{
	.ny{height:220px;}
}


	@keyframes clickfirst {
	  0% {
		  transform: translateY(4px) rotate(0deg);
		  
	  }

	  100% {
		transform: translateY(0) rotate(45deg);
	  }
	}	
	@keyframes outfirst {
	  0% {
		transform: translateY(0) rotate(-45deg);
	  }

	  100% {
		transform: translateY(-4px) rotate(0deg);
	  }
	}	



	@keyframes outsecond {
	  0% {
		transform: translateY(0) rotate(45deg);
	  }

	  100% {
		transform: translateY(4px) rotate(0deg);
	  }
	}


	@keyframes clicksecond {
	  0% {
		  transform: translateY(-4px) rotate(0deg);
	  }

	  100% {
		transform: translateY(0) rotate(-45deg);
	  }
	}	
		transform: translateY(0) rotate(-45deg);
	  }
	}