html,body{max-width: 750px !important; margin: 0 auto !important;}
@font-face {
  font-family: 'iconfont';  /* project id 409329 */
  src: url('https://at.alicdn.com/t/font_409329_kxb3gibp53lerk9.eot');
  src: url('https:https://at.alicdn.com/t/font_409329_kxb3gibp53lerk9.eot?#iefix') format('embedded-opentype'),
  url('https://at.alicdn.com/t/font_409329_kxb3gibp53lerk9.woff') format('woff'),
  url('https://at.alicdn.com/t/font_409329_kxb3gibp53lerk9.ttf') format('truetype'),
  url('https://at.alicdn.com/t/font_409329_kxb3gibp53lerk9.svg#iconfont') format('svg');
}
#header{height: 80px; line-height: 80px; background: #f6f7f9 url(/text/images/logo.png) no-repeat center !important; padding: 0 60px;text-align: center;}
#header>img{display: none;}
.head-left>a{height: 80px; overflow: hidden;}
.head-left a img{margin-top: 28px; display: inline-block;}
.head-left>ul>li>a,.head-right>a{color: #3d4d66; margin-left:20px;line-height: 80px; position: relative; text-decoration: none; font-size: 14px;}
.head-left>ul>li{overflow: hidden; height: 79px; position: relative;}
.head-left>ul>li>a,.head-left>ul>li>a:hover,.head-right>a{ text-decoration: none;}
.head-left>ul>li>a:link{text-decoration: none;}
.head-left>ul>li>a em,.head-right>a em{transition: color 0.3s ease 0s; position: absolute; left: 0; bottom: 30px; background: #979797;display: block;width: 100%;height: 1px;transform: scale(0);}
.head-left>ul>li>a:hover em,.head-right>a:hover em{opacity: 1; transform: scale(1);transform-origin: center bottom 0;transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;}
.head-left>ul>li>a em,.head-left ul li a:hover em,.head-right>a:hover em{transform-origin: center bottom 0;transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;}
.head-right{height: 75px; overflow: hidden;}
.subNav{display: none; width: 95px; background:rgba(255,255,255,.9); position: absolute; top: 0px; left: 5px; padding: 10px 0; padding-left: 15px; z-index: 2;}
.subNav i{position: absolute; top:-18px; left: 15px; width: 60px; height: 2px; background:#da0024;}
.fl-head .subNav i{top: -10px;}
.subNav>ul>li{width: 100%; line-height: 26px; height: 30px;}
.subNav>ul>li a{color: #52648b;}
.subNav>ul>li:hover a{color: #273450;}
.head-left>ul>li:hover .subNav{display: block;top: 80px;}
#main .title {
    width:100%;
    height:0.32rem;
    line-height:0.32rem;
    text-indent:0.15rem;
    font-size:0.12rem;
    color:#666666;
    background:#e6e6e6;
    margin-bottom:0.11rem;
}
#main .nav li {
    width:100%;
    height:0.96rem;
    line-height:0.96rem;
    border-bottom:1px solid #cccccc;
    text-indent:0.24rem;
    color:#3a4763 !important;
}
#main .nav li a {
    color:#3a4763;
}
#main .nav .first {
    border-top:1px solid #cccccc;
}
#main .nav ul li span {
    width:0.30rem;
    height:0.96rem;
    background:url(/search/css/img/arrowdown.jpg) no-repeat 0 center;
    background-size:0.12rem 0.06rem;
    display:inline-block;
    float:right;
}
#distpicker5 {
    text-align:center;
}
#distpicker5 .chioce {
    width:91%;
    height:0.36rem;
    border:1px solid #515151;
    text-indent:0.16rem;
    margin-bottom:0.09rem;
    background:-webkit-linear-gradient(#fff,#e0e0e1),url(/search/img/chioceimg.jpg) no-repeat right 0;
    background:-o-linear-gradient(#fff,#e0e0e1);
    background:-moz-linear-gradient(#fff,#e0e0e1);
    background:url(/search/img/chioceimg.jpg) no-repeat right top,linear-gradient(#fff,#e0e0e1);
    background-size:0.16rem 0.38rem;
    border-radius:0.06rem;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    color:#787878;
}
#main .content {
    text-align:center;
}
#main .content .btn {
    width:86%;
    height:0.36rem;
    background:#d0102c;
    border-radius:0.06rem;
    color:#fff;
    margin:0.04rem 0 0.13rem 0;
}
 .navMenu1{ display: none; position: fixed; background: rgba(32,36,44,0.95); left: 0; height: 100%; width: 100%;}
.navMenu1 ul{display: flex; justify-content: center; align-content: center; flex-flow: column nowrap; height: 90%;}
.navMenu1 ul li{line-height: 58px; width: 100%; text-align: center; color: #fff;}
.navMenu1 ul li a{color: #fff; font-size: 14px;}
.mo_close{display: none;}       
#addres{ height: 565px;padding: 0 35px; display: flex; align-items:center}
	.addre-mian{width: auto;padding:6em 15px; height: auto; margin: 0;}
	.addre-mian h3{margin: 0;}
	.addre-mian p{margin-bottom: 0; padding: 25px 10px; font-size: 13px;}
	#copyright,.pc_text,.pc_gall{display: none;}
	.key{top: 76%;}
	.gallMain{height: 490px;}
	.oneImg{ background: url(/search/images/m_gallery01.jpg) center top no-repeat; background-size:100% ;}
	.towImg{ background: url(/search/images/m_gallery02.jpg) center top no-repeat; background-size:100% ;}
	.threeImg{background: url(/search/images/m_gallery03.jpg) center top no-repeat; background-size:100% ;}
	.fiveImg{background: url(/search/images/m_gallery04.jpg) center top no-repeat; background-size:100% ;}
	.gallery .swiper-slide{height: 500px;}
	.slick-arrow i{line-height: 500px;}
	.pro-infor h5{font-size: 24px;margin-bottom:20px;}
	.pro-infor p{font-size: 13px;}
	.pro-infor img{width: 4%;}
	#product{height: 270px; overflow: hidden;margin-bottom:60px;}
	#product .slick-arrow:hover{ opacity: 0;}
	.funprod{height: 190px;}
	#about{height: 400px; display: flex; align-items:center;}
	#about h4{margin: 0;}
	#about p{margin: 35px 0;}
	.mob_text,.mo_gall,#footer-nav{display: block;}
	.gallInfor h3{font-size: 35px;}
	.addre-mian h3{font-size: 15px;}
	.search{width: 200px;}
	.search .text{width: 120px;}
	.gallery .swiper-wrapper{height: 849px;}    
	#header{background: #f6f7f9 url(/text/images/logo.png) no-repeat center !important; height: 50px;}
	.head-left{margin: 0 !important; padding: 0;}
	#recom img{width: 100%;}
	.palceholder{height: 50px !important;}
		.head-left ul,.head-right{display: none;}
		.head-left{float: initial; text-align: center; width: 100%; height: 51px;}
		.head-left>a{float: initial;}
		.head-left a img{margin:0;margin-bottom: 6px;}
	.m_text{display: block;}
	.pc_text{display: none;}
	.main{width: auto;}
	.banner-scr{height: calc(100vw / 640 * 800); background: url(/search/images/img-kv01-sp.jpg) no-repeat center top; background-size: 100% auto;}
	.banner-scr img{display: none;}
	#recom{padding: 0;}
	#recom li{float: initial; width: 100%;}
	.special{margin-top: 154px; width: 13%;}
	.pro-infor img{width: 10%;}
	.mo_gall{display: none;}
	#product{height: 470px;}
	#product .swiper-wrapper{height: 370px !important;}
	#footer-nav ul{border-bottom: 1px solid #dce0e6;}
	#footer-nav li{border-top: 1px solid #dce0e6; max-width:100%;}
	#footer-nav li>a{padding:40px 0; text-indent: 50px;}
	#footer-nav li a{font-size: 14px; font-family: arial; font-weight: 600; color: #3a4763; font-weight: normal; position: relative; width: 100%; height: 100%; display: inline-block;}
	#footer-nav li a i{font-size: 12px; color: #999; position: absolute; right: 20px; transform:rotate(0)}
	.suvfoot{text-align: center; padding: 40px 16px; font-size: 0.875em; line-height: 23px; color: #9ca3b1;}
	.suvfoot span{margin-left:10px; display: inline-block; color: #9ca3b1;}
	.suvfoot a{color: #3a4763;}
	/*#header{position: relative;}*/
	#header>span{display: block; position: absolute; top: 0; right: 10px; height: 50px; line-height: 50px;}
	#header>span i{font-size: 24px; color: #8297a7;}
	#header .mo_nav{position: absolute; top: 0; left: 10px; line-height: 50px; display: block;}
	#footer-nav ol{position: relative; margin-left: 50px; padding-top: 20px; padding-bottom: 20px; display: none;}
	#footer-nav ol:before{position: absolute;content: ''; left: 0; top: 0; width: 30px; height: 2px; background: #e1002b; display: block;}
	#footer-nav ol dt{line-height: 32px;}
	#footer-nav ol dt a{font-weight: normal; font-size: 14px;}
	
#main .sear_list ul li{background: none; text-align: left;text-indent:0.10rem}
#main .content ul li a{font-size: 14px !important;}

@media screen and (max-width: 768px){
	#header{background: #f6f7f9 url(/text/images/logo.png) no-repeat center !important; height: 50px;}
	.head-left{margin: 0 !important; padding: 0;}
	#recom img{width: 100%;}
	.palceholder{height: 50px !important;}
		.head-left ul,.head-right{display: none;}
		.head-left{float: initial; text-align: center; width: 100%; height: 51px;}
		.head-left>a{float: initial;}
		.head-left a img{margin:0;margin-bottom: 6px;}
	.m_text{display: block;}
	.pc_text{display: none;}
	.main{width: auto;}
	.banner-scr{height: calc(100vw / 640 * 800); background: url(/search/images/img-kv01-sp.jpg) no-repeat center top; background-size: 100% auto;}
	.banner-scr img{display: none;}
	#recom{padding: 0;}
	#recom li{float: initial; width: 100%;}
	.special{margin-top: 154px; width: 13%;}
	.pro-infor img{width: 10%;}
	.mo_gall{display: none;}
	#product{height: 470px;}
	#product .swiper-wrapper{height: 370px !important;}
	#footer-nav ul{border-bottom: 1px solid #dce0e6;}
	#footer-nav li{border-top: 1px solid #dce0e6; max-width:100%;}
	#footer-nav li>a{padding:40px 0; text-indent: 50px;}
	#footer-nav li a{font-size: 14px !important; font-family: arial; font-weight: 600; color: #3a4763; position: relative; width: 100%; height: 100%; display: inline-block;}
	#footer-nav li a i{font-size: 12px; color: #999; position: absolute; right: 20px; transform:rotate(0)}
	.suvfoot{text-align: center; padding: 40px 16px; font-size: 0.875em; line-height: 23px; color: #9ca3b1;}
	.suvfoot span{margin-left:10px; display: inline-block; color: #9ca3b1;}
	.suvfoot a{color: #3a4763;}
	#header>span{display: block; position: absolute; top: 0; right: 10px; height: 50px; line-height: 50px;}
	#header>span i{font-size: 24px; color: #8297a7;}
	#header .mo_nav{position: absolute; top: 0; left: 10px; line-height: 50px; display: block;}
	#footer-nav ol{position: relative; margin-left: 50px; padding-top: 20px; padding-bottom: 20px; display: none;}
	#footer-nav ol:before{position: absolute;content: ''; left: 0; top: 0; width: 30px; height: 2px; background: #e1002b; display: block;}
	#footer-nav ol dt{line-height: 32px;}
	#footer-nav ol dt a{font-weight: normal; font-size: 14px;}
}
@media screen and (max-width: 460px){
	#addres{ height: 565px;padding: 0 35px; display: flex; align-items:center}
	.addre-mian{width: auto;padding:6em 15px; height: auto; margin: 0;}
	.addre-mian h3{margin: 0;}
	.addre-mian p{margin-bottom: 0; padding: 25px 10px; font-size: 13px;}
	#copyright,.pc_text,.pc_gall{display: none;}
	.key{top: 76%;}
	.gallMain{height: 490px;}
	.oneImg{ background: url(/search/images/m_gallery01.jpg) center top no-repeat; background-size:100% ;}
	.towImg{ background: url(/search/images/m_gallery02.jpg) center top no-repeat; background-size:100% ;}
	.threeImg{background: url(/search/images/m_gallery03.jpg) center top no-repeat; background-size:100% ;}
	.fiveImg{background: url(/search/images/m_gallery04.jpg) center top no-repeat; background-size:100% ;}
	.gallery .swiper-slide{height: 500px;}
	.slick-arrow i{line-height: 500px;}
	.pro-infor h5{font-size: 24px;margin-bottom:20px;}
	.pro-infor p{font-size: 13px;}
	.pro-infor img{width: 4%;}
	#product{height: 270px; overflow: hidden;margin-bottom:60px;}
	#product .slick-arrow:hover{ opacity: 0;}
	.funprod{height: 190px;}
	#about{height: 400px; display: flex; align-items:center;}
	#about h4{margin: 0;}
	#about p{margin: 35px 0;}
	.mob_text,.mo_gall,#footer-nav{display: block;}
	.gallInfor h3{font-size: 35px;}
	.addre-mian h3{font-size: 15px;}
	.search{width: 200px;}
	.search .text{width: 120px;}
	.gallery .swiper-wrapper{height: 849px;}
}