@charset "utf-8";
/* CSS Document */

/* 通用属性 */
* { margin:0; padding:0; list-style:none; }
body { font-size:14px; color:#000; font-family:Microsoft YaHei,sans-serif; }
img { border:0; vertical-align:top; }
html, body {width: 100%;max-width: 100%;min-width: 320px;min-height: 100%;height: auto;}
address, caption, cite, code, dfn, em, th, dt, var {font-style: normal;font-weight: normal;}

/* a */
a { color:#333; text-decoration:none; }
a:visited { }
a:active, a:hover { text-decoration:none; color:#0d58a6; }
a:focus { outline:none; text-decoration:none; }
h1,h2,h3,h4,h5,h6 { font-weight:normal; }
h1,h2,h3,h4,h5,h6,p,ol,ul{padding: 0;margin: 0;}
:focus{outline: none;}
.ovfl{overflow: hidden;}
.ishow{display: block;}
.ihide{display: none;}
.flex { 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; }
.lflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; }
.ltflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:flex-start; -ms-flex-align:flex-start; -webkit-align-items:flex-start; align-items:flex-start; }
.lbflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:flex-end; -ms-flex-align:flex-end; -webkit-align-items:flex-end; align-items:flex-end; }
.rflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; }
.rtflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:flex-start; -ms-flex-align:flex-start; -webkit-align-items:flex-start; align-items:flex-start; }
.rbflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:flex-end; -ms-flex-align:flex-end; -webkit-align-items:flex-end; align-items:flex-end; }
.mflex { 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; flex-direction:column; -webkit-flex-direction:column; text-align:center; }
.mtflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; flex-direction:column; -webkit-flex-direction:column; text-align:center; }
.mbflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; flex-direction:column; -webkit-flex-direction:column; text-align:center; }
.transition300em{transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;}
.donghua{-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
::after, ::before {-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.dhwz{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.mar0a{margin: 0 auto;}
.h160{height: 160px;}
.fl{float: left;}
.fr{float: right;}
input { border-radius:0; -webkit-appearance:none; appearance:none; background:none; border:0; box-shadow:0 0 0; font-size:14px; }
textarea { border-radius:0; -webkit-appearance:none; appearance:none;  background:none; border:0; box-shadow:0 0 0; font-size:14px; }
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{vertical-align: middle;}




/*翻页样式*/
.metpager_1{ text-align:center;}
.metpager_2{ text-align:center;}
.metpager_3{ text-align:center;}

#flip{line-height: 25px;}
.digg4{ padding:3px; margin:3px; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
.digg4 a,.digg4 span.miy{ margin:2px; text-decoration:none;}
.digg4 .disabledfy{ font-family: Tahoma, Verdana;}

.metpager_4 a,.metpager_4 span.miy{ border:1px solid #aaaadd; padding:2px 5px 2px 5px; color:#009;}
.metpager_4 a:hover { border:1px solid #009; color:#000;}
.metpager_4 a:active {border:1px solid #009; color:#000;}
.metpager_4 span.current { border:1px solid #009; background-color:#009; padding:2px 5px 2px 5px; margin:2px; color:#FFFFFF; text-decoration:none;}
.metpager_4 span.disabled { border:1px solid #eee; padding:2px 5px 2px 5px; margin:2px; color:#ddd;}

.metpager_5 a,.metpager_5 span.miy{ border:1px solid #ccdbe4; padding:2px 8px 2px 8px; color:#00205b; display: inline-block; }
.metpager_5 a:hover { border:1px solid #00205b; color:#fff; background-color:#00205b;}
.metpager_5 a:active {border:1px solid #009; color:#000;}
.metpager_5 span.current { padding:2px 8px 2px 8px; margin:2px; color:#00205b; text-decoration:none;display: inline-block;}
.metpager_5 span.disabled { border:1px solid #ccdbe4; padding:2px 8px 2px 8px; margin:2px; color:#666;display: inline-block;}

.metpager_6{ color:#ff6500; }
.metpager_6 a,.metpager_6 span.miy{ border:1px solid  #ff9600; padding:2px 7px 2px 7px; background-position:50% bottom; color:#ff6500; background-image:url(../images/page/page6.jpg);}
.metpager_6 a:hover { border:1px solid #ff9600; color:#ff6500; background-color:#ffc794;}
.metpager_6 a:active {border:1px solid #ff9600; color:#ff6500; background-color:#ffc794;}
.metpager_6 span.current {border:1px solid #ff6500; padding:2px 7px 2px 7px; margin:2px; color:#ff6500; background-color:#ffbe94; text-decoration:none;}
.metpager_6 span.disabled { border:1px solid #ffe3c6; padding:2px 7px 2px 7px; margin:2px; color:#ffe3c6;}

.metpager_7 a,.metpager_7 span.miy{ border:1px solid  #2c2c2c; padding:2px 5px 2px 5px; background:url(../images/page/page7.gif) #2c2c2c; color:#fff;}
.metpager_7 a:hover { border:1px solid #aad83e; color:#fff;background:url(../images/page/page7_2.gif) #aad83e;}
.metpager_7 a:active { border:1px solid #aad83e; color:#fff;background:urlurl(../images/page/page7_2.gif) #aad83e;}
.metpager_7 span.current {border:1px solid #aad83e; padding:2px 5px 2px 5px; margin:2px; color:#fff;background:url(../images/page/page7_2.gif) #aad83e; text-decoration:none;}
.metpager_7 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;}

.metpager_8 a,.metpager_8 span.miy{ border:1px solid #ddd; padding:2px 5px 2px 5px; color:#aaa;}
.metpager_8 a:hover { border:1px solid #a0a0a0; }
.metpager_8 a:hover { border:1px solid #a0a0a0; }
.metpager_8 span.current {border:1px solid #e0e0e0; padding:2px 5px 2px 5px; margin:2px; color:#aaa; background-color:#f0f0f0; text-decoration:none;}
.metpager_8 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;}

.metpager_9 a,.metpager_9 span.miy{ border:1px solid #ddd; padding:2px 5px 2px 5px; color:#88af3f; } 
.metpager_9 a:hover { border:1px solid #85bd1e; color:#638425; background-color:#f1ffd6; } 
.metpager_9 a:hover { border:1px solid #85bd1e; color:#638425; background-color:#f1ffd6; } 
.metpager_9 span.current {border:1px solid #b2e05d; padding:2px 5px 2px 5px; margin:2px; color:#fff; background-color:#b2e05d; text-decoration:none;} 
.metpager_9 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;}



@media(min-width: 1230px){
	.container{ width: 1200px;}
}


/*banner*/
@media ( max-width: 767px) {

}


/*PC端头部*/
#head {  z-index: 99; width: 100%;}
#head .container { z-index: 999;background: #fff;box-shadow: 0 0 5px #d0cdca; height: 90px; position: relative;}
@media ( max-width: 991px) {
	#head { position: static;}
	#head .container { height: 70px; }
}
@media (max-width: 767px) {
	#head { position: static;}
	#head .container { height: 60px; }

}
#head .logo { float: left; padding-top: 12px; }
@media ( max-width: 1199px) {
	#head .logo { width: 180px; }
	#head .logo img { width: 100%; display: block; }
}
@media ( max-width: 991px) {
	#head .logo { width: 160px;padding-top: 12px;  }
	#head .logo img { width: 100%; display: block; }
}
@media ( max-width: 767px) {

	#head .logo { width: 160px;padding-top: 5px;  }
	#head .logo img { width: 100%; display: block; }
}

#head .nav_search_mail_tel {  float: right; }
#head .nav_search_mail_tel .pcnav { float: left; }
#head .nav_search_mail_tel .pcnav>ul { margin-left: 60px; display: block;}
#head .nav_search_mail_tel .pcnav>ul>li { float: left; padding: 0 10px;}
@media (max-width: 1199px) {
	#head .nav_search_mail_tel .pcnav>ul>li { padding:0 5px; }
}
#head .nav_search_mail_tel .pcnav>ul>li>a {padding:0 10px; color: #454545; line-height: 90px; font-size: 16px; display: block; position: relative; }
@media ( max-width: 1300px) { 
	#head .nav_search_mail_tel .pcnav>ul>li>a { padding:0 8px; }
 }
@media ( max-width: 1199px) { 
	#head .nav_search_mail_tel .pcnav>ul>li>a { padding:0 5px; }
 }
#head .nav_search_mail_tel .pcnav>ul>li>a::after { position: absolute; content: ''; height: 4px; width: 0%; background: #0d58a6; bottom: 0;  left: 0;}
#head .nav_search_mail_tel .pcnav>ul>li>a:hover::after { width: 100%; }
#head .nav_search_mail_tel .pcnav>ul>li.cur>a {  color:#0d58a6;  }
#head .nav_search_mail_tel .pcnav ul>li>.nav2 { text-align: center;position: absolute;top: 100%;width: 100%; left: 0; overflow: hidden;background: rgba(13,88,166,0.6);display: none; }
#head .nav_search_mail_tel .pcnav ul>li>.nav2>dt { display: inline-block;margin: 0 20px; } 
#head .nav_search_mail_tel .pcnav ul>li>.nav2>dt a { color: #fff;font-weight: normal;padding: 15px 0;display: inline-block;font-size: 16px; position: relative;}
#head .nav_search_mail_tel .pcnav ul>li>.nav2>dt a::after { content: "";display: block; border-bottom: 2px solid #fff;position: absolute;top: 73%; opacity: 0;  transition: all .3s; transform: translateY(-30px); left: 0; width: 100%; }
#head .nav_search_mail_tel .pcnav ul>li>.nav2>dt a:hover::after { opacity:1; top: 135%;}
#head .nav_search_mail_tel .pcnav>ul>li:hover a { color: #0d58a6; }
#head .nav_search_mail_tel .pcnav>ul>li:hover .nav2 { display: block;  }

/*搜索*/
.htsearch { float: right; margin-right: 30px; position: relative; padding-top: 38px;}
@media ( max-width: 1199px) {
	.htsearch { margin-right: 10px;  padding-top: 38px;}
}
.htsearch span{color: #6b6b6b; font-size: 18px;}
@media ( max-width: 991px) {
	.htsearch { margin-right: 10px;  padding-top: 30px;}
}
@media ( max-width: 767px) {
	.htsearch { padding-top: 22px;}
}
.q_search{position:absolute;right:-46px;top:90px;width:400px;background-color: rgba(13,88,166,0.6);-webkit-background-clip: padding-box;background-clip: padding-box;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);z-index:99999;display:none;}
@media ( max-width: 1199px) {
	.q_search { right:-26px; }
}
@media ( max-width: 991px) {
	.q_search { top: 70px; }
}
@media ( max-width: 767px) {
	.q_search { top:60px; }
}
.q_search .q_search1{/*padding:25px 20px;*/}
.q_search .form-group{position: relative; width: 40%; max-width: 600px;min-width: 200px; padding: 15px 0;margin: 0 auto;}
.q_search input[type="search"]{min-width: 200px; width: 95%;height: 30px;padding: 5px 30px 5px 5px;border-width: 0 0 1px; border-style: solid; border-color: #fff; color: #fff; background-color: transparent;}
.q_search .search-btn{position: absolute; right: -10px; top: 12px; width: 40px;  height: 40px; text-align: center; color: #fff; font-size: 18px;background: 0;cursor: pointer; border: 0;}
.q_search input::-webkit-input-placeholder  { color: rgba(255,255,255,0.8);  }

/*banner切换*/

#banner .swiper-button-next {background:url(../images/next.png)no-repeat center; right: 50px; width: 60px; height: 60px; display: block; bottom: 50%;}
#banner .swiper-button-prev {background:url(../images/prev.png)no-repeat center; left: 50px; width: 60px; height: 60px; display: block; bottom: 50%;}

@media ( max-width: 991px) {
	#banner .swiper-button-next {background:none; }
	#banner .swiper-button-prev{background:none; }
}


/*PC端产品中心*/
#prohome { overflow: hidden; margin-top: 60px; }

#prohome .prohome_bt h2 { font-size: 32px; line-height: 40px; text-align: center;  margin: 0 auto; margin-bottom: 40px; color: #0d58a6 }
#prohome .prohome_bt h2 span { color: #444; }
#prohome .prohome_nr { overflow: hidden; }
#prohome .prohome_nr ul { position: relative; }
#prohome .prohome_nr ul .owl-prev { position: absolute;  top: 25%; left: 0; width: 41px; height: 62px; background: rgba(0,0,0,0.3); display: block; color: #fff; font-size: 20px; text-align: center; line-height: 62px;}
#prohome .prohome_nr ul .owl-prev:hover{ background:#0d58a6; }
#prohome .prohome_nr ul .owl-next { position: absolute;  top: 25%; right: 0; width: 41px; height: 62px; background: rgba(0,0,0,0.3); display: block; color: #fff; font-size: 20px; text-align: center; line-height: 62px;}
#prohome .prohome_nr ul .owl-next:hover{ background:#0d58a6; }
#prohome .prohome_nr ul li .img_pro_nav3{ position: relative; }
#prohome .prohome_nr ul li .pro_nav3 { position: absolute; left: 0;  bottom: 0; background: rgba(0,0,0,0.6); padding: 22px;  opacity: 0;  transition: 1.5s all cubic-bezier(0.19, 1, 0.22, 1); transform: translateY(30%); width: 100%; z-index: 999;}
#prohome .prohome_nr ul li .img_pro_nav3:hover .pro_nav3{ opacity: 1;  transform: translateY(0); }
#prohome .prohome_nr ul li .pro_nav3 a { float: left;display: inline-block; padding: 6px 0;  padding-left: 1em; padding-right: 1em; color: #fff; margin-right: 5px; }
#prohome .prohome_nr ul li .pro_nav3 a:hover { background: #0d58a6; }
#prohome .prohome_nr ul li img { border: none; padding: 0px; }
#prohome .prohome_nr ul li h3 a { padding: 20px 0; color: #333333; display: block; font-size: 22px; }
#prohome .prohome_nr ul li h3 a:hover { color: #0d58a6; }
#prohome .prohome_nr ul li .pro_txt { font-size: 14px; color: #666666; line-height: 24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; overflow: hidden; }

@media ( max-width: 767px) {
  #prohome .container { padding: 0 15px !important; }
}


/*PC端行业解决方案*/
#solution { background: #f7f7f7; display: flex; padding: 30px 0px; margin-top: 70px; }
#solution .solution_bt { padding: 0;height: 100%; }
#solution .solution_bt .solution_bt_txt { width: 355px; }
#solution .solution_bt .solution_bt_txt  em{ display: block; font-size: 36px; line-height: 72px; font-weight: bold; border-top: 1px solid #0d58a6; border-bottom:1px solid #0d58a6; text-align: center;  color: #0d58a6;}
#solution .solution_bt .solution_bt_txt  h2{ font-size: 32px; line-height: 60px; text-align: center; color: #0d58a6;}
#solution .solution_bt .solution_bt_txt  h2 span { color: #333333; }
#solution .solution_bt .solution_bt_txt  p{ font-size: 14px; line-height: 28px; color: #666666; width: 70%; text-align: center; margin: 0 auto;}

#solution .solution_nr { padding: 0;}
#solution .solution_nr ul li{ padding: 45px 20px; height: 200px;}
#solution .solution_nr ul li a { overflow: hidden; }
#solution .solution_nr ul li img{  margin: 0 auto; display: block;}
#solution .solution_nr ul li:nth-child(odd){background: #f5f5f5;}
#solution .solution_nr ul li:nth-child(even){background: #fff;}
#solution .solution_nr ul li h3{ text-align: center; font-size: 14px; color: #333; line-height: 40px; }
#solution .solution_nr ul li:hover h3 { color: #0d58a6; }
#solution .solution_nr ul li p{ font-size: 14px; color: #666666; width: 80%;}


@media ( max-width: 991px) {
	#solution .solution_bt .solution_bt_txt { width: 280px; }
	#solution .solution_bt .solution_bt_txt  em {font-size: 26px;}
	#solution .solution_nr ul li { padding:5px 5px; height: 130px; }
}
@media ( max-width: 767px) {
	#solution .solution_bt { height: auto; padding-bottom: 20px;  }
}


/*PC端应用案例*/
#sy_case { overflow: hidden; margin-top: 70px; }
#sy_case .sy_case_bt h2 { font-size: 32px; line-height: 40px; text-align: center;  margin: 0 auto; margin-bottom: 65px; color: #0d58a6 }
#sy_case .sy_case_bt h2 span { color: #444; }
#sy_case .sy_case_nr { overflow: hidden; }
#sy_case .sy_case_nr ul li { float: left; margin-bottom: 30px;}
#sy_case .sy_case_nr ul li a { overflow: hidden;display: block; position: relative;}
#sy_case .sy_case_nr ul li a::after { content: '';width:55px; height: 55px; margin: 0 auto;    margin-left: -20px; margin-top: 0px;  display: inline-block;   position: absolute; top: 0%;  left: 50%;  z-index: 10; transition: all 0.6s cubic-bezier(.17,.84,.44,1) 0s; opacity: 0;  background: url(../images/sy_caseico.png) no-repeat; }
#sy_case .sy_case_nr ul li:hover a::after { margin-left: -20px;  margin-top: -45px;top: 50%; opacity: 1; } 
#sy_case .sy_case_nr ul li a img { width: 100%; display: block; }
#sy_case .sy_case_nr ul li a  h3 { background: #fff; border-bottom: 1px solid #dddddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; font-size: 14px; color: #454545; line-height: 40px; text-align: center; height: 40px; overflow: hidden; }
#sy_case .sy_case_nr ul li:hover a  h3 { background: #0d58a6; color: #fff; border-color: #0d58a6; } 
@media (max-width: 767px) {
	#sy_case .container { padding-left: 15px !important; padding-right: 15px !important; margin: 0 auto; }
}

/*PC端新闻中心*/
#sy_news { margin-top: 60px; background: #f7f7f7; }
#sy_news .container {position: relative;   }
#sy_news .sy_news_bt { position: absolute; width: 240px; height: 165px;  display: block; background: #0d58a6;  top:-40px; text-align: center; padding-top: 45px;  }
#sy_news .sy_news_bt span { font-size: 20px; color: #fff; text-transform: uppercase; font-weight: bold; line-height: 40px; }
#sy_news .sy_news_bt h2 { font-size: 32px; color: #fff; }
#sy_news .sy_newsl_nr { margin-top: 45px;  }
#sy_news .sy_newsl_nr .sy_newsl_nr_more { width: 117px; height: 32px; background: #333; display: block; color: #fff; float: right; position: relative;  text-align: center; line-height: 32px;} 
#sy_news .sy_newsl_nr .sy_newsl_nr_more::after { position: absolute; content: '';  width: 0; height: 0; border: 6px solid #f5f5f5; bottom: 0; right: 0; border-color:transparent  #f5f5f5  #f5f5f5 transparent; }
#sy_news .sy_newsl_nr .sy_newsl_nr_more:hover { background: #0d58a6; }
#sy_news .sy_newsl_nr .hd { width: 100%; overflow: hidden;}
#sy_news .sy_newsl_nr .hd ul { padding-left: 20%; }
#sy_news .sy_newsl_nr .hd ul li { float: left; }
#sy_news .sy_newsl_nr .hd ul li a { font-size: 16px; color: #333333; padding: 0 30px; display: block; position: relative; line-height: 32px;}
#sy_news .sy_newsl_nr .hd ul li.on a { color: #0d58a6; }
#sy_news .sy_newsl_nr .hd ul li a::after { display: block; opacity: 0; content: ''; position: absolute; width: 8px; height: 8px; background: url(../images/sy_newsico.png)no-repeat; top: 0; right: 20px; }
#sy_news .sy_newsl_nr .hd ul li.on a::after { opacity: 1;}  
#sy_news .sy_newsl_nr .bd { margin-top: 90px; }
#sy_news .sy_newsl_nr .bd ul { overflow: hidden; }
#sy_news .sy_newsl_nr .bd ul dl { background: #fff; display: block; overflow: hidden; padding: 20px ; }
#sy_news .sy_newsl_nr .bd ul dl a { display: block; overflow: hidden; }
#sy_news .sy_newsl_nr .bd ul dl a h3 { font-size: 17px; color: #333333; font-weight: bold; margin: 40px 0 20px 20px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; }
#sy_news .sy_newsl_nr .bd ul dl a:hover h3 { color: #0d58a6; }
#sy_news .sy_newsl_nr .bd ul dl a .sy_newsl_nrtxt1 { font-size: 14px; color: #999999; line-height: 24px; width: 90%;display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 3;   overflow: hidden; margin-bottom: 60px;  padding-left: 20px; height: 72px;}
#sy_news .sy_newsl_nr .bd ul dl a .sy_newsl_nrtime { position: relative; margin-left: 20px; padding-left: 10px;  }
#sy_news .sy_newsl_nr .bd ul dl a .sy_newsl_nrtime::after { position: absolute; content: ''; height: 80px; width: 1px; top: 0; left: 0px; display: block; z-index: 999; background: #333;  }
#sy_news .sy_newsl_nr .bd ul dl a .sy_newsl_nrtime span { font-family: 'Arial'; font-size: 20px; color: #666666; display: block; }
#sy_news .sy_newsl_nr .bd ul dl a .sy_newsl_nrtime em { font-family: 'Arial'; font-size: 15px; color: #999999; display: block; }
#sy_news .sy_newsl_nr .bd ul dl a img { width: 100%; display: block; }
#sy_news .sy_newsl_nr .bd ul li { float: left; margin-bottom: 39px; }
#sy_news .sy_newsl_nr .bd ul li img { display: block; max-width: 100%; }
#sy_news .sy_newsl_nr .bd ul li .sy_newsl_nrtxt2 { padding: 0px; margin-top: 25px; }
#sy_news .sy_newsl_nr .bd ul li .sy_newsl_nrtxt3 { font-size: 14px; color: #666666; line-height: 24px; width: 100%;display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 2;   overflow: hidden; margin: 15px 0;  height: 48px;}
#sy_news .sy_newsl_nr .bd ul li .sy_newsl_nrtxt2 h3 { font-size: 17px; color: #333; font-weight: bold; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }
#sy_news .sy_newsl_nr .bd ul li .sy_newsl_nrtxt2:hover h3 { color: #0d58a6; }
#sy_news .sy_newsl_nr .bd ul li .sy_newsl_nrtxt2 span { font-size: 16px; color: #999999; }
@media ( max-width: 1199px) {
	#sy_news .sy_newsl_nr .bd ul li { margin-bottom: 20px; }
	#sy_news .sy_newsl_nr .bd ul li .sy_newsl_nrtxt2 { margin-top: 15px; }
}
@media ( max-width: 991px) {
	#sy_news .sy_newsl_nr .bd ul dl { padding: 0px 20px 5px 20px; }
	#sy_news .sy_newsl_nr .bd ul li { margin-bottom: 20px; }
	#sy_news .sy_newsl_nr .bd ul li .sy_newsl_nrtxt2 { margin-top: 0px; }
	#sy_news .sy_newsl_nr .bd ul li .sy_newsl_nrtxt3  { margin: 5px 0; }
	#sy_news .sy_newsl_nr .bd ul dl a .sy_newsl_nrtxt1 { margin-bottom:30px; }
	#sy_news .sy_newsl_nr .hd {padding-left: 100px;  }
	#sy_news .sy_newsl_nr .sy_newsl_nr_more { display: none; }
}
@media(max-width: 767px) {
	#sy_news .sy_newsl_nr .bd { margin-top: 50px; padding-left: 15px; padding-right: 15px; }
	#sy_news .sy_newsl_nr .bd ul dl a h3 { max-width: 100%;}
	#sy_news .sy_newsl_nr .bd ul dl { padding-bottom: 15px; }
	#sy_news .sy_newsl_nr .bd ul dl a img { width: 80%; display: block; margin: 0 auto; border: 1px solid #ddd; }
	#sy_news .sy_newsl_nr .bd ul dl a .sy_newsl_nrtime {  }
	#sy_news .sy_newsl_nr .bd ul dl a .sy_newsl_nrtxt1 {  max-width: 80%; }
	#sy_news .sy_newsl_nr .bd ul li { padding-left: 0px; padding-right: 0px; }
	#sy_news .sy_newsl_nr .bd ul li img { padding-left:0px;}
	#sy_news .sy_newsl_nr .bd ul li .sy_newsl_nrtxt2 { margin-top: 0px; }
	#sy_news .sy_news_bt { display: none; }
	#sy_news .sy_newsl_nr .hd { padding-left: 0; }
	#sy_news .sy_newsl_nr .hd ul { padding-left: 0; }
}


/*PC端关于我们*/
#about { margin: 50px 0; }
#about .about_l { margin-top: 20px; }
#about .about_l em { font-size: 20px; color: #0d58a6; font-weight: bold; text-transform: uppercase;  line-height: 28px;}
#about .about_l h2 { font-weight: bold; font-size: 32px; color: #333333; }
#about .about_l a:hover h2 { color: #0d58a6; }
#about .about_l .about_l_txt { margin-top: 40px;font-size: 14px; color: #666666; line-height: 22px; max-width: 99%; text-indent: 2rem; }
#about .about_l .about_l_more { width: 117px; height: 32px; background: #333; display: block; color: #fff; float: left; position: relative;  text-align: center; line-height: 32px; margin-top: 10px;	} 
#about .about_l .about_l_more::after { position: absolute; content: '';  width: 0; height: 0; border: 6px solid #fff; bottom: 0; right: 0; border-color:transparent  #fff  #fff transparent; }
#about .about_l .about_l_more:hover { background: #0d58a6; }
#about .about_r img { width: 100%; display: block; float: right; }
@media ( max-width: 1199px) {
	#about .about_l { margin-top: 0px;  }
	#about .about_l .about_l_txt { margin-top: 15px; }
	#about .row { margin-right:0; margin-left: 0; }
}
@media ( max-width: 991px) {
	#about .about_l .about_l_txt { display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden; }
}
@media ( max-width: 767px) {
	#about .about_l { width: 100%; margin: 0 auto; }
	#about .about_r { width: 100%; display: block; margin-top: 15px; }
}


/*PC端企业愿景*/
#qyyj { margin-top: 30px;margin-bottom: 70px;  }
#qyyj .qyyj_nr { position: relative; }
#qyyj .qyyj_nr .qyyj_txt { position: absolute; top: 40px; left: 45px; z-index: 999; }
#qyyj .qyyj_nr img { width: 100%; display: block;}
#qyyj .qyyj_nr dt { position: relative; }
#qyyj .qyyj_nr dt::before { position: absolute; content: ''; z-index: 99; width: 100%; height: 100%; opacity: 0; background-color: #000; top: 0; left: 0px; }
#qyyj .qyyj_nr dt:hover::before { opacity: 0.3; }
#qyyj .qyyj_nr h3 { font-size: 24px; color: #fff; line-height: 40px; }
#qyyj .qyyj_nr p { font-size: 14px; color: #fff; line-height: 20px; }
@media (max-width: 1199px) {
	#qyyj .qyyj_nr .qyyj_txt { top: 20px; }
	#qyyj .row { margin-right:0; margin-left: 0; }
}
@media ( max-width: 991px) {
	#qyyj .qyyj_nr .qyyj_txt { top:10px; }
	#qyyj .qyyj_nr h3 { font-size: 20px; color: #fff; line-height: 30px; }
}
@media ( max-width: 700px) {
	#qyyj .qyyj_nr { width: 100%; margin-bottom: 20px; }
	#qyyj .qyyj_nr .qyyj_txt { top: 20%; }
}

/*底部*/
#footer {border-top: 3px solid #0d58a6; background-color: #f0f0f0; padding-top: 35px; padding-bottom: 40px;}
#footer .footer_l { float: left; }
#footer .footer_yl { width: 25%; border: 1px solid #000000;background-color: #f0f0f0; height: 27px;}
#footer .footer_yl  .leftsidebar_box  dl { position: relative; }
#footer .footer_yl  .leftsidebar_box .system_log dt { font-size: 14px; color: #666666; line-height: 25px; padding-left:15px;position: relative;}
#footer .footer_yl  .leftsidebar_box .system_log dt img { float: right; margin-right: 10px; margin-top: 10px; }
#footer .footer_yl  .leftsidebar_box .system_log dt::after { position: absolute; content: ''; width: 1px; display: block; height: 13px; background: #999999; right: 30px; bottom: 5px; }
#footer .footer_yl  .leftsidebar_box .system_log  dd { display: none; position: absolute; bottom: 26px; width: 100%; background: #fff; border-left: 1px solid #000; border-right:1px solid #000; border-top: 1px solid #000;}
#footer .footer_yl  .leftsidebar_box .system_log  dd  a { width: 100%; display: block; padding:5px 12px; font-size: 14px; color: #333; border-top: 1px solid #ddd; }
#footer .footer_yl  .leftsidebar_box .system_log  dd  a:hover { background: #0d58a6; color: #fff; border-top: #0d58a6;  }
#footer .footer_nav { max-width: 750px; margin-top: 30px; }
#footer .footer_nav ul { overflow: hidden; }
#footer .footer_nav ul li { float: left; padding: 0px 15px; border-left: 1px solid #b7b7b7;  font-size: 14px; color: #333333; display: block;}
#footer .footer_nav ul li:nth-child(1) { border: none; padding-left: 0px; }
#footer .footer_nav .footer_copy {  margin-top: 10px; font-size: 12px; color: #666666; }
#footer .footer_nav .footer_copy a { color: #666666;  }
#footer .footer_nav .footer_copy a:hover { text-decoration: underline; color: #0d58a6; }
#footer .footer_r { float: right; }
#footer .footer_r .codebox { float: left; display: block; margin: 0 auto; width: 100px; margin-left: 20px; }
#footer .footer_r .codebox img  { width: 100%; display: block; }
#footer .footer_r .codebox p { text-align: center; font-size: 14px; color: #666666; line-height: 28px;}

@media (max-width: 991px) {
	#footer .footer_l { width: 500px; }
	#footer .footer_nav ul li:last-child { padding-right:0; }
}

@media (max-width: 767px) {
	#footer { padding-bottom: 60px;  }
	#footer  .container { padding-left:15px !important; padding-right: 15px !important;   }
	#footer .footer_l {  margin: 0 auto; width: 100%;}
	#footer .footer_nav { text-align: center; padding-top: 20px;  }
	#footer .footer_nav ul { display: inline-block; overflow: hidden; }
	/*#footer .footer_nav ul li:last-child { padding-right:10px; border: none; padding-left: 0px;}*/
	#footer .footer_yl { width: 40%; margin: 0 auto; }
	#footer .footer_r { margin: 0 auto; display: block; width: 100%; padding-top:20px; }
	#footer .footer_r .codebox { width: 50%; margin-left: 0; }
	#footer .footer_r .codebox img { max-width: 100px; margin: 0 auto;  }
	#footer .footer_nav .footer_copy { overflow: hidden; text-align: center; float:none; }
}

/*手机站底部*/
.footer-bottom{overflow: hidden;position: fixed;bottom: 0;left: 0;z-index: 999;width: 100%;background: #0d58a6;text-align: center;}
.footer-bottom a{display: inline-block;padding: 7px 0;color: #fff;}
.footer-bottom a i{font-size: 16px;display: block;}

/*内页产品列表页*/
.part_2 { overflow: hidden; }
#pagepro { overflow: hidden; padding:30px 0;}
#pagepro .container { padding-left: 0; padding-right: 0; }
#pagepro .procrumbs { width: 100%; overflow: hidden; }
#pagepro .procrumbs .crumbs_pro { border-bottom: 1px solid #e7f0f4; line-height: 35px; height: 35px; }
#pagepro .procrumbs h2 { float: left; font-size: 16px; color: #333;font-weight: bold; border-bottom: 2px solid #0d58a6; position: relative; position: relative; line-height: 34px;}
#pagepro .procrumbs span { font-size: 14px; color: #666; line-height: 28px; float: right; }
#pagepro .procrumbs span a { color: #666; }
#pagepro .procrumbs span a:hover { color: #0d58a6; }
#pagepro .proli .part_2 .navMenubox .navMenubox_bt { padding: 15px; color: #fff; background: #0d58a6; }
#pagepro .proli .part_2 .navMenubox h2 { font-size: 24px; color: #fff; }
#pagepro .proli .part_2 .navMenubox h2 i { display: block; height: 1px;width: 90px; background: #fff; margin: 10px 0; }
#pagepro .proli .part_2 .navMenubox #slimtest1 { padding: 10px; background: #fff; border: 1px solid #ccc;border-top: 0; }

/* navMenu */
.navMenubox {overflow: hidden; width: 245px; float: left; }
.navMenu-top { padding: 10px; color: #fff; border-bottom: 1px solid rgba(255,255,255,.1) }
.navMenu> li { display: block; margin: 0; padding-right: 0px; border: 0px; }
.navMenu>li>h3{ margin-top: 10px; font-weight: normal; line-height: 40px;  height: 40px;display: block; overflow: hidden;  text-overflow: ellipsis; white-space: nowrap; text-align: center; color: #666; background: #eee; cursor: pointer; font-size: 14px; }
.navMenu>li.cur>h3 { background: #0d58a6; }
.navMenu>li.cur>h3 a { color: #fff; }
.navMenu>li>h3:hover { background: #0d58a6; }
.navMenu>li>h3:hover a { color: #fff; }
.navMenu li a .arrow:before {display: block; float: right; margin-right: 15px; display: inline; font-size: 16px; font-family: FontAwesome; height: auto; content: "\f105"; font-weight: 300; text-shadow: none;  }
.navMenu li a .arrow.open:before { float: right; margin-top: 1px; margin-right: 15px; display: inline; font-family: FontAwesome; height: auto; font-size: 16px; content: "\f107"; font-weight: 300; text-shadow: none; }
.navMenu>li>a.active, .navMenu>li>a:hover { color: #FFF; background: #0d58a6; }
.navMenu>li>ul.sub-menu, .navMenu>li>ul.sub-menu>li>ul.sub-menu { display: none; list-style: none; clear: both; margin: 8px 0px 0px 10px; padding-bottom: 5px; }
.navMenu>li>ul.sub-menu li { background: none; margin: 0px; padding: 0px; }
.navMenu>li>ul.sub-menu li>a { display: block; font-size: 16px; line-height: 36px; padding-left: 20px; color: #ABB1B7; clear: both; }
.navMenu>li>ul.sub-menu li>a.active, .navMenu>li>ul.sub-menu li>a:hover, .navMenu>li>ul.sub-menu>li.active >a { color: #FFF; background: #12181b; }
.icon_1:before { content: "\f0ac"; }
.icon_2:before { content: "\f0ac"; }
.icon_3:before { content: "\f0ac"; }
/*---------------------*/
.navMenu>li>ul { overflow: hidden;display: none; }
.navMenu>li.cur>ul { display: block; }
.navMenu>li>ul>li { line-height: 35px; }
.navMenu>li>ul>li>h3 { font-size: 14px;border-bottom: 1px dashed #ddd; line-height: 40px; padding-left: 35px; position: relative; width: 225px; overflow: hidden;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.navMenu>li>ul>li:hover>h3 a { color: #0d58a6; } 
.navMenu>li>ul>li>h3 a::after{ content: "";width: 7px; height: 7px;  border: 2px solid #b8b8b8;border-style: solid solid none none;  position: absolute; top: 50%;   right: 32px;   margin-top: -4px;  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);    -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg); } 
.navMenu>li>ul>li.cur>h3 a::after{ content: "";width: 7px; height: 7px;  border: 2px solid #0d58a6;border-style: solid solid none none;  position: absolute; top: 50%;   right: 32px;   margin-top: -4px;  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);    -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg); } 
.navMenu>li>ul>li.cur>h3 a{ color: #0d58a6; }
.navMenu>li>ul>li>h3:hover a::after { content: "";width: 7px; height: 7px;  border: 2px solid #0d58a6;border-style: solid solid none none;  position: absolute; top: 50%;   right: 32px;   margin-top: -4px;  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);    -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg); }
.navMenu>li>ul>li>ul>li>a { display: block;line-height: 35px;border-bottom: 1px dashed #ddd; padding-left: 45px;position: relative;color: #333; }
.navMenu>li>ul>li>ul>li>a:after { position: absolute; content: ''; width: 8px; height: 8px; display: block; border: 1px solid #999;  border-radius: 50%; left: 30px; top: 13px; }
/*展开时候样式*/
.navMenu>li.cur>ul{ display: block; }
.navMenu>li.cur>ul>li.cur>ul { display: block; }
.navMenu>li.cur>ul>li.cur>ul li.cur a span{ color: #0d58a6; }
/*展开时候样式*/

#pagepro .prolanmu { width:calc(100% - 265px); float: right; }
#pagepro .prolanmu dl { overflow: hidden; margin-top: 15px; }
#pagepro .prolanmu dl dt { margin-bottom: 10px; }
#pagepro .prolanmu dl dt a img { display: block; border: 1px solid #d3d3d3; width: 100%; margin: 0 auto; }
#pagepro .prolanmu dl dt a h3 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;font-size: 14px; color: #454545; line-height: 30px; text-align: center; }
#pagepro .prolanmu dl dt:hover a img { border: 1px solid #0d58a6; }
#pagepro .prolanmu dl dt:hover a h3  { color: #0d58a6; }




@media(max-width: 767px) {
	#pagepro { padding-left: 15px; padding-right:15px; }
	.navMenubox {overflow: hidden; width: 100%; }
	#pagepro .prolanmu { width:100% ; float: right; }
}

/*产品详情页*/
#pageshowpro {  padding-bottom:50px; overflow: hidden; padding-top: 30px;}
#pageshowpro .container { padding-right: 0px; padding-left: 0px; }
#pageshowpro  .navMenubox .navMenubox_bt { padding: 15px; color: #fff; background: #0d58a6; }
#pageshowpro  .navMenubox h2 { font-size: 24px; color: #fff; }
#pageshowpro  .navMenubox h2 i { display: block; height: 1px;width: 90px; background: #fff; margin: 10px 0; }
#pageshowpro  .navMenubox #slimtest1 { padding: 10px; background: #fff; border: 1px solid #ccc;border-top: 0; }
#pageshowpro .pageshowpro_r { width:calc(100% - 265px); float: right;  }

#pageshowpro .ny_proshow { border: 1px solid #cccccc; padding: 20px; margin-top: 20px; margin-bottom: 20px; }
#pageshowpro .ny_proshow .hd { margin-bottom: 20px; }
#pageshowpro .ny_proshow .hd ul { display: flex; }
#pageshowpro .ny_proshow .hd li  { margin-right: 20px; display: block; width: 120px;height: 36px;   color: #fff; font-size: 14px; font-weight: bold;  text-align: center; background: #c0c0c0; padding: 0;  }
#pageshowpro .ny_proshow .hd li.on { background: #0d58a6; }
#pageshowpro .ny_proshow .hd li.on a h3 { color: #fff; }
#pageshowpro .ny_proshow .hd li a h3 { line-height: 36px;font-size: 14px; }
#pageshowpro .ny_proshow .hd li:hover a h3 { color: #fff; }
#pageshowpro .ny_proshow .bd .procon a { target:_blank;} 
#pageshowpro .ny_proshow .bd .procon img { display: block; max-width: 100%; }
#pageshowpro .ny_proshow  table { width: 100%; margin: 0 auto; }
#pageshowpro .ny_proshow  table tr { text-align: center; border: 1px solid #999; }
#pageshowpro .ny_proshow  table tr td { text-align: center; border: 1px solid #999; }

@media(max-width: 767px) {
	#pageshowpro .container { padding-right: 15px; padding-left:15px; }
	#pageshowpro .pageshowpro_r { width: 100%; }
}


/*详情面包屑*/
#pageshowpro .procrumbs { width: 100%; overflow: hidden; }
#pageshowpro .procrumbs .crumbs_pro { border-bottom: 1px solid #e7f0f4; line-height: 35px; height: 35px; }
#pageshowpro .procrumbs h2 { float: left; font-size: 16px; color: #333;font-weight: bold; border-bottom: 2px solid #0d58a6; position: relative; position: relative; line-height: 34px;}
#pageshowpro .procrumbs span { font-size: 14px; color: #666; line-height: 28px; float: right; }
#pageshowpro .procrumbs span a { color: #666; }
#pageshowpro .procrumbs span a:hover { color: #0d58a6; }
#pageshowpro .showpro { padding-top: 20px; overflow: hidden; }
#pageshowpro .showpro .showpro-right .showpro-p h1{border-bottom: 1px dotted #cfe0e8; padding: 10px 0 10px 15px; font-size: 16px; color: #333; font-weight: bold; position: relative; }
#pageshowpro .showpro .showpro-right .showpro-p h1::after { position: absolute; content: '';  width: 4px; height: 4px; display: block; background: #0d58a6; border-radius: 50%; left: 5px;top: 17px;}
#pageshowpro .showpro .showpro-right .showpro-p ul { margin-top: 30px;}
#pageshowpro .showpro .showpro-right .showpro-p ul dt { font-size: 14px; color: #666; line-height: 24px; margin-bottom: 15px;  }
#pageshowpro .showpro .showpro-right .showpro-p ul dt p { font-size: 14px; color: #333; font-weight: bold; display: block; }
#pageshowpro .showpro .showpro-right .showpro-p ul .jiathis {  padding-top: 10px;    border-top: 1px dotted #cfe0e8; }
#pageshowpro .showpro .showpro-right .showpro-p ul .jiathis .jiathis_style .jiathis_txt {  float: left; font-size: 14px; color: #333; line-height: 30px; }
#pageshowpro .showpro .showpro-right .showpro-p ul .jiathis .jiathis_style  .zixun { display: block;float: right;width: 120px; height: 36px; line-height: 36px; color: #fff;font-size: 14px;  font-weight: bold;  text-align: center; background: #0d58a6; border-radius: 5px;padding: 0; margin: 0; opacity: 1; position: relative; }
#pageshowpro .showpro .showpro-right .showpro-p ul .jiathis .pro_tel { display: none; float: right; width: 150px; height: 35px; background: #0d58a6; font-size: 14px; color: #fff; text-align: center; line-height: 35px; margin-top: 10px; position: absolute; left: -30px; padding-left: 0px;}
#pageshowpro .showpro .showpro-right .showpro-p ul .jiathis .zixun:hover  .pro_tel  { display: block; }
.showimg-page { overflow: hidden; margin-bottom: 20px; }
.showimg-page .col-xs-6 { padding-left: 0; padding-right: 0;}
.showimg-page a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 10px 15px;border: 1px solid #e4eaec;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;max-width: 100%;}
.showimg-page a:hover{border-color: #e4eaec;background-color: #f3f7f9;}
.showimg-page a.pull-left { float: left; }
.showimg-page a.pull-right { float: right; }


/*栏目下推荐新闻*/
.hotnews  {  width: 100%; overflow: hidden;  }
.hotnews  h2 {padding: 15px; font-size: 24px; color: #fff;background: #0d58a6;}
.hotnews  h2 i {     display: block;  height: 1px; width: 90px;  background: #fff; margin: 10px 0; }
.hotnews ul {  border: 1px solid #ccc; border-top: none; }
.hotnews ul li a { font-size: 14px; color: #666; display: block; line-height: 35px; padding:0 20px;border-bottom: 1px dashed #ddd; }
.hotnews ul li a:hover { color: #0d58a6; }


/*图片模块列表页*/
#page { overflow: hidden; padding-top:20px;}
#page .container { padding-left: 0px; padding-right:0px; }
#page .procrumbs { width: 100%; overflow: hidden; }
#page .procrumbs .crumbs_pro { border-bottom: 1px solid #e7f0f4; line-height: 35px; height: 35px; }
#page .procrumbs h2 { float: left; font-size: 16px; color: #333;font-weight: bold; border-bottom: 2px solid #0d58a6; position: relative; position: relative; line-height: 34px;}
#page .procrumbs span { font-size: 14px; color: #666; line-height: 28px; float: right; }
#page .procrumbs span a { color: #666; }
#page .procrumbs span a:hover { color: #0d58a6; }
#page #sidebar { overflow: hidden; margin-top: 20px; }
#page #sidebar li { position: relative; margin-bottom: 30px; }
#page #sidebar li dt{ position: relative; }
#page #sidebar li dt:after{ content: ''; position: absolute; top: 0;left: 0; bottom: 0; right: 0; background: rgba(0,0,0,0.6); z-index: 2; transition: all .5s; width: 100%; height: 100%;  display: block;}
#page #sidebar li dt:before { position: absolute;left: 49%;top: 45%;width: 0;height: 0;border: 0 solid #0d58a6;content: "";display: block;transform: translate(-50%,-50%);border-radius: 50%;z-index: 3;transition: all .5s; }
#page #sidebar li:hover dt:before { width: 125px;height: 125px;border-width: 1px; }
#page #sidebar li:hover dt:after { background: rgba(255,255,255,0.5); }
#page #sidebar li a  img { max-width: 100%; display: block; }
#page #sidebar li a .mask { z-index: 3; text-align: center; position: absolute; bottom: 55px; color: #fff;width:calc(100% - 30px); }
#page #sidebar li a .mask img {     position: absolute; top: -300%; left: 50%; transform: translate(-50%,-50%);  z-index: 3; }
#page #sidebar li a .mask h3 { font-size: 24px; color: #fff; }
#page #sidebar li:hover a .mask h3 { color: #0d58a6; }
#page .row { overflow: hidden; }
#page .row>li { margin-bottom: 10px; }
#page .row>li>a>dt>img { width: 100%; display: block; }
#page .row>li>a>h3 { font-size: 16px; line-height: 35px; text-align: center; display: block;background: #f5f5f5; }
#page .row>li:hover>a>h3 { color: #fff; background: #0d58a6; }



@media ( max-width: 767px) {
	#page { padding-top:30px; padding-left: 15px; padding-right:15px; }
	#page .procrumbs { padding-bottom: 15px; }
}

/*图片模块详情页*/
#page_imgshow { overflow: hidden; padding-top:20px; }
#page_imgshow .crumbs  { width: 100%; overflow: hidden; border-bottom: 1px solid #eee; }
#page_imgshow .crumbs span { font-size: 14px; color: #666; line-height: 28px; float: left; }
#page_imgshow .crumbs span a { color: #666; }
#page_imgshow .crumbs span a:hover { color: #0d58a6; }
#page_imgshow .showimg { padding:30px 0; }
#page_imgshow .showimg  .showimg_l { overflow: hidden; }
#page_imgshow .showimg  .showimg_l .showimg_ltit h1 { font-size: 20px; text-align: center; color: #454545; line-height: 40px; }
#page_imgshow .showimg  .showimg_l .showimg_ltit .teme_jiathis { text-align: center; margin: 0 auto; }
#page_imgshow .showimg  .showimg_l .showimg_ltit .teme_jiathis .time { font-size: 14px; color: #666; line-height: 28px; }
#page_imgshow .showimg  .showimg_l .page-header h3 { display: block; width: 120px;  height: 36px; line-height: 36px; color: #fff; font-size: 14px; font-weight: bold; text-align: center; background: #0d58a6;  padding: 0;margin-bottom: 20px; }
#page_imgshow .showimg  .showimg_l .showimg_img { margin: 0 auto; text-align: center; padding:30px 0; }
#page_imgshow .showimg  .showimg_l .showimg_img img { text-align: center; margin: 0 auto; max-width: 100%; }
#page_imgshow .showimg  .showimg_l .showimg-con video { display: block; max-width: 100%; margin: 0 auto; text-align: center; }
#page_imgshow .showimg  .showimg_l .showimg-con { margin: 0 auto; text-align: center; padding:30px 0;  }

@media ( max-width: 767px) {
	#page_imgshow .row { margin-right:0px; margin-left:0px; }
}

/*新闻模块列表页*/
#page .procrumbs { width: 100%; overflow: hidden; }
#page .procrumbs .crumbs_pro { border-bottom: 1px solid #e7f0f4; line-height: 35px; height: 35px; }
#page .procrumbs h2 { float: left; font-size: 16px; color: #333;font-weight: bold; border-bottom: 2px solid #0d58a6; position: relative; position: relative; line-height: 34px;}
#page .procrumbs span { font-size: 14px; color: #666; line-height: 28px; float: right; }
#page .procrumbs span a { color: #666; }
#page .procrumbs span a:hover { color: #0d58a6; }
#page .pagenews{padding:30px 0;}
#page .pagenews_l ul li{ border:1px solid #dedede; padding: 15px; overflow: hidden; margin-bottom: 15px;}
#page .pagenews_l ul li:hover{box-shadow: 0px 0px 5px #ccc;}
#page .pagenews_l ul li img{padding: 0; border:1px solid #dedede;}
#page .pagenews_l ul li h3{ font-size: 18px; color: #333; font-weight: bold; border-bottom: 1px dashed #dedede; line-height: 36px;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
#page .pagenews_l ul li:hover h3 { color: #0d58a6; }
#page .pagenews_l ul li p{ color: #666; line-height: 24px; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 3;  overflow: hidden;}
#page .pagenews_l ul li span{ color: #999; padding-left: 20px; background: url(../images/time.png) no-repeat left; display: block; line-height: 28px;}
#page .pagenews .shownews_r .hotpros h3 { padding: 15px;color: #fff; background: #0d58a6; }
#page .pagenews .shownews_r .hotpros h3 i { display: block; height: 1px; width: 90px; background: #fff; margin: 10px 0; }
#page .pagenews .shownews_r .hotpros ul { border: 1px solid #ccc;  border-top: none; }
#page .pagenews .shownews_r .hotpros ul li a { font-size: 14px;color: #666;display: block; line-height: 35px; padding: 0 20px;  border-bottom: 1px dashed #ddd;  position: relative;}
#page .pagenews .shownews_r .hotpros ul li:hover a { color: #0d58a6; } 
#page .pagenews .shownews_r .hotpros ul li.cur a  { color: #0d58a6; }
#page .pagenews .shownews_r .hotpros ul li a::after{ content: "";width: 7px; height: 7px;  border: 2px solid #b8b8b8;border-style: solid solid none none;  position: absolute; top: 50%;   right: 32px;   margin-top: -4px;  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);    -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg); } 
#page .pagenews .shownews_r .hotpros ul li:hover a::after { content: "";width: 7px; height: 7px;  border: 2px solid #0d58a6;border-style: solid solid none none;  position: absolute; top: 50%;   right: 32px;   margin-top: -4px;  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);    -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg); }
#page .pagenews .shownews_r .hotpros ul li.cur a::after { content: "";width: 7px; height: 7px;  border: 2px solid #0d58a6;border-style: solid solid none none;  position: absolute; top: 50%;   right: 32px;   margin-top: -4px;  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);    -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg); }
#page .pagenews .shownews_r .hotnews h3 { padding: 15px;color: #fff; background: #0d58a6; }
#page .pagenews .shownews_r .hotnews h3 i { display: block; height: 1px; width: 90px; background: #fff; margin: 10px 0; }

/*新闻模块详情页*/
#page_newsshow {overflow: hidden; padding-top: 20px;}
#page_newsshow .crumbs  { width: 100%; overflow: hidden; border-bottom: 1px solid #eee; }
#page_newsshow .crumbs span { font-size: 14px; color: #666; line-height: 28px; float: left; }
#page_newsshow .crumbs span a { color: #666; }
#page_newsshow .crumbs span a:hover { color: #0d58a6; }

#page_newsshow .shownews { padding:30px 0; }
#page_newsshow .shownews .shownews_l { padding-left: 0px; }
#page_newsshow .shownews h1 { font-size: 20px; color: #333; border-bottom: 1px solid #dedede; line-height: 48px;font-weight: bold; }
#page_newsshow .shownews .time{ margin:10px 0; float: left; line-height: 28px;}
#page_newsshow .shownews .shownews_txt{ font-size: 14px; color: #666; line-height: 1.8;}
#page_newsshow .shownews .shownews_txt img{max-width: 100%;}
#page_newsshow .shownews .time_jiathis{display: block; overflow: hidden;}
#page_newsshow .shownews .time_jiathis .jiathis { text-align: center;float: left; line-height: 28px;margin: 10px 0; margin-left: 20px; height: 28px; }
#page_newsshow .shownews .time_jiathis .jiathis span {     float: left; line-height: 28px; }
#page_newsshow .shownews .shownews-page{padding-top: 20px;padding-bottom:20px;overflow: hidden;}
#page_newsshow .shownews .shownews-page a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 10px 15px;border: 1px solid #e4eaec;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;max-width: 100%;}
#page_newsshow .shownews .shownews-page a:hover{border-color: #0d58a6;background-color: #f3f7f9; color: #0d58a6;}
#page_newsshow .shownews_r .hotpros h3 { padding: 15px;color: #fff; background: #0d58a6; }
#page_newsshow .shownews_r .hotpros h3 i { display: block; height: 1px; width: 90px; background: #fff; margin: 10px 0; }
#page_newsshow .shownews_r .hotpros ul { border: 1px solid #ccc;  border-top: none; }
#page_newsshow .shownews_r .hotpros ul li a { font-size: 14px;color: #666;display: block; line-height: 35px; padding: 0 20px;  border-bottom: 1px dashed #ddd;  position: relative;}
#page_newsshow .shownews_r .hotpros ul li:hover a { color: #0d58a6; }
#page_newsshow .shownews_r .hotpros ul li.cur a { color: #0d58a6; }
#page_newsshow .shownews_r .hotpros ul li a::after{ content: "";width: 7px; height: 7px;  border: 2px solid #b8b8b8;border-style: solid solid none none;  position: absolute; top: 50%;   right: 32px;   margin-top: -4px;  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);    -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg); } 
#page_newsshow .shownews_r .hotpros ul li:hover a::after { content: "";width: 7px; height: 7px;  border: 2px solid #0d58a6;border-style: solid solid none none;  position: absolute; top: 50%;   right: 32px;   margin-top: -4px;  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);    -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg); }
#page_newsshow .shownews_r .hotpros ul li.cur a::after { content: "";width: 7px; height: 7px;  border: 2px solid #0d58a6;border-style: solid solid none none;  position: absolute; top: 50%;   right: 32px;   margin-top: -4px;  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);    -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg); }
#page_newsshow .shownews_r .hotnews h3 { padding: 15px;color: #fff; background: #0d58a6; }
#page_newsshow .shownews_r .hotnews h3 i { display: block; height: 1px; width: 90px; background: #fff; margin: 10px 0; }

@media ( max-width: 767px) {
	#page_newsshow .row { margin-left: 0px; margin-right: 0px; } 
}




/*简介模块*/

#page .crumbs_about { overflow: hidden; width: 100%; border-bottom: 1px solid #eee; height: 32px;}
#page .crumbs_about h2 { float: left; font-size: 16px; color: #333;font-weight: bold; border-bottom: 2px solid #0d58a6; position: relative; position: relative; line-height: 34px;}
#page .crumbs_about span { font-size: 14px; color: #666; line-height: 28px; float: left; }
#page .crumbs_about span a { color: #666; }
#page .crumbs_about span a:hover { color: #0d58a6; }
#page .crumbs_about #sidebar { float: right; margin-top:0px; }
#page .crumbs_about #sidebar li { float: left; margin-left: 20px; margin-bottom: 0px; }
#page .crumbs_about #sidebar li.cur { border-bottom: 2px solid #0d58a6; }
#page .crumbs_about #sidebar li a { font-size: 14px; color: #454545; line-height: 30px; }
#page .crumbs_about #sidebar li.cur a { color: #0d58a6;  }
#page .pageabout { padding:40px 0; }


/*关于我们详情*/
.showabout h1 { color: #595959; position: relative; line-height: 1.1em; padding-bottom: 19px; margin-bottom: 0.8em; }
.showabout h1::after { content: ""; display: block; position: absolute;width: 1.3em;  border-bottom: 1px solid #595959; bottom: 0; left: 0; }
.showabout p {font-size: 14px; color: #666; line-height: 24px;}
.showabout img { max-width: 100%; display: block; }



/*关于我们详情*/
.showcontact{overflow: hidden;}
.showcontact .contact_l{border:1px solid #dedede; padding:15px;}
.showcontact .contact_l h6{ font-size: 20px; color: #0d58a6; font-weight: bold; text-align: center; margin-bottom: 20px;}
.showcontact .contact_l ul li{ border-bottom: 1px solid #dedede; border-right: 1px solid #dedede; line-height: 40px; margin-bottom: 15px; color: #666; font-size: 16px;}
.contact_m{overflow: hidden; margin-top: 30px;}
.contact_m h4{text-align: center; font-size: 18px; color: #999; line-height: 54px; font-weight: bold;}
@media(max-width: 768px) {
	.contact_m h4 { font-size: 16px; font-weight: normal; line-height: 35px; }
}



/*下载模块*/
#download { overflow: hidden; padding-top: 20px;}
#download .procrumbs { width: 100%; overflow: hidden; }
#download .procrumbs .crumbs_pro { border-bottom: 1px solid #e7f0f4; line-height: 35px; height: 35px; }
#download .procrumbs h2 { float: left; font-size: 16px; color: #333;font-weight: bold; border-bottom: 2px solid #0d58a6; position: relative; position: relative; line-height: 34px;}
#download .procrumbs span { font-size: 14px; color: #666; line-height: 28px; float: right; }
#download .procrumbs span a { color: #666; }
#download .procrumbs span a:hover { color: #0d58a6; } 
#download .download_show { padding:30px 0; }
#download .download_show .part_2 ul { display: flex; }
#download .download_show .part_2 ul li { flex: 1; font-size: 16px; background: #0d58a6; line-height: 50px; text-align: center; display: block; border-right: 1px solid #fff; color: #fff; }
#download .download_show .part_2 dl { display: flex; margin-bottom: 0px;  }
#download .download_show .part_2 dl dt { flex: 1;font-size: 16px;  line-height: 50px; text-align: center; display: block; border-right: 1px solid #ddd; color: #666; }
#download .download_show .part_2 dl dt:hover { color: #0d58a6; }
#download .download_show .part_2 dl dt:last-child{ border-right:none; }
#download .download_show .part_2 dl:nth-child(odd){ background: #f5f5f5;} 



/*内页搜索*/
#nysearch {padding: 30px 0;}
#nysearch ul{overflow: hidden;}
#nysearch ul li{border-bottom: 1px solid #dedede; padding: 15px; }
#nysearch ul li span{ width: 100px; color: #fff; line-height: 32px; background: #0d58a6; display: block; text-align: center;}
#nysearch ul li h2{ font-size: 18px; color: #333; line-height: 36px; font-weight: bold;}
#nysearch ul li p{line-height: 24px; color: #666;}
#nysearch ul li em{ display: block; line-height: 24px; color: #999;}


.about_culture .part_2 .list{margin: 0;background: #f0f0f0;}
.about_culture .part_2 .list:nth-child(odd) .imgbox{float: right;}
.about_culture .part_2 .list:nth-child(odd){background-color: #0d58a6;color: #fff;}
.about_culture .part_2 .list:nth-child(odd) h3{color: #fff;}
.about_culture .part_2 .list:nth-child(odd) h3:before{border-color: #fff;}
.about_culture .part_2 .list .col-md-6{padding: 0;}
.about_culture .part_2 .list img{width: 100%;}
.about_culture .part_2 .list .txt{padding: 7.3% 5.1% 0;}
.about_culture .part_2 .list .txt p{padding-left: 15px;position: relative;line-height: 1.5em;margin-bottom: 20px;}
.about_culture .part_2 .list .txt p:before{content: "";display: block;position: absolute;left: 0;width: 5px;height: 5px;background: #fff;border-radius: 50%;top: 50%;transform: translateY(-50%);}
.about_culture .part_2 .list:nth-child(even) .txt p:before{background: #868686;}

.about_culture .part_2 h3{color: #595959;position: relative;line-height: 1.1em;padding-bottom: 19px;margin-bottom: 0.8em;}
.about_culture .part_2 h3:before{content: "";display: block;position: absolute;width: 1.3em;border-bottom: 1px solid #595959;bottom: 0;left: 0;}