@charset "utf-8";
/* CSS Document */
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
body { line-height: 1.6; font-size: 12px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; width:100%; background-color: #fafafa; color: #4b4b4b; padding: 45px 0;}
*{ margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; }
img { border: 0; display: block; width: 100%;}
a { text-decoration: none; display:block;}
i, em { font-style: normal; }
li { list-style: none; vertical-align: bottom; }
.disable { display: none; }
.fl { float: left; }
.fr { float: right; }
.t-r { text-align: right; }
.clearfix:after { content: ""; height: 0; display: block; clear: both; visibility: hidden; }
* html .clearfix { height: 1%; }
* +html .clearfix { height: 1%; }
.clearfix { display: block; clear: both; }
input, textarea { outline: none; resize: none; }
input[type="button"] { appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 0; }
select { height: 22px; line-height: 18px; padding: 2px 0; outline: none; }
.m_cell_hd, .m_cell_ft { display: table-cell; vertical-align: middle; word-wrap: break-word; word-break: break-all; white-space: nowrap; overflow: hidden; }
.m_cell_primary { width: 2000px; white-space: normal; line-height: 15px; }

/*头部*/
.header{ padding: 0 35px 0 73px; position: fixed; left: 0; top: 0; right: 0; background-color: #b62022; z-index: 9;}
.logo{ width:57px; position: absolute; left: 10px; top: 5px;}
.nav_list{ width:100%;}
.nav_list li{ float:left; line-height: 45px; width:33.33%; font-size: 14px;}
.nav_list li a{ color:#fff; display: block; text-align: center;}
.menus{ display:block; position: absolute; right: 10px; top: 12px; width:20px; }
.nav_list li a:hover,.nav_list li a.on{ background-color:#2c2c2c;}

/*幻灯片*/
.banner{ position: relative; width:100%; overflow: hidden;}
.banner .hd{ position:absolute; left: 0; right: 0; bottom: 17px; text-align: center; z-index: 1;}
.banner .hd li{ display:inline-block; width: 8px; height: 8px; border-radius: 50%; margin: 0 5px; background-color: #fff; overflow: hidden; text-indent:22em;}
.banner .hd li.on{ background-color:#b62022;}

/*产品中心*/
.index_title{ text-align:center; padding: 20px 0;}
.index_title h2{ display:block; font-size: 18px; color: #2c2c2c; font-weight: bold; line-height: 25px;}
.index_title p{ font-size:15px; color: #b62022; text-transform: uppercase;}

.index_product_center{ padding: 0 10px;}
.index_product_center .left,.index_product_center .right{ width: 48%;}
.index_product_center b{ display:block; font-size: 14px; color: #fafafa; font-weight: normal; text-align: center; background-color: #b62022; line-height: 35px;}
.index_product_center b i{ display:inline-block; padding-right: 20px; background: url(../images/pointer.png) no-repeat right center; background-size: 15px auto;}

.index_product_center .list{ padding:15px 5px 5px;}
.index_product_center .list li{ padding-bottom: 7px;}
.index_product_center .list img{ box-shadow:0 0 10px rgba(0,0,0,0.3);}
.index_product_center .list h4{ display:block; font-size: 14px; font-weight: normal; line-height: 30px; height: 30px; overflow: hidden; text-align: center; color: #2c2c2c;}

.index_product_center a.more{ display:block; width: 100%; height: 35px; line-height: 35px; background-color: #b62022; text-align: center; color: #fff; font-size: 14px;}

/*客户案例*/
.index_case_tab{ padding:0 10px;}
.index_case_tab a{ display:block; float: left; width: 32%; margin-right: 2%; margin-bottom: 10px; text-align: center; color: #fff; line-height: 35px; height: 35px; background-color: #b62022; font-size: 14px;}
.index_case_tab a:nth-child(3n+3){ margin-right:0;}
.index_case_tab a i{ display:inline-block; padding-left: 20px; background-position: left center; background-repeat: no-repeat; background-size: auto 15px;}
.ico_01{ background-image:url(../images/i_01.png);}
.ico_02{ background-image:url(../images/i_02.png);}
.ico_03{ background-image:url(../images/i_03.png);}
.ico_04{ background-image:url(../images/i_04.png);}
.ico_05{ background-image:url(../images/i_05.png);}
.ico_06{ background-image:url(../images/i_06.png);}
.index_case_tab a.on{ background-color:#2c2c2c;}

.index_case_reviews{ padding:0 10px;}
.index_case_reviews li,.case_list .c_list li{ float:left; width: 48%;}
.index_case_reviews li:nth-child(2n),.case_list .c_list li:nth-child(2n){ float:right;}
.index_case_reviews li,.case_list .c_list li{ padding-bottom:5px;}
.index_case_reviews img,.case_list .c_list li img{ box-shadow:0 0 10px rgba(0,0,0,0.4);}
.index_case_reviews h4,.case_list .c_list li h4{ display:block; font-size: 14px; font-weight: normal; line-height: 30px; height: 30px; overflow: hidden; text-align: center; color: #2c2c2c;}
.index_case_reviews li a:hover h4,.case_list .c_list li a:hover h4{ color:#b62022;}

/*关于洁博士*/
.index_about{ padding:0 10px 20px;}
.index_about img{ margin-bottom: 7px;}
.index_about p{ font-size: 14px; color: #000; line-height: 23px; text-indent: 2em;}
.index_about span{ display:block; text-align: right; line-height: 20px;}
.index_about span a{ display:inline-block; font-size: 14px; color: #b62022; padding-right: 12px; background: url(../images/ico_01.png) no-repeat right center; background-size: 7px auto;}

/*底部导航*/
.f_nav{ background-color:#b62022;}
.f_nav li{ float:left; width: 33.33%; text-align: center; font-size: 15px; line-height: 50px;}
.f_nav li a{ color:#fff; display:block;}
.f_nav li a:hover,.f_nav li a.on{ background-color:#2c2c2c;}



/*底部*/
.footer{ padding:20px 0; text-align: center;}
.footer ul{ display:inline-block; padding-left: 50px; position: relative;}
.footer p{ text-align: left; font-size: 14px; color: #2c2c2c; line-height: 23px;}
.footer p i{ font-size:16px; color: #b62022;}
.footer p em{ font-size:20px;}
.top{ display:block; position: absolute; left: 0; top: 7px; width: 32px; z-index: 2;}

/*浮窗*/
.box_form{ position: fixed; left: 0; right: 0; bottom: 0; background-color: #b62022; z-index: 9;}
.box_form a{ display:block; float: left; width: 50%; text-align: center; font-size: 15px; color: #fff; line-height: 45px;}
.box_form a.on{ background-color:#2c2c2c;}
.box_form a i{ display:inline-block; padding-left: 25px; background-position: left center; background-repeat: no-repeat; background-size: auto 18px; background-image: url(../images/f_01.png);}
.box_form a.on i{ background-image: url(../images/f_02.png); padding-left: 30px;}

/*联系洁博士*/
.contact{ padding: 0 10px 15px;}
.contact b{ display:block; position: relative; font-size: 16px; color: #2c2c2c; line-height: 35px; margin-top: 15px; padding-left: 20px;}
.contact ul li{ padding: 0 40px 0 20px; background-color: #fff; line-height: 60px; margin-bottom: 10px; position: relative;}
.contact ul li:last-child{ margin-bottom:0;}
.contact ul li p{ display:inline-block; vertical-align: middle; line-height: 22px; font-size: 15px;}
.contact ul li i{ display:block; color: #b62022; font-size: 16px;}
.contact b em{ display:block; position: absolute; left: 5px; top: 50%; margin-top: -7px; width: 4px; height: 14px; background-color: #b62022;}
.tel{ display:block; position: absolute; right: 20px; top: 20px; width: 20px;}
.address{ display:block; position: absolute; right: 20px; top: 20px; width: 15px;}

/*新闻*/
.news_list{ padding: 10px 0;}
.news_list .n_top{ padding: 0 10px 10px;}
.news_list .n_top h2,.case_list .c_top h2,.product_show h2{ display:block; font-size: 16px; color: #2c2c2c; line-height: 35px; position: relative; padding-left: 15px; margin-top: 10px;}
.news_list .n_top h2 em,.case_list .c_top h2 em,.product_show h2 em{ display:block; position: absolute; left: 0; top: 50%; margin-top: -7px; width: 4px; height: 14px; background-color: #b62022;}
.news_list .n_top a{ display:block; float:left; width: 48.5%; height: 35px; text-align: center; background-color: #b62022; font-size: 15px; line-height: 35px; color: #fafafa;}
.news_list .n_top a:last-child{ float:right;}
.news_list .n_top a.on{ background-color:#2c2c2c;}
.news_list .n_top div{ margin-top: 5px;}

.news_list .list li{ padding: 5px 10px 7px; background-color: #fff;}
.news_list .list li:nth-child(2n){ background-color:#fafafa;}
.news_list .list li h4{ display:block; font-size: 16px; color: #2c2c2c; line-height: 35px; height: 35px; overflow: hidden; background: url(../images/ico_02.png) no-repeat right center; background-size: 11px auto; padding-right: 15px; font-weight: bold;}
.news_list .list li p{ color:#2c2c2c; font-size: 14px; line-height: 23px;}
.news_list .list li a:hover h4{ background-image: url(../images/ico_03.png);}
.news_list .list li a:hover p{ color:#b62022;}

.page{ padding:10px 10px 15px;}
.page a,.page select{ display:block; float: left; width: 30%; margin-right: 5%; text-align: center;}
.page a:last-child{ margin-right:0;}
.page a{ height: 30px; line-height: 30px; background-color: #b62022; color: #fff; font-size: 14px;}
.page select{ display:block; box-sizing: border-box; height: 30px; line-height: 28px; border-radius: 4px; text-align: center; padding-left: 10%; font-size: 14px; color:#b62022;}

/*客户案例明细*/
.detial_case{ padding:10px;}
.detial_case .title{ text-align:center;}
.detial_case .title h1{ display:block; font-size: 16px; font-weight: normal; line-height: 20px; padding: 5px 0;}
.detial_case .title p{ font-size: 14px; color: #a0a0a0; line-height: 25px;}
.detial_case .title p i{ padding-left:15px;}
.detial_case .content{ font-size: 14px; color: #2c2c2c; line-height: 23px; padding: 5px 0;}
.detial_case .content img{ max-width:100%; margin: 7px auto;}
.detial_case .content b{ display:block; text-align: center; font-weight: normal; line-height: 27px; padding-bottom: 3px;}
.detial_case .content p{ text-indent:2em;}
.detial_case .d_link{ font-size: 14px; line-height: 30px;}
.detial_case .d_link li{ height: 30px; overflow: hidden;}
.detial_case .d_link a{ color:#2c2c2c;}
.detial_case .d_link i{ color:#b62022;}

/*客户案例*/
.case_list{ padding: 10px;}
.case_list .c_top div{ margin-top:5px;}
.case_list .c_top a{ display:block; float: left; width: 32%; margin-right: 2%; margin-bottom: 10px; text-align: center; color: #fff; line-height: 35px; height: 35px; background-color: #b62022; font-size: 14px;}
.case_list .c_top a:nth-child(3n+3){ margin-right:0;}
.case_list .c_top a.on{ background-color:#2c2c2c;}
.case_list .c_list{ padding:10px 0 4px;}
.case_list .c_list li h4{ line-height: 22px; height: 44px; padding: 5px 0;}

/*产品中心*/
.product_center .title{ padding:0 10px;}
.product_center .title h1{ display:block; position: relative; font-size: 16px; color: #2c2c2c; line-height: 22px; padding: 19px 0 19px 10px;}
.product_center .title em{ display:block; position: absolute; left: 0; top: 50%; margin-top: -7px; width: 4px; height: 14px; background-color: #b62022;}

.p_banner{ box-shadow:0 0 10px rgba(0,0,0,0.2);}

.product_content{ padding:15px 10px; font-size: 14px; line-height: 22px; color: #2c2c2c;}
.product_contact{ position: relative; padding:0 10px;}
.product_contact p{ font-size:14px; line-height: 20px; color: #2c2c2c; padding-left: 35px; background: url(../images/tel.jpg) no-repeat left center; background-size: 25px auto;}
.product_contact i{ display:block; font-size: 16px; color: #b62022;}
.product_contact a{ display:block; position: absolute; right: 10px; top: 50%; margin-top: -17px;width: 100px; text-align: center; height: 34px; line-height: 34px; background-color: #b62022; color: #fff; font-size: 15px;}

.product_show{ padding: 10px 10px 15px;}
.product_show img{ margin-top:5px; margin-bottom: 10px;}

/*菜单*/
.product_menus{ display:none; position:fixed; left: 0; top: 45px; right: 0; bottom: 0; background-color: rgba(0,0,0,0.30); z-index: 10; overflow-y: auto;}
.product_menus .form{ position:absolute; left: 0; right: 0; top: 0; background-color: #4a4d52; z-index: 11;}
.product_menus h4{ display:block; position:relative; font-size: 14px; color: #fff; line-height: 40px; padding: 0 10px; font-weight: normal;}
.product_menus h4 a{ color:#fff;}
.product_menus h4 em,.product_menus h4 i{ display:block; position: absolute; right: 10px; top: 0; width: 40px; height: 40px; background: url(../images/ico_04.png) no-repeat right center; background-size: 10px auto;}
.product_menus h4.on,.product_menus h4.on a{ color:#b62022;}
.product_menus h4.on i{ background-image:url(../images/ico_02.png);}
.product_menus h4.on em{ background-image:url(../images/ico_07.png);}
.product_menus li div{ display:none; padding:10px; background-color: #3d4045;}
.product_menus li div a{ display:block; line-height: 35px; font-size: 14px; color: #fff; padding-left: 15px; background: url(../images/ico_05.png) no-repeat 0 14px; background-size: 5px auto;}
.product_menus li div a.on{ background-image: url(../images/ico_06.png); color: #b62022;}