@charset "utf-8";

/**
*   Made by bysky
*   版本：1.0.0
*   2018.4.26
**/

html{color:#000;background:#FFF;font-family:'Microsoft Yahei'; font-size:14px;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}
img{ vertical-align:top;}
.cl{ clear:both; font-size:0;}

a{ color:#000; font-size:14px; text-decoration:none;}
a:hover{ color:#FBAB00; text-decoration:none;}

/* IE5.xIE6бbug */ 
* html body{overflow: visible;} 
* html iframe, * html frame{overflow: auto;} 
* html frameset{overflow: hidden;} 


input,textarea{font-family:'Microsoft Yahei';}

/* li */ 
ul,li{list-style-type:none;} 

/* img */ 
img{border:0 none; vertical-align:middle;} 

/* h* */ 



/* float */ 
.fl { display: inline; float: left; }
.fr { float: right; }



/* dis_no */ 
.none{display:none;} 
.block {display:block;} 


/*********闭合盒子处理**********/
.clearfix:after {content:"24dq"; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}.clearfix {display:block;}
/* End hide from IE-mac */


/*********清除浮动处理**********/
.clearboth { clear:both; }
.cl{ clear:both;}

.bord{}

/*index.html==========================*/
body{width:100%; background:url(../images/zr_01.jpg) top left repeat-x #FFF;}
.header, .index, .foot, .top_news, .banner_img, .pages{ margin:0 auto; width:1200px;}

.header{ width:1200px; height:auto;}

/*header*/
.tops{ width:1200px; height:38px; background:url(../images/zr_03.jpg);}
.top{ width:1200px; height:91px; background:url(../images/zr_05.jpg);}
.welcome{width:530px; text-align:left; float:left; line-height:38px; color:#000}
.logo_right{width:440px; text-align:left; float:right; line-height:38px; color:#000}/*设为首页 加入收藏*/
.logo_right a{ color:#000; margin:0 5px;}
.logo_right a:hover{ color:#F00}

/*导航开始*/
.menubg{  width:1200px; height:56px; margin:0 auto;}
.menu { width:1200px; height:56px; position:relative; margin:0 auto; z-index:99;  }
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; width:120px; height:56px; text-align:center; color:#fff;   line-height:56px;  overflow:hidden;  font-size:14px;}

.menu ul {padding:0; margin:0;list-style-type: none;}
.menu ul li {float:left; position:relative;line-height:56px; padding:0px;}
.menu ul li ul {display: none;}
/* specific to non IE browsers */
.menu ul li:hover a {color:#fff;background:#306ad9; display:block; width:120px; height:56px;}/********导航背景变色 ******/
.menu ul li:hover ul {display:block; position:absolute;  left:0; width:120px;}
.menu ul li:hover ul li {}
.jg{ width:3px !important; background:url(../images/tu.jpg) no-repeat; height:56px; padding:0px !important;}
.menu ul li:hover ul li a {display:block; background:#306ad9; color:#fff;line-height:30px; height:30px; fborder-top:#FFF 1px solid; font-size:12px; font-weight:normal; }/******子栏目 背景*********/
.menu ul li:hover ul li a:hover { color:#000;line-height:30px; }/******子栏目 背景变色*********/
.menu img{ display:block;}
#bt{background:url(../images/dh.jpg) no-repeat; width:125px; height:56px;}

.banners{ width:100%; height:660px; padding-top:0px; margin:0 auto;z-index:1;position:relative;}
.banner{ width:100%; height:660px; padding-top:0px; margin:0 auto;z-index:1;}
/* flexslider */
.flexslider{position:relative;height:660px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:660px;}
.slides li a{ display:block; width:100%; height:100%; text-align:left; text-indent:-9999px}
.flex-control-nav{position:absolute;bottom:10px;z-index:2; left:45%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px; float:left;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3; left:0;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:60px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:60px;background:url(../images/next.png) center center no-repeat;}



.gonggao{  width:100%;  height:42px;background:url(../images/gary.png) repeat;position:absolute; margin-top: -45px; z-index:1000;left: 0px;}
.gg{ width:1200px; height:42px; line-height:42px; margin:0 auto; color:#FFF;}
.gg img{ width:25px; height:42px; line-height:42px; float:left;}
.gg p{ width:1160px; height:42px; line-height:42px;color:#FFF;float:right;}

.shous{ float:right; width:213px; height:30px;}
.sxk {width:213px;height:30px;float:left;margin:3px 0 0 0px; text-align:left;}
.sxk .text {float:left;border:none;width:175px;height:30px;line-height:30px;color:#333;padding-left:5px;background:none;outline:none;}
.sxk .submit {width:30px;height:30px;border:none;background:none;cursor:pointer;}


.index{ width:100%; padding: 0;}

.w_one{ width:100%; overflow:hidden;height:850px; margin-top:30px;background:url(../images/zr_14.jpg) top center no-repeat; }
.w_ones{ width:100%; overflow:hidden;height:215px; margin-top:35px;background:url(../images/zr_22.jpg) top center no-repeat; }
.w_two{ width:100%; overflow:hidden;height:530px; margin-top:20px;background:url(../images/about.jpg) repeat; }

.index_one{ width:1200px; overflow:hidden;height:auto; padding-top:0px; }

.index_left{ width:240px; float:left; height:auto;}

.index_right{ width:749px; float:right; height:auto;}


.more a{ font-size:14px;  color:#FFF;}
.more a:hover{ color:#F00;} 

.home-products {
  overflow: hidden;
  margin:0 auto; width:1200px;
  background: #fff;
  padding: 0 0 65px;
  position: relative;
  z-index: 1;
}

.home-products .home-protitle {
  background: #306ad9;
  position: relative;
  border-bottom: 1px solid #306ad9;
}
.home-products .home-protitle ul {
  text-align: center;
  border-left: 1px solid #eaeaea;
  font-size: 0;
}
.home-products .home-protitle ul li {
  width: 33.33333333%;
  cursor: pointer;
  padding: 25px 5px;
  border-right: 1px solid #eaeaea;
  display: inline-block;
  text-align: center;
}

.home-products .home-protitle ul li span {
  display: inline-block;
  width: 67px;
  height: 67px;
  vertical-align: middle;
  position: relative;
  
}
.home-products .home-protitle ul li:nth-child(1) span {
   background: url(../images/111.png) no-repeat center;
}
.home-products .home-protitle ul li:nth-child(2) span {
   background: url(../images/222.png) no-repeat center;
}
.home-products .home-protitle ul li:nth-child(3) span {
   background: url(../images/333.png) no-repeat center;
}

.home-products .home-protitle ul .active:nth-child(1) span {
   background: url(../images/11.png) no-repeat center;
}
.home-products .home-protitle ul .active:nth-child(2) span {
   background: url(../images/22.png) no-repeat center;
}
.home-products .home-protitle ul .active:nth-child(3) span {
   background: url(../images/33.png) no-repeat center;
}

.home-products .home-protitle ul li .txt {
  vertical-align: middle;
  padding: 5px 0 0 20px;
  display: inline-block;
  text-align: left;color: #FFF;
}

.home-products .home-protitle ul li .txt big {
  display: block;
  color: #FFF;
  font-size: 22px;
  height: 28px;
  line-height: 28px;
  overflow: hidden;
}

.home-products .home-protitle ul li .txt small {
  display: block;
  color: #999999;
  font-size: 12px;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
}

.home-products .home-protitle ul .active .txt big{
 color:#306ad9;
}
.home-products .home-protitle ul .active .txt big{
 color:#306ad9;
}

.home-products .home-protitle ul .active {
  background: #fff;
  position: relative;color:#306ad9;
}

.home-products .home-protitle ul .active:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 3px;
  z-index: 5;
  background: #fff; color:#306ad9;
}
.contents{ padding-top:35px; width:100%;}
.home-products .h-proz .h-pro1 {
  width: 100%;
  height:526px;
  text-align: center;
  position: relative;
}

.home-products .h-proz .h-pro1 li{

  z-index: 1;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  background-size: 100% 100%;
}
.home-products .h-proz .h-pro1 li a{
  width: 100%;
  height: 100%;
  z-index: 1;
  display:block;
}

.home-products .h-proz .h-pro1 li a:hover {
  z-index: 100;
  background-size: 100% 100%;
}

.home-products .h-proz .h-pro1 .li1{
   background: url(../images/z1.jpg) no-repeat center; width:300px; height:262px; position:absolute;left:0px;top:0px;
}
.home-products .h-proz .h-pro1 .li2{
   background: url(../images/z2.jpg) no-repeat center; width:300px; height:262px; position:absolute;left:300px;top:0px;
}
.home-products .h-proz .h-pro1 .li3{
   background: url(../images/z3.jpg) no-repeat center;  width:299px; height:263px; position:absolute;right:0px;top:0px;
}
.home-products .h-proz .h-pro1 .li4{
   background: url(../images/z4.jpg) no-repeat center;  width:380px; height:264px; position:absolute;left:0px;bottom:0px;
}
.home-products .h-proz .h-pro1 .li5{
   background: url(../images/z5.jpg) no-repeat center;  width:220px; height:264px; position:absolute;left:380px;bottom:0px;
}
.home-products .h-proz .h-pro1 .li6{
   background: url(../images/z6.jpg) no-repeat center;  width:301px; height:526px; position:absolute;left:600px;top:0px;
}
.home-products .h-proz .h-pro1 .li7{
   background: url(../images/z7.jpg) no-repeat center;  width:299px; height:263px; position:absolute;right:0px;bottom:0px;
}

.home-products .h-proz .h-pro1 .li1:hover{
   background: url(../images/z11.jpg) no-repeat center;
}
.home-products .h-proz .h-pro1 .li2:hover {
   background: url(../images/z22.jpg) no-repeat center;
}
.home-products .h-proz .h-pro1 .li3:hover{
   background: url(../images/z33.jpg) no-repeat center;
}
.home-products .h-proz .h-pro1 .li4:hover {
   background: url(../images/z44.jpg) no-repeat center;
}
.home-products .h-proz .h-pro1 .li5:hover{
   background: url(../images/z55.jpg) no-repeat center;
}
.home-products .h-proz .h-pro1 .li6:hover {
   background: url(../images/z66.jpg) no-repeat center;
}

.home-products .h-proz .h-pro2 {
  width: 100%;
  text-align: center;
}


.home-products .h-proz .box-3 {
  position: relative;
  margin: 0 auto;
}
.home-products .h-proz .box-3 .left {
  float: left;
  width: 50%;
}

.home-products .h-proz .box-3 .left big {
  display: block;
  color: #333333;
  font-size: 28px;
  line-height: 32px;
  height: 32px;
  margin: 7% 0 35px;
  overflow: hidden;
}


.home-products .h-proz .box-3 .left p {
  display: block;
  color: #666666;
  font-size: 16px;
  line-height: 42px;
  overflow: hidden;
}
.home-products .h-proz .box-3 .left .text-1 {
  color: #666666;
  font-size: 16px;
  line-height: 30px;
  margin: 0 0 25px 0;
}

.home-products .h-proz .box-3 .left .text-2 {
  color: #666666;
  font-size: 16px;
  line-height: 30px;
}


.home-products .h-proz .box-3 .pic {
  float: right;
  width: 45.3%;
  position: relative;
  overflow: hidden;
}

.home-products .h-proz .box-3 .pic:after {
  content: "";
  display: block;
  padding-bottom: 85.1%;
}



.server li {
  width: 137px;
  height: 137px;
  z-index: 1;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  background-size: 100% 100%;
}
.server li a{
  width: 100%;
  height: 100%;
  z-index: 1;
  display:block;
}

.server li a:hover {
  z-index: 100;
  background-size: 100% 100%;
}

.server .li1{
   background: url(../images/01.png) no-repeat center; position:absolute;left:0px;top:3px;
}
.server .li2{
   background: url(../images/02.png) no-repeat center; position:absolute;left:137px;bottom:3px;
}
.server .li3{
   background: url(../images/03.png) no-repeat center; position:absolute;left:320px;bottom:3px;
}
.server .li4{
   background: url(../images/44.png) no-repeat center; position:absolute;left:400px;top:3px;
}
.server .li5{
   background: url(../images/55.png) no-repeat center; position:absolute;left:475px;bottom:3px;
}
.server .li6{
   background: url(../images/66.png) no-repeat center; position:absolute;left:590px;top:3px;
}
.server .li7{
   background: url(../images/77.png) no-repeat center; position:absolute;left:728px;bottom:3px;
}
.server .li8{
   background: url(../images/88.png) no-repeat center; position:absolute;left:820px;top:3px;
}
.server .li9{
   background: url(../images/99.png) no-repeat center; position:absolute;left:980px;top:3px;
}
.server .li10{
   background: url(../images/100.png) no-repeat center; position:absolute;left:1000px;bottom:3px;
}
.server .li11{
   background: url(../images/tx.jpg) no-repeat center; position:absolute;right:0px;top:40px; width:58px;height:169px;
}
.server .li1:hover{
   background: url(../images/1.png) no-repeat center;
}
.server .li2:hover {
   background: url(../images/2.png) no-repeat center;
}
.server .li3:hover{
   background: url(../images/3.png) no-repeat center;
}
.server .li4:hover {
   background: url(../images/4.png) no-repeat center;
}
.server .li5:hover{
   background: url(../images/5.png) no-repeat center;
}
.server .li6:hover {
   background: url(../images/6.png) no-repeat center;
}
.server .li7:hover{
   background: url(../images/7.png) no-repeat center;
}
.server .li8:hover {
   background: url(../images/8.png) no-repeat center;
}
.server .li9:hover{
   background: url(../images/9.png) no-repeat center;
}
.server .li10:hover {
   background: url(../images/10.png) no-repeat center;
}

.industryz li:hover .ico .show {
  display: none;
}
.industryz li:hover .ico .hide {
  display: block;
}
.industryz li:hover p {
  color: #fff;
}
.industryz li .ico {
  width: 44px;
  height: 44px;
  margin: 0 auto;
  position: relative;
}

.industryz li .ico .show {
  display: block;
}
.industryz li .ico .hide {
  display: none;
}
.industryz li p {
  text-align: center;
  color: #666666;
  font-size: 16px;
  height: 22px;
  line-height: 22px;
  overflow: hidden;
  padding: 0 15%;
  margin: 8px auto 0;
}

.industryz .li-1 {
  left: 0px;
  top: 194px;
}

.industryz .li-2 {
  left: 111px;
  top: 0px;
}

.industryz .li-3 {
  left: 112px;
  top: 129px;
}

.industryz .li-4 {
  left: 223px;
  top: 64px;
}

.industryz .li-5 {
  left: 224px;
  top: 193px;
}

.industryz .li-6 {
  left: 335px;
  top: 0px;
  padding: 15px 0 0 0;
}

.industryz .li-6 p {
  height: 44px;
}

.industryz .li-7 {
  left: 335px;
  top: 129px;
}

.industryz .li-8 {
  left: 447px;
  top: 65px;
  padding:25px 0 0 0;
}

.industryz .li-8 p {
  height: 44px;
}

.industryz .li-9 {
  left: 447px;
  top: 194px;
}

.industryz .li-10 {
  left: 558px;
  top: 0px;
}

.industryz .li-10 p {
  height: 44px;
}

.industryz .li-12 {
  left: 670px;
  top: 64px;
}

.industryz .li-13 {
  left: 671px;
  top: 193px;
}

.industryz .li-14 {
  left: 782px;
  top: 0px;
}

.industryz .li-15 {
  left: 782px;
  top: 129px;
}

.industryz .li-16 {
  left: 893px;
  top: 64px;
}

.industryz .li-17 {
  left: 894px;
  top: 193px;
  cursor: pointer;
  background: url(../images/home-industrybg3.png) no-repeat center;
  background-size: 100% 100%;
}

.industryz .li-17:hover {
  background: url(../images/home-industrybg4.png) no-repeat center;
  background-size: 100% 100%;
}
.industryz .li-17 p {
  font-size: 18px;
  padding: 0 10%;
  line-height: 30px;
  height: 60px;
  color: #fff;
}

.industryz .li-18 {
  left: 1005px;
  top: 0px;
}

.home-partnermain {
  width: 100%;
  display: inline-block;
  margin: 30px auto;
  position: relative;
  z-index: 1;
}

.home-partnermain:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  width: 2px;
  height: 100%;
  z-index: 10;
  background: #fff;
}
.home-partnermain:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  z-index: 10;
  background: #fff;
}
.home-partnermain li {
  float: left;
  width: 14.28571429%;
  border-right: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  position: relative;
}

.home-partnermain li:hover img {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
}
.home-partnermain li img {
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
}
.home-partnermain li:after {
  content: "";
  display: block;
  padding-bottom: 65%;
}
.morez {
  background: #0cc3fd;
  font-size: 16px;
  height: 48px;
  line-height: 48px;
  margin: 0 auto;
  padding: 0 10px;
  width: 240px;
  text-align: center;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.morez:hover:after {
  left: 0;
}
.morez:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 5;
  width: 100%;
  height: 100%;
  left: -100%;
  top: 0;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  background: #0885d4;
}
.morez a {
  color: #fff;
  z-index: 10;
  position: relative;
  display: block;
}


.index_about{ width:1200px; height:auto; overflow:hidden; margin:0 auto; padding-bottom:34px; padding-top:43px;position:relative;}
.index_about .aboutbj{width:810px; height:425px;  background:#FFF;}
.index_about h3 span{ float:right; position:absolute;right:5px;top:6px; }
.aboutbody{ width:1200px; height:396px;overflow:hidden; padding-top:30px;}
.aboutbody .le{ width:680px; height:396px;overflow:hidden; float:left; padding-left:20px;}
.aboutbody .righ{ width:500px; height:396px;overflow:hidden; float:left; background:#306ad9;}
.aboutbody .righ .text{ line-height:28px; padding:10px 10px; color:#FFF; height:280px;width:100%; color:#FFF; }
.aboutbody .righ .tit{ float:left; padding:10px 10px; line-height:50px; font-size:24px; width:100%; color:#FFF;}
.aboutbody .righ .mo{ float:left; line-height:30px; font-size:24px; width:125px; height:35px; text-align:center; border:1px solid #FFF; margin:10px 10px;}
.aboutbody .righ .mo a{ font-size:14px; color:#FFF;}

.index_tab{ width:1200px; height:auto; margin:0 auto; }
.tabbody { width:1200px; height:635px;overflow:hidden;}

.index_news{ width:1200px; height:auto; margin:0 auto; padding-top:50px; padding-bottom:40px;}
.index_news h3{width:1200px; height:58px; background:url(../images/zr_44.jpg);position:relative;}
.index_news h3 span{ float:right; font-size:14px; position:absolute;right:5px;top:8px; }
.newsbody { width:1200px; height:360px;overflow:hidden; margin-top:45px;}
.newsleft { width:565px; height:360px;overflow:hidden; float:left;}
.newsright { width:590px; height:360px;overflow:hidden; float:right;}
/*图片新闻*/
.newspic{ width:565px; height:360px;  margin:0px auto;}
.newspic_left{ width:565px; height:235px; float:left}
.newspic_left img{ width:565px; height:235px; }
.newspic_right{ width:565px; height:125px; float:right; overflow:hidden}
.newspic_right h4{ width:565px; height:45px; line-height:45px;}
.newspic_right h4 a{ font-size:14px; color:#000; font-weight:bold}
.newspic_right h4 a:hover{ color:#F00}
.newspic_right span{ width:565px; height:80px; line-height:25px; color:#999}


.hnewmain {
  overflow: hidden;
  margin: 0;
}

.hnewmain li {
  float: left;
  padding: 0px 0px 25px 0px;
  width: 100%;
  min-height: 80px;
  position: relative;
}

.hnewmain li a {
  position: relative;
  padding: 0 0 0 95px;
  display: block;
}

.hnewmain li a:hover .txt span {
  color: #0cc3fd;
}
.hnewmain li a time {
  position: absolute;
  left: 0;
  width: 75px;
  border: 1px solid #e0e0e0;
  top: 0;
}

.hnewmain li a time big {
  display: block;
  font-size: 36px;
  text-align: center;
 
  height: 38px;
  color: #c5c5c5;
  line-height: 48px;
  overflow: hidden;
  width: 100%;
}

.hnewmain li a time small {
  color: #c5c5c5;
  display: block;
  font-size: 16px;
  text-align: center;
  height: 38px;
  line-height: 38px;
  overflow: hidden;
  width: 100%;
}

.hnewmain li a .txt span {
  display: block;
  color: #000;
  font-size: 14px;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
}
.hnewmain li a .txt p {
  display: block;
  color: #c5c5c5;
  font-size: 12px;
  height: 44px;
  line-height: 22px;
  overflow: hidden;
}


.index_server{ width:1200px; height:auto; margin:0 auto; padding-top:45px;}
.index_server h3{width:1200px; height:57px; background:url(../images/zr_18.jpg);position:relative;}
.index_server h3 span{ float:right; font-size:14px; position:absolute;right:5px;top:8px; }
.serverbody { width:1200px; height:245px;overflow:hidden; margin-top:55px;}

.server { width:1200px; height:245px;overflow:hidden;position:relative; }
.server .xian{ width:1200px; height:1px;overflow:hidden; position:absolute;left:0px;top:122px; border-bottom:1px dashed #a6a6a6;}

.index_contact{ width:540px;height:auto; overflow:hidden; float:left; }
.index_contact h3{width:540px; height:20px;}
.contactbody{ width:538px; height:202px;overflow:hidden;  color:#FFF; }
.contactbody .text{ line-height:40px; overflow:hidden; }



.index_pro{height:auto; width:1200px; padding-top:35px; margin:0 auto; }
.index_pro h3{width:1200px; height:47px; background-image:url(../images/zr_26.jpg);position:relative;}
.probody{width:1200px; height:auto; margin-top:25px;}
/****滚动1*********/
.index_Roll { width:990px; margin:0 auto;  padding:5px 0px;overflow:hidden;}
#demo { overflow:hidden;  width:990px; margin:0 auto;}
 #indemo { float: left; width:2000%; }
#demo #indemo .img { width:170px;height:220px;border: 1px solid #ddd;overflow:hidden;display: table-cell;vertical-align:middle;text-align:center;*display: block;*font-size:102px;}
#demo #indemo img {max-width:170px; max-height:220px; vertical-align:middle;}
#demo #indemo a { display:block; width:auto; float:left; margin:10px 10px;color:#000;}
#demo #indemo p { text-align:center; color:#000;  line-height:30px; width:100%; display:block;  margin-top:0px;}
#demo1 { float: left; }
#demo2 {float: left;}


/*首页产品展示2：两排*/
.sypic2{ width:750px; height:auto; overflow:hidden}
.sypic2_top{ height:48px;background:url(../images/pictop2.jpg) left center no-repeat;}
.sypic2_bot{ width:750px; height:312px; overflow:hidden}



/*首页友情链接：文字*/
.syfri{ width:1009px; height:46px; margin:0 auto;  line-height:46px; padding:15px 0px;}
.syfri_nr span{ float:left; font-size:18px; font-weight:bold; text-align:left}
.syfri_nr{ padding:0px 15px 0 10px; text-align:left}
.syfri_nr a{ color:#000; margin:0 10px;}
.syfri_nr a:hover{ color:#F00}


/*首页友情链接：图片*/
.syfripic{ width:965px; height:78px; margin:0 auto; border:1px #DDDDDD solid}
.syfripic_top{ height:20px;background:url(../images/fritop.jpg) left center no-repeat;}
.syfripic_bot{ width:965px; height:56px; overflow:hidden}
.syfripic_bot li{ width:95px; height:56px; margin:6px 9px; float:left}
.syfripic_bot li img{ width:95px; height:42px; margin:6px 9px; float:left}


.footer{  height:273px; width:100%;background:url(../images/zr_50.jpg) top left repeat-x;}
.foot{  height:233px; width:1200px;background:url(../images/zr_52.jpg);}

.copy{ line-height:40px; color:#FFF; text-align:center; }
.copy a{ color:#FFF}
.copy a:hover{ color:#FBAB00;}


.nr{ padding-top:3px; padding-right:0px;}
.nr ul{ padding-left:3px; width:350px;}
.nr ul li{ height:30px; line-height:30px; overflow:hidden; color:#000; border-bottom:0px solid #bfd9f2;position:relative; }
.nr ul li a{ margin-left:5px; color:#000;padding-left:5px;}
.nr ul li a:hover{ color:#FBAB00;}
.nr ul li span{ position:absolute; top:0; right:0;color:#000;padding-right:10px;}

 
.nnr{ padding:5px 0px 0px 8px;}
.nnr ul{ padding-left:15px;}
.nnr ul li{ height:30px; line-height:30px; overflow:hidden; color:#000; position:relative;cursor: pointer;
background:url(../images/li.jpg) 2px 12px  no-repeat;}
.nnr ul li a{ margin-left:15px; color:#000;}
.nnr ul li a:hover{ color:#FBAB00;}
.nnr ul li span{ position:absolute; top:0; right:0;color:#000;padding-right:10px;}





/*-------------------------------------------内页样式开始-----------------------------------------------*/

/*pages*/
.pages{ width:1200px; padding:30px 0;}

/*left*/
.left{float:left; width:240px;}

.left .page_prolist{ width:240px; height:auto; }
.left .page_prolist h3{width:240px; height:35px; line-height:35px;background:#306ad9; text-align:center}
.left .page_prolist h3 span{  font-size:18px;  color:#FFF; }
.left .page_prolistbody {width:240px; height:auto !important; min-height:120px;}

.fenlei{ width:210px; float:left; padding:5px 15px; }
.fenlei ul{ width:210px; float:left;}
.fenlei li{ width:210px; height:35px; border-bottom:1px #CCCCCC dashed; line-height:35px; text-align:center;}
.fenlei img{ float:left; margin-left:5px; margin-right:8px; margin-top:9px;} 
.fenlei li a{ color:#000; font-size:14px;}
.fenlei li a:hover{ color:#306ad9;}

.lianxi{ width:210px; float:left; padding:10px; padding-top:5px; padding-bottom:5px;}

.left .page_contact{ width:240px; height:auto; padding-top:10px;}
.left .page_contact h3{width:240px; height:35px; line-height:35px;background:#306ad9; text-align:center}
.left .page_contact h3 span{  font-size:18px;  color:#FFF; }
.left .page_contactbody {width:240px; height:auto !important; min-height:220px;}
.left .page_contactbody .text{ line-height:18px; padding:10px;}




/*产品分类列表*/
.aboutleft2 {
	width:280px;
	font-size:14px; margin:0 auto; padding-top:10px; height:auto; padding-bottom:10px
}
.aboutleft2 li {
	line-height:47px; float:left;
	width:137px; height:47px; padding-top:0px;background:url(../images/sylistli.jpg) left center no-repeat; border-bottom:0px #AAAAAA dashed; margin:4px 1px 0 2px;
}
.aboutleft2 a {
	height:47px;width:137px;
	line-height:47px;
	float:left;font-size:14px;
    text-align:left; padding-left:30px; color:#fff
}
.aboutleft2 a:hover {
	font-size:14px;width:137px; height:47px;
	text-decoration:none; 
	text-align:left; padding-left:30px; color:#ff6
}


/*右侧主体*/
.boxright{ width:100%; height:auto; margin:20px auto;}
.boxright_top{ width:100%; height:35px; border-bottom:1px #306ad9 solid;}
.boxright_mid{ width:100%; height:auto !important; min-height:480px; overflow:hidden; zoom:1; background:url(../images/nymid.jpg) center top repeat-y;}
.boxright_bot{ width:100%;  height:8px; background:url(../images/nybot.jpg) center top no-repeat;}
.left_zi{width:300px; height:35px; line-height:35px; font-size:18px; color:#306ad9; float:left; padding-left:10px;}
.left_zi p{ line-height:7px; color:#004b92; font-size:14px}
.right_zi{ float:right; width:400px; text-align:right;height:35px;line-height:35px; color:#000; margin-right:15px;}
.right_zi a{ color:#000; font-size:14px}
.content{ line-height:24px; width:96%; margin:0 auto; padding-top:10px ;}

/*内页新闻列表*/
.new1 {width:100%;text-align:left;font-size:14px;}
.new1 li {width:100%;height:28px;line-height:28px;float:left;display:inline;background:url(../images/d.jpg) left center no-repeat;border-bottom: 1px #A8A8A8 dashed}
.new1 a {height:28px;line-height:28px;float:left;margin-left:15px; }
.new1 font {float:right;height:28px;line-height:28px;margin-right:0px;font-size:42px;font-size:14px;color:#306ad9;}
.new1 a:hover {font-size:14px;text-decoration:none; }

/*内页产品展示列表*/
.product{ width:100%; list-style:none; padding-top:10px; padding-left:3px;}
.product li{ width: 218px; margin:4px 6px; height:189px; float: left; overflow: hidden;}
.product li .img{width:216px;height:157px;border: 1px solid #306ad9;overflow:hidden;display: table-cell;vertical-align:middle;text-align:center;*display: block;*font-size:102px;   -webkit-border-radius: 5px;  
   -moz-border-radius: 5px;  
   border-radius: 5px;  
 position:relative;
   behavior: url(js/PIE.htc);  }
.product li a{ display:block;}
.product li img{ max-width:216px; max-height:157px;vertical-align:middle; }
.product li p{  text-align:center; height:30px;line-height:30px;width: 100%;}

.product_title{text-align:center; font-weight:bold;padding:5px; width:100%; font-size:18px;}
.product_related{text-align:center; padding:5px; width:100%}
.contu{ width:100%; height:auto; position:relative;}
.tuleft{ width:50px; height:50px; background:url(../images/1prev.png) no-repeat;position:absolute;left:0px;top:45%;}
.turight{ width:50px; height:50px; background:url(../images/1next.png) no-repeat;position:absolute;right:0px;top:45%;}
.proimg{ text-align:center; width:80%; height:auto; margin:0 auto;}
.proimg .img{width:600px;height:600px;overflow:hidden;display: table-cell;vertical-align:middle;text-align:center; margin:0 auto; }
.proimg img{ max-width:600px; max-height:600px;vertical-align:middle;margin:0 auto; }

 .page{ padding:15px 0 20px 0; width:100%; text-align:center; line-height:40px;}
.page a{ padding:5px; border:1px solid #ccc; margin:0 3px;}
.page a:hover{ background:#306ad9; color:#fff;}
.page font{ padding:5px; border:1px solid #ccc; margin:0 3px;background:#306ad9; color:#fff;}
.nolink{padding:5px; border:1px solid #ccc; margin:0 3px;}


/*在线留言*/
#messagelist{ padding:15px;}
#messagelist .metlist{ margin-bottom:10px; border:6px solid #dedede; padding:5px;}
#messagelist .metlist dt{ background:url(../images/message.gif) no-repeat left center; border-bottom:1px dotted #dedede; padding:4px 0px 4px 20px; margin-bottom:5px;}
#messagelist .metlist dt span.name{ color:#2c7199;}
#messagelist .metlist dt span.time{ padding-left:8px; color:#999;}
#messagelist .metlist dt span.tt{ float:right; padding-right:5px;}
#messagelist .metlist dd.info span.tt{ display:none; clear:both;}
#messagelist .metlist dd.info span.text{ display:block; line-height:1.5; padding:8px 5px;}
#messagelist .metlist dd.reinfo span.tt{ background:url(../images/admin.gif) no-repeat left 3px; display:block; border-bottom:1px dotted #dedede; padding:2px 0px 2px 20px; margin:0px 0px 5px;color:#2c7199;}
#messagelist .metlist dd.reinfo span.text{ display:block; line-height:1.5; padding:8px 5px;}
#messagelist .ctitle{ margin:10px 0px 10px; padding:5px 20px; background:url(../images/dt-7.gif) no-repeat left center; *background-position:left 17px; font-size:14px; border-bottom:1px dotted #ccc;}
#messagelist table{ margin:0px auto; }
#messagetable{ padding:15px;}
#messagetable table{ margin:0px auto;}


.ny-sub1 {
  border-bottom: 0px solid #e5e5e5;
  padding: 18px 0;
}

.ny-sub1 .subn1 {
  text-align: center;
}
.ny-sub1 .subn1 a {
margin:0px 15px;
  display: block;
  
}

.ny-sub1 .subn1 a:hover {
   background: #306ad9;border-radius: 50px;
  color: #fff;
}
.ny-sub1 .subn1 a:hover span {
  height: 36px;
  display: block;
  font-size: 16px;
  border-radius: 50px;
  line-height: 36px;
  color: #FFF;
  background:#306ad9;
}

.ny-sub1 .subn1 span {
  height: 36px;
  display: block;
  font-size: 16px;
  border-radius: 50px;
  line-height: 36px;
  color: #ffffff;
  background:#cccccc;
}


.ny-sub1 .subn1 .cur {
  display: block;
}
.ny-sub1 .subn1 .cur span {
  background: #306ad9;
  color: #fff;
}