body {color:#666666} a{color:#333333}a:active,a:hover {color:#0792f3}

@media (min-width: 1600px) {.container{ width: 1600px; }}

@media (min-width: 1600px) {.container{ width: 1600px; }}
/* 通用头部 */
#Top{ width: 100%; float: left;}
#Top .pz_top{ float: left; width: 100%; z-index: 99999; position: fixed; left: 0; top: 0; background: rgba( 255, 255, 255, 0.9);}
#Top .pz_top .logo{ width: 296px; margin: 18px 0; float: left; line-height: 0;}
#Top .pz_top .lj{ float: right;}
#Top .pz_top .lj a{ display: block; font-size: 16px; width: 135px; height: 42px; line-height: 42px; padding-left: 50px; margin: 24px 0 24px 75px; border-radius: 5px; background: url(/template/theme/CN/1262_top.png) no-repeat 20px center; background-color: #0792f3; color: #fff;}
#Top .pz_top .lj a:hover{ opacity: 0.8;}

#Top .pz_top.on .logo{ width: 200px; margin: 12px 0;}
#Top .pz_top.on .lj a{ height: 30px; line-height: 28px; margin: 14px 0 14px 35px;}
#Top .pz_top.on .menu .nli span a{ line-height: 60px;}
#Top .pz_top.on .menu .nli .sub{ top: 60px;}

/* menu */
#Top .pz_top .menu{ float: right;}
#Top .pz_top .menu .nli{ float: left; position: relative; margin: 0 38px;}
#Top .pz_top .menu .nli span a{ display: block; font-size: 18px; line-height: 90px; padding: 0 10px; text-align: center; color: #333; position: relative;}
#Top .pz_top .menu .nli.active span a,#Top .pz_top .menu .nli:hover span a{ color: #0792f3;}
#Top .pz_top .menu .nli.active span a::after,#Top .pz_top .menu .nli:hover span a::after{ content: ""; display: block; width: 100%; height: 3px; background: #0792f3; position: absolute; left: 0; bottom: 2px;}
#Top .pz_top .menu .nli .sub{ display: none; position: absolute; width: 120px; top: 90px; left: 50%; margin-left: -60px; z-index: 999;}
#Top .pz_top .menu .nli .sub li{ height: 40px; line-height: 40px; text-align: center; background: rgba( 255, 255, 255, 0.9);}
#Top .pz_top .menu .nli .sub li a{ display: block; width: 100%; color: #333; font-size: 14px;}
#Top .pz_top .menu .nli .sub li a:hover{ background: #0792f3; color: #fff;}

#Top .pz_top .menuph{ display: none;}
#Top .xialaph{ display: none;}
@media screen and  (max-width:1599px){
#Top .pz_top .lj a{ margin: 24px 0 24px 25px;}
#Top .pz_top .menu .nli{ margin: 0 10px;}
}
@media screen and  (max-width:1199px){
#Top .pz_top .logo{ width: 200px; margin: 12px 0;}
#Top .pz_top .lj a{ height: 30px; line-height: 28px; margin: 14px 0 14px 10px;}
#Top .pz_top .menu .nli span a{ line-height: 60px; padding: 0 5px;}
#Top .pz_top .menu .nli .sub{ top: 60px;}
#Top .pz_top.on .lj a{ margin: 14px 0 14px 10px;}
}
@media screen and  (max-width:991px){
#Top .pz_top .logo{ width: 190px; margin: 6px 0;}
#Top .pz_top .lj{ display: none;}
#Top .top_ph{ width: 100%; float: left;}
#Top .top_ph a{ display: block; font-size: 16px; width: 135px; height: 42px; line-height: 42px; padding-left: 50px; margin: 24px 0; border-radius: 10px; background: url(/template/theme/CN/1262_top.png) no-repeat 20px center; background-color: #0792f3; color: #fff;}

#Top .pz_top .menu{ display: none;}
#Top .pz_top .menuph{ display: block;}
#Top .xialaph{ display: block;}

/*手机按钮*/
#Top .pz_top .menuph{ float: right; width: 28px; height: 22px; cursor: pointer; text-align: center; margin: 15px 0;}
#Top .pz_top .menuph .point { display: inline-block;  width: 28px;  height: 22px; position: absolute; right: 15px;}
#Top .pz_top .menuph .point:hover .navbtn,
#Top .pz_top .menuph .point:hover .navbtn::after,
#Top .pz_top .menuph .point:hover .navbtn::before { width: 28px;}
#Top .pz_top .menuph .navbtn { position: absolute; top: 10px; right: 0; display: inline-block; width: 21px; height: 2px; background: #0b2768;
-webkit-transition: all .3s ease-out 0s; 
-moz-transition: all .3s ease-out 0s;  
-ms-transition: all .3s ease-out 0s;  
-o-transition: all .3s ease-out 0s;  
transition: all .3s ease-out 0s;}
#Top .pz_top .menuph .navbtn::after,
#Top .pz_top .menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 28px; height: 2px; content: ''; background: #0b2768;
-webkit-transition: all .3s ease-out 0s;  
-moz-transition: all .3s ease-out 0s;  
-ms-transition: all .3s ease-out 0s;  
-o-transition: all .3s ease-out 0s;  
transition: all .3s ease-out 0s;}
#Top .pz_top .menuph .navbtn::after { top: -11px;}
#Top .pz_top .menuph .navbtn::before { top: 10px;}
#Top .pz_top .menuph .point.active .navbtn{ background: transparent;}
#Top .pz_top .menuph .point.active .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px;}
#Top .pz_top .menuph .point.active .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px;}

