body {
	background: #fff;
	color: #333333;
	font-family: Segoe UI,Lucida Grande,Helvetica,Arial,Microsoft YaHei,FreeSans,Arimo,Droid Sans,wenquanyi micro hei,Hiragino Sans GB,Hiragino Sans GB W3,sans-serif
}

a {
	color: #333;
	transition: .5s
}

a:active,a:focus,a:hover {
	color: #293B53;
	outline: none;
	text-decoration: none
}

p {
	padding: 0;
	margin: 0 0 20px
}

.text-main {
	color: #293B53!important
}

h1,h2,h3,h4,h5,h6 {
	font-weight: 400;
	margin: 0 0 20px;
	padding: 0
}

img.gray {
	-webkit-filter: grayscale(100%);
	-webkit-filter: grayscale(1);
	filter: grayscale(100%);
	-webkit-filter: url(../fonts/gray.svg#grayscale);
	filter: url(../fonts/gray.svg);
	-webkit-filter: gray;
	filter: gray
}
.line1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.back-to-top {
	position: fixed;
	display: none;
	background: #293B53;
	color: #fff;
	width: 44px;
	height: 44px;
	text-align: center;
	line-height: 44px;
	font-size: 16px;
	border-radius: 50%;
	right: 15px;
	bottom: 15px;
	transition: background .5s;
	z-index: 11
}

.back-to-top i {
	color: #fff
}

@media (max-width:768px) {
	.back-to-top {
		bottom: 15px
	}
	#header .navbar {
		height: 95px;
		background: url(../images/w-logo.png) #fff 0 10px no-repeat
	}	
	
	
	
}

#header {
	transition: all .5s
}

#top {
	background: #293B53;
	position: relative;
	z-index: 1000
}

#top .right {
	background: #000;
	width: 25%;
	height: 4px;
	float: right
}

#logo {
	width: 190px;
	height: 50px
}

#logo>img {
    top: -5px;
    left: 0;
    z-index: 1000;
    transition: all .5s;
    width: 190px;
    height: auto;
}

.navbar-nav .active>.nav-link,.navbar-nav .nav-link.active,.navbar-nav .nav-link.show,.navbar-nav .show>.nav-link {
	color: #293B53
}

.navbar-nav .nav-link {
	color: #000
}

.index_searchform {
	width: 176px
}

.index_search {
	padding: 5px 0;
	width: 100%
}

.keyword {
	width: 100%;
	height: 30px;
	text-indent: 1em;
	font-size: 12px;
	border: 1px solid #9d9d9d;
	background: #fff;
	color: #666
}

.searchBtn {
	width: 28px;
	height: 28px;
	line-height: 28px;
	right: 1px;
	top: 6px;
	color: #9d9d9d;
	text-align: center;
	background: #fff
}

.lang:hover {
	color: #000
}

.lang>i {
	line-height: 40px;
	height: 40px;
	font-size: 24px
}

.lang:hover i.ion-ios-world-outline:before {
	content: "\f4d3"
}

#intro {
	background: url(../images/bannerbg.jpg) top no-repeat;
	background-size: cover;

	overflow: hidden
}

.wrap {
    width: 1200px;
    margin: 0 auto;
}
.cl {
    zoom: 1;
}
.fl {
    float: left;
}
.fl {
    float: left;
    display: inline;
}

.home-item {
    height: 800px;
    background-size: cover;
}

.home-itemMian {
    overflow: hidden;
}

.home-itemMian ul {
    width: 1250px;
}

.home-item li {
    width: 198px;
    height: 800px;
    border-left: 1px solid #96948f;
    border-right: 1px solid #96948f;
    margin-right: -1px;
    text-align: center;
    float: left;
    color: #fff;
    position: relative;
    transition: all .5s;
}

.home-item li span {
    width: 46px;
    font-size: 46px;
    padding-bottom: 75px;
    position: absolute;
    bottom: 20px;
    left: 60px;
    transition: all .5s;
}

.home-item li i {
    display: block;
    width: 2px;
    position: absolute;
    bottom: 40px;
    right: 60px;
    transition: all .5s;
    word-wrap: break-word;
    writing-mode: vertical-rl;
    letter-spacing: 5px;
}

.home-item .item1 i {
    height: 176px;
}

.home-item li:hover {
}

.home-item li:hover span {
    transform: translateY(-90px);
}

.home-item li:hover i {
    transform: translateY(-90px);
}

.home-item li a {
    color: #fff;
}

.home-ys {
    height: 650px;
    padding-top: 70px;
}

