@charset "utf-8";
@font-face {
  font-family: "SansCN-Medium";
  src: url('../fonts/SourceHanSansCN-Medium.otf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Microsoft Yahei";
  src: url('../fonts/xm.ttf');
    src:url('../fonts/xm.ttf') format('truetype');
}
@font-face {
font-family: sans-serif;
src: url("../fonts/xm.ttf");
  src:url('../fonts/xm.ttf') format('truetype');
}

@font-face {
font-family: serif;
src: url("../fonts/xm.ttf");
  src:url('../fonts/xm.ttf') format('truetype');
}

@font-face {
  font-family: "SansCN-Light";
  src: url('../fonts/SourceHanSansCN-Light.otf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SansCN-ExtraLight";
  src: url('../fonts/SourceHanSansCN-ExtraLight.otf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SansCN-Normal";
  src: url('../fonts/SourceHanSansCN-Normal.otf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SansCN-Heavy";
  src: url('../fonts/SourceHanSansCN-Heavy.otf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "HYQiHei";
  src: url('../fonts/HYQiHei.otf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Regular";
  src: url('../fonts/SourceHanSansCN-Regular.otf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "PingFang SC";
  src: url('../fonts/PingFangSC-Thin.ttf');
  font-weight: normal;
  font-style: normal;
}

html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td{margin: 0;padding: 0;font-size: 15px;font-weight:bold;font-family: "HYQiHei", Microsoft Yahei, "Helvetica", "Arial", sans-serif;line-height: 2em}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section{display: block}
html,
body{color: #727171}
body{background: #fff}
ul,
ol,
li{list-style: none}
a{color: #727171;text-decoration: none;font-family: "HYQiHei", Microsoft Yahei, "Helvetica", "Arial", sans-serif;letter-spacing: 1px;}
a:hover{color: #727171;text-decoration: none;}
a:link{text-decoration: none;}
img{border: 0}
b,
em,
i{font-style: normal}
h1,
h2,
h3,
h4,
h5{font-weight: normal}
@-webkit-keyframes fadeleft{0%{-webkit-transform: translateY(40px);opacity: 0}
100%{-webkit-transform: translateY(0px);opacity: 1}}
.imgbig{-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;display: block !important}
.imgbig:hover{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1)}
.imgbigout{display: block;overflow: hidden}
.clear:after,.case-read-img p:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0}
.clear,.case-read-img p{zoom: 1}
.header clear{position:fixed}
.left{float: left}
.right{float: right}
.hide{display: none}
.lazy{background: url("../images/loading.gif") 50% 50% no-repeat}
.tran{transition: all .3s ease}
.pager{width: 100%;color: #0f0b09;line-height: 30px;padding: 30px 0;font-size: 24px;text-align: center;opacity: .3}
.pager a,
.pager span{text-decoration: none;height: 26px;line-height: 26px;display: inline-block;margin: 0 10px;font-size: 24px}
.pager a:hover{color: #0f0b09;opacity: 1}
.pager a:active{color: #0f0b09}
.pager span.now{color: #0f0b09}
.pager span.disabled{color: #0f0b09}
.current:first-child,
.pager .p1:last-child{display: none}
.header{height: 80px;width: 100%;position: fixed;top: 0;left: 0;z-index: 99;box-shadow:rgba(0, 0, 0, .1) 0 1px 5px;transition: all .3s ease;background: #fff;}
.header-small{height: 60px;background: #fff;-webkit-box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;-moz-box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;transition: all .3s ease}
.header-wrap{width: 95%;margin: 24px auto 26px;height: 30px;transition: all .3s ease}
.header-wrap .logo img{transition: all .3s ease;height: 65px;margin-top: 8px;}
.header-wrap .nav{float:right;}
.header-small .header-in{margin: 15px auto;transition: all .3s ease}
.header-small .logo img{height: 22px;margin-top: 4px}
.header .logo{float: left;margin-top: -25px;}
.header .m-menu{float: right;margin-right: 10px;background: url(../images/m-menu.png) no-repeat;background-size: contain;background-position: right center;height: 30px;width: 24px;}
.header .m-menu span{width: 23px;height: 2px;background-color: #000;display: block;margin: 6px auto;-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out}
.m-nav {position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.9);display: none;}
.header .meun-on #span2{opacity: 0}
.header .meun-on #span1{-webkit-transform: translateY(8px) rotate(45deg);-ms-transform: translateY(8px) rotate(45deg);-o-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg)}
.header .meun-on #span3{-webkit-transform: translateY(-8px) rotate(-45deg);-ms-transform: translateY(-8px) rotate(-45deg);-o-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg)}
.header .navbar-nav > li > .dropdown-menu{background: transparent;padding: 15px 0 0;}
.header .navbar-nav > li > .dropdown-menu:hover{background: transparent;}
.submenu-bg {width: 100%;height: 0;background:rgba(0,0,0,.4);z-index:9999;}
.menu{height: 100%;float:right;}
.menu ul{margin: 0 auto;text-align: center;overflow: hidden;}
.menu ul li{float:left;-webkit-animation: DDInY .8s .3s ease both;-ms-animation: DDInY .8s .3s ease both;-moz-animation: DDInY .8s .3s ease both;animation: DDInY .8s .3s ease both}
.menu ul a{display: block;overflow: hidden;margin: 10px 0;color:#090405;}
.menu ul span{display: block;font-size: 14px;text-transform: uppercase;color: #090405}
.fullSlide{position: relative;margin: 0 auto}
.m-slide{display: none}
.slide{position: relative;margin: 0 auto}
.slide .bd{position: relative;z-index: 0;overflow: hidden}
.slide .bd li img{width: 100%;vertical-align: top}
.slide .hd{position: relative;z-index: 1;margin-top: -60px;height: 30px;line-height: 30px;text-align: center}
.slide .hd ul{text-align: center}
.slide .hd ul li{cursor: pointer;display: inline-block;*display: inline;zoom: 1;width: 14px;height: 14px;margin: 5px;overflow: hidden;font-size: 0;background-color: #fff;border-radius: 50%}
.slide .hd ul .on{background-color: #ff0}
.slide .prev,
.slide .next{z-index: 1;display: block;width: 53px;height: 14px;position: relative;float: left;background: url(../images/arrow.png) 0 0 no-repeat;filter: alpha(opacity=40);opacity: .4;position: absolute;top: 50%;margin-top: -7px}
.slide .prev{left: 2.1%;margin-left: 10px}
.slide .next{background-position: right 0;right: 2.1%;margin-right: 10px}
.slide .prev:hover,
.slide .next:hover{filter: alpha(opacity=80);opacity: .8}
.slide .hd{margin-top: -30px}
.slide .hd ul li{width: 7px;height: 7px}
.slide .prev, .slide .next{width: 25px;height: 14px}
.wrapper-intro{width: 76%;margin: 0 auto;padding: 85px 0 60px;position: relative;z-index: 9;background-color: #fff;text-align:center;}
.wrapper-intro h3{font-size: 2em;color: #5f6061;margin-bottom: 5px;text-align: center;line-height: 42px;}
.wrapper-intro p a{transition: all .3s ease;}
.more{text-align: center;margin-top: 50px;}
.index-more{border:1px solid #afafaf;padding:6px 70px;font-size: 17px;letter-spacing: 1px;}
.index.more{width:100%;}
.wrapper-intro div:hover p a{color: #000}
.wrapper-intro h3{-webkit-animation: fadeleft .8s .3s ease both;-ms-animation: fadeleft .8s .3s ease both;-moz-animation: fadeleft .8s .3s ease both;animation: fadeleft .5s .3s ease both;margin-top: 2px;padding-bottom:20px;text-align: center;}
.wrapper-intro .p1{-webkit-animation: fadeleft .8s .3s ease both;-ms-animation: fadeleft .8s .3s ease both;-moz-animation: fadeleft .8s .3s ease both;animation: fadeleft .8s .3s ease both}
.wrapper-intro .p2{-webkit-animation: fadeleft .8s .3s ease both;-ms-animation: fadeleft .8s .3s ease both;-moz-animation: fadeleft .8s .3s ease both;animation: fadeleft 1s .3s ease both}
.wrapper-intro .p3{-webkit-animation: fadeleft .8s .3s ease both;-ms-animation: fadeleft .8s .3s ease both;-moz-animation: fadeleft .8s .3s ease both;animation: fadeleft 1.2s .3s ease both}
.wrapper-case{width: 95%;margin: 0 auto;position: relative;z-index: 10;background-color: #fff}
.wrapper-case .wrapper-type{height: 50px;position: relative;margin-bottom: 25px}
.wrapper-case .wrapper-type p{font-size: 18px;width: 1080px;line-height: 50px;position: absolute;left: 50%;margin-left: -540px;z-index: 0}
.wrapper-case .wrapper-type p a:hover {color: #000}
.wrapper-case .wrapper-type-list{float: right;position: absolute;z-index: 11;right: 0}
.wrapper-case .wrapper-type-list .active{text-decoration: underline;color: #000;font-size: 18px}
.wrapper-case .wrapper-type-list a{display: inline-block;margin-right: 25px;line-height: 50px;color: #888889;font-size: 14px}
.wrapper-case .wrapper-type-list a:hover{text-decoration: underline;color: #000}
.wrapper-case ul li{width: 33.333333333333333333333333%;float: left;position: relative;overflow: hidden;display: block}
.wrapper-case ul li img{width: 100%;height: auto;}
.wrapper-case ul li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1)}
.wrapper-case .case-summary{display: none;width: 100%;height: 100%;background: rgba(0,0,0,.6);top: 0;left: 0;position: absolute;padding: 8% 8%}
.wrapper-case .case-summary p{color: #f9f9f9;position: absolute;left: 0;font-size: 20px}
.wrapper-case .case-summary .p1{font-size: 20px;line-height: 1.5em;font-family: "HYQiHei", Microsoft Yahei, "Helvetica", "Arial", sans-serif;}
.wrapper-case .syl{font-size: 22px;font-family: "HYQiHei", Microsoft Yahei, "Helvetica", "Arial", sans-serif;}
.wrapper-case .case-summary .p2{font-size: 14px;bottom:0;line-height: 24px;}
.wrapper-case .case-more{display: block;width: 148px;hei:21px;ght: 40px;margin: 100px auto;border: 2px solid #959595;text-align: center;line-height: 40px}
.wrapper-news{width: 68.75%;margin: 0 auto;display: -webkit-flex;display: flex;justify-content: space-between;position: relative;z-index: 10;background-color: #fff}
.wrapper-news a{color: #898989}
.wrapper-news .wrapper-news-list{width: 33.3%;overflow: hidden}
.wrapper-news .wrapper-news-list li{line-height: 2.1em;}
.wrapper-news .wrapper-news-list ul li a{word-wrap: break-word;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;color: #898989;transition:all 0.3s ease;}
.wrapper-news .wrapper-news-list ul li a:hover{color: #000;}
.wrapper-service{width: 68.75%;margin: 0 auto;display: -webkit-flex;display: flex;justify-content: space-between;margin-bottom: 60px;position: relative;z-index: 10;background-color: #fff}
.wrapper-service h4{text-align: center}
.wrapper-service .wrapper-service-title{color: #fff;font-size: 12px;padding-bottom: 15px;display: block}
.wrapper-news .wrapper-news-title{font-size: 6px;padding-bottom: 20px;display: block;}
.wrapper-news .wrapper-news-title:hover{color: #000}
.wrapper-case .more{margin: 70px 0 70px;}
.wrapper-service li a{color: #898989;font-size: 14px;transition: all .3s ease;}
.wrapper-service li a:hover{color: #000;}
.footer{background: #000;padding: 45px 0 3px;position: relative;z-index: 10}
.footer-wrapper{width: 68.75%;margin: 0 auto;color: #6a6a6a}
.footer1 .ewm img{margin-bottom:10px;width:86%;}
.footer2{width: 64%;margin-left: 1%}
.footer2 span{color:#fff;padding-right: 4px;}
.footer2 h3,.footer3 h3{color:#c9caca;font-size: 16px;padding-bottom: 30px;line-height: 16px;}
.footer2 dl{float: left;margin-top: -15px;width:50%;}
.footer2 dl:first-child{padding-right:4.5%;}
.footer2 dl dt{font-size: 24px;border-bottom: 1px solid #6a6a6a;margin-bottom: 14px;color: #999}
.footer2 dl dd{line-height: 24px;font-size: 13px;}
.footer3{width: 19%;font-size: 12px;color: #757575}
.footer3 span{font-size: 34px;color:#c9caca;}
@media screen and (max-width: 1600px){.footer-wrapper,.wrapper-news{width:80%;}.footer1 .ewm img{margin-bottom:10px;width:80%;}.footer2{width:59%;margin-left: .5%;}.footer2 dl dd{font-size: 12px;line-height: 20px;}.footer3{width:23%;}}
@media screen and (max-width: 1366px){.footer-wrapper{width:90%;}.footer3 span {font-size: 32px;color: #c9caca;}.footer2{width:63%;margin-left: 1.5%;}.footer2 dl:first-child{padding-right:3%;}.footer3{width:20%;}}
@media screen and (max-width: 1280px){.footer-wrapper{width:93%;}.footer2 dl {width:50%;}.footer3 span {font-size: 28px;color: #c9caca;}.footer2{width:62%;margin-left: .5%;}.footer2 dl:first-child{padding-right:3%;}.footer3{width:20%;}}
.footer-bottom{overflow: hidden;}
.footer-link{margin-top: 25px;width:70%;}
.footer-link h3{color: #6a6a6a;font-size: 14px}
.footer-link ul li{width: 15%;float: left}
.footer-link ul li a{color: #6a6a6a;transition: all .3s ease;line-height: 24px;display: block}
.footer-link ul li a:hover{color: #fff}
.footer-cp{margin-top: 25px;}
.m-footer{display: none}
.case-content{padding-bottom: 150px}
.case-list{width: 94%;margin: 150px auto 0}
.case-list .wrapper-type{height: 50px;position: relative;margin-bottom: 25px}
.case-list .wrapper-type p{font-size: 18px;line-height: 50px;position: absolute;left: 33.33333%;margin-left: -160px;z-index: 0;width: 160px}
.case-list .wrapper-type-list{float: right;position: absolute;z-index: 11;right: 0}
.case-list .wrapper-type-list .active{text-decoration: underline;color: #000;font-size: 16px}
.case-list .wrapper-type-list a{display: inline-block;margin-right: 20px;line-height: 50px;color: #888889;font-size: 14px}
.case-list .wrapper-type-list a:hover{text-decoration: underline}
.case-list ul li{width: 33.333333%;float: left;position: relative;overflow: hidden;display: block}
.case-list ul li img{width: 100%;height: auto;display: block}
.case-list ul li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1)}
.case-list .case-summary{display: none;width: 90%;height: 90%;background: url(../images/black.png) repeat;top: 0;left: 0;position: absolute;padding: 5%}
.case-list .case-summary p{color: #f9f9f9;position: absolute;left: 0;font-size: 20px}
.case-list .case-summary span{font-size: 24px}
.case-list .case-summary .p1{top: 0}
.case-list .case-summary .p2{bottom: 0;font-size: 16px}
.case-list .case-more{display: block;width: 148px;height: 40px;margin: 100px auto;border: 2px solid #959595;text-align: center;line-height: 40px}
.case-read{width: 1800px;margin: 0 auto;max-width: 1800px;padding: 100px 0}
.case-read .news-tool{display: none}
.case-read img{width: 100%;height: auto!important;float: left;display: block;background: url(../images/loading.gif) no-repeat center}
.case-read img.small{width: 50%;}
.case-read-top{padding: 70px 0;color: #fff;height: 730px}
.case-read-top .left{width: 36%;text-align: right;font-size: 20px}
.case-read-top .right{width: 40%;margin-right: 11%;position: relative;height: 100%}
.case-read-top .right p{font-size: 20px;line-height: 1.8em;margin-bottom: 20px}
.case-read-top .right ul{position: absolute;bottom: 0}
.case-read-top .right ul li{font-size: 14px}
.case-fixed{position: fixed;width: 28px;left: 50%;margin-left: 920px;top: 35%}
.case-fixed li{position: relative;height: 26px;margin-bottom: 17px}
.case-fixed li .icon{background-image: url(../images/icon.png);background-repeat: no-repeat;display: block;width: 28px;height: 26px}
.case-fixed #close a{background-position: 0 -117px}
.case-fixed #prev a{background-position: 0 -155px}
.case-fixed #next a{background-position: 0 -194px}
.case-fixed #close a:hover{background-position: -36px -117px}
.case-fixed #prev a:hover{background-position: -36px -155px}
.case-fixed #next a:hover{background-position: -36px -194px}
.news{width: 1070px;margin: 0 auto;padding: 100px 0}
.news-list li{padding: 55px 0;border-bottom: 1px solid #eee}
.news-list li .imgbigout{width: 44%;float: left}
.news-list li .imgbigout img{width: 100%;height: auto}
.news-list li .news-summary{float: right;width: 49%}
.news-list li .news-summary h4{color: #0f0b09;margin-bottom: 30px;font-size: 18px}
.news-list li .news-summary p{margin-bottom: 30px}
.news-list li .news-summary p a{color: #0f0b09;font-size: 24px;}
.news-list li .news-summary span{margin-bottom: 50px;display: block}
.news-list li .news-summary span a{font-size: 16px}
.news-list li .news-summary .more{text-decoration: underline;font-size: 18px}
.news-read{width: 1140px;margin: 0 auto;padding: 150px 0}
.news-read .news-read-left{float: left}
.news-read .news-read-left h3{font-size: 24px}
.news-read .news-read-left h4{font-size: 16px}
.news-read .news-read-right{float: right;width: 700px}
.news-read .news-read-right .title{font-size: 30px;line-height: 30px;padding-bottom: 50px;border-bottom: 1px solid #ccc;color: #0f0b09;margin-bottom: 40px;}
.news-read .content p,
.news-read .content span,
.news-read .content div{font-size: 16px}
.news-read .content img{max-width: 705px;height: auto;}
.news-read .content{padding-bottom: 50px;border-bottom: 1px solid #ccc;font-size: 16px}
.contact{padding: 100px 0}
.contact-read{width: 1150px;margin: 0 auto}
.contact1-left{float: left;font-size: 36px;color: #595757;margin-top: -10px}
.contact1-right{float: right;width: 610px}
.contact1 p{font-size: 20px}
.contact1{margin-bottom: 130px}
.contact2 p{margin-bottom: 1em}
.contact2{margin-bottom: 100px}
.contact3,
.contact4,
.contact5{margin-bottom: 55px}
.contact-img{margin-bottom: 120px}
.about{padding: 100px 0}
.about1{width: 1600px;margin: 0 auto}
.about3{width: 1870px;margin: 0 auto}
.about1 .about1-left{float: left;font-size: 36px;color: #595757;margin-left: 200px;margin-top: -9px}
.about1 .about1-right{float: right;width: 860px}
.about3 .about3-right{float: right;width: 1000px}
.about2{width: 100%;background: url(../images/about-fixed.jpg);height: 800px;background-position: center center;background-size: cover;background-repeat: no-repeat;background-attachment: fixed;margin: 170px 0 150px;position: relative}
.about2 img{position: absolute;left: 13%;top: 45%}
.about1-1 p{font-size: 24px;margin-bottom: 1.8em;line-height: 1.8em;color: #5f6061;}
.about1-1{margin-bottom: 150px}
.about1-2{float: left;width: 392px}
.about1-2 h3{font-size: 22px;margin-bottom: 20px;color: #0f0b09}
.about1-2 p{margin-bottom: 1em;color: #5f6061}
.about1-3{float: right;width: 330px}
.about1-3 h3{font-size: 22px;margin-bottom: 20px;color: #0f0b09}
.about1-3 p{margin-bottom: 1em;color: #5f6061}
.about3-1{float: left;width: 38%}
.about3-2{float: right;width: 48%}
.about3-1 h3,
.about3-2 h3,
.about3-3 h3{font-size: 22px;color: #0f0b09;margin-bottom: 1em}
.about3-1 p,
.about3-2 p{margin-bottom: 1em}
.about3-3{margin-bottom: 35px;margin-top: 80px}
.about3-4 dl{width: 260px;float: left;margin-bottom: 45px}
.about3-4 dt{font-size: 16px;color: #0f0b09;margin-bottom: 14px}

.service{display: none}
.banner .btn-next {right:2.1%}
.banner .btn-prev {left:2.1%}
.navbar-nav > li > a{font-size: 18px;}
.banner .arrow {position:absolute; top:25%; margin-top:0; width:100px; height:50%; padding:0;cursor: pointer;} 
.banner .arrow span,.banner .arrow span:after,.banner .arrow span:before {position:absolute; top:50%; height:2px; background-color:#fff; border-radius:1px; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transition:all .4s ease; transition:all .4s ease } 
.banner .arrow span {margin-top:-1px; width:0 } 
.banner .arrow span:after,.banner .arrow span:before {content:""; width:30px } 
.banner .arrow.swiper-button-prev span {left:50%; margin-left:-10px } 
.banner .arrow.swiper-button-prev span:before {left:0; bottom:0; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transform-origin:left; -ms-transform-origin:left; transform-origin:left } 
.banner .arrow.swiper-button-prev span:after {left:0; top:0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); -webkit-transform-origin:left; -ms-transform-origin:left; transform-origin:left } 
.banner .arrow.swiper-button-next span {right:50%; margin-right:-10px } 
.banner .arrow.swiper-button-next span:before {right:0; bottom:0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); -webkit-transform-origin:right; -ms-transform-origin:right; transform-origin:right } 
.banner .arrow.swiper-button-next span:after {right:0; top:0; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transform-origin:right; -ms-transform-origin:right; transform-origin:right } 
.banner .arrow:hover span {width:40px } 
.banner .arrow:hover.swiper-button-prev span {margin-left:-20px }
.banner .arrow:hover.swiper-button-next span {margin-right:-20px }
.banner .swiper-button-prev, .banner .swiper-button-next{background-image: none;}
.banner .arrow.btn-prev span {left:50%; margin-left:-10px } 
.banner .arrow.btn-prev span:before {left:0; bottom:0; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transform-origin:left; -ms-transform-origin:left; transform-origin:left } 
.banner .arrow.btn-prev span:after {left:0; top:0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); -webkit-transform-origin:left; -ms-transform-origin:left; transform-origin:left } 
.banner .arrow.btn-next span {right:50%; margin-right:-10px } 
.banner .arrow.btn-next span:before {right:0; bottom:0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); -webkit-transform-origin:right; -ms-transform-origin:right; transform-origin:right } 
.banner .arrow.btn-next span:after {right:0; top:0; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transform-origin:right; -ms-transform-origin:right; transform-origin:right } 
.banner .arrow:hover span {width:40px } 
.banner .arrow:hover.btn-prev span {margin-left:-20px }
.banner .arrow:hover.btn-next span {margin-right:-20px }
.banner .bd ul{width: 100% !important}
.banner .bd li{width: 100% !important;height: 913px;background-position: center 0;background-repeat: no-repeat;}
.banner .bd li a{display: block;margin: 0 auto;height: 100%}
@media screen and (max-width:2560px){html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td{font-size: 14px;font-family:  Microsoft Yahei,"HYQiHei", "Helvetica", "Arial", sans-serif;font-weight:normal;}
.header-small{height: 40px}
.header-small .logo img{height: 30px;margin-top: -1px;}
.header-small .header-in{margin: 5px auto}
.header-small .nav{margin-top: -10px;}
.header-small .navbar-nav > li > a {
    padding-top: 10px;
}
.nav > li > a:hover {
  background-color: #fff;
  border-color: #fff;
}

.nav .dropdown-menu:hover{
	background: #000;
}
.header .dropdown-menu > li > a:focus {
  text-decoration: none;
  background-color: rgba(255,255,255,.01);
}
.header .dropdown-menu{
    min-width: 0;
}
.header .dropdown-menu{border-radius: 0;background: #fff;border: 0;box-shadow:none;}
.header .dropdown-menu > li > a {
    padding: 10px 10px 6px;
    font-size: 15px;
}
.dropdown-menu{
    left: -12px;
}
.dropdown-menu li a {
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 100;
    margin: 0 6px;
    position: relative;
}
.dropdown-menu li a:hover{
	background: rgba(255,255,255,.3);
	border-radius: 2px;
}
.navbar-nav > li > a:focus {
    background: transparent;
    color: #727171;
}
@media (min-width: 768px){
    .navbar-nav > li > a {
        padding-top: 10px;
        font-size: 16px;
    }
    .header-small .navbar-nav > li > a {
        padding-bottom: 10px;
    }
}

.fullSlide .hd{margin-top: -50px}
.fullSlide .hd ul li{width: 10px;height: 10px}
<!--滚动小圆点>
.banner{width: 100%;position: relative;z-index: 1;overflow: hidden;margin-top:80px;}
.banner .hd{display:block;position: absolute;left: 0;top: 850px;z-index: 1;width: 100%;overflow: hidden}
.banner ul{text-align: center;}
.banner .hd ul li{cursor: pointer;display: inline-block;*display: inline;zoom: 1;width: 10px;height: 10px;margin: 5px;overflow: hidden;font-size: 0;background-color: #fff;border-radius: 50%}
.banner .hd ul .on{background-color: #ff0}
.banner .swiper-slide {background-repeat: no-repeat;}
.banner .bd li{height: 685px;background-size: 1920px 685px}
<!--滚动小圆点>
.m-nav .close img{width: 42px}
.wrapper-intro h3{margin-bottom: 15px;}
.wrapper-news .wrapper-news-list ul li a{font-size: 12px}
.wrapper-service li a{font-size: 14px}
.wrapper-service{margin: 20px auto 25px;}
.case-read{width: 1700px}
.case-read-top{height: 500px}
.case-read-top .left{font-size: 16px}
.case-read-top .right p{font-size: 16px;margin-bottom: 18px}
.case-fixed{position: fixed;width: 25px;left: 50%;margin-left: 870px}
.contact-read{width: 925px;margin: 0 auto}
.contact1-left{float: left;font-size: 30px;color: #595757;margin-top: -10px}
.contact1-right{float: right;width: 580px}
.contact1 p{font-size: 16px}
.about1, .about3{width: 1120px;margin: 0 auto}
.about2{margin: 100px 0 110px}
.about1 .about1-left{font-size: 27px;margin-left: 120px;margin-top: -7px}
.about1 .about1-right{width: 640px;margin-right: 0}
.about1-2{float: left;width: 270px}
.about1-3{width: 240px}
.about1-1 p{font-size: 18px}
.about3 .about3-right{float: right;width: 750px;margin-right: -120px}
.about1-2 h3, .about1-3 h3, .about3-1 h3, .about3-2 h3, .about3-3 h3{font-size: 16px;margin-bottom: 10px}
.about1-2 p, .about1-3 p{font-size: 12px}
.about3 .about3-right p{font-size: 12px}
.about3-1 p, .about3-2 p{margin-bottom: 2em}
.about3-4 dt{font-size: 14px;margin-bottom: 2px}
.about3-4 dd{font-size: 12px}
.about3-3{margin-bottom: 25px;margin-top: 60px}
.service{margin-top: 74px !important}
.news-list li .imgbigout img, .news-list li .imgbigout{width: 360px}
.news-summary{margin-right: 130px}
.news-list li .news-summary span a{font-size: 14px}
.news-list li .news-summary p a{font-size: 22px}
.news-list li .news-summary h4, .news-list li .news-summary .more{font-size: 16px}
.news-list li{padding: 40px 0}
.news-type ul li a{font-size: 14px}
.news-read .news-read-right .title{font-size: 24px;padding-bottom: 36px}
.news-read .news-read-left h3{font-size: 20px}
.news-read .news-read-left h4{font-size: 14px}
.news-read .news-read-left{margin-left: 70px}
.news-read .content p, .news-read .content span, .news-read .content div{font-size: 14px}
.news-tool-right li{transform: scale(0.7);-webkit-transform: scale(0.7);-moz-transform: scale(0.7);-ms-transform: scale(0.7)}
.about3-4 dl{width: 195px}
.case-read-top .right ul li{font-size: 12px}}
@media screen and (max-width:1440px){
  .navbar-nav > li > a{
    font-size: 14px;
  }
  .wrapper-news .wrapper-news-title{
    font-size: 14px;
  }
  .wrapper-news .wrapper-news-list ul li a{
    font-size: 12px;
  }
.wrapper-case .case-summary .p1{
  font-size: 16px;
}
.wrapper-case .case-summary .p2{
  font-size: 14px;
}
.wrapper-case .syl{
  font-size: 18px;
}
.header{height:60px;}
.header-wrap{
  padding-top: 10px;
  margin: 0 auto;
  height: 40px;}
.banner{margin-top: 60px;}
.banner .bd li{height: 513px;background-size: 1440px 513px}
.news-read{width: 700px}
.news-read-left{margin-bottom: 30px}
.news-read .news-read-left, .news-read-right{float: none;width: 100%}
.case-read{width: 1200px}
.case-read-top{height: auto}
.case-read-top .right ul{position: static;}
.case-read-top .left{font-size: 16px}
.case-read-top .right p{font-size: 16px;margin-bottom: 18px}
.case-fixed{position: fixed;width: 25px;left: 50%;margin-left: 620px}
.wrapper-intro h3{margin-top: 0;line-height: 46px;}
@media screen and (max-width:1680px){
.wrapper-intro h3{font-size:1.8em;}
}

@media screen and (max-width:1440px){
.wrapper-intro h3{font-size:1.6em;}
}

.wrapper-intro p{font-size: 12px;}
.wrapper-case .wrapper-type p{font-size: 12px}
.wrapper-case .wrapper-type-list a, .wrapper-case .wrapper-type-list .active{font-size: 12px}
.wrapper-case .wrapper-type{margin-bottom: 6px}
.service{margin-top: 48px !important;margin-bottom: 10px !important}
.news{width: 830px}
.news-list li .imgbigout img, .news-list li .imgbigout{width: 260px}
.news-list li .news-summary p a{font-size: 16px}
.news-list li .news-summary h4, .news-list li .news-summary .more{font-size: 14px}
.news-list li .news-summary h4{margin-bottom: 13px}
.news-list li .news-summary p{margin-bottom: 15px}
.news-list li .news-summary span a{font-size: 12px}
.news-list li{padding: 30px 0}
.pager a, .pager span{font-size: 18px}
.news-read .news-read-left{margin-left: 0}
.about2{margin: 70px 0 90px}
.news-read .news-read-left h3{font-size: 18px}
.case-list .wrapper-type-list a{margin-right: 15px}}
@media screen and (max-width:1200px){.wrapper-case ul li{width: 50%;float: left;position: relative;overflow: hidden}
.banner .bd li a{width: 1000px}
.news-read{width: 700px}
.news-read-left{margin-bottom: 30px}
.news-read .news-read-left, .news-read-right{float: none;width: 100%}
.case-read{width: 1000px}
.case-read-top{height: auto}
.case-read-top .right ul{position: static}
.case-read-top .left{font-size: 16px}
.case-read-top .right p{font-size: 14px;margin-bottom: 18px}
.case-fixed{position: fixed;width: 25px;left: 50%;margin-left: 520px}}
.m-menu{display: none}
.m-nav ul {margin: 0 auto;width: 50%;text-align: center;height: 500px;position: absolute;top: 45%;margin-top: -250px;left: 50%;margin-left: -25%;}
.m-nav ul span {display: block;font-size: 48px;line-height: 76px;text-transform: uppercase;color: #e9e7e8;}
.cat-type{display: none;}
.mobile{display: none;}
.pc{display: block;}
.wrapper-intro .more{border:none;margin: 20px auto 30px;}
.wrapper-case .more{border:none;margin: 40px auto 60px;}
@media screen and (max-width:750px){
.wrapper-case .syl{font-size: 16px;}
.m-footer-bottom img{padding-top: 0;}
.header-wrap{padding-top: 5px;}
.header .logo{margin-top: 5px;}
.m-footer-bottom p{line-height: 1.54rem;}
.index-more {font-size: 12px;padding:6px 30px;}
.wrapper-intro .more{padding:0;}
.wrapper-case .more{margin:0;padding-top: 35px;}
.wrapper-intro p{font-size: 12px;text-align: center;}
.mobile{display: block;color:#000}
.pc{display: none;}
.wrapper-intro h3 a{line-height: 28px;font-size:16px;}
.about011{font-size: 14px;}
.cat-type{display:block;height: 40px;margin-bottom: 0}
.cat-type h3{float: left;font-size: 30px;width: 15%}
.cat-type ul li{float: left;line-height: 40px;color: #898989;width:auto;border: none;margin-bottom:0;}
.cat-type ul li a{line-height: 60px;font-size: 14px;padding: 0 15px;color: #898989}
.cat-type ul li a:hover{color: #5f6061}
.cat-type ul li:last-child i{display: none;}
.cat-type ul li:first-child a{padding-left:0;}
.m-menu{display: block}
.gotop{display: none}
.drift{display: none}
.footer{display: none}
.banner{display: none}
.header{height: 40px;background: #fff;}
.header-small{height: 40px}
.header .logo img{height: 20px;margin-top: 2px;}
.header .m-menu{margin-right: 0}
.more{padding:0;margin:0;}
.nav{display: none;}
.m-nav ul {height: 360px;margin-top: -180px;}
.m-nav .close img{width: 25px;height: auto}
.m-nav ul{height: 360px;margin-top: -250px}
.m-nav ul a{height: 60px}
.m-nav ul span{font-size: 24px;}
.m-nav .nav-tel {position: absolute;left: 0;bottom: 2%;width: 100%;text-align: center;}
.m-nav .close {display: block;position: absolute;top: 4%;right: 4%;opacity: 1;}
.m-nav .close:hover img{transform: rotate(180deg);}
.slide .hd{margin-top: -30px}
.slide .hd ul li{width: 7px;height: 7px}
.slide .prev, .slide .next{width: 25px;height: 14px}
.wrapper-case{width: 95%}
.wrapper-type{width: 100%;height: auto}
.wrapper-type p{width: 100%;position: static;margin-left: 0;margin: 0 auto}
.wrapper-type-list{position: static;float: left}
.wrapper-intro h3{font-size: 16px;margin-bottom: 0;line-height: 1em}
.header-in{margin: 15px auto;width: 94%}
.header .logo{margin-left: 0}
.header-small .header-in{margin: 5px auto}
.wrapper-case ul li{width: 100%;float: left;position: relative;overflow: hidden}
.footer, .wrapper-service, .wrapper-news, .service{display: none}
.m-slide{display: block !important;margin-top: 40px;}
.m-slide li{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.wrapper-intro{width: 94%;margin: 0 auto;padding: 25px 0 20px;}
.case-list{margin-top: 80px;width: 94%}
.case-list .wrapper-type{height: auto}
.case-list ul li{width: 100%}
.case-list .wrapper-type-list a{line-height: 24px;margin-right: 25px;float: left}
.case-list .wrapper-type p{position: static;margin-left: 0;font-size: 12px;line-height: 32px}
.wrapper-type-list{position: static !important;float: static}
.case-list .museo-light{width: 100%;display: block}
.case-content{padding-bottom: 35px}
.wrapper-type-list a{line-height: 35px;margin-right: 10px}
.case-read{width: 94%;padding-bottom: 30px}
.case-read .small{width: 100% !important}
.case-read-top .left, .case-read-top .right{width: 90%;text-align: left;margin: 0 auto;float: none}
.case-read-top{padding: 30px 0}
.case-read-top .right ul{bottom: 30px}
.case-fixed{display: none}
.news-read{width: 94%;padding: 50px 0}
.news-read img{max-width: 100%!important;height: auto}
.news-read-left{margin-bottom: 30px}
.news-read .news-read-left, .news-read-right{float: none;width: 100%}
.news-read-right{width: 100% !important}
.news-read-left{margin-bottom: 20px}
.news{width: 94%;padding: 80px 0 10px}
.news-read .news-read-right .title{font-size: 24px;padding-bottom: 20px;margin-bottom: 15px}
.news-type h3{width: 100%}
.news-type ul{float: left;width: 100%}
.news-type ul li{height: 30px}
.news-type ul li a{padding: 0 15px;line-height: 30px}
.news-summary{margin-top: 10px}
.news-list li .imgbigout, .news-list li .news-summary{width: 100%}
.news-list li{padding: 25px 0}
.news-list li .news-summary{float: left}
.news-list li .imgbigout img, .news-list li .imgbigout{width: 100%}
.news-type ul li:first-child a{padding-left: 0}
.news-list li .news-summary h4{margin-bottom: 10px}
.news-list li .news-summary p{margin-bottom: 20px}
.news-list li .news-summary span{margin-bottom: 20px}
.back2top{display: none !important}
.m-footer{display: block;width: 94%;margin: 35px auto 0;}
.m-footer .left,.m-footer-bottom p{font-size: 12px;}
.m-footer .m-footer-bottom .left{width: 58%}
.m-footer-top{height: 40px;line-height: 40px}
.m-gotop{display: block;width: 30px;height: 30px;background: url(../images/gotop.png) no-repeat;background-size: 30px}
.contact-read{width: 94%;margin: 0 auto}
.contact1-left{float: left;font-size: 28px;color: #595757;font-size: arial}
.contact1-right{float: right;width: 100%}
.contact1 p{font-size: 16px}
.contact1, .contact2, .contact3, .contact4, .contact-img{margin-bottom: 25px}
.about{padding: 100px 0 30px}
.about1, .about3{width: 94%}
.about1 .about1-left{font-size: 28px;width: 100%;margin-left: 0}
.about1 .about1-right{width: 100%}
.about3 .about3-right{width: 100%;margin-right: 0}
.about3-4 dl{margin-bottom: 15px}
.about2{width: 100%;background: url(../images/about-fixed.jpg);height: 250px;background-position: center center;background-size: cover;background-repeat: no-repeat;margin: 25px 0;position: relative}
.about2 img{left: 50%;top: 40%;background-position: center;width: 200px;margin-left: -100px}
.about1-2, .about1-3, .about3-1, .about3-2, .about3-4{width: 100% !important;margin-right: 0}
.about3-4 dl{width: 50%}
.about1-1{margin-bottom: 30px}
.about1-1 p{font-size: 16px}
.about h3{font-size: 16px;margin-bottom: 10px}
.wrapper-case .wrapper-type p{width: 94%;position: static;margin-left: 0}
.wrapper-case .wrapper-type-list{width: 100%;position: static}
.wrapper-case .wrapper-type{height: 80px}
.wrapper-case .wrapper-type-list a{height: 30px;line-height: 30px;margin-right: 10px;font-size: 12px}
.case-more{display: none !important}
.share-list{left: 0}
#qiao-wrap{display: none !important}
.case-list .wrapper-type-list a{font-size: 12px}
.case-list .wrapper-type-list .active{font-size: 12px}
.case-list .wrapper-type-list .museo-light{font-size: 16px;margin-bottom: 14px}
.case-read .news-tool{display: block}}
.drift {width:46px;height:auto;position:fixed;right:0;z-index:999;}
.drift li {display:block;width:48px;height:48px;margin-bottom:3px;position:relative;}
.drift li a {display: flex;align-items: center;width:48px;height:48px;border-radius:4px;background:rgb(227,237,243);overflow:hidden;}
.drift li a img{display: block;margin: 0 auto;}
/*.drift li:first-child,.drift li:first-child a {width:48px;height:116px;}
.drift li:first-child a img{max-width: 100%;}*/
.drift li:nth-child(1) a img{width:80%;}
.gotop{display: none;}
.drift .gotop img{width:70%;}
.pages{text-align:center;font-size:20px;margin: 50px 0 30px;}
.pages a{padding: 6px 8px;border-radius: 2px;text-decoration:none;margin:0 3px;}

.pages a:hover{color:#555;}
.pages strong{padding: 6px 8px;color: #555;border-radius: 2px;margin:0 3px;}
.pages_inp{border:#2E6AB1 1px solid;padding:1px;width:30px;text-align:center;color:#666666;}
.pages_btn{width:30px;background:#ddd;border:#2E6AB1 1px solid;color:#004499;font-weight:bold;font-size:11px;}
.pages label{background:#FFFFFF;border:#2E6AB1 1px solid;color:#004499;padding:1px 5px 1px 5px;}
.pages label em{color:red;font-weight:bold;font-style:normal;}
.pages label span{font-weight:bold;}
.pages cite {font-style:normal;}
.property_h{border-bottom:#FFFFFF 1px solid;text-align:left;background:url('../images/spacer.gif');color:#006699;font-weight:bold;padding-left:15px;}
.property_l{padding:0 20px 0 20px;color:#006699;}
#destoon_pageno, .pages_btn, cite{display: none;}

@media screen and (max-width:2560px) and (min-width:1921px){
  .banner .hd{display: none;}
}
.medium {
    font-family: "SansCN-Medium";
}

.extralight {
    font-family: "SansCN-ExtraLight";
}
.normal {
   color: #727171;
}
.heavy {
    font-family: "SansCN-Heavy";
}

.article-wrap .pages li {
    display: inline-block;
    width: auto;
    border: none;
}