/* 基础样式 */
body{
margin:0px 0px 0px 0px; padding:0px; font-size:14px; color:#444444; word-break:break-all; background-color:#eeeff1; font-family:"Microsoft Yahei","微软雅黑",Tahoma,Arial,Helvetica,STHeiti;}
a{color:#444444; text-decoration:none;}
a:hover{color:#FF6600; text-decoration:none;}
.clear10{width:100%; height:10px; overflow:hidden; clear:both; float:none;}
.fl5{ float:left; margin-right:5px;}
.clear{ width:100%; height:1px; overflow:hidden; clear:both; float:none}

/* 响应式容器 */
.container{max-width:1200px; margin:0px auto; padding:0px 10px;}

/* 顶部导航 */
.top_dh{height:35px; line-height:35px; background-color:#FFFFFF; border-bottom:1px solid #dedede;}
.top_dh1{height:35px; line-height:35px; max-width:1200px; margin:0px auto; text-align:left; padding:0px 10px;}
.top_dh_fr{ float:right;}

/* 顶部Logo和搜索 */
.top{ margin:0px auto; max-width:1200px; text-align:left; height:120px; padding:0px 10px;}
.top .logo{ font-size:42px; line-height:60px; max-width:680px; overflow:hidden; height:60px; padding: 30px 0px; float:left;}
.top .logo img{height:60px;}
.top .tel{ float:right; color:#ed414a; font-size:22px; margin-top:50px; background-image:url(images/fwrx.png); background-repeat:no-repeat; background-position:0px 5px; padding-left:110px;}
.search{position:relative; height:31px; width:260px; float:left; margin:0px; margin-left:50px; border:1px solid #dedede; height:30px; border-radius:15px; background-color:#FFFFFF; overflow:hidden;}
.search_keys{height:29px; border:0px; line-height:29px; margin:0px; padding:0px; width:200px; margin-left:20px;}
.search_btn{ background-image:url(images/search_btn.png); background-repeat:no-repeat; background-position:center; background-color:#FFFFFF; width:30px; height:30px; overflow:hidden; padding:0px; margin:0px; border:0px; cursor:pointer;}

/* 横幅 */
.banner{ width:100%; max-width:1200px; height:auto; margin:0px auto;}
.banner img{ width:100%; height:auto;}

/* 导航菜单 */
.dh{height:50px; background-color:#0599c9;}
.dh ul{line-height:50px; height:50px; margin:0px auto; padding:0px; max-width:1200px; padding:0px 10px;}
.dh ul li{ float:left; width:auto; list-style:none; font-size:18px;}
.dh ul li a{ color:#FFFFFF; display:block; padding:0px 40px 0px 40px;}
.dh ul li a:hover{ background-color:#048db9;}

/* 轮播图 */
.slidewrap{width: 100%; height:220px;}
.slidebox{ height:220px; width: 100%; background-size: auto 100%; background-repeat: no-repeat; background-position: center;}
.slidebox a{display:block; width: 100%; height: 100%;}
.swiper-pagination-bullet{width:20px; height: 5px; border-radius: 2px; background-color: #fff; }

/* 表单元素 */
.c_input{ border:1px solid #dedede; height:25px; line-height:25px; padding:0px; font-size:14px; color:#444444; padding:5px;}
.c_input_text{border:1px solid #dedede;  line-height:25px; font-size:14px; color:#444444; padding:5px;}
.c_input_btn{ width:260px; height:40px; line-height:40px; text-align:center; background-color:#ef8700; color:#FFFFFF; font-size:18px; border:0px; border-radius:5px;}
.c_valipic{ border:1px solid #dedede; height:35px; float:left;}

/* 主内容区 */
.main{ max-width:1200px; height:auto; padding:0px 10px; overflow:hidden; margin:0px auto; text-align:left;}
.kf_slider{ width:100%; height:220px; background-color:#FFFFFF; margin:0px; padding:0px; margin-top:10px;}

/* 左侧边栏 */
.i_l{ width:300px; float:left;}
.i_l .title{ background-color:#0599c9; height:50px; line-height:50px;}
.i_l .title .title_t{ color:#FFFFFF; font-size:18px; padding-left:10px;}
.i_l .wrap{ background-color:#FFFFFF; border-top:0px; padding:10px 20px; line-height:30px;}
.com_s{ margin:0px; padding:0px;}
.com_s li{ list-style:none; height:55px; line-height:55px; margin:0px; padding:0px; border-bottom:1px solid #dedede; padding-left:10px;}
.com_s li:last-of-type{border-bottom:0px;}
.com_pic{ width:150px; height:150px; overflow:hidden; border-radius:100px; overflow:hidden; border:1px solid #dedede; margin:10px auto;}
.com_pic img{ width:150px; height:150px;}

/* 联系方式 */
.biz_it{ margin:0px; padding:0px;}
.biz_it li{ height:45px; line-height:25px; height:auto; border-bottom:1px solid #f0f0f0; list-style:none; padding:10px 0px; margin:0px; color:#444444; background-image:url(images/png_biz_1.png); background-size:20px; background-position:0px 12px; background-repeat:no-repeat; padding-left:35px; font-size:16px; overflow:hidden;}
.biz_it .ico1{background-image:url(images/png_biz_2.png);}
.biz_it .ico2{background-image:url(images/png_biz_3.png);}
.biz_it .ico3{background-image:url(images/png_biz_4.png);}
.biz_it .ico4{background-image:url(images/png_biz_5.png);}
.biz_it .ico5{background-image:url(images/png_biz_6.png);}
.biz_it .icovip{background-image:none; padding-left:0px;}
.biz_it .nob{ border-bottom:0px;}

/* 右侧内容区 */
.i_r{ float:left; width:890px; margin-left:10px; height:auto;}
.i_r .wrap{  background-color:#FFFFFF;}
.i_r .wrap_1{ padding:20px 10px;}
.i_r .wrap_2{ padding:20px 30px; font-size:16px; line-height:35px;}
.i_r .title{height:50px;}
.i_r .title .title_t{font-size:18px; margin-left:20px; float:left; line-height:47px; border-bottom:3px solid #0599c9; width:100px; text-align:center;}
.i_r .title .more{ float:right; line-height:50px; padding-right:20px; font-size:16px; color:#666666;}

.i_r .title_1{ margin:0px 20px;}
.i_r .title_1 .title_t{font-size:18px; line-height:30px; padding:20px 0px; border-bottom:1px solid #dedede; text-align:left;}
.m_price{ padding-left:30px; color:#FF3300;}

/* 产品列表 */
.pro_ul{ margin:0px; padding:0px;}
.pro_ul li{ float:left; width:160px; height:210px; padding:0px; margin:0px; margin-right:13px; list-style:none;}
.pro_ul li .pro_pic img{ width:160px; height:160px;}
.pro_ul .pro_title{ height:30px; line-height:30px; width:160px; overflow:hidden; text-align:center;}

/* 新闻列表 */
.news_ul{ margin:0px; padding:0px 10px;}
.news_ul li{list-style:none; height:35px; line-height:35px; font-size:16px;}
.news_ul .news_title{ float:left;}
.news_ul .news_date{ float:right; color:#888888;}

/* 底部链接 */
.i_link{ background-color:#FFFFFF; padding:10px;}
.i_link .title{font-size:18px; padding-left:10px; height:50px; line-height:50px; border-bottom:1px solid #dedede; margin:0px 20px;}
.link{ padding:0px; margin:20px;}
.link li{ list-style:none; width:110px; margin:0px; padding:0px; padding-right:20px; line-height:30px; display:inline;}

/* 页脚 */
.foot{ line-height:25px; padding:10px 20px; background-color:#ffffff; border-top:1px solid #dedede;}
.foot_dh{ max-width:900px; margin:auto; text-align:center; border-bottom:1px solid #dedede; margin-bottom:10px;}
.foot_dh ul{ margin:0px auto; max-width:650px; padding:0px; height:45px; line-height:45px;}
.foot_dh ul li{ float:left; list-style:none; padding:0px 5px; color:#888888;}
.foot_dh ul li a{ padding:0px 5px; color:#444444;}
.foot_wrap{ color:#888888;}
.foot_wrap a{ color:#888888;}

/* 分页 */
.pn{list-style:none; height:35px; display:inline-block; border:1px solid #ddd; background-color:#ffffff; margin:3px;  line-height:35px; border-radius:3px; color:#444444; padding:0px 10px;}
.pn a{ text-decoration:none; color:#444444; display:block;}
.pnc{ border:1px solid #3598db; background-color:#3598db; color:#FFFFFF; font-weight:bolder;  padding:0px 10px; min-width:15px;}
.pnc a{ color:#FFFFFF; text-decoration:none; display:block;}

.pagelist{text-align:center; height:auto;}
.page{margin:0px auto; padding:10px 20px 10px 20px; text-align:center; display:block; width:auto; height:auto; overflow:hidden;}

/* 响应式设计 */
@media (max-width: 1200px) {
    .main{padding:0px 10px;}
    .i_r{width:calc(100% - 310px);}
}

@media (max-width: 992px) {
    .top .logo{font-size:36px; max-width:500px;}
    .top .tel{font-size:18px; padding-left:90px;}
    .search{width:200px; margin-left:30px;}
    .search_keys{width:140px;}
    .i_l{width:250px;}
    .i_r{width:calc(100% - 260px);}
    .pro_ul li{width:140px; height:180px; margin-right:10px;}
    .pro_ul li .pro_pic img{width:140px; height:140px;}
    .pro_ul .pro_title{width:140px;}
}

@media (max-width: 768px) {
    .top{height:auto; padding:20px 10px;}
    .top .logo{float:none; text-align:center; padding:10px 0px;}
    .top .tel{float:none; text-align:center; margin-top:10px;}
    .search{float:none; margin:10px auto;}
    .dh ul li a{padding:0px 20px; font-size:16px;}
    .i_l{float:none; width:100%; margin-bottom:20px;}
    .i_r{float:none; width:100%; margin-left:0px;}
    .pro_ul li{width:120px; height:160px; margin-right:8px;}
    .pro_ul li .pro_pic img{width:120px; height:120px;}
    .pro_ul .pro_title{width:120px; font-size:12px;}
    .news_ul li{font-size:14px;}
}

@media (max-width: 576px) {
    .top .logo{font-size:28px;}
    .dh ul li a{padding:0px 10px; font-size:14px;}
    .pro_ul li{width:100px; height:140px; margin-right:6px;}
    .pro_ul li .pro_pic img{width:100px; height:100px;}
    .pro_ul .pro_title{width:100px; font-size:11px;}
    .i_r .wrap_2{padding:10px 15px; font-size:14px;}
    .biz_it li{font-size:14px;}
}

@media (max-width: 480px) {
    .pro_ul li{width:80px; height:120px; margin-right:4px;}
    .pro_ul li .pro_pic img{width:80px; height:80px;}
    .pro_ul .pro_title{width:80px; font-size:10px;}
    .dh ul li a{padding:0px 5px; font-size:12px;}
    .top .tel{font-size:16px; padding-left:80px;}
}