@charset "utf-8";



@media (max-width: 1500px) {

	.w1300{

		width: 90%;

	}

	.w1200{

		width: 94%;

	}

	.inline-banner p{

		left: 5%;

	}

	.history li{

		margin-left: 0;

	}

	.pro-nav{

		margin-top: 0;

	}

	.case-tit{

		margin-top: 0;

	}

	.interaction-wrap.w1300{

		margin-top: 0;

	}

}

@media (max-width: 1300px){



}

@media (max-width: 1200px){

	.case-intro .intro-top p{

		width: 75%;

	}

	.case-list span.btn{

		width: 25px;

		height: 25px;

		bottom: 22px;

	}

	.case-list .con{

		width: 33%;

		margin-left: 2.5%;

	}

	.case-list .pic{

		width: 62%;

	}

	.case-tit{

		height: 58px;

		/*margin-top: -67px;*/

	}

	.case-tit li a{

		font-size: 14px;

	}

	.case-tit li{

		height: 58px;

		line-height: 58px;

	}

	.organ-top .box h3{

		padding-top: 10px;

	}

}

@media (max-width: 1024px){

	.case-list .con{

		width: 90%;

		margin-left: 5%;

	}

	.case-list .pic{

		width: 100%;

	}

	.case-list span.btn{

		width: 35px;

		height: 35px;

		bottom: 60px;

	}

	.case-list p{

		padding-bottom: 45px;

		height: auto;

	}

}

/* Portrait tablet to landscape and desktop */

@media (min-width: 769px) and (max-width: 1000px) {

    .w1300{

		width: 94%;

	}

	.case-list span.btn{

		width: 25px;

		height: 25px;

		bottom: 22px;

	}

	.case-intro .intro-top p{

		width: 94%;

	}

	.inline-banner p{

		left: 3%;

		font-size: 40px;

		line-height: 42px;

	}

	.info-intro .box-info .pic{

		width: 100%;

	}

	.info-intro .box-info .con{

		width: 100%;

	}

	.return{

		padding-top: 28px;

		width: 51px;

		line-height: 23px;

		background:#ea5a25 url(../images/case16.png) no-repeat center 6px;

		background-size: 26px;

	}

	.product-list .main .box{

		width: 47%;

	}

	.wel-newinfo .textbox .fll img{

		max-width: 100%;

	}

	.problem-con,.order-t, .organ-t{

	    margin-top: 0px;

	}

	.case-intro.quality{

		  margin-top: 0px;

		}

	.contact-con{

    	margin-top: 0;

    }

	.contact-b li .tit{

		background-position: 4% 20px

	}

	.contact-b li .con{

		background-position: 4% 25px;

	}

	.organ-top .box h2{

		font-size: 49px;

    	line-height: 53px;

    	padding-top: 12px;

	}

	.organ-bottom li{

		width: 45%;

	}

	.organ-ajax .con{

		margin-left: -110px;

	}

	.order-list li h2{

		width: 20%;

		padding-left: 4.5%;

	}

	.about .about-con{

		margin-top: 0px;

	}

	.history2 .flex-nav-next{

		width: 30px;

		height: 31px;

		right: 0;

	}

	.history2 .flex-nav-prev{

		width: 30px;

		height: 31px;

		left: 0;

	}

	.history2 .flex-nav-next:hover{

		right: -5px;

	}

	.history2 .flex-nav-prev:hover{

		left: -5px;

	}

	.case-list p{

		padding-bottom: 45px;

	}

	.interaction-wrap.w1300{

		width: 100%;

	}

}



/* Landscape phone to portrait tablet */

