/* 字体引入 */
@font-face{
    font-family: 'Alibaba-PuHuiTi-Light';
    src:url("../fonts/ALIBABA-PUHUITI-LIGHT.woff2") format('woff2');
}
@font-face{
    font-family: 'Alibaba-PuHuiTi-Regular';
    src:url("../fonts/Alibaba-PuHuiTi-Regular.woff2") format('woff2');
}
img.aligncenter {
	display:block;
	margin:0 auto;
}
body {
    font-family: 'Alibaba-PuHuiTi-Regular';
}
/* 网站基本宽度（注意修改） */
.container {
    box-sizing: content-box;
    padding: 0 15px;
}
@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}
@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}
@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    .container {
        max-width: 1450px;
    }
}
/* 手机端头部 */
#m-header-wrapper {
    display: none;
}
#m-header-wrapper .overlay {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9998;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: none;
}
#m-header-wrapper .m-header {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    width: 100%;
    height: 45px;
    background: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    transition: 300ms;
}
#m-header-wrapper .m-header.active {
    left: 200px;
}
#m-header-wrapper .m-header .container {
    height: 100%;
    position: relative;
}
#m-header-wrapper .m-header .container .toggle-btn {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}
#m-header-wrapper .m-header .container .toggle-btn span {
    display: block;
    width: 20px;
    height: 2px;
    background: #333;
    margin-bottom: 5px;
    transition: 300ms;
}
#m-header-wrapper .m-header .container .toggle-btn span:last-of-type {
    margin-bottom: 0;
}
#m-header-wrapper .m-header .container .toggle-btn.active span:nth-of-type(1) {
    transform: rotate(45deg);
    transform-origin: left center;
}
#m-header-wrapper .m-header .container .toggle-btn.active span:nth-of-type(2) {
    opacity: 0;
}
#m-header-wrapper .m-header .container .toggle-btn.active span:nth-of-type(3) {
    transform: rotate(-45deg);
    transform-origin: left center;
}
#m-header-wrapper .m-header .container .logo {
    text-align: center;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
#m-header-wrapper .m-header .container .logo img {
    width: 90px;
}
#m-header-wrapper .m-toggle-nav {
    position: fixed;
    width: 200px;
    height: 100%;
    left: -200px;
    top: 0;
    overflow-y: auto;
    background: #333;
    z-index: 9999;
    transition: 300ms;
    padding: 15px 0;
}
#m-header-wrapper .m-toggle-nav.active {
    left: 0;
}
#m-header-wrapper .m-toggle-nav h1 {
    font: 14px sans-serif;
    color: #fff;
    text-transform: uppercase;
    padding: 0 15px 20px;
}
#m-header-wrapper .m-toggle-nav h1 .icon {
    font-size: 14px;
    color: #fff;
    margin-right: 10px;
}
#m-header-wrapper .m-toggle-nav .menu-box {
    padding-bottom: 25px;
}
#m-header-wrapper .m-toggle-nav .menu-box .menu > li > a {
    display: block;
    font: 12px/40px sans-serif;
    color: #fff;
    padding-left: 15px;
    text-transform: uppercase;
    position: relative;
}
#m-header-wrapper .m-toggle-nav .menu-box .menu > li > a i {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    color: #fff;
    display: none;
    transition: 300ms;
}
#m-header-wrapper .m-toggle-nav .menu-box .menu > li > a i.active {
    transform: translateY(-50%) rotate(180deg);
}
#m-header-wrapper .m-toggle-nav .menu-box .menu > li .sub-menu {
    background: #000;
    padding: 5px 0;
    display: none;
}
#m-header-wrapper .m-toggle-nav .menu-box .menu > li .sub-menu li a {
    display: block;
    font: 12px/40px sans-serif;
    padding-left: 15px;
    color: #fff;
    text-transform: uppercase;
}
#m-header-wrapper .m-toggle-nav .search-box {
    padding: 15px 15px 35px;
    position: relative;
}
#m-header-wrapper .m-toggle-nav .search-box input[type="text"] {
    width: 100%;
    height: 30px;
    border: none;
    outline: none;
    padding: 0 40px 0 10px;
    font: 12px sans-serif;
    color: #333;
}
#m-header-wrapper .m-toggle-nav .search-box button {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 15px;
    top: 15px;
    border: none;
    outline: none;
    text-align: center;
    background: #000;
}
#m-header-wrapper .m-toggle-nav .search-box button i {
    font-size: 12px;
    line-height: 30px;
    color: #fff;
}
#m-header-wrapper .m-toggle-nav .lan h1 {
    padding-bottom: 10px;
    position: relative;
}
#m-header-wrapper .m-toggle-nav .lan h1 i.fa-angle-down {
    position: absolute;
    right: 15px;
    top: 1px;
    font-size: 16px;
    color: #fff;
    transition: 300ms;
}
#m-header-wrapper .m-toggle-nav .lan h1 i.fa-angle-down.active {
    transform: rotate(180deg);
}
#m-header-wrapper .m-toggle-nav .lan ul {
    background: #000;
    display: none;
}
#m-header-wrapper .m-toggle-nav .lan ul li a {
    display: block;
    font: 12px/30px sans-serif;
    color: #fff;
    padding-left: 15px;
}
#header {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 9999;
    padding-top: 27px;
}
#header .logo {
    margin-left: 50px;
}
#header .header-right {
    margin-right: 80px;
    text-align: right;
}
#header .header-right .top {
    margin-bottom: 17px;
}
#header .header-right .top .search-box {
    width: 167px;
    height: 29px;
    border-radius: 14px;
    overflow: hidden;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
#header .header-right .top .search-box input[type="text"] {
    width: 100%;
    height: 29px;
    background: #ffedcb;
    padding: 0 45px 0 15px;
    border: none;
    outline: none;
    font-size: 17px;
    color: #333;
}
#header .header-right .top .search-box input[type="text"]::-webkit-input-placeholder {
    color: #333;
}
#header .header-right .top .search-box input[type="submit"] {
    width: 43px;
    height: 29px;
    background: #e90101 url("../images/search.png") center center no-repeat;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    outline: none;
}
#header .header-right .top .lan {
    margin-left: 15px;
    display: inline-block;
    vertical-align: middle;
}
#header .header-right .top .lan a {
    font-size: 24px ;
    color: #ffedcb;
    text-transform: uppercase;
    margin-right: 25px;
    transition: .3s;
	letter-spacing:2px;
	line-height:24px;
}
#header .header-right .top .lan a:last-of-type {
    margin-right: 0;
	letter-spacing:0;
}
#header .header-right .top .lan a:hover {
    color: #d30000;
}
#header .header-right .bottom .menu-box .menu {
    font-size: 0;
}
#header .header-right .bottom .menu-box .menu > li {
    display: inline-block;
    margin:0 22px;
    position: relative;
	min-width:70px;
    padding-bottom: 10px;
	font-family: 'Alibaba-PuHuiTi-Light';
/* 	font-weight:bold; */
	letter-spacing:1px;
	text-align:left;
}
#header .header-right .bottom .menu-box .menu > li:last-of-type {
    margin-right: 0;
}
#header .header-right .bottom .menu-box .menu > li > a {
    font-size: 24px ;
    color: #ffffff;
    transition: .3s;
}
#header .header-right .bottom .menu-box .menu > li .sub-menu {
    position: absolute;
    width: 200px;
    left: 0;
    top: 120%;
    opacity: 0;
    visibility: hidden;
    background: #000;
    text-align: left;
    transition: .3s;
}
#header .header-right .bottom .menu-box .menu > li .sub-menu li a {
    display: block;
    font-size: 16px;
	line-height:40px;
    color: #fff;
    padding-left: 15px;
    transition: .3s;
}
#header .header-right .bottom .menu-box .menu > li .sub-menu li a:hover {
    background: #d30000;
}
#header .header-right .bottom .menu-box .menu > li:hover > a {
    color: #d30000;
}
#header .header-right .bottom .menu-box .menu > li:hover .sub-menu {
    top: 100%;
    opacity: 1;
    visibility: visible;
}
#index-banner img {
    width: 100%;
}
#index-body .i-tit {
    font-size: 48px ;
    color: transparent;
    text-align: center;
    position: relative;
}
#index-body .i-pro .i-pro-list .item {
    background: #0c0c0c;
    position: relative;
}
#index-body .i-pro .i-pro-list .item:nth-of-type(odd) .img {
    float: left;
}
#index-body .i-pro .i-pro-list .item:nth-of-type(odd) .info {
    right: 0;
}
#index-body .i-pro .i-pro-list .item:nth-of-type(even) .img {
    float: right;
}
#index-body .i-pro .i-pro-list .item:nth-of-type(even) .info {
    left: 0;
}
#index-body .i-pro .i-pro-list .item .img {
    width: 50%;
    overflow: hidden;
}
#index-body .i-pro .i-pro-list .item .img img {
    width: 100%;
    transition: .3s
}
#index-body .i-pro .i-pro-list .item .img img:hover{
    transform: scale(1.2);
}
#index-body .i-pro .i-pro-list .item .info {
    width: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
