html,
body {
    /*font-family: 'dincondregular';*/
    font-size: 12px;
}
body a {
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
@font-face {
    font-family: 'oswaldregular';
    src: url('../fonts/oswald-regular_0-webfont.eot');
    src: url('../fonts/oswald-regular_0-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/oswald-regular_0-webfont.woff2') format('woff2'),
        url('../fonts/oswald-regular_0-webfont.woff') format('woff'),
        url('../fonts/oswald-regular_0-webfont.ttf') format('truetype'),
        url('../fonts/oswald-regular_0-webfont.svg#oswaldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'dincondregular';
    src: url('../fonts/dincondregular.eot');
    src: url('../fonts/dincondregular.eot') format('embedded-opentype'),
        url('../fonts/dincondregular.woff2') format('woff2'),
        url('../fonts/dincondregular.woff') format('woff'),
        url('../fonts/dincondregular.ttf') format('truetype'),
        url('../fonts/dincondregular.svg#dincondregular') format('svg');
}
.ie8 .container {
    width: 1200px;
    margin: 0 auto;
}
.header {
    position: relative;
    background: #fff;
}
.header .logo {
    height: inherit;
    display: inline-block;
    margin-right: 154px;
}
.ie8 .header .logo {
    margin-top: 30px;
}
.header .toggle {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 160px;
    height: inherit;
    display: none
}
.header .toggle a {
    position: absolute;
    top: 50%;
    display: block;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    transform: scale(0.8);
}
.header .toggle-menu {
    right: 20px;
}
.header .toggle-menu .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 3px;
    margin-top: -2px;
    margin-left: -10px;
    -webkit-transition-duration: .66s;
    -moz-transition-duration: .66s;
    transition-duration: .66s;
    background: #ababab;
}
.header .toggle-menu .icon::before,
.header .toggle-menu .icon::after {
    position: absolute;
    width: 30px;
    height: 3px;
    content: '';
    -webkit-transition-duration: .66s;
    -moz-transition-duration: .66s;
    transition-duration: .66s;
    background: #ababab;
}
.header .toggle-menu .icon::before {
    top: -9px;
}
.header .toggle-menu .icon::after {
    bottom: -9px;
}
body.nav-open .header .toggle-menu .icon {
    width: 0
}
body.nav-open .header .toggle-menu .icon::before {
    -webkit-transform: translateY(9px) rotate(40deg);
    -moz-transform: translateY(9px) rotate(40deg);
    transform: translateY(9px) rotate(40deg)
}
body.nav-open .header .toggle-menu .icon::after {
    -webkit-transform: translateY(-9px) rotate(-40deg);
    -moz-transform: translateY(-79px) rotate(-40deg);
    transform: translateY(-9px) rotate(-40deg)
}

/*------start-top-nav------*/
.navigation {
    display: inline-block;
}
.ie8 .navigation {
    float: right;
}
.level-1 {
    list-style: none;
    padding: 0px;
    margin: 0px;
    text-align: center;
}
.level-1 li {
    display: inline-block;
    text-align: left;
    line-height: 86px;
    margin: 0;
    position: relative;
}
.level-1 li a {
    font-family: 'oswaldregular';
    display: block;
    padding: 0px 20px;
    text-decoration: none;
    color: #333;
    font-weight: 100;
    font-size: 13px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.level-1 li.active a,
.level-1 li a:hover {
    color: #1783ff;
}
.navigation .level-1 ul.level-2 {
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    left: 0;
    background: #fff;
    display: none;
    width: 100%;
    z-index: 9;
}
.navigation .level-1 li ul.level-2 li {
    display: block;
    height: 40px;
    line-height: 40px;
}
.navigation .level-1 li ul.level-2 li a {
    line-height: 40px;
}
.level-1 li .level-2 a {
    background: #fff;
    color: #333;
}
.level-1 li .level-2 a:hover {
    color: #d93636;
}

/*nav--end*/
.banner-box {
    width: 100%;
}
.banner-box img {
    width: 100%;
}
.banner-box .owl-theme {
    width: 100%;
    position: relative;
    overflow: hidden;
}
.banner-box .owl-theme img {
    display: block;
    width: 100%;
    margin: 0 auto;
}
.banner-box .owl-theme .owl-controls {
    width: 100%;
    position: absolute;
    bottom: 20px;
    z-index: 99;
    text-align: center;
}
.banner-box .owl-theme .owl-controls .owl-page span {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    margin: 4px;
    background: #d4e6fa;
}
.banner-box .owl-theme .owl-page.active span {
    background: #d93636;
}
.banner-in {
    min-height: 544px;
}
.banner-about {
    background: url(../images/banner/banner-about.jpg) no-repeat center center;
    background-size: cover;
}
.banner-product {
    background: url(../images/banner/banner-product.jpg) no-repeat center center;
    background-size: cover;
}
.banner-news {
    background: url(../images/banner/banner-news.jpg) no-repeat center center;
    background-size: cover;
}
.banner-download {
    background: url(../images/banner/banner-download.jpg) no-repeat center center;
    background-size: cover;
}
.banner-feedback {
    background: url(../images/banner/banner-feedback.jpg) no-repeat center center;
    background-size: cover;
}
.banner-contact {
    background: url(../images/banner/banner-contact.jpg) no-repeat center center;
    background-size: cover;
}
/*banner--end*/

.other-block {
    width: 100%;
    background: #f5f5f5;
    padding: 2rem 0;
}
.ie8 .other-block {
    padding: 20px 0;
}
.other-block .item-block {
    overflow: hidden;
}
.other-block .item-block .item {
    width: 49%;
    position: relative;
    float: left;
    margin-left: 2%;
    margin-left: 1%\9;
    margin-bottom: 2%;
}
.other-block .item-block .item:nth-child(2n+1) {
    margin-left: 0;
}
.other-block .item img {
    width: 100%;
}
.other-block .item span {
    display: block;
    width: 80%;
    text-align: center;
    position: absolute;
    left: 10%;
    top: 35%;
}
.other-block .item span h2 {
    font-family: 'oswaldregular';
    font-size: 3.25em;
    color: #fff;
    margin-top: 0;
}
.other-block .item span p {
    font-size: 1.33em;
    color: #fff;
    margin-top: 20px;
    height: 44px;
    overflow: hidden;
}
.other-block .item a.more {
    display: inline-block;
    height: 30px;
    padding: 0 30px;
    border: 1px #fff solid;
    margin: 0 auto;
    font-size: 1.5em;
    line-height: 30px;
    color: #fff;
    text-decoration: none;
    margin-top: 5%;
}
.other-block .item a.more:hover {
    background: #fff;
    color: #1783ff;
}
.item-about {
    float: left;
    width: 24%;
    margin-right: 1.5%;
}
.item-about .company {
    display: block;
    width: 100%;
    height: 167px;
    padding: 0 25px;
    padding-top: 20px;
    text-decoration: none;
    background: url(../images/icon-1.png) no-repeat 90% 30px #003682;
}
.item-about .company p {
    font-family: 'oswaldregular';
    color: #fff;
    font-size: 1.666em;
    margin: 0;
}
.item-about .company h3 {
    font-family: 'oswaldregular';
    color: #fff;
    font-size: 4em;
    margin-bottom: 0;
    margin-top: 5px;
}
.item-about .company span {
    display: block;
    font-size: 1.33em;
    color: #70a3dd;
    line-height: 1.6;
    height: 50px;
    overflow: hidden;
}
.item-about .download {
    display: block;
    width: 100%;
    height: 172px;
    padding-top: 30px;
    text-decoration: none;
    margin-top: 7%;
    background: url(../images/img/other3.jpg) no-repeat right bottom #fff;
}
.item-about .download h4,
.item-mail h4 {
    font-family: 'oswaldregular';
    font-size: 2.16em;
    color: #00347d;
    margin-left: 25px;
}
.item-mail h4:after,
.item-about .download h4:after {
    content: '';
    display: block;
    width: 56px;
    height: 4px;
    background: #00347d;
    margin-top: 40px;
}
.item-text {
    float: left;
    width: 50%;
    height: 360px;
    padding: 30px 25px;
    background: #51a2fe;
    margin-right: 1.5%;
}
.item-text h3 {
    font-family: 'oswaldregular';
    font-size: 4.16em;
    color: #fff;
    margin: 0;

}
.item-text h3:after {
    content: '';
    display: block;
    width: 56px;
    height: 4px;
    background: #fff;
    margin-top: 40px;
}
.item-text p {
    font-size: 1.33em;
    color: #fff;
    margin: 10px 0;
    height: 88px;
    overflow: hidden;
}
.item-text a.more {
    display: inline-block;
    height: 30px;
    padding: 0 30px;
    border: 1px #fff solid;
    font-size: 1.5em;
    line-height: 30px;
    color: #fff;
    text-decoration: none;
    margin-top: 20px;
}
.item-text a.more:hover {
    background: #fff;
    color: #1783ff;
}
.item-mail {
    display: block;
    width: 23%;
    height: 360px;
    padding: 30px 25px;
    float: left;
    text-decoration: none;
    background: url(../images/img/other4.jpg) no-repeat center bottom;
    background-size: cover;
}
.item-mail:hover {
    text-decoration: none;
}
/*other block--end*/

.product-block {
    overflow: hidden;
    padding: 4em 0;
    position: relative;
    text-align: center;
}
h1.title {
    font-family: 'oswaldregular';
    font-size: 2.16em;
    color: #000000;
    text-align: center;
    margin: 0;
    margin-bottom: 2em;
}
.product-scroll-in {
    display: none;
}

.product-scroll {
    width: 80%;
    margin: 0 auto;
    overflow: hidden;
}

.product-scroll ul {
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    overflow: hidden;
}

.product-scroll ul li {
    width: 20%;
    float: left;

}

.product-scroll ul li img {
    width: 100%;
    display: block;
    margin: 0 auto;
}

.product-scroll ul li a {
    width: 90%;
    margin: 0 auto;
    display: block;
    position: relative;
}

.product-scroll ul li a:hover::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/icon-2.png) no-repeat center center rgba(81, 162, 254, 0.8);
}

