@charset "utf-8";
body {
    font: 12px/1.5 "Microsoft YaHei",tahoma,arial,'Hiragino Sans GB',\5b8b\4f53,sans-serif;
    color: #333;
}
a{
    color:#333
}
img{
    max-width: 100%;
    vertical-align: top;
}
#header{
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    height: 127px;
    z-index: 109;
    background-color: #fff;
}
#header .site-toper{
    position: relative;
    height: 46px;
    line-height: 46px;
    background-color: #232527;
    color: #a8a8a8;
}
#header,
#header .site-toper{
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; 
}
#header .site-toper a{
    color: #a8a8a8    
}
#header .site-toper .left{
    float: left;
}
#header .site-toper .right{
    position: absolute;
    top: 0;
    right: 0;
    height: 46px;
    border-left: 1px #313335 solid;
}
#header .site-toper .right > ul > li{
    position: relative;
    float: left;
    border-right: 1px #313335 solid;
    padding: 0 14px;
}
#header .site-toper .right > ul > li:hover span{
    color: #999
}
#header .logo{
    float: left;
}
#header .logo a{
    float: left;
    height: 0;
    width: 210px;
    padding-top: 80px;
    background: url(../images/logo.jpg) no-repeat 0 center;
    overflow: hidden;
}
#fixed-banner-layui{position: relative;}
#fixed-banner .layui-carousel-ind{
    bottom: 45px;
    position: absolute !important;
    height:40px;
    top:auto;
}
#fixed-banner{
    padding-top: 127px;
    z-index: 0;
}
#fixed-banner .module-media-container{
    overflow: hidden;
    position: relative;
    z-index: 0;
    height: 480px;
}
.site-index #fixed-banner .module-media-container,
.site-index #fixed-banner .module-media
{
    height: 600px;
}
#fixed-banner .module-media{
    position: fixed;
    top: 127px;
    left: 0;
    width: 100%;
    height: 480px;
    backface-visibility:hidden;
    background-repeat: no-repeat;
    background-position: center 0;
}
#header.isFixed{
    height: 80px;
    -webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);
    box-shadow:0 6px 12px rgba(0,0,0,.175);
}
#header.isFixed .site-toper{
    margin-top: -46px;
}
#fixed-banner,
#fixed-banner .module-media
{
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#fixed-banner.isFixed{
    padding-top: 80px;
}
#fixed-banner.isFixed .module-media{
    top: 80px;
}
#fixed-banner .layui-carousel>[carousel-item]>.layui-this{
    opacity: 1 !important;
}
#search-bg{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 109;
    background-color: rgba(0,0,0,0.8);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    display: none;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#search-form{
    display: none;
    opacity: 0;
    position: fixed;
    width: 50%;
    top: 169px;
    left: 50%;
    margin-left: -25%;
    height: 68px;
    border: 1px solid #535353;
    z-index: 110;
    -webkit-transition: all 0.3s ease 0.1s;
    -o-transition: all 0.3s ease 0.1s;
    transition: all 0.3s ease 0.1s;
}
#search-form input.text{
    float: left;
    border: 0;
    background: none;
    font-size: 24px;
    color:#a7a7a7;
    height: 37px;
    line-height: 36px;
    padding: 16px 2% 15px;
    width: 80%;
}
#search-form input.btn{
    float: right;
    border: 0;
    width: 7%;
    margin-right: 1%;
    height: 68px;
    background: url(../images/iocn/ico_115.png) no-repeat center;
    -webkit-background-size: 50% auto;
    background-size: 50% auto;
    min-width: 40px;
    cursor: pointer;
}
#search-form .close{
    display: block;
    width: 37px;
    height: 37px;
    background: url(../images/iocn/ico_116.png) no-repeat center;
    position: fixed;
    right: 3%;
    top: 70px;
    color-profile: 
    z-index: 110;
    cursor: pointer;
}

/**
 * 首页
 */
