body,
html {
margin : 0;
padding: 0
}
/* html {overflow-y: scroll;} */
body,
input {
font-size : 14px;
font-family : Microsoft YaHei;
-webkit-text-size-adjust: none;
text-rendering : optimizelegibility
}
dd,
div,
dl,
dt,.b4 .wr .r
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
li,
ol,
p,
select,
textarea,
ul {
margin : 0;
padding : 0;
color : #000;
list-style: none
}
img {
border: none
}
button,
input,
select,
textarea {
outline: 0;
resize : none
}
a:link,
a:visited {
text-decoration: none
}
.clearfix:after {
clear : both;
display: table;
width : 100%;
height : 0;
content: ""
}
/* ::-webkit-scrollbar {
width: 7px;
height: 7px
}
::-webkit-scrollbar-button {
width: 0;
height: 0
}
::-webkit-scrollbar-thumb {
background-color: rgba(0,0,0,.23)
}
::-webkit-scrollbar-thumb:hover {
background-color: rgba(0,0,0,.35)
}
::-webkit-scrollbar-thumb:active {
background-color: rgba(0,0,0,.45)
} */
.clear::before {
display: table;
content: "";
}
.clear_f:after {
clear: both;
}
.clear_f:after,
.clear_f:before {
content: "";
display: block;
}
/*=========烹饪与营养膳食专业============*/
li {
list-style: none;
}
.fl {
float: left;
}
.fr {
float: right;
}
a {
text-decoration: none;
color : #494747;
}
img {
border : 0;
vertical-align: top;
}
.clear {
clear: both;
}
.jg {
margin-top: 10px;
}
.wr {
width : 1200px;
margin : 0 auto;
overflow: hidden;
}
.flex {
display : -webkit-box;
display : -webkit-flex;
display : -moz-box;
display : -ms-flexbox;
display : flex;
-webkit-box-orient : horizontal;
-webkit-box-direction : normal;
-webkit-flex-direction : row;
-moz-box-orient : horizontal;
-moz-box-direction : normal;
-ms-flex-direction : row;
flex-direction : row;
-webkit-flex-wrap : wrap;
-ms-flex-wrap : wrap;
flex-wrap : wrap;
-webkit-box-pack : justify;
-webkit-justify-content: space-between;
-moz-box-pack : justify;
-ms-flex-pack : justify;
justify-content : space-between;
}
.w1140 {
width : 1140px;
margin-left : auto;
margin-right: auto
}
.hslbanner {
height : 500px;
width : 100%;
min-width : 1200px;
max-width : 1920px;
background : url(../images/banner_pc.jpg) no-repeat center center;
/* margin-bottom: 40px; */
margin : 0 auto;
}
.hslbanner a {
display: block;
height : 500px;
}
.b1 {
width : 100%;
height : 250px;
background: #fff;
}
.b1 .wr {
width : 880px;
margin: 0 auto;
}
.b1 .wr ul {
width : 920px;
padding-top: 54px;
}
.b1 .wr ul li {
width : 190px;
height : 190px;
float : left;
margin-right: 39px;
background : url("../images/img4.jpg") no-repeat;
}
.b1 .wr ul li div span {
display : block;
width : 146px;
padding-top : 55px;
padding-left : 37px;
font-size : 16px;
text-transform: uppercase;
color : #000;
}
.b1 .wr ul li p {
width : 146px;
padding-top : 30px;
font-size : 28px;
padding-left: 37px;
font-weight : bold;
color : #FC8622;
}
.t1 {
padding: 50px 0;
}
.t1 h2 {
width : 400px;
margin : 0 auto;
background : url("../images/bg2.jpg") repeat-x bottom;
height : 58px;
font-size : 30px;
font-weight: normal;
text-align : center;
}
.t1 p {
font-size : 28px;
text-align : center;
width : 100%;
padding-top: 20px;
}
.b2 {
width: 1300px;
}
.b2 div {
width : 496px;
height : 643px;
float : left;
background : url("../images/bg3.jpg") no-repeat;
background-size: 100% 100%;
position : relative;
margin-left : 20px;
}
.b2 div h3 {
width : 100%;
height : 85px;
line-height: 85px;
font-size : 32px;
text-align : center;
padding-top: 22px;
}
.b2 div p {
width : 88%;
line-height: 1.5;
font-size : 18px;
margin : 0 auto;
}
.b2 div img {
position: absolute;
bottom : 23px;
left : 42px;
}
.b2 div.c1,
.b2 div.c3 {
width : 322px;
height: 467px;
}
.b2 div.c1 h3,
.b2 div.c3 h3 {
line-height: 60px;
height : 60px;
padding-top: 10px;
}
.b2 div.c1 img,
.b2 div.c3 img {
bottom: 15px;
left : 60px;
}
.b2 div.c1,
.b2 div.c3 {
margin-top: 97px;
}
.a {
padding: 63px 0;
}
/* .a a{display: block; width: 420px; height:53px; background: #fff; -moz-box-shadow:7px 5px 0px #17962B; -webkit-box-shadow:7px 5px 0px #17962B; box-shadow:7px 5px 0px #17962B; text-align: center; line-height: 53px;border: 1px solid #E8E8E8;font-size: 24px; font-weight: bold; margin: 0 auto;} */
/* .a a:hover{color: #fff;background:#17962B;} */
.a a {
display : block;
width : 420px;
height : 53px;
background : #FC8622;
text-align : center;
line-height : 53px;
font-size : 24px;
font-weight : bold;
margin : 0 auto;
color : #fff;
border-radius: 10px;
}
.b3 {
width : 100%;
background: #f3f3f3;
height : 824px;
}
.b3 .wr2 {
width : 1200px;
height : 503px;
background: #fff;
position : relative;
margin : 0 auto;
}
.b3 .wr2 img {
position: absolute;
left : 64px;
top : -14px;
width: 35%;
}
.b3 .wr2 div.r {
width : 640px;
height : 465px;
background: #FC8622;
position : absolute;
right : 45px;
top : 38px;
}
.b3 .wr2 div.r h3 {
width : 600px;
padding-left: 24px;
line-height : 57px;
font-size : 24px;
color : #fff;
padding-top : 6px;
}
.b3 .wr2 div.r p.p1 {
width : 600px;
font-size : 26px;
color : #fff;
padding-left: 24px;
}
.b3 .wr2 div.r p.p2 {
width : 600px;
font-size : 20px;
color : #fff;
padding-left: 24px;
line-height : 1.5;
padding-top : 15px;
}
.b4 {
width : 100%;
background: #fff;
height : 738px;
position : relative;
}
.b4 img.imgl {
position: absolute;
left : 0px;
top : 30%;
}
.b4 img.imgr {
position: absolute;
right : 0px;
top : 10%;
}
.b4 .wr .l,
.b4 .wr .r {
width : 50%;
float : left;
height : 532px;
background: url("../images/n1.png") no-repeat 205px 32px #fff;
}
.b4 .wr .r {
background: url("../images/n2.png") no-repeat 255px -4px #f3f3f3;
}
.b4 .wr .l h3,
.b4 .wr .r h3 {
font-size : 30px;
line-height : 74px;
height : 74px;
padding-left: 43px;
}
.b4 .wr .l p,
.b4 .wr .r p {
font-size : 18px;
line-height : 32px;
padding-left: 43px;
}
.b5 {
width : 100%;
height : 564px;
background: #F3F3F3;
}
.b5 ul {
width : 1300px;
height: 192px;
}
.b5 ul li {
width : 178px;
height : 113px;
margin-right : 20px;
float : left;
padding-top : 65px;
background : #fff;
border-radius : 178px;
text-align : center;
display : table-cell;
vertical-align : middle;
font-size : 20px;
-webkit-box-shadow: 2px 2px 1px #9E9E9E;
box-shadow : 2px 2px 1px #9E9E9E;
}
.b5 ul li:hover {
color : #fff;
background: #FC8622;
}
.b6 .r h3 span {
color: #F38432;
}
.b6 .l {
width: 564px;
float: left;
}
.b6 .l h3,
.b6 .r h3 {
font-size : 30px;
width : 100%;
height : 52px;
background: url("../images/bg4.png") left bottom no-repeat;
}
.b6 .l ul li {
width : 206px;
height : 42px;
background : url("../images/dt.png") no-repeat;
float : left;
padding-left : 56px;
line-height : 42px;
margin-top : 36px;
font-size : 20px;
background-size: 15%;
}
.b6 .r p {
width : 100%;
font-size : 18px;
line-height: 32px;
padding-top: 36px;
}
.b6 .r p b {
color: #F28530;
}
.b6 .r {
width: 635px;
float: right;
}
.b6 .r ul {
width: 650px;
}
.b6 .r ul li {
width : 205px;
height : 176px;
background : #FC8622;
text-align : center;
float : left;
border-radius: 10px;
overflow : hidden;
margin-right : 10px;
}
.b6 .r ul li p {
font-size : 24px;
color : #fff;
padding-top: 20px;
}
.b6 .r ul li strong {
font-size: 18px;
color : #fff;
}
.b6 .r ul li strong span {
color: #F2F106;
}
.b8 {
height : 630px;
background-image: url("../images/bg.jpg");
overflow : hidden;
}
.b8 .r {
width : 730px;
height : 373px;
background: url("../images/db.png") no-repeat;
margin : 0 auto;
margin-top: 110px;
text-align: center;
}
.b8 .r h3 {
font-size : 48px;
padding-top: 32px;
color : #fff;
}
.b8 .r p {
font-size : 22px;
padding-bottom: 10px;
color : #fff;
}
.b8 .r ul li.li1 input {
width : 380px;
height : 48px;
background: #fff;
color : #AEAEAE;
border : 0;
margin-top: 16px;
font-size : 22px;
}
.b8 .r ul li.li2 input {
width : 380px;
height : 48px;
background: #FE9A28;
color : #fff;
border : 0;
margin-top: 16px;
font-size : 22px;
}
.con {
height : 507px;
width : 1200px;
margin : 0 auto;
overflow : hidden;
background-repeat : no-repeat;
background-position: left;
background-image : url(../images/send10_img.png);
margin-bottom:40px;
}
.con ul {
width : 542px;
height : 421px;
background-color: #FC8622;
opacity : 0.9;
padding : 0 59px;
overflow : hidden;
margin-top : 43px;
margin-left : 541px;
}
.con ul p {
color : #fff;
font-size: 20px;
margin : 46px 0;
}
.con ul li {
border-bottom: 1px solid #ccc;
height : 50px;
line-height : 50px;
font-size : 20px;
color : #fff;
}
.con ul div {
width : 100%;
display : -webkit-box;
display : -webkit-flex;
display : -moz-box;
display : -ms-flexbox;
display : flex;
-webkit-box-pack : justify;
-webkit-justify-content: space-between;
-moz-box-pack : justify;
-ms-flex-pack : justify;
justify-content : space-between;
margin-top : 50px;
}
.con ul div input {
display : -webkit-box;
display : -webkit-flex;
display : -moz-box;
display : -ms-flexbox;
display : flex;
width : 220px;
height : 40px;
-webkit-justify-content: space-around;
-ms-flex-pack : distribute;
justify-content : space-around;
-webkit-box-align : center;
-webkit-align-items : center;
-moz-box-align : center;
-ms-flex-align : center;
align-items : center;
background-color : #fff;
font-size : 18px;
color : #FC8622;
}
.con input {
background-color: rgba(0, 0, 0, 0);
border : none;
outline : none;
height : 50px;
color : #fff;
font-size : 18px;
width : 75%;
}
.jslc {
position : relative;
width : 1136px;
margin : 200px auto 215px;
height : 1px;
background: #959595;
}
.jslc:before {
position : absolute;
content : '';
width : 10px;
height : 10px;
border-radius: 5px;
background : #959595;
top : -5px;
left : -5px;
}
.jslc:after {
position : absolute;
content : '';
width : 0;
height : 0;
border : 8px solid transparent;
border-left-color: #959595;
top : -8px;
right : -8px;
}
.ul-jslc {
position: absolute;
left : 0;
top : -157px;
width : 100%;
}
.ul-jslc li {
float : left;
width : 16.6666%;
text-align: center;
}
.ul-jslc img {
display: inline-block;
}
.top-line {
position : relative;
width : 1px;
height : 60px;
background: #959595;
margin : 10px auto;
top : -8px;
}
.top-line:before {
position : absolute;
content : '';
width : 0;
height : 0;
border : 8px solid transparent;
border-bottom-color: #959595;
top : -8px;
left : -8px;
}
.bottom-line {
position : relative;
width : 1px;
height : 60px;
background: #959595;
margin : 10px auto;
}
.bottom-line:after {
position : absolute;
content : '';
width : 0;
height : 0;
border : 8px solid transparent;
border-top-color: #959595;
bottom : -8px;
left : -8px;
}
.jslc span {
font-size : 20px;
line-height : 36px;
padding : 0px 16px;
background : #FF8D20;
color : #fff;
display : inline-block;
border-radius: 5px;
}
.jslc p {
font-size : 18px;
line-height: 26px;
margin : 15px auto;
}
.cgxz_box {
width : 1200px;
margin : 25px auto 48px;
overflow: hidden;
}
.wl {
width : 1140px;
margin : 0 auto;
padding : 10px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing : border-box;
box-sizing : border-box;
}
.wl li {
width : 350px;
float : left;
-webkit-box-shadow: 3px 3px 3px 2px #f4a074;
box-shadow : 3px 3px 3px 2px #f4a074;
margin-left : 25px;
}
.wl li .wl_text {
background-color : #fff;
text-align : center;
padding : 15px 0 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing : border-box;
box-sizing : border-box;
}
.wl li .wl_tit {
color : #ff6000;
font-size : 24px;
line-height: 30px;
font-weight: bold;
}
.wl li .wl_subtit {
color : #000;
font-size : 18px;
line-height: 30px;
margin-top : 10px;
}
.wl li .wl_subtit span {
color: #ff6000;
}