.product-scroll ul li span {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 1.5em;
    color: #878787;
    text-align: center;
    margin-top: 5px;
}

.product-scroll ul li p {
    width: 100%;
    font-size: 1.666em;
    color: #626262;
    text-align: center;

}
.product-block .mr_frBtnL {
    width: 42px;
    height: 42px;
    background: url(../images/prev-next.png) no-repeat left top;
    background-size: cover;
    cursor: pointer;
    display: inline;
    position: absolute;
    top: 50%;
    left: 1%;
}
.product-block .mr_frBtnR {
    float: right;
    width: 42px;
    height: 42px;
    background: url(../images/prev-next.png) no-repeat right top;
    background-size: cover;
    cursor: pointer;
    display: inline;
    z-index: 99;
    position: absolute;
    top: 50%;
    right: 1%;
}
.news-block .more,
.product-block .more {
    display: inline-block;
    height: 30px;
    padding: 0 30px;
    border: 1px #51a2fe solid;
    font-size: 1.5em;
    line-height: 30px;
    color: #51a2fe;
    text-decoration: none;
    margin-top: 40px;
}
.news-block .more:hover,
.product-block .more:hover {
    background: #51a2fe;
    color: #fff;
}

/*product block--end*/

.news-block {
    width: 100%;
    background: #f5f5f5;
    padding: 4rem 0;
    text-align: center;
}
.ie8 .news-block {
    padding: 40px 0;
}
.news-block .news-item {
    padding: 0;
    margin: 0;
    list-style: none;
    overflow: hidden;
    text-align: left;
}
.news-block .news-item li {
    width: 23.5%;
    float: left;
    background: #fff;
    margin-left: 2%;
    margin-left: 1.5%\9;
}
.news-block .news-item li:nth-child(4n+1) {
    margin-left: 0;
}
.news-block .news-item li a {
    text-decoration: none;
}
.news-block .news-item li img {
    width: 100%;
}
.news-block .news-item li div {
    padding: 20px;
}
.news-block .news-item li h3 {
    font-family: 'oswaldregular';
    font-size: 1.33em;
    color: #626262;
    margin: 0;
    height: 34px;
    overflow: hidden;
}
.news-block .news-item li span {
    font-size: 1.25em;
    color: #919191;
    display: block;
    margin: 5px 0;
}
.news-block .news-item li p {
    font-size: 1.33em;
    color: #aeaeae;
    line-height: 1.25;
    margin: 0;
    height: 57px;
    overflow: hidden;
}
.news-block .news-item li:hover h3 {
    color: #51a2fe;
}
/*news-block--end*/
.footer {
    background: #f5f5f5;
}
.footer-home {
    background: #fff;
}
.footer p,
.footer a {
    display: block;
    font-size: 1.33em;
    color: #909090;
    font-weight: bold;
    margin: 25px 0;
}
.footer p {
    float: left;
}
.footer a {
    float: right;
}
/*footer--end*/

