body {color:#666666;font-family:Microsoft yahei;font-size:14px;}
body,div,ul,ol,li,dl,dt,dd,p,span,h1,h2,h3,h4,h5,h6,form,pre,fieldset,legend,table,tr,td,th,input,textarea,img {margin:0;padding:0;}
div,ul,ol,li,dl,dt,dd {margin:0 auto;list-style:none;font-size:14px;}
fieldset,img {border:0;}
textarea {resize:none;font-size:12px;}
a:link,a:visited {color:#666666;font-size:14px;text-decoration:none;}
a:hover,a:active {color:#FF0000;font-size:14px;text-decoration:none;}
a.white,a.white:visited {color:#FFFFFF;font-size:14px;text-decoration:none;}
a.black,a.black:visited {color:#666666;font-size:14px;text-decoration:none;}
a.links,a.links:visited {color:#666666;font-size:14px;text-decoration:none;margin:0px 5px 0px 4px;}
/*
	8dc21b
*/
.logo a {
    font-size: 0.26rem;
    color: #fff;
    padding-top: 0.3rem;
    /* margin-top: 0.5rem; */
    display: block;
    font-weight: 700;
}.cxbj img {
    height: 100%;
}.cxbj{ display:block; float:left;   height:50px; font-size:130%; font-weight:bold; color:#fff; letter-spacing:2px; 

    width: 100%;}

.cxbj img{ height:100%;}
.header{ 

    height: 50px;

width: 100%;

background-color:#fff;

position: absolute;

top: 0;

z-index: 1;

background-size: 100%;

    }

.left{ background:url("../images/left.png") no-repeat; left:1.5%;}

.menu{ background:url("../images/menu.png") no-repeat; right:1%; z-index:1; }

.left,.menu{ height:30px; width:30px; background-size:63%; position:absolute;top:32%;}

#piclist img{ width:100%;}
#nav_active {background: #0a6d9a;}
.ab-nav{ width:96%; padding:2%; overflow:hidden; clear:both;    padding-top: 61px;}
.ab-nav li{ width:30%; display:block; float:left; margin-right:5%; margin-bottom:10px;}
.ab-nav li a{background:#102C5C;; border-radius:3px; width:90%; padding:0 5%; color:#fff; display:block; line-height:36px; text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; font-size:80%}
.ab-nav li:nth-child(3n){ margin-right:0px;}

.box-list li {

width: 31%;

margin: 2% 3px 0px 4px;

float: left;

height: 32px;

line-height: 32px;

text-align: center; background:url("../images/classid.jpg") repeat-x;}

.listpage li{ display:block; padding:0.5px 10px; border:1px solid #102C5C; margin:0px 2px;  float:left;}
.wraper{margin-top: 1rem; margin-bottom:10px;}
/*.header{width: 100%; height: 1rem; background: #102C5C; position: fixed; z-index: 999; top: 0; box-shadow: 0px 1px 12px 3px #ccc;}
*/.search_btn{width:15%; -line-height: 1rem;float: left; text-align:center; margin-top: 0.3rem;}
.back{width:15%;float: left; text-align:center; margin-top: 0.3rem;}

.logo{width: 70%;float: left; height: 1rem;text-align: center;}
.logo img{max-height:1rem; max-width:76%; margin-top:0.1rem;}
.nav_btn{width: 15%;-line-height: 1rem; float: left; text-align: center; margin-top: 0.3rem;}
.search_btn span, .nav_btn span,.back span{ font-size: 0.4rem; color: #fff;}

/*search*/
/*.searchbutton{position: absolute;left: 10px;top: 19px;color: #FFF;}
.searchbutton i{font-size: 1.85rem;}
.searchArea{position: fixed;left: 0;top: 0;height: 1rem;background: #102C5C;padding: 5px 0;width: 100%;z-index: 2999;transition: 300ms ease;
box-sizing: border-box;}
.searchClose{color: #FFF;font-size: 0.4rem;position: absolute;top:0.3rem;left: 10px;}
.searchClose i{float: left;}
.close{top: -1.2rem;transition: 300ms ease;}

.searchFrom{width: 100%;float: right;padding-left: 0.5rem;box-sizing:border-box;-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;line-height: 1rem;height: 1rem;}
.searchFrom form{overflow: hidden;margin-top:0.2rem; box-sizing: border-box;}
.searchFrom input{width: 80%;height: 0.5rem;padding: 0;border-radius: 1rem 0 0 1rem;border: 0;font-family: "Microsoft Yahei";
	font-size: 0.2rem;text-indent: 20px;float: left;outline:none;}
.searchFrom button{width: 16%;float: left;border: none;height: 0.5rem;border-radius: 0 1rem 1rem 0;background: #479f4a;}
.searchFrom button i{color: #FFF}*/

/*nav*/

.close_btn{width: 100%; display: block; font-size: 0.4rem; color: #fff; text-align: right;}
.open{right:-2rem; transition: 300ms ease;}

/*index*/
.index_nav{width: 100%; overflow: hidden;  padding-bottom: 5px ; box-sizing: border-box; padding-top:55px;}
.index_nav ul{padding: 0; margin:0;}
.index_nav ul li{ width: 33.333%; box-sizing: border-box; float:left;text-align: center;line-height: 0.4rem; margin-top:5px;}
.index_nav ul li a {display: block; width: 90%; height: 100%; border-radius:0.1rem;  color: #102C5C; font-size:0.18rem; border:1px solid #102C5C;
margin:0 auto; }
.index_nav ul li a span{color:#fff; display: block; width: 80%; margin:0 auto; font-size: 1.2em;}




.cont{width: 100%; overflow: hidden; margin-top:50px;    box-shadow: 0px 3px 15px -3px; padding-bottom: 10px;}
.title{width: 100%; height:0.45rem; background: #102C5C; box-shadow: 0px 5px 3px 0px #102C5C inset;}
.title_name{display: block; line-height: 0.45rem;  font-size: 0.25rem; font-family: "Microsoft Yahei"; font-weight: bold; color: #fff; margin:0 auto;
width: 30%; text-align: center;}

.content{width: 100%; overflow: hidden; box-sizing: border-box; padding: 10px; font-size: 0.18rem;}

.more{width: 100%; text-align: center; background: #fff;}
.more_btn{display: block; line-height: 0.45rem;  width: 1.85rem; background: #102C5C; margin:0 auto ;border-radius:10px;}
.more_btn a {color:#fff; font-size:0.2rem;}

.pro_box{width: 48%; float: left;margin-left:1%; border:1px solid #ccc; margin-top:2%; height: 2rem; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;}
.pro_img{width: 100%; display: table;}
.pro_img a {width: 100% ; height:1.6rem; display: table-cell; vertical-align:middle;text-align: center;}
.pro_img img{max-width: 100%; max-height: 1.5rem;}
.pro_name{width: 100% ; height: 0.4rem; background: #102C5C; text-align: center; line-height: 0.4rem;}
.pro_name a{color:#fff; font-size: 0.18rem;}

.news_box{width: 100%; height: 0.45rem; line-height: 0.45rem; border-bottom:1px dashed #ccc; overflow: hidden;}
.news_box:nth-of-type(2n){background: #eee;}
.news_title{width: 70%; float: left; padding-left: 10px; box-sizing: border-box;}
.news_title a,.news_date a{color: #000; font-size: 0.18rem;}
.news_date{width: 25%; float: right;text-align: center; color: #000}

.team_box{width: 100%; margin-top: 5px; overflow: hidden;}
.team_img{ width: 25%; float: left; height: 1.2rem; text-align: center; display: table;}
.team_img img{max-width: 100%; max-height: 100%;}
.team_img a{ display: table-cell; vertical-align: middle; height: 1.2rem; }
.team_name,.team_motto,.team_more{width: 70%; text-align: left; box-sizing: border-box; float: left;margin-left:2%; line-height: 0.4rem;height:0.4rem; font-size: 0.18rem;
overflow:hidden;}
.team_more{text-align: right;}
.team_more a {font-size:0.16rem;}

.contact{width: 95%; margin:0 auto; background: #102C5C; border-radius: 0.5em;}
.contact span{ display: block; text-align: center; width: 100%; line-height: 2rem;}

/*footer*/
/*�ײ�*/

.footer{ background-color:#1e1e25;height:50px; z-index:5; text-align:center; display:block; position:fixed; bottom:0px;cursor:pointer; left:0; right:0; width:100%;}

.footer li a{ width:25%; float:left; display:block; margin:0 auto; color:#FFF; font-size:12px;}

.tel3{background: url("../images/tel3.png") no-repeat;width: 22px;

height: 20px;

background-size:100%;

margin: 8px auto -3px auto;  }

.tel2{ background: url("../images/tel2.png") no-repeat;}

.yy{background: url("../images/yy.png") no-repeat; }

.sms{ background: url("../images/sms.png") no-repeat;}

.share{ background: url("../images/share.png") no-repeat;}

.location{ background: url("../images/location.png") no-repeat;}

.tel2,.sms,.share,.location,.yy{width: 18px;

height: 20px;

background-size:98%;

margin: 8px auto -3px auto; }

.abc{ width:60%; margin:0 auto;}

.abc:hover{ width:60%; background-color:rgba(72,38,12,0.8); border-radius:5px;}





/*内页样式*/
.in_title1{width: 100%; box-sizing: border-box; padding-left:5%; border-bottom: 2px solid #102C5C; height: 0.6rem;
 line-height: 0.6rem; font-size:0.2rem;}
 .in_title{width: 100%; box-sizing: border-box; padding-left:5%; border-bottom: 2px solid #102C5C; height: 0.2rem;
 line-height: 0.6rem; font-size:0.2rem;}
.in_cont{width: 100%; padding: 10px; box-sizing:border-box; overflow: hidden;    border-top: 2px solid #102C5C;}
.in_content{box-sizing: border-box; padding: 10px; font-size:0.18rem; width: 100%;}

.in_proBox{width: 48%; float: left;margin-left:1%; border:1px solid #ccc; margin-top:3%;     min-height: 2.2rem;max-height: 2.8rem;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; }
.in_proImg{width: 100%; display: table;}
.in_proImg a {width: 100% ; height: 1.8rem; display: table-cell; vertical-align:middle;text-align: center;}
.in_proImg img{max-width: 100%; max-height: 2.5rem;}
.in_proName{width: 100% ; height: 0.4rem; background: #1e1e25; text-align: center; line-height: 0.4rem;}
.in_proName a{color:#fff; font-size:0.18rem;}

.in_newsBox{width: 100%; height:  0.45rem; line-height:  0.45rem; border-bottom:1px dashed #ccc;}
.in_newsBox:nth-of-type(2n){background: #eee;}

.in_newsTitle{width: 70%; float: left; padding-left: 10px; box-sizing: border-box; display: block; height: 0.45rem;overflow: hidden;}
.in_newsTitle a{color: #000; font-size: 0.2rem;}
.in_newsDate {color: #000; font-size: 0.18rem;}
.in_newsDate{width: 25%; float: right;text-align: center; color: #000;display: block;}

.in_search{width: 100%;float: right;padding-left: 0.5rem;box-sizing:border-box;-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;line-height: 1rem;height: 1rem; background: #102C5C;}
.in_search form{overflow: hidden;margin-top:0.2rem; box-sizing: border-box;}
.in_search input{width: 80%;height: 0.5rem;padding: 0;border-radius: 1rem 0 0 1rem;border: 0;font-family: "Microsoft Yahei";
	font-size: 0.2rem;text-indent: 20px;float: left;outline:none;}
.in_search button{width: 16%;float: left;border: none;height: 0.5rem;border-radius: 0 1rem 1rem 0;background: #479f4a;}
.in_search button i{color: #FFF}
#search-box{overflow: hidden; height: 1rem;}


.result_box{width: 100%; overflow: hidden; box-sizing:border-box; border-bottom: 1px dashed #ccc; padding:10px;}
.search_date{float: right;}
.next-button{display: block; background: #102C5C; border-radius: 0.2rem;text-align: center; line-height: 0.4rem; width: 20%;
margin:0 auto;}
.next-button a{color: #fff;}
.botton_box{text-align: center;width: 100%; padding: 5px; box-sizing: border-box;}

.cat_btn{display: inline-block; float: right;line-height: 0.6rem;padding-right: 5%;}
.in_cat{}
.cat_list{width: 100%;overflow: hidden;padding: 5px; display: none; box-sizing:border-box;}
.cat_list ul{margin: 0; padding: 0;}
.cat_list ul li {float: left; width: 30%;line-height: 0.4rem; text-align: center; border:1px solid #102C5C; border-radius:0.1rem;
box-sizing: border-box; margin-left: 2%; margin-top: 2%; font-size:0.2rem;}
.cat_list ul li a {font-size:0.2rem; text-align: center;display: block; width: 100%;}

/*详情页样式*/
.show_img{width: 100%; display: table; text-align: center;}
.show_img a {width: 100% ; height: 14rem; display: table-cell; vertical-align:middle;text-align: center;}
.show_img img{max-width: 100%; max-height: 3rem;}
.d_title{display: block;border-bottom:1px solid #ccc;}

.article_title{width: 100%; text-align: center;line-height: 0.4rem; font-size: 0.25rem;}
.horizontal{width: 100%; border-bottom:1px solid #ccc; margin-top:20px;}
.articlebook a,.articlebook strong{font-size: 0.18rem;}

.msgBox{padding: 20px 10px ; box-sizing:border-box;}
.msg{text-align: center; font-size:0.3rem;}
.nav-button{display: inline-block; float: left; width: 20%; line-height: 0.3rem; text-align: center;
border:1px solid #102C5C; border-radius: 0.25rem; position: relative;}
.btnBox{    display: -webkit-box; overflow: hidden; -webkit-box-pack: center;}



/*分页样式*/
.listpage  { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; width: 100%;}
.listpage  ul { text-align: center; margin: 10px 0 30px 0; float: left; position: relative; width: 100%;}
.listpage ul li a ,.m2xxBkBtn,.currclass{     line-height: 20px;padding: 5px 10px; display: inline-block; float: left; margin-right: 1px; background: #102C5C;
color: #FFF; border-bottom: 1px solid #102C5C; text-decoration: none; -webkit-transition: all 100ms ease-in-out;
-moz-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out;
transition: all 100ms ease-in-out;}
a.m2xxBkBtn{color:#fff !important;}
/*
8dc21b
*/

.in_cont img{ width:100%; }

.navico span{ display:block; color:#3e3e3e; line-height:20px;font-size:0.8em;}
.navico{ float:right; padding:6px 6px 6px; text-align:center; margin:0 0 0 9px; border-left:1px solid #f9f9f9; border-bottom:1px solid #f9f9f9; position:relative;}
.navico img{ width:25px; height:19px;}
.navico_on{ background:#f0f0f0; border-left:1px solid #e6e6e6; border-bottom:1px solid #f0f0f0;}
.navbox{ float:left; width:100%; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; margin:-1px 0 0; padding:0 0 12px; background:#f0f0f0; display:none; position:absolute ; top:97px; z-index:1000;}
.navbox li{ float:left; width:100%; margin:12px 0 0 0; display:inline; text-align:center; }
.navbox li img{ height:16px;}
.navbox li span{ display:block; line-height:20px; color:#b5b5b5; height:20px; overflow:hidden;font-size:0.8em;}
.fa-hand-o-right:before{ color:#fff;}
th {
    display: block;
    width: 70px;
}
textarea {
    width: 200px !important;
    resize: none;
}
input.reset {
    width: 100px;
    background: #ccc;
}
input.submit{
    width: 100px;
    background: #ccc;
}
.input-text{display: block;
    width:200px !important;
      height: 20px;
    margin: 2px 0px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}