@charset "utf-8";

/* nav */
.navWrap {
    height: 100%;
    position: relative;
}
#nav{
    /*width: 1800px;*/
    width: 93%;
    height: 100px;
    border-radius: 8px;
    background:url("../images/headerbg.png") repeat;
    /*overflow: hidden;*/
    position: absolute;
    z-index: 99;
    top: 40px;
    left: 60px;
    box-shadow: 0 0 30px rgba(0,0,0,.1);

}
#nav .logo{
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    left: 1.6%;
    width: 207px;
    float: left;
}
#nav .logo a{
    display: inline-block;
    font-size: 0;
}
.nav-content{
    position: absolute;
    left: 27%;
    line-height: 100px;
    float: left;
    font-size: 16px;
    width: 1200px;
    /*width: 52%;*/
    font-weight: bold;
}
.nav-content ul{
    overflow: hidden;
}
.nav-content ul li{
    float: left;
    margin-right: 72px;

}
.nav-content ul li a{
    color: #fff;
    transition: all 0.5s;
}
.nav-content ul li:hover a{
    color: #015198;
}
#navTrue{
    color: #015198;
}
#l{
    margin: 0;
}
.navRight{
    position: absolute;
    right: 3.6%;
    height: 23px;
    line-height: 23px;
    width: 103px;
}
#search{

}
.navRight a{
    display: block;
    float: left;
}
#I{
    display: block;
    width: 3px;
    height: 14px;
    background: #fff;
    float: left;
    transform: translateY(5px);
}
#I,#lang{
    margin-left: 27px;
}
.navWrap{
    height: 100%;
    position: relative;
}
.navList{
    width: 100%;
    position: absolute;
    left: 0;
    top:100px;
    height: 309px;
    background: #ffffff;
}
.navListBox{
    width: 100%;
    height: 100%;
    position: relative;
}
.nlbIn{
    position: absolute;
    top: 42px;
    left: 491px;
    width: 922px;
}
.ulBox{
    width: 100%;
    height: 100%;
    position: relative;
}
.nlbIn ul li{
    margin-bottom: 15px;
    font-size: 14px
}
.nlbIn ul li a{
    color: #999999;
}
#nav {width: 94%;min-height: 100px;height: auto;top: 40px;left:3%;box-shadow: 0px 4px 35px 0px rgba(0, 0, 0, 0.11);-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
#nav .logo a {display: block;width: auto;height: 85px;}
#nav .logo {width: 20%;top: 8px;transform:none;}
#nav .logo img {display: block;max-width: 100%;max-height: 100%;}
#nav .verticalBox {top:40px;transform:none;}
.nav-content {left:auto;position: relative;overflow: hidden;float: none;margin: auto;text-align: center;}
.nav-content ul {font-size: 0;overflow: hidden;}
.nav-content ul li {display: inline-block;vertical-align: top;float: none;position: relative;}
.nav-content ul li a {font-size: 16px;display: block;}
.nav-content ul li .A{
    color: #015198;
}
.nav-content ul li a:hover {color: #015198;}
.nav-content ul li a::after {content:'';display: none;width:20px;height:4px;background: #015198;position: absolute;left:0;top:88px;border-radius:100px;overflow: hidden;z-index: 33;}
.nav-content ul li:hover a::after {display: none;}
.nav-content ul li {padding:0 1.5%;margin: 0;}
.nav-content ul li:first-child {padding:0 3% 0 0;}
.nav-content ul li:last-child {padding:0 0 0 3%;}
.nav-content ul li:hover a {color: #8d8d8d;}
.nav-content ul li:hover a:hover {color: #015198;}
.nav-show {display: none;height: 0px;padding: 3% 0;width:100%;font-size: 0;text-align: left;position: relative;}
.nav-show::after {content:'';display: none;width:20px;height:4px;background: #015198;position: absolute;left:0;top:-12px;border-radius:100px;overflow: hidden;z-index: 33;}
.nav-content ul li:hover .nav-show::after{display: block;}
.nav-show a{color: #999;font-size: 14px!important;display: block;line-height: 32px;font-weight: normal;position: relative;}
.nav-show a::after {display: none!important;}
.nav-show a::before {content: '';display:block;width:0px;height: 1px;background: #015198;position: absolute;left: 0;top: 50%;z-index: 3;opacity: 0;}
.nav-show a:hover {color: #015198;padding-left:5px;}
.nav-show a:hover::before {width:5px;}
.nav-content.cur .nav-show {display: block;height:100%;}
.nav-content ul li a::before {content: '';display: none;width: 100%;height: 1px;background: #ccc;position: absolute;left: 0;top:90px;}
.nav-content.cur ul li a::before{display: block;}
.nav-content.cur ul{padding-bottom: 5%;}

.langhover {position: relative;}
.langshow {background: #fff;display: none;position: absolute;right: -35%;top:22px;padding:10px 20px;border-radius: 10px;}
.langshow a{ color: #000;display: block;padding:5px 0;font-size: 14px;float: none;}
.langshow a:hover {color: #015198;}
.navRight a#searchBtn,.navRight a#lang {width: 23px;height: 23px;}


#nav.scroll-top {top: 0px;width:100%;position: fixed;left: 0;}
#nav.scroll-down {top: 0px;width:100%;position: fixed;left: 0;}
input,select,textarea {-webkit-appearance: none;border-radius: 0;outline: none}



/* mobile nav */
.mnav{position: relative;z-index: 900; display: none;}
.mnav.scroll-down .mheader{top:-100px;}
.mnav.scroll-top .mheader,.mnav.scroll-top .mheader{top:0px;background: #fff;}


.mheader {height:70px;position:fixed;background: #fff; left:0;top: 0;z-index: 93;width: 100%;overflow: hidden;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.mheader ul {height:40px;position: relative;padding:0 3%;margin: 0;}
.mlogo { left:20px;top:30%;position: absolute;z-index: 94;display: block;width: 200px;height:70px;margin-top: -8px; background: url("../img/logo.png") left center no-repeat;background-size: 200px;-webkit-transition:none;-moz-transition:none;transition:none;}
.mlanguage {padding-top:4%;text-align: center;}
.mlanguage a{display: inline-block;margin:0 2%;color: #666;font-size: 14px;}
.mlanguage a:hover {opacity: 1;}
.msearch a{display: block;background: url("../img/search-b.html");background-size: 100%;width: 20px;height: 20px;margin:5% auto 3% auto;opacity: .5;}


.cd-nav{margin: 0;padding: 0; }
.cd-nav li{width:80%;margin: auto;padding: 0;overflow:hidden;position: relative;}
.cd-nav a{ border-bottom:#313131 1px solid;position: relative; display: block;width:90%;text-align: center; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;font-size:16px; color:#fff;padding:4% 0; margin:0px auto;text-transform:uppercase;}
.cd-nav a:hover{color:#fff;}
.table {
    display: table;
    width: 100%;
    height: 100%;
}
.table-cell {
    display: table-cell;
    vertical-align: middle;
}
.menu-toggle {display: block;width:100px;height:80px; position:absolute;right:0px;top:0px;z-index: 9999;}
.cd-nav-trigger {width: 100%;height: 100%;display: block;}
.menu-toggle span.hamburger,
.menu-toggle span.hamburger:after,
.menu-toggle span.hamburger:before {content:"";display:block;width:24px;height:3px;background:#333;position:absolute;top:50%;margin-top:-1px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.menu-toggle span.hamburger,
.menu-toggle span.hamburger:after,
.menu-toggle span.hamburger:before {content:"";display:block;width:24px;height:3px;background:#333;position:absolute;top:50%;margin-top:-1px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.menu-toggle span.hamburger:after {margin-top:-7px;top:0;transition-delay:0.27s;}
.menu-toggle span.hamburger:before {margin-top:7px;top:0;transition-delay:0.2s;}
.no-touch .menu-toggle span.hamburger,.no-touch .menu-toggle span.hamburger:after,.no-touch .menu-toggle span.hamburger:before {transition-delay:0.12s;-webkit-transform:translateX(-70px);-moz-transform:translateX(-70px);-ms-transform:translateX(-70px);-o-transform:translateX(-70px);transform:translateX(-70px);}
.no-touch .menu-toggle span.hamburger,.no-touch .menu-toggle span.hamburger:after,.no-touch .menu-toggle span.hamburger:before {-webkit-transform:translateX(70px);-moz-transform:translateX(70px);-ms-transform:translateX(70px);-o-transform:translateX(70px);transform:translateX(70px);}
.no-touch .menu-toggle span.hamburger:after {transition-delay:0s;}
.no-touch .menu-toggle span.hamburger:before {transition-delay:0.07s;}
.menu-toggle span.cross:before,.menu-toggle span.cross:after {content:"";display:block;width:24px;height:3px;background:#333;position:absolute;top:50%;margin-top:-1.5px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transform:translateY(-70px) translateX(-70px) rotate(45deg);-moz-transform:translateY(-70px) translateX(-70px) rotate(45deg);-ms-transform:translateY(-70px) translateX(-70px) rotate(45deg);-o-transform:translateY(-70px) translateX(-70px) rotate(45deg);transform:translateY(-70px) translateX(-70px) rotate(45deg);transition-delay:0.12s;}
.menu-toggle span.cross:after {transition-delay:0s;-webkit-transform:translateY(70px) translateX(-70px) rotate(-45deg);-moz-transform:translateY(70px) translateX(-70px) rotate(-45deg);-ms-transform:translateY(70px) translateX(-70px) rotate(-45deg);-o-transform:translateY(70px) translateX(-70px) rotate(-45deg);transform:translateY(70px) translateX(-70px) rotate(-45deg);}
.menu-toggle span.cross:after {-webkit-transform:translateY(-70px) translateX(70px) rotate(-45deg);-moz-transform:translateY(-70px) translateX(70px) rotate(-45deg);-ms-transform:translateY(-70px) translateX(70px) rotate(-45deg);-o-transform:translateY(-70px) translateX(70px) rotate(-45deg);transform:translateY(-70px) translateX(70px) rotate(-45deg);}
.no-touch .menu-toggle span.cross:before {transition-delay:0.12s;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.no-touch .menu-toggle span.cross:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;-moz-transform:rotate(-45deg) !important;-ms-transform:rotate(-45deg) !important;-o-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;}
.cd-nav-container{background-color:#1a1a1a;position: fixed; z-index:91; top:0px; right: 0; width: 100%;height:100%;overflow-y: auto;overflow-x: hidden; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.4s 0s, box-shadow 0s 0.4s; -moz-transition: -moz-transform 0.4s 0s, box-shadow 0s 0.4s; transition: transform 0.4s 0s, box-shadow 0s 0.4s;}
.cd-nav-container.is-visible{-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);-webkit-overflow-scrolling: touch;}
.cd-overlay{position: fixed; height: 100%; width: 100%; top: 0; left: 0; cursor: pointer; visibility: hidden; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.4s 0s, visibility 0s 0.4s; -moz-transition: opacity 0.4s 0s, visibility 0s 0.4s; transition: opacity 0.4s 0s, visibility 0s 0.4s; z-index:19;}
.cd-overlay.is-visible{opacity: 1; visibility: visible; -webkit-transition: opacity 0.4s 0s, visibility 0s 0s; -moz-transition: opacity 0.4s 0s, visibility 0s 0s; transition: opacity 0.4s 0s, visibility 0s 0s;}
.footer{
    background:url("../images/footbg.jpg") bottom repeat-x;
}

.mob{
    display: none!important;
}
/*下载*/
.downList{
    margin-bottom: 80px;
}
.downList .list-tr {
    background: #0251a1;
}
.downList .list-td{
    background:#fff;
}
.downList .td1 {
    box-sizing: border-box;
    position: relative;
    float: left;
    width: 50%;
    height: 60px;
    line-height: 60px;
    color: #fff;
    font-size: 16px;
    text-align: left;
    padding: 0 2%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.downList .td1::after {
    position: absolute;
    z-index: 9;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: #fff;
    content: '';
}
.downList .td2 {
    box-sizing: border-box;
    position: relative;
    float: left;
    width: 25%;
    height: 60px;
    line-height: 60px;
    color: #fff;
    font-size: 16px;
    text-align: center;
}
.downList .td2::after {
    position: absolute;
    z-index: 9;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: #fff;
    content: '';
}
.downList .td3 {
    position: relative;
    float: left;
    width: 25%;
    height: 60px;
    line-height: 60px;
    color: #fff;
    font-size: 16px;
    text-align: center;
}
.downList .td3::after {
    position: absolute;
    z-index: 9;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: #fff;
    content: '';
}
.list-td a {
    display: block;
    border-bottom: 1px solid #e7e7e7;
    transition: all .35s;
}
.list-td .td1 {
    color: #555555;
}
.list-td .td2 {
    color: #555555;
}
.list-td .td3 {
    color: #555555;
}
.buer {
    border: 0px;
    border-radius: 3px;
    text-align: center;
    line-height: 35px;
    font-size: 16px;
    max-width: 120px;
    width: 80%;
    color: #fff;
    background: #f39910;
}
.abs {
    position: absolute;
}
.rel {
    position: relative;
}
.join-content .content-box{
    background: url(../images/bg.jpg) no-repeat center top!important;
}
.video_list_1 span{ background-image:url(../images/img17.png); left:50%; top:50%; margin-left:-2.78125em; margin-top:-2.78125em;
    position:absolute; z-index:10; width:5.5625em; height:5.5625em; background-position:center; background-repeat:no-repeat; background-size:cover;}

/*加载更多*/
#pro_list{
    position: relative;
    padding-bottom: 90px;
}
.layui-flow-more {
    margin: 10px 0;
    color: #999;
    font-size: 16px
}

.layui-flow-more a {
    height: 32px;
    line-height: 32px
}

.layui-flow-more a * {
    display: inline-block;
    vertical-align: top
}

.layui-flow-more a cite {
    border-radius: 3px;
    background-color: #eee;
    color: #333;
    font-style: normal;
    width: 189px;
    height: 59px;
    line-height: 59px;
    background: #1d5bbb;
    color: #fff;
    position: relative;
    padding-left: 40px;
}

.layui-flow-more a cite:before {
    content: '';
    position: absolute;
    width: 29px;
    height: 29px;
    background: url(../images/loadmore.png) center center no-repeat;
    left: 25px;
    top: 16px;
    -webkit-animation: loading 1s linear infinite;
}
@-webkit-keyframes loading {
    from { -webkit-transform: rotate(0deg) translateZ(0); }
    to { -webkit-transform: rotate(360deg) translateZ(0); }
}
.layui-flow-more a cite:hover {
    opacity: .8
}

.layui-flow-more a i {
    font-size: 30px;
    color: #737383
}
.layui-flow-more {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%,0%);
}
.prosearch{
    width: 50%;
    margin: 0 auto 80px;
}
.prosearch form #keys{
    display: block;
    float: left;
    width: 80%;
    height: 54px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}
.prosearch form #search{
    float: right;
    width: 20%;
    height: 54px;
    line-height: 1.42857143;
    color: #ffffff;
    text-align: center;
    background:#0251a1;
}
.c-yellow{
    color: #ffffff;
    background:#0251a1;
}
@media(min-width: 1600px){
    .home_page7 {
        padding: 5% 3% 8.5%;
    }
    .home_page6 .idxnewBox .idxnTop .leftBox .titBox{
        padding-top: 15%;
    }
}
@media(max-width: 1599px){
    .home_page7 {
        padding: 8% 3% 4.7%;
    }
    .nav-content ul li:first-child{
        padding: 0 1% 0 0;
    }
    .nav-content ul li{
        padding: 0 1%;
    }
}
@media (min-width: 1440px) and (max-width: 1600px){
    .home_page7 {
        padding: 8% 3% 4.7%;
    }
}
@media (max-width: 1440px) {
    .footer .fp-tableCell{
        display: block;
    }
    /*.home_page7{*/
    /*    padding-bottom: 8%;*/
    /*}*/
    .footer .bottom{
        padding:1% 0;
    }



}
@media (max-width: 1366px) {
    .home_page2 .txtBox .distabcel .text{
        width: 40%;
    }
    .home_page2 .txtBox .distabcel h4{
        font-size: 22px;
    }
    .home_page7 {
        padding-bottom: 2%;
    }
    .footer .bottom{
        padding:0;
    }
}
@media (max-width: 1320px) {
    .nav-content ul li{
        padding:0 10px;
    }
}
@media (max-width: 1200px) {
    .home_ban li .BantxtBox .blod{
        font-size: 50px;
    }
    .home_ban li .BantxtBox .cn{
        font-size: 30px;
    }
    .home_ban li .BantxtBox .cn span{
        padding-right: 30px;
    }
    .home_ban li .BantxtBox .cn span:after{
        height: 33px;
        right: 15px;
    }
    .home_ban li .BantxtBox .en{
        font-size: 24px;
    }
}
@media(max-width: 1024px){
    .pc{display: none;}
    .mob{
        display: block!important;
    }
    .home_ban .BanbBox{
        display: none;
    }
    .bx-controls{
        top: 50%;
        left:50%;
        margin-top: 0!important;
        transform: translate(-50% , -50%);
    }
    .home_page2 .txtBox .distabcel .text{
        width: 100%;
    }
    .mnav,.mbshow  {display: block!important;}
    #nav, .pcshow, .aside-top {
        display: none!important;
    }
    .newsinfo .newsCon .newsDes .newsItop{
        padding-top: 50px;
    }
    .prodlBox .item{
        padding-top: 35px;
    }
    .prosearch{
        width: 80%;
        margin: 0 auto 45px;
    }
    .page2banner{
        margin-top:50px;
    }
}
@media (max-width: 991px) {

}
/*手机端*/
@media(max-width: 860px) {
    .honerBox h1{
        font-size: 26px;
    }
    .downList .time {
        display: none;
    }
    .downList .dianji {
        width: 40%!important;
    }
    .downList .td1,.downList .td2,.downList .dianji{
        text-align: center;
        font-size: 14px;
        height: 40px;
        line-height: 40px;
    }
    .buer{
        font-size: 14px;
        width: 60%;
        line-height: 20px;
    }
    .home_page7 .idxpneList .serlist{
        width: 100%;
        margin-right: 0;
    }
    .home_page7 .idxpneList .serlist.ser1,.home_page7 .idxpneList .serlist.ser2,.home_page7 .idxpneList .serlist.ser3{
        background-size: cover;
        margin-bottom: 20px;
    }
    .home_page2 .txtBox .distabcel{
        text-align: center; 
    }
    .home_page2 .txtBox .distabcel h1{
        line-height: 35px;
    }
    .home_page2 .txtBox .distabcel h4{
        margin-top: 10px;
        font-size: 20px;
    }
    .home_page2 .txtBox .distabcel h4:before{
        left: 50%;
        margin-left: -25px;
    }
    .more{
        margin:0 auto;
    }
    .home_page2 .txtBox{
        padding: 25px 0;
    }
    .home_page5{
        padding-top: 35px;
    }
    .home_page5 .idxproBox .hd li{
        display: block;
        width: 98%;
        padding:5px 0;
        margin-left: 1%;
        margin-right: 1%;
        float: left;
        line-height: inherit;
    }
    .home_page7 h1{
        padding-bottom: 35px;
    }
    .bottom .bottomTop .leftBox{
        padding-top: 35px;
    }
    .innerBan.Banner_Wrap .BannerBox .h3{
        font-size: 30px;
        margin-bottom: 10px;
    }
    .innerBan.Banner_Wrap .BannerBox .txt{
        font-size: 16px;
    }
    .contactBox .tactTxt{
        padding: 4% 2% 5%;
    }
    .downList{
        margin-bottom: 0px;
    }
    .mesBoxpup .mesform textarea{
        height: 50px;
    }
    .join-content .content-box .bgthree{
        padding-bottom: 50px!important;
    }
    .info_back{
        margin-bottom: 50px;
    }
}
@media(max-width: 768px) {
}