/* CSS Document */
html{
    overflow: scroll;
    height: 100%;
}
*, body {
    padding: 0;
    margin: 0;
    /*font-family:"微软雅黑";*/
    /*font-size:12px;*/
    /*color:#666;*/
}

body {
    background: #ecf4ff;
}

a, p, ul li, ol li {
    /*color:#666;*/
}

ul, li {
    list-style-type: none;
}

a, ul li, ol li {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

a:hover {
    text-decoration: none;
}

a:focus {
    outline: none;
}

#fwc a {
    font-size: 16px;
}

/*----------------------------------------
                   topbar
--------------------------------------------*/
.topbar {
    background: #f2f3f7;
}

.wel-msg {
    margin-bottom: 7px;
    padding-top: 7px;
    color: #898989;
}

.topbar-info {
    padding-top: 7px;
    margin-bottom: 7px;
}

.topbar-info li {
    display: inline-block;
    margin: 0px 9px;
}

.topbar-info li i {
    width: 14px;
    height: 14px;
    margin: 1px 6px 0px 0px;
    display: block;
    float: left;
}

.topbar-info li i.icon01 {
    background: url(../img/icon/icon01.png) no-repeat;
    background-size: 14px auto;
}

.topbar-info li i.icon02 {
    background: url(../img/icon/icon02.png) no-repeat;
    background-size: 14px auto;
}

.topbar-info li a {
    color: #898989;
}

.topbar-info li span {
    color: #898989;
}

/*----------------------------------------
                   header
--------------------------------------------*/
@media (min-width: 1580px) {
    .container.index-body{
        width: 1500px
    }
}
@media (max-width: 1580px) {
    .zy-area div {
        overflow: hidden;
    }
}

.container.index-body{
    padding-left: 0;
    padding-right: 0;
}

.header {
    background: url("../img/zs/head.png");
    background-size: cover;
    background-position: 50% 50% ;
    width: 100%;
    height: 520px;
}

.pull-left {
    margin-left: 11%;
}

.logo .a1 {
    /*background: url(../img/zs/logo.png) no-repeat;*/
    width: 480px;
    font-size: 28px;
    color: #FFFFFF;
    height: 32px;
    display: block;
}
.logo .a2 {
    /*background: url(../img/zs/logo.png) no-repeat;*/
    width: 480px;
    font-size: 12px;
    color: #FFFFFF;
    height: 16px;
    display: block;
}

/*政务服务*/
.zwfu {
    width: 1500px;
    color: #000000;
    margin: 10px 0;
    background: #ffffff;
    height: 200px;
    display: flex;
    /*justify-content: center;  !* 水平居中 *!*/
    align-items: center; /* 垂直居中 */
}

.zwfu .zwfu-title div {
    font-size: 22px;
    /*font-weight: 600; !* 或者使用数值700，这是加粗的常见值 *!*/
    width: 100%;
}

.zwfu .zwfu-title span {
    color: #25c1fc;
}

.zwfu .zwfu-title img {
    margin-left: 10px;
    width: 120px;
    height: 40px;
}

.zwfu .zwfu-title, .zwfu .zwfu-element, .zwfu .zwfu-element1 {
    width: 22%;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 15px;
}

.zwfu .zwfu-element1 {
    background: #f2f2f2;
}

.zwfu-element a img, .zwfu-element1 a img {
    width: 100px;
    height: 100px;
    transform: scale(1);
}

.zwfu-element a img:hover, .zwfu-element1 a img:hover {
    transform: scale(1.1);
}

.zwfu-element a div span, .zwfu-element1 a div span {
    color: #000000;
    font-size: 20px;
    /*font-weight: 600;*/
}

.zwfu-element a div i, .zwfu-element1 a div i {
    color: #666666;
    font-style: normal;
    font-size: 16px;
    font-weight: 300;
}

