/* 重要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:#cf2087;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:#cf2087}
	
	.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}
	
	
	.tt-header .main-nav>ul>li>ul.sub01 div.sub01-1 a{padding:10px 10px; font-size:14px;}
	
	.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:#cf2087}
	.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:#cf2087}
	.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:#cf2087}

/* swiper-pagination-white */
.banner .swiper-pagination-white .swiper-pagination-bullet{background:#ffffff}
.banner .swiper-pagination-white .swiper-pagination-bullet-active{background:#cf2087}

/* 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;}
.mkbt h2.maintitle{font-size:24px; font-weight:bold; color:#222222; margin:0; }
.mkbt p.subtitle{font-size:16px; color:#cf2087; font-weight:bold; text-transform:uppercase;display:block;}
.mkbt p.overview{font-size:16px; color:#222222; font-weight:normal; padding-top:5px;}

/* 模块主标题白色 */
.mkbt-white{padding-bottom:20px;}
.mkbt-white h2.maintitle{font-size:24px; font-weight:bold; color:#ffffff; margin:0; }
.mkbt-white p.subtitle{font-size:16px; color:#cf2087; font-weight:bold; text-transform:uppercase;display:block;}
.mkbt-white p.overview{font-size:16px; color:#fff; font-weight:normal; padding-top:5px;}

	/* 关键词搜索 */
	.keyword-search-wrap .keyword-search{display:inline-block; float:left;}

	/* 数字滚动 */
	.stripes-1{}
	.stripes-1 .digital{padding:10px 0px;}
	.stripes-1 .digital h2{color:#cf2087; 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设置 */
	
	
	/* 类别 */
.category{text-align:center; display: flex; justify-content:center; align-items:center; margin-bottom:10px;}
.category a{color:#222222;border-radius:10px;background:#fff;border:1px solid #cfcfcf;margin:5px 5px;font-size:16px;padding:5px 5px; display:inline-block;}
.category a.active,.category a:hover{color:#fff;border-radius:10px;background:#cf2087;border:1px solid #cf2087}

/* 案例类别 */
.category-case{text-align:center;}
.category-case a{color:#222222;border-radius:10px;background:#fff;border:1px solid #cfcfcf;margin:5px 5px;font-size:16px;padding:5px 5px; display:inline-block;}
.category-case a.active,.category-case a:hover{color:#fff;border-radius:10px;background:#cf2087;border:1px solid #cf2087}


/*首页行业解决方案*/
.index_three{display:none;}


.detail-single .abouttit{font-size:24px; font-weight:bold; text-align:center;}

.proshow-mkbt{font-weight:bold; padding:8px 0px; text-align:center;}
.proshow-mkbt a{padding:0px 5px; border-right:1px solid rgba(0,0,0,0.1);}
.proshow-mkbt a.active,.proshow-mkbt a:hover{color:#cf2087;}
.proshow-mkbt a:last-child{border-right:0px;}

	.ny-left{display:none;}
	.ny-right .category{display:inherit;}

	/* FOOTER 底部*/
	footer .footer-wrap{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:#cf2087}

	/*- 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;}
	
	
	/*内页联系我们*/
.iconlist2{text-align:center; -webkit-box-shadow:0 10px 10px 0 rgba(0,0,0,.08);-moz-box-shadow:0 10px 10px 0 rgba(0,0,0,.08);box-shadow:0 10px 10px 0 rgba(0,0,0,.08); padding:50px 10px; border:1px solid #f0f0f0; border-radius:10px; min-height:180px;}
.iconlist2 strong{color:#cf2087;font-size:60px; border-radius:50%; border:0px solid #333333; padding:30px 0px; width:100px; height:100px; display:inline-block;}
.iconlist2 h4{color:#262626;font-size:18px; font-weight:bold; margin-top:0;margin-bottom:0;padding-top:15px;padding-bottom:15px}
.iconlist2 p{color:#6a6a6a}

/* 在线留言表单 */
.feedback-title{}
.feedback-title h4{ font-size:24px; font-weight:bold; padding-bottom:10px;}
.feedback-title p{ font-size:16px;}
.feedback-title p span{color:#cf2087;}
.feedback-form{clear:both; overflow:hidden;}
.feedback-form .form-label{position:relative;margin-bottom:20px}
.feedback-form .form-label input,.feedback-form .form-label textarea{background:#fff;width:100%;border:0 none;-webkit-appearance:none;-moz-appearance:none;border-radius:0;font-size:14px;outline:0; padding:0px 30px; border:1px solid #f0f0f0; box-shadow:none}
.feedback-form .form-label input:focus,.feedback-form .form-label textarea:focus{box-shadow:none}
.feedback-form .form-label input::placeholder,.feedback-form .form-label textarea::placeholder{color:#000000;}
.feedback-form .form-label input{height:46px}
.feedback-form .form-label textarea{padding:14px 0 0 30px;height:178px;resize:none}
.feedback-form .form-label .form-btn{font-size:16px;line-height:1;padding:15px 0px;background:#cf2087;color:#fff;border:0 none; cursor:pointer; width:100px; text-align:center; border-radius:6px;}
}

/*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;}
	
	/*默认左右间距 1.导航文字占65px宽度 2.间距38px */
	.tt-header .main-nav>ul>li>a{display:block; position:relative; padding:32px 10px; font-size:18px; font-weight:bold;}
	/*.tt-header .main-nav>ul>li:last-child>a{padding-right:0;}*/
	.tt-header .main-nav>ul>li.active,.tt-header .main-nav>ul>li:hover{color:#cf2087;}
	/*.tt-header .main-nav>ul>li::after{position: absolute; content: ''; bottom: 0; left: 0; width: 0; height: 2px; background: #cf2087; 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: #cf2087; transition: all .36s; transform: translateX(-50%);}
	.tt-header .main-nav>ul>li:hover::after{width: 100%; }
	
	.tt-header .main-nav>ul>li.active>a,.tt-header .main-nav>ul>li:hover>a{color:#cf2087}
	
	.tt-header .main-nav>ul>li>ul{display:block;position:absolute;box-shadow:0 0 25px 0 rgba(0,0,0,0.1);top:100%;left:0;width:130px;background:rgba(255,255,255,0.9);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; border-radius:0px 0px 10px 10px;}
	.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 rgba(0,0,0,0.1);text-align:center;list-style:none; margin:0px 10px;}
	.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:#222222;padding:15px 0px 15px 0px;}
	.tt-header .main-nav>ul>li.active>ul li a{color:#222222;}
	.tt-header .main-nav>ul>li>ul>li{position:relative}
	.tt-header .main-nav>ul>li>ul>li>a:hover{background:none;color:#cf2087}
	
	.tt-header .main-nav>ul>li>ul.sub01{width:580px;}
	.tt-header .main-nav>ul>li>ul.sub01>li{ width:40%; float:left;}
	.tt-header .main-nav>ul>li>ul.sub01>li a{font-size:20px; font-weight:bold;}
	.tt-header .main-nav>ul>li>ul.sub01>li>div{padding-bottom:10px;}
	.tt-header .main-nav>ul>li>ul.sub01>li>div a{font-weight:normal; color:#333; font-size:14px; display:block;}
	.tt-header .main-nav>ul>li>ul.sub01>li>div a:hover{color:#cf2087;}
	
	.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:#cf2087;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 16px;}
	.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 16px;}
	.call-us{display:inherit;}
	
	/*内页联系我们*/
	.iconlist2{text-align:center; -webkit-box-shadow:0 10px 10px 0 rgba(0,0,0,.08);-moz-box-shadow:0 10px 10px 0 rgba(0,0,0,.08);box-shadow:0 10px 10px 0 rgba(0,0,0,.08); padding:50px 10px; border:1px solid #f0f0f0; border-radius:10px; min-height:360px;}
}
@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: 1680px) {} 
@media only screen and (min-width: 1441px) and (max-width: 1920px) {
	.container{width:1400px;}
	.tt-header .main-nav>ul>li>a{display:block; position:relative; padding:32px 20px;}
	.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) {}