body,*,html,a,h1,h2,h3,span,div,ul,li{margin:0px; padding:0px;}
body{font-family:microsoft yahei; font-size:15px; color:#7e7e7e; text-decoration:none; line-height:24px; background-color:#fff; }
ul,li{list-style:none;}
.clearfix:after{ content: "020"; display: block; height: 0; clear: both; visibility: hidden;  }
.clearfix {     zoom: 1;  }

img{border:0px;}
.fl{float:left;}
.fr{float:right;}

a{color:#636363; text-decoration:none;}
a:hover{ color:#00b2de;}

.lk{display: block;height: 0;width: 0;overflow: hidden;}

.grey{ color:#999;}
a.grey:hover{ text-decoration:underline;}

.red{ color:#de0029;}
.blue{ color:#00b2de;}

:focus{ outline:none;}
h3{ font-weight:normal;}
em,i{ font-style:normal;}

.wrapper{ width:1110px; margin:0 auto;}


.topline{ background-color:#f5f5f5; font-family:microsoft yahei; border-bottom:1px solid #eee; line-height:40px; font-size:12px; font-family:simsun;}
.topline  a:hover{ color:#222;}
.topline img{ vertical-align:middle;}
.topline .boxfl{ float:left;}
.topline .boxfr{ float:right;}
.topline .lang{ position:relative;margin:0 20px;background:url(404.png) no-repeat right center; padding-right:10px;}
.topline .lang h3{ font-size:12px;padding-left:15px; background:url(404.png) no-repeat left 15px; cursor:pointer;}
.topline .sub{ position:absolute; background-color:#222; z-index:20; line-height:32px; width:150px; display:none;}
.topline .sub li{ padding:0 15px; text-transform:uppercase;}
.topline .sub a{ color:#b0b0b0;}
.topline .sub li:hover{ background-color:#2f2f2f;}
.topline .web{ padding-left:15px; background:url(404.png) no-repeat left center;}
.topline .lang:hover .sub{ display:block;}

.top {background-color:#fff; border-bottom:1px solid #eee; transition:.5s; position:relative; z-index:10;}
.top .logo{ float:left; padding:12px 0; transition:.5s;}
.top .logo img{ max-height:76px; display:block;}
.top .menu{height:100%;width:65px;background:url(../image/menu.jpg) no-repeat center center;position:absolute;right:10px;top:0px; border-left:1px solid rgba(0,0,0, .05); border-right:1px solid rgba(0,0,0, .05);}

.nav{ float:right; color:#233b55;}
.nav .nLi{ float:left; padding:0 10px;}
.nav .nLi h3{ position:relative;}
.nav .nLi h3>a{ color:#333; display:block; line-height:100px; font-size:14px;}
.nav .nLi h3>a:hover{ color:#00b2de;}
.nav .sub{ position:absolute; background-color:#fff; width:190px; display:none;}
.nav .sub li{ line-height:38px; padding:0 20px; font-size:13px; font-family:simsun;}
.nav .sub li:hover{ background-color:#00b2de;}
.nav .sub li:hover a{ color:#fff;}
.nav .nLi:hover .sub{ display:block;}
.nav .search img{ padding-left:20px;}

.nav .search{ position:relative;}
.nav .search .sub{right:0px;}
.nav .search .input{ border:none;display:block; width:100%; box-sizing:border-box; padding:0 10px; line-height:35px; height:35px;}

.topon{ position:fixed; top:0px;}
.topon .logo{ padding:12px 0;}
.topon .nav .nLi a{ line-height:70px;}

.banner  .swiper-container{ height:600px; position:relative; color:#fff; text-align:center;}
.banner .banner01{ background:url(404.png) no-repeat center center;}
.banner .banner02{ background:url(404.png) no-repeat center center;}
.banner .banner03{ background:url(404.png) no-repeat center center;}
.banner .pagination { position: absolute; left: 0; text-align: center; bottom:10px; width: 100%; }
.banner .swiper-pagination-switch { display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #000; opacity:0.25;  margin: 0 5px; cursor: pointer; }
.banner .swiper-active-switch { opacity:1;}
.banner .arrow{position:absolute; width:17px; height:30px; margin-top:-15px; top:50%; padding:30px 5px 30px 5px;}
.banner .prev { background:url(../image/arrowsfl.png) rgba(0,0,0,.3) no-repeat center center; left:0px;}
.banner .next { background:url(404.png) rgba(0,0,0,.3) no-repeat center center; right:0px;}
.banner a{ color:#fff;}
.banner .wrapper{ padding-top:130px;}
.banner .info{ font-size:14px; line-height:21px;}
.banner .tit{ font-size:40px; line-height:40px; letter-spacing:5px;}
.banner .btn{ display:inline-block; padding:10px 30px; background-color:#00b2de; font-size:14px;}
.banner .btn img{ vertical-align:middle;}
.banner .banner01 .info{ padding-bottom:15px;}
.banner .banner01 .tit{ padding-bottom:40px;}
.banner .banner02 .info{ padding-bottom:40px;}
.banner .banner02 .tit{ padding-bottom:35px;}
.banner .banner03 .wrapper{ width:800px; text-align:left;}
.banner .banner03 .info{ padding-bottom:30px;}
.banner .banner03 .tit{ padding-bottom:42px;}

.hometit{ font-size:21px; letter-spacing:2px; color:#333; text-align:center;}
.homeinfo{ padding-top:30px; max-width:666px; margin:0 auto; font-size:13px; line-height:22px; text-align:center;}

.homenote{ padding:60px 0;}
.homenote .tit{ font-size:18px; color:#222;}
.homenote .info{ font-family:simsun; padding-top:10px;}
.homenote .more{ display:block; background-color:#00b2de; font-family:simsun; font-size:14px; color:#fff; padding:15px 0px; width:167px; text-align:center;}

.homeabout{ background-color:#f5f5f5; padding:40px 0;}
.homeabout .boxfl{ width:38%; float:left;}
.homeabout .boxfl .tit{ letter-spacing:2px; font-size:21px; padding:30px 0; color:#333; line-height:32px; }
.homeabout .boxfl .txt p{ padding-bottom:30px; color:#9e9e9e;}
.homeabout .boxfl .more{ display:inline-block; padding:15px 30px; letter-spacing:1px; background-color:#222; color:#fff; font-family:simsun;}
.homeabout .boxfl .more:hover{ background-color:#00b2de;}
.homeabout .boxfr{ width:56%; float:right;}
.homeabout .boxfr li{ width:50%; padding:8.5%; box-sizing:border-box; float:left; background-color:#fff; border-left:1px solid #f5f5f5; margin-top:1px; text-align:center;}
.homeabout .boxfr em{ display:block; background-position:center center; background-repeat:no-repeat; height:36px; margin-bottom:30px;}
.homeabout .boxfr .icon01{ background-image:url(../image/icon01.jpg);}
.homeabout .boxfr .icon02{ background-image:url(404.png);}
.homeabout .boxfr .icon03{ background-image:url(404.png);}
.homeabout .boxfr .icon04{ background-image:url(404.png);}
.homeabout .boxfr .tit{ color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:18px; padding-bottom:20px;}
.homeabout .boxfr .info{ line-height:22px; height:66px; overflow:hidden; font-family:simsun;}
.homeabout .boxfr li:hover{ background-color:#222;}
.homeabout .boxfr li:hover .tit{ color:#fff;}
.homeabout .boxfr li:hover .icon01{ background-image:url(404.png);}
.homeabout .boxfr li:hover .icon02{ background-image:url(404.png);}
.homeabout .boxfr li:hover .icon03{ background-image:url(404.png);}
.homeabout .boxfr li:hover .icon04{ background-image:url(404.png);}

.homepro{ padding:40px 0;}
.homepro li{ margin:0 5px;}
.homepro .conn{ padding-top:50px; position:relative;}
.homepro .img  img{ width:100%; display:block;}    
.homepro .txt{ padding-top:38px; letter-spacing:1px;}
.homepro .name{ color:#222; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.homepro .class{ color:#757575; font-size:12px;}
.homepro li:hover .name{ color:#00b2de;}
.homepro .owl-pagination{ text-align:center; margin-top:20px;}
.homepro .owl-page{ background-color:#f8f8f8; width:12px; height:12px; border-radius:12px; display:inline-block; margin:0 5px;}
.homepro .active{ background-color:#f1f1f1;}

.homeban{ color:#fff; background:url(404.png) no-repeat center center; background-attachment:fixed; padding:70px 0; text-align:center;}
.homeban .logo img{ max-width:80px; max-height:80px; width:100%; border-radius:60px;}
.homeban .tit{ font-size:16px; line-height:30px; font-style:italic; max-width:666px; margin:15px auto;}
.homeban .info span{ display:block;}
.homeban .owl-pagination{ text-align:center; margin-top:20px;}
.homeban .owl-page{ background-color:#8f8f90; width:30px; height:5px; border-radius:12px; display:inline-block; margin:0 5px;}
.homeban .active{ background-color:#eaeaea;}

.homedevice { padding:40px 0; background-color:#f5f5f5;}
.homedevice .boxfl{ width:47%; float:left; padding:50px 0;}
.homedevice .tit01{ font-size:16px; letter-spacing:1px;}
.homedevice .tit02{ font-size:18px; letter-spacing:1px; color:#333; margin-bottom:30px;}
.homedevice .info{ margin-bottom:30px;}
.homedevice .more{ font-size:12px; color:#fff; background-color:#222; font-family:simsun; padding:8px 20px; display:inline-block; }
.homedevice .more:hover{background-color:#00b2de;}
.homedevice  .boxfr { width:50%; text-align:center; float:right; overflow:hidden; height:423px; position:relative;}
.homedevice  .boxfr img{ width:585px; height:423px;}
.homedevice .owl-pagination{ position:absolute; bottom:10px; width:100%; z-index:20;  text-align:right; margin-top:20px;}
.homedevice .owl-page{  border:1px solid #fff;  box-sizing:border-box; width:10px; height:10px; border-radius:12px; display:inline-block; margin-right:6px;}
.homedevice .active{ background-color:#fff;}

.homenews{ padding:40px 0;}
.homenews .homeinfo{ padding-top:15px;}
.homenews li{ float:left; width:33.3%; box-sizing:border-box; padding:0 2%;}
.homenews .img img{ width:100%; display:block;}
.homenews .conn{ padding-top:50px;}
.homenews  .tit{ padding-top:40px; color:#222; font-size:18px; letter-spacing:1px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.homenews  .note{ color:#909090; font-size:12px; letter-spacing:2px; padding-bottom:25px;}
.homenews  .info{ color:#9e9e9e; margin-bottom:25px; max-height:72px; overflow:hidden;}
.homenews  .more{ color:#bbb; letter-spacing:1px;}

.foot{ background-color:#00b2de; font-family:Arial; color:#fff; padding:20px 0;}
.foot a{ color:#fff;}
.foot a:hover{ color:#b4ebf8;}


.bannerx{ height:213px; background:url(404.png) no-repeat center;}

.bigtit{ background-color:#eee; line-height:58px;}
.bigtit h3{ font-size:24px; float:left;}
.bigtit h3 span{ font-size:14px; text-transform:uppercase;}
.bigtit .more{ float:right;}

.main{ padding:40px 0;}

.main .submenu{ padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #eee;} 
.main .submenu a{ border:1px solid #ddd; padding:0 25px; line-height:35px; text-align:center;display:inline-block; margin-right:6px; margin-top:10px;}
.main .submenu .on,.main .submenu a:hover{ background-color:#01b5ea; color:#fff; border:1px solid #01b5ea;}

.main .honor .info{ color:#999;}

.main .achieve li{ float:left; width:32%; margin-right:2%;}
.main .achieve .li03{ margin-right:0px;} 
.main .achieve .tit{ background-color:#00cc00; padding:8px 10px; color:#fff; }
.main .achieve .conn{ padding:10px;}
.main .achieve .conn p{ border-bottom:1px dotted #ccc; line-height:35px;}
.main .achieve .li02 .tit{ background-color:#0070c0;}
.main .achieve .li03 .tit{ background-color:#ffc000;}

.main .culture li{ float:left; width:25%; text-align:center;}

.main .news{}
.main .news li{ padding:20px 0px; border-bottom:1px solid #f2f2f2; transition:background ease-in-out .3s;}
.main .news li a{ display:block; width:1110px; margin:0 auto;}
.main .news .img{ float:left; transition:.2s; margin-right:40px;}
.main .news .img img{ width:170px; height:120px; border:1px solid #eee;}
.main .news .txt{ transition:.5s; }
.main .news .tit{ font-size:18px; color:#000; line-height:23px;}
.main .news .time{ font-size:12px; color:#888; padding:5px 0;}
.main .news .miaoshu{ line-height:24px; color:#888; height:50px; overflow:hidden;}
.main .news li:hover{ background:#f8f8f8;}

.main .news a:hover{ text-decoration:none;}

.main .contact{ border:1px solid #eee; line-height:30px;}
.main .contactfl{ width:40%; float:left; padding:2%; background:url(../image/map.png) no-repeat right bottom;}
.main .contactfr{ width:56%; float:right;}
.main .contactfr img{ max-width:none;}

.main .pro li{ float:left; width:25%; text-align:center; padding-bottom:20px;}
.main .pro a{ display:block; padding:0 6px; max-width:278px;}
.main .pro .img img{ max-width:100%; display:block;}
.main .pro .txt{ line-height:35px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.main .jobinfo{ text-align:center;}
.main .jobinfo strong{ font-size:25px; color:#ff0000; font-family:"Times New Roman", Times, serif;}
.main .job { padding-top:40px;}
.main .job li{ width:48%; float:left; padding-bottom:20px;}
.main .job a{ color:#666; display:block; border:1px solid #eee; margin:0 10px;}
.main .job .tit{ font-size:16px; padding:10px; background-color:#eee;font-weight:bold; font-family:microsoft yahei;}
.main .job .conn{ padding:10px 10px 20px;}




.leftside{ width:24%; float:right;}
.leftside h3{ margin:0px; border-bottom:1px solid #ccc; padding:12px 20px 18px; background-color:#00b2de; color:#fff; font-size:24px; font-weight:600;}
.leftside ul{ margin-top:20px;}
.leftside li{ border-bottom:1px solid #eee; line-height:42px; text-indent:8px; text-overflow:ellipsis; overflow:hidden; white-space:normal; font-size:14px;}
.leftside a:hover,.leftside li.on a{ color:#049fd8;}

.leftsidem{ margin:0 10px 35px; line-height:35px;  position:relative; border:1px solid #28529c;  }
.leftsidem .boxfl{ font-size:13px; width:30%; float:left; background-color:#0063d1; text-align:center; color:#fff; font-weight:bold; font-family:microsoft yahei;}
.leftsidem .boxfl a{ color:#fff;}
.leftsidem .boxfr{font-size:13px; width:70%; float:right; background-color:#eee; text-indent:10px; position:relative; cursor:pointer;}
.leftsidem  ul{display:none; position:absolute;top:36px; left:-1px; z-index:2; background-color:#fff; width:100%;border:1px solid #ccc; border-top:none; box-shadow:0 10px 10px #ccc; padding:10px 0;}
.leftsidem li{ margin:0 10px; line-height:35px; border-bottom:1px dashed #c5c5c5; position:relative;}
.leftsidem li a{ display:block;}
.leftsidem  span{ display:block; padding:0 10px;  right:10px; top:0px; position:absolute;font-weight:bold; color:#28529c; font-size:13px; font-family:simsun;}
.leftsidem  ul.boxon{ display:block}

.concon{ margin-right:27%; padding-right:3%; border-right:1px solid #ccc; line-height:24px;}
.concon p{ margin:0px;}
.concon .contit{ font-size:22px; font-weight:bold; text-align:center; border-bottom:1px solid #ccc; padding:10px 0 20px; margin-bottom:30px;}
.concon .condate{ font-size:13px; text-align:center; margin-bottom:0px; font-weight:normal; margin-top:5px;}
.concon .coninfo{ background-color:#eee; padding:10px; line-height:24px;}
.concon .conpage{ border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; margin-top:30px; padding:10px 0;}
.concon .conpage a{ display:block;}
.concon .conpage a:hover{ text-decoration:underline;}
.concon .conbtn{ background-color:#ff0000; color:#fff; padding:10px 0; margin-top:20px; text-align:center; font-size:14px; font-weight:bold;}
.concon .concc img{ max-width:100%;}



.protab{word-wrap:break-word;word-break:break-all;}
.protab{ border-collapse:collapse; width:100%;}
.protab td{ border:1px solid #ccc; padding:2px; text-align:center;}
.protab tr:nth-child(n){ background-color:#eaf6ff;}
.protab tr:nth-child(2n){ background-color:#fff;}


#dituContent{width:100%;height:335px;}
#dituContent img{ max-width:none;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}




.hidden01{ display:none;}
.show01{ display:block;}

@media (max-width:1110px){
	img{ max-width:100%;}
	.wrapper{ width:100%; padding:0 10px; box-sizing:border-box;}
	
		
	.banner .swiper-container { height:450px;}
	.banner .swiper-slide{ background-size:cover}
	
	.homedevice  .boxfr img{ max-width:none;}
	
	
	bannerx{ background-size:140% 100%;}
	
	.main .news{ padding:0 2%;}
	.main .news li a{ width:100%;}	
	
	.main .contact img{ max-width:none;}
	
	
	.hidden02{ display:none;}
	.show02{ display:block;}
}

@media (max-width:980px){
	
	.top .logo{ float:none; margin-right:20%; padding:5px; max-height:60px;}
	.top .logo img{ max-height:60px;}
	
	.nav{ position:absolute; padding:10px 0; left:0px; background-color:#eee; width:100%;display:none;}
	.nav .nLi{ float:none; line-height:38px; border-bottom:1px solid #ccc; padding:0 0 0 28px}
	.nav .nLi h3>a{ border:none;line-height:45px; font-size:15px;}
	.nav .nLi em{ position:absolute; right:0px; height:38px; top:0px; width:90px; z-index:2; background-repeat:no-repeat; background-image:url(404.png); background-position:center center;}
	.nav .sub{ position:relative; width:100%; box-sizing:border-box; background-color:#eee; padding:0;}
	.nav .sub li{ border:none; border-top:1px dashed #ccc; padding-left:10px;}
	.nav .sub a{ display:block;}
	.nav .nLi:hover .sub{ display:none;}
	.nav .nLi .active em{ background-image:url(404.png);}
	
	.navon{ display:block;}
	
	.homenote .txt{ float:none;}
	.homenote .more{ float:none; margin-top:10px;}
	
	
	.main .pro li{ width:33.3%;}
	
	
	.hidden03{ display:none;}
	.show03{ display:block;}
}

@media (max-width:720px){
	
	.topline{ line-height:30px;}
	.top .logo img{ max-height:50px;}
	
	.banner  .swiper-container { height:200px;}
	.banner  .wrapper{ display:none;}
	
	.homenote{ padding:30px 0;}
	
	.homeabout .boxfl{ float:none; width:100%; padding-bottom:20px;}
	.homeabout .boxfl .tit{ padding-top:0px;}
	.homeabout .boxfr{ float:none; width:100%;}
	.homeabout .boxfr  .tit{ padding-bottom:0;}
	.homeabout .boxfr .info{ display:none;}
	
	.homepro .conn{ padding-top:20px;}
	.homepro .txt{ padding-top:15px;}
	
	.homedevice .boxfl{ float:none; width:100%; padding:0 0 20px;}
	.homedevice .tit{ margin-bottom:10px;}
	.homedevice .info{ margin-bottom:10px;}
	.homedevice .boxfr{ float:none; width:100%; height:auto;}
	.homedevice .boxfr img{ max-width:100%; height:auto;}
	
	.homenews .conn{ padding-top:20px;}
	.homenews li{ width:100%; float:none; padding:0 5%; padding-bottom:20px;}
	.homenews  .tit{ padding-top:20px;}
	.homenews  .note{ padding-bottom:10px;}
	.homenews .info{ margin-bottom:10px;}
	
	.foot .fl{ float:none; text-align:center;}
	
	
	.bannerx{ height:150px; background-size:cover;}	
	.bigtit h3{ font-size:18px;}
	
	.main{ padding:30px 0;}
	
	.main .submenu{ padding-bottom:22px;}
	
	.main .news .img{ margin-right:10px;} 
	.main .news .img img{ width:106px; height:80px;}
	.main .news .tit{ font-size:15px; max-height:46px; overflow:hidden;}
	.main .news span{ display:none;}
	.main .news .time{ display:none; }
	.main .news .miaoshu{ margin-top:0px; height:38px; line-height:19px;font-size:13px;}
	.main .news li:hover .img{transform:translateX(0px);}
	.main .news li:hover .txt{transform:translateX(0px);}
	
	.main .contact{ border:none;}
	.main .contact li{ width:100%; float:none;}
	.main .contactfl{ width:100%;}
	.main .pro li{ width:50%;}
	
	.main .job li{ width:100%;}
	
	.concon{ margin-right:0; padding-right:0px; border:none;}
	.concon .contit{ font-size:18px;}
	
	
	
	.hidden04{ display:none;}
	.show04{ display:block;}
}