@charset "utf-8";
html{font-size:100%;height:100%;}
body{direction:ltr;font-family:"微软雅黑","microsoft yahei", Helvetica, Arial, sans-serif;font-size:14px;padding:0px!important;margin:0px!important;line-height:1.5;font-style:normal;font-weight:normal;height:100%; color:#666; background:#FFFFFF; overflow:scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,th,td,span,p{margin:0;padding:0;}
form,fieldset,legend,input,textarea{outline:none;}
li{list-style:none;}
img{border:0px;}

a:link{color:#666666; text-decoration:none;}a:visited{color:#666666; text-decoration:none;}a:hover{color:#d91a28;}
.red,a.red,a.red:hover{color:red;}.green,a.green,a.green:hover{color:#89bd3e;}
.clearfix{height:0px; width:0px; font-size:0px; clear:both; padding:0px; margin:0px;}
.fl{float:left;}.fr{float:right;}.tc{text-align:center;}.tr{text-align:right;}.dn{display:none;}.db{display:block;}

.top_box{width:100%; height:68px; overflow:hidden;}
.top_nav{background:#303848; min-height:68px; width:100%; position:fixed; z-index:999;}
.top_menu{width:1200px; margin:0px auto;}
.top_menu a{color:#fff; font-size:14px; line-height:68px; height:68px; display:block;}
.top_menu a:hover,.top_menu .o a{color:#f12428;}
.logo{background:url(logo.png) no-repeat; height:36px; float:left; width:200px; margin-top:16px;}
.logo a{display:block; height:36px; text-indent:-99999px; width:100%;}

.left_menu{float:left; overflow:hidden; height:68px;}
.left_menu li{ padding-left:12px; padding-right:12px; float:left;  height:68px;}
.right_menu{float:right; overflow:hidden; height:68px;}
.right_menu li{ padding-left:12px; padding-right:12px; float:left;  height:68px;}


.fullSlide{width:100%;position:relative;height:500px;background:#FFF; overflow:hidden;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden}
.fullSlide .bd ul{width:100%!important}
.fullSlide .bd li{width:100%!important;height:500px;overflow:hidden;text-align:center}
.fullSlide .bd li a{display:block;height:500px}
.fullSlide .bd span{position:absolute; top:30px; left:30px; width:100px; text-align:center; height:42px; background:#fff;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px}
.fullSlide .hd ul{text-align:center}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:28px;height:8px;margin:1px;overflow:hidden;background:#fff;filter:alpha(opacity=50);opacity:.5;line-height:999px}
.fullSlide .hd ul .on{background:#FFF;filter:alpha(opacity=100);opacity:1;}
.fullSlide .prev,.fullSlide .next{position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;width:40px;height:60px;background:url(/images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:.5;display:none}
.fullSlide .next{left:auto;right:15%;background-position:-6px -137px}

.index_box{width:100%; overflow:hidden;}
.ib_box{width:1200px; overflow:hidden; margin:0px auto;}
.ib_title{text-align:center; font-size:32px; color:#333333;}
.ib_stitle{text-align:center; line-height:50px; height:50px;}

.ipro_box{width:400px; float:left; position:relative;}
.ipro_box .ipro_pic{text-align:center;}
.ipro_box .ipro_title{text-align:center; font-size:20px; color:#333333; padding-bottom:8px;}
.ipro_box .ipro_content{color:#888; padding-left:28px; padding-right:28px; line-height:28px; height:84px; overflow:hidden; text-align:center;}
.i_btn{width:100px; text-align:center; margin:0px auto; margin-top:22px;}
.i_btn a{display:block; height:36px; line-height:36px; color:#d91a28; border-radius:3px; border:1px solid #d91a28; transition: background-color .3s;}
.i_btn a:hover{background:#d91a28; color:#fff;}

.ip_list{overflow:hidden; width:100%; padding-bottom:60px;}
.ip_box{width:570px; padding-left:15px; padding-right:15px; float:left; margin-top:42px; margin-bottom:18px; overflow:hidden;}
.ip_box .ip_pic{float:left; width:185px; text-align:center;}
.ip_box .ip_title{color:#333333; font-size:20px; padding-top:3px; line-height:52px;}
.ip_box .ip_info{line-height:24px; color:#888; text-indent:28px;}

.icase_list{overflow:hidden;}
.icase_list li{float:left; margin-right:15px; border:2px solid #ccc; margin-top:5px; margin-bottom:10px; font-size:0px; position:relative;}
.icase_list li:hover{cursor:pointer;}
.icase_list span{position:absolute; top:0px; left:0px; z-index:-999;}

.top_banner{width:100%; height:300px; overflow:hidden;}
.bg1{background:url(top_banner1.jpg) center no-repeat;}
.bg2{background:url(top_banner2.jpg) center no-repeat;}
.bg3{background:url(top_banner3.jpg) center no-repeat;}
.bg4{background:url(top_banner4.jpg) center no-repeat;}
.bg5{background:url(top_banner5.jpg) center no-repeat;}
.bg6{background:url(top_banner6.jpg) center no-repeat;}
.bg7{background:url(top_banner7.jpg) center no-repeat;}

.web_box1,.web_box2,.web_box3,.web_box4{width:1200px; margin:0px auto; position:relative; margin-top:50px; overflow:hidden;}
.web_box1 .wb1_left{background:url(web_0.png) no-repeat; background-size:100% auto; float:left; width:660px; height:672px; -webkit-perspective:500;perspective:500;-webkit-perspective-origin:50% 0;perspective-origin:50% 0; overflow:hidden;}
.web_box1 .wb1_left img{top:24px;left:42px; opacity:0; -webkit-transform:rotateX(-14deg) scale(0.8,.9);transform-origin:50% 100%;box-shadow:0 1px 20px rgba(0,0,0,.5); position:absolute;}
.web_box1 .active img{-webkit-animation:scaleout 1.4s .5s forwards;animation:scaleout 1.4s .5s forwards}
.web_box1 .wb1_right{float:right; text-align:right; padding-top:42px; width:450px;}

.web_box3 .wb3_right{background:url(pc_img_01.png) top right no-repeat; background-size:100% auto; float:right; width:660px; height:672px; -webkit-perspective:500;perspective:500;-webkit-perspective-origin:50% 0;perspective-origin:50% 0; position:relative;}
.web_box3 .wb3_right img{top:24px;right:44px; opacity:0; -webkit-transform:rotateX(-14deg) scale(0.8,.9);transform-origin:50% 100%;box-shadow:0 1px 20px rgba(0,0,0,.5); position:absolute;}
.web_box3 .active img{-webkit-animation:scaleout 1.4s .5s forwards;animation:scaleout 1.4s .5s forwards}
.web_box3 .wb3_left{float:left; text-align:left; padding-top:42px; width:450px;}



@-webkit-keyframes scaleout{
	0%{opacity:0;-webkit-transform:rotateX(-14deg) scale(0.8,.9)}
	100%{opacity:1;-webkit-transform:rotateX(0deg) scale(1,1)}
}
@keyframes scaleout{
	0%{opacity:0;transform:rotateX(-14deg) scale(0.8,.9)}
	100%{opacity:1;transform:rotateX(0deg) scale(1,1)}
}
.btn_goto{width:224px;height:64px;margin-top:35px;line-height:64px;text-align:center;color:#fff;background:#f12428;border-radius:32px;-webkit-transition:background .4s;transition:background .4s;box-shadow:0 3px 7px rgba(255,169,33,.5); float:right; cursor:pointer; font-size:24px; margin-right:20px;}
.btn_goto:hover{background:#ffa921;}
.btn_goto a{color:#fff;}

.wb2_left{width:450px; float:left;}
.wb2_right{width:550px; float:right; position:relative;}
.wb2_right .img_box{float:right; margin-right:178px; position:relative;}
.wb2_right .img_box .img_01{position:relative; left:0px; top:0px;}
.wb2_right .img_box .img_02{top:52px;left:35px;z-index:3; position:absolute;}
.wb2_right .img_tr_box{position:absolute;z-index:1;top:85px;left:35px;width:195px;height:305px;background-color:#fff;overflow:hidden}
.wb2_right .img_box .img_03{top:0;left:0;z-index:2; position:absolute;}
.wb2_right .img_box .img_04{top:0;left:201px; position:absolute;}
.wb2_right .img_in_right{position:absolute;z-index:1;top:85px;left:242px;width:200px;height:398px;overflow:hidden;-webkit-perspective:500;perspective:500;-webkit-perspective-origin:0 47%;perspective-origin:0 47%}
.wb2_right .img_in_left{position:absolute;z-index:1;top:85px;left:-172px;width:200px;height:398px;overflow:hidden;-webkit-perspective:500;perspective:500;-webkit-perspective-origin:100% 47%;perspective-origin:100% 47%}
.wb2_right .img_box .img_05{top:0;left:279px;opacity:.2;-webkit-transform-origin:95% 0;transform-origin:95% 0; position:absolute;}
.wb2_right .img_box .img_06{top:0;left:0;-webkit-transform-origin:5% 0;transform-origin:5% 0;-webkit-transform:translate3d(0px,0px,0px) rotateY(14deg) scale(0.96,1);transform:translate3d(0px,0px,0px) rotateY(14deg) scale(0.96,1); position:absolute;}
.wb2_right .img_box .img_07{top:0;left:279px;opacity:.2;-webkit-transform-origin:5% 50%;transform-origin:5% 50%;-webkit-transform:translate3d(0px,0px,0px) rotateY(14deg) scale(0.55,.7);transform:translate3d(0px,0px,0px) rotateY(14deg) scale(0.55,.7); position:absolute;}
.wb2_right .img_box .img_08,.wb2_right .img_box .img_09{display:none}
.web_box2 .active .img_box .img_03{-webkit-animation:img_tr 1.4s .2s ease-in-out forwards;animation:img_tr 1.4s .2s ease-in-out forwards}
.web_box2 .active .img_box .img_04{-webkit-animation:img_tr 1.4s .2s ease-in-out forwards;animation:img_tr 1.4s .2s ease-in-out forwards}
.web_box2 .active .img_box .img_05{-webkit-animation:img_in 1.4s .2s ease-in-out forwards;animation:img_in 1.4s .2s ease-in-out forwards}
.web_box2 .active .img_box .img_06{-webkit-animation:img_in_2 1.4s .2s ease-in-out forwards;animation:img_in_2 1.4s .2s ease-in-out forwards}
.web_box2 .active .img_box .img_07{-webkit-animation:img_in_3 1.4s .2s ease-in-out forwards;animation:img_in_3 1.4s .2s ease-in-out forwards}
@-webkit-keyframes img_tr{0%{-webkit-transform:translate(0px,0px)}
100%{-webkit-transform:translate(-201px,0px)}}
@-webkit-keyframes img_in{0%{opacity:.2;-webkit-transform:translate3d(0px,0px,0px) rotateY(0deg) scale(1,1)}
100%{opacity:1;-webkit-transform:translate3d(-279px,0px,0px) rotateY(-14deg) scale(0.96,1)}}
@-webkit-keyframes img_in_2{0%{opacity:1;-webkit-transform:translate3d(0px,0px,0px) rotateY(14deg) scale(0.96,1)}
100%{opacity:.2;-webkit-transform:translate3d(-208px,0px,0px) rotateY(0deg) scale(1,1)}}
@-webkit-keyframes img_in_3{0%{opacity:.2;-webkit-transform:translate3d(0px,0px,0px) rotateY(14deg) scale(0.55,.7)}
100%{opacity:1;-webkit-transform:translate3d(-279px,0px,0px) rotateY(14deg) scale(0.96,1)}}
@keyframes img_tr{0%{transform:translate(0px,0px)}
100%{transform:translate(-201px,0px)}}
@keyframes img_in{0%{opacity:.2;transform:translate3d(0px,0px,0px) rotateY(0deg) scale(1,1)}
100%{opacity:1;transform:translate3d(-279px,0px,0px) rotateY(-14deg) scale(0.96,1)}}
@keyframes img_in_2{0%{opacity:1;transform:translate3d(0px,0px,0px) rotateY(14deg) scale(0.96,1)}
100%{opacity:.2;transform:translate3d(-208px,0px,0px) rotateY(0deg) scale(1,1)}}
@keyframes img_in_3{0%{opacity:.2;transform:translate3d(0px,0px,0px) rotateY(14deg) scale(0.55,.7)}
100%{opacity:1;transform:translate3d(-279px,0px,0px) rotateY(14deg) scale(0.96,1)}}

.wb4_left{width:550px; float:left; position:relative; height:800px;}
.wb4_right{float:right; width:450px;}
.web_box4 .img_box{left:13px; position:absolute; top:100px;}
.web_box4 .img_box img{position:absolute;}
.web_box4 .img_box .img_01{left:-14px;top:-4px}
.web_box4 .img_box .img_02{top:40px;left:58px}
.web_box4 .img_box .img_03{top:-4px;left:69px;-webkit-transform:rotate(-6deg);transform:rotate(-6deg);-webkit-transform-origin:96% 69%;transform-origin:96% 69%}
.web_box4 .img_box .img_04{top:-38px;left:97px;-webkit-transform:rotate(-12deg);transform:rotate(-12deg);-webkit-transform-origin:96% 75%;transform-origin:96% 75%}
.web_box4 .img_box .img_05{top:-69px;left:131px;-webkit-transform:rotate(-18deg);transform:rotate(-18deg);-webkit-transform-origin:97% 80%;transform-origin:97% 80%}
.web_box4 .img_box .img_06{top:-94px;left:168px;-webkit-transform:rotate(-24deg);transform:rotate(-24deg);-webkit-transform-origin:97% 84%;transform-origin:97% 84%}
.web_box4 .img_box .img_07{top:-115px;left:241px;-webkit-transform:rotate(-30deg);transform:rotate(-30deg);-webkit-transform-origin:88% 99%;transform-origin:88% 99%}
.web_box4 .active .img_box .img_03{-webkit-animation:tr_img_03 1.8s 1.2s forwards;animation:tr_img_03 1.8s 1.2s forwards}
.web_box4 .active .img_box .img_04{-webkit-animation:tr_img_04 1.8s .9s forwards;animation:tr_img_04 1.8s .9s forwards}
.web_box4 .active .img_box .img_05{-webkit-animation:tr_img_05 1.8s .6s forwards;animation:tr_img_05 1.8s .6s forwards}
.web_box4 .active .img_box .img_06{-webkit-animation:tr_img_06 1.8s .3s forwards;animation:tr_img_06 1.8s .3s forwards}
.web_box4 .active .img_box .img_07{-webkit-animation:tr_img_07 1.8s 0s forwards;animation:tr_img_07 1.8s 0s forwards}
@-webkit-keyframes tr_img_03{0%{-webkit-transform:rotate(-6deg) translate(0px,0px)}
100%{-webkit-transform:rotate(0deg) translate(3px,0px)}}
@-webkit-keyframes tr_img_04{0%{-webkit-transform:rotate(-12deg) translate(0px,0px)}
100%{-webkit-transform:rotate(0deg) translate(3px,2px)}}
@-webkit-keyframes tr_img_05{0%{-webkit-transform:rotate(-18deg) translate(0px,0px)}
100%{-webkit-transform:rotate(0deg) translate(6px,5px)}}
@-webkit-keyframes tr_img_06{0%{-webkit-transform:rotate(-24deg) translate(0px,0px)}
100%{-webkit-transform:rotate(0deg) translate(19px,5px)}}
@-webkit-keyframes tr_img_07{0%{-webkit-transform:rotate(-30deg) translate(0px,0px)}
100%{-webkit-transform:rotate(0deg) translate(-5px,6px)}}
@keyframes tr_img_03{0%{transform:rotate(-6deg) translate(0px,0px)}
100%{transform:rotate(0deg) translate(3px,0px)}}
@keyframes tr_img_04{0%{transform:rotate(-12deg) translate(0px,0px)}
100%{transform:rotate(0deg) translate(3px,2px)}}
@keyframes tr_img_05{0%{transform:rotate(-18deg) translate(0px,0px)}
100%{transform:rotate(0deg) translate(6px,5px)}}
@keyframes tr_img_06{0%{transform:rotate(-24deg) translate(0px,0px)}
100%{transform:rotate(0deg) translate(19px,5px)}}
@keyframes tr_img_07{0%{transform:rotate(-30deg) translate(0px,0px)}
100%{transform:rotate(0deg) translate(-5px,6px)}}


.sys_box1{ width: 1200px; margin: 0px auto; position:relative; margin-top:50px; overflow:hidden;}
.sys1_left{width:600px; float:left; position:relative; height:600px; margin-top: 42px; overflow:hidden;}
.sys1_right{float:right; width:450px; padding-top:72px;}
.sys1_left img{width: 300px; position: absolute;box-shadow:3px 3px 5px #e3e3e3; top: 600px;}
.sys1_left .simg_01{left: 50%; margin-left: -150px; z-index: 5;}
.sys1_left .simg_02{left: 50%; margin-left: -300px; z-index: 4;}
.sys1_left .simg_03{left: 50%; margin-left: 0px; z-index: 3;}
.sys_box1 .active .simg_01{-webkit-animation:sys_img_01 1.8s 0s forwards;animation:sys_img_01 1.8s 0s forwards}
.sys_box1 .active .simg_02{-webkit-animation:sys_img_02 1.5s 0.3s forwards;animation:sys_img_02 1.5s 0.3s forwards}
.sys_box1 .active .simg_03{-webkit-animation:sys_img_03 1.2s 0.6s forwards;animation:sys_img_03 1.2s 0.6s forwards}
@keyframes sys_img_01{0%{transform:translate(0px,0px)} 100%{transform: translate(0px,-600px)}}
@keyframes sys_img_02{0%{transform:translate(0px,0px)} 100%{transform: translate(0px,-555px)}}
@keyframes sys_img_03{0%{transform:translate(0px,0px)} 100%{transform: translate(0px,-545px)}}


.sys_box2{ width: 1200px; margin: 0px auto; position:relative; margin-top:50px; overflow:hidden;}
.sb2_left{ width:450px; float:left; margin-top: 42px;}
.sb2_right{float:right; width:600px; padding-top:72px; position:relative; height:500px; overflow:hidden;}
.sb2_right img{position: absolute;box-shadow:3px 3px 5px #e3e3e3; top: 600px;}
.sb2_right .ss_img_01{ z-index: 10; left: 50%; margin-left: -75px;}
.sb2_right .ss_img_02{ z-index: 5; left: 50%; margin-left: -200px;}
.sb2_right .ss_img_03{ z-index: 5; left: 50%; margin-left: 50px;}
.sb2_right .ss_img_04{ z-index: 1; left: 50%; margin-left: -280px;}
.sb2_right .ss_img_05{ z-index: 3; left: 50%; margin-left: -150px;}
.sb2_right .ss_img_06{ z-index: 2; left: 50%; margin-left: -20px;}
.sb2_right .ss_img_07{ z-index: 1; left: 50%; margin-left: 110px;}
.sys_box2 .active .ss_img_01{-webkit-animation:sys1 1.8s 0s forwards;animation:sys1 1.8s 0s forwards}
.sys_box2 .active .ss_img_02{-webkit-animation:sys2 1.8s 0s forwards;animation:sys2 1.8s 0s forwards}
.sys_box2 .active .ss_img_03{-webkit-animation:sys2 1.8s 0s forwards;animation:sys2 1.8s 0s forwards}
.sys_box2 .active .ss_img_04{-webkit-animation:sys3 1.5s 0s forwards;animation:sys4 1.5s 0s forwards}
.sys_box2 .active .ss_img_05{-webkit-animation:sys3 1.5s 0s forwards;animation:sys3 1.5s 0s forwards}
.sys_box2 .active .ss_img_06{-webkit-animation:sys3 1.5s 0s forwards;animation:sys3 1.5s 0s forwards}
.sys_box2 .active .ss_img_07{-webkit-animation:sys3 1.5s 0s forwards;animation:sys4 1.5s 0s forwards}
@keyframes sys1{0%{transform:translate(0px,0px)} 100%{transform: translate(0px,-600px)}}
@keyframes sys2{0%{transform:translate(0px,0px)} 100%{transform: translate(0px,-585px)}}
@keyframes sys3{0%{transform:translate(0px,0px)} 100%{transform: translate(0px,-370px)}}
@keyframes sys4{0%{transform:translate(0px,0px)} 100%{transform: translate(0px,-355px)}}

.market_box1{ width: 1200px; margin: 0px auto; position:relative; margin-top:50px; overflow:hidden;}
.mb1_left{ width:450px; float:left; margin-top: 42px;}
.mb1_right{float:right; width:600px; padding-top:72px; position:relative; height:500px; overflow:hidden;}
.mb1_right img{position: absolute; top: 600px;}
.mb1_right .mimg_01{ z-index: 5; right: 42px;}
.mb1_right .mimg_02{ z-index: 4;}
.market_box1 .active .mimg_02{-webkit-animation:market_img_01 1.8s 0s forwards;animation:market_img_01 1.8s 0s forwards}
.market_box1 .active .mimg_01{-webkit-animation:market_img_02 1.5s 0.3s forwards;animation:market_img_02 1.5s 0.3s forwards}
@keyframes market_img_01{0%{transform:translate(0px,0px)} 100%{transform: translate(0px,-472px)}}
@keyframes market_img_02{0%{transform:translate(0px,0px)} 100%{transform: translate(0px,-522px)}}

.market_box2{ width: 1200px; margin: 0px auto; position:relative; margin-top:50px; overflow:hidden;}
.mb2_left{width:600px; float:left; position:relative; height:600px; margin-top: 42px;}
.mb2_right{float:right; width:450px; padding-top:72px;}
.mb2_left img{position: absolute;box-shadow:3px 3px 5px #e3e3e3; top: 600px;}
.mb2_left .ma_img_01{ z-index: 5; width:300px; right:50px;}
.mb2_left .ma_img_02{left: 50%; margin-left: -300px; z-index: 4; width:450px;}
.mb2_left .ma_img_03{left: 50%; margin-left: 20px; z-index: 3;}
.market_box2 .active .ma_img_01{-webkit-animation:maimg_01 1.8s 0s forwards;animation:maimg_01 1.8s 0s forwards}
.market_box2 .active .ma_img_02{-webkit-animation:maimg_02 1.5s 0.3s forwards;animation:maimg_02 1.5s 0.3s forwards}
.market_box2 .active .ma_img_03{-webkit-animation:maimg_03 1.2s 0.6s forwards;animation:maimg_03 1.2s 0.6s forwards}
@keyframes maimg_01{0%{transform:translate(0px,0px)} 100%{transform: translate(0px,-600px)}}
@keyframes maimg_02{0%{transform:translate(0px,0px)} 100%{transform: translate(0px,-555px)}}
@keyframes maimg_03{0%{transform:translate(0px,0px)} 100%{transform: translate(0px,-495px)}}




.soft1_box2{ width: 1200px; margin: 0px auto; position:relative; margin-top:50px; overflow:hidden;}
.s1b2_left{ width:450px; float:left; margin-top: 42px;}
.s1b2_right{float:right; width:600px; padding-top:72px; position:relative; height:500px; overflow:hidden;}
.s1b2_right img{position: absolute; top: 600px;}
.s1b2_right .s1_img_01{ z-index: 5; left: 50%; margin-left: -235px;}
.s1b2_right .s1_img_02{ z-index: 10; left: 50%; margin-left: -80px;}
.s1b2_right .s1_img_03{ z-index: 5; left: 50%; margin-left: 110px;}

.s1b2_right .s1_img_04{ z-index: 5; left: 50%; margin-left: -300px;}
.s1b2_right .s1_img_05{ z-index: 10; left: 50%; margin-left: -210px;}
.s1b2_right .s1_img_06{ z-index: 15; left: 50%; margin-left: 0px;}

.soft1_box2 .active .s1_img_01{-webkit-animation:s1_b2_1 1.8s 0s forwards;animation:s1_b2_1 1.8s 0s forwards}
.soft1_box2 .active .s1_img_02{-webkit-animation:s1_b2_2 1.8s 0s forwards;animation:s1_b2_2 1.8s 0s forwards}
.soft1_box2 .active .s1_img_03{-webkit-animation:s1_b2_3 1.8s 0s forwards;animation:s1_b2_3 1.8s 0s forwards}

.soft1_box2 .active .s1_img_04{-webkit-animation:s1_b2_1 1.8s 0s forwards;animation:s1_b2_1 1.8s 0s forwards}
.soft1_box2 .active .s1_img_05{-webkit-animation:s1_b2_2 1.8s 0s forwards;animation:s1_b2_2 1.8s 0s forwards}
.soft1_box2 .active .s1_img_06{-webkit-animation:s1_b2_6 1.8s 0s forwards;animation:s1_b2_6 1.8s 0s forwards}

@keyframes s1_b2_1{0%{transform:translate(0px,0px)} 100%{transform: translate(0px,-530px)}}
@keyframes s1_b2_2{0%{transform:translate(0px,0px)} 100%{transform: translate(0px,-485px)}}
@keyframes s1_b2_3{0%{transform:translate(0px,0px)} 100%{transform: translate(0px,-530px)}}
@keyframes s1_b2_6{0%{transform:translate(0px,0px)} 100%{transform: translate(0px,-330px)}}


.soft1_box1{ width: 1200px; margin: 0px auto; position:relative; margin-top:50px; overflow:hidden;}
.s1b1_left{width:600px; float:left; position:relative; height:600px; margin-top: 42px; overflow:hidden;}
.s1b1_right{float:right; width:450px; padding-top:72px;}
.s1b1_left img{position: absolute;top: 600px;}
.s1b1_left .s2_img_01{left:0px; z-index: 1;}
.s1b1_left .s2_img_02{left:40px; z-index: 2;}
.s1b1_left .s2_img_03{left:80px; z-index: 3;}
.soft1_box1 .active .s2_img_01{-webkit-animation:s1_b1_1 1.2s 0s forwards;animation:s1_b1_1 1.2s 0s forwards}
.soft1_box1 .active .s2_img_02{-webkit-animation:s1_b1_2 1.5s 0.3s forwards;animation:s1_b1_2 1.5s 0.3s forwards}
.soft1_box1 .active .s2_img_03{-webkit-animation:s1_b1_3 1.8s 0.6s forwards;animation:s1_b1_3 1.8s 0.6s forwards}
@keyframes s1_b1_1{0%{transform:translate(0px,0px)} 100%{transform: translate(0px,-460px)}}
@keyframes s1_b1_2{0%{transform:translate(0px,0px)} 100%{transform: translate(0px,-510px)}}
@keyframes s1_b1_3{0%{transform:translate(0px,0px)} 100%{transform: translate(0px,-560px)}}



.c_list{width:1200px; margin:0px auto; border-left:1px solid #f0f0f0; border-top:1px solid #f0f0f0; margin-top:42px; overflow:hidden; background:#fff;}
.c_list .cl_box{border-right:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; float:left; width:399px; height:100px; line-height:100px; font-size:16px; position:relative;}
.c_list .cl_box i{margin-left:36px; margin-right:8px; position:absolute;}
.c_list .cl_box span{padding-left:66px;}
.c_iframe{margin-top:42px;}

.sm_bg{width:100%; line-height:56px; height:56px; background:#f2f8f8;}
.small_menu{width:1200px; margin:0px auto; overflow:hidden; text-align:center;}
.small_menu li{display:inline-block; padding-right:42px;}
.small_menu li a{font-size:16px; padding-left:8px; padding-right:8px; height:55px; display:block;}
.small_menu .on a,.small_menu a:hover{border-bottom:1px solid #d91a28; color:#d91a28;}

.content{width:1200px; margin:0px auto; margin-top:72px; color:#6c7c7d; line-height:28px;}
.c_title{text-align:center;}
.c_title h2{font-size:24px; font-weight:normal; color:#333;}
.c_stitle{text-align:center; line-height:32px; height:32px; padding-bottom:8px;}
.c_info{text-align:center;}

.play_list{width:1200px; margin:0px auto; overflow:hidden;}
.play_box{margin-left:20px; margin-right:20px; border:1px solid #f0f0f0; width:550px; float:left; overflow:hidden; margin-top:28px; background:#fff;}
.play_box .play_pic{width:236px; text-align:center; float:left; padding-top:28px; border-right:1px solid #f0f0f0; padding-bottom:24px;}
.play_box .play_info{padding-left:18px; float:left; padding-top:10px;}

.foot_bg{width:100%; background:#363c3f; margin-top:72px; color:#999;}
.foot_bg .foot{width:1200px; margin:0px auto; padding-top:60px; padding-bottom:30px; overflow:hidden;}
.foot .foot_box{float:left; width:172px;}
.foot .foot_box p{font-size:16px; color:#fff; padding-bottom:12px;}
.foot .foot_box li{line-height:24px; height:24px;}
.foot a{color:#999;}
.foot a:hover{color:#d91a28;}
.foot .foot_qr{width:172px; float:right; text-align:center;}
.foot .fb_last{width:222px;}

.friend_line{width:1200px; padding-bottom:18px; margin:0px auto; border-bottom:1px solid #505558;}
.friend_line a{margin-left:5px; margin-right:5px; color:#999;}
.friend_line a:hover{color:#d91a28;}
.copyright{text-align:center; line-height:42px; font-size:12px;}
.ba_icp{background: url(/images/ba.png) left center no-repeat; background-size: auto 95%; padding-left: 18px; margin-left: 8px;}


.so{position:fixed; top:142px; right:10px; width:120px; background:#fff;}
.so .so_top{border-bottom:6px solid #d02323; background:#363a3b; height:28px; line-height:28px; text-align:center; color:#fff; font-size:10px; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;}
.so .so_mid{border-left:1px solid #ccc; border-right:1px solid #ccc; text-align:center; padding-top:5px;}
.so .so_qq{text-align:center; padding-bottom:12px; border-bottom:1px dashed #d5d5d5;border-left:1px solid #ccc; border-right:1px solid #ccc;}
.so .so_qrcode{text-align:center; border:1px solid #ccc; border-top:none; font-size:10px; padding-top:18px; padding-bottom:18px;}



.bg_circle{position:fixed;width:100%;height:100%;top:0;left:0; z-index:-1;}
.ie .bg_circle{display:none}
.bg_circle .circle_img{position:absolute}
.bg_circle .circle_img_01{top:20%;right:10%;opacity:.4;-webkit-animation:circle_img_01 14s linear infinite alternate;animation:circle_img_01 14s linear infinite alternate}
.bg_circle .circle_img_02{top:10%;right:55%;opacity:.6;-webkit-animation:circle_img_02 22s linear infinite alternate;animation:circle_img_02 22s linear infinite alternate}
.bg_circle .circle_img_03{top:58%;right:-4%;opacity:.3;-webkit-animation:circle_img_03 14s linear infinite alternate;animation:circle_img_03 14s linear infinite alternate}
.bg_circle .circle_img_04{top:35%;left:-25%;opacity:1;-webkit-animation:circle_img_04 14s linear infinite alternate;animation:circle_img_04 14s linear infinite alternate}
.bg_circle .circle_img_05{top:57%;left:50%;opacity:.6;-webkit-animation:circle_img_05 14s linear infinite alternate;animation:circle_img_05 14s linear infinite alternate}
.bg_circle .circle_img_06{top:50%;left:58%;opacity:.6;-webkit-animation:circle_img_06 14s linear infinite alternate;animation:circle_img_06 14s linear infinite alternate}
@-webkit-keyframes circle_img_01{0%{-webkit-transform:rotate(0deg) scale(1) translate(0,0)}
50%{-webkit-transform:scale(1.1) translate(8%,15%)}
100%{-webkit-transform:rotate(360deg) scale(1) translate(0,0)}}
@-webkit-keyframes circle_img_02{0%{-webkit-transform:rotate(0deg) translate(-20%,10%)}
100%{-webkit-transform:rotate(-360deg) translate(20%,-10%)}}
@-webkit-keyframes circle_img_03{0%{-webkit-transform:rotate(0deg) translate(20%,10%)}
100%{-webkit-transform:rotate(-360deg) translate(-20%,-10%)}}
@-webkit-keyframes circle_img_04{0%{-webkit-transform:translate(0%,10%)}
100%{-webkit-transform:translate(20%,-10%)}}
@-webkit-keyframes circle_img_05{0%{-webkit-transform:translate(-50%,40%)}
50%{-webkit-transform:translate(20%,10%)}
100%{-webkit-transform:translate(30%,-30%)}}
@-webkit-keyframes circle_img_06{0%{-webkit-transform:translate(50%,-40%)}
50%{-webkit-transform:translate(20%,-10%)}
100%{-webkit-transform:translate(-30%,30%)}}
@keyframes circle_img_01{0%{transform:rotate(0deg) scale(1) translate(0,0)}
50%{transform:scale(1.1) translate(8%,15%)}
100%{transform:rotate(360deg) scale(1) translate(0,0)}}
@keyframes circle_img_02{0%{transform:rotate(0deg) translate(-20%,10%)}
100%{transform:rotate(-360deg) translate(20%,-10%)}}
@keyframes circle_img_03{0%{transform:rotate(0deg) translate(20%,10%)}
100%{transform:rotate(-360deg) translate(-20%,-10%)}}
@keyframes circle_img_04{0%{transform:translate(0%,10%)}
100%{transform:translate(20%,-10%)}}
@keyframes circle_img_05{0%{transform:translate(-50%,40%)}
50%{transform:translate(20%,10%)}
100%{transform:translate(30%,-30%)}}
@keyframes circle_img_06{0%{transform:translate(50%,-40%)}
50%{transform:translate(20%,-10%)}
100%{transform:translate(-30%,30%)}}


@media(max-width:1200px){
	.top_box,.top_nav,.fullSlide,.index_box,.ip_list,.top_banner,.sm_bg,.foot_bg,.bg_circle{width:1200px;}
}