/* 重要1920px 1440px 1366px */
/*max 最大宽度*/
@media only screen and (max-width: 414px) {}
@media only screen and (max-width: 384px) {}
@media only screen and (max-width: 375px) {}
@media only screen and (max-width: 360px) {}
@media only screen and (max-width: 320px) {}
/*mobile*/
@media only screen and (max-width: 768px) {}
@media only screen and (min-width: 768px) {}
@media only screen and (max-width: 992px) {
	.header-top{display:none;}
	/*992px以下移动端的头部*/
	.tt-header{background:#fff;position:relative;left:0;right:0;top:0;height:auto;overflow-x:hidden;-webkit-transition:width 1s,height 1s,transform 1s;-moz-transition:width 1s,height 1s,transform 1s;transition:width 1s,height 1s,transform 1s}
	.tt-header.stick{position:relative;animation:none!important;transition:none!important;}
	
	/*992px以下的头部-第一块LOGO*/
	.tt-header .logo{height:50px;line-height:50px;}
	.tt-header .logo img{display:inline-block;max-width:100%;max-height:50px;width:auto;height:auto;vertical-align:middle; margin:10px auto;}
	.tt-header .logo img.black{display:inline-block;}
	.tt-header .logo img.white{display:none;}
	
	/*992px以下的头部-第一块下拉切换按钮*/
	/* 菜单列表 */
	.tt-header .cmn-toggle-switch:focus{outline:0}
	.tt-header .cmn-toggle-switch{position:relative;float:right; padding:0; margin:25px 0; width:25px;height:17px;cursor:pointer;z-index:101}
	.tt-header .cmn-toggle-switch span{display:block;position:absolute;top:7px;left:0;right:0;height:3px;background:#333333;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
	.tt-header .cmn-toggle-switch::after,.tt-header .cmn-toggle-switch::before{content:"";position:absolute;display:block;top:7px;left:0;width:100%;height:3px;background:#333333;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
	.tt-header .cmn-toggle-switch::before{margin-top:-7px}
	.tt-header .cmn-toggle-switch::after{margin-top:7px}
	.tt-header .cmn-toggle-switch.active::before{-webkit-transform:translateY(7px) rotate(45deg);-moz-transform:translateY(7px) rotate(45deg);-ms-transform:translateY(7px) rotate(45deg);transform:translateY(7px) rotate(45deg);-webkit-transform-origin:center center;-moz-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}
	.tt-header .cmn-toggle-switch.active::after{-webkit-transform:translateY(-7px) rotate(-45deg);-moz-transform:translateY(-7px) rotate(-45deg);-ms-transform:translateY(-7px) rotate(-45deg);transform:translateY(-7px) rotate(-45deg);-webkit-transform-origin:center center;-moz-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}
	.tt-header .cmn-toggle-switch.active span{opacity:0}
	
	/*992px以下的头部-第二块NAV*/
	.tt-header .toggle-block{display:none;text-align:center;position:relative;top:0;left:0;width:100%;max-height:100%;overflow:auto;padding:0}
	.tt-header .main-nav{margin-bottom:0;text-align:left}
	.tt-header .main-nav>ul>li{border-bottom:1px solid #dbdbdb;overflow:hidden}
	.tt-header .main-nav>ul>li>a,.tt-header .main-nav>ul>li>a:focus{display:block;position:relative;width:auto;font-size:14px;line-height:20px;color:#333333;padding:13px 15px 13px 15px;margin:0 auto}
 
	.tt-header .main-nav>ul>li>a:after,.tt-header .main-nav>ul>li>a:before{content:'';display:block;position:absolute;top:0;left:-500px;width:500px;bottom:0;background:0 0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
	.tt-header .main-nav>ul>li>a:after{left:auto;right:-500px}
	.tt-header .main-nav>ul>li.active>a,.tt-header .main-nav>ul>li.select>a,.tt-header .main-nav>ul>li>a:hover{color:#fff;background:#ffc600;text-decoration:none}
	
	.tt-header .main-nav>ul>li.active>a:after,.tt-header .main-nav>ul>li.active>a:before,.tt-header .main-nav>ul>li.select>a:after,.tt-header .main-nav>ul>li.select>a:before,.tt-header .main-nav>ul>li>a:hover:after,.tt-header .main-nav>ul>li>a:hover:before{background:#ffc600}
	
	.tt-header .main-nav>ul>li>ul{display:none;background:#f0f0f0;border-top:1px solid #dbdbdb}
	.tt-header .main-nav>ul>li>ul>li{border-bottom:1px solid #dbdbdb}
	.tt-header .main-nav>ul>li>ul>li>a{display:block;width:750px;font-size:14px;line-height:20px;color:#333333;padding:13px 22px;margin:0 auto}
	.tt-header .main-nav>ul>li>ul>li>a span:before{content:'-';margin-right:10px}
	.tt-header .main-nav>ul>li>ul>li>a,.tt-header .main-nav>ul>li>ul>li>a:focus{display:block; width:auto; position:relative;text-decoration:none}
	
	.header-6 .tt-header .main-nav>ul>li .submenu{display:none;background:#f0f0f0;border-top:1px solid #dbdbdb}
	.header-6 .tt-header .main-nav>ul>li .submenu ul li img{display:none;}
	.header-6 .tt-header .main-nav>ul>li .submenu ul li{border-bottom:1px solid #dbdbdb}
	.header-6 .tt-header .main-nav>ul>li .submenu ul li a{display:block;width:750px;font-size:14px;line-height:20px;color:#333;padding:13px 22px;margin:0 auto}
	.header-6 .tt-header .main-nav>ul>li .submenu ul li a span:before{content:'-';margin-right:10px}
	.header-6 .tt-header .main-nav>ul>li .submenu ul li a,.header-6 .tt-header .main-nav>ul>li .submenu ul li a:focus{display:block;position:relative;text-decoration:none}
	
	.tt-header .main-nav>ul>li>ul>li>a:after,.tt-header .main-nav>ul>li>ul>li>a:before{content:'';display:block;position:absolute;top:0;left:-500px;width:500px;bottom:0;background:0 0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
	.tt-header .main-nav>ul>li>ul>li>a:after{left:auto;right:-500px}
	.tt-header .main-nav>ul>li>ul>li.active>a,.tt-header .main-nav>ul>li>ul>li.select>a,.tt-header .main-nav>ul>li>ul>li>a:hover{color:#fff;background:#ffc600}
	.tt-header .main-nav>ul>li>ul>li.active>a:after,.tt-header .main-nav>ul>li>ul>li.active>a:before,.tt-header .main-nav>ul>li>ul>li.select>a:after,.tt-header .main-nav>ul>li>ul>li.select>a:before,.tt-header .main-nav>ul>li>ul>li>a:hover:after,.tt-header .main-nav>ul>li>ul>li>a:hover:before{background:rgba(0,0,0,.55)}
	.tt-header .main-nav>ul>li>ul>li.select>a .menu-toggle{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
	.tt-header .main-nav>ul>li>ul>li>ul{display:none;background:#333333;border-top:1px solid #dbdbdb}
	.tt-header .main-nav>ul>li>ul>li>ul>li{border-bottom:1px solid #dbdbdb}
	.tt-header .main-nav>ul>li>ul>li>ul>li:last-child{border-bottom:0}
	.tt-header .main-nav>ul>li>ul>li>ul>li>a{display:block;position:relative;width:750px;font-size:14px;line-height:20px;color:#fff;background:#333333;padding:12px 40px;margin:0 auto;text-decoration:none}
	.tt-header .main-nav>ul>li>ul>li>ul>li>a:after,.tt-header .main-nav>ul>li>ul>li>ul>li>a:before{content:'';display:block;position:absolute;top:0;left:-500px;width:500px;bottom:0;background:0 0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
	.tt-header .main-nav>ul>li>ul>li>ul>li>a:after{left:auto;right:-500px}
	.tt-header .main-nav>ul>li>ul>li>ul>li>a span:before{content:'-';margin-right:10px}
	.tt-header .main-nav>ul>li>ul>li>ul>li.active>a,.tt-header .main-nav>ul>li>ul>li>ul>li>a:hover{text-decoration:none;color:#fff;background:#ffc600}
	.tt-header .main-nav>ul>li>ul>li>ul>li.active>a:after,.tt-header .main-nav>ul>li>ul>li>ul>li.active>a:before,.tt-header .main-nav>ul>li>ul>li>ul>li>a:hover:after,.tt-header .main-nav>ul>li>ul>li>ul>li>a:hover:before{background:#fff}
	/*菜单右侧下拉箭头点击切换*/
	.tt-header .menu-toggle{position:absolute;top:50%;right:9px;padding:13px 16px;margin-top:-20px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
	.tt-header .main-nav>ul>li.select>a .menu-toggle{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
	
	
/* 轮播图背景图片 */
.banner .tt-mslide{position:relative; overflow:hidden;}
.banner .tt-mslide:before{content:''; display:block; position:absolute;	top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0);}
.banner .tt-mslide-entry{display:table-cell; width:99999px; height:200px; text-align:center; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover; background-position:center center; vertical-align:middle;}
.banner .tt-mslide-entry:before{position:absolute; top:0; right:0; bottom:0; left:0; content:'';}

/* 轮播图文字内容 */
.banner .slider-content{width:100%;	float:none; margin:0 auto; color:#ffffff;}
.banner .slider-content h2{font-size:24px; padding-bottom:10px;}
.banner .slider-content h3{font-size:16px; padding-bottom:10px;}
.banner .slider-content p{font-size:16px;}
.banner .slider-content p span{ color:rgba(255,255,255,0.2); font-weight:100; vertical-align:top; padding:0 10px;}
.banner .tt-mslide .text-animation{visibility:hidden;}
.banner .tt-mslide .text-animation.animated{visibility:visible;}

/* SWIPER 轮播切换按钮 */
.banner .swiper-slide{position:relative}
.banner .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;background:#ffffff;opacity:1;}
.banner .swiper-pagination .swiper-pagination-bullet-active{background:#ffc600}

/* swiper-pagination-white */
.banner .swiper-pagination-white .swiper-pagination-bullet{background:#ffffff}
.banner .swiper-pagination-white .swiper-pagination-bullet-active{background:#ffc600}

/* swiper position */
.banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom:30px}
.banner .swiper-button-next, .banner .swiper-button-prev{color:#fff; display:none;}
		
/* 内页banner */
.header-wrap{display:none;}
	
	/* 模块主标题默认 */
	.mkbt{padding-bottom:20px; text-align:center;}
	/*.mkbt h2.maintitle{font-size:24px;background-image:-webkit-linear-gradient(bottom,#ffc600,#ffc600,#ffc600);-webkit-background-clip:text;-webkit-text-fill-color:transparent; margin:0; }*/
	.mkbt h2.maintitle{font-size:24px; font-weight:bold; color:#ffc600; margin:0; }
	.mkbt p.subtitle{font-size:16px; color:#666;text-transform:uppercase;display:block;}
	.mkbt p.subtitle::after {content:""; display:block; width:50px; height:4px; background:#ffc600; margin:5px auto 5px auto; }
	.mkbt p.overview{font-size:14px; color:#666;}
	
	/* 模块主标题白色 */
	.mkbt-white{padding-bottom:20px; text-align:center;}
	.mkbt-white h2.maintitle{font-size:24px; font-weight:bold; color:#fff; margin:0; }
	.mkbt-white p.subtitle{font-size:16px; color:#fff;text-transform:uppercase;display:block;}
	.mkbt-white p.subtitle::after {content:""; display:block; width:50px; height:4px; background:#ffffff; margin:5px auto 5px auto; }
	.mkbt-white p.overview{font-size:14px; color:#fff;}
	
	/* 模块主标题层叠 */
	.mkbt-cd{padding-bottom:20px; text-align:center;}
	.mkbt-cd h2.maintitle{font-size:24px; color: rgba(0, 0, 0,.1); font-weight: bold; position: relative; top: 15px; text-transform:uppercase;}
	.mkbt-cd p.subtitle{font-size:24px; color:#000; font-weight:bold;}
	.mkbt-cd p.subtitle::after {content:""; display:block; width:50px; height:4px; background:#ffc600; margin:10px auto 10px auto;}
	.mkbt-cd p.overview{font-size:16px; color:#666;}

	/* 关键词搜索 */
	.keyword-search-wrap .keyword-search{display:inline-block; float:left;}

	/* 数字滚动 */
	.stripes-1{}
	.stripes-1 .digital{padding:10px 0px;}
	.stripes-1 .digital h2{color:#ffc600; font-size:36px; font-weight:bold; text-align:center}
	.stripes-1 .digital h2 span:last-child{font-size:16px;}
	.stripes-1 .digital h3{ font-size:16px; text-align:center}
		
	/* OTHER设置 */
	.ny-left{display:none;}
	.ny-right .category{display:inherit;}

	/* FOOTER 底部*/
	footer .footer-wrap01, footer .footer-wrap02{display:none;}

	/* index-about关于我们 */
	.index-about{}
	.index-about-title h2{padding:20px 0px 15px 0px;font-size:24px; font-weight:bold;}
	.index-about-title h2 span{margin-top:0;padding-top:0;font-size:32px;color:#ffc600}
	
	.index-about-icon dl{ width:100px; float:left; margin:20px 0px;}
	.index-about-pic{display:none;}
	
	.index-parlist-title{font-size:20px;}
	
	
	
	.index-ourservice-title h2{
	font-size:24px;
	font-weight:bold;
	text-align:center;
}
.index-ourservice-title h2 span{
	font-size:16px;
	font-weight:normal;
	display:block;
	padding:10px 0px;
}
.index-ourservice dl{ margin-top:50px;}

.index-fwys-title{ display:none;}
.index-fwys-bg{ display:none;}

.piclist-prolist .txt .txt-content h3{font-size:16px;}

	/*- index-choose营销样式 -*/
	.index-choose{}
	.index-choose .post{position:relative; margin:20px 10px 0px 10px;}

	/* 详情页（产品proshow.html/新闻newsshow.html） */
	.detail-title h3{font-size:18px; text-align:center;}
}

/*ipad*/
@media only screen and (min-width: 769px) and (max-width: 992px) {}
/*992px以上*/
@media only screen and (min-width: 992px) {
	/*992px以上的头部*/
	.tt-header{position:relative; background:rgba(255,255,255,0);}
	/*992px以上的头部-第一块LOGO*/
	.tt-header .top-inner{position:relative; float:left;}
	/*992px以上的头部-第二块NAV*/
	.tt-header .toggle-block{display:block!important; float:right}
	/*.tt-header .toggle-block .container{width:100%;padding-left:0;padding-right:0}*/
	.tt-header .main-nav{display:inline-block;vertical-align:top}
	.tt-header .main-nav>ul>li{position:relative;float:left;list-style:none}
	
	.toggle-block-container{display:-ms-flexbox; display:-webkit-flexbox; display:flex; -ms-flex-wrap:wrap; align-items:center;}
	
	.header-6 .tt-header .main-nav>ul>li{ position:inherit; float:left;list-style:none}
	/*默认左右间距 1.导航文字占65px宽度 2.间距38px */
	.tt-header .main-nav>ul>li>a{display:block; position:relative; padding:32px 16px; font-size:18px; font-weight:bold;}
	.tt-header .main-nav>ul>li.active,.tt-header .main-nav>ul>li:hover{color:#ffc600;}
	/*.tt-header .main-nav>ul>li::after{position: absolute; content: ''; bottom: 0; left: 0; width: 0; height: 2px; background: #ffc600; transition: all .36s;}
	.tt-header .main-nav>ul>li:hover::after{width: 100%;}*/
	
	.tt-header .main-nav>ul>li::after{position: absolute; content: ''; bottom: 0; left: 50%; width: 0; height: 2px; background: #ffc600; transition: all .36s; transform: translateX(-50%);}
	.tt-header .main-nav>ul>li:hover::after{width: 100%; }
	.tt-header .main-nav>ul>li.active::after{ width:100%;}
	.tt-header .main-nav>ul>li.active>a,.tt-header .main-nav>ul>li:hover>a{color:#ffba00;}
	
	.tt-header .main-nav>ul>li>ul{display:block;position:absolute;box-shadow:0 0 25px 0 rgba(0,0,0,0);top:100%;left:0;width:150px;background:#333333;visibility:hidden;opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);transform:translateY(40px);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
	.tt-header .main-nav>ul>li:hover>ul{visibility:visible;opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
	.tt-header .main-nav>ul>li>ul>li{border-bottom:1px solid #444;text-align:center;list-style:none}
	.tt-header .main-nav>ul>li>ul>li:last-child{border-bottom:0}
	.tt-header .main-nav>ul>li>ul>li>a{display:block;position:relative;font-size:14px;line-height:18px;color:#fff;padding:15px 30px 15px 30px;}
	.tt-header .main-nav>ul>li.active>ul li a{color:#fff;padding-left:20px}
	.tt-header .main-nav>ul>li>ul>li{position:relative}
	.tt-header .main-nav>ul>li>ul>li>a:hover{background:#ffc600;color:#fff}
	
	.tt-header .main-nav>ul>li>ul.men2{display:block;position:absolute;box-shadow:0 0 25px 0 rgba(0,0,0,0);top:100%;left:0;width:300px;background:#333333;visibility:hidden;opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);transform:translateY(40px);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
	.tt-header .main-nav>ul>li:hover>ul.men2{visibility:visible;opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
	.tt-header .main-nav>ul>li>ul.men2>li{border-bottom:1px solid #444;text-align:center;list-style:none; width:150px; float:left;}
	.tt-header .main-nav>ul>li>ul.men2>li:last-child{border-bottom:0}
	.tt-header .main-nav>ul>li>ul.men2>li>a{display:block;position:relative;font-size:14px;line-height:18px;color:#fff;padding:15px 30px 15px 30px;}
	.tt-header .main-nav>ul>li.active>ul.men2 li a{color:#fff;padding-left:20px}
	.tt-header .main-nav>ul>li>ul.men2>li{position:relative}
	.tt-header .main-nav>ul>li>ul.men2>li>a:hover{background:#ffc600;color:#fff}
	
	.tt-header .main-nav>ul>li>ul>li>ul{display:block;position:absolute;top:0;left:100%;width:140px;background:#333333;visibility:hidden;opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);transform:translateY(40px);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;list-style:none}
	.tt-header .main-nav>ul>li:nth-last-child(1)>ul>li>ul,.tt-header .main-nav>ul>li:nth-last-child(2)>ul>li>ul{left:auto;right:100%;margin-right:0}
	.tt-header .main-nav>ul>li>ul>li:hover>ul{visibility:visible;opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
	.tt-header .main-nav>ul>li>ul>li>ul>li{border-bottom:1px solid #444;}
	.tt-header .main-nav>ul>li>ul>li>ul>li:last-child{border-bottom:0}
	.tt-header .main-nav>ul>li>ul>li>ul>li>a{display:block;position:relative;font-size:14px;line-height:18px;color:#fff;padding:15px 30px 15px 30px}
	.tt-header .main-nav>ul>li>ul>li>ul>li>a:hover{background:#ffc600;color:#fff;}
	
	.tt-header .menu-toggle{padding-left:5px}/*右侧箭头*/
	.tt-header.stick{position:fixed;left:0;width:100%; background:rgba(255,255,255,1); -webkit-box-shadow:0 0 10px rgba(0,0,0,.5);-moz-box-shadow:0 0 10px rgba(0,0,0,.5); box-shadow:0 0 10px rgba(0,0,0,.5)}

	
	
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
	.container{width:990px;}
	.tt-header .main-nav>ul>li>ul>li>ul{left:auto;right:100%}
	.tt-header .main-nav>ul>li>a{display:block; position:relative; padding:32px 11px;}
	.call-us{display:none;}
}

/*@media only screen and (min-width: 1024px) {}*/ /*>=1024的设备*/
/*@media only screen and (min-width: 1100px) {}*/ /*>=1100的设备*/
@media only screen and (min-width: 1200px) {}
@media only screen and (min-width: 1201px) and (max-width: 1440px) {
	.container{width:1200px;}
	.tt-header .main-nav>ul>li>a{display:block; position:relative; padding:32px 10px;}
	.call-us{display:inherit;}
}
@media only screen and (min-width: 1280px) {} /*>=1280的设备*/
@media only screen and (min-width: 1366px) {}  
@media only screen and (min-width: 1440px) {} 
@media only screen and (min-width: 1441px) and (max-width: 1680px) {
	.container{width:1400px;}
	.tt-header .main-nav>ul>li>a{display:block; position:relative; padding:32px 24px;}
	.call-us{display:inherit;}
}
@media only screen and (min-width: 1680px) {} 
@media only screen and (min-width: 1681px) and (max-width: 1920px) {
	.container{width:1600px;}
	.tt-header .main-nav>ul>li>a{display:block; position:relative; padding:32px 30px;}
	.call-us{display:inherit;}
	
	.header-3 .top-3{width:1400px;}
	
	.header-4 .tt-header .main-nav>ul>li>a{padding:15px 61px;}
	.header-4 .tt-header .main-nav>ul>li>ul{width:201px;}
	
	.header-5 .tt-header .main-nav>ul>li>a{padding:15px 61px;}
	.header-5 .tt-header .main-nav>ul>li>ul{width:201px;}
	/*8个无下拉间距是53px(header-5)*/
}
@media only screen and (min-width: 1920px) {} 

