@charset "UTF-8";

/*整站样式*/

html,body,dl,dd,img,form,div,ul,ol,li,h1,h2,h3,h4,h5,h6,p,button,input{margin:0;padding:0; border:0;}

*{ -webkit-tap-highlight-color: transparent;}

body{font-family:"Microsoft YaHei", STHeiti, 宋体, arial;background-color:#fff;  }

input,textarea,button{font-family:"Microsoft YaHei",STHeiti,  宋体, arial;padding: 0;font-family: Verdana, Arial;}

h1,h2,h3,h4,h5,h6{font-family:"Microsoft YaHei", STHeiti,  宋体, arial;font-weight: normal;  }

img {border:0;}

input[type=submit]:hover,button:hover { cursor:pointer;}

input:focus,textarea:focus,button:focus,input:active {outline-color:transparent;border:0;}

a {color:#000;  }

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{width:1200px;border: 0;padding:0;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 {

    content:"";

    display:table;

}

.clearfix:after {

    clear:both;

}

.clearfix {

    zoom:1;

}

.fl{float: left;}

.fr{float: right;}

.absolute { position: absolute;}

.pors{position: relative;}

.tl{text-align: left;}

.tc{text-align: center;}

.tr{text-align: right;}

header li,

.index-product li,

.item-list li{ list-style-type:none;}

.layouts {

    position:relative;

    width:1300px;

    margin:0 auto;

}

.layouts:after,.layouts:before {

    content:"";

    display:table;

}

.layouts:after {clear:both;}

.clear {clear:both;}

.inline_block {display:inline-block;}

.ptb50 {padding:50px 0;}

.blue {color:#006aff;}

.blue1 {color:#09abd9;}

.bg1 {background:#fafafa;}

.bg2 {background:#f4f4f4;}

.picture {overflow:hidden;}

.picture img {transition:all .4s;-moz-transition:all .4s;-webkit-transition:all .4s;}

li:hover .picture img,.each-item:hover .picture img,.each:hover .picture img {transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05);}

input:-ms-input-placeholder,textarea:-ms-input-placeholder{  color: #999;  }

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{  color: #999;  }

/*header*/

header {

    z-index:1000;

    position:fixed;

    width:100%;

    height:79px;

    background:#fff;

    border-bottom:1px solid #d8d8d8;

}

header .logo {

    float:left;

    padding:28px 10px 0 0;

}

nav {float:left;}

nav > ul > li {

    float:left;

    height:79px;

    line-height:79px;

}

nav .per {

    display:block;

    margin-left: 25px;

    font-size: 18px;

    color:#060606;

    transition:all .4s;

}

nav > ul > li:last-child .per {color:#999;}

nav .on .per,nav li:hover .per {

    color:#da251e;

}

header .right-content {

    float:right;

    line-height:79px;

    text-align:right;

}

header .right-content > div {

    float:right;

    display:inline-block;

    /*margin-left:15px;*/

}

header .right-content a {

    display:block;

    padding:0 20px 0 45px;

    font-size: 18px;

    color:#999;

}

header .right-content a:hover {background-color:#f0f0f0;}

header .right-content .search-btn { background:url(../images/header-search.png) no-repeat 20px center; }

header .right-content .language { background:url(../images/header-language.png) no-repeat 20px center; }

header .search-wrap {

    position:absolute;

    left:0;

    display:none;

    width:100%;

    padding:43px 0;

    text-align:center;

	z-index:3;

    background:#f0f0f0;

}

header .search-box > div {display:inline-block;}

header .search-input-text {

    width:730px;

    height:63px;

    padding:0 35px;

    background-color:#fff;

    border-radius:10px;

    box-shadow:0 0 5px rgba(0,0,0,.05);

}

header .search-wrap .search-input {

    width:660px;

    height:63px;

    font-size:14px;

    line-height:63px;

}

header .search-wrap .search-go {

    width:63px;

    height:63px;

    background:url(../images/search-btn.png) no-repeat center center;

}

header .search-close-wrap {margin-left:20px;}

header .search-wrap .close {

    display:block;

    width:63px;

    height:63px;

    background:url(../images/close.png) no-repeat center center;

}

.sub-nav {

    z-index:9;

    position:absolute;

    height:0;

    padding:0;

    opacity:0;

    overflow:hidden;

    transition:all .6s;

    background:#56667a;

}

.product-sub-nav {

    left:0;

    width:100%;

}

.sub-nav.on {height:auto;

    opacity:1;}

.product-sub-nav.sub-nav.on {padding:30px 0;}

.sub-nav .wrap {

    width:1280px;

}

.sub-nav .swiper-slide:nth-child(1) .each-dl{

    border-left: 0;

}



.sub-nav .each-dl {

    width: calc(100% - 91px);

    padding:0 45px;

    margin:0 auto;

    border-left: 1px solid #cbcbcb;

}

.sub-nav .dt-title {height:60px;margin-bottom:25px;}

.sub-nav .dt-title .picture-wrap {

    float:left;

    height:60px;

}



.sub-nav .dd-content{font-size: 0;line-height: 1;}



.sub-nav .each{

    display: inline-block;

    vertical-align: top;

    width: 50%;

}



.sub-nav .dt-title strong {

    display:block;

    margin-left:75px;

    font-weight:normal;

    font-size:18px;

    color:#fff;

    line-height:60px;

}

.sub-nav .dt-title strong a {color:#fff;}

.sub-nav .dd-content .each a {

    display:block;

    padding:3px 0;

    font-size:14px;

    color:#fff;

    line-height: 20px;

    background: url(../images/nav-icon.png) no-repeat 90% center;

}

.sub-nav .dd-content .each a:hover {font-weight:bold;opacity:.7;}

.sub-nav .swiper-button-next,

.sub-nav .swiper-button-prev {

    width:18px;

    height:33px;

    margin-top:-16.5px;

}

.sub-nav .swiper-button-next {background:url(../images/next1.png) no-repeat center center;}

.sub-nav .swiper-button-prev {background:url(../images/prev1.png) no-repeat center center;}

.sub-nav .swiper-button-next.swiper-button-disabled,.sub-nav .swiper-button-prev.swiper-button-disabled {opacity:0;}

.normal-sub-nav.sub-nav.on {padding:15px 0;}

.normal-sub-nav li {line-height:30px;}

.normal-sub-nav .sper {

    padding:0 35px;

    font-size:14px;

    color:#fff;

    line-height:30px;

}

.normal-sub-nav .sper:hover {

    text-decoration:underline;

}

/*footer*/

footer {

    background:#383838;

}

footer .top-footer .wrap {padding:50px 0;border-bottom:1px solid #3f3f3f;}

footer .right-side {

    float:right;

}

footer .bottom-menu {

    float:left;

}

footer .bottom-menu .each {

    float:left;

    margin-left:110px;

}

footer .bottom-menu .each:first-child {margin-left:0;}

footer .bottom-menu dt {

    font-size:16px;

    color:#fff;

}

footer .bottom-menu dt,

footer .bottom-menu dd {margin-bottom:15px;}

footer .bottom-menu dd a {

    font-size:14px;

    color:#fff;

    opacity:.5;

}

footer .bottom-menu dd a:hover {opacity:1;}

footer .code-wrap {

    margin-bottom:20px;

    text-align:center;

}

footer .code-wrap .word {

    font-size:14px;

    color:#fff;

}

footer .share-wrap .share {

    display:inline-block;

    width:22px;

    height:22px;

    margin:0 3px;

}

footer .share-wrap .share1 {  background:url(../images/footer-icon1-1.png) no-repeat center center;  }

footer .share-wrap .share2 {  background:url(../images/footer-icon1-2.png) no-repeat center center;  }

footer .share-wrap .share3 {  background:url(../images/footer-icon1-3.png) no-repeat center center;  }

footer .share-wrap .share4 {  background:url(../images/footer-icon1-4.png) no-repeat center center;  }

footer .share-wrap .share5 {  background:url(../images/footer-icon1-5.png) no-repeat center center;  }

footer .copyright {

    padding:18px 0;

    font-size:14px;

    color:#ababab;

    text-align:center;

    opacity:.25;

}

footer .copyright a {

    color:#ababab;

}

/*悬浮窗*/

.fixed-windows {

    z-index:5;

    position:fixed;

    bottom:2%;

    right:0;

}

.fixed-windows li {

    position:relative;

    margin:2px 0;

}

.fixed-windows li a {

    position:relative;

    display:block;

    width:40px;

    height:40px;

    text-align:center;

    background:#cecece;

}

.fixed-windows li:hover a {background:#707070;}

.fixed-windows li a::after {

    position:absolute;

    left:0;

    top:0;

    content:'';

    display:block;

    width:100%;

    height:100%;

}

.fixed-windows .item1 a::after {background:url(../images/fixed-icon1-1.png) no-repeat center center;}

.fixed-windows .item2 a::after {background:url(../images/fixed-icon1-2.png) no-repeat center center;}

.fixed-windows .item3 a::after {background:url(../images/fixed-icon1-3.png) no-repeat center center;}

.fixed-windows .item5 a::after {background:url(../images/close1.png) no-repeat center center;}

.fixed-windows .item6 a::after {background:url(../images/fixed-icon1-4.png) no-repeat center center;}

.fixed-windows li.item4 a.back-to-top {padding-top:3px;height:37px;}

.fixed-windows li a .str {

    display:block;

    width:0;

    height:0;

    margin:0 auto 3px;

    border-bottom:6px solid #fff;

    border-left:4px solid transparent;

    border-right:4px solid transparent;

}

.fixed-windows li a strong {

    display:block;

    padding:0 5px;

    font-size:12px;

    color:#fff;

    line-height:1;

}

.fixed-windows .detail-content {

    position:absolute;

    top:0;

    right:40px;

    display:none;

    background:#707070;

}

.fixed-windows li:hover .detail-content {

    display:block;

}

.fixed-windows .detail-content .word {

    display:block;

    height:40px;

    padding:0 15px;

    font-size:16px;

    color:#fff;

    line-height:40px;

    white-space:nowrap;

}

.fixed-windows .detail-content .qr-code {

    display:block;

    padding:10px;

}

/*首页banner*/

.index-banner {height:100vh;overflow:hidden;}

.index-banner .swiper-container {

    height:100vh;

    width:100%;

    margin:0 auto;

    overflow:visible;

}

.index-banner .swiper-wrapper {

    position:relative;

    -webkit-transform: translate3d(0,0,0);

    -moz-transform: translate3d(0,0,0);

    -o-transform: translate(0,0);

    -ms-transform: translate3d(0,0,0);

    transform: translate3d(0,0,0);

}

.index-banner .swiper-slide {

    z-index:1;

    /*opacity:.5;*/

}

.index-banner .swiper-slide a {display:block;width:100%;height:100%;}

.index-banner .swiper-slide img {

    position:absolute;

    left:50%;

    margin-left:-960px;

}

.index-banner .swiper-slide.swiper-slide-active {z-index:2;opacity:1;}

.index-banner .swiper-button-next,.index-banner  .swiper-button-prev {

    display:none;

    width:32px;

    height:32px;

    margin-top:-16px;

}

.index-banner:hover .swiper-button-next,.index-banner:hover .swiper-button-prev {display:block;}

.index-banner .swiper-button-next {right:16px;background:url(../images/next.png) no-repeat center center;}

.index-banner .swiper-button-prev {left:16px;background:url(../images/prev.png) no-repeat center center;}

.index-banner .swiper-pagination-bullet {width:13px;height:13px;opacity:.6}

.index-banner .swiper-pagination-bullet-active {background-color:#da251e;opacity:1;}

.index-title {

    padding:40px 0 20px;

}

.index-title .title {

    position:relative;

    margin-bottom:8px;

    text-align:center;

}

.index-title .title strong {

    z-index:1;

    position:relative;

    display:inline-block;

    padding:0 15px;

    font-size:26px;

    color:#666;

    background-color:#fff;

}

.index-title .title .line {

    position:absolute;

    left:50%;

    top:19px;

    display:block;

    width:275px;

    height:1px;

    margin-left:-132.5px;

    background:#ccc;

}

.index-more {

    padding-top:30px;

    text-align:center;

}

.index-more .more {

    display:inline-block;

    height:23px;

    padding:0 8px;

    font-size:12px;

    color:#999;

    line-height:23px;

    border:1px solid #dcdcdc;

}

.index-more .more:hover {color:#da251e;border-color:#da251e;}

.index-product .item-list li {

    float:left;

    width:600px;

    height:300px;

}

.index-product .item-list li > div {float:left;}

.index-product .item-list .text-wrap {

    position:relative;

    width:300px;

    height:300px;

    background-color:#f6f6f6;

    transition:all .4s;

}

.index-product .item-list li:hover .text-wrap{

    background-color:#da251e;

}

.index-product .item-list .text {

    position:absolute;

    top:50%;

    padding:0 45px 0 35px;

    transform:translateY(-50%);

    -moz-transform:translateY(-50%);

    -webkit-transform:translateY(-50%);

}

.index-product .item-list .title a {

    font-size:18px;

    color:#000;

    transition:all .4s;

}

.index-product .item-list .description {

    height:52px;

    margin:20px 0 40px;

    font-size:14px;

    color:#adadad;

    line-height:26px;

    overflow:hidden;

    transition:all .4s;

}

.index-product .item-list .more-w {text-align:right;}

.index-product .item-list .more {

    font-size:14px;

    color:#adadad;

    transition:all .4s;

}

.index-product .item-list .str {

    display:inline-block;

    width:0;

    height:0;

    margin-left:8px;

    border-left:4px solid #d6d6d6;

    border-top:4px solid transparent;

    border-bottom:4px solid transparent;

    transition:all .4s;

}

.index-product .item-list li:hover .str {border-left-color:#fff;}

.index-product .item-list li:hover .title a,

.index-product .item-list li:hover .description,

.index-product .item-list li:hover .more {color:#fff;}

.item-list .picture img {

    display:block;

}

.index-news {padding-bottom:60px;}

.index-news .item-list ul {  margin-left:-60px;}

.index-news .item-list li {

    float:left;

    width:570px;

    padding:30px 0;

    margin-left:60px;

    border-top:1px solid #dcdcdc;

}

.index-news .item-list .picture {

    float:left;

}

.index-news .item-list .text-wrap {

    margin-left:290px;

    padding-top:20px;

}

.index-news .item-list .date {

    font-size:14px;

    color:#999;

}

.index-news .item-list .title a {

    display:block;

    max-height:44px;

    margin:20px 0;

    font-size:18px;

    color:#000;

    line-height:22px;

    /*overflow:hidden;*/

}

.index-news .item-list li:hover .title a {color:#da251e;}

.index-news .item-list .descrition {

    font-size:14px;

    color:#999;

    white-space:nowrap;

    text-overflow:ellipsis;

    overflow:hidden;

}

/*inner-page*/

.inner-banner {height:200px;}

.inner-banner.solve-banner {height:600px;}

.inner-tab {

    padding:30px 0;

    text-align:center;

    border-bottom:1px solid #dfdfdf;

}

.inner-tab li {

    display:inline-block;

    padding:0 30px;

}

.inner-tab li .icon {

    position:relative;

    display:inline-block;

    width:80px;

    height:80px;

    background:#56667a;;

    border-radius:100%;

    -moz-border-radius:100%;

    -webkit-border-radius:100%;

}

.inner-tab li.on .icon {background:#da251e;}

.inner-tab li .icon img {

    position:absolute;

    top:50%;

    left:50%;

    margin:-21px 0 0 -21px;

}

.inner-tab li strong {

    display:block;

    font-size:16px;

    font-weight:normal;

    color:#000;

}

.inner-tab li.on strong{color:#da251e;}

.inner-content {

    padding:40px 0 100px;

}

.inner-title {

    padding-bottom:25px;

    font-size:30px;

    color:#666;

    text-align:center;

}

.service-selled .inner-title {text-align:left;}

article {

    font-size:14px;

    color:#666;

    line-height:2;

}

.history-wrap {

    position:relative;

    padding-top:25px;

}

.history-wrap .str {

    position:absolute;

    left:50%;

    top:25px;

    display:block;

    width:0;

    height:0;

    margin-left:-6px;

    border-bottom:12px solid #868f95;

    border-left:7px solid transparent;

    border-right:7px solid transparent;

}

.history-wrap .line {

    position:absolute;

    left:50%;

    top:37px;

    display:block;

    width:1px;

    height:100%;

    margin-left:-.5px;

    background:#ddd;

}

.history-wrap .item-list li {

    position:relative;

    margin-top:45px;

    background:url(../images/dot.png) no-repeat center 5px;

}

.history-wrap .item-list li:first-child {margin-top:65px;}

.history-wrap .item-list .text-wrap {padding-left:635px;}

.history-wrap .item-list li:nth-child(2n) .text-wrap {

    padding-right:635px;

    padding-left:0;

    text-align:right;

}

.history-wrap .item-list .year {

    display:block;

    margin-bottom:10px;

    font-size:20px;

    color:#da251e;

}

.history-wrap .item-list .descrition {

    font-size:16px;

    color:#333;

}

.duty-list li,

.product-detail-function li{padding:25px 30px;}

.duty-list li .img-wrap,

.product-detail-function li .img-wrap {

    float:left;

}

.duty-list li:nth-child(2n) .img-wrap,

.product-detail-function li:nth-child(2n) .img-wrap {float:right;}

.duty-list li .text-wrap,

.product-detail-function li .text-wrap {

    position:relative;

    min-height:270px;

    margin-left:525px;

}

.duty-list li:nth-child(2n) .text-wrap,

.product-detail-function li:nth-child(2n) .text-wrap{

    margin:0 525px 0 0;

}

.duty-list li .text-inner,

.product-detail-function li .text-inner{

    position:absolute;

    top:50%;

    transform:translateY(-50%);

    -moz-transform:translateY(-50%);

    -webkit-transform:translateY(-50%);

}

/*product*/

.side-bar {

    float:left;

    width:200px;

}

.side-bar.on {

    position:fixed;

    top:0;

}

.side-bar  > .item-list > li {padding-bottom:5px;}

.side-bar .dt-title {

    position:relative;

    margin:10px 0 20px;

    font-weight:bold;

    font-size:16px;

    color:#000;

    cursor:pointer;

}

.side-bar .dt-title a {color:#000;}

.side-bar .dt-title .down-icon {

    position:absolute;

    right:0;

    top:0;

    display:block;

    width:21px;

    height:21px;

    background:url(../images/side-icon.png) no-repeat center center;

    transition:all .4s;

    transform:rotate(-90deg);

}

.side-bar .on .dt-title .down-icon {

    transform:rotate(0);

}

.side-bar .dd-content {

   display:none;

}

.sub-side-menu li {

    margin-bottom:15px;

}

.sub-side-menu li a {

    font-size:14px;

    color:#666;

}

.sub-side-menu li a:hover {color:#da251e;}

.product-main-content .wrap {

    width:980px;

}

.product-main-content .inner-title {

    text-align:left;

    padding-bottom:15px;

}

.product-total-descrition {

    margin-bottom:25px;

    padding:35px 0 45px;

    font-size:14px;

    color:#999;

    background:#f4f4f4;

}

.product-bread-menu,.product-bread-menu a {

    font-size:14px;

    color:#aaa;

}

.product-bread-menu a.on {color:#da251e;}

.each-product-list {padding:60px 0;}

.each-product-list:nth-child(2n) {background:#eeefef;}

.each-product-list .title {

    padding-bottom:40px;

    font-size:18px;

    color:#666;

}

.each-product-list .item-list {margin-left:-60px;}

.each-product-list .item-list li {

    float: left;

    margin: 0 0 35px 60px;

    width: 285px;

}

.each-product-list .item-list .picture,

.normal-product-list li .picture{

    position:relative;

    width:283px;

    height:283px;

}

.each-product-list .item-list .picture {border:1px solid #eaeaea;}

.each-product-list .item-list .mask,

.normal-product-list li .mask {

    position:absolute;

    left:0;

    top:0;

    display:block;

    width:100%;

    height:100%;

    background:rgba(218,37,30,.89);

    opacity:0;

    transition:all .4s;

}

.each-product-list .item-list li:hover .mask,

.normal-product-list li:hover .mask{opacity:1;}

.each-product-list .item-list .more,.normal-product-list li .icon {

    display:block;

    width:50px;

    height:50px;

    border:0;

    background:url(../images/more.png) no-repeat center center;opacity:0;

    transition:all .4s;

}

.each-product-list .item-list .more {

    position:absolute;

    left:50%;

    top:50%;

    margin:-25px 0 0 -25px;

}

.each-product-list .item-list li:hover .more,

.normal-product-list li:hover .icon {opacity:1;}

.each-product-list .item-list .pro-name,.normal-product-list li .pro-name {

    display:block;

    height:48px;

    padding-top:15px;

    font-size:16px;

    font-weight:normal;

    color:#2e2e2e;

    line-height:24px;

    text-align:center;

    overflow:hidden;

}

.pro-back-wrap {

    margin-top:70px;

    padding-top:35px;

    text-align:center;

    border-top:1px solid #dedede;

}

.pro-back-wrap .back {

    font-size:16px;

    color:#666;

}

.pro-back-wrap .back:hover {color:#da251e;}

.each-product-list .more-w,

.normal-product-list .more-w{text-align:center;}

.each-product-list .more,

.product-detail-other-list .more-w .more,

.solve-list li .more,

.normal-product-list .more-w .more{

    display:inline-block;

    width:140px;

    height:45px;

    font-size:14px;

    color:#595757;

    line-height:45px;

    text-align:center;

    border:1px solid #e5e5e5;

}

.each-product-list .more:hover,

.product-detail-other-list .more:hover,

.normal-product-list .more-w .more:hover{

    color:#da251e;

    border-color:#da251e;

}

.gray-background {background-color:#f2f2f2;}

.normal-product-list {

    padding-top:60px;

}

.product-list-title-wrap {padding-bottom:40px;}

.product-list-title-wrap .inner-title {text-align:left;}

.product-list-title-wrap .back {

    display:inline-block;

    font-size:14px;

    color:#adadad;

}

.product-list-title-wrap .line {

    display:none;

    width:40px;

    height:1px;

    margin:20px auto 15px;

    background:#595757;

}

.product-list-title-wrap .descrition {

    font-size:14px;

    color:#666;

    line-height:2;

}

.product-list-list .wrap {width:980px;}

.normal-product-list ul {margin-left:-60px;}

.normal-product-list li {

    float:left;

    width:285px;

    margin:0 0 45px 60px;

}

.product-detail-other-list .normal-product-list ul {margin-left:-20px;}

.product-detail-other-list .normal-product-list li {margin:0 0 25px 20px;}

.normal-product-list li .picture {  border:1px solid #eee;  }

.normal-product-list li .more {

    position:absolute;

    left:50%;

    top:50%;

    margin:-43px 0 0 -25px;

    opacity:0;

    transition:all .4s;

}

.normal-product-list li .word {

    display:block;

    padding-top:20px;

    font-size:12px;

    font-weight:normal;

    color:#fff;

}

.normal-product-list li:hover .more {opacity:1;}

.product-detail-main-des .product-bread-menu {

    padding:65px 0 45px;

    border-top:1px solid #ccc;

}

.product-detail-main-des .scroll-product {

    float:left;

    width:600px;

    height:550px;

}

.product-detail-main-des .scroll-product .swiper-pagination-bullet {

    display:inline-block;

    width:8px;

    height:8px;

    background:transparent;

    border:1px solid #b8b8b8;

    opacity:1;

    border-radius:100%;

    -moz-border-radius:100%;

    -webkit-border-radius:100%;

}

.product-detail-main-des .scroll-product .swiper-pagination-bullet-active {

    background-color:#424444;

    border-color:#424444;

}

.product-detail-descrition {

    position:relative;

    min-height:575px;

    margin-left:660px;

    padding-top:25px;

}

.product-detail-descrition-inner {



}

.product-detail-descrition-inner h1 {

    margin-bottom:20px;

    font-size:36px;

    color:#010101;

}

.product-detail-descrition-inner h1 .small {

    display:block;

    margin-top:15px;

    font-size:14px;

    color:#999;

}

.product-detail-descrition-inner .descrition {

    font-size:14px;

    color:#666;

    line-height:2;

}

.product-detail-more .title-wrap {

    height:75px;

    line-height:75px;

    border-bottom:1px solid #ddd;

}

.product-detail-more .title-wrap.on {

    z-index:2;

    position:fixed;

    top:0;

    width:100%;

    background:#fff;

}

.product-detail-more .title-wrap .title {

    font-size:20px;

    color:#010101;

}

.product-detail-tab {

    float:right;

    text-align:right;

}

.product-detail-tab li {

    display:inline-block;

    margin-left:30px;

}

.product-detail-tab li a {

    font-size:14px;

    color:#010101;

}

.product-detail-tab li.on a {color:#da251e;}

.product-detail-function {

    padding:50px 0 80px;

    border-bottom:1px solid #e8e8e8;

}

.product-detail-more-technology {

    padding:100px 0;

}

.product-detail-more-technology .img-wrap {

    float:left;

    width:600px;

    height:600px;

}

.product-detail-more-technology .text-wrap {margin-left:640px;}

.product-detail-more-technology .text-wrap .inner-title {

    padding-bottom:0;

    text-align:left;

}

.product-detail-other-list {

    padding:50px 0 75px;

    border-top:1px solid #e8e8e8;

}

.product-detail-other-list .normal-product-list {padding:35px 0;}

.normal-title-wrap {padding-bottom:30px;}

.solve-tab {

    text-align:center;

}

.solve-tab li {display:inline-block;padding:0 20px;}

.solve-tab li.on a {color:#da251e;}

.solve-tab li a {font-size:16px;font-weight:bold;color:#000;}



.normal-title-wrap .inner-title {padding-bottom:20px;}

.normal-title-wrap .line {

    display:block;

    width:40px;

    height:1px;

    margin:0 auto;

    background:#595757;

}

.normal-title-wrap .line.solve-line {margin:35px auto;}

.solve-list {padding-bottom:50px;}

.solve-list li {padding:20px 0;}

.solve-list li .picture {

    float:left;

    width:500px;

    height:300px;

}

.solve-list li .text-wrap {

    position:relative;

    height:300px;

    margin-left:550px;

}

.solve-list li .text-inner {

    position:absolute;

    top:50%;

    transform:translateY(-50%);

    -moz-transform:translateY(-50%);

    -webkit-transform:translateY(-50%);

}

.solve-list li .text-inner .title a {

    display:block;

    font-size:24px;

    color:#000;

    white-space:nowrap;

    text-overflow:ellipsis;

    overflow:hidden;

}

.solve-list li .text-inner .descrition {

    height:66px;

    margin:20px 0 30px;

    font-size:14px;

    color:#999;

    line-height:22px;

    overflow:hidden;

}

.solve-list li .more:hover {

    color:#fff;

    border-color:#da251e;

    background:#da251e;

}

.solve-detail {padding:85px 0;}

.solve-detail h1 {

    margin-bottom:25px;

    font-size:30px;

    color:#000;

}

.news-list-page {padding-bottom:75px;}

.news-list li:nth-child(2n){background:#f9f9f9;}

.news-list li .item-inner {

    width:1200px;

    margin:0 auto;

    padding:40px 0;

}

.news-list li .picture {

    float:left;

    width:260px;

    height:160px;

}

.news-list li .text-wrap {

    position:relative;

    height:160px;

    margin-left:300px;

}

.news-list li .text-inner {

    position:absolute;

    top:50%;

    transform:translateY(-50%);

    -moz-transform:translateY(-50%);

    -webkit-transform:translateY(-50%);

}

.news-list li .date {

    font-size:16px;

    color:#999;

}

.news-list li .title a {

    display:block;

    margin:10px 0 15px;

    font-size:18px;

    color:#000;

    white-space:nowrap;

    text-overflow:ellipsis;

    overflow:hidden;

}

.news-list li:hover .title a {color:#da251e;}

.news-list li .descrition {

    height:44px;

    font-size:14px;

    color:#bbb;

    line-height:22px;

    overflow:hidden;

}

.side-news-list {

    float:right;

    width:250px;

    padding:40px 25px;

    background:#f5f5f5;

}

.side-news-list .title {

    font-size:18px;

    color:#000;

}

.side-news-list .item-list li {

    padding:30px 0 20px;

    border-top:1px solid #e9e9e9;

}

.side-news-list .item-list li:first-child {border-top:0;}

.side-news-list .item-list li .picture {

    width:200px;

    height:123px;

    margin:0 auto;

    overflow:hidden;

}

.side-news-list .item-list li .text-wrap {

    padding-top:20px;

}

.side-news-list .item-list li h4 {

    height:40px;

    margin:10px 0 15px;

    font-size:18px;

    color:#000;

    line-height:20px;

    overflow:hidden;

}

.side-news-list .item-list li:hover h4 {color:#da251e;}

.side-news-list .item-list li .date {

    font-size:16px;

    color:#999;

}

.side-news-list .item-list li .des {

    font-size:14px;

    color:#bbb;

    white-space:nowrap;

    overflow:hidden;

    text-overflow:ellipsis;

}

.news-detail {

    margin-right:400px;

}

.news-detail .title-wrap,.article-detail .title-wrap {

    margin-bottom:25px;

    padding-bottom:35px;

    text-align:center;

    border-bottom:1px solid #ededed;

}

.news-detail .title-wrap h1,.article-detail .title-wrap h1 {

    margin-bottom:10px;

    font-size:26px;

    color:#000;

}

.news-detail .title-wrap .other span,.article-detail .title-wrap .other span{

    display:inline-block;

    margin:0 10px;

    font-size:14px;

    color:#666;

}

.news-detail .back-wrap,.article-detail .back-wrap {

    margin-top:40px;

    padding-top:25px;

    text-align:right;

    border-top:1px solid #ededed;

}

.news-detail .back-wrap .back,.article-detail .back-wrap .back {

    font-size:16px;

    color:#6d6c6c;

}

/*service*/

.service-page .descrition {

    font-size:16px;

    color:#333;

    line-height:2.5;

}

.selled-form-wrap {padding:50px 174px 0;padding-left: 0}

.selled-form-wrap .input-text {

    width:calc(100% - 125px);

    height:43px;

    padding:0 10px;

    line-height:43px;

    border:1px solid #e5e5e5;

}

.selled-form-wrap .input-text:focus {

    outline-color:#e5e5e5;

}

.selled-form-wrap .per-input {

    float:left;

    width:50%;

    margin-bottom:13px;

}

.selled-form-wrap .per-input:last-child {

    text-align:right;

}

.selled-form-wrap label {

    float:left;

    display:inline-block;

    width:80px;

    margin-right:20px;

    font-size:14px;

    color:#333;

    line-height:45px;

    text-align:right;

}

.selled-form-wrap label .star {color:#f00;}

.selled-form-wrap textarea {

    width:calc(100% - 125px);

    height:180px;

    padding:10px;

    border:1px solid #e5e5e5;

}

.selled-form-wrap textarea:focus {

    outline-color: #e5e5e5;

}

.selled-form-wrap .submit-wrap,

.ask-form-wrap .submit-wrap {

    padding-top:15px;

    text-align:center;

}

.selled-form-wrap .input-submit,

.ask-form-wrap .input-submit{

    width:125px;

    height:40px;

    font-size:16px;

    color:#fff;

    line-height:40px;

    background:#da251e;

    border-radius:20px;

    -moz-border-radius:20px;

    -webkit-border-radius:20px;

}

.service-learn-list {padding-bottom:60px;}

.service-learn-list li a {

    position:relative;

    display:block;

    padding:20px;

    border-top:1px dashed #dedede;

}

.service-learn-list li:first-child a {border-top:0;}

.service-learn-list li a strong {

    display:block;

    margin:0 140px 0 25px;

    font-weight:normal;

    font-size:16px;

    color:#333;

}

.service-learn-list li:hover a strong {color:#da251e;}

.service-learn-list li .dot {

    position:absolute;

    left:20px;

    top:25px;

    display:block;

    width:10px;

    height:10px;

    background:#e5e5e5;

    border-radius:100%;

    -moz-border-radius:100%;

    -webkit-border-radius:100%;

}

.service-learn-list li:hover .dot {background:#da251e;}

.service-learn-list li .date {

    position:absolute;

    right:20px;

    font-size:14px;

    color:#999;

}

.document-tab {

    text-align:center;

}

.document-tab li {

    display:inline-block;

    margin:0 10px;

    font-size:14px;

    color:#666;

}

.document-tab li a {

    font-size:16px;

    color:#666;

}

.document-tab li.on a{color:#da251e;}

.service-document-list {padding:50px 0;}

.service-document-list .dt-title > div,

.service-document-list li > div {

    float:left;

    padding-left:40px;

}

.service-document-list .dt-title > div {

    height:60px;

    font-size:16px;

    color:#fff;

    line-height:60px;

    background:#595757;

}

.service-document-list li{

    border-bottom:1px solid #ececec;

}

.service-document-list li > div {

    padding:20px 0 20px 40px;

    font-size:16px;

    color:#666;

    line-height:22px;

}

.service-document-list .item-1 {

    width:255px;

}

.service-document-list .item-2 {

    width:120px;

}

.service-document-list .item-3 {

    width:90px;

}

.service-document-list li .download {

    display:inline-block;

    width:17px;

    height:22px;

    background:url(../images/download.png) no-repeat center center;

}

.question-list ul {margin-left:-25px;}

.question-list li {

    float:left;

    width:333px;

    padding:21px 24px;

    margin:0 0 30px 25px;

    border:1px solid #ddd;

}

.question-list li:hover {border-color:#da251e;}

.question-list .dt-qusetion {

    position:relative;

    padding-left:40px;

    margin-bottom:15px;

    font-size:18px;

    color:#333;

    line-height:30px;

    white-space:nowrap;

    text-overflow:ellipsis;

    overflow:hidden;

}

.question-list li:hover .dt-qusetion {color:#da251e;}

.question-list .dd-answer {

    position:relative;

    height:72px;

    padding-left:40px;

    font-size:14px;

    color:#999;

    line-height:24px;

    overflow:hidden;

}

.question-list .word {

    position:absolute;

    left:0;

    top:0;

    display:block;

    width:30px;

    height:30px;

    font-size:16px;

    color:#fff;

    line-height:30px;

    text-align:center;

    border-radius:3px;

    -moz-border-radius:3px;

    -webkit-border-radius:3px;

}

.question-list .dt-qusetion .word {

    background:#da251e;

}

.question-list .dd-answer .word {

    background:#b8b8b8;

}

.ask-form-wrap {

    width:500px;

    padding-top:25px;

    margin:0 auto;

}

.ask-form-wrap .each {

    position: relative;

    margin-bottom:13px;

}

.ask-form-wrap .input-text {

    width:468px;

    height:50px;

    padding:0 15px;

    font-size:16px;

    line-height:50px;

    border:1px solid #e5e5e5;

}

.ask-form-wrap .textarea {

    width:468px;

    height:180px;

    padding:5px 15px;

    font-size:16px;

    border:1px solid #e5e5e5;

}

.ask-form-wrap .sex-choice {

    position:absolute;

    top:0;

    right:30px;

    font-size:16px;

    color:#333;

    line-height:50px;

}

.ask-form-wrap .radio-w {

    position:relative;

}

.ask-form-wrap .radio-w input {

    z-index:2;

    position:absolute;

    left:10px;

    top:2px;

    opacity:0;

    cursor:pointer;

}

.ask-form-wrap .radio-w label {

    position:relative;

    display:inline-block;

    width:12px;

    height:12px;

    margin:0 10px;

    background:#d6d6d6;

    border-radius:100%;

    -moz-border-radius:100%;

    -webkit-border-radius:100%;

}

.ask-form-wrap .radio-w  input:checked + label:after{ content:''; width:12px; height:12px; position:absolute; top:0px; left:0px;background:#da251e; border-radius:50%;}

/*join*/

.join-select-wrap .each-select {margin-bottom:20px;}

.join-select-wrap .dt-title {

    float:left;

    padding-left:50px;

    font-size:16px;

    color:#333;

    line-height:25px;

}

.join-select-wrap .each-select1 .dt-title {background:url(../images/join-icon1.png) no-repeat 5px center;}

.join-select-wrap .each-select2 .dt-title {background:url(../images/join-icon2.png) no-repeat 5px center;}

.join-select-wrap .each-select3 .dt-title {background:url(../images/join-icon3.png) no-repeat 5px center;}

.join-select-wrap .dd-content a {

    display:inline-block;

    margin:0 10px;

   font-size:16px;

    color:#333;

}

.join-select-wrap .dd-content a:hover,.join-select-wrap .dd-content a.on {

    color:#da251e;

    text-decoration:underline;

}

.join-list {

    padding:40px 0;

}

.join-list .item-list {overflow:hidden;}

.join-list .dt-title > div,

.join-list li a > div {

    float:left;

    text-align:center;

}

.join-list .dt-title {background:#da251e;}

.join-list li {overflow:hidden;border-bottom:1px solid #e2e2e2;}

.join-list li a {display:block;padding-bottom:20px;}

.join-list .dt-title > div {

    height:70px;

    font-size:16px;

    color:#fff;

    line-height:70px;

    border-right:1px solid #e2e2e2;

}

.join-list li a > div {

    margin-bottom:-9999px;

    padding:20px 0 9999px;

    font-size:16px;

    color:#333;

    border-right:1px solid #e2e2e2;

}

.join-list .dt-title > div:first-child,

.join-list li a > div:first-child {border-left:1px solid #e2e2e2;}

.join-list .item-1 {width:442px;}

.join-list li:hover a .item-1 {color:#da251e;text-decoration:underline;}

.join-list .item-2 {width:198px;}

.join-list .item-3 {width:138px;}

.join-list .item-4 {width:238px;}

.join-list .item-5 {width:178px;}

.search-tips {

    font-size:14px;

    color:#666;

}

.search-list li {

    padding:40px 0;

    border-top:1px solid #eee;

}

.search-list li:first-child {border-top:0;}

.search-list li h3 a {

    display:block;

    font-size:16px;

    color:#000;

    white-space:nowrap;

    text-overflow:ellipsis;

    overflow:hidden;

}

.search-list li:hover h3 a {color:#da251e;}

.search-list li .descrition {

    margin:15px 0;

    font-size:12px;

    color:#bbb;

    white-space:nowrap;

    text-overflow:ellipsis;

    overflow:hidden;

}

.search-list li .other span {

    display:inline-block;

    margin-right:25px;

    font-size:14px;

    color:#bbb;

}

/*dialog*/

.dialog {

    z-index:10;

    position:fixed;

    left:0;

    top:0;

    display:none;

    width:100%;

    height:100%;

}

.dialog-bg {

    position:absolute;

    left:0;

    top:0;

    display:block;

    width:100%;

    height:100%;

    background:rgba(0,0,0,.5);

}

.dialog-content {

    z-index:11;

    position:absolute;

    left:50%;

    top:50%;

    width:1200px;

    margin-left:-600px;

    background:#fff;

    border-radius:15px;

    transform:translateY(-50%);

    -moz-transform:translateY(-50%);

    -webkit-transform:translateY(-50%);

}

.dialog-content .close {

    position:absolute;

    right:35px;

    top:40px;

    display:block;

    width:32px;

    height:32px;

    background:url(../images/close2.png) no-repeat center center;

    cursor:pointer;

}

.dialog-join .dialog-content .close {

    right:-55px;

    top:-25px;

}

.dialog-inner {

    padding:80px 50px;

}

.dialog-inner .dt-title {

    padding:15px;

    font-size:18px;

    color:#fff;

    background:#d80d18;

}

.dialog-inner .dd-content {

    padding:15px;

}

.dialog-inner .dd-content .other span {

    display:inline-block;

    margin-right:25px;

    color:#666;

}

.dialog-inner .dt-question {

    position:relative;

    padding:0 0 25px 60px;

    font-size:24px;

    color:#333;

    line-height:40px;

    border-bottom:1px solid #d2d2d2;

}

.dialog-inner .dd-answer {

    position:relative;

    padding:25px 0 0 60px;

    font-size:16px;

    color:#999;

    line-height:34px;

}

.dialog-inner .word {

    position:absolute;

    left:10px;

    top:0;

    display:block;

    width:40px;

    height:40px;

    font-size:18px;

    color:#fff;

    line-height:40px;

    text-align:center;

    border-radius:5px;

    -moz-border-radius:5px;

    -webkit-border-radius:5px;

}

.dialog-inner .dt-question .word {background:#da251e;}

.dialog-inner .dd-answer .word {top:25px;background:#d8d8d8;}

/*page*/

.page {

    width:1200px;

    margin:0 auto;

    text-align:center;

}

.page a {

    display:inline-block;

    margin:0 5px;

    padding:10px;

    font-size:16px;

    color:#999;

}

.page .num {

    font-style:italic;

    border-bottom:1px solid #dadada;

}

.page .num.on {color:#da251e;border-bottom:1px solid #da251e;}

.page .prev,.page .next {

    font-family:'Simsun';

}



article img {max-width:100%;}





.descrition img{

	max-width:100%;

}

.inner-main{

	padding-top:80px;

}

/*contact*/

.contact-map {

    position:relative;

    float:right;

    width:771px;

    margin-top:90px;

}

.contact-map img {display:block;}

.contact-map-list li img {

    z-index:1;

    position:absolute;

    display:none;

}

.contact-map-list li.dongbei img {

    right: 0;

    top: -11px;

}

.contact-map-list li.xibei img {

    left:0;

    top:78px;

}

.contact-map-list li.xinan img {

    left:33px;

    top:298px;

}

.contact-map-list li.huabei img {

    right:110px;

    top:9px;

}

.contact-map-list li.huadong img {

    right:87px;

    top:279px;

}

.contact-map-list li.huanan img {

    right:108px;

    bottom:11px;

}

.contact-map-list li.huazhong img {

    right:140px;

    bottom:126px;

}

.contact-map-list li span {

    z-index:2;

    position:absolute;

    display:block;

    width:50px;

    height:50px;

    background:#f00;

	cursor:pointer;

    opacity:0;

    border-radius:100%;

}

.contact-map-list li.dongbei span {

    top:139px;

    right:58px;

}

.contact-map-list li.xibei span {

    top:334px;

    right:261px;

}

.contact-map-list li.xinan span {

    bottom:204px;

    right:330px;

}

.contact-map-list li.huabei span {

    top:220px;

    right:164px;

}

.contact-map-list li.huadong span {

    bottom:235px;

    right:130px;

}

.contact-map-list li.huanan span {

    bottom:85px;

    right:185px;

}

.contact-map-list li.huazhong span {

    bottom:200px;

    right:175px;

}

.contact-map-list li img {

    display:none;

}

/*.contact-map-list li a:hover + img {*/

    /*opacity:1;*/

/*}*/

.contact-us-content {

    padding-top:20px;

    /*margin-right:771px;*/

	/*min-height:800px;*/

}

.contact-us-content .main-company {

    width:100%;

    padding:30px 0 55px;

}

.subcompany-area {display:none;}

.subcompany-title {

    padding:0 0 35px 50px;

    font-size:24px;

    color:#000;

    line-height:43px;

    background:url(../images/contact-icon.png) no-repeat left top;

}

.contact-us-content .sub-company {

    padding-bottom:20px;

    border-top:1px solid #e4e4e4;

}

.contact-us-content .dt-title {

    margin-bottom:20px;

    font-size:24px;

    color:#000;

    white-space:nowrap;

}

.contact-us-content .sub-company .dt-title {

    padding:20px 0 15px;

    margin-bottom:0;

    font-size:18px;

}

.contact-us-content .dd-content {

    font-size:16px;

    color:#525252;

    line-height:2;

}

.contact-us-content .sub-company .dd-content {

    font-size:14px;

    color:#666;

    line-height:1.3;

}

.contact-us-content .dd-content > div {}

.contact-us-content .sub-company .dd-content > div{margin-bottom:15px;}

.contact-us-content .sub-company {



}



.inner-banner.solve-banner{
    background: none;
    height:auto;
}

.inner-banner.solve-banner img{
    display:block;
    width: 100%;
}


.dropdown .box{
    z-index: 3;
}
.dropdown::before{
    z-index: 2;
}
.dropdown::after{
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    width: 200vw;
    height: 100vh;
    overflow: hidden;
    background: rgba(0,0,0,0.4);
}