dengzhiguo 7 年 前
コミット
9dc8a34c31

BIN
img/assessMent1.png


BIN
img/assessMent10.png


BIN
img/assessMent11.png


BIN
img/assessMent12.png


BIN
img/assessMent13.png


BIN
img/assessMent14.png


BIN
img/assessMent15.png


BIN
img/assessMent2.png


BIN
img/assessMent20.png


BIN
img/assessMent21.png


BIN
img/assessMent22.png


BIN
img/assessMent3.png


BIN
img/assessMent4.png


BIN
img/assessMent5.png


BIN
img/assessMent6.png


BIN
img/assessMent7.png


BIN
img/assessMent8.png


BIN
img/assessMent9.png


BIN
img/assessment.jpg


BIN
img/assessment16.png


BIN
img/index_er1.jpg


+ 7 - 4
src/css/index_home.css

@@ -23,7 +23,7 @@ text-align: justify;text-overflow: ellipsis;overflow: hidden;display: -webkit-bo
 #index_demand{width:1200px;height:420px;margin: 0 auto;}
 .demand_cont{width:1200px;height:340px;border-top: 1px solid #F1F1F1;border-bottom: 1px solid #F1F1F1;
 padding:10px;}
-.demand_cont>div:nth-child(1){width:1200px;height:160px;border-bottom: 1px solid #F1F1F1;padding-top:10px;}
+.demand_cont>div:nth-child(1){width:1200px;height:160px;border-bottom: 1px solid #F1F1F1;}
 .demand_cont>div:nth-child(2)>a>div{padding-top:10px;}
 .demand_cont>div>a{text-decoration:none}
 .demand_cont>div>a>div{width:290px;height:150px;border-left: 1px solid #F1F1F1;
@@ -31,9 +31,12 @@ display: inline-block;box-sizing: border-box;padding: 0 10px;}
 .demand_cont>div>a:nth-child(1)>div{border-left:none;}
 .demand_img{width:300px;height:75px;position: relative;}
 .demand_img>img{width:75px;height:75px;display: inline-block;}
-.demand_img>div{width:210px;height:75px;display: inline-block;position: absolute;left:90px;top:0;}
-.demand_img>div>h5{margin: 0;margin-top:10px;font-size: 16px;letter-spacing: 2px;}
-.demand_img>div>p{margin: 0;margin-top:10px;height:30px;line-height:25px;width:210px;position: relative;padding-left:25px;}
+.demand_img>div{width:185px;height:75px;display: inline-block;position: absolute;left:90px;top:0;}
+.demand_img>div>h5{margin: 0;margin-top:10px;font-size: 16px;letter-spacing: 2px;height:34px;
+text-align: justify;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;}
+
+.demand_img>div>p{margin: 0;margin-top:5px;height:30px;line-height:25px;width:210px;position: relative;padding-left:25px;}
+.demand_cont>div>a:nth-child(5)>div{margin-top: 20px;border-left: none;}
 .demand_img>div>p>span{position: absolute;left:0;top:0;}
 .demand_p{font-size:14px;color:#838282;width:275px;height:60px;margin:10px 0 0 0;line-height:20px;
 text-align: justify;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 3;}

+ 55 - 24
src/css/technologyTrading/assessMent.css

@@ -1,7 +1,7 @@
 .col-md-6{margin: 0;padding: 0;}
-body{background: #f8f8f9;}
+*{padding: 0;margin: 0;box-sizing:border-box;font-family: "微软雅黑";}
 .assessMent .container {width: 1200px;}
-.assessMent{width: 100%;height: 78px;background: fbfbfb;box-shadow: 0px 7px 15px #CCC ;position: relative;z-index: 999;}
+.assessMent{width: 100%;height: 78px;background: fbfbfb;box-shadow: 0px 7px 15px #CCC ;position: relative;}
 .assessMent .container ul li{float: left;width:290px;margin-top: -28px;}
 .assessMent .container ul li img{height: 106px;margin-right: 20px;transition: all .5s;}
 .assessMent .container ul li:first-child+li+li span{margin-right: 60px;}
@@ -11,27 +11,58 @@ body{background: #f8f8f9;}
 .assessMent .container ul li:hover{cursor: pointer;}
 .assessMent .container ul li:hover .people{margin-left: -10px;}
 .assessMent .container ul li:hover span{margin-left: -10px;}
+.carouselt{height:470px;}
 
-.contant {width: 1200px;margin: 0 auto;padding-top: 93px;padding-bottom: 100px;overflow: hidden;}
-.contant_box{width: 1200px;position: relative;height: 385px;}
-.contant_box .col-md-6{height: 312px;background: #FFFFFF; padding-left: 100px;z-index: 10;box-shadow: 4px 5px 10px #CCCCCC;}
-.contant_box .col-md-6:nth-child(2n+1){left: -620px;}
-.contant_box .col-md-6:nth-child(2n){right: -620px;}
-.contant_box .col-md-6:first-child+.col-md-6{margin-top: 70px;}
-.contant_box .col-md-6 .con_box p{font-size: 20px;color: #393838;margin-top: -50px;margin-left: 144px;margin-bottom: 50px;}
-.contant_box .thon{background: #5888b6;z-index: 12;box-shadow: 0px 0px 0px #FFFFFF!important;}
-.contant_box:first-child .thon p{margin-left: 152px;}
-.contant_box:first-child+.contant_box .thon p{margin-left: 150px;}
-.thon p,.thon .con_box p{color: #FFFFFF!important;font-size: 18px;}
-.col-md-6>p{width: 320px;font-size: 18px;color: #7a7878;}
-.con_box{margin-top: 50px;}
-.contant_box .thon p{color: #FFFFFF;}
-.Consultation{width: 510px;margin: 0 auto;text-align: center;height: 46px;padding-bottom: 100px;}
-.Consultation a{width: 150px;height: 46px;display: inline-block;background: #ffb200;color: #FFFFFF;font-size: 16px;margin-left: 50px;margin-right: 50px;line-height: 46px;}
-.col-md-6 .sjx_left{position: absolute;left: -16px;top: 150px;}
-.col-md-6 .sjx_right{position: absolute;right: -16px;top: 150px;}
-.Consultation a:hover{cursor: pointer;background: #f7bf3f;}
-.contant_box .lef{position: absolute;left: -100px;}
-.contant_box .rig{position: absolute;right: -100px;}
-.h_fix{z-index: 999;}
 
+.process{width:1200px;height:500px;margin:30px auto 0;position:relative;}
+.process_title{width:1200px;height:110px;background: url(../../../img/assessMent1.png);}
+.process_cont{width:1200px;height:250px;background: url(../../../img/assessMent10.png);
+margin-top:50px;position:relative;}
+.process_cont>div{border-radius: 50%;background: #fff;cursor: pointer;}
+.process_cont>div:hover>img{transform-origin:50% 50%;transform: rotate(180deg);}
+.process_cont>div:hover>div{display: block;}
+.process_cont>div>img{position: absolute;top:0;left:0;transition:all 500ms linear;}
+.process_cont>div>h1{line-height:85px;font-size:48px;color:#074F88;}
+.process_cont>div>p{font-size:16px;margin-top:-10px;color:#676767;}
+.process_cont>div>div{position: absolute;top:140px;left:20px;width:95px;height:115px;
+line-height: 22px;letter-spacing: 1px;color:#929090;display:none;}
+.process_cont>div.big_quan>div{width:105px;height:115px;top:160px;left:30px;}
+.process_cont>div.big_quan>h1{margin-top:10px;}
+.process_cont>div:nth-child(1){width:130px;height:130px;position:absolute;
+top:20px;left:0;text-align:center;}
+.process_cont>div:nth-child(2){width:153px;height:153px;position:absolute;
+top:60px;left:175px;text-align:center;}
+.process_cont>div:nth-child(3){width:130px;height:130px;position:absolute;
+top:-30px;left:330px;text-align:center;}
+.process_cont>div:nth-child(4){width:152px;height:152px;position:absolute;
+top:50px;left:475px;text-align:center;}
+.process_cont>div:nth-child(5){width:152px;height:152px;position:absolute;
+top:-50px;left:635px;text-align:center;}
+.process_cont>div:nth-child(6){width:129px;height:129px;position:absolute;
+top:100px;left:775px;text-align:center;}
+.process_cont>div:nth-child(7){width:152px;height:152px;position:absolute;
+top:110px;left:930px;text-align:center;}
+.process_cont>div:nth-child(8){width:130px;height:130px;position:absolute;
+top:-10px;left:1080px;text-align:center;}
+.process_btn{width:1200px;height:50px;text-align: center;margin-top:30px;}
+.process_btn>a{width: 150px;height: 40px;display: inline-block;color: #ffffff;font-size: 16px;
+    line-height: 40px;text-align: center;background: #ffb200;letter-spacing: 2px;}
+.process_btn>a:nth-child(1){margin-right:30px;}
+
+
+.services{width:100%;height:670px;margin:0 auto;position:relative;background:url(../../../img/assessMent11.png);}
+
+
+
+
+
+
+
+
+
+
+
+
+
+.policies{width:1200px;height:720px;margin:0 auto;position:relative;}
+.advantages{width:100%;height:520px;margin:0 auto;position:relative;background:#F8F8F8;}

+ 66 - 63
template/technologyTrading/assessMent.html

@@ -8,7 +8,7 @@
 	<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale=1, maximum-scale=1,user-scalable=no">
 	<meta http-equiv="x-ua-compatible" content="ie=edge">
     <title>在线评估</title>
- <!--<link rel="stylesheet" href="../../src/css/bootstrap.css" />
+ 	<!--<link rel="stylesheet" href="../../src/css/bootstrap.css" />
     <link rel="stylesheet" href="../../src/css/public.css" />
     <link rel="stylesheet" href="../../src/css/main_banner.css" />  
     <link rel="stylesheet" type="text/css" href="../../src/css/technologyTrading/assessMent.css"/>-->
@@ -36,12 +36,8 @@
   	</header>
   	<!--banner-->
   	<div class="carouselt">
-		<ul class="ct-img-big clear">
-			<li data-index=0 ><a href=""><img src="../../img/highTech_slide_1.jpg" alt=""/></a></li>
-			<li data-index=1 ><a href=""><img src="../../img/highTech_slide_2.jpg" alt=""/></a></li>
-			<li data-index=2 ><a href=""><img src="../../img/highTech_slide_3.jpg" alt=""/></a></li>
-			<li data-index=3 ><a href=""><img src="../../img/highTech_slide_4.jpg" alt=""/></a></li>
-			<li data-index=4 ><a href=""><img src="../../img/highTech_slide_5.jpg" alt=""/></a></li>
+		<ul class="ct-img-big1 clear">
+			<li data-index=0 ><a href=""><img src="../../img/assessment.jpg" alt=""/></a></li>
 		</ul>
 		<a class="btn btn-next" href="">
 			<img src="../../img/index_next.png" alt=""/>
@@ -77,79 +73,86 @@
   			</ul>
   		</div>
   	</div>
-  	<div class="contant">
-  		<div class="contant_box">
-  			<div class="col-md-6" >
-  				<div class="con_box">
-  					<img src="../../img/assessMent_05.png" alt="" />
-  					<p>基本资料</p>
+  	<div class="process">
+  		<div class="process_title">
+  			
+  		</div>
+  		<div class="process_cont">
+  			<div>
+  				<img src="../../img/assessMent2.png" alt="" />
+  				<h1>01</h1>
+  				<p>基本资料</p>
+  				<div>
+  					技术名称、所属行业、转让方式等,系统自动内置,您只需动动鼠标
   				</div>
-  				<p>技术名称、所属行业、转让方式等指标系统自动内置,您只需动动鼠标</p>
   			</div>
-  			<div class="col-md-6 thon">
-  				<img src="../../img/assessMent_sjxzou.png" alt="" class="sjx_left"/>
-  				<div class="con_box">  					
-  					<img src="../../img/assessMent_06.png" alt="" />
-  					<p>法律评况</p>
+  			<div class="big_quan">
+  				<img src="../../img/assessMent3.png" alt="" />
+  				<h1>02</h1>
+  				<p>法律评况</p>
+  				<div> 
+  					自主研发技术、外购获取、授权许可、专利证书自助提交
   				</div>
-  				<p>自主研发技术、外购获取、授权许可专利证书自助提交</p>
   			</div>
-  		</div>
-  		<div class="contant_box">
-  			<div class="col-md-6 thon"> 				
-  				<div class="con_box">
-  					<img src="../../img/assessMent_06.png" alt="" />
-  					<p>技术评况</p>
+  			<div>
+  				<img src="../../img/assessMent4.png" alt="" />
+  				<h1>03</h1>
+  				<p>技术评况</p>
+  				<div>
+  					创新性、替代性、成熟度、供求关系步步为营
   				</div>
-  				<p>创新性、替代性、成熟度、供求关系步步为营</p>
-  				<img src="../../img/assessMent_sjx.png" alt="" class="sjx_right"/>
   			</div>
-  			<div class="col-md-6">
-  				<div class="con_box">
-  					<img src="../../img/assessMent_08.png" alt="" />
-  					<p>历史收入</p>
+  			<div class="big_quan">
+  				<img src="../../img/assessMent5.png" alt="" />
+  				<h1>04</h1>
+  				<p>历史收入</p>
+  				<div>
+  					历史盈收情况收集
   				</div>
-  				<p>历史盈收情况收集</p>
   			</div>
-  		</div>
-  		<div class="contant_box">
-  			<div class="col-md-6">
-  				<div class="con_box">
-  					<img src="../../img/assessMent_09.png" alt="" />
-  					<p>收入预估</p>
+  			<div class="big_quan">
+  				<img src="../../img/assessMent6.png" alt="" />
+  				<h1>05</h1>
+  				<p>收入预估</p>
+  				<div>
+  					市场份额法、数量单价法精准预估
   				</div>
-  				<p>市场份额法、数量单价法精准预估</p>
   			</div>
-  			<div class="col-md-6 thon">
-  				<img src="../../img/assessMent_sjxzou.png" alt="" class="sjx_left"/>
-  				<div class="con_box">
-  					<img src="../../img/assessMent_10.png" alt="" />
-  					<p>所得税预估</p>
+  			<div>
+  				<img src="../../img/assessMent7.png" alt="" />
+  				<h1>06</h1>
+  				<p>所得税预估</p>
+  				<div>
+  					企业所得税优惠政策税率一目了然
   				</div>
-  				<p>企业所得税优惠政策税率一目了然</p>
   			</div>
-  		</div>
-  		<div class="contant_box">
-  			<div class="col-md-6 thon" > 				
-  				<div class="con_box">
-  					<img src="../../img/assessMent_11.png" alt="" />
-  					<p>风险预估</p>
+  			<div class="big_quan">
+  				<img src="../../img/assessMent8.png" alt="" />
+  				<h1>07</h1>
+  				<p>风险预估</p>
+  				<div>
+  					政策、技术、市场、管理风险,全面评测
   				</div>
-  				<p>政策、技术、市场、管理风险,全面评测</p>
-  				<img src="../../img/assessMent_sjx.png" alt="" class="sjx_right"/>
   			</div>
-  			<div class="col-md-6">
-  				<div class="con_box">
-  					<img src="../../img/assessMent_12.png" alt="" />
-  					<p>完成评估</p>
+  			<div>
+  				<img src="../../img/assessMent9.png" alt="" />
+  				<h1>08</h1>
+  				<p>完成预估</p>
+  				<div>
+  					系统根据提供的关键指标,同时结合平台专家意见给出最具专业的评估报告
   				</div>
-  				<p>系统根据提供的关键指标,同时结合平台专家意见给出最具专业的评估报告</p>
-  			</div>  			
-  		</div>  		
+  			</div>
+  		</div>
+  		<div class="process_btn">
+  			<a href="">立即评估</a>
+  			<a href="">在线咨询</a>
+  		</div>
   	</div>
-  	<div class="Consultation">
-  			<a href="">立刻评估</a><a href="javascript:;" onclick="_MEIQIA('showPanel')">在线咨询</a>
+  	<div class="services">
+  		
   	</div>
+  	<div class="policies"></div>
+  	<div class="advantages"></div>
   	<!--主体内容区域结束-->
 	<div id="bottom">
 		<div class="bottom">