@media(max-width:768px) {

	.navbar-header,
	.container {
		margin: 0 !important;
		width: 100%;
	}

	/*.container {*/
	/*	padding-right: 10px;*/
	/*	padding-left: 10px;*/
	/*}*/
	nav.navbar-default .navbar-nav>li>a {
		color: #fff;
		font-size: 14px;
		font-weight: 500;
		padding: 9px 25px;
	}

	.modal-dialog {
		margin: 0;
	}

	.modal-content {
		border: 0px;
		border: none;
		border-radius: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	.navbar-default .navbar-toggle.active {
		margin-top: 10px;
	}

	.navbar-default .navbar-toggle.active .icon-bar:nth-child(2) {
		transform: rotate(-40deg);
		float: left;
		margin: 3px 0 0 0;
	}

	.navbar-default .navbar-toggle.active .icon-bar:nth-child(3) {

		transform: rotate(40deg);
	}

	.navbar-default .navbar-toggle.active .icon-bar:nth-child(4) {
		display: none;
	}

	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color: #ffffff;
		padding-left: 0;
	}

	nav.navbar-default .navbar-nav>li:last-child>a {
		margin-top: 9px;
		width: 39%;
		margin: 0 auto;
		text-align: center;
	}

	.navbar-nav>li>.dropdown-menu {
		transform: translateX(0px);
		padding-left: 51px;
	}

	.navbar-default .navbar-collapse,
	.navbar-default .navbar-form,
	.navbar-default .navbar-nav>li>a:focus,
	.navbar-default .navbar-nav>li>a:hover {
		border: 0;
	}

	.hidden-md {
		display: block;
	}

	.index_pro_type ul,
	.index_pro_div .tit_left {
		display: none;
	}

	nav.navbar-default {
		padding: 7px 0 0;
	}

	.navbar-default .navbar-nav>.open>a,
	.navbar-default .navbar-nav>.open>a:focus,
	.navbar-default .navbar-nav>.open>a:hover,
	.navbar-default .navbar-nav>.active>a,
	.navbar-default .navbar-nav>.active>a:focus,
	.navbar-default .navbar-nav>.active>a:hover {
		background: #fff;
		color: #000000;
		border: 0;
	}

	.nav_right_xs_con a {

		background: #fff;
		border-radius: 43px;
		color: #b4976d;
		padding: 4px 10px;
		margin: 7px 0 0 9px;

	}

	.navbar-default .navbar-toggle:focus,
	.navbar-default .navbar-toggle:hover {
		background: none;
	}

	.navbar>.container .navbar-brand {

		width: 45%;
	}

	.navbar-default .navbar-toggle {
		margin: 7px 0;
		padding: 6px 0;
		border: 0;
	}

	.navbar-default .navbar-toggle .icon-bar {
		background-color: #ffffff;
	}

	.banner_txt h3 {
		font-size: 32px;
		font-weight: bold;
		letter-spacing: 0px;
	}

	.banner_txt h2 {
		font-size: 20px;
		font-weight: 500;
		letter-spacing: 0px;
		margin: 0 20px 12px;
	}

	.banner {
		height: 30vh;
		margin-top: 63px;
	}

	.n_banner {
		height: 210px;
		margin-top: 58px;
	}

	.n_banner.pro {
		height: 30vh;
		margin-top: 64px;
	}

	.index_prod {
		margin-top: 20px;
	}

	.banner_txt p {
		font-size: 18px;
		font-weight: 100;
	}

	.banner_txt {
		width: 92%;
	}

	.n_banner p {
		font-size: 14px;
		font-weight: 100;
	}

	.numCount li {
		width: 50%;
	}

	.about.numCount li {
		width: 100%;
	}

	.index_video_right.ab {
        font-size: 17px;
		position: static;
	}

	.index_video_right.ab li {
		float: left;
		margin-right: 10px;
		margin-top: 6px;
	}.index_about.aa video {
    width: 91%;
    border-radius: 28px;
}
.index_video_right.aa li a {
    width: 35px;
    height: 35px;
    line-height: 35px;
}   .index_about.aa .col-md-7{
    border-bottom: 1px solid #ddd;
} .index_about.aa h2 {
        margin: 20px;
        text-align: left;
    }

	.numCount {
		margin: 20px 0px;
	}

	.numCount li .numU .unitC {
		font-size: 20px;
		line-height: 1;
		margin-top: 0;
	}

	.numCount li .indc {
		font-size: 12px;
		width: 100%;
		margin: 0 auto 20px;
	}

	.index_about.aa {

		text-align: center;
		font-size: 43px;
	}

	.index_about h2 {
		margin: 20px 0;
	}

	.index_about_txt {
		margin: 10px auto;
		font-size: 14px;
		line-height: 23px;
		width: 92%;
	}
	
	.index_about.aa .index_about_txt{
        font-size: 17px;
        line-height: 29px;
	    
	}

	.index_why .title {
		text-align: center;
		font-size: 48px;
		margin: 23px 0 40px;
		font-weight: 500;
	}

	.title {
		text-align: center;
		font-size: 20px;
		margin: 23px 0;
		font-weight: bold;
	}

	.in_why_txt b {
		font-size: 16px;
		margin-bottom: 5px;
		display: block;
	}

	.in_why_txt p {
		font-size: 17px;
		margin-bottom: 25px;
	}

	.index_why img {
		width: 100%;
		margin-bottom: 10px;
        height: auto;
	}

	.in_why_txt,
	.index_why .row {
		margin-bottom: 20px;
	}

	h1,
	.ser4_Step h1 b,
	h1.colAll,
	.index_advantages h1,
	.title h1 {
		font-size: 40px;
		margin-bottom: 13px;
	}

	.index_factories.two .in_why_txt p {

		font-size: 17px;
		font-weight: 500;
		line-height: 30px;
		/*width: 80%;*/
		margin: 0 auto;
	}
.index_about video{
    height: auto;
}

	.index_factories.two .in_why_txt span{
        margin-top: 10px;
        padding: 4px 14px;
    }
	.index_factories.two .in_why_txt span:after{
	    content: '';
        width: 12px;
        height: 12px;
        background-image: url(../images/right.png);
        display: block;
        float: right;
        background-size: contain;
        margin-top: 3px;
        margin-left: 10px;
	}
	.title p {
		font-size: 12px;
		font-weight: 500;
	}

	.index_factories {
		margin: 0px 0;
	}

	.index_advantages h1 {
		padding: 40px;
	}

	.in_adv_con p {
		font-size: 15px;
		width: 99%;
		line-height: 24px;
		font-weight: 300;
		letter-spacing: 0px;
		text-align: left;
	}

	.in_adv_con b {
		display: block;
		font-size: 23px;
		margin: 12px 0;
	}

	.in_adv_con img {
		width: 50px;
	}

	.index_advantages .col-md-6:nth-child(2) {
		padding-top: 0;
	}
.pro_xs_fd{
    position: absolute;
        background: #fff;
        display: block;
        width: 36px;
        height: 36px;
        z-index: 9;
        text-align: center;
        line-height: 36px;
        right: 30px;
        top: 17px;
        border-radius: 100%;
}
.pro_xs_fd a{
        display: block;
        width: 36px;
        height: 36px;
}
	.index_process {
		margin: 0;
		padding: 27px;
	}

	.index_process li {
		float: left;
		width: 100%;
	}

	.index_advantages .col-md-6 {
		width: 50%;
		text-align: center;
		margin: 0 auto;
		padding: 0;
	}

	.index_process li div span:nth-child(1) {
		height: 165px;
		width: 4px;
		float: left;
	}

	.index_process ul {
		overflow: inherit;
		padding-top: 20px;
	}

	.index_process li div {
		float: left;
	}

	.index_process li div span:nth-child(2) {
		margin-top: -10px;
		margin-left: -6px;
		z-index: 999;
		position: relative;
	}

	.index_process li b {
		height: 26px;
	}

	.index_process li p {
		padding-left: 16px;
		padding-right: 0;
	}

	.index_process li b {
		height: 26px;
		margin-bottom: 20px;
		padding-left: 16px;
		margin-top: -19px;
	}

	.in_adv_num li {
		width: 100%;
	}

	.in_adv_num li p:nth-child(1) {
		border: 0;
		margin: 0 auto;
		float: initial;
		height: 69px;
		text-align: center;
		display: inline-block;
		transform: translateX(100%);
	}

	.in_adv_num li p:nth-child(1) span:nth-child(2) {

		margin-top: 21px;
		font-size: 22px;
		margin-left: 5px;
	}

	.in_adv_num li p:nth-child(1) span:nth-child(1) {}

	.in_adv_num li p:nth-child(2) {
		margin-top: 11px;
		font-weight: 400;
		margin-bottom: 14px;
		text-align: center;
		color: #fff;
		float: none;
		border-left: 1px solid #fff;
		height: 43px;
	}

	.in_adv_num li:nth-child(2) {
		width: 100%;
	}

	.in_adv_num {
		width: 92%;
		margin: 0 auto;
	}

	.in_adv_con {
		margin-bottom: 55px;
	}

	.in_contact_form div.in_contact_left {
		height: 280px;
		width: 100%;
	}

	.in_contact_form div.in_contact_left div img {
		width: 53px;
		margin-bottom: 30px;
	}

	.onde .in_contact_form div.in_contact_left div {
		position: absolute;
		z-index: 9;
		bottom: 51px;
		color: #fff;
		text-align: center;
		width: 76%;
		margin: 0 auto;
		line-height: 32px;
		font-size: 22px;
		font-weight: 200;
		transform: translateX(16%);
	}

	.in_contact_form div.in_contact_right,
	.in_contact_right {
		padding: 10px;
		background: #f5f5f5;
		width: 100%;
	}

	.index_faq,
	.ser_Step1,
	.in_contact_form {
		width: 100%;
	}

	.in_co_right_div p,
	.in_co_right_div label {
		font-weight: 500;
		font-size: 13px;
		color: #000;
		margin-bottom: 10px;
	}

	.blist li {
		font-size: 16px;
		display: block;
		width: 100%;
	}

	.blist li::after {
		color: #999;
		padding: 0;
		margin: 0;
		height: 28px;
	}

	.blist {
		float: right;
		margin: 15px 0 20px;
	}

	.panel-default>.panel-heading.tt {
		background: none;
		padding: 0;
	}

	.panel-title {
		padding: 17px 0;
		font-size: 21px;
	}

	.influ_box .panel-title {
		text-align: center;
		padding: 7px 0;
		font-size: 18px;
		border: 0;
	}

	.influ_box .panel-heading.tt {
		border-bottom: 0;
		border-right: 1px solid #ddd;
	}

	.tt.panel,
	.panel-default>.panel-heading+.panel-collapse>.panel-body {
		border: 0;
	}

	.tt.panel {}

	.panel-title>a span:nth-child(1) {
		display: block;
		width: 25px;
		height: 25px;
		background: #000;
		color: #fff;
		text-align: center;
		line-height: 25px;
		border-radius: 50px;
		float: left;
		margin-right: 10px;
		margin-top: 0;
		margin-bottom: 0;
	}

	.panel-default>.panel-heading+.panel-collapse>.panel-body {
		color: #000;
		padding: 10px;
		font-size: 13px;
	}

	.panel-default.tt.active .panel-heading.tt a {
		color: #b4976d;
	}

	.ft_contact_img {
		display: block;
	}

	.ft_li_cont {
		width: 32%;
		margin-right: 1%;
		float: left;
		margin-bottom: 1%;
	}

	.ft_li_cont:nth-child(3n+3) {
		margin-right: 0;
	}

	.ft_contact_txt {
		margin: 5px 0 0;
		font-size: 17px;
		text-align: center;
	}

	.ft_contact_txt .left {
		margin-bottom: 15px;
	}

	.ft_contact_txt .right {
		float: none;
	}

	.index_faq {
		margin: 20px auto;
	}

	.index_faq .btn_all {
		margin-top: 0px;
	}

	.influ_box .panel-title>a span:nth-child(3):after {
		content: "\e259";

		display: inline-block;
		font-family: 'Glyphicons Halflings';
		float: right;
	}

	.influ_box .panel-default.aa.active .panel-title>a span:nth-child(3):after {
		content: "\e260";
	}

	.panel-default.aa>.panel-heading+.panel-collapse>.panel-body {
		border: 1px solid #ddd;
		font-size: 17px;
	}

	#contact_alert .modal-body {
		padding: 0;
	}

	#contact_alert .margin-bottom60 {

		padding: 55px 30px 13px 30px;
	}

	#contact_alert .layui-form {

		background: #f3f3f3;
		padding: 34px;
	}

	#contact_alert button.close {
		padding: 12px;
	}
	.contact_form.in_contact_form div.in_contact_right h1,
    .ser6 h1,
	.ser5 h1,
	.ser4 h1 {

		font-size: 26px;
		text-align: center;
	}

	.ser5 .title p {
		font-size: 15px;
		font-weight: 500;
		margin: 0 48px;
	}

	.ser1_Stylized h1,
	.ser1_liuc h1 {
		margin: 0 20px 30px 20px;
		font-size: 26px;
		text-align: center;
	}

	.ser1_ch h1,
	.ser1 h1 {

		font-size: 26px;
	}

	.btn_all,
	.btnBgfff {
		font-size: 12px;
	}

	footer .col-md-6:nth-child(1) {
		/*display: none;*/
	}

	.footer_right_icon li a {
		width: 60px;
		height: 60px;
		line-height: 60px;
	}

	.footer_right_icon i {
		font-size: 23px;
		float: left;
		margin-right: 10px;
	}

	.footer_right_icon svg {
		width: 26px;
		margin-top: 16px;
		fill: rgb(255, 255, 255);
	}

	.footer_left_img {
		width: 89%;
		margin-top: 30px;
	}

	.footer_right_icon li {
		width: 25%;
	}

	.footer_right_icon ul {
		margin: 25px 0;
	}

	.footer_right_icon span,
	.footer_left_nav ul li:nth-child(1) {
		font-size: 20px;
		font-weight: bold;
		margin-bottom: 16px;
		display: block;
	}

	footer {
		padding: 10px 0 50px;
	}

	.footer_right_icon p {
		font-size: 18px;
		margin-top: 10px;
		font-weight: 500;
	}

	.footer_right_icon img {
		margin-top: -6px;
		width: 23px;
	}

	.ser1 .in_pro_left_txt .js {
		margin: 10px 0;
	}

	.index_prod .js {
		width: 100%;
		margin: 39px auto;
		font-size: 14px;
		line-height: 21px;
	}

	.ser1_left_img {
		margin-top: 10px;
	}

	.ser1_hz {
		margin: 10px 0 0px;
	}

	.ser1_ch .js {
		width: 100%;
		margin: 15px auto 0;
	}

	.ser1_ch .js p {
		margin-top: 10px;
	}

	.ser1_liuc_left {
		padding-top: 0;
		width: 100%;
	}

	.ser1_liuc {
		border: 0;
	}

	.ser1_liuc_right,
	.ser1_liuc_left img {
		width: 100%;
		border: 0;
	}


	.ser1_liuc_ri_li {
		margin-left: 0;
		width: 100%;
	}

	.ser1_liuc_ri_li .left:nth-child(2) b {
		font-size: 15px;
	}

	.ser1_liuc_ri_li .left:nth-child(2) p {
		font-size: 13px;
		margin-bottom: 15px;
	}

	.ser1_liuc_ri_li .left:nth-child(1) img {
		width: 44px;
	}

	.ser1_liuc_ri_li .left:nth-child(1) {
		text-align: center;
	}

	.ser1_liuc_ri_li .left:nth-child(2) {
		width: 80%;
		padding-right: 15px;
	}

	.ser1_Stylized h1 {
		margin-top: 0;
	}

	.ser1_Stylized p {
		font-size: 16px;
		margin: 13px 20px;
	}

	.ser1_Stylized li {
		font-size: 16px;
		margin: 13px 20px;
	}

	.ser4_Step svg,
	.ser1_Stylized svg {
		width: 15px;
	}

	.ser4_Step h1 b {
		font-size: 22px;
		line-height: 32px;
	}

	.ser1_Case,
	.ser1_Stylized {
		padding: 20px 0;
	}

	.ser1_Customized,
	.index_advantages {
		padding: 0;
		background-position: center;
	}

	.ser1_Customized {
		background-size: 1200px;
		background-position: top center;
	}

	.ser1_ban_ol {
		top: -206px;
		left: 30%;
		width: 100%;
	}

	.ser1_Case .blist li:nth-child(2n+2),
	.ser1_ban_ol li:nth-child(2n+2) {
		margin-right: 0;
	}

	.ser1_Case .blist li,
	.carousel-indicators .active,
	.ser1_ban_ol li {
		float: left;
		width: 48%;
		margin-right: 2%;
		font-size: 13px;
		height: 33px;
		line-height: 33px;
		padding: 0;
	}

	.ser2_img,
	#Customized_banner img {
		width: 100%;
	}

	#Customized_banner .item {
		transform: translateX(0%);
	}

	.carousel-control.left {
		left: 40%;
	}

	.carousel-control {
		width: 30px;
		height: 30px;

	}

	.carousel-control.right,
	.carousel-control.left {

		line-height: 21px;

	}

	.carousel-control .glyphicon-menu-left,
	.carousel-control .glyphicon-menu-right {
		font-size: 10px;
		color: #999;
	}

	.ser1_cust_txt {
		color: #000000;
		margin-top: 64px;
		width: 100%;
		font-size: 13px;
		margin-bottom: 16px;
	}

	.ser1_Case .blist {
		margin-top: 24px;
		margin-bottom: 20px;
	}

	.ser2 .in_pro_left_txt p {
		font-size: 16px;
		margin-top: 15px;
		line-height: 24px;
	}

	.ser1_right_img {
		margin-bottom: 10px;
		width: 100%;
		float: left;
		padding: 0 2px;
	}

	.ser1_liuc .numCount li {
		width: 100%;
	}

	.ser2 .in_pro_left_txt h1 {
		font-size: 21px;
		font-weight: 500;
	}

	.ser2 .ser1_right_img img {
		width: 80%;
	}

	.ser2 .ser1_right_img {
		text-align: center;
	}

	.ser2_scenario {
		background-size: 1408px;

	}

	.ser2_scen_left {
		width: 81%;
		margin: 0 auto;
		float: none;
	}

	.ser2_onsite h1 {
		font-size: 30px;
		margin-bottom: 13px;
	}

	.index_prod .in_pro_left_txt {
		width: 91%;
		margin: 17px auto 15px;
	}

	.ser2_onsite .numCount li {
		width: 100%;
	}

	.ser2 .row {
		margin-top: 0;
	}

	.ser2_scen_right,
	.ser2_scenario li {
		width: 100%;
	}

	.ser2_scenario li:nth-child(4) {
		margin-left: 0;
	}

	.ser2_onsite {
		padding-top: 12px;
		margin: 0;
		border-top: 0;
	}

	.ser2_scenario .tt {
		margin-bottom: 20px;
	}

	.ser2_onsite .numCount li .numCX {
		font-size: 27px;
	}

	.ser2_onsite .numCount li .numU .unitC {
		font-size: 16px;
		margin-top: 4px;
	}


	.ser2_onsite .numCount li .indc {
		font-size: 14px;

	}

	.ser2_onsite .numCount img {
		margin: 7px auto;
		display: block;
	}

	.ser2_onsite .numCount {
		margin: 10px 0px;
	}

	.ser3_order_ul li {
		margin-bottom: 11px;
		line-height: 35px;
		font-size: 13px;
		font-weight: 500;
	}

	.ser3_order_ul li span {
		width: 35px;
		height: 35px;
		line-height: 35px;
		font-size: 19px;
	}

	.ser4_Step2 .ser4_Step2_left,
	.ser4_Step2_right,
	.ser4_Step2_right,
	.ser6 img,
	.ser4 h1,
	.ser4 img,
	.ser4_Delivery img,
	.ser3_Factory img,
	.ser3 img {
		width: 100%;
	}

	.ser3 h1 {

		font-size: 29px;

	}

	.ser3_Factory .left:nth-child(2) {
		width: 100%;
		margin: 0;
		padding: 20px;
		text-align: center;
	}

	.ser3_order_ul {
		margin-top: 20px;
	}

	.ser3_order_ul::after {
		display: none;
	}

	.ser4 .js {
		margin: 10px auto;
		text-align: center;
		font-size: 15px;
		line-height: 25px;
	}

	.ser1_Floorplan {
		margin: 30px auto;
	}

	.ser4_Step li,
	.ser_Step1 p {
		margin-bottom: 10px;
		font-size: 15px;
	}

	.ser4_Step span {
		float: left;
		width: 93%;
	}

	.ser4_Step b {
		font-size: 17px;
	}

	.ser_Delay li {
		font-weight: 500;
		font-size: 17px;
		line-height: 29px;
		margin-bottom: 23px;
	}

	.ser_Step1 img {
		width: 30px;
		margin-right: 13px;
		margin-bottom: 6px;
		float: left;
	}

	.ser4_Step li:nth-child(2) svg {
		margin-bottom: 25px;
	}

	.ser4_Step2_left_txt {
		width: 100%;
		padding: 10px;
	}

	.ser4_Step2_right {

		position: relative;
	}

	.ser4_Step2 {
		margin: 20px 0;
	}

	.ser_Delay li:last-child {
		line-height: 18px;
	}

	.ser4_Services h1 {
		margin-bottom: 20px;
	}

	.ser4_Services img {
		margin-bottom: 20px;
	}

	.ser_Delay_left li:last-child img {
		margin-top: 5px;
	}

	.ser_Delay_left ul {
		margin-top: 20px;
	}

	.ser_Delay {
		padding: 0;
	}

	.ser4_ser .col-md-4 {
		font-size: 20px;
	}

	.txt_div,
	.ser5_2 .txt_div {
		width: 100%;
		position: initial;
		margin-top: 16px;
	}

	.ser5 .txt_left {
		width: 100%;
		padding: 17px;
		font-size: 15px;
		margin-top: 20px;
	}

	.ser5 img.icon {
		width: 58px;
		margin-left: 15px;
		margin: 0 auto;
		display: block;
	}

	.ser5_2 .row {
		margin: 15px 0;
	}

	.ser5 .txt_left h1 {
		margin-bottom: 16px;
		font-size: 24px;
	}

	.ser4_Step {
		margin: 15px 0;
		font-size: 14px;
	}

	.ser6 .col-md-6 {
		margin-bottom: 10px;
	}

	.index_factories.two {
		margin: 10px 0;
	}

	.wa.title h1 {

		font-size: 26px;
	}

	.about_Ordering {
		margin: 0 0;
		padding: 20px 0;
	}

	.about_Ordering .blist li {
		margin-right: 0;
		padding: 5px 7px;
	}

	.about_Ordering .about_step span:nth-child(1) {
		width: 52px;
		height: 52px;
		font-size: 16px;
		line-height: 52px;
		margin-right: 10px;
	}

	.about_Ordering img {
		width: 100%;
	}

	.about_Ordering .panel-title {
		padding: 9px 0;
		font-size: 17px;
		text-align: center;
		font-weight: bold;
		background: #000;
		color: #fff;
	}

	.about_Ordering .panel-default.active .panel-heading h4 {
		background: #b4976d;
	}

	.about_Ordering .panel-default.active .panel-heading h4 a:hover,
	.about_Ordering .panel-default.active .panel-heading h4 a {
		color: #fff;
	}

	#accordion {
		margin-top: 20px;
	}

	.ab_sh_img,
	.pro_list img,
	.ab_sh_txt {
		width: 100%;
	}

	.ab_sh_img {

		height: 230px;
	}

	.ab_sh_txt {
		height: auto;
		padding: 35px;
	}

	.ab_sh_txt .tx {
		width: 100%;
		text-align: center;
		font-size: 15px;
		line-height: 25px;
	}

	.ab_sh_txt .tx h1 {
		font-size: 20px;
		margin-bottom: 6px;
	}

	.margin-bottom60 {
		margin-bottom: 20px;
	}

	.contact_form.in_contact_form div.in_contact_right { 
        height: auto;
        border-radius: 10px;
        padding-top: 35px;
    }

	.contact_form.in_contact_form div.in_contact_right span {

		font-size: 22px;
	}

	.contact_form.in_contact_form div.in_contact_right p {
	
        margin-bottom: 13px;
        font-size: 15px
	}

	.contact_form.in_contact_form div.in_contact_right img {
		width: 100%;
		margin-top: 10px;
	}
