.wrap{ width:1200px; margin:0 auto;}
.ani{
	opacity:0;
	-webkit-transition:all 1s 0.2s;
	   -moz-transition:all 1s 0.2s;
	    -ms-transition:all 1s 0.2s;
	        transition:all 1s 0.2s;
	}
.ani.ani-active{
	opacity:1;
	-webkit-transform:translate(0,0) scale(1,1) !important;
	   -moz-transform:translate(0,0) scale(1,1) !important;
	    -ms-transform:translate(0,0) scale(1,1) !important;
	        transform:translate(0,0) scale(1,1) !important;
	}
	
/* header & footer start */
.header{
	
	z-index:200;
	
	height:105px;
	background:#fff; z-index:9999;
	-webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.2);
	   -moz-box-shadow: 0 1px 10px rgba(0,0,0,0.2);
	    -ms-box-shadow: 0 1px 10px rgba(0,0,0,0.2);
		 -o-box-shadow: 0 1px 10px rgba(0,0,0,0.2);
			box-shadow: 0 1px 10px rgba(0,0,0,0.2);
}
.header .logo{ float:left; margin-top:11px; width:600px;}
.about{ width:1200px; margin:o auto;}
.biaoti{ padding:50px 0; text-align:center;}
.biaoti h1{ font-size:36px; line-height:60px;}
.biaoti p{ font-size:24px; color:#999}
.info{ color:#666; font-size:18px; padding-bottom:50px;}
.search{ width:414px; height:44px; position:absolute; left:50%; top:18px; margin-left:-207px;}
.header_fr{ float:right; height:102px; line-height:102px; width:300px;} 
.header_fr li{ width:120px; float:left; text-align:center; font-size:14px;}
.search .txt{ width:330px; height:20px; padding:12px 15px; line-height:20px; font-size:14px; background:#f5f5f5; color:#181314; display:block; float:left; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; border-radius:5px;} 
.search .txt::-webkit-input-placeholder{ color:#999;}
.search .txt:-moz-placeholder {color:#999;}
.search .txt::-ms-input-placeholder{ color:#999;}
.search .btns{ width:44px; height:44px; display:block; float:right; background:#047cf6; color:#fff; cursor:pointer; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; border-radius:5px;}
.search .btns .icon-ny-sousuo{ width:24px; height:24px; display:block; margin:10px auto; font-size:24px;}
.quick{ width:240px; height:80px; float:right;}
.quick li{ width:80px; float:left;}
.quick li .tap{ padding:13px 0; font-size:14px; background:#f5f5f5; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s;}
.quick li .tap:after{ content:''; position:absolute; right:0; top:50%; margin-top:-24px; height:48px; width:1px; background:#ddd;}
.quick li:last-child .tap:after{ display:none;}
.quick li .tap:hover{ background:#9fd3fb; color:#FFF;}
.quick li .iconfont{ width:30px; height:30px; display:block; margin:0 auto; font-size:30px; color:#0086d2; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; transition:all 1s;}
.quick li .tap:hover .iconfont{ color:#FFF; -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg);}
.quick li p{ height:24px; line-height:24px; font-size:14px; text-align:center; color:#666; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s;}
.quick li .tap:hover p{ color:#FFF;}
.quick:hover .tap:after{ display:none;}
.menu-box{ position: fixed; left:0; right:0; top:80px; z-index:301; height:55px; background:#f5f5f5;}
.menu-box .title{ display:none;}
.h-nav{ display:none;}
.menu{ float:left; height:55px; margin-left:28px;}
.menu .item{ float:left; margin-left:50px;}
.menu .item .name{ display:block; height:55px; line-height:55px; font-size:16px; position:relative;}
.menu .item .expand{ display:none;}
.menu .item .name:after{ content:''; position:absolute; left:50%; right:50%; bottom:0; height:3px; background:#047cf6; opacity:0; visibility:hidden; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s;}
.menu .active .name{ color:#047cf6;}
.menu .current .name:after,.menu .active .name:after,.menu .name:hover:after{ left:0; right:0; opacity:1; visibility:visible;}
.menu-box .tel{ width:240px; float:right; height:55px; line-height:55px; font-size:24px; color:#0086d2; text-align:center; position:relative;}
.menu-box .tel .icon-ny-dianhua{ width:30px; height:30px; display:inline-block; vertical-align:middle; font-size:30px; margin:-2px 5px 0 0;}
.sub-box{
	position:absolute;
	left:0;
	right:0;
	top:55px;
	background:#f5f5f5;
	padding:50px 0 80px;
	visibility:hidden;
	opacity:0;
	z-index:1;
	-webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.1);
	   -moz-box-shadow: 0 5px 5px rgba(0,0,0,0.1);
	   	-ms-box-shadow: 0 5px 5px rgba(0,0,0,0.1);
		 -o-box-shadow: 0 5px 5px rgba(0,0,0,0.1);
			box-shadow: 0 5px 5px rgba(0,0,0,0.1);
	}
.menu .current .sub-box{ visibility:visible; opacity:1; z-index:2; 	-webkit-transition:all 0.1s; -moz-transition:all 0.1s; -ms-transition:all 0.1s; transition:all 0.1s;}
.sub-menu{ width:120px; float:left; margin-left:160px; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s; -webkit-transform: translateX(80px); -moz-transform: translateX(80px); -ms-transform: translateX(80px); transform: translateX(80px); opacity:0; visibility:hidden;}
.sub-menu li{ height:30px; line-height:30px; font-size:14px;}
.sub-menu li .tap{ padding-left:15px;}
.sub-menu li .tap:before{ content:''; position:absolute; left:0; top:50%; width:4px; height:4px; display:block; margin-top:-2px; background:#047cf6;}
.sub-ads{ width:258px; height:172px; padding:10px; background:#fff; float:left; position:relative; -webkit-border-radius:10px; -moz-border-radius:10px;  -ms-border-radius:10px; border-radius:10px; -webkit-box-shadow:0px 1px 10px rgba(0,0,0,0.05); -moz-box-shadow:0px 1px 10px rgba(0,0,0,0.05); -ms-box-shadow:0px 1px 10px rgba(0,0,0,0.05); box-shadow:0px 1px 10px rgba(0,0,0,0.05);  -webkit-transition:all 0.5s 0.2s; -moz-transition:all 0.5s 0.2s; -ms-transition:all 0.5s 0.2s; transition:all 0.5s 0.2s; -webkit-transform: translateX(80px); -moz-transform: translateX(80px); -ms-transform: translateX(80px); transform: translateX(80px); opacity:0; visibility:hidden;}
.sub-ads img{ width:258px; height:172px;}
.sub-ads .tap:after{ content:''; position:absolute; z-index:1; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.25); -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s;}
.sub-ads .tap:hover:after{ background:rgba(0,0,0,0.75);}
.sub-ads .btns{ width:126px; height:38px; line-height:38px; text-align:center; color:#FFF; border:#fff 1px solid; font-size:14px; display:block; position:absolute; z-index:2; left:50%; top:50%; margin:-20px 0 0 -64px;  -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s;}
.sub-ads .tap:hover .btns{ background:rgba(255,255,255,0.25);}
.sub-content{ width:350px; height:192px; overflow:hidden; float:left; margin-left:40px; line-height:24px; font-size:14px; -webkit-transition:all 0.5s 0.4s; -moz-transition:all 0.5s 0.4s; -ms-transition:all 0.5s 0.4s; transition:all 0.5s 0.4s; -webkit-transform: translateX(80px); -moz-transform: translateX(80px); -ms-transform: translateX(80px); transform: translateX(80px); opacity:0; visibility:hidden;}
.sub-content .info{ height:40px; line-height:40px; padding-left:34px; position:relative;}
.sub-content .info .iconfont{ width:24px; height:24px; font-size:24px; display:block; position:absolute; left:0; top:50%; margin-top:-12px; color:#047cf6;}
.sub-goods{ width:780px; float:left;}
.sub-goods li{ width:220px; float:left; padding-right:40px; -webkit-transition:all 0.5s 0.4s; -moz-transition:all 0.5s 0.4s; -ms-transition:all 0.5s 0.4s; transition:all 0.5s 0.4s; -webkit-transform: translateX(80px); -moz-transform: translateX(80px); -ms-transform: translateX(80px); transform: translateX(80px); opacity:0; visibility:hidden;}
.sub-goods li:nth-child(2){ -webkit-transition-delay:0.6s; -moz-transition-delay:0.6s; -ms-transition-delay:0.6s; transition-delay:0.6s;}
.sub-goods li:nth-child(3){ -webkit-transition-delay:0.8s; -moz-transition-delay:0.8s; -ms-transition-delay:0.8s; transition-delay:0.8s;}
.sub-goods .tap{ width:180px; padding:20px; background:#fff; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; border-radius:10px;}
.sub-goods .imgbox{ position:relative; overflow:hidden;}
.sub-goods .imgbox img{ -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; border-radius:10px;}
.sub-goods .imgbox:before{ font-family:"iconfont" !important; content: "\e779"; position:absolute; z-index:2; left:50%; top:50%; margin:-24px 0 0 -24px; color:#FFF; width:48px; height:48px; font-size:48px; line-height:48px; display:block; opacity:0; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s; -webkit-transform:scale(0.25,0.25); -moz-transform:scale(0.25,0.25); -ms-transform:scale(0.25,0.25); transform:scale(0.25,0.25);} 
.sub-goods .tap:hover .imgbox:before{ opacity:1; -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1); transform:scale(1,1);}
.sub-goods .imgbox:after{ content:''; position:absolute; z-index:1; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0); -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; border-radius:10px; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s;}
.sub-goods .tap:hover .imgbox:after{ background:rgba(0,0,0,0.25);}
.sub-goods .tit{ font-size:18px; line-height:30px; text-align:center; margin-top:15px;}
.sub-news{ width:380px; float:left; height:100px; padding:15px; background:#FFF; margin-right:40px; -webkit-border-radius:10px; -moz-border-radius:10px;  -ms-border-radius:10px; border-radius:10px; -webkit-box-shadow:0px 1px 10px rgba(0,0,0,0.05); -moz-box-shadow:0px 1px 10px rgba(0,0,0,0.05); -ms-box-shadow:0px 1px 10px rgba(0,0,0,0.05); box-shadow:0px 1px 10px rgba(0,0,0,0.05); -webkit-transition:all 0.5s 0.2s; -moz-transition:all 0.5s 0.2s; -ms-transition:all 0.5s 0.2s; transition:all 0.5s 0.2s; -webkit-transform: translateX(80px); -moz-transform: translateX(80px); -ms-transform: translateX(80px); transform: translateX(80px); opacity:0; visibility:hidden;}
.menu .sub-news:nth-child(3){-webkit-transition:all 0.5s 0.4s; -moz-transition:all 0.5s 0.4s; -ms-transition:all 0.5s 0.4s; transition:all 0.5s 0.4s; }
.sub-news .imgbox{ width:150px; height:100px; float:left;}
.sub-news .content{ width:210px; float:right;}
.sub-news .content .tit{ height:30px; line-height:30px; font-size:14px; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.sub-news .content .dsp{ height:40px; line-height:20px; overflow:hidden;}
.sub-news .content .date{ line-height:30px; color:#999;}
.sub-video{ width:240px; height:160px; padding:10px; background:#fff; float:left; margin-right:40px; position:relative; -webkit-border-radius:10px; -moz-border-radius:10px;  -ms-border-radius:10px; border-radius:10px; -webkit-box-shadow:0px 1px 10px rgba(0,0,0,0.05); -moz-box-shadow:0px 1px 10px rgba(0,0,0,0.05); -ms-box-shadow:0px 1px 10px rgba(0,0,0,0.05); box-shadow:0px 1px 10px rgba(0,0,0,0.05);  -webkit-transition:all 0.5s 0.2s; -moz-transition:all 0.5s 0.2s; -ms-transition:all 0.5s 0.2s; transition:all 0.5s 0.2s; -webkit-transform: translateX(80px); -moz-transform: translateX(80px); -ms-transform: translateX(80px); transform: translateX(80px); opacity:0; visibility:hidden;}
.sub-video:nth-child(3){ -webkit-transition:all 0.5s 0.3s; -moz-transition:all 0.5s 0.3s; -ms-transition:all 0.5s 0.3s; transition:all 0.5s 0.3s;}
.sub-video:nth-child(4){ -webkit-transition:all 0.5s 0.4s; -moz-transition:all 0.5s 0.4s; -ms-transition:all 0.5s 0.4s; transition:all 0.5s 0.4s;}
.sub-video img{ width:240px; height:160px;}
.sub-video .tap:after{ content:''; position:absolute; z-index:1; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.5);-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s;}
.sub-video .tap:hover:after{ background:rgba(0,0,0,0.75);}
.sub-video .icon-ny-video{ width:60px; height:60px; font-size:60px; display:block; position:absolute; z-index:2; color:#FFF; left:50%; top:50%; margin:-30px 0 0 -30px; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s;}
.sub-video .tap:hover .icon-ny-video{ -webkit-transform:scale(1.5,1.5); -moz-transform:scale(1.5,1.5); -ms-transform:scale(1.5,1.5); transform:scale(1.5,1.5);}
.menu .current .sub-menu,
.menu .current .sub-ads,
.menu .current .sub-content,
.menu .current .sub-goods li,
.menu .current .sub-news,
.menu .current .sub-video
{ opacity:1; visibility:visible; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}
	
/*--------------页面通用底部------------*/

.footer{ padding:35px 0; border-bottom:1px solid #fff; background:#333;}
.footer .inner{ width:1200px; margin:0 auto; color:#fff;}
.footer .foot_t{ padding-bottom:30px; border-bottom:1px solid #555; margin-bottom:30px; width:1150px; overflow:hidden; margin:0 auto;}
.footer .foot_t ul{width:1160px;}
.footer .foot_t li{ float:left; height:135px; border-right:1px solid #555;}
.footer .foot_t li h3{ font-size:18px; text-align:center; margin-bottom:42px;}
.footer .foot_t li p{ font-size:14px;}
.footer .foot_t .li1{ width:207px;}
.footer .foot_t .li1 .abox{ width:186px; padding-left:20px; padding-top:7px;}
.footer .foot_t .li1 a{ display:block; float:left; color:#fff; margin:0 25px 25px 0; font-size:14px;}
.footer .foot_t .li1 a:hover{ text-decoration:underline;}
.footer .foot_t .li2{ width:302px; }
.footer .foot_t .li2 h3{ margin-bottom:14px;} 
.footer .foot_t .li2 p{ text-align:center; margin-bottom:14px;}
.footer .foot_t .li2 .imgbox{ width:302px;  height:115px; margin:0 auto; text-align:center;}
.footer .foot_t .li2 .imgbox img{ width:100px; height:100px; margin:0 auto;  }
.footer .foot_t .li3{ width:371px;}
.footer .foot_t .li3 .txtbox{ width:236px; padding-left:38px; height:115px;}
.footer .foot_t .li3 .txtbox p{ line-height:40px;}
.footer .foot_t .li4{ width:267px;}
.footer .foot_t .li4 .abox{ width:232px; padding-left:35px; padding-top:15px; overflow:hidden;}
.footer .foot_t .li4 .abox a{ display:block; float:left; width:96px; text-align:center; height:36px; line-height:36px; font-size:14px; color:#fff; background:#ff5858; border-radius:8px; margin:0 10px 25px 0;}
.footer .foot_t .li4 .abox a:hover{ background:#fff; color:#333;}
.footer .foot_t .li4 .abox .color{ background:#3e9bd3;}
.footer .foot_t .li4 .abox .color:hover{  background:#fff; color:#333;}
.footer .foot_b{padding-top:20px;}
.footer .foot_b p{  line-height:24px; text-align:center;}

/* header & footer end */
#mfocus .swiper-slide{ width:100%;  position:relative; overflow:hidden; height:400px; }
#mfocus .swiper-slide .imgbox{ position:absolute;  z-index:1; width:100%; height:400px;}
#mfocus .swiper-slide .bann01{background:url(../image/bann01.jpg) no-repeat center top;}
#mfocus .swiper-slide .bann02{background:url(../image/bann02.jpg) no-repeat center top;}
#mfocus .swiper-slide .bann03{background:#fcbc27 url(../image/bann03.jpg) no-repeat center top;}
#mfocus .swiper-pagination{ width:1200px; left:50%; margin-left:400px; text-align:left; bottom:50px;}
#mfocus .swiper-pagination-bullet {width:51px; height:3px; background:#ffffff; opacity:1; border-radius:0;}
#mfocus .swiper-pagination-bullet-active{background:#047cf6; opacity:1;}

.about-area{ height:600px; background:url(../image/about-bg.gif) repeat-y center top;}
.about-area .l-box{ width:400px; height:370px; padding:115px 0; float:left; z-index:2; position:relative;}
.about-area .title{ position:relative; height:90px; -webkit-transform:translateX(-80px); -moz-transform:translateX(-80px); -ms-transform:translateX(-80px); transform:translateX(-80px);}
.about-area .title:after{ content:''; position:absolute; left:0; bottom:0; width:48px; height:3px; background:#FFF;}
.about-area .title .chs{ line-height:1; font-size:36px; color:#000;}
.about-area .title .ens{ line-height:1; font-size:18px; color:#fff; margin-top:15px;}
.about-area .l-box .ads-img{ width:220px; height:260px; padding:10px; margin-top:40px; background:#efe6e2; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; border-radius:10px; -webkit-transform:translateX(-80px); -moz-transform:translateX(-80px); -ms-transform:translateX(-80px); transform:translateX(-80px);}
.about-area .l-box .ads-img img{ width:220px; height:260px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; border-radius:5px;}
.about-area .submenu{ width:50px; height:370px; position: absolute; right:35px; top:115px; -webkit-transform:translateX(-80px); -moz-transform:translateX(-80px); -ms-transform:translateX(-80px); transform:translateX(-80px); -webkit-transition-delay:0.4s; -moz-transition-delay:0.4s; -ms-transition-delay:0.4s; transition-delay:0.4s;}
.about-area .submenu .item{width:50px; height:50px; margin-bottom:30px;}
.about-area .submenu .tap{ width:50px; height:50px; overflow:hidden; background:#efe6e2; color:#047cf6; display:block; -webkit-border-radius:50px; -moz-border-radius:50px; -ms-border-radius:50px; border-radius:50px; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s;}
.about-area .submenu .iconfont{ width:50px; height:50px; display:block; float:left; font-size:30px; color:#047cf6; text-align:center; line-height:50px; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s;}
.about-area .submenu p{ float:left; height:50px; line-height:50px; margin-left:8px; font-size:18px; color:#FFF; opacity:0; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s; -webkit-transform:translateX(60px); -moz-transform:translateX(60px); -ms-transform:translateX(60px); transform:translateX(60px);}
.about-area .submenu .tap:hover,.about-area .submenu .active .tap{ width:160px; background:#047cf6; color:#fff;}
.about-area .submenu .tap:hover p,.about-area .submenu .active .tap p{ opacity:1; -webkit-transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);}
.about-area .submenu .tap:hover .iconfont,.about-area .submenu .active .tap .iconfont{ color:#FFF; -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg);}
.about-area .r-box{ width:800px; height:600px; float:right; background:#f7f7f7;}
.about-area .r-box .content{ width:630px; height:460px; padding:30px 35px; background:#FFF; float:right; margin-top:40px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; border-radius:10px; -webkit-transform:translateX(80px); -moz-transform:translateX(80px); -ms-transform:translateX(80px); transform:translateX(80px);}
.about-area .scrollBox{width:650px; height:440px; overflow:hidden; position:relative;}
.about-area .r-box .text-box{ width:630px; line-height:24px; font-size:14px; color:#022446;}
.about-area .r-box .text-box img{ max-width:100%;}
.business-area{ height:460px; padding:100px 0; background:url(../image/business-area.jpg) no-repeat center fixed;}
.business-area .title{ position:relative; text-align:center; color:#FFF; padding-bottom:10px; -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -ms-transform:translateY(100px); transform:translateY(100px);}
.business-area .title:after{ content:''; position:absolute; left:50%; bottom:0; width:48px; margin-left:-24px; height:3px; background:#FFF;}
.business-area .title .chs{ line-height:1; font-size:36px; letter-spacing:5px;}
.business-area .title .ens{ line-height:1; font-size:16px; margin-top:18px; text-transform:uppercase;}
.business-list{ margin-top:40px;}
.business-list .item{ width:300px; float:left; padding:0 50px; -webkit-transform:scale(0.25,0.25); -moz-transform:scale(0.25,0.25); -ms-transform:scale(0.25,0.25); transform:scale(0.25,0.25);}
.business-list .item:nth-child(2){ -webkit-transition-delay:0.4s; -moz-transition-delay:0.4s; -ms-transition-delay:0.4s; transition-delay:0.4s;}
.business-list .item:nth-child(3){ -webkit-transition-delay:0.6s; -moz-transition-delay:0.6s; -ms-transition-delay:0.6s; transition-delay:0.6s;}
.business-list .tap{ color:#FFF;}
.business-list .iconfont{ border-radius:50%; width:120px; height:120px; display:block; overflow:hidden;  margin:0 auto; -webkit-border-radius:150px; -moz-border-radius:150px; -ms-border-radius:150px; border-radius:150px; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s;}
.business-list .iconfont img{width:120px; height:120px;}
.business-list .tap:hover .iconfont{ border-color:#0086d2; background:#0086d2; transform:rotate(360deg);}
.business-list .name{ line-height:1; font-size:20px; margin-top:16px; text-align:center; padding-bottom:60px;}
.business-list .dsp{ height:115px; overflow:hidden; line-height:24px; margin-top:20px; font-size:14px;}
.product-area{ padding:100px 0; background:#FFF;}
.product-area .title{ position:relative; text-align:center; padding-bottom:25px; -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -ms-transform:translateY(100px); transform:translateY(100px);}
.product-area .title:after{ content:''; position:absolute; left:50%; bottom:0; width:48px; margin-left:-24px; height:3px; background:#047cf6;}
.product-area .title .chs{ line-height:1; font-size:36px; letter-spacing:5px; color:#181314;}
.product-area .title .ens{ line-height:1; font-size:16px; margin-top:18px; text-transform:uppercase; color:#c8c3c4;}
.case-nav{ margin-top:10px; font-size:0; text-align:center; margin-top:50px;}
.case-nav li{ display:inline-block; vertical-align:middle; height:40px; *display:inline; *zoom:1; padding:0 5px; -webkit-transform:scale(0.25,0.25); -moz-transform:scale(0.25,0.25); -ms-transform:scale(0.25,0.25); transform:scale(0.25,0.25);}
.case-nav a{ width:120px; text-align:center; display:block; height:40px; line-height:40px; background:#eee; font-size:14px; -webkit-border-radius:40px; -moz-border-radius:40px; -ms-border-radius:40px; border-radius:40px; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s;}
.case-nav .active a,.case-nav a:hover{ background:#047cf6; color:#FFF;}
.plist{ width:1232px; margin-top:40px;}
.plist .item{ width:276px; float:left; margin-top:32px; padding-right:32px; -webkit-transform:scale(0.25,0.25); -moz-transform:scale(0.25,0.25); -ms-transform:scale(0.25,0.25); transform:scale(0.25,0.25);}
.plist .tap{ width:236px; padding:20px; background:#f2f2f5; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; border-radius:10px;}
.plist .imgbox{ position:relative; overflow:hidden;}
.plist .imgbox img{ height:240px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; border-radius:10px;}
.plist .imgbox:before{ font-family:"iconfont" !important; content: "\e779"; position:absolute; z-index:2; left:50%; top:50%; margin:-36px 0 0 -36px; color:#FFF; width:72px; height:72px; font-size:72px; line-height:72px; display:block; opacity:0; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s; -webkit-transform:scale(0.25,0.25); -moz-transform:scale(0.25,0.25); -ms-transform:scale(0.25,0.25); transform:scale(0.25,0.25);} 
.plist .tap:hover .imgbox:before{ opacity:1; -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1); transform:scale(1,1);}
.plist .imgbox:after{ content:''; position:absolute; z-index:1; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0); -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; border-radius:10px; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s;}
.plist .tap:hover .imgbox:after{ background:rgba(0,0,0,0.25);}
.plist .name{ font-size:18px; height:30px; line-height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-top:15px;}
.plist .dsp{ height:66px; line-height:22px; margin-top:10px; color:#484344; overflow:hidden;}
.news-area{ height:400px; background:#f2f2f5; padding:100px 0;}
.news-area .title{ width:400px; height:400px; float:left; position:relative; text-align:center; -webkit-transform:translateX(-100px); -moz-transform:translateX(-100px); -ms-transform:translateX(-100px); -o-transform:translateX(-100px); transform:translateX(-100px);}
.news-area .title .tap{ width:400px; height:400px; color:#FFF;}
.news-area .title .tap img{ width:100%; position:absolute; left:0; top:0; z-index:1;}
.news-area .title .tap:after{ content:''; position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.75); z-index:2; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s;}
.news-area .title .tap:hover:after{ background:rgba(0,0,0,0.9);}
.news-area .title .text-box{ position:relative; padding-top:120px; z-index:3; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s;}
.news-area .title .tap:hover .text-box{ -webkit-transform:translateY(-20px); -moz-transform:translateY(-20px); -ms-transform:translateY(-20px); transform:translateY(-20px);}
.news-area .title .text-box:after{ content:''; position:absolute; left:50%; bottom:42px; width:48px; margin-left:-24px; height:3px; background:#fff;}
.news-area .title .chs{ line-height:1; font-size:36px;}
.news-area .title .ens{ line-height:1; font-size:24px; margin-top:40px; text-transform:uppercase;}
.news-area .title .btns{ width:178px; height:38px; text-align:center; line-height:38px; border:#fff 1px solid; margin:20px auto; display:block; font-size:16px; position:relative; z-index:4; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s;}
.news-area .title .tap:hover .btns{ background:#fff; color:#047cf6;}
.news-area .title .btns .icon-ny-arrow16 {width: 20px; height: 20px; display: inline-block; font-size: 20px; vertical-align: middle; margin-top: -2px;}
.news-area-list{ width:800px; float: right;}
.news-area-list .item{ width:365px; height:110px; padding:0 0 35px 35px; float:left; -webkit-transform:translateX(100px); -moz-transform:translateX(100px); -ms-transform:translateX(100px); -o-transform:translateX(100px); transform:translateX(100px);}
.news-area-list .item:nth-child(2n){ -webkit-transition-delay:0.4s; -moz-transition-delay:0.4s; -ms-transition-delay:0.4s; transition-delay:0.4s;}
.news-area-list .tap{ height:80px; padding:15px; background:#FFF; -webkit-box-shadow:0px 1px 10px rgba(0,0,0,0.05); -moz-box-shadow:0px 1px 10px rgba(0,0,0,0.05); -ms-box-shadow:0px 1px 10px rgba(0,0,0,0.05); box-shadow:0px 1px 10px rgba(0,0,0,0.05);}
.news-area-list .date{ width:70px; height:80px; float:left; background:#dac3b7; text-align:center; color:#FFF; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s;}
.news-area-list .tap:hover .date{ background:#047cf6; -webkit-transform:translateX(-5px); -moz-transform:translateX(-5px); -ms-transform:translateX(-5px); transform:translateX(-5px);}
.news-area-list .date .day{ line-height:1; font-size:42px; padding-top:10px;}
.news-area-list .date .year{ line-height:1; font-size:18px;}
.news-area-list .text-box{ width:252px; float:right; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s;}
.news-area-list .tap:hover .text-box{ -webkit-transform:translateX(5px); -moz-transform:translateX(5px); -ms-transform:translateX(5px); transform:translateX(5px);}
.news-area-list .text-box .name{ height:30px; line-height:30px; font-size:14px; font-weight: bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.news-area-list .text-box .dsp{ height:40px; line-height:20px; overflow:hidden; padding-top:5px; color:#666;}
.contact-area{ background:#FFF; padding:100px 0;}
.contact-area .item{ height:320px;}
.contact-area .imgbox{ width:600px; height:320px;}
.contact-area .content{ width:550px;}
.contact-area .title{ height:65px; line-height:1; position:relative; font-size:36px;} 
.contact-area .title:after{content:''; position:absolute; left:0; bottom:0; width:48px; height:3px; background:#047cf6;}
.contact-area .text-box{ height:165px; line-height:24px; overflow:hidden; font-size:14px; margin-top:26px;}
.contact-area .more-btn{ width:126px; height:41px; line-height:42px; text-align:center; display:block; border:#dac3b7 2px solid; background:#FFF; color:#047cf6; margin-top:40px; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s;}
.contact-area .more-btn:hover{ background:#047cf6; color:#FFF;}
.contact-area .more-btn .icon-ny-arrow12{ width:16px; height:16px; display:inline-block; vertical-align:middle; margin-top:-2px;}
.contact-area .address{ width:275px; height:210px; float:left; margin-top:45px;}
.contact-area .info{ height:40px; line-height:40px; padding-left:34px; position:relative;}
.contact-area .info .iconfont{ width:24px; height:24px; font-size:24px; display:block; position:absolute; left:0; top:50%; margin-top:-12px; color:#047cf6;}
.contact-area .account{ height:40px; margin-top:10px;}
.contact-area .account .iconfont{ width:38px; height:38px; font-size:24px; line-height:38px; text-align:center; border:#d2d2d5 1px solid; color:#282324; display:block; float:left; margin-right:20px;  -webkit-border-radius:40px; -moz-border-radius:40px; -ms-border-radius:40px; border-radius:40px; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s;}
.contact-area .account .iconfont:hover{ border-color:#047cf6; background:#047cf6; color:#FFF;}
.contact-area-form{ height:220px; float:right; margin-top:35px;}
.contact-area-form li{ margin-top:10px;}
.contact-area-form .txt{ width:240px; height:20px; line-height:20px; padding:15px; font-size:14px; resize:none; background:#f2f2f5; color:#282324; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; border-radius:0;}
.contact-area-form textarea.txt{ height:80px; padding:10px 15px;}
.contact-area-form .btns{ width:270px; height:40px; color:#FFF; border:none; background:#282324; font-size:14px; line-height:1; cursor:pointer; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s;}
.contact-area-form  .btns:hover{ background:#047cf6;}
.contact-area .lxwm{ margin-top:100px;}
.contact-area .rlzx .imgbox{ float:left; -webkit-transform:translateX(-100px); -moz-transform:translateX(-100px); -ms-transform:translateX(-100px); transform:translateX(-100px);}
.contact-area .rlzx .content{ float:right; -webkit-transform:translateX(100px); -moz-transform:translateX(100px); -ms-transform:translateX(100px); transform:translateX(100px);}
.contact-area .lxwm .content{ float:left; -webkit-transform:translateX(-100px); -moz-transform:translateX(-100px); -ms-transform:translateX(-100px); transform:translateX(-100px);}
.contact-area .lxwm .imgbox{ float:right; -webkit-transform:translateX(100px); -moz-transform:translateX(100px); -ms-transform:translateX(100px); transform:translateX(100px);}
.suspension{ width:48px; height:144px; position:fixed; z-index:205; top:50%; right:20px; margin-top:-72px;}
.suspension .item{ width:48px; height:48px; margin-top:1px; position:relative;}
.suspension .home,.suspension .srh{ display:none;}
.suspension .tap{ width:48px; height:48px; text-align:center; line-height:48px; display:block; background:#282324; background:rgba(40,35,36,0.75); font-size:24px; color:#FFF; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; border-radius:5px; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s;}
.suspension .tap:hover{ background:#0086d2;}
.suspension .icon-ny-top{background:#0086d2; opacity:0; -webkit-transform:translateY(24px); -moz-transform:translateY(24px); -ms-transform:translateY(24px); transform:translateY(24px);}
.suspension .icon-ny-top.active{ opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0)}
.suspension-box{ padding:15px; background: #FFF; position:absolute; top:0; left:-30px; -webkit-box-shadow:0 1px 10px rgba(0,0,0,0.25); -moz-box-shadow:0 1px 10px rgba(0,0,0,0.25); -ms-box-shadow:0 1px 10px rgba(0,0,0,0.25); box-shadow:0 1px 10px rgba(0,0,0,0.25); -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s; -webkit-transform:translateX(-20px); -moz-transform:translateX(-20px); -ms-transform:translateX(-20px); transform:translateX(-20px); opacity:0; visibility:hidden;}
.suspension-box .icon-ny-menuclose{ display:none;}
.suspension .item:hover .suspension-box{ opacity:1; visibility:visible; -webkit-transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);}
.suspension-box:after{ content:''; position:absolute; right:-8px; top:15px; border-top:8px solid transparent; border-bottom:8px solid transparent; border-left:8px solid #fff; }
.suspension-box .tit{ height:40px; line-height:34px; font-weight:bold; font-size:18px; text-align:center;}
.zxrx{ width:165px; left:-195px;}
.zxrx a{ display:block; height:34x; line-height:34px; border:#f2f2f5 1px solid; font-size:14px;  padding-left:18px; margin-top:4px; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s;}
.zxrx a:hover{ background:#282324; color:#FFF;}
.zxrx a .iconfont{ width:20px; height:20px; font-size:20px; display:inline-block; color:#0086d2; vertical-align:middle; margin:-2px 8px 0 0;}
.ewms{ width:118px; left:-148px;}
.ewms img{ width:118px; height:118px;}
.ewms p{ text-align:center; font-size:14px; padding-top:15px; margin:0 -10px;}
.searchLayer{ display:none;}
.banner{ height:400px; text-align:center}
.banner img{ display:inline; text-align:center}
.about-item{ padding:80px 0;}
.about-item .title{ position:relative; text-align:center; padding-bottom:25px; -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -ms-transform:translateY(100px); transform:translateY(100px);}
.about-item .title:after{ content:''; position:absolute; left:50%; bottom:0; width:48px; margin-left:-24px; height:3px; background:#047cf6;}
.about-item .title .chs{ line-height:1; font-size:36px; letter-spacing:5px; color:#181314;}
.about-item .title .ens{ line-height:1; font-size:16px; margin-top:18px; text-transform:uppercase; color:#e3cbcb;}
.qygk .content{ margin-top:60px;}
.qygk .imgbox{ width:360px; height:240px; float:left; margin-left:80px; -webkit-transform:translateX(-100px); -moz-transform:translateX(-100px); -ms-transform:translateX(-100px); transform:translateX(-100px);}  
.qygk .imgbox img{ -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; border-radius:10px;}
.qygk .text-box{ width:680px; height:240px; overflow:hidden; float:right; font-size:16px; line-height:30px; -webkit-transform:translateX(100px); -moz-transform:translateX(100px); -ms-transform:translateX(100px); transform:translateX(100px);}
.qywh{ background:url(../image/qywh-bg.jpg) no-repeat center top fixed;}
.qywh .title .chs{ color:#FFF;}
.qywh .title .ens{ color:#eee;}
.about-path{ padding-top:50px;}
.about-path .item{ padding:15px 0 15px 522px; position:relative;}
.about-path .date{ width:400px; padding-right:50px; line-height:30px; font-size:24px; position:absolute; left:0; top:50%; margin-top:-15px; color:#047cf6; text-align:right; -webkit-transform:translateX(-100px); -moz-transform:translateX(-100px); -ms-transform:translateX(-100px); transform:translateX(-100px);}
.about-path .text{ width:600px; font-size:15px; line-height:28px; background:#FFF; position:relative; border:#e2e2e5 1px solid; padding:12px 20px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; border-radius:10px; -webkit-box-shadow:0px 1px 5px rgba(0,0,0,0.1); -moz-box-shadow:0px 1px 5px rgba(0,0,0,0.1); -ms-box-shadow:0px 1px 5px rgba(0,0,0,0.1); box-shadow:0px 1px 5px rgba(0,0,0,0.1); -webkit-transform:translateX(100px); -moz-transform:translateX(100px); -ms-transform:translateX(100px); transform:translateX(100px);}
.about-path .text:after{content:''; position:absolute; z-index:1; left:-10px; top:50%; margin-top:-10px; border-top:10px solid transparent; border-bottom:10px solid transparent; border-right:10px solid #e2e2e5;}
.about-path .text:before{content:''; position:absolute; z-index:2; left:-9px; top:50%; margin-top:-9px; border-top:9px solid transparent; border-bottom:9px solid transparent; border-right:10px solid #fff;}
.about-path .line{ position:absolute; z-index:1; top:0; bottom:0; left:450px; width:1px; background:#e2e2e5;}
.about-path .item:first-child .line{ top:50%;}
.about-path .item:last-child .line{ bottom:50%;}
.about-path .point{ width:13px; height:13px; background:#FFF; border:#e3cbcb 1px solid; position:absolute; z-index:2; left:443px; top:50%; margin-top:-7.5px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; border-radius:10px;}
.about-path .point:after{ content:''; width:7px; height:7px; background: #0086d2; position:absolute; left:3px; top:3px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; border-radius:10px;}
.qyjg{ background:#f2f2f5;}
.architecture{ margin-top:80px;}
.architecture .tit{ height:180px; position:relative; -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -ms-transform:translateY(100px); transform:translateY(100px); -webkit-transition-delay:0.3s; -moz-transition-delay:0.3s; -ms-transition-delay:0.3s; transition-delay:0.3s;}
.architecture .tit span{ width:120px; height:72px; padding:24px 0; letter-spacing:2px; display:block; margin:0 auto; background: #047cf6; color:#FFF; font-size:30px; line-height:36px; text-align:center; -webkit-border-radius:120px; -moz-border-radius:120px; -ms-border-radius:120px; border-radius:120px;}
.architecture .tit:after{content:''; position:absolute; width:1px; height:60px; bottom:0; left:50%; background:#d2d2d5;}
.architecture-list{position:relative; -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -ms-transform:translateY(100px); transform:translateY(100px); -webkit-transition-delay:0.4s; -moz-transition-delay:0.4s; -ms-transition-delay:0.4s; transition-delay:0.4s;}
.architecture-list .line1{position:absolute; left:100px; right:100px; top:0; height:1px; background:#d2d2d5;}
.architecture-list li{ width:160px; float:left; padding:80px 20px 0; position:relative;}
.architecture-list li:before{ content:''; width:7px; height:7px; background:#FFF; border:#d2d2d5 1px solid; position:absolute; left:50%; top:-4px; margin-left:-4px; z-index:2; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; border-radius:10px;}
.architecture-list li:after{ content:''; width:7px; height:7px; background:#FFF; border:#d2d2d5 1px solid; position:absolute; left:50%; top:76px; margin-left:-4px; z-index:2; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; border-radius:10px;}
.architecture-list .line{ position:absolute; z-index:1; width:1px; height:80px; top:0; left:50%; background:#d2d2d5;}
.architecture-list .imgbox{ padding:10px; border:#d2d2d5 1px solid; background:#FFF; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; border-radius:10px;}
.architecture-list .imgbox img{ -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; border-radius:5px;}
.architecture-list .name{padding:10px; font-size:14px; line-height:22px; text-align:center;}
.shrk .content{ margin-top:60px;}
.shrk .imglist{ width:240px; float:left; margin-left:150px; -webkit-transform:translateX(-100px); -moz-transform:translateX(-100px); -ms-transform:translateX(-100px); transform:translateX(-100px);}  
.shrk .imglist li{ margin-bottom:15px; padding:12px; background:#f2f2f5; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; border-radius:10px;}
.shrk .imglist li img{ width:100%; border:#fff 1px solid; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; border-radius:5px;}
.shrk .text-box{ width:750px; overflow:hidden; float:right; color:#047cf6; font-size:18px; line-height:36px; -webkit-transform:translateX(100px); -moz-transform:translateX(100px); -ms-transform:translateX(100px); transform:translateX(100px);}
.main{ width:900px; float:left; padding:50px 0;}
.main-bt{ height:60px; border-bottom:#e3cbcb 3px solid;}
.main-bt .name{ height:26px; font-size:26px; font-weight:bold; line-height:1; border-left:#047cf6 5px solid; padding-left:15px; float:left; margin-top:17px;}
.location{ float:right; line-height:60px; font-size:14px;}
.location .icon-ny-home{width:16px; height:16px; display:inline-block; vertical-align:middle; margin:-3px 2px 0 0;}
.location .icon-ny-arrow12{ width:16px; height:16px; display:inline-block; vertical-align:middle; color:#c2c2c5; margin:-2px 5px 0;}
.main .content{ margin-top:30px; font-size:14px; line-height:2; color:#585354; padding-left:17px;}
.main .content img{ max-width:100%; display:inline;}
.side{ width:240px; float:right; padding:50px 0;}
.side-bt{ height:63px; line-height:60px; font-size:26px; position:relative;}
.side-bt:after{ content:''; position:absolute; left:0; bottom:0; width:52px; height:3px; background:#047cf6;}
.side-bt .icon-ny-arrow16{ display:none;}
.side-nav{ margin-top:20px;}
.side-nav .tap{ height:50px; line-height:50px; font-size:18px; padding:0 15px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;}
.side-nav .iconfont{ width:30px; height:30px; display:inline-block; vertical-align:middle; font-size:30px; margin:-2px 15px 0 0; color:#047cf6;}
.side-nav p{-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;}
.side-nav .tap:hover{ background:#f2f2f5; color:#047cf6;}
.side-nav .tap:hover p{ -webkit-transform:translateX(20px); -moz-transform:translateX(20px); -ms-transform:translateX(20px); transform:translateX(20px);}
.side-nav .active .tap{ background:#e3cbcb; color:#FFF;}
.side-nav .active .iconfont{ color:#FFF;}
.rec-news{ height:400px; background:#f2f2f5;}
.rec-news .imgbox{ width:600px; float:left;}
.rec-news .text-box{ width:240px; padding:30px; float:right;}
.rec-news .name{ font-size:18px; max-height:60px; line-height:30px; padding-bottom:20px; overflow:hidden; position:relative;}
.rec-news .name:after{ content:''; position:absolute; left:0; bottom:0; width:36px; height:3px; background:#0086d2;}
.rec-news .dsp{ line-height:24px; font-size:14px; margin-top:20px; color:#666; height:144px; overflow:hidden;}
.rec-news .more-btn{ width:126px; height:41px; line-height:42px; text-align:center; display:block; border:#dac3b7 2px solid; background: none; color:#047cf6; margin-top:20px; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s;}
.rec-news .more-btn:hover{ background:#047cf6; color:#FFF;}
.nlist .item{ padding:20px 0; border-bottom:#e2e2e5 1px dashed; overflow:hidden; -webkit-transition:all 0.5s; -moz-transition:all 0.5s;-ms-transition:all 0.5s; transition:all 0.5s;}
.nlist .tap{ overflow:hidden;}
.nlist .item:hover{ background:#f2f2f5;}
.nlist .imgbox{ width:210px; float:left; -moz-transition:all 0.5s;-ms-transition:all 0.5s; transition:all 0.5s;}
.nlist .item:hover .imgbox{ -webkit-transform:translateX(15px); -moz-transform:translateX(15px); -ms-transform:translateX(15px); transform:translateX(15px);}
.nlist .text-box{ width:660px; float:right; -moz-transition:all 0.5s;-ms-transition:all 0.5s; transition:all 0.5s;}
.nlist .item:hover .text-box{ -webkit-transform:translateX(-5px); -moz-transform:translateX(-5px); -ms-transform:translateX(-5px); transform:translateX(-5px);}
.nlist .name{ height:40px; line-height:40px; font-size:18px; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.nlist .dsp{ height:72px; overflow:hidden; line-height:24px; color:#666; font-size:14px; white-space: normal!important; text-overflow: ellipsis; word-wrap: break-word; word-break:break-all;   display:-webkit-box;  -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.nlist .date{ height:28px; line-height:28px; color:#999;}
.news-bt{ font-size:24px; font-weight: bold; text-align:center; line-height:2; padding:20px 0;}
.news-info{ text-align:center; font-size:14px; color: #666; border-bottom:#e3cbcb 1px dashed; padding-bottom:20px;}
.news-info .line{ width:1px; height:14px; background:#d2d2d5; display:inline-block; vertical-align:middle; margin:-2px 10px 0;}
.journal{ width:940px;}
.journal li{ float:left; width:430px; padding:40px 40px 0 0; }
.journal .item{padding:20px; background:#f2f2f5; overflow:hidden;}
.journal .imgbox{ width:180px; height:240px; float:left;}
.journal .text-box{ width:180px; height:240px; float:right; position:relative; text-align:right;}
.journal .name{ font-size:24px; padding-top:50px;} 
.journal .periods{ font-size:18px; padding-top:10px; color:#666;}
.journal .btns{ width:116px; height:36px; line-height:36px; text-align:center; display:block; position:absolute; bottom:0; right:0; border:#dac3b7 2px solid; background:#FFF; color:#047cf6; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s;}
.journal .btns:hover{ background:#047cf6; color:#FFF;}
.video-list{ width:930px;}
.video-list .item{ width:280px; float:left; padding:30px 30px 0 0;}
.video-list .tap{ background:#FFF; overflow:hidden; -webkit-box-shadow: 0 6px 8px rgba(0,0,0,0.1); -moz-box-shadow: 0 6px 8px rgba(0,0,0,0.1); -ms-box-shadow: 0 6px 8px rgba(0,0,0,0.1); box-shadow: 0 6px 8px rgba(0,0,0,0.1);}
.video-list .imgbox{ position:relative; overflow:hidden;}
.video-list .imgbox img{ -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s;}
.video-list .imgbox:hover img{ -webkit-transform:scale(1.25,1.25); -moz-transform:scale(1.25,1.25); -ms-transform:scale(1.25,1.25); transform:scale(1.25,1.25);}
.video-list .imgbox:after{ content:''; position:absolute; z-index:1; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.25); -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s;}
.video-list .imgbox:before{ font-family:"iconfont" !important; content: "\e78e"; position:absolute; z-index:2; left:50%; top:50%; margin:-36px 0 0 -36px; color:#FFF; width:72px; height:72px; font-size:72px; line-height:72px; display:block; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s;} 
.video-list .tap:hover .imgbox:after{ background:rgba(0,0,0,0.5);}
.video-list .name{ font-size:16px; height:52px; overflow:hidden; line-height:26px; margin:15px;}
.about-video { width:800px; height:450px; padding:20px; background:#282324; margin:0 auto; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; border-radius:10px;}
.media-down .item{ padding:20px 80px 20px 20px; background:#f2f2f5; margin-top:20px; position:relative; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; border-radius:5px;}
.media-down .item p{ font-size:18px; height:32px; line-height:32px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; position:relative; padding-left:32px;}
.media-down .item p:before{ width:26px; height:26px; font-size:26px; line-height:26px; display:block; position:absolute; left:0; top:50%; margin-top:-13px; font-family:"iconfont" !important;  content: "\e796"; color:#0086d2;}
.media-down .btns{ width:40px; height:40px; line-height:40px; font-size:24px; text-align:center; color:#FFF; display:block; position:absolute; right:20px; top:50%; margin-top:-20px; background:#e3cbcb; -webkit-border-radius:32px; -moz-border-radius:32px; -ms-border-radius:32px; border-radius:32px;}
.society-gypt{ width:930px;}
.society-gypt .item{ width:280px; float:left; padding:30px 30px 0 0;}
.society-gypt .tap{ border-bottom:#f2f2f5 5px solid; padding-bottom:15px;}
.society-gypt .name{ height:30px; overflow:hidden; font-size:18px; line-height:30px; text-overflow:ellipsis; white-space:nowrap; margin-top:15px;}
.society-gypt .dsp{ height:72px; line-height:24px; font-size:14px; overflow:hidden; color:#666; margin-top:10px;}
.shzp{ background:#f2f2f5;}
.shzp-list{ margin-top:80px;}
.shzp-list li{ width:360px; float:left; padding:0 20px; -webkit-ransform:translateY(100px); -moz-transform:translateY(100px); -ms-transform:translateY(100px); transform:translateY(100px);}
.shzp-list li:nth-child(2){ -webkit-transition-delay:0.4s; -moz-transition-delay:0.4s; -ms-transition-delay:0.4s; transition-delay:0.4s;}
.shzp-list li:nth-child(3){ -webkit-transition-delay:0.6s; -moz-transition-delay:0.6s; -ms-transition-delay:0.6s; transition-delay:0.6s;}
.shzp-list .item{ padding:25px; background:#FFF; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; border-radius:10px; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s;}
.shzp-list .item:hover{ -webkit-box-shadow:0px 6px 20px rgba(0,0,0,0.1); -moz-box-shadow:0px 6px 20px rgba(0,0,0,0.1); -ms-box-shadow:0px 6px 20px rgba(0,0,0,0.1); box-shadow:0px 6px 20px rgba(0,0,0,0.1);}
.shzp-list .name{line-height:30px; padding-bottom:15px; border-bottom:#f2f2f5 1px solid; font-size:18px; font-weight:bold;}
.shzp-list .name .btn{ height:28px; line-height:28px; font-size:12px; display:block; float:right; font-weight:normal;}
.shzp-list dl{ overflow:hidden; margin-top:10px;}
.shzp-list dl dd{ height:30px; line-height:30px; float:left; width:50%; font-size:14px;}
.shzp-list .dsp{ color:#666; padding-top:10px; line-height:20px;}
.ygfc{ background: url(../image/ygfc-bg.jpg) no-repeat center center fixed;}
.ygfc .title .chs{ color:#FFF;}
.ygfc .title .ens{ color:#FFF;}
.ygfc .title:after{ background:#FFF;}
.ygfc-list{ margin-top:60px;}
.ygfc-list li{ float:left; width:25%; float:left; margin-top:10px; -webkit-transform:scale(0.5,0.5); -moz-transform:scale(0.5,0.5); -ms-transform:scale(0.5,0.5); transform:scale(0.5,0.5);}
.ygfc-list .imgbox{ overflow:hidden; position:relative;}
.ygfc-list .imgbox img{ height:172px;}
.ygfc-list .imgbox:after{ content:''; position:absolute; left:0; top:0; right:0; bottom:0; background:#fff; opacity:0; visibility:visible; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s;}
.ygfc-list .tap:hover .imgbox:after{ opacity:0.5; visibility:visible;}
.ygfc-list .imgbox img{ -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s;}
.ygfc-list .tap:hover .imgbox img{ -webkit-transform:scale(1.25,1.25); -moz-transform:scale(1.25,1.25); -ms-transform:scale(1.25,1.25); transform:scale(1.25,1.25); }
.ygfc-list .tap{ margin:0 5px; padding:15px; background:#e3cbcb; background:rgba(227,203,203,0.5);}
.ygfc-list .name{ font-size:14px; text-align:center; height:40px; line-height:40px; overflow:hidden; margin-top:10px; font-weight: bold; color:#FFF;}
.job-list .item{background:#FFF; padding:20px; border-bottom:#e2e2e5 1px dashed; position:relative; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s;}
.job-list .item:hover{ background:#f8f8f8;}
.job-list .name{ height:30px; line-height:30px; font-size:18px; font-weight:bold; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s;}
.job-list .item:hover .name{ -webkit-transform:translateX(-10px); -moz-transform:translateX(-10px); -ms-transform:translateX(-10px); transform:translateX(-10px);}
.job-list dl{ height:30px; margin-top:15px; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s;}
.job-list .item:hover dl{ -webkit-transform:translateX(10px); -moz-transform:translateX(10px); -ms-transform:translateX(10px); transform:translateX(10px);}
.job-list dl dd{ width:25%; height:30px; line-height:30px; float:left; text-align:center; font-size:14px; color:#666;}
.job-list dl dd:first-child{ text-align:left;}
.job-list dl dd:last-child{ text-align:right;}
.job-list .btn{ width:80px; height:30px; line-height:30px; display:block; border:none; font-size:12px; font-weight:normal; float:right; margin-left:10px;}
.apply-btn{ width:150px; height:40px; line-height:40px; font-size:16px; display:block; margin-top:10px; border:none; padding:0;}
.apply-form li{ margin-top:15px; width:300px; float:left; padding-left:75px; position:relative; overflow:hidden;}
.apply-form li.wauto{ width:750px;}
.apply-form .name{ width:70px; height:40px; line-height:40px; font-size:14px; position:absolute; left:0; top:0; text-align:right;}
.apply-form label{ height:40px; line-height:40px; display:block; float:left; font-size:14px; margin-right:20px;}
.apply-form label .radio{ display:inline-block; vertical-align:middle; margin:-2px 5px 0 0;}
.apply-form .txt{ width:240px; height:20px; line-height:20px; padding:10px; font-size:14px; resize:none; background:#f2f2f5; color:#282324; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; border-radius:0;}
.apply-form textarea.txt{ width:620px; height:80px;}
.apply-form .btns{ width:260px; height:40px; color:#FFF; border:none; background:#282324; font-size:14px; line-height:1; cursor:pointer; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s;}
.apply-form  .btns:hover{ background:#047cf6;}
.xyzp-table{ border-top:#047cf6 1px solid; border-left:#047cf6 1px solid;}
.xyzp-table td{ padding:10px; border-bottom:#047cf6 1px solid; border-right:#047cf6 1px solid; font-size:12px; text-align:center; color:#333; line-height:20px;}
.xyzp-table .tits{ background:#e3cbcb; font-weight:bold; font-size:14px; color:#047cf6;}
.main .plist{ width:930px; margin-top:0;}
.main .plist .item{ width:280px; margin-top:30px; padding-right:30px;}
.main .plist .tap{ width:240px;}
.main .plist .name{ text-align:center;}
.Filter{ border:#e2e2e5 1px solid; border-bottom:none; background:#FFF;}
.Filter-box{ padding:10px 10px 10px 90px; border-bottom:#e2e2e5 1px solid; position:relative;}
.Filter-box.pr0{ padding-right:0;}
.Filter-box .name{ width:90px; height:100%; display:block; position:absolute; left:0; top:0; background:#fafafa;}
.Filter-box .name span{ padding:10px 0 0 15px; display:block; line-height:30px; font-size:12px; font-weight:bold; color:#333;}
.Filter-box .flist{ margin:0 20px; overflow:hidden;}
.Filter-box .flist.h60{ height:60px;}
.Filter-box.active .flist{ height:auto;}
.Filter-box.current .flist{ height:auto;}
.Filter-box .flist li{ padding:4px 0;float:left; height:22px; margin-right:20px; white-space:nowrap; overflow:hidden; position:relative;}
.Filter-box .flist li a{height:22px; padding:0 8px; line-height:22px; vertical-align:middle; display:inline-block; position:relative;}
.Filter-box .flist li a:hover{ color:#e60012;}
.Filter-box .flist li.active a{ background:#047cf6; color:#FFF;}
.show-box{ margin-top:20px;}
.show-box .imgbox{ width:350px; float:left; border:#e2e2e5 1px solid;}
.show-info{ width:500px; float:right;}
.show-info .name{ font-size:18px; border-bottom:#e2e2e5 1px dashed; font-weight: bold; padding:15px 0;}
.show-info .item{ font-size:14px; color:#666; padding:10px 0; border-bottom:#e2e2e5 1px dashed;}
.show-info .opn{ padding:20px 0 0 75px;}
.show-info .opn .btn{ width:120px; height:38px; padding:0; border:none; font-size:14px; line-height:38px; margin:0 10px 10px 0;}
.show-bt{ padding:10px 20px; line-height:20px; background:#e3cbcb; color:#FFF; font-size:14px; font-weight:bold; margin-top:20px;}
#showpic .swiper-slide img{ width:100%;}
#showpic .swiper-pagination{ bottom:10px !important;}
#showpic .swiper-pagination-bullet {width:6px; height:6px; background:#000; opacity:0.5;}
#showpic .swiper-pagination-bullet-active{background:#047cf6; opacity:1;}
@media all and (max-width:1024px){
	*{-webkit-box-sizing:border-box;box-sizing:border-box; outline:0; -webkit-tap-highlight-color:transparent; -webkit-tap-highlight-color:transparent;}
	.wrap{ width:auto;}
	.header{ height:60px; padding-left:60px;}
	.kh-100{ height:60px;}
	.header .logo{ margin:15px 0 0 10px;}
	.header .logo img{ height:30px;}
	.search{ width:300px; height:30px; top:15px; margin-left:-150px;}
	.search .txt{ width:260px; height:30px;  padding:5px 15px; -webkit-border-radius:30px; border-radius:30px;}
	.search .btns{ width:30px; height:30px; -webkit-border-radius:30px; border-radius:30px;}
	.search .btns .icon-ny-sousuo{ width:16px; height:16px; font-size:16px; margin:7px auto;}
	
	.quick{ width: auto; height:60px;}
	.quick li{ width:80px;}
	.quick li .tap{ background:none; padding:8px 0;}
	.quick li .tap:after{ height:40px; margin-top:-20px; background:#f2f2f5;}
	.quick li .iconfont{ width:24px; height:24px; font-size:24px;}
	.quick li p{ height:20px; line-height:20px; font-size:12px;}
	
	.h-nav{width:60px; height:60px; line-height:60px; color:#047cf6; font-size:30px; text-align:center; display:block; position: fixed; top:0; left:0; background:#fff; z-index:201;}
	.h-nav:hover{ color:#047cf6;}
	.h-nav-active{ z-index:302; background:#282324; color:#FFF !important;}
	.h-nav-active:before{content: "\e791";}
	.menu-box{ width:240px; background:#282324; background:rgba(40,35,36,1); height:100%; left:0; top:0; opacity:0; visibility: hidden; -webkit-transform:translateX(-300px); transform:translateX(-300px); -webkit-transition:all 0.5s; transition:all 0.5s;}
	.menu-box-active{opacity:1; visibility: visible; -webkit-transform:translateX(0); transform:translateX(0);}
	.menu-box .title{ display:block; height:60px; line-height:60px; position:absolute; left:0; right:0; top:0; padding-right:20px; font-size:18px; color:#FFF; text-align:right; background:#282324;}
	.menuScroll{ position:absolute; top:60px; bottom:0; left:0; right:0; overflow:hidden;}
	.menu{ float:none; height:auto; margin:0 19px;}
	.menu .item{ float:none; margin:0;}
	.menu .item .name{ color:#c8c2c4; height:50px; line-height:50px;}
	.menu .item .name:after{ left:0; right:0; opacity:1; visibility:visible; height:1px; background:rgba(255,255,255,0.15);}
	.menu .item .expand{ display:block; width:50px; height:50px; font-size:20px; text-align:center; line-height:50px; position:absolute; right:0; top:50%; margin-top:-25px; -webkit-transition:all 0.5s; transition:all 0.5s; -webkit-transform:rotate(90deg); transform:rotate(90deg);}
	.menu .current .expand{ -webkit-transform:rotate(-90deg); transform:rotate(-90deg);}
	.sub-box{ position: relative; background:none; padding:10px 0; top:0; visibility: hidden; opacity:0; display:none;}
	.menu .current .sub-box{ display:block;}
	.sub-box:after{ content:''; position:absolute; left:0; right:0; bottom:0; height:1px; background:rgba(255,255,255,0.15);}
	.sub-ads,.sub-content,.sub-goods,.sub-news,.sub-video{ display:none;}
	.sub-menu{width:auto; float:none; margin:0; padding-left:38px; position:relative; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity:1; visibility: visible;}
	.sub-menu li .tap{ color:#999;}
	.menu-box .tel{ display:none;}
	.layer-bg.show{visibility: visible; opactiy:1;}
	
	#mfocus .swiper-slide{ width:100%; height:320px; position:relative; overflow:hidden;}
	#mfocus .swiper-slide .imgbox{ height:320px; margin-left:0; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
	#mfocus .swiper-pagination{ width:100%; left:0; margin-left:0; text-align:left; bottom:15px; padding-left:55px;}
	#mfocus .swiper-slide .content {width:auto; position:absolute; z-index:3; left:60px; margin-left:0; top:50px;}
	#mfocus .swiper-slide .content .title img{ height:36px;}
	#mfocus .swiper-slide .content .item{margin-top:20px; font-size:15px; font-weight: normal; line-height:28px;}
	#mfocus .swiper-slide .content .item .ens{ font-size:12px;}
	#mfocus .swiper-slide .content .btn{width:126px; height:38px; line-height:36px; margin-top:15px; }
	
	.about-area{ overflow:hidden;}
	.about-area .l-box { width:40%; padding-left:20px;}
	.about-area .l-box .ads-img{width:200px; height: 240px;}
	.about-area .r-box{ width:60%; padding-right:20px;}
	.about-area .r-box .content{ width:500px; height:420px;}
	.about-area .scrollBox{ width:auto;}
	.about-area .r-box .text-box{ width:auto;}
	
	.business-area{ overflow:hidden; height:auto; background-attachment:local;}
	.business-list .item{ width:33.33%; padding:0;}
	.business-list .tap{ width:260px; margin:0 auto;}
	.business-list .iconfont{ width:120px; height:120px; line-height:116px; border:#fff 2px solid; font-size:60px;}
	.business-list .dsp{ height:66px; line-height:22px; font-size:12px;}
	
	.product-area{ overflow:hidden;}
	.plist{ width:auto; padding-left:24px;}
	.plist .item{ width:25%; padding-right:24px; margin-top:20px;}
	.plist .imgbox img{ height:auto;}
	.main .plist .tap,.plist .tap{ width:auto;}
	.main .plist{ width:auto; padding-left:0; margin-right:-20px;}
	.main .plist .item{ width:25%; padding-right:20px; margin-top:20px;}
	.Filter-box .flist li{height:30px;}
	
	.news-area{ height:auto; overflow:hidden;}
	.news-area .title{ float:none; width:auto; height:auto;}
	.news-area .title .tap{ width:auto; height:auto;}
	.news-area .title .tap img{ display:none;}
	.news-area .title .tap:after{ display:none;}
	.news-area .title .text-box{ padding:0;}
	.news-area .title .btns{ display:none;}
	.news-area .title .chs{ color:#282324;}
	.news-area .title .ens{ color:#c8c3c4;}
	.news-area .title .text-box:after{ background:#047cf6;}
	.news-area-list{ width:auto; float:none; padding-left:40px;}
	.news-area-list .item{ width:50%; height:auto; padding:40px 40px 0 0;}
	.news-area-list .tap{ height:110px; padding-left:100px;}
	.news-area-list .date{ position:absolute; left:15px; top:15px; float:none;}
	.news-area-list .text-box{ width:auto; float:none;}
	
	.contact-area{ overflow:hidden; padding:40px;}
	.contact-area .imgbox{ width:350px; overflow:hidden; position:relative;}
	.contact-area .imgbox img{ width:auto; height:320px; position:absolute; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
	.contact-area .more-btn{ height:45px;}
	.contact-area-form .txt{ width:100%; height:50px;}
	.contact-area-form textarea.txt{ height:100px;}
	
	.footer{ overflow:hidden;}
	.footer-menu{ width:auto; float:none;}
	.footer-menu li{ width:14.28%; padding-left:40px;}
	.footer .copyright{ width:auto; float:none; margin:40px 40px 0; padding-top:40px; text-align:center; border-top:rgba(255,255,255,0.1) 1px solid;}
	.footer .logo{ display:inline-block; margin:0;  margin-right:10px;}
	.footer .text-box{ display:inline-block; text-align:left; margin-left:10px;}
	.footer .text-box br:nth-child(1),
	.footer .text-box br:nth-child(3){ display:none;}
	
	.zxrx{ width:195px;}
	.ewms{ width:148px;}
	
	.about-item { overflow:hidden;}
	.banner{ height:220px; -webkit-background-size:auto 220px; background-size:auto 220px;}
	.banner .text{ width:320px; height:150px; left:60px; margin:-75px 0 0 0;}
	.banner .text img{ position:absolute; height:90px; margin-top:-45px;}
	.qygk .imgbox{ width:30%; float:left; padding-left:20px; margin-left:0;}  
	.qygk .text-box{ width:70%; height:240px; padding:0 20px 0 40px; overflow:hidden; float:right; font-size:16px; line-height:30px;}
	
	.qywh{ -webkit-background-size:cover; background-size:cover;}
	
	.about-path .item{ padding:15px 20px 15px 480px; position:relative;}
	.about-path .date{ width:430px; padding-right:50px;}
	.about-path .text{ width:auto;}
	.about-path .line{left:430px;}
	.about-path .point{ width:15px; height:15px; left:423px;}
	
	.architecture .tit span{height:120px;}
	.architecture-list{ margin:0 10px;}
	.architecture-list .line1{position:absolute; left:8.33%; right:8.33%;}
	.architecture-list li{ width:16.66%; padding:80px 10px 0; }
	.architecture-list .name{font-size:14px;}
	
	.shrk .imglist{ width:240px; margin-left:20px;}  
	.shrk .text-box{ width:680px; margin-right:20px;}
	
	
	.main{ width:auto; float:none; padding:20px;}
	.main .content{ padding:0;}
	.side{ width:auto; float:none; padding:0; margin:20px 20px 0; position:relative; z-index:20;}
	.side .side-nav{ display:none; margin-top:0; background:#FFF; position:absolute; right:0; top:60px; left:0; -webkit-box-shadow: 0 6px 8px rgba(0,0,0,.21); box-shadow: 0 6px 8px rgba(0,0,0,.21);}
	.side .side-bt{ height:60px; line-height:60px; background:#e3cbcb; color:#FFF; padding:0 20px; text-align:center; font-size:24px;}
	.side .side-bt:after{ display:none;}
	.side .side-bt .icon-ny-arrow16{ width:20px; height:20px; line-height:20px; font-size:20px; display:inline-block; vertical-align:middle; margin:-2px 0 0 5px; -webkit-transform:rotate(90deg); transform:rotate(90deg);}
	.side.active .side-bt .icon-ny-arrow16{-webkit-transform:rotate(-90deg); transform:rotate(-90deg);}
	.side.active .side-nav{ display:block;}
	.side-nav li{ border-bottom:#f2f2f5 1px solid;}
	.side-nav .tap{ text-align:center;}
	
	.rec-news{ height:auto;}
	.rec-news .imgbox{ width:60%;}
	.rec-news .text-box{ width:40%;}
	.rec-news .name{ max-height:80px;}
	.rec-news .dsp{ font-size:14px; line-height:24px; max-height:none; height:144px;}
	.nlist .tap{ padding-left:240px; height:140px;}
	.nlist .imgbox{ float:none; position:absolute; left:0; top:0;}
	.nlist .text-box{ width:auto; float:none; }
	
	.journal{ width:auto; margin-right:-20px;}
	.journal li{ width:33.33%; padding:20px 20px 0 0; }
	.journal .item{padding:15px 15px 165px; height:230px; position:relative;}
	.journal .imgbox{ width:150px; height:200px; float:none; position:absolute; left:15px; top:15px;}
	.journal .text-box{ width:auto; float:none; height:200px;}
	.journal .name{ font-size:20px; padding-top:40px;} 
	.journal .periods{ font-size:14px; padding-top:10px; color:#666;}
	.journal .btns{ width:100px; height:36px; line-height:32px;}
	
	
	.main{ overflow:hidden;}
	.video-list{ width:auto; margin-right:-30px;}
	.video-list .item{ width:33.33%; padding:30px 30px 0 0;}
	.video-list .name{ font-size:16px; height:48px;  line-height:24px;}
	
	.about-video { width:840px; height:490px; padding:20px;}
	
	.society-gypt{ width:auto; margin-right:-30px;}
	.society-gypt .item{ width:33.33%; padding:30px 30px 0 0;}
	
	.shzp-list li{ width:33.33%;}
	
	.ygfc{ background-attachment:local; -webkit-background-size:cover; background-size:cover;}
	.ygfc-list{ padding:0 15px;}
	.ygfc-list .imgbox img{ height:auto;}
	.ygfc-list .tap{ padding:10px;}
	
	.apply-form li{width:50%; padding-right:40px;}
	.apply-form li.wauto{ width:100%;}
	.apply-form .txt{ width:100%; height:40px;}
	.apply-form textarea.txt{ width:100%; height:100px;}
	.apply-form .btns{ width:100%;}
	
	.show-box .imgbox{ width:35%;}
	.show-info{ width:65%; padding-left:40px;}
	
	
	}
@media all and (max-width:768px){
	
	#mfocus .swiper-slide{ width:100%; height:280px; position:relative; overflow:hidden;}
	#mfocus .swiper-slide .imgbox{ height:280px; margin-left:0; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
	#mfocus .swiper-pagination{ width:100%; left:0; margin-left:0; text-align:left; bottom:15px; padding-left:55px;}
	#mfocus .swiper-slide .content {width:auto; position:absolute; z-index:3; left:60px; margin-left:0; top:35px;}
	#mfocus .swiper-slide .content .title img{ height:36px;}
	#mfocus .swiper-slide .content .item{margin-top:20px; font-size:15px; font-weight: normal; line-height:28px;}
	#mfocus .swiper-slide .content .item .ens{ font-size:12px;}
	#mfocus .swiper-slide .content .btn{width:126px; height:38px; line-height:36px; margin-top:15px; }
	
	.about-area{ height:auto; background:#FFF;}
	.about-area .l-box{ width:auto; height:auto; float:none; background:#dac3b7; padding:50px 0 90px;}
	.about-area .l-box .ads-img{ display:none;}
	.about-area .title{ text-align:center;}
	.about-area .title:after{ left:50%; margin-left:-24px;}
	.about-area .submenu{ width:auto; position:static; height:auto; margin-top:50px;}
	.about-area .submenu .item{ width:20%; float:left; margin:0;}
	.about-area .submenu .tap{ margin:0 auto; overflow:visible;}
	.about-area .submenu .tap:hover, .about-area .submenu .active .tap{ width:50px;}
	.about-area .submenu .iconfont{ float:none;}
	.about-area .submenu p{ float:none; width:88px; height:30px; line-height:30px; text-align:center;  background:#047cf6; margin:0 auto; font-size:14px; position:absolute; top:65px; left:50%; margin-left:-44px; -webkit-border-radius:30px; border-radius:30px; -webkit-transform: translateY(30px); transform: translateY(30px);}
	.about-area .submenu .tap:hover p, .about-area .submenu .active .tap p{ -webkit-transform: translateY(0); transform: translateY(0);}
	.about-area .submenu p:before{ content:''; position:absolute; top:-8px; left:50%; margin-left:-8px; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:8px solid #047cf6;} 
	.about-area .r-box{ width:auto; float:none; padding:40px; height:auto;}
	.about-area .r-box .content{ float:none; width:auto; height:auto; margin:0;}
	
	.business-area{ padding:80px 0;}
	.business-list{ margin-top:80px;}
	.business-list .item{ padding:0 20px;}
	.business-list .tap{ width:auto;}
	.business-list .dsp{ height:88px;}
	
	.product-area{ padding:60px 0;}
	.case-nav{ padding:0 5px 0 20px;}
	.case-nav li{ width:16.66%; float:left; display:block; padding:0 15px 0 0;}
	.case-nav a{ width:auto;}
	.plist{ padding-left:20px;}
	.plist .item{ width:33.33%; padding-right:20px;}
	.plist .item:nth-child(7),.plist .item:nth-child(8){ display:none;}
	.main .plist .item{ width:33.33%; display:block;}
	
	.news-area{ padding:60px 0;}
	.news-area-list{ padding-left:20px;}
	.news-area-list .item{ padding:20px 20px 0 0;}
	
	.contact-area{ padding:60px 20px;}
	.contact-area .item{ height:auto;}
	.contact-area .imgbox{ width:40%; height:auto; margin-top:62px;}
	.contact-area .imgbox img{ width:100%; position:static; height:auto; -webkit-transform:translateX(0); transform:translateX(0);}
	.contact-area .content{ width:60%;}
	.contact-area .rlzx .content{ padding-left:40px;}
	.contact-area .more-btn{ width:100%; margin-top:20px;}
	.contact-area .lxwm{ margin-top:60px;}
	.contact-area .lxwm .content{ width:100%; margin-top:25px;}
	.contact-area .lxwm .imgbox{ display:none;}
	.contact-area .address{ width:50%; float:left; margin-top:25px;}
	.contact-area-form{ width:50%; float:left; margin-top:15px;}
	.contact-area-form .btns{ width:100%;}
	
	.footer-menu li{ padding-left:20px;}
	.footer-menu h2{ font-size:14px;}
	.footer .copyright{ margin:40px 20px 0;}
	.footer .logo{ margin:0;}
	.footer .text-box{ margin-top:20px; margin:20px 0 0 0;}
	
	.banner{ height:180px; -webkit-background-size:auto 180px; background-size:auto 180px;}
	.banner .text{ width:240px; height:120px; left:40px; margin:-60px 0 0 0;}
	.banner .text img{ position:absolute; height:70px; margin-top:-35px;}
	.qygk .imgbox{ width:30%; float:left; padding-left:20px; margin-left:0;}  
	.qygk .text-box{ width:70%; height:240px; padding:0 20px 0 40px; overflow:hidden; float:right; font-size:16px; line-height:30px;}
	
	.about-path .item{ padding:15px 20px 15px 40%; position:relative;}
	.about-path .date{ width:35%; padding-right:50px;}
	.about-path .text{ width:auto;}
	.about-path .line{left:35%;}
	.about-path .point{ width:15px; height:15px; left:35%; margin-left:-7px;}
	
	.shrk .imglist{ width:30%; margin-left:0; padding-left:20px;}  
	.shrk .text-box{ width:70%; margin-right:0; padding:0 20px 0 40px; font-size:14px; line-height:30px;}
	
	.rec-news .text-box{ padding-bottom:0;}
	.rec-news .name{ max-height:none; height:40px; font-size:16px; padding-bottom:0; white-space:nowrap; text-overflow:ellipsis;}
	.rec-news .dsp{ font-size:14px; line-height:24px; max-height:none; height:96px;}
	
	.journal li{ width:50%; padding:20px 20px 0 0; }
	.journal .item{padding:15px 20px 165px; height:230px; position:relative;}
	.journal .imgbox{ width:150px; height:200px; float:none; position:absolute; left:15px; top:15px;}
	.about-video { width:auto; height:auto; padding:20px; font-size:0;}
	.about-video video{ width:100% !important; height:auto !important; display:block;}
	
	.shzp-list{ padding-left:20px;}
	.shzp-list li{ width:33.33%; padding:0 20px 0 0;}
	.shzp-list .item{ padding:15px;}
	
	
	
	
	}
	
@media all and (max-width:414px){
	.search{ display:none;}
	.quick li{ width:60px;}
	.menu-box{ width:auto; right:0;}
	
	#mfocus .swiper-slide{ width:100%; height:150px; position:relative; overflow:hidden;}
	#mfocus .swiper-slide .imgbox{ height:150px; margin-left:0; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
	#mfocus .swiper-pagination{ width:100%; left:0; margin-left:0; text-align:left; bottom:10px; padding-left:15px;}
	#mfocus .swiper-slide .content {width:auto; position:absolute; z-index:3; left:20px; margin-left:0; top:25px;}
	#mfocus .swiper-slide .content .title img{ height:18px;}
	#mfocus .swiper-slide .content .item{margin-top:10px; font-size:12px; font-weight: normal; line-height:20px;}
	#mfocus .swiper-slide .content .item .ens{ font-size:12px;}
	#mfocus .swiper-slide .content .btn{ display:none;}
	
	.about-area .l-box{ padding:50px 0 30px;}
	.about-area .title{ height:auto; padding-bottom:20px;}
	.about-area .title .chs{ font-size:24px;}
	.about-area .title .ens{ font-size:14px;}
	.about-area .submenu{ margin-top:30px;}
	.about-area .submenu .tap p{ display:none;}
	.about-area .r-box{ padding:15px;}
	.about-area .r-box .content{ padding:10px 15px;}
	.about-area .scrollBox{ height:240px;}
	
	.business-area{ padding:50px 0; -webkit-background-size:cover; background-size:cover;}
	.business-area .title .chs{ font-size:24px;}
	.business-area .title .ens{ font-size:14px; margin-top:15px;}
	.business-list{ margin-top:40px;}
	.business-list .iconfont{ width:72px; height:72px; border:#fff 1px solid; line-height:70px; font-size:30px;}
	.business-list .name{ font-size:18px; margin-top:20px;}
	.business-list .dsp{ display:none;}
	
	.product-area{ padding:50px 0 15px;}
	.product-area .title .chs{ font-size:24px;}
	.product-area .title .ens{ font-size:14px; margin-top:15px;}
	.case-nav{padding:0; margin:30px -5px 0 0;}
	.case-nav li{ width:33.33%; height:auto; padding:5px 5px 0 0;}
	.case-nav a{ -webkit-border-radius:0; border-radius:0;}
	.plist{ padding-left:15px; margin:0;}
	.plist .name{ font-size:16px; margin-top:10px;}
	.plist .item{ width:50%; padding-right:15px; margin-top:15px; display:block !important;}
	.plist .tap{ padding:10px;}
	.plist .dsp{ display:none;}
	.plist .imgbox:before{ width:36px; height:36px; line-height:36px; font-size:36px; margin:-18px 0 0 -18px;}
	
	.main .plist{ margin:0 -15px 0 0;}
	.main .plist .item{ width:50%; padding-right:15px; margin-top:15px; display:block;}
	.Filter-box{ padding:10px 0 10px 75px;}
	.Filter-box .name{ width:75px;}
	.Filter-box .name span{padding: 10px 0 0 10px;}
	.Filter-box .flist li{ width:33.33%; margin:0; height:auto; padding:0 10px; text-align:center;}
	.Filter-box .flist li a{ padding:0; display:block;}
	.Filter-box .flist{ margin:0; padding:0;}
	
	
	.news-area{ padding:50px 0 15px;} 
	.news-area .title .chs{ font-size:24px;}
	.news-area .title .ens{ font-size:14px; margin-top:30px;}
	.news-area .title .text-box:after{ bottom:28px;}
	.news-area-list{ padding:0 15px;}
	.news-area-list .item{ float:none; width:auto; padding:0; margin-top:15px;}
	
	.contact-area{ padding:15px;}
	.contact-area .imgbox{ float:none !important; width:auto !important; margin:0;}
	.contact-area .content{ float:none !important; width:auto !important; margin:20px 0 0 0; padding:0 !important;}
	.contact-area .lxwm .imgbox{ display:block;}
	.contact-area .text-box{ height:auto;}
	.contact-area .more-btn{ font-size:16px;}
	.contact-area .lxwm{ margin-top:20px;}
	.contact-area .title{ font-size:24px; height:45px;}
	.contact-area .address{ float:none; width:auto;}
	.contact-area-form{ float:none; width:auto; height:auto;}
	.contact-area-form .btns{ height:48px;}
	.contact-area .info{ font-size:14px;}
	
	.footer{ padding:20px 15px 48px;}
	.footer-menu{ display:none;}
	.footer .copyright{ margin:0; padding:0; border: none;}
	.footer .text-box{ margin-top:10px;}
	.footer .text-box br{ display:block !important;}
	
	
	.suspension{ width:100%; left:0; top:auto; bottom:0; right:0; height:48px; margin-top:0; background: rgba(40,35,36,0.95);}
	.suspension-box:after { display:none;}
	.suspension-box .tit {height:44px; line-height:44px; padding:0 15px; background:#333; text-align:left; color:#FFF; font-weight:normal;}
	.suspension .item{ width:20%; float:left; margin:0; position: static;}
	.suspension .home,.suspension .srh{ display: block;}
	.suspension .icon-ny-top{ opacity:1; background:#0086d2 !important; -webkit-transform: translateY(0); transform: translateY(0);}
	.suspension .tap{ width:100%; background:none; -webkit-border-radius:0; border-radius:0; position:relative;}
	.suspension .tap:hover{ background:none;}
	.suspension .active .tap:after{
		content:''; position:absolute; left:50%; top:0; margin-left:-8px; z-index:10;
		border-right: 8px solid transparent;
		border-left: 8px solid transparent;
		border-top: 8px solid #fff;}
	.suspension .item:nth-child(1) .tap:after,
	.suspension .item:nth-child(2) .tap:after,
	.suspension .item:nth-child(5) .tap:after
	{ display:none;}
	.suspension-box{ padding:0 0 15px; width:100% !important; left:0 !important;  -webkit-transform:translateX(0);transform:translateX(0);}
	.suspension-box .icon-ny-menuclose{ width:44px; height:44px; display:block; position:absolute; right:0 !important; top:0 !important; color:#FFF; z-index:20; font-size:20px; text-align:center; line-height:44px;}
	.zxrx{ top:-144px;}
	.zxrx ul{ padding:20px 0 5px;}
	.zxrx ul li{ width:50%; float:left; }
	.zxrx ul li a{ height:60px; border:none; padding:0; font-size:16px !important; height:auto; text-align:center; margin:0; line-height:30px;}
	.zxrx ul li a .iconfont{ width:30px; height:30px; font-size:30px; display:block; margin:0 auto;}
	.zxrx ul li a:hover{ background:none; color:#282324;}
	.ewms{ top:-194px; padding-top:25px;}
	.ewms img{ margin:0 auto;}
	.ewms .icon-ny-menuclose{ color:#0086d2;}
	.suspension .item:hover .suspension-box{ opacity:0; visibility: hidden;}
	.suspension .item.active .suspension-box{ opacity:1; visibility: visible;}
	.suspension .item.active .tap{ background:#0086d2;}
	.searchLayer{ display:block;background:#fff; position: fixed; left:0px; right:0; top:0; bottom:0; padding-top:88px; z-index:400; visibility:hidden; opacity:0;-webkit-transition:all 0.3s; transition:all 0.3s;}
	.searchLayer.active{visibility: visible; opacity:1;}
	.searchLayer .search{ width:auto; height:48px; left:20px; right:20px; top:20px; margin:0; padding-right:58px; display:block;}
	.searchLayer .search .txt{ width:100%; height:48px; padding:14px 20px; display:block; float:none;}
	.searchLayer .search .btns{ width:48px; height:48px; position:absolute; right:0; top:0; float:none;}
	.searchLayer .search .btns .icon-ny-sousuo{ width:24px; height:24px; line-height:24px; font-size:24px; margin:12px auto;}
	.searchLayer .close{ position:absolute; left:0; right:0; bottom:0; height:48px; background:#282324; color:#fff; text-align:center; display:block; font-size:18px; line-height:48px;}
	.s-hot{ margin:0 20px;}
	.s-hot-title{ font-size:16px; height:44px; line-height:44px; border-bottom:#eee 1px solid;}
	.s-hot-list li{ border-bottom:#eee 1px solid;}
	.s-hot-list li a{height:44px; line-height:44px; font-size:15px; color:#666; display:block; position:relative;}
	.s-hot-list li a:before{font-family:"iconfont" !important; content: "\e78a"; width:16px; height:16px; line-height:16px; color:#ccc; display:block; position:absolute; right:0; top:50%; margin-top:-8px;}
	
	.about-item { overflow:hidden; padding:50px 0;}
	.about-item .title{ padding-bottom:20px;}
	.about-item .title .chs{ font-size:24px;}
	.about-item .title .ens{ font-size:14px; margin-top:15px;}
	
	.banner{ height:120px; -webkit-background-size:auto 120px; background-size:auto 120px;}
	.banner .text{ width:180px; border:#fff 3px solid; height:90px; left:15px; margin:-45px 0 0 0;}
	.banner .text img{ position:absolute; left:20px; height:60px; margin-top:-30px;}
	
	.qygk .content{ margin-top:40px;}
	.qygk .imgbox{ height:auto; padding:0; float:none; width:50%; margin:0 auto;}
	.qygk .text-box{ float:none; width:auto; padding:15px; height:auto; overflow: visible; font-size:15px;}
	
	.about-path{ padding-top:25px;}
	.about-path .item{ padding:15px 15px 15px 120px; position:relative;}
	.about-path .date{ width:90px; padding-right:30px; font-size:18px;}
	.about-path .text{ width:auto; padding:10px 15px; font-size:14px; line-height:24px;}
	.about-path .line{left:80px;}
	.about-path .point{ width:15px; height:15px; left:80px; margin-left:-7px;}
	
	.architecture{ margin-top:40px;}
	.architecture-list{ margin:0 5px;}
	.architecture-list li{padding:80px 5px 0; }
	.architecture-list .imgbox{ padding:4px; -webkit-border-radius: 5px; border-radius: 5px;}
	.architecture-list .imgbox img{ -webkit-border-radius:0; border-radius:0;}
	.architecture-list .name{ width:28px; padding:10px 0 0; line-height:16px; margin:0 auto;font-size:14px;}
	
	.shrk .imglist{ width:auto; overflow:hidden; margin:0; padding:0 0 0 15px; float:none;}  
	.shrk .imglist li{ float:left; width:50%; padding:0 15px 0 0; background:none; margin:0;}
	.shrk .imglist li img{ border:none;}
	.shrk .text-box{ float:none; width:auto; margin:0; padding:15px 15px 0; margin:0; line-height:24px;}
	.shrk .content{ margin-top:40px;}
	
	.main{padding:15px;}
	.side{ margin:15px 15px 0;}
	.location{ float:none; line-height:20px; padding:10px 0 0 17px; font-size:12px;}
	.main .content{ margin-top:15px; font-size:15px; line-height:28px;}
	.main-bt{ height:auto; padding:15px 0 10px; border-bottom: #e2e2e5 1px solid;}
	.main-bt .name{ height:auto; font-size:18px; border-left:#047cf6 3px solid; float:none; margin:0;}
	
	.rec-news .imgbox{ width:auto; float:none;}
	.rec-news .text-box{ width:auto; float:none;}
	.rec-news .text-box{ padding:20px;}
	.rec-news .more-btn{ width:100%;}
	.nlist .item{ padding:15px 0;}
	.nlist .tap{ padding-left:130px; height:80px;}
	.nlist .imgbox{ width:120px; height:80px;}
	.nlist .name{ height:24px; line-height:24px; font-size:14px;}
	.nlist .dsp{ height:36px; line-height:18px; font-size:12px;}
	.nlist .date{ height:20px; line-height:20px;}
	
	.news-bt{ font-size:16px; padding:15px 0;}
	.news-info{font-size:12px; padding-bottom:15px;}
	.news-info .line{height:12px;}
	
	.journal{ margin:0;}
	.journal li{ width:auto; padding:0; float:none; margin-top:15px;}
	.journal .item{padding:15px 15px 165px; height:230px; position:relative;}
	.journal .imgbox{ width:150px; height:200px; float:none; position:absolute; left:15px; top:15px;}
	
	.video-list{margin-right:-15px;}
	.video-list .item{ width:50%; padding:15px 15px 0 0;}
	.video-list .name{ font-size:14px; height:48px; line-height:24px; margin:10px;}
	
	.about-video {padding:15px;}
	
	.media-down .item{ padding:10px 70px 10px 10px; margin-top:15px;}
	.media-down .item p{ font-size:15px; height:30px; line-height:30px;}
	.media-down .btns{ width:30px; height:30px; line-height:30px; font-size:18px; margin-top:-15px; right:10px;}
	
	.society-gypt{ width:auto; margin-right:0;}
	.society-gypt .item{ width:auto; float:none; padding:0; margin-top:15px;}
	
	.shzp-list{ padding:0 15px; margin-top:20px;}
	.shzp-list li{ width:auto; float:none; padding:0; margin-top:15px;}
	
	.ygfc-list{ padding:0 10px;}
	.ygfc-list li{ width:50%;}
	.ygfc-list .name{ height:30px; line-height:30px; font-weight:normal;}
	
	
	.job-list .item{padding:15px 0;}
	.job-list .btn{ width:72px; padding:0;}
	.job-list dl{ height:auto; overflow:hidden; margin-top:10px;}
	.job-list dl dd{ width:50%; height:26px; line-height:26px; text-align:left !important;}
	.job-list dl dd:nth-child(2n){ text-align:right !important;}
	.apply-btn{ width:100%; height:44px; line-height:44px; font-size:18px;}
	
	
	.apply-form li{width:100%; padding-right:0;}
	.apply-form li.wauto{ width:100%;}
	
	.show-box{ margin-top:15px;}
	.show-box .imgbox{ width:auto; float:none;}
	.show-info{ width:auto; float:none; padding:0;}
	.show-info .opn{ padding:20px 0;}
	.show-info .opn .btn{ width:100%; margin:0 0 10px 0;}
	
	
	
	}
.job-more{ width:220px; height:48px; padding:0; border:none; display:block; margin:40px auto 0; line-height:48px; font-size:18px; -webkit-transform:translateY(100px); transform:translateY(100px); -webkit-border-radius:48px; border-radius:48px;}


.contact .banner{ height:220px;background:url(../image/top_b.jpg) no-repeat center top;}
.contact .w1200{ width:1000px; margin:0 atuo; padding:100px 0; position:relative;}
.contact .w1200 .info{padding-top:30px;}
.contact .w1200 img.action_d{ position:absolute; right:0; top:0px;}