.site-index{
    position: relative;
    z-index: 9;
    background-color: #fff;
}
.site-about,
.site-jishu,
.site-page,
.site-job
{
    position: relative;
    z-index: 9;
    background-color: #fff;
}
.site-index .layer-1{
    position: relative;
}
.site-index .layer-1 .layui-tab{
    position: relative;
    margin: 0;
}
.site-index .layer-1 .layui-tab .layui-tab-title{
    height: 80px;
    border-bottom: 0;
}
.site-index .layer-1 .layui-tab .layui-tab-title li{
    width: 16.666666666666666666666666666666666666666666666666666%;
    height: 80px;
    line-height: 80px;
    color: #555;
    font-size: 18px;
    padding: 0;
}
.site-index .layer-1 .layui-tab .layui-tab-title li.layui-this{
    color: #fff;
    background-color: #1d7db4;
}
.site-index .layer-1 .layui-tab .layui-tab-title li.layui-this:after{
    display: none;
}
.site-index .layer-1 .layui-tab .layui-tab-title li.layui-this:before{
    position: absolute;
    bottom: -2px;
    left: 50%;
    width: 15px;
    height: 8px;
    margin-left: -8px;
    background: url(../images/iocn/icon4.png) no-repeat 0 0;
    content: ' ';
}
.site-index .layer-1 .layui-tab .layui-tab-content,
.site-index .layer-1 .background{
    height: 490px;
}
.site-index .layer-1 .background{
    background-color: #f4f4f4;
    position: absolute;
    top: 80px;
    left: 0;
    right: 0;
}
.site-index .layer-1 .layui-tab .layui-tab-content{
    position: relative;
    z-index: 9;
    padding: 0;
    margin-top: 50px;
}
.site-index .layer-1 .layui-tab-content .item{
    height: 360px;
    background-color: #fff;
}
.site-index .layer-1 .layui-tab-content .item .image{
    height: 65% !important;
}
.site-index .layer-1 .layui-tab-content .item .image a{
    display: block;
    height: 100%;
}
.site-index .layer-1 .layui-tab-content .layui-carousel .item a{
    display: block;
    height: 100%;
    text-align: center;
    background-color: #fff;
}
.site-index .layer-1 .layui-tab-content .layui-carousel .item .image{
    height: 100%;
}
.site-index .layer-1 .layui-carousel-ind{
    width: 95%;
    text-align: right;
}
.site-index .layer-1 .layui-tab-content .item .image i{
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
.site-index .layer-1 .layui-tab-content .item .image img{
    display: inline-block;
    vertical-align: middle;
}

.site-index .layer-1 .layui-tab-content .item .name{
    margin-top: 25px;
    padding: 0 20px;
    font-size: 16px;
    color: #454545
}
.site-index .layer-1 .layui-tab-content .item .des{
    margin-top: 5px;
    padding: 0 20px;
    color: #999;
    font-size: 14px;
}
.site-index .layer-1 .layui-xs-show .swiper-container{
    padding-bottom: 50px;
}


.site-index .layer-2 .layui-tab .layui-tab-title{
    border-bottom: 0;
    height: 80px;
}
.site-index .layer-2 .layui-tab .layui-tab-title li.layui-this:after{
    display: none;
}
.site-index .layer-2 .layui-tab .layui-tab-title li.layui-this{
    border-bottom-color: #1d7db4;
    color: #1d7db4
}
.site-index .layer-2 .layui-tab .layui-tab-title li{
    width: 20%;
    padding: 0;
    font-size: 18px;
    color: #555;
    cursor: pointer;
    height: 76px;
    line-height: 76px;
    border-bottom: 4px #dbdbdb solid;
}
.site-index .layer-2 .layui-tab .layui-tab-title li:hover{
    color: #1d7db4;
}
.site-index .layer-2 .layui-tab .layui-tab-content{
    padding: 0;
    padding-top: 48px;
}
.site-index .layer-2 .layui-tab .layui-tab-content .item{
    height: 360px;
}
.site-index .layer-2 .layui-tab-content .text{
    padding: 0 60px;
}
.site-index .layer-2 .layui-tab-content .text .title{
    position: relative;
    font-size: 30px;
    color: #333;
    height: 70px;
    line-height: 70px;
    padding-top: 45px;
    padding-bottom: 2px;
    margin-bottom: 10px;
}
.site-index .layer-2 .layui-tab-content .text .title:after{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 2em;
    height: 2px;
    content: ' ';
    background-color: #1d7db4;
}
.site-index .layer-2 .layui-tab-content .text .des{
    color: #666;
    font-size: 14px;
    line-height: 28px;
    padding-bottom: 20px;
}
.site-index .layer-3{
    height: 500px;
    padding-top: 30px;
    background-color: #f8f8f8;    
}
.site-index .layer-3 .header{
    position: relative;
    height: 68px;
    line-height: 68px;
    text-align: center;
    font-size: 30px;
    color: #333;
    margin-bottom: 32px;
}
.site-index .layer-3 .header:after{
    position: absolute;
    width: 1em;
    height: 2px;
    left: 50%;
    margin-left: -0.5em;
    bottom: 0;
    background-color: #1d7db4;
    content: ' '
}
.site-index .layer-4 .video,
.site-about .layer-4 .video
{
    position: relative;
    height: 500px;
    background: url(../images/tp4-1.jpg) no-repeat center;
}
.site-index .layer-4 .video .play,
.site-about .layer-4 .video .play
{
    position: absolute;
    top: 160px;
    left: 50%;
    margin-left: -3em;
    font-size: 36px;
    width: 6em;
    padding-top: 110px;
    background: url(../images/iocn/play.png) no-repeat center 0;
    color: #fff;
    cursor: pointer;
}
.site-index .layer-5{
    height: 270px;
}
.site-index .layer-5 .list{
    padding-top: 56px;
    text-align: center;
    overflow: hidden;
}
.site-index .layer-5 .list .icon{
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 120px;
    height: 120px;
    background-color: #f2f2f2;
    border-radius: 60px;
    -webkit-transition: background 0.4s;
    -o-transition: background 0.4s;
    transition: background 0.4s;
}
.site-index .layer-5 .item:hover .icon{
    background-color: #1d7db4;
}
.site-index .layer-5 .list .icon:after{
    position: absolute;
    width: 48px;
    height: 48px;
    left: 50%;
    top: 50%;
    margin-top: -24px;
    margin-left: -24px;
    content: ' ';
}
.site-index .layer-5 .item1 .icon:after{
    background: url(../images/iocn/b1.png) no-repeat center;
}
.site-index .layer-5 .item2 .icon:after{
    background: url(../images/iocn/b2.png) no-repeat center;
}
.site-index .layer-5 .item3 .icon:after{
    background: url(../images/iocn/b3.png) no-repeat center;
}
.site-index .layer-5 .item4 .icon:after{
    background: url(../images/iocn/b4.png) no-repeat center;
}
.site-index .layer-5 .item5 .icon:after{
    background: url(../images/iocn/b5.png) no-repeat center;
}
.site-index .layer-5 .item6 .icon:after{
    background: url(../images/iocn/b6.png) no-repeat center;
}

.site-index .layer-5 .item1:hover .icon:after{
    background: url(../images/iocn/b1a.png) no-repeat center;
}
.site-index .layer-5 .item2:hover .icon:after{
    background: url(../images/iocn/b2a.png) no-repeat center;
}
.site-index .layer-5 .item3:hover .icon:after{
    background: url(../images/iocn/b3a.png) no-repeat center;
}
.site-index .layer-5 .item4:hover .icon:after{
    background: url(../images/iocn/b4a.png) no-repeat center;
}
.site-index .layer-5 .item5:hover .icon:after{
    background: url(../images/iocn/b5a.png) no-repeat center;
}
.site-index .layer-5 .item6:hover .icon:after{
    background: url(../images/iocn/b6a.png) no-repeat center;
}

.site-index .layer-5 .item .name{
    display: block;
    padding-top: 18px;
    font-size: 18px;
    color: #666;
}

#arale-carousel {
    position: relative;
    width: 100%;
}
#arale-carousel .container{
    width: 100%;
    overflow: hidden;
}
#arale-carousel .ui-switchable-prev-btn, #arale-carousel .ui-switchable-next-btn {
    position: absolute;
    width: 20px;
    height: 37px;
    top: 40%;
    margin-top: -18px;
    cursor: pointer;
}
#arale-carousel .ui-switchable-prev-btn {
    left: -30px;
    background: url(../images/iocn/icon5.png) no-repeat center;
    
}
#arale-carousel .ui-switchable-prev-btn:hover{
    background: url(../images/iocn/icon5a.png) no-repeat center;
}
#arale-carousel .ui-switchable-next-btn {
    right: -30px;
    background: url(../images/iocn/icon6.png) no-repeat center;
}
#arale-carousel .ui-switchable-next-btn:hover{
    background: url(../images/iocn/icon6a.png) no-repeat center;
}
#arale-carousel .ui-switchable-disabled-btn {
    cursor: default;
}

#footer{
    position: relative;
    z-index: 9;
    background-color: #232527;
}
#footer .goTop{
    position: absolute;
    top: 0;
    right: -68px;
    z-index: 99;
    cursor: pointer;
}
#footer .list{
    padding-top: 40px;
}
#footer .list .item{
    float: left;
    padding-right: 65px;
}
#footer .list .item:last-child{
    padding-right: 0;
}
#footer .list .item dl dt{
    position: relative;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    padding-bottom: 2px;
    color: #fff;
    margin-bottom: 8px;
}
#footer .list .item dl dt:after{
    position: absolute;
    width: 2em;
    height: 2px;
    left: 0;
    bottom: 0;
    background: #838383;
    content: ' ';
}
#footer .list .item dl dd{
    height: 32px;
    line-height: 32px;
}
#footer .list .item dl dd a{
    font-size: 14px;
    color: #a3a3a3;
}
#footer .tools{
    padding-top: 40px;
}
#footer .tools .item{
    float: right;
    padding-left: 16px;
}
#footer .tools .item .title{
    height: 42px;
    line-height: 42px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    margin-bottom: 6px;
}
#footer .tools .links{
    padding-top: 20px;
    width: 258px;
    float: right;
    position: relative;
}
#footer .tools .dropdown-button{
    display: block;
    padding-left: 10px;
    height: 38px;
    line-height: 38px;
    color: #a3a3a3;
    border: 1px #37393b solid;
    background: url(../images/iocn/icon3a.png) no-repeat 230px center;
} 
#footer .copy-text{
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 1px #2e3032 solid;
    margin-top: 20px;
    font-size: 14px;
    color: #707070;
    overflow: hidden;
}
#footer .copy-text a{
    color: #707070;
}
#footer .copy-text .left{
    float: left;
}
#footer .copy-text .right{
    float: right;
    display: flex;
    align-items: center;
}
#footer .copy-text .links{
    padding-bottom: 5px;
}
#footer .copy-text .links a{
    display: inline-block;
    padding: 0 12px;
    background: url(../images/iocn/line1.png) no-repeat right center;
}
#footer .copy-text .links a:last-child{
    padding-right: 0;
    background: none;
}
#footer .copy-text .links a:first-child{
    padding-left: 0;
}


#footer .main{
    padding-top: 36px;
    overflow: hidden;
}
#footer .main .header{
    position: relative;
    height: 45px;
    line-height: 46px;
    font-size: 16px;
    color: #fff;
    overflow: hidden;
}
#footer .main .header:before{
    position: absolute;
    width: 2em;
    left: 0;
    bottom: 0;
    height: 1px;
    background-color: #838383;
    content: ' ';    
}
#footer .main .qr-list{
    display: -moz-box; 
    display: -webkit-box; 
    display: box;
    padding-top: 15px;
}
#footer .main .qr-list li{
    -moz-box-flex: 1; 
    -webkit-box-flex: 1; 
    box-flex: 1;
    padding-right: 16px;
}
#footer .main .qr-list li .image{
    text-align: center;
}
#footer .main .qr-list li .name{
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #a3a3a3;
    font-size: 14px;
    overflow: hidden;
}
#footer .main .contact-note{
    /*padding-left: 20px;*/
}
#footer .main .contact-note ul{
    padding-top: 15px;
}
#footer .main .contact-note ul li{
    font-size: 14px;
    color: #a3a3a3;
    line-height: 32px;
}


#content{
    position: relative;
    z-index: 9;
    background-color: #f4f4f4;
    min-height: 500px;
    padding-bottom: 65px;
}

/**
 * 内页
 */
