* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,textarea,p,a {margin:0px;padding:0px;font-family:"Microsoft YaHei",Arial, 微软雅黑, SimSun, 宋体; font-weight:normal;color:#333;}
img,a img {border:0px;border:none;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font: inherit;
	

}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	
}
img{ border:0;}

input,textarea:focus {outline: none;}

*{margin:0; padding:0; list-style:none; }
.img-responsive{ width:100%;}
/**
* 中文小于 12px 可读性很差
* 1. 统一 IE 6-7 中字体大小
* 2. 统一 Firefox 4+，Safari 5 和 Chrome 中「section」和「article」内的字体大小
*/
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

h1 {
  font-size: 36px;
}

h2 {
  font-size: 30px;
}

h3 {
  font-size: 20px;
}

h4 {
  font-size: 16px;
}

h5 {
  font-size: 14px;
}

h6 {
  font-size: 12px;
}
a {text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());}
a.hidefocus {outline:none}
a:hover {text-decoration:underline;text-decoration:none;}
label {margin-bottom:0;font-weight:normal;}
input,textarea{border:0;outline:none;/*去除蓝色边框*/}
button{cursor: pointer;}
.pn90{margin-top: 90px;width: 100%;height: auto;}
.index{width: 100%;height: 100%;}
.index .main{width: 1200px;border: 1px solid #FFFFFF; height: auto;margin: 0 auto;}

.index-top{background-color: #FFFFFF; width: 100%;height: 90px;position: fixed;top: 0;display: flex;align-items: center;}
.index-top .conder{width: 1200px;margin: 0 auto;display: flex;align-items: center;justify-content: center;}
.index-top .conder .login{margin-right: 40px;}
.index-top .conder .login img{width: 65px;height: 70px;}
.index-top .conder .index-daohang ul{display: flex;}
.index-top .conder .index-daohang ul li {width: 75px; text-align: center;}
.index-top .conder .index-daohang ul li a{font-size: 14px;}
.index-top .conder .index-sousuo {margin-left: 40px;}
.index-top .conder .index-sousuo{position: relative;}
.index-top .conder .index-sousuo input{width: 160px;border: 1px solid #333333;border-radius: 50px;height: 25px;padding-left: 30px;}
.index-top .conder .index-sousuo img{width: 15px;height: 15px;position: absolute;left: 10px;top: 6px;}

.meifaxianye{width: 100%;display: flex;align-items: center;justify-content: center;margin: 60.5px 0 53px 0;}
.meifaxianye img{width: 699.75px;height: 93px;}
.main .dianji {width: 100%;display: flex;align-items: center;justify-content: center;margin-bottom: 83px;}
.main .dianji button{width: 216px;height: 57px;background: #FFFFFF;border: 1px solid #3F3F3F;opacity: 1;border-radius: 29px;font-size: 24px;font-family: Microsoft YaHei;font-weight: 400;color: #3F3F3F;}
.main h1{width: 100%; text-align: center; font-size: 36px;font-family: Microsoft YaHei;font-weight: 400;color: #3F3F3F;}
.main .main-img{width: 1000px;margin: 0 auto;margin-bottom: 60px; display: flex;align-items: center;justify-content: space-around;flex-wrap: wrap;}
.main .main-img figure{width: 260px;margin-top: 100px; height: 160px;display: flex;align-items: center;justify-content: center;}
.main .main-img figure:nth-of-type(1){background: url(../images/img1.png) no-repeat;background-size: 100% 100%;}
.main .main-img figure:nth-of-type(2){background: url(../images/img2.png) no-repeat;background-size: 100% 100%;}
.main .main-img figure:nth-of-type(3){background: url(../images/img3.png) no-repeat;background-size: 100% 100%;}
.main .main-img figure:nth-of-type(4){background: url(../images/img5.png) no-repeat;background-size: 100% 100%;}
.main .main-img figure:nth-of-type(5){background: url(../images/img6.png) no-repeat;background-size: 100% 100%;}
.main .main-img figure:nth-of-type(6){background: url(../images/img4.png) no-repeat;background-size: 100% 100%;}
.main .main-img figure img{width: 100%;height: 56px;}
.main .main-img figure h3{font-size: 28px;font-family: Microsoft YaHei;font-weight: 400;color: #FFFFFF;width: 260px;height: 56px;text-align: center;line-height: 56px;position: absolute;}

/* 訪問 */
.fangwen{width: 100%;display: flex;align-items: center;justify-content: center;margin: 60.5px 0 53px 0;}
.fangwen img{width: 834.75px;height: 93px;}

.main-liulan{width: 1000px;height: auto; margin: 0 auto;margin-bottom: 46px;}
.main-liulan .liulan-top{position: relative; width: 750px;height: 260px; margin: 0 auto;margin-top: 20px;padding-top: 20px;box-sizing: border-box;display: flex;align-items: center;justify-content: space-around;}
.main-liulan .liulan-top .beijng{position: absolute; padding-top: 10px;box-sizing: border-box; text-align: center; width: 372px;height: 222px;background: #F0EEF1;opacity: 1;margin: 0 auto;font-size: 28px;font-family: Source Han Serif CN;font-weight: bold;color: #3F3F3F;}
.main-liulan .liulan-top .img1 {float: left;z-index: 99;}
.main-liulan .liulan-top .img1 img{width: 181px;height: 259px;}
.main-liulan .liulan-top .img2 {float: left;z-index: 99;margin-top: 70px;}
.main-liulan .liulan-top .img2 img{width: 297px;height:189px;}
.main-liulan .liulan-top .img3 {float: left;z-index: 99;}
.main-liulan .liulan-top .img3 img{width: 181px;height: 259px;}

.liulan-bottom{margin-top: 46px; width: 980px;height: auto;display: flex;align-items: center;justify-content: space-between;}
.liulan-bottom span{margin: 0 20px; font-size: 28px;font-family: Source Han Serif CN;font-weight: bold;line-height: 26px;color: #3F3F3F;}

.liulan-bottom .img4 img{width: 260px;height: 173px;}
.liulan-bottom .img5{background-color: #5E5C5D;position: relative;}
.liulan-bottom .img5 img{width: 168px;height: 220px;position: relative;top: 7px;right: 11px;}
.liulan-bottom .img6 { display: flex;flex-direction: column;align-items: center;justify-content: space-around;}
.liulan-bottom .img6 label{ font-size: 28px;font-family: Source Han Serif CN;font-weight: bold;line-height: 26px;color: #3F3F3F;}
.liulan-bottom .img6 img{width: 260px;height: 173px;margin-top: 15px;}

.annou{display: none;width: 50px;height: 50px;cursor: pointer;}
.cuo img{cursor: pointer; width: 30px;height: 30px;position: absolute;right: 15px;top:15px ;}

.yidongduan{z-index: 999; display: none;width: 250px;height: 100vh;background-color: #5E5C5D;position: fixed;right: 0;top: 0;}
.ydddaohang ul{display: flex;flex-direction: column;margin-top: 40px;}
.ydddaohang ul li{width: 100%;height: 60px;display: flex;align-items: center;padding-left: 30px;}

.ydddaohang ul li a{color: #FFFFFF;font-size: 24px;}


@media (max-width: 750px) {
	.index-daohang{display: none;}
	.annou{display: block;}
	.index-sousuo{display: none;}
	
	.index-top{width: 100%;}
	.fangwen{margin:20px 0 30px 0 ;}
	.index-top .conder{width: 100%;display: flex;justify-content: space-between;padding: 0 40px;box-sizing: border-box;}
	.index .main{width: 100%;}
	.main-liulan{width: 100%;padding: 0 20px;box-sizing: border-box;}
	.main-liulan .liulan-top{width: 100%;height: 160px;}
	.liulan-bottom{width: 100%;margin-top: 20px;}
	.liulan-bottom .img6{margin-left: 26px;}
	.fangwen img{width: 300px;height: 35px;}
	.main .dianji{margin-bottom: 43px;}
	.main .dianji button{width: 140px;height: 37px;font-size: 18px;}
	.main h1{font-size: 23px;}
	.meifaxianye img{width: 300px;height: 35px;}
	.meifaxianye{margin: 20px 0 30px 0 ;}
	.main{width: 100%;}
	.main .main-img{width: 100%;}
	.main .main-img figure{width: 350px;margin-top: 40px; height: 230px;}
	
	.main-liulan .liulan-top .beijng{width: 250px;height: 140px;font-size: 20px;}
	.main-liulan .liulan-top .img1 {float: left;z-index: 99;}
	.main-liulan .liulan-top .img1 img{width: 110px;height: 140px;}
	.main-liulan .liulan-top .img2 {float: left;z-index: 99;margin-top: 50px;}
	.main-liulan .liulan-top .img2 img{width: 150px;height:90px;}
	.main-liulan .liulan-top .img3 {float: left;z-index: 99;}
	.main-liulan .liulan-top .img3 img{width: 110px;height: 140px;}
	
	
	.liulan-bottom span{margin: 0 20px; font-size: 20px;font-family: Source Han Serif CN;font-weight: bold;line-height: 26px;color: #3F3F3F;}
	.liulan-bottom{flex-wrap: wrap;}
	.liulan-bottom .img4 img{width: 160px;height: 93px;}
	.liulan-bottom .img5{background-color: #5E5C5D;position: relative;}
	.liulan-bottom .img5 img{width: 73px;height: 126px;position: relative;top: 7px;right: 11px;}
	.liulan-bottom .img6 { display: flex;flex-direction: column;align-items: center;justify-content: space-around;}
	.liulan-bottom .img6 label{ font-size: 20px;font-family: Source Han Serif CN;font-weight: bold;line-height: 26px;color: #3F3F3F;}
	.liulan-bottom .img6{margin-top: 20px;}
	.liulan-bottom .img6 img{width: 300px;height: 160px;margin-top: 15px;}
}







































































































