#index-body .i-pro .i-pro-list .item .info .inner {
    max-width: 590px;
    padding: 0 15px;
    margin: 0 auto;
}
#index-body .i-pro .i-pro-list .item .info .inner p:nth-of-type(1) {
    font-size: 36px;
}
#index-body .i-pro .i-pro-list .item .info .inner p:nth-of-type(2) {
/*     font-size: 48px; */
    color: transparent;
    margin-top:70px;
	letter-spacing:3px;
}
.jb {
/* 	text-shadow:1px 0 1px rgba(0,0,0,.59); */
	position:relative;
	color: transparent;
	background: linear-gradient(54deg,#f1d4ba 0%,#f1d4ba 42%,#8c5d4f 47%,#f1d4ba 52%,#f4e1c0 100%);
	-webkit-background-clip: text;
}
/* .jb:before {
	content:attr(data-text);
	position:absolute;
	top:50%;
	left:50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
	z-index:-1;
	width:100%;
	color:#f1d4ba;
} */
#index-body .i-pro .i-pro-list .item .info .inner p:nth-of-type(3) {
    font-size: 30px ;
    color: #f4e1c0;
    margin-bottom: 65px;
	letter-spacing:8px;
}
#index-body .i-pro .i-pro-list .item .info .inner p:nth-of-type(2) {
    text-align: right;
}
#index-body .i-pro .i-pro-list .item .info .inner p a.more {
    display: inline-block;
    width: 132px;
    height: 31px;
	line-height:31px;
    background: #a11b2f;
    text-align: center;
	font-size: 18px ;
    color: #f4e1c0;
}
#index-body .i-pro .i-pro-list .item .info .inner p a.more img {
	display:inline-block;
	vertical-align:middle;
}
#index-body .i-about {
    padding: 225px 0 65px;
    background: #000;
    position: relative;
	overflow:hidden;
}
#index-body .i-about:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 65%;
    background: #47000b;
    left: 0;
    bottom: 0;
}
#index-body .i-about:before {
    content: "";
    position: absolute;
    width: 679px;
    height: 665px;
    background: url("../images/flower.png") no-repeat;
    left: 0;
    top: -30px;
    z-index: 3;
}
#index-body .i-about .container {
    position: relative;
    z-index: 2;
}
#index-body .i-about .container .i-about-top {
    position: relative;
    margin-bottom: 40px;
}
#index-body .i-about .container .i-about-top .video {
    width: 100%;
}
#index-body .i-about .container .i-about-top .play {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -70px 0 0 -70px;
    cursor: pointer;
    transition: .3s;
}
#index-body .i-about .container .i-about-top .play:hover {
    transform: scale(1.2);
}
#index-body .i-about .container .i-about-bottom .content {
    font-size: 20px;
	line-height:30px;
    color: #f1d4ba;
    text-align: center;
    margin: 70px 0 80px;
	letter-spacing:4px;
}
#index-body .i-about .container .i-about-bottom .list .grid-box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#index-body .i-about .container .i-about-bottom .list .grid-box .column {
    text-align: center;
    width: auto;
    cursor: pointer;
}
#index-body .i-about .container .i-about-bottom .list .grid-box .column .icon {
    height: 75px;
    transition: .3s;
}
#index-body .i-about .container .i-about-bottom .list .grid-box .column p {
    font-size: 20px ;
    color: #f4e1c0;
}
#index-body .i-about .container .i-about-bottom .list .grid-box .column:hover .icon {
    transform: translateY(-10px);
}
#index-body .i-news {
    padding: 80px 0 15px;
    background: #000 url("../images/flower2.png") right bottom no-repeat;
}
#index-body .i-news .i-news-top {
    margin-bottom: 195px;
}
#index-body .i-news .i-news-top .container .i-tit {
    margin-bottom: 170px;
}
#index-body .i-news .i-news-top .container .map img {
    width: 100%;
}
#index-body .i-news .i-news-bottom .i-tit {
    margin-bottom: 115px;
}
#index-body .i-news .i-news-bottom .list {
    margin-bottom: 40px;
    overflow: hidden;
}
#index-body .i-news .i-news-bottom .list #inews {
    margin: 0 -695px;
}
#index-body .i-news .i-news-bottom .list #inews .swiper-slide {
    background: #141414;
    border-right: 28px solid #47000b;
}
#index-body .i-news .i-news-bottom .list #inews .swiper-slide .img {
    width: 50%;
    overflow: hidden;
}
#index-body .i-news .i-news-bottom .list #inews .swiper-slide .img img {
    width: 100%;
    transition: .3s;
}
#index-body .i-news .i-news-bottom .list #inews .swiper-slide .info {
    width: 50%;
    padding: 40px 15px;
}
#index-body .i-news .i-news-bottom .list #inews .swiper-slide .info p:nth-of-type(1) {
    font-size: 20px ;
    color: transparent;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	font-weight:bold;
}
#index-body .i-news .i-news-bottom .list #inews .swiper-slide .info p:nth-of-type(1) a:hover {
    text-decoration: underline;
}
#index-body .i-news .i-news-bottom .list #inews .swiper-slide .info p:nth-of-type(2) {
    font-size: 16px;
	line-height:30px;
    color: #fff;
    margin: 20px 0 40px;
}
#index-body .i-news .i-news-bottom .list #inews .swiper-slide .info p:nth-of-type(3) {
    font-size: 16px ;
    color: #aeaeae;
    text-align: right;
}
#index-body .i-news .i-news-bottom .list #inews .swiper-slide:hover .img img {
    transform: scale(1.2);
}
#index-body .i-news .i-news-bottom .cont-info {
    padding: 25px 0;
    background: #141414;
}
#index-body .i-news .i-news-bottom .cont-info .container {
    overflow: hidden;
}
#index-body .i-news .i-news-bottom .cont-info .container .grid-box {
    margin: -20px -10px;
}
#index-body .i-news .i-news-bottom .cont-info .container .grid-box .column {
    font-size: 30px ;
    color: #868686;
    padding: 20px 10px;
	font-family: 'Alibaba-PuHuiTi-Light';
}
#index-body .i-news .i-news-bottom .cont-info .container .grid-box .column span {
	display:inline-block;
	vertical-align:top;
}
#footer .footer-top {
    padding: 130px 0;
    background: #141414;
}
#footer .footer-top .container {
    font-size: 0;
}
#footer .footer-top .container .item {
    display: inline-block;
    vertical-align: top;
}
#footer .footer-top .container .item ul {
	font-family: 'Alibaba-PuHuiTi-Light';
}
#footer .footer-top .container .item:nth-of-type(1) {
    width: 29%;
}
#footer .footer-top .container .item:nth-of-type(2) {
    width: 19%;
}
#footer .footer-top .container .item:nth-of-type(2) ul li {
    font-size: 20px ;
    color: #fff;
    margin-bottom: 7px;
    position: relative;
}
#footer .footer-top .container .item:nth-of-type(2) ul li:after {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    background: #ff0000;
    left: -10px;
    top: 13px;
    opacity: 0;
    transition: .3s;
}
#footer .footer-top .container .item:nth-of-type(2) ul li:last-of-type {
    margin-bottom: 0;
}
#footer .footer-top .container .item:nth-of-type(2) ul li:hover {
    color: #ff0000;
}
#footer .footer-top .container .item:nth-of-type(2) ul li:hover:after {
    opacity: 1;
}
#footer .footer-top .container .item:nth-of-type(3) {
    width: 23%;
}
#footer .footer-top .container .item:nth-of-type(3) ul li {
    font-size: 20px ;
    color: #fff;
    margin-bottom: 6px;
    position: relative;
}
#footer .footer-top .container .item:nth-of-type(3) ul li:after {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    background: #ff0000;
    left: -10px;
    top: 13px;
    opacity: 0;
    transition: .3s;
}
#footer .footer-top .container .item:nth-of-type(3) ul li:last-of-type {
    margin-bottom: 0;
}
#footer .footer-top .container .item:nth-of-type(3) ul li:hover {
    color: #ff0000;
}
#footer .footer-top .container .item:nth-of-type(3) ul li:hover:after {
    opacity: 1;
}
#footer .footer-top .container .item:nth-of-type(4) {
    width: 29%;
}
#footer .footer-top .container .item:nth-of-type(4) .tit {
    margin-left: 30px;
}
#footer .footer-top .container .item:nth-of-type(4) ul li {
    font-size: 20px;
	line-height:30px;
    color: #fff;
    padding-left: 30px;
    position: relative;
}
#footer .footer-top .container .item:nth-of-type(4) ul li i {
    position: absolute;
    left: 0;
    top: 10px;
    color: #ff0000;
}
#footer .footer-top .container .item .logo {
    margin-bottom: 30px;
}
#footer .footer-top .container .item .erweima img {
    width: 140px;
    vertical-align: bottom;
}
#footer .footer-top .container .item .erweima .share {
    display: inline-block;
    vertical-align: bottom;
    margin-left: 20px;
}
#footer .footer-top .container .item .erweima .share i {
    font-size: 20px;
    color: #ff0000;
    margin-right: 15px;
}
#footer .footer-top .container .item .erweima .share i:last-of-type {
    margin-right: 0;
}
#footer .footer-top .container .item .tit {
    font-size: 30px ;
    color: #ff0000;
    margin-bottom: 20px;
}
#footer .footer-bottom {
    padding: 10px 0;
    background: #000000;
	letter-spacing:1px;
}
#footer .footer-bottom .container p {
    font-size: 14px ;
    color: #919191;
}
#footer .footer-bottom .container p a:hover {
    color: #ff0000;
}
@media screen and (max-width:1450px){
	#index-body .container,#footer .container {
		max-width:1090px;
	}
	#header {
		padding-top:20px;
	}
    #header .header-right .bottom .menu-box .menu > li > a{
		font-size: 18px;
    }
	#header .header-right .bottom .menu-box .menu > li {
		margin:0 15px;
	}
    #header .header-right .top .lan a {
        font-size: 18px;
    }
	#header .header-right .top .search-box {
		line-height:20px;
		height:20px;
		border-radius:10px;
		width:130px;
	}
	#header .header-right .top .search-box input[type="text"] {
		font-size:14px;
		height:22px;
		padding-right:35px;
	}
	#header .header-right .top .search-box input[type="submit"] {
		height:22px;
		background-size:12px;
		width:32px;
	}
	#header .logo img {
		max-height:50px;
	}
	#header .logo {
		margin-left:30px;
	}
	#header .header-right {
		margin-right:50px;
	}
	#header .header-right .top {
		margin-bottom:11px;
	}
	#header .header-right .top .lan a {
		margin-right:15px;
	}
	#index-body .i-pro .i-pro-list .item .info .inner {
		max-width:420px;
		position:relative;
		left:20px;
	}
	#index-body .i-pro .i-pro-list .item .info .inner p img {
		max-height:150px;
	}
	#index-body .i-pro .i-pro-list .item .info .inner p a.more {
		height:24px;
		width:100px;
		line-height:24px;
		padding:0 10px;
	}
	#index-body .i-pro .i-pro-list .item .info .inner p a.more img {
		max-height:14px;
	}
	#index-body .i-pro .i-pro-list .item .info .inner p:nth-of-type(2) {
		margin-top:55px;
	}
	#index-body .i-pro .i-pro-list .item .info {
		top:52%;
	}
	#index-body .i-about:before {
		width:33.333%;
		background-size:100% auto;
		top:-15px;
	}
	#index-body .i-about .container .i-about-top .play {
		max-width:100px;
	}
	#index-body .i-about {
		padding:160px 0 50px;
	}
	#index-body .i-tit img {
		max-height:58px;
	}
	#index-body .i-about .container .i-about-bottom .content {
		font-size:15px;
		line-height:24px;
		margin:20px 0 50px;
	}
	#index-body .i-about .container .i-about-bottom .list .grid-box .column img {
		max-height:72px;
	}
	#index-body .i-about .container .i-about-top {
		margin-bottom:30px;
	}
	#index-body .i-news .i-news-top .container .i-tit {
		margin-bottom:100px;
	}
	#index-body .i-news .i-news-top {
		margin-bottom:130px;
	}
	#index-body .i-news .i-news-bottom .i-tit {
		margin-bottom:60px;
	}
