﻿
/* CSS Document */

/* CSS Document */
@font-face {
	font-family: 'iconfont';
	src: url('../font/iconfont.ttf') format('truetype');
  }
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, ul, ol, li, pre, form, fieldset, legend, button, input, textarea {
	margin: 0;
	padding: 0;
	border: 0;
}
/*th, td{margin: 0; padding: 0;}*/
html {
	color: #666;
}
html, body {
	width: 100%;
	min-width: 320px;
}
body, h2, button, input, select, textarea {
	margin: 0;
	padding: 0;
	font-family: "微软雅黑", "Microsoft Yahei", "Arial", "Verdana", "sans-serif";
	font-size: 14px;
	background-color: #fff;
}
ul, ol, li, dl, dd, dt {
	list-style: none;
}
em {
	font-style: normal;
}
a {
	text-decoration: none;
	outline: none;
}
a:hover {
	text-decoration: underline;
}
legend {
	color: #000;
}
fieldset, img {
	border: 0;
}
label, button {
	cursor: pointer;
}
/*解决IE图片缩放失真*/
img {
	-ms-interpolation-mode: bicubic;
}
/*清除浮动*/
.clearfix:after {
	content: '';
	display: block;
	height: 0;
	clear: both;
}
.clearfix {
	zoom: 1;
}
.clear {
	clear: both;
}
/*连续英文、数字换行*/
.wordwrap {
	word-break: break-all;
	word-wrap: break-word;
}
/*单行文字超出显示省略号*/
.omg {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
img {
	border: 0;
	vertical-align: middle;
}
a {
	color: #3a3a3a;
	text-decoration: none;
}
a:hover {
	text-decoration: none
}
.fl {
	float: left;
}
.fr {
	float: right;
}


/*首页*/
.container {
	width: 100%;
	max-width: 1140px;
	margin: 0 auto;
}

/* 顶部信息 */
#header {
	width: 100%;
	z-index: 999999;
}
#header .uk-flex-right\@m{
	max-width: 1140px;
	height: 42px;
	line-height: 42px;
    padding: 10px 0px 0px 0px;
	margin: 0 auto;
}
#header .language{	
	margin-right: 10px;
}
#header .language a{
	padding:0 8px;
	color: #004098;
	font-family: 'Microsoft YaHei', Helvetica, Arial, sans-serif;
    font-weight: normal !important;
	text-decoration: none;
	letter-spacing: 0.5px;
}

/* 顶部导航 */
.uk-navbar-container{
	max-width: 1140px;
	margin: 0 auto;
	z-index: 999999;
	line-height: 42px;
	padding-bottom: 30px;
}
.uk-navbar-container .uk-navbar-left img{
	max-height: 32px;
}
.uk-navbar-container .uk-navbar-right a{
	display: block;
	min-height: 30px;
}
.uk-navbar-container .uk-navbar-right span{
	display: none;
}
.uk-navbar-container .uk-navbar-nav li a{
	min-height: 32px;
}
.uk-navbar-container .uk-navbar-right ul li{
	position: relative;
}
.uk-navbar-container .uk-navbar-right .uk-navbar-nav>li.active>a{
	color: #004098;
	border-bottom: 1px solid #004098;
}

.uk-navbar-container .uk-navbar-right .uk-navbar-nav>li>a{
	color: #0c0c0c;
	font-size: 14px;
	letter-spacing: 0.5px;
	font-family: "微软雅黑", "Microsoft Yahei", "Arial", "Verdana", "sans-serif";
}
.uk-navbar-container .uk-navbar-right .uk-navbar-nav>li>a:hover{
	color: #004098;
}

.uk-navbar-container .uk-navbar-right .uk-navbar-nav>li>a::after{
	content: "";
	bottom: 0;
	left: 0;
	z-index:2;
	display: block;
	position: absolute;
	background-color: #004098;
	height: 1px;
	width:0;
	transition: .3s;
	/* transition-timing-function: cubic-bezier(.58,.3,.005,1); */
	box-sizing: border-box;
}
.uk-navbar-container .uk-navbar-right .uk-navbar-nav>li>a:hover::after{
	width: 100%;
}

.uk-navbar-container .uk-navbar-right .uk-navbar-nav .uk-navbar-dropdown ul li a:hover{
	color: #004098;
}