/*手机下拉*/
#Top .xialaph{ position: fixed; left: 0; top: 0; float: left; width: 100%; height: 100%; overflow: scroll; padding: 46px 0 100px 0; display: none; z-index:98; background:#ffffff;}
#Top .xialaph .ul2,
#Top .xialaph .ul3{ display: none;}
#Top .xialaph h4 a{ float: left; width: 60%; color: #333333; font-size:16px; line-height: 50px;}
#Top .xialaph h4 a span{ padding-left: 6px; color: #ccc; font-size: 14px;}
#Top .xialaph h4{ float: left; width: 100%; position: relative;}
#Top .xialaph li:last-child h4::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #e7e7e7;}
#Top .xialaph h4:hover a,
#Top .xialaph h5:hover a{ color: #0792f3;}
#Top .xialaph h4::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #e7e7e7;}
#Top .xialaph h5 a{ float: left; width: 100%; color: #1f1f1f; font-size: 14px; line-height: 40px; text-transform:uppercase;}
#Top .xialaph h5{ float: left; width: 100%; position: relative;}
#Top .xialaph h5::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #e7e7e7;}
#Top .xialaph li:last-child h5::after{ display: none;}
#Top .xialaph h4 img{ width: 15px; height: 8px; float: right; margin-top: 24px; cursor: pointer;}
#Top .xialaph h5 img{ width: 11px; height: 6px; float: right; margin-top: 26px; margin-right: 18px; cursor: pointer;}
#Top .xialaph h4.active img.img_s,
#Top .xialaph h5.active img.img_s{ display: none;}
#Top .xialaph h4.active img.img_d,
#Top .xialaph h5.active img.img_d{ display: block;}
#Top .xialaph .ul2{ float: left; width: 100%; padding: 0 10px;}
#Top .xialaph .ul3{ padding-top: 12px; padding-bottom: 18px; padding-left: 15px; position: relative;}
#Top .xialaph .ul3::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #3c3a3a;}
#Top .xialaph li:last-child .ul3::after{ display: none;}
#Top .xialaph .ul3 li a{ color: #333333; font-size: 14px; line-height: 35px; display: block;}
#Top .xialaph .ul3 li{ padding-top: 5px;}
#Top .xialaph .ul3 li:first-child{ padding-top: 0;}
#Top .xialaph .phsou{ position: relative; margin-top: 34px;}
#Top .xialaph .phsou input{ width: 100%; height: 56px; background-color: #ffffff; color: #aaa; font-size: 14px; padding-left: 20px; border: 1px solid #e5e5e5;}
#Top .xialaph .phsou img{ cursor: pointer; width: 21px; height: 22px; position: absolute; top: 17px; right: 29px;  }
#Top .img_d, .disno{ display: none;}
}
@media screen and  (max-width:767px){

}
/* 通用底部 */
#Down{ width: 100%; float: left;}
#Down .pz_down .foot1{ padding: 4% 0 3% 0;}
#Down .pz_down .footNav{ float: left; width: 57.5%;}
#Down .pz_down .footNav .l1{ float: left; padding-right: 16.5%;}
#Down .pz_down .footNav .l1 .p{ font-size: 18px; margin-bottom: 20px; font-weight: bold; color: #fff;}
#Down .pz_down .footNav .l1 a{ display: block; font-size: 14px; line-height: 32px; color: #fff; opacity: 0.7;}
#Down .pz_down .footNav .l1 a:hover{ color: #0792f3;}
#Down .pz_down .footLink{ float: left; width: 18.5%;}
#Down .pz_down .footLink .p{ font-size: 18px; margin-bottom: 20px; font-weight: bold; color: #fff;}
#Down .pz_down .footLink a{ display: block; font-size: 14px; line-height: 14px; padding: 10px 0 10px 0; border-bottom: 1px solid rgba( 255, 255, 255, 0.3); color: #fff; opacity: 0.7;}
#Down .pz_down .footLink a:hover{ color: #0792f3;}
#Down .pz_down .footLink a .ico{ display: block; float: right; width: 18px; height: 12px; background: url(/template/theme/CN/1263_foot2.png) no-repeat center;}
#Down .pz_down .footCont{ float: right; width: 16%;}
#Down .pz_down .footCont .t1{ font-size: 18px; margin-bottom: 20px; font-weight: bold; color: #fff;}
#Down .pz_down .footCont .t2{ font-size: 28px; line-height: 36px; height: 36px; overflow: hidden; font-weight: lighter; color: #24a5ff;}
#Down .pz_down .footCont .t3{ margin: 20px 0; width: 100%; height: 1px; background: rgba( 255, 255, 255, 0.1);}
#Down .pz_down .footCont .t4{ width: 100%; overflow: hidden;}
#Down .pz_down .footCont .img{ float: left; width: 92px; height: 92px; line-height: 0;}
#Down .pz_down .footCont .t5{ float: left; margin-top: 15px; font-size: 14px; margin-left: 20px; line-height: 20px; color: #fff; opacity: 0.7;}
#Down .pz_down .foot{ padding: 20px 0; background: rgba( 0, 0, 0, 0.2);}
#Down .pz_down .foot .copy{ font-size: 14px; line-height: 18px; text-align: center; color: #fff; opacity: 0.7;}
/*phone底部导航*/
#Down .q_d_m{float:left; width:100%; height:50px;}
#Down .pf_down{width:100%; float:left; position:fixed; left:0; bottom:0; height:50px; background:#0b2768; z-index:999;box-shadow:0 -5px 10px rgba(0,0,0,0.2);}
#Down .pf_down li{ width:33.3%; float:left; text-align:center; padding:7px 0 4px 0; border-right:1px solid #fff;}
#Down .pf_down li .ico7{ width:100%; float:left; height:20px;}
#Down .pf_down li .d_name{ width:100%; float:left; margin-top:4px; font-size:12px; color:#fff; line-height:14px;}
#Down .pf_down li.l1 .ico7{ background:url(/template/theme/CN/1263_btn1.png) no-repeat center; background-size:20px 20px;}
#Down .pf_down li.l2 .ico7{ background:url(/template/theme/CN/1263_btn2.png) no-repeat center; background-size:20px 20px;}
#Down .pf_down li.l3 .ico7{ background:url(/template/theme/CN/1263_btn3.png) no-repeat center; background-size:20px 20px;}
#Down .pf_down li:last-child{ border:none;}
@media screen and  (max-width:1599px){
#Down .pz_down .footNav{ width: 51.5%;}
#Down .pz_down .footNav .l1{ padding-right: 13%;}
#Down .pz_down .footCont{ width: 22%;}
}
@media screen and  (max-width:1199px){
#Down .pz_down .footNav .l1{ padding-right: 10%;}
}
@media screen and  (max-width:991px){
#Down .pz_down .footNav{ display: none;}
#Down .pz_down .footLink{ width: 100%;}
#Down .pz_down .footLink .p{ font-size: 16px; margin-bottom: 10px;}
#Down .pz_down .footLink a{ padding: 10px 0 ;}
#Down .pz_down .footCont{ width: 100%; margin-top: 15px;}
#Down .pz_down .footCont .t1{ font-size: 16px; margin-bottom: 10px;}
#Down .pz_down .footCont .t2{ font-size: 14px; line-height: 14px; height: 14px;}
#Down .pz_down .footCont .t3{ margin: 10px 0;}
#Down .pz_down .footCont .img{ float: left; width: 92px; height: 92px; line-height: 0;}
#Down .pz_down .footCont .t5{ float: left; margin-top: 15px; font-size: 14px; margin-left: 20px; line-height: 20px; color: #fff; opacity: 0.7;}
#Down .pz_down .foot{ padding: 20px 0; background: rgba( 0, 0, 0, 0.2);}
#Down .pz_down .foot .copy{ font-size: 14px; line-height: 18px; text-align: center; color: #fff; opacity: 0.7;}

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

}
/* 首页banner */
#Slide{ width: 100%; float: left;}
#Slide .pz_banner .banner{width:100%;height:100%;position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;}
#Slide .pz_banner .banner .frame{position:relative;height:100%;overflow:hidden;}
#Slide .pz_banner .banner .child{ position:absolute;left:0;top:0;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;z-index:-1;}
#Slide .pz_banner .banner .child.nobig{transform: scale(1, 1) !important;}
#Slide .pz_banner .banner .vbg{position:absolute;left:50%;top:50%;width:100%;height:100%;display:none;
transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
#Slide .pz_banner .banner .vbgm{position:absolute;left:0%;top:0%;width:100%;height:100%;display:none;}
#Slide .pz_banner .b_nav{position:absolute;left:0;bottom:30px;right:0;text-align:center;}
#Slide .pz_banner .b_nav i{display:inline-block;width: 46px; height: 4px; background: rgba(255, 255, 255, 0.3); margin: 0;cursor:pointer;vertical-align:middle; }
#Slide .pz_banner .b_nav i.now{ background: rgba(255, 255, 255, 1);}
#Slide .pz_banner .home{position:relative;}
#Slide .pz_banner .titbox{position:absolute;left:50%;top:50%;text-align:center;color:#fff;width:100%;cursor:default;display:none;
transform:translate(-50%,-56%);-webkit-transform:translate(-50%,-56%);}
#Slide .pz_banner .titbox:first-child{display:block;}
#Slide .pz_banner .titbox h3{font-size:60px;font-family:Cambria,Arial; font-weight: lighter;color:#fff;}
/*#Slide .pz_banner .titbox h3 i:nth-child(5),
#Slide .pz_banner .titbox h3 i:nth-child(6),*/
#Slide .pz_banner .titbox h3 i:nth-child(7),
#Slide .pz_banner .titbox h3 i:nth-child(8),
#Slide .pz_banner .titbox h3 i:nth-child(9),
#Slide .pz_banner .titbox h3 i:nth-child(10),
#Slide .pz_banner .titbox h3 i:nth-child(11),
#Slide .pz_banner .titbox h3 i:nth-child(12){ font-weight: bolder; font-size:70px;}
/*#Slide .pz_banner .titbox h3 i:nth-child(5),
#Slide .pz_banner .titbox h3 i:nth-child(6){ color: #f00;}*/
#Slide .pz_banner .titbox h4{ width: 100%;font-size:140px; line-height: 140px; height: 140px; overflow: hidden;color:#fff; opacity: 0.04; position: absolute; top: -60%;}
#Slide .pz_banner .titbox p{font-size:24px;font-family:Cambria,Arial; font-weight: bold;color: #fff;text-transform:uppercase;}
#Slide .pz_banner .titbox p b{ font-weight:normal;}
#Slide .pz_banner .titbox2{position:absolute;left:50%;top:50%;text-align:center;color:#fff;width:600px;cursor:default;opacity:0;
transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
#Slide .pz_banner .s .titbox2{animation:ht 4s linear 0.3s 1 both;-webkit-animation:ht 4s linear 0.3s 1 both;}
#Slide .pz_banner .s.dly .titbox2{animation-delay:3s;-webkit-animation-delay:3s;}
#Slide .pz_banner .titbox2 h3{font-size:60px;font-family:Impact;color:#fff;text-transform:uppercase;}
#Slide .pz_banner .titbox2 h4{font-size:42px;font-family:'幼圆';margin-top:5px;color:#fff;}
#Slide .pz_banner .titbox2 p{font-size:20px;margin-top:8px;}
@-webkit-keyframes ht{
0%{-webkit-transform:translate(-50%,-50%) scale(1);opacity:0;filter:blur(0);}
10%{-webkit-transform:translate(-50%,-48.5%) scale(1.05);opacity:0.7;filter:blur(2px);}
30%{-webkit-transform:translate(-50%,-46.5%) scale(1.3);opacity:0;filter:blur(3px);}
100%{-webkit-transform:translate(-50%,-46.5%) scale(1.3);opacity:0;filter:blur(3px);}
}
@keyframes ht{
0%{transform:translate(-50%,-50%) scale(1);opacity:0;filter:blur(0);}
10%{transform:translate(-50%,-48.5%) scale(1.05);opacity:0.7;filter:blur(2px);}
30%{transform:translate(-50%,-46.5%) scale(1.3);opacity:0;filter:blur(3px);}
100%{transform:translate(-50%,-46.5%) scale(1.3);opacity:0;filter:blur(3px);}
}
#Slide .pz_banner .spinner{height:100%;position:relative;}
#Slide .pz_banner .container1>div,#Slide .pz_banner .container2>div{width:15px;height:15px;background:#fff;border-radius:100%;position:absolute;-webkit-animation:bouncedelay 1.2s ease-in-out 0s infinite;;animation:bouncedelay 1.2s ease-in-out 0s infinite;}
#Slide .pz_banner .spinner .spinner-container{position:absolute;width:100%;height:100%;}
#Slide .pz_banner .container2{-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg);}
#Slide .pz_banner .circle1{top:0;left:0;}
#Slide .pz_banner .circle2{top:0;right:0;}
#Slide .pz_banner .circle3{right:0;bottom:0;}
#Slide .pz_banner .circle4{left:0;bottom:0;}
#Slide .pz_banner .container1 .circle1{-webkit-animation-delay:-1.1s;animation-delay:-1.1s;}
#Slide .pz_banner .container2 .circle1{-webkit-animation-delay:-1.1s;animation-delay:-1.1s;}
#Slide .pz_banner .container1 .circle2{-webkit-animation-delay:-0.9s;animation-delay:-0.9s;}
#Slide .pz_banner .container2 .circle2{-webkit-animation-delay:-0.8s;animation-delay:-0.8s;}
#Slide .pz_banner .container1 .circle3{-webkit-animation-delay:-0.6s;animation-delay:-0.6s;}
#Slide .pz_banner .container2 .circle3{-webkit-animation-delay:-0.5s;animation-delay:-0.5s;}
#Slide .pz_banner .container1 .circle4{-webkit-animation-delay:-0.3s;animation-delay:-0.3s;}
#Slide .pz_banner .container2 .circle4{-webkit-animation-delay:-0.2s;animation-delay:-0.2s;}
@-webkit-keyframes bouncedelay{0%,80%,100%{-webkit-transform:scale(0.0);}40%{-webkit-transform:scale(1.0);}}
@keyframes bouncedelay{0%,80%,100%{transform:scale(0.0);-webkit-transform:scale(0.0);}40%{transform:scale(1.0);-webkit-transform:scale(1.0);}}
#Slide .pz_banner .showtit i{opacity:0;display:inline-block;vertical-align:text-bottom;
transform:translateY(120px);-webkit-transform:translateY(120px);
transition:all 1s ease-in-out 0s;-webkit-transition:all 1s ease-in-out 0s;
}
#Slide .pz_banner .showtit.act i{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
#Slide .pz_banner .showtxt i{display:inline-block;text-align:left;}
#Slide .pz_banner .showtxt i b{opacity:0;display:inline-block;white-space:nowrap;overflow:hidden;
transition:all 0.6s ease-out 0s;-webkit-transition:all 0.6s ease-out 0s;}
#Slide .pz_banner .showtxt i b.h{width:0;}
#Slide .pz_banner .showtxt.act i b.h{width:100%;opacity:1;}
@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}
@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.7,.7,.7);transform:scale3d(.7,.7,.7)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.7,.7,.7);transform:scale3d(.7,.7,.7)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}

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

}
@media screen and  (max-width:1199px){

}
@media screen and  (max-width:991px){
#Slide .pz_banner .titbox h3{font-size:18px;}
#Slide .pz_banner .titbox h4{font-size:22px;}
#Slide .pz_banner .titbox p{font-size:14px;}
}
@media screen and  (max-width:767px){
#Slide .pz_banner .banner .child{ background-size:cover; transform: scale(1, 1) !important;}
#Slide .pz_banner .titbox{width:90%;}
#Slide .pz_banner .b_nav{bottom:0;}
#Slide .pz_banner .b_nav i{width: 20px; height: 4px;}
}
/* 首页板块一 */
#Content{ width: 100%; float: left;}
#Content .homeCon1{ padding: 5% 0 6.4% 0;}
#Content .homeCon1 .tit{ margin-bottom: 40px; position: relative; text-align: center;}
#Content .homeCon1 .tit .entit{ font-size: 72px; line-height: 72px; height: 72px; font-family: "Arial"; font-weight: bold; overflow: hidden; text-transform: uppercase; color: #0792f3; opacity: 0.05;}
#Content .homeCon1 .tit .cntit{ width: 100%; position: absolute; bottom: 35px; font-size: 48px; line-height: 48px; height: 48px; overflow: hidden; color: #333;}
#Content .homeCon1 .tit .line{ width: 60px; height: 3px; margin: 35px auto 0 auto; background: #0792f3;}
#Content .homeCon1 .u1{ width: 100%; overflow: hidden;}
#Content .homeCon1 .l1{ float: left; width: 20%; padding: 50px 80px; text-align: center;}
#Content .homeCon1 .l1:hover{ background: #002175!important;}
#Content .homeCon1 .l1 .ico{ margin: 0 auto; line-height: 0; border-radius: 50%; background: rgba( 7,146,243, 0.3);
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
#Content .homeCon1 .l1:hover .ico{ transform:rotateY(180deg);}
#Content .homeCon1 .l1 .t1{ font-size: 18px; line-height: 18px; height: 18px; margin: 28px 0 10px 0; overflow: hidden; color: #fff;}
#Content .homeCon1 .l1 .t2{ font-size: 14px; line-height: 14px; height: 14px; text-transform: uppercase; overflow: hidden; color: #fff; opacity: 0.6;}

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

}
@media screen and  (max-width:1199px){
#Content .homeCon1 .l1{ padding: 30px 50px;}
}
@media screen and  (max-width:991px){
#Content .homeCon1 .tit{ margin-bottom: 15px;}
#Content .homeCon1 .tit .entit{ font-size: 18px; line-height: 18px; height: 18px;}
#Content .homeCon1 .tit .cntit{ bottom: 10px; font-size: 16px; line-height: 16px; height: 16px;}
#Content .homeCon1 .tit .line{ width: 20px; margin: 10px auto 0 auto;}
#Content .homeCon1 .l1{ padding: 3%;}
#Content .homeCon1 .l1 .t1{ font-size: 14px; line-height: 14px; height: 14px; margin: 10px 0 5px 0;}
#Content .homeCon1 .l1 .t2{ font-size: 12px; line-height: 12px; height: 12px;}

}
@media screen and  (max-width:767px){
#Content .homeCon1 .u1{ padding-bottom: 20px;}
#Content .homeCon1 .slick-dots{ z-index: 10; height: 6px; position: absolute; bottom: 0; text-align: center;}
#Content .homeCon1 .slick-dots li{ vertical-align: top; width: 6px; height: 6px; background: #dadadc; margin: 0 5px; border-radius: 50%; cursor: pointer; text-indent: -999px; overflow: hidden;}
#Content .homeCon1 .slick-dots .slick-active{ background: #0792f3;}
}
/* 首页板块二 */
#Content2{ width: 100%; float: left;}
#Content2 .homeCon2{ padding: 5% 0 6.4% 0;}
#Content2 .homeCon2 .tit{ margin-bottom: 40px; position: relative; text-align: center;}
#Content2 .homeCon2 .tit .entit{ font-size: 72px; line-height: 72px; height: 72px; font-weight: bold; font-family: "Arial"; overflow: hidden; text-transform: uppercase; color: #fff; opacity: 0.1;}
#Content2 .homeCon2 .tit .cntit{ width: 100%; position: absolute; bottom: 35px; font-size: 48px; line-height: 48px; height: 48px; overflow: hidden; color: #fff;}
#Content2 .homeCon2 .tit .line{ width: 60px; height: 3px; margin: 35px auto 0 auto; background: #fff;}
#Content2 .homeCon2 .pic{ width: 100%; overflow: hidden;}
#Content2 .homeCon2 .pic .text{ padding: 80px 70px; width: 50%; background: #fff;}
#Content2 .homeCon2 .pic .text .bt{ width: 100%; overflow: hidden;}
#Content2 .homeCon2 .pic .text .bt1{ font-size: 30px; line-height: 30px; color: #333; float: left;}
#Content2 .homeCon2 .pic .text .bt2{ font-size: 16px; line-height: 16px; margin: 14px 0 0 10px; text-transform: uppercase; color: #888; float: left;}
#Content2 .homeCon2 .pic .img{ width: 50%; line-height: 0; overflow: hidden;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
#Content2 .homeCon2 .pic .img img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align:middle;
-ms-interpolation-mode:bicubic;}
#Content2 .homeCon2 .pic .img:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
#Content2 .homeCon2 .pic .l1 .ico2{ display: none;}
#Content2 .homeCon2 .pic .l1:hover .ico1{ display: none;}
#Content2 .homeCon2 .pic .l1:hover .ico2{ display: block;}
#Content2 .homeCon2 .pic .l1 .t1{ font-size: 18px; line-height: 18px; height: 18px; overflow: hidden; color: #333; float: left;}
#Content2 .homeCon2 .pic .l1 .t2{ font-size: 12px; line-height: 16px; height: 16px; font-family: "Open Sans"; overflow: hidden; color: #b1b1b1; float: left;}
#Content2 .homeCon2 .pic:nth-child(2n) .img{ float: left;}
#Content2 .homeCon2 .pic:nth-child(2n) .text{ float: right;}
#Content2 .homeCon2 .pic:nth-child(2n) .l1{ padding: 30px 0; width: 50%; float: left; overflow: hidden; border-bottom: 1px solid #eeeeee;}
#Content2 .homeCon2 .pic:nth-child(2n) .l1 .ico{ width: 24px; height: 24px; line-height: 0; float: left; margin-top: -14px;}
#Content2 .homeCon2 .pic:nth-child(2n) .l1 .t1{ margin: 3px 5px 0 10px;}
#Content2 .homeCon2 .pic:nth-child(2n) .l1 .t2{ margin: 8px 0 0 0;}
#Content2 .homeCon2 .pic:nth-child(2n) .l1:hover{ border-bottom: 1px solid #0792f3;}
#Content2 .homeCon2 .pic:nth-child(2n) .l1:hover .t1{ color: #0792f3;}
#Content2 .homeCon2 .pic:nth-child(2n) .l1:hover .t2{ color: #0792f3; opacity: 0.2;}
#Content2 .homeCon2 .pic:nth-child(2n+1) .l1:first-child .t1{ height: 34px; line-height: 38px;}
#Content2 .homeCon2 .pic:nth-child(2n+1) .l1:first-child .t2{ height: 0px;}
#Content2 .homeCon2 .pic:nth-child(2n+1) .img{ float: right;}
#Content2 .homeCon2 .pic:nth-child(2n+1) .text{ float: left;}
#Content2 .homeCon2 .pic:nth-child(2n+1) .u1{ width: 102%; margin: 30px -1% -8px -1%; overflow: hidden; display:flex; flex-wrap: wrap; align-items: flex-start;}
#Content2 .homeCon2 .pic:nth-child(2n+1) .l1{ padding: 25px; width: 48%; margin: 8px 1%; float: left; overflow: hidden; background: #f4f6f7;}
#Content2 .homeCon2 .pic:nth-child(2n+1) .l1 .ico{ width: 34px; height: 34px; line-height: 0; float: left; margin-top: -5px;}
#Content2 .homeCon2 .pic:nth-child(2n+1) .l1 .t1{ width: 80%; overflow: hidden; margin: 0 0 0 10px;}
#Content2 .homeCon2 .pic:nth-child(2n+1) .l1 .t2{ width: 80%; overflow: hidden; margin: 8px 0 0 10px;}
#Content2 .homeCon2 .pic:nth-child(2n+1) .l1:hover{ background: #0792f3;}
#Content2 .homeCon2 .pic:nth-child(2n+1) .l1:hover .t1{ color: #fff;}
#Content2 .homeCon2 .pic:nth-child(2n+1) .l1:hover .t2{ color: #fff;}
@media screen and  (max-width:1599px){
#Content2 .homeCon2 .pic .text{ padding: 30px;}
#Content2 .homeCon2 .pic:nth-child(2n) .l1{ padding: 15px 0;}
#Content2 .homeCon2 .pic:nth-child(2n) .l1 .t1{ width: 80%;}
#Content2 .homeCon2 .pic:nth-child(2n) .l1 .t2{ padding-left: 10px;}
#Content2 .homeCon2 .pic:nth-child(2n+1) .l1{ padding: 15px 10px;}
#Content2 .homeCon2 .pic:nth-child(2n) .l1 .ico{ height: 100%;}
#Content2 .homeCon2 .pic:nth-child(2n+1) .l1 .ico{ height: 100%;}
}
@media screen and  (max-width:1199px){
#Content2 .homeCon2 .pic:nth-child(2n) .u1{ margin-top: 10px;}
#Content2 .homeCon2 .pic:nth-child(2n) .l1{ padding: 6px 0;}
#Content2 .homeCon2 .pic:nth-child(2n+1) .u1 { margin: 10px -1% -8px -1%;}
#Content2 .homeCon2 .pic:nth-child(2n+1) .l1 .ico{ width: 24px;}
#Content2 .homeCon2 .pic:nth-child(2n+1) .l1 { padding: 8px 10px;}
}
@media screen and  (max-width:991px){
#Content2 .homeCon2 .tit{ margin-bottom: 15px;}
#Content2 .homeCon2 .tit .entit{ font-size: 18px; line-height: 18px; height: 18px;}
#Content2 .homeCon2 .tit .cntit{ bottom: 10px; font-size: 16px; line-height: 16px; height: 16px;}
#Content2 .homeCon2 .tit .line{ width: 20px; margin: 10px auto 0 auto;}
#Content2 .homeCon2 .pic .img{ width: 100%;}
#Content2 .homeCon2 .pic .text{ padding: 10px; width: 100%;}
#Content2 .homeCon2 .pic .text .bt1{ font-size: 16px; line-height: 16px;}
#Content2 .homeCon2 .pic .text .bt2{ font-size: 12px; line-height: 12px; margin: 4px 0 0 5px;}
#Content2 .homeCon2 .pic .l1 .t1{ font-size: 16px; line-height: 16px; height: 16px;}
#Content2 .homeCon2 .pic:nth-child(2n) .l1{ padding: 10px 0;}
#Content2 .homeCon2 .pic:nth-child(2n+1) .u1{ margin: 10px -1% -4px -1%;}
#Content2 .homeCon2 .pic:nth-child(2n+1) .l1{ padding: 10px; margin: 4px 1%;}
#Content2 .homeCon2 .pic:nth-child(2n+1) .l1 .t2{ margin: 4px 0 0 10px;}
#Content2 .homeCon2 .pic:nth-child(2n) .l1 .ico{ margin-top: -6px;}
#Content2 .homeCon2 .pic:nth-child(2n+1) .l1 .ico{ margin-top: -10px;}
}
@media screen and  (max-width:767px){
#Content2 .homeCon2 .pic .l1 .t1{ font-size: 14px;}
#Content2 .homeCon2 .pic:nth-child(2n) .l1{ width: 100%;}
#Content2 .homeCon2 .pic:nth-child(2n+1) .u1{ width: 100%;}
#Content2 .homeCon2 .pic:nth-child(2n+1) .l1{ width: 100%;}
#Content2 .homeCon2 .pic:nth-child(2n) .l1 .ico{ margin-top: 0;}
#Content2 .homeCon2 .pic:nth-child(2n+1) .l1 .ico{ margin-top: 0;}
}
/* 首页板块三 */
#Content3{ width: 100%; float: left;}
#Content3 .homeCon3{ padding: 6% 0 6.4% 0;}
#Content3 .homeCon3 .lj{ margin-bottom: 6%; position: relative;}
#Content3 .homeCon3 .lj::before{ content: ""; display: block; width: 34%; height: 1px; position: absolute; left: 0; top: 26px; background: rgba( 0, 0, 0, 0.2);}
#Content3 .homeCon3 .lj::after{ content: ""; display: block; width: 34%; height: 1px; position: absolute; right: 0; top: 26px; background: rgba( 0, 0, 0, 0.2);}
#Content3 .homeCon3 .more{ display: block; font-size: 18px; width: 16.8%; height: 54px; line-height: 54px; margin: 0 auto; text-align: center; border: 1px solid rgba( 0, 0, 0, 0.2); background: #fff; color: #0792f3;}
#Content3 .homeCon3 .more:hover{ background: #0792f3; color: #fff;}
#Content3 .homeCon3 .tit{ margin-bottom: 40px; position: relative; text-align: center;}
#Content3 .homeCon3 .tit .entit{ font-size: 72px; line-height: 72px; height: 72px; font-weight: bold; font-family: "Arial"; overflow: hidden; text-transform: uppercase; color: #0792f3; opacity: 0.05;}
#Content3 .homeCon3 .tit .cntit{ width: 100%; position: absolute; bottom: 35px; font-size: 48px; line-height: 48px; height: 48px; overflow: hidden; color: #333;}
#Content3 .homeCon3 .tit .line{ width: 60px; height: 3px; margin: 35px auto 0 auto; background: #0792f3;}
#Content3 .homeCon3 .u1{ width: 102%; margin: -15px -1%; overflow: hidden;}
#Content3 .homeCon3 .l1{ padding: 20px; width: 48%; margin: 15px 1%; float: left; background: #fff;}
#Content3 .homeCon3 .l1 .img{ width: 28%; float: left; line-height: 0; overflow: hidden;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
#Content3 .homeCon3 .l1 .img img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align:middle;
-ms-interpolation-mode:bicubic;}
#Content3 .homeCon3 .l1:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
#Content3 .homeCon3 .l1 .date{ /*width: 13%; margin: 25px 5% 0 5%;*/ float: right; text-align: center; color: #444; font-family: "Open Sans";}
#Content3 .homeCon3 .l1 .date .date_r{ font-size: 48px; line-height: 48px; font-weight: bold;}
#Content3 .homeCon3 .l1 .date .date_ny{ font-size: 16px; line-height: 16px; /*margin-top: 20px;*/}
#Content3 .homeCon3 .l1 .text{ margin-top: 25px; width: 67%; float: right;}
#Content3 .homeCon3 .l1 .text .t1{float:left; width:72%; font-size: 18px; line-height: 18px; height: 18px; margin-bottom: 20px; overflow: hidden; color: #333;}
#Content3 .homeCon3 .l1 .text .t2{float:left; width:100%; font-size: 14px; line-height: 22px; height: 44px; overflow: hidden; color: #666;}
#Content3 .homeCon3 .l1:hover .date{ color: #0792f3;}
#Content3 .homeCon3 .l1:hover .text .t1{ color: #0792f3;}
@media screen and  (max-width:1599px){
#Content3 .homeCon3 .l1 .date{ /*margin: 10px 5% 0 5%;*/}
#Content3 .homeCon3 .l1 .text{ margin-top: 10px;}
}
@media screen and  (max-width:1199px){
#Content3 .homeCon3 .l1 .date{ /*margin: 0 5% 0 5%;*/}
#Content3 .homeCon3 .l1 .text{ margin-top: 0;}
#Content3 .homeCon3 .l1 .date .date_ny{ /*margin-top: 10px;*/}
#Content3 .homeCon3 .l1 .text .t1{ margin-bottom: 10px;}
}
@media screen and  (max-width:991px){
#Content3 .homeCon3 .lj::before{ width: 22%; top: 16px;}
#Content3 .homeCon3 .lj::after{ width: 22%; top: 16px;}
#Content3 .homeCon3 .more{ font-size: 12px; width: 40%; height: 34px; line-height: 34px;}
#Content3 .homeCon3 .tit{ margin-bottom: 15px;}
#Content3 .homeCon3 .tit .entit{ font-size: 18px; line-height: 18px; height: 18px;}
#Content3 .homeCon3 .tit .cntit{ bottom: 10px; font-size: 16px; line-height: 16px; height: 16px;}
#Content3 .homeCon3 .tit .line{ width: 20px; margin: 10px auto 0 auto;}
#Content3 .homeCon3 .u1{ margin: -5px -1%;}
#Content3 .homeCon3 .l1{ padding: 10px; margin: 5px 1%;}
#Content3 .homeCon3 .l1 .date{ /*margin: 10px 5% 0 5%;*/ float:left;}
#Content3 .homeCon3 .l1 .date .date_r{ font-size: 16px; line-height: 16px;}
#Content3 .homeCon3 .l1 .date .date_ny{ font-size: 12px; line-height: 12px; margin-top: 2px;}
#Content3 .homeCon3 .l1 .text .t1{width:100%; font-size: 14px; line-height: 14px; height: 14px; margin-bottom: 5px;}
#Content3 .homeCon3 .l1 .text .t2{ font-size: 12px; line-height: 18px; height: 36px; margin-top:8px;}
}
@media screen and  (max-width:767px){
#Content3 .homeCon3 .l1 .date{ /*width: 18%; margin: 10px 2% 0 2%;*/}
#Content3 .homeCon3 .u1{ width: 100%; margin: -5px 0;}
#Content3 .homeCon3 .l1{ width: 100%; margin: 5px 0;}
}
/* 内页banner */
#Slide2{ width: 100%; float: left;}
#Slide2 .pz_banner{ width: 100%; float: left; position: relative;}
#Slide2 .zy_banner{ line-height: 0;}
@media screen and  (max-width:1599px){

}
@media screen and  (max-width:1199px){

}
@media screen and  (max-width:991px){

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

}
/* 内页导航 */
#Content4{ width: 100%; float: left;}
#Content4 .subNav{ height: 62px; text-align: center; background: rgba( 255, 255, 255, 0.8); border-bottom: 1px solid #dadada;}
#Content4 .subNav .u1{ display: inline-block; overflow: hidden;}
#Content4 .subNav .l1{ margin: 0 25px; float: left;}
#Content4 .subNav .l1 a{ font-size: 16px; height: 62px; line-height: 62px; padding: 0 10px; display: block;  color: #333; position: relative;}
#Content4 .subNav .l1.on a,#Content4 .subNav .l1:hover a{ color: #0792f3;}
#Content4 .subNav .l1.on a::after,#Content4 .subNav .l1:hover a::after{ content: ""; display: block; width: 100%; height: 3px; background: #0792f3; position: absolute; left: 0; bottom: -1px;}

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

}
@media screen and  (max-width:1199px){

}
@media screen and  (max-width:991px){
#Content4 .subNav{ height: 32px;}
#Content4 .subNav .l1{ margin: 0 15px;}
#Content4 .subNav .l1 a{ font-size: 14px; height: 32px; line-height: 32px; padding: 0 5px;}

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

}
/* 1关于共添1板块一 */
#Content5{ width: 100%; float: left;}
#Content5 .aboutCon1 .tit{ width: 29%; height: 50px; margin: 85px auto 50px auto; border: 2px solid rgba( 7,146,243, 0.3); position: relative; border-top: 0; text-align: center;}
#Content5 .aboutCon1 .tit::before{ content: ""; width: 20%; height: 2px; position: absolute; left: 0; background: rgba( 7,146,243, 0.3);}
#Content5 .aboutCon1 .tit::after{ content: ""; width: 20%; height: 2px; position: absolute; right: 0; background: rgba( 7,146,243, 0.3);}
#Content5 .aboutCon1 .tit .t1{ width: 100%; font-size: 36px; line-height: 36px; position: absolute; top: -16px; color: #333;}
#Content5 .aboutCon1 .tit .t2{ width: 100%; position: absolute; bottom: -16px;}
#Content5 .aboutCon1 .tit .t2 .inline{ font-size: 14px; padding: 0 30px; line-height: 30px; height: 30px; display: inline-block; background: #0792f3; text-transform: uppercase; color: #fff;}
#Content5 .aboutCon1Tab{ padding: 45px 0 80px 0;}
#Content5 .aboutCon1Tab .nr{ width: 90%; margin: 0 auto;}
#Content5 .aboutCon1Tab .pic .nf{ width: 80px; height: 80px; line-height: 80px; font-size: 18px; margin: 0 auto 90px auto; position: relative; border-radius: 50%; text-align: center; color: #fff; background: #0792f3;}
#Content5 .aboutCon1Tab .pic .nf::after{ content: ""; width: 0; height: 0; overflow: hidden; font-size: 0; line-height: 0; border-width: 8px; border-style: solid dashed dashed dashed; border-color: #C01 transparent transparent transparent; border-top-color: #0792f3; position: absolute; bottom: -15px; left: 50%; margin-left: -8px;}
#Content5 .aboutCon1Tab .pic .text{ font-size: 14px; line-height: 30px; text-align: center; color: #555;}
#Content5 .aboutCon1Tab .pic:nth-child(2n+1) .nf{ margin: 200px auto 0 auto;}
#Content5 .aboutCon1Tab .pic:nth-child(2n+1) .nf::after{ bottom: auto; top: -15px; border-style: dashed dashed solid dashed; border-color: transparent transparent #C01 transparent; border-bottom-color: #0792f3;}
#Content5 .aboutCon1Tab .pic:nth-child(2n+1){ position: relative;}
#Content5 .aboutCon1Tab .pic:nth-child(2n+1) .text{ width: 100%; position: absolute; top: 0;}
#Content5 .aboutCon1Tab .slick-prev,#Content5 .aboutCon1Tab .slick-next{ position: absolute; top: 35px; z-index: 90;}
#Content5 .aboutCon1Tab .slick-prev{ left: -10%;}
#Content5 .aboutCon1Tab .slick-prev::after{ content: "<"; display: block; font-size: 74px; font-family: "宋体"; color: #b9b9b9; text-align: center;}
#Content5 .aboutCon1Tab .slick-next{ right: -10%;}
#Content5 .aboutCon1Tab .slick-next::after{ content: ">"; display: block; font-size: 74px; font-family: "宋体"; color: #b9b9b9; text-align: center;}
#Content5 .aboutCon1Tab .slick-prev:hover::after,#Content5 .aboutCon1Tab .slick-next:hover::after{ color: #0792f3;}
@media screen and  (max-width:1599px){
#Content5 .aboutCon1Tab .nr{ width: 86%;}
}
@media screen and  (max-width:1199px){
#Content5 .aboutCon1Tab{ padding: 25px 0 40px 0;}
#Content5 .aboutCon1Tab .nr{ width: 64%;}
}
@media screen and  (max-width:991px){
#Content5 .aboutCon1 .tit{ width: 50%; height: 30px; margin: 60px auto 30px auto;}
#Content5 .aboutCon1 .tit .t1{ font-size: 16px; line-height: 16px; top: -6px;}
#Content5 .aboutCon1 .tit .t2 .inline{ font-size: 12px; padding: 0 10px; line-height: 26px; height: 26px;}
#Content5 .aboutCon1Tab{ padding: 15px 0 20px 0;}
#Content5 .aboutCon1Tab .nr{ width: 80%;}
}
@media screen and  (max-width:767px){
#Content5 .aboutCon1 .tit{ width: 80%; margin: 20px auto 25px auto;}
#Content5 .aboutCon1Tab .pic .nf{ width: 50px; height: 50px; line-height: 50px; font-size: 16px; margin: 0 auto 90px auto;}
#Content5 .aboutCon1Tab .pic:nth-child(2n+1) .nf{ margin: 150px auto 0 auto;}
#Content5 .aboutCon1Tab .slick-prev::after{ font-size: 30px;}
#Content5 .aboutCon1Tab .slick-next::after{ font-size: 30px;}
}
/* 1关于共添1板块二 */
#Content6{ width: 100%; float: left;}
#Content6 .aboutCon2 .tit{ width: 29%; height: 50px; margin: 85px auto 50px auto; border: 2px solid rgba( 255, 255, 255, 0.3); position: relative; border-top: 0; text-align: center;}
#Content6 .aboutCon2 .tit::before{ content: ""; width: 20%; height: 2px; position: absolute; left: 0; background: rgba( 255, 255, 255, 0.3);}
#Content6 .aboutCon2 .tit::after{ content: ""; width: 20%; height: 2px; position: absolute; right: 0; background: rgba( 255, 255, 255, 0.3);}
#Content6 .aboutCon2 .tit .t1{ width: 100%; font-size: 36px; line-height: 36px; position: absolute; top: -16px; color: #fff;}
#Content6 .aboutCon2 .tit .t2{ width: 100%; position: absolute; bottom: -16px;}
#Content6 .aboutCon2 .tit .t2 .inline{ font-size: 14px; padding: 0 30px; line-height: 30px; height: 30px; display: inline-block; background: #0792f3; text-transform: uppercase; color: #fff;}
#Content6 .aboutCon2 .over{ padding-bottom: 135px; width: 100%; overflow: hidden;}
#Content6 .aboutCon2 .left{ width: 40%; float: left;}
#Content6 .aboutCon2 .left .u1{ width: 100%; overflow: hidden;}
#Content6 .aboutCon2 .left .l1{ width: 43%; margin: 45px 0; padding-left: 17%; float: left;}
#Content6 .aboutCon2 .left .l1 .num{ display: inline-block; font-size: 60px; line-height: 60px; position: relative; font-weight: bold; color: #fff;}
#Content6 .aboutCon2 .left .l1 .ico{ font-size: 50px; line-height: 50px; position: absolute; top: -18px; right: -40px; font-weight: lighter; color: #fff;}
#Content6 .aboutCon2 .left .l1 .bt{ font-size: 16px; line-height: 16px; height: 16px; overflow: hidden; margin-top: 15px; color: #fff;}
#Content6 .aboutCon2 .right{ float: right; width:60%;}
#Content6 .aboutCon2 .gz_dt{ width: 100%; position:relative;}
#Content6 .aboutCon2 .u2 li{ width: 8px; height: 8px; position: absolute; border-radius: 50%; border-radius: 50%; background: rgba( 255, 255, 255, 0.8); animation: warn 1s ease-out 0s infinite; animation: warn 6s ease-out 3s infinite;}
#Content6 .aboutCon2 .u2 li:nth-child(2n){ animation: warn 1s ease-out 0s infinite; animation: warn 8s ease-out 4s infinite;}
#Content6 .aboutCon2 .u2 li:nth-child(1){ top: 17.16666667%; left: 67.1875%;}
#Content6 .aboutCon2 .u2 li:nth-child(2){ top: 26.66666667%; left: 67.5%;}
#Content6 .aboutCon2 .u2 li:nth-child(3){ top: 31.66666667%; left: 64.16666667%;}
#Content6 .aboutCon2 .u2 li:nth-child(4){ top: 39.33333333%; left: 57.39583333%;}
#Content6 .aboutCon2 .u2 li:nth-child(5){ top: 44.33333333%; left: 62.5%;}
#Content6 .aboutCon2 .u2 li:nth-child(6){ top: 48%; left: 60.41666667%;}
#Content6 .aboutCon2 .u2 li:nth-child(7){ top: 45%; left: 54.58333333%;}
#Content6 .aboutCon2 .u2 li:nth-child(8){ top: 46%; left: 50%;}
#Content6 .aboutCon2 .u2 li:nth-child(9){ top: 48.83333333%; left: 42.5%;}
#Content6 .aboutCon2 .u2 li:nth-child(10){ top: 51.33333333%; left: 47.08333333%;}
#Content6 .aboutCon2 .u2 li:nth-child(11){ top: 51.66666667%; left: 39.79166667%;}
#Content6 .aboutCon2 .u2 li:nth-child(12){ top: 50.33333333%; left: 28.125%;}
#Content6 .aboutCon2 .u2 li:nth-child(13){ top: 56.66666667%; left: 62.1875%;}
#Content6 .aboutCon2 .u2 li:nth-child(14){ top: 55.33333333%; left: 52.8125%;}
#Content6 .aboutCon2 .u2 li:nth-child(15){ top: 57%; left: 46.25%;}
#Content6 .aboutCon2 .u2 li:nth-child(16){ top: 61.16666667%; left: 59.0625%;}
#Content6 .aboutCon2 .u2 li:nth-child(17){ top: 65.33333333%; left: 62.39583333%;}
#Content6 .aboutCon2 .u2 li:nth-child(18){ top: 64.33333333%; left: 51.97916667%;}
#Content6 .aboutCon2 .u2 li:nth-child(19){ top: 67.16666667%; left: 45.72916667%;}
#Content6 .aboutCon2 .u2 li:nth-child(20){ top: 71.33333333%; left: 58.75%;}
#Content6 .aboutCon2 .u2 li:nth-child(21){ top: 75%; left: 60.9375%;}
#Content6 .aboutCon2 .u2 li:nth-child(22){ top: 74%; left: 51.35416667%;}
#Content6 .aboutCon2 .u2 li:nth-child(23){ top: 77.16666667%; left: 43.125%;}
#Content6 .aboutCon2 .u2 li:nth-child(24){ top: 83.16666667%; left: 47.8125%;}
#Content6 .aboutCon2 .u2 li:nth-child(25){ top: 81.16666667%; left: 37.08333333%;}
#Content6 .aboutCon2 .u2 li:nth-child(26){ top: 86.33333333%; left: 56.35416667%;}
#Content6 .aboutCon2 .u2 li:nth-child(27){ top: 86.33333333%; left: 54.375%;}
#Content6 .aboutCon2 .u2 li:nth-child(28){ top: 48.33333333%; left: 50.72916667%;}
#Content6 .aboutCon2 .u2 li:nth-child(29){ top: 96%; left: 48.95833333%;}
#Content6 .aboutCon2 .city_8{ float:left; z-index:1; cursor:pointer; position: absolute;}
#Content6 .aboutCon2 .city_8::after{ content: ""; display: block; width:14px; height:14px; background:url(/template/theme/CN/1277_about2_3.png) no-repeat; position:absolute; animation: warn 1s ease-out 0s infinite; animation: warn 4s ease-out 2s infinite;}
@keyframes warn {
0% {
    transform: scale(0.5);
    opacity: 1;
}
30% {
    opacity: 1;
}
100% {
    transform: scale(1.4);
    opacity: 0;
}
}
#Content6 .aboutCon2 .city_8 .city_8_1{float:left; width: 100px; left: 50%; top: -20px; margin-left: -50px; font-size:14px; height:14px; line-height:14px; text-align: center; color:#fff; position:absolute; z-index:1;white-space:nowrap;}
#Content6 .aboutCon2 .city_8 .city_8_2{display:none;float:left; width:20px; line-height:12px; padding:0; height:20px; text-align:center; font-size:12px; color:#ffffff; background:url(/template/theme/CN/1277_about2_4.png) no-repeat; position:absolute; left:50%; margin-left:-10px; top:50%; margin-top:-10px; z-index:19;}