.home-ysMain li {
    width: 298px;
    height: 490px;
    margin-right: 2px;
    float: left;
    text-align: center;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.home-ysMain li:hover {
    box-shadow: 0 0 2px 1px #fd9f1a;
}

.home-ysMain li h5 {
    font-size: 24px;
    color: #000000;
    margin-bottom: 30px;
}

.home-ysMain li h5 span {
    display: block;
    font-family: Arial;
    font-size: 16px;
    color: #373737;
    font-weight: normal;
}

.home-ysMain li p {
    padding: 0 40px;
    color: #989494;
    text-align: left;
}

.home-ysMain li i {
    display: block;
    width: 70px;
    height: 70px;
    margin: 100px auto 40px;
    transition: all .5s;
    -webkit-transition: all .5s;
}

.home-ysMain li:hover i {
    transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
}

.home-ysMain .ys1 i {
}

.home-ysMain .ys2 i {
}

.home-ysMain .ys3 i {
}

.home-ysMain .ys4 i {
}

.home-process {
    /* background: #f5f5f5; */
    padding: 50px 0;
    background: url(../images/home-process.png) no-repeat center top;
}

.home-processMain {
    padding-bottom: 60px;
    position: relative;
}

.home-processMain:before {
    position: absolute;
    content: "";
    width: 349px;
    height: 248px;
    right: -349px;
    top: -248px;
}

.home-processMain li {
    width: 194px;
    height: 134px;
    text-align: center;
    border: 2px solid #919191;
    float: left;
    margin-right: 52px;
    transition: all .5s;
    -webkit-transition: all .5s;
    position: relative;
}

.home-processMain li:hover {
    border-color: #ff9702;
}

.home-processMain .lc5 {
    margin-right: 0;
}

.home-processMain li i {
    display: block;
    width: 40px;
    height: 40px;
    margin: 20px auto 10px;
}

.home-processMain li span {
    display: block;
    color: #000000;
    font-size: 14px;
    margin-bottom: 5px;
}

.home-processMain li strong {
    font-size: 24px;
    color: #000000;
    font-weight: normal;
}

.home-processMain li:after {
    content: "";
    position: absolute;
    width: 40px;
    height: 35px;
    background:no-repeat center center #f5f5f5 ;
    top: 50px;
    right: -22px;
    transition: all .5s;
    -webkit-transition: all .5s;
}

.home-processMain li:hover:after {
    background:no-repeat center center #f5f5f5 ;
    transform: translateX(15px);
    -ms-transform: translateX(15px);
    -webkit-transform: translateX(15px);
    -o-transform: translateX(15px);
    -moz-transform: translateX(15px);
}

.home-processMain .lc5:after {
    background: none;
}

.home-processMain .lc5:hover:after {
    background: none;
}

.home-processMain .lc2 i {
    background-position: -40px 0 ;
}

.home-processMain .lc3 i {
    background-position: -80px 0 ;
}

.home-processMain .lc4 i {
    background-position: -120px 0 ;
}

.home-processMain .lc5 i {
    background-position: -160px 0 ;
}

.home-about {
    background: #fff;
}

.home-aboutPic {
    width: 721px;
    height: 470px;
    overflow: hidden;
    position: relative;
}

.home-aboutPic li {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.home-aboutPic li img {
    width: 100%;
    height: 100%;
    transition: all .8s;
    -webkit-transition: all .8s;
}

.home-aboutPic li:hover img {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1);
}

.home-aboutPic li span {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 50px;
    line-height: 50px;
    text-indent: 20px;
    background: rgba(0,0,0,0.7);
    color: #fff;
    font-size: 20px;
}

.home-aboutTxt {
    width: 479px;
    height: 350px;
    padding: 7px 0px;
    background: no-repeat 280px 60px;
}

.home-aboutTxt h4 {
    font-size: 24px;
    color: #293B53;
    margin-bottom: 40px;
}

.home-aboutTxt h4 em {
    display: block;
    color: #7a7a7a;
    font-size: 30px;
    font-weight: 200;
}

.home-aboutTxt p {
font-size: 16px;
    color: #2d2d2d;
    margin-bottom: 16px;
    /* margin: 23px 10px 10px 10px; */
    /* text-indent: 30px 
px
; */
    line-height: 23px;
}

.home-aboutTxt a {
    display: block;
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    background: #ffbb38;
    transition: all .5s;
    -webkit-transition: all .5s;
}

.home-aboutTxt a:hover {
    background: #faa502;
    color: #fff;
}

.home-aboutPic .hd {
    width: 100%;
    position: absolute;
    z-index: 555;
    left: 0;
    height: 16px;
    bottom: 15px;
    text-align: center;
}

.home-aboutPic .hd ul {
    text-align: right;
}

.home-aboutPic .hd li {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid #fff;
    margin-right: 10px;
    cursor: pointer;
    overflow: hidden;
}

.home-aboutPic .hd li.on {
    background: #fff;
}

.home-honor {
    padding-top: 10px;
    position: relative;
    height: 600px;
}

.home-honor:after {
    position: absolute;
    content: "";
    width: 448px;
    height: 322px;
    background: no-repeat center center;
    left: -448px;
    bottom: -200px;
}

.home-honor ul {
    width: 1220px;
}

.home-honor li {
	list-style-type: none;
    width: 23%;
    height: 130px;
	    margin-top: 20px;
    /* border: 1px solid #e1e1e1; */
    /* background: #fff; */
    float: left;
    margin-right: 10px;
    position: relative;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.home-honor li a {
    display: block;
    width: 100%;
    height: 100%;
}

.home-honor li:hover {
    /*box-shadow: 0 0 5px 2px #e1dfde;*/
    box-shadow: 0 0 5px 1px #293B53b3;
    border-color: #293B53b3;
}

.home-honor li h5 {
    font-size: 18px;
    font-weight: normal;
    color: #293B53;
    margin: 37px 0 5px 79px;
    font-weight: bold;
    border-bottom: 2px solid #293B53;
    padding-bottom: 5px;
    width: 74px;
}

.home-honor li h5 span {
    font-style: italic;
    font-size: 18px;
    color: #b4b4b4;
}

.home-honor li p {
    margin: 0 -1px 0 83px;
    font-size: 12px;
    color: #a6a6a6;
}

.home-honor li:after {
    content: "";
    position: absolute;
    width: 70px;
    height: 70px;
    background: url(../images/home-about-ico.png) no-repeat;
    left: 7px;
    top: 30px;
    transition: all .5s;
    -webkit-transition: all .5s;
}

.home-honor li:nth-child(2):after {
    background-position: -70px 0;
}

.home-honor li:nth-child(3):after {
    background-position: -140px 0;
}

.home-honor li:hover:after {
    transform: translateY(-10px);
}

.home-news {
    padding: 50px 0;
    background: #fff;
}

.home-newsWrap {
    position: relative;
    height: 550px;
}

.home-newsMain ul {
    width: 1300px;
}

.home-newsMain li {
    float: left;
    width: 370px;
    margin-right: 40px;
    transition: all .6s;
    border-bottom: 1px solid #e1e1e0;
    position: relative;
}

.home-newsMain li:after {
    content: "";
    position: absolute;
    height: 1px;
    background: #ffbb38;
    left: 50%;
    width: 0;
    bottom: -1px;
    transition: all .6s;
}

.home-newsMain li:hover:after {
    width: 100%;
    left: 0;
}

.home-newsMain li .txt {
    color: #a0a0a0;
    padding: 20px 0;
}

.home-newsMain li .txt h6 {
    color: #212121;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.home-newsMain li .txt h6:hover {
    color: #ffbb38;
}

.home-newsMain li .txt span {
    display: block;
    font-size: 12px;
    padding: 10px 0px 10px 20px;
    background:  no-repeat left center;
}

.home-newsMain li .txt p {
    font-size: 12px;
    color: #a0a0a0;
}

.home-newsMain li .pic {
    height: 260px;
    overflow: hidden;
}

.home-newsMain li .pic img {
    width: 100%;
    height: 100%;
    transition: all .6s;
}

.home-newsMain li:hover .pic img {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    /* IE 9*/
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    /* Opera*/
    -moz-transform: scale(1.1);
    /* Firefox*/
}

.home-newsWrap:after {
    position: absolute;
    content: "";
    width: 353px;
    height: 509px;
    background: no-repeat center center;
    right: -353px;
    bottom: 0px;
}

.swiper-container {
margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
    position: relative;
    width: 850px;
    height: 430px;
    border-radius: 12px;
    float: right;
    margin-top: 66px;
}

.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}



.say-container {
    height: 250px;
    overflow: hidden;
	background: url(../images/bg4.png) center no-repeat;
}
.say-container .container {
    width: 1300px;
	padding: 100px 50px 50px 50px;
    display: flex;	
}

.say-title {
    width: 50%;
    margin-top: -10px;
}
.say-title h2 {
    line-height: 40px;
    font-size: 30px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.say-title p {
    margin-top: 3px;
    color: #fff;
    font-size: 17px;
    opacity: 7;
}

.say-container .text {
    padding-left: 10px;
    background: #fff;
    width: 367px;
    border: 1px solid #ccc;
    height: 40px;
    outline: none;
	border-radius: 5px;
    border: none;
}


.say-wp {

}
.button-lg {
    background:linear-gradient(90deg, #0b3be9 0, #072bff 100%);
    width: 147px;
    height: 40px;
    border-radius: 5px;
    color: #fff;
    outline: none;
    border:none;;
}
.common_tit {
    text-align: center;
}
@media (min-width:1200px) {
	.navbar-brand {
		margin-right: 2rem
	}

	.navbar-expand-lg .navbar-nav .nav-link {
		padding-left: 1rem;
		padding-right: 1rem
	}
.center_right a:nth-child(1){ background:url(../images/china.png) no-repeat left;    color: #cf1219;}
.center_right a:nth-child(2){ background:url(../images/english.png) no-repeat left;margin-left:2px;color: #033fab;}	
.center_right a{padding-left: 24px;line-height:20px;color:#666;line-height:20px;display: inline-block;}	
	
	
}

@media (max-width:1199px) {
	#intro {
		padding-top: 80px
	}
}

@media (max-width:992px) {
	#intro {
		height: 320px;
		padding-top: 40px
	}

	#header .navbar {
		transition: all .5s;
		height: 0
	}

	#logo>img {
		top: -48px
	}

	#lang {
		position: fixed;
		top: 26px;
		right: 50px;
		z-index: 990
	}
}

#intro .carousel-control-next,#intro .carousel-control-prev {
	width: 40px;
	height: 40px;
	top: auto;
	bottom: 55px;
	background: #000;
	opacity: .8;
	font-size: 20px;
	line-height: 40px
}

