@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?qdgv0f');
  src:  url('fonts/icomoon.eot?qdgv0f#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?qdgv0f') format('truetype'),
    url('fonts/icomoon.woff?qdgv0f') format('woff'),
    url('fonts/icomoon.svg?qdgv0f#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-skype:before {
  content: "\e90e";
}
.icon-whatsapp:before {
  content: "\e90f";
}
.icon-dianping:before {
  content: "\e90c";
}
.icon-taobao:before {
  content: "\e90d";
}
.icon-check_box:before {
  content: "\e25c";
}
.icon-check_box_outline_blank:before {
  content: "\e25d";
}
.icon-radio_button_unchecked:before {
  content: "\e25e";
}
.icon-radio_button_checked:before {
  content: "\e25f";
}
.icon-notifications:before {
  content: "\e24a";
}
.icon-people:before {
  content: "\e251";
}
.icon-person:before {
  content: "\e253";
}
.icon-sns:before {
  content: "\e25a";
}
.icon-map:before {
  content: "\e2c8";
}
.icon-weibo2:before {
  content: "\e605";
}
.icon-kongjian2:before {
  content: "\e606";
}
.icon-qq2:before {
  content: "\e607";
}
.icon-weixin:before {
  content: "\e608";
}
.icon-logo:before {
  content: "\e904";
}
.icon-weibo:before {
  content: "\e600";
}
.icon-kongjian:before {
  content: "\e601";
}
.icon-qq:before {
  content: "\e602";
}
.icon-cnlogo:before {
  content: "\e913";
}
.icon-add:before {
  content: "\e069";
}
.icon-cloud_upload:before {
  content: "\e0fe";
}
.icon-slideright:before {
  content: "\e90a";
}
.icon-slideleft:before {
  content: "\e90b";
}
.icon-twitter:before {
  content: "\e929";
}
.icon-huaban:before {
  content: "\e92a";
}
.icon-facebook:before {
  content: "\e92b";
}
.icon-email:before {
  content: "\e92c";
}
.icon-cart:before {
  content: "\e2e0";
}
.icon-add_shopping_cart:before {
  content: "\e269";
}
.icon-chevron_right:before {
  content: "\e208";
}
.icon-help:before {
  content: "\e30f";
}
.icon-close:before {
  content: "\e209";
}
.icon-menu:before {
  content: "\e902";
}
.icon-sweden:before {
  content: "\e903";
}
.icon-image:before {
  content: "\e604";
}
.icon-location:before {
  content: "\e611";
}
.icon-magnifying-glass:before {
  content: "\e612";
}
.icon-mail:before {
  content: "\e907";
}
.icon-del:before {
  content: "\e800";
}
.icon-minus:before {
  content: "\e900";
}
.icon-apple:before {
  content: "\e901";
}
.icon-android:before {
  content: "\e905";
}
.icon-phone:before {
  content: "\e908";
}
.icon-bubbles:before {
  content: "\e906";
}
.icon-rocket:before {
  content: "\e909";
}
.icon-th-list:before {
  content: "\f00b";
}
.icon-align-left:before {
  content: "\f036";
}
.icon-align-center:before {
  content: "\f037";
}
.icon-align-right:before {
  content: "\f038";
}
.icon-power-off:before {
  content: "\f011";
}


/*图文按钮效果*/.ly-dt li .do-element-media-conter .des:after
                                                                {
                                                                    content: "更多";
                                                                    display: block;
                                                                    border: 1px solid #325cc7;
                                                                    width: 80px;
                                                                    height: 30px;
                                                                    line-height: 30px !important;
                                                                    text-align: center;
                                                                    margin: 20px 0;
                                                                    color: #325cc7 !important;
                                                                    transition: all 0.3s;
                                                                }
                                                                .ly-dt li .do-element-media-conter:hover .des:after
                                                                {
                                                                    background-color: #325cc7;
                                                                    color: white !important;
                                                                }
																
																
																
