body {
  font-family: '微软雅黑', sans-serif;
  color: #333333;
  margin: 0; 
  padding: 0;
  font-size: 16px;
  line-height: 30px;
}

h1, h2, h3, h4, h5,
.line div {
    font-family: '微软雅黑', sans-serif;
  font-weight: 600;
  color: #000;
  margin: 10px 0;
}

h1 {
  font-size: 48px;
}

h2 {
  font-size: 40px;
}

h3 {
  font-size: 32px;
  line-height: 70px;
  font-weight: 400;
  color: #333;
  text-align: center;
}

h4 {
  font-size: 22px; font-weight: normal;margin: 0; padding: 20px 0; text-align: center;
}

h5 {
  font-size: 18px; color: #167dde; line-height: 30px;
}



.input-group .btn {
  height: 40px;
}

a, .btn {
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  text-decoration: none;
  color:#333;
}
a:hover,.btn:hover{
    text-decoration: none;
}
ul,li{ margin: 0; padding: 0;}
li{list-style-type: none;}
.w1200{ width: 1200px; margin: 0 auto; display: block; clear: both;}
.w100{ width: 100%; margin: 0 auto; display: block; clear: both;}
.w50{ width: 50%;}
.fl{float: left;}
.fr{float: right;}
.pos_r{ position: relative;}
.pos_a{ position: absolute;}
.blank1{width: 100%; height: 10px; display:block; clear: both;}
.blank4{width: 100%; height: 40px; display:block; clear: both;}
.blank5{width: 100%; height: 50px; display:block; clear: both;}
.blank6{width: 100%; height: 600px; display:block; clear: both;}
.clear{ clear:both; }
.text_left{ text-align: left;}
.sty_indent{text-indent: 2em;}
.container{ padding:20px 0px;  margin-left:0; margin-right: 0; }

.totop{ position: fixed; bottom: 50px; right: 20px; z-index: 999;}

/* 轮播图 */
        #flash{width:100%;height:842px; position: relative;}
        #flash #play{width:100%;height: auto;list-style: none;position:absolute;top:0px;left:0px;}
        #flash #play li{display: none;position:absolute;top:0px;left:0px;width:100%;}
        #flash #play li img{float: left;width:100%;}
        #button{position: absolute;bottom:5%;left:45%;list-style: none;}
        #button li{margin-left: 10px;float: left;}
        #button li div{width:12px;height: 12px;background:#DDDDDD;border-radius: 6px;cursor: pointer;}
        #prev{width:40px;height:63px;background:url(../images/arrow.png) 0px 0px; opacity: .6; position: absolute;top:45%; left:3%; z-index: 1000;}
        #next{width:40px;height:63px;background:url(../images/arrow.png) -40px 0px; opacity: .6; position: absolute;top:45%; right:3%; z-index: 1000;}
        #prev:hover{background:url(../images/arrow.png) 0px -62px;}
        #next:hover{background:url(../images/arrow.png) -40px -62px;}
        
/* menu */
.menu {
  position: relative;
  display: block;
  height: 80px;
  width: 100%;
  line-height: 100px;
  background-color: #005dc3; 
  background: linear-gradient( rgba(0, 78, 221) 0%, rgba(1, 35, 145) 100%);
  background: -webkit-linear-gradient( rgba(0, 78, 221) 0%, rgba(1, 35, 145) 100%);
  border-bottom: 1px solid #82e6ff;
  clear:both; 
}
.menu .container {
  /* Mega menu support */
  position: relative;
}
.menu .brand {
  float: left;
  width: 180px;
  height: 80px;
  margin-right: 80px;
  margin-top:-15px;
  background-image: url(../images/logo.png);
  background-repeat:no-repeat;
  background-position: 0 30px;
}
.menu .brand img {
  width: 100%;
}
.menu .brand a {
  text-decoration: none;
}

.menu ul {
  margin: 0 auto;
  display: inline-block;
  padding: 0;
  z-index: 9;
}
.menu ul > li {
  float: left;
  display: block;
}

