@charset "utf-8";
/* CSS Document */
body{margin:0;padding:0; font:14px/2 Arial, Helvetica, sans-serif;}
*{margin:0;padding:0;list-style:none; box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
}
img{border:0; margin:0px; padding:0px;}
a{ text-decoration:none; color:#000;}
table,tr,td,li,ul,div,p{ padding:0px; margin:0px;}
.left{ float:left;}
.right{ float:right;}
.clear,.clearboth{ clear: both;}
.mb60{ margin-bottom:30px}
.mb100{ margin-bottom:100px}
@media screen and (min-width: 1221px){
.wrapper-1200{width: 1200px; height:100%; margin:0 auto;}
}
.topBarL {float: left;}
.topBarL img{ display:inline-block; margin-right:6px; position:relative; top:1.4px;}
.topBarR {float: right;}
.topBarR span{ color:#F00;}
.topBarR a{ font-size:14px;}
.topBarR p{ display:none;}
.topBarR a.wx{ display:inline-block;}
.topBarR a.wx:hover {color: #f00;}
.topBarR a.wx:hover p{ display:block; position:absolute; z-index:9999; padding:10px; background:#FFF; border-radius:8px; border:1px #ccc solid;box-shadow: 0 10px 30px rgba(0,0,0,0.8);}
.topBarR a.wx:hover p img{max-width:198px;display: block;}
.top{ width:100%; height:30px; line-height:30px; background:#efefef; color:#666;}
.top a{color:#666;}

.head{ width:100%; padding:20px 0;float: left;background: #fff;}
.head .logo{ width:600px;  float:left;padding-top:16px;}
.head .logo img{max-width:100%;}
.mid {padding-left:30px;margin-top:35px;line-height: 28px;position: absolute;left:50vw;font-size:15px; font-weight:bold; color:#3b9400;}

.head .hottel{width:280px;height:120px;font-size:18px;line-height:2;float:right;text-align:left;background:url(/images/hottel.jpg) no-repeat left center;padding:22px 0 0 65px;}
.head .hottel p{color: #ff0000;font: 30px/40px arial;font-weight: bold;}
.head .hottel p a{color: #ff0000;}
.head .hottel p+b{ display:none}
.nav{clear:both;width:100%; height:50px; background:#1f85d7;}
.nav li{display:block;float: left;width:12.5%;text-align:center;line-height: 40px; margin-top: 5px;}
.nav li a{display: block;color:#fff;}
.nav li a.on,.nav li a:hover{ background:#FFF; color:#FF0000; border-radius: 5px;}

@media screen and (min-width:861px) {
.banner{ width:100%; height:474px; overflow:hidden; position:relative;font-size:0}
.b-img{ height:500px;  position:absolute; left:0; top:0;}
.b-img li{ display:block; height:474px; float:left;}
.bimg1{background:url(/b2.jpg) no-repeat center top}
.bimg2{background:url(/b1.jpg) no-repeat center top}
.bimg3{background:url(/b3.jpg) no-repeat center top}
.b-list{ height:50px; padding-top:450px; position:relative; margin:0 auto;z-index:1;}
.bar-left em{ display:block; width:50px; height:100px; background:url(/images/arrow.png) 0px 0px no-repeat; margin:0 auto; margin-top:180px;}
.bar-right em{ display:block; width:50px; height:100px; background:url(/images/arrow.png) -50px 0px no-repeat; margin:0 auto; margin-top:180px;}
.m-copy{ display:none;}
}


.b-list span{ display:block;cursor:pointer; width:14px; height:14px; border-radius:50%; border:3px solid #fff; float:left; margin:0 5px; _margin:0 3px;}
.b-list .spcss{border:3px solid #1f85d7;}
.bar-left{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:0px; background:none; top:0px; }
.bar-right{ position:absolute;z-index:1; display:block; width:100px; height:100%; right:0px; background:none; top:0px; }
.bar-left .emcss{ background-position:0px -100px;}
.bar-right .emcss{ background-position:-50px -100px;}
/*首页产品内容*/
.pro{width:100%;display:block; float:left;margin-top:20px;}
.item-tit{width:100%;}
.item-tit span{position: static; text-align: center;display: block;font:68px/1 caption;letter-spacing: 28px;color:#ddf0ff;}
.item-tit b{position: relative;top: -50px;text-align: center;display: block;font: 24px/2 sans-serif;}
.item-tit b:before{ content:" "; border-bottom:1px #F00 solid; width:80px; display:inline-block; margin-right:15px;}
.item-tit b:after{ content:" "; border-bottom:1px #F00 solid; width:80px; display:inline-block; margin-left:15px;}
.pro-list{width:100%;}
.pro-list ul{width:100%;}
.pro-list ul li{ float:left; width:23%;height:auto;text-align:center;position:relative;z-index:1; top:0;border:1px #cecece solid; margin:0 1% 30px;padding:8px;border-radius:5px;}
.pro-list ul li:hover{top: -10px;box-shadow: 0 6px 10px #666; transition:all 0.6s;}
.pro-list ul li:hover a{ color:#F00;}
.pro-list ul li img{display: block;margin: 0 auto;max-width:100%; }
.pro-list ul li b{display: block;height:22px;line-height: 22px;margin-top:10px;overflow: hidden;text-overflow: ellipsis;}

.itemsertit{width:100%;}
.itemsertit span{text-align: center;display: block;font: 38px/1 caption;letter-spacing: 8px;color:#8dcdff;}
.itemsertit b{text-align: center;display: block;font: 24px/2 sans-serif;color:#000;}
.itemsertit b:before{ content:" "; border-bottom:1px #F00 solid; width:80px; display:inline-block; margin-right:15px;}
.itemsertit b:after{ content:" "; border-bottom:1px #F00 solid; width:80px; display:inline-block; margin-left:15px;}
/*产品优势*/
#nei{ float:left; width:100%; background: #f2f2f2;}
.le1{background: url(/images/01.jpg) no-repeat center;height: 163px;}
.le2_sub1{background: url(/images/left2.jpg) no-repeat;font:700 27px/45px "微软雅黑";color: #fff;padding-left: 100px;height: 62px;}
.le2{float: left;width: 50%;margin-top: 60px;}
.le2_sub2{line-height: 24px;padding-left:100px;}
.le3{float: right;width: 50%;height: 216px;text-align: right;padding-right: 20px;}
.le4{float: left;width: 50%;height: 263px;overflow: hidden;}
.le5{float: right;width: 50%;margin-top: 70px;padding-right: 20px;}
.le5_sub1{background: url(/images/left3.jpg) no-repeat;font:700 27px/45px "微软雅黑";color: #fff;padding-left: 100px;height: 62px;}

.le5_sub2{line-height: 24px;padding-left:100px;}
.le6{float: left;width: 50%;margin-top: 70px;}

.le6_sub1{background: url(/images/left4.jpg) no-repeat;font:700 27px/45px "微软雅黑";color: #fff;padding-left: 100px;height: 62px;}

.le6_sub2{line-height: 24px;padding-left:100px;}
.le7{float: right;width: 50%;height: 247px;text-align: right;padding-right: 20px;}

.le8{float: left;width:50%;}
.le9{float: right;width: 50%;margin-top: 70px;padding-right: 20px;}
.le9_sub1{background: url(/images/left5.jpg) no-repeat;font:700 27px/45px "微软雅黑";color: #fff;padding-left: 100px;height: 62px;}
.le9_sub2{line-height: 24px;padding-left:100px;}

.le10{float: left;width: 50%;margin-top: 70px;}
.le10_sub1{background: url(/images/left6.jpg) no-repeat;font:700 27px/45px "微软雅黑";color: #fff;padding-left: 100px;height: 62px;}
.le10_sub2{line-height: 24px;padding-left:100px;}
.le11{float: right;width: 50%;text-align: right;}

.le12{float: left;width: 100%;background: url(/images/left7.jpg) no-repeat;height: 325px;}
.le13{float: left;width:50%;padding:75px 0px 0px 240px;font:200 14px/30px "宋体"}
.le12_sub1{font:200 14px/30px "宋体";}
.le12_sub2{padding-left: 30px;font:200 14px/30px "宋体";}
.le14{float: right;height:85px; width:50%; text-align: right;padding-top:80px; padding-right:20px;}



/*关于我们*/
.about{clear: both;width:100%;display:block;float:left;margin-top: 30px;background: #fdfbfb;padding:30px 0;}
.about-con{}
.about-con p{}
.about-con p img{width:100%;max-width:350px; margin-right:20px;}
.about-con table td img {width: 98%;}
.about-con table {max-width: 100% !important;}
/*news*/
.news{clear: both;float: left; width: 100%;margin-top:30px;padding:30px 0;margin-bottom:20px;}
.left-pic{float: left;width:200px; height:205px;}
.left-pic img{ border-radius:15px; border:1px #ccc solid;}
.left-pic img:hover {top: -10px;box-shadow: 0 6px 10px #666;transition: all 0.6s;}
.cnews{ float:left;width:50%; padding-right:10px; margin-bottom: 20px;}
.inews{ float:right;width:50%;padding-left:10px;margin-bottom: 20px;}
.news li:before {content: "●";float: left;margin-right: 5px;}
.news li{height: 35px;line-height: 35px;overflow:hidden;border-bottom: 1px #eee solid;}
.news li a{float: left;display: inline-block;width: 270px;overflow: hidden;text-overflow: ellipsis;}
.news li:hover a{ color:#F00;}
.news li time{ float:right; min-width:100px;}
.cnews-tit,.inews-tit{}
.cnews-tit,.inews-tit{font-size: 24px;line-height: 60px;border-bottom: 1px #efefef solid;margin-bottom:20px;color:#007dde;}
.cnews-tit em,.inews-tit em{color: #efefef;margin-left: 50px;}

/*内页*/
/*网站位置*/
.site-nav{ height:35px; line-height:35px; margin:0; background:#efefef; color:#666;overflow: hidden;}
.site-nav a{color:#666;}
.site-nav a:hover{ color:#F00}
.site-nav span{ display: inline-block; background:url(/images/index1.png) no-repeat left top 1.5px; width:14px; height:14px; margin-right:5px;}
.site-nav:hover span{background:url(/images/index1.png) no-repeat right top 1.5px; width:14px; height:14px; margin-right:5px;}
/*内页主体内容*/
.main{}
.main-left{float: left;width:30%;padding-right: 50px;margin-top: 30px;}
.main-left-tit{height:80px;font: 24px/80px arial;background: #1f85d7;text-indent: 24px; color:#FFF;}
.main-left ul{background: #f6f6f6;padding: 20px 10px;box-sizing: border-box;}
.main-left ul li{height: 35px;line-height: 2;list-style-type: disc;list-style-position: inside;text-indent: 24px;overflow: hidden;text-overflow: ellipsis;padding-right: 8px;}
.main-left ul li:hover a{color:#F00;}
.main-right{float: right;width: 70%;margin-bottom: 20px;}
.main-right h1{height: 80px;line-height: 80px;text-align: center;}
.main-right p img{ max-width:98%; display:block; margin:25px auto 5px; border-radius:10px; border:1px #ccc solid;}
.main-right table td img {width: 98%;}
.main-right table {max-width: 100% !important;}
.hits {border-bottom: 1px solid #DDDDDD;margin-bottom: 20px;height:50px;line-height:30px; text-align:center;}
.page { clear:both; width:100%; margin:30px 0; padding:15px 0; line-height:24px;border-top:1px dotted #ddd;	border-bottom:1px dotted #ddd;}

/*分页*/
.page_list{clear: both;text-align: center;padding-top:50px; padding-bottom:2px;}
.page_list a{border:#ddd 1px solid;color:#F00;padding: 8px 12px;margin-right: 5px;}
.page_list a:hover,.page_list a:active{border:#e1e6ed 1px solid;color:#fff;background-color:#0090FF}
.page_list span.current{border:#ddd 1px solid;padding:2px 5px;font-weight:bold;margin-right:2px;color:#FFF;background-color:#358af2}
.page_list span.disabled{border:#f3f3f3 1px solid;padding:2px 5px;margin-right:2px;color:#CCC}
/*newsllist*/
.newsList{margin-top: 25px;}
.newsList li{margin-bottom: 30px;border-bottom: 1px #ccc dotted;padding-bottom: 10px;}
.newsList .dateTitle{font-size: 18px;}
.newsList li:hover .dateTitle a{ color:#F00;}
.newsList .dateTitle:before{ content:"▶"; display:inline-block; margin-right:8px; color:#333; font-size:14px;height: 20px;line-height: 20px;}
.newsList li:hover .dateTitle:before{color:#F00; transform:rotate(360deg); transition:all 0.3s;}
.newsList .des{color: #999;}
.newsList time{float: right;color: #999;}
/*图片list*/
.p-List{margin-top:30px;}
.p-List li{width: 31.3333333%;float: left;text-align: center;position: relative;z-index: 1; top:0;border: 1px #efefef solid; margin: 0 1% 30px;padding: 8px;}
.p-List li:hover{top: -10px;box-shadow: 0 6px 10px #666; transition:all 0.6s;}
.p-List li:hover a{ color:#F00;}
.p-List li img{display: block;margin: 0 auto;width:100%;}
.p-List li b{display:block;height:43px;line-height:20px;margin-top:30px;overflow:hidden;text-overflow:ellipsis;}
/*link*/
.link{width: 100%;float: left;padding:10px 20px; margin-top:20px; background:#efefef;border-top:1px #e2e2e2 solid;}
/*foot*/
.foot{width:100%;display:block;float:left;height:auto;background:#f6f6f6;margin-top:0px;padding:0px;border-top:1px #e2e2e2 solid;text-align: center;}
.foot ul{ padding:20px; text-align:center;}
.foot p{ text-align:center;}
.foot .pc-copy p a{ color:#000;}
.foot .pc-copy p a:hover{ color:#F00;}
@media screen and (max-width: 1410px){
.topBarR a.wx:hover p {right:50px;}
}
@media screen and (max-width: 1220px){
.wrapper-1200{width:100%; height:100%; margin:0 auto; padding:0 2%; box-sizing:border-box;}
}
@media screen and (max-width:1200px){
.mid {position:absolute;left: 42px;top: 38px;float:right;padding-left: 50px;margin-top: 0px;margin-right: 50px;line-height: 28px;font-size:12px;font-weight: bold;color: #3b9400;}
.mid p {display: inline-block;padding: 0 10px;}
}
@media screen and (max-width:1023px) {
	.item-tit span{ font:28px/1 caption;letter-spacing: 18px;}
	.item-tit b{top: -20px;}
	.service{padding-top:80px;background: url(/images/youshibg.jpg) no-repeat center bottom;}
	.mb100 {margin-bottom:80px;}
	.left-pic{ display:none;}
	.main-left{ display:none;}
	.main-right{ width:100%;}
	#nei div p img{max-width: 100% !important;height: auto !important;}
	.le2{width: 100%;margin-top: 0px;}
	.le3 {float: left;width: 100%;height:auto;text-align: center;}
	.le4 {width: 100%;height:auto;text-align: center;}
	.le5 {float: left;width: 100%;margin-top:0;}
	.le6{ width:100%;margin-top:0;}
	.le7 {float: left;width: 100%; height:auto; text-align:center;}
	.le8{ width:100%; text-align:center;}
	.le9{float: left; width:100%;margin-top:0;}
	.le10{ width:100%;margin-top:0;}
	.le11{float: left; width:100%; text-align:center;}
	.le12{float: left; width:100%; height:auto;}
	.le13{float: left; width:100%; height:auto;}
	.le14{float: left; width:100%;height:auto; text-align:center;margin-top:20px; padding-top:0px;}
}
@media screen and (max-width:950px){
.head .logo{padding-top:0;width: 100%;text-align: center;}
.mid{left: 0;padding-left: 0; width:100%; text-align:center;}
.topBarR{ display:none;}
.head .hottel{float: left;width: 100%;height: 45px;padding: 0px 0 0 65px;overflow: hidden;margin-top:0;text-align: center;}
.head .hottel p{ display:inline-block;}
.head .hottel p+b{display:inline-block;}
}
@media screen and (max-width:860px) {
	.nav{height:100px;}
	.nav li{width:25%;}
	.nav li.m{ }
.banner{ width:100%; height:120px; overflow:hidden; position:relative;font-size:0}
.b-img{ height:120px;  position:absolute; left:0; top:0;}
.b-img li{ display:block; height:120px; float:left;}
.bimg1{background:url(/mb2.jpg) no-repeat center top; background-size:100% 100%;}
.bimg2{background:url(/mb1.jpg) no-repeat center top; background-size:100% 100%;}
.bimg3{background:url(/mb3.jpg) no-repeat center top; background-size:100% 100%;}
.b-list{ height:50px; padding-top:100px; position:relative; margin:0 auto;z-index:1;}
.bar-left em{ display:none;}
.bar-right em{ display:none;}
.pc-copy{ display:none;}
.m-copy{ padding:20px; background:#1e82d2;}
.m-copy p,.m-copy p span{ color:#FFF !important;}
.m-copy p a{color:#FFF;}
}
@media screen and (max-width:800px) {
.le1{background: url(/images/01m.jpg) no-repeat center;background-size: 100%;}
}
@media screen and (max-width:767px) {
	.pro-list ul li{width:48%;}
	.service{padding-top:20px;background: url(/images/youshibg.jpg) no-repeat center bottom;}
	.mb100 {margin-bottom:20px;}
	.ys{ width:auto;}
	.ys1,.ys2{width:50%}
	.ys3{ width:100%;}
	.ys1 ul,.ys2 ul,.ys3 ul{font-size:18px;line-height: 2;}
	.cnews{ float:left;width:100%; margin-bottom:20px;}
    .inews{ float:right;width:100%;padding-left: 0px;}
	.le13{padding:300px 0 0 0;text-align: center;}
	.pro-list ul li b{line-height: 2;margin-top: 10px;}
	.pro-list ul li{margin: 0 1% 10px;}
	.about{margin-top: 10px;padding: 15px 0;}
	.le12{background: url(/images/left7.jpg) no-repeat 0px -30px;}
	.le13 {padding: 260px 0 0 0;}
	.news{margin-top: 0;padding: 0;margin-bottom:10px;}
	.p-List li b{margin-top: 10px;}
	.main-right h1{font-size: 20px; height:auto;line-height: normal;padding: 10px 0;}
}
@media screen and (max-width:620px){
.mid{ display:none;}
}
@media screen and (max-width:560px) {
	.le2_sub1,.le5_sub1,.le6_sub1,.le9_sub1,.le10_sub1{ font-size:18px;background-size: 100% 100%;}
}
@media screen and (max-width:530px){
.head{padding:10px 0 3px;}
.head .logo{ width:100%;}
.head .logo img{ max-width:100%;display: block;margin: 0 auto;}
.head .hottel{clear:both;display:inline-block;font-size:14px;width:100%;height:50px;line-height:50px;padding:0 0 0 55px;overflow: hidden;margin-top:10px;background-size: 50px;}
}
@media screen and (max-width:500px){
.topBarL span{ display:none;}
}
@media screen and (max-width:450px){
.head .hottel p{font:20px/40px arial;font-weight: bold;}
}


/* toolBar */
@media screen and (max-width:1023px) {
#foottoolbar{color:#fff;text-align:center;width:100%;height:65px;float:left;position:fixed;bottom:0;left:0;z-index:10000;background: #1f85d7;background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#003158), to(#1f85d7));border-top: 1px #000000 solid;}
#foottoolbar ul{}
#foottoolbar li{float:left;width:25%;height:63px;background:url(/mcode/dfloat/f_li.png) no-repeat left center;}
#foottoolbar li.t_first{background:none;}
#foottoolbar a{width:100%;height:24px;color:#fff;display:block;padding:30px 0 0 0;line-height:24px;font-size:14px;}
.f1{background:url(/mcode/dfloat/f1.png) no-repeat center 8px; background-size:20px 20px}
.f2{background:url(/mcode/dfloat/f2.png) no-repeat center 8px;background-size:20px 20px}
.f3{background:url(/mcode/dfloat/f3.png) no-repeat center 8px;background-size:20px 20px}
.f4{background:url(/mcode/dfloat/f4.png) no-repeat center 8px;background-size:20px 20px}
.f5{background:url(/mcode/dfloat/f5.png) no-repeat center 8px;background-size:20px 20px}
.f6{background:url(/mcode/dfloat/f6.png) no-repeat center 8px;background-size:20px 20px}
.f7{background:url(/mcode/dfloat/f7.png) no-repeat center 8px;background-size:20px 20px}
.f5 h3{height: 40px;line-height: 40px;}
.f5 h4{margin: 0px;height: 45px;line-height: 45px;}
.f5 p{background: url(/mcode/dfloat/wwxx1.png) 0 2px no-repeat;width: 160px;margin: 0 auto;background-size:33px;padding-left: 45px;font-size: 16px;color: #525252;text-align: center;}
.f5 p span{background: #e8e8e8;padding: 3px 8px;display: inline-block;width: 100%;border-radius: 3px;font-weight: bold;box-sizing: border-box;}
.hidden{ width:100%;height:65px; float:left; display:block;}
.f5 a{position:relative;}
.f5 div{display:none;color:red;width:100%;height:auto; padding-top:10px;background-color:#FFF;position:absolute;top:-358px;left:0px; margin-bottom:0px;cursor:default;box-shadow:0px -10px 10px #000;padding-bottom: 10px;}
.f5 img{ width:193px;}
.close {background: orange;color: red;border-radius: 12px;line-height: 20px;text-align: center;height: 20px;width: 20px;font-size: 18px;padding: 1px;top: 20px;right: 20px;position: absolute;}
.close::before {content: "\2716";}
}
@media screen and (min-width:1024px) {
#foottoolbar{ display:none;}
}

/*slide*/
.page-slide {margin-top: -282px;top: 60%;z-index: 9999999999;right: 1px;position: fixed;}
.page-slide li {position: relative;transition: 0.3s linear 0s;cursor: pointer;margin-bottom: 1px;display: block;width: 60px;background: #006092;height: 60px;white-space: nowrap;line-height: 60px;}
span.slide-img {width: 60px;}
.page-slide span {vertical-align: middle;display: inline-block;}
span.slide-text {margin-bottom:5px;opacity: 0;transition: 0.3s linear 0s;background: #676767;color: #fff;font-size: 24px;padding-right:30px;padding-left: 3px;}
span.slide-hover:before, span.slide-hover:after {border-style: solid;position: absolute;content: '';width: 0;box-sizing: border-box;top: 30px;}
span.slide-hover:before {z-index: 2;right: -7px;border-color: transparent transparent transparent #fff;border-width: 7px 0 7px 8px;	margin-top: -7px;}
span.slide-hover {background:#fff;display: none;border: 1px solid #ddd;position: absolute;right: 74px;top: 0;text-align:center; font-size:16px;line-height:2; font-weight:bold;padding: 15px;border-radius: 10px;box-shadow: 0 10px 15px #6f6f6f;}
span.slide-hover img{max-width:188px;}
span.slide-hover:after {margin-top: -8px;right: -10px;border-color: transparent transparent transparent #ddd;border-width: 8px 0 8px 10px;}
.page-slide li:hover, .page-slide li:first-child:hover span.slide-text {opacity: 1;	background: #ff8c11;}
.page-slide li:first-child:hover {transform: translateX(-260px); }
.page-slide li:nth-child(2):hover .slide-hover {display: block;}
.img {display: block;max-width: 100%;margin: 0 auto;}
.page-slide li:nth-child(3) { transform: translateX(0px); display:none; }
.page-slide li:nth-child(3) a{ color:#fff}
.page-slide li:nth-child(3):hover { transform: translateX(-210px); }
.page-slide li:nth-child(3):hover span.slide-text, .page-slide li:nth-child(4):hover span.slide-text { opacity: 1; background: #ff8c11; }
@media screen and (max-width: 1024px){.page-slide{display: none;}}