@charset "utf-8";
@font-face {
	font-family:BarlowCondensed-Regular; src:url(../fonts/BarlowCondensed-Regular.ttf);
}
@font-face {font-family: roboto_l; src: url(../fonts/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;}
body{padding:0;margin:0; -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{ -webkit-tap-highlight-color:transparent; 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:55px;}
.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; }

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


/*===========================header=============================*/
.header {height:55px;background:#fff; width: 100%; box-shadow: 0 3px 6px rgba(0,0,0,0.1); box-sizing:border-box; padding:15px 10px 0px 10px;}
.header .logo { float:left;}
.header .logo img{height:30px; display:block;}

/*menu*/
.menu-opener {float: right;}
.menu-opener .menu-label {color: #000;font-size:13px;display: inline-block;line-height: 30px;margin-right:2px;vertical-align:top;}
.menu-opener .menu-icon {height: 30px;width: 30px;border: 1px dotted #000;border-radius: 50%;display: inline-block;}
.menu-opener .menu-icon i {display: block;width: 12px;height: 2px;top: 13px;left: 9px;background: #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: #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;}


/*焦点图*/
#banner{position:relative; z-index:0; background:#000; overflow:hidden;}
#banner .swiper-slide{}

#banner .swiper-slide .pic img{width:100%; height:auto; transition: all 4s;  transform: scale(1,1); -webkit-transform: scale(1,1); display:block;opacity:1;}
#banner .swiper-slide-active .pic img{width:100%; transform: scale(1.1,1.1);  -webkit-transform: scale(1.1,1.1);  transition-delay: 1s; opacity:1;}
	
/*文本*/
#banner .txt{ position:absolute;z-index: 2;left: 0;top: 38%;width: 100%; text-align:center;height:100%;transition: .8s;text-shadow:rgba(0,0,0,0.5) 1px 1px 2px;}
#banner .txt h3{font-size:20px; color:#fff; font-weight:normal; margin-bottom:15px; text-align:center;}
#banner .txt p{font-size:16px; color:#fff; text-align:center;}

#banner .swiper-slide-active .txt { 
	-webkit-animation: trantop 1s forwards cubic-bezier(0.4, 0, 0.49, 0.93);
	animation: trantop 1s forwards cubic-bezier(0.4, 0, 0.49, 0.93);
}
@-webkit-keyframes trantop {
from {
-webkit-transform: translateY(100px);
transform: translateY(100px);
opacity:0;
}
to {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity:1;
}
}
@keyframes trantop {
from {
-webkit-transform: translateY(100px);
transform: translateY(100px);
opacity:0;
}
to {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity:1;
}
}

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



/*导航*/
.menu_nav{}
.menu_nav li{width:25%; float:left; text-align:center; margin-bottom:10px;}
.menu_nav li .menu_ico{width:52px; height:52px; border-radius:100%; background:#f2f2f2; display:block; margin:auto; margin-bottom:5px;}

.menu_nav li .menu_ico1{ background:url(../images/menu_ico1.png) no-repeat center center #004EA2; background-size:60% auto;}
.menu_nav li .menu_ico2{ background:url(../images/menu_ico2.png) no-repeat center center #678BE0; background-size:60% auto;}
.menu_nav li .menu_ico3{ background:url(../images/menu_ico3.png) no-repeat center center #8C66DE; background-size:60% auto;}
.menu_nav li .menu_ico4{ background:url(../images/menu_ico4.png) no-repeat center center #83D017; background-size:55% auto;}
.menu_nav li .menu_ico5{ background:url(../images/menu_ico5.png) no-repeat center center #14C761; background-size:60% auto;}
.menu_nav li .menu_ico6{ background:url(../images/menu_ico6.png) no-repeat center center #F2B513; background-size:60% auto;}
.menu_nav li .menu_ico7{ background:url(../images/menu_ico7.png) no-repeat center center #FC5366; background-size:60% auto;}
.menu_nav li .menu_ico8{ background:url(../images/menu_ico8.png) no-repeat center center #3B6DDF; background-size:60% auto;}



/*首页标题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;}

/*页面标题*/
.main_tit{ padding:25px 0 20px; position:relative; text-align:center;}
.main_tit h3{ font-size:20px; color:#000; font-weight:normal; margin-bottom:10px;}
.main_tit p{ font-size:13px; line-height:1.6; color:#666;}


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

/*产品与应用*/
.pro_ser{}
.pro_ser li{ position:relative; margin-bottom:15px; border-radius:3px; overflow:hidden;}
.pro_ser li .pic {overflow:hidden; background:#000;}
.pro_ser li .pic img{width:100%; display:block;}
.pro_ser li .txt{ position:absolute; left:0; bottom:0; width:100%; line-height:36px; background:rgba(0,0,0,0.68);}
.pro_ser li .txt h5{font-size:15px; font-weight:normal; color:#fff; padding:0 20px;}


/*关于我们*/
.index_about{ font-size:13px; line-height:1.6; color:#666;}
.index_about p{ margin-bottom:10px;}


/*数字*/
.shuzi{width:92%; height:70px;  margin:30px auto 0 auto; background:#fff; position:relative; z-index:1;}
.shuzi ul{}
.shuzi li{float:left; color:#000;  position:relative; width:25%; text-align:center; box-sizing:border-box; font-size:18px;}
.shuzi li i{font-size:30px; font-style:normal; margin-right:2px; font-family:"BarlowCondensed-Regular";}
.shuzi li p{line-height:30px; font-size:12px;color:#555;}

/*首页视频*/
.index_video{width:100%; margin-top:-10px; position:relative;}
.index_video .pic {}
.index_video .pic img{width:100%; display:block;}
.index_video .video_play{ position:absolute; left:50%; top:50%; margin-left:-23px;margin-top:-23px;}
.index_video .video_play img{width:46px; display:block; transition: all 0.8s ease 0s;}
.index_video .video_play img:hover{
  cursor:pointer;
  transform:rotate(360deg);
-ms-transform:rotate(360deg); 	/* IE 9 */
-moz-transform:rotate(360deg); 	/* Firefox */
-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
-o-transform:rotate(360deg); 	/* Opera */
}


/*首页滚动新闻*/
#pxkc { width: 100%; }
#pxkc .swiper-slide {background: #f8f8f8; width:100%;border-radius: 5px;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  transition: 300ms;
    }
#pxkc .swiper-slide:not(.swiper-slide-active){
      transform: scale(0.9);
	}

#pxkc .swiper-slide .pic img{border-top-left-radius: 3px;border-top-right-radius: 3px; width:100%;}
#pxkc .swiper-slide .txt {padding:10px 10px; height:60px; }
#pxkc .swiper-slide .txt h5{overflow:hidden; font-size:13px; line-height:20px; height:40px;
/*多行文本溢出现实省略号*/
  display: -webkit-box;  /*将对象作为弹性伸缩盒子模型显示 。*/
  display: -moz-box;
  overflow: hidden;   /*溢出隐藏*/
  text-overflow: ellipsis;  /*可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/
  /*word-break: break-all; 文本强制换行*/
  -webkit-box-orient: vertical;  /*文本被水平或垂直排列。*/
  -webkit-line-clamp:2;   /*用来限制在一个块元素显示的文本的行数。*/	
	}

#pxkc .swiper-slide .txt p{ font-size:12px; margin-top:5px; color:#888;}



/* 服务客户 */
.hezuo{position: relative;width: 100%; padding:10px 0 0px 0;}
.hezuo ul { }
.hezuo ul li{float:left;width: 25%;margin-bottom:10px; }
.hezuo ul li a{display: block;
    margin: 0 8%;
}
.hezuo ul li img{ opacity: .9; display:inline-block; border-radius:3px; width:100%; transition:0.3s all;}


/*产品列表*/
.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_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{ padding:35px 0 0 0; background:#1f1f1f; text-align:center}
footer .left h5{font-size:16px;color:rgba(255,255,255,0.5); font-weight:normal;}
footer .left h3,footer .left h3 a{ font-size:16px; color:#2A72BE; margin:0.8rem 0 1rem;font-family: Arial, Helvetica,"Microsoft Yahei", sans-serif;}
footer .left p{ font-size:12px; color:rgba(255,255,255,0.5); line-height:24px;}
footer .left{ margin-bottom:1.5rem}

footer .right{background:#151515; padding:10px 0; line-height:16px;}
footer .right p{ font-size:10px; color:rgba(255,255,255,0.5); text-transform:uppercase}
footer .right a{ font-size:10px; color:rgba(255,255,255,0.5);}

/*固定底部菜单*/
#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;}



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

/*二级页面*/
.page_ban_active .img{width:100%; height:100%; position:absolute; left:0; top:0;opacity:0.5;}

.page_ban_active .img {
	visibility: visible !important;
	-webkit-animation: bgscale 5s forwards cubic-bezier(0.4, 0, 0.49, 0.93);
	animation: bgscale 5s forwards cubic-bezier(0.4, 0, 0.49, 0.93);
}
@-webkit-keyframes bgscale {
from {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
to {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
}
@keyframes bgscale {
from {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
to {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
}

.page_ban_active .table{ text-align:left}
.page_ban_active h4{ font-size:20px; color:#fff; font-weight:normal; margin-bottom:15px;}
.page_ban_active h2{ font-size:18px; color:#fff; font-weight:normal; line-height:24px;}


.page_ban .letter span{display: inline-block;opacity: 0;filter: blur(10px);-webkit-filter: blur(10px);transform: translateY(-16px);}
.page_active .letter span{ opacity: 1; filter: blur(0px); -webkit-filter: blur(0px); transform: translateY(0px);}


.page_ban{ width:100%; position:relative; height:180px; overflow:hidden; background:#000;}
.page_ban img{width:100%; display:block;}

.page_ban img {
    -webkit-animation: banner_inside 5s ease 1 forwards;
       -moz-animation: banner_inside 5s ease 1 forwards;
         -o-animation: banner_inside 5s ease 1 forwards;
            animation: banner_inside 5s ease 1 forwards;
}
@-webkit-keyframes banner_inside {
    from {
        -webkit-transform: scale(1.23);
                transform: scale(1.23);
    }
    to {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}
@-moz-keyframes banner_inside {
    from {
        -moz-transform: scale(1.23);
             transform: scale(1.23);
    }
    to {
        -moz-transform: scale(1);
             transform: scale(1);
    }
}
@-o-keyframes banner_inside {
    from {
        -o-transform: scale(1.23);
           transform: scale(1.23);
    }
    to {
        -o-transform: scale(1);
           transform: scale(1);
    }
}
@keyframes banner_inside {
    from {
        -webkit-transform: scale(1.23);
           -moz-transform: scale(1.23);
             -o-transform: scale(1.23);
                transform: scale(1.23);
    }
    to {
        -webkit-transform: scale(1);
           -moz-transform: scale(1);
             -o-transform: scale(1);
                transform: scale(1);
    }
}

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

#m_n_nav{background:#0062B0;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; -webkit-tap-highlight-color:transparent;}
#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:#0062B0;}

/*公司简介*/
.page_box .page_tit{ margin:35px 0 20px 0;position: relative;padding: 0px 0 15px;}
.page_box .page_tit h2{ font-size:18px; font-weight:bold;}
.page_box .page_tit h3{ font-size:14px; font-weight:normal; color:#666;text-transform:uppercase; margin-top:15px;}
.page_box .page_tit p{color: #666;padding: 10px 0 26px;position: relative;}
.page_box .page_tit:after {content: '';display: block;width: 15px; height: 2px;background-color: #0062B0;position: absolute;left: 0;bottom: 0;transition: 0.3s ease-in-out;}



/*==================大事记=================*/
.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:20px; 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:13px; line-height:20px; margin-bottom:10px; color:#666; }


/*======================企业文化======================*/
.wenhua{}
.wenhua li{ position:relative;  margin-bottom:15px; border-radius:3px; 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; }


/*======================核心竞争力======================*/

.hexin{}
.hexin li{width:100%; text-align:center;0  box-sizing:border-box; margin-bottom:30px;}
.hexin li .ico img{-webkit-transform: rotatey(180deg); transform: rotatey(180deg); width:45px;}
.hexin li h3{ font-size:16px; margin:15px 0 10px 0;}
.hexin li p{ font-size:12px; color:#777; line-height:1.6em;}



/*======================分支机构======================*/
.list_zhaoshang{}
.list_zhaoshang .pic img{width:100%; display:block;}
.list_zhaoshang .txt{background: #fff; padding: 0 15px 15px 15px; border: solid 1px #e8e8e8; border-top: 0; margin-bottom: 30px; position:relative;}
.list_zhaoshang .txt .tit{ font-size:16px; padding:20px 0 20px 0; line-height:25px;}
.list_zhaoshang .txt .info{}
.list_zhaoshang .txt .info dd{margin-bottom:10px; position:relative; padding-left:35px; line-height:24px; font-size:13px;}
.list_zhaoshang .txt .info img{position:absolute; left:0; top:0; width:25px;}
.list_zhaoshang .txt .more {display: block;width: 30px; height:30px; background: #00b0ec url(../images/img12.png) center no-repeat; position: absolute;z-index: 10;right: 0; bottom: 0;}


/*分支机构内容*/
.zhaoshang_nr{}
.zhaoshang_nr h1{margin:15px 0 15px 0; font-size:18px; text-align:center; line-height:24px;}
.zhaoshang_nr .nr{line-height:24px; color:#5a5a5a; }
.zhaoshang_nr .nr p{text-align:justify; margin-bottom:15px;}


.zhaoshang_info { margin-top:10px;}
.zhaoshang_info li { padding:15px 0; overflow: hidden;transition: .5s;margin: 10px 10px; position:relative; background:#f0f5f9; border-radius:5px; line-height:1.5em;}
.zhaoshang_info img{ margin-bottom:5px; width:36px;}


	
/*======================资质荣誉列表页======================*/	
.photos{}
.photos figure{width:46%; margin:0 2% 40px 2%; position:relative;background:#f8f8f8; display:table; table-layout: fixed; text-align:center;  float:left; }
.photos figure a{width:100%; height:160px; position:relative; display:table-cell; vertical-align:middle}
.photos figure a img{max-width:85%;max-height:86%;display: inline-block;opacity:1;}
.photos figure p{ position:absolute; left:0; bottom:-25px; width:100%; text-align:center; font-size:12px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.photos figure .zoom_in{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/icon-sq1.png) no-repeat center rgba(0,0,0,0.46); z-index:9; transition:0.5s all; opacity:0;}
.photos figure:hover .zoom_in{opacity:1; cursor:pointer;}	


/*======================专家团队======================*/	
.team_list{}
.team_list li{ border-bottom:solid 1px #e8e8e8; padding-bottom:15px;  margin-bottom:20px;}
.team_list li .pic{width:100%; overflow:hidden;}
.team_list li .pic img{width:100%; display:block; margin-bottom:10px;}
.team_list li .txt{width:100%;}
.team_list li .txt h5{font-size:14px; margin:10px 0; }
.team_list li .txt p{line-height:1.6em; text-align:justify; font-size:14px; color:#666;}


/*======================产品频道页======================*/
.product_list li {background: #fff; position:relative; width:100%; height:150px; margin-bottom:15px; }
.product_list li a {display: block; height:100%; }

.product_list li .txt {  left:4%;width: 50%; height:100%; position:relative;}
.product_list li .txt h3{font-size:14px;color: #1a1a1a; line-height:1.5em; text-align:left;position: relative;padding-bottom:10px;margin-bottom:10px;}
.product_list li .txt h3::before,.product_list li .txt h3::after {content: '';display: block;width: 100%;height: 2px;background: #e8e8e8;position: absolute;left: 0;bottom: 0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.product_list li .txt h3::before {width:25%;background: #00b0ec ;z-index: 3;}

.product_list li .txt h5{font-size: 12px;line-height: 24px; color: #999999;font-weight:normal; text-align:left;}
.product_list li .txt h6{ text-align:left; width:80px; font-size: 12px;color: #999999;font-weight:normal;margin:10px 0 0;background: url("../images/right1.png") right center no-repeat; background-size:10px auto;}

.product_list li .pic{ position:absolute;width: 45%; height:100%; right:0; top:0; text-align:center;}
.product_list li .pic img{max-width:80%; max-height:80%; transition:0.4s all;}
.product_list li a:hover h3::before {width: 100%;}
	
.img_center {position: absolute;display: block;left: 0;top: 0;bottom: 0;right: 0;margin: auto;}	


/*======================产品内容页======================*/

/*产品图片*/
.pro_con1{ width:100%;  background: url(../images/pro_bg.jpg) center center no-repeat; background-size: cover; padding-bottom:15%;}
.pro_con1 h1{font-size:20px; line-height:1.5em; color:#fff; text-align:center; font-weight:normal; padding-top:15%; margin-bottom:5%;}

.pro_con1 .more{ text-align:center;}
.pro_con1 .more a{width:60%; line-height:38px; display:inline-block; background:#00b0ec; color:#fff; text-align:center; border-radius:38px; font-size:16px;}

.pro_con1 .pic{width:100%; text-align:center;  margin:10% 0 10% 0;}
.pro_con1 .pic img{max-width:80%;  display:inline-block;}


/*弹窗*/
.tc{transition:all ease 300ms;position:absolute;width: 100%; height:auto; top: 0;left: 0;z-index: 9999999999; background:#fff;}
.tc{ pointer-events: none;  filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;transform:scale(0.8);}
.tc.act{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;  pointer-events: auto;transform:scale(1);}


.buy_form{padding:30px 25px; background:#fff; box-sizing:border-box;z-index:2;}

.buy_form .close{position:absolute; top:25px; right:25px; cursor:pointer;}

.buy_form .log{}
.buy_form .tit{font-size:20px; color:#000; margin-bottom:20px;}
.buy_form .info{ line-height:1.5em; color:#888; font-size:12px; border-bottom:solid 1px #ddd;  margin-bottom:25px; padding-bottom:10px;}

.buy_form .left,.buy_form .right{width:100%; margin-top:20px;}
.buy_form .left p,.buy_form .right p{font-size:14px; color:#000; margin-bottom:5px;}
.buy_form .left p span,.buy_form .right p span{color:#ff0000;}
.buy_form  label input{padding: 10px;width:100%; margin-bottom:10px;box-sizing:border-box;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 3px;
    font-size: 14px;}
.buy_form  label textarea{ width: 100%; height:71px;padding: 10px;border: 1px solid rgba(0,0,0,.1);border-radius: 3px; box-sizing:border-box;}


.buy_form .submit{ border:none; font-size:15px; cursor:pointer; text-align:center; color:#fff; background:#0062B0; font-family:"微软雅黑";border-radius: 3px; transition:0.3s all; width:100%; height:46px; line-height:32px;}
.buy_form .submit:hover{ background:#FF8B10; color:#fff; text-decoration:none;}


/*产品优势*/
.pro_ys{ text-align:center; }
.pro_ys li { display:inline-block;overflow: hidden;transition: .5s; position:relative;  text-align:center; font-size:12px; width:22%; margin-bottom:20px;}
.pro_ys li .ico{ height:55px; width:55px; border:solid 1px #999; border-radius:50%; margin:auto; margin-bottom:10px; position:relative;}
.pro_ys li .ico img{width:25px; }


/*应用场景*/
.pro_con3{background:#efefef; padding:1px 0 40px 0;}
.pro_con_p p{text-align:left;}
#yycj {width:100%;height:150px;  }
#yycj .swiper-wrapper{ }
#yycj .swiper-slide img{height:100%;  transition:0.3s all;}
#yycj .swiper-slide { position:relative;
      text-align: center; overflow:hidden;
      background: #fff; transition:0.3s all;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  transform: scale(0.8);
    }

#yycj .swiper-slide .txt{ position:absolute; left:0;top:45%;width:100%; background:rgba(0,0,0,0);  color:#fff; font-size:18px; opacity:0; transition:0.3s all;}	
#yycj .swiper-slide-active .txt{ opacity:1; }
#yycj .swiper-slide-active{transform: scale(1); overflow:visible; z-index:9; transition:0.3s all;}



/*----技术参数表格----*/
.pro_con4{width:100%;}
.pro_con4 table{ border:0px solid #333; border-collapse:collapse; line-height:1.3em; width:100%;}
.pro_con4 table td{padding:3px 5px; border:1px solid #ccc; font-size:12px;}
.pro_con4 table tr:nth-child(1){height:40px; line-height:40px; font-size:14px; background:#0062B0; color:#fff; }

.pro_con4 {color:#666;}
.pro_con4 p {line-height:1.6em;margin-bottom:10px; text-align:justify;}
.pro_con4 p img{max-width:92%;}


/*======================核心技术======================*/
.hxjs_table{width:100%;}
.hxjs_table table{ border:0px solid #333; border-collapse:collapse; line-height:1.5em; width:100%; font-size:13px;}
.hxjs_table table td{padding:2px 2px; border:1px solid #ccc;}
.hxjs_table table tr:nth-child(1){height:40px;  font-size:14px; background:#0062B0; color:#fff; }



	
/*======================解决方案======================*/	

.fangan_list{}
.fangan_list li{width:100%;  margin:0 0 15px 0;}
.fangan_list li .pic {overflow:hidden; background:#000;}
.fangan_list li .pic img{width:100%; display:block; transition:0.35s all;}
.fangan_list li .txt{ width:100%; padding:15px 10px; background:#f6f6f6; box-sizing:border-box; position:relative; transition:0.3s all; overflow:hidden;}
.fangan_list li .txt h5{font-size:15px; line-height:1.5em; font-weight:normal; margin-bottom:10px;/*overflow: hidden; text-overflow: ellipsis;white-space: nowrap;*/}
.fangan_list li .txt p{ line-height:1.6em;color:#666; margin-bottom:15px; font-size:13px;
	/*多行文本溢出现实省略号*/
  display: -webkit-box;  /*将对象作为弹性伸缩盒子模型显示 。*/
  display: -moz-box;
  overflow: hidden;   /*溢出隐藏*/
  text-overflow: ellipsis;  /*可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/
  /*word-break: break-all; 文本强制换行*/
  -webkit-box-orient: vertical;  /*文本被水平或垂直排列。*/
  -webkit-line-clamp:2;   /*用来限制在一个块元素显示的文本的行数。*/
}












/* 人才招聘 */
#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;}





.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;}




/*新闻分页*/
.m_news_list{}
.m_news_list li{border-bottom:solid 1px #ddd; 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:15px; font-weight:normal; line-height:24px; margin-bottom:5px;  }
.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:2;   /*用来限制在一个块元素显示的文本的行数。*/	
}
.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:1.8em; text-align:justify;overflow: hidden; color:#555;}
.neirong img{max-width:100%;  border-radius:3px;}
.neirong p{margin-bottom: 15px;font-size: 14px;}

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


/* 人才招聘 */
.job_hd{background:#0062B0; color:#fff; line-height:36px;  box-sizing:border-box; font-size:14px;}
.job_list span{display:inline-block; width:63%; padding-left:10px; box-sizing:border-box;}
.job_list span:last-child{width:35%; text-align:center;}

#job_bd{  position:relative;margin-bottom:30px}
#job_bd dl{border-bottom:1px solid #e8e8e8; position: relative; }
#job_bd dt{display:block; padding:15px 0 15px 0px; box-sizing:border-box; font-size:14px; cursor:pointer; }

#job_bd dt{ background:url('../images/arr_down.png') right center no-repeat; background-size:15px auto; transition:0.3s all;}
#job_bd dt.on{ background:url('../images/arr_up.png') right center no-repeat #e8e8e8; background-size:15px auto;}
#job_bd dd{ display:none; line-height:24px; background:#fafafa;padding:10px 5px 15px; position:relative; font-size:12px;}
#job_bd dd strong{margin:10px 0 5px 0; display:block;}
#job_bd dd p{  margin-bottom:5px;  color:#444; font-size:12px; line-height:20px;}
#job_bd dd a{position: absolute; right: 25px; bottom: 35px; display: block; width: 108px; height: 32px; line-height: 32px; text-align: center; background:#FF8B10; border-radius: 32px; color:#fff;}

.yp{ padding:50px; text-align:center;}
.yp h5{font-size:25px; font-weight:normal;}
.yp h5:after {content: "";display: block;width: .18rem;background: #0062B0;height: 2px;margin: 15px auto 15px auto;}
.yp p{font-size:16px;}



/*======================联系我们======================*/	
.page_contact{}
.page_contact li{  position:relative; background:url(../images/bg_map.png) no-repeat right bottom; margin-bottom:15px; border:solid 1px #ddd; box-sizing:border-box; padding:20px 15px; border-radius:3px;}
.page_contact li h3{font-size:16px;line-height:1.5em; margin-bottom:15px;}
.page_contact li p{line-height:1.5em; margin-top:10px; color:#666; font-size:13px; transition:0.5s all;}

#bnt_map{ position: absolute; right: 55px; display: block; bottom: 45px; width: 15px; height: 25px;} 
#bnt_map img{width:100%;} 





/*向上*/
.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;}