.main-content {
    width: 100%;
    padding-bottom: 6rem;
}
.ie8 .main-content {
    padding: 60px 0;
}
.main-content .sub-title {
    width: 100%;
    height: 105px;
    background: #f5f5f5;
}
.sub-title .sub {
    padding: 0;
    margin: 0;
    list-style: none;
    overflow: hidden;
}
.sub-title .sub li {
    width: 50%;
    height: 105px;
    float: left;
    line-height: 105px;
    text-align: center;
}
.sub-title .sub li.active-sub {
    background: #fff;
}
.sub-title .sub li a {
    font-family: 'oswaldregular';
    font-size: 2.75em;
    color: #000000;
    text-align: center;
    text-decoration: none;

}
.sub-title .sub li.active-sub a {
    color: #1783ff;
    border-bottom: 2px #eb0a13 solid;
}
.main-text {
    margin-top: 105px;
}
.main-text p {
    font-size: 1.333em;
    color: #666666;
    line-height: 1.875;
    margin: 0;
}
.about-title {
    font-family: 'oswaldregular';
    font-size: 2.5em;
    color: #000000;
    margin-top: 0;
    margin-bottom: 20px;
}
.about-text .about-bar img {
    display: block;
    margin-left: 20px;
    margin-bottom: 10px;
}
.factory-bar {
    position: relative;
    padding-top: 40px;
    margin-top: 50px;
    border-top: 1px #dfdfdf solid;
    width: 100%;
}
.factory-bar .factory-scroll {
    width: 100%;
    overflow: hidden;
}
.factory-bar ul {
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    overflow: hidden;
}
.factory-bar ul li {
    width: 25%;
    float: left;
}
.factory-bar ul li a {
    display: block;
    width: 97%;
    margin: 0 auto;
    border: 1px #dfdfdf solid;
    margin-bottom: 10px;
}
.factory-bar ul li a img {
    width: 100%;
    padding: 9px;
}
.factory-bar a {
    transition: 0s all;
    -webkit-transition: 0s all;
    -moz-transition: 0s all;
    -o-transition: 0s all;
    -ms-transition: 0s all;
}
.factory-bar .mr_frBtnL {
    width: 58px;
    height: 28px;
    border: 1px #dfdfdf solid;
    border-radius: 14px;
    background: url(../images/prev-next2.png) no-repeat center 0;
    cursor: pointer;
    display: inline;
    position: absolute;
    top: 40px;
    right: 68px;
}
.factory-bar .mr_frBtnL:hover {
    background: url(../images/prev-next2.png) no-repeat center -56px;
    border-color: #ff0000;
}
.factory-bar .mr_frBtnR {
    width: 58px;
    height: 28px;
    border: 1px #dfdfdf solid;
    border-radius: 14px;
    background: url(../images/prev-next2.png) no-repeat center -28px;
    cursor: pointer;
    display: inline;
    z-index: 99;
    position: absolute;
    top: 40px;
    right: 0;
}
.factory-bar .mr_frBtnR:hover {
    background: url(../images/prev-next2.png) no-repeat center -84px;
    border-color: #ff0000;
}

