|
@@ -1,144 +0,0 @@
|
|
|
-*{padding: 0;margin: 0;box-sizing:border-box;font-family: "微软雅黑";}
|
|
|
-#index_fruit{width:1200px;height:450px;margin: 0 auto;}
|
|
|
-.fruit_h3{width:1200px;height:80px;line-height: 80px;}
|
|
|
-.fruit_h3>h3{color:#074F88;font-size:26px;letter-spacing:3px;margin: 0 auto;display: inline-block;font-weight: normal;}
|
|
|
-.fruit_h3 a{font-size: 16px;color: #ffb200;margin-left: 12px;height: 26px;
|
|
|
-line-height: 26px;display: inline-block;font-weight: normal;text-decoration:none}
|
|
|
-.fruit_h3 a:hover{color:#ff8200;}
|
|
|
-.fruit_cont{width:1200px;height:400px;}
|
|
|
-.fruit_cont>div{display: inline-block;width:250px;height:365px;margin-left:50px;
|
|
|
-overflow: hidden;position: relative;}
|
|
|
-.fruit_cont>div:nth-child(1){margin-left: 0px;}
|
|
|
-.fruit_content{width:250px;height:365px;position: absolute;top:0;left:0;
|
|
|
-transition:all 500ms linear;}
|
|
|
-.fruit_content:hover{top:-365px;}
|
|
|
-.fruit_content>img{width:250px;height:185px;display:block;}
|
|
|
-.cont_p{width:250px;height:180px;}
|
|
|
-.cont_p>h5{font-size: 16px;color:#3C3B3B;text-align: center;margin: 0 5px;}
|
|
|
-.cont_p>p{font-size: 14px;color:#838282;text-align: left;margin: 10px 5px 0px;line-height:22px;
|
|
|
-text-align: justify;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 5;}
|
|
|
-.cont_img{width:250px;height:365px;}
|
|
|
-
|
|
|
-
|
|
|
-#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(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;
|
|
|
-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>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;}
|
|
|
-
|
|
|
-#index_policy{width:1200px;height:400px;margin: 30px auto 0;}
|
|
|
-#index_policy>div>a{float: right;width:190px;height:50px;color:#fff;line-height: 50px;font-size:16px;
|
|
|
-text-align: center;background:#2F83CE;margin-top: 15px;position: relative;padding-left:10px;}
|
|
|
-#index_policy>div>a span{font-size:25px;line-height: 40px;position: absolute;top:5px;left:40px;}
|
|
|
-.policy_cont{width:1200px;height:320px;position:relative;}
|
|
|
-.policy_img{width:470px;height:300px;display:inline-block;position:absolute;left:0;top:0;}
|
|
|
-.policy_img>img{width:470px;height:300px;}
|
|
|
-.policy_p{width:700px;height:300px;display:inline-block;padding-left:55px;position:absolute;left:470px;top:0;}
|
|
|
-.policy_p>a>div{width:630px;height:55px;margin-top:20px;position: relative;cursor: pointer;}
|
|
|
-.policy_p>a>div:hover>div>h4{color:#F68705;}
|
|
|
-.policy_p>a>div:hover>div>p{color:#F68705;}
|
|
|
-.policy_p>a>div:hover>div>h5{color:#F68705;}
|
|
|
-.policy_date{width:80px;height:55px;position: absolute;top:0;left:0;text-align:left;padding-top:5px;}
|
|
|
-.policy_date>h4{color:#505050;font-size: 20px;font-weight: bold;letter-spacing: 2px;}
|
|
|
-.policy_date>p{color:#7A7878;}
|
|
|
-.policy_line{width:0;height:55px;position: absolute;top:0;left:95px;border:1px solid #BCBBBB;}
|
|
|
-.policy_p_cont{width:510px;height:55px;position: absolute;top:0;right:0;}
|
|
|
-.policy_p_cont>h5{font-size:16px;color:#3B3B3B;margin-top: 0;}
|
|
|
-.policy_p_cont>p{color:#7A7878;font-size:14px;margin-top:5px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
|
|
|
-
|
|
|
-#index_man{width:100%;height:600px;margin: 100px auto 0;background:rgba(120,120,120,0.1);position: relative;}
|
|
|
-.index_man>img{margin: 0 auto;width:640px;height:100px;display: block;position:absolute;left:280px;top:-50px;}
|
|
|
-.index_cont{width:12000px;height:400px;padding:60px 0 0;position:absolute;bottom:0;left:0;}
|
|
|
-.index_man{width:1200px;height:400px;margin:0 auto;position: relative;}
|
|
|
-.index_man>div{width:1200px;height:400px;margin:0 auto;position: relative;overflow: hidden;}
|
|
|
-.index_man>div>span{position:absolute;top:250px;cursor:pointer;z-index:10;}
|
|
|
-.man_left{left:45px;}
|
|
|
-.man_right{right:40px;}
|
|
|
-.index_cont>div{width:320px;height:300px;margin-left:60px;position:relative;margin-top:30px;display:inline-block;}
|
|
|
-.index_cont>div:nth-child(1){}
|
|
|
-.index_oneman{width:320px;height:240px;background: #fff;left:0;bottom:0;position: absolute;padding-top:100px;}
|
|
|
-.index_oneman>img{width:100px;height:100px;border-radius: 50%;position:absolute;top:-50px;right:20px;}
|
|
|
-.appellation{width:175px;height:30px;line-height:30px;position:absolute;top:20px;left:25px;font-size:15px;font-weight:normal;color:#3C3B3B}
|
|
|
-.definition{width:100px;height:30px;line-height:30px;text-align: center;position: absolute;
|
|
|
-top:55px;right:20px;font-size:17px;font-weight:normal;color:#074F88;}
|
|
|
-.index_oneman>p{padding:0 20px;font-size:14px;color:#7F7F7F;line-height: 20px;height:120px;
|
|
|
-text-align: justify;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 6;}
|
|
|
-#bottom{margin:-170px auto 0;}
|
|
|
-
|
|
|
-
|
|
|
-/*左右轮播*/
|
|
|
-.carousel{position: relative;width: 1200px;}
|
|
|
-.need_imgs{width: 1018px;overflow: hidden;position: absolute;left: 50%;margin-left: -500px;top: 0;}
|
|
|
-.carousel .need_prev{width: 30px;height: 34px;font-size: 24px;text-align: center;line-height: 34px;background: #686868;display: inline-block;color: #FFFFFF;position: absolute;top:90px;left:50px;box-shadow: 2px 2px 10px #333333;}
|
|
|
-.carousel ul{float: left;width: 100000px;}
|
|
|
-.carousel ul li{float: left;margin-left: 10px;margin-right: 10px;text-align: center;padding-bottom: 20px;}
|
|
|
-.carousel ul li p{font-size: 16px;color: #383838;line-height: 52px;background: #ffffff;box-shadow: 0 0 10px #616161;font-weight: bold;letter-spacing: 1px;
|
|
|
- width: 320px;padding-left: 10px;padding-right: 10px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-family: "Microsoft YaHei"}
|
|
|
-.carousel ul li p:hover{font-family: "Microsoft YaHei";color:#383838;}
|
|
|
-.carousel ul li img{width: 320px;height:160px;}
|
|
|
-.carousel .need_next{position: absolute;top:90px;right:30px;width: 30px;height: 34px;font-size: 24px;text-align: center;line-height: 34px;background: #686868;display: inline-block;color: #FFFFFF;box-shadow: 2px 2px 10px #333333;}
|
|
|
-.carousel .need_prev:hover,.carousel .need_next:hover{background: #003399;cursor: pointer;}
|
|
|
-.need_imgs ul li {position: relative;height: 216px;}
|
|
|
-.need_imgs ul li .need_black{position: absolute;top: 0 ;left: 0;width:320px ;height: 212px;background: rgba(0,0,0,.7);display: none;}
|
|
|
-.need_imgs ul li .need_black img{width: 29px;height: 24px;margin-top:78px;}
|
|
|
-.need_imgs ul li .need_black p{background: none;box-shadow: none;font-size: 14px;color: #FFFFFF;}
|
|
|
-.carousel ul li:hover .need_black{display: block;}
|
|
|
-
|
|
|
-/*精品成果鼠标经过*/
|
|
|
- .con_hover{position: absolute;top: 0 ;left:0px;width:220px ;height: 385px;background: rgba(0,0,0,.7);text-align: center;z-index: 58;display: none;}
|
|
|
- .con_hover a{width:100%;height:100%;display: block;}
|
|
|
- .con_hover img{width: 29px;height: 24px;margin-top:200px;margin-bottom: 10px;}
|
|
|
- .con_hover p{font-size: 14px;color: #FFFFFF;}
|
|
|
- .con_hover:hover{cursor: pointer;}
|
|
|
-
|
|
|
-/*转移过来的CSS*/
|
|
|
-html{font-size:62.5%;}
|
|
|
-.index_activity{position: relative;z-index:110;background: url(../../img/index_bannerbj.png) no-repeat center center;margin-top:-144px;height: 270px;box-shadow: 0 5px 10px 0 #e1e1e1;}
|
|
|
-.index_activity ul li{float: left;width: 190px;height:90px ;text-align: center;background-position-y: 100px;}
|
|
|
-.index_activity ul li strong{font-size: 36px;color: #ffbc09;font-weight: normal;}
|
|
|
-.index_activity ul li p{font-size: 16px;color: #074d88;font-weight: bold;}
|
|
|
-.index_activity ul{float: left;overflow: hidden;margin-top: 160px;}
|
|
|
-.index_activity form{float: right;position: relative;width: 270px;height: 44px;background: #FFFFFF;margin-top: 20px;box-shadow: 0 0 10px #CCCCCC;}
|
|
|
-.index_activity form .search{width: 20px;height: 20px;position: absolute;top: 12px;right:10px;}
|
|
|
-.index_activity form input{border: none;width:190px ;height: 32px;position:absolute;top: 6px;left: 40px;line-height: 32px;border-right: 2px solid #CCCCCC;}
|
|
|
-.index_activity form .index_use{width: 60px;height: 20px;position: absolute;top: 12px;left:8px}
|
|
|
-::-webkit-input-placeholder{color:#CCCCCC !important;}
|
|
|
- .index_activity form .search:hover{cursor: pointer;}
|
|
|
- .index_select {display: none;}
|
|
|
-/*banner*/
|
|
|
-.carouselt{ position:relative; overflow: hidden;width:100%;height:470px; }
|
|
|
-.ct-img-big{ position:absolute; }
|
|
|
-.ct-img-big li{ float: left; }
|
|
|
-.btn{ position: absolute; display: block;}
|
|
|
-.btn-pre{top:220px;left:220px;}
|
|
|
-.btn-next{top:220px;right:220px;}
|
|
|
-.index-bj{margin-top: -135px;position: relative;z-index: 110;}
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|