/*顺序*/
                                                            .desktop .ly-dt li .do-element-media-conter {
                                                            /*/ / display : -ms-flexbox;*/
                                                                display: -moz-box;
                                                                display: -webkit-box;
                                                                display: box;
                                                                -webkit-box-orient: vertical;
                                                            }

                                                            .desktop .ly-dt li:nth-child(2n) .do-element-media-conter .do-media-image-box {
                                                            /*/ / -ms-flex-order : 2;*/
                                                                -moz-box-ordinal-group: 2;
                                                                -webkit-box-ordinal-group: 2;
                                                                box-ordinal-group: 2;
                                                                height: initial;
                                                            }

                                                            .desktop .ly-dt li:nth-child(2n) .do-element-media-conter .do-title {
                                                            /*/ / -ms-flex-order : 1;*/
                                                                -moz-box-ordinal-group: 1;
                                                                -webkit-box-ordinal-group: 1;
                                                                box-ordinal-group: 1;
                                                            }

                                                            /*.ly-dt li:nth-child(2n+1) .do-element-media-conter .do-media-image:after {*/
                                                                /*content: "";*/
                                                                /*display: block;*/
                                                                /*background-image: url(http://bk.image.styleweb.com.cn/2017/4/11/3917_j1d5hmi3.png?imageView2/0/w/390);*/
                                                                /*width: 28px;*/
                                                                /*height: 15px;*/
                                                                /*transition: all 0.3s;*/
                                                                /*position: absolute;*/
                                                                /*right: 50%;*/
                                                                /*margin-right: -14px;*/
                                                                /*bottom: 0;*/
                                                                /*opacity: 0;*/
                                                                /*background-position: center;*/
                                                            /*}*/

                                                            .ly-dt li:nth-child(2n+1) .do-element-media-conter:hover .do-media-image:after {
                                                                opacity: 1;
                                                            }

                                                            /*.ly-dt li:nth-child(2n) .do-element-media-conter .do-media-image:after {*/
                                                                /*content: "";*/
                                                                /*display: block;*/
                                                                /*background-image: url(http://bk.image.styleweb.com.cn/2017/4/11/3917_j1d5mabz.png?imageView2/0/w/390);*/
                                                                /*width: 28px;*/
                                                                /*height: 15px;*/
                                                                /*transition: all 0.3s;*/
                                                                /*position: absolute;*/
                                                                /*right: 50%;*/
                                                                /*margin-right: -14px;*/
                                                                /*top: 0;*/
                                                                /*opacity: 0;*/
                                                                /*background-position: center;*/
                                                            /*}*/

                                                            .ly-dt li:nth-child(2n) .do-element-media-conter:hover .do-media-image:after {
                                                                opacity: 1;
                                                            }

                                                            /*距离*/
                                                            .ly-dt .do-title {
                                                                /*padding: 20px;*/
                                                                min-height: 135px;
                                                                margin: 0;
                                                            }
															
															
 /*手机端*/
                                                            @media only screen and (max-width: 640px) {

                                                                .logo-box.open {
                                                                    transform: scale(.8);
                                                                }

                                                                .do-banner .do-text h2 {
                                                                    font-size: 24px;
                                                                }

                                                                .do-banner .do-eilgr span[style*="font-size: 30px"] {
                                                                    font-size: 20px !important;
                                                                }

                                                                .ly-rotate .do-element-media-li .do-element-media-conter .do-title .des p {
                                                                    display: block;
                                                                    color: #ccc;
                                                                    font-size: 12px;
                                                                    text-align: justify;
                                                                }

                                                                .ly-rotate li .des p span {
                                                                    color: #ccc !important;
                                                                }

                                                                .ly-rotate .do-element-media-li .do-element-media-conter .do-title:after {
                                                                    bottom: 30px;
                                                                    transform: translateY(0px);
                                                                }
                                                            }															
												
															
															



