@charset "utf-8";
/* CSS Document */
/** 清除内外边距 **
*/
html {-webkit-text-size-adjust:none; }
* { padding:0px;}
body, h1, h2, h3, h4, h5, h6, hr, p,
blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
th, td, /* table elements 表格元素 */
img/* img elements 图片元素 */{
    margin: 0;
    padding: 0;

}
body{background-color:#fff; color:#4c4c4c;}
/** 设置默认字体 **/
body,button, input, select, textarea {
    font: 14px/1.5 '微软雅黑',tahoma, Srial, helvetica, sans-serif; }

em{font-style:normal;}
/** 重置列表元素 **/
ul, ol { list-style: none; }
/** 重置超链接元素 **/

/** 重置图片元素 **/
img{ border:0px;}
/** 重置表格元素 **/
table { border-collapse: collapse; border-spacing: 0; }

.js{ width:100%; display:block; line-height:25px; text-align:center;}
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}
/*****公用******/





/*top解决IE6下不兼容 position:fixed 的问题*/
#code,#code_hover,#gotop{ z-index:999; width:36px; height:48px; background:url(../images/icon.png) no-repeat; position:fixed; right:50px; cursor:pointer;
    _position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}
#code{ background-position:-276px -258px; bottom:120px; _margin-bottom:120px; }
#code_hover{ background-position:-316px -258px; bottom:120px; _margin-bottom:120px; }
#gotop{ background-position:-276px -310px; bottom:67px; _margin-bottom:67px;}

#code_img{z-index:999; width:270px; height:355px; background:url(../images/icon.png) -4px -3px no-repeat; position:fixed; right:145px; bottom:67px; cursor:pointer; display:none;
    _position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); _margin-bottom:67px;}



/*index_content */
.index_content{ width:100%; height:auto;}

