@charset "utf-8";
/* CSS Document */
body{margin:0px; padding:0px; font-size:14px; font-family: 'Microsoft YaHei',Arial,sans-serif; color:#262626;}
a{color:#343434; text-decoration:none; outline:none;}
a:active{star:expression(this.onFocus=this.blur());} 
img{border:0px; vertical-align:middle;}
a:link {text-decoration: none; outline:none;}
a:visited{text-decoration: none; outline:none;}
a:hover{text-decoration:none; color:#00aeef; outline:none;}
ul, p, dl, dt, dd{padding:0px; margin:0px;}
li{list-style-position:outside; list-style-type:none;}
h1, h2, h3, h4, h5{ padding:0px; margin:0px;}
h1{font-size:48px;}
h2{font-size:36px;}
h3{font-size:30px;}
h4{font-size:20px;}
h5{font-size:18px;}
.fl{float:left;}
.fr{float:right;}
.clear_f{clear:both; height:0px; padding:0px; margin:0px; display:block; _display:inherit;}
.fix { *zoom: 1;
*clear: both;
}
.fix:before, .fix:after { display: table; clear: both; content: ''; }

.h10{height:10px; overflow:hidden; clear:both;}
.h30{height:30px; overflow:hidden; clear:both;}
.h60{height:60px; overflow:hidden; clear:both;}
.h70{height:70px; overflow:hidden; clear:both;}
.h100{height:100px; overflow:hidden; clear:both;}
.ml40{ margin-left:40px;}
.mt40{ margin-top:40px;}
.mb20{ margin-top:20px; margin-bottom:20px;}
input, textarea{background:transparent; padding:0px; font-size:12px; font-family: 'Microsoft YaHei',Arial,sans-serif; color:#888; outline:none; border:0px;}
em{font-style:normal;}
.btn1{cursor:pointer;}
.red{color:#00aeef;}
.blue{ color:#223138;}
.red_no{color:#00aeef; font-size:50px;}
.f_white{ color:#fff;}
.wal0{ width:100%; margin:20px auto; overflow:hidden;}
.wal{ margin:0px auto; overflow:hidden;}
.wal_m{width:1200px; margin:0px auto;}
.wal_top{margin:0px 2%;}
.wal_f8{ margin:0px auto; background-color:#f8f8f8; padding-bottom:40px;}
.wal_f{ margin:0px auto; background-color:#fff;}
.wal_h{ background-color:#FFF; box-shadow:0 0 13px rgba(0,0,0,.2); overflow:hidden;}
.title{ text-align:center; font-size:36px; font-weight:bold; margin-bottom:50px;}

.productList .list li .box, .productType .midList li .box{
transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;	
}

.Phone-Box{ display: none; }

@font-face {font-family:thin; src:url(../font/NOTOSANSHANS-THIN-WINDOWS.OTF);}
/*图片滑过时左移*/
.sImg { text-align:center; overflow: hidden;z-index: 1; position: relative;}
.sImg img {-webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; vertical-align: middle; }
.sImg:hover img { -webkit-transform: translateX(-4px); transform: translateX(-4px); }
/*图片放大*/
.fangda{ overflow: hidden;}
.fangda img{ transition:2s;-moz-transition:2s;-webkit-transition:2s;-o-transition:2s;}
.fangda:hover img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
/*页头*/
.header { background: #ececec; height:40px; color: #666; line-height:40px;}
.header a { display: inline-block;  color: #666; position: relative;padding:0 18px 0 25px; }
.header a:nth-child(1){background: url(../images/t_ico1.png) no-repeat left center;}
.header a:nth-child(2){background: url(../images/t_ico2.png) no-repeat left center; }
.header a:nth-child(3){background: url(../images/t_ico4.png) no-repeat left center;padding-right: 0;}

.headDiv{width:100%; height:124px;background: #FFF; overflow:hidden;}
.h_logo{width:45%; padding:10px 0px; float:left;overflow:hidden;}
.h_logo .h_logo_l{ float:left; text-align:center; color:#333; padding-right:10px; background:url(../images/logo_lin.png) no-repeat center right;font-size:18px; line-height:30px; font-weight:bold;}
.h_logo .h_logo_l img{ margin-right:10px;}
.h_logo .h_logo_r{float:left; padding-left:10px;}
.h_logo .h_logo_r p{color:#666;font-size:20px; line-height:40px;}
.h_logo .h_logo_r h3{color:#333; line-height:50px;}
.h_home{width:10%; float:left; margin-top:10px;}
.h_box{width:25%; float:right; margin-top:30px; overflow:hidden;}
.h_tel{ width:auto;overflow:hidden;}
.ico_content{direction:block; float:left;background:url(../images/tel.png) center center no-repeat;width:50px; height:50px;margin-right:5px;vertical-align:middle}
.h_tel p{color:#666; font-size:16px;}
.h_tel h3{color:#333; font-size:30px; line-height:30px;}
.headDiv.hov, .headDiv.on{background: rgba(255,255,255,0.9); opacity:1;} 
.headDiv .logo{ display:block; position:absolute; left:0px; top:10px;}
/*导航*/
.nav{ width:100%; background-color:#313742; overflow:hidden;}
.nav li{width:11%; line-height:60px; float:left;position: relative; text-align:center;overflow:hidden;}
.nav li:before{content: "";position: absolute;width:1px;height:25px;background:#4a4f59; left:0px; top:20px;}
.nav li:first-child:before{width: 0;height: 0;}
.nav li a{ font-size:18px;cursor: pointer; color:#FFF; position: relative;z-index: 2; color: #ffffff;box-sizing: border-box;}
.nav li:after{content:'';position:absolute;height:0%;width:100%;background:#00a2ea;top:0;left:0;-webkit-transition:height .5s;transition:height .5s;color: #fff; z-index: 1;;}
.nav li:hover:after,.nav li.nvg:after{height:100%;color: #fff;z-index: 1;}
.nav li a:hover, .nav .nvg a { font-weight: bold; text-decoration: none;  color: #fff; }
/*手机导航菜单触发*/
.navIco{display:none; width:30px; height:30px; position:absolute; top:10px; right:20px; text-align: center; line-height:30px;}
.navIco img{ width:100%;}
.shopIco{display:none; width:30px; height:30px; position:absolute; top:0px; right:55px; text-align: center; line-height:30px;}


/*导航触发效果*/
.sNav{position:fixed;z-index:11; margin-top:20px; height:74px; display:none; width:100%;  background: rgba(0,162,234,0.9); border-top:1px #CCC solid;}
.sNav .list{ position: absolute; width:900px; margin-left:-410px; text-align:center;}
.sNav .list li{ font-size: 15px; display:inline-block; margin:0 25px; line-height: 74px; font-weight: bold;}
.sNav .list li a{ color: #343434; }
.sNav .list li a:hover{ color: #00aeef; }

/*导航菜单触发*/
.navLayer{overflow-x: auto; height:100%; width:30%; overflow:hidden; position:fixed; z-index:222; right:-100%; top:60px;}
.navLayer .close{ position: absolute; right:10px; top:10px; height:30px; width:30px; line-height:30px; text-align: center;}
.navLayer .close img{ width:30px; }
.navLayer .bg{ background: rgba(0,162,234,0.9); height:100%; float:right;}
.sideNav{ width:200px; padding-top:40px; }
.subNav{cursor:pointer; display:block; line-height:30px; position:relative; color:#343434; }
.subNav1{ background:url(../images/lico4.png) right center no-repeat; background-size:26px; color: #fff;}
.subNav .name{ text-indent:20px; text-align:left; position:relative;}
.subNav a{ color:#fff; display: block;}
.currentDt{background:url(../images/lico4on.png) right center no-repeat; background-size: 26px;  color:#00aeef}
.navContent{display: none;}
.navContent a{display:block; line-height:80px; color:#fff; padding-left:20px; font-size:30px;}

.pageBg{ position:fixed; z-index:11; width:100%; height:100%; display:none; background:url(../images/bg1.png) repeat; left:0px; top:0px;}

/*页脚*/
.foot{ background-color:#313740; padding:40px 0px; margin-top:60px; height:auto; color:#FFF; overflow:hidden;}
.foot a{ color:#ccc;}
.foot a:hovet{ color:#00aeef;}
.foot_d1{width:22%; float:left; padding-right:2%; text-align:center; overflow:hidden;}
.foot_logo{ margin-bottom:20px; text-align:left; overflow:hidden;}
.foot_logo img{width:100px; float:left; margin-right:0px;}
.foot_logo h5{ width:100%; line-height:36px; float:left; color:#FFF;}
.foot_logo p{ float:left;}
.foot_d1 ul{ width:100%;overflow:hidden;}
.foot_d1 li{ width:40%; margin:2.5%; padding:2%; float:left; background-color:#FFF; text-align:center; color:#333; border-radius:10px; overflow:hidden;}
.foot_d1 li img{ width:100%;}
.foot_d3{ width:50%; float:left;}
.foot_d3 li{ width:25%; float:left; text-align:left; line-height:30px;}
.foot_d3 dl{ width:100%; overflow:hidden;}
.foot_d3 dl dd{ margin:2% auto;}
.foot_d3 dl dd a{color:#CCC;}
.foot_d3 a:hover{color:#00aeef;}
.foot_d3 a h5{ line-height:36px; float:left; color:#FFF;}
.foot_d2{ width:23%; float:right; overflow:hidden;}
.foot_d2 h5,.foot_d3 h5{ background:url(../images/foot_t_bg.png) left bottom no-repeat; line-height:40px; margin-bottom:10px;}
.foot_tel{ font-size:30px; color:#00aeef; line-height:50px; font-weight:bold;}
.foot_add{ margin-bottom:20px;}
.foot_d2_i1 { background:url(../images/f_ico4.png) left center no-repeat; border-right:#FFF 1px solid;}
.foot_d2_i2 { background:url(../images/f_ico5.png) left center no-repeat; border-right:#FFF 1px solid;}
.foot_d2_i3 { background:url(../images/f_ico6.png) left center no-repeat;}
.foot_b,.foot_b a{ color:#999;}

.foot_fixed,.foot_mb{ display:none;}

.db_tel { float:left; height:76px;padding: 10px 0 10px 60px;position: relative;}
.db_tel h2{ line-height:40px; font-size:30px; color:#fff;}
.db_tel::before {
	position: absolute;
	left:0px;
	top: 50%;
	display: block;
	content: "";
	margin-right: 5px;
	width:45px;
	height:45px;
	background: url("../images/tel_icon2.png") no-repeat;
	background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%)
}
/*内页banner*/
.pageBanner{ width:100%;overflow:hidden; background-color:#FFF;}
.pageBanner .imgDiv img{ width:100%;}
.pageBannerTel{display:none;}
.pageBox{ padding-bottom:80px; overflow:hidden;}
/*位置*/
.pageTop{  margin:20px auto; overflow:hidden;}
.pageTop_t{ width:10%; float:left; font-size:20px; font-weight:bold; line-height:80px;}
.pageNow{ line-height:50px; border-bottom:#eee 1px dashed; color: #333; overflow: hidden;}
.pageNow b{ font-weight: normal;background:url(../images/nimg16_5.png) left center no-repeat; padding-left:30px;}
.pageNow a:hover{ color:#00aeef;}
.pageNow em{ color: #00aeef; }
.page_r{ width:40%; float:right;}
.pageNav{ height: 72px; position: absolute; right: 0px; top: 0px; }
.pageNav li{ float: left; width: 102px; height: 72px; font-size: 15px;}
.pageNav .li01{ width: 189px; }
.pageNav li a{ display: block; height: 72px; line-height: 72px; text-align: center; color: #636363;}
.pageNav li a:hover, .pageNav li .aNow{ color: #fff; background: #00aeef;}

/*右侧悬浮窗*/
.sideBar{ position:fixed; right:10px; top:85%; margin-top:-300px; z-index:111; width:60px;}
.sideBar ul{ width:100%;}
.sideBar li{position:relative; height:60px; margin:0px 2px; margin-bottom:1px; cursor:pointer;}
.sideBar .mouse{position:absolute; left:-152px; top:0px; display:none; background:#000; }
.sideBar .img{background:#00aeef; height:60px; text-align:center; width:70px;}
.sideBar .img img{position:relative; top:10px; width:40px; height:40px;}
.sideBar .img p{ color:#fff; margin-top:10px;}
.sideBar .img1{background:#df3033; height:70px; text-align:center; width:70px;box-shadow:5px 5px 5px 5px rgba(0,0,0,.5);}
.sideBar .img1 img{position:relative; top:8px; width:30px; height:30px;}
.sideBar .img1 p{ color:#FFF; margin-top:10px;}
.sideBar .img2{background:#414a57; height:60px; text-align:center; width:70px;}
.sideBar .img2 img{position:relative; top:10px; width:40px; height:40px;}
.sideBar .img2 p{ color:#fff; margin-top:10px;}
.sideBar .liNow .img{background:#262b32;}
.sideBar .liNow .mouse{display:block;}
.sideBar .li01 .mouse{background:#262b32; width:200px; height:60px; left:-200px;}
.sideBar .li01 .ewmList{ padding:20px;}
.sideBar .li01 .ewmList h3{ color:#fff; font-size:18px;}
.sideBar .li02 .mouse{background:#262b32; width:150px; height:150px; left:-150px;}
.sideBar .li02 .ewmList{ padding:10px;}
.sideBar .li02 .ewmList img{ width:100%;}
.sideBar .li00{ background-color:#F00;}

.pageTitleTel{ height:50px; background:#00aeef; position:relative; display:none;}
.sideTitleTel{ width:100%; height:50px; position:absolute; left:0px; top:0px;}
.sideTitleTel .con{ font-size:16px; height:50px; line-height:50px; position:relative; padding-right:10px;}
.sideTitleTel .con a{ color: #fff; display:block; height:50px; padding-left:15px; background:url(../images/ico5.png) right center no-repeat; background-size: 16px;}
.sideTitleTel .con.on a{ background:url(../images/ico5on.png) right center no-repeat; background-size:16px;}
.sideTitleNav{ position:absolute; top:50px; z-index:10; width:100%; background:#faf9f9; display:none; box-shadow:0 1px 5px rgba(35,25,25,0.2); -moz-box-shadow:0 1px 5px rgba(35,25,25,0.2); -webkit-box-shadow:0 1px 5px rgba(35,25,25,0.2);}
.sideTitleNav li{ height:43px;}
.sideTitleNav li a{ display:block; height:42px; line-height:42px; padding-left:15px; color:#666; border-bottom:#e2e2e2 solid 1px; background:#faf9f9;}
.sideTitleTel .con em{ display:block; color:#fff; padding-left: 15px;}

/*分页*/
.pageNum{height:50px; margin-top:50px; margin-bottom:50px; text-align:center;}
.pageNum a{margin:8px 8px; display:inline-block; height:36px; line-height:36px; color:#666; background:#ddd; width:auto; padding-left:10px; padding-right:10px; border-radius: 4px; -moz-border-radius: 4px;}
.pageNum a:hover, .pageNum .aNow{ color:#fff; background:#00aeef;}
.pageNum .prev{ font-family: 'Microsoft YaHei',Arial,sans-serif;}
.pageNum .next{ font-family: 'Microsoft YaHei',Arial,sans-serif;}
.pageMore{ display:none;}
.pageMore a{ display:block; width:100%; text-align:center; height:45px; line-height:45px; background:#  c80c1a; color:#fff; margin-bottom:20px;}

.tabContent{ display:none;}
.tab li{ cursor:pointer;}
.tabContent2{ display:none;}
.tab2 li{ cursor:pointer;}
.tabContent3{ display:none;}
.tab3 dd{ cursor:pointer;}

.cd-top {
    /* image replacement properties */
    overflow: hidden;
    white-space: nowrap;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.cd-top.cd-is-visible {
    /* the button becomes visible */
    visibility: visible;
    opacity: 1;
}
.cd-top.cd-fade-out {opacity: 1;}

#Layer1{
	position:absolute;
	position:fixed;
	_position:absolute;
	width:100%;
	z-index:99;
	top:0; left:0px;
	background-color:#000;
	display:none;
}


.selectDiv{cursor:pointer;}
.selectDiv span{padding-left:10px;}
.selectDiv select{display:none;}
/**/
.selectLayer{position:absolute; z-index:100; display:none; background:#FFF; border:#bababa solid 1px;}
.selectLayer li{height:22px; line-height:22px; overflow:hidden; padding-left:10px; color:#666;}