@media screen and  (max-width:1599px){
#Content6 .aboutCon2 .left{ width: 100%; float: none;}
#Content6 .aboutCon2 .right{ width: 100%; margin: 15px auto 0 auto;}
#Content6 .aboutCon2 .gz_dt{ margin: 0 auto;}
}
@media screen and  (max-width:1199px){
#Content6 .aboutCon2 .over{ padding-bottom: 50px;}
}
@media screen and  (max-width:991px){
#Content6 .aboutCon2 .over{ padding-bottom: 20px;}
#Content6 .aboutCon2 .tit{ width: 50%; height: 30px; margin: 60px auto 30px auto;}
#Content6 .aboutCon2 .tit .t1{ font-size: 16px; line-height: 16px; top: -6px;}
#Content6 .aboutCon2 .tit .t2 .inline{ font-size: 12px; padding: 0 10px; line-height: 26px; height: 26px;}
#Content6 .aboutCon2 .over{ padding-bottom: 10px;}
#Content6 .aboutCon2 .left .l1{ margin: 10px 0; padding-left: 10%;}
#Content6 .aboutCon2 .left .l1 .num{ font-size: 20px; line-height: 20px;}
#Content6 .aboutCon2 .left .l1 .ico{ font-size: 14px; line-height: 14px; right: -10px; top:0;}
#Content6 .aboutCon2 .left .l1 .bt{ font-size: 12px; margin-top: 10px;}
#Content6 .aboutCon2 .u2 li{ width: 4px; height: 4px;}
}
@media screen and  (max-width:767px){
#Content6 .aboutCon2 .tit{ width: 80%; margin: 20px auto 25px auto;}
}
/* 1关于共添1板块三 */
#Content7{ width: 100%; float: left;}
#Content7 .aboutCon3{ padding-bottom: 80px; background: #f4f4f4;}
#Content7 .aboutCon3 .tit{ width: 29%; height: 50px; margin: 85px auto 50px auto; border: 2px solid rgba( 7,146,243, 0.3); position: relative; border-top: 0; text-align: center;}
#Content7 .aboutCon3 .tit::before{ content: ""; width: 20%; height: 2px; position: absolute; left: 0; background: rgba( 7,146,243, 0.3);}
#Content7 .aboutCon3 .tit::after{ content: ""; width: 20%; height: 2px; position: absolute; right: 0; background: rgba( 7,146,243, 0.3);}
#Content7 .aboutCon3 .tit .t1{ width: 100%; font-size: 36px; line-height: 36px; position: absolute; top: -16px; color: #333;}
#Content7 .aboutCon3 .tit .t2{ width: 100%; position: absolute; bottom: -16px;}
#Content7 .aboutCon3 .tit .t2 .inline{ font-size: 14px; padding: 0 30px; line-height: 30px; height: 30px; display: inline-block; background: #0792f3; text-transform: uppercase; color: #fff;}
#Content7 .aboutCon3 .pic .u1{ width: 101.2%; margin: -10px -0.6%; overflow: hidden;}
#Content7 .aboutCon3 .pic .l1{ width: 20.2%; margin: 10px 0.6%; padding: 50px; background: #fff; float: left; line-height: 0;}
#Content7 .aboutCon3 .pic .l1:first-child{ width: 34.6%; padding: 52px 70px;}
#Content7 .aboutCon3 .pic .l1:hover{ box-shadow: 0 0 10px #ccc;}
#Content7 .aboutCon3 .text .u1{ width: 100%; overflow: hidden;}
#Content7 .aboutCon3 .text .l1{ padding: 0 10px; width: 50%; text-align: center; float: left;}
#Content7 .aboutCon3 .text .bt{ font-size: 18px; line-height: 20px; height: 20px; margin: 25px 0 15px 0; color: #333; overflow: hidden;}
#Content7 .aboutCon3 .text .date{ font-size: 14px; line-height: 16px; height: 16px; color: #888; overflow: hidden;}
#Content7 .aboutCon3 .text .l1:hover .bt{ color: #0792f3;}
@media screen and  (max-width:1599px){

}
@media screen and  (max-width:1199px){
#Content7 .aboutCon3{ padding-bottom: 40px;}
}
@media screen and  (max-width:991px){
#Content7 .aboutCon3{ padding-bottom: 20px;}
#Content7 .aboutCon3 .tit{ width: 50%; height: 30px; margin: 60px auto 30px auto;}
#Content7 .aboutCon3 .tit .t1{ font-size: 16px; line-height: 16px; top: -6px;}
#Content7 .aboutCon3 .tit .t2 .inline{ font-size: 12px; padding: 0 10px; line-height: 26px; height: 26px;}
#Content7 .aboutCon3 .pic .l1{ padding: 5px;}
#Content7 .aboutCon3 .pic .l1:first-child{ padding: 10px;}
#Content7 .aboutCon3 .text .bt{ font-size: 14px; line-height: 16px; height: 16px; margin: 10px 0 5px 0;}
#Content7 .aboutCon3 .text .date{ font-size: 12px; line-height: 14px; height: 14px;}
}
@media screen and  (max-width:767px){
#Content7 .aboutCon3 .tit{ width: 80%; margin: 20px auto 25px auto;}
}
/* 1关于共添1板块四 */
#Content8{ width: 100%; float: left;}
#Content8 .aboutCon4 .tit{ width: 29%; height: 50px; margin: 85px auto 50px auto; border: 2px solid rgba( 7,146,243, 0.3); position: relative; border-top: 0; text-align: center;}
#Content8 .aboutCon4 .tit::before{ content: ""; width: 20%; height: 2px; position: absolute; left: 0; background: rgba( 7,146,243, 0.3);}
#Content8 .aboutCon4 .tit::after{ content: ""; width: 20%; height: 2px; position: absolute; right: 0; background: rgba( 7,146,243, 0.3);}
#Content8 .aboutCon4 .tit .t1{ width: 100%; font-size: 36px; line-height: 36px; position: absolute; top: -16px; color: #333;}
#Content8 .aboutCon4 .tit .t2{ width: 100%; position: absolute; bottom: -16px;}
#Content8 .aboutCon4 .tit .t2 .inline{ font-size: 14px; padding: 0 30px; line-height: 30px; height: 30px; display: inline-block; background: #0792f3; text-transform: uppercase; color: #fff;}
#Content8 .aboutCon4Tab{ padding-bottom: 50px;}
#Content8 .aboutCon4Tab .u1{ width: 101.2%; margin: 0 -0.6%; overflow: hidden;}
#Content8 .aboutCon4Tab .l1{ float: left; width: 15.46%; margin: 10px 0.6%; line-height: 0; border: 1px solid #dedede;}
#Content8 .aboutCon4Tab .l1:hover{ box-shadow: 0 0 10px #ccc;}
#Content8 .aboutCon4Tab .slick-dots{ z-index: 10; height: 14px; position: absolute; bottom: 0; text-align: center;}
#Content8 .aboutCon4Tab .slick-dots li{ vertical-align: top; width: 14px; height: 14px; background: #dadadc; margin: 0 8px; border-radius: 50%; cursor: pointer; text-indent: -999px; overflow: hidden;}
#Content8 .aboutCon4Tab .slick-dots .slick-active{ background: #0792f3;}
@media screen and  (max-width:1599px){

}
@media screen and  (max-width:1199px){

}
@media screen and  (max-width:991px){
#Content8 .aboutCon4 .tit{ width: 50%; height: 30px; margin: 60px auto 30px auto;}
#Content8 .aboutCon4 .tit .t1{ font-size: 16px; line-height: 16px; top: -6px;}
#Content8 .aboutCon4 .tit .t2 .inline{ font-size: 12px; padding: 0 10px; line-height: 26px; height: 26px;}
#Content8 .aboutCon4Tab{ padding-bottom: 10px;}
#Content8 .aboutCon4Tab .l1{ margin: 5px 0.6%;}
#Content8 .aboutCon4Tab .slick-dots{ height: 6px;}
#Content8 .aboutCon4Tab .slick-dots li{ width: 6px; height: 6px; margin: 0 2px;}
}
@media screen and  (max-width:767px){
#Content8 .aboutCon4 .tit{ width: 80%; margin: 20px auto 25px auto;}
#Content8 .aboutCon4Tab .l1{ width: 32.1%; margin: 2px 0.6%;}
}
/* 2共添优势1板块一 */
#Content9{ width: 100%; float: left;}
#Content9 .advaCon1 .tit{ width: 29%; height: 50px; margin: 85px auto 50px auto; border: 2px solid rgba( 7,146,243, 0.3); position: relative; border-top: 0; text-align: center;}
#Content9 .advaCon1 .tit::before{ content: ""; width: 20%; height: 2px; position: absolute; left: 0; background: rgba( 7,146,243, 0.3);}
#Content9 .advaCon1 .tit::after{ content: ""; width: 20%; height: 2px; position: absolute; right: 0; background: rgba( 7,146,243, 0.3);}
#Content9 .advaCon1 .tit .t1{ width: 100%; font-size: 36px; line-height: 36px; position: absolute; top: -16px; color: #333;}
#Content9 .advaCon1 .tit .t2{ width: 100%; position: absolute; bottom: -16px;}
#Content9 .advaCon1 .tit .t2 .inline{ font-size: 14px; padding: 0 30px; line-height: 30px; height: 30px; display: inline-block; background: #0792f3; text-transform: uppercase; color: #fff;}
#Content9 .advaCon1 .u1{ width: 104%; margin: 0 -2%; overflow: hidden;}
#Content9 .advaCon1 .l1{ width: 29.3%; margin: 0 2%; float: left;}
#Content9 .advaCon1 .l1 .img{ line-height: 0; position: relative;}
#Content9 .advaCon1 .l1 .img .ico{ width: 170px; height: 170px; position: absolute; top: 100%; left: 50%; margin-top: -85px; margin-left: -85px; border: 6px solid rgba( 7,146,243, 0.1); border-radius: 50%; overflow: hidden; line-height: 0;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
#Content9 .advaCon1 .l1:hover .img .ico{ transform:rotateY(180deg);}
#Content9 .advaCon1 .l1 .img .ico img{ background: #fff; border-radius: 50%;}
#Content9 .advaCon1 .l1 .text{ margin-top: 120px; text-align: center;}
#Content9 .advaCon1 .l1 .text .t1{ font-size: 24px; line-height: 24px; height: 24px; color: #333; overflow: hidden;}
#Content9 .advaCon1 .l1 .text .t2{ font-size: 16px; line-height: 24px; height: 48px; margin-top: 24px; overflow: hidden; color: #666;}

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

}
@media screen and  (max-width:1199px){

}
@media screen and  (max-width:991px){
#Content9 .advaCon1 .tit{ width: 50%; height: 30px; margin: 60px auto 30px auto;}
#Content9 .advaCon1 .tit .t1{ font-size: 16px; line-height: 16px; top: -6px;}
#Content9 .advaCon1 .tit .t2 .inline{ font-size: 12px; padding: 0 10px; line-height: 26px; height: 26px;}
#Content9 .advaCon1 .u1{ width: 102%; margin: 0 -1%;}
#Content9 .advaCon1 .l1{ width: 31.3%; margin: 0 1%;}
#Content9 .advaCon1 .l1 .img .ico{ width: 120px; height: 120px; margin-top: -60px; margin-left: -60px;}
#Content9 .advaCon1 .l1 .text{ margin-top: 80px;}
#Content9 .advaCon1 .l1 .text .t1{ font-size: 16px; line-height: 16px; height: 16px;}
#Content9 .advaCon1 .l1 .text .t2{ font-size: 14px; line-height: 20px; height: 40px; margin-top: 10px;}
}
@media screen and  (max-width:767px){
#Content9 .advaCon1 .tit{ width: 80%; margin: 20px auto 25px auto;}
#Content9 .advaCon1 .l1 .img .ico{ width: 70px; height: 70px; margin-top: -35px; margin-left: -35px;}
#Content9 .advaCon1 .l1 .text{ margin-top: 45px;}
}
/* 2共添优势1板块二 */
#Content10{ width: 100%; float: left;}
#Content10 .advaCon2 .tit{ width: 29%; height: 50px; margin: 85px auto 50px auto; border: 2px solid rgba( 7,146,243, 0.3); position: relative; border-top: 0; text-align: center;}
#Content10 .advaCon2 .tit::before{ content: ""; width: 20%; height: 2px; position: absolute; left: 0; background: rgba( 7,146,243, 0.3);}
#Content10 .advaCon2 .tit::after{ content: ""; width: 20%; height: 2px; position: absolute; right: 0; background: rgba( 7,146,243, 0.3);}
#Content10 .advaCon2 .tit .t1{ width: 100%; font-size: 36px; line-height: 36px; position: absolute; top: -16px; color: #333;}
#Content10 .advaCon2 .tit .t2{ width: 100%; position: absolute; bottom: -16px;}
#Content10 .advaCon2 .tit .t2 .inline{ font-size: 14px; padding: 0 30px; line-height: 30px; height: 30px; display: inline-block; background: #0792f3; text-transform: uppercase; color: #fff;}
#Content10 .advaCon2 .over{ width: 75.6%; margin: 70px auto 90px auto; overflow: hidden;}
#Content10 .advaCon2 .text{ width: 30%; padding-left: 30px; float: left; border-left: 4px solid #0792f3;}
#Content10 .advaCon2 .text .l1{ margin-bottom: 20px;}
#Content10 .advaCon2 .text .t1{ font-size: 24px; line-height: 24px; height: 24px; margin-bottom: 20px; overflow: hidden; color: #333; font-weight: bold;}
#Content10 .advaCon2 .text .t2{ font-size: 16px; line-height: 22px; height: 44px; overflow: hidden; color: #666;}
#Content10 .advaCon2 .img{ width: 61.2%; float: right; line-height: 0;}