.uk-navbar-container .uk-navbar-right .uk-navbar-dropdown{
	width:400px;
}
.uk-navbar-container .uk-navbar-right .uk-navbar-dropdown .uk-navbar-dropdown-nav{
	color: #0c0c0c;
	font-size: 16px;
	margin-top: -30px;
    line-height: 1;
    padding: 10px 0 10px 10px;
    margin-bottom: -30px;
}


/* 首页banner */
.uk-slideshow ul li div{
	width: 30%;
	background-color:rgba(59,137,198,0.8);
}
.uk-slideshow ul li p{
	color: #fff;
	font-size: 22px;
	line-height: 1.6;
	font-weight: 400;
	position: absolute;
    top: 50%;
	transform: translateY(-50%);
}
.uk-slideshow ul li:nth-child(1) div{
	background-color:unset;
}
.uk-slideshow ul li:nth-child(2n+1) p{
	text-align: right;	
    right: 15px;
}
.uk-slideshow ul li:nth-of-type(2n) p{
	text-align: left;
    left: 15px;
}

/* 首页关于我们和新闻 */

.content .container{
	margin-top: 10px;
}
.content .container .uk-grid div{
	padding:30px
}
.content .container .uk-grid div h2{
	color: #0c0c0c;
	font-size:18px;
	line-height: 1;
}
.content .container .uk-grid .line{
	background-color: #cccccc;
	padding:0;
	height: 1px;
	margin-top: 15px;
}
.content .container .uk-grid .txt{
	padding:5px 0 0 0;
}
.content .container .uk-grid .txt p{
	display: block;
    line-height: 1.8em;
	color: #0c0c0c;
	margin: 10px 0;
	font-size: 14px;
	/* letter-spacing: 1px; */
}
.content .container .uk-grid .txt a{
	/* display: block; */
	color: #004098;
}
.content .container .uk-grid .txt li{
	display: block;
	border-bottom:1px dashed #cccccc;
	height: 1px;
	margin-top: 5px;
	margin-bottom: 10px;
}


/* 底部导航 */
#footer{
	background-color:#f2f2f2 ;
	margin-top: 60px;
}
#footer .container{
	padding:10px;
}
#footer .container .menu{
	width: 100%;
	padding:20px 0;
}
#footer .container .bto-nav{
	margin-left: -20px;
}
#footer .container .menu>li{
	display: block;
	float: left;
	letter-spacing: 0.5px;
}
#footer .container .menu .first-nav{
	color: #004098;
	font-size: 14px;
}
#footer .container .menu .sec-menu li{
	margin:5px 0;
	letter-spacing: 0.5px;
}
#footer .container .menu .child-nav{
	color: #0c0c0c;
	font-size: 12px;
}
#footer .container .bto-info{
	padding:10px 0;
	margin: 10px 0;
	margin-left: 0;
}
#footer .container .bto-info .copyright{
	color: #0c0c0c;
	font-size: 12px;
	padding-left: 0;
	line-height: 32px;
}
#footer .container .wrapper{
	text-align: center;
}
.icon {
	width: 1em;
	height: 1em;
	vertical-align: -0.15em;
	fill: currentColor;
	overflow: hidden;
  }
#footer .container .wrapper svg{
	font-size: 32px;
	line-height: 32px;
}
#footer .container .wrapper a svg:hover{
	transform: translateY(-8px);
	opacity: .9;
	transition: all 300ms ease-out 0s;
}

/* 底部微信页面 */
.wechat{
	position: absolute;
	top:20%;
	left: 35%;
}
.wechat .text-right div{
	width: 100%;
	height: 100%;
}

.wechat .text-left h2{
	display: inline-block;
	margin: 10px 0;
	color: #0067a5;
	font-size: 26px;
	line-height: 1;
	font-family: 'Microsoft YaHei', Helvetica, Arial, sans-serif;
	letter-spacing: 0.5px;
}
.wechat .text-left h3{
	color: #0c0c0c;
	font-size: 22px;
	line-height: 1;
	font-family: 'Microsoft YaHei', Helvetica, Arial, sans-serif;
	letter-spacing: 0.5px;
	margin-top: 30px;
	margin-bottom: 10px;
}
.wechat .text-left p{
	color: #0c0c0c;
	font-size: 16px;
    line-height: 2.6em;
	font-family: 'Microsoft YaHei', Helvetica, Arial, sans-serif;
	letter-spacing: 0.5px;
    margin-top: 10px;
}


