/***************** universal *****************/
#page{ margin:0 auto; background:#fff;}

.fl{ float:left;}
.fr{ float:right;}

img{ width:100%;}
#head{ width:100%; height:50px; overflow:hidden; background:rgba(255,255,255,0.2); position:fixed; top:0; left:0; z-index:999;}
#head .logo{ margin-left:15px;}
#head .logo img{ width:auto; height:50px;}

#head a.menu{ width:28px; height:28px; margin:6px 8px 0 0; background-color:#5c5c5c; border-radius:8px; display:inline-block; float:right; position:relative; text-align:center; vertical-align:middle; background:#5c5c5c url(../images/icon1.png) no-repeat center center; background-size:48%;}
#head a.menu{ width:50px; height:50px; margin:0; border-radius:0; background:url(../images/icon4.png) no-repeat center center; background-size:50%;}

#head.mini {
	z-index: 99999;
	/*background: #fff;
    background: rgba(255, 255, 255, 1);*/
    padding-top: 0px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
    background: rgba(255,255,255,0.9);
}
#head.mini a.menu{ background:url(../images/icon5.png) no-repeat center center; background-size:50%;}

/***************** banner *****************/
.box_swipe{ position:relative; overflow:hidden;}
.box_swipe ul{ -webkit-padding-start:0px;}
.box_swipe>ol{ width:100%; height:16px; text-align:center; position:absolute; right:0; bottom:15px;}
.box_swipe>ol>li{ display:inline-block; margin:5px 5px 0 5px; width:25px; height:3px; background:#fff; border-radius:5px;}
.box_swipe>ol>li.on{ width:25px; background:#f6b504;}

/***************** content *****************/
#content{ padding-bottom:100px; background:url(../images/bg.gif) no-repeat center bottom; background-size:120%;}

.company_industry{ width:100%; height:150px; box-shadow:0px 5px 25px rgba(0,0,0,0.10)}
.company_industry ul{}
.company_industry ul li{ width:100%; height:150px; float:left; text-align:center; font-size:14px; line-height:14px; background:url(../images/line.gif) no-repeat right center;}
.company_industry ul .owl-item a i{ width:55px; height:55px; display:block; margin:20px auto 20px;}
.company_industry ul .owl-item:nth-child(1) a i{ background:url(../images/icon.png) no-repeat 0 0;}
.company_industry ul .owl-item:nth-child(1) a:hover i{ background:url(../images/icon.png) no-repeat right 0;}
.company_industry ul .owl-item:nth-child(2) a i{ background:url(../images/icon.png) no-repeat 0 -55px;}
.company_industry ul .owl-item:nth-child(2) a:hover i{ background:url(../images/icon.png) no-repeat right -55px;}
.company_industry ul .owl-item:nth-child(3) a i{ background:url(../images/icon.png) no-repeat 0 -110px;}
.company_industry ul .owl-item:nth-child(3) a:hover i{ background:url(../images/icon.png) no-repeat right -110px;}
.company_industry ul .owl-item:nth-child(4) a i{ background:url(../images/icon.png) no-repeat 0 -165px;}
.company_industry ul .owl-item:nth-child(4) a:hover i{ background:url(../images/icon.png) no-repeat right -165px;}
.company_industry ul .owl-item:nth-child(5) a i{ background:url(../images/icon.png) no-repeat 0 -220px;}
.company_industry ul .owl-item:nth-child(5) a:hover i{ background:url(../images/icon.png) no-repeat right -220px;}
.company_industry ul .owl-item:nth-child(6) a i{ background:url(../images/icon.png) no-repeat 0 -275px;}
.company_industry ul .owl-item:nth-child(6) a:hover i{ background:url(../images/icon.png) no-repeat right -275px;}
.company_industry ul .owl-item:nth-child(5){ background:none;}
.company_industry ul li a{ color:#00538d;}
.company_industry ul li a:hover{ color:#ff8a00;}

#industry_scr .owl-pagination{ margin-top: 30px;}
#industry_scr .owl-buttons div{ position: absolute; top:50%; left:-50px; margin-top: -40px; width: 40px; height:75px; text-indent: -9999px; padding:0; border-radius:0; background: rgba(0,0,0,0.1) url("../images/l-btn.png") center center no-repeat;}
#industry_scr .owl-buttons div.owl-next{ left:auto; right: -50px; background-image: url("../images/r-btn.png");}
#industry_scr .owl-buttons div:hover{ background-image: url("../images/l-btn.png");}
#industry_scr .owl-buttons div.owl-next:hover{ background-image: url("../images/r-btn.png");}

#industry_scr .owl-controls .owl-page span{ background:#e0e0e0;}
#industry_scr .owl-controls .owl-page.active span,#honor_scr .owl-controls.clickable .owl-page:hover span{ background:#ef7b26;}


.news{ padding:20px 0 15px;}
.news_list ul li{ padding:0 15px;}
.news_list ul li .text{ text-align:center; margin-top:20px;}
.news_list ul li .text .p1{ font-size:16px; font-weight:bold; color:#333;}
.news_list ul li .text .p2{ text-align:left;}
.news_list ul li .text .data{ display:block; margin:10px 0;}
.news_list ul li .text .data i{ width:16px; height:16px; margin-right:8px; display:inline-block; vertical-align:middle; background:url(../images/time.png) no-repeat center center; background-size:16px;}

#news_scr .owl-pagination{ margin-top: 30px;}
#news_scr .owl-buttons div{ position: absolute; top:50%; left:-50px; margin-top: -40px; width: 40px; height:75px; text-indent: -9999px; padding:0; border-radius:0; background: rgba(0,0,0,0.1) url("../images/l-btn.png") center center no-repeat;}
#news_scr .owl-buttons div.owl-next{ left:auto; right: -50px; background-image: url("../images/r-btn.png");}
#news_scr .owl-buttons div:hover{ background-image: url("../images/l-btn.png");}
#news_scr .owl-buttons div.owl-next:hover{ background-image: url("../images/r-btn.png");}

#news_scr .owl-controls .owl-page span{ width:8px; height:8px; background:#062a68; opacity:1;}
#news_scr .owl-controls .owl-page.active span,#honor_scr .owl-controls.clickable .owl-page:hover span{ background:#ffba00;}


.bttom_con{ margin-top:20px; padding:0 15px;}
.bttom_con li{}

.industry_layout dl{ background:#e1e9ef;}
.industry_layout dl dd{ width:50%; float:left;}
.industry_layout dl dd:nth-child(2){ padding:20px 0 0 20px; box-sizing:border-box;}
.industry_layout dl dd:nth-child(2) h3{ color:#00538d; font-size:24px; font-weight:bold; margin-bottom:5px;}
.industry_layout dl dd:nth-child(2) img{ width:60%;}

.technolog dl{ background:#00538d;}
.technolog dl dd{ width:50%; float:left;}
.technolog dl dd:nth-child(1){ padding:20px 20px 0 0; box-sizing:border-box; text-align:right;}
.technolog dl dd:nth-child(1) h3{ color:#fff; font-size:24px; font-weight:bold;}
.technolog dl dd:nth-child(1) img{ width:80%;}



/***************** foot *****************/
#foot{ padding:15px; font-size:12px; text-align:center; color:#868686; background:#e1e1e1; word-wrap:break-word;}
#foot a{ color:#868686;}


.foot_link{ margin-bottom:20px;}
.foot_link a{ display:inline-block; color:#fff;}
.foot_link span{ margin:0 10px;}
.foot_link a:hover{ color:#ef7b26; text-decoration:underline;}


#foot .footer-guanzhu{
	text-align:center;
}

#foot .footer-guanzhu .fenxiang a{
	position: relative;
	display:inline-block;
	width:30px;
    height: 30px !important;
    line-height: 30px !important;
    text-align: center;
    font-size: 0;
    color: rgba(255, 255, 255, .9);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
	color:#fff;
    background: #b9b9b9 !important;
	background-color: transparent;
    border: 1px solid rgba(0, 0, 0, 0);
    -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    margin: 0 15px 0 0 !important;
}

.footer-guanzhu .fenxiang a i{
	position: absolute;
	width: 30px;
	height: 30px;
	left: 0;
	top: 0;
	line-height: 30px !important;
	text-align: center;
	background: none !important;
}

.footer-guanzhu .fenxiang a.share-sinaWb i,
.footer-guanzhu .fenxiang a.share-weixin i{
	font-size: 20px;
}

.footer-guanzhu .fenxiang a.share-qqIm i{
	font-size: 18px;
}

#foot .footer-guanzhu .fenxiang a:hover{
	background-color: #0085ed !important;
    border: 1px solid #0074ce;
    color: #fff;
    text-decoration: none;
}

.foot .fenxiang img{ box-shadow: 0px -8px 20px rgba(96, 120, 234, 0.2);}



/***************** 内页样式 *****************/

/* 面包屑 */
.navCur{ background:#fff; height:40px; font-size:0; width:100%;}
.icoHome{display:inline-block; background:url(../images/icoHome.png) center no-repeat; background-color:#f9f9f9; width:40px; height:40px; vertical-align:middle}
/*.icoHome:hover{background:url(../images/icoHomeHover.png) center no-repeat;}*/
.curL span{display:inline-block; height:40px; vertical-align:middle}
.curL span a{display:inline-block; background:url(../images/icoCur.png) left center no-repeat; height:40px; line-height:40px; padding:0 0 0 15px; margin-right:15px; font-size:12px; color:#888}
.curL span a:hover{background:url(../images/icoCurHover.png) left center no-repeat;color:#ffb619; }
.curL .on{ background:url(../images/icoCurHover.png) left center no-repeat!important;color:#ffb619!important; }

.wrapper01 { padding:10px; box-sizing:border-box; border-top:1px #f9f9f9 solid; background:#fff; position:relative; height:56px; width: 100%; overflow: hidden;}
.wrapper01 .scroller { position:absolute}
.wrapper01 .scroller li { float: left; text-align: center}
.wrapper01 .scroller li a{ padding:0 20px; float:left; line-height:36px; display:block; color:#666; border-radius:3px;}
.wrapper01 .scroller li.cur a{ color:#fff; background:#0e2c60;}

.i_about_box{ padding:0 10px; margin:20px 0 10px;}
.i_about_box .con_con{ padding:20px 0; line-height:24px; color:#666; overflow:hidden;}
.i_about_box .con_con .title h3{ font-size:16px; margin-bottom:10px; color:#062a68; font-weight:bold;}
.i_about_box .con_con a.more{ width:100px; padding-left:20px; margin:30px auto 0; line-height:36px; display:block; color:#062a68; background:url(../images/arrow.png) no-repeat 80px 0; border:1px #062a68 solid;}
.i_about_box .con_con a.more:hover{ text-decoration:underline;}


.i_title{ margin:30px 0;}
.i_title h3{ width:200px; font-size:18px; text-align:center; font-weight:bold; padding-bottom:10px; color:#10426d; margin:0 auto;}
.i_title:after{ width:30px; height:2px; margin:0 auto; background:#10426d;}

.article{ padding:0 10px; font-size:16px; line-height:30px; color:#666;}

.pic_link ul{ width:100%; padding:0 10px; margin-top:50px; box-sizing:border-box;}
.pic_link ul li{ width:100%; overflow:hidden; margin-bottom:15px; background:#000; position:relative;}
.pic_link ul li div{ width:100%; padding-top:100px; position:absolute; color:#fff; text-align:center; z-index:999;}
.pic_link ul li div h3{ font-size:30px; font-weight:normal;}
.pic_link ul li img{ opacity:0.8; transform: scale(1);
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;}
.pic_link ul li:hover img{ opacity:1; transform: scale(1.1);}


/*leader*/
.leader_list { width:100%; margin:0 auto; padding:20px 0; }
.leader_list .list{ padding:0 10px; margin-bottom:15px;}
.leader_list .list .bg{ min-height:200px;}
.leader_list .list .bg .pic img{ width:100%;}
.leader_list .list .bg .info{ width:100%; padding:15px; background:#f4f4f4; box-sizing:border-box;}
.leader_list .list .bg .info .name{ font-size:20px ;color:#404040; font-weight:bold;}
.leader_list .list .bg .info .work{ font-size:20px ;color:#595757; margin-bottom:10px;}
.leader_list .list .bg .job{ width:100%; line-height:1.5em;}


/** 公司产业 **/
.industry{ width:100%; padding:20px 10px; box-sizing:border-box;}
.industry li{ width:100%; margin-bottom:15px;}
.industry li p{ width:100%; padding:15px 0; display:inline-block; text-align:center; vertical-align:middle; font-size:20px; color:#00538d; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#e3e3e3));}
.industry li p i,.industry li p span{ display:inline-block; vertical-align:middle; margin:0 5px;}
.industry li p i{ width:35px; height:35px;}


.lt_con{ width:100%; padding:20px 10px; box-sizing:border-box;}
.lt_con h3{ font-size:20px; color:#00538d; margin:20px 0; text-align:center;}
.lt_con p{ line-height:2em; font-size:14px; color:#666;}

.rt_con{ width:100%; padding:10px; float:right; box-sizing:border-box; background:url(../images/rt_con_bg.png) no-repeat center 0;}
.rt_con .people{}
.rt_con .people .pic{ width:140px; float:left;}
.rt_con .people .info{ width:55%; float:right; line-height:24px;}
.rt_con .people .info h3{ color:#00538d; font-size:20px;}
.rt_con .people .info h2{ color:#666; font-size:14px; margin:10px 0;}
.rt_con .people .info p{ color:#999; font-size:13px;}

.contact_con{}
.contact_con h3{ font-size:18px; margin:30px 0;}
.contact_con ul li{ line-height:24px; font-size:16px; margin-bottom:20px; padding:3px 0 3px 40px;}
.contact_con ul li:nth-child(1){ background:url(../images/con_icon1.png) no-repeat 0 0; background-size:28px;}
.contact_con ul li:nth-child(2){ background:url(../images/con_icon2.png) no-repeat 0 0; background-size:28px;}
.contact_con ul li:nth-child(3){ background:url(../images/con_icon3.png) no-repeat 0 0; background-size:28px;}
.contact_con ul li:nth-child(4){ background:url(../images/con_icon4.png) no-repeat 0 0; background-size:28px;}


.video_box ul{ width:100%; padding:20px 10px; box-sizing:border-box;}
.video_box ul li{ width:48.5%; margin-bottom:15px; overflow:hidden; float:left;}
.video_box ul li:nth-child(2n){ float:right;}
.video_box ul li a{ display:block; background:#000; position:relative;}
.video_box ul li span{ font-size:14px; padding:10px 0; display:block; line-height:20px;}
.video_box ul li p{ width:100%; position:absolute; top:50%; margin-top:-18px; color:#fff; text-align:center; z-index:999;}
.video_box ul li p img{ width:20%;}
.video_box ul li a>img{ opacity:0.8; transform: scale(1);
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;}
.video_box ul li:hover a>img{ opacity:1; transform: scale(1.1);}


.news_recommendation{ width:100%; padding:20px 10px; box-sizing:border-box;}
.news_recommendation h3{ font-size:20px; margin:20px 0;}
.news_recommendation ul{ width:100%;}
.news_recommendation ul li{ width:48.5%; float:left; margin:0 0 20px 0;}
.news_recommendation ul li:nth-child(2n){ float:right;}
.news_recommendation ul li span{ width:100%; overflow:hidden; display:block;}
.news_recommendation ul li span img{ transform: scale(1);
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;}
.news_recommendation ul li p{ font-size:14px; padding:10px 0; line-height:20px;}
.news_recommendation ul li:hover span img{ opacity:1; transform: scale(1.1);}


/** 集团动态 **/
.i_news_pic_list{ }
.i_news_pic_list li{ width:100%; padding:20px 10px; position:relative; border-bottom:1px #eee solid; box-sizing:border-box;}
.i_news_pic_list li .pic{ width:100%;}	
.i_news_pic_list li .info{ width:100%; padding:0; float:none;}
.i_news_pic_list li .info .n_title{ font-size:18px; color:#000; margin:15px 0 0;}
.i_news_pic_list li .info .description{ width:100%; line-height:24px; font-size:14px;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.i_news_pic_list li .info .date{ margin:10px 0;}


/** 分页 **/
.news-page{width: 100%;height: 40px;text-align: center;font-size:0; margin-top:30px;}
.news-page a,.news-page span{font-size: 14px;line-height: 40px;width: 40px;height: 40px;display: inline-block;background: #f7f7f7;color: #686868;transition:background 0.3s,color 0.3s;}
.news-page.new a{background: #fff;}
.news-page a.active,.product-list .news-page a.active,.news-page.on a.active,.news-page.new a.active{color: #fff;background: #0085ed;}
.news-page a.btns i{ font-size:20px;}

.news-page a:hover,.product-list .news-page a:hover,.news-page.on a:hover{ color: #fff; background: #0085ed;}


/* 新闻详情 */
.i_news_show_box{ width: 100%; text-align:justify; padding:20px 10px; box-sizing:border-box;}
.i_news_show_box .left{ width: 100%; box-sizing:border-box;}
.i_news_show_box .left h2{font-size:20px; color: #000000;line-height: 30px; position: relative;}

.i_news_show_box .subtime{ padding:20px 0 10px; font-size:12px; border-bottom:1px #f3f3f3 solid; color:#999; margin-bottom: 30px;}
.i_news_show_box .subtime .info span{ display:inline-block; margin:0 30px 0 0; color:#b1b1b1;}
.i_news_show_box .subtime .info span.time{ padding-left:18px; background:url(../images/i1.gif) no-repeat 0 center;}
.i_news_show_box .subtime .info span.num{ padding-left:18px; background:url(../images/i2.gif) no-repeat 0 center;}

.i_news_show_box .left .time{ font-size: 14px;color: rgba(51,51,51,.5);line-height: 30px; display:block; margin-top:10px; text-align:center;}
.i_news_show_box .left p{font-size: 16px;color: #666666;line-height:2em;margin-bottom: 30px;}
.i_news_show_box .left img{max-width: 100%; height: auto !important;}

.i_news_show_box .right{ width:100%; margin-top:50px; box-sizing:border-box;}
.i_news_show_box .right h2{ font-size: 22px; font-weight:normal; color: #333;line-height: 22px;padding-bottom: 20px;border-bottom: 1px solid #e6e6e6;margin-bottom: 15px;}
.i_news_show_box .right a{display: block; width: 100%; font-size: 16px; color: #666; line-height: 26px; padding: 7px 0 7px 15px; background: url(../images/case23.png) no-repeat left 17px; transition: background 0.3s,color 0.3s; box-sizing:border-box;}
.i_news_show_box .right a:hover{ color:#0085ed; background: url(../images/case23_h.png) no-repeat left 17px;}
.i_news_show_box .right a.link{width: 100%;height: 55px;line-height: 55px;background: #0c5181 url(../images/news04.png) no-repeat 80% center;color: #fff;font-size: 18px;padding: 0 0 0 21%;transition: background 0.3s,color 0.3s,padding 0.3s;margin-top: 30px; box-sizing:border-box;}
.i_news_show_box .right a.link:hover{ background: #0c5181 url(../images/news04.png) no-repeat 85% center; color: #fff; padding: 0 0 0 15%;}

.tool_box{ height:40px; margin:20px 0 0; padding-top:20px; border-top:1px #f3f3f3 solid;}
.tool_box a{ padding:0 25px; height:40px; line-height:40px; text-align:center; margin-right:10px; font-size:16px; float:left; color:#fff; background:#37383A;}
.tool_box a:hover{ background:#FFA200;}
.tool_box a:hover{ text-decoration:underline;}
.tool_box .back{ float:right; margin:0; background:#FFA200;}


/**** 科技创新 ****/
.innovation_box{ width:100%; padding:20px 10px; box-sizing:border-box;}
.pro_box{ background:#fff; margin-bottom:20px;}
.pro_box .pic{}
.pro_box .info{ padding:20px;}
.pro_box .info h3{ font-size:18px; color:#00538d; font-weight:bold; margin-bottom:10px;}
.pro_box .info p{ font-size:14px; line-height:24px; color:#666;}


/**** 产业布局 ****/
.layout_article{ padding:20px 10px; font-size:16px; line-height:30px; color:#666;}
.layout_article h3{ text-align:center; font-size:20px; margin-bottom:15px; color:#000;}


/**** 人才招聘 ****/
.concept_box{ width:100%; padding:10px; box-sizing:border-box; overflow:hidden;}
.concept_box .concept_pic{ width:100%; float:right;}
.concept_box .concept_info{ color:#fff; line-height:24px; float:left; padding:30px; background:#0c5181;}
.concept_box .concept_info h3{ font-size:24px; font-weight:bold; margin-bottom:10px;}
.concept_box .concept_info h2{ font-size:16px; margin-bottom:20px;}
.concept_box .concept_info p{ color:#97d1f9;}

.accordion-container{ width:100%; padding:0 10px; box-sizing:border-box;}
.accordion{ width:100%; height:50px; line-height:50px; margin-top:10px; position:relative; display:inline-block; color:#666; vertical-align:middle;}
.accordion .icon{ width:28px; height:28px; position:relative; float:right; border-radius:100%; border:2px #fff solid; margin:9px 15px 0 0; background:url(../images/jia.gif) no-repeat center center;}
.accordion.active .icon{ background:url(../images/jian.gif) no-repeat center center;}
.accordion h4{ float:left; padding-left:20px; position:relative; font-size:18px;}
.accordion a{ height:50px; position:relative; display:block; text-decoration:none; background:#e6e6e6;}
.accordion a:hover,.active a{ text-decoration:none; color:#fff; background-color:#0c5181; transition:0.3s;}

.accordion-desc{ background-color:#fff; color:#666; z-index:2; font-size:14px; line-height:2em; padding:10px;}
.accordion-desc ul{ width:100%; padding-bottom:30px;}
.accordion-desc ul li{ width:50%; float:left;}
.accordion-desc ul li span{ color:#999;}
.accordion-desc h3{ font-weight:bold; padding-top:30px; margin-bottom:15px; border-top:1px #c4c4c4 dotted;}
.accordion-desc .apply_for{ width:100px; font-size:18px; color:#fff; padding:0 40px 0 60px; margin-top:30px; line-height:50px; text-align:center; display:block; background:#0c5181 url(../images/fj.png) no-repeat 40px center;}



/* 联系我们 */
.i_contact_box{}
.i_contact_box .con{ width:100%; height:auto; padding:0 10px; overflow: hidden; background:url(../images/i_con_pic2.jpg) no-repeat center 30px; background-size:110%; box-sizing:border-box;}
.i_contact_box .con>.text{ width:100%; text-align:center; margin:30px 0;}
.i_contact_box .con .text h3{ font-size:20px; display:inline-block; vertical-align:middle; color: black;font-weight: bold;}

.i_contact_box ul{ width:100%; margin:0 auto; font-size:0; vertical-align:top; margin-bottom:30px; padding-left:0; box-sizing:border-box;}
.i_contact_box ul li{ width:100%; display:inline-block; box-sizing:border-box;}
.i_contact_box ul li dl{}
.i_contact_box ul li dl dt{ margin:0 10px 20px; float:left;}
.i_contact_box ul li dl dd p{ font-size:16px; line-height:24px;}
.i_contact_box ul li dl dt img{ width:25px;}

.i_message_bg{ padding:30px 0; background:url(../images/message_bg.jpg) no-repeat center center;}
.i_message{ width:100%; margin:0 auto; padding:0 10px; box-sizing:border-box;}
.i_message h3{ font-size:20px; color:#000; margin-bottom:10px;}
.i_message li{ width:100%; padding:10px 0; float:left;}
.i_message li:nth-child(2n){ float:right;}
.i_message li:nth-child(5),.i_message li:nth-child(6){ width:100%;}
.i_message li .text,.i_message li textarea{ width:100%; line-height:50px; font-size:14px; padding-left:14px; background:#fff; border:1px #ddd solid; box-sizing:border-box;}
.i_message li textarea{ width:100%; height:112px; padding-top:10px; line-height:24px;}
.i_message .submit{ display:block; width:100%; height:60px; font-size:24px; line-height:60px; text-align:center; color:#fff; background:#0C5181;}
.i_message .submit:hover{ color:#fff; background:#FFBA00;}


.self-help-section {
    max-width: 100%;
	padding:0 10px;
	box-sizing:border-box;
}
.self-help-section {
    margin:0 auto 20px;
}
.self-help-section h2 {
    width: 100%;
    line-height:40px;
    background: #184166;
    font-size:16px;
	font-weight:normal;
    color: #fff;
    position: relative;
	text-align:center;
}
.self-help-section h2 a{ color:#fff;}
.self-help-section div {
    width: 100%;
	padding:10px;
	box-sizing:border-box;
    display: table;
    background: #fff;
    -moz-box-shadow: 0 1px 6px #ccc;
    -webkit-box-shadow: 0 1px 6px #ccc;
    box-shadow: 0 1px 6px #ccc;
}
.self-help-section ul {
    width: 100%;
    display: table-cell;
    vertical-align: middle;
}
.self-help-section ul li {
    width: 33.33%;
    float: left;
	padding:10px;
    line-height:20px;
    display: inline-block;
    font-size: 14px;
	box-sizing:border-box;
}




/* -------------------------------- 

左侧弹出导航

-------------------------------- */
.cd-main-content{
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform:translateZ(0);
  -moz-transform:translateZ(0);
  -ms-transform:translateZ(0);
  -o-transform:translateZ(0);
  transform:translateZ(0);
  will-change:transform;
}

.cd-main-content{
  position:relative;
  -webkit-transition:-webkit-transform 0.3s;
  -moz-transition:-moz-transform 0.3s;
  transition:transform 0.3s;
}
@media only screen and (max-width:1920px) {
  .cd-main-content.nav-is-visible, .cd-main-header.nav-is-visible {
    -webkit-transform:translateX(-260px);
    -moz-transform:translateX(-260px);
    -ms-transform:translateX(-260px);
    -o-transform:translateX(-260px);
    transform:translateX(-260px);
  }
  .nav-on-left .cd-main-content.nav-is-visible, .nav-on-left .cd-main-header.nav-is-visible {
    -webkit-transform:translateX(260px);
    -moz-transform:translateX(260px);
    -ms-transform:translateX(260px);
    -o-transform:translateX(260px);
    transform:translateX(260px);
  }
}

.cd-main-content {
	background:#fff;
	min-height:100vh;
	z-index:2;
}


.cd-primary-nav, .cd-primary-nav ul {
  position:fixed;
  top:0;
  right:0;
  height:100%;
  width:260px;
  background:#fff;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  z-index:1;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform:translateZ(0);
  -moz-transform:translateZ(0);
  -ms-transform:translateZ(0);
  -o-transform:translateZ(0);
  transform:translateZ(0);
  -webkit-transform:translateX(0);
  -moz-transform:translateX(0);
  -ms-transform:translateX(0);
  -o-transform:translateX(0);
  transform:translateX(0);
  -webkit-transition:-webkit-transform 0.3s;
  -moz-transition:-moz-transform 0.3s;
  transition:transform 0.3s;
}
.cd-primary-nav a, .cd-primary-nav ul a {
  display:block;
  height:50px;
  line-height:50px;
  padding:0 20px;
  color:#666;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  border-bottom:1px solid #ddd;
  -webkit-transform:translateZ(0);
  -moz-transform:translateZ(0);
  -ms-transform:translateZ(0);
  -o-transform:translateZ(0);
  transform:translateZ(0);
  will-change:transform, opacity;
  -webkit-transition:-webkit-transform 0.3s, opacity 0.3s;
  -moz-transition:-moz-transform 0.3s, opacity 0.3s;
  transition:transform 0.3s, opacity 0.3s;
}
.cd-primary-nav a:active, .cd-primary-nav ul a:active{
	 color:#fff;
	 background:#0c5181;
	 text-decoration:none;
}
	
.cd-primary-nav.is-hidden, .cd-primary-nav ul.is-hidden {
  /* secondary navigations hidden by default */
  -webkit-transform:translateX(100%);
  -moz-transform:translateX(100%);
  -ms-transform:translateX(100%);
  -o-transform:translateX(100%);
  transform:translateX(100%);
}
.cd-primary-nav.moves-out > li > a, .cd-primary-nav ul.moves-out > li > a {
  /* push the navigation items to the left - and lower down opacity - when secondary nav slides in */
  -webkit-transform:translateX(-100%);
  -moz-transform:translateX(-100%);
  -ms-transform:translateX(-100%);
  -o-transform:translateX(-100%);
  transform:translateX(-100%);
  opacity:0;
}

@media only screen and (max-width:1920px) {
  .nav-on-left .cd-primary-nav, .nav-on-left .cd-primary-nav ul {
    right:auto;
    left:0;
  }
}
.cd-primary-nav .see-all a {
  /* different style for the See all button on mobile and tablet */
  color:#69aa6f;
}
@media only screen and (max-width:1920px) {
  .cd-primary-nav {
    /* by default .cd-primary-nav is hidden - trick for iOS devices where you can see the navigation if you pull down */
    visibility:hidden;
    -webkit-transition:visibility 0s 0.3s;
    -moz-transition:visibility 0s 0.3s;
    transition:visibility 0s 0.3s;
  }
  .cd-primary-nav.nav-is-visible {
    visibility:visible;
    -webkit-transition:visibility 0s 0s;
    -moz-transition:visibility 0s 0s;
    transition:visibility 0s 0s;
  }
}
.has-children > a, .go-back a {
  position:relative;
}
.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
  /* arrow icon in CSS - for element with nested unordered lists */
  content:'';
  position:absolute;
  top:50%;
  margin-top:-1px;
  display:inline-block;
  height:2px;
  width:10px;
  background:#999;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}
.has-children > a::before, .go-back a::before {
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg);
}
.has-children > a::after, .go-back a::after {
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -ms-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
  transform:rotate(-45deg);
}

.has-children > a {
  padding-right:40px;
}
.has-children > a::before, .has-children > a::after {
  /* arrow goes on the right side - children navigation */
  right:20px;
  -webkit-transform-origin:9px 50%;
  -moz-transform-origin:9px 50%;
  -ms-transform-origin:9px 50%;
  -o-transform-origin:9px 50%;
  transform-origin:9px 50%;
}

.cd-primary-nav .go-back a {
  padding-left:40px;
}
.cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after {
  /* arrow goes on the left side - go back button */
  left:20px;
  -webkit-transform-origin:1px 50%;
  -moz-transform-origin:1px 50%;
  -ms-transform-origin:1px 50%;
  -o-transform-origin:1px 50%;
  transform-origin:1px 50%;
}


.cd-overlay {
  /* shadow layer visible when navigation is active */
  position:fixed;
  height:100%;
  width:100%;
  top:0;
  left:0;
  cursor:pointer;
  background-color:rgba(0, 0, 0, 0.7);
  visibility:hidden;
  opacity:0;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  -webkit-transition:opacity .3s 0s, visibility 0s .3s;
  -moz-transition:opacity .3s 0s, visibility 0s .3s;
  transition:opacity .3s 0s, visibility 0s .3s;
}
.cd-overlay.is-visible {
  opacity:1;
  visibility:visible;
  -webkit-transition:opacity .3s 0s, visibility 0s 0s;
  -moz-transition:opacity .3s 0s, visibility 0s 0s;
  transition:opacity .3s 0s, visibility 0s 0s;
}

/* -------------------------------- 

support for no js 

-------------------------------- */
.no-js .cd-primary-nav {
  position:relative;
  height:auto;
  width:100%;
  overflow:visible;
  visibility:visible;
  z-index:2;
}

.no-js .cd-search {
  position:relative;
  top:0;
  opacity:1;
  visibility:visible;
}

@media only screen and (min-width:1170px) {
  .no-js .cd-primary-nav {
    position:absolute;
    z-index:3;
    display:inline-block;
    width:auto;
    top:0;
    right:150px;
    padding:0;
  }

  .no-js .nav-is-fixed .cd-primary-nav {
    position:fixed;
  }
}

.loading, a.loading {
	clear: both;
	width: 100%;
	display: block;
	background: #eee;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #999;
	font-size: 12px;
	/*box-shadow: 0 1px 1px #ddd inset;*/
}
.loading b {
	background: url(../images/logining.gif);
	background-size: 12px auto;
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
	display: inline-block;
	margin-right: 5px;
	position: relative;
	top: 2px;
}
.userinfo {
    float:right; color:#fff; margin-right:20px; margin-top:10px;
}
.logout {
    color:#fff;
    margin-left:20px;
}
.red {
    color:#f2f2f2;
    margin-left:2px;
}

/* -------------------------------- 

返回顶部

-------------------------------- */
.backtop{
	width:50px;
	height:50px;
	overflow:hidden;
	display:none;
	/*border-radius:45px;
	-ms-border-radius:45px;
	-moz-border-radius:45px;
	-webkit-border-radius:45px;*/
	border-radius: 50%;
	box-shadow: 0 0 10px rgba(200, 200, 200, 0.6);
	-moz-box-shadow: 0 0 10px rgba(200, 200, 200, 0.6);
	-webkit-box-shadow: 0 0 10px rgba(200, 200, 200, 0.6);
	background:#fff url(../images/top_arrow.png) no-repeat center center;
	filter:alpha(opacity=90);  
    -moz-opacity:0.9;  
    -khtml-opacity: 0.9;  
    opacity: 0.9;  
	background-size:50% auto;
	position:fixed;
	right:10px;
	bottom:100px;
	z-index:9999;
}
.backtop a{
	color:#289bd5;
	display:block;
	
}
.backtop a i{
	line-height:45px;
	width:45px;
	display:block;
	height:45px;
}