body{min-width: 320px; background: url(/static/www/body.png);}	
.panel,.panelw{ width: 100%; padding-top: 91px; overflow: hidden;}
#nav{ position: fixed; height: 55px; line-height: 55px; right: 57px; top: 36px; padding-right: 11px; background:url(/static/www/i1.png) no-repeat right 13px; z-index: 9999;}
#nav a{ float: left; display: block; height: 55px; line-height: 55px; position: relative; margin-left: 20px; font-weight: bold; color: #000000; padding: 0 7px; text-align: center;}
#nav a span{display: block;}
#nav a span.nav_sp2{margin-top: -55px; opacity: 0;}
#nav a i{ display: block; width:0; height: 1px; background: #1eb8ae; position: absolute; top: 50%; left: 50%;transition: 0.8s all;-moz-transition:0.8s all; -webkit-transition:0.8s all; -o-transition:0.8s all;}
#nav a:hover span.nav_sp1{ opacity: 0;}
#nav a:hover span.nav_sp2{ opacity: 1;}
#nav a:hover i{ width: 100%; height: 1px; left: 0;}
.tel{ position: fixed; bottom: 37px; right: 65px; font-size: 12px; line-height: 15px; z-index: 99;}
.tel a{ margin-left:15px ;}
.tel img{ margin-top: -5px;}
.logo{ position: fixed; left: 56px; top:10px; z-index: 9999;}
.panel_div{ width: 100%; height: 100%; overflow: hidden;}
.panel_div1{width: 100%; overflow: hidden;}
#lsit{ width: 100%; height: 100%; overflow: hidden; opacity: 0;transition: 1s all;-moz-transition:1s all; -webkit-transition:1s all; -o-transition:1s all; }
#lsit ul{ width: 100%; overflow: hidden;}
#lsit li{ width: 25%; float: left; overflow: hidden;}
#lsit li div.mba{ width: 100%; overflow: hidden; position: relative; cursor: pointer;}
#lsit li i{ display: block; width:0; height:0;  position: absolute; top: 50%; left: 50%; background: rgba(0,0,0,0.9);}
#lsit li div.mba{ width: 100%; overflow: hidden; position: relative; text-align: center;}

