/*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 (max-width: 992px) {
	.header-top{display:none;}
	.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}
	.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;}
	
	.tt-header .cmn-toggle-switch{display:block;margin:25px 0}
	
	.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:750px;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:#007cc1;text-decoration:none}
	.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)}
	.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:#001a57}
	
	.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;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:#007cc1}
	.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:#007cc1}
	.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.stick{top:0}
	.tt-header.stick .main-nav{margin-top:0}
	.tt-header.stick .toggle-block{padding-top:0;-webkit-transition:padding .3s ease-in-out;-moz-transition:padding .3s ease-in-out;transition:padding .3s ease-in-out}
	.tt-header .main-nav>ul>li>a,.tt-header .main-nav>ul>li>a:focus,.tt-header .main-nav>ul>li>ul>li>a{width:auto;text-decoration:none}
	
	/* TT-MSLIDE */
	.tt-mslide{position:relative; overflow:hidden;}
	.tt-mslide:before{content:'';	display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0);}
	.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;}
	.tt-mslide-entry:before{position:absolute; top:0; right:0; bottom:0; left:0; content:'';}
	.slider_content{width:100%; float:none; text-align:center; margin:0 auto;}
	.slider-content h2{font-size:30px; padding-bottom:10px;}
	.slider-content h3{font-size:24px; padding-bottom:10px;}
	.slider-content p{font-size:16px;}
	.slider-content p span{ color:rgba(255,255,255,0.2); font-weight:100; vertical-align:top; padding:0 10px;}
	.tt-mslide .text-animation{visibility:hidden;}
	.tt-mslide .text-animation.animated{visibility:visible;}
	
	/* SWIPER 轮播切换按钮 */
	.swiper-slide{position:relative}
	.swiper-pagination .swiper-pagination-bullet{width:10px; height:10px; background:#999; opacity:1}
	.swiper-pagination .swiper-pagination-bullet-active{background:#007cc1}
	
	/* swiper-pagination-white */
	.swiper-pagination-white .swiper-pagination-bullet{background:#999}
	.swiper-pagination-white .swiper-pagination-bullet-active{background:#007cc1}
	
	/* swiper position */
	.swiper-pagination.fixed{bottom:10px!important}
	.swiper-pagination.relative-pagination{position:relative;top:0;margin-top:30px}
	.swiper-button-next,.swiper-button-prev{color:#fff!important; display:none;}
		
	/* 内页banner */
	.header_wrap{display:none;}
	
	.top-callus-lan{background:#000; padding:10px 0px;display: none;}
	.top-callus-lan p.call-us{display:none;}
	
	.ny-top.top-callus-lan{background:#fafafa; padding:10px 0px;display: none;}
	.ny-top.top-callus-lan p.call-us{display:none;}
	
	.mkbt{padding-bottom:20px; text-align:center;}
	.mkbt h2.maintitle{font-size:30px; font-weight:bold; color:#000000; margin:0; background:url(../images/mkbt-pot.png) no-repeat bottom center; padding-bottom:40px;}
		
.mkbt2{padding-bottom:20px; text-align:center;}
.mkbt2 h2.maintitle{font-size:30px; font-weight:bold; color:#000000; margin:0; background:url(../images/mkbt-pot.png) no-repeat top center; padding-bottom:40px;}
.mkbt2 p.subtitle{font-size:24px; color:#000000;text-transform:uppercase;display:block; line-height:34px;}
.mkbt2 p.subtitle span{ color:#007cc1; font-weight:bold;}
.mkbt2 p.overview{font-size:30px; color:#000000;line-height:34px;}
.index-piclist01 .img-box img{max-width:200px;}

.newslist dl dt{font-size:18px; font-weight:bold; padding:0px 20px 10px 20px;}
	
/* index-about关于我们 */
.index-about-bg{background:url(../images/index-about-bg.jpg) no-repeat; background-size:cover;background-position:center;position:relative;background-attachment:fixed; color:#ffffff; padding:70px 0px;}
.index-about{}
.index-about-title h2{ padding:15px 0;font-size:30px; font-weight:bold; padding-bottom:24px;}
.index-about-nr{ margin-bottom:54px;}
.index-about-nr p{ font-size:14px; line-height:30px; margin-bottom:10px}
.index-about-more a{ display:inline-block; width:160px; height:50px; line-height:50px; background:#FF5B2E; text-align:center; color:#ffffff;}
.index-about-more a img{padding-left:5px;}

/* 企业文化 */
.index-culturelist-bg{ background:#F6F6F6; padding-top:0px;}
.index-culturelist dl{padding:60px 28px; text-align:center; border-bottom:1px solid #ffffff;}
.index-culturelist dl dd.icon01{ background:url(../images/icon01.png) no-repeat; width:80px; height:80px; margin:0 auto;}
.index-culturelist dl dd.icon02{ background:url(../images/icon02.png) no-repeat; width:80px; height:80px; margin:0 auto;}
.index-culturelist dl dd.icon03{ background:url(../images/icon03.png) no-repeat; width:80px; height:80px; margin:0 auto;}
.index-culturelist dl dt{ font-size:24px; font-weight:bold; color:#333333; padding:24px 0px;}
.index-culturelist dl dd.txt{ font-size:14px; color:#777777; padding-bottom:30px;}
.index-culturelist dl dd.more{ font-size:14px; color:#333333;}
.index-culturelist dl dd.more img{padding-left:10px;}
.index-culturelist dl:hover{ background:#fff; border-bottom:1px solid #007CC1; cursor:pointer; -webkit-transition: all .4s ease-in-out;	-moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s; transition: all .4s ease-in-out;}
.index-culturelist dl:hover dd.icon01{background:url(../images/icon01-h.png) no-repeat;}
.index-culturelist dl:hover dd.icon02{background:url(../images/icon02-h.png) no-repeat;}
.index-culturelist dl:hover dd.icon03{background:url(../images/icon03-h.png) no-repeat;}

.index-feedbback{ width:100%; float:right; padding:50px 0px;}
.index-feedbback .feedback-title{ color:#ffffff; padding:0px 15px 30px 15px;}
.index-feedbback .feedback-title h2{ font-size:24px; font-weight:bold; padding-bottom:10px;}
.index-feedbback .feedback-form .form-label .form-btn{cursor:pointer; width:100%; border:2px solid rgba(255,255,255,1); background:none; text-align:center; padding:0px 0px; margin:0; height:50px; line-height:50px; font-size:16px; font-weight:bold;}

.ny-feedbback .feedback-title{ padding:0px 15px 10px 15px;}
.ny-feedbback .feedback-title h2{ font-size:24px; font-weight:bold; padding-bottom:10px;}
.ny-feedbback .feedback-form .form-label .form-btn{cursor:pointer; width:100%; border:0; background:#007cc1; color:#ffffff; text-align:center; padding:0px 0px; margin:0; height:50px; line-height:50px; font-size:16px; font-weight:bold;}

.contact-map{width:100%;height:400px; display:none;}

footer .footer-qrcode-dy-contact{ display:flex; justify-content:center; flex-direction:column;}

footer .footer-contact{padding-bottom:20px;}

footer .footer-list{float:left; width:50%; box-sizing: border-box; padding:0 10px;}
footer .footer-list ul{padding:10px 0px;}

footer .footer-copyright{background:#333439; padding:20px 0px; color:rgba(255,255,255,0.4); text-align:center;}
footer .footer-copyright p{display:inline-block;}


/* 面包屑 */
.breadcrumb{border-top:1px solid #eeeeee;border-bottom:1px solid #eeeeee;background:#fafafa; padding:10px 0px;}
.breadcrumb h2{font-size:18px; font-weight:normal;}

}
@media only screen and (min-width: 768px) {}
/*ipad*/
@media only screen and (min-width: 769px) and (max-width: 992px) {}
/*992px以上*/
@media only screen and (min-width: 992px) {
	.tt-header{position:relative; background:rgba(255,255,255,0);}
	
	/*top-inner indext和heder-2.html的LOGO上下间距*/
	.tt-header .top-inner{position:relative; float:left;}
	
	.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}
	
	.tt-header .main-nav>ul>li>a{display:block;position:relative;padding:30px 30px}/*默认左右间距*/
	.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:#007cc1}
	.tt-header .main-nav>ul>li.active>a,.tt-header .main-nav>ul>li:hover>a{color:#007cc1}
	
	.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:140px;background:rgba(0,0,0,0.9); border-top:2px solid #007cc1;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>ul.pro{width:200px;}
	.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:0px 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:10px 15px 10px 15px;}
	.tt-header .main-nav>ul>li.active>ul li a{color:#fff;}
	.tt-header .main-nav>ul>li>ul>li{position:relative}
	.tt-header .main-nav>ul>li>ul>li>a:hover{background:#007cc1;color:#fff}
	
	.tt-header .main-nav>ul>li>ul>li>ul{display:block;position:absolute;top:0;left:100%;width:168px;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:#007cc1;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)}

	.header-2{position:absolute;width:100%;clear:both;z-index:2; background:rgba(255,255,255,0);}
	.header-2 .tt-header .main-nav>ul>li>a{color:#ffffff;}
	.header-2 .tt-header .main-nav>ul>li>a:hover{ color:#007cc1;}
	
	.header-2 .tt-header.stick .main-nav>ul>li>a{color:#333333;}
	.header-2 .tt-header.stick .main-nav>ul>li>a:hover{ color:#007cc1;}
	
}

@media only screen and (min-width: 993px) and (max-width: 1200px) {
	.tt-header .main-nav>ul>li>ul>li>ul{left:auto;right:100%}
}

@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: 1199px) and (max-width: 1680px) {
	
}
@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;}
}
@media only screen and (min-width: 1920px) {}