@charset "utf-8";
/* CSS Document */
html {max-width:640px;margin:0 auto;}
/*header css*/
body { min-width: 320px;max-width:640px; overflow-x: hidden; position:static !important;}
.bt { -moz-transition: background 0.3s linear 0s; -webkit-transition: background 0.3s linear 0s; transition: background 0.3s linear 0s; }
.ot { -moz-transition: opacity 0.3s linear 0s; -webkit-transition: opacity 0.3s linear 0s; transition: opacity 0.3s linear 0s; }
.translateXY { -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.translateY { -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.translateX { -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.contentBox { -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
.borderBox { -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.popMenus {  width: 100%;height:100%; position: fixed; left: 0; top: 0; bottom: 0; right: 0; overflow: hidden; background-color: #3f4754;-moz-transition:all .6s ease-out 0s;-webkit-transition:all .6s ease-out 0s;transition:all .6s ease-out 0s;-moz-transform:translateX(-100%);-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%);z-index:200}
.popMenus.show{-moz-transform:translateX(0);-webkit-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);}
.pop_title { width: 100%; position: relative; z-index: 2; background-color: #2e3642; padding: 0 3%; }
.pop_title span { display: inline-block; float: left; font-size: 3.0rem; line-height: 2.66; color: #6a7380; }
.closePopMenu { display: block; width: 49px; height: 47px; right: 3%; top: 50%; }
.menuContainer { width: 100%; height: 100%; }
.menuNavs { width: 25.3%; background-color: #2e3642; height: 100%; float: left; overflow: hidden; position: relative; }
.menuNavs ul { position: absolute;width:100%;/* Prevent elements to be highlighted on tap */ -webkit-tap-highlight-color: rgba(0,0,0,0); /* Put the scroller into the HW Compositing layer right from the start */
-webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); padding-bottom:80px;}
.menuNavs ul li { width: 100%; font-size: 2.6rem; line-height: 2.57; padding-left: 9%; }
.menuNavs ul li.on { background-color:#3f4754;}
.menuNavs ul a { display: block; width: 100%; height: 100%; color: #fff; }
.menuContents {width:74.7%;height:100%;overflow:hidden;float:left;padding:0 6%;}
.menuContent {width:100%;height:100%;overflow:hidden;}
.menuLists {padding-bottom:80px;}
.menuList h4 {font-size:2.4rem;color:#fff;line-height:1.83;border-bottom:1px solid #525c6b;margin-top:2%;font-weight:normal;}
.menuList .links {padding:3% 0.5%;}
.menuList .links a{display:block;float:left;color:#a9a9a9;font-size:2.2rem;line-height:2.2;width:33%;overflow:hidden;}

.menuList .links a.hot:after {content:'';position:absolute;width:9px;height:11px; background:url(/commonJs/images/h.png) no-repeat;top:0;right:-1px;}
.menuList .links a.hot.active:after {-webkit-animation:shake .4s linear 0s 1;animation:shake .4s linear 0s 1;}


@-webkit-keyframes shake{
		0%,10%,20%{
				-webkit-transform:translateY(0px);
				transform:translateY(0px);
			}
		5%,15% {
				-webkit-transform:translateY(-3px);
				transform:translateY(-3px);
			}
	}
@keyframes shake{
		0%,10%,20%{
				-webkit-transform:translateY(0px);
				transform:translateY(0px);
			}
		5%,15% {
				-webkit-transform:translateY(-3px);
				transform:translateY(-3px);
			}
	}


.indexAnli {width:100%;overflow:hidden;}
.indexAnli .hd {z-index:1;left:0;bottom:37%;width:100%;text-align:center;}
.indexAnli .hd li{display:inline-block;width:8px;height:8px; background-color:#FFF;margin:0 7px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.indexAnli .hd li.on{background-color:#d70a50;}
.indexAnli .focus {width:100%;background-color:#fff;}
.indexAnli .focus em {float:left;position:relative;padding:1% 0;}
.indexAnli .focus em img {-moz-transition: transform 0.3s ease-out 0s;-webkit-transition: transform 0.3s ease-out 0s;transition: transform 0.3s ease-out 0s;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;}
.indexAnli .focus em.active:after  {content:'';position:absolute;width:0;height:0;border-color: transparent transparent #fff transparent;border-width:8px;border-style:solid;left:50%;top:-16px;margin-left:-6px;}
.indexAnli .focus em.active img{-moz-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);transform:scale(1.2,1.2);}
.indexAnli .focus em img {display:block;width:75%;margin:0 auto;}
.indexAnli .focus em p {font-size:2.4rem;text-align:center;line-height:2;}
.export_teamSlides .focus {z-index:1;left:0;bottom:2%;width:100%;text-align:center;}
.export_teamSlides .focus span {display:inline-block;width:16px;height:16px; background-color:#FFF;margin:0 7px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.export_teamSlides .focus span.on { background-color:#d70a50;}


.back_link a{display:block;width:100%;font-size:2.9rem;line-height:2.75; background-color:#FFF;text-align:center;color:#2e3642;position:relative;z-index:2;-moz-box-shadow:0 0px 7px  rgba(34,23,20,.5);-webkit-box-shadow:0 0px 7px  rgba(34,23,20,.5);box-shadow:0 0px 7px  rgba(34,23,20,.5);}
.note-tabs {width:100%; background-color:#6a7380;position:relative;top: 0;left: 0;z-index:9;overflow: hidden;}
.note-tabs a {display:block;width:50%;float:left;font-size:3.0rem;text-align:center;line-height:2.66;color:#2e3642;}
.note-tabs a.on { background-color:#FFF;}
.noteSlides .slide {width:100%;float:left;}
.note-tabs.sticky{position:sticky;position:-webkit-sticky;}
.note-tabs.fixed{ position: fixed;}
.ssrjBox {width:100%;padding:8% 3.5%;}
.zxLogs h6 {font-size:5rem;color:#222;text-align:center;line-height:3;}
.ssrjBox:nth-child(2n){ background-color:#e6e6e8;}
.ssrjBox .touxiang {width:13.4%;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;overflow: hidden;}
.ssrjBox .txt {width:85%;}
.ssrjBox .title {font-size:2.6rem;color:#2e3642;line-height:1.6;}
.recommond_items {margin:2% 0;}
.recommond_items em {display:inline-block;float:left;width:32px;height:32px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;overflow: hidden;}
.recommond_items  p {float:left;font-size:2.5rem;line-height:1.24;color:#6a7380;margin-left:1%;}
.recommond_items  p a{color:#6a7380;}
.ssrjBox .img {display:block;width:100%;margin-top:4%;}
.ssrjBox .img img {width:31%;float:left;margin-right:3.5%;}
.ssrjBox .img img:last-child {margin-right:0;}
.realStoryBox {width:96%;margin:0 auto;}
.realStoryBox dl {margin:3% auto 0;float:left;width:100%;}
.realStoryBox dl dt{padding:6% 0;}
.realStoryBox dl dt .touxiang {width:18%;}
.realStoryBox dl dt .txt {width:80%;}
.realStoryBox dl dt .txt h4 {font-size:5rem;line-height:1.3;color:#3d3f4b;font-weight:normal;}
.gallaryLists,.gallaryImgSlides {width:100%;overflow:hidden;}
.gallaryLists .slides .imgBox {width:488px;float:left;padding:0 14px;}
.gallaryLists .slides .imgBox img {width:460px;}
.slide_gallary {padding-bottom:40px;}
.gallary_buwei h4 {font-size:4.0rem;line-height:1.6;width:41.4%;padding-left:6%;font-weight:normal;position:relative;color:#fff;margin:22px 0 16px 2.1%;}
.gallary_buwei h4:after {content:'';position:absolute;left:10%;bottom:14%;width:80%;height:30%;-moz-box-shadow:0 0 4px 16px rgba(1,1,1,.52);-webkit-box-shadow:0 0 4px 16px rgba(1,1,1,.52);box-shadow:0 0 4px 16px rgba(1,1,1,.52); background-color:rgba(1,1,1,.52);z-index:-1;-moz-transform:rotate(2deg);-ms-transform:rotate(2deg);-o-transform:rotate(2deg);-webkit-transform:rotate(2deg);transform:rotate(2deg);-moz-transform-origin:right bottom;-webkit-transform-origin:right bottom;transform-origin:right bottom;}
.yanbu h4 { background-color:#716bbe;}
.bibu h4 { background-color:#003567;}
.mianbu h4 { background-color:#a286c0;}
.xingti h4 { background-color:#d70a50;}
.mianbunianqinghua h4 { background-color:#2e3642;}
.pifu h4 { background-color:#ff6005;}
.maofa h4 { background-color:#00b5ff;}
.kouqiang h4 { background-color:#947d53;}
.weizhengxing h4 { background-color:#7f5058;}
.xiongbu h4 { background-color:#ff0707;}


.pageTitle {width:100%;padding:6% 3%; background-color:#e6e6e8;}
.pageTitle dl {width:100%;}
.pageTitle dl dd {width:14.3%;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;overflow:hidden;float:left;}
.pageTitle dl dt{width:82%;float:right;}
.pageTitle dl h4 {font-size:4.0rem;line-height:1.4;color:#2e3642;font-weight:normal;}
.pageTitle dl p {font-size:2.4rem;color:#6a7380;line-height:1.6;}
.ssrjPageContent {width:100%;padding:0 3%; background-color:#FFF;}
.pageTxt {padding:5% 0 2%;}
/*.pageTxt h4{width:252px;height:64px;font-size:4rem;line-height:1.6;color:#fff;padding-left:4%; background:url(/commonJs/images/pageTitleBg.jpg) no-repeat left center;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%;font-weight:normal;margin-bottom:2%;}*/

.pageTxt h4{padding:0 6% 0 4%;display:inline-block; background-color:#6b7380;font-size:4rem;line-height:1.6;color:#fff;text-align:center; font-weight:normal;margin-bottom:2%;position:relative;border-radius:8px;}
.pageTxt h4:after {content:'';position:absolute;width:48px;height:48px; background-color:#6b7380;right:-18px;top:8px;border-radius:8px;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.pageTxt h4:before {content:'';position:absolute;width:12px;height:12px;border-radius:50%; background-color:#FFF;top:50%;margin-top:-6px;right:0;z-index:2;}

.pageTxt p {font-size:2.4rem;line-height:1.8;color:#6a7380}
.pageTxt img {margin-top:2%;}


/*** banner/s ****/  
.bannerSlides,.anli_slides,.export_slides {width:100%;min-width:320px;overflow:hidden;}
.bannerSlides li,.anli_slides li {width:100%;height:100%;float:left;overflow:hidden;}
.bannerSlides li a,.anli_slides li a {display:block;width:100%;height:100%;}
.bannerSlide_container a {position:relative;}
.bannerSlide_foncus {left:0;bottom:2%;width:100%;height:15px;overflow:hidden;text-align:center;}
.bannerSlide_foncus span,.anliSlide_foncus span {display:inline-block;width:15px;height:100%; background:url(../images/focusBtn.png) no-repeat;margin:0 9px;cursor:pointer;}
.bannerSlide_foncus span.active,.anliSlide_foncus span.active { background:url(../images/focusActiveBtn.png) no-repeat;}
.bannerSlide_foncus span,.anliSlide_foncus span {-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%;}
.bannerSlide_foncus span.active,.anliSlide_foncus span.active {-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%;}

.zjPic{ margin:30px auto;}
.zjPic a{ display: block; width: 96.3%; margin: 0 auto;}
.zjPic a img{ width: 100%;}

.newNav ul{ width: 100%; }
.newNav ul li{ width: 25%; float: left; text-align: center; margin-bottom: 30px;}
.newNav ul li span{ display: block; width: 50.7%; margin: 0 auto;}
.newNav ul li span img{ width: 100%; border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;-moz-box-shadow:0px 0px 20px #FFE9DE; -webkit-box-shadow:0px 0px 20px #FFE9DE; box-shadow:0px 0px 20px #FFE9DE;}
.newNav ul li b{ display: block; color: #595959; font-size: 2rem; line-height: 220%; font-weight: normal;}

.newNav li:nth-child(1) span,.newNav li:nth-child(11) span,.newNav li:nth-child(8) span{animation: heart 1.2s ease-in-out 0.3s infinite alternate;}
.newNav li:nth-child(2) span,.newNav li:nth-child(6) span{animation: heart 2s ease-in-out 0.8s infinite alternate;}
.newNav li:nth-child(3) span,.newNav li:nth-child(5) span,.newNav li:nth-child(7) span,.newNav li:nth-child(10) span{animation: heart 1.6s ease-in-out 1s infinite alternate;}
.newNav li:nth-child(4) span,.newNav li:nth-child(9) span{animation: heart 1.4s ease-in-out 0.6s infinite alternate;}

@keyframes heart{
from{transform:translate(0,0)}
to{transform:translate(0,8px)}
}
.gray{ width: 92.5%; margin:0 auto; background: #eeeeee; height: 10px; clear: both;}
.starXm{width:96.25%; float:right;zoom:1; overflow:hidden; margin-top:30px;margin-bottom:30px; position:relative;}

.starXm ul{width:100%;}
.starXm h2{ color: #595959; font-size: 2.4rem; margin-bottom:30px;}

.starXm ul li{ width: 47.11%; float:left; margin-right:2%!important;}
.starXm ul li img{ width: 100%;}
.starXm .swiper-pagination{ display:none;}

.trademark{ margin: 30px auto;}
.trademark ul{zoom: 1;overflow: hidden;}
.trademark ul li{ width: 49%; float: left; margin-right: 2%; margin-bottom: 2%; position: relative;}
.trademark ul li img{ width: 100%;}
.trademark ul li:nth-child(2n){ margin-right: 0;}
.trademark ul li:nth-child(3),.trademark ul li:nth-child(4){ margin-bottom: 0;}
.trademark ul li h3{ position: absolute; color: #fff; font-size: 2.6rem; top: 8%; left: 6.8%; font-weight:normal;}
.trademark ul li span{position: absolute; display: block; color: #fff; font-size: 2.4rem;left: 6.8%; top: 21.5%;}

.footer{ margin-top: 30px; padding-bottom: 160px;} 
.footer p{ color: #595959; text-align: center; font-size: 2rem; line-height: 160%;}

.footer .address{ width: 92.5%; margin:0 auto; margin-bottom: 2%; position:relative;}
.footer .address img{width:100%;}
.footer .address a{ position:absolute; display:block; width:97.6%;height:24.8%; left:1.2%; top:43.8%;}



@media screen and (min-width:320px) and (max-width:359px){
	/*0.5*/
html {font-size:31.25%;}
.activities .clockContainer,.activities .youhuiPrice {padding-left:17px;}
.activities .clockContainer:before,.activities .youhuiPrice:before {width:12px;height:12px;}
.bannerSlide_foncus span,.anliSlide_foncus span{width:7.5px;height:7.5px;margin:0 4.5px;}
.zjPic{ margin:15px auto;}

@keyframes heart{
from{transform:translate(0,0)}
to{transform:translate(0,4px)}
}
.gray{ height: 5px;}
.trademark{ margin: 15px auto;}
.starXm{ margin-top: 15px;margin-bottom: 15px;}
.starXm h2{ margin-bottom: 15px;}


.footer{ margin-top: 15px;padding-bottom: 80px;}
}
@media screen and (min-width:360px) and (max-width:409px){
/*0.56*/
html {font-size:35%;}
.activities .clockContainer,.activities .youhuiPrice {padding-left:19px;}
.activities .clockContainer:before,.activities .youhuiPrice:before {width:13px;height:13px;}
.bannerSlide_foncus span,.anliSlide_foncus span{width:8px;height:8px;margin:0 5px;}
.zjPic{ margin:17px auto;}

@keyframes heart{
from{transform:translate(0,0)}
to{transform:translate(0,4.5px)}
}
.gray{ height: 5.6px;}
.trademark{ margin: 16.8px auto;}
.starXm{ margin-top: 16.8px;margin-bottom: 16.8px;}
.starXm h2{ margin-bottom: 16.8px;}


.footer{ margin-top: 16.8px;padding-bottom: 90px;}
}
@media screen and (min-width:410px) and (max-width:639px){
/*0.64*/
html {font-size:40%;}
.activities .clockContainer,.activities .youhuiPrice {padding-left:22px;}
.activities .clockContainer:before,.activities .youhuiPrice:before {width:15px;height:15px;}
.bannerSlide_foncus span,.anliSlide_foncus span{width:9px;height:9px;margin:0 6px;}
.zjPic{ margin:20px auto;}

@keyframes heart{
from{transform:translate(0,0)}
to{transform:translate(0,5px)}
}
.gray{ height: 6.4px;}
.trademark{ margin: 19.2px auto;}
.starXm{ margin-top: 19.2px;margin-bottom:19.2px; }
.starXm h2{ margin-bottom: 19.2px;}


.footer{ margin-top: 19.2px;padding-bottom: 102px;}
}



.fixNav{max-width: 640px;width:100%; height: 96px;  background-repeat: no-repeat; background-size:100%; background-color:#000;  margin: 0 !important;padding: 0 !important;position: fixed;bottom: 0;z-index: 99;overflow: visible !important;display: block;}
.fixNav ul{width: 100%; }
.fixNav ul li{ width: 18.7%; float: left; margin-top: 2.5%;}
.fixNav ul li.f-ico3{ margin-left: 24.3%;}
.fixNav ul li span{ display: block; width: 33.3%; margin: 0 auto;}
.fixNav ul li span img{ width: 100%;}
.fixNav ul li b{ font-weight: normal; font-size: 2rem; display: block; text-align: center; color: #ff9e31; line-height: 160%;}
.fixNav ul .f-ico4 span{ position: relative;}
.fixNav ul .f-ico4 i{ display: block; position: absolute; top: -1%; right: -25%; width: 20px; height: 20px;line-height: 20px; font-size: 1.6rem; background: #ff0001; text-align: center; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; color: #fff; text-align: center; font-style: normal;animation: bounce .5s infinite;}
@keyframes bounce{
	from{transform: translateY(0px);}
	to{transform: translateY(-4px);}
}
@-moz-keyframes bounce{
	from{transform: translateY(0px);}
	to{transform: translateY(-4px);}
}
@-ms-keyframes bounce{
	from{transform: translateY(0px);}
	to{transform: translateY(-4px);}
}
@-webkit-keyframes bounce{
	from{transform: translate(0px);}
	to{transform: translate(-4px);}
}
.fixNav ul .f-zxCen{ width: 20.9%; position: absolute; left: 39.3%; bottom: 0;
-webkit-animation-name:'blow';
-webkit-animation-duration: 2.5s;
-webkit-animation-timing-function: ease; 
-webkit-animation-delay: 0s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
}
@keyframes blow {
 0%{transform: scale(1);  /*开始为原始大小*/}
25%{transform: scale(0.9); /*放大1.1倍*/}
50%{transform: scale(1);}
75%{transform: scale(0.9);}
}
.fixNav ul .f-zxCen img{ width: 100%;}
@media screen and (min-width:320px) and (max-width:359px){
/*0.5*/
.fixNav{ height: 48px;}
.fixNav ul .f-ico4 i{width: 10px; height: 10px;line-height: 10px;}
.newNav ul li{ margin-bottom: 15px;}
}	
@media screen and (min-width:360px) and (max-width:409px){
/*0.56*/
.fixNav{ height: 53.7px;}
.fixNav ul .f-ico4 i{width: 11.2px; height: 11.2px;line-height: 11.2px;}
.newNav ul li{ margin-bottom: 16.8px;}
}
@media screen and (min-width:410px) and (max-width:639px){
/*0.64*/
.fixNav{ height: 61.4px;}
.fixNav ul .f-ico4 i{width: 12.8px; height: 12.8px;line-height: 12.8px;}
.newNav ul li{ margin-bottom: 19.2px;}
}