#lsit li div.mbaw{ display: block; width: 100%; height: 100%; position:absolute; top: 0; left: 0; overflow: hidden;z-index: 10;}
#lsit li div.ios1{ width: 100%;position: absolute; top: -100%; left: 0; transition: 1s all;-moz-transition:1s all; -webkit-transition:1s all; -o-transition:1s all; text-align: center; line-height: 1em; margin-top: -3.8em;}
#lsit li div.ios1 span{ font-size: 1.8rem; color: #fff;}
#lsit li div.ios1 p{ font-size: 1.2rem; color: rgba(255,255,255,0.5);}
#lsit li div.ios1 p img{ padding: 0.5em 0;}
#lsit li div.ios2{ width: 100%; padding:0 2.5rem; height: 4.4rem; line-height: 4.4rem; font-size: 1.2rem; line-height: 2.2rem; overflow: hidden; position:absolute;  transition: 1.3s all;-moz-transition:1.3s all; -webkit-transition:1.3s all; -o-transition:1.3s all; bottom: -100%; left: 0; color:rgba(255,255,255,0.2);}
#lsit li:hover i{ width: 100%; height: 100%;top: 0; left: 0; z-index: 5;}
#lsit li:hover div.ios1{ top: 50%;}
#lsit li:hover div.ios2{ bottom: 11%;}
.copy_cs2{position: relative; width: 100%; background: #000000; text-align: center;}
.copy_news a div,.copy_news i{ display: none;}
#sierbar{ display: none;}
/*案例*/
#cace_left{width: 100%; height: 100%; position: fixed; top: 0; left: -100%; overflow: hidden; background: #fff;transition: 1s all;-moz-transition:1s all; -webkit-transition:1s all; -o-transition:1s all; z-index: 9999;}

.swiper-slide{ text-align: center;}
#ld{ width: 100%; height: 100%; position:fixed; top: 0; left: 0; background:#000; z-index: 999999; overflow: hidden;}
.ld_naws{ width: 185px; height: 87px; position: absolute; top: 50%; left: 50%; margin-top: -44px; margin-left: -92px;overflow: hidden;}
.ld_naws img{ position: absolute; left: 0; top: 0; opacity: 1; transition: 2s all;-moz-transition:2s all; -webkit-transition:2s all; -o-transition:2s all; z-index: 4;}
.ld_naws i{ width: 0; height: 100%; left: 0; top: 0; display: block; background: #fff; transition: 2s all;-moz-transition:2s all; -webkit-transition:2s all; -o-transition:2s all; position: relative; z-index: 3;}
.case_more{ width:100%; height: 100%; background-image:url(/static/www/yd_logo.png);}
.cace_left_divw{ width: 100%;overflow: hidden; background: #fff;}

.cace_left_div,.cace_left_divw,.cace_left_boty{ opacity: 0;transition: 1s all;-moz-transition:1s all; -webkit-transition:1s all; -o-transition:1s all;}


.cace_left_s2{ width: 100%; overflow: hidden; position: relative; margin-top: 15px;}
.cace_left_s .jspHorizontalBar,.cace_left_s .jspVerticalBar{ display: none;}
.copy_news .cf{ cursor: pointer;}
.see{ cursor:pointer;}
.panel{transition: 1s all;-moz-transition:1s all; -webkit-transition:1s all; -o-transition:1s all;}
.fey{ text-align: center; padding: 50px 0; overflow: hidden; height: 54px;}
.fey div{ width: 270px; margin: 0 auto; overflow: hidden; position: relative;}
.fey a.first,.fey a.last,.fey a.num{ display: none;}
.fey a.prev{ display:block; width:78px; height: 54px; overflow: hidden; text-indent: -99999em; background: url(/static/www/ws1.png) no-repeat center; position: absolute; left: 0; top: 0;}
.fey a.next{ display:block; width:78px; height: 54px; overflow: hidden; text-indent: -99999em; background: url(/static/www/ws3.png) no-repeat center; position: absolute; right: 0; top: 0;}
.fey span{ display:block; height: 54px;  width: 110px; text-align: center; margin: 0 auto; line-height: 54px;}
.fey span b{ font-size: 30px; font-weight:100;}
#home .control{ z-index: 9999;}
#home .cycler section{ z-index: 887;}
#home .cycler section.this{ opacity: 1; z-index: 888;}
#home .cycler section span{ display: block; overflow: hidden; position: absolute;}
#home .cycler section img{transition: 0.5s all;-moz-transition:0.5s all; -webkit-transition:0.5s all; -o-transition:0.5s all;}
#home .cycler section span img{ max-width:none; height: 100%; position: absolute; left: 0; bottom: -100%;transition: 1s all;-moz-transition:1s all; -webkit-transition:1s all; -o-transition:1s all;}
.aakkw{ display: none;}
.copy_news .cf div{ display: none;}

.cace_left_s2 .swiper-button-prev{position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;left: 10px;}
    .cace_left_s2 .swiper-button-next{    right: 10px;position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;}
@-ms-viewport {
 width: device-width;
}
 @media print {

}
@media (min-width: 980px) {
	
 	.aboutus_content_banner .swiper-container{ overflow:inherit; width: 475px; height: 403px; float: left;}
 	.aboutus_content_banner .swiper-wrapper{ width: 100%; height: 100%; overflow: hidden;}
 	.aboutus_content_banner .swiper-slide img{ width: 297px; height: 403px; float: left;}
 	.aboutus_content_banner .swiper-slide span{ position: absolute; display: block; width: 100%; bottom: 60px; right: 0; font-size: 16px; color: #333333; text-align:right;}
 	.aboutus_content_banner .swiper-slide p{ position: absolute; bottom: 25px; right: 0; color: #45c5bb; font-size: 23px; font-weight: bold; font: "Arial";text-align: right;letter-spacing:4px; }
 	.aboutus_content_banner .swiper-pagination{ text-align: right;}
 	.aboutus_content_banner .swiper-container-horizontal>.aboutus_content_banner .swiper-pagination-bullets{ bottom: 0;}
 	.aboutus_content_banner .swiper-pagination-bullet{ opacity: 1;}
 	.aboutus_content_banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ width: 5px; height: 5px; margin: 0 2px; border-radius: 0;}
 	.aboutus_content_banner .swiper-pagination-white .swiper-pagination-bullet-active,.aboutus_content_banner .swiper-pagination-white .swiper-pagination-bullet{ background:#000;}
 	.aboutus_content_banner .swiper-container .swiper-pagination-bullet-active{ background: #1eb8ae;}
 	.aboutus_content_banner .swiper-button-prev.swiper-button-white{ width:42px; height: 42px; background: url(/static/www/aboutusleft.jpg) no-repeat center;}
 	.aboutus_content_banner .swiper-button-prev{bottom: 0; right: -112px; top:auto;margin-top:auto; left: auto;}
 	.aboutus_content_banner .swiper-button-next.swiper-button-white{ width:42px; height: 42px; background: url(/static/www/aboutusright.jpg) no-repeat center;}
 	.aboutus_content_banner .swiper-button-next{bottom: 0; right: -159px; top:auto;margin-top:auto;}
}
 @media (min-width: 768px) {
 	.ns2{ display: none;}
 .cace_left_s2 .swiper-button-prev i{ display: block; width: 0; height: 100%; position: absolute; right:-5px; top: 0; background: url(/static/www/case_left_hover.png) no-repeat center #56d7cf;}
.cace_left_s2 .swiper-button-prev:hover i{width:100%;background-size: 90%; padding: 0 10px;}
.cace_left_s2 .swiper-button-next i{ display: block; width: 0; height: 100%; position: absolute; left: -5px; top: 0; background: url(/static/www/case_right_hover.png) no-repeat center #56d7cf;}
.cace_left_s2 .swiper-button-next:hover i{width:100%;background-size: 90%; padding: 0 10px;}

 	.asww{ width: 100%; height: 91px; background: url(/static/www/body.png); position: fixed; top: 0; left: 0; z-index: 999;}
 	.case_more{ display: block; width: 100%; overflow: hidden; background: url(/static/www/more_bj.jpg) no-repeat right center; background-size: auto 100%; text-align: center; position: relative;}
 	.case_more img{ width: 30%; position: absolute; top: 35%; left: 35%;}
 	 #aboutus{ width: 100%; overflow: hidden; position: relative; opacity: 0;transition: 1s all;-moz-transition:1s all; -webkit-transition:1s all; -o-transition:1s all;}
  	.zddw{width: 100%; height: 91px; background: #000; position: fixed; top: 0; left: 0; z-index: 999;}
  	.aboutus_div1c{ display: none;}
 	.aboutus_div1{ width: 100%; height: 800px; position: relative; background: url(/static/www/aboutus.png) no-repeat center bottom; z-index: 3;}
 	 
 	 
 	.left_nva{ width: 100%; height: 100%; position: absolute; top: 50%; right: 50%; overflow: hidden; background: url(/static/www/body.png); opacity: 0;transition: 1s all;-moz-transition:1s all; -webkit-transition:1s all; -o-transition:1s all;}
 	.left_nva_lsit{ width: 100%; height: 100%; overflow: hidden;padding: 3.7rem 4.479% 3.7rem 0;-o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
 	.left_leftw{ width: 100%; height: 100%; overflow: hidden; background: #000;}
 	.left_nva_lsit a{ display: block; width: 25%; height: 100%; text-align: center; overflow: hidden; position: relative; background:#000; float: left;}
 	.left_nva_lsit a samp{ display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(/static/www/left_nva.jpg) no-repeat center; background-size: cover; z-index: 10; opacity: 1;transition: 1s all;-moz-transition:1s all; -webkit-transition:1s all; -o-transition:1s all; opacity: 0;}
 	.left_nva_lsit a:nth-of-type(1) samp b{ display: block; width: 100%; height: 100%; background: url(/static/www/ns1.png) no-repeat center; background-size: 78%;}
 	.left_nva_lsit a:nth-of-type(2) samp b{ display: block; width: 100%; height: 100%; background: url(/static/www/ns2.png) no-repeat center 45%; background-size: 40%;}
 	.left_nva_lsit a:nth-of-type(3) samp b{ display: block; width: 100%; height: 100%; background: url(/static/www/ns3.png) no-repeat center 45%; background-size: 64%;}
 	.left_nva_lsit a:nth-of-type(4) samp b{ display: block; width: 100%; height: 100%; background: url(/static/www/ns4.png) no-repeat center 45%; background-size: 52%;}
 	.left_nva_lsit a div{ width: 100%; position: absolute; top: 37.38%; left: 0; z-index: 100;}
 	.left_nva_lsit a:hover samp{ opacity: 1;}
 	
 	.left_nva_lsit a div span{ display:inline-block;  padding: 0 1rem; font-size: 4.8rem; font-weight: bold; color: #fff; position: relative;}
 	.left_nva_lsit a div span i{ display: block; width: 100%; height: 1px; background: #fff; position:absolute; left: 0; top: 50%;}
 	.left_nva_lsit a div p{ font-size: 1.6rem; color: #fff; padding-top: 1rem;}
 	
 	.left_foot{ display: none;}
 	
 	.body_left{width: 0; height: 0; overflow: hidden;-o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: fixed; right: 0; top: 50%; z-index: 99999; background: transition: 1s all;-moz-transition:1s all; -webkit-transition:1s all; -o-transition:1s all; }
 	.body_bj1{width:100%; height: 100%;transition: 0.1s all;-moz-transition:0.1s all; -webkit-transition:0.1s all; -o-transition:0.1s all; font-size: 20px; color: #fff; border-radius: 50%;background: #000;}
 	
 	.exc{transition: 0.3s all;-moz-transition:0.3s all; -webkit-transition:0.3s all; -o-transition:0.3s all;}
 	
  	#bootw{ position: fixed; top: 50%; right: 3.0208%; z-index: 999999; margin-top: -24px;}
  	.piaowfw{ position: fixed; bottom: 10.5%; right: 3.0208%; z-index: 999;}
  	.piaowfw div{ width: 57px; height: 57px; text-align: center; position: relative; border-radius: 50%; margin-top:1em;transition: 0.5s all;-moz-transition:0.5s all; -webkit-transition:0.5s all; -o-transition:0.5s all;}
  	.piaowfw div:hover span{ background: #56d7cf;}
  	.piaowfw div span{ display: block; width: 57px; height: 57px; border-radius: 50%; overflow:hidden; position: relative; z-index: 5; background: #2a2a2c;}
  	.piaowfw div span img{ margin-top: 17px;}
  	.piaowfw div samp{ display: block; width: 0; height: 57px; line-height: 57px; font-weight: bold; color: #fff;background: #56d7cf; position: absolute; top: 0; right: 30px;font-size: 16px; font-family: "微软雅黑"; z-index: 4; border-top-left-radius: 30px; border-bottom-left-radius: 30px; overflow: hidden;transition: 0.5s all;-moz-transition:0.5s all; -webkit-transition:0.5s all; -o-transition:0.5s all; letter-spacing: 3px;}
  	.piaowfw div:hover samp{padding: 0 30px; width: auto;}
  	.piaowfw div .erwmw{max-width:none; width: 150px; position: absolute; top: -50px; left: -160px; display: none;}
  	
  	.nva{ width: 57px; height: 57px; background: #2a2a2c; text-align: center; border-radius: 50%; overflow: hidden; position: relative; cursor: pointer; overflow: hidden;}
  	.cloel{width: 57px; height: 57px; background: #2a2a2c; text-align: center; border-radius: 50%; overflow: hidden; position:fixed; cursor: pointer; overflow: hidden;top: 50%; right: 3.0208%; margin-top: -24px; display: none; z-index: 999999;}
  	.nva span{ display: block; width: 26px; height: 2px; background: #fff; position: absolute; left: 16px;}
  	.nva span.nva_s1{ top: 23px;}
  	.nva span.nva_s2{ bottom: 23px;}
  	.cloel span{ display: block; width: 21px; height: 0; position: absolute; top: 18px; left: 18px; overflow: hidden;}
  	.cloel span.this{ height: 21px;}
  	
  	#news{ width: 100%; position: fixed; height:0; left: 0; top: 50%; background: rgba(0,0,0,1); z-index: 999999999; overflow: hidden;transition: 1s all;-moz-transition:1s all; -webkit-transition:1s all; -o-transition:1s all;}
  	.news_content{ width:80%; height: 100%;-o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 100px; margin: 0 auto;}
  	.news_wwc{ width: 100%; height: 100%; overflow: hidden; position: relative;transition: 0.5s all;-moz-transition:0.5s all; -webkit-transition:0.5s all; -o-transition:0.5s all;}
  	.news_content_txt{ width: 100%; height:0; margin-top: 50%; overflow: hidden;background: #fff;transition: 1s all;-moz-transition:1s all; -webkit-transition:1s all; -o-transition:1s all;}
  	.news_content_txt_it,.news_content_txt_tt{margin-right: 5px; background: #fff;}
  	.news_content_txt_it{ text-align: center; padding: 52px 0 20px; overflow: hidden;}
  	.news_content_txt_it h3{ font-size: 24px; color: #000000;}
  	.news_content_txt_it p{color: #000000; font-size: 14px; padding-top: 10px;}
  	.news_content_txt_tt{ font-size: 14px; color: #333333; line-height: 1.8em;padding: 0 30px 30px;}
  	.news_content_txt_tt img{  margin-bottom: 10px;}
  	.jspDrag{ background: #fff; width: 5px;}
  	.jspVerticalBar{width: 5px;}
  	.jspTrack{background: #555556;}
  	
  	.news_cloel{width: 50px; height: 50px; display: none; background: #000000;overflow: hidden;cursor: pointer; overflow: hidden; position: absolute; top: 0; right: 1.4rem; z-index: 99999;}
  	.news_cloel span{ display: block; width: 21px; height: 0; position: absolute; top: 14px; left: 14px; overflow: hidden;}
  	.news_cloel span.this{ height: 21px;}
  	
  	.case_cloel{width: 57px; height: 57px; background: #2a2a2c; text-align: center; border-radius: 50%; overflow: hidden; position:fixed; cursor: pointer; overflow: hidden;top: 50%; right: 3.0208%; margin-top: -24px; display: none; z-index: 999999;}
  	.case_cloel span{ display: block; width: 21px; height: 0; position: absolute; top: 18px; left: 18px; overflow: hidden;}
  	.case_cloel span.this{ height: 21px;}
  	
  	.news_left{ width: 50px; height: 155px; opacity: 0; margin-left: -60px; margin-bottom: -155px; position: relative; z-index: 999999;transition: 1s all;-moz-transition:1s all; -webkit-transition:1s all; -o-transition:1s all;}
  	.news_left a{ display: block; width: 50px; height: 50px; overflow: hidden; text-indent: -999999em; margin-bottom: 1px;}
  	.news_left a.last{ background: url(/static/www/last.png) no-repeat center #fff;}
  	.news_left a.next{ background: url(/static/www/next.png) no-repeat center #fff; margin-bottom: 5px;}
  	.news_left a.share{ background: url(/static/www/share.png) no-repeat center #fff;}
  	.news_left a.last:hover{ background: url(/static/www/last_hover.png) no-repeat center #1eb8ae;}
  	.news_left a.next:hover{ background: url(/static/www/next_hover.png) no-repeat center #1eb8ae; margin-bottom: 5px;}
  	.news_left a.share:hover{ background: url(/static/www/share_hover.png) no-repeat center #1eb8ae;}
  	
  	#aboutus{ width: 100%; overflow: hidden; position: relative; opacity: 0;transition: 1s all;-moz-transition:1s all; -webkit-transition:1s all; -o-transition:1s all;}
  	.zddw{width: 100%; height: 91px; background: #000; position: fixed; top: 0; left: 0; z-index: 999;}
  	.aboutus_div1c{ display: none;}
  	#home { width: 100%; height: 100%; overflow: hidden; position: relative; }
	#home .cycler { width: 100%; height: 100%; overflow: hidden; position: relative; }
	#home section {width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0;transition: 0.5s all;-moz-transition:0.5s all; -webkit-transition:0.5s all; -o-transition:0.5s all;background:url(/static/www/body.png);}
	#home section div{height: 100%; position: absolute;left: 50%; top:50%;}
	#home section div img{transition: 1s all;-moz-transition:1s all; -webkit-transition:1s all; -o-transition:1s all;}
	#aw1 { top: 0; z-index:10;}
	#aw2 { top: 100%; z-index:9;}
	#aw3 { top: 0; z-index:8;}
	#home .control{width: 40px; height: 60px; position: absolute; top: 50%; right:50%; margin-right:-34%; margin-top: -30px;}
	#home .control span{display: block; width: 16px; height: 2px; background: #e4e4e4; margin: 9px 0;}
	#home .control span.this{width: 40px; height: 4px; background: #000000;}
	
	/*第三屏*/
	
	.banner_txt1_5{width: 42.983%; left: 0; bottom: 11.24%;  z-index: 3;}
	.banner_img1{width: 62.9%; right:13.38%; top: 9.357%;z-index: 4;}
	.see1{width: 5.564%;left: 0; bottom:26.83% ; opacity: 0; z-index: 5;}
	
	.cy3_sp1{width: 52.66%; left:0; top: 26%; z-index: 5;}
	.cy3_sp2{width: 27%;left:0; top: 40%;z-index: 5;}
	.cy3_sp3{width: 42.5%;left:0; top: 42.84%;z-index: 5;}
	.cy3_sp3 small{ display: block; position: absolute; width: 100%; left: 0; top: 0;transition: 1s all;-moz-transition:1s all; -webkit-transition:1s all; -o-transition:1s; opacity: 0;}
	.cy3_sp3 samp{font-size: 4.8rem;transition: 1s all;-moz-transition:1s all; -webkit-transition:1s all; -o-transition:1s; font-family: "微软雅黑";}
	#home .cycler section span.cy3_sp3 .banner_txt3{ display: block; position: absolute; bottom: 3px; left: 0; height: 1px; background: #555556; width: 0;transition: 1.8s all;-moz-transition:1.8s all; -webkit-transition:1.8s all; -o-transition:1.8s;}
	
	.cy3_sp4{width: 23.225%; left:0; top: 52.9875%;z-index: 5;}
	.cy3_sp5{width: 48.87%; right: 18.387%; top: 52.4385%;z-index: 5;}
	
	/*第二屏*/
	.banner_txt2_5{width: 42.983%; left: 0; bottom: 11.24%;  z-index: 3;}
	.banner_img2{width: 70.56%; right:7.016%; top: 16.91%;z-index: 4;}
	.see2{width: 5.564%;left: 0; bottom:26.83% ; opacity: 0; z-index: 5;}
	
	.cy2_sp1{width: 49.838%; left:0; top: 23.449%; z-index: 5;}
	.cy2_sp2{width: 27%;left:0; top: 36.811%;z-index: 5;}
	.cy2_sp3{width: 38.629%;left:0; top: 39.797%;z-index: 5;}
	.cy2_sp3 small{ display: block; position: absolute; width: 100%; left: 0; top: 0;transition: 1s all;-moz-transition:1s all; -webkit-transition:1s all; -o-transition:1s; opacity: 0;}
	.cy2_sp3 samp{font-size: 4.8rem;transition: 1s all;-moz-transition:1s all; -webkit-transition:1s all; -o-transition:1s; font-family: "微软雅黑";}
	#home .cycler section span.cy2_sp3 .banner_txt3{ display: block; position: absolute; bottom: 3px; left: 0; height: 1px; background: #555556; width: 0;transition: 1.8s all;-moz-transition:1.8s all; -webkit-transition:1.8s all; -o-transition:1.8s;}
	
	.cy2_sp4{width: 27.661%; left:0; top: 49.605%;z-index: 5;}
	.cy2_sp5{width: 56.1698%; right: 17.147%; top: 43.179%;z-index: 5;}
	
	/*第一屏*/
	.banner_txt3_5{width: 42.983%; left: 0; bottom: 11.24%;z-index: 3;}
	.banner_img3{width: 87.016%; right: 8.0645%; top: 8.229%;z-index: 4;}
	.see3{width: 5.564%;left: 0; bottom:37.54% ; z-index: 5;opacity: 0;}
	
	
	.cy1_sp1{width: 39.758%; left:0; top: 16.91%; z-index: 5;}
	.cy1_sp2{width: 27%;left:0; top: 30.439%;z-index: 5;}
	.cy1_sp3{width: 50.241%;left:0; top: 33.2581%;z-index: 5;}
	.cy1_sp3 small{ display: block; position: absolute; width: 100%;left: 0; top: 110%;transition: 1s all;-moz-transition:1s all; -webkit-transition:1s all; -o-transition:1s; opacity: 0;}
	.cy1_sp3 samp{font-size: 4.8rem;transition: 1s all;-moz-transition:1s all; -webkit-transition:1s all; -o-transition:1s; font-family: "微软雅黑";}
	#home .cycler section span.cy1_sp3 .banner_txt3{ display: block; position: absolute; bottom: 3px; left: 0; height: 1px; background: #555556; width: 0;transition: 1.8s all;-moz-transition:1.8s all; -webkit-transition:1.8s all; -o-transition:1.8s;}
	
	.cy1_sp4{width: 27.096%; left:0; top: 43.841%;z-index: 5;}
	.cy1_sp5{width: 58.173%; right: 15.785%; top: 31.56%;z-index: 5;}
	
	
	.cace_left_div{width: 100%;  overflow: hidden; padding-right: 4.479%; background: #fff;}
 	.cace_left_s{ width: 100%; height: 100%; overflow: hidden; background: url(/static/www/cace_left_div1.jpg) no-repeat center top;}
 	.cace_left_s1{ width: 62%; overflow: hidden; height: 100%; margin: 0 auto; position:relative;}
  	
 	.cace_left_s2 .swiper-button-prev{width:5.58%; background: url(/static/www/case_left.png) no-repeat center; background-size: 100%;}
 	.cace_left_s2 .swiper-button-next{width:5.58%;background: url(/static/www/case_right.png) no-repeat center;background-size: 100%;}
 	.cace_left_s2 .swiper-pagination{ display: none;}
 	.cace_txt{ text-align: center; color: #fff; width: 100%; overflow: hidden;}
 	.cace_txt p{ line-height: 6.5rem; font-size: 1.2rem;letter-spacing:4rem; text-indent: 4rem;}
 	.cace_txt h3{ font-size: 3.2rem; padding-top: 1.5rem;}
 	.cace_txt section{ font-size: 1.2rem; font-weight: bold; padding: 1.5rem 0;}
 	.cace_txt div{ padding-bottom: 2.5rem; text-align: center;}
 	.cace_txt div img{ width: 44%;}
 	.cace_txt a{ display: block; width: 4.75%; margin: 0 auto;}
 	
 	/*新闻*/
 	#list{ margin-left: auto; margin-right: auto; min-width: 768px; max-width: 1180px;}
 	#list li{ width: 100%; overflow: hidden; padding-top: 30px;}
  	#list li .cf{ display: block; width: 100%; height: 120px; overflow: hidden; position: relative; padding: 0 37% 0 155px; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 30px; cursor: pointer;}
  	#list li .cf img{ width: 189px; height: 121px; position: absolute; top: 0; right: 0;}
  	#list li .cf div{ display: block; width: 120px; height: 120px; position: absolute; left: 0; top: 0;text-align: center; font-size: 35px; color: #999999; line-height: 70px;background:url(/static/www/js1.png) no-repeat 19px 84px #f7f7f7;transition: 1s all;-moz-transition:1s all; -webkit-transition:1s all; -o-transition:1s all; }
  	#list li .cf div samp{ font-family: "微软雅黑"; position: relative; z-index: 3;}
  	#list li i{ display: block; width: 100%; height: 1px; background: #f2f2f2;}
  	#list li .cf h3{ display:block; height: 58px; line-height: 58px; width: 100%; font-size: 16px; color: #333333; font-weight: 100; position: relative; z-index: 3;transition: 1s all;-moz-transition:1s all; -webkit-transition:1s all; -o-transition:1s all; }
  	#list li .cf p{ width: 100%; height: 50px; line-height: 25px; overflow: hidden; font-size: 14px; color: #999999; position: relative; z-index: 3;transition: 1s all;-moz-transition:1s all; -webkit-transition:1s all; -o-transition:1s all; }
  	#list li .cf span{ display: block; width:0; height: 100%; position: absolute; top: 0; left: 0; background:url(/static/www/ks.png) no-repeat 98% center #2a2a2c;transition: 2s all;-moz-transition:2s all; -webkit-transition:2s all; -o-transition:2s all; z-index: 2;}
  	#list li .cf:hover span{ width: 100%;}
  	#list li .cf:hover div,#list li .cf:hover h3,#list li .cf:hover p{ color: #fff;}
  	
}
 @media(min-width: 1px) and (max-width: 767px) {
 	#lsit{ background: #2b3131;}
 	/*.cace_left_s2 .swiper-button-prev i{ display: block; width: 0; height: 100%; position: absolute; right:0; top: 0; background: url(/static/www/case_left_hover.png) no-repeat center #56d7cf; background-size: 100%;}
.cace_left_s2 .swiper-button-prev:hover i{width:100%;}
.cace_left_s2 .swiper-button-next i{ display: block; width: 0; height: 100%; position: absolute; left: 0; top: 0; background: url(/static/www/case_right_hover.png) no-repeat center #56d7cf; background-size: 100%;}
.cace_left_s2 .swiper-button-next:hover i{width:100%;}*/
 	.ns1{ display: none;}
 	.asww,.piaowfw{ display: none;}
 	#lsit li.nasws{ width: 100%; clear: both; overflow: hidden;}
 	.case_more{ display: block; width: 100%; overflow: hidden; background: url(/static/www/more_bj.jpg) no-repeat right center; background-size: auto 100%; text-align: center; position: relative;}
 	.case_more img{ width: 70px; position: absolute; left: 50%; margin-left: -35px; top: 50%; margin-top: -35px;} 	
   #nav,.logo,.tel,.copy_rwm{ display: none;}
   .panel, .panelw{ padding-top: 0;}
   .copy_cs2_img1{ padding: 40px 15% 20px; overflow: hidden;color: #fff;}
   .copy_cs2_img1 p{margin-bottom: 10px;}
   .copy_cs2_img2 img{max-width:none; width: 130%; margin-left: -15%;}
   .copy_cs2_txt{ padding: 25px 0 25px; overflow: hidden; color: rgba(255,255,255,0.2);overflow: hidden;}
   .copy_cs2_txt span{ display: block;}
   .copy_wp{ width: 100%; position: relative; overflow: hidden; margin-bottom: 25px;}
 	.copy_news section,.copy_news span{ display: none;}
 	.copy_news .cf div{ display: block; width: 70px; height: 60px; background:url(/static/www/js1.png) no-repeat 13px 50px #f7f7f7; position: absolute; top: 20px; left: 20px; text-align: center; font-size: 18px; color: #999999; font-family: "Arial"; padding-top: 10px; background-size: 10px;transition: 0.5s all;-moz-transition:0.5s all; -webkit-transition:0.5s all; -o-transition:0.5s all;}
 	.copy_news{ width: 100%; overflow: hidden; position: relative;transition: 0.5s all;-moz-transition:0.5s all; -webkit-transition:0.5s all; -o-transition:0.5s all;}
 	.copy_news .cf{ display: block; width: 100%; height: 110px; padding: 20px 15px 20px 90px; position: relative; overflow: hidden; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
 	.copy_news .cf h3{ display: block; padding-left: 10px; height: 28px; line-height: 28px; color: #333333; font-size: 14px;}
 	.copy_news .cf p{ padding-left: 10px; height: 36px; line-height: 18px; font-size: 12px; color: #999999; overflow: hidden;}
 	.copy_wp_img1{ position: absolute; width: 20px; top: 20px; left: 90px; z-index: -1;}
 	.copy_wp_img2{ position: absolute; top: 200px; right: 70px; z-index: -1;}
 	.copy_news i{display: block;height: 1px; background: #f5f5f5; margin: 0 15px 0 20px;}
 	.copy_news:hover i{ background: #f5f5f5;}
 	.copy_news:hover .cf{background: #2a2a2c;}
 	.copy_news:hover .cf h3{ color: #fff;}
 	.copy_news:hover .cf p{ color:rgba(255,255,255,0.5);}
 	.copy_news:hover .cf div{ background:url(/static/www/js2.png) no-repeat 13px 50px #2a2a2c;  background-size: 10px; color: #999999;}
 	
 	.exc{transition: 0.2s all;-moz-transition:0.2s all; -webkit-transition:0.2s all; -o-transition:0.2s all;}
 	#bootw{ position: fixed; top: 15px; right: 15px; z-index: 999999;}
 	.nva{ width: 35px; height: 35px; background: #2a2a2c; text-align: center; border-radius: 50%; overflow: hidden; position: relative; cursor: pointer; overflow: hidden;}
 	.cloel{width: 35px; height: 35px; background: #2a2a2c; text-align: center; border-radius: 50%; overflow: hidden; position:fixed; cursor: pointer; overflow: hidden;top: 15px; right: 15px; display: none; z-index: 999999;}
 	.nva span{ display: block; width: 19px; height: 2px; background: #fff; position: absolute; left: 8px;}
 	.nva span.nva_s1{ top: 13px;}
 	.nva span.nva_s2{ bottom: 13px;}
  	.cloel span{ display: block; width: 17px; height: 0; position: absolute; top: 8px; left: 9px; overflow: hidden;}
  	.cloel span.this{ height: 17px;}
  	
 	.body_left{width: 0; height: 0; overflow: hidden;-o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: fixed; right: 33px; top:33px; z-index: 99999;transition: 0.5s all;-moz-transition:0.5s all; -webkit-transition:0.5s all; -o-transition:0.5s all;}
 	.body_bj1{width:100%; height: 100%; transition: 0.2s all;-moz-transition:0.2s all; -webkit-transition:0.2s all; -o-transition:0.2s all; font-size: 20px; color: #fff; border-radius: 50%; background: #000;}
 	
 	 .left_nva{ width: 100%; height: 100%; position: absolute; top: 50%; right:50%; overflow: hidden; background: #000; opacity: 1;transition: 1s all;-moz-transition:1s all; -webkit-transition:1s all; -o-transition:1s all;opacity: 0;}
 	.left_nva_lsit{ width: 100%; height: 100%; overflow: hidden;}
 
 	.left_leftw{ width: 100%; height: 100%; overflow: hidden; background: #000;}
 	.left_nva_lsit a{ display: block; width: 100%; height: 25%; text-align: center; overflow: hidden; position: relative; background: #000;}
 	.left_nva_lsit a samp{ display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(/static/www/left_nva_app.jpg) no-repeat center; background-size: cover; z-index: 10; opacity: 0;transition: 1s all;-moz-transition:1s all; -webkit-transition:1s all; -o-transition:1s all;}
 	.left_nva_lsit a div{ width: 100%; position: absolute; top: 50%; left: 0; z-index: 100; margin-top: -20px;}
 	.left_nva_lsit a div span{ display: inline-block; height: 30px; line-height: 30px; font-size: 24px; font-weight: bold; color: #fff; padding: 0 5px; position: relative;}
 	.left_nva_lsit a div span i{ width: 100%; height: 1px; background: #fff; position:absolute; top: 50%; left: 0;}
 	.left_nva_lsit a div p{ font-size: 10px; line-height: 10px; color: #fff; padding-top: 10px;}
 	.left_nva_lsit a:hover samp{ opacity: 1;}
 	.left_foot{ display: block; width: 100%; height: 45px; line-height: 45px; position: absolute; bottom: 0; left: 0; background: #fff; overflow: hidden;}
 	.left_foot a{ display: block; width: 50%; height: 45px; line-height: 45px; float: left; background: #efefef; font-size: 12px; color: #000;}
 	.left_foot a img{ margin-right: 5px;}
 	
 	
 	#sierbar{ display:block; width: 100%; height: 65px; line-height: 65px; overflow: hidden; position: fixed; top: 0; left: 0; background: url(/static/www/body.png); z-index: 999;  padding-left:15px;}
 	#sierbar a{ float: left; display: block;padding: 0 5px; margin: 0 10px;font-size: 18px; color: #000000; font-weight: bold; position: relative;}
 	#sierbar a i{ display: block; width:0; height: 1px; background: #1eb8ae; position: absolute; top: 50%; left: 50%;transition: 0.8s all;-moz-transition:0.8s all; -webkit-transition:0.8s all; -o-transition:0.8s all;}
 	#sierbar a:hover i{ width: 100%; height: 1px; left: 0;}
 	
 	
 	#lsit li div.ios1 span{ font-size: 18px; color: #fff;}
 	#lsit li div.ios1 p{ font-size: 12px; color: rgba(255,255,255,0.5);}
 	#lsit li div.ios1 p img{ padding: 0.5em 0;}
 	#lsit li div.ios2{ display: none; width: 100%; padding:0 2.5em; height: 44px; font-size: 12px; line-height: 22px; overflow: hidden; position:absolute;  transition: 1.3s all;-moz-transition:1.3s all; -webkit-transition:1.3s all; -o-transition:1.3s all; bottom: -100%; left: 0; color:rgba(255,255,255,0.2);}
 	
 	
 	.aakkw{ display:none; width: 100%; height: 60px; background: #fff; position: fixed; left: 0; top: 0; z-index: 9999;}
    #lsit li{width: 50%; overflow: hidden; background: #2b3131; position: relative; float: left; text-align: center;}
    #lsit li div.mba{ width: 100%; overflow: hidden; position: relative; cursor: pointer;}
    #lsit li i{ display: block; width:0; height:0;  position: absolute; top: 50%; left: 50%; background: rgba(0,0,0,0.9);}
    #lsit li div.mba{ width: 100%; overflow: hidden; position: relative; text-align: center;}
    #lsit li div.mbaw{ display: block; width: 100%; height: 100%; position:absolute; top: 0; left: 0; overflow: hidden;z-index: 10;}
    
 	#lsit li div.ios1 p:nth-of-type(1){ padding: 0px 0;}
 	#lsit li:hover div.ios1{ top: 65%;}
 	#lsit li:hover div.ios2{ bottom: 10%;}
 	#lsit li div.ios2{ padding: 0 15px; height: 36px; line-height: 18px;}
 	
 	
 	#list li{ width: 100%; overflow: hidden; position: relative; transition: 0.5s all;-moz-transition:0.5s all; -webkit-transition:0.5s all; -o-transition:0.5s all;}
 	#list li .cf div{ display: block; width: 70px; height: 60px; background:url(/static/www/js1.png) no-repeat 13px 50px #f7f7f7; position: absolute; top: 20px; left: 20px; text-align: center; font-size: 18px; color: #999999; font-family: "Arial"; padding-top: 10px; background-size: 10px;transition: 0.5s all;-moz-transition:0.5s all; -webkit-transition:0.5s all; -o-transition:0.5s all;}
 	#list li .cf div samp{ font-family: "微软雅黑";}
 	#list li .cf img{ display: none;}
 	#list li .cf{ display: block; width: 100%; height: 110px; padding: 20px 15px 20px 90px; position: relative; overflow: hidden; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
 	#list li .cf h3{ display: block; padding-left: 10px; height: 28px; line-height: 28px; color: #333333; font-size: 14px;}
 	#list li .cf p{ padding-left: 10px; height: 36px; line-height: 18px; font-size: 12px; color: #999999; overflow: hidden;}
 	
 	#list li i{display: block;height: 1px; background: #f5f5f5; margin: 0 15px 0 20px;}
 	#list li:hover i{ background: #f5f5f5;}
 	#list li:hover  .cf{background: #2a2a2c;}
 	#list li:hover  .cf h3{ color: #fff;}
 	#list li:hover  .cf p{ color:rgba(255,255,255,0.5);}
 	#list li:hover  .cf div{ background:url(/static/www/js2.png) no-repeat 13px 50px #2a2a2c;  background-size: 10px; color: #999999;}
  	
  	#news{ width: 100%; position: fixed; height:0; left: 0; top: 50%; background:#fff; z-index: 999999999; overflow: hidden;transition: 0.5s all;-moz-transition:0.5s all; -webkit-transition:0.5s all; -o-transition:0.5s all;}
  	.news_content{ width: 100%; height: 100%; overflow: hidden;}
  	.news_wwc{ width: 100%; height: 100%; overflow: hidden; position: relative;transition: 0.5s all;-moz-transition:0.5s all; -webkit-transition:0.5s all; -o-transition:0.5s all;}
  	.news_content_txt{ width: 100%; height:0; margin-top: 50%; overflow: hidden;background: url(/static/www/body.png);transition: 1s all;-moz-transition:1s all; -webkit-transition:1s all; -o-transition:1s all;}
  	.news_content_txt_it{ padding: 65px 27px 0 30px; overflow: hidden;}
  	.news_content_txt_it h3{ font-size: 18px; color: #000000;}
  	.news_content_txt_it p{ font-size: 12px; padding: 0 0 10px; line-height: 1em; color: rgba();}
  	.news_content_txt_tt{font-size: 14px; color: #2a2a2c; line-height: 1.8em; padding: 0 27px 30px 30px;}
  	.news_content_txt_tt img{ width: 100%; height: auto; margin-bottom: 10px;}
  	.jspDrag{ background: #fff; width: 0;}
  	.jspVerticalBar{width: 0;}
  	.jspTrack{background: #555556;}
  	
  	.news_cloel{width: 34px; height: 34px; display: none; background: #000000;overflow: hidden;cursor: pointer; overflow: hidden; position: fixed;z-index: 99999; border-radius: 50%; right: 15px; top: 15px;}
  	.news_cloel span{ display: block; width: 17px; height: 0; position: absolute; top: 8px; left: 8px; overflow: hidden;}
  	.news_cloel span.this{ height: 17px;}
  	
  	.case_cloel{width: 34px; height: 34px; display: none; background: #000000;overflow: hidden;cursor: pointer; overflow: hidden; position:fixed;z-index: 999999; border-radius: 50%; right: 15px; top: 15px;}
  	.case_cloel span{ display: block; width: 17px; height: 0; position: absolute; top: 8px; left: 8px; overflow: hidden;}
  	.case_cloel span.this{ height: 17px;}
  	
  	.news_left{ position: absolute; top: 15px; left: 15px; z-index: 999999;transition: 0.5s all;-moz-transition:0.5s all; -webkit-transition:0.5s all; -o-transition:0.5s all; opacity: 0;}
  	.news_left a{ display: block; width: 35px; height: 35px; overflow: hidden; text-indent: -999999em; float: left; margin-right: 1px;}
  	.news_left a.last{ background: url(/static/www/last_hover.png) no-repeat center #2a2a2c;}
  	.news_left a.next{ background: url(/static/www/next_hover.png) no-repeat center #1eb8ae;}
  	.news_left a.share{ display: none;}
 
 	.zddw{ display: none;}
  	#aboutus{ width: 100%; overflow: hidden; position: relative; opacity: 0;transition: 1s all;-moz-transition:1s all; -webkit-transition:1s all; -o-transition:1s all;}
  	.aboutus_div2_txt5{ display: none;}
  	.aboutus_div1c{ display: block; position: relative; width: 100%;}
  	.aboutus_div1c img{ width: 100%;}
 	.aboutus_div2_img{ position: absolute; left: 30px; top: 5%; width: 35.625%;}
  
  	.aboutus_div2_txt{ clear: both; padding: 15px 30px; overflow: hidden; font-size: 14px; color: #000000; line-height: 1.8em;}
  	.aboutus_div2_txt2,.aboutus_div2_txt3{ margin-bottom: 1em;}
  	.aboutus_div2_txt1,.aboutus_div2_txt4{ font-weight: bold;}
	
  	.cace_left_div{width: 100%; overflow: hidden;background: #fff;}
 	.cace_left_s{ width: 100%; height: 100%; overflow: hidden; background: url(/static/www/cace_left_div1.jpg) no-repeat center top; background-size: auto 250px;}
 	.cace_left_s1{ width: 100%; overflow: hidden; height: 100%; margin: 0 auto; position:relative;}
 	.cace_left_s2 .swiper-button-prev.swiper-button-white{ width:37px; background: url(/static/www/case_left.png) no-repeat center; background-size: 37px;}
 	.cace_left_s2 .swiper-button-next.swiper-button-white{ width:37px; background: url(/static/www/case_right.png) no-repeat center;background-size: 37px;}
 	.cace_left_s2 .swiper-pagination{ display: none;}
 	.cace_left_s2 .swiper-slide{ padding: 0 65px;}
 	.cace_txt{ text-align: center; color: #fff; width: 100%; overflow: hidden;}
 	.cace_txt p{ line-height: 30px; font-size: 8px;letter-spacing:15px; text-indent: 15px;}
 	.cace_txt h3{ font-size: 16px; padding-top: 20px;}
 	.cace_txt section{ font-size: 8px; font-weight: bold; padding: 5px 0;}
 	.cace_txt div{ padding-bottom: 15px;}
 	.cace_txt div img{ width: 81.25%;}
 	.cace_txt a img{ width: 35px;}
 	
 	#home { width: 100%; height: 100%; overflow: hidden; position: relative; }
	#home .cycler { width: 100%; height: 100%; overflow: hidden; position: relative; }
	#home section {width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0;transition: 0.5s all;-moz-transition:0.5s all; -webkit-transition:0.5s all; -o-transition:0.5s all;background:url(/static/www/body.png);}
	#home section div{ width: 100%; height: 100%; position: absolute;right: 0; top:50%;}
	#home section div img{transition: 1s all;-moz-transition:1s all; -webkit-transition:1s all; -o-transition:1s all;}
	#aw1 { top: 0; z-index:10;}
	#aw2 { top: 100%; z-index:9;}
	#aw3 { top: 0; z-index:8;}
	#home .control{width: 25px; height: 25px; position: absolute; top: 50%; left:15px; margin-top: -13px; z-index: 9999;}
	#home .control span{display: block; width: 10px; height: 2px; background: #e4e4e4; margin: 9px 0;}
	#home .control span.this{width: 25px; height: 3px; background: #000000;}
	
	
	/*第三屏*/
	
	.banner_txt1_5{width: 85%; left: 7.5%; bottom: 0;  z-index: 3;}
	.banner_img1{width: 80%; right: -2%; bottom: 5.375%;z-index: 4;}
	.see1{width: 40px;left:28px; bottom:61.25% ; z-index: 5; opacity: 0;}
	
	.cy3_sp1{width: 86.718%; left:28px; top:0%; z-index: 5;}
	.cy3_sp2{width: 43.75%;left:28px; top: 12.5%;z-index: 5;}
	.cy3_sp3{width: 75%;left:28px; top:15.25%;z-index: 5;}
	.cy3_sp3 small{ display: block; position: absolute; width: 100%;left: 0; top: 0;transition: 0.5s all;-moz-transition:0.5s all; -webkit-transition:0.5s all; -o-transition:0.5s; opacity: 0; }
	.cy3_sp3 samp{font-size: 4.8rem;transition: 1s all;-moz-transition:1s all; -webkit-transition:1s all; -o-transition:1s; font-family: "微软雅黑";}
	#home .cycler section span.cy3_sp3 .banner_txt3{ display: block; position: absolute; bottom: 3px; left: 0; height: 1px; background: #555556; width: 0;transition: 1.8s all;-moz-transition:1.8s all; -webkit-transition:1.8s all; -o-transition:1.8s;}
	
	.cy3_sp4{width: 37.5%; left:28px; top: 25%;z-index: 5;}
	.cy3_sp5{width: 67.1875%; right: 0; bottom:5%;z-index: 5;}
	
	/*第二屏*/
	.banner_txt2_5{width: 85%; left: 7.5%; bottom: 0;  z-index: 3;}
	.banner_img2{width: 100%; right: -5%; bottom: 0;z-index: 4;}
	.see2{width: 40px;left:28px; bottom:61.25% ; z-index: 5; opacity: 0;}
	
	.cy2_sp1{width: 82.8125%; left:28px; top:0%; z-index: 5;}
	.cy2_sp2{width: 43.75%;left:28px; top: 12.5%;z-index: 5;}
	.cy2_sp3{width: 64.0625%;left:28px; top:15%;z-index: 5;}
	.cy2_sp3 small{ display: block; position: absolute; width: 100%; left: 0; top: 0;transition: 0.5s all;-moz-transition:0.5s all; -webkit-transition:0.5s all; -o-transition:0.5s; opacity: 0; }
	.cy2_sp3 samp{font-size: 4.8rem;transition: 1s all;-moz-transition:1s all; -webkit-transition:1s all; -o-transition:1s; font-family: "微软雅黑";}
	#home .cycler section span.cy2_sp3 .banner_txt3{ display: block; position: absolute; bottom: 3px; left: 0; height: 1px; background: #555556; width: 0;transition: 1.8s all;-moz-transition:1.8s all; -webkit-transition:1.8s all; -o-transition:1.8s;}
	
	.cy2_sp4{width: 45.625%; left:28px; top: 24%;z-index: 5;}
	.cy2_sp5{width: 83.59375%; right: 5%; bottom:0;z-index: 5;}
	
	/*第一屏*/
	.banner_txt3_5{width: 85%; left:7.5%; bottom: 0;z-index: 3;}
	.banner_img3{width: 100%; right:0; bottom: 1%;z-index: 4;}
	.see3{width: 40px;left:28px; bottom:61.25% ; z-index: 5; opacity: 0;}
	
	.cy1_sp1{width: 65.9375%; left:28px; top: 0; z-index: 5;}
	.cy1_sp2{width: 45.3125%;left:28px; top: 12.5%;z-index: 5;}
	.cy1_sp3{width: 83.28125%;left:28px; top: 15%;z-index: 5;}
	.cy1_sp3 small{ display: block; position: absolute; width: 100%;  left: 0; top: 110%;transition: 0.5s all;-moz-transition:0.5s all; -webkit-transition:0.5s all; -o-transition:0.5s; opacity: 0; }
	.cy1_sp3 samp{font-size: 16px;transition: 1s all;-moz-transition:1s all; -webkit-transition:1s all; -o-transition:1s; font-family: "微软雅黑";}
	
	#home .cycler section span.cy1_sp3 .banner_txt3{ display: block; position: absolute; bottom: 3px; left: 0; height: 1px; background: #555556; width: 0;transition: 1.8s all;-moz-transition:1.8s all; -webkit-transition:1.8s all; -o-transition:1.8s;}
	
	.cy1_sp4{width: 44.6875%; left:28px; top: 24.625%;z-index: 5;}
	.cy1_sp5{width: 74.375%; right: 4%;  bottom: -1%; z-index: 5;}
	
	
 	
 }
 

 @media (min-width: 980px) {
 	.copy_cs1,.copy_cs2{height: 50%; width: 100%;}
 	.copy_cs2_txt{ text-align: center; width: 100%; position: absolute; bottom: 25px; left: 0; color: rgba(255,255,255,0.2); font-size: 12px;}
 	.copy_cs2_img2{ position: absolute; width: 100%; left: 0; bottom: 18%; text-align: center;}
 	.copy_cs2_img2 img{ width: 50%;}
 	.copy_cs2_img1{width: 100%; text-align: center; color: #fff; font-size: 12px; position: absolute; left: 0; top: 30%;}
 	.copy_rwm{ position: absolute; top: -70px; left: 50%; margin-left: -70px;}
 	.copy_wp{margin-left: auto; margin-right: auto; min-width: 900px; max-width: 1200px; height: 100%; position: relative; margin: 0 auto;}
 	.copy_wp_img1{ position: absolute; left: 16.66%; top: 15px;}
 	.copy_wp_img2{ position: absolute; right: 12.5%; bottom: 30%;}
 	.copy_news{width: 270px; height: 142px; position: absolute; top: 50%; overflow: hidden; margin-top: -71px;}
 	.copy_news section{ color: #999999; font-size: 12px;}
 	.copy_news h3{ width: 100%; height: 50px; line-height: 50px; font-size: 20px;}
 	.copy_news p{ font-size: 12px; line-height: 20px;}
 	.copy_news span{ display: block; font-size: 12px; color: #999999; padding-top: 20px;}
 	.copy_news  a{ color: #333333;}
 	.copy_wp .copy_news:nth-of-type(1){left: 14px;}
 	.copy_wp .copy_news:nth-of-type(2){left: 50%; margin-left: -135px;}
 	.copy_wp .copy_news:nth-of-type(3){right: 14px;}
 	#lsit li div.ios1 p:nth-of-type(1){ padding: 13px 0;}
 	.aboutus_div1{ width: 100%; height: 800px; position: relative; background: url(/static/www/aboutus.png) no-repeat center bottom; z-index: 3;}
 	.aboutus_content_banner .swiper-container{ overflow:inherit; width: 475px; height: 403px; float: left;}
 	.aboutus_content_banner .swiper-wrapper{ width: 100%; height: 100%; overflow: hidden;}
 	.aboutus_content_banner .swiper-slide img{ width: 297px; height: 403px; float: left;}
 	.aboutus_content_banner .swiper-slide span{ position: absolute; display: block; width: 100%; bottom: 60px; right: 0; font-size: 16px; color: #333333; text-align:right;}
 	.aboutus_content_banner .swiper-slide p{ position: absolute; bottom: 25px; right: 0; color: #45c5bb; font-size: 23px; font-weight: bold; font: "Arial";text-align: right;letter-spacing:4px; }
 	.aboutus_content_banner .swiper-pagination{ text-align: right;}
 	.aboutus_content_banner .swiper-container-horizontal>.aboutus_content_banner .swiper-pagination-bullets{ bottom: 0;}
 	.aboutus_content_banner .swiper-pagination-bullet{ opacity: 1;}
 	.aboutus_content_banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ width: 5px; height: 5px; margin: 0 2px; border-radius: 0;}
 	.aboutus_content_banner .swiper-pagination-white .swiper-pagination-bullet-active,.aboutus_content_banner .swiper-pagination-white .swiper-pagination-bullet{ background:#000;}
 	.aboutus_content_banner .swiper-container .swiper-pagination-bullet-active{ background: #1eb8ae;}
 	.aboutus_content_banner .swiper-button-prev.swiper-button-white{ width:42px; height: 42px; background: url(/static/www/aboutusleft.jpg) no-repeat center;}
 	.aboutus_content_banner .swiper-button-prev{bottom: 0; right: -112px; top:auto;margin-top:auto; left: auto;}
 	.aboutus_content_banner .swiper-button-next.swiper-button-white{ width:42px; height: 42px; background: url(/static/www/aboutusright.jpg) no-repeat center;}
 	.aboutus_content_banner .swiper-button-next{bottom: 0; right: -159px; top:auto;margin-top:auto;}
 	
  	
  	.aboutus_content_banner{ width: 546px; height: 403px; position: relative;}
  	.aboutus_content_txt1 span{ display: block; height: 60px; line-height: 70px; font-family: "EucrosiaUPC"; font-size: 65px; color: #000000; text-align: justify; overflow: hidden;}
  	.aboutus_content_txt1{ font-size: 14px; line-height: 25px; color: #000000;}
  	.aboutus_content_txt2{ font-size: 10px; color: #b0b0b0; line-height: 20px; padding-top: 10px;}
 }
  @media (min-width: 1201px) {
  	.news_content{ width:1100px; height: 100%;-o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 100px; margin: 0 auto;}
  	.news_cloel{right: 14px;}
  	.aboutus_div2{ width: 1200px; height: 645px; margin: 0 auto; position: relative;}
  	.aboutus_div2_img{ position: absolute; left: 12px; top: 56px;}
  	.aboutus_div2_txt{ position: absolute; top: 115px; left: 545px; width: 560px; color: #fff; line-height: 25px; font-size: 12px;}
  	.aboutus_div2_txt3{ padding: 20px 0;}
  	.aboutus_div2_txt5{ line-height: 20px; font-size: 10px; padding-top: 55px; text-align: justify;}
  	.aboutus_content_img{width: 1200px; margin: 0 auto; overflow: hidden; position: relative;padding-top: 40px;}
  	.aboutus_content_txt{ position: absolute; top: 10px; left:546px; width: 48%;}
  	.aboutus_content_banner{ width: 546px; height: 403px; position: relative;}
  	.aboutus_content_txt1 span{ display: block; height: 60px; line-height: 70px; font-family: "EucrosiaUPC"; font-size: 65px; color: #000000; text-align: justify; overflow: hidden;}
  	.aboutus_content_txt1{ font-size: 14px; line-height: 25px; color: #000000;}
  	.aboutus_content_txt2{ font-size: 10px; color: #b0b0b0; line-height: 20px; padding-top: 10px;}
 	.left_nva_lsit a div span{ display:inline-block; height: 55px; line-height: 55px; padding: 0 10px; font-size: 4.8rem; font-weight: bold; color: #fff; position: relative;}
 	.left_nva_lsit a div span i{ display: block; width: 100%; height: 1px; background: #fff; position:absolute; left: 0; top: 50%;}
 	.left_nva_lsit a div p{ font-size: 16px; color: #fff; padding-top: 10px;}
 	
 	.cace_left_div{width: 100%;overflow: hidden; padding-right: 4.479%; background: #fff;}
 	.cace_left_s{ width: 100%; height: 100%; overflow: hidden; background: url(/static/www/cace_left_div1.jpg) no-repeat center top; background-size: 100%;}
 	.cace_left_s1{ width: 62%; overflow: hidden; height: 100%; margin: 0 auto; position:relative;}
  	
 	.cace_left_s2 .swiper-button-prev.swiper-button-white{ width:67px; background: url(/static/www/case_left.png) no-repeat center;}
 	.cace_left_s2 .swiper-button-next.swiper-button-white{ width:67px; background: url(/static/www/case_right.png) no-repeat center;}
 	.cace_left_s2 .swiper-pagination{ display: none;}
 	.cace_txt{ text-align: center; color: #fff; width: 100%; overflow: hidden;}
 	.cace_txt p{ line-height: 65px; font-size: 12px;letter-spacing:40px; text-indent: 40px;}
 	.cace_txt h3{ font-size: 32px; }
 	.cace_txt section{ font-size: 12px; font-weight: bold; padding: 15px 0;}
 	.cace_txt div{ padding-bottom: 25px;}
 	.cace_left_s2 .swiper-button-prev i{ display: block; width: 0; height: 100%; position: absolute; right:-50px; top: 0; background: url(/static/www/case_left_hover.png) no-repeat center #56d7cf;}
.cace_left_s2 .swiper-button-prev:hover i{width:127px; background-size: auto;}
.cace_left_s2 .swiper-button-next i{ display: block; width: 0; height: 100%; position: absolute; left: -50px; top: 0; background: url(/static/www/case_right_hover.png) no-repeat center #56d7cf;}
.cace_left_s2 .swiper-button-next:hover i{ width: 127px;background-size: auto;}
.cace_left_s2 .swiper-button-prev{left: 30px;}
    .cace_left_s2 .swiper-button-next{right: 30px;}
    }
  @media (min-width: 980px) and (max-width: 1200px) {
  	
  	
  	.aboutus_div2{ width: 90%; height: 645px; margin: 0 auto; position: relative;}
  	.aboutus_div2_img{ position: absolute; left: 12px; top: 56px;}
  	.aboutus_div2_txt{ position: absolute; top: 115px; right: 20px; width: 560px; color: #fff; line-height: 25px; font-size: 12px;}
  	.aboutus_div2_txt3{ padding: 20px 0;}
  	.aboutus_div2_txt5{ line-height: 20px; font-size: 10px; padding-top: 55px; text-align: justify;}
  	.aboutus_content_img{ width: 90%;  margin: 0 auto; overflow: hidden; position: relative; padding-top: 40px;}
  	.aboutus_content_txt{ position: absolute; top: 10px; left:546px; }
  	
  	.aboutus_content_banner{ width: 546px; height: 403px; position: relative;}
  	.aboutus_content_txt1 span{ display: block; height: 60px; line-height: 70px; font-family: "EucrosiaUPC"; font-size: 65px; color: #000000; text-align: justify; overflow: hidden;}
  	.aboutus_content_txt1{ font-size: 14px; line-height: 25px; color: #000000;}
  	.aboutus_content_txt2{ font-size: 10px; color: #b0b0b0; line-height: 20px; padding-top: 10px;}

  }
 @media (min-width: 768px) and (max-width: 979px) {
 	.news_content{ width:80%; height: 100%;-o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 100px; margin: 0 auto;}
 	.news_cloel{right: 27px;}
 	#list{ width: 90%; margin: 0 auto; padding-top: 80px; overflow: hidden;}
 	.copy_cs1,.copy_cs2{height: 50%; width: 100%;}
 	.copy_cs2_txt{ text-align: center; width: 100%; position: absolute; bottom: 25px; left: 0; color: rgba(255,255,255,0.2); font-size: 12px;}
 	.copy_cs2_img2{ position: absolute; width: 100%; left: 0; bottom: 25%; text-align: center;}
 	.copy_cs2_img2 img{ width: 70%;}
 	.copy_cs2_img1{width: 100%; text-align: center; color: #fff; font-size: 12px; position: absolute; left: 0; top: 30%;}
 	.copy_rwm{ position: absolute; top: -70px; left: 50%; margin-left: -70px;}
 	.copy_wp{ width: 100%; height: 100%; position: relative; margin: 0 auto;}
 	.copy_wp_img1{ position: absolute; left: 16.66%; top: 15px;}
 	.copy_wp_img2{ position: absolute; right: 12.5%; bottom: 30%;}
 	.copy_news{width: 40%; height: 142px; position: absolute; top: 50%; overflow: hidden; margin-top: -71px;}
 	.copy_news section{ color: #999999; font-size: 12px;}
 	.copy_news h3{ width: 100%; height: 50px; line-height: 50px; font-size: 20px;}
 	.copy_news p{ font-size: 12px; line-height: 20px;}
 	.copy_news span{ display: block; font-size: 12px; color: #999999; padding-top: 20px;}
 	.copy_news  a{ color: #333333;}
 	.copy_wp .copy_news:nth-of-type(1){left: 5%;}
 	.copy_wp .copy_news:nth-of-type(2){right: 5%;}
 	.copy_wp .copy_news:nth-of-type(3){right: 14px; display: none;}

  	#aboutus{ width: 100%; overflow: hidden; position: relative; opacity: 0;transition: 1s all;-moz-transition:1s all; -webkit-transition:1s all; -o-transition:1s all;}
  	.aboutus_div1{ height: auto; background: none;}
  	.aboutus_div2_txt5{ display: none;}
  	.aboutus_div1c{ display: block; position: relative; width: 100%;}
  	.aboutus_div1c img{ width: 100%;}
 	.aboutus_div2_img{ position: absolute; left: 30px; top: 10%; width: 35.625%;}
  
  	.aboutus_div2_txt{ clear: both; padding: 15px 30px; overflow: hidden; font-size: 12px; color: #000000; line-height: 1.8em;}
  	.aboutus_div2_txt2,.aboutus_div2_txt3{ margin-bottom: 1em;}
  	.aboutus_div2_txt1,.aboutus_div2_txt4{ font-weight: bold;}
  	
  	
  	
  	.cace_left_div{width: 100%;overflow: hidden; padding-right: 4.479%; background: #fff;}
 	.cace_left_s{ width: 100%; height: 100%; overflow: hidden; background: url(/static/www/cace_left_div1.jpg) no-repeat center top; background-size: 100%;}
 	.cace_left_s1{ width: 100%; overflow: hidden; height: 100%; margin: 0 auto; position:relative;}
  	
 	.cace_left_s2 .swiper-button-prev.swiper-button-white{ width:47px; background: url(/static/www/case_left.png) no-repeat center; background-size: 47px;}
 	.cace_left_s2 .swiper-button-next.swiper-button-white{ width:47px; background: url(/static/www/case_right.png) no-repeat center;background-size: 47px;}
 	.cace_left_s2 .swiper-pagination{ display: none;}
 	.cace_txt{ text-align: center; color: #fff; width: 100%; overflow: hidden;}
 	.cace_txt p{ line-height: 25px; font-size: 12px;letter-spacing:40px; text-indent: 40px;}
 	.cace_txt h3{ font-size: 18px;}
 	.cace_txt section{ font-size: 14px; font-weight: bold; padding: 5px 0;}
 	.cace_txt div{ padding-bottom: 10px;}
 	.cace_txt div img{ width: 43%;}
 	.cace_txt a img{ width: 30px;}

 	
 	
}

 @media(min-width: 1px) and (max-width: 979px) {
 	.aboutus_content_txt1{ background: #56d7cf; padding: 15px 30px; overflow: hidden;}
 	.aboutus_content_txt1 span{ display: block; font-size: 33px; font-family: "EucrosiaUPC"; color: #000000;}
 	.aboutus_content_txt1 p{ font-size: 14px; color: #000000; line-height: 1.8em;}
 	.aboutus_content_txt2{ padding: 15px 30px; overflow: hidden; font-size: 10px; color: #a3a3a3;}
 	.aboutus_content_banner{ padding: 15px 30px; overflow: hidden; text-align: center;}
 	.swiper-container{}
 	.aboutus_content_banner .swiper-wrapper{ width: 100%; height: 100%; overflow: hidden;}
 	.aboutus_content_banner .swiper-slide img{ width: 55%; }
 	.aboutus_content_banner .swiper-slide span{ display: block; clear: both; padding-top: 15px; font-size: 14px; color: #333333; padding-bottom: 5px;}
 	.aboutus_content_banner .swiper-slide p{ font-size: 12px; font-family: "Arial"; font-weight: bold; color: #45c5bb;letter-spacing:4px; text-indent: 4px; margin-bottom: 25px;}
 	.aboutus_content_banner .swiper-pagination{ bottom: 0;}
 	.aboutus_content_banner .swiper-container-horizontal>.aboutus_content_banner .swiper-pagination-bullets{ bottom: 0;}
 	.aboutus_content_banner .swiper-pagination-bullet{ opacity: 1; margin: 0 1px;}
 	.aboutus_content_banner .swiper-pagination-white .swiper-pagination-bullet-active,.aboutus_content_banner .swiper-pagination-white .swiper-pagination-bullet{ background:#000;}
 	.aboutus_content_banner .swiper-container .swiper-pagination-bullet-active{ background: #1eb8ae;}
 	.aboutus_content_banner .swiper-button-prev.swiper-button-white{ width:30px; height: 30px; background: url(/static/www/aboutusleft.jpg) no-repeat center; background-size: cover;}
 	.aboutus_content_banner .swiper-button-prev{}
 	.aboutus_content_banner .swiper-button-next.swiper-button-white{ width:30px; height: 30px; background: url(/static/www/aboutusright.jpg) no-repeat center; background-size: cover;}
 	.aboutus_content_banner .swiper-button-next{}
 	.aboutus_content_banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ width: 5px; height: 5px; margin: 0 2px; border-radius: 0;}

 }