#intro .carousel-control-next {
	left: 55px;
	right: auto
}

#intro .carousel-control-next:hover,#intro .carousel-control-prev:hover {
	background: #293B53;
	opacity: .9
}

#float-contact .container {
	height: 40px
}

#float-contact img {
	position: absolute;
	bottom: 0;
	z-index: 999
}

#float-contact .blank {
	position: relative
}

#float-contact .blank:after {
	content: "";
	width: 40%;
	height: 100px;
	background: #fff;
	z-index: 998;
	bottom: 0;
	left: 0;
	position: absolute
}

#pro-center {
	padding: 40px 0
}

#pro-center .navbar-brand {
	z-index: 2
}

#pro-center .navbar-brand:after {
	position: absolute;
	width: 105px;
	border-bottom: 3px solid #959595;
	left: 0;
	bottom: -9px;
	content: ""
}

#pro-center .navbar-brand:before {
	position: absolute;
	content: "";
	z-index: -1;
	width: 300px;
	height: 32px;
	background: url(../images/section-pro.png) 0 0 no-repeat;
	left: 0;
	top: -12px
}

#pro-center .pro-list {
	border-top: 1px solid #d0d0d0;
	padding-top: 64px
}

.pro-list .l-item {
	background: #f5f5f5;
	margin-bottom: 50px;
	position: relative;
	overflow: hidden
}

.pro-list .l-item:before {
	content: " ";
	display: block;
	width: 100%;
	height: 100%;
	background: hsla(0,0%,100%,.3);
	position: absolute;
	top: 0;
	left: -100%;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	transition: all .3s ease-in-out;
	z-index: 3
}

.pro-list .l-item:hover:before {
	margin-left: 200%
}

.pro-list .l-item a {
	color: #666;
	transition: all .3s
}

.pro-list .l-item a:hover {
	color: #293B53
}

.pro-list .l-item .h3 {
	border-bottom: 1px solid #d0d1d1;
	transition: all .3s;
	color: #333
}

.pro-list .l-item:hover .h3 {
	border-color: #293B53;
	color: #293B53
}

.pro-list .item-pic {
	overflow: hidden;
	position: relative;
	background: #f5f5f5
}

.pro-list .item-pic:before {
	content: " ";
	display: block;
	width: 200%;
	height: 100%;
	background: hsla(0,0%,100%,.1);
	position: absolute;
	top: 10px;
	left: -300%;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	transition: all .5s ease-in-out;
	z-index: 3
}

.pro-list .item:hover .item-pic:before {
	margin-left: 400%
}

.pro-list .item p {
	position: relative
}

.pro-list .item p:after,.pro-list .item p:before {
	position: absolute;
	content: "";
	border-bottom: 3px solid #293B53;
	bottom: 0;
	height: 0;
	width: 0;
	transition: all .3s ease-in-out
}

.pro-list .item p:after {
	right: 50%
}

.pro-list .item p:before {
	left: 50%
}

.pro-list .item:hover p:after,.pro-list .item:hover p:before {
	width: 50%
}

#about {
	background: url(../images/about.jpg) top no-repeat;
	padding: 109px 0 90px;
	overflow: hidden
}

#about .about-l {
	margin-right: 566px;
	color: #c7c7c7;
	position: relative;
	z-index: 2
}

#about .about-l:after {
	content: "";
	position: absolute;
	background: rgb(5 54 232);
	width: 430px;
	bottom: -20px;
	left: -20px;
	z-index: -1
}

#about .about-l .h4:before {
	content: "";
	position: absolute;
	border-top: 3px solid #293B53;
	width: 40px;
	top: -20px;
	left: 0
}

#about .about-r {
	width: 566px;
	height: 469px;
	float: right;
	padding: 90px 60px 0;
	color: #7a7a7a;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 1px
}

#about .sitename {
	font-size: 22px;
	font-weight: 700
}

#about .about_link {
	display: inline-block;
	line-height: 40px;
	background: #293B53;
	text-align: center;
	color: #fff;
	font-size: 13px;
	padding: 0 20px
}

#case {
	background: url(../images/case.jpg) #ebebeb top no-repeat;
	padding: 50px
}

#case .item {
	background: #fff;
	margin: 10px;
	transition: all .3s;
	border-radius: 4px;
	box-shadow: 0 3px 10px rgba(0,0,0,.3);
	color: #333
}

#case .item:hover {
	color: #fff;
	background: #293B53;
	box-shadow: 0 3px 10px rgba(0,0,0,.6);
	-webkit-transform: translateY(-3px);
	transform: translateY(-3px)
}

#case .item>p {
	font-size: 12px;
	line-height: 24px;
	height: 68px;
	overflow: hidden;
	text-align: left;
	padding: 0 15px 20px;
	margin-bottom: 0
}

#case .item>.h5 {
	font-size: 17px;
	position: relative;
	line-height: 40px;
	padding: 10px 15px 2px
}

#case .item>.h5:after {
	content: "";
	position: absolute;
	width: 30px;
	height: 0;
	border-bottom: 2px solid rgb(0 0 0 / 70%);
	bottom: 0;
	left: 50%;
	margin-left: -15px
}

#case .item:hover>.h5:after {
	border-color: #fff
}

#case .more {
	background: #ececec;
	color: #888;
	margin-bottom: 15px;
	display: inline-block;
	line-height: 24px;
	padding: 0 12px;
	font-size: 13px;
	transition: all .3s ease-in-out
}

#case .item:hover .more {
	background: #a11818;
	color: #fff
}

#case-carousel {
	position: relative
}

#case-carousel .owl-stage-outer {
	z-index: 1
}

#case-carousel .owl-nav {
	position: absolute;
	bottom: 160px;
	left: -50px;
	right: -50px;
	z-index: -1
}

#case-carousel .owl-next,#case-carousel .owl-prev {
	display: inline-block;
	width: 36px;
	line-height: 36px;
	background: #000;
	color: #fff;
	outline: none
}

#case-carousel .owl-next:hover,#case-carousel .owl-prev:hover {
	background: #293B53
}

#case-carousel .owl-nav .owl-prev {
	float: left
}

#case-carousel .owl-nav .owl-next {
	float: right
}

#news {
	padding-top: 50px
}

#news .box {
	margin: 20px 0;
	position: relative;
	z-index: 2
}