.zwfu-element-border {
    border: 0.5px solid #d2edff;
}
.tglc {
    height: 480px;
    width: 1500px;
    margin: 20px 0;
}
.tglc-content{
    background-color: #FFFFFF;
    padding: 20px 20px;
    margin-top: 20px;
    height: 360px;
}
.tglc-ieport{
    display: flex;
    justify-content: center;
}
.ieportBtn{
    width:7%;
    margin:2%
}
.titlep-2{margin-bottom:20px}
.titlep-2 span{
    display:inline-block;padding:0 20px;height:40px;line-height:40px;
    font-weight:bold;color:#fff;font-size:16px;letter-spacing:0.1em;}
.bg-nbBlue{background-color:#117ecb;}
.bg-nbGreen{background-color:#449284;}
.rowleft{float:left;overflow:hidden;}
.row5step{float:left;width:16.8%;}
.row5stepSpc{float:left;width:4%;}
.space{clear:both;overflow:hidden;}
.color-nbBlue{color:#117ecb;}
.color-nbGreen{color:#449284;}
.iconArrow-2{position:relative;}
.iconArrow-2 i{display:block;margin-top:50px;
    text-align:center;color:#eee;font-size:1.5rem;}
.iconlist-4,a.iconlist-4{
    position:relative;display:block;overflow:hidden;padding:20px 10px;margin-top:2px;margin-bottom:20px;
    background-color:#fff;border:2px solid #ddd;text-align:center;
    border-radius:12px;
    -webkit-border-radius:12px;
    -moz-border-radius:12px;}
a.iconlist-4:hover{margin-top:0;margin-bottom:22px;border:2px solid #aaa;}
.iconlist-4 i{
    display:block;margin:0 auto;
    font-size:3rem;text-align:center;
    z-index:10;}
.iconlist-4 h3{position:relative;margin-bottom:10px;font-size:14px;}
.iconlist-4 span{display:block;color:#999;line-height:28px;}
/*政策咨询*/
.zczu {
    width: 1500px;
    margin: 20px 0;
}

.text-center {
    height: 80px;
    border-bottom: 0.5px solid rgba(102, 102, 102, 0.5);
}

.text-center h2 {
    color: #000000;
    font-size: 30px;
    /*font-weight: 800;*/
}

.text-center span {
    font-size: 18px;
    font-weight: 400;
}
.ptxx{
    width: 1500px;
    margin: 20px 0;
}
.ptxx .content{
    margin: 20px auto;
    background: #FFFFFF;
    height: 150px;
    width: 100%;
    display: flex;
    justify-content: center;
}

.zczu .content {
    margin: 20px 0;
    background: #FFFFFF;
    height: 350px;
    width: 100%;
    display: flex;
}

.content .content-pre {
    height: 100%;
    width: 285px;
    background: url("../img/zs/zczx.png") no-repeat;
}

.zczulogo {
    height: 100%;
    width: 285px;
}

.content .content-cen {
    height: 100%;
    width: 80%;
}

.content .content-cen .cen-title {
    text-align: center;
    font-size: 18px;
    width: 80px;
    font-weight: 400;
    display: inline-block;
    margin: 20px;
}

.is-active {
    color: #1088fb;
    border-bottom: 3px solid #1088fb;
}

.content-cen .cen-content {
    width: 100%;
    /*height: ;*/
}

.cen-content .cen-content-title {
    width: 100%;
    height: 120px;
    background: #eaf2ff;
}

.cen-content-title .content-title-data {
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
}

.content-title-data span {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    color: #1088fb;
    margin: 0 20px;
}

.content-title-data p {
    border-left: 3px solid #1088fb;
    color: #1088fb;
    padding-left: 10px;
    margin: 0;
    display: inline-block;
    width: 80%;
    font-size: 16px;
    /*font-weight: 600;*/
}


.content-title-full-title {
    margin: 10px 20px;
    color: #666;
}

/*跨境指引*/
.kjzy {
    width: 1500px;
    margin: 20px 0;
}

.kjzy .zy-area {
    display: flex;
    /*align-items: center;*/
    justify-content: center; /* 水平居中 */
    width: 100%;
    height: 400px;
    margin-top: 50px;
    margin-bottom: 20px;
}

.zy-area .area {
    display: inline-block;
    width: 23%;
    height: 370px;
    margin: 20px auto;
    background: #FFFFFF;
}

.zy-area div {
    display: flex;
    justify-content: center;
}

.zy-area div img {
    position: relative;
    top: -30px;
    width: 300px;
    height: 150px;
    transform: scale(1);
}
.zy-area div img:hover{
    transform: scale(1.1);
}

.area .area-title {
    width: 100%;
    height: 30px;
    font-size: 22px;
}
.area .area-title a{
    color: #000000;
}

.area-content {
    width: 100%;
    height: 150px;
}

.area-content ul li {
    margin: 20px 5px;
}

.area-content ul li span {
    font-size: 14px;
    color: #666;
}

.area-content ul li a p {
    font-size: 16px;
    color: #000000;
    margin-top: 10px;
}
.yqlj{
    width: 1500px;
    margin-bottom: 20px;
}
.yqlj .link-content {
    margin:10px 0;
    background: #FFFFFF;
    height: 100px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.link-content a{
    width: 180px;
    margin: 10px;
    height: 70px;
}
.link-content a img{
    border: 0.5px solid rgba(190, 190, 190, 0.5);
    height: 70px;
}

.footer{
    width: 100%;
    height: 280px;
}
.footer .container{
    background: #399aff;
    height: 280px;
}
.footer .container .row a{
    color: #FFFFFF;
    margin-right: 10px;
}
.row form{
    display: flex;
    justify-content: center;
    height: 100px;
    width: 100%;
}
.row form select{
    height: 36px;
    width: 310px;
    line-height: 36px;
    margin:40px 30px 0;
}
    /*-------首页 平台入驻、统计分析、金融服务、综合信息------*/
.ptrz a {
    background: url(../img/ptrz3.png) no-repeat;
    background-size: 100px 100px;
    width: 100px;
    height: 120px;
    /* display:inline-block; */
    float: left;
    margin-left: 150px;
}

.tjfx a {
    background: url(../img/tjfx3.png) no-repeat;
    background-size: 100px 100px;
    width: 200px;
    height: 120px;
    /* display:inline-block; */
    float: left;
    /* margin-left:98px; */
}

.jrfw a {
    background: url(../img/jrfw3.png) no-repeat;
    background-size: 100px 100px;
    width: 200px;
    height: 120px;
    /* display:inline-block; */
    float: left;
    /* margin-left:98px; */
}

.zhxx a {
    background: url(../img/zhxx3.png) no-repeat;
    background-size: 100px 100px;
    width: 100px;
    height: 120px;
    /* display:inline-block;*/
    float: left;
    margin-left: 150px;
}

.tgfw a {
    background: url(../img/tgfw3.png) no-repeat;
    background-size: 100px 100px;
    width: 200px;
    height: 120px;
    /* display:inline-block;*/
    float: left;
    /* margin-left:98px; */
}

.wlfw a {
    background: url(../img/wlfw3.png) no-repeat;
    background-size: 100px 100px;
    width: 100px;
    height: 120px;
    /* display:inline-block;*/
    float: left;
    margin-left: 150px;
}

/* 金融服务页面顶部图片*/
.jrfw-top {
    background: url(../img/adv.png) no-repeat;
    background-size: 1170px 204px;
    width: 1170px;
    height: 204px;
    display: inline-block;
    float: left;

}

/* 金融服务页面底部图片*/
.jrfw-bottom a {
    background: url(../img/bottom.png) no-repeat;
    background-size: 1170px 204px;
    width: 1170px;
    height: 204px;
    display: inline-block;
    float: left;
    margin-bottom: 20px;
    margin-left: 20px;
}

/*银行产品*/
.icon-zgyh {
    background: url(../img/icon/icon-zgyh.jpg) no-repeat center center;
    background-size: 128px 52px;
    height: 90px;
    width: 160px;
    display: inline-block;
    border: 1px solid #000000;
    border-radius: 10px;
    margin-left: 28px;
    margin-right: 40px;
    margin-bottom: 20px;
}

/* 首页底部字体样式 */
.footer-txt {
    text-align: center;
    font-size: 14px;
    color: #8292ac;
}

.footer-txt-a {
    text-align: center;
    font-size: 14px;
    color: #8292ac;
    margin-left: 10px;
}

/* 分割线 */
.common-title {
    padding: 14px 0;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 19px;
}

/*首页标题*/
.title {
    font-size: 19px;
    color: #666666;
    transition: 0.3s ease;
}

/*入驻园区图片*/
.txt {
    float: left;
    clear: both;
    width: 200px;
    text-align: center;
    font-size: 14px;
    color: #666666;
    line-height: 27px;
    padding: 10px 0;
}

/* 入驻园区 第一行图片对应的文字格式 */
.txt1 {
    float: left;
    clear: both;
    width: calc(1100px / 4);
    text-align: center;
    font-size: 14px;
    color: #666666;
    line-height: 27px;
    padding: 10px 0;
}

/* li 布局样式*/
.layout {
    margin-right: 100px;
    margin-bottom: 10px;

}

/* 标题图标 */
.icon-title {
    background: url(../img/zs/platform-ico24.png) no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    height: 24px;
    width: 24px;
    float: left;
    margin-right: 5px;
}

.rzyq1 {
    background: url(../img/zs/ymx.jpg) no-repeat;
    background-size: 100% 100%;
    width: 200px;
    height: 100px;
    display: inline-block;
    float: left;
    transition: all 0.2s;

}

/* 图片聚焦放大效果*/
.rzyq1:hover {
    background-size: 110% 110%;

}

.rzyq2 {
    background: url(../img/zs/ebay.jpg) no-repeat;
    background-size: 100% 100%;
    width: 200px;
    height: 100px;
    display: inline-block;
    float: left;
    transition: all 0.2s;


}

/* 图片聚焦放大效果*/
.rzyq2:hover {
    background-size: 110% 110%;

}

.rzyq3 {
    background: url(../img/zs/smt.jpg) no-repeat;
    background-size: 100% 100%;
    width: 200px;
    height: 100px;
    display: inline-block;
    float: left;
    transition: all 0.2s;

}

/* 图片聚焦放大效果*/
.rzyq3:hover {
    background-size: 110% 110%;

}

.rzyq4 {
    background: url(../img/zs/4.jpg) no-repeat;
    background-size: 100% 100%;
    width: calc(1100px / 3);
    height: 210px;
    display: inline-block;
    float: left;
    transition: all 0.2s;

}

/* 图片聚焦放大效果*/
.rzyq4:hover {
    background-size: 110% 110%;

}

.rzyq6 {
    background: url(../img/zs/kl.jpg) no-repeat;
    background-size: 100% 100%;
    width: 200px;
    height: 100px;
    display: inline-block;
    float: left;
    transition: all 0.2s;

}

/* 图片聚焦放大效果*/
.rzyq6:hover {
    background-size: 110% 110%;

}

.rzyq7 {
    background: url(../img/zs/tm.jpg) no-repeat;
    background-size: 100% 100%;
    width: 200px;
    height: 100px;
    display: inline-block;
    float: left;
    transition: all 0.2s;

}

/* 图片聚焦放大效果*/
.rzyq7:hover {
    background-size: 110% 110%;

}

.rzyq8 {
    background: url(../img/zs/jd.jpg) no-repeat;
    background-size: 100% 100%;
    width: 200px;
    height: 100px;
    display: inline-block;
    float: left;
    transition: all 0.2s;

}

/* 图片聚焦放大效果*/
.rzyq8:hover {
    background-size: 110% 110%;

}

.rzyq9 {
    background: url(../img/zs/ymt.jpg) no-repeat;
    background-size: 100% 100%;
    width: 200px;
    height: 100px;
    display: inline-block;
    float: left;
    transition: all 0.2s;

}

/* 图片聚焦放大效果*/
.rzyq9:hover {
    background-size: 110% 110%;

}

.rzyq5 {
    background: url(../img/zs/wish.jpg) no-repeat;
    background-size: 100% 100%;
    width: 200px;
    height: 100px;
    display: inline-block;
    float: left;
    transition: all 0.2s;

}

/* 图片聚焦放大效果*/
.rzyq5:hover {
    background-size: 110% 110%;

}

/*                   物流服务             */
.wl1 {
    background: url(../img/zs/wl/UPS.jpg) no-repeat;
    background-size: 100% 100%;
    width: 200px;
    height: 100px;
    display: inline-block;
    float: left;
    transition: all 0.2s;

}

/* 图片聚焦放大效果*/
.wl1:hover {
    background-size: 110% 110%;

}

.wl2 {
    background: url(../img/zs/wl/fedex.jpg) no-repeat;
    background-size: 100% 100%;
    width: 200px;
    height: 100px;
    display: inline-block;
    float: left;
    transition: all 0.2s;

}

/* 图片聚焦放大效果*/
.wl2:hover {
    background-size: 110% 110%;

}

.wl3 {
    background: url(../img/zs/wl/DHL.jpg) no-repeat;
    background-size: 100% 100%;
    width: 200px;
    height: 100px;
    display: inline-block;
    float: left;
    transition: all 0.2s;

}

/* 图片聚焦放大效果*/
.wl3:hover {
    background-size: 110% 110%;

}

.wl4 {
    background: url(../img/zs/wl/TNT.jpg) no-repeat;
    background-size: 100% 100%;
    width: 200px;
    height: 100px;
    display: inline-block;
    float: left;
    transition: all 0.2s;

}

/* 图片聚焦放大效果*/
.wl4:hover {
    background-size: 110% 110%;

}

.wl5 {
    background: url(../img/zs/wl/EMS.jpg) no-repeat;
    background-size: 100% 100%;
    width: 200px;
    height: 100px;
    display: inline-block;
    float: left;
    transition: all 0.2s;

}

/* 图片聚焦放大效果*/
.wl5:hover {
    background-size: 110% 110%;

}

.wl6 {
    background: url(../img/zs/wl/sf.jpg) no-repeat;
    background-size: 100% 100%;
    width: 200px;
    height: 100px;
    display: inline-block;
    float: left;
    transition: all 0.2s;

}

/* 图片聚焦放大效果*/
.wl6:hover {
    background-size: 110% 110%;

}

.wl7 {
    background: url(../img/zs/wl/zt.jpg) no-repeat;
    background-size: 100% 100%;
    width: 200px;
    height: 100px;
    display: inline-block;
    float: left;
    transition: all 0.2s;

}

/* 图片聚焦放大效果*/
.wl7:hover {
    background-size: 110% 110%;

}

.wl8 {
    background: url(../img/zs/wl/yt.jpg) no-repeat;
    background-size: 100% 100%;
    width: 200px;
    height: 100px;
    display: inline-block;
    float: left;
    transition: all 0.2s;

}

/* 图片聚焦放大效果*/
.wl8:hover {
    background-size: 110% 110%;

}

/* 金融服务 li 布局样式*/
.layout-jrfw {
    margin-right: 60px;
    margin-bottom: 10px;

}

/* 金融服务 */
.zgyh {
    background: url(../img/zs/jrfw/zg.jpg) no-repeat;
    background-size: 100% 100%;
    width: 180px;
    height: 90px;
    display: inline-block;
    float: left;
    transition: all 0.2s;

}

.gsyh {
    background: url(../img/zs/jrfw/gs.jpg) no-repeat;
    background-size: 100% 100%;
    width: 180px;
    height: 90px;
    display: inline-block;
    float: left;
    transition: all 0.2s;

}

.jtyh {
    background: url(../img/zs/jrfw/jt.jpg) no-repeat;
    background-size: 100% 100%;
    width: 180px;
    height: 90px;
    display: inline-block;
    float: left;
    transition: all 0.2s;

}

.nyyh {
    background: url(../img/zs/jrfw/ny.jpg) no-repeat;
    background-size: 100% 100%;
    width: 180px;
    height: 90px;
    display: inline-block;
    float: left;
    transition: all 0.2s;

}

.pfyh {
    background: url(../img/zs/jrfw/pf.jpg) no-repeat;
    background-size: 100% 100%;
    width: 180px;
    height: 90px;
    display: inline-block;
    float: left;
    transition: all 0.2s;

}

.jsyh {
    background: url(../img/zs/jrfw/js.jpg) no-repeat;
    background-size: 100% 100%;
    width: 180px;
    height: 90px;
    display: inline-block;
    float: left;
    transition: all 0.2s;

}

.icon-pfyh {
    background: url(../img/icon/icon-pfyh.jpg) no-repeat center center;
    background-size: 128px 52px;
    height: 90px;
    width: 160px;
    display: inline-block;
    border: 1px solid #000000;
    border-radius: 10px;
    margin-left: 28px;
    margin-right: 40px;
    margin-bottom: 20px;
}

.icon-jtyh {
    background: url(../img/icon/icon-jtyh.jpg) no-repeat center center;
    background-size: 128px 52px;
    height: 90px;
    width: 160px;
    display: inline-block;
    border: 1px solid #000000;
    border-radius: 10px;
    margin-left: 28px;
    margin-right: 40px;
    margin-bottom: 20px;
}

.icon-gsyh {
    background: url(../img/icon/icon-gsyh.jpg) no-repeat center center;
    background-size: 128px 52px;
    height: 90px;
    width: 160px;
    display: inline-block;
    border: 1px solid #000000;
    border-radius: 10px;
    margin-left: 28px;
    margin-right: 40px;
    margin-bottom: 20px;
}

.icon-nyyh {
    background: url(../img/icon/icon-nyyh.jpg) no-repeat center center;
    background-size: 128px 52px;
    height: 90px;
    width: 160px;
    display: inline-block;
    border: 1px solid #000000;
    border-radius: 10px;
    margin-left: 28px;
    margin-right: 40px;
    margin-bottom: 20px;
}

.icon-jsyh {
    background: url(../img/icon/icon-jsyh.jpg) no-repeat center center;
    background-size: 128px 52px;
    height: 90px;
    width: 160px;
    display: inline-block;
    border: 1px solid #000000;
    border-radius: 10px;
    margin-left: 28px;
    margin-right: 40px;
    margin-bottom: 20px;
}

.hotline {
    margin-top: 16px;
}

.hotline i {
    background: url(../img/icon/icon03.png) no-repeat 0 0;
    background-size: 33px auto;
    width: 33px;
    height: 37px;
    display: block;
    float: left;
    margin: 3px 15px 0px 0px;
}

.hotline p {
    float: left;
    margin-bottom: 0px;
}

.hotline strong {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1px;
    font-family: Arial, Helvetica, sans-serif
}

.hotline span {
    color: #2222;
    display: block;
    font-size: 14px;
    display: block;
    font-family: Arial, Helvetica, sans-serif
}

/*----------------------------------------
                   menu
--------------------------------------------*/
.menu {
    border-top: 0.5px solid rgba(255, 255, 255, 0.5);
    border-bottom: 0.5px solid rgba(255, 255, 255, 0.5);
}

.mumu-ul {
    /*background: #55a9ff !important;*/
}

/*-------------------------------------------
                  mainimg
---------------------------------------------*/
.header-back {
    height: 400px;
    width: 100%;
}

#inSlider .carousel-caption.blank {
    top: 100px;
}

#inSlider .carousel-caption {
    text-align: center;
}

.header-back.one {
    background: url(../img/banner/banner01.jpg) 50% 0 no-repeat;
}

.header-back.two {
    background: url(../img/banner/banner01.jpg) 50% 0 no-repeat;
}

.header-back.three {
    background: url(../img/banner/banner01.jpg) 50% 0 no-repeat;
}

#inSlider .carousel-caption h1 {
    font-weight: bold;
    font-size: 36px;
    text-shadow: none;
    line-height: 56px;
    letter-spacing: 3px;
    animation-delay: 0.3s;
    text-shadow: 0px 3px 5px #000;
}

#inSlider .carousel-caption p {
    font-weight: bold;
    text-shadow: none;
    font-size: 26px;
    color: #fff;
    animation-delay: 0.8s;
    letter-spacing: 3px;
    text-shadow: 0px 3px 5px #000;
}

.carousel-control.left, .carousel-control.right {
    display: none;
}

/*
.carousel-control .arrow-left, .carousel-control .arrow-right {
	width:33px;
	height:80px;
	position:absolute;
	top:50%;
	z-index:5;
	display:inline-block;
	margin-top:-15px;
	display:none;
}
.carousel-control .active.left, .carousel-control .active.right {
	left: 0;
	opacity: 0;
	z-index: 1;
}
.carousel-control.left, .carousel-control.right {
	background: none;
}
.carousel-control .next.left, .carousel-control .prev.right {
	opacity: 1;
}
.carousel-control.left {
}
#inSlider .carousel-control {
	width: 6%;
}
.carousel-control .arrow-right {
	background:url(../img/banner/arrow-right.png) no-repeat;
	margin-right:-15px;
	right:50%;
}
.carousel-control .arrow-left {
	background:url(../img/banner/arrow-left.png) no-repeat;
	margin-left:-15px;
	left:50%;
}*/
/*--------------------------------------
                 鏈嶅姟绐楀彛
---------------------------------------------------------*/
h2 {
    /*font-size:18px;*/
    font-weight: 200;
    margin-bottom: 5px;
    letter-spacing: 2px;
    color: #222;
    margin-top: 0px;
}

span.navy {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #222;
}

.service {
    padding: 30px 0px;
}

.service-list {
    margin: 30px 0px 0px 0px;
}

.service li {
    width: 20%;
    float: left;
    display: block;
    text-align: center;
}

.icon-hg {
    background: url(../img/icon/icon-zw01.png) no-repeat center center;
    background-size: auto 54px;
    height: 90px;
    width: 53px;
    display: inline-block;
}

.icon-jy {
    background: url(../img/icon/icon-zw02.png) no-repeat center center;
    background-size: auto 55px;
    height: 90px;
    width: 74px;
    display: inline-block;
}

.icon-gsh {
    background: url(../img/icon/icon-zw03.png) no-repeat center center;
    background-size: auto 60px;
    height: 90px;
    width: 49px;
    display: inline-block;
}

.icon-gs {
    background: url(../img/icon/icon-zw04.png) no-repeat center center;
    background-size: auto 55px;
    height: 90px;
    width: 52px;
    display: inline-block;
}

.icon-wh {
    background: url(../img/icon/icon-zw05.png) no-repeat center center;
    background-size: auto 55px;
    height: 90px;
    width: 65px;
    display: inline-block;
}

.service li a:hover strong {
    background: url(../img/icon/icon-bg.png) no-repeat;
    background-size: auto 90px;
    width: 103px;
    height: 90px;
    display: inline-block;
}

.service li a:hover .icon-hg {
    background: url(../img/icon/icon-hover-zw01.png) no-repeat center center;
    background-size: auto 42px;
}

.service li a:hover .icon-jy {
    background: url(../img/icon/icon-hover-zw02.png) no-repeat center center;
    background-size: auto 45px;
}

.service li a:hover .icon-gsh {
    background: url(../img/icon/icon-hover-zw03.png) no-repeat center center;
    background-size: auto 50px;
}

.service li a:hover .icon-gs {
    background: url(../img/icon/icon-hover-zw04.png) no-repeat center center;
    background-size: auto 45px;
}

.service li a:hover .icon-wh {
    background: url(../img/icon/icon-hover-zw05.png) no-repeat center center;
    background-size: auto 45px;
}

.service-list li a {
    display: block;
}

.service-list li span {
    font-size: 16px;
    font-weight: 500;
    display: block;
}

/*----------------------------------------------
information
-----------------------------------------------------*/
.information {
    background: #F2F3F7;
    padding: 30px 0px
}

.information-list {
    width: 100%;
    margin: 0px 0px 0px 0px;
}

.information-list li {
    padding-left: 10px;
    float: left;
    width: 45%;
    background: url(../img/icon/icon-circle.png) no-repeat 0 8px;
    margin: 15px 15px;
}

.information-list li a {
    /*display:block;*/
}

.information-list li a:hover {
    color: #3779fc;
    text-decoration: underline;
}

.information-list li p {
    width: 70%;
    float: left;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 5%;
    color: #222;
    margin-bottom: 0px;
}

.information-list li span {
    float: right;
    font-size: 14px;
    width: 25%;
    color: #222;
}

.more {
    float: right;
    color: #3779fc;
    font-size: 14px;
    border: 1px solid #3779fc;
    border-radius: 3px;
    width: 70px;
    height: 28px;
    text-align: center;
    line-height: 28px;
}

.more:hover {
    color: #3779fc;
    text-decoration: underline
}

/*--------------------------------------
璺ㄥ鏈嶅姟
-----------------------------------*/
/*.cross-supply {*/
/*	padding:30px 0px 0px 0px;*/
/*}*/
/*.cross-list li {*/
/*	float:left;*/
/*	display:block;*/
/*	width:33%;*/
/*}*/
/*.cross-list li a {*/
/*	display:block;*/
/*	position:relative;*/
/*}*/
/*.cross-list li .cross-txt {*/
/*	position:absolute;*/
/*	z-index:100;*/
/*	width:100%;*/
/*	text-align:center;*/
/*	top:30%;*/
/*}*/
/*.cross-img {*/
/*	overflow:hidden;*/
/*}*/
/*.cross-img img {*/
/*	transition: all 0.5s ease 0s;*/
/*}*/
/*.cross-list{*/
/*	margin-top:30px;*/
/*	margin-bottom:0px;}*/
/*.cross-list a:hover img {*/
/*	transform:scale(1.4);*/
/*}*/
/*.cross-list .cross01 i {*/
/*	background:url(../img/icon/icon-cross01.png) no-repeat center center;*/
/*	border:2px solid #fff;*/
/*	width:70px;*/
/*	height:70px;*/
/*	border-radius:70px;*/
/*	background-size:auto 25px;*/
/*	display:inline-block;*/
/*}*/
/*.cross-list .cross02 i {*/
/*	background:url(../img/icon/icon-cross02.png) no-repeat center center;*/
/*	border:2px solid #fff;*/
/*	width:70px;*/
/*	height:70px;*/
/*	border-radius:70px;*/
/*	background-size:auto 25px;*/
/*	display:inline-block;*/
/*}*/
/*.cross-list .cross01:hover i {*/
/*	background:#3779fc url(../img/icon/icon-cross01.png) no-repeat center center;*/
/*	border:2px solid #3779fc;*/
/*	background-size:auto 25px;*/
/*}*/
/*.cross-list .cross02:hover i {*/
/*	background:#3779fc url(../img/icon/icon-cross02.png) no-repeat center center;*/
/*	border:2px solid #3779fc;*/
/*	background-size:auto 25px;*/
/*}*/
/*.cross-list li .cross-txt span {*/
/*	font-size:16px;*/
/*	color:#c54545;*/
/*	display:block;*/
/*	margin-top:10px;*/
/*	font-weight: bold;*/
/*}*/
/*---------------------------------------------
浜掑姩浜ゆ祦
----------------------------------------------*/
.communication {
    background: -webkit-linear-gradient(left, #4561fc, #0ac9fe); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #4561fc, #0ac9fe); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #4561fc, #0ac9fe); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #4561fc, #0ac9fe); /* 鏍囧噯*/
}

.comm-list {
    padding: 30px 0px;
    margin-bottom: 0px;
}

.comm-list li {
    text-align: center;
}

.comm-list a {
    display: inline-block;
}

.comm-list i {
    display: block;
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
    height: 50px;
    width: 50px;
    float: left;
}

.comm-list .item01 i {
    background: url(../img/icon/icon-com01.png) center 0 no-repeat;
    background-size: auto 50px;
}

.comm-list .item02 i {
    background: url(../img/icon/icon-com02.png) center 0 no-repeat;
    background-size: auto 50px;
}

.comm-list .item03 i {
    background: url(../img/icon/icon-com03.png) center 0 no-repeat;
    background-size: auto 50px;
}

.comm-list .item04 i {
    background: url(../img/icon/icon-com04.png) center 0 no-repeat;
    background-size: auto 50px;
}

.comm-list span {
    font-size: 16px;
    color: #fff;
    display: inline-block;
    line-height: 50px;
}

.comm-list a:hover i {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
}

/*---------------------------------------------
鐑攢鍟嗗搧
----------------------------------------------*/
.hot-goods {
    padding: 30px 0px;
}

.testimonials-section {
    position: relative;
}

.testimonials-section .slide-item {
    position: relative;
    margin-top: 5px;
    padding: 20px 30px 0px 30px;
    transition: .5s ease;
}

.project-content.testimonials-section .slide-item {
    margin-bottom: 50px;
}

.testimonials-section .slide-item:hover {
    transition: .5s ease;
}

.testimonials-section .goods {
    position: relative;
    height: 90px;
    text-align: center;
    border: 1px solid #dadada;
    line-height: 90px;
}

.testimonials-section .goods span {
    font-size: 14px;
    display: block;
    text-align: center;
}

.testimonials-section .owl-controls {
    position: absolute;
    top: -40px;
    right: 30px;
}

/*nav*/
.testimonials-section .owl-carousel {
    position: inherit;
}

.testimonials-section .owl-theme .owl-nav {
    margin: 0;
    padding: 0;
}

.testimonials-section .owl-theme .owl-nav [class*=owl-] {
    margin: 0;
    padding: 0;
    background-color: transparent;
    padding: 0 5px;
    display: inline-block;
}

.testimonials-section .owl-theme .owl-prev {
    float: left;
}

.testimonials-section .owl-theme .owl-next {
    float: right;
}

.info-next, .info-previous {
    height: 40px;
    width: 40px;
    display: block;
    transition: .5s ease;
}

.info-next:hover {
    background: url(../img/icon/arrow-left-hover.png) no-repeat;
}

.info-next {
    background: url(../img/icon/arrow-left.png) no-repeat;
}

.info-previous {
    background: url(../img/icon/arrow-right.png) no-repeat;
}

.info-previous:hover {
    background: url(../img/icon/arrow-right-hover.png) no-repeat;
}

/*----------------------------------------------
鍟嗗灞曠ず
-----------------------------------------------------*/
.merchant-show {
    background: #f7f7f7;
    padding: 60px 0px;
}

.Portfolio-nav {
    padding: 0;
    margin: 30px 0px 20px 0px;
    list-style: none;
    text-align: center;
}

.Portfolio-nav li {
    margin: 0 6px;
    display: inline;
}

.Portfolio-nav li a {
    display: inline-block;
    color: #666;
    border-radius: 6px;
    border: 1px solid #dadada;
    padding: 10px 0px;
    width: 100px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    margin-bottom: 5px;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.Portfolio-nav li a:hover, .Portfolio-nav li a:focus, .Portfolio-nav li a.active {
    border: 1px solid #ffa801;
    color: #ffa801;
    text-decoration: none;
}

.portfolio_img img {
    width: 200px;
    height: auto;
}

.isotope .isotope-item {
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
    text-align: center;
    margin: 10px 0px;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
}

.btn {
    border-radius: 6px;
    width: 140px;
    text-align: center;
    padding: 10px 0px;
    font-size: 14px;
    display: inline-block;
}

.btn-more {
    background: #ffa801;
    color: #fff;
    margin: 20px 0px 0px 0px;
}

.btn-more:hover, .btn-more:focus {
    color: #fff;
}

/*-----------------------------------------------------
foot
----------------------------------------------------*/
.foot {
    background: #222;
    padding: 30px 0px 10px 0px;
}

.qr-ewm {
    float: left;
    margin-left: 50px;
}

.qr-ewm span {
    color: #fff;
    font-size: 14px;
    display: block;
    text-align: center;
    margin-bottom: 5px;
}

.contact-box {
    margin-left: 30px;
    margin-top: 30px;
    float: left;
}

.contact-box .phone i {
    background: url(../img/icon/icon-foot01.png) no-repeat;
    width: 36px;
    height: 36px;
    background-size: auto 36px;
    display: block;
    float: left;
    margin-right: 10px;
}

.contact-box .email i {
    background: url(../img/icon/icon-foot02.png) no-repeat;
    width: 36px;
    height: 36px;
    background-size: auto 36px;
    display: block;
    float: left;
    margin-right: 10px;
}

.contact-box li {
    margin-bottom: 15px;
}

.contact-box p {
    color: #fff;
    font-size: 16px;
    float: left;
}

.contact-box span {
    font-size: 12px;
    display: block;
    color: #fff;
    margin-bottom: 2px;
}

.copyright {
    margin-top: 25px;
}

.copyright p {
    font-size: 14px;
    color: #fff;
    margin-bottom: 15px;
    line-height: 24px;
}

/*-----------------------------------------------------
.toolbar
----------------------------------------------------*/
.toolbar-item {
    background: url(../img/toolbar.png) no-repeat;
    background-size: 100px auto;
}

.toolbar {
    position: fixed;
    right: 0px;
    bottom: 50px;
}

/*鍋囪缃戦〉瀹藉害涓�1200px锛屽鑸潯鍦ㄥ彸渚ф偓娴�*/
.toolbar-item {
    display: block;
    width: 100px;
    height: 100px;
    margin-top: 1px;
    position: relative;
    -moz-transition: background-position 1s;
    -ms-transition: background-position 1s;
    -o-moz-transition: background-position 1s;
    -webkit-moz-transition: background-position 1s;
    transition: background-position 1s;
}

.toolbar-item:hover .toolbar-layer {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.toolbar-item-windows .toolbar-layer {
    width: 100px;
    height: 201px;
}

.toolbar-item-windows .toolbar-layer .toolbar-xt01 {
    background: url(../img/toolbar.png) no-repeat;
    background-size: 100px auto;
    background-position: 0px -202px;
    width: 100px;
    height: 100px;
    margin-bottom: 1px;
}

.toolbar-item-windows .toolbar-layer .toolbar-xt02 {
    background: url(../img/toolbar.png) no-repeat;
    background-size: 100px auto;
    background-position: 0px -303px;
    width: 100px;
    height: 100px;
}

.toolbar-item-windows {
    background-position: 0 0px;
}

.toolbar-item-top {
    background-position: 0 -101px;
}

.toolbar-layer {
    position: absolute;
    right: 101px;
    bottom: 0px;
    width: 85px;
    opacity: 0;
    filter: alpha(opacity=0);
    transform-origin: 95% 95%;
    -moz-transform-origin: 95% 95%;
    -ms-transform-origin: 95% 95%;
    -o-transform-origin: 95% 95%;
    -webkit-transform-origin: 95% 95%;
    transform: scale(0.01);
    -moz-transform: scale(0.01);
    -ms-transform: scale(0.01);
    -o-transform: scale(0.01);
    -webkit-transform: scale(0.01);
    transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    -webkit-transition: all 1s;
}

/*------------------------------------------------
鏈嶅姟绐楀彛璇︾粏椤甸潰
------------------------------------------------------*/
.banner-txt {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 40px;
    z-index: 1;
}

.banner {
    background: url(../img/banner/service-img.png) no-repeat 50% 0;
    width: auto;
    height: 240px;
    position: relative;
}

.site-blank {
    border-bottom: 1px solid #dadada;
    height: 50px;
    line-height: 50px;
}

.site-blank span {
    font-size: 15px;
    margin: 0px 0px;
    height: 50px;
    line-height: 50px;
    display: inline-block
}

.second-menu {
    text-align: right;
}

.second-menu ul {
    margin-bottom: 0px;
}

.second-menu li {
    display: inline-block;
    margin: 0px 2px
}

.second-menu li a {
    padding: 0px 10px;
    font-size: 15px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
}

.second-menu li a:hover, .second-menu li a.active {
    border-bottom: 2px solid #ffa801;
    color: #ffa801;
}

.info-main {
    margin: 30px 0px;
}

.info-main img {
    width: 100%;
}

.info-main h3 {
    margin: 0px 0px 20px 0px;
    color: #222;
}

.info-main p {
    font-size: 14px;
    text-indent: 2em;
    line-height: 24px;
}

.btn-exa {
    background: #4db4f7;
    color: #fff;
    font-size: 15px;
    margin: 15px 0px;
}

.btn-exa:hover {
    color: #fff;
}

/*--------------------------------------------------------
缁煎悎璧勮
-------------------------------------------------------*/
.consulation-list li {
    margin-bottom: 30px;
    border-bottom: 1px dashed #dadada;
    padding-bottom: 30px;
}

.consulation {
    margin: 30px 0px;
}

.consulation-txt h4 {
    font-size: 15px;
    color: #222;
    font-weight: bold;
}

.consulation-txt p {
    font-size: 14px;
    text-indent: 2em;
    line-height: 24px;
}

.consulation-txt span {
    text-align: right;
    display: block;
}

.consulation-list li:last-child {
    border-bottom: 0;
}

.pager {
    float: right;
}

.pager a {
    border: 1px solid #dadada;
    color: #3779fc;
    display: inline-block;
    font-size: 14px;
    line-height: 35px;
    height: 35px;
    margin: 0px 5px;
}

.pager a.page-curr {
    width: 28px;
    background: #3779fc;
    border: 1px solid #3779fc;
    color: #fff;
}

.page-btn {
    width: 60px;
}

.page-link {
    width: 35px;
}

.pager a:hover {
    background: #3779fc;
    border: 1px solid #3779fc;
    color: #fff;
}

.news-info h3 {
    color: #222;
    text-align: center;
}

.news-info small {
    text-align: center;
    font-size: 12px;
    display: block;
    margin: 15px 0px;
}

.share {
    margin: 10px 0px 20px 0px;
}

.jiathis_style {
    float: right;
}

.news-info img {
    margin-bottom: 20px;
    width: 100%;
}

.news-info p {
    font-size: 14px;
    line-height: 24px;
    text-indent: 2em;
}

.jiathis_style_m {
    display: none;
}

/*-------------------------------------------------------
鏈嶅姟涓績
-----------------------------------------------------*/
.business, .investment {
    margin: 20px 0px;
}

.investment-info dl dt {
    font-size: 16px;
    color: #222;
    margin-bottom: 15px;
    font-weight: 700;
}

.investment-info dl dd {
    font-size: 14px;
    color: #222;
    line-height: 24px;
    margin-bottom: 6px;
}

.investment-info dl dd a {
    font-size: 15px;
    color: #ff0000;
    text-decoration: underline;
    padding: 0px 3px;
}

.investment-info dl dd strong {
    font-size: 14px;
    color: #222;
}

/*-------------------------------------------------------
鍟嗗搧灞曠ず
-----------------------------------------------------*/
.price {
    display: block;
}

.over-price {
    font-size: 14px;
    text-decoration: line-through;
}

.price strong {
    color: #ff0000;
    font-size: 18px;
    padding-right: 5px;
}

.portfolio-item p {
    font-size: 14px;
    padding: 5px 0px;
}

/*--------------------------------------------------------
缁煎悎鏌ヨ
------------------------------------------------------*/
.search-content {
    margin: 20px 0px;
}

.search-box {
    border: 1px solid #ddd;
    border-bottom: none;
    margin: 0px 0px 20px 0px;
}

.search-row {
    border-bottom: 1px solid #ddd;
}

.drtitle {
    background: #f9f9f9;
    color: #666;
    font-weight: bold;
    line-height: 44px;
    border-right: 1px solid #ddd;
    font-size: 14px;
}

.drul {
    margin: 0px;
}

.drcon {
    line-height: 44px;
}

.drli {
    display: inline-block;
    list-style-type: none;
    background: #fff;
    color: #666;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    text-align: center;
    margin: 0px 5px;
    font-size: 14px;
}

.drli:hover, .drli.active {
    background-color: #2497e8;
    color: #fff;
    border-radius: 3px;
}

.search-input {
    border: 1px solid #dadada;
    color: #666;
    font-size: 14px;
    padding: 4px;
    height: 30px;
    vertical-align: middle;
    width: 306px;
    border-radius: 3px;
    display: block;
    float: left;
    margin: 7px 5px 0px 0px;
}

.btnSearch {
    background: #2497e8;
    height: 30px;
    line-height: 30px;
    width: 80px;
    border: 0;
    cursor: pointer;
    color: #fff;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
}

.btnSearch:hover {
    background: #2fa6fa;
}

input, textarea {
    -webkit-appearance: none;
}

.search-info td {
    font-size: 14px;
}

.accordion {
    width: 100%;
    max-width: 360px;
    margin: 0px auto 20px;
    background: #f9f9f9;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.accordion .link {
    cursor: pointer;
    display: block;
    padding: 15px 15px 15px 30px;
    color: #fff;
    background: #ffa801;
    font-size: 15px;
    font-weight: 700;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.accordion li i {
    position: absolute;
    top: 20px;
    left: 12px;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.accordion li i.fa-chevron-down {
    right: 12px;
    left: auto;
    background: url(../img/icon/arrow-down.png) no-repeat;
    display: inline-block;
    height: 8px;
    width: 12px;
}

.accordion li.open i.fa-chevron-down {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    background: url(../img/icon/arrow-up.png) no-repeat;
}

.submenu {
    display: none;
    background: #f9f9f9;
    font-size: 14px;
}

.submenu li {
    border-bottom: 1px dashed #e0e0e0;
}

.accordion li .submenu li:last-child {
    border-bottom: 0;
}

.submenu a {
    display: block;
    text-decoration: none;
    color: #666;
    padding: 12px;
    font-size: 14px;
    padding-left: 30px;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.submenu a:hover {
    color: #fff;
    background: #ffa801;
    padding-left: 38px;
}

/*---------------------------------------------------------
鑱旂郴鎴戜滑
-------------------------------------------------------------*/
.contact-content {
    margin: 20px 0px;
}

.contact-info dl {
    max-width: 360px;
    width: 100%;
}

.contact-info dt {
    font-size: 15px;
    font-weight: 700;
    padding: 15px 15px 15px 30px;
    color: #fff;
    background: #ffa801;
}

.contact-info dt .arrow-down {
    background: url(../img/icon/arrow-down.png) no-repeat;
    width: 12px;
    height: 8px;
    display: inline-block;
    float: right;
    margin-top: 8px;
}

.contact-info dd {
    background: #f9f9f9;
    padding: 15px 20px;
    display: block;
    font-size: 14px;
    border-bottom: 1px solid #f1f1f1;
}

.contact-info dd:last-child {
    border-bottom: none;
}

.contact-info dd strong {
    font-size: 14px;
}

.contact-info i {
    background: url(../img/icon/icon-contact.png) no-repeat;
    display: block;
    float: left;
}

.contact-info .icon-user {
    background-position: 0 0;
    width: 15px;
    height: 14px;
    margin: 3px 15px 0px 0px;
}

.contact-info .icon-mobile {
    background-position: -4px -15px;
    width: 9px;
    height: 15px;
    margin: 3px 15px 0px 4px;
}

.contact-info .icon-tel {
    background-position: -1px -31px;
    width: 14px;
    height: 14px;
    margin: 3px 15px 0px 1px;
}

.contact-info .icon-email {
    background-position: -1px -46px;
    width: 15px;
    height: 10px;
    margin: 5px 15px 0px 0px;
}

.contact-info .icon-address {
    background-position: -1px -58px;
    width: 16px;
    height: 13px;
    margin: 3px 14px 0px 2px;
}

.contact-info dd span {
    display: block;
    font-size: 14px;
    margin: 10px 0px 0px 33px;
}

.address-map img {
    width: 100%;
    height: auto;
}

.communication-content {
    padding: 60px 0px 0px 0px;
}

.communication-content dl dt {
    font-size: 16px;
    color: #222;
    margin-bottom: 15px;
    font-weight: 700;
}

.communication-content dl dd, .communication-content dl dd span {
    font-size: 14px;
    color: #222;
    line-height: 24px;
    margin-bottom: 6px;
}

.communication-content dl dd span {
    padding-left: 30px;
}

.communication-content dl i {
    float: left;
    display: block;
    width: 15px;
    height: 15px;
    background: url(../img/icon/icon-qa.png) no-repeat;
    margin-right: 15px;
}

.communication-content dl i.icon-q {
    background-position: 0 0;
    margin-top: 5px;
}

.communication-content dl i.icon-a {
    background-position: 0 -15px;
    margin-top: 5px;
}

.communication-nav {
    padding: 0;
    margin: 0px 0px 30px 0px;
    list-style: none;
    text-align: center;
}

.communication-nav li {
    margin: 0 6px;
    display: inline;
}

.communication-nav li a {
    display: inline-block;
    color: #666;
    border-radius: 6px;
    border: 1px solid #dadada;
    padding: 10px 0px;
    width: 100px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    margin-bottom: 5px;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.communication-nav li a:hover, .communication-nav li a:focus, .communication-nav li a.active {
    border: 1px solid #ffa801;
    color: #ffa801;
    text-decoration: none;
}

.communication-bg {
    padding: 60px 0px;
}

.suggestion {
    padding: 60px 0px;
}

.expert {
    padding: 60px 0px;
    background: #f7f7f7;
}

.expert li {
    text-align: center;
}

.expert-box {
    width: 80%;
    margin: 0 auto;
    padding: 0px 10px;
}

.expert li img {
    width: 120px;
    height: auto;
    margin: 0px 0px 0px 0px
}

.expert li span {
    font-size: 15px;
    font-weight: bold;
    display: block;
    padding: 10px 0px;
    color: #222;
}

.expert li p {
    text-align: left;
    text-indent: 2em;
    font-size: 14px;
    line-height: 24px;
}

.download {
    padding: 60px 0px;
    background: #f7f7f7;
}

.download-list li {
    padding-left: 20px;
    margin: 10px 0px;
}

.download-list li a {
    font-size: 14px;
}

/*-----------------------------------------------------
鍗曚竴绐楀彛
-------------------------------------------------------*/
.logo-win a {
    background: url(../img/logo-win.png) no-repeat;
    width: 682px;
    height: 53px;
    display: inline-block;
}

.windows-content {
    margin: 20px 0px;
}

.nav.my-tabs > li {
    margin: 0px 5px;
}

.nav.my-tabs > li > a {
    font-size: 18px;
    font-weight: 500;
    color: #666;
    padding: 0px 20px;
    cursor: pointer !important;
    border: none;
    height: 50px;
    line-height: 50px;
    background: none;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    border: none;
    border-bottom: 2px solid #ffa801;
    color: #ffa801;
}

.function-list, .object-list {
    margin: 30px 0px;
}

.function-list li, .object-list li {
    display: block;
    text-align: center;
    float: left;
}

.function-list li {
    margin: 10px 21px;
}

.object-list li {
    margin: 10px 50px;
}

.function-list li i, .object-list li i {
    display: inline-block;
    background: url(../img/icon/icon-win.png) no-repeat;
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}

.function-list li i {
    width: 116px;
    height: 116px;
}

.object-list li i {
    width: 122px;
    height: 122px;
}

.function-list li span, .object-list li span {
    display: block;
    font-size: 16px;
    margin: 10px 0px;
    color: #666;
}

.function-list li .function07 {
    background-position: -474px -3px;
}

.function-list li .function01 {
    background-position: -120px -2px;
}

.function-list li .function02 {
    background-position: -238px -2px;
}

.function-list li .function03 {
    background-position: -357px -3px;
}

.function-list li .function04 {
    background-position: -122px -122px;
}

.function-list li .function05 {
    background-position: -241px -122px;
}

.function-list li .function06 {
    background-position: -360px -121px;
}

.object-list li .object05 {
    background-position: -498px -247px;
}

.object-list li .object01 {
    background-position: -2px -247px;
}

.object-list li .object02 {
    background-position: -126px -246px;
}

.object-list li .object03 {
    background-position: -250px -246px;
}

.object-list li .object04 {
    background-position: -375px -247px;
}

.object-list a:hover i, .function-list a:hover i {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
}

/*----------------------------------------------------
鍗曚竴绐楀彛鍐呴〉
-----------------------------------------------------*/
.process {
    padding: 20px 30px;
}

.process li {
    display: block;
    float: left;
    text-align: center;
}

.process li i {
    background: url(../img/icon/icon05.png) no-repeat;
    display: block;
    height: 128px;
    width: 128px;
}

.process li i.icon-win01 {
    background-position: -15px -14px;
}

.process li i.icon-win02 {
    background-position: -152px -14px;
}

.process li i.icon-win03 {
    background-position: -290px -14px;
}

.process li i.icon-win04 {
    background-position: -427px -14px;
}

.process li span {
    display: inline-block;
    padding-top: 10px;
    font-size: 15px;
    color: #222;
}

.process-arrow {
    background: url(../img/icon/icon05.png) no-repeat -574px -14px;
    width: 33px;
    height: 26px;
    margin: 50px 30px;
}

.icon-down {
    background: url(../img/icon/icon06.png) no-repeat;
    width: 20px;
    height: 17px;
    float: left;
    margin: 4px 6px 0px 0px;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .qj-listleft p {
        margin-top: 6px;
    }
}

/* --------------------- Mobile CSS  ------------------- */
@media (max-width: 992px) {
    .logo-win a {
        background-size: auto 35px;
        width: 450px;
        height: 35px;
    }
}

@media (max-width: 768px) {
    .logo a {
        background-size: auto 32px;
        width: 295px;
        height: 32px;
    }

    /*-------------------------------------------
             mainimg
---------------------------------------------*/
    .carousel-control .arrow-left, .carousel-control .arrow-right {
        display: none;
    }

    .carousel-fade .carousel-inner > .item > img, .header-back {
        height: 90px;
    }

    #inSlider, #inSlider .item {
        height: 160px;
    }

    #inSlider .item img {
        width: 100%;
        height: 160px;
    }

    #inSlider .carousel-caption.blank {
        top: 40px;
    }

    #inSlider .carousel-caption h1 {
        font-size: 26px;
        line-height: 26px;
    }

    #inSlider .carousel-caption p {
        font-size: 14px;
    }

    /*--------------------------------------------
--------------------------------------------*/
    .cross-list .cross01 i, .cross-list .cross02 i {
        background-size: 15px auto;
        width: 25px;
        height: 25px;
        border: 1px solid #fff;
        border-radius: 25px;
    }

    .cross-list li .cross-txt span {
        font-size: 12px;
        margin-top: 0px;
    }

    .cross-list .cross01:hover i, .cross-list .cross02:hover i {
        border: 1px solid #3779fc;
        background-size: auto 15px;
    }

    #fwc li a {
        font-size: 12px;
    }

    /*-------------------------------------------
             service
---------------------------------------------*/
    .service {
        padding: 20px 0px;
    }

    h2 {
        font-size: 12px;
        margin-top: 10px;
    }

    span.navy {
        font-size: 12px;
    }

    .navy-line {
        width: 80px;
    }

    .icon-hg {
        background-size: auto 36px;
        height: 70px;
        width: 36px;
    }

    .icon-jy {
        background-size: auto 36px;
        height: 70px;
        width: 48px;
    }

    .icon-gsh {
        background-size: auto 38px;
        height: 70px;
        width: 34px;
    }

    .icon-gs {
        background-size: auto 36px;
        height: 70px;
        width: 34px;
    }

    .icon-wh {
        background-size: auto 36px;
        height: 70px;
        width: 43px;
    }

    .service li a:hover strong {
        background: url(../img/icon/icon-bg.png) no-repeat center center;
        background-size: auto 70px;
        width: 80px;
        height: 70px;
        display: inline-block;
    }

    .service li a:hover .icon-hg {
        background-size: auto 36px;
        background-position: center center;
    }

    .service li a:hover .icon-jy {
        background-size: auto 36px;
        background-position: center center;
    }

    .service li a:hover .icon-gsh {
        background-size: auto 38px;
        background-position: center center;
    }

    .service li a:hover .icon-gs {
        background-size: auto 36px;
        background-position: center center;
    }

    .service li a:hover .icon-wh {
        background-size: auto 36px;
        background-position: center center;
    }

    .service-list li a {
        display: block;
    }

    .service-list li span {
        font-size: 16px;
        font-weight: 500;
        display: block;
    }

    .service-list {
        margin-top: 0px;
    }

    .service-list li {
        margin: 20px 10px;
    }

    .service-list li span {
        font-size: 12px;
    }

    /*----------------------------------------------
information
-----------------------------------------------------*/
    .information {
        padding: 20px 0px
    }

    .information-list li {
        padding-left: 15px;
    }

    .information-list li a {
        font-size: 12px;
    }

    .information-list li span {
        font-size: 12px;
    }

    .more {
        padding-right: 15px;
        font-size: 12px;
    }

    /*---------------------------------------------
浜掑姩浜ゆ祦
----------------------------------------------*/
    .comm-list {
        padding: 15px 0px;
    }

    .comm-list li {
        margin-bottom: 10px;
    }

    .comm-list i {

        height: 35px;
        width: 35px;
        dispaly: block;
    }

    .comm-list .item01 i {
        background-size: auto 35px;
    }

    .comm-list .item02 i {
        background-size: auto 35px;
    }

    .comm-list .item03 i {
        background-size: auto 35px;
    }

    .comm-list .item04 i {
        background-size: auto 35px;;
    }

    .comm-list span {
        font-size: 12px;
        line-height: 35px;
    }

    /*----------------------------------------------------
鐑攢鍟嗗搧
--------------------------------------------------*/
    .hot-goods {
        padding: 20px 0px;
    }

    .testimonials-section .owl-controls {
        display: none;
    }

    .testimonials-section .slide-item {
        padding: 15px;
    }

    .portfolio_img img {
        width: 140px;
        height: auto;
    }

    /*----------------------------------------------
鍟嗗灞曠ず
-----------------------------------------------------*/
    .merchant-show {
        padding: 20px 0px;
    }

    .Portfolio-nav {
        margin: 15px 0px 10px 0px;
    }

    .Portfolio-nav li {
        margin: 0 5px;
    }

    .Portfolio-nav li a {
        padding: 5px 0px;
        width: 100px;
        font-size: 12px;
        margin-bottom: 5px;
    }

    .content-image-block img {
        width: 80px;
        height: auto;
    }

    .btn {
        width: 100px;
        padding: 5px 0px;
        font-size: 13px;
    }

    .btn-more {
        margin: 10px 0px 0px 0px;
    }

    /*----------------------------------------------
bottom-menu
-----------------------------------------------------*/
    .bottom-menu, .copyright {
        display: none;
    }

    /*------------------------------------------------
鏈嶅姟绐楀彛璇︾粏椤甸潰
------------------------------------------------------*/
    .banner {
        background-size: auto 140px;
        height: 140px;
    }

    .banner-txt {
        top: 20px;
    }

    .site-blank span {
        display: none;
    }

    .second-menu {
        text-align: center;
    }

    .second-menu li {
        margin: 0px 2px
    }

    .second-menu li a {
        padding: 0px 5px;
        font-size: 13px;
    }

    .info-main {
        margin: 20px 0px;
    }

    .info-main img {
        width: 60%;
    }

    .info-main h3 {
        margin: 20px 0px 20px 0px;
        font-size: 18px;
    }

    .info-main p {
        font-size: 12px;
        text-indent: 2em;
    }

    /*-----------------------------------------------------
璺ㄥ璧勮
---------------------------------------------------*/
    .consulation-list li {
        margin-bottom: 15px;
        padding-bottom: 15px;
    }

    .consulation {
        margin: 20px 0px;
    }

    .consulation-txt h4 {
        font-size: 13px;
    }

    .consulation-txt p {
        font-size: 13px;
        line-height: 20px;
    }

    .pager {
        float: none;
        text-align: center;
    }

    .pager a {
        border: 1px solid #dadada;
        color: #3779fc;
        display: inline-block;
        font-size: 12px;
        line-height: 28px;
        height: 28px;
        margin: 1px 5px;
    }

    .pager a:hover {
        background: #3779fc;
        border: 1px solid #3779fc;
        color: #fff;
    }

    .page-btn {
        width: 45px;
    }

    .page-link {
        width: 28px;
    }

    .news-info h3 {
        font-size: 18px;
    }

    .news-info small {
        font-size: 12px;
        margin: 10px 0px;
    }

    .share {
        margin: 20px 0px 20px 0px;
    }

    .jiathis_style {
        display: none;
    }

    .news-info img {
        margin-bottom: 10px;
        width: 100%;
    }

    .news-info p {
        font-size: 12px;
        line-height: 20px;
    }

    .jiathis_style_m {
        display: block;
    }

    /*--------------------------------------------------------
缁煎悎鏌ヨ
------------------------------------------------------*/
    .search-content {
        margin: 20px 0px;
    }

    .search-box, .drtitle, .search-input, .drli, .search-info td, .submenu a, .accordion .link, .submenu {
        font-size: 12px;
    }

    .drtitle {
        border-right: 0;
        border-bottom: 1px solid #ddd;
    }

    .drul {
        margin: 0px;
    }

    .drli {
        margin: 0px 10px 0px 0px;
    }

    .search-input {
        width: 280px;
    }

    .btnSearch {
        width: 60px;
        font-size: 12px;
    }

    .btnSearch:hover {
        background: #2fa6fa;
    }

    /*-----------------------------------------------------
鍗曚竴绐楀彛
-------------------------------------------------------*/
    .logo-win {
        margin-top: 10px;
    }

    .logo-win a {
        background-size: auto 25px;
        width: 320px;
        height: 25px;
    }

    .windows-content {
        margin: 0px 0px 10px 0px;
    }

    .nav.my-tabs > li > a {
        font-size: 15px;
        padding: 0px 10px;
    }

    .function-list, .object-list {
        margin: 20px 0px;
    }

    .function-list li i, .object-list li i {
        background: url(../img/icon/icon-win.png) no-repeat;
        background-size: 300px auto;
    }

    .function-list li i {
        width: 71px;
        height: 71px;
    }

    .object-list li i {
        width: 74px;
        height: 74px;
    }

    .function-list li span, .object-list li span {
        font-size: 13px;
        margin: 6px 0px 10px 0px;
    }

    .function-list li .function01 {
        background-position: -72px -1px;
    }

    .function-list li .function02 {
        background-position: -142px -1px;
    }

    .function-list li .function03 {
        background-position: -213px -1px;
    }

    .function-list li .function04 {
        background-position: -73px -73px;
    }

    .function-list li .function05 {
        background-position: -144px -73px;
    }

    .function-list li .function06 {
        background-position: -215px -72px;
    }

    .object-list li .object01 {
        background-position: -1px -148px;
    }

    .object-list li .object02 {
        background-position: -75px -147px;
    }

    .object-list li .object03 {
        background-position: -150px -147px;
    }

    .object-list li .object04 {
        background-position: -225px -148px;
    }

    /*-----------------------------------------------
鑱旂郴鎴戜滑
------------------------------------------------------*/
    .communication-content {
        padding: 30px 0px 0px 0px;
    }

    .communication-content dl dt {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .communication-content dl dd, .communication-content dl dd span {
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 6px;
    }

    .communication-content dl dd span {
        padding-left: 30px;
    }

    .communication-content dl i.icon-q {
        margin-top: 2px;
    }

    .communication-content dl i.icon-a {
        margin-top: 2px;
    }

    .communication-nav {
        padding: 0;
        margin: 0px 0px 20px 0px;
    }

    .communication-nav li {
        margin: 0 6px;
    }

    .communication-nav li a {
        padding: 6px 0px;
        width: 80px;
        font-size: 12px;
    }

    .communication-bg {
        padding: 10px 0px 30px 0px;
    }

    .suggestion {
        padding: 30px 0px;
    }

    .expert {
        padding: 30px 0px;
    }

    .expert-box {
        padding: 20px 10px;
    }

    .expert li img {
        width: 80px;
    }

    .expert li span {
        font-size: 12px;
    }

    .expert li p {
        font-size: 12px;
        line-height: 18px;
    }

    .download {
        padding: 30px 0px;
    }

    .download-list li a {
        font-size: 12px;
    }
}

@media (max-width: 1280px) {
}

@media (max-width: 1024px) {
    .function-list li {
        margin: 10px 8px;
    }

    .object-list li {
        margin: 10px 30px;
    }
}

h3.title-tab {
    background: url(../img/tab.png) no-repeat;
    width: 183px;
    height: 30px;
    color: #fff;
    font-size: 15px;
    font-weight: normal;
    padding: 5px 0px 0px 30px;
}

.search-list li {
    float: left;
    display: block;
    width: 320px;
    margin: 10px 30px;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
}

.search-list li .img {
    width: 320px;
    height: 160px;
    overflow: hidden;
}

.search-list li img {
    transition: all 0.4s ease 0s;
    overflow: hidden;
}

.search-list li span {
    font-size: 16px;
    padding: 20px 0px;
    display: block;
    float: left;
    color: #000;
}

.search-list li i {
    background: url(../img/icon-arrow.png) no-repeat;
    width: 17px;
    height: 7px;
    display: block;
    float: right;
    margin-top: 30px;
}

.search-list li:hover {
    border-bottom: 1px solid #ffa801;
}

.search-list li:hover img {
    transform: scale(1.2, 1.2);
}

.search-list li:hover span {
    color: #ffa801;
}

.search-list li:hover i {
    background: url(../img/icon-arrow-hover.png) no-repeat;
}

.img-entry {
    margin: 0px !important
}

.img-entry img {
    width: 100%;
    max-height: 387px;
}

.img-entry01 {
    padding: 0px !important;
}

.img-entry02 {
    padding: 0px !important;
}