@import url("system.css");
/*内容页中的分页样式，可以通过覆盖CSS的方法改写*/
#CMS_ConGoPage{height:50px;line-height:50px; width:100%; text-align:center; clear: both; padding: 10px 0; font-family: cursive;font-size: 14px;}#CMS_ConGoPage span{display:inline-block; height:30px; line-height:30px; text-align:center;  width:30px; border: solid #ccc 1px;margin: 10px 3px; color:#ccc;}#CMS_ConGoPage span:hover{background-color: aliceblue;}#CMS_ConGoPage span a,#CMS_ConGoPage span a:hover{text-decoration: none;display:inline-block;color:#000;font-size: 14px;width: 100%;}
@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{-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;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:0 0!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,.3);transition:all .3s}
.no_touch a.more:hover:after{width:100%}
img.phone_img{display:none}
.case-wall{margin-top:100px}
.caseXX{position:absolute;top:50%;left:0;right:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.sj_bxslider{display:none}
#section5{display:none}
@media only screen and (max-width:767px){.caseXX{position:relative;top:0;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
    img.pc_img{display:none}
    img.phone_img{display:block}
    .case-wall{margin-top:70px}
}
.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;}
body,html{height:100%}
body.n_body{margin:0 auto;overflow:visible;overflow-x:hidden}
body.w1200{overflow:visible;height:auto}
.body{margin:0 auto;position:relative;z-index:9}
.header{position:fixed;top:0;left:0;right:0;z-index:999}
.header .header01{position:relative;top:20px;overflow:hidden;height:120px}
.header .header01 .logo{float:left}
.header .header01 .logo a{text-indent:-9999px;display:inline-block;width:230px;height:100px;background-image:url(img/logo_home.png);background-repeat:no-repeat}
.header .header01 .nav{float:right;margin-top:15px;border-bottom:1px solid #b4b3b5;padding-right:20px}
.header .header01 .nav>ul{float:left;margin-top:10px;transition:all .5s ease-in-out;opacity:1}
.header .header01 .nav>ul li{float:left;width:115px;margin-right:20px;text-align:center;height:53px;position:relative}
.header .header01 .nav>ul li a{color:#fff;display:inline-block;width:100%;height:100%}
.header .header01 .nav>ul li a span{display:inline-block;width:0;margin:0 auto;height:2px;background:#fff;position:absolute;bottom:0;left:50%;-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;-moz-transition:all .3s ease-out;transition:all .3s ease-out}
.header .header01 .nav>ul li:hover a{color:#2b8ada}
.header .header01 .nav>ul li:hover span{width:100%;background:#2b8ada}
.header .header01 .nav>ul li.hover span{width:100%}
.header .header02{height:90px;background-color:rgba(0,0,0,.8);width:100%;opacity:0;position:absolute;top:-90px;left:0;right:0}
.header .header02 .logo{float:left;margin-left:40px}
.header .header02 .logo img{width:180px}
.header .header02 .nav{float:right;margin-top:23px;padding-right:20px}
.header .header02 .nav>ul{float:left;margin-top:10px;transition:all .5s ease-in-out;opacity:1}
.header .header02 .nav>ul li{position:relative;float:left;width:115px;margin-right:20px;text-align:center;height:57px}
.header .header02 .nav>ul li a{color:#fff;font-size:16px;display:inline-block;width:100%;height:100%}
.header .header02 .nav>ul li a span{display:inline-block;width:0;margin:0 auto;height:2px;background:#f60;position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out}
.header .header02 .nav>ul li:hover span{width:100%}
.header .header02 .nav>ul li.hover span{width:100%}
@media only screen and (max-width:1366px){.header .header01 .nav>ul li a{font-size:16px!important}
}
.header .header01 .logo a img{display:none}
@media only screen and (max-width:1200px){.header .header01 .nav{padding-right:0;border-bottom:0}
    .header .header01 .nav>ul li{margin-right:0}
    .header .header01 .logo a{background:0 0;height:auto;width:160px}
    .header .header01 .logo a:hover{background:0 0}
    .header .header01 .logo a img{display:block;width:100%}
    .header.w1200_header .header01{display:none}
    .header.w1200_header .header02{display:block;opacity:1!important;top:0!important}
    .header .header02 .logo{transition:all .5s;margin-left:0}
    .header.w1200_header .header02 .logo{margin-left:40px}
    .header .header02 .nav>ul li{margin-right:0}
}
.touch_body .header .header02{top:0!important}
.bg_video{position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:-999999}
.bg_video video{position:relative;z-index:-99999}
.bg_video img{width:100%}
.touch_body .bg_video video{display:none}
.touch_body .bg_video{position:absolute}
.text_banner{position:relative;z-index:9;overflow:hidden}
.text_banner div.more{width:220px;margin-top:120px}
.text_banner div.more a{overflow:hidden;display:inline-block;width:100%;height:50px;line-height:50px;text-align:center;border:1px solid #fff;transition:all .6s cubic-bezier(.785,.135,.15,.86);color:#fff}
.text_banner div.more a span{display:block;width:100%;height:50px;line-height:50px;text-align:center;transition:all .6s cubic-bezier(.785,.135,.15,.86) .1s;position:relative}
.text_banner div.more a span:after{content:attr(data-tit);position:absolute;height:50px;top:0;left:0;right:0;color:transparent;-webkit-transition:all .6s cubic-bezier(.785,.135,.15,.86) .2s;-moz-transition:all .6s cubic-bezier(.785,.135,.15,.86) .2s;-o-transition:all .6s cubic-bezier(.785,.135,.15,.86) .2s;-ms-transition:all .6s cubic-bezier(.785,.135,.15,.86) .2s;transition:all .6s cubic-bezier(.785,.135,.15,.86) .2s;-webkit-transform:translate(0,100%);-moz-transform:translate(0,100%);-o-transform:translate(0,100%);-ms-transform:translate(0,100%);transform:translate(0,100%)}
.text_banner div.more a:hover span{color:transparent;-webkit-transform:translate(0,-100%);-moz-transform:translate(0,-100%);-o-transform:translate(0,-100%);-ms-transform:translate(0,-100%);transform:translate(0,-100%)}
.text_banner div.more a:hover{border:1px solid #f60}
.text_banner div.more a:hover span:after{background-color:#f60;color:#fff}
.text_banner .bx-wrapper .bx-pager{text-align:left}
.text_banner .bx-wrapper .bx-controls-auto,.text_banner .bx-wrapper .bx-pager{bottom:-120px}
.text_banner .bx-wrapper .bx-pager.bx-default-pager a{background:#fff;margin:0 10px;-webkit-transition:width .5s ease-out;-moz-transition:width .5s ease-out;-o-transition:width .5s ease-out;-ms-transition:width .5s ease-out;transition:width .5s ease-out}
.text_banner .bx-wrapper .bx-pager.bx-default-pager a.active,.text_banner .bx-wrapper .bx-pager.bx-default-pager a:hover{width:40px;background:#fff}
.banner_txt{position:absolute;top:0;left:0;z-index:9}
.banner_img img{max-width:100%}
.banner_bg img{width:100%}
.banner_background{display:none}
.text_banner li{position:relative}
.text_banner li .banner_txt{width:80%;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%)}
.text_banner li .banner_txt .banner_img img{display:inline-block}
.text_banner li .banner_txt .banner_img p:first-child+p{margin:20px 0 35px 0}
.bx_li01 .banner_txt .banner_img p{opacity:0;position:relative;color:#fff;font-weight:400}
.bx_li01 .banner_txt .more{opacity:0}
.bx_li02 .banner_txt .banner_img{text-align:center}
.bx_li02 .banner_txt div.more{margin-left:auto;margin-right:auto}
.bx_li03 .banner_txt{text-align:right}
.bx_li03 .banner_txt div.more{margin-left:auto;margin-right:0}
.other_04.banner_txt div.more{margin-top:50px;opacity:0;position:relative;left:20px}
.text_banner li .banner_txt.other_04{width:70%}
.text_banner li .banner_txt.other_04 .banner_img p:first-child+p{margin:30px 0 10px 0}
.other_04.banner_txt .banner_img p{opacity:0;position:relative}
.ph_slid{margin-top:20px}
.ph_txt_dh a{display:inline-block;margin-right:30px;height:30px;text-indent:35px;margin-top:20px;color:#fff;line-height:30px;position:relative}
.ph_txt_dh a:nth-child(1){background:url(img/bbbbb.png) no-repeat left center;padding-right:30px}
.ph_txt_dh a:nth-child(1):after{content:"";height:20px;width:1px;background:#fff;position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.ph_txt_dh a:nth-child(2){background:url(img/aaaaa.png) no-repeat left center}
@media only screen and (max-width:1000px){.text_banner div.more{margin-top:40px!important}
}
@media only screen and (max-width:767px){.ph_txt_dh a:nth-child(1){margin-top:25px}
    .ph_txt_dh a:nth-child(2){margin-top:15px}
    .ph_txt_dh a:nth-child(1):after{display:none}
    .text_banner li .banner_txt{top:40%}
}
.section{overflow:hidden}
.shu_ico{z-index:99;position:absolute;bottom:30px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);cursor:pointer}
.shu_ico span{position:relative;display:block;width:26px;height:70px}
.shu_ico span img{position:absolute}
.shu_ico span img:first-child{-webkit-animation:bounceY 2s infinite;-moz-animation:bounceY 2s infinite;-o-animation:bounceY 2s infinite;-ms-animation:bounceY 2s infinite;animation:bounceY 2s infinite}
.shu_ico span img:first-child+img{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);left:10px;top:50px;-webkit-animation:ico_opa_B 2s infinite;-moz-animation:ico_opa_B 2s infinite;-o-animation:ico_opa_B 2s infinite;-ms-animation:ico_opa_B 2s infinite;animation:ico_opa_B 2s infinite}
.shu_ico span img:first-child+img+img{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);left:9px;top:53px;-webkit-animation:ico_opa_B 2s infinite 1s;-moz-animation:ico_opa_B 2s infinite 1s;-o-animation:ico_opa_B 2s infinite 1s;-ms-animation:ico_opa_B 2s infinite 1s;animation:ico_opa_B 2s infinite 1s}
.n_body .shu_ico span{height:30px;width:50px;margin-left:-25px}
.n_body .shu_ico span img{position:static}
@media only screen and (max-width:1366px){.n_body .shu_ico{bottom:5px}
}
@media only screen and (max-width:767px){.shu_ico span{width:19px;height:30px}
    .shu_ico span>img:first-child{width:19px}
    .shu_ico span img:first-child+img{top:30px;left:6px}
    .shu_ico span img:first-child+img+img{top:33px;left:5px}
}
@-webkit-keyframes bounceY{0%,100%{-webkit-transform:translateY(0);transform:translateY(0)}
    50%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}
}
@-moz-keyframes bounceY{0%,100%{-moz-transform:translateY(0);transform:translateY(0)}
    50%{-moz-transform:translateY(-15px);transform:translateY(-15px)}
}
@-o-keyframes bounceY{0%,100%{-o-transform:translateY(0);transform:translateY(0)}
    50%{-o-transform:translateY(-15px);transform:translateY(-15px)}
}
@keyframes bounceY{0%,100%{transform:translateY(0)}
    50%{transform:translateY(-15px)}
}
@-webkit-keyframes ico_opa_B{0%,100%{opacity:0}
    50%{opacity:1}
}
@-moz-keyframes ico_opa_B{0%,100%{opacity:0}
    50%{opacity:1}
}
@-o-keyframes ico_opa_B{0%,100%{opacity:0}
    50%{opacity:1}
}
@keyframes ico_opa_B{0%,100%{opacity:0}
    50%{opacity:1}
}
#section0 .bg{position:absolute;top:0;left:0;right:0;bottom:0;background:url(img/banner_bg.png);height:100%}
#section0 .bg_dian{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);height:100%}
@media only screen and (max-width:1600px){.bx_li03 .banner_txt{left:20%}
    .text_banner div.more{margin-top:70px;width:160px}
    .text_banner div.more a{height:40px;line-height:40px}
    .text_banner div.more a span{height:40px;line-height:40px}
    .text_banner div.more a span:after{height:40px}
    .text_banner li .banner_txt.other_04{width:55%;top:60%}
    .text_banner li .banner_txt.other_04 .banner_img p:first-child+p{margin:10px 0 0 0}
}
@media only screen and (max-width:1100px){.text_banner div.more{margin-top:40px;width:120px}
    .text_banner div.more a{height:30px;line-height:30px}
    .text_banner div.more a span{height:30px;line-height:29px;font-size:12px}
    .text_banner div.more a span:after{height:30px}
}
.goto{position:absolute;bottom:0;left:0;height:5px;right:0;z-index:10}
.goto p{height:5px;width:0;background:#fc6703}
.goto2{position:absolute;bottom:0;left:0;height:5px;right:0;z-index:10}
.goto2 p{height:5px;width:0;background:#fc6703}
.phone_txt{display:none}
.bxslider{display:none}
.goto2{display:none}
@media only screen and (max-width:1024px){
    #section5{display:block}
    .bxslider{display:block}
    .pc_bxslider{display:none}
    .sj_bxslider{display:block}
    .touch_body .goto{display:block}
    .touch_body .goto2{display:block}
    .text_banner div.more a span{line-height:30px}
    .phone_txt{display:block}
    .banner_img{display:none}
    .phone_txt p{text-align:left;color:#fff;opacity:0}
    .phone_txt p.fnt_24{line-height:1.2;margin:10px 0}
    .bxslider .banner_txt .more{opacity:0}
    .text_banner div.more{margin-top:20px}
    .bx_li01 .banner_txt div.more{margin-left:0;margin-right:0;opacity:0}
    .bx_li02 .banner_txt div.more{margin-left:0;margin-right:0;opacity:0}
    .bx_li03 .banner_txt div.more{margin-left:0;margin-right:0;opacity:0}
}
@media (min-width:1200px) and (max-width:1380px){.touch_body .bxslider{display:block}
    .touch_body .pc_bxslider{display:none}
    .touch_body .goto2{display:block}
    .touch_body .phone_txt{display:block}
    .touch_body .banner_img{display:none}
    .touch_body .phone_txt p{text-align:left;color:#fff;opacity:0}
    .touch_body .phone_txt p.fnt_24{line-height:1.2;margin:10px 0}
    .touch_body .bxslider .banner_txt .more{opacity:0}
    .touch_body .text_banner div.more{margin-top:20px}
    .touch_body .bx_li01 .banner_txt div.more{margin-left:0;margin-right:0;opacity:0}
    .touch_body .bx_li02 .banner_txt div.more{margin-left:0;margin-right:0;opacity:0}
    .touch_body .bx_li03 .banner_txt div.more{margin-left:0;margin-right:0;opacity:0}
}
@media only screen and (max-width:900px){.text_banner{top:0}
}
li .phone{display:none!important}
@media only screen and (max-width:767px){.text_banner{top:0}
    .text_banner li .banner_txt{width:80%;top:50%}
    .n_body .shu_ico{display:none}
    .banner_bg img{height:100vh}
    li .pad{display:none!important}
    li .phone{display:block!important;width:100%!important;height:auto!important;margin:0!important}
    .text_banner li.bx_li04 .banner_txt{top:70%}
    .bx_li04 .fnt_24{font-size:1.1rem}
    .bx_li04 .fnt_24.tex{font-size:1rem;color:#e6e6e6}
    .bx_li04 .fnt_40{font-size:2rem;line-height:1}
    .text_banner .bx_li04 div.more{margin-top:20px!important}
    .text_banner .bx_li04 div.more a{border:0!important;line-height:1!important;color:#f60!important;text-align:left!important}
}
@media only screen and (max-width:325px){.phone_txt p.fnt_40{font-size:16px}
    .phone_txt p.fnt_24{font-size:12px}
}
#section3{background:#f6f6f6}
#section3 .iScrollVerticalScrollbar{display:none}
.s1_con{position:absolute;top:50%;left:0;right:0;-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}
.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%)}
.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(0) translateZ(130px) skewY(30deg);-moz-transform:rotateY(0) translateZ(130px) skewY(30deg);-ms-transform:rotateY(0) translateZ(130px) skewY(30deg);-o-transform:rotateY(0) translateZ(130px) skewY(30deg);transform:rotateY(0) translateZ(130px) skewY(30deg);position:relative;opacity:0;top:-50px;-webkit-transition:transform .5s ease-in-out;-moz-transition:transform .5s ease-in-out;-o-transition:transform .5s ease-in-out;-ms-transition:transform .5s ease-in-out;transition:transform .5s ease-in-out}
.box_logo .box0_bg{position:absolute;top:0;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 .5s ease-in-out;-moz-transition:transform .5s ease-in-out;-ms-transition:transform .5s ease-in-out;-o-transition:transform .5s ease-in-out;transition:transform .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 .5s ease-in-out;-moz-transition:transform .5s ease-in-out;-ms-transition:transform .5s ease-in-out;-o-transition:transform .5s ease-in-out;transition:transform .5s ease-in-out}
.box_logo .box1_bg{position:absolute;top:0;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 .5s ease-in-out;-moz-transition:transform .5s ease-in-out;-ms-transition:transform .5s ease-in-out;-o-transition:transform .5s ease-in-out;transition:transform .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 .5s ease-in-out;-moz-transition:transform .5s ease-in-out;-ms-transition:transform .5s ease-in-out;-o-transition:transform .5s ease-in-out;transition:transform .5s ease-in-out}
.box_logo .box2_bg{position:absolute;top:0;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 .5s ease-in-out;-moz-transition:transform .5s ease-in-out;-ms-transition:transform .5s ease-in-out;-o-transition:transform .5s ease-in-out;transition:transform .5s ease-in-out}
.box_logo .box0.pos0{-webkit-transform:rotateY(0) translateZ(100px) skewY(30deg);-moz-transform:rotateY(0) translateZ(100px) skewY(30deg);-ms-transform:rotateY(0) translateZ(100px) skewY(30deg);-o-transform:rotateY(0) translateZ(100px) skewY(30deg);transform:rotateY(0) 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:400}
.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:0;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:0}
.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:0;height:66px;line-height:1.8;background:url(img/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(0) translate(-50%,-50%)}
    100%{-webkit-transform:rotateY(360deg) translate(-50%,-50%)}
}
@-moz-keyframes photoRotate{0%{-moz-transform:rotateY(0) translate(-50%,-50%)}
    100%{-moz-transform:rotateY(360deg) translate(-50%,-50%)}
}
@-o-keyframes photoRotate{0%{-o-transform:rotateY(0) translate(-50%,-50%)}
    100%{-o-transform:rotateY(360deg) translate(-50%,-50%)}
}
@keyframes photoRotate{0%{transform:rotateY(0) translate(-50%,-50%)}
    100%{transform:rotateY(360deg) translate(-50%,-50%)}
}
.box_logo_2d{position:relative;width:380px;height:555px;float:right;overflow:hidden;margin-right:130px;background:#f6f6f6;-webkit-transition:transform .5s ease-out;-moz-transition:transform .5s ease-out;-o-transition:transform .5s ease-out;-ms-transition:transform .5s ease-out;transition:transform .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:400}
.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:0;top:0;opacity:0}
.box_logo_2d .box_left h3{left:47px}
.box_logo_2d .box_left i{top:20px;left:0;opacity:0}
.box_logo_2d .box_left em{left:0;opacity:0}
.box_logo_2d .box_left span{width:0;left:0;top:20px;background:#f60}
.box_logo_2d .box_right{position:absolute;right:0;top:0;opacity:0}
.box_logo_2d .box_right h3{right:47px}
.box_logo_2d .box_right i{top:20px;right:0;opacity:0}
.box_logo_2d .box_right em{right:0;opacity:0}
.box_logo_2d .box_right span{width:0;top:20px;right:0}
.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:0;opacity:0}
.box_logo_2d .box_center i{top:0;left:15px;opacity:0}
.box_logo_2d .box_center em{top:0;left:0}
.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:0;height:70px;background:url(img/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:400}
.right_box>h3 span{display:inline-block;position:absolute;bottom:0;left:0;width:100px;height:1px;background-color:#2e2d33;-webkit-transition:width .5s ease-out;-moz-transition:width .5s ease-out;-o-transition:width .5s ease-out;-ms-transition:width .5s ease-out;transition:width .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 .6s cubic-bezier(.785,.135,.15,.86);-moz-transition:all .6s cubic-bezier(.785,.135,.15,.86);-o-transition:all .6s cubic-bezier(.785,.135,.15,.86);-ms-transition:all .6s cubic-bezier(.785,.135,.15,.86);transition:all .6s cubic-bezier(.785,.135,.15,.86)}
.right_box div.more a span{display:block;width:100%;height:50px;line-height:50px;text-align:center;-webkit-transition:all .6s cubic-bezier(.785,.135,.15,.86) .1s;-moz-transition:all .6s cubic-bezier(.785,.135,.15,.86) .1s;-o-transition:all .6s cubic-bezier(.785,.135,.15,.86) .1s;-ms-transition:all .6s cubic-bezier(.785,.135,.15,.86) .1s;transition:all .6s cubic-bezier(.785,.135,.15,.86) .1s;position:relative}
.right_box div.more a span:after{content:attr(data-tit);position:absolute;height:50px;top:0;left:0;right:0;color:transparent;-webkit-transition:all .6s cubic-bezier(.785,.135,.15,.86) .2s;-moz-transition:all .6s cubic-bezier(.785,.135,.15,.86) .2s;-o-transition:all .6s cubic-bezier(.785,.135,.15,.86) .2s;-ms-transition:all .6s cubic-bezier(.785,.135,.15,.86) .2s;transition:all .6s cubic-bezier(.785,.135,.15,.86) .2s;-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 #2b8ada}
.right_box div.more a:hover span:after{background-color:#2b8ada;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:0}
    .box_logo .box0{height:286px;-webkit-transform:rotateY(0) translateZ(122px) skewY(30deg);-moz-transform:rotateY(0) translateZ(122px) skewY(30deg);-o-transform:rotateY(0) translateZ(122px) skewY(30deg);-ms-transform:rotateY(0) translateZ(122px) skewY(30deg);transform:rotateY(0) 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(0) translateZ(122px) skewY(30deg);-moz-transform:rotateY(0) translateZ(122px) skewY(30deg);-ms-transform:rotateY(0) translateZ(122px) skewY(30deg);-o-transform:rotateY(0) translateZ(122px) skewY(30deg);transform:rotateY(0) 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(img/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(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);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}
}
#section1{background:#fff}
.s2_left{width:50%;position:relative;height:100%;z-index:9}
.s2_left .s2_left_left{width:100%;position:absolute;left:0;top:0;background:#2b8ada;bottom:0;z-index:8}
.s2_left .s2_left_left .s2_left_l_box{width:100%;position:absolute;left:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);z-index:8}
.s2_left_left .s2_left_text{float:right;width:610px;padding-right:90px}
.s2_left_left .s2_left_text>h3{height:80px;position:relative;font-weight:400;color:#fff}
.s2_left_left .s2_left_text>h3 span{display:inline-block;position:absolute;bottom:0;left:0;width:100px;height:1px;background-color:#fff;-webkit-transition:width .5s ease-out;-moz-transition:width .5s ease-out;-ms-transition:width .5s ease-out;transition:width .5s ease-out}
.s2_left_left .s2_left_text:hover>h3 span{width:50px}
.s2_left_left .s2_left_text>h3 p{font-family:YourWebFontName;opacity:.8}
.s2_left_left .s2_left_text div.p{color:#fff;line-height:2;margin-top:35px}
.s2_left_left .s2_left_text div.more{margin-top:61px}
.s2_left_left .s2_left_text div.more a{overflow:hidden;color:#fff;display:block;width:225px;height:50px;line-height:50px;text-align:center;border:1px solid #fff;-webkit-transition:all .6s cubic-bezier(.785,.135,.15,.86);-moz-transition:all .6s cubic-bezier(.785,.135,.15,.86);-ms-transition:all .6s cubic-bezier(.785,.135,.15,.86);transition:all .6s cubic-bezier(.785,.135,.15,.86);box-shadow:5px 5px 10px #2b8ada}
.s2_left_left .s2_left_text div.more a span{display:block;width:100%;height:50px;line-height:50px;text-align:center;-webkit-transition:all .6s cubic-bezier(.785,.135,.15,.86) .1s;-moz-transition:all .6s cubic-bezier(.785,.135,.15,.86) .1s;-ms-transition:all .6s cubic-bezier(.785,.135,.15,.86) .1s;transition:all .6s cubic-bezier(.785,.135,.15,.86) .1s;position:relative}
.s2_left_left .s2_left_text div.more a span:after{content:attr(data-tit);position:absolute;height:50px;top:0;left:0;right:0;color:transparent;-webkit-transition:all .6s cubic-bezier(.785,.135,.15,.86) .2s;-moz-transition:all .6s cubic-bezier(.785,.135,.15,.86) .2s;-ms-transition:all .6s cubic-bezier(.785,.135,.15,.86) .2s;transition:all .6s cubic-bezier(.785,.135,.15,.86) .2s;-webkit-transform:translate(0,100%);-moz-transform:translate(0,100%);-ms-transform:translate(0,100%);transform:translate(0,100%)}
.s2_left_left .s2_left_text div.more a:hover span{color:transparent;-webkit-transform:translate(0,-100%);-moz-transform:translate(0,-100%);-ms-transform:translate(0,-100%);transform:translate(0,-100%)}
.s2_left_left .s2_left_text div.more a:hover span:after{background-color:#fff;color:#f60}
#section1 ul.ico_ul{margin-top:120px;-webkit-transform:translateX(-24px);-moz-transform:translateX(-24px);-ms-transform:translateX(-24px);transform:translateX(-24px)}
#section1 ul.ico_ul li{width:25%;text-align:center;float:left;color:#fff}
#section1 ul.ico_ul li a{color:#fff}
#section1 ul.ico_ul li img{max-width:100%;-webkit-transition:transform .5s ease-out;-moz-transition:transform .5s ease-out;-ms-transition:transform .5s ease-out;transition:transform .5s ease-out}
#section1 ul.ico_ul li p{line-height:1.8}
#section1 ul.ico_ul li p:nth-child(1){margin-bottom:15px;height:51px}
#section1 ul.ico_ul li p:nth-child(3){font-family:YourWebFontName}
#section1 ul.ico_ul li:hover img{-webkit-transform:translateY(10px);-moz-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}
@media only screen and (max-width:1366px){#section1 ul.ico_ul li p:nth-child(1){margin-bottom:5px}
    #section1 ul.ico_ul li p:nth-child(1) img{max-width:30%}
}
@media only screen and (max-width:1200px){#section1 ul.ico_ul{margin-top:35px}
}
.s2_left_left .l_btn{position:absolute;top:48%;right:100px;cursor:pointer;-webkit-transition:transform .5s ease-out;-moz-transition:transform .5s ease-out;-ms-transition:transform .5s ease-out;transition:transform .5s ease-out}
.s2_left_left .l_btn span{display:inline-block;float:left}
.s2_left_left .l_btn span:nth-child(1){margin-right:10px;-webkit-animation:bounceX 2s infinite;-moz-animation:bounceX 2s infinite;-ms-animation:bounceX 2s infinite;animation:bounceX 2s infinite}
.s2_left_left .l_btn span:nth-child(2){margin-top:15px;-webkit-animation:ico_opa 2s infinite;-moz-animation:ico_opa 2s infinite;-ms-animation:ico_opa 2s infinite;animation:ico_opa 2s infinite}
.s2_left_left .l_btn span:nth-child(3){margin-top:12px;-webkit-animation:ico_opa 2s infinite 1s;-moz-animation:ico_opa 2s infinite 1s;-ms-animation:ico_opa 2s infinite 1s;animation:ico_opa 2s infinite 1s}
@keyframes bounceX{0%,100%{transform:translateX(0)}
    50%{transform:translateX(-15px)}
}
@-webkit-keyframes bounceX{0%,100%{transform:translateX(0)}
    50%{transform:translateX(-15px)}
}
@keyframes ico_opa{0%,100%{opacity:0}
    50%{opacity:1}
}
@-webkit-keyframes ico_opa{0%,100%{opacity:0}
    50%{opacity:1}
}
.s2_left .s2_left_right{width:100%;background:#2b8ada;position:absolute;top:0;left:0;bottom:0;z-index:7;-webkit-transition:left .5s ease-out .3s;-moz-transition:left .5s ease-out .3s;-ms-transition:left .5s ease-out .3s;transition:left .5s ease-out .3s}
.s2_left .s2_left_right .s2_left_r_box{position:relative;height:100%}
.s2_left .s2_left_right .s2_left_r_img{opacity:0;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:70%;height:0;padding-bottom:60%;-webkit-transition:opacity .7s ease-out;-moz-transition:opacity .7s ease-out;-ms-transition:opacity .7s ease-out;transition:opacity .7s ease-out}
.s2_left.s2_left_other .s2_left_right{left:100%}
.s2_left.s2_left_other .s2_left_right .s2_left_r_img{opacity:1}
.s2_left .s2_bg_tit img{max-width:100%}
.s2_left .s2_bg_con{position:relative}
.s2_left .s2_bg_con img{max-width:100%;position:absolute;top:0;left:0}
.img_hidden{height:0;overflow:hidden;display:block}
.s2_left .s2_left_r_bg{width:100%;height:0;padding-bottom:76%;background:#f6f6f6;margin:0 auto;overflow:hidden;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;transition:all .5s ease-out;-webkit-transform:perspective(1400px) rotateY(-25deg);-moz-transform:perspective(1400px) rotateY(-25deg);-ms-transform:perspective(1400px) rotateY(-25deg);transform:perspective(1400px) rotateY(-25deg);outline:1px solid transparent}
.s2_left .s2_left_r_bg.other{padding-bottom:86%;width:50%}
.s2_left_right .r_btn{position:absolute;top:48%;right:100px;cursor:pointer;-webkit-transition:transform .5s ease-out;-moz-transition:transform .5s ease-out;-ms-transition:transform .5s ease-out;transition:transform .5s ease-out;opacity:0}
.s2_left_right .r_btn span{display:inline-block;float:right}
.s2_left_right .r_btn span:nth-child(1){margin-left:20px;-webkit-animation:bounceX 2s infinite;-moz-animation:bounceX 2s infinite;-ms-animation:bounceX 2s infinite;animation:bounceX 2s infinite}
.s2_left_right .r_btn span:nth-child(2){-webkit-animation:ico_opa 2s infinite;-moz-animation:ico_opa 2s infinite;-ms-animation:ico_opa 2s infinite;animation:ico_opa 2s infinite;-webkit-transform:rotate(180deg) translateY(-10px);-moz-transform:rotate(180deg) translateY(-10px);-ms-transform:rotate(180deg) translateY(-10px);transform:rotate(180deg) translateY(-10px)}
.s2_left_right .r_btn span:nth-child(3){-webkit-animation:ico_opa 2s infinite 1s;-moz-animation:ico_opa 2s infinite 1s;-ms-animation:ico_opa 2s infinite 1s;animation:ico_opa 2s infinite 1s;-webkit-transform:rotate(180deg) translateY(-12px);-moz-transform:rotate(180deg) translateY(-12px);-ms-transform:rotate(180deg) translateY(-12px);transform:rotate(180deg) translateY(-12px)}
.s2_right{opacity:0;width:50%;position:absolute;left:50%;top:0;bottom:0;background:url(img/ico_bg.jpg) no-repeat center;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover}
.s2_right .s2_r_con{width:50%;float:left;position:relative;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out;overflow:hidden}
@media only screen and (max-width:1500px){.s2_right .s2_r_con h3.fnt_16{font-size:14px}
}
.s2_r_con>a{display:block;width:100%;height:100%}
.s2_right .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%}
.s2_right .s2_r_con dl dt{margin:0 auto;position:relative}
.s2_right .s2_r_con dl dd{text-align:center;margin-top:30px;height:88px}
.s2_right .s2_r_con dl dd h3{height:40px;color:#2e2d33;position:relative;padding:0 10px}
.s2_right .s2_r_con dl dd h3 span{display:inline-block;position:absolute;left:50%;bottom:0;width:30px;height:1px;background:#2b8ada;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:width .5s ease-out;-moz-transition:width .5s ease-out;-ms-transition:width .5s ease-out;transition:width .5s ease-out}
.s2_right .s2_r_con dl dd div.p{color:#7d7d7d;line-height:1.8;margin-top:12px;opacity:0;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-ms-transition:opacity .3s ease-out;transition:opacity .3s ease-out}
.s2_right .s2_r_con dl dd div.p span{padding:0 10px;white-space:nowrap}
.s2_right .s2_r_con01{background:rgba(255,255,255,.9)}
.s2_right .s2_r_con01 dt{width:75px;height:63px}
.s2_right .s2_r_con01 dt span{position:absolute}
.s2_right .s2_r_con01 dt span:nth-child(1){top:12px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.s2_right .s2_r_con01 dt span:nth-child(2){top:23px;left:12px}
.s2_right .s2_r_con01 dt span:nth-child(3){top:30px;left:12px}
@media only screen and (max-width:1366px){.s2_right .s2_r_con01 dt{width:55px;height:46px;background-size:cover!important}
    .s2_right .s2_r_con01 dt span:nth-child(1){top:7px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
    .s2_right .s2_r_con01 dt span:nth-child(2){top:18px;left:8px;width:40px;overflow:hidden}
    .s2_right .s2_r_con01 dt span:nth-child(3){top:22px;left:8px}
}
@media only screen and (max-width:1024px){.s2_right .s2_r_con01 dt{width:40px;height:33px;background-size:cover!important}
    .s2_right .s2_r_con01 dt span:nth-child(1){top:5px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:50%}
    .s2_right .s2_r_con01 dt span:nth-child(1) img{width:100%}
    .s2_right .s2_r_con01 dt span:nth-child(2){top:12px;left:6px;width:27px;overflow:hidden}
    .s2_right .s2_r_con01 dt span:nth-child(3){top:15px;left:6px;width:15px;overflow:hidden}
}
.s2_right .s2_r_con02{background:rgba(240,240,240,.9)}
.s2_right .s2_r_con02 dt{width:75px;height:63px}
.s2_right .s2_r_con02 dt span{position:absolute}
.s2_right .s2_r_con02 dt span:nth-child(1){top:17px;left:120%}
@media only screen and (max-width:1366px){.s2_right .s2_r_con02 dt{width:55px;height:46px;background-size:cover!important}
    .s2_right .s2_r_con02 dt span:nth-child(1){top:10px;left:120%;width:20px}
    .s2_right .s2_r_con02 dt span:nth-child(1) img{width:100%}
}
@media only screen and (max-width:1024px){.s2_right .s2_r_con02 dt{width:40px;height:33px;background-size:cover!important}
    .s2_right .s2_r_con02 dt span:nth-child(1){top:10px;left:120%;width:10px}
    .s2_right .s2_r_con02 dt span:nth-child(1) img{width:100%}
}
.s2_right .s2_r_con03{background:rgba(240,240,240,.9)}
.s2_right .s2_r_con03 dt{width:75px;height:61px}
.s2_right .s2_r_con03 dt span{position:absolute}
.s2_right .s2_r_con03 dt span:nth-child(1){top:10px;left:70px}
.s2_right .s2_r_con03 dt span:nth-child(2){top:2px;left:72px}
.s2_right .s2_r_con03 dt span:nth-child(3){top:-6px;left:74px}
@media only screen and (max-width:1366px){.s2_right .s2_r_con03 dt{width:55px;height:46px;background-size:cover!important}
    .s2_right .s2_r_con03 dt span img{width:100%}
    .s2_right .s2_r_con03 dt span:nth-child(1){top:10px;left:55px;width:10px}
    .s2_right .s2_r_con03 dt span:nth-child(2){top:5px;left:56px;width:14px}
    .s2_right .s2_r_con03 dt span:nth-child(3){top:0;left:56px;width:20px}
}
@media only screen and (max-width:1024px){.s2_right .s2_r_con03 dt{width:40px;height:33px;background-size:cover!important}
    .s2_right .s2_r_con03 dt span img{width:100%}
    .s2_right .s2_r_con03 dt span:nth-child(1){top:8px;left:40px;width:8px}
    .s2_right .s2_r_con03 dt span:nth-child(2){top:4px;left:40px;width:12px}
    .s2_right .s2_r_con03 dt span:nth-child(3){top:-1px;left:40px;width:18px}
}


.s2_right .s2_r_con04{background:rgba(255,255,255,.9)}
.s2_right .s2_r_con04 dt{width:74px;height:61px}
.s2_right .s2_r_con04 dt span{position:absolute}
.s2_right .s2_r_con04 dt span:nth-child(1){top:28px;left:58px}
.s2_right .s2_r_con04 dt span:nth-child(2){top:27px;left:78px}
@media only screen and (max-width:1366px){
    .s2_right .s2_r_con04 dt{width:55px;height:46px;background-size:cover!important}
    .s2_right .s2_r_con04 dt span img{width:100%}
    .s2_right .s2_r_con04 dt span:nth-child(1){top:23px;left:46px;width:30px}
    .s2_right .s2_r_con04 dt span:nth-child(2){top:21px;left:63px;width:14px}
}
@media only screen and (max-width:1024px){
    .s2_right .s2_r_con04 dt{width:40px;height:33px;background-size:cover!important}
    .s2_right .s2_r_con04 dt span img{width:100%}
    .s2_right .s2_r_con04 dt span:nth-child(1){top:16px;left:34px;width:22px}
    .s2_right .s2_r_con04 dt span:nth-child(2){top:15px;left:47px;width:10px}
}

.s2_right .s2_r_con05{background:rgba(255,255,255,.9)}
.s2_right .s2_r_con05 dt{width:75px;height:61px}
.s2_right .s2_r_con05 dt span{position:absolute}
.s2_right .s2_r_con05 dt span:nth-child(1){top:-10px;left:34px}
.s2_right .s2_r_con05 dt span:nth-child(2){top:-10px;left:56px}
@media only screen and (max-width:1366px){
    .s2_right .s2_r_con05 dt{width:55px;height:46px;background-size:cover!important}
    .s2_right .s2_r_con05 dt span img{width:100%}
    .s2_right .s2_r_con05 dt span:nth-child(1){top:-6px;left:32px;width:20px}
    .s2_right .s2_r_con05 dt span:nth-child(2){top:-6px;left:47px;width:11px}
}
@media only screen and (max-width:1024px){
    .s2_right .s2_r_con05 dt{width:40px;height:33px;background-size:cover!important}
    .s2_right .s2_r_con05 dt span img{width:100%}
    .s2_right .s2_r_con05 dt span:nth-child(1){top:-6px;left:22px;width:15px}
    .s2_right .s2_r_con05 dt span:nth-child(2){top:-6px;left:33px;width:8px}
}

.s2_right .s2_r_con06{background:rgba(240,240,240,.9)}
.s2_right .s2_r_con06 dt{width:73px;height:61px;top:0;-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);transform:translate(0)}
.s2_right .s2_r_con06 dt span{position:absolute}
.s2_right .s2_r_con06 dt span:nth-child(1){top:25px;left:46px;width:35px}
.s2_right .s2_r_con06 dt span:nth-child(2){top:36px;left:59px}
@media only screen and (max-width:1366px){
    .s2_right .s2_r_con06 dt{width:55px;height:46px;background-size:cover!important}
    .s2_right .s2_r_con06 dt span img{width:100%}
    .s2_right .s2_r_con06 dt span:nth-child(1){top:19px;left:39px;width:30px}
    .s2_right .s2_r_con06 dt span:nth-child(2){top:28px;left:51px;width:11px}
}
@media only screen and (max-width:1024px){
    .s2_right .s2_r_con06 dt{width:40px;height:33px;background-size:cover!important}
    .s2_right .s2_r_con06 dt span img{width:100%}
    .s2_right .s2_r_con06 dt span:nth-child(1){top:14px;left:28px;width:20px}
    .s2_right .s2_r_con06 dt span:nth-child(2){top:22px;left:37px;width:5px}
}




.s2_right .s2_r_con:hover{box-shadow:2px 2px 15px #aaa;z-index:2}
.s2_right .s2_r_con:hover dl dd h3 span{width:95px;background:#2b8ada}
.s2_right .s2_r_con:hover dl dd div.p{opacity:1}
.s2_right .s2_r_con01:hover{background:rgba(255,255,255,1)}
.s2_right .s2_r_con01:hover dt span:nth-child(1){-webkit-animation:ico_o 1s infinite linear alternate;-moz-animation:ico_o 1s infinite linear alternate;-ms-animation:ico_o 1s infinite linear alternate;animation:ico_o 1s infinite linear alternate}
.s2_right .s2_r_con02:hover{background:rgba(240,240,240,1)}
.s2_right .s2_r_con02:hover dt span:nth-child(1){-webkit-animation:ico_t 1.5s infinite ease-out;-moz-animation:ico_t 1.5s infinite ease-out;-ms-animation:ico_t 1.5s infinite ease-out;animation:ico_t 1.5s infinite ease-out}
.s2_right .s2_r_con03:hover{background:rgba(240,240,240,1)}
.s2_right .s2_r_con03:hover dt span:nth-child(1){-webkit-animation:ico_th 1.5s infinite linear alternate;-moz-animation:ico_th 1.5s infinite linear alternate;-ms-animation:ico_th 1.5s infinite linear alternate;animation:ico_th 1.5s infinite linear alternate}
.s2_right .s2_r_con03:hover dt span:nth-child(2){-webkit-animation:ico_th 1.5s .4s infinite linear alternate;-moz-animation:ico_th 1.5s .4s infinite linear alternate;-ms-animation:ico_th 1.5s .4s infinite linear alternate;animation:ico_th 1.5s .4s infinite linear alternate}
.s2_right .s2_r_con03:hover dt span:nth-child(3){-webkit-animation:ico_th 1.5s .8s infinite linear alternate;-moz-animation:ico_th 1.5s .8s infinite linear alternate;-ms-animation:ico_th 1.5s .8s infinite linear alternate;animation:ico_th 1.5s .8s infinite linear alternate}
.s2_right .s2_r_con04:hover{background:rgba(240,240,240,1)}
.s2_right .s2_r_con04:hover dt span:nth-child(1){-webkit-animation:ico_f 1s infinite ease-out;-moz-animation:ico_f 1s infinite ease-out;-ms-animation:ico_f 1s infinite ease-out;animation:ico_f 1s infinite ease-out}
.s2_right .s2_r_con05:hover{background:rgba(255,255,255,1)}
.s2_right .s2_r_con05:hover dt span:nth-child(2){-webkit-animation:ico_fi 1s infinite ease-out alternate;-moz-animation:ico_fi 1s infinite ease-out alternate;-ms-animation:ico_fi 1s infinite ease-out alternate;animation:ico_fi 1s infinite ease-out alternate}
.s2_right .s2_r_con06:hover{background:rgba(255,255,255,1)}
.s2_right .s2_r_con06:hover dt span:nth-child(2){-webkit-animation:ico_s 1s infinite ease-out alternate;-moz-animation:ico_s 1s infinite ease-out alternate;-ms-animation:ico_s 1s infinite ease-out alternate;animation:ico_s 1s infinite ease-out alternate}
@-webkit-keyframes ico_o{0%{left:35%}
    100%{left:70%}
}
@keyframes ico_o{0%{left:35%}
    100%{left:70%}
}
@media only screen and (max-width:1366px){@-webkit-keyframes ico_o{0%{left:40%}
                                              100%{left:60%}
                                          }
    @keyframes ico_o{0%{left:40%}
        100%{left:60%}
    }
}
@-webkit-keyframes ico_t{0%{left:120%}
    100%{left:20%}
}
@keyframes ico_t{0%{left:120%}
    100%{left:20%}
}
@-webkit-keyframes ico_th{0%,100%{opacity:0}
    50%{opacity:1}
}
@keyframes ico_th{0%,100%{opacity:0}
    50%{opacity:1}
}
@-webkit-keyframes ico_f{0%{transform:rotate(0)}
    100%{transform:rotate(360deg)}
}
@keyframes ico_f{0%{transform:rotate(0)}
    100%{transform:rotate(360deg)}
}
@-webkit-keyframes ico_fi{0%{transform:translateX(0) translateY(0)}
    50%{transform:translateX(7px) translateY(0)}
    100%{transform:translateX(7px) translateY(-7px)}
}
@keyframes ico_fi{0%{transform:translateX(0) translateY(0)}
    50%{transform:translateX(7px) translateY(0)}
    100%{transform:translateX(7px) translateY(-7px)}
}
@-webkit-keyframes ico_s{0%{transform:translateX(-10px)}
    100%{transform:translateX(0)}
}
@keyframes ico_s{0%{transform:translateX(-10px)}
    100%{transform:translateX(0)}
}
@media only screen and (max-width:1600px){@-webkit-keyframes ico_s{0%{transform:translateX(-6px)}
                                              100%{transform:translateX(0)}
                                          }
    @keyframes ico_s{0%{transform:translateX(-6px)}
        100%{transform:translateX(0)}
    }
}
@media only screen and (max-width:1600px){.s2_left_left .s2_left_text div.more{margin-top:60px}
    .s2_left_left .s2_left_text div.more a{width:160px;height:40px;line-height:40px}
    .s2_left_left .s2_left_text div.more a span{height:40px;line-height:40px}
    .s2_left_left .s2_left_text div.more a span:after{height:40px}
    .s2_left_left .s2_left_text ul{margin-top:100px}
}
@media only screen and (max-width:1440px){.s2_left_left .s2_left_text>h3{height:60px}
    .s2_left_left .s2_left_text div.p{margin-top:25px}
    .s2_right .s2_r_con dl dd{margin-top:15px}
    .s2_right .s2_r_con dl dd div.p{line-height:1.3}
    .s2_left_left .s2_left_text{width:90%;box-sizing:border-box}
}
@media only screen and (max-width:1200px){#section1{height:auto!important}
    .s2_left{height:500px}
    .s2_left .s2_left_right{left:100%}
    .s2_left .s2_left_right .s2_left_r_img{opacity:1}
    .s2_left_right .r_btn{display:none!important}
    .s2_left_left .s2_left_text{padding-right:0}
    .s2_left_left .s2_left_text>h3{height:50px}
    .s2_left_left .s2_left_text div.p{margin-top:15px;line-height:1.5}
    .s2_left_left .s2_left_text div.more{margin-top:30px}
    .s2_left_left .s2_left_text ul{margin-top:20px}
    .s2_left_left .s2_left_text li{width:50%;margin-top:30px}
    .s2_left_left .s2_left_text li p{line-height:1.2}
    .s2_left_left .s2_left_text li p:nth-child(1){margin:0 auto;margin-bottom:10px;height:auto}
    .s2_left_left .s2_left_text li p:nth-child(1) img{max-width:100%}
    .s2_left .s2_left_right .s2_left_r_img{width:80%;top:45%}
    .s2_right{width:100%;left:0;position:static}
    .s2_r_con{height:220px!important}
}
@media only screen and (max-width:1100px){.s2_left_left .s2_left_text div.more{margin-top:25px;width:120px}
    .s2_left_left .s2_left_text div.more a{height:30px;line-height:30px;width:100%;box-sizing:border-box}
    .s2_left_left .s2_left_text div.more a span{height:30px;line-height:29px;font-size:12px}
    .s2_left_left .s2_left_text div.more a span:after{height:30px}
}
@media only screen and (max-width:900px){.s2_left{height:400px}
    #section1 ul.ico_ul{margin-top:0;background-color:#2b8ada;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);padding-bottom:30px}
}
@media only screen and (max-width:700px){.s2_left_left .s2_left_text>h3{height:auto;padding-bottom:15px}
}
@media only screen and (max-width:767px){.s2_left{width:100%;background-color:#2b8ada;height:auto}
    .s2_left .s2_left_left{position:static}
    .s2_left .s2_left_left .s2_left_l_box{position:static;top:10%;box-sizing:border-box;transform:translateY(0)}
    .s2_left_left .s2_left_text{float:none;margin:30px auto}
    .s2_left .s2_left_right{position:static}
    .s2_left .s2_left_right .s2_left_r_img{position:static;transform:translateY(0);margin:0 auto;padding-bottom:80%}
    #section1 ul.ico_ul li p:nth-child(1) img{max-width:45%;margin-bottom:10px}
    #section1 ul.ico_ul li p{line-height:1.2}
    .s2_right .s2_r_con dl dd h3{height:55px;line-height:1.2}
    .s2_right .s2_r_con dl dd h3 i{display:none}
    .s2_right .s2_r_con dl dd h3 em{display:block;line-height:1;margin-top:5px}
    .s2_right .s2_r_con dl dd div.p{font-size:12px;line-height:1.2}
    .s2_right .s2_r_con dl dd div.p br{display:none}
    .s2_right .s2_r_con dl dd div.p span{padding:0 5px}
}
@media only screen and (max-width:700px){.s2_left_left .s2_left_text div.more{margin-top:25px}
}
#section3{background:#f6f6f6}
#section2{background-color:#f6f6f6}
/*修改案例展示到第四屏*/
#section3 .div1{display:block;float:left;background-size:cover!important;background-position:center;position:relative}
#section3 .div1 img{display:block;width:80%; height:80%; padding:32px 10%; border-right:1px solid #BFBFBF;}
#section3 .div1 .index2{position:absolute;z-index:1;width:100%;height:100%;top:0;left:0}
#section3 .div1 .index2>p{font-size:22px;color:#FFF;text-align:center;margin:auto;position:absolute;top:0;left:0;bottom:0;right:0;height:26px;line-height:26px;overflow:hidden}
#section3 .div1 .index2 .line{opacity:0;filter:alpha(opacity=0);transition:all .3s ease-in-out;position:absolute;width:100%;height:100%;background:#0084FF;top:0;bottom:0}
#section3 .div1 .index2 .contentBox{position:absolute;width:76%;height:40%;position:absolute;top:20%;left:12%;padding-top:16%;text-align:center;overflow:hidden}
#section3 .div1 .index2 .contentBox .neirong{font-size:17px;color:#FFF;padding-bottom:12px;margin:0}
#section3 .div1 .index2 .line .line-1,.line .line-2{position:absolute}
#section3 .div1 .index2 .line-1{transition:all .5s ease-in-out;border:1px solid #FFF;border-width:1px 0 1px 0;width:0;height:80%;top:10%;left:5%}
#section3 .div1 .index2 .line-2{transition:all .5s ease-in-out;border:1px solid #FFF;border-width:0 1px 0 1px;width:80%;height:0;top:5%;left:10%}
#section3 .div1 .index2:hover .line{opacity:0.8;filter:alpha(opacity=80)}
#section3 .div1 .index2:hover .line .line-1{width:90%}
#section3 .div1 .index2:hover .line .line-2{height:90%}
@media (min-width:1000px){
    #section3 .div1{width:25%; height:320px; border-top:1px solid #BFBFBF;}
    #section3 .div1:nth-last-child(1) {border-bottom:1px solid #BFBFBF;}
    #section3 .div1:nth-last-child(2) {border-bottom:1px solid #BFBFBF;}
    #section3 .div1:nth-last-child(3) {border-bottom:1px solid #BFBFBF;}
    #section3 .div1:nth-last-child(4) {border-bottom:1px solid #BFBFBF;}
}
@media (max-width:999px){
    #section3 .div1{width:50%;}
}
.s3_title{position:relative;height:240px;width:100%}
.s3_h3{text-align:center;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}
#section4 .s3_h3{top:80px}
#section3 .s3_title{height:120px}
#section2 .s3_title{background:0 0}
.s3_h3 b{font-weight:400;display:block}
.s3_h3 span{display:block;width:90px;height:1px;background:#2e2d33;margin:15px auto 10px}
.s3_h3 em{display:block;font-family:YourWebFontName;color:#7d7d7d}
.s3_case dl{width:25%;float:left;height:0;padding-bottom:25%;overflow:hidden}
.s3_case 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}
.s3_case dl:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.s3_logo{background-color:#fff}
.s3_logo .logo_box{width:20%;float:left;height:120px;box-sizing:border-box;overflow:hidden;border:1px solid #e2e2e2;border-left:0;border-top:0}
.s3_logo .logo_box_con{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:transform .5s ease-in-out;-moz-transition:transform .5s ease-in-out;-ms-transition:transform .5s ease-in-out;transition:transform .5s ease-in-out;height:120px}
.s3_logo .logo_box:hover .logo_box_con{-webkit-transform:rotateX(-90deg);-moz-transform:rotateX(-90deg);-ms-transform:rotateX(-90deg);transform:rotateX(-90deg)}
.s3_logo .logo_box_con>div{width:100%;height:100%;position:absolute}
.s3_logo .top{background-color:#f6f6f6;-webkit-transform:translate3d(0,0,120px);-moz-transform:translate3d(0,0,120px);-ms-transform:translate3d(0,0,120px);transform:translate3d(0,0,120px)}
.s3_logo .bottom{background-color:#2b8ada;-webkit-transform:rotateX(90deg) translate3d(0,0,120px);-moz-transform:rotateX(90deg) translate3d(0,0,120px);-ms-transform:rotateX(90deg) translate3d(0,0,120px);transform:rotateX(90deg) translate3d(0,0,120px)}
.s3_logo .top img{width: 75%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-mix-blend-mode:multiply;mix-blend-mode:multiply}
.s3_logo .bottom p{text-align:center;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#fff;line-height:2}
.isIe .s3_logo .logo_box:hover .logo_box_con{-ms-transform:translateY(240px);transform:translateY(240px)}
.isIe .s3_logo .logo_box_con>div{position:relative}
.isIe .s3_logo .bottom{transform:translateY(-480px);-ms-transform:translateY(-480px)}
@media only screen and (max-width:1440px){.s3_title{height:120px}
    .s3_h3{line-height:1}
    .s3_h3 span{margin:15px auto 15px}
    .s3_logo .logo_box{height:150px}
    .s3_logo .logo_box_con{height:150px}
    .s3_logo .top{background-color:#f6f6f6;-webkit-transform:translate3d(0,0,75px);-moz-transform:translate3d(0,0,75px);-ms-transform:translate3d(0,0,75px);transform:translate3d(0,0,75px)}
    .s3_logo .bottom{background-color:#f60;-webkit-transform:rotateX(90deg) translate3d(0,0,75px);-moz-transform:rotateX(90deg) translate3d(0,0,75px);-ms-transform:rotateX(90deg) translate3d(0,0,75px);transform:rotateX(90deg) translate3d(0,0,75px)}
    .isIe .s3_logo .logo_box:hover .logo_box_con{transform:translateY(150px);-ms-transform:translateY(150px)}
    .isIe .s3_logo .bottom{-ms-transform:translateY(-300px);transform:translateY(-300px)}
}
@media only screen and (max-width:1200px){#section3{height:auto!important}
    .fp-scrollable{height:auto!important}
}
@media only screen and (max-width:1200px){#section4{height:auto!important}
}
@media only screen and (max-width:900px){.s3_logo .top img{width:60%}
}
@media only screen and (max-width:767px){.s3_logo .logo_box{width:50%}
    .s3_case dl{width:50%;padding-bottom:50%}
}
#fp-nav ul li{width:24px;height:24px;margin:5px;position:relative;padding:20px 0}
#fp-nav ul li.li_active{height:41px}
#fp-nav ul li:before{content:"";display:inline-block;width:1px;height:35px;background:#fff;position:absolute;top:-20px;left:50%;margin-left:-1px}
#fp-nav ul li:last-child:after{content:"";display:inline-block;width:1px;height:35px;background:#fff;position:absolute;bottom:-23px;left:50%;margin-left:-1px}
#fp-nav ul li a span{width:24px;height:24px;background:url(img/n_r.png) no-repeat;left:0;top:0;margin:0}
#fp-nav ul li .fp-tooltip.right{right:40px}
#fp-nav ul li a.active span,#fp-nav ul li a:hover span,#fp-nav ul li:hover a span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li a.active span,.fp-slidesNav ul li:hover a span,.fp-slidesNav ul li:hover a.active span{width:23px;height:41px;margin:0;background:url(img/n_r_h.png) no-repeat center;border-radius:0}
#fp-nav ul li:hover,#fp-nav ul li:hover a span{height:41px}
#fp-nav ul li .fp-tooltip{top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
#fp-nav ul.c_color li:before{background:#2b8ada}
#fp-nav ul.c_color li:last-child:after{background:#2b8ada}
#fp-nav ul.c_color li a span{background:url(img/n_r_c.png) no-repeat}
#fp-nav ul.c_color li a.active span,#fp-nav ul.c_color li a:hover span,#fp-nav ul.c_color li:hover a span,#fp-nav ul.c_color li:hover a.active span,.fp-slidesNav ul.c_color li a.active span,.fp-slidesNav ul.c_color li:hover a span,.fp-slidesNav ul.c_color li:hover a.active span{background:url(img/n_r_h_c.png) no-repeat center}
#fp-nav ul.c_color li .fp-tooltip{color:#2b8ada}
@media only screen and (max-width:1366px){#fp-nav ul li{width:16px;height:16px;padding:12px 0}
    #fp-nav ul li a span{width:16px;height:16px;background-size:cover!important}
    #fp-nav ul li a.active span,#fp-nav ul li a:hover span,#fp-nav ul li:hover a span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li a.active span,.fp-slidesNav ul li:hover a span,.fp-slidesNav ul li:hover a.active span{width:16px;height:28px}
    #fp-nav ul li.li_active{height:28px}
    #fp-nav ul li:hover,#fp-nav ul li:hover a span{height:28px}
    #fp-nav ul li:before{height:20px;top:-12px}
    #fp-nav ul li:last-child:after{height:20px;bottom:-13px}
    #fp-nav ul li .fp-tooltip.right{right:25px}
}
@media only screen and (max-width:1200px){#section2{height:auto!important}
}
h3 p.f_title{line-height:.9}
h3 span.line{display:block;height:1px;width:100px}
.wrap{max-width:1200px;margin:0 auto}
.cl_box{position:relative;z-index:9}
.cl_con01{height:700px;background:#f6f6f6 url(img/cl_c01_bg.jpg) no-repeat center top;position:fixed;top:0;left:0;right:0;z-index:1}
.cl_con01 .cl_c01_bg{width:100%;position:absolute;top:0;right:0;bottom:0;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:0;clip:rect(0,1920px,1000px,0);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(0,1920px,1000px,0)}
}
@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;margin-top:70px;height:auto;padding-bottom:50px}
    .cl_con01 h3{margin-top:50px}
    .cl_con01 .p br{display:none}
}
.commer_con01{height:700px;background:url(img/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:0;clip:rect(0,2920px,1000px,0);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(0,0,1100px,0)}
    100%{clip:rect(0,2920px,1100px,0)}
}
@keyframes animateOne{0%{clip:rect(0,0,1100px,0)}
    100%{clip:rect(0,2920px,1100px,0)}
}
.activ_con01{background:url(img/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}
    .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(img/cl_logo_bg.jpg) no-repeat center}
.commer_con02{background:#fff}
.cl_con02 .cl_c02_logo{float:left;position:relative;top:0;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:0;width:590px;opacity:0}
.commer_con02 .text h3 em.en{color:#7d7d7d;line-height:.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(0)}
    100%{transform:rotate(360deg)}
}
@keyframes rotateX{0%{transform:rotate(0)}
    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:550px;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 0;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:291px}
.brand_con03 .c03_bottom_line{bottom:302px}
.left_line{left:0}
.left_line span{display:inline-block;background:#f60;width:0;height:100%;position:absolute}
.right_line{right:0}
.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:0;top:0;width:0;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(img/commer_con03_bg.jpg) no-repeat center top}
.commer_con03 .cl_c03_text{width:700px}
.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:0 0}
.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:385px}
    .isIe .commer_con03 .c03_bottom_line{bottom:363px}
    .brand_con03 .c03_bottom_line{bottom:385px}
    .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{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:197px}
}
@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:147px}
}
@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 .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 .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .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,.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 .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .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 .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .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:0}
.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:100px;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 .5s ease-out;-moz-transition:transform .5s ease-out;-ms-transition:transform .5s ease-out;transition:transform .5s ease-out;}
.service li p{line-height:1.8;height:45px;color:#fff; text-align:center}
.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:70px}
    .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_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:#2b8ada}
.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:0;top:0;opacity:0}
.serv_con02 .serv_c02_right .c02_r_con{width:600px;float:left;margin-left:80px}
@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:0;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:0;left:0}
    .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(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);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:0;z-index:4;opacity:0}
.serv_con04 .serv_c04_right{position:absolute;left:50%;right:0;top:0}
.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; text-align:center}
.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}
@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:80px}
}
@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:0;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(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);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){top:5px;left:115px}
    .serv_con04 .serv_c04_left .c04_l_con p:nth-of-type(1) img{max-width:92%}
    .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(img/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{ margin-top:50px;}
.ser_ico_con .s2_r_con{width:30%;float:left;position:relative;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out;height:160px;padding:35px 0;padding-right:3.33%;opacity:0}
.ser_ico_con .s2_r_con:hover{ background-color:#fff;}
.ser_ico_con .s2_r_con dl{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-40%);-moz-transform:translate(-50%,-40%);-ms-transform:translate(-50%,-40%);transform:translate(-50%,-40%);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:0;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 .5s ease-out;-moz-transition:width .5s ease-out;-ms-transition:width .5s ease-out;transition:width .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 .3s ease-out;-moz-transition:opacity .3s ease-out;-ms-transition:opacity .3s ease-out;transition:opacity .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;background-size:100%}
.ser_ico_con .s2_r_con01 dt span{position:absolute}

.ser_ico_con .s2_r_con01 dl dt{background:url(img/zwicon11.png) no-repeat; background-size:100%;}
.ser_ico_con .s2_r_con02 dl dt{background:url(img/zwicon12.png) no-repeat; background-size:100%;}
.ser_ico_con .s2_r_con03 dl dt{background:url(img/zwicon13.png) no-repeat; background-size:100%;}
.ser_ico_con .s2_r_con04 dl dt{background:url(img/zwicon16.png) no-repeat; background-size:100%;}
.ser_ico_con .s2_r_con05 dl dt{background:url(img/zwicon14.png) no-repeat; background-size:100%;}
.ser_ico_con .s2_r_con06 dl dt{background:url(img/zwicon15.png) no-repeat; background-size:100%;}

.ser_ico_con .s2_r_con01:hover dl dt{background:url(img/zwicon11h.png) no-repeat; background-size:100%;}
.ser_ico_con .s2_r_con02:hover dl dt{background:url(img/zwicon12h.png) no-repeat; background-size:100%;}
.ser_ico_con .s2_r_con03:hover dl dt{background:url(img/zwicon13h.png) no-repeat; background-size:100%;}
.ser_ico_con .s2_r_con04:hover dl dt{background:url(img/zwicon16h.png) no-repeat; background-size:100%;}
.ser_ico_con .s2_r_con05:hover dl dt{background:url(img/zwicon14h.png) no-repeat; background-size:100%;}
.ser_ico_con .s2_r_con06:hover dl dt{background:url(img/zwicon15h.png) no-repeat; background-size:100%;}


.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:46px;height:39px}
.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:46px;height:39px}
.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:46px;height:39px}
.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:39px}
.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:46px;height:39px}
.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 .4s infinite linear alternate;animation:ico_th 1.5s .4s infinite linear alternate}
.ser_ico_con .s2_r_con03:hover dt span:nth-child(3){-webkit-animation:ico_th 1.5s .8s infinite linear alternate;animation:ico_th 1.5s .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}
}
@media only screen and (max-width:340px){.ser_ico_con .s2_r_con dl dd h4{height:55px}
}
.cloud_all{margin-top:100px}
.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:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);z-index:0}
.cl_a_banner .con{color:#fff;position:relative;z-index:1;text-align:center}
.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:720px;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:720px;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:600px}
}
@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;height:auto}
    .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:325px;background-color:#2b8ada;background-image:url(img/cloud_a_svg.png);background-attachment:fixed;background-repeat:no-repeat;background-position:0 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}
@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(img/cloud_bg.jpg);background-attachment:fixed;background-repeat:no-repeat;background-position:0 0}
.ipadPro1024 .cl_a_con01{background:#fff!important}
.cl_a_con01 .wrap{max-width:1330px}
.cl_a_con01 h3{position:relative;color:#232323;margin-top:100px;text-align:center;opacity:0;top:30px}
.cl_a_con01 h3 span{display:block;width:0;background:#232323;margin-right:auto;margin-left:auto}
.cl_a_con01 .cl_a_c01_dl{margin-top:80px;height:300px}
.cl_a_con01 .cl_a_c01_dl dl{width:23%;height:300px;background:url(img/cloud_a_bg.png) no-repeat; background-size:100% 300px; float:left;margin:0 1%; margin-bottom:20px; -webkit-transition:all .5s;transition:all .5s;position:relative;opacity:0;top:100px}
.cl_a_con01 .cl_a_c01_dl dl:hover{ transform:scale(1.05,1.05)}
.cl_a_con01 dt{margin-top:50px;height:51px; opacity:0.7; background-size:auto 100%;width:100%;background-repeat:no-repeat;background-position:center;-webkit-transition:all .5s;transition:all .5s}
.cl_a_con01 dd{-webkit-transition:all .5s;transition:all .5s; }
.cl_a_con01 dd.dd_tit{margin:45px 10%;}
.cl_a_con01 dd.dd_tit h4{ margin-bottom:10px;}
.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(img/dian.png) no-repeat left center;padding-left:10px;color:#7d7d7d;line-height:1;float:left;margin:20px 40px 0 0}
.cl_a_con01 dl.last_dl dd.dd_con li{margin:20px 0 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:0 auto;color:#7d7d7d;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 h3{height:70px}
}
@media only screen and (max-width:1330px){.cl_a_con01 h3{margin-top:70px}
    .cl_a_con01 .cl_a_c01_dl{max-width:1160px}
    .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:auto;padding-bottom:50px}
    .cl_a_con01 .cl_a_c01_dl{margin-top:30px;height:auto;margin-bottom:50px}
    .cl_a_con01 .cl_a_c01_dl dl{width:23%;margin:0 1%;height:333px; margin-bottom:20px;}
    .cl_a_con01 .cl_a_c01_dl dl:first-child{margin-left:1%}
    .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,.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:0;box-sizing:border-box}
    .cl_a_con01 dl.last_dl dd.dd_con li{width:50%;margin-right:0;margin-left:0}
    .cl_a_con01 .cl_a_c01_dl{margin-bottom:30px}
    .cl_a_con01 .cl_a_c01_dl dl{opacity:1!important;top:0!important}
}
@media only screen and (max-width:767px){.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:200px!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:0;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 h3{position:relative;color:#232323;margin-top:100px;text-align:center;opacity:0;top:30px}
.cl_a_con02 h3 span{display:block;width:0;background:#232323;margin-right:auto;margin-left:auto}


.cl_a_con02 .cl_a_c02_dl{margin-top:60px;height:300px}
.cl_a_con02 .cl_a_c02_dl dl{width:30.33%; float:left; margin:0 1.5%; margin-bottom:30px; -webkit-transition:all .5s;transition:all .5s;position:relative;opacity:0;top:100px}
.cl_a_con02 .cl_a_c02_dl dl:hover{ transform:translate(-30px,0)}
.cl_a_con02 dt{width:8%; opacity:0.7;  margin-right:5%; float:left; -webkit-transition:all .5s;transition:all .5s}
.cl_a_con02 dt img{width:100%}
.cl_a_con02 dd{-webkit-transition:all .5s;transition:all .5s; }
.cl_a_con02 dd.dd_tit{width:87%; float:left;}
.cl_a_con02 dd.dd_tit h4{ margin-bottom:10px;}
.cl_a_con02 dd.dd_tit em{color:#999; line-height:1.8em}
.cl_a_con02 dd.dd_con{margin:10px 0 0 55px}
.cl_a_con02 dd.dd_con li{background:url(img/dian.png) no-repeat left center;padding-left:10px;color:#7d7d7d;line-height:1;float:left;margin:20px 40px 0 0}
.cl_a_con02 dl.last_dl dd.dd_con li{margin:20px 0 0 0;width:115px}
.cl_a_con02 dl.last_dl dd.dd_con li+li+li+li{width:auto}
.cl_a_con02 div.more a{margin:0 auto;color:#7d7d7d;border-color:#7d7d7d}


@media only screen and (max-width:1366px){
    .cl_a_con02{height:auto;padding-bottom:60px}

}


@media only screen and (max-width:767px){
    .cl_a_con02{height:auto;padding-bottom:60px; width:100%;}
    .cl_a_con02 .cl_a_c02_dl dl{width:98%;}
}
.cl_a_con03{height:700px;background:#262626}

@media only screen and (max-width:1366px){
    .cl_a_con03{height:500px;}
}
@media only screen and (max-width:767px){
    .cl_a_con03{height:400px;}
}


.cl_a_con022,.cl_a_con044,.cl_a_con066{height:700px;background:#f6f6fb}
.cl_a_con022 .wrap,.cl_a_con044 .wrap,.cl_a_con066 .wrap{max-width:1330px}
.cl_a_con022 .left,.cl_a_con044 .left,.cl_a_con066 .left{float:left;width:58%;margin-top:160px;text-align:center;position:relative;top:-30px;opacity:0}
.cl_a_con022 .left span,.cl_a_con044 .left span,.cl_a_con066 .left span{position:absolute;top:0;left:0;width:100%;text-align:right}
.cl_a_con022 .left span img,.cl_a_con044 .left span img,.cl_a_con066 .left span img{box-shadow:0 0 20px #ddd;opacity:0;-webkit-transform:scale(.1);-moz-transform:scale(.1);-ms-transform:scale(.1);transform:scale(.1)}
.cl_a_con022 .left span:first-child,.cl_a_con044 .left span:first-child,.cl_a_con066 .left span:first-child{margin-right:3%;width:97%}
.cl_a_con022 .left span:first-child+span,.cl_a_con044 .left span:first-child+span,.cl_a_con066 .left span:first-child+span{top:50%;text-align:center}
.cl_a_con022 .left img,.cl_a_con044 .left img,.cl_a_con066 .left img{max-width:100%}
.cl_a_con022 .left span:nth-child(1) img,.cl_a_con044 .left span:nth-child(1) img,.cl_a_con066 .left span:nth-child(1) img{-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;transition:all 1s}
.cl_a_con022 .left span:nth-child(2) img,.cl_a_con044 .left span:nth-child(2) img,.cl_a_con066 .left span:nth-child(2) img{-webkit-transition:all 1s .5s;-moz-transition:all 1s .5s;-ms-transition:all 1s .5s;transition:all 1s .5s}
.cl_a_con022 .left span:nth-child(1) img.ani01,.cl_a_con044 .left span:nth-child(1) img.ani01,.cl_a_con066 .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_con022 .left span:nth-child(2) img.ani02,.cl_a_con044 .left span:nth-child(2) img.ani02,.cl_a_con066 .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_con022 .right,.cl_a_con044 .right,.cl_a_con066 .right{float:right;width:40%;margin-top:210px;position:relative;left:-30px;opacity:0}
.cl_a_con022 .right h3,.cl_a_con044 .right h3,.cl_a_con066 .right h3{position:relative}
.cl_a_con022 .right h3 em,.cl_a_con044 .right h3 em,.cl_a_con066 .right h3 em{color:#595757;display:inline-block;line-height:1}
.cl_a_con022 .right h3 span,.cl_a_con044 .right h3 span,.cl_a_con066 .right h3 span{background:#232323}
.cl_a_con022 .right div.p,.cl_a_con044 .right div.p,.cl_a_con066 .right div.p{color:#595757}
@media only screen and (max-width:1366px){
    .cl_a_con022,.cl_a_con044,.cl_a_con066{height:auto;padding-bottom:60px}
    .cl_a_con022 .left,.cl_a_con044 .left,.cl_a_con066 .left{margin-top:60px}
    .cl_a_con022 .right,.cl_a_con044 .right,.cl_a_con066 .right{margin-top:150px;width:35%;float:left;margin-left:5%}
}
@media only screen and (max-width:1024px){
    .cl_a_con022 .left,.cl_a_con044 .left,.cl_a_con066 .left{width:50%;margin-left:2%}
    .cl_a_con022 .left span img,.cl_a_con044 .left span img,.cl_a_con066 .left span img{width:85%}
    .cl_a_con022 .left span:first-child img,.cl_a_con044 .left span:first-child img,.cl_a_con066 .left span:first-child img{width:30%}
}
@media only screen and (max-width:1000px){
    .cl_a_con022 .right,.cl_a_con044 .right,.cl_a_con066 .right{margin-top:80px}
}
@media only screen and (max-width:767px){
    .cl_a_con022 .left,.cl_a_con044 .left,.cl_a_con066 .left{width:100%;margin-left:0;padding:0 5%;box-sizing:border-box;background:0 0}
    .cl_a_con022 .right,.cl_a_con044 .right,.cl_a_con066 .right{width:100%;padding:0 5%;box-sizing:border-box;margin-left:0;margin-top:30px}
}

.cl_a_con033,.cl_a_con055{height:700px;background:#262626}
.cl_a_con033 .wrap,.cl_a_con055 .wrap{max-width:1330px}
.cl_a_con033 .left,.cl_a_con055 .left{float:left;width:44%;margin-top:160px;padding-right:6%;text-align:right;opacity:0;left:-50px;position:relative}
.cl_a_con033 .left h3,.cl_a_con055 .left h3{position:relative;color:#fff}
.cl_a_con033 .left h3 em,.cl_a_con055 .left h3 em{color:#e4e4e4;line-height:1;display:inline-block}
.cl_a_con033 .left h3 span,cl_a_con055 .left h3 span{background:#595757;margin-right:0;margin-left:auto}
.cl_a_con033 .left div.p,.cl_a_con055 .left div.p{color:#c4c4c4}
.cl_a_con033 .right,.cl_a_con055 .right{float:right;width:50%;margin-top:150px;position:relative;opacity:0}
.cl_a_con033 .right img,.cl_a_con055 .right img{max-width:100%}
@media only screen and (max-width:1366px){
    .cl_a_con033,.cl_a_con055{height:auto;padding-bottom:60px}
    .cl_a_con033 .right,.cl_a_con055 .right{margin-top:60px;margin-left:0}
    .cl_a_con033 .left,.cl_a_con055 .left{margin-top:100px;width:35%;float:left;margin-left:5%;padding-right:0}
}
@media only screen and (max-width:767px){
    .cl_a_con033 .left,.cl_a_con055 .left{width:100%;margin-left:0;padding:0 5%;box-sizing:border-box;background:0 0;text-align:left;margin-top:30px}
    .cl_a_con033 .left h3 span.line,.cl_a_con055 .left h3 span.line{margin-right:auto;margin-left:0}
    .cl_a_con033 .right,.cl_a_con055 .right{width:100%;padding:0 5%;box-sizing:border-box;margin-left:0}
}


.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:0 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(0)}
    50%{transform:scale(1.5) translateX(50px)}
    100%{transform:scale(2) translateX(50px)}
}
@keyframes scale_img{0%{transform:scale(1) translateX(0)}
    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:0;left:0;right:0;bottom:0;overflow:hidden;-webkit-transition:all 1s ease-in-out .2s;-moz-transition:all 1s ease-in-out .2s;-ms-transition:all 1s ease-in-out .2s;transition:all 1s ease-in-out .2s;z-index:2}
.case_page01 .case_page01_bg_right{position:absolute;right:0;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:0;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 .8s ease-in-out .2s;-moz-transition:all .8s ease-in-out .2s;-ms-transition:all .8s ease-in-out .2s;transition:all .8s ease-in-out .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 em{color:#7d7d7d;line-height:.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:49%;margin:9% 5% 0 0;-webkit-transition:all .5s ease-in-out 0s;-moz-transition:all .5s ease-in-out 0s;-ms-transition:all .5s ease-in-out 0s;transition:all .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(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition:all 1s ease-in-out .8s;-moz-transition:all 1s ease-in-out .8s;-ms-transition:all 1s ease-in-out .8s;transition:all 1s ease-in-out .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 .7s;-moz-transition:all 1s ease-in-out .7s;-ms-transition:all 1s ease-in-out .7s;transition:all 1s ease-in-out .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(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);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:0;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(0)!important;-moz-transform:translateY(0)!important;-ms-transform:translateY(0)!important;transform:translateY(0)!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:0;left:0;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}
}
@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_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}
}
@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:0 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.n_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(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
    .case_page01 .c_p01_right .c_p01_r_pc_shad{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
    .case_page01 .c_p01_left{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
    .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:0;left:0;bottom:0;right:0;overflow:auto;z-index:2;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .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:0;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:0}
.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 .5s ease-in-out 1s;-moz-transition:transform 2s ease-in-out 1.2s,opacity .5s ease-in-out 1s;-ms-transition:transform 2s ease-in-out 1.2s,opacity .5s ease-in-out 1s;transition:transform 2s ease-in-out 1.2s,opacity .5s ease-in-out 1s;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1}
.case_page02 .c_p02_left.left_anim p:first-child+p{-webkit-transition:transform 2s ease-out 1.2s,opacity .5s ease-out 1s;-moz-transition:transform 2s ease-out 1.2s,opacity .5s ease-out 1s;-ms-transition:transform 2s ease-out 1.2s,opacity .5s ease-out 1s;transition:transform 2s ease-out 1.2s,opacity .5s ease-out 1s;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1}
.case_page02 .c_p02_left.left_anim p:first-child+p+p{-webkit-transition:transform 2s ease-out 1.2s,opacity .5s ease-out 1s;-moz-transition:transform 2s ease-out 1.2s,opacity .5s ease-out 1s;-ms-transition:transform 2s ease-out 1.2s,opacity .5s ease-out 1s;transition:transform 2s ease-out 1.2s,opacity .5s ease-out 1s;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);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 em{color:#7d7d7d;display:inline-block;line-height:.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}
.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%}
.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%}
.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(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
    .case_page02 .c_p02_left p:first-child+p{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
    .case_page02 .c_p02_left p:first-child+p+p{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
    .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:0;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:0;right:0;bottom:0}
.contact_con .contact_text{position:absolute;right:0;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:.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:60%;-webkit-transition:normal;-moz-transition:normal;-ms-transition:normal;transition:normal; position:relative}

.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}
@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:0;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%; overflow:hidden}
}
@media only screen and (max-width:320px){.map_con{height:350px!important; overflow:hidden}
}*/


/*联系我们*/
.contact{overflow:hidden;position:relative}
.contact_con{position:absolute;top:0;right:0;bottom:0}
.contact_con .contact_text{position:absolute;right:0;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:.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}
@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:0;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(img/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 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(img/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:0;padding-bottom:38%;right:0}
.activ_con03 .map_bg>img{bottom:0;position:absolute;right:0}
.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:1960px){.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{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:25%}
}
.busi_con01{background:url(img/busi_bg01.jpg) no-repeat center top}
.busi_con01 .commer_c01_bg{width:57%;left:0;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(img/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:0;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(img/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%}
@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:0;top:30%}
    .busi_con04 .cl_con04_img .text{right:0;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:0;right:0;z-index:1}
@media only screen and (max-width:767px){.bug_bg{display:block}
}
.met-index-news{width:100%;height:100%;overflow:hidden;background-color:#f7fafc;position:relative}
.met-index-news .container{width:100%;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.met-index-news .news-swiper{width:100%;position:relative;margin-top:20px;overflow:hidden}
.met-index-news .news-swiper .news-ctrl{position:relative;z-index:99}
.met-index-news .news-swiper .left{display:inline-block;margin-left:50%;text-align:center;width:42px;border:1px solid #ddd;position:relative;left:-52px;margin-top:20px;margin-right:10px;height:42px;line-height:42px;cursor:pointer;-webkit-transition:all .6s ease;transition:all .6s ease}
.met-index-news .news-swiper .left i{font-size:26px;color:#444}
.met-index-news .news-swiper .left:hover{background:#2b8ada;border:1px solid #2b8ada}
.met-index-news .news-swiper .left:hover i{color:#fff}
.met-index-news .news-swiper .right{display:inline-block;width:42px;text-align:center;border:1px solid #ddd;position:relative;left:-42px;margin-top:20px;height:42px;line-height:42px;cursor:pointer;-webkit-transition:all .6s ease;transition:all .6s ease}
.met-index-news .news-swiper .right i{font-size:26px;color:#444;-webkit-transition:all .6s ease;transition:all .6s ease}
.met-index-news .news-swiper .right:hover{background:#2b8ada;border:1px solid #2b8ada}
.met-index-news .news-swiper .right:hover i{color:#fff}
.met-index-news .news-swiper .news-ul{display:block;width:100%;-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);height:510px}
.met-index-news .news-swiper .news-ul .news-li{width:25%;float:left;padding:0;margin:0;position:relative;height:100%;opacity:1;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
.met-index-news .news-swiper .news-ul .news-li .body{height:100%;overflow:hidden;padding:0;text-align:left;display:block;position:relative}
.met-index-news .news-swiper .news-ul .news-li .body .textNews{left:auto;bottom:0;right:0;top:0;background-color:transparent;width:100%;background:#fff;z-index:1;-webkit-transition:all .25s ease 0s;transition:all .25s ease 0s;position:absolute}
.met-index-news .news-swiper .news-ul .news-li .body .textNews .content{-webkit-transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;padding:30px 35px;display:block;position:relative;top:50%}
.met-index-news .news-swiper .news-ul .news-li .body .textNews .content .date{font-weight:300;font-family:HELVETICANEUELTPRO-THEX;color:silver;margin-bottom:0;display:inline-block;padding:0 22px;float:left;-webkit-transition:all .3s cubic-bezier(.215,.61,.355,1) 0s;transition:all .3s cubic-bezier(.215,.61,.355,1) 0s;padding-left:0;font-size:20px}
.met-index-news .news-swiper .news-ul .news-li .body .textNews .content .title{margin-bottom:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:20px;font-size:16px;color:#666;display:inline-block;line-height:30px;width:100%;height:30px;float:left;-webkit-transition:all .3s cubic-bezier(.215,.61,.355,1) 0s;transition:all .3s cubic-bezier(.215,.61,.355,1) 0s}
.met-index-news .news-swiper .news-ul .news-li .body .textNews .content .description{text-align:left;color:#999;line-height:25px;-webkit-transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;margin-left:0;margin-top:10px;width:100%;height:auto;overflow:hidden;font-size:13px}
.met-index-news .news-swiper .news-ul .news-li .body .img{width:100%;height:auto;min-height:50%;-webkit-transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;overflow:hidden;background-size:cover;bottom:0;left:0;right:0;top:0;z-index:2;background-position:center;position:relative}
.met-index-news .news-swiper .news-ul .news-li .body .img:before{content:'';position:absolute;width:94%;height:94%;top:0;left:0;border:1px solid rgba(255,255,255,0);-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;top:3%;left:3%}
.met-index-news .news-swiper .news-ul .news-li .news-more{display:block;position:absolute;top:-12px;border-radius:0;width:30px;right:20px;height:30px;text-indent:0;font-size:0;line-height:20px;text-align:center;border:1px solid #ddd;-webkit-transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;color:#838383;margin:40px auto 50px;z-index:5;margin-top:310px;opacity:0}
.met-index-news .news-swiper .news-ul .news-li .news-more i{font-size:30px}
.met-index-news .news-swiper .news-ul .news-li:hover .date{color:#444!important;margin-left:10px}
.met-index-news .news-swiper .news-ul .news-li:hover .description{margin-left:10px!important}
.met-index-news .news-swiper .news-ul .news-li:hover .title{margin-left:10px!important}
.met-index-news .news-swiper .news-ul .news-li:hover .img{transform:scale(.96,.96);-moz-transform:scale(.96,.96);-webkit-transform:scale(.96,.96);-o-transform:scale(.96,.96)}
.met-index-news .news-swiper .news-ul .news-li:hover .img:before{border:1px solid #fff;-webkit-animation-name:zoomIn;animation-name:zoomIn;top:3%;left:3%}
.met-index-news .news-swiper .news-ul .news-li:hover .news-more{opacity:1}
.met-index-news .news-swiper .news-ul .news-li:nth-child(odd) .textNews{position:absolute;height:100%;min-height:255px}
.met-index-news .news-swiper .news-ul .news-li:nth-child(odd) .textNews .content{top:0;padding-top:30px}
.met-index-news .news-swiper .news-ul .news-li:nth-child(odd) .news-more{margin-top:40px}
.met-index-news .news-swiper .news-ul .news-li:nth-child(odd) .img{position:absolute;margin-top:255px}
.met-index-news .news-swiper .news-ul .news-li:nth-child(1){-webkit-transition:all 1s cubic-bezier(.215,.61,.355,1) .2s;transition:all 1s cubic-bezier(.215,.61,.355,1) .2s}
.met-index-news .news-swiper .news-ul .news-li:nth-child(2){-webkit-transition:all 1s cubic-bezier(.215,.61,.355,1) .4s;transition:all 1s cubic-bezier(.215,.61,.355,1) .4s}
.met-index-news .news-swiper .news-ul .news-li:nth-child(3){-webkit-transition:all 1s cubic-bezier(.215,.61,.355,1) .6s;transition:all 1s cubic-bezier(.215,.61,.355,1) .6s}
.met-index-news .news-swiper .news-ul .news-li:nth-child(4){-webkit-transition:all 1s cubic-bezier(.215,.61,.355,1) .8s;transition:all 1s cubic-bezier(.215,.61,.355,1) .8s}
.active .news-li{opacity:1!important;-webkit-transform:none!important;transform:none!important}
@media (max-width:1380px){.met-index-news .news-swiper .news-ul{height:350px}
    .met-index-news .news-swiper .news-ul .news-li .body .textNews .content{padding:0 15px}
    .met-index-news .news-swiper .news-ul .news-li .body .textNews .content{padding-top:15px}
    .met-index-news .news-swiper .news-ul .news-li:nth-child(odd) .text .content{top:0;padding-top:15px}
    .met-index-news .news-swiper .news-ul .news-li:nth-child(odd) .img{margin-top:175px}
    .met-index-news .news-swiper .news-ul .news-li .body .textNews .content .description{height:55px}
    .met-index-news .news-swiper .news-ul .news-li .news-more{margin-top:200px}
}
@media (max-width:991px){.met-index-news .container{padding:20px}
    .met-index-news .news-swiper .news-ul{height:470px}
    .met-index-news .news-swiper .news-ul .news-li .body .img{height:300px;min-height:300px}
    .met-index-news .news-swiper .news-ul .news-li .body .textNews .content{padding:15px;top:300px}
    .met-index-news .news-swiper .news-ul .news-li .body .textNews .content .title{margin:0;padding-bottom:7px}
    .met-index-news .news-swiper .news-ul .news-li .body .textNews .content .description{margin:0}
    .met-index-news .news-swiper .news-ul .news-li:nth-child(odd) .content{top:0!important}
    .met-index-news .news-swiper .news-ul .news-li:nth-child(odd) .img{margin-top:170px}
}
@media (max-width:767px){.met-index-news .container{padding:0;position:relative;top:0;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
    .met-index-news .news-swiper{padding-bottom:50px}
    .met-index-news .news-swiper .news-ul{height:270px;overflow:hidden}
    .met-index-news .news-swiper .news-ul .news-li{width:100%}
    .met-index-news .news-swiper .news-ul .news-li .body .img{height:170px;min-height:100px}
    .met-index-news .news-swiper .news-ul .news-li .body .textNews .content{padding:15px;top:100px}
    .met-index-news .news-swiper .news-ul .news-li .body .textNews .content .title{margin:0;padding-bottom:7px}
    .met-index-news .news-swiper .news-ul .news-li .body .textNews .content .description{margin:0}
    .met-index-news .news-swiper .news-ul .news-li:nth-child(odd) .content{top:0!important}
    .met-index-news .news-swiper .news-ul .news-li:nth-child(odd) .img{margin-top:170px}
}
#section4 .news_con{color:#fff;overflow:hidden;padding-bottom:50px;padding-top:130px;background:url(img/bg-huoban.jpg);position:relative}
#section4 .news_con a{color:#fff}
#section4 .news_con .left{max-width:635px;float:left}
#section4 .news_con .left>h3{max-width:450px;height:120px;position:relative;font-weight:400;color:#fff}
#section4 .news_con .left>h3 span{display:inline-block;position:absolute;bottom:0;left:0;width:100px;height:1px;background-color:#fff}
#section4 .news_con .left div.p{color:#fff;line-height:2;margin-top:30px}
#section4 .news_con .right{float:right;text-align:right}
#section4 .news_con .right p{font-family:Arial;font-size:16px;padding-right:10px;padding-top:5px}
#section4 .news_con .right .p1{font-family:number;font-size:100px;padding-right:0;line-height:1}
@font-face{font-family:number;src:url(../../other/Lato-Hairline.ttf)}
.news_con .bx-wrapper .bx-prev{background:url(img/news_left.png) no-repeat;width:27px;height:27px;top:75%;left:auto;right:70px}
.news_con .bx-wrapper .bx-prev:hover{background:url(img/news_leftH.png) no-repeat}
.news_con .bx-wrapper .bx-next{background:url(img/news_right.png) no-repeat;width:27px;height:27px;top:75%}
.news_con .bx-wrapper .bx-next:hover{background:url(img/news_rightH.png) no-repeat}
@media only screen and (max-width:1600px){#section4 .news_con .left>h3{height:100px}
}
@media only screen and (max-width:1440px){#section4 .news_con .left>h3{height:100px}
    #section4 .news_con .left div.p{font-size:14px;margin-top:25px;line-height:2}
    #section4 .news_con .left div.p br{display:none}
    .news_con .bx-wrapper .bx-prev{top:85%}
    .news_con .bx-wrapper .bx-next{top:85%}
}
@media only screen and (max-width:1280px){#section4 .news_con .left>h3 br{display:none}
    #section4 .news_con .left div.p{line-height:1.5}
    .news_con .wrap{padding:100px 30px 0;box-sizing:border-box;-webkit-box-sizing:border-box}
}
@media only screen and (max-width:900px){#section4 .news_con{padding-top:40px}
    #section4 .news_con .left{float:none}
    #section4 .news_con .left>h3{margin-top:40px;height:80px}
    #section4 .news_con .right{float:none;text-align:left}
    #section4 .news_con .right .p1{font-size:70px}
    #section4 .news_con .left div.p{margin-top:20px}
    .news_con .bx-wrapper .bx-prev{top:auto;left:0;right:auto;bottom:-80px}
    .news_con .bx-wrapper .bx-next{top:auto;left:70px;right:auto;bottom:-80px}
}
.news_con div.more{margin-top:50px;position:relative;overflow:hidden}
.news_con div.more a{overflow:hidden;color:#000;display:block;width:220px;height:50px;line-height:50px;text-align:center;border:1px solid #fff;-webkit-transition:all .6s cubic-bezier(.785,.135,.15,.86);-moz-transition:all .6s cubic-bezier(.785,.135,.15,.86);-ms-transition:all .6s cubic-bezier(.785,.135,.15,.86);transition:all .6s cubic-bezier(.785,.135,.15,.86)}
.news_con div.more a span{display:block;width:100%;height:50px;line-height:50px;text-align:center;-webkit-transition:all .6s cubic-bezier(.785,.135,.15,.86) .1s;-moz-transition:all .6s cubic-bezier(.785,.135,.15,.86) .1s;-ms-transition:all .6s cubic-bezier(.785,.135,.15,.86) .1s;transition:all .6s cubic-bezier(.785,.135,.15,.86) .1s;position:relative}
.news_con div.more a span:after{content:attr(data-tit);position:absolute;height:50px;top:0;left:0;right:0;color:transparent;-webkit-transition:all .6s cubic-bezier(.785,.135,.15,.86) .2s;-moz-transition:all .6s cubic-bezier(.785,.135,.15,.86) .2s;-ms-transition:all .6s cubic-bezier(.785,.135,.15,.86) .2s;transition:all .6s cubic-bezier(.785,.135,.15,.86) .2s;-webkit-transform:translate(0,100%);-moz-transform:translate(0,100%);-ms-transform:translate(0,100%);transform:translate(0,100%)}
.news_con div.more a:hover{border:1px solid #fff}
.news_con div.more a:hover span{color:transparent;-webkit-transform:translate(0,-100%);-moz-transform:translate(0,-100%);-ms-transform:translate(0,-100%);transform:translate(0,-100%)}
.news_con div.more a:hover span:after{background-color:#fff;color:#f60}
@media only screen and (max-width:1600px){.news_con div.more{margin-top:70px}
    .news_con div.more a{width:160px;height:40px;line-height:40px}
    .news_con div.more a span{height:40px;line-height:40px}
    .news_con div.more a span:after{height:40px}
}
@media only screen and (max-width:1366px){.news_con div.more{margin-top:40px}
}
@media only screen and (max-width:1100px){.news_con div.more{margin-top:20px}
    .news_con div.more a{width:120px;height:30px;line-height:30px}
    .news_con div.more a span{height:30px;line-height:29px;font-size:12px}
    .news_con div.more a span:after{height:30px}
}
@media only screen and (max-width:650px){.news_con div.more{margin-top:20px}
}
.news_content{max-width:1024px;margin:0 auto;font-size:16px; padding:50px 0;}
.news_content .news_c_top{overflow:hidden;margin-top:100px}
.news_content .news_c_top>div.p{text-align:right;font-size:16px;color:#999;margin-top:40px}
.news_content .news_c_top>div.p i{display:inline-block;border-radius:20px;width:100px;height:30px;border:1px solid #999;text-align:center;line-height:30px;margin-left:30px}
.news_content .news_c_top>span{display:block;height:1px;width:90%;background:#999;margin-top:20px;float:right}
.news_content .news_c_center{margin-top:50px}
.news_content .news_c_center .vedio{margin-top:30px;margin-bottom:30px}
.news_content .edit_con_original{color:#5b5b5b}
.news_content .edit_con_origina img{max-width:100%}
.news_content .news_c_center .share_con{margin:50px 0 0 0;position:relative;width:100%}
.news_content .news_c_center .share_con:after{content:"";display:inline-block;position:absolute;top:13px;left:0;right:0;height:1px;background:#999}
.news_content .news_c_center .share{float:right;background:#fff;height:30px;width:130px;position:relative;z-index:2;text-align:right}
.news_content .news_c_center .share a{display:inline-block;margin:0 10px}
.news_content .news_c_bottom{text-align:center;margin-top:80px;margin-bottom:80px}
@media only screen and (max-width:1200px){.news_content{font-size:14px}
    .news_content .news_c_top{margin-top:70px}
    .news_content .news_c_top>div.p{margin-top:20px}
    .news_content .news_c_bottom{margin-top:40px;margin-bottom:40px}
}
@media only screen and (max-width:1050px){.news_content .news_c_center{margin-top:30px}
    .news_content{padding:50px 20px;box-sizing:border-box;-webkit-box-sizing:border-box}
}
@media only screen and (max-width:900px){.news_content .news_c_top>span{width:100%}
    .news_content .news_c_center .vedio{margin-top:15px;margin-bottom:15px}
    .news_content .news_c_center .vedio video{width:100%!important;height:auto!important}
    .news_content .news_c_center .vedio img{width:100%!important;height:auto!important}
    .news_content .news_c_top>div.p{font-size:14px}
    .news_content .news_c_top>div.p i{width:70px;height:24px;line-height:24px}
}


.pglist{ width:100%;clear:both; height:32px; margin:40px 0; text-align:center}
.pglist span{vertical-align: bottom; display:inline-block; margin:0; _zoom:1; height:30px; line-height:30px; text-align:center;font-family:Arial;font-size:16px;font-family:'微软雅黑'; background:#282828; color:#fff; padding:0px 10px;}
.pglist span a{width:70px; padding:0; color:#fff; line-height:30px; display:block;}
.pglist span.JZD_PAGE_GONG,.pglist span.JZD_PAGE_YECI,.pglist span.JZD_PAGE_NUMBER,.pglist span.JZD_PAGE_XIEGANG,.pglist span.JZD_PAGE_YE,.pglist span.JZD_PAGE_ZONGSHU ,.pglist span.JZD_PAGE_TIAOJILU,.pglist span.JZD_PAGE_ZHUANGDAO,.pglist span.JZD_PAGE_SELECT,.pglist span.JZD_PAGE_SELECT_YE{display:none;}
.pglist span.JZD_PAGE_FIRST,.pglist span.JZD_PAGE_LAST{width:70px; padding:0; height:30px;}
.pglist span.JZD_PAGE_PREVIOUS,.pglist span.JZD_PAGE_NEXT{width:70px; padding:0; height:30px; line-height: 30px; }
.pglist span.JZD_PAGE_DISABLED{width:70px; padding:0;}
.pglist span a:hover{background:#2b8ada;font-family:'微软雅黑';color:#fff}

@media only screen and (min-width:1050px){
    .map{position:relative;height:640px;width:100%;min-width:960px}
    #dituContent{height:640px;width:100%;min-width:960px}
    .map .address{position:absolute;width:368px;padding-bottom:30px;right:15%;top:115px;background:url(http://file.hedaweb.com/skin/lssplmb2945/img/bg37.png) repeat}
    .map .address h2{margin-bottom:22px;height:68px;line-height:68px;border-bottom:1px dashed #adaba3;font-size:18px;color:#231815;font-weight:400;padding:0 30px}
    .map .address .con{padding:0 29px}
    .map .address .con img{vertical-align:top; max-width:310px; margin-bottom:10px;}
    .map .address .con h3{margin-top:5px;line-height:50px;font-size:18px;color:#00a53a}
    .map .address .con p{font-size:14px;line-height:30px}
}

@media only screen and (max-width:1049px){
    .map{position:relative;height:600px;width:100%;}
    #dituContent{height:600px;width:100%;}
    .map .address{position:absolute; width:95%;left:2.5%; bottom:20px;background:url(http://file.hedaweb.com/skin/lssplmb2945/img/bg37.png) repeat}
    .map .address h2{margin-bottom:15px;height:48px;line-height:48px;border-bottom:1px dashed #adaba3;font-size:16px;color:#231815;font-weight:400;padding:0 20px}
    .map .address .con{padding:0 20px}
    .map .address .con img{ display:none}
    .map .address .con h3{margin-top:5px;line-height:50px;font-size:16px;color:#00a53a}
    .map .address .con p{font-size:12px;line-height:2em}
}

.leftMenu{width:860px; margin:50px auto; overflow:hidden;}
.leftMenu li{width:18%; height:50px; float:left; margin:10px 1%}
.leftMenu li a{width:100%; height:48px; display:block; border:1px solid #fff; line-height:48px; text-align:center; color:#fff; box-sizing:brder-box;}
.leftMenu li a:hover,.leftMenu li a.on{background:#fff; color:#333}

@media only screen and (min-width:900px){
    .leftMenu{width:860px}
}
@media only screen and (max-width:900px){
    .leftMenu{width:90%}
}
@media only screen and (max-width:480px){
    .leftMenu{width:90%}
    .leftMenu li{width:45%; margin:10px 2.5%;}
}




.JJKJ_banner{background: url("img/JJKJ_banner.jpg") no-repeat;width: 100%;padding-top: 100px;    height: 600px;}
.JJKJ_bannerNR{width: 1200px;margin: 0 auto;}
.JJKJ_bannerNR_L h3{font-size: 48px;color: #FFFFFF;margin-top: 130px;line-height: 50px;}
.JJKJ_bannerNR_L p:nth-child(2){font-size: 22px;color: #FFFFFF;margin-top: 30px;line-height: 25px;}
.JJKJ_bannerNR_L p:nth-child(2) span{margin: 0 10px 0 15px;}
.JJKJ_bannerNR_L p:nth-child(3){font-size: 16px;color: #FFFFFF;margin-top: 25px;line-height: 15px;}
.JJKJ_bannerNR_L div{width: 230px;height: 60px; font-size: 26px;text-align: center;line-height:60px;background-color: #FF6194;margin: 75px 0 190px;border-radius: 0.5vw;}
.JJKJ_bannerNR_L div a{color: #FFFFFF;}
.JJKJ_bannerNR_L{float: left;}
.JJKJ_bannerNR_R{margin: 105px 30px 0 0;float: right;}
/*服务套餐*/
.JJKJ_fwtc{width: 1030px;margin: 0 auto;overflow:  hidden;}
.JJKJ_fwtc_bt{width: 1030px;margin: 75px auto 0;}
.JJKJ_fwtc_bt>p{border-top: 1px solid #C4C2C2;margin-top: 20px;}
.JJKJ_fwtc_bt>p>span{background-color:  #FFFFFF;display: block;margin-top: -10px;width: 145px;line-height: 20px;text-align:  center;height: 20px;margin-left: 442.5px;font-size:  16px;}
.JJKJ_fwtc_bt h4{font-size: 30px;color: #333333;text-align: center;line-height: 32px;font-weight: 900;}
.JJKJ_fwtc_nr{margin-top: 70px;padding-bottom:  115px;}
.JJKJ_fwtc_nr p{font-size: 14px;color: #333333;text-align:  center;line-height: 25px;}
/*服务套餐详情*/
.JJKJ_fwtcxq{background-color: #F5F5F5;overflow:  hidden;padding: 43px 0 48px;}
.JJKJ_fwtcxq_nr{width: 1200px;margin: 0 auto;}
.JJKJ_fwtcxq_nr ul li{width: 18%;height: 520px;overflow: hidden;background:#fff;float:left;padding: 0 24px; margin-right:12px; box-shadow: 1px 4px 15px 0px #b5afaf;cursor: pointer;transition: width 1s linear 0.6s;
    /* Firefox 4 */
    -moz-transition:width  linear 0.6s;
    /* Safari and Chrome */
    -webkit-transition:width  linear 0.6s;
    /* Opera */
    -o-transition:width 1s linear 0.6s;}

.JJKJ_fwtcxq_nr ul li div:nth-child(1){height: 220px;margin: 0 auto;border-bottom: 1px solid #EAEBEB;overflow:  hidden;}
.JJKJ_fwtcxq_nr ul li div:nth-child(1) img{display: block;margin: 78px auto 0;}
.JJKJ_fwtcxq_nr ul li div:nth-child(1) img:nth-child(2){display: none;}
.JJKJ_fwtcxq_nr ul li div:nth-child(1) p{text-align: center;font-size: 24px;color: #333;line-height: 25px; margin-top: 15px;font-weight: 900;}
.JJKJ_fwtcxq_nr ul li div:nth-child(2){border-bottom: 1px solid #f5f5f5;font-size: 14px;height: 136px;display:  flex;align-items: center;}
.JJKJ_fwtcxq_nr ul li div:nth-child(3){padding-top: 25px;display:  flex;justify-content: space-between;}
.JJKJ_fwtcxq_nr ul li div:nth-child(3) span{background-color: #0093FF;color:  #fff;width: 53px;height:  28px;border-radius: 6px;text-align:center;line-height:  28px;}
.JJKJ_fwtcxq_nr ul li div:nth-child(4){background-color: #FF9600;color: #FFFFFF;font-size: 14px;text-align: center;width: 255px;height: 40px;line-height: 40px;margin: 75px auto 0;display: none;}
.JJKJ_fwtcxq_nr ul li div:nth-child(4) a{color: #FFFFFF;display:  block;}
/*鼠标点击效果*/

.JJKJ_fwtcxq_nr ul li.on{width:25%;color:#fff;/* background-color: #00A1FE; */background:url("img/JJKJ_fwtcxq_nr04_on.jpg") no-repeat; background-size:cover;}
.JJKJ_fwtcxq_nr ul li.on div:nth-child(3){display:none;}
.JJKJ_fwtcxq_nr ul li.on div:nth-child(4){display:block;}
.JJKJ_fwtcxq_nr ul li.on div:nth-child(1) p{color:#fff;}
.JJKJ_fwtcxq_nr ul li.on div:nth-child(1) p{color:#fff;}
.JJKJ_fwtcxq_nr ul li.on div:nth-child(1) img:nth-child(1){display:none;}
.JJKJ_fwtcxq_nr ul li.on div:nth-child(1) img:nth-child(2){display:block;}




.JJKJ_fwtcxq_nr ul .on  div:nth-child(1) img:nth-child(1){display: none;}
.JJKJ_fwtcxq_nr ul .on  div:nth-child(1) img:nth-child(2){display: block;}
.JJKJ_fwtcxq_nr ul .on  div:nth-child(1) p{color: #FFFFFF;}
.JJKJ_fwtcxq_nr ul .on  div:nth-child(2) p{color: #FFFFFF;}
.JJKJ_fwtcxq_nr ul .on  div:nth-child(3){display: none;}
.JJKJ_fwtcxq_nr ul .on  div:nth-child(4){display: block;}

/*行业解决方案*/
.JJKJ_hyjjfa_nr{padding-bottom:  130px;padding-top:  90px;width:  1200px;margin:  0 auto;}
.JJKJ_hyjjfa_nr ul{justify-content: space-between;display: flex;}
.JJKJ_hyjjfa_nr ul li{border-right: 1px solid #CCCCCC;padding: 0 20px 0 25px;height:  255px;width: 255px; cursor: pointer;}
.JJKJ_hyjjfa_nr ul li:last-child{border-right: none;}
.JJKJ_hyjjfa_nr ul li div{overflow: hidden;height: 108px;}
.JJKJ_hyjjfa_nr ul li div img{display: block;margin: 15px auto 25px;}
.JJKJ_hyjjfa_nr ul li h4{font-size: 20px;font-weight: 900;text-align: center;line-height: 22px;margin-bottom: 20px;}
.JJKJ_hyjjfa_nr ul li p{color: #7A7A7A;font-size: 12px;line-height: 24px;text-align:  center;}
.JJKJ_hyjjfa_nr ul li:hover div:nth-child(1) img{ transition: transform  linear 0.6s;
    /* Firefox 4 */
    -moz-transition:transform  linear 0.6s;
    /* Safari and Chrome */
    -webkit-transition:transform  linear 0.6s;
    /* Opera */
    -o-transition:transform linear 0.6s;
    transform:rotateY(360deg);
    -ms-transform:rotateY(360deg); 	/* IE 9 */
    -moz-transform:rotateY(360deg); 	/* Firefox */
    -webkit-transform:rotateY(360deg); /* Safari 和 Chrome */
    -o-transform:rotateY(360deg);
}

/*功能预览*/
.JJKJ_gnyl{background: url("img/JJKJ_gnyl.jpg")no-repeat;overflow: hidden;}
.JJKJ_gnyl .JJKJ_fwtc_bt{margin: 45px auto 0;}
.JJKJ_gnyl .JJKJ_fwtc_bt p span{background-color: #00A2FE;color:  #fff;}
.JJKJ_gnyl .JJKJ_fwtc_bt h4{color: #FFFFFF;}
.JJKJ_gnyl .JJKJ_fwtc_bt p{border-top: 1px solid #FFFFFF;}
.JJKJ_gnylnr{width: 1200px;margin: 52px auto 0;}/*
.JJKJ_gnylnr>div{overflow:  hidden;}*/
.JJKJ_gnylnr div h4{font-size:22px;color:#fff;text-align:center;line-height:24px;}
.JJKJ_gnylnr div p{font-size:14px;color:#fff;text-align:center;line-height:16px;margin-top:5px;}
.JJKJ_gnylnr ul{margin:35px auto 0;display:flex;justify-content:space-between;}
.JJKJ_gnylnr ul li{padding: 0.4vw 1vw;width: 127px;text-align: center;}
.JJKJ_gnylnr ul li:hover{ transition: box-shadow  linear 0.6s;/* Firefox 4 */-moz-transition:box-shadow  linear 0.6s;/* Safari and Chrome */-webkit-transition:box-shadow  linear 0.6s;/* Opera */-o-transition:box-shadow linear 0.6s;box-shadow: 3px 2px 20px 0px #fff;border-radius: 1vw;cursor: pointer;}
.JJKJ_gnylnr ul li div{height:65px;overflow:hidden;}
.JJKJ_gnylnr ul li div img{}
.JJKJ_gnylnr ul li p{font-size:14px;color:#fff;margin-top:15px;line-height: 16px;}
.JJKJ_gnylnr div:nth-child(1) ul{margin-bottom: 100px;}
.JJKJ_gnylnr div:nth-child(2) ul{margin-bottom: 100px;}
.JJKJ_gnylnr div:nth-child(3) ul{margin-bottom: 150px;}
/*我们的服务流程*/
.JJKJ_fwlcnr{width: 1200px;margin: 0 auto 120px auto;overflow: hidden;}
.JJKJ_fwlcnr ul{width: 1200px;margin: 120px auto;/*overflow:  hidden;*/}
.JJKJ_fwlcnr ul li{overflow:hidden; float:left;}
.JJKJ_fwlcnr ul li>div{width: 176px;float:  left;}
.JJKJ_fwlcnr ul li>div>div img{display: block;margin:  0 auto; width:100%;}
.JJKJ_fwlcnr ul li>div h4{font-size: 18px;font-weight:  900;text-align:  center;}
.JJKJ_fwlcnr ul li>div p{text-align:  center;color:  #5F5F5F;font-size:  14px;}
.JJKJ_fwlcnr ul li>div:nth-child(2){float:  right;width: 75px;display: flex;align-items:  center;height:  252px;}
.JJKJ_fwlcnr ul li>div:nth-child(2) img{margin: 0 auto; width:100%;}
.JJKJ_fwlcnr ul li:nth-child(even)>div div{margin-top: 70px;}
.JJKJ_fwlcnr ul li:hover div>div img{
    transition: transform  linear 0.6s;
    /* Firefox 4 */
    -moz-transition:transform  linear 0.6s;
    /* Safari and Chrome */
    -webkit-transition:transform  linear 0.6s;
    /* Opera */
    -o-transition:transform linear 0.6s;
    transform:rotateY(360deg);
    -ms-transform:rotateY(360deg); 	/* IE 9 */
    -moz-transform:rotateY(360deg); 	/* Firefox */
    -webkit-transform:rotateY(360deg); /* Safari 和 Chrome */
    -o-transform:rotateY(360deg);  }

/*定制版内容*/
.JJKJ_banner>img{ position: absolute;z-index: 0;top: 100px;}
.JJKJ_edition_banner{height: 200px;width: 100%;background: url("img/JJKJ_edition_bannernr_01.png")no-repeat;margin-top: 100px;position: relative;}
.JJKJ_edition_bannernr{width: 1200px;margin: 0 auto;overflow:  hidden;position: relative;}
.JJKJ_edition_bannernr h4{font-size:  33px;color:  #fff;margin: 70px 0 0 60px;line-height: 35px;}
.JJKJ_edition_bannernr p{font-size:18px;margin:16px 0 0 60px;line-height: 20px;color:#fff;}

.JJKJ_edition_nr table{width: 1200px;margin: 45px auto;border-collapse: collapse;/*关键代码*/border: 1px solid #E9E9E9;}
/*表格*/
.JJKJ_edition_nr th{color: #000;border: 1px solid #E9E9E9;text-align: center;}
.JJKJ_edition_nr tr,td {border: 1px solid #E9E9E9;text-align: center;color: #333333;height: 40px;}
/*表头*/
table tr:first-child th:nth-child(1){width: 310px;height: 175px;background: #83D2E3;position:  relative;overflow:  hidden;}

table tr:first-child td:nth-child(1){width: 310px;background: #f5f5f5;}


table tr:first-child th:nth-child(1) p:nth-child(1){width:  115px;height:  175px;position:  absolute;top: 0;text-align:  left;left:  60px;color:  #fff;font-size:  22px;line-height: 250px;}
table tr:first-child th:nth-child(1) p:nth-child(3){width: 115px;height: 175px;position: absolute;top: 0;text-align: right;right: 60px;color: #fff;font-size: 22px;line-height: 95px;}
table tr:first-child th:nth-child(2){background: #28BBDD;width:  890px;}
table tr:first-child th:nth-child(2) p:nth-child(1){color:  #fff;font-size:  36px;}
table tr:first-child th:nth-child(2) p:nth-child(2){font-size:  16px;color:  #fff;}
table tr:first-child td:nth-child(1) p{font-size: 16px;color: #28BBDD;margin-top: 10px;}
table tr:nth-child(2) td:nth-child(1) p{font-size: 16px;color: #28BBDD;margin-top: 10px;}

.JJKJ_edition_nr .banben01 tr:nth-child(2) td:nth-child(1){height: 192px;}
.JJKJ_edition_nr .banben01 tr:nth-child(2) td:nth-child(1) p{font-size: 16px;color: #28BBDD;margin-top: 10px;}
.JJKJ_edition_nr .banben01 tr:nth-child(2) td:nth-child(1){background:#F6F6F6;}
/**/
/*版本02*/
.banben02{height: 590px;margin-bottom: 70px !important;}
.JJKJ_edition_nr .banben02 tr:first-child td:nth-child(1){width: 310px;background-color: #F6F6F6;}
.JJKJ_edition_nr .banben02 tr:first-child td:nth-child(1) p{font-size: 16px;color: #28BBDD;margin-top: 10px;}
.JJKJ_edition_nr .banben02 tr:nth-child(3) td:nth-child(1){width: 420px;}/*
.JJKJ_edition_nr .banben02 tr:nth-child(even) td{background:#F6F6F6;}
.JJKJ_edition_nr .banben02 tr:nth-child(even) td:nth-child(1){background:#F6F6F6;}*/
.JJKJ_edition_nr .banben02 tr:nth-child(2) td:nth-child(1){background:#FFFFFF;}

/*电商*/
.JJKJ_E-Commerce_banner{height: 200px;width: 100%;background: url("img/JJKJ_edition_bannernr_04.jpg")no-repeat;}
.JJKJ_E-Commerce_bannernr{width: 1200px;margin: 0 auto;overflow:hidden;position: relative;}
.JJKJ_E-Commerce_bannernr h4{font-size:  33px;color:  #fff;margin: 70px 0 0 55px;line-height: 35px;}
.JJKJ_E-Commerce_bannernr p{font-size:18px;margin: 10px 0 0 55px;line-height: 20px;color:#fff;}
/*版本03*/
.JJKJ_edition_nr .banben03 tr:nth-child(2) td:nth-child(1){width: 310px;background-color: #F6F6F6;}
.JJKJ_edition_nr .banben03 tr:nth-child(3) td:nth-child(1){width: 420px;}
.JJKJ_edition_nr .banben03 tr:nth-child(43) td:nth-child(1){width: 225px;}
.JJKJ_edition_nr .banben03 tr:nth-child(43) td:nth-child(2){width: 240px;}
/*版本04*/
.JJKJ_edition_nr .banben04 tr:nth-child(5) td:nth-child(1){width: 420px;}
/*版本05*/
.JJKJ_edition_nr .banben05 tr:nth-child(4) td:nth-child(1){width: 420px;}
.JJKJ_edition_nr .banben05 tr:nth-child(4) td:nth-child(2){width: 225px;}
/*版本06*/
.JJKJ_edition_nr .banben05 tr:nth-child(3) td:nth-child(1){width: 420px;}

/*基础*/
.JJKJ_basics_banner{height: 200px;width: 100%;background: url("img/JJKJ_edition_bannernr_02.jpg")no-repeat; overflow:hidden;}
.JJKJ_basics_bannernr{width: 1200px;margin: 0 auto;overflow:  hidden;position: relative;}
.JJKJ_basics_bannernr h4{font-size:  33px;color:  #fff;margin: 70px 0 0 180px;line-height: 35px;}
.JJKJ_basics_bannernr p{font-size:18px;margin: 16px 0 0 180px;line-height: 20px;color:#fff;}
/*版本07*/
.JJKJ_edition_nr .banben07 tr:nth-child(2) td:nth-child(1){width: 310px;background-color: #F6F6F6;}
.JJKJ_edition_nr .banben07 tr:nth-child(2) td:nth-child(2){/* width: 919px; */}
.JJKJ_edition_nr .banben07 tr:nth-child(3) td:nth-child(1){width: 420px;}
.JJKJ_edition_nr .banben07 tr:nth-child(34){}
.JJKJ_edition_nr .banben07 tr:nth-child(36) td:nth-child(2){width: 225px;}
.JJKJ_edition_nr .banben07 tr:nth-child(36) td:nth-child(3){width: 240px;}
/*版本08*/
.JJKJ_edition_nr .banben08 tr:nth-child(5) td:nth-child(1){width: 420px;}
/*版本09*/
.JJKJ_edition_nr .banben09 tr:nth-child(3) td:nth-child(1){width: 420px;}
.JJKJ_edition_nr .banben09 tr:nth-child(3) td:nth-child(2){width: 225px;}
/*版本10*/
.JJKJ_edition_nr .banben10 tr:nth-child(3) td:nth-child(1){width: 420px;}

/*商务*/
.JJKJ_business_banner{height: 200px;width: 100%;background: url("img/JJKJ_edition_bannernr_03.jpg")no-repeat;}
.JJKJ_business_bannernr{width: 1200px;margin: 0 auto;overflow:  hidden;position: relative;}
.JJKJ_business_bannernr h4{font-size:  33px;color:  #fff;margin: 70px 0 0 0px;line-height: 35px;text-align: center;}
.JJKJ_business_bannernr p{font-size:18px;margin: 10px 0 0 0;line-height: 20px;color:#fff;text-align: center;}
/*版本11*/
.JJKJ_edition_nr .banben11 tr:nth-child(2) td:nth-child(1){width: 310px;background-color: #F6F6F6;}
.JJKJ_edition_nr .banben11 tr:nth-child(2) td:nth-child(2){/* width: 919px; */}
.JJKJ_edition_nr .banben11 tr:nth-child(3) td:nth-child(1){width: 420px;}
.JJKJ_edition_nr .banben11 tr:nth-child(34){}
.JJKJ_edition_nr .banben11 tr:nth-child(36) td:nth-child(2){width: 225px;}
.JJKJ_edition_nr .banben11 tr:nth-child(36) td:nth-child(3){width: 240px;}
/*版本12*/
.JJKJ_edition_nr .banben12 tr:nth-child(5) td:nth-child(1){width: 420px;}
/*版本13*/
.JJKJ_edition_nr .banben13 tr:nth-child(3) td:nth-child(1){width: 420px;}
.JJKJ_edition_nr .banben13 tr:nth-child(3) td:nth-child(2){width: 225px;}
/*版本14*/
.JJKJ_edition_nr .banben14 tr:nth-child(3) td:nth-child(1){width: 420px;}
.JJKJ_fwtc_dh{    position: relative;/*overflow: hidden;*/}

/*人才招聘*/
.JJKE_ZP_menu{position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0,0,0,0.1);overflow: hidden;z-index: 99;}
.JJKE_ZP_menunr{margin:150px auto;width: 400px;background: #fff;border-radius: 0.5vw;padding: 100px 80px;}
#inputform113>div>span{font-size: 16px;color: #333;display: inline-block;width: 80px;text-align: center;height: 30px;line-height: 30px;margin: 0 20px 0 0;}
#inputform113{position: relative;/* overflow: hidden;*/}
#inputform113>div{margin: 0.8vw 0;}
#inputform113>div>input{height: 30px;padding-left: 10px;width: 280px;line-height: 30px;font-size: 16px;color: #333;border: 1px solid #C6C6C6;    }
#inputform113>div:nth-child(1)>input{}
#inputform113>div:nth-child(2){margin: 0vw 0; color: #333;display: inline-block;text-align: center;line-height: 30px;height: 30px;font-size: 14px}
#inputform113>div:nth-child(2)>input{width: 15px;height: 15px;margin: 0px 0px 0 20px; }
#inputform113>div:nth-child(6){width: 200px;margin: 50px auto 0;}
#inputform113>div:nth-child(6)>input{background: #fff;border: 1px solid #c6c6c6;height: 40px;text-align: center;line-height: 40px;font-size: 16px;width: 200px;}
#JJKE_tuicu{position: absolute;top: -130px;right: -100px;}
#JJKE_tuicu>span{width: 50px !important;height: 50px !important;border-radius: 100%;font-size: 36px !important;line-height: 50px !important;display: block !important;background: #fff;color: #666 !important;cursor: pointer;}



.the_diagonal {border-left: 1px solid #FFF; width: 0; height: 280px; transform: rotate(115deg);display: inline-block;position: absolute;z-index: 1;top: -51px;left: 160px;}



@media only screen and (max-width:1200px){
    .JJKJ_fwtcxq_nr {width:960px;}
    .JJKJ_fwtcxq_nr ul li {width:43.5%; margin-top:10px;}
    .JJKJ_fwtcxq_nr ul li.on {width:43.5%;}
    .JJKJ_fwtcxq_nr ul li div:nth-child(3) span {width:20%;}
    .JJKJ_hyjjfa_nr {width:960px;}
    .JJKJ_gnylnr {width:960px;}
    .JJKJ_fwlcnr {width:960px;}
    .JJKJ_fwlcnr ul {width:960px;}
    .JJKJ_fwlcnr ul li>div:nth-child(2) {width:55px;}
    .JJKJ_fwlcnr ul li>div {width:146px;}
    .JJKJ_fwtc_nr p {width:960px; margin:0 auto;}
    .JJKJ_edition_nr table {width:960px;}
    .JJKJ_bannerNR {width:960px;}
}
@media only screen and (max-width:600px){
    .JJKJ_fwtcxq_nr {width:350px;}
    .JJKJ_fwtcxq_nr ul li {width:85%; margin-top:10px;}
    .JJKJ_fwtcxq_nr ul li.on {width:85%;}
    .JJKJ_fwtcxq_nr ul li div:nth-child(3) span {width:20%;}
    .JJKJ_fwtc {width:100%; margin:0 auto; overflow:auto;}
    .JJKJ_fwtc_bt {width:100%;}
    .JJKJ_fwtc_bt h4 {font-size:18px;}
    .JJKJ_fwtc_nr p {width:350px;}
    .JJKJ_fwtc_bt>p>span {width:50%; margin-left:25%;}
    .JJKJ_hyjjfa_nr ul {display:block;}
    .JJKJ_hyjjfa_nr ul li {border:0; padding:0 2%; height:auto; width:45%; float:left; margin-bottom:20px;}
    .JJKJ_hyjjfa_nr {width:350px;}
    .JJKJ_gnyl {width:100%;}
    .JJKJ_gnylnr ul {display:block; padding:30px 0;}
    .JJKJ_gnylnr ul li {width:30%; float:left;}
    .JJKJ_gnylnr {width:350px;}
    .JJKJ_fwtc_bt {float:left;}
    .JJKJ_gnyl {float:left; background-size:cover; padding-bottom:40px;}
    .JJKJ_gnylnr div h4 {margin:20px 0 5px 0; width:100%; float:left;}
    .JJKJ_fwlcnr {width:350px; margin:0 auto 20px auto;}
    .JJKJ_fwlcnr ul {width:350px; margin:80px 0 20px 0;}
    .JJKJ_fwlcnr ul li {float:left; width:18%; margin-right:2%; height:300px;}
    .JJKJ_fwlcnr ul li:nth-child(5) {margin-right:0;}
    .JJKJ_fwlcnr ul li>div {width:100%;}
    .JJKJ_fwlcnr ul li:nth-child(even)>div div {margin-top:0;}
    .JJKJ_fwlcnr ul li>div:nth-child(2) img {display:none;}
    .JJKJ_edition_nr table {width:95%;}
    .JJKJ_bannerNR {width:350px;}
    .JJKJ_bannerNR_R {margin:30px 0;}
    .JJKJ_bannerNR_R img {width:80%; margin:0 10%;}
    .JJKJ_bannerNR_L h3 {margin-top:30px; font-size:28px;}
    .JJKJ_bannerNR_L p:nth-child(2) {font-size:18px; margin-top:0;}
    .JJKJ_fwtcxq_nr ul li div:nth-child(4) {display:block; margin:25px auto 0;}
    .JJKJ_fwtcxq_nr ul .on div:nth-child(4) {margin:75px auto 0;}
    .JJKJ_edition_bannernr {width:350px;}
    .JJKJ_edition_banner {margin-top:70px; overflow:hidden;}
    .JJKJ_edition_bannernr h4 {margin:70px auto 0 55px; font-size:26px;}
    .JJKJ_basics_bannernr {width:350px;}
    .JJKJ_basics_bannernr h4 {font-size:26px; margin:70px auto 0;}
    .JJKJ_basics_bannernr p {margin:16px auto 0;}
    .JJKJ_business_bannernr {width:350px;}
    .JJKJ_business_bannernr h4 {font-size:26px;}
    .JJKJ_E-Commerce_bannernr {width:350px;}
    .JJKJ_E-Commerce_bannernr h4 {font-size:26px;}
    .JJKJ_edition_nr .banben07 tr:nth-child(2) td:nth-child(1) {width:40%;}
    table tr:first-child td:nth-child(1) {width:40%;}
    .JJKJ_edition_nr .banben11 tr:nth-child(2) td:nth-child(1) {width:40%;}
    .JJKJ_edition_nr .banben03 tr:nth-child(2) td:nth-child(1) {width:40%;}
    .JJKJ_edition_nr .banben01 tr:nth-child(2) td:nth-child(1) {width:40%;}
    .JJKJ_edition_nr .banben02 tr:first-child td:nth-child(1) {width:40%;}
    .JJKJ_edition_nr tr, td {width:160px;}
    .JJKJ_edition_nr .banben13 tr:nth-child(3) td:nth-child(1) {width:20%;}
    .JJKJ_edition_nr .banben14 tr:nth-child(3) td:nth-child(1) {width:20%;}
    .JJKJ_edition_nr .banben07 tr:nth-child(3) td:nth-child(1) {width:20%;}
    .JJKJ_edition_nr .banben08 tr:nth-child(5) td:nth-child(1) {width:20%;}
    .JJKJ_edition_nr .banben09 tr:nth-child(3) td:nth-child(2) {width:10%;}
    .JJKJ_edition_nr .banben10 tr:nth-child(3) td:nth-child(1) {width:20%;}
    .JJKJ_edition_nr .banben09 tr:nth-child(3) td:nth-child(1) {width:20%;}
    .JJKJ_edition_nr .banben04 tr:nth-child(5) td:nth-child(1) {width:20%;}
    .JJKJ_E-Commerce_banner {overflow:hidden;}
    .JJKJ_business_banner {overflow:hidden;}
    .the_diagonal {transform:rotate(135deg); left:80px;}
}