*{padding: 0;margin: 0;list-style-type: none;text-decoration: none;font-family:Helvetica,Hiragino Sans GB,Tahoma,Geneva,\5FAE\8F6F\96C5\9ED1,simhei,Arial, sans-serif;box-sizing: border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}
a{color: #000;}
h1{font-weight: normal;}
img{border: none;width: 100%;}
b{ font-weight:normal;}
input:focus{outline:none; }
body,html{height: 100%; overflow: hidden;}
::-webkit-input-placeholder { color:#ccc; }
::-moz-placeholder { color:#ccc; } /* firefox 19+ */
:-ms-input-placeholder { color:#ccc; } /* ie */
input:-moz-placeholder { color:#ccc; }
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
/*ico*/

/*颜色*/

/*通用*/
.swiper-container{height: 100%}
.wrapper{ opacity: 0; background: #1e2126; position: relative;}
.swiper-wrapper{ opacity:0;}
.swiper-slide .page-bg{ -webkit-transform: scale(1.5); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.5);transition-duration: 800ms}
.swiper-slide.swiper-slide-active .page-bg{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
.page-bg{ -webkit-background-size:cover; background-size:cover; position: absolute;width: 100%;height: 100%;top: 0; left:0;}
em{ display: inline-block;vertical-align: middle; -webkit-background-size:90%; background-size:90%; background-repeat:no-repeat; background-position:top center; }
.swiper-scroll-bottom{ position: absolute;width: 5%;height: 3%; margin-left:-1.5%;left:50%;bottom: 20px; background: url("../images/scroll.png"); z-index:666;-webkit-animation:fadescr 4s infinite linear;animation:fadescr 3s infinite linear; -webkit-background-size:cover; background-size:cover; }
.loding{position: absolute; background:url("../images/ame1-bg.png") ;width: 100%;height: 100%;z-index: 9999; -webkit-background-size:cover; background-size:cover;}
.loding .imgbox{-webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); position: absolute;top: 45%; left:50%; text-align: center;width:100%}
.loding .img{ position: relative; width: 15%; display: inline-block;font-size: 0;max-width: 80px}
.loding .img .lodingbar{  opacity:1; position: absolute;width: 100%;height: 0%;left: 0; bottom:0; display: block;content: ""; background: url("../images/logo.png") bottom;-webkit-background-size:cover; background-size:cover;z-index: 999;transition-duration: 300ms;}
.loding .lodingtext{font-size: 1.2rem; color: rgba(255,255,255,0.8);margin-top: 10px;font-weight: 700}
.loding .img img{opacity: .5}
.TopNav{top: 0;left: 0;width: 100%;height: 12%;position: absolute;background: #f8b62b;z-index: 666;transition-duration: 300ms;}

.TopNav:after{content: ""; display: block;left:0;top: 0;width: 100%;height: 20%; background: #000; position: absolute;}
.TopNav:before{content: ""; display: block; left:0;bottom:0;width: 100%;height: 20%; background: #000; position: absolute;}
.TopNav .table_box div{ display: table-cell; vertical-align: middle;}
.TopNav .table_box{ display: table;height: 100%;width: 100%}
.TopNav .title{ text-align: center;font-size: 1.2rem;color: #fff; line-height:1em;}
.TopNav .more{width: 8%;}
.TopNav .more ul{width: 100%;}
.TopNav .more ul li{width: 100%;height: .15rem; background: #fff; margin:.5rem 0;}
.navbar-right-show .navbar-right .navbar-box{-webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0);}
.navbar-right-show .navbar-right{visibility: visible;}
.navbar-right-show .navbar-right .navbar-bg{ opacity:1;}
.navbar-right-show .swiper-container{ -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0);}
.swiper-container{transition-duration: 300ms; background: #1e2126;}
.navbar-right{position: absolute;width: 100%; right:0;top: 0;height: 100%; z-index: 777;visibility: hidden}
.navbar-right .navbar-bg{position: absolute;width: 100%; right:0;top: 0;height: 100%; background: rgba(0,0,0,0.4);transition-duration: 300ms; opacity:0;}
.navbar-title{padding: 12% 8%; border-bottom:1px solid #393939;}
.navbar-item li{font-size: 1.2rem;padding: 8% 12%;}
.navbar-item li.active span{color: #f8b62b}
.navbar-item li.active em{border-color: #f8b62b}
.navbar-item li span{ vertical-align: middle;color: #888888; display: inline-block; line-height:1em;margin-left: 7%}
.ico-arrow-left{ vertical-align: middle; display: inline-block; border-top:1px solid #888888; border-left:1px solid #818282; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);width: .8em;height: .8em;}
.navbar-title img:nth-child(1){width:15%; vertical-align: middle;}
.navbar-title img:nth-child(2){width:45%; vertical-align: middle; margin-left:5%;}
.navbar-right .navbar-box{width: 50%; position: absolute;right: 0;top: 0;z-index: 2;height: 100%; background: #1e2126;transition-duration: 300ms; -webkit-transform: translate(100%,0); -moz-transform: translate(100%,0); -ms-transform: translate(100%,0); -o-transform: translate(100%,0); transform: translate(100%,0);}
.logobarBox{ display: table !important;width: 8%;height: 100%;top: 0;left: 3%;font-size: 0}
.moreBox{ display: table !important;width: 6%;height: 100%;top: 0;right: 3%}
.ame{width: 100%;padding: 0 4%;}
.page-01 .page-bg{ background-image: url("../images/ame1-bg.png"); }
.page-01{text-align: center;}
.page-01 .ame-01{width: 100%}
.page-01 .ame-03{width: 100%}
.page-01 .ame-01 img{width: 24%;}
.page-01 .ame-03 img{width: 40%;}
.page-01 .ame-02{width: 100%;}
.page-01 .ame-02 ul{padding:0 1%}
.page-01 .ame-02 li{width: 33.33%;padding: 0 2% 0 2%; float: left;padding-top: 5%;}
.page-01 .ame-02 .radius{height: 10%;width: 100%; padding:15% 12%; position: relative;}
.page-01 .ame-02 .radiusBox{height: 100%;width: 100%; background: rgba(0,0,0,0.25);border-radius: 50%;box-shadow: 0 0 8px rgba(255,255,255,0.2); position: absolute;top: 0; left:0;}
.page-01 .ame-02 .radius strong{ font-weight:normal;color: #f8b62b;font-size: 1rem; display: block; position: absolute;top: 65%; left:50%;width: 5em;margin-left: -2.5em}
.page-02 .page-bg{background-image: url("../images/ame2-bg.jpg");}
.page-02 .ame-01{padding: 0 4%;}
.page-02 .ame-01 img:nth-child(1){width: 8%}
.page-02 .ame-01 img:nth-child(2){width:35%}
.page-02 .ame-01 img:nth-child(3){width: 16%}
.page-02 .ame-01 img:nth-child(4){width: 19%; margin-left:2%;}
.page-02 .ame-02{padding: 0 4%;}
.page-02 .ame-02 p{font-size: 1rem;color: #fff;padding-bottom: 3%; line-height:1em;}
.page-02 .ame-03{width: 100%}
.page-02 .ame-03 .radius{width: 15%; position: relative; float: left;margin-right: 7%;height: 100%;}
.page-02 .ame-03 .radius .radiusa{padding:20% 30%;}
.page-02 .ame-03 .radius img{z-index: 2; position: relative;}
.page-02 .ame-03 .radius .radiusBox{ position: absolute;top: 0; left:0;width: 100%; height:100%; border-radius: 50%}
.page-02 .ame-03 .radius:nth-child(1) .radiusBox{ background: #07afd3;}
.page-02 .ame-03 .radius:nth-child(2) .radiusBox{ background: #00a4fc;}
.page-02 .ame-03 .radius:nth-child(3) .radiusBox{ background: #53b19e;}
.page-02 .ame-04 p{font-size: 1rem;color: #fff;padding-bottom: 3%; line-height:1em;}
.page-02 .ame-05{width: 45%;font-size: 0}
.page-02 .ame-06{width: 100%;font-size: 0;height: 30%}
.page-02 .ame-07{padding: 0 4%;z-index: 3}
.page-02 .ame-07 img{width: 20%}
.page-03 .ame-01{padding: 0 4%;}
.page-03 .page-bg{background-image: url("../images/ame3-bg.jpg");}
.page-03 .ame-01 img{width: 56%;}
.page-03 .ame-02{padding: 0 4%;}
.page-03 .ame-02 p{font-size: 1.3rem;color: #fff; line-height:1em;}
.page-03 .ame-03{padding: 0 4%;width: 80%}
.page-03 .ame-03 li{ float: left;width: 33.33%; padding-left:6%; position: relative;}
.page-03 .ame-03 li span{font-size: 1rem;color: #fff;}
.page-03 .ame-04{padding: 0 4%;}
.page-03 .ame-04 .button{border-radius: .3rem;font-size: 1.2rem;padding: .6em 1em; background: #f49713; display: inline-block;color: #fff; margin-right:.6em; position: relative; line-height:1em;}
.page-03 .ame-04 .button span{ vertical-align: middle;}
.page-03 .ame-04 .button:nth-child(2){ background: #f8b62b;}
.page-03 .ame-11{ text-align: center;font-size: 0}
.page-03 .ame-05,.page-03 .ame-06,.page-03 .ame-08,.page-03 .ame-10{width: 12%;}
.page-03 .logo{ position: absolute; left:46%;top: 50%; width: 10%;font-size: 0}
.page-03 .ame-09{width: 13%;}
.page-03 .ame-07{width: 16%;}
.page-03 .ame-11 img{width: 40%;}
.page-03 .ame-11 .logo img{width: 100%}
.page-04 .page-bg{ background-image: url("../images/ame4-bg.jpg");}
.page-04 .ame-01 img{width: 32%;}
.page-04 .ame-02 img{width: 48%}
.page-04  .box{ background:rgba(55,57,82,.1); border-left:1px solid #afb2c1;width: 40%; text-align: center; position: relative;padding: 4% 0; border-bottom:1px solid #afb2c1; border-right:1px solid #afb2c1;}
.page-04  .box .after{ top:0; left:0; position: absolute;width: 20%;height: 1px; background: #afb2c1;}
.page-04  .box .before{ top:0; right:0; position: absolute;width: 20%;height: 1px; background: #afb2c1;}
.page-04  .box .title{ position: absolute; top:0; left:50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%);font-size: 1.3rem;color: #8eaaff; font-weight:normal;width: 4em;}
.page-04  .box p{font-size: 1rem;color: #fff}
.page-04  .box p span{ margin:0 5%; display: inline-block;}
.page-04 .ame-06{width: 60%;}
.page-04 .ame-06 .footer{ position: relative;width: 100%; }
.page-04 .ame-06 .footer .footersmal{width: 90%; position: absolute; top:-15%; right:2%;}
.page-04 .ame-06 .animate{width: 85%; position: absolute;bottom: 75%;right: 5%;z-index: 999}
.page-04 .ame-06 .animatebox{ position: absolute; top:10%; left:10%;width: 80%;height: 80%;}
.page-04 .ame-06 .ico{ position: absolute;width: 100%;height: 100%;top: 0; left:0;}
.page-04 .ame-06 .ico i{ display: block; position: absolute; -webkit-background-size:95%; background-size:95%;}
.page-05 .page-bg{ background-image: url("../images/ame5-bg.jpg");}
.page-05 .ame-01{ text-align: center;}
.page-05 .ame-01 img{width: 12% }
.page-05 .ame-02 img{ vertical-align: middle;}
.page-05 .ame-02 img:nth-child(1){width: 15%}
.page-05 .ame-02 img:nth-child(2){width: 25%}
.page-05 .ame-02 img:nth-child(3){width: 2%}
.page-05 .ame-02 img:nth-child(4){width: 25%}
.page-05 .ame-02 img:nth-child(5){width: 2%}
.page-05 .ame-02 img:nth-child(6){width: 25%}
.page-05 .ame-03{ text-align: center;}
.page-05 .ame-03 img{width:65%}
.page-05 .ame-04 .bordera{border: 1px dotted #fff;border-radius: 50%;width: 100%;height: 100%}
.page-05 .ame-04 .bordera .border-box{ position: absolute;width: 76%; left:12%;top: 50%; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%);font-size: 0;}
.page-05 .ame-04 .bordera .border-box .ab{ position: absolute; top:10%; left:10%;width: 80%;height: 80%}
.page-05 .ame-04 .bordera .border-box .ab .after { position: absolute;width: 100%; height:100%; z-index: 2}
.page-05 .ame-04 .bordera .border-box .ab .after .item-1{ width: 50%; height:50%; border-top:2px solid #fff; border-radius:100% 0 0 0;z-index: 2; position: absolute;top: 0; left:0%;border-left:2px solid #fff;transform: rotate(0deg);}
.page-05 .ame-04 .bordera .border-box .ab .after .item-2{ width: 50%; height:50%; border-top:2px solid #fff; border-radius:100% 0 0 0;z-index: 2; position: absolute;top: -1px; left:0%;border-left:2px solid #fff;transform-origin: 100% 100%; -webkit-transform:rotate(120deg) ; transform: rotate(120deg);}
.page-05 .ame-04 .bordera .border-box .ab .after .item-3{ width: 50%; height:50%; border-top:2px solid #fff; border-radius:100% 0 0 0;z-index: 2; position: absolute;top: 1px; left:1px;border-left:2px solid #fff;transform-origin: 100% 100%; -webkit-transform: rotate(250deg) ; transform: rotate(250deg);}
.page-05 .ame-04 .bordera .border-box .ab .before{position: absolute;width: 100%; height:100%; border:1px dotted #fff;border-radius:50%;z-index: 1}
.page-05 .ame-04 .bordera .border-box .ab .besti { position: absolute;width: 80%;height: 80%;border-radius: 50%; border:1px dotted #fff; left:10%; top:10%;}
.page-05 .ame-04 .bordera .border-box .ab .besti img{width: 50%; position: absolute;top: 50%; left:25%; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%);}
.page-05 .ame-04 .icon{ position: absolute;width: 100%;height: 100%;z-index: 2}
.page-05 .ame-04 .icon div{ position: absolute;}
.page-05 .ame-04 .icon .icon-01{width: 28%;top: -2%; right:25%;}
.page-05 .ame-04 .icon .icon-02{width: 30%;right: 0%;top: 55%}
.page-05 .ame-04 .icon .icon-03{width: 30%;top: 20%; left:5%;}
.page-05 .ame-05{width: 100%; text-align: center;}
.page-05 .ame-05 img{width: 25%}
.page-06 .page-bg{ background-image: url("../images/ame6-bg.jpg");}
.page-06 .ame-01 img{width: 60%}
.page-06 .ame-02 p{font-size: 1rem;color: #fff;margin-bottom: .5rem}
.page-06 .ame-03{overflow: hidden}
.page-06 .ame-03 .left{width: 35%; position: absolute;height: 100%;top: 5%}
.page-06 .ame-03 .right{width: 30%; float: right; position: relative;}
.page-06 .ame-03 .right .box{ position: absolute;top: 25%; left:10%;width: 80%}
.page-06 .ame-03 .left .item-list{ position: absolute;}
.page-06 .ame-03 .left .item-01{width: 60%;left: 20%;top: 5%}
.page-06 .ame-03 .left .item-01 .radiusa{bottom: -2%;right: -2%}
.page-06 .ame-03 .left .item-01 .radiusa img{right: 20%;top: 20%}
.page-06 .ame-03 .left .item-02{width: 70%;left: 0;top: 30%}
.page-06 .ame-03 .left .item-02 .radiusa{top:5%;left: 6%}
.page-06 .ame-03 .left .item-02 .radiusa img{right: 33%;top: 33%}
.page-06 .ame-03 .left .item-03{width: 60%;left: 53%;top: 29%}
.page-06 .ame-03 .left .item-03 .radiusa{top:2%;left: 2%}
.page-06 .ame-03 .left .item-03 .radiusa img{right: 38%;top: 28%}
.page-06 .ame-03 .left .bordera{width: 100%;border-radius: 50%;font-size: 0; position: relative;}
.page-06 .ame-03 .left .bordera .radiusa{height: 80%;width: 80%; position: absolute; background: rgba(255,255,255,0.4);border-radius: 50%;}
.page-06 .ame-03 .center{width: 30%; position: absolute;left: 38%;top: 40%}
.page-06 .ame-03 .left .bordera .radiusa img{width: 40%; position: absolute;}
.page-06 .ame-04 {width: 25%}
.page-07 .page-bg{ background-image: url("../images/ame7-bg.jpg");}
.page-07 .title{ padding-left:1.6em; position: relative;font-size: 1.2rem;color: #f8b62b}
.page-07 .title em{ position: absolute; left:0; bottom:0;width: 1.2em;-webkit-background-size:80%; background-size:80%;height: 100%; background-position: center;}
.page-07 .title em.ico_zip{ background-image: url("../images/ame7-ico-01.png");}
.page-07 .title em.ico_fdj{ background-image: url("../images/ame7-ico-02.png");}
.page-07 .title em.ico_phone{ background-image: url("../images/ame7-ico-03.png");}
.page-07 .title span{ display: inline-block;}
.page-07 .title em.ico_mail{ background-image: url("../images/ame7-ico-04.png");}
.page-07 .small{color: #fff;font-size: 1rem;padding: .6em 0 .6em 1.8em; line-height:1.6em;}
.page-07 .ame-05{font-size: .75rem;color: #fff;padding: 1em 4%; background: #000; text-align: center;}
.page-07 .ame-05 img{width: 5%; vertical-align: middle;}
.page-07 .ame-05 span{ vertical-align: middle; margin-left:.4em; display: inline-block;}
.page-07 .ame-06{width: 25%}
/*ico*/
.ico_tiks{ background-image: url("../images/ame3-ico-02.png") ; background-position: center;width: 15%;height: 100%; position: absolute;top: 0; left:0;}
.ico_right_arrow{ background-image: url("../images/ame3-ico-03.png") ; background-position: center;width: 1em;height: 1em; }
.ico .ico_01{width:12%;bottom: 18%; left:60%;}
.ico .ico_02{width: 14%;bottom: 22%; left:3%;}
.ico .ico_03{width: 14%;top: 22%; left:29%;}
.ico .ico_04{width: 14%;top: 45%; left:29%;}
.ico .ico_05{width:13% ;bottom: 35%; left:15%;}
.ico .ico_06{width: 10%;bottom: 37%; left:60%;}
.ico .ico_07{width: 10%;bottom: 10%; left:25%;}
.ico .ico_08{width: 10%;top: 45%; right:10%;}
.ico .ico_09{width: 14%;bottom: 28%; left:33%;}
.ico .ico_10{width: 13%;top: 30%; left:10%;}
.ico .ico_11{width: 12%;top: 15%; right:38%;}
.ico .ico_12{width: 15%;top: 25%; right:20%;}
.ico .ico_13{width: 10%;top: 38%; left:-2%;}
.ico .ico_14{width:11%;top: 12%; right:8%;}
.ico .ico_15{width:13% ;bottom: 16%; right:-2%;}
.ico .ico_16{width:15%; left:5%; top:5%;}
.ico .ico_17{width:12%; bottom:12%; left:-10%;}
.ico-1-01{ background-image: url("../images/ame1-ico-01.png");width: 50%;height: 65%;}
.ico-1-02{ background-image: url("../images/ame1-ico-02.png");width: 45%;height: 57%;}
.ico-1-03{ background-image: url("../images/ame1-ico-03.png");width: 65%;height: 55%;}
.ico-1-04{ background-image: url("../images/ame1-ico-04.png");width: 55%;height: 57%;}
.ico-1-05{ background-image: url("../images/ame1-ico-05.png");width: 60%;height: 57%;}
.ico-1-06{ background-image: url("../images/ame1-ico-06.png");width: 65%;height: 58%;}
/*icoItem*/
.iconItem{width: 13%; position: relative;height: 32%; position: absolute;}
.iconItem .iconBox{height: 100%; position: relative;font-size: 0}
.iconItem .iconBox img{ position: absolute;top: 50%;left:50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%);width: 55%;}
.iconItem .iconBg{ background: url("../images/ame2-group-01.png"); -webkit-background-size:cover; background-size:cover; position: absolute;width: 100%;height: 100%; left:0; top:0;}
.iconItem:nth-child(1){ left:28%;top: 40%}
.iconItem:nth-child(2){ left:41%;top: 40.5%}
.iconItem:nth-child(3){ left:35%;top: 65%;}
.iconItem:nth-child(4){ left:54.5%;top: 40%}
.iconItem:nth-child(5){ left:61.5%;top: 65%}
.iconItem:nth-child(6){ left:61.5%;top: 14.5%}
.iconItem:nth-child(7){ left:74.1%;top: 14.5%}
.iconItem:nth-child(2) img{width: 50%}
.iconItem:nth-child(3) img{width: 70%}
.iconItem:nth-child(2) .iconBg{  background-image: url("../images/ame2-group-00.png");}
.iconItem:nth-child(7) .iconBg{  background-image: url("../images/ame2-group-02.png");}
.iconItem:nth-child(3) .iconBg{ opacity:0.6;}
.iconItem:nth-child(6) .iconBg{ opacity:0.5;}

/*inners*/

.inner .footer{width: 100%;padding: .8rem 5%;font-size: .8rem; background: #000; text-align: center;}
.inner .footer .pic{ display: inline-block;width:5%; vertical-align: middle; }
.inner .footer span{ display: inline-block; vertical-align: middle; margin:0 .4em;}
.item-box>div{ position: relative; overflow: hidden;}
.inner .l{ float: left;}
.inner .r{ float: right;}
.inner h2{ font-weight:normal;}
.inner strong{ font-weight:normal;}
.inner h3{ font-weight:normal;}
.bg-white{ background: #fff;}
.bg-blue{ background: #6c93da;}
.bg-easy-blue{ background: #15cac4;}
.bg-green{ background: #44c6a3;}
.bg-deep-green{ background: #32a143;}
.bg-gray{ background: #666;}
.bg-org{ background: #f8b62b;}
.bg-deep-org{ background: #ff6d1d;}
.ft-gray{color: #666}
.ft-deep-gray{color: #333}
.ft-org{color: #f8b62b !important;}
.ft-deep-org{color: #ff6d1d}
.ft-white{color: #fff}
.ft-blue{color: #6c93da}
.ft-easy-blue{color: #15cac4}
.ft-deep-green{color: #32a143}
.ft-green{color: #44c6a3}
.text-overflow{ overflow: hidden;}
.line-height-high{ line-height:1.7em;}
.text-center{ text-align: center;}
.inner .table{ display: table;width: 100%;height: 100%}
.inner .table .table-cell{ display: table-cell; vertical-align: middle;}
.pic{ -webkit-background-size:cover; background-size:cover;font-size: 0}
.inner .title{ position: relative;padding-bottom: 15px;font-size: 2rem;}
.inner .title .line{ position: absolute;bottom: 0;left: 0;width: 2.5em;height: 2px;}
.inner .title-sm{ position: relative; padding-bottom:8px;font-size: 1.6rem;}
.inner .title-sm .line{width: 2em; position: absolute; bottom:0; left:0;height: 1px;}
.inner .text-center .line{ left:50% !important; -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0);}
.padding-z{padding-left:5%; padding-right:5%;}
.padding-y{ padding-top:8%; padding-bottom:8%;}
.inner{ height:100% ;overflow-y: auto !important;}
.item-box{position: relative;}
.bg{width: 100%;font-size: 0}
.bg img{width: 100%;}
.words{ position: absolute; top:0; left:0;width: 100%;padding-top:8%;}
.swiper-container1{ background: #fff;height: 100%; overflow: hidden;}
#blog .item-01 .border{ border:2px solid #fff; border-top:none;border-radius: 1em;padding:.8em 1.4em 1.4em 1.4em;margin-top: 8%; position: relative;font-size: 0.8rem}
#blog .item-01 .border:after , .item-01 .border:before{height: 100%;width: 10%; border-top:2px solid #fff; position: absolute; top:0;content: ""}
#blog .item-01 .border strong{ position: absolute; top:1px;width: 100%; display: block; left:0;font-size: 1rem; text-align: center;color: #ccc; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%); font-weight:normal;}
#blog .item-01 .border:after{border-top-left-radius: 1em; left:-1px;}
#blog .item-01 .border:before{border-top-right-radius: 1em; right:-1px;}
#blog .item-01 .pic{width: 35%; margin:1.2rem auto;}
#blog .item-01 p{ text-indent:2em;}
#blog .item-02{ background: #f1f5fc; }
#blog .item-02 .title span{ display: block;}
#blog .item-02 .pic{width: 60%; margin:15px auto;}
#blog .item-02  p{font-size: 1.2rem}
#blog .item-03 .pic{width: 20%; margin:20px auto 0 auto;}
#blog .item-03 .text strong{ display:block; text-align: center; margin:15px 0;font-size: 1.6rem; font-weight:normal;}
#blog .item-03 .text p{font-size: 1.2rem;}
#blog .item-04 { position: relative;}
#blog .item-04 ul{ margin-top:3%;}
#blog .item-04 ul li{ padding-top:7%; overflow: hidden;}
#blog .item-04 .l{width: 17%}
#blog .item-04 .r{width: 78%}
#blog .item-04 .title-sm{margin-bottom: 4%}
#blog .item-04 p{font-size: 1.2rem;}
#blog .item-05{ padding-bottom:0 !important;}
#blog .item-05 ul{margin-top: 2em;font-size: 1.2rem;}
#blog .item-05 li{ margin-bottom:1.5em; background: #f1f5fc;padding:1.2em 1em;width: 100%; float: left; }
#blog .item-05 li .pic{width: 10%; margin-bottom:1.2rem;}
#blog .item-05 li .title-sm{margin-bottom:1em; }
#blog .item-06{ position: relative;font-size: 1.2rem;}
#blog .item-06 strong{font-size: 1.2em; display: inline-block;margin-top: 1em}
#blog .item-06 .words .pic{ margin: 2rem auto;width: 80%;}
#blog .item-06 p{ text-align: left;}
#blog .item-07 .pic{width: 70%; margin:2rem auto;}
#blog .item-07 li{width: 100%;margin-bottom: 1.5em; overflow: hidden;}
#blog .item-07 li .l{width: 12%; text-align: left;margin-top: .5em}
#blog .item-07 li .r{width: 85%;}
#blog .item-07 li .r  strong{font-size: 1.2rem;white-space: nowrap; overflow: hidden;width: 100%;text-overflow: ellipsis; display: block;margin-bottom: .5em}
#blog .item-07 li .r  p{font-size: 1rem;}
#blog .item-08 { background: #f1f5fc;font-size: 1.4rem;}
#blog .item-08  li{ margin-top:1.5em;width: 33.333%; float: left; text-align: center;}
#blog .item-08  li img{width: 68%;}
#blog .item-09 .words .pic{width: 60%;margin: 2.5rem auto;}
#blog .item-09 {font-size: 1.2rem;}
#blog .item-09 strong{font-size: 1.2em; display: block;width: 100%;margin-top: 1em;}
#blog .item-10{font-size: 1.2rem;}
#blog .item-10 strong{font-size: 1.2em;}
#blog .item-10 p{margin-top: .5em}
#blog .item-10 ul.item-10-ul-01{padding: 0 5%;margin-top: 2.5em}
#blog .item-10 ul.item-10-ul-01 li{width: 100%;padding:3% 0; overflow: hidden; background: #f1f5fc;margin-bottom: 1.5em}
#blog .item-10 ul.item-10-ul-01 li:nth-child(1) .l img{width: 35%}
#blog .item-10 ul.item-10-ul-01 li:nth-child(2) .l img{width: 65%}
#blog .item-10 ul.item-10-ul-01 li:nth-child(3) .l img{width: 50%}
#blog .item-10 .l{width: 25%; text-align: center;}
#blog .item-10 .r{width: 75%;padding-right: 5%;}
#blog .item-10 .summary{font-size: 1.2rem;padding-top: 2em;}
#blog .item-10 .pic{width: 70%; margin:3rem auto;}
#blog .item-10 .words{ position: relative; padding-top:0;}
#blog .item-10 .words li{ position: relative;padding-left: 10%; padding-bottom:1em;}
#blog .item-10 .words li .text{width: 100%;box-sizing: border-box;}
#blog .item-10 .words .line-nav{height: 100%;width: 1px; position: absolute;top: 0; left:4%; background: #ccc;}
#blog .item-10 .words .line-nav .before{position: absolute;top: 0; left:50%;width: 1.5rem;height: 1.5rem; background: #6c93da; border-radius:50%; -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0);}
#blog .item-10 .words .line-nav .before:before{content: ""; position: absolute; display: block;width: .85rem;height: .85rem; background: #fff;top: 50%; left:50%; border-radius: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
#blog .item-10 .words p{ line-height:1.7em;color: #666}
#wechat .item-01{font-size: 1.2rem;}
#wechat .item-01 .words .pic{width: 60%; margin:2rem auto;}

#wechat .item-02{font-size: 1rem;}
#wechat .item-02 ul{ margin:0 -4%;}
#wechat .item-02 li{margin-bottom: 1.5em;width: 50%;padding:0 4%; float: left;}
#wechat .item-02 li:nth-child(3){clear: left}
#wechat .item-02 li .title-sm{font-size: 1.4em}
#wechat .item-02 li .pic{ margin:0 auto 1.2em auto;height:5rem}
#wechat .item-02 li:nth-child(1) .pic{padding-top: .2rem;width: 35%}
#wechat .item-02 li:nth-child(2) .pic{width: 30%}
#wechat .item-02 li:nth-child(3) .pic{width: 25%}
#wechat .item-02 li:nth-child(4) .pic{width: 25%}
#wechat .item-02 li:nth-child(5) .pic{width: 22%}
#wechat .item-02 li p{ text-align: left;margin-top: 1em}
#wechat .item-03 .words{font-size: 1.2rem;}
#wechat .item-03 .words .l{width: 20%; text-align: center;}
#wechat .item-03 .words .l img{width: 70%;}
#wechat .item-03 .words .r{width: 80%;}
#wechat .item-03 .words .r strong{ display: block; margin-bottom:1em;font-size: 1.2em}
#wechat .item-03 .words li{margin-top: 2em; overflow: hidden;}
#wechat .item-04{font-size: 1.2rem;}
#wechat .item-04 li{padding-top: 1em}
#wechat .item-04 li .pic{width: 3.5rem; margin:2rem auto;}
#wechat .item-04 li strong{font-size: 1.4em}
#wechat .item-04 p{margin-top: .6em}

#spread .item-01{font-size: 1rem;}
#spread .item-01 .line{width: 1.5em}
#spread .item-01 .words .pic{width: 70%; margin:2.5rem auto;}
#spread .item-02{font-size: 1rem;}
#spread .item-02  li strong{font-size: 1.4em;display: block; text-align: center;}
#spread .item-02  li {padding-top: 1.5em}
#spread .item-02 .pic{width: 15%; margin:1.5rem auto;}
#spread .item-02 .line-nav-y{ position: relative;height: 2em; margin:.8em 0;}
#spread .item-02 .line-nav-y .box{ position: absolute;width: 100%;height: 2px;margin-top: 2px;top: 50% }
#spread .item-02 .line-nav-y .box .left{width: 50%;padding-right: .9em; float: left; position: relative;box-sizing: border-box}
#spread .item-02 .line-nav-y .box .left:after{height: 2px; background: #e6e6e6;display: block;content: "";}
#spread .item-02 .line-nav-y .box .right:after{height: 2px; background: #e6e6e6;display: block;content: ""}
#spread .item-02 .line-nav-y .box .right{width: 50%;padding-left: .9em; float: right; position: relative;box-sizing: border-box}
#spread .item-02 .line-nav-y .box .tab{ display: inline-block; position: absolute;border-radius: 50%;width: 2em;height: 2em;; border:2px solid #e6e6e6; line-height:1.8em;top: 0; left:50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%);color: #6c93da; text-align: center;}
#spread .item-03 {font-size: 1.4rem;}
#spread .item-03 li{width: 50%; text-align: center; float: left;margin-top: 2.5em}
#spread .item-03 li img{width: 30%; margin:.2rem auto;}
#marketing .item-01{font-size: 1rem;}
#marketing .item-01 .words .pic{width:70%; margin:3rem auto 2rem auto; }
#marketing .item-01 .words p{ margin-top:1em;}
#marketing .item-02{font-size: 1rem;}
#marketing .item-02 li{width: 100%;height:18em; border:1px solid #ddd; text-align: center;padding: 8% 5% 0 5%;margin-top: 2.2em}
#marketing .item-02 li .pic{width: 20%; margin:1.5rem auto;}
#marketing .item-02 li strong{ display: block;font-size: 1.4em}
#marketing .item-02 li P{ text-align: left;}
#marketing .item-03{font-size: 1rem;}
#marketing .item-03 .words li strong{font-size: 1.4em;}
#marketing .item-03 li{ overflow: hidden;margin-top: 2em}
#marketing .item-03 .l{width: 20%; text-align: center;}
#marketing .item-03 .l img{width: 70%}
#marketing .item-03 .r{width: 80%}
#marketing .item-03 p{margin-top: .7em;}
#marketing .item-03 p span{ margin-right:.5em; display: inline-block;}
#marketing .item-05{font-size: 1rem}
#marketing .item-05 .ib{ display: inline-block; text-align: left;}
#marketing .item-05 ul.item-05-ul-01{margin-top: 2.4em;}
#marketing .item-05 ul.item-05-ul-01>li strong{font-size: 1.4em; display: block; border-bottom:1px solid #ddd;padding-bottom: .8em; text-align: center;margin-bottom: .8em}
#marketing .item-05 ul.item-05-ul-01>li{padding: 1em 2em; background: #fff; margin-bottom: 1.2em;height: 15em}
#marketing .item-05 ul.item-05-ul-01>li li{ margin-bottom:.3em;}
#marketing .item-05 ul.item-05-ul-01>li  a{ display: inline-block;width: 7em;color: #46afe0;margin-left:.8em; text-align: left;}
#marketing .item-05 ul.item-05-ul-01>li span{ margin-left:.5em; display: inline-block;}
#marketing .item-05 ul.item-05-ul-02>li a{ margin-right:1.5em;}
#marketing .item-05 .words{padding-top: 8%}
#case .title{font-size: 1.8rem;padding-bottom: 10px;}
#case .title .line{width: 2em}
#case .item-01{font-size: 1rem;}
#case .item-01 p{margin-top: 1.2em;}
#case .item-02{font-size: 1rem;}
#case .item-02 p{ margin-top:1.2em;}
#case .item-02 .words .pic{margin-top: 1.5rem}
#case .item-03{font-size: 1rem;}
#case .item-03 p{ margin-bottom:1em;}
#case .item-03 .title{margin-bottom: .8em}
#case .item-03 .words .pic{width: 90%; margin:2rem auto;}
#case .item-04{font-size: 1rem;}
#case .item-04 .title{ margin-bottom:1em;}
#case .item-04 p{margin-top: .6em;}
#case .item-04 .words{height: 100%}
#case .item-04 .words .pic{width: 50%; position: absolute;bottom: 0;left: 25%}
#case .item-05{ background-image: url("../images/case_item4_ico_01.png"); background-position: bottom; -webkit-background-size:100% auto; background-size:100% auto; background-repeat:no-repeat;font-size: 1rem}
#case .item-05 .pic{margin-top: 1.5rem;padding-bottom: 3rem}
#case .item-05 p{margin-top: 1.2em;}
#case .item-06{ background-image: url("../images/case_item6_ico_01.png"); background-position: bottom; -webkit-background-size:100% auto; background-size:100% auto; background-repeat:no-repeat;font-size: 1rem; background-color: #e4f0ff;}
#case .item-06 p{margin-top: 1.2em;}
#case .item-06 .pic{margin-top: 1.5rem;padding-bottom: 10rem;width:150%;margin-left: -25%}
#case .item-07{padding: 1em 0; text-align: center; background: #f8f8f8;font-size: 1rem;}
#plan a{ display: inline-block;border-radius:.6em;padding: .9em 1.2em;margin-top: 2.5em}
#plan .title{margin-bottom: .8em;font-size: 1.7rem}
#plan a.details span .jt-box{content: "";display: block; position: absolute; right:0;top: 50%;width: 2em;height: 2em;margin-top: -1em;}
#plan .text-overflow{ padding-left:5%; padding-right:5%;margin-top: 1em}
#plan{font-size: 1rem;}
#plan > div:nth-child(2n){ background: #f8f8f8;}
#plan a.details span .jt-box .before{ z-index: 2;display: block; right: .5em;top: 50%;margin-top: -.25em;position: absolute;width:.6em;height: .6em;border-right:1px solid #000000 ;border-bottom:1px solid #000000; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
#plan a.details span .jt-box .after{ display: block; position: absolute;width: 1.5em;height: 1px; background: #000;top: 50%;}
#plan  a.details span.fonts{ display: inline-block; padding-right:30px; position: relative;}
#plan .item-00 .line{ background: #E96228;}
#plan .item-00 .title{ color: #E96228;}
#plan .item-00 a{color: #E96228;border: 1px solid #E96228;}
#plan .item-00 a .jt-box .before{border-color:#E96228 !important;}
#plan .item-00 a .jt-box .after {background: #E96228 !important;}
#plan .item-01 a{color: #01cfcf;border: 1px solid #01cfcf;}
#plan .item-01 a .jt-box .before{border-color:#01cfcf !important;}
#plan .item-01 a .jt-box .after {background: #01cfcf !important;}
#plan .item-02 .line{ background: #e94486;}
#plan .item-02 .title{ color: #e94486;}
#plan .item-02 a{color: #e94486;border: 1px solid #e94486;}
#plan .item-02 a .jt-box .before{border-color:#e94486 !important;}
#plan .item-02 a .jt-box .after {background: #e94486 !important;}
#plan .item-03 .line{ background: #249ee3;}
#plan .item-03 .title{ color: #249ee3;}
#plan .item-03 a{color: #249ee3;border: 1px solid #249ee3;}
#plan .item-03 a .jt-box .before{border-color:#249ee3 !important;}
#plan .item-03 a .jt-box .after {background: #249ee3 !important;}
#plan .item-04 .line{ background: #59347b;}
#plan .item-04 .title{ color: #59347b;}
#plan .item-04 a{color: #59347b;border: 1px solid #59347b;}
#plan .item-04 a .jt-box .before{border-color:#59347b !important;}
#plan .item-04 a .jt-box .after {background: #59347b !important;}
#plan .item-05 .line{ background: #46ab19;}
#plan .item-05 .title{ color: #46ab19;}
#plan .item-05 a{color: #46ab19;border: 1px solid #46ab19;}
#plan .item-05 a .jt-box .before{border-color:#46ab19 !important;}
#plan .item-05 a .jt-box .after {background: #46ab19 !important;}
#plan .item-06 .line{ background: #ec4747;}
#plan .item-06 .title{ color: #ec4747;}
#plan .item-06 a{color: #ec4747;border: 1px solid #ec4747;}
#plan .item-06 a .jt-box .before{border-color:#ec4747 !important;}
#plan .item-06 a .jt-box .after {background: #ec4747 !important;}
#plan .item-07 .line{ background: #ff9517;}
#plan .item-07 .title{ color: #ff9517;}
#plan .item-07 a{color: #ff9517;border: 1px solid #ff9517;}
#plan .item-07 a .jt-box .before{border-color:#ff9517 !important;}
#plan .item-07 a .jt-box .after {background: #ff9517 !important;}
#plan .item-08 .line{ background: #05c5b5;}
#plan .item-08 .title{ color: #05c5b5;}
#plan .item-08 a{color: #05c5b5;border: 1px solid #05c5b5;}
#plan .item-08 a .jt-box .before{border-color:#05c5b5 !important;}
#plan .item-08 a .jt-box .after {background: #05c5b5 !important;}
#plan .item-09 .line{ background: #e94486;}
#plan .item-09 .title{ color: #e94486;}
#plan .item-09 a{color: #e94486;border: 1px solid #e94486;}
#plan .item-09 a .jt-box .before{border-color:#e94486 !important;}
#plan .item-09 a .jt-box .after {background: #e94486 !important;}
#plan .item-10 .line{ background: #2193d5;}
#plan .item-10 .title{ color: #2193d5;}
#plan .item-10 a{color: #2193d5;border: 1px solid #2193d5;}
#plan .item-10 a .jt-box .before{border-color:#2193d5 !important;}
#plan .item-10 a .jt-box .after {background: #2193d5 !important;}
#plan .r{width: 50%;text-align: right}
#plan .left-pic{ padding-left:0 !important;}
#plan .right-pic{ padding-right:0 !important;}
#plan .l{width: 50%;}
#planDetails>div:first-child{ padding:8% 5%;}
#planDetails .center{ background: #fff;box-sizing: border-box}
#planDetails  p{color: #666;line-height: 1.8em;font-size: 1.2rem}
#planDetails  h1{padding-bottom: 15px; position: relative;margin-bottom: .6em;font-size: 1.8rem}
#planDetails  h2{margin: .6em 0;font-size: 1.6rem}
#planDetails  h3{margin: .4em 0;font-size: 1.4rem}
#planDetails .customized_detail_00 h2,
#planDetails .customized_detail_00 h1,
#planDetails .customized_detail_00 h3 {color: #E96228;}
#planDetails .customized_detail_00 h1 .line{ background: #E96228;display: inline-block; position: absolute;bottom: 0;left: 0;height: 3px;width: 1.5em;}
#planDetails .customized_detail_01 h2,
#planDetails .customized_detail_01 h1,
#planDetails .customized_detail_01 h3 {color: #01cfcf;}
#planDetails .customized_detail_01 h1 .line{ background: #01cfcf;display: inline-block; position: absolute;bottom: 0;left: 0;height: 3px;width: 1.5em;}
#planDetails .customized_detail_02 h2 ,
#planDetails .customized_detail_02 h1 ,
#planDetails .customized_detail_02 h3 {color: #e94486; font-weight:normal;}
#planDetails .customized_detail_02 h1 .line{ background: #e94486;display: inline-block; position: absolute;bottom: 0;left: 0;height: 3px;width: 1.5em;}
#planDetails .customized_detail_03 h2 ,
#planDetails .customized_detail_03 h1 ,
#planDetails .customized_detail_03 h3 {color: #249ee3; font-weight:normal;}
#planDetails .customized_detail_03 h1 .line{ background: #249ee3;display: inline-block; position: absolute;bottom: 0;left: 0;height: 3px;width: 1.5em;}
#planDetails .customized_detail_04 h2 ,
#planDetails .customized_detail_04 h1 ,
#planDetails .customized_detail_04 h3 {color: #59347b; font-weight:normal;}
#planDetails .customized_detail_04 h1 .line{ background: #59347b;display: inline-block; position: absolute;bottom: 0;left: 0;height: 3px;width: 1.5em;}
#planDetails .customized_detail_05 h2 ,
#planDetails .customized_detail_05 h1 ,
#planDetails .customized_detail_05 h3 {color: #46ab19; font-weight:normal;}
#planDetails .customized_detail_05 h1 .line{ background: #46ab19;display: inline-block; position: absolute;bottom: 0;left: 0;height: 3px;width: 1.5em;}
#planDetails .customized_detail_06 h2 ,
#planDetails .customized_detail_06 h1 ,
#planDetails .customized_detail_06 h3 {color: #ec4747; font-weight:normal;}
#planDetails .customized_detail_06 h1 .line{ background: #ec4747;display: inline-block; position: absolute;bottom: 0;left: 0;height: 3px;width: 1.5em;}
#planDetails .customized_detail_07 h2 ,
#planDetails .customized_detail_07 h1 ,
#planDetails .customized_detail_07 h3 {color: #ff9517; font-weight:normal;}
#planDetails .customized_detail_07 h1 .line{ background: #ff9517;display: inline-block; position: absolute;bottom: 0;left: 0;height: 3px;width: 1.5em;}
#planDetails .customized_detail_08 h2 ,
#planDetails .customized_detail_08 h1 ,
#planDetails .customized_detail_08 h3 {color: #05c5b5; font-weight:normal;}
#planDetails .customized_detail_08 h1 .line{ background: #05c5b5;display: inline-block; position: absolute;bottom: 0;left: 0;height: 3px;width: 1.5em;}
#planDetails .customized_detail_09 h2 ,
#planDetails .customized_detail_09 h1 ,
#planDetails .customized_detail_09 h3 {color: #e94486; font-weight:normal;}
#planDetails .customized_detail_09 h1 .line{ background: #e94486;display: inline-block; position: absolute;bottom: 0;left: 0;height: 3px;width: 1.5em;}
#planDetails .customized_detail_10 h2 ,
#planDetails .customized_detail_10 h1 ,
#planDetails .customized_detail_10 h3 {color: #2193d5;font-weight:normal;}
#planDetails .customized_detail_10 h1 .line{ background:#2193d5;display: inline-block; position: absolute;bottom: 0;left: 0;height: 3px;width: 1.5em;}
#server .item-01 {font-size: 1rem;}
#server .item-01 .words .pic{width: 90%; margin:3rem auto;}
#server .item-02{font-size: 1rem; background: #f6fbff;}
#server .item-02 strong{font-size: 1.4em; display: block; text-align: center;margin: 1em 0;}
#server .item-02 li{margin-bottom: 2.5em;padding: 0 1.5em}
#server .item-02 .pic{width: 20%; margin:0 auto;}
#server .item-03{font-size: 1rem;}
#server .item-03 .title-sm{ margin-top:1.5em;}
#server .item-03 p{ margin-top:1.5em;}
#server .item-03 .pic{width: 90%; margin:2rem auto;}
#about .item-01{font-size: 1rem}
#about .item-01 p{ margin:2.5em 0 1em 0;}
#about .item-01 li{width: 33.333%; float: left; text-align: center;}
#about .item-01 li img{width: 95%;}
#about .item-02{font-size: 1rem;}
#about .item-02 ul{ margin-top:1.5em;padding: 0 5%}
#about .item-02 ul li{ margin-top:2.5em;width: 50%; float: left; text-align: center;}
#about .item-02 ul li .radisu{width: 8em; display: inline-block;padding: .5em .8em; background: #f8c454;border-radius: 50%;height: 8em}
#about .item-02 ul li .radisu strong{font-size: 1.2em}
#about .item-02 ul li p{margin-top: .5em;}
#about .item-03{ overflow: hidden;}
#about .item-03 .pic{width: 90%; float: right; margin-top:3rem;}
#about .item-04 ul{margin-top: 2em}
#about .item-04 li{width: 50%; float: left; text-align: center;}
#about .item-04 li.hide{ opacity:0;}
#about .item-04 li img {width: 50%;}
#about .item-04 li p{font-size: 1.2em;margin-top: .5em}
#about .item-04 li p strong{font-size: 1.4em}
#about .item-05{font-size: 1rem;}
#about .item-05 .pic{width: 10%;}
#about .item-05 li strong{ display: block; margin-top:.8em; font-size: 1.4em; margin-bottom:.6em;}
#about .item-05 li{padding: 1.5em 1.5em 2em 1.5em;width: 100%; background: #f8f8f8;margin-top: 2em}
#about .item-06{font-size: 1rem}
#about .item-06 .slide-nav {margin-top: 3em; overflow: hidden;}
#about .item-06 .slide-nav li{width: 25%; float: left;color: #aaa; text-align: center;}
#about .item-07{font-size: 1rem; background: #2b2b2b;}
#about .item-07 .pic{width: 10%; display: inline-block;}
#about .item-07 ul{ margin-top:2em;}
#about .item-07 li{ text-align: center; margin-bottom:2em;}
#about .item-07 p{color: #aaaaaa;margin-top: .5em;}
@media screen and (min-width: 370px) {

    #blog .item-01 .border{
        font-size: 1.1rem;
    }
    #case .item-03 ,#case .item-01 ,#case .item-02,#case .item-04,#case .item-05,#case .item-06,#case .item-07{font-size: 1.2rem;}
    #blog .item-06{
        font-size: 1.35rem;
    }
    #blog .item-04 p{
        font-size: 1.2rem;
    }
}
@media screen and (min-width: 400px) {

    #blog .item-01 .border{
        font-size: 1rem;
    }
    #case .item-03 ,#case .item-01 ,#case .item-02,#case .item-04,#case .item-05,#case .item-06,#case .item-07{font-size: 1.1rem;}
    #blog .item-04 p{
        font-size: 1.1rem;
    }
    #blog .item-06{
        font-size: 1.2rem;
    }
}
@media screen and (min-width: 500px) {

    #blog .item-01 .border{
        font-size: 1rem;
    }
    #blog .item-04 p{
        font-size: 1.1rem;
    }

}
@media screen and (min-width: 700px) {

    .pc  #blog .item-01 .border{
        font-size: 1rem;
    }
    .pc #blog .item-04 p{
        font-size: 1rem;
    }
    .pc #blog .item-06{
        font-size: 1.1rem;
    }
}
@media screen and (min-width: 767px) {

    #blog .item-01 .border{
        font-size: 1.2rem;
    }
    #blog .item-04 p{
        font-size: 1.3rem;
    }
    #blog .item-06{
        font-size: 1.4rem;
    }
}
@media screen and (min-width: 800px) {

    #blog .item-01 .border{
        font-size: 1rem;
    }
    #blog .item-04 p{
        font-size: 1.1rem;
    }
    #blog .item-06{
        font-size: 1.2rem;
    }
}


/*加载动画*/

svg{

    width:35%;

    overflow:visible;

    /*   border:1px solid red; */
}
circle{
    fill:dodgerblue;
    fill-opacity:0;

}
.g-circles{
    -webkit-transform:scale(0.9) translate(7px, 7px);
    -ms-transform:scale(0.9) translate(7px, 7px);
    transform:scale(0.9) translate(7px, 7px);
}
svg{
    -webkit-animation:opacity 4s linear infinite;
    animation:opacity 4s linear infinite;
}
.g-circles--v3 circle{
    fill-opacity:1;

    -webkit-animation:colors 4s linear infinite;
    animation:colors 4s linear infinite;
}

@keyframes opacity{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
    }
    40%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg);
    }
    75%{
        -webkit-transform:rotate(720deg);
        transform:rotate(720deg);
    }
    100%{
        -webkit-transform:rotate(1080deg);
        transform:rotate(1080deg);
    }
}

@-webkit-keyframes colors{
    0%{
        fill:yellowgreen ;

    }

    40%{
        fill:gold;

    }

    75%{
        fill:crimson;

    }
}
@keyframes colors{
    0%{
        fill:yellowgreen;

    }

    40%{
        fill:gold;

    }

    75%{
        fill:crimson;
    }
}
#plan  .footer:last-child{background: #000;}