/* 
    Created on : 2020-5-19 13:12:07
    Author     : kotori
*/

body {
	margin: 0px;
	padding: 0px;
	font-family: "Microsoft YaHei", "微软雅黑", SimHei, Verdana, Geneva, sans-serif;
	background: #fff;
}

html {
	font-size: 16px;
}

#sh_sales {
	width: 100%;
	height: auto;
	float: left;

}
.ph_container {
	width: 90%;
	margin-left: 5%;
	float: left;
}
.top_class {width: 100%;height: 100px;float: left;margin-top: 50px;}
.top_class ul {width: 100%;height: 100px;left: 0;float: left;margin:0;padding: 0;}
.top_class ul li {width: 29%;float: left;margin-right: 3%;height: 30px;text-align: center;text-decoration: none;list-style-type:none;line-height: 30px;margin-top: 60px;background: #eeeeee;border-radius: 5px;border: 1px solid #eeeeee;}
.top_class ul li:hover {cursor: pointer;}
.sales_form {width: 100%;height: auto;float: left;margin-bottom: 40px;}
.form_d_c {width: 100%;height: 40px;}
.form_d_c_l {width: 23%;float: left;height: 40px;line-height: 40px;text-align: left;font-size: 12px;}
.form_d_c_l_x {width: 3px;float: left;color: red;}
.form_d_c_l_t {float: left;width: auto;height: 100%;margin-left: 6px;}
.form_d_c_r {width: 75%;float: right;height: 40px;line-height: 28px;}
.form_d_c_r input {border-radius: 5px;border: 1px solid #000000;height: 28px;line-height: 28px;margin-top: 5px;width: 100%;text-indent: 2em;-webkit-appearance:none;}
.bottom {width: 100%;height: 40px;float: left;clear: left;margin-top: 40px;}
.bottom_div {width: 100%;height: 40px;float: left;}
.bottom_div ul {width: 100%;height: 40px;left: 0;float: left;margin:0;padding: 0;}
.bottom_div ul li {width: 30%;float: left;margin-right: 3%;height: 100%;text-align: center;list-style-type:none;line-height: 40px;}
.bottom_div ul li a {color: #0064EA;}
.must_in {color: red;font-size: 14px;}
.form_d_c_r select{height: 30px;margin-top: 5px;width: 100%;}
.Validform_wrong {font-size: 12px;}
.Validform_right {font-size: 12px;}
.Validform_checktip {font-size: 12px;}
.sub_b{width: 100%;height: 40px;float: left;}
.sub_div {width: 100%;height: 40px;text-align: center;line-height: 40px;margin: 0 auto;background: #007BFF;color: #ffffff;border-radius: 10px;}
.sub_div:hover {cursor: pointer;}


/*list1*/
#sh_sales_list {width: 100%;
	height: auto;
	float: left;
	background: #f5f5f5;
}
.sales_list_top {width:100%;height: auto;float: left;margin-top: 80px;}
.sales_list_title {width: 100%;height: 40px;float: left;text-align: center;line-height: 40px;font-size: 20px;}
.sales_list_content {width:100%;height: auto;float: left;}
.sales_list_content_ul {width:100%;height: 40px;float: left;}
.sales_list_content_ul_t {width:100%;height: 40px;float: left;left: 0;margin:0;padding: 0;}
.sales_list_content_ul_t li {width: 30%;float: left;margin-right: 3%;height: 100%;text-align: center;list-style-type:none;line-height: 40px;}
.sales_list_content_ul_t li a {text-decoration: none;color: #000000;}
.sales_list_content_ul_line {width: 100%;height: 10px;float: left;}
.sales_list_content_ul_line ul {width: 100%;height: 10px;float: left;margin:0;padding: 0;left: 0;}
.sales_list_content_ul_line ul li {width: 30%;float: left;margin-right: 3%;height: 100%;text-align: center;list-style-type:none;line-height: 10px;}
.s_l_line {width: 30%;height: 3px;background: blue;line-height: 10px;text-align: center;margin-left: 35%;}
.sales_list_class_ul {width: 100%;height: auto;float: left;background: #ffffff;border-radius: 10px;padding-bottom: 20px;}
.sales_list_class_ul_b {width: 100%;height: auto;float: left;left: 0;margin:0;padding: 0;}
.sales_list_class_ul_b li {width: 29%;height: 30px;margin-right: 1%;margin-left:2%;float: left;line-height: 30px;list-style: none;font-size: 12px;text-align: center;background: #eeeeee;border-radius: 5px;border: 1px solid #eeeeee;margin-top: 10px;}
.sales_list_class_ul_b li:hover {cursor: pointer;}
.sh_sales_list_bottom {width: 100%;height: auto;float: left;clear: left;margin-top: 20px;border-radius: 10px;background: #ffffff;}
.sh_sales_list_bottom_title {width: 100%;height: auto;float: left;clear: left;font-size: 18px;margin-left: 10px;margin-top: 10px;}
.sh_sales_list_bottom_class {width: 95%;height: auto;float: left;clear: left;font-size: 16px;margin-top: 10px;margin-left: 10px;margin-bottom: 10px;}
.sh_sales_list_bottom_class_content {width: 100%;height: auto;float: left;clear: left;font-size: 14px;margin-top: 10px;}
.list2_table {width: 100%;height: auto;float: left;}
.list2_table tr {width: 100%;height: auto;float: left;}
.list2_table tr td {width: 30%;float: left;height: 40px;border: 1px solid #000000;text-align: center;line-height: 40px;}

/*list2*/
.qiehuan_1 {display: none;}
.sh_sales_list_bottom_class_content_div {width: 100%;height: auto;float: left;}
.sh_sales_list_bottom_class_content_ul {width: 100%;height: auto;float: left;margin-left: -18px;}
.sh_sales_list_bottom_class_content_ul li {width: 30%;height: 40px;float: left;text-align: center;line-height: 40px;border: 1px solid #000000;list-style: none;}
.sh_sales_list_bottom_class_content_ul li:hover {cursor: pointer;}
.spec_qiehuan {display: none;}
.list2_b_table {width: 100%;height: auto;float: left;}
.list2_b_table tr {width: 100%;height: auto;float: left;}
.list2_b_table tr td {width: 32%;float: left;border: 1px solid #000000;height: auto;text-align: center;}
.sales_list_class_ul_2 {width: 100%;height: auto;float: left;border-radius: 10px;background: #ffffff;padding-bottom: 10px;}
.sales_list_class_ul_b_2 {width: 100%;height: auto;float: left;left: 0;margin:0;padding: 0;}
.sales_list_class_ul_b_2 li {width: 29%;height: 30px;margin-right: 1%;margin-left: 2%; margin-top: 10px;  float: left;line-height: 30px;list-style: none;font-size: 12px;text-align: center;background: #eeeeee;border-radius: 5px;border: 1px solid #eeeeee;}
.sales_list_class_ul_b_2 li:hover {cursor: pointer;}

/*list3*/
.cpby {width: 100%;height: auto;float: left;}
.cpby_img {width: 100%;height:auto;float: left;}
.cpby_img img {width: 100%;height: auto;float: left;clear: left;}
.cpby_bz {width: 100%;height: auto;float: left;}
.cpby_bz_title {width: 100%;height: auto;float: left;clear: left;font-size: 16px;}
.cpby_bz_content {width: 100%;height: auto;float: left;clear: left; font-size: 14px;margin-bottom: 50px;margin-top: 20px;line-height: 24px;}
.fillbg { background-color: rgba(0, 0, 0, 0.6); bottom: 0; height: 100%; left: 0; opacity: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 1100; display:none; }
.fillbg-active { opacity: 1; display:block; }


/*products_tog*/
.products_tog {width: 100%;height: 750px;clear: left;padding-top: 50px;background: #1c1c1c;}
.products_tog_middle {width: 90%;margin-left: 5%;float: left;background: #1c1c1c;}
.products_tog_middle_class {width: 100%;height: auto;float: left;margin-top: 30px;}
.products_tog_middle_class_img {width: 100%;height: auto;float: left;}
.products_tog_middle_class_img img {width: 100%;height: auto;}
.products_tog_middle_class_title {width: 100%;height: 60px;text-align: center;color:#FFFFFF;font-size: 25px;line-height: 60px;float: left;}
.products_tog_middle_class_more {width:100%;height: 40px;float: left;}
.products_tog_middle_class_more_text {width: 100px;height: 40px;text-align: center;line-height: 40px;border: 1px solid #a98a4e;margin: 0 auto;}
.products_tog_middle_class_more_text a {color:#a98a4e;text-decoration: none;width: 100%;height: 100%;display: block;}
.products_tog_middle_class_more:hover {cursor: pointer;}

/*净水方案*/
.jsfa {width: 100%;height: 1700px;clear: left;padding-top: 50px;background: #1c1c1c;}
.products_tog_middle_class_sub_title {width: 100%;height: 50px;text-align: center;color:#FFFFFF;font-size: 16px;line-height: 50px;float: left;}


/*批件展示*/
.content_show {text-align: center;margin-bottom: 30px;}
.tr_1 {}
.tr_1 th {width: 100px;}
.content_show tr {}

/*上海销售视频1*/
#sh_sales_shipin {width: 100%;height: auto;float: left;margin-top: 50px;}
.shipin video {width: 100%;height: auto;}

/*上海销售视频2*/

/*专利页面*/
.patent {width: 100%;height: auto;float: left;margin-top: 100px;}
.patent_middle {width: 90%;height: auto;float: left;}
.patent_title {width: 100%;height: 50px;float: left;text-align: center;line-height: 50px;font-size: 30px;}
.kn_patent {width: 100%;height: 50px;float: left;text-align: center;line-height: 50px;font-size: 25px;}
.top {width: 100%;height: 50px;float: left;}
.top_num {width: 20%;float: left;height: 50px;text-align: center;line-height: 50px;font-size: 20px;}
.top_left {width: 40%;float: left;height: 50px;text-align: center;line-height: 50px;font-size: 20px;}
.top_right {width: 40%;float: right;height: 50px;text-align: center;line-height: 50px;font-size: 20px;}
.patent_class {width: 100%;height: auto;float: left;margin-bottom: 10px;}
.patent_class_num {width: 20%;float: left;text-align: center;font-size: 10px;}
.patent_class_left {width: 40%;float: left;text-align: center;font-size: 10px;}
.patent_class_right {width: 40%;float: left;text-align: center;font-size: 10px;}


/*中南联动地址*/
.act_address {width: 100%;height: auto;float: left;margin-top: 100px;}
.act_address_middle {width: 90%;height: auto;float: left;}
.act_address_title {width: 100%;height: 50px;float: left;text-align: center;line-height: 50px;font-size: 30px;}
.act_address_top {width: 100%;height: 50px;float: left;}
.act_address_top_num {width: 20%;float: left;height: 50px;text-align: center;line-height: 50px;font-size: 20px;}
.act_address_top_address {width: 80%;float: left;height: 50px;text-align: center;line-height: 50px;font-size: 20px;}
.act_address_class {width: 100%;height: auto;float: left;margin-bottom: 10px;}
.act_address_class_num {width: 20%;float: left;text-align: center;font-size: 10px;}
.act_address_class_address {width: 80%;float: left;text-align: left;font-size: 10px;}


/*产品手机端*/
@media screen and (min-width: 769px) {
	.dis_pc {display: block;}
	.dis_phone {display: none;}
}
@media screen and (max-width: 768px) {
	.dis_pc {display: none;}
	.dis_phone {display: block;}
}

/*活动店面地址页面*/
.hda {width: 100%;height: auto;float: left;margin-top: 100px;}
.hda_middle {width: 90%;height: auto;float: left;margin-left: 5%;}
.hda_title {width: 100%;height: auto;float: left;text-align: center;line-height: 50px;font-size: 30px;}
.hda_top {width: 100%;height: 50px;float: left;}
.hda_top_num {width: 15%;float: left;height: 50px;text-align: center;line-height: 50px;font-size: 20px;}
.hda_top_left {width: 15%;float: left;height: 50px;text-align: center;line-height: 50px;font-size: 20px;}
.hda_top_right {width: 70%;float: right;height: 50px;text-align: center;line-height: 50px;font-size: 20px;}
.hda_class {width: 100%;height: auto;float: left;margin-bottom: 10px;}
.hda_class_num {width: 15%;float: left;text-align: center;font-size: 10px;}
.hda_class_left {width: 15%;float: left;text-align: center;font-size: 10px;}
.hda_class_right {width: 70%;float: left;text-align: center;font-size: 10px;}

/*上海销售活动2021.4.13*/
#sh_active_1 {width: 100%;height: auto;float: left;}
.sh_active_1_title {width: 100%;height: 50px;line-height: 50px;text-align: center;font-size: 30px;}
.sh_active_1_class {width: 100%;height: auto;float: left;margin-top: 30px;margin-bottom: 20px;}
.sh_active_1_class_title {width:100%;height: 50px;line-height: 50px;text-align: center;font-size: 20px;}
.sh_active_1_class_class {width: 45%;height: auto;float: left;margin-top: 20px;border: 1px solid #000000;margin-left: 2%;}
.sh_active_1_class_class a {text-decoration: none;color: #000000;}
.sh_active_1_class_class_img {width: 80%;height: auto;float: left;margin-left: 10%;}
.sh_active_1_class_class_img img {width: 100%;height: auto;overflow: hidden;}
.sh_active_1_class_class_text {width: 100%;height: auto;line-height: 30px;text-align: center;clear: left;text-decoration: none;font-size: 16px;}

/* 净水套餐    */

@media screen and (min-width: 1100px) {

.jstc {width: 100%;height: auto;float: left;margin-top: 150px;}
.jstc_top {width: 100%;float: left;z-index:-9;}
.jstc_top_title {width: 100%;float: left.;text-align: center;height: 50px;line-height: 50px;font-size: 25px;margin-bottom: 20px;}
.jstc_top_imgs {width: 100%;float: left;margin-bottom: 30px;}
.jstc_top_imgs_div {width: 22%;float: left;margin-left: 3%;padding-bottom: 20px;height: 430px;z-index: 98;}
/*.jstc_top_imgs_div:hover{transform:scale(1.15); transition:all .5s;}*/
.jstc_top_imgs_div img {width: 100%;height: auto;z-index: 98;}
.top-text {width: 100%;float: left;margin-top: -125px;z-index: 999;position: relative;}
.top-text-top {width: 90%;float: left;margin-left: 5%;text-align: center;font-size: 18px;font-weight: bold;color: #333333;}
.top-text-text {width: 90%;float: left;margin-left: 5%;text-align: left;font-size: 13px;margin-top: 5px;color: #666666;}
.jstc_choose {height: 100px;width: 100%;float: left;margin-bottom: 30px;}
.jstc_div {width: 50%;float: left;margin-left: 25%;}
.jstc_div_left {width: 40%;float: left;text-align: center;line-height: 100px;}
.jstc_div_left:hover {cursor: pointer;}
.jstc_div_middle {width: 20%;float: left;text-align: center;line-height: 100px;}
.jstc_div_right {width: 40%;float: right;text-align: center;line-height: 100px;}
.jstc_div_right:hover {cursor: pointer;}
.jstc_int_title {color: #333333;font-size: 16px;}
.jstc_int_text {color: #666666; font-size: 15px;} 
.jstc_tc {width: 100%;height: auto;float: left;}
.jstc_middle {width: 1100px;margin: 0 auto;}
.jstc_tc_div {width: 100%;height: auto;float: left;}
.jstc_tc_div_leftimg {width: 20%;float: left;height: auto;display: block;}
.jstc_tc_div_leftimg img {width: auto;height: 100%;vertical-align: middle;}
.jstc_tc_div_left {width: 20%;float: left;height: auto;display: none;}
.jsq_type {width:auto;height: 30px;float: left;margin-top: 10px;text-align: left;line-height: 30px;font-size: 20px;border-top: 1px solid #000000;}
.jsq_type_text {width:100%;height: 30px;float: left;margin-top: 10px;text-align: left;line-height: 30px;}
.jsq_div {width: 22%;height: auto;float: left;margin-left: 3%;margin-bottom: 40px;z-index: 999;}
.jsq_div_img:hover {cursor: pointer;}
.jsq_div_img {width: 100%;height: 200px;float: left;vertical-align: middle;display: table-cell;text-align: center;}
.jsq_div_img img {width: auto;height: 100%;vertical-align: middle;}
.input-label {}
.jsq_div_img input {float: right;margin-right: 20px;margin-top: -30px;z-index: 9999;position: relative; width: 15px;height: 15px;}

.jsq_div_text {text-align: center;}
.sub {width: 100%;height: 50px;float: left;margin-top: 40px;margin-bottom: 40px;}
.sub_div {width: 100%;height: 50px;float: left;background: none;}
.jstc_sub {width: 400px;text-align: center;height: 50px;line-height: 50px;background: #0f6ab4;color: #ffffff;border: none;}
.zgh_tc {display: block;}
.v_tc {display: none;}
.k_foot {width: 100%;height: 100px;float: left;}
.jstc_test {width: 100%;height: auto;float: left;margin-top: 200px;}
.jstc_middle {width: 1100px;height: auto;margin: 0 auto;}
.jstc_test_div {width: 100%;height: auto;float: left;}
.jstc_test_div img {width: 100%;height: auto;}
.k_f_div {width: 240px;line-height: 45px;font-size: 20px;background-color: #014898;text-align: center;margin: 0 auto;}
.k_f_div a {display: block;}
.tc_download_pdf {text-decoration: none;color: #FFFFFF;}

}

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

.jstc {width: 100%;height: auto;float: left;margin-top: 100px;}
.jstc_top {width: 100%;float: left;z-index:-9;}
.jstc_top_title {width: 100%;float: left.;text-align: center;height: 50px;line-height: 50px;font-size: 25px;}
.jstc_top_imgs_div {width: 41%;float: left;margin-left: 6%;padding-bottom: 20px;height: 300px;margin-top: 20px;}
.jstc_top_imgs_div img {width: 100%;height: auto;}
.top-text {width: 100%;float: left;margin-top: -105px;z-index: 999;position: relative;}
.top-text-top {width: 90%;float: left;margin-left: 5%;text-align: center;font-size: 14px;font-weight: bold;color: #333333;}
.top-text-text {width: 90%;float: left;margin-left: 5%;text-align: left;font-size: 10px;margin-top: 5px;color: #666666;}
.jstc_choose {height: 50px;width: 100%;float: left;margin-bottom: 10px;}
.jstc_div {width: 50%;float: left;margin-left: 25%;}
.jstc_div_left {width: 40%;float: left;text-align: center;line-height: 50px;}
.jstc_div_left:hover {cursor: pointer;}
.jstc_div_middle {width: 20%;float: left;text-align: center;line-height: 50px;}
.jstc_div_right {width: 40%;float: right;text-align: center;line-height: 50px;}
.jstc_div_right:hover {cursor: pointer;}
.jstc_int_title {color: #333333;font-size: 12px;}
.jstc_int_text {color: #666666; font-size: 10px;} 
.jstc_tc {width: 100%;height: auto;float: left;}
.jstc_middle {width: 100%;margin: 0 auto;}
.jstc_tc_div {width: 100%;height: auto;float: left;}
.jstc_tc_div_leftimg {width: 100%;float: left;height: auto;text-align: center;display: none;}
.jstc_tc_div_leftimg img {width: auto;height: 100%;vertical-align: middle;}
.jstc_tc_div_left {width: 100%;float: left;height: auto;display: block;margin-top: 20px;}
.jsq_type {width:120px;height: 20px;margin-top: 20px;text-align: center;border-top: 1px solid #000000;margin: 0 auto;font-size: 18px;}
.jsq_type_text {width:100%;height: auto;float: left;margin-top: 10px;text-align: center;margin-bottom: 20px;font-size: 12px;}
.jsq_div {width: 30%;height: auto;float: left;margin-left: 3%;}
.jsq_div_img {width: 100%;height: auto;float: left;vertical-align: middle;display: table-cell;text-align: center;overflow: hidden;}
.jsq_div_img img {width: 100%;height: auto;vertical-align: middle;}
.jsq_div_img input {float: right;margin-right: 20px;margin-top: -20px;z-index: 9999;position: relative;}
.jsq_div_text {text-align: center;font-size: 12px;}
.sub {width: 100%;height: 50px;float: left;margin-top: 40px;margin-bottom: 40px;}
.sub_div {width: 100%;height: 50px;float: left;background: none;}
.jstc_sub {width: 200px;text-align: center;height: 50px;line-height: 50px;background: #0f6ab4;color: #ffffff;border: none;}
.zgh_tc {display: block;}
.v_tc {display: none;}
.k_foot {width: 100%;height: 100px;float: left;}
.jstc_test {width: 100%;height: auto;float: left;margin-top: 100px;}
.jstc_middle {width: 100%;height: auto;margin-left: 0%;}
.jstc_test_div {width: 100%;height: auto;float: left;}
.jstc_test_div img {width: 100%;height: auto;}
.k_f_div {width: 200px;line-height: 45px;font-size: 20px;background-color: #0f6ab4;text-align: center;margin: 0 auto;}
.tc_download_pdf {text-decoration: none;color: #FFFFFF;}
}