@import url("system.css");
/*内容页中的分页样式，可以通过覆盖CSS的方法改写*/
#CMS_ConGoPage{height:50px;line-height:50px; width:100%; text-align:center; clear: both; padding: 10px 0; font-family: cursive;font-size: 14px;}#CMS_ConGoPage span{display:inline-block; height:30px; line-height:30px; text-align:center;  width:30px; border: solid #ccc 1px;margin: 10px 3px; color:#ccc;}#CMS_ConGoPage span:hover{background-color: aliceblue;}#CMS_ConGoPage span a,#CMS_ConGoPage span a:hover{text-decoration: none;display:inline-block;color:#000;font-size: 14px;width: 100%;}
@charset "utf-8";
/* CSS Document */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline; background:transparent;}
body { font-size:12px; color:#333; font-family:Microsoft YaHei; background:#fff; overflow-x:hidden;}
:focus {outline: 1;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary { display:block;}

nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none;}
a {margin:0; padding:0; border:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;}
ins {background-color:#ff9;color:#000;text-decoration:none;}
mark {background-color:#ff9;color:#000; font-style:italic;font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] { border-bottom:1px dotted #000;cursor:help;}
table {border-collapse:collapse;border-spacing:0;}
hr {display:block;height:1px;border:0;   border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input, select {vertical-align:middle;}
li{ list-style:none;}
ol, ul ,li{ list-style:none; }
h1, h2, h3, h4, h5, h6,b{ font-size:100%; font-weight:normal;}
em{ font-style:normal; }/*em强调斜体*/
input, button, select, textarea { outline:none; }
textarea { resize:none; } /*禁用了文本的拖拉，尤其在谷歌下*/
p{text-justify:distribute;} /*为了使文本段落左右两边对齐*/
.fl{ float:left;}
.fr{ float:right;}
input{ border:none; background:none; }
select{appearance:none;-moz-appearance:none; /* Firefox */-webkit-appearance:none; /* Safari 和 Chrome */}
/*img{ display:block;}*/

/*----section1----*/

.section1{ position:relative;}

.sec1_pos_box{ position:fixed; top:0;background:url(http://oldfile.4e8.com/skin/ry0346911/img/tbg.png) repeat; width:100%; z-index:9999; height:104px;}
.sec1_pos_top{ width:1200px; margin:0 auto; overflow:hidden;}
.fwrx{ width:260px; margin-top:30px;}
.fwdh{font-size:18px; color:#034198; background:url(http://oldfile.4e8.com/skin/ry0346911/img/sd.png) no-repeat left; padding-left:45px; line-height:47px;}
.sec1_pos_bottom{width:1200px; margin:0 auto; overflow:hidden; height:104px;}
.logo{ margin-top:8px; z-index:99999999;}
.navlist{ margin-left:50px; width:700px;}
.navlist li{ width:112px; display:inline-block; text-align:center; line-height:104px; font-size:18px; color:#333;}
.navlist li a{  font-size:18px; color:#333;}
.navlist li:hover a{ color:#fff; background-color:#034198;}
.navlist li:hover{ color:#fff; background-color:#034198;}

/*----fillSlide----*/
.fullSlide {position: absolute;left: 0;top: 0;width: 100%;height: 100%;min-width: 1000px;background: #000;}
.fullSlide ul {height: 100% !important;width: 100% !important;}
.fullSlide li {height: 100% !important;width: 100% !important; }
.fullSlide .prev,.fullSlide .next {position: absolute;z-index: 1;display: block;width: 30px;height: 50px;top: 50%;left: 20px;
background: url(http://oldfile.4e8.com/skin/ry0346911/img/icons.png) 0 0 no-repeat;cursor: pointer;filter: alpha(opacity=60);opacity: 0.6;}

.fullSlide .next {left: auto;right: 30px;background-position: -51px 0;}
.fullSlide .prev:hover,.fullSlide .next:hover {filter: alpha(opacity=100);opacity: 1;}

/*----section2----*/
.section2{ width:100%; background:url(img/sbg1.jpg) no-repeat center;}
.section2 h3{ width:100%;font-size:36px; line-height:100px; color:#fff; font-weight:bold; text-align:center; position:absolute; top:50%; opacity:0; background:url(http://oldfile.4e8.com/skin/ry0346911/img/lssd.png) no-repeat center top; padding-top:50px;}
.section2 h4{ width:100%; font-size:30px; line-height:30px; color:#034198;  text-align:center;position:absolute; top:50%; opacity:0;}
.section2 .exp{ width:100%;position:absolute;top:240px; opacity:0; left:-120%;}
.section2 ul{ margin:150px auto; width:1224px;height:286px; overflow:hidden; }
.section2 ul li{ width:282px;height:286px; background:url(http://oldfile.4e8.com/skin/ry0346911/img/cpbg.png) repeat; margin-left:12px; margin-right:12px; float:left; text-align:center;}
.section2 ul li img{ width:65px; height:72px; margin-top:58px;}
.section2 ul li h5{ color:#fff !important; font-size:18px !important;  font-family:微软雅黑 !important; margin-top:34px;}
.section2 ul li h5 p{ font-size:14px !important; line-height:26px !important;color:#fff !important;margin-top:14px;}
.ab_more{ width:200px; line-height:50px; margin:0 auto; background-color:#0076c2; border-radius:25px; text-align:center; font-size:18px; color:#fff; font-weight:bold;transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;
-ms-transition:all 0.3s ease-in-out;}

/*.ab_more:hover{ background-color:rgba(116,175,41,0.7);} 原版 绿色 */
.ab_more:hover{ background-color:rgba(0,118,194,0.7);}
/*----section3----*/
/*原section3 内容 被新拷贝出的一份section6替代*/
.section3{ width:100%; background:url(img/sbg2.jpg) no-repeat center;}
.section3 h3{ width:100%;font-size:30px; line-height:100px; color:#034198; font-weight:bold; text-align:center; position:absolute; top:50%; opacity:0;background:url(img/bssd.png) no-repeat center top; padding-top:50px;}
.section3 h4{  width:100%; font-size:30px; line-height:30px; color:#034198; text-align:center;position:absolute; top:50%; opacity:0;}
.section3 .exp{ width:100%;position:absolute;top:240px; opacity:0; right:-120%;}
.section3 ul{ margin:150px auto; width:1220px;height:307px; overflow:hidden; }
.section3 ul li{ width:380px;height:307px; margin:0px 10px; float:left;}
.section3 ul li img{ width:380px; height:252px;}
.section3 ul li h5{ width:340px; background:#fff; color:#333 !important; font-size:16px !important;  font-family:微软雅黑 !important; line-height:55px;padding:0px 20px;}
.section3 ul li h5 span{ float:right;}

/*----section4----*/
.section4{ width:100%; background:#fff; background-size:cover;}

.news_slogan{ width:35%;height:100%;position:absolute; top:0px; left:-70%;opacity:0;}
.news_slogan img{ width:100%; height:100%;animation: beat 8s ease 0s infinite normal;}
.news_slogan h3{ padding-right:30px;text-align:right; font-weight:bold; font-size:30px; color:#034198; line-height:32px;}
.news_slogan h3 span{ font-size:14px !important; font-family:微软雅黑 !important;line-height:20px !important;}
.newsCon{ width:65%; position:absolute; top:100px; right:-70%;opacity:0;}
.news_con{ width:440px; padding-left:80px;}
.news_con h4{ font-size:36px; font-weight:bold; color:#034198; line-height:40px;background:url(http://oldfile.4e8.com/skin/ry0346911/img/lssd.png) no-repeat left top; padding-top:70px;font-family:微软雅黑 !important; }
.news_con h4 b{font-size:24px !important; font-family:微软雅黑 !important; font-weight:normal; color:#034198; text-transform:uppercase;}
.news_con h5{ width:760px;font-size:14px !important; font-family:微软雅黑 !important; color:#666; line-height:32px; margin-top:80px;}

.szzs ul{margin-top:70px;width:760px;height:120px; overflow:hidden; margin-left:40px; }
.szzs ul li{ width:190px; height:120px; float:left; text-align:center;}
.szzs ul li h5{ font-size:48px; line-height:50px; color:#034198;font-weight:bold !important;}
.szzs ul li h5 span{ line-height:50px !important; font-size:18px !important; font-weight:normal !important;  font-family:微软雅黑 !important;}
.szzs ul li h5 p{ text-align:center; font-size:16px !important; line-height:30px !important;color:#666;font-weight:normal !important;}
.newsMore{ width:69%;position:absolute;bottom:140px; opacity:0; left:-120%;}
.news_more{ width:50px; height:50px; margin:0 auto;background-color:#034198; line-height:50px; color:#fff; text-align:center; font-size:36px;}
.news_more:hover{ background-color:#3e70b6;}

@keyframes beat {
		0% {
			transform: scale(1) rotate(0deg);
	
		}

		50% {
			transform: scale(1.1) rotate(0deg);
		
		}
		100% {
			transform: scale(1) rotate(0deg);
		
		}
	}

/*----section5----*/
.section5{ width:100%; background:url(img/sbg4.jpg) no-repeat center center;}
.section5 h3{ width:100%;font-size:30px; line-height:100px; color:#034198; font-weight:bold; text-align:center; position:absolute; top:50%; opacity:0;background:url(img/bssd.png) no-repeat center top; padding-top:50px;}
.section5 h4{  width:100%; font-size:30px; line-height:30px; color:#034198; text-align:center;position:absolute; top:50%; opacity:0;}
.progress{ width:100%;position:absolute; top:50%;opacity:0;}
.progress p{color:#666;}
.progress p:hover{color:#0076c2;}
.section5 ul{ height:480px; overflow:hidden; width:1220px; margin:50px auto;}
.section5 ul li{ width:356px; margin:0 10px; padding:14px; float:left; background-color:#fff; height:412px; position:relative;}
.pro_img{ width:356px; height:270px; margin-bottom:20px; text-align:center;}
.section5 ul li p{font-size:16px; line-height:40px; color:#222;}
.section5 ul li span{display:block;font-size:13px; line-height:28px; color:#666; margin-top:22px; }
.section5 ul li b{ display:block;line-height:30px;position:absolute; bottom:70px;font-size:13px; text-transform:uppercase; color:#999;}

/*----section6----*/
.section6{ width:100%; background:#fff;}
.section6 h3{ margin-left:50%; width:50%;font-size:30px; line-height:100px; color:#034198; font-weight:bold; position:absolute; top:50%; opacity:0;background:url(http://oldfile.4e8.com/skin/ry0346911/img/lssd.png) no-repeat left top; padding-top:50px;}
.section6 h4{width:50%;margin-left:50%; font-size:30px; line-height:30px; color:#034198; position:absolute; top:50%; opacity:0; font-weight:normal;}
.section6 h5{width:50%;margin-left:50%; font-size:16px; line-height:32px; color:#222; position:absolute; top:50%; opacity:0; font-weight:normal;}
.dbbq{width:50%;margin-left:50%;top:720px; font-size:13px; line-height:32px; color:#666; position:absolute; right:-70%; opacity:0; font-weight:normal;}
.dbbq a{font-size:13px;color:#666;}
.dbbq a:hover{color:#034198;}
.section6 .ewm{width:50%;margin-left:50%; position:absolute;right:-70%; opacity:0; top:540px;}
.section6 ul li{width:148px; height:148px; margin-right:32px; float: left;}
.tupz{width:47%;height:100%;position:absolute;top:0; left:-70%;opacity:0;}
.tupz img{ width:100%; height:100%;}



/*-----------内页---------*/

.nbanner{width:100%; height:600px; margin:0 auto;}

.n_title{width:1200px; margin:0 auto;height:160px;position:relative;}
.n_tit{font-size:20px; color:#0057a6; text-align:center; background:url(http://oldfile.4e8.com/skin/ry0346911/img/hh.png) no-repeat center; margin-top:35px;}

.nlist{ width:1200px; text-align:center;margin:10px auto 0; position:absolute; top:50px;  left:0px;z-index:999;}
.nlist ul{text-align:center;display: inline;}
.nlist ul li{ display: inline; text-align:center; margin-right:1px; margin-bottom:18px;}
.nlist ul li a{  background:#878d97;height:33px;font-size:14px; color:#fff; padding:8px 45px;}
.nlist ul li a:hover{  background:#034198; padding-left:45px; padding-right:45px; height:33px; color:#fff; font-size:14px;}

.nnrzbg{width:100%;background:#fff; overflow:hidden;}
.nnr{ width:1200px;padding:27px 0px 20px; margin:0 auto;overflow:hidden;}
.ntop{width:1200px; font-size:18px; color:#014099; border-bottom:1px dashed #aeaeae; padding-bottom:22px;font-weight:bold;margin:0 auto ;}
.ntop span{ font-size:14px; color:#666; float:right; margin-top:5px; font-weight:normal; }
.ntop span a{ color:#666; font-size:14px;}
.ntop span a:hover{color:#014099;}
.nabout{ width:1200px; font-size:13px; color:#666;line-height:26px;margin:20px auto 30px;}
.nygd{width:1200px; margin:0 auto; overflow:hidden;}
#casem_down { HEIGHT:200px; OVERFLOW: hidden; margin-top:30px;}
#casem_down ul { height:200px; overflow:hidden; float:left;}
#casem_down ul li {	width:268px; height:200px; float:left; margin:0px 15px;border-bottom:none;}
#casem_down ul li img {width:268px; height:200px;}

.nmain{width:1200px; margin:0 auto;overflow:hidden;}
.news_title{line-height:25px;font-size:15px;text-align:center;border-bottom:1px dashed #e1e1e1;color:#014099;padding-bottom:10px;margin-bottom:15px; margin-top:20px;}
.news_title span{font-size:13px;line-height:32px;color:#666;}
.newsbody{line-height:22px; text-align:left; margin-top:30px;border-bottom:1px dashed #e1e1e1; padding-bottom:30px;font-size:13px; color:#666;}
.aboutusmtrd_down{width:1200px; padding-top:40px; margin:0 auto 40px; overflow:hidden;}
.aboutusmtrd_down a{color:#666; font-size:14px;}
.aboutusmtrdd_left{ float:left;color:#666;font-size:14px;}
.aboutusmtrdd_left a:hover{ text-decoration:underline;color:#014099;}
.aboutsumtrdd_right{ float:right;color:#666;font-size:14px;}
.aboutsumtrdd_right a:hover{text-decoration:underline;color:#014099;}

.n_newlist{width:1200px; margin:0 auto; overflow:hidden;}
.n_newlist ul li{width:1200px; height:220px; border-bottom:1px solid #7d7d7d; padding-bottom:60px; margin-top:40px;}
.n_newlist ul li a p.l{ width:360px; height:220px;  float:left; }
.n_newlist ul li a p.y{width:762px; float:right; font-size:20px; color:#333; margin-top:24px;}
.n_newlist ul li a p.f{width:762px;font-size:14px; color:#333; margin-top:15px;float:right; margin-top:30px; line-height:21px;}
.n_newlist ul li a p.t{width:128px;font-size:14px; color:#333; margin-top:30px; float:right; border-bottom:1px solid #333; margin-right:632px;}
.n_newlist ul li:hover a p{color:#999;}
.n_newlist ul li:hover a p.t{ border-bottom:1px solid #999;}
.n_newlist ul li:hover a p.l{filter:alpha(opacity=60);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}

.box{width: 1230px;margin: 20px auto 0px;overflow: hidden;}
.box li{width: 380px;height:252px;overflow: hidden;margin:0px 15px 20px;float: left;position: relative;cursor: pointer;background: #f6f6f6;}
.top{position: absolute;z-index:1;height: 1px;width: 0px;top: 0px;width: 0px;}
.bottom{position: absolute;z-index:1;height: 1px;width: 0%;bottom: 0px;right: 0px;}
.left{height: 0;position: absolute;left: 0px;width: 1px;}
.right{height: 0;position: absolute;right: 0px;width: 1px;bottom: 0px;}
.box li img{width: 378px;height:250px;position: absolute;z-index: 1;top: 1px;left: 1px;}
.box li p{position: absolute;z-index: 2;background: rgba(1,64,153,0.8);height: 0px;line-height: 40px;width: 378px;color: #fff;bottom: 1px;left: 1px; padding-left:5px;}
.box li span{float:right;line-height: 40px;color: #fff; margin-right:10px;}

.ny_pages{width:1200px;text-align:center;margin:30px auto 40px;}
.ny_pages a{ font-size:14px;margin:0px 5px;color:#666;}
.ny_pages a:hover{color:#014099;}

.dbfoot{width:100%; height:40px; background:#014099;}
.foot_t{width:1200px; line-height:40px; margin:0 auto; text-align: center; font-size:13px; color:#fff;}
.foot_t a{font-size:13px; color:#fff;}
.foot_t a:hover{ text-decoration:underline;}




/* parallax scrolling slider产品列表 */
.pss_main {height:950px;position:relative;width:100%;}
.pss_main input {display:none;}
.pss_contr { background:#034198 url(img/up.png) no-repeat center center; cursor:pointer; display:none; height:70px;left:50%;opacity:0.8; position:absolute;top:15%;width:70px;z-index:2; -webkit-transition:opacity linear 0.3s;-moz-transition:opacity linear 0.3s; -o-transition:opacity linear 0.3s;-ms-transition:opacity linear 0.3s; transition:opacity linear 0.3s;border-radius:50% 50% 50% 50%;box-shadow:0 1px 2px #034198 inset;}
.pss_contr:hover {opacity:1;}
.sel_page_1:checked ~ .pss_contr.c2, .sel_page_2:checked ~ .pss_contr.c3,
.sel_page_3:checked ~ .pss_contr.c4,.sel_page_4:checked ~ .pss_contr.c5,.sel_page_5:checked ~ .pss_contr.c6 ,.sel_page_6:checked ~ .pss_contr.c7,.sel_page_7:checked ~ .pss_contr.c8{background-image:url(img/down.png);display:block;top:85%;}
.sel_page_2:checked ~ .pss_contr.c1, .sel_page_3:checked ~ .pss_contr.c2,
.sel_page_4:checked ~ .pss_contr.c3 ,.sel_page_5:checked ~ .pss_contr.c4,.sel_page_6:checked ~ .pss_contr.c5,.sel_page_7:checked ~ .pss_contr.c6,.sel_page_8:checked ~ .pss_contr.c7 {background-image:url(img/up.png);display:block; z-index:9999999999;}
.pss_slides {height:100%;overflow:hidden;position:relative;}

.pss_main input:checked ~ .pss_slides {}
.sel_page_1:checked ~ .pss_slides {background:url(img/cpbg1.jpg);}
.sel_page_2:checked ~ .pss_slides {background:url(img/cpbg4.jpg);}
.sel_page_3:checked ~ .pss_slides {background:url(img/cpbg3.jpg);}
.sel_page_4:checked ~ .pss_slides {background:url(img/cpbg4.jpg);}
.sel_page_5:checked ~ .pss_slides {background:url(img/cpbg1.jpg);}
.sel_page_6:checked ~ .pss_slides {background:url(img/cpbg4.jpg);}
.sel_page_7:checked ~ .pss_slides {background:url(img/cpbg3.jpg);}
.sel_page_8:checked ~ .pss_slides {background:url(img/cpbg4.jpg);}

.pss_slides ul {height:100%;list-style:none;position:relative;top:0;/* css3 transition */ -webkit-transition:top ease-in 1.0s; -moz-transition:top ease-in 1.0s;-o-transition:top ease-in 1.0s;-ms-transition:top ease-in 1.0s;transition:top ease-in 1.0s; }
.pss_slides ul  li {height:100%;opacity:0.1;position:relative;text-align:center; /* css3 transition */ -webkit-transition:opacity ease-in 1.0s; -moz-transition:opacity ease-in 1.0s;-o-transition:opacity ease-in 1.0s;-ms-transition:opacity ease-in 1.0s;transition:opacity ease-in 1.0s; }
.sel_page_1:checked ~ .pss_slides ul li:first-child,
.sel_page_2:checked ~ .pss_slides ul li:nth-child(2),
.sel_page_3:checked ~ .pss_slides ul li:nth-child(3),
.sel_page_4:checked ~ .pss_slides ul li:nth-child(4), 
.sel_page_5:checked ~ .pss_slides ul li:nth-child(5),
.sel_page_6:checked ~ .pss_slides ul li:nth-child(6), 
.sel_page_7:checked ~ .pss_slides ul li:nth-child(7),
.sel_page_8:checked ~ .pss_slides ul li:nth-child(8){opacity:1;}
.pss_slides ul li img{margin:0 auto;padding:140px;position:absolute; top:12%; left:14%;}
.pss_slides ul li div{background:rgba(3, 65, 152, 0.37);color:#FFFFFF;font-size:16px;right:-80%;
margin:0 auto;padding:40px 20px;position:absolute;top:30%;width:360px;/* css3 transition */-webkit-transition:right ease-in 1.0s; -moz-transition:right ease-in 1.0s;-o-transition:right ease-in 1.0s; -ms-transition:right ease-in 1.0s;transition:right ease-in 1.0s; text-align:left; line-height:28px;  }


.sel_page_1:checked ~ .pss_slides ul {top:0;}
.sel_page_2:checked ~ .pss_slides ul {top:-100%;}
.sel_page_3:checked ~ .pss_slides ul {top:-200%;}
.sel_page_4:checked ~ .pss_slides ul {top:-300%;}
.sel_page_5:checked ~ .pss_slides ul {top:-400%;}
.sel_page_6:checked ~ .pss_slides ul {top:-500%;}
.sel_page_7:checked ~ .pss_slides ul {top:-600%;}
.sel_page_8:checked ~ .pss_slides ul {top:-700%;}
.sel_page_1:checked ~ .pss_slides ul li:first-child div,
.sel_page_2:checked ~ .pss_slides ul li:nth-child(2) div,
.sel_page_3:checked ~ .pss_slides ul li:nth-child(3) div,
.sel_page_4:checked ~ .pss_slides ul li:nth-child(4) div,
.sel_page_5:checked ~ .pss_slides ul li:nth-child(5) div,
.sel_page_6:checked ~ .pss_slides ul li:nth-child(6) div,
.sel_page_7:checked ~ .pss_slides ul li:nth-child(7) div,
.sel_page_8:checked ~ .pss_slides ul li:nth-child(8) div{right:20%;}


/* banner */
.swiper-container{height:948px;}
.arrow-left {background: url(img/arrows.png) no-repeat left top;position: absolute;left: 10px;top: 50%;margin-top: -15px;width: 17px;
height: 30px;z-index:10;}
.arrow-right {background: url(img/arrows.png) no-repeat left bottom;position: absolute;right: 10px;top: 50%;margin-top: -15px;width: 17px;height: 30px;z-index:10;}
.pagination {position: absolute;left: 0;text-align: center;bottom:30px;width: 100%;}
.swiper-pagination-switch {display: inline-block;width: 14px;height: 14px;border-radius: 10px;background: #999;margin: 0 6px;cursor: pointer;}
.swiper-active-switch {background: #fff;}
.swiper-slide{position:relative;opacity:0;transition: opacity 0.7s ease-in-out;}
.swiper-slide-active{opacity:1;}
.swiper-slide .img{position:absolute;}
.inner{position:relative;display:block;width:1000px;height:500px;margin:0 auto;}

.slide1{background: url(img/b4.jpg) no-repeat center ;}
.slide2{background: url(img/b2.jpg) no-repeat center ;}
.slide3{background: url(img/b3.jpg) no-repeat center ;}

.slide1 .s0{left: 50%;margin-left: -150px; top: 360px; z-index:999;}
.slide1 .s1{left: 50%;margin-left: -155.5px;top: 580px;z-index:999;}
.slide1 .s2{left: 50%;margin-left: -165px;top: 630px;z-index:999;}
.slide1 .s3{right:280px;top:300px;z-index: 5;height:436px}
.slide1 .s4{right:280px;top:300px;z-index: 9;height:436px}
.slide2 .zh-a-1{left:-17%;top:400px;z-index: 9;}
.slide2 .zh-a-2{right:-3%;top:248px;z-index:99;}
.slide2 .zh-a-3{right:-10%;top:370px;z-index:9999;}
.slide2 .zh-a-4{right:-10%;top:370px;z-index:9999;}
.slide2 .zh-a-5{right:-10%;top:370px;z-index:9999;}
.slide2 .zh-a-6{right:-10%;top:370px;z-index:9999;}
.slide3 .b-1 {left:62%;top: 30px;}
.slide3 .b-2 {left:6%;top:303px;}
.slide3 .b-3 {left:8%;top:340px;}
.slide3 .b-4 {left:8%;top:420px;}
.slide3 .b-5 {left:8%;top:510px;}
.slide3 .b-6 {left:8%;top:600px;}
.slide3 .b-7 {left:8%;top:700px;}


/*自定义CSS动画*/
.moveRight{-webkit-animation-name:moveRight;animation-name:moveRight}
@-webkit-keyframes moveRight{0%{opacity: 0;left:0px;}
10%{opacity: 1;}
100%{opacity: 1;left:550px;}}
@keyframes moveRight{0%{opacity: 0;left:0px;}
10%{opacity: 1;}
100%{opacity: 1;left:550px;}}

.moveLeft{-webkit-animation-name:moveLeft;animation-name:moveLeft}
@-webkit-keyframes moveLeft{0%{opacity:0;left:390px;}
10%{opacity:1;}
100%{opacity:1;left:-370px;}}
@keyframes moveLeft{0%{opacity:0;left:390px;}
10%{opacity:1;}
100%{opacity:1;left:-370px;}}

/* DaTouWang URL: www.datouwang.com */
.swiper-container {margin:0 auto;position:relative;overflow:hidden;direction:ltr;
     -webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}