/* CSS Document   Version: 1.0.0
   Date: 2018/04/16
   Author: Tian Guang
   Copyright: www.east.net
*/
body{ background: #fff; }
.itl{margin: 15px auto;}
.itl .cn{font-size: 18px;color: #000000;border-left: 4px solid #ff0000;padding-left: 10px;}
.itl .rec{float:right;color:#838383;font-size:14px;}
/*.itl .rec .name{color:#232323;}*/
.itl .rec .name{color:#232323;width: 530px;overflow:  hidden;height: 20px;line-height: 20px;float: left;text-align: right;margin-right: 5px;}
.itl .rec .date{padding:0px 10px;}
.itl .imore{ float: right;font-size: 14px;color: #838383;padding-left:5px}
.itl .imore:hover{color:#145594;}
.itl dl{float:right;}
.itl dl dd{display:inline-block;margin:0px 15px}
.itl dl dd a{color:#1c1c1c;font-size:14px;padding-bottom:5px;border-bottom:2px solid #fff;}
.itl dl i{position:relative;top:-2px;color:#c7c7c7;}
.itl dl i:last-child{display:none;}
.itl dl dd:hover a{border-bottom:2px solid #ff0000;color:#ff0000;}
.itl dl dd.active a{border-bottom:2px solid #ff0000;color:#ff0000;}

/* 产品分类开始 */
.proL{width:780px;float: left;}
.product{width:100%;}
.proList{width:100%;height:180px;background:#f9f9f9;border:1px solid #e5e5e5;padding: 0px 0px 0px 12px;}
.proList li{position:relative;}
.proList .bd ul{ zoom:1;padding: 10px!important;margin:-10px 0 0 -10px!important; }
.proList .bd ul li{margin: 15px 0 0 12px;transition: all .3s;float:left;overflow:hidden;/* background: #f1f1f1; */height: 150px;position:relative;}
.proList .bd ul li .pic{ text-align:center; }
.proList .bd ul li .pic img{width: 114px;height: 105px;display:block;}
.proList .bd ul li .pic a:hover img{ border-color:#999;  }
.proList .bd ul li .title{box-sizing: border-box;line-height:24px;padding: 10px 10px 10px;position: absolute;bottom: 0;width: 100%;transition: all .3s;}
.proList .bd ul li .til{ font-size: 14px;color: #3f3f3f;margin: 0 0 2px; }
.proList .bd ul li .til span{  font-size: 16px;color: #145594;margin-right: 12px; }
.proList .bd ul li .til em{ margin-left: 8px; }
.proList .bd ul li .r{ font-size: 14px;color: #6e6e6e;text-overflow:ellipsis;white-space: nowrap;overflow: hidden;  }
.proList .bd ul li:hover{ box-shadow: 0 0 6px 2px rgba(0,0,0,.1);background:#f9f9f9; }
.proList .bd ul li:hover .title{border-bottom: 2px solid #145594;padding: 15px 10px 15px;}

.proList2 .bd ul li .pic img{width: 140px;height: 100px;display:block;}
.proList2{padding:0px;margin-bottom: 20px;}
.proList2 .bd ul li .title{line-height: 28px;}
.proList1{width:768px;}

/*推荐产品*/
.proR{width:400px;float: right;}
.proR ul{min-height: 388px;padding: 14px;background:#f9f9f9;border:1px solid #e5e5e5;margin-bottom: 20px;}
.proR ul li{border-bottom:1px solid #ececec;padding-left: 15px;background:url(../images/unit/circle.png) left center no-repeat;}
.proR ul li:last-child{border-bottom:0px solid #fff}
.proR ul li a{color:#212121;font-size:14px;line-height: 42px;display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.proR ul li:hover a{color:#135ca4}
.proR ul li:hover i{color:#135ca4}
.proR ul li:hover{background:url(../images/unit/circle1.png) 1px 20px no-repeat;}


/*科研成果*/
.achievement{background: #f9f9f9;width:780px;height: 388px;border:1px solid #e5e5e5;}
.achievement ul{padding:0px 20px}
.achievement ul li{border-bottom:1px solid #ececec;}
.achievement ul li:last-child{border-bottom:0px solid #fff}
.achievement ul li a{color:#212121;font-size:14px;line-height: 47px;}
.achievement ul li a .type{padding:3px 5px;background:#c70202;color:#fff;font-size:12px;margin-right:10px;line-height: 16px;min-width: 48px;display: inline-block;text-align: center;}
.achievement ul li a .date{font-size:14px;color:#9b9b9b;float:right;}
.achievement ul li:hover a{color:#135ca4}
.achievement ul li:hover i{color:#135ca4}
.achievement ul li:hover{background:url(../images/unit/circle1.png) 1px 19px no-repeat;}
.achievement ul li:hover .type{background:#145594;}


/*单位*/
.proR .Com li{padding: 10px 14px;background:#f9f9f9;}
.proR .Com{padding:0px;margin-bottom: 0px;display:none;height: 388px;}
.Com li a{display:block;}
.Com .comImg{width:74px;height: 74px;float: left;border:1px solid #e5e5e5;background: #fff;line-height: 74px;text-align: center;font-size: 0;}
.Com .comImg img{max-width:100%;max-height:100%;}
.Com .tit{color:#212121;font-size:14px;margin-top:10px;line-height:30px;}
.Com .follow{color:#9b9b9b;font-size:14px;line-height:20px;}
.Com .follow .num{color:#3e3e3e;}
.Com .comWords{width: 200px;float:left;margin-left: 20px;line-height:20px}
.Com li:hover .tit{color:#135ca4;}
.proR .Com li:hover{background:#fff;}
.proR .Com.active{display:block;}
/*banner*/
.banner{ background: url('../images/bbg.jpg') center center no-repeat;height: 420px; }

/* 本例子css */
.b-switch{width:800px;height:420px;overflow:hidden;position:relative;float: left;}
.banner .hd{position:absolute;left: 30px;bottom:26px;z-index:1;}
.banner .hd ul{ zoom:1;  }
.banner .hd ul li{ position:relative;display:inline-block;margin-right: 10px;width: 9px;height: 9px;line-height:14px;text-align:center;background:#d2d2d2;cursor:pointer;border-radius: 50%;}
.banner .hd ul li.on{ background:#ff0000; color:#fff; }
.banner .hd ul li.on:before{ border:1px solid #ff0000;display:block;content:"";width:17px;height:17px;position:absolute;top:-5px;left:-5px;border-radius: 50%; }
.banner .bd{ position:relative; height:100%; z-index:0;   }
.banner .bd li{ zoom:1; vertical-align:middle; }
.banner .bd img{ width:800px; height:420px; display:block;  }


/* 本例子css */
.iexpertlist{ position:relative;}
.iexpertlist .hd .prev,.iexpertlist .hd .next{
    display:block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    overflow:hidden;
    cursor:pointer;
    background: rgba(0,0,0,.3);
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-family: 黑体;position:absolute;top:58px;z-index:3;
}
.iexpertlist .hd .prev{ left:0;}
.iexpertlist .hd .next{ right:0;  }


.iexpertlist .bd ul{ zoom:1;padding: 10px!important;margin:-10px 0 0 -10px!important; }
.iexpertlist .bd ul li{margin: 0 18px 0 0;transition: all .3s;float:left;overflow:hidden;background: #f1f1f1;height: 254px;position:relative;}
.iexpertlist .bd ul li .pic{ text-align:center; }
.iexpertlist .bd ul li .pic i{position:absolute;width:100%;height:100%;display:block;transition: all .3s;}

.iexpertlist .bd ul li .pic img{ width: 156px;height: 170px;display:block;}
.iexpertlist .bd ul li .pic a:hover img{ border-color:#999;  }
.iexpertlist .bd ul li .title{box-sizing: border-box;background: #f1f1f1;line-height:24px;padding: 16px 10px 15px;border: 1px  solid #e5e5e5;position: absolute;bottom: 0;width: 100%;transition: all .3s;}
.iexpertlist .bd ul li .til{ font-size: 14px;color: #3f3f3f;margin: 0 0 2px; }
.iexpertlist .bd ul li .til span{  font-size: 16px;color: #145594;margin-right: 12px; }
.iexpertlist .bd ul li .til em{ margin-left: 8px; }
.iexpertlist .bd ul li .r{font-size: 14px;color: #6e6e6e;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.iexpertlist .bd ul li:hover{ box-shadow: 0 0 6px 2px rgba(0,0,0,.2) }
.iexpertlist .bd ul li:hover .title{ border-bottom:2px solid #145594;padding: 20px 10px 20px; }
.iexpertlist .bd ul li:hover .pic i{ background:rgba(20,85,148,.4); }


/**/
.wd3{ width: 388px;float: left;margin-right: 17px; }
.imain3 .wd3:nth-child(3n){ margin-right: 0; }
.imain3 .bd{ border: 1px solid #e5e5e5;padding: 14px 16px 2px; }
.imain3 .bd li{border-bottom: 1px solid #ececec;line-height: 41px; }
.imain3 .bd li:last-child{ border-bottom: 0; }
.imain3 .bd li a{color: #494949;display: block;font-size: 14px;white-space: nowrap;text-overflow:  ellipsis;overflow: hidden;}
.imain3 .bd li .time{ float: right;color: #9b9b9b; }
.imain3 .bd li:hover a,.imain3 .bd li:hover .time{ color: #135ca4; }
.imain3 .bd .itype{ margin: 0 14px 0 5px; }
.imain3 .bd .tb{ margin-right: 10px; }

.imain3 .i-switch{border-bottom: 1px solid #ececec;padding-bottom: 9px;position: relative;}
.imain3 .i-switch i{ position: absolute;top:0;left:0;width: 100%;height: 130px;background: url("../images/z.png") no-repeat ;background-size:cover}
.imain3 .i-switch .bd{ border: 0;padding: 0;  }
.imain3 .i-switch li{line-height: 20px;border:none}
.imain3 .i-switch .tl{font-size: 16px;color: #010101;margin: 11px auto 2px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.imain3 .i-switch .sum{ color:#909090; }
.i-switch .pic{ width: 354px;height: 130px;display: table;vertical-align: middle;overflow: hidden;text-align: center;}
.i-switch .pic span {
    width: 100%;
    height: 115px;
    display: table-cell;
    vertical-align: middle;
    overflow: hidden;
}
.i-switch .pic img{max-width: 100%;max-height: 130px;}





.ihz>.bd{height: 407px;}

.i-switch .hd{position: absolute;top: 92px;left: 19px;z-index: 2;}
.i-switch .hd ul{ zoom:1;  }
.i-switch .hd ul li{ position:relative;display:inline-block;margin-right: 12px;width: 8px;height: 8px;background:#e6e5e5;cursor:pointer;border-radius: 50%;}
.i-switch .hd ul li.on{ background:#ff0000; color:#fff; }


.icg .bd{padding-top: 1px;height: 420px;}
.icg .prev,.icg .next{width: 26px;height: 26px;border:1px solid #dcdcdc;display:inline-block;float:right;}
.icg .prev{background: url(../images/icon/pg.png) 8px 10px no-repeat;margin-right: -1px;}
.icg .next{background: url(../images/icon/pg.png) -21px 10px no-repeat;}

.bd-ipload{background: url("../images/up.jpg") no-repeat;text-align: center;padding: 8px 0;}
.bd-ipload .hav{ color: #367fcf;}
.bd-ipload .hav span{ color: #ff0000;font-size: 14px; }
.bd-ipload .up{width:186px;line-height:33px;background: #4e84c1;color: #ffffff;margin: 4px auto 0;cursor: pointer;}

.idata .bd {height: 407px;}
.idata ul li{background: url(../images/icon/dn.png) right -31px no-repeat;}
.idata ul li:hover{background: url(../images/icon/dn.png) right 11px no-repeat;}


/*ad2*/
.ad2 { margin:15px auto 0; }
.ad2 li{float: left;margin-right: 16px;}
.ad2 li:nth-child(3n){ margin-right: 0; }


/*link*/
.flink{ margin: 0 auto 15px; }
.flink .l-contnet{ background: #f9f9f9;padding:12px 10px;border: 1px solid #e4e4e4; }
.flink .l-contnet li{ display:inline-block;border: 1px solid #e4e4e4;float:left;margin: 0 10px 10px 0; }
.flink .l-contnet li img{ width:185px;height:63px; }
.flink .l-contnet li:nth-child(6n){ margin-right:0; }

/*b-new*/
.b-new{width:400px;float: right;background: #fff;}
.b-new .b-tl{background:#f7f7f7;}
.b-new .news li{display: inline-block;padding:13px 27px;}
.b-new ul{display: inline-block;float: left;}
.b-new .b-tl .imore{float: right;line-height: 50px;font-size: 14px;color: #838383;}
.b-new .b-tl .imore:hover{color:#135ca4;}
.b-new .b-tl li a{font-size:18px;color:#000;padding-bottom: 10px;}
.b-new .b-tl li.active a{border-bottom: 2px solid #ff0000;color:#ff0000;}
.b-new dl{padding:10px 15px;display:none;height: 245px;}
.b-new dl.active{display:block;}
.b-new dl dd{border-bottom:1px solid #f4f4f4;padding-left: 15px;background:url(../images/unit/circle.png) left center no-repeat;}
.b-new dl dd:last-child{border-bottom:0px solid #fff}
.b-new dl dd a{color:#212121;font-size:14px;line-height: 40px;}
.b-new dl dd i{color:#9b9b9b;float:right;}
.b-new dl dd:hover a{color:#135ca4}
.b-new dl dd:hover i{color:#135ca4}
.b-new .b-tl li:hover a{border-bottom: 2px solid #ff0000;color:#ff0000;}
.b-new dl dd:hover{background:url(../images/unit/circle1.png) 1px 19px no-repeat;}
.b-new .apply li{background:url(../images/icon/iconbg1.jpg) center center no-repeat;width:133px;height: 105px;float: left;padding:0px;text-align:center;}
.b-new .apply li img{margin-top: 23px;}
.b-new .apply li a{color:#f2f2f2;font-size:14px;display: block;}
.b-new .apply li p{margin-top: 17px;}
.b-new .apply li:hover{background:url(../images/icon/iconbg.jpg) center center no-repeat;}

.b-new .b-tl .news i{position:relative;top:-2px;color:#c7c7c7;}
.b-new .b-tl .news i:last-child{display:none;}