﻿@charset "utf-8";
/*自适应*/
.swiper-container{/*! display: none; */}  /*自适应banner*/
.fat-nav { display:none }  /*自适应nav*/
/*手机二级导航*/
.ny_sjleft{width:100%;height:auto;overflow:hidden;background:#F0F0F1;display:none;margin-bottom:20px}
.ny_sjleft li{width:48%;float:left;line-height:40px;text-align:center}
.ny_sjleft li a{font-size:13px;color:#666;text-align:center}
.ny_sjleft li.active{background:#034EA1}
.ny_sjleft li.active a{color:#fff}

/*手机底部菜单*/
.navBar{width:100%;position:fixed;left:0;bottom:-1px;z-index:100;display:none}
.navBar ul{width:100%;height:50px;max-width:640px;min-width:320px;background:#139D8E;margin:0 auto;box-shadow:0 -2px 5px rgba(0,0,0,0.2)}
.navBar ul li{float:left;width:25%;height:45px}
.navBar ul li a:before{width:25px;height:20px;content:"\20";background:url(../images/a.png) 0 -20px no-repeat;background-size:100px;display:block;margin:0 auto}
.navBar ul li:nth-child(2) a:before{background-position:2px -22px}
.navBar ul li:nth-child(1) a:before{background-position:-25px -21px}
.navBar ul li:nth-child(3) a:before{background-position:-50px -20px}
.navBar ul li:nth-child(4) a:before{background-position:-75px -20px}
.navBar ul li:nth-child(1) a{border-left:0}
.navBar ul li:nth-child(4) a{border-right:0}
.navBar ul li a{display:block;height:45px;line-height:25px;text-align:center;color:#FFF;padding-top:2px;font-size:0.8em}
.navBar ul li a.hover{background:#333}

/*屏幕小于1200px*/
@media (max-width:1199px) {}
/*屏幕小于等于1024px*/
@media (max-width: 1024px) {
    .w_1440 {width: 100%;margin-bottom: 0px;}
    .w1400 {width: 100%;margin-bottom: 0px;}
    .w1200 {width: 96%;/*! margin-bottom: 0px; */padding: 0 2%;overflow-x: hidden;/*! padding: 0 20px; */}
    body{background:#fff}

    /*头部*/
    .header{height:70px;/*! background:#fff; *//*! padding: 10px 0; *//*! background: #fff; */position: fixed;z-index: 1000;top: 0;}
    .menuBox{ height: 80px; background: #fff; position: fixed; top: 0; left: 0; width: 100%; z-index: 999;}
    .logo{width: 250px;height: 70px;background: url(../images/logo.png) no-repeat left center;/*! background: #ccc; */}
    .menu{display: none;}
    .hTel{display: none; }
    .banner{ background: #ebebeb; height: 200px;width: 100%;}
    .header .bannerBt{  width: 100%;height: 100px; background: url(../images/menubg.png); position: absolute; left: 0; bottom: 0; z-index: 1;}
    .advisoryBtn{ width: 50%; float: left; cursor: pointer;}
    .advisoryBtn:first-child{ background: rgb(255,255,255,0.5);}
    .advisoryBtn:hover{ background: #fff;}
    .advisoryBtn:hover .aTxt{ color: #139D8E;}
    .advisoryBtn:hover .aBtn{ background: #139D8E; border-color: #139D8E; color: #fff;}
    .advisoryBtn:hover .aBtn em{ bbackground:url(../images/arrow.png); background-position: -25px 0;}
    .aTxt{ font-size: 20px; float: left; margin: 0 0 0 230px; line-height: 100px;}
    .aBtn{ border: 1px solid #2F2F2F;height: 38px; line-height: 38px; border-radius: 19px; width: 96px; padding: 0 30px; float: left; margin: 30px 0 0 20px; font-size: 16px;}
    .aBtn em{ display: block; width: 25px; height: 5px; background:url(../images/arrow.png); float: right; margin: 17px 0 0;}
    .header_mini{ background: #fff; box-shadow: 0 0 15px #ccc;}

    /*banner*/
    .banner{margin-top: 80px;}
    .slider{position: relative;width: 100%;height: auto;overflow: hidden;}
    .slides{height: auto;/* Simple clear fix */overflow: hidden;/** * Prevent blinking issue * Not tested. Experimental. */-webkit-backface-visibility: hidden;-webkit-transform-style: preserve-3d;/** * Here is CSS transitions * responsible for slider animation in modern broswers */-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);-moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);-ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);-o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);}
    .slide{height: auto;float: left;clear: none;}
    .slider-arrows{}
    .slider-arrow{position: absolute;display: block;margin-bottom: -20px;width: 40px;height: 40px;line-height: 40px;text-decoration: none;text-align: center;color: #fff;font-size: 2em;background-color: #333;background-color: rgba(50,50,50,.3);border-radius: 50%;}/*å·¦å³æŒ‰é’®æ ·å¼åŠæ”¾ç½®ä½ç½®*/
    .slider-arrow--right{bottom: 50%;right: 30px;}
    .slider-arrow--left{bottom: 50%;left: 30px;}
    .slider-nav{position: absolute;bottom: 160px;}
    .slider-nav__item{width:100px;height: 4px;float: left;clear: none;display: block;margin: 0 5px;background: #ccc;}
    .slider-nav__item:hover{background:#139D8E;}
    .slider-nav__item--current{background: #139D8E;} 
    .slideBoxTxt{/*! width:800px; */ /*! height:auto; */ /*! font-size: 12px; */ width: 100%; /*! margin:0 auto; */ padding: 10% 0 0 0;}
    .slideBoxTxt p{ font-size: 25px; line-height: 120px; /*! font-weight: bold; */ color: #2BCEBC; text-align: center;}
    .slideBoxTxt a{ width: 250px; height: 68px; line-height: 68px; font-size: 20px; color: #fff; text-align: center; /*! display: block; */ background: #139D8E;display: none;}
    .slideBoxTxt a:hover{ background: #1bc7b4;}
    .box{width: 100%;height: 730px;line-height: 5;text-align: center;font-size: 5em;color: #fff;text-transform: capitalize;vertical-align: middle;background-size: 100% 100% !important;height: 200px !important;}
    .arrowsWrapper{ display: none;}
    .banner .bannerBt{ display: none;}
    /*标题*/
    .in_top span {font-size: 16px;}
    /*index*/
    /*标题*/
    .in_top {/*! text-align: center; *//*! width: 100%; */padding-bottom: 20px;}
    .in_top h3 {font-size: 25px;}
    .in_top h3 em{color: #2454ac;font-weight: bold;margin: 0 10px;}
    .in_top span {font-size: 16px;line-height: 40px;}
    .in_top span a {color: #777;}
    .in_top p {width: 100%;line-height: 35px;text-align: center;font-size: 16px;color: #333527;}
    
.iBbout,.iNumber,.iSolution,.iProduct,.iPartner{ padding: 40px 0 60px; overflow: hidden;}
.iSolution{ background: #f6f6f6;}
.iTitle{ font-size: 30px; text-align: center; padding: 30px 0 50px;}
.iTitle span{ line-height: 40px;}
.iTitle p{ padding: 5px 0;}
.iTitle p a{ font-size: 16px; color: #999;}
.iBbout{ padding: 80px 0;}
.iBboutlt{ width: 100%; float: inherit; text-align: center;/*! border-right: 1px solid #EBEBEB; */ /*! height: 170px; */ padding-right: 0;}
.iBboutlt h2{ font-size: 60px; font-weight: bold; line-height: 80px; color: #5d6068;}
.iBboutlt span{ font-size: 30px; color: #139D8E;}
.iBboutRt{ width: 95%; float: inherit; padding: 0;margin: 0 auto;}
.iBboutTxt{ overflow: hidden; margin: 0 0 40px;}
.iBboutTxt p{ padding:0 0 20px; font-size: 15px; line-height: 26px;}
.more{ width: 126px; height: 40px; border-radius: 20px; border: 1px solid #9a9999; overflow: hidden; cursor: pointer;}
.more a{ display: block; height: 40px; line-height: 40px; text-align: center; color: #9a9999;}
.more a:hover{ background:#139D8E; color: #fff;}

.iNumber{ border-top: 1px solid #EBEBEB; padding: 60px 0;}
.iNumber ul li{ width:40%; float: left; ;border-right: 1px solid #EBEBEB; padding-left: 0;margin: 2% 0 4% 8%;}
.iNumber ul li:last-child{ border: none; width: 288px;}
.value{ font-size: 50px; font-weight: bold; position: relative; display: inline-block; line-height: 50px;}
.value span{ letter-spacing: -2px;}
.value i{ display: block; font-size: 16px; color:#999999 ; position: absolute; right: -26px; top: 0; width: 26px; height: 26px; line-height: 26px; text-align: center;}
.iNumber ul li p{ font-size: 15px; color: #5D6068;}

.iSolutionBox ul li .left_top {top: 0px;}
    .iSolutionBox ul li .left_top em{ font-size: 20px; /*! color: #666; */ line-height: 25px;background-position: -40px 0;margin: 10px 0;}
.iSolutionBox ul li i { font-size: 24px; color: #FFF; line-height: 110%;}
.iSolutionBox .left_top { font-size: 30px; color: #FFF; }
.iSolutionBox ul li .left {height: 400px; background: #139D8E;/*! color: #fff; */}
.iSolutionBox ul li:nth-child(2n) .left{ background: #139D8E; }
.iSolutionBox ul li .right {left: auto;right: 20px;}
.iSolutionBox ul li { width: 100% !important;height: 350px;background-size: 100% 100% !important;margin: 2%;}
.iSolutionBox ul li.on i{font-size: 22px;line-height: 25px;}
    
.iProductBox{ overflow: hidden;}
.iProductBox ul li{ width: 45%; height:200px; float: left; margin: 2%;}
.iProductBox ul li:last-child{ margin: 2%;}
.iProductBoxImg{ width: 100%; height:100%;}
.iProductBoxImg img{ width: 100%; height:100%;}
.iProductBox ul li:hover .iProductBoxImg img{transform: scale(0.0);}
.rt20 img{ left: 200px;}
.iProductBox ul li .text_gobuy_show{left: 0;top:0;position: absolute;cursor: pointer;background-color: rgba(32, 32, 33,0.05);}

.iServerBox{ border: 1px solid #EBEBEB; height: auto; overflow: hidden; position: relative; margin: 60px 0 0; z-index: 0;}
.iServerBox ul li{ float: left; width: 90%; padding: 30px 0px 20px 30px; /*! font-size: 15px; */ /*! border-right:1px solid #EBEBEB ; */margin: 0 auto;}
    
    /*更多*/
    .in_more{font-size: 25px;/*! clear: both; */}
    .in_more:hover{border-color:#fff;color:#fff;text-decoration:none;}
    /*class*/
    .in_class{width:100%;margin:0 auto;text-align:center;}
    .in_class li{font-size:15px;/*! margin-left:15px; */text-align:center;display:inline-block;width:auto;margin: 0 10px 10px 0;}
    .in_class li a{color:#333;display:block;border:1px solid #015CB5;background:#fff;padding:10px 30px;}
    .in_class li.hover a,.in_class li:hover a{background:#127FC3;color:#fff;border:1px solid #2384D5;}
    .in_class li:nth-of-type(1){background:#D7040D;color:#fff;}  

    /*product*/
    #tabs li{width:45%;}
    .list ul{padding-top: 20px;}
    .list li {height:auto;margin: 2%;width: 45%;}
    .list li .pic{border: 2px solid #62BE5C;height: 150px;}
    .list li .pic img{height: 100%;}
    .list li p{line-height: 40px;font-size: 15px;}
    
    .sub_teshe ul li{width:41%;padding:20px 2% 0 2%;margin:2%;height:250px;}
    .sub_teshe ul li:hover {box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.2);border: 1px solid #129D8E;cursor: pointer;}
    .sub_teshe ul li .pic{width:100px;height:100px;}
    .sub_teshe ul li p{font-size: 14px;}
    
    /*plan*/
    .sub_plan{}
    .sub_plan ul li{ width: 100%; height:auto; float: left; margin: 0; overflow: hidden; position: unset; margin-bottom: 40px;}
    .sub_plan li .solImg{ margin:0; }
    .sub_plan li p{display: block !important;margin-bottom: 20px;}
    .sub_plan li .solMore{ width:110px; height: 40px; background:#139d8e ; position:inherit; left: 0px; bottom: 0px;}

    
    /*case*/
    .case #tabs li{margin:0 2% 10px 2%;width:40%;}    
    /*news*/
    .news{width:auto;padding:10px 10px;overflow:hidden;}   
    /*partner*/   
    /*sub_banner*/
    .sub_banner{/*! padding: 100px 0 0 0; */}
    .sub_banner .banner_text p,
    .sub_banner .banner_text h4 {/*! bottom: 50px; */font-size: 30px;left: 10px;}
    .sub_banner .banner_text h4 {font-size: 30px;left: 0px !important;width: 100% !important;top: 45% !important;font-size: 30px;left: 0px !important;width: 100% !important;top: 45% !important;}
    .sub_banner img{height: 150px;}
    .sub_banner .banner_text .banner_search{display: none;}
    .sub_banner .banner_text .p_h01{line-height: 40px;top: 25% !important;font-size:25px;}
    /*分类栏目*/
    .sub_column{height:auto;line-height:40px;padding:10px 0;margin:0 0 20px 0;}
    .sub_column li{width:33%;/*! float:left; */padding:0;display: inline-grid;}
    .sub_column li a{padding:0;}
    .sub_column li.cur a,.sub_column li a:hover{color:#154C9E;}
    .sub_column li.cur a:after{content:"";position:absolute;width:100%;height:1px;display:block;bottom:0;border-bottom:1px solid #154C9E;left: 0;}/*隔线*/
    .sub_column li a.none{display: none;}
    .left_class {width: 100%;margin: 20px 0;}
    .left_class_list{padding: 0px 0px 0px 0px;width: 100%;}
    .left_class_list li{padding: 0;width: 46%;float: left;text-indent: 0 !important;text-align: center;height: 60px;line-height: 60px !important;margin: 2%;}
    .left_class_list li a{padding: 0;background: #129D8E;color: #fff !important;/*! margin: 2%; */}
    .left_class_list ul li:hover a, .left_class_list ul li.hover a{background: #129D8E;color: #fff;}
    .left_class_list ul li.hover::after {display: none;}
    /*main*/
    .main{width:auto;padding: 20px 10px 40px 10px;/*! margin-top: 40px; */}
    .main_l{width: 100%;/*! display: none; */}
    .main_r{width:100%;padding: 0;border-left: 0px;}

    .position span{display: none;}
    .maincont h1{font-size:25px !important;margin-bottom: 0 !important;}
    .maincont .explain{display:none}
    .maincont .Zoom{padding:20px 0;}
    .maincont .Zoom img{max-width:100% !important;height:auto !important;margin: 5px 0;}
    .maincont .previous{padding-left: 20px;}    
    /*contact*/
    /*list*/
    dl.photo_list{width:45.2%;margin:1% 2%;}
    dl.photo_list dt{/*! max-height: 160px; */height: 160px;}
    dl.photo_list dt img{height: 100%;}
    dl.photo_list dd{line-height:25px;font-size: 15px;}
    dl.pro_list { width: 45%;height: 280px;margin: 2%;}
    dl.pro_list dt{max-height: 160px;min-height: 160px;}
    dl.pro_list dt img{height: 160px;}
    /*新闻列表*/
    .news_pic_list{width: 95%;margin: 0px 2% 10px 2%;/*! padding: 0; */height: auto;overflow: hidden;}
    .news_pic_list .pic{display:none;}
    /*product*/
    .group_info{width: 350px;}
    /*footer*/
    .navBar{display:block}  
    .footer{display: none;}
    .copyright {/*! margin-bottom: 40px; */padding: 30px 0 80px 0;}
    .copyright p{font-size: 12px;line-height: 25px;}
    .copyright a {}
    
}
@media (max-width: 950px) {  }
@media (max-width: 768px) {  }
@media (max-width: 425px) {  }
@media (max-width: 375px) {  }
@media (max-width: 360px) {  }
@media (max-width: 320px) {  }
/*自适应 end*/