*{padding: 0;margin: 0;}
a{text-decoration: none;color: #000;}
li{list-style: none;}
.clearfix:after{display: block; content: "";height: 0;clear: both;visibility: hidden;}
.clearfix{zoom: 1;}
body{font-size: 14px;font-family: "微软雅黑";position: relative;}
.main{width: 1200px; margin: 0 auto;}

/*头部开始*/
.header{height: 100px;width: 100%;position: relative;}
.menu{display: none; text-align: center; width: 50px;height: 50px;border-radius: 5px; background: #1696c5;position: absolute;top: 50%;right: 0;transform: translate(0,-50%);}
.menu img{width: 60%;margin-top: 8px;}
.hidnav{display: none; width: 100%;height: 100%;background: rgba(0,0,0,0.9); position: absolute;z-index: 999;}
.hidnav li a{display: inline-block; width: 100%; color: #fff;padding: 0 20px;font-size: 20px;line-height: 200%; border-bottom: 1px solid #fff;}
.hidnavx{text-align: right;color: #fff;font-size: 20px;margin-right: 20px;margin-top: 10px;}
.pos{position: relative;height: 100%;}
.logo{position: absolute;left: 0;top: 50%;transform: translate(0,-50%);}
.hotline{position: absolute;right: 0;top: 50%;transform: translate(0,-50%);background: url(../images/tel.png)left center no-repeat;padding-left: 50px;}
.hotline h3{font-weight: normal;color: rgb(102, 102, 102);font-style: italic;line-height: 150%;}
.hotline h2{font-size: 22px;line-height: 150%;font-style: italic;}
.nav{height: 60px;width: 100%;background: rgb(8, 8, 8);}
.nav-list{width: 75%;float: left;}
.nav-list li a{border-right: 1px dashed #5a5a5a; float: left; color: #fff;display: inline-block;width: 14%; height: 36px;line-height: 36px; margin-top: 12px;text-align: center;}
.nav-list li a:hover{background: #1696c5;}
.on{background: #1696c5;}
.search{float: right;margin-top: 12px;}
.search input{float: left;height: 34px;border: 1px solid #5a5a5a;background: rgba(0,0,0,0);color: #fff;}
.search button{width: 50px; height: 36px;background: #1696c5;border: none;color: #fff;}
/*轮播图开始*/
.slider{ width:100%; overflow:hidden; position:relative; z-index: 100;}
.slid02{ display:none;}
.rslides {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;}
.rslides li {-webkit-backface-visibility: hidden;position: absolute;display: none;width: 100%;left: 0;top: 0;}
.rslides li:first-child {position: relative;display: block;float: left;}
.rslides img {display: block;float: left;width: 100%;height: 100%;border: 0;}
.callbacks_nav {
		position: absolute;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		top: 50%;
		left: 0;
		z-index: 3;
		text-indent: -9999px;
		text-decoration: none;
		height: 61px;
		width: 36px;
		/*background: transparent url(../images/prv.png) no-repeat left top;*/
		margin-top: -31px;
	}
.callbacks_nav.next {left: auto;background-position: right top;right: 0;}
.callbacks_nav {left: 20px;}
.callbacks_nav.next {right: 20px;}
ul.callbacks_tabs {
		display: block;
		position:absolute;
		bottom:10px; text-align:center;
		left:50%; transform: translateX(-50%); z-index:2;
	}
ul.callbacks_tabs li{ float:left;}
ul.callbacks_tabs li a{ display:inline-block; width:15px; height:15px; font-size:0; background-color: #5a5a5a; margin:0 5px; border-radius:50%;}
ul.callbacks_tabs li.callbacks_here a{ background-color:#fff;}
/*三个优势*/
.three{margin: 80px 0;}
.three li{width: 25%; background: url(../images/thbg.jpg)no-repeat;padding: 2% 3%;float: left;}
.three li .tpic{width: 15%; float: left;margin-right: 40px;margin-top: 20px;}
.three li .txt{width: 70%; float: left;}
.three li .txt h2{font-size: 20px;color: #fff;font-weight: normal;background: url(../images/spanbg.png)no-repeat left bottom;padding-bottom: 8px;}
.three li .txt p{font-size: 12px;line-height: 180%;color: #fff;margin-top: 8px;}
.three li.mar{margin: 0 3.5%;}
.threehid{margin: 30px 0;display: none;}
.threehid li{width: 31%;margin: 1%;float: left;text-align: center;}
.threehid li p{font-size: 20px;color: rgb(90, 90, 90);line-height: 200%;}
.threehid .tpic-hid{display: flex;align-items: center;justify-content: center; width: 150px;height: 150px; border-radius: 50%;background-color: #1696c5;margin: 0 auto;}
.threehid .tpic-hid img{width: 50%;}
/*关于我们*/
.about{width: 100%;background: rgb(245, 245, 245);padding-top: 30px;padding-bottom: 80px;}
.title{text-align: center;background: url(../images/titlebg.png)no-repeat bottom center;padding-bottom: 15px;margin: 50px 0;}
.title h2{font-size: 34px;color: rgb(33, 33, 33);font-weight: normal;}
.abpic{width: 42%;float: left;}
.abpic img{width: 100%;}
.abtxt{width: 53%;float: right;color: rgb(136, 136, 136);line-height: 250%;}
.abtxt a{display: block; width: 129px;height: 38px;line-height: 38px;background: rgba(8,8,8,1);color: #fff;text-align: center;margin-top: 30px;}
/*产品中心*/
.product{width: 100%; padding-top: 30px;padding-bottom: 80px;overflow: hidden;}
.product-list{width: 100%;}
.product-list li{overflow: hidden; float: left;width: 23%;margin: 1.5% 0.9%; border:1px solid #ddd;}
.product-list li img{width: 100%;}
.product-list li .img2{display: none;}
.product-list li.da{width: 45%;}
.product-list li.mar{margin-left: 2.5%;margin-right: 2.5%;}
.productlist-hid{width: 100%;display: none;}
.productlist-hid li{width: 48%;margin: 1%;float: left;text-align: center;}
.productlist-hid li img{width: 100%;}
.productlist-hid li p{font-size: 16px;color: rgb(90, 90, 90);line-height: 200%;}
.product .bk .img img{width:100%;-moz-transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    transition: all 1s ease 0s;}
.product  li:hover .bk .img img{-moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);}
/*固定背景*/
.fix{overflow: hidden; width: 100%;height: 320px;text-align: center;background: url(../images/fixbg.jpg)no-repeat center center;background-attachment: fixed;}
.fix .fixed{width: 100%;margin-top: 50px;}
.fix .fixed h2{font-size: 36px;line-height: 165%;color: rgb(255, 255, 255);}
.fix .fixed a{margin-top: 30px; display: inline-block;width: 150px;height: 40px;line-height: 40px;background-color: transparent;border: 1px solid #fff;color: #fff;}
.fix .fixed a:hover{background: #fff;color: #000;}
/*新闻中心*/
.news{padding-top: 30px;padding-bottom: 80px;}
.news-list li{width: 31%;margin: 1%;float: left;}
.news-list li a.pos{position: relative;}
.news-list li img{width: 100%;}
.news-list li .wp-title{position: absolute;left: 0;bottom: 3px; width: 100%;height: 38px;text-align: center;background: rgba(22, 150, 197,0.7);line-height: 38px;color: #fff;}
.newstxt{margin-top: 20px;}
.newstxt a{font-size: 16px;color: #1696c5;line-height: 24px;}
.newstxt p{font-size: 12px;line-height: 22px;color: #999;}
.news-list .line{display: inline-block;width: 100%;height: 1px; background: #ccc;margin: 20px 0;}
.newsp{font-size: 12px;line-height: 250%;}
.newsp span{color: #999;margin-right: 10px;}
.newsp a{color: #666;}
.newsp a:hover{color: #1696c5;}
.newslist-hid{display: none;}
.newslist-hid .news-inli li{padding: 20px;overflow: hidden;border-bottom: 1px dashed #ccc;}
.newslist-hid .news-inli .time{width: 80px;height: 80px;background-color: #1696c5;float: left;text-align: center;}
.newslist-hid .news-inli .time span{font-size: 24px;line-height: 30px;color: #fff;display: inline-block;margin-top: 12px;}
.newslist-hid .news-inli .time p{font-size: 14px;color: #fff;} 
.newslist-hid .news-inli .info{margin-left: 100px;overflow: hidden;}
.newslist-hid .news-inli .info h3{font-size: 16px;color: #333;font-weight: normal;line-height: 26px;}
.newslist-hid .news-inli .info h4{display: none; font-size: 13px;color: #333;font-weight: normal;}
.newslist-hid .news-inli .info p{font-size: 13px;color: #666;line-height: 26px;}
/*底部*/
.footer{width: 100%;height: 180px;background: rgb(8, 8, 8);overflow: hidden;}
.footer .left{margin-top: 30px;width: 60%;float: left;}
.footer .left p{font-size: 14px;color: rgb(102, 102, 102);line-height: 240%;}
.footer .left p span{margin-right: 10px;}
.footer .left p a{font-size: 14px;color: rgb(102, 102, 102);line-height: 240%;}
.footer .right{margin-top: 30px;width: 30%;float: right;}
.footer .right p{float: right;margin-right: 20px;text-align: center;}
.footer .right p span{display: block;color: #fff;}
/*关于我们内页*/
.about-in{width: 100%;padding-bottom: 60px;}
.inleft{width: 20%;float: left;margin-top: 30px;}
.inleft .ab{overflow: hidden; width: 100%;height: 110px;background: url(../images/thbg.jpg)no-repeat;text-align: center;}
.inleft .ab h2{font-size: 25px;color: #fff;line-height: 150%;font-weight: normal;margin-top: 20px;}
.inleft .ab h3{font-weight: normal;font-size: 18px;color: #fff;}
.inleft .ul-list li{width: 100%;height: 53px;line-height: 53px;background: #eee;text-align: center;margin-top: 3px;}
.inleft .ul-list li a{display: inline-block;width: 100%;}
.inleft .ul-list li a:hover{background: #1696c5;color: #fff;}
.inleft .con{width: 100%;margin-top: 30px;position: relative;}
.inleft .con img{width: 100%;}
.inleft .con a{display: inline-block;width: 60%;height: 44px;line-height: 44px; text-align: center; border: 1px solid #fff;color: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.inleft .con a:hover{background: #fff;color: #1696c5;}
.inright{width: 75%;float: right;margin-top: 30px;}
.inright .point{width: 98%;padding: 1%;background: rgb(245, 245, 245);}
.inright .point p a{color: rgb(136, 136, 136);}
.inright .content{margin-top: 20px;}
.inright .content p{color: rgb(102, 102, 102);line-height: 230%; text-align: left;}
/*新闻中心内页*/
.news-in{padding-bottom: 50px;}
.news-inlist li{margin-top: 10px;}
.news-inlist li h3{font-size: 16px;color: #666;line-height: 150%;}
.news-inlist li h3:hover{color: #1696c5;}
.news-inlist li p{font-size: 12px;color: #999;line-height: 150%;}
/*分页样式*/
.page_info{text-align:center;margin: 20px;color:#333;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:12px;margin:20px 0;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list a.on{color:#333;border:1px solid #ccc;background:#E5EDF2;}
/*产品中心内页*/
.product-inlist{width: 100%;}
.product-inlist li{width: 23%;margin: 1%;float: left;}
.product-inlist li img{width: 100%;}
.intitle{text-align: center;margin: 30px 0;color: rgb(63, 105, 136);display: none;}
.select{width: 80%;margin: 0 auto;display: none;}
.select a{display: inline-block;text-align: center; width: 32%;height: 35px;line-height: 35px;margin: 5px 0;background: #1696c5;color: #fff;}
/*留言内页*/
.message-in{padding-bottom: 50px;}
.message-in .content{margin-top: 88px;}
.message-in .content .input{width: 80%;margin: 0 auto;}
.message-in .content .input li{margin: 50px 0;}
.message-in .content input{width: 76%;height: 40px;padding: 0 1%;float: left;}
.message-in .content textarea{width: 76%;height: 40px;padding: 0 1%;float: left;}
.message-in .content p{width: 15%;float: left;line-height: 40px;}
.message-in .content p span{color: #cc0000;}
.message-in .content .input li a.btn{display: inline-block;width: 78%;height: 42px;line-height: 42px;background: #1696c5;margin-left: 15%;text-align: center;color: #fff;}
/*联系我们内页*/
.contact-in{padding-bottom: 50px;}
.contact-in .content{font-size: 16px;color: rgb(136, 136, 136);}
.contact-in .tel{width: 50%;float: left;margin: 10px 0;}
.contact-in .tel p{padding-left: 50px;background: url(../images/con1.png)no-repeat left center;}
.contact-in .email{width: 50%;float: left;margin: 10px 0;}
.contact-in .email p{padding-left: 50px;background: url(../images/con3.png)no-repeat left center;}
.contact-in .qq{width: 50%;float: left;margin: 10px 0;}
.contact-in .qq p{padding-left: 50px;background: url(../images/con2.png)no-repeat left center;}
.contact-in .people{width: 50%;float: left;margin: 10px 0;}
.contact-in .people p{padding-left: 50px;background: url(../images/con4.png)no-repeat left center;}
.contact-in .address{margin: 10px 0;}
.contact-in .address p{padding-left: 50px;background: url(../images/con5.png)no-repeat left center;}
.contact-in .map{width: 100%;}
.contact-in .map img{width: 100%;}
/*详情页*/
.newsshow-in{padding-bottom: 50px;}
.productshow-in{padding-bottom: 50px;}
.proshow-title{text-align: center;margin: 30px 0 ;}
.proshow-title h3{font-size: 20px;color: #434343;line-height: 160%;}
.desc{width: 98%;background: #F5F5F5;line-height: 180%;color: #868686;padding: 10px;margin: 8px 0;}
.showimg{text-align: center;margin: 20px 0;}
#textarea{color: #5a5a5a;}
.preNext{margin: 20px 0;}
.preNext ul li{margin: 10px 0; color: #5a5a5a;}
.preNext ul li a{color: #5a5a5a;}
/*自适应*/
@media screen and (max-width: 1200px) {
	.main{width: 94%;margin: 0 auto;}
	.three{display: none;}
	.threehid{display: block;}
}
@media screen and (max-width: 960px){
	.title{margin: 20px 0;}
	.threehid .tpic-hid{width: 130px;height: 130px;}
	.abpic{display: none;}
	.abtxt{width: 100%;}
	.abtxt a{margin: 0 auto;margin-top: 30px;}
	.about{padding-bottom: 30px;}
	.product{padding-bottom: 30px;}
	.news{padding-bottom: 30px;}
	.news-list{display: none;}
	.newslist-hid{display: block;}
	.main .product-list{ width:100%;}
	.product-list li{ width: 47%;margin: 1%;float: left;text-align: center; border:#CCC 1px solid}
}
@media screen and (max-width: 768px){
	.nav{display: none;}
	.hotline{display: none;}
	.menu{display: block;}
	.slid01{display: none;}
	.slid02{display: block;}
	
	.fix{display: none;}
	.footer .right{display: none;}
	.footer .left{width: 100%;text-align: center;}
	.footer{height: auto;}
	.footer .left{margin: 30px 0;}
	.inleft{display: none;}
	.inright{width: 100%;}
	.intitle{display: block;}
	.select{display: block;}
	.product-inlist li{width: 31%;}
	.message-in .content .input{width: 90%;}
	.contact-in .tel{width: 100%;margin: 10px 0;}
	.contact-in .email{width: 100%;margin: 10px 0;}
	.contact-in .qq{width: 100%;margin: 10px 0;}
	.contact-in .people{width: 100%;margin: 10px 0;}
	.contact-in .address{margin: 10px 0;}
	.contact-in .map{display: none;}
	.contact-in{padding-bottom: 30px;}
	.main .product-list{ width:100%;}
	.product-list li{ width: 47%;margin: 1%;float: left;text-align: center; border:#CCC 1px solid}
}
@media screen and (max-width: 520px){
	.threehid .tpic-hid{width: 100px;height: 100px;}
	.threehid li p{font-size: 16px;}
	.threehid{margin: 20px 0;}
	.about{padding-top: 10px;}
	.product{padding-top: 10px;}
	.news{padding-top: 10px;}
	.title h2{font-size: 30px;}
	.about-in{padding-bottom: 20px;}
	.news-in{padding-bottom: 20px;}
	.select{width: 100%;}
	.product-inlist li{width: 48%;}
	.message-in{padding-bottom: 20px;}
	.message-in .content{margin-top: 30px;}
	.message-in .content .input{width: 100%;}
	.message-in .content p{width: 100%;}
	.message-in .content input{width: 97%;}
	.message-in .content textarea{width: 97%;}
	.message-in .content .input li{margin: 20px 0;}
	.message-in .content .input li a.btn{width: 100%;margin: 0;}
	.newsshow-in{padding-bottom: 20px;}
	.productshow-in{padding-bottom: 20px;}
	.showimg{width: 90%;margin: 20px auto;}
	.showimg img{width: 100%;}
}
@media screen and (max-width: 430px){
	.abtxt{line-height: 200%;}
	.abtxt a{margin-top: 20px;}
	.threehid .tpic-hid{width: 80px;height: 80px;}
	.title{margin: 10px 0;}
	.newslist-hid .news-inli li{padding: 20px 0;}
	.newslist-hid .news-inli .time{display: none;}
	.newslist-hid .news-inli .info{margin: 0;}
	.newslist-hid .news-inli .info h4{display: block;}
	.footer .left p span{display: none;}
	.menu{width: 30px;height: 30px;}
	.menu img{margin-top: 6px;}
	.logo img{width: 80%;}
	.header{height: 65px;}
}
@media screen and (max-width: 380px){
	
}