/*---------- base ---------*/
*{
	padding:0px;
	margin:0px;
}
html{
	background:#FFF;
}
body{
    font:14px "Microsoft YaHei",Verdana,Arial,Tahoma;
     overflow-x: hidden;
}
img{
	border:none;
}

a{
	color:rgba(112,112,112,1);
	text-decoration:none;
}
a:hover{
	color:#595757;
	text-decoration:none;
}
ul{
	list-style:none;
}
input,select,button{
	font:12px Verdana,Arial,Tahoma;
	vertical-align:middle;
}
.header{
    width: 100%;
    margin: 0 auto;
    z-index: 9999;
    line-height: 71px;
    height: 71px;
    position: fixed;
    top: 0;
    background-color: #fff;
    box-shadow: 0px 0px 5px rgba(0,0,0,.3);
}
.header a.logo{
    position: absolute;
    width: 240px;
    height: 27px;
    left: 56px;
    top: 20px;
}
.header a.logo img{width: 100%;}
.header .main-menu{max-width:820px; margin:0 auto; font-size: 14px ;}
.header .main-menu .layui-this a{ color:rgba(9,117,225,1);}
.layui-nav {
    position: relative;
    padding: 0 20px;
    background-color: #fff;

}
.layui-nav .layui-nav-item a {
    display: block;
    padding: 0 20px;
    color: rgba(112,112,112,1) ;
    /* color: rgba(255,255,255,.7); */
    transition: all .3s;
    -webkit-transition: all .3s;
}
.layui-nav * {
    font-size: 14px;
}
.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after {

    height: 0px;
    background-color: #5f7bb8 !important;

}
.layui-nav .layui-nav-item a:hover,.layui-nav .layui-nav-item a:active,.layui-nav .layui-this a{color:rgba(37,122,244,1);}
.layui-nav-child {
    display: none;
    position: absolute;
    left: 0;
    top: 65px;
    min-width: 100%;
    line-height: 46px;
    padding: 5px 0;
    box-shadow: none; 
    border: 0px solid #d2d2d2;
    background-color: rgba(255,255,255,.8);
    z-index: 100;
    border-radius: 0px;
    margin-top:-1px;
    white-space: nowrap;

}
.layui-nav-child dd a{padding:0 40px !important;}

.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after {

    background-color: rgba(9,117,225,1);

}

.layui-nav .layui-nav-child dd.layui-this a,.layui-nav-child dd.layui-this {
     background-color:  rgba(9,117,225,1);
     color: #fff; 
}

.jieti-timeline{margin-left:-10px;}
.jieti-right{width:560px;margin:0 0 0 -600px; text-align: right;}
.jieti-right .layui-timeline-title{text-align: right;}
.jieti-right p{text-align: right;}

.layui-timeline-content img{margin:-30px 0 100px 60px;}
.layui-timeline-content.jieti-right img{max-width: 600px;  margin:-30px 60px 100px 0;}

