@font-face {
    font-family: 'zaozi';
    src:  format('opentype');        
    font-weight: normal;
    font-style: normal;
}
@charset "utf-8";
/* css document */
/* normallizes margin,padding */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{ margin:0; padding:0;}
/* normalizes font-size for headers */
h1,h2,h3,h4,h5,h6{ font-size:120%; }
/* removes list-syle from lists */
ol,ul{ list-style:none;}
/* normalizes font-style and font-weight to normal */
address,caption,cite,code,dfn,var{ font-style:normal; font-weight:normal;}
/* removes border from fieldset and img */
fieldset,img{ border:0;}
/* removes table style */
table{ border-collapse:collapse;}
capton,th{ text-align:left;}
/* removes quotation marks from q */
q:before,q:after{ content:'';}
a{ text-decoration:none; color:#333;}
a:hover{ color:#043467;}
img{ max-width:100%; height:auto;}
/* clear fix */
.clearfix:after
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;

}
.clearfix
{
display:inline-block;
}
/* hide from ie mac */
.clearfix {display:block;}
.cl{ clear:both;}
/* end hide from ie mac */
/* end of clearfix */
* {
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.col-12{ width:100%; float:left; clear:both;}
.col-8{ width:66.66666666%; float:left;}
.col-7{ width: 58.33333333%; float:left;}
.col-6{ width:50%; float:left;}
.col-5{  width: 41.66666667%; float:left;}
.col-4{ width:33.333333333%; float:left;}
.col-3{ width:25%; float:left;}
.row{ margin-left:-15px; margin-right:-15px;}
.row:before, .row:after{
    display: table;
    content: " ";
}
.row:after{clear: both;}
.fixtop{ position:fixed; z-index:11; top:0; left:0; right:0;}
body{ background:#fff; font-size:14px; line-height:1.45;color:#333;}
/*#home{background:#f4f4f4; }*/
.fullheight{ 
  width: 100%;
  height: calc(100vh);
  position:relative;
  overflow:hidden;
  
}
.row-flex{
	display: flex;
	flex-wrap: wrap;
	align-items:center;
}
.row-flex-bottom{
	display: flex;
	flex-wrap: wrap;
	align-items:stretch
}
.container-fluid {
    width:100%;
	padding:0 30px;
}
.container {
	max-width:1200px;
	margin:0 auto;  
}
.pages .container { max-width:1200px;}
.home-screen .top{
	position:absolute;
	z-index:2000;
	left:5%;
	right:5%;
	top:2%;
}
.home-screen .top .brand{ float:left;}
.home-screen .top .nav{ float:right;  position:relative;}
.home-screen .top .nav > li{ display:inline-block; margin:0 50px; font-size:20px;}
.home-screen .top .nav > li > a{ color:#fff; padding-bottom:8px; display:block; border-bottom:4px solid transparent;}
.home-screen .top .nav > li.active > a,.home-screen .top .nav > li.actived > a,.home-screen .top .nav > li > a:hover{ border-bottom:4px solid #f0a21a;}
.home-screen .top .nav > li .pro-pop{ position:absolute; top:100%; right:0; text-align:center; font-size:16px; padding:25px 20px 5px; display:none;}
.home-screen .top .nav > li .pro-pop:after{ content:""; position:absolute; z-index:-1; left:0; top:0; bottom:0; right:0; background:#ecebea url(/uploads/image/img/propopbg.jpg) no-repeat; background-size:cover; opacity:0.95}
.home-screen .top .nav > li .pro-pop .col-6{ padding:0 20px 20px; margin-bottom:20px;}
#home .home-screen .container{ position:relative;height: calc(100vh);}
.fix-txt{ position:absolute; color:#fff; bottom:30%; left:0; z-index:0;}
.fix-txt h3{ font-size:42px; position:relative; padding-right:20px; margin-bottom:15px; display:inline-block;}
.fix-txt h3:after{ content:""; position:absolute; bottom:10px; right:0; width:10px; height:10px; background:#f0a21a;}
.fix-txt  p{ font-size:22px; line-height:1.6;}

.home-jianjie{ background:#043467; padding:4% 0; color:#fff;}
.home-jianjie .txt{ max-width:550px;}
.home-jianjie .txt h3{ font-size:36px; position:relative; display:inline-block; padding-right:20px; margin-bottom:25px; }
.home-jianjie h3:after{ content:""; position:absolute; bottom:10px; right:0; width:10px; height:10px; background:#f0a21a;}
.home-jianjie .txt p{ font-size:18px; margin-bottom:20px; line-height:1.5}
.home-jianjie .num{ max-width:340px; margin:0 0 0 auto; font-size:20px; line-height:1.1; font-weight:bold;}
.home-jianjie .num .line{ border-bottom:3px solid #f0a21a; padding-bottom:8px; margin-bottom:10px;}
.home-jianjie .num p{ position:relative; vertical-align:text-bottom;}
.home-jianjie .fa{ font-size:32px; color:#f0a21a; position:absolute; top:50%; left:-35px; transform:translate(0,-50%)}
.home-jianjie .f70{font-size:80px; color:#f0a21a; margin-right:10px;}
.home-jianjie .f40{font-size:45px; color:#f0a21a; margin-right:10px;}
.home-jianjie .f55{font-size:60px; color:#f0a21a; margin-right:10px;}

.home-wenhua{ background:#f4f4f4;}
.home-wenhua .txt{ max-width:550px; color:#666;}
.home-wenhua .txt h3{ font-size:36px; position:relative; display:inline-block; padding-right:20px; margin-bottom:25px; color:#043467; }
.home-wenhua h3:after{ content:""; position:absolute; bottom:10px; right:0; width:10px; height:10px; background:#f0a21a;}
.home-wenhua .txt p{ font-size:18px; margin-bottom:20px; line-height:1.8}
.home-wenhua .blue-btn{ background:#043467; color:#fff; padding:5px 20px; border-radius:10px;}

.home-cat-tit{ font-size:36px; text-align:center; position:relative; margin-top:30px; margin-bottom:20px;}
.home-cat-tit span{ background:#f4f4f4; padding:0 30px; position:relative; z-index:2;}
.home-cat-tit:before{ content:""; position:absolute; left:0; top:50%; width:100%; height:2px; background:#666;}

.cat-tab{margin:0;padding:0;list-style:none;width:100%;overflow:hidden; border-bottom:1px solid #ccc;}
.cat-tab li{float:left;width:25%;height:70px;background:#fff;color:#666; text-align:center;line-height:70px;cursor:pointer; font-size:24px; }
.cat-tab li:hover{ background:#ccc; color:#043467}
.on{display:block;}
.cat-tab li.cur{background:#043467; color:#fff;}
/*.tab-content{margin:0;padding:6% 0;width:100%;display:none; background:#e3e3e3 url(/uploads/image/img/logobg_07.jpg) no-repeat center center;}*/
.tab-content.on{ display:block;}

.fr{ float:right;}
.tab-content .txt .bigblue{ color:#043467; font-size:42px; font-weight:bold; }
.tab-content .txt .smblue{ color:#043467; font-size:24px; font-weight:bold; display:block; font-style:normal; }
.tab-content .txt p{ margin-bottom:10px;}

.tab-content .txt{ width:320px; float:left;}
.tab-content .pic{ width:calc(100% - 320px); float:left; text-align:right;}

.topline-blue{ position:relative; padding-top:8px;}
.topline-blue:before{ content:""; position:absolute; top:0; left:0; width:30px; height:5px; background:#043467;}

.home-application{ margin:3% 0;}
.blockimg{ width:calc(33.33333333% - 24px); float:left; margin:12px;}
.blockimg .inner{ padding-top:70%; position:relative;overflow:hidden; background:#043467;}
.blockimg .inner img{ position:absolute; top:0; left:0; width:100%; height:100%;}
.blockimg .inner a{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(23,59,123,0.8); font-size:32px; color:#fff; text-align:center; vertical-align:middle; opacity:0;}
.blockimg .inner a:hover{ opacity:1;}
.blockimg .inner h4{ top:50%; margin:-30px; position:relative;}
.blockimg .inner .txt{ position:absolute; left:50%; text-align:center; top:50%; transform:translate(-50%,-50%); color:#fff; font-size:36px; font-weight:bold;} 

.home-news{ background:#f4f4f4;}
.news-focus{background:#fff; margin-bottom:30px;}
.news-focus .pic{ float:left; width:60%;}
.news-focus .pic img{ max-width:100%;}
.news-focus .txt{ float:left; padding:30px 0; width:40%; position:relative;}
.news-focus .txt h4{ margin:0 5% 20px; font-size:24px;}
.news-focus .txt:after{
	content:"";
position: absolute;
bottom: 20px;
right: 20px;
left:20px;
height: 1px;
background: #666;
z-index:2;
}
.ye-dot{
	display:inline-block;
	width: 8px;
height: 8px;
background: #f0a21a;
margin-left:12px;
vertical-align:baseline;
}
.newsitem{ background:#fff; margin-left:15px; margin-right:15px; margin-bottom:30px; padding-bottom:50px; position:relative;}
.newsitem:after{
	content:"";
position: absolute;
bottom: 20px;
right: 20px;
left:20px;
height: 1px;
background: #666;
z-index:2;
}
.newsitem img{ width:100%; display:block;}
.newsitem h4{ margin:15px 20px; font-size:20px; position:relative; display:inline-block; padding-right:20px;}
.newsitem h4:after{content: "";
position: absolute;
bottom: 5px;
right: 0;
width: 8px;
height: 8px;
background: #f0a21a;
}

.breadclumb{ background:#f2f2f2; padding:20px 0; text-align:right; margin-bottom:40px;}
.breadclumb .cur{ color:#173b7b}

.page-footer{ background:#000; padding:4% 0 25px 0; color:#fff;}
.page-footer a{ color:#a6a6a6;}
.page-footer a:hover{  color:#fff;}
.page-footer .fwidget{ display:inline-block; float:left; margin-right:50px; margin-bottom:30px;}
.pages .page-footer .fwidget{ margin-right:50px;}
.page-footer .fwidget ul{ margin:15px 0;}
.page-footer .fwidget ul li{ padding:5px 0;}
.page-footer .fwidget.last{ margin-right:0;}
.page-footer .fbig{ font-size:26px; margin-top:20px;}
.copyright{ text-align:center;}
.copyright .sm{ font-size:12px; color:#a6a6a6; margin-top:15px;}

.page-tit{ font-size:32px; font-weight:bold; text-align:center; position:relative; padding-bottom:10px; margin:20px 0; letter-spacing:3px;}
.page-tit:after{ position:absolute; content:""; width:60px; height:2px; left:50%; bottom:0; margin-left:-30px; background:#043467}

.tit-des{ text-align:center; font-size:16px; margin:20px auto; color:#666;}
.about-txt{font-size:16px;color:#666; margin-right:10px; line-height:1.8; padding-top:20px; margin-bottom:20px;}
.about-txt p{ margin-bottom:20px;}
.about-img { text-align:center;padding-top:20px; margin-bottom:20px;}

.about-iconitem{ margin:40px auto; text-align:center; color:#666; font-size:20px;}
.about-iconitem img{ display:block; margin:10px auto;}
.about-iconitem strong{ font-size:48px; color:#173b7b; font-family:tahoma, geneva, sans-serif; text-transform:uppercase;}

.about-person{ background:#fdfdfd url(/uploads/image/img/zjl.jpg) no-repeat right bottom; background-size:auto 100%; min-height:468px; position:relative; font-size:18px; margin-bottom:5%;}
.about-person .inner{ position:absolute; top:50%; left:10%; transform:translate(0,-50%); max-width:520px; color:#173b7b; }
.about-person h3{ font-size:26px; font-weight:bold;  position:relative; padding-bottom:15px; margin:0 0 20px; letter-spacing:3px;}
.about-person h3:after{ position:absolute; content:""; width:80px; height:4px; left:0; bottom:0;  background:#212121}
.about-person .yinyan{ font-size:20px; line-height:1.8; position:relative; margin:20px 0 30px;}
.about-person .yinyan .fa{ position:absolute; color:#a3c5e5; font-size:24px;}
.about-person .yinyan .fa-quote-left{ left:-40px; top:15px;}
.about-person .yinyan .fa-quote-right{ right:-30px; bottom:10px;}


.about-cer{ padding:30px 0 60px;}

.nav-tabs-cer{
	border-bottom:0;
	text-align:center;
}
.nav-tabs-cer li{ list-style:none; float:none; display:inline-block; line-height:1;}
.nav-tabs-cer li:first-child{border-right:1px solid #999; padding:0 10px 0 0; margin-right:10px;}
.nav-tabs-cer > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 0 ;
    border-radius: 0;
}
.nav-tabs-cer > li.active > a, .nav-tabs-cer > li.active > a:hover, .nav-tabs-cer > li.active > a:focus {
    color: #026cb7;
    cursor: default;
    background-color: #fff;
    border: 0 solid #ddd;
        border-bottom-color: rgb(221, 221, 221);
    border-bottom-color: transparent;
}

.owl-carousel-cer-warpe{ padding:0 0 0;}
.owl-carousel-cer{  margin:0 auto; width:calc(100% - 120px);}
.owl-carousel-cer .owl-controls{
	margin-top: 30px;
	text-align: center;
	z-index:4;
}
.owl-carousel-cer .item{ text-align:center; }
.owl-carousel-cer .item .pic{ margin:10px 5px 15px;}
.owl-carousel-cer .item .pic img{ border:2px solid #ccc;}


/* styling next and prev buttons */

.owl-prev{ position:absolute; top:50%; -webkit-transform: translatey(-50%);
transform: translatey(-50%); left:-60px; width:41px; height:41px; text-indent:-9999px; overflow:hidden; background:url(/uploads/image/img/xijiantou.png) no-repeat 0 0 !important; transition:none;}
.owl-next{ position:absolute; top:50%; -webkit-transform: translatey(-50%);
transform: translatey(-50%); right:-60px; width:41px; height:41px; text-indent:-9999px; overflow:hidden; background:url(/uploads/image/img/xijiantou.png) no-repeat 0 -41px !important;transition:none;}
.owl-prev:hover{  background:url(/uploads/image/img/xijiantou.png) no-repeat -42px -41px !important; }
.owl-next:hover{  background:url(/uploads/image/img/xijiantou.png) no-repeat -42px 0 !important; }
/* styling pagination*/

.tab-pane{ display:none; margin-top:20px;}
.tab-pane.on{ display:block;}

.pagenav{ background:#194b93; color:#fff; line-height:60px; font-size:18px; box-shadow:0 5px 5px rgba(0,0,0,0.4); margin-bottom:60px;}
.pagenav li{ display:inline-block;}
.pagenav a{ color:#fff; padding:0 30px; display:block;}
.pagenav a:hover{ background-color:#f0a21a;}

.pagenav2{ background:#f4f4f4; line-height:60px; font-size:16px; margin-bottom:60px;}
.pagenav2 li{ display:inline-block; position:relative;}
.pagenav2 a{ color:#666; padding:0 30px; display:block;}
.pagenav2 a:hover,.pagenav2 li.active a{ background-color:#194b93; color:#fff;}
.pagenav2 li.active:after{ content:" "; position:absolute; bottom:0; left:0; width:100%; height:3px; background-color:#194b93;}

.breadcrumb{ background:#f4f4f4; line-height:60px; font-size:14px; margin-bottom:60px; text-align:right;}
.breadcrumb a{ margin:0 5px;}
.breadcrumb .cur{ margin:0 5px; color:#194b93;}

.cat-block{ margin-bottom:50px;}
.cate-tit{ font-size:24px; line-height:24px; padding-left:18px; border-left:4px solid #194b93; margin-bottom:20px; font-weight:normal;}
.catitem{ margin:20px 15px; position:relative; overflow:hidden;}
.catitem h4{ background:#194b93; color:#fff; font-size:18px; text-align:center; line-height:2; font-weight:normal; margin:0; z-index:2; position:relative;}
.catitem h4 a{ color:#fff;}
.catitem a{ display:block;}
.catitem img{ display:block; margin:0;}
.catitem:hover img{ transform:scale(1.1,1.1)}

.seritem{ text-align:center; font-size:18px; line-height:1.8; padding-top:calc(400/560 * 100%); margin:20px 15px; background:url(/uploads/image/img/service_06.jpg) no-repeat center center; background-size:cover; position:relative;}
.seritem a{ display:block; position:absolute; top:50%; left:0; width:100%; transform:translate(0,-50%)}

.seritem .icon{ display:block; text-align:center;}

.seritem h4{ font-size:18px; font-weight:normal;}

.seritem a{ color:#fff;}
.seritem a:hover{ color:#fff; transform:scale(1.02,1.02)translate(-3%,-50%)}

.service-video{ width:100%; max-width:1150px; padding-top:50%; position:relative; margin:20px auto 8%;}
.service-video video{ width:100%; height:100%; position:absolute; left:0; top:0;}
.service-video img{ width:100%;}

.pd-tit {
	font-size: 40px;
	font-weight: bold;
	color: #0a356b;
	font-family: '微软雅黑';
	margin-bottom: 60px;
	text-align: center;
}
.pd-tit:after {
	content: '';
	display: block;
	height: 1px;
	width: 60px;
	background: #0a356b;
	margin: 10px auto;
}
.pd-page { margin: 0 6%; }
.pd-page ul { display: flex; margin-bottom: 60px; max-width: 100%;}
.yong li {
	font-size: 18px;
	text-align: center;
	color: #0a356b;
	margin-right: 15px;
}
.yong li:last-child { margin: 0; }
.pd-tit2 {
	color: #0a356b;
	font-weight: bold;
	font-family: '微软雅黑';
	margin-bottom: 20px;
	text-align: center;
	font-size: 30px;
}
.spans span {
	display: inline-block;
	color: #000;
	margin: 10px;
	font-size: 18px;
}
.pd-tit span {
	font-size: 90px;
	color: #ff9a00;
	font-family: 'zaozi';
	-webkit-text-stroke: 1px #fff;
	text-shadow: 2px 2px 2px #ccc;
	font-style: italic;
    margin-right: 10px;
}
.you {
	background: #0a356b;
	text-align: center;
	border-radius: 20px;
	box-shadow: 5px 5px 10px 5px #ccc;
	padding: 6% 0;
    margin: 0 5%;
	font-family: '微软雅黑';
	flex: 1;
}
.you h3 {
	color: #ff9a00;
	font-weight: bold;
	font-size: 24px;
	margin-top: 5px;
}
.you p {
	color: #fff;
	font-size: 18px;
	margin-top: 5px;
}
.pd-table table{ width: 100%; }
.pd-table thead { background: #204777; color: #fff; font-weight: bold;  }
.pd-table thead th {
	text-align: center;
	vertical-align: middle;
	border: 1px solid #fff;
    padding: 5px 0;
}
.pd-table tbody tr:nth-child(odd) {
    background: #d5dff0;
}
.pd-table tbody tr:nth-child(even) {
    background: #eee;
}
.no-table tbody tr { background: #fff !important;}
.pd-table tbody td { color: #333; text-align: center; vertical-align: middle; padding: 5px 0;}
.pd-page h6 {
	font-size: 20px;
	color: #0a356b;
	margin: 10px;
	text-align: center;
}
.pd-page h4 {
	font-size: 20px;
    color: #0a356b;
    margin-bottom: 30px;
    text-transform: uppercase;
    letter-spacing: 20px;
    text-align: center;
    opacity: 0.5;
}
.pd-page .pd-serv {
    margin: 0;
}
.pd-serv li {
	border:1px solid #0a356b;
	margin: 15px;
	text-align: center;
	padding: 20px;
	flex: 1;
}
.pd-serv li span {
	display: inline-block;
	font-size: 20px;
	color: #0a356b;
	width: 30px;
	height: 30px;
	border: 1px solid #0a356b;
	margin: 10px auto;
	border-radius: 50%;
}
.pd-serv li i.fa {
	display: block;
	font-size: 20px;
	color: #333;
}
.pd-serv li h2 {
	font-size: 26px;
	font-weight: bold;
	color: #ff9a00;
	margin: 10px 0;
}
.pd-serv li p {
	font-size: 14px;
	color: #606060;
	margin-bottom: 20px;
	height: 60px;
    overflow: hidden;
    /*text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;*/
}
.pd-serv .line {
	height: 3px;
	width: 20px;
	background: #ff9a00;
	margin: 0 auto;
}
.faq h3 {
	margin: 0 0 30px;
	font-size: 24px;
	color: #000;
	text-align: center;
}
.faq01 {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #ccc;
	width: 100%;
}
.faq01 img { margin-right: 10px; vertical-align: bottom;}
.faq01 h3 { font-size: 18px; color: #000; margin-bottom: 10px; text-align: unset;}
.faq01 p { font-size: 16px; color: #646464; }
.pd-page01 {
    margin: 50px 0;
}
.pd-page01 ul {
	display: flex;
    /*flex-wrap: wrap;*/
}
.pd-page01 ul li {
	margin: 40px; flex: 1;
}
.pd-text {
    border: 1px solid #0a356b;
    padding-bottom: 15px;
    min-height: 225px;
}
.pd-text h1 {
	font-size: 26px;
    font-weight: bold;
    background: #0a356b;
    color: #fff;
    text-align: center;
    padding: 8px 0;
    margin-bottom: 10px;
}
.pd-text p { font-size: 18px; color: #000; margin-top: 5px; padding: 0 10px 0 10px;}
.pd-page02 { text-align: center; }
.pd-page02 h4 {
	font-size: 24px;
    font-weight: 800;
    color: #1c2e56;
    font-family: '微软雅黑';
    margin-bottom: 10px;
}
.ul02, .pd-you ul { display: flex; /*flex-wrap: wrap;*/ padding: 0 15%; margin-top: 40px;}
.ul02 li { flex:1; border-radius: 30px;}
.ul02 li:first-child {
	color: #fff;
	padding: 90px 40px;
	background: #0a356b;
	box-shadow: 5px 5px 15px 5px #aaa;
}
.ul02 li p {
	font-size: 22px;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.ul02 li:first-child p { border-bottom: 1px solid #fff; }
.ul02 li:last-child p { border-bottom: 1px solid #ccc; color: #38383a;}
.ul02 li h1 {
	font-size: 28px;
	border:2px solid #fff;
	border-radius: 15px;
	font-weight: bold;
    font-family: 微软雅黑;
    margin: 0 15%;
	margin-bottom: 35px;
}
.ul02 li:last-child h1 { background: #b8b8ba; }
.ul02 li:last-child {
	background: #e9e6ea;
	color: #38383a;
	padding: 50px 0 60px;
	margin: 50px 0;
}
.ul02 li img { vertical-align: middle; margin-right: 20px;}
.pd-page03 {
	padding:35px 0 50px;
	background: #0a356b;
	margin: 50px 0;
	color: #fff;
}
.pd-page03 .pd-tit { color: #fff; }
.pd-page03 .pd-tit:after { background: #fff; }
.pd-page03 ul, .pd-gou ul, .pd-he ul { display: flex; /*flex-wrap: wrap;*/ }
.pd-page03 li, .pd-gou ul li, .pd-he ul li { text-align: center; flex: 1; margin: 0 15px; font-size: 18px;}
.pd-you ul { padding: 0; margin: 0;}
.pd-you li { flex: 1; padding: 25px 30px 30px 30px; border:2px solid #003475; position: relative;}
.pd-you li h1 {
	font-family: 'zaozi';
	font-size: 100px;
	color: #000;
	opacity: 0.2;
}
.pd-you li h2 {font-size: 40px; margin-bottom: 40px; position: absolute;
    left: 25px;
    top: 110px;
    background: #fff;}
.pd-you li h2:after {
	content: '';
	width: 60px;
	height: 2px;
	display: block;
}
.pd-you .white h2 { color: #0a356b; }
.pd-you .white h2:after { background: #0a356b; } 
.pd-you .blue h2 { color: #fff; background: #0a356b;}
.pd-you .blue h2:after { background: #fff; } 
.pd-you .blue { background: #0a356b; }
.pd-you li p { font-size: 20px; line-height: 30px; margin-top: 30px;}
.white p {color: #646464;  }
.blue p { color: #fff; }
.pd-page05 .pd-text { margin-top: 20px; }
.pd-page05 .pd-text p { font-size: 20px; }
.pd-gou { margin-bottom: 80px; }
.pd-gou li p {
	font-size: 20px;
	color: #0a356a;
	text-align: left;
    margin: 10px 25px 0 30px;
}
.pd-gou li span { margin-right: 15px; margin-bottom: 10px; display: inline-block;}
.pd-gou li small {
	font-size: 16px;
    display: inline-block;
    background: #0a3599;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    color: #fff;
    text-align: center;
    margin-right: 5px;
}
.pd-text02 {
	border:1px solid #0a3599;
	padding: 30px 20px;
	font-size: 16px;
	color: #0a356b;
	margin-top: 20px;
}
.pd-he { margin-bottom: 50px; }
.pd-he ul li p { text-align: left; margin-top: 10px;}
.pd-he li h1 {
	color: #fff;
	font-family: '微软雅黑';
	font-size: 20px;
	font-weight: bold;
	background: #0a356b;
	padding: 5px 20px;
	border-radius: 20px;
	max-width: 200px;
	margin: 0 auto 10px;
}
.pd-he li small { display: block; font-size: 16px; color: #0a356b;}

.w{ width:1280px;}
@media screen and (max-width:1600px){
.home-screen .top .nav li{  margin:0 30px; }	
.container {
	max-width:1200px;
}
.w{ width:1000px;}
}
@media screen and (max-width:1024px){
	.container {width:90%; margin:0 5%}
.w{ width:800px;}
}
.suluitem2{ margin:0 15px 30px; position:relative;}
.suluitem2 .inner{ position:absolute; top:50%; left:0; width:100%; text-align:center; transform:translate(0,-50%); color:#fff;}
.suluitem2 .inner h4{ font-size:30px; margin-bottom:5px;}
.suluitem2 .inner p{ font-size:16px; letter-spacing:3px;}

.suluitem{ margin:0 15px 30px; position:relative; background:#f2f2f2; border:2px solid #fff;}
.suluitem .pic{ position:relative; padding-top:calc(55/80 * 100%); overflow:hidden;}
.suluitem .pic img{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-width:100%; display:block; }
.suluitem .inner{ padding:30px 20px 40px;}
.suluitem .inner h4{ font-size:24px; margin-bottom:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.suluitem .inner p{ font-size:16px; line-height:1.6; color:#888;}

.suluitem:hover{ border:2px solid #ccc;}
.suluitem a{ display:block;}
.suluitem a:hover img{ opacity:0.6;}

.pagenum{ text-align:center; padding:2% 0 5%;}
.pagenum a{ display:inline-block; padding:7px 15px; border:1px solid #194b93; background:#194b93;  color:#fff; margin:0 5px; }
.pagenum a i{ font-size:18px;}
.pagenum a:hover{ background:#fff;  color:#194b93;}

.newscol{ border-top:1px solid #eee;border-bottom:1px solid #eee; padding:30px 20px 30px 20px; position:relative; margin-top:-1px;}
.newscol .pic{ position:absolute; top:30px; left:20px; max-width:250px; overflow:hidden; max-height:150px;}
.newscol .inner{ margin-left:280px; border-bottom:3px solid #e0e0e0; padding-bottom:20px; position:relative; min-height:145px;}
.newscol h4{ font-size:18px; margin-bottom:15px;}
.newscol p{ color:#888; margin-bottom:10px; line-height:1.6}
.newscol .inner .readmore{ position:absolute; bottom:35px; right:10px; font-size:16px;}

.padd0gray {
    background: #f8f8f8;
}
.padd0gray .pacon {
    padding: 30px;
}
.font16 {
    font-size: 16px;
    line-height: 1.6;
    margin: 10px 0;
}
.font16 p{ margin-bottom:20px;}
.post-title{ font-size:32px; text-align:center; margin-bottom:20px; font-weight:normal;}

.video6 {
    position: relative;
    margin: 40px auto;
	text-align:center;
}

.prolist{}
.prolist li{ padding-top:15px; padding-bottom:15px;}
.p-thumbnail{ border:2px solid #eee; padding-left:10px; padding-right:10px; background-color:#f3f3f3; text-align:center; margin-left:15px; margin-right:15px;}
.p-thumbnail .thumbnail{ border:0;text-align:center; margin-left:-10px; margin-right:-10px; padding:0; position:relative; padding-top:60%; margin-bottom:10px; overflow:hidden;}
.p-thumbnail .thumbnail img{ position:absolute; left:50%; top:0; width:auto; max-width:none !important; height:100% !important; transform:translate(-50%,0);}
.p-thumbnail h3{ font-size:16px; height:30px; overflow:hidden; color:#035cac; font-weight:normal; margin-bottom:10px; white-space:nowrap; text-overflow:ellipsis; }
.p-thumbnail .productdes{ font-size:14px; height:65px; overflow:hidden; }
.p-thumbnail:hover{ border:2px solid #035cac;}

.ltit32{ font-size:28px; margin:20px 0 10px; font-weight:normal;}
.ltit32 a.cur{ color:#f0a21a;}

.shangxiapian{ border:1px solid #ccc; height:80px; line-height:80px; position:relative; padding:0 20px; font-size:16px; margin:50px 0;}
.shangxiapian .goback{ text-align:center; width:80px; position:absolute; top:0; left:50%; margin-left:-40px; border-left:1px solid #ccc; border-right:1px solid #ddd; font-size:20px;}
.shangxiapian .goback a{ color:#999;}
.shangxiapian .goback a:hover{ color:#173b7b}
.shangxiapian .pull-left span{ float:left; color:#999; margin-right:10px;}
.shangxiapian .pull-right span{ float:right; color:#999; margin-left:10px;}

.contact-content{ padding:4% 0;}
.contact-info{ margin:20px 0; font-size:16px;}
.contact-info h3{font-size:30px; margin-bottom:15px;}
.contact-info img{ vertical-align:text-bottom;}
.contact-info p{ margin-bottom:22px;}
.contact-form{ background:#f4f4f4; padding:20px 30px;}
.contact-form h3{ font-size:30px; color:#173b7b; margin-bottom:10px;}
.contact-form p{ margin-bottom:20px;}
.contact-form .form-input{ display:block; width:100%; padding:10px 8px; border:1px solid #ddd;}
.contact-form .form-btn{ background:#173b7b; color:#fff; font-size:16px; padding:10px 30px; border:0;}

.contact-map{ margin-top:50px;}
.post-meta{ font-size:16px; padding:0px 0 20px; border-bottom:1px solid #ddd; margin-bottom:30px; text-align:center; color:#888;}
.post-meta span{ margin:0 20px;}

.faqitem{ margin-bottom:40px; border-bottom:1px solid #ddd; padding-bottom:10px;}
.faqitem h4{ font-size:20px; font-weight:bold; background:url(/uploads/image/img/faq_q.jpg) no-repeat 0 top; padding-left:40px; margin-bottom:20px; min-height:30px;}
.faqitem .answer{ font-size:16px;background:url(/uploads/image/img/faq_a.jpg) no-repeat 0 top; padding-left:40px; margin-bottom:20px; min-height:30px;}

.video-list{ margin:20px 15px 40px;}
/*.video-list h3{ font-size:19px; position:relative; padding-bottom:15px; margin-bottom:20px; color:#333; font-family:"arial black", gadget, sans-serif; }
.video-list h3:after{ content:""; position:absolute; bottom:0; left:0; width:70px; height:2px; background:#999;}*/
.videobox{ padding-top:62%; position:relative; background:#888;}
.video-list iframe{ position:absolute; top:0; left:0; width:100%; height:100%;}

.downloaditem{ margin-bottom:20px; border-bottom:1px solid #ddd; padding-bottom:10px; position:relative;}
.downloaditem h4{ background:url(/uploads/image/img/download_03.jpg) no-repeat 0 center; font-size:22px; padding:7px 0 7px 50px; line-height:1.6; font-weight:normal; }
.downloaditem .date{ position:absolute; top:15px; right:0; color:#888; font-size:18px;}

.contact-form-col > div{ position:relative; padding:0 15px;}

.contact-form-col > div label{ font-weight:normal; position:absolute; top:12px; left:25px; font-size:15px;}

.contact-form-col .form-input{ 
	margin-bottom:30px;
    height: 45px;
    padding: 10px 15px 10px 80px;
	background-color: #fff;
	border: 1px solid #ccc;
	display:block;
	width:100%;

}

.contact-form-col textarea.form-input{ height:auto;}

.contact-form-col .btn-black{ color:#333; background-color:#eee; border:1px solid #ccc; font-size:16px; padding:10px 20px; border-radius:5px;}

.contact-form-col .btn-red{ color:#fff; background-color:#173b7b; border:0; font-size:16px; padding:10px 20px; border-radius:5px; margin-right:10px;}

.contact-form-col > div i{ position:absolute; top:10px; right:25px; font-size:24px; color:#173b7b}

.text-right{ text-align:right;}

.propic{ margin:3% 3%;}

.propic img{ max-width:100%;}



.proinfo{ line-height:1.6; margin:4% auto; font-size:16px; max-width:500px;}

.proinfo h1{ font-size:36px; margin:0 0 20px; font-weight:bold;}

.proinfo .meta{font-size:36px; margin-bottom:20px;}

.proinfo .sbold{ font-weight:bold; font-size:16px; padding:20px 0; border-bottom:1px solid #ddd; margin-bottom:20px;}



.nav-md{ margin:30px 0; }

.nav-md a{ display:block; height:60px; border:1px solid #ddd; line-height:60px; padding:0;  overflow:hidden;}

.nav-md li:nth-child(2) a{ line-height:1.2 !important; padding-top:10px;}

.nav-md li{ margin:10px 0; padding:10px 10px 10px 0;vertical-align:bottom; display:table-cell; width:1%; text-align:center; font-size:16px;}

.nav-md a:hover{ background:#173b7b !important; color:#fff !important;}

.nav-md li span{ font-size:13px;}

.tab-box{ padding:20px 0 50px; min-height:300px;}
  
 
.gallery-top .swiper-wrapper{ position:absolute; top:0; left:0;}
    .swiper-slide {
      background-size: cover;
      background-position: center;
    }

    .gallery-top {
      width: 100%;
	  padding-top:52%;
	  height: 600px;
	   width: 100%;
    }

    .gallery-thumbs {
      box-sizing: border-box;
      padding: 10px 0;
	  height:85px;
	  margin-top:20px;
    }

    .gallery-thumbs .swiper-slide {
      width: 120px;
      height: 65px;
      opacity: 0.6;
    }

    .gallery-thumbs .swiper-slide-thumb-active {
      opacity: 1;
    }

.pro-padding-content{ font-size:16px; line-height:1.6; padding:0 20px;}
.pro-padding-content p{ margin-bottom:30px;}

.pro-ico{ text-align:center; max-width:250px; margin:20px 10px; font-size:14px; }
.pro-ico img{ display:block; margin:10px auto;}
.pro-ico strong{ font-size:24px; display:block; margin-bottom:20px;}

.pro-mid-menu{ background:#fff;}
.tab-content-detail{ padding-bottom:30px;}
.nav-tabs-detail{ border-bottom:1px solid #ddd; margin-bottom:40px;}
.nav-tabs-detail li {

    padding:0;
	margin:0;
	width:auto;
	display:inline-block;
	position:relative;
	list-style:none;

}

.nav-tabs-detail li a {    

    line-height: 44px;
color:#333; border:0; display:block; text-align:center; font-size:18px; margin-right: 40px; padding:10px 0 20px;

}
.nav-tabs-detail  li  a:hover{ color:#173b7b;}
.nav-tabs-detail li.active a{ border-bottom:2px solid #173b7b}

.propage-video{ margin:5% auto 3%;}
.propage-video video{ width:100%;}

.pro-col{ border-bottom:1px solid #ddd; padding:20px 0 30px 0; margin-bottom:30px;}
.pro-col .pic{ position:relative; overflow:hidden; max-width:560px;}
.pro-col .pic:hover img{ transform:scale(1.05,1.05); opacity:0.8}
.pro-col .txt{ max-width:540px;}
.pro-col .txt h3{ font-size:30px; margin-bottom:20px;}
.pro-col .txt p{ margin-bottom:20px; line-height:1.8}
.pro-col .txt .more a{ display:inline-block; padding:10px 30px; border:1px solid #999;}
.pro-col .txt .more a:hover{ border:1px solid #173b7b; background:#173b7b; color:#fff;}
.pro-col:nth-child(2n) .txt{ margin:0 0 0 auto;}
.pro-col:nth-child(2n 1) .col-6{ float:right;}
.pro-col:nth-child(2n 1) .pic{ margin:0 0 0 auto;}

/* 2020.12.11新增 */
.vhr-box { text-align:center;}
.vhr-box .inner{ display:inline-block; position:relative; width:auto; }
.vhr-box .inner span{ position:absolute; width:auto; white-space:nowrap; font-size:24px; color:#173b7b; display:none;}
.vhr-box .inner span.v{ left:10px; top:200px; transform:translate(-100%,0); background:url(/uploads/image/img/about1_left.jpg) no-repeat right 50%; padding-right:35px;}
.vhr-box .inner span.h{ left:70%; top:50px; background:url(/uploads/image/img/about1_right.jpg) no-repeat left 50%; padding-left:42px;}
.vhr-box .inner span.r{ left:98%; top:200px; background:url(/uploads/image/img/about1_right.jpg) no-repeat left 50%; padding-left:42px; }
.vhr-box .dot{ position:absolute;  width:120px; height:120px; display:block; cursor:pointer; border-radius:50%; overflow:hidden;}
.vhr-box .dot01{top:10px; left:110px;}
.vhr-box .dot02{top:170px; left:10px;}
.vhr-box .dot03{top:170px; left:205px;}

.vborder-link{ text-align:center; font-size:18px; margin-bottom:20px;}
.vborder-link a{ display:inline-block; padding:5px 25px; border-radius:15px; border:2px solid #999; margin:0 10px;}
.vborder-link a:hover{border:2px solid #173b7b;}

#owl-index{ position:relative;  width:100%;height: calc(100vh);  overflow:hidden;  }
#owl-index .item{ width:100% !important;height: calc(100vh); background-color:#ccc; background-repeat:no-repeat; background-size:100% 100%; background-position:0 center;}
#owl-index .item a.fulllink{ display:block; position:absolute; top:0; left:0; width:100%; height:100%;}
#owl-index .item .inner{ color:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center;}
#owl-index .item .inner h1{ font-size:48px;}
#owl-index .item .inner .blue-btn{ font-size:16px; color:#fff; margin:2rem 0; background:#173b7b; padding:0.9rem 2.2rem; border-radius:20px; display:inline-block; line-height:1}
#owl-index .item .inner .blue-btn:hover{background:#245dbf;}


  .index-video {
		position: absolute;
		width:100%;
		left: 0;
		top: 0;
		right: 0;
	}
   
/* styling pagination*/
#owl-index .owl-controls {
    margin-top: -40px;
    text-align: center;
    z-index: 4;
	position:relative;
}
.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*ie7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: alpha(opacity=50);/*ie7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #fff;
	overflow: hidden;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: alpha(opacity=100);/*ie7 fix*/
	opacity: 1;
	background: #f0a21a;
}
.pbanner{ height:450px;}
.dev {
  background: #fff;
  padding-bottom: 160px;
}
.devso {
  padding: 30px 0 200px;
  position: relative;
}
.devs {
  position: relative;
  margin-top: 180px;
}
.devs::after {
  content: '';
  position: absolute;
  left: 0;
  top: 50px;
  width: 100%;
  height: 0;
  border-bottom: 2px dashed rgba(2, 57, 108, 0.5);
}
.devs .swiper-slide {
  height: 150px;
  padding-bottom: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.devs .swiper-slide h5 {
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  color: #666666;
  font-family: arial;
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.devs .swiper-slide .inner {
  opacity: 0.5;
  width: 60px;
  height: 60px;
  cursor: pointer;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  border: solid 1px #011f53;
  position: relative;
}
.devs .swiper-slide .inner::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.devs .swiper-slide-prev .inner,
.devs .swiper-slide-next .inner {
  width: 80px;
  height: 80px;
  opacity: 1;
}
.devs .swiper-slide-prev h5 {
  padding-right: 50%;
}
.devs .swiper-slide-prev .inner {
  margin-left: -50%;
}
.devs .swiper-slide-next h5 {
  padding-left: 50%;
}
.devs .swiper-slide-next .inner {
  margin-right: -50%;
}
.devs .swiper-slide-active .inner {
  width: 100px;
  height: 100px;
  opacity: 1;
}
.devso .model {
  position: absolute;
  top: -128px;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 478px;
  width: 94%;
  background: #f2f2f2;
  box-shadow: 0px 0px 24px rgba(111, 111, 111, 0.28);
  z-index: 9;
}
.devso .model img{ width:100%}
.devso .devs2 {
  position: relative;
  margin-top: 40px;
}
.devso .devs2 .model {
  position: static;
  width: 100%;
  
}
.devso .model .text {
  padding: 40px;
}
.devso .model .text h4 {
  font-family: arial;
  font-size: 36px;
  font-weight: bold;
  color: #02396c;
  position: relative;
}
.devso .model .text h4::before,
.devso .model .text h4::after {
  content: '';
  width: 24px;
  height: 2px;
  background-color: #2d3b4d;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.devso .model .text h4::after {
  -webkit-transform: rotatez(90deg);
  -moz-transform: rotatez(90deg);
  -ms-transform: rotatez(90deg);
  -o-transform: rotatez(90deg);
  transform: rotatez(90deg);
}
.devso .model .text h6 {
  font-size: 20px;
  font-weight: bold;
  color: #02396c;
  margin-top: 8px;
}
.devso .model .text p {
  font-size: 14px;
  line-height: 24px;
  color: #666666;
  margin-top: 20px;
}
/* common */
.md {
  position: relative;
  top: -100px;
}
.commonp {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 9;
  width: 100%;
  text-align: center;
}
.commonp .swiper-pagination-bullet {
  background: #02396c;
  margin: 0 6px;
}
.commonp2 .swiper-pagination-bullet {
  background: #fff;
  opacity: 1;
  margin: 0 6px;
}
.commonp .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #02396c;
}

/* about */
.visible-xs {
  display: none !important;
}

@media (max-width: 768px) {

  .hidden-xs {
    display: none !important;
  }

  .visible-xs {
    display: block !important;
  }
  .pagenav2 {
    font-size: 14px;
}
.pagenav2 a {
    padding: 0 10px;
}
.dev {
    padding-bottom: 0;
}
}
#about-jianjie{ padding-top:2%;}
.about-blue{ background:#173b7b url(/uploads/image/img/about3-logo.jpg) no-repeat 82% 88%; color:#fff;}
.flex-height-equal{align-items: stretch !important;}
#about-jianjie .about-blue{ height:calc(100%); padding:10% 8% 5%; font-size:16px; line-height:1.6; overflow:hidden;}
#about-jianjie .about-blue h3{ color:#ff9a00; font-size:24px; font-weight:normal;}
#about-jianjie .about-blue h3 strong{ color:#fff; font-size:32px; margin-right:20px;}
#about-jianjie .about-blue .en{ color:#908f8f; font-size:21px; margin-bottom:30px;}

.about-culture .tab-pane-2{ height:468px; background:url(/uploads/image/img/about3-202101_03.jpg) no-repeat right 0; color:#fff; display:none;}
.about-culture  #cul-first{ background-image:url(/uploads/image/img/about5_03.jpg);}
.about-culture .tab-pane-2.on{ display:block;}
.about-culture .tab-pane-2 .content{ margin:0 5%; text-align:center;}
.about-culture .tab-pane-2 .content{ padding:5% 0; font-size:18px; line-height:2;}
.about-culture .tab-pane-2 .content .ct{ display:inline-block; font-size:32px; padding-right:30px;  background:url(/uploads/image/img/citie.png) no-repeat right center; margin-bottom:25px;}
.about-culture .tab-pane-2 .content p{ margin-bottom:15px;}
.about-culture  #cul-first .content{ max-width:400px; text-align:left; margin-right:5%; margin-left:auto;}

.nav-tabs-culture{background:#173b7b;}
.list-justified {display: flex !important;align-items: center;}
.list-justified li{
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center;
  font-size:18px;
}
.list-justified li a{ display:block; color:#fff; background:#173b7b url(/uploads/image/img/square5.png) no-repeat 98% center; cursor:pointer; line-height:60px; border-right:1px solid #8cb5ff;}
.list-justified li.active a,.list-justified li a:hover{ background-color:#ff9a00;}
.list-justified li:last-child a{ border-right:0;}

.new-jianjie{ padding:4rem 0;}
.section-header{ position:relative; text-align:center; padding-bottom:1.5rem; margin-bottom:1.5rem;}
.section-header h3{ font-size:32px; color:#173b7b; margin-bottom:1rem;}
.section-header p{ font-size:16px;}
.section-header:after{ position:absolute; left:calc(50% - 25px); bottom:0; content:""; width:50px; height:2px; background:#f8a322 }

.row-cat-show{ display:flex; margin-left:-10px; margin-right:-10px;}
.row-cat-show div{ margin:10px; position:relative; overflow:hidden;  background:#000;}
.row-cat-show div a{ display:block;}
.row-cat-show div a:hover{ color:#fff;}
.row-cat-show div img{ margin:0; padding:0; width:100%; float:left;}
.row-cat-show div h4{ position:absolute; z-index:2; bottom:8%; left:0; right:0; text-align:center; font-size:24px; margin:0;}
/*.row-cat-show div:hover img{ opacity:0.8; transform:scale(1.05,1.05)}*/
.row-cat-show div img.hover-show{ position:absolute; top:0; left:0; opacity:0; z-index:1; width:100%}
.row-cat-show div:hover img.hover-show{ opacity:1;}

#new-select{ background:url(/uploads/image/img/index6_16.jpg) no-repeat center center; background-size:cover; color:#fff; padding:2.5rem 0;}
.w-100{ display:block; width:100%;}
.whitefont{ color:#fff !important;}
.data-list{ margin:1rem auto 0.5rem;}
.data-list .num,.data-list .name{ display:block; font-size:18px; text-align:center;}
.data-list .num{ font-size:40px; font-weight:bold; font-style:normal; text-transform:uppercase;}
.data-list .num .badge{ font-size:18px;font-weight:normal; }

#new-partner{ padding:2rem 0;}
#appblock{ background:#173b7b; color:#fff; margin:3rem 0;}
.app-big{ position:relative;}
.app-big img{ width:100%;}
.app-big h4{ position:absolute; bottom:0; left:0; right:0; background:rgba(255,255,255,0.7); font-size:24px; color:#151515; padding:1rem; text-align:center;}

.app-list{ border-bottom:1px solid #415e93; width:100%;  font-size:18px; align-items:center;}
.app-list a{ color:#fff; display:block; width:100%; clear:both; display:flex; min-height:80px; padding:2rem 1.5rem 1rem;}
.app-list a:hover{ background-color:#f8a322;}
.app-list h5{  font-size:18px; margin-right:1.5rem;}
.app-list .imgr{ height:auto !important; }

.tab-pane-app{ display:none;}
.tab-pane-app.on{ display:block;}

.row-news-show{ display:flex; margin-left:-10px; margin-right:-10px; margin-bottom:4rem;}
.row-news-show div{ margin:10px; position:relative; overflow:hidden;  background:#000;}
.row-news-show div a{ display:block;}
.row-news-show div img{ margin:0; padding:0; width:100%; float:left;}
.row-news-show div h4{ position:absolute; z-index:2; bottom:5%; left:0; right:0; padding:0 2rem; font-size:18px; margin:0;}
.row-news-show div:hover img{ opacity:0.8; transform:scale(1.05,1.05)}
.row-news-show div.col-big a{ color:#fff;}
.row-news-show div.col-big a:hover{ color:#f8a322;}
.row-news-show div.col-small h4 { bottom:0; background:rgba(242,242,242,0.9); padding:1rem 2rem;}

.new-news-tab{ min-height:260px; margin-bottom:4rem;}
.news-tab{ width:250px; float:left;}
.news-tab li{ width:240px; background:#f2f2f2; font-size:18px; text-align:center; padding:1.8rem 0; cursor:pointer;}
.news-tab li strong{ font-size:30px; text-transform:uppercase; font-family:georgia, "times new roman", times, serif; vertical-align:middle; margin-right:10px;}
.news-tab li.cur{ background:#173b7b; color:#ff9a00; position:relative;}
.news-tab li.cur:after{ position:absolute; content:"";
right:-20px;
top:50%;
margin-top:-5px;
width:0; height:0; border-width:10px; border-color: transparent transparent transparent #173b7b; border-style: dashed dashed dashed solid;
}

/*.pd-page ul { flex-wrap: wrap; }*/

.news-box-item{ max-width:400px; padding:1.2rem 1.5rem;  margin:10px auto;}
.news-box-item .top{ margin-bottom:0.5rem;}
.news-box-item .top .date{ font-size:20px; color:#173b7b; font-weight:bold;}
.news-box-item .top .date strong{ font-size:48px;}
.news-box-item .top .date .line{ font-size:24px; padding:0 10px; color:#999; font-weight:normal;}
.news-box-item .top .yellow{ color:#ff9a00; padding-left:20px;}
.news-box-item  h4{ font-size:18px; margin-bottom:1rem; font-weight:normal;}
.news-box-item:hover{box-shadow:0 0 5px 5px #ddd;}

.tab-content{ float:right; width:calc(100% - 280px)}

.owl-carousel-news .owl-prev {
    left: -30px;
}
.owl-carousel-news .owl-next {
    right: -20px;
}

/* 2021.2.27 发展历程 */

.history-new{ margin-top:5%; margin-bottom:5%;}
.nav-tabs-history {display: flex !important;align-items: center;border-bottom:3px solid #173b7b;}
.nav-tabs-history li{
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: left;
  font-size:20px;
}
.nav-tabs-history li a{ display:block; color:#555; background:#fff url(/uploads/image/img/history_xc01_1.png) no-repeat 95% 15px; cursor:pointer; line-height:1.4; padding-top:12px; padding-bottom:10px; padding-left:25px; }
.nav-tabs-history li.active a,.nav-tabs-history li.active a:hover{ background-color:#173b7b; color:#fff;}
.nav-tabs-history li a:hover{color:#173b7b;}
.nav-tabs-history li a span{ display:block; font-size:15px;}

.tab-pane-3{ display:none;  position:relative;}
.tab-pane-3.on{ display:block;}

/* 发展历程下层 */

.tab-pane-3{background:url(/uploads/image/img/history_xc01_2.jpg) center top repeat-y;}
.tab-pane-3 .l_box{width:50%; text-align:right; float:left;}
.tab-pane-3 .r_box{width:50%; float:right;}
.tab-pane-3 .l_box .pd{padding:80px 80px 0 0; }
.tab-pane-3 .l_box .tit{font-size:30px; color:#666;  margin-bottom:10px;}
.tab-pane-3 .l_box .info{font-size:14px; color:#666; margin-bottom:20px; }
.tab-pane-3 .r_box ul{padding:80px 100px 0 80px;}
.tab-pane-3 .r_box ul li{margin-bottom:50px;}
.tab-pane-3 .r_box ul li:last-child{ margin-bottom:0;}
.tab-pane-3 .r_box .year{font-size:24px; color:#666; margin-bottom:10px; position:relative;}
.tab-pane-3 .r_box .desc{font-size:14px; line-height:22px; color:#666666;}
.tab-pane-3 .r_box .desc img{margin-bottom:20px;}
.tab-pane-3 .r_box .year:after{content:''; width:70px; height:14px; background:url(/uploads/image/img/history_xc01_3.png) center center no-repeat; display:block; position:absolute; left:-88px; top:12px;}

.maskbg{ position:fixed; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.6); z-index:2000; display:none;}
.pup-box{ position:fixed; left:50%;  top:50%; background:#fff; z-index:2001; width:60%; min-width:300px; padding:40px; border:2px solid #999; transform:translate(-50%,-50%); display:none;}
.pup-box .closex{ position:absolute; top:0; right:5px; font-size:24px; cursor:pointer;}

/*---发展历程end----*/
@media (max-width: 767px){


.col-6{ width:100%; }
.col-4{ width:50%; }
.col-3{ width:50%; }
.col-7{ width:100%; }
.col-5{ width:100%; }
.row{ margin-left:-15px; margin-right:-15px;}
#owl-index{ position:relative;  width:100%;height:auto;  overflow:hidden;  }
#owl-index .item{ width:100% !important; height:auto; padding-top:50%;background-color:#ccc; background-repeat:no-repeat; background-size:cover; background-position:0 center;}
#owl-index .item a.fulllink{ display:block; position:absolute; top:0; left:0; width:100%; height:100%;}	
#owl-index .item .inner h1 {
    font-size: 32px;
}
.home-screen .top .brand img{ max-width:130px;}
.home-screen .top {
    left: 5%;
    right: 5%;
}
.home-jianjie .num{ margin:10px auto;}
.cat-tab li {
    height: 50px;
    line-height: 50px;
    font-size: 14px;
}
.tab-content .pic {
    width: 100%;
}
.blockimg {
    width: calc(50% - 20px);
	margin: 10px;
}
.news-focus .col-4{ width: 100%;}
.home-jianjie .num p{ padding-left:35px;}
.home-jianjie .fa{ left:0}
.tab-content .txt .bigblue {
    font-size: 32px;
}
.about-iconitem strong {
    font-size: 30px;}
.newscol .pic{ position:relative;top:0; left:0; max-width:100%; overflow:hidden; max-height:150px;}
.newscol .inner{ margin-left:0; border-bottom:3px solid #e0e0e0; padding-bottom:20px; position:relative; min-height:145px;}
.mbt{ display:none;}
.pro-col .txt h3 {
    font-size: 20px;
}	
.proinfo h1 {
    font-size:22px;
}
/*.gallery-top{ padding-top:2%}
.swiper-wrapper {
    height: 50%;}*/
.swiper-slide{ background-size:cover; }
.breadcrumb{ line-height:24px; padding:18px 0;}
.pbanner{ height:0; padding-top:calc(45/130 * 100%);}
.home-screen .top .nav > li{  margin:0 5px; font-size:14px; border-bottom:1px solid #ddd}
.contact-map iframe{ max-width:100%; height:400px;}
.home-screen .top .nav > li .pro-pop .col-6{padding: 0; margin:0; line-height:1;float:left;}
.home-screen .top .nav > li .pro-pop{ font-size:14px; width:auto !important;  left:60px;right:auto; padding-top:0;}

.owl-carousel-partner .owl-prev{  left:0; }
.owl-carousel-partner .owl-next{ right:0; }
/* styling pagination*/
/*.owl-carousel-partner .owl-wrapper-outer{ width:calc(100% - 60px); margin:0 auto;}*/
.owl-carousel-partner .owl-item{ text-align:center;}
.pup-box {
    width: 90%;
    padding: 5px;
}
.list-justified li a {

	background-image:none;
	line-height:20px;
	padding:10px 0;
	font-size:12px;
}

.tab-pane-3{background-image:none;}
.tab-pane-3 .l_box{width:100%; text-align:left; float:none;}
.tab-pane-3 .l_box .pd {
    padding: 30px 20px 0 20px;
}
.tab-pane-3 .r_box{width:100%; float:none;}
.tab-pane-3 .r_box ul {
    padding: 30px 20px 0 20px;
}
.nav-tabs-history li a{ padding-left:5px;}
.about-culture .tab-pane-2{ height:auto;}
.about-culture #cul-first .content{ margin-left:5%;}
.about-culture .tab-pane-2 .content p{ padding-left:0 !important}
.nav-tabs-detail li a{ font-size:14px;}
.pd-tit {
    font-size: 28px;

}
.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
}
	}
.navbar-toggle{ display:none; position:absolute; top:10px; right:20px;  color:#173b7b; cursor:pointer;}
.top .brand .img1{ display:none;}
.top .brand .img2{ display:block;}	
@media (max-width: 467px){
	.brand{ float:none !important; width:100%; text-align:left;}
	.navbar-toggle{ display:block; }
	.home-screen .top .nav{ float:none; background:#f2f2f2; height:32px; }
	.home-screen .top .nav > li > a{ color:#555; border-bottom-width:2px !important; padding:6px 0 !important}
	.nav-home{ display:none;}
	.nav-home.open{ display:block;}
	.home-screen .top{background: #fff;}
	body {  padding-top: 40px;}
	.home-screen .top .nav{ height:auto;}
	.home-screen .top .nav > li{ display:block; position:relative; text-align:center;}
	.w{  width:100%}
	.pro-pop img{ display:none;}
	.about-person{background-size: auto 400px;}
	.about-person .inner{ position:relative; top:0; left:0; transform:translate(0,0); padding-bottom:420px;}
	.vborder-link{font-size:14px;}
.vborder-link a{ padding:5px 15px; border-radius:8px;margin: 0 5px;}
.ltit32 {
    font-size:18px;
}
.nav-tabs-detail > li > a{ margin-right:20px;}
.home-screen .top .brand img{ max-width:100px; padding-top:5px; margin-left:10px; height:40px;padding-bottom:5px}
.home-screen .top .nav > li .pro-pop{ position: relative;left:0; right: 0; background: #fff}
/*.pages { padding-top:40px;}
.pages .home-screen .top{ position:absolute; top:0; left:0; right:0; background:#173b7b;}*/
.home-screen .top{ position:absolute; top:0; left:0; right:0; background:#fff;}
.about-person .yinyan {
    font-size: 16px;
}
.pagenav2{  line-height:40px; font-size:14px; }
.pagenav2.about{display:none; }
.pagenav2 a{  padding:0 10px; }
.col-8{ width:100%;}
.suluitem2 .inner h4{ font-size:24px; }
.suluitem2 .inner p{  letter-spacing:0;}
.suluitem .inner{ padding:20px 10px 20px;}
.suluitem .inner h4{ font-size:15px; margin-bottom:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.suluitem .inner p{ font-size:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.post-title {
    font-size: 24px;
}
.breadcrumb{ margin-bottom:30px;}
.home-cat-tit {
    font-size: 28px;
}
.home-wenhua .txt h3 {
    font-size: 28px;
	margin-top:30px;
}
.home-jianjie .txt h3 {
    font-size: 28px;
	margin-top:20px;
}
.blockimg .inner .txt {
    font-size: 28px;
}
.blockimg .inner h4 {
     font-size: 28px;
}
.post-meta {
    font-size: 12px;
}
.post-meta span{ margin:0 5px;}
.row-cat-show,.row-news-show{ display:block;}
.col-big,.col-small{ width:100%; clear:both;}
.news-tab {
    width: 100%;
}
.tab-content {
    width: 100%;
}
.news-tab li {
    width: 50%;
	float:left;
}
.news-tab li strong {
    font-size: 20px;
    margin-right: 5px;
}
.news-tab li.cur:after {
    position: absolute;
    content: "";
    right:auto;
	left:50%;
	margin-left:-5px;
    top: 100%;
    margin-top: auto;
    width: 0;
    height: 0;
    border-width: 10px;
    border-color: #173b7b transparent transparent transparent;
    border-style: dashed dashed dashed solid;
}
#owl-index .item .inner h1{ font-size:20px; white-space:nowrap;}
.section-header h3{ font-size:20px;}
.news-tab li{ font-size:16px;}
.home-screen .top .nav > li {
    margin: 0 4px
}
.pd-page{ margin:0;}
.pd-page h4{ letter-spacing:0;}
.pd-page ul {
    display: block;
}
.pd-serv li {
	width:100%;
	display:block;
}
#appshowbox{ display:none;}
.app-list a{ display:block;}
.app-list h5 {
    margin-right:0;
	font-size:16px;
	margin-bottom:10px;
	font-weight:normal;
}
.app-list .imgr {
    width:100%;
	height: auto !important;
}
.pd-tit {
    font-size: 20px;
	margin-bottom:30px;
}
.pd-tit2{ font-size:20px;}
.pro-padding-content iframe{ height:260px !important;}
.you{ margin-bottom:10px;}
.pd-page03 ul, .pd-gou ul, .pd-he ul {
    display: block;
}
.ul02, .pd-you ul {
    display: block;
	padding: 0 2%;
	margin-top: 20px;
}
.pd-page01 ul {
    display: block;
}
.pd-page01 ul li {
    margin: 20px 0px;
}
.ul02 li h1 {
    font-size: 24px;
    margin: 0 5%;
	margin-bottom:30px
}
.ul02 li p {
    font-size: 18px;
}
.ul02 li img {
    width:40px;
    margin-right: 10px;
}
.nav-tabs-detail li a{ padding-bottom:0; padding-top:0;}
}

@media (min-width: 468px){
.top .brand .img1{ display:block;}
.top .brand .img2{ display:none;}
.navbar-fixed-top{ position:fixed !important; background:#fff; box-shadow:0 3px 3px rgba(0,0,0,0.1); top:0 !important; left:0 !important; right:0 !important; padding:15px 5% 0; z-index:10}
.home-screen .top.navbar-fixed-top .nav > li > a{ color:#222}
.top.navbar-fixed-top .brand .img1{ display:none;}
.top.navbar-fixed-top .brand .img2{ display:block; transform:translatey(-5px)}
}