@charset "UTF-8";
input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
border:none;
padding:0;
margin:0;
}
img { border: 0; display: inline-block; }
.tran_scale { overflow: hidden; display: block; }
.tran_scale:hover img { -ms-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
.bx-wrapper .bx-viewport { background: transparent!important; border: 0!important; border-radius: initial!important; box-shadow: none!important; left: 0!important; }
.bx-loading { display: none; }
.mCustomScrollBox { padding-right: 20px; }
a { color: #333; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s; }
a.more { position: relative; }
a.more span { position: relative; z-index: 2; }
a.more:after { content: ''; position: absolute; top: 0; left: 0; width: 0; height: 100px; background: rgba(255,255,255,0.3); transition: all .3s; }
.no_touch a.more:hover:after { width: 100%; }
img.phone_img { display: none; }
@media only screen and (max-width: 767px) {
img.pc_img { display: none; }
img.phone_img { display: block; }
}
/*无图——图片的父级要加relative,要设置高度。padding-bottom:30%; #ff809a ——*/
.err_position { background: #ff809a; }
.err_position img { width: auto!important; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.tran_scale:hover a.err_position img { -ms-transform: translate(-50%, -50%)!important; -webkit-transform: translate(-50%, -50%)!important; -moz-transform: translate(-50%, -50%)!important; -o-transform: translate(-50%, -50%)!important; transform: translate(-50%, -50%)!important; }
body { font-size: 14px; overflow: hidden; height: 100%; margin: 0; background-size: cover; -ms-behavior: url(../images/backgroundsize.min.htc); behavior: url(../css/backgroundsize.min.htc); }
html, body { height: 100%; }
body.pd_body { margin: 0 auto; overflow: visible; overflow-x: hidden; }
body.w1200 { overflow: visible; height: auto; }
#section3 { background: #f6f6f6; }
#section3 .iScrollVerticalScrollbar { display: none; }
.s1_con { position: absolute; top: 50%; left: 0px; right: 0px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.s1_con .left_box { float: left; width: 50%; height: 555px; -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -o-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px); overflow: hidden; }
.about_logo { display: none; }
/*logo动画*/

    /*logo图标盒子*/
.box_logo { position: relative; width: 380px; height: 555px; float: right; overflow: hidden; opacity: 0; margin-right: 100px; }
/*舞台*/
.box_logo .box { width: 300px; height: 555px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-perspective: 800px; -moz-perspective: 800px; -ms-perspective: 800px; -o-perspective: 800px; perspective: 800px; }
/*容器*/
.box_logo .box .con { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; z-index: 1; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
/*动画加到容器上.start_turn*/
.box_logo .start_turn { -webkit-animation: photoRotate 1.2s ease-in-out; -moz-animation: photoRotate 1.2s ease-in-out; -ms-animation: photoRotate 1.2s ease-in-out; -o-animation: photoRotate 1.2s ease-in-out; animation: photoRotate 1.2s ease-in-out; }
.box_logo .con>div { float: left; position: relative; }
.box_logo .box0 { width: 30px; height: 383px; -webkit-transform: rotateY(0deg) translateZ(130px) skewY(30deg); -moz-transform: rotateY(0deg) translateZ(130px) skewY(30deg); -ms-transform: rotateY(0deg) translateZ(130px) skewY(30deg); -o-transform: rotateY(0deg) translateZ(130px) skewY(30deg); transform: rotateY(0deg) translateZ(130px) skewY(30deg); position: relative; opacity: 0; top: -50px; -webkit-transition: transform 0.5s ease-in-out; -moz-transition: transform 0.5s ease-in-out; -o-transition: transform 0.5s ease-in-out; -ms-transition: transform 0.5s ease-in-out; transition: transform 0.5s ease-in-out; }
.box_logo .box0_bg { position: absolute; top: 0px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: 30px; height: 100%; background: #000; -webkit-transition: transform 0.5s ease-in-out; -moz-transition: transform 0.5s ease-in-out; -ms-transition: transform 0.5s ease-in-out; -o-transition: transform 0.5s ease-in-out; transition: transform 0.5s ease-in-out; }
.box_logo .box1 { width: 30px; height: 306px; margin-top: 37px; position: relative; -webkit-transform: rotateY(-58deg) translateZ(130px); -moz-transform: rotateY(-58deg) translateZ(130px); -ms-transform: rotateY(-58deg) translateZ(130px); -o-transform: rotateY(-58deg) translateZ(130px); transform: rotateY(-58deg) translateZ(130px); opacity: 0; top: -50px; -webkit-transition: transform 0.5s ease-in-out; -moz-transition: transform 0.5s ease-in-out; -ms-transition: transform 0.5s ease-in-out; -o-transition: transform 0.5s ease-in-out; transition: transform 0.5s ease-in-out; }
.box_logo .box1_bg { position: absolute; top: 0px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: 90px; height: 100%; background: #f60; -webkit-transition: transform 0.5s ease-in-out; -moz-transition: transform 0.5s ease-in-out; -ms-transition: transform 0.5s ease-in-out; -o-transition: transform 0.5s ease-in-out; transition: transform 0.5s ease-in-out; }
.box_logo .box2 { width: 30px; height: 306px; margin-top: 37px; position: relative; -webkit-transform: rotateY(58deg) translateZ(130px); -moz-transform: rotateY(58deg) translateZ(130px); -ms-transform: rotateY(58deg) translateZ(130px); -o-transform: rotateY(58deg) translateZ(130px); transform: rotateY(58deg) translateZ(130px); opacity: 0; top: -50px; -webkit-transition: transform 0.5s ease-in-out; -moz-transition: transform 0.5s ease-in-out; -ms-transition: transform 0.5s ease-in-out; -o-transition: transform 0.5s ease-in-out; transition: transform 0.5s ease-in-out; }
.box_logo .box2_bg { position: absolute; top: 0px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: 90px; height: 100%; background: #7d7d7d; -webkit-transition: transform 0.5s ease-in-out; -moz-transition: transform 0.5s ease-in-out; -ms-transition: transform 0.5s ease-in-out; -o-transition: transform 0.5s ease-in-out; transition: transform 0.5s ease-in-out; }
.box_logo .box0.pos0 { -webkit-transform: rotateY(0deg) translateZ(100px) skewY(30deg); -moz-transform: rotateY(0deg) translateZ(100px) skewY(30deg); -ms-transform: rotateY(0deg) translateZ(100px) skewY(30deg); -o-transform: rotateY(0deg) translateZ(100px) skewY(30deg); transform: rotateY(0deg) translateZ(100px) skewY(30deg); }
.box_logo .box1.pos1 { width: 30px; height: 290px; margin-top: 45px; -webkit-transform: rotateY( -65deg ) translateZ(85px); -moz-transform: rotateY( -65deg ) translateZ(85px); -ms-transform: rotateY( -65deg ) translateZ(85px); -o-transform: rotateY( -65deg ) translateZ(85px); transform: rotateY( -65deg ) translateZ(85px); }
.box_logo .box1.pos1 .box1_bg { width: 110px; }
.box_logo .box2.pos2 { width: 30px; height: 290px; margin-top: 45px; -webkit-transform: rotateY( 65deg ) translateZ(85px); -moz-transform: rotateY( 65deg ) translateZ(85px); -ms-transform: rotateY( 65deg ) translateZ(85px); -o-transform: rotateY( 65deg ) translateZ(85px); transform: rotateY( 65deg ) translateZ(85px); }
.box_logo .box2.pos2 .box2_bg { width: 110px; }
.box_logo .text { font-size: 14px; position: absolute; width: 120px; }
.box_logo .text h3 { font-weight: normal; }
.box_logo .text i { font-size: 12px; color: #999; }
.box_logo .left .text { bottom: 45%; left: -90px; padding-left: 10px; }
.box_logo .left .text em { opacity: 0; }
.box_logo .left .text i { opacity: 0; position: relative; left: -33px; top: 20px; }
.box_logo .left .text span { display: inline-block; position: absolute; width: 0px; height: 1px; background: #f60; top: 100%; left: -1px; opacity: 0; }
.box_logo .center .text { bottom: -70px; left: -10px; }
.box_logo .center .text em { opacity: 0; }
.box_logo .center .text i { opacity: 0; position: relative; left: 0px; }
.box_logo .center .text span { display: inline-block; position: absolute; width: 20px; height: 1px; background: #000; top: 0%; left: 0; opacity: 0; }
.box_logo .right .text { bottom: 45%; right: -90px; }
.box_logo .right .text em { opacity: 0; float: right; position: relative; right: 10px; }
.box_logo .right .text i { opacity: 0; position: relative; float: right; top: 22px; right: -25px; }
.box_logo .right .text span { display: inline-block; position: absolute; width: 20px; height: 1px; background: #7d7d7d; top: 100%; right: -1px; opacity: 0; }
.box_logo .logo_text { width: 0px; height: 66px; line-height: 1.8; background: url(../images/about_tit.png) no-repeat; position: absolute; top: 53%; right: 54px; z-index: 999999999; -webkit-transform: translateZ(2000px); -moz-transform: translateZ(2000px); -ms-transform: translateZ(2000px); -o-transform: translateZ(2000px); transform: translateZ(2000px); }
 @-webkit-keyframes photoRotate { 0% {
 -webkit-transform: rotateY(0deg) translate(-50%, -50%);
}
 100% {
 -webkit-transform: rotateY(360deg) translate(-50%, -50%);
}
}
@-moz-keyframes photoRotate { 0% {
 -moz-transform: rotateY(0deg) translate(-50%, -50%);
}
 100% {
 -moz-transform: rotateY(360deg) translate(-50%, -50%);
}
}
@-o-keyframes photoRotate { 0% {
 -o-transform: rotateY(0deg) translate(-50%, -50%);
}
 100% {
 -o-transform: rotateY(360deg) translate(-50%, -50%);
}
}
@keyframes photoRotate { 0% {
 transform: rotateY(0deg) translate(-50%, -50%);
}
 100% {
 transform: rotateY(360deg) translate(-50%, -50%);
}
}
/*logo动画结束*/
/*ie,火狐下logo动画*/
.box_logo_2d { position: relative; width: 380px; height: 555px; float: right; overflow: hidden; margin-right: 130px; background: #f6f6f6; -webkit-transition: transform 0.5s ease-out; -moz-transition: transform 0.5s ease-out; -o-transition: transform 0.5s ease-out; -ms-transition: transform 0.5s ease-out; transition: transform 0.5s ease-out; }
.box_logo_2d .text_2d { position: relative; }
.box_logo_2d .text_2d h3 { font-size: 14px; position: absolute; width: 120px; top: 50%; font-weight: normal; }
.box_logo_2d .text_2d i { position: absolute; font-size: 12px; color: #999; }
.box_logo_2d .text_2d em { position: absolute; font-size: 12px; }
.box_logo_2d .text_2d span { display: inline-block; position: absolute; height: 1px; background: #7d7d7d; }
.box_logo_2d .box_left { position: absolute; left: 0px; top: 0px; opacity: 0; }
.box_logo_2d .box_left h3 { left: 47px; }
.box_logo_2d .box_left i { top: 20px; left: 0px; opacity: 0; }
.box_logo_2d .box_left em { left: 0px; opacity: 0; }
.box_logo_2d .box_left span { width: 0px; left: 0px; top: 20px; background: #f60; }
.box_logo_2d .box_right { position: absolute; right: 0px; top: 0px; opacity: 0; }
.box_logo_2d .box_right h3 { right: 47px; }
.box_logo_2d .box_right i { top: 20px; right: 0px; opacity: 0; }
.box_logo_2d .box_right em { right: 0px; opacity: 0; }
.box_logo_2d .box_right span { width: 0px; top: 20px; right: 0px; }
.box_logo_2d .box_center { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); top: 0; opacity: 0; z-index: 9; }
.box_logo_2d .box_center h3 { bottom: -15px; top: auto; left: 0px; opacity: 0; }
.box_logo_2d .box_center i { top: 0px; left: 15px; opacity: 0; }
.box_logo_2d .box_center em { top: 0px; left: 0px; }
.box_logo_2d .box_center span { display: none; }
.box_logo_2d .logo_text_2d { position: absolute; top: 280px; right: 50px; z-index: 10; opacity: 0; width: 0px; height: 70px; background: url(../images/logo_2d_text.png) no-repeat; }
.s1_con .right_box { position: absolute; left: 50%; top: 100px; float: right; width: 610px; z-index: 99; }
.right_box>h3 { height: 80px; position: relative; font-weight: normal; }
.right_box>h3 span { display: inline-block; position: absolute; bottom: 0px; left: 0px; width: 100px; height: 1px; background-color: #2e2d33; -webkit-transition: width 0.5s ease-out; -moz-transition: width 0.5s ease-out; -o-transition: width 0.5s ease-out; -ms-transition: width 0.5s ease-out; transition: width 0.5s ease-out; }
.right_box:hover>h3 span { width: 50px; }
.right_box div.p { color: #7d7d7d; line-height: 2; margin-top: 40px; }
.right_box div.more { margin-top: 90px; display: inline-block; overflow: hidden; }
.right_box div.more a { overflow: hidden; display: inline-block; width: 220px; height: 50px; line-height: 50px; text-align: center; border: 1px solid #7d7d7d; -webkit-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.150, 0.860); -moz-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.150, 0.860); -o-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.150, 0.860); -ms-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.150, 0.860); transition: all 0.6s cubic-bezier(0.785, 0.135, 0.150, 0.860); }
.right_box div.more a span { display: block; width: 100%; height: 50px; line-height: 50px; text-align: center; -webkit-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.150, 0.860) 100ms; -moz-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.150, 0.860) 100ms; -o-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.150, 0.860) 100ms; -ms-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.150, 0.860) 100ms; transition: all 0.6s cubic-bezier(0.785, 0.135, 0.150, 0.860) 100ms; position: relative; }
.right_box div.more a span:after { content: attr(data-tit); position: absolute; height: 50px; top: 0px; left: 0px; right: 0; color: transparent; -webkit-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.150, 0.860) 200ms; -moz-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.150, 0.860) 200ms; -o-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.150, 0.860) 200ms; -ms-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.150, 0.860) 200ms; transition: all 0.6s cubic-bezier(0.785, 0.135, 0.150, 0.860) 200ms; -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); -o-transform: translate(0, 100%); -ms-transform: translate(0, 100%); transform: translate(0, 100%); }
.right_box div.more a:hover span { color: transparent; -webkit-transform: translate(0, -100%); -moz-transform: translate(0, -100%); -ms-transform: translate(0, -100%); -o-transform: translate(0, -100%); transform: translate(0, -100%); }
.right_box div.more a:hover { border: 1px solid #f60; }
.right_box div.more a:hover span:after { background-color: #f60; color: #fff; }
@media only screen and (max-width: 1600px) {
.box_logo { margin-right: 80px; }
.right_box>h3 { height: 60px; }
.right_box div.p { margin-top: 20px; }
.right_box div.more { margin-top: 50px; }
.right_box div.more a { width: 160px; height: 40px; line-height: 40px; }
.right_box div.more a span { height: 40px; line-height: 40px; }
.right_box div.more a span:after { height: 40px; }
}
@media only screen and (max-width: 1366px) {
.box_logo { margin-right: 0px; }
.box_logo .box0 { height: 286px; -webkit-transform: rotateY(0deg) translateZ(122px) skewY(30deg); -moz-transform: rotateY(0deg) translateZ(122px) skewY(30deg); -o-transform: rotateY(0deg) translateZ(122px) skewY(30deg); -ms-transform: rotateY(0deg) translateZ(122px) skewY(30deg); transform: rotateY(0deg) translateZ(122px) skewY(30deg); }
.box_logo .box0_bg { width: 27px; }
.box_logo .box1 { height: 230px; margin-top: 26px; -webkit-transform: rotateY( -65deg ) translateZ(122px); -o-transform: rotateY( -65deg ) translateZ(122px); -moz-transform: rotateY( -65deg ) translateZ(122px); -ms-transform: rotateY( -65deg ) translateZ(122px); transform: rotateY( -65deg ) translateZ(122px); }
.box_logo .box1_bg { width: 120px; }
.box_logo .box2 { height: 230px; margin-top: 26px; -webkit-transform: rotateY( 65deg ) translateZ(122px); -moz-transform: rotateY( 65deg ) translateZ(122px); -ms-transform: rotateY( 65deg ) translateZ(122px); -o-transform: rotateY( 65deg ) translateZ(122px); transform: rotateY( 65deg ) translateZ(122px); }
.box_logo .box2_bg { width: 120px; }
.box_logo .box0.pos0 { -webkit-transform: rotateY(0deg) translateZ(122px) skewY(30deg); -moz-transform: rotateY(0deg) translateZ(122px) skewY(30deg); -ms-transform: rotateY(0deg) translateZ(122px) skewY(30deg); -o-transform: rotateY(0deg) translateZ(122px) skewY(30deg); transform: rotateY(0deg) translateZ(122px) skewY(30deg); }
.box_logo .box1.pos1 { height: 239px; margin-top: 22px; -webkit-transform: rotateY( -70deg ) translateZ(53px); -moz-transform: rotateY( -70deg ) translateZ(53px); -o-transform: rotateY( -70deg ) translateZ(53px); -ms-transform: rotateY( -70deg ) translateZ(53px); transform: rotateY( -70deg ) translateZ(53px); }
.box_logo .box1.pos1 .box1_bg { width: 130px; }
.box_logo .box2.pos2 { height: 239px; margin-top: 22px; -webkit-transform: rotateY( 70deg ) translateZ(56px); -moz-transform: rotateY( 70deg ) translateZ(56px); -o-transform: rotateY( 70deg ) translateZ(56px); -ms-transform: rotateY( 70deg ) translateZ(56px); transform: rotateY( 70deg ) translateZ(56px); }
.box_logo .box2.pos2 .box2_bg { width: 130px; }
.box_logo .center .text { bottom: -60px; }
.box_logo .logo_text { right: 90px; background: url(../images/about_tit_1366.png) no-repeat; height: 48px; }
.s1_con .right_box { top: 150px; width: 520px; }
.box_logo_2d { margin-right: 30px; }
}
@media only screen and (max-width: 1200px) {
#section3 { height: auto!important; }
.box_logo { display: none; }
.box_logo_2d { display: none; }
.about_logo { display: block; text-align: center; width: 50%; margin: 0 auto; }
.about_logo img { max-width: 100%; }
.s1_con .left_box { width: 40%; -webkit-transform: translateX(45px); -moz-transform: translateX(45px); -ms-transform: translateX(45px); transform: translateX(45px); height: auto; }
.s1_con .right_box { width: 40%; top: 30px; }
#bg-animation { height: 600px!important; width: 100%!important; }
.right_box>h3 { height: 50px; }
.right_box>div.p { line-height: 1.5; margin-top: 15px; }
}
@media only screen and (max-width: 1100px) {
.right_box div.more { margin-top: 20px; width: 120px; }
.right_box div.more a { height: 30px; line-height: 30px; width: 100%; box-sizing: border-box; }
.right_box div.more a span { height: 30px; line-height: 29px; font-size: 12px; }
.right_box div.more a span:after { height: 30px; }
}
@media only screen and (max-width: 1024px) {
#bg-animation { height: 500px!important; }
}
@media only screen and (max-width: 768px) {
.right_box>h3 { height: auto; padding-bottom: 15px; line-height: 1.2; }
#bg-animation { opacity: 0; }
}
@media only screen and (max-width: 700px) {
.s1_con { top: 0%; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); position: static; padding-bottom: 30px; }
.s1_con .left_box { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); float: none; margin: 30px auto; }
.s1_con .right_box { width: 100%; position: static; left: 0; padding: 0 20px; box-sizing: border-box; }
#bg-animation { display: none; }
}
/*内页 样式 */
h3 p.f_title { line-height: 0.9; }
h3 span.line { display: block; height: 1px; width: 100px; }
.cl_box { position: relative; z-index: 9; }
.cl_con01 { height: 700px; background: #f6f6f6 url(../images/cl_c01_bg.jpg) no-repeat center top; position: fixed; top: 0px; left: 0px; right: 0; z-index: 1; }
.cl_con01 .cl_c01_bg { width: 100%; position: absolute; top: 0px; right: 0px; bottom: 0px; background: #f6f6f6; z-index: 0; }
.cl_con01 h3 { z-index: 5; text-align: center; width: 840px; margin: 170px auto 0; position: relative; }
.cl_con01 h3 p { color: #000; }
.cl_con01 h3 span.line { margin-left: auto; margin-right: auto; width: 100px; background: #262626; }
.cl_con01 .p { position: relative; z-index: 5; text-align: center; width: 840px; margin-left: auto; margin-right: auto; color: #7d7d7d; }
.brand_con01 .commer_c01_bg { position: absolute; z-index: 2; height: 0; padding-bottom: 30%; width: 69%; bottom: 0; left: 0px; clip: rect(0px, 1920px, 1000px, 0px); background-size: cover!important; }
.brand_con01 .commer_c01_bg.commer_ani { -webkit-animation: animateOne linear 4s; -ms-animation: animateOne linear 4s; animation: animateOne linear 4s; }
@media only screen and (min-width: 1950px) {
.brand_con01 .commer_c01_bg { width: 62%; padding-bottom: 27%; clip: rect(0px, 1920px, 1000px, 0px); }
}
@media only screen and (max-width: 1440px) {
.brand_con01 .commer_c01_bg { width: 87%; padding-bottom: 40%; }
}
@media only screen and (max-width: 1200px) {
.cl_con01 { height: 550px; }
.cl_con01 h3 { margin-top: 150px; }
}
@media only screen and (max-width: 900px) {
.cl_con01 { height: 400px; }
.cl_con01 .p { width: 100%; box-sizing: border-box; padding: 0 20px; }
.cl_con01 h3 { margin-top: 80px; width: 100%; }
}
@media only screen and (max-width: 767px) {
.cl_con01 { position: relative!important; height: auto; padding-bottom: 90px; }
.cl_con01 h3 { margin-top: 40px; }
.cl_con01 .p br { display: none; }
}
.commer_con01 { height: 700px; background: url(../images/com_con01_bg.jpg) no-repeat center top; overflow: hidden; }
.commer_con01 h3 p { color: #fff; }
.commer_con01 h3 span.line { background: #fff; }
.commer_con01 .p { color: #e4e4e4; width: 850px; }
.commer_con01 .commer_c01_bg { position: absolute; z-index: 2; height: 0; padding-bottom: 25%; width: 81%; bottom: 0; right: 0px; clip: rect(0px, 2920px, 1000px, 0px); background-size: cover!important; }
@media only screen and (max-width: 1440px) {
.commer_con01 .commer_c01_bg { bottom: 15%; }
}
.ipadPro1024 .commer_con01 .commer_c01_bg { bottom: 0; }
.commer_con01 .commer_c01_bg.commer_ani { -webkit-animation: animateOne linear 4s; -ms-animation: animateOne linear 4s; animation: animateOne linear 4s; }
@-webkit-keyframes animateOne { 0% {
 clip: rect(0px, 0px, 1100px, 0px);
}
 100% {
 clip: rect(0px, 2920px, 1100px, 0px);
}
}
@keyframes animateOne { 0% {
 clip: rect(0px, 0px, 1100px, 0px);
}
 100% {
 clip: rect(0px, 2920px, 1100px, 0px);
}
}
.activ_con01 { background: url(../images/active_con01_bg.jpg) no-repeat center top; }
.activ_con01 .commer_c01_bg { padding-bottom: 28.5%; bottom: -32px; }
/*@media only screen and (max-width: 1440px){
  .activ_con01 .commer_c01_bg{bottom:10%;}
}*/
.ipadPro1024 .activ_con01 .commer_c01_bg { bottom: 0; }
@media only screen and (max-width: 1200px) {
.commer_con01 { height: 550px; }
.commer_con01 h3 { margin-top: 150px; }
.commer_con01 .commer_c01_bg { bottom: 0; }
}
@media only screen and (max-width: 900px) {
.commer_con01 { height: 400px; }
.commer_con01 .p { width: 100%; box-sizing: border-box; padding: 0 10px; }
.commer_con01 h3 { margin-top: 80px; width: 100%; padding: 0 20px; box-sizing: border-box; }
}
@media only screen and (max-width: 767px) {
.commer_con01 { position: relative!important; margin-top: 70px; height: auto; padding-bottom: 50px; top: 0px!important; }
.commer_con01 h3 { margin-top: 50px; }
.commer_con01 h3 p.f_title { line-height: 1.2; }
.commer_con01 .p br { display: none; }
}
.cl_con02 { height: 700px; background: #262626 url(../images/cl_logo_bg.jpg) no-repeat center; }
.commer_con02 { background: #fff; }
.cl_con02 .cl_c02_logo { float: left; position: relative;/*top:-60px;*/ /*入场动画*/ top: 0px; opacity: 0; }
.cl_con02 .cl_c02_text { float: right; width: 560px; /*入场动画*/ position: relative; left: -20px; opacity: 0; }
.cl_con02 .cl_c02_text h3 { color: #fff; line-height: 1; margin-top: 120px; position: relative; }
.cl_con02 .cl_c02_text h3 p { display: inline-block; }
.cl_con02 .cl_c02_text h3 em.en { color: #cecece; padding-left: 15px; }
.cl_con02 .cl_c02_text h3 span.line { background: #7d7d7d; width: 100px; }
.cl_con02 .cl_c02_text div.p { color: #cecece; }
.cl_con02 .cl_c02_bottom { margin-top: 30px; }
.cl_con02 .cl_c02_bottom dl:first-child { margin-left: 20px; }
.cl_con02 .cl_c02_bottom dl { float: left; width: 125px; text-align: center; margin-left: 135px; position: relative; /*入场动画*/ top: 10px; opacity: 0; }
.cl_con02 .cl_c02_bottom dl dd { margin-top: 25px; line-height: 1; color: #cecece; }
.p_f_02 .cl_con02 { position: fixed; z-index: 2; left: 0; top: 0; right: 0; margin-top: 0 !important; }
.commer_con02 .wrap { position: relative; }
.commer_con02 .text { position: absolute; top: 40px; left: 0px; width: 590px; opacity: 0; }
.commer_con02 .text h3 em.en { color: #7d7d7d; line-height: 0.8; display: inline-block; }
.commer_con02 .text h3 span.line { background: #cecece; }
.commer_con02 .text div.p { color: #7d7d7d; }
.commer_con02 .map_bg { text-align: right; position: relative; top: 250px; }
.commer_con02 .map_bg p { position: absolute; width: 97px; height: 97px; text-align: center; z-index: 9; }
.commer_con02 .map_bg p.p1 { top: 25%; left: 16%; }
.commer_con02 .map_bg p.p2 { top: 15%; left: 37%; }
.commer_con02 .map_bg p.p3 { top: -4%; left: 57%; }
.commer_con02 .map_bg p.p4 { top: 26%; left: 67%; }
.commer_con02 .map_bg p.p5 { top: 20%; left: 90%; }
.commer_con02 .map_bg p span { display: inline-block; font-size: 16px; margin-top: 10px; }
.commer_con02 .map_bg>img { -webkit-animation: rotateX 10s linear infinite; -moz-animation: rotateX 10s linear infinite; -ms-animation: rotateX 10s linear infinite; animation: rotateX 10s linear infinite; }
 @-webkit-keyframes rotateX { 0% {
 transform:rotate(0deg);
}
 100% {
 transform:rotate(360deg);
}
}
@keyframes rotateX { 0% {
 transform:rotate(0deg);
}
 100% {
 transform:rotate(360deg);
}
}
@media only screen and (max-width: 1440px) {
.commer_con02 .map_bg { top: 165px; }
}
@media only screen and (max-width: 1366px) {
.cl_con02 .cl_c02_logo { width: 450px; }
.cl_con02 .cl_c02_logo img { width: 100%; }
.cl_con02 .cl_c02_text { width: 600px; }
.cl_con02 .cl_c02_text h3 { margin-top: 70px;}
.cl_con02 .cl_c02_bottom { margin-top: 0; }
.commer_con02 .text { width: 500px; }
}
@media only screen and (max-width: 1200px) {
.cl_con02 { height: 550px; }
.cl_con02 .cl_c02_bottom dl { width: 20%; margin: 0; }
.cl_con02 .cl_c02_bottom dl:first-child { margin: 0; }
.cl_con02 .cl_c02_text { width: 50%; padding-right: 50px; box-sizing: border-box; }
.commer_con02 .text { left: 40px; }
.commer_con02 .map_bg p.p1 { top: 16%; }
.commer_con02 .map_bg p.p2 { top: 12%; }
.commer_con02 .map_bg p.p3 { left: 52%; }
.commer_con02 .map_bg p.p4 { top: 12%; }
.commer_con02 .map_bg p.p5 { top: 8%; left: 81%; }
}
@media only screen and (max-width: 900px) {
.cl_con02 { height: 500px; }
.cl_con02 .cl_c02_logo { width: 50%; top: -30px!important; }
.cl_con02 .cl_c02_text { width: 50%; box-sizing: border-box; padding: 0 20px; float: left; }
.commer_con02 .text { width: 300px; }
.commer_con02 .map_bg p.p5 { top: -2%; }
.commer_con02 .map_bg p.p4 { top: 8%; }
}
@media only screen and (max-width: 767px) {
.cl_con02 { height: auto; padding-bottom: 30px; }
.cl_con02 .cl_c02_logo { float: none; top: 0!important; }
.cl_con02 .cl_c02_text { width: 100%; float: none; }
.cl_con02 .cl_c02_text h3 { margin-top: 30px; }
.cl_con02 .cl_c02_bottom { margin-top: 20px; }
.cl_con02 .cl_c02_bottom dl dt { width: 50%; margin: 0 auto; }
.cl_con02 .cl_c02_bottom dl dt img { max-width: 100%; }
.cl_con02 .cl_c02_bottom dl dd { font-size: 12px; line-height: 1.2; }
.commer_con02 { height: auto; }
.commer_con02 .text { position: static; margin: 40px 0 0 0px; padding-left: 20px; box-sizing: border-box; }
.commer_con02 .map_bg { position: static; margin-top: 30px; }
.commer_con02 .map_bg p { position: static; float: left; width: 20%; }
.commer_con02 .map_bg p img { max-width: 80%; }
.commer_con02 .map_bg p span { font-size: 12px; display: block; }
.commer_con02 .map_bg>img { display: none; }
}
.cl_con03 { height: 700px; background: #e4e4e4; }
.cl_con03 .cl_c03_text { width: 550px; margin: 80px auto 0; text-align: center; }
.cl_con03 .cl_c03_text h3 { position: relative;/*入场动画*/ top: 10px; opacity: 0; }
.cl_con03 .cl_c03_text h3 p { color: #262626; }
.cl_con03 .cl_c03_text h3 span.line { margin-left: auto; margin-right: auto; background: #383838; }
.cl_con03 .cl_c03_text div.p { color: #7d7d7d; position: relative;/*入场动画*/ top: 10px; opacity: 0; }
.c03_bottom_line { width: 17%; height: 1px; background: #acacac; position: absolute; }
.commer_con03 .c03_bottom_line { bottom: 303px; }
.brand_con03 .c03_bottom_line { bottom: 302px; }
.left_line { left: 0px; }
.left_line span { display: inline-block; background: #f60; width: 0%; height: 100%; position: absolute; }
.right_line { right: 0px; }
.right_line span { display: inline-block; background: #f60; width: 0%; height: 100%; position: absolute; }
.cl_c03_bottom { margin-top: 90px; position: relative; }
.cl_c03_bottom .c03_lay { width: 1020px; margin: 0 auto; }
.cl_c03_bottom dl { width: 240px; float: left; position: relative; display: inline-block; }
.cl_c03_bottom dl dt { height: 51px; line-height: 51px; width: 51px; margin-left: 4px; position: relative; }
.cl_c03_bottom dl dt img { vertical-align: middle; }
.cl_c03_bottom dl dt em { position: absolute; left: 0px; top: 0; width: 0px; overflow: hidden; }
.cl_c03_bottom dl dd.dian { border: 1px solid #acacac; width: 18px; height: 18px; border-radius: 100%; position: relative; margin: 20px 0 20px 18px; }
.cl_c03_bottom dl dd.dian span { display: inline-block; position: absolute; left: 3px; top: 3px; width: 12px; height: 12px; border-radius: 100%; background: #acacac; }
.cl_c03_bottom dl dd.line { width: 86%; height: 1px; background: #acacac; position: absolute; top: 80px; left: 45px; }
.cl_c03_bottom dl dd.line span { position: absolute; background: #f60; display: inline-block; width: 0%; height: 1px; }
.cl_c03_bottom dl dd.text { width: 60px; }
.cl_c03_bottom dl:last-child { width: auto; }
.cl_c03_bottom dl:last-child dd.line { display: none; }
.p_f_03 .cl_con03 { position: fixed; z-index: 3; left: 0; top: 0; right: 0; margin-top: 0 !important; }
.commer_con03 { background: url(../images/commer_con03_bg.jpg) no-repeat center top; }
.commer_con03 .cl_c03_text { width: 700px; }
.commer_con03 .cl_c03_text h3 { }
.commer_con03 .cl_c03_text h3 p { color: #fff; }
.commer_con03 .cl_c03_text h3 span.line { background: #fff; }
.commer_con03 .cl_c03_text div.p { color: #ccc; }
.commer_con03 dl { width: 236px; }
.commer_con03 dl dt { height: 54px; width: 67px; }
.commer_con03 dl dd.text { height: 54px; line-height: 54px; width: 80px; color: #fff; margin-left: -5px; }
.commer_con03 dl dd.dian { width: 5px; height: 5px; background: #cdcdcd; border: 0; margin: 24px 0 20px 25px; }
.commer_con03 dl dd.dian span { width: 1px; height: 30px; border-left: 1px dashed #fff; border-radius: 0; left: 2px; top: 10px; background: transparent; }
.commer_con03 dl dd.line { left: 30px; width: 100%; }
.commer_con03 dl:nth-child(2) dd.dian span { top: -35px; }
.commer_con03 dl:nth-child(3) dt { margin-left: -8px; }
.commer_con03 dl:nth-child(4) dd.dian span { top: -35px; }
.commer_con03 dl:nth-child(4) dd.text { margin-left: -10px; }
.commer_con03 dl:nth-child(5) dt { margin-left: -6px; }
.commer_con03 dl:nth-child(5) dd.text { margin-left: -10px; }
.xq_bnt { text-align: center; margin-top: 70px; }
.xq_bnt a { display: inline-block; width: 280px; height: 50px; line-height: 50px; text-align: center; border: 1px solid #f60; border-radius: 10px; }
.xq_bnt a img { margin-top: 13px; }
 @media only screen and (max-width: 1600px) {
.commer_con03 .c03_bottom_line { bottom: 297px; }
.brand_con03 .c03_bottom_line { bottom: 308px; }
}
@media only screen and (max-width: 1366px) {
.cl_con03 .cl_c03_text { margin-top: 50px; }
.cl_c03_bottom { margin-top: 50px; }
.commer_con03 .c03_bottom_line { bottom: 379px; }
.isIe .commer_con03 .c03_bottom_line { bottom: 363px; }
.brand_con03 .c03_bottom_line { bottom: 379px; }
.xq_bnt { margin-top: 40px; }
}
@media only screen and (max-width: 1200px) {
.cl_con03 { height: 550px; }
.cl_c03_bottom { margin-top: 20px; }
.cl_c03_bottom .c03_lay { width: 100%; padding: 0 40px; box-sizing: border-box; }
.brand_con03 .c03_bottom_line {/*bottom: 310px*/ display: none; }
.commer_con03 .c03_bottom_line { bottom: 200px; }
.commer_con03 dl { width: 23%; }
}
@media only screen and (max-width: 1100px) {
.commer_con03 .c03_bottom_line { bottom: 289px; }
}
@media only screen and (max-width: 1024px) {
.cl_c03_bottom dl { width: 22%; }
.cl_c03_bottom .c03_lay { transform: translateX(30px); }
.commer_con03 .c03_bottom_line { bottom: 197px; }
}
@media only screen and (max-width: 900px) {
.cl_con03 { height: 500px; }
.cl_c03_bottom .c03_lay { transform: translateX(20px); }
.commer_con03 .c03_bottom_line { bottom: 255px; }
}
@media only screen and (max-width: 767px) {
.xq_bnt { margin-top: 30px; }
.xq_bnt a { width: 190px; height: 45px; line-height: 45px; }
.xq_bnt a img { margin-top: 10px; }
.cl_con03 { height: auto; padding-bottom: 30px; }
.cl_con03 .cl_c03_text { width: 100%; padding: 0 20px; box-sizing: border-box; margin-top: 50px; }
.cl_c03_bottom .c03_lay { padding: 0; transform: translateX(12px); }
.cl_c03_bottom { margin-top: 20px; }
.cl_c03_bottom dl { width: 20%; margin-bottom: 20px; }
.cl_c03_bottom dl dt { width: 35px; margin-left: 12px; }
.cl_c03_bottom dl dt em { width: 35px!important; opacity: 0; }
.cl_c03_bottom dl dt img { width: 100%; }
.brand_con03 .cl_c03_bottom dl dd.line { width: 70%; top: 70px; left: 41px; }
.brand_con03 .cl_c03_bottom dl dd.dian { margin: 12px 0 12px 22px; width: 12px; height: 12px; }
.brand_con03 .cl_c03_bottom dl dd.dian span { width: 8px; height: 8px; top: 2px; left: 2px; }
.cl_c03_bottom dl dd.text { font-size: 12px; text-align: center; }
.brand_con03 .c03_bottom_line { bottom: 223px; display: none; }
.brand_con03 .c03_bottom_line.right_line { bottom: 91px; width: 40px!important; }
.cl_c03_bottom { overflow: hidden; }
.commer_con03 .c03_bottom_line.right_line { bottom: 116px; width: 155px!important; }
.commer_con03 .c03_bottom_line { bottom: 269px; display: none; }
.commer_con03 h3 p.f_title { line-height: 1.2; }
.commer_con03 dl dt { width: 35px; }
.commer_con03 dl dd.text { margin: 0; }
/*.commer_con03 dl dd.line{left:22px;top:66px;}*/
.commer_con03 .cl_c03_bottom dl { width: 20%; }
.commer_con03 .cl_c03_bottom dl dt em { width: 35px!important; opacity: 0; }
.commer_con03 .cl_c03_bottom dl dt img { width: 100%; }
.commer_con03 .cl_c03_bottom dl dd { font-size: 12px; }
.commer_con03 .cl_c03_bottom dl dd.line { width: 100%; }
.commer_con03 .cl_c03_bottom .c03_lay { padding: 0; }
.commer_con03 dl dd.dian span { top: 5px; }
.commer_con03 dl:nth-child(2) dd.dian span { top: -30px; }
.commer_con03 dl:nth-child(4) dd.dian span { top: -30px; }
.commer_con03 dl:nth-child(3) dt { margin-left: 11px; }
.commer_con03 dl:nth-child(5) dt { margin-left: 11px; }
.commer_con03 .c03_lay { transform: translateX(8px); }
.commer_con03 dl dd.text { margin-left: 0!important; }
.commer_con03 dl:nth-child(1) dd.text { margin-left: -12px!important; }
.commer_con03 dl:nth-child(2) dd.text { margin-left: -12px!important; }
.commer_con03 dl:nth-child(3) dd.text { margin-left: -12px!important; }
.commer_con03 dl:nth-child(4) dd.text { margin-left: -12px!important; }
.commer_con03 dl:nth-child(5) dd.text { margin-left: -12px!important; }
}
@media only screen and (max-width: 375px) {
.brand_con03 .c03_lay { transform: translateX(8px); }
.commer_con03 .c03_lay { transform: translateX(12px); }
}
@media only screen and (max-width: 320px) {
.cl_c03_bottom dl dd.line { width: 60%; }
.brand_con03 .c03_lay { transform: translateX(3px); }
.commer_con03 .c03_lay { transform: translateX(3px); }
}
.ipadPro1366 .commer_con03 .c03_bottom_line { bottom: 197px; }
.ipadPro1024 .commer_con03 .c03_bottom_line { bottom: 305px; }
.cl_con04>div { position: relative; }
.cl_con04>div .text { position: absolute; z-index: 5; }
.cl_con04>div .text p { margin-top: 10px; }
.cl_con04 .cl_con04_img { height: 700px; overflow: hidden; }
.cl_con04 .cl_con04_img .text { color: #fff; left: 65%; top: 50%; }
.cl_con04 .cl_con04_img a { display: block; width: 100%; height: 100%; background-position: center top; background-repeat: no-repeat; background-color: #2a2a2a; position: relative; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; box-sizing: border-box; }
.cl_con04 .cl_con04_img a:hover { -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); }
.cl_con04 .cl_con05_img { height: 700px; overflow: hidden; }
.cl_con04 .cl_con05_img .text { width: 225px; height: 70px; padding: 35px 60px; background: rgba(0,0,0,0.8); color: #fff; left: 20%; top: 50%; }
.commer_con04 .cl_con04_img .text { left: 20%; }
.commer_con04 .cl_con05_img .text { left: 65%; }
.cl_con04 .cl_con05_img a { display: block; width: 100%; height: 100%; background-position: center top; background-repeat: no-repeat; background-color: #c9c9cb; position: relative; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; box-sizing: border-box; }
.cl_con04 .cl_con05_img a:hover { -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); }
.cl_con04 .cl_con06_a { background: #fff; text-align: center; }
.cl_con04 .cl_con06_a a { color: #131313; line-height: 1; display: inline-block; width: 100%; padding: 105px 0; }
.cl_con04 .cl_con06_a:hover { background: #f60; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; }
.cl_con04 .cl_con06_a:hover a { color: #fff; }
.p_f_04 .cl_con04 { position: fixed; z-index: 4; left: 0; top: 0; right: 0; margin-top: 0 !important; }
 @media only screen and (max-width: 1366px) {
.cl_con04 .cl_con05_img .text { width: 180px; height: auto; left: 10%; top: 50%; padding: 30px; }
.commer_con04 .cl_con05_img .text { left: 75%; }
}
@media only screen and (max-width: 1200px) {
.cl_con04 .cl_con04_img, .cl_con04 .cl_con05_img { height: 550px; }
.cl_con04 .cl_con04_img a, .cl_con04 .cl_con05_img a { background-size: cover; }
.cl_con04 .cl_con06_a a { padding: 50px 0; }
}
@media only screen and (max-width: 900px) {
.cl_con04 .cl_con04_img, .cl_con04 .cl_con05_img { height: 500px; }
.commer_con04 .cl_con04_img .text { left: 5%; }
}
@media only screen and (max-width: 767px) {
.cl_con04 .cl_con04_img, .cl_con04 .cl_con05_img { height: 250px; }
.cl_con04>div .text p { margin-top: 0; }
.cl_con04 .cl_con04_img .text { top: 30%; padding: 10px; box-sizing: border-box; left: 65%; }
.cl_con04 .cl_con05_img .text { width: 25%; padding: 10px; left: 0; top: 35%; }
.cl_con04.commer_con04 .cl_con05_img .text { left: auto; right: 0; top: 30%; }
.cl_con04.commer_con04 .cl_con04_img .text { left: 15px; right: auto; top: 30%; width: 25%; }
}
@media only screen and (max-width: 380px) {
.cl_con04 .cl_con04_img, .cl_con04 .cl_con05_img { height: 200px; }
}
@media only screen and (max-width: 320px) {
.cl_con04 .cl_con04_img .text { left: 63%; }
.cl_con04 .cl_con04_img .text p { font-size: 12px; }
}
.cl_con04 .cl_con04_img .text p em { padding-right: 10px; }
.cl_con04.busi_con04 .cl_con04_img .text p em { padding-right: 0px; }
.cl_con04>div .text p em { padding-right: 10px; }
@media only screen and (max-width: 767px) {
.cl_con04 .cl_con04_img .text p em { white-space: nowrap; display: block; }
.cl_con04>div .text p em { white-space: nowrap; display: block; }
.cl_con04.commer_con04 .cl_con05_img .text { width: 25%; }
}
.service { margin-top: 70px; overflow-x: hidden; }
.service h3 { color: #000; margin-top: 100px; position: relative; }
.service h3 em.en { color: #7d7d7d; display: block; line-height: 1; }
.service h3 span.line { background: #000; }
.service div.p { color: #7d7d7d; }
.service ul { margin-top: 15px; }
.service li { width: 130px; float: left; color: #fff; margin-right: 70px; margin-top: 30px; }
.service li img { max-width: 100%; -webkit-transition: transform 0.5s ease-out; -moz-transition: transform 0.5s ease-out; -ms-transition: transform 0.5s ease-out; transition: transform 0.5s ease-out; margin-left: 13px; }
.service li p { line-height: 1.8; height: 45px; color: #fff; }
/*.service li:hover img{transform:translateY(10px);}*/

.service .serv_text_w h3 { color: #fff; }
.service .serv_text_w h3 em.en { color: #fff; }
.service .serv_text_w h3 span.line { background: #fff; }
.service .serv_text_w div.p { color: #fff; }
.service .serv_text_w div.more a { color: #fff; border: 1px solid #fff; }
.service .serv_text_w div.more a:hover { border: 1px solid #fff; }
.service .serv_text_w div.more a:hover span:after { background-color: #fff; color: #f60; }
.service .serv_con { height: 760px; position: relative; }
 @media only screen and (max-width: 1366px) {
.service .serv_con { height: 700px; }
.service h3 { margin-top: 150px; }
.service li { margin-top: 10px; margin-right: 50px; }
}
@media only screen and (max-width: 1280px) {
.service li { margin-right: 30px; }
}
@media only screen and (max-width: 1024px) {
.service { margin-top: 90px; }
.service h3 { margin-top: 70px; }
.service .serv_con { height: 550px; }
.service li { width: 33.33%; margin-right: 0; }
}
@media only screen and (max-width: 1000px) {
.service li { padding-right: 5%; box-sizing: border-box; }
}
@media only screen and (max-width: 650px) {
.service h3 { margin-top: 20px; }
.service .serv_con { height: auto; padding-bottom: 50px; box-sizing: border-box; }
.service li img { margin-left: 5px; }
}
.service .serv_con01 { background: #fff; }
.serv_con01 .serv_c01_left { width: 50%; /*动画*/ position: relative; left: -100px; opacity: 0; }
.serv_con01 .serv_c01_left .c01_l_con { width: 600px; float: right; }
.serv_con01 .serv_c01_left li p { color: #7d7d7d; }
.serv_con01 .serv_c01_left li:nth-child(3) img { margin-left: 27px }
.serv_con01 .serv_c01_right { position: absolute; left: 50%; right: -100px; opacity: 0; top: 15%; }
.serv_con01 .serv_c01_right .c01_r_con { float: right; }
.serv_con01 .serv_c01_right .c01_r_con img { width: 100%; }
@media only screen and (max-width: 1366px) {
.serv_con01 h3 { margin-top: 70px; }
}
@media only screen and (max-width: 1280px) {
.serv_con01 .serv_c01_left .c01_l_con { width: 95%; }
}
@media only screen and (max-width: 1024px) {
.serv_con01 .serv_c01_right { top: 25%; }
}
@media only screen and (max-width: 650px) {
.serv_con01 h3 { margin-top: 20px; }
.serv_con01 .serv_c01_left .c01_l_con { width: 100%; padding: 0 20px; box-sizing: border-box; }
.serv_con01 .serv_c01_right { position: static; }
.serv_con01 .serv_c01_right .c01_r_con { float: none; }
.serv_con01 .serv_c01_left { width: 100%; }
.serv_con01 .serv_c01_left li:nth-child(3) img { margin-left: 15px; }
}
@media only screen and (max-width: 320px) {
.serv_con01 .serv_c01_left li:nth-child(4) { padding-right: 1%; }
}
.service .serv_con02 { background: #f60; }
.serv_con02 .serv_c02_left { width: 50%; height: 100%; }
.serv_con02 .serv_c02_left .c02_l_con { width: 100%; height: 100%; position: relative; }
.serv_con02 .serv_c02_left .c02_l_con p { position: absolute; }
.serv_con02 .serv_c02_left .c02_l_con p:nth-child(1) { left: 60%; }
.serv_con02 .serv_c02_left .c02_l_con p:nth-child(2) { left: 40%; top: 40%; }
.serv_con02 .serv_c02_left .c02_l_con p:nth-child(3) { left: 5%; bottom: 30px; }
.serv_con02 .serv_c02_left .c02_l_con p:nth-child(4) { top: 50%; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.serv_con02 .serv_c02_right { position: absolute; left: 50%; right: 0px; top: 0px; opacity: 0; }
.serv_con02 .serv_c02_right .c02_r_con { width: 600px; float: left; margin-left: 80px; }
.serv_con02 .serv_c02_right li:nth-child(3) img { margin-left: 27px }
@media only screen and (max-width: 1600px) {
.serv_con02 .serv_c02_left .c02_l_con p:nth-child(2) { left: 20%; top: 40%; }
}
@media only screen and (max-width: 1280px) {
.serv_con02 .serv_c02_right .c02_r_con { width: 95%; }
}
@media only screen and (max-width: 1024px) {
.serv_con02 .serv_c02_right .c02_r_con { width: 95%; margin-left: 0px; padding-left: 60px; box-sizing: border-box; }
.serv_con02 .serv_c02_left .c02_l_con p:nth-child(2) { left: 5%; top: 30%; }
.serv_con02 .serv_c02_left .c02_l_con p:nth-child(3) { left: 60%; }
}
@media only screen and (max-width: 650px) {
.serv_con02 .serv_c02_left { width: 100%; }
.serv_con02 .serv_c02_left .c02_l_con p { position: static; }
.serv_con02 .serv_c02_left .c02_l_con p img { max-width: 100%; }
.serv_con02 .serv_c02_left .c02_l_con p:nth-child(1) { position: absolute; top: 0px; left: 0px; }
.serv_con02 .serv_c02_left .c02_l_con p:nth-child(2) { display: none; }
.serv_con02 .serv_c02_left .c02_l_con p:nth-child(3) { display: none; }
.serv_con02 .serv_c02_left .c02_l_con p:nth-child(4) { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); padding: 10px; }
.serv_con02 .serv_c02_right { width: 100%; position: static; }
.serv_con02 .serv_c02_right .c02_r_con { padding: 0 20px; width: 100%; }
.serv_con02 .serv_c02_right li:nth-child(3) img { margin-left: 20px; }
}
.service .serv_con03 { background: #000; }
.serv_con03 .serv_c03_left { width: 50%; height: 100%; position: relative; left: -100px; opacity: 0; }
.serv_con03 .serv_c03_left .c03_l_con { width: 600px; float: right; }
.serv_con03 .serv_c03_left li p { color: #7d7d7d; }
.serv_con03 .serv_c03_left div.p { color: #7d7d7d; }
.serv_con03 .serv_c03_left h3 em.en { color: #7d7d7d; }
.serv_con03 .serv_c03_left h3 span.line { background: #7d7d7d; }
.serv_con03 .serv_c03_right { position: absolute; left: 50%; top: 50%; right: -100px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; }
.serv_con03 .serv_c03_right .c03_r_con { float: right; }
.serv_con03 .serv_c03_right .c03_r_con img { width: 100%; }
@media only screen and (max-width: 1280px) {
.serv_con03 .serv_c03_left .c03_l_con { width: 95%; }
}
@media only screen and (max-width: 650px) {
.serv_con03 .serv_c03_left { float: none; width: 100%; padding: 20px 20px 0; box-sizing: border-box; }
.serv_con03 .serv_c03_left .c03_l_con { width: 100%; }
.serv_con03 .serv_c03_right { float: none; width: 100%; position: static; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); box-sizing: border-box; padding: 20px 0 0 20px; }
.serv_con03 .serv_c03_left li:nth-child(3) img { margin-left: 8px; }
}
.service .serv_con04 { background: #333; }
.serv_con04 h3 { margin-top: 200px; }
.serv_con04 .serv_c04_left { width: 50%; height: 100%; opacity: 0; }
.serv_con04 .serv_c04_left .c04_l_con { width: 100%; height: 100%; position: relative; }
.serv_con04 .serv_c04_left .c04_l_con p { position: absolute; }
.serv_con04 .serv_c04_left .c04_l_con p:nth-child(1) { left: 20%; top: 80px; }
.serv_con04 .serv_c04_left .c04_l_con p:nth-child(2) { top: 80px; z-index: 5; left: 45%; }
.serv_con04 .serv_c04_left .c04_l_con p:nth-child(3) { left: 20%; bottom: 50px; }
.serv_con04 .serv_c04_left .c04_l_con p:nth-child(4) { left: 40%; top: 0px; z-index: 4; opacity: 0; }
.serv_con04 .serv_c04_right { position: absolute; left: 50%; right: 0px; top: 0px; }
.serv_con04 .serv_c04_right .c04_r_con { width: 600px; float: left; margin-left: 80px; position: relative; right: -100px; opacity: 0; }
.serv_con04 .serv_c04_right li p { color: #c4c4c4; }
.serv_con04 .serv_c04_right div.p { color: #c4c4c4; }
.serv_con04 .serv_c04_right h3 em.en { color: #c4c4c4; }
.serv_con04 .serv_c04_right h3 span.line { background: #c4c4c4; }
.serv_con04 .serv_c04_right li { width: auto; }
.serv_con04 .serv_c04_right li:nth-child(1) img { margin-left: 15px; }
.serv_con04 .serv_c04_right li:nth-child(2) img { margin-left: 35px; }
.serv_con04 .serv_c04_right li:nth-child(3) img { margin-left: 10px; }
@media only screen and (max-width: 1440px) {
.serv_con04 .serv_c04_left { -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px); }
}
@media only screen and (max-width: 1366px) {
.serv_con04 li { margin-right: 100px; }
}
@media only screen and (max-width: 1280px) {
.serv_con04 .serv_c04_right .c04_r_con { width: 95%; }
}
@media only screen and (max-width: 1024px) {
.serv_con04 h3 { margin-top: 70px; }
.serv_con04 .serv_c04_left .c04_l_con p:nth-child(1) { top: 50px; z-index: 5; }
.serv_con04 .serv_c04_left .c04_l_con p:nth-child(2) { top: 30px; }
.serv_con04 .serv_c04_left .c04_l_con p:nth-child(3) { bottom: 0; display: none; }
.serv_con04 .serv_c04_right .c04_r_con { margin-left: 0; padding-left: 50px; box-sizing: border-box; }
.serv_con04 li { margin-right: 0px; padding-right: 70px; box-sizing: border-box; }
}
@media only screen and (max-width: 1000px) {
.serv_con04 .serv_c04_right .c04_r_con { padding-left: 85px; }
.serv_con04 li { padding-right: 20px; }
}
@media only screen and (max-width: 650px) {
.serv_con04 h3 { margin-top: 20px; }
.serv_con04 li { padding-right: 18px; }
.serv_con04 .serv_c04_left { width: 100%; height: auto; -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); box-sizing: border-box; padding-left: 30px; padding-right: 10px; padding-top: 20px; }
.serv_con04 .serv_c04_left .c04_l_con p { position: static; }
.serv_con04 .serv_c04_left .c04_l_con p:nth-of-type(1) { position: absolute; top: 5px; left: 75px; }
.serv_con04 .serv_c04_left .c04_l_con p:nth-of-type(1) img { max-width: 85%; }
.serv_con04 .serv_c04_left .c04_l_con p:nth-child(2) img { max-width: 60%; }
.serv_con04 .serv_c04_left .c04_l_con p:nth-child(4) { display: none; }
.serv_con04 .serv_c04_right { position: static; width: 100%; margin-top: 20px; }
.serv_con04 .serv_c04_right .c04_r_con { padding: 0 20px; }
.serv_con04 .serv_c04_right li { width: 33.33%; text-align: center; }
.serv_con04 .serv_c04_right li:nth-child(1) { text-align: left; }
.serv_con04 .serv_c04_right li:nth-child(1) img { margin-left: 10px; }
.serv_con04 .serv_c04_right li:nth-child(2) img { margin-left: 0; }
.serv_con04 .serv_c04_right li:nth-child(3) img { margin-left: 0; }
}
.ser_ico { height: 860px; background: url(../images/ser_ico_bg.jpg) no-repeat center top; }
.ser_ico h3 { text-align: center; }
.ser_ico h3 span.line { background: #000; margin-left: auto; margin-right: auto; }
.ser_ico_con .s2_r_con { width: 48%; float: left; position: relative; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; height: 190px; margin-top: 70px; margin-right: 4%; opacity: 0; }
.ser_ico_con .s2_r_con:nth-of-type(3n) { margin-right: 4%; }
.ser_ico_con .s2_r_con:nth-of-type(2n) { margin-right: 0%; }
.ser_ico_con .s2_r_con dl { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; }
.ser_ico_con .s2_r_con dl dt { margin: 0 auto; position: relative; }
.ser_ico_con .s2_r_con dl dd { text-align: center; margin-top: 30px; height: 120px; }
.ser_ico_con .s2_r_con dl dd h4 { height: 40px; color: #2e2d33; position: relative; }
.ser_ico_con .s2_r_con dl dd h4 span { display: inline-block; position: absolute; left: 50%; bottom: 0px; width: 30px; height: 1px; background: #2e2d33; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: width 0.5s ease-out; -moz-transition: width 0.5s ease-out; -ms-transition: width 0.5s ease-out; transition: width 0.5s ease-out; }
.ser_ico_con .s2_r_con dl dd div.p { color: #7d7d7d; line-height: 1.8; margin-top: 12px; opacity: 0; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -ms-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; }
.ser_ico_con .s2_r_con dl dd div.p span { padding: 0 10px; white-space: nowrap; }
.ser_ico_con .s2_r_con01 dt { width: 46px; height: 39px; }
.ser_ico_con .s2_r_con01 dt span { position: absolute; }
.ser_ico_con .s2_r_con01 dt span:nth-child(1) { top: 6px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.ser_ico_con .s2_r_con01 dt span:nth-child(2) { top: 15px; left: 7px; }
.ser_ico_con .s2_r_con01 dt span:nth-child(3) { top: 18px; left: 7px; }
.ser_ico_con .s2_r_con02 dt { width: 27px; height: 40px; }
.ser_ico_con .s2_r_con02 dt span { position: absolute; }
.ser_ico_con .s2_r_con02 dt span:nth-child(1) { top: 10px; left: 120%; }
.ser_ico_con .s2_r_con03 dt { width: 45px; height: 36px; }
.ser_ico_con .s2_r_con03 dt span { position: absolute; }
.ser_ico_con .s2_r_con03 dt span:nth-child(1) { top: 4px; left: 44px; }
.ser_ico_con .s2_r_con03 dt span:nth-child(2) { top: -1px; left: 45px; }
.ser_ico_con .s2_r_con03 dt span:nth-child(3) { top: -6px; left: 46px; }
.ser_ico_con .s2_r_con04 dt { width: 34px; height: 31px; }
.ser_ico_con .s2_r_con04 dt span { position: absolute; height: 17px; display: inline-block; }
.ser_ico_con .s2_r_con04 dt span:nth-child(1) { top: 14px; left: 25px; }
.ser_ico_con .s2_r_con04 dt span:nth-child(2) { top: 18px; left: 31px; }
.ser_ico_con .s2_r_con05 dt { width: 46px; height: 32px; }
.ser_ico_con .s2_r_con05 dt span { position: absolute; }
.ser_ico_con .s2_r_con05 dt span:nth-child(1) { top: 16px; left: 33px; }
.ser_ico_con .s2_r_con05 dt span:nth-child(2) { top: 15px; left: 44px; }
.ser_ico_con .s2_r_con06 dt { width: 30px; height: 31px; }
.ser_ico_con .s2_r_con06 dt span { position: absolute; }
.ser_ico_con .s2_r_con06 dt span:nth-child(1) { top: -10px; left: 20px; }
.ser_ico_con .s2_r_con06 dt span:nth-child(2) { top: -10px; left: 35px; }
.ser_ico_con .s2_r_con:hover dl dd h3 span { width: 95px; background: #f60; }
.ser_ico_con .s2_r_con:hover dl dd div.p { opacity: 1; }
.ser_ico_con .s2_r_con01:hover dt span:nth-child(1) { -webkit-animation: ico_o 1s infinite linear alternate; animation: ico_o 1s infinite linear alternate; }
.ser_ico_con .s2_r_con02:hover dt span:nth-child(1) { -webkit-animation: ico_t 1.5s infinite ease-out; animation: ico_t 1.5s infinite ease-out; }
.ser_ico_con .s2_r_con03:hover dt span:nth-child(1) { -webkit-animation: ico_th 1.5s infinite linear alternate; animation: ico_th 1.5s infinite linear alternate; }
.ser_ico_con .s2_r_con03:hover dt span:nth-child(2) { -webkit-animation: ico_th 1.5s 0.4s infinite linear alternate; animation: ico_th 1.5s 0.4s infinite linear alternate; }
.ser_ico_con .s2_r_con03:hover dt span:nth-child(3) { -webkit-animation: ico_th 1.5s 0.8s infinite linear alternate; animation: ico_th 1.5s 0.8s infinite linear alternate; }
.ser_ico_con .s2_r_con04:hover dt span:nth-child(1) { -webkit-animation: ico_f 1s infinite ease-out; animation: ico_f 1s infinite ease-out; }
.ser_ico_con .s2_r_con05:hover dt span:nth-child(2) { -webkit-animation: ico_fi 1s infinite ease-out alternate; animation: ico_fi 1s infinite ease-out alternate; }
.ser_ico_con .s2_r_con06:hover dt span:nth-child(2) { -webkit-animation: ico_s 1s infinite ease-out alternate; animation: ico_s 1s infinite ease-out alternate; }
 @media only screen and (max-width: 1024px) {
.ser_ico { height: 550px; }
.ser_ico_con .s2_r_con { margin-top: 20px; height: 180px!important; background-color: #f4f4f4; }
.ser_ico_con .s2_r_con dl dd { margin-top: 10px; }
.ser_ico_con .s2_r_con dl dd h4 { height: 45px; line-height: 1.2; }
.ser_ico h3 { margin-top: 50px; margin-bottom: 40px; }
}
@media only screen and (max-width: 650px) {
.ser_ico { padding-bottom: 30px; height: auto; }
.ser_ico_con .s2_r_con { width: 50%; box-sizing: border-box; margin-right: 0; padding-left: 5%; }
.ser_ico_con .s2_r_con dl dd div.p { line-height: 1.2; font-size: 12px; }
.ser_ico_con .s2_r_con dl dd div.p br { display: none; }
.ser_ico_con .s2_r_con dl dd h4 i { display: none; }
.ser_ico_con .s2_r_con dl dd h4 em { display: block; line-height: 1; margin-top: 5px; }
.ser_ico_con .s2_r_con dl dd div.p br { display: none; }
.ser_ico_con .s2_r_con dl dd div.p span { padding: 0 5px; }
.ser_ico_con .s2_r_con:nth-of-type(3n) { margin-right: 0%; }
.ser_ico_con .s2_r_con dl dd h4 { height: 60px; }
.ser_ico_con .s2_r_con dl dd h4 em { font-size: 12px; }
}
@media only screen and (max-width: 340px) {
.ser_ico_con .s2_r_con dl dd h4 { height: 55px; }
}
.cloud_all { margin-top: 70px; }
.cl_a_banner { height: 839px; position: relative; width: 100%; background-position: center bottom; background-repeat: no-repeat; background-size: cover; }
.cl_a_banner .cl_p { position: absolute; top: 0; left: 0px; right: 0px; bottom: 0px; background-color: rgba(0,0,0,0.7); z-index: 0; }
.cl_a_banner .con { color: #fff; position: relative; z-index: 1; text-align: center; padding-top:1px; }
.cl_a_banner .con h3 { margin-top: 100px; line-height: 1; text-align: center; /*动画*/ position: relative; top: 20px; opacity: 0; }
.cl_a_banner .con h3 span.line { margin-left: auto; margin-right: auto; background: #fff; }
.cl_a_banner .con div.p { max-width: 1280px; margin-left: auto; margin-right: auto; color: #c4c4c4; /*动画*/ position: relative; top: 20px; opacity: 0; }
.cl_a_banner .con div.img { margin-top: 75px; opacity: 0; }
@media only screen and (max-width: 1440px) {
.cl_a_banner .con div.img { margin-top: 40px; }
}
@media only screen and (max-width: 1366px) {
.cl_a_banner { height: 710px; }
.cl_a_banner .con div.img { max-width: 98%; margin: 40px auto 0; }
.cl_a_banner .con div.img img { width: 100%; }
}
@media only screen and (max-width: 1280px) {
.cl_a_banner .con h3 { margin-top: 50px; }
}
@media only screen and (max-width: 1200px) {
  .cl_a_banner {height: 550px;}
}
@media only screen and (max-width: 1024px) {
.cloud_all { margin-top: 70px; }
}
@media only screen and (max-width: 767px) {
.cl_a_banner { padding-bottom: 50px; padding-top:10px; height: 400px; }
.cl_a_banner .con { padding: 0 20px; box-sizing: border-box; }
.cl_a_banner .con div.p br:first-child { display: none; }
}
.cl_a_inf { width: 100%; height: 125px; background:#000000/*url(../images/bg1.jpg) no-repeat*/; background-attachment: fixed; background-repeat: no-repeat; background-position: 0px 100px; color: #fff; position: relative; }
.cl_a_inf .left { float: left; }
.cl_a_inf .left h3 { margin-top: 120px; line-height: 1; }
.cl_a_inf .right { float: right; width: 600px; position: absolute; top: 50%; left: 60%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; }
.cl_a_inf .right h3 { position: relative; }
.cl_a_inf .right h3 p { line-height: 1; }
.cl_a_inf .right h3 span { display: block; background: #fff; }
.cl_a_inf .right div.p { }
 @media only screen and (max-width: 1330px) {
.cl_a_inf .left { margin-left: 60px; }
.cl_a_inf .right { width: 500px; margin-right: 100px; }
.cl_a_inf .right h3 { height: 46px; }
}
@media only screen and (max-width: 1200px) {
.cl_a_inf { height: auto; padding: 50px 0; }
.cl_a_inf .left h3 { margin-top: 0; }
.cl_a_inf .right { width: 40%; margin-right: 10%; position: static; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
@media only screen and (max-width: 767px) {
.cl_a_inf .left { margin-left: 20px; }
.cl_a_inf .right { width: 100%; margin: 0; padding: 20px; box-sizing: border-box; }
.cl_a_inf .right h3 { height: auto; }
}
.cl_a_con01 { height: 960px; background-image: url(../images/bg1.jpg); background-attachment: fixed; background-repeat: no-repeat; background-position: 0px 0px; }
.ipadPro1024 .cl_a_con01 { background: #fff!important; }
.cl_a_con01 .wrap { width: 1280px; padding-top: 100px;}
.cl_a_con01 h3 { position: relative; color: #6e6e6e;  text-align: center; opacity: 0; top: 30px; }
.cl_a_con01 h3 span { display: block; width: 0px; background: #232323; margin-right: auto; margin-left: auto; }
.cl_a_con01 .cl_a_c01_dl { margin-top: 80px; height: 448px; }
.cl_a_con01 .cl_a_c01_dl dl { width: 305px; height: 448px; background: url(../images/cloud_a_bg.png) no-repeat; float: left; margin-left: 19px; -webkit-transition: all 0.5s; transition: all 0.5s; /*动画*/ position: relative; opacity: 0; top: 100px; }
.cl_a_con01 .cl_a_c01_dl dl:first-child { margin-left: 0; }
.cl_a_con01 dt { margin: 50px 0 0 55px; height: 100px; width: 100px; background-repeat: no-repeat; -webkit-transition: all 0.5s; transition: all 0.5s; }
.cl_a_con01 dd { -webkit-transition: all 0.5s; transition: all 0.5s; }
.cl_a_con01 dd.dd_tit { height: 75px; margin: 55px 0 0 55px; background: url(../images/cloud_a_line.png) no-repeat right bottom; }
.cl_a_con01 dd.dd_tit em { color: #7d7d7d; text-transform: Uppercase; }
.cl_a_con01 dd.dd_con { margin: 10px 0 0 55px; }
.cl_a_con01 dd.dd_con li { background: url(../images/dian.png) no-repeat left center; padding-left: 10px; color: #000000; line-height: 1; float: left; margin: 20px 40px 0 0; }
.cl_a_con01 dl.last_dl dd.dd_con li { margin: 20px 0px 0 0; width: 115px; }
.cl_a_con01 dl.last_dl dd.dd_con li+li+li+li { width: auto; }
.cl_a_con01 div.more a { margin: 0px auto; color: #6e6e6e; border-color: #7d7d7d; }
@media only screen and (max-width: 1440px) {
.cl_a_con01 { height: auto; padding-bottom: 100px; }
}
@media only screen and (max-width: 1366px) {
.cl_a_con01 dt { margin-top: 70px; }
.cl_a_con01 .cl_a_c01_dl { max-width: 1280px; margin-left: auto; margin-right: auto; margin-top: 70px; }
.cl_a_con01 .cl_a_c01_dl dl { width: 305px; height: 430px; background-size: cover; }
.cl_a_con01 h3 { height: 70px; }
}
@media only screen and (max-width: 1330px) {
.cl_a_con01 .wrap { width: 100%; padding-top:50px; }
.cl_a_con01 h3 { margin-top: 70px; }
.cl_a_con01 .cl_a_c01_dl { max-width: 1160px; }
.cl_a_con01 .cl_a_c01_dl dl { width: 275px; height: 388px; }
.cl_a_con01 dt { margin-top: 50px; margin-left: 35px; }
.cl_a_con01 dd.dd_tit { margin: 35px 0 0 35px; }
.cl_a_con01 dd.dd_con { margin-left: 35px; }
.cl_a_con01 dl.last_dl dd.dd_con li { width: 95px; }
}
@media only screen and (max-width: 1200px) {
.cl_a_con01 { background-color: #ecf0ef; background-size: cover; }
.cl_a_con01 h3 { margin-top: 50px; }
.cl_a_con01 { height: 650px; padding-bottom: 50px; }
.cl_a_con01 .cl_a_c01_dl { margin-top: 30px; height: 350px; margin-bottom: 50px; }
.cl_a_con01 .cl_a_c01_dl dl { width: 23%; margin: 0 1%; height: 333px; }
.cl_a_con01 .cl_a_c01_dl dl:first-child { margin-left: 1%; }
.cl_a_con01 dt { margin: 30px 0 0 20px; width: 70px; height: 70px; background-size: cover; }
.cl_a_con01 dd.dd_tit { margin: 15px 0 0 20px; }
.cl_a_con01 dd.dd_con li { margin: 10px 20px 0 0; float: none; }
.cl_a_con01 dl.last_dl dd.dd_con li { width: 100%; margin: 10px 20px 0 0; }
}
@media only screen and (max-width: 1000px) {
.cl_a_con01 .cl_a_c01_dl dl { width: 48%; height: 172px!important; margin: 1%; background: rgba(255,255,255,0.5); border: 1px solid #e4e4e4; box-sizing: border-box; padding: 20px; }
.cl_a_con01 dt { float: left; margin: 0; }
.cl_a_con01 dd.dd_tit { float: left; margin: 0; margin-left: 20px; height: 60px; }
.cl_a_con01 dd.dd_con { float: left; width: 100%; margin: 0; }
.cl_a_con01 dd.dd_con li { width: 50%; float: left; margin-right: 0; margin-left: 0px; box-sizing: border-box; }
.cl_a_con01 dl.last_dl dd.dd_con li { width: 50%; margin-right: 0; margin-left: 0px; }
.cl_a_con01 .cl_a_c01_dl { margin-bottom: 30px; }
.cl_a_con01 .cl_a_c01_dl dl { opacity: 1!important; top: 0px!important; }
}
@media only screen and (max-width: 767px) {
.cl_a_con01 h3 { margin-top: 0px;height: 50px; }
.cl_a_con01 .cl_a_c01_dl { margin-top: 0; }
.cl_a_con01 dd.dd_con li { width: 100%; }
.cl_a_con01 dd.dd_tit { margin-top: 10px; margin-left: 0; height: 50px; }
.cl_a_con01 dl.last_dl dd.dd_con li { width: 100%; }
.cl_a_con01 .cl_a_c01_dl dl { height: 200px!important; }
}
@media only screen and (max-width: 560px) {
.cl_a_con01 .cl_a_c01_dl dl { height: 260px!important; }
}
@media only screen and (max-width: 325px) {
.cl_a_con01 .cl_a_c01_dl dl { width: 98%; height: 160px!important; }
.cl_a_con01 dd.dd_con li { width: 50%; }
.cl_a_con01 dd.dd_tit { margin-top: 0px; margin-left: 10px; }
.cl_a_con01 dl.last_dl dd.dd_con li { width: 50%; }
}
.cl_a_con02 { height: 700px; background: #f6f6fb; }
.cl_a_con02 .wrap { max-width: 1330px; }
.cl_a_con02 .left { float: left; width: 58%; margin-top: 160px; text-align: center; position: relative; top: -30px; opacity: 0; }
.cl_a_con02 .left span { position: absolute; top: 0px; left: 0px; width: 100%; text-align: right; }
.cl_a_con02 .left span img { box-shadow: 0 0 20px #ddd; opacity: 0; -webkit-transform: scale(0.1); -moz-transform: scale(0.1); -ms-transform: scale(0.1); transform: scale(0.1); }
.cl_a_con02 .left span:first-child { margin-right: 3%; width: 97% }
.cl_a_con02 .left span:first-child+span { top: 50%; text-align: center; }
.cl_a_con02 .left img { max-width: 100%; }
.cl_a_con02 .left span:nth-child(1) img { -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; transition: all 1s; }
.cl_a_con02 .left span:nth-child(2) img { -webkit-transition: all 1s 0.5s; -moz-transition: all 1s 0.5s; -ms-transition: all 1s 0.5s; transition: all 1s 0.5s; }
.cl_a_con02 .left span:nth-child(1) img.ani01 { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }
.cl_a_con02 .left span:nth-child(2) img.ani02 { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }
.cl_a_con02 .right { float: right; width: 40%; margin-top: 210px; position: relative; left: -30px; opacity: 0; }
.cl_a_con02 .right h3 { position: relative; }
.cl_a_con02 .right h3 p { }
.cl_a_con02 .right h3 em { color: #595757; display: inline-block; line-height: 1; }
.cl_a_con02 .right h3 span { background: #232323; }
.cl_a_con02 .right div.p { color: #595757; }
@media only screen and (max-width: 1366px) {
.cl_a_con02 { height: 500px; padding-bottom: 60px; }
.cl_a_con02 .left { margin-top: 120px; }
.cl_a_con02 .right { margin-top: 50px; width: 35%; float: left; margin-left: 5%; }
}
@media only screen and (max-width: 1024px) {
.cl_a_con02 .left { width: 50%; margin-left: 2%; }
.cl_a_con02 .left span img { width: 85%; }
.cl_a_con02 .left span:first-child img { width: 30%; }
}
@media only screen and (max-width: 1000px) {
.cl_a_con02 .right { margin-top: 80px; }
}
@media only screen and (max-width: 767px) {
.cl_a_con02 { height: 580px; padding-bottom: 60px; }
.cl_a_con02 .left { margin-top: 20px; }
.cl_a_con02 .left { width: 100%; margin-left: 0px; padding: 0 5%; box-sizing: border-box; background: none; }
.cl_a_con02 .right { width: 100%; padding: 0 5%; box-sizing: border-box; margin-left: 0px; margin-top: 30px; }
}
.cl_a_con03 { height: 600px; background: #262626; }
.cl_a_con03 .wrap { max-width: 1330px; }
.cl_a_con03 .left { float: left; width: 44%; margin-top: 160px; padding-right: 6%; text-align: right; opacity: 0; left: -50px; position: relative; }
.cl_a_con03 .left h3 { position: relative; color: #fff; }
.cl_a_con03 .left h3 p { }
.cl_a_con03 .left h3 em { color: #e4e4e4; line-height: 1; display: inline-block; }
.cl_a_con03 .left h3 span { background: #595757; margin-right: 0; margin-left: auto; }
.cl_a_con03 .left div.p { color: #c4c4c4; }
.cl_a_con03 .right { float: right; width: 50%; margin-top: 150px; position: relative; opacity: 0; }
.cl_a_con03 .right img { max-width: 100%; }
 @media only screen and (max-width: 1366px) {
.cl_a_con03 { height: 400px; padding-bottom: 60px; }
.cl_a_con03 .right { margin-top: 120px; margin-left: 0px; }
.cl_a_con03 .left { margin-top: 100px; width: 35%; float: left; margin-left: 5%; padding-right: 0; }
}
@media only screen and (max-width: 1200px) {
.cl_a_con03 { }
}
@media only screen and (max-width: 767px) {
.cl_a_con03 .right { margin-top: 20px; }
.cl_a_con03 .left { width: 100%; margin-left: 0px; padding: 0 5%; box-sizing: border-box; background: none; text-align: left; margin-top: 30px; }
.cl_a_con03 .left h3 span.line { margin-right: auto; margin-left: 0; }
.cl_a_con03 .right { width: 100%; padding: 0 5%; box-sizing: border-box; margin-left: 0px; }
}
.cl_a_con04 { height: 700px; position: relative; overflow: hidden; }
.cl_a_con04 .wrap { width: 1035px; position: absolute; top: 50%; left: 0%; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.c04_dl dl { float: left; text-align: center; color: #7d7d7d; margin: 0 80px; width: 185px; }
.c04_dl dt { font-size: 30px; font-family: "YourWebFontName"; }
.c04_dl dt p { font-size: 90px; }
.c04_dl dd { font-size: 16px; }
.cl_a_con04 div.more { margin-top: 120px; }
.cl_a_con04 div.more a { margin: 0px auto; color: #7d7d7d; border-color: #7d7d7d; }
.cl_a_con04.con04_anim .img img { -webkit-animation: scale_img 30s infinite ease-out alternate; -moz-animation: scale_img 30s infinite ease-out alternate; -ms-animation: scale_img 30s infinite ease-out alternate; animation: scale_img 30s infinite ease-out alternate; }
@-webkit-keyframes scale_img { 0% {
 transform:scale(1) translateX(0px);
}
 50% {
 transform:scale(1.5) translateX(50px);
}
 100% {
 transform:scale(2) translateX(50px);
}
}
@keyframes scale_img { 0% {
 transform:scale(1) translateX(0px);
}
 50% {
 transform:scale(1.5) translateX(50px);
}
 100% {
 transform:scale(2) translateX(50px);
}
}
@media only screen and (min-width: 1925px) {
.cl_a_con04.con04_anim .img img { width: 150%; margin-top: -150px; }
}
@media only screen and (max-width: 1440px) {
.cl_a_con04 { height: 500px; }
}
@media only screen and (max-width: 1366px) {
.cl_a_con04 .wrap { max-width: 965px; }
.c04_dl dt p { font-size: 70px; }
.cl_a_con04 div.more { margin-top: 80px; }
.c04_dl dl { margin: 0 68px; }
}
@media only screen and (max-width: 1200px) {
.cl_a_con04 { height: auto; }
.cl_a_con04.con04_anim .img img { width: 100%; }
.cl_a_con04 .wrap { width: 100%; }
}
@media only screen and (max-width: 1200px) {
.c04_dl dl { width: 33.33%; margin: 0; }
.cl_a_con04 div.more { margin-top: 30px; }
}
@media only screen and (max-width: 767px) {
.cl_a_con04.con04_anim .img img { width: 140%; }
.c04_dl dt { font-size: 20px; }
.c04_dl dt p { font-size: 32px; }
.c04_dl dd { font-size: 12px; }
}
@media only screen and (max-width: 325px) {
.cl_a_con04.con04_anim .img img { width: 180%; }
.c04_dl dl { padding: 0 10px; box-sizing: border-box; }
.c04_dl dt { font-size: 18px; }
.c04_dl dt p { font-size: 30px; }
}
/*案例详情页*/
.case_page01 { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; overflow: hidden; -webkit-transition: all 1s ease-in-out 0.2s; -moz-transition: all 1s ease-in-out 0.2s; -ms-transition: all 1s ease-in-out 0.2s; transition: all 1s ease-in-out 0.2s; z-index: 2; }
.case_page01 .case_page01_bg_right { position: absolute; right: 0px; bottom: 0; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); }
.case_page01.fast_right .case_page01_bg_right { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); }
.case_page01 .case_page01_bg_left { position: absolute; left: 0px; bottom: 0; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); }
.case_page01.fast_left .case_page01_bg_left { -webkit-transform: translateY(40%); -moz-transform: translateY(40%); -ms-transform: translateY(40%); transform: translateY(40%); }
.case_page01 .case_page01_con { position: relative; z-index: 9; max-width: 1920px; margin: 0 auto; }
.ipadPro1024 .case_page01 .case_page01_con { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.case_page01 .c_p01_left { margin: 10% 0 0 5%; width: 505px; float: left; -webkit-transition: all 0.8s ease-in-out 0.2s; -moz-transition: all 0.8s ease-in-out 0.2s; -ms-transition: all 0.8s ease-in-out 0.2s; transition: all 0.8s ease-in-out 0.2s; opacity: 0; -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px); }
.case_page01 .c_p01_left.left_anim { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }
.case_page01 .c_p01_left>p { margin-top: 100px; }
.case_page01 .c_p01_left h3 { position: relative; margin-top: 45px; }
.case_page01 .c_p01_left h3 p { }
.case_page01 .c_p01_left h3 em { color: #7d7d7d; line-height: 0.8; display: inline-block; }
.case_page01 .c_p01_left h3 span { display: block; background: #232323; }
.case_page01 .c_p01_left div.p { color: #7d7d7d; }
.case_page01 .c_p01_right { float: right; position: relative; z-index: 2;/*width: 935px;*/ width: 49%; margin: 9% 5% 0 0; -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); opacity: 0; }
.case_page01 .c_p01_right.right_anim { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1; -webkit-transition: all 1s ease-in-out 0.8s; -moz-transition: all 1s ease-in-out 0.8s; -ms-transition: all 1s ease-in-out 0.8s; transition: all 1s ease-in-out 0.8s; }
.case_page01 .c_p01_right .c_p01_r_pc img { width: 100%; }
.case_page01 .c_p01_right .c_p01_r_pc_shad { -webkit-transition: all 1s ease-in-out 0.7s; -moz-transition: all 1s ease-in-out 0.7s; -ms-transition: all 1s ease-in-out 0.7s; transition: all 1s ease-in-out 0.7s; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); opacity: 0; }
.case_page01 .c_p01_right.right_anim .c_p01_r_pc_shad { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1; }
.case_page01 .c_p01_right .c_p01_r_pc_shad img { width: 100%; }
.case_page01 .c_p01_right .pc_img_box { position: absolute; top: 4%; left: 4%; right: 4%; height: 0px; padding-bottom: 52%; overflow: hidden; }
.case_page01 .c_p01_right .pc_img_box img { width: 100%; -webkit-transition: transform 1s ease-out 0s; -moz-transition: transform 1s ease-out 0s; -ms-transition: transform 1s ease-out 0s; transition: transform 1s ease-out 0s; position: relative; }
.case_page01 .c_p01_right .pc_img_box img.an_img { -webkit-transition: transform 10s ease-out 2s; -moz-transition: transform 10s ease-out 2s; -ms-transition: transform 10s ease-out 2s; transition: transform 10s ease-out 2s; }
.ie9 .case_page01 .c_p01_right .pc_img_box img.an_img { -webkit-transform: translateY(0px)!important; -moz-transform: translateY(0px)!important; -ms-transform: translateY(0px)!important; transform: translateY(0px)!important; }
.case_page01 .c_p01_right .pc_img_box video { width: 100%; position: relative; z-index: 1; }
.case_page01 .c_p01_right .pc_img_box .video { position: absolute; top: 0px; left: 0px; z-index: 0; }
.ipadPro1366 .case_page01 .c_p01_left { width: 100%; margin: 0; padding: 0 50px; box-sizing: border-box; }
.ipadPro1366 .case_page01 .c_p01_right { width: 55%; margin: 150px auto 0; float: none; }
 @media only screen and (min-width: 1950px) {
.case_page01 .c_p01_left { margin-top: 12%; }
.case_page01 .c_p01_left>p { margin-top: 150px; }
.case_page01 .c_p01_right { margin-top: 19%; }
}
@media only screen and (max-width: 1440px) {
.case_page01 .c_p01_right { width: 45%; margin: 140px 9% 0 0; }
.case_page01.fast_right .case_page01_bg_right { -webkit-transform: translateY(45%); -moz-transform: translateY(45%); -ms-transform: translateY(45%); transform: translateY(45%); }
.case_page01 .c_p01_left { width: 400px; margin-top: 150px; }
.case_page01 .c_p01_left>p { margin-top: 50px; }
.case_page01 .c_p01_left h3 { margin-top: 30px; height: 80px; }
.case_page01 .c_p01_left div.p { }
}
@media only screen and (max-width: 1366px) {
.case_page01 .c_p01_left>p { margin-top: 30px; }
.case_page01 .c_p01_left h3 { margin-top: 20px; }
.case_page01 .c_p01_left div.p { }
.case_page01 .c_p01_right .pc_img_box { top: 4%; left: 4.1%; }
.case_page02 .c_p02_right div.p { margin-top: 15px; }
.case_page02 .c_p02_right>p { margin-top: 20px; }
}
.case_page01 .c_p01_left>span.guang_logo img { width: 170px; }
@media (min-width: 1200px) and (max-width: 1366px) {
.case_page01 .c_p01_left>span.hy_logo img { width: 90px; }
.case_page01 .c_p01_left>span.m_logo img { width: 80px; }
.case_page01 .c_p01_left>span.hang_logo img { width: 80px; }
.case_page01 .c_p01_left>span.guang_logo img { width: 90px; }
.case_page01 .c_p01_left>span.byd_logo img { width: 180px; }
/*.case_page01 .c_p01_left>span{display: block;}
  .case_page01 .c_p01_left>span.hy_logo img{width: 90px;}
  .case_page01 .c_p01_left>span.m_logo img{width: 80px;}
  .case_page01 .c_p01_left>span.hang_logo img{width: 80px;}
  .case_page01 .c_p01_left .fnt_30{font-size: 22px;}
  .case_page01 .c_p01_left>p{margin-top: 20px;}
  .case_page01 .c_p01_left{margin-top:120px;}
  .case_page01 .c_p01_left h3{height: auto;margin-top: 15px;}
  .case_page01 .c_p01_left h3 .mt_25{margin-top: 15px;}*/
}
@media only screen and (max-width: 1024px) {
.case_page01 .c_p01_right { margin-top: 200px; }
}
@media only screen and (max-width: 1000px) {
.case_page01 .c_p01_left { width: 100%; margin: 0; padding: 0px 15% 0 5%; box-sizing: border-box; }
.case_page01 .c_p01_left.left_anim { -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); }
.case_page01 .c_p01_right { width: 55%; }
.case_page01.fast_left .case_page01_bg_left { -webkit-transform: translateY(25%); -moz-transform: translateY(25%); -ms-transform: translateY(25%); transform: translateY(25%); }
}
@media only screen and (max-width: 767px) {
body.pd_body { margin: 0 auto; overflow: visible!important; overflow-x: hidden!important; }
.case_page01 { position: static; }
.case_page01 .c_p01_right { opacity: 1; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); }
.case_page01 .c_p01_right .c_p01_r_pc_shad { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); }
.case_page01 .c_p01_left { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); }
.case_page01 .c_p01_right { width: 75%; margin: 120px auto 0; float: none; }
.case_page01.fast_right .case_page01_bg_right { -webkit-transform: translateY(70%); -moz-transform: translateY(70%); -ms-transform: translateY(70%); transform: translateY(70%); display: none; }
.case_page01.fast_left .case_page01_bg_left { -webkit-transform: translateY(25%); -moz-transform: translateY(25%); -ms-transform: translateY(25%); transform: translateY(25%); display: none; }
.case_page01 .c_p01_left { padding: 0 20px; position: relative; }
.case_page01 .c_p01_left.left_anim { -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); }
.case_page01 .c_p01_left>p { margin-top: 30px; }
.case_page01 .c_p01_left h3 { margin-top: 10px; height: auto; }
.case_page01 .c_p01_left div.p { font-size: 12px; }
}
@media only screen and (max-width: 325px) {
.case_page01 .c_p01_left { max-width: 100%; }
.case_page01 .c_p01_left span { width: 100%; display: inline-block; }
.case_page01 .c_p01_left span img { max-width: 100%; }
}
.case_page02 { position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; overflow: auto; z-index: 2; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); /*互动过程，可以防止滚轮滚动两下的bug*/ -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.case_page02 .case_page02_con { position: relative; overflow: hidden; max-width: 1920px; margin: 0 auto; }
.case_page02 .c_p02_left { position: relative; width: 50%; height: 0px; padding-bottom: 43%; top: 50%; -webkit-transform: translateY(-45%); -moz-transform: translateY(-45%); -ms-transform: translateY(-45%); transform: translateY(-45%); }
.case_page02 .c_p02_left p { position: absolute; bottom: 0px; }
.case_page02 .c_p02_left p img { max-width: 100%; }
.case_page02 .c_p02_left p:first-child { width: 67%; left: 200px; -webkit-transform: translateX(-200px); -moz-transform: translateX(-200px); -ms-transform: translateX(-200px); transform: translateX(-200px); opacity: 0; }
.case_page02 .c_p02_left p:first-child+p { width: 28%; left: 83%; -webkit-transform: translateX(-375px); -moz-transform: translateX(-375px); -ms-transform: translateX(-375px); transform: translateX(-375px); opacity: 0; }
.case_page02 .c_p02_left p:first-child+p+p { width: 14%; left: 105%; -webkit-transform: translateX(-520px); -moz-transform: translateX(-520px); -ms-transform: translateX(-520px); transform: translateX(-520px); opacity: 0; }
.case_page02 .c_p02_left.left_anim p:first-child { -webkit-transition: transform 2s ease-in-out 1.2s, opacity 0.5s ease-in-out 1s; -moz-transition: transform 2s ease-in-out 1.2s, opacity 0.5s ease-in-out 1s; -ms-transition: transform 2s ease-in-out 1.2s, opacity 0.5s ease-in-out 1s; transition: transform 2s ease-in-out 1.2s, opacity 0.5s ease-in-out 1s; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); opacity: 1; }
.case_page02 .c_p02_left.left_anim p:first-child+p { -webkit-transition: transform 2s ease-out 1.2s, opacity 0.5s ease-out 1s; -moz-transition: transform 2s ease-out 1.2s, opacity 0.5s ease-out 1s; -ms-transition: transform 2s ease-out 1.2s, opacity 0.5s ease-out 1s; transition: transform 2s ease-out 1.2s, opacity 0.5s ease-out 1s; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); opacity: 1; }
.case_page02 .c_p02_left.left_anim p:first-child+p+p { -webkit-transition: transform 2s ease-out 1.2s, opacity 0.5s ease-out 1s; -moz-transition: transform 2s ease-out 1.2s, opacity 0.5s ease-out 1s; -ms-transition: transform 2s ease-out 1.2s, opacity 0.5s ease-out 1s; transition: transform 2s ease-out 1.2s, opacity 0.5s ease-out 1s; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); opacity: 1; }
.case_page02 .c_p02_right { position: absolute; right: 150px; bottom: 100px; text-align: right; opacity: 0; }
.case_page02 .c_p02_right.right_anim { opacity: 1; -webkit-transition: all 1s ease-in-out 1.5s; -moz-transition: all 1s ease-in-out 1.5s; -ms-transition: all 1s ease-in-out 1.5s; transition: all 1s ease-in-out 1.5s; }
.case_page02 .c_p02_right h3 { position: relative; margin-top: 45px; }
.case_page02 .c_p02_right h3 p { }
.case_page02 .c_p02_right h3 em { color: #7d7d7d; display: inline-block; line-height: 0.8; }
.case_page02 .c_p02_right h3 span { display: block; background: #232323; margin-left: auto; margin-right: 0; }
.case_page02 .c_p02_right>p { margin-top: 40px; color: #7d7d7d; }
.case_page02 .c_p02_right div.p { color: #7d7d7d; margin-top: 30px; }
/*pc phone*/
.layer_02 .case_page01 .c_p01_right .pc_img_box img.an_img { width: 100%; -webkit-transition: transform 20s ease-out 2s; -moz-transition: transform 20s ease-out 2s; -ms-transition: transform 20s ease-out 2s; transition: transform 20s ease-out 2s; }
.layer_02 .case_page02 .c_p02_left p:first-child+p { width: 26%; left: 91%; }
/*pc pad*/
.layer_01 .case_page01 .c_p01_right .pc_img_box img.an_img { width: 100%; -webkit-transition: transform 20s ease-out 2s; -moz-transition: transform 20s ease-out 2s; -ms-transition: transform 20s ease-out 2s; transition: transform 20s ease-out 2s; }
.layer_01 .case_page02 .c_p02_left p:first-child+p { width: 73%; left: 55%; }
.layer_01 .case_page02 .c_p02_left p:first-child+p+p { width: 16%; left: 114%; }
.layer_01 .case_page02 .c_p02_left p:first-child+p+p.other_width { width: 24%; }
/*pc ipad*/
.layer_03 .case_page01 .c_p01_right .pc_img_box img.an_img { width: 100%; -webkit-transition: transform 20s ease-out 2s; -moz-transition: transform 20s ease-out 2s; -ms-transition: transform 20s ease-out 2s; transition: transform 20s ease-out 2s; }
.layer_03 .case_page02 .c_p02_left p:first-child+p { width: 30%; left: 82%; z-index: 2; }
.layer_03 .case_page02 .c_p02_left p:first-child+p+p { width: 40%; left: 108%; }
 @media only screen and (min-width: 1950px) {
.case_page02 .c_p02_right { bottom: 300px; }
}
@media only screen and (max-width: 1440px) {
.case_page02 .c_p02_right h3 { margin-top: 30px; }
.case_page02 .c_p02_right>p { margin-top: 30px; }
}
@media only screen and (max-width: 1366px) {
.case_page02 .c_p02_right { bottom: 80px; }
.layer_01 .case_page02 .c_p02_left p:first-child+p+p { left: 110%; }
}
@media only screen and (max-width: 1024px) {
.case_page02 .c_p02_right { bottom: 130px; }
.case_page02 .c_p02_left.left_anim p:first-child { -webkit-transform: translateX(-100px); opacity: 1; -moz-transform: translateX(-100px); opacity: 1; -ms-transform: translateX(-100px); opacity: 1; transform: translateX(-100px); opacity: 1; }
.case_page02 .c_p02_left.left_anim p:first-child+p { -webkit-transform: translateX(-50px); -moz-transform: translateX(-50px); -ms-transform: translateX(-50px); transform: translateX(-50px); opacity: 1; }
.case_page02 .c_p02_left.left_anim p:first-child+p+p { -webkit-transform: translateX(-50px); -moz-transform: translateX(-50px); -ms-transform: translateX(-50px); transform: translateX(-50px); opacity: 1; }
}
@media only screen and (max-width: 1000px) {
.case_page02 .c_p02_left { width: 70%; -webkit-transform: translateY(-30%); -moz-transform: translateY(-30%); -ms-transform: translateY(-30%); transform: translateY(-30%); }
.case_page02 .c_p02_right { top: 150px; bottom: auto; right: 30px; }
.case_page02 .c_p02_left p:first-child { left: 160px; }
}
.case_page02 .c_p02_right div.p .tcaaa { margin-top: 30px; }
@media only screen and (max-width: 767px) {
.case_page02 .c_p02_left { width: 100%; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); padding-bottom: 80% }
.case_page02 .c_p02_left.left_anim p:first-child { -webkit-transform: translateX(-180px); -moz-transform: translateX(-180px); -ms-transform: translateX(-180px); transform: translateX(-180px); opacity: 1; }
.case_page02 .c_p02_left.left_anim p:first-child+p { -webkit-transform: translateX(-150px); -moz-transform: translateX(-150px); -ms-transform: translateX(-150px); transform: translateX(-150px); opacity: 1; }
.case_page02 .c_p02_left.left_anim p:first-child+p+p { -webkit-transform: translateX(-150px); -moz-transform: translateX(-150px); -ms-transform: translateX(-150px); transform: translateX(-150px); opacity: 1; }
.case_page02 .c_p02_right div.p { margin-top: 10px; }
.case_page02 .c_p02_right div.p .tcaaa { margin-top: 20px; }
.case_page02 .c_p02_right div.p .tcaaa img { width: 200px; }
.case_page02 .c_p02_right>p { margin-top: 10px; }
.case_page02 .c_p02_right h3 { margin-top: 0; }
.case_page02 { position: static; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); margin-top: 50px; }
.case_page02 .c_p02_right { position: static; opacity: 1; text-align: left; padding: 0 20px; box-sizing: border-box; }
.case_page02 .c_p02_right h3 span { margin-right: auto; margin-left: 0; }
.case_page02 .c_p02_left { padding-bottom: 0; height: auto; }
.case_page02 .c_p02_left p { opacity: 1!important; position: static; margin: 20px auto; }
.case_page02 .c_p02_left p:first-child { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); }
.case_page02 .c_p02_left p:first-child+p { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); }
.case_page02 .c_p02_left p:first-child+p+p { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); }
.case_page02 .c_p02_left p:first-child { width: 90%!important; text-align: center; }
.case_page02 .c_p02_left p:first-child+p { width: 90%!important; text-align: center; }
.case_page02 .c_p02_left p:first-child+p+p.other_width { width: 90%!important; text-align: center; }
.case_page02 .c_p02_left p:first-child+p+p { width: 90%!important; text-align: center; }
}
.case_more { background: #000; }
.case_more .case_tit { padding: 70px 0; color: #fff; text-align: center; }
.case_more .case_tit em { color: #7d7d7d; }
.case_more .case_con dl { width: 25%; float: left; height: 0px; padding-bottom: 25%; overflow: hidden; }
.case_more .case_con dl img { width: 100%; -webkit-transition: transform 1s ease-out; -moz-transition: transform 1s ease-out; -ms-transition: transform 1s ease-out; transition: transform 1s ease-out; }
.case_more .case_con dl:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
@media only screen and (max-width: 767px) {
.case_more .case_tit { padding: 30px 0; }
.case_more .case_con dl { width: 50%; padding-bottom: 50%; }
}
/*联系我们*/
.contact { overflow: hidden; position: relative; }
.contact_con { position: absolute; top: 0px; right: 0px; bottom: 0px; }
.contact_con .contact_text { position: absolute; right: 0px; bottom: 150px; z-index: 9; width: 600px; text-align: right; color: #fff; opacity: 0; }
.contact_con .contact_text h3 span { background: #f60; margin-left: auto; margin-right: 0; }
.contact_con .contact_text h3 em { display: block; line-height: 0.8; }
.contact_con .contact_text ul { margin-top: 110px; overflow: hidden; }
.contact_con .contact_text ul:after { content: ""; display: block; width: 500px; height: 1px; background: #3b3b3f; float: right; margin-top: 20px; }
.contact_con .contact_text li { color: #e4e4e4; }
.contact_con .contact_text li:first-child+li { font-size: 12px; color: #c4c4c4; }
.contact_con .contact_text dl { color: #e4e4e4; margin-top: 15px; }
.touch_body .contact_con .contact_text dl a { color: #e4e4e4; }
.contact_con .case_page01_bg_right { position: absolute; right: -1000px; bottom: 0; z-index: 8; }
.contact_map { position: relative; }
.map_con { width: 100%; -webkit-transition: normal; -moz-transition: normal; -ms-transition: normal; transition: normal; }
.map_con img { -webkit-transition: normal; -moz-transition: normal; -ms-transition: normal; transition: normal; }
.BMap_pop>div>div { border-radius: 8px; border: 0!important; }
.BMap_pop .BMap_center { border: 0!important; border-right: 1px solid #fff!important; }
.BMap_top { border: 0!important; }
.BMap_bottom { border: 0!important; }
/*.BMap_Marker:first-child+.BMap_Marker{display:none!important;}*/
@media only screen and (max-width: 1600px) {
.contact_con .case_page01_bg_right { -webkit-transform: translateX(150px); -moz-transform: translateX(150px); -ms-transform: translateX(150px); transform: translateX(150px); }
}
@media only screen and (max-width: 1366px) {
.contact_con .contact_text { bottom: 100px; }
.contact_con .contact_text ul { margin-top: 50px; }
}
.touch_body .Bmap_close { width: 10px!important; height: 10px!important; }
@media only screen and (max-width: 768px) {
.contact { height: auto!important; }
.contact_con { position: static; }
.contact_con .contact_text { position: static; padding: 20px; box-sizing: border-box; background-color: #303030; opacity: 1!important; width: 100%; text-align: left; }
.contact_con .contact_text h3 span { margin-left: 0px; margin-right: auto; }
.contact_con .contact_text ul { margin-top: 20px; margin-bottom: 20px; }
.contact_con .contact_text dl { margin-bottom: 10px; margin-top: 0; }
.contact_con .contact_text dl dd em { display: block; margin-bottom: 10px; }
.contact_con .contact_text dl dd em a { color: #e4e4e4; }
.contact_con .case_page01_bg_right { display: none; }
.map_con { height: 450px!important; width: 100%; }
}
@media only screen and (max-width: 320px) {
.map_con { height: 350px!important; }
}
/*活动营销*/

.activ_con02 { background: url(../images/active_con02_bg.jpg) no-repeat center top; }
.activ_con02 h3 { z-index: 1; text-align: center; width: 840px; line-height: 1; margin: 100px auto 0; position: relative; top: 50px; opacity: 0; }
.activ_con02 h3 p { }
.activ_con02 h3 em { color: #7d7d7d; display: inline-block; }
.activ_con02 h3 span.line { width: 100px; background: #262626; margin-left: auto; margin-right: auto; }
.activ_con02 .p { position: relative; z-index: 1; text-align: center; width: 840px; margin-left: auto; margin-right: auto; color: #7d7d7d; opacity: 0; }
.activ_con02 div.dl { margin-top: 90px; }
.activ_con02 div.dl dl { width: 25%; text-align: center; float: left; opacity: 0; top: 100px; position: relative; }
.activ_con02 div.dl dl dt img { max-width: 100%; }
.activ_con02 div.dl dl dd { margin-top: 30px; }
.activ_con02.ani_act02 h3 { opacity: 1; top: 0; -webkit-transition: opacity 1s ease-out, top 1s ease-out; -moz-transition: opacity 1s ease-out, top 1s ease-out; -ms-transition: opacity 1s ease-out, top 1s ease-out; transition: opacity 1s ease-out, top 1s ease-out; }
.activ_con02.ani_act02 .p { opacity: 1; -webkit-transition: opacity 1s ease-out 1s; -moz-transition: opacity 1s ease-out 1s; -ms-transition: opacity 1s ease-out 1s; transition: opacity 1s ease-out 1s; }
.activ_con02.ani_act02 div.dl dl:nth-child(1) { opacity: 1; top: 0; -webkit-transition: opacity 1s ease-out 1.5s, top 1s ease-out 1.5s; -moz-transition: opacity 1s ease-out 1.5s, top 1s ease-out 1.5s; -ms-transition: opacity 1s ease-out 1.5s, top 1s ease-out 1.5s; transition: opacity 1s ease-out 1.5s, top 1s ease-out 1.5s; }
.activ_con02.ani_act02 div.dl dl:nth-child(2) { opacity: 1; top: 0; -webkit-transition: opacity 1s ease-out 2s, top 1s ease-out 2s; -moz-transition: opacity 1s ease-out 2s, top 1s ease-out 2s; -ms-transition: opacity 1s ease-out 2s, top 1s ease-out 2s; transition: opacity 1s ease-out 2s, top 1s ease-out 2s; }
.activ_con02.ani_act02 div.dl dl:nth-child(3) { opacity: 1; top: 0; -webkit-transition: opacity 1s ease-out 2.5s, top 1s ease-out 2.5s; -moz-transition: opacity 1s ease-out 2.5s, top 1s ease-out 2.5s; -ms-transition: opacity 1s ease-out 2.5s, top 1s ease-out 2.5s; transition: opacity 1s ease-out 2.5s, top 1s ease-out 2.5s; }
.activ_con02.ani_act02 div.dl dl:nth-child(4) { opacity: 1; top: 0; -webkit-transition: opacity 1s ease-out 3s, top 1s ease-out 3s; -moz-transition: opacity 1s ease-out 3s, top 1s ease-out 3s; -ms-transition: opacity 1s ease-out 3s, top 1s ease-out 3s; transition: opacity 1s ease-out 3s, top 1s ease-out 3s; }
@media only screen and (max-width: 1440px) {
.activ_con02 h3 { margin-top: 70px; }
.activ_con02 div.dl { margin-top: 60px; }
}
@media only screen and (max-width: 1024px) {
.activ_con02 h3 { width: 100%; padding: 0 20px; box-sizing: border-box; }
.activ_con02 .p { width: 100%; padding: 0 20px; box-sizing: border-box; }
}
@media only screen and (max-width: 767px) {
.activ_con02 { position: relative!important; height: auto; padding-bottom: 50px; }
.activ_con02 h3 { margin-top: 40px; }
.activ_con02 div.dl { margin-top: 30px; }
}
.activ_con03 { background: url(../images/active_con03_bg.jpg) no-repeat center top; }
.activ_con03 .text { position: absolute; top: 50%; left: 20%; width: 500px; opacity: 0; color: #fff; z-index: 5; }
.activ_con03 .text h3 { position: relative; }
.activ_con03 .text h3 span { display: block; height: 1px; background: #e4e4e4; }
.activ_con03 .text div.p { color: #e4e4e4; }
.activ_con03 .map_bg { position: relative; height: 0px; padding-bottom: 38%; right: 0px; }
.activ_con03 .map_bg>img { bottom: 0px; position: absolute; right: 0px; }
.activ_con03 .xq_bnt { text-align: left; }
.activ_con03.ani_act03 .text { opacity: 1; top: 20%; -webkit-transition: opacity 1s ease-out, top 1s ease-out; -moz-transition: opacity 1s ease-out, top 1s ease-out; -ms-transition: opacity 1s ease-out, top 1s ease-out; transition: opacity 1s ease-out, top 1s ease-out; }
 @media only screen and (min-width: 1950px) {
.activ_con03 .map_bg { padding-bottom: 28%; }
}
@media only screen and (max-width: 1440px) {
.activ_con03 .text { top: 10%; }
.activ_con03 .map_bg { padding-bottom: 45%; }
.activ_con03 .map_bg>img { width: 60%; }
}
@media only screen and (max-width: 1366px) {
.activ_con03 .text { left: 10%; }
}
@media only screen and (max-width: 900px) {
.activ_con03 .map_bg { padding-bottom: 67%; }
}
@media only screen and (max-width: 767px) {
.activ_con03 { padding-bottom: 0; }
.activ_con03 .map_bg>img { width: 100%; }
.activ_con03 .text { position: static; width: 100%; padding: 40px 20px 0; box-sizing: border-box; }
.activ_con03 .map_bg { text-align: right; height: auto; padding-bottom: 0; }
.activ_con03 .map_bg>img { position: static; }
}
.ipadPro1024 .activ_con03 .map_bg { padding-bottom: 52%; }
.ipadPro1366 .activ_con03 .map_bg { padding-bottom: 55%; }
.activ_con04 .cl_con04_img .text { left: 20%; }
.activ_con04 .cl_con05_img .text { width: auto; top: 45%; left: 61%; }
@media only screen and (max-width: 1366px) {
.activ_con04 .cl_con05_img .text { left: 71%; }
}
@media only screen and (max-width: 900px) {
.activ_con04 .cl_con04_img .text { left: 0%; top: 30%; }
}
@media only screen and (max-width: 767px) {
.activ_con04 .cl_con05_img .text { right: 0; left: auto; width: 30% }
}
/*业务系统*/
.busi_con01 { background: url(../images/busi_bg01.jpg) no-repeat center top; }
.busi_con01 .commer_c01_bg { width: 57%; left: 0px; right: auto; padding-bottom: 25%; }
.busi_con01 h3 p { color: #000; }
.busi_con01 h3 span.line { background: #262626; }
.busi_con01 .p { color: #7d7d7d; position: relative; z-index: 2; }
@media only screen and (max-width: 1440px) {
.busi_con01 .commer_c01_bg { bottom: 0; width: 70%; padding-bottom: 31%; }
}
.busi_con02 { background: url(../images/busi_bg02.jpg) no-repeat center top; }
.busi_con02 .text { width: 540px; position: absolute; top: 160px; }
.busi_con02 .text h3 { position: relative; color: #fff; }
.busi_con02 .text h3 p { color: #e4e4e4; }
.busi_con02 .text h3 em { color: #cecece; }
.busi_con02 .text h3 span { height: 1px; background: #fff; }
.busi_con02 .text div.p { color: #cecece; }
.busi_con02 .img { position: relative; width: 1000px; height: 700px; margin: 0 auto; }
.busi_con02 .img>div { position: absolute; bottom: -150px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: left 1s ease-out; -moz-transition: left 1s ease-out; -ms-transition: left 1s ease-out; transition: left 1s ease-out; }
.busi_con02 .img>div.ani_img.img01 { left: 33%; z-index: 2; }
.busi_con02 .img>div.ani_img.img02 { left: 68%; }
.busi_con02 .img>dl { position: absolute; bottom: 18%; color: #acacac; text-align: center; opacity: 0; }
.busi_con02 .img>dl dd { margin-top: 25px; }
.busi_con02 .img>dl.ani_ico.ico01 { left: 13%; -webkit-transition: opacity 1s ease-out 1s; -moz-transition: opacity 1s ease-out 1s; -ms-transition: opacity 1s ease-out 1s; transition: opacity 1s ease-out 1s; opacity: 1; }
.busi_con02 .img>dl.ani_ico.ico02 { bottom: 25%; left: 48%; -webkit-transition: opacity 1s ease-out 1.4s; -moz-transition: opacity 1s ease-out 1.4s; -ms-transition: opacity 1s ease-out 1.4s; transition: opacity 1s ease-out 1.4s; opacity: 1; }
.busi_con02 .img>dl.ani_ico.ico03 { left: 78%; -webkit-transition: opacity 1s ease-out 1.8s; -moz-transition: opacity 1s ease-out 1.8s; -ms-transition: opacity 1s ease-out 1.8s; transition: opacity 1s ease-out 1.8s; opacity: 1; }
@media only screen and (max-width: 1366px) {
.busi_con02 .img>dl { bottom: 30% }
.busi_con02 .img>dl.ani_ico.ico02 { bottom: 35%; }
}
@media only screen and (max-width: 1200px) {
.busi_con02 .text { left: 10%; top: 10%; }
}
@media only screen and (max-width: 1000px) {
.busi_con02 .img { width: 100%; height: 700px; }
.busi_con02 .img>dl { bottom: 35%; }
.busi_con02 .img>dl.ani_ico.ico01 { left: 10%; }
.busi_con02 .img>dl.ani_ico.ico02 { bottom: 40%; }
.busi_con02 .img>dl.ani_ico.ico03 { left: 80%; }
}
@media only screen and (max-width: 767px) {
.busi_con02 .text { position: static; width: auto; padding: 40px 20px; padding-bottom: 0px; box-sizing: border-box; }
.busi_con02 .img { height: 200px; }
.busi_con02 .img>div { width: 60%; bottom: -300px; }
.busi_con02 .img>div img { width: 100%; }
.busi_con02 .img>dl { bottom: 10px; }
.busi_con02 .img>dl.ani_ico img { width: 100%; }
.busi_con02 .img>dl.ani_ico dt { width: 30px; margin: 0 auto; }
.busi_con02 .img>dl dd { margin-top: 10px; }
.busi_con02 .img>dl.ani_ico.ico02 { bottom: 10px; left: 45%; }
.busi_con02 .img>dl.ani_ico.ico03 { left: 75%; }
}
@media (min-width: 670px) and (max-width: 767px) {
.busi_con02 .img>dl.ani_ico.ico01 { left: 20%; }
.busi_con02 .img>dl.ani_ico.ico02 { left: 47%; }
.busi_con02 .img>dl.ani_ico.ico03 { left: 72%; }
}
@media (min-width: 500px) and (max-width: 670px) {
.busi_con02 .img>div { width: 60%; bottom: -200px; }
.busi_con02 .img>dl.ani_ico.ico01 { left: 20%; }
.busi_con02 .img>dl.ani_ico.ico02 { left: 47%; }
.busi_con02 .img>dl.ani_ico.ico03 { left: 72%; }
}
@media only screen and (max-width: 500px) {
.busi_con02 .img>div { width: 60%; bottom: -100px; }
}
@media only screen and (max-width: 375px) {
.busi_con02 .img { height: 150px; overflow: hidden; }
}
@media only screen and (max-width: 325px) {
.busi_con02 .img { height: 130px; }
.busi_con02 .img>dl.ani_ico.ico01 { left: 7%; }
.busi_con02 .img>dl.ani_ico.ico02 { bottom: 0%; left: 43%; }
.busi_con02 .img>dl.ani_ico.ico03 { left: 70%; }
}
.busi_con03 { background: url(../images/busi_bg03.jpg) no-repeat center top; }
.busi_con03 h3 { z-index: 1; text-align: center; width: 840px; margin: 100px auto 0; position: relative; top: 50px; opacity: 0; }
.busi_con03 h3 span.line { margin-left: auto; margin-right: auto; background: #262626; }
.busi_con03 .p { position: relative; z-index: 1; text-align: center; width: 840px; margin-left: auto; margin-right: auto; color: #7d7d7d; opacity: 0; }
.busi_con03 div.dl { margin-top: 60px; }
.busi_con03 div.dl dl { width: 20%; text-align: center; float: left; opacity: 0; top: 50px; position: relative; }
.busi_con03 div.dl dl dt img { max-width: 100%; }
.busi_con03 div.dl dl dd { margin-top: 30px; }
.busi_con03.ani_con03 h3 { opacity: 1; top: 0; -webkit-transition: opacity 1s ease-out, top 1s ease-out; -moz-transition: opacity 1s ease-out, top 1s ease-out; -ms-transition: opacity 1s ease-out, top 1s ease-out; transition: opacity 1s ease-out, top 1s ease-out; }
.busi_con03.ani_con03 .p { opacity: 1; -webkit-transition: opacity 1s ease-out 1s; -moz-transition: opacity 1s ease-out 1s; -ms-transition: opacity 1s ease-out 1s; transition: opacity 1s ease-out 1s; }
.busi_con03.ani_con03 div.dl dl:nth-child(1) { opacity: 1; top: 0; -webkit-transition: opacity 1s ease-out 1.5s, top 1s ease-out 1.5s; -moz-transition: opacity 1s ease-out 1.5s, top 1s ease-out 1.5s; -ms-transition: opacity 1s ease-out 1.5s, top 1s ease-out 1.5s; transition: opacity 1s ease-out 1.5s, top 1s ease-out 1.5s; }
.busi_con03.ani_con03 div.dl dl:nth-child(2) { opacity: 1; top: 0; -webkit-transition: opacity 1s ease-out 2s, top 1s ease-out 2s; -moz-transition: opacity 1s ease-out 2s, top 1s ease-out 2s; -ms-transition: opacity 1s ease-out 2s, top 1s ease-out 2s; transition: opacity 1s ease-out 2s, top 1s ease-out 2s; }
.busi_con03.ani_con03 div.dl dl:nth-child(3) { opacity: 1; top: 0; -webkit-transition: opacity 1s ease-out 2.5s, top 1s ease-out 2.5s; -moz-transition: opacity 1s ease-out 2.5s, top 1s ease-out 2.5s; -ms-transition: opacity 1s ease-out 2.5s, top 1s ease-out 2.5s; transition: opacity 1s ease-out 2.5s, top 1s ease-out 2.5s; }
.busi_con03.ani_con03 div.dl dl:nth-child(4) { opacity: 1; top: 0; -webkit-transition: opacity 1s ease-out 3s, top 1s ease-out 3s; -moz-transition: opacity 1s ease-out 3s, top 1s ease-out 3s; -ms-transition: opacity 1s ease-out 3s, top 1s ease-out 3s; transition: opacity 1s ease-out 3s, top 1s ease-out 3s; }
.busi_con03.ani_con03 div.dl dl:nth-child(5) { opacity: 1; top: 0; -webkit-transition: opacity 1s ease-out 3.5s, top 1s ease-out 3.5s; -moz-transition: opacity 1s ease-out 3.5s, top 1s ease-out 3.5s; -ms-transition: opacity 1s ease-out 3.5s, top 1s ease-out 3.5s; transition: opacity 1s ease-out 3.5s, top 1s ease-out 3.5s; }
 @media only screen and (max-width: 1440px) {
.busi_con03 h3 { margin-top: 70px; }
.busi_con03 div.dl { margin-top: 40px; }
}
@media only screen and (max-width: 1366px) {
.busi_con03 h3 { margin-top: 40px; }
.xq_bnt { margin-top: 50px; }
}
@media only screen and (max-width: 1100px) {
.busi_con03 h3 { margin-top: 50px; width: 100%; padding: 0 20px; box-sizing: border-box; }
.busi_con03 .p { width: 100%; padding: 0 20px; box-sizing: border-box; }
.busi_con03 div.dl { margin-top: 30px; }
}
@media only screen and (max-width: 767px) {
.busi_con03 h3 { margin-top: 40px; }
.busi_con03 div.dl dl dt { width: 80%; margin: 0 auto; }
.busi_con03 div.dl dl dt img { width: 100%; }
.busi_con03 div.dl { margin-top: 20px; }
.busi_con03 div.dl dl dd { margin-top: 10px; }
}
.busi_con04 .cl_con04_img .text { top: 50%; right: 15%; text-align: right; }
.busi_con04 .cl_con05_img .text { top: 50%; left: 20%; }
.busi_con04 .cl_con05_img .text p { }
@media only screen and (max-width: 1440px) {
.busi_con04 .cl_con05_img .text { left: 10%; }
}
@media only screen and (max-width: 767px) {
.busi_con04 .cl_con05_img .text { left: 0px; top: 30%; }
.busi_con04 .cl_con04_img .text { right: 0px; top: 30%; }
.busi_con04 .cl_con04_img .text { text-align: left; }
}
.anchorBL { display: none; }
.bug_bg { display: none; background: #fff; height: 100px; position: fixed; top: 800px; left: 0px; right: 0px; z-index: 1; }
@media only screen and (max-width: 767px) {
.bug_bg { display: block; }
}
/*落地*/
.ld_body { background: url(../images/ld_banner.jpg) no-repeat; background-size: 100%; background-attachment: fixed; overflow-y: auto; }
.ld_body em { display: none; }
.ld_con01 { height: 0px; padding-bottom: 47%; overflow: hidden; position: relative; }
.ld_con01 h1 { margin: 70px 0 0 60px; }
.ld_con01 .ld_banner_text { position: absolute; right: 15%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.ld_con01 .ld_banner_text p { margin-bottom: 65px; -webkit-transition: all 0.7s ease-out; transition: all 0.7s ease-out; }
.ld_con01 .ld_banner_text p:first-child { margin-bottom: 35px; }
.ld_con01 .ld_banner_text.scroll_div p:first-child { opacity: 0; transform: translateY(-40px); }
.ld_con01 .ld_banner_text.scroll_div p:first-child+p { opacity: 0; transform: translateY(-35px); }
.ld_con01 .ld_banner_text.scroll_div p:first-child+p+p { opacity: 0; transform: translateY(-25px); }
 @media only screen and (max-width: 1440px) {
.ld_con01 h1 { margin: 3% 0 0 3%; }
}
@media only screen and (max-width: 1366px) {
.ld_con01 .ld_banner_text p img { width: 80%; }
.ld_con01 .ld_banner_text p:first-child { margin-bottom: 25px; }
.ld_con01 .ld_banner_text p { margin-bottom: 45px; }
}
@media only screen and (max-width: 1100px) {
.ld_con01 h1 { width: 170px; }
.ld_con01 h1 img { width: 100%; }
.ld_con01 .ld_banner_text { right: 5%; }
}
@media only screen and (max-width: 1000px) {
.ld_con01 .ld_banner_text { width: 35%; }
.ld_con01 .ld_banner_text p img { width: 100%; }
.ld_con01 .ld_banner_text p:first-child { margin-bottom: 15px; }
.ld_con01 .ld_banner_text p { margin-bottom: 25px; }
}
@media only screen and (max-width: 767px) {
.ld_body { background-position-x: 50%; background-size: 150%; }
.ld_con01 { padding-bottom: 68%; }
.ld_con01 h1 { width: 100px; }
.ld_con01 .ld_banner_text { width: 50%; }
.ld_con01 .ld_banner_text p:nth-of-type(1) img { display: none; }
.ld_con01 .ld_banner_text p:nth-of-type(2) img { display: none; }
.ld_con01 .ld_banner_text p:first-child { margin-bottom: 5px; }
.ld_con01 .ld_banner_text p { margin-bottom: 13px; }
.ld_con01 .ld_banner_text p em { display: block; color: #fff; font-size: 12px; }
.ld_con01 .ld_banner_text p:first-child em { color: #fff; font-size: 20px; }
}
.ld_con02 { background: #fff; }
.ld_con02>h3 { height: 120px; text-align: center; }
.ld_con02>h3 img { -webkit-transform: translateY(-50%); transform: translateY(-50%); position: relative; top: 50%; }
.ld_con02 ul { max-width: 1920px; margin: 0 auto; }
.ld_con02 li { float: left; width: 25%; padding-bottom: 19.8%; height: 0px; overflow: hidden; position: relative; }
.ld_con02 li>img { max-width: 100%; }
.ld_con02 li p { position: absolute; top: 50%; left: 0%; right: 0px; text-align: center; z-index: 2; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.ld_con02 li p img { max-width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
.ld_con02 li i { opacity: 0; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background: rgba(0,0,0,0.4); z-index: 1; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.ld_con02 li:hover i { opacity: 1; }
.ld_con02 li:hover p { -webkit-transform: translateY(-53%); transform: translateY(-53%); }
.ld_con02 li.last_li { background: #f8f8f8; }
.ld_con02 li.last_li div.p { position: absolute; top: 50%; left: 0%; right: 0px; text-align: center; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.ld_con02 li.last_li div.p .text { font-size: 20px; margin-bottom: 20px; }
.ld_con02 li.last_li div.p .btn { display: inline-block; width: 170px; height: 40px; line-height: 40px; text-align: center; color: #fff; background: #f60; border-radius: 40px; border: 1px solid #f60; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; cursor: pointer; }
.ld_con02 li.last_li div.p .btn:hover { background: transparent; color: #f60; }
@media only screen and (min-width: 1925px) {
.ld_con02 ul { margin-bottom: 100px; overflow: hidden; }
}
@media only screen and (max-width: 1100px) {
.ld_con02>h3 { height: 90px; }
.ld_con02>h3 img { width: 130px; }
.ld_con02 li.last_li div.p .text img { width: 80%; }
.ld_con02 li.last_li div.p .btn { width: 140px; height: 35px; line-height: 35px; }
.ld_con02 li { padding-bottom: 19.7%; }
}
@media only screen and (max-width: 1000px) {
.ld_con02 li { padding-bottom: 19.6%; }
.ld_con02 li.last_li div.p .text { margin-bottom: 0px; }
}
@media only screen and (max-width: 767px) {
.ld_con02>h3 { height: 70px; }
.ld_con02>h3 img { width: 100px; }
.ld_con02 li { width: 50%; padding-bottom: 39.6%; }
.ld_con02 li.last_li div.p .text { margin-bottom: 10px; }
.ld_con02 li.last_li div.p .text img { display: none; }
.ld_con02 li.last_li div.p .text em { display: block; font-size: 14px; }
.ld_con02 li.last_li div.p .btn { width: 100px; height: 30px; line-height: 30px; }
}
.ld_con03 { position: relative; overflow: hidden; background: #fff; }
.ld_con03>h3 { position: absolute; top: 70px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 9; }
.ld_con03 li>img { width: 100%; }
/*.ld_con03 .video>video{position: absolute;top: 0px;left: 0px;z-index: -1;}
.ld_con03 .video>img{width: 100%;}*/
.ld_con03_text { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 2; text-align: center; }
.ld_con03_text div.p { text-align: left; max-width: 1440px; margin-right: auto; margin-left: auto; top: 50%; position: relative; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.ld_con03_text div.p p img { max-width: 100%; }
.ld_con03_text div.p p.other_p { margin: 30px 0 40px; }
.ld_con03_text div.p p.other_p+p { width: 100px; height: 100px; cursor: pointer; }
.ld_con03_text div.p p:nth-of-type(1) { height: 0px; padding-bottom: 2%; overflow: hidden; }
.ld_con03_text div.p p:nth-of-type(1) img { position: relative; top: 30px; }
.ld_con03_text div.p p.other_p { height: 0px; padding-bottom: 4%; overflow: hidden; }
.ld_con03_text div.p p.other_p img { position: relative; top: 60px; }
.ld_con03_text div.p p:last-child img { left: 20px; opacity: 0; position: relative; }
.video_place { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: rgba(0,0,0,0.6); z-index: 999999999; }
.lt9 .video_place { filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000")
}
.video_con { z-index: 2; width: 80%; height: 60%; background-color: #000; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; }
.lt9 .video_con { top: 20%; left: 10%; background: #000; }
.video_con video { width: 100%; height: 100%; }
.video_close_btn { position: absolute; top: 15%; right: 10%; width: 120px; height: 35px; background: #4F7CC9; color: #fff; text-align: center; line-height: 35px; cursor: pointer; }
 @media only screen and (max-width: 1440px) {
.ld_con03_text div.p { padding: 0 10%; -webkit-box-sizing: border-box; box-sizing: border-box; }
}
@media only screen and (max-width: 1366px) {
.ld_con03>h3 { top: 40px; }
.ld_con03_text div.p p.other_p { margin: 20px 0 30px; }
.ld_con03_text div.p p.other_p+p img { width: 80% }
}
@media only screen and (max-width: 1100px) {
.ld_con03>h3 img { width: 120px; }
.ld_con03_text div.p p.other_p+p img { width: 50% }
}
@media only screen and (max-width: 767px) {
.video_con { width: 95%; height: 50%; }
.ld_con03>h3 img { width: 90px; }
.ld_con03_text div.p { -webkit-box-sizing: border-box; box-sizing: border-box; }
.ld_con03_text div.p p { color: #fff; }
.ld_con03_text div.p p.other_p { margin: 0; height: auto; padding-bottom: 0px; margin: 5px 0 10px; }
.ld_con03_text div.p p:nth-of-type(1) { padding-bottom: 0; height: auto; }
.ld_con03_text div.p p.other_p+p { width: 30px; height: 30px; }
.ld_con03_text div.p p img { display: none; }
.ld_con03_text div.p p.other_p+p img { display: block; width: 100%; }
.ld_con03_text div.p p em { display: block; }
.ld_con03_text div.p p:nth-of-type(1) em { position: relative; top: 30px; }
.ld_con03_text div.p p.other_p em { position: relative; top: 60px; }
.ld_con03_text div.p p:last-child em { left: 20px; opacity: 0; position: relative; }
}
@media only screen and (max-width: 450px) {
.ld_con03 .video>img { width: 145%; }
}
.ld_con04 { background: #fff; }
.ld_con04 dl { width: 770px; margin-left: auto; margin-right: auto; padding: 70px 0; overflow: hidden; }
.ld_con04 dl a { border: 1px solid #f60; display: inline-block; width: 185px; height: 50px; line-height: 50px; text-align: center; font-size: 18px; color: #fff; background: #f60; border-radius: 50px; }
.ld_con04 dl dt { float: left; margin-right: 230px; background: url(../images/ld_img16.png) no-repeat; padding-left: 83px; height: 55px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.ld_con04 dl dd { float: left; background: url(../images/ld_img17.png) no-repeat; padding-left: 75px; height: 55px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.ld_con04 dl dt:hover { background-position: 10px 0; }
.ld_con04 dl dt:hover a { color: #f60; background: transparent; }
.ld_con04 dl dd:hover { background-position: 10px 0; }
.ld_con04 dl dd:hover a { color: #f60; background: transparent; }
 @media only screen and (max-width: 1100px) {
.ld_con04 dl { padding: 40px 0; }
}
@media only screen and (max-width: 1000px) {
.ld_con04 dl { width: 590px; }
.ld_con04 dl dt { width: 270px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 50px; }
.ld_con04 dl dd { width: 270px; -webkit-box-sizing: border-box; box-sizing: border-box; }
}
@media only screen and (max-width: 767px) {
.ld_con04 dl { padding: 20px 0; width: 100%; text-align: center; }
.ld_con04 dl a { width: 90%; text-indent: 20px; }
.ld_con04 dl dt { width: 50%; height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; background: none; padding: 0; }
.ld_con04 dl dt a { background: #f60 url(../images/ld_img16_0.png) no-repeat 30px center; }
.ld_con04 dl dd { width: 50%; height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; background: none; padding: 0; }
.ld_con04 dl dd a { background: #f60 url(../images/ld_img17_0.png) no-repeat 30px center; }
}
@media only screen and (max-width: 320px) {
.ld_con04 dl dt a { font-size: 14px; height: 40px; line-height: 40px; background-position: 20px center; }
.ld_con04 dl dd a { font-size: 14px; height: 40px; line-height: 40px; background-position: 20px center; }
}
.ld_con05 { background: #fff; }
.ld_con05 .ld_c05_con { max-width: 1740px; margin-right: auto; margin-left: auto; }
.ld_con05 dl { position: relative; float: left; margin-left: 40px; }
.ld_con05 dl dd { overflow: hidden; height: 0px; padding-bottom: 63.5%; }
.ld_con05 dl dd img { -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.ld_con05 dl:first-child { margin-left: 0; }
.ld_con05 dl dt { position: absolute; top: 50%; left: 0px; right: 0px; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; }
.ld_con05 dl dt p:first-child { margin-bottom: 25px; }
.ld_con05 dl dt p:first-child+p { margin-bottom: 15px; }
.ld_con05 dl:hover dd img { transform: scale(1.05); }
.ld_con05 dl:nth-of-type(1) { top: 20px; opacity: 0; }
.ld_con05 dl:nth-of-type(2) { top: 20px; opacity: 0; }
.ld_con05 dl:nth-of-type(3) { top: 20px; opacity: 0; }
 @media only screen and (max-width: 1750px) {
.ld_con05 .ld_c05_con { }
.ld_con05 dl { width: 31.3%; margin: 0 1%; }
.ld_con05 dl:first-child { margin-left: 1%; }
.ld_con05 dl img { width: 100%; }
}
@media only screen and (max-width: 767px) {
.ld_con05 dl { width: 95%; margin: 0 auto; float: none; margin-bottom: 10px; }
.ld_con05 dl:first-child { margin: 0 auto; margin-bottom: 10px; }
}
.ld_con06 { background: #fff url(../images/ld_img12.jpg) no-repeat center bottom; padding: 100px 0; }
.ld_con06>h3 { text-align: center; }
.ld_con06 .pho { max-width: 945px; margin-right: auto; margin-left: auto; }
.ld_con06 .pho dl { height: 61px; line-height: 61px; margin-top: 50px; }
.ld_con06 .pho dl img { vertical-align: middle; }
.ld_con06 .pho dt { float: left; margin-right: 50px; }
.ld_con06 .pho dd { float: left; margin-left: 50px; }
.ld_con06 .pho dd:nth-of-type(1) { margin-left: 0px; }
@media only screen and (max-width: 1100px) {
.ld_con06 { padding: 50px 0 80px; }
.ld_con06>h3 { margin-top: 0px; margin-bottom: 40px; }
.ld_con06>h3 img { width: 160px; }
.ld_con06 .pho { max-width: 900px; }
.ld_con06 .pho dl img { width: 80%; }
.ld_con06 .pho dd { margin-left: 0; }
.ld_con06 .pho dl { margin-top: 0; }
}
@media only screen and (max-width: 1000px) {
.ld_con06 .pho { width: 70%; }
.ld_con06 .pho dt { margin-right: 0px; }
.ld_con06 .pho dl img { width: 100%; }
.ld_con06 .pho dl dt img { width: 80%; }
.ld_con06 .pho dd { width: 44%; }
}
@media only screen and (max-width: 767px) {
.ld_con06 { padding: 20px 0 40px; }
.ld_con06>h3 { margin-bottom: 20px; }
.ld_con06 .pho { width: 80%; padding-left: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.ld_con06 .pho dd { width: 100%; }
.ld_con06 .pho dl { margin-bottom: 20px; height: auto; line-height: 3; position: relative; }
.ld_con06 .pho dt { position: absolute; top: 0px; left: -40px; }
.ld_con06 .pho dl dt img { width: 50%; }
}
.ld_con07 { background: #2d2b2b; padding: 55px 0 60px; position: relative; }
.ld_con07 p { text-align: center; color: #fff; }
.ld_con07 p:first-child { margin-bottom: 20px; }
.ld_con07 .ld_ewm { position: absolute; right: 80px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
@media only screen and (max-width: 1000px) {
.ld_con07 .ld_ewm { position: static; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); text-align: center; margin-top: 30px; }
}
@media only screen and (max-width: 767px) {
.ld_con07 { padding: 20px 0; }
.ld_con07 i { display: block; }
}
@media only screen and (max-width: 320px) {
.ld_con07 { font-size: 12px; }
}
.year_bg { position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; background: rgba(0,0,0,0.7); z-index: 999999; }
.year_bg .year_con { position: absolute; width: 75%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.lt9 .year_bg .year_con { margin-left: -720px; margin-top: -410px; }
.year_bg .y_close { position: absolute; right: 10px; top: 10px; cursor: pointer; z-index: 9999; }
.year_bg video { width: 100%; }
.year_bg img { width: 100%; }
.year_btn { padding: 5px 12px; text-align: center; cursor: pointer; background: #ff6600; color: #fff; float: right; margin-top: 20px; }
.year_btn em { padding-right: 10px; display: inline-block; line-height: 1; font-size: 16px; }
.header02 .year_btn { margin-top: 30px; }
.end_img { display: none; }
.year_bg .vid_btn { position: absolute; top: 50%; z-index: 999; left: 0px; right: 0px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #fff; }
.year_bg .vid_btn h3 { font-size: 36px; width: 346px; margin: 10px auto; }
.year_bg .vid_btn p { font-size: 18px; letter-spacing: 36px; width: 337px; margin: 0 auto; }
.year_bg .vid_btn a { display: block; width: 80px; height: 40px; background: url(../images/vi_play.png) no-repeat; margin: 25px auto; }
 @media only screen and (max-width: 1260px) {
.year_btn em { display: none; }
}
@media only screen and (max-width: 1200px) {
.year_btn { margin-top: 30px; }
}
@media only screen and (max-width: 1024px) {
.year_btn { margin-top: 20px; background: transparent; margin-right: 20px; }
.year_bg .vid_btn h3 { font-size: 28px; letter-spacing: 5px; width: 301px; }
.year_bg .vid_btn p { letter-spacing: 32px; width: 288px; font-size: 16px; }
.year_bg .vid_btn a { width: 70px; }
}
@media only screen and (max-width: 767px) {
.year_btn { margin-top: 21px; }
.year_bg .year_con { width: 95%; }
.year_bg .vid_btn h3 { font-size: 18px; letter-spacing: 0px; width: 100%; text-align: center; letter-spacing: 3px; margin: 0 auto; }
.year_bg .vid_btn p { letter-spacing: 0px; width: 100%; text-align: center; font-size: 14px; letter-spacing: 3px; }
.year_bg .vid_btn a { width: 40px; margin: 15px auto; }
}