@charset "UTF-8";
/***************
*	www.etayun.com
*	edit by etayun.com 2020-1-7
*	weixin/Tel:177-7785-8251;
****************/

/*mobile*/
@media only screen and (max-width:750px) {
	.menu-item-level-1, .dropdown{padding: 10px 0;    border-bottom: 1px solid #eee;}
	
	.menu-item-level-1 .nav-a, .dropdown-toggle{    font-size: 16px;
    width: 80%;
    height: 100%;
    display: inline-block;}
	
	.dropdown-menu{display:none;padding: 10px 0;}
	.dropdown-menu li{    padding: 10px 0 10px 20px;}
	.dropdown-menu li .nav-a{font-size: 15px;
    color: #212121;
    width: 100%;
    height: 100%;
    display: inline-block;}
	.page-main{padding: 50px 0;
    margin-top: 0 !important;}

	body{min-width: 320px;max-width: 640px;overflow-x: hidden;}
	.wrapper{width: 100%;padding: 0 20px;height: 100%;}
	/*header*/
	.header{height: 50px;background: #fff;box-shadow: 0 4px 5px -2px rgba(0,0,0,0.22), 0 2px 1px -1px rgba(0,0,0,0.05);z-index: 5;}
	.header .logo{margin-top: 10px;}
	.header .logo a img{margin-top: 0;}
	.header .sp-menu{float: right;width: 16px;height: 100%;display: inline-block;line-height: 50px;}
	.header .fr{display:none;padding: 0 20px;border-top: 1px solid #eee;position: absolute;top: 50px;left: 0;right: 0;width: 100%;background: #fff;box-shadow: 0 4px 5px -2px rgba(0,0,0,0.22), 0 2px 1px -1px rgba(0,0,0,0.05);}
	.header .fr .nav-ul .nav-li{padding: 10px 0;border-bottom: 1px solid #eee;}
	.header .fr .nav-ul .nav-li:last-child{border-bottom: none;}
	.header .fr .nav-ul .nav-li .nav-a{font-size: 16px;width: 80%;height: 100%;display: inline-block;}
	.header .fr .nav-ul .nav-li .icon-xiala{display: inline-block;float: right;padding-right: 10px;}
	.header .fr .nav-ul .nav-li .nav-dropdown li .dropdown-img, .header .fr .nav-ul .nav-li .nav-dropdown li .dropdown-ul{display: none;}
	.header .fr .nav-ul .nav-li .nav-dropdown li .dropdown-img{padding: 10px 0 10px 20px;}
	.header .fr .nav-ul .nav-li .nav-dropdown {padding: 10px 0;}
	.header .fr .nav-ul .nav-li .nav-dropdown li {padding: 10px 0 10px 20px;}
	.header .fr .nav-ul .nav-li .nav-dropdown li a:first-child{font-size: 15px;color: #212121;width: 100%;height: 100%;display: inline-block;}
	.header .fr .nav-ul .nav-li .nav-dropdown li a:first-child i{margin-right: 5px;}
	.header .fr .nav-ul .nav-li .nav-dropdown-normal {padding: 10px 0;}
	.header .fr .nav-ul .nav-li .nav-dropdown-normal li{padding: 10px 0 10px 20px;}
	.header .fr .nav-ul .nav-li .nav-dropdown-normal li a{font-size: 15px;color: #212121;}
	/*banner*/
	.banner .swiper-slide .wrapper{padding-top: 40%}
	.banner .swiper-slide .wrapper span{font-size: 22px;}
	/*tab-news*/
	.tab-news .top-ul{height: 55px;}
	.tab-news .top-ul .top-li{width: 33.33%;height: 55px;line-height: 55px;font-size: 16px;}
	.tab-news .top-ul .top-li i{display: none;}
	.tab-news .news-1 .one-half{width: 100%;margin:0 0 20px 0;}
	.tab-news .news-1 ul.one-half li .fr{width: 80%;}
	.tab-news .news-1 ul.one-half li{height: 178px;}
	.tab-news .news-2 ul li{width: 100%;margin: 0 0 20px 0;}
	.tab-news .news-2 ul{width: 100%;}
	.tab-news .news-2 ul li div.fr{width: 65%;}	
	.tab-news .news-2 ul li{height: 140px;}
	.tab-news .news-3 ul{width: 100%;}
	.tab-news .news-3 ul li{width: 100%;margin-bottom: 20px;}
	/*goods-list*/
	.goods-lists h2{color: #000;}
	.goods-lists{position: relative;background-image: none;}
	.goods-lists ul{width: 100%;float: left;}
	.goods-lists ul li{width: 100%;margin-bottom: 20px;clear:both;display: block;}
	.goods-lists ul li a.a-txt{color: #000;}
	/*.intro-md*/
	.intro-md{clear:both;background: #f1f1f1;}
	.intro-md .wrapper .fr{display: none;}
	.intro-md .wrapper .fl{width: 100%;}
	/*.links*/
	.links{clear:both;}
	/*footer*/
	.footer, .footer-top{height: 890px;}
	.footer-top{padding: 40px 0;}
	.footer-top-per{width: 100%;margin-bottom: 20px !important;}
	.footer-top-per:nth-child(2){margin:0;}
	.footer-bottom p{line-height: 1.5;text-align: center;float: unset;padding: 10px 0;}	
	.footer-top-per h4{font-size: 16px;}
	.footer-top-per p{font-size: 14px;}
	.footer-ul-2 li{font-size: 14px;}
	/********************* list ************************/
	.list-goods-lists .goods-main ul li{width: 47%;margin: 0 10px 20px 0;}
	.list-goods-lists .goods-ctrl{margin: 30px auto 30px auto;height: auto;}	
	.list-goods-lists .goods-ctrl ul li{    border-bottom: 1px solid #d2d2d2;}
	.color-alternate{height: 300px;}
	.color-primary .wrapper a{margin:0;}
	.text-align{max-height: 490px;padding: 40px 0;height: auto}
	.text-align p{max-height: 500px;}
	.list-text{height: auto;}
	.list-hot{height: 410px;}
	.about {display: none;}
	.about-intro{height: 420px;padding: 40px 0;}
	.about-intro h2{line-height: 1;}
	.about-intro ul li{height: 67px;}
	.about-intro ul li img{height: 100%;}
	.about-intro ul li p{font-size: 14px;}
	.about-4 h2{font-size: 36px;}
	.zixun{padding: 40px 0;}
	.zixun-side .zixun-side-zuixin{margin-bottom: 20px;}
	.zixun-list{float: left;width: 100%;}
	.zixun-list ul li{height: 380px;margin-bottom: 20px;}
	.zixun-list ul li div.fr{float: left;width: 100%;height: 180px;}
	.zixun-list ul li a.fl{margin: 0 0 20px 40px;}
	/****************** detail ********************/
	.list-banner .banner-overlay .wrapper{margin-top: 170px;padding: 0 20px !important;height: 85px;}
	.list-banner .banner-overlay .wrapper h1{width: auto;}
	.zixun-main h3{line-height: 1;}


}
/*ipad*/
@media only screen and (max-width:1023px) {}
/*pc*/
@media only screen and (min-width:1024px) {
	.navbar-nav{
		    width: 100%;
    height: 60px;
    line-height: 60px;
    display: block;
	}
	.navbar-nav li.on a.dropdown-toggle{
    background: #f5f5f5;
    border-color: #5288ff;
    color: #2f2f2f;
    font-weight: 700;
	}
	.navbar-nav li.on a.nav-a{background:#f5f5f5;border-color: #5288ff;color: #2f2f2f;
    font-weight: 700;}
    .navbar-nav li.on a.nav-a:hover{color: #656565 !important;}
	.navbar-nav li.on ul li a{background: none !important;
	border-radius: 0 !important;
	border-color: unset !important;border-bottom: none !important;
	}
	.navbar-nav li.on ul li a:hover{
		background: #5288ff !important;color: #fff !important;
	}
	.menu-item-level-1, .dropdown{
float: left;
    position: relative;
	}
	.menu-item-level-1:hover .dropdown-menu, .dropdown:hover .dropdown-menu{display: block;}
	.menu-item-level-1 .nav-a, .dropdown-toggle{
	font-size: 16px;
    padding: 0 20px;
    color: #333;
    width: 100%;
    display: block;
    height: 59px;
    line-height: 56px;
    border-top: 3px solid transparent;
	}
	.dropdown-menu::after{
position: absolute;
    top: -16px;
    left: 30px;
    width: auto;
    height: 10px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #909090;
    content: "";
	}
	.dropdown-menu{
	width: 165px;
    padding: 5px 0;
    display: none;
    background: #fff;
    position: absolute;
    top: 57px;
    right: auto;
    border-bottom: 3px solid #e0e0e0;
    border-top: 3px solid #e0e0e0;

	}
	.dropdown-menu li{width: 100%;height: 40px;line-height: 40px;}
	.dropdown-menu li .nav-a{padding: 0 20px;width: 100%;height: 100%;display: inline-block;font-size: 14px !important;    color: #656565 !important;
    font-weight: normal !important;}
	.dropdown-menu li a:hover{background: #5288ff;color: #fff !important;}
	
	
	
	.header{background: #fff;height: 60px;z-index: 5;border-bottom: 1px solid #e6e6e6;
    box-shadow: 0 5px 10px rgba(0,0,0,0.05);}
	.header .sp-menu{display: none;}
	.header .logo a{width: 180px;height: 60px;display: block;}
	.header .logo a img{margin-top: 15px;}
	.header nav{height:60px;}
	.header nav .nav-ul{width: 100%;height: 40px;line-height:40px;display: block;}
	.header nav .nav-li{float: left;position: relative;}
	.header nav .nav-li.act .nav-a{color: #5288ff !important;}
	.header nav .nav-a{

	font-size: 16px;
    padding: 0 20px;
    color: #2f2f2f;
    width: 100%;
    display: block;
}
	.header nav .nav-li:hover .nav-dropdown{display: flex;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;}
	.header nav .nav-li .nav-dropdown{box-shadow: 0 1px 1px 0 rgba(0,0,0,0.05), 0 2px 5px 0 rgba(0,0,0,0.25);border-radius: 2px;padding:15px 0;background: #fff;position: absolute;top: 50px;right: auto;}
	.header nav .nav-li .nav-dropdown .dropdown-percent{padding: 0 15px;width: 210px;}
	.header nav .nav-li .nav-dropdown .dropdown-percent a:first-child{font-weight: 400;margin: 0 0 8px;padding: 10px 20px;font-size: 16px;}
	.header nav .nav-li .nav-dropdown .dropdown-percent a:first-child i{margin-right: 3px;}
	.header nav .nav-li .nav-dropdown .dropdown-percent a:first-child + a {display: inline-block;padding: 10px 20px;}
	.header nav .nav-li .nav-dropdown .dropdown-percent .dropdown-ul li{width: 165px;height: 40px;line-height: 40px;}
	.header nav .nav-li .nav-dropdown .dropdown-percent .dropdown-ul li:hover, .header nav .nav-li .nav-dropdown-normal li a:hover{background: #f6f6f6;color: #5288ff;}
	.header nav .nav-li .nav-dropdown .dropdown-percent .dropdown-ul li a{font-size: 15px;width: 100%}
	.header nav .nav-li:hover .nav-dropdown-normal{display: block;width: 165px;padding:5px 0;}
	.header nav .nav-li .nav-dropdown-normal li{width: 100%;height: 40px;line-height: 40px;}
	.header nav .nav-li .nav-dropdown-normal li a{padding: 0 20px;width: 100%;height: 100%;display: inline-block;font-size: 15px;}
}