body{background:red;} *{box-sizing: border-box;} .clear_line{width:100%;height:1px;} #technology{width:100%;height:420px;box-shadow: 0 8px 8px 0 #E4E4E4;} .technolo{width:1200px;height:420px;padding-top:40px;margin:0 auto; position: relative;} .technolo_left{width:390px;height:340px;display:inline-block; position: absolute;top:40px;left:0;} .technolo>div>div{width:390px;height:235px; margin-top:45px;position: relative;} .technolo>div>h3{color:#256195;} .technolo>div>div:hover{background: url("../../img/technology_bg.png") center center; background-size: 390px 235px;} .technolo_text{width:365px;height:190px;border:1px solid #F4F4F4;overflow: hidden; margin:12px auto;border-radius: 10px;padding: 50px 10px 0 30px;} .technolo_text>div{margin-bottom: 12px;line-height: 33px;height:35px;} .technolo_text h5{color:#FF951D;margin:0;font-size: 1.5rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .technolo_text p{display: inline-block;color:#666;font-size: 1.5rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .technolo_text a{display: inline-block;color:#666;float:right;cursor: text;font-size: 1.5rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .technolo>div>div>img{position: absolute;top:-40px;left:20px;} .technolo>div>div>span{width:75px;height:35px;background: #FFB200; border-radius: 10px;position: absolute;left:40px;bottom:0;text-align: center; line-height: 35px;color:#fff;} .technolo_center{width:390px;height:340px;display:inline-block; position: absolute;top:40px;left:400px;} .technolo_center .technolo_text>div{cursor: pointer;} .technolo_right{width:390px;height:340px;display:inline-block; position: absolute;top:40px;right:0;} .technolo_right .technolo_text p{display: none;position: absolute;top:-30px;left:-295px;z-index: 100;background: #fff;width:300px;height:270px;overflow: auto; color:#333;} .technolo_right .technolo_text a{cursor: pointer;} .technolo_right .technolo_text h5{color:#FF951D;margin:0;line-height: 24px;} /*search*/ #search{width:100%;height:270px;background: #F5F5F5;padding-top: 25px;margin-top: 10px;} .search{width:1200px;height:215px;background: url("../../img/search_bg.png") center center; background-size: 1200px 215px;margin:0 auto;position: relative;} .search_cont{width:690px;height:180px;position: absolute;top:20px;left:140px;} .search_cont>h3{text-align: center;line-height: 60px;color:#000;} .search_cont>input{display: block;width:665px;height:40px; border: 1px solid #DDB14B;border-radius: 20px;padding-left: 25px; margin-left:12px; } .search_cont>span{width:35px;height:35px;position: absolute;top:63px;right:30px; background: url("../../img/search_line.png") center center;cursor: pointer;} .search_cont>div{display: block;width:665px;height:40px; padding-left: 15px;margin-left:12px;margin-top:15px;} .search_cont>div>span{font-size: 16px;font-weight: bold;margin-right: 5px;color:#414141;} /*li*/ .container{width: 1200px;} .industry{background: #ffffff;overflow: hidden;} .industry_left{float: left;width: 300px;height:1000px;text-align: center; padding-top: 40px;background: #2a9ee2;} body{background: #f5f5f5;} .container{width: 1200px;} .industry{background: #ffffff;overflow: hidden;} .industry_left{float: left;width: 300px;height:938px;text-align: center;padding-top: 40px;background: #2a9ee2;} .industry_left h3{font-size: 24px;margin-bottom: 22px;color: #FFFFFF;font-weight:normal;} .industry_left ul li a{font-size:16px ;color: #ffffff;} .industry_left ul li{line-height: 36px;height: 36px;cursor: pointer;} .title_details{width: 840px;clear: both;margin-bottom:20px;} .industry_right{float: left;padding-left: 30px;width: 870px;} .title_details ol {width: 100%;overflow: hidden;border-bottom: 1px solid #CCCCCC;} .title_details ol li{float: left;padding-left: 12px;padding-right: 12px; font-size: 24px;color: #333333;border-bottom: 1px solid transparent; line-height: 50px;cursor: pointer;} .act{color:#074d88 !important;border-bottom: 1px solid #074d88!important;} .action_li{box-shadow: 0 0 10px 0 #ddd inset} .checked_no{display:none;} .main_details{overflow: hidden;width:840px;height:800px;} .main_details ul{overflow: hidden;} .main_details ul li{width: 260px;height:380px;float: left;position: relative;z-index: 10;box-shadow: 0 0 15px #CCCCCC;margin : 10px;cursor: pointer;} .title_details ol li{float: left;padding-left: 12px;padding-right: 20px;font-size: 24px;color: #333333;border-bottom: 1px solid transparent;line-height: 50px;position: relative;} .act{color:#074d88 !important;border-bottom: 1px solid #074d88!important;} .main_details ul li img{;width: 260px;height:211px;} .main_details ul li .details_fix{position: absolute;top: 140px;background: rgba(0,0,0,0.5);z-index: 12;width: 260px;height: 70px; text-align: left;color: #FFFFFF;padding-left: 10px;} .main_details ul li .details_fix>p>span{color:#fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width:190px;display: inline-block;line-height: 13px;} .details_fix p{height:30px;width:100%;line-height: 35px;} .details_fix p:first-child{margin-top: 0;} .details_fix p span{color: #333333;margin-left: 5px;} .details_text{width:260px;padding-top:10px ;position: absolute;left: 0;bottom:0;} .details_text p{width: 200px;margin:5px auto;color: #f68705;font-size: 16px;} .details_text p span{color: #333333;display: inline-block;width: 155px;overflow: hidden;height: 20px; vertical-align: top;text-overflow: ellipsis;white-space: nowrap;margin-left: 8px;} .details_text p b{font-weight:normal;color: #333333;width:160px;height:40px ;display: inline-block;vertical-align: top; } .details_text a{width: 80px;height: 26px;display: inline-block; background: #ffb200;border-radius: 10px;float: right; line-height: 26px;text-align: center;color: #ffffff; margin-right: 30px;margin-bottom: 16px;margin-top:15px;} #demandList_patent{list-style: none;} .details_text{width:260px;padding-top:10px ;} .details_text p{width: 200px;margin:5px auto;color: #f68705;font-size: 16px;} .details_text p span{color: #333333;display: inline-block;width: 155px;overflow: hidden;height: 20px;vertical-align: top;text-overflow: ellipsis;white-space: nowrap;} .details_text p b{font-weight:normal;color: #333333;width:160px;height:40px ;display: inline-block;vertical-align: top; } .details_text a{width: 80px;height: 26px;display: inline-block;background: #ffb200;border-radius: 10px;float: right;line-height: 26px;text-align: center;color: #ffffff;margin-right: 30px;margin-bottom: 16px;} .pagination_box {margin-bottom: 130px;margin-top: 20px;clear: both;float: left;} .pagination li{ float: left;margin-right: 12px;} .pagination li.active a{background: #efb04e;color: #ffffff!important;border: 1px solid #efb04e;} .pagination > li > a:hover,.pagination> li > a:focus{background: #efb04e!important;color: #ffffff;border: 1px solid #efb04e;outline: none!important;border: 1px solid #efb04e!important;} .totalCount {color: #999;float: right;border: 1px solid #ddd;display: inline-block;padding-left: 10px;padding-right: 10px;height: 33px;line-height: 33px;margin-top: 20px;} .pagination ul{float: left;} .pagination > li > a, .pagination > li > span{color: #333333;} .list_none{width:550px;height:150px;background:url("../../img/all_null.png") no-repeat;margin:50px auto;} .imgnull{width:260px;height:211px;background:url("../../img/zhuanliimg_null.png") no-repeat;background-size: 260px 211px;} .detail_interest_sub li{transition: all .5s;} .detail_interest_sub li:hover{transform: scale(.985)} .detail_interest_sub li:hover .interest_list_title>p{color: #fe9507;} .channel{background: url(../../img/Technology_22.jpg)no-repeat center center; text-align: center;height: 540px;background-position-y: 20px;margin-top: 10px;} .channel h5{font-size: 24px;color: #074d88;margin-top: 50px;} .channel ul{overflow: hidden;margin-top: 65px;margin-left: 10px;} .channel ul li{width: 195px;float: left;height: 195px;margin-left: 40px;} .channel ul li:first-child{margin-left: 0;} .channel ul li a{color: #ffffff;font-size: 28px;line-height: 195px;height: 195px;display: inline-block;width: 195px;letter-spacing:5px; text-shadow:0 0 3px #ddd, -0 -0 3px #ddd;} .channel ul li:nth-child(2n+1){background: url(../../img/Technology_25.png)no-repeat center;} .channel ul li:nth-child(2n){background: url(../../img/Technology_26.png)no-repeat center;margin-top: 50px;} .checkd{display:block;} #bottom{margin-top: -150px; clear: both;} #searchs{text-align: center;} .searchs{width: 650px;position: relative;height: 40px;background: #ffffff;box-shadow: 2px 0px 5px #cccccc;border-radius: 20px;margin: 0 auto;margin-top: 30px;} .searchs .select select{-webkit-appearance: none;appearance:none;-moz-appearance:none;;position: absolute;width: 100px;height: 40px;line-height: 40px;color: #f18101;display: inline-block;border: none;font-size: 16px; left:10px;border-radius:10px;background: url(../../img/think_top.png) no-repeat center right;padding-left: 10px;} .searchs .select select:focus{outline: none;} #search_on input{position: absolute;left: 110px;width: 450px;height: 40px;line-height: 40px;border: none;border-left: 1px solid #CCCCCC;background: #ffffff;padding-left: 5px;font-size: 14px;color: #777777;} .searchs .select select option:focus{outline: none;} .searchs .select select option{text-align: center;border:1px solid transparent;background: #FFFFFF;display: block;-moz-appearance:none; -webkit-appearance:none;appearance:none;border: 1px solid #cccccc;} .searchs .select select option:hover{background: red;} .searchs button{width: 64px;height: 40px;position: absolute;right: 5px;background: url(../../img/think_search.png) no-repeat center center;border: none;} .searchs button:focus{outline: none;} .list_text {font-size: 16px;} .list_text .orange{margin-bottom: 12px;color: #f18101;text-align: center;} .list_text .bulr{margin-top:12px ;margin-bottom: 0px;color: #074d88;text-align: center;} .list_text .text_on{width: 210px;margin: 0 auto;} .suibian{width:650px;height:40px;margin: 0 auto;text-align: left;padding-left: 15px;margin-top: 15px;} .suibian>span{height:40px;line-height: 40px;font-size: 16px;font-weight: 400;color:#3C3B3B;padding: 0 5px;} .answer{width:100%;height:100%;position: fixed;top:0;left:0;background-color: rgba(100,100,100,0.5);z-index: 1000;display: none;} .answer>p{width:400px;margin: 0 auto;margin-top: 100px;background-color: #fff;padding: 30px 50px;border-radius: 10px; box-shadow: 0 0 10px 0 #999;display: none;position: relative;} .answer>p>span{position: absolute;top:5px;right:20px;font-size: 28px;cursor: pointer;}