#Content10 .section3 {
    width: 100%;
    height: 400px;
    margin-top: 40px;
    background: url(/template/theme/CN/1281_adva2_2_1.png) no-repeat;
}
#Content10 .u_p3d {
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
#Content10 .section3 .ui_base {
    position: relative;
    top: 20px;
    left: 140px;
    width: 400px;
    height: 0px;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    -ms-perspective: 1000px;
    -o-perspective: 1000px;
    perspective: 1000px;
    -webkit-perspective-origin: 50% 0%;
    -moz-perspective-origin: 50% 0%;
    -o-perspective-origin: 50% 0%;
    -ms-perspective-origin: 50% 0%;
    perspective-origin: 50% 0%
}
#Content10 .section3 .base {
    -webkit-transform: rotateX(80deg) rotateY(-10deg);
    -moz-transform: rotateX(80deg) rotateY(-10deg);
    -o-transform: rotateX(80deg) rotateY(-10deg);
    -ms-transform: rotateX(80deg) rotateY(-10deg);
    transform: rotateX(80deg) rotateY(-10deg);
    position: relative;
    width: 250px;
    height: 250px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    top: -18px;
    left: 100px;
}
#Content10 .section3 .ball_base {
    -webkit-transform-origin: 120px 0px;
    -moz-transform-origin: 120px 0px;
    -ms-transform-origin: 120px 0px;
    -o-transform-origin: 120px 0px;
    transform-origin: 120px 0px;
    position: absolute;
    top: 175px;
    left: -50px;
    width: 120px;
    height: 127px
}
#Content10 .section3 .ball .tp{ position: relative; width:110px;height:110px; overflow: hidden; background: radial-gradient(circle at 100px 100px, #48a6fa, #000); border-radius: 50%; text-align: center;}
#Content10 .section3 .ball .tp img{ margin-top: 10px; display: inline-block;}
#Content10 .section3 .ball .tp .wz{ font-size: 18px; margin-top: 15px; font-weight: bold; color: #fff;}
#Content10 .section3 .ball .dw{ width: 100%; height: 100%; position: absolute; top: 15px; left: 0;}