/*about us--end*/
.product-text {
    margin-top: 0;
}
.product-text .pro-typical {
    width: 60%;
    margin: 0 auto;

    margin-top: 35px;
}
.product-text .pro-typical img {
    display: block;
    margin: 0 auto;
}
.product-text .pro-typical p {
    font-family: 'oswaldregular';
    color: #666666;
    margin: 20px 0;
    text-align: center;
}
.product-text .product-scroll li {
    margin-bottom: 20px;
}
.page {
    width: 100%;
    text-align: center;
    overflow: hidden;
}
.page a {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: #f0f0f0;
    font-size: 1.33em;
    color: #696969;
    line-height: 32px;
    text-decoration: none;
    margin-top: 30px;
    margin-left: 2px;
    margin-right: 2px;
}
.page a:hover,
.page a.active-page {
    background: #eb0a13;
    color: #fff;
    text-decoration: none;
}
/*products--end*/

#mi-jqzoom {
    width: 100%;
    overflow: hidden;
}
.jqzoom {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    cursor: pointer;
    border: none;
}
.zoomdiv {
    position: absolute;
    z-index: 999;
    display: none;
    overflow: hidden;
    width: 500px;
    height: 500px;
    border: 1px solid #ccc;
    background: #fff;
}
.jqZoomPup {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    visibility: hidden;
    width: 20px;
    height: 20px;
    opacity: .5;
    border: 1px solid #aaa;
    background: #fff
        /*url(../images/zoom.png) 50% center no-repeat*/
    ;
    -moz-opacity: .5;
    -khtml-opacity: .5;
    filter: alpha(Opacity=50);
}