.menu ul > li > a {
  display: block;
  font-size:18px;
  color: #ffffff;
  line-height: 80px;
  padding-left:15px;
  padding-right:15px;
  text-decoration: none; 
  position: relative;
  z-index: 1;
}
/* .menu ul > li > a i {
  margin-left: 5px;
} */
.menu ul > li > a.now {  
  background: linear-gradient( rgba(21,53,175,1) 0%, rgba(24,171,255,1) 100%);
  background: -webkit-linear-gradient( rgba(21,53,175,1) 0%, rgba(24,171,255,1) 100%);
  height: 79px;
} 
.menu ul > li > a.now:after{
  content: ' ';
  position: absolute;
  z-index: 1;
  top: 79%;
  left: 0;
  width: 0;
  height: 0;
  }

.menu ul > li:hover > .dropdown-menu {
  visibility: visible;
  opacity: 1;
  transition: all .3s;
  -moz-transition: all .3s;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transform: scale(0);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  min-width:135px;
   border-left:1px solid rgba(75,181,255,.5);
   border-right:1px solid rgba(130,230,255,.7);
   border-bottom:1px solid rgba(130,230,255,.5);
}
.menu ul > li .dropdown-menu {
  background: linear-gradient(to right, rgba(21,53,175,0.7) 0%, rgba(24,171,255,0.7) 100%);
  background: -webkit-linear-gradient(to right, rgba(21,53,175,0.7) 0%, rgba(24,171,255,0.7) 100%);
  border-radius: 0;
  border: none;
  top:80px;
 /* box-shadow: 0 20px 60px #ddd; */
  opacity: 0;
  visibility: hidden;
  transform: scale(0.5);
  -moz-transform: scale(0.5);
  -webkit-transform: scale(0.5);
  -o-transform: scale(0.5);
  transition: all .2s;
  -moz-transition: all .2s;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
}
.menu ul > li .dropdown-menu.megamenu {
  display: block;
  margin: 0;
  left: 15px;
  right: 15px;
  z-index: 1999;

}

.menu ul > li .dropdown-menu > li {
  float: none;
  display: block;
  position: relative;
}

.menu ul > li .dropdown-menu > li > a {
  width: auto;
  position: relative;
  overflow: hidden;
  transition: all .2s;
  -moz-transition: all .2s;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  padding: 13px 20px;
  line-height: 30px;
  font-size:16px;
}
.menu ul > li .dropdown-menu > li > a:hover{
   background-color: #18a9fe;    
   color:#fff;
}