#Content10 .section3 .qiu {display:inline-block;width:100%;height:100%;margin:0;border-radius:50%;position:absolute;top:0;left:0;background:radial-gradient(circle at 50% 120%,#48a7fa,#0b5ec3 70%,#0a245f 100%);}
#Content10 .section3 .qiu:before {content:"";position:absolute;background:radial-gradient(circle at 50% 120%,rgba(255,255,255,0.5),rgba(255,255,255,0) 70%);border-radius:50%;bottom:2.5%;left:5%;opacity:0.6;height:100%;width:90%;-webkit-filter:blur(5px);z-index:2;}
#Content10 .section3 .qiu:after {width:100%;height:100%;content:"";position:absolute;top:50%;left:50%;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,0.8),rgba(255,255,255,0.8) 14%,rgba(255,255,255,0) 24%);-webkit-transform:translateX(-80px) translateY(-90px) skewX(-20deg);-moz-transform:translateX(-80px) translateY(-90px) skewX(-20deg);-ms-transform:translateX(-80px) translateY(-90px) skewX(-20deg);-o-transform:translateX(-80px) translateY(-90px) skewX(-20deg);transform:translateX(-80px) translateY(-90px) skewX(-20deg);-webkit-filter:blur(10px);}
#Content10 .section3 .qiu .shadow {position:absolute;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,rgba(0,0,0,0.4),rgba(0,0,0,0.1) 40%,rgba(0,0,0,0) 50%);-webkit-transform:rotateX(90deg) translateZ(-150px);-moz-transform:rotateX(90deg) translateZ(-150px);-ms-transform:rotateX(90deg) translateZ(-150px);-o-transform:rotateX(90deg) translateZ(-150px);transform:rotateX(90deg) translateZ(-150px);z-index:-1;}
 