/*图片放大镜样式*/
.productin-text .scroll {
    width: 500px;
    height: 630px;
    float: left;
}
.spec-preview {
    width: 500px;
    height: 500px;
    border: 1px #dfdfdf solid;
    float: left;
}
.spec-scroll {
    width: 498px;
    height: 115px;
    overflow: hidden;
}
.spec-scroll .prev {
    float: left;
    margin-right: 4px;
}
.spec-scroll .next {
    float: right;
}
.spec-scroll .prev,
.spec-scroll .next {
    line-height: 54px;
    display: block;
    width: 10px;
    height: 54px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    border: 1px solid #ccc;
    background: #ebebeb;
}
.spec-scroll .items {
    float: left;
    overflow: hidden;
    width: 498px;
    height: auto;
}
.spec-scroll .items ul {
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    width: 515px;
    height: auto;
}
.spec-scroll .items ul li {
    width: 113px;
    height: 113px;
    text-align: center;
    float: left;
    margin-right: 15px;
    margin-top: 10px;
}
.spec-scroll .items ul li:last-child {
    margin-bottom: 0;
}
.spec-scroll .items ul li img {
    width: 113px;
    height: 113px;
    border: 1px #dfdfdf solid;
}
.spec-scroll .items ul li img:hover {
    border: 1px solid #0053e4;
    width: 113px;
    height: 113px;
}
.enlarge-demo a {
    float: left;
    margin-right: 20px;
}
.enlarge-demo span {
    float: left;
}
.enlarge-demo a img {
    display: block;
    width: 498px;
    height: 498px;
}
.enlarge-demo span img {
    display: block;
    width: 498px;
    height: 498px;
}
/*图片小图预览列表*/
.proscroll-box {
    width: 100%;
    display: none;
    border: 1px #dfdfdf solid;
    overflow: hidden;
}
.proscroll-box img {
    width: 100%;
}
.proscroll-box .owl-theme {
    width: 100%;
    position: relative;
    overflow: hidden;
}
.proscroll-box .owl-theme img {
    display: block;
    width: 100%;
    margin: 0 auto;
}
.proscroll-box .owl-theme .owl-controls {
    position: absolute;
    bottom: 0;
    width: 28%;
    right: 2%;
    bottom: 20px;
    z-index: 99;
}
.proscroll-box .owl-theme .owl-page span {
    width: 10px;
    height: 10px;
    margin: 4px;
    border-radius: 50%;
    border: 1px #1783ff solid;
}
.proscroll-box .owl-theme .owl-page.active span {
    background: #1783ff;
}

