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

/*html{-webkit-tap-highlight-color:transparent}*/
body,td,th,input,textarea,select{
	font-family:"微软雅黑", Arial, Tahoma;
	font-size:14px;
	color:#484848;
}
body,form{
	margin:0;
}
body{background:#DADADA;}
img{border:0px none; vertical-align:middle;}
ul{display:block; margin:0; padding:0;}
li{list-style:none;}
p{display:block; margin:0; padding:0;}
h1{color:#333; display:block; margin:0; padding:0; font-size:26px; font-weight:normal;}
a{color:#464646; text-decoration:none; outline:none;}
a:hover,a:active{color:#EC0000;}
.aGray{color:#999;}
.aGray:hover,aGray:active{color:#EC0000;}
.bgcolorfff{background-color: #fff;}


/*====================
		public
======================*/
.i_nav{border-bottom:1px solid #EEE; height:42px;}
.i_nav .i_nav_icon{margin-top:3px; margin-left:8px;}
.i_nav .i_nav_wz{float:left; margin-left:2px;}
.i_nav .i_nav_wz .i_nav_wz_cn{font-size:15px; padding-top:6px;}
.i_nav .i_nav_wz .i_nav_wz_en{color:#999; font-size:9px;}
.more{float:right; background:#A5A5A5; height:42px; width:60px; text-align:center;}
.fl{float:left;}
.fr{float:right;}
.mt12{margin-top: 12px;}
/*====================
		header
=====================*/
#head{width:100%; height:48px; background:#0066AC; box-shadow:0px 1px 3px 0px rgba(0,0,0,0.3); position:fixed; z-index:999; top:0; border-top:1px solid #0169ad;}
#logo{text-align:center; margin-top:1px; padding-top:5px;}
#logo img{margin-left:-5px;}
#topM{text-align:right; position:absolute; top:13px; right:12px;}
#topMC{position:absolute; top:48px; right:10px; width:0px; height:0px; background:#0066AC; box-shadow:1px 1px 2px 0px rgba(0,0,0,0.35); overflow:hidden;}
#topMenu li{display:block; border-bottom:1px solid #1A76B4;}
#topMenu li a{display:block; padding-top:10px; padding-bottom:10px; padding-left:15px;}
#topMenu li a img{margin-right:8px; margin-top:-2px;}
#topMenu li a span{color:#FFF; font-size:14px;}

/*====================
		banner
=====================*/
.device{position:relative; z-index:1;}
.swiper-container{width:100%; text-align:center;}
.swiper-wrapper{overflow:hidden;}
.pagination{text-align:center;}
.swiper-pagination-switch {display:inline-block; width:10px; height:10px; background:#FFF; margin:0 5px; cursor:pointer; position:relative; top:-20px; z-index:9; border-radius:5px;}
.swiper-active-switch{background:#0075c1;  border-radius:5px;}
.swiper-slide{width:100%;}
.swiper-slide img{border:0px none; max-width:100%; text-align:center;}
.swiper-slide a{}
/*====================
		index-product
=====================*/
#proindex{margin-top:8px; height:105px; overflow:hidden;}
#proindex .swiper-container{height:105px;}
#proindex .swiper-pagination-switch {
	display:inline-block;	
	width:8px;
	height:8px;
	background:#DDD;
	margin:0 5px;
	cursor:pointer;
	position:relative; top:-18px; z-index:9;
	border-radius:0px;
	box-shadow:1px 1px 1px 0px rgba(0,0,0,0);
	border-radius:5px;
}
#proindex .swiper-slide{line-height: 140%}
#proindex .swiper-active-switch{background:#0075c1; border-radius:5px;}
#proindex .arrow-left{position:absolute; left:0; padding-left:10px; display:inline-block; height:100px; z-index:9; background:#FFF;}
#proindex .arrow-left img{margin-top:22px;}
#proindex .arrow-right{position:absolute; right:0; padding-right:10px; display:inline-block; height:100px; z-index:9; background:#FFF;}
#proindex .arrow-right img{margin-top:22px;}

#foot{text-align:center; color:#888; margin-top:20px; margin-bottom:76px;}
#aTOP{position:fixed; z-index:1000; right:10px; bottom:66px; display:block; width:40px; height:40px;}
#menuFootC{width:100%; position:fixed; left:0; bottom:0; height:56px; background:url(../images/menuFoot_bg.png) repeat-x; box-shadow:0px -1px 3px 0px rgba(0,0,0,0.12); z-index:1000;}
#menuFoot{width:90%; display:table; margin:auto;}
#btmMenu{display:table-row-group;}
#btmMenu li{display:table-cell; position:relative; z-index:999;}
#btmMenu li a{display:block; text-align:center; padding-top:4px; color:#fff;}
#btmMenu li a span{display:block; text-align:center; margin-top:3px; font-weight:bold;}

/**/
#main{width:100%; height:auto; background:#FFF; padding-bottom:20px; margin-top:49px;}
#nav{background:#E1F0FB; height:35px;}
#nav a{height:35px; line-height:35px; color:#464646; font-size:14px; text-align:center; display:block; float:left;}
#nav a.A{color:#0066CC; background:#FFF;}
.about{line-height:180%; margin-top:20px;}
.about p{margin-bottom:10px;}
.about img{max-width:100%;}
.contact table tr td{width:100%;}
.contact table tr td:last-child{display: none;}
.contact img{max-width:100%;}
.culture{line-height:180%; margin-top:20px;}
.culture p{margin-bottom:20px;}

#news{display:table; width:100%;}
#news li{display:table-row-group;}
#news li div{display:table-cell; vertical-align:top;}
#news li div.time{width:54px; background:url(../images/newsdate.png) no-repeat left top; padding-top:8px; padding-bottom:10px; text-align:center; color:#FFF;}
#news li div span{display:block;}
#news li div.con{padding-left:10px;}
#news li div span.tit{font-size:14px; line-height:130%; color:#333;}
#news li div span.context{font-size:12px; color:#888; line-height:140%; margin-top:4px;}

#newscon *{line-height:200% !important; font-size:14px !important;}
#newscon p{margin-bottom:20px !important; text-align:left;text-indent:18pt;line-height:150%;}
#newscon img{max-width:100% !important;}

#prolist{display:table; width:100%;}
#prolist li{display:table-row-group;}
#prolist li div{display:table-cell; vertical-align:top;}
#prolist li div.img{width:120px;}
#prolist li div.img img{width:120px; border-radius:3px; box-shadow:1px 1px 2px 0px rgba(0,0,0,0.2);}
#prolist li div span{display:block;}
#prolist li div.con{padding-left:10px; vertical-align:middle; font-size:14px; line-height:140%;}

#path{line-height:40px; padding-left:20px; padding-right:20px; background:#E1F0FB;}
#probimg{margin-top:16px;}
#probimg img{width:100%; max-width:400px; border-radius:5px; box-shadow:1px 1px 3px 0px rgba(0,0,0,0.2);}
#procon{padding-top:20px; clear:both;}
#procon img{max-width:100% !important;}

.searHeight{font-style:normal; color:#EC0000;}

#searchC{padding:20px; padding-bottom:0px;}
#search{background:#DDD; height:30px; border-radius:5px; padding-right:20px; position:relative;}

.tags_title{border-bottom:1px solid #DDD; padding:8px 0px 8px 10px; background:url(../images/title_bg_1.png) repeat-x left top; color:#FF6600; font-weight:bold;}
.tags_content{margin-top:10px; margin-bottom:20px; line-height:200%;}

input,textarea{padding:6px; width:95%; border-radius:5px; border:1px solid #CCC; box-shadow:1px 1px 4px #DDD inset; vertical-align:middle;}
#form1 p{display:block; margin-bottom:3px;}

.contact {line-height: 24px;}

/* 分页 */
.pagenation {
    float:left;
    text-align:center;
    width:100%;
    margin:0px;
    position:relative;
    overflow:hidden;}
.page {
    display:inline-block;
    font: 12px/28px "微软雅黑", Tahoma, "宋体";
    *display:inline;
    :1;
    *zoom:1;}
.page span {
    float:left;}
.page a,
.page span.disabled {
    background:#FFF;
    border:1px solid #CCC;
    color:#333;
    float:left;
    font: 14px/24px "微软雅黑", Tahoma, "宋体";
    height:24px;
    margin-right:5px;
    min-width:15px;
    padding:0 4px;
    text-align:center;
    vertical-align:middle;
    white-space:nowrap;
    _width:15px;}
.page a:hover {
    border:1px solid #303C86;
    color:#303C86;
    text-decoration:none;}
.page span.disabled {
    background:#FFF;
    border:1px solid #CCC;
    color:#CCC;}
.page span.ellipsis {
    float:left;
    font: 14px/24px "微软雅黑", Tahoma, "宋体";
    line-height:22x;
    margin-right:5px;}
.page .page_txt {
    line-height:20px;
    float:right;
    width:auto;}
.page a.page-curpage {
    background:#FF7F00;
    border:1px solid #FF7F00;
    color:#FFF;
    font-weight:bold;}
.page input {
    font: 14px Verdana;
    padding:0 0 0 1px;
    width:40px;
    height:14px;}

.feedback p{margin-bottom: 5px;}

.channel-more{height:45px; line-height:45px; border-top:1px solid #E3E3E3; background:#EDECEC; color:#404952; text-align:center;}
.article-list{width:96%; margin:0 auto; overflow:hidden;    box-shadow:0 0 3px 1px rgba(226,226,226,.2),0 0 3px 3px rgba(226,226,226,.2),0 0 3px 5px rgba(226,226,226,.2);}
.article-list li{height:37px; line-height:37px; padding:0 5px; background:#fff; border-top:1px solid #EAEAE5; border-bottom:1px solid #E2E3DD; overflow:hidden;}
.article-list li a{}
.article-list li a:hover{color:#2FA52D;}
.article-list li span{ float:right;}

.mini-menu-wrapper {
    margin:0 20px 30px;
}
.mini-menu-wrapper .mini-menu li.is-active a {
    color:#ffd101;
}

.mini-menu {
    display:none;
}
.mini-menu.opened {
    display:block;
}
.mini-menu ul {
    list-style:none;
    padding:0;
    margin:0;
}
.mini-menu ul li {
    padding:0 0 0 20px;
    line-height:50px;
    font-size:15px;
    background-color:#f8f8f8;
    border:1px #eaeaea solid;
}
.mini-menu ul li.is-active a {
    color:#ffd101;
}

.mini-menu li a {
    display:block;
    text-decoration:none;
}

.mini-menu-title {
    line-height:50px;
    font-size:15px;
    color:#fff;
    padding:0 0 0 20px;
    background-color:#ffd101;
    margin:20px 0 0 0;
    position:relative;
}
.mini-menu-title:after {
    position:absolute;
    content:"";
    display:block;
    width:16px;
    height:16px;
    top:17px;
    right:20px;
    background:url(../images/icon-submenu-default.png) no-repeat;
}
.mini-menu-title.active:after {
    background:url(../images/icon-submenu-opened.png) no-repeat;
}
.mini-menu-title {
    background-color:#999999;
}
.mini-menu-title.active {
    background-color:#ffd101;
}


#prolist li {border-bottom:1px solid #DADBD1; overflow:hidden; width:100%;}
#prolist li div.p{ width:71px; height:71px; padding:10px; overflow:hidden; float:left;}
#prolist li .p img{width:71px;height:71px;}
#prolist li .a{display: inline-block;width:100%;}
#prolist li .c{ padding-top:13px; overflow:hidden;}
#prolist li strong{  color:#404952; font-weight:normal;height: 18px;display: block;overflow: hidden;}
.index-block .more{ display:block; height: 100%;width: 100%; line-height:45px; border-bottom:1px solid #E3E3E3; background:#EDECEC; color:#404952; text-align:center;}

.promore a{width:80px; height: 32px; line-height: 32px; background: #f6f6f6; text-align: center; color:#0066AC; display:block;}
.promore a.l{float:left;}
.promore a.r{float:right;}