#Content10 .section3 .ball_1 {
    -webkit-transform: rotateX(-90deg) rotateY(0deg) translateY(-70px);
    -o-transform: rotateX(-90deg) rotateY(0deg) translateY(-70px);
    -moz-transform: rotateX(-90deg) rotateY(0deg) translateY(-70px);
    -ms-transform: rotateX(-90deg) rotateY(0deg) translateY(-70px);
    transform: rotateX(-90deg) rotateY(0deg) translateY(-70px)
}
#Content10 .section3 .ball_2 {
    -webkit-transform: rotateX(-90deg) rotateY(120deg) translateY(-70px);
    -o-transform: rotateX(-90deg) rotateY(120deg) translateY(-70px);
    -ms-transform: rotateX(-90deg) rotateY(120deg) translateY(-70px);
    -moz-transform: rotateX(-90deg) rotateY(120deg) translateY(-70px);
    transform: rotateX(-90deg) rotateY(120deg) translateY(-70px)
}
#Content10 .section3 .ball_3 {
    -webkit-transform: rotateX(-90deg) rotateY(240deg) translateY(-70px);
    -moz-transform: rotateX(-90deg) rotateY(240deg) translateY(-70px);
    -o-transform: rotateX(-90deg) rotateY(240deg) translateY(-70px);
    -ms-transform: rotateX(-90deg) rotateY(240deg) translateY(-70px);
    transform: rotateX(-90deg) rotateY(240deg) translateY(-70px)
}
#Content10 .section3 .ball_1 .ball {
    -webkit-transform: rotateY(10deg) rotateZ(10deg);
    -moz-transform: rotateY(10deg) rotateZ(10deg);
    -o-transform: rotateY(10deg) rotateZ(10deg);
    -ms-transform: rotateY(10deg) rotateZ(10deg);
    transform: rotateY(10deg) rotateZ(10deg)
}
#Content10 .section3 .ball_2 .ball {
    -webkit-transform: rotateY(-110deg) rotateZ(10deg);
    -o-transform: rotateY(-110deg) rotateZ(10deg);
    -moz-transform: rotateY(-110deg) rotateZ(10deg);
    -ms-transform: rotateY(-110deg) rotateZ(10deg);
    transform: rotateY(-110deg) rotateZ(10deg)
}
#Content10 .section3 .ball_3 .ball {
    -webkit-transform: rotateY(-230deg) rotateZ(10deg);
    -o-transform: rotateY(-230deg) rotateZ(10deg);
    -moz-transform: rotateY(-230deg) rotateZ(10deg);
    -ms-transform: rotateY(-230deg) rotateZ(10deg);
    transform: rotateY(-230deg) rotateZ(10deg)
}
#Content10 .section3 .ball {
    -webkit-transition: all 2s ease-out 0ms;
    -o-transition: all 2s ease-out 0ms;
    -moz-transition: all 2s ease-out 0ms;
    -ms-transition: all 2s ease-out 0ms;
    transition: all 2s ease-out 0ms;
    -webkit-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    position: absolute;
    left: -150px;
    top: -40px;
    overflow: hidden;
}
#Content10 .section3 .ball_1 .ball {
    -webkit-transition-delay: 1100ms;
    -o-transition-delay: 1100ms;
    -moz-transition-delay: 1100ms;
    -ms-transition-delay: 1100ms;
    transition-delay: 1100ms;
}
#Content10 .section3 .ball_2 .ball {
    -webkit-transition-delay: 700ms;
    -o-transition-delay: 700ms;
    -ms-transition-delay: 700ms;
    -moz-transition-delay: 700ms;
    transition-delay: 700ms;
}
#Content10 .section3 .ball_3 .ball {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}
#Content10 .section3 .ball_1 .ball {
    -webkit-animation: cir1 28s linear 0s infinite;
    -o-animation: cir1 28s linear 0s infinite;
    -ms-animation: cir1 28s linear 0s infinite;
    -moz-animation: cir1 28s linear 0s infinite;
    animation: cir1 28s linear 0s infinite
}
#Content10 .section3 .ball_2 .ball {
    -webkit-animation: cir2 28s linear 0s infinite;
    -o-animation: cir2 28s linear 0s infinite;
    -ms-animation: cir2 28s linear 0s infinite;
    -moz-animation: cir2 28s linear 0s infinite;
    animation: cir2 28s linear 0s infinite
}
#Content10 .section3 .ball_3 .ball {
    -webkit-animation: cir3 28s linear 0s infinite;
    -o-animation: cir3 28s linear 0s infinite;
    -ms-animation: cir3 28s linear 0s infinite;
    -moz-animation: cir3 28s linear 0s infinite;
    animation: cir3 28s linear 0s infinite
}
#Content10 .section3 .base {
    -webkit-animation: cir 28s linear 0s infinite;
    -o-animation: cir 28s linear 0s infinite;
    -ms-animation: cir 28s linear 0s infinite;
    -mozanimation: cir 28s linear 0s infinite;
    animation: cir 28s linear 0s infinite
}
@-webkit-keyframes cir1 {
    0% {
        -webkit-transform: rotateY(0deg) rotateZ(10deg)
    }
    100% {
        -webkit-transform: rotateY(-360deg) rotateZ(10deg)
    }
}
@keyframes cir1 {
    0% {
        transform: rotateY(0deg) rotateZ(10deg)
    }
    100% {
        transform: rotateY(-360deg) rotateZ(10deg)
    }
}
@-webkit-keyframes cir2 {
    0% {
        -webkit-transform: rotateY(-120deg) rotateZ(10deg)
    }
    100% {
        -webkit-transform: rotateY(-480deg) rotateZ(10deg)
    }
}
@keyframes cir2 {
    0% {
        transform: rotateY(-120deg) rotateZ(10deg)
    }
    100% {
        transform: rotateY(-480deg) rotateZ(10deg)
    }
}
@-webkit-keyframes cir3 {
    0% {
        -webkit-transform: rotateY(-240deg) rotateZ(10deg)
    }
    100% {
        -webkit-transform: rotateY(-600deg) rotateZ(10deg)
    }
}
@keyframes cir3 {
    0% {
        transform: rotateY(-240deg) rotateZ(10deg)
    }
    100% {
        transform: rotateY(-600deg) rotateZ(10deg)
    }
}
@keyframes cir {
    0% {
        transform: rotateX(80deg) rotateY(-10deg) rotateZ(0deg)
    }
    100% {
        transform: rotateX(80deg) rotateY(-10deg) rotateZ(-360deg)
    }
}
@-webkit-keyframes cir {
    0% {
        -webkit-transform: rotateX(80deg) rotateY(-10deg) rotateZ(0deg)
    }
    100% {
        -webkit-transform: rotateX(80deg) rotateY(-10deg) rotateZ(-360deg)
    }
}
@media screen and  (max-width:1599px){
#Content10 .advaCon2 .over{ width: 100%;}
#Content10 .advaCon2 .text{ width: 26%;}
#Content10 .advaCon2 .img{ width: 66%;}
}
@media screen and  (max-width:1199px){
#Content10 .advaCon2 .text{ width: 28%; margin: 0 36%;}
#Content10 .advaCon2 .img{ width: 96%;}
#Content10 .advaCon2 .section3{ width: 90%; margin-left: 10%;}
}
@media screen and  (max-width:991px){
#Content10 .advaCon2 .img{ width: 100%;}
#Content10 .advaCon2 .section3{ background-size: 100%;}
#Content10 .section3 .ball .tp{ width:70px;height:70px; padding: 10px 0;}
#Content10 .section3 .ball .tp img{ margin-top: 0;}
#Content10 .section3 .ball .tp .wz{ font-size: 12px; margin-top: 5px;}
#Content10 .section3 .ball .dw{ top: 5px;}
#Content10 .advaCon2 .tit{ width: 50%; height: 30px; margin: 60px auto 30px auto;}
#Content10 .advaCon2 .tit .t1{ font-size: 16px; line-height: 16px; top: -6px;}
#Content10 .advaCon2 .tit .t2 .inline{ font-size: 12px; padding: 0 10px; line-height: 26px; height: 26px;}
#Content10 .advaCon2 .over{ margin: 20px auto 20px auto;}
#Content10 .advaCon2 .text{ padding-left: 15px;}
#Content10 .advaCon2 .text .l1{ margin-bottom: 10px;}
#Content10 .advaCon2 .text .t1{ font-size: 16px; line-height: 16px; height: 16px; margin-bottom: 10px;}
#Content10 .advaCon2 .text .t2{ font-size: 14px; line-height: 20px; height: 40px;}
}
@media screen and  (max-width:767px){
#Content10 .advaCon2 .tit{ width: 80%; margin: 20px auto 25px auto;}
#Content10 .section3{height:200px}
#Content10 .section3 .ui_base{top:-100px;left:0px;width:100px}
#Content10 .section3 .base{width:150px;height:150px;top:100px;left:70px}
#Content10 .section3 .ball_base{-webkit-transform-origin:20px 0px;-moz-transform-origin:20px 0px;-ms-transform-origin:20px 0px;-o-transform-origin:20px 0px;transform-origin:20px 0px;top:100px;left:90px;width:20px;height:127px}
#Content10 .section3 .ball{left:-100px;top:-10px}
}
/* 2共添优势1板块三 */
#Content11{ width: 100%; float: left;}
#Content11 .advaCon3 .tit{ width: 29%; height: 50px; margin: 85px auto 50px auto; border: 2px solid rgba( 7,146,243, 0.3); position: relative; border-top: 0; text-align: center;}
#Content11 .advaCon3 .tit::before{ content: ""; width: 20%; height: 2px; position: absolute; left: 0; background: rgba( 7,146,243, 0.3);}
#Content11 .advaCon3 .tit::after{ content: ""; width: 20%; height: 2px; position: absolute; right: 0; background: rgba( 7,146,243, 0.3);}
#Content11 .advaCon3 .tit .t1{ width: 100%; font-size: 36px; line-height: 36px; position: absolute; top: -16px; color: #333;}
#Content11 .advaCon3 .tit .t2{ width: 100%; position: absolute; bottom: -16px;}
#Content11 .advaCon3 .tit .t2 .inline{ font-size: 14px; padding: 0 30px; line-height: 30px; height: 30px; display: inline-block; background: #0792f3; text-transform: uppercase; color: #fff;}
#Content11 .advaCon3 .over{ width: 100%; overflow: hidden;}
#Content11 .advaCon3 .img{ width: 49%; float: left; line-height: 0;}
#Content11 .advaCon3 .text{ width: 49%; margin: -20px 0; float: right;}
#Content11 .advaCon3 .text .bg{ padding: 30px; margin: 20px 0; background: #f3f3f3;}
#Content11 .advaCon3 .text .bg1{ position: relative;}
#Content11 .advaCon3 .text .bg1::after{ content: ""; width: 0; height: 0; overflow: hidden; font-size: 0; line-height: 0; border-width: 10px; border-style: dashed solid dashed dashed; border-color: transparent #f3f3f3 transparent transparent; position: absolute; top: 50%; left: -20px; margin-top: -10px;}
#Content11 .advaCon3 .text .t1{ font-size: 18px; line-height: 20px; margin-bottom: 15px; font-weight: bold; color: #333;}
#Content11 .advaCon3 .text .t2{ font-size: 16px; line-height: 18px; color: #666;}
#Content11 .advaCon3 .text .t3{ font-size: 18px; line-height: 20px; font-weight: bold; margin: 50px 0 20px 0; color: #0792f3;}
@media screen and  (max-width:1599px){
#Content11 .advaCon3 .text .bg{ padding: 15px;}
#Content11 .advaCon3 .text .t3{ margin: 30px 0 20px 0;}
}
@media screen and  (max-width:1199px){
#Content11 .advaCon3 .text{ margin: -10px 0;}
#Content11 .advaCon3 .text .bg{ padding: 10px; margin: 10px 0;}
#Content11 .advaCon3 .text .t3{ margin: 25px 0 20px 0;}
}
@media screen and  (max-width:991px){
#Content11 .advaCon3 .tit{ width: 50%; height: 30px; margin: 60px auto 30px auto;}
#Content11 .advaCon3 .tit .t1{ font-size: 16px; line-height: 16px; top: -6px;}
#Content11 .advaCon3 .tit .t2 .inline{ font-size: 12px; padding: 0 10px; line-height: 26px; height: 26px;}
#Content11 .advaCon3 .img{ width: 100%;}
#Content11 .advaCon3 .text{ width: 100%; margin: 0;}
#Content11 .advaCon3 .text .t1{ font-size: 16px; margin-bottom: 5px;}
#Content11 .advaCon3 .text .t2{ font-size: 14px;}
#Content11 .advaCon3 .text .t3{ font-size: 16px; margin: 20px 0 10px 0;}
}
@media screen and  (max-width:767px){
#Content11 .advaCon3 .tit{ width: 80%; margin: 20px auto 25px auto;}
}
/* 3常规服务1 */
#List{ width: 100%; float: left;}
#List .subNav{ height: 62px; text-align: center; background: rgba( 255, 255, 255, 0.8); border-bottom: 1px solid #dadada;}
#List .subNav .u1{ display: inline-block; overflow: hidden;}
#List .subNav .l1{ margin: 0 25px; float: left;}
#List .subNav .l1 a{ font-size: 16px; height: 62px; line-height: 62px; padding: 0 10px; display: block;  color: #333; position: relative;}
#List .subNav .l1.on a,#List .subNav .l1:hover a{ color: #0792f3;}
#List .subNav .l1.on a::after,#List .subNav .l1:hover a::after{ content: ""; display: block; width: 100%; height: 3px; background: #0792f3; position: absolute; left: 0; bottom: -1px;}
#List .servList .u2{ width: 100%; padding: 5% 0 5% 0; overflow: hidden;}
#List .servList .l2{ width: 25%; padding: 5% 0; float: left; background: rgba( 245, 245, 247, 0.8);}
#List .servList .l2:nth-child(2),
#List .servList .l2:nth-child(4),
#List .servList .l2:nth-child(5),
#List .servList .l2:nth-child(7)
{ background: #ededef;}
#List .servList .l2 .img{ width: 130px; height: 130px; margin: 0 auto; border: 6px solid #c8def0; border-radius: 50%; line-height: 0;
background: -webkit-linear-gradient(left,#0792f3,#2645c3);
background: -o-linear-gradient(left,#0792f3,#2645c3);   
background: -moz-linear-gradient(left,#0792f3,#2645c3);   
background: -mos-linear-gradient(left,#0792f3,#2645c3);   
background: linear-gradient(left,#0792f3,#2645c3);
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
#List .servList .l2:hover .img{ transform:rotateY(180deg);}
#List .servList .l2 .line{ width: 30px; height: 1px; margin: 25px auto; background: #0792f3;}
#List .servList .l2 .tit{ font-size: 24px; line-height: 24px; height: 24px; text-align: center; font-weight: bold; overflow: hidden; color: #333;}
#List .servList .l2:hover{ background: rgba( 7,146,243, 0.8);}
#List .servList .l2:hover .line{ background: #fff;}
#List .servList .l2:hover .tit{ color: #fff;}
@media screen and  (max-width:1599px){

}
@media screen and  (max-width:1199px){

}
@media screen and  (max-width:991px){
#List .subNav{ height: 32px;}
#List .subNav .l1{ margin: 0 15px;}
#List .subNav .l1 a{ font-size: 14px; height: 32px; line-height: 32px; padding: 0 5px;}
#List .servList .l2 .tit{ font-size: 16px; line-height: 16px; height: 16px;}
}
@media screen and  (max-width:767px){
#List .servList .l2 .img{ width: 60px; height: 60px;}
#List .servList .l2 .line{ width: 20px; margin: 10px auto;}
#List .servList .l2 .tit{ font-size: 14px;}
}
/* 4详情 */
#Subpage{ width: 100%; float: left;}
#Subpage .subNav{ height: 62px; text-align: center; background: rgba( 255, 255, 255, 0.8); border-bottom: 1px solid #dadada;}
#Subpage .subNav .u1{ display: inline-block; overflow: hidden;}
#Subpage .subNav .l1{ margin: 0 25px; float: left;}
#Subpage .subNav .l1 a{ font-size: 16px; height: 62px; line-height: 62px; padding: 0 10px; display: block;  color: #333; position: relative;}
#Subpage .subNav .l1.on a,#Subpage .subNav .l1:hover a{ color: #0792f3;}
#Subpage .subNav .l1.on a::after,#Subpage .subNav .l1:hover a::after{ content: ""; display: block; width: 100%; height: 3px; background: #0792f3; position: absolute; left: 0; bottom: -1px;}
#Subpage .servCon .tit{ width: 29%; height: 50px; margin: 85px auto 50px auto; border: 1px solid rgba( 7,146,243, 0.3); position: relative; border-top: 0; text-align: center;}
#Subpage .servCon .tit::before{ content: ""; width: 20%; height: 1px; position: absolute; left: 0; background: rgba( 7,146,243, 0.3);}
#Subpage .servCon .tit::after{ content: ""; width: 20%; height: 1px; position: absolute; right: 0; background: rgba( 7,146,243, 0.3);}
#Subpage .servCon .tit .t1{ width: 100%; font-size: 36px; line-height: 36px; position: absolute; top: -16px; color: #333;}
#Subpage .servCon .tit .t2{ width: 100%; position: absolute; bottom: -16px;}
#Subpage .servCon .tit .t2 .inline{ font-size: 14px; padding: 0 30px; line-height: 30px; height: 30px; display: inline-block; background: #0792f3; text-transform: uppercase; color: #fff;}
#Subpage .servCon .info{ width: 78%; font-size: 18px; line-height: 32px; margin: 0 auto; text-align: center; color: #333;}
#Subpage .servCon .sx_fy{ width: 78%; font-size: 16px; padding: 20px 0; margin: 50px auto 0 auto; overflow: hidden; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9;}
#Subpage .servCon .sx_fy .l_fy{ width: 50%; line-height: 20px; float: left; border-right: 1px dashed #cccccc;}
#Subpage .servCon .sx_fy .r_fy{ width: 50%; line-height: 20px; float: right; text-align: right;}

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

}
@media screen and  (max-width:1199px){

}
@media screen and  (max-width:991px){
#Subpage .subNav{ height: 32px;}
#Subpage .subNav .l1{ margin: 0 15px;}
#Subpage .subNav .l1 a{ font-size: 14px; height: 32px; line-height: 32px; padding: 0 5px;}
#Subpage .servCon .tit{ width: 50%; height: 30px; margin: 60px auto 30px auto;}
#Subpage .servCon .tit .t1{ font-size: 16px; line-height: 16px; top: -6px;}
#Subpage .servCon .tit .t2 .inline{ font-size: 12px; padding: 0 10px; line-height: 26px; height: 26px;}
#Subpage .servCon .info{ font-size: 14px; line-height: 24px;}
#Subpage .servCon .sx_fy{ font-size: 14px; padding: 10px 0; margin: 30px auto 0 auto;}
}
@media screen and  (max-width:767px){
#Subpage .servCon .tit{ width: 80%; margin: 20px auto 25px auto;}
#Subpage .servCon .info{ width: 100%;}
#Subpage .servCon .sx_fy{ width: 100%; margin: 10px auto 0 auto;}
#Subpage .servCon .sx_fy .l_fy{ width: 100%; border-right: 0;}
#Subpage .servCon .sx_fy .r_fy{ width: 100%; float: left; text-align: left;}
}
/* 5智慧营销3 */
#List2{ width: 100%; float: left;}
#List2 .subNav{ height: 62px; text-align: center; background: rgba( 255, 255, 255, 0.8); border-bottom: 1px solid #dadada;}
#List2 .subNav .u1{ display: inline-block; overflow: hidden;}
#List2 .subNav .l1{ margin: 0 25px; float: left;}
#List2 .subNav .l1 a{ font-size: 16px; height: 62px; line-height: 62px; padding: 0 10px; display: block;  color: #333; position: relative;}
#List2 .subNav .l1.on a,#List2 .subNav .l1:hover a{ color: #0792f3;}
#List2 .subNav .l1.on a::after,#List2 .subNav .l1:hover a::after{ content: ""; display: block; width: 100%; height: 3px; background: #0792f3; position: absolute; left: 0; bottom: -1px;}
#List2 .markList .u2{ width: 100%; padding: 7.5% 0 5% 0; overflow: hidden;}
#List2 .markList .l2{ width: 33.3%; padding: 45px 0; float: left;}
#List2 .markList .l2 .img{ width: 148px; height: 148px; margin: 0 auto; background: rgba( 7,146,243, 0.3); border-radius: 50%; line-height: 0;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
#List2 .markList .l2:hover .img{ transform:rotateY(180deg); background: rgba( 213,46,52, 1);}
#List2 .markList .l2 .tit{ font-size: 24px; line-height: 24px; height: 24px; margin-top: 25px; text-align: center; overflow: hidden; color: #fff;}

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

}
@media screen and  (max-width:1199px){

}
@media screen and  (max-width:991px){
#List2 .subNav{ height: 32px;}
#List2 .subNav .l1{ margin: 0 15px;}
#List2 .subNav .l1 a{ font-size: 14px; height: 32px; line-height: 32px; padding: 0 5px;}
#List2 .markList .l2 .tit{ font-size: 16px; line-height: 16px; height: 16px; margin-top: 15px;}

}
@media screen and  (max-width:767px){
#List2 .markList .l2{ padding: 10px 0;}
#List2 .markList .l2 .img{ width: 80px; height: 80px;}
#List2 .markList .l2 .tit{ font-size: 14px;}
}
/* 6详情 */
#Subpage2{ width: 100%; float: left;}
#Subpage2 .subNav{ height: 62px; text-align: center; background: rgba( 255, 255, 255, 0.8); border-bottom: 1px solid #dadada;}
#Subpage2 .subNav .u1{ display: inline-block; overflow: hidden;}
#Subpage2 .subNav .l1{ margin: 0 25px; float: left;}
#Subpage2 .subNav .l1 a{ font-size: 16px; height: 62px; line-height: 62px; padding: 0 10px; display: block;  color: #333; position: relative;}
#Subpage2 .subNav .l1.on a,#Subpage2 .subNav .l1:hover a{ color: #0792f3;}
#Subpage2 .subNav .l1.on a::after,#Subpage2 .subNav .l1:hover a::after{ content: ""; display: block; width: 100%; height: 3px; background: #0792f3; position: absolute; left: 0; bottom: -1px;}
#Subpage2 .markCon .tit{ width: 29%; height: 50px; margin: 130px auto 50px auto; border: 1px solid rgba( 255, 255, 255, 0.3); position: relative; border-top: 0; text-align: center;}
#Subpage2 .markCon .tit::before{ content: ""; width: 20%; height: 1px; position: absolute; left: 0; background: rgba( 255, 255, 255, 0.3);}
#Subpage2 .markCon .tit::after{ content: ""; width: 20%; height: 1px; position: absolute; right: 0; background: rgba( 255, 255, 255, 0.3);}
#Subpage2 .markCon .tit .t1{ width: 100%; font-size: 36px; line-height: 36px; position: absolute; top: -16px; color: #fff;}
#Subpage2 .markCon .tit .t2{ width: 100%; position: absolute; bottom: -16px;}
#Subpage2 .markCon .tit .t2 .inline{ font-size: 14px; padding: 0 30px; line-height: 30px; height: 30px; display: inline-block; background: #0792f3; text-transform: uppercase; color: #fff;}
#Subpage2 .markCon .info{ width: 78%; font-size: 18px; line-height: 32px; margin: 0 auto; /*text-align: center;*/ color: #fff;}
#Subpage2 .markCon .sx_fy{ width: 78%; font-size: 16px; padding: 20px 0; margin: 50px auto 0 auto; overflow: hidden; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9;}
#Subpage2 .markCon .sx_fy .l_fy{ width: 50%; line-height: 20px; float: left; border-right: 1px dashed #cccccc;}
#Subpage2 .markCon .sx_fy .r_fy{ width: 50%; line-height: 20px; float: right; text-align: right;}

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

}
@media screen and  (max-width:1199px){

}
@media screen and  (max-width:991px){
#Subpage2 .subNav{ height: 32px;}
#Subpage2 .subNav .l1{ margin: 0 15px;}
#Subpage2 .subNav .l1 a{ font-size: 14px; height: 32px; line-height: 32px; padding: 0 5px;}
#Subpage2 .markCon .tit{ width: 50%; height: 30px; margin: 60px auto 30px auto;}
#Subpage2 .markCon .tit .t1{ font-size: 16px; line-height: 16px; top: -6px;}
#Subpage2 .markCon .tit .t2 .inline{ font-size: 12px; padding: 0 10px; line-height: 26px; height: 26px;}
#Subpage2 .markCon .info{ font-size: 14px; line-height: 24px;}
#Subpage2 .markCon .sx_fy{ font-size: 14px; padding: 10px 0; margin: 30px auto 0 auto;}
}
@media screen and  (max-width:767px){
#Subpage2 .markCon .tit{ width: 80%; margin: 20px auto 25px auto;}
#Subpage2 .markCon .info{ width: 100%;}
#Subpage2 .markCon .sx_fy{ width: 100%; margin: 10px auto 0 auto;}
#Subpage2 .markCon .sx_fy .l_fy{ width: 100%; border-right: 0;}
#Subpage2 .markCon .sx_fy .r_fy{ width: 100%; float: left; text-align: left;}
}
/* 7新闻动态 */
#List3{ width: 100%; float: left;}
#List3 .newsList .u1{ width: 100%; overflow: hidden;}
#List3 .newsList .l1{ width: 33.1%; margin: 15px 0.1%; padding: 30px 30px 0 30px; float: left;}
#List3 .newsList .l1 .img{ line-height: 0; overflow: hidden;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
#List3 .newsList .l1 .img img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align:middle;
-ms-interpolation-mode:bicubic;}
#List3 .newsList .l1:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
#List3 .newsList .l1 .text{ margin-top: 30px; width: 100%; overflow: hidden;}
#List3 .newsList .l1 .text .date{ /*width: 20.5%;*/ float: right; /*text-align: center;*/}
#List3 .newsList .l1 .text .date .date_r{ font-size: 48px; line-height: 40px; color: #333; font-weight: bold; font-family: "Open Sans";}
#List3 .newsList .l1 .text .date .date_ny{ font-size: 14px; line-height: 16px; /*margin-top: 15px;*/ color: #333; font-family: "Open Sans";}
#List3 .newsList .l1 .text .right{ width: 100%; float: right;}
#List3 .newsList .l1 .text .t1{float:left; font-size: 16px; line-height: 18px; height: 18px; overflow: hidden; color: #333; width: 70%;}
#List3 .newsList .l1 .text .t2{float:left; font-size: 14px; line-height: 22px; height: 44px; margin-top: 15px; overflow: hidden; color: #666; width:100%;}
#List3 .newsList .l1 .line{ margin-top: 40px; width: 100%; height: 1px; background: #e0e0e0;}
#List3 .newsList .l1:hover{ box-shadow: 0 0 10px #ccc;}
#List3 .newsList .l1:hover .line{ background: none;}
#List3 .newsList .l1:hover .text .date .date_r{ color: #0792f3;}
#List3 .newsList .l1:hover .text .date .date_ny{ color: #0792f3;}
#List3 .newsList .l1:hover .text .t1{ color: #0792f3;}
#List3 .newsList .wack1{ width: 100%; text-align: center;}
#List3 .newsList .pz_fy{ margin-top: 30px; display: inline-block; *display: inline; *zoom: 1;}
#List3 .newsList .pz_fy a { float: left; width: 38px; height: 38px; line-height: 36px; border: 1px solid #b1b1b1; color: #272727; font-size: 14px; font-family: Arial; margin: 0 5px;}
#List3 .newsList .pz_fy a:hover,
#List3 .newsList .pz_fy a.on { background: #0792f3; color:#fff; border: 1px solid #0792f3;}
#List3 .newsList .pz_fy .l2{ font-size: 12px; color: #666; width: 100px;} 
#List3 .newsList .pz_fy .l2:hover{ background-color: #0792f3; color: #fff; border: 1px solid #0792f3;}
#List3 .newsList .pz_fy .r2{ width: 100px; font-size: 12px; color: #666;} 
#List3 .newsList .pz_fy .r2:hover{ background-color: #0792f3; color: #fff; border: 1px solid #0792f3;}
@media screen and  (max-width:1599px){

}
@media screen and  (max-width:1199px){

}
@media screen and  (max-width:991px){
#List3 .newsList .l1{ width: 49%; margin: 5px 0.5%; padding: 10px 10px 0 10px;}
#List3 .newsList .l1 .text{ margin-top: 10px;}
#List3 .newsList .l1 .text .date{ /*width: 27.5%;*/ width:100%;}
#List3 .newsList .l1 .text .date .date_r{ font-size: 18px; line-height: 18px;}
#List3 .newsList .l1 .text .date .date_ny{ font-size: 12px; line-height: 12px; margin-top: 6px; }
/*#List3 .newsList .l1 .text .right{ width: 72.5%;}*/
#List3 .newsList .l1 .text .t1{ font-size: 16px; line-height: 16px; height: 16px; width:100%;}
#List3 .newsList .l1 .text .t2{ font-size: 14px; line-height: 22px; height: 44px; margin-top: 5px;}
#List3 .newsList .l1 .line{ margin-top: 10px;}
#List3 .newsList .fy_pc{ text-align: center; font-size: 14px; color: #272727; padding: 5px 0;}
#List3 .newsList .fy_pc a{ padding: 5px 25px; background: #0792f3; color: #fff; border: transparent; border-radius: 16px; overflow: hidden;}
#List3 .newsList .fy_pc span{ padding: 5px 25px; color: #272727;}
}
@media screen and  (max-width:767px){

}
/* 8新闻详情 */
#Subpage3{ width: 100%; float: left;}
#Subpage3 .newsCon .bg{ width: 100%; overflow: hidden; background: #f7f7f7;}
#Subpage3 .newsCon .left{ width: 73%; padding: 50px 60px; border-right: 1px solid #e5e5e5; float: left;}
#Subpage3 .newsCon .left .over{ width: 100%; overflow: hidden; border-bottom: 1px solid #e2e2e2;}
#Subpage3 .newsCon .left .zb{ float: left; max-width:80%;}
#Subpage3 .newsCon .left .tit{ font-size: 36px; line-height: 38px; color: #333;}
#Subpage3 .newsCon .left .time{ width: 100%; overflow: hidden; font-size: 14px; line-height: 18px; padding: 20px 0 25px 0; color: #444;}
#Subpage3 .newsCon .left .time span{ display: block; float: left;}
#Subpage3 .newsCon .left .time .s2{ margin: 0 20px 0 5px;}
#Subpage3 .newsCon .left .return{ float: right; margin-top: 30px; padding-left: 30px; font-size: 16px; color: #888; background: url(/template/theme/CN/1288_newscon3.png) no-repeat left center; background-size: 18px 18px;}
#Subpage3 .newsCon .left .return:hover{ text-decoration: underline;}
#Subpage3 .newsCon .left .info{ font-size: 16px; line-height: 34px; margin: 20px 0; color: #232323;}
#Subpage3 .newsCon .left .sx_fy{ float:left; width:100%; padding-top:7.82%; margin-top:3.13%; position:relative; background:url(/template/theme/CN/1288_newscon5.png) center top no-repeat;background-size: 100%;}
#Subpage3 .newsCon .left .sx_fy a{ float:left; width:50%; color:#232323; font-size:16px; line-height:24px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; text-transform:uppercase;}
#Subpage3 .newsCon .left .sx_fy a span{ font-size: 14px; font-weight:bold; color:#8b8b8b;}
#Subpage3 .newsCon .left .sx_fy a.l_fy{ padding-right:10px;}
#Subpage3 .newsCon .left .sx_fy a.r_fy{ float:right; text-align:right; padding-left:10px;}
#Subpage3 .newsCon .left .sx_fy a:hover,
#Subpage3 .newsCon .left .sx_fy a:hover span{ color:#0792f3;}
#Subpage3 .newsCon .left .sx_fy .dot{ font-size: 14px; width: 50px; height: 50px; line-height: 50px; position: absolute; top: 0; left: 50%; margin-left: -23px; text-align: center; border-radius: 50%; background: #0792f3; color: #fff;}
#Subpage3 .newsCon .right{ width: 27%; float: right; padding: 60px 30px;}
#Subpage3 .newsCon .right .t1{ font-size: 30px; line-height: 30px; padding-bottom: 30px; border-bottom: 1px solid #d4d4d4; color: #333;}
#Subpage3 .newsCon .right .l1{ padding: 30px 0; border-bottom: 1px dashed #c6c6c6;}
#Subpage3 .newsCon .right .l1 .bt{ font-size: 18px; line-height: 30px; color: #333;}
#Subpage3 .newsCon .right .l1 .time{ padding-left: 22px; font-size: 14px; margin-top: 10px; line-height: 18px; background: url(/template/theme/CN/1288_newscon1.png) no-repeat left center; color: #444;}
#Subpage3 .newsCon .right .l1:hover .bt{ color: #0792f3;}
@media screen and  (max-width:1599px){

}
@media screen and  (max-width:1199px){

}
@media screen and  (max-width:991px){
#Subpage3 .newsCon .left{ width: 100%; padding: 15px; border-right: 0; border-bottom: 1px solid #e5e5e5;}
#Subpage3 .newsCon .left .zb{ float: left; max-width:none; width:100%;}
#Subpage3 .newsCon .left .tit{ font-size: 16px; line-height: 18px;}
#Subpage3 .newsCon .left .time{ padding: 10px 0;}
#Subpage3 .newsCon .left .time .s2{ margin: 0 10px 0 5px;}
#Subpage3 .newsCon .left .return{ width: 100%; margin-top: 0; margin-bottom: 10px; padding-left: 30px; font-size: 14px;}
#Subpage3 .newsCon .left .info{ font-size: 14px; line-height: 24px; margin: 10px 0;}
#Subpage3 .newsCon .left .sx_fy .dot{ font-size: 12px; width: 30px; height: 30px; line-height: 30px; margin-left: -15px;}
#Subpage3 .newsCon .right{ width: 100%; padding: 15px 10px;}
#Subpage3 .newsCon .right .t1{ font-size: 16px; line-height: 16px; padding-bottom: 10px;}
#Subpage3 .newsCon .right .l1{ padding: 10px 0;}
#Subpage3 .newsCon .right .l1 .bt{ font-size: 16px; line-height: 20px;}
#Subpage3 .newsCon .right .l1 .time{ padding-left: 22px; font-size: 14px; margin-top: 10px; line-height: 18px; background: url(/template/theme/CN/1288_newscon1.png) no-repeat left center; color: #444;}
#Subpage3 .newsCon .left .sx_fy a{ font-size: 14px;}
}
@media screen and  (max-width:767px){

}
/* 9加入我们 */
#Content12{ width: 100%; float: left;}
#Content12 .joinList .u2{ width: 80%; margin: 0 auto; overflow: hidden;}
#Content12 .joinList .l2{ float: left; width: 100%; background: #f7f7f7; margin-bottom: 30px; position: relative; border-left: 3px solid #0792f3;}
#Content12 .joinList .l2 .tit{ float: left; width: 100%; padding: 25px 30px 27px 30px; cursor: pointer;}
#Content12 .joinList .l2 .tit .t1{ float: left; width: 100%;}
#Content12 .joinList .l2 .tit .t1 h1{ float: left; color: #0792f3; font-size: 24px; line-height: 34px;}
#Content12 .joinList .l2 .tit .t1 h5{ float: right; color: #808080; font-size: 14px; line-height: 34px;padding-right: 50px; position: relative;}
#Content12 .joinList .l2 .tit .t1 h5::after{ float: left; width: 28px; height: 15px; content: ''; background: url(/template/theme/CN/1289_join1.png) no-repeat center; background-size: cover; position: absolute; right:0; top:50%; margin-top:-7px;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}
#Content12 .joinList .l2 .tit .t2{ float:left; width:100%; color:#333333; font-size:14px; line-height:24px; margin-top:8px;}
#Content12 .joinList .l2 .tit.active .t1 h5::after{ transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg);} 
#Content12 .joinList .l2 .box{ display:none; float:left; width:100%; padding:0 40px 40px 30px;}
#Content12 .joinList .l2 .box .line{ float:left; width:100%; border-top:1px solid #e6e6e6; padding-top:19px; position:relative;}
#Content12 .joinList .l2 .box .p1{ float:left; width:100%; color:#666; font-size:16px; line-height:36px; font-weight:bold;}
#Content12 .joinList .l2 .box .p2{ float:left; width:100%; color:#4c4c4c; font-size:14px; line-height:34px; margin:0 0 35px 0;}
#Content12 .joinList .l2 .box .but{ float:left; width:100%;}
#Content12 .joinList .l2 .box .but a{ float:left; width:155px; height:40px; line-height:38px; color:#fff; font-size:18px; background:#0792f3; text-align:center; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;}
#Content12 .joinList .l2 .box .but a:hover{ opacity: 0.8;}
@media screen and  (max-width:1599px){

}
@media screen and  (max-width:1199px){
#Content12 .joinList .u2{ width: 100%;}
#Content12 .joinList .l2 .tit{ padding:20px 20px;}
}
@media screen and  (max-width:991px){
#Content12 .joinList .l2{ margin-bottom: 10px;}
#Content12 .joinList .l2{ border-left:2px solid #0792f3;}
#Content12 .joinList .l2 .tit{ padding:10px 15px;}
#Content12 .joinList .l2 .tit .t1 h1{ font-size:18px; line-height:28px;}
#Content12 .joinList .l2 .tit .t1 h5{ line-height:28px; background-size:20px 11px; padding-right:30px;}
#Content12 .joinList .l2 .tit .t2{  margin-top:2px;}
#Content12 .joinList .l2 .tit .t1 h5::after{ width:20px; height:11px;} 
#Content12 .joinList .l2 .box{ padding:0 15px 25px 15px;}
#Content12 .joinList .l2 .box .line{ padding-top:15px; }
#Content12 .joinList .l2 .box .p1{ line-height:30px; }
#Content12 .joinList .l2 .box .p2{ line-height:30px; margin:0 0 16px 0;}
#Content12 .joinList .l2 .box .but a{ width:120px; height:34px; line-height:32px;font-size:16px; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;}

}
@media screen and  (max-width:767px){
#Content12 .joinList .l2 .box .p2{ font-size:12px; line-height:24px;}
#Content12 .joinList .l2 .box .p1{ font-size:14px; line-height:26px;}
#Content12 .joinList .l2 .tit .t1 h1{ font-size:16px; line-height:24px;}
#Content12 .joinList .l2 .tit .t1 h5{ font-size:12px; line-height:24px;}
#Content12 .joinList .l2 .tit .t2{ font-size:12px; line-height:20px; margin-top:0;}
}
/* 10公司风采 */
#Content13{ width: 100%; float: left;}
#Content13 .elegList .l2{ margin: 120px 0; width: 100%; overflow: hidden;}
#Content13 .elegList .l2 .text{ width: 34%; float: left;}
#Content13 .elegList .l2 .text .tit{ width: 100%; overflow: hidden;}
#Content13 .elegList .l2 .text .t1{ font-size: 48px; line-height: 48px; height: 48px; margin-right: 10px; overflow: hidden; color: #333; float: left;}
#Content13 .elegList .l2 .text .t2{ font-size: 18px; line-height: 18px; height: 18px; margin: 25px 0 0 0; text-transform: uppercase; overflow: hidden; color: #888;}
#Content13 .elegList .l2 .text .info{ margin: 60px 0 80px 0; font-size: 18px; line-height: 38px; color: #666;}
#Content13 .elegList .l2 .text .line{ width: 30px; height: 4px; background: #0792f3;}
#Content13 .elegList .l2 .img{ width: 38%; float: right; line-height: 0; overflow: hidden;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
#Content13 .elegList .l2 .img img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align:middle;
-ms-interpolation-mode:bicubic;}
#Content13 .elegList .l2:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}

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

}
@media screen and  (max-width:1199px){
#Content13 .elegList .l2{ margin: 60px 0;}
}
@media screen and  (max-width:991px){
#Content13 .elegList .l2{ margin: 40px 0;}
#Content13 .elegList .l2 .text{ width: 45%;}
#Content13 .elegList .l2 .text .t1{ font-size: 18px; line-height: 18px; height: 18px;}
#Content13 .elegList .l2 .text .t2{ font-size: 16px; line-height: 16px; height: 16px; margin: 25px 0 0 0;}
#Content13 .elegList .l2 .text .info{ margin: 20px 0 30px 0; font-size: 14px; line-height: 24px;}
#Content13 .elegList .l2 .text .line{ width: 20px; height: 2px;}
#Content13 .elegList .l2 .img{ width: 40%;}
}
@media screen and  (max-width:767px){
#Content13 .elegList .l2{ margin: 20px 0;}
#Content13 .elegList .l2 .text{ width: 45%;}
#Content13 .elegList .l2 .text .t1{ font-size: 16px; line-height: 16px; height: 16px;}
#Content13 .elegList .l2 .text .t2{ font-size: 14px; line-height: 14px; height: 14px; margin: 2px 0 0 0;}
#Content13 .elegList .l2 .text .info{ margin: 10px 0 15px 0; font-size: 12px; line-height: 18px;}
#Content13 .elegList .l2 .text .line{ width: 20px; height: 2px;}
#Content13 .elegList .l2 .img{ width: 45%;}
}
/* 11联系我们 */
#Content14{ width: 100%; float: left;}
#Content14 .contCon .u1{ width: 102%; margin: 0 -1%; overflow: hidden;}
#Content14 .contCon .l1{ float: left; width: 31.3%; margin: 0 1%; padding: 40px 10px;}
#Content14 .contCon .l1 .ico{ width: 90px; height: 90px; line-height: 0; margin: 0 auto 30px auto;}
#Content14 .contCon .l1 .t1{ font-size: 16px; line-height: 30px; height: 90px; overflow: hidden; text-align: center; color: #fff;}
#Content14 .contCon .l1 .t2{ margin: 20px auto 15px auto; width: 14px; height: 14px; background: url(/template/theme/CN/1291_cont7.png) no-repeat center; background-size: cover;}
#Content14 .contCon .l1 .t3{ font-size: 18px; line-height: 18px; height: 18px; overflow: hidden; color: #fff; text-align: center;}
#Content14 .bdmap{ height: 680px; margin-top: 30px;}
@media screen and  (max-width:1599px){

}
@media screen and  (max-width:1199px){

}
@media screen and  (max-width:991px){
#Content14 .contCon .l1{ padding: 15px 5px;}
#Content14 .contCon .l1 .ico{ width: 40px; height: 40px; margin: 0 auto 10px auto;}
#Content14 .contCon .l1 .t1{ font-size: 14px; line-height: 20px; height: 60px;}
#Content14 .contCon .l1 .t2{ margin: 10px auto 5px auto; width: 10px; height: 10px;}
#Content14 .contCon .l1 .t3{ font-size: 14px; line-height: 14px; height: 14px;}
}
@media screen and  (max-width:767px){
#Content14 .contCon .u1{ width: 100%; margin: 0;}
#Content14 .contCon .l1{ width: 100%; margin: 0 0 10px 0;}
#Content14 .bdmap{ height: 340px; margin-top: 10px;}
}
/* 单页 */
#Content15{ width: 100%; float: left;}
#Content15 .info{ font-size: 16px; line-height: 30px;}
@media screen and  (max-width:1599px){

}
@media screen and  (max-width:1199px){

}
@media screen and  (max-width:991px){
#Content15 .info{ font-size: 14px; line-height: 24px;}    
}
@media screen and  (max-width:767px){

}