@charset "utf-8";

/* CSS Document */



.index-banner{ position:relative; overflow:hidden; width:100%; height:auto;}

.index-banner .bannerImg{ position:relative; width:100% !important; overflow:hidden;}

.index-banner .bannerImg li{ width:100% !important;  background-size:auto !important;}
.index-banner .blue{height:10px;position: absolute;z-index: 9;text-align: center;width: 100%;bottom: 20px;}

.index-banner .white a{width:10px;height:10px;margin: 0 10px;cursor: pointer;text-indent: -9999px;display: inline-block;outline: none;background:#89cbf4; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}

.index-banner .white .activeSlide{background:white; width:30px;-webkit-transition: all 0.3s ease-in 0;transition: all 0.3s ease-in 0;-moz-transition: all 0.3s ease-in 0;-ms-transition: all 0.3s ease-in 0;-o-transition: all 0.3s ease-in 0;}

#nnovation-sys{ padding:100px 0 80px;background-color:#F1F2F6}

#nnovation-sys .tj{ position:relative; margin-top:60px;opacity:0}

#nnovation-sys .tj .time{ margin:0 auto;}

#nnovation-sys .tj .time ul li{ width:23%; height:230px; margin:0 10px; overflow:hidden; }

#nnovation-sys .tj .time ul li .tu{ width:100%;}

#nnovation-sys .tj .time ul li .tu img{ width:100%;}

#nnovation-sys .tj .time ul li .p1{ font-size:14px; font-size:1.6rem; color:#333333; padding:15px 20px;background:#E6E7EC;}

#nnovation-sys .tj .time ul li .p2{ font-size:12px; font-size:1.2rem; line-height:16px;}

#nnovation-sys .tj #prev{ width:15px; height:27px; display:block; position:absolute; background:#ff7e0e; padding:12px 16px; z-index:99; top:45px; left:-5px;cursor: pointer;}

#nnovation-sys .tj #next{ width:15px; height:27px; display:block; position:absolute; background:#ff7e0e; padding:12px 16px; z-index:99; top:45px; right:0;cursor: pointer;}

#nnovation-sys .tj.show{transition: all 0.2s ease-in 0.2s;-moz-transition: all 0.2s ease-in 0.2s;-ms-transition: all 0.2s ease-in 0.2s;-o-transition: all 0.2s ease-in 0.2s;-webkit-transition: all 0.2s ease-in 0.2s;opacity: 1;}	



#company-concept{padding:100px 0 50px;}

#company-concept ul.list{width:100%;}

#company-concept li{float:left;position:relative;width:30%;margin-right:5%;height:100px;padding:30px 0 30px 100px;border-radius:10px;box-sizing: border-box;}

#company-concept li.li1{background-color:#00A0EA}

#company-concept li.li2{background-color:#E9B200}

#company-concept li.li3{background-color:#23D416;margin-right:0}

#company-concept li img{position: absolute;top:30px;left:50px;}

#company-concept li h2{font-size:30px;line-height:40px;color:#FFF;text-align:center;font-weight:normal;}



#company-info{padding:50px 0 100px}

.company-intro{float:left;width:49%;}

.info-box .box-hd{height:20px;padding:10px 0;border-bottom:1px solid #E1E1E1;}

.info-box .box-hd h3{border-left:5px solid #EB010C;padding-left:10px;font-size:16px;line-height:20px;color:#1E187A;}

.info-box .box-bd{padding:10px 0}

.company-intro .box-bd img{float:left;padding:0 15px 15px 0;width:160px;height:auto;}

.company-intro .box-bd p{font-size:14px;line-height:30px;display:inline-block;padding:10px 0;}

.company-news{float:right;width:49%;}

.company-news li{line-height: 30px;font-size:14px;padding-left:20px;background:url(../images/dot.png) left center no-repeat;}

.company-news li a{color:#666;}

.company-news li a:hover{color:#00A0EA;}



#contact-us{ padding-top:90px; padding-bottom:80px; position:relative;}

#contact-us .t{ font-size:24px; font-size:2.4rem; color:#333333; text-align:center;  margin-bottom:55px;}

#contact-us .box{ position:relative;  text-align:center;}

#contact-us .box a{ display:inline-table; vertical-align:top; margin:0 8%; opacity:0}

#contact-us .box .a1.show{transition: all 0.2s ease-in 0.2s;-moz-transition: all 0.2s ease-in 0.2s;-ms-transition: all 0.2s ease-in 0.2s;-o-transition: all 0.2s ease-in 0.2s;-webkit-transition: all 0.2s ease-in 0.2s;opacity: 1;}

#contact-us .box .a2.show{transition: all 0.2s ease-in 0.4s;-moz-transition: all 0.2s ease-in 0.4s;-ms-transition: all 0.2s ease-in 0.4s;-o-transition: all 0.2s ease-in 0.4s;-webkit-transition: all 0.2s ease-in 0.4s;opacity: 1;}

#contact-us .box .a3.show{transition: all 0.2s ease-in 0.6s;-moz-transition: all 0.2s ease-in 0.6s;-ms-transition: all 0.2s ease-in 0.6s;-o-transition: all 0.2s ease-in 0.6s;-webkit-transition: all 0.2s ease-in 0.6s;opacity: 1;}

#contact-us .box a .tu{ text-align:center; margin-bottom:35px;}

#contact-us .box a .tel{  color:#333333;}

.two{display: none;}





@media screen (max-width: 1024px) {

html{font-size: 13px;}



#contact-us .box a{margin: 0 6%;}

#contact-us .box a{ margin:0 8%; opacity:1;}

}



@media screen and ( max-width:980px){

  .one{display: none;}

  .two{display:block;}

  .index-banner .bannerImg li{ height:100% !important;background-size: 100% 100%!important;}

  .index-banner{height:500px;}

  #company-concept li h2{font-size:26px;}

}



@media screen and ( max-width:768px){

  #company-concept li{padding:100px 0 0;height:150px;}

  #company-concept li img{left:50%;margin-left:-20px;}

  #company-concept li h2{font-size:20px;}

  #nnovation-sys .tj{ opacity:1;}

  #nnovation-sys .tj #prev{left:5%}

  #nnovation-sys .tj #next{right:5%;}

  #nnovation-sys .tj .time ul li .p2{ font-size:14px; font-size:1.6rem; line-height:18px;}

  .company-intro,.company-news{float:none;width:100%;}

  .company-intro{margin-bottom:50px;}

  #nnovation-sys{padding-bottom: 0;}

  #contact-us{ padding:80px 0;}

  #contact-us .box a{ margin:0 4%; opacity:1}

  #contact-us .box a .tel{  font-size:1.8rem;}





  /*手机字体大小*/

  #fixed-navigation .wrap a , #main .big-title p a , .jjfa .jjfa_list li .jjfa_info p , .jjfa .jjfa_list li .jjfa_info h2 , #main .shiyan li h1 , .lnyyj .main-box .right p , .xwzx .big-box li h2 , #main .development .linian .lnleft p , #main .development .rencai table th , #main .development .rencai table td , #main .development .create li .ctext h1 , #main .development .create li .ctext p , #main .development .create li .ctext a , #main .zlpost h1, #main .newtable h1 , #main .zlpost th , #main .newtable table td , #main .newtable .sub input , #main .down_list li h1 ,  #main .contact_show .cs_left h1, #main .contact_show .cs_left p{font-size: 14px;}

#main .development .dp_nav li{font-size: 14px;}

  .lnyyj .main-box .left , .lnyyj .main-box .right{width: 100%!important;}

}



@media screen and ( max-width:640px){

#nnovation-sys{padding-top: 50px;}

#company-concept li{padding-left:60px;height:80px;}

#company-concept li h2{font-size:20px;}

#contact-us .box a{margin: 0;width: 100%;margin-bottom: 30px;}

#contact-us .box a .tu{margin-bottom: 15px;}

#contact-us .box a .tel{font-size: 14pxm;}

#fixed-navigation .wrap a{margin-right: 30px;}

.index-banner{height: 190px;}

#contact-us{padding: 40px 0;}



}