﻿/* CSS Document */
/* 全局样式 */

body{ margin:0; padding:0; font-size:12px; color:#000000; font-family:"微软雅黑",Arial, Helvetica, sans-serif;background-color:#fff;}
a,strong,img,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,table,tr,td,th,input{margin:0;padding:0;list-style:none;border:0;color: #000000; text-decoration:none;}
p,span{margin:0;padding:0;list-style:none;border:0; text-decoration:none;}
.clear{ clear:both;}
input{outline:none;}
/*index*/

.i-top{ width:1000px; height:26px;}
.dw{ position:absolute; top:100px; left:50%; margin-left:-500px; width:1000px;   }

.i-bot{ width:1000px; height:335px; margin-top:100px;}
.b-left{ width:433px; height:335px; float:left;}
.hhonr { width: 433px; height: 335px; overflow: hidden; }
.l, #List1, #List2 { float: left }
.r { float: right }
.Cont { WIDTH: 433px; float: left; overflow: hidden; height: 335px }
.ScrCont { WIDTH: 10000000px; }
/*----------------------------------------------------*/
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width:436px;
  height:346px;
  padding: 0;
  margin: 0;
  }
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 436px;
  height:346px;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 436px;
  height:346px;
  border: 0;
  }
.slide_container {
  position: relative;
  float: left;
  width: 436px;
  height:346px;
  }

.slide {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 436px;
  padding: 0;
  margin: 0;
  }

.slide li {
  position: absolute;
  width:440px;
  height:346px;
  left: 0;
  top: 0;
  }
  
 .slide img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width:432px;
  height:305px;
  border: 0;
  }

.slide .caption {
	width:433px;
	height:32px;
	text-align:left;
	padding:5px 20px 5px 14px;
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 12px;
  text-shadow: none;
  color: #fff;
  background: #d2d2d2;
  background: rgba(153,153,153, .6);
  left: 0;
  bottom: 0;
  margin: 0;
  max-width: none;
  }
  
 .slide_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 0px;
  width: 0px;
  background: transparent url("../images/themes.gif") no-repeat left top;
  margin-top: -45px;
  }

.slide_nav:active {
  opacity: 1.0;
  }

.slide_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }
  
  /*----------------------------------------------------*/
  
