@charset "utf-8";
/* CSS Document */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
body,button,input,select,textarea{font:14px Verdana, Geneva, sans-serif ; font-family:"微软雅黑";}
body{color:#333; background: url(../images/bg2.jpg) no-repeat 0 99.5%;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
small{font-size:10px;}
ul,ol{list-style:none;}
a{text-decoration:none; color:#333; }
a:hover{text-decoration:none; color:#00b7ee;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
abbr[title]{border-bottom:1px dotted;cursor:help;}
legend{color:#000;}
fieldset, img { border:0;} 
a img{vertical-align:text-bottom;}
:focus {outline:0;}
textarea{overflow:auto;vertical-align:top;resize:vertical;}
button,input,select,textarea{font-size:100%;}
button,input,select{vertical-align:middle;}
button{cursor:pointer;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}

/*Common Style
--------------------------------*/
/*text align*/
.tc{ text-align:center;}
.tr{ text-align:right;}
.tl{ text-align:left;}
.tj{ text-align:justify;}
/*float and clear*/
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.cb{ clear:both;}
/*clear*/
.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.w1200{width:1200px;}
.juzhong{margin:0 auto;}
.juzhong1{margin:40px auto;}
.juzhong2{margin:0 auto 40px auto;}
.juzhong3{margin:40px auto 0 auto;}
.juzhong4{ margin:60px auto 40px auto;}
.l24{line-height:24px;}
.l30{line-height:30px;}
.l40{line-height:40px;}
.l42{line-height:42px;}
.l50{line-height:50px;}
.l60{line-height:60px;}
.l80{line-height:80px;}
.f16{font-size:16px;}
.f17{font-size:17px;}
.f18{font-size:18px;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f24{font-size:24px;}
.f20{font-size:20px;}
.f30{font-size:30px;}
.f40{font-size:40px;}
.arial{font-family:Arial, Helvetica, sans-serif;}
.nor{font-weight:normal;}
.mw{width:100%; min-width:1200px;}
.green{color:#009e63;}
.blue{ color:#00b7ee;}
.green1{color:#376b0d;}
.white{color:#fff;}
.yellow{color:#fff100;}
.yellow1{color:#ec6941;}
.red{color:#3c6372;}
.c999{color:#999;}
.c666{color:#666;}
.c333{color:#333;}
.c74{color:#747474;}
.c8f{color:#8f8f8f;}
.cce{color:#cecece;}
.ellipsis {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
overflow: hidden;}
.capital{text-transform:uppercase;}
a {
	text-decoration:none;
	-webkit-transition:color 0.2s linear;
    -moz-transition:color 0.2s linear;
    -o-transition:color 0.2s linear;
    transition:color 0.2s linear;
}
a:focus , a:link, a:active {
	outline:none;
}

html *,
html *:before,
html *:after {
 /*  box-sizing: border-box; */
  -webkit-transition: 0.5s;
  transition: 0.5s; 
}



.header{ position:absolute; top:20px; z-index:9; width:100%; color:#fff; border-bottom:1px solid rgba(255,255,2555,.2);}	
.header .logo{margin:0 0 0 4%;}	
.nav{margin:0 0 0 60px;}	  
.nav ul li{float:left; position:relative; margin:0 0 0 18px; font-size:15px; }
.nav ul li a{display:block; width:100px; height:65px; line-height:65px; color:#fff; text-align:center;}
.nav ul li:hover a,#nav_hover{position:relative; z-index:1; color:#00b7ee; background:url(../images/lined2.png) center bottom no-repeat;}
.nav ul li ul{display:none;}
.nav ul li:hover ul{display:block; position:absolute; z-index:9;  }
.nav ul li:hover ul li{margin:0;}
.nav ul li:hover ul li a{height:28px; line-height:28px;background:#1cc4f7; color:#fff; font-size:14px; opacity:1;}
/* .nav ul li ul li a:hover{background:#588ca0;} */
.nav ul li ul li a em{width:0; height:30px; position:absolute; left:0; top:0; background:#26b8e4; z-index:-1}
.nav ul li ul li a:hover em{display:block;width:100%;  color:#fff;}


.search_tel_icon{margin:20px 4% 0 0 ; }
.search_tel_icon span{display:block; float:left; margin:0 0 0 10px;}
.search_tel_icon span img{ display:block;}

.wx_ewm{position:relative;}
.wx_ewm a em{display:none;}
.wx_ewm a em img{width:100px; height:100px;}
.wx_ewm a:hover em{display:block; position:absolute; top:25px; left:-35px;}
.d6 form {
  height: 20px;
   position: absolute;
  top: 23px;
}
.d6 input {
  height: 100%;
  width: 0;
  padding: 0 42px 0 15px;
  border: none;
  border-bottom: 1px solid transparent;
  outline: none;
  background: transparent;
  transition: .4s cubic-bezier(0, 0.8, 0, 1);
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}
.d6 input:focus {
  width: 100px;
  z-index: 1;
  border-bottom: 1px solid #fff;
}
.d6 button {
  background: #683B4D;
  border: none;
  height: 15px;
  width: 15px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
.d6 button{
 background:url(../images/search.png) center no-repeat;
  color: #F9F0DA;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #fff;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #fff;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #fff;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #fff;
}




/******banner*********/
.fullSlide {
	width:100%;
	position:relative;
	height:950px;
	z-index:2;
	overflow:hidden;
}
.fullSlide *,
.fullSlide *:before,
.fullSlide *:after {
  -webkit-transition: 0s;
  transition: 0s;
}

.fullSlide .bd {
	margin:0 auto;
	position:relative;
	z-index:0;
	overflow:hidden;
}
.fullSlide .bd ul {
	width:100% !important;
}
.fullSlide .bd li {
	width:100% !important;
	height:950px;
	overflow:hidden;
	text-align:center;
}
.fullSlide .bd li a {
	display:block;
	height:950px;
}
.fullSlide .hd {
	width:100%;
	position:absolute;
	z-index:1;
	bottom:20px;
	left:0;
	height:30px;
	line-height:30px;
}
.fullSlide .hd ul {
	text-align:right;
	margin:0 5% 0 0
}
.fullSlide .hd ul li {
	cursor:pointer;
	display:inline-block;
	*display:inline;
	zoom:1;
	width:10px;
	height:10px;
	margin: 0 5px;
	overflow:hidden;
	background:#fff;
	line-height:999px;
	border-radius:10px;
}
.fullSlide .hd ul .on {
	background:#00b7ee;
}
.fullSlide .prev,.fullSlide .next {
	display:block;
	position:absolute;
	z-index:1;
	top:50%;
	margin-top:-30px;
	left:5%;
	z-index:1;
	width:52px;
	height:108px;
	background:url(../images/left.png) no-repeat;
	cursor:pointer;
	display:none;
}
.fullSlide .next {
	left:auto;
	right:5%;
	background:url(../images/right.png) no-repeat;
}



.h_xiushi{position:absolute; top:302px; left:0; right:0;background:url(../images/line111.png) 212px no-repeat; z-index:2; height:1618px;}
.h_about{position:relative; z-index:3; margin-top:100px;}
.h_about_r{width:410px;}
.gxm_name01{font-size:36px;  color:#000;}
.gxm_name01 span{display:block; font-size:70px; color:#d7d8da; font-weight:bold;}
.h_about_r p{width:90%; font-size:16px; float:right; line-height:180%; margin:20px 0 0 0;}
.h_about_r a{width:100px; height:30px; line-height:30px; background:url(../images/icon01.png) 100px no-repeat #a1e4f9; float:right; margin:40px 0 0 0; border:2px solid #00ffff; color:#00b7ee; display:block; font-size:16px; padding:0 20px;}

.h_news{height:1165px;background:url(../images/picture35.jpg) no-repeat bottom;}
.h_news .gxm_name01{padding:140px 0 0 0;}
.h_news .juzhong{width:1150px; margin-top:230px;}
.h_news .gxm_name02{font-size:30px; color:#00b7ee; }
.h_news .gxm_name02 em{display:block; color:#000; border-top:1px solid #00b7ee;font-size:20px; width:80px; margin:5px 0 0 0; line-height:40px;}
.h_news_menu{font-size:18px; margin:20px 0 0 0;}
.h_news_menu a{padding:0 10px; display:inline-block}
.h_news_menu a:hover{background:#00b7ee; color:#fff;}
.h_news_menu span{display:inline-block; margin:0 10px;}

.h_news_list li{margin:20px 0 0 0;}
.h_news_list li img{width:206px; height:126px; display:block;}
.h_news_list li h1{font-size:20px;}
.h_news_list li a,.h_news_list_01 em{color:#00b7ee;}
.h_news_list_01{width:920px;}
.h_news_list_01 p{padding:10px 0 15px; line-height:22px;}
.h_news_list_01 span a{display:inline-block; padding:2px 13px; border:1px solid #00b7ee}
.h_news_list_01 em{display:inline-block; float:right;}


.h_products{height:830px; background:url(../images/background.jpg) no-repeat bottom;}
.h_products .gxm_name01{margin:50px 0 0 0;}
.h_products .juzhong{ overflow:hidden;}
.h_products ul{width:1280px; display:block;}
.h_products li{background:#fff; width:360px; border:10px solid #00b7ee; margin:0 30px 0 0; line-height:60px; float:left;}
.h_products li p{padding:12px 20px 0; height:60px; background:#434343; line-height:22px; color:#fff;}
.h_products li img{width:360px; height:330px; display:block;}
.h_products li h1{background:url(../images/icon02.png) 90% no-repeat; font-size:18px; padding:0 0 0 20px;}
.h_products li:hover{background:#00b7ee;}
.h_products li:hover a{color:#fff;}
.h_products li:hover h1{background:url(../images/icon02_hover.png) 90% no-repeat;}
.h_products_more{font-size:18px; background:url(../images/line2.png) 0 no-repeat; height:234px; padding:0 0 0 80px;}
.h_products_more a{padding:105px 0 0 0; display:inline-block;}

.h_tj_biaodan{padding:90px 0;}
.h_tj_biaodan .text01{border:1px solid #000; width:330px; height:38px; border-radius:3px; padding:0 0 0 10px; color:#666;}
.h_tj_biaodan .button01{background:#00b7ee; color:#fff; border:0; width:100px; height:40px;  border-radius:3px; font-size:16px;}
.h_tj_biaodan h1{font-size:32px;}
.h_tj_biaodan p{font-size:16px; margin:5px 0 20px}

.footer{background:url(../images/background1.jpg) no-repeat bottom; padding:160px 0; color:#fff; position:relative;}
.footer li{width:13%; display:block; float:left; margin:0 0 0 80px; padding:0 0 60px;}
.footer li h1{font-size:24px; font-weight:500; margin:0 0 20px;}
.footer li a{line-height:30px; color:#fff; display:block;}
.footer li a span{color:#00b7ee; margin:0 8px 0 0;}
.footer li p{line-height:30px;}

.footer_bottom{ position:absolute; bottom:10px; z-index:5;left:0; right:0;}
.footer_bottom .fr span{display:block; height:1px; background:#4c4c4c; width:300px; float:left; margin:13px 0 0 0;}
.footer_bottom .fr a{display:block; padding:2px 10px; border:1px solid #15586d ; float:right; color:#15586d}
.footer_bottom01{background:#000; height:50px; opacity:0.3; width:100%; position:absolute; bottom:0; z-index:4; left:0; right:0;}
.footer_bottom a{color:#fff;}


.min_banner{height:400px;}
.n_products_menu{padding:40px 0 0 0; background:#4cccf3;}
.n_products_menu h1{font-size:26px; color:#fff; font-weight:500;}
.n_products_menu a{padding:10px 25px; display:inline-block; background:#00b7ee; color:#fff; font-size:16px;  margin:30px 5px 0;}
.n_products_menu a:hover,#products_menu{color:#00b7ee; background:#fff;}
.n_content{line-height:170%; padding:40px 0; font-size:15px;}



.n_news{padding:60px 0;}
.menu_left{width:227px;}
.menu_list h1{height:40px; background:#00b7ee; color:#fff; font-size:20px; line-height:24px; padding:30px 20px; }
.menu_list h1 em{font-size:18px; font-weight:normal;}
.menu_list ul li{height:40px; margin:10px 0; border:1px solid #ccc; padding:0 20px; line-height:40px;}
.menu_list ul li a{display:block; width:100%; font-size:14px;}
.menu_list ul li a em{font-weight:bold;}
.menu_list ul li:hover,#current{border:1px solid #00b7ee;}
.menu_list ul li a:hover,#current a{color:#00b7ee;}

.tel001{ height:50px; background:url(../images/tel_bg01.png) no-repeat; margin:40px 0;  padding:0 0 0 70px;}
.tel001 h2{font-size:14px; font-weight:normal;color:#595959;}
.tel001 p{font-size:30px; font-weight:bold; line-height:28px; font-family:Arial, Helvetica, sans-serif;color:#074784;}

.company_news{width:310px; margin:30px 0 0 0;}
.company_news ul li{border-bottom:1px dotted #ccc; line-height:40px; height:40px;}
.company_news ul li a{font-size:14px;}

.news_title02{font-size:20px; color:#074784;height:40px; border-bottom:2px solid #ccc;}
.news_title02 em{padding:0 10px; border-bottom:2px solid #074784; line-height:52px;}
.news_title02 em span{font-size:12px;}
.news_title02 a{font-size:12px; line-height:60px;}

.news_list .company_news{width:100%; margin:10px 0 0 0;}


.about{font-size:14px; padding:20px 0 0 0; line-height:30px;}

.big_news{margin:30px 0 0 0;}
.big_news .fr{width:630px;}
.big_news .fr h1{font-size:18px;}
.big_news .fr h2{font-size:12px; margin:0 0 20px 0;}
.big_news .fr a{display:block;}

.show_content{width:940px;}
.posit{ height:50px; border-bottom:1px solid #dddddd; line-height:50px; font-size:14px;margin:0 auto;}
.posit img{float:left;}
.posit01{ padding:0 0 0 6px; color:#595959;float:left;}
.posit01 a{margin:0 5px;}


#wrap01{width:1230px;}
#wrap01 ul li .a1 img{width: 380px;height: 279px;}
#wrap01 ul li{width: 380px;height: 279px;list-style: none;position: relative;float: left;overflow: hidden;margin: 0 30px 30px 0;} 
#wrap01 ul li .a1 .divA{position: absolute;bottom: 0;left: 0;width: 380px;height: 46px;background: #00b7ee;}
#wrap01 ul li .a1 .divA>.p1{font-size: 18px;line-height: 46px;color: #FFF;display:block;text-align:center;}
#wrap01 ul li .a1 .divA>.p3{color: #f60;display:block;float:right;line-height: 46px;padding:0 40px 0 0;}
#wrap01 ul li .a1 .divA>.p3>span{font-size: 24px;font-weight:800;}
/*遮罩*/
#wrap01 ul li .a2{position: absolute;top: 0;left:-430PX;width: 380px;height: 279px;text-align: center;color: white;background: rgba(0,0,0,0.5);transition: all 0.2s;  } 
#wrap01 ul li .a2 .p4{width: 386px;text-align: center;position: absolute;top: 88px;left: -420px;color: #FFF;;font-size: 28px;font-weight:500;transition: all 0.2s 0.1s ease-out ;}
#wrap01 ul li .a2 .p5{width: 386px;text-align: center;line-height:20px ;position: absolute;top: 65px;left: -430px;margin: 30px  0 10px;font-size: 14px;color: white;transition: all 0.2s 0.2s ease-out ;  }
#wrap01 ul li .a2 .p6{position: absolute;top: 160px;left:150px;transform: scale(1.4);transition: all 0.3s 0.2s ;}
#wrap01 ul li .a2 .p6 span{font-family: Arial;font-size: 36px;font-weight: 700;color: white;}
#wrap01 ul li .a2 .p7{position: absolute;bottom:-120px;left: 110px;width: 140px;height: 30px;line-height: 30px;border-radius: 20px;margin: 10px auto;border: 1px solid;transition: all 0.2s 0.5s ;}
#wrap1 ul li .a2 .p7:hover{border:none;background:#daad38;color:#FFF;transition: all 0s 0s ;}