@charset "utf-8";
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;}
/* CSS Document */

.header{ width:100%; height:90px; background:#fff; position:fixed; z-index:999; box-shadow:0px 0px 13px 3px rgba(0, 0, 0, 0.26); opacity:0.95;}
.logo{ padding-left:20px; margin-top:20px;}
.nav{ margin-right:30px; margin-left:30px; margin-top:20px;}
.nav li{ float:left; font-size:16px; margin-right:20px;}
.tel{ padding-right:20px; margin-top:20px;}
.tel strong{ font-size:20px; color:#f30;}

/*wap*/
.wap-header{background:#fff;height: 60px;zoom:1;overflow: hidden;}
.wap-header .wap-logo{padding: 10px;width:40%;float: left;}
.wap-header .wap-logo img{width: 100%;}
.wap-icon{padding: 10px;float: right;}
.wap-iconView{display: block;background: url(../images/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-slide1 {width: 100%;height:100%;background-position: center 90px;background-size: 100%; background-repeat:no-repeat;}


.about{ width:100%; height:600px; padding:60px 0; background:url(../images/bg_about.jpg) no-repeat center center;}
.honor{ width:100%; height:400px; padding:60px 0; background:url(../images/bg_honor.jpg) no-repeat center center;}
.product{ width:100%; height:600px; padding:60px 0; background:url(../images/bg_product.jpg) no-repeat center top;}
.contact{ width:100%; height:800px; padding:60px 0; background:url(../images/bg_contact.jpg) no-repeat center center;}

/*about*/
.intro{ width:1200px; margin:0 auto; padding:60px 0; zoom:1; overflow:hidden;}
.honor_info img{width: 280px;height: 260px;}
.about_txt{ width:580px;}
.about_icon{ height: auto; overflow: hidden; padding:30px 0;}
.about_icon ul{ margin:0 auto; padding:0; text-align: center;}
.about_icon ul li{width: 177px;height: auto;overflow: hidden;float: left;position: relative;margin-right: 23px;}
.about_icon ul li a{ display: block; color: #999;}
.about_icon ul li a .pic{transition: 0.5s;width: 147px;height:80px;overflow: hidden;background-repeat: no-repeat;background-position: left top;}
.about_icon ul li a font{display:block;padding-top: 15px;position: absolute;top: 0px;right: 10px!important;text-align: left;}
.about_icon ul li a font i{font-size: 16px;padding-right:4px;color: #333;font-style: normal;text-align: left;font-weight: bold;}
.about_icon ul li:nth-of-type(3){ margin-right:0;}
.about_icon ul li a:hover .pic{background-position: left bottom; transition: 0.5s;}
.about_icon ul li a:hover{ color:#00a1e9;}
.about_icon ul li a:hover font i{ color:#00a1e9;}

.more{ width:120px;}
.more a{display:block;height:38px;line-height:38px;color: #fff;background: #00a1e9;text-align:center;font-size: 14px;transition: 0.6s;}
.more a:hover{background:#19548c;color:#fff;}

.about_video{ width:530px; height:330px; background:#eee;}
.about_video video{ width: 500px; height: 328px; }

.more02 a{display:block;height:38px;line-height:38px;color: #fff;background: #00a1e9;text-align:center;font-size: 14px;transition: 0.6s;}
.more02 a:hover{background:#19548c;color:#fff;}

/*product*/
.product_inner{ width:1200px; margin:0 auto; zoom:1; overflow:hidden;}
.product_type{ width:240px; float:left;}

.product_type h3{ background:#dd2422; height:60px; padding:20px; color:#fff; font-size:32px;}
.product_type ul{ background:#fff; height:308px; font-size:16px;}
.product_type ul li{ border-top:solid 1px #ddd; line-height:40px; padding:18px 20px; cursor:pointer;}
.product_type ul li:hover{background:#dd2422; border-top:solid 1px #ddd;}
.product_type ul li:hover a{ color:#fff;}

.product_img{ width:900px; float:right;}
.product_list01{ margin-right:-30px; zoom:1; overflow:hidden;}
.product_list01 li{ float:left; width:430px; margin-right:30px; margin-bottom:30px;}
.product_list01 li img{ width:430px; height:300px; border:solid 1px #eee;}
.product_list01 li span{ background:#fff; height:36px; line-height:36px; display:block; text-align:center;}

.product_list02{ margin-right:-30px; zoom:1; overflow:hidden;}
.product_list02 li{ float:left; width:200px; margin-right:30px; margin-bottom:30px;}
.product_list02 li img{ width:200px; height:150px; border:solid 1px #eee;}
.product_list02 li span{ background:#fff; height:36px; line-height:36px; display:block; text-align:center;}

/*honor*/
.swiper-container{ padding:60px;}


/*news*/
.news{background: #fff;padding: 5rem 0 0 0;}
.news h3{font-size: 2.8rem;text-align: center;}
.news-info{width:1200px;margin:0 auto; padding:50px 0; zoom:1;overflow: hidden;}
.news-left{width: 46%;float: left;background: #f1f2f4; padding-bottom:1.6rem;}
.news-left img{width:100%;height:265px;}
.news-left h4{ font-style:normal; font-size: 1.8rem;line-height: 6rem;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:#f1f2f4; 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: 2.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;}

.friends .intro img{ width:150px; height:90px; border:solid 1px #ddd;}

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

.footer{ background:#f9f9f9;}
.foot_left{ width:480px;}
.foot_left p{ font-size:16px; line-height:40px;}
.foot_right{ width:580px; background:#fff; zoom:1; overflow:hidden; padding:20px 50px;}
.copyright{ background:#0268ba; padding:10px 0;}
.copyright p{ text-align:center; color:#fff;}

.footInfo{ margin-bottom:20px;}
.footInfo dl{ padding:20px; background:#e5e5e5; width:1165px; margin:0 auto; zoom:1; overflow:hidden;}
.footInfo dl dt{ float:left;}
.footInfo dl dd{ float:left; margin-left:15px;}
.footInfo dl dd img{ height: 45px;max-width: 140px}

.banner-inner{ height:376px; padding-top:80px;}
.banner-bg1{ background:url(../images/ty_bj.jpg) no-repeat center 80px;}
.banner-bg2{ background:url(../images/xw.jpg) no-repeat center 80px;}
.banner-bg3{ background:url(../images/cp_bj.jpg) no-repeat center 80px;}
.banner-inner h3{ width:1180px; margin:0 auto; font-size:24px; color:#fff; padding-top:280px;}
.banner-inner p{ width:1180px; margin:0 auto; color:#fff;}
.banner-inner p a{ color:#fff;}
.banner-inner p a:hover{ color:#f60;}

.content-inner{ width:1200px; margin:0 auto; padding:50px 0;}
.content-inner h1{ text-align:center; border-bottom:dashed 1px #ddd;}
.content-inner p{ margin-top:15px;}
.content-inner img{max-width: 800px;}

.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(../images/btn01.png) no-repeat left center; padding-left:15px; margin-right:15px;}

.list{ width:1180px; 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;}
.left{ width:200px; float:left;}
.right{ width:960px; float:right;}

.first>li{ background:#eee url(../images/btn01_h.png) no-repeat 10px 20px; text-indent:35px; line-height:50px; margin-bottom:15px; cursor:pointer;}
.first>li:hover{ color:#dd2422;}
.second{ display:none;}
.second>li{ background:#fff url(../images/btn01_h.png) no-repeat 20px 20px; text-indent:40px; border-bottom:dashed 1px #ddd; height:50px; line-height:50px;}
.menu:hover .second{ display:block;}

.product-img{ zoom:1; overflow:hidden; margin-right:-30px; border-bottom:solid 1px #ddd;}
.product-img li{ float:left; width:300px; 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;}

.honor-img { width:100%;}
.honor-img ul{ width:100%; 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:270px; height:380px; border:solid 1px #eee;}
.honor-img ul li span{ display:block; text-align:center;}


.lianxiwomenInfo{ text-align:center; padding-bottom:15px;}
.xiaochengxvma img{ display:block; width:50%; margin:15px auto;}
.xiaochengxv img{width:154px;height: 147px;}

/*Wap*/
@media only screen and (max-width: 750px){
	.swiper1 { height: 200px;}
	.swiper-slide1 {background-position: center;background-size:cover;}
	.header,.nav,.about_icon,.product_inner,.foot_pc,.swiper2,.swiper3,.footInfo{ display: none;}
	.tac img{ width:100%;}
	.about{ height:auto; padding:0;}
	.intro{ width:90%; padding:20px 0; margin:0 auto;}
	.intro img{width:168px; }
	.about_txt{ float:none;}
	.more{ width:95%; margin:0 auto; padding:20px 0;}
	.more02{ width:95%; margin:0 auto; padding:20px 0;}
	.about_video{ width:100%; height:200px; margin:0 auto; float:none; display:block;}
	.about_video video{width: 382px;height: 199px;}
	
	.title{ display:block;}
	.product{ height:auto; padding:0;}
	.product-intro{ padding:20px 0;}
	.product_list03{ width:100%; padding-left:10px; zoom:1; overflow:hidden;}
	.product_list03 li{ float:left; width:44%; margin-right:20px; margin-bottom:10px;}
	.product_list03 li img{ width:100%; height:120px; border:solid 1px #eee;}
	
	.news-info{ width:100%;}
	.news-left{width: 100%;}
	.news-right{width: 100%;margin-top: 10px;}
	.news-right div.newsbg{ height:110px; }
	.news-right div.newsbg .date{width:25%; }
	.news-right div.newsbg .newTitle{width:60%; }
	
	.honor{ height:auto;}
	.honor_info img{ width:100%;}
	
	.content-inner{ width:90%; margin:0 auto;}
	.content-inner img{ width:100%;}
	
	.banner-bg1,.banner-bg3,.banner-bg2 { width:100%; background-position:center top; background-size:cover;}
	.banner-inner { height: 100px;}
	.banner-inner h3 { width:90%; margin: 0 auto; padding-top:10px;}
	.banner-inner p { width:90%; margin: 0 auto;}
	
	.news-nav p { width: 90%; margin: 0 auto;}
	
	.honor-img ul li{ width:40%; margin-left:20px; margin-right:0;}
	.honor-img ul li img { width: 100%; height: 180px;}
	
	.list{ width:100%;}
	.left,.right{ width:100%; float:none;}
	.product-img li{ width:44%; margin-left:5px; margin-right:5px;}
	.product-img li img{ width: 100%; height: 120px;}
	.pinfo{display: none;}
	
}
@media only screen and (min-width: 1337px){
	.wap-header,.product_list03,.title,.more02,.swiper2-wap,.swiper3-wap,.lianxiwomen{ display: none; }
	.news-info{ width: 1180px; margin: 0 auto; }
	.swiper-slide1 {background-position: center;background-size:cover;}
	.swiper1{height: 800px;}
}
@media (min-width: 750px) and (max-width: 1337px){
	.swiper-slide1 {background-position: center;background-size:cover;}
	.swiper1{height: 600px;}
}