/*-------------------------------------------------------------------------------------------------------------------------------*/
/* - 头部及导航 - */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.header_top{background:#fff;color:#333; margin:0px 0px;}
.header_top_inner{overflow:hidden;clear:both}
.header_top_inner .pull-left i{padding-right:9px}
.header_top_inner .pull-left a{line-height:40px;font-size:14px;color:#333;margin-right:22px;-webkit-transition:all 150ms linear;-o-transition:all 150ms linear;transition:all 150ms linear;text-decoration:none}
.header_top_inner .pull-left a:last-child{margin-right:0}

.header_social{margin-bottom:0;padding-left:0; display:inline-block}
.header_social li{display:inline-block;margin-right:16px}
.header_social li a{line-height:40px;font-size:14px;color:#333;-webkit-transition:all .4s linear 0s;-o-transition:all .4s linear 0s;transition:all .4s linear 0s;text-decoration:none}
.header_social li a:hover{opacity:.5}
.header_social li:last-child{margin-right:0}

.call-us{display:inline-block; padding-top:18px;}
.call-us i{line-height:40px;font-size:30px;color:#333; letter-spacing:.45px;text-decoration:none;font-weight:600}
.call-us span{line-height:40px;font-size:30px;color:#0085da; letter-spacing:.45px;padding-left:10px; font-family:impact;}

.tt-header{position:absolute;top:0;left:0;width:100%;background:#fff;z-index:101}
.tt-header .logo img.black,.stick.tt-header .logo img.black{display:inline-block;}
.tt-header .logo img.white,.stick.tt-header .logo img.white{display:none;}

.tt-header ul{padding-left:0;margin-bottom:0}
.tt-header .logo{display:inline-block;position:relative;line-height:67px;z-index:101;transition:none}
.tt-header .logo img{display:inline-block;max-width:100%;max-height:100%;width:auto;height:auto;vertical-align:middle}
.tt-header .main-nav>ul>li>a{font-size:16px;line-height:28px;color:#333;text-transform:initial;transition:none;}
.tt-header .main-nav>ul>li.active>a,.tt-header .main-nav>ul>li:hover>a{color:#df0b00;text-decoration:none}
.cmn-toggle-switch:focus{outline:0}
.tt-header .cmn-toggle-switch{display:none;position:relative;float:right;margin-top:12px;padding: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:#333;-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:#333;-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}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 视频设置 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
video{display: block; position: relative; width: 100%; height: 100%;object-fit: cover;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* Image Hover Effect 图片特效 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.image-zoom-on-hover{overflow:hidden}
.image-opacity-on-hover img,.image-zoom-on-hover img{transition:opacity .3s ease-out,transform .3s ease-out,filter .3s ease-out;-moz-transition:opacity .3s ease-out,-moz-transform .3s ease-out,-moz-filter .3s ease-out;-o-transition:opacity .3s ease-out,-o-transform .3s ease-out,-o-filter .3s ease-out;-webkit-transition:opacity .3s ease-out,-webkit-transform .3s ease-out,-webkit-filter .3s ease-out}
.image-zoom-on-hover:hover img{-webkit-transform:scale(1.1);transform:scale(1.1); cursor:pointer;}
.image-opacity-on-hover:hover img{opacity:.5}
.image-opacity-on-hover{background:#1e2434}
.image-gray-on-hover:hover img{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray}

.piclist{ margin-bottom:0px;}
.piclist h3{font-size:16px; font-weight:normal; background:#fff; color:#333; text-align:center; margin:0; padding:15px 0px;}
.piclist p{color:#666; margin-bottom:20px;}
.piclist img{ border:1px solid #cdcdcd;}

.piclist2{position:relative; margin:15px 0px;}
.piclist2 h3{ position:absolute; left:0; bottom:-10px; background:#333; color:#fff; display:inline-block; width:100%; text-align:center; height:50px; line-height:50px; font-size:16px; font-weight:normal; opacity:.9}
.piclist2 a:hover h3{background:#1175c2; color:#fff;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 头部搜索 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
#search{width:40px;height:40px;position:relative;cursor:pointer;margin-left:20px;float:right;z-index:1005}
.search-submit{background-image:url(../images/search.png);background-repeat:no-repeat;background-position:center;background-color:#eee;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;width:40px;height:40px;border:none;text-indent:-9999px;position:absolute;cursor:pointer}
#m_search{background:#fff;border:1px solid #ddd;padding:10px 25px;position:absolute;top:125%;width:170px;right:0;color:#777;display:none}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 头部搜索2 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.top-search{display:inline-block;}
.top-search form input{ float:left;}
.top-search form input.txt{border:1px solid #e0e0e0; height:35px; line-height:35px; padding:0px 20px;}
.top-search .btn{border:0; cursor:pointer; padding:0px; margin:0px;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 模块主标题 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.mkbt h2.maintitle{font-size:36px; font-weight:bold; margin:0;}
.mkbt h2.maintitle::after {content:""; display:block; width:60px; height:3px; background:#0085da; margin:10px auto 5px auto;}
.mkbt h2.maintitle span{background-image:-webkit-linear-gradient(bottom,#df0b00,#df0b00,#df0b00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.mkbt p.subtitle{font-size:14px;color:#666;text-transform:uppercase;display:block; margin:0px 0px 10px 0px;}
.mkbt p.overview{font-size:16px;color:#000; margin:0px 0px 20px 0px;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* - 类别 - */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.category a{color:#666;border-radius:0px;background:none;border:1px solid #dddddd;margin:5px 5px;font-size:16px;padding:8px 20px; display:inline-block;}
.category a.active,.category a:hover{color:#fff;border-radius:0px;background:#0085da;border:1px solid #0085da}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 模块面包屑 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.breadcrumb2{border-bottom:1px solid #ddd;background:#f3f3f3;line-height:40px}
.breadcrumb2 ul li{float:left;padding-right:10px}
.breadcrumb2 ul li.active a{color:#333;font-size:14px;font-weight:600}
.breadcrumb2 ul li a{color:#333;font-size:14px;font-weight:600}
.breadcrumb2 ul li i{color:#666;font-size:14px;font-weight:600}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* - 新闻列表 - */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.newslist dl dt{ font-size:16px; padding:10px 0px;}
.newslist dl dd.riqi{ color:#999; padding-bottom:20px;}
.newslist dl dd.riqi::after {content:""; display:block; width:60px; height:1px; background:#ccc; margin:10px 0px 0px 0px;}
.newslist dl dd.txt{color:#666;}
.newslist dl dd.more, .newslist dl dd.more a{ color:#333; padding:10px 0px;}
.newslist ul li{ font-size:16px; border-bottom:1px dashed #f0f0f0; padding:15px 0px;}
.newslist ul li span{ color:#999; padding-right:20px;}
.newslist dl dd img{height:176px !important;}
.newslist dl dt a{color:#333;}
.newslist dl dt a:hover{color:#0085da;}

.newslist2{margin:20px 0px;}
.newslist2 h3{ font-size:18px; margin:0px 0px 10px 0px;}
.newslist2 h3 a{color:#333;}
.newslist2 h3 a:hover{ color:#0085da;}
.newslist2 .news-date{border:2px solid #333; text-align:center; padding:15px 0px;}
.newslist2 .news-date span{display:block; font-size:30px;}
.newslist2 .news-dec{ color:#666;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 内页header_hd */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.header_hd{color:#333; padding:80px 0px; text-align:center; }
.header_hd h2{ font-size:30px; color:#c03808; font-weight:bold;}
.header_hd h3{ font-size:30px; font-weight:bold;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 详情页 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.detail_title h3{font-size:24px; border-bottom:1px solid #cdcdcd; padding-bottom:10px;}
.detail_title h3 span{ display:block; font-weight:normal; font-size:14px; color:#999; line-height:32px; border-bottom:0px solid #e0e0e0; margin:10px 0px;}
.detail_overview{ display:block; margin:20px 0px; color:#666; line-height:24px;}
.detail_overview .over-tel{color:#000; margin:20px 0px;}
.detail_overview .over-tel span{ font-size:30px; color:#0085da; font-weight:bold; display:inline-block; vertical-align:middle;}
.detail_content{ padding:0px 0px; font-size:16px; line-height:32px;}
.detail_content h3{ border-bottom:2px solid #0085da;}
.detail_content h3 span{background:#0085da; color:#fff; font-size:16px; padding:15px 30px; display:inline-block;}
.detail_content p{ padding:10px 0px;}
.detail_content img{margin: 0 auto; display: block; max-width: 100%; height: auto !important;}

.detail_content .table tr th{ height:30px; line-height:30px; font-size:26px; color:#333; background:#e3e3e3; text-align:center; vertical-align:middle;}
.detail_content .table tr td{ line-height:30px; text-align:center; vertical-align:middle;}

.detail_pre_next{padding-bottom:30px;}
.detail_pre_next ul li{ color:#999; padding:10px 0px;}
.detail_pre_next ul li a{ color:#666;}
.detail_content a{color:#0085da;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 在线留言表单 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.forms>div:nth-child(1){
padding-right:0}
.forms .forms_label{position:relative;margin-bottom:20px}
.forms .forms_label .iconfont{position:absolute;font-size:16px;color:#999;left:0;top:0;line-height:1;margin:15px 0 0 10px}
.forms .forms_label input,.forms .forms_label textarea{background:#fff;width:100%;border:0 none;-webkit-appearance:none;-moz-appearance:none;border-radius:0;font-size:14px;outline:0;padding-left:30px; border:1px solid #f0f0f0; box-shadow:none}
.forms .forms_label input:focus,.forms .forms_label textarea:focus{box-shadow:none}
.forms .forms_label input{height:46px}
.forms .forms_label textarea{padding:14px 0 0 30px;height:178px;resize:none}
.forms .forms_btn{font-size:16px;line-height:1;padding:15px 40px;background:#172a88;color:#fff;border:0 none;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 分页设置 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.List_page{text-align:center;margin:8px;clear:both;padding:15px 0}
.List_page a{background:#fff;margin:1px;padding:4px 6px;border:1px solid #333;color:#333}
.List_page span{background:#e1e1e1;color:#000;margin:1px;padding:4px 6px;border:1px solid #333}
.List_page .showpage ul li{ display:inline-block;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* - 数字滚动 - */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.stripes-1{margin-top:380px;background:#1e2434}
.stripes-1 .border-left22 h2{color:#df0b00;font-size:50px;font-family:impact,Poppins,sans-serif;font-weight:600;text-align:center}
.stripes-1 .border-left22 h5{color:#fff;font-size:18px;font-family:Lato,sans-serif;font-weight:600;text-align:center}
.stripes-2.stripes-1{margin-top:0}
.stripes-2{background:url(../images/index-3/background-2.jpg) no-repeat;background-size:cover;position:relative;background-position:center;background-attachment:fixed}
.stripes-2:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#1e2434;opacity:.7}
.stripes-2 .border-left22 h5{color:#fff;font-size:18px;font-family:Lato,sans-serif;font-weight:600;text-align:center}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* - SWIPER 轮播切换按钮*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
.swiper-slide{position:relative}
.swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;background:#999;opacity:1}
.swiper-pagination .swiper-pagination-bullet-active{background:#ffffff;}


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


/*swiper position*/
.swiper-pagination.fixed{bottom:30px!important}
.swiper-pagination.fixed.pos-2{bottom:30px}
.swiper-pagination.relative-pagination{position:relative;top:0;margin-top:30px}
.swiper-button-next,.swiper-button-prev{color:#fff!important}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* FOOTER 底部*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
footer .footer-bg{ background:#333333; color:#ccc; line-height:32px;}

footer .footer-list{}
footer .footer-list ul li{float:left; width:25%;}
footer .footer-list ul li a{ color:#ccc;}

footer .footer-copyright{background:#0085da;padding:15px 0;color:#fff;text-align:center}
footer .footer-copyright a{color:rgba(255,255,255,0.8) ; text-decoration:underline;}
footer .footer-copyright a:hover{color:rgba(255,255,255,1) ; text-decoration:underline;}
footer .footer-copyright p{display:inline-block;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* MORE 设置*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
.button-more{ text-align:center;}
.button-more a{text-transform:uppercase; border:1px solid #ccc; border-radius:20px; padding:10px 20px;}
.button-more a:hover{background:#1175c2; color:#fff; border:1px solid #1175c2;}



.left-list h3{ background:#0085da; color:#fff; border-top-left-radius:10px; border-top-right-radius:10px; text-align:center; padding:20px 0px; font-size:30px; margin:0;}
.left-list h3 span{ font-size:14px; display:block;}
.left-list dl{ border:3px solid #0085da; margin:0; border-top-width:0;}
.left-list dl dt{
	line-height:52px; font-size:18px; border-bottom:3px solid #0085da; text-align:center;
}
.left-list dl dt a{color:#333;}
.left-list dl dt a:hover{color:#0085da;}
.left-list ul{border:3px solid #0085da; margin:0; border-top-width:0; padding:0px 20px; clear:both; overflow:hidden;}
.left-list ul li{ border-bottom:1px dashed #cdcdcd; padding:10px 0px; float:left; width:40%; margin:0px 10px;}

.left-contact h3{ background:#0085da; color:#fff; border-top-left-radius:10px; border-top-right-radius:10px; text-align:center; padding:20px 0px; font-size:30px; margin:0;}
.left-contact h3 span{ font-size:14px; display:block;}







.ad01-bg{background:url(../images/ad01-bg.jpg) no-repeat top center; height:250px; text-align:center;}
.ad02-bg{background:url(../images/ad02-bg.jpg) no-repeat top center; height:230px; text-align:center;}
.ad01-bg img, .ad02-bg img{margin:0 auto;}

.index-ys{ width:580px;}
.index-ys dl dt{ font-size:28px; color:#0085da; border-bottom:1px solid #cdcdcd; float:right; width:460px;}
.index-ys dl dt span{ color:#999999; font-size:16px; display:block; font-weight:normal; padding-bottom:15px;}
.index-ys dl dd.pot{ float:left; width:80px;}
.index-ys dl dd.txt{width:460px; float:right; padding-top:20px;}
.index-ys dl dd ul li{background:url(../images/pot-dian.jpg) no-repeat top left; margin:8px 0px 8px 0px; padding-left:20px; font-size:16px;}

.btn-redm,.btn-redm:hover{ background:#0085da; color:#fff; padding:10px 20px; margin:10px 5px; font-size:16px; display:inline-block;}
.btn-black,.btn-black:hover{ background:#000000; color:#fff; padding:10px 20px; margin:10px 5px; font-size:16px; display:inline-block;}

.index-about h3{font-size:24px; color:#000; font-weight:bold;}
.index-about h3 span{color:#999999; font-size:16px; display:block; font-weight:normal; padding-bottom:15px; padding-top:5px;}
.index-about-btn{padding:0px 0px 0px 0px;}
.index-about a{color:#0085da;}
.index-about-btn a{color:#fff;}

.index-news-bg{background:url(../images/news-bg.jpg) no-repeat top center;}

.left-contact{ background:#0085da; color:#fff; padding:20px; font-size:16px; line-height:32px;}
.left-contact span{ font-family:impact; font-size:24px;}

.location{ border-bottom:1px dotted #cdcdcd; line-height:40px; margin-bottom:20px;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* - 产品详情图片 - */
/*-------------------------------------------------------------------------------------------------------------------------------*/
#outBox{
	
}
.w{
	width: 100%;
	height: 100%;
}
.leftBox{
	float: left;
}
.normalBox{
	overflow: hidden;
	position: relative;
	border: 1px solid #f2f2f2;
}
.normalBox .w{
	display: none;
}
.botBox{
	width: 100%;
	background: white;
	overflow: hidden;
	margin:10px 0px;
}
.botBox ul li{
	float: left;
	width: 20%;
	height: 100%;
	border: 1px solid #fff;
	border-radius: 5px;
	opacity: 0.5;
}
.bord{
	border-color: #f2f2f2 !important;
	opacity: 1 !important;
}
.moveBox{
	width: 200px;
	height: 200px;
	background: rgba(222,0,0,0.4);
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	cursor: move;
}
.magBox{
	width: 540px;
	height: 540px;
	border: 1px solid #f2f2f2;
	position: relative;
	float: left;
	overflow: hidden;
	display: none;
}

.magBox ul li{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}
#n,.m{
	display: block !important;
}
.box{
	width: 110px;
	margin: auto;
}