#index-body .i-news {
    background-size: 27% auto;
    background-position: right -20px bottom 15%;
}
	#index-body .i-news .i-news-bottom .list #inews .swiper-slide .info p:nth-of-type(1) {
		font-size:15px;
	}
	#index-body .i-news .i-news-bottom .list #inews .swiper-slide .info p:nth-of-type(2) {
		font-size:12px;
	}
	#index-body .i-news .i-news-bottom .list {
		margin-bottom:25px;
	}
	#index-body .i-news .i-news-bottom .cont-info .container .grid-box .column {
		font-size:21px;
	}
	#index-body .i-news .i-news-bottom .cont-info {
		padding:15px 0;
	}
	#index-body .i-news .i-news-bottom .list #inews .swiper-slide .info p:nth-of-type(3) {
		font-size:13px;
	}
	#footer .footer-top {
		padding:80px 0;
	}
	#footer .footer-top .container .item .logo img {
		max-height:50px;
	}
	#footer .footer-top .container .item .erweima img {
		width:100px;
	}
	#footer .footer-top .container .item .erweima .share i {
		font-size:15px;
		margin-right:10px;
	}
	#footer .footer-top .container .item .tit {
		font-size:22px;
	}
	#footer .footer-top .container .item:nth-of-type(2) ul li {
		font-size:15px;
	}
	#footer .footer-top .container .item:nth-of-type(3) ul li {
		font-size:15px;
		margin-bottom:17px;
	}
	#footer .footer-top .container .item:nth-of-type(4) ul li {
		font-size:15px;
		line-height:24px;
		padding-left:22px;
	}
	#footer .footer-top .container .item:nth-of-type(4) ul li i {
		top:4px;
	}
	#footer .footer-bottom .container p {
		font-size:12px;
	}
}

