*{margin: 0;padding: 0;border: 0;outline: none;
box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
-ms-box-sizing: border-box; -moz-box-sizing: border-box;}
html {width: 100%; font-weight: normal;
	-webkit-text-size-adjust:none; -ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
body{font-size: 14px;line-height: 1.6;background-color:#fff;color:#666666; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif; }
ul,ul li,ol,li {list-style: none outside none;}
img {vertical-align: middle;border: none;}
input,select,option,label,th,textarea{vertical-align: middle;border: none; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;}
a {text-decoration: none;color: inherit;}
a:hover {text-decoration: none;  }

select{ appearance:none;  -moz-appearance:none; -webkit-appearance:none;}   
select::-ms-expand { display: none; }  

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {zoom: 1;display: block;_height: 1px;clear: both;}

.fl {float: left;}
.fr {float: right;}
.container{ display: block; max-width:1400px; width:90%; margin: 0 auto; }
.container2{ max-width:1500px; width:90%; margin: 0 auto; }
.hidden{ overflow:hidden;}
.hide{ display:none;}

body{ max-width:2560px; margin:0 auto; }

.flex{ display: flex; align-items: center;}

.header{ height:120px; position:fixed; left:0; width:100%; top:0; background:#ffffff; z-index:1000; }
.header_height{ height:120px; }
.header .container{ position: relative; }
.header .logo{ width:120px; position: relative; z-index:10; }
.header .logo img{ display: block; width:100%; }

.header .nav{ line-height:120px; text-align: center; }
.header .nav li{ float:left; color:#353535; font-size:18px; }
.header .nav li a{ padding:0 25px; display: block; }

.header .nav li.on,.header .nav li:hover{ background:#d10007; color:#ffffff; }

.header .searchBtn{ margin:0 20px; width:60px; text-align: center; line-height:120px; height:120px; position: relative; z-index:10; }
.header .searchBtn span{ font-size:28px; color:#1b1d21; cursor: pointer; }

.header .tel{ overflow:hidden; }
.header .tel .ico{ float:left; line-height:120px; margin-right:10px; } 
.header .tel .ico span{ font-size:42px; color:#d10007; }
.header .tel .text{ float:left; font-size:20px; color:#d10007; line-height:30px; padding:30px 0; }


.searchbj{ background:rgba(0,0,0,0.6); position:fixed; top:0; left:0; width:100%; height:100%; z-index:900; display:none;}
.searchMain{ padding:60px; width:580px; height:180px; background:#ffffff; position: fixed; left:50%; top:50%; z-index:1000; margin:-90px 0 0 -290px; box-shadow: 0 0 20px #999999; display:none;}
.searchMain .input{ width:400px; height:60px; border:1px solid #d10007; padding:0 15px; float:left; font-size:16px;}
.searchMain .submit{ width:60px; height:60px; text-align:center; line-height:60px; color:#ffffff; background:#d10007; background-size:cover; float:left; cursor:pointer;}
.searchMain .submit span{ font-size:24px; }


.banner{ position: relative; }
.banner img{ display: block; width:100%; }
.banner .swiper-slide{ position: relative; }
.banner .bantxt{ position: absolute; left:0; top:0; width:100%; height:100%; text-align: center; color:#fefefe; line-height:1; }
.banner .bantxt .tit{ font-size:60px; font-weight:bold; }
.banner .bantxt .xian{ width:85px; height:2px; background:#ffffff; margin:30px auto 60px auto; }
.banner .bantxt .info{ font-size:36px; margin-bottom:120px; }

.lower{ position: absolute; width:40px; height:40px; z-index:10; left:50%; margin-left:-20px; bottom:40px; cursor:pointer; }
.lower img{ animation:myFade 2s linear infinite; position: relative; width:100%; display: block; }

/*首页关于我们*/
.habj{ background:url(../image/habj.jpg) no-repeat center center; background-size:cover; }

.homeabout{ overflow: hidden; margin:9% 0; }
.homeabout .txt{ width:45%; }
.homeabout .txt .tit01{ overflow: hidden; height:60px; margin:4% 0; }
.homeabout .txt .tit01 .titen{ color:#333333; font-size:60px; line-height:1; font-family:Arial; font-weight:bold; }
.homeabout .txt .tit01 .titcn{ color:#646464; font-size:18px; line-height:1; margin-top:32px; margin-left:18px; }
.homeabout .txt .tit02{ color:#252525; font-size:32px; }
.homeabout .txt .info{ color:#252525; font-size:16px; line-height:40px; margin:12% 0; }
.homeabout .txt .more{ display: block; width:80%; padding:0 15%; height:54px; line-height:54px; color:#ffffff; background:#d10007; }
.homeabout .txt .more .text{ float: left; font-size:16px; }
.homeabout .txt .more .iconfont{ float: right; font-size:20px; }
.homeabout .txt .more:hover{ padding:0 20%; background:#eb6816; }

.homeabout .img{ width:44%; padding:32px 32px 0 0; position:relative; }
.homeabout .img img{ display: block; width:100%; position: relative; z-index:10; }
.homeabout .haimgbj{ position: absolute; top:0; right:0; z-index:1; width:72%; }
.homeabout .haimgbj img{ width:100%;}
/*首页关于我们*/

/*首页产品*/
.hpbj{ background:url(../image/hpbj.jpg) no-repeat center center; background-size:cover; }

.homeban{ margin:6% 0; }
.homeban .swiper-slide{ overflow: hidden; position: relative; }
.homeban .img{ width:46%; overflow: hidden; }
.homeban .img img{ display: block; width:100%; }
.homeban .txt{ width:46%; height:100%; position: absolute; right:0; top:0; }
.homeban .txt .tit{ font-size:48px; font-weight:bold; color:#ffffff; line-height:1; }
.homeban .txt .tit:hover{ color:#d10007; }
.homeban .txt .info{ font-size:18px; line-height:2; color:#ffffff; margin:50px 0; }

.hmore{ display: block; width:250px; height:70px; padding:0 50px; line-height:70px; border-radius:35px; background:#d10007; color:#ffffff; }
.hmore .text{ float: left; font-size:18px; }
.hmore .iconfont{ float: right; font-size:28px; }
.hmore:hover{ border-radius:35px 0 35px 0; background:#eb6816; }

.homeban_nav{ overflow: hidden; background:#ffffff; margin-bottom:-5%; position: relative; z-index:1; }
.homeban_nav li{ float: left; width:14.28%; padding:50px 0; cursor:pointer; border-right:1px solid #ececec; }
.homeban_nav li:last-child{ border-right:none; width:14.32%; }
.homeban_nav li .ico{ width:150px; margin:0 auto; }
.homeban_nav li .ico img{ display: block; width:100%; }
.homeban_nav li .ico02{ display:none; }
.homeban_nav li .tit{ color:#393939; font-weight:bold; line-height:1; margin-top:30px; font-size:20px; text-align: center; }

.homeban_nav li.on{ background:#d10007; }
.homeban_nav li.on .ico01{ display:none; }
.homeban_nav li.on .ico02{ display:block; }
.homeban_nav li.on .tit{ color:#ffffff; }
/*首页产品*/

/*首页案例*/
.hcbj{ background: url(../image/hcbj.jpg) no-repeat center center; background-size:cover; }

.htit{ overflow: hidden; margin:7% 0; }
.htit .column{ }
.htit .column .titen{ line-height:0.8; color:#7c7d7d; font-size:22px; font-weight:bold; text-transform:uppercase; font-family:Arial; }
.htit .column .titcn{ line-height:1; color:#d10007; font-size:54px; font-weight:bold; margin-top:34px; }

.htit .column .titen2{ color:#d10007; }
.htit .column .titcn2{ color:#343434; }

.htit .hmore{ margin-top:20px; }

.homecase{ margin-top:5%; }

.hclist{ position: relative; }
.hclist .swiper-slide{ width:32%; overflow: hidden; }
.hclist .swiper-slide .img{ overflow: hidden; }
.hclist .swiper-slide img{ display: block; width:100%; }
.hclist .swiper-slide .txt{ background:#ffffff; padding:8%; line-height:1; position: relative; }
.hclist .swiper-slide .txt .tit{ color:#393939; font-size:24px; font-weight:bold; }
.hclist .swiper-slide .txt .info{ color:#838383; font-size:16px; line-height:30px; height:60px; margin-top:16px; }
.hclist .swiper-slide .txt .more{ position: absolute; right:0; top:0; border-radius:0 0 0 120px; width:120px; height:120px; line-height:100px; padding:0 0 20px 20px; text-align:center; background:#d10007; } 
.hclist .swiper-slide .txt .more span{ color:#ffffff; font-size:32px; }

.hclist .swiper-slide:hover .txt .more{ background:#eb6816; }
.hclist .swiper-slide:hover .txt .tit{color:#d10007;}

.hcmain{ position: absolute; width:100%; left:0; top:0; height:100%; }
.hcmain .container{ position: relative; height:100%;}
.hc-prev,.hc-next{ cursor:pointer; position:absolute; top:50%; margin-top:-35px; z-index:100; width:70px; height:70px; line-height:70px; text-align: center; border-radius:50%; background:rgba(0, 0, 0, 0.5); }
.hc-prev span,.hc-next span{ font-size:32px; color:#ffffff; }
.hc-prev:hover,.hc-next:hover{ background:#d10007; }

.hc-prev{ left:-70px; }
.hc-next{ right:-70px; }
/*首页案例*/

.marketing_network{ margin-top:8%; margin-bottom:-150px; padding:100px 70px; overflow: hidden; background:url(../image/mnbj.png) no-repeat center center; background-size:cover; z-index:10; position: relative; }
.marketing_network .txt{ overflow: hidden; }
.marketing_network .txt .ico{ width:100px; }
.marketing_network .txt .ico img{ display: block; width:100%; }
.marketing_network .txt .info{ color:#ffffff; line-height:1; margin-left:50px; }
.marketing_network .txt .info .tit{ font-size:48px; font-weight:bold; }
.marketing_network .txt .info .text{ font-size:24px; margin-top:28px; }

.marketing_network .more{ margin-top:22px; padding:0 24px; color:#ffffff; font-size:20px; height: 56px; border:1px solid #ffffff; line-height:54px; }
.marketing_network .more span{ font-size:24px; float: right; margin-left:70px; }
.marketing_network .more:hover{ background:#ffffff; color:#d10007; }

/*首页新闻*/
.hnbj{ background:#ffffff; padding-top:150px; }

.hnlist .swiper-slide{ width:32%; }
.hnlist .swiper-slide .img{ overflow: hidden; }
.hnlist .swiper-slide img{ display: block; width:100%; }
.hnlist .swiper-slide .txt{ background:#ffffff; padding-bottom:60px; }
.hnlist .swiper-slide .info{ position:relative; background:#f7f7f7; padding:7%; }
.hnlist .swiper-slide .info .time{ color:#999999; font-size:16px; font-weight:bold; }
.hnlist .swiper-slide .info .tit{ font-size:22px; color:#2d2d2d; line-height:40px; height:120px; margin:22px 0; }
.hnlist .swiper-slide .more{ position: absolute; left:7%; margin-bottom:-30px; width:60px; height:60px; text-align:center; line-height:60px; border-radius:50%; background:#d10007; }
.hnlist .swiper-slide .more span{ font-size:24px; color:#ffffff; }

.hnlist .swiper-slide:hover .txt{ background:#d10007; }
.hnlist .swiper-slide:hover .info{ background:#d10007; }
.hnlist .swiper-slide:hover .info .time{ color:#ffffff; }
.hnlist .swiper-slide:hover .info .tit{ color:#ffffff; }
.hnlist .swiper-slide:hover .more{ background:#ffffff; }
.hnlist .swiper-slide:hover .more span{ color:#d10007; }
.hnbj .hmore{ margin:6% 0 8% 0; }

.htit .hnpage{ position:static; height:18px; margin-top:46px; line-height:0; }
.htit .hnpage .swiper-pagination-bullet{ margin:0 10px; width:18px; height:18px; background:#d5d5d5; border:3px solid #ffffff; opacity:1; }
.htit .hnpage .swiper-pagination-bullet-active{ background:#d10007; border-color:#d10007; }
/*首页新闻*/


.homebottom{ background:#f7f7f7; overflow: hidden; }
.hblist{ overflow: hidden; margin:7% 0; }
.hblist li{ float: left; width:33.33%; }
.hblist li .ico{ width:120px; margin:0 auto; }
.hblist li .ico img{ display: block; width:100%; }
.hblist li .titcn{ text-align: center; color:#2d2d2d; font-size:30px; line-height:1; margin:30px 0; }
.hblist li .titen{ text-align: center; color:#8e929c; font-size:18px; line-height:1; }

/*底部*/
.footer{ background:url(../image/footer.jpg) no-repeat center center; background-size:cover; }
.dbmain{ overflow: hidden; margin:5% 0; }
.dbinfo{ width:40%; }
.dbinfo .dblogo{ height:80px; }
.dbinfo .dblogo img{ height:80px; display: block; }
.dbinfo .dbtel{ font-size:24px; color:#ffffff; line-height:1; margin:36px 0 24px 0; }
.dbinfo .info{ font-size:16px; line-height:2.2; color:#ffffff; }
.dbinfo .wechatBtn{ cursor:pointer; margin-top:36px; width:50px; height:50px; line-height:50px; border-radius:50%; background:#d10007; text-align: center; }
.dbinfo .wechatBtn span{ font-size:28px; color:#ffffff; }

.dbnav{ width:60%; overflow: hidden; }
.dbnav li{ width:25%; float: left; }
.dbnav li .tit{ color:#ffffff; font-size:22px; line-height:1; margin:36px 0; }
.dbnav li .sub{ color:#c2c1c1; font-size:16px; line-height:36px; }
.dbnav li .sub a{ display: block; }
.dbnav li .sub a:hover{ color:#ffffff; }

.copy{ text-align: center; color:#ffffff; font-size:16px; padding:16px 0; line-height:1.6; }
.copy a:hover{ text-decoration:underline; }
/*底部*/

/*关于我们*/
.nyban{ position: relative; }
.nyban img{ display: block; width:100%; }
.nyban .nbtxt{ position: absolute; color:#ffffff; left:0; top:0; width:100%; height:100%; text-align: center; }
.nyban .nbtxt .tit{ font-size:60px; line-height:1; }
.nyban .nbtxt .tit span{ color:#e50014; }
.nyban .nbtxt .tit span.sp01{ margin-right:20px; }
.nyban .nbtxt .tit span.sp02{ margin-left:20px; }
.nyban .nbtxt .info{ font-size:30px; margin-top:30px; margin-bottom:30px; }

.weizhi{ position: absolute; left:0; width:100%; bottom:0; line-height:100px; font-size:14px; color:#ffffff; text-align:right; }
.weizhi span{ margin:0 7px; font-size:16px; }
.weizhi a:hover{ color:#e50014; }

.navbj{ background:#f8f8f8; }
.nynav{ overflow: hidden; height:80px; line-height:80px; border-left:1px solid #dcdcdc; }
.nynav li{ width:50%; float: left; color:#4b4b4b; font-size:18px; text-align: center; position: relative; border-right:1px solid #dcdcdc; }
.nynav li a{ display: block; }
.nynav li::before{ opacity:0; content:""; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:12px solid #ffffff; position: absolute; left:50%; margin-left:-10px; top:0; }

.nynav li.on,.nynav li:hover{ background:#e50014; color:#ffffff; }
.nynav li.on:before,.nynav li:hover:before{ opacity:1; }

.nynav2 li{ width:33.33%; }
.nynav3 li{ width:14.28%; }

.abtop{ overflow: hidden; }
.abtop .container{ position: relative; }
.abtxt{ margin:8.5% 0; }
.ableft{ width:40%; line-height:1; }
.ableft .tit{ color:#2b2b2b; font-size:48px; font-weight:bold; }
.ableft .info{ color:#2b2b2b; font-size:30px; margin-top:30px; }

.abright{ width:60%; position: relative; z-index:100; }
.abright .info{ font-size:16px; line-height:2; color:#747474; }

.ablist{ overflow: hidden; width:100%; margin-top:60px; position: relative; z-index:10; }
.ablist li{ float: left; width:40%; text-align: center; }
.ablist li .ico{ width:90px; height:90px; border:2px solid #e50014; border-radius:50%; text-align:center; line-height:86px; margin:0 auto; }
.ablist li .ico span{ font-size:48px; color:#e50014; }
.ablist li .tit{ font-size:20px; line-height:1; color:#3c3c3c; font-weight:bold; margin:28px auto 10px auto; }
.ablist li .text{ font-size:16px; color:#3c3c3c; line-height:1.8; }

.aben{ font-size:150px; text-transform:uppercase; line-height:0.8; font-weight:bold; position: absolute; }
.aben01{ left:-25%; bottom:0; color:#f8f8f8; }
.aben02{ right:-18%; bottom:3%; color:#d91c22; }
.aben03{ left:0; top:5%; color:#d91c22; width: 100%; text-align: center; }

.abcenter{ background:#d10007; position: relative; overflow: hidden; }
.abcenter .container{ position: relative; }

.abcenter .img{ position: absolute; left:0; top:0; width:50%; height:100%; }
.abcenter .txt{ width:42%; color:#ffffff; padding:10% 0 15% 0; }
.abcenter .txt .tit{ font-size:48px; font-weight:bold; margin-bottom:36px; line-height:1; }
.abcenter .txt .info{ font-size:16px; line-height:2; }

.abbottom{}
.team{ margin:8.5% 0; }
.abbottom .tit{ text-align: center; color:#2b2b2b; font-size:48px; line-height:1; font-weight:bold; }
.abbottom .info{ text-align: center; color:#747474; font-size:16px; line-height:2; margin:3% 0 5% 0; }

.teamlist{ overflow: hidden; }
.teamlist li{ float: left; }
.teamlist li img{ display: block; width:100%; }
.teamlist li.li01{ margin-right:2%; width:32%; position: relative; }
.teamlist li.li01 .txt{ position: absolute; left:0; top:0; width:100%; height:100%; }
.teamlist li.li01 .text{ color:#ffffff; font-size:24px; line-height:1.8; font-weight:bold; position: absolute; left:10%; bottom:14%; }
.teamlist li.li02{ margin-right:2%; width:32%; }
.teamlist li.li03{ width:32%; }
.teamlist li.li04{ width:49%; margin-right:2%; margin-top:2%; }
.teamlist li.li05{ width:49%; margin-top:2%; }
/*关于我们*/

/*联系我们*/
.contact{ position: relative; margin:6% 0; }
.contact .map{ position: absolute; left:0; top:0; width:50%; height:100%; }
.contact .txt{ width:43%; }
.contact .txt .title{ color:#333333; font-size:48px; line-height:1; margin-bottom:48px; font-weight:bold; }
.contact .txt .conlist{ overflow: hidden; border-top:1px solid #ececec; }
.contact .txt .conlist li{ padding:12px 0; float: left; width:100%; color:#5f5f5f; font-size:24px; line-height:1.8; border-bottom:1px solid #ececec; }
.contact .txt .wechat{ overflow: hidden; padding:20px 0; }
.contact .txt .wechat .btn{ position:relative; float: left; margin-top:36px; width:50px; height:50px; line-height:50px; border-radius:50%; background:#d10007; text-align: center; }
.contact .txt .wechat .btn span{ font-size:28px; color:#ffffff; }
.contact .txt .wechat .btn:after{ position:absolute; content:""; top:50%; right:-12px; margin-top:-12px; width:0; height:0; border-bottom:12px solid transparent; border-top:12px solid transparent;  border-left:16px solid #d10007; }
.contact .txt .wechat .img{ width:120px; float: left; margin-left:40px; box-shadow:0 0 20px #e1e1e1; }
.contact .txt .wechat .img img{ display: block; width:100%; }

.mtit{ text-align:center; color:#333333; font-weight:bold; font-size:48px; line-height:1; }
.minfo{ text-align:center; color:#5f5f5f; font-size:20px; margin-top:2%; }
.messageList{ overflow: hidden; margin:5% 0 8% 0; }
.messageList li{ float: left; }
.messageList li.input{ width:30%; margin-right:5%; border-bottom:1px solid #bababa; }
.messageList li.input input{ font-size:18px; color:#989898; width:100%; display: block; height:70px; line-height:70px; padding:0 18px; }
.messageList li.input:hover{ border-bottom:1px solid #d10007; }
.messageList li.textarea{ margin:5% 0; width:100%; border-bottom:1px solid #bababa; }
.messageList li.textarea:hover{ border-bottom:1px solid #d10007; }
.messageList li.textarea textarea{ height:140px; width: 100%; display: block; font-size:18px; color:#989898; padding:16px;}
.messageList li.submit{ width:100%; }
.messageList li.submit button{ display: block; margin:0 auto; width:240px; cursor:pointer; height:70px; line-height:70px; text-align: center; background:#d10007; color:#ffffff; font-size:24px; font-weight:bold; }
.messageList li.submit button span{ font-size:24px; margin-right:24px; }
.messageList li.submit button:hover{ background:#eb6816; }
/*联系我们*/

/*技术服务*/
.stit{ color:#292929; font-size:40px; font-weight:bold; text-align:center; line-height:1; }
.stit:after{ content:""; display: block; width:60px; height:3px; margin:0 auto; background:#d10007; margin-top:20px; }

.snav{ text-align: center; margin:4% 0; }
.snav a{ width:210px; height:64px; margin:0 16px; display:inline-block; line-height:64px; font-size:24px; background:#333333; color:#ffffff; border-radius:3px; }
.snav a.on,.snav a:hover{ background:#d10007; color:#ffffff; }

.service01bj{ background:url(../image/service01bj.jpg) no-repeat center center; background-size:100% auto;}
.service01{ margin:5% 0; }

.servicelist{ margin-top:5%; }
.servicelist li{ float: left; padding:3%; margin-right:2.8%; width:22.9%; box-shadow:0 0 20px #e1e1e1; background:rgba(255,255,255,0.8); }
.servicelist li .ico{ width:100px; }
.servicelist li .ico img{ display: block; width:100%; }
.servicelist li .tit{ font-size:26px; margin:26px 0; line-height:1; color:#323232; font-weight:bold; }
.servicelist li .info{ color:#6c6c6c; font-size:16px; line-height:36px; height:108px; }

.afterSales{ overflow: hidden; margin-top:5%; }
.afterSales li{ width:32.33%; margin-right:1.5%; float:left; border:1px solid #e5e5e5; }
.afterSales li .tit{ padding:60px 0; line-height:1; text-align: center; color:#ffffff; font-size:30px; font-weight:bold; }
.afterSales li .tit01{ background-image: linear-gradient(to right , #173e8c, #612b67); }
.afterSales li .tit02{ background-image: linear-gradient(to right , #832056, #e6001c); }
.afterSales li .tit03{ background:#333333; }

.afterSales li .info{ padding:0 6%; margin:12% 0; color:#4e4e4e; font-size:16px; line-height:36px; height:144px; }

.service02bj{ background:url(../image/service02bj.jpg) no-repeat center center; background-size:cover; }
.service02{ margin:5% 0;}

.mn_main{}
.mnlist{ overflow: hidden; margin-top:-2%; }
.mnlist li{ margin-top:2%; padding:36px 0; float: left; width:48.5%; margin-right:3%; background:#ffffff url(../image/mnico.png) no-repeat left center; background-size:120px; padding-left:120px; }
.mnlist li .txt{}
.mnlist li .txt .tit{ color:#2a2a2a; font-size:24px; font-weight:bold; }
.mnlist li .txt .info{ color:#6f6f6f; font-size:16px; line-height:36px; }

.service03{ margin:5% 0; }

.fpmain{ margin-top:5%; }
.flow_path01{ background:url(../image/flow_path01.jpg) no-repeat center top; background-size:auto 80%; }

.fplist{ overflow: hidden; }
.fplist li{ float: left; width:23%; margin-left:2%; margin-top:0; margin-bottom:70px; }
.fplist li .ico{ position: relative; background:#ffffff; line-height:1; text-align:center; width:120px; height:120px; border-radius:50%; font-weight:bold; }
.fplist li .ico::before{ content:""; width:100%; height:100%; border-radius:50%; background:#fcefef; left:-3px; top:-3px; position: absolute; }
.fplist li .ico::after{ content:"";width:100%; height:100%; border-radius:50%; left:0; top:0; border:2px solid #ef9fa2;  position: absolute; }

.fplist li .ico .num{ color:#d10007; font-size:36px; padding-top:25px; position: relative; z-index:2; }
.fplist li .ico .tit{ color:#d10007; font-size:20px; padding-top:10px; position: relative; z-index:2; }
.fplist li .txt{ color:#525252; font-size:16px; line-height:30px; height:90px; width:80%; margin-top:16px; }
/*技术服务*/

/*资质荣誉*/
.honorsNav{ overflow: hidden; padding:7% 0; }
.honorsNav li{ width:33.33%; float: left; position: relative; }
.honorsNav li .ico{ width:100px; height:100px; line-height:100px; border-radius:50%; margin:0 auto; border:1px solid #d10007; text-align:center; }
.honorsNav li .ico span{ font-size:48px; color:#d10007; }
.honorsNav li .tit{ color:#4b4b4b; font-size:18px; text-align: center; line-height:1; margin-top:30px; }
.honorsNav li:after{ opacity:0; position: absolute; left:50%; margin-left:-8px; bottom:-30px; content:""; border-left:8px solid transparent; border-right:8px solid transparent; border-top:10px solid #d10007; }

.honorsNav li:hover .ico,.honorsNav li.on .ico{ background:#d10007; }
.honorsNav li:hover .ico span,.honorsNav li.on .ico span{ color:#ffffff; }
.honorsNav li:hover .tit,.honorsNav li.on .tit{ font-weight:bold; color:#d10007; }
.honorsNav li:hover:after,.honorsNav li.on:after{ opacity:1; }

.huibj{ background:#f8f8f8; overflow: hidden; }

.honorsList{ overflow: hidden; margin:7% 0 3.5% 0; }
.honorsList li{ float: left; padding:2.5% 3.5%; overflow: hidden; width:47.5%; margin-right:5%; margin-bottom:3.5%; background:#ffffff url(../image/honors_ico.png) no-repeat left bottom; background-size:35% auto; }
.honorsList li .content{ position: relative; overflow: hidden; }
.honorsList li .txt{ position:absolute; width:40%; left:0; top:0; height:100%; }
.honorsList li .txt .tit{ color:#d10007; font-size:20px; margin-top:20px; line-height:2; font-weight:bold; }
.honorsList li .txt .time{ position: absolute; left:0; bottom:0; color:#333333; font-size:36px; font-weight:bold; }
.honorsList li .img{ float:right; width:49%; }
.honorsList li .img img{ display: block; width:100%; }

.honorsList2{ overflow:hidden; margin-top:3%; }
.honorsList2 li{ width:31%; margin-right:3%; float:left; }
.honorsList2 li .img{ border:1px solid #dcdcdc; padding:5%; background:#ffffff; }
.honorsList2 li img{ display:block; width:100%; }
.honorsList2 li .txt{ text-align:center; line-height:1; padding:20px 0; }
.honorsList2 li .txt .tit{ font-size:20px; color:#d10007; font-weight:bold; }
.honorsList2 li .txt .time{ font-size:16px; margin-top:16px; }
/*资质荣誉*/

/*新闻资讯*/
.newslist{ overflow: hidden; border-left:1px solid #f0f0f0; margin:4% 0; border-top:1px solid #f0f0f0; }
.newslist li{ float: left; width:33.33%; border-right:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; padding:3%; }
.newslist li .img{ overflow: hidden; }
.newslist li img{ display: block; width:100%; }
.newslist li .txt{}
.newslist li .txt .time{ font-size:16px; color:#9f9f9f; line-height:1; }
.newslist li .txt .time span{ font-size:16px; margin-right:8px; }
.newslist li .txt .tit{ color:#2b2b2b; font-size:24px; line-height:1.5; margin:6% 0; }
.newslist li .txt .info{ color:#666666; font-size:16px; line-height:30px; height:60px; }
.newslist li .txt .more{ color:#eb6816; font-size:16px; margin:8% 0 9% 0; }

.newslist li:hover .txt .tit{ color:#d10007; }
.newslist li:hover .txt .more{ color:#d10007; }


.paging{ text-align:center; margin:6% 0; }
.paging a,.paging span{ border:1px solid #dcdcdc; border-radius:3px; margin:0 3px; display:inline-block; line-height:40px; font-size:16px; padding:0 16px; color:#333333; }
.paging a:hover,.paging span{ background:#e50014; border-color:#e50014; color:#ffffff; }
/*新闻资讯*/

/*产品列表*/
.prodintroduce{ overflow: hidden; text-align: center; margin:6% 0; }
.prodintroduce .tit{ color:#2a2a2a; font-size:48px; font-weight:bold; line-height:1; }
.prodintroduce .info{ color:#4b4b4b; font-size:16px; line-height:2; margin:2.5% 0; }
.prodintroduce .more{ height:64px; padding:0 42px; display:inline-block; line-height:64px; overflow: hidden; background:#d10007; color:#ffffff; }
.prodintroduce .more .iconfont{ font-size:28px; float: left; margin-right:14px; }
.prodintroduce .more .name{ font-size:20px; float: left; font-weight:bold; }
.prodintroduce .more:hover{ background:#eb6816; }

.prodlist{ overflow: hidden; margin-bottom:10%; }
.prodlist li{ float: left; width:100%; position: relative; }
.prodlist li .img{ width:50%; overflow: hidden; }
.prodlist li .img img{ display: block; width:100%; }

.prodlist li .txt{ position: absolute; right:0; top:0; width:50%; height:100%; padding:0 6%; background:#f8f8f8; }
.prodlist li .txt.fl{ left:0; right:auto; }

.prodlist li .txt .tit{ color:#2a2a2a; font-size:30px; line-height:1; font-weight:bold; }
.prodlist li .txt .tit:hover{ color:#e50014; }
.prodlist li .txt .info{ color:#4b4b4b; font-size:16px; line-height:2; margin:7% 0 8% 0; }
.prodlist li .txt .more{ width:120px; height:40px; line-height:40px; text-align: center; background:#d10007; font-size:16px; color:#ffffff; display: block; }
.prodlist li .txt .more:hover{ background:#eb6816; }
/*产品列表*/

/*产品详情*/
.showtop{ padding:6% 0; border-bottom:1px solid #e5e5e5; }
.showtop .showban{ width:59%; position: relative; }
.showtop .showban img{ display: block; width:100%; }
.showtop .showban .swiper-pagination{ line-height:0; bottom:5%; }
.showtop .showban .swiper-pagination .swiper-pagination-bullet{ margin:0 6px; width:12px; height:12px; background:#ffffff; opacity:1; }
.showtop .showban .swiper-pagination .swiper-pagination-bullet-active{ background:#d10007; }
.sban-prev,.sban-next{ cursor: pointer; color:#353535; top:50%; margin-top:-32px; text-align:center; line-height:64px; width:48px; height:64px; position: absolute; z-index:100; background:rgba(255,255,255,0.9); }
.sban-prev span,.sban-next span{ font-size:24px; }
.sban-prev{ left:0; }
.sban-next{ right:0; } 

.sban-prev:hover,.sban-next:hover{ background:#d10007; color:#ffffff; }

.showtop .toptxt{ width:36%; }
.showtop .toptxt .title{ font-size:36px; font-weight:bold; color:#383838; line-height:1; margin:36px 0; }
.showtop .toptxt .showParameter{ overflow: hidden; margin-bottom:50px; }
.showtop .toptxt .showParameter li{ line-height:1; float: left; padding:36px 0; width:46%; margin-right:8%; border-bottom:1px solid #e5e5e5; }
.showtop .toptxt .showParameter li:nth-child(1),.showtop .toptxt .showParameter li:nth-child(2){ border-top:1px solid #e5e5e5; }
.showtop .toptxt .showParameter li .tit{ color:#717171; font-size:16px; margin-bottom:24px; }
.showtop .toptxt .showParameter li .text{ color:#353535; font-size:18px; font-weight:bold; }

.showtop .toptxt .showParameter2 li{ padding:24px 0; }
.showtop .toptxt .showParameter2 li .tit{ margin-bottom:16px; }

.showBtn{ overflow: hidden; }
.showBtn a{ float:left; color:#ffffff; height:60px; border-radius:30px; overflow: hidden; padding:0 25px; }
.showBtn a.btn01{ background:#d10007; }
.showBtn a.btn01:hover{ background:#eb6816; }
.showBtn a.btn02{ background:#303030; margin-left:20px; }
.showBtn a .iconfont{ float: left; height:60px; line-height:60px; font-size:32px; }
.showBtn a .text{ float: left; line-height:60px; font-size:16px; font-weight:bold; margin-left:16px; }
.showBtn a.btn02 .text{ line-height:25px; padding:5px 0;}


.prodmain{ margin:6% 0; }
.pmleft{ width:76%; }
.pmnav{ overflow: hidden; }
.pmnav li{ cursor: pointer; float: left; line-height:1; color:#303030; font-size:24px; font-weight:bold; padding:0 24px 36px 24px; margin-right:24px; position: relative; }
.pmnav li:after{ content:""; height:4px; width:100%; position: absolute; left:0; bottom:0; background:#d10007; opacity:0; }

.pmnav li:hover,.pmnav li.on{ color:#d10007; }
.pmnav li:hover:after,.pmnav li.on:after{ opacity:1; }

.pmTab{ border:1px solid #e5e5e5; padding:4%; }
.showtxt{ color:#585858; font-size:16px; line-height:2; }
.showtxt img{ max-width:100%; height:auto !important; }

.pmright{ width:22%; }
.pmright .rtit{ color:#363636; font-size:20px; line-height:24px; margin-bottom:36px; font-weight:bold; }

.rlist{ overflow: hidden; border:1px solid #e5e5e5; padding:9%; }
.rlist li{ float: left; width:100%; }
.rlist li .img{ overflow: hidden; }
.rlist li img{ display: block; width:100%; }
.rlist li .txt{ line-height:30px; margin:15px 0 30px 0; }
.rlist li .txt .tit{ color:#343434; font-size:16px; font-weight:bold; }
.rlist li .txt .info{ font-size:14px; color:#969696; }
.rlist li:last-child .txt{ margin-bottom:0; }

.rlist li:hover .txt .tit{ color:#d10007; }
/*产品详情*/

/*案例列表*/
.caseScreen{ overflow: hidden; padding:3% 4%; box-shadow:0 0 24px #f3f0f0; margin:4% 0; }
.caseScreen li{ float: left; width:100%; border-bottom:1px solid #f1f1f1; padding:12px 0; }
.caseScreen li:first-child{border-top:1px solid #f1f1f1; }
.caseScreen li .tit{ float: left; width:70px; font-size:16px; line-height:36px; color:#333333; font-weight:bold; }
.caseScreen li .info{ padding-left:85px; width:100%; }
.caseScreen li .info a{ line-height:32px; display: inline-block; color:#585858; font-size:16px; padding:0 16px; border-radius:16px; margin:4px 0; }
.caseScreen li .info a.on,.caseScreen li .info a:hover{ background:#d6000f; color:#ffffff; }

.huibj2{ background:#f3f3f3; overflow: hidden; }

.caselist{ overflow: hidden; margin:3% 0 6% 0; }
.caselist li{ float: left; width:32%; margin-right:2%; margin-top:3%; }
.caselist li .img{ position: relative; overflow: hidden; }
.caselist li img{ display: block; width:100%; }
.caselist li .img .more{ position: absolute; left:0; top:0; width:100%; height:100%; background: rgba(0, 0, 0, 0.5); opacity:0; }
.caselist li .img .more .round{ color:#ffffff; line-height:1; text-align: center; border-radius:50%; border:1px solid rgba(255,255,255,0.5); width:106px; height:106px; position: absolute; top:50%; left:50%; margin:-53px 0 0 -53px; }
.caselist li .img .more .round>div{ width:100%; }
.caselist li .img .more .round span{ font-size:20px; }
.caselist li .img .more .round .text{ margin-top:16px; font-size:16px; }

.caselist li .txt{ background:#ffffff; text-align: center; line-height:1; padding:6% 0; }
.caselist li .txt .tit{ color:#383838; font-size:20px; font-weight:bold; margin-bottom:4%; }
.caselist li .txt .info{ color:#808080; font-size:16px; }

.caselist li:hover .img .more{ opacity:1; }
.caselist li:hover .txt{ background:#d10007; }
.caselist li:hover .txt .tit{ color:#ffffff; }
.caselist li:hover .txt .info{ color:#ffffff; }
/*案例列表*/

/*案例详情*/
.casebj{ background:url(../image/casebj.jpg) no-repeat center center; background-size:cover; }

.casetit{ line-height:1; margin:6% 0; }
.casetit .cntit{ color:#d10007; font-size:36px; font-weight:bold; }
.casetit .cntit span{ position: relative; }
.casetit .cntit span:after{ left:170px; top:50%; margin-top:-2px; content:""; position: absolute; width:35px; height:4px; background:#d10007; }
.casetit .entit{ line-height:0.8; font-size:22px; font-family:Arial; margin-top:24px; color:#7c7d7d; font-weight:bold; text-transform:uppercase;  }

.showtxt2{ margin-bottom:5%; margin-top:-1%; }

.casePaging{ overflow: hidden; color:#5e5e5e; font-size:18px; line-height:85px; border-top:1px solid #dedede; border-bottom:1px solid #dedede; }
.casePaging .prev{ width:33.33%; }
.casePaging .return{ width:33.33%; text-align: center; background:#d10007; color:#ffffff; }
.casePaging .return a{ display: block; }
.casePaging .return:hover{ background:#eb6816; }
.casePaging .next{ width:33.33%; text-align: right; }

.casePaging .prev a:hover,.casePaging .next a:hover{ color:#d10007; text-decoration:underline; }

.caselist2{ margin-top:-3%; }
.caselist2 li .txt{ padding:7% 0;}
.caselist2 li .txt .tit{ margin-bottom:0; }
.caselist li .txt .tit2{ margin-bottom:0; }

.caselist3{ margin-top:-3%; margin-bottom:0; }
/*案例详情*/

.pupupbj{ display: none; background:rgba(0, 0, 0, 0.8); position: fixed; width:100%; height:100%; left:0; top:0; z-index:200; cursor:pointer; }
.pupup_wechat{ display:none; width:150px; height:150px; background:#ffffff; position: fixed; top:50%; left:50%; margin:-75px 0 0 -75px; z-index:201; box-shadow:0 0 15px #000000; }
.pupup_wechat img{ width:100%; display:block; }


.my-map { width: 100%; height:100%; }
.my-map .icon { background: url(../image/marker.png) no-repeat; }
.my-map .icon-cir { height: 31px; width: 28px; }
.my-map .icon-cir-red { background-position:-11px -5px; }
.amap-container{ height:100%; }
.myinfowindow{ width:240px; min-height:50px; }
.myinfowindow h5{ color:#d10007; height:20px; line-height:20px; overflow: hidden; font-size:14px; font-weight:bold; width:220px; text-overflow:ellipsis; word-break: break-all; white-space:nowrap; }
.myinfowindow div{ margin-top:5px; min-height:40px; line-height:20px; font-size:13px; color: #333333; }


.flow_path02{ width:100%;/*overflow-x:auto;*/}
.flow_path02 table{border:none; overflow: hidden; width: 100%; max-width:920px; margin: 0 auto; }
.flow_path02 .biaoti{font-size:24px; color: #fff; text-align: center; vertical-align: middle; border: none; }
.flow_path02 .biaoti01{ background: #f71b12; border-bottom:10px solid #d30a03; }
.flow_path02 .biaoti02{ background: #fe9604; border-bottom:10px solid #b75a05; }
.flow_path02 .biaoti03{ background: #bb1b65; border-bottom:10px solid #800b3c; }

.flow_path02 .huith{ background: #dedede; font-size: 18px; color: #4b4b4b; border: none;font-weight: normal;text-align: center; border-bottom: 1px solid #fff; }
.flow_path02 td{ line-height:1.5; padding:10px; border: none;font-size: 16px; color: #3c3c3c; border-bottom: 1px solid #ebebeb;border-right: 1px solid #ebebeb; }
.flow_path02 td.centertd{ text-align: center; vertical-align: middle; }


.flow_path03 img{ display: block; margin:0 auto; max-width:100%; }



/*内容页*/
.showmain{ overflow: hidden; margin:3% 0; }
.newstop{ border-bottom:1px solid #dadada; text-align: center; }
.newstop h1{ color:#323232; font-size:24px; line-height:1.4; }

.newstop .parameter{ color:#666666; overflow: hidden; font-size:16px; margin:1% 0; }
.newstop .parameter .hits,.newstop .parameter .time{ margin:0 10px; display: inline-block; }
.newstop .parameter span{ margin-right:10px; font-size:16px; }

.newstxt{ color:#3e3e3e; font-size:16px; line-height:2; text-align: justify; margin:2% 0; min-height:300px; }
.newstxt img{ max-width:70%; height: auto !important; }

.newstxt a:hover{ color:#e50014; }

.showpaging{ overflow: hidden; line-height:70px; border-top:1px solid #dadada; font-size:16px; }
.showpaging>div{ width:49%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.showpaging>div.fr{ text-align:right; }
.showpaging a:hover{ color:#e50014; text-decoration: underline; }
/*内容页*/

/*招聘*/
.recruit_list{ overflow:hidden; }
.recruit_list li{ float:left; width:100%; }
.recruit_list li .rltop{ overflow: hidden; color:#222222; font-size:20px; font-weight: bold; height:100px; line-height:100px; cursor: pointer; }
.recruit_list li .rltop .container{ border-top:1px solid #eeeeee; position:relative; padding-right:100px; }
.recruit_list li .rltop span{ font-weight:normal; color:#8c8c8c; font-size:16px; margin-right:16px; }
.recruit_list li .rltop:hover{ color:#d10007; }

.recruit_list li .rtit{ width:35%; float:left; }
.recruit_list li .num{ width:30%; float:left; }
.recruit_list li .ad{ width:35%; float:left; }
.recruit_list li .btn{ transform: rotate(180deg); position:absolute; right:30px; top:30px; height:40px; width:40px; line-height:40px; text-align:center; border-radius:50%; background:#d10007; }
.recruit_list li .btn span{ color:#ffffff; margin-right:0 !important; font-size:20px; font-weight:bold; }
.recruit_list li .rcontent{ display:none; padding:30px 0; background:#f6f7f8; overflow: hidden; }
.recruit_list li .rcontent .txt{ font-size:16px; line-height:1.8; color:#333333; }

.recruit_list li.on .rcontent{ display: block; }
.recruit_list li.on .btn{ transform: rotate(0deg); }
/*招聘*/


/*视频*/
.videoMain{ width: 100%; margin:5% 0; position: relative; overflow:hidden; background: #000; }
.videoLeft{ width:100%; height:554px; padding-right:400px; }
.videoLeft iframe{ width:100%; height:100%; }

.videoRight{ position: absolute; right:0; top:0; width:400px; height:554px; border-left:1px solid #ffffff; }
.videoRight .vtit{ font-size:24px; line-height:30px; color: #ffffff; padding:20px; }
.videoList{ overflow:auto; height:484px; }
.videoRight li{ float: left; width: 100%; padding:20px; color: #ffffff; border-top:1px solid #ffffff; }
.videoRight li a{ overflow: hidden; display: block; }
.videoRight .img{ float: left; width:120px; margin-right:20px; overflow: hidden; }
.videoRight .img img{ width: 100%; display:block; }
.videoRight .tit{ padding:10px 0px; font-size:16px; line-height: 30px;}

.videoRight li.on{ background:#ffffff; color: #e50014; }
/*视频*/

.sMain{ border-radius:10px; background:#ffffff; padding:0 3%; margin:3% 0; box-shadow:0 0 10px #f3f1f1; }

.searchInfo{ overflow: hidden; padding:2% 0; }
.searchInfo .stip{ color:#393737; font-size:16px; }
.searchInfo .stip span{ color:#e50014; }

.searchList{ overflow: hidden; }
.searchList li{ float: left; width:100%; padding:2% 0; border-top:1px solid #e6e6e6; }
.searchList li .top{ overflow: hidden; line-height:32px; }
.searchList li .top .column{ height:32px; font-size:16px; padding:0 16px; margin-right:16px; color:#ffffff; float: left; text-align:center; border-radius:16px 0 16px 0; background:#e50014; }
.searchList li .top .tit{ color:#393737; font-size:16px; font-weight:bold; }
.searchList li .top .tit a{ display: block; }
.searchList li .top .tit:hover{ color:#e50014; }

.searchList li .info{ font-size:14px; line-height:25px; margin:1% 0; }
.searchList li .url{ color:#e50014; font-size:14px; line-height:1; }
.searchList li .url:hover{ text-decoration:underline; }



.animated{opacity: 0;}

.header .nav li,.homeabout .txt .more,.hmore,.hclist .swiper-slide .txt .more,.hc-prev,.hc-next,.marketing_network .more,.hnlist .swiper-slide .txt,
.hnlist .swiper-slide .info,.hnlist .swiper-slide .more,.dbnav li .sub a,.dbinfo .info a,.hnlist .swiper-slide .info .time,.hnlist .swiper-slide .info .tit,
.homeban .txt .tit,.hclist .swiper-slide .txt .tit,.weizhi a,.nynav li,.messageList li.input,.messageList li.textarea,.messageList li.submit button,
.caseScreen li .info a,.caselist li .img .more,.caselist li .txt,.caselist li .txt .tit,.caselist li .txt .info,.paging a,.honorsNav li .ico,.honorsNav li .ico span,
.honorsNav li .tit,.honorsNav li:after,.sban-prev,.sban-next,.showBtn a,.rlist li .txt .tit,.casePaging .prev a,.casePaging .next a,.casePaging .return,.snav a,
.prodintroduce .more,.prodlist li .txt .more,.prodlist li .txt .tit,.newslist li .txt .tit,.newslist li .txt .more
{transition: 0.3s;
-o-transition: 0.3s;
-ms-transition: 0.3s;
-moz-transition: 0.3s;
-webkit-transition: 0.3s;
}


.hclist .swiper-slide img,.hnlist .swiper-slide img,.homeban .img img,.caselist li img,.rlist li img,.prodlist li img,.newslist li img{
-webkit-transition: all .5s ease-in;
-o-transition: all .5s ease-in;
-ms-transition: all .5s ease-in;
-moz-transition: all .5s ease-in;}

.hclist .swiper-slide:hover img,.hnlist .swiper-slide:hover img,.homeban .img:hover img,.caselist li:hover img,.rlist li:hover img,.prodlist li .img:hover img,
.newslist li:hover img{
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);}


.delay2{-webkit-animation-delay:.2s;animation-delay:.2s; -moz-animation-delay:.2s;
-o-animation-delay:.2s;-ms-animation-delay:.2s;}
.delay3{-webkit-animation-delay:.4s;animation-delay:.4s; -moz-animation-delay:.4s;
-o-animation-delay:.4s;-ms-animation-delay:.4s;}
.delay4{-webkit-animation-delay:.6s;animation-delay:.6s; -moz-animation-delay:.6s;
-o-animation-delay:.6s;-ms-animation-delay:.6s;}
.delay5{-webkit-animation-delay:.8s;animation-delay:.8s;; -moz-animation-delay:.8s;
-o-animation-delay:.8s;-ms-animation-delay:.8s;}
.delay6{-webkit-animation-delay:1s;animation-delay:1s; -moz-animation-delay:1s;
-o-animation-delay:1s;-ms-animation-delay:1s;}


.clippingOne{ text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.clippingTwo{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; }
.clippingThree{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; overflow: hidden; }


@-webkit-keyframes myFade{
	0%{opacity: 1;top:0;}
	25%{top:-10px;opacity: 0.3;}
	50%{top:0px;opacity: 1;}
	75%{top:10px;opacity: 0.3;}
	100%{opacity: 1;top:0px;}
}

@-moz-keyframes myFade{
	0%{opacity: 1;top:0;}
	25%{top:-10px;opacity: 0.3;}
	50%{top:0px;opacity: 1;}
	75%{top:10px;opacity: 0.3;}
	100%{opacity: 1;top:0px;}
}

@-o-keyframes myFade{
	0%{opacity: 1;top:0;}
	25%{top:-10px;opacity: 0.3;}
	50%{top:0px;opacity: 1;}
	75%{top:10px;opacity: 0.3;}
	100%{opacity: 1;top:0px;}
}

@keyframes myFade{
	0%{opacity: 1;top:0;}
	25%{top:-10px;opacity: 0.3;}
	50%{top:0px;opacity: 1;}
	75%{top:10px;opacity: 0.3;}
	100%{opacity: 1;top:0px;}
}