/*.hpp{ WIDTH: 433px; height: 335px; float: left; overflow: hidden; position:relative;}
.h-pic{ width:433px; height:335px; }
.h-wz{ background:url(../images/p_bg_07.png) no-repeat; width:433px; height:30px; position:absolute; bottom:0; left:0; }
.h-wz p{ color:#fff; line-height:30px; height:30px; text-align:right; padding-right:10px;}*/
.b-right{ width:567px; height:335px; float:right;}
.b-right ul li{ float:left;  margin-left:7px; margin-bottom:7px;}
.b-right ul li .a1{ background:url(../images/1_03.png) no-repeat; width:106px; height:107px; display:block;}
.b-right ul li .a1 p{ color:#fff; font-size:14px;  padding-top:70px; text-align:center;}
.b-right ul li .a1:hover{ background:url(../images/12_03.jpg) no-repeat;}
.b-right ul li .a2{ background:url(../images/2_03.png) no-repeat; width:106px; height:107px; display:block;}
.b-right ul li .a2 p{ color:#fff; font-size:14px;  padding-top:70px; padding-left:10px;}
.b-right ul li .a2:hover{ background:url(../images/22_03.jpg) no-repeat;}
.b-right ul li .a3{ background:url(../images/3_05.png) no-repeat; width:220px; height:107px; display:block;}
.b-right ul li .a3 p{ color:#fff; font-size:14px; padding-left:100px; line-height:19px; padding-top:35px;}
.b-right ul li .a3:hover{ background:url(../images/32_05.png) no-repeat;}
.b-right ul li .a4{ background:url(../images/4_07.png) no-repeat; width:106px; height:107px; display:block;}
.b-right ul li .a4 p{ color:#fff; font-size:14px; padding-left:10px; line-height:19px; padding-top:70px;}
.b-right ul li .a4:hover{ background:url(../images/42_07.png) no-repeat;}
.b-right ul li .a5{ background:url(../images/5_03.png) no-repeat; width:106px; height:107px; display:block; }
.b-right ul li .a5 p{ color:#fff; font-size:14px;  padding-top:70px; padding-left:10px;}
.b-right ul li .a5:hover{ background:url(../images/52_03.png) no-repeat;}
.b-right ul li .a6{ background:url(../images/6_05.png) no-repeat; width:106px; height:107px; display:block; }
.b-right ul li .a6 p{ color:#fff; font-size:14px;  padding-top:70px; padding-left:10px;}
.b-right ul li .a6:hover{ background:url(../images/62_05.png) no-repeat;}
.b-right ul li .a7{ background:url(../images/7_07.png) no-repeat; width:221px; height:107px; display:block; }
.b-right ul li .a7 p{ color:#fff; font-size:14px; padding-left:100px; line-height:19px; padding-top:40px;}
.b-right ul li .a7:hover{ background:url(../images/72_07.png) no-repeat;}

.b-right ul li .a7-1{ background:url(../images/z1-1.png) no-repeat; width:106px; height:107px; display:block; }
.b-right ul li .a7-1 p{ color:#fff; font-size:14px;  padding-top:70px; padding-left:10px;}
.b-right ul li .a7-1:hover{ background:url(../images/z1-2.png) no-repeat;}

.b-right ul li .a7-2{ background:url(../images/z2-1.png) no-repeat; width:106px; height:107px; display:block; }
.b-right ul li .a7-2 p{ color:#fff; font-size:14px;  padding-top:70px; padding-left:10px;}
.b-right ul li .a7-2:hover{ background:url(../images/z2-2.png) no-repeat;}


.b-right ul li .a8{ background:url(../images/8_09.png) no-repeat; width:106px; height:107px; display:block; }
.b-right ul li .a8 p{ color:#fff; font-size:14px; padding-left:10px; line-height:19px; padding-top:70px;}
.b-right ul li .a8:hover{ background:url(../images/82_09.png) no-repeat;}
.b-right ul li .a9{ background:url(../images/9_15.png) no-repeat; width:106px; height:107px; display:block; }
.b-right ul li .a9 p{ color:#fff; font-size:14px;  padding-top:70px; padding-left:10px;}
.b-right ul li .a9:hover{ background:url(../images/92_15.png) no-repeat;}
.b-right ul li .a10{ background:url(../images/10_16.png) no-repeat; width:106px; height:107px; display:block;  }
.b-right ul li .a10 p{ color:#fff; font-size:14px;  padding-top:70px; padding-left:10px;}
.b-right ul li .a10:hover{ background:url(../images/102_16.png) no-repeat;}
.b-right ul li .a111{ background:url(../images/11_17.png) no-repeat; width:221px; height:107px; display:block;  }
.b-right ul li .a111 p{ color:#fff; font-size:14px; padding-left:100px; line-height:19px; padding-top:40px;}
.b-right ul li .a111:hover{ background:url(../images/112_17.png) no-repeat;}

.b-right ul li .a11-1{ background:url(../images/z3-1.png) no-repeat; width:106px; height:107px; display:block;  }
.b-right ul li .a11-1 p{ color:#fff; font-size:14px; padding-left:10px; line-height:19px; padding-top:70px;}
.b-right ul li .a11-1:hover{ background:url(../images/z3-2.png) no-repeat;}

.b-right ul li .a11-2{ background:url(../images/z4-1.png) no-repeat; width:106px; height:107px; display:block;  }
.b-right ul li .a11-2 p{ color:#fff; font-size:14px; padding-left:10px; line-height:19px; padding-top:70px;}
.b-right ul li .a11-2:hover{ background:url(../images/z4-2.png) no-repeat;}

.b-right ul li .a12{ background:url(../images/12_18.png) no-repeat; width:106px;
 height:107px; display:block;  }
.b-right ul li .a12 p{ color:#fff; font-size:14px; padding-left:10px; line-height:19px; padding-top:70px;}
.b-right ul li .a12:hover{ background:url(../images/122_18.png) no-repeat;}
.i-foot{ height:35px; background:url(../images/f_bg_02.png);  line-height:35px; width:100%; position:absolute; bottom:0; left:0;}
.i-foot dl{ width:1000px; margin:0 auto;}
.i-foot dl dt{ width:800px; float:left;}
.i-foot dl dt p{ color:#fff;}
.i-foot dl dt p a{ color:#fff; padding:0 5px 0 5px;}
.i-foot dl dt p a:hover{ text-decoration:underline;}
.i-foot dl dd{ width:179px; float:right;}
.i-foot dl dd a{ color:#fff;}
.i-foot dl dd span{ padding:0 7px 0 7px; color:#fff;}



/*header*/
.header{ width:1000px; margin:0 auto; height:75px; margin-top:20px;}
.logo{ width:232px; height:26px; float:left; margin-top:30px;}
.h-right{ width: 720px; height:75px; float:right; }
.sc{ float:right; /*margin-right:15px;*/}
.sc a{ color:#009fa8; font-family:"宋体"}
.sc span{ padding:0 5px 0 5px; color:#009fa8;}
.nav{ margin-top:24px;float:right; text-align: right;}
.nav ul li{ width:68.5px; float:left; background:url(../images/line_03.jpg) no-repeat right; padding-right:11px;text-align: right;}
.nav ul li a{ font-size:14px; color:#000000;}
.nav ul li a.hover{color:#058b93;}
.nav ul li a:hover{ color:#058b93;}


/*about*/
.about{ width:1000px; margin:0 auto; margin-bottom:50px;}
.l-nav{ width:175px; float:left; }
.bt{ width:175px; height:65px; border-bottom:1px #e7e7e7 solid;}
.bt p{ text-align:center; line-height:65px; color:#009fa8; font-size:14px; background:url(../images/ico_03.jpg) no-repeat 35px center;}
.menu{ height:442px;} 
.menu ul li{ width:175px; height:30px; border-bottom:1px #e7e7e7 solid; /*text-align:center;*/ display:block;}
.menu ul li a{ line-height:30px; color:#000000;  display:block; width:175px; height:30px;/*padding-left: 59px;*/ text-align:center;}
.menu ul li a:hover,.menu ul li a.hover{ color:#009fa8;}
.search{ width:175px; margin-top:65px; text-align:center;}
.input01{ display:inline-block; width:37%; height:20px; vertical-align:middle; line-height:20px; background:none; color:#ddd; border: none; text-align:center;font-size: 12px;margin-left: 36px;}
.button01{ width:16px; height:22px; line-height:15px; background:url(../images/ser_07.jpg) no-repeat center 5px; display:inline-block; vertical-align:middle; cursor:pointer; margin-left:16px; }
.tel{ width:175px; height:16px; margin-top:20px;}
.tel p{ background:url(../images/tel_10.jpg) no-repeat left; padding-left:35px; line-height:16px; color:#009fa8; font-size:17px; font-family:Arial, Helvetica, sans-serif; margin-left:15px;}
.a-nr{ width:750px; float:right; margin-top:10px; /*min-height:700px;*/}
.bt2{ height:40px; background:url(../images/dian_13.jpg) repeat-x bottom;}
.bt2 p{ line-height:40px;}
.bt2 p span{ padding:0 5px;}
.nr{ width:750px; padding-top:20px; background:url(../images/dian_13.jpg) repeat-x bottom; padding-bottom:20px; height:auto !important; min-height:597px; /*height:560px;*/}
#returnTop {_display:none;position:fixed;_position:absolute;z-index:999;right:15px;bottom:-200px;_bottom:auto;width:40px;height:10px;text-indent:-999px;overflow:hidden;background-image:url(../images/top_17.jpg);_background-image:url(../images/top_17.jpg);background-repeat:no-repeat;background-position:0 0;transition:bottom 0.9s;-webkit-transition:bottom 0.9s;-moz-transition:bottom 0.9s;-o-transition:bottom 0.9s;}


/*footer*/
.footer{ width:100%; background-color:#cfcece; height:40px; border-top:1px #acacac solid;}
.foot{ width:1000px; margin:0 auto; padding-top:12px;}
.foot dl dt{ width:800px; float:left;}
.foot dl dt p{ color:#fff;}
.foot dl dt p a{ color:#fff; padding:0 5px 0 5px;}
.foot dl dt p a:hover{ text-decoration:underline;}
.foot dl dd{ width:179px; float:right;}
.foot dl dd a{ color:#fff;}
.foot dl dd span{ padding:0 7px 0 7px; color:#fff;}

/*about2*/
.about-lb{ width:780px; background:url(../images/dian_13.jpg) repeat-x bottom; margin-top:30px;  /*height:auto !important;min-height:500px;*/ height: 607px;}
.about-lb dl{ width:168px; height:237px; float:left; margin-right:24px; margin-left:0px; margin-bottom:65px;border:1px #fff solid;}
.about-lb dl:hover{ border:1px #009fa8 solid;}
.about-lb dl dt{ width:168px; height:237px;}
.about-lb dl dt img{width:168px; height:237px;}
.about-lb dl dd{ width:168px; height:25px;}
.about-lb dl dd p{ line-height:25px;text-align:center;}



/*news*/
.news{ width:750px; margin-top:20px;}
.n-top dl{ height:135px; background:url(../images/dian_13.jpg) repeat-x bottom;}
.n-top dl dt{ float:left; width:159px; margin-top:10px;}
.n-top dl dt a img{ border:1px #d0cece solid;}
.n-top dl dd{ width:577px; float:right; margin-top:10px; padding-top:5px;}
.n-top dl dd p{ line-height:25px;}
.n-top dl dd p a{ font-size:12px; color:#009fa8;}
.n-top dl dd p span{ float:right;}

.n-bot{ height:482px;}
.n-bot ul li{ width:750px; height:32px; line-height:32px;/* background:url(../images/dian_13.jpg) repeat-x bottom;*/border-bottom: 1px dotted #ccc;}
.n-bot ul li a{ background:url(../images/ico-d_03.jpg) no-repeat left; padding-left:15px; display:block;}
.n-bot ul li a:hover{ color:#009fa8;}
.n-bot ul li a span{ float:right;}
.n-bot ul li a:hover span{ color:#009fa8;}
.page{ margin-top:50px; }
.p-l{ float:left; margin-left:175px; margin-right:25px;}
.p-l a{ padding:0 5px; border:1px #999999 solid; margin-right:5px;}
.p-l a:hover,.p-l a.hover{ border:1px #009fa8 solid; background-color:#009fa8; color:#fff;}
.news2{ width:750px; /*margin-top:10px;*/}
.n-bt p{ background:url(../images/dian_13.jpg) repeat-x bottom; height:33px; line-height:33px; text-align:center; font-size:12px;}
.n-wz{ width:750px; height:auto !important; min-height:500px; height:500px; background:url(../images/dian_13.jpg) repeat-x bottom; padding-top:10px; padding-bottom:30px;}


/*product*/
.product{ width:750px; background:url(../images/dian_13.jpg) repeat-x bottom;height:607px;margin-top:30px;}
.product dl{ width:212px; height:180px; float:left; border:1px #e7e7e7 solid; margin-right:54px; margin-left:0px; margin-bottom:20px;}
.product dl:hover{ border:1px #009fa8 solid;}
.product dl dt{ width:212px; height:150px;}
.product dl dt img{ width:212px; height:150px; }
.product dl dd{ width:220px; height:33px; }
.product dl dd p{ line-height:33px; text-align:center;}
.product dl dd p a:hover{ color:#009fa8;}

.p-top{ width:750px; /*height:243px;*/ margin-top:30px;}
.p-top dl dt{ width:405px; height:286px; float:left;}
.p-top dl dt img{ width:405px; height:286px; border:1px #dcdcdc solid;}
.p-top dl dd{ background:url(../images/p-bg_03.jpg) no-repeat top left; width:300px; height:291px; float:right; padding-left:20px;}

.p-bot{ width:750px; margin-top:27px;}
.bt3{ width:750px; height:1px; background:url(../images/dian_13.jpg) repeat-x bottom;}
.bt3 p{ color:#0a8f97; font-size:14px;}
.p-nr{ width:750px; padding-top:10px; background:url(../images/dian_13.jpg) repeat-x bottom; height:auto !important; min-height:278px; height:400px; font-family:"宋体"}






/*product_1*/
.product_1{ width:750px; background:url(../images/dian_13.jpg) repeat-x bottom;height:607px;margin-top:30px;}
.product_1 dl{ width:212px; height:180px; float:left; border:1px #e7e7e7 solid; margin-right:54px; margin-left:0px; margin-bottom:20px;}
.product_1 dl:hover{ border:1px #009fa8 solid;}
.product_1 dl dt{ width:212px; height:150px;}
.product_1 dl dt img{ width:212px; height:150px; }
.product_1 dl dd{ width:220px; height:33px; }
.product_1 dl dd p{ line-height:33px; text-align:center;}
.product_1 dl dd p a:hover{ color:#009fa8;}


.p-top_1{ width:750px; /*height:243px;*/ margin-top:30px;}
.p-top_1 dl dt{ width:405px; height:286px; float:left;}
.p-top_1 dl dt img{ width:405px; height:286px; border:1px #dcdcdc solid;}
.p-top_1 dl dd{ background:url(../images/p-bg_03.jpg) no-repeat top left; width:300px; height:291px; float:right; padding-left:20px;}

.p-bot_1{ width:750px; margin-top:27px;}
.bt3_1{ width:750px; height:1px; background:url(../images/dian_13.jpg) repeat-x bottom;}
.bt3_1 p{ color:#0a8f97; font-size:14px;}
.p-nr_1{ width:750px; padding-top:10px; background:url(../images/dian_13.jpg) repeat-x bottom; height:auto !important; min-height:278px; height:400px; font-family:"宋体"}


/*join*/
.join{ width:750px; margin-top:20px;margin-bottom:10px; /*height:auto !important;min-height:500px;*/ height: 620px;}
#newsul{ width:750px; }
#newsul li{ line-height:20px; height:auto !important; height:20px; min-height:20px;}
#newsul li span{ float:right; line-height:30px; color:#000000;}
#newsul div{  display:none; margin-top:10px; margin-bottom:20px;}
#newsul div p{  color:#000000;}
.a11{ display:block; width:750px; height:30px;  line-height:30px; border-bottom:1px #e7e7e7 solid; font-weight:bold; color:#000000; background:url(../images/ico-d_03.jpg) no-repeat left; /*padding-left:10px;*/text-indent: 1em;}
.a22{ display:none;width:750px; height:30px;  line-height:30px; color:#009fa8; border-bottom:1px #e7e7e7 solid; font-weight:bold; background:url(../images/ico-d_03.jpg) no-repeat left;}





/*link*/
.link{ margin-top:40px; height:auto !important; height:500px; min-height:500px; width:755px;}
.link ul li{ width:218px; height:82px; float:left; margin-right:15px; margin-left:15px; margin-bottom:20px;}
.link ul li a img{ width:218px; height:82px; border:1px #e5e5e5 solid;}
.link ul li a img:hover{ border:1px #4dbcc3 solid;}


/*分页样式*/


.pages {  margin-top:20px;text-align: center;}
.pages a,.pages span, .pages .cur { text-decoration:none; padding: 0 5px 0 5px; /*border:1px #999999 solid;*/font-family:Arial;margin-right: 5px;font-size:12px;}
.pages a:hover { background-color:#009fa8; border:1px #009fa8 solid; color:#fff; text-decoration:none;}
.pages .cur { color: #fff; background:#009fa8; border:1px #009fa8 solid; font-size: 12px}
.pages  select{border:none;}



.get-olc .inp input:-moz-placeholder,.input01:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #ddd;  
}




.get-olc .inp input::-moz-placeholder,.input01::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #ddd;
}

.get-olc .inp input:-ms-input-placeholder,.input01:-ms-input-placeholder{
    color: #ddd;
}

.get-olc .inp input::-webkit-input-placeholder,.input01::-webkit-input-placeholder{
    color: #ddd;
}


.get-olc{ /*margin-top:22px;*/ }
/*.get-olc .inp input{ width:100%; height:35px; border-bottom:1px solid #eee; text-align:center; color:#dddddd;}*/
.get-olc .upc input{ height:35px; width:100%; cursor:pointer;  color:#000; background:url(../images/xz02.png) no-repeat 125px center;}
.get-olc .upc input:hover{ color:#009fa8; background:url(../images/xz01.png) no-repeat 125px center;}
.nlocs{ padding:4px 0; border-bottom:1px solid #e7e7e7;}
a .nlocs:hover{border-bottom:1px solid #009fa8; }


.inp{height:30px;border-bottom: 1px solid #e7e7e7; text-align: center;}
a .inp:hover{border-bottom: 1px solid #10a0a8;}
.inp_hy1{  margin: 0 auto; width: 175px; }
.inp_mail,.inp_yzm{ color:#dddddd; font-size: 12px; line-height: 30px; width: 37%; text-align: center;/*padding-left: 59px; float:left;*/  margin-left: 36px;}
.inp_button{vertical-align: middle; border:1px solid #009fa8; border-radius: 50%; background:#fff; width:20px; height:20px; cursor:pointer; background:url(../images/xz022.png) no-repeat center; /*float: left; */ margin-left: 17px; margin-top: -4px;}
.inp_mail a,.inp_yzm a{ color:#000;}

.wb-srul{ margin-top:22px;}
.wb-srul .p1,.wb-srul .p2{ text-align:center; padding:10px 0;}
.wb-srul .p1{ border-bottom:1px solid #eee;text-align: center; }
.wb-srul .upc{ margin-top:20px;background: url(../images/xz023.png) no-repeat 46px center;margin-left: 14px;}
.wb-srul .upc input{ height:35px; width:100%; cursor:pointer;  color:#000; background:none;}
.wb-srul .upc:hover{ color:#009fa8; background:url(../images/xz023a.png) no-repeat 46px center;}
.wb-srul .upc input:hover{ color:#009fa8;}

.pbuewl td{/* padding:2px 0; */border-bottom:1px dotted #ccc;}
.pbuewl td span{ vertical-align:middle; display:inline-block; margin-right:5px; width:3px; height:3px; background:#009fa8;}
.pbuewl td .alc{ width:30px; height:30px; display:block; background:url(../images/xz03.png) no-repeat right center;}
.pbuewl td .alc:hover{  background:url(../images/xz04.png) no-repeat right center;}


.icode{ margin-top: 62px; /*position:absolute; left: 65px;*/    text-align: center;}
.icode img{width: 58px; height: 58px;/*position: fixed; padding: 0px; z-index: 1; bottom: 135px;*/}


.pbuewl ul li{border-bottom: 1px dotted #ccc; line-height: 32px; height: 32px;}
.pbuewl ul li a:hover{ color:#009fa8;}
.pbuewl span{ vertical-align:middle; display:inline-block; margin-right:5px; width:3px; height:3px; background:#009fa8;}
.down_gs,.down_t,.down_co,.down_big,.down_time{ float:left;}
.down_gs{ width:107px;}
.down_t{ width:332px;}
.down_co{ width:74px;}
.down_big{ width:92px;}
.down_time{ width:115px;}
.pbuewl .alc{ width:30px; height:30px; display:block; background:url(../images/xz03.png) no-repeat right center; float: right;}
.pbuewl .alc:hover{  background:url(../images/xz04.png) no-repeat right center; cursor:pointer;}

#newsul li .div1 span{float:none;}