.introduction {
    float: left;
    width: 650px;
    min-height: 380px;
    height: auto;
    margin-left: 50px;
    position: relative;
}
.introduction h1.intro-title {
    font-family: 'oswaldregular';
    font-size: 1.333em;
    margin-bottom: 30px;
    color: #333333;
    margin-top: 0;
    height: 14px;
}
.introduction p {
    font-size: 1.333em;
    color: #666;
    line-height: 1.5;
    margin: 0;
}
.introduction .inquiry-btn {
    font-family: 'oswaldregular';
    display: block;
    width: 160px;
    height: 40px;
    border-radius: 2px;
    background: url(../images/chat.png) no-repeat 30% center #1783ff;
    font-size: 14px;
    color: #fff;
    line-height: 40px;
    text-decoration: none;
    text-indent: 66px;
    margin-top: 30px;
}
.flip {
    width: 50px;
    position: absolute;
    right: 0;
    bottom: 0;
    overflow: hidden;
}
.flip a {
    transition: 0s all;
    -webkit-transition: 0s all;
    -moz-transition: 0s all;
    -o-transition: 0s all;
    -ms-transition: 0s all;
}
.flip a.prev {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/prev-next1.png) no-repeat left top;
    float: left;

}
.flip a.prev:hover {
    background: url(../images/prev-next1.png) no-repeat left bottom;
}
.flip a.next {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/prev-next1.png) no-repeat right top;
    float: right;
}
.flip a.next:hover {
    background: url(../images/prev-next1.png) no-repeat right bottom;
}

.parameter-box .tabPanel {
    width: 100%;
}
.parameter-box .tabPanel .tab-title {
    overflow: hidden;
    padding: 0;
    margin: 0;
    list-style: none;
    background: #eeeeee;
    height: 60px;
    padding: 1px;
}
.tabPanel .tab-title li {
    width: 50%;
    display: inline-block;
    float: left;
    text-align: center;
    cursor: pointer;
}
.tabPanel .tab-title li.active-sub {
    background: #fff;
}
.tabPanel .tab-title li a {
    font-family: 'oswaldregular';
    font-size: 2em;
    line-height: 58px;
    color: #000000;
    text-align: center;
    text-decoration: none;

}
.tabPanel .tab-title li.hit a {
    color: #1783ff;
    border-bottom: 2px #eb0a13 solid;
}

.parameter-box {
    margin-top: 60px;
}
.parameter-box .tabPanel .hit {
    cursor: pointer;
    background: #fff;
}
.parameter-box .pane ul {
    padding: 0;
    margin: 0;
    list-style: none;
    overflow: hidden;
}
.pane ul li {
    overflow: hidden;
    width: 100%;
    margin-top: 40px;
}
.pane ul li a {
    display: block;
    width: 25%;
    float: left;
}
.pane ul li img {
    display: block;
    width: 100%;
    float: left;
}
.pane ul li div {
    width: 72%;
    float: left;
    margin-left: 3%;
}
.pane ul li div h3 {
    font-family: 'oswaldregular';
    font-size: 1.333em;
    color: #666666;
    margin-top: 0;
}
/*products--end*/

.news-text ul {
    padding: 0;
    margin: 0;
    list-style: none;
    overflow: hidden;
}
.news-text ul li {
    width: 23.5%;
    float: left;
    margin-left: 2%;
    margin-left: 1.5%\9;
    margin-bottom: 2%;
    background: #f5f5f5;
}
.news-text ul li:nth-child(4n+1) {
    margin-left: 0;
}
.news-text ul li a {
    text-decoration: none;
}
.news-text ul li img {
    display: block;
    width: 100%;
}
.news-text ul li div {
    padding: 15px 10px;
}
.news-text ul li div h3 {
    font-family: 'oswaldregular';
    font-size: 1.333em;
    color: #626262;
    margin-top: 0;
    height: 34px;
    overflow: hidden;
}
.news-text ul li div span {
    font-size: 1.25em;
    color: #919191;
    display: block;
    margin: 5px 0;
}
.news-text ul li div p {
    line-height: 1.25;
    height: 57px;
    overflow: hidden;
}
.news-text ul li:hover h3 {
    color: #51a2fe;
}
/*news--end*/

.newsin-text p img {
    margin-left: 20px;
    margin-bottom: 20px;
}
.flip-news {
    overflow: hidden;
    border-top: 1px #dfdfdf solid;
    padding-top: 20px;
    margin-top: 50px;
}
.flip-news a {
    height: 20px;
    display: block;
    text-decoration: none;
    font-size: 1.33em;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: 0s all;
    -webkit-transition: 0s all;
    -moz-transition: 0s all;
    -o-transition: 0s all;
    -ms-transition: 0s all;
}
.flip-news a.prev {
    width: 50%;
    padding-left: 30px;
    background: url(../images/prev-next3.png) no-repeat left 0;
    float: left;
}
.flip-news a.prev:hover {
    text-decoration: none;
    background: url(../images/prev-next3.png) no-repeat left -40px;
    color: #479ff1;
}
.flip-news a.next {
    width: 50%;
    padding-right: 30px;
    background: url(../images/prev-next3.png) no-repeat right -20px;
    float: right;
    text-align: right;
}
.flip-news a.next:hover {
    text-decoration: none;
    background: url(../images/prev-next3.png) no-repeat right -60px;
    color: #479ff1;
}
/*news-detail--end*/

