﻿@charset "utf-8";
/* 禁用iPhone中Safari的字号自动调整 */
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
/* 去除iPhone中默认的input样式 */
input[type="submit"],

input[type="reset"],

input[type="button"],

input{-webkit-appearance:none; resize: none;}
/* 取消链接高亮  */
body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article, 
aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }
/* 设置HTML5元素为块 */
article, aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section {
display: block;
}
/* 图片自适应 */
img {
max-width: 100%;
height: auto;
width:auto\9; /* ie8 */
-ms-interpolation-mode:bicubic;/*为了照顾ie图片缩放失真*/
}
/* 初始化 */
body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article, 
aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section{margin:0; padding:0; border:none;}
body{font: normal  Tahoma,"Lucida Grande",Verdana,"Microsoft Yahei",STXihei,hei;max-width:768px;margin:0 auto;}
em,i{font-style:normal;}
strong{font-weight: normal;}
textarea{ resize:none;}  
.clearfix:after{content:""; display:block; visibility:hidden; height:0; clear:both;}
body{background:#f4f4f4;}
a{text-decoration:none;font-family: '宋体',Microsoft YaHei,Tahoma,Arial,sans-serif;}
ul,ol{list-style:none;}
h1, h2, h3, h4, h5, h6{ font-size:100%; font-family: Microsoft YaHei;}
img{border:none;}
video{max-width:100%;max-height:100%;}
.fl{float: left;}
.fr{float: right;}
.cp-l .current{background:#f4f4f4;color:#dd3c13;border-right:1px solid #f4f4f4 !important;}
.bg-clr1{background-color:#dd3c13;}
.ba-clr2{background-color:#39342f;}
.a1-clr{color:#626262;}
.a2-clr{color:#333;}
.a3-clr{color:#fff;}
.oneline{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
/* 新增原子 */
.hvbg:hover{background-color:rgba(200,200,200,.4);}
.hd{line-height:60px;text-align:center;font-size:24px;}
.p2{margin-bottom:1.25rem;}
.ipt2{width:90%;height:2.5rem;border-radius:4px;background:#dd3c13;font-size:1.5rem;color:#fff;margin-top:1.5rem;}
.jiantou{display:inline-block;width:64px;height:60px;background:url(../images/arrow-left.png) no-repeat center;background-size:25% 40%;}
.zx-p{line-height:60px;text-align:center;font-size:24px;color:#fff;position: absolute;left:50%;margin-left:-48px;}
body{font-size:14px;}
@media (min-width:320px) and (max-width:359px){
            /* body{font-size:14px;} */
            .p1{font-size:18px;}
            .p2{font-size:20px;}
			.cp-r-a-bd .a2{line-height:16px;}
        }
@media (min-width:360px) and (max-width:480px){
            /* body{font-size:16px;} */
            .p1{font-size:18px;}
            .p2{font-size:24px;}
			.cp-r-a-bd .a2{line-height:20px;}
		}
@media (min-width:481px) and (max-width:639px){
            /* body{font-size:18px;} */
            .p1{font-size:20px;}
            .p2{font-size:28px;}
			.cp-r-a-bd .a2{line-height:20px;}
        }
@media (min-width:640px){
            /* body{font-size:24px;} */
            .p1{font-size:22px;}
            .p2{font-size:32px;}
			.cp-r-a-bd .a2{line-height:40px;}
        }
/*-----------------------------------------------------------*/
/*头部开始*/
header{width:100%;height:40px;position:fixed;left:0;top:0;display:block;z-index:100;}
.bg-clr1 .sch-bg{width:65%;line-height:24px;height:24px;display:inline-block;background:#fff;border-radius:24px;position: absolute;top:50%;left:20%;margin-top:-12px;font-size:12px;}
 .sch-bg img{height:20px;margin:2px 4px 0 12px;float:left;}
.logo{width:44px;height:40px;overflow:hidden;display:table;text-align:center;}
.logo a{display:table-cell;vertical-align:middle;}
.logo a img{max-height: 24px;margin:6px 0 0 8px;}

.kf{width:12%;max-width:100px;height:40px;position:relative;display:table;text-align:center;}
.kf span{display:block;vertical-align:middle;overflow:hidden;}
.kf span img{margin:8px 10px 0 0;height:24px;float:right;}
.kf-b{position:absolute;top:30px;right:1px;background-image:url(../images/kfb-bg.png);background-repeat:no-repeat;background-position:center;background-size:100% 100%;width:120px;height:128px;padding-top:28px;padding-left:5px;padding-right:5px;box-sizing:border-box;display:none;}
.kf-open .kf-b{display:block;}
.kf-b a{display:block;background:url(../images/jt.png) no-repeat 85px;line-height:30px;font-size:14px;color:#fff;padding-right:10px;}
.kf-b a:nth-of-type(-n+2){border-bottom:1px solid #000;}
.wz-telp{display:block;width:60px;line-height:60px;height:60px;font-size:60px;color:rgba(255,255,255,0);overflow:hidden;background:url(../images/phone.png) center no-repeat;background-size:70% 70%;position:fixed;bottom:60px;left:20px;cursor:pointer;z-index:9999;}
/* @media (min-width:640px){
           .bg-clr1 .sch-bg{height:40px;line-height:40px;margin-top:-20px;font-size:14px;}
           .bg-clr1 .sch-bg img{margin-top:5px;}
        } */
/*头部结束*/

/*产品列表*/
.cp{width:100%;position: relative;overflow:hidden;}
.cp-l{width:24%;border:1px solid #d6d6d6;border-right:none;box-sizing:border-box;vertical-align:top;float:left;overflow-y:scroll;clear:left;}
.cp-l li{width:99%;background:#fff;text-align:center;border-bottom:1px solid #d6d6d6;border-right:1px solid #d6d6d6;color:#333;}
.cp-l li a{color:#333;display:block;height:3.125rem;line-height:3.125rem;width:100%;box-sizing:border-box;padding:0 10%;}
.cp-l li:nth-last-of-type(1){border-bottom:none;}

.cp-r{float:right;width:74%;height:auto;vertical-align:top;float:right;margin-bottom:80px;overflow-y:scroll;}
.cp .cp-r{margin-bottom:0;}
.cp-r-a{width:100%;height:auto;padding:.5rem;box-sizing:border-box;margin-bottom:1rem;background:#fff;position:relative;}

.cp-r-a-hd{display:block;width:100%;padding-bottom:0.4rem;}

.cp-r-a-bd{width:100%;overflow:hidden;display:block;box-sizing:border-box;padding:0 0 0 128px;height:80px;overflow:hidden;position:relative;z-index:1;color: #888;font-size: 12px;line-height: 16px;}
.cp-r-a .a1{display:block;background:#F4F4F4;width:120px;height:80px;position: absolute;line-height:76px;text-align:center;z-index:2;left:.5rem;top:2rem;}
.cp-r-a .a1 img{display:inline-block;max-height:76px;max-width:120px;vertical-align:middle;}

.cp-r-a .down_art_list{border-top:#ccc 1px solid;padding:5px;}
.cp-r-a .down_art_list a{display:block;line-height:30px;color:#666;font-size:.8rem;}
.cp-r-a-bd .a2{display:inline-block;vertical-align:top; height:80px;overflow:hidden;}
.cp-r-a:hover .cp-r-a-hd,.cp-r-a:hover .a2,{color:#dd3c13;}
@media (min-width:320px) and (max-width:359px){
            .cp-r-a-bd .a2{font-size:12px;}
            .cp-r-a-bd .a3{font-size:12px;}
        }
@media (min-width:360px) and (max-width:400px){
            .cp-r-a-bd .a2{font-size:14px;}
            .cp-r-a-bd .a3{font-size:14px;}
        }
@media (min-width:360px){
        }
@media (min-width:401px){
           /*  .cp-r-a{padding-bottom:1rem;} */
        }
@media (min-width:640px){
            /* .cp-r{width:73%;} */
            /* .cp-r-a{padding-left:1rem;} 
            .cp-l li{height:5rem;line-height:5rem;}
			.cp-l li a{height:5rem;line-height:5rem;}*/
			/* .cp{min-height:55rem;} */
        }


.cp-xq{background:#fff;}




















/*页脚开始*/
footer{width:100%;position:fixed;left:0;bottom:0;z-index:100;}
footer ul{width:100%;overflow:hidden;}
footer ul li{width:25%;float:left;text-align:center;}
footer ul li a{display:block;width:100%;height:100%;}
footer ul li a img{box-sizing:border-box;height:40px;display:block;margin:0 auto;opacity:.5;}
.f-kong{width:100%;height:40px;}
@media (min-width:480px){
            .f-kong{width:100%;height:60px;}
            footer ul li a img{box-sizing:border-box;padding-top:4px;height:60px;}
			.wz-telp{bottom:80px;}
        }


/*页脚结束*/

.pages{ text-align: center; width: 100%; }
.pages li{ display: inline-block; }
.pages li a{ margin:0 3px; }

