/* Top list */
.toplist{width:100%; overflow:hidden;background:#fff;}
.toplist .content{overflow:hidden;clear:both;position:relative}
.toplist hr{height:100%;border:none;border-left:1px solid #eaeaea;position:absolute;z-index:1;left:50%;bottom:0;}
.toplist .list{width:590px;float:right}
.toplist .list ul{overflow:hidden;}
.toplist .list li{padding:20px;overflow:hidden;border-bottom:1px solid #eaeaea}
.toplist main{overflow:hidden;margin-top:10px}
.toplist .slider main .category{color:#fff;background-color:#45bcf9;padding:0 6px;font-size:12px;display:inline-block;position:relative;top:-2px;margin-right:6px;font-weight:normal}
.toplist .slider main h2 a i{position:absolute;top:50%;margin-top:-4px;right:-4px;display:inline-block;width:0;height:0;vertical-align:middle;border-left:4px solid #45bcf9;border-top:4px solid transparent;border-bottom:4px solid transparent}
.toplist .list li:nth-child(3){border-bottom:0}
.toplist .list li:hover{background:#f9f9f9}
.toplist .list li figure{width:148px;float:left;overflow:hidden}
.toplist .list li figure img{width:148px;height:105px;}
.toplist .list li article{width:390px;height:105px;float:right;position:relative}
.toplist .list li article a{font-size:16px;color:#3c3c3c;line-height:20px}
.toplist .list li article a small{display:block;font-size:13px;line-height:18px;margin-top:5px;color:#999}
.toplist .list li article .tools{position:absolute;left:0;bottom:-5px;z-index:1;color:rgba(0,0,0,0.3);}
.toplist .list li article .tools .time{color:rgba(0,0,0,0.3); margin-right:10px;}
.toplist .list li article .tools .addr{background:#ffc17d;padding:3px; color:#fff; margin-right:10px; border-radius:3px;}
.toplist .owl-ctrl .owl-controls{margin-top:0;z-index:2}

#newsimonial-slider {
    width: 589px !important;
    float: left;
    min-height: 437px;background:#fff;border-right:1px solid #eaeaea;}
      .newsimonial{
		    background-color: #fff;
		    border-radius: 5px;
            padding:20px 20px 10px;
		}
		.newsimonial .pic{
		    width: 100%;
		}
		.newsimonial .pic img{
		        width: 550px;
    height: 350px;
		}
		.newsimonial .newsimonial-title{
		    color: #000000;
		    font-size: 16px;
		    margin-top: 5px;
		    font-weight: 800;
            text-align:center;
		    text-transform: capitalize;
		}
		.newsimonial .newsimonial-title .state{
		    background:#ee5b2e;color:#fff;font-size:14px; padding:5px;border-radius:3px;
		}
        .newsimonial .newsimonial-title .s1{  background:#67cf29;color:#fff; }
        .newsimonial .newsimonial-title .s2{  background:#e16729;color:#fff; }
        .newsimonial .newsimonial-title .s3{ background:#d0d0d0;color:#666; }
        .newsimonial .newsimonial-title .s4{  background:#148cf1;color:#fff; }
		.newsimonial .newsimonial-title small{
		    display: block;
		    color: #dc005a;
		    font-size: 14px;
		    font-weight: 800;
		    margin-top: 10px;
		}
		.newsimonial .newsimonial-review {
		    overflow:hidden;
            display:block;
            margin-bottom:5px;
		}
        .newsimonial .newsimonial-review .desc{font-size:14px; color:rgba(0,0,0,0.3);}
        .newsimonial .newsimonial-review .desc i{font-size:16px; color:#d7d7d7;}
        .newsimonial .newsimonial-review .time{font-size:14px; color:rgba(0,0,0,0.3);}
        .newsimonial .newsimonial-review .time i{font-size:16px; color:#d7d7d7;}
        .newsimonial .newsimonial-review .addr{font-size:14px; color:rgba(0,0,0,0.3);}
        .newsimonial .newsimonial-review .addr i{font-size:16px; color:#d7d7d7;}
		.newsimonial .newsimonial-review p{
		    color: #888888;padding: 10px 0;
		    font-size: 16px;
		}
		.owl-theme .owl-controls{
		}
		.owl-theme .owl-controls .owl-page span{
		    width: 10px;
		    height: 10px;
		    background:#ee5b2e;
		    opacity: 1;
		}
		.owl-theme .owl-controls .owl-page.active span,
		.owl-theme .owl-controls.clickable .owl-page:hover span{
		    background: rgba(0,0,0,0.3);
		}
		.owl-pagination{
            background:#fff;
            position:absolute;
            bottom:0;
            z-index:13;
            left:0;
            width:100%;
            text-align:center;
		}
		.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{
		    background:#eaeaea;
		}
		@media screen and (max-width: 990px){
		    .newsimonial-parallax h2{
		        margin-bottom: 40px;
		    }
		    .newsimonial{
		        margin: 0;
		    }
}


.tabs{margin:0 auto;overflow:hidden; margin-top:20px; margin-bottom:10px;}
.tabs .tabshead{width:100%;border-bottom:1px solid #eaeaea;background:#f9f9f9;height:49px;line-height:49px;clear:both;}
.tabs .tabshead.no-bd{border:none;height:50px;line-height:50px;}
.tabs .tabshead li{float:left;width:120px;text-align:center;border-right:1px solid #eaeaea;}
.tabs .tabshead li a{display:block;text-decoration:none;color:#666;font-size:14px;font-weight:bold;}
.tabs .tabshead li i{font-size:16px;color:#ee802e;margin-right:5px;}
.tabs .tabshead li a.active{background:#fff;color:#655c89;height:50px;}
.tabs .tabsbody{padding:0px;overflow:hidden;position:relative;}

/*.tabs .tabsbody div article{padding: 20px 19px;}*/
.tabs .transition{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;-webkit-transition-delay:.3s;-moz-transition-delay:.3s;-o-transition-delay:.3s;-ms-transition-delay:.3s;transition-delay:.3s}
.tabs .transisting{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out}


.news_list{background:#fff;width:100%;overflow:hidden; }
.news_list ul{width: 100%;}
.news_list li{float: left;padding: 25px 25px 0 25px;width: calc(100% - 50px);position: relative;
	-webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;border-bottom:1px solid #E6E6E6;
}
.news_list li .box{position: relative;left:0;top: 0;width: 100%;padding-bottom: 25px;overflow: hidden;}
.news_list li:hover{
	background: #f7f7f7;
	-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.1);
    box-shadow: 0 0 30px rgba(0,0,0,0.15);
    -webkit-transform: translate3d(0, 0px, -2px);
    transform: translate3d(0, 1px, -2px);
}
.news_list li .img{width: 240px;height: 145px;vertical-align: top;float: left;position: relative;}
.news_list li .sort{color: #fff;
    padding: 5px 6px;
    font-size: 12px;
    display: inline-block;
    position: relative;
    top: -2px;
    margin-right: 6px;
    font-weight: normal;}
.news_list li .sort i{position: absolute;
    top: 50%;
    margin-top: -4px;
    right: -4px;
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;}
.news_list li:nth-child(9n+1) .sort{background:#45bcf9}
.news_list li:nth-child(9n+1) .sort i{border-left:4px solid #45bcf9}
.news_list li:nth-child(9n+2) .sort{background:#00d420}
.news_list li:nth-child(9n+2) .sort i{border-left:4px solid #00d420}
.news_list li:nth-child(9n+3) .sort{background:#ff8a00}
.news_list li:nth-child(9n+3) .sort i{border-left:4px solid #ff8a00}
.news_list li:nth-child(9n+4) .sort{background:#e74c3c}
.news_list li:nth-child(9n+4) .sort i{border-left:4px solid #e74c3c}
.news_list li:nth-child(9n+5) .sort{background:#f1c40f}
.news_list li:nth-child(9n+5) .sort i{border-left:4px solid #f1c40f}
.news_list li:nth-child(9n+6) .sort{background:#9b59b6}
.news_list li:nth-child(9n+6) .sort i{border-left:4px solid #9b59b6}
.news_list li:nth-child(9n+7) .sort{background:#1abc9c}
.news_list li:nth-child(9n+7) .sort i{border-left:4px solid #1abc9c}
.news_list li:nth-child(9n+8) .sort{background:#34495e}
.news_list li:nth-child(9n+8) .sort i{border-left:4px solid #34495e}
.news_list li:nth-child(9n) .sort{background:#7F8C8D}
.news_list li:nth-child(9n) .sort i{border-left:4px solid #7F8C8D}
.news_list li .img img{width: 240px;height: 145px;vertical-align: top;}
.news_list li .word{padding-left: 22px;overflow: hidden;}
.news_list li .headTit{display: inline-block;font-size: 18px;color: #31424e;font-weight: bold;text-align: left;}
.news_list li .word .des{font-size: 14px;text-align: left;color: #5e6b73;line-height: 22px;padding:15px 0;text-align: left;}
.news_list li .msg {font-size: 14px;color: #9baab6;line-height: 25px;}
.news_list li .msg a{font-size: 12px;color: #9baab6;}
.news_list li .msg .aut{float: left;line-height: 25px;}
.news_list li .msg .aut img{width: 25px;vertical-align: middle;margin-right: 8px;height: 25px;border-radius: 50%;-webkit-border-radius: 50%;}
.news_list li .msg .time{float: left;}
.news_list li .msg .tags{float: right;}
.news_list li .msg .tags a{display: inline-block;padding-left: 8px;}
.news_list li .msg .tags em{display: inline-block;vertical-align: middle;background: url(../../images/common/yp_spirit.png) no-repeat -215px -46px;width: 14px;height: 14px;}

/*布局2*/
.news_list li .imgs a{float: left;width: 240px;margin-left: 30px;}
.news_list li .imgs a img{width: 240px;height: 145px;vertical-align: top;}
.news_list li .imgs a.first{margin-left: 0;} 
.news_list li .txt .rows{padding: 18px 0;}
.news_list li .txt .rows .sort{position: relative;float: left;padding: 0 10px;height: 25px;line-height: 25px;color: #fff;font-size: 14px;margin-right: 12px;}

.news_list li:hover .headTit{color: #ee5b2e;}
/*色值*/
.news_list li .sort.cate-1{background: #b145b8;}/*业界*/
.news_list li .sort.cate-2{background: #44c256;}/*新鲜*/
.news_list li .sort.cate-3{background: #d05c5c;}/*特写*/
.news_list li .sort.cate-4{background: #5097df;}/*专栏*/
.news_list li .sort.cate-5{background: #3d35d8;}/*国际*/
.news_list li .sort.cate-6{background: #303842;}
.news_list li .sort.cate-7{background: #ea8b3d;}
.news_list li .sort.cate-8{background: #376ce4;}/*智能硬件*/
.news_list li .sort.cate-9{background: #43ad32;}/*网络安全*/
.news_list li .sort.cate-10{background: #34415d;}/*智能驾驶*/
.news_list li .sort.cate-11{background: #6e2fd8;}/*AR/VR*/
.news_list li .sort.cate-12{background: #dda23c;}/*机器人*/
.news_list li .sort.cate-13{background: #ee5757;}/*金融科技*/
.news_list li .sort.cate-14{background: #29bbc0;}/*人工智能*/

/*加载更多*/
.news_list .loadMore{text-align:center;padding:20px;overflow:hidden;position:relative;}
.news_list .loadMore a{display: inline-block;background: #f07859;color: #fff;font-size: 14px;width: 220px;height: 46px;text-align: center;line-height: 46px;border-radius: 23px;-webkit-border-radius: 23px;}
.news_list .loadMore a em{display: inline-block;vertical-align: middle;background: url(../../images/common/yp_spirit.png) no-repeat -265px -45px;width: 10px;height: 6px;margin-left: 10px;}
.news_list .loadMore a:hover{opacity: 0.8;filter:alpha(opacity=80);}

 
.showmorelink{position:absolute;top:0;right:0;height: 50px;line-height: 50px;font-size:16px;padding-right: 10px;}
.showmorelink img{padding:18px 0;}

/* Toggle Props */
.toggle-props{width:100%;background:#fff}
.toggle-props li{height:49px;position:relative;color:#5b5b5b;border-bottom:1px solid #eee;clear:both;padding:0 20px;background:#fff}
.toggle-props li:last-child{border-bottom:0}
.toggle-props figure{float:left;width:105px;height:67px;display:none}
.toggle-props figure img{width:105px;height:67px;}
.toggle-props article{overflow:hidden;transition:all .3s ease}
.toggle-props article h2{font-size:13px;height:49px;color:#555}
.toggle-props article h2 span{display:inline-block;width:25px;height:25px;line-height:25px;margin:12px 0;text-align:center;color:#fff;background:#ff8a00;border-radius:1px;font-size:14px;font-weight:bold;margin-right:10px}
.toggle-props li:nth-child(n+4) article h2 span{background:#ccc}
.toggle-props article .tools{display:none}
.toggle-props li.active{height:auto;padding:20px;*zoom:1;overflow:hidden;transition:all ease 0.2s;}
.toggle-props li.active article{width:170px;height:67px;float:right;position:relative}
.toggle-props li.active figure{overflow:hidden;display:block}
.toggle-props li.active h2{line-height:20px;height:40px;font-size:14px;font-weight:bold;overflow:hidden}
.toggle-props li.active h2 span{position:absolute;left:19px;top:7px;background:#00d420;display:none}
.toggle-props li.active .tools{line-height:20px;color:#ccc;display:block;position:absolute;left:0;bottom:0;z-index:1}


.detail{width:840px;overflow:hidden;background:#fff;}
.detail header{padding:35px 20px 25px;font-size:12px;color:#666;background:#fff;border-bottom:1px #eaeaea solid;overflow:hidden;clear:both;transition:.5s;}
.detail header:hover{background:#f9f9f9;}
.detail header .pull-left{width:720px;float:left;overflow:hidden;position:relative}
.detail .tools a{color:#666;} 
.detail header .pull-left h2{font-size:24px;line-height:35px;color:#353535}
.detail header .pull-left .tools{margin:0;margin-top:10px}
.detail header .pull-left .tools .author{float:left;height:20px;line-height:20px;display:inline-block;color:#999;}
.detail header .pull-left .tools .author a{float:left;}
.detail header .pull-left .tools .author img{float:left;width:20px;height:20px;margin-right:5px}
.detail header .pull-left .tools .author .user-icons{margin-left:2px;}
.detail .content{padding:20px;width:800px !important;font-size:14px;color:#666;overflow:hidden;}
.detail .content p{margin-bottom:10px;font-size:14px;line-height:1.5em;}
.detail .content p:last-child{margin-bottom:0}
.detail .content h2{color:#58b3ec;font-size:18px;line-height:1.8em;padding-bottom:10px;}
.detail .content h3{color:#58b3ec;font-size:14px;font-weight:bold;line-height:1.2em;padding-bottom:10px;}
.detail .content h4{color:#00d420;font-size:14px;font-weight:bold;line-height:1.2em;padding-bottom:10px;}
.detail .content img{max-width: 100%!important; height: auto!important;width:expression(this.width > 800px ? "800px" : this.width)!important;}
.detail .tags{margin:20px;margin-top:0;clear:both;overflow:hidden;}
.detail .tags i{display:inline-block;float:left;width:20px;height:20px}
.detail .tags span{display:inline-block;float:left;margin-right:5px;font-weight:bold;padding:2px 0;}
.detail .tags a{margin-left:5px;padding:3px 6px;background:#f0f0f0;display:inline-block;float:left;color:#999;border-radius:1px;position:relative}
/*.detail .tags a:before{border-top: 10px solid transparent;border-right: 9px solid #f0f0f0;border-bottom: 12px solid transparent;content: "";height: 0;position: absolute;top: 1px;left: -9px;width: 0;}
.detail .tags a:after{background-color: #fff;border-radius: 50%;content: "";height: 4px;position: absolute;top: 9px;left: -1px;width: 4px;}*/
.detail .tags a:hover{color:#fff;background:#00d420}
.detail .share{border-top:1px solid #eaeaea;background:#f9f9f9;padding:20px;overflow:hidden}
.detail .url{width:500px;float:right;text-align:right;color:#999;font-size:14px;bottom: 36px;position: relative;}
.detail .url h3{line-height:20px;color:#ee5b2e}
.detail .url a{border-bottom:1px dotted #eaeaea;color:#999}
.detail .content a{color: #4b89dc;border-bottom:1px dotted #ddd;}
.detail .content blockquote{transition:.5s;border-left:5px solid #ddd;padding:20px;padding-left:20px;background:#f9f9f9;color:#999;font-size: 14px;line-height: 1.5em;margin-bottom:10px;}
.detail .content blockquote:last-child{margin:0;}
.detail .content blockquote:hover{border-color:#999;background:#f0f0f0;}

.detail .bottomcontent{padding:20px;}

.contain_header {
    background: #fff;
    border: 1px solid #e6e6e6;
    margin: 0 0 10px 0;
    padding: 0 0 0 260px;
    position: relative;
    font-size: 12px;
    margin-top: 100px;
}

    .contain_header img {
        background: #fff;
        position: absolute;
        left: 30px;
        bottom: 15px;
        padding: 2px;
        border: 1px solid #e6e6e6;
        width: 176px;
        height: 176px;
    }

    .contain_header .contain_header_con {
        color: #8c8c8c;
        padding: 37px 0 34px;
    }

        .contain_header .contain_header_con div:first-child {
            margin-bottom: 15px;
        }

        .contain_header .contain_header_con h2 {
            height: 20px;
            line-height: 20px;
            *line-height: 30px;
            font-size: 20px;
            color: #333;
        }
         
        .contain_header .contain_header_con .attention, .contain_header .contain_header_con .noattention {
            background: #f3f3f3;
            display: inline-block;
            text-align: center;
            cursor: pointer;
            margin: 4px 10px;
            width: 60px;
            height: 20px;
            line-height: 20px;
        }

            .contain_header .contain_header_con .attention:hover, .contain_header .contain_header_con .noattention:hover {
                background: #ff8b3d;
                color: #fff;
            }
        .contain_header .contain_header_con .intro p {
            width:350px;
        }
        .contain_header .contain_header_con .intro, .contain_header .contain_header_con .link {
            color: #333;
        }

        .contain_header .contain_header_con .link {
            margin-left: 15px;
        }

    .contain_header .btn {
        position: absolute;
        right: 25px;
        top: 53px;
        height: 35px;
        line-height: 35px;
        font-size: 14px;
    }

    .contain_header .gearedto {
        position: absolute;
        right: 25px;
        top: 79px;
    }

        .contain_header .gearedto a {
            margin-left: 9px;
            color: #333;
        }