@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1440px) {

	.width_all{ max-width:1180px;}
	
	.cfd img{width:230px;}
	
	.new_product ul{ height:891px;}
	.new_product li:nth-child(3n){ top:313px;}
	.new_product li:nth-child(4n){ top:602px;}
	
	.foot_l dl{ margin:0 12% 0 0;}
	
	.product_right{ width:47%;}
	.chaxnt input{ width:93%;}

}
@media screen and (max-width:1320px) {
    .head_top .rits .login{ width:55%;}
}

@media screen and (max-width:1200px) {

	.width_all{ max-width:1200px; width: 98%;}


	.head_top .search{ width:30px; margin:14px 12px 14px 12px;}
	.nav .m{padding:0 16px; }
	.nav a{ line-height:58px; padding:0 8px; font-size:14px;}
	.nav .sub{ top:58px;}

    .slider-track .lcs{float: left;width: 55px;}
    .lcs dl dt{font-size: 0.45em;}
    .packages-slider{margin: 50px 0 10px 0;}

	.slider-track .lcs:nth-child(1) dl .icons{left: -3px;}
    .slider-track .lcs:nth-child(2){left: 3%;}
    .slider-track .lcs:nth-child(3){left: 17%;}
    .slider-track .lcs:nth-child(4){left: 30%;}
    .slider-track .lcs:nth-child(5){left: 52%;}
    .slider-track .lcs:nth-child(6){left: 76%;}
    .slider-track .lcs:nth-child(7){left: auto;right:-7px;}
    
   .flos{position: absolute;bottom: -60px;left: 30%;}
.flos .buttons{border: 0;background: #bb7a46;font-family: "CenturyGothic";font-size: 1em;letter-spacing: 0.05em;padding: 15px 20px;font-weight: 700;text-transform: uppercase;color: #fff;}
.flos p{text-align: center; font-size: 14px; line-height: 32px; color: #975028; padding-top: 28px;}

	
	.new_product ul{ height:740px;}
	.new_product li:nth-child(3n){ top:260px;}
	.new_product li:nth-child(4n){ top:500px;}
	
	.foot_l dl{ margin:0 10% 0 0;}
	
	.ny_banner{ margin:58px auto 0;}
	
	.product_right{ width:36%;}
	.chaxnt input{ width:91%;}

}

@media screen and (max-width:980px) {
	.head_top{ width:100%; height: 75px; background:none; }
	.cfd{display: none;}
	.head_top h1{ width:142px;}
	
	.head_top .rits{ width:180px; margin:16px 10px 21px 0px; text-align: right;}
    .head_top .rits .login{display:none;}
    .head_top .rits .lanuge { margin-top:5px; text-align: left; width: 115px; padding: 0 11px;  height: 36px; border-radius: 36px; background: url(../images/nav_bg.jpg) left top repeat;font-size: 0;} 
    .head_top .rits .lanuge li{ display:inline-block; line-height: 36px;  width: 50%; text-align: center;font-size: 14px;position: relative}
    .head_top .rits .lanuge li a{font-size:15px;  text-shadow: 1px 1px 1px #fff;}
    .head_top .rits .lanuge li:first-child:after{content: "|";position: absolute;right:-6px;}

	
	.head_top h1 .yuan{display: none;}
	
	.width_all{ max-width:980px;}
	
	.head_top .search{ width:30px; margin:16px 72px 16px 14px;}
	
	.header{ float:none;}
	.header .nav{ display:none;}
	.menu{ position:absolute; display:block; z-index:999; right:1.2%; top:18px;}
	.openclose{ display:block; margin:0; width:40px; height:40px; line-height:40px; text-align:center; background:url(../images/menu.png) center center no-repeat;}
	.openclose:hover{ background:url(../images/menu_hover.png) center center no-repeat;}
	.menu a:hover{ text-decoration:none;}
	.sub_menu{ display:none; position:fixed; left:0; top:75px; width:100%; z-index:10000; background:#fff; border-top:1px solid #bbb;}
	.sub_menu .box{ padding:8px 22px;}
	.sub_menu .nav_er ul{ margin:0 auto;}
	.sub_menu .nav_er li{ line-height:46px; border-bottom:1px solid #efefef;}
	.sub_menu .nav_er li a{ color:#555; display:block; font-size:15px; font-family: 'typewriter'; }
	.sub_menu .nav_er li a:hover{ color:#48c1bb; display:block; text-decoration:none;}
	.banner_sj{ display:block; padding:59px 0 0 0;}
	.banner_pc{ display:none;}
	.flex-direction-nav li a{ display:none;}
		
	
	.homepage-banner h2{font-size: 2.5em;}
	.gray-section{ padding:30px 0; }
	.section-title{font-size: 24px;margin-bottom: 10px; line-height: 30px; text-align: center; font-weight:lighter;}
	.section-content{text-align: center;font-size: 14px;line-height: 25px; padding-bottom: 10px; color: #888;}

	
	.page-banner .texst{width: 100%;}
	.content-wrapper{max-width: 100%;}
	.con_right{margin-left: 0;}
	
	.foot_l{ float:none; width:100%; margin:0 0 16px 0;}
	.foot_l dl{ display:none;}
	.foot_l dl:last-child{ display:block; float:none; width:100%;}
	.foot_r{ float:none; width:100%;}
	
	
	.about_section{padding:20px 0; overflow: hidden;}
	.about_section h2{font-size: 1.85em; }
	
	.contactDetails {margin-left:0;}
	.contactDetails h3{font-size: 1.65em;padding: 0 0 10px; }
	
	
	.col-sm-6,.col-sd-6{float: left; width:100%;}
	.guestbook .inptxt{width:93.5%;}
	
	.news_list{float: left; width: 100%; }
	.Newst_box .newstie{width: 94%; }
	.news_con{float: left; width: 100%; }
	
	
	.Office_box .ofixx{    max-width: 100%;}
	.packages_section h2{ padding-bottom: 1em;}
	.package-listing__item{padding: 4px;margin: 0 15px 0 0;}
	.package-listing__wrapper{padding: 25px 10px 20px;}
	.package-listing__item h3{display: inline-block;font-size: 1em;}

}

@media screen and (max-width:720px) {

	.width_all{ width:95%;}
	
		
	 .homepage-banner a.button{ padding: 20px 10px; width: 60%; margin:12px auto; display: block; text-align: center; font-weight: 700;text-transform: uppercase; color: #fff;}
	 
	
	.head_top .search{ width:30px; margin:16px 52px 16px 14px;}
	
	.box_main{margin: 30px auto 0 auto; }
	.prod_cc li{ float:none; width:100%; margin-bottom:30px; }
	.prod_cc li span{font-size:13px;width:75%; margin: 15px auto; line-height: 24px;}
	
	.hoverbox li{width: 100% !important;float: none;height: 120px;}
	.hoverbox li:hover{cursor: pointer;}
	.hoverbox .hoverbox-background{position: static;overflow: hidden;background-position: 0 0 !important;}
	
	
	
	.foot_m{ float:left; width:97%; padding:5px 3% 30px 0;}
	
	.subnav li{ width:100%; margin:0 0 3% 0;}
	
	
	.col-sm-5{width:100%;float: left;}
	.col-sm-7{width: 100%; float: left;}
	
	.package-listing{display: block;}
	.package-listing__item {display: block;margin: 0 1% 10px;width: 45.8%;float: left;border-radius:0}
	.package-listing__wrapper{padding: 10px;border-radius:0}
	.package-listing__item:last-of-type {width: 96%;}

	
	.product_box{width: 100%; margin:25px 0 12px 0; overflow: hidden;}
	.pro_lf{float: left; width: 100%;  }
	.prost_list{float: right; width:100%; padding:0 0 10px; overflow:hidden;}
	
	.product_con{float: right; width: 100%; padding:0 0 10px; overflow:hidden;}
	.meiti_dt{width:100%;float: left;}
	.product_t_r{ float:right; width:100%;}
	.product_b .box table tr td{width:100%; padding: 0 0 6px 0;}
	.product_b .box table img{ width:100%; padding-top: 1%; }
	.product_b .box table tr:nth-child(odd) td img{float: none;}
	
	.guestbook .inptxt{width:92%;}
	.guestbook ul li input{width:87%;}
	.guestbook textarea{width:98%;}
			
	/* 模态框 */
	.modal-box .inquiry-box{width: 90%;margin-left: -45%;top: 50%;margin-top: -190px;}
	.modal-box .video-box{width: 18rem;height: 9rem;margin-left: -9rem;top: 50%;margin-top: -4.5rem;}
	.modal-box .video-box a.close-modal-btn{top: -30px;right: 0;}



}