/*****Reset Css  2015.8.20 By insaas.com ,Author:Changliang*****/
body, dl, dd, ul, ol ,h1, h2, h3, h4 ,form, input, button, textarea, p, th, td{ margin:0; padding:0; }
body{ font:12px/1.5 arial,"Microsoft yahei" ;*font:12px/1.5 "Microsoft yahei",arial ; color:#666; background-color:#f9f9f9;overflow-y:scroll; *overflow-y:none;}
img{vertical-align: middle; border:none;}
ul,ol{list-style:none outside none;}
table{border-collapse:collapse; border-spacing:0;}
button, input, select, textarea {font-size: 100%; vertical-align:middle;}
a{ color:#333; text-decoration:none; blr:expression(this.onFocus=this.blur()); transition:color 0.4s ease 0s;}
a:hover{ text-decoration:none; color:#e92a39;}
:focus {outline: 0 none;}
h1,h2,h3,h4{ font-size:100%; font-weight:normal;}
html,body{ width:100%; height:100%;}
.wrapper{ width:1180px; margin:auto;}
.clearfix:after{ content:"."; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1;}
.text{ border:none; font-size:12px; font-family:"Microsoft yahei"; }
.btn{ cursor:pointer; border:none; font-family:"Microsoft yahei"; }
em{ font-style:normal;}
.wbox{ width:1200px; margin:auto;}


.h{ height:86px;}
.header{ height:86px; width:100%;  background:rgb(249,249,249); z-index:9999;}
.header h1{ font-size:0; float:left; padding:10px 0 0 0px;}
.language{ text-align:right; padding-top:10px; color:#333;}
.language a{ margin:0 5px;}
.fixed{position:fixed; left:0; top:0; border-bottom:3px solid #e92a39; height:95px; -webkit-animation:fadeIn 0.8s ease 0s both; animation:fadeIn 0.8s ease 0s both;}
.fixed h1{ padding-top:0;}
.nav{ float:right; padding-top:35px;}
.fixed .nav{ padding-top:20px;}
.nav li{ float:left; height:53px; position:relative; z-index:9999;}
.nav li a{ background:url(../images/nav.jpg) no-repeat; height:27px; width:108px; display:block; font-size:0; text-indent:-9999px;}
.nav li .a1{ background-position:0 0;}
.nav li .a2{ background-position:-108px 0; width:107px;}
.nav li .a3{ background-position:-215px 0;}
.nav li .a4{ background-position:-323px 0;}
.nav li .a5{ background-position:-431px 0;}
.nav li .a6{ background-position:-539px 0; width:154px;}
.nav li .a1:hover{ background-position:0 -27px;}
.nav li .a2:hover{ background-position:-108px -27px;}
.nav li .a3:hover{ background-position:-215px -27px;}
.nav li .a4:hover{ background-position:-323px -27px;}
.nav li .a5:hover{ background-position:-431px -27px;}
.nav li .a6:hover{ background-position:-539px -27px;}
.fixed .nav li{ height:54px;}
.subnav{ background:rgb(249,249,249); width:1026px; height:360px; position:absolute; left:-440px; top:53px; z-index:99999; opacity:0; box-shadow:0 2px 3px #ccc;}
.fixed .subnav{ top:50px;}
.ie9 .fixed .subnav,.ie8 .fixed .subnav{ top:48px;}
.min-nav{ float:left; width:145px; border-right:1px solid #f0f0f0; height:360px;}
.nav li .min-nav dt{ font-size:16px; color:#e66935; text-align:center; margin-bottom:12px; padding-top:20px; font-family:'黑体';}
.nav li .subnav a{ background:none; text-indent:0;}
.nav li .min-nav dd a{ height:22px; line-height:22px; overflow:hidden; font-size:12px; color:#333333; font-family:"Microsoft yahei"; background:url(../images/sj1.png) no-repeat 0 -23px; padding-left:12px; margin-bottom:10px;}
.nav li .min-nav dd a:hover{ background-position:0 7px;color:#e66935;}
.nav li .subnav .more-class{ background:url(../images/more3.png) no-repeat; width:45px; height:160px; position:absolute; right:-45px; top:0;}
.nav li .subnav .morepro{color:#e66935; background:none; margin:0; margin:-7px 0 0 -12px;}
.hp07v0 {background: #eee;width: 100%;position: relative;overflow: hidden; height:600px; margin-bottom:20px;}
.hp07w1 {position: relative;width: 100%; margin: 0 auto; height: 600px;}
.hp07w2 {z-index: 4; position: absolute; top: 0; width:500px; background:rgba(0,0,0,0.5); left:50%; margin-left:80px; height:600px;}
.ie8 .hp07w2{ background:#000; filter:alpha(opacity=80);}
.hp07 { height: 600px;position: absolute;top: 100%;}
.hp07w4{  position: absolute;width: 100%; margin: 0 auto;height: 600px;top: 0;}
.hp07imgslide { position: absolute; width: 100%; margin: 0 auto;height: 600px; overflow: hidden;top: 100%;left: -100%;}
.hp07imgslide div {width: 100%;height: 600px;position: absolute; display: none;}
.hp07nav {position: absolute;top: 0;bottom: 0;width: 1em;right: 0;}
.hp07nav ul {position: absolute;top:44%; right:15px;}
.hp07nav a {color: #fff;display: block; width: 12px;border-radius: 50%;height: 12px;margin-top: 10px;margin-left: 10px;background-color: #ffffff; border:1px solid #fff;}
.hp07nav a.hp07selected {
  background: none;
}

.hp07 h3{padding:.6em 0 0 0;font-weight:normal;clear:both;font-size:18px;font-size:1.8rem}
.hp07z1{display:none}
.hp07w3{display:none;vertical-align:middle}
.cfeature .hp07w3{display:table-cell}
.hp07w4{position:absolute;width:100%;margin:0 auto;height:600px;top:0}
.hp07imgslide{position:absolute;width:100%;margin:0 auto;height:600px;overflow:hidden;top:100%;left:-100%}
.hp07imgslide div{width:100%;height:600px;position:absolute;display:none}
.hp07imgslide img{position:absolute;left:50%;margin-left:-960px;display:block; width:1920px; height:600px;}
.cslide div{display:block}
.hp07,.hp07 a{color:#fff}
.hp07w3{ width:460px; text-align:center; height:600px; line-height:600px;}
.hp07w3 img{ max-height:460px; max-width:460px;}
.hp07dnav{ width:35px; height:21px; position:absolute; left:50%; margin-left:-17px; z-index:999;}
.hp07prev{ background:url(../images/s2.png) no-repeat; top:45px;}
.hp07next{ background:url(../images/s3.png) no-repeat; bottom:45px;}

@media(min-width:0) and (max-width:1018px){.hp07w2{margin:0 1.25%}
}
@media(min-width:771px) and (max-width:990px){.hp07imgslide img{left:0;margin-left:-452px}
}
@media(min-width:0) and (max-width:870px){.hp07ttl{font-size:30px}
.hp07ttl-sm{font-size:24px}
}
@media(min-width:601px){.hp07nav ul{margin-left:0!Important}
.hp07{padding:0 3em 0 1.5em;left:0!Important}
.hp07single .hp07{padding:0 3em 0 2em}
.hp07imgslide,.hp07imgslide div{left:0!important}
}



.new-pro { margin-bottom:50px;}
.i-cloumn{ background:url(../images/i1.jpg) no-repeat; width:1180px; height:87px; margin-bottom:40px;}
.i-cloumn .more{ background:url(../images/icon1.jpg) no-repeat; width:112px; height:29px; line-height:29px; color:#fff; float:right; text-align:center; margin:25px 5px 0 0;}
.new-pro-block{ width:1240px;}
.new-img{ display:block; border-radius:5px; overflow:hidden; margin-bottom:15px; position:relative;}
.fn{ border-bottom:3px solid #d0d0d0; height:42px;}
.fn span{ width:50%; float:left; height:42px;}
.fn a{ background:url(../images/icon2.png) no-repeat; display:inline-block; transition:all 0.5s ease 0s;}
.fn .learn{ background-position:-1px -1px; height:24px; padding-left:40px; line-height:26px; margin-top:8px;}
.fn .learn:hover{ background-position:-1px -35px;}
.fn .buy{ background-position:-1px -80px; height:36px; padding-left:44px; line-height:40px;}
.fn .buy:hover{ background-position:-1px -126px;}
.new-pro-block li{ width:560px; float:left; text-align:center; margin-right:60px; }
.fn .s{ background:url(../images/s1.gif) no-repeat right bottom;}
.new-pro-block li:hover .fn{ border-color:#e92a39;}
.txt-box{ position:absolute; left:0; bottom:-100%; background:rgba(0,0,0,0.5); width:560px; color:#fff; text-align:left; line-height:28px; transition:all 0.5s ease 0s;}
.ie8 .txt-box{ background: #000; filter:alpha(opacity=70);}
.bpad{ padding:12px 20px; overflow:hidden;}
.new-img:hover .txt-box{ bottom:0;}
.begin .new-pro-block li:nth-child(1){-webkit-animation:fadeInLeft 0.8s linear 0.3s both; animation:fadeInLeft 0.8s linear 0.3s both;}
.begin .new-pro-block li:nth-child(2){-webkit-animation:fadeInRight 0.8s linear 0.3s both; animation:fadeInRight 0.8s linear 0.3s both;}
.new-pro-block li:hover{ -webkit-transform:translateY(-20px); transform:translateY(-20px);}
.culture{ background:#f2f2f2; height:730px;}
.c-show .i-cloumn{ background:url(../images/i2.jpg) no-repeat;}
.c-show .i-cloumn .more{ background:url(../images/icon3.png) no-repeat;}
.i-player{ background:url(../images/bg1.jpg) no-repeat; width:710px; height:550px; float:left; position:relative;}
.gf{ background:url(../images/bg2.jpg) no-repeat; width:428px; height:550px; float:right; position:relative;}
.play-video{ padding:87px 0 0 26px;}
.imore{width:26px; height:26px; position:absolute; right:25px; top:19px;}
.i-player .imore{ background:url(../images/more1.png) no-repeat; }
.gf .imore{ background:url(../images/more2.png) no-repeat center 0;}
.begin .i-player{-ms-animation:fadeInLeft 0.8s linear 0.3s both; -webkit-animation:fadeInLeft 0.8s linear 0.3s both; animation:fadeInLeft 0.8s linear 0.3s both;}
.begin .gf{-ms-animation:fadeInRight 0.8s linear 0.3s both; -webkit-animation:fadeInRight 0.8s linear 0.3s both; animation:fadeInRight 0.8s linear 0.3s both;}
.animate{ -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;}
.animate:hover{ -webkit-transform:translateY(-10px); transform:translateY(-10px);}
.gf-notice li{ padding:15px 0; border-bottom:1px solid #f3f3f3; height:60px;}
.gf-notice{ padding:58px 24px 0 20px;}
.gf-notice .pic-area{ float:left; width:110px; height:60px; overflow:hidden;}
.txt-area{ float:left; padding-left:12px; width:250px;}
.txt-area h3{ height:20px; overflow:hidden; padding-top:6px; font-size:14px;}
.txt-area .intro{ width:250px; height:20px; overflow:hidden; margin-top:6px; white-space: nowrap;text-overflow: ellipsis;}
.gf-notice .pic-area img{ -webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s;}
.gf-notice .pic-area:hover img{ -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.brand-p .i-cloumn{ background:url(../images/i3.jpg) no-repeat;}
.ibanner{ height:320px; position:relative; width:100%;}
.begin.ibanner{ -webkit-animation:fadeInUp 0.3s linear 0.3s both; animation:fadeInUp 0.3s linear 0.4s both;}
.movebox{ width:110px; height:125px; border-radius:0 0 54px 54px; position:absolute; left:50%; margin-left:-236px; top:72px; overflow:hidden; z-index:9;}
.move-shade{background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.2), rgba(255,255,255,0.5),rgba(255,255,255,0.2));background-image: -moz-linear-gradient(left, rgba(255,255,255,0.2), rgba(255,255,255,0.5),rgba(255,255,255,0.2));background-image: -ms-linear-gradient(left, rgba(255,255,255,0.2), rgba(255,255,255,0.5),rgba(255,255,255,0.2)); width:110px; height:125px; -webkit-transform:skewX(-25deg);transform:skewX(-25deg); position:absolute; left:-138px; top:0; }
.begin .move-shade{-webkit-animation:moveshade 0.2s linear 1s backwards; animation:moveshade 0.2s linear 1s backwards;}
.movebox:hover .move-shade{left:138px; transition:all 0.3s ease 0s;}
.brand-show{ width:1100px; margin:auto;}
.shou{  height:215px; position:relative; border-bottom:1px solid #e4e4e4;}
.white{ background:#fff; height:450px;}
.i1{ position:absolute; left:190px; top:58px;}
.i2{ position:absolute; left:394px; top:60px;}
.i3{ position:absolute; left:600px; top:58px;}
.i4{ position:absolute; left:785px; top:62px;}
.shou span{ text-align:center; font-size:14px; color:#333;}
.shou span img{ margin-bottom:10px;}
.begin .i2 img{ -webkit-animation:i2 0.5s ease-out 0.2s both; animation:i2 0.5s ease-out 0.2s both;}
.begin .i3 img{ -webkit-animation:i2 0.5s ease-out 0.5s both; animation:i2 0.5s ease-out 0.5s both;}
.begin .i4 img{ -webkit-animation:i2 0.5s ease-out 0.8s both; animation:i2 0.5s ease-out 0.8s both;}
.begin .i5{background:url(../images/icon9.png) no-repeat; position:absolute; left:318px; top:92px; width:445px; height:29px; -webkit-animation:fadeInUp 0.6s ease-out 1.4s both; animation:fadeInUp 0.6s ease-out 1.4s both;}
.begin .shou em{-webkit-animation:fadeInUp 0.6s ease-out 1.4s both; animation:fadeInUp 0.6s ease-out 1.4s both;}
.my-suss{ height:235px; position:relative;}
.i6{ left:260px; top:28px;}
.i7{ left:430px; top:28px;}
.i8{ left:600px; top:28px;}
.i9{ left:770px; top:28px;}
.my-suss span{ position:absolute; text-align:center; font-size:14px; color:#333;}
.my-suss span img{ margin-bottom:10px;}
.i10{ background:url(../images/icon14.png) no-repeat; left:370px; top:60px; width:358px; height:18px;}
.begin .i7 img{ -webkit-animation:i2 0.5s ease-out 1.2s both; animation:i2 0.5s ease-out 1.2s both;}
.begin .i8 img{ -webkit-animation:i2 0.5s ease-out 1.5s both; animation:i2 0.5s ease-out 1.5s both;}
.begin .i9 img{ -webkit-animation:i2 0.5s ease-out 1.8s both; animation:i2 0.5s ease-out 1.8s both;}
.begin .i10 { -webkit-animation:fadeInUp 0.6s ease-out 2s both; animation:fadeInUp 0.6s ease-out 2s both;}


.footer{ border-top:3px solid #e92a39; width:100%; background:#383838;}
.w1200{ width:1200px; margin:auto; height:225px;}
.bot-meuns{ float:left; width:170px; padding-top:52px;}
.bot-meuns dt{ font-size:16px; margin-bottom:12px;}
.bot-meuns a{ color:#fff;}
.bot-meuns dd{ margin-bottom:7px;}
.rd { width:250px; float:right;}
.rd dt{ background:url(../images/icon15.png) no-repeat; width:50px; height:50px; float:left;}
.hot-line{ padding-top:82px;}
.hot-line dt{ background-position:0 0; margin-top:10px;}
.hot-line dd{ float:left; width:190px; color:#fff; line-height:22px; padding-left:10px;}
.hot-line .tel{ color:#e92a39; font-size:24px;}
.wechat{ width:190px; padding-top:90px;}
.wechat dt{ background-position:0 -60px;}
.wechat dd,.wb dd{ color:#fff; font-size:16px; float:left; padding:12px 0 0 10px; position:relative;}
.wb dd a{ color:#fff;}
.er{ position:absolute; left:0; top:-126px; display:none;}
.wb { width:130px; padding-top:90px;}
.wb dt{ background-position:0 -120px;}
.copy{ border-top:1px solid #8a8a8a; padding:25px 0; text-align:center; color:#d1d1d1; font-size:14px;}
.copy a{color:#d1d1d1;}
.containerbg{ background:url(../images/bg3.jpg) repeat; width:100%; min-height:300px; overflow: hidden;}
.pbt{ padding-top:64px;}
.dz-tit span{ background:url(../images/xing.png) no-repeat; width:193px; height:165px; display:block; font-size:0; text-indent:-9999px; margin-left:-23px;}
.pro-box{ width:1178px; height:450px; background:#fff; border-radius:15px; border:1px solid #fa664d; position:relative; box-shadow:4px 3px 4px #c2bfbc;}
.dz-box{ margin-top:-62px; margin-bottom:20px;}
.sg-icon{ background:url(../images/g1.png) no-repeat; width:517px; height:183px; position:absolute; left:50%; margin-left:-256px; top:-125px;}
.scroll-list{ width:1140px; margin:90px auto 0; position:relative;}
.probtn{width:33px; height:30px; position:absolute; top:98px;}
.p-prev{ background:url(../images/l1.png) no-repeat;  left:0;}
.p-next{ background:url(../images/r1.png) no-repeat;  right:0;}
.scroll-pro-box{ width:1000px; margin:auto; height:280px; position:relative; margin:auto; overflow:hidden;}
.scroll-pro-box ul{ width:1100px; position:absolute; left:0; top:0;}
.scroll-pro-box li{ float:left; width:220px; text-align:center; margin-right:37px;}
.pro-pic{ width:220px; height:220px; display:table-cell; vertical-align:middle; padding-bottom:20px;}
.pro-pic img{ max-width:220px; max-height:220px;}
.scroll-pro-box .pro-name{ background:url(../images/bg4.png) no-repeat; width:145px; height:37px; text-align:center; line-height:39px; color:#fff; display:block; margin:auto; overflow:hidden;}
.small-list{ width:1220px;}
.item{ width:575px; height:450px; background:#fff;  border:1px solid #f79342; -webkit-transform-origin:50% 0; transform-origin:50% 0; }  
.circle{ background:url(../images/icon16.png) no-repeat; width:232px; height:52px; position:absolute; left:50%; top:-37px; z-index:999; margin-left:-116px;}
.laybox{float:left; width:575px; height:450px; position:relative; margin:0 26px 20px 0; -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
	
	-webkit-perspective: 900px;
    -moz-perspective: 900px;
    perspective: 900px;
}
.slist{ width:535px; margin:15px auto 0;}
.stit{ color:#f79342; font-size:24px; padding:50px 0 0 66px;}
.slist .scroll-pro-box{ width:440px;}
.slist .scroll-pro-box li{ margin-right:0;}
.slist .pro-name{ background:url(../images/bg5.png) no-repeat;}
.begin .item{ -webkit-animation:d3 0.8s ease-out 0.2s backwards; animation:d3 0.8s ease-out 0.2s backwards;}

.content{ padding:90px 0 100px;}
.leftmenus{ width:300px; float:left; border:1px solid #fa664d;border-radius:15px; background:url(../images/bg6.jpg) no-repeat left bottom #fff; position:relative; box-shadow:4px 3px 3px #c2beba;}
.leftmenus ul{ padding:30px 25px 0; margin-bottom:150px;}
.leftmenus li a{ font-size:16px; color:#666; background:url(../images/icon18.png) no-repeat 12px -36px; padding-left:40px; display:block; height:50px; line-height:50px;border-bottom:1px solid #d8d7d7; position:relative;}
.leftmenus li a span{ background:url(../images/icon17.png) no-repeat; position:absolute; right:5px; bottom:0; width:18px; height:26px; display:none;}
.leftmenus li a:hover span,.leftmenus .hover span{ display:block;}
.leftmenus li a:hover,.leftmenus .hover a{ background-position:12px 17px; color:#000;border-color:#fa664d;}
.ring{ background:url(../images/icon19.png) no-repeat; width:64px; height:63px; position:absolute; right:-48px;}
.ring-s{ top:60px;}
.ring-x{ bottom:60px;}
.rmain{ width:876px; float:right; background:#fff; border:1px solid #fa664d;border-radius:15px; box-shadow:4px 3px 3px #c2beba;}
.rmain img{max-width: 800px!important;height: auto!important}
.bread{ text-align:right; padding:45px 25px 8px 0; background:url(../images/hr.gif) no-repeat 424px bottom; height:18px; line-height:18px; font-size:14px;}
.bread strong{ font-weight:normal; color:#fa6b53;}
.bread span{ background:url(../images/icon20.png) no-repeat left; padding-left:25px; display:inline-block;}
.box{ width:100%; overflow:hidden;}
.pro-article{ padding:20px 0 80px; min-height:400px; overflow:hidden; color:#333; display:none;}
.pro-article img{ max-width:876px;}
.prointro-scroll{ height:440px; width:100%; margin:50px auto 0;}
.prointro-scroll .scroll-pro-box,.prointro-scroll .scroll-pro-box li{ width:695px; height:440px; line-height:440px; margin:0 auto; text-align:center;}
.prointro-scroll .probtn{ top:210px;}
.prointro-scroll .p-prev{ left:50px;}
.prointro-scroll .p-next{ right:30px;}
.prointro-scroll .scroll-pro-box li img{ max-width:695px; max-height:440px;}
.pro-down{ padding:5px 0 0 50px; margin-bottom:15px;}
.pro-down span{ font-size:16px; color:#fa664d; background:url(../images/icon21.png) no-repeat left; padding-left:30px;}
.pro-down-list{ padding:0 0  0 50px; margin-bottom:20px;}
.pro-down-list li{ float:left; padding:15px 0 8px; border-bottom:1px solid #cac9c7; margin-right:50px; width:363px; overflow:hidden; vertical-align:bottom;}
.pro-down-list li span{ float:left; background:url(../images/icon23.png) no-repeat 0 -41px; padding-left:20px; margin-left:5px; width:260px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.pro-down-list li a{ background:url(../images/icon24.png) no-repeat 0 -46px; width:18px; height:18px; float:right; margin-right:5px;}
.pro-down-list li:hover{ color:#fa664d;}
.pro-down-list li:hover span{ background-position:0 4px;}
.pro-down-list li:hover a{ background-position:0 0;}
.heart span{ background:url(../images/icon22.png) no-repeat left;}
.su-service{ padding:0 50px; height:125px;}
.su-service dt{ float:left;}
.su-service dd{ float:left; width:600px; padding:10px 0 0 20px;}
.su-service dd h3{ font-size:14px; margin-bottom:10px;}
.su-service dd .intro{ line-height:24px;}
#gotop{ background:url(../images/top_1.png) no-repeat; width:44px; height:44px; position:fixed; right:20px; bottom:75px; -webkit-animation:bot 0.8s ease-in-out 0s both; animation:bot 0.8s ease-in-out 0s both;}
.leftmenus .submenus li{ height:50px; line-height:50px;}
.leftmenus .submenus li a{ background:url(../images/icon25.png) no-repeat 36px -32px; height:50px; line-height:50px; padding-left:70px;}
.leftmenus .submenus{ padding:0; margin:0; display:none;}
.leftmenus .hover .submenus li a{ border-color:#d8d7d7; }
.leftmenus .hover .submenus li .on,.leftmenus .submenus li a:hover{ border-color:#fa664d;background:url(../images/icon25.png) no-repeat 36px 19px;}
.brand-article{ padding:30px 40px 80px; min-height:400px; overflow:hidden; width:795px; line-height:24px; color:#333}
.old-item dt{ background:#fa664d; height:35px; line-height:35px; border-radius:5px; position:relative; cursor:pointer; margin-bottom:20px;}
.old-item dt span{ color:#fff; font-size:14px; float:left; margin-left:10px;}
.old-item dt b{ background:url(../images/kai.gif) no-repeat; width:10px; height:9px; position:absolute; right:15px; top:13px;}
.act dt b{ background:url(../images/guan.gif) no-repeat; width:8px; height:2px; top:16px;}
.v-list{ padding-left:15px; overflow: hidden; *padding-bottom: 20px;}
.v-list li{ width:220px; height:150px; position:relative; overflow:hidden; margin:0 18px 36px; float:left; border-radius:5px;}
.v-list li h3{ background:rgba(0,0,0,0.5); height:35px; line-height:35px; width:220px; position:absolute; left:0;text-align:center; color:#fff; overflow:hidden; bottom:-35px; -webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; }
.ie8 .v-list li h3{ background: #000; filter:alpha(opacity=70);}
.v-list li:hover h3{ bottom:0;}
.old-item dd{ display:none; overflow: hidden; position: relative;}
.on dt b{ background:url(../images/guan.gif) no-repeat; width:8px; height:2px; right:15px; top:17px;}
.agree{ width:795px; margin-bottom:50px;}
.agree .stit{ padding:0; color:#fa664d;}
.agree .slist{ width:795px;}
.agree .slist .scroll-pro-box{ width:670px;}
.agree .pro-name{ background:url(../images/bg4.png) no-repeat;}
.agreed .scroll-pro-box li{ width:200px; height:330px; margin-right:35px; padding-top: 40px; position: relative;}
.gl span{ background: url(../images/icon28.png) no-repeat; width: 127px; height: 78px; position: absolute; top: 0; left: 34px;}
.agreed .scroll-pro-box li img{ width:200px; height:290px; max-width:200px; max-height:290px;}
.agreed .scroll-pro-box{ height:330px;}
.agreed .probtn{ top:182px;}
.agreed .slist{ margin-top:20px;}
.agree-article{ padding-top:40px; overflow:hidden;}
.agree-article img{ max-width:795px;}
.big{width:537px; height:450px; position:relative; float:left;}
.big-img{ width:475px; height:300px; border:1px solid #dedede; position:relative; padding:30px;}
.big-img li{ width:475px; height:300px; position:absolute; left:30px; top:30px; display:none;}
.big-img li h3{ position:absolute; width:475px; height:30px; left:0; bottom:-120px; text-align:center; font-size:14px; background:url(../images/shade.jpg) no-repeat center bottom; padding-bottom:42px;}
.smallbox{ width:140px; float:left; margin-left:25px; position:relative;}
.over-small{ height:342px; position:relative; overflow:hidden; margin-top:10px;}
.over-small li{ padding:10px 5px; border:1px solid #dedede; margin-bottom:18px;}
.over-small ul{ position:absolute; left:0; top:0;}
.over-small .on{ border-color: #dc5e32;}
.abtn{  width:29px; height:18px; position:absolute; left:59px;}
.up{ top:-20px;background:url(../images/sjup.png) no-repeat;}
.down{ bottom:-30px; background:url(../images/sjdown.png) no-repeat;}
.cbd{ width:702px; margin:auto; padding-top:30px;}
.list{ min-height:450px; padding:10px 30px 50px;}
.news-list{ margin-bottom:30px;}
.news-list li{ padding:18px 0 6px; border-bottom:1px solid #cac9c7; overflow:hidden; vertical-align:bottom;}
.news-list li a{ float:left; background:url(../images/icon23.png) no-repeat 0 5px; padding-left:18px; margin-left:5px;}
.news-list li span{ float:right;}
.pages{ text-align:center;}
.pages a,.pages span{ display:inline-block; padding:0 6px; margin:0 5px;}
.pages .cur{ background:#fa664d; color:#fff;}
.atitle{ text-align:center; margin-top:20px;}
.atitle h1{ font-size:16px; font-weight:normal; margin-bottom:12px; color:#fa6b53;}
.atitle .data{color:#999;}
.atitle .data span{ margin:0 10px;}
.download { float:left;}
.download li{ float:none; margin-right:0;}
.fl{ float:left; padding-bottom:0;}
.link{ height: 32px;margin-bottom: 40px;}
.link em{ font-size: 14px; float: left; color: #333; margin-top: 4px; }
.mnselect{ background: url(../images/icon26.png) no-repeat right top; height: 32px; width: 202px; position: relative; float: left;}
#val{ height: 30px; line-height: 30px; display: block; text-align: center;; width: 170px; font-size: 14px;}
#selectbox{ width: 200px; border: 1px solid #9e9e9e; border-top: none; position: absolute; left: 0; top: 28px; padding-top: 5px; display: none; z-index: 99;}
#selectbox li{ height: 30px; line-height: 30px; font-size: 14px; text-align: center;}
#selectbox li a{ display: block;}
.shop .scroll-pro-box li img,.shop .scroll-pro-box li{ width: 280px; height: 400px;}
.shop .scroll-pro-box li{ margin-right: 25px; border-radius:25px; padding-top: 75px; position: relative;}
.shop .slist,.shop .slist .scroll-pro-box{ width: 1195px; height: 495px;}
.shop .probtn{ top: 285px;}
.shop .p-next{ right: -80px;}
.shop .p-prev{ left: -80px;}
.shop ul{ height: 495px;}
.shop li span{ background: url(../images/icon27.png) no-repeat; width: 178px; height: 109px; position: absolute; left: 50px; top: 12px;}
.mb30{ margin-bottom: 30px;}
.leftmenus li{ *overflow: hidden; *padding-bottom: 1px; *position: relative;}







@-webkit-keyframes d3{
0%{
	-webkit-transform: rotate3d(1, 0, 0, 45deg);
    -moz-transform: rotate3d(1, 0, 0, 45deg);
    -ms-transform: rotate3d(1, 0, 0, 45deg);
    -o-transform: rotate3d(1, 0, 0, 45deg);
    transform: rotate3d(1, 0, 0, 45deg); 
	opacity:0;
}
	
100%{
	-webkit-transform: rotate3d(1, 0, 0, 0deg);
    -moz-transform: rotate3d(1, 0, 0, 0deg);
    -ms-transform: rotate3d(1, 0, 0, 0deg);
    -o-transform: rotate3d(1, 0, 0, 0deg);
    transform: rotate3d(1, 0, 0, 0deg); 
	opacity:1;
}
}

@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-40px)}
100%{opacity:1;-webkit-transform:translateX(0)}}
@-moz-keyframes fadeInLeft{0%{opacity:0;-moz-transform:translateX(-40px)}
100%{opacity:1;-moz-transform:translateX(0)}}
.fadeInLeft{-webkit-animation-name:fadeInLeft;-moz-animation-name:fadeInLeft}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(40px)}
100%{opacity:1;-webkit-transform:translateX(0)}}
@-moz-keyframes fadeInRight{0%{opacity:0;-moz-transform:translateX(40px)}
100%{opacity:1;-moz-transform:translateX(0)}}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px)}
100%{opacity:1;-webkit-transform:translateY(0)}}
@-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translateY(20px)}
100%{opacity:1;-moz-transform:translateY(0)}}
.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp}
@-webkit-keyframes moveshade{
0%{ left:-138px;}
100%{left:138px;}
}
@-moz-keyframes moveshade{
0%{ left:-138px;}
100%{left:138px;}
}
@-ms-keyframes moveshade{
0%{ left:-138px;}
100%{left:138px;}
}
@keyframes i2{
0%{ opacity:0; transform:scale(0,0);}
80%{ opacity:1; transform:scale(1.2,1.2);}
100%{ transform:scale(1,1);}
}
@-webkit-keyframes i2{
0%{ opacity:0; -webkit-transform:scale(0,0);}
80%{ opacity:1; -webkit-transform:scale(1.2,1.2);}
100%{ -webkit-transform:scale(1,1);}
}
@-webkit-keyframes fadeIn{0%{opacity:0}
100%{opacity:1}}
@-moz-keyframes fadeIn{0%{opacity:0}
100%{opacity:1}}


@-webkit-keyframes bot{
	0%{opacity:0;-webkit-transform:translateY(800px);}
	80%{opacity:1;-webkit-transform:translateY(-60px);}
	100%{-webkit-transform:translateY(0);}
}
@keyframes bot{
	0%{opacity:0;transform:translateY(800px);}
	80%{opacity:1;transform:translateY(-60px);}
	100%{transform:translateY(0);}
}
.w414{ width:127%!important;}


.in_ab{padding:0 30px 0 0}
.in_ab p{font-size:18px;text-indent:2em}