/*-------------------内页开始-------------------*/

/* 关于我们单页 */

.bread{
	background-color:#f2f2f2; 
}
.bread .container{ 
	padding:10px;
}
.bread .container .navigation{
	padding:20px 0;
	font-size: 16px;
    color: #666;
    line-height: 1;
}
.bread .container .navigation a{
	color:#004098;
}
.column .container{
	padding:10px;
	margin-top: 15px;
}
.column .container h2{
	color: #0c0c0c;
	font-size: 20px;
    font-weight: normal;
	line-height: 1;
}
.ny_banner .container{
	padding:10px;
	margin-top: 30px;
}
.ny_banner .container img{
	width: 100%;
}


/* 产品列表 */
.pro-list .container>div{
	margin-bottom: 20px;
}
.pro-list .container .pic img{
	width: 100%;
}
.pro-list .container .list-one .info{
	background-color: #3c6d7a;
}
.pro-list .container>div .info .txt{
	margin: 10px 0 0 0;
	padding: 10px;
}
.pro-list .container>div .info .txt p{
	color: #fff;
	font-size: 14px;
    line-height: 1.8em;
	margin: 0 0 10px;
	text-align: center;
}
.pro-list .container>div .info .txt p a{
	color: #fff;
	font-size: 18px;
	font-family: 'Microsoft YaHei', Helvetica, Arial, sans-serif;
}
.pro-list .container .list-two .info{
	background-color: #70b870;
}
.pro-list .container .list-three .info{
	background-color:#cda585;
}
.pro-list .container .list-three .info .txt{
	padding: 0
}
.pro-list .container .list-four .info{
	background-color:#91908a;
}

/* product-show 内容详情*/
.column h2{
	margin-bottom: 20px;
}
.nrxq ul li{
	list-style: disc;
}
/* .content .nrxq{
	margin-top: 10px;
} */

/* 新闻列表 */
.line .container span{
	display: block;
	width: 100%;
	border-top:1px solid #cccccc;
}
.new_list .container .line{
	margin-top: 10px;
}
.new_list .container .bkxq{
	margin-bottom: 10px;
}
.new_list .container h3{
	margin-top: 20px;
	color: #0c0c0c;
    font-size: 16px;
    font-weight: normal;
    font-style: italic;
	line-height: 34px;
	letter-spacing: 0.5px;
	font-family: 'Microsoft YaHei', Helvetica, Arial, sans-serif;
}
.new_list .container h3 a{
	color: #0c0c0c;
}
.new_list .container .date{
	color: #666666;
    margin-bottom: 20px;
	line-height: 1.3em;
    font-size: 12px;
	letter-spacing: 0.5px;
}
.new_list .container .more{
	display: block;
	color: #004098;
    font-size: 14px;
	font-family: 'Microsoft YaHei', Helvetica, Arial, sans-serif;
	letter-spacing: 0.5px;
}

/* blog 内容详情页面 */

.new_list .container .bkxq{
	position: relative;
	margin-top: 30px;
}
.new_list .container .bkxq .info{
	position: absolute;
	bottom:0;
	left: 20%;
}
.new_list .container .pic{
	width: 18%;
	height: 130px;
	margin-right: 10px;
	float: left;
	overflow: hidden;
}
.new_list .container .pic a{
	display: block;
}
.new_list .container .pic img{
	width: 100%;
}


/* 联系我们 */
.content .container .lxwm{
	margin: 20px 0;
}
.content .container .lxwm .info{
	padding:0;
        text-align: center;
}


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

/* 顶部信息 */
#header{
	border-bottom: 1px solid #eee;
}

#header .uk-flex-right\@m{
	max-width: 100%;
	padding: 0;
}

#header .language{
	margin-left:15px;
	width: 100%;
}
#header .language a{
	display: inline-block;
	color: #494c4f;
	padding: 0;
	margin-right: 10px;
}
#header .language a:focus{
	background-color: #333;
	color: #fff;
}

