/*
**************************
(C)2010-2015 phpMyWind.com
update: 2013-4-27 16:57:34
person: Adu
**************************
*/

/*通用样式*/
body{font-family:"微软雅黑"; font-size: 12px;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
img{border:0; max-width:100%;}ul,li{list-style-type:none;}
a{outline:none;}
a,a:visited{text-decoration:none;}
.cl{clear:both;}

/**** 图片切换 ****/
.slideBox{ 
	position:relative; 
	overflow:hidden; 
	width:100%;
	float: left;
}
.slideBox .hd{ 
	position:absolute; 
	height:10px; 
	bottom:10px; 
	right: 0; 
	z-index:1; 
	width: 100%;
	text-align: center;
}
.slideBox .hd li{ 
	display:inline-block; 
	width: 10px; height:10px; 
	background:#ffffff; 
	text-indent:-9999px; 
	overflow:hidden; 
	margin:0 4px; 
	border-radius: 10px;
}
.slideBox .hd li.on{ background:#326fb2;  }
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; text-align:center;  }
.slideBox .bd li img{ background:url(images/loading.gif) center center no-repeat;  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */


/*主题区域*/
.pubBox{border-top:solid 2px #5d99e2;}

.pubBox .hd{height:35px;line-height:35px;background:#e9e9e9;border-bottom:solid 1px #dcdcdc;}
.pubBox .hd h2{width:95%;padding-left:10px;font-size:1.125em;position:relative;text-align:left;font-weight:bold;color:#2d70c3;}

.pubBox .ft{padding:15px;}
.pubBox .ft .info{line-height:1.6em;color:#333;}
.pubBox .ft .list li{line-height:2em;border-bottom:solid 1px #eceef0;box-shadow:0 1px 1px #fbfbfb;max-width:100%;text-overflow:ellipsis;white-space:nowrap !important;white-space:normal;overflow:hidden;color:#333;}

.pubBox .ft .img li{float:left;width:33.3%;}
.pubBox .ft .img li a{border:1px solid #f5f5f5;}

.pubBox .ft .img2 li{float:left;width:50%;margin-bottom:5px;}
.pubBox .ft .img2 li a.imgarea{display:block;border:1px solid #f5f5f5;}
.pubBox .ft .img2 li p{height:2rem;overflow:hidden;}
.pubBox .ft .img2 li p a{color:#333;}


.goChannel{height:52px;line-height:52px;text-align:center;}
.goChannel span{height:22px;line-height:22px;background:url(../images/mobile/icon.png) right 0px no-repeat;background-size:22px 22px;display:inline-block;color:#b3b5b9;padding-right:27px;margin:15px 0;}
.goChannel span{background:url(../images/mobile/icon_on.png) right 0px no-repeat;background-size:22px 22px;}

.top{
    background: #3a3a3a;
    padding: 0 1rem;
    line-height: 2.5rem;
    text-align: right;
}
.top a{
    color: #ffffff;
}


/*内页头部*/
.top_nav{
	background: #333333;
	width: 100%;
	height: 3em;	
	line-height: 3em;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999999;
}
.tn_left{
	float: left;
	width: 70%;
	text-indent: 1em;
	color: #ffffff;
}
.tn_right{
	width: 30%;
	float: right;
}
/*内页*/
.mobile_main{
	width: 100%;
	float: left;
	overflow: hidden;
}
.main_title{
	width: 100%;
	float: left;
	background: #cccccc;
	overflow: hidden;
	height: 3em;
	line-height: 3em;
}
.main_title span{
	padding: 0 1.5em;
	color: #ffffff;
	background: #326fb2;
	float: left;
	display: inline-block;
	margin-right: 5px;
}
.main_title a{
	color: #333;
	float: right;
	margin-right: 10px;
	padding-right: 20px;
	text-decoration: none;
	background: url(../images/down.png) right no-repeat;
}

.main{
	line-height: 2em;
	float: left;
	width:100%;
}


.column{
	width: 100%;
	float: left;
	overflow: hidden;
	background: #326fb2;
	display: none;
}
.column ul li{
	width: 100%;
	float: left;
	line-height:3em;
	border-bottom: 1px dotted #ffffff;
}
.column ul li a{
	color: #ffffff;
	padding-left: 20px;
}




/*图片列表*/
.img2{
	width: 92.1875%;
	margin: 0 auto;
	overflow: hidden;
}
.img2 li{
	width: 48.3%;
	float: left;
	margin-top: 1em;
	margin-left: 3.3%;
	text-align: center;
}
.img2 li a img{ height: 10em;}
.img2 li:first-child{
	margin-left: 0;
}
.img2 li a .mobile_pic{
	display: table-cell;
	text-align: center;
	overflow: hidden;
}
.img2 li a .mobile_pic img{
	vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
}
.img2 li a .mobile_text{
	width: 100%;
	line-height: 2em;
	text-align: center;
}
.img2 li a{
	color: #333;
}

/*详细内容*/
.subCont{ width:100%; float:left; margin-top:1em;}
.subCont .title{font-size:1.5em;line-height:1.2em;text-align:center;}
.subCont .continfo{width:100%;text-align:center;margin:15px auto;border:1px solid #ccc;border-left:none;border-right:none;color:#666;}
.subCont .continfo span{color:#999;}
.subCont .contimg{margin:20px auto;text-align:center;overflow:hidden;display:table;}
.subCont .contimg a img{border:1px solid #ccc;padding:1px;}
.subCont .contimg a:hover img{border:1px solid #999;padding:1px;background:#B1D8F3;}
.subCont .conttxt{color:#333; padding:1em;}


/*内容分页*/
.contPage{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:10px;margin:20px 0 10px;}
.contPage a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}
.contPage a.on{color:#fff;border:1px solid #898989;background:#898989;}


/*列表分页*/
.page_info{text-align:center;margin:10px 0;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:10px;margin:20px 0 10px;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}
.page_list a.on{color:#fff;border:1px solid #898989;background:#898989;}


/*详细内容*/
.subCont{margin-top:10px;}
.subCont .title{font-size:1.5em;line-height:1.2em;text-align:center;}
.subCont .continfo{width:100%;text-align:center;margin:15px auto;border:1px solid #ccc;border-left:none;border-right:none;color:#666;}
.subCont .continfo span{color:#999;}
.subCont .contimg{margin:20px auto;text-align:center;overflow:hidden;display:table;}
.subCont .contimg a img{border:1px solid #ccc;padding:1px;}
.subCont .contimg a:hover img{border:1px solid #999;padding:1px;background:#B1D8F3;}
.subCont .conttxt{color:#333; line-height:2em;}



.list li{line-height:3.5em;border-bottom:solid 1px #eceef0;box-shadow:0 1px 1px #fbfbfb;padding: 0 10px;max-width:100%;text-overflow:ellipsis;white-space:nowrap !important;white-space:normal;overflow:hidden;color:#333;}
.list li a{ color: #333; }
.info{line-height:2em;color:#333; padding:1em;}


@-webkit-keyframes fadeInUp{
	0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
	100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp{
	0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
	100%{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
.animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}


/*留言栏目*/
.msgtitle{display:block;padding-bottom:5px;font-size:14px;font-weight:bold;}
.message_block{color:#666;}
.message_block p{padding:12px;}
.msg_input{width:100%;border:1px solid #e0e0e0;padding:8px 9px;background:#fff;font-size:13px;color:#888;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;}
.msg_input_on{width:100%;border:1px solid #8cd1ff;background:#f1f9ff;padding:8px 9px;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;font-size:13px;color:#888;}
.message_labes{font-size:14px;}
.message_title{height:34px;line-height:34px;background:#f6f9fb;padding:0 12px;}
.message_title h2{color:#376b88;font-size:14px;float:left;}
.message_title span{float:right;font-weight:bold;color:#999;}
.message_info{color:#8ea6b6;text-align:right;}
.message_replay{background:#f5f5f5;padding:0 12px;}
.msg_btn_area{margin:16px 0;text-align:right;}
.msg_btn_area a{display:inline-block;padding:5px 15px;background:#e03b7d;color:#fff;text-align:center;font-family:"宋体";font-size:14px;overflow:hidden;cursor:pointer;font-weight:bold;}
.msg_btn_area a:hover{text-decoration:none;background:#F60}
.msgflag{margin-left:4px;font-size:12px;color:#900;}

.row{
	width: 100%;
	float: left;
	overflow: hidden;
}
.fl{ float: left; }
.fr{ float: right; }
.pd{ padding: 0 10px; }
.fix {
*zoom:1;
}
.fix:after, .fix:before {
	display: block;
	content: "clear";
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden;
}

/*首页*/
header{
	height: 5rem;
}
.logo img{
	height: 5rem;
}

nav{
	background: #326fb2;
}
nav a{
	display: block;
	width: 20%;
	float: left;
	line-height: 2.5rem;
	color: #ffffff;
	border-top: 1px solid #ffffff;
	background: url(../images/mobile/line.jpg) right no-repeat;
	background-size: 1px 1.5rem;
	text-align: center;
}
nav a:nth-child(5),nav a:nth-child(10){
	background: none;
}

/*热门搜素*/
.hotBox{
	background: #326fb2;
	line-height: 2.5rem;
	color: #ffffff;
}
.hot{
	height: 2.5rem;
	overflow: hidden;
	float: left;
}
.hot span{
	float: left;
}
.hot a{
	float: left;
	color: #ffffff;
	padding: 0 5px;
}

.search{
	float: left;
	padding-left: 10px;
	padding-top: 0.25rem;
}
.search .stext{
	width: 70%;
	float: left;
	height: 2rem;
	background: #ffffff;
	border: none;
	line-height: 2rem;
	color:#333333;
}
.search .sbtn{
	width: 30%;
	float: left;
	height: 2rem;
	background: #d4a330;
	text-align: center;
	border: none;
	line-height: 2rem;
}

.aboutBox{
	background: url(../images/mobile/about.jpg) no-repeat;
	background-size: 100% 100%;
	padding-bottom: 3rem;
}
.aboutTitle{
	text-align: center;
	padding-top: 1.5rem;
	padding-bottom: 1rem;
	color: #326fb2;
}
.about .hd{ height: 25px; line-height:25px; overflow:hidden; }
.about .hd ul{
	width: 100%;
	float: left;
	text-align: center;
}
.about .hd ul li{ display: inline-block; padding:0 1rem; vertical-align:top;}
.about .hd ul li a{
	color: #111111;
	display: inline-block;
	line-height: 20px;
	padding: 0 5px;
	border-radius: 3px;
	text-decoration: none;
}
.about .hd ul li.on a{
	background: #326fb2;
	color: #ffffff;
}


.about .bd ul{ padding:10px;  }
.about .bd ul li{
	padding-top: 10px;
}
.about .bd ul li .gstxt{
	text-align: center;
	line-height: 2rem;
	color: #111111;
}
.about .bd ul li .gstxt p{
	text-align: left;
	text-indent: 2rem;
}
.about .bd ul li .gstxt a{
	display: inline-block;
	line-height: 2rem;
	color: #ffffff;
	padding: 0 1rem;
	border-radius: 5px;
	margin-top: 1.5rem;
	background: rgba(0,0,0,0.2);
}
.about .bd ul li .gspic{
	text-align: center;
}
.about .bd ul li .gspic a{
	display: inline-block;
	line-height: 2rem;
	color: #ffffff;
	padding: 0 1rem;
	border-radius: 5px;
	margin-top: 1.5rem;
	background: rgba(0,0,0,0.2);
}


.serviceBox{
	background: #326fb2;
	padding-bottom: 20px;
}
.service{
	padding-top: 2rem;
}
.service .hd{ height:30px; line-height:30px; overflow:hidden; position: relative;}
.service .hd ul{
	width: 100%;
	float: left;
	text-align: center;
}
.service .hd ul li{ display: inline-block; padding:0 5px; vertical-align:top;  }
.service .hd ul li a{
	color: #ffffff;
	display: inline-block;
	line-height: 20px;
	padding: 0 5px;
	border-radius: 3px;
	text-decoration: none;
}
.service .hd ul li.on a{
	background: #ffffff;
	color: #326fb2;
}

.service .bd ul{ padding:10px; height: 200px; }
.service .bd ul li{
	width: 50%;
	float: left;
	padding: 0 0.5rem;
	text-align: center;
	line-height: 2rem;
	color: #ffffff;
}
.service .bd ul li .pic{
    height: 15rem;
    background: #ffffff;
    overflow: hidden;
}
.service .bd ul li .pic img{
    vertical-align: middle;
    display: inline-block;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.service .bd ul li a{
	color: #ffffff;
}
.service .bd ul li .txt{
	padding-top: 10px;
}

.productBox{
	background: url(../images/mobile/product.jpg) no-repeat;
	background-size: 100% 100%;
	padding-bottom: 20px;
}
.productTit{
	padding-top: 2rem;
	padding-bottom: 1rem;
	color: #ffffff;
	text-align: center;
}
.product .hd{ height:30px; line-height:30px; overflow:hidden; position: relative;}
.product .hd ul{
	width: 100%;
	float: left;
	text-align: center;
}
.product .hd ul li{ display: inline-block; padding:0 5px; vertical-align:top;  }
.product .hd ul li a{
	color: #ffffff;
	display: inline-block;
	line-height: 20px;
	padding: 0 5px;
	border-radius: 3px;
	text-decoration: none;
}
.product .hd ul li.on a{
	background: #ffffff;
	color: #326fb2;
}

.product .bd ul{ padding:10px; height: 180px; }
.product .bd ul li{
	width: 50%;
	float: left;
	padding: 0 0.5rem;
	text-align: center;
	line-height: 2rem;
	color: #ffffff;
}
.product .bd ul li a{
	color: #ffffff;
}
.product .bd ul li .txt{
	padding-top: 10px;
}

.teamBox{
	padding-bottom: 2rem;
}
.teamTitle{
	text-align: center;
	padding-top: 2rem;
	padding-bottom: 1rem;
}

.team .hd{ height:30px; line-height:30px; overflow:hidden; position: relative;}
.team .hd ul{
	width: 100%;
	float: left;
	text-align: center;
}
.team .hd ul li{ display: inline-block; padding:0 5px; vertical-align:top;  }
.team .hd ul li a{
	color: #111111;
	display: inline-block;
	line-height: 20px;
	padding: 0 5px;
	border-radius: 3px;
	text-decoration: none;
}
.team .hd ul li.on a{
	background: #326fb2;
	color: #ffffff;
}


.team .bd ul{ padding:10px; height: 180px; }
.team .bd ul li{
	width: 50%;
	float: left;
	padding: 0 0.5rem;
	text-align: center;
	line-height: 2rem;
}
.team .bd ul li a{
	color: #111111;
}
.team .bd ul li .txt{
	padding-top: 10px;
}

.caseBox{
	background: #326fb2;
}
.case{
	padding-top: 2rem;
	padding-bottom: 1rem;
}
.case .hd{ height:30px; line-height:30px; overflow:hidden; position: relative;}
.case .hd ul{
	width: 100%;
	float: left;
	text-align: center;
}
.case .hd ul li{ display: inline-block; padding:0 5px; vertical-align:top;  }
.case .hd ul li a{
	color: #ffffff;
	display: inline-block;
	line-height: 20px;
	padding: 0 5px;
	border-radius: 3px;
}
.case .hd ul li.on a{
	background: #ffffff;
	color: #326fb2;
}

.case .bd ul{ padding: 0 1rem;}
.case .bd ul li{
	width: 100%;
	padding: 1rem 0;
}
.case .bd ul li .pic{
	width: 40%;
	float: left;
}
.case .bd ul li .txt{
	width: 60%;
	float: left;
	padding-left: 1rem;
}
.case .bd ul li .txt .title{
	background: url(../images/mobile/cline.jpg) left bottom no-repeat;
	background-size: 50px 1px;
	line-height: 2.5rem;
	padding-top: 0.5rem;
}
.case .bd ul li .txt .title a{
	color: #ffffff;
}
.case .bd ul li .txt .desc{
	color: #ffffff;
	line-height: 2rem;
	padding-top: 0.5rem;
}

.newsBox{
	background: #f5f6f7;
}
.newsTitle{
	padding-top: 2rem;
	padding-bottom: 1rem;
	text-align: center;
}

.news .hd{ height:30px; line-height:30px; overflow:hidden; position: relative;}
.news .hd ul{
	width: 100%;
	float: left;
	text-align: center;
}
.news .hd ul li{ display: inline-block; padding:0 5px; vertical-align:top;  }
.news .hd ul li a{
	color: #111111;
	display: inline-block;
	line-height: 20px;
	padding: 0 5px;
	border-radius: 3px;
}
.news .hd ul li.on a{
	background: #326fb2;
	color: #ffffff;
}

.news .bd ul{ padding: 1rem; }
.news .bd ul li{
	width: 100%;
	background: #ffffff;
	padding: 0 1rem;
	height: 5rem;
	margin-bottom: 1rem;
}
.news .bd ul li .day{
	float: left;
	width: 10%;
	text-align: center;
	color: #111111;
	font-size: 3rem;
	line-height: 5rem;
}
.news .bd ul li .date{
	line-height: 1.5rem;
	margin-top: 1rem;
	color: #111111;
	width: 15%;
	float: left;
	text-align: center;
	border-right: 1px solid #c1c1c1;
}
.news .bd ul li .text{
	width: 75%;
	float: left;
	color: #111111;
	line-height: 1.5rem;
	padding-top: 1rem;
	padding-left: 1rem;
}
.news .bd ul li .text p+p{
	color: #666666;
}

footer{
	padding: 0.5rem 1rem 3rem;
}
.foot{
	padding: 1rem;
	border: 1px solid #326fb2;
}
.foot .tel{
	background: url(../images/tel.jpg) left no-repeat;
	background-size: auto 4rem;
	line-height: 2rem;
	padding: 0.5rem 0;
	padding-left: 5rem;
	font-size: 2rem;
	color: #326fb2;
	font-family: '宋体';
	font-weight: bold;
	float: left;
}
.foot .tel p:first-child{
	letter-spacing: 2px;
}
.foot .link{
	float: right;
	margin-top: 1rem;
	padding-right: 1rem;
}
.foot .link a{
	color: #ffffff;
	display: inline-block;
	line-height: 3rem;
	padding: 0 2rem;
	border-radius: 5px;
	background: #326fb2;
}

.footAddr{
	line-height: 2.5rem;
	color: #326fb2;
	font-family: '宋体';
	font-weight: bold;
	font-size: 1.5rem;
	padding-top: 0.5rem;
}

.fmenu{
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	background: #326fb2;
	height: 4rem;
	line-height: 4rem;
}
.fmenu ul li{
	text-align: center;
}
.fmenu ul li a{
	color: #ffffff;
	font-size: 1.5rem;
}