#news .box:after {
	background: #f8f8f8;
	transition: all .5s;
	content: "";
	top: 0;
	left: 0;
	bottom: 0;
	width: 160px;
	position: absolute;
	z-index: -1;
	opacity: .5
}

#news .box:hover:after {
	width: 100%;
	opacity: .9
}

#news .pic {
	float: left;
	width: 100%;
	max-width: 160px
}

#news .title {
	margin-left: 180px;
	font-weight: 600;
	margin-bottom: 35px;
	font-size: 16px;
	position: relative;
	color: #666;
	padding-top: 10px
}

#news .title:after {
	content: "";
	position: absolute;
	width: 30px;
	height: 0;
	border-bottom: 2px solid #ccc;
	bottom: -20px;
	left: 0
}

#news .box:hover .title:after {
	border-color: #595959
}

#news .description {
	font-size: 14px;
	margin-left: 180px;
	line-height: 24px;
	margin-bottom: 0;
	color: #999
}

#news .box:hover .title {
	color: #293B53
}

#tel {
	background: url(../images/tel.jpg) #fff top no-repeat;
	height: 149px;
	margin-top: 50px
}

#message {
	background: url(../images/contact.png) #fff top no-repeat;
	padding-top: 78px;
	margin: 60px 0
}

#message .form-group {
	width: 76%;
	margin: 0 auto 1rem
}

#message .form-control {
	border: 1px solid #dedede;
	height: 41px;
	border-radius: 0;
	margin-right: -3px;
	font-size: 16px
}

#message .btn-default {
	border-radius: 0;
	background: #293B53;
	color: #fff;
	border: 0;
	padding: 10px 15px;
	max-width: 160px;
	outline: none
}

#message textarea.form-control {
	height: auto
}

#message .container {
	margin-top: 60px
}

#footer {
	color: #000000;
	font-size: 14px;
    background: #000000;
}

#footer .footer-top {
	padding: 60px 0 30px;
	border-bottom: 1px solid #112e2a;
	background-size: cover;
	    background: #f5f5f5;
}

#footer .footer-top h4 {
	font-size: 18px;
	font-weight: 600;
	color: #000;
	text-transform: uppercase;
	position: relative;
	padding-bottom: 12px
}

#footer .footer-top h4:after,#footer .footer-top h4:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px
}



#footer .footer-top .footer-links {
	margin-bottom: 30px
}

#footer .footer-top .footer-links .item {
	color: #000000;
	display: inline-block
}

#footer .footer-top .footer-links .item+.item {
	margin-left: .5rem
}

#footer .footer-top .footer-links .item:hover {
	color: #293B53
}

#footer .footer-top .footer-links .addlink {
	right: 15px;
	bottom: 10px;
	color: #ff190e
}

#footer .footer-top .footer-contact p {
	line-height: 26px
}

#footer .nav-link {
	color: #fff;
	font-size: 16px;
	line-height: 40px;
	position: relative
}

#footer .nav-link+.nav-link:before {
	content: "";
	height: 18px;
	width: 1px;
	background: #ffffff;
	position: absolute;
	left: -1px;
	top: 20px
}

#footer .nav-link+.nav-link:after {
	content: "";
	height: 18px;
	width: 1px;
	background: #ffffff;
	position: absolute;
	left: 0;
	top: 20px
}

#footer .message-form {
	padding-top: 50px
}

#footer .form-control {
	border: 1px solid #5b5b5b;
	border-radius: 2px;
	box-shadow: none;
	font-size: .875em;
	margin-bottom: 20px;
	background: none;
	color: #fff
}

#footer .form-control::-webkit-input-placeholder {
	color: #736f6f
}

#footer .form-control:-moz-placeholder,#footer .form-control::-moz-placeholder {
	color: #736f6f
}

#footer .form-control:-ms-input-placeholder {
	color: #736f6f
}

#footer input {
	padding: .5rem .75rem
}

#footer #questionPost {
	background: #293B53;
	font-size: 14px;
	color: #fff
}

#footer #questionPost>i {
	font-size: 18px
}

#mobile-nav-toggle {
	position: fixed;
	right: 0;
	top: 0;
	z-index: 999;
	margin: 26px 5px 0 0;
	border: 0;
	background: none;
	font-size: 24px;
	display: none;
	transition: all .4s;
	outline: none;
	cursor: pointer
}

#mobile-nav-toggle i {
	color: #293B53
}

@media (max-width:992px) {
	#mobile-nav-toggle {
		display: inline
	}
}

#mobile-nav {
	position: fixed;
	top: 0;
	padding-top: 18px;
	bottom: 0;
	z-index: 998;
	background: rgba(0,0,0,.8);
	right: -50%;
	width: 50%;
	overflow-y: auto;
	transition: .4s
}

#mobile-nav ul {
	padding: 0;
	margin: 0;
	list-style: none
}

#mobile-nav ul li {
	position: relative
}

#mobile-nav ul li a {
	color: #fff;
	font-size: 13px;
	text-transform: uppercase;
	overflow: hidden;
	padding: 10px 22px 10px 15px;
	position: relative;
	text-decoration: none;
	width: 100%;
	display: block;
	outline: none;
	font-weight: 700;
	font-family: Montserrat,sans-serif
}

#mobile-nav ul li a:hover {
	color: #fff
}

#mobile-nav ul li li {
	padding-left: 30px
}

#mobile-nav ul .menu-has-children i {
	position: absolute;
	right: 0;
	z-index: 99;
	padding: 15px;
	cursor: pointer;
	color: #fff
}

#mobile-nav ul .menu-has-children i.fa-chevron-up {
	color: #009f3b
}

#mobile-nav ul .menu-has-children li a {
	text-transform: none
}

#mobile-nav ul .menu-item-active {
	color: #009f3b
}

#mobile-body-overly {
	width: 100%;
	height: 100%;
	z-index: 997;
	top: 0;
	left: 0;
	position: fixed;
	background: rgba(0,0,0,.7);
	display: none
}

body.mobile-nav-active {
	overflow: hidden
}

body.mobile-nav-active #mobile-nav {
	right: 0
}

body.mobile-nav-active #mobile-nav-toggle {
	color: #fff
}

.carousel-fade .carousel-inner .carousel-item {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	transition-property: opacity
}

.carousel-fade .carousel-inner .active.carousel-item-left,.carousel-fade .carousel-inner .active.carousel-item-right,.carousel-fade .carousel-inner .carousel-item {
	opacity: 0
}

.carousel-fade .carousel-inner .active,.carousel-fade .carousel-inner .carousel-item-next.carousel-item-left,.carousel-fade .carousel-inner .carousel-item-prev.carousel-item-right {
	opacity: 1
}

.inner-banner {
	height: 300px;
	background: url(../images/inner.jpg) top no-repeat
}

.inner-banner-news {
	height: 300px;
	background: url(../images/inner_news.jpg) top no-repeat
}

.inner-banner-contact {
	height: 300px;
	background: url(../images/inner_contact.jpg) top no-repeat
}

#inner_main .m-inner {
	font-size: 14px;
	min-height: 400px
}

#inner_main .bcbox {
	padding-top: 40px;
	margin-bottom: 40px;
}

#inner_main .bcbox .tit {
	font-size: 24px;
	color: #4e4e4e;
	padding: 0 12px 0 20px;
	border-left: 3px solid #293B53
}