@media screen and (max-width: 1200px) {
    #header .header-right .bottom .menu-box .menu > li > a {
        font-size: 16px;
    }
    #header .header-right .top .lan a {
        font-size: 16px;
    }
    #index-body .i-pro .i-pro-list .item .info .inner p:nth-of-type(1) {
        font-size: 20px;
    }
    #index-body .i-pro .i-pro-list .item .info .inner p:nth-of-type(2) {
        font-size: 25px;
        margin: 20px 0;
    }
    #index-body .i-pro .i-pro-list .item .info .inner p:nth-of-type(3) {
        font-size: 20px;
        margin-bottom: 20px;
    }
    #index-body .i-about:before {
        display: none;
    }
}
@media (max-width: 992px) {
    #header {
        display: none;
    }
    #m-header-wrapper {
        display: block;
    }
    #index-banner {
        margin-top: 45px;
    }
    #index-body .i-about {
        padding: 60px 0;
    }
    #index-body .i-tit {
        font-size: 25px;
    }
    #index-body .i-about .container .i-about-bottom .content {
        font-size: 16px;
    }
    #index-body .i-about .container .i-about-bottom .list .grid-box .column p {
        font-size: 16px;
    }
    #index-body .i-news .i-news-bottom .list #inews {
        margin: 0;
    }
    #index-body .i-news .i-news-top .container .i-tit {
        margin-bottom: 80px;
    }
    #index-body .i-news .i-news-top {
        margin-bottom: 60px;
    }
    #index-body .i-news .i-news-bottom .i-tit {
        margin-bottom: 80px;
    }
    #index-body .i-news .i-news-bottom .cont-info .container .grid-box .column {
        width: 50%;
        font-size: 15px;
		text-align:left;
    }
    #footer .footer-top {
        padding: 60px 0;
    }
    #footer .footer-top .container .item {
        width: 100%!important;
        margin-bottom: 40px;
    }
    #footer .footer-top .container .item:last-of-type {
        margin-bottom: 0;
    }
    #footer .footer-top .container .item:nth-of-type(4) .tit {
        margin-left: 0;
    }
}
@media (max-width: 768px) {
    #index-body .i-pro .i-pro-list .item .img {
        width: 100%;
        float: none!important;
    }
    #index-body .i-pro .i-pro-list .item .info {
        width: 100%;
        position: static;
        transform: translateY(0);
        padding: 40px 0;
    }
    #index-body .i-news .i-news-bottom .list #inews .swiper-slide .img {
        width: 100%;
        float: none;
    }
    #index-body .i-news .i-news-bottom .list #inews .swiper-slide .info {
        width: 100%;
        float: none;
    }
	#index-body .i-news .i-news-bottom .list #inews .swiper-slide {
		border-right:none;
	}
	#index-body .i-news .i-news-bottom .list {
/* 		padding:0 15px; */
	}
    #footer .footer-top .container .item .erweima {
        display: none;
    }
}
@media (max-width: 576px) {
    #index-body .i-pro .i-pro-list .item .info .inner p:nth-of-type(1) {
        font-size: 16px;
    }
    #index-body .i-pro .i-pro-list .item .info .inner p:nth-of-type(2) {
        font-size: 20px;
        margin: 10px 0;
    }
    #index-body .i-pro .i-pro-list .item .info .inner p:nth-of-type(3) {
        font-size: 16px;
    }
    #index-body .i-about:after {
        height: 90%;
    }
    #index-body .i-about .container .i-about-bottom .content {
        margin: 40px 0;
    }
    #index-body .i-tit:after {
        width: 150px;
    }
    #index-body .i-about .container .i-about-bottom .list .grid-box .column {
        width: 50%;
    }
    #index-body .i-about .container .i-about-bottom .list .grid-box .column:nth-of-type(1),
    #index-body .i-about .container .i-about-bottom .list .grid-box .column:nth-of-type(2) {
        margin-bottom: 20px;
    }
    #index-body .i-about .container .i-about-top .play {
        width: 50px;
        margin: -25px -25px;
    }
    #index-body .i-news .i-news-bottom .cont-info .container .grid-box .column {
        width: 100%;
    }
    #footer .footer-top .container .item .tit {
        font-size: 20px;
    }
    #footer .footer-top .container .item ul li {
        font-size: 16px!important;
    }
	#footer .footer-bottom .container p {
		float:none;
		text-align:center;
	}
}

