.ny-banner{ width:100%; height:auto; overflow:hidden; min-height:100px; position:relative;}
.ny-tp{ width:100%; height:auto; vertical-align: middle;}
.ny-tp img{ width:100%; height:auto; vertical-align: middle;}

.ny-wz{ position:absolute; text-align:center;transform:translate(-50%,-50%); top:45%; left:50%;}
.ny-wz a{ display: block; width: 200px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #fff; border: 1px solid #fff; margin: 90px auto 0 auto;}
.ny-wz:hover a{ background-color: #fff; color: #333; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}

.ny-tb{ width: 50%; height: auto; overflow: hidden; position:absolute;transform:translate(-50%,-50%); top:50%; left:50%;;}
.ny-tb ul li{ width: 33%; height: auto; overflow: hidden; float: left; text-align: center; border-right: 1px solid rgba(255,255,255,0.4); border-bottom: 1px solid rgba(255,255,255,0.4);}
.ny-tb ul li i{ display: block; width: 100%; height: 50px; line-height: 50px; font-size: 45px; color: #fff; padding-top: 10%; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; cursor: pointer;}
.ny-tb ul li i.icon-yunfuwu{ font-size: 30px;}
.ny-tb ul li i.icon-86{ font-size: 50px;}
.ny-tb ul li p{ font-size: 14px; color: #fff; padding: 6% 0 10% 0;}
.ny-tb ul li:nth-child(3n){ border-right: none;}
.ny-tb ul li:nth-child(4),.ny-tb ul li:nth-child(5),.ny-tb ul li:nth-child(6){ border-bottom: none;}
.ny-tb ul li:hover i{ transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.ny-tb ul li:hover p{ color: #e60012; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; cursor: pointer}

.ny-an{ position:absolute; text-align:center;transform:translate(-50%,-50%); top:55%; left:50%;}
.commonmore5{width: 200px;height: 40px; border-radius:1px;border: 1px solid #fff;margin: 0 auto;text-align: center;font-size: 14px;line-height: 40px;color:#fff;position: relative;overflow: hidden;z-index: 2;transition: all 600ms; margin-top:70px;}
.commonmore5:hover{border-color: #e60012;}
.commonmore5 .ceng{width: 100%;height: 40px;background-color: #e60012;position: absolute;left: -200px;top: 0;transition: left 500ms;z-index: 1;}
.commonmore5:hover .ceng{left: 0;}
.commonmore5 a{color: #fff;display: block;position: relative;z-index: 3;transition: all 100ms 100ms;}
.commonmore5 a i{ vertical-align: middle; font-size: 24px; padding-left: 5px; position: relative; top: 0;}
.commonmore5 a:hover{color: #fff;}

.ny-wz h3{ font-size: 60px; color: #fff; padding-bottom: 35px;}
.ny-wz p{ font-size: 24px; color: #fff;}

.typed-cursor{
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
    font-weight:300;
}
@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
.typed-fade-out{ opacity: 0; animation: 0; transition: opacity .25s;}
.type-wrap{ font-size:60px; color: #fff;}

.commonmore{width: 140px;height: 40px; border-radius:1px;border: 1px solid #bfbfbf;margin: 0 auto;text-align: center;font-size: 14px;line-height: 40px;color:#666;position: relative;overflow: hidden;z-index: 2;transition: all 600ms; margin-top:70px;}
.commonmore:hover{border-color: #e60012;}
.commonmore .ceng{width: 100%;height: 40px;background-color: #e60012;position: absolute;left: -140px;top: 0;transition: left 500ms;z-index: 1;}
.commonmore:hover .ceng{left: 0;}
.commonmore a{color: #666;display: block;position: relative;z-index: 3;transition: all 100ms 100ms;}
.commonmore a i{ vertical-align: middle; font-size: 24px; padding-left: 5px; position: relative; top: 0;}
.commonmore a:hover{color: #fff;}

.commonmore6{width: 140px;height: 40px; border-radius:1px;border: 1px solid #bfbfbf;margin: 0 auto;text-align: center;font-size: 14px;line-height: 40px;position: relative;overflow: hidden;z-index: 2;transition: all 600ms; margin-top:70px;}
.commonmore6:hover{border-color: #e60012;}
.commonmore6 .ceng{width: 100%;height: 40px;background-color: #fff;position: absolute;left: -140px;top: 0;transition: left 500ms;z-index: 1;}
.commonmore6:hover .ceng{left: 0;}
.commonmore6 a{color: #fff;display: block;position: relative;z-index: 3;transition: all 100ms 100ms;}
.commonmore6 a i{ vertical-align: middle; font-size: 24px; padding-left: 5px; position: relative; top: 0;}
.commonmore6 a:hover{color: #e60012;}

.imghover{ display: inline-block; width: 100%;}
.imghover.inherit{ overflow:inherit;}
.imghover img{ transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.imghover:hover img{ transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}

.about-box{ width: 100%; height: auto; overflow: hidden; padding: 150px 0 60px 0; background-color: #f7f7f7;}
.about{ width: 100%; height: auto; overflow: hidden;}
.about-l{ width: 54%; height: auto; overflow: hidden; float: left;}
.about-l-tu{ width: 100%; text-align: center; padding: 90px 0 70px 0;}
.about-l-we{ width: 100%; height: 750px; background-color: #e60012; text-align: center;}
.about-l-we h3{ width: 100%; padding: 100px 0 70px 0;}
.about-l-we p{ width: 86%; font-size: 18px; color: #fff; line-height: 44px; margin: 0 auto;}
.about-shuzi{ width: 86%; height:auto; overflow:hidden; margin: 60px auto 0 auto;}
.about-shuzi .shuzi{ width:33.33%; height: auto; overflow: hidden; float: left;}
.about-shuzi .shang{ width: 100%; font-size: 45px; color: #fff; line-height: 48px;}
.about-shuzi .xia{ width: 100%; font-size: 16px; color: #fff; line-height: 28px;}

.about-r{ width: 46%; height: auto; overflow: hidden; float: right;}
.about-r-tu{ width: 100%; height: 652px; overflow: hidden;}
.about-r-tu img{ width: 100%; height:100%; overflow: hidden;}
.about-r-we{ width: 100%; height: 220px; border: 2px solid #e60012;margin-top: -6px; text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
.about-r-we p{ width: 230px; height: 70px; line-height: 70px; font-size: 32px; font-weight: bold; font-style: italic; background-color: #e60012; color: #fff; margin: 75px auto;}
.animate, .btn, .btn-border-o:before, .btn-border-o:after, .btn-border:before, .btn-border:after, .btn-border-rev-o:before, .btn-border-rev-o:after, .btn-border-rev:before, .btn-border-rev:after, .btn-fill-vert-o:before, .btn-fill-vert-o:after, .btn-fill-vert:before, .btn-fill-vert:after, .btn-fill-horz-o:before, .btn-fill-horz-o:after, .btn-fill-horz:before, .btn-fill-horz:after {
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
}
.about-r-we { display: inline-block; position: relative;}
.btn-border-o { background-color: transparent;  border: 2px solid #ccc; color: #ccc;}
.btn-border-o:before, .btn-border-o:after { content: ''; border-style: solid; position: absolute; z-index: 5; box-sizing: content-box;}
.btn-border-o:before { width: 0; height: 100%; border-width: 2px 0 2px 0; top: -2px; left: 0; -webkit-transition-delay: 0.05s; transition-delay: 0.05s;}
.btn-border-o:after { width: 100%; height: 0; border-width: 0 2px 0 2px; top: 0; left: -2px;}
.btn-border-o:hover:before { width: 100%;}
.btn-border-o:hover:after { height: 100%;}
.btn-border-o.btn-green:before, .btn-border-o.btn-green:after { border-color: #e60012;}
.btn-border-o.btn-green:hover,.btn-border-o.btn-green:hover a{ color: #e60012; transition: all 0.8s;-webkit-transition: all 0.8s;}


.about01-box{ width: 100%; height: auto; overflow: hidden; padding: 100px 0 150px 0; background: #fff url("../image/honor.png") no-repeat 86%;}
.about01-l{ width: 45%; height: auto; overflow: hidden; float: left;}
.about01-l img{ max-width: 100%; height: 78px;}
.about01-l h3{ display: block; font-size: 30px; margin: 40px 0 20px 0;}
.about01-l p{ font-size: 16px; line-height: 32px; color: #666;}
.about01-r{ width: 55%; height: auto; overflow: hidden; float: right; text-align: right;}
.about01-r img{ padding-top: 80px;}

.about02-box{ width: 100%; height: auto; overflow: hidden;}
.about02-box img{ width: 100%; height: auto;}

.about03-box{ width: 100%; height: auto; overflow: hidden; padding: 100px 0; background-color: #fff;}
.about03{ width: 100%; height: auto; overflow: hidden;}
.about03-l{ width: 50%; height: auto; overflow: hidden; float: left;}
.about03-l img{ width: 29px; height: 29px;}
.about03-l h3{ width: 100%; font-size: 30px; color: #e60012; line-height: 48px; margin: 40px 0;}
.about03-l p.p1{ width: 100%; font-size: 16px; color: #666; line-height: 30px;}
.about03-l p.p2{ width: 100%; font-size: 18px; color: #666; line-height: 50px;}
.about03-r{ width: 30%; height: auto; float: right; padding-top: 10px;}
.about03-r img{ max-width: 100%; height: auto;}

.int-tel-map { width: 100%; height: 600px; margin: 0px auto;  position: relative; background:url(../image/map.png) no-repeat center;}
.int-tel-map .huiceng{ width: 100%;height: 100%;background-color: rgba(0,0,0,0.6);transition: all 600ms;}
.int-tel-map:hover .huiceng{ opacity: 0;filter: alpha(opacity = 0);}
.int-tel-map .lianxi{ width: 500px; height: 320px; background: url("../image/gymap.jpg") no-repeat center; position:absolute; top:140px; left: 18.75%; z-index: 2;}
.int-tel-map .lianxi h3{ padding-top: 50px; padding-left: 60px; font-size: 30px; color: #e60012;}
.int-tel-map .lianxi h3 span{ font-size: 16px; color: #e60012;}
.int-tel-map .lianxi p{ padding-top: 10px; padding-left: 60px; font-size: 14px; line-height: 28px; color: #666;}
.int-tel-map .current{ width:200px; height:120px; left: 50%;
    top: 55%; margin:-60px 0px 0px -100px; position:absolute; text-align:center; z-index: 2;}
.int-tel-map .current i{  width:43px; height:56px; background:url(../image/pos.png) center no-repeat; display:block; margin:0px auto 20px; transition:0.5s all; -webkit-transition:0.5s all;
    animation: myanimate 0.5s infinite alternate;
    -webkit-animation: myanimate 0.5s infinite alternate;
}
.int-tel-map .current a{ display:block; border:2px solid #fff; padding:2px 0px; text-align:center; font-size:16px; color:#fff; border-radius:5px;    background: rgba(255,255,255,.7);
    font-weight: bold; color:#333;}
#allmap{ width:100%; position:fixed !important;  left:0px; top:0px;}
.allmap_close{ z-index:-2 !important;   opacity:0; filter:alpha(opacity=0);  transition:1s all; -webkit-transition:1s all; }
.allmap_open{z-index:1000 !important;  opacity:1; filter:alpha(opacity=100); transition:1s all; -webkit-transition:1s all;  }
@media(max-width:1048px){
    .allmap_close{
        display: none !important;
    }
    .allmap_open{
        display: block !important;
    }
}
.allmap_mask{ background:#f4f4f4;  opacity:0.7; filter:alpha(opacity=70); width:100%; position:fixed; left:0px; top:0px; height:100%; z-index:-1;}
i.map_close{ position:fixed; width:34px; height:34px; right:40px; top:40px; background:url(../image/x2.gif) no-repeat center #e60012;  z-index:1001; display:none; padding:5px; cursor:pointer; transition: all .57s; background-size:100% }
i.map_close:hover{  background-size:80%;  }

@media (max-width: 640px) {
    .int-tel-map {
        margin: 0 auto;
        height: 280px;
    }
}

.about04-box{ width: 100%; height: auto; overflow: hidden; padding: 60px 0; background-color: #e60012;}
.about04{ width: 100%; height: auto; overflow: hidden; text-align: center;}
.about04 h3{ font-size: 30px; color: #fff; padding-bottom: 30px;}
.about04 p{ font-size: 20px; color: #fff;}
.news-box{ width: 100%; height: auto; overflow: hidden; padding: 80px 0 0 0; background: url("../image/xwbj.jpg") no-repeat center bottom;}
.news{ width: 62.5%; height: auto; overflow: hidden; margin: 0 auto;}
.news-logo{ width: 100%; height: auto; overflow: hidden; margin-bottom: 20px;}
.news-logo span{ width: 150px; height: 1px; background-color: #c9c9c9; display: block; float: left; margin-right: 20px; margin-top: 13px; margin-left: 2%;}
.news-logo img{  height: 28px; float: left;}
.owl_news { width: 100%; margin-left: auto; margin-right: auto;}
.owl_news .item{ display: block;position: relative;}
.owl_news .item .news-we{ width: 46%; height: auto; overflow: hidden; float: left; padding-top:50px;}
.owl_news .item .news-we h3{ width: 100%; font-size: 26px; line-height: 45px; margin-bottom:20px;}
.owl_news .item .news-we span{ display: block; width: 100%; font-size: 16px; color: #333; margin: 20px 0 40px 0;}
.owl_news .item .news-we p{ width: 100%; font-size: 16px; color: #666; line-height: 32px;}
.owl_news .item .news-tu{ width: 50%; height: 480px; overflow: hidden; float: right; position: relative;}
.owl_news .item .news-tu img{ width: 100%; max-height: 480px; min-height: 400px; padding-top: 10px;}
.owl_news .item .news-time{ width: 131px; height: 101px; background: url("../image/timebg.png") no-repeat center; position:  absolute; right: 80px; top: 0;}
.owl_news .item .news-time p{ font-size: 28px; color: #fff; border-bottom: 1px solid #fff; padding-bottom: 5px; margin: 15px 30px 0 20px;}
.owl_news .item .news-time span{ display: block; font-size: 16px; color: #fff; padding-top: 5px; margin: 0 20px;}

.news01-box{ width: 100%; height: auto; overflow: hidden; padding: 0 0 70px 0; background-color: #fff;}
.news01-bt{ width: 100%; height: auto; overflow: hidden; padding: 60px 0 50px 0; background-color: #e60012;}
.news01-bt ul{ width: 995px; height: 127px; background: url("../image/xwbtbg.png") no-repeat center; margin: 0 auto;}
.news01-bt ul li{ width: 220px; height: 113px; line-height: 100px; float: left; text-align: center; margin: 14px 55px 0 55px; font-size: 18px; color: #fff; cursor:pointer;}
.news01-bt li.active{ background: #e60012 url("../image/san.jpg") no-repeat center 70px;}
.news01-nr .anlihz{ width: 100%;}
.news01-nr{ width: 100%; height: auto; overflow: hidden; padding-top: 60px;}
.news01-nr ul{ width: 100%; height: auto; overflow: hidden;}
.news01-nr ul li{ width: 100%; height: auto; overflow: hidden; padding: 50px 0; border-bottom: 1px dashed #999;}
.news01-nr ul li:first-child{ border-top: 1px dashed #999;}
.news01-nr-time{ width: 10%; height: auto; overflow: hidden; float: left;}
.news01-nr-time p{ display: inline-block; height: 40px; line-height: 30px; font-size: 30px; color: #999; font-weight: bold; border-bottom: 1px solid #ccc;}
.news01-nr-time span{ display: block; font-size: 14px; color: #999; padding-top: 10px}
.news01-nr-text{ width: 88%; height: auto; overflow: hidden; float: right;}
.news01-nr-text h3{ font-size: 20px; margin-bottom: 15px;}
.news01-nr-text p{ font-size: 16px; line-height: 24px; color: #666;}
.news01-nr-text:hover h3{color: #e60012; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}

.newsxq-box{ width: 100%;padding: 60px 0; background-color: #f7f7f7;}
.newsxq{ width: 100%;}
.newsxq-l{ width: 74%; height:auto; overflow:hidden; margin-bottom:70px; float: left; background-color: #fff; box-shadow: 2px 2px 10px rgba(0,0,0,0.2);}
.newsxq-l-nr{ padding: 50px; height: auto; overflow: hidden;}
.newsxq-l-bt{ width: 100%; border-bottom: 1px solid #cccccc; padding-bottom: 20px;}
.newsxq-l-bt h3{ width: 100%; line-height: 48px; font-size: 32px; color: #333;}
.newsxq-l-bt h3{ width: 100%; line-height: 48px; font-size: 32px; color: #333;}
.newsxq-l-bt-x{ width: 100%; height: auto; overflow: hidden; margin-top: 20px;}
.newsxq-l-bt-x b{ display: inline-block; float: left; padding: 0 15px; color: #999; border-left: 1px solid #ccc;}
.newsxq-l-bt-x b:first-child{ padding: 0 15px 0 0; border-left: 0}
.newsxq-l-bt-x{ width: 100%; height: 30px; margin-top: 20px;}
.newsxq-l-bt-x b{ display: inline-block; height:30px; line-height:30px; float: left; padding: 0 15px; color: #999; border-left: 1px solid #ccc;}
.newsxq-l-bt-x b:first-child{ padding: 0 15px 0 0; border-left: 0}
.share-platform{ float:right;}
.share-platform a{ display:block; float:left; margin-left:10px;}
.share-platform .bds_weixin{ background:url(../image/bdwx.png) no-repeat center;}
.share-platform .bds_tsina{ background:url(../image/bdsa.png) no-repeat center;}
.share-platform .bds_qzone{ background:url(../image/bdqz.png) no-repeat center;}
.bdshare-button-style1-32 .bds_weixin { background-position: 0 !important;}
.bdshare-button-style1-32 .bds_tsina { background-position: 0 !important;}
.bdshare-button-style1-32 .bds_qzone { background-position: 0 !important;}
.bdshare-button-style1-32 a{ width: 30px !important; line-height: 30px !important; height: 30px !important; margin: 0 0 0 10px !important;}
.newsxq-l-wz{ width: 100%; height: auto; overflow: hidden; line-height: 36px; color: #666; font-size: 16px; padding-top: 40px;}
.newsxq-l-wz img{ max-width: 100%; height: auto; text-align: center; margin: 10px 0;}

.newsxq-r{position: -webkit-sticky;
    position: sticky;
    top:0;}
.newsxq-r{ width: 24%; float: right;}
.newsxq-r-u{ padding: 30px 20px; background-color: #fff; box-shadow: 2px 2px 10px rgba(0,0,0,0.2);}
.newsxq-u-bt{ width: 100%; height: auto; overflow: hidden; position: relative; text-align: center;}
.newsxq-u-bt img{ max-width: 100%; height: 30px;}
.newsxq-u-bt span{ display: block; width: 16%; height: 1px; background-color: #ccc; position: absolute; top:15px;}
.newsxq-u-bt span.line-l{ left: 0;}
.newsxq-u-bt span.line-r{ right: 0;}
.newsxq-u-zi{ line-height: 36px; color: #666; font-size: 16px; padding: 20px 0;}
.newsxq-u-an{ width: 100%; height: auto; overflow: hidden; margin-top:20px;}
.commonmore1{width: 110px;height: 34px; float: left; border-radius:1px;border: 1px solid #bfbfbf;margin: 0 auto;text-align: center;font-size: 14px;line-height: 34px;color:#666;position: relative;overflow: hidden;z-index: 2;transition: all 600ms; margin-top:10px;}
.commonmore1:hover{border-color: #e60012;}
.commonmore1 .ceng{width: 100%;height: 34px;background-color: #e60012;position: absolute;left: -110px;top: 0;transition: left 500ms;z-index: 1;}
.commonmore1:hover .ceng{left: 0;}
.commonmore1 a{color: #666;display: block;position: relative;z-index: 3;transition: all 100ms 100ms;}
.commonmore1 a i{ vertical-align: middle; font-size: 24px; padding-left: 5px; position: relative; top: 0;}
.commonmore1 a:hover{color: #fff;}
.newsxq-r-m{ height: auto; overflow: hidden; background-color: #fff; box-shadow: 2px 2px 10px rgba(0,0,0,0.2); margin: 10px 0;}
.newsxq-m-bt{ height: 54px; line-height: 54px; border-bottom: 1px solid #ccc; font-size: 18px; text-indent: 20px;}
.newsxq-m-nr{ height: auto; overflow: hidden; margin: 20px;}
.newsxq-m-nr span{ width: 30%; height: 24px; line-height: 24px; text-align: center; background-color: #eee; font-size: 12px; color: #666; float: left; display: block; margin-right: 4.5%; margin-bottom: 10px;}
.newsxq-m-nr span:hover{ background-color: #e60012; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.newsxq-m-nr span:hover a{ color: #fff;}
.newsxq-m-nr span:nth-child(3n){ margin-right: 0;}
.newsxq-r-d{ height: auto; overflow: hidden; background-color: #fff; box-shadow: 2px 2px 10px rgba(0,0,0,0.2);}
.newsxq-d-u{ height: auto; overflow: hidden; padding: 20px 20px 10px 20px;}
.newsxq-d-bt{ height: auto; overflow: hidden;}
.newsxq-d-bt i{ display: inline-block; float: left; width: 20px; line-height: 20px; height: 20px; border: 1px solid #333; border-radius: 50%; text-align: center; font-size: 16px;}
.newsxq-d-bt b{ display: inline-block; float: left; font-size: 18px; margin: 0 6px;}
.newsxq-d-bt span{ width: 60%; height: 1px; background-color: #ccc; display: inline-block; float: right; margin-top: 12px; position:relative;}
.newsxq-d-bt span:before { position: absolute; content: ''; width: 0%; height: 1px; background: #e60012; transition: all 1s; top: 0;}
.newsxq-d-u:hover .newsxq-d-bt span:before { width: 100%;}
.newsxq-d-nr{ height: auto; overflow: hidden; margin-top: 18px;}
.newsxq-d-nr span{ display: block; font-size: 14px; color: #999; margin-bottom: 8px;}
.newsxq-d-nr h3{ font-size: 14px; color: #999; line-height: 24px;}
.newsxq-d-u:hover .newsxq-d-bt{ color: #e60012;}
.newsxq-d-u:hover .newsxq-d-bt i{ border: 1px solid #e60012;}

.brand-box{ width: 100%; height: auto; overflow: hidden; background-color: #ffffff;padding: 0 0 90px 0;}
.brand{ width: 100%; height: auto; overflow: hidden; text-align: center; position: relative;}
.brand-img1{ padding: 40px 0 0 40px; float: left;}
.brand-img2{ position: absolute; right: 0;}
.brand-nr{ width: 100%; height: auto; overflow: hidden;}
.brand-nr h3{ width: 100%; height: auto; overflow: hidden; font-size: 30px; color: #666; padding: 50px 0 30px 0;}
.brand-nr b{ display: block; font-size: 72px; color: #555; text-transform: uppercase;}
.brand-nr b.red{ font-size: 70px; color: #e60012; padding: 10px 0 40px 0;}
.brand-nr span{ display: block; font-size: 18px; color: #999; padding-bottom: 20px;}
.brand-nr p{ font-size: 24px; color: #666; line-height: 40px;}

.brand01-box{ width: 100%; height: auto; background-color: #f7f7f7;padding: 100px 0 90px 0; position: relative;}
.brand01{ width: 100%; height: auto; overflow: hidden;}
.brand01-img{ position: absolute; top: -20px; left: 50%; margin-left: -16px;}
.brand01-con{ width: 100%; height: auto; overflow: hidden; margin-top: 70px;}
.brand01-con ul li{ width: 38%; height: auto; overflow: hidden; margin-right: 20%; float: left; margin-bottom: 80px; padding-top: 20px; padding-left: 2%;}
.brand01-con ul li:nth-child(2n){ margin-right: 0;}
.brand01-con ul li img{ max-width: 100%; height: auto; -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;}
.brand01-con ul li h3{ width: 100%; height: auto; overflow: hidden; font-size: 24px; margin-top: 25px; margin-bottom: 20px;}
.brand01-con ul li h3 span{ width: 50px; height: 1px; background-color: #cccccc; display: inline-block; float: left; margin-right: 10px; margin-top: 15px;}
.brand01-con ul li p{ font-size: 16px; line-height: 24px; color: #666; padding-left: 60px;}
.brand01-con ul li:hover h3{ color: #e60012; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.brand01-con ul li:hover img{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

.brand02-box{ width: 100%; height: auto; overflow: hidden; background: url(../image/ppbg1.jpg) no-repeat center; background-size: cover; background-attachment: fixed; padding: 150px 0 100px 0;}
.brand02{ width: 100%; height: auto; overflow: hidden; text-align: center;}
.brand02 h3{ font-size: 40px; color: #fff; margin-bottom: 70px; letter-spacing: 5px;}
.commonmore4{width: 140px;height: 40px; border-radius:1px;border: 1px solid #fff;margin: 0 auto;text-align: center;font-size: 14px;line-height: 40px;color:#666;position: relative;overflow: hidden;z-index: 2;transition: all 600ms;}
.commonmore4:hover{border-color: #e60012;}
.commonmore4 .ceng{width: 100%;height: 40px;background-color: #e60012;position: absolute;left: -140px;top: 0;transition: left 500ms;z-index: 1;}
.commonmore4:hover .ceng{left: 0;}
.commonmore4 a{color: #fff;display: block;position: relative;z-index: 3;transition: all 100ms 100ms;}
.commonmore4 a i{ vertical-align: middle; font-size: 24px; padding-left: 5px; position: relative; top: 0;}
.commonmore4 a:hover{color: #fff;}

.brand03-box{ width: 100%; height: auto; overflow: hidden; background-color: #f7f7f7; padding: 100px 0 80px 0;}
.brand03{ width: 68%; height: auto; margin: 0 auto;}
.brand03-con{ width: 100%; height: auto; margin-top: 50px;}
.brand03-con ul li{ width: 33.33%; height: auto; float: left; text-align: center; padding: 30px 0 50px 0; margin-bottom: 30px;}
.brand03-con ul li img{ height: 60px; margin: 20px 0;}
.brand03-con ul li h3{ font-size: 24px; line-height: 24px; margin-bottom: 10px;}
.brand03-con ul li p{ font-size: 16px; line-height: 24px; color: #666; width:90%; padding:0 5%;}
.brand03-con ul li:hover{ background-color: #fff; box-shadow: 2px 2px 10px rgba(0,0,0,0.2);}
.commonmore3{width: 178px;height: 50px; border-radius:1px;border: 1px solid #666;margin: 30px auto 0 auto;text-align: center;font-size: 14px;line-height: 50px;color:#666;position: relative;overflow: hidden;z-index: 2;transition: all 600ms;}
.commonmore3:hover{ border-color: #e60012;}
.commonmore3 .ceng{width: 100%;height: 50px;background-color: #e60012;position: absolute;left: -180px;top: 0;transition: left 500ms;z-index: 1;}
.commonmore3:hover .ceng{left: 0;}
.commonmore3 a{color: #666;display: block;position: relative;z-index: 3;transition: all 100ms 100ms;}
.commonmore3 a i{ vertical-align: middle; font-size: 24px; padding-left: 5px; position: relative; top: 0;}
.commonmore3 a:hover{color: #fff;}

.brand04-box{ width: 100%; height: auto; overflow: hidden; background-color: #f7f7f7; padding: 100px 0 80px 0;}
.brand04{ width: 68%; height: auto; margin: 0 auto;}
.brand04-con{ width: 100%; height: auto; margin-top: 50px;}
.brand04-con ul li{ width: 24%; height: auto; overflow: hidden; float: left; margin: 0 0.5%; background: url("../image/ppjt1.png") no-repeat right 10px;}
.brand04-con ul li:last-child{ background:none;}
.brand04-con-nr{ width: 88%; height: auto; overflow: hidden;}
.brand04-con-nr span{ display: block; width: 100%; height: 56px; line-height: 56px; background-color: #e60012; border-radius: 5px; text-align: center; font-size: 30px; color: #fff;}
.brand04-con-nr h3{ width: 100%; height: 20px; line-height: 20px; text-align: center; font-size: 20px; margin: 30px 0;}
.brand04-con-nr p{ padding: 30px; height: 160px; line-height: 28px; text-align: center; font-size: 14px; color: #999; border: 1px dashed #ccc; border-radius: 5px;}
.brand04-con-nr b{ width: 100%; font-size: 20px; text-align: center;display: block;}
.brand04-con-nr img{  width: 37px; height: 25px; margin: 26px auto 16px auto;display: block;}

.brand05-box{ width: 100%; height: auto; overflow: hidden; background-color: #ffffff; padding: 100px 0 80px 0;}
.brand05{ width: 68%; height: auto; margin: 0 auto;}
.brand05-con{ width: 100%; height: auto; margin-top: 50px;}
.brand05-con ul li{ width: 48%; height: 200px; margin-right: 4%; background-color: #f7f7f7; float: left; margin-bottom: 30px;}
.brand05-con ul li:nth-child(2n){ margin-right: 0;}
.brand05-con ul li .brand05-con-l{ width: 70%; height: auto; margin-left: 5%; float: left;}
.brand05-con ul li .brand05-con-l h3{ width: 100%; height: 24px; line-height: 24px; font-size: 24px; color: #333; font-weight: bold; padding: 60px 0 20px 0;}
.brand05-con ul li .brand05-con-l p{ line-height: 24px; font-size: 14px; color: #666;}
.brand05-con ul li .brand05-con-r{ width: 20%; height: auto; margin-right: 5%; float: right;}
.brand05-con ul li .brand05-con-r i{ display: block; font-size: 80px; line-height: 200px; text-align: right; color: #eaeaea;}
.brand05-con ul li .brand05-con-r i.icon-pctengxunyun{ font-size: 100px;}
.brand05-con ul li .brand05-con-r i.icon-weibiaoti-{ font-size: 100px;}
.brand05-con ul li .brand05-con-r i.icon-icon02{ font-size: 100px;}
.brand05-con ul li .brand05-con-r i.icon-gengduoyingyong{ font-size: 70px;}

.brand05-con ul li:hover{ margin-top: -10px; background-color: #e60012; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.brand05-con ul li:hover .brand05-con-l h3,.brand05-con ul li:hover .brand05-con-l p,.brand05-con ul li:hover .brand05-con-r i{ color: #fff;}

.brand06-box{ width: 100%; height: auto; overflow: hidden; background: url(../image/ppbg2.jpg) no-repeat center; background-size: cover; background-attachment: fixed; padding: 130px 0 120px 0;}
.brand06{ width: 100%; height: auto; overflow: hidden; text-align: center;}
.brand06 h3{ height:30px; line-height:30px; font-size: 30px; color: #fff; letter-spacing: 2px;}
.brand06 span{ width: 100px; height:1px; background-color: #fff; display: block; margin: 40px auto 50px auto;}
.brand06 p{ font-size: 16px; color: #fff; letter-spacing: 2px; margin-bottom: 50px;}

.case-box{ width: 100%; height: auto; overflow: hidden; background-color: #f7f7f7;padding:0 0 60px 0;}
.case{ width: 98%; height: auto; overflow: hidden;}

.contentLeft{ width:1400px; margin: 0 auto; float: right;}

.hfzp{ width: 60px; height: 60px; line-height: 60px; background-color: #e60012; color: #fff; font-size: 14px; text-align: center; display: none; float: left; margin-top: -30px; top:50%; cursor: pointer; position:fixed; z-index:999;}
.hfzp i{  font-size: 24px;}

.neirong{ width: 95%; height: auto; overflow: hidden; float: right;}
.neirong ul li{ width: 400px; height: auto; overflow: hidden; margin:50px 15px 0 15px; float: left;}
.neirong-tu{ width: 100%; height: 250px; overflow: hidden; position: relative;}
.neirong-tu img{ width: 100%; height: 250px;}
.neirong-tu .cenghui{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(0,0,0,0); transition: all 600ms;}
.neirong-tu .cenghui .logoku{ width: 100%;height: 100%;display: table; text-align: center;}
.neirong-tu .cenghui .logoku .neik{ width: 100%;height: 100%;display: table-cell;vertical-align: middle;text-align: center;}
.neirong-tu .cenghui .logoku img{ max-width: 200px !important;max-height: 150px !important;opacity: 0.7;}
.neirong-tu:hover .cenghui { opacity: 0; filter: alpha(opacity=0);}

.neirong ul li:hover h3{color: #e60012; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.neirong ul li:hover{ box-shadow: 2px 2px 10px rgba(0,0,0,0.2); transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}

.neirong-we{ width: 90%; height: auto; overflow: hidden; padding: 5%; background-color: #fff;}
.neirong-we h3{ height: 22px; line-height: 22px; font-size: 22px; margin-bottom: 20px;}
.neirong-we p{ font-size: 14px; color: #666; padding-bottom: 20px; border-bottom: 1px solid #ccc;transition: all 1s;}
.neirong-we span{ font-size: 14px; color: #666; display: block;;}
.neirong-we i{ font-size: 20px; color: #666; display:inline-block; float: right;}
.neirong ul li .neirong-we .h4{transition: all 1s; position: relative; height: 50px;line-height: 50px;color: #777;font-size: 14px;}
.neirong ul li .neirong-we .h4:before{position: absolute;content: '';width: 0%;height: 1px;background: #dc1416;transition: all 1s;top: -1px;}
.neirong ul li:hover .neirong-we .h4:before{width: 100%;}
.neirong ul li:hover .neirong-we .h4 i{ color:#e60012; padding-right:5px;transition: all 1s;}

.contentRight{ width:450px; height: 1000px; background-color: #e60012; float: left; position: relative; z-index: 99;}
.contentRight-jt a{ display: block; color: #fff;}
.contentRight-jt{ position: absolute; right: 0; top: 350px; width: 60px; height: 60px; line-height: 60px; background-color: #ff0e21; font-size: 14px; text-align: center; cursor: pointer;}
.contentRight-jt i{  font-size: 24px;}
.contentRight-bt{ width: 72%; height: auto; overflow: hidden; margin: 0 auto; padding-top: 100px;}
.contentRight-bt span{ display: block; font-size: 40px; color: #fff;font-family: Arial;}
.contentRight-bt h3{ height:30px; line-height:30px; font-size: 26px; padding: 10px 0; color: #fff;}
.contentRight-bt p{ line-height:24px; font-size: 14px; color: #fff;}
.contentRight-wz{ width: 72%; height: auto; overflow: hidden; margin: 0 auto; padding-top: 80px}
.contentRight-wz ul li{ width: 70%; height: 16px; line-height: 16px; margin-bottom: 50px;}
.contentRight-wz ul li i{ display: none;}
.contentRight-wz ul li i{ float: left; font-size: 20px; color: #fff;}
.contentRight-wz ul li h3{ width: 110px; float: left; font-size: 14px; color: #fff;}
.contentRight-wz ul li span{ width: 40px; height: 1px; background-color: #fff; display: block; margin-top: 7px; float: left;}
.contentRight-wz ul li:hover,.contentRight-wz ul li.curr{ background: url("../image/jt.png") no-repeat top right;}
.contentRight-wz ul li:hover i,.contentRight-wz ul li.curr i{ display: block; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.contentRight-wz ul li:hover h3,.contentRight-wz ul li.curr h3{ font-size: 15px; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.contentRight-wz ul li:hover span,.contentRight-wz ul li.curr span{  width: 70px; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}

.case-tel{ display:none;}

.casexq-box{ width: 100%; height: auto; overflow: hidden; background-color: #eaeaea;padding: 60px 0;}
.casexq{ width: 90%; height: auto; overflow: hidden; margin: 0 auto;}
.casexq-l{ width: 46%; min-height:360px; height: auto; background-color: #fff; float: left; padding: 30px 2%;}
.casexq-tu{ width: 28%; height: auto; float: left;}
.casexq-tu img{ width: 100%; height: auto;}
.casexq-we{ width: 68%; height: auto; float: right;}
.casexq-we b{ width: 100%; font-size: 14px; color: #999; display: block;}
.casexq-we span{ width: 30px; height: 2px; background-color: #e60012; display: block; margin-bottom:15px;}
.casexq-we h3{ width: 100%; height: auto; line-height: 30px; font-size: 30px; color: #333; margin: 10px 0 20px 0;}
.casexq-we p{ width: 100%; height: auto; line-height: 30px; overflow: hidden; font-size: 14px; color: #666;}
.casexq-r{ width: 40%; height: 360px; background: #f7f7f7 url(../image/alxqbg.png) no-repeat 95% 10%; float: right; padding: 30px 5%;}
.casexq-wz{ width: 40%; height: auto; float: left; padding-left: 2%;}
.casexq-wz b{ width: 100%; font-size: 14px; color: #999; display: block;}
.casexq-wz span{ width: 30px; height: 2px; background-color: #e60012; display: block;}
.casexq-wz h3{ width: 100%; height: 30px; line-height: 30px; font-size: 30px; color: #333; margin: 10px 0 20px 0;}
.casexq-wz ul{ margin-top: 20px;}
.casexq-wz ul li{ width: 100%; height: 40px; line-height: 40px; font-size: 16px; color: #666;}
.casexq-wz ul li i{ display: inline-block; font-size: 18px; float: left; padding-right: 6px;}
.casexq-xc{ width: 52%; float: right; text-align: right; padding-top: 250px;}
.casexq-xc img{ height: auto;}

.casexq01-box{ width: 100%; height: auto; background-color: #f7f7f7;padding:110px 0 60px 0;}
.casexq01{ width: 100%; height: auto; overflow: hidden;}
.casexq01-bt{ width: 100%; height: auto; overflow: hidden; text-align: center;}
.casexq01-bt h3{ height: 40px; line-height: 40px; font-size: 40px;}
.casexq01-bt p{ width: 55%; line-height: 30px; font-size: 16px; color: #666; margin: 40px auto 80px auto;}
.casexq01-bt p img {width:100%;}
.casexq01-tp{ width: 900px; height: 718px; margin: 0 auto; background: url(../image/pc.png) center top no-repeat;}
.casexq01-nr{ width: 100%; height: 472px; overflow:auto; position: relative; top: 37px; text-align: center;}
.casexq01-nr img{ width: 830px; margin: 0 auto;}
.casexq01-nr::scrollbar { display: none;}
.casexq01-nr::scrollbar-thumb { display: none;}
.casexq01-nr::-ms-scrollbar { display: none;}
.casexq01-nr::-ms-scrollbar-thumb {display: none;}
.casexq01-nr::-webkit-scrollbar { display: none;}
.casexq01-nr::-webkit-scrollbar-thumb { display: none;}



.casexq02-box{ width: 100%; height: auto; overflow: hidden; background-color: #f7f7f7;padding:70px 0;}
.casexq02{ width: 100%; height: auto; overflow: hidden;}
.casexq02 h3{ width: 100%; height: 30px; line-height: 30px; font-size: 30px; margin-bottom: 40px;}
.casexq02-xq{ width: 100%; height: auto; overflow: hidden;}
.casexq02-xq ul li{ width: 86px; height: 86px; position: relative; float: left; margin-right: 70px;}
.casexq02-xq-s{ width: 80px; height: 80px; line-height: 80px; color: #fff; font-size: 14px; text-align: center;}
.casexq02-xq-y{ width: 80px; height: 80px; opacity:0.2; position: absolute; right: 0; bottom: 0;}
.casexq02-xq-x{ width: 80px; height: 80px; position: absolute; right: 0; bottom: 0; box-sizing:border-box; -moz-box-sizing:border-box;  -webkit-box-sizing:border-box;}

.casexq03-box{ width: 100%; height: auto; overflow: hidden; background: url(../image/alxqbg.jpg) no-repeat center; background-size: cover; background-attachment: fixed; padding: 250px 0 110px 0;}
.casexq03{ width: 100%; height: auto; overflow: hidden;}
.casexq03 h3{ height:30px; line-height:30px; font-size: 30px; color: #fff; letter-spacing: 2px;}
.casexq03 p{ width: 50%; font-size: 16px; color: #fff; line-height: 30px; letter-spacing: 2px; margin: 40px 0 60px 0;}
.casexq03 span{ display: block; height:16px; line-height: 16px; font-size: 16px; color: #fff; position: relative;}
.casexq03 b{ display: inline-block; width: 100px; height: 1px; background-color: #fff; margin-right: 10px;}

.casexq04-box{ width: 100%; height: auto; overflow: hidden; background-color: #f7f7f7;padding:120px 0;}
.casexq04{ width: 100%; height: auto; overflow: hidden;}
.casexq04-con{ width: 100%; height: auto; overflow: hidden; margin-top: 50px;}
.casexq04-con ul li { width: 25%; background: #fff; float: left; text-align: center;}
.casexq04-con li a { display: block;  padding-top: 80px; border: 1px solid #e2e0e0; box-sizing: border-box; height: 250px;}
.casexq04-con p {margin-top: 27px}
.casexq04-con ul li:hover { margin-right: 0;}
.casexq04-con li a:hover { border: 3px solid #e60012; color: #333; -webkit-box-shadow:0px 0px 27px rgba(0,0,0,0.26);  -moz-box-shadow:0px 0px 27px rgba(0,0,0,0.26);  box-shadow:0px 0px 27px rgba(0,0,0,0.26);}

.casexq05-box{ width: 100%; height: auto; overflow: hidden; background-color: #f7f7f7;}
.casexq05{ width: 100%; height: auto; overflow: hidden;}
.casexq05 ul li{ width: 25%; height: auto; overflow: hidden; float: left; position: relative;}

.casexq06-box{ width: 100%; height: auto; overflow: hidden; background-color: #f7f7f7;padding:120px 0;}
.casexq06{ width: 100%; height: auto; overflow: hidden;}
.casexq06-con{ width: 100%; height: auto; overflow: hidden; margin-top: 50px;}
.casexq06-con ul li { width: 33.33%; background: #fff; float: left; text-align: center;}
.casexq06-con li a { display: block;  padding-top: 30px; border: 1px solid #e2e0e0; box-sizing: border-box; height: 200px;}
.casexq06-con h3 { margin: 0 0 20px 0; font-size: 14px; color: #666;}
.casexq06-con p{ font-size: 18px; color: #333; padding-top: 16px;}
.casexq06-con ul li:hover { margin-right: 0;}
.casexq06-con li a:hover { border: 3px solid #e60012; color: #333; -webkit-box-shadow:0px 0px 27px rgba(0,0,0,0.26);  -moz-box-shadow:0px 0px 27px rgba(0,0,0,0.26);  box-shadow:0px 0px 27px rgba(0,0,0,0.26);}

.casexq07-box{ width: 100%; height: auto; overflow: hidden; background-color: #f7f7f7;padding:40px 0; border-top: 1px dashed #ccc;}
.casexq07{ width: 100%; height: auto; position: relative;}
.casexq07-l{ width: 40%; height: 42px; float: left; font-size: 16px; color: #666;}
.casexq07-l:hover a{ color: #e60012; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.casexq07-l i{ display: inline-block; float: left; font-size: 23px; color: #e60012; margin-right: 10px;}
.casexq07-r{ width: 40%; height: 42px; float: right; font-size: 16px; color: #666; text-align: right;}
.casexq07-r:hover a{ color: #e60012; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.casexq07-r i{ display: inline-block; float: right; font-size: 23px; color: #e60012; margin-left: 10px;}
.casexq07-m{ width: 142px; height: 42px; position: absolute; top: -11px; left: 50%; margin-left: -71px;}

.case_arc1 .title{text-align:center;}
.case_arc1 .title h1{font-size:30px;}
.case_arc1 .title h2{ font-family:Arial;font-weight:bold;font-size:50px;margin-top:10px;text-transform:uppercase;}
.case_arc1 .title p{font-size:12px;color:#474747;margin-top:15px;line-height:180%;}
.case_arc1 .content{margin-top:50px;position:relative;}
.case_arc1 .pc{background:url(../image/pc.png) center top no-repeat;width:900px;height:680px;margin:auto;position:relative;padding-top:38px;}
.case_arc1 .pc .mask{background:url(../image/pc_mask.png) right top no-repeat;width:360px;height:550px;position:absolute;right:0;top:0;}
.case_arc1 .pc .inner{width:830px;height:467px;overflow:hidden;margin-left:34px;position:relative;}
.case_arc1 .pc .inner .frame{height:100%;overflow:hidden;}
.case_arc1 .pc .inner .frame .child{float:left;height:100%;width:100%;}
.case_arc1 .pc .inner img{width:100%;height:auto;}
.case_arc1 .pc .inner .prev{background:url(../image/arrow2_1.png) center center no-repeat;width:31px;height:30px;position:absolute;right:50%;bottom:20px;margin-right:5px;}
.case_arc1 .pc .inner .prev:hover{opacity:0.8;}
.case_arc1 .pc .inner .next{background:url(../image/arrow2_2.png) center center no-repeat;width:31px;height:30px;position:absolute;left:50%;bottom:20px;margin-left:5px;}
.case_arc1 .pc .inner .next:hover{opacity:0.8;}

.casexq01-tel{ display:none;}

.brandxq-box{ width: 100%; height: auto;}
.brandxq{ width: 100%; height: auto; overflow: hidden; background-color: #fff; border-radius: 5px; box-shadow: 2px 2px 8px rgba(230,0,18,0.1); position: relative; text-align: center; margin-top: -60px; padding: 60px 0;}
.brandxq-l{ position: absolute; left: 50px; top: 45px;}
.brandxq-r{ position: absolute; right: 0; top: 20px;}
.brandxq h3{ height: 42px; line-height: 42px; font-size: 42px;}
.brandxq span{ width: 50px; height: 4px; background-color: #333; margin: 30px auto; display: block;}
.brandxq p{ width: 60%; line-height: 30px; font-size: 16px; color: #666; margin: 0 auto;}

.brandxq01-box{ width: 100%; height: auto; background-color: #f7f7f7; padding-top: 70px; position: relative;}
.brandxq01{ width: 100%; height: auto; overflow: hidden;}
.brandxq01-tu{ width: 100%; height:470px; position: relative;}
.brandxq01-tu img{ width: 100%; height:470px;}
.brandxq01-we{ width: 94%; background-color: #E60012; position: absolute; left: 0; bottom: 0; padding: 3%;}
.brandxq01-we h3{ color: #fff; font-size: 32px;}
.brandxq01 span{ width: 40px; height: 4px; background-color: #fff; margin: 20px 0; display: block;}
.brandxq01-we p{ width: 90%; line-height: 32px; color: #fff; font-size: 16px;}

.brandxq02-box{ width: 100%; height: auto; overflow: hidden; background-color: #f7f7f7; padding:0 0 70px 0;}
.brandxq02{ width: 100%; height: auto; overflow: hidden;}
.brandxq02-u{ margin-top: 120px; width: 100%; height: auto; overflow: hidden;}
.brandxq02-u-l{ width: 50%; float: left;}
.brandxq02-u-l h3{  height: 32px; line-height: 32px; font-size: 32px;}
.brandxq02-u-l span{  width: 40px; height: 4px; background-color: #333; display: block; margin: 20px 0;}
.brandxq02-u-l p{  line-height: 32px; font-size: 16px; color: #666; margin-bottom: 20px;}
.brandxq02-u-r{ width: 50%; float: right; text-align: center; padding-top: 10px;}
.brandxq02-m{ margin-top: 120px; width: 100%; height: auto; overflow: hidden;}
.brandxq02-m-r{ width: 50%; float: right;}
.brandxq02-m-r h3{  height: 32px; line-height: 32px; font-size: 32px;}
.brandxq02-m-r span{  width: 40px; height: 4px; background-color: #333; display: block; margin: 20px 0;}
.brandxq02-m-r p{  line-height: 32px; font-size: 16px; color: #666; margin-bottom: 20px;}
.brandxq02-m-l{ width: 50%; float: left; text-align: center;}

.alert-contact-box{ width: 590px; height: 340px; background: #E60012; position: fixed; z-index: 99; left: 50%; margin-left: -295px; top: 50%; margin-top: -170px; color: #fff;}
.alert-contact{ width: 560px; height: 310px; border: 1px dashed #fff; margin: 15px auto;}
.alert-contact .close{ display: block; width: 24px; height: 24px; position: absolute; right: 35px; top: 35px; cursor: pointer;background: url("../image/close1.png") no-repeat center;}
.alert-contact .close:hover{ transform:rotate(90deg);-webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); }
.alert-contact .word1{ margin-left: 35px; font-size: 18px; margin-top: 20px;}
.alert-contact-box .word2{ font-size: 56px; height: 56px; line-height: 56px; margin: 20px 0 20px 35px;}
.alert-contact-box .word3{ margin-left: 35px; font-size: 18px; }
.alert-contact-box .word4{ margin-left: 35px; font-size: 14px; }
.alert-contact-an{ height: auto; overflow: hidden; margin:30px 0 30px 35px;}
.commonmore8{width: 140px;height: 40px;line-height: 40px; float: left; border-radius:3px; background-color: #fff; border: 1px solid #fff; text-align: center;font-size: 14px;color:#e60012;position: relative;overflow: hidden;z-index: 2;transition: all 600ms;}
.commonmore8 .ceng{width: 100%;height: 40px;background-color: #e60012;position: absolute;left: -140px;top: 0;transition: left 500ms;z-index: 1;}
.commonmore8:hover .ceng{left: 0;}
.commonmore8 a{color: #e60012;display: block;position: relative;z-index: 3;transition: all 100ms 100ms;}
.commonmore8 a i{ vertical-align: middle; font-size: 24px; padding-left: 4px; position: relative; top: -2px;}
.commonmore8 a:hover{color: #fff;}

.commonmore9{width: 140px;height: 40px;line-height: 40px; float: left; border-radius:3px; background-color: #e60012; border: 1px solid #fff; text-align: center;font-size: 14px; position: relative;overflow: hidden;z-index: 2;transition: all 600ms;}
.commonmore9 .ceng{width: 100%;height: 40px;background-color: #fff;position: absolute;left: -140px;top: 0;transition: left 500ms;z-index: 1;}
.commonmore9:hover .ceng{left: 0;}
.commonmore9 a{color: #fff;display: block;position: relative;z-index: 3;transition: all 100ms 100ms;}
.commonmore9 a i{ vertical-align: middle; font-size: 24px; padding-left: 4px; position: relative; top: -2px;}
.commonmore9 a:hover{color: #e60012;}




.gb-contact {
    z-index: 9999;
    right: 10px;
    position: fixed;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.gb-contact li {
    margin-bottom: 10px;
    height: 50px;
    width: 50px;
    transition: 0.5s;
    position: relative; border-radius: 50%;
    
}
.gb-contact li:hover{
	border-color: #e60012;
}
.gb-contact .txt {
    position: absolute;
    top: -2px;
    right: 0;
    height: 54px;
    overflow: hidden;
    transition: 0.5s;
    width: 0;
    line-height: 54px;
    font-size: 16px;
    color: #ffffff;
    padding-right: 50px;
    text-align: center;
    background: rgba(255,0,0,0.7);
    border-radius: 50px;
    opacity: 0;filter: alpha(opacity = 0);
}
.gb-contact li:hover .txt{
	width: 126px;opacity: 1;filter: alpha(opacity = 100);
}
.gb-contact .ico {
    transition: 0.5s;
    position: absolute;
    right: -1px;
    top: -1px;
    background-color: #F0F0F0;
    display: inline-block;
    height: 52px;
    width: 52px;
    border-radius: 50%;overflow: hidden;
}
.gb-contact li:hover .ico{
	background-color: #e60012;
}
.gb-contact .ico .tubiao{
	width: 100px;height: 50px;position: relative;line-height: 50px;left: 0; transition:all .5s;
}
.gb-contact li:hover .ico .tubiao{
	left: -50px;
}
.gb-contact .ico .xxlogo{
	width: 50px;height: 50px;text-align: center;color: #fff;
}
.gb-contact .ico .xxlogo i{
	font-size: 24px;
}
.gb-contact .ico .xxlogo.se{
	color: #e60012;
}
@media only screen and (min-width:1025px) and (max-width:1456px){
	.gb-contact .txt{
		font-size: 15px;
	}
}
@media only screen and (max-width:1024px){
	.gb-contact{display: none;}
}

@media screen and (max-width:1400px){

    .common-width{ width:1200px;}

    .menu-ceng { height: 800px; top: 50px;}
	
	.menu-up { padding-top: 60px;}
	
	.commonmore0 { width: 150px; height: 45px; line-height: 45px; margin-top: 50px;}
	.commonmore0 .ceng{ height: 45px;left: -150px;}
	.menu-up-l { line-height: 40px;}
	.lineBlock { margin: 50px 0 0 0;}
	
	
    .menu-ceng-l h3 { font-size: 30px; padding: 40px 0 100px 0;}
    .menu-ceng-l p { font-size: 30px; line-height: 50px;}
    .guanyu-r { position: absolute; right: 0;}
    .guanyu-r img{ width: 80%;}
    .menu-ceng-r-u dl dt { padding: 100px 0 40px 0;}

    .banner .banner-font { top: 35%;}
    .banner-font img{ width: 70% !important;}
    .banner-font { top: 24%;}

    .xinwen-r-time b { font-size: 30px;}

    .type-wrap { font-size: 40px;}


    .about-box { padding: 70px 0 60px 0;}

    .about01-box { background: #fff url(../image/honor.png) no-repeat 100%;}
    .about01-r { text-align: center;}
    .about03-box { padding: 60px 0;}
    .int-tel-map .lianxi { top: 100px; left: 5%;}

    .about04 h3 { font-size: 26px; padding-bottom: 10px;}
    .brand-nr b { font-size: 50px;}
    .brand-nr b.red { font-size: 50px; padding: 0 0 30px 0;}
    .brand-nr p { font-size: 20px; line-height: 34px;}
    .brand04 { width: 90%;}
    .brand05 { width: 90%;}
	
	.brand03-con ul li img { height: 50px;}
	.brand03-con ul li h3 { font-size: 20px; line-height: 20px;}
	.brand03-con ul li p { font-size: 14px;}

    .casexq01-bt p { margin: 40px auto 20px auto;}
    .casexq02-box { padding: 0 0 70px 0;}
    .casexq03-box { padding: 180px 0 110px 0;}
    .casexq04-box {  padding: 70px 0;}
    .casexq06-box { padding: 70px 0;}

    .ny-wz { top: 50%;}
    .ny-wz h3 { font-size: 50px; padding-bottom: 5px;}

    .owl_news .item .news-we h3 { font-size: 22px; line-height: 30px;}
    .owl_news .item .news-tu { width: 50%;}
	
	.case { width: 99%;}
    .neirong ul li { width: 290px; margin: 30px 10px 0 10px;}
    .contentLeft{ width:980px; float: right;}
	.neirong-tu { height: 181px;}
	.neirong-tu img{ height: 181px;}
	.neirong-we h3 { height: 20px; line-height: 20px; font-size: 20px; margin-bottom: 15px;}
	.neirong ul li .neirong-we .h4 { height: 40px; line-height: 40px;}
	.contentRight-wz ul li:hover span, .contentRight-wz ul li.curr span { width: 40px;}
	.contentRight-wz ul li span { width: 30px;}

    .owl_news .item .news-we span { margin: 20px 0 20px 0;}

    .news { width: 88%;padding-bottom: 60px;}
	
	.contentRight { width: 350px;}
	
	.gy-nr { height: 400px;}
	.gy-nr .gy-we{font-size: 26px;padding-top: 90px;}
	.gy-nr .gy-tu img { height: 400px;}
	.guanyu{padding-left: 20.75%;}
	.guanyu li{font-size: 14px;}
	.guanyu li#one1{ padding-left: 0;}
	.guanyu li#one2{ padding-left: 70px;}
	.guanyu li#one3{ padding-left: 132px;}
	.guanyu li#one4{ padding-left: 120px;}
	.guanyu li#one5{ padding-left: 210px;}
	
	.yewu-tit h3 { margin-bottom: 15px; font-size: 24px;}
	.anli-tit h3 { margin-bottom: 15px; font-size: 24px;}
	
	.alert-contact-box { width: 460px; height: 310px; margin-left: -230px; margin-top: -150px;}
	.alert-contact { width: 430px; height: 280px; border: 1px dashed #fff; margin: 15px auto;}
	.alert-contact-box .word2 { font-size: 40px; height: 40px; line-height: 40px; margin: 15px 0 15px 35px;}
	
}

@media screen and (max-width:768px){
	
	.alert-contact-box{ display:none !important;}

	.common-width{ width:96%;}

	.gun{ display:none;}
	.yewu-box { padding: 30px 0; background: none;}
	
	.casexq01-tel{ display:block;}
	.case_arc1{ display:none;}
	.casexq01-tel img{ width:100%; height:auto;}
	
	.ny-wz{ width:100%; top: 40px;}
	.ny-an{ top: 70px;left:50%;}
	.commonmore5{width: 190px; height: 35px;line-height: 35px; margin-top:20px;}
	.commonmore5 .ceng{ height: 35px; left: -190px;}

	.about-shuzi .shang { font-size: 26px; line-height: 30px;}
	.about-shuzi .xia { font-size: 14px;}
	
	.yewu-tit h3 { margin-bottom: 5px; font-size: 16px;  background-size: 100%;}
	.yewu-bt ul li i { width: 40px; height: 40px;}
	.yewu-bt ul li.yewu1 i { background-size: cover;}
	.yewu-bt ul li.yewu2 i { background-size: cover;}
	.yewu-bt ul li.yewu3 i { background-size: cover;}
	.yewu-bt ul li.yewu1:hover i,.yewu-bt ul li.yewu1.casehover i{ background-size: cover;}
	.yewu-bt ul li.yewu2:hover i,.yewu-bt ul li.yewu2.casehover i{ background-size: cover;}
	.yewu-bt ul li.yewu3:hover i,.yewu-bt ul li.yewu3.casehover i{ background-size: cover;}
	.yewu-bt ul li b { font-size: 14px; margin: 10px 0;}
	.yewu-bt ul li span { width: 80%;}
	
	.yewu-tp-con { padding: 10px; background:none;}
	.yewu-tp-con dl { width: 100%;padding-bottom: 20px;}	
	.yewu-tp-con-img{ display:none;}
	.yewu-con { margin-top: 30px; background:none;}
	.yewu-tp-con dl dt { width: 80%; margin:0; padding:20px 10%;}
	.yewu-tp-con dl dd { width: 90%; padding: 0 5%;}
	.yewu-tp-con dl dd span { margin: 15px 15px 0 0;}
	.yewu-con .content { padding-bottom: 20px;}
	.anli-box { padding: 30px 0;}
	.anli-img{ display:none;}
	.anli-tit h3 { margin-bottom: 5px; font-size: 16px;  background-size: 100%;}
	
	.guanyu-box{ display:none;}
	.xinwen-box { padding: 30px 0;}
	.xinwen-con { margin: 30px auto 0 auto;}
	.xinwen-l { width: 100%; margin-bottom:20px;}
	.xinwen-l-we h3 { font-size: 18px;margin: 5px 0 20px 0;}
	.xinwen-r { width: 100%;}
	.xinwen-l-an{ display:none;}
	.xinwen-r-txt { width: 72%;}
	.xinwen-r-txt h3 { width: 95%;overflow: hidden;
white-space: nowrap;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;}
	.xinwen-r-txt p { width: 100%; height:48px; overflow:hidden;}
	
	.ads h3 { font-size: 20px;}
	.ads p { font-size: 16px; line-height: 28px; margin: 10px 0 14px 0;}
	.ads-box { padding: 30px 0; background-size: cover;}
	
	.brand-box { padding: 30px 0;}
	.brand-img1{ display:none;}
	.brand-img2{ display:none;}
	.brand-nr h3 { font-size: 18px; padding: 20px 0;}
	.brand-nr b { font-size: 18px; line-height:18px; height:18px;}
	.brand-nr b.red { font-size: 18px; line-height:18px; height:18px; padding: 10px 0;}
	.brand-nr p { font-size: 14px; line-height: 24px;}
	.brand-nr span { font-size: 16px; padding-bottom: 10px;}
	
	.brand01-box { padding: 30px 0;}
	.brand01-con { margin-top: 20px;}
	.brand01-con ul li { width: 100%; margin-bottom: 20px; padding-top: 0; margin-right:0;}
	.brand01-con ul li h3 { font-size: 16px; margin-top: 0; margin-bottom: 10px;}
	.brand01-con ul li h3 span { margin-top: 12px;}
	.brand01-con ul li p { font-size: 14px; line-height: 22px;}
	.brand02-box { padding: 50px 0;}
	.brand02 h3 { font-size: 26px; margin-bottom: 30px; letter-spacing: 2px;}
	
	.brand03-box { padding: 30px 0;}
	.brand03 { width: 100%;}
	.brand03-con { margin-top: 10px;}
	.brand03-con ul li img { height: 48px;}
	.brand03-con ul li { width: 50%; padding:0; margin-bottom: 0;height: 200px;}
	.brand03-con ul li h3 { font-size: 18px; line-height: 18px; margin-bottom: 10px;}
	.brand03-con ul li p { font-size: 14px; line-height: 24px;}
	
	.brand04-box { padding: 0;}
	.brand04-con { margin-top: 30px;}
	.brand04-con ul li { width: 100%; margin: 0 0 20px 0; background: none;}
	.brand04-con-nr { width: 100%;}
	.brand04-con-nr span { height: 46px; line-height: 46px; font-size: 26px;}
	.brand04-con-nr h3 { height: 16px; line-height: 16px; font-size: 16px; margin: 20px 0;}
	.brand04-con-nr p { padding: 20px; height: auto;}
	
	.brand05-box { padding: 30px 0;}
	.brand05-con ul li { width: 100%; margin-right: 0; margin-bottom: 20px;}
	.brand05-con ul li .brand05-con-l h3 { height: 20px; line-height: 20px; font-size: 20px; padding: 30px 0 20px 0;}
	.brand05-con ul li .brand05-con-r i { font-size: 70px;}
	
	.brand06-box { padding: 50px 0;}
	.brand06 h3 { height: 26px; line-height: 26px; font-size: 26px;}
	.brand06 span { margin: 20px auto 30px auto;}
	
	.ny-wz h3 { font-size: 18px; padding-bottom: 5px;}
	.ny-wz p { font-size: 14px;}
	.news-logo{ display:none;}
	.news-box { padding: 30px 0 0 0; background: none;}
	.owl_news .item .news-we { padding-top: 0;}
	.owl_news .item .news-we h3 { font-size: 16px; line-height: 24px;}
	.owl_news .item .news-we p { font-size: 14px; line-height: 24px; height:48px; overflow: hidden;}
	.owl_news .item .news-we { width: 100%;}
	.owl_news .item .news-tu { width: 100%; height:auto;}
	.owl_news .item .news-tu img { max-height:240px; min-height: auto; margin-top: 20px;}
	.owl_news .item .news-time { width: 100px; height: 77px; background-size: cover; right: 20px; top: 22px;}
	.owl_news .item .news-time p { font-size: 20px; margin: 5px 18px 0 10px;}
	.owl_news .item .news-time span{ margin: 0 0 0 10px;}
	
	.news01-bt ul { width: 100%; height:60px; background:none;}
	.news01-bt ul li{ width: 33.33%; height:60px; line-height:60px; margin:0;}
	.news01-bt li.active { background: #e60012 url(../image/san.jpg) no-repeat center 45px;}
	.news01-bt { padding: 20px 0;}
	.news01-nr ul li { padding: 20px 0;}
	.news01-nr-time { width: 100%;}
	.news01-nr-text { width: 100%;}
	.news01-nr-time p { height: 26px; line-height: 20px; font-size: 20px;}
	.news01-nr-time span { padding-top: 5px;}
	.news01-nr-text h3 { font-size: 15px; margin-bottom: 6px; margin-top:10px;}
	.news01-nr-text p { font-size: 14px;}
	.newsxq-box { padding: 30px 0;}
	.newsxq-l { width: 100%;}
	.newsxq-r { display:none;}
	.newsxq-l-nr { padding: 10px;}
	.newsxq-l-bt h3 { line-height: 24px; font-size: 18px; padding-top:15px;}
	.newsxq-l-bt-x p { float: left; width: 100%; margin-top:10px;}
	.news { padding-bottom: 20px;}
	
	.type-wrap { font-size: 16px;}
	.about-box { padding: 30px 0;}
	.about-l { width: 100%;}
	.about-r { display:none;}
	
	.about-l-tu { padding: 0 0 30px 0;}
	.about-l-tu img{ width:70%;}
	.about-l-we h3 { padding: 30px 0;}
	.about-l-we p { font-size: 14px; line-height: 24px;}
	.about-l-we { height: auto; overflow:hidden; padding-bottom:30px;}
	.about-l-we h3 img{ width:50%;}
	.about-shuzi { margin: 30px auto 0 auto;}
	.about01-box { padding: 30px 0; background:#fff;}
	.about01-l { width: 100%;}
	.about01-l img { height: 40px;}
	.about01-l h3 { font-size: 16px; margin: 10px 0;}
	.about01-l p { font-size: 14px; line-height: 24px;}
	.about01-r { width: 100%;}
	.about01-r img{ width: 100%; padding-top: 20px;}
	
	.about03-box { padding: 30px 0;}
	.about03-l { width: 100%;}
	.about03-r { display:none;}
	.about03-l h3 { font-size: 16px; line-height: 24px; margin: 15px 0;}
	.about03-l p.p1 { font-size: 14px; line-height: 24px;}
	.about03-l p.p2 { font-size: 16px; line-height: 30px;}
	.int-tel-map .lianxi { display: none;}
	.about04-box { display: none;}
	
	.case-box { display:none;}
	.neirong { width: 96%; float: none; margin:0 auto}
	.neirong ul li { width: 100%; margin: 0 0 20px 0;}
	.neirong-we h3 { height: 16px; line-height: 16px; font-size: 16px; margin-bottom: 10px;}
	.neirong ul li .neirong-we .h4 { height: 30px; line-height: 30px;}
	.case-tel{ display:block;}
	.case-tel{ width:100%; height:auto; overflow:hidden;}
	.case-tel-bt{width: 100%; height:auto; overflow:hidden; margin-bottom: 30px;}
	.case-tel-bt ul li { width: 33.33%; float:left; text-align: center; height: 44px; line-height:44px; background-color: #e60012;}
	.case-tel-bt ul li a{ color: #fff;}
	.case-tel-bt ul li:hover,.case-tel-bt ul li.gao{ background-color: transparent;}
	.case-tel-bt ul li:hover a,.case-tel-bt ul li.gao a{ color: #333;}
	
	.casexq-box { padding: 30px 0;}
	.casexq { width: 96%;}
	.casexq-l { width: 90%; height: auto; padding: 5%;}
	.casexq-r { width: 90%; height: auto; padding: 5%;background: #f7f7f7;}
	.casexq-xc{ display:none;}
	.casexq-tu{ width:100%;}
	.casexq-we{ width:100%;}
	.casexq-we h3 { height: 16px; line-height: 16px; font-size: 16px; margin: 10px 0;}
	.casexq-wz h3 { height: 16px; line-height: 16px; font-size: 16px; margin: 10px 0;}
	.casexq-we p { line-height: 24px;}
	.newsxq-u-an { margin-top: 10px;}
	.casexq-wz { width: 96%;}
	.casexq-wz ul li { width: 50%; height: 30px; line-height: 30px; font-size: 14px; float:left;}
	
	.casexq01-box { padding: 30px 0; width: 96%; margin: 0 auto;}
	.casexq01-bt h3 { height: 16px; line-height: 16px; font-size: 16px; margin: 10px 0;}
	.casexq01-bt p { width: 100%; line-height: 24px; font-size: 14px; margin: 30px auto;}
	.casexq01-tp{ display:none;}
	
	.casexq02-box { padding: 0 0 30px 0;}
	.casexq02 h3 { height: 16px; line-height: 16px; font-size: 16px; margin-bottom: 30px;}
	.casexq02-xq ul li { width: 66px; height: 66px; margin-right: 20px;}
	.casexq02-xq-s { width: 60px; height: 60px; line-height: 60px;}
	.casexq02-xq-y { width: 60px; height: 60px;}
	.casexq02-xq-x { width: 60px; height: 60px;}
	
	.casexq03-box { padding: 30px 0;}
	.casexq03 h3 { height: 16px; line-height: 16px; font-size: 16px; letter-spacing: 0;}
	.casexq03 p { width: 70%; font-size: 14px; line-height: 24px; letter-spacing: 0; margin: 30px 0;}
	
	.casexq04-box { padding: 30px 0;}
	.casexq04-con { margin-top: 10px;}
	.casexq04-con ul li { width: 50%;}
	.casexq04-con li a { padding-top: 20px; height: 120px;}
	.casexq04-con li a img{ width:38px;}
	.casexq04-con p { margin-top: 15px;}
	
	.casexq05 ul li { width: 100%; margin-bottom:20px;}
	.casexq05-box { width: 96%; margin:0 auto;}
	
	.casexq06-box { padding: 10px 0 30px 0;}
	.casexq06-con { margin-top: 20px;}
	.casexq06-con ul li { width: 100%;}
	.casexq06-con p { font-size: 16px; padding-top: 10px;}
	.casexq06-con li a { height: 160px; padding-top: 20px;}
	.casexq06-con li a img{ width:30px;}
	
	.casexq07-box { padding: 30px 0 70px;}
	.casexq07-l { width: 100%; line-height:42px; font-size: 14px;}
	.casexq07-r { width: 100%; line-height:42px; font-size: 14px;float: left; text-align: left;}
	.casexq07-r i { float: left; margin-left: 0; margin-right:10px;}
	.casexq07-m { top: 90px; left: 0; margin-left: 0;}

	figure.effect-bubba { max-height: auto;}
	.anli-box{ display: none;}
	.indexthxxx{ display: block; width: 96%; margin: 0 auto;}
	.tel-anli{ width: 100%; height: auto; overflow: hidden; position: relative;}
	.tel-anli img{ width: 100%; height: auto;}

	.foot-box{ display:none;}
	.foot1-box{ height:auto; overflow:hidden; padding:20px 0;}
	.foot1 { height: auto; line-height: 24px;}
	
}