#inner_main .bcbox .stit {
	color: #b6b6b6;
	font-size: 18px
}

#inner_main .breadcrumb {
	background: #fff;
	font-size: 14px;
	border-radius: 0;
	line-height: 28px;
	padding: 0;
	margin-bottom: 0
}

#inner_main .breadcrumb-item>a {
	color: #888
}
#yns1{display:none !important;}
#inner_main .breadcrumb-item.active {
	color: #333
}

#inner_main .breadcrumb-item+.breadcrumb-item:before {
	content: ">"
}

#about_nav {
	margin: 20px 0
}

#about_nav .nav-item+.nav-item {
	margin-left: 12px
}
.nav-item ul{
	position:absolute;
	top:2rem;left:0;
	list-style: none;
	padding: 0;
	z-index: 999;
	text-align:center;
	padding-top:1rem;
}
.nav-item li{
	width:200px;
}
.nav-item li a{
	color:#fff!important;
	padding:1rem;
}
#about_nav .nav-link {
	background: #fff;
	color: #5b5b5b;
	transition: all .3s;
	border: 1px solid #d7d7d7;
	border-radius: 0;
	padding-left: 30px;
	padding-right: 30px
}

#about_nav .nav-link.active,#about_nav .nav-link:hover {
	background: #293B53;
	color: #fff;
	border-color: #293B53
}

#inner_about {
	padding: 20px 0 60px;
	background: url(../images/bk.jpg) bottom no-repeat
}

.inner-box .zhcn {
	color: #7b7b7b;
	font-size: 14px;
	line-height: 30px
}

.inner-box .en {
	color: #afafaf;
	font-size: 12px;
	line-height: 20px
}

#inner_about .about-img {
	padding-top: 40px;
	position: relative;
	z-index: 1
}

#inner_about .about-img:after {
	content: "";
	position: absolute;
	width: 238px;
	height: 299px;
	top: 0;
	right: 0;
	z-index: -1;
	background: url(../images/inner_about_bg.jpg) 0 0 no-repeat
}

#inner_about .about-img>img {
	max-width: 348px
}

#inner_culture {
	padding-top: 80px
}

#inner_culture .about-img>img {
	max-width: 448px
}

#inner_culture .list {
	padding: 0
}

#inner_culture .item {
	list-style: none;
	color: #7a7a7a;
	font-size: 16px;
	margin-bottom: 30px;
	padding-left: 3px;
	position: relative;
	transition: all .3s;
	cursor: pointer
}

#inner_culture .item>i {
	color: #dcdcdc;
	font-size: 36px;
	line-height: 40px;
	width: 40px;
	margin-left: 15px;
	float: left
}

#inner_culture .item .txt {
	line-height: 40px;
	margin-left: 90px;
	position: relative;
	transition: all .2s;
	font-size: 14px
}

#inner_culture .item.active,#inner_culture .item:hover {
	color: #293B53
}

#inner_culture .item.active:after,#inner_culture .item:hover:after {
	height: 32px;
	width: 0;
	content: "";
	position: absolute;
	left: 0;
	top: 5px;
	border-left: 3px solid #293B53
}

#inner_culture .item.active .txt,#inner_culture .item:hover .txt {
	color: #fff;
	background: #293B53;
	padding: 0 20px
}

#inner_culture .item.active .txt:after,#inner_culture .item:hover .txt:after {
	content: "";
	position: absolute;
	width: 12px;
	height: 12px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	left: -6px;
	top: 14px;
	background: #293B53
}

#inner_culture .item.active>i,#inner_culture .item:hover>i {
	color: #293B53
}

#inner_culture .spec {
	width: 16px;
	border-top: 2px solid #222;
	margin-bottom: 40px
}

#inner_business {
	margin-top: 80px
}

#inner_business .spec {
	width: 40px;
	border-top: 3px solid #222;
	margin: 25px 0
}

#inner_business .container {
	padding: 60px 0;
	z-index: 1
}

#inner_business .container:after {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	left: 100px;
	background: #f3f3f5;
	z-index: -1
}

#inner_business .carousel-control-next,#inner_business .carousel-control-prev {
	width: 50px;
	height: 50px;
	top: auto;
	bottom: 0;
	background: #333;
	opacity: .8;
	font-size: 24px;
	line-height: 50px;
	border-radius: 25px
}

#inner_business .carousel-control-next:hover,#inner_business .carousel-control-prev:hover {
	background: #293B53
}

#inner_business .carousel-control-next {
	right: auto;
	left: 65px
}

#inner_factory {
	margin-top: 130px
}

#inner_factory .spec {
	width: 40px;
	border-top: 3px solid #222;
	margin: 25px 0
}

#inner_factory .container {
	padding: 60px 0;
	z-index: 1
}

#inner_factory .container:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 100px;
	background: #f3f3f5;
	z-index: -1
}

#inner_factory .carousel-control-next,#inner_factory .carousel-control-prev {
	width: 50px;
	height: 50px;
	top: auto;
	bottom: 0;
	background: #333;
	opacity: .8;
	font-size: 24px;
	line-height: 50px;
	border-radius: 25px
}

#inner_factory .carousel-control-next:hover,#inner_factory .carousel-control-prev:hover {
	background: #293B53
}

#inner_factory .carousel-control-next {
	right: auto;
	left: 65px
}

#inner_honor {
	margin-top: 70px;
	background: url(../images/honor_bg.jpg) top no-repeat;
	padding-top: 105px;
	margin-bottom: 40px
}

#inner_honor .item {
	margin-bottom: 20px;
	text-align: center
}

#inner_honor .item img {
	padding: 10px;
	border: 1px solid #efefef
}

#case-box {
	padding: 0 30px
}

#case-box .f5bg {
	background: #f5f5f5;
	padding: 40px
}

#case-box .date,#case-box .tit {
	font-size: 18px
}

#case-box .tit {
	color: #000;
	font-weight: 700
}

#case-box .row:hover .tit a {
	color: #293B53
}

#case-box .date {
	color: #a8a8a8;
	position: relative;
	padding-bottom: 30px
}

#case-box .date:after {
	content: "";
	position: absolute;
	border-bottom: 3px solid #b7b7b7;
	width: 45px;
	bottom: 20px;
	left: 0
}

#case-box .desp {
	color: #b7b7b7;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 20px
}

#case-box .btn {
	background-color: #a4a4a4;
	color: #fff;
	border-radius: 0
}

#case-box .btn:hover,#case-box .row:hover .btn {
	background-color: #293B53
}

#case-box .r_0 {
	border-top: 1px solid #d7d7d7;
	margin-top: 10px;
	padding-top: 36px
}

.listpager {
	text-align: center;
	margin: 40px 0
}

.listpager .first,.listpager .last {
	display: none
}

.listpager a {
	font-size: 12px;
	color: #333;
	border: 1px solid #e8e8e8;
	line-height: 36px;
	border-radius: 4px;
	display: inline-block;
	padding: 0 15px
}
.listpager span{display:none;}
.listpager a+a {
	margin-left: 10px
}

.listpager a.page-num-current,.listpager a:hover {
	border-color: #293B53;
	color: #293B53
}