@media (max-width: 768px) {

	.interaction-wrap.w1300{

		width: 100%;

	}

	.interaction-wrap.w1300 .w1200{

		width: 92%;

	}

	.interaction-wrap .cont-wrap{

		width: 100%;

		margin-top: 5px;

	}

	.interaction-wrap .cont-wrap .stit{

		display: none;

	}

	.interaction-wrap .cont-wrap .cont{

		margin: 0;

		width: 100%;

	}

	.inline-banner img{

		position: relative;

		left: 50%;

		width: 780px;

		margin-left: -390px;

		top: 0;

	}

	.join-info .link-email{

		display: none;

	}

	.case-list p{

		padding-bottom: 45px;

	}

	.case-intro.quality{

		 /*margin-top: 0px;*/

	}

	.quality-nav li{

		width: 16.66%;

	}

	.wel-newinfo .textbox .fll img{

		max-width: 100%;

	}

	.case-tit li a{

		font-size:15px;

	}

	.w1300{

		width: 94%;

	}

	.join-info{

		padding: 57px 4% 45px;

	}

	.case-list span.btn{

		width: 25px;

		height: 25px;

		bottom: 22px;

	}

	.qua .frr .thr span{

		margin-right: 8px;

		margin-top: 19px;

	}

	.case-list h2{

		font-size: 18px;

		line-height: 28px;

		padding-top: 18px;

		margin-bottom: 5px;

		margin-top: 0;

	}

	.case-intro .intro-top p{

		width: 94%;

	}

	.inline-banner p{

		left: 3%;

		font-size: 35px;

		line-height: 38px;

	}

	.info-intro .box-info .pic{

		width: 100%;

	}

	.info-intro .box-info .con{

		width: 100%;

	}

	.info-intro h2{

		font-size: 20px;

		line-height: 40px;

		padding: 20px 0;

	}

	.case-info .info-tit{

		font-size: 20px;

		line-height: 60px;

		padding-top: 17px;

	}

	.return{

		padding-top: 28px;

		width: 51px;

		line-height: 23px;

		background:#ea5a25 url(../images/case16.png) no-repeat center 6px;

		background-size: 26px;

	}

	.product-list .main .box{

		width: 90%;

	}

	.problem-con, .order-t{

	    margin-top: 0px;

	}

	.contact-b li .tit{

		background-position: 3% 25px;

		background-size: 16px;

		padding: 22px 0 10px 10%;

	}

	.contact-b li .con{

		background-position: 3% 14px;

		background-size: 16px;

		 padding: 10px 0 20px 10%;

	}

	.organ-top .box h2{

		font-size: 49px;

    	line-height: 53px;

    	padding-top: 12px;

	}

	.organ-ajax .con{

		margin-left: -170px;

	}

	.organ-top .pic{

		width: 100%;

	}

	.organ-top .box{

		width: 100%;

	}

	.organ-t{

		margin-top: 0px;

	}

	.organ-bottom li{

		width: 45%;

	}

	.organ-ajax .con{

		width: 80%;

		padding-bottom: 15px;

		margin-left: -40%;

	}

	.organ-ajax .con h2{

		font-size: 13px;

		padding: 0;

	}

	.organ-ajax .con .hei{

		height: 120px;

    	overflow: auto;

	}

	.organ-ajax .con p{

		width: 94%;

		font-size: 12px;

	}

	.order-list li{

		padding-bottom: 30px;

		padding-left: 6%;

	}

	.order-list li .box{

		background-size: 10px 1px;

	}

	.order-list li h2{

		width: 95%;

		padding-left: 5%;

	}

	.order-list li p{

		width: 95%;

		padding-left: 5%;

	}

	.about-top .left{

		width: 100%;

		background: none;

	}

	.about-top .right{

		width: 100%;

		padding-right: 0;

	}

	.about-top .right li{

		width: 29%;

		margin-right: 3%;

		margin-bottom: 0;

	}

	.about .about-con{

		margin-top: 0px;

		width: 100%;

	}

	.about-top .right p{

		font-size: 12px;

	}

	.history2 .flex-nav-next{

		width: 30px;

		height: 31px;

		right: 0;

	}

	.history2 .flex-nav-prev{

		width: 30px;

		height: 31px;

		left: 0;

	}

	.history2 .flex-nav-next:hover{

		right: -5px;

	}

	.history2 .flex-nav-prev:hover{

		left: -5px;

	}

	.applay-tb{

        width:100%;

        margin: 0 auto;

    }

    .applay-tb td{

       display: block;

       position: relative; 

    }

    .applay-tb td:nth-child(2n+1){

        float: left;

        width: 20%;

        padding-right: 10px;

        margin-top: 5px;

    }

    .applay-tb textarea.applay-input{

        width: 62%;

    }

    .applay-tb .submit{

        position: relative;

        display: block;

        border: none;

        margin: 20px 0 0 20%;

        left: 14px;

    }

    .applay-tb input[type="file"]{

        width: 180px;

    }

    .msg-tb{

        width:100%;

        margin: 0 auto;

    }

    .msg-tb td{

       display: block;

       position: relative; 

    }



    .msg-tb td:nth-child(2n+1){

        float: left;

        width: 14%;

        margin-top: 5px;

        padding-right: 10px;

    }

    .msg-tb .msg-input{

        width: 62%;

    }

    .msg-tb textarea.msg-input{

        width: 62%;

    }

    .msg-tb .submit{

        position: relative;

        display: block;

        margin: 20px 0 0 14%;

        left: 12px;

        border: none;

    }

    .about-top .right h2{

	    font-size: 60px;

	    line-height: 56px;

	    padding-top: 10px;

    }

    .about-top .right li{

    	width: 46%;

    	margin-bottom: 8px;

    }

    .contact-con{

    	margin-top: 0;

    }

    .pro-nav{

		margin-top:0;

	}

	.product-list .main .tit{

		font-size: 16px;

		line-height: 26px;

		padding: 12px 15px 12px 0;

	}

	.product-list .main .bottom{

		top:25px;

	}

	.organ-bottom li:hover .right{

		opacity: 1;

		filter: alpha(opacity=100);

	}

	.organ-bottom li:hover .add{

		width: 14px;

		height: 14px;

		position: absolute;

		bottom:6px;

		right: 5px;

	}

	.organ-bottom li:hover .bg{

		left: 0;

		top:0;

		width: 0;

		height: 0;

		opacity: 0;

		filter: alpha(opacity=0);

	}

	.contact-top h2{

		padding-top: 10px;

	}

	.line-box li .tit{

		padding: 20px 5% 0px 8%;

		margin: 0 auto 19px;

		background: url(../images/about02.png) no-repeat left 26px;

	}

	.calendar li .w16{

		width: 120px;

	    height: 120px;

	    display: inline-block;

	    margin-right: 10px;

	    background: #fff url(../images/pic-34.png) no-repeat center 19px;

	}

	.calendar li .w16 p{

		margin-top: 90px;

		background: none;

		padding-left: 0;

	}

	.calendar{

	  padding-top: 28px;

	}

	.calendar li .box{

		width: 65%;

	}

	.calendar li .fl .tit{

		margin-top: 10px;

		font-size: 16px;

		line-height: 20px;

	}

	.calendar ul{

		padding-left: 0;

	}

	.dow li span.bg {

	    width: 85px;

	    height: 85px;

	    display: inline-block;

	}

	.dow li .text {

	    width: 63%;

	    margin-left: 0px;

	    float: right;

	}

	.dow li .text p {

	    font-size: 15px;

	    margin-top: 9px;

	    height: 18px;

	}

	.dow li span a {

	    width: 70px;

	    margin-top: 25px;

	    padding-left: 30px;

	    height: 30px;

	    line-height: 30px;

	    font-size: 13px;

	    background: #a6a6a6 url(../images/pic-33.png) no-repeat 8px center;

	}

	.case-tit.work-tit li{

		width: 33.3%;

	}

	.case-tit.work-tit li.cur{

		width: 33.3%;

	}

	.work-title{

		margin-top: 10px;

	}

	.work-js li .img{

		width: 85px;

		height: 85px;

		margin-right: 10px;

	}

	.work-js li .img img{

		width: 85px;

	}

	.work-js li .te {

		display: inline-block;

	    width: 62%;

	}

	.workbox .ch {

	    font-size: 23px;

	    line-height: 30px;

	    margin-top: 32px;

	}

	.workbox .two-box {

	    width: 100%;

	    margin: 29px auto 0px;

	}

	.workbox .two-box .linebox{

	    float: none;

	    display: block;

	    width: 90%;

	    margin-left: 5%;

	    padding: 18px 0px 28px;

	    margin-bottom: 20px;

	  }

	  .workbox .eight{

	  	text-align: left;

	  	 width: 258px;

	  	 margin: 0 auto;

	  }

	  .workbox .eight span{

	  	width: 115px;

	  	height: 122px;

	  }

	  .workbox .eight span img{

	  	    margin: 22px auto 15px;

	  }

	  .work-news li .text .te{

	  	height: 80px;

	  }

	.qua .frr .seven span {

	    width: 115px;

	    height: 115px;

	    margin-right: 15px;

	}

	.qua .frr .seven span img {

	    margin: 30px auto 5px;

	}

	.pro-nav .flex-nav-next{

		width: 5%;

	}

	.pro-nav .flex-nav-prev{

		width: 5%;

	}

	.pro-nav.w1300{

		width: 100%;

	}

	.wel-news li .text .tit{

		padding-bottom: 13px;

	}

	.case.pd44{

		padding-bottom: 0;

	}

	.interaction-wrap.w1300{

		padding-top: 5px;

	}

	.workbig{

		padding-bottom: 50px;

	}

	.problem .return{

		bottom: 16px;

	}

	.contact .return{

		bottom: 10px;

	}

}