.site-about .layer-1{
    padding: 75px 0;
    background-color: #f4f4f4;
    overflow: hidden;
}
.site-about .layer-1 .article{
    font-size: 15px;
    color: #555;
    line-height: 28px;
}
.site-about .layer-1 .article p{
    padding-bottom: 22px;
}
.site-about .layer-2{
    padding-bottom: 15px;
}
.site-about .layer-2 .header{
    padding-top: 78px;
    padding-bottom: 22px;
}
.site-about .layer-2 .header .ui-more{
    float: right;
}
.site-about .layer-2 .ui-list-01 li,
#content .ui-list-01 li
{
    height: 387px;
}
.site-about .layer-6{
    background-color: #f4f4f4;
    padding-bottom: 80px;
}
.site-about .layer-6 .header{
    padding-top: 75px;
    padding-bottom: 30px;
}
.site-about .layer-6 .header .ui-more{
    float: right;
}
.site-about .layer-6 .list{
    padding: 26px 40px;
    overflow: hidden;
}
.site-about .layer-6 .list li{
    float: left;
    width: 44%;
    height: 52px;
    line-height: 52px;
    border-bottom: 1px #dbdbdb solid;
}
.site-about .layer-6 .list li:nth-child(odd){
    margin-right: 50px;
}
.site-about .layer-6 .list{
    background-color: #fff;
}
.site-about .layer-6 .list li a{
    display: block;
    font-size: 15px;
	text-overflow:ellipsis; white-space:nowrap; overflow:hidden;
}
.site-about .layer-6 .list li a:hover{
    color: #0874a5;
}

.site-about .layer-7{
    background-color: #fff;
    padding-bottom: 80px;
}
.site-about .layer-7 .list{
    background-color: #f4f4f4;
}

.site-about .layer-8{
    background-color: #f4f4f4;
    padding-bottom: 40px;
}
.site-about .layer-8 .header .ui-more{
    float: right;
}
.site-about .layer-8 .header{
    padding-top: 75px;
    padding-bottom: 30px;
}
.site-about .layer-8 .list{
    overflow: hidden;
}
.site-about .layer-8 .list li{
    float: left;
    width: 31%;
    height: 240px;
    margin-right: 3%;
    margin-bottom: 38px;
}
.site-about .layer-8 .list li:nth-child(3n + 0){
    margin-right: 0;
}

.site-about .layer-8 .list a{
    display: block;
    position: relative;
    overflow: hidden;
}
.site-about .layer-8 .list .name{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    background-color: rgba(0,0,0,0.6);
}
.site-about .layer-8 .list li:hover .name{
    background-color: rgba(8,116,165,0.8);
}
.site-about .layer-9 .ui-list-line li{
    float: left;
    height: 70px;
    width: 49%;
    margin-right: 2%;
    background-color: #fff;
    margin-bottom: 20px;
    overflow: hidden;
}
.site-about .layer-9 .ui-list-line li:nth-child(2n + 0){
    margin-right: 0;
}
.site-about .layer-9 .ui-list-line li a{
    float: left;
    width: 70%;
    height: 70px;
    line-height: 70px;
    margin-left: 30px;
    font-size: 16px;
}
.site-about .layer-9 .ui-list-line li a:hover{
    color: #0874a5;
}
.site-about .layer-9 .ui-list-line li span{
    float: right;
    height: 70px;
    line-height: 70px;
    margin-right: 30px;
    font-size: 16px;
}
.site-about .layer-10{
    background-color: #fff;
    padding-bottom: 40px;
}
.site-about .layer-10 .article{
    font-size: 15px;
    line-height: 28px;
}


.site-about .layer-3{
    padding: 90px 0;
}
.site-about .layer-3 .des{
    height: 508px;
    background-color: #1d7db4;
}
.site-about .layer-3 .des .image,
.site-about .layer-3 .des .text
{
    padding-left: 68px;
}
.site-about .layer-3 .des .image{
    padding-top: 64px;
}
.site-about .layer-3 .des .text{
    padding-top: 10px;
    line-height: 40px;
    color: #fff;
    font-size: 15px;
}
.site-about .layer-5{
    padding: 90px 0;
}
.site-about .layer-5 .layui-col-md4,
.site-about .layer-5 .layui-col-md8{
    height: 330px;
    position: relative;
}
.site-about .layer-5 .layui-col-md4 .ui-more{
    position: absolute;
    bottom: 0;
}
.site-article .article{
    font-size: 14px;
}
.site-article .article .header{
    font-size: 28px;
    line-height: 2;
}
.site-article .article .info{
    width: 100%;
    color: #888;
    border-bottom: 1px #eee solid;
    margin-bottom: 18px;
}
.site-article .article .info td{
    padding-bottom: 20px;
}
.site-article .article .article-content{
    font-size: 16px;
    color: #444;
    line-height: 28px;
    border-bottom: 1px #eee solid;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.site-article .article .article-content p{
    padding-bottom: 25px;
}
.site-article .article .relate{
    color: #555;
    overflow: hidden;
}
.site-article .article .relate a{
    color: #555;
}
.site-article .article .relate strong{
    color: #1d7db4;
}
.site-article .article .relate .back{
    float: right;
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #1d7db4;
    color: #fff;
    font-size: 16px;
}
.site-product .layui-col-md8 .container,
.site-product .layui-col-md4 .container{
    background-color: #fff;
}
.site-product .layui-col-md8 .image{
    padding: 20px;
    text-align: center;
}
.site-product .info{
    padding: 25px;
    border-bottom: 30px #f4f4f4 solid;
}
.site-product .info .title{
    position: relative;
    font-size: 24px;
    color: #444;
    padding-bottom: 8px;
    margin-bottom: 8px;
}
.site-product .info .title:after{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 1em;
    height: 3px;
    background-color: #1d7db4;
    content: ' ';
}
.site-product .info .subTitle{
    font-size: 14px;
    color: #888;
    line-height: 24px;
    max-height: 48px;
    padding-bottom: 10px;
    overflow: hidden;
}
.site-product .info ul li{
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    color: #666;
    border-top: 1px #ebebeb solid;
    border-bottom: 1px #ebebeb solid;
    margin-top: -1px;
}
.site-product .info .goShop{
    display: block;
    margin-top: 20px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    background-color: #1d7db4;
}
.site-product .info .goShop span{
    display: inline-block;
    padding-left: 30px;
    background: url(../images/iocn/cat.png) no-repeat 0 center;
}
.site-product .relate{
    padding: 25px 30px;
}
.site-product .relate .title{
    position: relative;
    font-size: 24px;
    color: #444;
    padding-bottom: 8px;
    margin-bottom: 15px;
}
.site-product .relate .title:after{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 1em;
    height: 3px;
    background-color: #1d7db4;
    content: ' ';
}
#content.site-solve{
    padding-bottom: 0;
}
.site-solve .article-content{
    padding: 40px 0 60px 0;
}
.site-solve .article-content .subTitle{
    position: relative;
    font-size: 48px;
    color: #0874a5;
    font-weight: bold;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    text-transform: uppercase;
    padding-bottom: 5px;
}
.site-solve .article-content .subTitle:after{
    position: absolute;
    width: 0.7em;
    height: 3px;
    bottom: 0;
    left: 0;
    background-color: #d94040;
    content: ' ';
}
.site-solve .article-content .title{
    font-size: 36px;
    line-height: 1.8;
    padding-bottom: 20px;
}
.site-solve .article-content p{
    line-height: 30px;
    font-size: 16px;
    padding-bottom: 25px;
}
.site-solve .relate{
    position: relative;
    background-color: #eee;
    padding-bottom: 40px;
    overflow: hidden;
}
.site-solve .relate .swiper-container{
    padding-bottom: 65px;
}
.site-solve .relate .header{
    position: relative;
    text-align: center;
    font-size: 36px;
    color: #444;
    padding-top: 60px;
    padding-bottom: 18px;
    margin-bottom: 30px;
}
.site-solve .relate .header:after{
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 2em;
    margin-left: -1em;
    height: 3px;
    background-color: #d94040;
    content: ' ';
}
.site-jishu .layer-1{
    padding-top: 90px;
    padding-bottom: 110px;
    background-color: #f4f4f4;
    overflow: hidden;
}
.site-jishu .layer-1 .ui-form-01{
    padding-left: 18%;
}
.site-jishu .layer-2{
    height: 760px;
    background: url(../images/atp2.jpg) no-repeat center 0;
}
.site-jishu .layer-2 .ui-form-01{
    width: 370px;
    padding-top: 110px;
}
.site-jishu .layer-2 .ui-form-01 .form-enTitle,
.site-jishu .layer-2 .ui-form-01 .form-cnTitle,
.site-jishu .layer-2 .ui-form-01 .form-des{
    color: #fff;
}
.site-jishu .layer-2 .ui-form-01 .form-button .btn1{
    width: 90%;
}
.site-jishu .layer-3{
    background: #fff;
}
.site-jishu .layer-4{
    background-color: #f4f4f4;
    padding: 90px 0;
    overflow: hidden;
}
.site-jishu .layer-4 .header{
    position: relative;
    padding-bottom: 8px;
    font-size: 48px;
    margin-bottom: 42px;
}
.site-jishu .layer-4 .header:after{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0.75em;
    height: 3px;
    background: #d94040;
    content: ' ';
}
.site-jishu .layer-4 .header span{
    display: inline-block;
    vertical-align: middle;
}
.site-jishu .layer-4 .header .en{
    font-size: 48px;
    color: #0874a5;
    font-weight: bold;
    text-transform: uppercase;
    padding-right: 14px;
}
.site-jishu .layer-4 .header .cn{
    font-size: 36px;
}
.site-jishu .layer-5{
    background: url(../images/atp4.jpg) no-repeat center 0;
    height: 680px;
}
.site-jishu .layer-5 .ui-form-01{
    width: 660px;
}
.site-jishu .layer-5 .ui-form-01 .table,
.site-jishu .layer-5 .ui-form-01 .form-button .btn1
{
    width: 100%;
}
.site-jishu .layer-6{
    padding: 90px 0;
}
.site-jishu .layer-6 .content{
    color: #444;
    font-size: 16px;
    line-height: 30px;
}
.site-jishu .layer-6 .content h3{
    color: #0874a5;
    font-size: 16px;
}
.site-jishu .layer-6 .content .note{
    color: #d31f1f;
}
.site-jishu .layer-7{
    background: url(../images/banner_js.jpg) no-repeat center 0;
    -webkit-background-size: cover;
    background-size: cover;
    height: 650px;
}
.site-jishu .layer-7 .item{
    position: relative;
    height: 315px;
    padding-top: 45px;
    padding-left: 45px;
    margin-top: 142px;
    background-color: #fff;
}
.site-jishu .layer-7 .item:first-child{
    margin-right: 30px;
}
.site-jishu .layer-7 .item:last-child{
    margin-left: 30px;
}
.site-jishu .layer-7 .item .button{
    position: absolute;
    left: 45px;
    bottom: 45px;
    width: 210px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    background-color: #1d7db4;
}
.site-jishu .layer-7 .item .qr{
    position: absolute;
    width: 200px;
    height: 200px;
    right: 45px;
    bottom: 45px;
    text-align: right;
}
.site-jishu .layer-7 .item .qr img{
    vertical-align: bottom;
    display: inline-block;
}
.site-jishu .layer-7 .item .qr:before{
    display: inline-block;
    height: 200px;
    content: ' ';
}




