*{
padding: 0;
margin: 0;
}
html{
/*min-width: 1920px;*/
}
body{
min-width: 1200px;
font-family: "SYHT";
font-family: "微软雅黑";
font-size: 14px;
}
a{
color: black;
text-decoration: none;
}
li{
list-style: none;
}
img{
border: none;
}
.clear{
clear: both;
}
.container{
position: relative;
width: 1200px;
margin: 0 auto;
}
.container2{
width: 1760px;
margin: 0 auto;
}
.header .left{
float: left;
width: 50%;
padding: 10px 0;
}
.header .right{
padding-top: 35px;
float: right;
width: 50%;
padding: 20px 0;
}
.ft{
margin-bottom: -4px !important;
}
.ft img{
width: 100%;
}
.right_box{
display: block;
height: 60px;
}
.header .left h2{
padding-left: 15px;
line-height: 50px;
}
.header .left h1{
font-size: 46px;
padding-left: 15px;
color: #801B21;
}
.header .left span{
font-size: 29px;
color: #363636;
padding-left: 15px;
}
.right_box span{
background-color: #e5e5e5;
display: block;
width: 130px;
height: 40px;
margin: 0 15px;
float: right;
text-align: center;
font-size: 28px;
margin-top: 15px;
}
.header .tel{
font-size: 26px;
padding-top: 15px;
padding-right: 15px;
float: right;
}
.header .telnum{
font-size: 31px;
font-family: "汉真广标";
}
.nav{
background-color: #313131;
height: 55px;
line-height: 55px;
}
.nav ul li{
float: left;
width: 12.5%;
text-align: center;
font-size: 18px;
transition: .2s;
border-radius: 10px;
margin: 5px 0;
}
.nav ul li a{
color: white;
display: block;
height: 45px;
line-height: 45px;
}
.nav ul li ul{
padding-top: 5px;
z-index: 10;
display: none;
width: 12.5%;
height: 30px;
position: absolute;
}
.nav ul li ul li{
background-color: #313131;
float: none;
width: 100%;
margin: 0;
border-radius: 0;
}
.nav ul li:hover{
background-color: #801b21;
}
.nav_sel{
background-color: #801b21;
}
.banner{
width: 100%;
}
.banner img{
width: 100%;
}
.slick-dots li button{
border: none;
}
.slick-dots li.slick-active button{
background: #9A9A9A !important;
}
.slick-prev,.slick-next{
opacity: 0 !important;
height: 90px !important;
width: 50px !important;
top: calc(50% - 45px) !important;
background: rgba(0,0,0,.2);
border: none;
transition: .5s;
}
.banner:hover .slick-prev,.banner:hover .slick-next{
opacity: 1 !important;
}
.slick-prev{
left: 150px !important;
background: url(../images/left.png) no-repeat center rgba(0,0,0,.2) !important;
background-size: 20px 30px !important;
}
.slick-next{
right: 150px !important;
background: url(../images/right.png) no-repeat center rgba(0,0,0,.2) !important;
background-size: 20px 30px !important;
}
.profile{
margin-top: 40px;
height: 850px;
}
.profile img:hover{
transform: scale(1.1);
}
.profile img{
transition: .5s;
}
.red{
height: 120px;
width: 50px;
background-color: #801b21;
float: left;
}
.title .big{
font-size: 46px;
color: #464646;
display: block;
margin-left: 70px;
padding-top: 10px;
}
.title .sml{
font-size: 27px;
line-height: 25px;
color: #949494;
margin-left: 20px;
}
.title img{
float: right;
margin-top: 20px;
}
.pro_content{
margin-top: 10px;
}
.pro_left{
width: 60%;
float: left;
}
.pro_left_img{
width: 700px;
height: 400px;
display: block;
overflow: hidden;
}
.pro_left_img img{
min-height: 100%;
min-width: 100%;
}
.pro_left_text{
padding-right: 30px;
padding-top: 35px;
font-size: 19px;
color: #585858;
text-indent: 38px;
}
.pro_right{
height: 700px;
float: left;
width: 470px;
font-size: 20px;
padding-left: 0.5%;
border-left: 1px solid #dedede;
}
.pro_right_one,.pro_right_two{
width: 100%;
overflow: hidden;
height: 350px;
}
.pro_right_two{
margin-top: 20px;
}
.pro_right_one img,.pro_right_two img{
min-width: 100%;
}
.workshop_title{
margin-top: 80px;
}
.workshop_content{
background-color: #eeeeee;
margin-top: 20px;
}
.workshop_content .jj{
font-size: 23px;
color: #404040;
padding-top: 35px;
}
.workshop_content .xian{
height: 3px;
width: 64px;
background-color: #707070;
display: block;
margin: 0 auto;
margin-top: 40px;
}
.wk_item_box{
margin-top: 30px;
width: 100%;
height: auto;
height: 650px;
}
.wk_item{
display: block;
float: left;
width: 22%;
margin: 1.5%;
overflow: hidden;
}
.wk_item:hover img{
transform: scale(1.1);
transition: .5s;
}
.wk_img{
height: 240px;
width: 280px;
overflow: hidden;
}
.wk_img img{
width: 100%;
transition: .5s;
}
.wk_item span{
width: 100%;
display: block;
text-align: center;
font-size: 23px;
color: #404040;
}
.dust{
margin-top: 50px;
}
.dust img:hover{
transform: scale(1.1);
}
.dust img{
transition: .5s;
}
.dust_title{
width: 507px;
float: left;
}
.dust_title_text{
font-size: 23px;
color: #404040;
margin-left: 70px;
padding-top: 15px;
}
.dust_title .xian{
height: 2px;
width: 64px;
background-color: #707070;
display: block;
margin-top: 30px;
float: right;
}
.dust_title_right{
float: right;
width: 590px;
height: 318px;
overflow: hidden;
margin-right: 10px;
}
.dust_title_right img{
min-width: 100%;
}
.dust_item_box{
margin-top: 10px;
height: 280px;
}
.dust_item_box .dust_item{
float: left;
width: 380px;
height: 250px;
margin: 0 10px;
overflow: hidden;
}
.dust_item_box .dust_item img{
width: 100%;
}
.banner2{
display: block;
width: 100%;
background: url(../images/bg.png) no-repeat;
background-size: 100%;
color: #fff;
font-size: 49px;
text-align: center;
line-height: 134px;
}
.class{
margin-top: 60px;
height: 900px;
}
.class_title{
margin: 0 auto;
width: 450px;
height: 70px;
}
.class_title .name{
text-align: center;
font-size: 49px;
color: #5f5f5f;
float: left;
}
.class_title .red2{
margin: 0 10px;
margin-top: 18px;
height: 40px;
width: 10px;
display: block;
float: left;
background-color: #801b21;
}
.class_title .jj{
margin-top: 18px;
float: left;
font-size: 27px;
color: #959595;
}
.class_content{
margin-top: 30px;
width: 100%;
height: 20px;
}
.class_item{
width: 230px;
height: 240px;
background-color: #f5f5f5;
float: left;
margin: 5px;
}
.class_item:hover .class_item_img img{
transform: scale(1.1);
}
.class_item2{
background-color: #eeeeee;
}
.class_item_img{
height: 200px;
width: 230px;
overflow: hidden;
position: relative;
}
.class_item_img img{
min-width: 100%;
min-height: 100%;
transition: .5s;
}
.class_item span{
width: 100%;
display: block;
font-size: 20px;
color: #989898;
text-align: center;
line-height: 45px;
}
.shop{
/*height: 1130px;*/
margin-bottom: 20px;
}
.shop .class_title{
width: 530px;
}
.shop1{
position: relative;
width: 100%;
height: 360px;
margin-top: 55px;
background-color: #F5F5F5;
}
.shop1_img{
width: 700px;
height: 360px;
overflow: hidden;
display: block;
float: left;
text-align: center;
}
.shop1:hover .shop1_img img{
transform: scale(1.1);
}
.shop1_right{
padding-left: 20px;
float: right;
height: 360px;
width: 480px;
}
.shop1_img img{
/*min-width: 100%;*/
transition: .5s;
}
.shop1 .name{
display: block;
font-size: 32px;
color: #4f4f4f;
padding-top: 110px;
}
.shop1 .jj{
display: block;
font-size: 18px;
color: #4c4c4c;
}
.qg{
width: 120px;
height: 40px;
background-color: #801b21;
display: block;
border-radius: 5px;
font-size: 18px;
text-align: center;
line-height: 40px;
}
.qg a{
color: white;
}
.shop1 .qg{
margin-top: 60px;
}
.shop2{
margin-top: 10px;
}
.shop2_one{
width: 355px;
height: 570px;
display: block;
background-color: #F5F5F5;
float: left;
position: relative;
}
.shop2_one_img{
height: 270px;
width: 270px;
padding: 30px;
overflow: hidden;
text-align: center;
/*background-color: #fff;*/
margin:13px;
}
.shop2_three:hover img{
transform: scale(1.1);
}
.shop2_one:hover img{
transform: scale(1.1);
}
.shop2_one_img img{
/*min-width: 100%;*/
width: 100%;
transition: .5s;
}
.shop2_text{
padding: 25px 0 0 15px;
}
.shop2_text_one{
font-size: 25px;
color: #4b4b4b;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.shop2_text_two{
font-size: 18px;
color: #4b4b4b;
font-weight: 100;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding-top: 5px;
}
.shop2_text .qg{
position: absolute;
left: 15px;
bottom: 20px;
}
.shop2_two{
/*height: 700px;*/
width: 470px;
float: left;
margin-left: 10px;
}
.shop2_two1{
width: 470px;
height: 280px;
background-color: #f5f5f5;
position: relative;
}
.shop2_two1:hover img{
transform: scale(1.1);
}
.shop2_two_img{
display: block;
height: 200px;
margin:10px;
overflow: hidden;
float: left;
margin-top: 40px;
}
.shop2_two_img img{
height:100%;
transition: .5s;
}
.shop2_two .shop2_two_text{
float: left;
width: 200px;
margin-top: 60px;
/*margin-left:20px;*/
}
.shop2_two .shop2_two_text .qg{
position: absolute;
/*right: 75px;*/
bottom: 40px;
}
.shop_two2{
margin-top: 10px;
}
.shop2_three{
margin-left: 10px;
float: left;
width: 355px;
height: 570px;
display: block;
background-color: #F5F5F5;
position: relative;
}
.shop_list1{
background-color: #f9f9f9;
/*height: 730px;*/
width: 100%;
display: block;
/*margin-top: 20px;*/
padding:20px 0;
}
.shop_title{
display: block;
width: 100%;
height: 120px;
background-color: #e1e1e1;
line-height: 120px;
}
.shop_title_one{
width: 170px;
height: 120px;
background-color: #801b21;
float: left;
font-size: 33px;
color: white;
text-align: center;
}
.shop_title_two{
font-size: 20px;
color: #979797;
letter-spacing: 15px;
padding-left: 20px;
display: block;
float: left;
}
.shop_title_three{
width: 170px;
height: 120px;
display: block;
float: right;
font-size: 20px;
color: #979797;
position: relative;
z-index: 20;
}
.shop_title_three span{
background-color: #e1e1e1;
height: 25px;
}
.shop_title_three a{
color: #696969;
}
.shx{
font-size: 20px;
color: #801B21;
font-weight: bold;
background-color: #e1e1e1 !important;
}
.kuang{
position: absolute;
top: 38px;
z-index: 0;
left: -20px;
height: 40px;
width: 90px;
border: 1px solid #801B21;
z-index: -1;
}
.list1_one{
height: 525px;
width: 360px;
display: block;
background-color: #fff;
text-align: center;
color: #4d4d4d;
padding-top: 45px;
margin-top: 20px;
float: left;
}
.list1_text .text1{
font-size: 25px;
color: #4c4c4c;
}
.list1_text .text2{
font-size: 18px;
font-weight: 100;
color: #6c6c6c;
padding:0 10px;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding-top: 5px;
}
.list1_one:hover img,.list1_item:hover img{
transform: scale(1.1);
}
.list1_img1{
height: 350px;
width: 340px;
margin: 0 10px;
margin-top: 40px;
overflow: hidden;
}
.list1_img1 img{
width: 100%;
transition: .5s;
}
.list1_two{
display: block;
float: left;
height: 280px;
width: 400px;
margin: 0 20px;
margin-top: 10px;
}
.list1_item{
background-color: #fff;
height: 275px;
}
.list1_item2{
margin-top: 20px;
}
.list1_item_img{
display: block;
height: 180px;
width: 360px;
margin: 10px 20px;
padding-top: 5px;
overflow: hidden;
text-align: center;
}
.list1_item_img img{
height: 100%;
transition: .5s;
}
.list1_text{
width: 100%;
text-align: center;
}
.list1_three{
display: block;
float: left;
height: 280px;
width: 400px;
margin-top: 10px;
}
.list_item3 .list1_text{
float: left !important;
width: 210px;
padding-left: 10px;
padding-top: 100px;
}
.shop_list3{
height: 750px;
background-color: #F9F9F9;
}
.shop_list3 .list1_item2{
margin-top: 20px;
}
.list_item3{
margin-top: 10px;
}
.list_item3 .list1_text .text1{
font-size: 25px;
}
.list_item3 .list1_text .text2{
font-size: 18px
}
.list_item3 .list1_item_img{
float: right !important;
height: 230px;
width: 150px;
padding-left: 0;
margin-left: 0;
}
.shop_list2{
/*height: 460px;*/
background-color: #F9F9F9;
}
.list2_item{
background-color: #fff;
width: 31.333%;
margin:0 1%;
height: 300px;
padding-bottom: 10px;
display: block;
margin-top: 20px;
margin-bottom: 20px;
text-align: center;
float: left;
}
.list2_item2{
/*margin: 0 20px;*/
margin-top: 20px;
}
.list2_img{
height: 200px;
width: 286px;
display: block;
margin: 0 50px;
padding-top: 20px;
}
.list2_img img{
width: 100%;
height: 100%;
transition: .5s;
}
.list2_item:hover img{
transform: scale(1.1);
}
.list2_text_one{
font-size: 25px;
color: #4c4c4c;
line-height: 40px;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.list2_text_two{
font-size: 18px;
color: #6c6c6c;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.list2_text{
padding:0 10px;
}
.shop_list2_last{
height: 450px;
padding-bottom: 100px;
}
.bg2{
width: 100%;
height: 100%;
display: block;
}
.bg2 img{
width: 100%;
height: 100%;
}
.pro_title{
text-align: center;
}
.process{
margin-top: 70px;
height: 400px;
}
.pro_title1{
font-size: 46px;
color: #616161;
}
.pro_title2{
font-size: 20px;
color: #303030;
line-height: 40px;
}
.process ul{
margin-top: 40px;
}
.process ul li{
width: 200px;
height: 170px;
display: block;
float: left;
margin: 0 10px;
text-align: center;
font-size: 20px;
color: #303030;
}
.process ul li img{
width: 120px;
height: 120px;
}
.strong{
height: 970px;
}
.strong_title{
background-color: #eeeeee;
height: 120px;
}
.strong_title{
padding: 18px 0;
}
.big2{
font-size: 46px;
color: #616161;
margin-left: 20px;
line-height: 80px;
}
.sml2{
font-size: 20px;
color: #303030;
margin-left: 20px;
}
.people_item{
width: 50%;
float: left;
color: #303030;
margin-top: 48px;
}
.people_item2{
margin-top: 35px !important;
}
.p_img{
height: 200px;
width: 200px;
float: left;
border: 2px solid #DEDEDE;
overflow: hidden;
}
.people_item:hover img{
transform: scale(1.1);
}
.p_img img{
width: 100%;
height: 100%;
transition: .5s;
}
.name_cn{
font-size: 34px;
display: block;
margin-left: 225px;
line-height: 35px;
}
.name_en{
font-size: 21px;
display: block;
margin-left: 225px;
line-height: 35px;
padding-top: 5px;
}
.people_jj{
padding-top: 5px;
font-size: 19px;
display: block;
margin-left: 225px;
margin-right: 25px;
line-height: 24px;
font-weight: 100;
}
.strong_img{
margin: 0 20px;
}
.strong_content2 img{
margin-top: 25px;
height: 300px;
width: 383.333px;
float: left;
box-sizing: border-box;
border: 2px solid #DEDEDE;
}
.time{
width: 100%;
}
.time img{
width: 100%;
}
.title_box{
margin: 45px 0;
width: 100%;
}
.tg{
height: 970px;
}
.tg_item{
height: 380px;
width: 360px;
text-align: center;
display: block;
float: left;
box-sizing: border-box;
}
.tg_item:hover img{
transform: scale(1.1);
}
.tg_item2{
margin: 0 60px;
}
.tg_img{
height: 310px;
width: 360px;
overflow: hidden;
}
.tg_img img{
min-width: 100%;
transition: .5s;
}
.tg_a{
line-height: 60px;
font-size: 27px;
color: #343434;
}
.footer1{
background-color: #f5f5f5;
font-size: 20px;
height: 60px;
line-height: 55px;
}
.footer1 span{
float: left;
padding-top: 3px;
}
.footer1 ul li{
padding-top: 3px;
font-size: 16px;
float: left;
list-style: none;
width: 150px;
text-align: center;
}
.footer1 .links ul li{
width: auto;
}
.footer1 ul li:hover a{
/* display: block; */
height: 50px;
color: #801B21;
transition: .5s;
border-radius: 10px;
}
.footer2 .nav{
padding: 30px 0;
}
.footer2 .nav ul li{
text-align: left;
width: auto;
padding-right: 40px;
}
.footer2 .nav ul li:hover{
background:none;
}
.footer2 .nav ul li:hover a{
transition: .5s;
color: #801B21;
}
.footer2 span{
float: right;
color: white;
margin-right: 25px;
/*margin-top: 20px;*/
}
.footer3{
background-color: #313131;
height: 280px;
}
.footer3{
color: #CCCCCC;
}
.footer3_one{
float: left;
width: 400px;
}
.footer3_one span,.footer3_two span{
font-size: 18px;
font-weight: bold;
line-height: 60px;
}
.footer3_one ul li{
font-size: 14px;
height: 40px;
}
.footer3_two{
float: left;
display: block;
width: 450px;
}
.footer3_two ul{
/* padding-top: 58px; */
}
.footer3_two ul li{
height: 40px;
}
.footer3_three{
float: right;
}
.footer3_three .erweima{
height: 100px;
width: 100px;
overflow: hidden;
}
.footer3_three .erweima img{
height: 100%;
}
.footer4{
height: 50px;
line-height: 50px;
width: 100%;
color: #999;
background-color: #222;
}
.footer4 .zhichi{
float: right;
}
.ny-banner img{
width: 100%;
}
.footer1 .links,.footer3_one,.footer4 span{
padding:0 10px;
}
.footer2 .nav ul li{
padding-left: 10px;
}
.footer3_three .erweima{
padding-right: 10px;
}
@font-face {
font-family:"SYHT";
src: url("../font/SourceHanSansCN-Normal.eot"),
url("../font/SourceHanSansCN-Normal.ttf"),
url("../font/SourceHanSansCN-Normal.woff");
}
.menu{position: relative; z-index: 111111; background-color: #313131; height: 55px;line-height: 55px; font-size: 18px;}
.menu a{color: #fff; height: 55px; width: 100%; display: block;}
.menu ul { margin: 0px; padding: 0px; width: 100%; text-align: center; }
.menu ul li { position: relative; margin-left: 0px; padding-left: 0px; height: 55px; width: 20%; border: none; float: left; }
.menu ul li ul { visibility: hidden; width: 100%; position: absolute; top: 55px; }
.menu ul li ul li { width: 100%; float: none; height: 55px; position: relative; background-color: #313131 !important; color: #fff !important;}
.menu ul li ul li ul { visibility: hidden; position: absolute; left: 100%; top: 0px; width: 100%; }
.menu ul li ul li:hover{background-color: #801B21 !important;}
.menu ul li:hover ul li ul { visibility: hidden; }
.menu ul li ul li:hover ul { visibility: visible; background-color: #801b21;}
.menu ul li ul li:hover ul li { background-color: #801b21; }
.menu ul li:hover { background-color: #801b21; }
.menu ul li:hover ul { visibility: visible; }
.menu ul li:hover ul li { background-color: red; color: #801b21; }
@media screen and (max-width: 1775px) {
.container2{
width: 1200px;
}
.process ul li{
width: 130px;
}
}
@media screen and (max-width: 1600px) {
body{zoom:80% !important;}
}
@media screen and (max-width: 1330px) {
.banner2{
line-height: 110px;
}
}
/* 搜索框 */
.sear {
float: right;
width: 250px !important;
margin-top: 10px;
margin-right: 15px;
background: #fff;
height: 32px;
line-height: 32px;
border: 1px solid #E4E4E4;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
-moz-box-shadow: -2px 2px 3px -2px #9A958C inset;
-webkit-box-shadow: -2px 2px 3px -2px #9A958C inset;
box-shadow: -2px 2px 3px -2px #9A958C inset;
}
.sear .txt {
float: left;
width: 70%;
padding: 0 6%;
height: 32px;
line-height: 32px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
border: none;
background: none;
}
.sear .button {
float: right;
width: 16%;
border: none;
line-height: 35px;
height: 35px;
background: url(../images/dot03.png) center center no-repeat;
}