@media (max-width: 600px){

	.case-tit li a{

		font-size:13px;

	}

	.case-tit.work-tit li{

		width: 34%;

	}

	.case-tit.work-tit li.cur{

		width: 34%;

	}

	.case-list span.btn{

		width: 20px;

		height: 20px;

		bottom: 15px;

	}

	.organ-ajax .con{

		width: 80%;

		margin-left: -40%;

	}

	.organ-ajax .con h2{

		font-size: 13px;

		padding: 0;

	}

	.organ-ajax .con p{

		width: 94%;

		font-size: 12px;

	}

	.case-list p{

    	font-size: 12px;

    	line-height: 22px;

    }

    .case-tit {

	    margin-top: 0;

	}

	.case-intro {

	    margin-top: 20px;

	}

	.case-tit li{

		width: 18%;

	}

	.case-tit li:nth-child(1){

		width: 28%;

	}

	.case-tit.work-tit li:nth-child(1){

		width: 32%;

	}

	.quality-nav li:nth-child(1){

		width: 16.66%;

	}

	.quality-nav li{

		width: 16.66%;

	}

	.quality-nav li a{

		font-size: 12px;

	}

	.news-tit li {

	    width: 35.83%;

	}

	.info-intro .box-info h3{

		background-size: 7px;

		background-position: left 19px;

	}

	.info-intro .box-info h3{

		font-size: 16px;

	}

	.product-list .main{

		top:-51px;

	}

	.pro-nav .slides li{

		height: 58px;

		line-height: 58px;

	}

	.organ-bottom li{

		width: 43%;

	}

	.line-box li .open{

		top:22px;

	}

	.line-box li .con{

		padding-left: 7%;

	}

	.case-tit.news-tit li a{

		font-size: 14px;

	}

}