.do-banner .bgcolor
                                                {
                                                    background: #6b13d3 !important;
                                                    background: -moz-linear-gradient(45deg, #6b13d3 0, #7a25e1 25%, #4962dc 60%) !important;
                                                    background: -webkit-linear-gradient(45deg, #6b13d3 0, #7a25e1 25%, #4962dc 60%) !important;
                                                    background: -ms-linear-gradient(45deg, #6b13d3 0, #7a25e1 25%, #4962dc 60%) !important;
                                                    background: linear-gradient(45deg, #6b13d3 0, #7a25e1 25%, #4962dc 60%) !important;
                                                }
                                                #particles-js
                                                {
                                                    position: absolute;
                                                    top: 0;
                                                    left: 0;
                                                    right: 0;
                                                    bottom: 0;
                                                    z-index: 2;
                                                    opacity: .4;
                                                }



.ly-rotate .do-element-media-li .do-element-media-conter .do-title
                                                {
                                                    transition: all 1s;
                                                }
                                                .ly-rotate .do-element-media-li .do-element-media-conter .do-title .title p span
                                                {
                                                    font-weight: lighter;
                                                }
                                                .ly-rotate .do-element-media-li .do-element-media-conter
                                                {
                                                    background-color: rgba(255, 255, 255, 0);
                                                    transition: all 0.3s;
                                                    height: 324px;
                                                    border: 2px solid #dddddd;
                                                }
                                                .ly-rotate .do-element-media-li .do-element-media-conter .do-title
                                                {
                                                    opacity: 1;
                                                    transition: all 0.3s;
                                                    padding: 0 20px;
                                                }
                                                .ly-rotate .do-element-media-li .do-element-media-conter .title
                                                {
                                                    transition: all 0.3s;
                                                }
                                                .ly-rotate .do-element-media-li .do-element-media-conter .do-title .des p
                                                {
                                                    display: none;
                                                }
                                                @media only screen and (min-width: 640px)
                                                {
                                                    .ly-rotate .do-element-media-li .do-element-media-conter:hover .do-middle-center .scrollLoading.imga1
                                                    {
                                                        background: url("/saiwei/img/bg2.jpg");
                                                    }
                                                    .ly-rotate .do-element-media-li .do-element-media-conter .do-middle-center .scrollLoading.imga2
                                                    {
                                                        display: none;
                                                    }
                                                    .ly-rotate .do-element-media-li .do-element-media-conter:hover .do-middle-center .scrollLoading.imga1
                                                    {
                                                        display: none;
                                                    }
                                                    .ly-rotate .do-element-media-li .do-element-media-conter:hover .do-middle-center .scrollLoading.imga2
                                                    {
                                                        display: unset;
                                                        margin-top: 30px;
                                                    }
                                                    .ly-rotate .do-element-media-li .do-element-media-conter:hover
                                                    {
                                                        background: url("/saiwei/img/bg2.jpg");
                                                    }
                                                    .ly-rotate .do-element-media-li .do-element-media-conter:hover .do-title .des p
                                                    {
                                                        display: block;
                                                        color: white !important;
                                                    }
                                                    .ly-rotate .do-element-media-li .do-element-media-conter:hover .do-title p span
                                                    {
                                                        display: block;
                                                        color: white !important;
                                                    }
                                                    .ly-rotate .do-element-media-li .do-element-media-conter:hover .do-title .title p span
                                                    {
                                                        color: white !important;
                                                    }
                                                    .ly-rotate .do-element-media-li .do-element-media-conter:hover .do-title:after
                                                    {
                                                        transform: translateY(-20px);
                                                        color: white;
                                                        border: 1px solid white;
                                                    }
                                                }
												

.huzi-full .do-row,
                                            .huzi-full [class*=do-col-] {
                                                position: inherit;
                                            }

                                            .intro-direction1 {
                                                position: absolute;
                                                left: calc(50% - 11px);
                                                bottom: 10%;
                                                z-index: 99;
                                            }

                                            @media only screen and (max-width: 640px) {
                                                .intro-direction1 {
                                                    bottom: 5%;
                                                }
                                            }

                                            .mouse-icon .wheel-blue {
                                                background-image: url(http://bk.image.styleweb.com.cn/2017/7/6/3917_j4s9z4hf.png?imageView2/0/w/390);
                                                background-position: center;
                                                background-repeat: no-repeat;
                                                -webkit-animation-name: mouse-anim-drop;
                                                animation-name: mouse-anim-drop;
                                                -webkit-animation-duration: 1s;
                                                animation-duration: 1s;
                                                -webkit-animation-timing-function: linear;
                                                animation-timing-function: linear;
                                                -webkit-animation-iteration-count: infinite;
                                                animation-iteration-count: infinite;
                                                -webkit-animation-play-state: running;
                                                animation-play-state: running;
                                                position: relative;
                                                width: 22px;
                                                height: 10px;
                                                top: 44px;
                                                margin-left: auto;
                                                margin-right: auto
                                            }

                                            .mouse-icon .move1 {
                                                -webkit-animation-delay: 0.3s;
                                                animation-delay: 0.3s;
                                            }

                                            .mouse-icon .move2 {
                                                -webkit-animation-delay: 0.2s;
                                                animation-delay: 0.2s;
                                            }

                                            .mouse-icon .move3 {
                                                -webkit-animation-delay: 0.1s;
                                                animation-delay: 0.1s;
                                            }

                                            @-webkit-keyframes mouse-anim-drop {
                                                0% {
                                                    top: 5px;
                                                    opacity: 0
                                                }

                                                30% {
                                                    top: 10px;
                                                    opacity: 1
                                                }

                                                100% {
                                                    top: 25px;
                                                    opacity: 0
                                                }
                                            }

                                            @keyframes mouse-anim-drop {
                                                0% {
                                                    top: 5px;
                                                    opacity: 0
                                                }

                                                30% {
                                                    top: 10px;
                                                    opacity: 1
                                                }

                                                100% {
                                                    top: 25px;
                                                    opacity: 0
                                                }
                                            }
											

											
	
	

                                                            
                                                           										
											
											
											
											
											
											


 .do-dwnae .do-btn
                                                                {
																  color: rgb(255, 255, 255);
                                                            background-color: rgba(255, 255, 255, 0.1);
                                                            margin-right: 1px;
														    border: 1px solid rgb(255, 255, 255);
															  transition: all 0.3s;
                                                                  
                                                                }
                                                                .do-dwnae .do-btn:hover
                                                                {
                                                                    background-color: #335dc7;
                                                                    border: 1px solid #335dc7;
																	 color: rgb(255, 255, 255);
                                                                }
                                                                .do-element-button-content .do-btn:hover
                                                                {
                                                                    opacity: 1;
                                                                }
                                                                @media only screen and (max-width: 640px)
                                                                {
                                                                    .ly-marginphone .do-text
                                                                    {
                                                                        margin: 0 20px;
                                                                    }
                                                                }

                                                        .lt-ie9 .do-dwnae .do-btn
                                                        {
                                                            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff, endColorstr=#19ffffff);
                                                        }
                                                      
                                                 
                                                        .do-dwnae .do-btn, .do-dwnae .do-btn p, .do-dwnae .do-btn span
                                                        {
                                                            font-size: 14px;
                                                        }
														
														
														
														 .do-dwna8 .do-element-media-conter
                                                        {
                                                            background-color: rgb(255, 255, 255);
                                                        }
                                                        .do-dwna8 .do-middle-center img
                                                        {
                                                            width: 35%;
                                                        }
                                                        .do-dwna8 .do-title .title
                                                        {
                                                            font-size: 18px;
                                                            line-height: 1.50em;
                                                            text-align: left;
                                                            color: rgb(51, 51, 51);
                                                        }
                                                        .do-dwna8 .do-title .des > *
                                                        {
                                                            font-size: 14px;
                                                            line-height: 1.50em;
                                                            text-align: left;
                                                            color: rgb(153, 153, 153);
                                                        }
														
.do-B-c-98-99 .do-block.do-rows {
                                                                z-index: 10
                                                            }

                                                            .animates {
                                                                -webkit-transition: all 1s;
                                                                transition: all 1s;
                                                            }

                                                            .logo-box {
                                                                width: 338px;
                                                                position: relative;
                                                                margin: auto;
                                                                transform: scale(1);
                                                                height: 150px;

                                                            }

                                                            .logo-box.open {
                                                                transform: scale(.95);
                                                            }

                                                            .logo-box svg {
                                                                position: absolute;
                                                                top: 0;
                                                                left: 0;
                                                                z-index: 1
                                                            }

                                                            .logo-bg {
                                                                padding-top: 81%;
                                                                z-index: 2;
                                                                position: relative;
                                                                opacity: 0
                                                            }

                                                            .power-animation {
                                                                -webkit-backface-visibility: hidden;
                                                                -webkit-transform-style: preserve-3d;
                                                                -webkit-transform: translate3d(0, 0, 0);
                                                                /*background: url('./img/logo.png');*/
                                                                background-position: 3px 0;
                                                                position: absolute;
                                                                top: 10px;
                                                                left: 10px;
                                                                right: 10px;
                                                                bottom: 10px;
                                                            }

                                                            .power-animation[data-id='2'] {
                                                                background-position: -239px 0
                                                            }

                                                            .power-animation[data-id='3'] {
                                                                background-position: -481px 0
                                                            }

                                                            .power-animation[data-id='4'] {
                                                                background-position: -723px 0
                                                            }

                                                            .power-animation[data-id='5'] {
                                                                background-position: -966px 0
                                                            }

                                                            .power-animation[data-id='6'] {
                                                                background-position: -1208px 0
                                                            }

                                                            .power-animation[data-id='7'] {
                                                                background-position: 0 -192px;
                                                                left: 13px
                                                            }

                                                            .power-animation[data-id='8'] {
                                                                background-position: -239px -192px
                                                            }

                                                            .power-animation[data-id='9'] {
                                                                background-position: -481px -192px
                                                            }

                                                            .power-animation[data-id='10'] {
                                                                background-position: -723px -192px
                                                            }

                                                            .power-animation[data-id='11'] {
                                                                background-position: -966px -192px
                                                            }

                                                            .power-animation[data-id='12'] {
                                                                background-position: -1208px -192px
                                                            }												