#download .box {
	border-top: 1px solid #b7b7b7;
	margin-top: 10px;
	padding-top: 20px
}

#download tr td {
	border: none;
	line-height: 40px;
	font-size: 14px
}

#download tr {
	transition: all .3s;
	-webkit-transition: all .3s;
	height: auto
}

#download tr td i {
	font-size: 30px;
	color: #838383
}

#download tr td a:hover i {
	color: #293B53
}

#download tr:nth-child(odd) {
	background-color: #fff
}

#download tr:nth-child(2n) {
	background-color: #f9fafc
}

#download tr:hover {
	background-color: #f8f8f8
}

#download tr:first-child:hover {
	background-color: #fff
}

#download .tit td {
	color: #999;
	font-size: 16px
}

#download .item {
	opacity: .9
}

#news-box .sp-line {
	margin-top: 10px;
	border-top: 1px solid #d7d7d7;
	padding-top: 20px
}

#news-box .tit {
	padding-bottom: 10px;
	font-size: 16px;
	color: #000;
	line-height: 32px
}

#news-box .row:hover .tit a {
	color: #293B53
}

#news-box .pic {
	display: block;
	position: relative;
	z-index: 1
}

#news-box .pic:after {
	content: "";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000;
	z-index: 2
}

#news-box .pic:after,#news-box .pic:before {
	position: absolute;
	opacity: 0;
	transition: all .3s
}

#news-box .pic:before {
	content: "\f425";
	top: 50%;
	left: 50%;
	margin-left: -20px;
	margin-top: -20px;
	font-size: 40px;
	height: 40px;
	width: 40px;
	font-family: Ionicons;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 40px;
	text-align: center;
	color: #fff;
	z-index: 3
}

#news-box .row:hover .pic:after {
	opacity: .6
}

#news-box .row:hover .pic:before {
	opacity: 1
}

#article-box .hd {
	margin-top: 10px;
	border-top: 1px solid #d7d7d7;
	padding-top: 36px;
	color: #888
}

#article-box img {
	max-width: 100%;
	height: auto
}

#article-box p {
	line-height: 1.8
}

#article-box .contact {
	margin: 30px 0;
	padding: 0 30px
}

#article-box .contact h6 {
	font-size: 18px
}

#article-box .contact .opt {
	font-size: 15px;
	color: #999;
	line-height: 1.8
}

#article-box .more {
	border: dashed #888;
	border-width: 1px 0;
	line-height: 54px;
	margin: 30px 0 55px
}

#portfolio #portfolio-flters {
	padding: 0;
	margin: 5px 0 35px;
	list-style: none
}

#portfolio #portfolio-flters li {
	cursor: pointer;
	margin: 15px 15px 15px 0;
	display: inline-block;
	padding: 10px 20px;
	font-size: 14px;
	line-height: 20px;
	color: #666;
	border-radius: 4px;
	text-transform: uppercase;
	background: #fff;
	margin-bottom: 5px;
	transition: all .3s ease-in-out;
	border: 1px solid #d7d7d7
}

#portfolio #portfolio-flters li.filter-active,#portfolio #portfolio-flters li:hover {
	background: #293B53;
	color: #fff;
	border-color: #293B53
}

#portfolio-flters a:hover{
	color:#fff;
	outline: none;
	text-decoration: none	
}

#portfolio #portfolio-flters li:last-child {
	margin-right: 0
}

#portfolio .portfolio-wrap {
	box-shadow: 0 2px 12px rgba(0,0,0,.08);
	transition: .3s
}

#portfolio .portfolio-wrap:hover {
	box-shadow: 0 4px 14px rgba(0,0,0,.16);
	transform: translateY(-3px);
	    transition: all .3s;
}

#portfolio .portfolio-item {
	position: relative;
	height: 360px;
	overflow: hidden
}

#portfolio .portfolio-item figure {
	background: #000;
	overflow: hidden;
	position: relative;
	border-radius: 4px 4px 0 0;
	margin: 0
}

#portfolio .portfolio-item figure:hover img {
	opacity: .4;
	transition: .3s
}

#portfolio .portfolio-item figure .link-details,#portfolio .portfolio-item figure .link-preview {
	position: absolute;
	display: inline-block;
	opacity: 0;
	line-height: 1;
	text-align: center;
	width: 36px;
	height: 36px;
	background: #fff;
	border-radius: 50%;
	transition: .2s linear
}

#portfolio .portfolio-item figure .link-details i,#portfolio .portfolio-item figure .link-preview i {
	padding-top: 6px;
	font-size: 22px;
	color: #333
}

#portfolio .portfolio-item figure .link-details:hover,#portfolio .portfolio-item figure .link-preview:hover {
	background: #293B53
}

#portfolio .portfolio-item figure .link-details:hover i,#portfolio .portfolio-item figure .link-preview:hover i {
	color: #fff
}

#portfolio .portfolio-item figure .link-preview {
	left: calc(50% - 38px);
	top: calc(50% - 18px)
}

#portfolio .portfolio-item figure .link-details {
	right: calc(50% - 38px);
	top: calc(50% - 18px)
}

#portfolio .portfolio-item figure:hover .link-preview {
	opacity: 1;
	left: calc(50% - 44px)
}

#portfolio .portfolio-item figure:hover .link-details {
	opacity: 1;
	right: calc(50% - 44px)
}

#portfolio .portfolio-item .portfolio-info {
	background: #fff;
	text-align: center;
	padding: 20px 30px 30px;
	height: 90px;
	border-radius: 0 0 3px 3px
}

#portfolio .portfolio-item .portfolio-info h4 {
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 6px;
	padding-bottom: 0
}

#portfolio .portfolio-item .portfolio-info h4 a {
	color: #333
}

#portfolio .portfolio-item .portfolio-info h4 a:hover {
	color: #293B53
}

#portfolio .portfolio-item .portfolio-info p {
	padding: 0;
	margin: 0;
	color: #b8b8b8;
	font-weight: 500;
	font-size: 14px;
	text-transform: uppercase
}

#product-center #portfolio-flters {
	padding: 0;
	margin: 5px 0 35px
}

#product-center #portfolio-flters a {
	cursor: pointer;
	margin: 15px 15px 15px 0;
	display: inline-block;
	padding: 10px 20px;
	font-size: 14px;
	line-height: 20px;
	color: #666;
	border-radius: 4px;
	text-transform: uppercase;
	background: #fff;
	margin-bottom: 5px;
	transition: all .3s ease-in-out;
	border: 1px solid #d7d7d7
}

#product-center #portfolio-flters a.filter-active,#product-center #portfolio-flters a:hover {
	background: #293B53;
	color: #fff;
	border-color: #293B53
}

#product-center #portfolio-flters a:last-child {
	margin-right: 0
}

#product-center #product-info {
	padding-top: 25px
}

#product-center #product-info h5 {
	font-size: 22px
}

#product-center .intro {
	font-size: 15px;
	color: #a1a0a0;
	line-height: 1.6
}

#product-center .features {
	padding-left: 0;
	list-style: none
}

