@charset "utf-8";
@font-face {
	font-family:BarlowCondensed-Regular; src:url(../font/BarlowCondensed-Regular.ttf);
}
@font-face {font-family: roboto_l; src: url(../font/ROBOTO-LIGHT-10.TTF);}

/* CSS Document */
*{font-family:Arial, Helvetica,"Microsoft Yahei", sans-serif; padding: 0; margin:0;}
html{ overflow-x:hidden;max-width: 620px; margin: 0 auto; background:#e8e8e8;}
body{padding:0;margin:0;font-family:Arial,"Microsoft Yahei",Helvetica, sans-serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-overflow-scrolling:touch;/*安卓和 IOS html5 动画卡顿解决方案*//* overflow-x:hidden; */line-height: 1; font-size:14px;background:#fff;}
a{text-decoration:none;outline-style:none;/*FF使用*/ outline:none; color:#333;}
a,input,img,:focus{ mayfish:expression(this.onfocus=this.blur); cursor:handbblr:expression(this.onFocus=this.blur());/*IE使用*/ outline-style:none;/*FF使用*/ } /*去除a标签带来的虚框*/
ul{list-style:none;}
img,ul,li,em{border:none; list-style:none; font-style:normal;}
ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{padding:0;margin:0; font-weight:normal;}
h3,h4,h5{ font-weight:normal;}
.fl{ float:left}
.fr{ float:right}
.clear{clear:both;height:0px;font-size:1px;line-height:0px}
.top_blank{height:70px;}
.blank10{height:10px;}
.blank15{height:15px;}
.blank20{height:20px;}
.blank30{height:30px;}
.blank40{height:40px;}
.blank50{height:50px;}
.blank60{height:60px;}
.blank70{height:70px;}
.blank80{height:80px;}

.page_box{ margin:0 12px; background:#fff;}

.table{ display:table; table-layout: fixed; text-align:center; width:100%; height:100%;}
.table_cell{ display:table-cell; vertical-align:middle}



/*===========================header=============================*/
#header {position: fixed;height:70px;background: #fff;z-index: 1000; width: 100%; box-shadow: 0 3px 6px rgba(0,0,0,0.1); box-sizing:border-box; padding:5px 0 0px 15px;}
#header .logo img{height:60px; display:block; float:left;}
#header .logo i{display:block; height:35px; width:1px; background:#eee; position:absolute; left:78px; top:25px;}
#header .logo .txt{float:left; margin:10px 0 0 25px;}
#header .logo .txt h3{font-size:14px; color:#0089DB; margin-bottom:2px; font-weight:bold; line-height:18px; letter-spacing:1.2px;}
#header .logo .txt p{font-size:12px; color:#aaa;letter-spacing:0px;}

/*导航*/
.menu-opener {
	position: absolute;top: 55%;
    -ms-transform: translateY(-50%) translateX(20%);
    transform: translateY(-50%) translateX(20%);
    right: 20px;
    cursor: pointer;
}
.menu-opener .menu-label {
    color: #000;
    font-size:16px;
    display: inline-block;
    line-height: 30px;
    margin-right:5px;
    font-family:Arial, Helvetica, sans-serif;vertical-align:top;
}
.menu-opener .menu-icon {
    height: 30px;
    width: 30px;
    border: 1px dotted #000;
    border-radius: 15px;
    display: inline-block;
    margin-right: 1em;
}
.menu-opener .menu-icon i {
    display: block;
    width: 11px;
    height: 2px;
    top: 13px;
    left: 9px;
    background-color: #000;
    position: relative;
    transition: all .2s ease-in-out;
}
.menu-opener .menu-icon i:after, .menu-opener .menu-icon i:before {
    display: block;
    width: 5px;
    height: 2px;
    background-color: #000;
    content: '';
    left: 3px;
    position: absolute;
}
.menu-opener .menu-icon i:before {
    top: -3px;
    transition: all 0.3s;
}
.menu-opener .menu-icon i:after {
    top: 3px;
    transition: all 0.3s;
    transition-delay: 0.05s;
}


#aside_nav .am-offcanvas-bar{ width: 180px; background:#035CAC;}
#nav .am-list > li{  background: none; border:0; border-bottom:solid 1px rgba(255,255,255,.3); line-height:46px;}
#nav .am-list > li a{ padding:0; padding-left:5px; font-size:14px; color: #fff;}
#nav .am-list > li ul.am-list{ margin:0px 0 0 0px; }
#nav .am-list > li ul li{ line-height:36px; text-align:center;display: block; border-top:solid 1px rgba(255,255,255,.09); border-bottom:0;}
#nav .am-list > li ul li{}

#nav .am-list > li ul li a{ font-size:13px; display:block; padding:0; color:rgba(255,255,255,0.618);}
#nav .am-fr[class*="am-icon-"]{ color: #eee;}
#nav .doc-oc-demo3{ width:50px;}
.am-offcanvas-bar::after{ background:none;}

#index_nav_bar li{}
#index_nav_bar li a{ display: block; height: 5rem; line-height: 5rem; text-align: center; color: #fff;}


/*焦点图*/
#banner{}
#banner .swiper-slide{text-align:center; overflow:hidden; position:relative;}
#banner .swiper-slide .img img{width:100%; display:block;}

/*文本*/
#banner .txt {position: absolute;left: 0;top: 50%;  width:100%;-ms-transform: translateY(-50%); transform: translateY(-50%);}
#banner .txt img{ max-width:100%;}
#banner .txt p {font-size:18px;color: #fff;}
#banner .txt span {font-size: 12px; color: rgba(255,255,255,0.8);text-transform: uppercase;display: block; margin-top:15px;}


/*分页器*/
#banner .swiper-pagination{text-align:center;}
#banner .swiper-pagination-bullet{width:15px;height: 2px; display: inline-block;  background: rgba(255,255,255,0.3);  opacity:1; margin-right:6px; transition:0.3s all; border-radius:2px;}
#banner .swiper-pagination-bullet-active{  background: rgba(255,255,255,0.8); width:25px;}
#banner .swiper-pagination{bottom:10px;}


/*首页标题1*/
.index_title{ padding:25px 0 10px 0;}
.title_z{ font-size:16px; font-weight:bold; text-align:center; color:#111;}
.title_z:after{content:"";display: block;width:15px;background:#06c;height: 2px; margin:8px auto 5px auto;}
.title_f{ text-align:center; text-transform:uppercase; color:#999; font-family:Arial, Helvetica, sans-serif;}

.index_tit2{ margin:0 12px; font-size:14px; font-weight:bold; border-bottom:solid 1px #e8e8e8; height:25px;}
.index_tit2 span{ float:right; font-weight:normal; line-height:20px; font-size:12px;}


/* 横线 */
.xian{height: 8px;background: #f4f5f7;}


/*关于我们*/
.index_about{ font-size:14px; line-height:24px; text-align:justify;}


/*优势*/
.container01 ul{width:100%;}
.container01 ul{}
.container01 li{width:50%; float:left; margin-top:15px;  border-right:solid 1px #efefef; box-sizing:border-box; padding-left:70px; height:46px;}
.container01 li:nth-child(2n){border-right:0;}
.container01 li i{font-size: 22px; font-family: BarlowCondensed-Regular; font-style:normal; font-weight:bold; letter-spacing:0.3px;}
.container01 li p{line-height:20px; font-size:12px;  color:#888;}

.container01 li.li-1 { background: url(../images/youshi01.png) no-repeat 25px center; background-size:30px auto; padding-top:2px;}
.container01 li.li-2 { background: url(../images/youshi04.png) no-repeat 25px center; background-size:38px auto; padding-top:2px;}
.container01 li.li-3 { background: url(../images/youshi02.png) no-repeat 25px center; background-size:38px auto; padding-top:5px;}
.container01 li.li-4 { background: url(../images/youshi03.png) no-repeat 25px center; background-size:30px auto; padding-top:5px;}



/*事业群组*/
#pxkc{}
#pxkc img{width:100%; display:block;}
#pxkc .txt{  background:#fff; padding:0 12px 15px 12px; border-radius:0px 0px 5px 5px; border:solid 1px #e8e8e8; border-top:0; margin-bottom:30px; text-align:center;}
#pxkc .txt h3{font-size:16px; line-height:42px; color:#06c; font-weight:bold;}
#pxkc .txt p{line-height:22px; font-size:12px; text-align:left; height:132px;
/*多行文本溢出现实省略号*/
  display: -webkit-box;  /*将对象作为弹性伸缩盒子模型显示 。*/
  display: -moz-box;
  overflow: hidden;   /*溢出隐藏*/
  text-overflow: ellipsis;  /*可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/
  /*word-break: break-all; 文本强制换行*/
  -webkit-box-orient: vertical;  /*文本被水平或垂直排列。*/
  -webkit-line-clamp:6;   /*用来限制在一个块元素显示的文本的行数。*/	
	}

/*分页器*/
#pxkc .swiper-pagination-bullet{width: 8px;height: 8px; display: inline-block; border-radius: 50%; background:#ccc; transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease; opacity: 1.0;}
#pxkc .swiper-pagination-bullet-active{background:#06c;color: #fff;width: 20px;border-radius: 8px;opacity: 1.0;}
#pxkc .swiper-pagination{bottom:0px;}


#pxkc .pic{position:relative; overflow:hidden;  border-radius:5px 5px 0 0;}
/*遮罩*/
.item-mask {width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);position: absolute;left: 0;top: 0;opacity: 1;}
.item-mask .item-link-icon {display: block;width: 38px;height: 38px;border: 1px solid rgba(255, 255, 255, .3);border-radius: 50%;position: absolute;left: 50%;top: 50%;margin-left: -21px;margin-top: -21px;}
.wjdh-link {display: block;width: 38px;height: 38px;background: url(../images/link.png) no-repeat center;}


/*产品列表*/
.pro_list { padding:0 8px;}
.pro_list li{background:#fff; float:left; width:46%; margin:15px 2% 0 2%; transition:0.3s all;}
.pro_list li .pic{width:100%;overflow:hidden;position:relative;/*background:#111;*/ background-image: linear-gradient(to bottom right, #555 ,#03080B);}
.pro_list li .pic img{ transition:1s; display:block; width:100%;}
.pro_list li:hover .pic img{ transform:scale(1.1);}
.pro_list li:hover{ box-shadow:0 0 25px rgba(0,0,0,0.25);translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0); background:#fff;} 

.pro_list li .pic .red-bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: 300ms; -webkit-transition: 300ms; }
.pro_list li .pic .red-bg{background:rgba(0,0,0,0.45);}
.pro_list li .pic .red-bg:before{ content:""; position:absolute; width:2.75rem; height:2.75rem; background:#15569d; border-radius:50%; top:50%; margin-top:-1.375rem; left:50%; margin-left:-1.375rem;}

.pro_list li .pic .line { display: block; background: #fff; position: absolute; top: 50%; left: 50%; opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; }
.pro_list li .pic .line_1 { width: 16px; height: 2px; margin: -1px 0px 0px -8px; transform: translateX(-16px); -webkit-transform: translateX(-16px); }
.pro_list li .pic .line_2 { width: 2px; height: 16px; margin: -8px 0px 0px -1px; transform: translateY(16px); -webkit-transform: translateY(16px); }
.pro_list li:hover .red-bg { opacity: 1; visibility: visible; }
.pro_list li:hover .line { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; }
.pro_list li:hover img{ transform:scale(1.05);}


.pro_list li .txt{padding:10px 10px; text-align:center; background:#f8f8f8;}
.pro_list li .txt h5{ font-size:12px; }


/*图文列表*/
.pic_art_list{}
.pic_art_list li{ position:relative; border-bottom:dotted 1px #ddd; height:100px; margin-bottom:15px;}
.pic_art_list li .pic{ position:absolute; left:0; top:0; width:120px; height:85px;}
.pic_art_list li .pic img{ width:100%; height:100%; display:block;}
.pic_art_list li .txt{ padding-left:130px;}
.pic_art_list li .txt h5{ font-size:14px; line-height:22px;}
.pic_art_list li .txt p{ line-height:25px; color:#666; text-align:justify; margin-bottom:10px;
/*多行文本溢出现实省略号*/
  display: -webkit-box;  /*将对象作为弹性伸缩盒子模型显示 。*/
  display: -moz-box;
  overflow: hidden;   /*溢出隐藏*/
  text-overflow: ellipsis;  /*可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/
  /*word-break: break-all; 文本强制换行*/
  -webkit-box-orient: vertical;  /*文本被水平或垂直排列。*/
  -webkit-line-clamp:2;   /*用来限制在一个块元素显示的文本的行数。*/	
}
.pic_art_list li .fot_box {position: relative; height: 12px;line-height: 14px;margin-top: 15px;}
.pic_art_list li .fot_box span {color: #a1a1a1;font-size: 12px;}
.pic_art_list li .fot_box span.time {background: url(../images/icon_time.png) left center no-repeat;padding-left: 20px;}
.pic_art_list li .fot_box span.read {position: absolute;right: 20px; background: url(../images/icon_read.png) left center no-repeat;padding-left: 20px;}

/*虚伪以待*/
.index_culture{ position: relative; height: 260px; width:100%;background:url(../images/cy-bg.jpg) no-repeat center center fixed; background-size:auto 100% ; }
.index_culture .about_bg{width: 100%;height: 100%; background:rgba(0,0,0,0.68);  text-align:center; color:#fff;}
.index_culture .about_bg h3{font-size:16px; line-height:22px; font-weight:normal; padding-top:35px;}
.index_culture .about_bg h4{font-size:30px; line-height:36px; font-weight:normal;font-family:'tt',Arial; margin:5px 0 10px 0;}
.index_culture .about_bg p{  line-height:25px; font-size:14px; margin-bottom:85px; width:95%; margin:auto;}
.index_culture .about_bg a{ display:inline-block; color:#fff; border:solid 2px rgba(255,255,255,0.5); margin-top:20px; width:155px; line-height:32px; border-radius:32px; transition:0.3s all;}
.index_culture .about_bg a:hover{ background:#2A72BE; border:solid 2px #2A72BE;}


/* 表单样式 */
.index_form_box{width:86%; margin:auto;}
.index_form_box div{margin-top:10px;}
.index_form_box input[type=text]{width: 100%; line-height: 34px;border-radius: 3px;border:1px solid #ddd;font-size: 12px;padding-left: 2%;}
input:focus{border:1px solid #ccc;}
textarea:focus{border:1px solid #ccc;}
.textarea textarea{width: 100%;height: 90px;font-size: 12px;border-radius: 5px;border:1px solid #ddd;padding-left: 2%;padding-top: 5px;}

.index_form_box select{width: 100%; height:34px; box-sizing:border-box; background:#f2f2f2; line-height: 34px;border-radius: 3px;border:1px solid #ddd;font-size: 14px;padding-left: 2%;}


#formyzm{margin-top:10px;}
#formyzm input{ width:160px;line-height: 34px;border-radius: 3px;border:1px solid #ddd;font-size: 14px;padding-left: 2%;}
#formyzm img{width:80px; padding:10px 10px;}

.submit input {cursor: pointer; border-radius: 3px;background: #2A72BE; color: #fff;border:1px solid #fff;display: block;width:100%; height: 45px;font-size: 15px;}
.submit input:hover{background: #f90;opacity: 1.0;}
.submit {padding-top: 5px;}

/*底部*/
footer{ border-top:#e8e8e8 2px solid; padding:25px 0; background:#f8f8f8; text-align:center}
footer .left h5{font-size:11px;color:#787878; font-weight:normal;}
footer .left h3,footer .left h3 a{ font-size:16px; color:#2A72BE; margin:0.5rem 0 1rem;font-family: Arial, Helvetica,"Microsoft Yahei", sans-serif;}
footer .left p{ font-size:11px; color:#787878; line-height:22px;}
footer .left{ margin-bottom:1.5rem}

footer .right p{ font-size:11px; color:#a5a5a6; line-height:26px; text-transform:uppercase}
footer .right a{ font-size:12px;}

/*固定底部菜单*/
#footer{width: 100%; height: 55px; background:#fafafa;position: fixed;bottom: 0; left: 0; z-index: 999;font-size: 12px; border-top: 1px solid #eee;}
#footer a{text-decoration:none;  width:20%; height:52px; float:left; display:block; text-align:center; color:#555; font-size:12px;}

#footer ul li{ padding-top:34px;}
#footer li.bot_1{ background:url(../images/fot_1.png) no-repeat center 8px; background-size:21px auto;}
#footer li.bot_2{ background:url(../images/fot_2.png) no-repeat center 5px; background-size:25px auto;}
#footer li.bot_3{ background:url(../images/fot_3.png) no-repeat center 2px; background-size:30px auto;}
#footer li.bot_4{ background:url(../images/fot_4.png) no-repeat center 5px; background-size:25px auto;}
#footer li.bot_tj{ position:relative;}
#footer li.bot_tj i{width:50px; height:50px; background:#ccc; position:absolute; left:50%; margin-left:-25px; top:-22px; border-radius:100%;background:url(../images/icon_mfhm.png) no-repeat center #fff; background-size:44px auto;}



/*--------------------*/

/*二级页面*/
.n_banner{height:160px; overflow:hidden; position:relative;}
.n_banner h2 {font-size: 22px;color: #fff;margin-bottom: 5px; font-weight:normal;}
.n_banner h3 {font-size: 32px;color: rgba(255,255,255,0.45);font-family: BarlowCondensed-Regular;text-transform: uppercase; font-weight:normal;}

.n_banner .scaleBg{width:100%; height:100%; -webkit-animation:scale-bg 6s linear forwards;animation:scale-bg 6s linear forwards; position:absolute; left:0; top:0; z-index:1;}
@-webkit-keyframes scale-bg{
    from{-webkit-transform:scale(1.2);transform:scale(1.2)}
    to{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes scale-bg{
    from{-webkit-transform:scale(1.2);transform:scale(1.2)}
    to{-webkit-transform:scale(1);transform:scale(1)}
    
}
.n_banner .table{z-index:9; position:absolute; left:0; top:0;}


/*====移动端导航====*/

#m_n_nav{background: #0089DB;line-height: 40px;height: 40px;position: relative;z-index: 99; width: 100%; margin-bottom:20px;}
#m_n_nav #bnt_back {position: absolute;left: 15px;top:0px;}
#m_n_nav #bnt_back img { height: 16px; }
#m_n_nav h1{font-size: 16px;color: #fff;text-align: center;line-height:40px; font-weight:normal;}
#bnt_sub_nav { position: absolute; right:15px; top: 8px; cursor: pointer; }
#bnt_sub_nav img { display: block; height: 22px; transition:0.3s all;}
#bnt_sub_nav.on img { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }

#sub_nav_content{background: #fff; display: none; box-shadow: 0 0 5px #999; z-index: 9;}


/* 同级导航 */
.sub_nav{}
.sub_nav li{height:40px;line-height:40px;position:relative;background:#fff;  border-bottom:1px solid #e7e7e7; z-index: 999; }
.sub_nav li:last-child{border-bottom:0;}
.sub_nav li a{margin:0 20px; display:block;color:#5b5349; height: 40px; font-size:14px; font-weight: 400; }
.sub_nav li.on a{color:#0089DB;}



/*==================大事记=================*/
.gz_btn{ position:absolute; top:0px; left:10px; margin-left:-7px; width:14px; height:14px; border-radius:100%; background:#0089DB;}
.gz_btn:after{ content:""; width:14px; height:14px; background:rgba(0,137,219,0.2); animation:fd_sx 3s linear infinite; display:block; border-radius:50%; position:absolute; top:0px; left:0;}
@-webkit-keyframes fd_sx{
	0%{-webkit-transform:scale(1.1);transform:scale(1.1)}
	50%{-webkit-transform:scale(2);transform:scale(2)}
	100%{-webkit-transform:scale(1.2);transform:scale(1.2)}
	}

#n_dsj  { background:url(../images/bg_dsj.png) 10px top repeat-y; padding-top:25px;position:relative;  }
#n_dsj dl{ position:relative;   overflow: hidden;}
#n_dsj dd{ display:block; width:100%; margin-top:25px;  position:relative; }
#n_dsj dd .pic{ position:absolute;  top:0; right: 50%; margin-right: -7px; width: 50%; transition:.5s; -webkit-transition:.5s; }
#n_dsj dd .pic img{ float: right; width: 389px; height:100px;  margin-right: 10%;  display:block; border:0px solid rgb( 231, 233, 235 );}
#n_dsj dd .pic:after{ content:""; width:10px; height:10px; background:#fff; border:solid 1px #ccc;display:block; border-radius:50%; position:absolute; top:50%; margin-top:6px; left:-2px; transition:.5s; -webkit-transition:.5s;}

#n_dsj dd .txt { margin-left:25px; }
#n_dsj dd .txt h6{  font-size:22px; display:block; margin-bottom:10px; font-family:arial; transition:.5s; -webkit-transition:.5s;  color:#0089DB}
#n_dsj dd .txt h6 span{ font-size:14px;  margin-left:3px; }
#n_dsj dd .txt p{ text-align:left;  font-size:14px; line-height:20px; margin-bottom:5px; color:#666; }


/*高科文化*/
.wenhua{margin-top:30px;}
.wenhua li{ position:relative;  margin-bottom:25px; border-radius:5px; overflow:hidden;}
.wenhua li .pic{}
.wenhua li .pic img{width:100%; display:block;}
.wenhua li .txt{ position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.5); color:#fff;  width:100%; padding:5px 10px; box-sizing:border-box;}
.wenhua li  h5{font-size:14px; font-weight:bold;margin:10px 0 5px 0;}
.wenhua li  p{font-size:13px; line-height:22px; }







/* 人才招聘 */
#list_slide{  position:relative;margin-bottom:30px}
#list_slide dl strong.num{ position: absolute; left: 3px; top: 10px; display: block; width: 25px; height: 25px; line-height: 25px; text-align: center; color: #fff;  background: #005ba0; border-radius:25px; }
#list_slide dl{  margin-bottom:15px; border-bottom:1px dotted #cccdd1; position: relative; background:#f4f5f7; }
#list_slide dt{display:block;  padding: 0px 10px 0 35px; background: #fff;  cursor:pointer; height:42px; }
#list_slide dt.on{ background:#f4f5f7; border-bottom:0px dotted #cccdd1; }
#list_slide dt h5{font-size:15px; line-height:48px; background:url('../images/icon_hr_on.png') right center no-repeat;  display:block; background-size:12px auto;}
#list_slide dt.on h5{ background:url('../images/icon_hr_off.png') right center no-repeat ;  }
#list_slide dd{ display:none; line-height:20px; background:#fbfbfb;padding:10px 10px 10px;}
#list_slide dd p{  margin-bottom:5px;  color:#444; font-size:12px; line-height:20px;}
#list_slide dd a {margin-top:10px; display: block;width: 108px;height: 32px;line-height: 32px;text-align: center;background: #FF8B10;border-radius: 32px;color: #fff; float:right;}


/*人才内容页*/
.page_rczq .title_txt h2 {font-size: 24px; margin-bottom: 10px;}
.zp_neirong p{line-height:20px; margin-bottom:5px;}
.zp_form h5{border-bottom:solid 1px #e8e8e8; margin-top: 25px; font-size:18px; height:36px;}

.table_form{ margin-top:20px;}
.table_form th{text-align: right; font-weight: normal; padding-right: 10px;}
.table_form td{padding: 5px 0;}
.table_form input.input-text{width: 100%;padding: 8px 5px;border: solid 1px #ddd; box-sizing:border-box;}
.table_form select {padding: 8px 15px;border: solid 1px #ddd;}
.table_form textarea{padding: 8px 15px;border: solid 1px #ddd; width: 100%; box-sizing:border-box;}
.table_form #dosubmit{ border:none; font-size:16px; cursor:pointer; text-align:center; color:#fff; background:#005ba0; font-family:"微软雅黑";border-radius: 3px; transition:0.3s all; width:200px; height:50px; line-height:50px;}
.table_form #dosubmit:hover{ background:#FF8B10; color:#fff; text-decoration:none;}



/*推荐产品*/
.zz_pic{}
.zz_pic li {width: 45%;float: left;margin:0 2% 15px 2%; text-align:center;height:200px;border:1px solid #ddd;border-radius:5px; padding:3px; overflow:hidden; box-sizing:border-box;}
.zz_pic li .pic{width:100%; height:160px; overflow:hidden; display:table-cell; vertical-align:middle; text-align:center; }
.zz_pic li .pic img{max-height:100%; max-width:96%; }
.zz_pic li p{ overflow: hidden; text-overflow: ellipsis;white-space: nowrap; text-align: center; font-size:12px; margin-top:8px;}
.zz_pic li .txt{ overflow: hidden; text-overflow: ellipsis;white-space: nowrap; text-align: center; font-size:14px;}

/*资质荣誉*/
#zzry{ padding-bottom:20px;}
#zzry img{width:100%; display:block;}
#zzry .txt{  background:#fff; padding:0 12px 15px 12px; }
#zzry .txt p{overflow: hidden; text-overflow: ellipsis;white-space: nowrap; text-align: center; margin-top:10px;}
/*分页器*/
#zzry .swiper-pagination-bullet{width: 8px;height: 8px; display: inline-block; border-radius: 50%; background:#ccc; transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease; opacity: 1.0;}
#zzry .swiper-pagination-bullet-active{background:#06c;color: #fff;width: 20px;border-radius: 8px;opacity: 1.0;}
#zzry .swiper-pagination{bottom:0px;}
#zzry .pic{position:relative; overflow:hidden;  border-radius:5px 5px 0 0;}


/*美丽高科*/
.page_mlgk{}
.page_mlgk li{margin-bottom:25px; position:relative; border-radius:5px; overflow:hidden;}
.page_mlgk li .pic{ width:100%; background:#000;}
.page_mlgk li .pic img{width:100%; display:block; opacity:0.9;filter:alpha(opacity=90);}
.page_mlgk li .txt{position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.5); color:#fff;  width:100%; padding:10px 10px; box-sizing:border-box; text-align:center;}


.more_1{ text-align:center;}
.more_1 a{ text-transform:uppercase; display:inline-block; line-height:30px; width:46%; background:#f8f8f8; border:solid 1px #e8e8e8; border-radius:30px; color:#333;}
.more_1 a:hover{ background:#2A72BE;  border:solid 1px #2A72BE;color:#fff;}




/*事业部环境设备*/
#syb_hjsb{ padding-bottom:20px;}
#syb_hjsb img{width:100%; display:block;}
#syb_hjsb .txt{  background:#fff; padding:0 12px 15px 12px; }
#syb_hjsb .txt p{overflow: hidden; text-overflow: ellipsis;white-space: nowrap; text-align: center; margin-top:10px;}
/*分页器*/
#syb_hjsb .swiper-pagination-bullet{width: 8px;height: 8px; display: inline-block; border-radius: 50%; background:#ccc; transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease; opacity: 1.0;}
#syb_hjsb .swiper-pagination-bullet-active{background:#06c;color: #fff;width: 20px;border-radius: 8px;opacity: 1.0;}
#syb_hjsb .swiper-pagination{bottom:0px;}
#syb_hjsb .pic{position:relative; overflow:hidden; border-radius:5px;}




/*产品内容页*/
#n_pro{ margin:0 15px; border:solid 1px #e8e8e8; border-radius:5px; overflow:hidden;}
#n_pro .swiper-slide{text-align:center; overflow:hidden; position:relative;}
#n_pro .swiper-slide img{width:100%; display:block;}

/*文本*/
#n_pro .txt {position: absolute;left: 0;top: 50%;  width:100%;-ms-transform: translateY(-50%); transform: translateY(-50%);}
#n_pro .txt p {font-size:18px;color: #fff;}
#n_pro .txt span {font-size: 12px; color: rgba(255,255,255,0.8);text-transform: uppercase;display: block; margin-top:15px;}


/*分页器*/
#n_pro .swiper-pagination{text-align:center;}
#n_pro .swiper-pagination-bullet{width:8px;height: 8px; display: inline-block;  background: rgba(0,0,0,0.2);  opacity:1; margin-right:3px; transition:0.3s all; border-radius:8px;}
#n_pro .swiper-pagination-bullet-active{  background: rgba(0,0,0,0.8);}
#n_pro .swiper-pagination{bottom:10px;}

.pro_cs{ line-height: 22px; margin-top:10px;}
.show_pro_tit{line-height: 36px; background: #e8e8e8; padding:0 10px; margin-top:10px; font-weight:bold;}


/*新闻分页*/
.m_news_list{}
.m_news_list li{border-bottom:solid 1px #eee; padding-bottom:15px; margin-bottom:15px;}
.m_news_list li .pic{width:120px; height:90px; float:left; margin-right:10px; overflow:hidden; border-radius:5px;}
.m_news_list li .pic img{width:100%; height:100%; display:block;}

.m_news_list li .txt {}
.m_news_list li .txt h5{ font-size:16px; font-weight:normal; line-height:25px; margin-bottom:5px; text-align:justify; }
.m_news_list li .txt p{font-size:13px;line-height:20px; color:#888; text-align:justify; 
/*多行文本溢出现实省略号*/
  display: -webkit-box;  /*将对象作为弹性伸缩盒子模型显示 。*/
  display: -moz-box;
  overflow: hidden;   /*溢出隐藏*/
  text-overflow: ellipsis;  /*可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/
  /*word-break: break-all; 文本强制换行*/
  -webkit-box-orient: vertical;  /*文本被水平或垂直排列。*/
  -webkit-line-clamp:3;   /*用来限制在一个块元素显示的文本的行数。*/	
}
.m_news_list li .txt i{font-size:12px; font-style:normal; float:right; margin-top:10px;}
.m_news_list li .txt i.n_time {background: url(../images/icon_time.png) no-repeat 0 center; padding-left:20px; color:#999;}
.m_hide{display:none;}

.mores ,.getMoreNews{height:46px;text-align:center;margin:2px;padding:6px;}
.mores button ,.getMoreNews button{display: inline-block;background-color: white;border-color: #b7b7b7;vertical-align: top;padding: 8px 14px 10px;margin-top: 1px;margin-bottom: 2px;border: 1px solid;color: #060606;;border-radius: 9px;font-size: 18px;font-weight: 300;text-decoration: none;}
.inimg {border: 0px;padding: 0px;margin:0 10px 0 0;vertical-align: middle;}
.morein {display:none;}


/*新闻详情*/
.navbar{line-height:44px; text-align:center; font-size:16px; color:#fff;  border-bottom: 0px solid #e3e3e3; position:fixed; left:0; top:0; width:100%; background:#035CAC; z-index:99;}
.navbar .back{width: 25px; position: absolute;top: 0;left: 0; padding:10px 15px 9px 10px;}
.navbar .back img{width:100%; display:block;}

/* 新闻内容页 */
.ntitle{ border-bottom:solid 1px #e8e8e8; margin-bottom:10px;}
.ntitle h2{font-size: 20px; line-height:25px;}
.ntitle span{font-size: 12px; color: #aaa;margin:10px 0 15px; display:inline-block;}

.ptitle{text-align: center;margin:10px 0;}
.ptitle h1{font-size: 20px;}


.neirong{line-height: 25px; text-align:justify;overflow: hidden;}
.neirong img{max-width:100%;  border-radius:5px;}
.neirong p{margin-bottom: 15px;font-size: 15px;}

.neirong table{ border:1px solid #ddd; border-collapse:collapse;   font-size:14px; line-height:25px;}
.neirong table td{padding:5px; border:1px solid #ddd;}






/*向上*/
.cd-top {
  display: inline-block;
  height: 46px;
  width: 46px;
  position: fixed;
  bottom: 66px;
  right: 10px;border-radius: 50%; z-index:999999;
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(0, 0, 0, 0.15) url(../images/cd-top-arrow.svg) no-repeat center 50%;
  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: .5;
}
.no-touch .cd-top:hover {
  background-color: #FF6270;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 10px;
    bottom: 50px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 46px;
    width: 46px;
    right: 5px;
    bottom: 50px;
  }
}
.cd-top:hover{background-color:#2A72BE;transition: all 0.3s ease 0s;}