.inner-banner {
    position: relative;
    text-align: center;
	overflow:hidden;
}
.inner-banner .box {
	position:absolute;
	top:50%;
	left:0;
	width:100%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.inner-banner>img {
	min-height:300px;
}
.inner-banner .inner-tit {
    color: #fff;
    font-size: 2rem;
    text-transform: uppercase;
    font-family: roboto-light;
}
.inner-banner .now-tit{
    font-size: 20px;
    color: #fff;
}
.cat-box {
    width: 100%;
    text-align: center;
    background: #111;
}
.cat-box li {
    display: inline-block;
    font-family: roboto-bold;
    font-size: 1.3rem;
    margin: 0 25px;
    position: relative;
}
.cat-box li .children{
    position: absolute;
    width: 100%;
    left: 0;
    top: 100%;
    z-index: 100;
    background: #000;
    display: none;
}
.cat-box li:hover .children{
    display: block;
}
.cat-box li .children li{
    display: block;
    margin: 0;
}
.cat-box li .children li a{
    height: 50px;
    line-height: 50px;
}
.cat-box li a {
    color: #fff;
    display: block;
    padding: 0 34px;
    line-height: 99px;
    line-height: 99px;
    position: relative;
}
.cat-box li a:hover,
.cat-box li a.active {
    background: #e90101;
}
.cat-box li a:hover:after,
.cat-box li a.active:after {
    left: 0;
    width: 100%;
}
.pd-container {
    position: relative;
    padding: 0 6%;
}
.inner-page {
    background: #2a2a2a;
}
.inner-page.faq-page,
.inner-page.contact-page,
.inner-page.technology-page{
    margin-top: 0!important;
}
.about-page .a-con {
/*     padding: 100px 0 80px; */
    color: #fff;
    font-size: 16px;
}
.about-page .a-con .a-t-tit {
    color: #fff;
    font-size: 4.2rem;
    text-transform: uppercase;
    font-family: roboto-bold;
}
.about-page .a-con .a-t-subTit {
    font-size: 2.1rem;
    font-family: roboto-light;
    color: #b8b8b8;
    margin-top: 10px;
}
.about-page .a-con .a-t-con {
    margin-top: 46px;
}
.about-page .a-con .a-t-con p {
    color: #ccc;
    font-size: 14px;
    line-height: 30px;
}
.about-page .a-con .a-pic {
    text-align: right;
}
.about-page .a-con .a-pic img {
    display: inline-block;
    margin-top: 50px;
}
.about-page .a-con .a-con-bot {
    margin-top: 148px;
}
.about-page .a-con .a-con-bot .a-pic {
    text-align: left;
}
.about-page .a-con .a-con-bot .a-pic img {
    margin-top: 0;
}
.about-page .a-partner-honour {
    padding: 142px 0 163px;
    background: #1c1c1c;
}
.about-page .a-partner-honour .the_tit {
    margin-bottom: 53px;
    padding-left: 1rem;
}
.about-page .a-partner-honour .the_tit em {
    padding-right: 16px;
    color: #757575;
    font-size: 5.8rem;
    border-right: 3px solid #595959;
    display: inline-block;
    height: 45px;
    line-height: 45px;
}
.about-page .a-partner-honour .the_tit span {
    color: #fff;
    font-size: 3rem;
    text-transform: uppercase;
    margin-left: 23px;
    display: inline-block;
    vertical-align: text-bottom;
    padding-bottom: 10px;
}
.about-page .a-partner-honour .the_box {
    background: #252525;
    padding: 75px 44px 0;
    height: 641px;
    max-width: 768px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}
.about-page .a-advantage {
    padding: 133px 0 89px;
    background: #2a2a2a;
}
.about-page .a-advantage .tit {
    color: #fff;
    font-size: 4.8rem;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 94px;
}
.about-page .a-advantage .the_list .grid-box.two.column > .column {
    padding-right: 11px!important;
    padding-left: 11px!important;
    margin-bottom: 23px;
}
.about-page .a-advantage .the_list .grid-box.two.column > .column .inn-box {
    background: #1c1c1c;
    padding: 30px 10px 29px 28px;
    transition: 0.3s ease;
}
.about-page .a-advantage .the_list .grid-box.two.column > .column .inn-box .icon-box {
    padding-top: 11px;
}
.about-page .a-advantage .the_list .grid-box.two.column > .column .inn-box .con-box {
    width: 82%;
}
.about-page .a-advantage .the_list .grid-box.two.column > .column .inn-box .con-box h3 {
    color: #fff;
    font-size: 1.8rem;
    font-family: roboto-bold;
}
.about-page .a-advantage .the_list .grid-box.two.column > .column .inn-box .con-box p {
    font-size: 1.4rem;
    line-height: 24px;
    color: #727272;
    margin-top: 13px;
}
.about-page .a-advantage .the_list .grid-box.two.column > .column .inn-box:hover{
    background: #006dff;
}
.about-page .a-advantage .the_list .grid-box.two.column > .column .inn-box:hover .con-box p{
    color: #fff;
}
/*.product-page {
  padding: 90px 0 108px;
  overflow: hidden;
  position: relative;
}
.product-page #space{
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  height: 1700px!important;
}
.product-page>.container{
  z-index: 10;
}
.product-page .pro-list .grid-box.four > .column{
	padding: 10px;
}
.product-page .pro-list .grid-box.four > .column .inner{
	position: relative;
}
.product-page .pro-list .grid-box.four > .column .hwaq_img_btn_01 .imgBox img {
  transition: all 0.4s ease-out;
  max-width: 243px;
  margin: 0 auto;
}
.product-page .pro-list .grid-box.four > .column .proname{
	font-size: 22px;
	color: #fff;
	text-align: center;
	margin: 10px 0;
}
.product-page .pro-list .grid-box.four > .column .prolink{
	font-size: 16px;
	color: #fff;
	text-align: center;
}*/
.inner-page .inner-main-tit {
/*     height: 55px; */
    line-height: 55px;
    margin-bottom: 50px;
}
.inner-page .inner-main-tit .nowTit {
    font-family: Jura-SemiBold;
    font-size: 28px;
    position: relative;
    padding: 0;
    color: #ffedcb;
}
.inner-page .inner-main-tit .nowTit:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 180px;
    height: 1px;
    background: #e90101;
}
.inner-page .inner-main-tit .nowTit:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 180px;
    height: 1px;
    background: #e90101;
}
.inner-page .inner-main-tit .nowTit2 .h2 {
    font-family: Jura-SemiBold;
    font-size: 24px;
    color: #e90101;
    line-height: 28px;
	margin-top:8px;
}
.inner-page .inner-main-tit .nowTit2 .h2 a{
    font-size: 28px;
}
.inner-page .sidebar {
    width: 22%;
}
.inner-page .sidebar .side-top .side-tit {
    font-family: jura-light;
    color: #ffedcb;
    min-height: 62px;
    line-height: 62px;
    text-transform: capitalize;
    margin-bottom: 5px;
    padding-left: 20px;
    background: #000 no-repeat 80% bottom;
	font-size:24px;
}
.bg {
  background: #f1d4ba;
  background: -webkit-gradient(linear, 60deg, color-stop(0%,#f1d4ba), color-stop(15%,#f1d4ba), color-stop(30%,#8c5d4f), color-stop(60%,#f4e0bf), color-stop(100%,#f4e0bf)); /* 兼容Safari4-5, chrome1-9 */
  background: -moz-linear-gradient(120deg, #f1d4ba 0%,#f1d4ba 15%,#8c5d4f 30%,#f4e0bf 60%,#f4e0bf 100%); /* firefox */
  background: -webkit-linear-gradient(60deg, #f1d4ba 0%,#f1d4ba 15%,#8c5d4f 30%,#f4e0bf 60%,#f4e0bf 100%); /* chrome */
  background: -o-linear-gradient(120deg, #f1d4ba 0%,#f1d4ba 15%,#8c5d4f 30%,#f4e0bf 60%,#f4e0bf 100%); /* opera */
  background: -ms-linear-gradient(120deg, #f1d4ba 0%,#f1d4ba 15%,#8c5d4f 30%,#f4e0bf 60%,#f4e0bf 100%); /* ie */
  background: linear-gradient(60deg, #f1d4ba 0%,#f1d4ba 15%,#8c5d4f 30%,#f4e0bf 60%,#f4e0bf 100%); /* firefox */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1d4ba', endColorstr='#8c5d4f',GradientType=1)"; /* 兼容IE8~IE9 */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1d4ba', endColorstr='#8c5d4f',GradientType=1 ); /* 兼容IE5~IE9 */
	-webkit-background-clip: text;
	color: transparent;
	color: #f1d4ba\0;
	background: transparent\0;
}
.inner-page .sidebar .side-top .side-menu li > a {
    font-size: 15px;
    color: #a1a1a1;
    display: block;
    background: #000;
    margin-bottom: 2px;
    line-height: 36px;
    padding-left: 20px;
    transition: 0.6s ease;
    -webkit-transition: 0.6s ease;
    -moz-transition: 0.6s ease;
    -ms-transition: 0.6s ease;
    -o-transition: 0.6s ease;
    font-family: roboto-medium;
}
.inner-page .sidebar .side-top .side-menu li:hover > a {
	color:white;
    background: #e90101;
}
.inner-page .sidebar .side-pdf {
    padding: 20px;
    background: #000;
    margin: 12px 0;
}
.inner-page .sidebar .side-pdf h2,
.inner-page .sidebar .side-pdf p {
    color: #ffedcb;
    font-family: jura-light;
}
.inner-page .sidebar .side-pdf h2,
.inner-page .sidebar .side-pdf h2 a {
    color: #ffedcb;
font-size: 24px;
    font-family: jura-light;
}
.inner-page .sidebar .side-pdf h2,
.inner-page .sidebar .side-pdf #ewm2 {
	display:inline-block;
	vertical-align:middle;
}
.inner-page .sidebar .side-pdf #ewm2 {
	max-width:70px;
	border:3px solid #ffedcb;
	margin-left:20px;
	margin-top:10px;
}
.inner-page .sidebar .side-contact {
    padding: 20px;
    background: #000 url("../images/mail_03.jpg") no-repeat 80% bottom;
    margin-top: 20px;
}
.inner-page .sidebar .side-contact h2 {
    color: #ffedcb;
    font-size: 24px;
    font-family: jura-light;
}
.inner-page .sidebar .side-contact p {
    font-family: jura-light;
    font-size: 12px;
    color: #797979;
}
.inner-page .sidebar .side-contact h3 {
    color: #a1a1a1;
    font-size: 15px;
    font-family: roboto-medium;
}
.inner-page .sidebar .side-contact p.phone {
    padding-left: 25px;
    background: url("../images/phone.png") no-repeat left top;
    margin-bottom: 10px;
    font-size: 14px;
    font-family: roboto-medium;
}
.inner-page .sidebar .side-contact p.mail {
    background: url("../images/mail.png") no-repeat left top 4px;
}
.inner-page .page-rightBar {
    width: 75%;
}
.inner-page .page-rightBar .inner-main-box {
    padding-bottom: 100px;
}
.inner-page .page-rightBar .inner-main-box h2 {
    color: #e4c78f;
    font-size: 22px;
    margin-top: 40px;
    margin-bottom: 10px;
    font-family: Roboto;
}
.inner-page .page-rightBar .inner-main-box p {
    color: #9b9b9b;
    font-family: roboto-medium;
    font-size: 15px;
}
.inner-page .page-rightBar .inner-main-box .grid-box .column p {
    color: #b6b2a9;
}
.inner-page.product-page .inner-main-tit .nowTit2 .h2 {
	color:#ffedcb;
}
.inner-page .bread-crumbs {
    color: #fff;
    height: 40px;
    line-height: 40px;
	font-size:15px;
	color:#ffedcb;
}
.inner-page .bread-crumbs a {
    color:#ffedcb;
	transition:.5s;
}
.inner-page .bread-crumbs a:hover {
	color:white;
}
.inner-page .bread-crumbs a span {
    color:#ffedcb;
}
.inner-page {
    margin-top: 0!important;
    padding-top: 50px;
}
.inner-page .inner-main-tit .nowTit2 {
    padding-top: 5px;
    position: relative;
}
.inner-page .inner-main-tit .nowTit2:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -100px;
    width: 200px;
    height: 1px;
    background: #ffedcb;
}
.inner-page .inner-main-tit .nowTit2:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -100px;
    width: 200px;
    height: 1px;
    background: #ffedcb;
}
.product-page .prolist ul{
    margin: -10px;
}
.product-page .prolist ul li {
    width: 33.33%;
    float: left;
    padding: 10px;
}
.product-page .prolist ul li .img-box h2 {
    line-height: 40px;
    background: #1c1c1c;
    position: relative;
    z-index: 9;
    border-bottom: 1px solid #aaa;
}
.product-page .prolist ul li .img-box h2 .link {
    color: #a1a1a1;
}
.product-page .prolist ul li .img-box h2 .more {
    position: absolute;
    right: 0;
    top: 10px;
    width: 84px;
    height: 20px;
    display: block;
    line-height: 20px;
	background:#ffedcb;
	color: #1c1c1c;
    transition: 0.6s ease;
    -webkit-transition: 0.6s ease;
    -moz-transition: 0.6s ease;
    -ms-transition: 0.6s ease;
    -o-transition: 0.6s ease;
	z-index:1;
}
.product-page .prolist ul li .img-box h2 .more:after,
.product-page .prolist ul li .img-box h2 .more:before {
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	top:0;
  background: #dbbab0;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e7cdb6), color-stop(100%,#936953)); /* 兼容Safari4-5, chrome1-9 */
  background: -moz-linear-gradient(right, #e7cdb6 0%, #936953 100%); /* firefox */
  background: -webkit-linear-gradient(left, #e7cdb6 0%,#936953 100%); /* chrome */
  background: -o-linear-gradient(right, #e7cdb6 0%,#936953 100%); /* opera */
  background: -ms-linear-gradient(right, #e7cdb6 0%,#936953 100%); /* ie */
  background: linear-gradient(to right, #e7cdb6,#936953); /* firefox */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7cdb6', endColorstr='#936953',GradientType=1)"; /* 兼容IE8~IE9 */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7cdb6', endColorstr='#936953',GradientType=1 ); /* 兼容IE5~IE9 */
	z-index:-1;
}
.product-page .prolist ul li .img-box h2 .more:after {
	left:0;
}
.product-page .prolist ul li .img-box h2 .more:before {
	right:0;
}
.prodet-page {
	background:black;
}
.prodet-page .prodet-pics {
/*     background: url("../images/pro-bg2.jpg") center no-repeat; */
    background-size: cover;
	padding-bottom:40px;
	text-align:center;
}
.prodet-page .prodet-pics .layout-rowMain {
    width: 84%;
    max-width: 1600px;
    padding: 81px 0;
    margin: auto;
}
.prodet-page .prodet-pics .img {
	padding-right:15px;
}
.prodet-page .prodet-pics .text {
	padding-left:15px;
}
.prodet-page .prodet-pics .btn a{
	display:inline-block;
	color:#ffedcb;
	font-size:16px;
	position:absolute;
	top:50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
	z-index:1;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
	text-align:center;
}
.prodet-page .prodet-pics .btn a[rel="prev"] {
	left:15px;
}
.prodet-page .prodet-pics .btn a[rel="next"] {
	right:15px;
}
.prodet-page .prodet-pics .btn a img {
	display:block;
	margin:0 auto 5px;
}
.prodet-page .prodet-pics h3 {
	font-size:28px;
	color:white;
	font-weight:bold;
}
.prodet-page .prodet-pics .text .content {
	color:white;
	padding-top:40px;
	font-size:16px;
	line-height:28px;
}
.prodet-page ul.pro-item {
    display: flex;
    overflow: hidden;
    justify-content: center;
    align-items: center;
}
.prodet-page ul.pro-item > li {
    float: left;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    width: 33.3333%;
}
.prodet-page ul.pro-item > li .pro-photo {
    height: 550px;
    width: 100%;
    position: relative;
}
.prodet-page ul.pro-item > li .pro-photo img {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    max-height: 100%;
    bottom: 0;
    transform: translateY(20%);
    -webkit-transform: translateY(20%);
    -moz-transform: translateY(20%);
    -o-transform: translateY(20%);
    -ms-transform: translateY(20%);
    transition: opacity 0.3s ease-in-out, transform 0.3s ease 0.3s;
    opacity: 0;
    top: 0;
}
.prodet-page ul.pro-item > li .pro-photo .pro-show {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    line-height: 24px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    border: 1px solid #929292;
}
.prodet-page ul.pro-item > li .pro-photo .pro-show:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 2px;
    height: 12px;
    background-color: #929292;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
}
.prodet-page ul.pro-item > li .pro-photo .pro-show:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 12px;
    height: 2px;
    background-color: #929292;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
}
.prodet-page ul.pro-item > li .pro-photo .pro-show:hover:before{
    opacity: 0;
}
.prodet-page ul.pro-item > li.on {
    width: 240%!important;
}
.prodet-page ul.pro-item > li.on .pro-photo img {
    opacity: 1;
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transition: opacity 0.3s ease-in-out 0.3s, transform 0.3s ease 0.3s;
    -webkit-box-reflect: below 0 -webkit-linear-gradient(top, rgba(250, 250, 250, 0), rgba(250, 250, 250, 0) 50%, rgba(250, 250, 250, 0.12));
}
.prodet-page ul.pro-item > li.on .pro-photo .pro-show {
    opacity: 0;
}
.prodet-page ul.pro-item > li h4.word {
    text-align: center;
    color: #fff;
    font-size: 2.4rem;
    line-height: 36px;
    text-transform: uppercase;
    font-family: roboto-light;
}
.prodet-page ul.pro-item > li .pro-name {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    bottom: 0px;
    color: #fff;
    font-family: roboto-bold;
    font-size: 2.4rem;
    text-transform: uppercase;
    opacity: 0;
    transition: 0.4s ease;
}
.prodet-page ul.pro-item > li.on .pro-name {
    opacity: 1;
}
.prodet-page .proTit {
    text-transform: uppercase;
    color: #fff;
    font-size: 2rem;
    font-family: roboto-light;
    margin-bottom: 61px;
}
.prodet-page .prodet-con {
    padding: 121px 0 187px;
    background: #1e1e1f;
}
.prodet-page .prodet-con table {
	border:none;
	margin:15px 0;
	width:100% !important;
	color:white;
}
.prodet-page .prodet-con table tr:nth-child(odd) {
	background:#3d3d3d;
}
.prodet-page .prodet-con table tr:first-child {
	background:#ffedcb;
	color:black;
}
.prodet-page .prodet-con table td{
    padding: 10px 15px;
    color: inherit;
    border: 1px solid #3d3d3d;
	font-size:16px;
}
.prodet-page .prodet-con table td strong{
    font-weight: 500;
}
.prodet-page .prodet-recomm {
    padding: 63px 0 100px;
    background: #232323;
}
.prodet-page .prodet-recomm .hwaq_img_btn_01 {
    overflow: visible;
}
.prodet-page .prodet-recomm .hwaq_img_btn_01 > img {
    width: 100%;
/*     -webkit-box-reflect: below 0 -webkit-linear-gradient(top, rgba(250, 250, 250, 0), rgba(250, 250, 250, 0) 50%, rgba(250, 250, 250, 0.12)); */
}
.faq-page {
    padding: 130px 0;
    background: #1e1e1f;
}
.faq-page .faq-tit {
    padding-bottom: 22px;
    text-align: center;
    position: relative;
    font-size: 2.4rem;
    color: #fff;
    text-transform: uppercase;
}
.faq-page .faq-tit:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 61px;
    height: 2px;
    background: #034296;
}
.faq-page .faq-search {
    margin: 0 auto 30px;
}
.faq-page .faq-search > form {
    width: 100%;
    background: #383838;
    padding: 9px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}
.faq-page .faq-search > form input,
.faq-page .faq-search > form button {
    border: none;
    background: none;
    outline: none;
    color: #fff;
}
.faq-page .faq-search > form input {
    width: 93%;
    height: 52px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    background: #2a2a2a;
    padding: 0 15px;
}
.faq-page .faq-search > form button {
    font-size: 2.4rem;
    width: 6.6%;
}
.faq-page .faq-list {

    padding: 7px 0;
}
.faq-page .faq-list li {
    cursor: pointer;
    position: relative;
    margin-bottom: 20px;
    background: #383838  url("../images/faq-q-ico.png") no-repeat left top;
    padding: 0 14px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}
.faq-page .faq-list li,
.faq-page .faq-list li .faq-a,
.faq-page .faq-list li .icon {
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
}
.faq-page .faq-list li:last-child {
    margin-bottom: 0;
}
.faq-page .faq-list li .faq-a {
    padding: 10px 0;
    font-size: 1rem;
    color: #f8eacb;
}
.faq-page .faq-list li .faq-q {
    padding: 15px 10px;
    background: #f8eacb;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    display: none;
}
.faq-page .faq-list li .faq-q p {
    font-size: .9rem;
    color: #333;
}
.faq-page .faq-list li .icon {
    position: absolute;
    color: #616161;
    font-size: 1.8rem;
    right: 36px;
    top: 21px;
}
.faq-page .faq-list li.active {
    padding-bottom: 15px;
    background-color: #e90101;
    background-image: url("../images/faq-q-ico-h.png");
}
.faq-page .faq-list li.active .faq-a,
.faq-page .faq-list li.active .icon {
    color: #fff;
}
.news-page .new-list {
    padding-top: 100px!important;
}
.news-page .new-list li {
    padding-bottom: 52px;
    margin-bottom: 65px;
    border-bottom: 2px solid #777777;
}
.news-page .new-list li:last-child {
    margin-bottom: 0;
}
.news-page .new-list li .new-pic{
    width: 40%;
}
.news-page .new-list li .new-con{
    width: 60%;
    padding-left: 40px;
}
.news-page .new-list li .new-con .tit a {
    height: 48px;
    overflow: hidden;
    display: block;
    color: #ffedcb;
    font-size: 21px;
    line-height: 24px;
}
.news-page .new-list li .new-con .tit a:hover {
    color: #e90101;
}
.news-page .new-list li .new-con .abst {
    color: #ffedcb;
    font-size: 16px;
    line-height: 27px;
    margin: 35px 0 45px;
}
.news-page .new-list li .new-con .abst a {
    color: #e90101;
}
.news-page .new-list li .new-con .date span {
    color: #ffedcb;
}
.news-page .new-list li .new-con .date span:last-child {
    margin-left: 20px;
    text-transform: capitalize;
}
.news-page .new-list li:last-child {
    margin-bottom: 50px;
}
.newdet-page .news {
    padding: 50px 0 60px!important;
    color: #ffedcb;
}
.newdet-page .news .news_title h1 {
    padding-bottom: 10px;
    font-size: 20px;
    text-align: center;
    color: #ffedcb;
}
.newdet-page .news .news_date {
    text-align: center;
    line-height: 22px;
    border-bottom: 1px solid #555;
    padding-bottom: 5px;
}
.newdet-page .news .news_abst {
    border-bottom: 1px solid #555;
    padding: 10px 0;
}
.newdet-page .news .news_abst p {
    display: inline-block;
}
.newdet-page .news .news_contents {
    color: #ffedcb;
    line-height: 24px;
    clear: both;
    margin-top: 10px;
    border-bottom: 1px solid #555;
    padding: 20px 0 40px;
}
.newdet-page .news .news_contents a {
    color: #ffedcb;
    font-size: 16px;
    line-height: 24px;
}
.newdet-page .news .news_contents p,
.newdet-page .news .news_contents div,
.newdet-page .news .news_contents span,
.newdet-page .news .news_contents table {
    color: #ffedcb;
    font-size: 14px;
    line-height: 24px;
    clear: both;
}
.newdet-page .news .news_next {
    width: 99%;
    margin-top: 0px;
    padding-left: 5px;
    border-top: 0px solid #CCC;
    text-align: left;
    padding-top: 10px;
}
.newdet-page .news .news_next a {
    width: 100%;
    height: 25px;
    line-height: 25px;
    color: #ffedcb;
    font-size: 15px;
    margin-left: 5px;
}
.newdet-page .news .news_next a:hover {
    width: 100%;
    height: 25px;
    line-height: 25px;
    color: #ffedcb;
}
.newdet-page .news .newsnav {
    margin-bottom: 30px;
}
.contact-page .c-map {
    border: 1px solid #ccc;
}
.contact-page .c-info {
    padding: 60px 0 96px;
    background: #333;
}
.contact-page .c-info .c-tit h3 {
    color: #ffedcb;
    font-family: roboto-light;
    font-size: 2rem;
}
.contact-page .c-info .c-tit p {
    margin-top: -2px;
}
.contact-page .c-info .clist {
    margin-top: 30px;
    color: #ffedcb;
    font-size: 1.2rem;
    position: relative;
}
.contact-page .c-info .clist i {
    display: block;
    margin-bottom: 26px;
}
.contact-page .c-info .clist .qr-code {
    position: absolute;
    right: 1rem;
    bottom: 0;
    width: 145px;
    padding: 5px;
    background: #e9e9e9;
}
.f-feedback {
    background: url("../images/i-fb-bg.jpg") no-repeat center;
    padding: 60px 0;
}
.f-feedback .fb-tit {
    text-align: center;
    font-family: roboto-light;
}
.f-feedback .fb-tit h2,
.f-feedback .fb-tit p {
    color: #fff;
}
.f-feedback .fb-tit h2 {
    font-size: 2rem;
    font-family: roboto-light;
	color:#ffedcb;
}
.f-feedback .fb-tit p {
    font-size: 1.4rem;
    line-height: 24px;
    margin-top: 2px;
}
.f-feedback .form-box {
    font-family: lato-light;
    margin-top: 59px;
}
.f-feedback .form-box input,
.f-feedback .form-box textarea,
.f-feedback .form-box button {
    font-size: 1rem;
    display: block;
    width: 100%;
    background: #fbefd8;
    border: none;
    outline: none;
    resize: none;
    color: #444;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.f-feedback .form-box .form-head {
    margin-bottom: 20px;
}
.f-feedback .form-box .form-head input {
    padding: 0 26px;
    height: 46px;
}
.f-feedback .form-box .form-fot{
    margin-bottom: 20px;
}
.f-feedback .form-box .form-fot textarea {
    height: 85px;
    padding: 15px 26px;
}
.f-feedback .form-box .form-sub button {
    cursor: pointer;
    width: 166px;
    height: 46px;
    float: right;
    color: black;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
    background: red;
}
.f-feedback .form-box .form-sub button:before {
    background: #ffedcb;
}
.f-feedback .form-box .form-sub button:before,
.f-feedback .form-box .form-sub button:after {
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
}
.f-feedback .form-box .form-sub button:after {
    border-color: #262626;
    background: none;
}
.f-feedback .form-box .form-sub button:hover {
    color: #262626;
}
.f-feedback .form-box ::-webkit-input-placeholder {
    color: #aaaaaa;
}
.f-feedback .form-box :-moz-placeholder {
    color: #aaaaaa;
}
.f-feedback .form-box ::-moz-placeholder {
    color: #aaaaaa;
}
.f-feedback .form-box :-ms-input-placeholder {
    color: #aaaaaa;
}
.m-page {
    text-align: center;
    padding: 45px 0;
    font-size: 1rem;
    margin-top: 40px;
}
.m-page span,
.m-page a {
    margin: 0 1px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    display: inline-block;
    width: 28px;
    height: 28px;
    line-height: 28px;
    background-image: -moz-linear-gradient(top, #575e63, #404549);
    /* Firefox */
    background-image: -webkit-linear-gradient(top, #575e63, #404549);
    /* Saf4+, Chrome */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#575e63, endColorstr=#404549, GradientType='0');
    /* IE*/
    color: #fff;
}
.m-page a:hover,
.m-page .current,
.m-page .active {
    background-image: -moz-linear-gradient(top, #566f82, #3e505e);
    /* Firefox */
    background-image: -webkit-linear-gradient(top, #566f82, #3e505e);
    /* Saf4+, Chrome */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#566f82, endColorstr=#3e505e, GradientType='0');
    /* IE*/
}
@media  screen and (max-width: 1800px){

    #fpmenu li {
        -webkit-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
    }
    #fp-nav.right {
        right:25px !important;
    }
    #fpmenu li a span {
        left:0 !important;
        top:8px !important;
        font-size:12px !important;
    }
    #fpmenu li.active, #fpmenu li:hover {
        margin-bottom:30px;
    }

}

.lg-page.factory>.container{
    width: 100%!important;
    padding: 0!important;
}
.lg-page {
	padding-top:150px;
}
.lg-page .grid-box {
	margin:-10px;
}
.lg-page .hwaq_img_btn_01 {
	padding:10px;
}
.lg-page .hwaq_img_btn_01 h3 {
	line-height:40px;
	height:40px;
	background:#eee;
	color:#333;
	padding:0 15px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	font-size:18px;
	text-transform:capitalize;
}
.lg-page .hwaq_img_btn_01 .imgBox {
	position:relative;
}
.honour-page{
    padding: 80px 0;
}
.honour-page .hon-tit{
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 30px;
}
.honour-page .hon-cat{
    text-align: center;
    margin: 50px 0 70px;
}
.honour-page .hon-cat li{
    display: inline-block;
    margin: 0 20px;
}
.honour-page .hon-cat li a{
    color: #fff;
}
.honour-page .hon-list{
    position: relative;
}
.honour-page .hon-list .chevron{
    position: absolute;
    top: 48%;
    color: #b7c8dc;
    font-size: 24px;
    cursor: pointer;
    outline: none;
}
.honour-page .hon-list .chevron.left{
    left: 0;
}
.honour-page .hon-list .chevron.right{
    right: 0;
}
.honour-page .hon-list .slideBox{
    width: 55%;
    margin: 0 auto;
}

.network-box .load {
    position: absolute;
    width: 13px;
    height: 13px;
    background-color: transparent;
    border-radius: 100px;
}
.network-box .load.dot1{
    left: 154px;
    top: 164px;
}
.network-box .load.dot2{
    left: 229px;
    top: 108px;
}
.network-box .load.dot2:before{
    animation-delay: 0.6s;
}
.network-box .load.dot3{
    left: 329px;
    bottom: 208px;
}
.network-box .load.dot3:before{
    animation-delay: 0.4s;
}
.network-box .load.dot4{
    left: 43.6%;
    top: 82px;
}
.network-box .load.dot5{
    left: 49.3%;
    top: 180px;
}
.network-box .load.dot5:before{
    animation-delay: 1s;
}
.network-box .load.dot6{
    left: 52%;
    top: 121px;
}
.network-box .load.dot7{
    left: 55.3%;
    top: 100px;
}
.network-box .load.dot7:before{
    animation-delay: 0.8s;
}
.network-box .load.dot8{
    left: 59.4%;
    top: 137px;
}
.network-box .load.dot9{
    left: 62.6%;
    top: 180px;
}
.network-box .load.dot9:before{
    animation-delay: 0.3s;
}
.network-box .load.dot10{
    right: 28.8%;
    top: 182px;
}
.network-box .load.dot11{
    right: 27.1%;
    top: 182px;
}
.network-box .load.dot11:before{
    animation-delay: 1.2s;
}
.network-box .load.dot12{
    right: 24.7%;
    top: 111px;
}
.network-box .load.dot12:before{
    animation-delay: 0.5s;
}
.network-box .load.dot13{
    right: 22.2%;
    top: 130px;
}
.network-box .load.dot13:before{
    animation-delay: 0.7s;
}
.network-box .load.dot14{
    right: 21.3%;
    top: 117px;
}
.network-box .load.dot15{
    right: 22.7%;
    top: 237px;
}
.network-box .load:after,.network-box .load:before {
    width: 13px;
    height: 13px;
    background-color: white;
}
.network-box .animation-medium:before {
    z-index: 200;
    -webkit-animation: inner-ripple 3500ms linear infinite;
    -moz-animation: inner-ripple 3500ms linear infinite;
    animation: inner-ripple 3500ms linear infinite;
}
.network-box .load:after, .network-box .load:before {
    display: inline-block;
    margin: auto;
    position: absolute;
    content: "";
    width: 9px;
    height: 9px;
    border-radius: 100px;
    background-color: #fff;
    opacity: .8;
}
.contact-info {
	overflow:hidden;
}
.contact-info .c-info {
	padding-bottom:300px;
	margin-bottom:-300px;
	padding-left:25px;
	padding-right:25px;
	text-align:center;
}
.contact-info .c-info .text {
	display:inline-block;
	text-align:left;
	margin:0 auto;
}
@keyframes inner-ripple {
    0% {
        transform:scale(1);
        filter:alpha(opacity=50);
        opacity:0.8
    }
    30% {
        transform:scale(1);
        filter:alpha(opacity=50);
        opacity:0.5
    }
    100% {
        transform:scale(10.5);
        filter:alpha(opacity=0);
        opacity:0
    }
}
@-webkit-keyframes inner-ripple {
    0% {
        transform:scale(1);
        filter:alpha(opacity=50);
        opacity:0.8
    }
    30% {
        transform:scale(1);
        filter:alpha(opacity=50);
        opacity:0.5
    }
    100% {
        transform:scale(5.5);
        filter:alpha(opacity=0);
        opacity:0
    }
}
@-moz-keyframes inner-ripple {
    0% {
        transform:scale(1);
        filter:alpha(opacity=50);
        opacity:0.8
    }
    30% {
        transform:scale(1);
        filter:alpha(opacity=50);
        opacity:0.5
    }
    100% {
        transform:scale(5.5);
        filter:alpha(opacity=0);
        opacity:0
    }
}

.technology-page .pro-list{
    padding-top: 30px;
}
.technology-page .pro-list .hwaq_img_btn_01{
    width: 24%!important;
    margin: 0 1.33% 20px 0;
}
.technology-page .pro-list .hwaq_img_btn_01:nth-of-type(4n){
    margin: 0;
}

@media (max-width:1200px){
    .faq-page .faq-search{
        width: 100%;
    }
    .faq-page .faq-list{
        padding: 0;
    }
}

@media (max-width:992px){
    .inner-banner{
        margin-top: 45px;
    }
    .inner-banner .inner-tit{
        font-size: 25px;
    }
    .inner-banner .cat-box li{
        font-size: 16px;
        margin: 0;
    }
    .faq-page .faq-search > form input{
        width: 85%;
    }
    .contact-page .c-info .c-tit h3{
        font-size: 30px;
    }
    .contact-page .c-info .clist{
        font-size: 16px;
    }
	.inner-page .sidebar {
		display:none;
	}
	.inner-page .page-rightBar {
		width:100%;
		float:none;
	}
	.lg-page.factory.inner-page .page-rightBar {
		padding:0 15px !important;
	}
	.product-page .prolist ul li {
		width:50%;
	}
	.cat-box li a {
		line-height:40px;
	}
	.cat-box li {
		font-size:1rem;
	}
table {
  margin-bottom: 20px;
  word-break: break-word;
  width: 100% !important;
  height: auto !important;
  display: block;
  overflow: auto;
}
table tbody {
  display: table;
  width: 100% !important;
	min-width:500px;
	white-space:nowrap;
}
table td,
table th{
  padding: 5px 10px;
  width: auto !important;
  height: auto !important;
}
table tr {
  width: auto !important;
  height: auto !important;
}
	#index-body .i-pro .i-pro-list .item .info .inner {
		left:0;
	}
}

@media (max-width:576px){
    .inner-banner .cat-box{
        display: none;
    }
	.product-page .prolist ul li {
		width:100%;
	}
    .inner-page{
        margin-top: 0!important;
    }
    .faq-page .faq-tit{
        font-size: 25px;
    }
    .faq-page{
        padding: 60px 0;
    }
    .faq-page .faq-list li .faq-a{
        font-size: 20px;
    }
    .faq-page .faq-list li .faq-q p{
        font-size: 16px;
    }
    .prodet-page .proTit{
        font-size: 20px;
    }
    .f-feedback .fb-tit h2{
        font-size: 30px;
    }
    .f-feedback .form-box .form-head .column{
        margin-bottom: 20px;
    }
    .news-page .new-list li .new-pic{
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }
    .news-page .new-list li .new-con{
        width: 100%;
        float: none;
        padding: 0;
    }
    #mapContainer{
        height: 300px!important;
    }
	.inner-banner>img {
		min-height:200px;
	}
}