.site-page{
    background-color: #f4f4f4;
    padding-top: 70px;
    padding-bottom: 80px;
    min-height: 500px;
}
.site-page .article{
    color: #444;
    line-height: 30px;
    font-size: 16px;
    padding-top: 20px;
}
.site-page .article p{
    padding-bottom: 20px;
}
.site-job{
    padding-top: 70px;
    padding-bottom: 100px;
    background-color: #f4f4f4;
    overflow: hidden;
}
.ui-list-job{
    margin-top: 10px;
    background: #fff;
    overflow: hidden;
}
.ui-list-job li{
    border-bottom: 1px #f4f4f4 solid;
    overflow: hidden;
}
.ui-list-job li .th{
    height: 60px;
    background: url(../images/iocn/icon8.jpg) no-repeat 98% center;
    overflow: hidden;
    cursor: pointer;
}
.ui-list-job li .th .name{
    float: left;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    color: #444;
    padding-left: 20px;
}
.ui-list-job li .th .date{
    float: right;
    font-size: 16px;
    color: #888;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    height: 60px;
    line-height: 60px;
    padding-right: 100px;
}
.ui-list-job li .body{
    margin: 0 20px;
    padding: 10px 0 20px 0;
    line-height: 30px;
    font-size: 14px;
    display: none;
}
.ui-list-job li .body .table{
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px #eee solid;
}
.ui-list-job li.active .th{
    background-color: #1d7db4;
}
.ui-list-job li.active .th span{
    color: #fff;
}
.ui-list-job li.active .th{
    background-image: url(../images/iocn/icon8a.png);
}




/** 
 * 通用UI
 */
.dropdown-button{
    padding-right: 16px;
    background: url(../images/iocn/icon3.png) no-repeat right center;
    cursor: pointer;
}
.dropdown-list{
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 100;
    float: left;
    min-width: 100%;
    padding: 5px 0;
    margin: 2px 0 0;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);
    box-shadow:0 6px 12px rgba(0,0,0,.175);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.dropdown-list li{
    padding: 0 10px;
    height: 28px;
    line-height: 28px;
}
.dropdown-list li a{
    display: block;
    white-space: nowrap;
}
.dropdown-list li a:hover{
    color: #1e7cb0
}

.ui-more{
    width: 118px;
    height: 38px;
    line-height: 38px;
    border: 1px #dbdbdb solid;
    text-align: center;
}
.ui-more a{
    color: #888;
    font-size: 14px;
}

.location{
    position: relative;
    z-index: 9;
    background-color: #fff;
    height: 80px;
    overflow: hidden;
}
.location ul{
}
.location li{
    float: left;
    height: 77px;
    margin-right: 20px;
    border-bottom: 3px #fff solid;
}
.location li.active
{
    border-color: #1d7db4;
}
.location li.active a,
.location li:hover a
{
    color: #1d7db4
}
.location li a{
    display: block;
    height: 77px;
    line-height: 80px;
    color: #555;
    font-size: 15px;
    padding: 0 20px;
}

