@media only screen and (max-width: 1200px) {
	.head .tel{display: none;}
	.menu{width: 60%;float: right;}
	/*index*/
	.i .info .dec{width: 100%;}
	/*contact*/
	.contact-form label{display: block; text-align: left;}
	.contact-form input[type='text'] , .contact-form textarea{float: left; margin-top: 10px;}
	.contact-form input[type='submit']{margin-left: 0;}
	/*about*/
	.about1-1 .text{padding: 3%; line-height: 1.8;}
	/*index-case*/
	.i-case .tt .r{width: 594px;}
}
@media only screen and (max-width: 1024px) {
	
	.head-top .dec i{display: none;}
	.menu{width: 50px;float: right;}
  	.cd-auto-hide-header .nav-trigger {display: block; float: right; }
	.cd-auto-hide-header .nav-trigger {display: table; height: 100%; padding: 0 1em; text-transform: uppercase; color: #25283D; font-weight: bold; margin-top: 60px;}
	.cd-auto-hide-header .nav-trigger span { display: table-cell; vertical-align: middle; }
	.cd-auto-hide-header .nav-trigger em, .cd-auto-hide-header .nav-trigger em::after, .cd-auto-hide-header .nav-trigger em::before { /* this is the menu icon */ display: block; position: relative; height: 2px; width: 30px; background-color: #25283D; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
	.cd-auto-hide-header .nav-trigger em { /* this is the menu central line */ margin: 6px auto 14px; -webkit-transition: background-color .2s; transition: background-color .2s; }
	.cd-auto-hide-header .nav-trigger em::before, .cd-auto-hide-header .nav-trigger em::after { position: absolute; content: ''; left: 0; -webkit-transition: -webkit-transform .2s; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; }
	.cd-auto-hide-header .nav-trigger em::before { /* this is the menu icon top line */ -webkit-transform: translateY(-8px); -ms-transform: translateY(-8px); transform: translateY(-8px); }
	.cd-auto-hide-header .nav-trigger em::after { /* this is the menu icon bottom line */ -webkit-transform: translateY(8px); -ms-transform: translateY(8px); transform: translateY(8px); }
	.cd-auto-hide-header.nav-open .nav-trigger em { /* transform menu icon into a 'X' icon */ background-color: rgba(255, 255, 255, 0); }
	.cd-auto-hide-header.nav-open .nav-trigger em::before { /* rotate top line */ -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
	.cd-auto-hide-header.nav-open .nav-trigger em::after { /* rotate bottom line */ -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
 	.nav-open .cd-primary-nav ul, .cd-primary-nav ul:target { display: table-cell; }
	#cd-navigation{display: none; background-color: #ffffff; position: absolute; z-index: 50; left: 0; top: 131px; width: 100%; box-shadow: 0 14px 20px rgba(0, 0, 0, 0.2);}
	.nav-open #cd-navigation{display: block;}
	.nav-open #cd-navigation li{width: 100%; width: 50%; font-size: 1.6rem; line-height: 45px;}
	.cd-primary-nav > ul a { /* target primary-nav links */ display: block; height: 50px; line-height: 50px; padding-left: 5%; color: #25283D; font-size: 1.8rem; border-top: 1px solid #f2f2f2; }
	.cd-primary-nav > ul a:hover, .cd-primary-nav > ul a.active { color: #8F3985; }
	.menu .drop-hover:hover .drop-menu{opacity: 0; overflow: hidden;}
	
	.g-mt90{margin-top: 45px;}
	.g-mt60{margin-top: 30px;}
	.g-pt60{padding-top: 30px;}
	/*index*/
	.world-valves .box figcaption{line-height: 30px; padding: 0 2%;}
	.i .info .w70{width: 100%; text-align: center;}
	.i .info .l{width: 100%;}
	.no big{font-size: 2.8rem;}
	.i-news{padding-top: 45px; padding-bottom: 45px;}
	.i-news h2{font-size: 2.4rem;}
	.i-news .item h3{font-size: 1.6rem;}
	.i-news .item time{display: none;}
	/*foot*/
	.foot-top dt{font-size: 2rem;}
	/*service*/
	.service-row1 .r{padding-top: 20%;}
	.service-row1 em{font-size: 3.2rem;}
	.service-row1 .dec:before{width: 100px;}
	.service-row1 .dec{font-size: 2rem;}
	.service-row2 h1{font-size: 3rem;}
	.service-row2 li{font-size: 1.5rem;}
	.service-row2 li:after{font-size: 6rem;}
	.service-row3 em{font-size: 3rem;}
	.service-row3 label{display: block;}
	.service-row3 input[type='text']{width: 90%; margin-top: 15px;}
	.service-row3 textarea{margin-top: 15px; width: 95%;}
	.service-row4 .list-case{overflow: hidden;}
	.service-row4 .thumb{width: 40%;}
	/*contact*/
	.contact h2{font-size: 2.8rem;}
	.map{height: auto;}
	.map .pic , .map .bgc{display: none;}
	.map .text{padding: 30px; background: #3f92f7; width: 100%; margin-top: 0;}
	/*about*/
	.about-word .text{padding-top: 0;}
	/*list-news*/
	.list-news li time{display: none;}
	.list-news li .more{padding: 8px 10px;}	
	/*index-valve*/
	.hot-valves li figcaption{padding-bottom: 15px;}
	/*index-case*/
	.i-case .tt .l{float: none; margin-left: auto; margin-right: auto; margin-bottom: 1px; margin-top: 30px;}
	.i-case .tt .l:after{display: none;}
	.i-case .tt .r{width: 100%; height: auto; padding-bottom: 30px;}

	
}

@media only screen and (max-width: 768px) {
	/*article-valve*/	
	.foot-top dt, .foot-top dd{font-size: 1.4rem;}	
	.foot-top dt{font-size: 1.8rem;}
	.foot1{display: none;}
	.foot .col{width: 100%;}
	.foot2, .foot3{width: 25%;}
	.foot4{width: 50%;}
	/*index*/
	.i .info .r{display: none;}
	.i .info .img_r , .i .info .img_l{width: 50%; margin-left: 0;}
	/*service*/
	.service-row1 em{font-size: 2.6rem;}
	.service-row1 .dec:before{width: 30px; right: 60%;}
	.service-row2 li:after{display: none;}
	.service-row4{padding-bottom: 60px;}
	/*about*/
	.about1 h2 , .about h2{font-size: 2.8rem;}
	.about1-1 .text{width: 100%;}
	.about1-1 .img{display: none;}
	.about1-2 .text{position: static; width: 100%; padding: 15px;}
	.about-test{padding-top: 30px; margin-top: 30px;}
	.about-word{padding: 30px 0;}
	.about-word .thumb, .about-word .text{width: 100%;}
	.about-word .thumb{text-align: center;}
	.about-word .text{margin-top: 30px;}
	/*list-valve*/
	.wrap-valves h1{font-size: 2.4rem;}
	.wrap-valves .tt .r{width: 100%;}
	.wrap-valves .tt li{font-size: 1.4rem;}
	.valves .box a{font-size: 1.2rem; line-height: 28px; height: 28px;}
	.wrap-valve4{padding-bottom: 30px;}
	/*list-news*/
	.list-news li h2{font-size: 1.6rem;}
	.list-news li p{font-size: 1.4rem;}
	/*index-valve*/
	.i-valves-case .r{display: none;}
	.i-valves-case .l{width: 100%; padding-bottom: 30px;}
	/*index-news*/
	.index-news .row1 .l, .index-news .row1 .r{width: 100%;}
	.index-news .row1 .l{margin-bottom: 30px;}
	.index-news .row2 ul{margin-left: 0;}
	.index-news .row2 li{width: 100%; margin-left: 0; margin-bottom: 15px;}
	.index-news time{display: none;}
	.index-news h3{font-size: 1.5rem;}
	.index-news .row3 p{font-size: 1.3rem;}
	.index-news .row3{padding-bottom: 30px;}
	/*index-case*/
	.i-case .tt .r dd{font-size: 1.6rem;}
	.i-case-work {padding-bottom: 30px;}
	/*article-work*/
	.article-work-case li{width: 49%; margin-bottom: 15px;}
	.article-work-case h2{font-size: 2.2rem;}
	.article-work-news time{display: none;}
	.article-work-news .swiper-container p{font-size: 1.4rem;}
	.article-work-case{padding: 80px 0;}
	.article-work-us{padding-bottom: 30px;}
}

@media only screen and (max-width: 640px) {
	.g-mt30{margin-top: 15px;}
	.g-mt90{margin-top: 30px;}
	.g-pb30{padding-bottom: 15px;}
	/*article-valve*/
	.head-top .dec{font-size: 1.2rem;}
	.head{height: 80px;}
	.logo img{max-width: 60px; margin-right: 10px;}
	.logo{padding: 10px 0;}
	.logo p{text-align: left;}
	.logo strong , .head .tel em{font-size: 2rem;}
	.logo span , .head .tel span{font-size: 1.4rem;}
	.cd-auto-hide-header .nav-trigger{margin-top: 31px;}
	#cd-navigation{top: 81px;}
	.crm{font-size: 1.3rem;}
	.wrap-valve section h2{font-size: 2rem;}
	.valve h1{font-size: 2.4rem;}
	.valve-nav{display: none;}
	.valve .img , .valve .tt , .wrap-valve6 .form-row{width: 100%;}
	.wrap-valve4 li{width: 46%;}
	.wrap-valve4 li:last-child{display: none;}
	.wrap-valve5 li{width: 49%; margin-bottom: 15px;}
	.wrap-valve6 label{ width: 100px; font-size: 1.3rem;}
	.form-area textarea , .wrap-valve6 .form-row input{width: 70%;}
	.wrap-valve6 .form-row input{height: 30px; line-height: 30px; font-size: 1.3rem;}
	.foot-top{display: none;}
	.foot2, .foot3{width: 50%;}
	.foot li:nth-child(3):after{display: none;}
	.foot4{width: 100%;}
	.foot-bottom{font-size: 1.2rem;}
	/*index*/
	.head-top .dec{width: 70%;}
	.head-top .search{ width: 25%;}
	input.search_text{width: 80%;}
	.search-o button , .close_btn{width: 10%;} 
	.logo{width: 200px;}
	.world-valves .box{padding: 0;}
	.world-valves .box1{width: 44%;}
	.world-valves .box2{width: 50%; margin-left: 6%;}
	.world-valves .box2:nth-child(3){width: 100%; margin-left: 0;}
	.world-valves .box3{width: 100%; margin-top: 15px;}
  .fixedMenu{top:60%;}
  .fixedMenu li{display: none; }
  .fixedMenu .m-tel{display:block;}
  .fixedMenu li:after{display:none;}
	.world-valves strong{font-size: 2.2rem; font-weight: normal;}
	.price strong{font-size: 3rem;}
	.price form .r{margin-left: 0;}
	.price input[type='submit']{width: 100px; height: 30px; margin-top: 25px;}
	.i .info em{height: auto; line-height: 1.5; font-size: 2.2rem; }
	.i .info .w70{margin-bottom: 15px;}
	.i .info .dec{padding: 20px 15px; height: auto;}
	.no li , .i-news .news, .i-news .case{width: 100%;}
	.i-news h2{font-weight: normal;}
	/*service*/
	.service-row1{background: none; color: #333; height: auto;}
	.service-row1 .l, .service-row1 .r{width: 100%;}
	.service-row1 .dec:before{background: #333;}
	.service-row1 .text{margin-top: 25px;}
	.service-row1 .r{padding-top: 0;}
	.service-row2 h1+p{margin-top: 25px;}
	.service-row2 li{width: 46.66666%; height: 270px; margin-top: 15px;}
	.service-row3 .w50{width: 100%;}
	.service-row3 .w50:nth-child(2){margin-top: 15px;}
	.service-row3 textarea{height: 100px;}
	.service-row4 .list-case{width: 100%;}
	.service-row4 .thumb{display: none;}
	/*contact*/
	.map p{font-size: 1.6rem;}
	.contact .tt p{font-size: 1.4rem; text-align: left;}
	.contact-form .w50 , .contact-form input[type='text'], .contact-form textarea{width: 100%;}
	.contact-form input[type='submit']{width: 50%;}
	.contact-form input[type='reset']{width: 40%;}
	.contact-form .btn input{font-size: 1.6rem; line-height: 35px;}
	/*about*/
	.about-test{padding-bottom: 60px;}
	.about-test li:after{display: none;}
	.about-test li{width: 97%; margin-bottom: 15px;}
	.about-info{padding: 30px 0;}
	.about-info span{font-size: 4rem;}
	/*list-valve*/
	.valves li{width: 48%;}
	.wrap-valves h1 , .wrap-valves .wrap-valve4 h3{font-size: 1.8rem;}
	/*list-news*/
	.list-news li{padding: 20px 0;}
	.list-news li p , .list-news li .more{display: none;}
	.list-news li h2{font-size: 1.5rem;}
	/*index-work*/
	.work-tiem h2 , .work-case h2{font-size: 1.8rem;}
	.work-tiem .thumb , .work-tiem .dec{width: 100%; height: auto; float: none;}
	.work-tiem .dec{padding-left: 0; margin-left: 0; font-size: 1.4rem; padding-bottom: 15px;}
	.work-case li{width: 49%; margin-bottom: 15px;}
	/*index-valve*/
	.category strong , .i-valves-working strong, .i-valves-case strong{font-size: 2rem;}
	.category li{width: 25%; margin-bottom: 15px;}
	.category li em{font-size: 1.5rem;}
	.hot-valves li{width: 49%; margin-bottom: 15px;}
	.hot-valves h2 a{font-size: 1.8rem;}
	.hot-valves .t .more{font-size: 1.4rem;}
	.i-valves-working ul{margin-left: 0;}
	.i-valves-working li{width: 100%; margin-left: 0;}
	/*index-news*/
	.index-news h1, .index-news h2{font-weight: normal;font-size: 2rem;}
	.index-news .list-item p , .index-news .row2 li p{font-size: 1.3rem;}
	.index-news .row3 h1+div{margin-left: 0;}
	.index-news .row3 figure{width: 100%; margin-left: 0; margin-bottom: 15px;}
	.index-news .more{padding: 8px 30px;}
	/*index-case*/
	.i-case .tt .l{width: 100%; height: auto; padding-bottom: 30px;}
	.i-case .tt .r dt{font-size: 2rem;}
	.i-case .tt .r dd{text-align: left;; font-size: 1.4rem; padding-left: 15px;}
	.i-case-list li, .i-case-work li{width: 47.6666%; }
	.i-case-list figcaption{font-size: 1.5rem;}
	.i-case-list .more{padding: 8px 0;}
	.article-hot-valves li{width: 48%; margin-bottom: 15px;}
	.i-case-work ul{margin-left: 0;}
	.i-case-work li{width: 100%; margin-left: 0; margin-top: 25px;}
	.article-hot-valves .tt strong , .i-case-work strong{font-size: 2rem;}
	.article-hot-valves .tt .more{font-size: 1.4rem;}
	/*article-works*/
	.work-banner{padding: 50px 0; background: #F4C422;}
	.work-tab .horizontal li a{margin-bottom: 10px; font-size: 1.6rem;}
	.work-tab h1 , .article-work-us h2{font-size: 2rem;}
	.work-tab h1 span{font-size: 2.4rem;}
	.article-work-us p{font-size: 1.6rem;}
	.article-work-us p span{font-size: 2.4rem;}
	/*article-case*/
	.article-news article{padding-top: 30px; padding-bottom: 30px;}
	

}