#product-center .features>li {
	font-size: 15px;
	color: #333;
	line-height: 24px;
	height: 24px;
	padding-left: 18px;
	background:url(data:image/gif;base64,R0lGODlhBwAKAMQcAOYsJvWsquMZE/739+g/Ouc3MuMXEe98efKSj+92cu5wbfa4tv719eUpJOpNSP3t7PGMifzl5eQfGeQcF/76+ec1MOpSTvnNy/OZlvzj4vvg3+MWEP///wAAAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMTQgNzkuMTUxNDgxLCAyMDEzLzAzLzEzLTEyOjA5OjE1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjZBRjMwMERDNTE5RjExRTg4NTAzODI5MTAyRjkzMzhCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjZBRjMwMERENTE5RjExRTg4NTAzODI5MTAyRjkzMzhCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NkFGMzAwREE1MTlGMTFFODg1MDM4MjkxMDJGOTMzOEIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NkFGMzAwREI1MTlGMTFFODg1MDM4MjkxMDJGOTMzOEIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAAcACwAAAAABwAKAAAFLmCmaQNnIttmUSanpElLWSnWPsUmLC2WOqaLZNPIcCKAzeTCYRA2hoDpUKlAWiEAOw==) 0 7px no-repeat
}

#product-content p {
	margin-bottom: 15px;
	line-height: 1.8
}

#product-content img {
	max-width: 100%;
	height: auto
}

#product-rec figure {
	background: #000;
	overflow: hidden;
	margin: 0
}

#product-rec .portfolio-info {
	background: #fff;
	text-align: center;
	line-height: 24px;
	padding: 6px 12px;
	border-bottom: 1px solid #f6f6f6;
	position: relative;
	z-index: 1
}

#product-rec .portfolio-info:after {
	position: absolute;
	transition: all .3s;
	content: "";
	background: #293B53;
	left: 0;
	right: 0;
	bottom: 0;
	height: 0;
	z-index: -1
}

#product-rec .portfolio-wrap:hover .portfolio-info:after {
	height: 36px
}

#product-rec .portfolio-wrap:hover .portfolio-info {
	border-color: #293B53
}

#product-rec .portfolio-wrap:hover .portfolio-info a {
	color: #fff
}

#contact-way .tit {
	height: 57px;
	background-image: url(../images/contact_tit.png);
	background-repeat: no-repeat;
	margin: 10px 0 13px
}

#contact-way .t1 {
	background-position: center 0
}

#contact-way .t2 {
	background-position: center -57px
}

#contact-way .t3 {
	background-position: center -114px
}

#contact-way .way p {
	border-top: 1px solid #6e6e6e;
	font-size: 14px;
	line-height: 24px;
	padding-top: 12px;
	color: #333;
	height: 84px;
	overflow: hidden
}

#contact-way .way ul {
	border-left: 2px solid #293B53;
	list-style: none;
	padding-left: 12px
}

#contact-way .way ul li {
	line-height: 32px;
	color: #333
}

#contact-way .way i {
	color: #293B53;
	font-size: 26px;
	line-height: 32px;
	width: 36px;
	padding-right: 10px;
	height: 32px;
	text-align: center;
	overflow: hidden;
	vertical-align: top;
	display: inline-block
}

#services-map {
	background: url(../images/contact_bg.jpg) top no-repeat;
	background-size: cover
}

#services-map .bg {
	background: hsla(0,0%,100%,.15);
	border-radius: 0 0 8px 8px;
	padding-bottom: 30px
}

#services-map table {
	margin: 0 auto;
	max-width: 666px
}

#services-map table td {
	border: none;
	color: #fff
}

#services-map table .adds {
	border-bottom: 1px dashed #fff
}

#services-map table .adds>p {
	line-height: 24px;
	margin-bottom: 0
}

#services-map table .area {
	transition: all .3s
}

#services-map table .arr {
	color: #293B53;
	text-shadow: 1px 1px 3px #333;
	opacity: 0;
	transition: opacity .3s
}

#services-map table tr:hover td {
	cursor: pointer
}

#services-map table tr:hover .arr {
	opacity: 1
}

#services-map table tr:hover .area {
	color: #293B53;
	text-shadow: 1px 1px 3px #333
}


#wap-about{display:none;}
#news .date{display:none;}

.pagebar { padding:20px; overflow:hidden; clear:both; width:100%}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 8px 10px;
  margin: 0 2px;
  border-radius: 3px; line-height:100%
}
.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #333;
  border: 1px solid #333;
}
.pagination a.page-num-current {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}

.index5 {
  margin: 50px auto;
}

.index5 .top {
  margin-top: 30px;
  position: relative;
}