.contact_form.in_contact_form div.in_contact_right span:nth-child(1) {
    font-size: 20px;}
.contact_form.in_contact_form div.in_contact_right span:nth-child(2) {
    font-size: 15px;
}.contact_form.in_contact_form div.in_contact_right svg {
    width: 17px;
}
	.contact_form.in_contact_form div.in_contact_right h1 {
		font-size: 20px;
		margin-bottom: 20px;
	}

	.contact_form.in_contact_form div.in_contact_left {
		padding: 25px;
	}

	.contact_sales .tt p {
		margin-top: 10px;
		font-size: 13px;
	}

	.contact_sales .tt {
		width: 100%;
		margin: 0px auto 15px;
	}

	.contact_sales ul li {
		font-size: 13px;
		margin-bottom: 5px;
		height: 70px;
	}

	.contact_sales ul li span {

		display: block;
		float: left;
		margin-bottom: 22px;

	}

	.contact_sales {
		margin: 20px 0;
	}


	.product_type ul {
		display: block;
		margin: 20px 0;
	}

	.product_type li {
		width: 32.6%;
		margin-bottom: 20px;
		font-size: 13px;
	}

	.product_type li span {
		width: 60px;
		height: 60px;
		margin: 0 auto 10px;
		line-height: 60px;
	}

	.pro_typ li {
		margin-right: 10px;
		font-size: 13px;
		padding: 5px;
	}

	.detail_top_s li,
	.pro_list p {
		font-size: 13px;
	}

	.detail_top_s {
		margin: 77px 0 0px;
	}

	.detail_top_right p {
		font-size: 13px;
		line-height: 21px;
		margin: 10px 0;
		letter-spacing: 0;
		font-weight: 500;
	}

	.elem {
		width: 100%;
		border: 0;
		border-bottom: none;
		padding: 0;
	}

	.detail_img {
		text-align: center;
		padding: 5px;
		margin-bottom: 25px;
	}

	.detail_tt2 {
		font-size: 25px;
	}

	.detail_tt {
		border-radius: 10px 10px 0 0;
		border-bottom: 0;
		padding: 9px;
		font-size: 18px;
		text-align: center;
		display: block;
		color: #b4976d;

	}

	.detail_top {
		margin-bottom: 15px;
	}

	.ser2 h1 {

		font-size: 30px;
	}

	.pro_search input[type="text"] {
		width: 74%;
		padding: 10px;
		border-radius: 4px;
		border: 1px solid #858585;
		box-shadow: none;
	}

	.pro_search input[type="submit"] {
		border: 0;
	}


	.detail_top .gallery-thumbs {
		height: 20%;
		box-sizing: border-box;
		padding: 10px 0;
	}

	.detail_top .gallery-thumbs .swiper-slide {
		width: 25%;
		height: 100%;
		opacity: 0.4;
	}

	.detail_top .gallery-thumbs .swiper-slide-active {
		opacity: 1;
	}

	.detail_top .swiper-container {
		width: 100%;
		height: 400px;
		margin-left: auto;
		margin-right: auto;
	}

	.detail_top .gallery-thumbs {

		height: 110px;
	}

	.detail_top .swiper-slide {
		background-size: cover;
		background-position: center;
	}

	.detail_top_right h1 {
		color: #000;
		font-size: 27px;
		margin-top: 20px;
	}


	.index_why.nn .title {

		font-size: 30px;
		font-weight: bold;
	}
















}