.download-text ul {
    padding: 0;
    margin: 0;
    list-style: none;
    overflow: hidden;
}
.download-text ul li {
    width: 32%;
    float: left;
    height: 118px;
    background: #d2dff2;
    overflow: hidden;
    margin-left: 2%;
    margin-left: 1.33%\9;
    margin-bottom: 2%;
}
.download-text ul li:nth-child(3n+1) {
    margin-left: 0;
}
.download-text ul li .down-pic {
    width: 20%;
    height: inherit;
    background: url(../images/icon-3.png) no-repeat left top #479ff1;
    padding-top: 34px;
    float: left;
}
.download-text ul li .down-pic img {
    display: block;
    margin: 0 auto;
}
.download-text ul li .down-text {
    width: 80%;
    float: left;
    padding-left: 25px;
}
.download-text ul li h3 {
    font-family: 'oswaldregular';
    font-size: 1.83em;
    color: #000;
}
.download-text ul li a.down-btn {
    display: inline-block;
    height: 26px;
    border: 2px #000 solid;
    background: url(../images/icon-4.png) no-repeat 20% center;
    padding-left: 42px;
    padding-right: 20px;
    line-height: 26px;
    font-size: 1.333em;
    color: #000;
    text-decoration: none;
    margin-top: 10px;
}
/*download--end*/

.feedback-text .feedback-form {
    width: 100%;
    text-align: justify;
}
.feedback-form .form-row {
    width: 49%;
    display: inline-block;
    margin: 10px 0;
}
.feedback-form .form-row-full {
    width: 100%;
    margin: 10px 0;
}
.feedback-form input,
.feedback-form textarea {
    font-size: 14px;
    width: 100%;
    height: 42px;
    line-height: 42px;
    margin: 0;
    padding: 0;
    padding-left: 5px;
    color: #666666;
    font-size: 1.333em;
    border: 1px solid #e5e5e5;
    background: none;
}
.feedback-form textarea {
    height: 200px;
    max-height: 260px;
    padding-left: 5px;
    resize: vertical;
    line-height: 1.5;
}
.feedback-form input.submit {
    padding: 0;
    font-size: 1.5em;
    line-height: 60px;
    width: 200px;
    height: 60px;
    color: #fff;
    background: #0053e4;
    border: none;
}
/*feedback--end*/

.contact-text .con-l,
.contact-text .con-r {
    width: 50%;
    float: left;
}
.contact-text .con-l h3 {
    font-family: 'oswaldregular';
    font-size: 1.83em;
    color: #000;
    line-height: 2;
}
.contact-text .con-r {
    background: #479ff1;
}
.contact-text .con-r .con-text {
    float: left;
    padding: 20px 25px;
}
.ie8 .contact-text .con-r .con-text {
    width: 40%;
}
.contact-text .con-r h3 {
    font-family: 'oswaldregular';
    font-size: 1.83em;
    color: #fff;
    margin-top: 40px;
}
.ie8 .contact-text .con-r p {
    font-size: 1em;
}
.contact-text .con-r p {
    color: #fff;
    font-size: 1.5em;
}
.contact-text .con-r img {
    display: block;
    float: right;
}
.contact-text a.map {
    display: block;
    width: 100%;
    margin-top: 80px;
    background: url(../images/img/map.jpg) no-repeat center center;
    min-height: 500px;
    overflow: hidden;
}

