@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0; font-family:"微软雅黑"; outline:none;}
*{-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight:rgba(0,0,0,0); -webkit-text-size-adjust:none;} 
body > .qing{ min-width:1250px;}
body{ background:#f1f1f3; }
a{ text-decoration:none; blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ } 
a:focus{ -moz-outline-style: none; /* FF */ }
a div,a span{ cursor:pointer; }
img, input{ border:0;}
input,textarea,select {outline:none;} 
textarea{ resize:none;}/*防止textarea放大时，三个斜线被放大*/
ul li{ list-style:none;}
.qing{ overflow:hidden; display:block; clear:both; }
.center{ width:1250px; overflow:hidden; display:block; margin-left:auto; margin-right:auto;}
.lf{ overflow:hidden; display:block; float:left;}
.rf{ overflow:hidden; display:block; float:right;}
.song{ font-family:"宋体" !important;}

/************************************- index.html -***********************************/
.header{ width:100%; height:252px; position:absolute; top:0; left:0; z-index:1000; background:url(../images/hea_bg.png) center 17px no-repeat; }
.header ul{ height:213px; padding-top:39px; position:relative; z-index:20; }
.nav1{ padding-right:50px; margin-left:-21px; }
.nav2{ padding-left:50px; }
.header li{ width:150px; overflow:hidden; display:block; float:left; position:relative; left:0; margin-left:21px; }
.header ul a{ width:100%; height:42px; overflow:hidden; display:block; position:relative; z-index:20; background:url(../images/nav_bg1.png) center top no-repeat; }
.n1{ width:100%; height:42px; position:absolute; top:0; left:0; z-index:12; font-size:16px; color:#FFF; line-height:42px; text-align:center; font-family:Arial, Helvetica, sans-serif; }
.n2{ width:100%; height:42px; position:absolute; top:42px; left:0; z-index:14; font-size:16px; color:#fff; line-height:42px; text-align:center; }
.header ul a:hover, .header ul .nann a{ background:url(../images/nav_bg2.png) center top no-repeat; }
.header ul a:hover .n1, .header ul .nann .n1{ top:-42px; }
.header ul a:hover .n2, .header ul .nann .n2{ top:0; }

.nav2 .na3 a{ background:url(../images/nav_bg3.png) center top no-repeat; }
.nav2 .na3 a:hover{ background:url(../images/nav_bg4.png) center top no-repeat; }
.nav2 .na3 .n1,.nav2 .na3 .n2{ width:80px; padding-left:45px; text-align:left; }

.nav1 .na1{
	animation:nav1 0.6s linear 0s both;
	-webkit-animation:nav1 0.6s linear 0s both;
	-moz-animation:nav1 0.6s linear 0s both;
	-o-animation:nav1 0.6s linear 0s both;
	opacity:1; left:0;
}
.nav1 .na2{
	animation:nav1 0.6s linear 0.4s both;
	-webkit-animation:nav1 0.6s linear 0.4s both;
	-moz-animation:nav1 0.6s linear 0.4s both;
	-o-animation:nav1 0.6s linear 0.4s both;
	opacity:1; left:0;
}
.nav1 .na3{
	animation:nav1 0.6s linear 0.8s both;
	-webkit-animation:nav1 0.6s linear 0.8s both;
	-moz-animation:nav1 0.6s linear 0.8s both;
	-o-animation:nav1 0.6s linear 0.8s both;
	opacity:1; left:0;
}
@keyframes nav1{
0%{ opacity:0; left:35px; }
100%{ opacity:1; left:0; }
}
@-webkit-keyframes nav1{
0%{ opacity:0; left:35px; }
100%{ opacity:1; left:0; }
}
@-moz-keyframes nav1{
0%{ opacity:0; left:35px; }
100%{ opacity:1; left:0; }
}
@-o-keyframes nav1{
0%{ opacity:0; left:35px; }
100%{ opacity:1; left:0; }
}

.nav2 .na3{
	animation:nav2 0.6s linear 0s both;
	-webkit-animation:nav2 0.6s linear 0s both;
	-moz-animation:nav2 0.6s linear 0s both;
	-o-animation:nav2 0.6s linear 0s both;
	opacity:1; left:0;
}
.nav2 .na2{
	animation:nav2 0.6s linear 0.4s both;
	-webkit-animation:nav2 0.6s linear 0.4s both;
	-moz-animation:nav2 0.6s linear 0.4s both;
	-o-animation:nav2 0.6s linear 0.4s both;
	opacity:1; left:0;
}
.nav2 .na1{
	animation:nav2 0.6s linear 0.8s both;
	-webkit-animation:nav2 0.6s linear 0.8s both;
	-moz-animation:nav2 0.6s linear 0.8s both;
	-o-animation:nav2 0.6s linear 0.8s both;
	opacity:1; left:0;
}
@keyframes nav2{
0%{ opacity:0; left:-35px; }
100%{ opacity:1; left:0; }
}
@-webkit-keyframes nav2{
0%{ opacity:0; left:-35px; }
100%{ opacity:1; left:0; }
}
@-moz-keyframes nav2{
0%{ opacity:0; left:-35px; }
100%{ opacity:1; left:0; }
}
@-o-keyframes nav2{
0%{ opacity:0; left:-35px; }
100%{ opacity:1; left:0; }
}


.logo{ width:414px; height:252px; position:absolute; top:0; left:50%; margin-left:-207px; z-index:10; }
.logo a{ width:227px; height:200px; margin:0 auto; position:relative; z-index:26; background:url(../images/logo_bai.png) center top no-repeat; }
.logo_bg{ width:304px; height:252px; position:absolute; top:0; right:0; z-index:24; }
.logo a{
	animation:logo 0.6s linear 0s both;
	-webkit-animation:logo 0.6s linear 0s both;
	-moz-animation:logo 0.6s linear 0s both;
	-o-animation:logo 0.6s linear 0s both;
	opacity:1; top:0;
}
@keyframes logo{
0%{ opacity:1; top:-50px; }
100%{ opacity:1; top:0; }
}
@-webkit-keyframes logo{
0%{ opacity:1; top:-50px; }
100%{ opacity:1; top:0; }
}
@-moz-keyframes logo{
0%{ opacity:1; top:-50px; }
100%{ opacity:1; top:0; }
}
@-o-keyframes logo{
0%{ opacity:1; top:-50px; }
100%{ opacity:1; top:0; }
}

.logo_bg{
	animation:lobg 0.3s linear 0.6s both;
	-webkit-animation:lobg 0.3s linear 0.6s both;
	-moz-animation:lobg 0.3s linear 0.6s both;
	-o-animation:lobg 0.3s linear 0.6s both;
	opacity:1;
}
@keyframes lobg{
0%{ opacity:0; }
100%{ opacity:1; }
}
@-webkit-keyframes lobg{
0%{ opacity:0; }
100%{ opacity:1; }
}
@-moz-keyframes lobg{
0%{ opacity:0; }
100%{ opacity:1; }
}
@-o-keyframes lobg{
0%{ opacity:0; }
100%{ opacity:1; }
}

/**- banner -**/
.mtop{ position:relative; z-index:10; }
.main_visual{height:720px; overflow:hidden; display:block; position:relative; border-bottom:1px solid #FFF; }
.main_image{height:720px; overflow:hidden; display:block; position:relative;}
.main_image ul{width:9999px; overflow:hidden;position:absolute;top:0;left:0;}
.main_image li{float:left;width:100%;height:720px;}
.main_image li a{float:left; width:100%; height:720px; }
.flicking_con{ height:5px; margin-top:-35px; margin-left:auto; margin-right:auto; position:relative; z-index:15;}
.flicking_con a{float:left;width:32px;height:5px; padding:0; margin:0 6px; display:block; background:#FFF; }
.flicking_con a:hover{ background:#ee9c15; }
.flicking_con a.on{ background:#ee9c15; }
/*
#btn_prev,#btn_next{z-index:20;position:absolute;display:block;width:74px!important;height:74px!important;top:149px;display:none;}
#btn_prev{ background:url(../images/banner_zuo.png) left top no-repeat; left:4%;}
#btn_next{ background:url(../images/banner_you.png) right top no-repeat; right:4%;}
*/

/**- 产品中心 -**/
.chan{ background:#f9f9f9; height:593px; border-bottom:1px solid #FFF; position:relative; z-index:10; }
.title{ height:170px; position:relative; z-index:20; }
.ti1{ width:100%; height:26px; position:absolute; top:50px; left:0; z-index:22; text-align:center; }
.ti2{ width:100%; height:44px; position:absolute; top:83px; left:0; z-index:22; background:url(../images/bt_bg1.png) center center no-repeat; font-size:24px; color:#000; line-height:44px; text-align:center; }

.chan .ti1{
	animation:cht1 0.8s linear 0s both;
	-webkit-animation:cht1 0.8s linear 0s both;
	-moz-animation:cht1 0.8s linear 0s both;
	-o-animation:cht1 0.8s linear 0s both;
	opacity:1; top:50px;
}
@keyframes cht1{
0%{ opacity:0; top:75px; }
100%{ opacity:1; top:50px; }
}
@-webkit-keyframes cht1{
0%{ opacity:0; top:75px; }
100%{ opacity:1; top:50px; }
}
@-moz-keyframes cht1{
0%{ opacity:0; top:75px; }
100%{ opacity:1; top:50px; }
}
@-o-keyframes cht1{
0%{ opacity:0; top:75px; }
100%{ opacity:1; top:50px; }
}

.chan .ti2{
	animation:cht2 0.8s linear 0.6s both;
	-webkit-animation:cht2 0.8s linear 0.6s both;
	-moz-animation:cht2 0.8s linear 0.6s both;
	-o-animation:cht2 0.8s linear 0.6s both;
	opacity:1; top:83px;
}
@keyframes cht2{
0%{ opacity:0; top:108px; }
100%{ opacity:1; top:83px; }
}
@-webkit-keyframes cht2{
0%{ opacity:0; top:108px; }
100%{ opacity:1; top:83px; }
}
@-moz-keyframes cht2{
0%{ opacity:0; top:108px; }
100%{ opacity:1; top:83px; }
}
@-o-keyframes cht2{
0%{ opacity:0; top:108px; }
100%{ opacity:1; top:83px; }
}

.cp_jie{ padding-top:5px; margin-left:-40px; }
.cp_jie li{ width:282px; overflow:hidden; display:block; float:left; margin-left:40px; position:relative; left:40px; opacity:0; filter:alpha(opacity=0);  }
.cp_jie a{ height:322px; padding-top:33px; position:relative; z-index:20; }
.cp_bt{ width:108px; height:108px; position:absolute; top:0; left:87px; z-index:30; background:url(../images/cp_bt1.png) center top no-repeat; }
.cp_b1{ width:100%; height:100%; position:absolute; top:0; left:0; z-index:32; font-size:16px; color:#FFF; line-height:108px; text-align:center; }
.cp_b2{ width:100%; height:100%; position:absolute; top:0; left:0; z-index:32; font-size:16px; color:#FFF; line-height:108px; text-align:center; opacity:0; filter:alpha(opacity=0); }

.cp_img{ height:322px; position:relative; z-index:22; }
.cp_bg{ height:322px; position:relative; z-index:28; }
.cp_tu{ width:100%; height:322px; position:absolute; top:0; left:0; z-index:22; }
.cp_hei{ width:100%; height:322px; position:absolute; top:0; left:0; z-index:24; background:url(../images/cp_hei.png) repeat; opacity:0; filter:alpha(opacity=0); }

.cp_jie a:hover .cp_bt{ top:140px; transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); -o-transform:rotateY(180deg); background:url(../images/cp_bt2.png) center top no-repeat; }
.cp_jie a:hover .cp_b1{ opacity:0; filter:alpha(opacity=0); }
.cp_jie a:hover .cp_b2{ opacity:1; filter:alpha(opacity=100); }
.cp_jie a:hover .cp_tu{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); }
.cp_jie a:hover .cp_hei{ opacity:1; filter:alpha(opacity=100); }

/*- 图片移动开始 -*/
.wrapper{ width:100%; height:100%; overflow:hidden; position:absolute; top:0; left:0; z-index:11; }
#scene{ width:100%; height:100%; position:absolute; top:0; left:0; z-index:12; }
.layer{ display:block; position:absolute !important; }
.layer img{ position:absolute; }
.cp1{ top:486px; left:8%; }
.cp2{ top:45px; left:90%; }
.cp3{ top:110px; left:16%; }
.cp4{ top:220px; left:30%; }
.cp5{ top:460px; left:42%; }
.cp6{ top:250px; left:66%; }
.cp7{ top:450px; left:80%; }
.cp8{ top:280px; left:58%; }
/*- 图片移动结束 -*/

/**- 新闻中心 -**/
.xw{ height:725px; position:relative; z-index:10; }
.xw_bg{ width:100%; height:725px; position:absolute; top:0; left:0; z-index:12; background:url(../images/bg_xw.jpg) center center no-repeat; }
.xw_bg{
	animation:xwbg 20s linear 0s infinite alternate;
	-webkit-animation:xwbg 20s linear 0s infinite alternate;
	-moz-animation:xwbg 20s linear 0s infinite alternate;
	-o-animation:xwbg 20s linear 0s infinite alternate;
}
@keyframes xwbg{
0%{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); }
100%{ transform:scale(1.15); -webkit-transform:scale(1.15); -moz-transform:scale(1.15); -o-transform:scale(1.15); }
}
@-webkit-keyframes xwbg{
0%{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); }
100%{ transform:scale(1.15); -webkit-transform:scale(1.15); -moz-transform:scale(1.15); -o-transform:scale(1.15); }
}
@-moz-keyframes xwbg{
0%{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); }
100%{ transform:scale(1.15); -webkit-transform:scale(1.15); -moz-transform:scale(1.15); -o-transform:scale(1.15); }
}
@-o-keyframes xwbg{
0%{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); }
100%{ transform:scale(1.15); -webkit-transform:scale(1.15); -moz-transform:scale(1.15); -o-transform:scale(1.15); }
}

.xw .ti1{ top:75px; opacity:0; filter:alpha(opacity=0); }
.xw .ti2{ top:108px; background:url(../images/bt_bg2.png) center center no-repeat; opacity:0; filter:alpha(opacity=0); }
.xw1,.xw2{ width:50%; height:483px; position:absolute; top:170px; z-index:14; }
.xw1{ left:-8%; opacity:0; filter:alpha(opacity=0); }
.xw2{ left:58%; opacity:0; filter:alpha(opacity=0); }
.xw_jie{ width:618px; height:483px; overflow:hidden; display:block; }
.xw1 .xw_jie{ float:right; margin-right:5px; background:url(../images/xw_bai.png) repeat; }
.xw2 .xw_jie{ float:left; margin-left:5px; }
.ximg{ height:294px; }
.xw_jie:hover .ximg span{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); }
.xw_shao{ height:140px; padding:24px 30px; }
.xw_bt{ height:26px; padding-bottom:5px; font-size:16px; color:#000; line-height:26px; }
.xw_bt:hover{ color:#ee9c15; }
.xw_jian{ height:52px; padding-top:5px; margin-bottom:21px; font-size:12px; color:#5d5d5d; line-height:26px; }
.xw_jian:hover{ color:#ee9c15; }
.xw_more{ width:83px; height:32px; background:#ee9c15; font-size:14px; color:#FFF; line-height:32px; text-align:center; }
.xw_jie li{ overflow:hidden; display:block; height:111px; padding:20px; margin-bottom:15px; background:url(../images/xw_bai2.png) repeat; }
.xw_jie li:hover{ background:url(../images/xw_bai.png) repeat; }
.xtu{ width:166px; height:111px; }
.xw_jie li:hover .xtu span{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); }
.xw_jie li .xw_bt{ padding-top:12px; }

/**- 关于我们 -**/
.gy{ background:#FFF; padding-bottom:81px; }
.gy .ti1{ top:75px; opacity:0; filter:alpha(opacity=0); }
.gy .ti2{ top:108px; opacity:0; filter:alpha(opacity=0); }
.gy_jie{ height:461px; position:relative; z-index:10; }
.gy_img{ width:235px; height:116px; position:absolute; top:0; left:0; z-index:12; border:1px solid #f2f2f2; }
.gy_jian{ width:784px; height:60px; position:absolute; top:23px; left:237px; z-index:12; padding:0 24px; font-size:12px; color:#5d5d5d; line-height:30px; }
.gy_jian:hover{ color:#ee9c15; }
.gy_h{ width:168px; height:182px; position:absolute; top:30px; right:30px; z-index:12; background:#0143a3; opacity:0; filter:alpha(opacity=0); }
.gy_bt{ width:175px; height:343px; position:absolute; top:118px; left:40px; z-index:16; padding:0 31px; background:#ee9c15; font-size:24px; color:#FFF; line-height:26px; opacity:0; filter:alpha(opacity=0); }
.gy_bt span{ overflow:hidden; display:block; padding-top:60px; font-size:24px; line-height:28px; }
.gy_bt i{ overflow:hidden; display:block; padding-bottom:36px; font-size:14px; font-style:normal; line-height:22px; }
a.gy_bt{ 
	transition:none;
	-webkit-transition:none;
	-moz-transition:none;
	-o-transition:none;
}
.gy_shao{ width:1013px; height:343px; position:absolute; top:118px; left:237px; }
.gy_tu{ width:931px; height:343px; position:absolute; top:0; left:0; z-index:14; }
.gy_more{ width:99px; height:46px; position:absolute; bottom:77px; right:0; z-index:16; font-size:14px; color:#FFF; line-height:46px; text-align:center; background:#ee9c15; }
.gy_k{ width:63px; height:144px; position:absolute; bottom:40px; right:18px; z-index:12; }
.gy_shao:hover .gy_more{ right:40px; }
.gy_shao:hover .gy_k{ right:58px; }

/**- 底部 -**/
.footer{ background:#727272; padding-top:32px; }
.fo_ma{ width:111px; padding-right:62px; padding-top:3px; min-height:144px; border-right:1px solid #838383; font-size:12px; color:#dcdcdc; line-height:20px; text-align:center; }
.fo_ma img{ width:105px; height:105px; margin-bottom:3px; border:3px solid #FFF; }
.fo_ma:hover{ color:#FFF; }
.fo_add{ width:300px; min-height:140px; padding-left:27px; }
.fo_add li{ padding-top:4px; padding-bottom:14px; }
.fo_img{ width:18px;  padding:1px 0; margin-right:8px; }
.fo_bt{ width:230px; font-size:12px; color:#FFF; line-height:20px; }

.fo_nav{ border-left:1px solid #838383; }
.fo_nav li{ overflow:hidden; display:block; min-height:147px; float:left; padding:0 70px; border-right:1px solid #838383; }
.fo_nav span{ overflow:hidden; display:block; font-size:16px; color:#FFF; line-height:26px; padding-bottom:9px; }
.fo_nav a{ overflow:hidden; display:block; font-size:12px; color:#dcdcdc; line-height:28px; }
.fo_nav a:hover{ color:#FFF; }

.copyright{ border-top:1px solid #838383; font-size:12px; color:#dcdcdc; line-height:52px; text-align:center; }
.copyright a{ font-size:12px; color:#dcdcdc; line-height:52px; }
/*******************************about*********************************/
.tok{ height:232px;}
.fok{ height:43px;}
.tibg{ background: url(../images/nbai1.png) repeat; padding:21px 33px 13px; overflow: hidden; line-height:38px;}
.erj{ width:1180px;}
.erj a{ display:block; float:left; text-align:center; width:130px; height:38px; margin-right:8px; margin-bottom:8px; overflow:hidden; background: url(../images/erbg2.png) center center no-repeat; color:#000;}
.erj a:visited{ color:#000;}
.erj span{ display:block; position:relative; top:0;} 
.erj a:hover, .erj a.ernn{ background:url(../images/erbg1.png) center center no-repeat; }
.erj a:hover span, .erj a.ernn span{ top:-100%; color:#FFF;}
.weizhi{ color:#595959; font-size:12px; line-height:38px;}
.weizhi a, .weizhi a:visited{ color:#595959;}
.weizhi span{ font-family:"宋体";}
.weizhi a:hover{ color:#000;}
/*关于我们介绍*/
.abnbg{ padding:39px 33px; background:#FFF; overflow:hidden; height:auto; min-height:330px; _height:330px;}
.abtu{ width:426px; height:370px; position:relative;}
/*动画*/
.abtu img{ position:absolute; display:block;}
.abtu1{ top:18px; left:58px; z-index:5;}
.abtu2{ top:33px; left:144px; z-index:5;}
.abtu3{ top:51px; left:230px; z-index:5;}
.abtu4{ top:18px; left:316px; z-index:5;}
.abtu5{ top:37px; left:9px; z-index:4;}
.abtu6{ top:285px; left:316px; z-index:4;}
.abtu7{ top:331px; left:102px;}

.abtu1{
	animation:abtu1 0.8s linear both;
	-webkit-animation:abtu1 0.8s linear both;
	-moz-animation:abtu1 0.8s linear both;
	-o-animation:abtu1 0.8s linear both;
}
@keyframes abtu1{
0%{ opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter:alpha(opacity=0); top:58px; }
100%{ opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter:alpha(opacity=100); top:18px; }
}
@-webkit-keyframes abtu1{
0%{ opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter:alpha(opacity=0); top:58px; }
100%{ opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter:alpha(opacity=100); top:18px; }
}
@-moz-keyframes abtu1{
0%{ opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter:alpha(opacity=0); top:58px; }
100%{ opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter:alpha(opacity=100); top:18px; }
}
@-o-keyframes abtu1{
0%{ opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter:alpha(opacity=0); top:58px; }
100%{ opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter:alpha(opacity=100); top:18px; }
}
.abtu2{
	animation:abtu2 0.8s linear 0.5s both;
	-webkit-animation:abtu2 0.8s linear 0.5s both;
	-moz-animation:abtu2 0.8s linear 0.5s both;
	-o-animation:abtu2 0.8s linear 0.5s both;
}
@keyframes abtu2{
0%{ opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter:alpha(opacity=0); top:73px; }
100%{ opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter:alpha(opacity=100); top:33px; }
}
@-webkit-keyframes abtu2{
0%{ opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter:alpha(opacity=0); top:73px; }
100%{ opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter:alpha(opacity=100); top:33px; }
}
@-moz-keyframes abtu2{
0%{ opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter:alpha(opacity=0); top:73px; }
100%{ opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter:alpha(opacity=100); top:33px; }
}
@-o-keyframes abtu2{
0%{ opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter:alpha(opacity=0); top:73px; }
100%{ opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter:alpha(opacity=100); top:33px; }
}

.abtu3{
	animation:abtu3 0.8s linear 1s both;
	-webkit-animation:abtu3 0.8s linear 1s both;
	-moz-animation:abtu3 0.8s linear 1s both;
	-o-animation:abtu3 0.8s linear 1s both;
}
@keyframes abtu3{
0%{ opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter:alpha(opacity=0); top:91px; }
100%{ opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter:alpha(opacity=100); top:51px; }
}
@-webkit-keyframes abtu3{
0%{ opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter:alpha(opacity=0); top:91px; }
100%{ opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter:alpha(opacity=100); top:51px; }
}
@-moz-keyframes abtu3{
0%{ opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter:alpha(opacity=0); top:91px; }
100%{ opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter:alpha(opacity=100); top:51px; }
}
@-o-keyframes abtu3{
0%{ opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter:alpha(opacity=0); top:91px; }
100%{ opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter:alpha(opacity=100); top:51px; }
}
.abtu4{
	animation:abtu4 0.8s linear 1.5s both;
	-webkit-animation:abtu4 0.8s linear 1.5s both;
	-moz-animation:abtu4 0.8s linear 1.5s both;
	-o-animation:abtu4 0.8s linear 1.5s both;
}
@keyframes abtu4{
0%{ opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter:alpha(opacity=0); top:58px; }
100%{ opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter:alpha(opacity=100); top:18px; }
}
@-webkit-keyframes abtu4{
0%{ opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter:alpha(opacity=0); top:58px; }
100%{ opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter:alpha(opacity=100); top:18px; }
}
@-moz-keyframes abtu4{
0%{ opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter:alpha(opacity=0); top:58px; }
100%{ opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter:alpha(opacity=100); top:18px; }
}
@-o-keyframes abtu4{
0%{ opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter:alpha(opacity=0); top:58px; }
100%{ opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter:alpha(opacity=100); top:18px; }
}
.abtu5{
	animation:abtu5 0.8s linear 2.0s both;
	-webkit-animation:abtu5 0.8s linear 2.0s both;
	-moz-animation:abtu5 0.8s linear 2.0s both;
	-o-animation:abtu5 0.8s linear 2.0s both;
}
@keyframes abtu5{
0%{ opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter:alpha(opacity=0); top:0px; }
100%{ opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter:alpha(opacity=100); top:37px; }
}
@-webkit-keyframes abtu5{
0%{ opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter:alpha(opacity=0); top:0px; }
100%{ opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter:alpha(opacity=100); top:37px; }
}
@-moz-keyframes abtu5{
0%{ opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter:alpha(opacity=0); top:0px; }
100%{ opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter:alpha(opacity=100); top:37px; }
}
@-o-keyframes abtu5{
0%{ opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter:alpha(opacity=0); top:0px; }
100%{ opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter:alpha(opacity=100); top:37px; }
}
.abtu6{
	animation:abtu6 0.8s linear 2.0s both;
	-webkit-animation:abtu6 0.8s linear 2.0s both;
	-moz-animation:abtu6 0.8s linear 2.0s both;
	-o-animation:abtu6 0.8s linear 2.0s both;
}
@keyframes abtu6{
0%{ opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter:alpha(opacity=0); left:356px; }
100%{ opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter:alpha(opacity=100); left:316px; }
}
@-webkit-keyframes abtu6{
0%{ opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter:alpha(opacity=0); left:356px; }
100%{ opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter:alpha(opacity=100); left:316px; }
}
@-moz-keyframes abtu6{
0%{ opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter:alpha(opacity=0); left:356px; }
100%{ opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter:alpha(opacity=100); left:316px; }
}
@-o-keyframes abtu6{
0%{ opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter:alpha(opacity=0); left:356px; }
100%{ opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter:alpha(opacity=100); left:316px; }
}
.abtu7{
	animation:abtu7 0.8s linear 2.5s both;
	-webkit-animation:abtu7 0.8s linear 2.5s both;
	-moz-animation:abtu7 0.8s linear 2.5s both;
	-o-animation:abtu7 0.8s linear 2.5s both;
}
@keyframes abtu7{
0%{ opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter:alpha(opacity=0); top:371px;}
100%{ opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter:alpha(opacity=100); top:331px; }
}
@-webkit-keyframes abtu7{
0%{ opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter:alpha(opacity=0); top:371px;}
100%{ opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter:alpha(opacity=100); top:331px; }
}
@-moz-keyframes abtu7{
0%{ opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter:alpha(opacity=0); top:371px;}
100%{ opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter:alpha(opacity=100); top:331px; }
}
@-o-keyframes abtu7{
0%{ opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter:alpha(opacity=0); top:371px;}
100%{ opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter:alpha(opacity=100); top:331px; }
}


.abnr{ margin-left:470px; padding-top:16px;}
.yell{ line-height:30px; font-size:20px; color:#dc8a03;}
.abjs{ padding:18px 0 28px; line-height:30px; font-size:14px; color:#3a3a3a;}
.gsjs{ padding-bottom:30px; overflow:hidden; border-bottom:1px solid #e8e8e8;}
.zbwl{ display:block; padding-top:35px; overflow: hidden;}
.abtuk2{ float: right; overflow:visible; width:421px; height:331px; position:relative;}
/*动画*/
.abtuk2 img{ position: absolute; display:block;}
.abztu1{ left:10px; top:42px;}
.abztu2{ left:190px; top:0px;}
.abztu3{ left:264px; top:76px;}
.abztu4{ left:103px; top:76px;}
.abztu5{ left:264px; top:224px;}
.abztu6{ left:83px; top:306px;}
.abztu10{ left:27px; top:42px;}
.abztu20{ left:207px; top:0px;}
.abztu30{ left:282px; top:76px;}
.abztu40{ left:120px; top:76px;}
.abztu1{
	animation:abztu1 0.8s linear both;
	-webkit-animation:abztu1 0.8s linear both;
	-moz-animation:abztu1 0.8s linear both;
	-o-animation:abztu1 0.8s linear both;
}
@keyframes abztu1{
0%{ opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter:alpha(opacity=0);left:-40px;}
100%{ opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter:alpha(opacity=100); left:10px;}
}
@-webkit-keyframes abztu1{
0%{ opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter:alpha(opacity=0);left:-40px;}
100%{ opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter:alpha(opacity=100); left:10px;}
}
@-moz-keyframes abztu1{
0%{ opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter:alpha(opacity=0);left:-40px;}
100%{ opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter:alpha(opacity=100); left:10px;}
}
@-o-keyframes abztu1{
0%{ opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter:alpha(opacity=0);left:-40px;}
100%{ opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter:alpha(opacity=100); left:10px;}
}
.abztu2{
	animation:abztu2 0.8s linear both;
	-webkit-animation:abztu2 0.8s linear both;
	-moz-animation:abztu2 0.8s linear both;
	-o-animation:abztu2 0.8s linear both;
}
@keyframes abztu2{
0%{ opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter:alpha(opacity=0);left:240px;}
100%{ opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter:alpha(opacity=100); left:190px;}
}
@-webkit-keyframes abztu2{
0%{ opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter:alpha(opacity=0);left:240px;}
100%{ opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter:alpha(opacity=100); left:190px;}
}
@-moz-keyframes abztu2{
0%{ opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter:alpha(opacity=0);left:240px;}
100%{ opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter:alpha(opacity=100); left:190px;}
}
@-o-keyframes abztu2{
0%{ opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter:alpha(opacity=0);left:240px;}
100%{ opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter:alpha(opacity=100); left:190px;}
}
.abztu3{
	animation:abztu3 0.8s linear 0.4s both;
	-webkit-animation:abztu3 0.8s linear 0.4s both;
	-moz-animation:abztu3 0.8s linear 0.4s both;
	-o-animation:abztu3 0.8s linear 0.4s both;
}
@keyframes abztu3{
0%{ opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter:alpha(opacity=0);left:314px;}
100%{ opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter:alpha(opacity=100); left:264px;}
}
@-webkit-keyframes abztu3{
0%{ opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter:alpha(opacity=0);left:314px;}
100%{ opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter:alpha(opacity=100); left:264px;}
}
@-moz-keyframes abztu3{
0%{ opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter:alpha(opacity=0);left:314px;}
100%{ opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter:alpha(opacity=100); left:264px;}
}
@-o-keyframes abztu3{
0%{ opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter:alpha(opacity=0);left:314px;}
100%{ opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter:alpha(opacity=100); left:264px;}
}
.abztu4{
	animation:abztu4 0.8s linear 0.8s both;
	-webkit-animation:abztu4 0.8s linear 0.8s both;
	-moz-animation:abztu4 0.8s linear 0.8s both;
	-o-animation:abztu4 0.8s linear 0.8s both;
}
@keyframes abztu4{
0%{ opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter:alpha(opacity=0);top:126px;}
100%{ opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter:alpha(opacity=100); top:76px;}
}
@-webkit-keyframes abztu4{
0%{ opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter:alpha(opacity=0);top:126px;}
100%{ opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter:alpha(opacity=100); top:76px;}
}
@-moz-keyframes abztu4{
0%{ opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter:alpha(opacity=0);top:126px;}
100%{ opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter:alpha(opacity=100); top:76px;}
}
@-o-keyframes abztu4{
0%{ opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter:alpha(opacity=0);top:126px;}
100%{ opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter:alpha(opacity=100); top:76px;}
}
.abztu5{
	animation:abztu5 0.8s linear 1.2s both;
	-webkit-animation:abztu5 0.8s linear 1.2s both;
	-moz-animation:abztu5 0.8s linear 1.2s both;
	-o-animation:abztu5 0.8s linear 1.2s both;
}
@keyframes abztu5{
0%{ opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter:alpha(opacity=0); left:314px;}
100%{ opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter:alpha(opacity=100); left:264px;}
}
@-webkit-keyframes abztu5{
0%{ opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter:alpha(opacity=0); left:314px;}
100%{ opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter:alpha(opacity=100); left:264px;}
}
@-moz-keyframes abztu5{
0%{ opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter:alpha(opacity=0); left:314px;}
100%{ opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter:alpha(opacity=100); left:264px;}
}
@-o-keyframes abztu5{
0%{ opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter:alpha(opacity=0); left:314px;}
100%{ opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter:alpha(opacity=100); left:264px;}
}
.abztu6{
	animation:abztu6 0.8s linear 1.6s both;
	-webkit-animation:abztu6 0.8s linear 1.6s both;
	-moz-animation:abztu6 0.8s linear 1.6s both;
	-o-animation:abztu6 0.8s linear 1.6s both;
}
@keyframes abztu6{
0%{ opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter:alpha(opacity=0); top:356px;}
100%{ opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter:alpha(opacity=100); top:306px;}
}
@-webkit-keyframes abztu6{
0%{ opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter:alpha(opacity=0); top:356px;}
100%{ opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter:alpha(opacity=100); top:306px;}
}
@-moz-keyframes abztu6{
0%{ opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter:alpha(opacity=0); top:356px;}
100%{ opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter:alpha(opacity=100); top:306px;}
}
@-o-keyframes abztu6{
0%{ opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter:alpha(opacity=0); top:356px;}
100%{ opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter:alpha(opacity=100); top:306px;}
}




.zbwlk{ padding-top:7px; width:592px;}
/*******************************product*********************************/
.cplb{ margin-left:-20px; overflow:hidden;}
.cplb li{ width:241px; height:312px; padding:20px; float:left; margin-left:20px; margin-bottom:25px; background:#f1f1f1;}
.cptu{ display:block; width:241px; height:252px; overflow: hidden; margin-bottom:25px;}
.cptu img{ display:block;}
.cpm{ display:block; height:26px; position:relative; padding-right:30px; line-height:26px; font-size:14px; color:#000;}
.jiao{ display:block; position:absolute; top:0; right:0;}
.cpm:visited{ color:#000;}
.cptu:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);}
.cplb li:hover .jiao{ transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg);-o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
.cplb li:hover .cpm{ padding-left:5px; color:#ee9c15;}
/**翻页**/
.fanye{ clear:both;}
.fanye table{ margin:0 auto;}
.fanye a{ display:block; float:left; margin:0 5px; width:34px; height:34px; background:#FFF; overflow:hidden; border:1px solid #e3e3e3; text-align:center; line-height:34px; color:#4b4b4b; font-size:14px; font-family:Arial, Helvetica, sans-serif; -moz-border-radius: 4px;-webkit-border-radius:4px; border-radius:4px; }
.fanye a:visited{ color:#4b4b4b;}
.fanye span{ display:block; position:relative; top:0;}
.fanye a:hover, .fanye .yenn{ background:#ee9c15; border-color:#ee9c15; color:#fff;}
.fanye a:hover span, .fanye .yenn span{ top:-100%; color:#FFF;}
.fys img{ display:block;}
.fyx{ width:74px !important;}
/*****************************contact**********************************/
.cony{ width:530px; float:left; padding:35px 0 60px;}
.mapk{ float:right; width:632px; height:422px; padding:26px 0 69px;}
.zbmc{ display:block; padding-bottom:5px;}
.zbmc img{ display:block;}
.codd{ display:block; margin-bottom:16px;}
.codd div{ padding:11px 0; line-height:28px; font-size:14px; color:#3a3a3a;}
.codd img{ display:block; float:left; margin-right:5px;}
.codd div:hover img{ margin-right:10px;}
.ewmk{ width:250px; float:left; position:relative; overflow:hidden;}
.ewmk0{ width:250px; float:left; position:relative; overflow:hidden; margin-right:25px;}
.ewmk img{ display:block; float:left;}
.ewmk1{ float:left; padding:5px; border:1px solid #e8e8e8;}
.ewmk11{ width:128px; height:36px; float:left; border:1px solid #e8e8e8; border-left:none; text-align:center; line-height:36px; font-size:12px; color:#3a3a3a; position:relative; margin-top:39px;}
.ewmk:hover .ewmk11, .ewmk0:hover .ewmk11{ margin-top:76px;}
/*****************************news**********************************/
.nelb{ margin-left:-22px;}
.nelb li{ float:left; width:550px; height:136px; margin-bottom:22px; margin-left:22px; background:#fff; padding:32px;}
.netu{ display:block; float:left; width:205px; height:137px; overflow:hidden;}
.netu img{ display:block; overflow:hidden;}
.netu:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);}
.nejs{ margin-left:232px;}
.ne-ti{ display:block; margin-bottom:11px; line-height:26px; font-size:16px; color:#000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.ne-ti:visited{ color:#000;}
.ne-js{ padding-bottom:10px; height:60px; line-height:26px; color:#5d5d5d; font-size:12px;}
.ne-js a{ display:block;}
.ne-js a, .ne-js a:visited{ color:#5d5d5d;}
.nexx{ display:block; width:82px; height:28px; position:relative; overflow:hidden; text-align: center; font-size:12px; line-height:28px; color:#ee9c15; border:1px solid #ee9c15;}
.nexx:visited{color:#ee9c15; }
.nexx b{ font-family:"宋体"; font-weight:normal;}
.nexx span{ display:block; position: relative; top:0;}
.nelb li:hover .ne-ti{ color:#efa124; padding-left:5px;}
.nelb li:hover .nexx span{ top:-100%;}
.nexx:hover span{ top:0 !important;}
/*****************************news-view**********************************/
.nedti{ text-align:center; line-height:42px; font-size:22px; color:#000; margin-bottom:20px;}
.gjc{ border-bottom:1px solid #ddd; border-top:1px solid #ddd; text-align:center; padding:5px; line-height:26px; font-size:12px; color:#999; margin-bottom:25px;}
.gjc a, .gjc a:visited{ color:#999;}
.nenr{ padding:0 50px 30px;}
.shu14{ line-height:30px; color:#333; font-size:14px;}
.fanpk{ border-top:1px solid #ddd; padding-top:25px;}
.fanp{ width:600px; float:left;}
.fanp a{ display:block; line-height:26px; color:#999; font-size:12px;}
.fanp a:hover { padding-left:5px; color:#666;}
.fanh{ display:block; float:right; position:relative; overflow:hidden; text-align:center; width:90px; height:30px; border:1px solid #ddd; line-height:30px; font-size:12px; color:#777;}
.fanh span{ display:block; position:relative; top:0;}
.fanh:hover span{ top:-100%;}
.fanh:hover { background:#ee9c15; border-color:#ee9c15; color:#FFF;}
/*****************************product-view**********************************/
.cpntu{ width:850px; margin:0 auto 20px;}
/*图片展示样式*/
/* 效果CSS开始 */
.mod18{width:850px;position:relative;margin:0 auto;}
.mod18 .btn{position:absolute;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .prev{left:10px;background:url(../images/prevBtn.png) no-repeat;}
.mod18 #prevTop,.mod18 #nextTop{top:250px;width:32px;height:48px;}
.mod18 #prev,.mod18 #next{top:590px;width:10px;height:16px;}
.mod18 #prevTop{background:url(../images/prevBtnTop.png) 0 0 no-repeat;}
.mod18 #nextTop{background:url(../images/nextBtnTop.png) 0 0 no-repeat;}
.mod18 .next{right:10px;background:url(../images/nextBtn.png) no-repeat;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}
.mod18 .picBox{width:850px; height:500px; position:relative;overflow:hidden;  padding-top:40px; }
.mod18 .picBox ul{height:500px;position:absolute; left:0;}
.mod18 .picBox li{padding-left:75px; padding-right:1px; width:700px;height:500px;}
.mod18 .listBox{width:700px;height:100px;margin:0 auto;position:relative; padding-top:15px;overflow:hidden;}
.mod18 .listBox ul{height:88px;position:absolute; padding-left:12px; margin-left:-12px;}
.mod18 .listBox li{width:127px;height:77px;cursor:pointer;position:relative; padding:5px 0 0 0;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox li a{display:block;width:108px;height:77px;}
.mod18 .listBox img{border:3px solid #fff;}
.mod18 .listBox .on img{border:3px solid #CECDCC;}
.mod18 .listBox .on{background:url(../images/img_bg.png) center top no-repeat;}
.mod18 .listBox .on i{display:block;}

/******- 共同样式 -******/
a,.n1,.n2,.fo_ma, span, img, .ewmk11{
	transition:all 0.25s linear;
	-webkit-transition:all 0.25s linear;
	-moz-transition:all 0.25s linear;
	-o-transition:all 0.25s linear;
}
.cp_bt,.cp_b1,.cp_b2,.cp_tu,.cp_hei,.xw_jie li,.xtu span{
	transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
}

.ximg span,.gy_more,.gy_k{
	transition:all 0.7s linear;
	-webkit-transition:all 0.7s linear;
	-moz-transition:all 0.7s linear;
	-o-transition:all 0.7s linear;
}