.ui-list-01 .item .image{
    position: relative;
    height: 235px;
    overflow: hidden;
}
.ui-list-01 .item .image .date{
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 76px;
    height: 70px;
    color: #fff;
    background-color: #1d7db4;
}
.ui-list-01 .item .image .date .mouth{
    display: block;
    padding-top: 14px;
    padding-left: 10px;
    font-size: 20px;
    line-height: 1.1;
    white-space: nowrap;
}
.ui-list-01 .item .image .date .year{
    padding-left: 10px;
    font-size: 16px;
}
.ui-list-01 .item .title{
    height: 38px;
    line-height: 38px;
    margin-top: 14px;
    margin-bottom: 3px;
}
.ui-list-01 .item .title a{
    display: block;
    font-size: 18px;
}
.ui-list-01 .item .title a:hover{
    color: #1d7db4
}
.ui-list-01 .item .des{
    font-size: 14px;
    color: #666;
    line-height: 24px;
    max-height: 48px;
    overflow: hidden;
}
.ui-list-02 li{
    position: relative;
    float: left;
    height: 330px;
    background-color: #f4f4f4;
}
.ui-list-02 li div{
    padding: 0 10px 0 20px;
}
.ui-list-02 li .image{
    padding: 0;
    height: 50%;
    overflow: hidden;
}
.ui-list-02 li a:hover{
    color: #0874a5;
}
.ui-list-02 li .title{
    padding-top: 20px;
    padding-bottom: 10px;
    font-size: 18px;
    line-height: 30px;


}
.ui-list-02 li .title a{
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.ui-list-02 li .date{
    color: #888;
    font-size: 14px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    padding-bottom: 15px;
}
.ui-list-02 li .more a{
    font-size: 14px;
    color: #0874a5;
}
.ui-list-02 .item2 .image{
    position: absolute;
    left: 0;
    bottom: 0;
}
.ui-list-03 li{
}
.ui-list-03 li .image{
    overflow: hidden;
}
.ui-list-03 li .name{
    position: relative;
    height: 70px;
    line-height: 70px;
    text-align: center;
    color: #444;
}
.ui-list-03 li .name a{
    display: block;
    color: #444;
    font-size: 20px;
    width: 90%;
    margin: 0 auto;
    text-overflow:ellipsis; white-space:nowrap; overflow:hidden;
}
.ui-list-03 li .image a{
    position: relative;
    display: block;
}
.ui-list-03 li:hover .image a:after{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(../images/iocn/view.png) rgba(17,118,175,0.9) no-repeat center;
    content: ' ';
}
.ui-list-03 li:hover .name{
    background-color: #fff;
}
.ui-list-03 li:hover .name:after{
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: #e6e6e6;
    content: ' ';
}
.ui-list-04 li{
    height: 100px;
    margin-bottom: 22px;
    background-color: #fff;
}
.ui-list-04 li > div{
    position: relative;
    height: 100%;
}
.ui-list-04 li .layui-col-md3:after,
.ui-list-04 li .layui-col-md7:after{
    position: absolute;
    width: 1px;
    height: 50px;
    top: 50%;
    right: 0;
    margin-top: -25px;
    background-color: #eee;
    content: ' ';
}
.ui-list-04 li i{
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.ui-list-04 li .name span{
    padding-left: 22px;
    display: inline-block;
    color: #0874a5;
    font-size: 20px;
    vertical-align: middle;
}
.ui-list-04 li .des span{
    padding-left: 30px;
    padding-right: 30px;
    display: inline-block;
    color: #666;
    font-size: 14px;
    vertical-align: middle;
    line-height: 24px;
}
.ui-list-04 li .button{
    text-align: center;
}
.ui-list-04 li .button a{
    display: inline-block;
    padding: 0 25px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    background-color: #1d7db4;
    vertical-align: middle;
    border-radius: 20px;
}

.ui-form-01 .form-enTitle{
    position: relative;
    font-size: 48px;
    color: #0874a5;
    font-weight: bold;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    text-transform: uppercase;
    margin-top: -10px;
    padding-bottom: 4px;
    margin-bottom: 10px;
}
.ui-form-01 .form-enTitle:after{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0.75em;
    height: 3px;
    background-color: #d94040;
    content: ' ';
}
.ui-form-01 .form-cnTitle{
    font-size: 36px;
    padding-bottom: 12px;
}
.ui-form-01 .form-des{
    font-size: 16px;
    line-height: 30px;
    padding-bottom: 35px;
}
.ui-form-01 .table{
    display: table;
    width: 90%;
    margin-bottom: 18px;
}
.ui-form-01 .form-control{
    display: table-row;
    border: 1px #e6e6e6 solid;
    background-color: #fff;
}
.ui-form-01 .form-control .label,
.ui-form-01 .form-control .input{
    display: table-cell;
}
.ui-form-01 .form-control .label{
    width: 1px;
    white-space: nowrap;
    height: 46px;
    line-height: 42px;
    padding-left: 15px;
    font-size: 15px;
    color: #555;
    padding-right: 10px;
    vertical-align: middle;
}
.ui-form-01 .form-control .label i{
    display: inline-block;
    width: 18px;
    height: 18px;
    padding-right: 10px;
    vertical-align: middle;
}
.ui-form-01 .form-control .label i.user{
    background: url(../images/iocn/c1.jpg) no-repeat 0 center;
}
.ui-form-01 .form-control .label i.phone{
    background: url(../images/iocn/c2.jpg) no-repeat 0 center;
}
.ui-form-01 .form-control .label i.email{
    background: url(../images/iocn/c3.jpg) no-repeat 0 center;
}
.ui-form-01 .form-control .label span{
    display: inline-block;
    vertical-align: middle;
}
.ui-form-01 .form-control .input input{
    float: left;
    width: 90%;
    height: 26px;
    line-height: 26px;
    border: 0;
    font-size: 15px;
    color: #555;
    background: none;
    margin: 10px 0;
}
.ui-form-01 .form-control .textarea{
    padding: 10px 15px;
}
.ui-form-01 .form-control .textarea textarea{
    width: 100%;
    border: none;
    background: none;
    font-size: 15px;
    color: #555;
    height: 65px;
}
.ui-form-01 .form-button .btn1{
    width: 180px;
    height: 48px;
    background-color: #1d7db4;
    color: #fff;
    border: 0;
    font-size: 18px;
}
#pages { padding:14px 0 10px;font-family:宋体; text-align:right;font-size: 14px;color:#555;}
#pages a { display:inline-block; height:38px; line-height:38px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#555; padding:0 16px;}
#pages a.a1:first-child{display: none;}
#pages a.a1 { background:#fff; width:56px; padding:0 }
#pages a:hover { background:#1d7db4; color:#fff; text-decoration:none; border:1px solid #1d7db4;}
#pages span { display:inline-block; height:38px;padding:0 16px; line-height:38px; background:#1d7db4; border:1px solid #1d7db4; color:#fff; text-align:center; }

.layui-md-show,
.layui-sm-show,
.layui-xs-show
{
    display: none;
}




/**
 * swiper集合
 */
.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
#fixed-banner .swiper-container-horizontal > .swiper-pagination-bullets{
    bottom: 20px;
}
#fixed-banner .swiper-button-prev{
    left: 20px
}
#fixed-banner .swiper-button-next{
    right: 20px;
}
.swiper-pagination{
    width: 100%;
    text-align: center;
    left: 0;
    bottom: 20px;
}
.swiper-pagination .list{
    display: inline-block;
    padding: 5px;
    background-color: rgba(0,0,0,.3);
    border-radius: 10px;
}
.swiper-pagination .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    margin: 0 3px;
    font-size: 14px;
    border-radius: 50%;
    cursor: pointer;
    opacity: 0.4;
}
.swiper-pagination-white .swiper-pagination-bullet-active{
    opacity: 1;
}

/**
 * 媒体查询
 */
@media screen and (min-width: 1200px){
    .layui-container{
        width: 1180px;
    }
}

@media screen and (min-width: 992px){
    .layui-md-hidden{
        display: none;
    }
    .layui-md-show{
        display: block;
    }
    #header .main,
    #header .main .layui-container{
        position: relative;
        height: 80px;
    }
    #header .main .container{
        position: absolute;
        top: 0;
        right: 0;
        height: 80px;
    }
    #header .nav{
        float: left;
        height: 58px;
        line-height: 58px;
        margin: 11px 0
    }
    #header .nav > li{
        position: relative;
        float: left;
        padding: 0 32px;
    }
    #header .nav > li a{
        font-size: 16px;
        color: #555
    }
    #header .nav > li.active a,
    #header .nav > li a:hover{
        color: #1e7cb0
    }

    #header .nav > li .children{
        position: absolute;
        top: 98%;
        left: 28px;
        min-width: 226px;
        background-color: #fff;
        border-top: 3px #2685bb solid;
        display: none;
    }
    #header .nav > li .children li{
        height: 50px;
        border-width: 0 1px 1px 1px;
        border-color: #e5e5e5;
        border-style: solid;
    }
    #header .nav > li .children li a{
        display: block;
        padding-left: 30px;
        height: 50px;
        line-height: 50px;
        color: #666;
        font-size: 16px;
        background: url(../images/iocn/icon7.jpg) no-repeat 16px center;
    }
    #header .nav > li .children li a:hover{
        color: #1e7cb0
    }

    #header .tool{
        position: relative;
        float: left;
        height: 36px;
        padding-left: 35px;
    }
    #header .tool .QR,
    #header .tool .cn,
    #header .tool .WB,
    #header .tool .search{
        position: relative;
        float: left;
        width: 36px;
        height: 36px;
        padding-top: 22px;
        margin-left: 10px;
        display: inline;
    }
    #header .tool .icon{
        float: left;
        width: 36px;
        height: 36px;
        cursor: pointer;
    }
    #header .tool .hidden{
        display: none;
    }
    #header .tool .QR .icon{
        background: url(../images/iocn/icon1.jpg) no-repeat 0 0;
    }
    #header .tool .QR .icon:hover{
        background: url(../images/iocn/icon1a.jpg) no-repeat 0 0;
    }
    #header .tool .cn .icon{
        background: url(../images/iocn/cn1.jpg) no-repeat 0 0;
    }
    #header .tool .cn .icon:hover{
        background: url(../images/iocn/cn2.jpg) no-repeat 0 0;
    }
    #header .tool .QR .hidden{
        position: absolute;
        left: 50%;
        top: 100%;
        z-index: 100;
        margin: 12px 0 0;
        text-align: left;
        background-color: #fff;
        border: 1px solid #ccc;
        border: 1px solid rgba(0,0,0,.15);
        border-radius: 4px;
        -webkit-box-shadow:0 0 5px 1px rgba(0,0,0,.175);
        box-shadow:0 0 5px 1px rgba(0,0,0,.175);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    #header .tool .QR .hidden:after{
        position: absolute;
        width: 12px;
        height: 12px;
        top: -7px;
        left: 50%;
        margin-left: -6px;
        background-color: #fff;
        border: 1px solid #ccc;
        border: 1px solid rgba(0,0,0,.15);
        -webkit-box-shadow:0 1px 5px 1px rgba(0,0,0,.175);
        box-shadow:0 1px 5px 1px rgba(0,0,0,.175);
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        content: ' ';
    }


    #header .tool .QR .hidden img{
        max-width: none;
        padding: 2px;
        background-color: #fff;
        position: relative;
        z-index: 101;
    }

    #header .tool .search .icon{
        background: url(../images/iocn/icon2.jpg) no-repeat 0 0;
    }
    #header .tool .search .icon:hover{
        background: url(../images/iocn/icon2a.jpg) no-repeat 0 0;
    }
    #header .tool .WB .icon{
        background: url(../images/iocn/wb.png) no-repeat 0 0;
    }
    #header .tool .WB .icon:hover{
        background: url(../images/iocn/wb2a.png) no-repeat 0 0;
    }





    #footer .main .qr-list{
        margin-left: -20px;
    }
}