@media (max-width: 480px) {
    .footer>.container>a,
    .footer>.container>div {
        display: none;
    }

    .footer>.container>p {
        text-align: center;
    }

    .main-content {
        padding-top: 2em;
        padding-bottom: 3em;
    }

    .main-text {
        margin-top: 32px;
    }
}
.online-wrap {
    position: fixed;
    z-index: 9;
    top: 50%;
    right: 5px;

    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media (max-width: 991px) {
    .online-wrap {
        top: auto;
        bottom: 100px;

        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
.online-wrap .btn {
    line-height: 40px;

    width: 40px;
    height: 40px;
    padding: 0;

    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    text-align: center;

    color: #fff;
    border: 1px solid #1783ff;
    border-radius: 0;
    border-radius: 50%;
    outline: none;
    background-color: #1783ff;
}
@media (min-width: 992px) {
    .online-wrap .btn {
        display: none;
    }
}
.online-wrap .btn:before {
    font-family: 'iconfont' !important;
    font-size: 18px;
    font-weight: bold;

    display: inline-block;

    content: '\e625';
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
}
.online-wrap .btn.active:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.online-wrap .code-pic {
    position: fixed;
    z-index: 101;
    right: 45px;
    bottom: 180px;

    display: none;

    max-width: 120px;
}
.online-wrap .code-pic .pic-box {
    background-color: #fff;
}
.online-wrap .code-pic img {
    display: block;

    max-width: 100%;
}
.online-wrap .online {
    position: relative;

    -webkit-transition: right .3s;
    transition: right .3s;

    border-radius: 52px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}
@media (max-width: 991px) {
    .online-wrap .online {
        position: absolute;
        top: auto;
        right: -60px;
        bottom: 70px;

        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
    }
    .online-wrap .online.active {
        right: 0;
    }
}
.online-wrap .online a {
    line-height: 44px;

    position: relative;

    display: block;

    width: 44px;
    height: 44px;
    margin: 2px 0;
    padding: 0;
    padding: 10px;
    -webkit-transition: all .4s;
    transition: all .4s;
    text-align: center;

    color: #fff;
    background-color: #1783ff;
}
@media (max-width: 991px) {
    .online-wrap .online a {
        line-height: 30px;

        width: 30px;
        height: 30px;
    }
}
.online-wrap .online a .iconfont {
    font-size: 22px;
}
.online-wrap .online a img {
    width: 100%;
    display: block;
}
.online-wrap .online a:hover {
    color: #fff;
    background-color: #0c6ede;
}
@media (max-width: 991px) {
    .online-wrap .online a {
        line-height: 40px;

        width: 40px;
        height: 40px;
    }
    .online-wrap .online a:before {
        font-size: 20px;
    }
}
.online-wrap .online .codenum {
    position: relative;
}
.online-wrap .online .codenum .open-num {
    position: absolute;
    z-index: -1;
    top: 0;
    right: -300px;

    padding-right: 0;

    -webkit-transition: right .3s;
    transition: right .3s;
    white-space: nowrap;
}
.online-wrap .online .codenum .open-num p {
    line-height: 44px;

    display: block;
    font-size: 16px;
    margin: 0;
    padding: 0 20px;

    color: #fff;
    background-color: #0c6ede;
}
@media (min-width: 1200px) {
    .online-wrap .online .codenum:hover .open-num {
        right: 100%;
    }
}
.online-wrap .online .code {
    position: relative;
}
@media (max-width: 767px) {
    .online-wrap .online .code:before {
        font-size: 22px;
    }
}
.online-wrap .online .code .mask {
    position: absolute;
    z-index: 10;
    top: 0;
    right: 100%;

    display: none;

    width: 130px;
    height: 130px;
    padding-right: 5px;
}
.online-wrap .online .code .mask .mask-box {
    border: 1px solid #e5e5e5;
    background-color: #fff;
}
.online-wrap .online .code .mask img {
    display: block;

    width: 100%;
}
.online-wrap .online .code .mask p {
    font-size: 13px;
    line-height: 16px;

    margin: 5px 0 8px 0;

    color: #888;
}
.online-wrap .online .online-cart span {
    font-size: 12px;
    line-height: 18px;

    position: absolute;
    top: 0;
    right: 0;

    width: 18px;
    height: 18px;

    text-align: center;

    color: #fff;
    border-radius: 50%;
    background-color: #1783ff;
}
.online-wrap ul li {
    list-style: none;
}
.online-wrap ul {
    padding-left: 0;
    margin: 0;
}