html { font-size: 62.5%; color: #222;}
::selection { background-color: #f60; text-shadow: none; color: #f00;}
::-moz-selection {color:#ff0000;}
ul,dl,li,dt,dd,h5 {margin: 0;padding: 0;}
li {list-style: none;}

/*工具样式*/
.center-block{display: block;margin: 0 auto;}
.pull-right{float: right !important;}
.pull-left{float: left !important;}
.text-right{text-align: right !important;}
.text-left{text-align: left !important;}
.text-center{text-align: center !important;}
.hide{display: none !important;}
.show{display: block !important;}
.invisible{visibility: hidden;}
.text-hide{font: 0/0 a;color: transparent;text-shadow: none;background-color: transparent;border: 0;}
.clearfix:befor,
.clearfix:after{content: "";display: table;}
.clearfix:after{clear: both;}

/*浏览器更新提示*/
.browserupgrade{padding: 5px;margin: 0;background-color: #fc0;text-align: center;font-size: 1.5rem;}
.browserupgrade a{color: #f30;padding: 0 5px;}

/*自定义页面样式*/
body{font-size: 1.4rem;line-height: 1.8;background-color: #fff;}
a{color: #666;text-decoration: none;}
a:hover, a:active{color: #f60;/*text-decoration: underline;*/}

.title{ text-align:center; padding:30px 0;}
.title h3{ color:#ff8501; font-size:2rem; padding:0; margin:0;}
.title h2{ font-size:2.5rem; padding:0; margin:0;}

/*header*/
.header{ height:100px; zoom:1; overflow:hidden;}
.logo-tel{ width:1200px; margin:0 auto;}
.logo{float:left;width: 694px;padding-top: 10px;zoom:1;overflow: hidden;}

.tel{ float:right; color:#666; padding-top: 20px; margin-left:60px;}
.tel span{font-size: 2.5rem; color:#ee393c;}

.nav{background:#009fe5;}
.nav ul{width: 1200px;margin:0 auto;zoom:1;overflow: hidden;}
.nav ul li{width:10%;display: inline-block;text-align: center;}
.nav ul li a{display: inline-block;height: 50px;line-height: 45px;font-size: 1.5rem;color:#fff;}
.nav ul li a:hover{height: 40px;line-height: 40px;}

/*wap*/
.wap-header{background:#fff;height: 60px;zoom:1;overflow: hidden;}
.wap-header .wap-logo{padding: 10px;width: 60%;float: left;}
.wap-header .wap-logo img{width: 100%;}
.wap-icon{padding: 10px;float: right;}
.wap-iconView{display: block;background: url(../img/menu.png) no-repeat;background-size: 80%;width: 35px;height: 34px;margin-top: 5px;}
.wap-nav{display: none;position: absolute;width: 100%;background: #fff;top: 60px;z-index: 100;border-top: solid 1px #ddd;background: #fefefe;}
.wap-nav ul li{height: 50px;line-height: 50px;border-bottom: solid 1px #ddd;font-size: 2rem;text-align: center;}
.wap-nav ul li a{display: inline-block;width: 100%;height: 100%;}
.wap-nav ul li a:hover,.wap-nav ul li a:active{color: #fff;background: #08c8b8;}

/*banner*/
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {background-position: center;background-size: cover;background-repeat: no-repeat;}
.swiper1{height: 800px;}

/*about*/
.about{ width:100%; background: url(../img/bg_about.jpg) no-repeat center bottom; background-size:cover; padding:5rem 0;}
.about .title{ color:#fff;}
.about .about-info{ width: 1000px; margin: 0 auto; color:#fff;}
.about .about-info p{ font-size:1.5rem; text-align:center; margin-bottom:5rem;}
.about-more{ width: 1000px; margin: 0 auto; padding:5rem 0; color:#fff; font-size:1.8rem; zoom:1; overflow:hidden;}
.about-more dl{ float:left; width:33%;}
.about-more dl dt{ float:left; margin-right:15px;}
.about-more dl dd h5{ font-size:2rem; margin-top:15px;}
.about-more dl dd h5 a{ color: #ffffff;}

/*product*/
.products-info{ width:100%; background: url(../img/bg_product.jpg) no-repeat center top; background-size:cover; padding:5rem 0;}
.products-type{ width: 1000px; margin: 0 auto;}
.products-type li{ display:inline-block; background:#ff8501; width:24%; height:5rem; line-height:5rem; margin: 0px 2px; border-radius:0.5rem; text-align:center;}
.products-type li a{ color:#fff; font-size:2rem;}
.products-view{ width: 1200px; margin: 0 auto; padding:8rem 0;}

.products-info h4{ background:#00a1e9; font-size:1.6rem; border:solid 1px #fff; width:15%; height:5rem; line-height:5rem; margin:0 auto; border-radius:5rem; text-align:center;}
.products-info h4 a{ color:#fff;}

/*cases*/
.grid {overflow: hidden;margin: 0;padding: 0;width: 100%;max-width: 1920px;list-style: none;text-align: center;}
.effect-marley{ padding:0; margin:0; position:relative; display:inline-block; z-index: 1;overflow: hidden;margin: 0.5%;width: 18%;height: auto;background: #000;text-align: center;max-height: 680px;cursor: pointer;}
.effect-marley img{position: relative; display: block; min-height: 100%; opacity: 1; width:100%;}
.effect-marley figcaption {position: absolute;text-align: right;margin:0;padding:0;top: 0;left: 0;width: 100%;height: 100%;color:#fff;}
.effect-marley figcaption h2 {margin:0;padding:0;padding:20px;top: 30px;font-weight: normal;letter-spacing: 2px;font-size: 22px;font-family: 微软雅黑;}
.effect-marley figcaption h2 span {margin:0;padding:0;font-weight: normal;font-size: 14px;font-family: candara;letter-spacing: 1px;border-bottom:solid 2px #fff;}
.effect-marley p {position: absolute;right: 20px;left: 20px;line-height: 2;letter-spacing: 0.5px;font-size: 13px;font-family: 微软雅黑;}
.effect-marley a{color: #ffffff;}
/*news*/
.news{ background: #f5f5f5; padding-bottom: 5rem;}
.news-info{width:1200px;margin:0 auto;zoom:1;overflow: hidden;}
.news-left{width: 46%;float: left;background: #fff;}
.news-left img{width:100%;height:235px;}
.news-left h4{ font-style:normal; font-size: 1.8rem;line-height: 1rem;padding:0 16px;}
.news-left p{line-height:24px; font-style:normal; padding:0 16px;}
.news-right{width: 50%;float: right;}
.news-right div.newsbg{ background:#fff; height:79px; padding:20px; margin-bottom:4px; zoom:1; overflow:hidden;}
.news-right div.newsbg .date{width:20%; height:60px; border-right:solid 1px #dedede; padding-top:10px; text-align:center; float:left;}
.news-right div.newsbg .date span{ display:block; margin-bottom:10px;}
.news-right div.newsbg .date a{ display:block; width:60px; height:20px; line-height:20px; margin:0 auto; background:#49aa81; text-align:center; color:#fff;}
.news-right div.newsbg .newTitle{ 	float:left; margin-left:30px; width: 70%;}
.news-right div.newsbg .newTitle h3{ line-height: 0.6rem;font-size:16px; font-weight:400; text-align: left;}
.news-right div.newsbg .newTitle p{ font-size:14px;font-weight:400; line-height:24px;}

/*contact*/
.contact{ width:100%; background: url(../img/bg_contact.jpg) no-repeat center bottom; background-size:cover; padding:5rem 0;}
.contact-info{ width:1200px; height:400px; margin:0 auto; position:relative;}
.contact-txt{ position:absolute; top:0; left:0; background:#ff8a00; color:#fff; width:390px; height:260px; padding:30px; font-size:1.5rem; line-height:1.5rem;}
.contact-txt h4{font-size:2rem; line-height:1.5rem;}
.contact-map{ position:absolute; top:50px; right:0; background:#fff; color:#fff; width:770px; height:320px; padding:30px;}
.contact-form{ position:absolute; top:20px;}
.contact-form h5{ color:#666; font-size:2rem;}
.map{ position:absolute; right:50px;}
.txt1{ border:solid 1px #ccc; width:300px; height:25px; padding:10px;}
.txt2{ border:solid 1px #ccc; width:300px; height:55px; padding:10px;}
.btn{ border:none; background:#ff8a00; color:#fff; width:120px; height:40px; cursor:pointer;}

/*footer*/
#footer { background:#393a3a;}
.foot{ width:1200px; margin:0 auto; zoom:1; overflow:hidden; padding:50px 0;}
.foot dl{ width:16.6%; float:left;}
.foot dl dt{ font-weight:bold; font-size:18px; color:#fff; margin-bottom:30px;}
.foot dl dd{ line-height:24px;}
.foot dl dd a{ color:#ccc;}
.foot dl dd a:hover{ color:#f90;}
.copyright{ background:#2f2f2f; padding:2rem;}
.copyright p { color:#adafbc; text-align:center;}

.xcx{ width:16.6%; float:left;}

.content-inner{width: 90%;margin: 0 auto;}
.content-inner h1{ text-align:center; border-bottom:dashed 1px #ddd;}
.content-inner img{ max-width: 100%;}
.honor-img{padding: 30px 0;}
.honor-img ul{ zoom:1; overflow:hidden; margin-right:-30px; border-bottom:solid 1px #ddd;}
.honor-img ul li{ float:left; width:270px; margin-right:30px; margin-bottom:30px;}
.honor-img ul li img{ width:100%; border:solid 1px #eee;height: 365px;}
.honor-img ul li span{ display:block; text-align:center;}

.list{ margin:30px auto;}
.list dl{ border-bottom:solid 1px #ddd; padding:20px 0;}
.list dl dt{ font-size:18px; line-height:40px;}
.list dl dt img{ width:300px; height:180px;}
.list dl dd.data{ font-size:14px; line-height:40px; color:#999;}
.list dl dd.txt{ font-size:14px; line-height:24px;}

.product-inner{ zoom:1; overflow:hidden; padding: 30px 0;}
.left{ width:200px; float:left;}
.right{ width:960px; float:right;}
.product_list p{ background:#eee url(../img/btn01_h.png) no-repeat 10px center; height:50px; display:block; padding-left:35px; line-height:50px; margin-bottom:15px; margin-top:0;}
.product-img{ zoom:1; overflow:hidden; margin-right:-30px; border-bottom:solid 1px #ddd;}
.product-img li{ float:left; width:298px; margin-right:30px; margin-bottom:30px;}
.product-img li img{ width:300px; height:220px; border:solid 1px #eee;}
.product-img li span{ display:block; text-align:center;}

.page{ text-align:center; padding:10px; font-size:14px;}

/*Wap*/
@media only screen and (max-width: 750px){
	.swiper1 { height: 200px;}
	.header,.nav,.about-more,.products-type,.products-view,.effect-marley p,.contact-map,.foot{ display: none; }
	.about .about-info{ width:90%;margin: 0 auto;color:#fff;}
	.about .about-info h3{ width:90%;}
	
	.products-view-wap{ width:95%; margin:0 auto;}
	.products-view-wap img{ width:100%;}
	.products-info h4{ width:80%; margin:0 auto; margin-top:2rem;}
	
	.effect-marley{ padding:0; margin:0; display:block; width: 95%; margin:0 auto; height:200px;}
	.effect-marley figcaption { text-align:center;}
	.effect-marley figcaption h2 {margin:0;padding:0;padding:20px;top: 30px;font-weight: normal;letter-spacing: 2px;font-size: 22px;font-family: 微软雅黑;}
	.effect-marley figcaption h2 span {margin:0;padding:0;font-weight: normal;font-size: 14px;font-family: candara;letter-spacing: 1px; border-bottom:solid 2px #fff;}
 	
	.news-info{ width:100%;}
	.news-left{ width: 100%; }
	.news-right{ width: 100%; margin-top: 10px; }
	.news-right div.newsbg{  height:100px;  }
	.news-right div.newsbg .date{ width:25%;  }
	.news-right div.newsbg .newTitle{ width:60%;  }
	
	.contact-info{ width:100%;}
	.contact-txt{ background:#ff8a00; color:#fff; width:85%; text-align:center; margin:0 auto; padding:20px; position:relative; font-size:1.5rem; line-height:1.5rem;}
	
	.honor-img ul li{  width:90%; margin: 0 auto; }
	.left{ float: none; width: 100%; }
	.right{ float: none; width: 100%; }
	.product_list p{  background:#eee url(../img/btn01_h.png) no-repeat 10px center;  height:50px;  display:block;  padding-left:35px;  line-height:50px;  margin-bottom:15px;  margin-top:0; }
	.product-img li{ width: 100%; margin-right: 0; float: none; }
	.product-img li img {  width: 90%; border: solid 1px #eee; }
}
@media only screen and (min-width: 1337px){
	.wap-header,.products-view-wap{ display: none; }
	.content-inner { width: 1200px; margin: 0 auto; }
	.products{ width: 1200px; margin: 0 auto; }
	.news-info{ width: 1180px; margin: 0 auto; }
}
@media only screen and (max-width: 1366px){
	.swiper1{height: 560px;}
}

.news-nav{ border-bottom:solid 1px #ddd; height:60px; line-height:60px;}
.news-nav p{ width:1180px; margin:0 auto;}
.news-nav p a{ background:url(../img/btn01.png) no-repeat left center; padding-left:15px; margin-right:15px;}