/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0; list-style:none; text-decoration:none; border:0; list-style:none;}
body{ font-size:12px; font-family:' '; color:#333;}
a{ color:#666;}
a:hover{ color:#f60; text-decoration:none;}
:hover{ transition:all .3s ease;}
p{line-height:1.5em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:100%; max-width: 1200px; margin:0 auto;}
input,textarea,select{outline:none}
.nv{ height: 150px;}
/*common end*/
.head{ padding: 30px 0; padding-bottom: 0; position: fixed; top: 0; left: 0 ; width: 100%; z-index: 999; background-color: #fff;}
.head .wapper{ display: flex; justify-content: space-between; align-items: center;}
.logo{ width: 35%;}
.logo img{ width: 100%;}
.tell{ display: flex; align-items: center;}
.tell span{ font-size: 24px; font-weight: bold; margin-right: 10px;}
.tell a{ margin-right: 10px;}

.nav{ background-color: #692F81; width: 100%;}
.nav ul li{ line-height: 50px;display: inline-block; padding: 0 58px; position: relative;}
.nav ul li a{ font-size: 23px; color: #fff;}
.nav ul li dl{ width: 100%; background-color: #605E5E; position: absolute; top: 100%; left: 0; display: none;}
	  .nav ul li dl dd{ line-height: 35px; text-align: center; color: #fff;}
	  .nav ul li:hover dl{ display: block;}
.banner h1{ font-size: 20px; color: #fff; background-color: #692F81; text-align: center; line-height: 35px;}

.con1{ width: 100%; padding: 30px 0;}
.con1nr p{ font-size: 18px;font-weight:bold;}
.con2{}
 .bt{ background-color: #692F81;  padding: 5px 0;padding-left: 15px;}
  .bt h1{ font-size: 28px; color: #fff; line-height: 35px;} 
  .prolist{ background-color: #E8C8F7; padding: 60px 0; padding-bottom: 10px;}
  .prolist ul{ width: 97%; margin: 0 auto;}
  .prolist ul li{ width: calc((100% - 16px)/4); margin:2px; float: left;}
  .prolist ul li img{ object-fit: cover;width: 100%;display: block;height: 162px;}
  .prolist ul li p{text-align: center; line-height: 30px; color: #fff; background-color: #692F81;}
  
  .con3{ width: 100%; padding: 30px 0;}
    .con3 h1{ font-size: 28px; color: #fff; font-weight: bold; text-align: center; line-height: 35px; background-color: #692F81; padding: 5px 0; margin-bottom: 20px;}
	  .con3 ul li{ width: calc((100% - 80px)/2); margin:20px; float: left; display: flex; justify-content: space-between; flex-wrap: wrap; position: relative;height:280px;}
	  .c3icon{ width: 65px;}
	  .c3icon img{ width: 100%;}
	  .c3nr{ width: calc(100% - 85px);}
	  .c3nr h2{ font-size: 28px; color: #645844; margin-bottom: 20px;}
	  .c3nr p{ font-size: 16px;}
	  
	  .foot { background-color: #CFB3D8; padding: 30px 0;}
	  .footlf{
	  	 width: 40%; float: left;
	  }
	  .footlf h1{ font-size: 28px; color: #6A2D80; margin-bottom: 20px;}  
	  .btn{ width: 250px; line-height: 30px; height: 30px; text-align: center; background-color: #6A2D80; border-radius: 10px; font-size: 24px; color: #fff; padding: 5px 0; margin-bottom: 20px;}
	  .phone{ display: flex; margin-bottom: 10px;}
	  .phone span{ font-size: 18px; font-weight: bold; margin-right: 15px;}
	  .phone ul li{ display: flex; align-items: center; margin-bottom: 10px;}
	  .phone ul li img{ width: 30px; margin-right: 5px;}
	  .phone ul li strong{ font-size: 24px; font-weight: bold;}
	  .chaxun{ display: flex; margin-bottom: 10px;}
	  .chaxun span{ font-size: 18px; font-weight: bold; margin-right: 15px;}
	  .chaxun a{ font-size: 18px; font-weight: bold; margin-right: 0; color: #000; margin-right: 5px;}
	  
	  
	  .footrt{ width: 60%; float: left;}
	  .footrt h1{ font-size: 28px; color: #6A2D80; margin-bottom: 20px;}  
	  .footrt ul li{ display: inline-block; padding-right: 3px; line-height: 30px; text-align: left; margin-bottom: 10px;width:32%}
	  .footrt ul li a{ font-size: 16px; font-weight: bold; color: #000;}
	  
	  .about{ padding: 30px 0;}
	  .about p{ font-size: 18px;font-weight:bold;}
	  .liuchen{ width: 90%; margin: 0 auto; padding: 30px 0;}
	    .liuchen h1{ text-align: center; margin-bottom: 20px;}
		.liuchen ul li { width: calc((100% - 80px)/4); float: left; margin: 10px;}
		.liuchen ul li img{ width: 100%; }
		.liuchen ul li p{ text-align: center; font-size: 20px;}
		
		.more{ width: 170px; line-height: 45px; text-align: center; border-radius: 20px; background-color: #35268D; color: #fff; font-size: 13px;box-shadow: 2.83px 2.83px 23px rgba(133, 133, 133, 0.64); margin: 0 auto;}
		
		.product{ padding: 30px 0;}
		.prolf{ width: 58%; float: left;}
		.prort{ width: 40%; float: right; background-color: #8B5E9D;}
		.prolf h1{ font-size: 38px; margin-bottom: 20px;}
		.prolf p{ font-size: 20px;}
		.pd30{ padding: 30px;}
		.prort h1{ font-size: 39px; color: #fff; margin-bottom: 10px;}
		.ipt{ width: 100%; margin-bottom: 20px;}
		.ipt input{ width: 100%; line-height: 40px; border: 1px solid #fff; background-color: #fff; text-indent: 1rem;}
		.ipt textarea{ width: 100%; height: 80px; border: 1px solid #fff; background-color: #fff; text-indent: 1rem;}
		
		.btn2{ width: 250px; height: 50px; text-align: center; line-height: 50px; background-color: #83168C; color: #fff; font-size: 16px; margin: 0 auto;}
		
		.rebox { cursor: pointer; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1000; -webkit-filter: none !important;
		    background: rgb(0, 0, 0); /* IE Fallback (Solid Colour) */
		    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=);
		    background: rgba(0, 0, 0, 0.7); }
		.rebox *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
		.rebox-contents { position: absolute; top: 5%; left: 5%; text-align: center; width: 90%; height: 90%; }
		.rebox-contents .rebox-content { border: 5px solid #fff; box-shadow: 0 0 20px #000; border-radius: 1px; max-width: 100%; max-height: 100%; }
		.rebox-loading { width: 31px; height: 31px; margin: -16px 0 0 -16px; position: absolute; top: 48%; left: 50%; }
		.rebox-caption { display: none; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; z-index: 1000; background: #000; background: rgba(0,0,0,0.7); }
		.rebox-caption p { margin: 0 auto; max-width: 70%; display: inline-block; *display: inline; *zoom: 1; padding: 10px; color: #fff; font-size: 12px; line-height: 18px; }
		
		.rebox-button { position: absolute; z-index: 9999; min-width: 40px; height: 40px; line-height: 40px; background: rgb(0, 0, 0); opacity:0.4; 
		    text-decoration: none; font-size: 24px; color: #fff; text-align: center; vertical-align: middle;
		    -webkit-border-radius: 32px; -moz-border-radius: 32px; -ms-border-radius: 32px; border-radius: 32px;
		    -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
		.rebox-button:hover,
		.rebox-button:focus { opacity: 1; -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); }
		.rebox-close { right: 10px; top: 10px; }
		.rebox-next { right: 10px; top: 48%; }
		.rebox-prev { left: 10px; top: 48%; }
		.rebox-loading { left: 50%; top: 48%;
		    -webkit-animation-name: spin; -webkit-animation-duration: 2000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;
		    -moz-animation-name: spin; -moz-animation-duration: 2000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear;
		    -ms-animation-name: spin; -ms-animation-duration: 2000ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear;    
		    animation-name: spin; animation-duration: 2000ms; animation-iteration-count: infinite; animation-timing-function: linear;
		}
		
		@-ms-keyframes spin {
		    from { -ms-transform: rotate(0deg); }
		    to { -ms-transform: rotate(360deg); }
		}
		@-moz-keyframes spin {
		    from { -moz-transform: rotate(0deg); }
		    to { -moz-transform: rotate(360deg); }
		}
		@-webkit-keyframes spin {
		    from { -webkit-transform: rotate(0deg); }
		    to { -webkit-transform: rotate(360deg); }
		}
		@keyframes spin {
		    from { transform:rotate(0deg); }
		    to { transform:rotate(360deg); }
		}
		
		.gallery a{width: calc((100% - 80px)/4); margin: 10px; display: inline-block; float: left;}
		.gallery a img{ width: 100%; display: block;}
		
		.case{ padding: 30px 0;}
		.case h1{ font-size: 38px; margin-bottom: 20px;}
		.prolist1{ padding: 30px 0;}
		.prolist1 h1{ font-size: 38px; margin-bottom: 20px;}
		.prolist1 li{ width: calc((100% - 60px)/3); margin: 10px; display: inline-block; float: left;}
		
		.cont{ padding: 30px 0;}
		.bt1{
			display: flex;
			    align-items: center;
			    font-size: 24px;
			    font-weight: bold;
		}
		.address{ width: 100%; padding: 30px 0;}
		.address ul li{ line-height: 35px; font-size: 18px; font-weight: bold;}
		.flower{ margin-bottom: 10px;}
		.flower a{ margin: 0; margin-right: 10px;}
		
		.mesxg{ width: 40%; border: 3px solid #826F52; margin-bottom: 20px;}
		.pd10{ padding: 10px;}
		.mesxg h1{ margin-bottom: 20px;}
		.mesxg input{ width: 100%; line-height: 45px; background-color: #D8D1C6; color: #2C7473; font-size: 16px; margin-bottom: 10px; border: 1px solid #2C7473; text-indent: 1rem;} 
		.btn3{ width: 100%;  line-height: 40px; text-align: center; background-color: #661185; color: #fff; font-size: 16px;}
		
		.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%; display: none;}
		.sp_logo{padding:10px;float:left;height:50px}
		.sp_logo img{margin:auto;max-height:30px;}
		.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
		.sp_nav span{display:block;background:#c9141e;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
		.sp_nav span:nth-of-type(1){top:0px}
		.sp_nav span:nth-of-type(2){top:10px}
		.sp_nav span:nth-of-type(3){top:20px}
		.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
		.sp_nav_se span:nth-of-type(2){width:0}
		.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
		.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
		.nav_show{top:50px}
		.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
		.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
		.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
		.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
		.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
		.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
		.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
		.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
		.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
		.sjj_nav ul li ul{display:none}
		.sjj_nav ul li a{color:#666;width:80%}
		.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
		.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
		.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
		.sjj_nav ul li ul li>ul{margin-left:10px}
		
		
		@media(max-width:999px){
			.head{ display: none;}
			.sp_header{ display:block;position: unset;}
			.nv{ height: 0px;}
			.banner h1{ font-size: 12px;}
			.wapper{ width: 95%;}
			.con1nr p { font-size: 12px;}
			.prolist {
			    background-color: #E8C8F7;
			    padding: 20px 0;
			    padding-bottom: 10px;
			}
			.prolist ul li {
			    width: calc((100% - 8px) / 2);
			    margin: 2px;
			    float: left;
			}
			.con3 {
			    width: 100%;
			    padding: 30px 0;
			    display: block;
			}

				.con3 ul li {
					width: 100%;
					margin: 20px 0;
					float: left;
					display: flex;
					justify-content: space-between;
					flex-wrap: wrap;
					position: relative;
					height: auto;
				}
			.c3nr h2 {
				font-size: 26px;
				color: #645844;
				margin-bottom: 20px;
			}
			.c3nr p {
				font-size: 16px;
			}
			.footlf {
			    width: 100%;
			    float: left;
			}
			.footrt{ display: none;}
			.liuchen ul li {
			    width: calc((100% - 40px) / 2);
			    float: left;
			    margin: 10px;
			}
			.prolist1 li {
			    width: calc((100% - 20px));
			    margin: 10px;
			    display: inline-block;
			    float: left;
			}
			.bt1 img{ width: 50%;}
			.prort{ width: 100%;}
			.prolf{ width: 100%;}
			.mesxg{ width: 100%;}
			.gallery a {
			    width: calc((100% - 40px) / 2);
			    margin: 10px;
			    display: inline-block;
			    float: left;
			}
		}