@charset "utf-8";
/* CSS Document */
@font-face{
    font-style:normal;
    font-weight:normal;
    font-family:"pingfang";
    src:url('../fonts/pingfang.eot');
    src:url('../fonts/pingfang.eot?#iefix') format('embedded-opentype'),
    url('../fonts/pingfang.woff') format('woff'),
    url('../fonts/pingfang.ttf') format('truetype'),
    url('../fonts/pingfang.svg#BIGPixelRegular') format('svg');
}

html,body{ width:100%; height:100%;}
body{ font-family:pingfang,"PingFang SC",PingFangSC-Regular,"helvetica neue",tahoma,"microsoft yahei",arial,"hiragino sans gb",sans-serif; font-size:14px; line-height:1.5; color:#333; background:#fff;}
a{ text-decoration:none; color:#333;-webkit-tap-highlight-color:transparent;}
*{ list-style:none; margin:0; border:none; outline:none; padding:0;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clear:after{ content:""; display:block; clear:both;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;} 
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;} 
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;} 

/*header*/
@media screen and (min-width:1280px){
.header{ width:90%; padding:0 5%; position:fixed; z-index:999; left:0; top:0;}
.header.pos{ background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,0.3); border-bottom:none;}
.header .logo{ width:350px; height:40px; float:left; padding:20px 0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header .logo img{ height:40px; display:block;}
.header .logo img.img02{ height:30px; display:none;}
.header.pos .logo{ height:30px; padding:15px 0;}
.header.pos .logo img.img01{ display:none;}
.header.pos .logo img.img02{ display:block;}
.header .head{ width:calc(100% - 350px); float:right; height:80px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header.pos .head{ height:60px;}
.header .menu{ width:14px; float:right; height:100%; display:flex; align-items:center;}
.header .menu img{ display:block; height:14px; cursor:pointer;}
.header .menu img.img02{ display:none;}
.header.pos .menu img.img01{ display:none;}
.header.pos .menu img.img02{ display:block;}
.header .nav{ float:right; display:block; height:100%;}
.header .nav li{ margin-right:30px; display:block; float:left; height:100%; display:flex; align-items:center;}
.header .nav li>a{ display:block; font-size:16px; line-height:36px; color:#fff; position:relative;}
.header.pos .nav li a{ color:#333;}
.header .nav li.on>a,.header .nav li:hover>a{ color:#33b9ee;}
.header .nav li.on b{ width:50px; position:absolute; bottom:0; height:2px; left:50%; margin-left:-25px; display:block; background-color:#33b9ee;}
.header .nav li .bot{ display:none; justify-content:center; border-top:1px solid #eee; display:none; width:90%; padding:20px 5%; background-color:#fff; position:absolute; left:0; top:100%;}
.header .nav li:hover .bot{ display:flex;}
.header .nav li .bot a{ display:block; margin:0 20px; overflow:hidden; font-size:18px; line-height:28px;}
.header .nav li .bot a:hover{ color:#33b9ee;}
.sav{ display:none;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.header{ width:94%; padding:0 3%; position:fixed; z-index:999; left:0; top:0;}
.header.pos{ background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,0.3); border-bottom:none;}
.header .logo{ width:260px; height:30px; float:left; padding:20px 0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header .logo img{ height:30px; display:block;}
.header .logo img.img02{ height:30px; display:none;}
.header.pos .logo{ height:30px; padding:15px 0;}
.header.pos .logo img.img01{ display:none;}
.header.pos .logo img.img02{ display:block;}
.header .head{ width:calc(100% - 260px); float:right; height:70px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header.pos .head{ height:60px;}
.header .menu{ width:14px; float:right; height:100%; display:flex; align-items:center;}
.header .menu img{ display:block; height:14px; cursor:pointer;}
.header .menu img.img02{ display:none;}
.header.pos .menu img.img01{ display:none;}
.header.pos .menu img.img02{ display:block;}
.header .nav{ float:right; display:block; height:100%;}
.header .nav li{ margin-right:2vw; display:block; float:left; height:100%; display:flex; align-items:center;}
.header .nav li>a{ display:block; font-size:14px; line-height:34px; color:#fff; position:relative;}
.header.pos .nav li a{ color:#333;}
.header .nav li.on>a,.header .nav li:hover>a{ color:#33b9ee;}
.header .nav li.on b{ width:50px; position:absolute; bottom:0; height:2px; left:50%; margin-left:-25px; display:block; background-color:#33b9ee;}
.header .nav li .bot{ display:none; justify-content:center; border-top:1px solid #eee; display:none; width:94%; padding:10px 3%; background-color:#fff; position:absolute; left:0; top:100%;}
.header .nav li:hover .bot{ display:flex;}
.header .nav li .bot a{ display:block; margin:0 10px; overflow:hidden; font-size:16px; line-height:26px;}
.header .nav li .bot a:hover{ color:#33b9ee;}
.sav{ display:none;}
}
@media only screen and (max-width:768px){
.header{ width:94%; padding:0 3%; position:fixed; z-index:990; left:0; top:0;}
.header.pos{ background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,0.3);}
.header .logo{ height:30px; float:left; padding:15px 0;}
.header .logo img{ height:30px; display:block;}
.header .logo img.img01{ display:none;}
.header .head{ float:right; height:60px;}
.header .head .nav{ display:none;}
.header .menu{ width:34px; height:34px; float:right; background-color:#333; margin-top:13px; border-radius:40px; cursor:pointer;}
.header .menu img{ display:block; margin:auto; height:14px; margin:10px;}
.header .menu img.img02{ display:none;}
.sav{ position:fixed; z-index:999; right:0; top:0; width:210px; padding-left:50px; height:100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99FFFFFF', endColorstr='#99FFFFFF'); background:#fff; -webkit-transform-origin:right; -moz-transform-origin:right; -ms-transform-origin:right; -o-transform-origin:right; transform-origin:right; -webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s; transition:all 1s; -webkit-transform:perspective(260px) rotateY(90deg); -moz-transform:perspective(260px) rotateY(90deg); -ms-transform:perspective(260px) rotateY(90deg); -o-transform:perspective(260px) rotateY(90deg); transform:perspective(260px) rotateY(90deg); filter:alpha(opacity=0); opacity:0; -moz-opacity:0; -khtml-opacity:0; display:table; vertical-align:middle;}
.sav.on{ -moz-transform:perspective(260px) rotateY(0deg); -ms-transform:perspective(260px) rotateY(0deg); -o-transform:perspective(260px) rotateY(0deg); transform:perspective(260px) rotateY(0deg); filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1;}
.sav .close{ position:absolute; right:5%; color:#333; font-size:14px; height:24px; line-height:24px; top:3%; text-transform:uppercase; padding-right:20px; background-image:url(../images/close.png); background-position:right center; background-repeat:no-repeat; font-weight:bold; cursor:pointer;}
.sav ul{ display:table-cell; vertical-align:middle; overflow:hidden;}
.sav ul li{ overflow:hidden; display:block; padding:5% 0;}
.sav ul li>a{ display:inline-block; overflow:hidden; position:relative; height:24px; line-height:24px; color:#999; font-size:14px;}
.sav ul li>a b{ content:""; position:absolute; right:0; bottom:0; width:0; height:2px; background:#33b9ee; -moz-transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;}
.sav ul li.on>a b,.sav ul li:hover>a b{ width:100%; left:0;}
.sav ul li.on>a,.sav ul li:hover>a{ color:#333;}
.sav ul li .bot{ width:90%; padding-left:10%; display:none;}
.sav ul li .bot a{ width:100%; display:block; overflow:hidden; font-size:14px; line-height:24px;}
.sav ul li .bot a strong{ display:none;}
.sav ul li .bot a:hover{ color:#33b9ee;}
}

/*banner*/
@-webkit-keyframes kenburns-1{
  0%{
    opacity:1;
    -webkit-transform:scale(1.2);
            transform:scale(1.2);
  }
  1.5625%{
    opacity:1;
  }
  23.4375%{
    opacity:1;
  }
  26.5625%{
    opacity:0;
    -webkit-transform:scale(1);
            transform:scale(1);
  }
  100%{
    opacity:0;
    -webkit-transform:scale(1.2);
            transform:scale(1.2);
  }
  98.4375%{
    opacity:0;
    -webkit-transform:scale(1.21176);
            transform:scale(1.21176);
  }
  100%{
    opacity:1;
  }
}

@keyframes kenburns-1{
  0%{
    opacity:1;
    -webkit-transform:scale(1.2);
            transform:scale(1.2);
  }
  1.5625%{
    opacity:1;
  }
  23.4375%{
    opacity:1;
  }
  26.5625%{
    opacity:0;
    -webkit-transform:scale(1);
            transform:scale(1);
  }
  100%{
    opacity:0;
    -webkit-transform:scale(1.2);
            transform:scale(1.2);
  }
  98.4375%{
    opacity:0;
    -webkit-transform:scale(1.21176);
            transform:scale(1.21176);
  }
  100%{
    opacity:1;
  }
}
@-webkit-keyframes kenburns-2{
  23.4375%{
    opacity:1;
    -webkit-transform:scale(1.2);
            transform:scale(1.2);
  }
  26.5625%{
    opacity:1;
  }
  48.4375%{
    opacity:1;
  }
  51.5625%{
    opacity:0;
    -webkit-transform:scale(1);
            transform:scale(1);
  }
  100%{
    opacity:0;
    -webkit-transform:scale(1.2);
            transform:scale(1.2);
  }
}
@keyframes kenburns-2{
  23.4375%{
    opacity:1;
    -webkit-transform:scale(1.2);
            transform:scale(1.2);
  }
  26.5625%{
    opacity:1;
  }
  48.4375%{
    opacity:1;
  }
  51.5625%{
    opacity:0;
    -webkit-transform:scale(1);
            transform:scale(1);
  }
  100%{
    opacity:0;
    -webkit-transform:scale(1.2);
            transform:scale(1.2);
  }
}
@-webkit-keyframes kenburns-3{
  48.4375%{
    opacity:1;
    -webkit-transform:scale(1.2);
            transform:scale(1.2);
  }
  51.5625%{
    opacity:1;
  }
  73.4375%{
    opacity:1;
  }
  76.5625%{
    opacity:0;
    -webkit-transform:scale(1);
            transform:scale(1);
  }
  100%{
    opacity:0;
    -webkit-transform:scale(1.2);
            transform:scale(1.2);
  }
}
@keyframes kenburns-3{
  48.4375%{
    opacity:1;
    -webkit-transform:scale(1.2);
            transform:scale(1.2);
  }
  51.5625%{
    opacity:1;
  }
  73.4375%{
    opacity:1;
  }
  76.5625%{
    opacity:0;
    -webkit-transform:scale(1);
            transform:scale(1);
  }
  100%{
    opacity:0;
    -webkit-transform:scale(1.2);
            transform:scale(1.2);
  }
}
@-webkit-keyframes kenburns-4{
  73.4375%{
    opacity:1;
    -webkit-transform:scale(1.2);
            transform:scale(1.2);
  }
  76.5625%{
    opacity:1;
  }
  98.4375%{
    opacity:1;
  }
  100%{
    opacity:0;
    -webkit-transform:scale(1);
            transform:scale(1);
  }
}
@keyframes kenburns-4{
  73.4375%{
    opacity:1;
    -webkit-transform:scale(1.2);
            transform:scale(1.2);
  }
  76.5625%{
    opacity:1;
  }
  98.4375%{
    opacity:1;
  }
  100%{
    opacity:0;
    -webkit-transform:scale(1);
            transform:scale(1);
  }
}
@media screen and (min-width:1280px){
.banner{ width:100%; position:fixed; left:0; top:0; z-index:1; height:100%;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.banner{ width:100%; position:fixed; left:0; top:0; z-index:0; height:56.25vw;}
}
@media only screen and (max-width:768px){
.banner{ width:100%; position:fixed; left:0; top:0; z-index:0; top:60px; height:56.25vw;}
}
.banner .slideshow{ width:100%; height:100%; position:relative;}
.slideshow-image{ position:absolute; width:100%; height:100%; background:no-repeat 50% 50%; background-size:cover; -webkit-animation-name:kenburns; animation-name:kenburns; -webkit-animation-timing-function:linear; animation-timing-function:linear; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; -webkit-animation-duration:16s; animation-duration:16s; opacity:1; -webkit-transform:scale(1.2); transform:scale(1.2);
}
.slideshow-image:nth-child(1){ -webkit-animation-name:kenburns-1; animation-name:kenburns-1; z-index:4;}
.slideshow-image:nth-child(2){ -webkit-animation-name:kenburns-2; animation-name:kenburns-2; z-index:3;}
.slideshow-image:nth-child(3){ -webkit-animation-name:kenburns-3; animation-name:kenburns-3; z-index:2;}
.slideshow-image:nth-child(4){ -webkit-animation-name:kenburns-4; animation-name:kenburns-4; z-index:1;}

/*@media screen and (min-width:1280px){
.banner{ width:100%; position:fixed; left:0; top:0; z-index:1; height:100%;}
.banner .cf{ width:100%; height:100%; position:relative; z-index:1;}
.banner img{ display:block;}
.banner .slider-wrapper{ width:100%; height:100%; overflow:hidden; position:relative;}
.banner .slider-wrapper .nivoSlider{ width:100%; height:100%; overflow:hidden; position:relative; z-index:0;}
.banner .slider-wrapper .nivoSlider img{ position:absolute; top:0px; left:0px; display:none;}
.banner .slider-wrapper .nivo-main-image{ display:block !important; position:relative !important; width:100% !important;}
.banner .slider-wrapper .nivo-slice{ display:block; position:absolute; z-index:5; height:100%; top:0;}
.banner .slider-wrapper .nivo-box{ display:block; position:absolute; z-index:5; overflow:hidden;}
.banner .slider-wrapper .nivo-box img{ display:block; width:100%;}
.banner .theme-halftone .nivo-controlNav{ right:50%; margin-right:-600px; bottom:50px; position:absolute;}
.banner .theme-halftone .nivo-controlNav a{ width:20px; height:20px; display:block; float:left; background-image:url(../images/ban_18.png); background-position:center; background-repeat:no-repeat; margin-left:10px; cursor:pointer; font-size:0;}
.banner .theme-halftone .nivo-controlNav a.active{ background-image:url(../images/banh_20.png);}
.banner .nivo-directionNav{ position:absolute; left:50%; margin-left:-600px; bottom:40px; z-index:9; display:block !important;}
.banner .nivo-prevNav{ float:left; background-image:url(../images/left_13.png); background-position:center; background-repeat:no-repeat; width:40px; height:40px; cursor:pointer; border-radius:100%; overflow:hidden;}
.banner .nivo-directionNav .nivo-nextNav{ float:left; margin-left:30px; background-image:url(../images/right_15.png); background-position:center; background-repeat:no-repeat; width:40px; height:40px; cursor:pointer; border-radius:100%; overflow:hidden;}
.banner .nivo-prevNav:hover,.banner .nivo-nextNav:hover{ background-color:#fff;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.banner{ width:100%; position:fixed; left:0; top:0; z-index:0; height:56.25vw;}
.banner .cf{ width:100%; height:100%; position:relative; z-index:1;}
.banner img{ display:block;}
.banner .slider-wrapper{ width:100%; height:100%; overflow:hidden; position:relative;}
.banner .slider-wrapper .nivoSlider{ width:100%; height:100%; overflow:hidden; position:relative; z-index:0;}
.banner .slider-wrapper .nivoSlider img{ position:absolute; top:0px; left:0px; display:none;}
.banner .slider-wrapper .nivo-main-image{ display:block !important; position:relative !important; width:100% !important;}
.banner .slider-wrapper .nivo-slice{ display:block; position:absolute; z-index:5; height:100%; top:0;}
.banner .slider-wrapper .nivo-box{ display:block; position:absolute; z-index:5; overflow:hidden;}
.banner .slider-wrapper .nivo-box img{ display:block; width:100%;}
.banner .theme-halftone .nivo-controlNav{ right:3%; bottom:35px; position:absolute;}
.banner .theme-halftone .nivo-controlNav a{ width:20px; height:20px; display:block; float:left; background-image:url(../images/ban_18.png); background-position:center; background-repeat:no-repeat; margin-left:10px; cursor:pointer; font-size:0;}
.banner .theme-halftone .nivo-controlNav a.active{ background-image:url(../images/banh_20.png);}
.banner .nivo-directionNav{ position:absolute; left:3%; bottom:25px; z-index:9; display:block !important;}
.banner .nivo-prevNav{ float:left; background-image:url(../images/left_13.png); background-position:center; background-repeat:no-repeat; width:40px; height:40px; cursor:pointer; border-radius:100%; overflow:hidden;}
.banner .nivo-directionNav .nivo-nextNav{ float:left; margin-left:20px; background-image:url(../images/right_15.png); background-position:center; background-repeat:no-repeat; width:40px; height:40px; cursor:pointer; border-radius:100%; overflow:hidden;}
.banner .nivo-prevNav:hover,.banner .nivo-nextNav:hover{ background-color:#fff;}
}
@media only screen and (max-width:768px){
.banner{ width:100%; position:fixed; left:0; top:0; z-index:0; top:60px; height:56.25vw;}
.banner .cf{ width:100%; height:100%; position:relative; z-index:1;}
.banner img{ display:block;}
.banner .slider-wrapper{ width:100%; height:100%; overflow:hidden; position:relative;}
.banner .slider-wrapper .nivoSlider{ width:100%; height:100%; overflow:hidden; position:relative; z-index:0;}
.banner .slider-wrapper .nivoSlider img{ position:absolute; top:0px; left:0px; display:none;}
.banner .slider-wrapper .nivo-main-image{ display:block !important; position:relative !important; width:100% !important;}
.banner .slider-wrapper .nivo-slice{ display:block; position:absolute; z-index:5; height:100%; top:0;}
.banner .slider-wrapper .nivo-box{ display:block; position:absolute; z-index:5; overflow:hidden;}
.banner .slider-wrapper .nivo-box img{ display:block; width:100%;}
.banner .theme-halftone .nivo-controlNav{ display:block; text-align:center; left:50%; bottom:15px;transform:translateX(-50%); position:absolute;}
.banner .theme-halftone .nivo-controlNav a{ display:block; float:left; width:10px; height:10px; background-color:rgba(255,255,255,.7); border-radius:100%; overflow:hidden; margin:0 3px; cursor:pointer; font-size:0;}
.banner .theme-halftone .nivo-controlNav a.active{ background-color:#fff;}

}*/

/*数据*/
/*@media screen and (min-width:1280px){
.sbox{ width:100%; position:relative; z-index:3; margin-top:-80px;}
.sbox .box{ display:block; text-align:center; width:1200px; margin:auto; background-color:#fff; box-shadow:0 0 20px rgba(0,0,0,0.1); display:flex; justify-content:center; padding-top:26px; padding-bottom:24px;}
.sbox .box dt{ display:block; margin:0 35px; text-align:center;}
.sbox .box dt span{ font-size:60px; line-height:54px; height:54px; color:#33b9ee; display:flex; align-items:center; font-weight:bold; vertical-align:middle;}
.sbox .box dt span a{ font-size:50px; margin-left:8px; vertical-align:middle;}
.sbox .box dt p{ display:block; font-size:18px; line-height:28px; color:#666;}
.sbox .box dd{ display:block;}
.sbox .box dd img{ display:block;}
.sbox .box dd:nth-child(2){ margin-top:24px;}
.sbox .box dt:nth-child(3){ margin-top:28px;}
.sbox .box dd:nth-child(4){ margin-top:54px;}
.sbox .box dd:nth-child(6){ margin-top:24px;}
.sbox .box dt:nth-child(7){ margin-top:24px;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.sbox{ width:100%; position:relative; z-index:3; margin-top:-60px;}
.sbox .box{ display:block; text-align:center; width:94%; margin:auto; background-color:#fff; box-shadow:0 0 20px rgba(0,0,0,0.1); display:flex; justify-content:center; padding-top:16px; padding-bottom:14px;}
.sbox .box dt{ display:block; margin:0 15px; text-align:center;}
.sbox .box dt span{ font-size:50px; line-height:44px; height:44px; color:#33b9ee; display:flex; align-items:center; font-weight:bold; vertical-align:middle;}
.sbox .box dt span a{ font-size:40px; margin-left:5px; vertical-align:middle;}
.sbox .box dt p{ display:block; font-size:16px; line-height:26px; color:#666;}
.sbox .box dd{ display:block;}
.sbox .box dd img{ display:block;}
.sbox .box dd:nth-child(2){ margin-top:20px;}
.sbox .box dt:nth-child(3){ margin-top:20px;}
.sbox .box dd:nth-child(4){ margin-top:50px;}
.sbox .box dd:nth-child(6){ margin-top:20px;}
.sbox .box dt:nth-child(7){ margin-top:20px;}
}
@media only screen and (max-width:768px){

.sbox{ width:100%; position:relative; z-index:3; margin-top:-30px;}
.sbox .box{ display:block; text-align:center; width:94%; padding:0 5px; box-sizing:border-box; margin:auto; background-color:#fff; box-shadow:0 0 20px rgba(0,0,0,0.1); display:flex; justify-content:center; padding-top:10px; padding-bottom:14px; flex-wrap:wrap; position:relative; z-index:3;}
.sbox .box dt{ display:block; margin:10px; margin-bottom:0; text-align:center;}
.sbox .box dt span{ font-size:40px; line-height:34px; height:34px; color:#33b9ee; display:flex; align-items:center; font-weight:bold; vertical-align:middle;}
.sbox .box dt span a{ font-size:30px; margin-left:5px; vertical-align:middle;}
.sbox .box dt p{ display:block; font-size:14px; line-height:24px; color:#666;}
.sbox .box dd{ display:none;}
.sbox:after{ content:""; display:block; clear:both; background-color:#f7f7f7; height:calc(100% - 30px); width:100%; position:absolute; left:0; bottom:0;}
}*/

#gotop{ width:40px; height:40px; display:none; cursor:pointer; background-color:rgba(51,185,238,0.7); border-radius:5px; position:fixed; right:3%; bottom:5%; z-index:99; overflow:hidden;}
#gotop img{ width:100%; display:block;}

@media screen and (min-width:1280px){
.body{ width:100%; position:relative; z-index:9; margin-top:100vh; background-color:#fff;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.body{ width:100%; position:relative; z-index:9; margin-top:56.25vw; background-color:#fff;}
}
@media only screen and (max-width:768px){
.body{ width:100%; position:relative; z-index:9; margin-top:calc(56.25vw + 60px); background-color:#fff;}
}

/*优势*/
@media screen and (min-width:1280px){
.ybox{ width:100%; padding-top:70px; padding-bottom:70px; background-color:#f7f7f7; position:relative; z-index:1;}
.ybox .box{ width:1200px; margin:auto;}
.ybox .box .lbar{ width:400px; float:left; padding-top:8px;}
.ybox .box .lbar .y01{ font-size:30px; line-height:40px; height:40px; font-weight:bold;}
.ybox .box .lbar .y02{ display:block;}
.ybox .box .lbar .y02 li{ display:block; overflow:hidden; margin-top:25px;}
.ybox .box .lbar .y02 li p{ display:block; font-size:30px; line-height:40px; color:#33b9ee; vertical-align:top;}
.ybox .box .lbar .y02 li p a{ display:inline-block; margin-left:5px; color:#33b9ee; font-size:20px; line-height:20px; vertical-align:top;}
.ybox .box .lbar .y02 li:nth-child(2) p a{ vertical-align:bottom; line-height:30px; font-size:16px;}
.ybox .box .lbar .y02 li span{ display:block; font-size:16px; line-height:26px; color:#333;}
.ybox .box .lbar .y03{ margin-top:45px;}
.ybox .box .lbar .y03 a{ width:140px; height:40px; line-height:40px; border-radius:40px; background-color:#33b9ee; color:#fff; overflow:hidden; display:block; float:left; text-align:center; font-size:18px;}
.ybox .box .lbar .y03 a:nth-child(2){ background-color:#59cbf8; margin-left:20px;}
.ybox .box .lbar .y03 a:hover{ background-color:#6eccf1;}
.ybox .box .rbar{ float:right; width:760px; height:420px; border-radius:10px; background-color:#fff; box-shadow:0 0 20px rgba(0,0,0,0.1);}
.ybox .box .rbar .swiper-container{ width:100%; height:100%;}
.ybox .box .rbar .swiper-slide{ display:block; padding:40px 30px; width:100%; height:100%; box-sizing:border-box; background-position:right bottom; background-repeat:no-repeat; overflow:hidden;}
.ybox .box .rbar .swiper-slide .left{ width:400px; float:left; height:100%; position:relative;}
.ybox .box .rbar .swiper-slide .left .y01{ font-weight:bold; font-size:36px; line-height:46px; margin-top:5px; letter-spacing:5px;}
.ybox .box .rbar .swiper-slide .left .y02{ font-size:20px; line-height:34px; margin-top:8px;}
.ybox .box .rbar .swiper-slide .left .y03{ font-size:14px; line-height:18px; color:#999; text-transform:uppercase;}
.ybox .box .rbar .swiper-slide .left .y04{ position:absolute; left:0; bottom:5px;}
.ybox .box .rbar .swiper-slide .left .y04 p{ display:block; line-height:50px; font-size:24px;}
.ybox .box .rbar .swiper-slide .left .y04 span{ padding-left:140px; display:block; line-height:50px; font-size:24px;}
.ybox .box .rbar .swiper-slide .left .y04 a{ font-size:40px; color:#33b9ee;}
.ybox .box .rbar .swiper-slide .right{ width:295px; height:340px; float:right; display:flex; align-items:center; justify-content:flex-end;}
.ybox .box .rbar .swiper-slide .right img{ display:block; height:340px; float:right;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.ybox{ width:100%; padding-top:50px; padding-bottom:50px; background-color:#f7f7f7; position:relative; z-index:1;}
.ybox .box{ width:94%; margin:auto;}
.ybox .box .lbar{ width:35%; float:left; padding-top:5px;}
.ybox .box .lbar .y01{ font-size:24px; line-height:34px; font-weight:bold;}
.ybox .box .lbar .y02{ display:block;}
.ybox .box .lbar .y02 li{ display:block; overflow:hidden; margin-top:15px;}
.ybox .box .lbar .y02 li p{ display:block; font-size:24px; line-height:30px; color:#33b9ee; vertical-align:top;}
.ybox .box .lbar .y02 li p a{ display:inline-block; margin-left:5px; color:#33b9ee; font-size:18px; line-height:20px; vertical-align:top;}
.ybox .box .lbar .y02 li:nth-child(2) p a{ vertical-align:bottom; line-height:24px; font-size:14px;}
.ybox .box .lbar .y02 li span{ display:block; font-size:14px; line-height:24px; color:#333;}
.ybox .box .lbar .y03{ margin-top:25px;}
.ybox .box .lbar .y03 a{ width:120px; height:36px; line-height:36px; border-radius:36px; background-color:#33b9ee; color:#fff; overflow:hidden; display:block; float:left; text-align:center; font-size:16px;}
.ybox .box .lbar .y03 a:nth-child(2){ background-color:#59cbf8; margin-left:15px;}
.ybox .box .lbar .y03 a:hover{ background-color:#6eccf1;}
.ybox .box .rbar{ float:right; width:65%; height:330px; border-radius:10px; background-color:#fff; box-shadow:0 0 20px rgba(0,0,0,0.1);}
.ybox .box .rbar .swiper-container{ width:100%; height:100%;}
.ybox .box .rbar .swiper-slide{ display:block; padding:20px; width:100%; height:100%; box-sizing:border-box; background-position:right bottom; background-repeat:no-repeat; overflow:hidden; background-size:cover;}
.ybox .box .rbar .swiper-slide .left{ height:100%; position:absolute; left:20px; top:15px; height:calc(100% - 30px)}
.ybox .box .rbar .swiper-slide .left .y01{ font-weight:bold; font-size:30px; line-height:40px; letter-spacing:3px;}
.ybox .box .rbar .swiper-slide .left .y02{ font-size:18px; line-height:28px; margin-top:5px;}
.ybox .box .rbar .swiper-slide .left .y03{ font-size:14px; line-height:18px; color:#999; text-transform:uppercase;}
.ybox .box .rbar .swiper-slide .left .y04{ position:absolute; left:0; bottom:0;}
.ybox .box .rbar .swiper-slide .left .y04 p{ display:block; line-height:40px; font-size:18px;}
.ybox .box .rbar .swiper-slide .left .y04 span{ padding-left:100px; display:block; line-height:40px; font-size:18px;}
.ybox .box .rbar .swiper-slide .left .y04 a{ font-size:30px; color:#33b9ee;}
.ybox .box .rbar .swiper-slide .right{ width:100%; height:290px; display:flex; align-items:center; justify-content:flex-end;}
.ybox .box .rbar .swiper-slide .right img{ display:block; float:right; height:290px;}
}
@media only screen and (max-width:768px){
.ybox{ width:100%; padding-top:25px; padding-bottom:30px; background-color:#f7f7f7; position:relative; z-index:1;}
.ybox .box{ width:94%; margin:auto;}
.ybox .box .lbar{ width:100%;}
.ybox .box .lbar .y01{ font-size:20px; line-height:30px; font-weight:bold;}
.ybox .box .lbar .y02{ display:block;}
.ybox .box .lbar .y02 li{ display:block; width:50%; float:left; overflow:hidden; margin-top:10px;}
.ybox .box .lbar .y02 li:nth-child(1){ width:100%;}
.ybox .box .lbar .y02 li p{ display:block; font-size:24px; line-height:30px; color:#33b9ee; vertical-align:top;}
.ybox .box .lbar .y02 li p a{ display:inline-block; color:#33b9ee; vertical-align:text-top; font-size:18px; line-height:20px; vertical-align:top;}
.ybox .box .lbar .y02 li:nth-child(2) p a{ vertical-align:bottom; line-height:24px; font-size:14px;}
.ybox .box .lbar .y02 li span{ display:block; font-size:14px; line-height:18px; color:#333;}
.ybox .box .lbar .y03{ margin-top:15px;}
.ybox .box .lbar .y03 a{ width:100px; height:32px; line-height:32px; border-radius:32px; background-color:#33b9ee; color:#fff; overflow:hidden; display:block; float:left; text-align:center; font-size:14px;}
.ybox .box .lbar .y03 a:nth-child(2){ background-color:#59cbf8; margin-left:15px;}
.ybox .box .lbar .y03 a:hover{ background-color:#6eccf1;}
.ybox .box .rbar{ float:right; width:100%; border-radius:10px; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1); margin-top:20px;}
.ybox .box .rbar .swiper-container{ width:100%; height:100%;}
.ybox .box .rbar .swiper-slide{ display:block; padding:15px; padding-bottom:150px; width:100%; height:100%; box-sizing:border-box; background-position:right bottom; background-repeat:no-repeat; overflow:hidden; background-size:cover;}
.ybox .box .rbar .swiper-slide .left{ width:100%; position:relative; z-index:9;}
.ybox .box .rbar .swiper-slide .left .y01{ font-weight:bold; font-size:24px; line-height:34px;}
.ybox .box .rbar .swiper-slide .left .y02{ font-size:16px; line-height:26px;}
.ybox .box .rbar .swiper-slide .left .y03{ font-size:14px; line-height:18px; color:#999; text-transform:uppercase;}
.ybox .box .rbar .swiper-slide .left .y04{ width:100%; margin-top:20px;}
.ybox .box .rbar .swiper-slide .left .y04 p{ display:block; line-height:30px; font-size:16px;}
.ybox .box .rbar .swiper-slide .left .y04 span{ padding-left:30px; display:block; line-height:30px; font-size:16px;}
.ybox .box .rbar .swiper-slide .left .y04 a{ font-size:20px; color:#33b9ee;}
.ybox .box .rbar .swiper-slide .right{ width:100%; position:absolute; right:15px; bottom:15px; z-index:1;}
.ybox .box .rbar .swiper-slide .right img{ display:block; max-width:100%; max-height:170px; float:right;}
}

/*咨询弹框*/
@media screen and (min-width:1280px){
.contact-pop{ position:fixed; left:50%; top:40%; transform:translate(-50%, -50%); z-index:100; width:520px; background-color:rgba(4,14,53,1); padding:30px; display:none; border-radius:15px;}
.contact-pop .bg{ display:block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:1;}
.contact-pop-top{ position:absolute; right:15px; top:15px; z-index:99; width:100%; overflow:hidden;}
.contact-pop-close{ float:right; display:block; width:40px; height:40px; background:url(../images/contact-pop-close.png) no-repeat center;}
.contact-pop .box{ position:relative; z-index:9;}
.contact-pop .top{ display:flex; align-items:center;}
.contact-pop .top .left{ width:calc(100% - 240px);}
.contact-pop .top .left .title{ font-size:20px; font-weight:400; color:#FFFEFE; line-height:30px;}
.contact-pop .top .left .phoneKey{ font-size:18px; font-weight:500; color:#FFCE66; line-height:28px; display:flex; align-items:center; margin-top:10px;}
.contact-pop .top .left .phoneValue{ height:24px; display:block;}
.contact-pop .top .left .tip{ font-size:14px; font-weight:400; color:#FFFFFF; line-height:24px; margin-top:10px;}
.contact-pop .top .right{ position:relative; width:240px;}
.contact-pop .top .right img{ height:200px; display:block;}
.contact-pop .top .right a{ font-size:14px; background-color:#33b9ee; color:#fff; line-height:34px; height:34px; width:120px; border-radius:5px; display:block; text-align:center; position:absolute; left:30px; bottom:30px; text-align:center;}
.contact-pop .bottom{ width:100%; overflow:hidden; position:relative; margin-bottom:10px;}
.contact-pop .bottom .left{ height:120px; margin-top:20px;}
.contact-pop .inputWrap{ width:100%; height:40px; position:relative; overflow:hidden;}
.contact-pop input{ display:block; line-height:38px; box-sizing:border-box; padding:0 10px; background:transparent; color:#fff; border:1px solid #33b9ee; font-size:14px; width:250px; margin-right:20px; float:left;}
.contact-pop input:last-child{ margin-right:0;}
.contact-pop .submit{ width:100%; height:50px; margin-top:20px; color:#fff; line-height:50px; text-align:center; font-size:16px; font-weight:400; position:relative; background-color:#33b9ee; cursor:pointer;}
.contact-pop .top .right a:hover,.contact-pop .submit:hover{ background-color:#25ade2;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.contact-pop{ position:fixed; left:50%; top:40%; transform:translate(-50%, -50%); z-index:100; width:520px; background-color:rgba(4,14,53,1); padding:30px; display:none; border-radius:10px;}
.contact-pop .bg{ display:block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:1;}
.contact-pop-top{ position:absolute; right:15px; top:15px; z-index:99; width:100%; overflow:hidden;}
.contact-pop-close{ float:right; display:block; width:40px; height:40px; background:url(../images/contact-pop-close.png) no-repeat center;}
.contact-pop .box{ position:relative; z-index:9;}
.contact-pop .top{ display:flex; align-items:center;}
.contact-pop .top .left{ width:calc(100% - 240px);}
.contact-pop .top .left .title{ font-size:20px; font-weight:400; color:#FFFEFE; line-height:30px;}
.contact-pop .top .left .phoneKey{ font-size:18px; font-weight:500; color:#FFCE66; line-height:28px; display:flex; align-items:center; margin-top:10px;}
.contact-pop .top .left .phoneValue{ height:24px; display:block;}
.contact-pop .top .left .tip{ font-size:14px; font-weight:400; color:#FFFFFF; line-height:24px; margin-top:10px;}
.contact-pop .top .right{ position:relative; width:240px;}
.contact-pop .top .right img{ height:200px; display:block;}
.contact-pop .top .right a{ font-size:14px; background-color:#33b9ee; color:#fff; line-height:34px; height:34px; width:120px; border-radius:5px; display:block; text-align:center; position:absolute; left:30px; bottom:30px; text-align:center;}
.contact-pop .bottom{ width:100%; overflow:hidden; position:relative; margin-bottom:10px;}
.contact-pop .bottom .left{ height:120px; margin-top:20px;}
.contact-pop .inputWrap{ width:100%; height:40px; position:relative; overflow:hidden;}
.contact-pop input{ display:block; line-height:38px; box-sizing:border-box; padding:0 10px; background:transparent; color:#fff; border:1px solid #33b9ee; font-size:14px; width:250px; margin-right:20px; float:left;}
.contact-pop input:last-child{ margin-right:0;}
.contact-pop .submit{ width:100%; height:50px; margin-top:20px; color:#fff; line-height:50px; text-align:center; font-size:16px; font-weight:400; position:relative; background-color:#33b9ee; cursor:pointer;}
.contact-pop .top .right a:hover,.contact-pop .submit:hover{ background-color:#25ade2;}
}
@media only screen and (max-width:768px){
.contact-pop{ position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); z-index:100; width:94%; background-color:rgba(4,14,53,1); padding:15px; display:none; border-radius:10px; box-sizing:border-box;}
.contact-pop .bg{ display:block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:1;}
.contact-pop-top{ position:absolute; right:15px; top:15px; z-index:99; width:100%; overflow:hidden;}
.contact-pop-close{ float:right; display:block; width:14px; height:14px; background:url(../images/contact-pop-close.png) no-repeat center;}
.contact-pop .box{ position:relative; z-index:9;}
.contact-pop .top{ display:flex; align-items:flex-end;}
.contact-pop .top .left{ width:calc(100% - 120px);}
.contact-pop .top .left .title{ font-size:16px; font-weight:400; color:#FFFEFE; line-height:26px;}
.contact-pop .top .left .phoneKey{ font-size:14px; font-weight:500; color:#FFCE66; line-height:24px; display:flex; align-items:center; margin-top:5px;}
.contact-pop .top .left .phoneValue{ height:24px; display:block;}
.contact-pop .top .left .tip{ font-size:14px; font-weight:400; color:#FFFFFF; line-height:24px; margin-top:5px;}
.contact-pop .top .right{ position:relative; width:120px; padding-bottom:5px;}
.contact-pop .top .right img{ height:100px; display:block;}
.contact-pop .top .right a{ font-size:14px; background-color:#33b9ee; color:#fff; line-height:26px; height:26px; width:80px; border-radius:5px; display:block; text-align:center; text-align:center;}
.contact-pop .bottom{ width:100%; overflow:hidden; position:relative; margin:10px 0;}
.contact-pop .bottom .left{ height:120px; margin-top:20px;}
.contact-pop .inputWrap{ width:100%; height:40px; position:relative; overflow:hidden;}
.contact-pop input{ display:block; line-height:38px; box-sizing:border-box; padding:0 10px; background:transparent; color:#fff; border:1px solid #33b9ee; font-size:14px; width:calc(50% - 5px); margin-right:10px; float:left;}
.contact-pop input:last-child{ margin-right:0;}
.contact-pop .submit{ width:100%; height:40px; margin-top:10px; color:#fff; line-height:40px; text-align:center; font-size:16px; font-weight:400; position:relative; background-color:#33b9ee; cursor:pointer;}
.contact-pop .top .right a:hover,.contact-pop .submit:hover{ background-color:#25ade2;}
}

/*服务项目*/
@media screen and (min-width:1280px){
.pbox{ background-color:#fff; padding:70px 0;}
.pbox .title{ width:340px; height:50px; margin:auto; position:relative;}
.pbox .title .left{ width:90px; height:2px; position:absolute; left:0; top:24px; background-color:#33b9ee;}
.pbox .title .right{ width:35px; height:2px; position:absolute; right:0; top:24px; background-color:#33b9ee;}
.pbox .title .mil{ width:100%; height:50px;} 
.pbox .title .mil b{ display:block; float:left; text-align:right; width:195px; padding-top:4px;}
.pbox .title .mil b p{ display:block; font-size:24px; line-height:34px;}
.pbox .title .mil b span{ display:block; font-size:14px; line-height:14px; height:14px; margin-top:-1px; text-transform:uppercase; color:#666;}
.pbox .title .mil b span a{ color:#33b9ee;}
.pbox .title .mil strong{ width:135px; display:block; float:right; font-size:30px; line-height:50px;}
.pbox .title .mil strong a{ display:block; float:left; margin-right:10px; width:46px; line-height:46px; height:46px; border:2px solid #33b9ee; color:#33b9ee; text-align:center; border-radius:100%; overflow:hidden;}
.pbox .box{ width:1200px; margin:auto; margin-top:30px;}
.pbox .box a{ width:19%; padding:20px; box-sizing:border-box; display:block; float:left; overflow:hidden; position:relative; height:420px;/* -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;*/}
.pbox .box a.act{ width:24%;}
.pbox .box a:nth-child(1){ background-color:#33b9ee;}
.pbox .box a:nth-child(2){ background-color:#25b84d;}
.pbox .box a:nth-child(3){ background-color:#ff9c5b;}
.pbox .box a:nth-child(4){ background-color:#8a70ed;}
.pbox .box a:nth-child(5){ background-color:#fd5d3d;}
.pbox .box a .p01{ color:#fff; padding-bottom:10px; font-size:30px; line-height:40px;}
.pbox .box a .p02{ color:#fff; font-size:26px; line-height:36px;}
.pbox .box a .p03{ position:absolute; right:20px; top:150px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pbox .box a .p03 img{ display:block; height:50px; opacity:0.3;}
.pbox .box a .p04{ width:20px; height:2px; background-color:#fff; position:absolute; left:20px; top:265px; z-index:3; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pbox .box a .p05{ font-size:18px; line-height:28px; color:#fff; position:absolute; left:20px; top:280px; z-index:3; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pbox .box a .p06{ position:absolute; left:20px; top:255px; z-index:1; opacity:0.1; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pbox .box a .p06 img{ display:block;}
.pbox .box a .p07{ position:absolute; left:0; padding:30px 20px; width:100%; box-sizing:border-box; background-color:rgba(0,0,0,0.1); bottom:-70px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pbox .box a .p07 img{ display:block;}
.pbox .box a:hover .p03{ top:30px;}
.pbox .box a:hover .p04{ top:205px;}
.pbox .box a:hover .p05{ top:220px;}
.pbox .box a:hover .p06{ top:195px;}
.pbox .box a:hover .p07{ bottom:0;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.pbox{ background-color:#fff; padding:50px 0;}
.pbox .title{ width:300px; height:46px; margin:auto; position:relative;}
.pbox .title .left{ width:90px; height:2px; position:absolute; left:0; top:22px; background-color:#33b9ee;}
.pbox .title .right{ width:35px; height:2px; position:absolute; right:0; top:22px; background-color:#33b9ee;}
.pbox .title .mil{ width:100%; height:46px;} 
.pbox .title .mil b{ display:block; float:left; text-align:right; width:175px; padding-top:4px;}
.pbox .title .mil b p{ display:block; font-size:20px; line-height:30px;}
.pbox .title .mil b span{ display:block; font-size:14px; line-height:14px; height:14px; margin-top:-1px; text-transform:uppercase; color:#666;}
.pbox .title .mil b span a{ color:#33b9ee;}
.pbox .title .mil strong{ width:115px; display:block; float:right; font-size:24px; line-height:46px;}
.pbox .title .mil strong a{ display:block; float:left; margin-right:5px; width:42px; line-height:42px; height:42px; border:2px solid #33b9ee; color:#33b9ee; text-align:center; border-radius:100%; overflow:hidden;}
.pbox .box{ width:94%; margin:auto; margin-top:25px;}
.pbox .box a{ width:19%; padding:15px; box-sizing:border-box; display:block; float:left; overflow:hidden; position:relative; height:390px;/* -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;*/}
.pbox .box a.act{ width:24%;}
.pbox .box a:nth-child(1){ background-color:#33b9ee;}
.pbox .box a:nth-child(2){ background-color:#25b84d;}
.pbox .box a:nth-child(3){ background-color:#ff9c5b;}
.pbox .box a:nth-child(4){ background-color:#8a70ed;}
.pbox .box a:nth-child(5){ background-color:#fd5d3d;}
.pbox .box a .p01{ color:#fff; padding-bottom:10px; font-size:26px; line-height:36px;}
.pbox .box a .p02{ color:#fff; font-size:22px; line-height:32px;}
.pbox .box a .p03{ position:absolute; right:15px; top:130px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pbox .box a .p03 img{ display:block; height:50px; opacity:0.3;}
.pbox .box a .p04{ width:20px; height:2px; background-color:#fff; position:absolute; left:15px; top:260px; z-index:3; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pbox .box a .p05{ font-size:16px; line-height:26px; color:#fff; position:absolute; left:15px; top:270px; z-index:3; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pbox .box a .p06{ position:absolute; left:15px; top:250px; z-index:1; opacity:0.1; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pbox .box a .p06 img{ display:block;}
.pbox .box a .p07{ position:absolute; left:0; padding:25px 15px; width:100%; box-sizing:border-box; background-color:rgba(0,0,0,0.1); bottom:-70px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pbox .box a .p07 img{ display:block;}
.pbox .box a:hover .p03{ top:15px;}
.pbox .box a:hover .p04{ top:250px;}
.pbox .box a:hover .p05{ top:260px;}
.pbox .box a:hover .p06{ top:240px;}
.pbox .box a:hover .p07{ bottom:20px;}
}
@media only screen and (max-width:768px){
.pbox{ background-color:#fff; padding:30px 0;}
.pbox .title{ width:260px; height:42px; margin:auto; position:relative;}
.pbox .title .left{ width:70px; height:2px; position:absolute; left:0; top:20px; background-color:#33b9ee;}
.pbox .title .right{ width:25px; height:2px; position:absolute; right:0; top:20px; background-color:#33b9ee;}
.pbox .title .mil{ width:100%; height:42px;} 
.pbox .title .mil b{ display:block; float:left; text-align:right; width:150px; padding-top:4px;}
.pbox .title .mil b p{ display:block; font-size:18px; line-height:28px;}
.pbox .title .mil b span{ display:block; font-size:12px; line-height:12px; height:12px; margin-top:-1px; text-transform:uppercase; color:#666;}
.pbox .title .mil b span a{ color:#33b9ee;}
.pbox .title .mil strong{ width:100px; display:block; float:right; font-size:20px; line-height:42px;}
.pbox .title .mil strong a{ display:block; float:left; margin-right:5px; width:38px; line-height:38px; height:38px; border:2px solid #33b9ee; color:#33b9ee; text-align:center; border-radius:100%; overflow:hidden;}
.pbox .box{ width:94%; margin:auto; padding-top:20px;}
.pbox .box a{ width:100%; padding:10px; padding-bottom:13px; box-sizing:border-box; display:block; overflow:hidden; position:relative;}
.pbox .box a:nth-child(1){ background-color:#33b9ee;}
.pbox .box a:nth-child(2){ background-color:#25b84d;}
.pbox .box a:nth-child(3){ background-color:#ff9c5b;}
.pbox .box a:nth-child(4){ background-color:#8a70ed;}
.pbox .box a:nth-child(5){ background-color:#fd5d3d;}
.pbox .box a .p01{ color:#fff; font-size:22px; line-height:32px;}
.pbox .box a .p02{ color:#fff; font-size:18px; line-height:28px;}
.pbox .box a .p03{ position:absolute; right:10px; top:15px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pbox .box a .p03 img{ display:block; height:50px; opacity:0.3;}
.pbox .box a .p04{ width:20px; height:2px; margin:5px 0; background-color:#fff; position:relative; z-index:2;}
.pbox .box a .p05{ font-size:14px; line-height:18px; color:#fff; position:relative; z-index:2;}
.pbox .box a .p06{ position:absolute; right:10px; bottom:15px; z-index:1; opacity:0.1; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pbox .box a .p06 img{ display:block; height:20px;}
.pbox .box a .p07{ position:absolute; left:15px; bottom:-70px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pbox .box a .p07 img{ display:block;}
}

/*网站报价*/
@media screen and (min-width:1280px){
.bbox{ background-color:#f1f1f1; padding:70px 0;}
.bbox .title{ width:340px; height:50px; margin:auto; position:relative;}
.bbox .title .left{ width:90px; height:2px; position:absolute; left:0; top:24px; background-color:#33b9ee;}
.bbox .title .right{ width:35px; height:2px; position:absolute; right:0; top:24px; background-color:#33b9ee;}
.bbox .title .mil{ width:100%; height:50px;} 
.bbox .title .mil b{ display:block; float:left; text-align:right; width:195px; padding-top:4px;}
.bbox .title .mil b p{ display:block; font-size:24px; line-height:34px;}
.bbox .title .mil b span{ display:block; font-size:14px; line-height:14px; height:14px; margin-top:-1px; text-transform:uppercase; color:#666;}
.bbox .title .mil b span a{ color:#33b9ee;}
.bbox .title .mil strong{ width:135px; display:block; float:right; font-size:30px; line-height:50px;}
.bbox .title .mil strong a{ display:block; float:left; margin-right:10px; width:46px; line-height:46px; height:46px; border:2px solid #33b9ee; color:#33b9ee; text-align:center; border-radius:100%; overflow:hidden;}
.bbox .box{ width:1200px; margin:auto; margin-top:30px;}
.bbox .box ul{ width:1260px; display:block;}
.bbox .box ul li{ width:360px; padding-bottom:30px; display:block; float:left; margin-right:60px; background-color:#fff; border-radius:5px; overflow:hidden; background-position:top center; background-repeat:no-repeat; background-size:100% auto;}
.bbox .box ul li:nth-child(1){ background-image:url(../images/b01_24.jpg);}
.bbox .box ul li:nth-child(2){ background-image:url(../images/b02_26.jpg);}
.bbox .box ul li:nth-child(3){ background-image:url(../images/b03_28.jpg);}
.bbox .box ul li .top{ width:320px; margin:auto; margin-top:25px;}
.bbox .box ul li .top .b01{ width:100%; padding-bottom:5px;}
.bbox .box ul li .top .b01 b{ display:block; float:left; font-size:24px; line-height:34px; color:#fff;}
.bbox .box ul li .top .b01 span{ display:block; float:left; margin:6px 10px; height:22px; line-height:22px; font-size:14px; color:#fff; padding:0 10px; border-radius:5px; border-top-right-radius:10px;} 
.bbox .box ul li:nth-child(1) .top .b01 span{ background-color:#c988d8;}
.bbox .box ul li:nth-child(2) .top .b01 span{ background-color:#62ceac;}
.bbox .box ul li:nth-child(3) .top .b01 span{ background-color:#7eb3f9;}
.bbox .box ul li .top .b02{ font-size:14px; line-height:32px; color:#fff; border-top:1px solid #fff; opacity:0.3;}
.bbox .box ul li .top .b03{ color:#fff; font-size:16px; line-height:36px;}
.bbox .box ul li .top .b03 p{ display:block; float:left; margin-right:20px;}
.bbox .box ul li .top .b03 p:last-child{ margin-right:0;}
.bbox .box ul li .top .b03 span{ font-size:30px;}
.bbox .box ul li .top .b03 p:last-child span{ font-size:24px;}
.bbox .box ul li .top .b04{ padding-top:5px;}
.bbox .box ul li .top .b04 p{ display:block; font-size:14px; color:#fff; line-height:24px; overflow:hidden;}
.bbox .box ul li .top .b04 p span{ font-size:10px;}
.bbox .box ul li .top .b05{ margin-top:15px; height:130px;}
.bbox .box ul li .top .b05 img{ display:block; height:130px; margin:auto;}
.bbox .box ul li .bot{ margin:auto; margin-top:20px; width:300px;}
.bbox .box ul li .bot a{ display:block; float:left; vertical-align:middle; text-align:center; width:138px; height:38px; border:1px solid #cacaca; margin:0 5px; font-size:14px; line-height:38px;}
.bbox .box ul li .bot a img{ display:inline-block; vertical-align:middle; margin-right:10px;}
.bbox .box ul li .bot a:hover{ border:1px solid #33b9ee;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.bbox{ background-color:#f1f1f1; padding:50px 0;}
.bbox .title{ width:300px; height:46px; margin:auto; position:relative;}
.bbox .title .left{ width:90px; height:2px; position:absolute; left:0; top:22px; background-color:#33b9ee;}
.bbox .title .right{ width:35px; height:2px; position:absolute; right:0; top:22px; background-color:#33b9ee;}
.bbox .title .mil{ width:100%; height:46px;} 
.bbox .title .mil b{ display:block; float:left; text-align:right; width:175px; padding-top:4px;}
.bbox .title .mil b p{ display:block; font-size:20px; line-height:30px;}
.bbox .title .mil b span{ display:block; font-size:14px; line-height:14px; height:14px; margin-top:-1px; text-transform:uppercase; color:#666;}
.bbox .title .mil b span a{ color:#33b9ee;}
.bbox .title .mil strong{ width:115px; display:block; float:right; font-size:24px; line-height:46px;}
.bbox .title .mil strong a{ display:block; float:left; margin-right:5px; width:42px; line-height:42px; height:42px; border:2px solid #33b9ee; color:#33b9ee; text-align:center; border-radius:100%; overflow:hidden;}
.bbox .box{ width:100%; margin:auto; margin-top:25px;}
.bbox .box ul{ width:100%; display:block;}
.bbox .box ul li{ width:29.33%; display:block; float:left; margin-left:3%; background-color:#fff; border-radius:5px; overflow:hidden; background-position:top center; background-repeat:no-repeat; background-size:100% auto; padding-bottom:25px;}
.bbox .box ul li:nth-child(1){ background-image:url(../images/b01_24.jpg);}
.bbox .box ul li:nth-child(2){ background-image:url(../images/b02_26.jpg);}
.bbox .box ul li:nth-child(3){ background-image:url(../images/b03_28.jpg);}
.bbox .box ul li .top{ width:90%; margin:auto; margin-top:20px;}
.bbox .box ul li .top .b01{ width:100%; padding-bottom:5px;}
.bbox .box ul li .top .b01 b{ display:block; float:left; font-size:20px; line-height:30px; color:#fff;}
.bbox .box ul li .top .b01 span{ display:block; float:left; margin:4px 5px; height:22px; line-height:22px; font-size:14px; color:#fff; padding:0 10px; border-radius:5px; border-top-right-radius:10px;} 
.bbox .box ul li:nth-child(1) .top .b01 span{ background-color:#c988d8;}
.bbox .box ul li:nth-child(2) .top .b01 span{ background-color:#62ceac;}
.bbox .box ul li:nth-child(3) .top .b01 span{ background-color:#7eb3f9;}
.bbox .box ul li .top .b02{ font-size:12px; line-height:30px; color:#fff; border-top:1px solid #fff; opacity:0.3;}
.bbox .box ul li .top .b03{ color:#fff; font-size:14px; line-height:34px;}
.bbox .box ul li .top .b03 p{ display:block; float:left; margin-right:10px;}
.bbox .box ul li .top .b03 p:last-child{ margin-right:0;}
.bbox .box ul li .top .b03 span{ font-size:24px;}
.bbox .box ul li .top .b03 p:last-child span{ font-size:20px;}
.bbox .box ul li .top .b04{ height:48px;}
.bbox .box ul li .top .b04 p{ display:block; font-size:14px; color:#fff; line-height:24px; height:24px; overflow:hidden;}
.bbox .box ul li .top .b04 p span{ font-size:10px;}
.bbox .box ul li .top .b05{ margin-top:10px; height:130px;}
.bbox .box ul li .top .b05 img{ display:block; height:130px; margin:auto;}
.bbox .box ul li .bot{ margin:auto; margin-top:15px; width:240px;}
.bbox .box ul li .bot a{ display:block; float:left; vertical-align:middle; text-align:center; width:108px; height:34px; border:1px solid #cacaca; margin:0 5px; font-size:14px; line-height:34px;}
.bbox .box ul li .bot a img{ display:inline-block; vertical-align:middle; margin-right:5px;}
.bbox .box ul li .bot a:hover{ border:1px solid #33b9ee;}
}
@media only screen and (max-width:768px){
.bbox{ background-color:#f1f1f1; padding:30px 0;}
.bbox .title{ width:260px; height:42px; margin:auto; position:relative;}
.bbox .title .left{ width:70px; height:2px; position:absolute; left:0; top:20px; background-color:#33b9ee;}
.bbox .title .right{ width:25px; height:2px; position:absolute; right:0; top:20px; background-color:#33b9ee;}
.bbox .title .mil{ width:100%; height:42px;} 
.bbox .title .mil b{ display:block; float:left; text-align:right; width:150px; padding-top:4px;}
.bbox .title .mil b p{ display:block; font-size:18px; line-height:28px;}
.bbox .title .mil b span{ display:block; font-size:12px; line-height:12px; height:12px; margin-top:-1px; text-transform:uppercase; color:#666;}
.bbox .title .mil b span a{ color:#33b9ee;}
.bbox .title .mil strong{ width:100px; display:block; float:right; font-size:20px; line-height:42px;}
.bbox .title .mil strong a{ display:block; float:left; margin-right:5px; width:38px; line-height:38px; height:38px; border:2px solid #33b9ee; color:#33b9ee; text-align:center; border-radius:100%; overflow:hidden;}
.bbox .box{ width:94%; margin:auto; padding-top:5px;}
.bbox .box ul{ width:100%; display:block;}
.bbox .box ul li{ width:100%; display:block; margin-top:15px; background-color:#fff; border-radius:5px; overflow:hidden; padding-bottom:20px;}
.bbox .box ul li .top{ width:90%; padding:15px 5%; position:relative; background-position:top center; background-repeat:no-repeat; background-size:100% 100%;}
.bbox .box ul li:nth-child(1) .top{ background-image:url(../images/b01_24.jpg);}
.bbox .box ul li:nth-child(2) .top{ background-image:url(../images/b02_26.jpg);}
.bbox .box ul li:nth-child(3) .top{ background-image:url(../images/b03_28.jpg);}
.bbox .box ul li .top .b01{ width:100%; padding-bottom:5px;}
.bbox .box ul li .top .b01 b{ display:block; float:left; font-size:18px; line-height:28px; color:#fff;}
.bbox .box ul li .top .b01 span{ display:block; float:left; margin:4px 5px; height:20px; line-height:20px; font-size:12px; color:#fff; padding:0 7px; border-radius:5px; border-top-right-radius:10px;} 
.bbox .box ul li:nth-child(1) .top .b01 span{ background-color:#c988d8;}
.bbox .box ul li:nth-child(2) .top .b01 span{ background-color:#62ceac;}
.bbox .box ul li:nth-child(3) .top .b01 span{ background-color:#7eb3f9;}
.bbox .box ul li .top .b02{ font-size:12px; line-height:22px; padding-top:5px; color:#fff; border-top:1px solid #fff; opacity:0.3;}
.bbox .box ul li .top .b03{ color:#fff; font-size:14px; line-height:30px;}
.bbox .box ul li .top .b03 p{ display:block; float:left; margin-right:10px;}
.bbox .box ul li .top .b03 p:last-child{ margin-right:0;}
.bbox .box ul li .top .b03 span{ font-size:20px;}
.bbox .box ul li .top .b03 p:last-child span{ font-size:18px;}
.bbox .box ul li .top .b04{ width:calc(100% - 100px);}
.bbox .box ul li .top .b04 p{ display:block; font-size:14px; color:#fff; line-height:24px; overflow:hidden;}
.bbox .box ul li .top .b04 p span{ font-size:10px;}
.bbox .box ul li .top .b05{ position:absolute; right:5%; top:110px; height:65px; width:90px;}
.bbox .box ul li .top .b05 img{ display:block; max-height:65px; max-width:100%; float:right;}
.bbox .box ul li .bot{ margin:auto; margin-top:20px; width:240px;}
.bbox .box ul li .bot a{ background-color:#fff; display:block; float:left; vertical-align:middle; text-align:center; width:108px; height:34px; border:1px solid #cacaca; margin:0 5px; font-size:14px; line-height:34px;}
.bbox .box ul li .bot a img{ display:inline-block; vertical-align:middle; margin-right:5px;}
.bbox .box ul li .bot a:hover{ border:1px solid #33b9ee;}
}

/*网站报价*/
@media screen and (min-width:1280px){
.tbox{ width:100%; position:relative; background-position:center; background-repeat:no-repeat; background-attachment:fixed;}
.tbox .bg{ width:100%; height:100%; background-color:#000; opacity:0.7; z-index:1; position:absolute; left:0; top:0;}
.tbox .box{ width:1200px; margin:auto; position:relative; z-index:9; height:640px;}
.tbox .box .t01{ width:100%; height:100%; display:flex; align-items:center;}
.tbox .box .t01 img{ display:block; margin:auto;}
.tbox .box .t02{ position:absolute; right:845px; top:200px;}
.tbox .box .t03{ position:absolute; left:845px; top:200px; text-align:right;}
.tbox .box .t04{ position:absolute; right:870px; bottom:240px;}
.tbox .box .t05{ position:absolute; left:870px; bottom:240px; text-align:right;}
.tbox .box p{ height:48px; line-height:44px; color:#33b9ee; font-size:36px; display:block; overflow:hidden; background-repeat:no-repeat; width:330px;}
.tbox .box p a{ display:inline-block; width:20px; line-height:20px; font-size:14px; color:#fff; text-align:center; height:20px; border-radius:100%; background-color:#33b9ee; margin:0 5px;}
.tbox .box p span{ font-size:20px; line-height:48px; color:#fff;}
.tbox .box b{ display:block; font-weight:normal; font-size:18px; line-height:34px; text-transform:uppercase; color:#fff; opacity:0.7;}
.tbox .box .t03 b,.tbox .box .t05 b{ text-align:right;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.tbox{ width:100%; position:relative; background-position:center; background-repeat:no-repeat; background-attachment:fixed;}
.tbox .bg{ width:100%; height:100%; background-color:#000; opacity:0.7; z-index:1; position:absolute; left:0; top:0;}
.tbox .box{ width:94%; margin:auto; position:relative; z-index:9; padding:50px 0;}
.tbox .box .t01{ width:100%; height:100%; display:flex; align-items:center;}
.tbox .box .t01 img{ display:block; margin:auto;}
.tbox .box .t02{ position:absolute; left:15px; top:170px; width:27.5%;}
.tbox .box .t03{ position:absolute; right:15px; top:170px; text-align:right; width:27.5%;}
.tbox .box .t04{ position:absolute; left:0; bottom:170px; width:27.5%;}
.tbox .box .t05{ position:absolute; right:0; bottom:170px; text-align:right; width:27.5%;}
.tbox .box p{ height:40px; line-height:40px; color:#33b9ee; font-size:30px; display:block; overflow:hidden; background-repeat:no-repeat;}
.tbox .box p a{ display:inline-block; width:18px; line-height:18px; font-size:12px; color:#fff; text-align:center; height:18px; border-radius:100%; background-color:#33b9ee; margin:0 5px;}
.tbox .box p span{ font-size:18px; line-height:40px; color:#fff;}
.tbox .box b{ display:block; font-weight:normal; font-size:16px; line-height:26px; text-transform:uppercase; color:#fff; opacity:0.7;}
.tbox .box .t03 b,.tbox .box .t05 b{ text-align:right;}
}
@media only screen and (max-width:768px){
.tbox{ width:100%; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover;}
.tbox .bg{ width:100%; height:100%; background-color:#000; opacity:0.7; z-index:1; position:absolute; left:0; top:0;}
.tbox .box{ width:94%; margin:auto; position:relative; z-index:9; padding:25px 0;}
.tbox .box .t01{ width:100%; margin-top:15px;}
.tbox .box .t01 img{ display:block; margin:auto; height:217px;}
.tbox .box .t02{ width:100%;}
.tbox .box .t03{ width:100%; margin-top:10px;}
.tbox .box .t04{ width:100%; margin-top:15px;}
.tbox .box .t05{ width:100%; margin-top:10px;}
.tbox .box p{ height:26px; line-height:26px; color:#33b9ee; font-size:20px; display:block; overflow:hidden; background-repeat:no-repeat;}
.tbox .box p a{ display:inline-block; width:16px; line-height:16px; font-size:10px; color:#fff; text-align:center; height:16px; border-radius:100%; background-color:#33b9ee; margin:0 3px;}
.tbox .box p span{ font-size:16px; line-height:26px; color:#fff;}
.tbox .box b{ display:block; font-weight:normal; font-size:14px; line-height:24px; text-transform:uppercase; color:#fff; opacity:0.7;}
.tbox .box .t03 p,.tbox .box .t05 p{ text-align:right;}
.tbox .box .t03 b,.tbox .box .t05 b{ text-align:right;}
}

/*网站优势*/
@media screen and (min-width:1280px){
.yous{ width:100%; position:relative; background-color:#fff;}
.yous .bg{ width:46.875%; height:100%; background-color:#33b9ee; position:absolute; left:0; top:0; z-index:1;}
.yous .lbar{ width:46.875%; float:left; background-color:#33b9ee; padding-top:40px; padding-bottom:70px; z-index:9; position:relative;}
.yous .lbar .title{ float:right; margin:30px 70px; position:relative;}
.yous .lbar .title .left{ height:90px; width:2px; margin:auto; background-color:#fff;}
.yous .lbar .title .right{ height:35px; width:2px; margin:auto; background-color:#fff;}
.yous .lbar .title .mil{ width:50px; margin:10px auto; overflow:visible;} 
.yous .lbar .title .mil b{ width:100%; display:block; position:relative; width:100%;}
.yous .lbar .title .mil b p{ width:30px; margin:auto; display:block; font-size:24px; line-height:24px; color:#fff; text-align:center;}
.yous .lbar .title .mil b span{ width:180px; position:absolute; right:-44px; bottom:30px; display:block; font-size:14px; line-height:14px; transform:rotate(90deg); text-transform:uppercase; color:#fff;}
.yous .lbar .title .mil b span a{ color:#fff;}
.yous .lbar .title .mil strong{ display:block; font-size:30px; line-height:40px; color:#fff; text-align:center; margin:10px 0;}
.yous .lbar .title .mil strong a{ display:block; width:46px; line-height:46px; height:46px; border:2px solid #fff; color:#fff; text-align:center; border-radius:100%; overflow:hidden;}

.yous .rbar{ width:660px; float:left; padding-top:70px; padding-bottom:70px;}
.yous .rbar .title{ float:right; width:340px; height:50px; margin:auto; position:relative;}
.yous .rbar .title .left{ width:90px; height:2px; position:absolute; left:0; top:24px; background-color:#33b9ee;}
.yous .rbar .title .right{ width:35px; height:2px; position:absolute; right:0; top:24px; background-color:#33b9ee;}
.yous .rbar .title .mil{ width:100%; height:50px;} 
.yous .rbar .title .mil b{ display:block; float:left; text-align:right; width:195px; padding-top:4px;}
.yous .rbar .title .mil b p{ display:block; font-size:24px; line-height:34px;}
.yous .rbar .title .mil b span{ display:block; font-size:14px; line-height:14px; height:14px; margin-top:-1px; text-transform:uppercase; color:#666;}
.yous .rbar .title .mil b span a{ color:#33b9ee;}
.yous .rbar .title .mil strong{ width:135px; display:block; float:right; font-size:30px; line-height:50px;}
.yous .rbar .title .mil strong a{ display:block; float:left; margin-right:10px; width:46px; line-height:46px; height:46px; border:2px solid #33b9ee; color:#33b9ee; text-align:center; border-radius:100%; overflow:hidden;}

.yous .lbar .box{ width:350px; float:right; display:block;}
.yous .lbar .box li{ display:block; padding-top:23px; padding-bottom:10px; border-bottom:1px solid rgba(255,255,255,0.3); overflow:hidden;}
.yous .lbar .box li strong{ display:block; height:42px; margin-top:3px; float:left;}
.yous .lbar .box li strong img{ display:block; height:42px; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.yous .lbar .box li:hover strong img{ -webkit-transform:rotateY(-360deg);}
.yous .lbar .box li p{ display:block; float:right; text-align:right;}
.yous .lbar .box li p span{ display:block; font-size:20px; line-height:30px; color:#fff;}
.yous .lbar .box li p a{ display:block; font-size:14px; line-height:24px; color:#fff;}

.yous .rbar .box{ padding-left:70px; margin-top:30px; width:590px; float:right;}
.yous .rbar .box dt{ clear:both; float:left; width:280px; height:70px; position:relative; display:block;}
.yous .rbar .box dd{ clear:both; float:right; width:280px; height:70px; position:relative; display:block;}
.yous .rbar .box dt:nth-child(1){ background-color:#33b9ee;}
.yous .rbar .box dd:nth-child(2){ background-color:#25b84d;}
.yous .rbar .box dt:nth-child(3){ background-color:#ff9c5b;}
.yous .rbar .box dd:nth-child(4){ background-color:#8a70ed;}
.yous .rbar .box dt:nth-child(5){ background-color:#fd5d3d;}
.yous .rbar .box dd:nth-child(6){ background-color:#fc5870;}
.yous .rbar .box dt strong{ height:42px; display:flex; align-items:center; float:left; margin:14px 20px; margin-right:0;}
.yous .rbar .box dt strong img{ display:block; max-height:42px;}
.yous .rbar .box dt p{ width:165px; float:left; display:block; padding:8px 0; text-align:right;}
.yous .rbar .box dt p span{ display:block; font-size:20px; line-height:30px; color:#fff;}
.yous .rbar .box dt p a{ display:block; font-size:14px; line-height:24px; color:#fff;}
.yous .rbar .box dt b{ width:40px; line-height:40px; height:40px; text-align:center; color:#fff; border-radius:100%; overflow:hidden; font-size:30px; border:5px solid #fff; position:absolute; right:-20px; top:10px; -webkit-transition:1s linear; transition:1s ease-in;}
.yous .rbar .box dd strong{ height:42px; display:flex; align-items:center; float:right; margin:14px 20px; margin-left:0;}
.yous .rbar .box dd strong img{ display:block; max-height:42px;}
.yous .rbar .box dd p{ width:165px; float:right; display:block; padding:8px 0;}
.yous .rbar .box dd p span{ display:block; font-size:20px; line-height:30px; color:#fff;}
.yous .rbar .box dd p a{ display:block; font-size:14px; line-height:24px; color:#fff;}
.yous .rbar .box dd b{ width:40px; line-height:40px; height:40px; text-align:center; color:#fff; border-radius:100%; overflow:hidden; font-size:30px; border:5px solid #fff; position:absolute; left:-20px; top:10px; -webkit-transition:1s linear; transition:1s ease-in;}
.yous .rbar .box dt:hover b,.yous .rbar .box dd:hover b{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.yous .rbar .box dt:nth-child(1) b{ background-color:#33b9ee;}
.yous .rbar .box dd:nth-child(2) b{ background-color:#25b84d;}
.yous .rbar .box dt:nth-child(3) b{ background-color:#ff9c5b;}
.yous .rbar .box dd:nth-child(4) b{ background-color:#8a70ed;}
.yous .rbar .box dt:nth-child(5) b{ background-color:#fd5d3d;}
.yous .rbar .box dd:nth-child(6) b{ background-color:#fc5870;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.yous{ width:100%; position:relative; display:flex;}
.yous .bg{ width:46.875%; height:100%; background-color:#33b9ee; position:absolute; left:0; top:0; z-index:1;}
.yous .lbar{ padding:20px 3%; width:40.875%; float:left; background-color:#33b9ee; padding-bottom:50px; position:relative; z-index:9;}
.yous .lbar .title{ float:right; padding-top:30px; position:relative;}
.yous .lbar .title .left{ height:90px; width:2px; margin:auto; background-color:#fff;}
.yous .lbar .title .right{ height:35px; width:2px; margin:auto; background-color:#fff;}
.yous .lbar .title .mil{ width:46px; margin:10px auto; margin-bottom:5px; overflow:visible;} 
.yous .lbar .title .mil b{ width:100%; display:block; position:relative; width:100%;}
.yous .lbar .title .mil b p{ width:30px; margin:auto; display:block; font-size:20px; line-height:20px; color:#fff; text-align:center;}
.yous .lbar .title .mil b span{ width:180px; position:absolute; right:-46px; bottom:30px; display:block; font-size:14px; line-height:14px; transform:rotate(90deg); text-transform:uppercase; color:#fff;}
.yous .lbar .title .mil b span a{ color:#fff;}
.yous .lbar .title .mil strong{ display:block; font-size:24px; line-height:34px; color:#fff; text-align:center; margin-top:5px;}
.yous .lbar .title .mil strong a{ display:block; width:42px; line-height:42px; height:42px; border:2px solid #fff; color:#fff; text-align:center; border-radius:100%; overflow:hidden;}

.yous .rbar{ width:47.125%; float:left; padding:50px 3%;}
.yous .rbar .title{ width:300px; height:46px; float:right; position:relative;}
.yous .rbar .title .left{ width:90px; height:2px; position:absolute; left:0; top:22px; background-color:#33b9ee;}
.yous .rbar .title .right{ width:35px; height:2px; position:absolute; right:0; top:22px; background-color:#33b9ee;}
.yous .rbar .title .mil{ width:100%; height:46px;} 
.yous .rbar .title .mil b{ display:block; float:left; text-align:right; width:175px; padding-top:4px;}
.yous .rbar .title .mil b p{ display:block; font-size:20px; line-height:30px;}
.yous .rbar .title .mil b span{ display:block; font-size:14px; line-height:14px; height:14px; margin-top:-1px; text-transform:uppercase; color:#666;}
.yous .rbar .title .mil b span a{ color:#33b9ee;}
.yous .rbar .title .mil strong{ width:115px; display:block; float:right; font-size:24px; line-height:46px;}
.yous .rbar .title .mil strong a{ display:block; float:left; margin-right:5px; width:42px; line-height:42px; height:42px; border:2px solid #33b9ee; color:#33b9ee; text-align:center; border-radius:100%; overflow:hidden;}

.yous .lbar .box{ width:calc(100% - 80px); float:left; display:block;}
.yous .lbar .box li{ display:block; padding-top:25px; padding-bottom:10px; border-bottom:1px solid rgba(255,255,255,0.3); overflow:hidden;}
.yous .lbar .box li strong{ display:block; height:42px; margin-top:2px; float:left;}
.yous .lbar .box li strong img{ display:block; height:42px; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.yous .lbar .box li:hover strong img{ -webkit-transform:rotateY(-360deg);}
.yous .lbar .box li p{ width:calc(100% - 60px); display:block; float:right; text-align:right;}
.yous .lbar .box li p span{ display:block; font-size:18px; line-height:28px; color:#fff;}
.yous .lbar .box li p a{ display:block; font-size:14px; line-height:24px; color:#fff;}

.yous .rbar .box{ margin-top:10px; width:100%; float:right;}
.yous .rbar .box dt{ clear:both; float:left; width:280px; position:relative; display:block; margin-top:15px;}
.yous .rbar .box dd{ clear:both; float:right; width:280px; position:relative; display:block; margin-top:15px;}
.yous .rbar .box dt:nth-child(1){ background-color:#33b9ee;}
.yous .rbar .box dd:nth-child(2){ background-color:#25b84d;}
.yous .rbar .box dt:nth-child(3){ background-color:#ff9c5b;}
.yous .rbar .box dd:nth-child(4){ background-color:#8a70ed;}
.yous .rbar .box dt:nth-child(5){ background-color:#fd5d3d;}
.yous .rbar .box dd:nth-child(6){ background-color:#fc5870;}
.yous .rbar .box dt strong{ height:42px; display:flex; align-items:center; float:left; margin:10px 20px; margin-right:0;}
.yous .rbar .box dt strong img{ display:block; max-height:42px;}
.yous .rbar .box dt p{ width:165px; float:left; display:block; padding:5px 0; text-align:right;}
.yous .rbar .box dt p span{ display:block; font-size:18px; line-height:28px; color:#fff;}
.yous .rbar .box dt p a{ display:block; font-size:14px; line-height:24px; color:#fff;}
.yous .rbar .box dt b{ width:40px; line-height:40px; height:40px; text-align:center; color:#fff; border-radius:100%; overflow:hidden; font-size:30px; border:5px solid #fff; position:absolute; right:-20px; top:7px; -webkit-transition:1s linear; transition:1s ease-in;}
.yous .rbar .box dd strong{ height:42px; display:flex; align-items:center; float:right; margin:10px 20px; margin-left:0;}
.yous .rbar .box dd strong img{ display:block; max-height:42px;}
.yous .rbar .box dd p{ width:165px; float:right; display:block; padding:5px 0;}
.yous .rbar .box dd p span{ display:block; font-size:18px; line-height:28px; color:#fff;}
.yous .rbar .box dd p a{ display:block; font-size:14px; line-height:24px; color:#fff;}
.yous .rbar .box dd b{ width:40px; line-height:40px; height:40px; text-align:center; color:#fff; border-radius:100%; overflow:hidden; font-size:30px; border:5px solid #fff; position:absolute; left:-20px; top:7px; -webkit-transition:1s linear; transition:1s ease-in;}
.yous .rbar .box dt:hover b,.yous .rbar .box dd:hover b{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.yous .rbar .box dt:nth-child(1) b{ background-color:#33b9ee;}
.yous .rbar .box dd:nth-child(2) b{ background-color:#25b84d;}
.yous .rbar .box dt:nth-child(3) b{ background-color:#ff9c5b;}
.yous .rbar .box dd:nth-child(4) b{ background-color:#8a70ed;}
.yous .rbar .box dt:nth-child(5) b{ background-color:#fd5d3d;}
.yous .rbar .box dd:nth-child(6) b{ background-color:#fc5870;}
}
@media only screen and (max-width:768px){
.yous .lbar{ width:94%; background-color:#33b9ee; padding:30px 3%;}
.yous .lbar .title{ width:260px; height:42px; margin:auto; position:relative;}
.yous .lbar .title .left{ width:70px; height:2px; position:absolute; left:0; top:20px; background-color:#fff;}
.yous .lbar .title .right{ width:25px; height:2px; position:absolute; right:0; top:20px; background-color:#fff;}
.yous .lbar .title .mil{ width:100%; height:42px;} 
.yous .lbar .title .mil b{ display:block; float:left; text-align:right; width:150px; padding-top:4px;}
.yous .lbar .title .mil b p{ display:block; font-size:18px; line-height:28px;color:#fff;}
.yous .lbar .title .mil b span{ display:block; font-size:12px; line-height:12px; height:12px; margin-top:-1px; text-transform:uppercase; color:#fff;}
.yous .lbar .title .mil b span a{ color:#fff;}
.yous .lbar .title .mil strong{ width:100px; display:block; float:right; font-size:20px; line-height:42px; color:#fff;}
.yous .lbar .title .mil strong a{ display:block; float:left; margin-right:5px; width:38px; line-height:38px; height:38px; border:2px solid #fff; color:#fff; text-align:center; border-radius:100%; overflow:hidden;}

.yous .rbar{ width:94%; margin:30px auto;}
.yous .rbar .title{ width:260px; height:42px; margin:auto; position:relative;}
.yous .rbar .title .left{ width:70px; height:2px; position:absolute; left:0; top:20px; background-color:#33b9ee;}
.yous .rbar .title .right{ width:15px; height:2px; position:absolute; right:0; top:20px; background-color:#33b9ee;}
.yous .rbar .title .mil{ width:100%; height:42px;} 
.yous .rbar .title .mil b{ display:block; float:left; text-align:right; width:150px; padding-top:4px;}
.yous .rbar .title .mil b p{ display:block; font-size:18px; line-height:28px;}
.yous .rbar .title .mil b span{ display:block; font-size:12px; line-height:12px; height:12px; margin-top:-1px; text-transform:uppercase; color:#666;}
.yous .rbar .title .mil b span a{ color:#33b9ee;}
.yous .rbar .title .mil strong{ width:100px; display:block; float:right; font-size:20px; line-height:42px;}
.yous .rbar .title .mil strong a{ display:block; float:left; margin-right:5px; width:38px; line-height:38px; height:38px; border:2px solid #33b9ee; color:#33b9ee; text-align:center; border-radius:100%; overflow:hidden;}

.yous .lbar .box{ width:100%; display:block;}
.yous .lbar .box li{ display:block; padding-top:15px; padding-bottom:10px; border-bottom:1px solid rgba(255,255,255,0.3); overflow:hidden;}
.yous .lbar .box li strong{ display:block; height:42px; margin-top:4px; float:left;}
.yous .lbar .box li strong img{ display:block; height:42px; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.yous .lbar .box li:hover strong img{ -webkit-transform:rotateY(-360deg);}
.yous .lbar .box li p{ display:block; float:right; text-align:right;}
.yous .lbar .box li p span{ display:block; font-size:16px; line-height:26px; color:#fff;}
.yous .lbar .box li p a{ display:block; font-size:14px; line-height:24px; color:#fff;}

.yous .rbar .box{ width:100%; padding-top:5px;}
.yous .rbar .box dt{ clear:both; float:left; width:280px; position:relative; display:block; margin-top:15px;}
.yous .rbar .box dd{ clear:both; float:right; width:280px; position:relative; display:block; margin-top:15px;}
.yous .rbar .box dt:nth-child(1){ background-color:#33b9ee;}
.yous .rbar .box dd:nth-child(2){ background-color:#25b84d;}
.yous .rbar .box dt:nth-child(3){ background-color:#ff9c5b;}
.yous .rbar .box dd:nth-child(4){ background-color:#8a70ed;}
.yous .rbar .box dt:nth-child(5){ background-color:#fd5d3d;}
.yous .rbar .box dd:nth-child(6){ background-color:#fc5870;}
.yous .rbar .box dt strong{ height:42px; display:flex; align-items:center; float:left; margin:12px 20px; margin-right:0;}
.yous .rbar .box dt strong img{ display:block; max-height:42px;}
.yous .rbar .box dt p{ width:165px; float:left; display:block; padding:6px 0; text-align:right;}
.yous .rbar .box dt p span{ display:block; font-size:16px; line-height:26px; color:#fff;}
.yous .rbar .box dt p a{ display:block; font-size:14px; line-height:24px; color:#fff;}
.yous .rbar .box dt b{ width:40px; line-height:40px; height:40px; text-align:center; color:#fff; border-radius:100%; overflow:hidden; font-size:30px; border:5px solid #fff; position:absolute; right:-20px; top:8px; -webkit-transition:1s linear; transition:1s ease-in;}
.yous .rbar .box dd strong{ height:42px; display:flex; align-items:center; float:right; margin:12px 20px; margin-left:0;}
.yous .rbar .box dd strong img{ display:block; max-height:42px;}
.yous .rbar .box dd p{ width:165px; float:right; display:block; padding:6px 0;}
.yous .rbar .box dd p span{ display:block; font-size:16px; line-height:26px; color:#fff;}
.yous .rbar .box dd p a{ display:block; font-size:14px; line-height:24px; color:#fff;}
.yous .rbar .box dd b{ width:40px; line-height:40px; height:40px; text-align:center; color:#fff; border-radius:100%; overflow:hidden; font-size:30px; border:5px solid #fff; position:absolute; left:-20px; top:8px; -webkit-transition:1s linear; transition:1s ease-in;}
.yous .rbar .box dt:hover b,.yous .rbar .box dd:hover b{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.yous .rbar .box dt:nth-child(1) b{ background-color:#33b9ee;}
.yous .rbar .box dd:nth-child(2) b{ background-color:#25b84d;}
.yous .rbar .box dt:nth-child(3) b{ background-color:#ff9c5b;}
.yous .rbar .box dd:nth-child(4) b{ background-color:#8a70ed;}
.yous .rbar .box dt:nth-child(5) b{ background-color:#fd5d3d;}
.yous .rbar .box dd:nth-child(6) b{ background-color:#fc5870;}
}

/*案例展示*/
@media screen and (min-width:1280px){
.case{ background-color:#fff; padding:70px 0;}
.case .title{ width:340px; height:50px; margin:auto; position:relative;}
.case .title .left{ width:90px; height:2px; position:absolute; left:0; top:24px; background-color:#33b9ee;}
.case .title .right{ width:35px; height:2px; position:absolute; right:0; top:24px; background-color:#33b9ee;}
.case .title .mil{ width:100%; height:50px;} 
.case .title .mil b{ display:block; float:left; text-align:right; width:195px; padding-top:4px;}
.case .title .mil b p{ display:block; font-size:24px; line-height:34px;}
.case .title .mil b span{ display:block; font-size:14px; line-height:14px; height:14px; margin-top:-1px; text-transform:uppercase; color:#666;}
.case .title .mil b span a{ color:#33b9ee;}
.case .title .mil strong{ width:135px; display:block; float:right; font-size:30px; line-height:50px;}
.case .title .mil strong a{ display:block; float:left; margin-right:10px; width:46px; line-height:46px; height:46px; border:2px solid #33b9ee; color:#33b9ee; text-align:center; border-radius:100%; overflow:hidden;}
.case .box{ width:1080px; padding:0 60px; margin:auto; margin-top:30px; position:relative;}
.case .swiper-button-prev{ position:absolute; left:0; top:50%; margin-top:-19px; height:38px; cursor:pointer;}
.case .swiper-button-next{ position:absolute; right:0; top:50%; margin-top:-19px; height:38px; cursor:pointer;}
.case .swiper-button-prev img,.case .swiper-button-next img{ display:block;}
.case .box .swiper-container{ width:100%;}
.case .box .swiper-slide{ display:block; width:340px; background-color:#f7f7f7;}
.case .box .swiper-slide a{ display:block; padding:10px; padding-bottom:0; overflow:hidden;}
.case .box .swiper-slide .c01{ width:320px; height:214px;}
.case .box .swiper-slide .c01 img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.case .box .swiper-slide:hover img{ transform:scale(1.03, 1.03); -ms-transform:scale(1.03, 1.03); -moz-transform:scale(1.03, 1.03); -webkit-transform:scale(1.03, 1.03); -o-transform:scale(1.03, 1.03);}
.case .box .swiper-slide .c02{ margin:15px 10px; margin-bottom:0; font-size:18px; line-height:28px; text-overflow:ellipsis; white-space:nowrap;}
.case .box .swiper-slide .c03{ margin:0 10px; margin-bottom:0; font-size:14px; line-height:24px; text-overflow:ellipsis; white-space:nowrap; color:#999;}
.case .box .swiper-slide .c04{ margin:10px; margin-bottom:15px; font-size:14px; line-height:24px; text-overflow:ellipsis; white-space:nowrap;}
.case .box .swiper-slide .c05{ width:300px; margin:auto; height:50px; line-height:50px; font-size:14px; border-top:1px solid #cacaca; background-image:url(../images/more_87.png); background-position:right center; background-repeat:no-repeat;}
.case .box .swiper-slide:hover .c02{ color:#33b9ee;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.case{ background-color:#fff; padding:50px 0;}
.case .title{ width:300px; height:46px; margin:auto; position:relative;}
.case .title .left{ width:90px; height:2px; position:absolute; left:0; top:22px; background-color:#33b9ee;}
.case .title .right{ width:35px; height:2px; position:absolute; right:0; top:22px; background-color:#33b9ee;}
.case .title .mil{ width:100%; height:46px;} 
.case .title .mil b{ display:block; float:left; text-align:right; width:175px; padding-top:4px;}
.case .title .mil b p{ display:block; font-size:20px; line-height:30px;}
.case .title .mil b span{ display:block; font-size:14px; line-height:14px; height:14px; margin-top:-1px; text-transform:uppercase; color:#666;}
.case .title .mil b span a{ color:#33b9ee;}
.case .title .mil strong{ width:115px; display:block; float:right; font-size:24px; line-height:46px;}
.case .title .mil strong a{ display:block; float:left; margin-right:5px; width:42px; line-height:42px; height:42px; border:2px solid #33b9ee; color:#33b9ee; text-align:center; border-radius:100%; overflow:hidden;}
.case .box{ width:94%; padding:0 50px; box-sizing:border-box; margin:auto; margin-top:25px;}
.case .swiper-button-prev{ position:absolute; left:0; top:50%; margin-top:-19px; height:38px; cursor:pointer;}
.case .swiper-button-next{ position:absolute; right:0; top:50%; margin-top:-19px; height:38px; cursor:pointer;}
.case .swiper-button-prev img,.case .swiper-button-next img{ display:block;}
.case .box .swiper-container{ width:100%;}
.case .box .swiper-slide{ display:block; width:340px; background-color:#f7f7f7;}
.case .box .swiper-slide a{ display:block; padding:10px; padding-bottom:0; overflow:hidden;}
.case .box .swiper-slide .c01{ width:100%;}
.case .box .swiper-slide .c01 img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.case .box .swiper-slide:hover img{ transform:scale(1.03, 1.03); -ms-transform:scale(1.03, 1.03); -moz-transform:scale(1.03, 1.03); -webkit-transform:scale(1.03, 1.03); -o-transform:scale(1.03, 1.03);}
.case .box .swiper-slide .c02{ margin:15px 10px; margin-bottom:0; font-size:18px; line-height:28px; text-overflow:ellipsis; white-space:nowrap;}
.case .box .swiper-slide .c03{ margin:0 10px; margin-bottom:0; font-size:14px; line-height:24px; text-overflow:ellipsis; white-space:nowrap; color:#999;}
.case .box .swiper-slide .c04{ margin:10px; margin-bottom:15px; font-size:14px; line-height:24px; text-overflow:ellipsis; white-space:nowrap;}
.case .box .swiper-slide .c05{ width:calc(100% - 20px); margin:auto; height:50px; line-height:50px; font-size:14px; border-top:1px solid #cacaca; background-image:url(../images/more_87.png); background-position:right center; background-repeat:no-repeat;}
.case .box .swiper-slide:hover .c02{ color:#33b9ee;}
}
@media only screen and (max-width:768px){
.case{ background-color:#fff; padding:30px 0;}
.case .title{ width:260px; height:42px; margin:auto; position:relative;}
.case .title .left{ width:70px; height:2px; position:absolute; left:0; top:20px; background-color:#33b9ee;}
.case .title .right{ width:25px; height:2px; position:absolute; right:0; top:20px; background-color:#33b9ee;}
.case .title .mil{ width:100%; height:42px;} 
.case .title .mil b{ display:block; float:left; text-align:right; width:150px; padding-top:4px;}
.case .title .mil b p{ display:block; font-size:18px; line-height:28px;}
.case .title .mil b span{ display:block; font-size:12px; line-height:12px; height:12px; margin-top:-1px; text-transform:uppercase; color:#666;}
.case .title .mil b span a{ color:#33b9ee;}
.case .title .mil strong{ width:100px; display:block; float:right; font-size:20px; line-height:42px;}
.case .title .mil strong a{ display:block; float:left; margin-right:5px; width:38px; line-height:38px; height:38px; border:2px solid #33b9ee; color:#33b9ee; text-align:center; border-radius:100%; overflow:hidden;}
.case .box{ width:94%; padding:0 30px; box-sizing:border-box; margin:auto; margin-top:20px;}
.case .swiper-button-prev{ position:absolute; left:0; top:50%; margin-top:-19px; height:38px; cursor:pointer;}
.case .swiper-button-next{ position:absolute; right:0; top:50%; margin-top:-19px; height:38px; cursor:pointer;}
.case .swiper-button-prev img,.case .swiper-button-next img{ display:block;}
.case .box .swiper-container{ width:100%;}
.case .box .swiper-slide{ display:block; width:340px; background-color:#f7f7f7;}
.case .box .swiper-slide a{ display:block; padding:10px; padding-bottom:0; overflow:hidden;}
.case .box .swiper-slide .c01{ width:100%;}
.case .box .swiper-slide .c01 img{ width:100%; display:block;}
.case .box .swiper-slide .c02{ margin:10px 5px; margin-bottom:0; font-size:16px; line-height:26px; text-overflow:ellipsis; white-space:nowrap;}
.case .box .swiper-slide .c03{ margin:0 5px; font-size:14px; line-height:24px; text-overflow:ellipsis; white-space:nowrap; color:#999;}
.case .box .swiper-slide .c04{ margin:0 5px; margin-bottom:10px; font-size:14px; line-height:24px; text-overflow:ellipsis; white-space:nowrap;}
.case .box .swiper-slide .c05{ width:calc(100% - 10px); margin:auto; height:40px; line-height:40px; font-size:14px; border-top:1px solid #cacaca; background-image:url(../images/more_87.png); background-position:right center; background-repeat:no-repeat;}
.case .box .swiper-slide:hover .c02{ color:#33b9ee;}
}

/*应用领域*/
@media screen and (min-width:1280px){
.yingy{ width:1200px; margin:70px auto; padding-top:80px; position:relative;}
.yingy .title{ width:340px; height:50px; margin:auto; position:absolute; right:0; top:0;}
.yingy .title .left{ width:90px; height:2px; position:absolute; left:0; top:24px; background-color:#33b9ee;}
.yingy .title .right{ width:35px; height:2px; position:absolute; right:0; top:24px; background-color:#33b9ee;}
.yingy .title .mil{ width:100%; height:50px;} 
.yingy .title .mil b{ display:block; float:left; text-align:right; width:195px; padding-top:4px;}
.yingy .title .mil b p{ display:block; font-size:24px; line-height:34px;}
.yingy .title .mil b span{ display:block; font-size:14px; line-height:14px; height:14px; margin-top:-1px; text-transform:uppercase; color:#666;}
.yingy .title .mil b span a{ color:#33b9ee;}
.yingy .title .mil strong{ width:135px; display:block; float:right; font-size:30px; line-height:50px;}
.yingy .title .mil strong a{ display:block; float:left; margin-right:10px; width:46px; line-height:46px; height:46px; border:2px solid #33b9ee; color:#33b9ee; text-align:center; border-radius:100%; overflow:hidden;}
.yingy .tu{ position:absolute; left:0; top:0; z-index:3;}
.yingy .tu img{ width:100%; display:block;}
.yingy .wen{ margin-left:335px; margin-bottom:10px; width:715px; padding-left:150px; position:relative; z-index:1;}
.yingy .wen .zc{ width:150px; height:100%; position:absolute; left:0; top:0;}
.yingy .wen .zc img{ width:100%; height:100%; display:block;}
.yingy .wen .yc{ width:680px; padding:25px 30px; padding-left:5px; background-color:#fff; min-height:100px;}
.yingy .wen .yc .y01{ font-size:24px; line-height:34px;}
.yingy .wen .yc .y01 a{ color:#33b9ee;}
.yingy .wen .yc .y01 span{ color:#33b9ee; font-size:18px; vertical-align:top; line-height:22px;}
.yingy .wen .yc .y02{ font-size:14px; line-height:24px; margin-top:10px; text-indent:2em;}
.yingy .box{ width:1200px; margin:auto; margin-top:30px;}
.yingy .box .bd{ width:100%; height:200px;}
.yingy .box ul{ overflow:hidden; zoom:1;}
.yingy .box .swiper-slide{ overflow:hidden; display:block; width:285px; height:200px; float:left; margin-right:20px; background-color:#fff; position:relative;}
.yingy .box .swiper-slide img{ width:100%; display:block;}
.yingy .box .swiper-slide .mask{ opacity:0; width:100%; height:100%; position:absolute; left:0; top:0; background-image:url(../images/hy_92.png); background-size:100% 100%; display:flex; align-items:center;}
.yingy .box .swiper-slide .mask a{ display:block; overflow:hidden; width:100%;}
.yingy .box .swiper-slide .mask a strong{ display:block; width:100%; padding-top:5px;}
.yingy .box .swiper-slide .mask a strong img{ width:auto; max-width:220px; max-height:60px; display:block; margin:auto;}
.yingy .box .swiper-slide .mask a span{ display:block; font-size:16px; line-height:26px; margin:15px auto; margin-bottom:0; width:220px; text-align:center; color:#fff;}
.yingy .box .swiper-slide .mask a b{ width:25px; display:none; margin:auto;}
.yingy .box .swiper-slide:hover .mask{ opacity:1;}
/*.yingy .swiper-pagination{ position:relative; width:100%; text-align:center; margin-top:25px; overflow:hidden;}
.yingy .swiper-pagination ul{ width:100%; text-align:center; display:block;}
.yingy .swiper-pagination span{ text-indent:9999999px; width:10px; height:10px; background-color:#999; border-radius:10px; overflow:hidden; display:inline-block; margin:0 5px; cursor:pointer;}
.yingy .swiper-pagination span.swiper-pagination-bullet-active{ width:70px; background-color:#33b9ee;}*/

}
@media screen and (min-width:769px) and (max-width:1279px){
.yingy{ width:94%; margin:50px auto; padding-top:71px; position:relative;}
.yingy .title{ width:300px; height:46px; margin:auto; position:absolute; right:0; top:0;}
.yingy .title .left{ width:90px; height:2px; position:absolute; left:0; top:22px; background-color:#33b9ee;}
.yingy .title .right{ width:35px; height:2px; position:absolute; right:0; top:22px; background-color:#33b9ee;}
.yingy .title .mil{ width:100%; height:46px;} 
.yingy .title .mil b{ display:block; float:left; text-align:right; width:175px; padding-top:4px;}
.yingy .title .mil b p{ display:block; font-size:20px; line-height:30px;}
.yingy .title .mil b span{ display:block; font-size:14px; line-height:14px; height:14px; margin-top:-1px; text-transform:uppercase; color:#666;}
.yingy .title .mil b span a{ color:#33b9ee;}
.yingy .title .mil strong{ width:115px; display:block; float:right; font-size:24px; line-height:46px;}
.yingy .title .mil strong a{ display:block; float:left; margin-right:5px; width:42px; line-height:42px; height:42px; border:2px solid #33b9ee; color:#33b9ee; text-align:center; border-radius:100%; overflow:hidden;}
.yingy .tu{ width:35%; position:absolute; left:0; top:0; z-index:3;}
.yingy .tu img{ width:100%; display:block;}
.yingy .wen{ margin-left:32%; margin-bottom:10px; position:relative; padding-left:100px; width:68%; box-sizing:border-box; position:relative; z-index:1;}
.yingy .wen .zc{ width:100px; height:100%; position:absolute; left:0; top:0;}
.yingy .wen .zc img{ width:100%; height:100%; display:block;}
.yingy .wen .yc{ padding:20px 25px; padding-left:5px; background-color:#fff;}
.yingy .wen .yc .y01{ font-size:20px; line-height:30px;}
.yingy .wen .yc .y01 a{ color:#33b9ee;}
.yingy .wen .yc .y01 span{ color:#33b9ee; font-size:16px; vertical-align:top; line-height:20px;}
.yingy .wen .yc .y02{ font-size:14px; line-height:24px; margin-top:5px; text-indent:2em;}
.yingy .box{ width:100%; margin:auto; margin-top:25px; position:relative; z-index:9;}
.yingy .box .bd{ width:100%; height:200px;}
.yingy .box ul{ overflow:hidden; zoom:1;}
.yingy .box .swiper-slide{ width:285px; height:200px; float:left; margin-right:15px; display:block; background-color:#fff; position:relative;}
.yingy .box .swiper-slide img{ width:100%; display:block;}
.yingy .box .swiper-slide .mask{ opacity:0; width:100%; height:100%; position:absolute; left:0; top:0; background-image:url(../images/hy_92.png); background-size:100% 100%; display:flex; align-items:center;}
.yingy .box .swiper-slide .mask a{ display:block; overflow:hidden;  width:calc(100% - 40px); margin:auto;}
.yingy .box .swiper-slide .mask a strong{ display:block; width:100%; padding-top:5px;}
.yingy .box .swiper-slide .mask a strong img{ width:auto; max-width:100%; max-height:60px; display:block; margin:auto;}
.yingy .box .swiper-slide .mask a span{ display:block; font-size:16px; line-height:26px; margin:10px auto; margin-bottom:0; text-align:center; color:#fff;}
.yingy .box .swiper-slide .mask a b{ width:25px; display:none; margin:auto;}
.yingy .box .swiper-slide:hover .mask{ opacity:1;}
/*.yingy .swiper-pagination{ position:relative; width:100%; text-align:center; margin-top:20px; overflow:hidden;}
.yingy .swiper-pagination span{ width:10px; height:10px; background-color:#999; border-radius:10px; overflow:hidden; display:inline-block; margin:0 5px; cursor:pointer;}
.yingy .swiper-pagination span.swiper-pagination-bullet-active{ width:60px; background-color:#33b9ee;}*/
}
@media only screen and (max-width:768px){
.yingy{ width:94%; margin:30px auto; position:relative;}
.yingy .title{ width:260px; height:42px; margin:auto; position:relative;}
.yingy .title .left{ width:70px; height:2px; position:absolute; left:0; top:20px; background-color:#33b9ee;}
.yingy .title .right{ width:25px; height:2px; position:absolute; right:0; top:20px; background-color:#33b9ee;}
.yingy .title .mil{ width:100%; height:42px;} 
.yingy .title .mil b{ display:block; float:left; text-align:right; width:150px; padding-top:4px;}
.yingy .title .mil b p{ display:block; font-size:18px; line-height:28px;}
.yingy .title .mil b span{ display:block; font-size:12px; line-height:12px; height:12px; margin-top:-1px; text-transform:uppercase; color:#666;}
.yingy .title .mil b span a{ color:#33b9ee;}
.yingy .title .mil strong{ width:100px; display:block; float:right; font-size:20px; line-height:42px;}

.yingy .title .mil strong a{ display:block; float:left; margin-right:5px; width:38px; line-height:38px; height:38px; border:2px solid #33b9ee; color:#33b9ee; text-align:center; border-radius:100%; overflow:hidden;}
.yingy .tu{ width:90%; z-index:3; margin:20px 0;}
.yingy .tu img{ width:100%; display:block;}
.yingy .wen{ margin-left:10%; position:relative; padding-left:50px; width:90%; box-sizing:border-box; position:relative; z-index:1;}
.yingy .wen .zc{ width:50px; height:100%; position:absolute; left:0; top:0;}
.yingy .wen .zc img{ width:100%; height:100%; display:block;}
.yingy .wen .yc{ padding:15px 20px; padding-left:5px; background-color:#fff;}
.yingy .wen .yc .y01{ font-size:18px; line-height:28px;}
.yingy .wen .yc .y01 a{ color:#33b9ee;}
.yingy .wen .yc .y01 span{ color:#33b9ee; font-size:14px; vertical-align:top; line-height:18px;}
.yingy .wen .yc .y02{ font-size:14px; line-height:24px; text-indent:2em;}
.yingy .box{ width:100%; margin:auto; margin-top:20px; position:relative; z-index:9;}
.yingy .box .bd{ width:100%; height:65.97vw;}
.yingy .box ul{ overflow:hidden; zoom:1;}
.yingy .box .swiper-slide{ width:94vw !important; float:left; margin-right:3vw; display:block; background-color:#fff; position:relative;}
.yingy .box .swiper-slide img{ width:100%; display:block;}
.yingy .box .swiper-slide .mask{ opacity:0; width:100%; height:100%; position:absolute; left:0; top:0; background-image:url(../images/hy_92.png); background-size:100% 100%; display:flex; align-items:center;}
.yingy .box .swiper-slide .mask a{ display:block; overflow:hidden;  width:calc(100% - 40px); margin:auto;}
.yingy .box .swiper-slide .mask a strong{ display:block; width:100%; padding-top:5px;}
.yingy .box .swiper-slide .mask a strong img{ width:auto; max-width:100%; max-height:60px; display:block; margin:auto;}
.yingy .box .swiper-slide .mask a span{ display:block; font-size:16px; line-height:26px; margin:10px auto; margin-bottom:0; text-align:center; color:#fff;}
.yingy .box .swiper-slide .mask a b{ width:25px; display:none; margin:auto;}
.yingy .box .swiper-slide:hover .mask{ opacity:1;}
/*.yingy .swiper-pagination{ position:relative; width:100%; text-align:center; margin-top:10px; overflow:hidden;}
.yingy .swiper-pagination span{ width:10px; height:10px; background-color:#999; border-radius:10px; overflow:hidden; display:inline-block; margin:0 3px; cursor:pointer;}
.yingy .swiper-pagination span.swiper-pagination-bullet-active{ width:50px; background-color:#33b9ee;}*/
}

/*服务流程*/
@media screen and (min-width:1280px){
.liuc{ width:100%; padding:70px 0; background-position:center; background-repeat:no-repeat; background-attachment:fixed; position:relative;}
.liuc .bg{ width:100%; position:absolute; left:0; top:0; height:100%; background-color:rgba(0,0,0,0.7); z-index:1;}
.liuc .box{ width:1200px; margin:auto; position:relative; z-index:9;}
.liuc .title{ width:340px; height:50px; margin:auto; position:relative;}
.liuc .title .left{ width:90px; height:2px; position:absolute; left:0; top:24px; background-color:#33b9ee;}
.liuc .title .right{ width:35px; height:2px; position:absolute; right:0; top:24px; background-color:#33b9ee;}
.liuc .title .mil{ width:100%; height:50px;} 
.liuc .title .mil b{ display:block; float:left; text-align:right; width:195px; padding-top:4px;}
.liuc .title .mil b p{ display:block; font-size:24px; line-height:34px; color:#fff;}
.liuc .title .mil b span{ display:block; font-size:14px; line-height:14px; height:14px; margin-top:-1px; text-transform:uppercase; color:#fff;}
.liuc .title .mil b span a{ color:#33b9ee;}
.liuc .title .mil strong{ width:135px; display:block; float:right; font-size:30px; line-height:50px; color:#fff;}
.liuc .title .mil strong a{ display:block; float:left; margin-right:10px; width:46px; line-height:46px; height:46px; border:2px solid #33b9ee; color:#33b9ee; text-align:center; border-radius:100%; overflow:hidden;}
.liuc .wen{ width:800px; text-align:center; font-size:14px; line-height:24px; margin:25px auto; color:#fff;}
.liuc .more{ width:120px; margin:auto;}
.liuc .more a{ display:block; width:100%; font-size:14px; color:#fff; background-color:#33b9ee; text-align:center; line-height:36px; height:36px;}
.liuc .tu{ width:100%; margin-top:-10px;}
.liuc .tu img{ max-width:100%; display:block; margin:auto;}
.liuc .tu img.mobile{ display:none;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.liuc{ background-color:#f1f1f1; padding:50px 0; background-attachment:fixed; position:relative;}
.liuc .bg{ width:100%; position:absolute; left:0; top:0; height:100%; background-color:rgba(0,0,0,0.7); z-index:1;}
.liuc .box{ width:94%; margin:auto; position:relative; z-index:9;}
.liuc .title{ width:300px; height:46px; margin:auto; position:relative;}
.liuc .title .left{ width:90px; height:2px; position:absolute; left:0; top:22px; background-color:#33b9ee;}
.liuc .title .right{ width:35px; height:2px; position:absolute; right:0; top:22px; background-color:#33b9ee;}
.liuc .title .mil{ width:100%; height:46px;} 
.liuc .title .mil b{ display:block; float:left; text-align:right; width:175px; padding-top:4px;}
.liuc .title .mil b p{ display:block; font-size:20px; line-height:30px; color:#fff;}
.liuc .title .mil b span{ display:block; font-size:14px; line-height:14px; height:14px; margin-top:-1px; text-transform:uppercase; color:#fff;}
.liuc .title .mil b span a{ color:#33b9ee;}
.liuc .title .mil strong{ width:115px; display:block; float:right; font-size:24px; line-height:46px; color:#fff;}
.liuc .title .mil strong a{ display:block; float:left; margin-right:5px; width:42px; line-height:42px; height:42px; border:2px solid #33b9ee; color:#33b9ee; text-align:center; border-radius:100%; overflow:hidden;}
.liuc .wen{ max-width:800px; text-align:center; font-size:14px; line-height:24px; margin:20px auto; color:#fff;}
.liuc .more{ width:120px; margin:auto;}
.liuc .more a{ display:block; width:100%; font-size:14px; color:#fff; background-color:#33b9ee; text-align:center; line-height:34px; height:34px;}
.liuc .tu{ width:100%; margin-top:-10px;}
.liuc .tu img{ max-width:100%; display:block; margin:auto;}
.liuc .tu img.mobile{ display:none;}
}
@media only screen and (max-width:768px){
.liuc{ background-color:#f1f1f1; padding:30px 0; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative;}
.liuc .bg{ width:100%; position:absolute; left:0; top:0; height:100%; background-color:rgba(0,0,0,0.7); z-index:1;}
.liuc .box{ width:94%; margin:auto; position:relative; z-index:9;}
.liuc .title{ width:260px; height:42px; margin:auto; position:relative;}
.liuc .title .left{ width:70px; height:2px; position:absolute; left:0; top:20px; background-color:#33b9ee;}
.liuc .title .right{ width:25px; height:2px; position:absolute; right:0; top:20px; background-color:#33b9ee;}
.liuc .title .mil{ width:100%; height:42px;} 
.liuc .title .mil b{ display:block; float:left; text-align:right; width:150px; padding-top:4px;}
.liuc .title .mil b p{ display:block; font-size:18px; line-height:28px; color:#fff;}
.liuc .title .mil b span{ display:block; font-size:12px; line-height:12px; height:12px; margin-top:-1px; text-transform:uppercase; color:#fff;}
.liuc .title .mil b span a{ color:#33b9ee;}
.liuc .title .mil strong{ width:100px; display:block; float:right; font-size:20px; line-height:42px; color:#fff;}
.liuc .title .mil strong a{ display:block; float:left; margin-right:5px; width:38px; line-height:38px; height:38px; border:2px solid #33b9ee; color:#33b9ee; text-align:center; border-radius:100%; overflow:hidden;}
.liuc .wen{ width:100%; text-align:center; font-size:14px; line-height:24px; margin:15px auto; color:#fff;}
.liuc .more{ width:120px; margin:auto;}
.liuc .more a{ display:block; width:100%; font-size:14px; color:#fff; background-color:#33b9ee; text-align:center; line-height:34px; height:34px;}
.liuc .tu{ width:100%;}
.liuc .tu img{ max-width:100%; display:block; margin:auto;}
.liuc .tu img.pc{ display:none;}
}

/*on the way*/
@media screen and (min-width:1280px){
.obox{ width:100%; padding:65px 0; background-color:#fff; position:relative;}
.obox .box{ width:1200px; margin:auto; text-align:center;}
.obox .box .c01{ font-weight:bold; font-size:72px; line-height:80px; text-transform:uppercase; font-family:Arial;}
.obox .box .c02{ font-weight:bold; font-size:48px; line-height:58px; color:#33b9ee; margin-top:20px;}
.obox .box .c03{ margin-top:10px;}
.obox .box .c03 img{ max-width:100%; display:block; margin:auto;}
.obox .box .c04{ font-weight:bold; font-size:40px; line-height:50px; margin-top:15px;}
.obox .box .c05{ font-weight:bold; font-size:24px; line-height:34px; margin-top:5px; color:#666;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.obox{ width:100%; padding:45px 0; background-color:#fff; position:relative;}
.obox .box{ width:94%; margin:auto; text-align:center;}
.obox .box .c01{ font-weight:bold; font-size:62px; line-height:70px; text-transform:uppercase; font-family:Arial;}
.obox .box .c02{ font-weight:bold; font-size:38px; line-height:48px; color:#33b9ee; margin-top:15px;}
.obox .box .c03{ margin-top:10px;}
.obox .box .c03 img{ max-width:100%; display:block; margin:auto;}
.obox .box .c04{ font-weight:bold; font-size:30px; line-height:40px; margin-top:10px;}
.obox .box .c05{ font-weight:bold; font-size:20px; line-height:30px; margin-top:5px; color:#666;}
}
@media only screen and (max-width:768px){
.obox{ width:100%; padding:25px 0; background-color:#fff; position:relative;}
.obox .box{ width:94%; margin:auto; text-align:center;}
.obox .box .c01{ font-weight:bold; font-size:42px; line-height:50px; text-transform:uppercase; font-family:Arial;}
.obox .box .c02{ font-weight:bold; font-size:24px; line-height:34px; color:#33b9ee;}
.obox .box .c03{ margin-top:5px;}
.obox .box .c03 img{ max-width:100%; display:block; margin:auto;}
.obox .box .c04{ font-weight:bold; font-size:20px; line-height:30px; margin-top:5px;}
.obox .box .c05{ font-weight:bold; font-size:16px; line-height:26px; color:#666;}
}

/*footer*/
@media screen and (min-width:1280px){
.footer{ width:100%; background-color:#1e1e1e; padding:40px 0; position:relative; z-index:9;}
.footer .bg{ width:100%; height:60px; position:absolute; left:0; top:-60px; z-index:1;}
.footer .bg img{ display:block; height:60px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.footer .foot{ width:1200px; margin:auto; display:flex; align-items:center;}
.footer .f01{ width:449px; border-right:1px solid rgba(255,255,255,0.5); height:120px;}
.footer .f01 strong{ display:block; margin-top:5px; margin-bottom:8px;}
.footer .f01 strong img{ display:block; height:20px;}
.footer .f01 p{ font-size:14px; line-height:30px; height:30px; background-position:left center; background-repeat:no-repeat; padding-left:24px; display:block; overflow:hidden; color:#ccc;}
.footer .f01 p b{ font-size:18px; color:#33b9ee;}
.footer .f02{ width:290px; padding:0 80px; font-size:14px; line-height:24px; color:#fff;}
.footer .f02 a{ color:#fff;}
.footer .f03{ width:299px; padding:5px 0; border-left:1px solid rgba(255,255,255,0.5);}
.footer .f03 p{ float:right; display:block; margin-left:20px;}
.footer .f03 strong{ width:110px; display:block; height:110px; overflow:hidden; margin:5px auto;}
.footer .f03 strong img{ width:100%; display:block;}
.footer .f03 span{ font-size:14px; line-height:24px; color:#fff; display:block; text-align:center;}
.bh{ display:none;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.footer{ width:100%; background-color:#1e1e1e; padding:30px 0; position:relative; z-index:9;}
.footer .bg{ width:100%; height:50px; position:absolute; left:0; top:-50px; z-index:1;}
.footer .bg img{ display:block; height:50px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.footer .foot{ width:94%; margin:auto; display:flex; align-items:center;}
.footer .f01{ width:calc(48% - 111px); padding-right:3%; border-right:1px solid rgba(255,255,255,0.5);}
.footer .f01 strong{ display:block; margin-top:5px; margin-bottom:5px;}
.footer .f01 strong img{ display:block; height:20px;}
.footer .f01 p{ font-size:14px; line-height:24px; background-position:0 4px; background-repeat:no-repeat; padding-left:24px; display:block; overflow:hidden; color:#ccc;}
.footer .f01 p b{ font-size:16px; color:#33b9ee;}
.footer .f02{ width:calc(40% - 111px); padding:0 3%; font-size:14px; line-height:24px; color:#fff;}
.footer .f02 a{ color:#fff;}
.footer .f03{ width:220px; padding:5px 0; padding-left:3%; border-left:1px solid rgba(255,255,255,0.5);}
.footer .f03 p{ float:right; display:block; margin-left:10px;}
.footer .f03 strong{ width:100px; display:block; height:100px; overflow:hidden; margin:5px auto;}
.footer .f03 strong img{ width:100%; display:block;}
.footer .f03 span{ font-size:14px; line-height:24px; color:#fff; display:block; text-align:center;}
.bh{ display:none;}
}
@media only screen and (max-width:768px){
.footer{ width:100%; background-color:#1e1e1e; padding-top:15px; padding-bottom:65px; position:relative; z-index:9;}
.footer .bg{ width:100%; height:30px; position:absolute; left:0; top:-30px; z-index:1;}
.footer .bg img{ display:block; width:100%; height:30px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.footer .foot{ width:94%; margin:auto;}
.footer .f01{ width:100%;}
.footer .f01 strong{ display:block; margin-top:5px; margin-bottom:10px;}
.footer .f01 strong img{ display:block; height:20px;}
.footer .f01 p{ font-size:14px; line-height:24px; background-position:0 4px; background-repeat:no-repeat; padding-left:20px; display:block; overflow:hidden; color:#ccc;}
.footer .f01 p b{ font-size:16px; color:#33b9ee;}
.footer .f02{ width:100%; font-size:14px; line-height:24px; color:#fff; margin-top:10px; text-align:center; border-top:1px solid rgba(255,255,255,0.5); padding-top:10px;}
.footer .f02 a{ color:#fff;}
.footer .f03{ width:100%; display:none;}
.footer .f03 strong{ width:110px; display:block; height:110px; overflow:hidden; float:left;}
.footer .f03 strong img{ width:100%; display:block;}
.footer .f03 p{ display:flex; float:left; margin-left:10px; width:100px; height:110px; align-items:center;}
.footer .f03 p span{ font-size:14px; line-height:24px; color:#fff;}
.bh{ width:100%; height:50px; background-color:#fff; text-align:center; position:fixed; left:0; bottom:0; z-index:100;}
.bh a{ width:94%; margin:7px auto; background-color:#33b9ee; border-radius:36px; display:flex; justify-content:center; align-items:center; text-align:center; height:36px; text-align:center; box-shadow:#33b9ee 0px 0.0625rem 0.375rem 0px;}
.bh a img{ display:block;}
.bh a span{ display:block; margin-right:10px; margin-left:5px; font-size:16px; color:#fff; line-height:36px;}
.bh a p{ display:block; border-radius:12px 12px 12px 0; background-color:rgba(255,255,255,.3); font-size:14px; padding:0 10px; line-height:24px; height:24px; color:#fff;}
#gotop{ bottom:60px;}
}

/*内页*/
@media screen and (min-width:1280px){
.ban{ width:100%; height:300px; position:relative; z-index:2; border-top:80px solid #1e1e1e;}
.ban img{ height:300px; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
}
@media screen and (min-width:769px) and (max-width:1279px){
.ban{ width:100%; height:250px; position:relative; z-index:2; border-top:70px solid #1e1e1e;}
.ban img{ height:250px; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}

}
@media only screen and (max-width:768px){
.ban{ width:100%; height:150px; position:relative; z-index:2; margin-top:60px;}
.ban img{ height:150px; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
}

/*网站案例*/
@media screen and (min-width:1280px){
.cont{ width:100%; padding:70px 0; background-color:#fff; position:relative;}
.cont .box{ width:1200px; margin:auto; position:relative; z-index:9;}
.cont .box .title{ width:100%; position:relative; z-index:9;}
.cont .box .title b{ font-size:72px; display:block; line-height:1;}
.cont .box .title p{ font-size:24px; line-height:34px; display:block; margin-top:15px;}
.cont .box .title .ss{ position:absolute; right:0; top:50%; transform:translateY(-50%);}
.cont .box .title .ss .sel{ width:270px; height:50px; float:left; position:relative; margin-right:20px;}
.cont .box .title .ss .aside{ width:270px; padding:0 19px; border:1px solid #cacaca; box-sizing:border-box; height:50px; border:1px solid #cacaca; border-radius:10px; position:relative;}
.cont .box .title .ss .aside span{ display:block; overflow:hidden; font-size:16px; height:48px; line-height:48px;}
.cont .box .title .ss .aside .status_circle{ width:10px; height:6px; position:absolute; right:19px; top:21px; background-image:url(../images/sel.jpg); background-position:center; background-repeat:no-repeat; cursor:pointer;}
.cont .box .title .ss .selectBoxs{ width:230px; height:170px; overflow:auto; position:absolute; left:0; top:54px; display:none; background-color:#f1f1f1; border-radius:5px; padding:10px 20px;}
.cont .box .title .ss .selectBoxs li{ font-size:14px; line-height:34px; height:34px; display:block; overflow:hidden; cursor:pointer;}
.cont .box .title .ss .selectBoxs li:hover{ color:#33b9ee;}
.cont .box .title .ss a{ width:150px; position:relative; height:50px; background-color:#33b9ee; border-radius:10px; overflow:hidden; display:block; float:left; text-align:center; font-size:16px; color:#fff; vertical-align:middle; line-height:50px;}
.cont .box .title .ss a img{ display:inline-block; margin-right:10px; vertical-align:middle;}
.cont .box .title .ss a input{ width:100%; height:100%; position:absolute; left:0; top:0; opacity:0; cursor:pointer;}

.cont .cases{ width:1230px; display:block; overflow:hidden; margin-top:-5px;}
.cont .cases li{ width:380px; display:block; float:left; margin-right:30px; margin-top:30px; position:relative; overflow:hidden;}
.cont .cases li .con{ width:100%;}
.cont .cases li .con .tu{ width:100%; height:253px; position:relative;}
.cont .cases li .con .tu img{ width:100%; display:block;}
.cont .cases li .con .tu p{ display:block; width:90%; overflow:hidden; position:absolute; left:50%; bottom:0; transform:translateX(-50%); text-align:center; transition:all .6s cubic-bezier(.215,.61,.355,1) 0s; opacity:0; border-radius:40px;}
.cont .cases li .con .tu p a{ width:50%; height:40px; line-height:40px; text-align:center; background-color:#33b9ee; font-size:14px; color:#fff; overflow:hidden; float:left;}
.cont .cases li .con .tu p span{ cursor:pointer; width:50%; height:40px; line-height:40px; text-align:center; background-color:#34cd8b; font-size:14px; color:#fff; overflow:hidden; float:left;}
.cont .cases li:hover .con .tu p{ opacity:1; bottom:20px;}
.cont .cases li .con .tu p a:hover{ background-color:#59cbf8;}
.cont .cases li .con .tu p span{ background-color:#25c47f;}
.cont .cases li .con .wen{ padding:15px 0;}
.cont .cases li .con .wen a{ display:block; font-size:18px; height:28px; line-height:28px; overflow:hidden;}
.cont .cases li .con .wen p{ display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden; color:#666;}
.cont .cases li:hover .con .wen a{ color:#33b9ee;}
.cont .cases li .line{ width:100%; height:2px; background-color:#cacaca;}
.cont .cases li .line b{ width:90px; height:2px; display:block; background-color:#33b9ee; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.cont .cases li:hover .line b{ width:100%;}

.pagination{ width:100%; display:flex; justify-content:center; margin-top:30px;}
.pagination li{ display:block; width:40px; height:40px; line-height:40px; text-align:center; font-size:16px; background-color:#eee; color:#333; border-radius:100%; margin:0 5px;}
.pagination li a{ display:block;}
.pagination li:hover a{ color:#33b9ee;}
.pagination li.disabled{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}
.pagination li.active{ background-color:#33b9ee; color:#fff;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.cont{ width:100%; padding:50px 0; background-color:#fff; position:relative;}
.cont .box{ width:100%; margin:auto; position:relative; z-index:9;}
.cont .box .title{ width:94%; margin:auto; position:relative; z-index:9;}
.cont .box .title b{ font-size:62px; display:block; line-height:1;}
.cont .box .title p{ font-size:20px; line-height:30px; display:block; margin-top:10px;}
.cont .box .title .ss{ position:absolute; right:0; top:50%; transform:translateY(-50%);}
.cont .box .title .ss .sel{ width:200px; height:46px; float:left; position:relative; margin-right:20px;}
.cont .box .title .ss .aside{ width:100%; padding:0 14px; border:1px solid #cacaca; box-sizing:border-box; height:46px; border:1px solid #cacaca; border-radius:10px; position:relative;}
.cont .box .title .ss .aside span{ display:block; overflow:hidden; font-size:16px; height:44px; line-height:44px;}
.cont .box .title .ss .aside .status_circle{ width:10px; height:6px; position:absolute; right:14px; top:19px; background-image:url(../images/sel.jpg); background-position:center; background-repeat:no-repeat; cursor:pointer;}
.cont .box .title .ss .selectBoxs{ width:170px; height:150px; overflow:auto; position:absolute; left:0; top:50px; display:none; background-color:#f1f1f1; border-radius:5px; padding:10px 15px;}
.cont .box .title .ss .selectBoxs li{ font-size:14px; line-height:30px; height:30px; display:block; overflow:hidden; cursor:pointer;}
.cont .box .title .ss .selectBoxs li:hover{ color:#33b9ee;}
.cont .box .title .ss a{ width:120px; position:relative; height:46px; background-color:#33b9ee; border-radius:10px; overflow:hidden; display:block; float:left; text-align:center; font-size:16px; color:#fff; vertical-align:middle; line-height:46px;}
.cont .box .title .ss a img{ display:inline-block; margin-right:7px; vertical-align:middle;}
.cont .box .title .ss a input{ width:100%; height:100%; position:absolute; left:0; top:0; opacity:0; cursor:pointer;}

.cont .cases{ width:100%; display:block; overflow:hidden; margin-top:-5px;}
.cont .cases li{ width:29.33%; display:block; float:left; margin-left:3%; margin-top:25px; position:relative; overflow:hidden;}
.cont .cases li .con{ width:100%;}
.cont .cases li .con .tu{ width:100%; height:19.52vw; position:relative;}
.cont .cases li .con .tu img{ width:100%; display:block;}
.cont .cases li .con .tu p{ display:block; width:90%; overflow:hidden; position:absolute; left:50%; bottom:0; transform:translateX(-50%); text-align:center; transition:all .6s cubic-bezier(.215,.61,.355,1) 0s; opacity:0; border-radius:40px;}
.cont .cases li .con .tu p a{ width:50%; height:40px; line-height:40px; text-align:center; background-color:#33b9ee; font-size:14px; color:#fff; overflow:hidden; float:left;}
.cont .cases li .con .tu p span{ cursor:pointer; width:50%; height:40px; line-height:40px; text-align:center; background-color:#34cd8b; font-size:14px; color:#fff; overflow:hidden; float:left;}
.cont .cases li:hover .con .tu p{ opacity:1; bottom:20px;}
.cont .cases li .con .tu p a:hover{ background-color:#59cbf8;}
.cont .cases li .con .tu p span:hover{ background-color:#25c47f;}
.cont .cases li .con .wen{ padding:10px 0;}
.cont .cases li .con .wen a{ display:block; font-size:18px; height:28px; line-height:28px; overflow:hidden;}
.cont .cases li .con .wen p{ display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden; color:#666;}
.cont .cases li:hover .con .wen a{ color:#33b9ee;}
.cont .cases li .line{ width:100%; height:2px; background-color:#cacaca;}
.cont .cases li .line b{ width:60px; height:2px; display:block; background-color:#33b9ee; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.cont .cases li:hover .line b{ width:100%;}

.pagination{ width:100%; display:flex; justify-content:center; margin-top:25px;}
.pagination li{ display:block; width:36px; height:36px; line-height:36px; text-align:center; font-size:16px; background-color:#eee; color:#333; border-radius:100%; margin:0 5px;}
.pagination li a{ display:block;}
.pagination li:hover a{ color:#33b9ee;}
.pagination li.disabled{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}
.pagination li.active{ background-color:#33b9ee; color:#fff;}
}
@media only screen and (max-width:768px){
.cont{ width:100%; padding:30px 0; background-color:#fff; position:relative;}
.cont .box{ width:100%; margin:auto; position:relative; z-index:9;}
.cont .box .title{ width:94%; margin:auto; position:relative; z-index:9;}
.cont .box .title b{ font-size:42px; display:block; line-height:1;}
.cont .box .title p{ font-size:18px; line-height:28px; display:block; margin-top:5px;}
.cont .box .title .ss{ width:100%;}
.cont .box .title .ss .sel{ width:48%; height:34px; float:left; position:relative; margin-left:4%; margin-top:10px; z-index:3;}
.cont .box .title .ss .sel:first-child{ margin-left:0;}
.cont .box .title .ss .aside{ width:100%; padding:0 9px; border:1px solid #cacaca; box-sizing:border-box; height:34px; border:1px solid #cacaca; border-radius:5px; position:relative;}
.cont .box .title .ss .aside span{ display:block; overflow:hidden; font-size:14px; height:32px; line-height:32px;}
.cont .box .title .ss .aside .status_circle{ width:10px; height:6px; position:absolute; right:9px; top:13px; background-image:url(../images/sel.jpg); background-position:center; background-repeat:no-repeat; cursor:pointer;}
.cont .box .title .ss .selectBoxs{ width:calc(100% - 20px); height:120px; overflow:auto; position:absolute; left:0; top:36px; display:none; background-color:#f1f1f1; border-radius:5px; padding:5px 10px;}
.cont .box .title .ss .selectBoxs li{ font-size:14px; line-height:24px; height:24px; display:block; overflow:hidden; cursor:pointer;}
.cont .box .title .ss .selectBoxs li:hover{ color:#33b9ee;}
.cont .box .title .ss a{ width:120px; position:relative; height:34px; background-color:#33b9ee; border-radius:5px; overflow:hidden; display:block; float:left; text-align:center; font-size:14px; color:#fff; vertical-align:middle; line-height:34px; margin-top:10px; z-index:1;}
.cont .box .title .ss a img{ display:inline-block; margin-right:5px; vertical-align:middle;}
.cont .box .title .ss a input{ width:100%; height:100%; position:absolute; left:0; top:0; opacity:0; cursor:pointer;}

.cont .cases{ width:100%; display:block; overflow:hidden;}
.cont .cases li{ width:45.5%; display:block; float:left; margin-left:3%; margin-top:15px; position:relative; overflow:hidden;}
.cont .cases li .con{ width:100%;}
.cont .cases li .con .tu{ width:100%; height:30.29vw; position:relative;}
.cont .cases li .con .tu img{ width:100%; display:block;}
.cont .cases li .con .tu p{ display:block; width:90%; overflow:hidden; position:absolute; left:50%; bottom:0; transform:translateX(-50%); text-align:center; transition:all .6s cubic-bezier(.215,.61,.355,1) 0s; opacity:0; border-radius:30px;}
.cont .cases li .con .tu p a{ width:50%; height:30px; line-height:30px; text-align:center; background-color:#33b9ee; font-size:14px; color:#fff; overflow:hidden; float:left;}
.cont .cases li .con .tu p span{ cursor:pointer; width:50%; height:30px; line-height:30px; text-align:center; background-color:#34cd8b; font-size:14px; color:#fff; overflow:hidden; float:left;}
.cont .cases li:hover .con .tu p{ opacity:1; bottom:10px;}
.cont .cases li .con .tu p a:hover{ background-color:#59cbf8;}
.cont .cases li .con .tu p span:hover{ background-color:#25c47f;}
.cont .cases li .con .wen{ padding:5px 0;}
.cont .cases li .con .wen a{ display:block; font-size:16px; height:26px; line-height:26px; overflow:hidden;}
.cont .cases li .con .wen p{ display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden; color:#666;}
.cont .cases li:hover .con .wen a{ color:#33b9ee;}
.cont .cases li .line{ width:100%; height:2px; background-color:#cacaca;}
.cont .cases li .line b{ width:30px; height:2px; display:block; background-color:#33b9ee; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.cont .cases li:hover .line b{ width:100%;}

.pagination{ width:100%; display:flex; justify-content:center; margin-top:15px;}
.pagination li{ display:block; width:30px; height:30px; line-height:30px; text-align:center; font-size:14px; background-color:#eee; color:#333; border-radius:100%; margin:0 3px;}
.pagination li a{ display:block;}
.pagination li:hover a{ color:#33b9ee;}
.pagination li.disabled{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}
.pagination li.active{ background-color:#33b9ee; color:#fff;}
}

/*网站案例内页*/
@media screen and (min-width:1280px){
.wbox{ width:100%; height:50px; border-bottom:1px solid #eee;}
.wbox .box{ width:1200px; margin:auto;}
.wbox .box p{ display:block; font-size:14px; line-height:50px; vertical-align:middle; height:50px;}
.wbox .box p img{ vertical-align:middle; display:inline-block;}
.wbox .box p span,.wbox .box p a:hover{ color:#33b9ee;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.wbox{ width:100%; height:50px; border-bottom:1px solid #eee;}
.wbox .box{ width:94%; margin:auto;}
.wbox .box p{ display:block; font-size:14px; line-height:50px; vertical-align:middle; height:50px;}
.wbox .box p img{ vertical-align:middle; display:inline-block;}
.wbox .box p span,.wbox .box p a:hover{ color:#33b9ee;}
}
@media only screen and (max-width:768px){
.wbox{ width:100%; border-bottom:1px solid #eee;}
.wbox .box{ width:94%; margin:8px auto;}
.wbox .box p{ display:block; font-size:14px; line-height:24px; vertical-align:middle; height:24px;}
.wbox .box p img{ vertical-align:middle; display:inline-block;}
.wbox .box p span,.wbox .box p a:hover{ color:#33b9ee;}
}

@media screen and (min-width:1280px){
.sec{ width:1200px; margin:70px auto; position:relative;}
.sec .left{ width:700px; height:460px; border-radius:10px; border:10px solid #1e1e1e; position:relative; float:left; overflow:hidden;}
.sec .left .swiper-container{ width:100%; height:100%; overflow:hidden; position:relative;}
.sec .left .swiper-button-prev{ cursor:pointer; position:absolute; left:30px; top:50%; margin-top:-20px; width:40px; height:40px; background-image:url(../images/zc.png); background-position:center; background-repeat:no-repeat; background-color:rgba(0,0,0,0.7); border-radius:100%; background-size:8px 14px;}
.sec .left .swiper-button-next{ cursor:pointer; position:absolute; right:30px; top:50%; margin-top:-20px; width:40px; height:40px; background-image:url(../images/yc.png); background-position:center; background-repeat:no-repeat; background-color:rgba(0,0,0,0.7); border-radius:100%; background-size:8px 14px;}
.sec .left .swiper-button-prev:hover{ background-color:#33b9ee;}
.sec .left .swiper-button-next:hover{ background-color:#33b9ee;}
.sec .left .swiper-slide{ width:100%; height:100%; overflow:hidden; display:block;}
.sec .left .swiper-slide img{ width:100%; display:block;}
.sec .right{ width:400px; float:right; padding-top:20px;}
.sec .right .bt{ font-size:24px; line-height:34px; height:34px; font-weight:bold;}
.sec .right .bt01{ font-size:14px; line-height:24px; margin-top:10px;}
.sec .right .bt01 a{ display:block; float:left; color:#999;}
.sec .right .bt01 span{ display:block; float:left; margin:0 10px; color:#999;}
.sec .right .bt01 span:last-child{ display:none;}
.sec .right .click{ width:100%; height:50px; line-height:50px; cursor:pointer; border-radius:50px; margin:25px 0; background-color:#33b9ee; color:#fff; text-align:center; overflow:hidden; font-size:16px;}
.sec .right .bt02{ font-size:18px; line-height:28px; color:#33b9ee;}
.sec .right .wen{ font-size:14px; line-height:24px; max-height:192px; position:relative; margin-top:10px; overflow:auto;}
.sec .right .wen::-webkit-scrollbar{ width:5px; height:1px;}
.sec .right .wen::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#33b9ee;}
.sec .right .wen::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.1);}
}
@media screen and (min-width:769px) and (max-width:1279px){
.sec{ width:94%; margin:50px auto; position:relative;}
.sec .left{ width:60%; height:37.06vw; border-radius:10px; border:6px solid #1e1e1e; position:relative; float:left; overflow:hidden;}
.sec .left .swiper-container{ width:100%; height:100%; overflow:hidden; position:relative;}
.sec .left .swiper-button-prev{ cursor:pointer; position:absolute; left:2vw; top:50%; margin-top:-20px; width:40px; height:40px; background-image:url(../images/zc.png); background-position:center; background-repeat:no-repeat; background-color:rgba(0,0,0,0.7); border-radius:100%; background-size:8px 14px;}
.sec .left .swiper-button-next{ cursor:pointer; position:absolute; right:2vw; top:50%; margin-top:-20px; width:40px; height:40px; background-image:url(../images/yc.png); background-position:center; background-repeat:no-repeat; background-color:rgba(0,0,0,0.7); border-radius:100%; background-size:8px 14px;}
.sec .left .swiper-button-prev:hover{ background-color:#33b9ee;}
.sec .left .swiper-button-next:hover{ background-color:#33b9ee;}
.sec .left .swiper-slide{ width:100%; height:100%; overflow:hidden; display:block;}
.sec .left .swiper-slide img{ width:100%; display:block;}
.sec .right{ width:35%; float:right; padding-top:15px;}
.sec .right .bt{ font-size:22px; line-height:32px; height:32px; font-weight:bold;}
.sec .right .bt01{ font-size:14px; line-height:24px; margin-top:5px;}
.sec .right .bt01 a{ display:block; float:left; color:#999;}
.sec .right .bt01 span{ display:block; float:left; margin:0 7px; color:#999;}
.sec .right .bt01 span:last-child{ display:none;}
.sec .right .click{ width:100%; height:46px; line-height:46px; cursor:pointer; border-radius:46px; margin:20px 0; background-color:#33b9ee; color:#fff; text-align:center; overflow:hidden; font-size:16px;}
.sec .right .bt02{ font-size:18px; line-height:28px; color:#33b9ee;}
.sec .right .wen{ font-size:14px; line-height:24px; margin-top:5px; max-height:144px; overflow:auto;}
.sec .right .wen::-webkit-scrollbar{ width:5px; height:1px;}
.sec .right .wen::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#33b9ee;}
.sec .right .wen::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.1);}
}
@media only screen and (max-width:768px){
.wbox.cw{ display:none;}
.sec{ width:94%; margin:30px auto; position:relative;}
.sec .left{ width:100%; height:61.77vw; border-radius:10px; border:5px solid #1e1e1e; position:relative; float:left; box-sizing:border-box; overflow:hidden;}
.sec .left .swiper-container{ width:100%; height:100%; overflow:hidden; position:relative;}
.sec .left .swiper-button-prev{ cursor:pointer; position:absolute; left:3vw; top:50%; margin-top:-20px; width:40px; height:40px; background-image:url(../images/zc.png); background-position:center; background-repeat:no-repeat; background-color:rgba(0,0,0,0.7); border-radius:100%; background-size:8px 14px;}
.sec .left .swiper-button-next{ cursor:pointer; position:absolute; right:3vw; top:50%; margin-top:-20px; width:40px; height:40px; background-image:url(../images/yc.png); background-position:center; background-repeat:no-repeat; background-color:rgba(0,0,0,0.7); border-radius:100%; background-size:8px 14px;}
.sec .left .swiper-button-prev:hover{ background-color:#33b9ee;}
.sec .left .swiper-button-next:hover{ background-color:#33b9ee;}
.sec .left .swiper-slide{ width:100%; height:100%; overflow:hidden; display:block;}
.sec .left .swiper-slide img{ width:100%; display:block;}
.sec .right{ width:100%; float:right; padding-top:10px;}
.sec .right .bt{ font-size:18px; line-height:28px; font-weight:bold;}
.sec .right .bt01{ font-size:14px; line-height:24px; margin-top:5px;}
.sec .right .bt01 a{ display:block; float:left; color:#999;}
.sec .right .bt01 span{ display:block; float:left; margin:0 5px; color:#999;}
.sec .right .bt01 span:last-child{ display:none;}
.sec .right .click{ width:100%; height:40px; line-height:40px; cursor:pointer; border-radius:40px; margin:10px 0; background-color:#33b9ee; color:#fff; text-align:center; overflow:hidden; font-size:16px;}
.sec .right .bt02{ font-size:16px; line-height:26px; color:#33b9ee;}
.sec .right .wen{ font-size:14px; line-height:24px;}
}

/*相册*/
#mbOverlay{ position:fixed; z-index:9998; top:0; left:0; width:100%; height:100%; background-color:#000; cursor:pointer; }
#mbOverlay.mbOverlayFF{ background:transparent url(../80.png) repeat; }
#mbOverlay.mbOverlayIE{ position:absolute; }
#mbCenter{ height:557px; position:absolute; z-index:9999; left:50%; background-color:#fff; -moz-border-radius:10px; -webkit-border-radius:10px; -moz-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); -webkit-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); }
#mbCenter.mbLoading{ background:#fff url(../images/WhiteLoading.gif) no-repeat center; -moz-box-shadow:none; -webkit-box-shadow:none; }
#mbImage{ left:0; top:0; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:left; background-position:center center; background-repeat:no-repeat; padding:10px; }
#mbImage a, #mbImage a:link, #mbImage a:visited{ color:#ddd; }
#mbImage a:hover, #mbImage a:active{ color:#fff; }
#mbBottom{ min-height:20px; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#999; text-align:left; padding:0 10px 10px;}
#mbTitle{ display:block; color:#999; font-weight:bold; line-height:20px; font-size:12px; }
#mbNumber{ background:url(../images/mbNumber_bg.gif) no-repeat center; display:block; color:#33b9ee; line-height:20px; font-size:12px; position:absolute; bottom:10px; right:10px; text-align:center; width:65px; height:20px;}
#mbCaption{ display:block; color:#999; line-height:14px; font-size:10px; }
#mbPrevLink, #mbNextLink, #mbCloseLink{ display:block; float:right; height:20px; margin:0; outline:none; }
#mbPrevLink{ width:20px; height:50px; background:transparent url(../images/CustomBlackPrevious.gif) no-repeat center; position:absolute; top:50%; margin-top:-25px; left:-20px; }
#mbNextLink{ width:20px; height:50px; background:transparent url(../images/CustomBlackNext.gif) no-repeat center; position:absolute; top:50%; margin-top:-25px; right:-20px; }
#mbCloseLink{ width:24px; background:transparent url(../images/CustomBlackClose.gif) no-repeat center; position:absolute; top:10px; right:10px; }
#mbError{ position:relative; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:center; border:10px solid #700; padding:10px 10px 10px; margin:20px; -moz-border-radius:5px; -webkit-border-radius:5px; }

@media screen and (min-width:1280px){
.case01{ width:100%; padding:70px 0; background-color:#f1f1f1; position:relative;}
.case01 .box{ width:1200px; margin:auto; position:relative; z-index:9;}
.case01 .box .title{ width:100%; position:relative; z-index:9;}
.case01 .box .title b{ font-size:72px; display:block; line-height:1;}
.case01 .box .title p{ font-size:24px; line-height:34px; display:block; margin-top:15px;}
.case01 .box .title .swiper-button-prev{ width:50px; height:50px; border-radius:100%; position:absolute; top:50%; margin-top:-25px; background-color:#333; overflow:hidden; cursor:pointer; right:65px;}
.case01 .box .title .swiper-button-prev img{ display:block; margin:15px auto;}
.case01 .box .title .swiper-button-next{ width:50px; height:50px; border-radius:100%; position:absolute; top:50%; margin-top:-25px; background-color:#333; overflow:hidden; cursor:pointer; right:0;}
.case01 .box .title .swiper-button-next img{ display:block; margin:15px auto;}
.case01 .box .title .swiper-button-prev:hover,.case01 .box .title .swiper-button-next:hover{ background-color:#33b9ee;}
.case01 .box .swiper-container{ width:100%; margin:auto; margin-top:25px; position:relative;}
.case01 .box .swiper-slide{ display:block; width:340px; background-color:#fff;}
.case01 .box .swiper-slide a{ display:block; padding:10px; padding-bottom:0; overflow:hidden;}
.case01 .box .swiper-slide .c01{ width:100%; height:250px;}
.case01 .box .swiper-slide .c01 img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.case01 .box .swiper-slide:hover img{ transform:scale(1.03, 1.03); -ms-transform:scale(1.03, 1.03); -moz-transform:scale(1.03, 1.03); -webkit-transform:scale(1.03, 1.03); -o-transform:scale(1.03, 1.03);}
.case01 .box .swiper-slide .c02{ margin:15px 10px; margin-bottom:0; font-size:18px; line-height:28px; text-overflow:ellipsis; white-space:nowrap;}
.case01 .box .swiper-slide .c03{ margin:0 10px; margin-bottom:0; font-size:14px; line-height:24px; text-overflow:ellipsis; white-space:nowrap; color:#999;}
.case01 .box .swiper-slide .c04{ margin:10px; margin-bottom:15px; font-size:14px; line-height:24px; text-overflow:ellipsis; white-space:nowrap;}
.case01 .box .swiper-slide .c05{ width:calc(100% - 20px); margin:auto; height:50px; line-height:50px; font-size:14px; border-top:1px solid #eee; background-image:url(../images/more_87.png); background-position:right center; background-repeat:no-repeat;}
.case01 .box .swiper-slide:hover .c02{ color:#33b9ee;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.case01{ width:100%; padding:50px 0; background-color:#f1f1f1; position:relative;}
.case01 .box{ width:94%; margin:auto; position:relative; z-index:9;}
.case01 .box .title{ width:100%; margin:auto; position:relative; z-index:9;}
.case01 .box .title b{ font-size:62px; display:block; line-height:1;}
.case01 .box .title p{ font-size:20px; line-height:30px; display:block; margin-top:10px;}
.case01 .box .title .swiper-button-prev{ width:46px; height:46px; border-radius:100%; position:absolute; top:50%; margin-top:-23px; background-color:#333; overflow:hidden; cursor:pointer; right:60px;}
.case01 .box .title .swiper-button-prev img{ display:block; margin:13px auto;}
.case01 .box .title .swiper-button-next{ width:46px; height:46px; border-radius:100%; position:absolute; top:50%; margin-top:-23px; background-color:#333; overflow:hidden; cursor:pointer; right:0;}
.case01 .box .title .swiper-button-next img{ display:block; margin:13px auto;}
.case01 .box .title .swiper-button-prev:hover,.case01 .box .title .swiper-button-next:hover{ background-color:#33b9ee;}
.case01 .box .swiper-container{ width:100%; margin-top:20px;}
.case01 .box .swiper-slide{ display:block; width:340px; background-color:#fff;}
.case01 .box .swiper-slide a{ display:block; padding:10px; padding-bottom:0; overflow:hidden;}
.case01 .box .swiper-slide .c01{ width:100%; height:250px;}
.case01 .box .swiper-slide .c01 img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.case01 .box .swiper-slide:hover img{ transform:scale(1.03, 1.03); -ms-transform:scale(1.03, 1.03); -moz-transform:scale(1.03, 1.03); -webkit-transform:scale(1.03, 1.03); -o-transform:scale(1.03, 1.03);}
.case01 .box .swiper-slide .c02{ margin:15px 10px; margin-bottom:0; font-size:18px; line-height:28px; text-overflow:ellipsis; white-space:nowrap;}
.case01 .box .swiper-slide .c03{ margin:0 10px; margin-bottom:0; font-size:14px; line-height:24px; text-overflow:ellipsis; white-space:nowrap; color:#999;}
.case01 .box .swiper-slide .c04{ margin:10px; margin-bottom:15px; font-size:14px; line-height:24px; text-overflow:ellipsis; white-space:nowrap;}
.case01 .box .swiper-slide .c05{ width:calc(100% - 20px); margin:auto; height:50px; line-height:50px; font-size:14px; border-top:1px solid #eee; background-image:url(../images/more_87.png); background-position:right center; background-repeat:no-repeat;}
.case01 .box .swiper-slide:hover .c02{ color:#33b9ee;}
}
@media only screen and (max-width:768px){
.case01{ width:100%; padding:30px 0; background-color:#f1f1f1; position:relative;}
.case01 .box{ width:94%; margin:auto; position:relative; z-index:9;}
.case01 .box .title{ width:100%; margin:auto; position:relative; z-index:9;}
.case01 .box .title b{ font-size:42px; display:block; line-height:1;}
.case01 .box .title p{ font-size:18px; line-height:28px; display:block; margin-top:5px;}
.case01 .box .title .swiper-button-prev{ width:40px; height:40px; border-radius:100%; position:absolute; top:50%; margin-top:-20px; background-color:#333; overflow:hidden; cursor:pointer; right:50px;}
.case01 .box .title .swiper-button-prev img{ display:block; height:16px; margin:12px auto;}
.case01 .box .title .swiper-button-next{ width:40px; height:40px; border-radius:100%; position:absolute; top:50%; margin-top:-20px; background-color:#333; overflow:hidden; cursor:pointer; right:0;}
.case01 .box .title .swiper-button-next img{ display:block; height:16px; margin:12px auto;}
.case01 .box .title .swiper-button-prev:hover,.case01 .box .title .swiper-button-next:hover{ background-color:#33b9ee;}
.case01 .box .swiper-container{ width:100%; margin-top:15px;}
.case01 .box .swiper-slide{ display:block; width:340px; background-color:#fff;}
.case01 .box .swiper-slide a{ display:block; padding:10px; padding-bottom:0; overflow:hidden;}
.case01 .box .swiper-slide .c01{ width:100%;}
.case01 .box .swiper-slide .c01 img{ width:100%; display:block;}
.case01 .box .swiper-slide .c02{ margin:10px 5px; margin-bottom:0; font-size:16px; line-height:26px; text-overflow:ellipsis; white-space:nowrap;}
.case01 .box .swiper-slide .c03{ margin:0 5px; font-size:14px; line-height:24px; text-overflow:ellipsis; white-space:nowrap; color:#999;}
.case01 .box .swiper-slide .c04{ margin:0 5px; margin-bottom:10px; font-size:14px; line-height:24px; text-overflow:ellipsis; white-space:nowrap;}
.case01 .box .swiper-slide .c05{ width:calc(100% - 10px); margin:auto; height:40px; line-height:40px; font-size:14px; border-top:1px solid #eee; background-image:url(../images/more_87.png); background-position:right center; background-repeat:no-repeat;}
.case01 .box .swiper-slide:hover .c02{ color:#33b9ee;}
}

@media screen and (min-width:1280px){
.lxbox{ width:100%; padding:70px 0; background-color:#fff; position:relative;}
.lxbox .box{ width:1200px; margin:auto; position:relative; z-index:9;}
.lxbox .box .title{ float:left; position:relative; z-index:9;}
.lxbox .box .title b{ font-size:72px; display:block; line-height:1;}
.lxbox .box .title p{ font-size:24px; line-height:34px; display:block; margin-top:15px;}
.lxbox .box .wen{ width:650px; float:right; margin-right:75px;}
.lxbox .box .wen .zc{ width:450px; float:left; padding-top:25px;}
.lxbox .box .wen .zc span{ display:block; font-size:24px; line-height:34px;}
.lxbox .box .wen .zc b{ display:block; margin-top:15px; width:100px; height:1px; background-color:#33b9ee; overflow:hidden; margin-bottom:10px;}
.lxbox .box .wen .zc p{ display:block; font-size:16px; line-height:26px; padding-top:10px; overflow:hidden;}
.lxbox .box .wen .yc{ float:right;}
.lxbox .box .wen .yc strong{ width:188px; display:block; border:1px solid #cacaca; overflow:hidden;}
.lxbox .box .wen .yc strong img{ width:100%; display:block;}
.lxbox .box .wen .yc span{ display:block; text-align:center; font-size:16px; line-height:26px; color:#666; margin-top:10px;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.lxbox{ width:100%; padding:50px 0; background-color:#fff; position:relative;}
.lxbox .box{ width:94%; margin:auto; position:relative; margin-bottom:20px; z-index:9;}
.lxbox .box .title{ float:left; position:relative; z-index:9;}
.lxbox .box .title b{ font-size:62px; display:block; line-height:1;}
.lxbox .box .title p{ font-size:20px; line-height:30px; display:block; margin-top:10px;}
.lxbox .box .wen{ width:calc(100% - 400px); float:right;}
.lxbox .box .wen .zc{ width:calc(100% - 170px); float:left; padding-top:20px;}
.lxbox .box .wen .zc span{ display:block; font-size:20px; line-height:30px;}
.lxbox .box .wen .zc b{ display:block; margin-top:10px; width:70px; height:1px; background-color:#33b9ee; overflow:hidden; margin-bottom:10px;}
.lxbox .box .wen .zc p{ display:block; font-size:16px; line-height:26px; padding-top:5px; overflow:hidden;}
.lxbox .box .wen .yc{ float:right;}
.lxbox .box .wen .yc strong{ width:148px; display:block; border:1px solid #cacaca; overflow:hidden;}
.lxbox .box .wen .yc strong img{ width:100%; display:block;}
.lxbox .box .wen .yc span{ display:block; text-align:center; font-size:16px; line-height:26px; color:#666; margin-top:5px;}
}
@media only screen and (max-width:768px){
.lxbox{ width:100%; padding:30px 0; background-color:#fff; position:relative;}
.lxbox .box{ width:94%; margin:auto; position:relative; margin-bottom:15px; z-index:9;}
.lxbox .box .title{ width:100%; margin:auto; position:relative; z-index:9;}
.lxbox .box .title b{ font-size:42px; display:block; line-height:1;}
.lxbox .box .title p{ font-size:18px; line-height:28px; display:block; margin-top:5px;}
.lxbox .box .wen{ width:100%; margin-top:10px;}
.lxbox .box .wen .zc{ width:calc(100% - 110px); float:left;}
.lxbox .box .wen .zc span{ display:block; font-size:18px; line-height:28px;}
.lxbox .box .wen .zc b{ display:block; margin-top:5px; width:50px; height:1px; background-color:#33b9ee; overflow:hidden; margin-bottom:5px;}
.lxbox .box .wen .zc p{ display:block; font-size:14px; line-height:24px; overflow:hidden;}
.lxbox .box .wen .yc{ float:right; width:95px;}
.lxbox .box .wen .yc strong{ width:93px; display:block; border:1px solid #cacaca; overflow:hidden;}
.lxbox .box .wen .yc strong img{ width:100%; display:block;}
.lxbox .box .wen .yc span{ display:block; text-align:center; font-size:14px; line-height:20px; color:#666; margin-top:5px;}
}

/*联系我们*/
@media screen and (min-width:1280px){
.lx01{ width:100%; padding:70px 0; background-color:#fff; position:relative;}
.lx01 .box{ width:1200px; margin:auto;}
.lx01 .title{ width:100%; position:relative; padding-bottom:19px;}
.lx01 .title b{ font-size:72px; display:block; line-height:1;}
.lx01 .title p{ font-size:24px; line-height:34px; display:block; margin-top:15px;}
.lx01 .box .right{ width:420px; min-height:335px; border-radius:10px; padding:35px 30px; padding-bottom:40px; background-color:#33b9ee; float:right;}
.lx01 .box .right .f01{ font-size:24px; line-height:34px; font-weight:bold; color:#fff;}
.lx01 .box .right .f02{ font-size:14px; line-height:24px; color:#fff; margin-top:20px;}
.lx01 .box .right .f03{ margin-top:5px;}
.lx01 .box .right .f03 p{ display:block; overflow:hidden; margin-top:20px;}
.lx01 .box .right .f03 p strong{ height:20px; width:30px; float:left; display:block;}
.lx01 .box .right .f03 p strong img{ height:20px;}
.lx01 .box .right .f03 p span{ font-size:14px; line-height:20px; color:#fff; width:calc(100% - 30px); float:left; display:block;}
.lx01 .box .right .f04{ margin-top:36px; display:flex; align-items:center;}
.lx01 .box .right .f04 strong{ display:block; width:100px; padding:10px; background-image:url(../images/l05_14.jpg); background-size:100% 100%; overflow:hidden;}
.lx01 .box .right .f04 strong img{ width:100%; display:block;}
.lx01 .box .right .f04 p{ display:block; font-size:14px; line-height:24px; color:#fff; margin-left:10px;}
.lx01 .box .left{ width:680px; float:left;}
.lx01 .box .left .f01{ width:300px; float:left; margin-right:40px; margin-bottom:20px;}
.lx01 .box .left .f01 span{ display:block; font-size:16px; line-height:34px; margin-bottom:6px;}
.lx01 .box .left .f01 p{ display:block; border-radius:5px; padding:0 19px; overflow:hidden; border:1px solid #ddd;}
.lx01 .box .left .f01 p input{ font-size:14px; line-height:38px; display:block; overflow:hidden; width:100%;}
.lx01 .box .left .f02{ width:640px; float:left; margin-right:40px; margin-bottom:30px;}
.lx01 .box .left .f02 span{ display:block; font-size:16px; line-height:34px; margin-bottom:6px;}
.lx01 .box .left .f02 p{ display:block; border-radius:5px; overflow:hidden; border:1px solid #ddd;}
.lx01 .box .left .f02 p textarea{ height:104px; font-size:14px; line-height:24px; padding:7px 19px; display:block; overflow:auto; width:100%;}
.lx01 .box .left .f03{ width:640px; float:left; margin-right:40px;}
.lx01 .box .left .f03 input{ cursor:pointer; display:block; text-align:center; float:right; width:150px; height:40px; line-height:40px; font-size:14px; border-radius:40px; background-color:#333; color:#fff;}
.lx01 .box .left .f03 input:hover{ background-color:#33b9ee;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.lx01{ width:100%; padding:50px 0; background-color:#fff; position:relative;}
.lx01 .box{ width:94%; margin:auto;}
.lx01 .title{ width:100%; position:relative; padding-bottom:20px;}
.lx01 .title b{ font-size:62px; display:block; line-height:1;}
.lx01 .title p{ font-size:20px; line-height:30px; display:block; margin-top:10px;}
.lx01 .box .right{ width:35%; min-height:375px; border-radius:10px; padding:25px 20px; padding-bottom:30px; background-color:#33b9ee; float:right; box-sizing:border-box;}
.lx01 .box .right .f01{ font-size:22px; line-height:32px; font-weight:bold; color:#fff;}
.lx01 .box .right .f02{ font-size:14px; line-height:24px; color:#fff; margin-top:10px;}
.lx01 .box .right .f03{ margin-top:10px;}
.lx01 .box .right .f03 p{ display:block; overflow:hidden; margin-top:15px;}
.lx01 .box .right .f03 p strong{ height:20px; width:30px; float:left; display:block;}
.lx01 .box .right .f03 p strong img{ height:20px;}
.lx01 .box .right .f03 p span{ font-size:14px; line-height:20px; color:#fff; width:calc(100% - 30px); float:left; display:block;}
.lx01 .box .right .f04{ margin-top:20px; display:flex; align-items:center;}
.lx01 .box .right .f04 strong{ display:block; width:100px; padding:10px; background-image:url(../images/l05_14.jpg); background-size:100% 100%; overflow:hidden;}
.lx01 .box .right .f04 strong img{ width:100%; display:block;}
.lx01 .box .right .f04 p{ display:block; font-size:14px; line-height:24px; color:#fff; margin-left:10px;}
.lx01 .box .left{ width:62%; float:left;}
.lx01 .box .left .f01{ width:47%; float:left; margin-right:3%; margin-bottom:15px;}
.lx01 .box .left .f01 span{ display:block; font-size:16px; line-height:26px; margin-bottom:5px;}
.lx01 .box .left .f01 p{ display:block; border-radius:5px; padding:0 15px; overflow:hidden; border:1px solid #ddd;}
.lx01 .box .left .f01 p input{ font-size:14px; line-height:38px; display:block; overflow:hidden; width:100%;}
.lx01 .box .left .f02{ width:97%; float:left; margin-right:3%; margin-bottom:20px;}
.lx01 .box .left .f02 span{ display:block; font-size:16px; line-height:26px; margin-bottom:5px;}
.lx01 .box .left .f02 p{ display:block; border-radius:5px; overflow:hidden; border:1px solid #ddd;}
.lx01 .box .left .f02 p textarea{ height:96px; font-size:14px; line-height:24px; padding:7px 15px; display:block; overflow:auto; width:100%;}
.lx01 .box .left .f03{ width:100%; float:left;}
.lx01 .box .left .f03 input{ cursor:pointer; display:block; text-align:center; float:right; width:150px; height:40px; line-height:40px; font-size:14px; border-radius:40px; background-color:#333; color:#fff;}
.lx01 .box .left .f03 input:hover{ background-color:#33b9ee;}
}
@media only screen and (max-width:768px){
.lx01{ width:100%; padding:30px 0; background-color:#fff; position:relative;}
.lx01 .box{ width:94%; margin:auto;}
.lx01 .title{ width:100%; position:relative; padding-bottom:10px;}
.lx01 .title b{ font-size:42px; display:block; line-height:1;}
.lx01 .title p{ font-size:18px; line-height:28px; display:block; margin-top:5px;}
.lx01 .box .right{ width:100%; border-radius:10px; padding:15px; padding-bottom:20px; background-color:#33b9ee; float:right; box-sizing:border-box;}
.lx01 .box .right .f01{ font-size:18px; line-height:28px; font-weight:bold; color:#fff;}
.lx01 .box .right .f02{ font-size:14px; line-height:24px; color:#fff; margin-top:5px;}
.lx01 .box .right .f03{ margin-top:5px;}
.lx01 .box .right .f03 p{ display:block; overflow:hidden; margin-top:10px;}
.lx01 .box .right .f03 p strong{ height:20px; width:30px; float:left; display:block;}
.lx01 .box .right .f03 p strong img{ height:20px;}
.lx01 .box .right .f03 p span{ font-size:14px; line-height:20px; color:#fff; width:calc(100% - 30px); float:left; display:block;}
.lx01 .box .right .f04{ margin-top:15px; display:flex; align-items:center;}
.lx01 .box .right .f04 strong{ display:block; width:100px; padding:10px; background-image:url(../images/l05_14.jpg); background-size:100% 100%; overflow:hidden;}
.lx01 .box .right .f04 strong img{ width:100%; display:block;}
.lx01 .box .right .f04 p{ display:block; font-size:14px; line-height:24px; color:#fff; margin-left:10px;}
.lx01 .box .left{ width:100%; float:left; margin-bottom:20px;}
.lx01 .box .left .f01{ width:100%; float:left; margin-bottom:15px;}
.lx01 .box .left .f01 span{ display:block; font-size:14px; line-height:24px; margin-bottom:5px;}
.lx01 .box .left .f01 p{ display:block; border-radius:5px; padding:0 9px; overflow:hidden; border:1px solid #ddd;}
.lx01 .box .left .f01 p input{ font-size:14px; line-height:38px; display:block; overflow:hidden; width:100%;}
.lx01 .box .left .f02{ width:100%; float:left; margin-bottom:15px;}
.lx01 .box .left .f02 span{ display:block; font-size:14px; line-height:24px; margin-bottom:5px;}
.lx01 .box .left .f02 p{ display:block; border-radius:5px; overflow:hidden; border:1px solid #ddd;}
.lx01 .box .left .f02 p textarea{ height:72px; font-size:14px; line-height:24px; padding:5px 9px; display:block; overflow:auto; width:100%;}
.lx01 .box .left .f03{ width:100%; float:left;}
.lx01 .box .left .f03 input{ cursor:pointer; display:block; text-align:center; float:right; width:150px; height:40px; line-height:40px; font-size:14px; border-radius:40px; background-color:#333; color:#fff;}
.lx01 .box .left .f03 input:hover{ background-color:#33b9ee;}
}

@media screen and (min-width:1280px){
.lx02{ width:100%; position:relative;}
.lx02 .box{ width:100%; height:700px; position:relative; z-index:1;}
.lx02 .box #map{ width:100%; height:100%;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.lx02{ width:100%; position:relative;}
.lx02 .box{ width:100%; height:36vw; position:relative; z-index:1;}
.lx02 .box #map{ width:100%; height:100%;}
}
@media only screen and (max-width:768px){
.lx02{ width:100%; position:relative;}
.lx02 .box{ width:100%; height:260px; position:relative; z-index:1;}
.lx02 .box #map{ width:100%; height:100%;}
}

/*关于我们*/
@media screen and (min-width:1280px){
.ab01{ width:1200px; margin:auto;}
.ab01 .left{ width:300px; float:left; height:420px; position:relative;}
.ab01 .left .title{ margin-top:65px;}
.ab01 .left .title b{ font-size:36px; display:block; line-height:46px;}
.ab01 .left .title p{ display:block; margin-top:15px; font-size:30px; line-height:40px; font-weight:bold;}
.ab01 .left .title p strong{ width:20px; height:2px; display:block; margin:19px 10px; margin-left:0; background-color:#33b9ee; float:left;}
.ab01 .left .title a{ display:block; margin-top:5px; margin-left:30px; font-size:20px; line-height:30px;}
.ab01 .left .wen{ position:absolute; left:0; bottom:45px; font-size:14px; line-height:18px; color:#999; text-transform:uppercase;}
.ab01 .right{ width:590px; float:left; margin-left:50px; padding-top:85px;}
.ab01 .right .a01{ font-size:24px; line-height:34px;}
.ab01 .right .a02{ margin-top:15px; width:100px; height:2px; background-color:#999;}
.ab01 .right .a03{ font-size:14px; line-height:24px; margin-top:25px;}
.ab01 .tu{ float:right; width:204px;}
.ab01 .tu img{ display:block; width:100%;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.ab01{ width:94%; margin:auto;}
.ab01 .left{ width:280px; height:420px; float:left; position:relative;}
.ab01 .left .title{ margin-top:45px;}
.ab01 .left .title b{ font-size:26px; display:block; line-height:36px;}
.ab01 .left .title p{ display:block; margin-top:10px; font-size:24px; line-height:34px; font-weight:bold;}
.ab01 .left .title p strong{ width:20px; height:2px; display:block; margin:16px 5px; margin-left:0; background-color:#33b9ee; float:left;}
.ab01 .left .title a{ display:block; margin-top:5px; margin-left:25px; font-size:18px; line-height:28px;}
.ab01 .left .wen{ position:absolute; left:0; bottom:45px; font-size:14px; line-height:18px; color:#999; text-transform:uppercase;}
.ab01 .right{ width:calc(94% - 484px); float:left; margin:0 3%; padding-top:45px;}
.ab01 .right .a01{ font-size:22px; line-height:32px;}
.ab01 .right .a02{ margin-top:10px; width:70px; height:2px; background-color:#999;}
.ab01 .right .a03{ font-size:14px; line-height:24px; margin-top:15px;}
.ab01 .tu{ float:right; width:204px;}
.ab01 .tu img{ display:block; width:100%;}
}
@media only screen and (max-width:768px){
.ab01{ width:94%; margin:auto; position:relative;}
.ab01 .left{ width:100%; float:left;}
.ab01 .left .title{ margin-top:25px;}
.ab01 .left .title b{ font-size:22px; display:block; line-height:32px;}
.ab01 .left .title p{ display:block; margin-top:5px; font-size:18px; line-height:28px; font-weight:bold;}
.ab01 .left .title p strong{ width:20px; height:2px; display:block; margin:13px 5px; margin-left:0; background-color:#33b9ee; float:left;}
.ab01 .left .title a{ display:block; margin-left:25px; font-size:16px; line-height:26px;}
.ab01 .left .wen{ font-size:12px; line-height:16px; color:#999; text-transform:uppercase; margin-top:10px;}
.ab01 .right{ width:100%; float:right; padding-top:10px;}
.ab01 .right .a01{ font-size:22px; line-height:32px;}
.ab01 .right .a02{ margin-top:10px; width:70px; height:2px; background-color:#999;}
.ab01 .right .a03{ font-size:14px; line-height:24px; margin-top:15px;}
.ab01 .tu{ width:102px; position:absolute; right:0; top:0;}
.ab01 .tu img{ display:block; width:100%;}
}

@media screen and (min-width:1280px){
.ab02{ width:1200px; margin:20px auto; margin-bottom:70px; position:relative;}
.ab02 .left{ position:absolute; right:0; top:0; height:100%; width:300px;}
.ab02 .left .title{ padding-top:65px; text-align:right;}
.ab02 .left .title b{ font-size:36px; display:block; line-height:46px;}
.ab02 .left .title p{ display:block; margin-top:15px; font-size:30px; line-height:40px; font-weight:bold; height:40px; vertical-align:middle;}
.ab02 .left .title p strong{ width:20px; height:2px; display:inline-block; margin-right:10px; vertical-align:middle; background-color:#33b9ee;}
.ab02 .left .title a{ display:block; margin-top:5px; margin-left:30px; font-size:20px; line-height:30px;}
.ab02 .left .wen{ text-align:right; position:absolute; right:0; bottom:45px; font-size:14px; line-height:18px; color:#999; text-transform:uppercase;}

.ab02 .right{ width:880px;}
.ab02 .right ul{ width:100%; display:flex; flex-wrap:wrap; overflow:hidden; margin-top:-30px;}
.ab02 .right ul li{ display:block; margin-top:30px; float:left; margin-right:40px; padding-bottom:20px; position:relative; width:400px;}
.ab02 .right ul li .wen{ width:100%; height:100%; box-sizing:border-box; background-color:#f1f1f1; padding:25px 30px; padding-bottom:45px;}
.ab02 .right ul li .a01{ font-weight:bold; font-size:20px; line-height:30px;}
.ab02 .right ul li .a02{ font-size:14px; line-height:24px; margin-top:10px;}
.ab02 .right ul li .tu{ position:absolute; right:30px; bottom:0; width:50px; height:50px; border-radius:100%; background-color:#33b9ee; -webkit-transition:1s linear; transition:1s ease-in;}
.ab02 .right ul li .tu img{ display:block; margin:13px auto; height:24px;}
.ab02 .right ul li:hover .tu{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
}
@media screen and (min-width:769px) and (max-width:1279px){
.ab02{ width:94%; margin:20px auto; margin-bottom:50px; position:relative;}
.ab02 .left{ position:absolute; right:0; top:0; height:100%; text-align:right; width:280px;}
.ab02 .left .title{ padding-top:45px;}
.ab02 .left .title b{ font-size:26px; display:block; line-height:36px;}
.ab02 .left .title p{ display:block; margin-top:10px; font-size:24px; line-height:34px; font-weight:bold; height:34px; vertical-align:middle;}
.ab02 .left .title p strong{ width:20px; height:2px; display:inline-block; margin-right:5px; vertical-align:middle; background-color:#33b9ee;}
.ab02 .left .title a{ display:block; margin-top:5px; margin-left:25px; font-size:18px; line-height:28px;}
.ab02 .left .wen{ position:absolute; left:0; bottom:45px; font-size:14px; line-height:18px; color:#999; text-transform:uppercase;}

.ab02 .right{ width:calc(100% - 280px);}
.ab02 .right ul{ width:100%; display:flex; flex-wrap:wrap; overflow:hidden; margin-top:-25px;}
.ab02 .right ul li{ display:block; margin-top:25px; float:left; margin-right:3%; padding-bottom:20px; position:relative; width:47%;}
.ab02 .right ul li .wen{ width:100%; height:100%; box-sizing:border-box; background-color:#f1f1f1; padding:15px 20px; padding-bottom:30px;}
.ab02 .right ul li .a01{ font-weight:bold; font-size:18px; line-height:28px;}
.ab02 .right ul li .a02{ font-size:14px; line-height:24px; margin-top:5px;}
.ab02 .right ul li .tu{ position:absolute; right:20px; bottom:0; width:44px; height:44px; border-radius:100%; background-color:#33b9ee; -webkit-transition:1s linear; transition:1s ease-in;}
.ab02 .right ul li .tu img{ display:block; margin:12px auto; height:20px;}
.ab02 .right ul li:hover .tu{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
}
@media only screen and (max-width:768px){
.ab02{ width:100%; padding-top:25px; padding-bottom:30px; margin-top:25px; background-color:#f1f1f1;}
.ab02 .left{ width:94%; margin:0 3%;}
.ab02 .left .title{ width:100%; text-align:right;}
.ab02 .left .title b{ font-size:22px; display:block; line-height:32px;}
.ab02 .left .title p{ display:block; margin-top:5px; font-size:18px; line-height:28px; font-weight:bold; vertical-align:middle;}
.ab02 .left .title p strong{ width:20px; height:2px; display:inline-block; margin-right:5px; vertical-align:middle; background-color:#33b9ee;}
.ab02 .left .title a{ display:block; margin-left:25px; font-size:16px; line-height:26px;}
.ab02 .left .wen{ font-size:12px; line-height:16px; color:#999; text-transform:uppercase; margin-top:10px; text-align:right;}

.ab02 .right{ width:100%;}
.ab02 .right ul{ width:100%; display:flex; flex-wrap:wrap; overflow:hidden;}
.ab02 .right ul li{ display:block; margin-top:15px; float:left; margin-left:3%; padding-bottom:20px; position:relative; width:45.5%;}
.ab02 .right ul li .wen{ width:100%; height:100%; box-sizing:border-box; background-color:#fff; padding:10px 15px; padding-bottom:25px;}
.ab02 .right ul li .a01{ font-weight:bold; font-size:16px; line-height:26px;}
.ab02 .right ul li .a02{ font-size:14px; line-height:24px;}
.ab02 .right ul li .tu{ position:absolute; right:15px; bottom:0; width:40px; height:40px; border-radius:100%; background-color:#33b9ee; -webkit-transition:1s linear; transition:1s ease-in;}
.ab02 .right ul li .tu img{ display:block; margin:12px auto; height:16px;}
.ab02 .right ul li:hover .tu{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
}

@media screen and (min-width:1280px){
.ab03{ width:100%; padding-top:70px; background-position:top center; background-repeat:no-repeat; position:relative;}
.ab03 .title{ position:absolute; left:50%; margin-left:-600px; top:70px;}
.ab03 .title b{ font-size:72px; display:block; line-height:1;}
.ab03 .title p{ font-size:24px; line-height:34px; display:block; margin-top:15px;}
.ab03 .r01{ width:100%; position:relative; height:240px;}
.ab03 .r01 img{ height:240px; display:block; position:absolute; right:50%; margin-right:-960px; top:0;}
.ab03 .r02{ width:100%; position:relative; height:330px; margin-top:40px;}
.ab03 .r02 img{ height:330px; display:block; position:absolute; left:50%; margin-left:-960px; top:0;}
.ab03 .r03{ width:100%; position:relative; height:320px; margin-top:40px;}
.ab03 .r03 img{ height:350px; display:block; position:absolute; left:50%; margin-left:-960px; top:0;}
}

@media screen and (min-width:769px) and (max-width:1279px){
.ab03{ width:100%; padding-top:50px; position:relative; background-size:100% auto; background-position:top center; background-repeat:no-repeat;}
.ab03 .title{ position:absolute; left:3%; top:50px; z-index:9;}
.ab03 .title b{ font-size:62px; display:block; line-height:1;}
.ab03 .title p{ font-size:20px; line-height:30px; display:block; margin-top:10px;}
.ab03 .r01{ width:100%; position:relative; height:200px; z-index:1;}
.ab03 .r01 img{ height:200px; display:block; position:absolute; left:30%; top:0;}
.ab03 .r02{ width:100%; position:relative; height:260px; margin-top:25px;}
.ab03 .r02 img{ height:260px; display:block; position:absolute; right:30%; top:0;}
.ab03 .r03{ width:100%; position:relative; height:260px; margin-top:25px;}
.ab03 .r03 img{ height:280px; display:block; position:absolute; left:50%; transform:translateX(-50%); top:0;}
}
@media only screen and (max-width:768px){
.ab03{ width:100%; padding-top:30px; position:relative; background-size:200% auto; background-position:left top; background-repeat:no-repeat;}
.ab03 .title{ width:94%; margin:auto;}
.ab03 .title b{ font-size:42px; display:block; line-height:1;}
.ab03 .title p{ font-size:18px; line-height:28px; display:block; margin-top:5px;}
.ab03 .r01{ width:100%; position:relative; height:100px; margin-top:15px;}
.ab03 .r01 img{ height:100px; display:block; position:absolute; left:3%; top:0;}
.ab03 .r02{ width:100%; position:relative; height:136px; margin-top:15px;}
.ab03 .r02 img{ height:136px; display:block; position:absolute; right:3%; top:0;}
.ab03 .r03{ width:100%; position:relative; height:136px; margin-top:15px;}
.ab03 .r03 img{ height:136px; display:block; position:absolute; left:50%; transform:translateX(-50%); top:0;}
}

@media screen and (min-width:1280px){
.ab04{ width:100%; height:590px; position:relative; display:none;}
.ab04 .box{ width:1560px; position:absolute; left:50%; margin-left:-960px; top:0; height:590px;}
.ab04 .box .left{ width:1200px; height:590px; background-position:center; background-repeat:no-repeat; background-size:cover; float:left; position:relative; z-index:1;}
.ab04 .box .left .gallery-top{ padding-left:360px; padding-right:140px; padding-top:165px; height:425px; width:700px; overflow:hidden; background-color:rgba(0,0,0,0.7);}
.ab04 .box .left .gallery-top .swiper-slide{ display:block; width:100%; overflow:hidden;}
.ab04 .box .left .gallery-top .swiper-slide .a01{ font-size:48px; line-height:1; color:#ccc;}
.ab04 .box .left .gallery-top .swiper-slide .a01 span{ font-size:18px; margin-left:10px;}
.ab04 .box .left .gallery-top .swiper-slide .a02{ width:30px; height:2px; background-color:#33b9ee; margin-top:24px;}
.ab04 .box .left .gallery-top .swiper-slide .a03{ display:block; padding-top:45px;}
.ab04 .box .left .gallery-top .swiper-slide .a03 li{ padding-left:20px; position:relative; font-size:14px; line-height:24px; color:#fff;}
.ab04 .box .left .gallery-top .swiper-slide .a03 li>span{ position:absolute; left:0; top:0;}
.ab04 .box .right{ width:360px; height:590px; background-color:#33b9ee; float:right; position:relative; z-index:3;}
.ab04 .title{ width:1200px; text-align:right; color:#fff; position:absolute; right:50px; top:65px;}
.ab04 .title b{ font-size:72px; display:block; line-height:1;}
.ab04 .title p{ font-size:24px; line-height:34px; display:block; margin-top:15px;}
.ab04 .swi{ margin-top:20px;}
.ab04 .swi .swiper-button-white{ margin-left:20px; width:40px; height:40px; border-radius:100%; float:right; overflow:hidden;}
.ab04 .swi .swiper-button-next{ background-image:url(../images/right_15.png);}
.ab04 .swi .swiper-button-prev{ background-image:url(../images/left_13.png);}
.ab04 .gallery-thumbs{ width:260px; text-align:center; position:absolute; right:50px; bottom:30px; height:300px;}
.ab04 .gallery-thumbs .swiper-slide{ display:block; font-size:20px; height:50px; line-height:50px; font-weight:bold; color:#fff;}
.ab04 .gallery-thumbs .swiper-slide.swiper-slide-active{ height:100px; line-height:100px; font-size:30px;}
.ab04 .gallery-thumbs .top{ width:100%; height:133px; border-bottom:2px solid #fff; position:absolute; left:0; top:0; z-index:9; background:linear-gradient(to bottom,rgba(51,185,238,1),rgba(51,185,238,0.3));}
.ab04 .gallery-thumbs .bot{ width:100%; height:83px; border-top:2px solid #fff; position:absolute; left:0; bottom:0; z-index:9; background:linear-gradient(to top,rgba(51,185,238,1),rgba(51,185,238,0.3));}
}

@media screen and (min-width:769px) and (max-width:1279px){
.ab04{ width:100%; position:relative; display:none;}
.ab04 .box{ width:97%; height:550px;}
.ab04 .box .left{ width:77%; height:550px; background-position:center; background-repeat:no-repeat; background-size:cover; float:left; position:relative; z-index:1;}
.ab04 .box .left .gallery-top{ padding:120px 3vw; padding-bottom:0; width:100%; box-sizing:border-box; height:100%; overflow:hidden; background-color:rgba(0,0,0,0.7);}
.ab04 .box .left .gallery-top .swiper-slide{ display:block; width:100%; overflow:hidden;}
.ab04 .box .left .gallery-top .swiper-slide .a01{ font-size:38px; line-height:1; color:#ccc;}
.ab04 .box .left .gallery-top .swiper-slide .a01 span{ font-size:16px; margin-left:7px;}
.ab04 .box .left .gallery-top .swiper-slide .a02{ width:30px; height:2px; background-color:#33b9ee; margin-top:15px;}
.ab04 .box .left .gallery-top .swiper-slide .a03{ display:block; padding-top:25px;}
.ab04 .box .left .gallery-top .swiper-slide .a03 li{ padding-left:20px; position:relative; font-size:14px; line-height:24px; color:#fff;}
.ab04 .box .left .gallery-top .swiper-slide .a03 li>span{ position:absolute; left:0; top:0;}
.ab04 .box .right{ width:23%; height:550px; background-color:#33b9ee; float:right; position:relative; z-index:3;}
.ab04 .title{ position:absolute; right:14%; text-align:right; width:94vw; top:50px; z-index:9; color:#fff;}
.ab04 .title b{ font-size:62px; display:block; line-height:1;}
.ab04 .title p{ font-size:20px; line-height:30px; display:block; margin-top:10px;}
.ab04 .swi{ margin-top:15px;}
.ab04 .swi .swiper-button-white{ margin-left:15px; width:40px; height:40px; border-radius:100%; float:right; overflow:hidden;}
.ab04 .swi .swiper-button-next{ background-image:url(../images/right_15.png);}
.ab04 .swi .swiper-button-prev{ background-image:url(../images/left_13.png);}
.ab04 .gallery-thumbs{ width:72%; text-align:center; position:absolute; right:14%; bottom:50px; height:220px;}
.ab04 .gallery-thumbs .swiper-slide{ display:block; font-size:18px; height:40px; line-height:40px; font-weight:bold; color:#fff;}
.ab04 .gallery-thumbs .swiper-slide.swiper-slide-active{ height:60px; line-height:60px; font-size:24px;}
.ab04 .gallery-thumbs .top{ width:100%; height:93px; border-bottom:2px solid #fff; position:absolute; left:0; top:0; z-index:9; background:linear-gradient(to bottom,rgba(51,185,238,1),rgba(51,185,238,0.3));}
.ab04 .gallery-thumbs .bot{ width:100%; height:73px; border-top:2px solid #fff; position:absolute; left:0; bottom:0; z-index:9; background:linear-gradient(to top,rgba(51,185,238,1),rgba(51,185,238,0.3));}
}
@media only screen and (max-width:768px){
.ab04{ width:100%; position:relative; display:none;}
.ab04 .box{ width:100%; height:500px;}
.ab04 .box .left{ width:60%; height:500px; background-position:center; background-repeat:no-repeat; background-size:cover; float:left; position:relative; z-index:1;}
.ab04 .box .left .gallery-top{ padding:90px 3vw; padding-bottom:0; width:100%; box-sizing:border-box; height:100%; overflow:hidden; background-color:rgba(0,0,0,0.7);}
.ab04 .box .left .gallery-top .swiper-slide{ display:block; width:100%; overflow:hidden;}
.ab04 .box .left .gallery-top .swiper-slide .a01{ font-size:28px; line-height:1; color:#ccc;}
.ab04 .box .left .gallery-top .swiper-slide .a01 span{ font-size:14px; margin-left:5px;}
.ab04 .box .left .gallery-top .swiper-slide .a02{ width:20px; height:2px; background-color:#33b9ee; margin-top:10px;}
.ab04 .box .left .gallery-top .swiper-slide .a03{ display:block; padding-top:15px;}
.ab04 .box .left .gallery-top .swiper-slide .a03 li{ padding-left:15px; position:relative; font-size:14px; line-height:24px; color:#fff;}
.ab04 .box .left .gallery-top .swiper-slide .a03 li>span{ position:absolute; left:0; top:0;}
.ab04 .box .right{ width:40%; height:500px; background-color:#33b9ee; float:right; position:relative; z-index:3;}
.ab04 .title{ position:absolute; right:14%; text-align:right; width:94vw; top:30px; z-index:9; color:#fff;}
.ab04 .title b{ font-size:42px; display:block; line-height:1;}
.ab04 .title p{ font-size:18px; line-height:28px; display:block; margin-top:5px;}
.ab04 .swi{ margin-top:15px;}
.ab04 .swi .swiper-button-white{ margin-left:10px; width:34px; height:34px; border-radius:100%; float:right; overflow:hidden; background-position:center;}
.ab04 .swi .swiper-button-next{ background-image:url(../images/right_15.png);}
.ab04 .swi .swiper-button-prev{ background-image:url(../images/left_13.png);}
.ab04 .gallery-thumbs{ width:72%; text-align:center; position:absolute; right:14%; bottom:30px; height:220px;}
.ab04 .gallery-thumbs .swiper-slide{ display:block; font-size:16px; height:40px; line-height:40px; font-weight:bold; color:#fff;}
.ab04 .gallery-thumbs .swiper-slide.swiper-slide-active{ height:60px; line-height:60px; font-size:20px;}
.ab04 .gallery-thumbs .top{ width:100%; height:93px; border-bottom:2px solid #fff; position:absolute; left:0; top:0; z-index:9; background:linear-gradient(to bottom,rgba(51,185,238,1),rgba(51,185,238,0.3));}
.ab04 .gallery-thumbs .bot{ width:100%; height:73px; border-top:2px solid #fff; position:absolute; left:0; bottom:0; z-index:9; background:linear-gradient(to top,rgba(51,185,238,1),rgba(51,185,238,0.3));}
}

/*网站建设*/
@media screen and (min-width:1280px){
.js01{ width:1200px; margin:auto;}
.js01 .left{ width:330px; float:left; height:530px; position:relative;}
.js01 .left .title{ margin-top:70px;}
.js01 .left .title b{ font-size:72px; display:block; line-height:1;}
.js01 .left .title p{ display:block; margin-top:25px; font-size:24px; line-height:34px; font-weight:bold;}
.js01 .left .title a{ display:block; margin-top:20px; font-size:20px; line-height:30px;}
.js01 .left .wen{ position:absolute; left:0; bottom:75px; font-size:14px; line-height:18px; color:#999; text-transform:uppercase;}
.js01 .right{ width:550px; float:left; margin-left:60px; padding-top:90px;}
.js01 .right .a01{ font-size:14px; line-height:24px;}
.js01 .right .a02{ display:block; width:100%; padding-top:5px;}
.js01 .right .a02 li{ display:block; float:left; margin-left:20px; margin-top:20px; position:relative; padding-left:20px; width:150px;}
.js01 .right .a02 li:nth-child(3n+1){ margin-left:0; clear:left; float:left;}
.js01 .right .a02 li strong{ width:40px; height:40px; position:absolute; left:0; top:0; background-color:#33b9ee; border-radius:100%; overflow:hidden; display:block; z-index:9;}
.js01 .right .a02 li strong img{ display:block; width:100%; -webkit-transition:1s linear; transition:1s ease-in;}
.js01 .right .a02 li:hover strong img{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.js01 .right .a02 li p{ display:block; margin:5px 0; padding:2px 30px; padding-right:20px; background-color:#f1f1f1; display:flex; align-items:center; border-radius:5px;}
.js01 .right .a02 li p span{ display:block; font-size:16px; line-height:26px; width:90px; margin-right:4px;}
.js01 .right .a02 li p a{ display:block; width:16px; height:16px; background-color:#33b9ee; border-radius:100%; overflow:hidden; background-image:url(../images/dui.png); background-position:center; background-repeat:no-repeat;}
.js01 .tu{ float:right; width:204px;}
.js01 .tu img{ display:block; width:100%;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.js01{ width:94%; margin:auto;}
.js01 .left{ width:280px; height:530px; float:left; position:relative;}
.js01 .left .title{ margin-top:50px;}
.js01 .left .title b{ font-size:62px; display:block; line-height:1;}
.js01 .left .title p{ display:block; margin-top:15px; font-size:20px; line-height:30px; font-weight:bold;}
.js01 .left .title a{ display:block; margin-top:10px; font-size:18px; line-height:28px;}
.js01 .left .wen{ position:absolute; left:0; bottom:75px; font-size:14px; line-height:18px; color:#999; text-transform:uppercase;}
.js01 .right{ width:calc(94% - 484px); float:left; margin:0 3%; padding-top:50px;}
.js01 .right .a01{ font-size:14px; line-height:24px;}
.js01 .right .a02{ display:block; width:100%;}
.js01 .right .a02 li{ display:block; float:left; margin-left:3%; margin-top:15px; position:relative; padding-left:20px; width:31.33%; box-sizing:border-box;}
.js01 .right .a02 li:nth-child(3n+1){ margin-left:0; clear:left; float:left;}
.js01 .right .a02 li strong{ width:36px; height:36px; position:absolute; left:0; top:0; background-color:#33b9ee; border-radius:100%; overflow:hidden; display:block; z-index:9;}
.js01 .right .a02 li strong img{ display:block; width:100%; -webkit-transition:1s linear; transition:1s ease-in;}
.js01 .right .a02 li:hover strong img{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.js01 .right .a02 li p{ display:block; margin:3px 0; padding:3px 20px; padding-right:10px; background-color:#f1f1f1; display:flex; align-items:center; border-radius:5px;}
.js01 .right .a02 li p span{ display:block; font-size:14px; line-height:24px; width:calc(100% - 20px); margin-right:4px;}
.js01 .right .a02 li p a{ display:block; width:16px; height:16px; background-color:#33b9ee; border-radius:100%; overflow:hidden; background-image:url(../images/dui.png); background-position:center; background-repeat:no-repeat;}
.js01 .tu{ float:right; width:204px;}
.js01 .tu img{ display:block; width:100%;}
}
@media only screen and (max-width:768px){
.js01{ width:94%; margin:auto; position:relative; margin-bottom:30px;}
.js01 .left{ width:calc(100% - 115px); float:left; min-height:265px;}
.js01 .left .title{ margin-top:30px;}
.js01 .left .title b{ font-size:42px; display:block; line-height:1;}
.js01 .left .title p{ display:block; margin-top:10px; font-size:18px; line-height:28px; font-weight:bold;}
.js01 .left .title a{ display:block; margin-top:5px; font-size:16px; line-height:26px;}
.js01 .left .wen{ font-size:12px; line-height:16px; color:#999; text-transform:uppercase; margin-top:10px;}
.js01 .right{ width:100%; float:right; padding-top:10px;}
.js01 .right .a01{ font-size:14px; line-height:24px;}
.js01 .right .a02{ display:block; width:100%;}
.js01 .right .a02 li{ display:block; float:left; margin-left:4%; margin-top:10px; position:relative; padding-left:20px; width:48%; box-sizing:border-box;}
.js01 .right .a02 li:nth-child(2n+1){ margin-left:0; clear:left; float:left;}
.js01 .right .a02 li strong{ width:40px; height:40px; position:absolute; left:0; top:0; background-color:#33b9ee; border-radius:100%; overflow:hidden; display:block; z-index:9;}
.js01 .right .a02 li strong img{ display:block; width:100%; -webkit-transition:1s linear; transition:1s ease-in;}
.js01 .right .a02 li:hover strong img{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.js01 .right .a02 li p{ display:block; margin:5px 0; padding:3px 25px; padding-right:10px; background-color:#f1f1f1; display:flex; align-items:center; border-radius:5px;}
.js01 .right .a02 li p span{ display:block; font-size:14px; line-height:24px; width:calc(100% - 20px); margin-right:4px;}
.js01 .right .a02 li p a{ display:block; width:16px; height:16px; background-color:#33b9ee; border-radius:100%; overflow:hidden; background-image:url(../images/dui.png); background-position:center; background-repeat:no-repeat;}
.js01 .tu{ width:102px; position:absolute; right:0; top:0;}
.js01 .tu img{ display:block; width:100%;}
}

@media screen and (min-width:1280px){
.js02{ width:100%; padding-top:20px; padding-bottom:65px; background-color:#fff; position:relative;}
.js02 .title{ width:1200px; margin:auto; position:relative;}
.js02 .title b{ font-size:72px; display:block; line-height:1;}
.js02 .title p{ font-size:24px; line-height:34px; display:block; margin-top:15px;}
.js02 .box{ width:100%; position:relative; margin-top:-10px;}
.js02 .box .shu{ width:100%; height:300px; background-image:url(../images/js02_07.png); background-position:center; background-repeat:no-repeat;}
.js02 .box .shu ul{ width:1100px; display:block; margin:auto; text-align:center;}
.js02 .box .shu ul li{ display:block; float:left; width:170px; margin:40px 25px; line-height:170px; font-size:60px; font-weight:bold; color:#33b9ee;}
.js02 .box .shu ul li:nth-child(2n){ margin-top:90px; color:#333;}
.js02 .box .top{ width:880px; margin:auto; display:block; margin-bottom:15px; overflow:hidden;}
.js02 .box .bot{ width:1200px; margin:auto; display:block; margin-bottom:15px; overflow:hidden;}
.js02 .box dt{ display:block; text-align:center; width:320px; margin:0 60px; float:left;}
.js02 .box .bot dt:nth-child(1){ margin-left:0;}
.js02 .box .bot dt:nth-child(3){ margin-right:0;}
.js02 .box dt p{ display:block; font-size:14px; line-height:24px;}
.js02 .box dt b{ font-size:20px; display:block; line-height:30px; margin-top:5px;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.js02{ width:100%; padding-top:15px; padding-bottom:45px; background-color:#fff; position:relative;}
.js02 .title{ width:94%; margin:auto; position:relative;}
.js02 .title b{ font-size:62px; display:block; line-height:1;}
.js02 .title p{ font-size:20px; line-height:30px; display:block; margin-top:10px;}
.js02 .box{ width:100%; position:relative; margin-top:-10px;}
.js02 .box .shu{ width:100%; height:200px; background-image:url(../images/js02_07.png); background-position:center; background-repeat:no-repeat; background-size:auto 100%;}
.js02 .box .shu ul{ width:735px; display:block; margin:auto; text-align:center;}
.js02 .box .shu ul li{ display:block; float:left; width:114px; margin:26px 16.5px; line-height:114px; font-size:40px; font-weight:bold; color:#33b9ee;}
.js02 .box .shu ul li:nth-child(2n){ margin-top:60px; color:#333;}
.js02 .box .top{ width:587px; margin:auto; display:block; margin-bottom:10px; overflow:hidden;}
.js02 .box .bot{ width:806px; margin:auto; display:block; margin-bottom:10px; overflow:hidden;}
.js02 .box dt{ display:block; text-align:center; width:219px; margin:0 37.25px; float:left;}
.js02 .box .bot dt:nth-child(1){ margin-left:0;}
.js02 .box .bot dt:nth-child(3){ margin-right:0;}
.js02 .box dt p{ display:block; font-size:14px; line-height:24px; min-height:72px;}
.js02 .box dt b{ font-size:18px; display:block; line-height:28px; margin-top:5px;}
}
@media only screen and (max-width:768px){
.js02{ width:100%; padding-top:30px; padding-bottom:25px; background-color:#f1f1f1; position:relative;}
.js02 .title{ width:94%; margin:auto; position:relative;}
.js02 .title b{ font-size:42px; display:block; line-height:1;}
.js02 .title p{ font-size:18px; line-height:28px; display:block; margin-top:5px;}
.js02 .box{ width:100%; overflow:auto; position:relative; margin-top:10px;}
.js02 .box .scroll{ width:768px; overflow:hidden;}
.js02 .box .shu{ width:100%; height:150px; background-image:url(../images/js02_07.png); background-position:center; background-repeat:no-repeat; background-size:auto 100%;}
.js02 .box .shu ul{ width:550px; display:block; margin:auto; text-align:center;}
.js02 .box .shu ul li{ display:block; float:left; width:86px; margin:20px 12px; line-height:86px; font-size:20px; font-weight:bold; color:#33b9ee;}
.js02 .box .shu ul li:nth-child(2n){ margin-top:45px; color:#333;}
.js02 .box .top{ width:440px; margin:auto; display:block; margin-bottom:5px; overflow:hidden;}
.js02 .box .bot{ width:606px; margin:auto; display:block; margin-bottom:5px; overflow:hidden;}
.js02 .box dt{ display:block; text-align:center; width:166px; margin:0 27px; float:left;}
.js02 .box .bot dt:nth-child(1){ margin-left:0;}
.js02 .box .bot dt:nth-child(3){ margin-right:0;}
.js02 .box dt p{ display:block; font-size:14px; line-height:24px;}
.js02 .box dt b{ font-size:16px; display:block; line-height:26px; margin-top:5px;}
}

@media screen and (min-width:1280px){
.js03{ width:100%; position:relative;}
.js03 .bg{ width:1920px; height:100%; position:absolute; left:50%; margin-left:-140px; background-color:#33b9ee; z-index:1;}
.js03 .box{ width:1200px; margin:auto; padding:70px 0; position:relative; z-index:9;}
.js03 .box .tu{ position:absolute; left:0; bottom:0;}
.js03 .box .tu img{ display:block;} 
.js03 .box .left{ float:left; width:400px;}
.js03 .box .left .title{ width:100%; position:relative;}
.js03 .box .left .title b{ font-size:72px; display:block; line-height:1;}
.js03 .box .left .title p{ font-size:24px; line-height:34px; display:block; margin-top:15px;}
.js03 .box .left .wen{ width:100%; margin-top:40px; font-size:14px; line-height:24px;}
.js03 .box .right{ display:block; overflow:hidden; width:705px; float:right;}
.js03 .box .right li{ display:block; float:left; overflow:hidden; position:relative; width:200px; margin-left:35px;}
.js03 .box .right li .top{ position:relative; z-index:3;}
.js03 .box .right li .top strong{ display:block; margin-left:20px; width:180px; height:240px; overflow:hidden;}
.js03 .box .right li .top strong img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.js03 .box .right li:hover .top strong img{ transform:scale(1.03, 1.03); -ms-transform:scale(1.03, 1.03); -moz-transform:scale(1.03, 1.03); -webkit-transform:scale(1.03, 1.03); -o-transform:scale(1.03, 1.03);}
.js03 .box .right li .top b{ margin:15px 20px; margin-bottom:5px; text-align:center; width:140px; display:block; font-size:20px; line-height:30px; color:#fff;}
.js03 .box .right li .top p{ margin:0 20px; text-align:center; width:140px; display:block; font-size:14px; line-height:30px; color:#fff;}
.js03 .box .right li .top a{ width:30px; height:2px; display:block; margin-left:75px; margin-top:10px; margin-bottom:30px; background-color:#33b9ee;}
.js03 .box .right li .bot{ width:calc(100% - 20px); height:calc(100% - 20px); background-color:#333; position:absolute; left:0; bottom:0; z-index:1;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.js03{ width:100%; position:relative;}
.js03 .bg{ width:60%; height:100%; position:absolute; left:40%; background-color:#33b9ee; z-index:1;}
.js03 .box{ width:94%; margin:auto; padding:50px 0; position:relative; z-index:9;}
.js03 .box .tu{ position:absolute; left:0; bottom:0; width:20%;}
.js03 .box .tu img{ display:block; max-width:100%;} 
.js03 .box .left{ float:left; width:36.4%;}
.js03 .box .left .title{ width:100%; position:relative;}
.js03 .box .left .title b{ font-size:62px; display:block; line-height:1;}
.js03 .box .left .title p{ font-size:20px; line-height:30px; display:block; margin-top:10px;}
.js03 .box .left .wen{ width:100%; margin-top:20px; font-size:14px; line-height:24px;}
.js03 .box .right{ display:block; overflow:hidden; width:60%; float:right;}
.js03 .box .right li{ display:block; float:left; overflow:hidden; position:relative; width:30.33%; margin-left:3%;}
.js03 .box .right li .top{ position:relative; z-index:3;}
.js03 .box .right li .top strong{ display:block; margin-left:15px; width:calc(100% - 15px); overflow:hidden;}
.js03 .box .right li .top strong img{ width:100%; display:block;}
.js03 .box .right li .top b{ margin:10px 15px; margin-bottom:0; text-align:center; width:calc(100% - 45px); display:block; font-size:18px; line-height:28px; color:#fff;}
.js03 .box .right li .top p{ margin:0 15px; text-align:center; width:calc(100% - 45px); display:block; font-size:14px; line-height:24px; color:#fff;}
.js03 .box .right li .top a{ width:30px; height:2px; display:block; margin:auto; transform:translateX(-7.5px); margin-top:5px; margin-bottom:20px; background-color:#33b9ee;}
.js03 .box .right li .bot{ width:calc(100% - 15px); height:calc(100% - 15px); background-color:#333; position:absolute; left:0; bottom:0; z-index:1;}
}
@media only screen and (max-width:768px){
.js03{ width:100%; position:relative;}
.js03 .box{ width:100%; position:relative; z-index:9;}
.js03 .box .tu{ width:50%;}
.js03 .box .tu img{ display:block; max-width:100%;} 
.js03 .box .left{ width:94%; margin:25px auto; margin-bottom:10px;}
.js03 .box .left .title{ width:100%; position:relative;}
.js03 .box .left .title b{ font-size:42px; display:block; line-height:1;}
.js03 .box .left .title p{ font-size:18px; line-height:28px; display:block; margin-top:5px;}
.js03 .box .left .wen{ width:100%; margin-top:10px; font-size:14px; line-height:24px;}
.js03 .box .right{ display:block; overflow:hidden; width:94%; padding:30px 3%; padding-top:15px; background-color:#33b9ee;}
.js03 .box .right li{ display:block; overflow:hidden; position:relative; width:100%; margin-top:15px;}
.js03 .box .right li .top{ position:relative; z-index:3; padding-left:120px; padding-top:10px; min-height:160px;}
.js03 .box .right li .top strong{ display:block; width:120px; height:160px; overflow:hidden; position:absolute; left:0; top:0;}
.js03 .box .right li .top strong img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.js03 .box .right li:hover .top strong img{ transform:scale(1.03, 1.03); -ms-transform:scale(1.03, 1.03); -moz-transform:scale(1.03, 1.03); -webkit-transform:scale(1.03, 1.03); -o-transform:scale(1.03, 1.03);}
.js03 .box .right li .top b{ margin:15px; margin-bottom:5px; text-align:center; display:block; font-size:16px; line-height:26px; color:#fff;}
.js03 .box .right li .top p{ margin:0 15px; text-align:center; display:block; font-size:14px; line-height:24px; color:#fff;}
.js03 .box .right li .top a{ width:30px; height:2px; display:block; margin:10px auto; margin-bottom:20px; background-color:#33b9ee;}
.js03 .box .right li .bot{ width:calc(100% - 10px); height:calc(100% - 10px); background-color:#333; position:absolute; bottom:0; right:0; z-index:1;}
}

/*网站报价*/
.case01.bj{ background-color:#fff;}
.case01.bj .box .swiper-slide a{ padding:0; border:10px solid #f1f1f1;}

@media screen and (min-width:1280px){
.bj01{ width:100%; position:relative;}
.bj01 .box{ width:1200px; margin:auto; padding:70px 0; position:relative; z-index:9; display:flex;}
.bj01 .box .left{ width:410px; position:relative; margin-right:70px;}
.bj01 .box .left .title{ width:100%; position:relative; z-index:9; padding-top:50px;}
.bj01 .box .left .title b{ font-size:72px; display:block; line-height:1;}
.bj01 .box .left .title p{ font-size:24px; line-height:34px; display:block; margin-top:15px;}
.bj01 .box .left .bg{ width:260px; height:100%; position:absolute; right:0; top:0; z-index:1; background-position:center; background-repeat:no-repeat; baseline-size:cover;}
.bj01 .box .right{ width:720px; padding-bottom:20px;}
.bj01 .box .right ul{ display:block; overflow:hidden; margin-top:-15px;}
.bj01 .box .right ul li{ width:340px; float:left; margin-top:35px; margin-left:40px; overflow:hidden;}
.bj01 .box .right ul li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.bj01 .box .right ul li strong{ display:block; height:50px;}
.bj01 .box .right ul li strong img{ display:block; height:50px; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.bj01 .box .right ul li:hover strong img{ -webkit-transform:rotateY(-360deg);}
.bj01 .box .right ul li b{ display:block; font-size:20px; line-height:30px; margin-top:10px;}
.bj01 .box .right ul li p{ display:block; font-size:14px; line-height:24px; margin-top:5px; color:#666;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.bj01{ width:100%; position:relative;}
.bj01 .box{ width:94%; margin:auto; padding:50px 0; position:relative; z-index:9; display:flex;}
.bj01 .box .left{ width:40%; position:relative;}
.bj01 .box .left .title{ width:100%; position:relative; z-index:3; padding-top:30px;}
.bj01 .box .left .title b{ font-size:62px; display:block; line-height:1;}
.bj01 .box .left .title p{ font-size:20px; line-height:30px; display:block; margin-top:10px;}
.bj01 .box .left .bg{ width:260px; height:100%; position:absolute; right:0; top:0; z-index:1; background-position:center; background-repeat:no-repeat; baseline-size:cover;}
.bj01 .box .right{ width:58%; margin-left:2%; padding-bottom:10px;}
.bj01 .box .right ul{ display:block; overflow:hidden; margin-top:-10px;}
.bj01 .box .right ul li{ width:46%; float:left; margin-top:20px; margin-left:4%; overflow:hidden;}
.bj01 .box .right ul li:nth-child(2n+1){ clear:left; float:left;}
.bj01 .box .right ul li strong{ display:block; height:50px;}
.bj01 .box .right ul li strong img{ display:block; height:50px; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.bj01 .box .right ul li:hover strong img{ -webkit-transform:rotateY(-360deg);}
.bj01 .box .right ul li b{ display:block; font-size:18px; line-height:28px; margin-top:5px;}
.bj01 .box .right ul li p{ display:block; font-size:14px; line-height:24px; color:#666;}
}
@media only screen and (max-width:768px){
.bj01{ width:100%; position:relative;}
.bj01 .box{ width:94%; margin:auto; padding-top:30px; padding-bottom:25px; position:relative; z-index:9;}
.bj01 .box .left{ width:100%; position:relative;}
.bj01 .box .left .title{ width:100%; position:relative; padding:15px 0; z-index:3;}
.bj01 .box .left .title b{ font-size:42px; display:block; line-height:1;}
.bj01 .box .left .title p{ font-size:18px; line-height:28px; display:block; margin-top:5px;}
.bj01 .box .left .bg{ width:260px; height:100%; position:absolute; right:0; top:0; z-index:1; background-position:center; background-repeat:no-repeat; baseline-size:cover;}
.bj01 .box .right{ width:100%;}
.bj01 .box .right ul{ display:block; overflow:hidden; padding-top:10px;}
.bj01 .box .right ul li{ width:48%; float:left; margin-top:10px; margin-left:4%; overflow:hidden;}
.bj01 .box .right ul li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.bj01 .box .right ul li strong{ display:block; height:50px;}
.bj01 .box .right ul li strong img{ display:block; height:50px; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.bj01 .box .right ul li:hover strong img{ -webkit-transform:rotateY(-360deg);}
.bj01 .box .right ul li b{ display:block; font-size:16px; line-height:26px; margin-top:5px;}
.bj01 .box .right ul li p{ display:block; font-size:14px; line-height:24px; color:#666;}
}

@media screen and (min-width:1280px){
.bj02{ width:100%; padding:70px 0; background-color:#f1f1f1; position:relative;}
.bj02 .title{ width:1200px; margin:auto; position:relative;}
.bj02 .title b{ font-size:72px; display:block; line-height:1;}
.bj02 .title p{ font-size:24px; line-height:34px; display:block; margin-top:15px;}
.bj02 .box{ width:1200px; margin:auto; position:relative; margin-top:25px;}
.bj02 .box table{ width:100%; background-color:#f1f1f1;}
.bj02 .box table th,.bj02 .box table td{ background-color:#fff; position:relative;}
.bj02 .box table th{ height:80px; font-size:24px;}
.bj02 .box table th span{ font-weight:normal; display:block; font-size:18px; line-height:28px; top:10px; left:50%; position:absolute;}
.bj02 .box table th p{ font-weight:normal; display:block; font-size:18px; line-height:28px; bottom:10px; right:50%; position:absolute;}
.bj02 .box table th a{ width:50px; margin-left:-25px; height:1px; display:block; background-color:#eee; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg);}
.bj02 .box table th b{ width:100%; height:4px; display:block; position:absolute; left:0; top:0; overflow:hidden;}
.bj02 .box table th:nth-child(2) b{ background:linear-gradient(to right,#8e76d8,#e8867d);}
.bj02 .box table th:nth-child(3) b{ background:linear-gradient(to right,#52acc4,#46bb8e);}
.bj02 .box table th:nth-child(4) b{ background:linear-gradient(to right,#2f9ff3,#8492ff);}
.bj02 .box table td{ padding:20px; font-size:16px; text-align:center;}
.bj02 .box table td p{ font-size:18px; display:block;}
.bj02 .box table td p a{ color:#33b9ee;}
.bj02 .box table td span{ display:block; padding:5px 0; text-align:left; font-size:14px; line-height:21px;}
.bj02 .box table td span img{ display:block; float:left; margin-right:10px;}
.bj02 .box table td small{ font-size:14px; color:#999; display:block;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.bj02{ width:100%; padding:50px 0; background-color:#f1f1f1; position:relative;}
.bj02 .title{ width:94%; margin:auto; position:relative;}
.bj02 .title b{ font-size:62px; display:block; line-height:1;}
.bj02 .title p{ font-size:20px; line-height:30px; display:block; margin-top:10px;}
.bj02 .box{ width:94%; margin:auto; position:relative; margin-top:20px;}
.bj02 .box table{ width:100%; background-color:#f1f1f1;}
.bj02 .box table th,.bj02 .box table td{ background-color:#fff; position:relative;}
.bj02 .box table th{ height:60px; font-size:20px;}
.bj02 .box table th span{ font-weight:normal; display:block; font-size:16px; line-height:26px; top:5px; left:60%; position:absolute;}
.bj02 .box table th p{ font-weight:normal; display:block; font-size:16px; line-height:26px; bottom:5px; right:60%; position:absolute;}
.bj02 .box table th a{ width:50px; margin-left:-25px; height:1px; display:block; background-color:#eee; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg);}
.bj02 .box table th b{ width:100%; height:4px; display:block; position:absolute; left:0; top:0; overflow:hidden;}
.bj02 .box table th:nth-child(2) b{ background:linear-gradient(to right,#8e76d8,#e8867d);}
.bj02 .box table th:nth-child(3) b{ background:linear-gradient(to right,#52acc4,#46bb8e);}
.bj02 .box table th:nth-child(4) b{ background:linear-gradient(to right,#2f9ff3,#8492ff);}
.bj02 .box table td{ padding:15px; font-size:16px; text-align:center;}
.bj02 .box table td p{ font-size:18px; display:block;}
.bj02 .box table td p a{ color:#33b9ee;}
.bj02 .box table td span{ display:block; padding:5px 0; text-align:left; font-size:14px; line-height:21px;}
.bj02 .box table td span img{ display:block; float:left; margin-right:5px;}
.bj02 .box table td small{ font-size:14px; color:#999; display:block;}
}
@media only screen and (max-width:768px){
.bj02{ width:100%; padding:30px 0; background-color:#f1f1f1; position:relative;}
.bj02 .title{ width:94%; margin:auto; position:relative;}
.bj02 .title b{ font-size:42px; display:block; line-height:1;}
.bj02 .title p{ font-size:18px; line-height:28px; display:block; margin-top:5px;}
.bj02 .box{ width:94%; margin:auto; position:relative; margin-top:15px;}
.bj02 .box table{ width:100%; background-color:#f1f1f1;}
.bj02 .box table th,.bj02 .box table td{ background-color:#fff; position:relative;}
.bj02 .box table th{ font-size:16px; padding:15px;}
.bj02 .box table th span{ font-weight:normal; display:block; font-size:14px; line-height:24px; top:5px; left:60%; position:absolute;}
.bj02 .box table th p{ font-weight:normal; display:block; font-size:14px; line-height:24px; bottom:5px; right:60%; position:absolute;}
.bj02 .box table th a{ width:50px; margin-left:-25px; height:1px; display:block; background-color:#eee; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg);}
.bj02 .box table th b{ width:100%; height:4px; display:block; position:absolute; left:0; top:0; overflow:hidden;}
.bj02 .box table th:nth-child(2) b{ background:linear-gradient(to right,#8e76d8,#e8867d);}
.bj02 .box table th:nth-child(3) b{ background:linear-gradient(to right,#52acc4,#46bb8e);}
.bj02 .box table th:nth-child(4) b{ background:linear-gradient(to right,#2f9ff3,#8492ff);}
.bj02 .box table td{ padding:15px; font-size:14px; text-align:center;}
.bj02 .box table td p{ font-size:16px; display:block;}
.bj02 .box table td p a{ color:#33b9ee;}
.bj02 .box table td span{ display:block; padding:5px 0; text-align:left; font-size:14px; line-height:21px;}
.bj02 .box table td span img{ display:block; float:left; margin-right:5px;}
.bj02 .box table td small{ font-size:12px; color:#999; display:block;}
}

@media screen and (min-width:1280px){
.bj03{ width:100%; padding:70px 0; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative;}
.bj03 .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:#000; opacity:0.9;}
.bj03 .title{ width:100%; position:relative; z-index:3; color:#fff;}
.bj03 .title b{ font-size:72px; display:block; line-height:1;}
.bj03 .title p{ font-size:24px; line-height:34px; display:block; margin-top:15px;}
.bj03 .box{ width:1200px; margin:auto; position:relative; z-index:3;}
.bj03 .box .left{ width:570px; float:left;}
.bj03 .box .hd{ width:100%; margin-top:20px;}
.bj03 .box .hd ul{ display:block; overflow:hidden;}
.bj03 .box .hd li{ width:140px; padding:0 10px; background-color:rgba(255,255,255,0.3); height:40px; border-radius:5px; margin-right:30px; margin-top:20px; float:left; display:block; overflow:hidden; cursor:pointer; color:#fff; font-size:18px; line-height:40px;}
.bj03 .box .hd li img{ display:block; float:left; margin:10px; height:20px;}
.bj03 .box .hd li.on{ background-color:#33b9ee;}
.bj03 .box .bd{ float:right; width:580px;}
.bj03 .box .bd .conWrap{ width:100%;}
.bj03 .box .bd .conWrap .con{ width:100%; overflow:hidden; position:relative;}
.bj03 .box .bd .conWrap .con .tu{ width:100%; height:360px; border-radius:10px;}
.bj03 .box .bd .conWrap .con .tu img{ width:100%; display:block;}
.bj03 .box .bd .conWrap .con .bt{ color:#fff; font-size:24px; line-height:34px; margin-top:20px; font-weight:bold;}
.bj03 .box .bd .conWrap .con .wen{ color:#fff; font-size:16px; line-height:26px; margin-top:5px;}
.bj03 .box .bd .conWrap .con .shu{ position:absolute; right:0; top:380px; color:#fff; font-size:24px; line-height:36px;}
.bj03 .box .bd .conWrap .con .shu b{ display:block; float:left; margin:17px 20px; background-color:#33b9ee; width:100px; height:2px;}
.bj03 .box .bd .anniu{ margin-top:25px;}
.bj03 .box .bd .anniu a{ display:block; float:right; width:28px; height:28px; border:1px solid #fff; margin-left:20px; border-radius:100%; cursor:pointer; overflow:hidden;}
.bj03 .box .bd .anniu a img{ height:12px; margin:8px auto; display:block;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.bj03{ width:100%; padding:50px 0; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative;}
.bj03 .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:#000; opacity:0.9;}
.bj03 .title{ width:100%; position:relative; color:#fff;}
.bj03 .title b{ font-size:62px; display:block; line-height:1;}
.bj03 .title p{ font-size:20px; line-height:30px; display:block; margin-top:10px;}
.bj03 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.bj03 .box .left{ width:47.5%; float:left;}
.bj03 .box .hd{ width:100%; margin-top:5px;}
.bj03 .box .hd ul{ display:block; overflow:hidden;}
.bj03 .box .hd li{ width:30.33%; box-sizing:border-box; padding:0 10px; background-color:rgba(255,255,255,0.3); height:36px; border-radius:5px; margin-right:3%; margin-top:15px; float:left; display:block; overflow:hidden; cursor:pointer; color:#fff; font-size:16px; line-height:36px;}
.bj03 .box .hd li img{ display:block; float:left; margin:8px 7px; margin-left:0; height:20px;}
.bj03 .box .hd li.on{ background-color:#33b9ee;}
.bj03 .box .bd{ float:right; width:51%;}
.bj03 .box .bd .conWrap{ width:100%;}
.bj03 .box .bd .conWrap .con{ width:100%; overflow:hidden; position:relative;}
.bj03 .box .bd .conWrap .con .tu{ width:100%; height:29.75vw; border-radius:7px;}
.bj03 .box .bd .conWrap .con .tu img{ width:100%; display:block;}
.bj03 .box .bd .conWrap .con .bt{ color:#fff; font-size:20px; line-height:30px; margin-top:15px; font-weight:bold;}
.bj03 .box .bd .conWrap .con .wen{ color:#fff; font-size:14px; line-height:24px;}
.bj03 .box .bd .conWrap .con .shu{ position:absolute; right:0; top:29.75vw; margin-top:15px; color:#fff; font-size:20px; line-height:30px;}
.bj03 .box .bd .conWrap .con .shu b{ display:block; float:left; margin:14px 10px; background-color:#33b9ee; width:70px; height:2px;}
.bj03 .box .bd .anniu{ margin-top:15px;}
.bj03 .box .bd .anniu a{ display:block; float:right; width:28px; height:28px; border:1px solid #fff; margin-left:20px; border-radius:100%; cursor:pointer; overflow:hidden;}
.bj03 .box .bd .anniu a img{ height:12px; margin:8px auto; display:block;}
}
@media only screen and (max-width:768px){
.bj03{ width:100%; padding:30px 0; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative;}
.bj03 .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:#000; opacity:0.9;}
.bj03 .title{ width:94%; margin:auto; position:relative; color:#fff;}
.bj03 .title b{ font-size:42px; display:block; line-height:1;}
.bj03 .title p{ font-size:18px; line-height:28px; display:block; margin-top:5px;}
.bj03 .box{ width:100%; margin:auto; position:relative; z-index:3;}
.bj03 .box .left{ width:100%;}
.bj03 .box .hd{ width:100%; margin-top:5px;}
.bj03 .box .hd ul{ display:block; overflow:hidden;}
.bj03 .box .hd li{ width:29.33%; box-sizing:border-box; padding:0 10px; background-color:rgba(255,255,255,0.3); height:34px; border-radius:5px; margin-left:3%; margin-top:10px; float:left; display:block; overflow:hidden; cursor:pointer; color:#fff; font-size:14px; line-height:34px;}
.bj03 .box .hd li img{ display:block; float:left; margin:7px 5px; margin-left:0; height:20px;}
.bj03 .box .hd li.on{ background-color:#33b9ee;}
.bj03 .box .bd{ width:94%; margin:auto; margin-top:15px;}
.bj03 .box .bd .conWrap{ width:100%;}
.bj03 .box .bd .conWrap .con{ width:100%; overflow:hidden; position:relative;}
.bj03 .box .bd .conWrap .con .tu{ width:100%; height:58.34vw; border-radius:5px;}
.bj03 .box .bd .conWrap .con .tu img{ width:100%; display:block;}
.bj03 .box .bd .conWrap .con .bt{ color:#fff; font-size:16px; line-height:26px; margin-top:10px; font-weight:bold;}
.bj03 .box .bd .conWrap .con .wen{ color:#fff; font-size:14px; line-height:24px;}
.bj03 .box .bd .conWrap .con .shu{ position:absolute; right:0; top:58.34vw; margin-top:10px; color:#fff; font-size:18px; line-height:26px;}
.bj03 .box .bd .conWrap .con .shu b{ display:block; float:left; margin:12px 5px; background-color:#33b9ee; width:50px; height:2px;}
.bj03 .box .bd .anniu{ margin-top:5px;}
.bj03 .box .bd .anniu a{ display:block; float:right; width:28px; height:28px; border:1px solid #fff; margin-left:10px; border-radius:100%; cursor:pointer; overflow:hidden;}
.bj03 .box .bd .anniu a img{ height:12px; margin:8px auto; display:block;}
}

@media screen and (min-width:1280px){
.bj04{ width:100%; padding:70px 0; position:relative;}
.bj04 .title{ width:100%; position:relative; z-index:3; text-align:right;}
.bj04 .title b{ font-size:72px; display:block; line-height:1;}
.bj04 .title p{ font-size:24px; line-height:34px; display:block; margin-top:15px;}
.bj04 .box{ width:1200px; margin:auto; position:relative; z-index:3;}
.bj04 .box .left{ width:370px; float:right;}
.bj04 .box .hd{ width:100%; padding-top:15px;}
.bj04 .box .hd ul{ display:block; overflow:hidden;}
.bj04 .box .hd li{ display:block; overflow:hidden; position:relative; padding-left:30px; margin-top:20px; cursor:pointer;}
.bj04 .box .hd li span{ display:block; position:absolute; left:0; top:50%; margin-top:-30px; width:60px; height:60px; overflow:hidden; border-radius:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.bj04 .box .hd li span a{ display:block; width:100%; height:60px; line-height:60px; font-size:24px; text-align:center; color:#fff; background-image:url(../images/bj04_26.png); overflow:hidden; border-radius:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.bj04 .box .hd li p{ display:block; background-color:#f1f1f1; border-radius:10px; padding:8px 40px; padding-right:10px; font-size:18px; line-height:28px; margin:8px 0; overflow:hidden;}
.bj04 .box .hd li.on a{ display:none;}
.bj04 .box .hd li.on p{ background-color:#33b9ee; color:#fff;}
.bj04 .box .bd{ width:700px; float:left;}
.bj04 .box .bd .conWrap{ width:100%;}
.bj04 .box .bd .conWrap .con{ width:100%; overflow:hidden; height:500px;}
.bj04 .box .bd .conWrap .con img{ width:100%; display:block;}
.bj04 .box .bd .anniu{ position:absolute; right:-60px; bottom:0;}
.bj04 .box .bd .anniu .prev{ width:60px; height:60px; background-color:#333; cursor:pointer; float:left; display:block;}
.bj04 .box .bd .anniu .next{ width:60px; height:60px; background-color:#33b9ee; cursor:pointer; float:left; display:block;}
.bj04 .box .bd .anniu img{ height:20px; display:block; margin:20px auto;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.bj04{ width:100%; padding:50px 0; position:relative;}
.bj04 .title{ width:100%; position:relative; text-align:right;}
.bj04 .title b{ font-size:62px; display:block; line-height:1;}
.bj04 .title p{ font-size:20px; line-height:30px; display:block; margin-top:10px;}
.bj04 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.bj04 .box .left{ width:34%; float:right;}
.bj04 .box .hd{ width:100%; padding-top:10px;}
.bj04 .box .hd ul{ display:block; overflow:hidden;}
.bj04 .box .hd li{ display:block; overflow:hidden; position:relative; padding-left:30px; margin-top:15px; cursor:pointer;}
.bj04 .box .hd li span{ display:block; position:absolute; left:0; top:50%; margin-top:-30px; width:60px; height:60px; overflow:hidden; border-radius:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.bj04 .box .hd li span a{ display:block; width:100%; height:60px; line-height:60px; font-size:24px; text-align:center; color:#fff; background-image:url(../images/bj04_26.png); overflow:hidden; border-radius:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.bj04 .box .hd li p{ display:block; background-color:#f1f1f1; border-radius:7px; padding:9px 40px; padding-right:10px; font-size:16px; line-height:26px; margin:8px 0; overflow:hidden;}
.bj04 .box .hd li.on a{ display:none;}
.bj04 .box .hd li.on p{ background-color:#33b9ee; color:#fff;}
.bj04 .box .bd{ width:58%; float:left;}
.bj04 .box .bd .conWrap{ width:100%;}
.bj04 .box .bd .conWrap .con{ width:100%; overflow:hidden; height:38.94vw;}
.bj04 .box .bd .conWrap .con img{ width:100%; display:block;}
.bj04 .box .bd .anniu{ position:absolute; right:-50px; bottom:0;}
.bj04 .box .bd .anniu .prev{ width:50px; height:50px; background-color:#333; cursor:pointer; float:left; display:block;}
.bj04 .box .bd .anniu .next{ width:50px; height:50px; background-color:#33b9ee; cursor:pointer; float:left; display:block;}
.bj04 .box .bd .anniu img{ height:20px; display:block; margin:15px auto;}
}
@media only screen and (max-width:768px){
.bj04{ width:100%; padding:30px 0; position:relative;}
.bj04 .title{ width:100%; position:relative; text-align:right;}
.bj04 .title b{ font-size:42px; display:block; line-height:1;}
.bj04 .title p{ font-size:18px; line-height:28px; display:block; margin-top:5px;}
.bj04 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.bj04 .box .left{ width:100%; float:right;}
.bj04 .box .hd{ width:100%; margin-top:-10px;}
.bj04 .box .hd ul{ display:block; overflow:hidden;}
.bj04 .box .hd li{ display:block; overflow:hidden; position:relative; padding-left:30px; margin-top:15px; cursor:pointer;}
.bj04 .box .hd li span{ display:block; position:absolute; left:0; top:50%; margin-top:-30px; width:60px; height:60px; overflow:hidden; border-radius:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.bj04 .box .hd li span a{ display:block; width:100%; height:60px; line-height:60px; font-size:24px; text-align:center; color:#fff; background-image:url(../images/bj04_26.png); overflow:hidden; border-radius:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.bj04 .box .hd li p{ display:block; background-color:#f1f1f1; border-radius:5px; padding:10px 40px; padding-right:10px; font-size:14px; line-height:24px; margin:8px 0; overflow:hidden;}
.bj04 .box .hd li.on a{ display:none;}
.bj04 .box .hd li.on p{ background-color:#33b9ee; color:#fff;}
.bj04 .box .bd{ width:100%; float:left; margin-top:20px;}
.bj04 .box .bd .conWrap{ width:100%;}
.bj04 .box .bd .conWrap .con{ width:100%; overflow:hidden; height:67.14vw;}
.bj04 .box .bd .conWrap .con img{ width:100%; display:block;}
.bj04 .box .bd .anniu{ position:absolute; right:0; bottom:0;}
.bj04 .box .bd .anniu .prev{ width:40px; height:40px; background-color:#333; cursor:pointer; float:left; display:block;}
.bj04 .box .bd .anniu .next{ width:40px; height:40px; background-color:#33b9ee; cursor:pointer; float:left; display:block;}
.bj04 .box .bd .anniu img{ height:20px; display:block; margin:10px auto;}
}

@media screen and (min-width:1280px){
.bj05{ width:100%; padding:70px 0; position:relative; background-color:#f1f1f1;}
.bj05 .box{ width:1200px; margin:auto; position:relative; z-index:3;}
.bj05 .title{ width:425px; float:left; position:relative; z-index:3; padding-top:30px;}
.bj05 .title b{ font-size:72px; display:block; line-height:1;}
.bj05 .title p{ font-size:24px; line-height:34px; display:block; margin-top:15px;}
.bj05 .b01{ width:350px; height:200px; background-color:#fff; border-radius:10px; float:left; padding:20px; box-sizing:border-box;}
.bj05 .b02{ width:31px; margin:102px 22px; float:left;}
.bj05 .b02 img{ width:100%; display:block;}
.bj05 .b03{ margin-top:30px; width:350px; height:200px; background-color:#fff; border-radius:10px; float:left; padding:20px; box-sizing:border-box;}
.bj05 .b04{ float:right; margin:25px 155px;}
.bj05 .b04 img{ display:block; height:20px;}
.bj05 .b05{ clear:both; float:right; width:350px; height:200px; background-color:#fff; border-radius:10px; padding:20px; box-sizing:border-box;}
.bj05 .b06{ width:31px; margin:72px 22px; float:right;}
.bj05 .b06 img{ width:100%; display:block;}
.bj05 .b07{ float:right; width:350px; height:200px; background-color:#fff; border-radius:10px; padding:20px; box-sizing:border-box; margin-top:-30px;}
.bj05 .b08{ width:31px; margin:42px 22px; float:right;}
.bj05 .b08 img{ width:100%; display:block;}
.bj05 .b09{ float:right; width:350px; height:200px; background-color:#fff; border-radius:10px; padding:20px; box-sizing:border-box; margin-top:-60px;}
.bj05 b{ display:block; font-size:20px; line-height:30px;}
.bj05 p{ display:block; font-size:14px; line-height:24px; height:72px; overflow:hidden; margin-top:10px;}
.bj05 strong{ display:block; height:46px; margin-top:7px;}
.bj05 strong img{ display:block; float:right; height:46px;-webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.bj05 .box>div:hover strong img{ -webkit-transform:rotateY(-360deg);}
}
@media screen and (min-width:769px) and (max-width:1279px){
.bj05{ width:100%; padding:50px 0; position:relative; background-color:#f1f1f1;}
.bj05 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.bj05 .title{ width:calc((92% - 62px)/3+31px); margin-right:4%; position:relative; float:left; padding-top:20px;}
.bj05 .title b{ font-size:62px; display:block; line-height:1;}
.bj05 .title p{ font-size:20px; line-height:30px; display:block; margin-top:10px;}
.bj05 .b01{ width:calc((92% - 62px)/3); height:190px; background-color:#fff; border-radius:10px; float:left; padding:15px; box-sizing:border-box;}
.bj05 .b02{ width:31px; margin:92px 2%; float:left;}
.bj05 .b02 img{ width:100%; display:block;}
.bj05 .b03{ margin-top:20px; width:calc((92% - 62px)/3); height:190px; background-color:#fff; border-radius:10px; float:left; padding:15px; box-sizing:border-box;}
.bj05 .b04{ float:right; margin:15px 50px;}
.bj05 .b04 img{ display:block; height:20px;}
.bj05 .b05{ clear:both; float:right; width:calc((92% - 62px)/3); height:190px; background-color:#fff; border-radius:10px; padding:15px; box-sizing:border-box;}
.bj05 .b06{ width:31px; margin:72px 2%; float:right;}
.bj05 .b06 img{ width:100%; display:block;}
.bj05 .b07{ float:right; width:calc((92% - 62px)/3); height:190px; background-color:#fff; border-radius:10px; padding:15px; box-sizing:border-box; margin-top:-20px;}
.bj05 .b08{ width:31px; margin:52px 2%; float:right;}
.bj05 .b08 img{ width:100%; display:block;}
.bj05 .b09{ float:right; width:calc((92% - 62px)/3); height:190px; background-color:#fff; border-radius:10px; padding:15px; box-sizing:border-box; margin-top:-40px;}
.bj05 b{ display:block; font-size:18px; line-height:28px; padding-top:2px;}
.bj05 p{ display:block; font-size:14px; line-height:24px; height:72px; overflow:hidden; margin-top:5px;}
.bj05 strong{ display:block; height:46px; margin-top:9px;}
.bj05 strong img{ display:block; float:right; height:40px;-webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.bj05 .box>div:hover strong img{ -webkit-transform:rotateY(-360deg);}
}
@media only screen and (max-width:768px){
.bj05{ width:100%; padding:30px 0; position:relative; background-color:#f1f1f1;}
.bj05 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.bj05 .title{ width:100%; position:relative;}
.bj05 .title b{ font-size:42px; display:block; line-height:1;}
.bj05 .title p{ font-size:18px; line-height:28px; display:block; margin-top:5px;}
.bj05 .b01{ width:100%; background-color:#fff; border-radius:5px; float:left; padding:15px; box-sizing:border-box; margin-top:15px;}
.bj05 .b02{ display:none;}
.bj05 .b03{ width:100%; background-color:#fff; border-radius:5px; float:left; padding:15px; box-sizing:border-box; margin-top:15px;}
.bj05 .b04{ display:none;}
.bj05 .b05{ width:100%; background-color:#fff; border-radius:5px; float:left; padding:15px; box-sizing:border-box; margin-top:15px;}
.bj05 .b06{ display:none;}
.bj05 .b07{ width:100%; background-color:#fff; border-radius:5px; float:left; padding:15px; box-sizing:border-box; margin-top:15px;}
.bj05 .b08{ display:none;}
.bj05 .b09{ width:100%; background-color:#fff; border-radius:5px; float:left; padding:15px; box-sizing:border-box; margin-top:15px;}
.bj05 b{ display:block; font-size:18px; line-height:28px;}
.bj05 p{ display:block; font-size:14px; line-height:24px; overflow:hidden;}
.bj05 strong{ display:block; height:30px; margin-top:5px;}
.bj05 strong img{ display:block; float:right; height:30px; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.bj05 .box>div:hover strong img{ -webkit-transform:rotateY(-360deg);}
}

/*软件开发*/
@media screen and (min-width:1280px){
.rj01{ width:100%; padding:70px 0; position:relative; background-color:#fff;}
.rj01 .box{ width:1200px; margin:auto; position:relative; z-index:3;}
.rj01 .title{ width:400px; float:left;}
.rj01 .title b{ font-size:72px; display:block; line-height:1;}
.rj01 .title p{ font-size:24px; line-height:34px; display:block; margin-top:15px;}
.rj01 .list{ width:740px; float:right; margin-top:-30px; display:block;}
.rj01 .list li{ padding:15px 20px; padding-right:120px; display:block; overflow:hidden; position:relative; margin-top:30px; border-radius:10px; background-color:#f1f1f1;}
.rj01 .list li .r01{ padding-left:20px; background-image:url(../images/rj012_08.jpg); background-position:left center; background-repeat:no-repeat; font-size:20px; line-height:30px;}
.rj01 .list li .r02{ font-size:16px; line-height:26px; margin-top:5px;}
.rj01 .list li .r03{ position:absolute; right:0; top:0; background-image:url(../images/rj011_05.jpg); background-position:right center; background-size:contain; background-size:auto 100%; background-repeat:no-repeat; height:100%; display:flex; align-items:center; padding-right:15px;}
.rj01 .list li .r03 span{ display:block; font-size:72px; line-height:1; color:#333; opacity:0.1;}
.rj01 .list li .r03 span a{ color:#fff;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.rj01{ width:100%; padding:50px 0; position:relative; background-color:#fff;}
.rj01 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.rj01 .title{ width:33%; float:left;}
.rj01 .title b{ font-size:62px; display:block; line-height:1;}
.rj01 .title p{ font-size:20px; line-height:30px; display:block; margin-top:10px;}
.rj01 .list{ width:64%; float:right; margin-top:-25px; display:block;}
.rj01 .list li{ padding:10px 15px; padding-right:100px; display:block; overflow:hidden; position:relative; margin-top:25px; border-radius:7px; background-color:#f1f1f1;}
.rj01 .list li .r01{ padding-left:20px; background-image:url(../images/rj012_08.jpg); background-position:left center; background-repeat:no-repeat; font-size:18px; line-height:28px;}
.rj01 .list li .r02{ font-size:14px; line-height:24px; margin-top:5px;}
.rj01 .list li .r03{ position:absolute; right:0; top:0; background-image:url(../images/rj011_05.jpg); background-position:right center; background-size:contain; background-size:auto 100%; background-repeat:no-repeat; height:100%; display:flex; align-items:center; padding-right:10px;}
.rj01 .list li .r03 span{ display:block; font-size:62px; line-height:1; color:#333; opacity:0.1;}
.rj01 .list li .r03 span a{ color:#fff;}
}
@media only screen and (max-width:768px){
.rj01{ width:100%; padding:30px 0; position:relative; background-color:#fff;}
.rj01 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.rj01 .title{ width:100%;}
.rj01 .title b{ font-size:42px; display:block; line-height:1;}
.rj01 .title p{ font-size:18px; line-height:28px; display:block; margin-top:5px;}
.rj01 .list{ width:100%; display:block;}
.rj01 .list li{ padding:5px 10px; padding-right:65px; display:block; overflow:hidden; position:relative; margin-top:15px; border-radius:5px; background-color:#f1f1f1;}
.rj01 .list li .r01{ padding-left:15px; background-image:url(../images/rj012_08.jpg); background-position:left center; background-repeat:no-repeat; font-size:16px; line-height:26px;}
.rj01 .list li .r02{ font-size:14px; line-height:24px;}
.rj01 .list li .r03{ position:absolute; right:0; top:0; background-image:url(../images/rj011_05.jpg); background-position:right center; background-size:contain; background-size:auto 100%; background-repeat:no-repeat; height:100%; display:flex; align-items:center; padding-right:5px;}
.rj01 .list li .r03 span{ display:block; font-size:42px; line-height:1; color:#333; opacity:0.1;}
.rj01 .list li .r03 span a{ color:#fff;}
}

@media screen and (min-width:1280px){
.rj02{ width:100%; position:relative; background-color:#fff;}
.rj02 .box{ width:1200px; height:540px; margin:auto; position:relative; z-index:3;}
.rj02 .title{ width:450px; text-align:right; padding-top:70px; color:#fff;}
.rj02 .title b{ font-size:72px; display:block; line-height:1;}
.rj02 .title p{ font-size:24px; line-height:34px; display:block; margin-top:15px;}
.rj02 .box .left{ width:780px; height:470px; position:absolute; left:0; top:0; z-index:2; background-image:url(../images/rj021_13.png); background-position:center; background-repeat:no-repeat; background-size:100% 100%; padding:65px 70px; box-sizing:border-box;}
.rj02 .box .left ul{ display:block; overflow:hidden; margin-top:-40px;}
.rj02 .box .left ul li{ display:block; overflow:hidden; margin-top:40px;}
.rj02 .box .left ul li a{ font-size:50px; width:70px; line-height:1; color:#33b9ee; display:block; float:left;}
.rj02 .box .left ul li p{ width:calc(100% - 70px); overflow:hidden; display:block; float:left;}
.rj02 .box .left ul li p b{ font-size:20px; line-height:30px; display:block;}
.rj02 .box .left ul li p span{ font-size:16px; line-height:26px; display:block; color:#666; margin-top:5px;}
.rj02 .box .left ul li:hover p b{ color:#33b9ee;} 
.rj02 .box .right{ width:810px; height:470px; position:absolute; left:750px; bottom:0; z-index:1; background-size:100% 100%;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.rj02{ width:100%; position:relative; background-color:#fff;}
.rj02 .box{ width:94%; margin:auto; position:relative; z-index:3; padding-bottom:30px;}
.rj02 .title{ width:50%; margin-left:45%; padding-top:50px; color:#fff; text-align:right;}
.rj02 .title b{ font-size:62px; display:block; line-height:1;}
.rj02 .title p{ font-size:20px; line-height:30px; display:block; margin-top:10px;}
.rj02 .box .left{ width:65%; background-image:url(../images/rj021_13.png); background-position:center; background-repeat:no-repeat; background-size:100% 100%; padding:45px 50px; box-sizing:border-box; position:relative; z-index:2;}
.rj02 .box .left ul{ display:block; overflow:hidden; margin-top:-20px;}
.rj02 .box .left ul li{ display:block; overflow:hidden; margin-top:20px;}
.rj02 .box .left ul li a{ font-size:30px; width:40px; line-height:1; color:#33b9ee; display:block; float:left;}
.rj02 .box .left ul li p{ width:calc(100% - 40px); overflow:hidden; display:block; float:left;}
.rj02 .box .left ul li p b{ font-size:16px; line-height:26px; display:block;}
.rj02 .box .left ul li p span{ font-size:16px; line-height:26px; display:block; color:#666;}
.rj02 .box .left ul li:hover p b{ color:#33b9ee;} 
.rj02 .box .right{ width:65%; height:calc(100% - 30px); position:absolute; right:-3vw; bottom:0; z-index:1; background-size:100% 100%;}
}
@media only screen and (max-width:768px){
.rj02{ width:100%; position:relative; background-color:#fff;}
.rj02 .box{ width:100%; margin:auto; position:relative; z-index:3;}
.rj02 .title{ padding:30px 3vw; text-align:right; color:#fff;}
.rj02 .title b{ font-size:42px; display:block; line-height:1;}
.rj02 .title p{ font-size:18px; line-height:28px; display:block; margin-top:5px;}
.rj02 .box .left{ width:90%; margin-left:3%; background-image:url(../images/rj021_13.png); background-position:center; background-repeat:no-repeat; background-size:100% 100%; padding:15px 20px; box-sizing:border-box; position:relative; z-index:2; margin-top:-6vw;}
.rj02 .box .left ul{ display:block; overflow:hidden; margin-top:-10px;}
.rj02 .box .left ul li{ display:block; overflow:hidden; margin-top:10px;}
.rj02 .box .left ul li a{ font-size:40px; width:60px; line-height:1; color:#33b9ee; display:block; float:left;}
.rj02 .box .left ul li p{ width:calc(100% - 60px); overflow:hidden; display:block; float:left;}
.rj02 .box .left ul li p b{ font-size:18px; line-height:28px; display:block;}
.rj02 .box .left ul li p span{ font-size:16px; line-height:26px; display:block; color:#666;}
.rj02 .box .left ul li:hover p b{ color:#33b9ee;} 
.rj02 .box .right{ margin-left:10%; width:90%; height:49.08vw; position:relative; z-index:1; background-size:100% 100%;}
}

@media screen and (min-width:1280px){
.rj03{ width:100%; position:relative; background-color:#fff; padding-top:70px; padding-bottom:65px;}
.rj03 .box{ width:1080px; margin:auto; position:relative;}
.rj03 .box .mil{ width:100%; font-weight:bold; position:absolute; top:0; left:0; top:0; font-size:60px; line-height:60px; text-align:center; color:#666;}
.rj03 .box .mil a{ color:#33b9ee;}
.rj03 .box .left{ width:540px; float:left;}
.rj03 .box .right{ width:540px; float:right;}
.rj03 .box .left .title{ height:60px; line-height:60px; color:#fff; font-size:30px; text-align:center; background-image:url(../images/rj031_16.jpg); background-position:center; background-repeat:no-repeat;}
.rj03 .box .right .title{ height:60px; line-height:60px; color:#333; font-size:30px; text-align:center; background-image:url(../images/rj032_19.jpg); background-position:center; background-repeat:no-repeat;}
.rj03 .box .con{ margin-top:35px; padding:50px; padding-bottom:45px; position:relative;}
.rj03 .box .left .con{ border-radius:10px; box-shadow:0 0 5px rgba(0,0,0,0.3);}
.rj03 .box .r01{ width:240px; height:10px; border-radius:10px; margin:auto; top:-5px; position:absolute; left:50%; margin-left:-120px; background-color:#33b9ee;}
.rj03 .box .right .r01{ background-color:#999;}
.rj03 .box .r02{ text-align:center; font-size:24px; line-height:34px; font-weight:bold; color:#33b9ee;}
.rj03 .box .right .r02{ color:#333;}
.rj03 .box .r03{ font-size:16px; line-height:26px; margin-top:20px;}
.rj03 .box .r03>a{ color:#33b9ee;}
.rj03 .box .right .r03{ color:#999;}
.rj03 .box .right .r03>a{ color:#333;}
.rj03 .box .r04{ font-size:16px; line-height:26px; margin-top:40px;}
.rj03 .box .r04>a{ color:#33b9ee; display:block;}
.rj03 .box .right .r04{ color:#999;}
.rj03 .box .right .r04>a{ color:#333;}
.rj03 .wen{ width:1080px; margin:auto; margin-top:30px;}
.rj03 .wen p{ display:block; padding-left:24px; background-image:url(../images/rj033_24.jpg); background-position:left center; background-repeat:no-repeat; overflow:hidden; margin-top:10px; font-size:16px; line-height:26px;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.rj03{ width:100%; position:relative; background-color:#fff; padding-top:50px; padding-bottom:45px;}
.rj03 .box{ width:94%; margin:auto; position:relative;}
.rj03 .box .mil{ width:100%; font-weight:bold; position:absolute; top:0; left:0; top:0; font-size:50px; line-height:50px; text-align:center; color:#666;}
.rj03 .box .mil a{ color:#33b9ee;}
.rj03 .box .left{ width:50%; float:left;}
.rj03 .box .right{ width:50%; float:right;}
.rj03 .box .left .title{ height:50px; line-height:50px; color:#fff; font-size:24px; text-align:center; background-image:url(../images/rj031_16.jpg); background-position:center; background-repeat:no-repeat; background-size:auto 100%;}
.rj03 .box .right .title{ height:50px; line-height:50px; color:#333; font-size:24px; text-align:center; background-image:url(../images/rj032_19.jpg); background-position:center; background-repeat:no-repeat; background-size:auto 100%;}
.rj03 .box .con{ margin-top:25px; padding:30px; padding-bottom:25px; position:relative;}
.rj03 .box .left .con{ border-radius:10px; box-shadow:0 0 5px rgba(0,0,0,0.3);}
.rj03 .box .r01{ width:200px; height:10px; border-radius:10px; margin:auto; top:-5px; position:absolute; left:50%; margin-left:-100px; background-color:#33b9ee;}
.rj03 .box .right .r01{ background-color:#999;}
.rj03 .box .r02{ text-align:center; font-size:20px; line-height:30px; font-weight:bold; color:#33b9ee;}
.rj03 .box .right .r02{ color:#333;}
.rj03 .box .r03{ font-size:14px; line-height:24px; margin-top:10px;}
.rj03 .box .r03>a{ color:#33b9ee;}
.rj03 .box .right .r03{ color:#999;}
.rj03 .box .right .r03>a{ color:#333;}
.rj03 .box .r04{ font-size:14px; line-height:24px; margin-top:20px;}
.rj03 .box .r04>a{ color:#33b9ee; display:block;}
.rj03 .box .right .r04{ color:#999;}
.rj03 .box .right .r04>a{ color:#333;}
.rj03 .wen{ width:94%; margin:auto; margin-top:20px;}
.rj03 .wen p{ display:block; padding-left:20px; background-image:url(../images/rj033_24.jpg); background-position:0 4px; background-repeat:no-repeat; overflow:hidden; margin-top:10px; font-size:14px; line-height:24px; background-size:auto 16px;}
}
@media only screen and (max-width:768px){
.rj03{ width:100%; position:relative; background-color:#fff; padding-top:30px; padding-bottom:25px;}
.rj03 .box{ width:94%; margin:auto; position:relative;}
.rj03 .box .mil{ width:100%; font-weight:bold; position:absolute; top:0; left:0; top:0; font-size:40px; line-height:40px; text-align:center; color:#666;}
.rj03 .box .mil a{ color:#33b9ee;}
.rj03 .box .left{ width:50%; float:left;}
.rj03 .box .right{ width:50%; float:right;}
.rj03 .box .left .title{ height:40px; line-height:40px; color:#fff; font-size:18px; text-align:center; background-image:url(../images/rj031_16.jpg); background-position:center; background-repeat:no-repeat; background-size:auto 100%;}
.rj03 .box .right .title{ height:40px; line-height:40px; color:#333; font-size:18px; text-align:center; background-image:url(../images/rj032_19.jpg); background-position:center; background-repeat:no-repeat; background-size:auto 100%;}
.rj03 .box .con{ margin-top:15px; padding:15px; padding-bottom:10px; position:relative;}
.rj03 .box .left .con{ border-radius:10px; box-shadow:0 0 5px rgba(0,0,0,0.3);}
.rj03 .box .r01{ width:120px; height:10px; border-radius:10px; margin:auto; top:-5px; position:absolute; left:50%; margin-left:-60px; background-color:#33b9ee;}
.rj03 .box .right .r01{ background-color:#999;}
.rj03 .box .r02{ text-align:center; font-size:18px; line-height:28px; font-weight:bold; color:#33b9ee;}
.rj03 .box .right .r02{ color:#333;}
.rj03 .box .r03{ font-size:14px; line-height:24px; margin-top:5px;}
.rj03 .box .r03>a{ color:#33b9ee;}
.rj03 .box .right .r03{ color:#999;}
.rj03 .box .right .r03>a{ color:#333;}
.rj03 .box .r04{ font-size:14px; line-height:24px; margin-top:10px;}
.rj03 .box .r04>a{ color:#33b9ee; display:block;}
.rj03 .box .right .r04{ color:#999;}
.rj03 .box .right .r04>a{ color:#333;}
.rj03 .wen{ width:94%; margin:auto; margin-top:10px;}
.rj03 .wen p{ display:block; padding-left:15px; background-image:url(../images/rj033_24.jpg); background-position:0 5px; background-repeat:no-repeat; overflow:hidden; margin-top:5px; font-size:14px; line-height:24px; background-size:auto 14px;}
}

@media screen and (min-width:1280px){
.rj04{ width:100%; padding-top:70px; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover;}
.rj04 .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:rgba(0,0,0,0.7);}
.rj04 .box{ width:1200px; margin:auto; position:relative; z-index:3;}
.rj04 .title{ width:100%; color:#fff;}
.rj04 .title b{ font-size:72px; display:block; line-height:1;}
.rj04 .title p{ font-size:24px; line-height:34px; display:block; margin-top:15px;}
.rj04 .con{ width:1200px; margin:auto; position:relative; z-index:3; padding-top:40px; background-image:url(../images/rj041.png); background-position:top center; background-repeat:no-repeat;}
.rj04 .box dl{ display:block; overflow:hidden; width:100%; background-image:url(../images/rj042.png); background-position:top center; background-repeat:repeat-y; padding-bottom:70px;}
.rj04 .box dl dt{ display:block; width:608px; float:left; position:relative;}
.rj04 .box dl dd{ display:block; margin-top:-100px; width:608px; float:right; position:relative;}
.rj04 .box dl dt .d01{ position:absolute; top:22px; right:0; width:10px; height:10px; border:3px solid #fff; border-radius:100%;}
.rj04 .box dl dd .d01{ position:absolute; bottom:22px; left:0; width:10px; height:10px; border:3px solid #fff; border-radius:100%;}
.rj04 .box dl dt .d02{ width:10px; height:20px; position:absolute; top:20px; right:78px;}
.rj04 .box dl dt .d02 img{ width:100%; display:block;}
.rj04 .box dl dd .d02{ width:10px; height:20px; position:absolute; bottom:20px; left:78px;}
.rj04 .box dl dd .d02 img{ width:100%; display:block;}
.rj04 .box dl .d03{ width:480px; padding:15px 20px; background-color:#fff; border-radius:10px;}
.rj04 .box dl dt .d03{ float:left;}
.rj04 .box dl dd .d03{ float:right;}
.rj04 .box dl .d03 .biao{ position:relative;}
.rj04 .box dl .d03 .biao p{ font-size:20px; line-height:30px; position:relative; z-index:3; display:block; font-weight:bold;}
.rj04 .box dl .d03 .biao b{ width:100px; height:8px; border-radius:10px; position:absolute; left:10px; bottom:0; z-index:0; background:#33b9ee;}
.rj04 .box dl .d03 .wen{ margin-top:10px; font-size:14px; line-height:24px;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.rj04{ width:100%; padding-top:50px; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover;}
.rj04 .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:rgba(0,0,0,0.7);}
.rj04 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.rj04 .title{ width:100%; color:#fff;}
.rj04 .title b{ font-size:62px; display:block; line-height:1;}
.rj04 .title p{ font-size:20px; line-height:30px; display:block; margin-top:10px;}
.rj04 .con{ width:100%; margin:auto; position:relative; z-index:3; padding-top:40px; background-image:url(../images/rj041.png); background-position:top center; background-repeat:no-repeat;}
.rj04 .box dl{ display:block; overflow:hidden; width:100%; background-image:url(../images/rj042.png); background-position:top center; background-repeat:repeat-y; padding-bottom:50px;}
.rj04 .box dl dt{ display:block; width:50%; padding-right:8px; float:left; position:relative;}
.rj04 .box dl dd{ display:block; margin-top:-100px; width:50%; padding-left:8px; float:right; position:relative;}
.rj04 .box dl dt .d01{ position:absolute; top:22px; right:0; width:10px; height:10px; border:3px solid #fff; border-radius:100%;}
.rj04 .box dl dd .d01{ position:absolute; bottom:22px; left:0; width:10px; height:10px; border:3px solid #fff; border-radius:100%;}
.rj04 .box dl dt .d02{ width:10px; height:20px; position:absolute; top:20px; left:calc(100% - 50px);}
.rj04 .box dl dt .d02 img{ width:100%; display:block;}
.rj04 .box dl dd .d02{ width:10px; height:20px; position:absolute; bottom:20px; right:calc(100% - 50px);}
.rj04 .box dl dd .d02 img{ width:100%; display:block;}
.rj04 .box dl .d03{ width:calc(100% - 80px); padding:15px 20px; background-color:#fff; border-radius:10px;}
.rj04 .box dl dt .d03{ float:left;}
.rj04 .box dl dd .d03{ float:right;}
.rj04 .box dl .d03 .biao{ position:relative;}
.rj04 .box dl .d03 .biao p{ font-size:20px; line-height:30px; position:relative; z-index:3; display:block; font-weight:bold;}
.rj04 .box dl .d03 .biao b{ width:100px; height:8px; border-radius:10px; position:absolute; left:10px; bottom:0; z-index:0; background:#33b9ee;}
.rj04 .box dl .d03 .wen{ margin-top:10px; font-size:14px; line-height:24px;}
}
@media only screen and (max-width:768px){
.rj04{ width:100%; padding-top:30px; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover;}
.rj04 .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:rgba(0,0,0,0.7);}
.rj04 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.rj04 .title{ width:100%; color:#fff;}
.rj04 .title b{ font-size:42px; display:block; line-height:1;}
.rj04 .title p{ font-size:18px; line-height:28px; display:block; margin-top:5px;}
.rj04 .con{ width:100%; position:relative; z-index:3; padding-top:20px; background-image:url(../images/rj041.png); background-position:top left; background-repeat:no-repeat; background-size:30px auto;}
.rj04 .box dl{ display:block; overflow:hidden; width:100%; background-image:url(../images/rj042.png); background-position:8px 0; background-repeat:repeat-y; background-size:14px auto; padding-bottom:30px;}
.rj04 .box dl dt{ display:block; margin-top:10px; width:100%; position:relative;}
.rj04 .box dl dd{ display:block; margin-top:10px; width:100%; position:relative;}
.rj04 .box dl .d01{ position:absolute; top:12px; left:11px; width:4px; height:4px; border:2px solid #fff; border-radius:100%;}
.rj04 .box dl dt .d02{ transform:rotate(180deg);}
.rj04 .box dl .d02{ width:5px; height:10px; position:absolute; top:10px; left:30px;}
.rj04 .box dl .d02 img{ width:100%; display:block;}
.rj04 .box dl .d03{ width:calc(100% - 65px); margin-left:35px; padding:10px 15px; background-color:#fff; border-radius:5px;}
.rj04 .box dl .d03 .biao{ position:relative;}
.rj04 .box dl .d03 .biao p{ font-size:16px; line-height:26px; position:relative; z-index:3; display:block; font-weight:bold;}
.rj04 .box dl .d03 .biao b{ width:50px; height:8px; border-radius:10px; position:absolute; left:5px; bottom:0; z-index:0; background:#33b9ee;}
.rj04 .box dl .d03 .wen{ margin-top:5px; font-size:14px; line-height:24px;}
}

/*网站优化*/
@media screen and (min-width:1280px){
.yh01{ width:100%; padding-top:70px; padding-bottom:65px; position:relative; background-color:#fff; background-position:bottom center; background-repeat:no-repeat;}
.yh01 .box{ width:1200px; margin:auto; position:relative; z-index:3;}
.yh01 .title{ width:570px; position:absolute; left:0; top:0;}
.yh01 .title b{ font-size:72px; display:block; line-height:1;}
.yh01 .title p{ font-size:24px; line-height:34px; display:block; margin-top:15px;}
.yh01 .list{ width:100%; display:block; overflow:hidden;}
.yh01 .list li{ display:block; margin-left:60px; float:left; width:570px; overflow:hidden; position:relative; margin-top:25px; padding-left:50px; box-sizing:border-box;}
.yh01 .list li:nth-child(1){ margin-left:630px; margin-top:0;}
.yh01 .list li:nth-child(2n){ clear:left; float:left; margin-left:0;}
.yh01 .list li .y01{ position:absolute; left:0; top:0; width:80px; height:60px; background-image:url(../images/yx01_05.png); background-position:top left; background-repeat:no-repeat; padding:0 10px; font-size:30px; line-height:40px; color:#fff;}
.yh01 .list li .y02{ font-weight:bold; font-size:20px; line-height:30px; margin:5px 30px; margin-right:0;}
.yh01 .list li .y03{ font-size:14px; line-height:24px;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.yh01{ width:100%; padding-top:50px; padding-bottom:45px; position:relative; background-color:#fff; background-position:bottom center; background-repeat:no-repeat; background-size:100% auto;}
.yh01 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.yh01 .title{ width:48.5%; position:absolute; left:0; top:0;}
.yh01 .title b{ font-size:62px; display:block; line-height:1;}
.yh01 .title p{ font-size:20px; line-height:30px; display:block; margin-top:10px;}
.yh01 .list{ width:100%; display:block; overflow:hidden;}
.yh01 .list li{ display:block; margin-left:3%; float:left; width:48.5%; overflow:hidden; position:relative; margin-top:20px; padding-left:30px; box-sizing:border-box;}
.yh01 .list li:nth-child(1){ margin-left:51.5%; margin-top:0;}
.yh01 .list li:nth-child(2n){ clear:left; float:left; margin-left:0;}
.yh01 .list li .y01{ position:absolute; left:0; top:0; width:50px; height:45px; background-image:url(../images/yx01_05.png); background-position:top left; background-repeat:no-repeat; padding:0 7px; font-size:24px; line-height:34px; color:#fff; background-size:100% 100%;}
.yh01 .list li .y02{ font-weight:bold; font-size:18px; line-height:28px; margin-left:30px; margin-top:5px;}
.yh01 .list li .y03{ font-size:14px; line-height:24px;}
}
@media only screen and (max-width:768px){
.yh01{ width:100%; padding-top:30px; padding-bottom:25px; position:relative; background-color:#fff; background-color:#fff; background-position:bottom center; background-repeat:no-repeat; background-size:150% auto;}
.yh01 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.yh01 .title{ width:100%; position:relative;}
.yh01 .title b{ font-size:42px; display:block; line-height:1;}
.yh01 .title p{ font-size:18px; line-height:28px; display:block; margin-top:5px;}
.yh01 .list{ width:100%; display:block; overflow:hidden;}
.yh01 .list li{ display:block; width:100%; overflow:hidden; position:relative; margin-top:15px; padding-left:30px; box-sizing:border-box;}
.yh01 .list li .y01{ position:absolute; left:0; top:0; width:50px; height:45px; background-image:url(../images/yx01_05.png); background-position:top left; background-repeat:no-repeat; padding:0 7px; font-size:24px; line-height:34px; color:#fff; background-size:100% 100%;}
.yh01 .list li .y02{ font-weight:bold; font-size:18px; line-height:28px; margin-left:30px; margin-top:5px;}
.yh01 .list li .y03{ font-size:14px; line-height:24px;}
}

@media screen and (min-width:1280px){
.yh02{ width:100%; padding:70px 0; position:relative; background-color:#f1f1f1;}
.yh02 .box{ width:1200px; margin:auto; position:relative; z-index:3;}
.yh02 .title{ width:100%;}
.yh02 .title b{ font-size:72px; display:block; line-height:1;}
.yh02 .title p{ font-size:24px; line-height:34px; display:block; margin-top:15px;}
.yh02 .list{ width:100%; display:block; overflow:hidden; margin-top:25px;}
.yh02 .list li{ padding:25px 20px; box-sizing:border-box; display:block; width:150px; height:460px; position:relative; overflow:hidden; float:left;}
.yh02 .list li *{ -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.yh02 .list li.on{ width:300px;}
.yh02 .list li:nth-child(1){ background-color:#f1380c;}
.yh02 .list li:nth-child(2){ background-color:#fea803;}
.yh02 .list li:nth-child(3){ background-color:#d42a2a;}
.yh02 .list li:nth-child(4){ background-color:#2aab85;}
.yh02 .list li:nth-child(5){ background-color:#3774c5;}
.yh02 .list li:nth-child(6){ background-color:#c9b27c;}
.yh02 .list li:nth-child(7){ background-color:#934a93;}
.yh02 .list li .y01{ position:absolute; right:-30px; top:165px; font-size:120px; line-height:130px; z-index:1; opacity:0.1; color:#fff;}
.yh02 .list li.on .y01{ top:8px; right:0;}
.yh02 .list li .y02{ font-size:18px; line-height:26px; color:#fff; font-weight:bold;}
.yh02 .list li .y03{ font-size:18px; line-height:28px; color:#fff; font-weight:bold;}
.yh02 .list li.on .y03{ font-size:20px; line-height:30px;}
.yh02 .list li .y04{ font-size:14px; line-height:22px; color:#fff; margin-top:10px;}
.yh02 .list li .y05{ font-size:14px; line-height:22px; color:#fff;}
.yh02 .list li.on .y04{ font-size:18px;}
.yh02 .list li.on .y05{ font-size:18px;}
.yh02 .list li .y06{ font-size:16px; line-height:30px; color:#fff; margin-top:40px; opacity:0;}
.yh02 .list li.on .y06{ opacity:1;}
.yh02 .list li .y07{ height:40px; position:absolute; right:30px; bottom:30px; z-index:3;}
.yh02 .list li .y07 img{ display:block; height:40px;}
.yh02 .list li .y08{ width:0; position:absolute; right:0; bottom:0; z-index:1;}
.yh02 .list li .y08 img{ display:block; width:100%;}
.yh02 .list li.on .y08{ width:100%;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.yh02{ width:100%; padding:50px 0; position:relative; background-color:#f1f1f1;}
.yh02 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.yh02 .title{ width:100%;}
.yh02 .title b{ font-size:62px; display:block; line-height:1;}
.yh02 .title p{ font-size:20px; line-height:30px; display:block; margin-top:10px;}
.yh02 .list{ width:100%; display:block; overflow:hidden; margin-top:20px;}
.yh02 .list li{ padding:20px 15px; box-sizing:border-box; display:block; width:12.5%; height:420px; position:relative; overflow:hidden; float:left;}
.yh02 .list li *{ -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.yh02 .list li.on{ width:25%;}
.yh02 .list li:nth-child(1){ background-color:#f1380c;}
.yh02 .list li:nth-child(2){ background-color:#fea803;}
.yh02 .list li:nth-child(3){ background-color:#d42a2a;}
.yh02 .list li:nth-child(4){ background-color:#2aab85;}
.yh02 .list li:nth-child(5){ background-color:#3774c5;}
.yh02 .list li:nth-child(6){ background-color:#c9b27c;}
.yh02 .list li:nth-child(7){ background-color:#934a93;}
.yh02 .list li .y01{ position:absolute; right:-20px; top:155px; font-size:100px; line-height:110px; z-index:1; opacity:0.1; color:#fff;}
.yh02 .list li.on .y01{ top:0; right:0;}
.yh02 .list li .y02{ font-size:16px; line-height:24px; color:#fff; font-weight:bold;}
.yh02 .list li .y03{ font-size:16px; line-height:26px; color:#fff; font-weight:bold;}
.yh02 .list li.on .y03{ font-size:18px; line-height:28px;}
.yh02 .list li .y04{ font-size:14px; line-height:22px; color:#fff; margin-top:10px;}
.yh02 .list li .y05{ font-size:14px; line-height:22px; color:#fff;}
.yh02 .list li.on .y04{ font-size:16px;}
.yh02 .list li.on .y05{ font-size:16px;}
.yh02 .list li .y06{ font-size:16px; line-height:26px; color:#fff; margin-top:20px; opacity:0;}
.yh02 .list li.on .y06{ opacity:1;}
.yh02 .list li .y07{ height:40px; position:absolute; right:30px; bottom:30px; z-index:3;}
.yh02 .list li .y07 img{ display:block; height:40px;}
.yh02 .list li .y08{ width:0; position:absolute; right:0; bottom:0; z-index:1;}
.yh02 .list li .y08 img{ display:block; width:100%;}
.yh02 .list li.on .y08{ width:100%;}
}
@media only screen and (max-width:768px){
.yh02{ width:100%; padding:30px 0; position:relative; background-color:#f1f1f1;}
.yh02 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.yh02 .title{ width:100%; position:relative;}
.yh02 .title b{ font-size:42px; display:block; line-height:1;}
.yh02 .title p{ font-size:18px; line-height:28px; display:block; margin-top:5px;}
.yh02 .list{ width:100%; display:block; overflow:hidden; margin-top:15px;}
.yh02 .list li{ padding:15px; box-sizing:border-box; display:block; width:100%; position:relative; overflow:hidden;}
.yh02 .list li *{ -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.yh02 .list li:nth-child(1){ background-color:#f1380c;}
.yh02 .list li:nth-child(2){ background-color:#fea803;}
.yh02 .list li:nth-child(3){ background-color:#d42a2a;}
.yh02 .list li:nth-child(4){ background-color:#2aab85;}
.yh02 .list li:nth-child(5){ background-color:#3774c5;}
.yh02 .list li:nth-child(6){ background-color:#c9b27c;}
.yh02 .list li:nth-child(7){ background-color:#934a93;}
.yh02 .list li .y01{ position:absolute; right:-15px; top:0; font-size:80px; line-height:90px; z-index:1; opacity:0.1; color:#fff;}
.yh02 .list li.on .y01{ right:0;}
.yh02 .list li .y02{ font-size:14px; line-height:22px; color:#fff; font-weight:bold;}
.yh02 .list li .y03{ font-size:14px; line-height:24px; color:#fff; font-weight:bold;}
.yh02 .list li.on .y03{ font-size:16px; line-height:26px;}
.yh02 .list li .y04{ font-size:12px; line-height:20px; color:#fff; margin-top:5px;}
.yh02 .list li .y05{ font-size:12px; line-height:20px; color:#fff; margin-bottom:5px;}
.yh02 .list li.on .y04{ font-size:14px;}
.yh02 .list li.on .y05{ font-size:14px;}
.yh02 .list li .y06{ width:calc(100% - 60px); font-size:14px; line-height:24px; color:#fff; height:0;}
.yh02 .list li.on .y06{ height:auto;}
.yh02 .list li .y07{ height:40px; z-index:3; position:absolute; right:15px; bottom:20px;}
.yh02 .list li .y07 img{ display:block; height:40px; float:right;}
.yh02 .list li .y08{ width:0; position:absolute; right:0; bottom:0; z-index:1;}
.yh02 .list li .y08 img{ display:block; width:100%; height:100px;}
.yh02 .list li.on .y08{ width:100%;}
}

@media screen and (min-width:1280px){
.yh03{ width:100%; position:relative; background-position:center; background-repeat:no-repeat;}
.yh03 .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:rgba(0,0,0,0.7);}
.yh03 .box{ width:1200px; margin:auto; position:relative; z-index:3; height:720px;}
.yh03 .title{ position:absolute; left:0; top:70px; color:#fff;}
.yh03 .title b{ font-size:72px; display:block; line-height:1;}
.yh03 .title p{ font-size:24px; line-height:34px; display:block; margin-top:15px;}
.yh03 .box .tu{ width:460px; position:absolute; top:50%; left:50%; margin-left:-230px; margin-top:-230px;}
.yh03 .box .tu img{ width:100%; display:block;}
.yh03 .box .y01{ bottom:505px; left:800px; position:absolute; width:310px;}
.yh03 .box .y01 b{ display:block; color:#fff; font-size:20px; line-height:30px;}
.yh03 .box .y01 p{ display:block; color:#fff; font-size:14px; line-height:24px; margin-bottom:10px;}
.yh03 .box .y01 a{ position:absolute; left:-110px; bottom:14px; width:100px; height:1px; background-color:#fff; display:block;}
.yh03 .box .y02{ top:275px; right:890px; position:absolute; width:310px;}
.yh03 .box .y02 b{ display:block; color:#fff; font-size:20px; line-height:30px;}
.yh03 .box .y02 p{ display:block; color:#fff; font-size:14px; line-height:24px; margin-top:10px;}
.yh03 .box .y02 a{ position:absolute; right:-110px; top:14px; width:100px; height:1px; background-color:#fff; display:block;}
.yh03 .box .y03{ bottom:275px; left:890px; position:absolute; width:310px;}
.yh03 .box .y03 b{ display:block; color:#fff; font-size:20px; line-height:30px;}
.yh03 .box .y03 p{ display:block; color:#fff; font-size:14px; line-height:24px; margin-bottom:10px;}
.yh03 .box .y03 a{ position:absolute; left:-110px; bottom:14px; width:100px; height:1px; background-color:#fff; display:block;}
.yh03 .box .y04{ top:505px; right:800px; position:absolute; width:310px;}
.yh03 .box .y04 b{ display:block; color:#fff; font-size:20px; line-height:30px;}
.yh03 .box .y04 p{ display:block; color:#fff; font-size:14px; line-height:24px; margin-top:10px;}
.yh03 .box .y04 a{ position:absolute; right:-110px; top:14px; width:100px; height:1px; background-color:#fff; display:block;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.yh03{ width:100%; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover;}
.yh03 .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:rgba(0,0,0,0.7);}
.yh03 .box{ width:94%; margin:auto; position:relative; z-index:3; height:640px;}
.yh03 .title{ position:absolute; left:0; top:50px; color:#fff;}
.yh03 .title b{ font-size:62px; display:block; line-height:1;}
.yh03 .title p{ font-size:20px; line-height:30px; display:block; margin-top:10px;}
.yh03 .box .tu{ width:400px; position:absolute; top:50%; left:50%; margin-left:-200px; margin-top:-200px;}
.yh03 .box .tu img{ width:100%; display:block;}
.yh03 .box .y01{ bottom:445px; left:calc(100% - 310px); position:absolute; width:310px;}
.yh03 .box .y01 b{ display:block; color:#fff; font-size:18px; line-height:28px;}
.yh03 .box .y01 p{ display:block; color:#fff; font-size:14px; line-height:24px; margin-bottom:5px;}
.yh03 .box .y01 a{ position:absolute; left:-80px; bottom:13px; width:70px; height:1px; background-color:#fff; display:block;}
.yh03 .box .y02{ top:235px; right:calc(100% - 240px); position:absolute; width:240px; text-align:right;}
.yh03 .box .y02 b{ display:block; color:#fff; font-size:18px; line-height:28px;}
.yh03 .box .y02 p{ display:block; color:#fff; font-size:14px; line-height:24px; margin-bottom:5px;}
.yh03 .box .y02 a{ position:absolute; right:-80px; top:13px; width:70px; height:1px; background-color:#fff; display:block;}
.yh03 .box .y03{ bottom:155px; left:calc(100% - 310px); position:absolute; width:310px;}
.yh03 .box .y03 b{ display:block; color:#fff; font-size:18px; line-height:28px;}
.yh03 .box .y03 p{ display:block; color:#fff; font-size:14px; line-height:24px; margin-bottom:5px;}
.yh03 .box .y03 a{ position:absolute; left:-80px; bottom:13px; width:70px; height:1px; background-color:#fff; display:block;}
.yh03 .box .y04{ top:455px; right:calc(100% - 330px); position:absolute; width:310px; text-align:right;}
.yh03 .box .y04 b{ display:block; color:#fff; font-size:18px; line-height:28px;}
.yh03 .box .y04 p{ display:block; color:#fff; font-size:14px; line-height:24px; margin-bottom:5px;}
.yh03 .box .y04 a{ position:absolute; right:-80px; top:13px; width:70px; height:1px; background-color:#fff; display:block;}
}
@media only screen and (max-width:768px){
.yh03{ width:100%; padding-top:30px; padding-bottom:25px; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover;}
.yh03 .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:rgba(0,0,0,0.7);}
.yh03 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.yh03 .title{ width:100%; position:relative; color:#fff;}
.yh03 .title b{ font-size:42px; display:block; line-height:1;}
.yh03 .title p{ font-size:18px; line-height:28px; display:block; margin-top:5px;}
.yh03 .box .tu{ width:230px; margin:auto;}
.yh03 .box .tu img{ width:100%; display:block;}
.yh03 .box .y01{ width:48%; float:left; margin:10px 0;}
.yh03 .box .y01 b{ display:block; color:#fff; font-size:16px; line-height:26px; padding-left:60px;}
.yh03 .box .y01 p{ display:block; color:#fff; font-size:14px; line-height:24px;}
.yh03 .box .y01 a{ position:absolute; left:0; bottom:12px; width:50px; height:1px; background-color:#fff; display:block;}
.yh03 .box .y02{ width:48%; float:right; margin:10px 0; text-align:right;}
.yh03 .box .y02 b{ display:block; color:#fff; font-size:16px; line-height:26px; padding-right:60px;}
.yh03 .box .y02 p{ display:block; color:#fff; font-size:14px; line-height:24px;}
.yh03 .box .y02 a{ position:absolute; right:0; top:12px; width:50px; height:1px; background-color:#fff; display:block;}
.yh03 .box .y03{ width:48%; float:left; margin-top:10px;}
.yh03 .box .y03 b{ display:block; color:#fff; font-size:16px; line-height:26px; padding-left:60px;}
.yh03 .box .y03 p{ display:block; color:#fff; font-size:14px; line-height:24px;}
.yh03 .box .y03 a{ position:absolute; left:0; bottom:12px; width:50px; height:1px; background-color:#fff; display:block;}
.yh03 .box .y04{ width:48%; float:right; margin-top:10px; text-align:right;}
.yh03 .box .y04 b{ display:block; color:#fff; font-size:16px; line-height:26px; padding-right:60px;}
.yh03 .box .y04 p{ display:block; color:#fff; font-size:14px; line-height:24px;}
.yh03 .box .y04 a{ position:absolute; right:0; top:12px; width:50px; height:1px; background-color:#fff; display:block;}
}

@media screen and (min-width:1280px){
.yh04{ width:100%; position:relative; background-color:#fff;}
.yh04 .box{ width:1200px; padding-top:105px; padding-bottom:70px; margin:auto; position:relative; z-index:3;}
.yh04 .title{ position:absolute; left:0; top:70px;}
.yh04 .title b{ font-size:72px; display:block; line-height:1;}
.yh04 .title p{ font-size:24px; line-height:34px; display:block; margin-top:15px;}
.yh04 .box .wen{ width:100%; display:block; position:relative; z-index:2;}
.yh04 .box .wen li{ display:block; margin-top:15px; width:420px; overflow:hidden;}
.yh04 .box .wen li:nth-child(1){ margin-left:600px;}
.yh04 .box .wen li:nth-child(2){ margin-left:400px;}
.yh04 .box .wen li:nth-child(3){ margin-left:200px;}
.yh04 .box .wen li .left{ float:left; width:100px; height:100px; border-radius:50px; border-top-right-radius:5px; background-color:#33b9ee; position:relative; margin-bottom:5px; cursor:pointer;}
.yh04 .box .wen li .left span{ font-size:24px; line-height:36px; color:#fff; display:block; position:absolute; right:10px; top:0;}
.yh04 .box .wen li .left strong{ height:40px; padding:30px 0; display:block;}
.yh04 .box .wen li .left strong img{ display:block; height:40px; margin:auto;}
.yh04 .box .wen li .right{ float:right; width:calc(100% - 120px); cursor:pointer; margin-top:25px;}
.yh04 .box .wen li .right .y01{ font-size:20px; line-height:30px; font-weight:bold; color:#33b9ee; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.yh04 .box .wen li .right .y02{ padding-top:5px; font-size:14px; line-height:24px;}
.yh04 .box .wen li:hover .y01{ padding-left:20px;}
.yh04 .box .tu{ width:600px; position:absolute; right:0; bottom:0; z-index:1;}
.yh04 .box .tu img{ width:100%; display:block;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.yh04{ width:100%; position:relative; background-color:#fff;}
.yh04 .box{ width:94%; padding-top:55px; padding-bottom:50px; margin:auto; position:relative; z-index:3;}
.yh04 .title{ position:absolute; left:0; top:50px;}
.yh04 .title b{ font-size:62px; display:block; line-height:1;}
.yh04 .title p{ font-size:20px; line-height:30px; display:block; margin-top:10px;}
.yh04 .box .wen{ width:100%; display:block; position:relative; z-index:2;}
.yh04 .box .wen li{ display:block; margin-top:15px; width:calc(100% - 300px); max-width:420px; overflow:hidden;}
.yh04 .box .wen li:nth-child(1){ margin-left:300px;}
.yh04 .box .wen li:nth-child(2){ margin-left:200px;}
.yh04 .box .wen li:nth-child(3){ margin-left:100px;}
.yh04 .box .wen li .left{ float:left; width:90px; height:90px; border-radius:45px; border-top-right-radius:5px; background-color:#33b9ee; position:relative; margin-bottom:5px; cursor:pointer;}
.yh04 .box .wen li .left span{ font-size:20px; line-height:30px; color:#fff; display:block; position:absolute; right:5px; top:0;}
.yh04 .box .wen li .left strong{ height:40px; padding:25px 0; display:block;}
.yh04 .box .wen li .left strong img{ display:block; height:40px; margin:auto;}
.yh04 .box .wen li .right{ float:right; width:calc(100% - 105px); cursor:pointer; margin-top:15px;}
.yh04 .box .wen li .right .y01{ font-size:18px; line-height:28px; font-weight:bold; color:#33b9ee; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.yh04 .box .wen li .right .y02{ padding-top:5px; font-size:14px; line-height:24px;}
.yh04 .box .wen li:hover .y01{ padding-left:20px;}
.yh04 .box .tu{ width:50%; position:absolute; right:0; bottom:0; z-index:1;}
.yh04 .box .tu img{ width:100%; display:block;}
}
@media only screen and (max-width:768px){
.yh04{ width:100%; position:relative; background-color:#fff; padding-top:30px;}
.yh04 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.yh04 .title{ width:100%; position:relative;}
.yh04 .title b{ font-size:42px; display:block; line-height:1;}
.yh04 .title p{ font-size:18px; line-height:28px; display:block; margin-top:5px;}
.yh04 .box .wen{ width:100%; display:block; position:relative; z-index:2; padding-top:5px;}
.yh04 .box .wen li{ display:block; margin-top:10px; width:calc(100% - 30px); max-width:420px; overflow:hidden;}
.yh04 .box .wen li:nth-child(1){ margin-left:30px;}
.yh04 .box .wen li:nth-child(2){ margin-left:20px;}
.yh04 .box .wen li:nth-child(3){ margin-left:10px;}
.yh04 .box .wen li .left{ float:left; width:60px; height:60px; border-radius:30px; border-top-right-radius:5px; background-color:#33b9ee; position:relative; margin-bottom:5px; cursor:pointer;}
.yh04 .box .wen li .left span{ font-size:12px; line-height:22px; color:#fff; display:block; position:absolute; right:3px; top:0;}
.yh04 .box .wen li .left strong{ height:20px; padding:20px 0; display:block;}
.yh04 .box .wen li .left strong img{ display:block; height:20px; margin:auto;}
.yh04 .box .wen li .right{ float:right; width:calc(100% - 70px); cursor:pointer;}
.yh04 .box .wen li .right .y01{ font-size:16px; line-height:26px; font-weight:bold; color:#33b9ee; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.yh04 .box .wen li .right .y02{ font-size:14px; line-height:24px;}
.yh04 .box .wen li:hover .y01{ padding-left:20px;}
.yh04 .box .tu{ width:100%; margin-top:10px;}
.yh04 .box .tu img{ width:100%; display:block;}
}

@media screen and (min-width:1280px){
.yh05{ width:100%; position:relative; background-color:#f1f1f1; padding:70px 0;}
.yh05 .title{ width:100%;}
.yh05 .title b{ font-size:72px; display:block; line-height:1;}
.yh05 .title p{ font-size:24px; line-height:34px; display:block; margin-top:15px;}
.yh05 .box{ width:1200px; margin:auto; position:relative; z-index:3;}
.yh05 .box .list{ display:flex; padding-top:5px; flex-wrap:wrap;}
.yh05 .box .list li{ display:block; width:370px; margin-top:20px; position:relative; overflow:hidden; margin-left:45px; padding-top:20px; padding-bottom:15px;}
.yh05 .box .list li:nth-child(3n+1){ margin-left:0;}
.yh05 .box .list li .y01{ width:calc(100% - 20px); position:relative; z-index:2;}
.yh05 .box .list li .y01 span{ display:block; width:36px; padding-right:14px; font-size:20px; line-height:30px; color:#fff; text-align:center; background-image:url(../images/yh05.png); background-position:right center; background-repeat:no-repeat; float:left;}
.yh05 .box .list li .y01 p{ width:calc(100% - 60px); display:block; float:left; margin-left:10px; font-size:20px; line-height:30px;}
.yh05 .box .list li .y01{ width:calc(100% - 20px); position:relative; z-index:2;}
.yh05 .box .list li .y02{ width:calc(100% - 20px); position:relative; z-index:2; margin-top:15px;}
.yh05 .box .list li .y02 span{ display:block; width:36px; padding-right:14px; font-size:20px; line-height:30px; color:#fff; text-align:center; background-image:url(../images/yh051.png); background-position:right center; background-repeat:no-repeat; float:left;}
.yh05 .box .list li .y02 p{ width:calc(100% - 60px); display:block; float:left; margin-left:10px; font-size:14px; line-height:24px; color:#666;}
.yh05 .box .list li .y03{ width:calc(100% - 10px); height:100%; position:absolute; right:0; top:0; border-radius:10px; background-color:#fff; z-index:1;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.yh05{ width:100%; position:relative; background-color:#f1f1f1; padding:50px 0;}
.yh05 .title{ width:100%;}
.yh05 .title b{ font-size:62px; display:block; line-height:1;}
.yh05 .title p{ font-size:20px; line-height:30px; display:block; margin-top:10px;}
.yh05 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.yh05 .box .list{ display:flex; padding-top:5px; flex-wrap:wrap;}
.yh05 .box .list li{ display:block; width:31.33%; margin-top:15px; position:relative; overflow:hidden; margin-left:3.005%; padding-top:15px; padding-bottom:10px;}
.yh05 .box .list li:nth-child(3n+1){ margin-left:0;}
.yh05 .box .list li .y01{ width:calc(100% - 15px); position:relative; z-index:2;}
.yh05 .box .list li .y01 span{ display:block; width:30px; padding-right:14px; font-size:18px; line-height:28px; color:#fff; text-align:center; background-image:url(../images/yh05.png); background-position:right center; background-repeat:no-repeat; float:left;}
.yh05 .box .list li .y01 p{ width:calc(100% - 54px); display:block; float:left; margin-left:10px; font-size:18px; line-height:28px;}
.yh05 .box .list li .y01{ width:calc(100% - 15px); position:relative; z-index:2;}
.yh05 .box .list li .y02{ width:calc(100% - 15px); position:relative; z-index:2; margin-top:10px;}
.yh05 .box .list li .y02 span{ display:block; width:30px; padding-right:14px; font-size:18px; line-height:28px; color:#fff; text-align:center; background-image:url(../images/yh051.png); background-position:right center; background-repeat:no-repeat; float:left;}
.yh05 .box .list li .y02 p{ width:calc(100% - 54px); display:block; float:left; margin-left:10px; font-size:14px; line-height:24px; color:#666;}
.yh05 .box .list li .y03{ width:calc(100% - 10px); height:100%; position:absolute; right:0; top:0; border-radius:10px; background-color:#fff; z-index:1;}
}
@media only screen and (max-width:768px){
.yh05{ width:100%; position:relative; background-color:#f1f1f1; padding:30px 0;}
.yh05 .title{ width:100%; position:relative;}
.yh05 .title b{ font-size:42px; display:block; line-height:1;}
.yh05 .title p{ font-size:18px; line-height:28px; display:block; margin-top:5px;}
.yh05 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.yh05 .box .list{ display:flex; flex-wrap:wrap;}
.yh05 .box .list li{ display:block; width:100%; margin-top:15px; position:relative; overflow:hidden; padding-top:15px; padding-bottom:12px;}
.yh05 .box .list li .y01{ width:calc(100% - 15px); position:relative; z-index:2;}
.yh05 .box .list li .y01 span{ display:block; width:26px; padding-right:14px; font-size:16px; line-height:26px; color:#fff; text-align:center; background-image:url(../images/yh05.png); background-position:right center; background-repeat:no-repeat; float:left;}
.yh05 .box .list li .y01 p{ width:calc(100% - 50px); display:block; float:left; margin-left:10px; font-size:16px; line-height:26px;}
.yh05 .box .list li .y01{ width:calc(100% - 15px); position:relative; z-index:2;}
.yh05 .box .list li .y02{ width:calc(100% - 15px); position:relative; z-index:2; margin-top:10px;}
.yh05 .box .list li .y02 span{ display:block; width:26px; padding-right:14px; font-size:16px; line-height:26px; color:#fff; text-align:center; background-image:url(../images/yh051.png); background-position:right center; background-repeat:no-repeat; float:left;}
.yh05 .box .list li .y02 p{ width:calc(100% - 50px); display:block; float:left; margin-left:10px; font-size:14px; line-height:20px; color:#666;}
.yh05 .box .list li .y03{ width:calc(100% - 10px); height:100%; position:absolute; right:0; top:0; border-radius:5px; background-color:#fff; z-index:1;}
}

/*营销推广*/
@media screen and (min-width:1280px){
.yx01{ width:100%; padding:70px 0;}
.yx01 .title{ width:1200px; margin:auto; position:relative;}
.yx01 .title b{ font-size:72px; display:block; line-height:1;}
.yx01 .title p{ font-size:24px; line-height:34px; display:block; margin-top:15px;}
.yx01 .box{ width:1200px; margin:auto; position:relative; z-index:3; margin-top:25px;}
.yx01 .conts{ width:100%; position:relative; z-index:1;}
.yx01 .box .items{ width:510px; height:250px; float:left; position:relative;}
.yx01 .box .items:nth-child(2){ float:right;}
.yx01 .box .items:nth-child(3){ margin-top:50px;}
.yx01 .box .items:nth-child(4){ margin-top:50px; float:right;}
.yx01 .box .items img{ width:100%; display:block;}
.yx01 .box .items .wen{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.7);}
.yx01 .box .items .wen p{ display:block; width:320px; position:absolute; top:50%; transform:translateY(-50%);}
.yx01 .box .items:nth-child(1) .wen p{ left:30px;}
.yx01 .box .items:nth-child(2) .wen p{ right:30px; text-align:right;}
.yx01 .box .items:nth-child(3) .wen p{ left:30px;}
.yx01 .box .items:nth-child(4) .wen p{ right:30px; text-align:right;}
.yx01 .box .items .wen p span{ display:inline-block; font-size:20px; line-height:30px; padding-bottom:5px; color:#fff; position:relative;}
.yx01 .box .items .wen p a{ display:block; margin-top:15px; font-size:14px; line-height:24px; color:#fff;}
.yx01 .box .items .wen p span b{ position:absolute; right:0; bottom:0; width:90px; height:1px; display:block; background-color:#33b9ee; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.yx01 .box .items:nth-child(2) p a{ float:right;}
.yx01 .box .items:nth-child(2) p span b{ left:0; right:auto;}
.yx01 .box .items:nth-child(4) p a{ float:right;}
.yx01 .box .items:nth-child(4) p span b{ left:0; right:auto;}
.yx01 .box .items:nth-child(2n+1):hover .wen p span b{ right:30px;}
.yx01 .box .items:nth-child(2n):hover .wen p span b{ left:30px;}
.yx01 .mask{ width:500px; height:500px; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); z-index:2; background-image:url(../images/yx01.png); background-position:center; background-repeat:no-repeat;}
.yx01 .biao{ width:330px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); text-align:center;}
.yx01 .biao b{ width:100%; display:block; font-size:30px; height:40px; line-height:40px; position:absolute; left:0; top:0; overflow:hidden; color:#fff;}
.yx01 .biao a{ width:200px; height:10px; display:block; margin:30px auto; margin-bottom:12px; border-radius:10px; overflow:hidden; background:linear-gradient(to right,#fff,#9de3ff); opacity:0.3;}
.yx01 .biao p{ font-size:18px; line-height:28px; display:block; overflow:hidden; color:#fff;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.yx01{ width:100%; padding:50px 0;}
.yx01 .title{ width:94%; margin:auto; position:relative;}
.yx01 .title b{ font-size:62px; display:block; line-height:1;}
.yx01 .title p{ font-size:20px; line-height:30px; display:block; margin-top:10px;}
.yx01 .box{ width:94%; margin:auto; position:relative; z-index:3; margin-top:20px;}
.yx01 .conts{ width:100%; position:relative; z-index:1;}
.yx01 .box .items{ width:42.5%; height:20vw; float:left; position:relative;}
.yx01 .box .items:nth-child(2){ float:right;}
.yx01 .box .items:nth-child(3){ margin-top:2vw;}
.yx01 .box .items:nth-child(4){ margin-top:2vw; float:right;}
.yx01 .box .items img{ width:100%; display:block;}
.yx01 .box .items .wen{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.7);}
.yx01 .box .items .wen p{ display:block; width:65%; position:absolute; top:50%; transform:translateY(-50%);}
.yx01 .box .items:nth-child(1) .wen p{ left:5%;}
.yx01 .box .items:nth-child(2) .wen p{ right:5%; text-align:right;}
.yx01 .box .items:nth-child(3) .wen p{ left:5%;}
.yx01 .box .items:nth-child(4) .wen p{ right:5%; text-align:right;}
.yx01 .box .items .wen p span{ display:inline-block; font-size:18px; line-height:28px; padding-bottom:5px; color:#fff; position:relative;}
.yx01 .box .items .wen p a{ display:block; margin-top:10px; font-size:14px; line-height:24px; color:#fff;}
.yx01 .box .items .wen p span b{ position:absolute; right:0; top:30px; width:90px; height:1px; display:block; background-color:#33b9ee; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.yx01 .box .items:nth-child(2) p a{ float:right;}
.yx01 .box .items:nth-child(2) p span b{ left:0; right:auto;}
.yx01 .box .items:nth-child(4) p a{ float:right;}
.yx01 .box .items:nth-child(4) p span b{ left:0; right:auto;}
.yx01 .box .items:nth-child(2n+1):hover .wen p span b{ right:30px;}
.yx01 .box .items:nth-child(2n):hover .wen p span b{ left:30px;}
.yx01 .mask{ width:38vw; height:38vw; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); z-index:2; background-image:url(../images/yx01.png); background-position:center; background-repeat:no-repeat; background-size:100% 100%;}
.yx01 .biao{ width:70%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); text-align:center;}
.yx01 .biao b{ width:100%; display:block; font-size:24px; height:34px; line-height:34px; position:absolute; left:0; top:0; overflow:hidden; color:#fff;}
.yx01 .biao a{ width:140px; height:8px; display:block; margin:25px auto; margin-bottom:10px; border-radius:10px; overflow:hidden; background:linear-gradient(to right,#fff,#9de3ff); opacity:0.3;}
.yx01 .biao p{ font-size:16px; line-height:26px; display:block; overflow:hidden; color:#fff;}
}
@media only screen and (max-width:768px){
.yx01{ width:100%; padding:30px 0;}
.yx01 .title{ width:94%; margin:auto; position:relative;}
.yx01 .title b{ font-size:42px; display:block; line-height:1;}
.yx01 .title p{ font-size:18px; line-height:28px; display:block; margin-top:5px;}
.yx01 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.yx01 .conts{ width:100%; position:relative; z-index:1;}
.yx01 .box .items{ width:100%; height:46.08vw; margin-top:15px; position:relative;}
.yx01 .box .items img{ width:100%; display:block;}
.yx01 .box .items .wen{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.7);}
.yx01 .box .items .wen p{ display:block; width:90%; position:absolute; top:50%; transform:translateY(-50%);}
.yx01 .box .items:nth-child(1) .wen p{ left:5%;}
.yx01 .box .items:nth-child(2) .wen p{ right:5%; text-align:right;}
.yx01 .box .items:nth-child(3) .wen p{ left:5%;}
.yx01 .box .items:nth-child(4) .wen p{ right:5%; text-align:right;}
.yx01 .box .items .wen p span{ display:inline-block; font-size:16px; line-height:26px; padding-bottom:5px; color:#fff; position:relative;}
.yx01 .box .items .wen p a{ display:block; margin-top:5px; font-size:14px; line-height:24px; color:#fff;}
.yx01 .box .items .wen p span b{ position:absolute; right:0; bottom:0px; width:90px; height:1px; display:block; background-color:#33b9ee; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.yx01 .box .items:nth-child(2) p a{ float:right;}
.yx01 .box .items:nth-child(2) p span b{ left:0; right:auto;}
.yx01 .box .items:nth-child(4) p a{ float:right;}
.yx01 .box .items:nth-child(4) p span b{ left:0; right:auto;}
.yx01 .box .items:nth-child(2n+1):hover .wen p span b{ right:30px;}
.yx01 .box .items:nth-child(2n):hover .wen p span b{ left:30px;}
.yx01 .mask{ display:none;}
}

@media screen and (min-width:1280px){
.yx02{ width:100%; padding:70px 0; background-color:#f1f1f1;}
.yx02 .title{ width:1200px; margin:auto; position:relative;}
.yx02 .title b{ font-size:72px; display:block; line-height:1;}
.yx02 .title p{ font-size:24px; line-height:34px; display:block; margin-top:15px;}
.yx02 .title .swiper-button-prev{ width:50px; height:50px; border-radius:100%; position:absolute; top:50%; margin-top:-25px; background-color:#333; overflow:hidden; cursor:pointer; right:65px;}
.yx02 .title .swiper-button-prev img{ display:block; margin:15px auto;}
.yx02 .title .swiper-button-next{ width:50px; height:50px; border-radius:100%; position:absolute; top:50%; margin-top:-25px; background-color:#333; overflow:hidden; cursor:pointer; right:0;}
.yx02 .title .swiper-button-next img{ display:block; margin:15px auto;}
.yx02 .title .swiper-button-prev:hover,.yx02 .title .swiper-button-next:hover{ background-color:#33b9ee;}
.yx02 .box{ width:1200px; margin:auto; position:relative; z-index:3; margin-top:25px;}
.yx02 .swiper-container{ width:100%; overflow:hidden;}
.yx02 .swiper-container .swiper-slide{ height:430px; position:relative; display:block; overflow:hidden;}
.yx02 .swiper-container .swiper-slide .top{ width:100%; height:100%; box-sizing:border-box; padding:50px 30px; border-bottom:4px solid #33b9ee; background-color:#fff;}
.yx02 .swiper-container .swiper-slide .top .y01{ width:80px; height:80px; border-radius:100%; margin:auto; background-color:#33b9ee;}
.yx02 .swiper-container .swiper-slide .top .y01 img{ display:block; height:40px; margin:20px auto;}
.yx02 .swiper-container .swiper-slide .top .y02{ text-align:center; font-size:20px; font-weight:bold; line-height:30px; margin-top:15px;}
.yx02 .swiper-container .swiper-slide .top .y04{ width:60px; height:2px; margin:auto; background-color:#33b9ee; margin-top:10px;}
.yx02 .swiper-container .swiper-slide .top .y03{ font-size:16px; line-height:26px; margin-top:15px;}
.yx02 .swiper-container .swiper-slide .bot{ width:100%; height:100%; position:absolute; left:0; top:100%; background-size:cover; background-repeat:no-repeat; background-size:cover; background-color:#000; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.yx02 .swiper-container .swiper-slide:hover .bot{ top:0;}
.yx02 .swiper-container .swiper-slide .bot ul{ width:100%; height:100%; box-sizing:border-box; display:flex; padding:0 30px; background-color:rgba(0,0,0,.7); flex-direction:column; justify-content:center;}
.yx02 .swiper-container .swiper-slide .bot ul li{ display:block; border:1px solid rgba(255,255,255,0.5); font-size:16px; line-height:36px; border-radius:40px; margin:10px 0; text-align:center; color:#fff; background-color:rgba(255,255,255,0.1); cursor:pointer; height:36px; overflow:hidden;}
.yx02 .swiper-container .swiper-slide .bot ul li:hover{ background-color:#33b9ee; border:1px solid #33b9ee;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.yx02{ width:100%; padding:50px 0; background-color:#f1f1f1;}
.yx02 .title{ width:94%; margin:auto; position:relative;}
.yx02 .title b{ font-size:62px; display:block; line-height:1;}
.yx02 .title p{ font-size:20px; line-height:30px; display:block; margin-top:10px;}
.yx02 .title .swiper-button-prev{ width:46px; height:46px; border-radius:100%; position:absolute; top:50%; margin-top:-23px; background-color:#333; overflow:hidden; cursor:pointer; right:60px;}
.yx02 .title .swiper-button-prev img{ display:block; margin:13px auto;}
.yx02 .title .swiper-button-next{ width:46px; height:46px; border-radius:100%; position:absolute; top:50%; margin-top:-23px; background-color:#333; overflow:hidden; cursor:pointer; right:0;}
.yx02 .title .swiper-button-next img{ display:block; margin:13px auto;}
.yx02 .title .swiper-button-prev:hover,.yx02 .title .swiper-button-next:hover{ background-color:#33b9ee;}
.yx02 .box{ width:94%; margin:auto; position:relative; z-index:3; margin-top:20px;}
.yx02 .swiper-container{ width:100%; overflow:hidden;}
.yx02 .swiper-container .swiper-slide{ height:404px; position:relative; display:block; overflow:hidden;}
.yx02 .swiper-container .swiper-slide .top{ width:100%; height:100%; box-sizing:border-box; padding:50px 20px; border-bottom:4px solid #33b9ee; background-color:#fff;}
.yx02 .swiper-container .swiper-slide .top .y01{ width:80px; height:80px; border-radius:100%; margin:auto; background-color:#33b9ee;}
.yx02 .swiper-container .swiper-slide .top .y01 img{ display:block; height:40px; margin:20px auto;}
.yx02 .swiper-container .swiper-slide .top .y02{ text-align:center; font-size:18px; font-weight:bold; line-height:28px; margin-top:15px;}
.yx02 .swiper-container .swiper-slide .top .y04{ width:60px; height:2px; margin:auto; background-color:#33b9ee; margin-top:10px;}
.yx02 .swiper-container .swiper-slide .top .y03{ font-size:14px; line-height:24px; margin-top:15px;}
.yx02 .swiper-container .swiper-slide .bot{ width:100%; height:100%; position:absolute; left:0; top:100%; background-size:cover; background-repeat:no-repeat; background-size:cover; background-color:#000; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.yx02 .swiper-container .swiper-slide:hover .bot{ top:0;}
.yx02 .swiper-container .swiper-slide .bot ul{ width:100%; height:100%; box-sizing:border-box; display:flex; padding:0 20px; background-color:rgba(0,0,0,.7); flex-direction:column; justify-content:center;}
.yx02 .swiper-container .swiper-slide .bot ul li{ display:block; border:1px solid rgba(255,255,255,0.5); font-size:14px; line-height:32px; border-radius:40px; margin:7px 0; text-align:center; color:#fff; background-color:rgba(255,255,255,0.1); cursor:pointer; height:32px; overflow:hidden;}
.yx02 .swiper-container .swiper-slide .bot ul li:hover{ background-color:#33b9ee; border:1px solid #33b9ee;}
}
@media only screen and (max-width:768px){
.yx02{ width:100%; padding:30px 0; background-color:#f1f1f1;}
.yx02 .title{ width:94%; margin:auto; position:relative;}
.yx02 .title b{ font-size:42px; display:block; line-height:1;}
.yx02 .title p{ font-size:18px; line-height:28px; display:block; margin-top:5px;}
.yx02 .title .swiper-button-prev{ width:40px; height:40px; border-radius:100%; position:absolute; top:50%; margin-top:-20px; background-color:#333; overflow:hidden; cursor:pointer; right:50px;}
.yx02 .title .swiper-button-prev img{ display:block; height:16px; margin:12px auto;}
.yx02 .title .swiper-button-next{ width:40px; height:40px; border-radius:100%; position:absolute; top:50%; margin-top:-20px; background-color:#333; overflow:hidden; cursor:pointer; right:0;}
.yx02 .title .swiper-button-next img{ display:block; height:16px; margin:12px auto;}
.yx02 .title .swiper-button-prev:hover,.yx02 .title .swiper-button-next:hover{ background-color:#33b9ee;}
.yx02 .box{ width:94%; margin:auto; position:relative; z-index:3; margin-top:15px;}
.yx02 .swiper-container{ width:100%; overflow:hidden;}
.yx02 .swiper-container .swiper-slide{ position:relative; box-sizing:border-box; padding:10px 15px; display:block; overflow:hidden; border-bottom:2px solid #999; background-color:#fff;}
.yx02 .swiper-container .swiper-slide .top{ width:100%;}
.yx02 .swiper-container .swiper-slide .top .y01{ width:70px; height:70px; border-radius:100%; position:absolute; right:15px; top:50%; margin-top:-35px; background-color:#33b9ee;}
.yx02 .swiper-container .swiper-slide .top .y01 img{ display:block; height:40px; margin:15px auto;}
.yx02 .swiper-container .swiper-slide .top .y02{ font-size:16px; font-weight:bold; line-height:26px;}
.yx02 .swiper-container .swiper-slide .top .y04{ width:40px; height:2px; background-color:#33b9ee; margin-top:5px;}
.yx02 .swiper-container .swiper-slide .top .y03{ font-size:14px; line-height:24px; margin-top:5px; width:calc(100% - 80px);}
.yx02 .swiper-container .swiper-slide .bot{ width:calc(100% - 70px); background-image:none !important; padding:5px 0;}
.yx02 .swiper-container .swiper-slide .bot ul{ width:100%; display:block; overflow:hidden;}
.yx02 .swiper-container .swiper-slide .bot ul li{ display:block; border:1px solid #eee; font-size:14px; line-height:24px; height:24px; border-radius:26px; margin-top:5px; color:#999; overflow:hidden; float:left; margin-right:10px; padding:0 10px;}
.yx02 .swiper-container .swiper-slide:hover{ border-bottom:2px solid #33b9ee;}
}

@media screen and (min-width:1280px){
.yx03{ width:100%; padding:70px 0; background-position:center; background-size:cover;}
.yx03 .title{ width:1200px; margin:auto; position:relative;}
.yx03 .title b{ font-size:72px; display:block; line-height:1;}
.yx03 .title p{ font-size:24px; line-height:34px; display:block; margin-top:15px;}
.yx03 .box{ width:1200px; margin:auto; position:relative; z-index:3; margin-top:-5px;}
.yx03 .box .item{ padding-bottom:25px; width:600px; background-color:rgba(255,255,255,0.7); border-radius:15px; margin-top:30px;}
.yx03 .box .item .y01{ padding-top:30px;}
.yx03 .box .item .y01 b{ font-size:20px; line-height:40px; background-color:#33b9ee; color:#fff; border-top-right-radius:20px; border-bottom-right-radius:20px; padding-left:30px; padding-right:35px; display:block; float:left;}
.yx03 .box .item .y02{ padding:0 30px; font-size:18px; line-height:28px; margin-top:15px;}
.yx03 .box .item .y02 a{ color:#33b9ee;}
.yx03 .box .item .y03{ padding:0 30px; font-size:14px; line-height:24px; margin-top:10px; color:#999;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.yx03{ width:100%; padding:50px 0; background-position:center; background-size:cover;}
.yx03 .title{ width:94%; margin:auto; position:relative;}
.yx03 .title b{ font-size:62px; display:block; line-height:1;}
.yx03 .title p{ font-size:20px; line-height:30px; display:block; margin-top:10px;}
.yx03 .box{ width:94%; margin:auto; position:relative; z-index:3; margin-top:-5px;}
.yx03 .box .item{ padding-bottom:20px; width:50%; background-color:rgba(255,255,255,0.7); border-radius:10px; margin-top:25px;}
.yx03 .box .item .y01{ padding-top:25px;}
.yx03 .box .item .y01 b{ font-size:18px; line-height:38px; background-color:#33b9ee; color:#fff; border-top-right-radius:20px; border-bottom-right-radius:20px; padding-left:25px; padding-right:30px; display:block; float:left;}
.yx03 .box .item .y02{ padding:0 25px; font-size:16px; line-height:26px; margin-top:10px;}
.yx03 .box .item .y02 a{ color:#33b9ee;}
.yx03 .box .item .y03{ padding:0 25px; font-size:14px; line-height:24px; margin-top:5px; color:#999;}
}
@media only screen and (max-width:768px){
.yx03{ width:100%; padding:30px 0; background-position:center; background-size:cover;}
.yx03 .title{ width:94%; margin:auto; position:relative;}
.yx03 .title b{ font-size:42px; display:block; line-height:1;}
.yx03 .title p{ font-size:18px; line-height:28px; display:block; margin-top:5px;}
.yx03 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.yx03 .box .item{ padding-bottom:10px; width:100%; background-color:rgba(255,255,255,0.7); border-radius:10px; margin-top:15px;}
.yx03 .box .item .y01{ padding-top:15px;}
.yx03 .box .item .y01 b{ font-size:16px; line-height:36px; background-color:#33b9ee; color:#fff; border-top-right-radius:20px; border-bottom-right-radius:20px; padding-left:15px; padding-right:30px; display:block; float:left;}
.yx03 .box .item .y02{ padding:0 15px; font-size:16px; line-height:26px; margin-top:5px;}
.yx03 .box .item .y02 a{ color:#33b9ee;}
.yx03 .box .item .y03{ padding:0 15px; font-size:14px; line-height:24px; color:#999;}
}

@media screen and (min-width:1280px){
.yx04{ width:100%; padding:70px 0; background-color:#fff;}
.yx04 .title{ width:1200px; margin:auto; position:relative;}
.yx04 .title b{ font-size:72px; display:block; line-height:1;}
.yx04 .title p{ font-size:24px; line-height:34px; display:block; margin-top:15px;}
.yx04 .box{ width:1200px; margin:auto; position:relative; z-index:3; margin-top:25px;}
.yx04 .box ul{ width:1212px; display:block; overflow:hidden;}
.yx04 .box ul li{ width:190px; overflow:hidden; height:380px; display:block; float:left; margin-right:12px; border-bottom-left-radius:15px; border-top-right-radius:15px;}
.yx04 .box ul li .tu{ width:100%; height:100%; position:relative; z-index:1;}
.yx04 .box ul li .tu img{ height:100%; display:block;}
.yx04 .box ul li .tu span{ display:block; color:#fff; opacity:0.7; font-size:30px; position:absolute; right:15px; top:15px; line-height:1;}
.yx04 .box ul li .wen{ position:absolute; width:100%; height:180px; background-color:#33b9ee; position:absolute; left:0; bottom:0; border-bottom-left-radius:15px; border-top-right-radius:15px; z-index:2; padding-top:10px}
.yx04 .box ul li .wen .y01{ padding:20px;}
.yx04 .box ul li .wen .y01 img{ display:block; height:40px; margin:auto;}
.yx04 .box ul li .wen .y02{ width:40px; height:2px; margin:auto; background-color:#fff;}
.yx04 .box ul li .wen .y03{ width:100%; box-sizing:border-box; text-align:center; padding:15px 20px; padding-bottom:0; font-size:20px; line-height:30px; font-weight:bold; color:#fff;}
.yx04 .box ul li .wen .y04{ width:100%; box-sizing:border-box; text-align:center; padding:0 20px; font-size:14px; line-height:24px; color:#fff;}
.yx04 .box ul li:nth-child(2n) .tu span{ top:auto; bottom:15px;}
.yx04 .box ul li:nth-child(2n) .wen{ bottom:auto; top:0;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.yx04{ width:100%; padding:50px 0; background-color:#fff;}
.yx04 .title{ width:94%; margin:auto; position:relative;}
.yx04 .title b{ font-size:62px; display:block; line-height:1;}
.yx04 .title p{ font-size:20px; line-height:30px; display:block; margin-top:10px;}
.yx04 .box{ width:94%; margin:auto; position:relative; z-index:3; margin-top:20px;}
.yx04 .box ul{ width:100%; display:block; overflow:hidden;}
.yx04 .box ul li{ width:16%; overflow:hidden; height:30.08vw; display:block; float:left; margin-right:.8%; border-bottom-left-radius:10px; border-top-right-radius:10px;}
.yx04 .box ul li:last-child{ margin-right:0;}
.yx04 .box ul li:nth-child(2n+1){ padding-bottom:60px;}
.yx04 .box ul li:nth-child(2n){ padding-top:60px;}
.yx04 .box ul li .tu{ width:100%; height:100%; position:relative; z-index:1;}
.yx04 .box ul li .tu img{ height:100%; display:block;}
.yx04 .box ul li .tu span{ display:block; color:#fff; opacity:0.7; font-size:24px; position:absolute; right:10px; top:10px; line-height:1;}
.yx04 .box ul li .wen{ position:absolute; width:100%; height:170px; background-color:#33b9ee; position:absolute; left:0; bottom:0; border-bottom-left-radius:10px; border-top-right-radius:10px; z-index:2; padding-top:10px;}
.yx04 .box ul li .wen .y01{ padding:15px;}
.yx04 .box ul li .wen .y01 img{ display:block; height:40px; margin:auto;}
.yx04 .box ul li .wen .y02{ width:40px; height:2px; margin:auto; background-color:#fff;}
.yx04 .box ul li .wen .y03{ width:100%; box-sizing:border-box; text-align:center; padding:10px 15px; padding-bottom:0; font-size:18px; line-height:28px; font-weight:bold; color:#fff;}
.yx04 .box ul li .wen .y04{ width:100%; box-sizing:border-box; text-align:center; padding:0 20px; font-size:14px; line-height:18px; color:#fff;}
.yx04 .box ul li:nth-child(2n) .tu span{ top:auto; bottom:10px;}
.yx04 .box ul li:nth-child(2n) .wen{ bottom:auto; top:0;}
}
@media only screen and (max-width:768px){
.yx04{ width:100%; padding:30px 0; background-color:#fff;}
.yx04 .title{ width:94%; margin:auto; position:relative;}
.yx04 .title b{ font-size:42px; display:block; line-height:1;}
.yx04 .title p{ font-size:18px; line-height:28px; display:block; margin-top:5px;}
.yx04 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.yx04 .box ul{ width:100%; display:block; overflow:hidden;}
.yx04 .box ul li{ width:32%; overflow:hidden; height:60.16vw; margin-top:15px; display:block; float:left; margin-right:2%; border-bottom-left-radius:5px; border-top-right-radius:5px;}
.yx04 .box ul li:nth-child(3n){ margin-right:0;}
.yx04 .box ul li .tu{ width:100%; height:100%; position:relative; z-index:1;}
.yx04 .box ul li .tu img{ height:100%; display:block;}
.yx04 .box ul li .tu span{ display:block; color:#fff; opacity:0.7; font-size:20px; position:absolute; right:5px; top:5px; line-height:1;}
.yx04 .box ul li .wen{ position:absolute; width:100%; height:140px; background-color:#33b9ee; position:absolute; left:0; bottom:0; border-bottom-left-radius:5px; border-top-right-radius:5px; z-index:2; padding-top:5px;}
.yx04 .box ul li .wen .y01{ padding:10px;}
.yx04 .box ul li .wen .y01 img{ display:block; height:40px; margin:auto;}
.yx04 .box ul li .wen .y02{ width:40px; height:2px; margin:auto; background-color:#fff;}
.yx04 .box ul li .wen .y03{ width:100%; box-sizing:border-box; text-align:center; padding:5px 10px; padding-bottom:0; font-size:14px; line-height:24px; font-weight:bold; color:#fff;}
.yx04 .box ul li .wen .y04{ width:100%; box-sizing:border-box; text-align:center; padding:0 10px; font-size:12px; line-height:14px; color:#fff;}
.yx04 .box ul li:nth-child(2n) .tu span{ top:auto; bottom:5px;}
.yx04 .box ul li:nth-child(2n) .wen{ bottom:auto; top:0;}
}

@media screen and (min-width:1280px){
.yx05{ width:100%; padding-top:70px; background-color:#fff;}
.yx05 .title{ width:1200px; margin:auto; position:relative;}
.yx05 .title b{ font-size:72px; display:block; line-height:1;}
.yx05 .title p{ font-size:24px; line-height:34px; display:block; margin-top:15px;}
.yx05 .box{ display:flex; justify-content:space-between; width:1200px; margin:auto; position:relative; z-index:3; margin-top:25px;}
.yx05 .box li{ width:130px; display:block; overflow:hidden; position:relative; padding:40px 30px; background-color:#33b9ee; text-align:center; color:#fff;}
.yx05 .box li:nth-child(2n){ background-color:#f1f1f1; color:#33b9ee;}
.yx05 .box li span{ display:block; font-size:40px; line-height:50px;}
.yx05 .box li b{ display:block; font-size:20px; line-height:30px; margin-top:20px;}
.yx05 .box li p{ display:block; font-size:16px; line-height:26px; margin:5px 0;}
.yx05 .box li:hover{ background-color:#33b9ee; color:#fff;}
.yx05 .box li em{ display:block; position:absolute; top:50%; margin-top:-18px; left:-18px; background-color:#fff; overflow:hidden; width:36px; height:36px; border-radius:100%; z-index:1;}
.yx05 .box li i{ display:block; position:absolute; top:50%; margin-top:-18px; right:-18px; background-color:#fff; overflow:hidden; width:36px; height:36px; border-radius:100%; z-index:1;}
.yx05 .box li:first-child em{ display:none;}
.yx05 .box li:last-child i{ display:none;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.yx05{ width:100%; padding-top:50px; background-color:#fff;}
.yx05 .title{ width:94%; margin:auto; position:relative;}
.yx05 .title b{ font-size:62px; display:block; line-height:1;}
.yx05 .title p{ font-size:20px; line-height:30px; display:block; margin-top:10px;}
.yx05 .box{ display:flex; justify-content:space-between; width:94%; margin:auto; position:relative; z-index:3; margin-top:20px;}
.yx05 .box li{ width:16%; display:block; overflow:hidden; position:relative; padding:30px 20px; box-sizing:border-box; background-color:#33b9ee; text-align:center; color:#fff;}
.yx05 .box li:nth-child(2n){ background-color:#f1f1f1; color:#33b9ee;}
.yx05 .box li span{ display:block; font-size:34px; line-height:44px;}
.yx05 .box li b{ display:block; font-size:18px; line-height:28px; margin-top:15px;}
.yx05 .box li p{ display:block; font-size:14px; line-height:24px; margin:5px 0;}
.yx05 .box li:hover{ background-color:#33b9ee; color:#fff;}
.yx05 .box li em{ display:block; position:absolute; top:50%; margin-top:-15px; left:-15px; background-color:#fff; overflow:hidden; width:30px; height:30px; border-radius:100%; z-index:1;}
.yx05 .box li i{ display:block; position:absolute; top:50%; margin-top:-15px; right:-15px; background-color:#fff; overflow:hidden; width:30px; height:30px; border-radius:100%; z-index:1;}
.yx05 .box li:first-child em{ display:none;}
.yx05 .box li:last-child i{ display:none;}
}
@media only screen and (max-width:768px){
.yx05{ width:100%; padding-top:30px; background-color:#fff;}
.yx05 .title{ width:94%; margin:auto; position:relative;}
.yx05 .title b{ font-size:42px; display:block; line-height:1;}
.yx05 .title p{ font-size:18px; line-height:28px; display:block; margin-top:5px;}
.yx05 .box{ width:94%; display:block; margin:auto; position:relative; z-index:3; padding-top:5px;}
.yx05 .box li{ width:calc(50% - 5px); margin-top:10px; display:block; overflow:hidden; position:relative; padding:15px; box-sizing:border-box; background-color:#33b9ee; text-align:center; color:#fff; float:left;}
.yx05 .box li:nth-child(2){ background-color:#f1f1f1; color:#33b9ee; margin-left:10px;}
.yx05 .box li:nth-child(3){ float:right; background-color:#33b9ee; color:#fff; margin-left:10px;}
.yx05 .box li:nth-child(4){ float:left; background-color:#f1f1f1; color:#33b9ee;}
.yx05 .box li:nth-child(5){ float:left; background-color:#33b9ee; color:#fff;}
.yx05 .box li:nth-child(6){ float:left; background-color:#f1f1f1; color:#33b9ee; margin-left:10px;}
.yx05 .box li span{ display:block; font-size:30px; line-height:40px;}
.yx05 .box li b{ display:block; font-size:16px; line-height:26px; margin-top:10px;}
.yx05 .box li p{ display:block; font-size:14px; line-height:24px; height:48px; margin:5px 0;}
.yx05 .box li:hover{ background-color:#33b9ee; color:#fff;}
.yx05 .box li em{ display:block; position:absolute; background-color:#fff; overflow:hidden; width:20px; height:20px; border-radius:100%; z-index:1;}
.yx05 .box li i{ display:block; position:absolute; background-color:#fff; overflow:hidden; width:20px; height:20px; border-radius:100%; z-index:1;}
.yx05 .box li:nth-child(1) em{ top:50%; margin-top:-10px; right:-10px;}
.yx05 .box li:nth-child(1) i{ display:none;}
.yx05 .box li:nth-child(2) em{ top:50%; margin-top:-10px; left:-10px;}
.yx05 .box li:nth-child(2) i{ left:50%; margin-left:-10px; bottom:-10px;}
.yx05 .box li:nth-child(3) em{ top:50%; margin-top:-10px; left:-10px;}
.yx05 .box li:nth-child(3) i{ left:50%; margin-left:-10px; top:-10px;}
.yx05 .box li:nth-child(4) em{ top:50%; margin-top:-10px; right:-10px;}
.yx05 .box li:nth-child(4) i{ left:50%; margin-left:-10px; bottom:-10px;}
.yx05 .box li:nth-child(5) em{ top:50%; margin-top:-10px; right:-10px;}
.yx05 .box li:nth-child(5) i{ left:50%; margin-left:-10px; top:-10px;}
.yx05 .box li:nth-child(6) em{ top:50%; margin-top:-10px; left:-10px;}
.yx05 .box li:nth-child(6) i{ display:none;}
}

/*解决方案*/
@media screen and (min-width:1280px){
.jj{ width:100%; padding:70px 0; position:relative; background-color:#fff;}
.jj .box{ width:1200px; margin:auto; position:relative; z-index:3;}
.jj .title{ width:100%;}
.jj .title b{ font-size:72px; display:block; line-height:1;}
.jj .title p{ font-size:24px; line-height:34px; display:block; margin-top:15px;}
.jj .list{ width:1230px; display:block; overflow:hidden;}
.jj .list li{ display:block; float:left; margin-right:30px; margin-top:25px; width:380px; overflow:hidden; height:373px;}
.jj .list li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.jj .list li .tu{ width:100%; height:240px; position:relative;}
.jj .list li .tu img{ width:100%; display:block;}
.jj .list li .tu b{ width:100%; height:100%; position:absolute; left:0; top:0; display:block; overflow:hidden; z-index:1; background-color:rgba(0,0,0,0.7); opacity:0; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s;}
.jj .list li:hover .tu b{ opacity:1;}
.jj .list li .tu em{ width:32px; height:2px; background-color:#fff; z-index:2; display:block; position:absolute; left:-100%; top:50%; transform:translateX(-50%) translateY(-50%);}
.jj .list li:hover .tu em{ left:50%; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.jj .list li .tu i{ width:2px; height:32px; background-color:#fff; z-index:2; display:block; position:absolute; top:-100%; left:50%; transform:translateX(-50%) translateY(-50%);}
.jj .list li:hover .tu i{ top:50%; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.jj .list li .wen{ width:100%; padding-top:25px; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s;}
.jj .list li:hover .wen{ padding-top:15px;}
.jj .list li .wen span{ padding:0 20px; display:block; font-size:18px; line-height:28px; height:28px; overflow:hidden;}
.jj .list li .wen p{ padding:0 20px; display:block; font-size:14px; line-height:24px; height:48px; color:#666; overflow:hidden; margin-top:5px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.jj .list li .wen strong{ width:380px; height:2px; margin:auto; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s; display:block; background-color:#cacaca; margin-top:25px; overflow:hidden;}
.jj .list li .wen b{ display:none; width:340px; margin:auto;}
.jj .list li:hover .wen span{ color:#33b9ee;}
.jj .list li:hover .wen strong{ width:340px; margin-top:10px; background-color:#33b9ee;}
.jj .list li:hover .wen b{ display:block; height:16px; line-height:16px; padding-top:10px; font-size:14px; text-transform:uppercase; color:#999;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.jj{ width:100%; padding:50px 0; position:relative; background-color:#fff;}
.jj .box{ width:94%; margin:auto; position:relative; z-index:3;}
.jj .title{ width:100%;}
.jj .title b{ font-size:62px; display:block; line-height:1;}
.jj .title p{ font-size:20px; line-height:30px; display:block; margin-top:10px;}
.jj .list{ width:100%; display:block; overflow:hidden;}
.jj .list li{ display:block; float:left; margin-left:2%; margin-top:20px; width:32%; overflow:hidden;}
.jj .list li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.jj .list li .tu{ width:100%; height:18.99vw; position:relative;}
.jj .list li .tu img{ width:100%; display:block;}
.jj .list li .tu b{ width:100%; height:100%; position:absolute; left:0; top:0; display:block; overflow:hidden; z-index:1; background-color:rgba(0,0,0,0.7); opacity:0; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s;}
.jj .list li:hover .tu b{ opacity:1;}
.jj .list li .tu em{ width:32px; height:2px; background-color:#fff; z-index:2; display:block; position:absolute; left:-100%; top:50%; transform:translateX(-50%) translateY(-50%);}
.jj .list li:hover .tu em{ left:50%; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.jj .list li .tu i{ width:2px; height:32px; background-color:#fff; z-index:2; display:block; position:absolute; top:-100%; left:50%; transform:translateX(-50%) translateY(-50%);}
.jj .list li:hover .tu i{ top:50%; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.jj .list li .wen{ width:100%; padding-top:15px; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s; height:108px;}
.jj .list li:hover .wen{ padding-top:10px;}
.jj .list li .wen span{ padding:0 15px; display:block; font-size:18px; line-height:28px; height:28px; overflow:hidden;}
.jj .list li .wen p{ padding:0 15px; display:block; font-size:14px; line-height:24px; height:48px; color:#666; overflow:hidden; margin-top:5px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.jj .list li .wen strong{ width:100%; height:2px; margin:auto; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s; display:block; background-color:#cacaca; margin-top:25px; overflow:hidden;}
.jj .list li .wen b{ display:none; width:calc(100% - 30px); margin:auto;}
.jj .list li:hover .wen span{ color:#33b9ee;}
.jj .list li:hover .wen p{ margin-top:0;}
.jj .list li:hover .wen strong{ width:340px; margin-top:10px; background-color:#33b9ee;}
.jj .list li:hover .wen b{ display:block; height:16px; line-height:16px; padding-top:10px; font-size:14px; text-transform:uppercase; color:#999;}
}
@media only screen and (max-width:768px){
.jj{ width:100%; position:relative; background-color:#fff; padding-top:30px;}
.jj .box{ width:94%; margin:auto; position:relative; z-index:3;}
.jj .title{ width:100%; position:relative;}
.jj .title b{ font-size:42px; display:block; line-height:1;}
.jj .title p{ font-size:18px; line-height:28px; display:block; margin-top:5px;}
.jj .list{ width:100%; display:block; overflow:hidden;}
.jj .list li{ display:block; margin-top:15px; width:100%; overflow:hidden;}
.jj .list li .tu{ width:100%; height:56.36vw; position:relative;}
.jj .list li .tu img{ width:100%; display:block;}
.jj .list li .tu b{ width:100%; height:100%; position:absolute; left:0; top:0; display:block; overflow:hidden; z-index:1; background-color:rgba(0,0,0,0.7); opacity:0; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s;}
.jj .list li:hover .tu b{ opacity:1;}
.jj .list li .tu em{ width:32px; height:2px; background-color:#fff; z-index:2; display:block; position:absolute; left:-100%; top:50%; transform:translateX(-50%) translateY(-50%);}
.jj .list li:hover .tu em{ left:50%; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.jj .list li .tu i{ width:2px; height:32px; background-color:#fff; z-index:2; display:block; position:absolute; top:-100%; left:50%; transform:translateX(-50%) translateY(-50%);}
.jj .list li:hover .tu i{ top:50%; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.jj .list li .wen{ width:100%; padding-top:10px; height:86px;}
.jj .list li .wen span{ padding:0 10px; display:block; font-size:16px; line-height:26px; height:26px; overflow:hidden;}
.jj .list li .wen p{ padding:0 10px; display:block; font-size:14px; line-height:24px; height:48px; color:#666; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.jj .list li .wen strong{ width:100%; height:2px; margin:auto; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s; display:block; background-color:#cacaca; margin-top:10px; overflow:hidden;}
.jj .list li .wen b{ display:none;}
.jj .list li:hover .wen span{ color:#33b9ee;}
.jj .list li:hover .wen strong{ background-color:#33b9ee;}
}

/*解决方案内页*/
@media screen and (min-width:1280px){
.ny{ width:1440px; margin:70px auto; margin-top:65px; position:relative; z-index:1;}
.ny .title{ width:100%;}
.ny .title b{ display:block; font-size:24px; line-height:34px; color:#33b9ee;}
.ny .title span{ display:block; font-size:14px; line-height:24px; color:#333; margin-top:10px;}
.ny .title p{ display:block; margin-top:10px; width:100px; height:2px; background-color:#33b9ee;}
.ny .wen{ margin-top:25px; font-size:14px; line-height:24px;}
.ny .wen img{ max-width:100%; height:auto; margin-top:5px; margin-bottom:5px;}
#portfolio-nav{ width:100%; height:40px; padding:30px 0; margin:auto; margin-top:25px; position:relative; vertical-align:middle; text-align:center; border-top:1px solid #cacaca;}
#portfolio-nav .fh{ display:block; width:40px; height:40px; position:absolute; left:50%; margin-left:-20px; top:50%; margin-top:-20px;}
#portfolio-nav .fh p{ cursor:pointer; display:block; margin:auto; float:left; margin-left:17px; margin-top:17px; position:relative; background-position:11px center; background-repeat:no-repeat; -webkit-transition:all 0.2s linear; transition:all 0.2s linear; font-size:20px; width:40px; height:40px;}
#portfolio-nav .fh i{ width:6px; height:6px; display:block; border-radius:0; transition:all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1); -webkit-transition:all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1); font-size:20px; left:18px; top:22px; color:#888; background-color:#888; box-shadow:-0.5em 0 #888, -0.5em 0.5em #888, 0.5em 0 #888, 0.5em -0.5em #888, 0 -0.5em #888, -0.5em -0.5em #888, 0 0.5em #888, 0.5em 0.5em #888;}
#portfolio-nav .fh:hover p i{ background-color:#33b9ee; color:#33b9ee; box-shadow:-0.6em 0 #33b9ee, -0.6em 0.6em #33b9ee, 0.6em 0 #33b9ee, 0.6em -0.6em #33b9ee, 0 -0.6em #33b9ee, -0.6em -0.6em #33b9ee, 0 0.6em #33b9ee, 0.6em 0.6em #33b9ee;}
#portfolio-nav .prev{ float:left; cursor:pointer; display:block; font-size:14px; line-height:40px; max-width:calc(50% - 40px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#portfolio-nav .prev p{ display:block; float:left; width:30px; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); position:relative; height:40px; margin-right:10px;}
#portfolio-nav .prev .ico{ display:block; float:left; width:30px; height:40px; background:url(../images/zz.png) no-repeat left center; background-size:10px 16px;}
#portfolio-nav .prev .line{ width:0px; height:2px; position:absolute; left:0; top:50%; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); margin-top:-1px; background:#000;}
#portfolio-nav .prev:hover p{ width:40px;}
#portfolio-nav .prev:hover .line{ width:30px;}
#portfolio-nav .next{ float:right; cursor:pointer; display:block; font-size:14px; line-height:40px; max-width:calc(50% - 40px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#portfolio-nav .next p{ display:block; float:right; width:30px; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); position:relative; height:40px; margin-right:10px;}
#portfolio-nav .next .ico{ display:block; float:right; width:30px; height:40px; background:url(../images/yy.png) no-repeat right center; background-size:10px 16px;}
#portfolio-nav .next .line{ width:0px; height:2px; position:absolute; right:0; top:50%; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); margin-top:-1px; background:#000;}
#portfolio-nav .next:hover p{ width:40px;}
#portfolio-nav .next:hover .line{ width:30px;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.ny{ width:94%; margin:50px auto; margin-top:45px; position:relative; z-index:1;}
.ny .title{ width:100%;}
.ny .title b{ display:block; font-size:20px; line-height:30px; color:#33b9ee;}
.ny .title span{ display:block; font-size:14px; line-height:24px; color:#333; margin-top:5px;}
.ny .title p{ display:block; margin-top:5px; width:80px; height:2px; background-color:#33b9ee;}
.ny .wen{ margin-top:20px; font-size:14px; line-height:24px;}
.ny .wen img{ max-width:100%; height:auto; margin-top:5px; margin-bottom:5px;}
#portfolio-nav{ width:100%; height:40px; padding:20px 0; margin:auto; margin-top:20px; position:relative; vertical-align:middle; text-align:center; border-top:1px solid #cacaca;}
#portfolio-nav .fh{ display:block; width:40px; height:40px; position:absolute; left:50%; margin-left:-20px; top:50%; margin-top:-20px;}
#portfolio-nav .fh p{ cursor:pointer; display:block; margin:auto; float:left; margin-left:17px; margin-top:17px; position:relative; background-position:11px center; background-repeat:no-repeat; -webkit-transition:all 0.2s linear; transition:all 0.2s linear; font-size:20px; width:40px; height:40px;}
#portfolio-nav .fh i{ width:6px; height:6px; display:block; border-radius:0; transition:all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1); -webkit-transition:all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1); font-size:20px; left:18px; top:22px; color:#888; background-color:#888; box-shadow:-0.5em 0 #888, -0.5em 0.5em #888, 0.5em 0 #888, 0.5em -0.5em #888, 0 -0.5em #888, -0.5em -0.5em #888, 0 0.5em #888, 0.5em 0.5em #888;}
#portfolio-nav .fh:hover p i{ background-color:#33b9ee; color:#33b9ee; box-shadow:-0.6em 0 #33b9ee, -0.6em 0.6em #33b9ee, 0.6em 0 #33b9ee, 0.6em -0.6em #33b9ee, 0 -0.6em #33b9ee, -0.6em -0.6em #33b9ee, 0 0.6em #33b9ee, 0.6em 0.6em #33b9ee;}
#portfolio-nav .prev{ float:left; cursor:pointer; display:block; font-size:14px; line-height:40px; max-width:calc(50% - 40px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#portfolio-nav .prev p{ display:block; float:left; width:30px; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); position:relative; height:40px; margin-right:10px;}
#portfolio-nav .prev .ico{ display:block; float:left; width:30px; height:40px; background:url(../images/zz.png) no-repeat left center; background-size:10px 16px;}
#portfolio-nav .prev .line{ width:0px; height:2px; position:absolute; left:0; top:50%; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); margin-top:-1px; background:#000;}
#portfolio-nav .prev:hover p{ width:40px;}
#portfolio-nav .prev:hover .line{ width:30px;}
#portfolio-nav .next{ float:right; cursor:pointer; display:block; font-size:14px; line-height:40px; max-width:calc(50% - 40px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#portfolio-nav .next p{ display:block; float:right; width:30px; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); position:relative; height:40px; margin-right:10px;}
#portfolio-nav .next .ico{ display:block; float:right; width:30px; height:40px; background:url(../images/yy.png) no-repeat right center; background-size:10px 16px;}
#portfolio-nav .next .line{ width:0px; height:2px; position:absolute; right:0; top:50%; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); margin-top:-1px; background:#000;}
#portfolio-nav .next:hover p{ width:40px;}
#portfolio-nav .next:hover .line{ width:30px;}
}
@media only screen and (max-width:768px){
.ny{ width:94%; margin:30px auto; margin-top:25px; position:relative; z-index:1;}
.ny .title{ width:100%;}
.ny .title b{ display:block; font-size:16px; line-height:26px; color:#33b9ee;}
.ny .title span{ display:block; font-size:14px; line-height:24px; color:#333;}
.ny .title p{ display:block; margin-top:5px; width:60px; height:2px; background-color:#33b9ee;}
.ny .wen{ margin-top:10px; font-size:14px; line-height:24px;}
.ny .wen img{ max-width:100%; height:auto; margin-top:5px; margin-bottom:5px;}
#portfolio-nav{ width:100%; height:40px; padding:15px 0; margin:auto; margin-top:10px; position:relative; vertical-align:middle; text-align:center; border-top:1px solid #cacaca;}
#portfolio-nav .fh{ display:block; width:40px; height:40px; position:absolute; left:50%; margin-left:-20px; top:50%; margin-top:-20px;}
#portfolio-nav .fh p{ cursor:pointer; display:block; margin:auto; float:left; margin-left:17px; margin-top:17px; position:relative; background-position:11px center; background-repeat:no-repeat; -webkit-transition:all 0.2s linear; transition:all 0.2s linear; font-size:20px; width:40px; height:40px;}
#portfolio-nav .fh i{ width:6px; height:6px; display:block; border-radius:0; transition:all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1); -webkit-transition:all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1); font-size:20px; left:18px; top:22px; color:#888; background-color:#888; box-shadow:-0.5em 0 #888, -0.5em 0.5em #888, 0.5em 0 #888, 0.5em -0.5em #888, 0 -0.5em #888, -0.5em -0.5em #888, 0 0.5em #888, 0.5em 0.5em #888;}
#portfolio-nav .fh:hover p i{ background-color:#33b9ee; color:#33b9ee; box-shadow:-0.6em 0 #33b9ee, -0.6em 0.6em #33b9ee, 0.6em 0 #33b9ee, 0.6em -0.6em #33b9ee, 0 -0.6em #33b9ee, -0.6em -0.6em #33b9ee, 0 0.6em #33b9ee, 0.6em 0.6em #33b9ee;}
#portfolio-nav .prev{ float:left; cursor:pointer; display:block; font-size:14px; line-height:40px; max-width:calc(50% - 40px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#portfolio-nav .prev p{ display:block; float:left; width:30px; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); position:relative; height:40px; margin-right:10px;}
#portfolio-nav .prev .ico{ display:block; float:left; width:30px; height:40px; background:url(../images/zz.png) no-repeat left center; background-size:10px 16px;}
#portfolio-nav .prev .line{ width:0px; height:2px; position:absolute; left:0; top:50%; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); margin-top:-1px; background:#000;}
#portfolio-nav .prev:hover p{ width:40px;}
#portfolio-nav .prev:hover .line{ width:30px;}
#portfolio-nav .next{ float:right; cursor:pointer; display:block; font-size:14px; line-height:40px; max-width:calc(50% - 40px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#portfolio-nav .next p{ display:block; float:right; width:30px; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); position:relative; height:40px; margin-right:10px;}
#portfolio-nav .next .ico{ display:block; float:right; width:30px; height:40px; background:url(../images/yy.png) no-repeat right center; background-size:10px 16px;}
#portfolio-nav .next .line{ width:0px; height:2px; position:absolute; right:0; top:50%; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); margin-top:-1px; background:#000;}
#portfolio-nav .next:hover p{ width:40px;}
#portfolio-nav .next:hover .line{ width:30px;}
}

/*微信小程序*/
@media screen and (min-width:1280px){
.wx01{ width:100%; padding-top:70px; position:relative; background-color:#fff;}
.wx01 .box{ width:1200px; margin:auto; position:relative; z-index:3;}
.wx01 .title{ width:330px; float:left; position:relative; padding-top:30px;}
.wx01 .title b{ font-size:72px; display:block; line-height:1;}
.wx01 .title p{ font-size:24px; line-height:34px; display:block; margin-top:15px;}
.wx01 .title span{ font-size:20px; line-height:30px; display:block; margin-top:20px;}
.wx01 .left{ width:332px; float:left; margin-left:58px;}
.wx01 .left img{ width:100%; display:block;}
.wx01 .right{ width:420px; float:right;}
.wx01 .right dl{ display:block; margin-top:-20px;}
.wx01 .right dl dt{ margin-top:40px; color:#33b9ee; font-size:24px; line-height:34px; font-weight:bold;}
.wx01 .right dl dd{ margin-top:5px; color:#333; font-size:16px; line-height:30px;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.wx01{ width:100%; padding-top:50px; position:relative; background-color:#fff;}
.wx01 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.wx01 .title{ width:260px; float:left; position:relative; padding-top:20px;}
.wx01 .title b{ font-size:62px; display:block; line-height:1;}
.wx01 .title p{ font-size:20px; line-height:30px; display:block; margin-top:10px;}
.wx01 .title span{ font-size:18px; line-height:28px; display:block; margin-top:15px;}
.wx01 .left{ width:332px; float:left; margin-left:3%;}
.wx01 .left img{ width:100%; display:block;}
.wx01 .right{ width:calc(94% - 592px); float:right;}
.wx01 .right dl{ display:block; margin-top:-20px;}
.wx01 .right dl dt{ margin-top:30px; color:#33b9ee; font-size:20px; line-height:30px; font-weight:bold;}
.wx01 .right dl dd{ margin-top:5px; color:#333; font-size:16px; line-height:26px;}
}
@media only screen and (max-width: 768px){
.wx01{ width:100%; padding-top:30px; padding-bottom:25px; position:relative; background-color:#fff;}
.wx01 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.wx01 .title{ width:100%; position:relative;}
.wx01 .title b{ font-size:42px; display:block; line-height:1;}
.wx01 .title p{ font-size:18px; line-height:28px; display:block; margin-top:5px;}
.wx01 .title span{ font-size:16px; line-height:26px; display:block; margin-top:10px;}
.wx01 .left{ width:100%; margin:15px 0;}
.wx01 .left img{ max-width:166px; display:block; margin:auto;}
.wx01 .right{ width:100%;}
.wx01 .right dl{ display:block; margin-top:-10px;}
.wx01 .right dl dt{ margin-top:10px; color:#33b9ee; font-size:18px; line-height:28px; font-weight:bold;}
.wx01 .right dl dd{ color:#333; font-size:14px; line-height:24px;}
}

@media screen and (min-width:1280px){
.wx02{ width:100%; padding-bottom:70px; position:relative; margin-top:-70px;}
.wx02 .box{ width:1200px; margin:auto; position:relative; z-index:3;}
.wx02 .title{ text-align:right; position:relative;}
.wx02 .title b{ font-size:72px; display:block; line-height:1;}
.wx02 .title p{ font-size:24px; line-height:34px; display:block; margin-top:15px;}
.wx02 .right{ width:1220px; display:block; overflow:hidden;}
.wx02 .right li{ display:block; width:285px; height:430px; margin-top:25px; margin-right:20px; float:left; position:relative; overflow:hidden;}
.wx02 .right li a{ display:block; width:100%; height:100%; position:relative; overflow:hidden;}
.wx02 .right li a .tu{ width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.wx02 .right li a .wen{ width:100%; height:100%; background-color:rgba(0,0,0,0.7); position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; text-align:center;}
.wx02 .right li a .wen .s01{ height:60px; padding-top:145px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.wx02 .right li a .wen .s01 img{ display:block; height:60px; margin:auto;}
.wx02 .right li a .wen .s02{ width:calc(100% - 30px); margin:auto; color:#fff; font-size:18px; line-height:28px; height:28px; margin-top:25px;}
.wx02 .right li a .wen .s03{ width:calc(100% - 30px); margin:auto; color:#fff; font-size:14px; line-height:24px; margin-top:5px; text-transform:uppercase;}
.wx02 .right li a .wen .s04{ display:none; width:20px; height:1px; margin:15px auto; background-color:#fff;}
.wx02 .right li a .wen .s05{ width:calc(100% - 30px); margin:auto; color:#fff; font-size:14px; line-height:24px; height:168px; display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:7; overflow:hidden; display:none;}
.wx02 .right li a:hover .wen{ width:calc(100% - 40px); height:calc(100% - 40px); background:rgba(51,185,238,0.9); top:20px; left:20px;}
.wx02 .right li a:hover .wen .s01{ padding-top:80px;}
.wx02 .right li a:hover .wen .s02{ margin-top:15px;}
.wx02 .right li a:hover .wen .s03{ height:24px;}
.wx02 .right li a:hover .wen .s04,.wx02 .right li a:hover .wen .s05{ display:block;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.wx02{ width:100%; padding-bottom:50px; position:relative; margin-top:-50px;}
.wx02 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.wx02 .title{ text-align:right; position:relative;}
.wx02 .title b{ font-size:62px; display:block; line-height:1;}
.wx02 .title p{ font-size:20px; line-height:30px; display:block; margin-top:10px;}
.wx02 .right{ width:100%; display:block; overflow:hidden;}
.wx02 .right li{ display:block; width:22.75%; height:360px; margin-top:20px; margin-left:3%; float:left; position:relative; overflow:hidden;}
.wx02 .right li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.wx02 .right li a{ display:block; width:100%; height:100%; position:relative; overflow:hidden;}
.wx02 .right li a .tu{ width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.wx02 .right li a .wen{ width:100%; height:100%; background-color:rgba(0,0,0,0.7); position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; text-align:center;}
.wx02 .right li a .wen .s01{ height:60px; padding-top:100px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.wx02 .right li a .wen .s01 img{ display:block; height:60px; margin:auto;}
.wx02 .right li a .wen .s02{ width:calc(100% - 30px); margin:auto; color:#fff; font-size:18px; line-height:28px; height:28px; margin-top:15px;}
.wx02 .right li a .wen .s03{ width:calc(100% - 30px); margin:auto; color:#fff; font-size:14px; line-height:24px; margin-top:5px; text-transform:uppercase;}
.wx02 .right li a .wen .s04{ display:none; width:20px; height:1px; margin:15px auto; background-color:#fff;}
.wx02 .right li a .wen .s05{ width:calc(100% - 30px); margin:auto; color:#fff; font-size:14px; line-height:24px; height:192px; display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:8; overflow:hidden; display:none;}
.wx02 .right li a:hover .wen{ width:calc(100% - 30px); height:calc(100% - 30px); background:rgba(51,185,238,0.9); top:15px; left:15px;}
.wx02 .right li a:hover .wen .s01{ padding-top:70px;}
.wx02 .right li a:hover .wen .s02{ margin-top:10px;}
.wx02 .right li a:hover .wen .s03{ height:24px; margin-top:0;}
.wx02 .right li a:hover .wen .s04{ margin:10px auto;}
.wx02 .right li a:hover .wen .s04,.wx02 .right li a:hover .wen .s05{ display:block;}
}
@media only screen and (max-width: 768px){
.wx02{ width:100%; padding:30px 0; position:relative; background-color:#f1f1f1;}
.wx02 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.wx02 .title{ width:100%; position:relative; text-align:right;}
.wx02 .title b{ font-size:42px; display:block; line-height:1;}
.wx02 .title p{ font-size:18px; line-height:28px; display:block; margin-top:5px;}
.wx02 .right{ width:100%; display:block; overflow:hidden;}
.wx02 .right li{ display:block; width:48.5%; height:270px; margin-top:18px; margin-left:3%; float:left; position:relative; overflow:hidden;}
.wx02 .right li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.wx02 .right li a{ display:block; width:100%; height:100%; position:relative; overflow:hidden;}
.wx02 .right li a .tu{ width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.wx02 .right li a .wen{ width:100%; height:100%; background-color:rgba(0,0,0,0.7); position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; text-align:center;}
.wx02 .right li a .wen .s01{ height:60px; padding-top:65px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.wx02 .right li a .wen .s01 img{ display:block; height:60px; margin:auto;}
.wx02 .right li a .wen .s02{ width:calc(100% - 30px); margin:auto; color:#fff; font-size:18px; line-height:28px; height:28px; margin-top:15px;}
.wx02 .right li a .wen .s03{ width:calc(100% - 30px); margin:auto; color:#fff; font-size:14px; line-height:1.5; text-transform:uppercase;}
.wx02 .right li a .wen .s04{ display:none; width:20px; height:1px; margin:10px auto; background-color:#fff;}
.wx02 .right li a .wen .s05{ width:calc(100% - 30px); margin:10px auto; color:#fff; font-size:14px; line-height:24px; height:240px; display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:10; overflow:hidden; display:none;}
.wx02 .right li a:hover .wen{ width:calc(100% - 30px); height:calc(100% - 30px); background:rgba(51,185,238,0.9); top:15px; left:15px;}
.wx02 .right li a:hover .wen .s01{ padding-top:25px;}
.wx02 .right li a:hover .wen .s02{ margin-top:5px; font-size:16px; line-height:26px; height:26px;}
.wx02 .right li a:hover .wen .s03{ margin-top:0; font-size:12px;}
.wx02 .right li a:hover .wen .s04{ margin:5px auto;}
.wx02 .right li a:hover .wen .s04,.wx02 .right li a:hover .wen .s05{ display:block;}
}

@media screen and (min-width:1280px){
.wx03{ width:100%; padding:70px 0; position:relative; background-color:#33b9ee;}
.wx03 .box{ width:1200px; margin:auto; position:relative; z-index:3;}
.wx03 .title{ width:100%; position:relative; color:#fff;}
.wx03 .title b{ font-size:72px; display:block; line-height:1;}
.wx03 .title p{ font-size:24px; line-height:34px; display:block; margin-top:15px;}
.wx03 .list{ width:550px; display:block; padding-top:15px;}
.wx03 .list li{ display:block; overflow:hidden; margin-top:30px;}
.wx03 .list li strong{ width:60px; height:45px; float:left; display:block;}
.wx03 .list li strong img{ display:block; height:45px; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.wx03 .list li:hover strong img{ -webkit-transform:rotateY(-360deg);}
.wx03 .list li p{ width:calc(100% - 60px); float:left; display:block; margin-top:-5px;}
.wx03 .list li p span{ display:block; color:#fff; font-size:18px; line-height:28px;}
.wx03 .list li p a{ display:block; color:#fff; font-size:14px; line-height:24px;}
.wx03 .tu{ position:absolute; right:50%; margin-right:-960px; top:0; height:100%; z-index:1;}
.wx03 .tu img{ display:block; height:100%;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.wx03{ width:100%; padding:50px 0; position:relative; background-color:#33b9ee;}
.wx03 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.wx03 .title{ width:100%; position:relative; color:#fff;}
.wx03 .title b{ font-size:62px; display:block; line-height:1;}
.wx03 .title p{ font-size:20px; line-height:30px; display:block; margin-top:10px;}
.wx03 .list{ width:45%; display:block; padding-top:10px;}
.wx03 .list li{ display:block; overflow:hidden; margin-top:20px;}
.wx03 .list li strong{ width:55px; height:45px; float:left; display:block;}
.wx03 .list li strong img{ display:block; height:45px; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.wx03 .list li:hover strong img{ -webkit-transform:rotateY(-360deg);}
.wx03 .list li p{ width:calc(100% - 55px); float:left; display:block; margin-top:-5px;}
.wx03 .list li p span{ display:block; color:#fff; font-size:18px; line-height:28px;}
.wx03 .list li p a{ display:block; color:#fff; font-size:14px; line-height:24px;}
.wx03 .tu{ position:absolute; left:50%; top:0; height:100%; z-index:1;}
.wx03 .tu img{ display:block; height:100%;}
}
@media only screen and (max-width: 768px){
.wx03{ width:100%; padding:30px 0; position:relative; background-color:#33b9ee;}
.wx03 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.wx03 .title{ width:100%; position:relative; color:#fff;}
.wx03 .title b{ font-size:42px; display:block; line-height:1;}
.wx03 .title p{ font-size:18px; line-height:28px; display:block; margin-top:5px;}
.wx03 .list{ width:100%; display:block; padding-top:5px;}
.wx03 .list li{ display:block; overflow:hidden; margin-top:10px;}
.wx03 .list li strong{ width:50px; height:40px; float:left; display:block;}
.wx03 .list li strong img{ display:block; height:40px; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.wx03 .list li:hover strong img{ -webkit-transform:rotateY(-360deg);}
.wx03 .list li p{ width:calc(100% - 50px); float:left; display:block; margin-top:-5px;}
.wx03 .list li p span{ display:block; color:#fff; font-size:16px; line-height:26px;}
.wx03 .list li p a{ display:block; color:#fff; font-size:14px; line-height:24px;}
.wx03 .tu{ position:absolute; left:30%; top:0; height:100%; z-index:1;}
.wx03 .tu img{ display:block; height:100%; opacity:0.1;}
}

@media screen and (min-width:1280px){
.wx04{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#fff;}
.wx04 .title{ text-align:center; width:1200px; margin:auto;}
.wx04 .title b{ display:block; font-size:24px; line-height:34px;}
.wx04 .title strong{ display:block; font-size:30px; line-height:40px; margin-top:10px; color:#33b9ee;}
.wx04 .box{ text-align:center; width:1200px; margin:auto;}
.wx04 .box dl{ width:1230px; display:block;}
.wx04 .box dl dt{ display:flex; flex-direction:column; width:215px; height:455px; margin-top:55px; margin-right:31px; overflow:hidden; float:left; background-image:url(../images/yd041_36.png); background-position:center; background-repeat:no-repeat;}
.wx04 .box dl dd{ display:flex; flex-direction:column-reverse; width:215px; height:455px; margin-right:31px; overflow:hidden; float:left; background-image:url(../images/yd042_34.png); background-position:center; background-repeat:no-repeat;}
.wx04 .box dl .y01{ width:165px; height:165px; margin:10px auto; border-radius:100%;}
.wx04 .box dl .y01 img{ width:100%; display:block;}
.wx04 .box dl .y02{ width:165px; font-size:18px; line-height:28px; padding:5px 0 !important; margin:0 auto !important; color:#fff;}
.wx04 .box dl .y03{ width:25px; height:1px; background-color:#fff; margin:0 auto !important;}
.wx04 .box dl .y04{ width:165px; margin:15px auto !important; font-size:14px; line-height:24px; max-height:168px; color:#fff;}
.wx04 .box dl dd:last-child{ display:none;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.wx04{ width:100%; padding-top:45px; padding-bottom:50px; background-color:#fff;}
.wx04 .title{ text-align:center; width:94%; margin:auto;}
.wx04 .title b{ display:block; font-size:20px; line-height:30px;}
.wx04 .title strong{ display:block; font-size:24px; line-height:34px; margin-top:5px; color:#33b9ee;}
.wx04 .box{ text-align:center; width:94%; margin:auto;}
.wx04 .box dl{ width:100%; display:block;}
.wx04 .box dl dt{ display:flex; flex-direction:column; width:19.2%; height:40.63vw; margin-top:15px; margin-left:1%; overflow:hidden; float:left; background-image:url(../images/yd041_36.png); background-position:center; background-repeat:no-repeat; background-size:100% 100%;}
.wx04 .box dl dt:first-child{ margin-left:0;}
.wx04 .box dl dd{ display:flex; flex-direction:column-reverse; width:19.2%; height:40.63vw; margin-left:1%; overflow:hidden; float:left; background-image:url(../images/yd042_34.png); background-position:center; background-repeat:no-repeat; background-size:100% 100%;}
.wx04 .box dl .y01{ width:80%; margin:5px auto; border-radius:100%; background-size:100% 100%;}
.wx04 .box dl .y01 img{ width:100%; display:block;}
.wx04 .box dl .y02{ width:80%; font-size:18px; line-height:28px; padding:5px 0 !important; margin:0 auto !important; color:#fff;}
.wx04 .box dl .y03{ width:25px; height:1px; background-color:#fff; margin:0 auto !important;}
.wx04 .box dl .y04{ width:80%; margin:10px auto !important; font-size:14px; line-height:24px; max-height:168px; color:#fff;}
.wx04 .box dl dd:last-child{ display:none;}
}
@media only screen and (max-width: 768px){
.wx04{ width:100%; padding-top:25px; padding-bottom:30px; background-color:#fff;}
.wx04 .title{ text-align:center; width:94%; margin:auto;}
.wx04 .title b{ display:block; font-size:16px; line-height:26px;}
.wx04 .title strong{ display:block; font-size:20px; line-height:30px; color:#33b9ee;}
.wx04 .box{ text-align:center; width:100%; margin:auto;}
.wx04 .box dl{ width:100%; display:block;}
.wx04 .box dl dt{ display:flex; flex-direction:column; width:29.33%; height:60.07vw; margin-top:15px; margin-left:3%; overflow:hidden; float:left; background-image:url(../images/yd041_36.png); background-position:center; background-repeat:no-repeat; background-size:100% 100%;}
.wx04 .box dl dd{ display:flex; flex-direction:column-reverse; width:29.33%; height:60.07vw; margin-top:15px; margin-left:3%; overflow:hidden; float:left; background-image:url(../images/yd042_34.png); background-position:center; background-repeat:no-repeat; background-size:100% 100%;}
.wx04 .box dl .y01{ width:70%; margin:10px auto; border-radius:100%; background-size:100% 100%;}
.wx04 .box dl .y01 img{ width:100%; display:block;}
.wx04 .box dl .y02{ width:70%; font-size:16px; line-height:26px; padding:0 !important; margin:0 auto !important; color:#fff;}
.wx04 .box dl .y03{ width:20px; height:1px; background-color:#fff; margin:10px auto !important;}
.wx04 .box dl .y04{ width:70%; margin:auto; font-size:14px; line-height:24px; max-height:48px; color:#fff;}
.wx04 .box dl dt .y04{ margin-bottom:40px;}
.wx04 .box dl dd .y04{ margin-top:40px;}
}

@media screen and (min-width:1280px){
.wx05{ width:100%; padding:70px 0; position:relative; background-color:#f1f1f1;}
.wx05 .box{ width:1200px; margin:auto; position:relative; display:flex;}
.wx05 .title{ width:100%; margin:auto;}
.wx05 .title b{ font-size:72px; display:block; line-height:1;}
.wx05 .title p{ font-size:24px; line-height:34px; display:block; margin-top:15px;}
.wx05 .box .left{ width:400px; position:relative;}
.wx05 .box .left .w01{ font-size:24px; line-height:34px; color:#33b9ee; margin-top:40px;}
.wx05 .box .left .w02{ font-size:24px; line-height:34px; margin-top:10px;}
.wx05 .box .left .w03{ font-size:20px; line-height:30px; margin-top:20px;}
.wx05 .box .left .w04{ font-size:14px; line-height:18px; text-transform:uppercase; color:#999; position:absolute; left:0; bottom:45px;}
.wx05 .box .right{ width:800px;}
.wx05 .box .right ul{ display:block; overflow:hidden; margin-top:-20px;}
.wx05 .box .right li{ display:block; margin-top:20px; overflow:hidden; min-height:135px; border-radius:10px; background-color:#fff; position:relative; display:flex;}
.wx05 .box .right li .tu{ width:130px; text-align:center; background-color:#33b9ee;}
.wx05 .box .right li .tu strong{ display:block; height:50px; padding-top:28px;}
.wx05 .box .right li .tu strong img{ display:block; height:50px; margin:auto;}
.wx05 .box .right li .tu p{ font-size:18px; line-height:28px; color:#fff; display:block; margin-top:10px;}
.wx05 .box .right li .tp{ width:115px; margin:10px; margin-left:0; border-radius:10px;}
.wx05 .box .right li .tp img{ width:100%; display:block;}
.wx05 .box .right li .shu{ position:absolute; right:0; top:0; width:40px; height:36px; line-height:36px; font-size:18px; color:#fff; text-indent:10px; background-image:url(../images/wx06.png);}
.wx05 .box .right li .wen{ width:calc(100% - 295px); margin:15px 20px;}
.wx05 .box .right li .wen p{ display:block; font-size:16px; line-height:26px;}
.wx05 .box .right li .wen span{ display:block; overflow:hidden; margin-top:5px;}
.wx05 .box .right li .wen span a{ display:block; background-image:url(../images/wx06_98.jpg); background-position:left center; background-repeat:no-repeat; padding-left:10px; width:140px; box-sizing:border-box; font-size:14px; line-height:24px; float:left;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.wx05{ width:100%; padding:50px 0; position:relative; background-color:#f1f1f1;}
.wx05 .box{ width:94%; margin:auto; position:relative; display:flex;}
.wx05 .title{ width:100%; margin:auto;}
.wx05 .title b{ font-size:62px; display:block; line-height:1;}
.wx05 .title p{ font-size:20px; line-height:30px; display:block; margin-top:10px;}
.wx05 .box .left{ width:30%; margin-right:3%; position:relative;}
.wx05 .box .left .w01{ font-size:20px; line-height:30px; color:#33b9ee; margin-top:30px;}
.wx05 .box .left .w02{ font-size:20px; line-height:30px; margin-top:5px;}
.wx05 .box .left .w03{ font-size:18px; line-height:28px; margin-top:10px;}
.wx05 .box .left .w04{ font-size:14px; line-height:18px; text-transform:uppercase; color:#999; position:absolute; left:0; bottom:45px;}
.wx05 .box .right{ width:67%;}
.wx05 .box .right ul{ display:block; overflow:hidden; margin-top:-15px;}
.wx05 .box .right li{ display:block; margin-top:15px; overflow:hidden; border-radius:10px; background-color:#fff; position:relative; display:flex;}
.wx05 .box .right li .tu{ width:140px; text-align:center; background-color:#33b9ee;}
.wx05 .box .right li .tu strong{ display:block; height:50px; padding-top:30px;}
.wx05 .box .right li .tu strong img{ display:block; height:50px; margin:auto;}
.wx05 .box .right li .tu p{ font-size:16px; line-height:26px; color:#fff; display:block; margin-top:5px;}
.wx05 .box .right li .tp{ width:130px; margin:10px; margin-left:0; border-radius:10px;}
.wx05 .box .right li .tp img{ height:100%; display:block;}
.wx05 .box .right li .shu{ position:absolute; right:0; top:0; width:40px; height:36px; line-height:36px; font-size:18px; color:#fff; text-indent:10px; background-image:url(../images/wx06.png);}
.wx05 .box .right li .wen{ width:calc(100% - 310px); margin:10px 15px;}
.wx05 .box .right li .wen p{ display:block; font-size:14px; line-height:24px;}
.wx05 .box .right li .wen span{ display:block; overflow:hidden;}
.wx05 .box .right li .wen span a{ display:block; background-image:url(../images/wx06_98.jpg); background-position:left center; background-repeat:no-repeat; padding-left:10px; width:120px; box-sizing:border-box; font-size:14px; line-height:24px; float:left;}
}
@media only screen and (max-width: 768px){
.wx05{ width:100%; padding:30px 0; position:relative; background-color:#f1f1f1;}
.wx05 .box{ width:94%; margin:auto; position:relative;}
.wx05 .title{ width:100%; margin:auto;}
.wx05 .title b{ font-size:42px; display:block; line-height:1;}
.wx05 .title p{ font-size:18px; line-height:28px; display:block; margin-top:5px;}
.wx05 .box .left{ width:100%; position:relative;}
.wx05 .box .left .w01{ font-size:18px; line-height:28px; color:#33b9ee; margin-top:10px;}
.wx05 .box .left .w02{ font-size:18px; line-height:28px;}
.wx05 .box .left .w03{ font-size:16px; line-height:26px;}
.wx05 .box .left .w04{ font-size:14px; line-height:18px; text-transform:uppercase; color:#999; margin-top:10px;}
.wx05 .box .right{ width:100%;}
.wx05 .box .right ul{ display:block; overflow:hidden;}
.wx05 .box .right li{ display:block; margin-top:15px; overflow:hidden; border-radius:10px; background-color:#fff; position:relative; display:flex;}
.wx05 .box .right li .tu{ width:100px; text-align:center; background-color:#33b9ee;}
.wx05 .box .right li .tu strong{ display:block; height:50px; padding-top:15px;}
.wx05 .box .right li .tu strong img{ display:block; height:50px; margin:auto;}
.wx05 .box .right li .tu p{ font-size:16px; line-height:26px; color:#fff; display:block; margin-top:5px;}
.wx05 .box .right li .tp{ width:130px; margin:10px; margin-left:0; border-radius:10px; display:none;}
.wx05 .box .right li .tp img{ height:100%; display:block;}
.wx05 .box .right li .shu{ position:absolute; left:0; bottom:0; width:40px; height:36px; line-height:36px; font-size:18px; color:#fff; text-indent:10px; background-image:url(../images/wx06.png);}
.wx05 .box .right li .wen{ width:calc(100% - 130px); margin:10px 15px;}
.wx05 .box .right li .wen p{ display:block; font-size:14px; line-height:24px;}
.wx05 .box .right li .wen span{ display:block; overflow:hidden;}
.wx05 .box .right li .wen span a{ display:block; background-image:url(../images/wx06_98.jpg); background-position:left center; background-repeat:no-repeat; padding-left:10px; width:50%; box-sizing:border-box; font-size:14px; line-height:24px; float:left;}
}

/*企业邮箱*/
@media screen and (min-width:1280px){
.qy01{ width:100%; padding:70px 0; position:relative; background-color:#fff;}
.qy01 .box{ width:1200px; margin:auto; position:relative; z-index:3;}
.qy01 .title{ width:100%; position:relative;}
.qy01 .title b{ font-size:72px; display:block; line-height:1;}
.qy01 .title p{ font-size:24px; line-height:34px; display:block; margin-top:15px;}

}
@media screen and (min-width: 769px) and (max-width: 1279px){
.qy01{ width:100%; padding:50px 0; position:relative; background-color:#fff;}
.qy01 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.qy01 .title{ width:100%; position:relative;}
.qy01 .title b{ font-size:62px; display:block; line-height:1;}
.qy01 .title p{ font-size:20px; line-height:30px; display:block; margin-top:10px;}

}
@media only screen and (max-width: 768px){
.qy01{ width:100%; padding:30px 0; position:relative; background-color:#fff;}
.qy01 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.qy01 .title{ width:100%; position:relative;}
.qy01 .title b{ font-size:42px; display:block; line-height:1;}
.qy01 .title p{ font-size:18px; line-height:28px; display:block; margin-top:5px;}

}