/*banner1*/
.banner1_bg{ background: #1f2531;}
.banner1{ max-width:1200px; margin: 0 auto; height: 560px; position: relative; z-index: 8;}
.banner1 .img{ text-align: right; margin-right: 154px; padding-top: 45px;}
.banner1 .text{ position: absolute; left: 0; top: 160px;}
.banner1 .text h2{ color: #4fb5ff; font-size: 50px; line-height: 50px; font-weight: 400;}
.banner1 .text p{ font-size: 16px; color: #fff; margin-top: 20px; line-height: 30px;}
.banner1 .text .more{ margin-top: 40px; display: inline-block; padding: 0 20px; height: 40px; line-height: 40px; color: #fff; font-size: 18px; border: 1px solid #fff;}
.banner1 .text .more:hover{ color: #2589ff; border-color: #2589ff;}
.b1_item_wrap{ position: absolute; width: 258px; min-height: 100%; right: 0; top: 0;}
.b1_item_wrap .mask{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #2589ff; opacity: 0.6; filter: alpha(opacity=60); z-index: 1;}
.b1_item{ position: relative; width: 100%; height: 100%; left: 0; top: 0; z-index: 2;}
.b1_item .logo2{ text-align: center; padding-top: 20px;}
.b1_item .logo2 span{ display: block; font-size: 28px; margin-top: 20px; color: #fff; font-weight: 700;}
.b1_item .b1_list{ padding-top: 12px; padding-bottom: 20px;}
.b1_item .b1_list ul li{ width: 190px; height: 42px; line-height: 42px; margin: 0 auto; border: 2px solid #98b6da; margin-top: 18px;}
.b1_item .b1_list ul li a{ padding-left: 13px; display: block; font-size: 16px; color: #fff; font-weight: 700;}
.b1_item .b1_list ul li a:hover{ color: #c0c0c0;}
.b1_item .b1_list ul li.lastli{ text-align: center; }
.b1_item .b1_list ul li.lastli a{ font-size: 36px; font-weight: 400; line-height: 36px;}
.b1_item_wrap2{ display: none;}
.b1_list .open_ico{ background: url(../images/index_gx_ico1.png) no-repeat center center;}
.b1_list .close_ico{ background: url(../images/index_gx_ico2.png) no-repeat center center;}

/*科技前沿*/
.kjqy{ max-width: 1200px; margin: 0 auto; position: relative; height: 50px; line-height: 50px;}
.kjqy:after{ content: ""; display: block; visibility: hidden; clear: both;}
.kjqy .title{ width: 112px; float: left;}
.kjqy .title span{ display: block; float: left; font-size: 16px; padding-left: 26px; color: #2589ff; background: url(../images/kjqy_ico.png) no-repeat left center;}
.kjqy .more{ width: 60px; float: right;}
.kjqy .more a,.kjqy .title .more_mobile{ color: #999;}
.kjqy .more a:hover,.kjqy .title .more_mobile:hover{ color: #2589ff;}
.kjqy ul{ position: absolute; left: 112px; right: 60px;}
.kjqy ul:after{ content: ""; display: block; visibility: hidden; clear: both;}
.kjqy ul li{ float: left; width: 33.33%; }
.kjqy ul li:before{ content: "|"; float: left; color: #dcdcdc;}
.kjqy ul li a{ display: block; padding-left: 14px; margin:0 23px; background: url(../images/kjqy_ico3.png) no-repeat left center; font-size: 16px; color: #666;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kjqy ul li a:hover{ color: #2589ff;  background: url(../images/kjqy_ico2.png) no-repeat left center;}
.kjqy .title .more_mobile{ display: none;}

/*平台图文列表*/
.pt_item_bg{ background: #f1f1f5;}
.pt_item_wrap{ max-width: 1200px; width: 100%; overflow: hidden; margin: 0 auto; padding-bottom: 131px;}
.pt_item_wrap:after{content: ""; display: block; visibility: hidden; clear: both;}
.pt_item_wrap .title{ text-align: center; padding-top: 86px;}
.pt_item_wrap .title h2{ font-size: 36px; color: #595961; line-height: 36px; font-weight: 700;}
.pt_item_wrap .title p{ font-size: 20px; color: #666; line-height: 24px; margin-top: 15px;}
.itemlist_wrap{ margin: 60px -15px 0;}
.itemlist_wrap>div{ width: 33.3%\9;}
.itemlist_wrap:after{content: ""; display: block; visibility: hidden; clear: both;}
.pt_item{ float: left; width: 100%;}
.pt_item .pic{ position: relative;}
.pt_item .pic .img img{ width: 100%;}
.pt_item .pic .pic_b{ position: absolute; bottom: 0; left: 0; width: 100%; height: 58px; line-height: 58px;}
.pt_item .pic .pic_b:after{content: ""; display: block; visibility: hidden; clear: both;}
.pt_item .pic .pic_b .mask{ width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.5; filter: alpha(opacity=50);}
.pt_item .pic .pic_b .txt{ position: absolute; left: 15px; right: 80px; top: 0; font-size: 20px; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.pt_item .pic .pic_b .more{ position: absolute; right: 15px; top: 0; font-size: 16px; color: #fff;}
.pt_item .pic .pic_b .more:hover{ color: #2589ff;}
.pt_item .itemlist{ padding: 0 18px; background: #fff;}
.pt_item .itemlist li{ border-bottom: 1px solid #eee;}
.pt_item .itemlist li:nth-last-of-type(1){ border: none;}
.pt_item .itemlist li .n_title{ padding: 10px 0 5px;}
.pt_item .itemlist li .n_title a{ font-size: 16px; color: #1f2531; display: inline-block; vertical-align: middle; max-width: 86%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.pt_item .itemlist li .n_title a:hover{ color: #2589ff;}
.pt_item .itemlist li .new_ico{ display: inline-block; padding: 3px 5px; font-size: 12px; color: #fff; border-radius: 4px;/* margin-left: 8px; */vertical-align: middle; }
.pt_item .itemlist li .bgc1{ background: #2ec6ff;}
.pt_item .itemlist li .bgc2{ background: #ca91ff;}
.pt_item .itemlist li .bgc3{ background: #ff8b58;}
.pt_item .itemlist li .info{ color: #999; font-size: 14px; padding-bottom: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.banner2{ width: 100%;}
.banner2 img{ width: 100%;}

/*互联网+技术*/
.js_item_wrap{ max-width: 1200px; margin: 0 auto; padding-bottom: 20px;  width: 100%; }
.js_item_wrap:after,.js_itemlist_wrap:after{content: ""; display: block; visibility: hidden; clear: both;}
.js_item_wrap .title{ text-align: center; padding-top: 86px; width: 100%;}
.js_item_wrap .title h2{ font-size: 36px; color: #595961; line-height: 36px; font-weight: 700;}
.js_item_wrap .title p{ font-size: 20px; color: #666; line-height: 24px; margin-top: 15px;}
.js_itemlist_wrap{ margin-top: 58px; margin-left: -6px; margin-right: -6px;}
.js_itemlist_wrap>div{ width: 25%\9;}
.js_item_wrap .col-xs-12,.js_item_wrap .col-sm-3{padding: 0;}
.js_items{ position: relative; height: 360px; border: 1px solid #bbb;margin: 0 6px;}
.js_items:hover{ border:1px solid #2589ff; box-shadow: 0 5px 10px 3px #e0e0e0;}
.js_items .js_items_t{ text-align: center; padding-top: 13px;}
.js_items .js_items_t .img{ height: 90px; line-height: 90px; display: block; font-size: 0;}
.js_items .js_items_t .img img{ display: inline-block; vertical-align: middle;}
.js_items .js_items_t .img:after{ content: ""; display: inline-block; visibility: hidden; height: 100%; vertical-align: middle;}
.js_items .js_items_t .title2{ display: block; color: #2589ff; font-size: 18px; font-weight: 700;}
.js_items .list{ padding: 15px 30px;}
.js_items .list li{ margin-top: 18px; }
.js_items .list li a{ display: block; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.js_items .list li a:hover{ color: #2589ff;}
.js_items .more{ text-align: center; padding: 15px 0;}
.js_items .more a{ display: block; color: #999; font-size: 12px;}
.js_items .more a:hover{ color: #2589ff;}

/*热门成果专利*/
.zltitle{ text-align: center; padding-top: 86px;}
.zltitle h2{ font-size: 36px; color: #595961; line-height: 36px; font-weight: 700;}
.zltitle p{ font-size: 20px; color: #666; line-height: 24px; margin-top: 15px;}

.hotitem_bg{ background: #edf3fa; margin-top: 60px;}
.hotitem_wrap .col-xs-12,.hotitem_wrap .col-sm-3,.hotitem_wrap .col-xs-6{ padding-left: 6px; padding-right: 6px;}
.hotitem_wrap .row{ margin: 0 -6px;}
.hotitem_wrap{ max-width: 1200px; margin: 0 auto; padding: 44px 0 100px;}
.hotitem_wrap>div{ width:50%\9;}
.hotitem_wrap:after{content: ""; display: block; visibility: hidden; clear: both;}
.stock{ font-size: 0; background: #67a4ff; text-align: center; height: 256px;}
.stock a{ display: block; height: 100%;}
.stock:after{ content: ""; display: inline-block; visibility: hidden; vertical-align: middle; height: 100%;}
.stock>div{ vertical-align: middle; display: inline-block; text-align: center;}
.stock>div .txt{ display: block; font-size: 40px; color: #fff; }
.stock>div .num{ font-size: 52px; color: #fff; font-weight: 700;}
.stock>div .x{ font-size: 30px; color: #fff;}

/*修改轮播*/
.hot_focus { margin-top: 5px; margin-bottom: 5px;  height: 256px;}
.hot_focus .bx-wrapper{box-shadow:none;border:none; margin: 0; height: 256px;}
.hot_focus .bx-wrapper a{ display: block; }
.hot_focus .bx-wrapper a:hover .bx-caption span{ color: #2589ff;}

/*.hot_focus .bx-wrapper .slide:hover .bx-caption span{ color: #2589ff; cursor: pointer;}*/
.hot_focus .bx-wrapper .bx-pager{ bottom: 50px; text-align: right; padding-right: 10px; width: auto; right: 0;}
.hot_focus .bx-wrapper .bx-pager.bx-default-pager a{ width: 12px; height: 12px; background: #fff; border: 1px solid #2589ff; border-radius: 6px;}
.hot_focus .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{ background: #2589ff;}
.hot_focus .bx-wrapper .bx-caption{ background: rgba(0,0,0,.6); height: 42px; line-height: 42px;}
.hot_focus .bx-wrapper .bx-caption span{ font-size: 20px; padding: 0 10px;}
.hot_focus .bx-wrapper,.hot_focus .bx-viewport{ width: 100%; max-width: 100%;}
.hot_focus .bx-wrapper .slider{ width: 100%;}
.hot_focus .bx-wrapper .slider img{ width: 100%; height: 256px;}



.hotitem1{ text-align: center; height: 256px; margin-bottom: 5px;}
.hotitem1 a{ display: block; font-size: 0; text-align: center; height: 100%;}
.hotitem1:after,.hotitem1 a:after{ content: ""; display: inline-block; visibility: hidden; width: 0; height: 100%; vertical-align: middle;}
.hotitem1 div{ display: inline-block; vertical-align: middle;}
.hotitem1 .txt{ font-size: 32px; color: #fff; line-height: 32px; margin-top: 22px; display: block;}
.yxcg{ background: #ff8283;}
.rmxm{ background: #87d49b;}
.hotitem2{ position: relative; height: 256px; margin-bottom: 5px;}
.hotitem2 .pic{ height: 100%;}
.hotitem2 .pic a{ display: block; height: 100%;}
.hotitem2 .pic img{ width: 100%; height: 100%;}
.hotitem2 .mask{ position: absolute; width: 100%; height: 42px; bottom: 0!important; left: 0; z-index: 5; background: #000; opacity: 0.6; filter: alpha(opacity=60);}
.hotitem2 .txt{ position: absolute; padding: 0 10px; height: 42px; line-height: 42px; bottom: 0; left: 0; z-index: 6;color:#fff;}
.hotitem2 .txt a{ color: #fff; font-size: 20px; display: block; padding: 0 10px; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.hotitem2 .txt a:hover{ color: #2589ff;}

/*产权服务*/
.cqfw_bg{ background: url(../images/cqfw_bg.png) no-repeat; background-size: 100% 100%;}
.cqfw{ max-width: 1200px; margin: 0 auto;}
.cqfw>div{ width:50%\9;}
.cqfw:after{content: ""; display: block; visibility: hidden; clear: both;}
.cqfw .text{ margin-top: 132px; padding-right: 80px; margin-bottom: 10px;}
.cqfw .text h2{ color: #fff; font-size: 52px; line-height: 52px;}
.cqfw .text p{ margin-top: 50px; font-size: 18px; color: #fff; line-height: 24px;}
.cqfw .text .more{ margin-top: 40px; display: inline-block; padding: 0 20px; height: 40px; line-height: 40px; color: #fff; font-size: 18px; border: 1px solid #fff;}
.cqfw .text .more:hover{ color: #2589ff; border-color: #2589ff;}
.cqfw .pic{ padding: 80px 0; text-align: center;}
.cqfw .pic img{ max-width: 100%; }


/*右侧悬浮在手机端显示样式*/
.fnavbar{ width: 100%; overflow: hidden; margin: 1px 0; display: none;}
.fnavbar ul{ margin: 0 -1px;}
.fnavbar ul li{ width: 25%; float: left;text-align: center; height: 88px; }
.fnavbar ul li a{ display: block; margin: 0 1px; background: #2589ff; height: 100%;}
.fnavbar ul li a:after{ content: ""; display: inline-block; visibility: hidden; height: 100%; vertical-align: middle;}
.fnavbar ul li a img{ vertical-align: middle;}


/*右侧悬浮*/
.fixed{ position: fixed; z-index: 99; right: 0; bottom: 40px; width: 45px;}
.fixed ul li{ width: 45px; height: 44px; margin-bottom: 1px; background: #2589ff; text-align: center; /* border: 1px solid #f0f0f0;*/}
.fixed ul li a{ display: inline-block; height: 44px; width: 45px; line-height: 44px; font-size: 0;}
.fixed ul li a:after{ content: ""; visibility: hidden; height: 100%; vertical-align: middle;}
.fixed ul li a img{ vertical-align: middle;}
.fixed ul li.firstli{ border-top-left-radius: 10px;}
.fixed ul li.lastli{ border-bottom-left-radius: 10px;}
.fixed ul li.lastli a{ line-height: normal;}
.fixed ul li.lastli a img{ margin-top: 10px;}
.fixed ul li.lastli span{ display: block; line-height: 20px; color: #fff; font-size: 12px;}


@media only screen and (max-width:992px ) {
	.banner1 { height: auto;}
	.banner1 .img{ text-align: center; margin: 0;}
	.banner1 .img img{ max-width: 100%;}
	.banner1 .text{ position: static; text-align: center; padding-bottom: 20px;}
	.b1_item_wrap{ display: none;}
	.b1_item_wrap2{ display: block; position: relative;}
	.b1_item_wrap2 .b1_item{ position: relative; height: auto;}
	.b1_item_wrap2 .mask{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #2589ff;  z-index: 1;}
	.js_items{ margin-top: 10px;}
	
	.pt_item .itemlist li .n_title a{ max-width: 82%;}
}

@media only screen and (max-width: 768px) {
	
	.banner1 .text h2{ font-size: 30px;}
	
	.pt_item .itemlist{ padding: 0 10px;}
	
	.stock{ height: 170px;}
	
	.kjqy { height: auto;}
	.kjqy .title { width: 100%; border-bottom: 1px solid #ccc;}
	.kjqy .title span{ margin-left: 10px;}
	.kjqy .title .more_mobile{ display: block; float: right; margin-right: 10px;}
	.kjqy .more{ display: none;}
	.kjqy ul{ position: static;}
	.kjqy ul li{ width: 100%; border-bottom: 1px solid #f1f1f1; }
	
	.pt_item_wrap{ padding-bottom: 30px;}
	.pt_item_wrap .title{ padding-top: 20px;}
	.itemlist_wrap{ margin: 30px -15px 0;}
	
	/*手机中大标题字体*/
	.pt_item_wrap .title h2{ font-size: 30px;}
	.js_item_wrap .title h2{ font-size: 30px;}
	.zltitle h2{ font-size: 30px;}
	.cqfw .text h2{ font-size: 30px;}
	
	/*侧边悬浮隐藏，返回顶部显示*/
	.fixed ul li{ display: none;}
	.fixed ul li.lastli{ border-radius: 0;}
	
	/*侧边悬浮手机中显示*/
	.fnavbar{ display: block;}
	
	/**/
	.js_item_wrap{ overflow: hidden; padding: 0 10px;}
	.js_item_wrap .title{ padding-top: 30px;}
	.js_itemlist_wrap{ margin-top: 30px;}
	.zltitle{ padding-top:20px;}
	.hot_focus { height: auto;}
	.hot_focus .bx-wrapper{ height: auto;}
	.hot_focus .bx-wrapper .slide img{ height: 100%;}
	.hotitem_wrap{ padding: 24px 0;}
	.hotitem1,.hotitem2{ height: 170px;}
	.cqfw .text{ margin-top: 30px; padding: 0; text-align: center;}
	.cqfw .text p{ margin-top: 30px;}
	.cqfw .pic{ padding: 30px 0;}
	/*.fnavbar ul li a img{ width: 30%;}*/
	
}