@media screen and  (max-width: 992px){
    #footer .goTop{
        display: none;
    }
    .location{
        overflow: hidden;
    }
    .layui-sm-hidden{
        display: none;
    }
    .layui-sm-show{
        display: block;
    }
    .layui-container{
        width: auto;
        padding: 0 30px;
    }
    #header{
        height: 92px !important;
    }
    #header .logo{
        margin-top: 10px;
    }
    #header .nav{
        display: none;
    }
    #header .main .container{
        position: relative;
        height: 92px;
    }
    #header .nav{
        position: absolute;
        top: 100%;
        left: -30px;
        right: -30px;
        background-color: #1d7db4;
    }
    #header .nav > li{

        border-bottom: 1px #4696c4 solid;
    }
    #header .nav > li > a{
        display: block;
        padding: 0 30px;
        height: 65;
        line-height: 65px;
        font-size: 20px;
        color: #fff;
        background: url(../images/iocn/m3.png) no-repeat 96% center;
    }
    #header .nav > li .children{
        display: none;
    }

    #header .nav > li .children li{
        padding: 0 30px;
        background-color: #0a638d;
    }
    #header .nav > li .children li a{
        display: block;
        height: 65;
        line-height: 65px;
        font-size: 20px;
        color: #fff;
        border-bottom: 1px #3780a3 solid;
    }

    #header .sm-tool{
        position: absolute;
        height: 34px;
        top: 30px;
        right: 0px;
        display: inline-flex;
    }
    #header .sm-tool .search{
        float: left;
        width: 34px;
        height: 34px;
        padding-right: 20px;
        margin-right: 20px;
        border-right: 1px #e8e8e8 solid ;
    }
    #header .sm-tool .menu{
        float: left;
        width: 42px;
        height: 34px;
    }
    #header .sm-tool .icon{
        display: block;
        height: 100%;
        cursor: pointer;
    }
    #header .sm-tool .search .icon{
        background: url(../images/iocn/m1.png) no-repeat 0 0;
    }

    #header .sm-tool .menu .icon{
        background: url(../images/iocn/m2.png) no-repeat 0 0;
    }
    #search-form{
        width: 80%;
        margin-left: -40%;
    }
    #search-form input.text{
        width: 70%;
    }
    #fixed-banner{
        padding-top: 92px !important;
    }
    #fixed-banner .module-media-container{
        height: 300px;
    }
    #fixed-banner .module-media{
        top: 92px !important;
        -webkit-background-size: cover;
        background-size: cover;
        height: 300px;
    }
    .ui-list-01 .item .image{
        height: auto;
    }
    .site-index #fixed-banner .module-media-container,
    .site-index #fixed-banner .module-media{
        height: 450px !important;
    }
    .site-index #fixed-banner .module-media .layui-carousel{
        height: 450px !important;
    }
    .site-index #fixed-banner .module-media .layui-carousel div div{
        -webkit-background-size: cover !important;
        background-size: 150% auto !important;
    }
    .site-about .layer-1{}
    .site-index .layer-1 .layui-tab .layui-tab-title li,
    .site-index .layer-2 .layui-tab .layui-tab-title li
    {
        font-size: 15px;
    }
    .site-index .layer-1 .layui-tab .layui-col-sm12{
        margin-left: 0 !important;
    }
    .site-index .layer-1 .layui-tab .layui-col-sm12 .swiper-container{
        background-color: #fff;
    }
    .site-index .layer-1 .layui-tab .layui-tab-content{
        height: auto;
    }
    .site-index .layer-1 .background{
        height: 880px;
    }
    .site-index .layer-2 .layui-tab .layui-tab-content .item{
        padding-bottom: 30px;
        height: auto;
    }
    .site-index .layer-2 .layui-tab-content .text{
        padding: 0;
    }
    .site-index .layer-2 .layui-tab-content .text .title{
        padding-top: 0px;
    }
    .site-index .layer-3{
        padding-bottom: 50px;
        height: auto;
    }
    .site-index .layer-5{
        height: auto;
        padding-bottom: 20px;
        overflow: hidden;
    }
    .site-index .layer-5 .layui-container{
        padding: 0;
    }
    .site-index .layer-5 .list .item{
        margin-bottom: 25px;
    }
    #footer{
        height: auto;
        padding-bottom: 10px;
    }

    #footer .copy-text .right a:first-child{
        padding-left: 0;
    }
    #footer .list .item{
        padding-right: 52px;
        min-height: 210px;
    }
    #footer .list .item:nth-child(3n+0){
        padding-right: 0;
    }

    #footer .main .qr-list{
        display: block;
    }
    #footer .main .qr-list li{
    }
    #footer .copy-text .right img{
        width: 90px;
    }
    .location li{
        margin-right: 10px;
    }
    .location li a{
        padding: 0 15px;
        font-size: 15px;
    }
    .site-about .layer-1{
        padding: 50px 0 30px 0;
    }
    .site-about .layer-1 .layui-col-md4{
        margin-right: 25px;
    }
    .site-about .layer-3{
        padding: 0;
    }
    .site-about .layer-3 .layui-col-md6:first-child img{
        padding-top: 30px !important;
    }
    .site-about .layer-3 .des{
        height: auto;
        padding-bottom: 30px;
        margin-bottom: 30px;
    }
    .site-about .layer-3 .des .image{
        padding-top: 30px;
        padding-left: 30px;
    }
    .site-about .layer-3 .des .text{
        padding-left: 30px;
    }
    .site-about .layer-6 .layui-row{
        padding-bottom: 20px;
    }
    .site-about .layer-6 .image img{
        width: 100%;
    }
    .site-about .layer-8 .list li{
        width: 48%;
        margin-right: 4%;
    }
    .site-about .layer-8 .list li:nth-child(3n + 0){
        margin-right: 4%;
    }
    .site-about .layer-8 .list li:nth-child(2n + 0){
        margin-right: 0;
    }
    .site-about .layer-9 .ui-list-line li{
        float: none;
        width: 100%;
        margin-right: 0;
    }
    .site-about .layer-10 .header img{
        width: 500px;
    }

    .site-about .layer-3 .layui-col-md6:first-child img{
        width: 100%;
    }
    .site-jishu .layer-1 .ui-form-01{
        padding-left: 40px;
    }
    .ui-form-01 .table{
        width: 100%;
    }
    .site-jishu .layer-1{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .site-jishu .layer-2{
        -webkit-background-size: cover;
        background-size: cover;
    }
    .site-jishu .layer-5 .ui-form-01{
        padding-top: 60px;
        width: 55%;
    }
    .site-jishu .layer-5 .ui-form-01 .table{
        margin-bottom: 8px;
    }
    .site-jishu .layer-7{
        height: auto;
        -webkit-background-size: auto 100%;
        background-size: auto 100%;
        padding-bottom: 60px;
        overflow: hidden;
    }
    .site-jishu .layer-7 .item{
        margin-top: 60px;
    }
    .site-job{
        padding-top: 40px;
        padding-bottom: 50px;
    }
}

