@charset "UTF-8";
/*整站样式*/
html,body,dl,dd,img,form,div,ul,ol,li,h1,h2,h3,h4,h5,h6,p,button,input,a,em,strong,b{margin:0;padding:0; border:0;}
*{ -webkit-tap-highlight-color: transparent;}
body{font-family:'Microsoft Yahei','STXihei','Heiti SC', Helvetica, Arial, Verdana, sans-serif;background-color:#fff;}
input,textarea,button{padding: 0;font-family: Verdana, Arial;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
select,input,textarea,button{vertical-align:middle;outline:none;font-family:'Microsoft Yahei','STXihei','Heiti SC', Helvetica, Arial, Verdana, sans-serif;}
img {max-width:100%;}
input[type=submit]:hover,button:hover { cursor:pointer;}
a {color:#333;cursor:pointer;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;cursor:pointer;}
a:active{text-decoration:none;}
.hidden{display:none;visibility:hidden;}
.wrap{border: 0;padding:0 80px;margin:0 auto;*zoom:1;}
.wrap:after{clear: both;content:"";display: table;}
.clear{clear:both;font-size:0;line-height:0;height:0;visibility:hidden;}
.clearfix:before, .clearfix:after,.layouts:before,.layouts:after {
    content:"";
    display:table;
}
.clearfix:after,.layouts:after {
    clear:both;
}
.clearfix,.layouts {
    zoom:1;
}
.layouts {margin:0 auto;width:1200px;position:relative;}
.fl{float: left;}
.fr{float: right;}
.pors{position: relative;}
.tl{text-align: left;}
.tc{text-align: center;}
.tr{text-align: right;}
header li,
footer li,
.index-news-wrap li,
.item-list,
.inner-tab li{list-style-type:none;}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}




header,
.inner-page{background:#d2d7dd;}
footer {background:#142640;}
.inner-main {background:#fff;}
/*首页其他*/
.index-banner {
    position:relative;
    background:#d2d7dd;
}
.index-banner .swiper-container {
    width:100%;
    height:595px;
    overflow:hidden;
}
.index-banner .swiper-slide {
    width:100%;
    height:100%;
    background:#d2d7dd;
}
.index-banner .swiper-slide a {
    display:block;
    width:100%;
    height:595px;
}
.index-banner img {
    display:block;
    max-width:100%;
}
.index-banner .swiper-slide .text-wrap {
    position:absolute;
    top:50%;
    width:100%;
    text-align:center;
    transform:translateY(-50%);
}
.index-banner .swiper-slide .title {
    font-size:36px;
    color:#fff;
}
.index-banner .swiper-slide .title .small {
    display:block;
    margin:30px 0 100px;
    font-size:24px;
    color:#b7adad;
    text-transform:uppercase;
}
.index-banner .swiper-slide .more-btn {
    display:block;
    width:240px;
    height:48px;
    margin:0 auto;
    font-size:24px;
    color:#fff;
    line-height:48px;
    text-align:center;
    background:#d6251f;
    border:1px solid #d6251f;
    transition:all .4s;
    -moz-transition:all .4s;
    -webkit-transition:all .4s;
}
.index-banner .swiper-slide .more-btn:hover {
    color:#d6251f;
    background:#fff;
}
.index-banner .swiper-slide .more-btn .icon {
    display:inline-block;
    width:23px;
    height:23px;
    margin-right:8px;
    background:url(../images/index-banner-icon1.png) no-repeat center center;
    vertical-align:-4px;
}
.index-banner .swiper-slide .more-btn:hover .icon {background:url(../images/index-banner-icon1a.png) no-repeat center center;}
.index-banner .swiper-pagination {
    position:absolute;
    bottom:20px;
    width:100%;
    text-align:center;
}
.index-banner .swiper-button-prev,
.index-banner .swiper-button-next{
    position:absolute;
    top:50%;
    display:block;
    width:60px;
    height:60px;
    margin-top:-30px;
    cursor:pointer;
}
.index-banner .swiper-button-prev {
    left:0;
    background:url(../images/banico2.png) no-repeat left center;
}
.index-banner .swiper-button-next {
    right:0;
    background:url(../images/banico1.png) no-repeat left center;
}
.index-banner .swiper-pagination-bullet {
    display:inline-block;
    width:8px;
    height:8px;
	margin:0 5px;
    background:#b1acac;
    cursor:pointer;
    border-radius:100%;
    -moz-border-radius:100%;
    -webkit-border-radius:100%;
}
.index-banner .swiper-pagination-bullet-active {
    width:13px;
    height:13px;
    background:#d6251f;
    vertical-align:-2px;
}
/*首页news*/
.index-news-wrap {padding:25px 0 75px;}
.index-news-kind {
}
.index-news-tab {
    margin-bottom:50px;
    border-bottom:2px solid #eee;
}
.index-news-tab li {
    float:left;
    margin-right:55px;
}
.index-news-tab li a {
    display:block;
    margin-bottom:-2px;
    padding:0 5px 18px 0;
    font-size:16px;
    color:#7e7979;
    border-bottom:2px solid transparent;
}
.index-news-tab li.on a {
    color:#000;
    border-bottom-color:#d6251f;
}
.news-scroll-picture {
    position:relative;
    overflow:hidden;
}
.news-scroll-picture li a {
    display:block;
}
.news-scroll-picture .swiper-pagination {
    position:absolute;
    left:10px;
    bottom:15px;
}
.news-scroll-picture .swiper-pagination-bullet {
    display:inline-block;
    width:10px;
    height:10px;
    margin:0 3px;
    background-color:#b6aeae;
    border-radius:100%;
    -moz-border-radius:100%;
    -webkit-border-radius:100%;
    cursor:pointer;
}
.news-scroll-picture .swiper-pagination-bullet-active {background-color:#d6251f;}
.index-news-list {margin-left:360px;}
.index-news-list li:first-child {
    padding-bottom:10px;
    margin-bottom:8px;
    border-bottom:1px solid #eee;
}
.index-news-list li {
    position:relative;
    padding:8px 0;
}
.index-news-list .news-name {
    padding:0 115px 0 20px;
    font-size:16px;
    color:#555;
    background:url(../images/new-icon1-1.png) no-repeat left center;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
.index-news-list li:first-child .news-name {
    margin-bottom:15px;
    padding:0;
    font-size:20px;
    color:#000;
    background:none;
}
.index-news-list .news-name:hover,
.index-news-list li:first-child:hover .news-name {color:#f00;}
.index-news-list .des {
    position:relative;
    height:60px;
    font-size:16px;
    color:#8b8585;
    line-height:30px;
    overflow:hidden;
}
.index-news-list .des .more {
    position:absolute;
    right:0;
    bottom:0;
    height:30px;
    line-height:30px;
    background:#fff;
}
.index-news-list .des .more .red {color:#d6251f;}
.index-news-list li .date {
    position:absolute;
    top:10px;
    right:0;
    display:block;
    font-size:14px;
    color:#b8adad;
}
.index-news-other {
    overflow:hidden;
}
.index-other-tab {margin-bottom:25px;}
.index-other-tab li{
    float:left;
    margin-right:3px;
}
.index-other-tab li a {
    display:block;
    width:125px;
    height:43px;
    font-size:16px;
    color:#333;
    line-height:43px;
    text-align:center;
    background:#eee;
}
.index-other-tab li.on a {
    color:#fff;
    background:#d6251f;
}
/*内页通用*/
.inner-banner {
    position:relative;
    width:100%;
    overflow:hidden;
    background: #fff;
}
.inner-banner > img {
    display:block;
    max-width:100%;
    margin:0 auto;
}
.inner-tab {
    position:absolute;
    left:50%;
    bottom:0;
    width:1200px;
    margin-left:-600px;
    background:rgba(0,0,0,.72);
}
.inner-tab ul {
    padding:0 40px;
    text-align:center;
}
.inner-tab .tab {
    display:inline-block;
    padding:0 38px;
}
.inner-tab .tab a {
    position:relative;
    display:block;
    height:38px;
    padding:25px 0 30px;
    font-size:18px;
    color:#a5a2a2;
    line-height:38px;
    text-align:center;
}
.inner-tab .tab.on a,.inner-tab .tab a:hover {color:#f00;}
.inner-tab .tab a strong {font-weight:normal;}
.inner-tab .tab .icon {
    display:inline-block;
    vertical-align:-12px;
}
.inner-tab .tab .icon img,
.inner-tab .tab.on .icon img:first-child,
.inner-tab .tab a:hover .icon img:first-child{
    display:none;
}
.inner-tab .tab .icon img:first-child,
.inner-tab .tab.on .icon img,
.inner-tab .tab a:hover .icon img{display:inline-block;}
.inner-bread-menu {
    padding:20px 0;
    font-size:16px;
    color:#333;
}
.inner-bread-menu .icon {
    display:inline-block;
    margin:0 3px;
}
.inner-bread-menu a.on {color:#f00;}
.inner-title {
    position:relative;
    padding-bottom:25px;
    text-align:center;
    border-bottom:1px solid #ddd;
}
.inner-title strong {
    font-size:26px;
    font-weight:normal;
    color:#000;
}
.inner-title .line {
   position:absolute;
    left:50%;
    bottom:0;
    display:block;
    width:40px;
    height:3px;
    margin-left:-20px;
    background:#888;
}
.inner-main-content {padding-bottom:120px;}
.inner-article {padding:50px 35px;}
article {
    font-size:14px;
    color:#666;
    line-height:2.2;
}
article .title {
    font-size:20px;
    color:#000;
}
.about-data-statistics {padding:70px 30px 0;}
.about-data-statistics ul {margin-left:-100px;}
.about-data-statistics li {
    position:relative;
    float:left;
    width:185px;
    height:170px;
    margin-left:100px;
}
.about-data-statistics .middle-date {
    padding:25px 0 0 35px;
    font-size:16px;
    color:#333;
}
.about-data-statistics .top-square,.about-data-statistics .bottom-square {
    position:absolute;
    left:0;
    width:100%;
    height:25px;
    border:1px solid #000;
}
.about-data-statistics .top-square {
    top:0;
    border-bottom:0;
}
.about-data-statistics .bottom-square {
    bottom:0;
    border-top:0;
}
.about-data-statistics .number {
    font-size:36px;
    font-weight:normal;
    color:#000;
}
.about-data-statistics .word {
    color:#aba0a0;
}
.about-data-statistics .word1 {
    display:block;
    padding:20px 0 10px;
    color:#e81212;
}
.about-content2 {
    padding:120px 20px 0;
}
.about-content4 {padding-top:50px;}
.about-content2 .picture-wrap {
    float:left;
    width:440px;
    height:365px;
}
.about-content2 .article-wrap {
    position:relative;
    min-height:365px;
    margin-left:480px;
}
.about-content2 .article-wrap-inner {
    position:absolute;
    top:50%;
    width:100%;
    transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
}
.about-content2 .article-wrap .title {
    margin-bottom:25px;
    font-size:24px;
    color:#142640;
}
.about-content2 .article-wrap .title .small {
    font-size:36px;
    color:#e62129;
}
.about-content2 .article-wrap article {
    font-size:16px;
}
.about-content3 .inner-content-tab {
    padding:65px 0 55px;
}
.inner-content-tab .item-list {
    text-align:center;
}
.inner-content-tab .item-list li {
    display:inline-block;
    padding:0 20px;
}
.inner-content-tab .item-list li a {
    font-size:18px;
    color:#b9a5a4;
}
.inner-content-tab .item-list li.on a {color:#443d3c;}
.about-history-list {  padding:0 45px; }
.history-tab {
    float:left;
    width:150px;
}
.history-tab li {margin-bottom:18px;}
.history-tab li a {
    position:relative;
    display:block;
    width:93px;
    height:93px;
    font-size:26px;
    color:#fff;
    line-height:93px;
    text-align:center;
    background:#656365;
    border-radius:100%;
    -moz-border-radius:100%;
    -webkit-border-radius:100%;
}
.history-tab li.on a {
    color:#fff;
    background:#f00;
}
.history-tab li a strong {font-weight:normal;}
.history-tab li .str {
    position:absolute;
    top:36px;
    right:-18px;
    display:none;
    width:0;
    height:0;
    border-left:20px solid #f00;
    border-top:10px solid transparent;
    border-bottom:10px solid transparent;
}
.history-tab li.on .str {display:block;}
.history-content {
    min-height:600px;
    margin-left:150px;
}
.history-each-content {
    display:none;
    padding-top:35px;
}
.history-each-content li {
    margin-bottom:20px;
    font-size:16px;
    color:#000;
}
.history-each-content .history-time {
    float:left;
    display:block;
    color:#f00;
}
.history-each-content .history-event {
    display:block;
    margin-left:120px;
}
.about-aword-survey {
    height:345px;
    background:url(../images/about-bg1.jpg) no-repeat center top;
}
.about-aword-survey ul {
    padding-top:75px;
}
.about-aword-survey li {
    float:left;
    width:19.33%;
    padding:0 7%;
    text-align:center;
}
.about-aword-survey li .number {
    display:block;
    width:128px;
    height:128px;
    margin:0 auto 20px;
    font-weight:normal;
    font-size:36px;
    color:#f00;
    line-height:128px;
    background:#fff;
    border-radius:100%;
    -moz-border-radius:100%;
    -webkit-border-radius:100%;
}
.about-aword-survey li .tips {
    font-size:18px;
    color:#aaa;
}
.about-award-list {padding-top:85px;}
.about-award-list-content {
    padding:0 100px;
}
.table-table {
    width:100%;
    display: table;
}
.table-tr {  display:table-row;  }
.table-td {  display:table-cell;  }
.about-award-list .table-td {
    width:50%;
    padding-bottom:50px;
}
.about-award-list dt {
    margin-bottom:20px;
    font-size:26px;
    color:#000;
}
.about-award-list dd {
    margin-bottom:10px;
    font-size:18px;
    color:#888;
}
/*产品*/
.inner-second-title {
    font-size:30px;
    color:#000;
    text-align:center;
}
.each-product-wrap1 {
    padding:40px 0 120px;
}
.each-product-wrap1 .inner-second-title {
    font-size:36px;
}
.inner-second-title .mark {
    font-size:80px;
}
.inner-tips {
    width:900px;
    margin:40px auto 0;
    font-size:18px;
    color:#888;
    text-align:center;
}
.each-product-wrap2 {
    padding:70px 0;
    background:#eee;
}
.product-video {
    margin-top:50px;
    text-align:center;
}
.each-product-wrap3 {
    height:790px;
    padding-top:85px;
    background:url(../images/product-bg.jpg) no-repeat center top;
}
.each-product-wrap3 .inner-second-title {
    color:#fff;
}
.appllication-show-list {
    padding-top:175px;
    text-align: center;
}
.appllication-show-list li {
    /* float:left; */
    width:25%;
    text-align:center;
    display: inline-block;
}
.appllication-show-list li a {display:block;}
.appllication-show-list li img {
    border-radius:100%;
    -moz-border-radius:100%;
    -webkit-border-radius:100%;
}
.appllication-show-list li strong {
    display:block;
    padding-top:20px;
    font-weight:normal;
    font-size:18px;
    color:#fff;
}
.each-product-wrap4 {padding:80px 0 105px;}
.product-list {padding-top:55px;}
.product-list li {
    float:left;
    width:33.33%;
    margin-bottom:55px;
    text-align:center;
}
.product-list li a {
    display:block;
    width:314px;
    margin:0 auto;
}
.product-list li .picture-wrap {
    width:314px;
    height:314px;
    overflow:hidden;
}
.product-list li .picture-wrap img {transition:all .4s;}
.product-list li:hover .picture-wrap img {transform:scale(1.05);}
.product-list li a strong {
    display:block;
    height:64px;
    font-weight:normal;
    font-size:18px;
    color:#000;
    line-height:64px;
    text-align:left;
    border-bottom:1px solid #dad8dd;
    transition:all .4s;
    -moz-transition:all .4s;
    -webkit-transition:all .4s;
}
.product-list li:hover a strong {
    color:#d6251f;
    border-bottom-color:#d6251f;
}
.product-list-page {
    padding:45px 0 150px;
}
.product-list-page .inner-second-title {padding-bottom:25px;}
.product-detail-wrap1 {
    padding:120px 0 140px;
    background: -ms-linear-gradient(top,rgba(71,76,82,.85),rgba(71,76,82,1));
    background: -moz-linear-gradient(top,rgba(71,76,82,.85),rgba(71,76,82,1));
    background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(rgba(71,76,82,.85)), to(rgba(71,76,82,1)));
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(71,76,82,.85)), to(rgba(71,76,82,1)));
    background: -webkit-linear-gradient(top,rgba(71,76,82,.85),rgba(71,76,82,1));
    background: -o-linear-gradient(top,rgba(71,76,82,.85),rgba(71,76,82,1));
}
.product-detail-wrap1 .picture-wrap {
    float:left;
    width:320px;
    padding:0 100px 0 120px;
}
.product-detail-wrap1 .picture-wrap img {border-radius:100%;}
.product-detail-wrap1 .inner-second-title {
    padding:20px 0 75px;
    color:#fff;
    text-align:left;
}
.product-detail-wrap1 .parameter {
    margin-left:540px;
}
.product-detail-wrap1 .parameter strong {
    display:block;
    margin-bottom:15px;
    font-size:24px;
    font-weight:normal;
    color:#ccc;
}
.product-detail-wrap1 .parameter article {color:#ccc;}
.product-detail-wrap1 .parameter li {
    display:inline-block;
    /* width:30%; */
    margin-bottom:10px;
    font-size:16px;
    color:#a59f9f;
}
.product-detail-wrap2 {
    padding:90px 0 180px;
}
.product-detail-wrap2 .inner-second-title {margin-bottom:100px;}
.product-detail-wrap2 .picture-text-wrap {
    padding:0 170px;
}
.product-detail-wrap2 .picture-wrap {
    float:left;
    width:320px;
    padding:0 35px;
}
.product-detail-wrap2 .text-wrap {
    margin-left:390px;
    padding-top:20px;
}
.product-detail-wrap2 .text-wrap li {
    width:380px;
    height:40px;
    margin-bottom:40px;
    padding:0 20px;
    font-size:16px;
    color:#fff;
    line-height:40px;
    border-radius:20px;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
}
.product-detail-wrap2 .text-wrap .item-color1 {background-color:#474c52;}
.product-detail-wrap2 .text-wrap .item-color2 {background-color:#fc0225;}
.product-detail-wrap2 .text-wrap .item2 {margin-left:40px;}
.product-detail-wrap3 {
    padding:80px 0 130px;
    background-color:#eee;
}
.product-detail-wrap3 .inner-second-title {
    position:relative;
    margin-bottom:110px;
}
.product-detail-wrap3 .inner-second-title .line {
    position:absolute;
    top:21px;
    display:block;
    width:100%;
    height:1px;
    background:#ccc;
}
.product-detail-wrap3 .inner-second-title strong {
    z-index:1;
    position:relative;
    display:inline-block;
    padding:0 20px;
    font-weight:normal;
    color:#f00;
    background:#eee;
}
.product-detail-wrap3 .parameter-list li {
    margin-bottom:15px;
    font-size:14px;
    color:#999;
}
.product-detail-wrap3 .parameter-list li strong {
    font-weight:normal;
    color:#000;
}
.product-detail-wrap4 {padding:120px 0 200px;}
.product-detail-wrap4 .appllication-show-list li strong {color:#333;}
.news-list {padding:0 40px;}
.news-list .item-list {padding-bottom:45px;}
.news-list li {
    padding:40px 0 30px;
    border-bottom:1px solid #f0f0f0;
}
.news-list li .picture-wrap {
    float:left;
    width:260px;
    height:170px;
    overflow:hidden;
}
.news-list li .picture-wrap img {
    transition:all .4s;
}
.news-list li:hover .picture-wrap img {transform:scale(1.05);}
.news-list li .text-wrap {
    margin-left:285px;
}
.news-list li .date {
    font-size:18px;
    color:#b8b3b3;
}
.news-list li .news-name{
    padding:5px 0 15px;
    font-size:24px;
    color:#4e314f;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
.news-list li:hover .news-name {color:#d6251f;}
.news-list li .descrition {
    height:40px;
    margin-bottom:15px;
    font-size:14px;
    color:#787575;
    line-height:20px;
    overflow:hidden;
}
.news-list li .read-more-wrap {text-align:right;}
.news-list li .read-more {
    display:inline-block;
    width:90px;
    height:32px;
    font-size:16px;
    color:#ede8e8;
    line-height:32px;
    text-align:center;
    background:#d6251f;
}
.page {
    text-align:right;
}
.page a {
    display:inline-block;
    height:20px;
    padding:0 8px;
    margin:0 5px;
    font-size:14px;
    color:#8e8b8b;
    line-height:20px;
    text-align:center;
    background:#d8d5d5;
}
.page a.on,.page a.next {
    color:#fff;
    background:#142640;
}
.news-artical {padding:0 30px;}
.news-artical .title-wrap {
    margin-bottom:25px;
    padding-bottom:10px;
    text-align:center;
    border-bottom:1px solid #e8e8e8;
}
.news-artical .title-wrap h1 {
    margin-bottom:20px;
    font-size:28px;
    color:#333;
}
.news-artical .title-wrap .other {
    font-size:16px;
    color:#aaa7a5;
    text-align:right;
}
.news-artical .title-wrap .other span {display:inline-block;margin-left:25px;}
.news-artical .title-wrap .other i {
    font-style:normal;
    color:#000;
}
/*联系我们*/
.join-list-page .tips {
    font-size:16px;
    color:#3f3939;
    line-height:1.8;
}
.join-list-page .title {
    padding:40px 0 35px;
    font-size:24px;
    color:#181717;
}
.join-list .dt-title {margin-bottom:30px;}
.join-list .dt-title li,
.join-list .dd-content .each {
    float:left;
    width:25%;
    height:50px;
    font-size:16px;
    line-height:50px;
    text-align:center;
}
.join-list .dt-title li {
    color:#fff;
    background:#d6251f;
}
.join-list .dd-content a:hover {
    display:block;
    background:#efeeef;
}
.join-list .dd-content .each {
    color:#857f7f;
}
.join-detail .detail-title {
    margin-bottom:45px;
    padding:0 15px;
    font-size:22px;
    color:#fff;
    line-height:50px;
    background:#d6251f;
}
.join-detail article {
    padding:0 10px;
}
.join-detail article strong {color:#000;}
.contact-us {padding:0 30px;}
.contact-information .title {
    padding:30px 0 45px;
}
.contact-box {padding-bottom:45px;}
.contact-box li {
    float:left;
    min-width:305px;
    margin-bottom:35px;
    padding-left:75px;
    font-size:16px;
    color:#aaa;
    line-height:57px;
}
.contact-box .item1 {background:url(../images/contact-icon1-1.jpg) no-repeat left center;}
.contact-box .item2 {background:url(../images/contact-icon1-2.jpg) no-repeat left center;}
.contact-box .item3 {background:url(../images/contact-icon1-3.jpg) no-repeat left center;}
.contact-box .item4 {background:url(../images/contact-icon1-4.jpg) no-repeat left center;}
.contact-box li .label {color:#000;}
.sub-company ul {margin-left:-105px;}
.sub-company li {
    float:left;
    width:300px;
    padding-bottom:30px;
    margin:0 0 50px 105px;
    border-bottom:1px solid #dfdfdf;
}
.sub-company dt {
    margin-bottom:15px;
    font-size:18px;
    color:#000;
}
.sub-company dd {
    margin-bottom:8px;
    font-size:16px;
    color:#aaa;
}
.sub-company dd .dt-label {
    float:left;
    font-weight:normal;
    color:#000;
}
.sub-company dd .dd-content {
    display:block;
    margin-left:50px;
}
.more-btn {
    display:inline-block;
    width:188px;
    height:58px;
    font-size:22px;
    color:#010207;
    line-height:58px;
    text-align:center;
    border:1px solid #000;
    transition:all .4s;
    -moz-transition:all .4s;
    -webkit-transition:all .4s;
}
.more-btn:hover {
    color:#fff;
    background:#d6251f;
    border-color:#d6251f;
}
.bdshare-button-style0-24 {float:right;padding-top:25px;}
.video-list {padding:20px 0;}
.video-list li strong {
    display:block;
    white-space: nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
@media (min-width: 768px) {
    .container {  width: 750px;  }
}
@media (min-width: 992px) {
    .container {  width: 962px;  }
    /*header*/
    header {  height:82px;  }
    header .logo {float:left;padding-top:8px;}
    .header-right {float:right;}
    nav,
    .header-search,
    .header-language {
        float:left;
    }
    .nav-total .item {
        float:left;
    }
    .nav-total .per {
        display:block;
        height:82px;
        padding:0 10px;
        font-size:16px;
        color:#555;
        line-height:82px;
    }
    .nav-total .on .per {
        color:#fff;
        background:#d6251f;
    }
    .sub-nav {
        z-index:9;
        position:absolute;
        display:none;
        left:0;
        width:100%;
    }
    .normal-sub-nav {left:auto;width:auto;}
    .nav-total .mask {
        z-index:8;
        position:absolute;
        left:0;
        display:none;
        width:100%;
        height:70px;
        background:rgba(0,0,0,.69);
    }
    .normal-sub-nav .container {width:auto;}
    .normal-sub-nav li {
        display:inline-block;
        margin:0 25px;
    }
    .normal-sub-nav li:first-child {margin-left:0;}
    .normal-sub-nav li a {
        display:block;
        height:70px;
        font-size:16px;
        color:#ccc;
        line-height:70px;
    }
    .normal-sub-nav li:hover a {color:#fff;}
    .product-sub-nav {
        padding:50px 0 35px;
        background:rgba(0,0,0,.69);
    }
    .product-sub-nav li {
        float:left;
        margin-left:65px;
        max-width: 180px;
    }
    .product-sub-nav li:first-child {margin-left:0;}
    .product-sub-nav .dt-title {
        margin-bottom:30px;
        font-size:18px;
    }
    .product-sub-nav .dt-title a {color:#fff;}
    .product-sub-nav .dd-content .each {margin-bottom:10px;}
    .product-sub-nav .dd-content a {display:block;}
    .product-sub-nav .dd-content .icon {
        float:left;
        display:block;
    }
    .product-sub-nav .dd-content a strong {
        display:block;
        margin-left:65px;
        font-weight:normal;
        font-size:16px;
        color:#aaa;
        line-height:50px;
        white-space:nowrap;
    }
    .product-sub-nav .dd-content a:hover strong {color:#fff;}
    .header-search {padding:25px 0 0 35px;}
    .header-search .input-search {
        width:100px;
        height:30px;
        padding:0 15px;
        background:#cbd1d8;
        border:1px solid #a6aaae;
        border-radius:15px;
        -moz-border-radius:15px;
        -webkit-border-radius:15px;
    }
    .header-search .input-search-go {
        width:32px;
        height:32px;
        background:url(../images/header-search.png) no-repeat center center;
    }
    .header-language {
        float:right;
        padding:0 15px;
        color:#d6251f;
        line-height:82px;
    }
    .header-language a {
        font-size:16px;
        color:#d6251f;
        text-transform:uppercase;
    }
    /*footer*/
    .footer-menu {  padding:40px 0 20px;  }
    .bottom-menu {  float:left;  }
    .footer-menu li {  float:left;  }
    .footer-menu .dt-title {
        margin-bottom:20px;
        padding-right:60px;
        font-size:20px;
        color:#fff;
    }
    .footer-menu .each {
        padding-bottom:10px;
    }
    .footer-menu .dd-content a {
        position:relative;
        display:block;
        padding:0 45px 0 0;
        font-size:14px;
        color:#888;
        line-height:21px;
        transition:all .4s;
    }
    .footer-menu .dd-content a:hover {
        padding:0 30px 0 15px;
        color:#fff;
    }
    .footer-menu .dd-content .line {
        position:absolute;
        top:9px;
        left:0;
        display:inline-block;
        width:0;
        height:1px;
        margin-right:5px;
        background:#fff;
        transition:all .4s;
    }
    .footer-menu .dd-content a:hover .line {width:10px;}
    footer .bottom-menu li select {
        max-width:128px;
        font-size:14px;
        color:#888;
        background:transparent;
        border:0;
    }
    .bottom-qr-code {
        display:none;
        float:right;
    }
    .bottom-qr-code .qr-code-word {
        display:block;
        padding:8px 0;
        font-size:12px;
        color:#fff;
        text-align:center;
    }
    .footer-copyright .container {
        padding:18px 0 25px;
        border-top:1px solid #415677;
    }
    .footer-copyright .bottom-logo {float:left;}
    .footer-copyright .copyright {
        float:right;
        font-size:14px;
        color:#888;
        text-align:right;
    }
    .footer-copyright .copyright .each {
        display:block;
    }
    .footer-copyright .copyright .each:first-child {margin-bottom:10px;}
    .footer-copyright .copyright .color-word {
        font-style:normal;
        color:#fff;
    }
    .index-news-kind {float:left;width:65%;}
    .index-news-other {float:right;width:32%;}
    .index-news-tab {margin-bottom:25px;}
    .index-news-tab li {margin-right:40px;}
    .news-scroll-picture,.news-scroll-picture li a {width:335px;  height:270px;}
    .news-scroll-picture {float:left;}
    .index-other-tab li a {width:99px;}
    .about-data-statistics {padding:70px 0 0;}
    .about-data-statistics ul {margin-left:-5%;}
    .about-data-statistics li {width:20%;margin-left:5%;}
    .product-page .inner-tab,.contact-total-page .inner-tab,.news-page .inner-tab {display:none;}
    .video-list ul {padding:0 15px;margin-left:-5%;}
    .video-list li {float:left;width:45%;margin:0 0 5% 5%;}
}

@media (min-width: 1200px) {
    .container { width: 1170px;  }
    .nav-total .per {padding:0 10px;}
    .header-search .input-search {width:160px;}
    .footer-menu dt {padding-right:85px;}
    .footer-menu dd a {padding:0 85px 0 0;}
    .footer-menu dd a:hover{padding:0 70px 0 15px;}
    footer .bottom-menu li select {max-width:155px;}
    .index-news-kind {width:750px;}
    .news-scroll-picture,.news-scroll-picture li a {width:335px;  height:270px;}
    .index-news-other {width:384px;}
    .video-list ul {padding:0;margin-left:-22.5px;}
    .video-list li {width:375px;margin:0 0 22.5px 22.5px;}
}
@media (min-width: 992px) and (max-width: 1200px) {
    .normal-sub-nav {left:0;}
    .product-sub-nav li {margin-left:15px;}
}
@media (max-width: 991px){
    .container {width:91%;padding:0 4.5%;}
    /*header*/

    header {position:relative;}
    header .container {width:100%;padding:0;}
    header .logo{padding:10px 0;text-align:center;}
    header .total-btn {
        position:absolute;
        right:4.5%;
        top:20px;
        display:block;
        width:50px;
        height:40px;
        background:url(../images/total-btn.png);
        background-size:100% 100%;
    }
    header .header-right {
        z-index:999;
        position:absolute;
        display:none;
        width:91%;
        padding:0 4.5% 5%;
        background:#000;
    }
    header .header-right a {
        color: #BFBEBE;
        text-transform:uppercase;
    }
    nav a {display:block;}
    nav .item > a,
    .header-language a {
        font-size:18px;
        line-height:50px;
    }
    .sub-nav,
    .product-sub-nav .dd-content {display:none;}
    .normal-sub-nav a,
    .product-sub-nav .dt-title a{
        display:block;
        padding-left:15px;
        font-size:16px;
        line-height:50px;
    }
    nav .item > a,
    .product-sub-nav .dt-title a {
        background:url(../images/bg_mobileico2.png) no-repeat right center;
    }
    nav .item.on > a,
    .product-sub-nav .dt-title.on a {
        color:#fff;
        background:url(../images/bg_mobileico3.png) no-repeat right center;
    }
    nav .item:first-child > a,
    nav .item:first-child.on > a {
        color:#BFBEBE;
        background:none;
    }
    .product-sub-nav .dd-content a img {display:none;}
    .product-sub-nav .dd-content a strong {
        display:block;
        padding-left:30px;
        font-weight:normal;
        font-size:14px;
        line-height:50px;
    }
    header .header-search {display:none;padding-top:15px;}
    header .input-search {
        width:50%;
        height:40px;
        padding:0 10px;
        font-size:14px;
        color:#fff;
        background:transparent;
        border:1px solid #BFBEBE;
        border-radius:5px;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
    }
    header .input-search-go {
        width:42px;
        height:42px;
        background:url(../images/header-search1.png) no-repeat center center;
    }
    .footer-menu {
        padding:30px 0 40px;
        border-bottom:1px solid #415677;
    }
    .footer-menu .dt-title {
        height:45px;
        font-size:16px;
        color:#BFBEBE;
        line-height:45px;
        background:url(../images/jiahao.png) no-repeat right center;
    }
    .footer-menu .dt-title.on {background:url(../images/jianhao.png) no-repeat right center;}
    .footer-menu .dd-content {display:none;}
    .footer-menu .dd-content a {
        display:block;
        padding-left:15px;
        font-size:14px;
        color:#666;
        line-height:45px;
    }
    .footer-menu .bottom-qr-code {display:none;}
    .bottom-logo {display:none;}
    .copyright {
        padding:15px 0;
        font-size:14px;
        color:#BFBEBE;
        text-align:center;
    }
    .copyright .color-word {font-style:normal;color:#fff;}
    .index-banner .swiper-container,.index-banner .swiper-slide a {height:450px;}
    .index-news-tab {margin-bottom:25px;white-space:nowrap;overflow:auto;}
    .index-news-tab li {float:none;display:inline-block;}
    .index-news-tab li a {margin-bottom:0;}
    .news-scroll-picture li a {width:100%;height:200px;}
    .news-scroll-picture img {width:100%;}
    .index-other-tab li {width:30%;}
    .index-other-tab li a {width:100%;}
    .index-news-list {margin-left:0;}
    .index-news-other {padding-top:25px;}
    .index-video img {width:100%;}
    .inner-banner img {display:none!important;}
    .inner-tab {
        position:relative;
        left:0;
        width:100%;
        margin-left:0;
        background:#fff;
        white-space:nowrap;
        overflow:auto;
    }
    .inner-tab:after {
        content:'';
        position:absolute;
        left:0;
        top:51px;
        display:block;
        width:100%;
        height:2px;
        background:#eee;
    }
    .product-page .inner-tab {height:103px;}
    .inner-tab > ul {
        position:relative;
        width:91%;
        padding:0 4.5%;
        height:52px;
        text-align:left;
    }
    .inner-tab .tab {padding:0 38px 0 0;}
    .inner-tab .tab a {
        z-index:1;
        position:relative;
        height:50px;
        padding:0;
        font-size:16px;
        color:#BEBEBE;
        line-height:50px;
    }
    .inner-tab .tab > a {  border-bottom:3px solid transparent;}
    .inner-tab .tab.on > a, .inner-tab .tab > a:hover {
        color:#000;
        border-color:#f00;
    }
    .inner-tab .tab.on .inner-sub-tab a {color:#BEBEBE;}
    .inner-tab .tab.on .inner-sub-tab .on a {color:#f00;}
    .inner-sub-tab {
        position:absolute;
        left:0;
        display:none;
        width:91%;
        padding:0 4.5%;
        white-space:nowrap;
        overflow:auto;
    }
    .inner-tab .tab.on .inner-sub-tab {display:block;}
    .inner-sub-tab ul {
        padding:0;
        text-align:left;
    }
    .inner-sub-tab li {display:inline-block;margin-right:20px;}
    .inner-bread-menu {display:none;}
    .inner-main-content {padding:35px 0 50px;}
    .inner-title {border-bottom:0;}
    .inner-article {padding:35px 0;}
    .about-data-statistics {padding:35px 0 0;}
    .about-data-statistics ul {margin-left:-3%;}
    .about-data-statistics li {width:22%;height:150px;margin-left:3%;}
    .about-data-statistics .middle-date {padding:10% 0 0 10%;font-size:14px;}
    .about-data-statistics .number {font-size:24px;}
    .about-content2 {padding:35px 0 0;}
    .about-content2 .picture-wrap {float:none;width:100%;height:auto;}
    .about-content2 .picture-wrap img {width:100%;}
    .about-content2 .article-wrap {margin-left:0;}
    .about-content2 .article-wrap .title {margin-bottom:15px;font-size:20px;}
    .about-content2 .article-wrap .title .small {font-size:28px;}
    .about-content2 .article-wrap-inner {
        position:relative;
        top:0;
        padding-top:20px;
        transform: translateY(0);
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
    }
    .about-content3 .inner-content-tab {padding:35px 0 30px;}
    .history-tab {float:none;width:100%;text-align:center;overflow:auto;}
    .history-tab li {display:inline-block;margin:0 8px;}
    .history-tab li.on .str {display:none;}
    .history-tab li a {width:75px;height:75px;font-size:20px;line-height:75px;}
    .history-content {margin-left:0;}
    .about-award-list-content {padding:0;}
    .table-tr,.table-td {display:block;}
    .about-history-list {padding:0;}
    .about-award-list .table-td {width:100%;padding-bottom:25px;}
    .about-aword-survey li {width:33.33%;padding:0;}
    .about-aword-survey li .number {width:95px;height:95px;font-size:30px;line-height:95px;}
    .about-aword-survey li .tips {font-size:16px;}
    .about-award-list dt {margin-bottom:15px;font-size:22px;}
    .about-award-list dd {font-size:16px;}
    article {line-height:1.8;}
    article .title {font-size:18px;}
    .inner-second-title .mark {font-size:64px;}
    .each-product-wrap1 .inner-second-title {font-size:28px;}
    .inner-tips {width:100%;margin:20px auto 0;font-size:16px;line-height:1.6;}
    .each-product-wrap1,
    .each-product-wrap2,
    .each-product-wrap3,
    .each-product-wrap4{padding:40px 0;}
    .each-product-wrap3 {height:450px;background-size:auto 100%;}
    .each-product-wrap3 .inner-second-title,
    .each-product-wrap3 .inner-tips,
    .each-product-wrap4 .inner-second-title{width:91%;padding:0 4.5%;}
    .each-product-wrap3 .container,
    .each-product-wrap4 .container,
    .product-detail-wrap4 .container,
    .contact-page > .container {width:100%;padding:0;}
    .appllication-show-list {
        padding:100px 4.5% 0;
        white-space:nowrap;
        overflow:auto;
    }
    .appllication-show-list li {
        float:none;
        display:inline-block;
        width:150px;
        margin-left:20px;
    }
    .appllication-show-list li:first-child {margin-left:0;}
    .each-product-wrap4 .product-list {
        white-space:nowrap;
        overflow:auto;
    }
    .each-product-wrap4 .product-list ul {
        position:relative;
        left:50%;
        text-align:center;
        transform:translateX(-50%);
        white-space:nowrap;
        overflow:auto;
    }
    .each-product-wrap4 .product-list li {
        float:none;
        display:inline-block;
        width:50%;
        margin:0 4.5% 4.5%;
    }
    .product-list {padding-top:35px;}
    .product-list li a,
    .product-list li .picture-wrap {width:100%;height:auto;}
    .product-list li a strong {height:50px;font-size:16px;line-height:50px;}
    .product-list-page {padding:45px 0 85px;}
    .product-list-page .inner-content-tab {display:none;}
    .product-list-page .product-list ul {margin-left:-4.5%;}
    .product-list-page .product-list li {
        width:45.5%;
        margin:0 0 25px 4.5%;
    }
    .product-detail-wrap1 {padding:45px 0;}
    .product-detail-wrap1 .picture-wrap {
        width:40%;
        padding:45px 0 0;
    }
    .product-detail-wrap1 .text-wrap {}
    .product-detail-wrap1 .inner-second-title {
        padding:0 0 20px;
        font-size:24px;
    }
    .product-detail-wrap1 .parameter {margin-left:43%;}
    .product-detail-wrap1 .parameter strong {font-size:20px;}
    .product-detail-wrap1 .parameter li {width:100%;font-size:14px;}
    .product-detail-wrap2 {padding:40px 0 80px;}
    .product-detail-wrap2 .inner-second-title,
    .product-detail-wrap3 .inner-second-title{margin-bottom:35px;}
    .product-detail-wrap2 .picture-text-wrap {padding:0;}
    .product-detail-wrap2 .picture-wrap {
        width:40%;
        padding:45px 0 0;
    }
    .product-detail-wrap2 .text-wrap {margin-left:40%;}
    .product-detail-wrap2 .text-wrap li {
        width:90%;
        height:auto;
        padding:10px 0 10px 10px;
        margin-bottom:2rem;
        line-height:1.2;
    }
    .product-detail-wrap2 .text-wrap .item2 {margin-left:10%;}
    .product-detail-wrap3 {padding:50px 0 80px;}
    .product-detail-wrap4 {padding:50px 0;}
    .product-detail-wrap4 .inner-tips,
    .product-detail-wrap4 .inner-second-title {width:91%;padding:0 4.5%;}
    .appllication-show-list {padding:50px 4.5% 0;}
    .inner-second-title {font-size:24px;}
    .news-page .inner-content-tab {display:none;}
    .news-list {padding:0;}
    .news-list li {padding:20px 0 15px;}
    .news-list li .picture-wrap {width:35%;height:auto;}
    .news-list li .text-wrap {margin-left:38%;}
    .news-list li .date {font-size:14px;}
    .news-list li .news-name {padding:5px 0 10px;font-size:20px;}
    .news-list li .read-more {width:85px;height:30px;line-height:30px;}
    .news-detail-page .inner-title,
    .news-detail-page .inner-content-tab {display:none;}
    .news-artical {padding:0;}
    .news-artical .title-wrap h1 {
        font-size:24px;
    }
    .news-artical .title-wrap .other {text-align:center;}
    .contact-total-page .inner-title {margin-bottom:25px;}
    .contact-total-page .about-content3 {display:none;}
    .map,.contact-information {padding:0 4.5%;}
    .contact-us {padding:0;}
    .contact-box li {
        padding:20px 0 20px 75px;
        margin-bottom:15px;
        line-height:1.5;}
    .sub-company ul {margin-left:0;}
    .sub-company li {
        width:91%;
        padding:4.5%;
        margin:0 0 15px 0;
    }
    .join-list-page .title {padding:25px 0 20px;font-size:20px;}
    .join-list .dt-title {margin-bottom:15px;}
    .join-list .dt-title li,
    .join-list .dd-content .each {
        width:20%;
        height:35px;
        font-size:14px;
        line-height:35px;
        white-space:nowrap;
        overflow:hidden;
    }
    .join-list .dt-title li:first-child,
    .join-list .dd-content .each:first-child,
    .join-list .dt-title li:nth-child(2),
    .join-list .dd-content .each:nth-child(2){
        width:30%;
    }
    .join-list-page .title {font-size:18px;}
    .join-detail .detail-title {
        margin-bottom:25px;
        padding:0 10px;
        font-size:16px;
    }
    .inner-title strong {font-size:22px;}
   /* .page {display:none;}*/
    .more-btn {
        height:45px;
        font-size:18px;
        line-height:45px;
    }
}
@media (max-width: 992px) {
    .bdshare-button-style0-24 {display:none;}
}
@media (max-width: 767px) {


    header .logo img {height:45px;}
    header .total-btn {width:2.5rem;height:2rem;background-size:100% 100%;}
    nav .item > a, .product-sub-nav .dt-title a {
        background: url(../images/bg_mobileico2a.png) no-repeat right center;
        background-size:1.5rem 1.5rem;
    }
    nav .item.on > a, .product-sub-nav .dt-title.on a {
        background: url(../images/bg_mobileico3a.png) no-repeat right center;
        background-size:1.5rem 1.5rem;
    }
    .index-banner .swiper-pagination-bullet,.news-scroll-picture .swiper-pagination-bullet {width:6px;height:6px;margin:0 2px;}
    .index-banner .swiper-pagination-bullet-active {width:8px;height:8px;vertical-align:-1px;}
    .index-banner .swiper-button-prev, .index-banner .swiper-button-next {width:40px;height:40px;background-size:100% 100%;}
    .index-banner .swiper-slide .title {font-size:26px;}
    .index-banner .swiper-slide .title .small {font-size:20px;}
    .index-banner .swiper-slide .more-btn {width:150px;height:30px;font-size:16px;line-height:30px;}
    .index-banner .swiper-slide .more-btn .icon {    background: url(../images/index-banner-icon1.png) no-repeat center center;background-size:1.15rem 1.15rem;}
    .index-banner .swiper-slide .more-btn:hover .icon {    background: url(../images/index-banner-icon1a.png) no-repeat center center;background-size:1.15rem 1.15rem;}
    .index-news-wrap {padding:15px 0 55px;}
    .index-news-tab li {margin-right:25px;}
    .index-news-tab li a {    padding: 0 5px 13px 0;}
    .index-news-list .news-name {background:url(../images/new-icon1-1a.png) no-repeat left center;background-size:1.3rem 1.3rem;}
    .about-content2 .article-wrap .title,
    .about-award-list dt,
    .product-detail-wrap1 .parameter strong,
    .index-news-list li:first-child .news-name{font-size:18px;}
    .about-content2 .article-wrap article,
    .history-each-content li,
    .about-aword-survey li .tips,
    .about-award-list dd,
    .product-detail-wrap2 .text-wrap li,
    .news-list li .read-more,
    .sub-company dd,
    .index-news-list .des,
    .index-news-list .news-name{font-size:14px;}
    .news-list li .date,
    .news-artical .title-wrap .other{font-size:12px;}
    .index-news-list li:first-child .news-name {margin-bottom:5px;}
    .history-tab li {margin:0 5px;}
    .history-tab li a {width:55px;height:55px;font-size:18px;line-height:55px;}
    .history-each-content .history-event {margin-left:100px;}
    .about-award-list {padding-top:45px;}
    .inner-second-title,
    .inner-title strong,
    .news-artical .title-wrap h1{font-size:20px;}
    .inner-content-tab .item-list li a,
    .appllication-show-list li strong,
    .more-btn,
    article .title,
    .news-list li .news-name,
    .sub-company dt{font-size:16px;}
    .news-list li .news-name {padding:5px 0;}
    .news-list li .descrition {margin-bottom:5px;}
    .each-product-wrap1, .each-product-wrap2, .each-product-wrap3, .each-product-wrap4 {padding:30px 0;}
    .each-product-wrap1 .inner-second-title {font-size:24px;}
    .inner-second-title .mark {font-size:50px;}
    .product-list-page {padding:30px 0 60px;}
    .product-list-page .inner-second-title {padding-bottom:0;}
    .product-detail-wrap1 .inner-second-title {padding:0 0 10px;font-size:22px;}
    .product-detail-wrap1 .parameter strong {margin-bottom:10px;}
    .news-list li .picture-wrap {width:40%;}
    .news-list li .text-wrap {margin-left:43%;}
    .contact-box li {margin-bottom:10px;}
    .contact-information .title {padding:20px 0 25px;}
    .footer-menu .dt-title {
        background: url(../images/jiahao1.png) no-repeat right center;
        background-size:1.2rem 1.2rem;
    }
    .footer-menu .dt-title.on {
        background: url(../images/jianhao1.png) no-repeat right center;
        background-size:1.2rem auto;
    }
    .video-list ul {padding:0 15px;}
    .video-list li {width:100%;}
}
.friend-links {display:none;}


@media (min-width: 1200px){
    .friend-links {display:block;padding:30px 0 15px;}
    .friend-links .brand-list ul {margin-left:-12px;}
    .friend-links .brand-list li{
        margin:0 0 12px 12px;
    }
    .friend-links .brand-list li a,.friend-links .brand-list li img {display:block;}
    .friend-links .select-list li {margin:16px 0 0 16px;}
    .friend-links .select-list select {
        width:215px;
        height:36px;
        padding:0 10px;
        font-size:14px;
        color:#312e2e;
        line-height:36px;
        border:0;
    }
    .bottom-qr-code {
        display:block;
        width:134px;
    }
    .bottom-qr-code .qr-code-word {font-size:16px;}
}

.footer-copyright .copyright a {color:#888;}




