/* Public */
.flash img{ width:100%;}
.page{ background-color:#fff; padding:4.575% 0 4.875%;}
@media screen and ( max-width:1920px ){ 
    .page{ padding:6.025% 0 6.535%;}
}
@media screen and ( max-width:1024px ){ 
    .page{ padding-bottom:6.875%;}
}


/* About */
.about { position: fixed; left: 0; top: 0; z-index: 9; width: 100%; height: 100%; background: url(../Images/ysBg.jpg) no-repeat center; background-size: cover;}
.gs-bg { background-color: #fff; padding: 4.8% 0 6.5%;}
.gs-bg .gs-js { font-size: 24px; color: #333; line-height: 36px;}
.gs-bg .gs-ls { flex-wrap: wrap; margin-top: 4.75%;}
.gs-bg .gs-ls li { width: 31.5%;}
.gs-bg .gs-ls li img { width: 100%;}
.gs-bg .gs-ls li:nth-child(n+4) { margin-top: 2.75%;}
.gs-ys { background: none;}
@media (max-width: 1440px){
    .gs-bg .gs-js { font-size: 20px;}
}
@media (max-width: 1024px){
    .gs-bg .gs-js { font-size: 18px; line-height: 30px;}
}
@media (max-width: 640px){
    .gs-bg .gs-js { font-size: 16px; line-height: 28px;}
	.gs-bg .gs-ls li { width: 48.5%;}
    .gs-bg .gs-ls li:nth-child(n+3) { margin-top: 3%;}
}


/* Products */
.pv-wl { background-color: #f5f5f5; padding: 32px 0; font-size: 16px; color: #999; text-align: right;}
.pv-bg { background-color: #f5f5f5; padding-bottom: 4.875%;}
.pv-zb { width: 250px;}
.pv-zb h2 { display: block; font-family: 'Montserrat-Medium'; font-size: 24px; font-weight: normal; color: #fff; background-color: #000; padding: 12.5px 15px;}
.pv-zb div { background-color: #fff;}
.pv-zb div a { display: block; font-size: 16px; color: #333; line-height: 20px; padding: 10px 15px; -webkit-transition: all .3s ease; transition: all .3s ease;}
.pv-zb div a:hover, .pv-zb div a.nm { color:#fff; background-color: #ff8a00;}
.pv-yb { width: calc(100% - 325px);}
.pv-ls { flex-wrap: wrap; justify-content: flex-start;}
.pv-ls a { display: block; width: 31%; background-color: #fff; margin-right: 3.5%; -webkit-transition: all .3s ease; transition: all .3s ease;}
.pv-ls a:nth-child(3n) { margin-right: 0;}
.pv-ls a:nth-child(n+4) { margin-top: 3.5%;}
.pv-ls a div { overflow: hidden; margin: 25px;}
.pv-ls a div img { width: 100%; -webkit-transition: all .5s ease; transition: all .5s ease;}
.pv-ls a:hover div img { transform: scale(1.1,1.1);}
.pv-ls a h3 { font-family: 'Montserrat-Medium'; font-size: 24px; font-weight: normal; color: #fff; line-height: 30px; text-align: center; background-color: #999; height: 60px; display: flex; justify-content: center; flex-direction: column; padding: 0 25px; -webkit-transition:all .3s ease; transition:all .3s ease;}
.pv-ls a:hover h3 { color: #fff; background-color: #ff8a00;}

@media screen and (max-width: 1440px){ 
	.pv-ls a div { margin: 15px;}
    .pv-ls a h3 { font-size: 20px; line-height: 24px; height: 50px; padding: 0 15px;}
}
@media screen and (max-width: 1280px){ 
	.pv-zb { width: 200px;}
	.pv-yb { width: calc(100% - 250px);}
    .pv-ls a h3 { font-size: 18px; line-height: 22px; padding: 0 10px;}
}
@media screen and (max-width: 1024px){ 
	.pv-wl { padding: 23px 0; font-size: 14px; text-align: left;}
	.pv-zb { display: none;}
	.pv-yb { width: 100%;}
	.pv-ls a h3 { padding: 0 10px;}
}
@media screen and (max-width: 800px){ 
	.pv-ls a { width: 48.5%; margin-right: 3%;}
	.pv-ls a:nth-child(3n) { margin-right: 3%;}
	.pv-ls a:nth-child(2n) { margin-right: 0;}
	.pv-ls a:nth-child(n+3) { margin-top: 3%;}
	.pv-ls a h3 { font-size: 16px; line-height: 18px; height: 40px;}
}


/* ProductView */
.pv-xq { width: calc(100% - 325px); background-color: #fff; padding: 2%;}
.excel { border-collapse: collapse;}
.excel tr td { font-size: 14px; color: #333; text-align: center; padding: 10px 15px; border: 1px solid #e5e5e5;}
.excel tr:nth-of-type(1) td { font-family: 'Montserrat-Medium'; font-size: 18px; background-color: #f0f0f0;}
.pv-xq .pv-xq-nm { font-family: 'Montserrat-Medium'; font-size: 48px; color: #000;}
.pv-xq .pv-xq-ig { text-align: center; overflow: hidden; margin: 3.5% 0;}
.pv-xq .pv-xq-ig img { width: auto !important; max-width: 100%; height: auto !important;}
.pv-xq  .pv-xq-js img { width: auto !important; max-width: 100%; height: auto !important;}
.pv-xq .pv-xq-xy { margin-top: 3.5%;}
.pv-xq .pv-xq-xy a { display: block; font-size: 14px; padding: 10px 15px; border: 1px solid #e5e5e5; transition: all .3s ease;}
.pv-xq .pv-xq-xy a:hover { color: #fff; border-color: #ff8a00; background-color: #ff8a00;}

.pv-tj { background-color: #f5f5f5; padding: 4.6% 0 6%;}
.pv-tj h1 { font-family: 'Montserrat-SemiBold'; font-size: 60px; font-weight: normal; color: #000; text-align: center; margin-bottom: 4.4%;}
.pv-tj .pv-ls a { width: 22.375%;}
.pv-tj .pv-ls a:nth-child(3n) { margin-right: 3.5%;}
.pv-tj .pv-ls a:nth-child(4n) { margin-right: 0;}
.pv-tj .pv-ls a:nth-child(4) { margin-top: 0;}
.pv-tj .pv-ls a:nth-child(n+5) { margin-top: 3.5%;}

.table { border-collapse: collapse;}
.table tr { background-color: #ffc000; font-size: 16px; color: #000; text-align: center;}
.table tr:nth-child(1), .table tr:nth-child(2) { font-family: 'Montserrat-Medium'; background-color: #666; color: #fff;}
.table tr td { padding: 10px;}


@media screen and (max-width: 1440px){ 
	.pv-xq .pv-xq-nm { font-size: 36px;}
	.pv-tj h1 { font-size: 48px;}
}
@media screen and (max-width: 1280px){ 
	.pv-xq { width: calc(100% - 250px);}
}
@media screen and (max-width: 1024px){ 
	.pv-xq { width: 100%;}
	.pv-xq .pv-xq-nm { font-size: 30px;}
	.pv-tj h1 { font-size: 36px;}
}
@media screen and (max-width: 800px){ 
	.pv-tj .pv-ls a { width: 48.5%; margin-right: 3%;}
	.pv-tj .pv-ls a:nth-child(3n) { margin-right: 3%;}
	.pv-tj .pv-ls a:nth-child(2n) { margin-right: 0;}
	.pv-tj .pv-ls a:nth-child(n+3) { margin-top: 3%;}
}
@media screen and (max-width: 640px){ 
	.pv-xq { padding: 3.5%;}
	.pv-xq .pv-xq-nm { font-size: 24px;}
	.pv-tj h1 { font-size: 30px;}
	.pv-xq .pv-xq-xy { margin-top: 35px;}
    .pv-xq .pv-xq-xy a { padding: 5px 10px;}
}


/* Order */
.ms-ly { background-color: #fff; padding: 4.4% 0 5.2%;}
.ms-ly h1 { font-family: 'Montserrat-SemiBold'; font-size: 60px; font-weight: normal; color: #000; text-align: center; margin-bottom: 4.4%;}
.ms-ly ul { display: flex; justify-content: space-between; flex-wrap: wrap;}
.ms-ly ul li { width: 48.75%;}
.ms-ly ul li:nth-child(n+2) { margin-top: 2.5%;}
.ms-ly ul li:nth-child(1), .ms-ly ul li:nth-child(6) { width: 100%;}
.ms-ly ul li:nth-child(7) { width: 30%; margin: 5% auto 0;}
.ms-ly ul li .ms-in { display: block; width: 100%; height: 40px; font-size: 16px; color: #666; padding: 0 15px; border: none; background-color: #f9f9f9; border-radius: 5px;}
.ms-ly ul li:nth-child(1) .ms-in { background-color: #fff3e4;}
.ms-ly ul li .ms-tx { display: block; width: 100%; height: 175px; font-size: 16px; color: #666; padding: 10px 15px; outline: none; resize: none; border: none; background-color: #f9f9f9; border-radius: 5px;}
.ms-ly ul li .ms-sb { display: block; width: 100%; height: 48px; font-family: 'Montserrat-Medium'; font-size: 18px; color: #fff; border: none; cursor: pointer; background-color: #ff8a00; border-radius: 5px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.ms-ly ul li .ms-sb:hover { background-color: #333;}

@media screen and (max-width: 1440px){ 
    .ms-ly h1 { font-size: 48px;}
}
@media screen and (max-width: 1024px){ 
    .ms-ly h1 { font-size: 48px;}
}
@media screen and (max-width: 640px){ 
    .ms-ly h1 { font-size: 30px;}
    .ms-ly ul li { width: 100%;}
    .ms-ly ul li:nth-child(n+2) { margin-top: 15px;}
    .ms-ly ul li:nth-child(7) { width: 100%; margin: 15px auto 0;}
    .ms-ly ul li .ms-in { height: 36px; font-size: 14px; padding: 0 10px;}
    .ms-ly ul li .ms-tx { height: 125px; font-size: 14px; padding: 10px;}
    .ms-ly ul li .ms-sb { height: 40px; font-size: 16px;}
}


/* Download */
.xz-bg { background: url(../Images/flBg.jpg) no-repeat center; background-size: cover; padding: 5.85% 0 7.05%;}
.xz-ls { margin-top: 5%; padding-bottom: 4.6%;}
.xz-ls a { width: 48.5%; height: 60px; line-height: 60px; background-color: #fff; padding: 0 20px; -webkit-transition: all .3s ease; transition: all .3s ease;}
.xz-ls a:hover { background-color: #ff8a00;}
.xz-ls a dl { font-size: 18px; color: #333; -webkit-transition: all .3s ease; transition: all .3s ease;}
.xz-ls a:hover dl { color: #fff;}
.xz-ls a p { width: 32px; height: 60px; background: url(../Images/xz01.png) no-repeat center; background-size: 32px 24px; -webkit-transition: all .3s ease; transition: all .3s ease;}
.xz-ls a:hover p { background-image: url(../Images/xz02.png);}

@media screen and (max-width: 1024px){ 
    .xz-ls { flex-wrap: wrap;}
	.xz-ls a { width: 100%; height: 50px; line-height: 50px; padding: 0 15px;}
    .xz-ls a dl { font-size: 16px;}
    .xz-ls a p { width: 24px; height: 50px; background-size: 24px 18px;}
}
@media screen and (max-width: 480px){ 
	.xz-ls a { height: 40px; line-height: 40px; padding: 0 10px;}
    .xz-ls a dl { font-size: 14px;}
    .xz-ls a p { height: 40px;}
}


/* News */
.xw-bg { background-color: #fff; padding: 4.8% 0 6.5%;}
.xw-bg .xw-js h1 { font-size: 48px; color: #000;}
.xw-bg .xw-js .xw-in { font-size: 18px; color: #666; margin: 12px 0 37px;}
.xw-bg .xw-js .xw-in span { margin: 0 7.5px;}
.xw-bg .xw-js .xw-tx { font-size: 22px; color: #333; line-height: 36px;}
.xw-bg .xw-js .xw-nt{ margin-top: 5%;}
.xw-bg .xw-js .xw-nt a { display: block; font-size: 18px; padding: 15px 25px; border: 1px solid #e5e5e5; transition: all .3s ease;}
.xw-bg .xw-js .xw-nt a:hover { color: #fff; border-color: #ff8a00; background-color: #ff8a00;}

@media screen and (max-width: 1440px){ 
	.xw-bg .xw-js h1 { font-size: 36px;}
	.xw-bg .xw-js .xw-in { font-size: 16px;}
	.xw-bg .xw-js .xw-tx { font-size: 18px; line-height: 36px;}
	.xw-bg .xw-js .xw-nt a { font-size: 16px; padding: 10px 15px;}
}
@media screen and (max-width: 1024px){ 
	.xw-bg .xw-js h1 { font-size: 30px;}
	.xw-bg .xw-js .xw-tx { font-size: 16px; line-height: 28px;}
	.xw-bg .xw-js .xw-nt a { font-size: 14px;}
}
@media screen and (max-width: 640px){ 
	.xw-bg .xw-js h1 { font-size: 24px;}
	.xw-bg .xw-js .xw-in { margin: 12px 0 25px;}
	.xw-bg .xw-js .xw-nt{ margin-top: 6.5%;}
	.xw-bg .xw-js .xw-nt a { padding: 5px 10px;}
}


/* Page Page */
.flip { display: table; margin: 5.25% auto 0; clear: both;}
.flip a { display: block; float: left; width: 30px; height: 30px; line-height: 28px; margin: 2.5px; border: 1px solid #e5e5e5; cursor: pointer; font-size: 16px; color: #999; text-align: center; -webkit-transition: all .3s ease; transition: all .3s ease;}
.flip a:hover, .flip a.pgNt { color: #fff; border-color: #ff8a00; background-color: #ff8a00;}
.flip a.pgNt:hover { color: #fff;}
.flip a.pgCn { width: auto; padding: 0 7.5px;}
.flip a.pgJt { font-family: "SimSun", "NSimSun", "FangSong"; color: #a0a0a0;}
@media screen and ( max-width:640px ){
.flip { margin-top: 5%;}
.flip a { width: 28px; height: 28px; line-height: 26px; font-size: 14px;}
.flip a.pgCn { padding: 0 7.5px;}
}


/* Service */
.fw-bg { background-color: #fff; padding: 4.8% 0 6.5%;}
.fw-bg .fw-js { font-size: 24px; color: #333; line-height: 36px;}
.fw-ls { flex-wrap: wrap; margin-top: 4.75%;}
.fw-ls a { display: block; width: 100%; background-color: #f8f8f8;}
.fw-ls a:nth-child(n+2) { margin-top: 5.3%;}
.fw-ls a:nth-child(2n) ul { flex-direction: row-reverse;}
.fw-ls ul { align-items: center;}
.fw-ig { width: 50%;}
.fw-ig img { width: 100%;}
.fw-tx { width: 50%; padding: 0 5%;}
.fw-tx h3 { font-family: 'Montserrat-Medium'; font-size: 36px; font-weight: normal; color: #000;}
.fw-tx p { font-size: 20px; color: #333; line-height: 36px; margin-top: 15px;}

@media (max-width: 1440px){
    .fw-bg .fw-js { font-size: 20px;}
	.fw-tx h3 { font-size: 30px;}
	.fw-tx p { font-size: 18px; line-height: 32px;}
}
@media (max-width: 1024px){
	.fw-bg .fw-js { font-size: 18px; line-height: 30px;}
    .fw-tx h3 { font-size: 24px;}
    .fw-tx p { font-size: 16px; line-height: 28px;}
}
@media (max-width: 640px) {
	.fw-bg .fw-js { font-size: 16px; line-height: 28px;}
    .fw-ls ul { flex-wrap: wrap;}
    .fw-ig { width: 100%;}
    .fw-tx { width: 100%; padding: 3% 4%;}
    .fw-tx p { margin-top:8px;}
}


/* Contact */
.beijing { position: fixed; left: 0; top: 0; z-index: 9; width: 100%; height: 100%; background: url(../Images/contact-02.jpg) no-repeat center; background-size: cover;}
.beirong { position: absolute; left: 0; top: 0; z-index: 99; width: 100%; height: auto;}
.lx-bg { background-color: #fff; padding: 4.6% 0 6.5%;}
.lx-bg .lx-tx h1 { font-family: 'Montserrat-SemiBold'; font-size: 60px; font-weight: normal; color: #000; text-align: center; margin-bottom: 4.4%;}
.lx-bg .lx-tx ul { flex-wrap: wrap;}
.lx-bg .lx-tx ul li { width: 22.9375%; padding: 3%; text-align: center; border-radius: 5px; background-color: #f8f8f8; cursor: pointer; -webkit-transition: all .5s ease; transition: all .5s ease;}
.lx-bg .lx-tx ul li:hover { background-color: #ff8a00;}
.lx-bg .lx-tx ul li:nth-child(1), .lx-tx ul li:nth-child(2) { width: 48.625%;}
.lx-bg .lx-tx ul li:nth-child(n+3) { margin-top: 2.75%;}
.lx-bg .lx-tx ul li dl { width: 60px; height: 60px; overflow: hidden; margin: auto;}
.lx-bg .lx-tx ul li dl img { display: block; width: 100%; height: 100%;}
.lx-bg .lx-tx ul li:hover dl img:nth-child(1) { margin-top: -60px;}
.lx-bg .lx-tx ul li h3 { font-family: 'Montserrat-Medium'; font-size: 24px; font-weight: normal; color: #000; margin: 20px 0 6px; -webkit-transition: all .3s ease; transition: all .3s ease;}
.lx-bg .lx-tx ul li:hover h3 { color: #fff;}
.lx-bg .lx-tx ul li p { font-size: 18px; color: #333; line-height: 24px; -webkit-transition: all .3s ease; transition: all .3s ease;}
.lx-bg .lx-tx ul li:hover p { color: #fff;}

.lx-ly { padding: 4.6% 0 6.5%;}
.lx-ly h1 { font-family: 'Montserrat-SemiBold'; font-size: 60px; font-weight: normal; color: #fff; text-align: center; margin-bottom: 4.4%;}
.lx-ly ul { display: flex; justify-content: space-between; flex-wrap: wrap;}
.lx-ly ul li { width: 48.75%;}
.lx-ly ul li:nth-child(n+3) { margin-top: 2.5%;}
.lx-ly ul li:nth-child(5) { width: 100%;}
.lx-ly ul li:nth-child(6) { width: 30%; margin: 5% auto 0;}
.lx-ly ul li .ms-in { display: block; width: 100%; height: 40px; font-size: 16px; color: #666; padding: 0 15px; border: none; background-color: rgba(255,255,255,.75); border-radius: 5px;}
.lx-ly ul li .ms-tx { display: block; width: 100%; height: 175px; font-size: 16px; color: #666; padding: 10px 15px; outline: none; resize: none; border: none; background-color: rgba(255,255,255,.75); border-radius: 5px;}
.lx-ly ul li .ms-sb { display: block; width: 100%; height: 48px; font-family: 'Montserrat-Medium'; font-size: 18px; color: #fff; border: none; cursor: pointer; background-color: #ff8a00; border-radius: 5px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.lx-ly ul li .ms-sb:hover { background-color: #333;}

@media screen and (max-width: 1440px){ 
    .lx-bg .lx-tx h1 { font-size: 48px;}
	.lx-bg .lx-tx ul li h3 { margin: 20px 0 5px;}
	.lx-bg .lx-tx ul li p { font-size: 16px; line-height: 24px;}
	.lx-ly h1 { font-size: 48px;}
}
@media screen and (max-width: 1280px){ 
    .lx-bg .lx-tx ul li { width: 48.625%;}
}
@media screen and (max-width: 1024px){ 
    .beijing { background-image: url(../Images/contact-03.jpg);}
    .lx-bg .lx-tx h1 { font-size: 36px;}
    .lx-bg .lx-tx ul li dl { width: 50px; height: 50px;}
	.lx-bg .lx-tx ul li:hover dl img:nth-child(1) { margin-top: -50px;}
    .lx-bg .lx-tx ul li h3 { font-size: 20px; margin: 16px 0 6px;}
    .lx-ly h1 { font-size: 36px;}
}
@media screen and (max-width: 640px){ 
	.lx-bg .lx-tx h1 { font-size: 30px;}
    .lx-bg .lx-tx ul li { width: 100%; padding: 25px 10px;}
	.lx-bg .lx-tx ul li:nth-child(1), .lx-tx ul li:nth-child(2) { width: 100%;}
    .lx-bg .lx-tx ul li:nth-child(n+2) { margin-top: 3.5%;}
    .lx-bg .lx-tx ul li dl { width: 36px; height: 36px;}
	.lx-bg .lx-tx ul li:hover dl img:nth-child(1) { margin-top: -36px;}
    .lx-bg .lx-tx ul li h3 { margin: 14px 0 3px;}
    
	.lx-ly h1 { font-size: 30px;}
    .lx-ly ul li { width: 100%;}
    .lx-ly ul li:nth-child(n+2) { margin-top: 15px;}
    .lx-ly ul li:nth-child(6) { width: 100%; margin: 15px auto 0;}
    .lx-ly ul li .ms-in { height: 36px; font-size: 14px; padding: 0 10px;}
    .lx-ly ul li .ms-tx { height: 125px; font-size: 14px; padding: 10px;}
    .lx-ly ul li .ms-sb { height: 40px; font-size: 16px;}
}