|
@@ -1,136 +1,81 @@
|
|
|
+*{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;}
|
|
|
|
|
|
-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_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-bj{margin-top: -135px;position: relative;z-index: 110;}
|
|
|
-/*active的css*/
|
|
|
-#active{width:1200px;height:240px;margin:0 auto;padding-top:50px;position: relative;}
|
|
|
-#active>.title{width:70px;height:160px;padding-top:12px; }
|
|
|
-#active>.title>p{width:25px;height:160px;font-size: 24px;color:#074d88;
|
|
|
- margin:15px 0 50px 45px;line-height: 28px;}
|
|
|
-#active>.coupon{width:1130px;height:160px;padding:1px 0 0 25px; }
|
|
|
-/*#active .lf{margin-right: 10px;}*/
|
|
|
-.coupon_cont h2{display: none}
|
|
|
-.coupon_cont p{display: none}
|
|
|
-
|
|
|
-.coupon .yujiazai:nth-child(1){background: url(../../img/conpon5.png) no-repeat center center;display: none;}
|
|
|
-.coupon .yujiazai:nth-child(2){background: url(../../img/conpon6.png) no-repeat center center;display: none;}
|
|
|
-.coupon .yujiazai:nth-child(3){background: url(../../img/conpon7.png) no-repeat center center;display: none;}
|
|
|
-.coupon .yujiazai:nth-child(4){background: url(../../img/conpon8.png) no-repeat center center;display: none;}
|
|
|
-#active .lf:nth-child(5){background: url(../../img/conpon1.png) no-repeat center center;}
|
|
|
-#active .lf:nth-child(6){background: url(../../img/conpon2.png) no-repeat center center;}
|
|
|
-#active .lf:nth-child(7){background: url(../../img/conpon3.png) no-repeat center center;}
|
|
|
-#active .lf:nth-child(8){background: url(../../img/conpon4.png) no-repeat center center;}
|
|
|
-#active .lf:nth-child(5):hover{background: url(../../img/conpon5.png) no-repeat center center;}
|
|
|
-#active .lf:nth-child(6):hover{background: url(../../img/conpon6.png) no-repeat center center;}
|
|
|
-#active .lf:nth-child(7):hover{background: url(../../img/conpon7.png) no-repeat center center;}
|
|
|
-#active .lf:nth-child(8):hover{background: url(../../img/conpon8.png) no-repeat center center;}
|
|
|
-#active>.coupon>.coupon_cont{position: relative;width:267px;height:155px;cursor: pointer;}
|
|
|
-#active .lf:hover{animation: hoverbig 500ms ease-out;animation-fill-mode: forwards;}
|
|
|
-/*@keyframes hoverbig{0%{background-size:100% 100%} 100%{background-size:105% 105%} }*/
|
|
|
-#active>.coupon>.coupon_cont> a h2{position: absolute;width:100%;height:92px;
|
|
|
- text-align: center;font-size: 18px;color:#FF8400;margin-top: 45px;padding-left: 5px;padding-right: 12px;}
|
|
|
-#active>.coupon>.coupon_cont> a p{position: absolute;width:100%;height:56px;
|
|
|
- text-align: center;line-height:56px;top:92px;font-size: 1.6rem; color: #333333;}
|
|
|
-#active>.line{position: absolute;left:35px;bottom:0;
|
|
|
- width:1122px;height:15px;background-image:url(../../img/coupon_line.png);}
|
|
|
-
|
|
|
-/*product的css*/
|
|
|
-#product{width:1200px;height:450px;margin:0 auto;position: relative;margin-top:5px;}
|
|
|
-#product>.caption{margin-bottom: 74px;}
|
|
|
-#product>.caption>a{font-weight: normal;}
|
|
|
-.caption{width:100%;height:50px;font-size: 24px;color:#074d88;
|
|
|
- line-height: 50px;padding-left:30px;letter-spacing: 3px;}
|
|
|
-#product>.content{width:1140px;height:400px;margin-left:30px;position: relative; }
|
|
|
-#product>.content>.cont{width:220px;height:350px;margin-right: 3px;
|
|
|
- display: inline-block;}
|
|
|
-#product>.content>.cont:last-child{margin-right: 0;}
|
|
|
-.cont_top1{position: absolute;top:0;left:0;background: #FFEED1;}
|
|
|
-#product .cont_bottom1{position: absolute;top:50px;left:230px;background: #5888B5;color:#fff;}
|
|
|
-.cont_top2{position: absolute;top:0;left:460px;background: #FFEED1;}
|
|
|
-#product .cont_bottom2{position: absolute;top:50px;left:690px;background: #5888B5;color:#fff;}
|
|
|
-.cont_top3{position: absolute;top:0;right:0;background: #FFEED1;}
|
|
|
-#product .img{width:220px;height:140px;position: relative;}
|
|
|
-#product .img img:first-child{position: absolute;top: -72px;left: 50%;margin-left: -32px;z-index: 60;}
|
|
|
-#product .img img:first-child+img{margin-top: -36px;}
|
|
|
-#product .text{width:220px;height:173px;}
|
|
|
-#product .text>h2{font-size: 16px;height:60px;width:100%;line-height: 60px;overflow: hidden;/*text-overflow: ellipsis;white-space: nowrap;*/
|
|
|
-text-align: center;color:#383838;font-weight: bold;padding: 0 10px;}
|
|
|
-#product .cont_bottom1 .text>h2{color:#fff;}
|
|
|
-#product .cont_bottom2 .text>h2{color:#fff;}
|
|
|
-#product .cont_bottom1 .text>p{color:#fff;}
|
|
|
-#product .cont_bottom2 .text>p{color:#fff;}
|
|
|
-#product .img img{z-index: 56;}
|
|
|
-.text>p{width:180px;height:120px;margin-left:20px;color:#616160;line-height:20px;overflow: hidden;font-size: 14px;font-family: "SimSun";text-align: justify;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 6;}
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-/*policy的css*/
|
|
|
-#policy{width:1200px;height:405px;margin:50px auto 0;position: relative;}
|
|
|
-.caption a{font-size: 16px;color: #ffb200;margin-left: 12px;height: 26px;line-height: 26px;display: inline-block;letter-spacing: 0;}
|
|
|
-#policy .captions{width:100%;font-size: 24px;color:#074d88;margin-left: 45px;margin-top: 120px;margin-bottom: 20px;}
|
|
|
-#policy .captions a{font-size: 16px;color: #ffb200;margin-left: 12px;height: 26px;line-height: 26px;display: inline-block;font-weight: normal;}
|
|
|
-#policy .captions a:hover{color:#ff8200;}
|
|
|
-.caption a:hover{color:#ff8200;}
|
|
|
-.pol_cont{width:1110px;height:355px;margin-left:45px;position: relative; }
|
|
|
-.pol_left{width:525px;height:345px;box-shadow: 5px 5px 5px 0 #EaEaEa;
|
|
|
-display:inline-block;position: absolute;top:0;left:0;}
|
|
|
-.pol_left img {width: 100%;height: 200px;}
|
|
|
-.pol_left_cont{width:525px;height:145px;background: #F6F6F6;}
|
|
|
-.pol_left_cont h3{height:50px;width:515px;line-height: 50px;font-weight: bold;
|
|
|
- color:#383838 ;font-size: 16px;padding-left:25px; overflow: hidden;/*text-overflow: ellipsis;white-space: nowrap;*/}
|
|
|
-.pol_left_cont p{line-height: 22px;padding:0 17px 0 25px;width:100%;height:62px;color:#616160;font-size: 14px;
|
|
|
- text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;font-family: "SimSun";}
|
|
|
-.pol_left_cont p a{color:#616160;font-size: 14px;}
|
|
|
-.pol_bottom{width:100%;height:30px;padding:0 12px 0 25px;}
|
|
|
-.more a{color:#ffb200;font-size: 16px;}
|
|
|
-.more a:hover{color:#ff8400;}
|
|
|
-.data{font-size: 14px;color:#9b9a9a;line-height:20px;font-family: "SimSun";}
|
|
|
-
|
|
|
-.pol_right{width:560px;height:345px;margin-left:15px;
|
|
|
- display:inline-block;position: absolute;top:0;right:0;}
|
|
|
-.pol_right_big{width:560px;height:165px;box-shadow: 5px 5px 5px 0 #EaEaEa;border:1px solid #F1F1F1;
|
|
|
- border-radius: 2px;}
|
|
|
-.pol_right_big h3{height:50px;width:100%;line-height: 50px;font-weight: bold;;
|
|
|
- color:#383838;font-size: 16px;padding:0 15px 0 25px; overflow: hidden; /*text-overflow: ellipsis;white-space: nowrap;*/ }
|
|
|
-.pol_right_big p{line-height: 20px;padding:0 17px 0 25px;width:100%;height:82px;color:#616160;text-overflow: ellipsis;
|
|
|
- overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;font-size: 14px;font-family: "SimSun";}
|
|
|
-.pol_right_big p a{color:#616160;}
|
|
|
-.pol_right_sm{width:275px;height:165px;display: inline-block;background: #F6F6F6;
|
|
|
- margin-top:15px;box-shadow: 5px 5px 5px 0 #EaEaEa;}
|
|
|
-.pol_right_sm h3{height:50px;width:275px;line-height: 50px;font-weight: bold;;
|
|
|
- color:#383838;font-size: 16px;padding:0 10px 0 25px; overflow: hidden;/*text-overflow: ellipsis;white-space: nowrap;*/}
|
|
|
-.pol_right_sm p{line-height: 20px;padding:0 17px 0 25px;width:100%;height:83px;color:#616160;font-family: "SimSun";font-size: 14px;
|
|
|
- text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
|
|
|
-.pol_right_sm p a{color:#616160;}
|
|
|
-/*need的css*/
|
|
|
-.need_main{background: #f6f6f6;width: 100%;}
|
|
|
-#need{width:1200px;height:295px;margin:45px auto 0;position: relative;background: #f6f6f6;}
|
|
|
-#need>.caption{display:inline-block;width:140px;}
|
|
|
+#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;}
|
|
|
|
|
|
|
|
|
/*左右轮播*/
|
|
@@ -158,3 +103,42 @@ display:inline-block;position: absolute;top:0;left:0;}
|
|
|
.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;}
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|