/* Reset */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

:focus {
	outline: 1;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted #000;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {vertical-align:middle; }
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }

body {max-width:800px;margin:auto;line-height: 200%}
.header {height:15px;background:#ff7c00;}
.banner {background: #2a2a2a;padding: 30px 0;text-align: center;}
.banner img {min-width:100px;max-width:600px;width:70%;}
.h2,.h3 {text-align: center;padding:30px 0;}
.h2 img {min-width:80px;max-width:500px;width:40%;}
.h3 img {min-width:80px;max-width:500px;width:60%;}
ul,li {list-style: none}
.power li {width:50%;float:left;text-align: center;}
.power li > div {width:98%;margin:1% auto;background:#f2f2f2;}
.power li img {width:100%;}
.cb-list li {width:33.3333%;float:left;}
.cb-list div {height:100%;margin:0 12px; }
.cb-list li img {width:100%;}
.h1 img {width:100%;}
.contact {overflow:auto;text-align: center;}
.contact li {width:50%;margin: auto}
.contact li>div {width:95%;margin:auto;background:#f2f2f2;padding:20px 0;}
.contact li div>div {width:90%;margin:auto;}
.contact img {width:100%;}
.contact strong {font-weight:bold;font-size:16px;color:#808080;}
/*.phone span, .phone strong {vertical-align: middle;}*/
.icon-phone {display: inline-block;height:16px;width:16px;}
.font-default {color:#282828;}
.mt5 {margin-top:5px;}
.mt15 {margin-top:15px;}
.mt30 {margin-top:30px;}
.footer {text-align: center;margin:20px 0;}
.site {height:20px;margin-top:10px;}
.site img, .site a {vertical-align: middle;}
.site img {width:16px;margin-right:5px;}
.text {padding:0 20px;margin-bottom:30px;}
.image-text .image, .image-text .i-text{float:left;}
.image-text .image {width:20%;text-align: right;}
.image-text .image i {margin-right:10px;}
.image-text .i-text {width:80%;clear:right;}
.image-text .i-text>div {margin:0 10px;padding-right:10px;}
.image-text h3 {margin-bottom:10px;}
.image-text > div {margin-bottom:15px;overflow:auto;}
.image .work {background:url(images/chuban_51.png) no-repeat;}
.image .special {background: url(images/chuban_59.png) no-repeat}
.image .work, .image .special {background-size:40px auto;width:40px;height:40px;display:inline-block;}
.image .work.w1 {background-position: 0 0;}
.image .work.w2 {background-position: 0 -71px;}
.image .work.w3 {background-position: 0 -174px;}
.image .work.w4 {background-position: 0 -265px;}
.image .work.w5 {background-position: 0 -359px;}
.image .special.s2 {background-position: 0 -107px;}
.image .special.s3 {background-position: 0 -220px;}
.image .special.s4 {background-position: 0 -326px;}
.image .special.s5 {background-position: 0 -424px;}
.image .special.s6 {background-position: 0 -534px;}
.image .special.s7 {background-position: 0 -614px;}
.image .special.s8 {background-position: 0 -704px;}
.skill > div {padding:15px 0;}
.skill {color:#ffffff;background:#f8931f}
.skill li {width:70%;margin:5px auto;}
.skill li > div {padding:25px 0;}
.skill-wrap {text-align:center;border:1px solid #fef5eb;}
.skill-wrap .font-lg {font-size:60px;position:relative;margin:auto;;font-weight:bold;}
.skill-wrap .font-lg.f1 {width:84px;}
.skill-wrap .font-lg.f2 {width:114px;}
.skill-wrap .font-lg.f3 {width:142px;}
.skill .explain {font-size:18px;}
.super {vertical-align: super;font-size:40px;position:absolute;top:-16px;right:-12px;color:#fdee21;font-weight: normal;}
.skill-explain {font-size:18px;}