/* 
    Theme Name: monster-one
    Theme URL: http://www.mobantu.com
    Description: WordPress佛山市纵志科技有限公司
    Author: MOBANTU
    Author URI: http://www.mobantu.com
    Version: 1.0
*/

body{color:#434343;font-size: 14px;line-height: 1.5;background: #fff;color:#333;}
a{color:inherit;}
a:hover{color:#d82922;}
.container{max-width:1200px;margin:0 auto;position:relative;}

@font-face {font-family: "iconfont";
  src: url('static/font/iconfont.eot?t=1517382283800'); /* IE9*/
  src: url('static/font/iconfont.eot?t=1517382283800#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('static/font/iconfont.ttf?t=1517382283800') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('static/font/iconfont.svg?t=1517382283800#iconfont') format('svg'); /* iOS 4.1- */
}

.icon {font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.icon-search:before { content: "\e62e"; }
.icon-user:before { content: "\e735"; }
.icon-menu:before { content: "\e6f5"; }
.icon-close:before { content: "\e60a"; }

#header{padding:0;background: #000000;}
#header .logo{width:50px;height: 50px;display: inline-block;float: left;margin-top:5px;}
#header .nav-main{list-style: none;height: 60px;margin-left: 60px;}
#header .nav-main ul.left{float: left;}
#header .nav-main > ul > li{display: inline-block;line-height: 60px;font-size: 15px;padding:0 20px;position: relative;}
#header .nav-main > ul > li:last-child{padding-right: 0}
#header .nav-main > ul > li > a{color:#fff;}
#header .nav-main > ul > li.current-menu-item > a, #header .nav-main > ul > li > a:hover{color:#d82922;}
#header .nav-main > ul > li > ul{position: absolute;background: #444;z-index: 99;padding:0 20px;min-width:100px;display: none;left: 0;}
#header .nav-main > ul > li > ul > li{line-height: 40px;}
#header .nav-main > ul > li.mega{}
#header .nav-main > ul > li.mega > ul{background: #eee;list-style: none;width:100%;top:60px;padding:15px;position: fixed;left: 0;right: 0;color:#434343;}
#header .nav-main > ul > li.mega > ul li{float: left;list-style: none;margin-right: 15px;text-align: center;}
#header .nav-main > ul > li.mega > ul li img{width:120px;height: auto;}
#header .nav-main > ul > li.mega > ul li span{display: block;line-height: 30px;margin-bottom: -10px;font-size: 14px;}
#header .nav-main ul.right{float: right;}
#header .nav-main .menu-btn{display: none;}
#header .nav-main .li-search-wap{display: none;}

#header .sub-header > ul{background: #EEE;list-style: none;width:100%;top:60px;padding:15px;color:#434343;}
#header .sub-header > ul li{float: left;list-style: none;margin-right: 15px;text-align: center;}
#header .sub-header > ul li img{width:150px;height:auto;}
#header .sub-header > ul li span{display: block;line-height: 30px;margin-bottom: -10px;font-size: 14px;}



.search-form{display: none;position: relative;}
.search-form.show{display: inline-block;}
.search-form .search-input{border:1px solid #444;padding:15px 10px 15px 30px;height: 35px;line-height: 35px;width:200px;font-size: 14px;background: transparent;color:#fff;}
.search-form i{position: absolute;left: 10px;top:2px;color:#fff;font-size: 14px;}

.slider{width:100%;}
.slider .swiper-slide{position: relative;}
.slider .swiper-slide img{width:100%;height: auto;}
.slider .swiper-slide h2{font-size: 33px;position: absolute;top:30px;left:0;right:0;text-align: center;}
.slider .swiper-slide p{margin-bottom: 60px;}
.slider .swiper-slide a:hover{color:inherit;}
.slider .swiper-pagination{bottom:20px !important;}

.bigimg{padding:20px;}
.bigimg .item{width:calc(50% - 10px);margin-right: 20px;position: relative;float: left;}
.bigimg .item:nth-child(2n){margin-right: 0}
.bigimg .item a:hover{color: inherit;}
.bigimg .item h3{position: absolute;top:20px;left: 0;right: 0;font-size: 25px;text-align: center;}
.bigimg img{width:100%;height: auto;}

.content{margin:0 auto;}
.content h1{font-size: 22px;padding:20px 0;border-bottom:1px solid #eaeaea;}
.content h1.title.scrolled{position: fixed;top:0;left:0;right:0;background: rgba(255,255,255,.8);box-shadow: 0 0 10px rgba(37,45,51,.5);border:none;z-index: 999}
.content h1.title.scrolled-mob{position: fixed;top:50px;left:0;right:0;background: rgba(255,255,255,.8);box-shadow: 0 0 10px rgba(37,45,51,.5);border:none;z-index: 998;font-size: 18px;padding:10px 0;}
body.single-news .content h1{text-align: center;}
.content .feature img{width: 100%;height: auto;}
.content .product-nav{float: right;}
.content .product-nav a{display: inline-block;font-size: 16px;font-weight: normal;margin-left: 20px;}
.content .product-nav a.active{color:#d82922;}
.content .product-nav a.down{background: #d82922;color:#fff;padding:2px 5px;font-size: 14px;border-radius: 2px}
.product-main{background: #FFFFFF;}
.product-main.product-size{background: transparent;padding:50px 0;}
.product-main.product-size dl{position: relative;padding-left:200px;border-bottom:2px solid #eaeaea;padding-bottom:30px;margin-bottom: 30px;}
.product-main.product-size dl:last-child{border-bottom: none}
.product-main.product-size dl dt{width:200px;float: left;margin-left: -200px;vertical-align:center;}
.product-main.product-size dl dd span{display: inline-block;margin-right: 30px;}
.product-main .gallery{padding:0 20px;}
.product-main .gallery .gallery-item{float:left;width:calc(33.3333% - 13.3333px);margin-right: 20px;background: #fff;margin-bottom:20px;text-align: center;}
.product-main .gallery .gallery-item:nth-child(3n){margin-right: 0}
.product-main .gallery .gallery-item img{width:100%;height: auto;}
.product-main .gallery .gallery-item .gallery-caption{padding:15px;}
.single-main{max-width: 900px;margin:100px auto;}
.single-content{font-size: 16px;line-height: 1.6;padding:20px 0;}
.single-content#size{display: none;}
.single-content p{margin-bottom: 25px;}
.single-content img{max-width: 100%;height: auto;}
.single-content img.aligncenter{display: block;margin:0 auto;}
.list-content{font-size: 14px;line-height: 1.5;}
.list-content p{margin-bottom: 10px;}

.contact-form .form-left{font-size: 17px;float: left;width: 50%;padding-top: 57px;}
.contact-form .form-left p{margin-bottom: 15px;}
.contact-form .form-right{float: left;width: 50%;text-align: center;}
.contact-form .form-right img{max-width:80%;height: auto;}

.products-list-nav{text-align: center;margin-bottom:30px;margin-top: 30px;}
.products-list-nav li{list-style: none;display: inline-block;}
.products-list-nav a{display: inline-block;padding:8px 28px;background: #eaeaea;margin:0 5px;}
.products-list-nav a:hover, .products-list-nav li.current-menu-item a{background: #333;color:#fff;}
.products-list{margin:30px -15px 30px;}
.products-list .item{float: left;width: calc(25% - 30px);border:1px solid #eaeaea;margin:15px;}
.products-list .item img{width: 100%;height: auto;}
.products-list .item h3{font-size: 16px;color:#333;margin-top: 10px;text-align: center;margin-bottom: 10px;}

.news-list{margin:30px 0 30px;}
.news-list .item{margin-bottom: 40px;}
.news-list .item h3{font-size: 17px;color:#333;}
.news-list .item .date{color:#aaa;}
.news-list .item .des{margin-top: 10px;}

.sidebar{position: absolute;right: 0;top:70px;width:280px;border:1px solid #eaeaea;padding:15px;}
.sidebar h3{margin-bottom: 10px;}
.sidebar p{margin-top: 10px;}
.sidebar img{max-width: 100%;height: auto;}

.pagination{margin:0;padding:0;text-align:center;font-size:12px;display:block;border-radius:0}
.pagination ul{display:inline-block;*display:inline;*zoom:1;margin-left:0;margin-bottom:0;padding:0}
.pagination ul > li{display:inline}
.pagination ul > li > a,.pagination ul > li > span{margin:0 2px;float:left;padding:5px 12px;background-color:#ddd;color:#666;border-radius:2px;opacity:.88}
.pagination ul > li > a:hover,.pagination ul > li > a:focus{opacity:1}
.pagination ul > .active > a,.pagination ul > .active > span{background-color:#386ee9;color:#fff}
.pagination ul > .active > a,.pagination ul > .active > span{cursor:default}
.pagination ul > li > span,.pagination ul > .disabled > span,.pagination ul > .disabled > a,.pagination ul > .disabled > a:hover,.pagination ul > .disabled > a:focus{color:#999;background-color:transparent;cursor:default}

#footer{padding:40px 0;background: #eee;color:#333;text-align: center;}
#footer .links{margin-bottom: 30px;}
#footer .footer-nav > li{width:25%;float: left;}
#footer .footer-nav > li > a{font-weight: 600;font-size: 15px;}
#footer .footer-nav > li > ul{margin-top: 10px;}
#footer .footer-nav > li > ul > li{margin-top: 5px;}
#footer .footer-nav > li > ul > li img{max-width: 100px;height: auto;}
.operation-serve{margin-bottom:20px;padding-bottom:20px;border-bottom:1px dashed #e2e2e2;overflow:hidden}
.operation-serve .info{border-bottom:1px solid #eeeeee;padding:12px 14px 8px 14px}
.operation-serve .info h4{line-height:28px;color:#000000;font-size:16px}
.operation-serve .info p{line-height:26px;color:#666;font-size:12px}
.operation-serve ul li{width:25%;float:left;padding-top:10px;height:95px;position:relative}
.operation-serve ul .picbox{height:60px}
.operation-serve ul .picbox img{max-height:60px}
.operation-serve ul .picbox .pic2{height:100%;line-height:100%;width:100%}
.operation-serve ul .picbox img{border:0;vertical-align:middle;display:block;margin:0 auto;max-width:110px}
.operation-serve ul .picbox .pic2{position:relative;z-index:1;display:table;text-align:center;font-size:0;*display:block;*layout-grid-line:100%}
.operation-serve ul .picbox .pic2 p{display:table-cell;vertical-align:middle;*display:inline;*writing-mode:tb-rl;*text-align:center;*height:100%}
.operation-serve ul .picbox .pic2 img{vertical-align:middle}
.operation-serve ul p{line-height:18px;color:#666666;text-align:center}
.operation-serve ul .mark{position:absolute;display:block;background:url(static/img/arrow.png);width:24px;height:20px;top:28px;left:-10px}

@media (max-width:1220px){
	.container{padding:0 10px;}
}

@media (max-width:1024px){
	#header .nav-main > ul > li{padding:0 15px;}
	.search-form .search-input{width:150px;}
	.slider .swiper-slide h2{top:20px;font-size: 30px;}
	.bigimg .item h3{top:30px;font-size: 26px;}
}

@media (max-width:768px){
	body{margin-top: 50px;}
	#header{text-align: center;position: fixed;top:0;z-index: 999;left:0;right:0;}
	#header .nav-main{height: 50px;margin-left: 0}
	#header .nav-main ul.left{display:none;float: none;width:100%;background: #000000;position: fixed;top: 0;bottom: 0;z-index: 1000;    margin-left: -10px;margin-top: 50px;}
	#header.menu-show .nav-main ul.left{display: block;}
	#header .nav-main > ul.left > li{display: block;text-align: left;}
	#header .nav-main ul.right .li-search{display: none;}
	#header .nav-main > ul > li{line-height: 50px;}
	#header .nav-main .menu-btn{display: block;position: absolute;left: 10px;color:#fff;margin-top: 11px;}
	#header .nav-main .menu-btn i{font-size: 20px;}
	#header .logo{display: inline-block;width: 40px;height: 40px;float: none;position: absolute;left: calc(50% - 20px);}
	#header .nav-main .li-search-wap{display: block;color: #fff}
	.search-form-wap .search-input{border:none;border-color:#444;border-bottom:1px solid #fff;font-size: 14px;background: transparent;-webkit-appearance:none;border-radius: 0}

	.slider .swiper-slide img{height: auto;}
	.slider .swiper-slide h2{top:3px;font-size: 20px;}

	.bigimg{padding:10px 0;}
	.bigimg .item{width:100%;margin-bottom: 10px;}
	.bigimg .item:last-child{margin-bottom: 0}
	.bigimg .item h3{top:3px;font-size: 20px;}

	.content h1.title{font-size: 18px;padding:10px 0;}
	.content .product-nav a{font-size: 14px;margin-left: 10px;}
	.product-main .gallery{padding:0 10px;}
	.product-main .gallery .gallery-item{width:100%;margin-right: 0;margin-bottom: 10px;}
	.product-main.product-size{padding:20px 10px;}
	.product-main.product-size dl{padding-left: 125px;}
	.product-main.product-size dl dt{width:125px;margin-left: -125px;}

	.single-main{margin: 20px auto;}

	.contact-form .form-left, .contact-form .form-right{width:100%;}

	.products-list{margin-top: 20px;}
	.products-list .item{width:calc(100% - 30px);margin:0 15px 10px;}

	#footer{padding:20px 0;}
	.operation-serve ul .picbox .pic2 img{height: 35px;}
	.operation-serve ul .mark{background-size: cover;width: 18px;height: 15px;top:34px;}
	#footer .footer-nav > li{width:100%;margin-bottom: 10px;text-align: left;border-bottom:1px solid #e2e2e2;padding-bottom:10px }
	#footer .footer-nav > li > a{display: block;position: relative;}
	#footer .footer-nav > li > a:after{content:"+";position: absolute;right: 0;font-size: 16px;}
	#footer .footer-nav > li > a.expend:after{content:"-";}
	#footer .footer-nav > li > .sub-menu{display: none;}
	#footer .footer-nav > li > .sub-menu.show{display: block;}
	
}

@media (max-width:640px){

}

@media (max-width:480px){
	
}