@charset "gb2312";
/* CSS Document */
html{overflow:hidden;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
body{font-family:"΢ÈíÑźÚ";font-size:12px;color:#000000;word-wrap:break-word;behavior:url("csshover.htc");overflow:hidden;}
button,input,select,textarea{font:12px/1.5  Arial, "ËÎÌå", Helvetica,  Verdana, sans-serif;word-wrap:break-word;color:#565756;}
ul,li{list-style:none;margin:0;padding:0;}
h1, h2, h3, h4, h5, h6{font-weight:normal;font-size:100%;} 
img{border:none;border:0;vertical-align:middle;}
a{text-decoration:none;outline:none;}
p{margin:0;padding:0;}
input,select,textarea{vertical-align:middle;*font-size:100%;}
input{margin:0;outline:none;padding:0;}
input::-ms-clear{display:none;}
.clearfix:after{
     content:".";       
     display:block;       
     height:0;       
     clear:both;       
     visibility:hidden;       

}
.clearfix{*zoom:1}
.fz24{ font-size:24px;}
.fz26{ font-size:26px;}
.fz48{ font-size:48px;}
.ddw{position:absolute;left:0;top:0;color:#000;font-size:16px;z-index:9999;}
.ddw2{position:absolute;left:20px;top:0;color:#000;font-size:16px;z-index:9999;}
.num_box{position:relative;}
.num{width:100%;text-align:center;position:relative;}
.screen_back{width:100%;margin:0 auto;}
.logo_img {width: 150px;height: 42px;margin: 35px 0 0 35px;float: left;}
.logo_back {float: right;}
.logo_back span {display: block;margin: 35px 35px 0 0;background: #FF0000;padding: 5px 20px;border-radius: 5px;text-align: center;line-height: 30px;font-size: 16px;color: #fff;}
.one_screen{width:100%;margin:0 auto;}
.one_screen em{ display:block; line-height:42px;margin-top:6%;}

.two_screen{width:100%;margin:0 auto;padding-top:8%;}
.two_screen_title{width:100%;margin:0 auto;float:left;}
.two_screen_title img{float:left;margin-left:-68px;}

.two_screen_left{float:left;width:675px;margin-left:-80px; position:relative;}
.two_screen_left p{float:left; height:40px;line-height:40px;margin-right:10px;margin-left:250px;}
.two_screen_left p:hover{color:#ff6960; font-weight:bold;}
.two_screen_img{margin-top:80px;margin-bottom:20px;}
.screen_bo{ position:absolute; top:32px;left:72px;}
.screen_bo1{width:654px;position:absolute; top:32px;left:4px;}
.two_screen_j{float:left;margin-top:18px;}
.two_screen_right{float:right;width:445px;margin-top:140px;}
.two_screen_right img{float:left;}
.two_screen_right p{ text-align:left;margin-top:30px; line-height:30px;}
.two_screen_right span{ display:block; text-align:left; line-height:32px;margin-top:20px;}

.screen_development{width:100%;margin:0 auto;}
.screen_development_title{color:#727171; line-height:45px;padding-top:10%;}
.screen_development_main{width:100%;margin:0 auto;margin-top:50px;}
.screen_development_fen{float:left;width:285px;height:133px;border-radius:5px;margin:10px 7px; position:relative;top:10px; transition:.4s; -webkit-transition:.4s;}
.screen_development_fen p{margin-top:35px;}
.screen_development_fen span{ display:block;margin-top:5px;}
.screen_development_fen:hover{ position:relative;top:2px;transition:.4s; -webkit-transition:.4s;box-shadow: 0px 19px 18px -9px rgba(0,0,0,0.3);}
.screen_development_gan{width:98%;margin:0 auto;padding-top:10%;}
.screen_development_gan p{font-size:32px;}
.screen_development_gan span{ display:block;color:#888;line-height:42px;margin-top:50px;}

.mind{width:100%;margin:0 auto;padding-top:15%;}
.mind_title{font-size:60px;color:#f9b800;}
.mind_title01{ font-size:24px;color:#fff;margin-top:10px;}
.mind_main{width:100%;margin:0 auto; position:relative;margin-top:75px;}
.mind_main_01{float:left;width:169px;height:169px;border:2px #f9b800 solid;border-radius:50%; position:relative;margin:0px 13px;}
.mind_main_01.active{border:2px #f9b800 solid;}
.mind_main_01.active:after,
.mind_main_01.active:before,
.mind_main_01.active .hover-circel-1,
.mind_main_01.active .hover-circel-2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #ffdb60;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    content: "";
    -webkit-animation: boom 1800ms 0ms infinite;
    -moz-animation: boom 1800ms 0ms infinite;
    animation: boom 1800ms 0ms infinite
}
.mind_main_01.active:after {
    -webkit-animation-delay: 1500ms;
    -moz-animation-delay: 1500ms;
    animation-delay: 1500ms
}
.mind_main_01.active .hover-circel-1 {
    -webkit-animation-delay: 1000ms;
    -moz-animation-delay: 1000ms;
    animation-delay: 1000ms
}
.mind_main_01.active .hover-circel-2 {
    -webkit-animation-delay: 500ms;
    -moz-animation-delay: 500ms;
    animation-delay: 500ms
}
@-webkit-keyframes boom {
    0% {
        opacity: .5
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@-moz-keyframes boom {
    0% {
        opacity: .5
    }
    100% {
        opacity: 0;
        -moz-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@keyframes boom {
    0% {
        opacity: .5
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        transform: scale(1.2)
    }
}


.mind_main_01 p{padding-top:50px;}
.mind_main_01 img{margin-top:5px;}
.mind_main_01 h2{ font-size:14px;color:#666;margin-top:5px;}


#num_0{background:url(../images/bac1.jpg) no-repeat center;background-size:100% 100%;}
#num_1{background:url(../images/bac2.jpg) no-repeat center;background-size:100% 100%;}
#num_2{background:url(../images/bac3.jpg) no-repeat center;background-size:100% 100%;}
#num_3{background:url(../images/bac1.jpg) no-repeat center;background-size:100% 100%;}
#num_4{background:url(../images/bac3.jpg) no-repeat center;background-size:100% 100%;}
#num_5{background:url(../images/bac4.jpg) no-repeat center;background-size:100% 100%;}
#num_6{background:url(../images/bac5.jpg) no-repeat center;background-size:100% 100%;}
#num_7{background:url(../images/bac2.jpg) no-repeat center;background-size:100% 100%;}
#num_8{background:url(../images/bac2.jpg) no-repeat center;background-size:100% 100%;}
#num_9{background:url(../images/bac6.jpg) no-repeat center;background-size:100% 100%;}

.fixed_r{position:absolute;right:0px;top:335px;z-index:999;}
.fixed_r li{width:17px;height:17px;background:url(../images/screen_dianh.png) center no-repeat;text-align:center;cursor:pointer;margin:5px 50px;}
.fixed_r li.on{width:17px;height:17px;background:url(../images/screen_dian.png) center no-repeat;}

@media screen and (max-width: 1440px) {
.two_screen_right {margin-top: 40px !important;}
}

@media screen and (max-width: 1366px) {
.one_screen p{padding-top:5% !important;}
.one_screen em {margin-top: 3%;}
.fixed_r{top:220px;}
.two_screen_title img{width:32% !important;height:auto !important;margin-left:0px;}
.two_screen {padding-top:4%;}
.two_screen_img {width:78% !important;height:auto !important;margin-top: 58px;margin-right:95px !important;}
.two_screen_right {width:490px !important;margin-top: 30px;margin-right:115px;}
.two_screen_right img {width:12% !important;height:auto !important;}	
.two_screen_right .p1 {font-size:16px !important;}
.two_screen_right .span1{font-size:14px !important;line-height: 24px;}
.screen_development_title {padding-top:6%;}
.screen_development_main {margin-top:40px;}
.screen_development_gan {padding-top: 8%;}
.screen_development_gan span {margin-top: 35px;}
.two_screen_gai{margin-right:80px !important;}
.screen_bo {left: -26px;}

.mind {padding-top: 10%;}
.fixed_r{right:-35px;}
.screen_bo1{left:35px;}
.screen_bo1 img{width:85%;height:auto;left:10px;}
}