body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,button,textarea,p,th,td,span,a,b,i,strong,::before,::after{margin:0; padding:0; box-sizing: border-box;}
body {font-size: 16px; line-height: 1.5; color: #333; background: #fff; font-family: "Microsoft YaHei","Arial";} 
img{border: 0;display: block;max-width: 100%;}
.pic img{width: 100%;}
a{text-decoration: none;background: none ;color: inherit;font-size: inherit;}
a:hover{color: #886859;}
ul, li, ol{ list-style: none; }
.wrapper{width: 1200px;max-width: 92%;margin: 0 auto;}
.wrapper_min{width: 92%;max-width: 750px;margin: 0 auto;}
.flex{display: flex;}
.flex_center{display: flex;align-items: center;}
.align_center{align-items: center;}
.flex_between{display: flex;justify-content: space-between;}
.mg_t_50{margin-top: 50px;}
.mg_t_20{margin-top: 20px;}

.header{position: fixed;top: 0;left: 0;width: 100%;height: 80px;z-index: 999;background-color: #fff;transition: all .3s ease-out;}
.header .wrapper{height: 100%;display: flex; align-items: center;justify-content: space-between;}
.header .logo img{height: 33px;}
.header .nav{display: flex;}
.header .nav li{cursor: pointer;margin-left: 50px;}
.header .nav li:hover{color: #886859;}

.menu_btn{width: 24px;height: 24px;cursor: pointer;display: none;position: relative;margin-left: 20px;}
.menu_btn span{width: 100%;height: 2px;background: #886859;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;will-change: transform;transition: .75s cubic-bezier(.19,1,.22,1);}
.menu_btn span:first-child{transform: translateY(-8px) scaleX(1);transition-delay: .4s;}
.menu_btn span:nth-child(2){transform: scaleX(1);transition-delay: 350ms;}
.menu_btn span:nth-child(3){transform: translateY(8px) scaleX(1);transition-delay: .3s;}
.menu_btn span:nth-child(4){transform: rotate(45deg) scaleX(0);transition-delay: 50ms;}
.menu_btn span:last-child{transform: rotate(-45deg) scaleX(0);transition-delay: 0s;}

.header.toggle .menu_btn span:first-child{transform: translateY(-6px) scaleX(0);transition-delay: .1s;}
.header.toggle .menu_btn span:nth-child(2){transform: scaleX(0);transition-delay: 50ms;}
.header.toggle .menu_btn span:nth-child(3){transform: translateY(6px) scaleX(0);transition-delay: 0s;}
.header.toggle .menu_btn span:nth-child(4){transform: rotate(45deg) scaleX(1);transition-delay: .3s;}
.header.toggle .menu_btn span:last-child{transform: rotate(-45deg) scaleX(1);transition-delay: 350ms;}

.banner{width: 100%;margin-top: 80px;background: url(../static/banner.jpg) no-repeat center bottom/cover;padding: 50px 0 0;text-align: center;}
.banner h1{font-size: 30px;color: #fff;margin-bottom: 20px;}
.banner p{font-size: 20px;color: rgba(255, 255, 255, .9);}
.banner .p1{font-size: 16px;margin: 10px 0;}
.banner .pic{width: 60%;margin: 50px auto 0;}

.section_a{background-color: #FAFAFA;padding: 80px 0;}
.section_a .p1{font-size: 26px;font-weight: bold;text-align: center;margin-bottom: 5px;}
.section_a .p2{color: #666;text-align: center;}
.section_a .txt{padding: 30px 20px;}
.section_a li + li{margin-top: 30px;}
.section_a li img{width: 30px;margin-right: 10px;}
.section_a li p{font-size: 18px;}
.section_a li .p3{font-size: 20px;color: #886859;margin-left: 40px;}

.section_b{padding: 80px 0;}
.section_b li{background-color: #F5F5F5;}
.section_b li .btm{background-color: #387097;padding: 12px 15px;color: #fff;}
.section_b li .txt{padding: 30px;}
.section_b li .p1{font-size: 26px;color: #886859;}
.section_b li .p2{font-size: 14px;color: #886859;}
.section_b li .txt p{color: #666;margin-top: 20px;line-height: 1.8;}

.section_c{padding: 80px 0;text-align: center;background-color: #fafafa;}
.section_c .photo{width: 100px;margin: 0 auto 15px;}
.section_c p{color: #886859;}
.section_c .p1{font-size: 20px;color: #886859;font-weight: bold;}
.section_c ul{justify-content: center;}
.section_c ul li + li{margin-left: 50px;}
.section_c ul li img{width: 150px;margin: 0 0 5px;}
.section_c ul li p{font-size: 14px;color: #9E9E9E;}

.flex .pic{width: 50%;}
.flex .txt{width: 50%;}

@media screen and (max-width: 1024px){
	.mg_t_50{margin-top: 30px;}
	.mg_t_20{margin-top: 15px;}

	.header{height: 60px;}
    .menu_btn{display: block;}
    .header .nav{position: fixed;top: 60px;left: 0;z-index: 999;width: 100%;height: 0;background-color: #fff;padding: 0 4%;display: flex;justify-content: space-between;align-items: center;overflow: hidden;transition: all .3s ease-out;box-shadow: 0 0 3px #ccc;}
    .header.toggle .nav{height: 50px;}
    .header .nav li{margin-left: 0;}
	.header .nav li:hover{color: #333;}
	
    .banner{margin-top: 60px;padding: 30px 0 0;}
    .banner h1{font-size: 20px;margin-bottom: 15px;}
    .banner p{font-size: 16px;}
    .banner .pic{width: 100%;margin: 20px auto 0;}

    .section_a{padding: 40px 0;}
    .section_a .p1{font-size: 22px;}
    .section_a .txt{padding: 15px;}
    .section_a li + li{margin-top: 15px;}
    .section_a li img{width: 20px;margin-right: 5px;}
    .section_a li p{font-size: 18px;}
    .section_a li .p3{font-size: 18px;margin-left: 25px;}

    .section_b{padding: 40px 0;}
    .section_b li{flex-wrap: wrap;}
    .section_b li:last-child{flex-direction: column-reverse;}
    .section_b li .pic{width: 100%;}
    .section_b li .btm{padding: 12px;}
    .section_b li .txt{width: 100%;padding: 15px;}
    .section_b li .p1{font-size: 20px;}
    .section_b li .txt p{margin-top: 10px;line-height: 1.5;}

    .section_c{padding: 40px 0;}
    .section_c .photo{margin: 0 auto 10px;}

}