.gonggaobg{width:100%; height:20px; background:#fff; padding:20px 0;}
.gonggao{ width:1200px;; height:20px; line-height:20px; background:url(../images/gjc.jpg) 0 2px no-repeat; margin:0 auto;}
.gonggao .tit{ display: block; height:20px; width:100px; padding-left:15px;line-height:20px; font-size:16px; float:left;}
.gonggao .gjc{ float:left;}
.gonggao .gjc li{ float:left; margin-left:12px;}
.gonggao .gjc li a{ color:#333;}
.gonggao .gjc li a:hover{ color:#006faa;}

.title{width:100%;height:50px;line-height:50px;background:url(../images/tit_01.jpg) bottom no-repeat; margin-bottom:30px; }
.title .title_c{ height:50px;font-size:14px;float:left;padding-left:15px; color:#000000;}
.title .title_e{ height:50px;font-size:24px;float:left;padding-left:25px; color:#006b9e;}

.title .title_more{color:#fe7d0c;font-family:'Microsoft YaHei';font-size:14px;float:right; padding-right:15px;}
.title .title_more a{text-decoration:none;color:#7d7d7d;}
.title .title_more a:hover{text-decoration:none;color:#fe7d0c;}

.title01{width:100%;height:50px;line-height:50px;background:url(../images/tit_02.jpg) bottom no-repeat;margin-bottom:30px;}
.title01 .title_c{ height:50px;font-size:14px;float:left;padding-left:15px; color:#000000;}
.title01 .title_e{ height:50px;font-size:24px;float:left;padding-left:25px; color:#006b9e;}

.title01 .title_more{color:#fe7d0c;font-family:'Microsoft YaHei';font-size:14px;float:right; padding-right:15px;}
.title01 .title_more a{text-decoration:none;color:#fe7d0c;}

.info_01bg{width:100%;height:640px; background:url(../images/info_01bg.jpg) repeat-x ;margin-top: 30px;}
.info_01{width:1200px;; margin:0 auto; height:640px;}
.prod_left{background:url(../images/prod_list.png) no-repeat; height:640px; width:341px; float:left;}
.prod_left .prod_list{ width:270px; overflow:hidden; padding-top:120px; padding-left:36px;}

.prod_right{ height:640px; width:859px; float:left; padding-top:22px;}
.prod_right .prod_tit{background:url(../images/cpzsq.png) 3px 0 no-repeat; height:92px;}
.prod_titm{float:right; padding-right:15px; width:225px; line-height:30px; text-align:center; margin-top:10px;}
.prod_titm a{ display:block;text-decoration:none;color:#000; background:#ffd101; height:30px; width:125px; line-height:30px; text-align:center; float:right;}
.prod_titm a:hover{text-decoration:none;color:#fe7d0c;}
.prod_titm span{ color:#fff; clear:both; font-size:14px; display:block;}
/*点击展开ny_zb */
.ny_zblb1{padding:10px 0px 20px 0px;}
.ny_zblb1 li{line-height:33px;font-size:14px;color:#333;float:left;width:100%;}
/*.ny_zblb1 li a{display:block;padding-left:30px;text-decoration:none;color:#fff;background:url(../images/04.gif) no-repeat right;}*/
.ny_zblb1 li a{display:block;padding-left:30px;text-decoration:none;color:#fff;}

.ny_zblb1 li a:hover{background:url(../images/prod_libg.jpg) no-repeat;color:#fff;}

.ny_zblb1 li a.cur{color:#fff;font-weight:bold;background:url(../images/04_h.gif) no-repeat right;text-decoration:none;}
.ny_zblb1 li ul{display:none;color:#666;padding:5px 0 5px 30px;}
.ny_zblb1 li ul li{float:none;background-images:none;height:26px;line-height:26px;margin-top:0px;font-size:12px;}
.ny_zblb1 li ul li a{padding-left:30px;display:block;background:url(../images/05.gif) no-repeat left;}
.ny_zblb1 li ul a:hover{background:url(../images/prod_libg.jpg) no-repeat;color:#fff;}


/*多个图片单行或两行循环 控制ID 可以重复使用*/
.marquee01_lr{ width:37px; text-align:center; float:left; margin:60px 0;}
.marquee01_cont{width:1760px;}
#marquee01{width:820px;; height:480px; overflow:hidden; float:left; margin:35px 0px 0px 25px;}
/*#marquee01 li{ float:left; margin:0 0 30px 20px;  width:231px; height:220px;overflow:hidden;  text-align:center;}
#marquee01 li a img{ width:229px; height:177px; border:1px solid #dcdcdc; }
#marquee01 li a:hover img{ border:1px solid #054d8b;}*/
#marquee01 li{ float:left; margin:0 0 30px 20px; border:1px solid #dcdcdc; width:229px; height:210px;overflow:hidden;  text-align:center;}
#marquee01 li a img{ display:block; border:none; }
#marquee01 li a .img_box { width:225px; height:177px; margin:2px auto; border:1px solid #fff; overflow:hidden; }
#marquee01 li:hover{ border:1px solid #054d8b;}
#marquee01 li a span{ display:block; background:#d6d6d6; width:231px;  height:28px; line-height:28px; text-align:center; color:#707070;}
#marquee01 li a:hover span{ color:#fff;background:#006faa;}
.info_02bg{ width:100%; height:1175px; background:url(../images/yhzs.jpg) center no-repeat;}
.info_02{width:1200px;; margin:0 auto; position:relative;}
.ys01{ position:absolute; top:200px; left:3px; width:415px;}
.ys02{ position:absolute; top:560px; left:760px; width:415px;}
.ys03{ position:absolute; top:858px; left:3px; width:415px;}
.info_02 .tit{ color:#006faa; font-size:25px; font-weight:bold; padding-left:106px; padding-bottom:40px;font-style: italic;}
.info_02 p{ color:#002d43; font-size:15px; line-height:28px; text-indent:32px;}


.info_03bg{ width:100%;height:400px;}
.info_03{width:1200px;; margin:0 auto; height:400px; padding-top:10px;}
.gsgk{width:673px; height:400px; float:left; margin-right:22px;}
.gsgk .gsgk_cont img{ float:left; width:350px; height:300px; margin:0 20px 5px 0;}
.gsgk_cont{ line-height:24px;color:#2c2c2c; padding:0; }
.cgal{width:430px; height:400px; float:left;}
/*图片滚动效果01*/
.mr_frbox{width:429px; position:relative; padding-top:0px; border:2px solid #e1e1e1;overflow:hidden; position:relative;}
.mr_frBtnL{width:32px; height:300px; position:absolute; top:0px; left:0px;z-index:999; }
.mr_frUl{float:left;width:317px;}
.mr_frBtnR{width:32px; height:300px;position:absolute;top:0px; right:0px; z-index:999;}

.mr_frUl ul li{ text-align:center; margin:0px; width:425px; height:300px; }
.mr_frUl ul li a img{ max-width:425px; height:300px;}

.info_04{width:1200px;; margin:0 auto; height:400px;}
.gsxw{ width:673px; float:left; margin-right:22px;}
.gsxw .xwimg{width:350px; height:208px; float:left;}
.gsxw .xwimg img{width:350px; height:300px;  }



/*图片轮播 控制ID 可以重复使用*/

.zzry .silder {width:425px; height:300px;  border:2px solid #e1e1e1; position:relative; overflow:hidden; margin-top:5px; text-align:center;}
.zzry .silder .silder_list li{text-align:center;width:425px;}
.zzry .silder .silder_list li img{ max-width:425px; height:300px;  overflow:hidden;}

.silder .silder_list {position: relative; overflow:hidden}
.silder .silder_list a{position:relative; color:#000; }
.silder .silder_list a,.silder .silder_list img{display:inline-block;}
.silder .silder_page{height:26px;text-align:right; margin:0 auto;right:1px; overflow:hidden;position:absolute; bottom:2px;}
.silder .silder_page li{width:16px; font-size:12px; float:left; height:16px;line-height:16px;margin:5px 5px 0 0; background:#F1F1F1;display:inline-block;text-align:center;color:#000;}
.silder .silder_page li.current{background:#C70B31;color:#fff;}
.silder_desc{color:#fff;float:left;line-height:42px;height:42px;width:100%;overflow:hidden;position:absolute;left:0;bottom:0;text-align:left;text-indent:10px;}
.silder .silder_page li:hover{cursor:pointer;}

.info_05{width:1200px;; margin:0 auto; height:350px;}
.hyzx{ width:673px; float:left; margin-right:22px;}
.hyzx .xwimg{width:350px; height:208px; float:left;}
.hyzx .xwimg img{width:350px; height:208px;  }


/*******仿oo图片变大************/
/* jQuery淘宝产品图片放大镜代码 */
.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
.tb-pic a img{vertical-align:middle;}
.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}
.tb-thumb{margin:10px 0 0;overflow:hidden;}
.tb-thumb li{background:none repeat scroll 0 0 transparent;float:left;height:42px;margin:0 6px 0 0;overflow:hidden;padding:1px;}
.tb-s310, .tb-s310 a{}
.tb-s310, .tb-s310 img{}
.tb-s310 a{*font-size:271px;}
.tb-s40 a{*font-size:35px;}
.tb-s40, .tb-s40 a{height:40px;width:40px;}
.tb-booth{position:relative;z-index:1;}

.tb-thumb .tb-selected{background:none repeat scroll 0 0 #C30008;height:40px;padding:2px;}
.tb-thumb .tb-selected div{background-color:#FFFFFF;border:medium none;}
.tb-thumb li div{border:1px solid #CDCDCD;}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url(../images/mask.png) repeat scroll 0 0 transparent;cursor:move;z-index:1;}




.mainContect .con { padding:20px 3px 0; }




.skew-box {
    width: 100%;
    height: 500px;
    overflow: hidden;
    position: relative;
}
.skew-box:before {
    content: '';
    position: absolute;
    background: #023894;
    height: 100%;
    width: 500px;
    right: 100%;
    top: 0;
    z-index: 8;
    transform: skewX(-15deg);
    -moz-transform: skewX(-15deg);
    -ms-transform: skewX(-15deg);
    -o-transform: skewX(-15deg);
    -webkit-transform: skewX(-15deg);
}
.skew-box:after {
    content: '';
    position: absolute;
    background: #023894;
    height: 100%;
    width: 500px;
    left: 100%;
    bottom: 0;
    z-index: 9;
    transform: skewX(-15deg);
    -moz-transform: skewX(-15deg);
    -ms-transform: skewX(-15deg);
    -o-transform: skewX(-15deg);
    -webkit-transform: skewX(-15deg);
}
.skew-box ul {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
    z-index: 7;
}
@media (min-width:992px) {
    .skew-box ul li {
        list-style: none;
        padding: 0;
        margin: 0;
        width: 50%;
        position: relative;
        z-index: 1;
        transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
        -webkit-transition: .5s;
    }
    .skew-box ul li:nth-child(2) {
        position: absolute;
        z-index: 2;
        left: 0;
        top: 0;
        transform: translateX(50%);
        -moz-transform: translateX(50%);
        -ms-transform: translateX(50%);
        -o-transform: translateX(50%);
        -webkit-transform: translateX(50%);
    }
    .skew-box ul li:nth-child(3) {
        position: absolute;
        z-index: 3;
        left: 0;
        top: 0;
        transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        -webkit-transform: translateX(100%);
    }
    .skew-box ul li:nth-child(4) {
        position: absolute;
        z-index: 4;
        left: 0;
        top: 0;
        transform: translateX(150%);
        -moz-transform: translateX(150%);
        -ms-transform: translateX(150%);
        -o-transform: translateX(150%);
        -webkit-transform: translateX(150%);
    }
    .skew-box ul:hover li:nth-child(2) {
        transform: translateX(44%);
        -moz-transform: translateX(44%);
        -ms-transform: translateX(44%);
        -o-transform: translateX(44%);
        -webkit-transform: translateX(44%);
    }
    .skew-box ul:hover li:nth-child(3) {
        transform: translateX(88%);
        -moz-transform: translateX(88%);
        -ms-transform: translateX(88%);
        -o-transform: translateX(88%);
        -webkit-transform: translateX(88%);
    }
    .skew-box ul:hover li:nth-child(4) {
        transform: translateX(132%);
        -moz-transform: translateX(132%);
        -ms-transform: translateX(132%);
        -o-transform: translateX(132%);
        -webkit-transform: translateX(132%);
    }
    .skew-box ul:hover li:nth-child(3):hover+li {
        transform: translateX(156%);
        -moz-transform: translateX(156%);
        -ms-transform: translateX(156%);
        -o-transform: translateX(156%);
        -webkit-transform: translateX(156%);
    }
    .skew-box ul:hover li:nth-child(2):hover+li {
        transform: translateX(112%);
        -moz-transform: translateX(112%);
        -ms-transform: translateX(112%);
        -o-transform: translateX(112%);
        -webkit-transform: translateX(112%);
    }
    .skew-box ul:hover li:nth-child(2):hover+li+li {
        transform: translateX(156%);
        -moz-transform: translateX(156%);
        -o-transform: translateX(156%);
        -ms-transform: translateX(156%);
        -webkit-transform: translateX(156%);
    }
    .skew-box ul:hover li:nth-child(1):hover+li {
        transform: translateX(68%);
        -moz-transform: translateX(68%);
        -ms-transform: translateX(68%);
        -o-transform: translateX(68%);
        -webkit-transform: translateX(68%);
    }
    .skew-box ul:hover li:nth-child(1):hover+li+li {
        transform: translateX(112%);
        -moz-transform: translateX(112%);
        -ms-transform: translateX(112%);
        -o-transform: translateX(112%);
        -webkit-transform: translateX(112%);
    }
    .skew-box ul:hover li:nth-child(1):hover+li+li+li {
        transform: translateX(156%);
        -moz-transform: translateX(156%);
        -ms-transform: translateX(156%);
        -o-transform: translateX(156%);
        -webkit-transform: translateX(156%);
    }
    .skew-box ul li strong {
        position: absolute;
        left: -4.5%;
        bottom: 25%;
        width: 50%;
        text-align: center;
        z-index: 999;
        visibility: visible;
        opacity: 1;
        transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transition: .25s;
        -moz-transition: .25s;
        -ms-transition: .25s;
        -o-transition: .25s;
        -webkit-transition: .25s;
    }
    .skew-box ul li:hover strong {
        visibility: hidden;
        opacity: 0;
        transform: scale(.6, .6);
        -moz-transform: scale(.6, .6);
        -ms-transform: scale(.6, .6);
        -o-transform: scale(.6, .6);
        -webkit-transform: scale(.6, .6);
        transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
        -webkit-transition: .5s;
    }
    .skew-box ul li strong img {
        max-width: 100px;
        max-height: 100px;
        margin: 0 auto;
        display: block;
    }
    .skew-box ul li strong i {
        font-size: 55px;
        color: #fff;
        line-height: 1.2;
    }
    .skew-box ul li strong h2 {
        color: #fff;
        margin: 0;
        white-space: nowrap;
        overflow: hidden;
        display: block;
        font-size:31px;
    }


    .fa-diamond:before {
        content: "\f219";
    }




    .skew-box ul li strong b {
        color: #fff;
        font-weight: normal;
        white-space: nowrap;
        overflow: hidden;
        display: block;
    }
    .skew-box ul li font {
        position: absolute;
        z-index: 999;
        width: 75%;
        padding: 0 20%;
        left: -5%;
        bottom: 20%;
        color: #fff;
        font-weight: normal;
        visibility: hidden;
        opacity: 0;
        transform: scale(.6, .6);
        -moz-transform: scale(.6, .6);
        -ms-transform: scale(.6, .6);
        -o-transform: scale(.6, .6);
        -webkit-transform: scale(.6, .6);
        transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
        -webkit-transition: .5s;
    }
    .skew-box ul li:hover font {
        visibility: visible;
        opacity: 1;
        transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transition: .25s .4s;
        -moz-transition: .25s .4s;
        -ms-transition: .25s .4s;
        -o-transition: .25s .4s;
        -webkit-transition: .25s .4s;
    }
    .skew-box ul li font h1 {
        color: #fff;
        margin: 0;
        white-space: nowrap;
        overflow: hidden;
        display: block;
        font-size:32px;
    }
    .skew-box ul li font b {
        color: #fff;
        font-weight: normal;
        white-space: nowrap;
        overflow: hidden;
        display: block;
    }
    .skew-box ul li font p {
        color: #fff;
        margin-top: 10px;
        overflow: hidden;
        max-height: 140px;
        font-size:15px;
        line-height:28px;
    }
    .skew-box ul li font a {
        color: #023894;
        float: right;
        width: 180px;
        height: 50px;
        margin: 15px 15px 0 0;
        line-height: 50px;
        text-align: center;
        position: relative;
    }
    .skew-box ul li font a:before {
        background: #fff;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        content: '';
        position: absolute;
        z-index: -1;
        transform: skewX(-15deg);
        -moz-transform: skewX(-15deg);
        -ms-transform: skewX(-15deg);
        -o-transform: skewX(-15deg);
        -webkit-transform: skewX(-15deg);
        transition: .3s;
        -moz-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s;
        -webkit-transition: .3s;
    }
    .skew-box ul li font a:hover:before {
        background: #e6e6e6;
    }
    .skew-box ul li span {
        width: 100%;
        transform: skewX(-15deg);
        -moz-transform: skewX(-15deg);
        -ms-transform: skewX(-15deg);
        -o-transform: skewX(-15deg);
        -webkit-transform: skewX(-15deg);
        overflow: hidden;
        display: block;
        position: relative;
    }
    .skew-box ul li span:before {
        width: 100%;
        height: 100%;
        background: #023894;
        opacity: 0;
        position: absolute;
        left: 0;
        top: 0;
        content: '';
        z-index: 999;
        transition: .3s;
        -moz-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s;
        -webkit-transition: .3s;
    }
    .skew-box ul li:hover span:before {
        opacity: .6;
    }
    .skew-box ul li span img {
        transform: skewX(15deg);
        -moz-transform: skewX(15deg);
        -ms-transform: skewX(15deg);
        -o-transform: skewX(15deg);
        -webkit-transform: skewX(15deg);
        width: 100%;
        margin-left: -15%;
        display: block;
    }
}
@media (max-width:1599px) {
    .skew-box ul li strong i {
        font-size: 50px;
    }
    .skew-box ul li font {
        padding: 0 15%;
        left: -4%;
        bottom: 17%;
    }
    .skew-box ul li font p {
        max-height: 130px;
    }
    .skew-box ul li font a {
        width: 160px;
        height: 45px;
        line-height: 45px;
        margin: 10px 10px 0 0;
    }
}
@media (max-width:1199px) {
    .skew-box ul li strong i {
        font-size: 45px;
    }
    .skew-box ul li font {
        padding: 0 13%;
        left: -3%;
        bottom: 13%;
    }
    .skew-box ul li font p {
        max-height: 120px;
    }
    .skew-box ul li font a {
        width: 140px;
        height: 40px;
        line-height: 40px;
        margin: 10px 10px 0 0;
    }
}
@media (max-width:991px) {
    .skew-box ul:before {
        height: 50%;
    }
    .skew-box ul:after {
        height: 50%;
    }
    .skew-box ul:after {
        display: block;
        clear: both;
        content: '';
    }
    .skew-box ul li {
        list-style: none;
        padding: 0;
        margin: 0;
        width: 50%;
        float: left;
        position: relative;
    }
    .skew-box ul li span {
        width: 100%;
        display: block;
        position: relative;
    }
    .skew-box ul li span:before {
        width: 100%;
        height: 100%;
        background: #023894;
        opacity: 0;
        position: absolute;
        left: 0;
        top: 0;
        content: '';
        z-index: 995;
        transition: .3s;
        -moz-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s;
        -webkit-transition: .3s;
    }
    .skew-box ul li:hover span:before {
        opacity: .6;
    }
    .skew-box ul li span img {
        width: 100%;
        display: block;
    }
    .skew-box ul li a {
        display: block;
        width: 100%;
        height: 100%;
    }
    .skew-box ul li strong {
        position: absolute;
        left: 0;
        bottom: 30%;
        width: 100%;
        text-align: center;
        z-index: 999;
    }
    .skew-box ul li strong i {
        font-size: 45px;
        color: #fff;
        line-height: 1.2;
    }
    .skew-box ul li strong img {
        max-width: 100px;
        max-height: 100px;
        margin: 0 auto;
        display: block;
    }
    .skew-box ul li strong h2 {
        color: #fff;
        margin: 0;
        white-space: nowrap;
        overflow: hidden;
        display: block;
    }
    .skew-box ul li strong b {
        color: #fff;
        font-weight: normal;
        white-space: nowrap;
        overflow: hidden;
        display: block;
    }
    .skew-box ul li font {
        display: none;
    }
}
@media (max-width:767px) {
    .skew-box ul li strong {
        bottom: 25%;
        line-height: 1.2;
    }
    .skew-box ul li strong img {
        max-width: 50px;
        max-height: 50px;
    }
    .skew-box ul li strong i {
        font-size: 30px;
        line-height: 1;
    }
    .skew-box ul li strong h2 {
        font-size: 20px;
    }
    .skew-box ul li strong b {
        font-size: 12px;
    }
}









.footer {
    width: 100%;
    height: 306px;
    background: #3a3f43;
    margin-top: 15px;
}
.footer .box {
    width: 1200px;
    height: auto;
    margin: 0 auto;
}
.footer .box .fologo {
    width: 230px;
    height: 306px;
    background: url(/public/static/sy-index/img/ewm.jpg) no-repeat;
}
.footer .box .content, .footer .box .content * {
    color: #aad0ed;
    font-size: 14px;
    line-height: 28px;
}

.footer .box .content {
    width: 940px;
    height: 260px;
    margin-top: 13px;
}
.right {
    float: right;
}
.footer .box .content, .footer .box .content * {
    color: #eee;
    font-size: 14px;
    line-height: 28px;
    font-weight: normal;
}
.footer .box .content .fonav {
    padding-bottom: 10px;
}

.footer .box .content li {
    display: block;
    padding: 15px 0;
    border-bottom: 1px solid #EEE;
}
.footer .box .content .fonav a {
    font-size: 15px;
    color: #fff;
}
.footer .box .content li {
    display: block;
    padding: 15px 0;
    border-bottom: 1px solid #5f6264;
}
.footer .box .content .fopro a {
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 20px 0 0;
}