@charset "utf-8";
/*
	其他页面
	主色调： #01b1ed
 */

/*详情页面*/
.all_t{border-bottom: #dcdcdc 1px solid;}
.all_t strong{font-size: 30px;color: #333;line-height: 48px;}
.all_t strong span{color: #027af5; margin-left: 30px;}
.postion{float: right; font-size:14px; color:#666;padding-right: 10px;}
.postion a{font-size: 14px;line-height: 48px;color: #666;font-weight: normal;}
.postion a:hover{color: #01b1ed}


/*about*/
.about-box{padding: 45px 145px;background: #f0f0f0;position: relative;}
.about-box:before{content: "";display: block;position: absolute;width: 100%;height: 150px;left: 0;bottom: 100%;z-index: -1;background: #f0f0f0}
.about-box p{font-size: 14px;line-height: 30px;color: #333;}
.about-fid{float: left;width: 300px;height: 300px;color: #fff;text-align: center;}
.about-fid1{background: #01b1ed}
.about-fid2{background: #f0bc1e}
.about-fid span{font-size: 26px;line-height: 48px;font-family: "Times New Roman";display: block;text-transform: uppercase;}
.about-fid strong{font-size: 20px;line-height: 48px;position: relative;display: inline-block;}
.about-fid strong:after{content: "";display: block;position: absolute;width: 100%;height: 2px;left: 0;bottom: 0;background: #fff;}

/*pro*/
.leval{margin-top: 30px;border:#ddd 1px solid;}
.leval .T{width: 144px;background: #027af5;color: #fff;text-align: center;padding: 10px;}
.leval .T strong{display: block;font-size: 18px;line-height: 36px;font-family: "Arial";text-transform: uppercase;}
.leval .T span{display: block;font-size: 24px;line-height: 36px;}
.leval .C{width: 1000px;margin-right: 10px;margin-top: 20px;margin-bottom: 10px;}
.leval .C a{display: inline-block;font-size: 14px;line-height: 28px;padding-left: 28px;background: url(../images/leval-c.jpg) left center no-repeat;padding-right: 40px;color: #333;}
.leval .C a:hover{color: #01b1ed}
.pro-box{float: left;width: 280px;padding: 0 10px 30px;}
.pro-box .img a{ display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background: url(../images/pbg.png) no-repeat;}
.pro-box .img{width: 280px;height: 210px;background-position: center;background-repeat: no-repeat;background-size: cover; position: relative;}
.pro-box p{margin: 20px 0 0;}
.pro-box p a{display: inline-block;width: 50%;box-sizing: border-box;text-align: center;font-size: 16px;line-height: 38px;color: #fff;position: relative;color: #fff;}
.pro-box p a:first-child{background: #027af5}
.pro-box p a:last-child{background: #01b1ed;}
.pro-box p a:last-child:after{content: "";display: block;position: absolute;width: 0;height: 100%;right: 100%;top: 0;border-left: #ffc207 2px dashed;z-index: 1}
.pro-box p a:hover{background: #01b1ed}
.pro-box p a:hover:after{border-color: #F50202}


.pro-img{width: 500px; height: 400px; border: 5px solid #EFEFEF; overflow: hidden;text-align: center; display: table-cell;}
.pro-img img{max-width: 100%; min-height: 100%; vertical-align: middle;}
.pro-txt{width: 640px;}
.pro-txt h2{font-size: 24px;line-height: 48px;display: inline-block;min-width: 500px;border-bottom: #b8b8b8 1px solid;}
.pro-txt p{padding-top: 12px;font-size: 16px;line-height: 36px;color: #666;}
.pro-txt p span{color: #fff;display: inline-block;margin-right: 20px;width: 80px;text-align: center;}
.pro-txt p span.f5{background: #027af5}
.pro-txt p span.ff{background: #ffc207}
.pro-txt p a{display: inline-block;padding: 0 26px;background:#027af5;color: #fff;font-size: 18px;line-height: 42px; float: left;}

.cont-t{border-bottom: #999 1px solid;}
.cont-t span{display: inline-block;padding: 0;position: relative;font-size: 24px;line-height: 36px;color: #666;}
.cont-t span:after{content: "";display: block;position: absolute;width: 100%;bottom: -2px;left: 0;height: 3px;background: #01b1ed}
.cont-t span strong{color:#027af5}
.cont{padding: 20px;font-size: 16px;line-height: 32px;}

.news-box{display: block;margin-bottom: 30px;padding: 15px 20px;background: #f7f7f7;}
.news-box .time{width: 100px;float: left;margin: 15px 0;border-right: #333 1px solid;padding-right: 60px;margin-right: 60px;text-align: center;}
.news-box .time strong{display: block; font-size:30px; line-height:36px;color:#000; }
.news-box .time small{font-size:12px; line-height: 24px;color: #333;}
.news-box .img{width: 165px;float: left;}
.news-box .img img{width: 100%;max-height: 125px;object-fit: cover;}
.news-box .txt{width: 680px;margin-left: 40px;float: left;}
.news-box .txt strong{font-size: 18px;line-height: 32px;color: #333;}
.news-box .txt p{
	font-size: 14px;line-height: 26px;color: #333;

	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

/* 分页 */
.de-page-mian {
    overflow: hidden;
    text-align: center;
    font-size: 0;
    margin: 10px 0 35px;
    clear: both
}

.de-page-mian .page-inner {
    display: inline-block;
    overflow: hidden
}

.de-page-mian .page-inner a {
    display: block;
    width: auto !important;
    float: left;
    min-width: 26px;
    padding: 0 5px;
    margin: 0 5px;
    height: 36px;
    border: 1px solid #ddd;
    background: #fff;
    text-align: center;
    line-height: 36px;
    font-size: 14px;
    color: #333;
    margin-right: -1px;
    overflow: hidden
}

.de-page-mian .page-inner a.active,.de-page-mian .page-inner a:hover {
    color: #fff;
    border-color: #333;
    background: #333
}

.de-page-mian .page-inner a.prev {
    margin-right: 10px
}

.de-page-mian .page-inner a.prev::before {
    content: "<<";
    display: inline-block
}

.de-page-mian .page-inner a.prev:hover {
    border-color: #ddd
}

.de-page-mian .page-inner a.next {
    margin-left: 10px;
    margin-right: 15px
}

.de-page-mian .page-inner a.next::before {
    content: ">>";
    display: inline-block
}

.de-page-mian .page-inner a.next:hover {
    border-color: #ddd
}

.de-page-mian .page-inner a.page-btn {
    font-size: 12px;
    margin-right: 0;
    width: 63px;
    margin-left: 10px
}

.de-page-mian .page-inner span {
    display: block;
    font-size: 12px;
    color: #333;
    float: left;
    line-height: 38px
}

.de-page-mian .page-inner input {
    display: block;
    float: left;
    height: 36px;
    width: 36px;
    border: 1px solid #ddd;
    text-align: center;
    line-height: 36px;
    font-size: 14px;
    color: #333;
    margin: 0 5px
}



/*内页新闻列表*/
.newslist ul{padding-bottom: 20px;}
.newslist ul li{border-bottom: #999 1px dashed;padding: 20px 0;}
.newslist ul li .newsTime{ margin-right: 30px; color:#9d9d9d; text-align:center;padding: 10px;border:#9d9d9d 1px solid;float: left;}
.newslist ul li .newsTime strong{display: block; font-size:30px; line-height:36px; border-bottom: #9d9d9d 1px dashed;padding: 0 15px;}
.newslist ul li .newsTime small{font-size:12px; line-height: 24px;}
.newslist ul li:hover .newsTime{ color:#01b1ed;border-color: #01b1ed}
.newslist ul li:hover .newsTime strong{border-color: #01b1ed;}
.newslist ul li span{ color:#333;  font-size:20px; line-height:36px;}
.newslist ul li p{ color:#999; font-size:14px; line-height:24px;}
.newslist ul li p a{color: #01b1ed}
.newslist ul li:hover span{ color:#01b1ed;font-weight: bold;}
/* 新闻内容页 */
.newsTitle { text-align:center;font-weight:bold; line-height:120%;color:#fb6b02;}
.newsTitle strong{font-size:22px;}
.newsInfo{ margin:10px 0 ;font-weight:normal;text-align:center; color:#3d3d3d;}
.newsdes{padding: 15px;background-color: #ececec;line-height: 2; color:#767676; }
.newsContent{ margin-bottom:16px;margin-top:20px; line-height:24px;}

.newsContent img{max-width: 100%;}
.newsContent *{ word-break: break-all;word-wrap: break-word;line-height: 1.75!important;}	
.infoClass{margin:0px;margin-bottom:10px;margin-left:10px;line-height:25px;}
.infoImage{text-align:center;margin:10px 0;}
.infoImage img{padding:4px;border:3px solid #dedede;}

#infoImage{text-align: center;display: block;}


/* 文章分享工具集 */
.newsShare{height:auto; clear:both; overflow:hidden;padding: 15px; border:1px dotted #ccc; border-left:none; border-right:none;}
.newsShare .info{width: 80%;float: left; line-height:22px;}
.newsShare .u-img{height:100%;float: right;}
/* 上下篇*/
.n-p{padding:10px 0;border-bottom: 1px dotted #afafaf;}
.n-p li{float: left;padding:0px 20px;max-width: 50%; line-height:24px;}
.n-p li a:hover{ text-decoration:underline}
.n-p .p,.n-p .n{background: url(../images/base/icon.png) no-repeat;}
.n-p .p{background-position: 0px -332px;}
.n-p .n{background-position: 0px -313px;}

/*相关推荐*/
.ralate h3{text-align: center;background-color: #01b1ed;color: #fff;font-size: 28px;line-height: 78px;}
.ralate ul{padding: 8px;}
.ralate ul li{margin: 6px 0;background-color: #f9f9f9;}
.ralate ul li:hover{background-color: #01b1ed}
.ralate ul li:hover a{color: #fff;}
.ralate ul li a{font-size: 16px;line-height: 56px;color: #818181}
.ralate ul li a span{float: right;padding-right: 40px;}


/* */
.hotpro ul li{float: left;width: 291px;margin-right: 12px;}
.hotpro ul li:last-child{margin-right: 0;}
.hotpro ul li a{ display:block;position: relative; }
.hotpro ul li a p{position: absolute;background-color: rgba(35,34,39,0.7);right: 0;bottom: 0; font-size:24px; line-height:40px; color: #fff;font-weight: bold;padding: 15px 25px; }
.hotpro ul li a:hover p{ background: rgba(251,148,2,0.9);}



#container{ display:block; width:auto;height: 380px;}


#formData{width: 500px;margin: 0 auto;}
.formitm{ padding:10px 0; clear:both;} 
.formitm .lab{ display:block; float:left; font-size:16px; line-height:30px; width:100px; height:30px; text-align:left;}
.formitm .ipt{ width:400px; float:left;}
.formitm .ipt img{
	margin-left:20px;
    width: 150px;
    vertical-align: middle;
}
.formitm .ipt input.u-ipt{ width:360px; height:30px; border:solid #ddd 1px; background:#fff; padding:0;}
.formitm .ipt input.checkCode{ width:180px; height:30px; border:0; background:#fff; padding:0;}
.formitm .ipt .u_textarea{ width:360px; height:108px; border:solid #ddd 1px;}
.formitm .ipt input.checkCode{ width:80px; height:22px; border:solid #ddd 1px; background:#fff; padding:0;}
.formitm .submit{ display: inline-block;margin-left:100px; width:120px; height:36px; border-radius:5px; background:#01b1ed; color:#fff; font-size:14px; text-align:center; line-height:36px; box-shadow:none;border:none;} 
.formitm .reset{ margin-left:50px; width:120px; height:36px; border-radius:5px; background:#01b1ed; color:#fff; font-size:14px; text-align:center; line-height:36px; box-shadow:none;border:none;} 

.tag a{padding: 0 3px;}