@charset "utf-8";
/* CSS Document */
* {font-family: "微软雅黑";-webkit-text-size-adjust: none; color: #353535;font-size: 14px;}
td, th, div, input, select, textarea, li, ol, dt, dd, h1, h2, h3, h4, h5, h6 {font-size: 14px;}
body, p, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote {padding: 0;	margin: 0;}
h1, h2, h3, h4, h5, h6, p {	font-weight: normal;}
li {list-style-type: none;}
a, img {border: none;}
a {	text-decoration: none;color: #353535;}
body {margin: 0;padding: 0;}
.clear {clear: both;}
.all{ max-width:640px; margin:0 auto;}


/* 首页 */
.head{ width:100%; position: relative;}
.head .nav{height:40px; line-height:40px; width:50px; position:absolute; top:11px; right:10px; background:#064686; text-align:center;}
.head .nav img{width:22px;vertical-align: middle;}
.head .nav_slide{position: absolute;top:60px;width:100%;right: 0; background:rgba(0,0,0,.9); z-index: 6666;display: none;}
.head .nav_slide ul{padding:2px 0;}
.head .nav_slide li a{display: block;height:35px;line-height:35px; color:#fff; text-align:center;}
.head .nav_slide li a span{color: #fff;font-size: 14px;}
.head .nav_slide li a:hover span{color: #064686;}
/*.logo img{ width:150px; margin-left:10px; padding:8px 0px;}*/
.logo{ float:left; padding:8px 0px; margin-left:10px;}
.logo a{ float:left;}
.logo img{ width:60px; float:left;}
.logo_r{ float:left; margin-left:8px;}
.logo_r h2{ color:#064686; font-weight:bold; font-size:1.2rem; margin-top:3px;}
.logo_r p{ color:#064686;}

/* 导航列表 */
.nav_list{margin-top:0px; margin-bottom:20px; padding: 0 2%; float:left; width:94%;}
.nav_list ul li{float: left;width: 20%;text-align: center;margin-top: 18px;}
.nav_list ul li .ig{text-align: center;}
.nav_list ul li .ig img{vertical-align: middle;width: 60%;}
.nav_list ul li p{text-align: center;line-height: 100%;color: #333333;font-size: 13px;margin-top: 10px;}

/*banner*/
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;
-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}

/*热销产品*/
.pro03{ width:100%; float:left; margin-top:20px;}
.hot{ width:94%; margin:0 auto;}
.hot01{ position:relative; width:95%; float:right; margin-left:5%;}
.tit01{ padding:10px; background:#064686; color:#fff; opacity: 0.95; position:absolute; bottom:0px; z-index:99; left:-5%;}
.tit01 h2{ font-weight:normal; font-size:1.48rem; letter-spacing:1px; margin-bottom:5px; color:#fff;}
.tit01 span{ width:35px; height:2px; background:#fff; float:left;}
.pro01{ width:100%; float:left;}
.pro01 li{ width:49.5%;; float:left; margin-right:1px;}
.pro01 li a{ width:100%; float:left; line-height:0px;}
.pro01 li img{ width:100%;}
.pro01 li img:hover{ opacity: 0.7;}

.hot02{ background:#edf6ff; width:100%; float:left; margin-top:5px;}
.hot02_l{ float:left;}
.tit02{ color:#f00;font-family: Courier New; font-size:50px; font-style: italic; margin-left:0px; margin-top:15px; float:left;}
.pro02{ float:left; margin:15px 20px 0px 20px;}
.a01{ float:left;}
.a01 img{ width:42px;}

.hot02_r{ float:left; width:100%;}
.youhui01{ border-right:1px solid #cacaca; margin:10px 0px; width:40.5%; float:left; padding:0px 1% 0px 8%;}
.youhui01:nth-child(2n){  border-right:0px;}
.youhui01 span{ font-size:14px; color:#000; font-weight:bold; float:left;}
.youhui01 .p01{ font-size:28px; color:#000; font-weight:bold; float:left; margin-top:10px; margin-left:5px; margin-right:10px;}
.youhui01a{ width:90px; float:left; margin-top:6px; margin-left:0px;}
.youhui01a p{ font-size:12px; color:#999;}
.youhui01a a{ background:#f00; font-size:12px; text-align:center; float:left; color:#fff; width:80px;}

@media screen and (max-width:390px){
.youhui01{ width:43.5%; padding:0px 1% 0px 5%;}
}
@media screen and (max-width:355px){
.youhui01{ width:46%; padding:0px 1% 0px 2.5%;}
.youhui01a{ width:85px;}
}
@media screen and (max-width:323px){
.youhui01{ width:47.5%; padding:0px 1% 0px 1%;}
.youhui01 .p01{ font-size:20px; margin-right:5px;}
.youhui01a{ margin-top:0px;}
}


/*产品*/
.pro04{ width:94%; margin:0px auto; border-top:1px dashed #ccc; margin-top:20px;}
.tit03{ text-align:center; width:100%; float:left; margin-top:20px;}
.tit03 h1{ color:#394a49; font-size:28px;}
.tit03 h2{font-size:20px; color:#394a49; font-weight:normal; margin:6px 0px;}
.tit03 h3{ font-size:15px; letter-spacing:2px; color:#394a49; font-weight:normal; margin-bottom:6px;}
.tit03 p{ font-size: 12px; color:#bbbbbb; width:190px; margin:0 auto; margin-bottom:15px;}
.pro04a{ width:85%; margin:0 auto 20px auto; position:relative;}
.pro04a span{ position:absolute; right:0%; bottom:60px;}
.pro04a p{ width:38%; font-size:12px; letter-spacing:2px; position:absolute; right:-10%; bottom:10px;}
.pro04a img{ width:100%;}

.pro04b{ width:100%; margin:0px auto;}
.pro04b li{ width:44.3%; float:left; border:1px solid #e4e4e3; padding:2%;}
.pro04b li:nth-child(2n){ margin-right:0px;}
.p1{color:#394a49; font-size:14px; text-align:left; width:100%; float:left;}
.p2{ color:#f00; font-size:16px; text-align:left; width:100%; float:left;}
.p3{ color:#064686; font-size:14px; text-align:left; width:100%; float:left;}
.p4{ color:#a0a0a0; font-size:14px; text-align:left; width:100%; float:left;}
.p4 span{text-decoration: line-through;}
.a1{color:#848484;  width:100%; float:left; float:left; background:#fff; font-size:14px; text-align:center;}
.a1 img{ width:100%; float:left; margin-bottom:5px;}
.mouseOverDiv { margin-right:2%; margin-bottom:10px;}
.mouseOverDiv:nth-child(2n){ margin-right:0px;}

.span01{ display:block;}
.span02{ display:none;}
@media screen and (max-width:420px){
.span01{ display:none;}
.span02{ display:block;}
}
@media screen and (max-width:480px){
.pro04a span{ right:-5%;}
}
@media screen and (max-width:406px){
.pro04a p{ width:35%}
.pro04a span{ bottom:75px;}
}
@media screen and (max-width:343px){
.pro04a p{ width:40%}

}

/*关于我们*/
.about{ width:100%; float:left; background:url(../images/bg01.jpg) center no-repeat; padding-bottom:20px;}
.about01{ width:94%; margin:0 auto;}
.tit04{height:65px; text-align:right; border-right:6px solid #0075c5; color:#fff; margin:20px auto 0px auto; padding-right:15px; margin-bottom:15px; margin-right:38%;}
@media screen and (max-width:500px){
.tit04{ margin-right:33%;}
}
@media screen and (max-width:400px){
.tit04{ margin-right:30%;}
}
.tit04 h2{ font-size:22px; font-weight:bold; padding-top:5px; color:#fff;}
.tit04 p{ margin-top:5px; color:#fff;}
.about01a{ width:100%; float:left;}

.about01a_r{ width:65%; float:right;}
.about02 p{ color:#fff; line-height:25px;}

.about01a_l{ width:32%; float:left;}
.about01a_l li{ width:100%; height:70px; float:left; background:url(../images/icon01a.png) center no-repeat; background-size:contain; margin-bottom:10px;
 text-align:center; color:#fff;}
.about01a_l li:hover{ background:url(../images/icon01.png) center no-repeat; background-size:contain;}
.about01a_l li a{ width:100%; float:left; color:#fff; line-height:70px; font-size:1.3rem;}
.about01a_l .li01{ background:url(../images/icon02.png) center no-repeat; background-size:contain;}
.about01a_l .li01:hover{ background:url(../images/icon02a.png) center no-repeat; background-size:contain;}
.about01a_l .li02{ background:url(../images/icon03.png) center no-repeat; background-size:contain;}
.about01a_l .li02:hover{ background:url(../images/icon03a.png) center no-repeat; background-size:contain;}

@media screen and (max-width:550px){
.about02 p{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:6; overflow: hidden;}
.about01a_l li{ height:45px; margin-bottom:5px;}
.about01a_l li a{font-size:14px; line-height:45px; padding-left:10px;}
}

.n01{ width:94%; margin:0 auto;}
.tit04a{ margin-bottom:20px;}
.tit04a h2{ color:#333;}
.tit04a p{ color:#909090;}

.n02{ margin-top:10px;}
.n02 li{width:95%; height:40px; line-height:40px; border-bottom:1px solid #eeeeee; background:url(../images/icon06.png) left no-repeat; float:left; padding-left:5%}
.n02 li a{ width:100%; height:40px; float:left;}
.n02 li a:hover{ color:#424242;}
.n02 li span{ height:40px; float:right; color:#666;}
.more01{ width:100%; float:left; text-align:center; height:35px; line-height:35px; background:#064686; color:#fff; margin-top:8px;}


/*底部*/
.footer{ width:100%; float:left; background:#1f1f1f; margin-top:20px; padding:15px 0px 9px 0px;}
.footer01{ width:90%; margin:0 auto; text-align:center;}
.footer p{ color:#fff; margin-bottom:6px;}
.footer p a{ color:#fff; }

/*内页*/
.conter01{ width:94%; margin:0 auto;}
.conter01 img{ max-width:100%;}
.n03{ width:100%; float:left; margin-bottom:10px;}
.n03 li{ width:31.3%; float:left; height:35px; line-height:35px; margin-right:2%; text-align:center; margin-bottom:2%;}
.n03 li:nth-child(3n){ margin-right:0px;}
.n03 li a{ width:100%; float:left; background:#f2f2f2; border:1px solid #ccc; color:#0075c5;}

.tit05a h2{ color:#333;}
.tit05a p{ color:#909090;}

#content a{ width:48%; float:left; margin:0px 2% 15px 0px;}
#content a:nth-child(2n){ margin-right:0px;}
#content a img{ width:100%;}
#content p{ text-align:center; line-height:30px;}

#content02 img{ width:90%;}

.contact03_l{ margin-bottom:15px;}
.contact03_l h2{ color:rgb(0, 117, 197); font-size:18px; margin-bottom:10px; font-weight:bold;}
.contact03_l p{ line-height:35px;}

.message{ width:100%; margin:0 auto; margin-bottom:15px;}
.message p{ line-height:30px;}
.form01{ width:100%; margin:0 auto;}
.form01 li p{ line-height:40px;}
.form01 li input{ border:1px solid #ccc; background:#eeeeee; height:30px; line-height:30px; float:left; width:100%; padding-left:10px;	font-family: "微软雅黑"; margin-bottom:5px;}
.form01 li .textarea{ border:1px solid #ccc; background:#eeeeee; height:120px; line-height:30px; width:100%; padding-left:10px;	font-family: "微软雅黑";}
.form01 li .submit{ background:#064686; width:100%; height:40px; line-height:40px; color:#fff; cursor:pointer; text-align:center; margin-top:15px; border:none;}
.form01 li .submit:hover{ background:#0b529a;}

.news01 li{ width:100%; float:left; border-bottom:1px dotted #ccc; font-size:14px; margin-bottom:15px;}
.news01 li a{ width:100%; float:left; font-size:14px; color:#333;}
.news01 li a:hover{ color:#064686;}
.news01 li span{ width:100%; float:left; color:#ccc; line-height:24px; font-size:12px;}
.news01 li p{ color:#969696; font-size:12px; margin-bottom:10px; width:100%; float:left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; overflow: hidden;}

/*分页*/
.black2{padding:5px;margin:3px;text-align:center; font-size:12px; margin-top:0px;}
.black2 a{border:1px solid #ccc;padding:2px 7px;margin:2px; color:#5d5d5d;}
.black2 a:hover{border:#064686 1px solid;color:#fff;background-color:#064686; text-decoration:none;}
.black2 a:active{border:#064686 1px solid;color:#fff;background-color:#064686; text-decoration:none;}

.tit03a{ text-align:center; font-size:16px; font-weight:bold;}
.p07{ text-align:center; font-size:12px; color:#737373; line-height:30px; margin-bottom:6px;}
.p08{  font-size:12px; color:#737373; line-height:30px; border:1px solid #ccc; background:#f2f2f2; padding:5px; margin-bottom:10px;}
.p09 a{ font-size:12px; line-height:28px;}
.p09 a:hover{ color:#01b169;}

.product01{width:100%;}
.product01 li{ width:48.5%; float:left; text-align:center; margin-right:2%; margin-bottom:15px;}
.product01 li:nth-child(2n){ margin-right:0px;}
.product01 li img:hover{ border:1px solid #064686;}
.product01 li img{width:100%; border:1px solid #ccc;}
.product01 li p{float:left; text-align:center; width:100%; margin-top:5px;}

.pro03_l{ float:left; width:45%;}
.pro03_l img{ width:100%;}
.pro03_r{ float:left; margin-left:5%; width:50%}
.tit04b{ margin-bottom:6px; border-bottom:1px solid #ccc; padding-bottom:6px;}
.p10,p11{ color:#333;}
.p10 span{ text-decoration:line-through; color:#999;}
.p11 span{ color:#f00; font-weight:bold; font-size:20px;}

.detail{ width:100%; float:left; margin-top:30px;}
.tit03b{ font-size:16px; letter-spacing:1px; border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:15px;}
.tit03b span{ border-bottom:2px solid #064686; padding-bottom:10px;}
.jieshao{ font-size:12px; color:#868686; background:#f5f5f5; line-height:26px; border:1px solid #E5E5E5; padding:5px; margin-bottom:10px;}

/*产品*/
.pro05{ width:100%; float:left; background:#dcdbd9; margin-top:20px; padding-bottom:15px;}
.pro05a{ width:94%; margin:0 auto;}

.pro06{ width:94%; margin:0 auto;}
.pro06a_l{ width:32%; float:left; margin-right:2%;}
.pro06a_c{ width:32%; float:left; margin-right:2%;}
.pro06a_r{ width:32%; float:left;}

.pro06a li a{ color:#fff; width:100%; float:left;}
.pro06a li{ width:100%; float:left; text-align:center;}
.pro06a .li01{ background:url(../images/p01.jpg) center no-repeat; background-size:cover; height:170px; line-height:170px;}
.pro06a .li02{ background:url(../images/p02.jpg) center no-repeat; background-size:cover; height:80px; line-height:80px; margin-top:8px;}
.pro06a .li03{ background:url(../images/p03.jpg) center no-repeat; background-size:cover; height:125px; line-height:125px;}
.pro06a .li04{ background:url(../images/p04.jpg) center no-repeat; background-size:cover; height:125px; line-height:125px; margin-top:8px;}
.pro06a .li05{ background:url(../images/p05.jpg) center no-repeat; background-size:cover; height:80px; line-height:80px;}
.pro06a .li06{ background:url(../images/p06.jpg) center no-repeat; background-size:cover; height:170px; line-height:170px; margin-top:8px;}

.more01a{ background:#272727;}


/*CSS yellow style pagination*/

.yellow {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
.yellow A {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #036cb4; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid; TEXT-DECORATION: none
}
.yellow A:hover {
	BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; COLOR: #666; BORDER-BOTTOM: #999 1px solid
}
.yellow A:active {
	BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; COLOR: #666; BORDER-BOTTOM: #999 1px solid
}
.yellow .current {
	BORDER-RIGHT: #036cb4 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #036cb4 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #036cb4 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #036cb4 1px solid; BACKGROUND-COLOR: #036cb4
}
.yellow .disabled {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}