/* 顶部导航 */
.uk-navbar-container .uk-navbar-left{
	margin-top: 20px;
}
.uk-navbar-container .uk-navbar-left img{
	width: 100%;	
}
.uk-navbar-container .uk-navbar-right ul{
	display: none;
}
.uk-navbar-container .uk-navbar-right .dht{
	display: block;
	margin-bottom: -30px;
}
.uk-navbar-container .uk-navbar-right span{
	display: block;
	color: #000000;
}
.uk-navbar-container .uk-navbar-right span:hover{
	display: block;
	color: #004098;
}
.uk-navbar-container .uk-navbar-right #my-id div{
	background-color: #fff;
}
.uk-navbar-container .uk-navbar-right #my-id ul{
	display: block;
}
.uk-navbar-container .uk-navbar-right #my-id ul li{
	width: 100%;
}
.uk-navbar-container .uk-navbar-right #my-id ul li a{
	color: #666;
	line-height: 30px;
	border-bottom: none;
	font-family: 'Microsoft YaHei', Helvetica, Arial, sans-serif;
	font-size: 15px;
	letter-spacing: 0.5px;
}
.uk-navbar-container .uk-navbar-right #my-id li.active a{
	color: #004098;
}
.uk-navbar-container .uk-navbar-right #my-id .pro-nav-next{
	position: relative;
	top:0;
	left: 0;
}
.uk-navbar-container #my-id .pro-nav-next ul{
	width: 220px;
}
.uk-navbar-container #my-id .pro-nav-next ul li a{
	padding-bottom: 0px;
	font-size: 13px;
}







/* 首页轮播图 */
.sybanner ul{
	min-height: 122px !important;
}
.sybanner ul img{
	display: block;
	max-width: 420px;
    max-height: 122px;
}
.sybanner ul div{
	display: none;
}

/* 首页关于我们和新闻 */
.content .container .syinfo{
	padding-right: 0px;
}
.content .container .syinfo .idx-about{
	padding:30px 20px 30px 40px;
}
.content .container .syinfo .idx-news{
	padding:30px 20px 30px 40px;
}
.content .container .idx-news{
	margin-top: 0px;
}
.content .container .uk-grid .txt p{
	letter-spacing: 0.5px;
}


/* 底部导航 */
#footer .container{
	padding: 0px;
}
#footer .container ul li{
	text-align: center;
	
}
#footer .container .menu .first-nav{
	font-size: 20px;
	letter-spacing: 0.5px;
}
#footer .container .menu .child-nav{
	font-size: 13px;
	/* letter-spacing: 0.5px; */
}
#footer .container .menu .sec-menu ul li{
	margin-bottom: 15px;
}
#footer .container .bto-info div{
	text-align: center;
}
#footer .container .bto-info .wrapper{
	padding-left: 0px;
	margin-bottom: 10px;
}
#footer .container .bto-info{
	margin-bottom: 0px;
}


/* 底部微信页面 */
.wechat{
	position: absolute;
	left: 0;
}
.wechat .container div{
	text-align: center;
}
.wechat .container .text-left .info{
	float: none;
	margin-right: 0px;
}



/*          手机内页开始        */
/* 关于我们内页 */
.bread .container{
	padding:10px 0;
}
.bread .container .navigation{
	margin-left: 10px;
}
.ny_banner .container{
	padding: 0px;
	margin-top: 0;
}
.content .nrxq{
	width: auto !important;
	padding: 0 10px;
}
.content .nrxq img{
	width: auto !important;
	max-width: 100%;
}
.content .container div{
	padding:0 10px;
}
.column .container{
	padding: 0;
}
.column .container h2{
	padding-left: 10px;
	margin-bottom: 40px;
}
/* 新闻内页 */
.line{
	padding:0 10px;
}
.new_list{
	padding:0 10px;
}
.new_list .line{
	padding:0;
}

/* 博客内页图片 */
.new_list .container .bkxq .info{
	left: 45%;
	top:-10px;
}
.new_list .container .bkxq .info h3{
	margin-top: 0;
}
.new_list .container .pic{
	width: 150px;
	height: 110px;
}
.new_list .container .pic img{
	width: 100%;
}
.new_list .container .date{
	margin-bottom: 10px;
}

/* 联系我们--留言板 */
.content .container .lxwm .lyk div{
	padding-left: 0px;
}
.content .container .lxwm .lyk button{
	margin-left: 0px;
}


}


