/* AB模版网 做最好的织梦整站模板下载网站 Www.AdminBuy.Cn */
/* QQ：9490489 */
/* 仿站：Fang.AdminBuy.Cn */
/* 素材：Sc.AdminBuy.Cn */
/* js特效：Js.AdminBuy.Cn */
@charset "utf-8";
/*====================== 初始化 ====================*/
body { font-family:'zfull-GB','Microsoft YaHei', '微软雅黑','宋体'; font-size:14px; line-height:22px; color:#333333;}
body,ul,ol,li,p,span,i,strong,a,h1,h2,h3,h4,h5,h6,form,table,td,img,div,form,label,dl,dt,dd{margin:0;padding:0;border:0;} 
ul,ol{ list-style:none;}
table { border-collapse:collapse; border-spacing:0;}
a{ text-decoration:none; color:#000;}
img{ border:none;}
input,button,select,textarea{outline:none; border:none}
.width1200{ margin:0 auto; width:1200px; min-width:1000px;}
.width1162{ margin:0 auto; width:1162px; min-width:1000px;}
.share-30{ padding:70px 0;}
.bg-color{ background:#f9fbfc;}
h3,h2{ font-weight:normal;}
/*====================== 初始化 ====================*/
.top{ height:60px; overflow:hidden; position:absolute; top:0; left:0; z-index:2;}
.banner-mask{ position:absolute; top:0; left:0; width:100%; background:rgba(0,0,0,0.5); height:60px; z-index:3;}
.top h1 a{ display:block; width:226px; height:38px; background:url(../images/logo.png) no-repeat center; float:left; margin-top:11px;}
.top ul{ float:right;}
.top ul li{ float:left; height:56px; line-height:56px; margin-left:20px;}
.top ul li a{ color:#FFF; font-size:16px; display:inline-block; width:140px; text-align:center; height:30px; line-height:30px; margin-top:15px; border-radius:20px;
transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
-webkit-transition:all 0.5s;}
.top ul li.active a{ height:30px; line-height:30px; background:#3679c3;}
.banner{ height:300px; width:100%; background:url(../images/banner1.jpg) no-repeat center; position:relative}
.share{ overflow:hidden;}
.share-txt{ text-align:center}
.share ul li{ height:210px; width:24.7%; float:left; margin-right:0.4%; position:relative;}
.share ul li:last-child{ margin-right:0;}
.share-txt h3{ color:#333; font-size:36px;}
.share-txt p{ font-size:18px; color:#999;width:80%; margin:40px auto 0; line-height:30px;}
.share ul li a{ display:block; height:40px; line-height:40px; background:rgba(0,0,0,0.5); position:absolute;  top:40px; left:0; padding:0 10px; color:#FFF; font-size:24px;}
.share-bj{ overflow:hidden; margin-top:70px;}
.share-mask{ text-align:center;}
.share-mask h3{ font-size:36px; color:#333333; padding-bottom:70px; font-weight:normal;}
.share-mask ul{ width:940px; margin:0 auto;}
.share-mask ul li{ width:430px; height:310px; float:left; margin-bottom:80px; position:relative; overflow:hidden;
transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
-webkit-transition:all 0.5s;}
.share-mask ul li:nth-child(odd){ margin-right:80px;}
.share-mask a{ display:block; height:60px; line-height:60px; background:rgba(55,108,167,0.5); position:absolute; bottom:0; left:0; right:0; font-size:24px; color:#FFF;}
.share-mask div{ position:absolute; top:0; left:0; bottom:0; right:0; background:rgba(0,0,0,0.5);
	transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);
	-o-transform:scale(0);
	-webkit-transform:scale(0);
	transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-o-transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.share-mask p{ width:310px; height:190px; background:url(../images/share-border.png) no-repeat center; text-align:center; font-size:24px; color:#FFF; margin:60px 0  0 60px;}
.share-mask span{ display:inline-block; line-height:40px; width:240px; margin:30px auto 0; text-align:left;}
.share-mask ul li img{
	transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-o-transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.share-mask ul li a{
	transition:all 0.2s;
	-moz-transition:all 0.2s;
	-ms-transition:all 0.2s;
	-o-transition:all 0.2s;
	-webkit-transition:all 0.2s;		
}
.share-mask ul li:hover img{ transform:scale(1.2);}
.share-mask ul li:hover a{ bottom:-60px;}
.share-mask ul li:hover div{
	transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	-webkit-transform:scale(1);	
}
.partner-list{ color:#333333; font-size:36px; text-align:center; overflow:hidden}
.partner-list ul{ margin-top:60px;}
.partner-list ul li{ float:left; margin-bottom:60px;}
.partner-list ul li:nth-child(2),.partner-list ul li:nth-child(5){ margin:0 150px 60px;}
.share ul li img{
	transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-o-transition:all 0.5s;
	-webkit-transition:all 0.5s;	
}
.share ul li:hover img{ 
transform:scale(1.2);
-moz-transform:scale(1.2);
-ms-transform:scale(1.2);
-o-transform:scale(1.2);
-webkit-transform:scale(1.2);}
.banner-animation{ color:#3679c3; font-size:24px; position:relative; width:1200px; margin:0 auto; height:100%;}
.banner-animation p{ position:absolute; left:0; opacity:0;}
.banner-animation h3{ font-size:60px; position:absolute; bottom:52%; left:0; animation:custom-txt1 1s linear forwards; opacity:1; display:inline-block; background:rgba(54,121,195,0.8);
color:#FFF; height:80px; line-height:80px; padding:0 20px; font-weight:normal;}
.banner-animation p:nth-child(2){ font-size:30px; bottom:46%;animation:custom-txt2 0.6s linear 0.4s forwards;}
.banner-animation p:nth-child(3){ font-size:24px; bottom:36%; opacity:1;}
.banner-animation p:nth-child(3):before{ content:""; display:inline-block; width:35px; height:36px; background:url(../images/shouji.png) no-repeat center; margin-right:15px; vertical-align:middle;}
.custom-list{ overflow:hidden}
.custom-list ul li{ width:25%; text-align:center; float:left; text-align:center; font-size:14px; color:#999999;}
.custom-list ul li img{
	transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-o-transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.custom-list ul li:hover img{
	transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
}
.custom-list h3{ font-size:18px; color:#333; margin:10px 0;}
.custom-safeguard{ height:838px; width:100%; background:url(../images/custombanner-bj.jpg) no-repeat center;}
.safeguard-cet{ text-align:center; position:relative}
.custom-safeguard h3{ font-size:36px; color:#333333; padding-top:148px; position:relative; right:30px;}
.safeguard-cet ul li{ height:262px; width:262px; text-align:center; line-height:262px; color:#fff; font-size:24px; position:absolute; 
transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
-webkit-transition:all 0.5s;}
.safeguard-cet ul li:nth-child(1).active{top:232px; left:214px;}
.safeguard-cet ul li:nth-child(2).active{top:398px; left:50px;}
.safeguard-cet ul li:nth-child(3).active{top:578px; left:240px;}
.safeguard-cet ul li:nth-child(5).active{top:563px; left:650px;}
.safeguard-cet ul li:nth-child(6).active{top:347px; left:765px; z-index:3}
.safeguard-cet ul li:nth-child(7).active{top:251px; left:654px;}
.safeguard-cet ul li:nth-child(1){ background:url(../images/safeguard-cet1.png) no-repeat center; height:286px;width:286px; line-height:286px; top:388px; left:430px;}
.safeguard-cet ul li:nth-child(2){ background:url(../images/safeguard-cet2.png) no-repeat center; height:325px;width:325px; line-height:325px; top:368px; left:430px;}
.safeguard-cet ul li:nth-child(3){ background:url(../images/safeguard-cet3.png) no-repeat center; top:400px; left:430px;}
.safeguard-cet ul li:nth-child(4){ background:url(../images/safeguard-cet4.png) no-repeat center; height:440px; width:440px; line-height:440px; top:310px; left:360px; z-index:2;}
.safeguard-cet ul li:nth-child(5){ background:url(../images/safeguard-cet7.png) no-repeat center; line-height:216px; top:423px; left:430px;}
.safeguard-cet ul li:nth-child(6){ background:url(../images/safeguard-cet6.png) no-repeat center; height:336px; width:336px; line-height:336px; top:360px; left:434px;}
.safeguard-cet ul li:nth-child(7){ background:url(../images/safeguard-cet5.png) no-repeat center; top:400px; left:430px;height:216px; width:216px;}
.scene{ text-align:center; overflow:hidden; color:#333333; font-size:24px;}
.scene h3{ font-size:36px;} 
.scene ol{ padding:50px 0; display:inline-block;}
.scene ol li{ float:left; margin-right:40px; padding:0 20px; height:40px; line-height:40px; cursor:pointer;
transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
-webkit-transition:all 0.5s;
}
.scene ol li.active{background:#dae6f2; color:#397bc4; border-radius:20px;}
.scene-img img{ display:block;}
.sene-div{animation:sene-div1 1.2s linear forwards; width:1100px; margin:0 auto;}
.sene-div p{ float:left;}
.sene-div p:nth-child(1){ width:668px; margin-right:16px;}
.sene-div p:nth-child(2){ width:416px;}
.sene-div p:nth-child(2) img:nth-child(1){ margin-bottom:12px;}
.scene .scene-img{ display:none}
.scene .active{ display:block;}
.brand-bj{ overflow:hidden; text-align:center}
.brand-bj ul li{ float:left;}
.brand-bj h3{ font-size:36px; color:#333333; padding-bottom:20px;font-weight:normal}

.collaborate-bj{ background:#f0f3f5;}
.accordion-none{ padding:0 0 60px 0;}
.accordion-none .accordion-txt{ float:left; margin:-58px 0 0 20px;}
.accordion-none .accordion-img{ float:right;}
.accordion-none .accordion-img img{ left:-20px;}
.accordion-none .accordion ul li h4{ left:10px;}
.accordion ul li{ float:left; width:150px; height:300px; overflow:hidden;position:relative;}
.accordion ul li.onlive{width:150px; height:300px; overflow:hidden;}
.accordion ul li.ontwo{width:200px; height:300px; overflow:hidden;}
.accordion-txt{width: 264px; float:left; text-align:left;}
.accordion-img{ width:150px; float:left; display:inline-block; margin-top:58px; position:relative;}
.accordion-img img{ position:absolute; right:20px; top:20px;}
.list{ text-align:center; padding:60px 0; overflow:hidden;}
.list h3{ font-size:36px; color:#333; font-weight:normal;}
.list h3 span{ display:inline-block; margin-right:7px; font-weight:bold;}
.list p{ font-size:18px; color:#999999; display:block; padding:30px 0 60px 0;}
.accordion-no{ padding:60px 0 20px 0;}
.accordion{ background:#cacaca; height:300px; overflow:hidden;}
.accordion-img{ width:150px; float:left; display:inline-block; margin-top:58px; position:relative;}
.accordion-img img{ position:absolute; right:20px; top:20px;}
.accordion-mask4{ position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.4); z-index:2;}
.accordion-mask6{ position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.6); z-index:2;}
.accordion-no{ padding:60px 0 20px 0;}
.accordion-none{ padding:0 0 60px 0;}
.accordion-line{ margin-bottom:30px;}
.accordion-list-none{ padding:60px 0 0 0;}
.accordion-list-bt{ text-align:left;}
.accordion-list-bt img{ display:inline-block; margin-bottom:30px; margin-left:210px;}
.accordion-list-bt img:last-child{ margin-bottom:60px; margin-left:225px;}
.accordion ul li.active{ width:562px; background:url(../images/energy-bj.png) no-repeat center;}
.accordion ul li.active h4{ position:static; color:#333333;}
.accordion ul li.active span{ display:block;}
.accordion ul li.active .accordion-img{ width:298px;}
.accordion-mask4{ position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.4); z-index:2;}
.accordion-mask6{ position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.6); z-index:2;}
.accordion ul li.active .accordion-mask6{ background:rgba(0,0,0,0);}
.accordion ul li.active .accordion-mask4{ background:rgba(0,0,0,0);}
.accordion ul li h4{ color:#333333; font-size:18px; margin:30px 0 10px 0;
position:absolute; top:10px; right:10px; color:#FFF; z-index:3;}
.accordion ul li span{ display:none; font-size:14px; color:#666666; line-height:24px;}

.accordion-none ul li{ width:200px;}
.code{ text-align:center; font-size:14px; color:#999;}
.code ul{ display:inline-block;}
.code ul li{ float:left;}
.code ul li img{padding:30px; margin:0 30px 0px 30px;}
.footer{ width:100%; background:#333333; color:#FFF; font-size:12px; padding:30px 0; text-align:center;}
.footer a{ display:inline-block; width:226px; height:38px; background:url(../images/logo.png) no-repeat center;}
.footer ul{ display:inline-block; padding:10px 0;}
.footer ul li{ float:left; position:relative;}
.footer ul li a{display:inline-block; width:23px; height:20px; background:url(../images/wb.png) no-repeat center; vertical-align:middle; margin:0 20px;}
.footer ul li:nth-child(2) span{ display:inline-block; width:23px; height:20px; background:url(../images/wx.png) no-repeat center;margin-right:20px; }
.footer ul li img{ position:absolute; top:-110px; left:-40px; height:250px; width:250px; height:100px; width:100px; display:none}
.footer ul li.active img{display:block}
.stairs{ width:80px; border-left:1px solid #eee; border-right:1px solid #eee; text-align:center;position:fixed; left:20px;top:80px; background:#FFF; display:none}
.stairs ul li{ height:40px; line-height:40px; font-size:14px; color:#000; border-bottom:1px solid #eeeeee; cursor:pointer;}
.stairs ul li.active{ background:#3679c3; color:#FFF;}
.shared-bj{background:url(../images/share-bj.png) no-repeat center / cover;}
.trip{ text-align:center;} 
.trip>h3{ font-size:36px; color:#000000; padding-bottom:50px;}
.trip-list{ font-size:14px; color:#666; overflow:hidden; padding-top:20px;}
.trip-list h3{ font-size:18px; color:#333; margin:15px 0;}
.trip h3{ font-weight:normal;}
.trip-list span{ display:block; height:1px; width:970px; margin:0 auto; background:#dae6f2; position:relative; top:47px; z-index:1}
.trip-list ul li{ float:left; width:20%; text-align:center; position:relative; z-index:2;}
.trip-list ul li a{ display:block; height:94px; width:94px; background:#dae6f2 url(../images/iphone-img1.png) no-repeat center; border-radius:50%; margin:0 auto;
transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
-webkit-transition:all 0.5s;}
.trip-list ul li:nth-child(2) a{background:#dae6f2 url(../images/iphone-img2.png) no-repeat center;}
.trip-list ul li:nth-child(3) a{background:#dae6f2 url(../images/iphone-img3.png) no-repeat center;}
.trip-list ul li:nth-child(4) a{background:#dae6f2 url(../images/iphone-img4.png) no-repeat center;}
.trip-list ul li:nth-child(5) a{background:#dae6f2 url(../images/iphone-img5.png) no-repeat center;}
.trip-iphone{ height:697px; width:403px; background:url(../images/iphone.png) no-repeat center; margin:30px auto;}
.trip-iphone ul li{ display:none;}
.trip-iphone ul li img{ margin:70px 10px 0 0;}
.trip-iphone ul li.active{ display:block;}
.trip-list ul li.active a{ 
transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
-webkit-transform:scale(1.1);}
.trip-list ul li:nth-child(1).active a{background:#3679c3 url(../images/iphone-ig1.png) no-repeat center;}
.trip-list ul li:nth-child(2).active a{background:#3679c3 url(../images/iphone-ig2.png) no-repeat center;}
.trip-list ul li:nth-child(3).active a{background:#3679c3 url(../images/iphone-ig3.png) no-repeat center;}
.trip-list ul li:nth-child(4).active a{background:#3679c3 url(../images/iphone-ig4.png) no-repeat center;}
.trip-list ul li:nth-child(5).active a{background:#3679c3 url(../images/iphone-ig5.png) no-repeat center;}
.advantage{ height:419px; width:100%; background:url(../images/iphonebj.jpg) no-repeat center;
color:#999999; font-size:14px; text-align:center}
.advantage ul li{ width:25%; text-align:center; float:left;}
.advantage ul li img{
	transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-o-transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.advantage ul li:hover img{
	transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	-webkit-transform:rotate(360deg);	
}
.width1090{ width:1090px; margin:0 auto;}
.advantage h3{ font-size:36px; color:#000; font-weight:normal; padding:40px 0 80px 0;}
.advantage p{ color:#333333; font-size:18px; margin:15px 0;}
.hire{ overflow:hidden; text-align:center;}
.hire ul li{ width:430px; height:310px; background:url(../images/time-title1.jpg) no-repeat center; text-align:center; font-size:28px; color:#fff; margin-bottom:90px; float:left; position:relative;
	transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-o-transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.hire ul li:nth-child(2){background:url(../images/time-title2.jpg) no-repeat center;}
.hire ul li:nth-child(3){background:url(../images/time-title3.jpg) no-repeat center;}
.hire ul li:nth-child(4){background:url(../images/time-title4.jpg) no-repeat center;}
.hire ul li:nth-child(odd){ margin-right:138px;}
.hire ul li img{ display:inline-block; padding:70px 0 15px 0;}
.hire h3{ font-size:36px; color:#000; padding-bottom:60px;}
.hire-tb{ width:998px; margin:0 auto; position:relative;}
.hire-tb:after{ content:""; display:block; width:138px; height:90px; background:url(../images/time-title.jpg) no-repeat center; position:absolute; top:310px; left:430px;}
.service{ width:100%; height:1399px; background:url(../images/service-bj.jpg) no-repeat center; text-align:center}
.service h2{ font-size:36px; color:#333; padding:60px 0; font-weight:normal;}
.service-list1 div.servi-float{ float:left; position:relative}
.servi-float div{ float:left;}
.servi-div1{ width:540px; height:630px; position:relative; margin-right:10px;}
.servi-div2{ width:540px; height:630px; float:left;}
.servi-div2 div{ width:265px; height:310px; position:relative}
.servi-div2 div:first-child{ margin-right:10px;}
.servi-div2 div:last-child{ width:540px; height:310px; margin-top:10px;}
.service-list1 img{ width:100%;}
.service-list1 h3{ position:absolute; bottom:0; left:0; height:60px; line-height:60px; font-size:24px; color:#fff; font-weight:normal; width:100%; text-align:center;
background:rgba(54,121,195,0.5);
	transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-o-transition:all 0.5s;
	-webkit-transition:all 0.5s;}
.service-list1 p{ position:absolute; top:0; left:0; bottom:0; right:0;background:rgba(54,121,195,0.5);
	transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-o-transition:all 0.5s;
	-webkit-transition:all 0.5s;
	transform:scale(0);
	opacity:0;
}
.service-list1 span{ display:block; font-size:24px; color:#FFF; line-height:36px;}
.service-list1 span:nth-child(1){ padding-top:90px;}
.servi-div1 span:nth-child(1){ padding-top:250px;}
.servi-hodver{ overflow:hidden;}
.servi-hodver:hover p{
	transform:scale(1);
	opacity:1;
}
.servi-hodver:hover h3{
	bottom:-60px;
}
.servi-div1 span{ font-size:36px; line-height:50px;}
.ser-ovhiddle{ overflow:hidden;}
.rent{ font-size:18px; color:#666666;}
.rent ul{ border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:20px 0; margin-bottom:30px;}
.rent ul li{ width:100%; text-align:center; height:60px; line-height:60px;}
.rent ul li span{ display:block; float:left; width:33%; text-align:center}
.rent ul li i{ font-style:normal; color:#f59c0a;}
.rent p{ line-height:30px;}
.rent p.p1:before{ content:""; display:inline-block; height:30px; width:30px; background:url(../images/xxx4.png) no-repeat; margin-right:20px; vertical-align:middle;}
.width940{ width:940px; margin:0 auto;}

/****** 关于我们 ******/
.width1000{ margin:0 auto; width:1000px; min-width:1000px;}
.contact-title{ margin-top:30px;}
.contact-title h4{ font-size:24px; color:#333333; margin-bottom:20px; font-weight: normal;}
.contact-title h4:before{ content:""; display:inline-block; background:#3679c3;
height:28px; width:4px; margin-right:10px; position:relative; top:5px;}
.contact-list p{ font-size:14px; color:#666; line-height:23px; margin-top:10px; text-indent:0em !important;}
.contact-time ul li{ position:relative;font-size:14px; color:333; min-height:100px;}
.contact-month{ width:80px; text-align:center}
.contact-month em{ font-style:normal; display:block;color:#3679c3;  }
.contact-month span{ display:block; font-size:24px; color:#3679c3; }
.contact-border{ position:absolute; top:15px; left:0; right:0; bottom:0;min-height:80px;}
.contact-border i{ display:block; min-height:70px; width:2px; background:#3679c3;
position:absolute; left:4px; top:12px; bottom:0; right:0; padding-bottom:30px;}
.contact-border strong{ display:inline-block; height:10px; width:10px; background:#3679c3;
border-radius:50%;}
.contact-time p{ position:absolute; left:100px; top:0px; right:10px; bottom:0; color:#666;}
.contact-none{ margin:0 auto;}
.contact-none p{ font-size:14px; color:#999; line-height:35px;}
.contact-none i{ display:inline-block; width:30px;}
.contact-none span{ display:inline-block; width:60px; height:1px; background:#999; margin:0 10px;
position:relative; top:-4px;}
.contact-plat p{ font-size:14px; color:#666; line-height:35px;}
.list-n ul{ margin-bottom:60px;}
.list-n ul li{ margin-top:60px; overflow:hidden;}
.list-n i{ display:block; width:4px; height:60px; background:#3679c3; float:left;}
.list-n-time{ width:80px; text-align:center; float:left; font-size:20px; color:333;}
.list-n-time h4{ font-size:36px; color:#333; margin:8px 0 10px 0;}
.list-n-list{ float:left; margin-left:130px; font-size:14px; color:#999; text-align:center;}
.list-n-list h3{ font-size:26px; font-weight:normal; color:#333333; margin-bottom:15px; text-align: left;}
.list-n-list p{ line-height:25px; margin-top:10px; clear:both; text-align:left;}
.list-n-list img{ text-align:left; float:left;}
.list-n-list a{ display:block; color:#333; margin-top:15px; text-align:left; clear:both; 
transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
-webkit-transition:all 0.5s;}
.list-n-list a:hover{ color:#3679c3;}
.list-n-list em{ font-style:normal; float:left; height:30px; line-height:30px; margin-bottom: 10px;
transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
-webkit-transition:all 0.5s;}
.list-n-list img{ display:inline-block; margin:5px 0;}
.list-new{ text-align:center;}
.list-new h3{ color:#333; font-size:26px; font-weight:normal; margin:30px 0;}
.list-new{ font-size:14px; color:#666;}
.list-new span{ display:block; margin:10px 0; border-bottom:1px solid #cccccc; margin-bottom:40px; padding-bottom:10px; color:#999;}
.list-new p{ text-align:left; text-indent:2em; line-height:24px; margin-top:10px; width:70%; margin:0 auto;}
.list-new img{ display:inline-block; margin:5px 0;}
.list-new-padding{ padding:60px 0;}
.hire-tb ul li div{ position:absolute; top:0; left:0; bottom:0; right:0; background:rgba(0,0,0,0.5);
transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
-webkit-transition:all 0.5s;}
.hire-tb ul li:hover div{ top:310px;}
.index-bj{background:url(../images/ban-1.jpg) no-repeat center / cover;}
.animate1{ position:relative; height:100%; width:1200px; margin:0 auto;}
.animate-img1{ width:847px; height:289px; background:url(../images/ban-shat1.png) no-repeat center; position:absolute; bottom:49px; left:-1000px; animation:index-ani1 1.5s linear forwards;}
.animate-img2{ width:310px; height:342px; background:url(../images/ban-shat2.png) no-repeat center;position:absolute; bottom:0px; left:520px;}
.animate-img3{ width:50px; height:115px; background:url(../images/ban-shat3.png) no-repeat center;position:absolute; bottom:200px; left:738px; animation:index-ani2 0.5s linear 2.5s forwards; opacity:0;}
.about-banner:after{ content:""; display:block; height:60px; width:100%;}
.shareon-bj{background:url(../images/share.jpg) no-repeat center / cover;}
.shate{ position:relative; height:100%; width:1200px; margin:0 auto; font-size:36px; color:#333333;}
.shate p:nth-child(1){ width:579px; height:772px; background:url(../images/share-1.png) no-repeat center; position:absolute; left:0; bottom:772px; animation:shart-in1 1s linear forwards; opacity:0;}
.shate p:nth-child(2){ font-size:48px;position:absolute; bottom:62%; left:920px; opacity:0; animation:shart-in2 0.8s linear 0.8s forwards;}
.shate p:nth-child(3){ width:395px; height:81px; background:url(../images/share-2.png) no-repeat center; position:absolute; bottom:40%; left:920px; opacity:0; animation:shart-in3 0.8s linear 1.8s forwards;}
.shate p:nth-child(4){ position:absolute; bottom:25%; left:920px; opacity:0; animation:shart-in4 0.8s linear 2.4s forwards; height:40px; line-height:40px; width:300px; width:450px;}
.line{  height:40px; line-height:40px; width:140px; border-radius:20px; background:#3679c3; position:absolute; top:10px; left:0;}
.conduct{ text-align:center; overflow:hidden;}
.conduct h3{ font-size:36px; color:#333; padding-bottom:60px; font-weight:normal;}
.conduct ul li{ float:left; margin-right:40px; position:relative;font-size:24px; color:#FFf; width:270px; height:210px; overflow:hidden;}
.conduct ul li:last-child{ margin:0;}
.conduct ul li img.m1{
transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
-webkit-transition:all 0.5s;		
}
.conduct ul li div{ position:absolute; top:0; left:0; right:0; bottom:0; text-align:center}
.conduct ul li div img{ display:inline-block; margin:40px 0 20px 0;}
.conduct ul li:hover img.m1{  
transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
-webkit-transform:scale(1.1);
}
.sene-active p{ width:544px !important;}
.sene-active p:nth-child(1){ margin-right:12px;}
.safeguard-cet span{ display:inline-block; line-height:30px;}
.animate-img4{ width:502px; height:83px;; background:url(../images/wen-1.png) no-repeat center; position:absolute; bottom:60%; left:50px;
animation:index-ani3 0.8s linear 2.8s forwards; opacity:0;}
.animate-img5{ font-size:48px; color:#FFF; position:absolute; bottom:52%; left:50px;
animation:index-ani4 0.8s linear 3.6s forwards; opacity:0;}
.contact-plat p:nth-child(2){ font-size:20px;}
.center p{ text-align:center}
@media screen and (max-width:1367px){
	.animate-img4{ bottom:73%;}
	.animate-img5{ bottom:62%;}
}
.conduct ul li i{ width:270px; height:210px; position:absolute; top:0; left:0; background:rgba(0,0,0,0.3);}