@charset "utf-8";/* CSS Document */
body{padding:0;margin:0;font-family:Arial,'微软雅黑',Verdana,Arial,Helvetica,sans-serif;color:#323232;background:#fff;font-size:14px;color:#666}
div,span,p,applet,object,iframe,h1,h2,h3,h4,h5,h6,a,em,font,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,caption,tbody,tfoot,thead,tr,th,td,section,article,header,footer,aside,nav{padding:0;margin:0;list-style:none}
section,article,header,footer,aside,nav,hgroup{padding:0;margin:0;display:block}
input[type=”button”],input[type=”submit”],input[type=”reset”],select{-webkit-appearance:none}
img{border:none}
input,select,textarea{font-size:14px}
div{margin:0 auto}
a{color:#fff;text-decoration:none}
a:hover{text-decoration:none}
.left{float:left}
.right{float:right}
.clear{clear:both;overflow:hidden;height:0px;line-height:0px}
.red{color:#D2072F}
.whitebg{background:#fff}

/*-------- 首页 --------*/
.header{background:rgba(0,0,0,0.9);height:90px;position:fixed;top:0;left:0;width:100%;z-index:1000}
.logo{padding:13px 0 0 31px;float:left}
.logo img{height:64px}
.sinaico{float:right;width:33px;height:33px;margin:27px 31px 0 36px;background:url(../images/sina.png) no-repeat}
.sinaico a{display:block;height:33px}
.sinaico:hover{background:url(../images/sina2.png) no-repeat}
.wechatico{float:right;width:33px;height:33px;margin:27px 0 0 11px;position:relative}
.wechatico .wechata{display:block;height:33px;background:url(../images/wechat.png) no-repeat;cursor:pointer}
.wechatico .wechata:hover{background:url(../images/wechat2.png) no-repeat}
.wechatdiv{width:110px;height:116px;left:-37px;top:27px;padding-top:8px;position:absolute;overflow:hidden;display:none}
.wechatdiv span{display:block;overflow:hidden;height:6px;background:url(../images/jiao.png) no-repeat center top}
.wechatdiv img{border:5px #444 solid;width:100px;height:100px}
.nav{float:right;overflow:hidden}
.nav ul{overflow:hidden}
.nav ul li{float:left;line-height:90px;width:108px;font-size:16px}
.nav ul li a{color:#919191;display:block;overflow:hidden;position:relative;text-align:center}
.nav ul li a i{position:absolute;width:0;height:3px;background:#cf0f32;display:block;left:0;top:0;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out}
.nav ul li a:hover i{width:100%}
.nav ul li a:hover,.nav ul li .navcur{color:#fff;background:#272727}
.nav ul li .navcur i{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;width:100%}
.mobilenav,.mobileclose{display:none;float:right;cursor:pointer;height: 48px;}
.headerbg{background:#333;height:90px}
.gotop{width:44px;height:280px;background:url(../images/qq.jpg) no-repeat;position:fixed;right:0;top:32%;z-index:9999;overflow:hidden}
.gotop p{height:280px;cursor:pointer}
.gotop a{display:none;width:100%;height:35px;cursor:pointer}
.gotop2{background:url(../images/qq2.jpg) no-repeat;width:149px;height:282px;display:none;position:fixed;right:0;top:32%;z-index:9999;overflow:hidden}
.gtp1{height:34px}
.gtp1 .gotopsp{float:right;width:34px;height:34px;cursor:pointer}
.gotop2 .gta{height:150px;width:100%;display:block;cursor:pointer}
.gotop2 .gtopa{display:block;width:100%;height:33px;cursor:pointer;margin-top:98px}
#sp2:target,#sp3:target,#sp4:target,#sp5:target,#sp6:target,#sp7:target,#sp8:target{padding-top:50px}

/* banner */
.main_visual{height:650px;overflow:hidden;position:relative}
.main_image{width:100%;height:650px;overflow:hidden;position:relative}
.main_image ul{width:9999px;height:100%;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;height:100%}
.main_image li a{display:block;width:100%;height:100%}
div.flicking_con{position:absolute;bottom:20px;left:50%;z-index:80;width:300px;height:15px;text-align:center;margin-left:-150px}
div.flicking_con a{width:8px;height:8px;overflow:hidden;border:1px #fff solid;margin:0 4px;padding:0;display:inline-block;border-radius:50%}
div.flicking_con a.on{background:#fff}
#btn_prev,#btn_next{z-index:80;position:absolute;display:block;width:52px;height:102px;top:50%;margin-top:-51px}
#btn_prev{background:url(../images/hover_left.png) no-repeat left top;left:60px}
#btn_next{background:url(../images/hover_right.png) no-repeat right top;right:60px}
/*banner1*/
.ban1bg{background:url(../images/ban1.jpg) no-repeat; background-position:center;}
.ban1{height:100%;text-align:center}
.ban1txt{padding-top:170px}
.ban1txt h3{opacity:0;-webkit-animation:ban1txt1 2s ease;-moz-animation:ban1txt1 2s ease;animation:ban1txt1 2s ease;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards}
.ban1txt h3 img{max-width:74%}
.ban1txt h4{opacity:0;padding-top:30px;-webkit-animation:ban1txt1 2s ease 0.3s;-moz-animation:ban1txt1 2s ease 0.3s;animation:ban1txt1 2s ease 0.3s;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards}
.ban1txt h4 img{max-width:85%}
@keyframes ban1txt1{
    from{opacity:0;transform:translate3d(0,-20px,0)}
    to{opacity:1;transform:translate3d(0,0,0)}
}
@-webkit-keyframes ban1txt1{
    from{opacity:0;-webkit-transform:translate3d(0,-20px,0)}
    to{opacity:1;-webkit-transform:translate3d(0,0,0)}
}
@-moz-keyframes ban1txt1{
    from{opacity:0;-moz-transform:translate3d(0,-20px,0)}
    to{opacity:1;-moz-transform:translate3d(0,0,0)}
}
.ban1txt p{padding-top:50px;-webkit-animation:ban1txt3 3s linear 2s infinite alternate;animation:ban1txt3 3s linear 2s infinite alternate;-moz-animation:ban1txt3 3s linear 2s infinite alternate}
.ban1txt p img{-webkit-animation:ban1txt3img 2s linear;animation:ban1txt3img 2s linear;-moz-animation:ban1txt3img 2s linear}
@-webkit-keyframes ban1txt3{
    from{padding-top:50px}
    to{padding-top:30px}
}
@keyframes ban1txt3{
    from{padding-top:50px}
    to{padding-top:30px}
}
@-moz-keyframes ban1txt3{
    from{padding-top:50px}
    to{padding-top:30px}
}
@-webkit-keyframes ban1txt3img{
    from{opacity:0}
    to{opacity:1}
}
@keyframes ban1txt3img{
    from{opacity:0}
    to{opacity:1}
}
@-moz-keyframes ban1txt3img{
    from{opacity:0}
    to{opacity:1}
}
/*banner2*/
.ban2bg{background:#2fd9e8}
.ban2{width:100%;height:100%;position:relative}
.ban2 p{position:absolute}
.ban2cloud1{right:18%;top:-10px;animation:ban2cloud1 7s linear 0s infinite alternate;-webkit-animation:ban2cloud1 7s linear 0s infinite alternate;-moz-animation:ban2cloud1 7s linear 0s infinite alternate}
.ban2cloud1 img{width:170px}
@keyframes ban2cloud1{
	form{right:18%}
	to{right:30%}
}
@-webkit-keyframes ban2cloud1{
	form{right:18%}
	to{right:30%}
}
@-moz-keyframes ban2cloud1{
	form{right:18%}
	to{right:30%}
}
.ban2cloud2{left:18%;bottom:28px;animation:ban2cloud2 6s linear 0s infinite alternate;-webkit-animation:ban2cloud2 6s linear 0s infinite alternate;-moz-animation:ban2cloud2 6s linear 0s infinite alternate}
@-webkit-keyframes ban2cloud2{
	form{left:18%}
	to{left:10%}
}
.ban2cloud3{left:38%;bottom:20%;animation:ban2cloud3 5s linear 0s infinite alternate;-webkit-animation:ban2cloud3 5s linear 0s infinite alternate;-moz-animation:ban2cloud3 5s linear 0s infinite alternate}
.ban2cloud3 img{width:180px}
@keyframes ban2cloud3{
	form{left:38%}
	to{left:45%}
}
@-webkit-keyframes ban2cloud3{
	form{left:38%}
	to{left:45%}
}
@-moz-keyframes ban2cloud3{
	form{left:38%}
	to{left:45%}
}
.ban2cloud4{left:56%;bottom:-10px;animation:ban2cloud4 4s linear 0s infinite alternate;-webkit-animation:ban2cloud4 4s linear 0s infinite alternate;-moz-animation:ban2cloud4 4s linear 0s infinite alternate}
@keyframes ban2cloud4{
	form{left:56%}
	to{left:60%}
}
@-webkit-keyframes ban2cloud4{
	form{left:56%}
	to{left:60%}
}
@-moz-keyframes ban2cloud4{
	form{left:56%}
	to{left:60%}
}
.ban2txt1{left:15%;top:8%;opacity:0.3;filter:alpha(opacity=30);animation:ban2txt1 4s linear 0s infinite alternate;-webkit-animation:ban2txt1 4s linear 0s infinite alternate;-moz-animation:ban2txt1 4s linear 0s infinite alternate}
@keyframes ban2txt1{
	form{left:15%}
	to{left:6%}
}
@-webkit-keyframes ban2txt1{
	form{left:15%}
	to{left:6%}
}
@-moz-keyframes ban2txt1{
	form{left:15%}
	to{left:6%}
}
.ban2txt2{left:-20%;opacity:0;top:50%;margin-top:-79px;animation:ban2txt2 1s ease-in 0.2s forwards;-webkit-animation:ban2txt2 1s ease-in 0.2s forwards;-moz-animation:ban2txt2 1s ease-in 0.2s forwards}
@keyframes ban2txt2{
	form{left:-20%;opacity:0}
	to{left:18%;opacity:1}
}
@-webkit-keyframes ban2txt2{
	form{left:-20%;opacity:0}
	to{left:18%;opacity:1}
}
@-moz-keyframes ban2txt2{
	form{left:-20%;opacity:0}
	to{left:18%;opacity:1}
}
@media only screen and (max-width:1420px){
	@keyframes ban2txt2{
		form{left:-20%;opacity:0}
		to{left:15%;opacity:1}
	}
	@-webkit-keyframes ban2txt2{
		form{left:-20%;opacity:0}
		to{left:15%;opacity:1}
	}
	@-moz-keyframes ban2txt2{
		form{left:-20%;opacity:0}
		to{left:15%;opacity:1}
	}
}
@media only screen and (max-width:1350px){
	@keyframes ban2txt2{
		form{left:-20%;opacity:0}
		to{left:11%;opacity:1}
	}
	@-webkit-keyframes ban2txt2{
		form{left:-20%;opacity:0}
		to{left:11%;opacity:1}
	}
	@-moz-keyframes ban2txt2{
		form{left:-20%;opacity:0}
		to{left:11%;opacity:1}
	}
}
.ban2pc{position:absolute;width:454px;height:398px;right:18%;top:0;margin-top:-199px;background:url(../images/ban2pc.png) no-repeat left top/cover;animation:ban2pc 0.8s ease-in;-webkit-animation:ban2pc 0.8s ease-in;-moz-animation:ban2pc 0.8s ease-in;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards}
.ban2pc .ban2pcp{margin:23px 0 0 17px;width:414px;height:234px;position:static;background:url(../images/ban2img.jpg) no-repeat;animation:ban2pcp 6s linear 2s infinite alternate;-webkit-animation:ban2pcp 6s linear 2s infinite alternate;-moz-animation:ban2pcp 6s linear 2s infinite alternate}
.ban2pc .ban2pcp a{display:block;width:100%;height:100%}
@keyframes ban2pc{
	form{top:0}
	to{top:50%}
}
@-webkit-keyframes ban2pc{
	form{top:0}
	to{top:50%}
}
@-moz-keyframes ban2pc{
	form{top:0}
	to{top:50%}
}
@keyframes ban2pcp{
	form{background-position:0 0}
	to{background-position:0 -425px}
}
@-webkit-keyframes ban2pcp{
	form{background-position:0 0}
	to{background-position:0 -425px}
}
@-moz-keyframes ban2pcp{
	form{background-position:0 0}
	to{background-position:0 -425px}
}
.ban2mobile{right:14%;bottom:-30%;animation:ban2mobile 0.8s ease-in forwards;-webkit-animation:ban2mobile 0.8s ease-in forwards;-moz-animation:ban2mobile 0.8s ease-in forwards}
@keyframes ban2mobile{
	form{bottom:-30%}
	to{bottom:11%}
}
@-webkit-keyframes ban2mobile{
	form{bottom:-30%}
	to{bottom:11%}
}
@-moz-keyframes ban2mobile{
	form{bottom:-30%}
	to{bottom:11%}
}
/*banner3*/
.ban3bg{background:#fcb827}
.ban3{width:100%;height:100%;color:#fff;background:url(../images/ban3bg.jpg) no-repeat center bottom/auto 90%}
.ban3txt1{font-size:41px;padding-top:46px;line-height:45px;text-align:center;text-transform:uppercase;animation:ban3txt1 1s ease forwards;-webkit-animation:ban3txt1 1s ease forwards;-moz-animation:ban3txt1 1s ease forwards;transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg)}
@keyframes ban3txt1{
	form{transform:rotate(90deg)}
	to{transform:rotate(0deg)}
}
@-webkit-keyframes ban3txt1{
	form{-webkit-transform:rotate(90deg)}
	to{-webkit-transform:rotate(0deg)}
}
@-moz-keyframes ban3txt1{
	form{-moz-transform:rotate(90deg)}
	to{-moz-transform:rotate(0deg)}
}
.ban3txt2{font-size:38px;padding-top:16px;line-height:45px;text-align:center;animation:ban3txt2 1s ease 0.6s forwards;-webkit-animation:ban3txt2 1s ease 0.6s forwards;-moz-animation:ban3txt2 1s ease 0.6s forwards;transform:scale(1.5);-webkit-transform:scale(1.5);-moz-transform:scale(1.5)}
@keyframes ban3txt2{
	form{transform:scale(1.5)}
	to{transform:scale(1)}
}
@-webkit-keyframes ban3txt2{
	form{-webkit-transform:scale(1.5)}
	to{-webkit-transform:scale(1)}
}
@-moz-keyframes ban3txt2{
	form{-moz-transform:scale(1.5)}
	to{-moz-transform:scale(1)}
}
.ban3txt3{font-size:14px;padding-top:14px;line-height:26px;text-align:center;opacity:0;animation:ban3txt3 1s ease 1.2s forwards;-webkit-animation:ban3txt3 1s ease 1.2s forwards;-moz-animation:ban3txt3 1s ease 1.2s forwards}
@keyframes ban3txt3{
	form{opacity:0}
	to{opacity:1}
}
@-webkit-keyframes ban3txt3{
	form{opacity:0}
	to{opacity:1}
}
@-moz-keyframes ban3txt3{
	form{opacity:0}
	to{opacity:1}
}
.ban3pc{position:absolute;width:381px;height:305px;bottom:8%;left:50%;margin-left:-120px;background:url(../images/ban3pc.png) no-repeat 0 0/cover}
.ban3pc2{margin:35px 0 0 42px}
.ban3pcdiv{position:relative;float:left;border-radius:3px;width:30px;margin-right:15px;height:147px;border:solid 4px #fff;overflow:hidden}
.ban3pcdiv span{display:block;height:100%;background:#fff}
.ban3pcdiv1{background:#FCB827}
.ban3pcdiv1 span{animation:ban3pcdiv1 1s ease forwards;-webkit-animation:ban3pcdiv1 1s ease forwards;-moz-animation:ban3pcdiv1 1s ease forwards}
.ban3pcdiv1:hover span{-webkit-animation-iteration-count:infinite}
@keyframes ban3pcdiv1{
	0%{height:100%}
	50%{height:40%}
	100%{height:55%}
}
@-webkit-keyframes ban3pcdiv1{
	0%{height:100%}
	50%{height:40%}
	100%{height:55%}
}
@-moz-keyframes ban3pcdiv1{
	0%{height:100%}
	50%{height:40%}
	100%{height:55%}
}
.ban3pcdiv2{background:#89E7EF}
.ban3pcdiv2 span{animation:ban3pcdiv2 1s ease 0.1s forwards;-webkit-animation:ban3pcdiv2 1s ease 0.1s forwards;-moz-animation:ban3pcdiv2 1s ease 0.1s forwards}
@keyframes ban3pcdiv2{
	0%{height:100%}
	50%{height:20%}
	100%{height:30%}
}
@-webkit-keyframes ban3pcdiv2{
	0%{height:100%}
	50%{height:20%}
	100%{height:30%}
}
@-moz-keyframes ban3pcdiv2{
	0%{height:100%}
	50%{height:20%}
	100%{height:30%}
}
.ban3pcdiv3{background:#ccc}
.ban3pcdiv3 span{animation:ban3pcdiv3 1s ease 0.2s forwards;-webkit-animation:ban3pcdiv3 1s ease 0.2s forwards;-moz-animation:ban3pcdiv3 1s ease 0.2s forwards}
@keyframes ban3pcdiv3{
	0%{height:100%}
	50%{height:50%}
	100%{height:70%}
}
@-webkit-keyframes ban3pcdiv3{
	0%{height:100%}
	50%{height:50%}
	100%{height:70%}
}
@-moz-keyframes ban3pcdiv3{
	0%{height:100%}
	50%{height:50%}
	100%{height:70%}
}
.ban3pcdiv4{background:#89E7EF}
.ban3pcdiv4 span{animation:ban3pcdiv4 1s ease 0.3s forwards;-webkit-animation:ban3pcdiv4 1s ease 0.3s forwards;-moz-animation:ban3pcdiv4 1s ease 0.3s forwards}
@keyframes ban3pcdiv4{
	0%{height:100%}
	50%{height:20%}
	100%{height:40%}
}
@-webkit-keyframes ban3pcdiv4{
	0%{height:100%}
	50%{height:20%}
	100%{height:40%}
}
@-moz-keyframes ban3pcdiv4{
	0%{height:100%}
	50%{height:20%}
	100%{height:40%}
}
.ban3pcdiv5{background:#FCB827}
.ban3pcdiv5 span{animation:ban3pcdiv5 1s ease 0.4s forwards;-webkit-animation:ban3pcdiv5 1s ease 0.4s forwards;-moz-animation:ban3pcdiv5 1s ease 0.4s forwards}
@keyframes ban3pcdiv5{
	0%{height:100%}
	50%{height:5%}
	100%{height:15%}
}
@-webkit-keyframes ban3pcdiv5{
	0%{height:100%}
	50%{height:5%}
	100%{height:15%}
}
@-moz-keyframes ban3pcdiv5{
	0%{height:100%}
	50%{height:5%}
	100%{height:15%}
}
.ban3pcdiv6{background:#ccc}
.ban3pcdiv6 span{animation:ban3pcdiv6 1s ease 0.4s forwards;-webkit-animation:ban3pcdiv6 1s ease 0.4s forwards;-moz-animation:ban3pcdiv6 1s ease 0.4s forwards}
@keyframes ban3pcdiv6{
	0%{height:100%}
	50%{height:35%}
	100%{height:50%}
}
@-webkit-keyframes ban3pcdiv6{
	0%{height:100%}
	50%{height:35%}
	100%{height:50%}
}
@-moz-keyframes ban3pcdiv6{
	0%{height:100%}
	50%{height:35%}
	100%{height:50%}
}
.ban3note{position:absolute;width:257px;height:159px;bottom:8%;left:50%;margin-left:-325px;background:url(../images/ban3note.png) no-repeat 0 0/cover}
.ban3noteimg{width:0;height:90%;background:url(../images/ban3noteimg.png) no-repeat 39px center;animation:ban3noteimg 1.5s linear 0.5s forwards;-webkit-animation:ban3noteimg 1.5s linear 0.5s forwards;-moz-animation:ban3noteimg 1.5s linear 0.5s forwards}
@keyframes ban3noteimg{
	from{width:0}
	to{width:100%}
}
@-webkit-keyframes ban3noteimg{
	from{width:0}
	to{width:100%}
}
@-moz-keyframes ban3noteimg{
	from{width:0}
	to{width:100%}
}
.ban3pad{position:absolute;width:113px;height:127px;bottom:8%;left:50%;margin-left:215px;background:url(../images/ban3pad.png) no-repeat 0 0/cover}
.ban3pad1{width:78px;height:78px;overflow:hidden;position:relative;margin:22px auto 0;background:#F7BC00;border-radius:50%}
.ban3pad2{width:50%;height:100%;float:left;-webkit-transform-origin:right center;background:url(../images/ban3cbg.jpg);border-radius:39px 0 0 39px;animation:ban3pad2 0.8s linear 1s forwards;-webkit-animation:ban3pad2 0.8s linear 1s forwards;-moz-animation:ban3pad2 0.8s linear 1s forwards}
@keyframes ban3pad2{
	from{transform:rotate(0deg)}
	to{transform:rotate(145deg)}
}
@-webkit-keyframes ban3pad2{
	from{-webkit-transform:rotate(0deg)}
	to{-webkit-transform:rotate(145deg)}
}
@-moz-keyframes ban3pad2{
	from{-moz-transform:rotate(0deg)}
	to{-moz-transform:rotate(145deg)}
}
.ban3pad3{width:50%;height:100%;position:absolute;left:0;top:0;background:#F7BC00;border-radius:39px 0 0 39px}
.ban3pad4{width:65%;height:65%;position:absolute;left:17.5%;top:17.5%;background:#FDDF99;border-radius:50%}
.ban3pad4 p{width:100%;opacity:0;height:100%;background:url(../images/ban3padtxt.png) no-repeat center center/65% auto;animation:ban3pad4p 0.7s linear 1.6s forwards;-webkit-animation:ban3pad4p 0.7s linear 1.6s forwards;-moz-animation:ban3pad4p 0.7s linear 1.6s forwards}
@keyframes ban3pad4p{
	from{opacity:0}
	to{opacity:1}
}
@-webkit-keyframes ban3pad4p{
	from{opacity:0}
	to{opacity:1}
}
@-moz-keyframes ban3pad4p{
	from{opacity:0}
	to{opacity:1}
}
/*banner4*/
.ban4bg{background:#3f9dec}
.ban4{height:100%;text-align:center;position:relative}
.ban4txt{padding-top:50px}
.ban4txt h2{position:absolute;left:0;right:0;-webkit-animation-delay:0.2s;-moz-animation-delay:0.2s;animation-delay:0.2s;-webkit-animation-name:banner_2_kf_1;-moz-animation-name:banner_2_kf_1;animation-name:banner_2_kf_1;-webkit-animation-duration:1.5s;-moz-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:backwards;-moz-animation-fill-mode:backwards;animation-fill-mode:backwards;-webkit-animation-timing-function:cubic-bezier(.01, 1, .21, .99);-moz-animation-timing-function:cubic-bezier(.01, 1, .21, .99);animation-timing-function:cubic-bezier(.01, 1, .21, .99);-webkit-animation-delay:0.4s;-moz-animation-delay:0.4s;animation-delay:0.4s}
@-webkit-keyframes banner_2_kf_1 {
    from { opacity:0;-webkit-transform:translate3d(50px,0,0);-moz-transform:translate3d(50px,0,0);transform:translate3d(50px,0,0)}
    to {  opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@-moz-keyframes banner_2_kf_1 {
    from { opacity:0;-webkit-transform:translate3d(50px,0,0);-moz-transform:translate3d(50px,0,0);transform:translate3d(50px,0,0)}
    to {  opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes banner_2_kf_1 {
    from { opacity:0;-webkit-transform:translate3d(50px,0,0);-moz-transform:translate3d(50px,0,0);transform:translate3d(50px,0,0)}
    to {  opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.ban4txt h2 img{max-width:74%}
.ban4txt h3{-webkit-animation-delay:0.7s;-moz-animation-delay:0.7s;animation-delay:0.7s;-webkit-animation-name:banner_2_kf_1;-moz-animation-name:banner_2_kf_1;animation-name:banner_2_kf_1;-webkit-animation-duration:1.5s;-moz-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:backwards;-moz-animation-fill-mode:backwards;animation-fill-mode:backwards;-webkit-animation-timing-function:cubic-bezier(.01, 1, .21, .99);-moz-animation-timing-function:cubic-bezier(.01, 1, .21, .99);animation-timing-function:cubic-bezier(.01, 1, .21, .99);-webkit-animation-delay:0.4s;-moz-animation-delay:0.4s;animation-delay:0.4s;position:absolute;left:0;width:100%;padding-top:60px}
.ban4txt h3 img{max-width:90%}
.ban4txt h4{ padding-top:140px;width:100%;position:absolute}
.ban4h4span1{position:absolute;top:220px;left:50%;margin-left:-473px;-webkit-animation:ban4h4span1move 1s 1s ease both;-moz-animation:ban4h4span1move 1s 1s ease both;animation:ban4h4span1move 1s 1s ease both}
@-webkit-keyframes ban4h4span1move{
    0%{opacity:0}
    100%{opacity:1}
}
@keyframes ban4h4span1move{
    0%{opacity:0}
    100%{opacity:1}
}
@-moz-keyframes ban4h4span1move{
    0%{opacity:0}
    100%{opacity:1}
}
.ban4h4span1 img,.ban4h4span2 img,.ban4h4span3 img,.ban4h4span4 img,.ban4h4span5 img{-webkit-animation:ban4h4span1img 1.5s linear infinite alternate;-moz-animation:ban4h4span1img 1.5s linear infinite alternate;animation:ban4h4span1img 1.5s linear infinite alternate}
.ban4h4span2{position:absolute;top:353px;left:50%;margin-left:-353px;-webkit-animation:ban4h4span1move 1s 1s ease both;-moz-animation:ban4h4span1move 1s 1s ease both;animation:ban4h4span1move 1s 1s ease both}
.ban4h4span3{position:absolute;top:169px;left:50%;margin-left:-10px;-webkit-animation:ban4h4span1move 1s 1s ease both;-moz-animation:ban4h4span1move 1s 1s ease both;animation:ban4h4span1move 1s 1s ease both}
.ban4h4span4{position:absolute;top:172px;left:50%;margin-left:324px;-webkit-animation:ban4h4span1move 1s 1s ease both;-moz-animation:ban4h4span1move 1s 1s ease both;animation:ban4h4span1move 1s 1s ease both}
.ban4h4span5{position:absolute;top:340px;left:50%;margin-left:444px;-webkit-animation:ban4h4span1move 1s 1s ease both;-moz-animation:ban4h4span1move 1s 1s ease both;animation:ban4h4span1move 1s 1s ease both}
@-webkit-keyframes ban4h4span1img{
    0%{opacity:0}
    100%{opacity:1}
}
@keyframes ban4h4span1img{
    0%{opacity:0}
    100%{opacity:1}
}
@-moz-keyframes ban4h4span1img{
    0%{opacity:0}
    100%{opacity:1}
}
.ban4txt h4 img.ban4txth4oneimg{max-width:95%;-webkit-animation-name:banner_3_kf_1;-moz-animation-name:banner_3_kf_1;animation-name:banner_3_kf_1;-webkit-animation-duration:1.5s;-moz-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:backwards;-moz-animation-fill-mode:backwards;animation-fill-mode:backwards;-webkit-animation-timing-function:cubic-bezier(.01, 1, .21, .99);-moz-animation-timing-function:cubic-bezier(.01, 1, .21, .99);animation-timing-function:cubic-bezier(.01, 1, .21, .99);-webkit-animation-delay:0.4s;-moz-animation-delay:0.4s;animation-delay:0.4s}
.ban4txt h4 img.ban4txth4oneimghide{display:none;max-width:95%;-webkit-animation-name:banner_3_kf_1;-moz-animation-name:banner_3_kf_1;animation-name:banner_3_kf_1;-webkit-animation-duration:1.5s;-moz-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:backwards;-moz-animation-fill-mode:backwards;animation-fill-mode:backwards;-webkit-animation-timing-function:cubic-bezier(.01, 1, .21, .99);-moz-animation-timing-function:cubic-bezier(.01, 1, .21, .99);animation-timing-function:cubic-bezier(.01, 1, .21, .99);-webkit-animation-delay:0.4s;-moz-animation-delay:0.4s;animation-delay:0.4s;margin:0 auto}
@-webkit-keyframes banner_3_kf_1 {
    from {-webkit-transform:scale(0.5);-moz-transform:scale(0.5);transform:scale(0.5);opacity:0}
    to {  -webkit-transform:scale(1);-moz-transform:scale(1); transform:scale(1);opacity:1}
}
@-moz-keyframes banner_3_kf_1 {
    from {-webkit-transform:scale(0.5);-moz-transform:scale(0.5);transform:scale(0.5);opacity:0}
    to {  -webkit-transform:scale(1);-moz-transform:scale(1); transform:scale(1);opacity:1}
}
@keyframes banner_3_kf_1 {
    from {-webkit-transform:scale(0.5);-moz-transform:scale(0.5);transform:scale(0.5);opacity:0}
    to {  -webkit-transform:scale(1);-moz-transform:scale(1); transform:scale(1);opacity:1}
}
.ban4txt p img{max-width:35%}
.ban4txt p{position:absolute;bottom:-3px;width:100%;-webkit-animation-name:banner_1_kf_1;-moz-animation-name:banner_1_kf_1;animation-name:banner_1_kf_1;-webkit-animation-duration:2s;-moz-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:backwards;-moz-animation-fill-mode:backwards;animation-fill-mode:backwards;-webkit-animation-timing-function:cubic-bezier(.01, 1, .21, .99);-moz-animation-timing-function:cubic-bezier(.01, 1, .21, .99);animation-timing-function:cubic-bezier(.01, 1, .21, .99)}
@-webkit-keyframes banner_1_kf_1 {
    from {bottom:-200px}
    to {bottom:-3px}
}
@-moz-keyframes banner_1_kf_1 {
    from {bottom:-200px}
    to {bottom:-3px}
}
@keyframes banner_1_kf_1 {
    from {bottom:-200px}
    to {bottom:-3px}
}
@media only screen and (max-width:1080px){
    .ban4txt h4 img.ban4txth4oneimg{display:none}
    .ban4txt {padding-top:30px}
    .ban4txt h4 {padding-top:100px}
    .ban4h4span1{display:none}
    .ban4h4span2{display:none}
    .ban4h4span3{display:none}
    .ban4h4span4{display:none}
    .ban4h4span5{display:none}
    .ban4txt h4 img.ban4txth4oneimghide{display:block}
}

.maxb90{max-width:90%;margin:0 auto}
.abouttxt{padding:64px 0;text-align:center}
.title-big{font-size:42px;line-height:80px;color:#d30830}
.title-small{line-height:24px;color:#878787;font-weight:normal;font-size:14px}
.title-small .red{font-size:18px}
.aboutlist{width:85%;clear:both;margin:0 auto;padding-bottom:40px}
.canlist{width:20%;float:left}
.canlist:nth-child(4) .circle-icon{margin-right: 30px}
.txa_c{text-align:center}
.circle-icon{display:inline-block;font-size:48px;text-align:center;width:92px;height:92px;line-height:92px;border-radius:46px;border:solid 1px #cecece;transition:border,box-shadow 0.2s ease;-webkit-transition:border,box-shadow 0.2s ease;-moz-transition:border,box-shadow 0.2s ease}
.circle-icon div{width:100%;height:100%;background-position:center center;background-repeat:no-repeat}
.circle-icon .circle-icon-1{background-image:url(../images/listico1.png)}
.circle-icon .circle-icon-2{background-image:url(../images/listico2.png)}
.circle-icon .circle-icon-3{background-image:url(../images/listico3.png)}
.circle-icon .circle-icon-4{background-image:url(../images/listico4.png)}
.circle-icon .circle-icon-5{background-image:url(../images/listico5.png)}
.canlist:hover .circle-icon{border-color:#d30830;box-shadow:inset 0 0 0 50px #d30830;-webkit-box-shadow:inset 0 0 0 50px #d30830}
.canlist:hover .circle-icon .circle-icon-1{background-image:url(../images/listico1cur.png)}
.canlist:hover .circle-icon .circle-icon-2{background-image:url(../images/listico2cur.png)}
.canlist:hover .circle-icon .circle-icon-3{background-image:url(../images/listico3cur.png)}
.canlist:hover .circle-icon .circle-icon-4{background-image:url(../images/listico4cur.png)}
.canlist:hover .circle-icon .circle-icon-5{background-image:url(../images/listico5cur.png)}
.txa_c{text-align:center}
.trdcon{display:inline-block}
.trd-title{line-height:48px;font-size:23px;color:#333333;text-align:left}
.trd-detal{font-size:12px;line-height:24px;color:#666;text-align:left}
.moblieioc{display:none}
.mobilelist{float:left;width:20%;text-align:center}
.mobilelist .circle-icon{width:78px;height:78px;margin-top:8px}
.mobilelist .curico{width:94px;height:94px;margin-top:0;border-color:#d30830;box-shadow:inset 0 0 0 50px #d30830;-webkit-box-shadow:inset 0 0 0 50px #d30830}
.mobilelist .curico .circle-icon-1{background-image:url(../images/listico1cur.png)}
.mobilelist .curico .circle-icon-2{background-image:url(../images/listico2cur.png)}
.mobilelist .curico .circle-icon-3{background-image:url(../images/listico3cur.png)}
.mobilelist .curico .circle-icon-4{background-image:url(../images/listico4cur.png)}
.mobilelist .curico .circle-icon-5{background-image:url(../images/listico5cur.png)}

.blackbg{clear:both;background:#232323}
.caseh2{text-align:center;font-size:52px;font-family:Arial;color:#fff;font-weight:normal;padding-top:30px}
.caseh3{text-align:center;font-size:32px;line-height:50px;color:#d30830}
.casewrap{margin-top:10px;height:84px;background:url(../images/caseline.gif) repeat-x left center;text-align:center}
.caseinner{overflow:hidden;height:100%;	padding:0 6px;	background-color:#232323;	display:inline-block;margin:0 auto}
.cf-items{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:82px;height:82px;margin:0 6px;border-radius:8px;border:solid 1px #464646;float:left;cursor:pointer;text-align:center;background-position:center 15px;background-repeat:no-repeat}
.cf-items p{padding-top:54px;color:#fff}
.caseico1{background-image:url(../images/caseico1.gif)}
.caseico2{background-image:url(../images/caseico2.gif);background-position:center 18px}
.caseico3{background-image:url(../images/caseico3.gif);background-position:center 18px}
.casea{padding:10px 0;text-align:center;margin:0 auto;max-weight:95%}
.casea a{margin-right:20px;display:inline-block;font-size:12px;cursor:pointer;color:#c8c8c8}
.casea a:hover{color:#fff;text-shadow:0 0 5px #fff;-moz-text-shadow:0 0 5px #fff;-webkit-text-shadow:0 0 5px #fff}
.casea .cura{padding-bottom:3px;border-bottom:solid 2px #d30830}
.caselist{overflow:hidden;}
.caselist li{float:left;width:20%;height:260px;overflow:hidden;position:relative;background-position:center center;background-repeat:no-repeat;background-size:cover}
/*.caselist li a{width:100%;height:100%;display:block;position:absolute;left:0;top:0;background:rgba(0, 0, 0, 0.55);transition:opacity 0.2s linear;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;opacity:0}*/
/*.caselist li a:hover{opacity:1}*/
.caselist li a.caseLista{width:100%;height:100%;display:block;position:absolute;left:0;top:0;background:rgba(0, 0, 0, 0.55);transition:opacity 0.2s linear;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;opacity:0}
.caselist li .caseLista:hover{opacity:1}
.casetxt{background:rgba(0, 0, 0, 0.59);color:#fff;position:absolute;left:0;bottom:-100%;vertical-align:middle;transition:bottom 0.5s ease-out;-webkit-transition:bottom 0.5s ease-out;-moz-transition:bottom 0.5s ease-out;width: 100%;}
.casetxt h2{font-size:20px;line-height:30px;padding: 5px 10px 0;}
.casetxt p{line-height:18px;padding: 0 10px 5px;}
.caselist li:hover .casetxt{bottom:0}
@media only screen and (max-width:1500px){
    .caselist li{height:240px}
}
@media only screen and (max-width:1450px){
    .caselist li{height:225px}
    .caselist li{height:225px}
}
@media only screen and (max-width:1360px){
	.caselist li{height:210px}
}
@media only screen and (max-width:1310px){
    .caselist li{height:195px}
}
.casespan{text-align:center;height:8px;line-height:6px;padding-top:10px;overflow:hidden}
.casespan span{width:35px;height:6px;display:inline-block;background:#bbb;margin:0 4px;cursor:pointer;overflow:hidden}
.casespan .curspan{background:#d30830}

.casejiaol,.casejiaor{display: none;}

.welist{width:16%;padding:0 2%}
.weico1{background-image:url(../images/weico1.png)}
.weico2{background-image:url(../images/weico2.png)}
.weico3{background-image:url(../images/weico3.png)}
.weico4{background-image:url(../images/weico4.png)}
.weico5{background-image:url(../images/weico5.png)}
.welist:hover .circle-icon .weico1{background-image:url(../images/weico1cur.png)}
.welist:hover .circle-icon .weico2{background-image:url(../images/weico2cur.png)}
.welist:hover .circle-icon .weico3{background-image:url(../images/weico3cur.png)}
.welist:hover .circle-icon .weico4{background-image:url(../images/weico4cur.png)}
.welist:hover .circle-icon .weico5{background-image:url(../images/weico5cur.png)}
.weicodiv{text-align:center}
.weicodiv .trd-title{text-align:center}
.weicodiv .trd-detal{text-align:center}
.upjiao{text-align:center;height:90px;padding-top:20px}
.aboutlist .welist:nth-child(4) .circle-icon{margin-right:0}
.processdiv{width:100%;overflow:hidden;position:relative}
.processdiv img{position:absolute;left:100%;top:0;cursor:pointer}
.processdiv #pro1{left:0}

.webg{background:#f2f2f2 url(../images/webg.jpg) no-repeat center center/cover}
.latediv{width:90%;margin:0 auto;padding-bottom:40px}
.latelist{float:left;width:17%;padding:0 4%}
.lateimg{width:90%;background-position:center center;background-repeat:no-repeat;background-size:cover;border-radius:50%;transition:-webkit-transform .4s ease-out;-webkit-transition:-webkit-transform .4s ease-out;-moz-transition:-webkit-transform .4s ease-out}
.latelist:hover .lateimg{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg)}
.lateh3{font-size:16px;font-weight:normal;text-align:center;color:#000;margin-top:20px;padding-bottom:15px}
.lateh3 span{display:inline-block;line-height:20px;border-bottom:2px #D30830 solid}
.latetxt{font-size:12px;line-height:24px}

.numbg{background:#010101 url(../images/numbg.jpg) no-repeat center center/cover;padding-bottom:70px}
.numtext{color:#fff;text-align:center;padding:45px 0 60px}
.numtext h3{font-size:36px;line-height:80px}
.numtext p{font-size:14px;text-transform:uppercase;font-family:Arial;color:#cacaca;height:40px}
.numtext p span{display:inline-block;border-bottom:1px #fff solid;width:50px;height:1px;overflow:hidden;vertical-align:middle}
.numlink{display:inline-block;color:#fff;height:28px;line-height:28px;padding:0 22px;border:solid 1px #fff;margin:0 auto;border-radius:20px;width:90px;transition:background,color 1s ease-out;-webkit-transition:background,color 1s ease-out;-moz-transition:background,color 1s ease-out}
.numlink:hover{background:#eee;color:#000}
.numdiv{width:90%;margin:0 auto}
.count-item{float:left;width:17%;padding:0 1.5%;text-align:center}
@font-face{font-family:'font-icons';src:url('../fonts/font-icons.eot');src:url('../fonts/font-icons.eot') format('embedded-opentype'),url('../fonts/font-icons.ttf') format('truetype');font-weight:normal;font-style:normal}
.count-number{height:170px;line-height:170px;width:75%;font-family:"font-icons";display:inline-block;font-size:155px;margin:0 auto;color:#fff;text-align:center;-moz-line-height:normal;border-radius:6px;background:#d00027;position:relative}
.count-number .numline{border-bottom:4px solid #c70020;height:0;overflow:hidden;top:50%;margin-top:-2px;left:0;display:block;position:absolute;width:100%}
.count-mc{font-family:"font-icons";font-style:normal;display:block;width:32px;height:32px;line-height:32px;text-align:center;font-size:25px;color:#fff;position:absolute;top:0;right:0}
.count-mc:before{content:"\e610"}
.count-fonts{font-size:14px;color:#fff;line-height:20px;padding-top:28px}
@media only screen and (max-width:1440px){
.nav ul li{width:92px}
.count-number{font-size:135px;height:160px;line-height:160px}
}

.contactbg{background:#f2f2f2;padding-bottom:70px}
.contactdiv{max-width:1200px;margin:0 auto;width:95%}
.call-us{padding-bottom:42px;text-align:center;display:none}
.call-us a{display:inline-block;font-size:28px;color:#666;font-family:;line-height:80px;border:double 4px #ddd;padding:0 42px;background:#eee}
.call-us a i{font-style:normal;color:#D2072F;font-size:32px;font-family:Arial}
.feedback-index{width:42%;float:left}
.feedback-index form .fb-rows{border-top:1px solid #fff;line-height:normal}
.feedback-index form .fb-rows:first-child{border-top:none}
.feedback-index form .fb-ipt,
.feedback-index form .fb-txa{overflow:auto;margin:0;width:94%;border:none;outline:none;padding:0 3%;background:#EEEEEE;color:#333333;height:42px;height:42px\9;font-size:14px;vertical-align:middle;display:block;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;font-family:"微软雅黑"}
.feedback-index form .fb-txa{height:105px;padding:12px 3%;resize:none;line-height:18px;-webkit-overflow-scrolling:touch}
.feedback-index form .fb-txa:focus,
.feedback-index form .fb-ipt:focus{-webkit-animation:ipt-focus 0.4s both;animation:ipt-focus 0.4s both;-moz-animation:ipt-focus 0.4s both}
.feedback-index form input:-webkit-autofill,
.feedback-index form textarea:-webkit-autofill,
.feedback-index form select:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #d3d3d3 inset}
@keyframes ipt-focus{
  0{
    transform:scale(1,1);
    animation-timing-function:ease-out;
  }
  25%{
    transform:scale(0.95,0.95);
    animation-timing-function:ease-out;
  }
  50%{
    transform:scale(0.95,0);
    animation-timing-function:ease-out;
  }
  75%{
    transform:scale(0.95,0.95);
    animation-timing-function:ease-out;background:#d3d3d3;color:#000;
  }
  100%{
    transform:scale(1,1);
    animation-timing-function:ease-out;background:#d3d3d3;color:#000;
  }
}
@-webkit-keyframes ipt-focus{
  0{
    -webkit-transform:scale(1,1);
    transform:scale(1,1);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out;
  }
  25%{
    -webkit-transform:scale(0.95,0.95);
    transform:scale(0.95,0.95);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out;
  }
  50%{
    -webkit-transform:scale(0.95,0);
    transform:scale(0.95,0);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out;
  }
  75%{
    -webkit-transform:scale(0.95,0.95);
    transform:scale(0.95,0.95);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out;background:#d3d3d3;color:#000;
  }
  100%{
    -webkit-transform:scale(1,1);
    transform:scale(1,1);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out;background:#d3d3d3;color:#000;
  }
}
@keyframes ipt-focus{
  0{
    -webkit-transform:scale(1,1);
    transform:scale(1,1);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out;
  }
  25%{
    -webkit-transform:scale(0.95,0.95);
    transform:scale(0.95,0.95);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out;
  }
  50%{
    -webkit-transform:scale(0.95,0);
    transform:scale(0.95,0);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out;
  }
  75%{
    -webkit-transform:scale(0.95,0.95);
    transform:scale(0.95,0.95);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out;background:#d3d3d3;color:#000;
  }
  100%{
    -webkit-transform:scale(1,1);
    transform:scale(1,1);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out;background:#d3d3d3;color:#000;
  }
}
.feedback-index form .fb-btn{-webkit-appearance:none;width:100%;height:42px;color:#fff;font-size:14px;border:none;background:#bf0a24;cursor:pointer;display:block !important}
.contact-index{float:right;width:52%}
.contact-index .ctc-rows{height:42px;line-height:42px;color:#515567;padding-left:44px;background-repeat:no-repeat;background-position:left center;overflow:hidden}
.contact-index .ct-addr{background-image:url(../images/contact1.png)}
.contact-index .ct-phone{background-image:url(../images/contact2.png)}
.contact-index .ct-fax{background-image:url(../images/contact3.png)}
.contact-index .ct-mail{background-image:url(../images/contact4.png)}
.contact-index .ct-job{background-image:url(../images/contact5.png)}
.contact-index .ct-subway{background-image:url(../images/contact6.png)}
.contact-index .ct-taxi{background-image:url(../images/contact7.png)}

.mapdiv{width:100%;height:500px;position:relative;overflow:hidden}
#mapbg{width:100%;height:500px;position:absolute;left:0;top:0;background:rgba(0,0,0,0.6);z-index:999}
#dituContent{width:100%;height:500px; background-image:url(../images/ban12.jpg); background-position:center;}
#dituContent p{display:block;margin-top:-96px;height:55px;width:200px;text-align:left;padding:10px 0 0 15px;line-height:23px;background:#fff;border:1px solid #3189B7;color:#333;font-size:12px;border-radius:5px;font-size:12px;box-shadow:2px 2px 5px #ccc}
#dituContent p b{font-size:14px}

/*底部*/
.bottomhiddendiv{display:none;height:30px;background:#232323}
.bottom{width:100%;position:relative;z-index:1000}
.returnindeximg{position:absolute;top:-14px;right:50%;margin-right:-494px;cursor:pointer}
.bottomblockdivtop{margin-top:14px;background:#292929;height:63px;position:fixed;bottom:0;left:0;width:100%}
/*.bottomblockdiv{overflow:hidden}*/
.bottomblockdivtop ul{width:820px;margin:0 auto;overflow:hidden}
.bottomblockdivtop ul li{border-left:solid 1px #313131;width:204px;height:63px;float:left}
.bottomblockdivtop ul li a{display:block}
.bottomblockdivtop ul li a h2{padding-left:84px;padding-top:12px;color:#fff;line-height:21px;font-size:15px}
.bottomblockdivtop ul li a span{color:#b6b6b6;padding-left:84px;line-height:17px;font-size:12px}
.bottomblockdivtop ul .lione{background:url(../images/bottomIcon.png) no-repeat 26px 13px}
.bottomblockdivtop ul .litwo{background:url(../images/bottomIcon.png) no-repeat -177px 13px}
.bottomblockdivtop ul .lithree{background:url(../images/bottomIcon.png) no-repeat -381px 13px}
.bottomblockdivtop ul .lifore{background:url(../images/aboutimgicoggg_03.png) no-repeat 18px 8px}
.bottomblockdivtop ul .lione:hover{background:#202020 url(../images/bottomIcon.png) no-repeat 26px -64px}
.bottomblockdivtop ul .litwo:hover{background:#202020 url(../images/bottomIcon.png) no-repeat -177px -64px}
.bottomblockdivtop ul .lithree:hover{background:#202020 url(../images/bottomIcon.png) no-repeat -381px -64px}
.bottomblockdivtop ul .lifore:hover{background:#202020 url(../images/aboutimgicoggg_03.png) no-repeat 18px 8px}
.bottomblockdivc{border-bottom:solid #1c1c1c 1px;background:#232323;line-height:84px;height:84px;text-align:center;border-top:solid 9px #d82234}
.bottomblockdivc ul li{display:inline;padding:0 29px}
.bottomblockdivc ul li a{color:#4f4f4f;font-size:12px}
.bottomblockdivbot{padding:35px 0 12px 0;text-align:center;background:#232323}
.bottomblockdivbot h2{line-height:54px;font-size:24px;color:#a7a7a7;width:900px;margin:0 auto;position:relative}
.bottomblockdivbot span{line-height:40px;font-size:12px;color:#4f4f4f}
.bottomblockdivbot .bottomewm{position:absolute;right:-50px;top:-90px}
.bottomblockdivbot .bottomewm{line-height:40px;font-size:12px;color:#4f4f4f;display:block;width:150px;height:150px}
.bottomblockdivbot .bottomewm img{width:100%;height:100%}
.bottomclickdiv{width:53px;position:fixed;bottom:20px;height:53px}
.bottomhiddendivli{width:280px;height:280px;background:rgba(0,0,0,0.85);border-radius:140px;position:fixed;top:50%;left:50%;margin-top:-140px;margin-left:-140px;z-index:889;display:none}
.bottomhiddendivli a{color:#fff;text-align:center;font-size:12px}
.pop_01{width:66px;height:66px;border-radius:50%;background:#e33f4a;line-height:66px;font-size:14px;position:absolute;top:107px;left:108px;z-index:890;font-size:14px}
.pop_02{width:48px;height:28px;line-height:28px;position:absolute;top:26px;left:115px;padding-top:48px;background:url(../images/4.png) no-repeat 0 0;-webkit-animation:pop_02 0.4s 0.1s ease-out both;-moz-animation:pop_02 0.4s 0.1s ease-out both;animation:pop_02 0.4s 0.1s ease-out both}
.pop_03{width:48px;height:28px;line-height:28px;position:absolute;top:111px;right:26px;padding-top:48px;background:url(../images/3.png) no-repeat 0 0;-webkit-animation:pop_03 0.4s 0.3s ease-out both;-moz-animation:pop_02 0.4s 0.3s ease-out both;animation:pop_03 0.4s 0.3s ease-out both}
.pop_04{width:48px;height:28px;line-height:28px;position:absolute;bottom:16px;left:115px;padding-top:48px;background:url(../images/2.png) no-repeat 0 0;-webkit-animation:pop_04 0.4s 0.5s ease-out both;-moz-animation:pop_02 0.4s 0.5s ease-out both;animation:pop_04 0.4s 0.5s ease-out both}
.pop_05{width:48px;height:28px;line-height:28px;position:absolute;top:111px;left:26px;padding-top:48px;background:url(../images/5.png) no-repeat 0 0;-webkit-animation:pop_05 0.4s 0.7s ease-out both;-moz-animation:pop_02 0.4s 0.7s ease-out both;animation:pop_05 0.4s 0.7s ease-out both}
@keyframes pop_02{
    0%{opacity:0;top:107px}
    100%{opacity:1}
}
@-webkit-keyframes pop_02{
    0%{opacity:0;top:107px}
    100%{opacity:1}
}
@-moz-keyframes pop_02{
    0%{opacity:0;top:107px}
    100%{opacity:1}
}
@keyframes pop_03{
    0%{opacity:0;right:112px}
    100%{opacity:1}
}
@-webkit-keyframes pop_03{
    0%{opacity:0;right:112px}
    100%{opacity:1}
}
@-moz-keyframes pop_03{
    0%{opacity:0;right:112px}
    100%{opacity:1}
}
@keyframes pop_04{
    0%{opacity:0;bottom:96px}
    100%{opacity:1}
}
@-webkit-keyframes pop_04{
    0%{opacity:0;bottom:96px}
    100%{opacity:1}
}
@-moz-keyframes pop_04{
    0%{opacity:0;bottom:96px}
    100%{opacity:1}
}
@keyframes pop_05{
    0%{opacity:0;left:117px}
    100%{opacity:1}
}
@-webkit-keyframes pop_05{
    0%{opacity:0;left:117px}
    100%{opacity:1}
}
@-moz-keyframes pop_05{
    0%{opacity:0;left:117px}
    100%{opacity:1}
}
.biglinks{background:#232323;padding-bottom:30px}
.links{max-width:1200px;text-align:center;line-height:27px}
.links a{margin:0 15px;display:inline-block;white-space:nowrap;color:#4f4f4f;font-size:12px}
.links a:hover{color:#fff}
/*公司介绍中间部分*/
.main{width:auto;margin:0 auto;clear:both}
.blockclickdiv,.hiddenclickdiv{display:none;float:right;cursor:pointer}
.companytopmain{background:url(../images/companyaboutimgicoccc_01.png) no-repeat center 0;background-size:auto 100%;overflow:hidden;height:586px}
.companytopmainli{padding-top:130px;margin:0 auto}
.companytoplogo{height:44px;padding:5px 0;width:255px;text-align:center;border:solid 3px #ebebeb;margin:0 auto;overflow:hidden;-webkit-animation:aboutPic1 1s .4s ease both;-moz-animation:aboutPic1 1s .4s ease both;animation:aboutPic1 1s .4s ease both}
@-webkit-keyframes aboutPic1{
    0%{opacity:0;-webkit-transform:translateY(-2000px)}
    60%{opacity:1;-webkit-transform:translateY(30px)}
    80%{-webkit-transform:translateY(-10px)}
    100%{-webkit-transform:translateY(0)}
}
@keyframes aboutPic1{
    0%{opacity:0;-webkit-transform:translateY(-2000px)}
    60%{opacity:1;-webkit-transform:translateY(30px)}
    80%{-webkit-transform:translateY(-10px)}
    100%{-webkit-transform:translateY(0)}
}
@-moz-keyframes aboutPic1{
    0%{opacity:0;-webkit-transform:translateY(-2000px)}
    60%{opacity:1;-webkit-transform:translateY(30px)}
    80%{-webkit-transform:translateY(-10px)}
    100%{-webkit-transform:translateY(0)}
}
.companytoplogo img{height:44px}
.companytoptitle{height:98px;background:url(../images/conpanyaboutimgicobbb_07.png);line-height:98px;width:1049px;margin:22px auto 41px;text-align:center;color:#fff;font-size:56px;font-weight:bold;-webkit-animation:bounceIn 1s 1s ease both;-moz-animation:bounceIn 1s 1s ease both;animation:bounceIn 1s 1s ease both}
@-webkit-keyframes bounceIn{
    0%{opacity:0;-webkit-transform:scale(.3)}
    50%{opacity:1;-webkit-transform:scale(1.05)}
    70%{-webkit-transform:scale(.9)}
    100%{-webkit-transform:scale(1)}
}
@keyframes bounceIn{
    0%{opacity:0;-webkit-transform:scale(.3)}
    50%{opacity:1;-webkit-transform:scale(1.05)}
    70%{-webkit-transform:scale(.9)}
    100%{-webkit-transform:scale(1)}
}
@-moz-keyframes bounceIn{
    0%{opacity:0;-moz-transform:scale(.3)}
    50%{opacity:1;-moz-transform:scale(1.05)}
    70%{-moz-transform:scale(.9)}
    100%{-moz-transform:scale(1)}
}
.companytopborder{width:680px;height:38px;line-height:38px;color:#b1b1b1;font-size:28px;border-top:solid #b0b0b0 2px;text-align:center;border-bottom:solid #b0b0b0 2px;-webkit-animation:aboutPic3 1s 1.6s ease both;-moz-animation:aboutPic3 1s 1.6s ease both;animation:aboutPic3 1s 1.6s ease both}
@-webkit-keyframes aboutPic3{
    0%{opacity:0;-webkit-transform:translateX(-20px)}
    100%{opacity:1;-webkit-transform:translateX(0)}
}
@-moz-keyframes aboutPic3{
    0%{opacity:0;-moz-transform:translateX(-20px)}
    100%{opacity:1;-moz-transform:translateX(0)}
}
@keyframes aboutPic3{
    0%{opacity:0;-moz-transform:translateX(-20px)}
    100%{opacity:1;-moz-transform:translateX(0)}
}
.companytopdown{cursor:pointer;width:40px;padding-top:60px;padding-top:50px;-webkit-animation:ban1txt3 2s linear 2s infinite alternate;animation:ban1txt3 2s linear 2s infinite alternate;-moz-animation:ban1txt3 2s linear 2s infinite alternate}
.companytopdown img{-webkit-animation:ban1txt3img 2s linear;animation:ban1txt3img 2s linear;-moz-animation:ban1txt3img 2s linear}
@-webkit-keyframes aboutPic4{
    0%{opacity:0;-webkit-transform:translateY(-20px)}
    100%{opacity:1;-webkit-transform:translateY(0)}
}
@-moz-keyframes aboutPic4{
    0%{opacity:0;-webkit-transform:translateY(-20px)}
    100%{opacity:1;-webkit-transform:translateY(0)}
}
@keyframes aboutPic4{
    0%{opacity:0;-webkit-transform:translateY(-20px)}
    100%{opacity:1;-webkit-transform:translateY(0)}
}
.insidetopmain{padding-top:59px;padding-bottom:46px}
.insidetopmaintitle{width:285px;background:url(../images/companyaboutimgicohhh_03.png) repeat-x;height:41px;line-height:41px;text-align:center}
.insidetopmaintitle span{background:#fff;padding:0 10px;font-size:36px;color:#3d3d3d;font-weight:bold}
.insidetopmainenglish{text-align:center;line-height:17px;color:#dfdfdf;padding-bottom:28px}
.insidetopmaintop{padding-bottom:17px;line-height:30px;font-size:14px;color:#333333;text-align:center;max-width:95%}
.insidetopmainbottom{color:#555555;line-height:30px;font-size:14px;max-width:95%}
.backgmain{background:url(../images/conpanyaboutimgico_17.png) no-repeat center center;background-size:auto  100%;height:350px;overflow:hidden}
.backgmainli{margin-top:138px;background:url(../images/conpanyaboutimgicobbb_11.png);width:579px;text-align:center}
.backgmainlitop{padding-top:29px;line-height:42px;color:#fff;font-size:32px;font-weight:bold}
.backgmainlibottom{line-height:20px;color:#fff;padding-bottom:19px}
.bigteamdivmain{width:100%}
.smallteamdivmain{display:none;width:100%}
.teamactivitymain{padding-top:64px;padding-bottom:63px}
.teamactivitymainli{position:relative;margin-top:28px;overflow:hidden}
.teamactivitywaititle{position:absolute;width:11.40625%;height:46.96%;bottom:0;left:48.125%;background:#d82234;text-align:center;color:#fff;vertical-align:middle}
.teamactivitymainli ul li{position:absolute;overflow:hidden}
.oneullidiv{left:0;top:0;width:25.5729%;height:49.48%}
.twoullidiv{left:0;bottom:0;width:25.5729%;height:49.037%}
.threeullidiv{left:26.09375%;top:0;width:21.4583%;height:100%}
.foreullidiv{left:48.125%;top:0;width:25.1%;height:51.7%}
.fiveullidiv{right:0;top:0;width:26.25%;height:51.7%}
.sixullidiv{right:0;bottom:0;width:39.9479%;height:46.96%}
.teamactivitywaitop{ position:absolute;top:50%;margin-top:-65px;font-size:32px;font-weight:bold;width:100%;line-height:65px;overflow:hidden}
.teamactivitywaitop span{border-bottom:solid 1px #fff;padding-bottom:11px}
.teamactivitywaibottom{ position:absolute;top:50%;width:100%;line-height:46px;text-align:center;overflow:hidden;font-size:14px}

/*大数据*/
.bigdatetopmain{padding-top:57px;padding-bottom:60px}
.rolldivmain{width:737px;height:236px;position:relative;overflow:hidden}
.lfrolldivmain{position:absolute;bottom:0;left:0;opacity:0;-webkit-animation:animimgA 2s .9s 1 ease forwards;-moz-animation:animimgA 2s .9s 1 ease forwards;-o-animation:animimgA 2s .9s 1 ease forwards;animation:animimgA 2s .9s 1 ease forwards;height:125px}
.cfrolldivmain{position:absolute;bottom:0;left:145px;-webkit-animation:animimgB 2s 1 ease;-moz-animation:animimgB 2s 1 ease;-o-animation:animimgB 2s 1 ease;animation:animimgB 2s 1 ease;height:236px}
.rfrolldivmain{position:absolute;bottom:0;right:0;opacity:0;-webkit-animation:animimgC 2s 1.4s 1 ease forwards;-moz-animation:animimgC 2s 1.4s 1 ease forwards;-o-animation:animimgC 2s 1.4s 1 ease forwards;animation:animimgC 2s 1.4s 1 ease forwards;height:125px}
@-webkit-keyframes animimgA {
    0% { opacity:.1;bottom:-130px}
    100% {opacity:1;bottom:0}
}
@-moz-keyframes animimgA {
    0% {opacity:.1;bottom:-130px}
    100% {opacity:1;bottom:0}
}
@-o-keyframes animimgA{
    0% {opacity:.1;bottom:-130px}
    100% {opacity:1;bottom:0}
}
@keyframes animimgA {
    0% {opacity:.1;bottom:-130px}
    100% {opacity:1;bottom:0}
}
@-webkit-keyframes animimgB {
    0% {opacity:0.2;bottom:-240px}
    100% {opacity:1;bottom:0}
}
@-moz-keyframes animimgB {
    0% {opacity:0.2;bottom:-240px}
    100% {opacity:1;bottom:0}
}
@-o-keyframes animimgB{
    0% {opacity:0.2;bottom:-240px}
    100% {opacity:1;bottom:0}
}
@keyframes animimgB {
    0% {opacity:0.2;bottom:-240px}
    100% {opacity:1;bottom:0}
}
@-webkit-keyframes animimgC {
    0% {opacity:.1;bottom:-130px}
    100% {opacity:1;bottom:0}
}
@-moz-keyframes animimgC {
    0% {opacity:.1;bottom:-130px}
    100% {opacity:1;bottom:0}
}
@-o-keyframes animimgC{
    0% {opacity:.1;bottom:-130px}
    100% {opacity:1;bottom:0}
}
@keyframes animimgC {
    0% {opacity:.1;bottom:-130px}
    100% {opacity:1;bottom:0}
}
.blackbgdivmain{background:#333333;padding:46px 0}
.blackbgdivmainli{width:219px;text-align:center;color:#fff;background:url(../images/bigdateimgicoaaa_14.png) repeat-x}
.blackbgdivmainli h2{ padding:0 12px;background:#333333;font-size:35px;line-height:41px;display:inline}
.blackbgdivmainli span{font-size:12px;line-height:20px;display:block}
.wordsdivmain{text-align:center;padding:64px 0;color:#555555;font-size:12px;line-height:24px}
.eachdivmain{width:1248px;padding-bottom:98px}
.eachdivmain ul{overflow:hidden;width:1248px}
.eachdivmain ul li{float:left;width:416px;text-align:center}
.eachdivmainimg{height:168px;overflow:hidden}
.eachdivmaintitle{background:url(../images/bigdateimgicoaaa_28.png) no-repeat center bottom;padding-top:25px;line-height:56px;font-size:24px;color:#333333}
.eachdivmaintext{padding-top:24px;line-height:30px;font-size:12px;color:#555555}
.bigdatemain{width:100%;position:relative;background:url(../images/bigdateimgicoccc_02.png) no-repeat;background-size:100%;overflow:hidden}
.bigdatemaincenter{width:19.89583%;height:58.6153%;overflow:hidden;position:absolute;top:20.69235%;left:40.052085%;animation:animimgD 1s 0.4s forwards cubic-bezier(.01, 1, .21, .99);-moz-animation:animimgD 1s 0.4s forwards cubic-bezier(.01, 1, .21, .99);-webkit-animation:animimgD 1s 0.4s forwards cubic-bezier(.01, 1, .21, .99);-o-animation:animimgD 1s 0.4s forwards cubic-bezier(.01, 1, .21, .99);transform:scale(0.1);opacity:0}
@keyframes animimgD{
    from  {transform:scale(0.1);transform:scale(0.1);opacity:0}
    to {transform:scale(1);transform:scale(1);opacity:1}
}
@-moz-keyframes animimgD{
    from  {transform:scale(0.1);-moz-transform:scale(0.1);opacity:0}
    to {transform:scale(1);-moz-transform:scale(1);opacity:1}
}
@-o-keyframes animimgD{
    from  {transform:scale(0.1);-o-transform:scale(0.1);opacity:0}
    to {transform:scale(1);-o-transform:scale(1);opacity:1}
}
@-webkit-keyframes animimgD{
    from  {transform:scale(0.1);-webkit-transform:scale(0.1);opacity:0}
    to {transform:scale(1);-webkit-transform:scale(1);opacity:1}
}
.bigdatemainxh{display:none;position:absolute;overflow:hidden;width:2.083%;height:6.153846%;bottom:6.79%;left:50%;margin-left:-1.0415%;-webkit-animation:aboutPic4 2s 1.6s linear alternate infinite;-moz-animation:aboutPic4 2s 1.6s linear alternate infinite;-o-animation:aboutPic4 2s 1.6s linear alternate infinite;animation:aboutPic4 2s 1.6s linear alternate infinite}
.bigdatemainxh img{-webkit-animation:picopacity 1s 0 linear;-moz-animation:picopacity 1s 0 linear;animation:picopacity 1s 0 linear}
@-webkit-keyframes aboutPic4{
    0%{opacity:1;-webkit-transform:translateY(0)}
    100%{-webkit-transform:translateY(20px)}
}
@-moz-keyframes aboutPic4{
    0%{-moz-transform:translateY(0)}
    100%{-moz-transform:translateY(20px)}
}
@-o-keyframes aboutPic4{
    0%{-o-transform:translateY(0)}
    100%{-o-transform:translateY(20px)}
}
@keyframes aboutPic4{
    0%{transform:translateY(0)}
    100%{transform:translateY(20px)}
}
@-webkit-keyframes picopacity{
    0%{opacity:0}
    100%{opacity:1}
}
@keyframes picopacity{
    0%{opacity:0}
    100%{opacity:1}
}
@-moz-keyframes picopacity{
    0%{opacity:0}
    100%{opacity:1}
}
.bigdatemainone{position:absolute;overflow:hidden;width:4.27083%;height:12.76923%;top:33%;left:8.4375%;-moz-animation:animimgAll 2s .9s 1 ease forwards;-webkit-animation:animimgAll 2s .9s 1 ease forwards;-o-animation:animimgAll 2s .9s 1 ease forwards;animation:animimgAll 2s .9s 1 ease forwards;opacity:0}
.bigdatemaintwo{position:absolute;overflow:hidden;width:3.6979%;height:11%;top:63.6923%;left:1.927%;-moz-animation:animimgAll 2s .9s 1 ease forwards;-webkit-animation:animimgAll 2s .9s 1 ease forwards;-o-animation:animimgAll 2s .9s 1 ease forwards;animation:animimgAll 2s .9s 1 ease forwards;opacity:0}
.bigdatemainthree{position:absolute;overflow:hidden;width:5.3125%;height:15.6923%;top:54.3%;left:31.1979%;-moz-animation:animimgAll 2s .9s 1 ease forwards;-webkit-animation:animimgAll 2s .9s 1 ease forwards;-o-animation:animimgAll 2s .9s 1 ease forwards;animation:animimgAll 2s .9s 1 ease forwards;opacity:0}
.bigdatemainfore{position:absolute;overflow:hidden;width:4.27083%;height:12.76923%;top:19.846%;left:69.6875%;-moz-animation:animimgAll 2s .9s 1 ease forwards;-webkit-animation:animimgAll 2s .9s 1 ease forwards;-o-animation:animimgAll 2s .9s 1 ease forwards;animation:animimgAll 2s .9s 1 ease forwards;opacity:0}
.bigdatemainfive{position:absolute;overflow:hidden;width:4.27083%;height:12.76923%;top:43.846%;left:69.6875%;-moz-animation:animimgAll 2s .9s 1 ease forwards;-webkit-animation:animimgAll 2s .9s 1 ease forwards;-o-animation:animimgAll 2s .9s 1 ease forwards;animation:animimgAll 2s .9s 1 ease forwards;opacity:0}
.bigdatemainsix{position:absolute;overflow:hidden;width:4.27083%;height:12.76923%;top:69.846%;left:69.6875%;-moz-animation:animimgAll 2s .9s 1 ease forwards;-webkit-animation:animimgAll 2s .9s 1 ease forwards;-o-animation:animimgAll 2s .9s 1 ease forwards;animation:animimgAll 2s .9s 1 ease forwards;opacity:0}
.bigdatemainseven{position:absolute;overflow:hidden;width:5%;height:15%;top:20%;left:90.83%;-moz-animation:animimgAll 2s .9s 1 ease forwards;-webkit-animation:animimgAll 2s .9s 1 ease forwards;-o-animation:animimgAll 2s .9s 1 ease forwards;animation:animimgAll 2s .9s 1 ease forwards;opacity:0}
.bigdatemaineight{position:absolute;overflow:hidden;width:3.6979%;height:11%;top:71.6923%;left:88.125%;-moz-animation:animimgAll 2s .9s 1 ease forwards;-webkit-animation:animimgAll 2s .9s 1 ease forwards;-o-animation:animimgAll 2s .9s 1 ease forwards;animation:animimgAll 2s .9s 1 ease forwards;opacity:0}
.bigdatemaintitle{position:absolute;top:11.53846%;left:22.6%;color:#efeeda;font-size:48px;font-weight:bold;line-height:60px;-webkit-animation:bounceInDown 1s .4s ease both;-moz-animation:bounceInDown 1s .4s ease both;-o-animation:bounceInDown 1s .4s ease both;animation:bounceInDown 1s .4s ease both}
@-webkit-keyframes bounceInDown{
    0%{opacity:0;-webkit-transform:translateY(-2000px)}
    60%{opacity:1;-webkit-transform:translateY(30px)}
    80%{-webkit-transform:translateY(-10px)}
    100%{-webkit-transform:translateY(0)}
}
@-moz-keyframes bounceInDown{
    0%{opacity:0;-moz-transform:translateY(-2000px)}
    60%{opacity:1;-moz-transform:translateY(30px)}
    80%{-moz-transform:translateY(-10px)}
    100%{-moz-transform:translateY(0)}
}
@-o-keyframes bounceInDown{
    0%{opacity:0;-o-transform:translateY(-2000px)}
    60%{opacity:1;-o-transform:translateY(30px)}
    80%{-o-transform:translateY(-10px)}
    100%{-o-transform:translateY(0)}
}
@keyframes bounceInDown{
    0%{opacity:0;transform:translateY(-2000px)}
    60%{opacity:1;transform:translateY(30px)}
    80%{transform:translateY(-10px)}
    100%{transform:translateY(0)}
}
@-webkit-keyframes animimgAll {
    0% { opacity:0;left:46.5625%;top:39.846%}
    100% {opacity:1}
}
@-moz-keyframes animimgAll {
    0% { opacity:0;left:46.5625%;top:39.846%}
    100% {opacity:1}
}
@-o-keyframes animimgAll{
    0% { opacity:0;left:46.5625%;top:39.846%}
    100% {opacity:1}
}
@keyframes animimgAll {
    0% { opacity:0;left:46.5625%;top:39.846%}
    100% {opacity:1}
}
.bigdatemainsp{display:none}

/*公司网站*/
.insidetopmainpb{padding-bottom:60px}
.webimgmain{background:url(../images/webimgicoeee_03.png) repeat;position:relative;width:100%;overflow:hidden}
.webimgmainbjimg{position:absolute;width:62.3958%;height:73.58346%;left:20%;top:12.76923%}
.webimgmaincenter{position:absolute;width:25.78%;height:61.23%;left:37.1354%;top:19.3846%;z-index:10;animation:animimgD 1s 0.4s forwards cubic-bezier(.01, 1, .21, .99);-moz-animation:animimgD 1s 0.4s forwards cubic-bezier(.01, 1, .21, .99);-webkit-animation:animimgD 1s 0.4s forwards cubic-bezier(.01, 1, .21, .99);-o-animation:animimgD 1s 0.4s forwards cubic-bezier(.01, 1, .21, .99);transform:scale(0.1);opacity:0}
.webimgmainone{position:absolute;width:4.21875%;height:12.46%;left:34.58%;top:10.923%;-moz-animation:animimgAll 2s .9s 1 ease forwards;-webkit-animation:animimgAll 2s .9s 1 ease forwards;-o-animation:animimgAll 2s .9s 1 ease forwards;animation:animimgAll 2s .9s 1 ease forwards;opacity:0}
.webimgmaintwo{position:absolute;width:4.6354%;height:13.53846%;left:15.729%;top:22.3%;-webkit-animation:columnar 1s .9s 1 forwards;-moz-animation:columnar 1s .9s 1 forwards;-o-animation:columnar 1s .9s 1 forwards;animation:columnar 1s .9s 1 forwards;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);opacity:0}
@-webkit-keyframes columnar {
    0% {-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
    40% {-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
    70% {-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
    100% {-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);opacity:1}
}
@-moz-keyframes columnar {
    0% {-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
    40% {-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
    70% {-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
    100% {-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);opacity:1}
}
@-o-keyframes columnar{
    0% {-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
    40% {-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
    70% {-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
    100% {-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);opacity:1}
}
@keyframes columnar {
    0% {-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
    40% {-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
    70% {-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
    100% {-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);opacity:1}
}
.webimgmainthree{position:absolute;width:4.479%;height:13.23%;left:18%;top:55.6923%;-webkit-animation:reverseRotataZ 1.5s .9s 1 linear backwards;-moz-animation:reverseRotataZ 1.5s .9s 1 linear backwards;-o-animation:reverseRotataZ 1.5s .9s 1 linear backwards;animation:reverseRotataZ 1.5s .9s 1 linear backwards;-webkit-transform-origin:center top;-ms-transform-origin:center top;transform-origin:center top}

@-webkit-keyframes reverseRotataZ {
    0% {-webkit-transform:perspective(400px) rotateX(90deg) translate3d(0,0,0);-ms-transform:perspective(400px) rotateX(90deg) translate3d(0,0,0);transform:perspective(400px) rotateX(90deg) translate3d(0,0,0);opacity:0}
    40% {-webkit-transform:perspective(400px) rotateX(-10deg) translate3d(0,0,0);-ms-transform:perspective(400px) rotateX(-10deg) translate3d(0,0,0);transform:perspective(400px) rotateX(-10deg) translate3d(0,0,0)}
    70% {-webkit-transform:perspective(400px) rotateX(10deg) translate3d(0,0,0);-ms-transform:perspective(400px) rotateX(10deg) translate3d(0,0,0);transform:perspective(400px) rotateX(10deg) translate3d(0,0,0)}
    100% {-webkit-transform:perspective(400px) rotateX(0deg) translate3d(0,0,0);-ms-transform:perspective(400px) rotateX(0deg) translate3d(0,0,0);transform:perspective(400px) rotateX(0deg) translate3d(0,0,0);opacity:1}
}
@-moz-keyframes reverseRotataZ {
    0% {-webkit-transform:perspective(400px) rotateX(90deg) translate3d(0,0,0);-ms-transform:perspective(400px) rotateX(90deg) translate3d(0,0,0);transform:perspective(400px) rotateX(90deg) translate3d(0,0,0);opacity:0}
    40% {-webkit-transform:perspective(400px) rotateX(-10deg) translate3d(0,0,0);-ms-transform:perspective(400px) rotateX(-10deg) translate3d(0,0,0);transform:perspective(400px) rotateX(-10deg) translate3d(0,0,0)}
    70% {-webkit-transform:perspective(400px) rotateX(10deg) translate3d(0,0,0);-ms-transform:perspective(400px) rotateX(10deg) translate3d(0,0,0);transform:perspective(400px) rotateX(10deg) translate3d(0,0,0)}
    100% {-webkit-transform:perspective(400px) rotateX(0deg) translate3d(0,0,0);-ms-transform:perspective(400px) rotateX(0deg) translate3d(0,0,0);transform:perspective(400px) rotateX(0deg) translate3d(0,0,0);opacity:1}
}
@-o-keyframes reverseRotataZ{
    0% {-webkit-transform:perspective(400px) rotateX(90deg) translate3d(0,0,0);-ms-transform:perspective(400px) rotateX(90deg) translate3d(0,0,0);transform:perspective(400px) rotateX(90deg) translate3d(0,0,0);opacity:0}
    40% {-webkit-transform:perspective(400px) rotateX(-10deg) translate3d(0,0,0);-ms-transform:perspective(400px) rotateX(-10deg) translate3d(0,0,0);transform:perspective(400px) rotateX(-10deg) translate3d(0,0,0)}
    70% {-webkit-transform:perspective(400px) rotateX(10deg) translate3d(0,0,0);-ms-transform:perspective(400px) rotateX(10deg) translate3d(0,0,0);transform:perspective(400px) rotateX(10deg) translate3d(0,0,0)}
    100% {-webkit-transform:perspective(400px) rotateX(0deg) translate3d(0,0,0);-ms-transform:perspective(400px) rotateX(0deg) translate3d(0,0,0);transform:perspective(400px) rotateX(0deg) translate3d(0,0,0);opacity:1}
}
@keyframes reverseRotataZ {
    0% {-webkit-transform:perspective(400px) rotateX(90deg) translate3d(0,0,0);-ms-transform:perspective(400px) rotateX(90deg) translate3d(0,0,0);transform:perspective(400px) rotateX(90deg) translate3d(0,0,0);opacity:0}
    40% {-webkit-transform:perspective(400px) rotateX(-10deg) translate3d(0,0,0);-ms-transform:perspective(400px) rotateX(-10deg) translate3d(0,0,0);transform:perspective(400px) rotateX(-10deg) translate3d(0,0,0)}
    70% {-webkit-transform:perspective(400px) rotateX(10deg) translate3d(0,0,0);-ms-transform:perspective(400px) rotateX(10deg) translate3d(0,0,0);transform:perspective(400px) rotateX(10deg) translate3d(0,0,0)}
    100% {-webkit-transform:perspective(400px) rotateX(0deg) translate3d(0,0,0);-ms-transform:perspective(400px) rotateX(0deg) translate3d(0,0,0);transform:perspective(400px) rotateX(0deg) translate3d(0,0,0);opacity:1}
}
.webimgmainfore{position:absolute;width:4.479%;height:13.23%;left:80%;top:35.3846%;animation:top5chart 2s .9s 1 forwards;-moz-animation:top5chart 2s .9s 1 forwards;-o-animation:top5chart 2s .9s 1 forwards;-webkit-animation:top5chart 2s .9s 1 forwards;opacity:0}
@keyframes top5chart{
    0%  {opacity:0;left:75%}
    25%  {opacity:0.25}
    50%  {opacity:0.9;left:85%}
    100% {opacity:1;left:80%}
}
@-moz-keyframes top5chart{
    0%  {opacity:0;left:75%}
    25%  {opacity:0.25}
    50%  {opacity:0.9;left:85%}
    100% {opacity:1;left:80%}
}
@-o-keyframes top5chart{
    0%  {opacity:0;left:75%}
    25%  {opacity:0.25}
    50%  {opacity:0.9;left:85%}
    100% {opacity:1;left:80%}
}
@-webkit-keyframes top5chart{
    0%  {opacity:0;left:75%}
    25%  {opacity:0.25}
    50%  {opacity:0.9;left:85%}
    100% {opacity:1;left:80%}
}
.webimgmainfive{position:absolute;width:3.6458%;height:10.72923%;left:74.53125%;top:62.6%;animation:top6chart 1s 1.9s 1 forwards;-moz-animation:top6chart 1s 1.9s 1 forwards;-o-animation:top6chart 1s 1.9s 1 forwards;-webkit-animation:top6chart 1s 1.9s 1 forwards;opacity:0}
@keyframes top6chart{
    0%  {top:55%;opacity:0}
    25%  {opacity:0}
    50%  {opacity:0}
    100% {opacity:1}
}
@-moz-keyframes top6chart{
    0%  {top:55%;opacity:0}
    25%  {opacity:0}
    50%  {opacity:0}
    100% {opacity:1}
}
@-o-keyframes top6chart{
    0%  {top:55%;opacity:0}
    25%  {opacity:0}
    50%  {opacity:0}
    100% {opacity:1}
}
@-webkit-keyframes top6chart{
    0%  {top:55%;opacity:0}
    25%  {opacity:0}
    50%  {opacity:0}
    100% {opacity:1}
}
.webimgmainsix{position:absolute;width:4.479%;height:13.23%;left:65.26%;top:73%;-webkit-animation:top7chart 1s 1.6s 1 forwards;-moz-animation:top7chart 1s 1.6s 1 forwards;-o-animation:top7chart 1s 1.6s 1 forwards;animation:top7chart 1s 1.6s 1 forwards;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
@keyframes top7chart{
    0% {-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
    40% {-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
    70% {-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
    100% {-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);opacity:1}
}
@-moz-keyframes top7chart{
    0% {-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
    40% {-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
    70% {-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
    100% {-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);opacity:1}
}
@-o-keyframes top7chart{
    0% {-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
    40% {-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
    70% {-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
    100% {-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);opacity:1}
}
@-webkit-keyframes top7chart{
    0% {-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
    40% {-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
    70% {-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
    100% {-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);opacity:1}
}
.webimgmainL{width:30%;height:73.58346%;left:20%;top:12.76923%;position:absolute;-webkit-animation:linemarkLeft 1.5s .8s 1 ease forwards;-moz-animation:linemarkLeft 1.5s .8s 1 ease forwards;-o-animation:linemarkLeft 1.5s .8s 1 ease forwards;animation:linemarkLeft 1.5s .8s 1 ease forwards;background:url(../images/webimgicoeee_03.png)}
.webimgmainR{width:32.3958%;right:17.6042%;top:12.76923%;height:73.58346%;position:absolute;-webkit-animation:linemarkLeft 1.5s .8s 1 ease forwards;-moz-animation:linemarkLeft 1.5s .8s 1 ease forwards;animation:linemarkLeft 1.5s .8s 1 ease forwards;-o-animation:linemarkLeft 1.5s .8s 1 ease forwards;background:url(../images/webimgicoeee_03.png)}
@-webkit-keyframes linemarkLeft {
    0% {width:100%}
    100% {width:0}
}
@-moz-keyframes linemarkLeft {
    0% {width:100%}
    100% {width:0}
}
@-o-keyframes linemarkLeft{
    0% { width:100%}
    100% { width:0}
}
@keyframes linemarkLeft {
    0% {width:100%}
    100% {width:0}
}
.insidetopmaincenterimg{width:100%;max-width:910px;padding-top:50px}

/*手机端*/
.mobileimgmain{position:relative;width:100%;overflow:hidden;background:url(../images/mobileimgicoaaa_03.png) repeat;z-index:1}
.mobileimgmaintitle{text-align:center;color:#fff;padding-top:178px;line-height:130px;font-size:42px;font-weight:bold;z-index:50;position:relative}
.mobileimgmainimg{text-align:center;padding-bottom:30px;z-index:50;position:relative;height:76px;overflow:hidden}
.mobileimgmaintextone,.mobileimgmaintexttwo{line-height:36px;color:#fff;text-align:center;z-index:50;position:relative}
.mobileimgmainbjimg{width:52%;left:5.15625%;bottom:-4px;position:absolute;z-index:2; animation:animimgD 1s 0.5s forwards cubic-bezier(.01, 1, .21, .99);-moz-animation:animimgD 1s 0.5s forwards cubic-bezier(.01, 1, .21, .99);-webkit-animation:animimgD 1s 0.5s forwards cubic-bezier(.01, 1, .21, .99);-o-animation:animimgD 1s 0.5s forwards cubic-bezier(.01, 1, .21, .99);transform:scale(0.1);opacity:0}
.mobileimgmaincenterxu{position:absolute;top:29.5%;left:9.79%;width:80.2%}
.mobileimgmaincenterxuL{position:absolute;left:9.79%;width:40.1%;height:100%;background:url(../images/mobileimgicoaaa_03.png);-webkit-animation:linemarkLeft 1.5s .8s 1 ease forwards;-moz-animation:linemarkLeft 1.5s .8s 1 ease forwards;animation:linemarkLeft 1.5s .8s 1 ease forwards;-o-animation:linemarkLeft 1.5s .8s 1 ease forwards}
.mobileimgmaincenterxuR{position:absolute;right:10.01%;width:40.1%;height:100%;background:url(../images/mobileimgicoaaa_03.png);-webkit-animation:linemarkLeft 1.5s .8s 1 ease forwards;-moz-animation:linemarkLeft 1.5s .8s 1 ease forwards;animation:linemarkLeft 1.5s .8s 1 ease forwards;-o-animation:linemarkLeft 1.5s .8s 1 ease forwards}
.mobileimgmainone{width:4.739583%;top:23.75%;left:14%;position:absolute;animation:top1chart 1s 1.2s 1 forwards;-moz-animation:top1chart 1s 1.2s 1 forwards;-webkit-animation:top1chart 1s 1.2s 1 forwards;-o-animation:top1chart 1s 1.2s 1 forwards;opacity:0}
@keyframes top1chart{
    0%  {top:20%;opacity:0}
    25%  {top:20%;opacity:0}
    50%  {top:20%;opacity:0}
    100% {opacity:1}
}
@-moz-keyframes top1chart{
    0%  {top:20%;opacity:0}
    25%  {top:20%;opacity:0}
    50%  {top:20%;opacity:0}
    100% {opacity:1}
}
@-o-keyframes top1chart{
    0%  {top:20%;opacity:0}
    25%  {top:20%;opacity:0}
    50%  {top:20%;opacity:0}
    100% {opacity:1}
}
@-webkit-keyframes top1chart{
    0%  {top:20%;opacity:0}
    25%  {top:20%;opacity:0}
    50%  {top:20%;opacity:0}
    100% {opacity:1}
}
.mobileimgmainonetitle{left:9.5%;top:26.625%;color:#fff;position:absolute;line-height:14px;animation:textblock 1s 2s 1 forwards;-moz-animation:textblock 1s 2s 1 forwards;-webkit-animation:textblock 1s 2s 1 forwards;-o-animation:textblock 1s 2s 1 forwards;opacity:0}
.mobileimgmaintwo{width:4.583%;top:21.125%;left:74.6875%;position:absolute;animation:top4chart 2s 1.6s 1 forwards;-moz-animation:top4chart 2s 1.6s 1 forwards;-o-animation:top4chart 2s 1.6s 1 forwards;-webkit-animation:top4chart 2s 1.6s 1 forwards;opacity:0}
@keyframes top4chart{
    0%  {opacity:0;left:73%}
    25%  {opacity:0.25}
    50%  {opacity:0.9;left:77%}
    100% {opacity:1}
}
@-moz-keyframes top4chart{
    0%  {opacity:0;left:73%}
    25%  {opacity:0.25}
    50%  {opacity:0.9;left:77%}
    100% {opacity:1}
}
@-o-keyframes top4chart{
    0%  {opacity:0;left:73%}
    25%  {opacity:0.25}
    50%  {opacity:0.9;left:77%}
    100% {opacity:1}
}
@-webkit-keyframes top4chart{
    0%  {opacity:0;left:73%}
    25%  {opacity:0.25}
    50%  {opacity:0.9;left:77%}
    100% {opacity:1}
}

.mobileimgmaintwotitle{left:71%;top:26.5%;color:#fff;position:absolute;line-height:14px;animation:textblock 1s 3s 1 forwards;-moz-animation:textblock 1s 3s 1 forwards;-webkit-animation:textblock 1s 3s 1 forwards;-o-animation:textblock 1s 3s 1 forwards;opacity:0}
.mobileimgmainthree{width:4.583%;top:36.75%;left:81.51%;position:absolute;animation:top5chart 2s 1.6s 1 forwards;-moz-animation:top5chart 2s 1.6 1 forwards;-o-animation:top5chart 2s 1.6 1 forwards;-webkit-animation:top5chart 2s 1.6s 1 forwards;opacity:0}
@keyframes top5chart{
    0%  {opacity:0;left:80%}
    25%  {opacity:0.25}
    50%  {opacity:0.9;left:80%}
    100% {opacity:1}
}
@-moz-keyframes top5chart{
    0%  {opacity:0;left:80%}
    25%  {opacity:0.25}
    50%  {opacity:0.9;left:80%}
    100% {opacity:1}
}
@-o-keyframes top5chart{
    0%  {opacity:0;left:80%}
    25%  {opacity:0.25}
    50%  {opacity:0.9;left:80%}
    100% {opacity:1}
}
@-webkit-keyframes top5chart{
    0%  {opacity:0;left:80%}
    25%  {opacity:0.25}
    50%  {opacity:0.9;left:80%}
    100% {opacity:1}
}
.mobileimgmainthreetitle{left:86.77%;top:41.125%;color:#fff;position:absolute;line-height:14px;animation:textblock 1s 3s 1 forwards;-moz-animation:textblock 1s 3s 1 forwards;-webkit-animation:textblock 1s 3s 1 forwards;-o-animation:textblock 1s 3s 1 forwards;opacity:0}
.mobileimgmainfore{width:4.583%;top:80%;left:70.5729%;position:absolute;animation:reverseRotataZ 1s 1.2s 1 forwards;-moz-animation:reverseRotataZ 1s 1.2s 1 forwards;-webkit-animation:reverseRotataZ 1s 1.2s 1 forwards;-o-animation:reverseRotataZ 1s 1.2s 1 forwards;opacity:0}

@-webkit-keyframes reverseRotataZ {
    0%  {top:77%;opacity:0}
    25%  {top:77%;opacity:0}
    50%  {top:77%;opacity:0}
    100% {opacity:1}
}
@-moz-keyframes reverseRotataZ {
    0%  {top:77%;opacity:0}
    25%  {top:77%;opacity:0}
    50%  {top:77%;opacity:0}
    100% {opacity:1}
}
@-o-keyframes reverseRotataZ{
    0%  {top:77%;opacity:0}
    25%  {top:77%;opacity:0}
    50%  {top:77%;opacity:0}
    100% {opacity:1}
}
@keyframes reverseRotataZ {
    0%  {top:77%;opacity:0}
    25%  {top:77%;opacity:0}
    50%  {top:77%;opacity:0}
    100% {opacity:1}
}
.mobileimgmainforetitle{left:75.989583%;top:83%;color:#fff;position:absolute;line-height:14px;animation:textblock 1s 2s 1 forwards;-moz-animation:textblock 1s 2s 1 forwards;-webkit-animation:textblock 1s 2s 1 forwards;-o-animation:textblock 1s 2s 1 forwards;opacity:0}
@-webkit-keyframes textblock {
    0%  {opacity:0}
    100% {opacity:1}
}
@-moz-keyframes textblock {
    0%  {opacity:0}
    100% {opacity:1}
}
@-o-keyframes textblock{
    0%  {opacity:0}
    100% {opacity:1}
}
@keyframes textblock {
    0%  {opacity:0}
    100% {opacity:1}
}
.changedivmain{width:100%;position:relative;height:688px;overflow:hidden}
.changedivmainclick{position:absolute;bottom:49px;left:50%;margin-left:-39px;width:78px;overflow:hidden}
.changedivmainclick ul{overflow:hidden;width:98px}
.changedivmainclick ul li{float:left;width:29px;margin-right:20px;background:#d2d2d2;cursor:pointer;height:7px}
.changedivmainclick ul li.cli{background:#d30830}
.changedivmainlione{padding-top:68px}
.changedivmainlione ul{overflow:hidden}
.changedivmainlioneul{width:1042px;overflow:hidden;padding-top:60px}
.changedivmainlioneul ul{width:1180px;overflow:hidden}
.changedivmainlioneul ul li{float:left;padding-right:138px;width:98px;padding-bottom:52px}
.circlelidivimg{width:96px;height:96px;border-radius:48px;border:solid 1px #9b9b9b;text-align:center;transition:border,box-shadow 0.2s ease;-webkit-transition:border,box-shadow 0.2s ease;-moz-transition:border,box-shadow 0.2s ease}
.circlelidivtitle{text-align:center;line-height:33px;color:#515567;font-size:16px}
.circlelidivimg div{padding-top:21px;width:48px;height:51px}
.circlelidivimgone{background:url(../images/mobileimgicoiii_03.png) no-repeat 0 bottom}
.circlelidivimgtwo{background:url(../images/mobileimgicoiii_05.png) no-repeat 0 bottom}
.circlelidivimgthree{background:url(../images/mobileimgicoiii_07.png) no-repeat 0 bottom}
.circlelidivimgfore{background:url(../images/mobileimgicoiii_09.png) no-repeat 0 bottom}
.circlelidivimgfive{background:url(../images/mobileimgicoiii_11.png) no-repeat 0 bottom}
.circlelidivimgsix{background:url(../images/mobileimgicoiii_18.png) no-repeat 0 bottom}
.circlelidivimgseven{background:url(../images/mobileimgicoiii_19.png) no-repeat 0 bottom}
.circlelidivimgeight{background:url(../images/mobileimgicoiii_20.png) no-repeat 0 bottom}
.circlelidivimgnine{background:url(../images/mobileimgicoiii_21.png) no-repeat 0 bottom}
.circlelidivimgten{background:url(../images/mobileimgicoiii_22.png) no-repeat 0 bottom}
.circlelidivimg:hover{border-color:#d30830;box-shadow:inset 0 0 0 50px #d30830;-webkit-box-shadow:inset 0 0 0 50px #d30830;-moz-box-shadow:inset 0 0 0 50px #d30830}
.circlelidivimg:hover .circlelidivimgone{background:url(../images/mobileimgicojjj_03.png) no-repeat 0 bottom}
.circlelidivimg:hover .circlelidivimgtwo{background:url(../images/mobileimgicojjj_05.png) no-repeat 0 bottom}
.circlelidivimg:hover .circlelidivimgthree{background:url(../images/mobileimgicojjj_07.png) no-repeat 0 bottom}
.circlelidivimg:hover .circlelidivimgfore{background:url(../images/mobileimgicojjj_09.png) no-repeat 0 bottom}
.circlelidivimg:hover .circlelidivimgfive{background:url(../images/mobileimgicojjj_11.png) no-repeat 0 bottom}
.circlelidivimg:hover .circlelidivimgsix{background:url(../images/mobileimgicojjj_18.png) no-repeat 0 bottom}
.circlelidivimg:hover .circlelidivimgseven{background:url(../images/mobileimgicojjj_19.png) no-repeat 0 bottom}
.circlelidivimg:hover .circlelidivimgeight{background:url(../images/mobileimgicojjj_20.png) no-repeat 0 bottom}
.circlelidivimg:hover .circlelidivimgnine{background:url(../images/mobileimgicojjj_21.png) no-repeat 0 bottom}
.circlelidivimg:hover .circlelidivimgten{background:url(../images/mobileimgicojjj_22.png) no-repeat 0 bottom}
.changedivmainlitwo{background:#eeeeee;padding-top:60px;display:none;height:686px}
.changedivmainlitwo .insidetopmaintitle{background:url(../images/mobileimgicohhh_03.png) repeat-x}
.changedivmainlitwo .insidetopmaintitle span{background:#eeeeee}
.changedivmainlitwotext{text-align:center;font-size:12px;color:#666666;line-height:24px;padding-bottom:56px;max-width:95%}
.changedivmainlitwoimg{max-width:1283px}
.changedivmainlitwoxh{display:none}
.mobiletroublemain{background:#252525;padding-top:62px;padding-bottom:70px}
.mobiletroublemainli{width:100%;max-width:1169px}
.mobiletroublemainli .blackbgdivmainli h2{background:#252525}
.mobiletroublemainli .blackbgdivmainli{padding-bottom:26px}
.mobiletroublemainlitext{max-width:95%;text-align:center;color:#fff;font-size:12px;line-height:24px;padding-bottom:47px}
.mobiletbmainli{position:relative;width:100%;height:520px}
.lfmobiletbmainli{float:left;width:44.225834%;background:#dddddd;height:520px}
.rfmobiletbmainli{float:right;width:44.225834%;background:#11ade1;height:520px}
.lfmobiletbmainlititle{line-height:84px;padding-left:6%;color:#333333;font-size:24px}
.lfmobiletbmainli ul li{width:84%;padding-left:6%;height:61px}
.lfmobiletbmainli ul li .numberlidiv{background:url(../images/mobileimgicokkk_29.png) no-repeat;line-height:36px;width:36px;text-align:center;float:left;color:#333333;font-size:18px}
.lfmobiletbmainli ul li .numberlidivtext{padding-left:50px;color:#333333;line-height:24px}
.rfmobiletbmainli .lfmobiletbmainlititle{ padding-left:8%;color:#fff}
.rfmobiletbmainli ul li{width:84%;padding-left:8%;height:91px;color:#fff}
.rfmobiletbmainli ul li .numberlidiv{background:url(../images/mobileimgicokkk_32.png) no-repeat;line-height:36px;width:36px;text-align:center;float:left;color:#fff;font-size:18px}
.rfmobiletbmainli ul li .numberlidivtext{padding-left:50px;line-height:24px;color:#fff}
.cfmobiletbmainli{width:18.39%;position:absolute;left:40.705%;top:50%;z-index:10}

/*案例*/
.casedivmain{width:100%;overflow:hidden}
.lfcasedivmain{width:41.979%;position:fixed;top:90px;left:0;background:#fff}
.rfcasedivmain{width:58.021%;float:right;padding:70px 0;background:#f2f2f2}
.rfcasedivmainli{padding:0 56px}
.rfcasedivmainlidiv:hover .leftclickdiv{background:url(../images/caseimgicobbb_07.png)}
.rfcasedivmainlidiv:hover .rightclickdiv{background:url(../images/caseimgicobbb_09.png)}
.leftclickdiv{position:fixed;top:38%;left:41.979%;margin-left:56px;cursor:pointer;width:47px;height:119px;border-radius:0 5px 5px 0 }
.rightclickdiv{position:fixed;top:38%;right:56px;cursor:pointer;width:47px;height:119px;border-radius:5px 0 0 5px}
.leftclickdiv a,.rightclickdiv a{display:block;width:47px;height:119px}
.rfcasedivmainlidiv .leftclickdiv:hover{background:url(../images/caseimgicobbb_07aa.png)}
.rfcasedivmainlidiv .rightclickdiv:hover{background:url(../images/caseimgicobbb_09aa.png)}
.lfcasedivmainli{padding:20px 40px 0 43px}
.lfcasedivmainlititle{line-height:64px;padding-left:6px;font-size:20px;color:#666666}
.lfcasedivmainlitext{color:#666666;font-size:12px;line-height:24px;padding-bottom:38px;padding-left:6px}
.lfcasedivmainlitime{padding-left:6px;color:#666666;font-size:14px}
.lfcasedivmainlitime span{color:#999;font-size:12px;line-height:32px}
.lfcasedivmainlihuman{font-size:12px;color:#333;line-height:24px}
.backindexhrefdiv{padding-top:65px}


/*00写的*/
.ban4{height:100%;background:#3f9dec;text-align: center;position: relative;}
.ban4txt{padding-top: 50px;}
.ban4txt h2{position: absolute;left: 0;right: 0;-webkit-animation-delay: 0.2s;-moz-animation-delay: 0.2s;animation-delay: 0.2s;-webkit-animation-name: banner_2_kf_1;-moz-animation-name: banner_2_kf_1;animation-name: banner_2_kf_1;-webkit-animation-duration: 1.5s;-moz-animation-duration: 1.5s;animation-duration: 1.5s;-webkit-animation-fill-mode: backwards;-moz-animation-fill-mode: backwards;animation-fill-mode: backwards;-webkit-animation-timing-function: cubic-bezier(.01, 1, .21, .99);-moz-animation-timing-function: cubic-bezier(.01, 1, .21, .99);animation-timing-function: cubic-bezier(.01, 1, .21, .99);-webkit-animation-delay: 0.4s;-moz-animation-delay: 0.4s;animation-delay: 0.4s;}
@-webkit-keyframes banner_2_kf_1 {
    from { opacity: 0; -webkit-transform: translate3d(50px,0,0); -moz-transform: translate3d(50px,0,0); transform: translate3d(50px,0,0);}
    to {  opacity: 1; -webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
}
@-moz-keyframes banner_2_kf_1 {
    from { opacity: 0; -webkit-transform: translate3d(50px,0,0); -moz-transform: translate3d(50px,0,0); transform: translate3d(50px,0,0);}
    to {  opacity: 1; -webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
}
@keyframes banner_2_kf_1 {
    from { opacity: 0; -webkit-transform: translate3d(50px,0,0); -moz-transform: translate3d(50px,0,0); transform: translate3d(50px,0,0);}
    to {  opacity: 1; -webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
}
.ban4txt h2 img{max-width:74%}
.ban4txt h3{-webkit-animation-delay: 0.7s;-moz-animation-delay: 0.7s;animation-delay: 0.7s;-webkit-animation-name: banner_2_kf_1;-moz-animation-name: banner_2_kf_1;animation-name: banner_2_kf_1;-webkit-animation-duration: 1.5s;-moz-animation-duration: 1.5s;animation-duration: 1.5s;-webkit-animation-fill-mode: backwards; -moz-animation-fill-mode: backwards;animation-fill-mode: backwards;-webkit-animation-timing-function: cubic-bezier(.01, 1, .21, .99);-moz-animation-timing-function: cubic-bezier(.01, 1, .21, .99);animation-timing-function: cubic-bezier(.01, 1, .21, .99);-webkit-animation-delay: 0.4s;-moz-animation-delay: 0.4s;animation-delay: 0.4s;position: absolute;left: 0;width: 100%;padding-top: 60px;}
.ban4txt h3 img{max-width:90%}
.ban4txt h4{ padding-top: 140px;width: 100%;position: absolute;}
.ban4h4span1{position: absolute;top: 220px;left: 50%;margin-left: -473px;-webkit-animation:ban4h4span1move 1s 1s ease both;-moz-animation:ban4h4span1move 1s 1s ease both;animation:ban4h4span1move 1s 1s ease both;}
@-webkit-keyframes ban4h4span1move{
    0%{opacity:0;}
    100%{opacity:1;}
}
@keyframes ban4h4span1move{
    0%{opacity:0;}
    100%{opacity:1;}
}
@-moz-keyframes ban4h4span1move{
    0%{opacity:0;}
    100%{opacity:1;}
}
.ban4h4span1 img{-webkit-animation:ban4h4span1img 1.5s linear infinite alternate;-moz-animation:ban4h4span1img 1.5s linear infinite alternate;animation:ban4h4span1img 1.5s linear infinite alternate}
.ban4h4span2{position: absolute;top: 353px;left: 50%;margin-left: -353px;-webkit-animation:ban4h4span1move 1s 1s ease both;-moz-animation:ban4h4span1move 1s 1s ease both;animation:ban4h4span1move 1s 1s ease both;}
.ban4h4span2 img{-webkit-animation:ban4h4span1img 1.5s linear infinite alternate;-moz-animation:ban4h4span1img 1.5s linear infinite alternate;animation:ban4h4span1img 1.5s linear infinite alternate}
.ban4h4span3{position: absolute;top: 169px;left: 50%;margin-left: -10px;-webkit-animation:ban4h4span1move 1s 1s ease both;-moz-animation:ban4h4span1move 1s 1s ease both;animation:ban4h4span1move 1s 1s ease both;}
.ban4h4span3 img{-webkit-animation:ban4h4span1img 1.5s linear infinite alternate;-moz-animation:ban4h4span1img 1.5s linear infinite alternate;animation:ban4h4span1img 1.5s linear infinite alternate}
.ban4h4span4{position: absolute;top: 172px;left: 50%;margin-left: 324px;-webkit-animation:ban4h4span1move 1s 1s ease both;-moz-animation:ban4h4span1move 1s 1s ease both;animation:ban4h4span1move 1s 1s ease both;}
.ban4h4span4 img{-webkit-animation:ban4h4span1img 1.5s linear infinite alternate;-moz-animation:ban4h4span1img 1.5s linear infinite alternate;animation:ban4h4span1img 1.5s linear infinite alternate}
.ban4h4span5{position: absolute;top: 340px;left: 50%;margin-left: 444px;-webkit-animation:ban4h4span1move 1s 1s ease both;-moz-animation:ban4h4span1move 1s 1s ease both;animation:ban4h4span1move 1s 1s ease both;}
.ban4h4span5 img{-webkit-animation:ban4h4span1img 1.5s linear infinite alternate;-moz-animation:ban4h4span1img 1.5s linear infinite alternate;animation:ban4h4span1img 1.5s linear infinite alternate}
@-webkit-keyframes ban4h4span1img{
    0%{opacity:0;}
    100%{opacity:1;}
}
@keyframes ban4h4span1img{
    0%{opacity:0;}
    100%{opacity:1;}
}
@-moz-keyframes ban4h4span1img{
    0%{opacity:0;}
    100%{opacity:1;}
}
.ban4txt h4 img.ban4txth4oneimg{max-width:95%;-webkit-animation-name: banner_3_kf_1;-moz-animation-name: banner_3_kf_1;animation-name: banner_3_kf_1;-webkit-animation-duration: 1.5s;-moz-animation-duration: 1.5s;animation-duration: 1.5s;-webkit-animation-fill-mode: backwards;-moz-animation-fill-mode: backwards;animation-fill-mode: backwards;-webkit-animation-timing-function: cubic-bezier(.01, 1, .21, .99);-moz-animation-timing-function: cubic-bezier(.01, 1, .21, .99);animation-timing-function: cubic-bezier(.01, 1, .21, .99);-webkit-animation-delay: 0.4s;-moz-animation-delay: 0.4s;animation-delay: 0.4s;}
.ban4txt h4 img.ban4txth4oneimghide{display: none;max-width:95%;-webkit-animation-name: banner_3_kf_1;-moz-animation-name: banner_3_kf_1;animation-name: banner_3_kf_1;-webkit-animation-duration: 1.5s;-moz-animation-duration: 1.5s;animation-duration: 1.5s;-webkit-animation-fill-mode: backwards;-moz-animation-fill-mode: backwards;animation-fill-mode: backwards;-webkit-animation-timing-function: cubic-bezier(.01, 1, .21, .99);-moz-animation-timing-function: cubic-bezier(.01, 1, .21, .99);animation-timing-function: cubic-bezier(.01, 1, .21, .99);-webkit-animation-delay: 0.4s;-moz-animation-delay: 0.4s;animation-delay: 0.4s;margin: 0 auto}
@-webkit-keyframes banner_3_kf_1 {
    from {-webkit-transform: scale(0.5);-moz-transform: scale(0.5);transform: scale(0.5); opacity: 0;}
    to {  -webkit-transform: scale(1);-moz-transform: scale(1);  transform: scale(1); opacity: 1;}
}
@-moz-keyframes banner_3_kf_1 {
    from {-webkit-transform: scale(0.5);-moz-transform: scale(0.5);transform: scale(0.5); opacity: 0;}
    to {  -webkit-transform: scale(1);-moz-transform: scale(1);  transform: scale(1); opacity: 1;}
}
@keyframes banner_3_kf_1 {
    from {-webkit-transform: scale(0.5);-moz-transform: scale(0.5);transform: scale(0.5); opacity: 0;}
    to {  -webkit-transform: scale(1);-moz-transform: scale(1);  transform: scale(1); opacity: 1;}
}
.ban4txt p img{max-width: 35%;}
.ban4txt p{position: absolute;bottom: -3px;width: 100%;-webkit-animation-name: banner_1_kf_1;-moz-animation-name: banner_1_kf_1;animation-name: banner_1_kf_1;-webkit-animation-duration: 2s;-moz-animation-duration: 2s;animation-duration: 2s;-webkit-animation-fill-mode: backwards;-moz-animation-fill-mode: backwards;animation-fill-mode: backwards;-webkit-animation-timing-function: cubic-bezier(.01, 1, .21, .99);-moz-animation-timing-function: cubic-bezier(.01, 1, .21, .99);animation-timing-function: cubic-bezier(.01, 1, .21, .99);}
@-webkit-keyframes banner_1_kf_1 {
    from {bottom:-200px;}
    to {bottom:-3px;}
}
@-moz-keyframes banner_1_kf_1 {
    from {bottom:-200px;}
    to {bottom:-3px;}
}
@keyframes banner_1_kf_1 {
    from {bottom:-200px;}
    to {bottom:-3px;}
}

/*招聘页面*/
.recruitsmain{width: 100%;height:1033px;overflow: hidden;position: relative}
.recruitbanlf{position: absolute;left: 0;top: 0;width: 30.729%;animation:recruitbanlfmove 9s 0 linear infinite alternate;-webkit-animation:recruitbanlfmove 9s 0 linear infinite alternate;-moz-animation:recruitbanlfmove 9s 0 linear infinite alternate;}
@-webkit-keyframes recruitbanlfmove{
    0%{left:-10%;}
    100%{left:0;}
}
@keyframes recruitbanlfmove{
    0%{left:-10%;}
    100%{left:0;}
}
@-moz-keyframes recruitbanlfmove{
    0%{left:-10%;}
    100%{left:0;}
}
.recruitbanrf{position: absolute;right: 0;top: 0;width:28.3854%;animation:recruitbanrfmove 9s 0 linear infinite alternate;-webkit-animation:recruitbanrfmove 9s 0 linear infinite alternate;-moz-animation:recruitbanrfmove 9s 0 linear infinite alternate;}
@-webkit-keyframes recruitbanrfmove{
    0%{right:0;}
    100%{right:-10%;}
}
@keyframes recruitbanrfmove{
    0%{right:0;}
    100%{right:-10%;}
}
@-moz-keyframes recruitbanrfmove{
    0%{right:0;}
    100%{right:-10%;}
}
.recruitbanone{position: absolute;left: 2.6%;top: 0;width: 85.57%;animation: animimgD 0.6s 0.4s forwards cubic-bezier(.01, 1, .21, .99);-moz-animation: animimgD 0.6s 0.4s forwards cubic-bezier(.01, 1, .21, .99);-webkit-animation: animimgD 0.6s 0.4s forwards cubic-bezier(.01, 1, .21, .99);transform: scale(0.1);opacity: 0;}
.recruitbanone img,.recruitbanlf img,.recruitbanrf img{width: 100%;}
.recruitbantwo{position: absolute;width: 100%;text-align: center;left: 0;top: 25.5%;animation: animimgD 0.6s 0.8s forwards cubic-bezier(.01, 1, .21, .99);-moz-animation: animimgD 0.6s 0.8s forwards cubic-bezier(.01, 1, .21, .99);-webkit-animation: animimgD 0.6s 0.8s forwards cubic-bezier(.01, 1, .21, .99);transform: scale(0.1);opacity: 0;}
.recruitbantwo img{max-width:40%;}
.recruitbanthree{position: absolute;width:100%;text-align: center;top: 32%;left: 0;animation: animimgD 0.6s 1.2s forwards cubic-bezier(.01, 1, .21, .99);-moz-animation: animimgD 0.6s 1.2s forwards cubic-bezier(.01, 1, .21, .99);-webkit-animation: animimgD 0.6s 1.2s forwards cubic-bezier(.01, 1, .21, .99);transform: scale(0.1);opacity: 0;}
.recruitbanthree img{max-width:60%;}
.recruitbanfore{position: absolute;left:10%;max-width: 60%;top: 71.9%;}
.recruitbanfore img{width: 100%;}
.recruitbanfive{font-size: 30px;line-height: 56px;color: #4c4948;position: absolute;bottom: 0;left:10%;width: 80%;}
.recruitbanfive span{color: #d5153b;}
.recruitxmain{width: 100%;overflow: hidden;position: relative;min-height: 500px;margin-top: 100px;background: url(../images/recruitimgico_17.jpg) no-repeat 0 bottom;background-size: 100%;}
.lfrecruitxmain{position:absolute;left: 0;top: 86px;width: 37.76%;}
.lfrecruitxmain img{width: 100%;}
.rfrecruitxmain{float: right;width:61.7%;overflow: hidden;}
.rfrecruitxmainxh{padding-bottom: 20px;line-height: 36px;color: #231815;font-size: 18px;}
.rfrecruitxmainxh h2{line-height: 62px;color: #231815;font-size: 30px;}
.rfrecruitxmainxh h3{font-weight: normal;font-size: 18px;padding-left: 17px;background: url(../images/recuritimgico7_03.png) no-repeat 0 center}
.rfrecruitxmainxh h2 span{color: #d5153b;}
.joinusdiv{margin: 0;margin-top: 19px;margin-bottom:119px;background: #d5153b;line-height: 46px;display: block;width: 305px;text-align: center;}
.joinusdiv a{color: #fff;font-size: 24px;font-weight: bold;}
@media only screen and (max-width:1600px){
	.recruitbanfive{font-size: 24px;line-height: 46px}
}
/*个人介绍*/
.summarymain{width: 100%;overflow: hidden;height: 100%;position: relative;}
.lfsummarymain{position: absolute;left: 0;top: 0;height: 100%;background: #333333;width: 196px;}
.summarylogo{padding-top: 12px;height:90px;width: 100%;text-align: center;}
.summarylogo img{height: 100%;}
.summarynav{width: 100%;text-align: center;padding-top:20px;overflow: hidden;padding-bottom: 6px;}
.summarynav ul li{line-height: 48px;font-size: 16px;}
.summarynav ul li a{color: #7e7e7e;}
.summarynav ul .cli{border-left: solid 2px #cd0930;background: #272727;}
.summarynav ul .cli a{color:#fff;}
.summarytub .sinaico{float: none;margin:0;margin-bottom: 16px;}
.summarytub .wechatico{float: none;margin:0;margin-bottom: 16px;  background: url(../images/wechat.png) no-repeat;
	position: relative;
	cursor: pointer;}
.summarytub .wechatdiv {
	width: 116px;
	height: 110px;
	left: 33px;
	top: -43px;
	padding-top: 8px;
	position: absolute;
	overflow: hidden;
	/*display: block;*/z-index: 10;
}
.summarytub .wechatico:hover{background:url(../images/wechat2.png) no-repeat}
.summarytub .wechatdiv span {
	display: block;
	overflow: hidden;
	height:100px;
	width: 6px;
	background: url(../images/jiaoleft.png) no-repeat center center;
	float: left;
}
.summarytub{width: 33px;}
.summaryback{height: 80px;text-align: center;width: 100%;}
.summaryback img{height: 100%}
.rfsummarymain{height: 100%;background: #33cccc;float: right;overflow: hidden;position: relative;}
.rfsummarymain ul{height: 100%;overflow: hidden;position: absolute;left: 0;}
/*.rfsummarymain ul li.hover{width: 43.4%;}*/
.rfsummarymain ul li{width:14.15%;height: 100%;float: left;-webkit-transition: width 1s cubic-bezier(.57, .01, .13, 1.03);-moz-transition: width 1s cubic-bezier(.57, .01, .13, 1.03);transition: width 1s cubic-bezier(.57, .01, .13, 1.03);}
.rfsummarymainlidiv{width:70%;padding-top: 160px;}
.rfsummarymainlidivhide,.rfsummarymainlidivblock{width:75%;font-size: 16px;padding-bottom: 50px;color: #fff;line-height: 36px;padding-top: 30px;}
.rfsummarymainlidivimg{overflow: hidden;width: 100%;}
.rfsummarymainlidivimg img{border: solid 3px #fff;border-radius:50%;width: 100%;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.rfsummarymain ul li.hover .rfsummarymainlidiv{padding-top:70px;}
.rfsummarymain ul li.hover .rfsummarymainlidivimg{width: 72.5%;}
.rfsummarymainlititle{text-align: center;color: #fff;padding-top: 20px;line-height: 30px;font-size: 18px;font-weight: bold}
.rfsummarymain ul li.hover .rfsummarymainlidivhide{display: none;}
.rfsummarymain ul li .rfsummarymainlidivblock{display: none;}
.rfsummarymain ul li .rfsummarymainlidivhide{display: block;}
.rfsummarymain ul li.hover .rfsummarymainlidivblock{display: block;}
.leftclickdivaaa{left: 30px;position: absolute;cursor: pointer;top: 50%;margin-top: -49px;display: none}
.rightclickdivaaa{right:30px;position: absolute;cursor: pointer;top: 50%;margin-top: -49px;}

/*详情页面*/
.detialmain{overflow: hidden;width: 1100px;max-width: 95%;}
.detialmainnav{overflow: hidden;height: 56px;line-height: 56px;color: #545454;}
.detialmainnavoneaaa{float: left;padding-left: 27px;background: url(../images/detialimgico_03.png) no-repeat 0 center;}
.blockdivaaabbb{float: left;width: 60%;text-align: right}
.nonehidedivaaabbb{float: right;width: 38%;}
.detialmainnav a{color: #545454; }
.detialmainnavone{float: left;}
.detialmainbot{border:solid 1px #cccccc; border-top:#d5153b 3px solid;padding: 0 5px;margin-bottom: 20px;}
.detialmainnavspecial{float: left;color: #d5153b;}
.detialmainnavspecial span{display: block;}
.detialmainnavspecial b{display: none;font-weight: normal}
.detialmainbotc{text-align: center;color: #333333;line-height: 26px;padding-bottom: 8px;border-bottom: dashed 1px #e5e5e5;overflow: hidden}
.detialmainbotc b{color: #d5153b;font-weight: normal;margin-right: 10px;}
.detialmainbottitle{text-align: center;padding-top: 16px;text-align: center;line-height: 34px;color: #333333;font-size: 20px;}
.detialmainbottext{width: 97%;padding: 10px 0;line-height: 24px;font-size: 14px;}
.detialmainbottext img{max-width: 100%;margin-bottom:6px}
.paginationdiv{ padding-top: 30px;width: 355px; overflow: hidden; padding-bottom: 30px;}
.detialmainbottextborder{border-top: dashed 1px #e5e5e5;}
.lfpaginationdiv,.rfpaginationdiv{ float: left; width:132px; height: 39px; line-height: 39px; background:#d5153b; text-align: center; color: #fff; font-weight: bold; font-size: 14px;cursor: pointer;border-radius: 5px;}
.rfpaginationdiv,.rfopenpagediv{ float: right; }
.lfpaginationdiv a,.rfpaginationdiv a,.lfopenpagediv a,.rfopenpagediv a{ color: #fff;}

/*老铮说事*/
.title-big .black{color:#333}
.thatmatterdiv{overflow: hidden;max-width: 1516px;width:90%;}
.thatmatterdiv ul{overflow: hidden}
.thatmatterdiv ul li{float:left;margin:0 1% 20px;width:18%;overflow:hidden;}
.thatmatterdivtitle{padding:17px 17px 9px 17px;border: solid 1px #f1f1f1;border-bottom:none;line-height: 20px;font-size:16px;font-weight:bold;max-height:40px}
.thatmatterdiv ul li .thatmatterdivtitle{color:#333333;}
.thatmatterdivtext{padding: 0 17px 15px 17px;border: solid 1px #f1f1f1;border-top:none;color: #888888;line-height: 20px;font-size: 12px;max-height: 60px;overflow: hidden;}
.thatmatterdiv ul li a:hover .thatmatterdivtitle{color:#f23e65}
.thatmatterdiv ul li a:hover .thatmatterdivtitle,.thatmatterdiv ul li a:hover .thatmatterdivtext{border-color:#f23e65}
.loadingadddiv{margin-top:42px;margin-bottom: 48px;width: 125px;color: #fff;background: #d2082e;text-align: center;height: 33px;line-height: 33px;}
.loadingadddiv a{color: #fff;}
.leftclickdivfdj{position: absolute;top:80px;left: 10px;cursor: pointer;}
.rightclickdivfdj{position: absolute;top:80px;right: 10px;cursor: pointer;}
@media only screen and (max-width:1500px)
{
    .thatmatterdiv ul li:nth-child(5){display: none}
    .thatmatterdiv ul li{width:23%;}
}
@media only screen and (max-width:1180px)
{
    .thatmatterdiv ul li:nth-child(4){display: none}
    .thatmatterdiv ul li{width:31.333%;}
}
@media only screen and (max-width:835px)
{
    .thatmatterdiv ul li{margin-top:10px}
	.thatmatterdiv ul li:nth-child(4){display:block}
    .thatmatterdiv ul li{width:48%}
}
@media only screen and (max-width:540px)
{
	.thatmatterdiv{width:100%;padding:0 10px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}
    .thatmatterdiv ul li{width:100%;margin:0;}
	.thatmatterdiv ul li:nth-child(3),.thatmatterdiv ul li:nth-child(4){margin-top:0}
	.thatmatterdiv ul li:nth-child(5){display:block}
	.thatmatterdivtitle{border:none;font-size:15px}
	.thatmatterdivtext{border:none;border-bottom:solid 1px #f1f1f1}
}
.libottomdivspecial{position: absolute;bottom:30px;text-align: center;width: 100%;-webkit-animation: ban1txtspecial 2s linear infinite alternate;
    animation: ban1txtspecial 2s linear infinite alternate;
    -moz-animation: ban1txtspecial 2s linear infinite alternate;display: none}
@-webkit-keyframes ban1txtspecial{
    0%{opacity:1;-webkit-transform:translateY(0)}
    100%{-webkit-transform:translateY(20px)}
}
@-moz-keyframes ban1txtspecial{
    0%{-moz-transform:translateY(0)}
    100%{-moz-transform:translateY(20px)}
}
@keyframes ban1txtspecial{
    0%{transform:translateY(0)}
    100%{transform:translateY(20px)}
}
/* 新闻翻页 */
.pagediv{ height:55px;text-align:center;padding-top:25px;padding-bottom: 10px;}
        .pagediv a{ text-align:center;line-height:29px;height:29px;display:inline-block;margin-left:8px;padding:0 12px;font-family:Arial;color:#333;background:#ECECEC;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px}
        .pagediv a:hover{ color:#000;text-decoration:none}
        .pagediv .pcura{ background:#e70014;color:#fff}
        .pagediv .pcura:hover{ cursor:default;color:#333436}