@media screen and  (max-width: 767px){
    .layui-xs-hidden{
        display: none;
    }
    .layui-xs-show{
        display: block;
    }
    .layui-container{
        padding: 0 20px;
    }
    .ui-more{
        background-color: #1d7db4;
        border-color: #1d7db4;
    }
    .ui-more a{
        color: #fff;
        font-size: 15px;
    }
    #header{
        height: 60px !important;
    }
    #header .main .container{
        height: 60px;
    }
    #header .logo{
        position: relative;
        margin-top: 13px;
        z-index: 9;
    }
    #header .logo a{
        width: 80px;
        padding-top: 34px;
        -webkit-background-size: cover;
        background-size: cover;
    }
    #header .sm-tool{
        height: 24px;
        top: 18px;
    }
    #header .sm-tool .search{
        width: 24px;
        height: 24px;
        padding-right: 10px;
        margin-right: 10px;
    }
    #header .sm-tool .search .icon{
        -webkit-background-size: cover;
        background-size: cover;
    }
    #header .sm-tool .menu{
        width: 30px;
        height: 24px;
    }
    #header .sm-tool .menu .icon{
        -webkit-background-size: cover;
        background-size: cover;
    }
    #header .nav > li > a{
        height: 45px;
        line-height: 45px;
        font-size: 16px;
        background: url(../images/iocn/m3.png) no-repeat 92% center;
        -webkit-background-size: 12px auto;
        background-size: 12px auto;
    }
    #header .nav > li .children li a{
        height: 45px;
        line-height: 45px;
        font-size: 16px;
    }
    #fixed-banner{
        padding-top: 60px !important;
    }
    #fixed-banner .module-media{
        top: 60px !important;
    }
    #fixed-banner .swiper-button-white{
        display: none;
    }
    #fixed-banner .layui-carousel-ind{
        top: -28px;
    }
    .swiper-pagination{
        bottom: 10px;
    }
    .site-index #fixed-banner .module-media-container,
    .site-index #fixed-banner .module-media,
    .site-index #fixed-banner .module-media .layui-carousel
    {
        height: 150px !important;
    }
    #fixed-banner .module-media-container,
    #fixed-banner .module-media{
        height: 110px !important;
    }
    #fixed-banner .module-media{
        -webkit-background-size: 140% auto;
        background-size: 140% auto;
    }
    .location{
        height: 44px;
    }
    .location .layui-container{
        padding: 0;
    }
    .location ul{
        overflow-x: scroll;
        white-space: nowrap;
    }
    .location ul li{
        float: none;
        display: inline-block;
        height: 42px;
        border-width: 2px;
    }
    .location ul li a{
        height: 42px;
        line-height: 38px;
    }


    .site-index #fixed-banner .module-media .layui-carousel div div{
        -webkit-background-size: 150% auto !important;
        background-size: 150% auto !important;
    }

    .site-index .ui-header{
        height: 60px;
        line-height: 60px;
        overflow: hidden;
    }
    .site-index .ui-header .name{
        float: left;
        font-size: 18px;
        font-weight: bold;
        color: #333;
        border-left: 4px #2685bb solid;
        padding-left: 12px;
        height: 20px;
        line-height: 20px;
        margin-top: 20px;
    }
    .site-index .ui-more-a{
        float: right;
        color: #666;
        font-size: 16px;
        font-weight: bold;
    }
    .site-index .layer-1 .layui-xs-show{
        position: relative;
        z-index: 9;
    }
    .site-index .layer-1 .layui-tab-content{
        padding: 0;
        padding-top: 20px;
    }
    .site-index .layer-1 .layui-tab-content .item{
        height: 200px;
        overflow: hidden;
    }
    .site-index .layer-1 .layui-tab-content .item .image{
    }
    .site-index .layer-1 .background{
        /*top: 60px;*/
        /*height: 270px;  */
        top: 105px;
        height: 225px;
    }
    .site-index .layer-2{
        padding-bottom: 20px;
        background-color: #1d7db4;
    }
    .site-index .layer-2 .layui-tab-content{
        padding: 0;
    }
    .site-index .layer-2 .ui-header .name{
        color: #fff;
        border-color: #e2232c;
    }
    .site-index .layer-2 .ui-header .ui-more-a{
        color: #fff;
    }
    .site-index .layer-2 .layer-body .tab-item{
        background-color: #fff;
        overflow: hidden;
    }
    .site-index .layer-2 .layer-body .tab-item .text{
        padding: 20px;
        margin-bottom: 20px;
    }
    .site-index .layer-2 .layer-body .text .title{
        height: 50px;
        line-height: 50px;
        font-size: 24px;
    }
    .site-index .layer-2 .layer-body .text .des{
        line-height: 24px;
    }

    .site-index .layer-3{
        position: relative;
        height: auto;
        padding-top: 0;
        padding-bottom: 10px;
    }
    .site-index .layer-3 .ui-list-01 .item .image{
        height: auto;
    }
    .site-index .layer-3 .ui-list-01 .item .des{
        max-height: 72px;
    }
    .site-index .layer-3 .ui-list-01 .item .title{
        margin-top: 8px;
        margin-bottom: 0;
    }
    .site-index .layer-3 .layer-body{
        position: relative;
        z-index: 9;
        padding-top: 20px;
    }
    .site-index .layer-3 .layer-body .swiper-container{
        padding-bottom: 50px;
    }
    .site-index .layer-3 .background{
        position: absolute;
        width: 100%;
        height: 402px;
        top: 60px;
        left: 0;
        background-color: #f4f4f4;
    }
    .site-index .layer-4 .video,
    .site-about .layer-4 .video{
        height: 300px;
        -webkit-background-size: cover;
        background-size: cover;
    }
    .site-index .layer-4 .video .play,
    .site-about .layer-4 .video .play{
        top: 75px;
    }
    .site-index .layer-5{
        padding-bottom: 0;
    }
    .site-index .layer-5 .list{
        padding-top: 30px;
    }
    .site-index .layer-5 .list .icon{
        width: 80px;
        height: 80px;
    }
    .site-index .layer-5 .list .icon:after{
        -webkit-background-size: 70% auto;
        background-size: 70% auto;
    }
    .site-index .layer-5 .item .name{
        font-size: 15px;
    }
    #footer .list{
        padding-top: 0px;
        padding-bottom: 0px;
        overflow: hidden;
    }
    #footer .list .item{
        width: 100%;
        padding-right: 0;
        min-height: inherit;
    }
    #footer .list .item dl dt{
        margin-bottom: 0;
        height: 46px;
        line-height: 46px;
        font-size: 15px;
        background: url(../images/iocn/m3.png) no-repeat 98% center;
        -webkit-background-size: 12px auto;
        background-size: 12px auto;
    }
    #footer .list .item dl dt:after{
        width: 100%;
        height: 1px;
        background-color: #343638;
    }
    #footer .list .item dl dd{
        display: none;
    }


    #footer .tools{
        padding-top: 20px;
    }
    #footer .tools .item{
        width: 50%;
        padding-left: 0;
    }
    #footer .tools .item .body{
        text-align: center;
    }
    #footer .tools .links{
        width: 100%;
    }
    #footer .copy-text{
    }
    #footer .main .qr-list li .name{
        font-size: 12px;
    }
    #footer .main .contact-note{
        padding-left: 0;
    }
    #footer .copy-text{
        padding-bottom: 5px;
    }
    #footer .copy-text .right{
        display: none;
    }
    .site-about .layer-1{
        padding: 20px 0;
    }
    .site-about .layer-2 .header img{
        width: 50%;
    }
    .site-about .ui-more{
        width: 90px;
        height: 26px;
        line-height: 26px;
        font-size: 12px;
    }
    .site-about .layer-2 .header{
        padding-top: 20px;
        padding-bottom: 10px;
    }
    .site-about .layer-2 .swiper-wrapper{
        margin: 0;
    }
    .site-about .layer-2 .swiper-container{
        padding-bottom: 45px;
    }
    .site-about .layer-2 .swiper-wrapper .item{
        padding: 0;
    }


    .site-about .ui-list-01 .item .image{
        height: auto !important;
    }
    .site-about .ui-list-01 .item{
        height: auto !important;
    }
    .site-about .layer-3{
        overflow: hidden;
    }
    .site-about .layer-3 .layui-col-md6:first-child img{
        padding-top: 20px !important;
    }
    .site-about .layer-3 .des .image img{
        width: 50%;
    }
    .site-about .layer-3 .des{
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .site-about .layer-3 .des .text{
        font-size: 12px;
        line-height: 1.8;
    }
    .site-about .layer-3 .des .image,
    .site-about .layer-3 .des .text{
        padding-left: 20px;
    }
    .site-about .layer-3 .des .image{
        padding-top: 20px;
    }
    .site-about .layer-5{
        padding: 20px 0;
    }
    .site-about .layer-5 .layui-col-md4{
        height: auto;
        margin-bottom: 20px;
    }
    .site-about .layer-5 .layui-row > .layui-col-md4 > img{
        width: 50%;
    }
    .site-about .layer-5 .layui-col-md4 .ui-more{
        right: 0;
        bottom: 0;
    }
    .site-about .layer-5 .layui-col-md8{
        height: auto;
    }
    .site-about .layer-5 .ui-list-01{
    }
    .site-about .layer-6{
        padding-bottom: 20px;
    }
    .site-about .layer-6 .header,
    .site-about .layer-8 .header
    {
        padding-top: 35px;
        padding-bottom: 15px;
    }
    .site-about .layer-6 .header img,
    .site-about .layer-8 .header img
    {
        width: 60%;
    }
    .site-about .layer-6 .list{
        padding: 20px;
        padding-bottom: 30px;
    }
    .site-about .layer-6 .list li{
        float: none;
        width: 100%;
        height: 30px;
        line-height: 30px;
    }
    .site-about .layer-6 .list li a{
        font-size: 12px;
    }
    .site-about .layer-8{
        padding-bottom: 0px;
    }
    .site-about .layer-8 .list li{
        float: none;
        width: 100%;
        margin-right: 0 !important;
        height: auto;
        margin-bottom: 20px;
    }
    .site-about .layer-9 .ui-list-line li{
        height: 40px;
        margin-bottom: 10px;
    }
    .site-about .layer-9 .ui-list-line li span,
    .site-about .layer-9 .ui-list-line li a{
        height: 40px;
        line-height: 36px;
        font-size: 13px;
    }
    .site-about .layer-9 .ui-list-line li a{
        margin-left: 10px;
        width: 50%;
    }
    .site-about .layer-9 .ui-list-line li span{
        margin-right: 10px;
    }
    .site-about .layer-10 .header img{
        width: 100%;
    }
    .site-about .layer-10 .header .ui-more{
        display: none;
    }
    .site-about .layer-10 .article{
        font-size: 12px;
        line-height: 24px;
    }

    #content .ui-list-01 li{
        height: auto;
    }
    #content .layui-container{
        padding-top: 20px !important;
    }
    .ui-list-01 .item .image{
        height: auto;
    }
    .site-article .article .header{
        font-size: 16px;
        line-height: 1.8;
    }
    .site-solve .article-content{
        padding-top: 0;
    }
    .site-solve .article-content .subTitle{
        font-size: 20px;
    }
    .site-solve .article-content .title{
        font-size: 22px;
    }
    .site-solve .relate .header{
        padding-top: 10px;
        font-size: 24px;
    }
    .site-jishu .layer-1{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .site-jishu .layer-1 .ui-form-01{
        padding-left: 0;
        padding-top: 20px;
    }
    .ui-form-01 .form-enTitle{
        font-size: 26px;
    }
    .ui-form-01 .form-cnTitle{
        font-size: 26px;
    }
    .site-jishu .layer-2{
        height: 600px;
    }
    .site-jishu .layer-2 .ui-form-01{
        width: 94%;
    }
    .site-jishu .layer-2 .ui-form-01 .form-button .btn1{
        width: 100%;
    }
    .site-jishu .layer-4{
        padding: 20px 0;
    }
    .site-jishu .layer-4 .header .en{
        display: block;
        font-size: 24px;
    }
    .site-jishu .layer-4 .header .cn{
        display: block;
        font-size: 24px;
    }
    .site-jishu .layer-4 .header .ui-more{
        margin-top: 10px !important;
        width: 90px;
        height: 28px;
        line-height: 28px;
    }
    .site-jishu .layer-4 .header .ui-more a{
        font-size: 12px;
    }
    .site-jishu .layer-7 .item .button{
        display: none;
    }
    .site-jishu .layer-7 .item{
        padding-top: 20px;
        padding-left: 20px;
        height: auto;
    }
    .site-jishu .layer-7 .item .qr{
        position: relative;
        right: auto;
        bottom: auto;
    }
    .site-jishu .layer-7 .item .qr{
        text-align: left;
    }
    .site-jishu .layer-7 .item .qr img{
        width: 90%;
    }
    .site-jishu .layer-7 .item .qr:before{
        display: none;
    }
    .site-page{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .site-job{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .ui-list-job li .th .name{
        font-size: 14px;
    }
    .ui-list-job li .th .date{
        font-size: 12px;
        padding-right: 45px;
    }
    .ui-list-job li .th{
        -webkit-background-size: 16px auto;
        background-size: 16px auto;
        background-position: 96% center;
    }
    .ui-list-job li .body .table{
        overflow-x: scroll;
    }
    .ui-list-job li .body .table td,
    .ui-list-job li .body .table th
    {
        white-space: nowrap;
    }
    .ui-list-04 li{
        height: auto;
    }
    .ui-list-04 li .name span{
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .ui-list-04 li .des span{
        padding-left: 22px;
        padding-right: 22px;
    }
    .ui-list-04 li .button{
        padding-top: 15px;
        padding-bottom: 25px;
    }
}


.center-vertical {position:relative;top:25%;transform:translateY(25%);}
/*.cwh-layer-tab-card{border:0;overflow: hidden;}*/
/*.cwh-layer-tab-card .layui-unselect{display: none;}*/
/*.cwh-layer-tab-card ul.layui-tab-title{background:none;overflow-x: scroll !important;white-space: nowrap !important;}*/
/*.cwh-layer-tab-card .layui-tab-title li{font-size:.8rem !important;border-bottom:0 !important;width:43% !important;}*/
/*.cwh-layer-tab-card .layui-tab-title li.layui-this{background:none;color:#fff !important;}*/
#cwh-swiper-01 img{width:100%;}
.layer-1 .layui-xs-show .layui-tab-content .swiper-container{display: none;}
.layer-1 .layui-xs-show .layui-tab-content .swiper-container.location-tab-show{display: block !important;}

#cwh-swiper-01 .box-overflow-x-style{
    position: relative;
    bottom:0;
    background:none;
    overflow: hidden;
    overflow-x: scroll; /* 1 */
    white-space: nowrap;
    width:100%;
margin-bottom:20px;
}
#cwh-swiper-01 .box-overflow-x-style .box-overflow-x-style-son{
    width:auto;background:none;height:42px;line-height:42px;background-color:#fff;border-radius: 0;    float: none;
    display: inline-block;
    font-size:15px;
    padding: 0 15px;
    color:#000;
    text-align: center;
}
#cwh-swiper-01 .box-overflow-x-style .box-overflow-x-style-son-active{border:0;border-bottom:2px solid #000;color:#1d7db4;height:40px;line-height:40px;}

.layer-1 .layui-col-md6{}
.layer-1 .layui-xs-hidden .swiper-container .swiper-wrapper{position: relative;}
.layer-1 .layui-xs-hidden .swiper-container .swiper-wrapper .layui-carousel-ind{position: absolute;}


.layer-1 .layui-xs-hidden .swiper-container .swiper-wrapper .layui-carousel-ind{top:auto;bottom:40px;width:100%;text-align:center;}