*{margin:0;padding:0;border:0;}
        .w{margin:0 auto;width:100%;max-width:1000px;position:relative;}
        .h_h1{color:#fff;background-color:#000;font-size:.8em;padding:.8em 0;}
        .h_h2{font-size:1.25em;background:url(../imgs/lg.jpg) no-repeat;background-size:3.72em 4em;padding:0.2em 0 0.2em 4em;line-height:2em;font-weight:100;margin:0.8em auto;display:inline-block;}
        .h_h2 span{font-size:1.5em;display:block;font-weight:bold;}
        .h_h3 {background: url(../imgs/tel.png) no-repeat;background-size:2.25em 1.9em;padding-left:2.7em;font-size:1.25em;letter-spacing:0.1em;color:#339;margin:2em 0;position:absolute;right:0;top:0;height:2em;line-height:1em;}
        .h_h3 span{font-style:italic;color:#f00;font-weight:bold;letter-spacing:0;} 
        .nav{background:#339;position:relative;z-index:1000;}
        .nav ul li{display:inline-block;list-style:none;padding:1em 0;border-left:1px solid #888;position:relative;width:14%;letter-spacing:0.2em;text-align:center;}
        .nav ul>:first-child{border-left:none;}
        .nav ul li a{color:#fff;text-decoration:none;}
        .nav ul li:hover,.navlic{background:#f00;}
        .nav1:after{content:"\25bc";font-size:0.6em;padding-left:0em;color:#fff;vertical-align:middle;}
        .nav1:hover:after{content:"\25b2";}
        .nav1 ul{display:none;position:absolute;background:#339;left:0;top:3em;}
        .nav1 ul li{width:14em;}
        .nav1:hover ul{display:block;}
/*index*/
        .hb{position:relative;}
        .h_hb{text-align:center;background:url(../imgs/hb_b0.jpg) repeat-x;background-size:1px 100%;display:inline-block;width:100%;}
        #h_hb1{text-align:left;position:absolute;width:38em;height:17em;margin:1em auto;left:0;top:10%;right:0;opacity:1;transition:opacity 1s ease-in;}
        #h_hb1 p{font-size:2em;font-style:italic;font-weight:bold;color:#339;display:inline-block;}
        #h_hb1 p:hover{color:#f00;}
        #h_hb1 p span{font-size:2.38em;}
        .h_hbc{font-size:2em;font-weight:bold;padding:0.38em;box-shadow:-2px -2px 3px #d00 inset,2px 2px 3px #300 inset,-1px -1px 1px #888,1px 1px 1px #000;border-radius:5px;background:linear-gradient(to bottom,#f00,#a00);color:#fff;display:inline-block;}
        #h_hb1 div span{color:#ff0;}
        .h_hbc:hover{text-shadow:-1px -1px 1px #000,1px 2px 3px #000;}
        #h_hb1 ul{font-size:1.26em;padding-left:1em;padding-top:1em;list-style:square;}
        #h_hb1 ul li{padding-top:0.62em;color:#339;}
        #h_hb1 ul li:hover{font-size:1.1em;color:#f00;}
        #h_hb2{width:100%;position:absolute;top:0;transition:top 1s ease-in;}
        #h_hb3{width:62%;position:absolute;left:19%;bottom:0;transition:bottom 1s ease-in;}
        .h_hc{background:url(../imgs/hc_c0.jpg) repeat;display:inline-block;width:100%;}
        #h_hc1{position:absolute;width:58%;right:0;}
        #h_hc1 p{font-size:2em;margin-top:0.5em;font-weight:bold;font-style:italic;text-shadow:-1px -1px 0 #000,1px 1px 0 #99f;color:#339;letter-spacing:0.2em;border-bottom:2px double #339;position:relative;left:0;transition:left 1.5s ease-in;}
        #h_hc1 p:hover {color: #f00;background: linear-gradient(to right,#339,transparent);}
        #h_hc1 div img{display:inline-block;margin:0.38em 1em;box-shadow:2px 3px 5px #111;width:30%;}
        #h_hc1 div img:hover{box-shadow:3px 6px 8px #000;}
        #gn{white-space:nowrap;overflow:hidden;}
        #h_hc2{left:-4em;position:relative;margin:0.2em 0;opacity:1;transition:opacity 1s linear,left 1.2s ease;z-index:10;}
        #h_hc3{position:absolute;left:0;transition:left 1.2s ease-in;z-index:0;top:0.2em;}
        .h_hd{background:#b5b5ff;width:100%;display:inline-block;}
        .h_hd1{width:20%;display:inline-block;transform-origin:center center;transform:scaleY(1) rotate(0deg);transition:transform 2s ease,opacity 2s ease;}
        #h_hd1{overflow:hidden;}
        #hbl{position:absolute;font-size:1em;bottom:3px;text-align:center;width:100%;z-index:100;}
        #hbl li{display:inline-block;font-size:0.8em;padding:0.3em;margin:0.5em;border-radius:2em;width:1em;height:1em;box-shadow:-2px -2px 5px #339 inset,2px 2px 5px #339 inset,2px 3px 4px #000;cursor:pointer;}
        #hb{white-space:nowrap;overflow:hidden;}

        .bt{font-size:2em;font-weight:bold;margin:1em auto;height:1em;line-height:1em;padding:1em 0;border-bottom:1px solid #888;text-align:center;}
        .bt span{font-size:0.5em;font-weight:100;border:1px solid #888;background:#fff;display:inline-block;position:relative;bottom:-0.5em;padding:0.1em 0.5em;min-width:50%;}
        
        .cp{text-align:center;}
        .chan{font-size:1em;border:1px solid #888;padding:0.5em;margin:0.5em;display:inline-block;width:80%;max-width:22em;min-height:24em;overflow:hidden;}
        .chan p{font-size:1.2em;font-weight:bold;line-height:2em;}
        .chan ul{margin-left:1em;}
        .chan ul li{font-size:0.8em;text-align:left;padding:0;line-height:1.5em;}
        .chan ul li span{font-weight:bold;}
        .chan div{display:inline-block;font-size:1em;padding:0.3em;border:1px solid #000;margin:0.3em;}

        .sya{font-size:1em;width:100%;height:14em;position:relative;}
        .sya:before,.sya:after{content:"";position:absolute;width:0;height:0;font-size:0.5em;border:solid #339;border-width:14em 3.82em;z-index:10;}
        .sya:before{border-right-color:transparent;border-bottom-color:transparent;left:0;top:0;}
        .sya:after{border-left-color:transparent;border-top-color:transparent;right:0;top:0;}
        #sya{position:relative;overflow:hidden;width:100%;white-space:nowrap;border:solid #339;border-width:1px 0;z-index:0;}
        #sya div{font-size:1em;width:10em;height:12em;margin:0.5em;padding:0.5em;border:1px solid #000;display:inline-block;}
        #sya div:hover{background:#339;color:#fff;}
        .sys{background:#ddf;}
        .sys1{width:39%;margin:5%;display:inline-block;position:relative;vertical-align:middle;}
        #sy{position:relative;top:1.5em;right:1.5em;background:#fff;overflow:hidden;border:1px solid #000;padding:1em;box-shadow:1px -1px 2px #000;max-height:12em;overflow:hidden;}
        #sy p{text-indent:2em;line-height:2em;font-size:0.8em;}
        #sy h5{display:block;text-indent:0;padding:0.3em;font-size:1em;box-shadow:-5px -5px 10px #339 inset,5px 5px 10px #339 inset,1px 1px 2px #000;}
        .asas{text-align:center;}
        .asas div{max-width:20em;width:100%;font-size:1em;display:inline-block;}
        .asas p{font-size:0.8em;width:45%;padding:0 2%;display:inline-block;text-align:left;text-indent:2em;border-radius:1%;min-height:5em;position:relative;}

        .fw{display:inline-block;width:17%;min-width:150px;margin:1%;vertical-align:top;background-size:300% 300%;position:relative;;box-shadow:-3px -3px 5px #000 inset,3px 3px 5px #000,-2px -1px 1px #000,3px 4px 5px #000;}
        .fw1{width:100%;height:100%;position:absolute;background:#fff;opacity:0.62;z-index:1;}
        .fw2{position:relative;z-index:2;border:3px #339 solid;margin:5px;white-space:normal;}
        .fw2 img{border-radius:10em;width:80%;margin:10%;border:1px solid #000;}
        .fw h6{font-size:1.2em;text-align:center;z-index:2;}
        .fw p{font-size:0.8em;text-indent:2em;z-index:2;min-height:7em;padding:5px;}
        .fw2:hover img{box-shadow:2px 3px 4px #000;border:2px #fff solid;}
        .fw2:hover h6{color:#f00;text-shadow:-1px -1px 1px #000,1px 1px 3px #fff;}
        .fw2:hover p{color:#f00;}
        #fw{white-space:nowrap;overflow:hidden;}
        .yy{text-align:center;}
        .yy div{width:22%;min-width:200px;margin:1%;font-size:1em;border:1px solid #888;line-height:2em;display:inline-block;text-align:center;}
        .yy div:hover{background:linear-gradient(to top,#fff,#339);box-shadow:3px 4px 5px #000;border-radius:3em;}
        .hz{font-size:1em;padding:0.5em 0;font-style:italic;text-indent:2em;}
        .jj{text-align:center;}
        .jj1{display:inline-block;margin:1em;border:1px solid #888;text-align:left;width:90%;max-width:28em;vertical-align:top;min-height:37em;}
        .jj2{background:linear-gradient(to bottom,#339,#fff);font-size:1.5em;font-weight:bold;height:2em;line-height:2em;}
        .jj3{padding:0.25em;height:40em;overflow:hidden;}
        .jj3 p{text-indent:2em;font-size:0.8em;color:#888;line-height:1.5em;}
/*product*/
        .mbx{background:linear-gradient(to bottom,#fafafa,#ccc);}
        .mbx1{background:url(imgs/mbx.png) no-repeat;background-position-y:center;background-size:0.72em 1em;height:1em;line-height:1em;font-size:1.25em;padding:0.5em 0 0.5em 1em;position:relative;margin:0.5em;}
        .mbx2{background:url(imgs/mbx1.png) no-repeat;position:absolute;right:0;top:0;background-position-y:center;background-size:1.5em 1.5em;height:3em;line-height:3em;font-size:0.67em;padding-left:1.5em;color:#888;}
        .p_p{margin:1em auto;overflow:hidden;}
        .p_l{font-size:1em;background:#339;width:14em;padding:3px;float:left;}
        .p_l1{background:#fff;border-radius:1em 0;padding:1em;text-align:center;}
        .p_l1 p{font-size:1.5em;font-weight:bold;border-bottom:1px solid #888;padding:0.5em;}
        .p_l1 ul li{padding:0.5em;margin:1em auto;border:1px solid #aaa;cursor:pointer;border-radius:1em 0;list-style:none;position:relative;}
        .p_l1 ul li a{color:#000;text-decoration:none;}
        .p_li{background:#339;}
        .p_li a{color:#fff !important;}
        .p_li:after{content:"";position:absolute;width:0em;height:0em;border-width:0.6em 2em;border-color:#339 transparent transparent #339;border-style:solid;top:0;right:-4em;}
        .p_l ul li:hover{background:#339;}
        .p_l1 div{text-align:center;line-height:2em;font-size:0.8em;}
        .p_l1 div span{font-size:1.05em;font-weight:bold;}
        .p_c{font-size:1em;min-height:50em;border:1px solid #000;margin-left:15em;padding:1em;}  
        .p_c1{width:38%;float:left;border:1px solid #000;}
        .p_c2{padding-left:39%;font-size:1em;}
        .p_c2 h2{padding-bottom:0.2em;}
        .p_c2_1 th,.p_c2_1 td{font-size:0.8em;color:#339;padding:0.1em 0;}
        .p_c2_1 th{width:3em;vertical-align:top;}
        .p_c2 div{padding:0.25em;font-size:1.12em;letter-spacing:0.2em;box-shadow:-2px -2px 10px #339 inset,2px 2px 10px #339 inset,-1px -1px 1px #000,3px 4px 10px #000;text-align:center;height:2em;line-height:2em;width:6em;margin:0.3em 1em;cursor:pointer;display:inline-block;font-weight:bold;color:#339;}
        .p_c2 div:hover{box-shadow:-2px -2px 10px #99f inset,2px 2px 10px #99f inset,-1px -1px 1px #000,2px 3px 8px #000;background:#339;color:#fff;}
        .p_c_t th{width:3em;}
        .p_c_t th,.p_c_t td{border-bottom:1px dotted #000;padding:0.2em 0;}
        .p_c_h3{padding:0.62em 0.38em;margin:2em auto 1em;background:linear-gradient(to right,#dec711,#fff);}
        .p_c_p{text-indent:2em;line-height:2em;letter-spacing:0.2em;}
        .p_c_w{width:100%;border:0;}
        .p_c_w th, .p_c_w td {font-size:0.8em;padding: 0.5em 0;}
        .th0{font-style:italic;font-weight:bold;background:#339;text-align:left;color:#fff;font-size:1em !important;padding:0.3em 0 !important;}
        .tr1{background:#ccc;text-align:center;}
        .tr2{background:#ccf;text-align:center;}
        .p_c_img{text-align:center;}
        .p_c_img div{width:26%;min-width:10em;margin:1em;display:inline-block;}
        .p_c_img div img{border:5px solid #339;}
        .p_c_img div img:hover{box-shadow:-1px -1px 1px #000,3px 4px 5px #000;border-radius:2em;}
/*test*/
        .b_s1{text-indent:2em;line-height:2.5em;font-size:1.25em;}
        .b_s1 span{color:#f00;font-weight:bold;}
        .b_sll{font-size:1.5em;}

        .b_b1{margin:1em 0;border:1px solid #888;padding:1em;overflow:hidden;}
        .b_b1 div{float:left;width:16.2em;}
        .b_b1 h3{display:inline;font-size:1.25em;font-weight:bold;color:#339;}
        .b_b1 p{display:inline;font-size:1em;line-height:2em;text-indent:2em;color:#888;}
        .b_b1:hover{background:#eee;}
        .b_b1:hover h3{color:#f00;}
        .b_b1:hover p{color:#000;}
/*case*/
        .al{text-align:center;}
        .al div{width:29%;padding:1%;margin:2em 1%;display:inline-block;}
/*news*/
        .n_1{padding:1em 0;border-bottom:1px dotted #888;margin:1em auto;}
        .n_1:hover{padding:1.38em 0;background:#ccc;}
        .n_img{width:6em;height:5em;float:left;background:#888;}
        .n_date{font-size:1em;width:4em;height:5em;text-align:center;float:right;background:#fafafa;border-right:5px solid #111;}
        .n_date0,.n_date1,.n_date2{font-size:1.25em;display:block;line-height:1.2em;}
        .n_date1{line-height:1.6em;background:#111;color:#fff;font-weight:bold;}
        .n_date2{font-size:0.8em;line-height:1.875em;}
        .n_con{height:5em;overflow:hidden;margin-left:7em;margin-right:5em;}
        .n_con h4{font-size:1.25em;color:#339;padding-bottom:0.35em;}
        .n_con h4 a{font-size:1.25em;color:#339;text-decoration:none;}
        .n_con p{font-size:0.8em;line-height:1.25em;text-indent:2em;color:#888;}
        .n_1:hover h4{color:#f00;}
        .n_1:hover p{color:#000;}
        .p_c h1{text-align:center;font-size:1.25em;}
        .cdate{color:#888;font-size:0.8em;text-align:center;margin:1em 0;}
        .p_c p{text-indent:2em;line-height:1.5em;}
.jj3{font-size:0.8em;}
.jj3 h4 a{font-size:1em;}
                
/*about*/
        .p_c_jj1 p{text-indent:2em;line-height:2em;}
        .p_c_jj1 p span{display:block;padding:1em;float:left;width:38%;text-indent:0 !important;}
        .p_c_jj1 div{width:29%;min-width:14em;display:inline-block;margin:1%;padding:0.3%;font-size:0.9em;text-align:center;}
        .p_c_jj1 div:hover{border:1px #339 solid;}
        .p_c_jj1 ul{padding-left:2em;}
        .p_c_jj1 ul li{list-style-type:decimal;color:#f00;font-size:1.2em;letter-spacing:0.2em;line-height:2em;}
        .p_c_jj1 ul li span{display:block;color:#339;font-size:0.9em;font-weight:bold;}
        .p_c_jj1 ul li i{display:block;color:#000;font-size:0.62em;}
/*contact*/
        .l_lx{text-align:center;overflow:hidden;}
        .l_lx1{font-size:0.8em;width:10em;line-height:2em;border:1px solid #000;display:inline-block;text-align:center;padding:1em;margin:0.2em;}
        .l_lx1 span{font-size:1.5em;font-weight:bold;cursor:pointer;}
        .l_lx1 img{width:80%;}
        .l_lx1:hover{border-radius:0.3em;overflow:hidden;background:#339;box-shadow:3px 4px 5px #000;color:#fff;}
        .l_lx1:hover img{background:#fff;border-radius:10em;box-shadow:-2px -2px 5px #339 inset,2px 2px 5px #339 inset;}
        .l_b1{border:1px solid #888;margin-top:2em;}
        #show{height:30em;border-bottom:1px solid #888;padding:1em;text-align:left;overflow-y:scroll;}
        .l_bb{padding:0.5em;position:relative;text-align:left;}
        #emt{display:inline-block;width:21px;height:21px;background:url(../imgs/emotion/em.png);cursor:pointer;margin:0 0.5em;}
        #emts{display:none;position:absolute;width:50%;height:14em;top:-15em;background:#fff;border:1px solid #339;border-radius:1em;padding:0.5em;overflow-y:scroll;}
        .file{display:inline-block;position:relative;width:21px;height:21px;background:url(../imgs/emotion/fm.png);cursor:pointer;overflow:hidden;}
        .file input{opacity: 0;filter: alpha(opacity=0);height: 100%;width: 100%;position: absolute;left: 0;top: 0;z-index: 9;cursor:pointer;}
        #send{position:absolute;margin:0.5em;border:1px solid #000;width:4em;height:21px;right:0;top:0;text-align:center;cursor:pointer;}
        #con{height:10em;border-top:1px solid #888;padding:1em;text-align:left;overflow-y:scroll;}






        html{font-size:16px;font-family:'Microsoft YaHei';}
        .fs{font-size:1em;}
        @media screen and (max-width:900px){
            .fs{font-size:0.9em;}
        }
        @media screen and (max-width:800px){
            html{font-size:15px;}
            .fs{font-size:0.8em;}
        }
        @media screen and (max-width:700px){
            .fs{font-size:0.7em;}
        }
        @media screen and (max-width:600px){
            html{font-size:14px;}
            .fs{font-size:0.6em;}
            .h_h3{display:none;}
            .nav ul li{font-size:0.9em;}
            .nav1 ul li{font-size:1em;}
        }
        @media screen and (max-width:500px){
            .fs{font-size:0.6em;}
            .nav ul li{font-size:0.8em;}
            .nav1 ul li{font-size:1em;}
        }