.menu ul > li .dropdown-menu > li ul {
  position: absolute;
  left: 230px;
  top: 0;
}*/
.banner_2{ width: 100%; height: 500px; display: block;}
.title_1{background: url(../images/icons.png) 0 0; width: 314px; height: 78px;;}
.more_cn{ font-size: 14px; border: 1px solid #8f8f8f; background-color: #f2f2f2; display: inline-block; padding:0 5px; line-height: 25px;}
.more_cn:hover{ background-color:#e60021; color: #fff;border: 1px solid #e60021}

/* 首页-主营业务 start */
.zyywwrap{ width: 100%; display: inline-block; background: url(../images/zyyw_bg.jpg) ; padding-top: 10px; padding-bottom: 40px; float: left;clear:both;}
.title_2{background: url(../images/icons.png) 0 -116px; width: 314px; height: 78px;}


.liubianwrap{ position: relative; height: 420px; float: left;}
.liubian{position: relative;  }
.liubian01{ left: 0; top:140px;}
.liubian02{ left: 222px; top:-270px;} 
.liubian03{ left: 450px; top:-380px;}
.liubian04{ left: 672px; top:-790px;}
.liubian05{ left: 900px; top:-900px;}
.liubiantext01,.liubiantext02,.liubiantext03,.liubiantext04,.liubiantext05{font-size: 16px; color: #777; line-height: 20px; text-align: center; position:absolute;}
.liubiantext01{ left: 80px; top:-55px;}
.liubiantext02{ left: 115px; top:273px;}
.liubiantext03{ left: 95px; top:-55px;}
.liubiantext04{ left: 110px; top:273px;}
.liubiantext05{ left: 95px; top:-35px;}

.liubian_img:hover{
 opacity: .5;
 transition: all .5s;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  -o-transition: all .5s; 
  -webkit-transition: -webkit-transform .2s ease-out, opacity .3s ease-out;
          transition: transform .2s ease-out, opacity .3s ease-out; 
  }
  .liubian_img:after{ }
  .mark{ position: absolute; left: 0; top: 0; z-index: 10; opacity:.5; }
  
/* 首页-主营业务 end */

/* 首页-工程案例 start */
.projectcasewrap{ width:100%; height: 714px; padding-top: 40px; display: block; background-image: url(../images/home_bg.jpg);clear:both;}
.title_3{background: url(../images/icons.png) 0 -250px; width: 314px; height: 78px;}
.proimgwrap{ width: 1350px; margin:20px auto; padding: 20px 70px; background-color: rgba(255,255,255,.5); border: 1px solid rgba(255,255,255,.8); clear: both;}
.proimgwrap ul{ display: flex; flex-direction: row; justify-content: space-between;}
.proimgwrap ul li img{border: 1px solid #fff;}
.proimgwrap ul li a:hover{ opacity: .5;}
.protextwrap ul{display: flex; flex-direction: row; justify-content: space-around;}
.protextwrap ul li{ width:260px; font-size: 15px; line-height: 25px; }
.protextwrap ul li p.title{ color: #004ea2; font-size:20px; text-align:center; margin-bottom:10px; font-weight: 800;}
/* 首页-工程案例 end */

/* 首页-领导关怀 start */
.leaderwrap{ width: 100%; margin-top: 1px; display: flex; flex-direction: row;}
.leaderleft{ width: 35%;}
.leaderright{ width: 65%;}
.leaderleft_blue{ width: 100%; height: 104px; background-color: #25a5ff; position: relative;}
.title_4{background: url(../images/icons.png) 0 -386px; width: 314px; height: 95px; position: absolute; top:65px; right: 0;}
.leadermore{ position: absolute; right: 223px; top: 300px;}
.loopimg{ margin-bottom: 15px;}
.loopimg td{ text-align: center; font-size: 15px; line-height: 25px; color: #666;}
.loopimg td img{ width: 387px; height: 285px; margin: 10px; margin-top: 104px; border: 1px solid #eee;}
.loopimg td a:hover{ opacity:.5;}
.loopline1{ border-bottom: 3px solid #e60021; width: 15%; margin: 20px 0; }
.loopline2{ border-bottom: 3px solid #eee; width: 85%; margin: 20px 0; }

/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/
#demo::-webkit-scrollbar {
width: 4px; /*对垂直流动条有效*/
height: 4px; /*对水平流动条有效*/
}

/*定义滚动条的轨道颜色、内阴影及圆角*/
#demo::-webkit-scrollbar-track{
/* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); */
background-color: #eee;
border-radius: 3px; 
}

/*定义滑块颜色、内阴影及圆角*/
#demo::-webkit-scrollbar-thumb{
border-radius: 7px;
-webkit-box-shadow: inset 0 0 6px rgba(266,137,150,2);
background-color: #e60021;
}

/*定义两端按钮的样式*/
#demo::-webkit-scrollbar-button {
background-color:#fff;
}

/*定义右下角汇合处的样式*/
#demo::-webkit-scrollbar-corner {
background:#fff;
}
/* 首页-领导关怀 end */

/* 首页-新闻中心 start */
.homenewswrap{ width: 100%; height: 640px; margin-top: 40px; display: block; clear: both; background: url(../images/newsbg.jpg) no-repeat ;}
.title_5{background: url(../images/icons.png) 0 -540px; width: 340px; height: 95px; position: absolute; top:40px; left: 0;}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{ background-color: #004ea2; color: #fff; border:1px solid transparent; }
.nav-tabs>li.active::after,.nav-tabs>li>a:hover::after{ font-family: "iconfont" !important; content: "\e637"; color:#004ea2; font-size: 20px; position: absolute; top:16px; left:30px;}

.tabtitle{  position: absolute; right: 0; top: 60px;}
.nav>li>a{ padding: 3px 10px; font-size: 14px;}
.nav-tabs{ border-bottom: none;}
.nav-tabs>li>a{ background-color: #ddd; border: 1px solid #aaa; }
.nav-tabs>li>a:hover{ background-color: #004ea2; color: #fff; border: 1px solid #004ea2; }

/* .nav-tabs>li:after{ width:0;height:0;border-bottom:10px solid #004ea2;border-left:10px solid transparent;} */

.newswrap{ width: 100%; display: inline-block; margin-top: 180px; }
.news_left{ width: 60%; padding: 1%; float: left; background-color: #fff; border: 1px solid #999; position: relative;}
.news_left:hover{ background-color: #e2f3ff; cursor: pointer;}
.news_left img{width:322px; height: 234px;}
.news_left p{ font-size: 15px; line-height: 26px; margin: 0;}
.kuang{ background-image: url(../images/kuang.png); width: 214px; height: 301px; position: absolute; z-index: 99; left: 60px; top: -20px;}
.newsmorewrap{ width:720px; position: relative;}
.newsmore{ position: absolute; right: 0; top: -40px;}

.news_right{ width: 38%; margin-left: 2%; float: left; }
.news_right a{ display: flex; flex-direction: row; padding-left:10px; padding-bottom: 10px; padding-right: 10px; margin-bottom: 10px; }
.news_right a:hover{ background-color:rgb(255,255,255,.6);}
.news_right p{ margin: 0; line-height: 25px; }
.newnum{  background-color: #25a5ff; color: #fff; font-size: 18px; padding:0  12px; height: 34px; line-height: 34px; margin-top: 12px; margin-right: 15px; text-align: center;}
.newsdate{ color: #25a5ff; font-size: 14px;}
/* 首页-新闻中心 end */

/* footer start */
.footer{ width: 100%; background-color: #033267; color: #fff; font-size: 14px; display: block; clear: both; display: flex; flex-direction: row; margin-top: 1px; padding-top: 50px; padding-bottom: 50px;} 
.footerbor{ border-left: 1px solid #7691af;}
.footer ul{ display: flex; flex-direction: row; justify-content:space-around;}
.footer ul li{text-align: center;}
.footer ul li.banquan{ font-size: 12px; line-height: 20px; color: #eee; margin-top: 50px;}
.footer ul li.dingyue,.footer ul li.fuwu,.footer ul li.weibo,.footer ul li.douyin,.footer ul li.rednote,.footer ul li.shipinhao{ width: 90px; height: 94px; padding-top: 110px; }
.footer ul li.dingyue{ background: url(../images/dingyuehao.jpg) no-repeat;}
.footer ul li.fuwu{background: url(../images/fuwuhao.jpg) no-repeat;}
.footer ul li.weibo{background: url(../images/weibo.jpg) no-repeat;}
.footer ul li.douyin{background: url(../images/erweima-douyin.jpg) no-repeat;}
.footer ul li.rednote{background: url(../images/erweima-xiaohongshu.jpg) no-repeat;}
.footer ul li.shipinhao{background: url(../images/erweima-shipinhao.jpg) no-repeat;}
/* footer end */

/* 二级页面banner */
.banner_pro,.banner_case,.banner_gongyi,.banner_news,.banner_leader,.banner_jianjie,.banner_jiejue,.banner_geju,.banner_us,.banner_geju1,.banner_geju2,.banner_geju3,.banner_geju4{width:100%;height: 500px;  display: block; clear: both; background-position: center center; background-size:cover;  }
.banner_pro{ background-image: url(../images/banner-pro.jpg); background-repeat: no-repeat; }
.banner_case{  background-image: url(../images/banner-anli.jpg); background-repeat: no-repeat;  }
.banner_gongyi{  background-image: url(../images/banner-gongyi.jpg); background-repeat: no-repeat; }
.banner_news{  background-image: url(../images/banner-news.jpg); background-repeat: no-repeat; }
.banner_leader{  background-image: url(../images/banner-leader.jpg); background-repeat: no-repeat;  }
.banner_jianjie{ background-image: url(../images/banner-jianjie.jpg); background-repeat: no-repeat;  }
.banner_jiejue{  background-image: url(../images/banner-jiejue.jpg); background-repeat: no-repeat;  }
.banner_geju{  background-image: url(../images/banner-geju.jpg); background-repeat: no-repeat;  }
.banner_us{background-image: url(../images/banner-us.jpg); background-repeat: no-repeat;  }
.banner_geju1{  background-image: url(../images/banner-geju1.jpg); background-repeat: no-repeat;  }
.banner_geju2{  background-image: url(../images/banner-geju2.jpg); background-repeat: no-repeat;  }
.banner_geju3{  background-image: url(../images/banner-geju3.jpg); background-repeat: no-repeat;  }
.banner_geju4{  background-image: url(../images/banner-geju4.jpg); background-repeat: no-repeat;  }


/* .nav_2{width:1200px; height: 46px; line-height: 46px; background-image: url(../images/nav2bg.jpg);background-repeat: no-repeat; margin: 1px auto;}
.nav_2 ul{  text-align: center; display: flex; flex-direction: row; justify-content: center; }
.nav_2 li span{ display: inline-block; height: 46px;line-height: 46px; text-align: center; color: #fff; padding-right: 20px; padding-left: 20px; cursor: pointer;}
.nav_2 li::after{content:"|";font-size: 12px; color: rgb(255,255,255,.5); }
.nav_2 li:last-child::after{content:""}
.nav_2 li:hover,.nav_2 li.active{ background-color:#e60021; height: 46px;} */


.nav-2 { width:1200px; height: 46px; line-height: 46px; background-image: url(../images/nav2bg.jpg);background-repeat: no-repeat; margin: 1px auto;}
.nav-2.navFix {position: fixed;top: 0;left: 0; right:0;  z-index: 99999;} 
.nav-2 ul {text-align: center; display: flex; flex-direction: row; justify-content: center; }
.nav-2.navFix ul{ border-bottom: 0;}
.nav-2 li span {display: inline-block; height: 46px;line-height: 46px; text-align: center; color: #fff; padding-right: 20px; padding-left: 20px; cursor: pointer;}
.nav-2 li::after{ content:"|"; font-size: 12px; color: rgb(255,255,255,.5); }
.nav-2 li:last-child::after{content:""}
.nav-2 li:hover,.nav-2 li.active {background-color:#e60021; height: 46px; }




.title_level2{ margin-top: 40px; margin-bottom: 40px; border-left: 7px solid #25a5ff; height: 63px; display: flex; flex-direction: column; padding-left: 6px; float: left;clear: both;}
.title_level2 .en{ color:#25a5ff; font-size: 26px;  line-height: 28px; margin-bottom: 5px; float: left; font-family: "arial, helvetica"; font-weight:300;}
.title_level2 .cn{ color:#fff; font-size: 22px; background-color:#004ea2; padding: 2px 50px 2px 10px; line-height: 24px; float: left;}

.imglist,.imglist_case,.imglist_leader,.imgzizhi{ width: 1200px; display: flex; flex-direction: row; justify-content: left; flex-wrap: wrap;}
.imglist li,.imglist_leader li{ width:387px; height:285px; display: inline-block; text-align: center; margin-bottom: 90px; margin-left: 12px;}
.imgzizhi li{ width:387px; height:285px; display: inline-block; text-align: center; margin-bottom: 40px; margin-left: 12px;}
.imglist li img,.imglist_leader li img,.imgzizhi li img{width:387px; height:285px; border: 1px solid #aaa;  }
/* .imglist li img:hover,.imglist_case li img:hover,.imglist_leader li img:hover,.imgzizhi li img:hover{ opacity:.8;} */
.imglist li span,.imgzizhi li span{ display: block;  background-color: #f6f6f6; height: 40px; line-height: 40px;}
.imglist_leader li span{ display: flex; align-items:center; justify-content: center; background-color: #f6f6f6; height: 60px; line-height: 25px; padding-left: 5px; padding-right: 5px; vertical-align: middle;}

.imglist_case li{ width:387px; height: 400px; display: inline-block; margin-bottom: 90px; margin-right: 13px; }
.imglist_case li img{width:387px; height:285px; border: 1px solid #aaa;  }
.imglist_case li span{display: block;  background-color: #f6f6f6; padding: 7px; height: 175px; }

/* 产品中心二级页面 */
.pro_left{ width: 260px; padding: 10px 5px 0px 10px; float: left; background-color: #f2f2f2; border: 1px solid #dbdbdb;}
.pro_left li{ list-style-type: square; display: block; font-size: 15px; line-height: 25px; padding-top: 10px; padding-bottom: 10px; margin-bottom: 5px;  border-bottom: 1px dotted #bbb; }
.pro_left li:last-child{ border-bottom: none;}
.pro_left li:hover{ cursor: pointer;}
.pro_left li:hover,.pro_left li.active{ color: #e60021; font-weight: bold;}
.pro_left li:hover::after,.pro_left li.active::after{ font-family: "iconfont" !important; content: "\e6a4";  font-size: 14px; color: #e60021; padding-left: 2px;}
.aaa{ width: 30px; height:30px; font-size: 20px; }
.pro_rightwrap{ width: 900px;float: right;}
.pro_right{ width: 100%; margin-bottom: 50px; }
.pro_right p img{ text-align: center; display: block; margin: 30px auto; max-width: 100%; }
/* .pro_right p{ text-indent: 2em;} */
.date{ font-size: 14px; color: #666; text-align: center; line-height: 40px;}
p.line2{ width: 100%; height: 9px; background-color: #efefef;}
p.line3{ width: 100%; height: 2px; background-color: #efefef;}

/* 分页 */
.pagination-centered{ text-align: center;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{ background-color: #25a5ff; border: 1px solid #25a5ff;}
.pagination>li>a, .pagination>li>span{ color: #25a5ff; }

/* 面包屑 */
.crumb{ background-color: #f5f5f5; font-size: 14px; }
.breadcrumb{ background-color: none;}
.breadcrumb a:hover{ color:#e60021;}

/*新闻轮换*/
.mt-tabpage {
	width: 100%;
	margin: 0 auto;	
}
.mt-tabpage-title {	
	background-color: #fff;
	width: 640px;
	margin: auto;
	background: #fff;
	float:right;
}
.mtdate{ width: 16%; float: left; padding-right:2%; font-size: 14px; text-align: center; padding-top: 20px; color: #aaa;}
.mtdate span{ font-size: 40px; font-weight: 300;}
.mttitle{ width: 82%; float: left;}
.mttitle span{ font-size: 16px; display: block; padding-top: 5px; margin-bottom: 15px; white-space: nowrap;}
.mt-tabpage-title .mt-tabpage-item {
	display: block;
	width: 100%;
	height: 120px;
    color:#333;
    padding: 10px;
    vertical-align: middle;
    font-size: 14px;
    line-height: 25px;
    color: #333;
    position: relative;
}
.mt-tabpage-title .mt-tabpage-item:hover,.mt-tabpage-title .mt-tabpage-item:hover .mtdate{
	color: #fff;
}
.mt-tabpage-title .mt-tabpage-item-cur,.mt-tabpage-title .mt-tabpage-item-cur .mtdate {
	color: #fff;
	background-color: #3ca3ec;
}

.mt-tabpage-title .mt-tabpage-item-cur::before,.mt-tabpage-title .mt-tabpage-item-cur::before {
    font-family: "iconfont" !important;
    font-size:20px;
    position: absolute;
    left: -12px;
    top:40px;
    content: "\e605";
    color: #3ca3ec;
    }

.mtimgbg{
    position: relative;
    width: 550px;
	height: 360px;
    padding: 10px;
    background-color: #f1f1f1; 
    border: 1px solid #ccc;
    float:left;
    text-align: center;
    }
.mt-tabpage-count {
	position: relative;
	width: 526px;
	height: 334px;
	overflow: hidden;   
}
.mt-tabpage-cont__wrap {
	position: absolute;
}
.mt-tabpage-count .mt-tabpage-item img{ width: 526px; height: 334px; }

.newslistwrap{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
.newsw1{ width: 580px;}
.newsimglist{ width: 100%; display: block; padding:30px 0 20px 0; clear: both; /* background-color: #f2f2f2; */ float:left; }
.newsimglist ul li{ float: left; margin-right: 20px; text-align: center; font-size: 14px; color: #777;}
.newsimglist ul li:hover{ opacity: .7;}
.newsimglist ul li img{ width: 279px; height: 169px;}
.newslist{display: block; border-bottom: 1px solid #e6e6e6; float:left; padding:30px 0 20px 0;}
.newslist:hover{ background-color: #3ca3ec; color: #fff; cursor: pointer; transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  text-decoration: none; }
.newslistdate{ width: 10%; background-color: #3ca3ec; color: #fff; padding: 0 3px; text-align: center; line-height: 23px; font-size: 14px; margin-top: 5px; margin-right: 2%;}
.newslistnr{width: 88%; font-size: 14px; line-height: 25px;}
.newslistnr p{ font-size: 20px;}
.hydt,.qyxw{ font-size: 22px; font-style: italic; width: 100%; color: #25a5ff; margin-bottom: 10px; font-weight: 500;}
.qyxw{  right: 0; border-bottom: 1px solid #25a5ff; width: 84%; top: 60px; line-height: 40px; text-align: right;}
.qyxw a{font-size: 14px;  background-color: #3ca3ec; font-style: normal; margin-left: 20px; color: #fff; padding:1px 5px; }
.qyxw a:hover,.qyxwmore a:hover{ background-color: #e60021; }
.qyxwmore{margin:0 auto; width: 300px; }
.qyxwmore a{ font-size: 16px; background-color: #3ca3ec; font-style: normal;  padding:10px 50px; color: #fff; text-align: center;}
.newscenterimg{ width: 100%; height:156px; margin-bottom: 20px; display: block; clear:both; background: url(../images/banner-newscenter.jpg) no-repeat; background-size: cover;}
.mt-item-date{position: absolute; left: 0; top: 0; width:70px; font-size: 12px; text-align: center; color: #fff; background-color: #e60021;}
.mt-item-date span{ font-size: 30px; font-weight: 300; padding:12px 0 2px 0; line-height:20px; display: block;}

/* list */
.listwrap{ width: 98%; padding:2% 1%; display: flex; flex-direction: row; margin-bottom: 10px; border-bottom: 1px dotted #aaa;}
.listwrap:nth-child(2n+1){background-color: #f5f5f5;}
.listwrap:hover{ background-color: #ddd; cursor: pointer;
    transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;}
.listimg{ width: 22%; }
.listimg img{ width: 225px; height: 137px;}
.listtext{width: 68%; color: #666; font-size: 14px;}
.listdate{width: 10%; text-align: right; color: #666; font-size: 14px; padding-top: 95px;}
.geju_yinwen{ padding: 30px; border: 1px solid #ddd; margin: 50px auto;}
.geju_1 img{ margin-left: 20px; margin-bottom: 30px; float: right; clear: both;}
.geju_2 img{margin-right: 20px; margin-bottom: 30px; float: left; clear: both; }

/* 产业格局 */
.section-content{ border-bottom: 5px solid #0000FF; min-height: 500px; background: #eee; width: 1200px; margin: auto; line-height: 500px; text-align: center; }
 .nav-height{ position:relative; }
.nav-wrap { width:1200px; height: 46px; line-height: 46px; background-image: url(../images/nav2bg.jpg);background-repeat: no-repeat; margin: 1px auto;}
.nav-wrap.navFix {position: fixed;top: 0;left: 0; right:0;  z-index: 99999;} 
.nav-wrap ul {text-align: center; display: flex; flex-direction: row; justify-content: center; }
.nav-wrap.navFix ul{ border-bottom: 0;}

.nav-wrap li a {display: inline-block; height: 46px;line-height: 46px; text-align: center; color: #fff; padding-right: 20px; padding-left: 20px; cursor: pointer;text-decoration: none;}
.nav-wrap li a:hover,.nav-wrap li a.active {background-color:#e60021; height: 46px; text-decoration: none;}
.nav-wrap li::after{ content:"|"; font-size: 12px; color: rgb(255,255,255,.5); }
.nav-wrap li:last-child::after{content:""}
.nav-mobile {display: none;font-weight: bold;width: 100%;}
.click-me {}
.click-me a {display: block;color: white;}

/* 联系我们/招聘 */
.contactbg{ background: url(../images/img31.jpg) no-repeat center center; background-size: cover; width: 100%; height: 772px; padding-top: 80px; clear: both;}
.add{ width: 42%; height: 520px; float: right; background-color: #fff; border-top: 11px solid #3ca3ec;}
.map{ width: 56%; height: 520px; margin-right: 2%; float: left;}
.add p{ padding-top: 30px; padding-left: 20px;}
.add p span{ font-size: 30px; font-style: italic; color: #e60021;}

.pinwrap{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content:space-between;  }
.pinwrap div{ width: 1200px;} 
.panel-info>.panel-heading{padding: 0; background-color: #d3edff;  }
.panel-title>a{ width: 100%; display: block; padding: 6px 15px; color: #153664; font-size: 20px; padding-left: 30px; }
.panel-title>a::after{ font-family: "iconfont" !important; content: "\e637";}
.panel-info>.panel-heading+.panel-collapse>.panel-body{border-left: none; padding-left: 30px; padding-right: 30px; }
.panel-heading,.panel-body{ border: 1px solid #c1def3; line-height: 32px;background-color:#f8fcff;}

/* 知识产权 */
.chanquanwrap{ display: flex; flex-direction: row; flex-wrap: wrap; }

.chanquan{ width: 900px; display: flex; flex-direction: row; justify-content:left; flex-wrap: wrap;}
.chanquan li{width:31%; margin-right: 2%; display: inline-block; text-align: center; margin-bottom: 20px;}
.chanquan li img{width:277px; height: 402px; border: 1px solid #aaa;  }
.chanquan li img:hover{ opacity:.8;}
.chanquan li span{ display: block;  background-color: #f6f6f6; height: 40px; line-height: 40px;}
.chanquan li span{ display: flex; align-items:center; justify-content: center; background-color: #f6f6f6; height: 60px; line-height: 25px; padding-left: 5px; padding-right: 5px; vertical-align: middle;}
.borderimg img{ border: 1px solid #eee; }

/* totop */
#jump{position:fixed;bottom:150px;right:30px;width:50px;z-index:400;}
*html #jump{position:absolute;top:expression(documentElement.scrollTop + "px");margin:300px 0 0 0;}
#jump li{height:50px;overflow:hidden;}
#top{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;background:url(../images/icon_totop.png) no-repeat;}
#top:hover{background:url(../images/icon_totop2.png) no-repeat;}

.pindent p{ text-indent: 2em;}
.sty30{ font-size: 30px; color:#0d94f3;}
.sty302{ font-size: 30px; color:#e60021;}
.styjjbg{ background-image: url(../images/img58.jpg); background-repeat: no-repeat; background-position: 0 400px; padding-left: 20px; padding-right: 20px;}
.hr01{ width: 100%; margin-top: 30px; margin-bottom: 30px; border-top: 1px dotted #25a5ff;}
.tel{ font-size: 18x; color: #e60021;font-weight: bold; margin: 15px auto;}
.tel b{ font-size: 26px; font-style: italic;}

/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:15px;bottom:150px;width:70px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:rgb(51,51,51,.4);margin-bottom:8px;cursor:pointer;outline:none; border-radius: 6px; border: 1px solid #fff;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{display:none;}
.suspension .d{display:none;width:230px;background:#fff;position:absolute;right:50px; border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d-service-phone{top:0;}
.suspension .d .inner-box{padding:10px;}
.suspension .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left; margin-right: 10px;}
.suspension .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .text{float:left;line-height:22px;font-size:16px;margin-left:5px;}
.suspension .text .number{font-family:Arial;color:#ff0000; font-size: 22px; line-height: 35px; }
.suspension .text p{ margin: 0; padding: 0;}

.licheng{ width: 100%; margin: 0 auto;text-align: center; }

/*悬浮链接*/
.suspension1{position:fixed;z-index:55;left:15px;bottom:150px;width:70px;}
.suspension-box1{position:relative;float:left;}
.suspension1 .a{display:block;width:44px;height:44px;background-color:rgb(51,51,51,.4);margin-bottom:8px;cursor:pointer;outline:none; border-radius: 6px; border: 1px solid #fff;}
.suspension1 .a.active{background:#F05352;}

.suspension1 .a .i{float:left;width:35px;height:44px;}
.suspension1 .a-service-phone .i{width:20px;height:20px;margin-top:6px;margin-left:12px;color: white;}
.suspension1 .a-top .i{ font-size: 15px; color: white;text-align: center;margin-bottom:0px;}

/*新闻下划红线*/



/* .blo>.bro {
		width: 1200px;
		background-color: #f6f6f6;
		position: relative;
		bottom: 10px;
		width: 0;
		height: 4px;
		background-color: #c7161d;
	}

.blo:hover>.bro {
		width: 1200px;
		transition: width 1s;
	} */
.blo {
		width: 1200px;
		/* height: 276px; */
		position: relative;
		margin: 15px auto;
		
	}

.blo>.bro {
		position: absolute;
		bottom: 0;
		width: 0;
		height: 4px;
		background-color: #c7161d;
	}
.blo:hover {
		box-shadow: 2px 2px 20px #e6e6e6;
	}

.blo:hover>.bro {
		width: 100%;
		transition: width 1s;
	}