@charset "utf-8";
*{margin:0px; padding:0px;}
html,body{font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#333; background: url(../images/bodybg.jpg) repeat-x #fff;}
a{text-decoration:none; color:#333;}
img {border:none;}
ul,ol,li{list-style-type:none;}
.clear{clear:both;}
.st{font-family:"宋体";}
.yh{font-family:"微软雅黑";}
.fl{float:left;}
.fr{float:right;}
.yincang{display:none;}

/*-------------------*/
.center{ width:1200px; margin:0 auto;}
.fi img{height:110px; width:110px;}

#top{height:156px;}
#top .logo{display:block;float:left; margin-top:25px;}
#top span{display:block;float:left;background:url(../images/top01.png) no-repeat left center;padding-left:65px;margin-left:120px;margin-top:52px;}
#top span i{display:block;font-size:20px;color:#fff;}
#top span em{display:block;font-size:28px;color:#fff; font-weight:bold;}
#top .er{float:right;padding-left:25px;margin-top:25px;margin-rignt:20px;}

#nav{height:48px;background:url(../images/nav_bg.gif) repeat-x;min-width:1200px;}
#nav ul li{width:150px;height:48px;float:left;line-height:45px;text-align:center;}
#nav ul li a{display:block;width:150px;height:48px;line-height:45px;color:#fff;font-size:16px; font-weight:bold;}
#nav ul li a:hover,#nav ul li a.current{background:url(../images/nav_bg1.gif) repeat-x;}
.huanying{height:107px; background:url(../images/huanying.jpg) no-repeat top center;}
#banner{min-width:1200px;}

.slide-main{height:408px;position:relative;}
.prev,.next{display:block;width:43px;height:70px;position:absolute;z-index:222;top:150px;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;}
.prev{left:70px;}
.next{right:70px;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.item{display:block;width:100%;height:5px;position:absolute;z-index:124;bottom:20px;left:0;text-align:center;}
.item a{display:inline-block;width:17px;height:17px;margin-right:10px;background:#f08030;overflow:hidden; border-radius:8px; border:solid 1px #fff;}
.item a.cur{background:#fff; border-radius:8px; border:solid 1px #f08030;}
.slide-box,.slide{display:block;width:100%;height:408px;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:408px;position:relative;position:absolute;z-index:8;}
.slide a{display:block;width:100%;height:408px;cursor:pointer;}

#main{margin-top:0px;}

.carousel1{margin-top:4px; overflow:hidden;}

#in_pro{overflow:hidden; width:1200px;}
.idx_pro_class{width:220px; float:left;}
.idx_pro_class ul{ overflow:hidden;}
.idx_pro_class li{width:218px; height:39px; margin:10px 0px;border:1px solid #e7e7e7; text-align:center;line-height:39px;}
.idx_pro_class li a{display:block; width:218px; height:39px; line-height:39px; background:url(../images/subbg_7.jpg) repeat-x; font-size:18px; font-weight:bold; color:#2e2e2e;}
.idx_pro_class li a:hover,#sub_nav li a.current{background:url(../images/subbg_2.jpg) repeat-x;color:#fff;}


.idx_pro_list{width:960px; float:right;}
.pro_list1 li{width:314px;height:245px;float:left;margin-right:9px;background:url(../images/libg.jpg) no-repeat center bottom;}
.pro_list1 li div{width:312px;height:230px;border:1px solid #e5e5e5;background:#fff; margin-bottom:10px;}
.pro_list1 li div img{display:block;padding:3px;}
.pro_list1 li div p{margin:0px 7px 0px 7px;border-top:2px solid #c5c5c5; text-align:center; font-size:14px;margin-top:5px;color:#494949;line-height:28px; height:28px; overflow:hidden;font-family:"微软雅黑";}
.pro_list1 li a:hover p{color:#005494;}


/* 首页优势 */
.youshi{margin:20px 0px;}
.ystit{height:180px; background:url(../images/ysbg.jpg) no-repeat top center;}
.ystit b{display:none;}
.yscon{height:1133px; width:1200px; background:url(../images/youshi.jpg) no-repeat; margin:0 auto; position:relative;}
.yscon span{position:absolute; line-height:28px; font-size:14px;}
.yscon span.ys1{top:160px; left:700px;}
.yscon span.ys2{top:370px; left:700px;}
.yscon span.ys3{top:680px; left:160px;}
.yscon span.ys4{top:900px; left:160px;}


#demo{width:1200px; overflow:hidden; margin:0px auto}
#demo td{}
#demo td span{display:block;width:235px;height:38px;background:#2574c1;}
#demo td span em{display:inline-block;width:231px;height:32px;border:1px solid #6198d8;margin:2px 1px;text-align:center;line-height:34px;color:#fff;font-size:15px;font-family:"微软雅黑";}
#demo td div{width:233px;height:243px;border:1px solid #e5e5e5;background:#fff;}
#demo td div img{display:block;padding:11px 7px;}
#demo td div p{margin:3px 7px 0 7px;border-top:2px solid #c5c5c5; text-align:center; font-size:16px;padding-top:8px;color:#494949;line-height:20px; height:40px; overflow:hidden;font-family:"微软雅黑";}
#demo td a:hover span{background:#f76819;}
#demo td a:hover span em{border-color:#ff953e;}


#demo1{width:1200px; overflow:hidden;margin-bottom:45px;}
#demo1 td{margin-right:20px;position:relative;}
#demo1 td b{display:block;width:235px;height:26px;text-align:center;line-height:26px;color:#fff;background:#2574c1;position:absolute;bottom:0px;left:0px;display:none;}
#demo1 td a:hover b{display:block;}




.pro_list li{width:288px;height:240px;float:left;margin-right:20px;background:url(../images/libg.jpg) no-repeat center bottom;}
.pro_list li div{width:286px;height:220px;border:1px solid #e5e5e5;background:#fff; margin-bottom:10px;}
.pro_list li div img{display:block;padding:3px;}
.pro_list li div p{margin:0px 7px 0 7px;border-top:2px solid #c5c5c5; text-align:center; font-size:14px;margin-top:5px;color:#494949;line-height:28px; height:28px; overflow:hidden;font-family:"微软雅黑";}
.pro_list li a:hover p{color:#005494;}

.in_contact{display:block;float:left;margin:0px 27px 0 0; height:312px; width:329px; font-family:"微软雅黑"; background:#147dc1;}
.in_contact .t1{font-size:22px;color:#fff; background:#05446d; height:45px; width:319px; display:block; padding-left:10px; line-height:45px;}
.in_contact .t1 em{font-size:16px;color:#f76819;display:inline-block;padding-left:5px;}
.in_contact .text1{line-height:26px;color:#ffffff;padding-top:10px;}

#in_about{height:312px;background:#f2f2f2;min-width:1200px;margin-bottom:20px;}
#in_about .txt{width:844px;float:left;}
#in_about .txt img{display:block;float:left;margin:0px 27px 0 0;}
#in_about .txt span{font-size:22px;color:#1d6ba9; height:50px; line-height:50px; overflow:hidden;}
#in_about .txt span em{font-size:16px;color:#f76819;display:inline-block;padding-left:5px;}
#in_about .txt .text{line-height:26px;font-size:14px;color:#545454; padding-top:10px;}
#in_about .txt a{display:block;width:96px;height:28px;background:#fa6c16;font-size:14px;color:#fff;line-height:28px;text-align:center;margin-top:22px; float:right; margin-top:40px;}

#in_case{margin-top:15px;}
#in_case ul{margin-top:27px;}
#in_case ul li{width:235px;height:180px;float:left;margin-right:20px;margin-bottom:25px;position:relative;}
#in_case ul li b{display:block;width:235px;height:26px;text-align:center;line-height:26px;color:#fff;background:#2574c1;position:absolute;bottom:0px;left:0px;display:none;}
#in_case ul li a:hover b{display:block;}

#in_news{min-width:1200px;background: #147dc1; overflow:hidden; padding-bottom:30px;}
#in_news ul{margin-top:20px;}
#in_news ul li{width:550px;height:40px; line-height:40px; background:url(../images/hd.jpg) no-repeat 10px 18px; padding-left:25px; border-bottom:dashed 1px #CCC; position:relative;}
#in_news ul li span{position:absolute; top:0px; right:0px; color:#fff;}
#in_news ul li div{width:40px;float:left;text-align:center;font-size:32px;color:#0c7ddd;}
#in_news ul li div em{display:block;font-size:13px;text-align:center;padding-left:2px;margin-top:-5px;}
#in_news ul li p{width:365px;float:right;line-height:22px;font-size:13px;padding-top:5px;color:#3f3e3e;}
#in_news ul li a{font-size:14px; color:#fff;}
#in_news ul li a:hover p{color:#fff;}





#in_con{height:457px;background:url(../images/con_bg.jpg) no-repeat center top;min-width:1000px;}
#in_con ul li{width:220px;float:left;text-align:center;color:#fff;margin-top:310px;font-size:13px;line-height:22px;margin-right:35px;}
#in_con ul li i{display:block;}

.linklist{line-height:30px; padding:15px 0px; background:#ccc; display:none;}
.linkcon{margin:0 auto; width:1000px;} 
.linkcon a{padding:0px 3px;}



#bottom_div{height:65px;width:100%; padding-left:50px; background:url(../images/bottom_div_bg.png) repeat-x; line-height:65px; position:fixed;z-index:999;left:0;bottom:0px; color:#fff; font-size:28px; font-weight:bold;}
#bottom_div b{color:#ff0000; font-size:36px; font-weight:bold;}


.link{width:1180px; margin:0 auto; border:solid 1px #aeaeae; padding:5px 10px; overflow:hidden;}
.link h2{padding-left:5px;}
.link ul li a{float:left; padding:5px 5px;}

.footer{background:#02b4b6;}
.foot{width:1200px; margin:0 auto; overflow:hidden; padding:30px 0px 20px 0px;}
.footleft{width:600px; float:left;}
.footleft ul li{float:left; width:140px; text-align:center;}
.footleft ul li a{font-size:16px; font-weight:bold; color:#fff;}
.footleft ul li dl{padding-top:15px;}
.footleft ul li dl dt{ padding:5px 0px; text-align:center;}
.footleft ul li dl dt a{font-size:14px; font-weight:normal;}

.footright{width:470px; float:right; color:#fff; line-height:30px; font-size:14px;}




#copy{height:50px;line-height:50px;background:#313131;min-width:1000px;}
#copy p{float:left;color:#fff;font-size:13px;width:830px;}
#copy span{display:block;float:right;color:#fff;}
#copy span a{color:#fff;}
/***华丽丽分割线***/
#sub_banner{height:241px;min-width:1000px;}
#sub_main{position:relative;top:-39px;background:url(../images/sub_main_bg.png) no-repeat center top;min-width:1200px;padding-bottom:50px; z-index:999;}
#dw1{height:39px;}
#dw1 span{display:inline-block;background:url(../images/icon_2.jpg) no-repeat 20px center;padding-left:40px;line-height:39px;color:#636363;}
#dw1 span a{color:#636363;;}
#dw1 span a:hover{ color:#fea501;}
#sub_left{ width:220px; float:left; padding-left:20px;margin-top:13px;margin-right:33px;}
#sub_nav{ border:1px solid #d6d6d6; margin-top:-1px; margin-bottom:15px;}
#sub_nav li{ width:218px; height:39px; border-bottom:1px solid #e7e7e7; text-align:center;line-height:39px;}
#sub_nav li a{display:block; width:218px; height:39px; background:url(../images/subbg_7.jpg); font-size:18px; font-weight:bold; color:#2e2e2e;}
#sub_nav li a:hover,#sub_nav li a.current{background:url(../images/subbg_2.jpg);color:#fff;}

#left_dongtai{ margin-top:15px;}
#left_dongtai h2{height:40px; background:url(../images/subbg_5.jpg); color:#fff; line-height:40px; font-size:14px; padding-left:12px; font-weight:bold;}
#left_dongtai h2 a{ color:#fff; font-family:"Arial"; float:right; padding-right:8px; font-weight:normal;}
#left_dongtai ul{ padding:15px 14px; background:#eeeeee; color:#666666;}
#left_dongtai ul li a{color:#666666; padding-left:3px;line-height:25px; }
#left_dongtai a:hover{ text-decoration:underline;}
#left_dongtai  h3{font-size:16px; padding-bottom:15px;}
#left_dongtai  p{font-size:14px; line-height:30px;}



#sub_right{width:905px;margin-top:13px;}
.sub_t{width:905px;height:43px;background:url(../images/sub_t.jpg) repeat-x;color:#fff;font-size:22px;text-align:center;line-height:43px;}
.sub_t em{display:inline-block;padding-left:10px;font-size:20px;}
.about{line-height:34px;padding-top:20px;text-align:Justify; width:905px;}
/*最新动态*/
#dongtai_list{margin-top:21px;}
#dongtai_list li span{ float:right; line-height:34px; color:#666666; padding-right:14px;}
#dongtai_list li a{ display:block; height:34px; margin-bottom:6px; line-height:34px; background:#eceff2; color:#666666; padding-left:12px;}
#dongtai_list li a:hover{ background:#feb534; color:#fff;}
#dongtai_list li a:hover span{color:#fff;}
/*页码*/
.page{ padding:20px 0;}
.page a{display:inline-block;padding:0 10px;color:#666666;background:#eceff2;border:1px solid #dcdcdc; line-height:22px; margin-right:2px; font-family:"宋体";}
.page span{display:inline-block;padding:0 10px;color:#fff;background:#008ac8;border:1px solid #008ac8; line-height:22px; margin-right:2px; font-family:"宋体";}
.page a:hover,.page a.page-num-current{ color:#fff; background:#008ac8; border:1px solid #008ac8;}
/**详细页**/
#sub_content{padding-top:30px;}
#sub_content h4{ font-size:21px; border-bottom:1px dashed #968b72; padding-bottom:15px;font-family:"微软雅黑";text-align:center;}
#sub_content h4 i{ display:block; font-size:12px;color:#737373; padding-top:10px;}
#sub_text{ line-height:36px; padding-top:15px;}
.xx_text{ padding-top:10px; line-height:39px;}
.xx_list{ margin-top:30px; padding-top:15px; border-top:1px solid #acacac;}
.xx_list span{ display:block; line-height:34px; color:#878787;}
.xx_list span a:hover{ text-decoration:underline;color:#d88d0d; }
.xx_list .back{ margin-top:8px;}
.xx_list .back a{display:block;color:#fff;padding-left:70px;width:102px;height:36px;background:url(../images/back.jpg) no-repeat;line-height:36px;}
.xx_list .back a:hover{text-decoration:underline;}
/*产品展示*/
#sub_right .pro_list{margin-top:20px;}
/*资质荣誉*/
.honour_list{margin-top:20px;}
.honour_list li{width:288px;height:260px;float:left;margin-right:20px;margin-bottom:25px;position:relative;}
.honour_list li b{display:block;width:288px;height:26px;text-align:center;line-height:26px;color:#fff;background:#2574c1;position:absolute;bottom:0px;left:0px;}
.honour_list li a:hover b{display:block;}
/*成功案例*/
.case_list{margin-top:20px;}
.case_list li{width:232px;height:178px;float:left;margin-right:19px;margin-bottom:25px;position:relative;}
.case_list li b{display:block;width:232px;height:26px;text-align:center;line-height:26px;color:#fff;background:#2574c1;position:absolute;bottom:0px;left:0px;display:none;}
.case_list li a:hover b{display:block;}
/*人才招聘*/
.bjq{line-height:28px;padding-top:20px;}
/*在线留言*/
#message{ padding-top:20px;}
#message b{ font-size:18px;}
#message .message_list{ padding-top:25px;}
#message .message_list p{ border:1px solid #b2b2b2; margin-bottom:15px;}
#message .message_list p input{ border:none;background:none;line-height:38px;  }
#message .message_list label{ display:inline-block; padding-left:12px; color:#949494; line-height:38px; font-size:14px;}
#message .message_list .p1{ width:310px; height:38px; float:left; margin-right:20px;}
#message .message_list .p1 input{ width:232px; height:38px;margin-left:9px;}
#message .message_list .p2{ width:642px;}
#message .message_list .p2 input{ width:565px; margin-left:5px;height:38px;}
#message .message_list .p3{ width:642px; height:250px;}
#message .message_list .p3 textarea{width:535px;margin-left:9px;height:250px;border:none;background:none; overflow:hidden;}
#message .message_list .p3 label.spe{ vertical-align:top}
.button input{width:114px; height:32px; background:#147dc1;border-radius:2px; border:none; color:#fff; font-size:14px; font-family:"微软雅黑"; cursor:pointer;}
.button i{ display:inline-block; padding-left:5px; color:#333333; font-size:14px;}
.button span{ display:inline-block; color:red; padding-left:10px;}
/*联系我们*/
.contact{ padding-top:4px; }
.contact iframe{ padding:4px;border:1px solid #ebebeb;}
.contact h2{font-size:18px;font-family:"微软雅黑";padding-top:30px;height:40px;background:url(../images/contact.gif) no-repeat left bottom;}
.contact p{padding-top:18px;line-height:30px;}



.animenu__toggle {
  display: none;
  cursor: pointer;
  background-color: #111;
  border: 0;
  padding: 10px;
  height: 40px;
  width: 40px;
}
.animenu__toggle:hover {
  background-color: #0186ba;
}

.animenu__toggle__bar {
  display: block;
  width: 20px;
  height: 2px;
  background-color: #fff;
  -webkit-transition:  0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); 
  -o-transition:  0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); 
  transition:  0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); 
}
.animenu__toggle__bar + .animenu__toggle__bar {
  margin-top: 4px;
}

.animenu__toggle--active .animenu__toggle__bar {
  margin: 0;
  position: absolute;
}
.animenu__toggle--active .animenu__toggle__bar:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.animenu__toggle--active .animenu__toggle__bar:nth-child(2) {
  opacity: 0;
}
.animenu__toggle--active .animenu__toggle__bar:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.animenu {
  display: block;
}
.animenu ul {
  padding: 0;
  list-style: none;
  font: 0px 'Open Sans', Arial, Helvetica;
}
.animenu li, .animenu a {
  display: inline-block;
  font-size: 14px;
}
.animenu a {
  color: #aaaaaa;
  text-decoration: none;
}

.animenu__nav {
  background-color: #111;
}
.animenu__nav > li {
  position: relative;
  
}
.animenu__nav > li > a {
  text-transform: uppercase;
}
.animenu__nav > li:nth-child(2):before {
  content: "";
  position: absolute;
  border: 4px solid transparent;
  border-bottom: 0;
  border-top-color: currentColor;
  top: 50%;
  margin-top: -2px;
  right: 10px;
  color:#fff;
}
.animenu__nav > li:nth-child(4):before {
  content: "";
  position: absolute;
  border: 4px solid transparent;
  border-bottom: 0;
  border-top-color: currentColor;
  top: 50%;
  margin-top: -2px;
  right: 10px;
  color:#fff;
}
.animenu__nav > li:hover > ul {
  opacity: 1;
  visibility: visible;
  margin: 0;
}
.animenu__nav > li:hover > a {
  color: #fff;
}

.animenu__nav__child {
  min-width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  margin: 20px 0 0 0;
  background-color: #373737;
  transition: margin .15s, opacity .15s;
  z-index:99999;
}
.animenu__nav__child > li {
  width: 100%;
  border-bottom: 1px solid #515151;
}
.animenu__nav__child > li:first-child > a:after {
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  left: 70px;
  top: -6px;
  border: 6px solid transparent;
  border-top: 0;
  border-bottom-color: inherit;
}
.animenu__nav__child > li:last-child {
  border: 0;
}
.animenu__nav__child a {
  width: 100%;
  border-color: #373737;
}
.animenu__nav__child a:hover {
  background-color: #0186ba;
  border-color: #0186ba;
  color: #fff;
}

@media screen and (max-width: 767px) {
  .animenu__toggle {
    display: inline-block;
  }

  .animenu__nav,
  .animenu__nav__child {
    display: none;
  }

  .animenu__nav {
    margin: 10px 0;
  }
  .animenu__nav > li {
    width: 100%;
    border-right: 0;
    border-bottom: 1px solid #515151;
  }
  .animenu__nav > li:last-child {
    border: 0;
  }
  .animenu__nav > li:first-child > a:after {
    content: '';
    position: absolute;
    height: 0;
    width: 0;
    left: 1em;
    top: -6px;
    border: 6px solid transparent;
    border-top: 0;
    border-bottom-color: inherit;
  }
  .animenu__nav > li > a {
    width: 100%;
    padding: 10px;
    border-color: #111;
    position: relative;
  }
  .animenu__nav a:hover {
    background-color: #0186ba;
    border-color: #0186ba;
    color: #fff;
  }

  .animenu__nav__child {
    position: static;
    background-color: #373737;
    margin: 0;
    transition: none;
    visibility: visible;
    opacity: 1;
  }
  .animenu__nav__child > li:first-child > a:after {
    content: none;
  }
  .animenu__nav__child a {
    padding-left: 20px;
    width: 100%;
  }
}
.animenu__nav--open {
  display: block !important;
}
.animenu__nav--open .animenu__nav__child {
  display: block;
}