@charset "utf-8";

*{border:0;padding:0;margin:0;}

body{font-size:12px;font-family:"微软雅黑";color:#000;}

li{list-style:none;}

.ov{overflow:hidden;}

.clear{clear:both;}

.fl{float:left;}

.fr{float:right;}

/*定义全局链接*/

A:link   {font-family:"微软雅黑";font-size:12px;color:#000;text-decoration: none;}

A:visited{font-family:"微软雅黑";font-size:12px;color:#000;text-decoration: none;}

A:hover  {font-family:"微软雅黑";font-size:12px;color:#fa5202;text-decoration: none;}

A:active {font-family:"微软雅黑";font-size:12px;color:#fa5202;text-decoration: none;}

a:link, a:visited {

text-decoration: none;

transition: all 300ms ease 0s;

-moz-transition: all 300ms ease 0s;

-webkit-transition: all 300ms ease 0s;

-o-transition: all 0.2s ease-in-out 0s;

}

a:link, a:visited {

text-decoration: none;

transition: all 300ms ease 0s;

-moz-transition: all 300ms ease 0s;

-webkit-transition: all 300ms ease 0s;

-o-transition: all 0.2s ease-in-out 0s;

}

a {

text-decoration: none;

blr: expression(this.onFocus=this.blur());

cursor: pointer;

}

#wrap{width:100%;margin:auto;overflow:hidden;}

.w1200{width:1200px;margin:auto;position:relative;}

/*Top*/

#topBar{width:100%;margin:auto;overflow:hidden;line-height:30px;background:#b7383f;/*background:#d70c18;*/}

.topNav{width:250px;float:left;margin-left:750px;color:#fff;}

.topNav a{color:#fff;padding:0 12px;}

.topNav a:hover{color:#ff0;}

.language{width:200px;float:left;}

.language li{width:100px;float:left;background:#333;text-align:center;position:relative;}

.language li a{display:block;color:#fff;}

.language li a:hover{background:#fff;color:#333;}

.language li.cur a{background:#fff;color:#333;}

.language li i.ico-cn{width:16px;height:11px;background:url(cn.jpg) no-repeat;display:block;position:absolute;left:10px;top:11px;}

.language li i.ico-en{width:16px;height:11px;background:url(en.jpg) no-repeat;display:block;position:absolute;left:10px;top:11px;}

#topWrap{width:100%;margin:auto;overflow:hidden;border-top:#d80c18 4px solid;}

.logo{width:20%;float:left;}



#topLine{width:100%;height:10px;margin:auto;overflow:hidden;background:#b7383f;}

.wapMenu a{width:48px;height:48px;background:url(wapMenu.png) no-repeat;position:absolute;top:10px;right:20px;z-index:999;display:none;}

/*banner*/

.swiper-container{width:100%;margin:auto;overflow:hidden;}

.swiper-slide li.banner01{height:680px;background:url(banner01.jpg) center top no-repeat;}

.swiper-slide li.banner02{height:680px;background:url(banner02.jpg) center top no-repeat;}

.swiper-slide li.banner03{height:680px;background:url(banner03.jpg) center top no-repeat;}

/*banner*/

.banner{width:100%;height:680px;position:relative;overflow:hidden;cursor:pointer;background:url(bg.jpg) no-repeat;}

.banner .DB_bgSet{position:relative}

.banner .DB_bgSet li{position:absolute;width:100%;height:680px;display:none}

.banner .DB_imgSet{position:absolute;width:988px;left:50%;margin-left:-500px}

.banner .DB_imgSet .DB_1_1{position:absolute;left:-30px;top:130px}

.banner .DB_imgSet .DB_1_2{position:absolute;left:-130px;top:120px}

.banner .DB_imgSet .DB_1_3{position:absolute;left:-130px;top:200px}

.banner .DB_imgSet .DB_1_4{position:absolute;left:-130px;top:360px}

.banner .DB_imgSet .DB_2_1{position:absolute;left:-140px;top:70px}

.banner .DB_imgSet .DB_2_2{position:absolute;left:780px;top:130px}

.banner .DB_imgSet .DB_2_3{position:absolute;left:780px;top:210px}

.banner .DB_imgSet .DB_2_4{position:absolute;left:785px;top:450px}

.banner .DB_imgSet .DB_3_1{position:absolute;left:-140px;top:90px}

.banner .DB_imgSet .DB_3_2{position:absolute;left:780px;top:130px}

.banner .DB_imgSet .DB_3_3{position:absolute;left:780px;top:210px}

.banner .DB_imgSet .DB_3_4{position:absolute;left:780px;top:455px}

.banner .DB_menuWrap{position:absolute;width:988px;left:50%;margin-left:-500px}

.banner .DB_menuWrap .DB_menuSet{position:absolute;width:100%;top:600px;text-align:center;font-size:0;border-radius:20px}

.banner .DB_menuWrap .DB_menuSet li{cursor:pointer;margin:0 3px;display:inline}

/*banner*/

.swiper-container{width:100%;margin:auto;display:none;}

.swiper-slide li.banner01{height:680px;background:url(banner01.jpg) center top no-repeat;}

.swiper-slide li.banner02{height:680px;background:url(banner02.jpg) center top no-repeat;}

.swiper-slide li.banner03{height:680px;background:url(banner03.jpg) center top no-repeat;}

/*nav*/

#navWrap{width:100%;margin:auto;height:93px;box-shadow:0 4px 8px #999;position:relative;z-index:999;}

.logo{width:300px;height:93px;float:left;background:url(logo.png) no-repeat;}

.logo a{display:block;}

.nav{width:900px;float:left;}

.nav li{width:113px;float:left;text-align:center;line-height:91px;background:url(line.png) right center no-repeat;position:relative;}

.nav li:last-child{background:none;}

.nav li a{font-size:16px;display:block;}

.nav li a:hover{color:#b7383f;}

.nav li .line{display:block;left:50%;transition:all 0.3s ease 0s;height:2px;width:0;background:#b7383f;}

.nav li:hover .line{width:100%;}

.nav li ul{width:100%;position:absolute;left:0;top:93px;z-index:9999;background:#fff;display:none;}

.nav li ul li{float:left;line-height:60px;}

.nav li ul li:hover{background:#f2f2f2;}

.nav li img{vertical-align:middle;}

/*video*/

.videoA1{width:30%;float:left;margin-right:5%;margin-bottom:20px;}

.videoA2{width:30%;float:left;margin-bottom:20px;}

/*culture*/

#culture{width:1000px;margin:auto;overflow:hidden;padding:30px 100px;}

.cultureTitle{font-size:36px;color:#666;text-align:center;}

.cultureTitle em{font-size:16px;color:#CCC;font-style:normal;border-bottom:#b7383f 3px solid;padding-bottom:10px;line-height:40px;}

.cultureContent{width:100%;float:left;margin:60px 0;}

.cultureConLeft{width:385px;float:left;}

.cultureConRight{width:500px;float:left;margin-left:100px;}

.cultureConRight dl{width:100%;float:left;border-bottom:#ccc 1px solid;margin-bottom:10px;}

.cultureConRight dl dt{font-size:16px;}

.cultureConRight dl dd{color:#999;line-height:24px;}

/*about*/

#about{width:100%;margin:auto;overflow:hidden;padding:30px 0 0 0;position:relative;}

.aboutContent{margin:20px 0;line-height:24px;text-align:center;}

.aboutContent a{border:#000 1px solid;border-radius:4px;padding:6px 30px;top:20px;position:relative;top:20px;}

.aboutContent a:hover{background:#666;color:#fff;border:#666 1px solid;}

/*quick*/

#quick{width:100%;height:500px;margin:auto;overflow:hidden;background:url(teamBg.jpg) no-repeat;padding:30px 0;background-size:cover;}

.quickContent{float:left;text-align:center;padding:80px 0;}

.quickContent dl{display:inline-block;margin:0 50px;text-align:center;}

.quickContent dl dt{margin-bottom:15px;}

.quickContent dl dd{font-size:20px;}

.quickContent dl dd.quickEn{font-size:12px;color:#999;}







#xiaoguo{overflow:hidden;width:1250px}

#xiaoguo li{float:left;position:relative;z-index:1;width:252px;height:auto;overflow:hidden;margin-right:52px}

.zie{margin-top:20px;}

.zie a{font-size:20px;font-weight:normal;}

.zie a i{font-style:normal;color:#999;font-size:12px;}

#xiaoguo li img{text-align:center;display:block;margin:0 auto}

#xiaoguo li span{position:absolute;z-index:-1;left:0;top:0;width:100%;height:200px}

#xiaoguo li.f_top span{transform-origin:0 0;animation:enter1 .3s;z-index:1;-webkit-transform-origin:0 0;-webkit-animation:enter1 .3s}

#xiaoguo li.f_right span{transform-origin:100% 100%;animation:enter2 .3s;z-index:1;-webkit-transform-origin:100% 100%;-webkit-animation:enter2 .3s}

#xiaoguo li.f_bottom span{transform-origin:0 100%;animation:enter2 .3s;z-index:1;-webkit-transform-origin:0 100%;-webkit-animation:enter2 .3s}

#xiaoguo li.f_left span{transform-origin:0 100%;animation:enter1 .3s;z-index:1;-webkit-transform-origin:0 100%;-webkit-animation:enter1 .3s}

#xiaoguo li.t_top span{transform-origin:0 0;animation:leave1 .3s;-webkit-transform-origin:0 0;-webkit-animation:leave1 .3s}

#xiaoguo li.t_right span{transform-origin:100% 100%;animation:leave2 .3s;-webkit-transform-origin:100% 100%;-webkit-animation:leave2 .3s}

#xiaoguo li.t_bottom span{transform-origin:0 100%;animation:leave2 .3s;-webkit-transform-origin:0 100%;-webkit-animation:leave2 .3s}

#xiaoguo li.t_left span{transform-origin:0 100%;animation:leave1 .3s;-webkit-transform-origin:0 100%;-webkit-animation:leave1 .3s}

@keyframes enter1{0%{transform:rotate(-90deg)}

100%{transform:rotate(0)}

}

@keyframes enter2{0%{transform:rotate(90deg)}

100%{transform:rotate(0)}

}

@keyframes leave1{0%{transform:rotate(0);z-index:1}

100%{transform:rotate(-90deg);z-index:1}

}

@keyframes leave2{0%{transform:rotate(0);z-index:1}

100%{transform:rotate(90deg);z-index:1}

}

@-webkit-keyframes enter1{0%{-webkit-transform:rotate(-90deg)}

100%{-webkit-transform:rotate(0)}

}

@-webkit-keyframes enter2{0%{-webkit-transform:rotate(90deg)}

100%{-webkit-transform:rotate(0)}

}

@-webkit-keyframes leave1{0%{-webkit-transform:rotate(0);z-index:1}

100%{-webkit-transform:rotate(-90deg);z-index:1}

}

@-webkit-keyframes leave2{0%{-webkit-transform:rotate(0);z-index:1}

100%{-webkit-transform:rotate(90deg);z-index:1}

}

/*news*/

#news{width:100%;margin:auto;overflow:hidden;background:url(bg2.jpg) no-repeat;padding:40px 0;}

.news_b{height:auto;overflow:hidden;margin-top:20px;}

.news_b dl{float:left;margin-right:10px;width:290px;height:auto}

.news_b dt{width:287px;height:auto;margin-bottom:20px}

.news_b dt img{width:287px;height:190px}

.news_b dd{width:287px}

.news_b dd h1{clear:both;line-height:35px;margin-bottom:10px;overflow:hidden}

.news_b dd h1 a{float:left;color:#000;font-size:14px}

.news_b dd h1 span{float:right;color:#000;font-size:12px;}

.news_b dd p{clear:both;line-height:24px;color:#999;font-size:12px}



/*foot*/

#foot{width:100%;margin:auto;overflow:hidden;background:#1e1e1e;padding:30px 0;color:#fff;}

.footLeft{width:700px;float:left;}

.footLeft dl{float:left;height:285px;padding:0 40px;background:url(line02.png) right bottom no-repeat;}

.footLeft dl dt{font-size:14px;margin-bottom:5px;}

.footLeft dl dd a{color:#7d7d7d;line-height:24px;}

.footLeft dl dd a:hover{color:#fff;}

.footRight{width:300px;float:left;}

.tips{width:215px;margin-right:17px;line-height:18px;color:#9b9b9b;text-transform:uppercase}

.tips p.t{font-size:14px;line-height:30px;color:#fff}

.tips p.t a{color:#fff;font-size:14px}

.tips p.num{margin-bottom:10px;font:700 30px/30px Arial;color:#fff}

.tips p.mt28{margin-top:28px;border-top:1px solid #353535;padding:5px 0}

.share a.weixin{background:url(weixin.png) no-repeat}

.share a{width:55px;height:52px;padding:0;margin:0 18px 0 0;display:block;float:left;}

.share a.tsina{background:url(sina.png) no-repeat}

.share a.tqq{margin-right:0;background:url(qq.png) no-repeat}

#copyright{width:100%;margin:auto;overflow:hidden;background:#000;line-height:40px;color:#fff;text-align:center;}

#copyright a{color:#fa5202;}

#copyright a:hover{color:#ff0;}



/*Content*/

#aboutBg{width:100%;margin:auto;height:380px;background:url(aboutBg.jpg) center top no-repeat;position:relative;}

#aboutNavWrap{width:100%;margin:auto;background:rgba(255,255,255,.8);height:75px;overflow:hidden;position:absolute;bottom:0;left:0;}

.aboutNav{width:1200px;margin:auto;}

.aboutNav li{width:100px;float:left;margin-right:20px;text-align:center;}

.aboutNav li a{font-size:16px;display:block;line-height:74px;}

.aboutNav li a:hover{border-bottom:2px solid #d8262c;position:relative;margin-bottom:-1px;color:#d8262c;}

.aboutNav li a.hover{color:#d8262c;border-bottom:2px solid #d8262c;position:relative;margin-bottom:-1px;}



#aboutConWrap{width:100%;margin:auto;overflow:hidden;background:#f5f5f5;}

.aboutCon{width:1200px;margin:30px auto;overflow:hidden;line-height:30px;}

.aboutQuick{width:100%;float:left;margin-top:20px;}

.aboutQuick dl{width:330px;height:370px;float:left;margin-right:105px;background:#e5e5e5;}

.aboutQuick dl dt{font-size:16px;font-weight:bold;text-align:center;line-height:40px;}

.aboutQuick dl dd{float:left;padding:0 20px;line-height:24px;}

.aboutQuick dl:last-child{margin-right:0;}



/*pages*/

div.digg{padding:3px;margin:3px;text-align:center}

div.digg a{border:#d8262c 1px solid;padding:2px 5px;margin:2px;color:#d8262c;text-decoration:none}

div.digg a:hover{border:#d8262c 1px solid;color:#000;}

div.digg a:active{border:#d8262c 1px solid;color:#000;}

div.digg span.current{border:solid 1px #d8262c;padding:2px 5px;font-weight:bold;margin:2px;color:#fff;background-color:#d8262c;}

div.digg span.disabled{border:#eee 1px solid;padding:2px 5px;margin:2px;color:#ddd;}



.contactWrap{width:100%;float:left;}

.contactWrap li{width:50%;float:left;}



.newsList{width:100%;float:left;}

.newsList li{width:245px;height:360px;float:left;margin:0 20px 20px 0;background:#fff;padding:20px;position:relative;}

.newsList li img{width:245px;height:200px;}

.newsList li:hover{display:block;background:#b7383f;transition: all 500ms ease 0s;

-moz-transition: all 500ms ease 0s;

-webkit-transition: all 500ms ease 0s;

-o-transition: all 0.5s ease-in-out 0s;color:#fff;}

.newsList li:nth-child(4n){margin-right:0;}

.newsList li:hover a{color:#fff;}

.newsList li span.date{color:#b2b2b2;}

.newsList li p{line-height:24px;text-indent:2em;}



.newsTitle{width:100%;float:left;font-size:14px;font-weight:bold;color:#333;text-align:center;}

.newsConTitle{width:100%;float:left;color:#c7c7c7;text-align:center;border-bottom:1px solid #ddd;padding-bottom:10px;}

.newsCon{width:100%;float:left;margin-top:20px;}

.newsCon img{float:right;margin-left:20px;}

.preNext{width:100%;padding-top:20px;overflow:hidden;}



.category-bg-img li a{display:block;position:relative;background-color:#1a1a1a;text-align:center;color:#fff;background-position:center;background-repeat:no-repeat;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;transition:all .5s ease 0s}

.category-bg-img li:nth-child(2n) a{background-color:#121212}

.category-bg-img li.category-hl-title a{background-color:#f5f5f5}

.category-bg-img li a:hover{background-color:#000}

.category-bg-img .category-text{position:relative;top:-70px;z-index:11;color:#fff}

.category-bg-img .category-name{margin-bottom:15px;line-height:normal;font-size:24px;font-weight:400;display:none;}

.category-bg-img .category-summary{max-width:800px;margin:0 auto 15px;padding-left:20px;padding-right:20px;font-size:13px}

.category-bg-img span{display:inline-block;padding:0 40px;line-height:30px;border:2px solid #fff;color:#fff;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;transition:all .5s ease 0s}

.category-bg-img span:hover{background-color:#fff;border-color:#fff;color:#333;text-decoration:none}

.category-bg-img .category-bg-img-item .opacity-overlay{width:100%;height:100%;position:absolute;top:0;left:0;z-index:10;cursor:pointer;background-color:#333;opacity:.6;filter:alpha(opacity=60);-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;transition:all .5s ease 0s}

.category-bg-img .category-bg-img-item a:hover .opacity-overlay{background-color:#000;opacity:.9;filter:alpha(opacity=90)}

.category-hl-title .category-text{color:#000}

.category-bg-img .category-hl-title{margin:4px 0}

.category-bg-img .category-hl-title .category-name{font-size:24px;font-family:arial;font-weight:700}

.category-bg-img .category-hl-title a,.category-bg-img .category-hl-title a .opacity-overlay,.category-bg-img .category-hl-title a:hover .opacity-overlay{background-color:transparent}

.category-bg-img .category-hl-title a .category-summary i{background:url(hl-title-icon.png) no-repeat;width:26px;height:26px;position:absolute;top:2px;right:5px;display:none}

.category-bg-img .category-hl-title a .category-summary p{font-size:24px;position:relative;display:inline-block;padding:0 40px}

.category-bg-img .category-hl-title a:hover .category-summary i{display:block}

.category-bg-img .category-hl-title a{padding:120px 0;/*-webkit-filter:grayscale(100%);filter:grayscale(100%);filter:gray;filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)*/}

.category-bg-img .category-hl-title a:hover{background-color:#666;-webkit-filter:grayscale(0);filter:grayscale(0);filter:gray;filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=0)}

.showPro01{background:url(showpic01.jpg) center center no-repeat;}

.showPro02{background:url(showpic02.jpg) center center no-repeat;}

.showPro03{background:url(showpic03.jpg) center center no-repeat;}

.showPro04{background:url(showpic04.jpg) center center no-repeat;}



.productListWrap{width:100%;float:left;}

.productListWrap h1{width:100%;float:left;font-size:32px;font-weight:normal;text-align:center;background:#738a80;padding:30px 0;color:#fff;}

.productList{width:100%;float:left;}

.productList dl{width:50%;float:left;position:relative;}

.productList dl dt{width:100%;height:auto;float:left;}

.productList dl dt img{width:100%;height:auto;}

.productList dl dd{width:100%;text-align:center;font-size:24px;float:left;padding:20px 0;}

.productList dl dd span{font-size:12px;line-height:30px;color:#000;}



.productList li{width:580px;float:left;margin-right:40px;}

.productList li:nth-child(2n){margin-right:0;}

.productList li img{width:580px;height:242px;display:block;}

.productList li span{width:580px;float:left;background:#333;text-align:center;margin-bottom:20px;line-height:50px;color:#fff;}



#product01{width:100%;height:640px;margin:auto;background:url(pro01Bg.jpg) center top no-repeat;padding:30px 0;overflow:hidden;}

.product01-1{position:relative;z-index:2;top:100px;left:0;color:#333;font-size:32px;}

.product01-1{animation:product01-1 1s;-ms-animation:product01-1 1s;-moz-animation:product01-1 1s;-webkit-animation:product01-1 1s;-o-animation:product01-1 1s}

@keyframes product01-1{0%{opacity:0;top:150px}

100%{opacity:100%;top:100px}

}

@-moz-keyframes product01-1{0%{opacity:0;top:150px}

100%{opacity:100%;top:100px}

}

@-webkit-keyframes product01-1{0%{opacity:0;top:150px}

100%{opacity:100%;top:100px}

}

@-o-keyframes product01-1{0%{opacity:0;top:150px}

100%{opacity:100%;top:100px}

}



.product01-2{position:relative;z-index:3;top:100px;left:0;color:#333;font-size:32px;}

.product01-2{animation:product01-2 1s;-ms-animation:product01-2 1s;-moz-animation:product01-2 1s;-webkit-animation:product01-2 1s;-o-animation:product01-2 1s}

@keyframes product01-2{0%,30%{opacity:0;top:150px}

100%{opacity:100%;top:100px}

}

@-moz-keyframes product01-2{0%,30%{opacity:0;top:150px}

100%{opacity:100%;top:100px}

}

@-webkit-keyframes product01-2{0%,30%{opacity:0;top:150px}

100%{opacity:100%;top:100px}

}

@-o-keyframes product01-2{0%,30%{opacity:0;top:150px}

100%{opacity:100%;top:100px}

}



.product01-3{position:relative;z-index:4;top:110px;left:0;}

.product01-3{animation:product01-3 1s;-ms-animation:product01-3 1s;-moz-animation:product01-3 1s;-webkit-animation:product01-3 1s;-o-animation:product01-3 1s}

@keyframes product01-3{0%,50%{opacity:0;top:170px}

100%{opacity:100%;top:110px}

}

@-moz-keyframes product01-3{0%,50%{opacity:0;top:170px}

100%{opacity:100%;top:110px}

}

@-webkit-keyframes product01-3{0%,50%{opacity:0;top:170px}

100%{opacity:100%;top:110px}

}

@-o-keyframes product01-3{0%,50%{opacity:0;top:170px}

100%{opacity:100%;top:110px}

}



.product01-4{position:relative;z-index:5;top:160px;left:0;}

.product01-4 a{background:#f53e3e;padding:10px 50px;color:#fff;}

.product01-4 a:hover{background:#333;}

.product01-4{animation:product01-4 1s;-ms-animation:product01-4 1s;-moz-animation:product01-4 1s;-webkit-animation:product01-4 1s;-o-animation:product01-4 1s}

@keyframes product01-4{0%,70%{opacity:0;top:210px}

100%{opacity:100%;top:160px}

}

@-moz-keyframes product01-4{0%,70%{opacity:0;top:210px}

100%{opacity:100%;top:160px}

}

@-webkit-keyframes product01-4{0%,70%{opacity:0;top:210px}

100%{opacity:100%;top:160px}

}

@-o-keyframes product01-4{0%,70%{opacity:0;top:210px}

100%{opacity:100%;top:160px}

}



.product01-5{position:relative;z-index:1;top:40px;left:0;}

.product01-5{animation:product01-5 1s;-ms-animation:product01-5 1s;-moz-animation:product01-5 1s;-webkit-animation:product01-5 1s;-o-animation:product01-5 1s}

@keyframes product01-5{0%{opacity:0;left:80px}

100%{opacity:100%;left:0}

}

@-moz-keyframes product01-5{0%{opacity:0;left:80px}

100%{opacity:100%;left:0}

}

@-webkit-keyframes product01-5{0%{opacity:0;left:80px}

100%{opacity:100%;left:0}

}

@-o-keyframes product01-5{0%{opacity:0;left:80px}

100%{opacity:100%;left:0}

}



#product02{width:100%;height:600px;margin:auto;overflow:hidden;background:#111113;}

.product02-1{position:relative;z-index:1;top:140px;left:0;display:none;}

.product02-1{animation:product02-1 1s;-ms-animation:product02-1 1s;-moz-animation:product02-1 1s;-webkit-animation:product02-1 1s;-o-animation:product02-1 1s}

@keyframes product02-1{0%{opacity:0;top:200px}

100%{opacity:100%;top:140px}

}

@-moz-keyframes product02-1{0%{opacity:0;top:200px}

100%{opacity:100%;top:140px}

}

@-webkit-keyframes product02-1{0%{opacity:0;top:200px}

100%{opacity:100%;top:140px}

}

@-o-keyframes product02-1{0%{opacity:0;top:200px}

100%{opacity:100%;top:140px}

}



.product02-2{position:relative;z-index:2;top:-350px;left:670px;display:none;}

.product02-2{animation:product02-2 1s;-ms-animation:product02-2 1s;-moz-animation:product02-2 1s;-webkit-animation:product02-2 1s;-o-animation:product02-2 1s}

@keyframes product02-2{0%{opacity:0;left:720px;}

100%{opacity:100%;left:670px;}

}

@-moz-keyframes product02-2{0%{opacity:0;left:720px;}

100%{opacity:100%;left:670px;}

}

@-webkit-keyframes product02-2{0%{opacity:0;left:720px;}

100%{opacity:100%;left:670px;}

}

@-o-keyframes product02-2{0%{opacity:0;left:720px;}

100%{opacity:100%;left:670px;}

}



.product02-3{position:relative;z-index:3;top:-350px;left:670px;display:none;}

.product02-3{animation:product02-3 1s;-ms-animation:product02-3 1s;-moz-animation:product02-3 1s;-webkit-animation:product02-3 1s;-o-animation:product02-3 1s}

@keyframes product02-3{0%,50%{opacity:0;top:-300px;}

100%{opacity:100%;top:-350px;}

}

@-moz-keyframes product02-3{0%,50%{opacity:0;top:-300px;}

100%{opacity:100%;top:-350px;}

}

@-webkit-keyframes product02-3{0%,50%{opacity:0;top:-300px;}

100%{opacity:100%;top:-350px;}

}

@-o-keyframes product02-3{0%,50%{opacity:0;top:-300px;}

100%{opacity:100%;top:-350px;}

}



#product03{widtdh:100%;height:600px;margin:auto;overflow:hidden;background:#fff;padding:30px 0;}

.product03-1{position:relative;z-index:1;top:50px;left:0;font-size:30px;display:none;}

.product03-1{animation:product03-1 1s;-ms-animation:product03-1 1s;-moz-animation:product03-1 1s;-webkit-animation:product03-1 1s;-o-animation:product03-1 1s}

@keyframes product03-1{0%{opacity:0;left:-30px;}

100%{opacity:100%;left:0;}

}

@-moz-keyframes product03-1{0%{opacity:0;left:-30px;}

100%{opacity:100%;left:0;}

}

@-webkit-keyframes product03-1{0%{opacity:0;left:-30px;}

100%{opacity:100%;left:0;}

}

@-o-keyframes product03-1{0%{opacity:0;left:-30px;}

100%{opacity:100%;left:0;}

}



.product03-2{position:relative;z-index:2;top:70px;left:0;font-size:20px;color:#666;line-height:30px;display:none;}

.product03-2{animation:product03-2 1s;-ms-animation:product03-2 1s;-moz-animation:product03-2 1s;-webkit-animation:product03-2 1s;-o-animation:product03-2 1s}

@keyframes product03-2{0%{opacity:0;left:30px;}

100%{opacity:100%;left:0;}

}

@-moz-keyframes product03-2{0%{opacity:0;left:30px;}

100%{opacity:100%;left:0;}

}

@-webkit-keyframes product03-2{0%{opacity:0;left:30px;}

100%{opacity:100%;left:0;}

}

@-o-keyframes product03-2{0%{opacity:0;left:30px;}

100%{opacity:100%;left:0;}

}



.product03-3{position:relative;z-index:3;top:130px;left:0;display:none;}

.product03-3{animation:product03-3 1s;-ms-animation:product03-3 1s;-moz-animation:product03-3 1s;-webkit-animation:product03-3 1s;-o-animation:product03-3 1s}

@keyframes product03-3{0%,30%{opacity:0;top:200px;}

100%{opacity:100%;top:130px;}

}

@-moz-keyframes product03-3{0%,30%{opacity:0;top:200px;}

100%{opacity:100%;top:130px;}

}

@-webkit-keyframes product03-3{0%,30%{opacity:0;top:200px;}

100%{opacity:100%;top:130px;}

}

@-o-keyframes product03-3{0%,30%{opacity:0;top:200px;}

100%{opacity:100%;top:130px;}

}



.product03-4{position:relative;z-index:4;top:-190px;left:440px;display:none;}

.product03-4{animation:product03-4 1s;-ms-animation:product03-4 1s;-moz-animation:product03-4 1s;-webkit-animation:product03-4 1s;-o-animation:product03-4 1s}

@keyframes product03-4{0%,50%{opacity:0;top:-90px}

100%{opacity:100%;top:-190px}

}

@-moz-keyframes product03-4{0%,50%{opacity:0;top:-90px}

100%{opacity:100%;top:-190px}

}

@-webkit-keyframes product03-4{0%,50%{opacity:0;top:-90px}

100%{opacity:100%;top:-190px}

}

@-o-keyframes product03-4{0%,50%{opacity:0;top:-90px}

100%{opacity:100%;top:-190px}

}



.product03-5{position:relative;z-index:5;top:-510px;left:880px;display:none;}

.product03-5{animation:product03-5 1s;-ms-animation:product03-5 1s;-moz-animation:product03-5 1s;-webkit-animation:product03-5 1s;-o-animation:product03-5 1s}

@keyframes product03-5{0%,70%{opacity:0;top:-410px}

100%{opacity:100%;top:-510px}

}

@-moz-keyframes product03-5{0%,70%{opacity:0;top:-410px}

100%{opacity:100%;top:-510px}

}

@-webkit-keyframes product03-5{0%,70%{opacity:0;top:-410px}

100%{opacity:100%;top:-510px}

}

@-o-keyframes product03-5{0%,70%{opacity:0;top:-410px}

100%{opacity:100%;top:-510px}

}



#product04{widtdh:100%;height:620px;margin:auto;overflow:hidden;background:#f2f2f2;padding:30px 0;}

.product04-1{position:relative;z-index:1;top:20px;left:0;font-size:30px;display:none;}

.product04-1{animation:product04-1 1s;-ms-animation:product04-1 1s;-moz-animation:product04-1 1s;-webkit-animation:product04-1 1s;-o-animation:product04-1 1s}

@keyframes product04-1{0%{opacity:0;top:-10px;}

100%{opacity:100%;top:20px;}

}

@-moz-keyframes product04-1{0%{opacity:0;top:-10px;}

100%{opacity:100%;top:20px;}

}

@-webkit-keyframes product04-1{0%{opacity:0;top:-10px;}

100%{opacity:100%;top:20px;}

}

@-o-keyframes product04-1{0%{opacity:0;top:-10px;}

100%{opacity:100%;top:20px;}

}



.product04-2{position:relative;z-index:1;top:40px;left:0;font-size:18px;color:#666;display:none;}

.product04-2{animation:product04-2 1s;-ms-animation:product04-2 1s;-moz-animation:product04-2 1s;-webkit-animation:product04-2 1s;-o-animation:product04-2 1s}

@keyframes product04-2{0%{opacity:0;top:120px;}

100%{opacity:100%;top:40px;}

}

@-moz-keyframes product04-2{0%{opacity:0;top:120px;}

100%{opacity:100%;top:40px;}

}

@-webkit-keyframes product04-2{0%{opacity:0;top:120px;}

100%{opacity:100%;top:40px;}

}

@-o-keyframes product04-2{0%{opacity:0;top:120px;}

100%{opacity:100%;top:40px;}

}



.product04-2 li{float:left;margin:0 150px 20px 0;position:relative;}

.parameter01{animation:parameter01 1s;-ms-animation:parameter01 1s;-moz-animation:parameter01 1s;-webkit-animation:parameter01 1s;-o-animation:parameter01 1s}

@keyframes parameter01{0%{opacity:0;}

100%{opacity:100%;}

}

@-moz-keyframes parameter01{0%{opacity:0;}

100%{opacity:100%;}

}

@-webkit-keyframes parameter01{0%{opacity:0;top:-150px;}

100%{opacity:100%;top:0;}

}

@-o-keyframes parameter01{0%{opacity:0;}

100%{opacity:100%;}

}



.parameter02{animation:parameter02 1s;-ms-animation:parameter02 1s;-moz-animation:parameter02 1s;-webkit-animation:parameter02 1s;-o-animation:parameter02 1s}

@keyframes parameter02{0%,30%{opacity:0;}

100%{opacity:100%;}

}

@-moz-keyframes parameter02{0%,30%{opacity:0;}

100%{opacity:100%;}

}

@-webkit-keyframes parameter02{0%,30%{opacity:0;top:-150px;}

100%{opacity:100%;top:0;}

}

@-o-keyframes parameter02{0%,30%{opacity:0;}

100%{opacity:100%;}

}



.parameter03{animation:parameter03 1s;-ms-animation:parameter03 1s;-moz-animation:parameter03 1s;-webkit-animation:parameter03 1s;-o-animation:parameter03 1s}

@keyframes parameter03{0%,50%{opacity:0;}

100%{opacity:100%;}

}

@-moz-keyframes parameter03{0%,50%{opacity:0;}

100%{opacity:100%;}

}

@-webkit-keyframes parameter03{0%,50%{opacity:0;top:-150px;}

100%{opacity:100%;top:0;}

}

@-o-keyframes parameter03{0%,50%{opacity:0;}

100%{opacity:100%;}

}



.parameter04{animation:parameter04 1s;-ms-animation:parameter04 1s;-moz-animation:parameter04 1s;-webkit-animation:parameter04 1s;-o-animation:parameter04 1s}

@keyframes parameter04{0%{opacity:0;}

100%{opacity:100%;}

}

@-moz-keyframes parameter04{0%{opacity:0;}

100%{opacity:100%;}

}

@-webkit-keyframes parameter04{0%{opacity:0;top:150px;}

100%{opacity:100%;top:0;}

}

@-o-keyframes parameter04{0%{opacity:0;}

100%{opacity:100%;}

}



.parameter05{animation:parameter05 1s;-ms-animation:parameter05 1s;-moz-animation:parameter05 1s;-webkit-animation:parameter05 1s;-o-animation:parameter05 1s}

@keyframes parameter05{0%,30%{opacity:0;}

100%{opacity:100%;}

}

@-moz-keyframes parameter05{0%,30%{opacity:0;}

100%{opacity:100%;}

}

@-webkit-keyframes parameter05{0%,30%{opacity:0;top:150px;}

100%{opacity:100%;top:0;}

}

@-o-keyframes parameter05{0%,30%{opacity:0;}

100%{opacity:100%;}

}



.parameter06{animation:parameter06 1s;-ms-animation:parameter06 1s;-moz-animation:parameter06 1s;-webkit-animation:parameter06 1s;-o-animation:parameter06 1s}

@keyframes parameter06{0%,50%{opacity:0;}

100%{opacity:100%;}

}

@-moz-keyframes parameter06{0%,50%{opacity:0;}

100%{opacity:100%;}

}

@-webkit-keyframes parameter06{0%,50%{opacity:0;top:150px;}

100%{opacity:100%;top:0;}

}

@-o-keyframes parameter06{0%,50%{opacity:0;}

100%{opacity:100%;}

}



#product05{widtdh:100%;height:600px;margin:auto;overflow:hidden;background:url(partnerBg.jpg) center top no-repeat;padding:30px 0;}

.product05-1{position:relative;z-index:1;top:60px;left:0;font-size:30px;text-align:right;display:none;}

.product05-1{animation:product05-1 1s;-ms-animation:product05-1 1s;-moz-animation:product05-1 1s;-webkit-animation:product05-1 1s;-o-animation:product05-1 1s}

@keyframes product05-1{0%{opacity:0;left:30px;}

100%{opacity:100%;left:0;}

}

@-moz-keyframes product05-1{0%{opacity:0;left:30px;}

100%{opacity:100%;left:0;}

}

@-webkit-keyframes product05-1{0%{opacity:0;left:30px;}

100%{opacity:100%;left:0;}

}

@-o-keyframes product05-1{0%{opacity:0;left:30px;}

100%{opacity:100%;left:0;}

}



.product05-2{width:500px;position:relative;z-index:1;top:160px;left:700px;font-size:16px;color:#999;display:none;}

.product05-2 li{float:left;margin:0 0 30px 30px;position:relative;}



.partner01{animation:partner01 1s;-ms-animation:partner01 1s;-moz-animation:partner01 1s;-webkit-animation:partner01 1s;-o-animation:partner01 1s}

@keyframes partner01{0%{opacity:0;top:-50px;}

100%{opacity:100%;top:0;}

}

@-moz-keyframes partner01{0%{opacity:0;top:-50px;}

100%{opacity:100%;top:0;}

}

@-webkit-keyframes partner01{0%{opacity:0;top:-50px;}

100%{opacity:100%;top:0;}

}

@-o-keyframes partner01{0%{opacity:0;top:-50px;}

100%{opacity:100%;top:0;}

}



.partner02{animation:partner02 1s;-ms-animation:partner02 1s;-moz-animation:partner02 1s;-webkit-animation:partner02 1s;-o-animation:partner02 1s}

@keyframes partner02{0%,30%{opacity:0;top:-50px;}

100%{opacity:100%;top:0;}

}

@-moz-keyframes partner02{0%,30%{opacity:0;top:-50px;}

100%{opacity:100%;top:0;}

}

@-webkit-keyframes partner02{0%,30%{opacity:0;top:-50px;}

100%{opacity:100%;top:0;}

}

@-o-keyframes partner02{0%,30%{opacity:0;top:-50px;}

100%{opacity:100%;top:0;}

}



.partner03{animation:partner03 1s;-ms-animation:partner03 1s;-moz-animation:partner03 1s;-webkit-animation:partner03 1s;-o-animation:partner03 1s}

@keyframes partner03{0%,50%{opacity:0;top:-50px;}

100%{opacity:100%;top:0;}

}

@-moz-keyframes partner03{0%,50%{opacity:0;top:-50px;}

100%{opacity:100%;top:0;}

}

@-webkit-keyframes partner03{0%,50%{opacity:0;top:-50px;}

100%{opacity:100%;top:0;}

}

@-o-keyframes partner03{0%,50%{opacity:0;top:-50px;}

100%{opacity:100%;top:0;}

}



.partner04{animation:partner04 1s;-ms-animation:partner04 1s;-moz-animation:partner04 1s;-webkit-animation:partner04 1s;-o-animation:partner04 1s}

@keyframes partner04{0%,70%{opacity:0;top:-50px;}

100%{opacity:100%;top:0;}

}

@-moz-keyframes partner04{0%,70%{opacity:0;top:-50px;}

100%{opacity:100%;top:0;}

}

@-webkit-keyframes partner04{0%,70%{opacity:0;top:-50px;}

100%{opacity:100%;top:0;}

}

@-o-keyframes partner04{0%,70%{opacity:0;top:-50px;}

100%{opacity:100%;top:0;}

}



.partner05{animation:partner05 1s;-ms-animation:partner05 1s;-moz-animation:partner05 1s;-webkit-animation:partner05 1s;-o-animation:partner05 1s}

@keyframes partner05{0%{opacity:0;top:50px;}

100%{opacity:100%;top:0;}

}

@-moz-keyframes partner05{0%{opacity:0;top:50px;}

100%{opacity:100%;top:0;}

}

@-webkit-keyframes partner05{0%{opacity:0;top:50px;}

100%{opacity:100%;top:0;}

}

@-o-keyframes partner05{0%{opacity:0;top:50px;}

100%{opacity:100%;top:0;}

}



.partner06{animation:partner06 1s;-ms-animation:partner06 1s;-moz-animation:partner06 1s;-webkit-animation:partner06 1s;-o-animation:partner06 1s}

@keyframes partner06{0%,30%{opacity:0;top:50px;}

100%{opacity:100%;top:0;}

}

@-moz-keyframes partner06{0%,30%{opacity:0;top:50px;}

100%{opacity:100%;top:0;}

}

@-webkit-keyframes partner06{0%,30%{opacity:0;top:50px;}

100%{opacity:100%;top:0;}

}

@-o-keyframes partner06{0%,30%{opacity:0;top:50px;}

100%{opacity:100%;top:0;}

}



.partner07{animation:partner07 1s;-ms-animation:partner07 1s;-moz-animation:partner07 1s;-webkit-animation:partner07 1s;-o-animation:partner07 1s}

@keyframes partner07{0%,50%{opacity:0;top:50px;}

100%{opacity:100%;top:0;}

}

@-moz-keyframes partner07{0%,50%{opacity:0;top:50px;}

100%{opacity:100%;top:0;}

}

@-webkit-keyframes partner07{0%,50%{opacity:0;top:50px;}

100%{opacity:100%;top:0;}

}

@-o-keyframes partner07{0%,50%{opacity:0;top:50px;}

100%{opacity:100%;top:0;}

}



.partner08{animation:partner08 1s;-ms-animation:partner08 1s;-moz-animation:partner08 1s;-webkit-animation:partner08 1s;-o-animation:partner08 1s}

@keyframes partner08{0%,70%{opacity:0;top:50px;}

100%{opacity:100%;top:0;}

}

@-moz-keyframes partner08{0%,70%{opacity:0;top:50px;}

100%{opacity:100%;top:0;}

}

@-webkit-keyframes partner08{0%,70%{opacity:0;top:50px;}

100%{opacity:100%;top:0;}

}

@-o-keyframes partner08{0%,70%{opacity:0;top:50px;}

100%{opacity:100%;top:0;}

}



#product06{widtdh:100%;height:600px;margin:auto;overflow:hidden;padding:30px 0;}

.product06-1{position:relative;z-index:1;top:40px;left:0;font-size:30px;display:none;}

.product06-1{animation:product06-1 1s;-ms-animation:product06-1 1s;-moz-animation:product06-1 1s;-webkit-animation:product06-1 1s;-o-animation:product06-1 1s}

@keyframes product06-1{0%{opacity:0;top:10px;}

100%{opacity:100%;top:40px;}

}

@-moz-keyframes product06-1{0%{opacity:0;top:10px;}

100%{opacity:100%;top:40px;}

}

@-webkit-keyframes product06-1{0%{opacity:0;top:10px;}

100%{opacity:100%;top:40px;}

}

@-o-keyframes product06-1{0%{opacity:0;top:10px;}

100%{opacity:100%;top:40px;}

}



.product06-2{width:265px;position:relative;z-index:2;top:70px;left:0;font-size:30px;display:none;}

.product06-2{animation:product06-2 1s;-ms-animation:product06-2 1s;-moz-animation:product06-2 1s;-webkit-animation:product06-2 1s;-o-animation:product06-2 1s}

@keyframes product06-2{0%{opacity:0;top:110px;}

100%{opacity:100%;top:70px;}

}

@-moz-keyframes product06-2{0%{opacity:0;top:110px;}

100%{opacity:100%;top:70px;}

}

@-webkit-keyframes product06-2{0%{opacity:0;top:110px;}

100%{opacity:100%;top:70px;}

}

@-o-keyframes product06-2{0%{opacity:0;top:110px;}

100%{opacity:100%;top:70px;}

}



.product06-3{width:700px;position:relative;z-index:3;top:-400px;left:350px;font-size:30px;display:none;}

.product06-3{animation:product06-3 1s;-ms-animation:product06-3 1s;-moz-animation:product06-3 1s;-webkit-animation:product06-3 1s;-o-animation:product06-3 1s}

@keyframes product06-3{0%{opacity:0;left:400px;}

100%{opacity:100%;left:350px;}

}

@-moz-keyframes product06-3{0%{opacity:0;left:400px;}

100%{opacity:100%;left:350px;}

}

@-webkit-keyframes product06-3{0%{opacity:0;left:400px;}

100%{opacity:100%;left:350px;}

}

@-o-keyframes product06-3{0%{opacity:0;left:400px;}

100%{opacity:100%;left:350px;}

}



table{border:#999 1px solid;line-height:25px;border-width:1px 0 0 1px;}

table td{height:20px;text-align:center;font-size:14px;border-bottom:1px solid #b9b9b9;border-right:1px solid #b9b9b9}



/*720*/

#product022{width:100%;height:600px;margin:auto;overflow:hidden;background:url(product022.jpg) center top no-repeat;padding:30px 0;}

.product022-1{position:relative;z-index:1;top:150px;left:850px;display:none;}

.product022-1{animation:product022-1 1s;-ms-animation:product022-1 1s;-moz-animation:product022-1 1s;-webkit-animation:product022-1 1s;-o-animation:product022-1 1s}

@keyframes product022-1{0%{opacity:0;top:250px}

100%{opacity:100%;top:150px}

}

@-moz-keyframes product022-1{0%{opacity:0;top:250px}

100%{opacity:100%;top:150px}

}

@-webkit-keyframes product022-1{0%{opacity:0;top:250px}

100%{opacity:100%;top:150px}

}

@-o-keyframes product022-1{0%{opacity:0;top:250px}

100%{opacity:100%;top:150px}

}



.product022-2{position:relative;z-index:1;top:180px;left:850px;display:none;}

.product022-2{animation:product022-2 1s;-ms-animation:product022-2 1s;-moz-animation:product022-2 1s;-webkit-animation:product022-2 1s;-o-animation:product022-2 1s}

@keyframes product022-2{0%,30%{opacity:0;top:280px}

100%{opacity:100%;top:180px}

}

@-moz-keyframes product022-2{0%,30%{opacity:0;top:280px}

100%{opacity:100%;top:180px}

}

@-webkit-keyframes product022-2{0%,30%{opacity:0;top:280px}

100%{opacity:100%;top:180px}

}

@-o-keyframes product022-2{0%,30%{opacity:0;top:280px}

100%{opacity:100%;top:180px}

}



.product022-3{position:relative;z-index:1;top:210px;left:850px;display:none;}

.product022-3{animation:product022-3 1s;-ms-animation:product022-3 1s;-moz-animation:product022-3 1s;-webkit-animation:product022-3 1s;-o-animation:product022-3 1s}

@keyframes product022-3{0%,50%{opacity:0;top:310px}

100%{opacity:100%;top:210px}

}

@-moz-keyframes product022-3{0%,50%{opacity:0;top:310px}

100%{opacity:100%;top:210px}

}

@-webkit-keyframes product022-3{0%,50%{opacity:0;top:310px}

100%{opacity:100%;top:210px}

}

@-o-keyframes product022-3{0%,50%{opacity:0;top:310px}

100%{opacity:100%;top:210px}

}



#product07{width:100%;height:500px;margin:auto;overflow:hidden;background:#e0e0e0;padding:30px 0;}

.product07-1{position:relative;z-index:1;top:40px;left:0;font-size:30px;display:none;}

.product07-1{animation:product07-1 1s;-ms-animation:product07-1 1s;-moz-animation:product07-1 1s;-webkit-animation:product07-1 1s;-o-animation:product07-1 1s}

@keyframes product07-1{0%{opacity:0;top:10px;}

100%{opacity:100%;top:40px;}

}

@-moz-keyframes product07-1{0%{opacity:0;top:10px;}

100%{opacity:100%;top:40px;}

}

@-webkit-keyframes product07-1{0%{opacity:0;top:10px;}

100%{opacity:100%;top:40px;}

}

@-o-keyframes product07-1{0%{opacity:0;top:10px;}

100%{opacity:100%;top:40px;}

}



.product07-2{position:relative;z-index:1;top:100px;left:0;font-size:30px;display:none;}

.product07-2 li{float:left;position:relative;}



.product07-3{animation:product07-3 1s;-ms-animation:product07-3 1s;-moz-animation:product07-3 1s;-webkit-animation:product07-3 1s;-o-animation:product07-3 1s}

@keyframes product07-3{0%{opacity:0;}

100%{opacity:100%;}

}

@-moz-keyframes product07-3{0%{opacity:0;}

100%{opacity:100%;}

}

@-webkit-keyframes product07-3{0%{opacity:0;top:100px;}

100%{opacity:100%;top:0;}

}

@-o-keyframes product07-3{0%{opacity:0;}

100%{opacity:100%;}

}



.product07-4{animation:product07-4 1s;-ms-animation:product07-4 1s;-moz-animation:product07-4 1s;-webkit-animation:product07-4 1s;-o-animation:product07-4 1s}

@keyframes product07-4{0%,30%{opacity:0;top:100px;}

100%{opacity:100%;}

}

@-moz-keyframes product07-4{0%,30%{opacity:0;top:100px;}

100%{opacity:100%;}

}

@-webkit-keyframes product07-4{0%,30%{opacity:0;top:100px;}

100%{opacity:100%;top:0;}

}

@-o-keyframes product07-4{0%,30%{opacity:0;top:100px;}

100%{opacity:100%;}

}



.product07-5{animation:product07-5 1s;-ms-animation:product07-5 1s;-moz-animation:product07-5 1s;-webkit-animation:product07-5 1s;-o-animation:product07-5 1s}

@keyframes product07-5{0%,50%{opacity:0;top:100px;}

100%{opacity:100%;}

}

@-moz-keyframes product07-5{0%,50%{opacity:0;top:100px;}

100%{opacity:100%;}

}

@-webkit-keyframes product07-5{0%,50%{opacity:0;top:100px;}

100%{opacity:100%;top:0;}

}

@-o-keyframes product07-5{0%,50%{opacity:0;top:100px;}

100%{opacity:100%;}

}



/*cp770*/

#product023{width:100%;height:600px;margin:auto;overflow:hidden;background:url(product023.jpg) center top no-repeat;padding:30px 0;}

.product023-1{position:relative;z-index:1;top:150px;left:850px;display:none;}

.product023-1{animation:product023-1 1s;-ms-animation:product023-1 1s;-moz-animation:product023-1 1s;-webkit-animation:product023-1 1s;-o-animation:product023-1 1s}

@keyframes product023-1{0%{opacity:0;top:250px}

100%{opacity:100%;top:150px}

}

@-moz-keyframes product023-1{0%{opacity:0;top:250px}

100%{opacity:100%;top:150px}

}

@-webkit-keyframes product023-1{0%{opacity:0;top:250px}

100%{opacity:100%;top:150px}

}

@-o-keyframes product023-1{0%{opacity:0;top:250px}

100%{opacity:100%;top:150px}

}



.product023-2{position:relative;z-index:1;top:180px;left:850px;display:none;}

.product023-2{animation:product023-2 1s;-ms-animation:product023-2 1s;-moz-animation:product023-2 1s;-webkit-animation:product023-2 1s;-o-animation:product023-2 1s}

@keyframes product023-2{0%,30%{opacity:0;top:280px}

100%{opacity:100%;top:180px}

}

@-moz-keyframes product023-2{0%,30%{opacity:0;top:280px}

100%{opacity:100%;top:180px}

}

@-webkit-keyframes product023-2{0%,30%{opacity:0;top:280px}

100%{opacity:100%;top:180px}

}

@-o-keyframes product023-2{0%,30%{opacity:0;top:280px}

100%{opacity:100%;top:180px}

}



.product023-3{position:relative;z-index:1;top:210px;left:850px;display:none;}

.product023-3{animation:product023-3 1s;-ms-animation:product023-3 1s;-moz-animation:product023-3 1s;-webkit-animation:product023-3 1s;-o-animation:product023-3 1s}

@keyframes product023-3{0%,50%{opacity:0;top:310px}

100%{opacity:100%;top:210px}

}

@-moz-keyframes product023-3{0%,50%{opacity:0;top:310px}

100%{opacity:100%;top:210px}

}

@-webkit-keyframes product023-3{0%,50%{opacity:0;top:310px}

100%{opacity:100%;top:210px}

}

@-o-keyframes product023-3{0%,50%{opacity:0;top:310px}

100%{opacity:100%;top:210px}

}



/*HSJP120*/

#product024{width:100%;height:600px;margin:auto;overflow:hidden;background:url(product024.jpg) center top no-repeat;padding:30px 0;}

.product024-1{position:relative;z-index:1;top:150px;left:750px;display:none;}

.product024-1{animation:product024-1 1s;-ms-animation:product024-1 1s;-moz-animation:product024-1 1s;-webkit-animation:product024-1 1s;-o-animation:product024-1 1s}

@keyframes product024-1{0%{opacity:0;top:250px}

100%{opacity:100%;top:150px}

}

@-moz-keyframes product024-1{0%{opacity:0;top:250px}

100%{opacity:100%;top:150px}

}

@-webkit-keyframes product024-1{0%{opacity:0;top:250px}

100%{opacity:100%;top:150px}

}

@-o-keyframes product024-1{0%{opacity:0;top:250px}

100%{opacity:100%;top:150px}

}



.product024-2{position:relative;z-index:1;top:180px;left:750px;display:none;}

.product024-2{animation:product024-2 1s;-ms-animation:product024-2 1s;-moz-animation:product024-2 1s;-webkit-animation:product024-2 1s;-o-animation:product024-2 1s}

@keyframes product024-2{0%,30%{opacity:0;top:280px}

100%{opacity:100%;top:180px}

}

@-moz-keyframes product024-2{0%,30%{opacity:0;top:280px}

100%{opacity:100%;top:180px}

}

@-webkit-keyframes product024-2{0%,30%{opacity:0;top:280px}

100%{opacity:100%;top:180px}

}

@-o-keyframes product024-2{0%,30%{opacity:0;top:280px}

100%{opacity:100%;top:180px}

}



.product024-3{position:relative;z-index:1;top:210px;left:750px;display:none;}

.product024-3{animation:product024-3 1s;-ms-animation:product024-3 1s;-moz-animation:product024-3 1s;-webkit-animation:product024-3 1s;-o-animation:product024-3 1s}

@keyframes product024-3{0%,50%{opacity:0;top:310px}

100%{opacity:100%;top:210px}

}

@-moz-keyframes product024-3{0%,50%{opacity:0;top:310px}

100%{opacity:100%;top:210px}

}

@-webkit-keyframes product024-3{0%,50%{opacity:0;top:310px}

100%{opacity:100%;top:210px}

}

@-o-keyframes product024-3{0%,50%{opacity:0;top:310px}

100%{opacity:100%;top:210px}

}



.product024-4{position:relative;z-index:1;top:240px;left:750px;display:none;}

.product024-4{animation:product024-4 1s;-ms-animation:product024-4 1s;-moz-animation:product024-4 1s;-webkit-animation:product024-4 1s;-o-animation:product024-4 1s}

@keyframes product024-4{0%,70%{opacity:0;top:340px}

100%{opacity:100%;top:240px}

}

@-moz-keyframes product024-4{0%,70%{opacity:0;top:340px}

100%{opacity:100%;top:240px}

}

@-webkit-keyframes product024-4{0%,70%{opacity:0;top:340px}

100%{opacity:100%;top:240px}

}

@-o-keyframes product024-4{0%,70%{opacity:0;top:340px}

100%{opacity:100%;top:240px}

}



#product08{width:100%;height:560px;margin:auto;overflow:hidden;background:url(product08Bg.jpg);}

.product08-1{position:relative;z-index:1;top:0;left:0;display:none;}

.product08-1{animation:product08-1 1s;-ms-animation:product08-1 1s;-moz-animation:product08-1 1s;-webkit-animation:product08-1 1s;-o-animation:product08-1 1s}

@keyframes product08-1{0%{opacity:0;left:50px;}

100%{opacity:100%;left:0;}

}

@-moz-keyframes product08-1{0%{opacity:0;left:50px;}

100%{opacity:100%;left:0;}

}

@-webkit-keyframes product08-1{0%{opacity:0;left:50px;}

100%{opacity:100%;left:0;}

}

@-o-keyframes product08-1{0%{opacity:0;left:50px;}

100%{opacity:100%;left:0;}

}



.product08-2{position:relative;z-index:1;top:-510px;left:800px;display:none;}

.product08-2{animation:product08-2 1s;-ms-animation:product08-2 1s;-moz-animation:product08-2 1s;-webkit-animation:product08-2 1s;-o-animation:product08-2 1s}

@keyframes product08-2{0%{opacity:0;left:650px;}

100%{opacity:100%;left:800px;}

}

@-moz-keyframes product08-2{0%{opacity:0;left:650px;}

100%{opacity:100%;left:800px;}

}

@-webkit-keyframes product08-2{0%{opacity:0;left:650px;}

100%{opacity:100%;left:800px;}

}

@-o-keyframes product08-2{0%{opacity:0;left:650px;}

100%{opacity:100%;left:800px;}

}



.honorCon{width:90%;float:left;padding:30px 5%;position:relative;}

.honorCon ul{width:100%;margin:auto;text-align:center;}

.honorCon li{width:361px;display:inline-block;margin-left:15px;overflow:hidden;background:url(shadow.png) center bottom no-repeat;padding-bottom:60px;}

.arrLeft a{width:27px;height:51px;background:url(btnPrev.png) no-repeat;position:absolute;top:170px;left:0}

.arrRight a{width:27px;height:51px;background:url(btnNext.png) no-repeat;position:absolute;top:170px;right:0}



.guestbookTitle{width:90%;float:left;background:#fff;padding:2% 5%;font-size:14px;}

.guestbookCon{width:100%;float:left;margin:20px 0;}

.guestbookCon li{height:auto;min-height:50px;}

.guestbookCon li label{width:88px;font-size:14px;color:#333;display:inline-block;text-align:right;padding-right:5px;}

.guestbookCon li input{width:278px;height:28px;border:2px solid #e3e4e8;}

.guestbookCon li textarea{width:378px;height:100px;border:2px solid #e3e4e8;}

.btn{padding:2px 30px;background:#b6383f;color:#fff;border:none;}



.yb_conct{position:fixed;z-index:9999999;top:200px;right:-90px;cursor:pointer;transition:all .3s ease}

.yb_bar ul li{width:140px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden}

.yb_bar .yb_top{background:#ff4a00 url(fixCont.png) no-repeat 0 0}

.yb_bar .yb_phone{background:#ff4a00 url(fixCont.png) no-repeat 0 -57px}

.yb_bar .yb_QQ{text-indent:0;background:#ff4a00 url(fixCont.png) no-repeat 0 -113px}

.yb_bar .yb_ercode{background:#ff4a00 url(fixCont.png) no-repeat 0 -169px}

.hd_qr{padding:0 29px 25px 29px}

.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff}



/************************************************************/

@media only screen and (max-width:767px){



.w1200{width:100%;margin:auto;position:relative;}

/*Top*/

#topBar{width:100%;margin:auto;overflow:hidden;line-height:30px;background:#b7383f;/*background:#d70c18;*/}

.topNav{width:250px;float:left;margin-left:750px;color:#fff;}

.topNav a{color:#fff;padding:0 12px;}

.topNav a:hover{color:#ff0;}

.language{width:200px;float:left;}

.language li{width:100px;float:left;background:#333;text-align:center;position:relative;}

.language li a{display:block;color:#fff;}

.language li a:hover{background:#fff;color:#333;}

.language li.cur a{background:#fff;color:#333;}

.language li i.ico-cn{width:16px;height:11px;background:url(cn.jpg) no-repeat;display:block;position:absolute;left:10px;top:11px;}

.language li i.ico-en{width:16px;height:11px;background:url(en.jpg) no-repeat;display:block;position:absolute;left:10px;top:11px;}

#topWrap{width:100%;margin:auto;overflow:hidden;border-top:#d80c18 4px solid;}

.logo{width:20%;float:left;}
.lang{display: none;}



#topLine{width:100%;height:10px;margin:auto;overflow:hidden;background:#b7383f;}

.wapMenu a{width:48px;height:48px;background:url(wapMenu.png) no-repeat;position:absolute;top:20px;right:10px;z-index:999;display:block;}
/*banner*/

.banner{width:100%;height:680px;position:relative;overflow:hidden;cursor:pointer;background:url(bg.jpg) no-repeat;display:none;}

.banner .DB_bgSet{position:relative}

.banner .DB_bgSet li{position:absolute;width:100%;height:680px;display:none}

.banner .DB_imgSet{position:absolute;width:988px;left:50%;margin-left:-500px}

.banner .DB_imgSet .DB_1_1{position:absolute;left:-30px;top:130px}

.banner .DB_imgSet .DB_1_2{position:absolute;left:-130px;top:120px}

.banner .DB_imgSet .DB_1_3{position:absolute;left:-130px;top:200px}

.banner .DB_imgSet .DB_1_4{position:absolute;left:-130px;top:360px}

.banner .DB_imgSet .DB_2_1{position:absolute;left:-140px;top:70px}

.banner .DB_imgSet .DB_2_2{position:absolute;left:780px;top:130px}

.banner .DB_imgSet .DB_2_3{position:absolute;left:780px;top:210px}

.banner .DB_imgSet .DB_2_4{position:absolute;left:785px;top:450px}

.banner .DB_imgSet .DB_3_1{position:absolute;left:-140px;top:90px}

.banner .DB_imgSet .DB_3_2{position:absolute;left:780px;top:130px}

.banner .DB_imgSet .DB_3_3{position:absolute;left:780px;top:210px}

.banner .DB_imgSet .DB_3_4{position:absolute;left:780px;top:455px}

.banner .DB_menuWrap{position:absolute;width:988px;left:50%;margin-left:-500px}

.banner .DB_menuWrap .DB_menuSet{position:absolute;width:100%;top:600px;text-align:center;font-size:0;border-radius:20px}

.banner .DB_menuWrap .DB_menuSet li{cursor:pointer;margin:0 3px;display:inline}

/*banner*/

.swiper-container{width:100%;margin:auto;top:-20px;display:block;}

.swiper-slide li.banner01{height:180px;background:url(banner01.jpg) center top no-repeat;background-size:508px 180px;}

.swiper-slide li.banner02{height:180px;background:url(banner02.jpg) center top no-repeat;background-size:508px 180px;}

.swiper-slide li.banner03{height:180px;background:url(banner03.jpg) center top no-repeat;background-size:508px 180px;}

/*nav*/

#navWrap{width:100%;margin:auto;height:93px;box-shadow:0 4px 8px #999;position:relative;z-index:999;}

.logo{width:300px;height:93px;float:left;background:url(logo.png) no-repeat;background-size:200px 62px;margin-top:20px;}

.logo a{display:block;}

.nav{width:900px;float:left;}

.nav{width:100%;float:left;margin-top:93px;background:rgba(0,0,0,.8);position:absolute;display:none;}

.nav li{width:50%;float:left;line-height:70px;text-align:center;border-bottom:#7c7c7c 1px solid;}

.nav li a{display:block;font-size:14px;color:#fff;}

.nav li:nth-child(2n){background:none;}

.nav li .line{display:block;left:50%;transition:all 0.3s ease 0s;height:2px;width:0;background:#b7383f;}

.nav li:hover .line{width:100%;}

.nav li ul{width:100%;position:absolute;left:0;top:93px;z-index:9999;background:#fff;display:none;}

.nav li ul li{float:left;line-height:60px;display:none;}

.nav li ul li:hover{background:#f2f2f2;}

.nav li img{vertical-align:middle;}

/*video*/

.videoA1{width:100%;float:left;margin-right:0;margin-bottom:20px;}

.videoA2{width:100%;float:left;margin-bottom:20px;}

/*culture*/

#culture{width:100%;margin:auto;overflow:hidden;padding:10px 0;}

.cultureTitle{font-size:18px;color:#666;text-align:center;}

.cultureTitle em{font-size:16px;color:#CCC;font-style:normal;border-bottom:#b7383f 3px solid;padding-bottom:10px;line-height:26px;}

.cultureContent{width:100%;float:left;margin:60px 0;}

.cultureConLeft{width:385px;float:left;}

.cultureConRight{width:500px;float:left;margin-left:100px;}

.cultureConRight dl{width:100%;float:left;border-bottom:#ccc 1px solid;margin-bottom:10px;}

.cultureConRight dl dt{font-size:16px;}

.cultureConRight dl dd{color:#999;line-height:24px;}

/*about*/

#about{width:100%;margin:auto;overflow:hidden;padding:20px 0 0 0;position:relative;}

.aboutContent{margin:20px 0;line-height:24px;text-align:center;}

.aboutContent a{border:#000 1px solid;border-radius:4px;padding:6px 30px;top:20px;position:relative;top:20px;}

.aboutContent a:hover{background:#666;color:#fff;border:#666 1px solid;}

#about img{width:100%;}

/*quick*/

#quick{width:100%;height:auto;margin:auto;overflow:hidden;background:url(teamBg.jpg) no-repeat;padding:20px 0 0 0;background-size:cover;}

.quickContent{float:left;text-align:center;padding:50px 0;}

.quickContent dl{display:inline-block;margin:0 50px;text-align:center;}

.quickContent dl dt{margin-bottom:15px;}

.quickContent dl dd{font-size:20px;}

.quickContent dl dd.quickEn{font-size:12px;color:#999;}



#xiaoguo{overflow:hidden;width:100%}

#xiaoguo li{float:left;position:relative;z-index:1;width:252px;height:auto;overflow:hidden;margin-right:0;margin-left:50px;margin-bottom:30px;}

.zie{margin-top:20px;}

.zie a{font-size:20px;font-weight:normal;}

.zie a i{font-style:normal;color:#999;font-size:12px;}

#xiaoguo li img{text-align:center;display:block;margin:0 auto}

#xiaoguo li span{position:absolute;z-index:-1;left:0;top:0;width:100%;height:200px}

#xiaoguo li.f_top span{transform-origin:0 0;animation:enter1 .3s;z-index:1;-webkit-transform-origin:0 0;-webkit-animation:enter1 .3s}

#xiaoguo li.f_right span{transform-origin:100% 100%;animation:enter2 .3s;z-index:1;-webkit-transform-origin:100% 100%;-webkit-animation:enter2 .3s}

#xiaoguo li.f_bottom span{transform-origin:0 100%;animation:enter2 .3s;z-index:1;-webkit-transform-origin:0 100%;-webkit-animation:enter2 .3s}

#xiaoguo li.f_left span{transform-origin:0 100%;animation:enter1 .3s;z-index:1;-webkit-transform-origin:0 100%;-webkit-animation:enter1 .3s}

#xiaoguo li.t_top span{transform-origin:0 0;animation:leave1 .3s;-webkit-transform-origin:0 0;-webkit-animation:leave1 .3s}

#xiaoguo li.t_right span{transform-origin:100% 100%;animation:leave2 .3s;-webkit-transform-origin:100% 100%;-webkit-animation:leave2 .3s}

#xiaoguo li.t_bottom span{transform-origin:0 100%;animation:leave2 .3s;-webkit-transform-origin:0 100%;-webkit-animation:leave2 .3s}

#xiaoguo li.t_left span{transform-origin:0 100%;animation:leave1 .3s;-webkit-transform-origin:0 100%;-webkit-animation:leave1 .3s}

@keyframes enter1{0%{transform:rotate(-90deg)}

100%{transform:rotate(0)}

}

@keyframes enter2{0%{transform:rotate(90deg)}

100%{transform:rotate(0)}

}

@keyframes leave1{0%{transform:rotate(0);z-index:1}

100%{transform:rotate(-90deg);z-index:1}

}

@keyframes leave2{0%{transform:rotate(0);z-index:1}

100%{transform:rotate(90deg);z-index:1}

}

@-webkit-keyframes enter1{0%{-webkit-transform:rotate(-90deg)}

100%{-webkit-transform:rotate(0)}

}

@-webkit-keyframes enter2{0%{-webkit-transform:rotate(90deg)}

100%{-webkit-transform:rotate(0)}

}

@-webkit-keyframes leave1{0%{-webkit-transform:rotate(0);z-index:1}

100%{-webkit-transform:rotate(-90deg);z-index:1}

}

@-webkit-keyframes leave2{0%{-webkit-transform:rotate(0);z-index:1}

100%{-webkit-transform:rotate(90deg);z-index:1}

}

/*news*/

#news{width:96%;margin:auto;overflow:hidden;background:url(bg2.jpg) no-repeat;padding:10px 2%;}

.news_b{height:auto;overflow:hidden;margin-top:20px;}

.news_b dl{float:left;margin-right:10px;width:100%;height:auto;margin-bottom:10px;}

.news_b dt{width:100%;height:auto;margin-bottom:10px}

.news_b dt img{width:100%;height:190px}

.news_b dd{width:100%;}

.news_b dd h1{clear:both;line-height:26px;margin-bottom:10px;overflow:hidden}

.news_b dd h1 a{float:left;color:#000;font-size:14px}

.news_b dd h1 span{float:right;color:#000;font-size:12px;}

.news_b dd p{clear:both;line-height:24px;color:#999;font-size:12px}



/*foot*/

#foot{width:100%;margin:auto;overflow:hidden;background:#1e1e1e;padding:30px 0;color:#fff;display:none;}

.footLeft{width:700px;float:left;}

.footLeft dl{float:left;height:285px;padding:0 40px;background:url(line02.png) right bottom no-repeat;}

.footLeft dl dt{font-size:14px;margin-bottom:5px;}

.footLeft dl dd a{color:#7d7d7d;line-height:24px;}

.footLeft dl dd a:hover{color:#fff;}

.footRight{width:300px;float:left;}

.tips{width:215px;margin-right:17px;line-height:18px;color:#9b9b9b;text-transform:uppercase}

.tips p.t{font-size:14px;line-height:30px;color:#fff}

.tips p.t a{color:#fff;font-size:14px}

.tips p.num{margin-bottom:10px;font:700 30px/30px Arial;color:#fff}

.tips p.mt28{margin-top:28px;border-top:1px solid #353535;padding:5px 0}

.share a.weixin{background:url(weixin.png) no-repeat}

.share a{width:55px;height:52px;padding:0;margin:0 18px 0 0;display:block;float:left;}

.share a.tsina{background:url(sina.png) no-repeat}

.share a.tqq{margin-right:0;background:url(qq.png) no-repeat}

#copyright{width:100%;margin:auto;overflow:hidden;background:#000;line-height:26px;color:#fff;text-align:center;padding:10px 0;}

#copyright a{color:#fa5202;}

#copyright a:hover{color:#ff0;}



/*Content*/

#aboutBg{width:100%;margin:auto;height:140px;background:url(aboutBg.jpg) center center no-repeat;background-size:707px 140px;position:relative;}

#aboutNavWrap{width:100%;margin:auto;background:rgba(255,255,255,.8);height:45px;overflow:hidden;position:absolute;bottom:0;left:0;}

.aboutNav{width:100%;margin:auto;}

.aboutNav li{width:25%;float:left;margin-right:0;text-align:center;}

.aboutNav li a{font-size:14px;display:block;line-height:44px;}

.aboutNav li a:hover{border-bottom:2px solid #d8262c;position:relative;margin-bottom:-1px;color:#d8262c;}

.aboutNav li a.hover{color:#d8262c;border-bottom:2px solid #d8262c;position:relative;margin-bottom:-1px;}



#aboutConWrap{width:96%;margin:auto;overflow:hidden;background:#f5f5f5;padding:0 2%;}

.aboutCon{width:100%;margin:15px auto;overflow:hidden;line-height:30px;}

.aboutCon img{width:100%;display:block;}

.aboutQuick{width:100%;float:left;margin-top:20px;}

.aboutQuick dl{width:100%;height:370px;float:left;margin-right:0;margin-bottom:15px;background:#e5e5e5;}

.aboutQuick dl dt{font-size:16px;font-weight:bold;text-align:center;line-height:40px;}

.aboutQuick dl dd{float:left;padding:0 20px;line-height:24px;}

.aboutQuick dl:last-child{margin-right:0;}



/*pages*/

div.digg{padding:3px;margin:3px;text-align:center}

div.digg a{border:#d8262c 1px solid;padding:2px 5px;margin:2px;color:#d8262c;text-decoration:none}

div.digg a:hover{border:#d8262c 1px solid;color:#000;}

div.digg a:active{border:#d8262c 1px solid;color:#000;}

div.digg span.current{border:solid 1px #d8262c;padding:2px 5px;font-weight:bold;margin:2px;color:#fff;background-color:#d8262c;}

div.digg span.disabled{border:#eee 1px solid;padding:2px 5px;margin:2px;color:#ddd;}



.contactWrap{width:100%;float:left;}

.contactWrap li{width:50%;float:left;}



.newsList{width:96%;margin:auto;padding:0 2%;}

.newsList li{width:92%;height:auto;float:left;padding:2% 4%;background:#fff;position:relative;}

.newsList li img{width:100%;height:auto;display:block;}

.newsList li:hover{display:block;background:#b7383f;transition: all 500ms ease 0s;

-moz-transition: all 500ms ease 0s;

-webkit-transition: all 500ms ease 0s;

-o-transition: all 0.5s ease-in-out 0s;color:#fff;}

.newsList li:nth-child(4n){margin-right:0;}

.newsList li:hover a{color:#fff;}

.newsList li span.date{color:#b2b2b2;}

.newsList li p{line-height:24px;text-indent:2em;}



.newsTitle{width:100%;float:left;font-size:14px;font-weight:bold;color:#333;text-align:center;}

.newsConTitle{width:100%;float:left;color:#c7c7c7;text-align:center;border-bottom:1px solid #ddd;padding-bottom:10px;}

.newsCon{width:100%;float:left;margin-top:20px;}

.newsCon img{float:right;margin-left:20px;}

.preNext{width:100%;padding-top:20px;overflow:hidden;}



.category-bg-img li a{display:block;position:relative;background-color:#1a1a1a;text-align:center;color:#fff;background-position:center;background-repeat:no-repeat;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;transition:all .5s ease 0s}

.category-bg-img li:nth-child(2n) a{background-color:#121212}

.category-bg-img li.category-hl-title a{background-color:#f5f5f5}

.category-bg-img li a:hover{background-color:#000}

.category-bg-img .category-text{position:relative;top:0;z-index:11;color:#fff}

.category-bg-img .category-name{margin-bottom:15px;line-height:normal;font-size:24px;font-weight:400;display:none;}

.category-bg-img .category-summary{max-width:800px;margin:0 auto 15px;padding-left:20px;padding-right:20px;font-size:13px}

.category-bg-img span{display:inline-block;padding:0 40px;line-height:30px;border:2px solid #fff;color:#fff;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;transition:all .5s ease 0s}

.category-bg-img span:hover{background-color:#fff;border-color:#fff;color:#333;text-decoration:none}

.category-bg-img .category-bg-img-item .opacity-overlay{width:100%;height:100%;position:absolute;top:0;left:0;z-index:10;cursor:pointer;background-color:#333;opacity:.6;filter:alpha(opacity=60);-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;transition:all .5s ease 0s}

.category-bg-img .category-bg-img-item a:hover .opacity-overlay{background-color:#000;opacity:.9;filter:alpha(opacity=90)}

.category-hl-title .category-text{color:#000}

.category-bg-img .category-hl-title{margin:4px 0}

.category-bg-img .category-hl-title .category-name{font-size:14px;font-family:arial;}

.category-bg-img .category-hl-title a,.category-bg-img .category-hl-title a .opacity-overlay,.category-bg-img .category-hl-title a:hover .opacity-overlay{background-color:transparent}

.category-bg-img .category-hl-title a .category-summary i{background:url(hl-title-icon.png) no-repeat;width:26px;height:26px;position:absolute;top:2px;right:5px;display:none}

.category-bg-img .category-hl-title a .category-summary p{font-size:14px;position:relative;display:inline-block;padding:0 40px}

.category-bg-img .category-hl-title a:hover .category-summary i{display:block}

.category-bg-img .category-hl-title a{padding:20px 0;/*-webkit-filter:grayscale(100%);filter:grayscale(100%);filter:gray;filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)*/}

.category-bg-img .category-hl-title a:hover{background-color:#666;-webkit-filter:grayscale(0);filter:grayscale(0);filter:gray;filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=0)}

.showPro01{background:url(showpic01.jpg) center center no-repeat;background-size:565px 100px;}

.showPro02{background:url(showpic02.jpg) center center no-repeat;background-size:565px 100px;}

.showPro03{background:url(showpic03.jpg) center center no-repeat;background-size:565px 100px;}

.showPro04{background:url(showpic04.jpg) center center no-repeat;background-size:565px 100px;}



.productListWrap{width:100%;float:left;}

.productListWrap h1{width:100%;float:left;font-size:14px;font-weight:normal;text-align:center;background:#738a80;padding:10px 0;color:#fff;}

.productList{width:100%;float:left;}

.productList dl{width:100%;float:left;position:relative;}

.productList dl dt{width:100%;height:auto;float:left;}

.productList dl dt img{width:100%;height:auto;}

.productList dl dd{width:100%;text-align:center;font-size:14px;float:left;padding:10px 0;}

.productList dl dd span{font-size:12px;line-height:22px;color:#000;}



.productList li{width:100%;float:left;margin-right:40px;}

.productList li:nth-child(2n){margin-right:0;}

.productList li img{width:100%;height:auto;display:block;}

.productList li span{width:100%;float:left;background:#333;text-align:center;margin-bottom:20px;line-height:30px;color:#fff;}



#product01{width:96%;height:300px;margin:auto;background:none;background-size:680px 298px;padding:0 2%;overflow:hidden;}

.product01-1{position:relative;z-index:2;top:20px;left:0;color:#333;font-size:16px;}

.product01-1{animation:product01-1 1s;-ms-animation:product01-1 1s;-moz-animation:product01-1 1s;-webkit-animation:product01-1 1s;-o-animation:product01-1 1s}

@keyframes product01-1{0%{opacity:0;top:100px}

100%{opacity:100%;top:20px}

}

@-moz-keyframes product01-1{0%{opacity:0;top:100px}

100%{opacity:100%;top:20px}

}

@-webkit-keyframes product01-1{0%{opacity:0;top:100px}

100%{opacity:100%;top:20px}

}

@-o-keyframes product01-1{0%{opacity:0;top:100px}

100%{opacity:100%;top:20px}

}



.product01-2{position:relative;z-index:3;top:25px;left:0;color:#333;font-size:18px;}

.product01-2{animation:product01-2 1s;-ms-animation:product01-2 1s;-moz-animation:product01-2 1s;-webkit-animation:product01-2 1s;-o-animation:product01-2 1s}

@keyframes product01-2{0%,30%{opacity:0;top:100px}

100%{opacity:100%;top:25px}

}

@-moz-keyframes product01-2{0%,30%{opacity:0;top:100px}

100%{opacity:100%;top:25px}

}

@-webkit-keyframes product01-2{0%,30%{opacity:0;top:100px}

100%{opacity:100%;top:25px}

}

@-o-keyframes product01-2{0%,30%{opacity:0;top:100px}

100%{opacity:100%;top:25px}

}



.product01-3{position:relative;z-index:4;top:30px;left:0;}

.product01-3 img{width:100px;height:26px;}

.product01-3{animation:product01-3 1s;-ms-animation:product01-3 1s;-moz-animation:product01-3 1s;-webkit-animation:product01-3 1s;-o-animation:product01-3 1s}

@keyframes product01-3{0%,50%{opacity:0;top:100px}

100%{opacity:100%;top:110px}

}

@-moz-keyframes product01-3{0%,50%{opacity:0;top:100px}

100%{opacity:100%;top:110px}

}

@-webkit-keyframes product01-3{0%,50%{opacity:0;top:100px}

100%{opacity:100%;top:30px}

}

@-o-keyframes product01-3{0%,50%{opacity:0;top:100px}

100%{opacity:100%;top:110px}

}



.product01-4{position:relative;z-index:5;top:45px;left:0;}

.product01-4 a{background:#f53e3e;padding:5px 20px;color:#fff;}

.product01-4 a:hover{background:#333;}

.product01-4{animation:product01-4 1s;-ms-animation:product01-4 1s;-moz-animation:product01-4 1s;-webkit-animation:product01-4 1s;-o-animation:product01-4 1s}

@keyframes product01-4{0%,70%{opacity:0;top:100px}

100%{opacity:100%;top:45px}

}

@-moz-keyframes product01-4{0%,70%{opacity:0;top:100px}

100%{opacity:100%;top:45px}

}

@-webkit-keyframes product01-4{0%,70%{opacity:0;top:100px}

100%{opacity:100%;top:45px}

}

@-o-keyframes product01-4{0%,70%{opacity:0;top:100px}

100%{opacity:100%;top:45px}

}



.product01-5{position:relative;z-index:1;top:70px;left:0;}

.product01-5 img{width:360px;height:109px;}

.product01-5{animation:product01-5 1s;-ms-animation:product01-5 1s;-moz-animation:product01-5 1s;-webkit-animation:product01-5 1s;-o-animation:product01-5 1s}

@keyframes product01-5{0%{opacity:0;left:80px}

100%{opacity:100%;left:0}

}

@-moz-keyframes product01-5{0%{opacity:0;left:80px}

100%{opacity:100%;left:0}

}

@-webkit-keyframes product01-5{0%{opacity:0;left:80px}

100%{opacity:100%;left:0}

}

@-o-keyframes product01-5{0%{opacity:0;left:80px}

100%{opacity:100%;left:0}

}



#product02{width:96%;height:300px;margin:auto;overflow:hidden;background:#111113;padding:0 2%;}

.product02-1{position:relative;z-index:1;top:130px;left:0;display:none;}

.product02-1 img{width:360px;height:175px;}

.product02-1{animation:product02-1 1s;-ms-animation:product02-1 1s;-moz-animation:product02-1 1s;-webkit-animation:product02-1 1s;-o-animation:product02-1 1s}

@keyframes product02-1{0%{opacity:0;top:200px}

100%{opacity:100%;top:130px}

}

@-moz-keyframes product02-1{0%{opacity:0;top:200px}

100%{opacity:100%;top:130px}

}

@-webkit-keyframes product02-1{0%{opacity:0;top:200px}

100%{opacity:100%;top:130px}

}

@-o-keyframes product02-1{0%{opacity:0;top:200px}

100%{opacity:100%;top:130px}

}



.product02-2{position:relative;z-index:2;top:-140px;left:70px;display:none;}

.product02-2 img{width:260px;height:30px;}

.product02-2{animation:product02-2 1s;-ms-animation:product02-2 1s;-moz-animation:product02-2 1s;-webkit-animation:product02-2 1s;-o-animation:product02-2 1s}

@keyframes product02-2{0%{opacity:0;left:130px;}

100%{opacity:100%;left:70px;}

}

@-moz-keyframes product02-2{0%{opacity:0;left:130px;}

100%{opacity:100%;left:70px;}

}

@-webkit-keyframes product02-2{0%{opacity:0;left:130px;}

100%{opacity:100%;left:70px;}

}

@-o-keyframes product02-2{0%{opacity:0;left:130px;}

100%{opacity:100%;left:70px;}

}



.product02-3{position:relative;z-index:3;top:-130px;left:60px;display:none;}

.product02-3 img{width:285px;height:25px;}

.product02-3{animation:product02-3 1s;-ms-animation:product02-3 1s;-moz-animation:product02-3 1s;-webkit-animation:product02-3 1s;-o-animation:product02-3 1s}

@keyframes product02-3{0%{opacity:0;left:0;}

100%{opacity:100%;left:60px;}

}

@-moz-keyframes product02-3{0%{opacity:0;left:0;}

100%{opacity:100%;left:60px;}

}

@-webkit-keyframes product02-3{0%{opacity:0;left:0;}

100%{opacity:100%;left:60px;}

}

@-o-keyframes product02-3{0%{opacity:0;left:0;}

100%{opacity:100%;left:60px;}

}



#product03{widtdh:96%;height:300px;margin:auto;overflow:hidden;padding:0 2%;}

.product03-1{position:relative;z-index:1;top:20px;left:0;font-size:16px;display:none;}

.product03-1{animation:product03-1 1s;-ms-animation:product03-1 1s;-moz-animation:product03-1 1s;-webkit-animation:product03-1 1s;-o-animation:product03-1 1s}

@keyframes product03-1{0%{opacity:0;left:-30px;}

100%{opacity:100%;left:0;}

}

@-moz-keyframes product03-1{0%{opacity:0;left:-30px;}

100%{opacity:100%;left:0;}

}

@-webkit-keyframes product03-1{0%{opacity:0;left:-30px;}

100%{opacity:100%;left:0;}

}

@-o-keyframes product03-1{0%{opacity:0;left:-30px;}

100%{opacity:100%;left:0;}

}



.product03-2{position:relative;z-index:2;top:30px;left:0;font-size:11px;color:#666;line-height:22px;display:none;}

.product03-2{animation:product03-2 1s;-ms-animation:product03-2 1s;-moz-animation:product03-2 1s;-webkit-animation:product03-2 1s;-o-animation:product03-2 1s}

@keyframes product03-2{0%{opacity:0;left:30px;}

100%{opacity:100%;left:0;}

}

@-moz-keyframes product03-2{0%{opacity:0;left:30px;}

100%{opacity:100%;left:0;}

}

@-webkit-keyframes product03-2{0%{opacity:0;left:30px;}

100%{opacity:100%;left:0;}

}

@-o-keyframes product03-2{0%{opacity:0;left:30px;}

100%{opacity:100%;left:0;}

}



.product03-3{position:relative;z-index:3;top:60px;left:0;display:none;}

.product03-3 img{width:100px;height:123px;}

.product03-3{animation:product03-3 1s;-ms-animation:product03-3 1s;-moz-animation:product03-3 1s;-webkit-animation:product03-3 1s;-o-animation:product03-3 1s}

@keyframes product03-3{0%,30%{opacity:0;top:120px;}

100%{opacity:100%;top:60px;}

}

@-moz-keyframes product03-3{0%,30%{opacity:0;top:120px;}

100%{opacity:100%;top:60px;}

}

@-webkit-keyframes product03-3{0%,30%{opacity:0;top:120px;}

100%{opacity:100%;top:60px;}

}

@-o-keyframes product03-3{0%,30%{opacity:0;top:120px;}

100%{opacity:100%;top:60px;}

}



.product03-4{position:relative;z-index:4;top:-65px;left:125px;display:none;}

.product03-4 img{width:100px;height:123px;}

.product03-4{animation:product03-4 1s;-ms-animation:product03-4 1s;-moz-animation:product03-4 1s;-webkit-animation:product03-4 1s;-o-animation:product03-4 1s}

@keyframes product03-4{0%,50%{opacity:0;top:0}

100%{opacity:100%;top:-65px}

}

@-moz-keyframes product03-4{0%,50%{opacity:0;top:0}

100%{opacity:100%;top:-65px}

}

@-webkit-keyframes product03-4{0%,50%{opacity:0;top:0}

100%{opacity:100%;top:-65px}

}

@-o-keyframes product03-4{0%,50%{opacity:0;top:0}

100%{opacity:100%;top:-65px}

}



.product03-5{position:relative;z-index:5;top:-190px;left:250px;display:none;}

.product03-5 img{width:100px;height:123px;}

.product03-5{animation:product03-5 1s;-ms-animation:product03-5 1s;-moz-animation:product03-5 1s;-webkit-animation:product03-5 1s;-o-animation:product03-5 1s}

@keyframes product03-5{0%,70%{opacity:0;top:-100px}

100%{opacity:100%;top:-190px}

}

@-moz-keyframes product03-5{0%,70%{opacity:0;top:-100px}

100%{opacity:100%;top:-190px}

}

@-webkit-keyframes product03-5{0%,70%{opacity:0;top:-100px}

100%{opacity:100%;top:-190px}

}

@-o-keyframes product03-5{0%,70%{opacity:0;top:-100px}

100%{opacity:100%;top:-190px}

}



#product04{widtdh:96%;height:300px;margin:auto;overflow:hidden;background:#f2f2f2;padding:0 2%;}

.product04-1{position:relative;z-index:1;top:20px;left:0;font-size:16px;display:none;}

.product04-1{animation:product04-1 1s;-ms-animation:product04-1 1s;-moz-animation:product04-1 1s;-webkit-animation:product04-1 1s;-o-animation:product04-1 1s}

@keyframes product04-1{0%{opacity:0;top:-10px;}

100%{opacity:100%;top:20px;}

}

@-moz-keyframes product04-1{0%{opacity:0;top:-10px;}

100%{opacity:100%;top:20px;}

}

@-webkit-keyframes product04-1{0%{opacity:0;top:-10px;}

100%{opacity:100%;top:20px;}

}

@-o-keyframes product04-1{0%{opacity:0;top:-10px;}

100%{opacity:100%;top:20px;}

}



.product04-2{position:relative;z-index:1;top:40px;left:0;font-size:18px;color:#666;display:none;}

.product04-2{animation:product04-2 1s;-ms-animation:product04-2 1s;-moz-animation:product04-2 1s;-webkit-animation:product04-2 1s;-o-animation:product04-2 1s}

@keyframes product04-2{0%{opacity:0;top:120px;}

100%{opacity:100%;top:40px;}

}

@-moz-keyframes product04-2{0%{opacity:0;top:120px;}

100%{opacity:100%;top:40px;}

}

@-webkit-keyframes product04-2{0%{opacity:0;top:120px;}

100%{opacity:100%;top:40px;}

}

@-o-keyframes product04-2{0%{opacity:0;top:120px;}

100%{opacity:100%;top:40px;}

}



.product04-2 li{float:left;margin:0 15px 15px 0;position:relative;}

.parameter01{animation:parameter01 1s;-ms-animation:parameter01 1s;-moz-animation:parameter01 1s;-webkit-animation:parameter01 1s;-o-animation:parameter01 1s}

.parameter01 img{width:100px;height:100px;}

@keyframes parameter01{0%{opacity:0;}

100%{opacity:100%;}

}

@-moz-keyframes parameter01{0%{opacity:0;}

100%{opacity:100%;}

}

@-webkit-keyframes parameter01{0%{opacity:0;top:-150px;}

100%{opacity:100%;top:0;}

}

@-o-keyframes parameter01{0%{opacity:0;}

100%{opacity:100%;}

}



.parameter02{animation:parameter02 1s;-ms-animation:parameter02 1s;-moz-animation:parameter02 1s;-webkit-animation:parameter02 1s;-o-animation:parameter02 1s}

.parameter02 img{width:100px;height:100px;}

@keyframes parameter02{0%,30%{opacity:0;}

100%{opacity:100%;}

}

@-moz-keyframes parameter02{0%,30%{opacity:0;}

100%{opacity:100%;}

}

@-webkit-keyframes parameter02{0%,30%{opacity:0;top:-150px;}

100%{opacity:100%;top:0;}

}

@-o-keyframes parameter02{0%,30%{opacity:0;}

100%{opacity:100%;}

}



.parameter03{animation:parameter03 1s;-ms-animation:parameter03 1s;-moz-animation:parameter03 1s;-webkit-animation:parameter03 1s;-o-animation:parameter03 1s}

.parameter03 img{width:100px;height:100px;}

@keyframes parameter03{0%,50%{opacity:0;}

100%{opacity:100%;}

}

@-moz-keyframes parameter03{0%,50%{opacity:0;}

100%{opacity:100%;}

}

@-webkit-keyframes parameter03{0%,50%{opacity:0;top:-150px;}

100%{opacity:100%;top:0;}

}

@-o-keyframes parameter03{0%,50%{opacity:0;}

100%{opacity:100%;}

}



.parameter04{animation:parameter04 1s;-ms-animation:parameter04 1s;-moz-animation:parameter04 1s;-webkit-animation:parameter04 1s;-o-animation:parameter04 1s}

.parameter04 img{width:100px;height:100px;}

@keyframes parameter04{0%{opacity:0;}

100%{opacity:100%;}

}

@-moz-keyframes parameter04{0%{opacity:0;}

100%{opacity:100%;}

}

@-webkit-keyframes parameter04{0%{opacity:0;top:150px;}

100%{opacity:100%;top:0;}

}

@-o-keyframes parameter04{0%{opacity:0;}

100%{opacity:100%;}

}



.parameter05{animation:parameter05 1s;-ms-animation:parameter05 1s;-moz-animation:parameter05 1s;-webkit-animation:parameter05 1s;-o-animation:parameter05 1s}

.parameter05 img{width:100px;height:100px;}

@keyframes parameter05{0%,30%{opacity:0;}

100%{opacity:100%;}

}

@-moz-keyframes parameter05{0%,30%{opacity:0;}

100%{opacity:100%;}

}

@-webkit-keyframes parameter05{0%,30%{opacity:0;top:150px;}

100%{opacity:100%;top:0;}

}

@-o-keyframes parameter05{0%,30%{opacity:0;}

100%{opacity:100%;}

}



.parameter06{animation:parameter06 1s;-ms-animation:parameter06 1s;-moz-animation:parameter06 1s;-webkit-animation:parameter06 1s;-o-animation:parameter06 1s}

@keyframes parameter06{0%,50%{opacity:0;}

100%{opacity:100%;}

}

@-moz-keyframes parameter06{0%,50%{opacity:0;}

100%{opacity:100%;}

}

@-webkit-keyframes parameter06{0%,50%{opacity:0;top:150px;}

100%{opacity:100%;top:0;}

}

@-o-keyframes parameter06{0%,50%{opacity:0;}

100%{opacity:100%;}

}



#product05{widtdh:96%;height:300px;margin:auto;overflow:hidden;background:url(partnerBg.jpg) center top no-repeat;padding:0 2%;background-size:873px 300px;}

.product05-1{position:relative;z-index:1;top:20px;left:-280px;font-size:16px;text-align:right;display:none;}

.product05-1{animation:product05-1 1s;-ms-animation:product05-1 1s;-moz-animation:product05-1 1s;-webkit-animation:product05-1 1s;-o-animation:product05-1 1s}

@keyframes product05-1{0%{opacity:0;left:30px;}

100%{opacity:100%;left:-280px;}

}

@-moz-keyframes product05-1{0%{opacity:0;left:30px;}

100%{opacity:100%;left:-280px;}

}

@-webkit-keyframes product05-1{0%{opacity:0;left:30px;}

100%{opacity:100%;left:-280px;}

}

@-o-keyframes product05-1{0%{opacity:0;left:30px;}

100%{opacity:100%;left:-280px;}

}



.product05-2{width:360px;position:relative;z-index:1;top:40px;left:-10px;font-size:16px;color:#999;display:none;}

.product05-2 li{float:left;margin:0 0 15px 10px;position:relative;}



.partner01{animation:partner01 1s;-ms-animation:partner01 1s;-moz-animation:partner01 1s;-webkit-animation:partner01 1s;-o-animation:partner01 1s}

.partner01 img{width:80px;height:80px;}

@keyframes partner01{0%{opacity:0;top:-50px;}

100%{opacity:100%;top:0;}

}

@-moz-keyframes partner01{0%{opacity:0;top:-50px;}

100%{opacity:100%;top:0;}

}

@-webkit-keyframes partner01{0%{opacity:0;top:-50px;}

100%{opacity:100%;top:0;}

}

@-o-keyframes partner01{0%{opacity:0;top:-50px;}

100%{opacity:100%;top:0;}

}



.partner02{animation:partner02 1s;-ms-animation:partner02 1s;-moz-animation:partner02 1s;-webkit-animation:partner02 1s;-o-animation:partner02 1s}

.partner02 img{width:80px;height:80px;}

@keyframes partner02{0%,30%{opacity:0;top:-50px;}

100%{opacity:100%;top:0;}

}

@-moz-keyframes partner02{0%,30%{opacity:0;top:-50px;}

100%{opacity:100%;top:0;}

}

@-webkit-keyframes partner02{0%,30%{opacity:0;top:-50px;}

100%{opacity:100%;top:0;}

}

@-o-keyframes partner02{0%,30%{opacity:0;top:-50px;}

100%{opacity:100%;top:0;}

}



.partner03{animation:partner03 1s;-ms-animation:partner03 1s;-moz-animation:partner03 1s;-webkit-animation:partner03 1s;-o-animation:partner03 1s}

.partner03 img{width:80px;height:80px;}

@keyframes partner03{0%,50%{opacity:0;top:-50px;}

100%{opacity:100%;top:0;}

}

@-moz-keyframes partner03{0%,50%{opacity:0;top:-50px;}

100%{opacity:100%;top:0;}

}

@-webkit-keyframes partner03{0%,50%{opacity:0;top:-50px;}

100%{opacity:100%;top:0;}

}

@-o-keyframes partner03{0%,50%{opacity:0;top:-50px;}

100%{opacity:100%;top:0;}

}



.partner04{animation:partner04 1s;-ms-animation:partner04 1s;-moz-animation:partner04 1s;-webkit-animation:partner04 1s;-o-animation:partner04 1s}

.partner04 img{width:80px;height:80px;}

@keyframes partner04{0%,70%{opacity:0;top:-50px;}

100%{opacity:100%;top:0;}

}

@-moz-keyframes partner04{0%,70%{opacity:0;top:-50px;}

100%{opacity:100%;top:0;}

}

@-webkit-keyframes partner04{0%,70%{opacity:0;top:-50px;}

100%{opacity:100%;top:0;}

}

@-o-keyframes partner04{0%,70%{opacity:0;top:-50px;}

100%{opacity:100%;top:0;}

}



.partner05{animation:partner05 1s;-ms-animation:partner05 1s;-moz-animation:partner05 1s;-webkit-animation:partner05 1s;-o-animation:partner05 1s}

.partner05 img{width:80px;height:80px;}

@keyframes partner05{0%{opacity:0;top:50px;}

100%{opacity:100%;top:0;}

}

@-moz-keyframes partner05{0%{opacity:0;top:50px;}

100%{opacity:100%;top:0;}

}

@-webkit-keyframes partner05{0%{opacity:0;top:50px;}

100%{opacity:100%;top:0;}

}

@-o-keyframes partner05{0%{opacity:0;top:50px;}

100%{opacity:100%;top:0;}

}



.partner06{animation:partner06 1s;-ms-animation:partner06 1s;-moz-animation:partner06 1s;-webkit-animation:partner06 1s;-o-animation:partner06 1s}

.partner06 img{width:80px;height:80px;}

@keyframes partner06{0%,30%{opacity:0;top:50px;}

100%{opacity:100%;top:0;}

}

@-moz-keyframes partner06{0%,30%{opacity:0;top:50px;}

100%{opacity:100%;top:0;}

}

@-webkit-keyframes partner06{0%,30%{opacity:0;top:50px;}

100%{opacity:100%;top:0;}

}

@-o-keyframes partner06{0%,30%{opacity:0;top:50px;}

100%{opacity:100%;top:0;}

}



.partner07{animation:partner07 1s;-ms-animation:partner07 1s;-moz-animation:partner07 1s;-webkit-animation:partner07 1s;-o-animation:partner07 1s}

.partner07 img{width:80px;height:80px;}

@keyframes partner07{0%,50%{opacity:0;top:50px;}

100%{opacity:100%;top:0;}

}

@-moz-keyframes partner07{0%,50%{opacity:0;top:50px;}

100%{opacity:100%;top:0;}

}

@-webkit-keyframes partner07{0%,50%{opacity:0;top:50px;}

100%{opacity:100%;top:0;}

}

@-o-keyframes partner07{0%,50%{opacity:0;top:50px;}

100%{opacity:100%;top:0;}

}



.partner08{animation:partner08 1s;-ms-animation:partner08 1s;-moz-animation:partner08 1s;-webkit-animation:partner08 1s;-o-animation:partner08 1s}

.partner08 img{width:80px;height:80px;}

@keyframes partner08{0%,70%{opacity:0;top:50px;}

100%{opacity:100%;top:0;}

}

@-moz-keyframes partner08{0%,70%{opacity:0;top:50px;}

100%{opacity:100%;top:0;}

}

@-webkit-keyframes partner08{0%,70%{opacity:0;top:50px;}

100%{opacity:100%;top:0;}

}

@-o-keyframes partner08{0%,70%{opacity:0;top:50px;}

100%{opacity:100%;top:0;}

}



#product06{widtdh:96%;height:710px;margin:auto;overflow:hidden;padding:0 2%;}

.product06-1{position:relative;z-index:1;top:20px;left:0;font-size:16px;display:none;}

.product06-1{animation:product06-1 1s;-ms-animation:product06-1 1s;-moz-animation:product06-1 1s;-webkit-animation:product06-1 1s;-o-animation:product06-1 1s}

@keyframes product06-1{0%{opacity:0;top:0;}

100%{opacity:100%;top:20px;}

}

@-moz-keyframes product06-1{0%{opacity:0;top:0;}

100%{opacity:100%;top:20px;}

}

@-webkit-keyframes product06-1{0%{opacity:0;top:0;}

100%{opacity:100%;top:20px;}

}

@-o-keyframes product06-1{0%{opacity:0;top:0;}

100%{opacity:100%;top:20px;}

}



.product06-2{width:265px;position:relative;z-index:2;top:30px;left:-300px;font-size:30px;display:none;}

.product06-2 img{width:100px;height:162px;}

.product06-2{animation:product06-2 1s;-ms-animation:product06-2 1s;-moz-animation:product06-2 1s;-webkit-animation:product06-2 1s;-o-animation:product06-2 1s}

@keyframes product06-2{0%{opacity:0;top:110px;}

100%{opacity:100%;top:30px;}

}

@-moz-keyframes product06-2{0%{opacity:0;top:110px;}

100%{opacity:100%;top:30px;}

}

@-webkit-keyframes product06-2{0%{opacity:0;top:110px;}

100%{opacity:100%;top:30px;}

}

@-o-keyframes product06-2{0%{opacity:0;top:110px;}

100%{opacity:100%;top:30px;}

}



.product06-3{width:350px;position:relative;z-index:3;top:-140px;left:0;font-size:30px;display:none;}

.product06-3{animation:product06-3 1s;-ms-animation:product06-3 1s;-moz-animation:product06-3 1s;-webkit-animation:product06-3 1s;-o-animation:product06-3 1s}

@keyframes product06-3{0%{opacity:0;left:100px;}

100%{opacity:100%;left:0;}

}

@-moz-keyframes product06-3{0%{opacity:0;left:100px;}

100%{opacity:100%;left:0;}

}

@-webkit-keyframes product06-3{0%{opacity:0;left:100px;}

100%{opacity:100%;left:0;}

}

@-o-keyframes product06-3{0%{opacity:0;left:100px;}

100%{opacity:100%;left:0;}

}



table{border:#999 1px solid;line-height:25px;border-width:1px 0 0 1px;}

table td{height:20px;text-align:center;font-size:12px;border-bottom:1px solid #b9b9b9;border-right:1px solid #b9b9b9}



/*720*/

#product022{width:96%;height:300px;margin:auto;overflow:hidden;background:url(product022.jpg) center top no-repeat;padding:0 2%;background-size:873px 300px;}

.product022-1{position:relative;z-index:1;top:40px;left:220px;display:none;}

.product022-1 img{width:106px;height:15px;}

.product022-1{animation:product022-1 1s;-ms-animation:product022-1 1s;-moz-animation:product022-1 1s;-webkit-animation:product022-1 1s;-o-animation:product022-1 1s}

@keyframes product022-1{0%{opacity:0;top:100px}

100%{opacity:100%;top:40px}

}

@-moz-keyframes product022-1{0%{opacity:0;top:100px}

100%{opacity:100%;top:40px}

}

@-webkit-keyframes product022-1{0%{opacity:0;top:100px}

100%{opacity:100%;top:40px}

}

@-o-keyframes product022-1{0%{opacity:0;top:100px}

100%{opacity:100%;top:40px}

}



.product022-2{position:relative;z-index:1;top:60px;left:220px;display:none;}

.product022-2 img{width:106px;height:15px;}

.product022-2{animation:product022-2 1s;-ms-animation:product022-2 1s;-moz-animation:product022-2 1s;-webkit-animation:product022-2 1s;-o-animation:product022-2 1s}

@keyframes product022-2{0%,30%{opacity:0;top:120px}

100%{opacity:100%;top:60px}

}

@-moz-keyframes product022-2{0%,30%{opacity:0;top:120px}

100%{opacity:100%;top:60px}

}

@-webkit-keyframes product022-2{0%,30%{opacity:0;top:120px}

100%{opacity:100%;top:60px}

}

@-o-keyframes product022-2{0%,30%{opacity:0;top:120px}

100%{opacity:100%;top:60px}

}



.product022-3{position:relative;z-index:1;top:80px;left:220px;display:none;}

.product022-3 img{width:106px;height:15px;}

.product022-3{animation:product022-3 1s;-ms-animation:product022-3 1s;-moz-animation:product022-3 1s;-webkit-animation:product022-3 1s;-o-animation:product022-3 1s}

@keyframes product022-3{0%,50%{opacity:0;top:160px}

100%{opacity:100%;top:80px}

}

@-moz-keyframes product022-3{0%,50%{opacity:0;top:160px}

100%{opacity:100%;top:80px}

}

@-webkit-keyframes product022-3{0%,50%{opacity:0;top:160px}

100%{opacity:100%;top:80px}

}

@-o-keyframes product022-3{0%,50%{opacity:0;top:160px}

100%{opacity:100%;top:80px}

}



#product07{width:96%;height:900px;margin:auto;overflow:hidden;background:#e0e0e0;padding:0 2%;}

.product07-1{position:relative;z-index:1;top:20px;left:0;font-size:16px;display:none;}

.product07-1{animation:product07-1 1s;-ms-animation:product07-1 1s;-moz-animation:product07-1 1s;-webkit-animation:product07-1 1s;-o-animation:product07-1 1s}

@keyframes product07-1{0%{opacity:0;top:0;}

100%{opacity:100%;top:20px;}

}

@-moz-keyframes product07-1{0%{opacity:0;top:0;}

100%{opacity:100%;top:20px;}

}

@-webkit-keyframes product07-1{0%{opacity:0;top:0;}

100%{opacity:100%;top:20px;}

}

@-o-keyframes product07-1{0%{opacity:0;top:0;}

100%{opacity:100%;top:20px;}

}



.product07-2{position:relative;z-index:1;top:40px;left:0;font-size:30px;display:none;}

.product07-2 li{float:left;position:relative;}



.product07-3{animation:product07-3 1s;-ms-animation:product07-3 1s;-moz-animation:product07-3 1s;-webkit-animation:product07-3 1s;-o-animation:product07-3 1s}

@keyframes product07-3{0%{opacity:0;}

100%{opacity:100%;}

}

@-moz-keyframes product07-3{0%{opacity:0;}

100%{opacity:100%;}

}

@-webkit-keyframes product07-3{0%{opacity:0;top:100px;}

100%{opacity:100%;top:0;}

}

@-o-keyframes product07-3{0%{opacity:0;}

100%{opacity:100%;}

}



.product07-4{animation:product07-4 1s;-ms-animation:product07-4 1s;-moz-animation:product07-4 1s;-webkit-animation:product07-4 1s;-o-animation:product07-4 1s}

@keyframes product07-4{0%,30%{opacity:0;top:100px;}

100%{opacity:100%;}

}

@-moz-keyframes product07-4{0%,30%{opacity:0;top:100px;}

100%{opacity:100%;}

}

@-webkit-keyframes product07-4{0%,30%{opacity:0;top:100px;}

100%{opacity:100%;top:0;}

}

@-o-keyframes product07-4{0%,30%{opacity:0;top:100px;}

100%{opacity:100%;}

}



.product07-5{animation:product07-5 1s;-ms-animation:product07-5 1s;-moz-animation:product07-5 1s;-webkit-animation:product07-5 1s;-o-animation:product07-5 1s}

@keyframes product07-5{0%,50%{opacity:0;top:100px;}

100%{opacity:100%;}

}

@-moz-keyframes product07-5{0%,50%{opacity:0;top:100px;}

100%{opacity:100%;}

}

@-webkit-keyframes product07-5{0%,50%{opacity:0;top:100px;}

100%{opacity:100%;top:0;}

}

@-o-keyframes product07-5{0%,50%{opacity:0;top:100px;}

100%{opacity:100%;}

}



/*cp770*/

#product023{width:96%;height:300px;margin:auto;overflow:hidden;background:url(product023.jpg) center top no-repeat;padding:0 2%;background-size:873px 300px;}

.product023-1{position:relative;z-index:1;top:40px;left:200px;display:none;}

.product023-1 img{width:44px;height:15px;}

.product023-1{animation:product023-1 1s;-ms-animation:product023-1 1s;-moz-animation:product023-1 1s;-webkit-animation:product023-1 1s;-o-animation:product023-1 1s}

@keyframes product023-1{0%{opacity:0;top:100px}

100%{opacity:100%;top:40px}

}

@-moz-keyframes product023-1{0%{opacity:0;top:100px}

100%{opacity:100%;top:40px}

}

@-webkit-keyframes product023-1{0%{opacity:0;top:100px}

100%{opacity:100%;top:40px}

}

@-o-keyframes product023-1{0%{opacity:0;top:100px}

100%{opacity:100%;top:40px}

}



.product023-2{position:relative;z-index:1;top:60px;left:200px;display:none;}

.product023-2 img{width:182px;height:15px;}

.product023-2{animation:product023-2 1s;-ms-animation:product023-2 1s;-moz-animation:product023-2 1s;-webkit-animation:product023-2 1s;-o-animation:product023-2 1s}

@keyframes product023-2{0%,30%{opacity:0;top:120px}

100%{opacity:100%;top:60px}

}

@-moz-keyframes product023-2{0%,30%{opacity:0;top:120px}

100%{opacity:100%;top:60px}

}

@-webkit-keyframes product023-2{0%,30%{opacity:0;top:120px}

100%{opacity:100%;top:60px}

}

@-o-keyframes product023-2{0%,30%{opacity:0;top:120px}

100%{opacity:100%;top:60px}

}



.product023-3{position:relative;z-index:1;top:80px;left:200px;display:none;}

.product023-3 img{width:92px;height:15px;}

.product023-3{animation:product023-3 1s;-ms-animation:product023-3 1s;-moz-animation:product023-3 1s;-webkit-animation:product023-3 1s;-o-animation:product023-3 1s}

@keyframes product023-3{0%,50%{opacity:0;top:160px}

100%{opacity:100%;top:80px}

}

@-moz-keyframes product023-3{0%,50%{opacity:0;top:160px}

100%{opacity:100%;top:80px}

}

@-webkit-keyframes product023-3{0%,50%{opacity:0;top:160px}

100%{opacity:100%;top:80px}

}

@-o-keyframes product023-3{0%,50%{opacity:0;top:160px}

100%{opacity:100%;top:80px}

}



/*HSJP120*/

#product024{width:96%;height:300px;margin:auto;overflow:hidden;background:url(product024.jpg) center top no-repeat;padding:0 2%;background-size:873px 300px;}

.product024-1{position:relative;z-index:1;top:40px;left:200px;display:none;}

.product024-1 img{width:134px;height:10px;}

.product024-1{animation:product024-1 1s;-ms-animation:product024-1 1s;-moz-animation:product024-1 1s;-webkit-animation:product024-1 1s;-o-animation:product024-1 1s}

@keyframes product024-1{0%{opacity:0;top:250px}

100%{opacity:100%;top:150px}

}

@-moz-keyframes product024-1{0%{opacity:0;top:250px}

100%{opacity:100%;top:150px}

}

@-webkit-keyframes product024-1{0%{opacity:0;top:100px}

100%{opacity:100%;top:40px}

}

@-o-keyframes product024-1{0%{opacity:0;top:250px}

100%{opacity:100%;top:150px}

}



.product024-2{position:relative;z-index:1;top:60px;left:200px;display:none;}

.product024-2 img{width:117px;height:10px;}

.product024-2{animation:product024-2 1s;-ms-animation:product024-2 1s;-moz-animation:product024-2 1s;-webkit-animation:product024-2 1s;-o-animation:product024-2 1s}

@keyframes product024-2{0%,30%{opacity:0;top:120px}

100%{opacity:100%;top:60px}

}

@-moz-keyframes product024-2{0%,30%{opacity:0;top:120px}

100%{opacity:100%;top:60px}

}

@-webkit-keyframes product024-2{0%,30%{opacity:0;top:120px}

100%{opacity:100%;top:60px}

}

@-o-keyframes product024-2{0%,30%{opacity:0;top:120px}

100%{opacity:100%;top:60px}

}



.product024-3{position:relative;z-index:1;top:80px;left:200px;display:none;}

.product024-3 img{width:117px;height:10px;}

.product024-3{animation:product024-3 1s;-ms-animation:product024-3 1s;-moz-animation:product024-3 1s;-webkit-animation:product024-3 1s;-o-animation:product024-3 1s}

@keyframes product024-3{0%,50%{opacity:0;top:160px}

100%{opacity:100%;top:80px}

}

@-moz-keyframes product024-3{0%,50%{opacity:0;top:160px}

100%{opacity:100%;top:80px}

}

@-webkit-keyframes product024-3{0%,50%{opacity:0;top:160px}

100%{opacity:100%;top:80px}

}

@-o-keyframes product024-3{0%,50%{opacity:0;top:160px}

100%{opacity:100%;top:80px}

}



.product024-4{position:relative;z-index:1;top:100px;left:200px;display:none;}

.product024-4 img{width:119px;height:10px;}

.product024-4{animation:product024-4 1s;-ms-animation:product024-4 1s;-moz-animation:product024-4 1s;-webkit-animation:product024-4 1s;-o-animation:product024-4 1s}

@keyframes product024-4{0%,70%{opacity:0;top:200px}

100%{opacity:100%;top:100px}

}

@-moz-keyframes product024-4{0%,70%{opacity:0;top:200px}

100%{opacity:100%;top:100px}

}

@-webkit-keyframes product024-4{0%,70%{opacity:0;top:200px}

100%{opacity:100%;top:100px}

}

@-o-keyframes product024-4{0%,70%{opacity:0;top:200px}

100%{opacity:100%;top:100px}

}



#product08{width:100%;height:740px;margin:auto;overflow:hidden;background:#fff;}

.product08-1{position:relative;z-index:1;top:0;left:0;display:none;}

.product08-1 img{width:402px;height:300px;}

.product08-1{animation:product08-1 1s;-ms-animation:product08-1 1s;-moz-animation:product08-1 1s;-webkit-animation:product08-1 1s;-o-animation:product08-1 1s}

@keyframes product08-1{0%{opacity:0;left:50px;}

100%{opacity:100%;left:0;}

}

@-moz-keyframes product08-1{0%{opacity:0;left:50px;}

100%{opacity:100%;left:0;}

}

@-webkit-keyframes product08-1{0%{opacity:0;left:50px;}

100%{opacity:100%;left:0;}

}

@-o-keyframes product08-1{0%{opacity:0;left:50px;}

100%{opacity:100%;left:0;}

}



.product08-2{position:relative;z-index:1;top:0;left:0;display:none;}

.product08-2{animation:product08-2 1s;-ms-animation:product08-2 1s;-moz-animation:product08-2 1s;-webkit-animation:product08-2 1s;-o-animation:product08-2 1s}

@keyframes product08-2{0%{opacity:0;left:100px;}

100%{opacity:100%;left:0;}

}

@-moz-keyframes product08-2{0%{opacity:0;left:100px;}

100%{opacity:100%;left:0;}

}

@-webkit-keyframes product08-2{0%{opacity:0;left:100px;}

100%{opacity:100%;left:0;}

}

@-o-keyframes product08-2{0%{opacity:0;left:100px;}

100%{opacity:100%;left:0;}

}



.honorCon{width:100%;margin:auto;padding:30px 0;position:relative;text-align:center;}

.honorCon ul{width:320px;margin:auto;text-align:center;padding:0;overflow:hidden;}

.honorCon li{width:300px;display:inline-block;margin-right:58px;overflow:hidden;background:url(shadow.png) center bottom no-repeat;padding-bottom:60px;}

.arrLeft a{width:27px;height:51px;background:url(btnPrev.png) no-repeat;position:absolute;top:170px;left:0;}

.arrRight a{width:27px;height:51px;background:url(btnNext.png) no-repeat;position:absolute;top:170px;left:320px;}



.yb_conct{display:none;}

}
.slidebar{
	bottom:400px;
	position:fixed;
	right:12px;
	z-index:999; 
	text-align:center; 
	background:#FFF; 
	border:1px solid #ddd; 
	padding:5px; 
	width:140px; 
	height:auto;
}
.slidebar img{ 
  width:100%; 
  height:auto;
}
.slidebar p{margin-top:5px;}