.layui-timeline-axis {color: #5f7bb8;}
.layui-timeline-axis:hover {color: #2355be;}
.pro-breadcrumb{background: rgba(214,236,255,1);}
.breadcrumb-current{color:rgba(37,122,244,1);}

.header span.phone {
    position: absolute;
    background: url(../images/top-phone.png) left center no-repeat;
    display: block;
    top:0;
    right: 56px;
    padding-left: 30px;
    font-size: 21px;
    color: #ff6b00;
    font-weight: bold;
    font-family: "Arial";
}

	.footer{background:#f5f5f5; width:100%; height: 410px; color:  rgba(112,112,112,1); }
	.container{width:1200px;margin:auto;}
	.footer .copyright{ width: 870px; border-top:solid 1px rgba(112,112,112,.4); padding:25px 165px 30px 165px; float: left;}
	.footer .copyright img{vertical-align:text-bottom; }
	.footer .copyright .copyrightinfo{display: inline-block; margin-left: 25px; }
	.footer .bottommenu{ padding:63px 0  34px 0; float: left;width: 1200px;}
	.footer .bottommenu .hotline{ height: 233px; width:162px; margin:0  70px 0 88px ; color: #595757; float: left;}
	.footer .bottommenu .hotline .hotlinetitle{font-weight: 800; }
	.footer .bottommenu .hotline .hotlinenumber{font-size: 24px; }
	.footer .bottommenu .hotline .qrcode{width:72px;margin:45px 45px 10px 45px; }
	.footer .bottommenu .hotline .sc{text-align: center; width:162px; display: inline-block;}
	.footer .bottommenu .line{ width: 1px; height:233px; float: left; background-color: rgba(112,112,112,.4);}
	.footer .bottommenu .menu{width:800px; height: 233px; float: left; }
	.footer .bottommenu .menu .menutit{display: inline; float: left;margin-left:80px; margin-top:-8px; font-weight: bold; line-height: 35px; color: #595757; }
	.footer .bottommenu .menu .menutit .submenu{font-weight: normal; }
    .footer .bottommenu .menu .menutit .submenu .menuitem{height: 35px;line-height: 35px;color: rgba(112,112,112,1)}
    
    .jieti-index-scroll,.pagetop{ width:100%; margin-top:71px; }
    .jieti-index-scroll img{width:100%;}
    .jieti-index-scroll .scroll-item{background-repeat: no-repeat; background-position: center;background-size: 100%; }

    .jieti-index-solutionlist a{position: absolute; margin:7.5px; top:0; left: 0; width:390px; height: 490px;display:block; background-image: linear-gradient( rgba(255,255,255,.0) 50%, rgba(255,255,255,.0)); transition: .3s; }
    .jieti-index-solutionlist .index-solutiontitle{ position: absolute; top:50px;left:34px; color:#fff; font-size: 26px;transition: .3s  ; }
    .jieti-index-solutionlist .index-solutiondetails{position: absolute; top:54px;right:40px; color: #fff; font-size: 14px; font-weight:400 ;transition: .3s ; }
    .jieti-index-solutionlist .jieti-block{ position: absolute;top:78px;right:40px; width:20px; height: 5px;background-color: #fff;transition: .3s  ;  }
    .jieti-index-solutionlist img{width:100%;}

    .jieti-index-solutionlist:hover a{background-image: linear-gradient(rgba(255,255,255,.0) 50%, rgba(255,255,255,.5) ); transition: .3s;}
    .jieti-index-solutionlist:hover .index-solutiontitle{ position: absolute; top:60px;left:34px; color:#fff; font-size: 26px; transition: .3s  ; }
    .jieti-index-solutionlist:hover .index-solutiondetails{position: absolute; top:64px;right:40px; color: #fff; font-size: 14px; font-weight:400 ;transition: .3s  ; }
    .jieti-index-solutionlist:hover .jieti-block{ position: absolute;top:88px;right:40px; width:20px; height: 5px;background-color: #fff; transition: .3s  ; }

    
    .jieti-prolist a{  width:380px;background: rgba(214,236,255,1); height: 380px;display:block; overflow: hidden; background-image: linear-gradient( rgba(255,255,255,.0) 50%, rgba(255,255,255,.0)); transition: .3s; }
    .jieti-prolist .proname{ position: absolute; bottom:0px;left:0px; color:#fff; font-size: 26px;transition: .3s  ; }
    .jieti-prolist a img{width:100%;transition: all 0.6s ease-in; }
    .jieti-prolist a:hover img{width:100%;transform: scale(1.03);transition: all .5s ease-in; }
    .jieti-prolist a:hover{background: rgb(170, 214, 252); }
   

    .jieti-index-proitem a{ background:#f5f5f5; width: 390px; height: 400px;display:block; }
    .jieti-index-proitem .index-protitle{ position: absolute; top:45px;left:55px; color:#000; font-size: 25px; font-weight: bold;}
    .jieti-index-proitem .index-prodetails{position: absolute; top:84px;left:55px; color: #707070; font-size: 14px; }
    .jieti-index-proitem img{width:390px;position: absolute; bottom: 7.5px;}
    .index-fluid{ background: #f5f5f5; padding:87px 0; margin: 67px 0 0  0;}
    .video-player{width:1008px; height: 567px;margin:0 auto;}

    .jieti-index-caselist a{position: absolute; margin:7.5px; top:0; left: 0; width:390px; height: 290px;display:block; background-image: linear-gradient( rgba(255,255,255,.0) 50%, rgba(255,255,255,.0)); transition: .3s; }
    .jieti-index-caselist .index-casetitle{ position: absolute; bottom:28px; left: 39px; width:312px; text-align: center; color:#fff; font-size: 24px;transition: .3s  ; }
    .jieti-index-caselist .index-casedetails{position: absolute; top:34px;left:40px;  width:310px; color: rgba(255,255,255,0); font-size: 16px; line-height: 30px; font-weight:400 ;transition: .3s ; }
    .jieti-index-caselist .jieti-block{ position: absolute;top:78px;right:40px; width:20px; height: 5px;background-color: #fff;transition: .3s  ;  }
    .jieti-index-caselist img{width:100%;}

    .jieti-index-caselist:hover a{background: rgba(37,122,244,.5); transition-duration: .3s;}
    .jieti-index-caselist:hover .index-casedetails{color: rgba(255,255,255,1);transition-duration: .3s ; }
    .jieti-index-caselist:hover .jieti-arrow{background-color: rgba(255,255,255,1);color: rgba(65,105,168,1);transition-duration: .3s ; }
    .jieti-index-caselist:hover .index-casetitle{width:auto;left:39px;transition-duration: .3s ; }

    .jieti-about-breadcrumb{height:90px; line-height: 90px;}
    .jieti-about-breadcrumb *{font-size: 16px;}
    .jieti-about-breadcrumb span[lay-separator]{margin:0 40px;}
    .jieti-about-breadcrumb a{color:#666 !important;}
    .jieti-about-breadcrumb a:hover{color:#999 !important;}
    .coop-info img{display: inline-block; margin:0 auto 20px auto;}
    .coop-info span{display: inline-block; text-align: center; width:100%;}



    .bannercover,.casecover,.casecover-none,.casecover-dack{position: absolute;top:0;left:0; width:100%; height: 100%; background: rgba(27,144,251,.73);}
    .casecover-none{ background: rgba(0,0,0,0);}
    .casecover-dack{ background:rgba(37,122,244,.46);}
    .bannercover h2{font-size: 40px; line-height: 200%; color: #fff; width:100%; text-align: center; display:inline-block; margin-top:190px;}
    .bannercover h3{font-size: 28px; color: #fff;width:100%; text-align: center; display:inline-block;}

    .anlibanner{height:534px; background:url("../images/anli_banner.jpg") no-repeat center;}
    .newsbanner{height:534px; background:url("../images/news_banner.jpg") no-repeat center;}

    .probanner{height:400px; color:#fff;}
    .centralcontrol{background: url("../images/probanner_centralcontrol.jpg") no-repeat center;}
    .iot{background: url("../images/probanner_iot.jpg") no-repeat center;}
    .informationscreen{background: url("../images/probanner_informationscreen.jpg") no-repeat center; color:rgba(6,0,0,1);}
    .allinone{background: url("../images/probanner_allinone.jpg") no-repeat center; color:rgba(6,0,0,1);}
    .recording{background: url("../images/probanner_recording.jpg") no-repeat center;}
  
    .datacockpit{background: url("../images/probanner_datacockpit.jpg") no-repeat center;}
    .teachingspace{background: url("../images/probanner_teachingspace.jpg") no-repeat center; color:rgba(6,0,0,1);}
    .probanner .bannertitle{padding:140px 0 0 90px; font-size: 42px; line-height: 150%;}
    .probanner .bannerdescription{padding: 0 0 0 90px;font-size: 24px;}
    .protypelist,.anlilist,.newslist{
        margin:93px auto 36px auto;
        
    }

    .recording .bannertitle{text-align: right;padding:200px 90px 0 0px;}
    .recording .bannerdescription{text-align: right;padding:0px 90px 0 0px;}

    .datacockpit .bannertitle{padding:230px 0 0 90px;}
   
    .teachingspace .bannertitle{padding:140px 0 0 40px;}
    .teachingspace .bannerdescription{padding: 0 0 0 40px;}


    .pager{  margin-top:20px; }
    .pager ul{ color:#ccc; text-align: center; margin:0 auto;}
    .pager ul li{display:inline-block; }
    .pager ul li.thisclass,.pager ul li a{padding:10px 15px; text-align: center;border:solid 1px #ccc; border-radius: 5px; }
    .pager ul li.thisclass{border:none;}
    .pager ul li.thisclass{background: #1e9fff; color:#fff;}
    .newslist .layui-card{margin: 0 15px;  }
    .anlilist .layui-card {
        margin: 15px;
        border-radius: 2px;
        background-color: #fff;
        box-shadow: 0 0px 0px 0 rgba(0,0,0,.05);
    }
    .anlilist .layui-card-header,.newslist .layui-card-header {
        position: relative;
        height: 42px;
        line-height: 42px;
        padding: 0 0px;
        border-bottom: 1px solid #ccc;
        color: #333;
        border-radius: 2px 2px 0 0;
        font-size: 16px;
    }
  
    .anlilist .layui-card-body, .newslist .layui-card-body{padding:10px 0; height:65px;}
    .newslist .layui-card-body{color:#999;}
    .anlilist .layui-card-bottom,.newslist .layui-card-bottom {
        position: relative;
        height: 42px;
        line-height: 42px;
        padding: 0 0px;
        border-bottom: 0px solid #f6f6f6;
        color: #333;
        border-radius: 2px 2px 0 0;
        font-size: 14px;
    }
    .newslist .layui-card-header {
        border-bottom: 1px solid #efefef;
        font-size: 18px;
    }
    .newslist .layui-card-header a{color:#333;}
 
    .anlilist .case-item .layui-col-md4,.newslist .news-item .layui-col-md4{overflow: hidden; }
    .anlilist .case-item .layui-col-md4 img{width:183px; border-radius: 100px;padding:10px;}
   .anlilist .case-item .layui-row, .newslist .news-item .layui-row{border: 1px solid #ccc; background:#fff;}
   .anlilist .case-title, .newslist .news-title{text-align: center; font-size: 32px;  margin-top:40px; font-weight: bold;}
   .anlilist .case-container, .newslist .news-container{ font-size: 16px; line-height: 200%; margin-top:40px;}
   .anlilist .case-container p,.newslist .news-container p{  margin-top:0px;}
   .anlilist .case-container img,.newslist .news-container img{width:auto; max-width:100%; text-align: center;}

    .prolist {margin-bottom: 185px;}
    .prolist .sell{position:absolute;top:35px; left:35px; color:rgba(37,122,244,1); padding:3px 24px 5px 24px; font-size: 16px; border:solid 1px rgba(37,122,244,1); border-radius: 22px;}
    
    .prolist .proname,.prolist .proname1{position: absolute;  bottom:15px; left:15px; height:90px;line-height: 90px; width:380px; display:inline-block; text-align: center; font-size: 24px; color:rgba(55,55,55,1);}
    .prolist .proname1{ background: rgba(245,245,245,.8);}
    /*
    
    .prolist .layui-col-md4{position: relative;}
    .prolist .layui-col-md4 a{display:block;width:380px; height: 380px; background:rgba(214,236,255,1);}
    .prolist .layui-col-md4 a:hover{background:rgb(182, 221, 255)}
 
   .prolist a .img{position: absolute; bottom:98px;width:380px; text-align:center;}
   */
    .protypelist .typename,.anlilist .typename,.newslist .typename{font-size: 24px;}
    .protypelist ul{display:inline-block; font-size: 16px; }
    .protypelist ul li{ float: left; text-align: center; margin-left:24px; padding:7px 19px; }
    .protypelist ul li:hover, .protypelist ul li.thisclass {border-radius: 20px; background:rgba(214,236,255,1); }
    .protypelist ul li:hover a,.protypelist ul li.thisclass a{color:rgba(37,122,244,1);}

    .jieti-info-block{padding:150px 0 180px; text-align: center;font-size: 16px;}
    .jieti-info-block-bottom{padding:100px 0 450px; text-align: center;font-size: 16px;}
    .jieti-coop-title h2{font-size: 35px; margin-bottom:130px;  width:100%; }
    .jieti-coop-text span{text-align: center; color:#fff; font-size: 18px; display:inline-block; line-height: 200%; width:100%; margin-bottom:40px;}
    .block-back-blue,.block-back-blue-bottom{ background: rgba(27,144,251,.8);}
    .block-back-blue-bottom{ background:rgba(27,144,251,.8) url("../images/coop_bottom.png") no-repeat center bottom;}
    .block-back-blue h2{color:#fff;}
    .block-back-blue .coop-info span{color:#fff;}
    .jieti-coop-btn{height:64px; font-size: 20px; background:rgba(255,110,0,1); padding:0 45px;}

    .case-block{padding:0;margin:0; overflow:hidden;}

    .about-banner{padding:0;margin:0; overflow: hidden;}
    .about-banner img{width: 100%; vertical-align: middle;
        transition: all 0.6s ease-in;}
        .about-banner img:hover{
            transform: scale(1.1);transition: all 2s ease-in;}
    .singlepage{margin:100px auto 80px ;}
    .singlepage .articletitle{ 
        font-size: 30px;
    color: #1a1a1a;
    position: relative;
    text-align: center;
    padding-bottom: 24px;
    margin-bottom: 50px;
    }
    .articletitle:after {
        content: '';
        display: block;
        position: absolute;
        width: 50px;
        height: 2px;
        background-color: #000000;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0 auto;
    }
   
    .singlepage .article p{display: block;
        margin-block-start: 1em;
        margin-block-end: 1em;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
        font-size: 16px;
    color: #4d4d4d;
    line-height: 2.5;
    text-indent: 2em;
    text-align: justify;
    
    }


    .jieti-arrow {
        position: absolute;
        right: 37px;
        bottom: 28px;
        width: 31px;
        height: 31px;
        line-height: 31px;
        text-align: center;
        font-size: 18px;
        border: 0;
        border-radius: 50%;
        background-color: rgba(255,255,255,0);
        color: rgba(65,105,168,0);
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        cursor: pointer;
    }

    .ovv{display:none;}
    .more{ margin:20px auto; text-align: center;}
    .more button,.more a{ background: #f5f5f5; color:#666  ; }
    .more button:hover,.more a:hover{  color:#555  ;}

    .jieti-index-channeltitle{margin-top:69px; margin-bottom: 46px;}
    .jieti-index-channeltitle h4{
        font-size: 16px;
        font-family: Arial, "Arial-Regular";
        font-weight: 400;
        color: #707070;
        text-align: center;
        margin-top: 7px;
    }
        .jieti-index-channeltitle h2{
            font-size: 28px;
        font-family: "Microsoft YaHei", "Microsoft YaHei-Bold";
        font-weight: 700;
        text-align: center;
        }
    @media screen and (min-width: 1250px){
        .layui-container {
            width: 1230px;
        }
    }