/* Landscape phones and down */

@media (max-width: 480px) {

	.case-tit li a{

		font-size:12px;

	}

	.case-tit.news-tit li a{

		font-size: 14px;

	}

	.case-intro {

	    margin-top: 10px;

	}

	.inline-banner p {

    	left: 3%;

	    font-size: 25px;

	    line-height: 30px;

	}

	.line-box li .con{

		background-size: 16px;

	}

	.line-box li .tit{

		background-size: 16px;

	}

	.organ-bottom li{

		width: 90%;

		margin-right: 0;

	}

	.history2 .flex-nav-next{

		right: -5px;

	}

	.history2 .flex-nav-prev{

		left: -5px;

	}

	.history2 .flex-nav-next:hover{

		right: -10px;

	}

	.history2 .flex-nav-prev:hover{

		left: -10px;

	}

	.calendar li .w16 p {

	    margin-top: 69px;

	}

	.calendar li .w16 {

	    width: 95px;

	    height: 95px;

	    display: inline-block;

	    margin-right: 10px;

	    background: #fff url(../images/pic-34.png) no-repeat center 13px;

	    background-size: 50px;

	}

}

@media (max-width: 360px) {

	.quality-nav li:nth-child(1){

		width: 20%;

	}

	.quality-nav li{

		width: 20%;

	}

	.quality-nav{

		height: auto;

	}

}