.index5 .top .more {
  font-size: 16px;
  line-height: 30px;
  color: #666666;
  position: absolute;
  right: 0;
  top: 15px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.index5 .product_nav .product_nav_inner {
  background: transparent;
  justify-content: flex-start;
}

.index5 .product_nav .product_nav_inner .product_nav_item {
  margin-left: 0;
}

.index5 .content {
  margin-top: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  display: none;
}

.index5 .content.show{
	display: block;
}

.index5 .left {
  width: 49%;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}

.index5 .left a {
  background: #293B53;
  overflow: hidden;
  border-radius: 8px;
  overflow: hidden;
  -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;
  height: 100%;
  padding-bottom: 116px;
}

.index5 .left a .img_wrap {
  overflow: hidden;
  height: 100%;
}

.index5 .left a .img {
  width: 100%;
  height: 100%;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.index5 .left a:hover .img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.index5 .left a .text {
  display: flex;
  align-items: center;
  padding: 24px 28px;
  justify-content: space-between;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.index5 .left a .text .left {
  width: calc(100% - 128px);
  padding-right: 20px;
  position: static;
}

.index5 .left a .text h4 {
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: 1px;
  color: #fff;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.index5 .left a .text h6 {
  font-size: 16px;
  line-height: 32px;
  color: #fff;
  opacity: 0.6;
  margin-top: 12px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.index5 .left a .text .right {
  display: flex;
  align-items: center;
  color: #fff;
  opacity: 0.6;
  width: 128px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  margin: 0;
}

.index5 .left a .text .right .dd {
  font-family: Arial;
  font-size: 46px;
  line-height: 36px;
  letter-spacing: 1px;
  border-right: 1px solid #fff;
  padding-right: 8px;
  margin-right: 8px;
}

.index5 .left a .text .right .yyyy-mm {
  font-size: 16px;
  line-height: 18px;
}

.index5 .right {
  width: 49%;
  margin-left: 51%;
}

.index5 .right .top {
  margin-top: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.index5 .right .top a {
  width: 48%;
  background: #293B53;
  overflow: hidden;
  border-radius: 8px;
  overflow: hidden;
  -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;
}

.index5 .right .top a .img_wrap {
  overflow: hidden;
}

.index5 .right .top a .img {
  width: 100%;
  padding-top: 62.5%;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.index5 .right .top a:hover .img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.index5 .right .top a .text {
  padding: 18px 28px;
}

.index5 .right .top a .text h4 {
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: 1px;
  color: #fff;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.index5 .right .top a .text h6 {
  font-size: 16px;
  line-height: 32px;
  color: #fff;
  opacity: 0.6;
  margin-top: 12px;
  display: flex;
  align-items: center;
}

.index5 .right .top a .text h6 img {
  margin-right: 4px;
}

.index5 .right .bottom {
  margin-top: 30px;
}

.index5 .right .bottom a {
  display: block;
  background: #fff url(../images/index5_bg.png) right bottom no-repeat;
  border-radius: 8px;
  border: solid 1px #eeeeee;
  padding: 18px 28px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.index5 .right .bottom a:hover {
  background: #293B53 url(../images/index5_bg.png) right bottom no-repeat;
}

.index5 .right .bottom a .text_t {
}

.index5 .right .bottom a .text_t h4 {
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: 1px;
  color: #333;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.index5 .right .bottom a .text_t h6 {
  font-size: 16px;
  line-height: 28px;
  color: #666;
  opacity: 0.6;
  margin-top: 12px;
  height: 64px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.index5 .right .bottom a .text_b {
  border-top: 1px solid #dfdfdf;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 12px;
  padding-top: 12px;
}

.index5 .right .bottom a .text_b .l {
}

.index5 .right .bottom a .text_b .l h6 {
  font-size: 16px;
  line-height: 32px;
  color: #999;
  display: flex;
  align-items: center;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.index5 .right .bottom a .text_b .l h6 img {
  margin-right: 4px;
}

.index5 .right .bottom a .text_b .r {
  font-size: 16px;
  line-height: 32px;
  color: #666;
  display: flex;
  align-items: center;
}

.index5 .right .bottom a .text_b .r img {
  margin-left: 4px;
}

.index5 .right .bottom a:hover .text_t h4,
.index5 .right .bottom a:hover .text_t h6,
.index5 .right .bottom a:hover .text_b .l h6,
.index5 .right .bottom a:hover .text_b .r {
  color: #fff;
}
.index4 .top .more:hover,
.index5 .top .more:hover {
  color: #293B53;
}

.product_nav_inner {
  background: #fff;
  border-bottom: 1px solid #eee;
  display: flex;
  align-items: center;
  justify-content: center;
  position: static;
  top: 81px;
  left: 0;
  width: 100%;
  z-index: 55;
}
.product_nav_item {
  font-size: 16px;
  color: #666666;
  margin: 0 40px;
  line-height: 60px;
  position: relative;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}
.product_nav.fixed .product_nav_item {
  line-height: 50px;
}

.product_nav_item::after {
  content: '';
  width: 0%;
  height: 2px;
  background-color: #293B53;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}

.product_nav_item:hover,
.product_nav_item.active {
  color: #293B53;
}

.product_nav_item.active::after {
  width: 100%;
}

.product_item {
  position: relative;
}
.style-sou {padding: 15px 0;background-color: #f2f2f2;}
.style-sou .hot {float: left;padding: 7px 0;background: url(../images/hot.png) no-repeat 0 center;padding-left: 10px;}
.style-sou .hot a {margin-right: 10px;}
.style-sou .hform {float: left;}
.style-sou .hform input {float: left;border: 1px solid #eee;padding: 6px 12px;width: 210px;font-size: 14px;border-radius: 30px 0px 0px 30px;}
.style-sou .hform button {border: 0;padding: 0;float: left;cursor: pointer;outline: none;width: 60px;height: 34px;color: #fff;background: url(../images/search-btn.png) no-repeat center #293B53;font-size: 0;    border-radius: 0px 30px 30px 0px;}

.style-link {padding: 20px 0;}
.style-link h4 {border-bottom: 1px solid #ddd;margin: 0;font-size: 18px;color: #023793;padding-bottom: 15px;}
.style-link h4 small {text-transform: uppercase;font-size: 16px;font-weight: normal;color: #999;}
.style-link ul {margin-left: -20px;}
.style-link li {float: left;margin-left: 20px;margin-top: 20px;}

@media(max-width:768px) {
	#portfolio #portfolio-flters li{ padding:10px 0; width:96%; margin:10px 0 0 2%; text-align:center}
	#product-center #portfolio-flters a{padding:10px 0; width:30%; margin:10px 0 0 2%; text-align:center}
	#product-center #product-info h5{ margin-top:30px}
	.table td, .table th{ padding:0}
	#inner_business{ padding:0 10px}
	#inner_factory{ padding:0 10px}
	#mobile-nav-toggle {
		margin-top: 18px
	}
	.edui-upload-video{
    width: 100%;
}
	
.center_right a:nth-child(1){color: #cf1219;}
.center_right a:nth-child(2){margin-left:2px;color: #033fab;}		
	
	
.index5 .top .more{
    display: none;
}

  .index5 {
    margin: 80px auto;
  }
  .index5 .top .more {
    display: none;
  }
  .index5 .content {
    margin-top: 20px;
    flex-direction: column;
  }
  .index5 .content .left {
    width: 100%;
    position: relative;
    display: none;
  }
  .index5 .left a .img {
    padding-top: 62.5%;
  }
  .index5 .content .right {
    width: 100%;
    margin-left: 0;
    margin-top: 20px;
  }
  .index5 .right .top {
	  flex-wrap: wrap;
  }
  .index5 .right .top a {
    width: 100%;
    margin-bottom: 20px;
  }
  .index5 .right .top a .text h4 {
    font-size: 18px;
  }
  .index5 .right .top a .text h6 {
    margin-top: 0;
  }
  .index5 .right .top a .text {
    padding: 20px 16px;
  }
  .index5 .right .bottom {
    display: none;
  }

	#logo>img {
		display: none
	}

	#header .navbar {
		height: 70px;
		
	}

	#intro {
		height: auto;
		padding-top: 0;
		background: none;
	}

	#intro .container {
		max-width: 100%
	}

	#mobile-nav .index_searchform,#mobile-nav .lang {
		display: none
	}

	#message {
		background-image: url(../images/m-contact.png);
		padding-top: 50px
	}

	#message .form-group {
		width: 90%
	}

	#message .btn-default {
		max-width: 100%;
		width: 100%;
		padding: 6px 15px;
		margin-top: 10px
	}

	#float-contact .container-fluid {
		height: 70px
	}

	.pro-list .item p {
		border-bottom: 1px solid #959595
	}

	.pro-list .item:hover p {
		border-color: #293B53;
		color: #293B53
	}

	#pro-center {
		padding: 40px 0 20px
	}

	#wap-about .about_link {
		display: inline-block;
		padding: .5rem 1rem;
		color: #fff;
		background: #293B53
	}

	#news {
		padding-top: 20px
	}

	#news .description,#news .title {
		margin-left: 96px
	}

	#news .date {
		width: 84px;
		text-align: center;
		font-size: 42px;
		float: left
	}

	#news .mon {
		font-size: 20px
	}

	#news .title:after {
		display: none
	}

	#news a:hover h4,#news a:hover h5,#news a:hover p {
		color: #293B53
	}

	#case .t {
		position: relative
	}

	#case .t:after {
		content: "";
		position: absolute;
		bottom: 4px;
		border-bottom: 3px solid #293B53;
		width: 66px;
		left: 50%;
		margin-left: -33px
	}

	#case .wapitem {
		font-size: 14px
	}

	#case .wapitem .h5 {
		font-size: 18px
	}

	#case {
		background-size: cover
	}
	#news .pic{display:none;}
	#news .date,#wap-about{display:block !important;}
}
.pagination .st{ font-family:宋体}

#maximg img{ max-width:100%; height:auto !important}